@elementor/editor-controls 4.0.0-607 → 4.0.0-619

package/dist/index.js

@@ -85,6 +85,7 @@ __export(index_exports, {
   TransitionRepeaterControl: () => TransitionRepeaterControl,
   UnstableSizeField: () => UnstableSizeField,
   UrlControl: () => UrlControl,
+  VideoMediaControl: () => VideoMediaControl,
   createControl: () => createControl,
   createControlReplacementsRegistry: () => createControlReplacementsRegistry,
   enqueueFont: () => enqueueFont,
@@ -92,15 +93,16 @@ __export(index_exports, {
   injectIntoRepeaterItemActions: () => injectIntoRepeaterItemActions,
   injectIntoRepeaterItemIcon: () => injectIntoRepeaterItemIcon,
   injectIntoRepeaterItemLabel: () => injectIntoRepeaterItemLabel,
+  isUnitExtendedOption: () => isUnitExtendedOption,
   registerControlReplacement: () => registerControlReplacement,
   transitionProperties: () => transitionProperties,
   transitionsItemsList: () => transitionsItemsList,
   useBoundProp: () => useBoundProp,
   useControlActions: () => useControlActions,
   useControlReplacement: () => useControlReplacement,
-  useElementCanHaveChildren: () => useElementCanHaveChildren,
   useFontFamilies: () => useFontFamilies,
-  useSyncExternalState: () => useSyncExternalState
+  useSyncExternalState: () => useSyncExternalState,
+  useTypingBuffer: () => useTypingBuffer
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -644,10 +646,48 @@ var import_ui13 = require("@elementor/ui");
 
 // src/components/size-control/size-input.tsx
 var React18 = __toESM(require("react"));
-var import_react9 = require("react");
 var import_icons2 = require("@elementor/icons");
 var import_ui11 = require("@elementor/ui");
 
+// src/hooks/use-typing-buffer.ts
+var import_react7 = require("react");
+function useTypingBuffer(options = {}) {
+  const { limit = 3, timeout = 600 } = options;
+  const inputBufferRef = (0, import_react7.useRef)("");
+  const timeoutRef = (0, import_react7.useRef)(null);
+  const appendKey = (key) => {
+    inputBufferRef.current = (inputBufferRef.current + key).slice(-limit);
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+    timeoutRef.current = setTimeout(() => {
+      inputBufferRef.current = "";
+      timeoutRef.current = null;
+    }, timeout);
+    return inputBufferRef.current;
+  };
+  const startsWith = (haystack, needle) => {
+    if (3 < haystack.length && 2 > needle.length) {
+      return false;
+    }
+    return haystack.startsWith(needle);
+  };
+  (0, import_react7.useEffect)(() => {
+    return () => {
+      inputBufferRef.current = "";
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = null;
+      }
+    };
+  }, []);
+  return {
+    buffer: inputBufferRef.current,
+    appendKey,
+    startsWith
+  };
+}
+
 // src/utils/size-control.ts
 var lengthUnits = ["px", "%", "em", "rem", "vw", "vh", "ch"];
 var angleUnits = ["deg", "rad", "grad", "turn"];
@@ -661,18 +701,18 @@ function isUnitExtendedOption(unit) {
 
 // src/components/size-control/text-field-inner-selection.tsx
 var React17 = __toESM(require("react"));
-var import_react8 = require("react");
+var import_react9 = require("react");
 var import_editor_props6 = require("@elementor/editor-props");
 var import_editor_ui3 = require("@elementor/editor-ui");
 var import_ui10 = require("@elementor/ui");
 
 // src/components/number-input.tsx
 var React16 = __toESM(require("react"));
-var import_react7 = require("react");
+var import_react8 = require("react");
 var import_ui9 = require("@elementor/ui");
 var RESTRICTED_INPUT_KEYS = ["e", "E", "+"];
-var NumberInput = (0, import_react7.forwardRef)((props, ref) => {
-  const [key, setKey] = (0, import_react7.useState)(0);
+var NumberInput = (0, import_react8.forwardRef)((props, ref) => {
+  const [key, setKey] = (0, import_react8.useState)(0);
   const handleKeyDown = (event) => {
     blockRestrictedKeys(event, props.inputProps?.min);
     props.onKeyDown?.(event);
@@ -697,7 +737,7 @@ function blockRestrictedKeys(event, min) {
 }
 
 // src/components/size-control/text-field-inner-selection.tsx
-var TextFieldInnerSelection = (0, import_react8.forwardRef)(
+var TextFieldInnerSelection = (0, import_react9.forwardRef)(
   ({
     placeholder,
     type,
@@ -749,7 +789,7 @@ var SelectionEndAdornment = ({
 }) => {
   const popupState = (0, import_ui10.usePopupState)({
     variant: "popover",
-    popupId: (0, import_react8.useId)()
+    popupId: (0, import_react9.useId)()
   });
   const handleMenuItemClick = (index) => {
     onClick(options[index]);
@@ -820,7 +860,6 @@ var StyledButton = (0, import_ui10.styled)(import_ui10.Button, {
 }));
 
 // src/components/size-control/size-input.tsx
-var RESTRICTED_KEYBOARD_SHORTCUT_UNITS = ["auto"];
 var SizeInput = ({
   units: units2,
   handleUnitChange,
@@ -838,19 +877,28 @@ var SizeInput = ({
   id,
   ariaLabel
 }) => {
-  const unitInputBufferRef = (0, import_react9.useRef)("");
+  const { appendKey, startsWith } = useTypingBuffer();
   const inputType = isUnitExtendedOption(unit) ? "text" : "number";
   const inputValue = !isUnitExtendedOption(unit) && Number.isNaN(size) ? "" : size ?? "";
-  const handleKeyUp = (event) => {
-    const { key } = event;
+  const handleKeyDown = (event) => {
+    const { key, altKey, ctrlKey, metaKey } = event;
+    if (altKey || ctrlKey || metaKey) {
+      return;
+    }
+    if (isUnitExtendedOption(unit) && !isNaN(Number(key))) {
+      const defaultUnit = units2?.[0];
+      if (defaultUnit) {
+        handleUnitChange(defaultUnit);
+      }
+      return;
+    }
     if (!/^[a-zA-Z%]$/.test(key)) {
       return;
     }
     event.preventDefault();
     const newChar = key.toLowerCase();
-    const updatedBuffer = (unitInputBufferRef.current + newChar).slice(-3);
-    unitInputBufferRef.current = updatedBuffer;
-    const matchedUnit = units2.find((u) => !RESTRICTED_KEYBOARD_SHORTCUT_UNITS.includes(u) && u.includes(updatedBuffer)) || units2.find((u) => !RESTRICTED_KEYBOARD_SHORTCUT_UNITS.includes(u) && u.startsWith(newChar)) || units2.find((u) => !RESTRICTED_KEYBOARD_SHORTCUT_UNITS.includes(u) && u.includes(newChar));
+    const updatedBuffer = appendKey(newChar);
+    const matchedUnit = units2.find((u) => startsWith(u, updatedBuffer));
     if (matchedUnit) {
       handleUnitChange(matchedUnit);
     }
@@ -892,7 +940,7 @@ var SizeInput = ({
       type: inputType,
       value: inputValue,
       onChange: handleSizeChange,
-      onKeyUp: handleKeyUp,
+      onKeyDown: handleKeyDown,
       onBlur,
       InputProps,
       inputProps: { min, step: "any", "aria-label": ariaLabel },
@@ -922,6 +970,11 @@ var TextFieldPopover = (props) => {
       });
     }
   }, [popupState.isOpen]);
+  const handleKeyPress = (event) => {
+    if (event.key.toLowerCase() === "enter") {
+      handleClose();
+    }
+  };
   const handleClose = () => {
     restoreValue();
     popupState.close();
@@ -956,6 +1009,7 @@ var TextFieldPopover = (props) => {
       {
         value,
         onChange,
+        onKeyPress: handleKeyPress,
         size: "tiny",
         type: "text",
         fullWidth: true,
@@ -2622,6 +2676,12 @@ var React55 = __toESM(require("react"));
 var import_editor_props18 = require("@elementor/editor-props");
 var import_ui40 = require("@elementor/ui");
 var isEmptyOrNaN = (value) => value === null || value === void 0 || value === "" || Number.isNaN(Number(value));
+var renderSuffix = (propType) => {
+  if (propType.meta?.suffix) {
+    return /* @__PURE__ */ React55.createElement(import_ui40.InputAdornment, { position: "end" }, propType.meta.suffix);
+  }
+  return /* @__PURE__ */ React55.createElement(React55.Fragment, null);
+};
 var NumberControl = createControl(
   ({
     placeholder: labelPlaceholder,
@@ -2631,7 +2691,7 @@ var NumberControl = createControl(
     shouldForceInt = false,
     startIcon
   }) => {
-    const { value, setValue, placeholder, disabled, restoreValue } = useBoundProp(import_editor_props18.numberPropTypeUtil);
+    const { value, setValue, placeholder, disabled, restoreValue, propType } = useBoundProp(import_editor_props18.numberPropTypeUtil);
     const handleChange = (event) => {
       const {
         value: eventValue,
@@ -2662,7 +2722,8 @@ var NumberControl = createControl(
         placeholder: labelPlaceholder ?? (isEmptyOrNaN(placeholder) ? "" : String(placeholder)),
         inputProps: { step, min },
         InputProps: {
-          startAdornment: startIcon ? /* @__PURE__ */ React55.createElement(import_ui40.InputAdornment, { position: "start", disabled }, startIcon) : void 0
+          startAdornment: startIcon ? /* @__PURE__ */ React55.createElement(import_ui40.InputAdornment, { position: "start", disabled }, startIcon) : void 0,
+          endAdornment: renderSuffix(propType)
         }
       }
     ));
@@ -3883,7 +3944,13 @@ var RATIO_OPTIONS = [
 ];
 var CUSTOM_RATIO = "custom";
 var AspectRatioControl = createControl(({ label }) => {
-  const { value: aspectRatioValue, setValue: setAspectRatioValue, disabled } = useBoundProp(import_editor_props27.stringPropTypeUtil);
+  const {
+    value: currentPropValue,
+    setValue: setAspectRatioValue,
+    disabled,
+    placeholder: externalPlaceholder
+  } = useBoundProp(import_editor_props27.stringPropTypeUtil);
+  const aspectRatioValue = currentPropValue ?? externalPlaceholder;
   const isCustomSelected = aspectRatioValue && !RATIO_OPTIONS.some((option) => option.value === aspectRatioValue);
   const [initialWidth, initialHeight] = isCustomSelected ? aspectRatioValue.split("/") : ["", ""];
   const [isCustom, setIsCustom] = (0, import_react34.useState)(isCustomSelected);
@@ -3931,6 +3998,8 @@ var AspectRatioControl = createControl(({ label }) => {
       setAspectRatioValue(`${customWidth}/${newHeight}`);
     }
   };
+  const lookup = currentPropValue ?? externalPlaceholder;
+  const selectedOption = RATIO_OPTIONS.find((option) => option.value === lookup);
   return /* @__PURE__ */ React69.createElement(ControlActions, null, /* @__PURE__ */ React69.createElement(import_ui54.Stack, { direction: "column", gap: 2 }, /* @__PURE__ */ React69.createElement(import_ui54.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React69.createElement(import_ui54.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React69.createElement(ControlLabel, null, label)), /* @__PURE__ */ React69.createElement(import_ui54.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React69.createElement(
     import_ui54.Select,
     {
@@ -3940,6 +4009,7 @@ var AspectRatioControl = createControl(({ label }) => {
       disabled,
       value: selectedValue,
       onChange: handleSelectChange,
+      renderValue: isCustomSelected ? void 0 : () => selectedOption?.label,
       fullWidth: true
     },
     [...RATIO_OPTIONS, { label: (0, import_i18n26.__)("Custom", "elementor"), value: CUSTOM_RATIO }].map(
@@ -4142,45 +4212,132 @@ var SvgMediaControl = createControl(() => {
   ))));
 });
 
+// src/controls/video-media-control.tsx
+var React72 = __toESM(require("react"));
+var import_editor_props29 = require("@elementor/editor-props");
+var import_icons19 = require("@elementor/icons");
+var import_ui57 = require("@elementor/ui");
+var import_wp_media3 = require("@elementor/wp-media");
+var import_i18n29 = require("@wordpress/i18n");
+var PLACEHOLDER_IMAGE = window.elementorCommon?.config?.urls?.assets + "/shapes/play-triangle.svg";
+var VideoMediaControl = createControl(() => {
+  const { value, setValue } = useBoundProp(import_editor_props29.videoSrcPropTypeUtil);
+  const { id, url } = value ?? {};
+  const { data: attachment, isFetching } = (0, import_wp_media3.useWpMediaAttachment)(id?.value || null);
+  const videoUrl = attachment?.url ?? url?.value ?? null;
+  const { open } = (0, import_wp_media3.useWpMediaFrame)({
+    mediaTypes: ["video"],
+    multiple: false,
+    selected: id?.value || null,
+    onSelect: (selectedAttachment) => {
+      setValue({
+        id: {
+          $$type: "video-attachment-id",
+          value: selectedAttachment.id
+        },
+        url: null
+      });
+    }
+  });
+  return /* @__PURE__ */ React72.createElement(ControlActions, null, /* @__PURE__ */ React72.createElement(import_ui57.Card, { variant: "outlined" }, /* @__PURE__ */ React72.createElement(
+    import_ui57.CardMedia,
+    {
+      sx: {
+        height: 140,
+        backgroundColor: "white",
+        backgroundSize: "8px 8px",
+        backgroundPosition: "0 0, 4px 4px",
+        backgroundRepeat: "repeat",
+        backgroundImage: `${TILES_GRADIENT_FORMULA}, ${TILES_GRADIENT_FORMULA}`,
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center"
+      }
+    },
+    /* @__PURE__ */ React72.createElement(VideoPreview, { isFetching, videoUrl })
+  ), /* @__PURE__ */ React72.createElement(import_ui57.CardOverlay, null, /* @__PURE__ */ React72.createElement(import_ui57.Stack, { gap: 1 }, /* @__PURE__ */ React72.createElement(
+    import_ui57.Button,
+    {
+      size: "tiny",
+      color: "inherit",
+      variant: "outlined",
+      onClick: () => open({ mode: "browse" })
+    },
+    (0, import_i18n29.__)("Select video", "elementor")
+  ), /* @__PURE__ */ React72.createElement(
+    import_ui57.Button,
+    {
+      size: "tiny",
+      variant: "text",
+      color: "inherit",
+      startIcon: /* @__PURE__ */ React72.createElement(import_icons19.UploadIcon, null),
+      onClick: () => open({ mode: "upload" })
+    },
+    (0, import_i18n29.__)("Upload", "elementor")
+  )))));
+});
+var VideoPreview = ({ isFetching = false, videoUrl }) => {
+  if (isFetching) {
+    return /* @__PURE__ */ React72.createElement(import_ui57.CircularProgress, null);
+  }
+  if (videoUrl) {
+    return /* @__PURE__ */ React72.createElement(
+      "video",
+      {
+        src: videoUrl,
+        muted: true,
+        preload: "metadata",
+        style: {
+          width: "100%",
+          height: "100%",
+          objectFit: "cover",
+          pointerEvents: "none"
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ React72.createElement("img", { src: PLACEHOLDER_IMAGE, alt: "No video selected" });
+};
+
 // src/controls/background-control/background-control.tsx
+var React79 = __toESM(require("react"));
+var import_editor_props35 = require("@elementor/editor-props");
+var import_ui65 = require("@elementor/ui");
+var import_i18n35 = require("@wordpress/i18n");
+
+// src/controls/background-control/background-overlay/background-overlay-repeater-control.tsx
 var React78 = __toESM(require("react"));
 var import_editor_props34 = require("@elementor/editor-props");
 var import_ui64 = require("@elementor/ui");
+var import_wp_media4 = require("@elementor/wp-media");
 var import_i18n34 = require("@wordpress/i18n");
 
-// src/controls/background-control/background-overlay/background-overlay-repeater-control.tsx
-var React77 = __toESM(require("react"));
-var import_editor_props33 = require("@elementor/editor-props");
-var import_ui63 = require("@elementor/ui");
-var import_wp_media3 = require("@elementor/wp-media");
-var import_i18n33 = require("@wordpress/i18n");
-
 // src/env.ts
 var import_env = require("@elementor/env");
 var { env } = (0, import_env.parseEnv)("@elementor/editor-controls");
 
 // src/controls/background-control/background-gradient-color-control.tsx
-var React72 = __toESM(require("react"));
-var import_editor_props29 = require("@elementor/editor-props");
-var import_ui57 = require("@elementor/ui");
+var React73 = __toESM(require("react"));
+var import_editor_props30 = require("@elementor/editor-props");
+var import_ui58 = require("@elementor/ui");
 var BackgroundGradientColorControl = createControl(() => {
-  const { value, setValue } = useBoundProp(import_editor_props29.backgroundGradientOverlayPropTypeUtil);
+  const { value, setValue } = useBoundProp(import_editor_props30.backgroundGradientOverlayPropTypeUtil);
   const handleChange = (newValue) => {
     const transformedValue = createTransformableValue(newValue);
     if (transformedValue.positions) {
-      transformedValue.positions = import_editor_props29.stringPropTypeUtil.create(newValue.positions.join(" "));
+      transformedValue.positions = import_editor_props30.stringPropTypeUtil.create(newValue.positions.join(" "));
     }
     setValue(transformedValue);
   };
   const createTransformableValue = (newValue) => ({
     ...newValue,
-    type: import_editor_props29.stringPropTypeUtil.create(newValue.type),
-    angle: import_editor_props29.numberPropTypeUtil.create(newValue.angle),
-    stops: import_editor_props29.gradientColorStopPropTypeUtil.create(
+    type: import_editor_props30.stringPropTypeUtil.create(newValue.type),
+    angle: import_editor_props30.numberPropTypeUtil.create(newValue.angle),
+    stops: import_editor_props30.gradientColorStopPropTypeUtil.create(
       newValue.stops.map(
-        ({ color, offset }) => import_editor_props29.colorStopPropTypeUtil.create({
-          color: import_editor_props29.colorPropTypeUtil.create(color),
-          offset: import_editor_props29.numberPropTypeUtil.create(offset)
+        ({ color, offset }) => import_editor_props30.colorStopPropTypeUtil.create({
+          color: import_editor_props30.colorPropTypeUtil.create(color),
+          offset: import_editor_props30.numberPropTypeUtil.create(offset)
         })
       )
     )
@@ -4200,8 +4357,8 @@ var BackgroundGradientColorControl = createControl(() => {
       positions: positions?.value.split(" ")
     };
   };
-  return /* @__PURE__ */ React72.createElement(
-    import_ui57.UnstableGradientBox,
+  return /* @__PURE__ */ React73.createElement(
+    import_ui58.UnstableGradientBox,
     {
       sx: { width: "auto", padding: 1.5 },
       value: normalizeValue(),
@@ -4209,67 +4366,67 @@ var BackgroundGradientColorControl = createControl(() => {
     }
   );
 });
-var initialBackgroundGradientOverlay = import_editor_props29.backgroundGradientOverlayPropTypeUtil.create({
-  type: import_editor_props29.stringPropTypeUtil.create("linear"),
-  angle: import_editor_props29.numberPropTypeUtil.create(180),
-  stops: import_editor_props29.gradientColorStopPropTypeUtil.create([
-    import_editor_props29.colorStopPropTypeUtil.create({
-      color: import_editor_props29.colorPropTypeUtil.create("rgb(0,0,0)"),
-      offset: import_editor_props29.numberPropTypeUtil.create(0)
+var initialBackgroundGradientOverlay = import_editor_props30.backgroundGradientOverlayPropTypeUtil.create({
+  type: import_editor_props30.stringPropTypeUtil.create("linear"),
+  angle: import_editor_props30.numberPropTypeUtil.create(180),
+  stops: import_editor_props30.gradientColorStopPropTypeUtil.create([
+    import_editor_props30.colorStopPropTypeUtil.create({
+      color: import_editor_props30.colorPropTypeUtil.create("rgb(0,0,0)"),
+      offset: import_editor_props30.numberPropTypeUtil.create(0)
     }),
-    import_editor_props29.colorStopPropTypeUtil.create({
-      color: import_editor_props29.colorPropTypeUtil.create("rgb(255,255,255)"),
-      offset: import_editor_props29.numberPropTypeUtil.create(100)
+    import_editor_props30.colorStopPropTypeUtil.create({
+      color: import_editor_props30.colorPropTypeUtil.create("rgb(255,255,255)"),
+      offset: import_editor_props30.numberPropTypeUtil.create(100)
     })
   ])
 });
 
 // src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-attachment.tsx
-var React73 = __toESM(require("react"));
-var import_icons19 = require("@elementor/icons");
-var import_ui58 = require("@elementor/ui");
-var import_i18n29 = require("@wordpress/i18n");
+var React74 = __toESM(require("react"));
+var import_icons20 = require("@elementor/icons");
+var import_ui59 = require("@elementor/ui");
+var import_i18n30 = require("@wordpress/i18n");
 var attachmentControlOptions = [
   {
     value: "fixed",
-    label: (0, import_i18n29.__)("Fixed", "elementor"),
-    renderContent: ({ size }) => /* @__PURE__ */ React73.createElement(import_icons19.PinIcon, { fontSize: size }),
+    label: (0, import_i18n30.__)("Fixed", "elementor"),
+    renderContent: ({ size }) => /* @__PURE__ */ React74.createElement(import_icons20.PinIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "scroll",
-    label: (0, import_i18n29.__)("Scroll", "elementor"),
-    renderContent: ({ size }) => /* @__PURE__ */ React73.createElement(import_icons19.PinnedOffIcon, { fontSize: size }),
+    label: (0, import_i18n30.__)("Scroll", "elementor"),
+    renderContent: ({ size }) => /* @__PURE__ */ React74.createElement(import_icons20.PinnedOffIcon, { fontSize: size }),
     showTooltip: true
   }
 ];
 var BackgroundImageOverlayAttachment = () => {
-  return /* @__PURE__ */ React73.createElement(PopoverGridContainer, null, /* @__PURE__ */ React73.createElement(import_ui58.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React73.createElement(ControlFormLabel, null, (0, import_i18n29.__)("Attachment", "elementor"))), /* @__PURE__ */ React73.createElement(import_ui58.Grid, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end", overflow: "hidden" } }, /* @__PURE__ */ React73.createElement(ToggleControl, { options: attachmentControlOptions })));
+  return /* @__PURE__ */ React74.createElement(PopoverGridContainer, null, /* @__PURE__ */ React74.createElement(import_ui59.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React74.createElement(ControlFormLabel, null, (0, import_i18n30.__)("Attachment", "elementor"))), /* @__PURE__ */ React74.createElement(import_ui59.Grid, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end", overflow: "hidden" } }, /* @__PURE__ */ React74.createElement(ToggleControl, { options: attachmentControlOptions })));
 };
 
 // src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-position.tsx
-var React74 = __toESM(require("react"));
+var React75 = __toESM(require("react"));
 var import_react37 = require("react");
-var import_editor_props30 = require("@elementor/editor-props");
+var import_editor_props31 = require("@elementor/editor-props");
 var import_editor_ui9 = require("@elementor/editor-ui");
-var import_icons20 = require("@elementor/icons");
-var import_ui59 = require("@elementor/ui");
-var import_i18n30 = require("@wordpress/i18n");
+var import_icons21 = require("@elementor/icons");
+var import_ui60 = require("@elementor/ui");
+var import_i18n31 = require("@wordpress/i18n");
 var backgroundPositionOptions = [
-  { label: (0, import_i18n30.__)("Center center", "elementor"), value: "center center" },
-  { label: (0, import_i18n30.__)("Center left", "elementor"), value: "center left" },
-  { label: (0, import_i18n30.__)("Center right", "elementor"), value: "center right" },
-  { label: (0, import_i18n30.__)("Top center", "elementor"), value: "top center" },
-  { label: (0, import_i18n30.__)("Top left", "elementor"), value: "top left" },
-  { label: (0, import_i18n30.__)("Top right", "elementor"), value: "top right" },
-  { label: (0, import_i18n30.__)("Bottom center", "elementor"), value: "bottom center" },
-  { label: (0, import_i18n30.__)("Bottom left", "elementor"), value: "bottom left" },
-  { label: (0, import_i18n30.__)("Bottom right", "elementor"), value: "bottom right" },
-  { label: (0, import_i18n30.__)("Custom", "elementor"), value: "custom" }
+  { label: (0, import_i18n31.__)("Center center", "elementor"), value: "center center" },
+  { label: (0, import_i18n31.__)("Center left", "elementor"), value: "center left" },
+  { label: (0, import_i18n31.__)("Center right", "elementor"), value: "center right" },
+  { label: (0, import_i18n31.__)("Top center", "elementor"), value: "top center" },
+  { label: (0, import_i18n31.__)("Top left", "elementor"), value: "top left" },
+  { label: (0, import_i18n31.__)("Top right", "elementor"), value: "top right" },
+  { label: (0, import_i18n31.__)("Bottom center", "elementor"), value: "bottom center" },
+  { label: (0, import_i18n31.__)("Bottom left", "elementor"), value: "bottom left" },
+  { label: (0, import_i18n31.__)("Bottom right", "elementor"), value: "bottom right" },
+  { label: (0, import_i18n31.__)("Custom", "elementor"), value: "custom" }
 ];
 var BackgroundImageOverlayPosition = () => {
-  const backgroundImageOffsetContext = useBoundProp(import_editor_props30.backgroundImagePositionOffsetPropTypeUtil);
-  const stringPropContext = useBoundProp(import_editor_props30.stringPropTypeUtil);
+  const backgroundImageOffsetContext = useBoundProp(import_editor_props31.backgroundImagePositionOffsetPropTypeUtil);
+  const stringPropContext = useBoundProp(import_editor_props31.stringPropTypeUtil);
   const isCustom = !!backgroundImageOffsetContext.value;
   const rowRef = (0, import_react37.useRef)(null);
   const handlePositionChange = (event) => {
@@ -4280,8 +4437,8 @@ var BackgroundImageOverlayPosition = () => {
       stringPropContext.setValue(value);
     }
   };
-  return /* @__PURE__ */ React74.createElement(import_ui59.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React74.createElement(import_ui59.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React74.createElement(PopoverGridContainer, null, /* @__PURE__ */ React74.createElement(import_ui59.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React74.createElement(ControlFormLabel, null, (0, import_i18n30.__)("Position", "elementor"))), /* @__PURE__ */ React74.createElement(import_ui59.Grid, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end", overflow: "hidden" } }, /* @__PURE__ */ React74.createElement(ControlActions, null, /* @__PURE__ */ React74.createElement(
-    import_ui59.Select,
+  return /* @__PURE__ */ React75.createElement(import_ui60.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React75.createElement(import_ui60.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React75.createElement(PopoverGridContainer, null, /* @__PURE__ */ React75.createElement(import_ui60.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React75.createElement(ControlFormLabel, null, (0, import_i18n31.__)("Position", "elementor"))), /* @__PURE__ */ React75.createElement(import_ui60.Grid, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end", overflow: "hidden" } }, /* @__PURE__ */ React75.createElement(ControlActions, null, /* @__PURE__ */ React75.createElement(
+    import_ui60.Select,
     {
       fullWidth: true,
       size: "tiny",
@@ -4289,18 +4446,18 @@ var BackgroundImageOverlayPosition = () => {
       disabled: stringPropContext.disabled,
       value: (backgroundImageOffsetContext.value ? "custom" : stringPropContext.value) ?? ""
     },
-    backgroundPositionOptions.map(({ label, value }) => /* @__PURE__ */ React74.createElement(import_editor_ui9.MenuListItem, { key: value, value: value ?? "" }, label))
-  ))))), isCustom ? /* @__PURE__ */ React74.createElement(PropProvider, { ...backgroundImageOffsetContext }, /* @__PURE__ */ React74.createElement(import_ui59.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React74.createElement(import_ui59.Grid, { container: true, spacing: 1.5, ref: rowRef }, /* @__PURE__ */ React74.createElement(import_ui59.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React74.createElement(PropKeyProvider, { bind: "x" }, /* @__PURE__ */ React74.createElement(
+    backgroundPositionOptions.map(({ label, value }) => /* @__PURE__ */ React75.createElement(import_editor_ui9.MenuListItem, { key: value, value: value ?? "" }, label))
+  ))))), isCustom ? /* @__PURE__ */ React75.createElement(PropProvider, { ...backgroundImageOffsetContext }, /* @__PURE__ */ React75.createElement(import_ui60.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React75.createElement(import_ui60.Grid, { container: true, spacing: 1.5, ref: rowRef }, /* @__PURE__ */ React75.createElement(import_ui60.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React75.createElement(PropKeyProvider, { bind: "x" }, /* @__PURE__ */ React75.createElement(
     SizeControl,
     {
-      startIcon: /* @__PURE__ */ React74.createElement(import_icons20.LetterXIcon, { fontSize: "tiny" }),
+      startIcon: /* @__PURE__ */ React75.createElement(import_icons21.LetterXIcon, { fontSize: "tiny" }),
       anchorRef: rowRef,
       min: -Number.MAX_SAFE_INTEGER
     }
-  ))), /* @__PURE__ */ React74.createElement(import_ui59.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React74.createElement(PropKeyProvider, { bind: "y" }, /* @__PURE__ */ React74.createElement(
+  ))), /* @__PURE__ */ React75.createElement(import_ui60.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React75.createElement(PropKeyProvider, { bind: "y" }, /* @__PURE__ */ React75.createElement(
     SizeControl,
     {
-      startIcon: /* @__PURE__ */ React74.createElement(import_icons20.LetterYIcon, { fontSize: "tiny" }),
+      startIcon: /* @__PURE__ */ React75.createElement(import_icons21.LetterYIcon, { fontSize: "tiny" }),
       anchorRef: rowRef,
       min: -Number.MAX_SAFE_INTEGER
     }
@@ -4308,76 +4465,76 @@ var BackgroundImageOverlayPosition = () => {
 };
 
 // src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-repeat.tsx
-var React75 = __toESM(require("react"));
-var import_icons21 = require("@elementor/icons");
-var import_ui60 = require("@elementor/ui");
-var import_i18n31 = require("@wordpress/i18n");
+var React76 = __toESM(require("react"));
+var import_icons22 = require("@elementor/icons");
+var import_ui61 = require("@elementor/ui");
+var import_i18n32 = require("@wordpress/i18n");
 var repeatControlOptions = [
   {
     value: "repeat",
-    label: (0, import_i18n31.__)("Repeat", "elementor"),
-    renderContent: ({ size }) => /* @__PURE__ */ React75.createElement(import_icons21.GridDotsIcon, { fontSize: size }),
+    label: (0, import_i18n32.__)("Repeat", "elementor"),
+    renderContent: ({ size }) => /* @__PURE__ */ React76.createElement(import_icons22.GridDotsIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "repeat-x",
-    label: (0, import_i18n31.__)("Repeat-x", "elementor"),
-    renderContent: ({ size }) => /* @__PURE__ */ React75.createElement(import_icons21.DotsHorizontalIcon, { fontSize: size }),
+    label: (0, import_i18n32.__)("Repeat-x", "elementor"),
+    renderContent: ({ size }) => /* @__PURE__ */ React76.createElement(import_icons22.DotsHorizontalIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "repeat-y",
-    label: (0, import_i18n31.__)("Repeat-y", "elementor"),
-    renderContent: ({ size }) => /* @__PURE__ */ React75.createElement(import_icons21.DotsVerticalIcon, { fontSize: size }),
+    label: (0, import_i18n32.__)("Repeat-y", "elementor"),
+    renderContent: ({ size }) => /* @__PURE__ */ React76.createElement(import_icons22.DotsVerticalIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "no-repeat",
-    label: (0, import_i18n31.__)("No-repeat", "elementor"),
-    renderContent: ({ size }) => /* @__PURE__ */ React75.createElement(import_icons21.XIcon, { fontSize: size }),
+    label: (0, import_i18n32.__)("No-repeat", "elementor"),
+    renderContent: ({ size }) => /* @__PURE__ */ React76.createElement(import_icons22.XIcon, { fontSize: size }),
     showTooltip: true
   }
 ];
 var BackgroundImageOverlayRepeat = () => {
-  return /* @__PURE__ */ React75.createElement(PopoverGridContainer, null, /* @__PURE__ */ React75.createElement(import_ui60.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React75.createElement(ControlFormLabel, null, (0, import_i18n31.__)("Repeat", "elementor"))), /* @__PURE__ */ React75.createElement(import_ui60.Grid, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end" } }, /* @__PURE__ */ React75.createElement(ToggleControl, { options: repeatControlOptions })));
+  return /* @__PURE__ */ React76.createElement(PopoverGridContainer, null, /* @__PURE__ */ React76.createElement(import_ui61.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React76.createElement(ControlFormLabel, null, (0, import_i18n32.__)("Repeat", "elementor"))), /* @__PURE__ */ React76.createElement(import_ui61.Grid, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end" } }, /* @__PURE__ */ React76.createElement(ToggleControl, { options: repeatControlOptions })));
 };
 
 // src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-size.tsx
-var React76 = __toESM(require("react"));
+var React77 = __toESM(require("react"));
 var import_react38 = require("react");
-var import_editor_props31 = require("@elementor/editor-props");
-var import_icons22 = require("@elementor/icons");
-var import_ui61 = require("@elementor/ui");
-var import_i18n32 = require("@wordpress/i18n");
+var import_editor_props32 = require("@elementor/editor-props");
+var import_icons23 = require("@elementor/icons");
+var import_ui62 = require("@elementor/ui");
+var import_i18n33 = require("@wordpress/i18n");
 var sizeControlOptions = [
   {
     value: "auto",
-    label: (0, import_i18n32.__)("Auto", "elementor"),
-    renderContent: ({ size }) => /* @__PURE__ */ React76.createElement(import_icons22.LetterAIcon, { fontSize: size }),
+    label: (0, import_i18n33.__)("Auto", "elementor"),
+    renderContent: ({ size }) => /* @__PURE__ */ React77.createElement(import_icons23.LetterAIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "cover",
-    label: (0, import_i18n32.__)("Cover", "elementor"),
-    renderContent: ({ size }) => /* @__PURE__ */ React76.createElement(import_icons22.ArrowsMaximizeIcon, { fontSize: size }),
+    label: (0, import_i18n33.__)("Cover", "elementor"),
+    renderContent: ({ size }) => /* @__PURE__ */ React77.createElement(import_icons23.ArrowsMaximizeIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "contain",
-    label: (0, import_i18n32.__)("Contain", "elementor"),
-    renderContent: ({ size }) => /* @__PURE__ */ React76.createElement(import_icons22.ArrowBarBothIcon, { fontSize: size }),
+    label: (0, import_i18n33.__)("Contain", "elementor"),
+    renderContent: ({ size }) => /* @__PURE__ */ React77.createElement(import_icons23.ArrowBarBothIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "custom",
-    label: (0, import_i18n32.__)("Custom", "elementor"),
-    renderContent: ({ size }) => /* @__PURE__ */ React76.createElement(import_icons22.PencilIcon, { fontSize: size }),
+    label: (0, import_i18n33.__)("Custom", "elementor"),
+    renderContent: ({ size }) => /* @__PURE__ */ React77.createElement(import_icons23.PencilIcon, { fontSize: size }),
     showTooltip: true
   }
 ];
 var BackgroundImageOverlaySize = () => {
-  const backgroundImageScaleContext = useBoundProp(import_editor_props31.backgroundImageSizeScalePropTypeUtil);
-  const stringPropContext = useBoundProp(import_editor_props31.stringPropTypeUtil);
+  const backgroundImageScaleContext = useBoundProp(import_editor_props32.backgroundImageSizeScalePropTypeUtil);
+  const stringPropContext = useBoundProp(import_editor_props32.stringPropTypeUtil);
   const isCustom = !!backgroundImageScaleContext.value;
   const rowRef = (0, import_react38.useRef)(null);
   const handleSizeChange = (size) => {
@@ -4387,7 +4544,7 @@ var BackgroundImageOverlaySize = () => {
       stringPropContext.setValue(size);
     }
   };
-  return /* @__PURE__ */ React76.createElement(import_ui61.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React76.createElement(import_ui61.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React76.createElement(PopoverGridContainer, null, /* @__PURE__ */ React76.createElement(import_ui61.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React76.createElement(ControlFormLabel, null, (0, import_i18n32.__)("Size", "elementor"))), /* @__PURE__ */ React76.createElement(import_ui61.Grid, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end" } }, /* @__PURE__ */ React76.createElement(
+  return /* @__PURE__ */ React77.createElement(import_ui62.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React77.createElement(import_ui62.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React77.createElement(PopoverGridContainer, null, /* @__PURE__ */ React77.createElement(import_ui62.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React77.createElement(ControlFormLabel, null, (0, import_i18n33.__)("Size", "elementor"))), /* @__PURE__ */ React77.createElement(import_ui62.Grid, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end" } }, /* @__PURE__ */ React77.createElement(
     ControlToggleButtonGroup,
     {
       exclusive: true,
@@ -4396,17 +4553,17 @@ var BackgroundImageOverlaySize = () => {
       disabled: stringPropContext.disabled,
       value: backgroundImageScaleContext.value ? "custom" : stringPropContext.value
     }
-  )))), isCustom ? /* @__PURE__ */ React76.createElement(PropProvider, { ...backgroundImageScaleContext }, /* @__PURE__ */ React76.createElement(import_ui61.Grid, { item: true, xs: 12, ref: rowRef }, /* @__PURE__ */ React76.createElement(PopoverGridContainer, null, /* @__PURE__ */ React76.createElement(import_ui61.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React76.createElement(PropKeyProvider, { bind: "width" }, /* @__PURE__ */ React76.createElement(
+  )))), isCustom ? /* @__PURE__ */ React77.createElement(PropProvider, { ...backgroundImageScaleContext }, /* @__PURE__ */ React77.createElement(import_ui62.Grid, { item: true, xs: 12, ref: rowRef }, /* @__PURE__ */ React77.createElement(PopoverGridContainer, null, /* @__PURE__ */ React77.createElement(import_ui62.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React77.createElement(PropKeyProvider, { bind: "width" }, /* @__PURE__ */ React77.createElement(
     SizeControl,
     {
-      startIcon: /* @__PURE__ */ React76.createElement(import_icons22.ArrowsMoveHorizontalIcon, { fontSize: "tiny" }),
+      startIcon: /* @__PURE__ */ React77.createElement(import_icons23.ArrowsMoveHorizontalIcon, { fontSize: "tiny" }),
       extendedOptions: ["auto"],
       anchorRef: rowRef
     }
-  ))), /* @__PURE__ */ React76.createElement(import_ui61.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React76.createElement(PropKeyProvider, { bind: "height" }, /* @__PURE__ */ React76.createElement(
+  ))), /* @__PURE__ */ React77.createElement(import_ui62.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React77.createElement(PropKeyProvider, { bind: "height" }, /* @__PURE__ */ React77.createElement(
     SizeControl,
     {
-      startIcon: /* @__PURE__ */ React76.createElement(import_icons22.ArrowsMoveVerticalIcon, { fontSize: "tiny" }),
+      startIcon: /* @__PURE__ */ React77.createElement(import_icons23.ArrowsMoveVerticalIcon, { fontSize: "tiny" }),
       extendedOptions: ["auto"],
       anchorRef: rowRef
     }
@@ -4415,16 +4572,16 @@ var BackgroundImageOverlaySize = () => {
 
 // src/controls/background-control/background-overlay/use-background-tabs-history.ts
 var import_react39 = require("react");
-var import_editor_props32 = require("@elementor/editor-props");
-var import_ui62 = require("@elementor/ui");
+var import_editor_props33 = require("@elementor/editor-props");
+var import_ui63 = require("@elementor/ui");
 var useBackgroundTabsHistory = ({
   color: initialBackgroundColorOverlay2,
   image: initialBackgroundImageOverlay,
   gradient: initialBackgroundGradientOverlay2
 }) => {
-  const { value: imageValue, setValue: setImageValue } = useBoundProp(import_editor_props32.backgroundImageOverlayPropTypeUtil);
-  const { value: colorValue, setValue: setColorValue } = useBoundProp(import_editor_props32.backgroundColorOverlayPropTypeUtil);
-  const { value: gradientValue, setValue: setGradientValue } = useBoundProp(import_editor_props32.backgroundGradientOverlayPropTypeUtil);
+  const { value: imageValue, setValue: setImageValue } = useBoundProp(import_editor_props33.backgroundImageOverlayPropTypeUtil);
+  const { value: colorValue, setValue: setColorValue } = useBoundProp(import_editor_props33.backgroundColorOverlayPropTypeUtil);
+  const { value: gradientValue, setValue: setGradientValue } = useBoundProp(import_editor_props33.backgroundGradientOverlayPropTypeUtil);
   const getCurrentOverlayType = () => {
     if (colorValue) {
       return "color";
@@ -4434,7 +4591,7 @@ var useBackgroundTabsHistory = ({
     }
     return "image";
   };
-  const { getTabsProps, getTabProps, getTabPanelProps } = (0, import_ui62.useTabs)(getCurrentOverlayType());
+  const { getTabsProps, getTabProps, getTabPanelProps } = (0, import_ui63.useTabs)(getCurrentOverlayType());
   const valuesHistory = (0, import_react39.useRef)({
     image: initialBackgroundImageOverlay,
     color: initialBackgroundColorOverlay2,
@@ -4473,9 +4630,9 @@ var useBackgroundTabsHistory = ({
 
 // src/controls/background-control/background-overlay/background-overlay-repeater-control.tsx
 var DEFAULT_BACKGROUND_COLOR_OVERLAY_COLOR = "#00000033";
-var initialBackgroundColorOverlay = import_editor_props33.backgroundColorOverlayPropTypeUtil.create(
+var initialBackgroundColorOverlay = import_editor_props34.backgroundColorOverlayPropTypeUtil.create(
   {
-    color: import_editor_props33.colorPropTypeUtil.create(DEFAULT_BACKGROUND_COLOR_OVERLAY_COLOR)
+    color: import_editor_props34.colorPropTypeUtil.create(DEFAULT_BACKGROUND_COLOR_OVERLAY_COLOR)
   }
 );
 var getInitialBackgroundOverlay = () => ({
@@ -4503,29 +4660,29 @@ var getInitialBackgroundOverlay = () => ({
   }
 });
 var backgroundResolutionOptions = [
-  { label: (0, import_i18n33.__)("Thumbnail - 150 x 150", "elementor"), value: "thumbnail" },
-  { label: (0, import_i18n33.__)("Medium - 300 x 300", "elementor"), value: "medium" },
-  { label: (0, import_i18n33.__)("Large 1024 x 1024", "elementor"), value: "large" },
-  { label: (0, import_i18n33.__)("Full", "elementor"), value: "full" }
+  { label: (0, import_i18n34.__)("Thumbnail - 150 x 150", "elementor"), value: "thumbnail" },
+  { label: (0, import_i18n34.__)("Medium - 300 x 300", "elementor"), value: "medium" },
+  { label: (0, import_i18n34.__)("Large 1024 x 1024", "elementor"), value: "large" },
+  { label: (0, import_i18n34.__)("Full", "elementor"), value: "full" }
 ];
 var BackgroundOverlayRepeaterControl = createControl(() => {
-  const { propType, value: overlayValues, setValue } = useBoundProp(import_editor_props33.backgroundOverlayPropTypeUtil);
-  return /* @__PURE__ */ React77.createElement(PropProvider, { propType, value: overlayValues, setValue }, /* @__PURE__ */ React77.createElement(
+  const { propType, value: overlayValues, setValue } = useBoundProp(import_editor_props34.backgroundOverlayPropTypeUtil);
+  return /* @__PURE__ */ React78.createElement(PropProvider, { propType, value: overlayValues, setValue }, /* @__PURE__ */ React78.createElement(
     ControlRepeater,
     {
       initial: getInitialBackgroundOverlay(),
-      propTypeUtil: import_editor_props33.backgroundOverlayPropTypeUtil
+      propTypeUtil: import_editor_props34.backgroundOverlayPropTypeUtil
     },
-    /* @__PURE__ */ React77.createElement(RepeaterHeader, { label: (0, import_i18n33.__)("Overlay", "elementor") }, /* @__PURE__ */ React77.createElement(TooltipAddItemAction, { newItemIndex: 0 })),
-    /* @__PURE__ */ React77.createElement(ItemsContainer, null, /* @__PURE__ */ React77.createElement(
+    /* @__PURE__ */ React78.createElement(RepeaterHeader, { label: (0, import_i18n34.__)("Overlay", "elementor") }, /* @__PURE__ */ React78.createElement(TooltipAddItemAction, { newItemIndex: 0 })),
+    /* @__PURE__ */ React78.createElement(ItemsContainer, null, /* @__PURE__ */ React78.createElement(
       Item,
       {
         Icon: ItemIcon2,
         Label: ItemLabel2,
-        actions: /* @__PURE__ */ React77.createElement(React77.Fragment, null, /* @__PURE__ */ React77.createElement(DuplicateItemAction, null), /* @__PURE__ */ React77.createElement(DisableItemAction, null), /* @__PURE__ */ React77.createElement(RemoveItemAction, null))
+        actions: /* @__PURE__ */ React78.createElement(React78.Fragment, null, /* @__PURE__ */ React78.createElement(DuplicateItemAction, null), /* @__PURE__ */ React78.createElement(DisableItemAction, null), /* @__PURE__ */ React78.createElement(RemoveItemAction, null))
       }
     )),
-    /* @__PURE__ */ React77.createElement(EditItemPopover, null, /* @__PURE__ */ React77.createElement(ItemContent, null))
+    /* @__PURE__ */ React78.createElement(EditItemPopover, null, /* @__PURE__ */ React78.createElement(ItemContent, null))
   ));
 });
 var ItemContent = () => {
@@ -4535,27 +4692,27 @@ var ItemContent = () => {
     gradient: initialBackgroundGradientOverlay.value
   });
   const { rowRef } = useRepeaterContext();
-  return /* @__PURE__ */ React77.createElement(import_ui63.Box, { sx: { width: "100%" } }, /* @__PURE__ */ React77.createElement(import_ui63.Box, { sx: { borderBottom: 1, borderColor: "divider" } }, /* @__PURE__ */ React77.createElement(
-    import_ui63.Tabs,
+  return /* @__PURE__ */ React78.createElement(import_ui64.Box, { sx: { width: "100%" } }, /* @__PURE__ */ React78.createElement(import_ui64.Box, { sx: { borderBottom: 1, borderColor: "divider" } }, /* @__PURE__ */ React78.createElement(
+    import_ui64.Tabs,
     {
       size: "small",
       variant: "fullWidth",
       ...getTabsProps(),
-      "aria-label": (0, import_i18n33.__)("Background Overlay", "elementor")
+      "aria-label": (0, import_i18n34.__)("Background Overlay", "elementor")
     },
-    /* @__PURE__ */ React77.createElement(import_ui63.Tab, { label: (0, import_i18n33.__)("Image", "elementor"), ...getTabProps("image") }),
-    /* @__PURE__ */ React77.createElement(import_ui63.Tab, { label: (0, import_i18n33.__)("Gradient", "elementor"), ...getTabProps("gradient") }),
-    /* @__PURE__ */ React77.createElement(import_ui63.Tab, { label: (0, import_i18n33.__)("Color", "elementor"), ...getTabProps("color") })
-  )), /* @__PURE__ */ React77.createElement(import_ui63.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("image") }, /* @__PURE__ */ React77.createElement(PopoverContent, null, /* @__PURE__ */ React77.createElement(ImageOverlayContent, null))), /* @__PURE__ */ React77.createElement(import_ui63.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("gradient") }, /* @__PURE__ */ React77.createElement(BackgroundGradientColorControl, null)), /* @__PURE__ */ React77.createElement(import_ui63.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("color") }, /* @__PURE__ */ React77.createElement(PopoverContent, null, /* @__PURE__ */ React77.createElement(ColorOverlayContent, { anchorEl: rowRef }))));
+    /* @__PURE__ */ React78.createElement(import_ui64.Tab, { label: (0, import_i18n34.__)("Image", "elementor"), ...getTabProps("image") }),
+    /* @__PURE__ */ React78.createElement(import_ui64.Tab, { label: (0, import_i18n34.__)("Gradient", "elementor"), ...getTabProps("gradient") }),
+    /* @__PURE__ */ React78.createElement(import_ui64.Tab, { label: (0, import_i18n34.__)("Color", "elementor"), ...getTabProps("color") })
+  )), /* @__PURE__ */ React78.createElement(import_ui64.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("image") }, /* @__PURE__ */ React78.createElement(PopoverContent, null, /* @__PURE__ */ React78.createElement(ImageOverlayContent, null))), /* @__PURE__ */ React78.createElement(import_ui64.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("gradient") }, /* @__PURE__ */ React78.createElement(BackgroundGradientColorControl, null)), /* @__PURE__ */ React78.createElement(import_ui64.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("color") }, /* @__PURE__ */ React78.createElement(PopoverContent, null, /* @__PURE__ */ React78.createElement(ColorOverlayContent, { anchorEl: rowRef }))));
 };
 var ItemIcon2 = ({ value }) => {
   switch (value.$$type) {
     case "background-image-overlay":
-      return /* @__PURE__ */ React77.createElement(ItemIconImage, { value });
+      return /* @__PURE__ */ React78.createElement(ItemIconImage, { value });
     case "background-color-overlay":
-      return /* @__PURE__ */ React77.createElement(ItemIconColor, { value });
+      return /* @__PURE__ */ React78.createElement(ItemIconColor, { value });
     case "background-gradient-overlay":
-      return /* @__PURE__ */ React77.createElement(ItemIconGradient, { value });
+      return /* @__PURE__ */ React78.createElement(ItemIconGradient, { value });
     default:
       return null;
   }
@@ -4568,12 +4725,12 @@ var extractColorFrom = (prop) => {
 };
 var ItemIconColor = ({ value: prop }) => {
   const color = extractColorFrom(prop);
-  return /* @__PURE__ */ React77.createElement(StyledUnstableColorIndicator3, { size: "inherit", component: "span", value: color });
+  return /* @__PURE__ */ React78.createElement(StyledUnstableColorIndicator3, { size: "inherit", component: "span", value: color });
 };
 var ItemIconImage = ({ value }) => {
   const { imageUrl } = useImage(value);
-  return /* @__PURE__ */ React77.createElement(
-    import_ui63.CardMedia,
+  return /* @__PURE__ */ React78.createElement(
+    import_ui64.CardMedia,
     {
       image: imageUrl,
       sx: (theme) => ({
@@ -4587,43 +4744,43 @@ var ItemIconImage = ({ value }) => {
 };
 var ItemIconGradient = ({ value }) => {
   const gradient = getGradientValue(value);
-  return /* @__PURE__ */ React77.createElement(StyledUnstableColorIndicator3, { size: "inherit", component: "span", value: gradient });
+  return /* @__PURE__ */ React78.createElement(StyledUnstableColorIndicator3, { size: "inherit", component: "span", value: gradient });
 };
 var ItemLabel2 = ({ value }) => {
   switch (value.$$type) {
     case "background-image-overlay":
-      return /* @__PURE__ */ React77.createElement(ItemLabelImage, { value });
+      return /* @__PURE__ */ React78.createElement(ItemLabelImage, { value });
     case "background-color-overlay":
-      return /* @__PURE__ */ React77.createElement(ItemLabelColor, { value });
+      return /* @__PURE__ */ React78.createElement(ItemLabelColor, { value });
     case "background-gradient-overlay":
-      return /* @__PURE__ */ React77.createElement(ItemLabelGradient, { value });
+      return /* @__PURE__ */ React78.createElement(ItemLabelGradient, { value });
     default:
       return null;
   }
 };
 var ItemLabelColor = ({ value: prop }) => {
   const color = extractColorFrom(prop);
-  return /* @__PURE__ */ React77.createElement("span", null, color);
+  return /* @__PURE__ */ React78.createElement("span", null, color);
 };
 var ItemLabelImage = ({ value }) => {
   const { imageTitle } = useImage(value);
-  return /* @__PURE__ */ React77.createElement("span", null, imageTitle);
+  return /* @__PURE__ */ React78.createElement("span", null, imageTitle);
 };
 var ItemLabelGradient = ({ value }) => {
   if (value.value.type.value === "linear") {
-    return /* @__PURE__ */ React77.createElement("span", null, (0, import_i18n33.__)("Linear Gradient", "elementor"));
+    return /* @__PURE__ */ React78.createElement("span", null, (0, import_i18n34.__)("Linear Gradient", "elementor"));
   }
-  return /* @__PURE__ */ React77.createElement("span", null, (0, import_i18n33.__)("Radial Gradient", "elementor"));
+  return /* @__PURE__ */ React78.createElement("span", null, (0, import_i18n34.__)("Radial Gradient", "elementor"));
 };
 var ColorOverlayContent = ({ anchorEl }) => {
-  const propContext = useBoundProp(import_editor_props33.backgroundColorOverlayPropTypeUtil);
-  return /* @__PURE__ */ React77.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React77.createElement(PropKeyProvider, { bind: "color" }, /* @__PURE__ */ React77.createElement(ColorControl, { anchorEl })));
+  const propContext = useBoundProp(import_editor_props34.backgroundColorOverlayPropTypeUtil);
+  return /* @__PURE__ */ React78.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React78.createElement(PropKeyProvider, { bind: "color" }, /* @__PURE__ */ React78.createElement(ColorControl, { anchorEl })));
 };
 var ImageOverlayContent = () => {
-  const propContext = useBoundProp(import_editor_props33.backgroundImageOverlayPropTypeUtil);
-  return /* @__PURE__ */ React77.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React77.createElement(PropKeyProvider, { bind: "image" }, /* @__PURE__ */ React77.createElement(ImageControl, { sizes: backgroundResolutionOptions })), /* @__PURE__ */ React77.createElement(PropKeyProvider, { bind: "position" }, /* @__PURE__ */ React77.createElement(BackgroundImageOverlayPosition, null)), /* @__PURE__ */ React77.createElement(PropKeyProvider, { bind: "repeat" }, /* @__PURE__ */ React77.createElement(BackgroundImageOverlayRepeat, null)), /* @__PURE__ */ React77.createElement(PropKeyProvider, { bind: "size" }, /* @__PURE__ */ React77.createElement(BackgroundImageOverlaySize, null)), /* @__PURE__ */ React77.createElement(PropKeyProvider, { bind: "attachment" }, /* @__PURE__ */ React77.createElement(BackgroundImageOverlayAttachment, null)));
+  const propContext = useBoundProp(import_editor_props34.backgroundImageOverlayPropTypeUtil);
+  return /* @__PURE__ */ React78.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React78.createElement(PropKeyProvider, { bind: "image" }, /* @__PURE__ */ React78.createElement(ImageControl, { sizes: backgroundResolutionOptions })), /* @__PURE__ */ React78.createElement(PropKeyProvider, { bind: "position" }, /* @__PURE__ */ React78.createElement(BackgroundImageOverlayPosition, null)), /* @__PURE__ */ React78.createElement(PropKeyProvider, { bind: "repeat" }, /* @__PURE__ */ React78.createElement(BackgroundImageOverlayRepeat, null)), /* @__PURE__ */ React78.createElement(PropKeyProvider, { bind: "size" }, /* @__PURE__ */ React78.createElement(BackgroundImageOverlaySize, null)), /* @__PURE__ */ React78.createElement(PropKeyProvider, { bind: "attachment" }, /* @__PURE__ */ React78.createElement(BackgroundImageOverlayAttachment, null)));
 };
-var StyledUnstableColorIndicator3 = (0, import_ui63.styled)(import_ui63.UnstableColorIndicator)(({ theme }) => ({
+var StyledUnstableColorIndicator3 = (0, import_ui64.styled)(import_ui64.UnstableColorIndicator)(({ theme }) => ({
   height: "1rem",
   width: "1rem",
   borderRadius: `${theme.shape.borderRadius / 2}px`
@@ -4631,7 +4788,7 @@ var StyledUnstableColorIndicator3 = (0, import_ui63.styled)(import_ui63.Unstable
 var useImage = (image) => {
   let imageTitle, imageUrl = null;
   const imageSrc = image?.value.image.value?.src.value;
-  const { data: attachment } = (0, import_wp_media3.useWpMediaAttachment)(imageSrc.id?.value || null);
+  const { data: attachment } = (0, import_wp_media4.useWpMediaAttachment)(imageSrc.id?.value || null);
   if (imageSrc.id) {
     const imageFileTypeExtension = getFileExtensionFromFilename(attachment?.filename);
     imageTitle = `${attachment?.title}${imageFileTypeExtension}` || null;
@@ -4660,29 +4817,29 @@ var getGradientValue = (value) => {
 
 // src/controls/background-control/background-control.tsx
 var clipOptions = [
-  { label: (0, import_i18n34.__)("Full element", "elementor"), value: "border-box" },
-  { label: (0, import_i18n34.__)("Padding edges", "elementor"), value: "padding-box" },
-  { label: (0, import_i18n34.__)("Content edges", "elementor"), value: "content-box" },
-  { label: (0, import_i18n34.__)("Text", "elementor"), value: "text" }
+  { label: (0, import_i18n35.__)("Full element", "elementor"), value: "border-box" },
+  { label: (0, import_i18n35.__)("Padding edges", "elementor"), value: "padding-box" },
+  { label: (0, import_i18n35.__)("Content edges", "elementor"), value: "content-box" },
+  { label: (0, import_i18n35.__)("Text", "elementor"), value: "text" }
 ];
-var colorLabel = (0, import_i18n34.__)("Color", "elementor");
-var clipLabel = (0, import_i18n34.__)("Clipping", "elementor");
+var colorLabel = (0, import_i18n35.__)("Color", "elementor");
+var clipLabel = (0, import_i18n35.__)("Clipping", "elementor");
 var BackgroundControl = createControl(() => {
-  const propContext = useBoundProp(import_editor_props34.backgroundPropTypeUtil);
-  return /* @__PURE__ */ React78.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React78.createElement(PropKeyProvider, { bind: "background-overlay" }, /* @__PURE__ */ React78.createElement(BackgroundOverlayRepeaterControl, null)), /* @__PURE__ */ React78.createElement(BackgroundColorField, null), /* @__PURE__ */ React78.createElement(BackgroundClipField, null));
+  const propContext = useBoundProp(import_editor_props35.backgroundPropTypeUtil);
+  return /* @__PURE__ */ React79.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React79.createElement(PropKeyProvider, { bind: "background-overlay" }, /* @__PURE__ */ React79.createElement(BackgroundOverlayRepeaterControl, null)), /* @__PURE__ */ React79.createElement(BackgroundColorField, null), /* @__PURE__ */ React79.createElement(BackgroundClipField, null));
 });
 var BackgroundColorField = () => {
-  return /* @__PURE__ */ React78.createElement(PropKeyProvider, { bind: "color" }, /* @__PURE__ */ React78.createElement(import_ui64.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React78.createElement(import_ui64.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React78.createElement(ControlLabel, null, colorLabel)), /* @__PURE__ */ React78.createElement(import_ui64.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React78.createElement(ColorControl, null))));
+  return /* @__PURE__ */ React79.createElement(PropKeyProvider, { bind: "color" }, /* @__PURE__ */ React79.createElement(import_ui65.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React79.createElement(import_ui65.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React79.createElement(ControlLabel, null, colorLabel)), /* @__PURE__ */ React79.createElement(import_ui65.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React79.createElement(ColorControl, null))));
 };
 var BackgroundClipField = () => {
-  return /* @__PURE__ */ React78.createElement(PropKeyProvider, { bind: "clip" }, /* @__PURE__ */ React78.createElement(import_ui64.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React78.createElement(import_ui64.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React78.createElement(ControlLabel, null, clipLabel)), /* @__PURE__ */ React78.createElement(import_ui64.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React78.createElement(SelectControl, { options: clipOptions }))));
+  return /* @__PURE__ */ React79.createElement(PropKeyProvider, { bind: "clip" }, /* @__PURE__ */ React79.createElement(import_ui65.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React79.createElement(import_ui65.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React79.createElement(ControlLabel, null, clipLabel)), /* @__PURE__ */ React79.createElement(import_ui65.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React79.createElement(SelectControl, { options: clipOptions }))));
 };
 
 // src/controls/repeatable-control.tsx
-var React79 = __toESM(require("react"));
+var React80 = __toESM(require("react"));
 var import_react40 = require("react");
-var import_editor_props35 = require("@elementor/editor-props");
-var import_ui65 = require("@elementor/ui");
+var import_editor_props36 = require("@elementor/editor-props");
+var import_ui66 = require("@elementor/ui");
 var PLACEHOLDER_REGEX = /\$\{([^}]+)\}/g;
 var RepeatableControl = createControl(
   ({
@@ -4701,7 +4858,7 @@ var RepeatableControl = createControl(
       return null;
     }
     const childArrayPropTypeUtil2 = (0, import_react40.useMemo)(
-      () => (0, import_editor_props35.createArrayPropUtils)(childPropTypeUtil.key, childPropTypeUtil.schema, propKey),
+      () => (0, import_editor_props36.createArrayPropUtils)(childPropTypeUtil.key, childPropTypeUtil.schema, propKey),
       [childPropTypeUtil.key, childPropTypeUtil.schema, propKey]
     );
     const contextValue = (0, import_react40.useMemo)(
@@ -4713,14 +4870,14 @@ var RepeatableControl = createControl(
       [childControlConfig, placeholder, patternLabel]
     );
     const { propType, value, setValue } = useBoundProp(childArrayPropTypeUtil2);
-    return /* @__PURE__ */ React79.createElement(PropProvider, { propType, value, setValue }, /* @__PURE__ */ React79.createElement(RepeatableControlContext.Provider, { value: contextValue }, /* @__PURE__ */ React79.createElement(
+    return /* @__PURE__ */ React80.createElement(PropProvider, { propType, value, setValue }, /* @__PURE__ */ React80.createElement(RepeatableControlContext.Provider, { value: contextValue }, /* @__PURE__ */ React80.createElement(
       ControlRepeater,
       {
         initial: childPropTypeUtil.create(initialValues || null),
         propTypeUtil: childArrayPropTypeUtil2,
         isItemDisabled: isItemDisabled2
       },
-      /* @__PURE__ */ React79.createElement(RepeaterHeader, { label: repeaterLabel }, /* @__PURE__ */ React79.createElement(
+      /* @__PURE__ */ React80.createElement(RepeaterHeader, { label: repeaterLabel }, /* @__PURE__ */ React80.createElement(
         TooltipAddItemAction,
         {
           ...addItemTooltipProps,
@@ -4728,22 +4885,22 @@ var RepeatableControl = createControl(
           ariaLabel: repeaterLabel
         }
       )),
-      /* @__PURE__ */ React79.createElement(ItemsContainer, { isSortable: false }, /* @__PURE__ */ React79.createElement(
+      /* @__PURE__ */ React80.createElement(ItemsContainer, { isSortable: false }, /* @__PURE__ */ React80.createElement(
         Item,
         {
           Icon: ItemIcon3,
           Label: ItemLabel3,
-          actions: /* @__PURE__ */ React79.createElement(React79.Fragment, null, showDuplicate && /* @__PURE__ */ React79.createElement(DuplicateItemAction, null), showToggle && /* @__PURE__ */ React79.createElement(DisableItemAction, null), /* @__PURE__ */ React79.createElement(RemoveItemAction, null))
+          actions: /* @__PURE__ */ React80.createElement(React80.Fragment, null, showDuplicate && /* @__PURE__ */ React80.createElement(DuplicateItemAction, null), showToggle && /* @__PURE__ */ React80.createElement(DisableItemAction, null), /* @__PURE__ */ React80.createElement(RemoveItemAction, null))
         }
       )),
-      /* @__PURE__ */ React79.createElement(EditItemPopover, null, /* @__PURE__ */ React79.createElement(Content2, null))
+      /* @__PURE__ */ React80.createElement(EditItemPopover, null, /* @__PURE__ */ React80.createElement(Content2, null))
     )));
   }
 );
-var ItemIcon3 = () => /* @__PURE__ */ React79.createElement(React79.Fragment, null);
+var ItemIcon3 = () => /* @__PURE__ */ React80.createElement(React80.Fragment, null);
 var Content2 = () => {
   const { component: ChildControl, props = {} } = useRepeatableControlContext();
-  return /* @__PURE__ */ React79.createElement(PopoverContent, { p: 1.5 }, /* @__PURE__ */ React79.createElement(PopoverGridContainer, null, /* @__PURE__ */ React79.createElement(ChildControl, { ...props })));
+  return /* @__PURE__ */ React80.createElement(PopoverContent, { p: 1.5 }, /* @__PURE__ */ React80.createElement(PopoverGridContainer, null, /* @__PURE__ */ React80.createElement(ChildControl, { ...props })));
 };
 var interpolate = (template, data) => {
   if (!data) {
@@ -4826,7 +4983,7 @@ var ItemLabel3 = ({ value }) => {
   const label = showPlaceholder ? placeholder : interpolate(patternLabel, value);
   const isReadOnly = !!childProps?.readOnly;
   const color = getTextColor(isReadOnly, showPlaceholder);
-  return /* @__PURE__ */ React79.createElement(import_ui65.Box, { component: "span", color }, label);
+  return /* @__PURE__ */ React80.createElement(import_ui66.Box, { component: "span", color }, label);
 };
 var getAllProperties = (pattern) => {
   const properties = pattern.match(PLACEHOLDER_REGEX)?.map((match) => match.slice(2, -1)) || [];
@@ -4834,11 +4991,11 @@ var getAllProperties = (pattern) => {
 };
 
 // src/controls/key-value-control.tsx
-var React80 = __toESM(require("react"));
+var React81 = __toESM(require("react"));
 var import_react41 = require("react");
-var import_editor_props36 = require("@elementor/editor-props");
-var import_ui66 = require("@elementor/ui");
-var import_i18n35 = require("@wordpress/i18n");
+var import_editor_props37 = require("@elementor/editor-props");
+var import_ui67 = require("@elementor/ui");
+var import_i18n36 = require("@wordpress/i18n");
 
 // src/utils/escape-html-attr.ts
 var escapeHtmlAttr = (value) => {
@@ -4861,15 +5018,15 @@ var getInitialFieldValue = (fieldValue) => {
   return transformableValue.value || "";
 };
 var KeyValueControl = createControl((props = {}) => {
-  const { value, setValue, ...propContext } = useBoundProp(import_editor_props36.keyValuePropTypeUtil);
+  const { value, setValue, ...propContext } = useBoundProp(import_editor_props37.keyValuePropTypeUtil);
   const [keyError, setKeyError] = (0, import_react41.useState)("");
   const [valueError, setValueError] = (0, import_react41.useState)("");
   const [sessionState, setSessionState] = (0, import_react41.useState)({
     key: getInitialFieldValue(value?.key),
     value: getInitialFieldValue(value?.value)
   });
-  const keyLabel = props.keyName || (0, import_i18n35.__)("Key", "elementor");
-  const valueLabel = props.valueName || (0, import_i18n35.__)("Value", "elementor");
+  const keyLabel = props.keyName || (0, import_i18n36.__)("Key", "elementor");
+  const valueLabel = props.valueName || (0, import_i18n36.__)("Value", "elementor");
   const { keyHelper, valueHelper } = props.getHelperText?.(sessionState.key, sessionState.value) || {
     keyHelper: void 0,
     valueHelper: void 0
@@ -4878,7 +5035,7 @@ var KeyValueControl = createControl((props = {}) => {
     () => [
       props.regexKey ? new RegExp(props.regexKey) : void 0,
       props.regexValue ? new RegExp(props.regexValue) : void 0,
-      props.validationErrorMessage || (0, import_i18n35.__)("Invalid Format", "elementor")
+      props.validationErrorMessage || (0, import_i18n36.__)("Invalid Format", "elementor")
     ],
     [props.regexKey, props.regexValue, props.validationErrorMessage]
   );
@@ -4900,14 +5057,14 @@ var KeyValueControl = createControl((props = {}) => {
       return;
     }
     const newChangedValue = newValue[fieldType];
-    if ((0, import_editor_props36.isTransformable)(newChangedValue) && newChangedValue.$$type === "dynamic") {
+    if ((0, import_editor_props37.isTransformable)(newChangedValue) && newChangedValue.$$type === "dynamic") {
       setValue({
         ...value,
         [fieldType]: newChangedValue
       });
       return;
     }
-    const extractedValue = import_editor_props36.stringPropTypeUtil.extract(newChangedValue);
+    const extractedValue = import_editor_props37.stringPropTypeUtil.extract(newChangedValue);
     setSessionState((prev) => ({
       ...prev,
       [fieldType]: extractedValue
@@ -4927,14 +5084,14 @@ var KeyValueControl = createControl((props = {}) => {
       });
     }
   };
-  return /* @__PURE__ */ React80.createElement(PropProvider, { ...propContext, value, setValue: handleChange }, /* @__PURE__ */ React80.createElement(import_ui66.Grid, { container: true, gap: 1.5 }, /* @__PURE__ */ React80.createElement(import_ui66.Grid, { item: true, xs: 12, display: "flex", flexDirection: "column" }, /* @__PURE__ */ React80.createElement(import_ui66.FormLabel, { size: "tiny", sx: { pb: 1 } }, keyLabel), /* @__PURE__ */ React80.createElement(PropKeyProvider, { bind: "key" }, /* @__PURE__ */ React80.createElement(
+  return /* @__PURE__ */ React81.createElement(PropProvider, { ...propContext, value, setValue: handleChange }, /* @__PURE__ */ React81.createElement(import_ui67.Grid, { container: true, gap: 1.5 }, /* @__PURE__ */ React81.createElement(import_ui67.Grid, { item: true, xs: 12, display: "flex", flexDirection: "column" }, /* @__PURE__ */ React81.createElement(import_ui67.FormLabel, { size: "tiny", sx: { pb: 1 } }, keyLabel), /* @__PURE__ */ React81.createElement(PropKeyProvider, { bind: "key" }, /* @__PURE__ */ React81.createElement(
     TextControl,
     {
       inputValue: props.escapeHtml ? escapeHtmlAttr(sessionState.key) : sessionState.key,
       error: !!keyError,
       helperText: keyHelper
     }
-  )), !!keyError && /* @__PURE__ */ React80.createElement(import_ui66.FormHelperText, { error: true }, keyError)), /* @__PURE__ */ React80.createElement(import_ui66.Grid, { item: true, xs: 12, display: "flex", flexDirection: "column" }, /* @__PURE__ */ React80.createElement(import_ui66.FormLabel, { size: "tiny", sx: { pb: 1 } }, valueLabel), /* @__PURE__ */ React80.createElement(PropKeyProvider, { bind: "value" }, /* @__PURE__ */ React80.createElement(
+  )), !!keyError && /* @__PURE__ */ React81.createElement(import_ui67.FormHelperText, { error: true }, keyError)), /* @__PURE__ */ React81.createElement(import_ui67.Grid, { item: true, xs: 12, display: "flex", flexDirection: "column" }, /* @__PURE__ */ React81.createElement(import_ui67.FormLabel, { size: "tiny", sx: { pb: 1 } }, valueLabel), /* @__PURE__ */ React81.createElement(PropKeyProvider, { bind: "value" }, /* @__PURE__ */ React81.createElement(
     TextControl,
     {
       inputValue: props.escapeHtml ? escapeHtmlAttr(sessionState.value) : sessionState.value,
@@ -4942,31 +5099,31 @@ var KeyValueControl = createControl((props = {}) => {
       inputDisabled: !!keyError,
       helperText: valueHelper
     }
-  )), !!valueError && /* @__PURE__ */ React80.createElement(import_ui66.FormHelperText, { error: true }, valueError))));
+  )), !!valueError && /* @__PURE__ */ React81.createElement(import_ui67.FormHelperText, { error: true }, valueError))));
 });
 
 // src/controls/position-control.tsx
-var React81 = __toESM(require("react"));
-var import_editor_props37 = require("@elementor/editor-props");
+var React82 = __toESM(require("react"));
+var import_editor_props38 = require("@elementor/editor-props");
 var import_editor_ui10 = require("@elementor/editor-ui");
-var import_icons23 = require("@elementor/icons");
-var import_ui67 = require("@elementor/ui");
-var import_i18n36 = require("@wordpress/i18n");
+var import_icons24 = require("@elementor/icons");
+var import_ui68 = require("@elementor/ui");
+var import_i18n37 = require("@wordpress/i18n");
 var positionOptions = [
-  { label: (0, import_i18n36.__)("Center center", "elementor"), value: "center center" },
-  { label: (0, import_i18n36.__)("Center left", "elementor"), value: "center left" },
-  { label: (0, import_i18n36.__)("Center right", "elementor"), value: "center right" },
-  { label: (0, import_i18n36.__)("Top center", "elementor"), value: "top center" },
-  { label: (0, import_i18n36.__)("Top left", "elementor"), value: "top left" },
-  { label: (0, import_i18n36.__)("Top right", "elementor"), value: "top right" },
-  { label: (0, import_i18n36.__)("Bottom center", "elementor"), value: "bottom center" },
-  { label: (0, import_i18n36.__)("Bottom left", "elementor"), value: "bottom left" },
-  { label: (0, import_i18n36.__)("Bottom right", "elementor"), value: "bottom right" },
-  { label: (0, import_i18n36.__)("Custom", "elementor"), value: "custom" }
+  { label: (0, import_i18n37.__)("Center center", "elementor"), value: "center center" },
+  { label: (0, import_i18n37.__)("Center left", "elementor"), value: "center left" },
+  { label: (0, import_i18n37.__)("Center right", "elementor"), value: "center right" },
+  { label: (0, import_i18n37.__)("Top center", "elementor"), value: "top center" },
+  { label: (0, import_i18n37.__)("Top left", "elementor"), value: "top left" },
+  { label: (0, import_i18n37.__)("Top right", "elementor"), value: "top right" },
+  { label: (0, import_i18n37.__)("Bottom center", "elementor"), value: "bottom center" },
+  { label: (0, import_i18n37.__)("Bottom left", "elementor"), value: "bottom left" },
+  { label: (0, import_i18n37.__)("Bottom right", "elementor"), value: "bottom right" },
+  { label: (0, import_i18n37.__)("Custom", "elementor"), value: "custom" }
 ];
 var PositionControl = () => {
-  const positionContext = useBoundProp(import_editor_props37.positionPropTypeUtil);
-  const stringPropContext = useBoundProp(import_editor_props37.stringPropTypeUtil);
+  const positionContext = useBoundProp(import_editor_props38.positionPropTypeUtil);
+  const stringPropContext = useBoundProp(import_editor_props38.stringPropTypeUtil);
   const isCustom = !!positionContext.value;
   const handlePositionChange = (event) => {
     const value = event.target.value || null;
@@ -4976,8 +5133,8 @@ var PositionControl = () => {
       stringPropContext.setValue(value);
     }
   };
-  return /* @__PURE__ */ React81.createElement(import_ui67.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React81.createElement(import_ui67.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React81.createElement(import_ui67.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React81.createElement(import_ui67.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React81.createElement(ControlFormLabel, null, (0, import_i18n36.__)("Object position", "elementor"))), /* @__PURE__ */ React81.createElement(import_ui67.Grid, { item: true, xs: 6, sx: { overflow: "hidden" } }, /* @__PURE__ */ React81.createElement(
-    import_ui67.Select,
+  return /* @__PURE__ */ React82.createElement(import_ui68.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React82.createElement(import_ui68.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React82.createElement(import_ui68.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React82.createElement(import_ui68.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React82.createElement(ControlFormLabel, null, (0, import_i18n37.__)("Object position", "elementor"))), /* @__PURE__ */ React82.createElement(import_ui68.Grid, { item: true, xs: 6, sx: { overflow: "hidden" } }, /* @__PURE__ */ React82.createElement(
+    import_ui68.Select,
     {
       size: "tiny",
       disabled: stringPropContext.disabled,
@@ -4985,47 +5142,32 @@ var PositionControl = () => {
       onChange: handlePositionChange,
       fullWidth: true
     },
-    positionOptions.map(({ label, value }) => /* @__PURE__ */ React81.createElement(import_editor_ui10.MenuListItem, { key: value, value: value ?? "" }, label))
-  )))), isCustom && /* @__PURE__ */ React81.createElement(PropProvider, { ...positionContext }, /* @__PURE__ */ React81.createElement(import_ui67.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React81.createElement(import_ui67.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React81.createElement(import_ui67.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React81.createElement(PropKeyProvider, { bind: "x" }, /* @__PURE__ */ React81.createElement(
+    positionOptions.map(({ label, value }) => /* @__PURE__ */ React82.createElement(import_editor_ui10.MenuListItem, { key: value, value: value ?? "" }, label))
+  )))), isCustom && /* @__PURE__ */ React82.createElement(PropProvider, { ...positionContext }, /* @__PURE__ */ React82.createElement(import_ui68.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React82.createElement(import_ui68.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React82.createElement(import_ui68.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React82.createElement(PropKeyProvider, { bind: "x" }, /* @__PURE__ */ React82.createElement(
     SizeControl,
     {
-      startIcon: /* @__PURE__ */ React81.createElement(import_icons23.LetterXIcon, { fontSize: "tiny" }),
+      startIcon: /* @__PURE__ */ React82.createElement(import_icons24.LetterXIcon, { fontSize: "tiny" }),
       min: -Number.MAX_SAFE_INTEGER
     }
-  ))), /* @__PURE__ */ React81.createElement(import_ui67.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React81.createElement(PropKeyProvider, { bind: "y" }, /* @__PURE__ */ React81.createElement(
+  ))), /* @__PURE__ */ React82.createElement(import_ui68.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React82.createElement(PropKeyProvider, { bind: "y" }, /* @__PURE__ */ React82.createElement(
     SizeControl,
     {
-      startIcon: /* @__PURE__ */ React81.createElement(import_icons23.LetterYIcon, { fontSize: "tiny" }),
+      startIcon: /* @__PURE__ */ React82.createElement(import_icons24.LetterYIcon, { fontSize: "tiny" }),
       min: -Number.MAX_SAFE_INTEGER
     }
   )))))));
 };
 
 // src/controls/transform-control/transform-repeater-control.tsx
-var React94 = __toESM(require("react"));
-var import_react48 = require("react");
-var import_editor_props46 = require("@elementor/editor-props");
-var import_icons30 = require("@elementor/icons");
-var import_ui80 = require("@elementor/ui");
-var import_i18n46 = require("@wordpress/i18n");
-
-// src/hooks/use-element-can-have-children.ts
-var import_react42 = require("react");
-var import_editor_elements4 = require("@elementor/editor-elements");
-var useElementCanHaveChildren = () => {
-  const { element } = (0, import_editor_elements4.useSelectedElement)();
-  const elementId = element?.id || "";
-  return (0, import_react42.useMemo)(() => {
-    const container = (0, import_editor_elements4.getContainer)(elementId);
-    if (!container) {
-      return false;
-    }
-    return container.model.get("elType") !== "widget";
-  }, [elementId]);
-};
+var React95 = __toESM(require("react"));
+var import_react47 = require("react");
+var import_editor_props47 = require("@elementor/editor-props");
+var import_icons31 = require("@elementor/icons");
+var import_ui81 = require("@elementor/ui");
+var import_i18n47 = require("@wordpress/i18n");
 
 // src/controls/transform-control/initial-values.ts
-var import_editor_props38 = require("@elementor/editor-props");
+var import_editor_props39 = require("@elementor/editor-props");
 var TransformFunctionKeys = {
   move: "transform-move",
   scale: "transform-scale",
@@ -5055,40 +5197,40 @@ var initialTransformValue = {
     z: { $$type: "size", value: { size: defaultValues.move.size, unit: defaultValues.move.unit } }
   }
 };
-var initialScaleValue = import_editor_props38.scaleTransformPropTypeUtil.create({
-  x: import_editor_props38.numberPropTypeUtil.create(defaultValues.scale),
-  y: import_editor_props38.numberPropTypeUtil.create(defaultValues.scale),
-  z: import_editor_props38.numberPropTypeUtil.create(defaultValues.scale)
+var initialScaleValue = import_editor_props39.scaleTransformPropTypeUtil.create({
+  x: import_editor_props39.numberPropTypeUtil.create(defaultValues.scale),
+  y: import_editor_props39.numberPropTypeUtil.create(defaultValues.scale),
+  z: import_editor_props39.numberPropTypeUtil.create(defaultValues.scale)
 });
-var initialRotateValue = import_editor_props38.rotateTransformPropTypeUtil.create({
+var initialRotateValue = import_editor_props39.rotateTransformPropTypeUtil.create({
   x: { $$type: "size", value: { size: defaultValues.rotate.size, unit: defaultValues.rotate.unit } },
   y: { $$type: "size", value: { size: defaultValues.rotate.size, unit: defaultValues.rotate.unit } },
   z: { $$type: "size", value: { size: defaultValues.rotate.size, unit: defaultValues.rotate.unit } }
 });
-var initialSkewValue = import_editor_props38.skewTransformPropTypeUtil.create({
+var initialSkewValue = import_editor_props39.skewTransformPropTypeUtil.create({
   x: { $$type: "size", value: { size: defaultValues.skew.size, unit: defaultValues.skew.unit } },
   y: { $$type: "size", value: { size: defaultValues.skew.size, unit: defaultValues.skew.unit } }
 });
 
 // src/controls/transform-control/transform-content.tsx
-var React88 = __toESM(require("react"));
-var import_ui75 = require("@elementor/ui");
-var import_i18n41 = require("@wordpress/i18n");
+var React89 = __toESM(require("react"));
+var import_ui76 = require("@elementor/ui");
+var import_i18n42 = require("@wordpress/i18n");
 
 // src/controls/transform-control/functions/move.tsx
-var React83 = __toESM(require("react"));
-var import_react43 = require("react");
-var import_editor_props39 = require("@elementor/editor-props");
-var import_icons24 = require("@elementor/icons");
-var import_ui69 = require("@elementor/ui");
-var import_i18n37 = require("@wordpress/i18n");
+var React84 = __toESM(require("react"));
+var import_react42 = require("react");
+var import_editor_props40 = require("@elementor/editor-props");
+var import_icons25 = require("@elementor/icons");
+var import_ui70 = require("@elementor/ui");
+var import_i18n38 = require("@wordpress/i18n");
 
 // src/controls/transform-control/functions/axis-row.tsx
-var React82 = __toESM(require("react"));
-var import_ui68 = require("@elementor/ui");
+var React83 = __toESM(require("react"));
+var import_ui69 = require("@elementor/ui");
 var AxisRow = ({ label, bind, startIcon, anchorRef, units: units2, variant = "angle" }) => {
   const safeId = label.replace(/\s+/g, "-").toLowerCase();
-  return /* @__PURE__ */ React82.createElement(import_ui68.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React82.createElement(PopoverGridContainer, { ref: anchorRef }, /* @__PURE__ */ React82.createElement(import_ui68.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React82.createElement(ControlLabel, { htmlFor: safeId }, label)), /* @__PURE__ */ React82.createElement(import_ui68.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React82.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(import_ui69.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React83.createElement(PopoverGridContainer, { ref: anchorRef }, /* @__PURE__ */ React83.createElement(import_ui69.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React83.createElement(ControlLabel, { htmlFor: safeId }, label)), /* @__PURE__ */ React83.createElement(import_ui69.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React83.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React83.createElement(
     SizeControl,
     {
       anchorRef,
@@ -5104,28 +5246,28 @@ var AxisRow = ({ label, bind, startIcon, anchorRef, units: units2, variant = "an
 // src/controls/transform-control/functions/move.tsx
 var moveAxisControls = [
   {
-    label: (0, import_i18n37.__)("Move X", "elementor"),
+    label: (0, import_i18n38.__)("Move X", "elementor"),
     bind: "x",
-    startIcon: /* @__PURE__ */ React83.createElement(import_icons24.ArrowRightIcon, { fontSize: "tiny" }),
+    startIcon: /* @__PURE__ */ React84.createElement(import_icons25.ArrowRightIcon, { fontSize: "tiny" }),
     units: ["px", "%", "em", "rem", "vw"]
   },
   {
-    label: (0, import_i18n37.__)("Move Y", "elementor"),
+    label: (0, import_i18n38.__)("Move Y", "elementor"),
     bind: "y",
-    startIcon: /* @__PURE__ */ React83.createElement(import_icons24.ArrowDownSmallIcon, { fontSize: "tiny" }),
+    startIcon: /* @__PURE__ */ React84.createElement(import_icons25.ArrowDownSmallIcon, { fontSize: "tiny" }),
     units: ["px", "%", "em", "rem", "vh"]
   },
   {
-    label: (0, import_i18n37.__)("Move Z", "elementor"),
+    label: (0, import_i18n38.__)("Move Z", "elementor"),
     bind: "z",
-    startIcon: /* @__PURE__ */ React83.createElement(import_icons24.ArrowDownLeftIcon, { fontSize: "tiny" }),
+    startIcon: /* @__PURE__ */ React84.createElement(import_icons25.ArrowDownLeftIcon, { fontSize: "tiny" }),
     units: ["px", "%", "em", "rem", "vw", "vh"]
   }
 ];
 var Move = () => {
-  const context = useBoundProp(import_editor_props39.moveTransformPropTypeUtil);
-  const rowRefs = [(0, import_react43.useRef)(null), (0, import_react43.useRef)(null), (0, import_react43.useRef)(null)];
-  return /* @__PURE__ */ React83.createElement(import_ui69.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React83.createElement(PropProvider, { ...context }, /* @__PURE__ */ React83.createElement(PropKeyProvider, { bind: TransformFunctionKeys.move }, moveAxisControls.map((control, index) => /* @__PURE__ */ React83.createElement(
+  const context = useBoundProp(import_editor_props40.moveTransformPropTypeUtil);
+  const rowRefs = [(0, import_react42.useRef)(null), (0, import_react42.useRef)(null), (0, import_react42.useRef)(null)];
+  return /* @__PURE__ */ React84.createElement(import_ui70.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React84.createElement(PropProvider, { ...context }, /* @__PURE__ */ React84.createElement(PropKeyProvider, { bind: TransformFunctionKeys.move }, moveAxisControls.map((control, index) => /* @__PURE__ */ React84.createElement(
     AxisRow,
     {
       key: control.bind,
@@ -5138,34 +5280,34 @@ var Move = () => {
 };
 
 // src/controls/transform-control/functions/rotate.tsx
-var React84 = __toESM(require("react"));
-var import_react44 = require("react");
-var import_editor_props40 = require("@elementor/editor-props");
-var import_icons25 = require("@elementor/icons");
-var import_ui70 = require("@elementor/ui");
-var import_i18n38 = require("@wordpress/i18n");
+var React85 = __toESM(require("react"));
+var import_react43 = require("react");
+var import_editor_props41 = require("@elementor/editor-props");
+var import_icons26 = require("@elementor/icons");
+var import_ui71 = require("@elementor/ui");
+var import_i18n39 = require("@wordpress/i18n");
 var rotateAxisControls = [
   {
-    label: (0, import_i18n38.__)("Rotate X", "elementor"),
+    label: (0, import_i18n39.__)("Rotate X", "elementor"),
     bind: "x",
-    startIcon: /* @__PURE__ */ React84.createElement(import_icons25.Arrow360Icon, { fontSize: "tiny" })
+    startIcon: /* @__PURE__ */ React85.createElement(import_icons26.Arrow360Icon, { fontSize: "tiny" })
   },
   {
-    label: (0, import_i18n38.__)("Rotate Y", "elementor"),
+    label: (0, import_i18n39.__)("Rotate Y", "elementor"),
     bind: "y",
-    startIcon: /* @__PURE__ */ React84.createElement(import_icons25.Arrow360Icon, { fontSize: "tiny", style: { transform: "scaleX(-1) rotate(-90deg)" } })
+    startIcon: /* @__PURE__ */ React85.createElement(import_icons26.Arrow360Icon, { fontSize: "tiny", style: { transform: "scaleX(-1) rotate(-90deg)" } })
   },
   {
-    label: (0, import_i18n38.__)("Rotate Z", "elementor"),
+    label: (0, import_i18n39.__)("Rotate Z", "elementor"),
     bind: "z",
-    startIcon: /* @__PURE__ */ React84.createElement(import_icons25.RotateClockwiseIcon, { fontSize: "tiny" })
+    startIcon: /* @__PURE__ */ React85.createElement(import_icons26.RotateClockwiseIcon, { fontSize: "tiny" })
   }
 ];
 var rotateUnits = ["deg", "rad", "grad", "turn"];
 var Rotate = () => {
-  const context = useBoundProp(import_editor_props40.rotateTransformPropTypeUtil);
-  const rowRefs = [(0, import_react44.useRef)(null), (0, import_react44.useRef)(null), (0, import_react44.useRef)(null)];
-  return /* @__PURE__ */ React84.createElement(import_ui70.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React84.createElement(PropProvider, { ...context }, /* @__PURE__ */ React84.createElement(PropKeyProvider, { bind: TransformFunctionKeys.rotate }, rotateAxisControls.map((control, index) => /* @__PURE__ */ React84.createElement(
+  const context = useBoundProp(import_editor_props41.rotateTransformPropTypeUtil);
+  const rowRefs = [(0, import_react43.useRef)(null), (0, import_react43.useRef)(null), (0, import_react43.useRef)(null)];
+  return /* @__PURE__ */ React85.createElement(import_ui71.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React85.createElement(PropProvider, { ...context }, /* @__PURE__ */ React85.createElement(PropKeyProvider, { bind: TransformFunctionKeys.rotate }, rotateAxisControls.map((control, index) => /* @__PURE__ */ React85.createElement(
     AxisRow,
     {
       key: control.bind,
@@ -5177,68 +5319,68 @@ var Rotate = () => {
 };
 
 // src/controls/transform-control/functions/scale.tsx
-var React86 = __toESM(require("react"));
-var import_react45 = require("react");
-var import_editor_props41 = require("@elementor/editor-props");
-var import_icons26 = require("@elementor/icons");
-var import_ui72 = require("@elementor/ui");
-var import_i18n39 = require("@wordpress/i18n");
+var React87 = __toESM(require("react"));
+var import_react44 = require("react");
+var import_editor_props42 = require("@elementor/editor-props");
+var import_icons27 = require("@elementor/icons");
+var import_ui73 = require("@elementor/ui");
+var import_i18n40 = require("@wordpress/i18n");
 
 // src/controls/transform-control/functions/scale-axis-row.tsx
-var React85 = __toESM(require("react"));
-var import_ui71 = require("@elementor/ui");
+var React86 = __toESM(require("react"));
+var import_ui72 = require("@elementor/ui");
 var ScaleAxisRow = ({ label, bind, startIcon, anchorRef }) => {
-  return /* @__PURE__ */ React85.createElement(import_ui71.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React85.createElement(PopoverGridContainer, { ref: anchorRef }, /* @__PURE__ */ React85.createElement(import_ui71.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React85.createElement(ControlLabel, null, label)), /* @__PURE__ */ React85.createElement(import_ui71.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React85.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React85.createElement(NumberControl, { step: 0.1, placeholder: "1", startIcon })))));
+  return /* @__PURE__ */ React86.createElement(import_ui72.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React86.createElement(PopoverGridContainer, { ref: anchorRef }, /* @__PURE__ */ React86.createElement(import_ui72.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React86.createElement(ControlLabel, null, label)), /* @__PURE__ */ React86.createElement(import_ui72.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React86.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React86.createElement(NumberControl, { step: 0.1, placeholder: "1", startIcon })))));
 };
 
 // src/controls/transform-control/functions/scale.tsx
 var scaleAxisControls = [
   {
-    label: (0, import_i18n39.__)("Scale X", "elementor"),
+    label: (0, import_i18n40.__)("Scale X", "elementor"),
     bind: "x",
-    startIcon: /* @__PURE__ */ React86.createElement(import_icons26.ArrowRightIcon, { fontSize: "tiny" })
+    startIcon: /* @__PURE__ */ React87.createElement(import_icons27.ArrowRightIcon, { fontSize: "tiny" })
   },
   {
-    label: (0, import_i18n39.__)("Scale Y", "elementor"),
+    label: (0, import_i18n40.__)("Scale Y", "elementor"),
     bind: "y",
-    startIcon: /* @__PURE__ */ React86.createElement(import_icons26.ArrowDownSmallIcon, { fontSize: "tiny" })
+    startIcon: /* @__PURE__ */ React87.createElement(import_icons27.ArrowDownSmallIcon, { fontSize: "tiny" })
   },
   {
-    label: (0, import_i18n39.__)("Scale Z", "elementor"),
+    label: (0, import_i18n40.__)("Scale Z", "elementor"),
     bind: "z",
-    startIcon: /* @__PURE__ */ React86.createElement(import_icons26.ArrowDownLeftIcon, { fontSize: "tiny" })
+    startIcon: /* @__PURE__ */ React87.createElement(import_icons27.ArrowDownLeftIcon, { fontSize: "tiny" })
   }
 ];
 var Scale = () => {
-  const context = useBoundProp(import_editor_props41.scaleTransformPropTypeUtil);
-  const rowRefs = [(0, import_react45.useRef)(null), (0, import_react45.useRef)(null), (0, import_react45.useRef)(null)];
-  return /* @__PURE__ */ React86.createElement(import_ui72.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React86.createElement(PropProvider, { ...context }, /* @__PURE__ */ React86.createElement(PropKeyProvider, { bind: TransformFunctionKeys.scale }, scaleAxisControls.map((control, index) => /* @__PURE__ */ React86.createElement(ScaleAxisRow, { key: control.bind, ...control, anchorRef: rowRefs[index] })))));
+  const context = useBoundProp(import_editor_props42.scaleTransformPropTypeUtil);
+  const rowRefs = [(0, import_react44.useRef)(null), (0, import_react44.useRef)(null), (0, import_react44.useRef)(null)];
+  return /* @__PURE__ */ React87.createElement(import_ui73.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React87.createElement(PropProvider, { ...context }, /* @__PURE__ */ React87.createElement(PropKeyProvider, { bind: TransformFunctionKeys.scale }, scaleAxisControls.map((control, index) => /* @__PURE__ */ React87.createElement(ScaleAxisRow, { key: control.bind, ...control, anchorRef: rowRefs[index] })))));
 };
 
 // src/controls/transform-control/functions/skew.tsx
-var React87 = __toESM(require("react"));
-var import_react46 = require("react");
-var import_editor_props42 = require("@elementor/editor-props");
-var import_icons27 = require("@elementor/icons");
-var import_ui73 = require("@elementor/ui");
-var import_i18n40 = require("@wordpress/i18n");
+var React88 = __toESM(require("react"));
+var import_react45 = require("react");
+var import_editor_props43 = require("@elementor/editor-props");
+var import_icons28 = require("@elementor/icons");
+var import_ui74 = require("@elementor/ui");
+var import_i18n41 = require("@wordpress/i18n");
 var skewAxisControls = [
   {
-    label: (0, import_i18n40.__)("Skew X", "elementor"),
+    label: (0, import_i18n41.__)("Skew X", "elementor"),
     bind: "x",
-    startIcon: /* @__PURE__ */ React87.createElement(import_icons27.ArrowRightIcon, { fontSize: "tiny" })
+    startIcon: /* @__PURE__ */ React88.createElement(import_icons28.ArrowRightIcon, { fontSize: "tiny" })
   },
   {
-    label: (0, import_i18n40.__)("Skew Y", "elementor"),
+    label: (0, import_i18n41.__)("Skew Y", "elementor"),
     bind: "y",
-    startIcon: /* @__PURE__ */ React87.createElement(import_icons27.ArrowLeftIcon, { fontSize: "tiny", style: { transform: "scaleX(-1) rotate(-90deg)" } })
+    startIcon: /* @__PURE__ */ React88.createElement(import_icons28.ArrowLeftIcon, { fontSize: "tiny", style: { transform: "scaleX(-1) rotate(-90deg)" } })
   }
 ];
 var skewUnits = ["deg", "rad", "grad", "turn"];
 var Skew = () => {
-  const context = useBoundProp(import_editor_props42.skewTransformPropTypeUtil);
-  const rowRefs = [(0, import_react46.useRef)(null), (0, import_react46.useRef)(null), (0, import_react46.useRef)(null)];
-  return /* @__PURE__ */ React87.createElement(import_ui73.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React87.createElement(PropProvider, { ...context }, /* @__PURE__ */ React87.createElement(PropKeyProvider, { bind: TransformFunctionKeys.skew }, skewAxisControls.map((control, index) => /* @__PURE__ */ React87.createElement(
+  const context = useBoundProp(import_editor_props43.skewTransformPropTypeUtil);
+  const rowRefs = [(0, import_react45.useRef)(null), (0, import_react45.useRef)(null), (0, import_react45.useRef)(null)];
+  return /* @__PURE__ */ React88.createElement(import_ui74.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React88.createElement(PropProvider, { ...context }, /* @__PURE__ */ React88.createElement(PropKeyProvider, { bind: TransformFunctionKeys.skew }, skewAxisControls.map((control, index) => /* @__PURE__ */ React88.createElement(
     AxisRow,
     {
       key: control.bind,
@@ -5250,19 +5392,19 @@ var Skew = () => {
 };
 
 // src/controls/transform-control/use-transform-tabs-history.tsx
-var import_react47 = require("react");
-var import_editor_props43 = require("@elementor/editor-props");
-var import_ui74 = require("@elementor/ui");
+var import_react46 = require("react");
+var import_editor_props44 = require("@elementor/editor-props");
+var import_ui75 = require("@elementor/ui");
 var useTransformTabsHistory = ({
   move: initialMove,
   scale: initialScale,
   rotate: initialRotate,
   skew: initialSkew
 }) => {
-  const { value: moveValue, setValue: setMoveValue } = useBoundProp(import_editor_props43.moveTransformPropTypeUtil);
-  const { value: scaleValue, setValue: setScaleValue } = useBoundProp(import_editor_props43.scaleTransformPropTypeUtil);
-  const { value: rotateValue, setValue: setRotateValue } = useBoundProp(import_editor_props43.rotateTransformPropTypeUtil);
-  const { value: skewValue, setValue: setSkewValue } = useBoundProp(import_editor_props43.skewTransformPropTypeUtil);
+  const { value: moveValue, setValue: setMoveValue } = useBoundProp(import_editor_props44.moveTransformPropTypeUtil);
+  const { value: scaleValue, setValue: setScaleValue } = useBoundProp(import_editor_props44.scaleTransformPropTypeUtil);
+  const { value: rotateValue, setValue: setRotateValue } = useBoundProp(import_editor_props44.rotateTransformPropTypeUtil);
+  const { value: skewValue, setValue: setSkewValue } = useBoundProp(import_editor_props44.skewTransformPropTypeUtil);
   const { openItemIndex, items: items2 } = useRepeaterContext();
   const getCurrentTransformType = () => {
     switch (true) {
@@ -5276,8 +5418,8 @@ var useTransformTabsHistory = ({
         return TransformFunctionKeys.move;
     }
   };
-  const { getTabsProps, getTabProps, getTabPanelProps } = (0, import_ui74.useTabs)(getCurrentTransformType());
-  const valuesHistory = (0, import_react47.useRef)({
+  const { getTabsProps, getTabProps, getTabPanelProps } = (0, import_ui75.useTabs)(getCurrentTransformType());
+  const valuesHistory = (0, import_react46.useRef)({
     move: initialMove,
     scale: initialScale,
     rotate: initialRotate,
@@ -5338,8 +5480,8 @@ var TransformContent = () => {
     rotate: initialRotateValue.value,
     skew: initialSkewValue.value
   });
-  return /* @__PURE__ */ React88.createElement(PopoverContent, null, /* @__PURE__ */ React88.createElement(import_ui75.Box, { sx: { width: "100%" } }, /* @__PURE__ */ React88.createElement(import_ui75.Box, { sx: { borderBottom: 1, borderColor: "divider" } }, /* @__PURE__ */ React88.createElement(
-    import_ui75.Tabs,
+  return /* @__PURE__ */ React89.createElement(PopoverContent, null, /* @__PURE__ */ React89.createElement(import_ui76.Box, { sx: { width: "100%" } }, /* @__PURE__ */ React89.createElement(import_ui76.Box, { sx: { borderBottom: 1, borderColor: "divider" } }, /* @__PURE__ */ React89.createElement(
+    import_ui76.Tabs,
     {
       size: "small",
       variant: "fullWidth",
@@ -5349,37 +5491,37 @@ var TransformContent = () => {
         }
       },
       ...getTabsProps(),
-      "aria-label": (0, import_i18n41.__)("Transform", "elementor")
+      "aria-label": (0, import_i18n42.__)("Transform", "elementor")
     },
-    /* @__PURE__ */ React88.createElement(import_ui75.Tab, { label: (0, import_i18n41.__)("Move", "elementor"), ...getTabProps(TransformFunctionKeys.move) }),
-    /* @__PURE__ */ React88.createElement(import_ui75.Tab, { label: (0, import_i18n41.__)("Scale", "elementor"), ...getTabProps(TransformFunctionKeys.scale) }),
-    /* @__PURE__ */ React88.createElement(import_ui75.Tab, { label: (0, import_i18n41.__)("Rotate", "elementor"), ...getTabProps(TransformFunctionKeys.rotate) }),
-    /* @__PURE__ */ React88.createElement(import_ui75.Tab, { label: (0, import_i18n41.__)("Skew", "elementor"), ...getTabProps(TransformFunctionKeys.skew) })
-  )), /* @__PURE__ */ React88.createElement(import_ui75.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.move) }, /* @__PURE__ */ React88.createElement(Move, null)), /* @__PURE__ */ React88.createElement(import_ui75.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.scale) }, /* @__PURE__ */ React88.createElement(Scale, null)), /* @__PURE__ */ React88.createElement(import_ui75.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.rotate) }, /* @__PURE__ */ React88.createElement(Rotate, null)), /* @__PURE__ */ React88.createElement(import_ui75.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.skew) }, /* @__PURE__ */ React88.createElement(Skew, null))));
+    /* @__PURE__ */ React89.createElement(import_ui76.Tab, { label: (0, import_i18n42.__)("Move", "elementor"), ...getTabProps(TransformFunctionKeys.move) }),
+    /* @__PURE__ */ React89.createElement(import_ui76.Tab, { label: (0, import_i18n42.__)("Scale", "elementor"), ...getTabProps(TransformFunctionKeys.scale) }),
+    /* @__PURE__ */ React89.createElement(import_ui76.Tab, { label: (0, import_i18n42.__)("Rotate", "elementor"), ...getTabProps(TransformFunctionKeys.rotate) }),
+    /* @__PURE__ */ React89.createElement(import_ui76.Tab, { label: (0, import_i18n42.__)("Skew", "elementor"), ...getTabProps(TransformFunctionKeys.skew) })
+  )), /* @__PURE__ */ React89.createElement(import_ui76.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.move) }, /* @__PURE__ */ React89.createElement(Move, null)), /* @__PURE__ */ React89.createElement(import_ui76.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.scale) }, /* @__PURE__ */ React89.createElement(Scale, null)), /* @__PURE__ */ React89.createElement(import_ui76.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.rotate) }, /* @__PURE__ */ React89.createElement(Rotate, null)), /* @__PURE__ */ React89.createElement(import_ui76.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.skew) }, /* @__PURE__ */ React89.createElement(Skew, null))));
 };
 
 // src/controls/transform-control/transform-icon.tsx
-var React89 = __toESM(require("react"));
-var import_icons28 = require("@elementor/icons");
+var React90 = __toESM(require("react"));
+var import_icons29 = require("@elementor/icons");
 var TransformIcon = ({ value }) => {
   switch (value.$$type) {
     case TransformFunctionKeys.move:
-      return /* @__PURE__ */ React89.createElement(import_icons28.ArrowsMaximizeIcon, { fontSize: "tiny" });
+      return /* @__PURE__ */ React90.createElement(import_icons29.ArrowsMaximizeIcon, { fontSize: "tiny" });
     case TransformFunctionKeys.scale:
-      return /* @__PURE__ */ React89.createElement(import_icons28.ArrowAutofitHeightIcon, { fontSize: "tiny" });
+      return /* @__PURE__ */ React90.createElement(import_icons29.ArrowAutofitHeightIcon, { fontSize: "tiny" });
     case TransformFunctionKeys.rotate:
-      return /* @__PURE__ */ React89.createElement(import_icons28.RotateClockwise2Icon, { fontSize: "tiny" });
+      return /* @__PURE__ */ React90.createElement(import_icons29.RotateClockwise2Icon, { fontSize: "tiny" });
     case TransformFunctionKeys.skew:
-      return /* @__PURE__ */ React89.createElement(import_icons28.SkewXIcon, { fontSize: "tiny" });
+      return /* @__PURE__ */ React90.createElement(import_icons29.SkewXIcon, { fontSize: "tiny" });
     default:
       return null;
   }
 };
 
 // src/controls/transform-control/transform-label.tsx
-var React90 = __toESM(require("react"));
-var import_ui76 = require("@elementor/ui");
-var import_i18n42 = require("@wordpress/i18n");
+var React91 = __toESM(require("react"));
+var import_ui77 = require("@elementor/ui");
+var import_i18n43 = require("@wordpress/i18n");
 var orderedAxis = ["x", "y", "z"];
 var formatLabel = (value, functionType) => {
   return orderedAxis.map((axisKey) => {
@@ -5397,96 +5539,96 @@ var TransformLabel = (props) => {
   const { $$type, value } = props.value;
   switch ($$type) {
     case TransformFunctionKeys.move:
-      return /* @__PURE__ */ React90.createElement(Label2, { label: (0, import_i18n42.__)("Move", "elementor"), value: formatLabel(value, "move") });
+      return /* @__PURE__ */ React91.createElement(Label2, { label: (0, import_i18n43.__)("Move", "elementor"), value: formatLabel(value, "move") });
     case TransformFunctionKeys.scale:
-      return /* @__PURE__ */ React90.createElement(Label2, { label: (0, import_i18n42.__)("Scale", "elementor"), value: formatLabel(value, "scale") });
+      return /* @__PURE__ */ React91.createElement(Label2, { label: (0, import_i18n43.__)("Scale", "elementor"), value: formatLabel(value, "scale") });
     case TransformFunctionKeys.rotate:
-      return /* @__PURE__ */ React90.createElement(Label2, { label: (0, import_i18n42.__)("Rotate", "elementor"), value: formatLabel(value, "rotate") });
+      return /* @__PURE__ */ React91.createElement(Label2, { label: (0, import_i18n43.__)("Rotate", "elementor"), value: formatLabel(value, "rotate") });
     case TransformFunctionKeys.skew:
-      return /* @__PURE__ */ React90.createElement(Label2, { label: (0, import_i18n42.__)("Skew", "elementor"), value: formatLabel(value, "skew") });
+      return /* @__PURE__ */ React91.createElement(Label2, { label: (0, import_i18n43.__)("Skew", "elementor"), value: formatLabel(value, "skew") });
     default:
       return "";
   }
 };
 var Label2 = ({ label, value }) => {
-  return /* @__PURE__ */ React90.createElement(import_ui76.Box, { component: "span" }, label, ": ", value);
+  return /* @__PURE__ */ React91.createElement(import_ui77.Box, { component: "span" }, label, ": ", value);
 };
 
 // src/controls/transform-control/transform-settings-control.tsx
-var React93 = __toESM(require("react"));
+var React94 = __toESM(require("react"));
 var import_editor_ui11 = require("@elementor/editor-ui");
-var import_icons29 = require("@elementor/icons");
-var import_ui79 = require("@elementor/ui");
-var import_i18n45 = require("@wordpress/i18n");
+var import_icons30 = require("@elementor/icons");
+var import_ui80 = require("@elementor/ui");
+var import_i18n46 = require("@wordpress/i18n");
 
 // src/controls/transform-control/transform-base-controls/children-perspective-control.tsx
-var React91 = __toESM(require("react"));
-var import_editor_props44 = require("@elementor/editor-props");
-var import_ui77 = require("@elementor/ui");
-var import_i18n43 = require("@wordpress/i18n");
+var React92 = __toESM(require("react"));
+var import_editor_props45 = require("@elementor/editor-props");
+var import_ui78 = require("@elementor/ui");
+var import_i18n44 = require("@wordpress/i18n");
 var ORIGIN_UNITS = ["px", "%", "em", "rem"];
 var PERSPECTIVE_CONTROL_FIELD = {
-  label: (0, import_i18n43.__)("Perspective", "elementor"),
+  label: (0, import_i18n44.__)("Perspective", "elementor"),
   bind: "perspective",
   units: ["px", "em", "rem", "vw", "vh"]
 };
 var CHILDREN_PERSPECTIVE_FIELDS = [
   {
-    label: (0, import_i18n43.__)("Origin X", "elementor"),
+    label: (0, import_i18n44.__)("Origin X", "elementor"),
     bind: "x",
     units: ORIGIN_UNITS
   },
   {
-    label: (0, import_i18n43.__)("Origin Y", "elementor"),
+    label: (0, import_i18n44.__)("Origin Y", "elementor"),
     bind: "y",
     units: ORIGIN_UNITS
   }
 ];
 var ChildrenPerspectiveControl = () => {
-  return /* @__PURE__ */ React91.createElement(import_ui77.Stack, { direction: "column", spacing: 1.5 }, /* @__PURE__ */ React91.createElement(ControlFormLabel, null, (0, import_i18n43.__)("Children perspective", "elementor")), /* @__PURE__ */ React91.createElement(PerspectiveControl, null), /* @__PURE__ */ React91.createElement(PerspectiveOriginControl, null));
+  return /* @__PURE__ */ React92.createElement(import_ui78.Stack, { direction: "column", spacing: 1.5 }, /* @__PURE__ */ React92.createElement(ControlFormLabel, null, (0, import_i18n44.__)("Children perspective", "elementor")), /* @__PURE__ */ React92.createElement(PerspectiveControl, null), /* @__PURE__ */ React92.createElement(PerspectiveOriginControl, null));
 };
-var PerspectiveControl = () => /* @__PURE__ */ React91.createElement(PropKeyProvider, { bind: "perspective" }, /* @__PURE__ */ React91.createElement(ControlFields, { control: PERSPECTIVE_CONTROL_FIELD, key: PERSPECTIVE_CONTROL_FIELD.bind }));
-var PerspectiveOriginControl = () => /* @__PURE__ */ React91.createElement(PropKeyProvider, { bind: "perspective-origin" }, /* @__PURE__ */ React91.createElement(PerspectiveOriginControlProvider, null));
+var PerspectiveControl = () => /* @__PURE__ */ React92.createElement(PropKeyProvider, { bind: "perspective" }, /* @__PURE__ */ React92.createElement(ControlFields, { control: PERSPECTIVE_CONTROL_FIELD, key: PERSPECTIVE_CONTROL_FIELD.bind }));
+var PerspectiveOriginControl = () => /* @__PURE__ */ React92.createElement(PropKeyProvider, { bind: "perspective-origin" }, /* @__PURE__ */ React92.createElement(PerspectiveOriginControlProvider, null));
 var PerspectiveOriginControlProvider = () => {
-  const context = useBoundProp(import_editor_props44.perspectiveOriginPropTypeUtil);
-  return /* @__PURE__ */ React91.createElement(PropProvider, { ...context }, CHILDREN_PERSPECTIVE_FIELDS.map((control) => /* @__PURE__ */ React91.createElement(PropKeyProvider, { bind: control.bind, key: control.bind }, /* @__PURE__ */ React91.createElement(ControlFields, { control }))));
+  const context = useBoundProp(import_editor_props45.perspectiveOriginPropTypeUtil);
+  return /* @__PURE__ */ React92.createElement(PropProvider, { ...context }, CHILDREN_PERSPECTIVE_FIELDS.map((control) => /* @__PURE__ */ React92.createElement(PropKeyProvider, { bind: control.bind, key: control.bind }, /* @__PURE__ */ React92.createElement(ControlFields, { control }))));
 };
 var ControlFields = ({ control }) => {
-  const rowRef = React91.useRef(null);
-  return /* @__PURE__ */ React91.createElement(PopoverGridContainer, { ref: rowRef }, /* @__PURE__ */ React91.createElement(import_ui77.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React91.createElement(ControlFormLabel, null, control.label)), /* @__PURE__ */ React91.createElement(import_ui77.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React91.createElement(SizeControl, { variant: "length", units: control.units, anchorRef: rowRef, disableCustom: true })));
+  const rowRef = React92.useRef(null);
+  return /* @__PURE__ */ React92.createElement(PopoverGridContainer, { ref: rowRef }, /* @__PURE__ */ React92.createElement(import_ui78.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React92.createElement(ControlFormLabel, null, control.label)), /* @__PURE__ */ React92.createElement(import_ui78.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React92.createElement(SizeControl, { variant: "length", units: control.units, anchorRef: rowRef, disableCustom: true })));
 };
 
 // src/controls/transform-control/transform-base-controls/transform-origin-control.tsx
-var React92 = __toESM(require("react"));
-var import_editor_props45 = require("@elementor/editor-props");
-var import_ui78 = require("@elementor/ui");
-var import_i18n44 = require("@wordpress/i18n");
+var React93 = __toESM(require("react"));
+var import_editor_props46 = require("@elementor/editor-props");
+var import_ui79 = require("@elementor/ui");
+var import_i18n45 = require("@wordpress/i18n");
 var TRANSFORM_ORIGIN_UNITS = ["px", "%", "em", "rem"];
 var TRANSFORM_ORIGIN_UNITS_Z_AXIS = TRANSFORM_ORIGIN_UNITS.filter((unit) => unit !== "%");
 var TRANSFORM_ORIGIN_FIELDS = [
   {
-    label: (0, import_i18n44.__)("Origin X", "elementor"),
+    label: (0, import_i18n45.__)("Origin X", "elementor"),
     bind: "x",
     units: TRANSFORM_ORIGIN_UNITS
   },
   {
-    label: (0, import_i18n44.__)("Origin Y", "elementor"),
+    label: (0, import_i18n45.__)("Origin Y", "elementor"),
     bind: "y",
     units: TRANSFORM_ORIGIN_UNITS
   },
   {
-    label: (0, import_i18n44.__)("Origin Z", "elementor"),
+    label: (0, import_i18n45.__)("Origin Z", "elementor"),
     bind: "z",
     units: TRANSFORM_ORIGIN_UNITS_Z_AXIS
   }
 ];
 var TransformOriginControl = () => {
-  return /* @__PURE__ */ React92.createElement(import_ui78.Stack, { direction: "column", spacing: 1.5 }, /* @__PURE__ */ React92.createElement(ControlFormLabel, null, (0, import_i18n44.__)("Transform", "elementor")), TRANSFORM_ORIGIN_FIELDS.map((control) => /* @__PURE__ */ React92.createElement(ControlFields2, { control, key: control.bind })));
+  return /* @__PURE__ */ React93.createElement(import_ui79.Stack, { direction: "column", spacing: 1.5 }, /* @__PURE__ */ React93.createElement(ControlFormLabel, null, (0, import_i18n45.__)("Transform", "elementor")), TRANSFORM_ORIGIN_FIELDS.map((control) => /* @__PURE__ */ React93.createElement(ControlFields2, { control, key: control.bind })));
 };
 var ControlFields2 = ({ control }) => {
-  const context = useBoundProp(import_editor_props45.transformOriginPropTypeUtil);
-  const rowRef = React92.useRef(null);
-  return /* @__PURE__ */ React92.createElement(PropProvider, { ...context }, /* @__PURE__ */ React92.createElement(PropKeyProvider, { bind: control.bind }, /* @__PURE__ */ React92.createElement(PopoverGridContainer, { ref: rowRef }, /* @__PURE__ */ React92.createElement(import_ui78.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React92.createElement(ControlFormLabel, null, control.label)), /* @__PURE__ */ React92.createElement(import_ui78.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React92.createElement(SizeControl, { variant: "length", units: control.units, anchorRef: rowRef, disableCustom: true })))));
+  const context = useBoundProp(import_editor_props46.transformOriginPropTypeUtil);
+  const rowRef = React93.useRef(null);
+  return /* @__PURE__ */ React93.createElement(PropProvider, { ...context }, /* @__PURE__ */ React93.createElement(PropKeyProvider, { bind: control.bind }, /* @__PURE__ */ React93.createElement(PopoverGridContainer, { ref: rowRef }, /* @__PURE__ */ React93.createElement(import_ui79.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React93.createElement(ControlFormLabel, null, control.label)), /* @__PURE__ */ React93.createElement(import_ui79.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React93.createElement(SizeControl, { variant: "length", units: control.units, anchorRef: rowRef, disableCustom: true })))));
 };
 
 // src/controls/transform-control/transform-settings-control.tsx
@@ -5496,12 +5638,12 @@ var TransformSettingsControl = ({
   anchorRef,
   showChildrenPerspective
 }) => {
-  const popupProps = (0, import_ui79.bindPopover)({
+  const popupProps = (0, import_ui80.bindPopover)({
     ...popupState,
     anchorEl: anchorRef.current ?? void 0
   });
-  return /* @__PURE__ */ React93.createElement(
-    import_ui79.Popover,
+  return /* @__PURE__ */ React94.createElement(
+    import_ui80.Popover,
     {
       disablePortal: true,
       anchorOrigin: { vertical: "bottom", horizontal: "left" },
@@ -5515,72 +5657,73 @@ var TransformSettingsControl = ({
       },
       ...popupProps
     },
-    /* @__PURE__ */ React93.createElement(
+    /* @__PURE__ */ React94.createElement(
       import_editor_ui11.PopoverHeader,
       {
-        title: (0, import_i18n45.__)("Transform settings", "elementor"),
+        title: (0, import_i18n46.__)("Transform settings", "elementor"),
         onClose: popupState.close,
-        icon: /* @__PURE__ */ React93.createElement(import_icons29.AdjustmentsIcon, { fontSize: SIZE8 })
+        icon: /* @__PURE__ */ React94.createElement(import_icons30.AdjustmentsIcon, { fontSize: SIZE8 })
       }
     ),
-    /* @__PURE__ */ React93.createElement(import_ui79.Divider, null),
-    /* @__PURE__ */ React93.createElement(PopoverContent, { sx: { px: 2, py: 1.5 } }, /* @__PURE__ */ React93.createElement(PropKeyProvider, { bind: "transform-origin" }, /* @__PURE__ */ React93.createElement(TransformOriginControl, null)), showChildrenPerspective && /* @__PURE__ */ React93.createElement(React93.Fragment, null, /* @__PURE__ */ React93.createElement(import_ui79.Box, { sx: { my: 0.5 } }, /* @__PURE__ */ React93.createElement(import_ui79.Divider, null)), /* @__PURE__ */ React93.createElement(ChildrenPerspectiveControl, null)))
+    /* @__PURE__ */ React94.createElement(import_ui80.Divider, null),
+    /* @__PURE__ */ React94.createElement(PopoverContent, { sx: { px: 2, py: 1.5 } }, /* @__PURE__ */ React94.createElement(PropKeyProvider, { bind: "transform-origin" }, /* @__PURE__ */ React94.createElement(TransformOriginControl, null)), showChildrenPerspective && /* @__PURE__ */ React94.createElement(React94.Fragment, null, /* @__PURE__ */ React94.createElement(import_ui80.Box, { sx: { my: 0.5 } }, /* @__PURE__ */ React94.createElement(import_ui80.Divider, null)), /* @__PURE__ */ React94.createElement(ChildrenPerspectiveControl, null)))
   );
 };
 
 // src/controls/transform-control/transform-repeater-control.tsx
 var SIZE9 = "tiny";
-var TransformRepeaterControl = createControl(() => {
-  const context = useBoundProp(import_editor_props46.transformPropTypeUtil);
-  const headerRef = (0, import_react48.useRef)(null);
-  const popupState = (0, import_ui80.usePopupState)({ variant: "popover" });
-  const showChildrenPerspective = useElementCanHaveChildren();
-  return /* @__PURE__ */ React94.createElement(PropProvider, { ...context }, /* @__PURE__ */ React94.createElement(
-    TransformSettingsControl,
-    {
-      popupState,
-      anchorRef: headerRef,
-      showChildrenPerspective
-    }
-  ), /* @__PURE__ */ React94.createElement(PropKeyProvider, { bind: "transform-functions" }, /* @__PURE__ */ React94.createElement(Repeater2, { headerRef, propType: context.propType, popupState })));
-});
-var ToolTip = /* @__PURE__ */ React94.createElement(
-  import_ui80.Box,
+var TransformRepeaterControl = createControl(
+  ({ showChildrenPerspective }) => {
+    const context = useBoundProp(import_editor_props47.transformPropTypeUtil);
+    const headerRef = (0, import_react47.useRef)(null);
+    const popupState = (0, import_ui81.usePopupState)({ variant: "popover" });
+    return /* @__PURE__ */ React95.createElement(PropProvider, { ...context }, /* @__PURE__ */ React95.createElement(
+      TransformSettingsControl,
+      {
+        popupState,
+        anchorRef: headerRef,
+        showChildrenPerspective
+      }
+    ), /* @__PURE__ */ React95.createElement(PropKeyProvider, { bind: "transform-functions" }, /* @__PURE__ */ React95.createElement(Repeater2, { headerRef, propType: context.propType, popupState })));
+  }
+);
+var ToolTip = /* @__PURE__ */ React95.createElement(
+  import_ui81.Box,
   {
     component: "span",
     "aria-label": void 0,
     sx: { display: "flex", gap: 0.5, p: 2, width: 320, borderRadius: 1 }
   },
-  /* @__PURE__ */ React94.createElement(import_icons30.InfoCircleFilledIcon, { sx: { color: "secondary.main" } }),
-  /* @__PURE__ */ React94.createElement(import_ui80.Typography, { variant: "body2", color: "text.secondary", fontSize: "14px" }, (0, import_i18n46.__)("You can use each kind of transform only once per element.", "elementor"))
+  /* @__PURE__ */ React95.createElement(import_icons31.InfoCircleFilledIcon, { sx: { color: "secondary.main" } }),
+  /* @__PURE__ */ React95.createElement(import_ui81.Typography, { variant: "body2", color: "text.secondary", fontSize: "14px" }, (0, import_i18n47.__)("You can use each kind of transform only once per element.", "elementor"))
 );
 var Repeater2 = ({
   headerRef,
   propType,
   popupState
 }) => {
-  const transformFunctionsContext = useBoundProp(import_editor_props46.transformFunctionsPropTypeUtil);
+  const transformFunctionsContext = useBoundProp(import_editor_props47.transformFunctionsPropTypeUtil);
   const availableValues = [initialTransformValue, initialScaleValue, initialRotateValue, initialSkewValue];
   const { value: transformValues, bind } = transformFunctionsContext;
   const getInitialValue2 = () => {
     return availableValues.find((value) => !transformValues?.some((item) => item.$$type === value.$$type));
   };
   const shouldDisableAddItem = !getInitialValue2();
-  return /* @__PURE__ */ React94.createElement(PropProvider, { ...transformFunctionsContext }, /* @__PURE__ */ React94.createElement(
+  return /* @__PURE__ */ React95.createElement(PropProvider, { ...transformFunctionsContext }, /* @__PURE__ */ React95.createElement(
     ControlRepeater,
     {
       initial: getInitialValue2() ?? initialTransformValue,
-      propTypeUtil: import_editor_props46.transformFunctionsPropTypeUtil
+      propTypeUtil: import_editor_props47.transformFunctionsPropTypeUtil
     },
-    /* @__PURE__ */ React94.createElement(
+    /* @__PURE__ */ React95.createElement(
       RepeaterHeader,
       {
-        label: (0, import_i18n46.__)("Transform", "elementor"),
-        adornment: () => /* @__PURE__ */ React94.createElement(ControlAdornments, { customContext: { path: ["transform"], propType } }),
+        label: (0, import_i18n47.__)("Transform", "elementor"),
+        adornment: () => /* @__PURE__ */ React95.createElement(ControlAdornments, { customContext: { path: ["transform"], propType } }),
         ref: headerRef
       },
-      /* @__PURE__ */ React94.createElement(TransformBasePopoverTrigger, { popupState, repeaterBindKey: bind }),
-      /* @__PURE__ */ React94.createElement(
+      /* @__PURE__ */ React95.createElement(TransformBasePopoverTrigger, { popupState, repeaterBindKey: bind }),
+      /* @__PURE__ */ React95.createElement(
         TooltipAddItemAction,
         {
           disabled: shouldDisableAddItem,
@@ -5590,15 +5733,15 @@ var Repeater2 = ({
         }
       )
     ),
-    /* @__PURE__ */ React94.createElement(ItemsContainer, null, /* @__PURE__ */ React94.createElement(
+    /* @__PURE__ */ React95.createElement(ItemsContainer, null, /* @__PURE__ */ React95.createElement(
       Item,
       {
         Icon: TransformIcon,
         Label: TransformLabel,
-        actions: /* @__PURE__ */ React94.createElement(React94.Fragment, null, /* @__PURE__ */ React94.createElement(DisableItemAction, null), /* @__PURE__ */ React94.createElement(RemoveItemAction, null))
+        actions: /* @__PURE__ */ React95.createElement(React95.Fragment, null, /* @__PURE__ */ React95.createElement(DisableItemAction, null), /* @__PURE__ */ React95.createElement(RemoveItemAction, null))
       }
     )),
-    /* @__PURE__ */ React94.createElement(EditItemPopover, null, /* @__PURE__ */ React94.createElement(TransformContent, null))
+    /* @__PURE__ */ React95.createElement(EditItemPopover, null, /* @__PURE__ */ React95.createElement(TransformContent, null))
   ));
 };
 var TransformBasePopoverTrigger = ({
@@ -5606,29 +5749,29 @@ var TransformBasePopoverTrigger = ({
   repeaterBindKey
 }) => {
   const { bind } = useBoundProp();
-  const titleLabel = (0, import_i18n46.__)("Transform settings", "elementor");
-  return bind !== repeaterBindKey ? null : /* @__PURE__ */ React94.createElement(import_ui80.Tooltip, { title: titleLabel, placement: "top" }, /* @__PURE__ */ React94.createElement(import_ui80.IconButton, { size: SIZE9, "aria-label": titleLabel, ...(0, import_ui80.bindTrigger)(popupState) }, /* @__PURE__ */ React94.createElement(import_icons30.AdjustmentsIcon, { fontSize: SIZE9 })));
+  const titleLabel = (0, import_i18n47.__)("Transform settings", "elementor");
+  return bind !== repeaterBindKey ? null : /* @__PURE__ */ React95.createElement(import_ui81.Tooltip, { title: titleLabel, placement: "top" }, /* @__PURE__ */ React95.createElement(import_ui81.IconButton, { size: SIZE9, "aria-label": titleLabel, ...(0, import_ui81.bindTrigger)(popupState) }, /* @__PURE__ */ React95.createElement(import_icons31.AdjustmentsIcon, { fontSize: SIZE9 })));
 };
 
 // src/controls/transition-control/transition-repeater-control.tsx
-var React97 = __toESM(require("react"));
-var import_react51 = require("react");
-var import_editor_props49 = require("@elementor/editor-props");
-var import_icons32 = require("@elementor/icons");
-var import_ui83 = require("@elementor/ui");
-var import_i18n49 = require("@wordpress/i18n");
+var React98 = __toESM(require("react"));
+var import_react50 = require("react");
+var import_editor_props50 = require("@elementor/editor-props");
+var import_icons33 = require("@elementor/icons");
+var import_ui84 = require("@elementor/ui");
+var import_i18n50 = require("@wordpress/i18n");
 
 // src/controls/selection-size-control.tsx
-var React95 = __toESM(require("react"));
-var import_react49 = require("react");
-var import_editor_props47 = require("@elementor/editor-props");
-var import_ui81 = require("@elementor/ui");
+var React96 = __toESM(require("react"));
+var import_react48 = require("react");
+var import_editor_props48 = require("@elementor/editor-props");
+var import_ui82 = require("@elementor/ui");
 var SelectionSizeControl = createControl(
   ({ selectionLabel, sizeLabel, selectionConfig, sizeConfigMap }) => {
-    const { value, setValue, propType } = useBoundProp(import_editor_props47.selectionSizePropTypeUtil);
-    const rowRef = (0, import_react49.useRef)(null);
+    const { value, setValue, propType } = useBoundProp(import_editor_props48.selectionSizePropTypeUtil);
+    const rowRef = (0, import_react48.useRef)(null);
     const sizeFieldId = sizeLabel.replace(/\s+/g, "-").toLowerCase();
-    const currentSizeConfig = (0, import_react49.useMemo)(() => {
+    const currentSizeConfig = (0, import_react48.useMemo)(() => {
       switch (value.selection.$$type) {
         case "key-value":
           return sizeConfigMap[value?.selection?.value.value.value || ""];
@@ -5639,7 +5782,7 @@ var SelectionSizeControl = createControl(
       }
     }, [value, sizeConfigMap]);
     const SelectionComponent = selectionConfig.component;
-    return /* @__PURE__ */ React95.createElement(PropProvider, { value, setValue, propType }, /* @__PURE__ */ React95.createElement(import_ui81.Grid, { container: true, spacing: 1.5, ref: rowRef }, /* @__PURE__ */ React95.createElement(import_ui81.Grid, { item: true, xs: 6, sx: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React95.createElement(ControlFormLabel, null, selectionLabel)), /* @__PURE__ */ React95.createElement(import_ui81.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React95.createElement(PropKeyProvider, { bind: "selection" }, /* @__PURE__ */ React95.createElement(SelectionComponent, { ...selectionConfig.props }))), currentSizeConfig && /* @__PURE__ */ React95.createElement(React95.Fragment, null, /* @__PURE__ */ React95.createElement(import_ui81.Grid, { item: true, xs: 6, sx: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React95.createElement(ControlFormLabel, { htmlFor: sizeFieldId }, sizeLabel)), /* @__PURE__ */ React95.createElement(import_ui81.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React95.createElement(PropKeyProvider, { bind: "size" }, /* @__PURE__ */ React95.createElement(
+    return /* @__PURE__ */ React96.createElement(PropProvider, { value, setValue, propType }, /* @__PURE__ */ React96.createElement(import_ui82.Grid, { container: true, spacing: 1.5, ref: rowRef }, /* @__PURE__ */ React96.createElement(import_ui82.Grid, { item: true, xs: 6, sx: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React96.createElement(ControlFormLabel, null, selectionLabel)), /* @__PURE__ */ React96.createElement(import_ui82.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React96.createElement(PropKeyProvider, { bind: "selection" }, /* @__PURE__ */ React96.createElement(SelectionComponent, { ...selectionConfig.props }))), currentSizeConfig && /* @__PURE__ */ React96.createElement(React96.Fragment, null, /* @__PURE__ */ React96.createElement(import_ui82.Grid, { item: true, xs: 6, sx: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React96.createElement(ControlFormLabel, { htmlFor: sizeFieldId }, sizeLabel)), /* @__PURE__ */ React96.createElement(import_ui82.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React96.createElement(PropKeyProvider, { bind: "size" }, /* @__PURE__ */ React96.createElement(
       SizeControl,
       {
         anchorRef: rowRef,
@@ -5654,12 +5797,12 @@ var SelectionSizeControl = createControl(
 
 // src/controls/transition-control/data.ts
 var import_utils6 = require("@elementor/utils");
-var import_i18n47 = require("@wordpress/i18n");
+var import_i18n48 = require("@wordpress/i18n");
 var initialTransitionValue = {
   selection: {
     $$type: "key-value",
     value: {
-      key: { value: (0, import_i18n47.__)("All properties", "elementor"), $$type: "string" },
+      key: { value: (0, import_i18n48.__)("All properties", "elementor"), $$type: "string" },
       value: { value: "all", $$type: "string" }
     }
   },
@@ -5684,128 +5827,128 @@ var createTransitionPropertiesList = () => {
   const isSiteRtl = getIsSiteRtl();
   const baseProperties = [
     {
-      label: (0, import_i18n47.__)("Default", "elementor"),
+      label: (0, import_i18n48.__)("Default", "elementor"),
       type: "category",
-      properties: [{ label: (0, import_i18n47.__)("All properties", "elementor"), value: "all" }]
+      properties: [{ label: (0, import_i18n48.__)("All properties", "elementor"), value: "all" }]
     },
     {
-      label: (0, import_i18n47.__)("Margin", "elementor"),
+      label: (0, import_i18n48.__)("Margin", "elementor"),
       type: "category",
       properties: [
-        { label: (0, import_i18n47.__)("Margin (all)", "elementor"), value: "margin", isDisabled: true },
-        { label: (0, import_i18n47.__)("Margin bottom", "elementor"), value: "margin-block-end", isDisabled: true },
+        { label: (0, import_i18n48.__)("Margin (all)", "elementor"), value: "margin", isDisabled: true },
+        { label: (0, import_i18n48.__)("Margin bottom", "elementor"), value: "margin-block-end", isDisabled: true },
         {
-          label: isSiteRtl ? (0, import_i18n47.__)("Margin right", "elementor") : (0, import_i18n47.__)("Margin left", "elementor"),
+          label: isSiteRtl ? (0, import_i18n48.__)("Margin right", "elementor") : (0, import_i18n48.__)("Margin left", "elementor"),
           value: "margin-inline-start",
           isDisabled: true
         },
         {
-          label: isSiteRtl ? (0, import_i18n47.__)("Margin left", "elementor") : (0, import_i18n47.__)("Margin right", "elementor"),
+          label: isSiteRtl ? (0, import_i18n48.__)("Margin left", "elementor") : (0, import_i18n48.__)("Margin right", "elementor"),
           value: "margin-inline-end",
           isDisabled: true
         },
-        { label: (0, import_i18n47.__)("Margin top", "elementor"), value: "margin-block-start", isDisabled: true }
+        { label: (0, import_i18n48.__)("Margin top", "elementor"), value: "margin-block-start", isDisabled: true }
       ]
     },
     {
-      label: (0, import_i18n47.__)("Padding", "elementor"),
+      label: (0, import_i18n48.__)("Padding", "elementor"),
       type: "category",
       properties: [
-        { label: (0, import_i18n47.__)("Padding (all)", "elementor"), value: "padding", isDisabled: true },
-        { label: (0, import_i18n47.__)("Padding bottom", "elementor"), value: "padding-block-end", isDisabled: true },
+        { label: (0, import_i18n48.__)("Padding (all)", "elementor"), value: "padding", isDisabled: true },
+        { label: (0, import_i18n48.__)("Padding bottom", "elementor"), value: "padding-block-end", isDisabled: true },
         {
-          label: isSiteRtl ? (0, import_i18n47.__)("Padding right", "elementor") : (0, import_i18n47.__)("Padding left", "elementor"),
+          label: isSiteRtl ? (0, import_i18n48.__)("Padding right", "elementor") : (0, import_i18n48.__)("Padding left", "elementor"),
           value: "padding-inline-start",
           isDisabled: true
         },
         {
-          label: isSiteRtl ? (0, import_i18n47.__)("Padding left", "elementor") : (0, import_i18n47.__)("Padding right", "elementor"),
+          label: isSiteRtl ? (0, import_i18n48.__)("Padding left", "elementor") : (0, import_i18n48.__)("Padding right", "elementor"),
           value: "padding-inline-end",
           isDisabled: true
         },
-        { label: (0, import_i18n47.__)("Padding top", "elementor"), value: "padding-block-start", isDisabled: true }
+        { label: (0, import_i18n48.__)("Padding top", "elementor"), value: "padding-block-start", isDisabled: true }
       ]
     },
     {
-      label: (0, import_i18n47.__)("Flex", "elementor"),
+      label: (0, import_i18n48.__)("Flex", "elementor"),
       type: "category",
       properties: [
-        { label: (0, import_i18n47.__)("Flex (all)", "elementor"), value: "flex", isDisabled: true },
-        { label: (0, import_i18n47.__)("Flex grow", "elementor"), value: "flex-grow", isDisabled: true },
-        { label: (0, import_i18n47.__)("Flex shrink", "elementor"), value: "flex-shrink", isDisabled: true },
-        { label: (0, import_i18n47.__)("Flex basis", "elementor"), value: "flex-basis", isDisabled: true }
+        { label: (0, import_i18n48.__)("Flex (all)", "elementor"), value: "flex", isDisabled: true },
+        { label: (0, import_i18n48.__)("Flex grow", "elementor"), value: "flex-grow", isDisabled: true },
+        { label: (0, import_i18n48.__)("Flex shrink", "elementor"), value: "flex-shrink", isDisabled: true },
+        { label: (0, import_i18n48.__)("Flex basis", "elementor"), value: "flex-basis", isDisabled: true }
       ]
     },
     {
-      label: (0, import_i18n47.__)("Size", "elementor"),
+      label: (0, import_i18n48.__)("Size", "elementor"),
       type: "category",
       properties: [
-        { label: (0, import_i18n47.__)("Width", "elementor"), value: "width", isDisabled: true },
-        { label: (0, import_i18n47.__)("Height", "elementor"), value: "height", isDisabled: true },
-        { label: (0, import_i18n47.__)("Max height", "elementor"), value: "max-height", isDisabled: true },
-        { label: (0, import_i18n47.__)("Max width", "elementor"), value: "max-width", isDisabled: true },
-        { label: (0, import_i18n47.__)("Min height", "elementor"), value: "min-height", isDisabled: true },
-        { label: (0, import_i18n47.__)("Min width", "elementor"), value: "min-width", isDisabled: true }
+        { label: (0, import_i18n48.__)("Width", "elementor"), value: "width", isDisabled: true },
+        { label: (0, import_i18n48.__)("Height", "elementor"), value: "height", isDisabled: true },
+        { label: (0, import_i18n48.__)("Max height", "elementor"), value: "max-height", isDisabled: true },
+        { label: (0, import_i18n48.__)("Max width", "elementor"), value: "max-width", isDisabled: true },
+        { label: (0, import_i18n48.__)("Min height", "elementor"), value: "min-height", isDisabled: true },
+        { label: (0, import_i18n48.__)("Min width", "elementor"), value: "min-width", isDisabled: true }
       ]
     },
     {
-      label: (0, import_i18n47.__)("Position", "elementor"),
+      label: (0, import_i18n48.__)("Position", "elementor"),
       type: "category",
       properties: [
-        { label: (0, import_i18n47.__)("Top", "elementor"), value: "inset-block-start", isDisabled: true },
+        { label: (0, import_i18n48.__)("Top", "elementor"), value: "inset-block-start", isDisabled: true },
         {
-          label: isSiteRtl ? (0, import_i18n47.__)("Right", "elementor") : (0, import_i18n47.__)("Left", "elementor"),
+          label: isSiteRtl ? (0, import_i18n48.__)("Right", "elementor") : (0, import_i18n48.__)("Left", "elementor"),
           value: "inset-inline-start",
           isDisabled: true
         },
         {
-          label: isSiteRtl ? (0, import_i18n47.__)("Left", "elementor") : (0, import_i18n47.__)("Right", "elementor"),
+          label: isSiteRtl ? (0, import_i18n48.__)("Left", "elementor") : (0, import_i18n48.__)("Right", "elementor"),
           value: "inset-inline-end",
           isDisabled: true
         },
-        { label: (0, import_i18n47.__)("Bottom", "elementor"), value: "inset-block-end", isDisabled: true },
-        { label: (0, import_i18n47.__)("Z-index", "elementor"), value: "z-index", isDisabled: true }
+        { label: (0, import_i18n48.__)("Bottom", "elementor"), value: "inset-block-end", isDisabled: true },
+        { label: (0, import_i18n48.__)("Z-index", "elementor"), value: "z-index", isDisabled: true }
       ]
     },
     {
-      label: (0, import_i18n47.__)("Typography", "elementor"),
+      label: (0, import_i18n48.__)("Typography", "elementor"),
       type: "category",
       properties: [
-        { label: (0, import_i18n47.__)("Font color", "elementor"), value: "color", isDisabled: true },
-        { label: (0, import_i18n47.__)("Font size", "elementor"), value: "font-size", isDisabled: true },
-        { label: (0, import_i18n47.__)("Line height", "elementor"), value: "line-height", isDisabled: true },
-        { label: (0, import_i18n47.__)("Letter spacing", "elementor"), value: "letter-spacing", isDisabled: true },
-        { label: (0, import_i18n47.__)("Word spacing", "elementor"), value: "word-spacing", isDisabled: true },
-        { label: (0, import_i18n47.__)("Font variations", "elementor"), value: "font-variation-settings", isDisabled: true },
-        { label: (0, import_i18n47.__)("Text stroke color", "elementor"), value: "-webkit-text-stroke-color", isDisabled: true }
+        { label: (0, import_i18n48.__)("Font color", "elementor"), value: "color", isDisabled: true },
+        { label: (0, import_i18n48.__)("Font size", "elementor"), value: "font-size", isDisabled: true },
+        { label: (0, import_i18n48.__)("Line height", "elementor"), value: "line-height", isDisabled: true },
+        { label: (0, import_i18n48.__)("Letter spacing", "elementor"), value: "letter-spacing", isDisabled: true },
+        { label: (0, import_i18n48.__)("Word spacing", "elementor"), value: "word-spacing", isDisabled: true },
+        { label: (0, import_i18n48.__)("Font variations", "elementor"), value: "font-variation-settings", isDisabled: true },
+        { label: (0, import_i18n48.__)("Text stroke color", "elementor"), value: "-webkit-text-stroke-color", isDisabled: true }
       ]
     },
     {
-      label: (0, import_i18n47.__)("Background", "elementor"),
+      label: (0, import_i18n48.__)("Background", "elementor"),
       type: "category",
       properties: [
-        { label: (0, import_i18n47.__)("Background color", "elementor"), value: "background-color", isDisabled: true },
-        { label: (0, import_i18n47.__)("Background position", "elementor"), value: "background-position", isDisabled: true },
-        { label: (0, import_i18n47.__)("Box shadow", "elementor"), value: "box-shadow", isDisabled: true }
+        { label: (0, import_i18n48.__)("Background color", "elementor"), value: "background-color", isDisabled: true },
+        { label: (0, import_i18n48.__)("Background position", "elementor"), value: "background-position", isDisabled: true },
+        { label: (0, import_i18n48.__)("Box shadow", "elementor"), value: "box-shadow", isDisabled: true }
       ]
     },
     {
-      label: (0, import_i18n47.__)("Border", "elementor"),
+      label: (0, import_i18n48.__)("Border", "elementor"),
       type: "category",
       properties: [
-        { label: (0, import_i18n47.__)("Border (all)", "elementor"), value: "border", isDisabled: true },
-        { label: (0, import_i18n47.__)("Border radius", "elementor"), value: "border-radius", isDisabled: true },
-        { label: (0, import_i18n47.__)("Border color", "elementor"), value: "border-color", isDisabled: true },
-        { label: (0, import_i18n47.__)("Border width", "elementor"), value: "border-width", isDisabled: true }
+        { label: (0, import_i18n48.__)("Border (all)", "elementor"), value: "border", isDisabled: true },
+        { label: (0, import_i18n48.__)("Border radius", "elementor"), value: "border-radius", isDisabled: true },
+        { label: (0, import_i18n48.__)("Border color", "elementor"), value: "border-color", isDisabled: true },
+        { label: (0, import_i18n48.__)("Border width", "elementor"), value: "border-width", isDisabled: true }
       ]
     },
     {
-      label: (0, import_i18n47.__)("Effects", "elementor"),
+      label: (0, import_i18n48.__)("Effects", "elementor"),
       type: "category",
       properties: [
-        { label: (0, import_i18n47.__)("Opacity", "elementor"), value: "opacity", isDisabled: true },
-        { label: (0, import_i18n47.__)("Transform (all)", "elementor"), value: "transform", isDisabled: true },
-        { label: (0, import_i18n47.__)("Filter (all)", "elementor"), value: "filter", isDisabled: true }
+        { label: (0, import_i18n48.__)("Opacity", "elementor"), value: "opacity", isDisabled: true },
+        { label: (0, import_i18n48.__)("Transform (all)", "elementor"), value: "transform", isDisabled: true },
+        { label: (0, import_i18n48.__)("Filter (all)", "elementor"), value: "filter", isDisabled: true }
       ]
     }
   ];
@@ -5818,7 +5961,7 @@ var transitionsItemsList = transitionProperties.map((category) => ({
 }));
 
 // src/controls/transition-control/trainsition-events.ts
-var import_editor_elements5 = require("@elementor/editor-elements");
+var import_editor_elements4 = require("@elementor/editor-elements");
 var import_events = require("@elementor/events");
 var transitionRepeaterMixpanelEvent = {
   eventName: "click_added_transition",
@@ -5830,7 +5973,7 @@ function subscribeToTransitionEvent() {
   eventBus.subscribe("transition-item-added", (data) => {
     const payload = data;
     const value = payload?.itemValue?.selection?.value?.value?.value;
-    const selectedElements = (0, import_editor_elements5.getSelectedElements)();
+    const selectedElements = (0, import_editor_elements4.getSelectedElements)();
     const widgetType = selectedElements[0]?.type ?? null;
     (0, import_events.trackEvent)({
       transition_type: value ?? "unknown",
@@ -5841,13 +5984,13 @@ function subscribeToTransitionEvent() {
 }
 
 // src/controls/transition-control/transition-selector.tsx
-var React96 = __toESM(require("react"));
-var import_react50 = require("react");
-var import_editor_props48 = require("@elementor/editor-props");
+var React97 = __toESM(require("react"));
+var import_react49 = require("react");
+var import_editor_props49 = require("@elementor/editor-props");
 var import_editor_ui12 = require("@elementor/editor-ui");
-var import_icons31 = require("@elementor/icons");
-var import_ui82 = require("@elementor/ui");
-var import_i18n48 = require("@wordpress/i18n");
+var import_icons32 = require("@elementor/icons");
+var import_ui83 = require("@elementor/ui");
+var import_i18n49 = require("@wordpress/i18n");
 var toTransitionSelectorValue = (label) => {
   for (const category of transitionProperties) {
     const property = category.properties.find((prop) => prop.label === label);
@@ -5884,13 +6027,13 @@ var TransitionSelector = ({
   disabledItems = [],
   showPromotion = false
 }) => {
-  const { value, setValue } = useBoundProp(import_editor_props48.keyValuePropTypeUtil);
+  const { value, setValue } = useBoundProp(import_editor_props49.keyValuePropTypeUtil);
   const {
     key: { value: transitionLabel }
   } = value;
-  const defaultRef = (0, import_react50.useRef)(null);
-  const popoverState = (0, import_ui82.usePopupState)({ variant: "popover" });
-  const disabledCategories = (0, import_react50.useMemo)(() => {
+  const defaultRef = (0, import_react49.useRef)(null);
+  const popoverState = (0, import_ui83.usePopupState)({ variant: "popover" });
+  const disabledCategories = (0, import_react49.useMemo)(() => {
     return new Set(
       transitionProperties.filter((cat) => cat.properties.some((prop) => prop.isDisabled)).map((cat) => cat.label)
     );
@@ -5910,7 +6053,7 @@ var TransitionSelector = ({
     return [
       first,
       {
-        label: (0, import_i18n48.__)("Recently Used", "elementor"),
+        label: (0, import_i18n49.__)("Recently Used", "elementor"),
         items: recentItems
       },
       ...rest
@@ -5934,27 +6077,27 @@ var TransitionSelector = ({
       left: rect.right + 36
     };
   };
-  return /* @__PURE__ */ React96.createElement(import_ui82.Box, { ref: defaultRef }, /* @__PURE__ */ React96.createElement(ControlActions, null, /* @__PURE__ */ React96.createElement(
-    import_ui82.UnstableTag,
+  return /* @__PURE__ */ React97.createElement(import_ui83.Box, { ref: defaultRef }, /* @__PURE__ */ React97.createElement(ControlActions, null, /* @__PURE__ */ React97.createElement(
+    import_ui83.UnstableTag,
     {
       variant: "outlined",
       label: transitionLabel,
-      endIcon: /* @__PURE__ */ React96.createElement(import_icons31.ChevronDownIcon, { fontSize: "tiny" }),
-      ...(0, import_ui82.bindTrigger)(popoverState),
+      endIcon: /* @__PURE__ */ React97.createElement(import_icons32.ChevronDownIcon, { fontSize: "tiny" }),
+      ...(0, import_ui83.bindTrigger)(popoverState),
       fullWidth: true
     }
-  )), /* @__PURE__ */ React96.createElement(
-    import_ui82.Popover,
+  )), /* @__PURE__ */ React97.createElement(
+    import_ui83.Popover,
     {
       disablePortal: true,
       disableScrollLock: true,
-      ...(0, import_ui82.bindPopover)(popoverState),
+      ...(0, import_ui83.bindPopover)(popoverState),
       anchorReference: "anchorPosition",
       anchorPosition: getAnchorPosition(),
       anchorOrigin: { vertical: "top", horizontal: "right" },
       transformOrigin: { vertical: "top", horizontal: "left" }
     },
-    /* @__PURE__ */ React96.createElement(
+    /* @__PURE__ */ React97.createElement(
       ItemSelector,
       {
         itemsList: getItemList(),
@@ -5962,11 +6105,11 @@ var TransitionSelector = ({
         onItemChange: handleTransitionPropertyChange,
         onClose: popoverState.close,
         sectionWidth: 268,
-        title: (0, import_i18n48.__)("Transition Property", "elementor"),
-        icon: import_icons31.VariationsIcon,
+        title: (0, import_i18n49.__)("Transition Property", "elementor"),
+        icon: import_icons32.VariationsIcon,
         disabledItems: includeCurrentValueInOptions(value, disabledItems),
-        categoryItemContentTemplate: (item) => /* @__PURE__ */ React96.createElement(
-          import_ui82.Box,
+        categoryItemContentTemplate: (item) => /* @__PURE__ */ React97.createElement(
+          import_ui83.Box,
           {
             sx: {
               display: "flex",
@@ -5975,13 +6118,13 @@ var TransitionSelector = ({
               width: "100%"
             }
           },
-          /* @__PURE__ */ React96.createElement("span", null, item.value),
-          showPromotion && disabledCategories.has(item.value) && /* @__PURE__ */ React96.createElement(import_editor_ui12.PromotionChip, null)
+          /* @__PURE__ */ React97.createElement("span", null, item.value),
+          showPromotion && disabledCategories.has(item.value) && /* @__PURE__ */ React97.createElement(import_editor_ui12.PromotionChip, null)
         ),
-        footer: showPromotion ? /* @__PURE__ */ React96.createElement(
+        footer: showPromotion ? /* @__PURE__ */ React97.createElement(
           import_editor_ui12.PromotionAlert,
           {
-            message: (0, import_i18n48.__)(
+            message: (0, import_i18n49.__)(
               "Upgrade to customize transition properties and control effects.",
               "elementor"
             ),
@@ -5999,9 +6142,9 @@ var DURATION_CONFIG = {
   units: ["s", "ms"],
   defaultUnit: "ms"
 };
-var childArrayPropTypeUtil = (0, import_editor_props49.createArrayPropUtils)(
-  import_editor_props49.selectionSizePropTypeUtil.key,
-  import_editor_props49.selectionSizePropTypeUtil.schema,
+var childArrayPropTypeUtil = (0, import_editor_props50.createArrayPropUtils)(
+  import_editor_props50.selectionSizePropTypeUtil.key,
+  import_editor_props50.selectionSizePropTypeUtil.schema,
   "transition"
 );
 subscribeToTransitionEvent();
@@ -6016,8 +6159,8 @@ var areAllPropertiesUsed = (value = []) => {
 };
 var getSelectionSizeProps = (recentlyUsedList, disabledItems, showPromotion) => {
   return {
-    selectionLabel: (0, import_i18n49.__)("Type", "elementor"),
-    sizeLabel: (0, import_i18n49.__)("Duration", "elementor"),
+    selectionLabel: (0, import_i18n50.__)("Type", "elementor"),
+    sizeLabel: (0, import_i18n50.__)("Duration", "elementor"),
     selectionConfig: {
       component: TransitionSelector,
       props: {
@@ -6045,7 +6188,7 @@ var isItemDisabled = (item) => {
 };
 var getChildControlConfig = (recentlyUsedList, disabledItems, showPromotion) => {
   return {
-    propTypeUtil: import_editor_props49.selectionSizePropTypeUtil,
+    propTypeUtil: import_editor_props50.selectionSizePropTypeUtil,
     component: SelectionSizeControl,
     props: getSelectionSizeProps(recentlyUsedList, disabledItems, showPromotion),
     isItemDisabled
@@ -6093,18 +6236,18 @@ var getInitialValue = (values = []) => {
   }
   return initialTransitionValue;
 };
-var disableAddItemTooltipContent = /* @__PURE__ */ React97.createElement(
-  import_ui83.Alert,
+var disableAddItemTooltipContent = /* @__PURE__ */ React98.createElement(
+  import_ui84.Alert,
   {
     sx: {
       width: 280,
       gap: 0.5
     },
     color: "secondary",
-    icon: /* @__PURE__ */ React97.createElement(import_icons32.InfoCircleFilledIcon, null)
+    icon: /* @__PURE__ */ React98.createElement(import_icons33.InfoCircleFilledIcon, null)
   },
-  /* @__PURE__ */ React97.createElement(import_ui83.AlertTitle, null, (0, import_i18n49.__)("Transitions", "elementor")),
-  /* @__PURE__ */ React97.createElement(import_ui83.Box, { component: "span" }, /* @__PURE__ */ React97.createElement(import_ui83.Typography, { variant: "body2" }, (0, import_i18n49.__)("Switch to 'Normal' state to add a transition.", "elementor")))
+  /* @__PURE__ */ React98.createElement(import_ui84.AlertTitle, null, (0, import_i18n50.__)("Transitions", "elementor")),
+  /* @__PURE__ */ React98.createElement(import_ui84.Box, { component: "span" }, /* @__PURE__ */ React98.createElement(import_ui84.Typography, { variant: "body2" }, (0, import_i18n50.__)("Switch to 'Normal' state to add a transition.", "elementor")))
 );
 var TransitionRepeaterControl = createControl(
   ({
@@ -6112,20 +6255,20 @@ var TransitionRepeaterControl = createControl(
     currentStyleState
   }) => {
     const currentStyleIsNormal = currentStyleState === null;
-    const [recentlyUsedList, setRecentlyUsedList] = (0, import_react51.useState)([]);
+    const [recentlyUsedList, setRecentlyUsedList] = (0, import_react50.useState)([]);
     const { value, setValue } = useBoundProp(childArrayPropTypeUtil);
-    const { allDisabled: disabledItems, proDisabled: proDisabledItems } = (0, import_react51.useMemo)(
+    const { allDisabled: disabledItems, proDisabled: proDisabledItems } = (0, import_react50.useMemo)(
       () => getDisabledItemLabels(value),
       [value]
     );
-    const allowedTransitionSet = (0, import_react51.useMemo)(() => {
+    const allowedTransitionSet = (0, import_react50.useMemo)(() => {
       const set = /* @__PURE__ */ new Set();
       transitionProperties.forEach((category) => {
         category.properties.forEach((prop) => set.add(prop.value));
       });
       return set;
     }, []);
-    (0, import_react51.useEffect)(() => {
+    (0, import_react50.useEffect)(() => {
       if (!value || value.length === 0) {
         return;
       }
@@ -6137,18 +6280,18 @@ var TransitionRepeaterControl = createControl(
         setValue(sanitized);
       }
     }, [allowedTransitionSet]);
-    (0, import_react51.useEffect)(() => {
+    (0, import_react50.useEffect)(() => {
       recentlyUsedListGetter().then(setRecentlyUsedList);
     }, [recentlyUsedListGetter]);
-    const allPropertiesUsed = (0, import_react51.useMemo)(() => areAllPropertiesUsed(value), [value]);
+    const allPropertiesUsed = (0, import_react50.useMemo)(() => areAllPropertiesUsed(value), [value]);
     const isAddItemDisabled = !currentStyleIsNormal || allPropertiesUsed;
-    return /* @__PURE__ */ React97.createElement(
+    return /* @__PURE__ */ React98.createElement(
       RepeatableControl,
       {
-        label: (0, import_i18n49.__)("Transitions", "elementor"),
-        repeaterLabel: (0, import_i18n49.__)("Transitions", "elementor"),
+        label: (0, import_i18n50.__)("Transitions", "elementor"),
+        repeaterLabel: (0, import_i18n50.__)("Transitions", "elementor"),
         patternLabel: "${value.selection.value.key.value}: ${value.size.value.size}${value.size.value.unit}",
-        placeholder: (0, import_i18n49.__)("Empty Transition", "elementor"),
+        placeholder: (0, import_i18n50.__)("Empty Transition", "elementor"),
         showDuplicate: false,
         showToggle: true,
         initialValues: getInitialValue(value),
@@ -6169,19 +6312,19 @@ var TransitionRepeaterControl = createControl(
 );
 
 // src/controls/date-time-control.tsx
-var React98 = __toESM(require("react"));
+var React99 = __toESM(require("react"));
 var dayjs = __toESM(require("dayjs"));
-var import_editor_props50 = require("@elementor/editor-props");
 var import_editor_props51 = require("@elementor/editor-props");
-var import_ui84 = require("@elementor/ui");
+var import_editor_props52 = require("@elementor/editor-props");
+var import_ui85 = require("@elementor/ui");
 var DATE_FORMAT = "YYYY-MM-DD";
 var TIME_FORMAT = "HH:mm";
 var DateTimeControl = createControl(({ inputDisabled }) => {
-  const { value, setValue, ...propContext } = useBoundProp(import_editor_props51.DateTimePropTypeUtil);
+  const { value, setValue, ...propContext } = useBoundProp(import_editor_props52.DateTimePropTypeUtil);
   const handleChange = (newValue, meta) => {
     const field = meta.bind;
     const fieldValue = newValue[field];
-    if ((0, import_editor_props50.isTransformable)(fieldValue)) {
+    if ((0, import_editor_props51.isTransformable)(fieldValue)) {
       return setValue({ ...value, [field]: fieldValue });
     }
     let formattedValue = "";
@@ -6217,10 +6360,10 @@ var DateTimeControl = createControl(({ inputDisabled }) => {
     const base = dayjs.default();
     return base.hour(h).minute(m).second(0).millisecond(0);
   };
-  return /* @__PURE__ */ React98.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React98.createElement(ControlActions, null, /* @__PURE__ */ React98.createElement(import_ui84.LocalizationProvider, null, /* @__PURE__ */ React98.createElement(import_ui84.Box, { display: "flex", gap: 1, alignItems: "center" }, /* @__PURE__ */ React98.createElement(PropKeyProvider, { bind: "date" }, /* @__PURE__ */ React98.createElement(
-    import_ui84.DatePicker,
+  return /* @__PURE__ */ React99.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React99.createElement(ControlActions, null, /* @__PURE__ */ React99.createElement(import_ui85.LocalizationProvider, null, /* @__PURE__ */ React99.createElement(import_ui85.Box, { display: "flex", gap: 1, alignItems: "center" }, /* @__PURE__ */ React99.createElement(PropKeyProvider, { bind: "date" }, /* @__PURE__ */ React99.createElement(
+    import_ui85.DatePicker,
     {
-      value: parseDateValue(import_editor_props50.stringPropTypeUtil.extract(value?.date)),
+      value: parseDateValue(import_editor_props51.stringPropTypeUtil.extract(value?.date)),
       onChange: (v) => handleChange({ date: v }, { bind: "date" }),
       disabled: inputDisabled,
       slotProps: {
@@ -6229,10 +6372,10 @@ var DateTimeControl = createControl(({ inputDisabled }) => {
         openPickerIcon: { fontSize: "tiny" }
       }
     }
-  )), /* @__PURE__ */ React98.createElement(PropKeyProvider, { bind: "time" }, /* @__PURE__ */ React98.createElement(
-    import_ui84.TimePicker,
+  )), /* @__PURE__ */ React99.createElement(PropKeyProvider, { bind: "time" }, /* @__PURE__ */ React99.createElement(
+    import_ui85.TimePicker,
     {
-      value: parseTimeValue(import_editor_props50.stringPropTypeUtil.extract(value?.time)),
+      value: parseTimeValue(import_editor_props51.stringPropTypeUtil.extract(value?.time)),
       onChange: (v) => handleChange({ time: v }, { bind: "time" }),
       disabled: inputDisabled,
       slotProps: {
@@ -6245,16 +6388,16 @@ var DateTimeControl = createControl(({ inputDisabled }) => {
 });
 
 // src/controls/inline-editing-control.tsx
-var React100 = __toESM(require("react"));
-var import_react54 = require("react");
-var import_editor_props52 = require("@elementor/editor-props");
-var import_ui86 = require("@elementor/ui");
+var React101 = __toESM(require("react"));
+var import_react53 = require("react");
+var import_editor_props53 = require("@elementor/editor-props");
+var import_ui87 = require("@elementor/ui");
 var import_utils7 = require("@elementor/utils");
 
 // src/components/inline-editor.tsx
-var React99 = __toESM(require("react"));
-var import_react52 = require("react");
-var import_ui85 = require("@elementor/ui");
+var React100 = __toESM(require("react"));
+var import_react51 = require("react");
+var import_ui86 = require("@elementor/ui");
 var import_extension_bold = __toESM(require("@tiptap/extension-bold"));
 var import_extension_document = __toESM(require("@tiptap/extension-document"));
 var import_extension_hard_break = __toESM(require("@tiptap/extension-hard-break"));
@@ -6267,7 +6410,7 @@ var import_extension_subscript = __toESM(require("@tiptap/extension-subscript"))
 var import_extension_superscript = __toESM(require("@tiptap/extension-superscript"));
 var import_extension_text = __toESM(require("@tiptap/extension-text"));
 var import_extension_underline = __toESM(require("@tiptap/extension-underline"));
-var import_react53 = require("@tiptap/react");
+var import_react52 = require("@tiptap/react");
 
 // src/utils/inline-editing.ts
 function isEmpty(value = "") {
@@ -6283,7 +6426,7 @@ function isEmpty(value = "") {
 var ITALIC_KEYBOARD_SHORTCUT = "i";
 var BOLD_KEYBOARD_SHORTCUT = "b";
 var UNDERLINE_KEYBOARD_SHORTCUT = "u";
-var InlineEditor = React99.forwardRef((props, ref) => {
+var InlineEditor = React100.forwardRef((props, ref) => {
   const {
     value,
     setValue,
@@ -6297,7 +6440,7 @@ var InlineEditor = React99.forwardRef((props, ref) => {
     wrapperClassName,
     onSelectionEnd
   } = props;
-  const containerRef = (0, import_react52.useRef)(null);
+  const containerRef = (0, import_react51.useRef)(null);
   const documentContentSettings = !!expectedTag ? "block+" : "inline*";
   const onUpdate = ({ editor: updatedEditor }) => {
     const newValue = updatedEditor.getHTML();
@@ -6318,7 +6461,7 @@ var InlineEditor = React99.forwardRef((props, ref) => {
     ...HTMLAttributes,
     class: elementClasses
   });
-  const editor = (0, import_react53.useEditor)({
+  const editor = (0, import_react52.useEditor)({
     extensions: [
       import_extension_document.default.extend({
         content: documentContentSettings
@@ -6383,7 +6526,7 @@ var InlineEditor = React99.forwardRef((props, ref) => {
       editor.commands.setContent(value, { emitUpdate: false });
     }
   }, [editor, value]);
-  return /* @__PURE__ */ React99.createElement(React99.Fragment, null, /* @__PURE__ */ React99.createElement(
+  return /* @__PURE__ */ React100.createElement(React100.Fragment, null, /* @__PURE__ */ React100.createElement(
     Wrapper,
     {
       containerRef,
@@ -6392,13 +6535,13 @@ var InlineEditor = React99.forwardRef((props, ref) => {
       onBlur,
       className: wrapperClassName
     },
-    /* @__PURE__ */ React99.createElement(import_react53.EditorContent, { ref, editor })
+    /* @__PURE__ */ React100.createElement(import_react52.EditorContent, { ref, editor })
   ));
 });
 var Wrapper = ({ children, containerRef, editor, sx, onBlur, className }) => {
-  const wrappedChildren = /* @__PURE__ */ React99.createElement(import_ui85.Box, { ref: containerRef, ...sx, className }, children);
-  return onBlur ? /* @__PURE__ */ React99.createElement(
-    import_ui85.ClickAwayListener,
+  const wrappedChildren = /* @__PURE__ */ React100.createElement(import_ui86.Box, { ref: containerRef, ...sx, className }, children);
+  return onBlur ? /* @__PURE__ */ React100.createElement(
+    import_ui86.ClickAwayListener,
     {
       onClickAway: (event) => {
         if (containerRef.current?.contains(event.target) || editor.view.dom.contains(event.target)) {
@@ -6408,11 +6551,11 @@ var Wrapper = ({ children, containerRef, editor, sx, onBlur, className }) => {
       }
     },
     wrappedChildren
-  ) : /* @__PURE__ */ React99.createElement(React99.Fragment, null, wrappedChildren);
+  ) : /* @__PURE__ */ React100.createElement(React100.Fragment, null, wrappedChildren);
 };
 var useOnUpdate = (callback, dependencies) => {
-  const hasMounted = (0, import_react52.useRef)(false);
-  (0, import_react52.useEffect)(() => {
+  const hasMounted = (0, import_react51.useRef)(false);
+  (0, import_react51.useEffect)(() => {
     if (hasMounted.current) {
       callback();
     } else {
@@ -6429,32 +6572,32 @@ var InlineEditingControl = createControl(
     attributes,
     props
   }) => {
-    const { value, setValue } = useBoundProp(import_editor_props52.htmlV3PropTypeUtil);
-    const content = import_editor_props52.stringPropTypeUtil.extract(value?.content ?? null) ?? "";
-    const debouncedParse = (0, import_react54.useMemo)(
+    const { value, setValue } = useBoundProp(import_editor_props53.htmlV3PropTypeUtil);
+    const content = import_editor_props53.stringPropTypeUtil.extract(value?.content ?? null) ?? "";
+    const debouncedParse = (0, import_react53.useMemo)(
       () => (0, import_utils7.debounce)((html) => {
-        const parsed = (0, import_editor_props52.parseHtmlChildren)(html);
+        const parsed = (0, import_editor_props53.parseHtmlChildren)(html);
         setValue({
-          content: parsed.content ? import_editor_props52.stringPropTypeUtil.create(parsed.content) : null,
+          content: parsed.content ? import_editor_props53.stringPropTypeUtil.create(parsed.content) : null,
           children: parsed.children
         });
       }, CHILDREN_PARSE_DEBOUNCE_MS),
       [setValue]
     );
-    const handleChange = (0, import_react54.useCallback)(
+    const handleChange = (0, import_react53.useCallback)(
       (newValue) => {
         const html = newValue ?? "";
         setValue({
-          content: html ? import_editor_props52.stringPropTypeUtil.create(html) : null,
+          content: html ? import_editor_props53.stringPropTypeUtil.create(html) : null,
           children: value?.children ?? []
         });
         debouncedParse(html);
       },
       [setValue, value?.children, debouncedParse]
     );
-    (0, import_react54.useEffect)(() => () => debouncedParse.cancel(), [debouncedParse]);
-    return /* @__PURE__ */ React100.createElement(ControlActions, null, /* @__PURE__ */ React100.createElement(
-      import_ui86.Box,
+    (0, import_react53.useEffect)(() => () => debouncedParse.cancel(), [debouncedParse]);
+    return /* @__PURE__ */ React101.createElement(ControlActions, null, /* @__PURE__ */ React101.createElement(
+      import_ui87.Box,
       {
         sx: {
           p: 0.8,
@@ -6491,111 +6634,111 @@ var InlineEditingControl = createControl(
         ...attributes,
         ...props
       },
-      /* @__PURE__ */ React100.createElement(InlineEditor, { value: content, setValue: handleChange })
+      /* @__PURE__ */ React101.createElement(InlineEditor, { value: content, setValue: handleChange })
     ));
   }
 );
 
 // src/controls/email-form-action-control.tsx
-var React101 = __toESM(require("react"));
-var import_editor_props53 = require("@elementor/editor-props");
+var React102 = __toESM(require("react"));
+var import_editor_props54 = require("@elementor/editor-props");
 var import_editor_ui13 = require("@elementor/editor-ui");
-var import_ui87 = require("@elementor/ui");
-var import_i18n50 = require("@wordpress/i18n");
-var EmailField = ({ bind, label, placeholder }) => /* @__PURE__ */ React101.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React101.createElement(import_ui87.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React101.createElement(import_ui87.Grid, { item: true }, /* @__PURE__ */ React101.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React101.createElement(import_ui87.Grid, { item: true }, /* @__PURE__ */ React101.createElement(TextControl, { placeholder }))));
-var SendToField = () => /* @__PURE__ */ React101.createElement(
+var import_ui88 = require("@elementor/ui");
+var import_i18n51 = require("@wordpress/i18n");
+var EmailField = ({ bind, label, placeholder }) => /* @__PURE__ */ React102.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React102.createElement(import_ui88.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React102.createElement(import_ui88.Grid, { item: true }, /* @__PURE__ */ React102.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React102.createElement(import_ui88.Grid, { item: true }, /* @__PURE__ */ React102.createElement(TextControl, { placeholder }))));
+var SendToField = () => /* @__PURE__ */ React102.createElement(
   EmailField,
   {
     bind: "to",
-    label: (0, import_i18n50.__)("Send To", "elementor"),
-    placeholder: (0, import_i18n50.__)("Where should we send new submissions?", "elementor")
+    label: (0, import_i18n51.__)("Send To", "elementor"),
+    placeholder: (0, import_i18n51.__)("Where should we send new submissions?", "elementor")
   }
 );
-var SubjectField = () => /* @__PURE__ */ React101.createElement(
+var SubjectField = () => /* @__PURE__ */ React102.createElement(
   EmailField,
   {
     bind: "subject",
-    label: (0, import_i18n50.__)("Email Subject", "elementor"),
-    placeholder: (0, import_i18n50.__)("New form submission", "elementor")
+    label: (0, import_i18n51.__)("Email Subject", "elementor"),
+    placeholder: (0, import_i18n51.__)("New form submission", "elementor")
   }
 );
-var MessageField = () => /* @__PURE__ */ React101.createElement(PropKeyProvider, { bind: "message" }, /* @__PURE__ */ React101.createElement(import_ui87.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React101.createElement(import_ui87.Grid, { item: true }, /* @__PURE__ */ React101.createElement(ControlFormLabel, null, (0, import_i18n50.__)("Message", "elementor"))), /* @__PURE__ */ React101.createElement(import_ui87.Grid, { item: true }, /* @__PURE__ */ React101.createElement(
+var MessageField = () => /* @__PURE__ */ React102.createElement(PropKeyProvider, { bind: "message" }, /* @__PURE__ */ React102.createElement(import_ui88.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React102.createElement(import_ui88.Grid, { item: true }, /* @__PURE__ */ React102.createElement(ControlFormLabel, null, (0, import_i18n51.__)("Message", "elementor"))), /* @__PURE__ */ React102.createElement(import_ui88.Grid, { item: true }, /* @__PURE__ */ React102.createElement(
   TextAreaControl,
   {
-    placeholder: (0, import_i18n50.__)(
+    placeholder: (0, import_i18n51.__)(
       "By default, all form fields are sent via [all-fields] shortcode.",
       "elementor"
     )
   }
 ))));
-var FromEmailField = () => /* @__PURE__ */ React101.createElement(
+var FromEmailField = () => /* @__PURE__ */ React102.createElement(
   EmailField,
   {
     bind: "from",
-    label: (0, import_i18n50.__)("From email", "elementor"),
-    placeholder: (0, import_i18n50.__)("What email address should appear as the sender?", "elementor")
+    label: (0, import_i18n51.__)("From email", "elementor"),
+    placeholder: (0, import_i18n51.__)("What email address should appear as the sender?", "elementor")
   }
 );
-var FromNameField = () => /* @__PURE__ */ React101.createElement(
+var FromNameField = () => /* @__PURE__ */ React102.createElement(
   EmailField,
   {
     bind: "from-name",
-    label: (0, import_i18n50.__)("From name", "elementor"),
-    placeholder: (0, import_i18n50.__)("What name should appear as the sender?", "elementor")
+    label: (0, import_i18n51.__)("From name", "elementor"),
+    placeholder: (0, import_i18n51.__)("What name should appear as the sender?", "elementor")
   }
 );
-var ReplyToField = () => /* @__PURE__ */ React101.createElement(EmailField, { bind: "reply-to", label: (0, import_i18n50.__)("Reply-to", "elementor") });
-var CcField = () => /* @__PURE__ */ React101.createElement(EmailField, { bind: "cc", label: (0, import_i18n50.__)("Cc", "elementor") });
-var BccField = () => /* @__PURE__ */ React101.createElement(EmailField, { bind: "bcc", label: (0, import_i18n50.__)("Bcc", "elementor") });
-var MetaDataField = () => /* @__PURE__ */ React101.createElement(PropKeyProvider, { bind: "meta-data" }, /* @__PURE__ */ React101.createElement(import_ui87.Stack, { gap: 0.5 }, /* @__PURE__ */ React101.createElement(ControlLabel, null, (0, import_i18n50.__)("Meta data", "elementor")), /* @__PURE__ */ React101.createElement(
+var ReplyToField = () => /* @__PURE__ */ React102.createElement(EmailField, { bind: "reply-to", label: (0, import_i18n51.__)("Reply-to", "elementor") });
+var CcField = () => /* @__PURE__ */ React102.createElement(EmailField, { bind: "cc", label: (0, import_i18n51.__)("Cc", "elementor") });
+var BccField = () => /* @__PURE__ */ React102.createElement(EmailField, { bind: "bcc", label: (0, import_i18n51.__)("Bcc", "elementor") });
+var MetaDataField = () => /* @__PURE__ */ React102.createElement(PropKeyProvider, { bind: "meta-data" }, /* @__PURE__ */ React102.createElement(import_ui88.Stack, { gap: 0.5 }, /* @__PURE__ */ React102.createElement(ControlLabel, null, (0, import_i18n51.__)("Meta data", "elementor")), /* @__PURE__ */ React102.createElement(
   ChipsControl,
   {
     options: [
-      { label: (0, import_i18n50.__)("Date", "elementor"), value: "date" },
-      { label: (0, import_i18n50.__)("Time", "elementor"), value: "time" },
-      { label: (0, import_i18n50.__)("Page URL", "elementor"), value: "page-url" },
-      { label: (0, import_i18n50.__)("User agent", "elementor"), value: "user-agent" },
-      { label: (0, import_i18n50.__)("Credit", "elementor"), value: "credit" }
+      { label: (0, import_i18n51.__)("Date", "elementor"), value: "date" },
+      { label: (0, import_i18n51.__)("Time", "elementor"), value: "time" },
+      { label: (0, import_i18n51.__)("Page URL", "elementor"), value: "page-url" },
+      { label: (0, import_i18n51.__)("User agent", "elementor"), value: "user-agent" },
+      { label: (0, import_i18n51.__)("Credit", "elementor"), value: "credit" }
     ]
   }
 )));
-var SendAsField = () => /* @__PURE__ */ React101.createElement(PropKeyProvider, { bind: "send-as" }, /* @__PURE__ */ React101.createElement(import_ui87.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React101.createElement(import_ui87.Grid, { item: true }, /* @__PURE__ */ React101.createElement(ControlFormLabel, null, (0, import_i18n50.__)("Send as", "elementor"))), /* @__PURE__ */ React101.createElement(import_ui87.Grid, { item: true }, /* @__PURE__ */ React101.createElement(
+var SendAsField = () => /* @__PURE__ */ React102.createElement(PropKeyProvider, { bind: "send-as" }, /* @__PURE__ */ React102.createElement(import_ui88.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React102.createElement(import_ui88.Grid, { item: true }, /* @__PURE__ */ React102.createElement(ControlFormLabel, null, (0, import_i18n51.__)("Send as", "elementor"))), /* @__PURE__ */ React102.createElement(import_ui88.Grid, { item: true }, /* @__PURE__ */ React102.createElement(
   SelectControl,
   {
     options: [
-      { label: (0, import_i18n50.__)("HTML", "elementor"), value: "html" },
-      { label: (0, import_i18n50.__)("Plain Text", "elementor"), value: "plain" }
+      { label: (0, import_i18n51.__)("HTML", "elementor"), value: "html" },
+      { label: (0, import_i18n51.__)("Plain Text", "elementor"), value: "plain" }
     ]
   }
 ))));
-var AdvancedSettings = () => /* @__PURE__ */ React101.createElement(import_editor_ui13.CollapsibleContent, { defaultOpen: false }, /* @__PURE__ */ React101.createElement(import_ui87.Box, { sx: { pt: 2 } }, /* @__PURE__ */ React101.createElement(import_ui87.Stack, { gap: 2 }, /* @__PURE__ */ React101.createElement(FromNameField, null), /* @__PURE__ */ React101.createElement(ReplyToField, null), /* @__PURE__ */ React101.createElement(CcField, null), /* @__PURE__ */ React101.createElement(BccField, null), /* @__PURE__ */ React101.createElement(import_ui87.Divider, null), /* @__PURE__ */ React101.createElement(MetaDataField, null), /* @__PURE__ */ React101.createElement(SendAsField, null))));
+var AdvancedSettings = () => /* @__PURE__ */ React102.createElement(import_editor_ui13.CollapsibleContent, { defaultOpen: false }, /* @__PURE__ */ React102.createElement(import_ui88.Box, { sx: { pt: 2 } }, /* @__PURE__ */ React102.createElement(import_ui88.Stack, { gap: 2 }, /* @__PURE__ */ React102.createElement(FromNameField, null), /* @__PURE__ */ React102.createElement(ReplyToField, null), /* @__PURE__ */ React102.createElement(CcField, null), /* @__PURE__ */ React102.createElement(BccField, null), /* @__PURE__ */ React102.createElement(import_ui88.Divider, null), /* @__PURE__ */ React102.createElement(MetaDataField, null), /* @__PURE__ */ React102.createElement(SendAsField, null))));
 var EmailFormActionControl = createControl(() => {
-  const { value, setValue, ...propContext } = useBoundProp(import_editor_props53.emailPropTypeUtil);
-  return /* @__PURE__ */ React101.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React101.createElement(import_ui87.Stack, { gap: 2 }, /* @__PURE__ */ React101.createElement(ControlFormLabel, null, (0, import_i18n50.__)("Email settings", "elementor")), /* @__PURE__ */ React101.createElement(SendToField, null), /* @__PURE__ */ React101.createElement(SubjectField, null), /* @__PURE__ */ React101.createElement(MessageField, null), /* @__PURE__ */ React101.createElement(FromEmailField, null), /* @__PURE__ */ React101.createElement(AdvancedSettings, null)));
+  const { value, setValue, ...propContext } = useBoundProp(import_editor_props54.emailPropTypeUtil);
+  return /* @__PURE__ */ React102.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React102.createElement(import_ui88.Stack, { gap: 2 }, /* @__PURE__ */ React102.createElement(ControlFormLabel, null, (0, import_i18n51.__)("Email settings", "elementor")), /* @__PURE__ */ React102.createElement(SendToField, null), /* @__PURE__ */ React102.createElement(SubjectField, null), /* @__PURE__ */ React102.createElement(MessageField, null), /* @__PURE__ */ React102.createElement(FromEmailField, null), /* @__PURE__ */ React102.createElement(AdvancedSettings, null)));
 });
 
 // src/components/promotions/display-conditions-control.tsx
-var React103 = __toESM(require("react"));
-var import_react56 = require("react");
-var import_icons33 = require("@elementor/icons");
-var import_ui89 = require("@elementor/ui");
-var import_i18n51 = require("@wordpress/i18n");
+var React104 = __toESM(require("react"));
+var import_react55 = require("react");
+var import_icons34 = require("@elementor/icons");
+var import_ui90 = require("@elementor/ui");
+var import_i18n52 = require("@wordpress/i18n");
 
 // src/components/promotions/promotion-trigger.tsx
-var React102 = __toESM(require("react"));
-var import_react55 = require("react");
+var React103 = __toESM(require("react"));
+var import_react54 = require("react");
 var import_editor_ui14 = require("@elementor/editor-ui");
-var import_ui88 = require("@elementor/ui");
+var import_ui89 = require("@elementor/ui");
 function getV4Promotion(key) {
   return window.elementor?.config?.v4Promotions?.[key];
 }
-var PromotionTrigger = (0, import_react55.forwardRef)(
+var PromotionTrigger = (0, import_react54.forwardRef)(
   ({ promotionKey, children }, ref) => {
-    const [isOpen, setIsOpen] = (0, import_react55.useState)(false);
+    const [isOpen, setIsOpen] = (0, import_react54.useState)(false);
     const promotion = getV4Promotion(promotionKey);
     const toggle = () => setIsOpen((prev) => !prev);
-    (0, import_react55.useImperativeHandle)(ref, () => ({ toggle }), []);
-    return /* @__PURE__ */ React102.createElement(React102.Fragment, null, promotion && /* @__PURE__ */ React102.createElement(
+    (0, import_react54.useImperativeHandle)(ref, () => ({ toggle }), []);
+    return /* @__PURE__ */ React103.createElement(React103.Fragment, null, promotion && /* @__PURE__ */ React103.createElement(
       import_editor_ui14.PromotionInfotip,
       {
         title: promotion.title,
@@ -6608,8 +6751,8 @@ var PromotionTrigger = (0, import_react55.forwardRef)(
           setIsOpen(false);
         }
       },
-      /* @__PURE__ */ React102.createElement(
-        import_ui88.Box,
+      /* @__PURE__ */ React103.createElement(
+        import_ui89.Box,
         {
           onClick: (e) => {
             e.stopPropagation();
@@ -6617,18 +6760,18 @@ var PromotionTrigger = (0, import_react55.forwardRef)(
           },
           sx: { cursor: "pointer", display: "inline-flex" }
         },
-        children ?? /* @__PURE__ */ React102.createElement(import_editor_ui14.PromotionChip, null)
+        children ?? /* @__PURE__ */ React103.createElement(import_editor_ui14.PromotionChip, null)
       )
     ));
   }
 );
 
 // src/components/promotions/display-conditions-control.tsx
-var ARIA_LABEL = (0, import_i18n51.__)("Display Conditions", "elementor");
+var ARIA_LABEL = (0, import_i18n52.__)("Display Conditions", "elementor");
 var DisplayConditionsControl = createControl(() => {
-  const triggerRef = (0, import_react56.useRef)(null);
-  return /* @__PURE__ */ React103.createElement(
-    import_ui89.Stack,
+  const triggerRef = (0, import_react55.useRef)(null);
+  return /* @__PURE__ */ React104.createElement(
+    import_ui90.Stack,
     {
       direction: "row",
       spacing: 2,
@@ -6637,9 +6780,9 @@ var DisplayConditionsControl = createControl(() => {
         alignItems: "center"
       }
     },
-    /* @__PURE__ */ React103.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "displayConditions" }),
-    /* @__PURE__ */ React103.createElement(import_ui89.Tooltip, { title: ARIA_LABEL, placement: "top" }, /* @__PURE__ */ React103.createElement(
-      import_ui89.IconButton,
+    /* @__PURE__ */ React104.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "displayConditions" }),
+    /* @__PURE__ */ React104.createElement(import_ui90.Tooltip, { title: ARIA_LABEL, placement: "top" }, /* @__PURE__ */ React104.createElement(
+      import_ui90.IconButton,
       {
         size: "tiny",
         "aria-label": ARIA_LABEL,
@@ -6651,22 +6794,22 @@ var DisplayConditionsControl = createControl(() => {
           borderRadius: 1
         }
       },
-      /* @__PURE__ */ React103.createElement(import_icons33.SitemapIcon, { fontSize: "tiny", color: "disabled" })
+      /* @__PURE__ */ React104.createElement(import_icons34.SitemapIcon, { fontSize: "tiny", color: "disabled" })
     ))
   );
 });
 
 // src/components/promotions/attributes-control.tsx
-var React104 = __toESM(require("react"));
-var import_react57 = require("react");
-var import_icons34 = require("@elementor/icons");
-var import_ui90 = require("@elementor/ui");
-var import_i18n52 = require("@wordpress/i18n");
-var ARIA_LABEL2 = (0, import_i18n52.__)("Attributes", "elementor");
+var React105 = __toESM(require("react"));
+var import_react56 = require("react");
+var import_icons35 = require("@elementor/icons");
+var import_ui91 = require("@elementor/ui");
+var import_i18n53 = require("@wordpress/i18n");
+var ARIA_LABEL2 = (0, import_i18n53.__)("Attributes", "elementor");
 var AttributesControl = createControl(() => {
-  const triggerRef = (0, import_react57.useRef)(null);
-  return /* @__PURE__ */ React104.createElement(
-    import_ui90.Stack,
+  const triggerRef = (0, import_react56.useRef)(null);
+  return /* @__PURE__ */ React105.createElement(
+    import_ui91.Stack,
     {
       direction: "row",
       spacing: 2,
@@ -6675,9 +6818,9 @@ var AttributesControl = createControl(() => {
         alignItems: "center"
       }
     },
-    /* @__PURE__ */ React104.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "attributes" }),
-    /* @__PURE__ */ React104.createElement(import_ui90.Tooltip, { title: ARIA_LABEL2, placement: "top" }, /* @__PURE__ */ React104.createElement(
-      import_icons34.PlusIcon,
+    /* @__PURE__ */ React105.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "attributes" }),
+    /* @__PURE__ */ React105.createElement(import_ui91.Tooltip, { title: ARIA_LABEL2, placement: "top" }, /* @__PURE__ */ React105.createElement(
+      import_icons35.PlusIcon,
       {
         "aria-label": ARIA_LABEL2,
         fontSize: "tiny",
@@ -6690,21 +6833,21 @@ var AttributesControl = createControl(() => {
 });
 
 // src/components/icon-buttons/clear-icon-button.tsx
-var React105 = __toESM(require("react"));
-var import_icons35 = require("@elementor/icons");
-var import_ui91 = require("@elementor/ui");
-var CustomIconButton = (0, import_ui91.styled)(import_ui91.IconButton)(({ theme }) => ({
+var React106 = __toESM(require("react"));
+var import_icons36 = require("@elementor/icons");
+var import_ui92 = require("@elementor/ui");
+var CustomIconButton = (0, import_ui92.styled)(import_ui92.IconButton)(({ theme }) => ({
   width: theme.spacing(2.5),
   height: theme.spacing(2.5)
 }));
-var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /* @__PURE__ */ React105.createElement(import_ui91.Tooltip, { title: tooltipText, placement: "top", disableInteractive: true }, /* @__PURE__ */ React105.createElement(CustomIconButton, { "aria-label": tooltipText, size, onClick, disabled }, /* @__PURE__ */ React105.createElement(import_icons35.BrushBigIcon, { fontSize: size })));
+var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /* @__PURE__ */ React106.createElement(import_ui92.Tooltip, { title: tooltipText, placement: "top", disableInteractive: true }, /* @__PURE__ */ React106.createElement(CustomIconButton, { "aria-label": tooltipText, size, onClick, disabled }, /* @__PURE__ */ React106.createElement(import_icons36.BrushBigIcon, { fontSize: size })));
 
 // src/components/repeater/repeater.tsx
-var React106 = __toESM(require("react"));
-var import_react58 = require("react");
-var import_icons36 = require("@elementor/icons");
-var import_ui92 = require("@elementor/ui");
-var import_i18n53 = require("@wordpress/i18n");
+var React107 = __toESM(require("react"));
+var import_react57 = require("react");
+var import_icons37 = require("@elementor/icons");
+var import_ui93 = require("@elementor/ui");
+var import_i18n54 = require("@wordpress/i18n");
 var SIZE10 = "tiny";
 var EMPTY_OPEN_ITEM2 = -1;
 var Repeater3 = ({
@@ -6722,7 +6865,7 @@ var Repeater3 = ({
   openItem: initialOpenItem = EMPTY_OPEN_ITEM2,
   isSortable = true
 }) => {
-  const [openItem, setOpenItem] = (0, import_react58.useState)(initialOpenItem);
+  const [openItem, setOpenItem] = (0, import_react57.useState)(initialOpenItem);
   const uniqueKeys = items2.map(
     (item, index) => isSortable && "getId" in itemSettings ? itemSettings.getId({ item, index }) : String(index)
   );
@@ -6785,8 +6928,8 @@ var Repeater3 = ({
   };
   const isButtonDisabled = disabled || disableAddItemButton;
   const shouldShowInfotip = isButtonDisabled && addButtonInfotipContent;
-  const addButton = /* @__PURE__ */ React106.createElement(
-    import_ui92.IconButton,
+  const addButton = /* @__PURE__ */ React107.createElement(
+    import_ui93.IconButton,
     {
       size: SIZE10,
       sx: {
@@ -6794,32 +6937,32 @@ var Repeater3 = ({
       },
       disabled: isButtonDisabled,
       onClick: addRepeaterItem,
-      "aria-label": (0, import_i18n53.__)("Add item", "elementor")
+      "aria-label": (0, import_i18n54.__)("Add item", "elementor")
     },
-    /* @__PURE__ */ React106.createElement(import_icons36.PlusIcon, { fontSize: SIZE10 })
+    /* @__PURE__ */ React107.createElement(import_icons37.PlusIcon, { fontSize: SIZE10 })
   );
-  return /* @__PURE__ */ React106.createElement(SectionContent, { gap: 2 }, /* @__PURE__ */ React106.createElement(RepeaterHeader, { label, adornment: ControlAdornments }, shouldShowInfotip ? /* @__PURE__ */ React106.createElement(
-    import_ui92.Infotip,
+  return /* @__PURE__ */ React107.createElement(SectionContent, { gap: 2 }, /* @__PURE__ */ React107.createElement(RepeaterHeader, { label, adornment: ControlAdornments }, shouldShowInfotip ? /* @__PURE__ */ React107.createElement(
+    import_ui93.Infotip,
     {
       placement: "right",
       content: addButtonInfotipContent,
       color: "secondary",
       slotProps: { popper: { sx: { width: 300 } } }
     },
-    /* @__PURE__ */ React106.createElement(import_ui92.Box, { sx: { ...isButtonDisabled ? { cursor: "not-allowed" } : {} } }, addButton)
-  ) : addButton), 0 < uniqueKeys.length && /* @__PURE__ */ React106.createElement(SortableProvider, { value: uniqueKeys, onChange: onChangeOrder }, uniqueKeys.map((key) => {
+    /* @__PURE__ */ React107.createElement(import_ui93.Box, { sx: { ...isButtonDisabled ? { cursor: "not-allowed" } : {} } }, addButton)
+  ) : addButton), 0 < uniqueKeys.length && /* @__PURE__ */ React107.createElement(SortableProvider, { value: uniqueKeys, onChange: onChangeOrder }, uniqueKeys.map((key) => {
     const index = uniqueKeys.indexOf(key);
     const value = items2[index];
     if (!value) {
       return null;
     }
-    return /* @__PURE__ */ React106.createElement(SortableItem, { id: key, key: `sortable-${key}`, disabled: !isSortable }, /* @__PURE__ */ React106.createElement(
+    return /* @__PURE__ */ React107.createElement(SortableItem, { id: key, key: `sortable-${key}`, disabled: !isSortable }, /* @__PURE__ */ React107.createElement(
       RepeaterItem,
       {
         disabled,
         propDisabled: value?.disabled,
-        label: /* @__PURE__ */ React106.createElement(RepeaterItemLabelSlot, { value }, /* @__PURE__ */ React106.createElement(itemSettings.Label, { value, index })),
-        startIcon: /* @__PURE__ */ React106.createElement(RepeaterItemIconSlot, { value }, /* @__PURE__ */ React106.createElement(itemSettings.Icon, { value })),
+        label: /* @__PURE__ */ React107.createElement(RepeaterItemLabelSlot, { value }, /* @__PURE__ */ React107.createElement(itemSettings.Label, { value, index })),
+        startIcon: /* @__PURE__ */ React107.createElement(RepeaterItemIconSlot, { value }, /* @__PURE__ */ React107.createElement(itemSettings.Icon, { value })),
         removeItem: () => removeRepeaterItem(index),
         duplicateItem: () => duplicateRepeaterItem(index),
         toggleDisableItem: () => toggleDisableRepeaterItem(index),
@@ -6831,7 +6974,7 @@ var Repeater3 = ({
         actions: itemSettings.actions,
         value
       },
-      (props) => /* @__PURE__ */ React106.createElement(
+      (props) => /* @__PURE__ */ React107.createElement(
         itemSettings.Content,
         {
           ...props,
@@ -6861,27 +7004,27 @@ var RepeaterItem = ({
   value
 }) => {
   const { popoverState, popoverProps, ref, setRef } = usePopover(openOnMount, onOpen);
-  const duplicateLabel = (0, import_i18n53.__)("Duplicate", "elementor");
-  const toggleLabel = propDisabled ? (0, import_i18n53.__)("Show", "elementor") : (0, import_i18n53.__)("Hide", "elementor");
-  const removeLabel = (0, import_i18n53.__)("Remove", "elementor");
-  return /* @__PURE__ */ React106.createElement(React106.Fragment, null, /* @__PURE__ */ React106.createElement(
+  const duplicateLabel = (0, import_i18n54.__)("Duplicate", "elementor");
+  const toggleLabel = propDisabled ? (0, import_i18n54.__)("Show", "elementor") : (0, import_i18n54.__)("Hide", "elementor");
+  const removeLabel = (0, import_i18n54.__)("Remove", "elementor");
+  return /* @__PURE__ */ React107.createElement(React107.Fragment, null, /* @__PURE__ */ React107.createElement(
     RepeaterTag,
     {
       disabled,
       label,
       ref: setRef,
-      "aria-label": (0, import_i18n53.__)("Open item", "elementor"),
-      ...(0, import_ui92.bindTrigger)(popoverState),
+      "aria-label": (0, import_i18n54.__)("Open item", "elementor"),
+      ...(0, import_ui93.bindTrigger)(popoverState),
       startIcon,
-      actions: /* @__PURE__ */ React106.createElement(React106.Fragment, null, showDuplicate && /* @__PURE__ */ React106.createElement(import_ui92.Tooltip, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React106.createElement(import_ui92.IconButton, { size: SIZE10, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React106.createElement(import_icons36.CopyIcon, { fontSize: SIZE10 }))), showToggle && /* @__PURE__ */ React106.createElement(import_ui92.Tooltip, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React106.createElement(import_ui92.IconButton, { size: SIZE10, onClick: toggleDisableItem, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React106.createElement(import_icons36.EyeOffIcon, { fontSize: SIZE10 }) : /* @__PURE__ */ React106.createElement(import_icons36.EyeIcon, { fontSize: SIZE10 }))), actions?.(value), showRemove && /* @__PURE__ */ React106.createElement(import_ui92.Tooltip, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React106.createElement(import_ui92.IconButton, { size: SIZE10, onClick: removeItem, "aria-label": removeLabel }, /* @__PURE__ */ React106.createElement(import_icons36.XIcon, { fontSize: SIZE10 }))))
+      actions: /* @__PURE__ */ React107.createElement(React107.Fragment, null, showDuplicate && /* @__PURE__ */ React107.createElement(import_ui93.Tooltip, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React107.createElement(import_ui93.IconButton, { size: SIZE10, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React107.createElement(import_icons37.CopyIcon, { fontSize: SIZE10 }))), showToggle && /* @__PURE__ */ React107.createElement(import_ui93.Tooltip, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React107.createElement(import_ui93.IconButton, { size: SIZE10, onClick: toggleDisableItem, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React107.createElement(import_icons37.EyeOffIcon, { fontSize: SIZE10 }) : /* @__PURE__ */ React107.createElement(import_icons37.EyeIcon, { fontSize: SIZE10 }))), actions?.(value), showRemove && /* @__PURE__ */ React107.createElement(import_ui93.Tooltip, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React107.createElement(import_ui93.IconButton, { size: SIZE10, onClick: removeItem, "aria-label": removeLabel }, /* @__PURE__ */ React107.createElement(import_icons37.XIcon, { fontSize: SIZE10 }))))
     }
-  ), /* @__PURE__ */ React106.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React106.createElement(import_ui92.Box, null, children({ anchorEl: ref }))));
+  ), /* @__PURE__ */ React107.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React107.createElement(import_ui93.Box, null, children({ anchorEl: ref }))));
 };
 var usePopover = (openOnMount, onOpen) => {
-  const [ref, setRef] = (0, import_react58.useState)(null);
-  const popoverState = (0, import_ui92.usePopupState)({ variant: "popover" });
-  const popoverProps = (0, import_ui92.bindPopover)(popoverState);
-  (0, import_react58.useEffect)(() => {
+  const [ref, setRef] = (0, import_react57.useState)(null);
+  const popoverState = (0, import_ui93.usePopupState)({ variant: "popover" });
+  const popoverProps = (0, import_ui93.bindPopover)(popoverState);
+  (0, import_react57.useEffect)(() => {
     if (openOnMount && ref) {
       popoverState.open(ref);
       onOpen?.();
@@ -6896,20 +7039,20 @@ var usePopover = (openOnMount, onOpen) => {
 };
 
 // src/components/inline-editor-toolbar.tsx
+var React109 = __toESM(require("react"));
+var import_react59 = require("react");
+var import_editor_elements5 = require("@elementor/editor-elements");
+var import_icons39 = require("@elementor/icons");
+var import_ui95 = require("@elementor/ui");
+var import_react60 = require("@tiptap/react");
+var import_i18n56 = require("@wordpress/i18n");
+
+// src/components/url-popover.tsx
 var React108 = __toESM(require("react"));
-var import_react60 = require("react");
-var import_editor_elements6 = require("@elementor/editor-elements");
+var import_react58 = require("react");
 var import_icons38 = require("@elementor/icons");
 var import_ui94 = require("@elementor/ui");
-var import_react61 = require("@tiptap/react");
 var import_i18n55 = require("@wordpress/i18n");
-
-// src/components/url-popover.tsx
-var React107 = __toESM(require("react"));
-var import_react59 = require("react");
-var import_icons37 = require("@elementor/icons");
-var import_ui93 = require("@elementor/ui");
-var import_i18n54 = require("@wordpress/i18n");
 var UrlPopover = ({
   popupState,
   restoreValue,
@@ -6919,8 +7062,8 @@ var UrlPopover = ({
   openInNewTab,
   onToggleNewTab
 }) => {
-  const inputRef = (0, import_react59.useRef)(null);
-  (0, import_react59.useEffect)(() => {
+  const inputRef = (0, import_react58.useRef)(null);
+  (0, import_react58.useEffect)(() => {
     if (popupState.isOpen) {
       requestAnimationFrame(() => inputRef.current?.focus());
     }
@@ -6929,57 +7072,57 @@ var UrlPopover = ({
     restoreValue();
     popupState.close();
   };
-  return /* @__PURE__ */ React107.createElement(
-    import_ui93.Popover,
+  return /* @__PURE__ */ React108.createElement(
+    import_ui94.Popover,
     {
       slotProps: {
         paper: { sx: { borderRadius: "16px", width: anchorRef.current?.offsetWidth + "px", marginTop: -1 } }
       },
-      ...(0, import_ui93.bindPopover)(popupState),
+      ...(0, import_ui94.bindPopover)(popupState),
       anchorOrigin: { vertical: "top", horizontal: "left" },
       transformOrigin: { vertical: "top", horizontal: "left" },
       onClose: handleClose
     },
-    /* @__PURE__ */ React107.createElement(import_ui93.Stack, { direction: "row", alignItems: "center", gap: 1, sx: { p: 1.5 } }, /* @__PURE__ */ React107.createElement(
-      import_ui93.TextField,
+    /* @__PURE__ */ React108.createElement(import_ui94.Stack, { direction: "row", alignItems: "center", gap: 1, sx: { p: 1.5 } }, /* @__PURE__ */ React108.createElement(
+      import_ui94.TextField,
       {
         value,
         onChange,
         size: "tiny",
         fullWidth: true,
-        placeholder: (0, import_i18n54.__)("Type a URL", "elementor"),
+        placeholder: (0, import_i18n55.__)("Type a URL", "elementor"),
         inputProps: { ref: inputRef },
         color: "secondary",
         InputProps: { sx: { borderRadius: "8px" } },
         onKeyUp: (event) => event.key === "Enter" && handleClose()
       }
-    ), /* @__PURE__ */ React107.createElement(import_ui93.Tooltip, { title: (0, import_i18n54.__)("Open in a new tab", "elementor") }, /* @__PURE__ */ React107.createElement(
-      import_ui93.ToggleButton,
+    ), /* @__PURE__ */ React108.createElement(import_ui94.Tooltip, { title: (0, import_i18n55.__)("Open in a new tab", "elementor") }, /* @__PURE__ */ React108.createElement(
+      import_ui94.ToggleButton,
       {
         size: "tiny",
         value: "newTab",
         selected: openInNewTab,
         onClick: onToggleNewTab,
-        "aria-label": (0, import_i18n54.__)("Open in a new tab", "elementor"),
+        "aria-label": (0, import_i18n55.__)("Open in a new tab", "elementor"),
         sx: { borderRadius: "8px" }
       },
-      /* @__PURE__ */ React107.createElement(import_icons37.ExternalLinkIcon, { fontSize: "tiny" })
+      /* @__PURE__ */ React108.createElement(import_icons38.ExternalLinkIcon, { fontSize: "tiny" })
     )))
   );
 };
 
 // src/components/inline-editor-toolbar.tsx
 var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
-  const [urlValue, setUrlValue] = (0, import_react60.useState)("");
-  const [openInNewTab, setOpenInNewTab] = (0, import_react60.useState)(false);
-  const toolbarRef = (0, import_react60.useRef)(null);
-  const linkPopupState = (0, import_ui94.usePopupState)({ variant: "popover" });
+  const [urlValue, setUrlValue] = (0, import_react59.useState)("");
+  const [openInNewTab, setOpenInNewTab] = (0, import_react59.useState)(false);
+  const toolbarRef = (0, import_react59.useRef)(null);
+  const linkPopupState = (0, import_ui95.usePopupState)({ variant: "popover" });
   const isElementClickable = elementId ? checkIfElementIsClickable(elementId) : false;
-  const editorState = (0, import_react61.useEditorState)({
+  const editorState = (0, import_react60.useEditorState)({
     editor,
     selector: (ctx) => possibleFormats.filter((format) => ctx.editor.isActive(format))
   });
-  const formatButtonsList = (0, import_react60.useMemo)(() => {
+  const formatButtonsList = (0, import_react59.useMemo)(() => {
     const buttons = Object.values(formatButtons);
     if (isElementClickable) {
       return buttons.filter((button) => button.action !== "link");
@@ -7016,11 +7159,11 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
     }
     linkPopupState.close();
   };
-  React108.useEffect(() => {
+  React109.useEffect(() => {
     editor?.commands?.focus();
   }, [editor]);
-  return /* @__PURE__ */ React108.createElement(
-    import_ui94.Box,
+  return /* @__PURE__ */ React109.createElement(
+    import_ui95.Box,
     {
       ref: toolbarRef,
       sx: {
@@ -7036,9 +7179,9 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
         ...sx
       }
     },
-    /* @__PURE__ */ React108.createElement(import_ui94.Tooltip, { title: clearButton.label, placement: "top", sx: { borderRadius: "8px" } }, /* @__PURE__ */ React108.createElement(import_ui94.IconButton, { "aria-label": clearButton.label, onClick: () => clearButton.method(editor), size: "tiny" }, clearButton.icon)),
-    /* @__PURE__ */ React108.createElement(
-      import_ui94.ToggleButtonGroup,
+    /* @__PURE__ */ React109.createElement(import_ui95.Tooltip, { title: clearButton.label, placement: "top", sx: { borderRadius: "8px" } }, /* @__PURE__ */ React109.createElement(import_ui95.IconButton, { "aria-label": clearButton.label, onClick: () => clearButton.method(editor), size: "tiny" }, clearButton.icon)),
+    /* @__PURE__ */ React109.createElement(
+      import_ui95.ToggleButtonGroup,
       {
         value: editorState,
         size: "tiny",
@@ -7046,7 +7189,7 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
           display: "flex",
           gap: 0.5,
           border: "none",
-          [`& .${import_ui94.toggleButtonGroupClasses.firstButton}, & .${import_ui94.toggleButtonGroupClasses.middleButton}, & .${import_ui94.toggleButtonGroupClasses.lastButton}`]: {
+          [`& .${import_ui95.toggleButtonGroupClasses.firstButton}, & .${import_ui95.toggleButtonGroupClasses.middleButton}, & .${import_ui95.toggleButtonGroupClasses.lastButton}`]: {
             borderRadius: "8px",
             border: "none",
             marginLeft: 0,
@@ -7059,8 +7202,8 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
           }
         }
       },
-      formatButtonsList.map((button) => /* @__PURE__ */ React108.createElement(import_ui94.Tooltip, { title: button.label, key: button.action, placement: "top" }, /* @__PURE__ */ React108.createElement(
-        import_ui94.ToggleButton,
+      formatButtonsList.map((button) => /* @__PURE__ */ React109.createElement(import_ui95.Tooltip, { title: button.label, key: button.action, placement: "top" }, /* @__PURE__ */ React109.createElement(
+        import_ui95.ToggleButton,
         {
           value: button.action,
           "aria-label": button.label,
@@ -7077,7 +7220,7 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
         button.icon
       )))
     ),
-    /* @__PURE__ */ React108.createElement(
+    /* @__PURE__ */ React109.createElement(
       UrlPopover,
       {
         popupState: linkPopupState,
@@ -7092,72 +7235,72 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
   );
 };
 var checkIfElementIsClickable = (elementId) => {
-  const container = (0, import_editor_elements6.getContainer)(elementId);
+  const container = (0, import_editor_elements5.getContainer)(elementId);
   const type = container?.model.get("widgetType");
   const isButton = type === "e-button";
-  const hasLink = !!(0, import_editor_elements6.getElementSetting)(elementId, "link")?.value?.destination;
+  const hasLink = !!(0, import_editor_elements5.getElementSetting)(elementId, "link")?.value?.destination;
   return isButton || hasLink;
 };
 var toolbarButtons = {
   clear: {
-    label: (0, import_i18n55.__)("Clear", "elementor"),
-    icon: /* @__PURE__ */ React108.createElement(import_icons38.MinusIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n56.__)("Clear", "elementor"),
+    icon: /* @__PURE__ */ React109.createElement(import_icons39.MinusIcon, { fontSize: "tiny" }),
     action: "clear",
     method: (editor) => {
       editor.chain().focus().clearNodes().unsetAllMarks().run();
     }
   },
   bold: {
-    label: (0, import_i18n55.__)("Bold", "elementor"),
-    icon: /* @__PURE__ */ React108.createElement(import_icons38.BoldIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n56.__)("Bold", "elementor"),
+    icon: /* @__PURE__ */ React109.createElement(import_icons39.BoldIcon, { fontSize: "tiny" }),
     action: "bold",
     method: (editor) => {
       editor.chain().focus().toggleBold().run();
     }
   },
   italic: {
-    label: (0, import_i18n55.__)("Italic", "elementor"),
-    icon: /* @__PURE__ */ React108.createElement(import_icons38.ItalicIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n56.__)("Italic", "elementor"),
+    icon: /* @__PURE__ */ React109.createElement(import_icons39.ItalicIcon, { fontSize: "tiny" }),
     action: "italic",
     method: (editor) => {
       editor.chain().focus().toggleItalic().run();
     }
   },
   underline: {
-    label: (0, import_i18n55.__)("Underline", "elementor"),
-    icon: /* @__PURE__ */ React108.createElement(import_icons38.UnderlineIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n56.__)("Underline", "elementor"),
+    icon: /* @__PURE__ */ React109.createElement(import_icons39.UnderlineIcon, { fontSize: "tiny" }),
     action: "underline",
     method: (editor) => {
       editor.chain().focus().toggleUnderline().run();
     }
   },
   strike: {
-    label: (0, import_i18n55.__)("Strikethrough", "elementor"),
-    icon: /* @__PURE__ */ React108.createElement(import_icons38.StrikethroughIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n56.__)("Strikethrough", "elementor"),
+    icon: /* @__PURE__ */ React109.createElement(import_icons39.StrikethroughIcon, { fontSize: "tiny" }),
     action: "strike",
     method: (editor) => {
       editor.chain().focus().toggleStrike().run();
     }
   },
   superscript: {
-    label: (0, import_i18n55.__)("Superscript", "elementor"),
-    icon: /* @__PURE__ */ React108.createElement(import_icons38.SuperscriptIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n56.__)("Superscript", "elementor"),
+    icon: /* @__PURE__ */ React109.createElement(import_icons39.SuperscriptIcon, { fontSize: "tiny" }),
     action: "superscript",
     method: (editor) => {
       editor.chain().focus().toggleSuperscript().run();
     }
   },
   subscript: {
-    label: (0, import_i18n55.__)("Subscript", "elementor"),
-    icon: /* @__PURE__ */ React108.createElement(import_icons38.SubscriptIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n56.__)("Subscript", "elementor"),
+    icon: /* @__PURE__ */ React109.createElement(import_icons39.SubscriptIcon, { fontSize: "tiny" }),
     action: "subscript",
     method: (editor) => {
       editor.chain().focus().toggleSubscript().run();
     }
   },
   link: {
-    label: (0, import_i18n55.__)("Link", "elementor"),
-    icon: /* @__PURE__ */ React108.createElement(import_icons38.LinkIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n56.__)("Link", "elementor"),
+    icon: /* @__PURE__ */ React109.createElement(import_icons39.LinkIcon, { fontSize: "tiny" }),
     action: "link",
     method: null
   }
@@ -7166,8 +7309,8 @@ var { clear: clearButton, ...formatButtons } = toolbarButtons;
 var possibleFormats = Object.keys(formatButtons);
 
 // src/components/size/unstable-size-field.tsx
-var React111 = __toESM(require("react"));
-var import_ui96 = require("@elementor/ui");
+var React112 = __toESM(require("react"));
+var import_ui97 = require("@elementor/ui");
 
 // src/hooks/use-size-value.ts
 var DEFAULT_UNIT2 = "px";
@@ -7209,25 +7352,25 @@ var differsFromExternal = (newState, externalState) => {
 };
 
 // src/components/size/unit-select.tsx
-var React109 = __toESM(require("react"));
-var import_react62 = require("react");
+var React110 = __toESM(require("react"));
+var import_react61 = require("react");
 var import_editor_ui15 = require("@elementor/editor-ui");
-var import_ui95 = require("@elementor/ui");
+var import_ui96 = require("@elementor/ui");
 var menuItemContentStyles = {
   display: "flex",
   flexDirection: "column",
   justifyContent: "center"
 };
 var UnitSelect = ({ value, showPrimaryColor, onClick, options }) => {
-  const popupState = (0, import_ui95.usePopupState)({
+  const popupState = (0, import_ui96.usePopupState)({
     variant: "popover",
-    popupId: (0, import_react62.useId)()
+    popupId: (0, import_react61.useId)()
   });
   const handleMenuItemClick = (index) => {
     onClick(options[index]);
     popupState.close();
   };
-  return /* @__PURE__ */ React109.createElement(React109.Fragment, null, /* @__PURE__ */ React109.createElement(StyledButton2, { isPrimaryColor: showPrimaryColor, size: "small", ...(0, import_ui95.bindTrigger)(popupState) }, value), /* @__PURE__ */ React109.createElement(import_ui95.Menu, { MenuListProps: { dense: true }, ...(0, import_ui95.bindMenu)(popupState) }, options.map((option, index) => /* @__PURE__ */ React109.createElement(
+  return /* @__PURE__ */ React110.createElement(React110.Fragment, null, /* @__PURE__ */ React110.createElement(StyledButton2, { isPrimaryColor: showPrimaryColor, size: "small", ...(0, import_ui96.bindTrigger)(popupState) }, value), /* @__PURE__ */ React110.createElement(import_ui96.Menu, { MenuListProps: { dense: true }, ...(0, import_ui96.bindMenu)(popupState) }, options.map((option, index) => /* @__PURE__ */ React110.createElement(
     import_editor_ui15.MenuListItem,
     {
       key: option,
@@ -7246,7 +7389,7 @@ var UnitSelect = ({ value, showPrimaryColor, onClick, options }) => {
     option.toUpperCase()
   ))));
 };
-var StyledButton2 = (0, import_ui95.styled)(import_ui95.Button, {
+var StyledButton2 = (0, import_ui96.styled)(import_ui96.Button, {
   shouldForwardProp: (prop) => prop !== "isPrimaryColor"
 })(({ isPrimaryColor, theme }) => ({
   color: isPrimaryColor ? theme.palette.text.primary : theme.palette.text.tertiary,
@@ -7256,11 +7399,11 @@ var StyledButton2 = (0, import_ui95.styled)(import_ui95.Button, {
 }));
 
 // src/components/size/unstable-size-input.tsx
-var React110 = __toESM(require("react"));
-var import_react63 = require("react");
-var UnstableSizeInput = (0, import_react63.forwardRef)(
+var React111 = __toESM(require("react"));
+var import_react62 = require("react");
+var UnstableSizeInput = (0, import_react62.forwardRef)(
   ({ type, value, onChange, onKeyDown, onKeyUp, InputProps, onBlur, focused, disabled }, ref) => {
-    return /* @__PURE__ */ React110.createElement(
+    return /* @__PURE__ */ React111.createElement(
       NumberInput,
       {
         ref,
@@ -7298,7 +7441,7 @@ var UnstableSizeField = ({
   const shouldHighlightUnit = () => {
     return hasValue(size);
   };
-  return /* @__PURE__ */ React111.createElement(
+  return /* @__PURE__ */ React112.createElement(
     UnstableSizeInput,
     {
       type: "number",
@@ -7307,8 +7450,8 @@ var UnstableSizeField = ({
       onChange: (event) => setSize(event.target.value),
       InputProps: {
         ...InputProps,
-        startAdornment: startIcon && /* @__PURE__ */ React111.createElement(import_ui96.InputAdornment, { position: "start" }, startIcon),
-        endAdornment: /* @__PURE__ */ React111.createElement(import_ui96.InputAdornment, { position: "end" }, /* @__PURE__ */ React111.createElement(
+        startAdornment: startIcon && /* @__PURE__ */ React112.createElement(import_ui97.InputAdornment, { position: "start" }, startIcon),
+        endAdornment: /* @__PURE__ */ React112.createElement(import_ui97.InputAdornment, { position: "end" }, /* @__PURE__ */ React112.createElement(
           UnitSelect,
           {
             options: units2,
@@ -7326,13 +7469,13 @@ var hasValue = (value) => {
 };
 
 // src/hooks/use-font-families.ts
-var import_react64 = require("react");
+var import_react63 = require("react");
 var import_editor_v1_adapters = require("@elementor/editor-v1-adapters");
-var import_i18n56 = require("@wordpress/i18n");
+var import_i18n57 = require("@wordpress/i18n");
 var supportedCategories = {
-  system: (0, import_i18n56.__)("System", "elementor"),
-  custom: (0, import_i18n56.__)("Custom Fonts", "elementor"),
-  googlefonts: (0, import_i18n56.__)("Google Fonts", "elementor")
+  system: (0, import_i18n57.__)("System", "elementor"),
+  custom: (0, import_i18n57.__)("Custom Fonts", "elementor"),
+  googlefonts: (0, import_i18n57.__)("Google Fonts", "elementor")
 };
 var getFontFamilies = () => {
   const { controls } = (0, import_editor_v1_adapters.getElementorConfig)();
@@ -7344,7 +7487,7 @@ var getFontFamilies = () => {
 };
 var useFontFamilies = () => {
   const fontFamilies = getFontFamilies();
-  return (0, import_react64.useMemo)(() => {
+  return (0, import_react63.useMemo)(() => {
     const categoriesOrder = ["system", "custom", "googlefonts"];
     return Object.entries(fontFamilies || {}).reduce((acc, [font, category]) => {
       if (!supportedCategories[category]) {
@@ -7419,6 +7562,7 @@ var useFontFamilies = () => {
   TransitionRepeaterControl,
   UnstableSizeField,
   UrlControl,
+  VideoMediaControl,
   createControl,
   createControlReplacementsRegistry,
   enqueueFont,
@@ -7426,14 +7570,15 @@ var useFontFamilies = () => {
   injectIntoRepeaterItemActions,
   injectIntoRepeaterItemIcon,
   injectIntoRepeaterItemLabel,
+  isUnitExtendedOption,
   registerControlReplacement,
   transitionProperties,
   transitionsItemsList,
   useBoundProp,
   useControlActions,
   useControlReplacement,
-  useElementCanHaveChildren,
   useFontFamilies,
-  useSyncExternalState
+  useSyncExternalState,
+  useTypingBuffer
 });
 //# sourceMappingURL=index.js.map