@elementor/editor-controls 4.0.0-501 → 4.0.0-502

package/dist/index.js

@@ -44,7 +44,6 @@ __export(index_exports, {
   DateTimeControl: () => DateTimeControl,
   EqualUnequalSizesControl: () => EqualUnequalSizesControl,
   FilterRepeaterControl: () => FilterRepeaterControl,
-  FloatingActionsBar: () => FloatingActionsBar,
   FontFamilyControl: () => FontFamilyControl,
   GapControl: () => GapControl,
   HtmlTagControl: () => HtmlTagControl,
@@ -92,15 +91,14 @@ __export(index_exports, {
   useControlActions: () => useControlActions,
   useControlReplacement: () => useControlReplacement,
   useElementCanHaveChildren: () => useElementCanHaveChildren,
-  useFloatingActionsBar: () => useFloatingActionsBar,
   useSyncExternalState: () => useSyncExternalState
 });
 module.exports = __toCommonJS(index_exports);
 
 // src/controls/image-control.tsx
-var React14 = __toESM(require("react"));
+var React13 = __toESM(require("react"));
 var import_editor_props3 = require("@elementor/editor-props");
-var import_ui7 = require("@elementor/ui");
+var import_ui6 = require("@elementor/ui");
 var import_i18n2 = require("@wordpress/i18n");
 
 // src/bound-prop-context/prop-context.tsx
@@ -422,51 +420,24 @@ var formatResponse = (response) => {
 };
 
 // src/controls/image-media-control.tsx
-var React12 = __toESM(require("react"));
+var React11 = __toESM(require("react"));
 var import_editor_props = require("@elementor/editor-props");
 var import_icons = require("@elementor/icons");
-var import_ui5 = require("@elementor/ui");
+var import_ui4 = require("@elementor/ui");
 var import_wp_media = require("@elementor/wp-media");
 var import_i18n = require("@wordpress/i18n");
 
 // src/control-actions/control-actions.tsx
-var React11 = __toESM(require("react"));
+var React10 = __toESM(require("react"));
+var import_editor_ui = require("@elementor/editor-ui");
 
-// src/components/floating-bar.tsx
+// src/control-actions/control-actions-context.tsx
 var React9 = __toESM(require("react"));
 var import_react6 = require("react");
-var import_ui4 = require("@elementor/ui");
-var FloatingBarContainer = (0, import_ui4.styled)("span")`
-	display: contents;
-
-	.MuiFloatingActionBar-popper:has( .MuiFloatingActionBar-actions:empty ) {
-		display: none;
-	}
-
-	.MuiFloatingActionBar-popper {
-		z-index: 1000;
-	}
-`;
-var FloatingActionsContext = (0, import_react6.createContext)(null);
-function FloatingActionsBar({ actions, children }) {
-  const [open, setOpen] = (0, import_react6.useState)(false);
-  return /* @__PURE__ */ React9.createElement(FloatingActionsContext.Provider, { value: { open, setOpen } }, /* @__PURE__ */ React9.createElement(FloatingBarContainer, null, /* @__PURE__ */ React9.createElement(import_ui4.UnstableFloatingActionBar, { actions, open: open || void 0 }, children)));
-}
-function useFloatingActionsBar() {
-  const context = (0, import_react6.useContext)(FloatingActionsContext);
-  if (!context) {
-    throw new Error("useFloatingActions must be used within a FloatingActionsBar");
-  }
-  return context;
-}
-
-// src/control-actions/control-actions-context.tsx
-var React10 = __toESM(require("react"));
-var import_react7 = require("react");
-var Context2 = (0, import_react7.createContext)(null);
-var ControlActionsProvider = ({ children, items: items2 }) => /* @__PURE__ */ React10.createElement(Context2.Provider, { value: { items: items2 } }, children);
+var Context2 = (0, import_react6.createContext)(null);
+var ControlActionsProvider = ({ children, items: items2 }) => /* @__PURE__ */ React9.createElement(Context2.Provider, { value: { items: items2 } }, children);
 var useControlActions = () => {
-  const context = (0, import_react7.useContext)(Context2);
+  const context = (0, import_react6.useContext)(Context2);
   if (!context) {
     throw new Error("useControlActions must be used within a ControlActionsProvider");
   }
@@ -480,8 +451,8 @@ function ControlActions({ children }) {
   if (items2.length === 0 || disabled) {
     return children;
   }
-  const menuItems = items2.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React11.createElement(MenuItem2, { key: id }));
-  return /* @__PURE__ */ React11.createElement(FloatingActionsBar, { actions: menuItems }, children);
+  const menuItems = items2.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React10.createElement(MenuItem2, { key: id }));
+  return /* @__PURE__ */ React10.createElement(import_editor_ui.FloatingActionsBar, { actions: menuItems }, children);
 }
 
 // src/controls/image-media-control.tsx
@@ -504,8 +475,8 @@ var ImageMediaControl = createControl(({ mediaTypes = ["image"] }) => {
       });
     }
   });
-  return /* @__PURE__ */ React12.createElement(ControlActions, null, /* @__PURE__ */ React12.createElement(import_ui5.Card, { variant: "outlined" }, /* @__PURE__ */ React12.createElement(import_ui5.CardMedia, { image: src, sx: { height: propType.meta.isDynamic ? 134 : 150 } }, isFetching ? /* @__PURE__ */ React12.createElement(import_ui5.Stack, { justifyContent: "center", alignItems: "center", width: "100%", height: "100%" }, /* @__PURE__ */ React12.createElement(import_ui5.CircularProgress, null)) : /* @__PURE__ */ React12.createElement(React12.Fragment, null)), /* @__PURE__ */ React12.createElement(import_ui5.CardOverlay, null, /* @__PURE__ */ React12.createElement(import_ui5.Stack, { gap: 1 }, /* @__PURE__ */ React12.createElement(
-    import_ui5.Button,
+  return /* @__PURE__ */ React11.createElement(ControlActions, null, /* @__PURE__ */ React11.createElement(import_ui4.Card, { variant: "outlined" }, /* @__PURE__ */ React11.createElement(import_ui4.CardMedia, { image: src, sx: { height: propType.meta.isDynamic ? 134 : 150 } }, isFetching ? /* @__PURE__ */ React11.createElement(import_ui4.Stack, { justifyContent: "center", alignItems: "center", width: "100%", height: "100%" }, /* @__PURE__ */ React11.createElement(import_ui4.CircularProgress, null)) : /* @__PURE__ */ React11.createElement(React11.Fragment, null)), /* @__PURE__ */ React11.createElement(import_ui4.CardOverlay, null, /* @__PURE__ */ React11.createElement(import_ui4.Stack, { gap: 1 }, /* @__PURE__ */ React11.createElement(
+    import_ui4.Button,
     {
       size: "tiny",
       color: "inherit",
@@ -513,13 +484,13 @@ var ImageMediaControl = createControl(({ mediaTypes = ["image"] }) => {
       onClick: () => open({ mode: "browse" })
     },
     (0, import_i18n.__)("Select image", "elementor")
-  ), /* @__PURE__ */ React12.createElement(
-    import_ui5.Button,
+  ), /* @__PURE__ */ React11.createElement(
+    import_ui4.Button,
     {
       size: "tiny",
       variant: "text",
       color: "inherit",
-      startIcon: /* @__PURE__ */ React12.createElement(import_icons.UploadIcon, null),
+      startIcon: /* @__PURE__ */ React11.createElement(import_icons.UploadIcon, null),
       onClick: () => open({ mode: "upload" })
     },
     (0, import_i18n.__)("Upload", "elementor")
@@ -527,10 +498,10 @@ var ImageMediaControl = createControl(({ mediaTypes = ["image"] }) => {
 });
 
 // src/controls/select-control.tsx
-var React13 = __toESM(require("react"));
+var React12 = __toESM(require("react"));
 var import_editor_props2 = require("@elementor/editor-props");
-var import_editor_ui = require("@elementor/editor-ui");
-var import_ui6 = require("@elementor/ui");
+var import_editor_ui2 = require("@elementor/editor-ui");
+var import_ui5 = require("@elementor/ui");
 var DEFAULT_MENU_PROPS = {
   MenuListProps: {
     sx: {
@@ -547,8 +518,8 @@ var SelectControl = createControl(
       setValue(newValue);
     };
     const isDisabled = disabled || options.length === 0;
-    return /* @__PURE__ */ React13.createElement(ControlActions, null, /* @__PURE__ */ React13.createElement(
-      import_ui6.Select,
+    return /* @__PURE__ */ React12.createElement(ControlActions, null, /* @__PURE__ */ React12.createElement(
+      import_ui5.Select,
       {
         sx: { overflow: "hidden" },
         displayEmpty: true,
@@ -561,7 +532,7 @@ var SelectControl = createControl(
             if (placeholder) {
               const placeholderOption = findOptionByValue(placeholder);
               const displayText = placeholderOption?.label || placeholder;
-              return /* @__PURE__ */ React13.createElement(import_ui6.Typography, { component: "span", variant: "caption", color: "text.tertiary" }, displayText);
+              return /* @__PURE__ */ React12.createElement(import_ui5.Typography, { component: "span", variant: "caption", color: "text.tertiary" }, displayText);
             }
             return "";
           }
@@ -573,7 +544,7 @@ var SelectControl = createControl(
         disabled: isDisabled,
         fullWidth: true
       },
-      options.map(({ label, ...props }) => /* @__PURE__ */ React13.createElement(import_editor_ui.MenuListItem, { key: props.value, ...props, value: props.value ?? "" }, label))
+      options.map(({ label, ...props }) => /* @__PURE__ */ React12.createElement(import_editor_ui2.MenuListItem, { key: props.value, ...props, value: props.value ?? "" }, label))
     ));
   }
 );
@@ -581,21 +552,21 @@ var SelectControl = createControl(
 // src/controls/image-control.tsx
 var ImageControl = createControl(({ sizes, label = (0, import_i18n2.__)("Image", "elementor") }) => {
   const propContext = useBoundProp(import_editor_props3.imagePropTypeUtil);
-  return /* @__PURE__ */ React14.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React14.createElement(import_ui7.Stack, { gap: 1.5 }, /* @__PURE__ */ React14.createElement(ControlLabel, null, label), /* @__PURE__ */ React14.createElement(ImageSrcControl, null), /* @__PURE__ */ React14.createElement(import_ui7.Grid, { container: true, gap: 1.5, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React14.createElement(import_ui7.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React14.createElement(ControlFormLabel, null, (0, import_i18n2.__)("Resolution", "elementor"))), /* @__PURE__ */ React14.createElement(import_ui7.Grid, { item: true, xs: 6, sx: { overflow: "hidden" } }, /* @__PURE__ */ React14.createElement(ImageSizeControl, { sizes })))));
+  return /* @__PURE__ */ React13.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React13.createElement(import_ui6.Stack, { gap: 1.5 }, /* @__PURE__ */ React13.createElement(ControlLabel, null, label), /* @__PURE__ */ React13.createElement(ImageSrcControl, null), /* @__PURE__ */ React13.createElement(import_ui6.Grid, { container: true, gap: 1.5, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React13.createElement(import_ui6.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React13.createElement(ControlFormLabel, null, (0, import_i18n2.__)("Resolution", "elementor"))), /* @__PURE__ */ React13.createElement(import_ui6.Grid, { item: true, xs: 6, sx: { overflow: "hidden" } }, /* @__PURE__ */ React13.createElement(ImageSizeControl, { sizes })))));
 });
 var ImageSrcControl = () => {
   const { data: allowSvgUpload } = useUnfilteredFilesUpload();
   const mediaTypes = allowSvgUpload ? ["image", "svg"] : ["image"];
-  return /* @__PURE__ */ React14.createElement(PropKeyProvider, { bind: "src" }, /* @__PURE__ */ React14.createElement(ImageMediaControl, { mediaTypes }));
+  return /* @__PURE__ */ React13.createElement(PropKeyProvider, { bind: "src" }, /* @__PURE__ */ React13.createElement(ImageMediaControl, { mediaTypes }));
 };
 var ImageSizeControl = ({ sizes }) => {
-  return /* @__PURE__ */ React14.createElement(PropKeyProvider, { bind: "size" }, /* @__PURE__ */ React14.createElement(SelectControl, { options: sizes }));
+  return /* @__PURE__ */ React13.createElement(PropKeyProvider, { bind: "size" }, /* @__PURE__ */ React13.createElement(SelectControl, { options: sizes }));
 };
 
 // src/controls/text-control.tsx
-var React15 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 var import_editor_props4 = require("@elementor/editor-props");
-var import_ui8 = require("@elementor/ui");
+var import_ui7 = require("@elementor/ui");
 var TextControl = createControl(
   ({
     placeholder,
@@ -608,8 +579,8 @@ var TextControl = createControl(
   }) => {
     const { value, setValue, disabled } = useBoundProp(import_editor_props4.stringPropTypeUtil);
     const handleChange = (event) => setValue(event.target.value);
-    return /* @__PURE__ */ React15.createElement(ControlActions, null, /* @__PURE__ */ React15.createElement(
-      import_ui8.TextField,
+    return /* @__PURE__ */ React14.createElement(ControlActions, null, /* @__PURE__ */ React14.createElement(
+      import_ui7.TextField,
       {
         size: "tiny",
         fullWidth: true,
@@ -629,16 +600,16 @@ var TextControl = createControl(
 );
 
 // src/controls/text-area-control.tsx
-var React16 = __toESM(require("react"));
+var React15 = __toESM(require("react"));
 var import_editor_props5 = require("@elementor/editor-props");
-var import_ui9 = require("@elementor/ui");
+var import_ui8 = require("@elementor/ui");
 var TextAreaControl = createControl(({ placeholder, ariaLabel }) => {
   const { value, setValue, disabled } = useBoundProp(import_editor_props5.stringPropTypeUtil);
   const handleChange = (event) => {
     setValue(event.target.value);
   };
-  return /* @__PURE__ */ React16.createElement(ControlActions, null, /* @__PURE__ */ React16.createElement(
-    import_ui9.TextField,
+  return /* @__PURE__ */ React15.createElement(ControlActions, null, /* @__PURE__ */ React15.createElement(
+    import_ui8.TextField,
     {
       size: "tiny",
       multiline: true,
@@ -656,17 +627,17 @@ var TextAreaControl = createControl(({ placeholder, ariaLabel }) => {
 });
 
 // src/controls/size-control.tsx
-var React21 = __toESM(require("react"));
-var import_react14 = require("react");
+var React20 = __toESM(require("react"));
+var import_react13 = require("react");
 var import_editor_props7 = require("@elementor/editor-props");
 var import_editor_responsive = require("@elementor/editor-responsive");
-var import_ui14 = require("@elementor/ui");
+var import_ui13 = require("@elementor/ui");
 
 // src/components/size-control/size-input.tsx
-var React19 = __toESM(require("react"));
-var import_react10 = require("react");
+var React18 = __toESM(require("react"));
+var import_react9 = require("react");
 var import_icons2 = require("@elementor/icons");
-var import_ui12 = require("@elementor/ui");
+var import_ui11 = require("@elementor/ui");
 
 // src/utils/size-control.ts
 var lengthUnits = ["px", "%", "em", "rem", "vw", "vh", "ch"];
@@ -680,19 +651,19 @@ function isUnitExtendedOption(unit) {
 }
 
 // src/components/size-control/text-field-inner-selection.tsx
-var React18 = __toESM(require("react"));
-var import_react9 = require("react");
-var import_editor_props6 = require("@elementor/editor-props");
-var import_editor_ui2 = require("@elementor/editor-ui");
-var import_ui11 = require("@elementor/ui");
-
-// src/components/number-input.tsx
 var React17 = __toESM(require("react"));
 var import_react8 = 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_ui9 = require("@elementor/ui");
 var RESTRICTED_INPUT_KEYS = ["e", "E", "+"];
-var NumberInput = (0, import_react8.forwardRef)((props, ref) => {
-  const [key, setKey] = (0, import_react8.useState)(0);
+var NumberInput = (0, import_react7.forwardRef)((props, ref) => {
+  const [key, setKey] = (0, import_react7.useState)(0);
   const handleKeyDown = (event) => {
     blockRestrictedKeys(event, props.inputProps?.min);
     props.onKeyDown?.(event);
@@ -704,7 +675,7 @@ var NumberInput = (0, import_react8.forwardRef)((props, ref) => {
       setKey((prev) => prev + 1);
     }
   };
-  return /* @__PURE__ */ React17.createElement(import_ui10.TextField, { ...props, ref, key, onKeyDown: handleKeyDown, onBlur: handleBlur });
+  return /* @__PURE__ */ React16.createElement(import_ui9.TextField, { ...props, ref, key, onKeyDown: handleKeyDown, onBlur: handleBlur });
 });
 function blockRestrictedKeys(event, min) {
   const restrictedInputKeys = [...RESTRICTED_INPUT_KEYS];
@@ -717,7 +688,7 @@ function blockRestrictedKeys(event, min) {
 }
 
 // src/components/size-control/text-field-inner-selection.tsx
-var TextFieldInnerSelection = (0, import_react9.forwardRef)(
+var TextFieldInnerSelection = (0, import_react8.forwardRef)(
   ({
     placeholder,
     type,
@@ -736,7 +707,7 @@ var TextFieldInnerSelection = (0, import_react9.forwardRef)(
     const getCursorStyle2 = () => ({
       input: { cursor: InputProps.readOnly ? "default !important" : void 0 }
     });
-    return /* @__PURE__ */ React18.createElement(
+    return /* @__PURE__ */ React17.createElement(
       NumberInput,
       {
         ref,
@@ -767,9 +738,9 @@ var SelectionEndAdornment = ({
   menuItemsAttributes = {},
   disabled
 }) => {
-  const popupState = (0, import_ui11.usePopupState)({
+  const popupState = (0, import_ui10.usePopupState)({
     variant: "popover",
-    popupId: (0, import_react9.useId)()
+    popupId: (0, import_react8.useId)()
   });
   const handleMenuItemClick = (index) => {
     onClick(options[index]);
@@ -781,17 +752,17 @@ var SelectionEndAdornment = ({
     flexDirection: "column",
     justifyContent: "center"
   };
-  return /* @__PURE__ */ React18.createElement(import_ui11.InputAdornment, { position: "end" }, /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React17.createElement(import_ui10.InputAdornment, { position: "end" }, /* @__PURE__ */ React17.createElement(
     StyledButton,
     {
       isPrimaryColor: showPrimaryColor,
       size: "small",
       disabled,
-      ...(0, import_ui11.bindTrigger)(popupState)
+      ...(0, import_ui10.bindTrigger)(popupState)
     },
     placeholder ?? alternativeOptionLabels[value] ?? value
-  ), /* @__PURE__ */ React18.createElement(import_ui11.Menu, { MenuListProps: { dense: true }, ...(0, import_ui11.bindMenu)(popupState) }, options.map((option, index) => /* @__PURE__ */ React18.createElement(
-    import_editor_ui2.MenuListItem,
+  ), /* @__PURE__ */ React17.createElement(import_ui10.Menu, { MenuListProps: { dense: true }, ...(0, import_ui10.bindMenu)(popupState) }, options.map((option, index) => /* @__PURE__ */ React17.createElement(
+    import_editor_ui3.MenuListItem,
     {
       key: option,
       onClick: () => handleMenuItemClick(index),
@@ -830,7 +801,7 @@ function useUnitPlaceholder(value) {
     showPrimaryColor
   };
 }
-var StyledButton = (0, import_ui11.styled)(import_ui11.Button, {
+var StyledButton = (0, import_ui10.styled)(import_ui10.Button, {
   shouldForwardProp: (prop) => prop !== "isPrimaryColor"
 })(({ isPrimaryColor, theme }) => ({
   color: isPrimaryColor ? theme.palette.text.primary : theme.palette.text.tertiary,
@@ -858,7 +829,7 @@ var SizeInput = ({
   id,
   ariaLabel
 }) => {
-  const unitInputBufferRef = (0, import_react10.useRef)("");
+  const unitInputBufferRef = (0, import_react9.useRef)("");
   const inputType = isUnitExtendedOption(unit) ? "text" : "number";
   const inputValue = !isUnitExtendedOption(unit) && Number.isNaN(size) ? "" : size ?? "";
   const handleKeyUp = (event) => {
@@ -883,7 +854,7 @@ var SizeInput = ({
     custom: popupAttributes
   } : void 0;
   const alternativeOptionLabels = {
-    custom: /* @__PURE__ */ React19.createElement(import_icons2.MathFunctionIcon, { fontSize: "tiny" })
+    custom: /* @__PURE__ */ React18.createElement(import_icons2.MathFunctionIcon, { fontSize: "tiny" })
   };
   const InputProps = {
     ...popupAttributes,
@@ -891,8 +862,8 @@ var SizeInput = ({
     autoComplete: "off",
     onClick,
     onFocus,
-    startAdornment: startIcon ? /* @__PURE__ */ React19.createElement(import_ui12.InputAdornment, { position: "start", disabled }, startIcon) : void 0,
-    endAdornment: /* @__PURE__ */ React19.createElement(
+    startAdornment: startIcon ? /* @__PURE__ */ React18.createElement(import_ui11.InputAdornment, { position: "start", disabled }, startIcon) : void 0,
+    endAdornment: /* @__PURE__ */ React18.createElement(
       SelectionEndAdornment,
       {
         disabled,
@@ -904,7 +875,7 @@ var SizeInput = ({
       }
     )
   };
-  return /* @__PURE__ */ React19.createElement(ControlActions, null, /* @__PURE__ */ React19.createElement(import_ui12.Box, null, /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React18.createElement(ControlActions, null, /* @__PURE__ */ React18.createElement(import_ui11.Box, null, /* @__PURE__ */ React18.createElement(
     TextFieldInnerSelection,
     {
       disabled,
@@ -923,17 +894,17 @@ var SizeInput = ({
 };
 
 // src/components/text-field-popover.tsx
-var React20 = __toESM(require("react"));
-var import_react11 = require("react");
-var import_editor_ui3 = require("@elementor/editor-ui");
+var React19 = __toESM(require("react"));
+var import_react10 = require("react");
+var import_editor_ui4 = require("@elementor/editor-ui");
 var import_icons3 = require("@elementor/icons");
-var import_ui13 = require("@elementor/ui");
+var import_ui12 = require("@elementor/ui");
 var import_i18n3 = require("@wordpress/i18n");
 var SIZE = "tiny";
 var TextFieldPopover = (props) => {
   const { popupState, restoreValue, anchorRef, value, onChange } = props;
-  const inputRef = (0, import_react11.useRef)(null);
-  (0, import_react11.useEffect)(() => {
+  const inputRef = (0, import_react10.useRef)(null);
+  (0, import_react10.useEffect)(() => {
     if (popupState.isOpen) {
       requestAnimationFrame(() => {
         if (inputRef.current) {
@@ -946,8 +917,8 @@ var TextFieldPopover = (props) => {
     restoreValue();
     popupState.close();
   };
-  return /* @__PURE__ */ React20.createElement(
-    import_ui13.Popover,
+  return /* @__PURE__ */ React19.createElement(
+    import_ui12.Popover,
     {
       disablePortal: true,
       slotProps: {
@@ -958,21 +929,21 @@ var TextFieldPopover = (props) => {
           }
         }
       },
-      ...(0, import_ui13.bindPopover)(popupState),
+      ...(0, import_ui12.bindPopover)(popupState),
       anchorOrigin: { vertical: "bottom", horizontal: "center" },
       transformOrigin: { vertical: "top", horizontal: "center" },
       onClose: handleClose
     },
-    /* @__PURE__ */ React20.createElement(
-      import_editor_ui3.PopoverHeader,
+    /* @__PURE__ */ React19.createElement(
+      import_editor_ui4.PopoverHeader,
       {
         title: (0, import_i18n3.__)("CSS function", "elementor"),
         onClose: handleClose,
-        icon: /* @__PURE__ */ React20.createElement(import_icons3.MathFunctionIcon, { fontSize: SIZE })
+        icon: /* @__PURE__ */ React19.createElement(import_icons3.MathFunctionIcon, { fontSize: SIZE })
       }
     ),
-    /* @__PURE__ */ React20.createElement(
-      import_ui13.TextField,
+    /* @__PURE__ */ React19.createElement(
+      import_ui12.TextField,
       {
         value,
         onChange,
@@ -989,9 +960,9 @@ var TextFieldPopover = (props) => {
 };
 
 // src/hooks/use-size-extended-options.ts
-var import_react12 = require("react");
+var import_react11 = require("react");
 function useSizeExtendedOptions(options, disableCustom) {
-  return (0, import_react12.useMemo)(() => {
+  return (0, import_react11.useMemo)(() => {
     const extendedOptions = [...options];
     if (!disableCustom && !extendedOptions.includes("custom")) {
       extendedOptions.push("custom");
@@ -1003,7 +974,7 @@ function useSizeExtendedOptions(options, disableCustom) {
 }
 
 // src/hooks/use-sync-external-state.tsx
-var import_react13 = require("react");
+var import_react12 = require("react");
 var useSyncExternalState = ({
   external,
   setExternal,
@@ -1022,8 +993,8 @@ var useSyncExternalState = ({
     }
     return externalValue;
   }
-  const [internal, setInternal] = (0, import_react13.useState)(toInternal(external, null));
-  (0, import_react13.useEffect)(() => {
+  const [internal, setInternal] = (0, import_react12.useState)(toInternal(external, null));
+  (0, import_react12.useEffect)(() => {
     setInternal((prevInternal) => toInternal(external, prevInternal));
   }, [external]);
   const setInternalValue = (setter, options, meta) => {
@@ -1074,8 +1045,8 @@ var SizeControl = createControl(
     const activeBreakpoint = (0, import_editor_responsive.useActiveBreakpoint)();
     const actualExtendedOptions = useSizeExtendedOptions(extendedOptions || [], disableCustom ?? false);
     const actualUnits = resolveUnits(propType, enablePropTypeUnits, variant, units2, actualExtendedOptions);
-    const popupState = (0, import_ui14.usePopupState)({ variant: "popover" });
-    const memorizedExternalState = (0, import_react14.useMemo)(
+    const popupState = (0, import_ui13.usePopupState)({ variant: "popover" });
+    const memorizedExternalState = (0, import_react13.useMemo)(
       () => createStateFromSizeProp(sizeValue, actualDefaultUnit),
       [sizeValue, actualDefaultUnit]
     );
@@ -1118,15 +1089,15 @@ var SizeControl = createControl(
         popupState.open(anchorRef?.current);
       }
     };
-    const maybeClosePopup = React21.useCallback(() => {
+    const maybeClosePopup = React20.useCallback(() => {
       if (popupState && popupState.isOpen) {
         popupState.close();
       }
     }, [popupState]);
-    (0, import_react14.useEffect)(() => {
+    (0, import_react13.useEffect)(() => {
       maybeClosePopup();
     }, [activeBreakpoint]);
-    return /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement(
+    return /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement(
       SizeInput,
       {
         disabled,
@@ -1144,7 +1115,7 @@ var SizeControl = createControl(
         id,
         ariaLabel
       }
-    ), anchorRef?.current && popupState.isOpen && /* @__PURE__ */ React21.createElement(
+    ), anchorRef?.current && popupState.isOpen && /* @__PURE__ */ React20.createElement(
       TextFieldPopover,
       {
         popupState,
@@ -1203,21 +1174,21 @@ function extractValueFromState(state, allowEmpty = false) {
 }
 
 // src/controls/stroke-control.tsx
-var React24 = __toESM(require("react"));
-var import_react15 = require("react");
+var React23 = __toESM(require("react"));
+var import_react14 = require("react");
 var import_editor_props9 = require("@elementor/editor-props");
-var import_ui17 = require("@elementor/ui");
+var import_ui16 = require("@elementor/ui");
 var import_i18n4 = require("@wordpress/i18n");
 
 // src/components/section-content.tsx
-var React22 = __toESM(require("react"));
-var import_ui15 = require("@elementor/ui");
-var SectionContent = ({ gap = 0.5, sx, children }) => /* @__PURE__ */ React22.createElement(import_ui15.Stack, { gap, sx: { ...sx } }, children);
+var React21 = __toESM(require("react"));
+var import_ui14 = require("@elementor/ui");
+var SectionContent = ({ gap = 0.5, sx, children }) => /* @__PURE__ */ React21.createElement(import_ui14.Stack, { gap, sx: { ...sx } }, children);
 
 // src/controls/color-control.tsx
-var React23 = __toESM(require("react"));
+var React22 = __toESM(require("react"));
 var import_editor_props8 = require("@elementor/editor-props");
-var import_ui16 = require("@elementor/ui");
+var import_ui15 = require("@elementor/ui");
 var ColorControl = createControl(
   ({ propTypeUtil = import_editor_props8.colorPropTypeUtil, anchorEl, slotProps = {}, id, ...props }) => {
     const { value, setValue, placeholder: boundPropPlaceholder, disabled } = useBoundProp(propTypeUtil);
@@ -1225,8 +1196,8 @@ var ColorControl = createControl(
     const handleChange = (selectedColor) => {
       setValue(selectedColor || null);
     };
-    return /* @__PURE__ */ React23.createElement(ControlActions, null, /* @__PURE__ */ React23.createElement(
-      import_ui16.UnstableColorField,
+    return /* @__PURE__ */ React22.createElement(ControlActions, null, /* @__PURE__ */ React22.createElement(
+      import_ui15.UnstableColorField,
       {
         id,
         size: "tiny",
@@ -1267,28 +1238,28 @@ var ColorControl = createControl(
 var units = ["px", "em", "rem"];
 var StrokeControl = createControl(() => {
   const propContext = useBoundProp(import_editor_props9.strokePropTypeUtil);
-  const rowRef = (0, import_react15.useRef)(null);
-  return /* @__PURE__ */ React24.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React24.createElement(SectionContent, null, /* @__PURE__ */ React24.createElement(Control, { bind: "width", label: (0, import_i18n4.__)("Stroke width", "elementor"), ref: rowRef }, /* @__PURE__ */ React24.createElement(SizeControl, { units, anchorRef: rowRef })), /* @__PURE__ */ React24.createElement(Control, { bind: "color", label: (0, import_i18n4.__)("Stroke color", "elementor") }, /* @__PURE__ */ React24.createElement(ColorControl, null))));
+  const rowRef = (0, import_react14.useRef)(null);
+  return /* @__PURE__ */ React23.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React23.createElement(SectionContent, null, /* @__PURE__ */ React23.createElement(Control, { bind: "width", label: (0, import_i18n4.__)("Stroke width", "elementor"), ref: rowRef }, /* @__PURE__ */ React23.createElement(SizeControl, { units, anchorRef: rowRef })), /* @__PURE__ */ React23.createElement(Control, { bind: "color", label: (0, import_i18n4.__)("Stroke color", "elementor") }, /* @__PURE__ */ React23.createElement(ColorControl, null))));
 });
-var Control = (0, import_react15.forwardRef)(({ bind, label, children }, ref) => /* @__PURE__ */ React24.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React24.createElement(import_ui17.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap", ref }, /* @__PURE__ */ React24.createElement(import_ui17.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React24.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React24.createElement(import_ui17.Grid, { item: true, xs: 6 }, children))));
+var Control = (0, import_react14.forwardRef)(({ bind, label, children }, ref) => /* @__PURE__ */ React23.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React23.createElement(import_ui16.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap", ref }, /* @__PURE__ */ React23.createElement(import_ui16.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React23.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React23.createElement(import_ui16.Grid, { item: true, xs: 6 }, children))));
 
 // src/controls/box-shadow-repeater-control.tsx
-var React40 = __toESM(require("react"));
-var import_react22 = require("react");
+var React39 = __toESM(require("react"));
+var import_react21 = require("react");
 var import_editor_props10 = require("@elementor/editor-props");
-var import_ui31 = require("@elementor/ui");
+var import_ui30 = require("@elementor/ui");
 var import_i18n11 = require("@wordpress/i18n");
 
 // src/components/control-repeater/actions/tooltip-add-item-action.tsx
-var React26 = __toESM(require("react"));
+var React25 = __toESM(require("react"));
 var import_icons4 = require("@elementor/icons");
-var import_ui19 = require("@elementor/ui");
+var import_ui18 = require("@elementor/ui");
 var import_i18n5 = require("@wordpress/i18n");
 
 // src/components/control-repeater/context/repeater-context.tsx
-var React25 = __toESM(require("react"));
-var import_react17 = require("react");
-var import_ui18 = require("@elementor/ui");
+var React24 = __toESM(require("react"));
+var import_react16 = require("react");
+var import_ui17 = require("@elementor/ui");
 
 // src/services/event-bus.ts
 var EventBus = class {
@@ -1325,18 +1296,18 @@ var EventBus = class {
 var eventBus = new EventBus();
 
 // src/components/control-repeater/context/item-context.tsx
-var import_react16 = require("react");
-var ItemContext = (0, import_react16.createContext)({
+var import_react15 = require("react");
+var ItemContext = (0, import_react15.createContext)({
   index: -1,
   value: {}
 });
 
 // src/components/control-repeater/context/repeater-context.tsx
-var RepeaterContext = (0, import_react17.createContext)(null);
+var RepeaterContext = (0, import_react16.createContext)(null);
 var EMPTY_OPEN_ITEM = -1;
 var useRepeaterContext = () => {
-  const context = React25.useContext(RepeaterContext);
-  const itemContext = React25.useContext(ItemContext);
+  const context = React24.useContext(RepeaterContext);
+  const itemContext = React24.useContext(ItemContext);
   if (!context) {
     throw new Error("useRepeaterContext must be used within a RepeaterContextProvider");
   }
@@ -1355,10 +1326,10 @@ var RepeaterContextProvider = ({
     setExternal: setRepeaterValues,
     persistWhen: () => true
   });
-  const [uniqueKeys, setUniqueKeys] = (0, import_react17.useState)(() => {
+  const [uniqueKeys, setUniqueKeys] = (0, import_react16.useState)(() => {
     return items2?.map(() => generateUniqueKey()) ?? [];
   });
-  React25.useEffect(() => {
+  React24.useEffect(() => {
     const nextLength = items2?.length ?? 0;
     setUniqueKeys((prev) => {
       const prevLength = prev.length;
@@ -1371,7 +1342,7 @@ var RepeaterContextProvider = ({
       return [...prev, ...Array.from({ length: nextLength - prevLength }, generateUniqueKey)];
     });
   }, [items2?.length]);
-  const itemsWithKeys = (0, import_react17.useMemo)(
+  const itemsWithKeys = (0, import_react16.useMemo)(
     () => uniqueKeys.map((key, index) => ({
       key,
       item: items2[index]
@@ -1381,10 +1352,10 @@ var RepeaterContextProvider = ({
   const handleSetItems = (newItemsWithKeys) => {
     setItems(newItemsWithKeys.map(({ item }) => item));
   };
-  const [openItemIndex, setOpenItemIndex] = (0, import_react17.useState)(EMPTY_OPEN_ITEM);
-  const [rowRef, setRowRef] = (0, import_react17.useState)(null);
+  const [openItemIndex, setOpenItemIndex] = (0, import_react16.useState)(EMPTY_OPEN_ITEM);
+  const [rowRef, setRowRef] = (0, import_react16.useState)(null);
   const isOpen = openItemIndex !== EMPTY_OPEN_ITEM;
-  const popoverState = (0, import_ui18.usePopupState)({ variant: "popover" });
+  const popoverState = (0, import_ui17.usePopupState)({ variant: "popover" });
   const addItem = (ev, config) => {
     const item = config?.item ?? { ...initial };
     const newIndex = config?.index ?? items2.length;
@@ -1411,7 +1382,7 @@ var RepeaterContextProvider = ({
     const newItems = [...items2.slice(0, index), updatedItem, ...items2.slice(index + 1)];
     setItems(newItems);
   };
-  return /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React24.createElement(
     RepeaterContext.Provider,
     {
       value: {
@@ -1448,37 +1419,37 @@ var TooltipAddItemAction = ({
 }) => {
   const { addItem } = useRepeaterContext();
   const onClick = (ev) => addItem(ev, { index: newItemIndex });
-  return /* @__PURE__ */ React26.createElement(ConditionalToolTip, { content: tooltipContent, enable: enableTooltip }, /* @__PURE__ */ React26.createElement(import_ui19.Box, { component: "span", sx: { cursor: disabled ? "not-allowed" : "pointer" } }, /* @__PURE__ */ React26.createElement(
-    import_ui19.IconButton,
+  return /* @__PURE__ */ React25.createElement(ConditionalToolTip, { content: tooltipContent, enable: enableTooltip }, /* @__PURE__ */ React25.createElement(import_ui18.Box, { component: "span", sx: { cursor: disabled ? "not-allowed" : "pointer" } }, /* @__PURE__ */ React25.createElement(
+    import_ui18.IconButton,
     {
       size: SIZE2,
       disabled,
       onClick,
       "aria-label": (0, import_i18n5.sprintf)((0, import_i18n5.__)("Add %s item", "elementor"), ariaLabel?.toLowerCase())
     },
-    /* @__PURE__ */ React26.createElement(import_icons4.PlusIcon, { fontSize: SIZE2 })
+    /* @__PURE__ */ React25.createElement(import_icons4.PlusIcon, { fontSize: SIZE2 })
   )));
 };
 var ConditionalToolTip = ({
   children,
   enable,
   content
-}) => enable && content ? /* @__PURE__ */ React26.createElement(import_ui19.Infotip, { placement: "right", color: "secondary", content }, children) : children;
+}) => enable && content ? /* @__PURE__ */ React25.createElement(import_ui18.Infotip, { placement: "right", color: "secondary", content }, children) : children;
 
 // src/components/control-repeater/items/items-container.tsx
-var React28 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 
 // src/components/repeater/sortable.tsx
-var React27 = __toESM(require("react"));
+var React26 = __toESM(require("react"));
 var import_icons5 = require("@elementor/icons");
-var import_ui20 = require("@elementor/ui");
+var import_ui19 = require("@elementor/ui");
 var import_i18n6 = require("@wordpress/i18n");
 var SortableProvider = (props) => {
-  return /* @__PURE__ */ React27.createElement(import_ui20.List, { sx: { p: 0, my: -0.5, mx: 0 } }, /* @__PURE__ */ React27.createElement(import_ui20.UnstableSortableProvider, { restrictAxis: true, disableDragOverlay: false, variant: "static", ...props }));
+  return /* @__PURE__ */ React26.createElement(import_ui19.List, { sx: { p: 0, my: -0.5, mx: 0 } }, /* @__PURE__ */ React26.createElement(import_ui19.UnstableSortableProvider, { restrictAxis: true, disableDragOverlay: false, variant: "static", ...props }));
 };
 var SortableItem = ({ id, children, disabled }) => {
-  return /* @__PURE__ */ React27.createElement(
-    import_ui20.UnstableSortableItem,
+  return /* @__PURE__ */ React26.createElement(
+    import_ui19.UnstableSortableItem,
     {
       id,
       disabled,
@@ -1490,12 +1461,12 @@ var SortableItem = ({ id, children, disabled }) => {
         showDropIndication,
         dropIndicationStyle
       }) => {
-        return /* @__PURE__ */ React27.createElement(StyledListItem, { ...itemProps, style: itemStyle, tabIndex: -1 }, !disabled && /* @__PURE__ */ React27.createElement(SortableTrigger, { ...triggerProps, style: triggerStyle }), children, showDropIndication && /* @__PURE__ */ React27.createElement(StyledDivider, { style: dropIndicationStyle }));
+        return /* @__PURE__ */ React26.createElement(StyledListItem, { ...itemProps, style: itemStyle, tabIndex: -1 }, !disabled && /* @__PURE__ */ React26.createElement(SortableTrigger, { ...triggerProps, style: triggerStyle }), children, showDropIndication && /* @__PURE__ */ React26.createElement(StyledDivider, { style: dropIndicationStyle }));
       }
     }
   );
 };
-var StyledListItem = (0, import_ui20.styled)(import_ui20.ListItem)`
+var StyledListItem = (0, import_ui19.styled)(import_ui19.ListItem)`
 	position: relative;
 	margin-inline: 0px;
 	padding-inline: 0px;
@@ -1525,7 +1496,7 @@ var StyledListItem = (0, import_ui20.styled)(import_ui20.ListItem)`
 		}
 	}
 `;
-var SortableTrigger = (props) => /* @__PURE__ */ React27.createElement(
+var SortableTrigger = (props) => /* @__PURE__ */ React26.createElement(
   "div",
   {
     ...props,
@@ -1534,9 +1505,9 @@ var SortableTrigger = (props) => /* @__PURE__ */ React27.createElement(
     tabIndex: 0,
     "aria-label": (0, import_i18n6.__)("Drag item", "elementor")
   },
-  /* @__PURE__ */ React27.createElement(import_icons5.GripVerticalIcon, { fontSize: "tiny" })
+  /* @__PURE__ */ React26.createElement(import_icons5.GripVerticalIcon, { fontSize: "tiny" })
 );
-var StyledDivider = (0, import_ui20.styled)(import_ui20.Divider)`
+var StyledDivider = (0, import_ui19.styled)(import_ui19.Divider)`
 	height: 0px;
 	border: none;
 	overflow: visible;
@@ -1571,22 +1542,22 @@ var ItemsContainer = ({
       })
     );
   };
-  return /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(SortableProvider, { value: keys, onChange: onChangeOrder }, keys.map((key, index) => {
+  return /* @__PURE__ */ React27.createElement(React27.Fragment, null, /* @__PURE__ */ React27.createElement(SortableProvider, { value: keys, onChange: onChangeOrder }, keys.map((key, index) => {
     const value = items2[index].item;
-    return /* @__PURE__ */ React28.createElement(SortableItem, { id: key, key: `sortable-${key}`, disabled: !isSortable }, /* @__PURE__ */ React28.createElement(ItemContext.Provider, { value: { index, value } }, children));
+    return /* @__PURE__ */ React27.createElement(SortableItem, { id: key, key: `sortable-${key}`, disabled: !isSortable }, /* @__PURE__ */ React27.createElement(ItemContext.Provider, { value: { index, value } }, children));
   })));
 };
 
 // src/components/control-repeater/items/item.tsx
-var React30 = __toESM(require("react"));
-var import_ui22 = require("@elementor/ui");
+var React29 = __toESM(require("react"));
+var import_ui21 = require("@elementor/ui");
 var import_i18n7 = require("@wordpress/i18n");
 
 // src/hooks/use-repeatable-control-context.ts
-var import_react18 = require("react");
-var RepeatableControlContext = (0, import_react18.createContext)(void 0);
+var import_react17 = require("react");
+var RepeatableControlContext = (0, import_react17.createContext)(void 0);
 var useRepeatableControlContext = () => {
-  const context = (0, import_react18.useContext)(RepeatableControlContext);
+  const context = (0, import_react17.useContext)(RepeatableControlContext);
   if (!context) {
     throw new Error("useRepeatableControlContext must be used within RepeatableControl");
   }
@@ -1594,12 +1565,12 @@ var useRepeatableControlContext = () => {
 };
 
 // src/components/repeater/repeater-tag.tsx
-var React29 = __toESM(require("react"));
-var import_react19 = require("react");
-var import_ui21 = require("@elementor/ui");
-var RepeaterTag = (0, import_react19.forwardRef)((props, ref) => {
-  return /* @__PURE__ */ React29.createElement(
-    import_ui21.UnstableTag,
+var React28 = __toESM(require("react"));
+var import_react18 = require("react");
+var import_ui20 = require("@elementor/ui");
+var RepeaterTag = (0, import_react18.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ React28.createElement(
+    import_ui20.UnstableTag,
     {
       ref,
       fullWidth: true,
@@ -1628,9 +1599,9 @@ var Item = ({ Label: Label3, Icon, actions }) => {
     value,
     isItemDisabled: isItemDisabled2
   } = useRepeaterContext();
-  const repeatableContext = React30.useContext(RepeatableControlContext);
+  const repeatableContext = React29.useContext(RepeatableControlContext);
   const disableOpen = !!repeatableContext?.props?.readOnly;
-  const triggerProps = (0, import_ui22.bindTrigger)(popoverState);
+  const triggerProps = (0, import_ui21.bindTrigger)(popoverState);
   const onClick = (ev) => {
     if (disableOpen || isItemDisabled2(index)) {
       return;
@@ -1645,15 +1616,15 @@ var Item = ({ Label: Label3, Icon, actions }) => {
     setRowRef(ref);
     popoverState.setAnchorEl(ref);
   };
-  return /* @__PURE__ */ React30.createElement(
+  return /* @__PURE__ */ React29.createElement(
     RepeaterTag,
     {
       ref: setRef,
-      label: /* @__PURE__ */ React30.createElement(RepeaterItemLabelSlot, { value }, /* @__PURE__ */ React30.createElement(Label3, { value })),
+      label: /* @__PURE__ */ React29.createElement(RepeaterItemLabelSlot, { value }, /* @__PURE__ */ React29.createElement(Label3, { value })),
       "aria-label": (0, import_i18n7.__)("Open item", "elementor"),
       ...triggerProps,
       onClick,
-      startIcon: /* @__PURE__ */ React30.createElement(RepeaterItemIconSlot, { value }, /* @__PURE__ */ React30.createElement(Icon, { value })),
+      startIcon: /* @__PURE__ */ React29.createElement(RepeaterItemIconSlot, { value }, /* @__PURE__ */ React29.createElement(Icon, { value })),
       sx: {
         minHeight: (theme) => theme.spacing(3.5),
         ...isItemDisabled2(index) && {
@@ -1662,20 +1633,20 @@ var Item = ({ Label: Label3, Icon, actions }) => {
           }
         }
       },
-      actions: /* @__PURE__ */ React30.createElement(React30.Fragment, null, /* @__PURE__ */ React30.createElement(RepeaterItemActionsSlot, { index: index ?? -1 }), actions)
+      actions: /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement(RepeaterItemActionsSlot, { index: index ?? -1 }), actions)
     }
   );
 };
 
 // src/components/control-repeater/control-repeater.tsx
-var React31 = __toESM(require("react"));
+var React30 = __toESM(require("react"));
 var ControlRepeater = ({
   children,
   initial,
   propTypeUtil,
   isItemDisabled: isItemDisabled2
 }) => {
-  return /* @__PURE__ */ React31.createElement(SectionContent, null, /* @__PURE__ */ React31.createElement(
+  return /* @__PURE__ */ React30.createElement(SectionContent, null, /* @__PURE__ */ React30.createElement(
     RepeaterContextProvider,
     {
       initial,
@@ -1687,9 +1658,9 @@ var ControlRepeater = ({
 };
 
 // src/components/control-repeater/actions/disable-item-action.tsx
-var React32 = __toESM(require("react"));
+var React31 = __toESM(require("react"));
 var import_icons6 = require("@elementor/icons");
-var import_ui23 = require("@elementor/ui");
+var import_ui22 = require("@elementor/ui");
 var import_i18n8 = require("@wordpress/i18n");
 var SIZE3 = "tiny";
 var DisableItemAction = () => {
@@ -1707,13 +1678,13 @@ var DisableItemAction = () => {
     }
     updateItem(self, index);
   };
-  return /* @__PURE__ */ React32.createElement(import_ui23.Tooltip, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React32.createElement(import_ui23.IconButton, { size: SIZE3, onClick, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React32.createElement(import_icons6.EyeOffIcon, { fontSize: SIZE3 }) : /* @__PURE__ */ React32.createElement(import_icons6.EyeIcon, { fontSize: SIZE3 })));
+  return /* @__PURE__ */ React31.createElement(import_ui22.Tooltip, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React31.createElement(import_ui22.IconButton, { size: SIZE3, onClick, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React31.createElement(import_icons6.EyeOffIcon, { fontSize: SIZE3 }) : /* @__PURE__ */ React31.createElement(import_icons6.EyeIcon, { fontSize: SIZE3 })));
 };
 
 // src/components/control-repeater/actions/duplicate-item-action.tsx
-var React33 = __toESM(require("react"));
+var React32 = __toESM(require("react"));
 var import_icons7 = require("@elementor/icons");
-var import_ui24 = require("@elementor/ui");
+var import_ui23 = require("@elementor/ui");
 var import_i18n9 = require("@wordpress/i18n");
 var SIZE4 = "tiny";
 var DuplicateItemAction = () => {
@@ -1727,22 +1698,22 @@ var DuplicateItemAction = () => {
     const newItem = structuredClone(item);
     addItem(ev, { item: newItem, index: index + 1 });
   };
-  return /* @__PURE__ */ React33.createElement(import_ui24.Tooltip, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React33.createElement(
-    import_ui24.IconButton,
+  return /* @__PURE__ */ React32.createElement(import_ui23.Tooltip, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React32.createElement(
+    import_ui23.IconButton,
     {
       size: SIZE4,
       onClick,
       "aria-label": duplicateLabel,
       disabled: isItemDisabled2(index)
     },
-    /* @__PURE__ */ React33.createElement(import_icons7.CopyIcon, { fontSize: SIZE4 })
+    /* @__PURE__ */ React32.createElement(import_icons7.CopyIcon, { fontSize: SIZE4 })
   ));
 };
 
 // src/components/control-repeater/actions/remove-item-action.tsx
-var React34 = __toESM(require("react"));
+var React33 = __toESM(require("react"));
 var import_icons8 = require("@elementor/icons");
-var import_ui25 = require("@elementor/ui");
+var import_ui24 = require("@elementor/ui");
 var import_i18n10 = require("@wordpress/i18n");
 var SIZE5 = "tiny";
 var RemoveItemAction = () => {
@@ -1752,19 +1723,19 @@ var RemoveItemAction = () => {
   }
   const removeLabel = (0, import_i18n10.__)("Remove", "elementor");
   const onClick = () => removeItem(index);
-  return /* @__PURE__ */ React34.createElement(import_ui25.Tooltip, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React34.createElement(import_ui25.IconButton, { size: SIZE5, onClick, "aria-label": removeLabel }, /* @__PURE__ */ React34.createElement(import_icons8.XIcon, { fontSize: SIZE5 })));
+  return /* @__PURE__ */ React33.createElement(import_ui24.Tooltip, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React33.createElement(import_ui24.IconButton, { size: SIZE5, onClick, "aria-label": removeLabel }, /* @__PURE__ */ React33.createElement(import_icons8.XIcon, { fontSize: SIZE5 })));
 };
 
 // src/components/control-repeater/items/edit-item-popover.tsx
-var React36 = __toESM(require("react"));
-var import_ui27 = require("@elementor/ui");
-
-// src/components/repeater/repeater-popover.tsx
 var React35 = __toESM(require("react"));
 var import_ui26 = require("@elementor/ui");
+
+// src/components/repeater/repeater-popover.tsx
+var React34 = __toESM(require("react"));
+var import_ui25 = require("@elementor/ui");
 var RepeaterPopover = ({ children, width, ...props }) => {
-  return /* @__PURE__ */ React35.createElement(
-    import_ui26.Popover,
+  return /* @__PURE__ */ React34.createElement(
+    import_ui25.Popover,
     {
       disablePortal: true,
       disableEnforceFocus: true,
@@ -1791,34 +1762,34 @@ var EditItemPopover = ({ children }) => {
     popoverState.setAnchorEl(null);
     setOpenItemIndex(EMPTY_OPEN_ITEM);
   };
-  return /* @__PURE__ */ React36.createElement(RepeaterPopover, { width: rowRef.offsetWidth, ...(0, import_ui27.bindPopover)(popoverState), onClose }, /* @__PURE__ */ React36.createElement(PropKeyProvider, { bind: String(openItemIndex) }, /* @__PURE__ */ React36.createElement(import_ui27.Box, null, children)));
+  return /* @__PURE__ */ React35.createElement(RepeaterPopover, { width: rowRef.offsetWidth, ...(0, import_ui26.bindPopover)(popoverState), onClose }, /* @__PURE__ */ React35.createElement(PropKeyProvider, { bind: String(openItemIndex) }, /* @__PURE__ */ React35.createElement(import_ui26.Box, null, children)));
 };
 
 // src/components/popover-content.tsx
-var React37 = __toESM(require("react"));
-var import_ui28 = require("@elementor/ui");
-var PopoverContent = ({ gap = 1.5, children, ...props }) => /* @__PURE__ */ React37.createElement(import_ui28.Stack, { ...props, gap }, children);
+var React36 = __toESM(require("react"));
+var import_ui27 = require("@elementor/ui");
+var PopoverContent = ({ gap = 1.5, children, ...props }) => /* @__PURE__ */ React36.createElement(import_ui27.Stack, { ...props, gap }, children);
 
 // src/components/popover-grid-container.tsx
-var import_react20 = require("react");
-var React38 = __toESM(require("react"));
-var import_ui29 = require("@elementor/ui");
-var PopoverGridContainer = (0, import_react20.forwardRef)(
-  ({ gap = 1.5, alignItems = "center", flexWrap = "nowrap", children }, ref) => /* @__PURE__ */ React38.createElement(import_ui29.Grid, { container: true, gap, alignItems, flexWrap, ref }, children)
+var import_react19 = require("react");
+var React37 = __toESM(require("react"));
+var import_ui28 = require("@elementor/ui");
+var PopoverGridContainer = (0, import_react19.forwardRef)(
+  ({ gap = 1.5, alignItems = "center", flexWrap = "nowrap", children }, ref) => /* @__PURE__ */ React37.createElement(import_ui28.Grid, { container: true, gap, alignItems, flexWrap, ref }, children)
 );
 
 // src/components/repeater/repeater-header.tsx
-var React39 = __toESM(require("react"));
-var import_react21 = require("react");
-var import_ui30 = require("@elementor/ui");
-var RepeaterHeader = (0, import_react21.forwardRef)(
+var React38 = __toESM(require("react"));
+var import_react20 = require("react");
+var import_ui29 = require("@elementor/ui");
+var RepeaterHeader = (0, import_react20.forwardRef)(
   ({
     label,
     children,
     adornment: Adornment = ControlAdornments
   }, ref) => {
-    return /* @__PURE__ */ React39.createElement(
-      import_ui30.Stack,
+    return /* @__PURE__ */ React38.createElement(
+      import_ui29.Stack,
       {
         direction: "row",
         alignItems: "center",
@@ -1826,7 +1797,7 @@ var RepeaterHeader = (0, import_react21.forwardRef)(
         sx: { marginInlineEnd: -0.75, py: 0.25 },
         ref
       },
-      /* @__PURE__ */ React39.createElement(import_ui30.Box, { display: "flex", alignItems: "center", gap: 1, sx: { flexGrow: 1 } }, /* @__PURE__ */ React39.createElement(import_ui30.Typography, { component: "label", variant: "caption", color: "text.secondary", sx: { lineHeight: 1 } }, label), /* @__PURE__ */ React39.createElement(Adornment, null)),
+      /* @__PURE__ */ React38.createElement(import_ui29.Box, { display: "flex", alignItems: "center", gap: 1, sx: { flexGrow: 1 } }, /* @__PURE__ */ React38.createElement(import_ui29.Typography, { component: "label", variant: "caption", color: "text.secondary", sx: { lineHeight: 1 } }, label), /* @__PURE__ */ React38.createElement(Adornment, null)),
       children
     );
   }
@@ -1835,26 +1806,26 @@ var RepeaterHeader = (0, import_react21.forwardRef)(
 // src/controls/box-shadow-repeater-control.tsx
 var BoxShadowRepeaterControl = createControl(() => {
   const { propType, value, setValue, disabled } = useBoundProp(import_editor_props10.boxShadowPropTypeUtil);
-  return /* @__PURE__ */ React40.createElement(PropProvider, { propType, value, setValue, isDisabled: () => disabled }, /* @__PURE__ */ React40.createElement(ControlRepeater, { initial: initialShadow, propTypeUtil: import_editor_props10.boxShadowPropTypeUtil }, /* @__PURE__ */ React40.createElement(RepeaterHeader, { label: (0, import_i18n11.__)("Box shadow", "elementor") }, /* @__PURE__ */ React40.createElement(TooltipAddItemAction, { newItemIndex: 0, disabled, ariaLabel: "Box shadow" })), /* @__PURE__ */ React40.createElement(ItemsContainer, null, /* @__PURE__ */ React40.createElement(
+  return /* @__PURE__ */ React39.createElement(PropProvider, { propType, value, setValue, isDisabled: () => disabled }, /* @__PURE__ */ React39.createElement(ControlRepeater, { initial: initialShadow, propTypeUtil: import_editor_props10.boxShadowPropTypeUtil }, /* @__PURE__ */ React39.createElement(RepeaterHeader, { label: (0, import_i18n11.__)("Box shadow", "elementor") }, /* @__PURE__ */ React39.createElement(TooltipAddItemAction, { newItemIndex: 0, disabled, ariaLabel: "Box shadow" })), /* @__PURE__ */ React39.createElement(ItemsContainer, null, /* @__PURE__ */ React39.createElement(
     Item,
     {
       Icon: ItemIcon,
       Label: ItemLabel,
-      actions: /* @__PURE__ */ React40.createElement(React40.Fragment, null, /* @__PURE__ */ React40.createElement(DuplicateItemAction, null), /* @__PURE__ */ React40.createElement(DisableItemAction, null), /* @__PURE__ */ React40.createElement(RemoveItemAction, null))
+      actions: /* @__PURE__ */ React39.createElement(React39.Fragment, null, /* @__PURE__ */ React39.createElement(DuplicateItemAction, null), /* @__PURE__ */ React39.createElement(DisableItemAction, null), /* @__PURE__ */ React39.createElement(RemoveItemAction, null))
     }
-  )), /* @__PURE__ */ React40.createElement(EditItemPopover, null, /* @__PURE__ */ React40.createElement(Content, null))));
+  )), /* @__PURE__ */ React39.createElement(EditItemPopover, null, /* @__PURE__ */ React39.createElement(Content, null))));
 });
-var StyledUnstableColorIndicator = (0, import_ui31.styled)(import_ui31.UnstableColorIndicator)(({ theme }) => ({
+var StyledUnstableColorIndicator = (0, import_ui30.styled)(import_ui30.UnstableColorIndicator)(({ theme }) => ({
   height: "1rem",
   width: "1rem",
   borderRadius: `${theme.shape.borderRadius / 2}px`
 }));
-var ItemIcon = ({ value }) => /* @__PURE__ */ React40.createElement(StyledUnstableColorIndicator, { size: "inherit", component: "span", value: value.value.color?.value });
+var ItemIcon = ({ value }) => /* @__PURE__ */ React39.createElement(StyledUnstableColorIndicator, { size: "inherit", component: "span", value: value.value.color?.value });
 var Content = () => {
   const context = useBoundProp(import_editor_props10.shadowPropTypeUtil);
-  const rowRef = [(0, import_react22.useRef)(null), (0, import_react22.useRef)(null)];
+  const rowRef = [(0, import_react21.useRef)(null), (0, import_react21.useRef)(null)];
   const { rowRef: anchorEl } = useRepeaterContext();
-  return /* @__PURE__ */ React40.createElement(PropProvider, { ...context }, /* @__PURE__ */ React40.createElement(PopoverContent, { p: 1.5 }, /* @__PURE__ */ React40.createElement(PopoverGridContainer, null, /* @__PURE__ */ React40.createElement(Control2, { bind: "color", label: (0, import_i18n11.__)("Color", "elementor") }, /* @__PURE__ */ React40.createElement(ColorControl, { anchorEl })), /* @__PURE__ */ React40.createElement(Control2, { bind: "position", label: (0, import_i18n11.__)("Position", "elementor"), sx: { overflow: "hidden" } }, /* @__PURE__ */ React40.createElement(
+  return /* @__PURE__ */ React39.createElement(PropProvider, { ...context }, /* @__PURE__ */ React39.createElement(PopoverContent, { p: 1.5 }, /* @__PURE__ */ React39.createElement(PopoverGridContainer, null, /* @__PURE__ */ React39.createElement(Control2, { bind: "color", label: (0, import_i18n11.__)("Color", "elementor") }, /* @__PURE__ */ React39.createElement(ColorControl, { anchorEl })), /* @__PURE__ */ React39.createElement(Control2, { bind: "position", label: (0, import_i18n11.__)("Position", "elementor"), sx: { overflow: "hidden" } }, /* @__PURE__ */ React39.createElement(
     SelectControl,
     {
       options: [
@@ -1862,14 +1833,14 @@ var Content = () => {
         { label: (0, import_i18n11.__)("Outset", "elementor"), value: null }
       ]
     }
-  ))), /* @__PURE__ */ React40.createElement(PopoverGridContainer, { ref: rowRef[0] }, /* @__PURE__ */ React40.createElement(Control2, { bind: "hOffset", label: (0, import_i18n11.__)("Horizontal", "elementor") }, /* @__PURE__ */ React40.createElement(SizeControl, { anchorRef: rowRef[0] })), /* @__PURE__ */ React40.createElement(Control2, { bind: "vOffset", label: (0, import_i18n11.__)("Vertical", "elementor") }, /* @__PURE__ */ React40.createElement(SizeControl, { anchorRef: rowRef[0] }))), /* @__PURE__ */ React40.createElement(PopoverGridContainer, { ref: rowRef[1] }, /* @__PURE__ */ React40.createElement(Control2, { bind: "blur", label: (0, import_i18n11.__)("Blur", "elementor") }, /* @__PURE__ */ React40.createElement(SizeControl, { anchorRef: rowRef[1] })), /* @__PURE__ */ React40.createElement(Control2, { bind: "spread", label: (0, import_i18n11.__)("Spread", "elementor") }, /* @__PURE__ */ React40.createElement(SizeControl, { anchorRef: rowRef[1] })))));
+  ))), /* @__PURE__ */ React39.createElement(PopoverGridContainer, { ref: rowRef[0] }, /* @__PURE__ */ React39.createElement(Control2, { bind: "hOffset", label: (0, import_i18n11.__)("Horizontal", "elementor") }, /* @__PURE__ */ React39.createElement(SizeControl, { anchorRef: rowRef[0] })), /* @__PURE__ */ React39.createElement(Control2, { bind: "vOffset", label: (0, import_i18n11.__)("Vertical", "elementor") }, /* @__PURE__ */ React39.createElement(SizeControl, { anchorRef: rowRef[0] }))), /* @__PURE__ */ React39.createElement(PopoverGridContainer, { ref: rowRef[1] }, /* @__PURE__ */ React39.createElement(Control2, { bind: "blur", label: (0, import_i18n11.__)("Blur", "elementor") }, /* @__PURE__ */ React39.createElement(SizeControl, { anchorRef: rowRef[1] })), /* @__PURE__ */ React39.createElement(Control2, { bind: "spread", label: (0, import_i18n11.__)("Spread", "elementor") }, /* @__PURE__ */ React39.createElement(SizeControl, { anchorRef: rowRef[1] })))));
 };
 var Control2 = ({
   label,
   bind,
   children,
   sx
-}) => /* @__PURE__ */ React40.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React40.createElement(import_ui31.Grid, { item: true, xs: 6, sx }, /* @__PURE__ */ React40.createElement(import_ui31.Grid, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React40.createElement(import_ui31.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React40.createElement(import_ui31.FormLabel, { size: "tiny" }, label)), /* @__PURE__ */ React40.createElement(import_ui31.Grid, { item: true, xs: 12 }, children))));
+}) => /* @__PURE__ */ React39.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React39.createElement(import_ui30.Grid, { item: true, xs: 6, sx }, /* @__PURE__ */ React39.createElement(import_ui30.Grid, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React39.createElement(import_ui30.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React39.createElement(import_ui30.FormLabel, { size: "tiny" }, label)), /* @__PURE__ */ React39.createElement(import_ui30.Grid, { item: true, xs: 12 }, children))));
 var ItemLabel = ({ value }) => {
   const { position, hOffset, vOffset, blur, spread } = value.value;
   const { size: blurSize = "", unit: blurUnit = "" } = blur?.value || {};
@@ -1888,7 +1859,7 @@ var ItemLabel = ({ value }) => {
     }
     return !size ? CUSTOM_SIZE_LABEL : size;
   }).join(" ");
-  return /* @__PURE__ */ React40.createElement("span", { style: { textTransform: "capitalize" } }, positionLabel, ": ", sizes);
+  return /* @__PURE__ */ React39.createElement("span", { style: { textTransform: "capitalize" } }, positionLabel, ": ", sizes);
 };
 var initialShadow = {
   $$type: "shadow",
@@ -1918,13 +1889,13 @@ var initialShadow = {
 };
 
 // src/controls/filter-control/filter-repeater-control.tsx
-var React49 = __toESM(require("react"));
+var React48 = __toESM(require("react"));
 var import_editor_props15 = require("@elementor/editor-props");
 var import_i18n16 = require("@wordpress/i18n");
 
 // src/controls/filter-control/context/filter-config-context.tsx
-var React41 = __toESM(require("react"));
-var import_react23 = require("react");
+var React40 = __toESM(require("react"));
+var import_react22 = require("react");
 var import_editor_props11 = require("@elementor/editor-props");
 
 // src/controls/filter-control/utils.ts
@@ -2023,10 +1994,10 @@ function extractPropType(propType, filterFunctionGroup) {
 }
 
 // src/controls/filter-control/context/filter-config-context.tsx
-var FilterConfigContext = (0, import_react23.createContext)(null);
+var FilterConfigContext = (0, import_react22.createContext)(null);
 function FilterConfigProvider({ children }) {
   const propContext = useBoundProp(import_editor_props11.cssFilterFunctionPropUtil);
-  const contextValue = (0, import_react23.useMemo)(() => {
+  const contextValue = (0, import_react22.useMemo)(() => {
     const config = buildFilterConfig(propContext.propType.item_prop_type);
     const filterOptions = Object.entries(config).map(([key, conf]) => ({
       value: key,
@@ -2039,10 +2010,10 @@ function FilterConfigProvider({ children }) {
       getInitialValue: () => config.blur.defaultValue
     };
   }, [propContext.propType]);
-  return /* @__PURE__ */ React41.createElement(FilterConfigContext.Provider, { value: contextValue }, children);
+  return /* @__PURE__ */ React40.createElement(FilterConfigContext.Provider, { value: contextValue }, children);
 }
 function useFilterConfig() {
-  const context = (0, import_react23.useContext)(FilterConfigContext);
+  const context = (0, import_react22.useContext)(FilterConfigContext);
   if (!context) {
     throw new Error("useFilterConfig must be used within FilterConfigProvider");
   }
@@ -2050,16 +2021,16 @@ function useFilterConfig() {
 }
 
 // src/controls/filter-control/filter-content.tsx
-var React44 = __toESM(require("react"));
+var React43 = __toESM(require("react"));
 var import_editor_props14 = require("@elementor/editor-props");
-var import_ui34 = require("@elementor/ui");
+var import_ui33 = require("@elementor/ui");
 var import_i18n15 = require("@wordpress/i18n");
 
 // src/controls/filter-control/drop-shadow/drop-shadow-item-content.tsx
-var React42 = __toESM(require("react"));
-var import_react24 = require("react");
+var React41 = __toESM(require("react"));
+var import_react23 = require("react");
 var import_editor_props12 = require("@elementor/editor-props");
-var import_ui32 = require("@elementor/ui");
+var import_ui31 = require("@elementor/ui");
 var import_i18n14 = require("@wordpress/i18n");
 var items = [
   {
@@ -2085,8 +2056,8 @@ var items = [
 ];
 var DropShadowItemContent = ({ anchorEl }) => {
   const context = useBoundProp(import_editor_props12.dropShadowFilterPropTypeUtil);
-  const rowRefs = [(0, import_react24.useRef)(null), (0, import_react24.useRef)(null)];
-  return /* @__PURE__ */ React42.createElement(PropProvider, { ...context }, items.map((item) => /* @__PURE__ */ React42.createElement(PopoverGridContainer, { key: item.bind, ref: rowRefs[item.rowIndex] ?? null }, /* @__PURE__ */ React42.createElement(PropKeyProvider, { bind: item.bind }, /* @__PURE__ */ React42.createElement(import_ui32.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React42.createElement(ControlFormLabel, null, item.label)), /* @__PURE__ */ React42.createElement(import_ui32.Grid, { item: true, xs: 6 }, item.bind === "color" ? /* @__PURE__ */ React42.createElement(ColorControl, { anchorEl }) : /* @__PURE__ */ React42.createElement(
+  const rowRefs = [(0, import_react23.useRef)(null), (0, import_react23.useRef)(null)];
+  return /* @__PURE__ */ React41.createElement(PropProvider, { ...context }, items.map((item) => /* @__PURE__ */ React41.createElement(PopoverGridContainer, { key: item.bind, ref: rowRefs[item.rowIndex] ?? null }, /* @__PURE__ */ React41.createElement(PropKeyProvider, { bind: item.bind }, /* @__PURE__ */ React41.createElement(import_ui31.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React41.createElement(ControlFormLabel, null, item.label)), /* @__PURE__ */ React41.createElement(import_ui31.Grid, { item: true, xs: 6 }, item.bind === "color" ? /* @__PURE__ */ React41.createElement(ColorControl, { anchorEl }) : /* @__PURE__ */ React41.createElement(
     SizeControl,
     {
       anchorRef: rowRefs[item.rowIndex],
@@ -2097,10 +2068,10 @@ var DropShadowItemContent = ({ anchorEl }) => {
 };
 
 // src/controls/filter-control/single-size/single-size-item-content.tsx
-var import_react25 = require("react");
-var React43 = __toESM(require("react"));
+var import_react24 = require("react");
+var React42 = __toESM(require("react"));
 var import_editor_props13 = require("@elementor/editor-props");
-var import_ui33 = require("@elementor/ui");
+var import_ui32 = require("@elementor/ui");
 var propTypeMap = {
   blur: import_editor_props13.blurFilterPropTypeUtil,
   intensity: import_editor_props13.intensityFilterPropTypeUtil,
@@ -2108,11 +2079,11 @@ var propTypeMap = {
   "color-tone": import_editor_props13.colorToneFilterPropTypeUtil
 };
 var SingleSizeItemContent = ({ filterFunc }) => {
-  const rowRef = (0, import_react25.useRef)(null);
+  const rowRef = (0, import_react24.useRef)(null);
   const { getFilterFunctionConfig } = useFilterConfig();
   const { valueName, filterFunctionGroup } = getFilterFunctionConfig(filterFunc);
   const context = useBoundProp(propTypeMap[filterFunctionGroup]);
-  return /* @__PURE__ */ React43.createElement(PropProvider, { ...context }, /* @__PURE__ */ React43.createElement(PropKeyProvider, { bind: filterFunctionGroup }, /* @__PURE__ */ React43.createElement(PropKeyProvider, { bind: "size" }, /* @__PURE__ */ React43.createElement(PopoverGridContainer, { ref: rowRef }, /* @__PURE__ */ React43.createElement(import_ui33.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React43.createElement(ControlFormLabel, null, valueName)), /* @__PURE__ */ React43.createElement(import_ui33.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React43.createElement(SizeControl, { anchorRef: rowRef, enablePropTypeUnits: true }))))));
+  return /* @__PURE__ */ React42.createElement(PropProvider, { ...context }, /* @__PURE__ */ React42.createElement(PropKeyProvider, { bind: filterFunctionGroup }, /* @__PURE__ */ React42.createElement(PropKeyProvider, { bind: "size" }, /* @__PURE__ */ React42.createElement(PopoverGridContainer, { ref: rowRef }, /* @__PURE__ */ React42.createElement(import_ui32.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React42.createElement(ControlFormLabel, null, valueName)), /* @__PURE__ */ React42.createElement(import_ui32.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React42.createElement(SizeControl, { anchorRef: rowRef, enablePropTypeUnits: true }))))));
 };
 
 // src/controls/filter-control/filter-content.tsx
@@ -2130,7 +2101,7 @@ var FilterContent = () => {
     }
     propContext.setValue(newValue);
   };
-  return /* @__PURE__ */ React44.createElement(PropProvider, { ...propContext, setValue: handleValueChange }, /* @__PURE__ */ React44.createElement(PropKeyProvider, { bind: "css-filter-func" }, /* @__PURE__ */ React44.createElement(PopoverContent, { p: 1.5 }, /* @__PURE__ */ React44.createElement(PopoverGridContainer, null, /* @__PURE__ */ React44.createElement(import_ui34.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React44.createElement(ControlFormLabel, null, (0, import_i18n15.__)("Filter", "elementor"))), /* @__PURE__ */ React44.createElement(import_ui34.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React44.createElement(PropKeyProvider, { bind: "func" }, /* @__PURE__ */ React44.createElement(SelectControl, { options: filterOptions })))), /* @__PURE__ */ React44.createElement(PropKeyProvider, { bind: "args" }, /* @__PURE__ */ React44.createElement(FilterValueContent, null)))));
+  return /* @__PURE__ */ React43.createElement(PropProvider, { ...propContext, setValue: handleValueChange }, /* @__PURE__ */ React43.createElement(PropKeyProvider, { bind: "css-filter-func" }, /* @__PURE__ */ React43.createElement(PopoverContent, { p: 1.5 }, /* @__PURE__ */ React43.createElement(PopoverGridContainer, null, /* @__PURE__ */ React43.createElement(import_ui33.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React43.createElement(ControlFormLabel, null, (0, import_i18n15.__)("Filter", "elementor"))), /* @__PURE__ */ React43.createElement(import_ui33.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React43.createElement(PropKeyProvider, { bind: "func" }, /* @__PURE__ */ React43.createElement(SelectControl, { options: filterOptions })))), /* @__PURE__ */ React43.createElement(PropKeyProvider, { bind: "args" }, /* @__PURE__ */ React43.createElement(FilterValueContent, null)))));
 };
 var FilterValueContent = () => {
   const { openItemIndex, items: items2 } = useRepeaterContext();
@@ -2138,19 +2109,19 @@ var FilterValueContent = () => {
   const filterFunc = currentItem.item.value.func.value;
   const isDropShadow = filterFunc === "drop-shadow";
   if (isDropShadow) {
-    return /* @__PURE__ */ React44.createElement(DropShadowItemContent, null);
+    return /* @__PURE__ */ React43.createElement(DropShadowItemContent, null);
   }
-  return /* @__PURE__ */ React44.createElement(SingleSizeItemContent, { filterFunc });
+  return /* @__PURE__ */ React43.createElement(SingleSizeItemContent, { filterFunc });
 };
 
 // src/controls/filter-control/filter-icon.tsx
-var React45 = __toESM(require("react"));
-var import_ui35 = require("@elementor/ui");
+var React44 = __toESM(require("react"));
+var import_ui34 = require("@elementor/ui");
 var FilterIcon = ({ value }) => {
   if (value.value.func.value !== "drop-shadow") {
     return null;
   }
-  return /* @__PURE__ */ React45.createElement(
+  return /* @__PURE__ */ React44.createElement(
     StyledUnstableColorIndicator2,
     {
       size: "inherit",
@@ -2159,44 +2130,44 @@ var FilterIcon = ({ value }) => {
     }
   );
 };
-var StyledUnstableColorIndicator2 = (0, import_ui35.styled)(import_ui35.UnstableColorIndicator)(({ theme }) => ({
+var StyledUnstableColorIndicator2 = (0, import_ui34.styled)(import_ui34.UnstableColorIndicator)(({ theme }) => ({
   borderRadius: `${theme.shape.borderRadius / 2}px`
 }));
 
 // src/controls/filter-control/filter-label.tsx
-var React48 = __toESM(require("react"));
+var React47 = __toESM(require("react"));
 
 // src/controls/filter-control/drop-shadow/drop-shadow-item-label.tsx
-var React46 = __toESM(require("react"));
-var import_ui36 = require("@elementor/ui");
+var React45 = __toESM(require("react"));
+var import_ui35 = require("@elementor/ui");
 var DropShadowItemLabel = ({ value }) => {
   const values = value.value.args.value;
   const keys = ["xAxis", "yAxis", "blur"];
   const labels = keys.map(
     (key) => values[key]?.value?.unit !== "custom" ? `${values[key]?.value?.size ?? 0}${values[key]?.value?.unit ?? "px"}` : values[key]?.value?.size || CUSTOM_SIZE_LABEL
   );
-  return /* @__PURE__ */ React46.createElement(import_ui36.Box, { component: "span" }, /* @__PURE__ */ React46.createElement(import_ui36.Box, { component: "span", style: { textTransform: "capitalize" } }, "Drop shadow:"), ` ${labels.join(" ")}`);
+  return /* @__PURE__ */ React45.createElement(import_ui35.Box, { component: "span" }, /* @__PURE__ */ React45.createElement(import_ui35.Box, { component: "span", style: { textTransform: "capitalize" } }, "Drop shadow:"), ` ${labels.join(" ")}`);
 };
 
 // src/controls/filter-control/single-size/single-size-item-label.tsx
-var React47 = __toESM(require("react"));
-var import_ui37 = require("@elementor/ui");
+var React46 = __toESM(require("react"));
+var import_ui36 = require("@elementor/ui");
 var SingleSizeItemLabel = ({ value }) => {
   const { func, args } = value.value;
   const { getFilterFunctionConfig } = useFilterConfig();
   const { defaultValue } = getFilterFunctionConfig(func.value ?? "");
   const defaultUnit = defaultValue.value.args.value?.size?.value?.unit ?? lengthUnits[0];
   const { unit, size } = args.value.size?.value ?? { unit: defaultUnit, size: 0 };
-  const label = /* @__PURE__ */ React47.createElement(import_ui37.Box, { component: "span", style: { textTransform: "capitalize" } }, func.value ?? "", ":");
-  return /* @__PURE__ */ React47.createElement(import_ui37.Box, { component: "span" }, label, " " + (unit !== "custom" ? `${size ?? 0}${unit ?? defaultUnit}` : size || CUSTOM_SIZE_LABEL));
+  const label = /* @__PURE__ */ React46.createElement(import_ui36.Box, { component: "span", style: { textTransform: "capitalize" } }, func.value ?? "", ":");
+  return /* @__PURE__ */ React46.createElement(import_ui36.Box, { component: "span" }, label, " " + (unit !== "custom" ? `${size ?? 0}${unit ?? defaultUnit}` : size || CUSTOM_SIZE_LABEL));
 };
 
 // src/controls/filter-control/filter-label.tsx
 var FilterLabel = ({ value }) => {
   if (value.value.func.value === "drop-shadow") {
-    return /* @__PURE__ */ React48.createElement(DropShadowItemLabel, { value });
+    return /* @__PURE__ */ React47.createElement(DropShadowItemLabel, { value });
   }
-  return /* @__PURE__ */ React48.createElement(SingleSizeItemLabel, { value });
+  return /* @__PURE__ */ React47.createElement(SingleSizeItemLabel, { value });
 };
 
 // src/controls/filter-control/filter-repeater-control.tsx
@@ -2213,7 +2184,7 @@ var FILTER_CONFIG = {
 var FilterRepeaterControl = createControl(({ filterPropName = "filter" }) => {
   const { propTypeUtil, label } = ensureFilterConfig(filterPropName);
   const { propType, value: filterValues, setValue } = useBoundProp(propTypeUtil);
-  return /* @__PURE__ */ React49.createElement(FilterConfigProvider, null, /* @__PURE__ */ React49.createElement(PropProvider, { propType, value: filterValues, setValue }, /* @__PURE__ */ React49.createElement(
+  return /* @__PURE__ */ React48.createElement(FilterConfigProvider, null, /* @__PURE__ */ React48.createElement(PropProvider, { propType, value: filterValues, setValue }, /* @__PURE__ */ React48.createElement(
     Repeater,
     {
       propTypeUtil,
@@ -2224,20 +2195,20 @@ var FilterRepeaterControl = createControl(({ filterPropName = "filter" }) => {
 });
 var Repeater = ({ propTypeUtil, label, filterPropName }) => {
   const { getInitialValue: getInitialValue2 } = useFilterConfig();
-  return /* @__PURE__ */ React49.createElement(ControlRepeater, { initial: getInitialValue2(), propTypeUtil }, /* @__PURE__ */ React49.createElement(RepeaterHeader, { label }, /* @__PURE__ */ React49.createElement(
+  return /* @__PURE__ */ React48.createElement(ControlRepeater, { initial: getInitialValue2(), propTypeUtil }, /* @__PURE__ */ React48.createElement(RepeaterHeader, { label }, /* @__PURE__ */ React48.createElement(
     TooltipAddItemAction,
     {
       newItemIndex: 0,
       ariaLabel: filterPropName === "backdrop-filter" ? "backdrop filter" : "filter"
     }
-  )), /* @__PURE__ */ React49.createElement(ItemsContainer, null, /* @__PURE__ */ React49.createElement(
+  )), /* @__PURE__ */ React48.createElement(ItemsContainer, null, /* @__PURE__ */ React48.createElement(
     Item,
     {
       Label: FilterLabel,
       Icon: FilterIcon,
-      actions: /* @__PURE__ */ React49.createElement(React49.Fragment, null, /* @__PURE__ */ React49.createElement(DuplicateItemAction, null), /* @__PURE__ */ React49.createElement(DisableItemAction, null), /* @__PURE__ */ React49.createElement(RemoveItemAction, null))
+      actions: /* @__PURE__ */ React48.createElement(React48.Fragment, null, /* @__PURE__ */ React48.createElement(DuplicateItemAction, null), /* @__PURE__ */ React48.createElement(DisableItemAction, null), /* @__PURE__ */ React48.createElement(RemoveItemAction, null))
     }
-  )), /* @__PURE__ */ React49.createElement(EditItemPopover, null, /* @__PURE__ */ React49.createElement(FilterContent, null)));
+  )), /* @__PURE__ */ React48.createElement(EditItemPopover, null, /* @__PURE__ */ React48.createElement(FilterContent, null)));
 };
 function ensureFilterConfig(name) {
   if (name && name in FILTER_CONFIG) {
@@ -2247,8 +2218,8 @@ function ensureFilterConfig(name) {
 }
 
 // src/controls/select-control-wrapper.tsx
-var React50 = __toESM(require("react"));
-var import_react26 = require("react");
+var React49 = __toESM(require("react"));
+var import_react25 = require("react");
 var getOffCanvasElements = () => {
   const extendedWindow = window;
   const documentId = extendedWindow.elementor.config.document.id;
@@ -2266,8 +2237,8 @@ var collectionMethods = {
   "off-canvas": getOffCanvasElements
 };
 var useDynamicOptions = (collectionId, initialOptions) => {
-  const [options, setOptions] = (0, import_react26.useState)(initialOptions ?? []);
-  (0, import_react26.useEffect)(() => {
+  const [options, setOptions] = (0, import_react25.useState)(initialOptions ?? []);
+  (0, import_react25.useEffect)(() => {
     if (!collectionId || !collectionMethods[collectionId]) {
       setOptions(initialOptions ?? []);
       return;
@@ -2279,33 +2250,33 @@ var useDynamicOptions = (collectionId, initialOptions) => {
 var SelectControlWrapper = createControl(
   ({ collectionId, options, ...props }) => {
     const actualOptions = useDynamicOptions(collectionId, options);
-    return /* @__PURE__ */ React50.createElement(SelectControl, { options: actualOptions, ...props });
+    return /* @__PURE__ */ React49.createElement(SelectControl, { options: actualOptions, ...props });
   }
 );
 
 // src/controls/toggle-control.tsx
-var React54 = __toESM(require("react"));
+var React53 = __toESM(require("react"));
 var import_editor_props16 = require("@elementor/editor-props");
 
 // src/components/control-toggle-button-group.tsx
-var React52 = __toESM(require("react"));
-var import_react27 = require("react");
+var React51 = __toESM(require("react"));
+var import_react26 = require("react");
 var import_icons9 = require("@elementor/icons");
-var import_ui39 = require("@elementor/ui");
+var import_ui38 = require("@elementor/ui");
 
 // src/components/conditional-tooltip.tsx
-var React51 = __toESM(require("react"));
-var import_ui38 = require("@elementor/ui");
+var React50 = __toESM(require("react"));
+var import_ui37 = require("@elementor/ui");
 var ConditionalTooltip = ({
   showTooltip,
   children,
   label
 }) => {
-  return showTooltip && label ? /* @__PURE__ */ React51.createElement(import_ui38.Tooltip, { title: label, disableFocusListener: true, placement: "top" }, children) : children;
+  return showTooltip && label ? /* @__PURE__ */ React50.createElement(import_ui37.Tooltip, { title: label, disableFocusListener: true, placement: "top" }, children) : children;
 };
 
 // src/components/control-toggle-button-group.tsx
-var StyledToggleButtonGroup = (0, import_ui39.styled)(import_ui39.ToggleButtonGroup)`
+var StyledToggleButtonGroup = (0, import_ui38.styled)(import_ui38.ToggleButtonGroup)`
 	${({ justify }) => `justify-content: ${justify};`}
 	button:not( :last-of-type ) {
 		border-start-end-radius: 0;
@@ -2320,7 +2291,7 @@ var StyledToggleButtonGroup = (0, import_ui39.styled)(import_ui39.ToggleButtonGr
 		border-end-end-radius: 8px;
 	}
 `;
-var StyledToggleButton = (0, import_ui39.styled)(import_ui39.ToggleButton, {
+var StyledToggleButton = (0, import_ui38.styled)(import_ui38.ToggleButton, {
   shouldForwardProp: (prop) => prop !== "isPlaceholder"
 })`
 	${({ theme, isPlaceholder }) => isPlaceholder && `
@@ -2332,7 +2303,7 @@ var StyledToggleButton = (0, import_ui39.styled)(import_ui39.ToggleButton, {
 		}
 	`}
 `;
-var ToggleButtonGroupUi = React52.forwardRef(
+var ToggleButtonGroupUi = React51.forwardRef(
   ({
     justify = "end",
     size = "tiny",
@@ -2348,12 +2319,12 @@ var ToggleButtonGroupUi = React52.forwardRef(
     const shouldSliceItems = exclusive && maxItems !== void 0 && items2.length > maxItems;
     const menuItems = shouldSliceItems ? items2.slice(maxItems - 1) : [];
     const fixedItems = shouldSliceItems ? items2.slice(0, maxItems - 1) : items2;
-    const theme = (0, import_ui39.useTheme)();
+    const theme = (0, import_ui38.useTheme)();
     const isRtl = "rtl" === theme.direction;
     const handleChange = (_, newValue) => {
       onChange(newValue);
     };
-    const getGridTemplateColumns = (0, import_react27.useMemo)(() => {
+    const getGridTemplateColumns = (0, import_react26.useMemo)(() => {
       const isOffLimits = menuItems?.length;
       const itemsCount = isOffLimits ? fixedItems.length + 1 : fixedItems.length;
       const templateColumnsSuffix = isOffLimits ? "auto" : "";
@@ -2377,7 +2348,7 @@ var ToggleButtonGroupUi = React52.forwardRef(
       return [];
     };
     const placeholderArray = getPlaceholderArray(placeholder);
-    return /* @__PURE__ */ React52.createElement(
+    return /* @__PURE__ */ React51.createElement(
       StyledToggleButtonGroup,
       {
         ref,
@@ -2395,14 +2366,14 @@ var ToggleButtonGroupUi = React52.forwardRef(
       },
       fixedItems.map(({ label, value: buttonValue, renderContent: Content3, showTooltip }) => {
         const isPlaceholder = placeholderArray.length > 0 && placeholderArray.includes(buttonValue) && (shouldShowExclusivePlaceholder || shouldShowNonExclusivePlaceholder);
-        return /* @__PURE__ */ React52.createElement(
+        return /* @__PURE__ */ React51.createElement(
           ConditionalTooltip,
           {
             key: buttonValue,
             label,
             showTooltip: showTooltip || false
           },
-          /* @__PURE__ */ React52.createElement(
+          /* @__PURE__ */ React51.createElement(
             StyledToggleButton,
             {
               value: buttonValue,
@@ -2411,11 +2382,11 @@ var ToggleButtonGroupUi = React52.forwardRef(
               fullWidth,
               isPlaceholder
             },
-            /* @__PURE__ */ React52.createElement(Content3, { size })
+            /* @__PURE__ */ React51.createElement(Content3, { size })
           )
         );
       }),
-      menuItems.length && exclusive && /* @__PURE__ */ React52.createElement(
+      menuItems.length && exclusive && /* @__PURE__ */ React51.createElement(
         SplitButtonGroup,
         {
           size,
@@ -2429,7 +2400,7 @@ var ToggleButtonGroupUi = React52.forwardRef(
   }
 );
 var ControlToggleButtonGroup = (props) => {
-  return /* @__PURE__ */ React52.createElement(ControlActions, null, /* @__PURE__ */ React52.createElement(ToggleButtonGroupUi, { ...props }));
+  return /* @__PURE__ */ React51.createElement(ControlActions, null, /* @__PURE__ */ React51.createElement(ToggleButtonGroupUi, { ...props }));
 };
 var SplitButtonGroup = ({
   size = "tiny",
@@ -2439,8 +2410,8 @@ var SplitButtonGroup = ({
   value
 }) => {
   const previewButton = usePreviewButton(items2, value);
-  const [isMenuOpen, setIsMenuOpen] = (0, import_react27.useState)(false);
-  const menuButtonRef = (0, import_react27.useRef)(null);
+  const [isMenuOpen, setIsMenuOpen] = (0, import_react26.useState)(false);
+  const menuButtonRef = (0, import_react26.useRef)(null);
   const onMenuToggle = (ev) => {
     setIsMenuOpen((prev) => !prev);
     ev.preventDefault();
@@ -2453,8 +2424,8 @@ var SplitButtonGroup = ({
     const shouldRemove = newValue === value;
     onChange(shouldRemove ? null : newValue);
   };
-  return /* @__PURE__ */ React52.createElement(React52.Fragment, null, /* @__PURE__ */ React52.createElement(
-    import_ui39.ToggleButton,
+  return /* @__PURE__ */ React51.createElement(React51.Fragment, null, /* @__PURE__ */ React51.createElement(
+    import_ui38.ToggleButton,
     {
       value: previewButton.value,
       "aria-label": previewButton.label,
@@ -2466,8 +2437,8 @@ var SplitButtonGroup = ({
       }
     },
     previewButton.renderContent({ size })
-  ), /* @__PURE__ */ React52.createElement(
-    import_ui39.ToggleButton,
+  ), /* @__PURE__ */ React51.createElement(
+    import_ui38.ToggleButton,
     {
       size,
       "aria-expanded": isMenuOpen ? "true" : void 0,
@@ -2477,9 +2448,9 @@ var SplitButtonGroup = ({
       ref: menuButtonRef,
       value: "__chevron-icon-button__"
     },
-    /* @__PURE__ */ React52.createElement(import_icons9.ChevronDownIcon, { fontSize: size })
-  ), /* @__PURE__ */ React52.createElement(
-    import_ui39.Menu,
+    /* @__PURE__ */ React51.createElement(import_icons9.ChevronDownIcon, { fontSize: size })
+  ), /* @__PURE__ */ React51.createElement(
+    import_ui38.Menu,
     {
       open: isMenuOpen,
       onClose: () => setIsMenuOpen(false),
@@ -2496,22 +2467,22 @@ var SplitButtonGroup = ({
         mt: 0.5
       }
     },
-    items2.map(({ label, value: buttonValue }) => /* @__PURE__ */ React52.createElement(
-      import_ui39.MenuItem,
+    items2.map(({ label, value: buttonValue }) => /* @__PURE__ */ React51.createElement(
+      import_ui38.MenuItem,
       {
         key: buttonValue,
         selected: buttonValue === value,
         onClick: () => onMenuItemClick(buttonValue)
       },
-      /* @__PURE__ */ React52.createElement(import_ui39.ListItemText, null, /* @__PURE__ */ React52.createElement(import_ui39.Typography, { sx: { fontSize: "14px" } }, label))
+      /* @__PURE__ */ React51.createElement(import_ui38.ListItemText, null, /* @__PURE__ */ React51.createElement(import_ui38.Typography, { sx: { fontSize: "14px" } }, label))
     ))
   ));
 };
 var usePreviewButton = (items2, value) => {
-  const [previewButton, setPreviewButton] = (0, import_react27.useState)(
+  const [previewButton, setPreviewButton] = (0, import_react26.useState)(
     items2.find((item) => item.value === value) ?? items2[0]
   );
-  (0, import_react27.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     const selectedButton = items2.find((item) => item.value === value);
     if (selectedButton) {
       setPreviewButton(selectedButton);
@@ -2521,7 +2492,7 @@ var usePreviewButton = (items2, value) => {
 };
 
 // src/utils/convert-toggle-options-to-atomic.tsx
-var React53 = __toESM(require("react"));
+var React52 = __toESM(require("react"));
 var Icons = __toESM(require("@elementor/icons"));
 var convertToggleOptionsToAtomic = (options) => {
   return options.map((option) => {
@@ -2532,7 +2503,7 @@ var convertToggleOptionsToAtomic = (options) => {
       label: option.label,
       renderContent: ({ size }) => {
         if (IconComponent) {
-          return /* @__PURE__ */ React53.createElement(IconComponent, { fontSize: size });
+          return /* @__PURE__ */ React52.createElement(IconComponent, { fontSize: size });
         }
         return option.label;
       },
@@ -2568,7 +2539,7 @@ var ToggleControl = createControl(
       size,
       placeholder
     };
-    return exclusive ? /* @__PURE__ */ React54.createElement(
+    return exclusive ? /* @__PURE__ */ React53.createElement(
       ControlToggleButtonGroup,
       {
         ...toggleButtonGroupProps,
@@ -2577,7 +2548,7 @@ var ToggleControl = createControl(
         disabled,
         exclusive: true
       }
-    ) : /* @__PURE__ */ React54.createElement(
+    ) : /* @__PURE__ */ React53.createElement(
       ControlToggleButtonGroup,
       {
         ...toggleButtonGroupProps,
@@ -2591,9 +2562,9 @@ var ToggleControl = createControl(
 );
 
 // src/controls/number-control.tsx
-var React55 = __toESM(require("react"));
+var React54 = __toESM(require("react"));
 var import_editor_props17 = require("@elementor/editor-props");
-var import_ui40 = require("@elementor/ui");
+var import_ui39 = require("@elementor/ui");
 var isEmptyOrNaN = (value) => value === null || value === void 0 || value === "" || Number.isNaN(Number(value));
 var NumberControl = createControl(
   ({
@@ -2622,7 +2593,7 @@ var NumberControl = createControl(
       }
       setValue(updatedValue, void 0, { validation: () => isInputValid });
     };
-    return /* @__PURE__ */ React55.createElement(ControlActions, null, /* @__PURE__ */ React55.createElement(
+    return /* @__PURE__ */ React54.createElement(ControlActions, null, /* @__PURE__ */ React54.createElement(
       NumberInput,
       {
         size: "tiny",
@@ -2635,7 +2606,7 @@ 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__ */ React54.createElement(import_ui39.InputAdornment, { position: "start", disabled }, startIcon) : void 0
         }
       }
     ));
@@ -2643,9 +2614,9 @@ var NumberControl = createControl(
 );
 
 // src/controls/equal-unequal-sizes-control.tsx
-var React56 = __toESM(require("react"));
-var import_react28 = require("react");
-var import_ui41 = require("@elementor/ui");
+var React55 = __toESM(require("react"));
+var import_react27 = require("react");
+var import_ui40 = require("@elementor/ui");
 var import_i18n17 = require("@wordpress/i18n");
 function EqualUnequalSizesControl({
   label,
@@ -2654,9 +2625,9 @@ function EqualUnequalSizesControl({
   items: items2,
   multiSizePropTypeUtil
 }) {
-  const popupId = (0, import_react28.useId)();
-  const popupState = (0, import_ui41.usePopupState)({ variant: "popover", popupId });
-  const rowRefs = [(0, import_react28.useRef)(null), (0, import_react28.useRef)(null)];
+  const popupId = (0, import_react27.useId)();
+  const popupState = (0, import_ui40.usePopupState)({ variant: "popover", popupId });
+  const rowRefs = [(0, import_react27.useRef)(null), (0, import_react27.useRef)(null)];
   const { propType: multiSizePropType, disabled: multiSizeDisabled } = useBoundProp(multiSizePropTypeUtil);
   const { value: masterValue, setValue: setMasterValue, placeholder: masterPlaceholder } = useBoundProp();
   const getMultiSizeValues = (sourceValue) => {
@@ -2694,27 +2665,27 @@ function EqualUnequalSizesControl({
     }
     setMasterValue(Object.values(newValue)?.pop() ?? null);
   };
-  return /* @__PURE__ */ React56.createElement(React56.Fragment, null, /* @__PURE__ */ React56.createElement(import_ui41.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap", ref: rowRefs[0] }, /* @__PURE__ */ React56.createElement(import_ui41.Grid, { item: true, xs: 6 }, !isShowingGeneralIndicator ? /* @__PURE__ */ React56.createElement(ControlFormLabel, null, label) : /* @__PURE__ */ React56.createElement(ControlLabel, null, label)), /* @__PURE__ */ React56.createElement(import_ui41.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React56.createElement(import_ui41.Stack, { direction: "row", alignItems: "center", gap: 1 }, /* @__PURE__ */ React56.createElement(import_ui41.Box, { flexGrow: 1 }, /* @__PURE__ */ React56.createElement(
+  return /* @__PURE__ */ React55.createElement(React55.Fragment, null, /* @__PURE__ */ React55.createElement(import_ui40.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap", ref: rowRefs[0] }, /* @__PURE__ */ React55.createElement(import_ui40.Grid, { item: true, xs: 6 }, !isShowingGeneralIndicator ? /* @__PURE__ */ React55.createElement(ControlFormLabel, null, label) : /* @__PURE__ */ React55.createElement(ControlLabel, null, label)), /* @__PURE__ */ React55.createElement(import_ui40.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React55.createElement(import_ui40.Stack, { direction: "row", alignItems: "center", gap: 1 }, /* @__PURE__ */ React55.createElement(import_ui40.Box, { flexGrow: 1 }, /* @__PURE__ */ React55.createElement(
     SizeControl,
     {
       placeholder: isMixed ? (0, import_i18n17.__)("Mixed", "elementor") : void 0,
       enablePropTypeUnits: !isMixed || !isMixedPlaceholder,
       anchorRef: rowRefs[0]
     }
-  )), /* @__PURE__ */ React56.createElement(import_ui41.Tooltip, { title: tooltipLabel, placement: "top" }, /* @__PURE__ */ React56.createElement(
+  )), /* @__PURE__ */ React55.createElement(import_ui40.Tooltip, { title: tooltipLabel, placement: "top" }, /* @__PURE__ */ React55.createElement(
     StyledToggleButton,
     {
       size: "tiny",
       value: "check",
       sx: { marginLeft: "auto" },
-      ...(0, import_ui41.bindToggle)(popupState),
+      ...(0, import_ui40.bindToggle)(popupState),
       selected: popupState.isOpen,
       isPlaceholder: isMixedPlaceholder,
       "aria-label": tooltipLabel
     },
     icon
-  ))))), /* @__PURE__ */ React56.createElement(
-    import_ui41.Popover,
+  ))))), /* @__PURE__ */ React55.createElement(
+    import_ui40.Popover,
     {
       disablePortal: true,
       disableScrollLock: true,
@@ -2726,12 +2697,12 @@ function EqualUnequalSizesControl({
         vertical: "top",
         horizontal: "right"
       },
-      ...(0, import_ui41.bindPopover)(popupState),
+      ...(0, import_ui40.bindPopover)(popupState),
       slotProps: {
         paper: { sx: { mt: 0.5, width: rowRefs[0].current?.getBoundingClientRect().width } }
       }
     },
-    /* @__PURE__ */ React56.createElement(
+    /* @__PURE__ */ React55.createElement(
       PropProvider,
       {
         propType: multiSizePropType,
@@ -2740,25 +2711,25 @@ function EqualUnequalSizesControl({
         setValue: applyMultiSizeValue,
         isDisabled: () => multiSizeDisabled
       },
-      /* @__PURE__ */ React56.createElement(PopoverContent, { p: 1.5 }, /* @__PURE__ */ React56.createElement(PopoverGridContainer, { ref: rowRefs[1] }, /* @__PURE__ */ React56.createElement(MultiSizeValueControl, { item: items2[0], rowRef: rowRefs[1] }), /* @__PURE__ */ React56.createElement(MultiSizeValueControl, { item: items2[1], rowRef: rowRefs[1] })), /* @__PURE__ */ React56.createElement(PopoverGridContainer, { ref: rowRefs[2] }, /* @__PURE__ */ React56.createElement(MultiSizeValueControl, { item: items2[2], rowRef: rowRefs[2] }), /* @__PURE__ */ React56.createElement(MultiSizeValueControl, { item: items2[3], rowRef: rowRefs[2] })))
+      /* @__PURE__ */ React55.createElement(PopoverContent, { p: 1.5 }, /* @__PURE__ */ React55.createElement(PopoverGridContainer, { ref: rowRefs[1] }, /* @__PURE__ */ React55.createElement(MultiSizeValueControl, { item: items2[0], rowRef: rowRefs[1] }), /* @__PURE__ */ React55.createElement(MultiSizeValueControl, { item: items2[1], rowRef: rowRefs[1] })), /* @__PURE__ */ React55.createElement(PopoverGridContainer, { ref: rowRefs[2] }, /* @__PURE__ */ React55.createElement(MultiSizeValueControl, { item: items2[2], rowRef: rowRefs[2] }), /* @__PURE__ */ React55.createElement(MultiSizeValueControl, { item: items2[3], rowRef: rowRefs[2] })))
     )
   ));
 }
 var MultiSizeValueControl = ({ item, rowRef }) => {
   const { bind, label, icon, ariaLabel } = item;
-  return /* @__PURE__ */ React56.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React56.createElement(import_ui41.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React56.createElement(import_ui41.Grid, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React56.createElement(import_ui41.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React56.createElement(ControlLabel, null, label)), /* @__PURE__ */ React56.createElement(import_ui41.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React56.createElement(SizeControl, { startIcon: icon, ariaLabel, anchorRef: rowRef })))));
+  return /* @__PURE__ */ React55.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React55.createElement(import_ui40.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React55.createElement(import_ui40.Grid, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React55.createElement(import_ui40.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React55.createElement(ControlLabel, null, label)), /* @__PURE__ */ React55.createElement(import_ui40.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React55.createElement(SizeControl, { startIcon: icon, ariaLabel, anchorRef: rowRef })))));
 };
 
 // src/controls/linked-dimensions-control.tsx
-var React57 = __toESM(require("react"));
-var import_react29 = require("react");
+var React56 = __toESM(require("react"));
+var import_react28 = require("react");
 var import_editor_props18 = require("@elementor/editor-props");
 var import_editor_responsive2 = require("@elementor/editor-responsive");
 var import_icons10 = require("@elementor/icons");
-var import_ui42 = require("@elementor/ui");
+var import_ui41 = require("@elementor/ui");
 var import_i18n18 = require("@wordpress/i18n");
 var LinkedDimensionsControl = ({ label, isSiteRtl = false, extendedOptions, min }) => {
-  const gridRowRefs = [(0, import_react29.useRef)(null), (0, import_react29.useRef)(null)];
+  const gridRowRefs = [(0, import_react28.useRef)(null), (0, import_react28.useRef)(null)];
   const { disabled: sizeDisabled } = useBoundProp(import_editor_props18.sizePropTypeUtil);
   const {
     value: dimensionsValue,
@@ -2777,9 +2748,9 @@ var LinkedDimensionsControl = ({ label, isSiteRtl = false, extendedOptions, min
     }
     return true;
   };
-  const [isLinked, setIsLinked] = (0, import_react29.useState)(() => inferIsLinked());
+  const [isLinked, setIsLinked] = (0, import_react28.useState)(() => inferIsLinked());
   const activeBreakpoint = (0, import_editor_responsive2.useActiveBreakpoint)();
-  (0, import_react29.useLayoutEffect)(() => {
+  (0, import_react28.useLayoutEffect)(() => {
     setIsLinked(inferIsLinked);
   }, [activeBreakpoint]);
   const onLinkToggle = () => {
@@ -2820,7 +2791,7 @@ var LinkedDimensionsControl = ({ label, isSiteRtl = false, extendedOptions, min
     isDisabled: () => dimensionsDisabled
   };
   const hasPlaceholders = !masterValue && (dimensionsPlaceholder || masterPlaceholder);
-  return /* @__PURE__ */ React57.createElement(PropProvider, { ...propProviderProps }, /* @__PURE__ */ React57.createElement(import_ui42.Stack, { direction: "row", gap: 2, flexWrap: "nowrap" }, /* @__PURE__ */ React57.createElement(ControlFormLabel, null, label), /* @__PURE__ */ React57.createElement(import_ui42.Tooltip, { title: isLinked ? unlinkedLabel : linkedLabel, placement: "top" }, /* @__PURE__ */ React57.createElement(
+  return /* @__PURE__ */ React56.createElement(PropProvider, { ...propProviderProps }, /* @__PURE__ */ React56.createElement(import_ui41.Stack, { direction: "row", gap: 2, flexWrap: "nowrap" }, /* @__PURE__ */ React56.createElement(ControlFormLabel, null, label), /* @__PURE__ */ React56.createElement(import_ui41.Tooltip, { title: isLinked ? unlinkedLabel : linkedLabel, placement: "top" }, /* @__PURE__ */ React56.createElement(
     StyledToggleButton,
     {
       "aria-label": isLinked ? unlinkedLabel : linkedLabel,
@@ -2832,8 +2803,8 @@ var LinkedDimensionsControl = ({ label, isSiteRtl = false, extendedOptions, min
       disabled,
       isPlaceholder: hasPlaceholders
     },
-    /* @__PURE__ */ React57.createElement(LinkedIcon, { fontSize: "tiny" })
-  ))), getCssDimensionProps(label, isSiteRtl).map((row, index) => /* @__PURE__ */ React57.createElement(import_ui42.Stack, { direction: "row", gap: 2, flexWrap: "nowrap", key: index, ref: gridRowRefs[index] }, row.map(({ icon, ...props }) => /* @__PURE__ */ React57.createElement(import_ui42.Grid, { container: true, gap: 0.75, alignItems: "center", key: props.bind }, /* @__PURE__ */ React57.createElement(import_ui42.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React57.createElement(Label, { ...props })), /* @__PURE__ */ React57.createElement(import_ui42.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React57.createElement(
+    /* @__PURE__ */ React56.createElement(LinkedIcon, { fontSize: "tiny" })
+  ))), getCssDimensionProps(label, isSiteRtl).map((row, index) => /* @__PURE__ */ React56.createElement(import_ui41.Stack, { direction: "row", gap: 2, flexWrap: "nowrap", key: index, ref: gridRowRefs[index] }, row.map(({ icon, ...props }) => /* @__PURE__ */ React56.createElement(import_ui41.Grid, { container: true, gap: 0.75, alignItems: "center", key: props.bind }, /* @__PURE__ */ React56.createElement(import_ui41.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React56.createElement(Label, { ...props })), /* @__PURE__ */ React56.createElement(import_ui41.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React56.createElement(
     Control3,
     {
       bind: props.bind,
@@ -2856,7 +2827,7 @@ var Control3 = ({
   min
 }) => {
   if (isLinked) {
-    return /* @__PURE__ */ React57.createElement(
+    return /* @__PURE__ */ React56.createElement(
       SizeControl,
       {
         ariaLabel,
@@ -2867,7 +2838,7 @@ var Control3 = ({
       }
     );
   }
-  return /* @__PURE__ */ React57.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React57.createElement(
+  return /* @__PURE__ */ React56.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React56.createElement(
     SizeControl,
     {
       ariaLabel,
@@ -2879,7 +2850,7 @@ var Control3 = ({
   ));
 };
 var Label = ({ label, bind }) => {
-  return /* @__PURE__ */ React57.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React57.createElement(ControlLabel, null, label));
+  return /* @__PURE__ */ React56.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React56.createElement(ControlLabel, null, label));
 };
 function getCssDimensionProps(label, isSiteRtl) {
   return [
@@ -2889,7 +2860,7 @@ function getCssDimensionProps(label, isSiteRtl) {
         label: (0, import_i18n18.__)("Top", "elementor"),
         /* translators: %s is the name of the main group (margin or padding) */
         ariaLabel: (0, import_i18n18.sprintf)((0, import_i18n18.__)("%s top", "elementor"), label),
-        icon: /* @__PURE__ */ React57.createElement(import_icons10.SideTopIcon, { fontSize: "tiny" })
+        icon: /* @__PURE__ */ React56.createElement(import_icons10.SideTopIcon, { fontSize: "tiny" })
       },
       {
         bind: "inline-end",
@@ -2901,7 +2872,7 @@ function getCssDimensionProps(label, isSiteRtl) {
           /* translators: %s is the name of the main group (margin or padding) */
           (0, import_i18n18.sprintf)((0, import_i18n18.__)("%s right", "elementor"), label)
         ),
-        icon: isSiteRtl ? /* @__PURE__ */ React57.createElement(import_icons10.SideLeftIcon, { fontSize: "tiny" }) : /* @__PURE__ */ React57.createElement(import_icons10.SideRightIcon, { fontSize: "tiny" })
+        icon: isSiteRtl ? /* @__PURE__ */ React56.createElement(import_icons10.SideLeftIcon, { fontSize: "tiny" }) : /* @__PURE__ */ React56.createElement(import_icons10.SideRightIcon, { fontSize: "tiny" })
       }
     ],
     [
@@ -2910,7 +2881,7 @@ function getCssDimensionProps(label, isSiteRtl) {
         label: (0, import_i18n18.__)("Bottom", "elementor"),
         /* translators: %s is the name of the main group (margin or padding) */
         ariaLabel: (0, import_i18n18.sprintf)((0, import_i18n18.__)("%s bottom", "elementor"), label),
-        icon: /* @__PURE__ */ React57.createElement(import_icons10.SideBottomIcon, { fontSize: "tiny" })
+        icon: /* @__PURE__ */ React56.createElement(import_icons10.SideBottomIcon, { fontSize: "tiny" })
       },
       {
         bind: "inline-start",
@@ -2922,24 +2893,24 @@ function getCssDimensionProps(label, isSiteRtl) {
           /* translators: %s is the name of the main group (margin or padding) */
           (0, import_i18n18.sprintf)((0, import_i18n18.__)("%s left", "elementor"), label)
         ),
-        icon: isSiteRtl ? /* @__PURE__ */ React57.createElement(import_icons10.SideRightIcon, { fontSize: "tiny" }) : /* @__PURE__ */ React57.createElement(import_icons10.SideLeftIcon, { fontSize: "tiny" })
+        icon: isSiteRtl ? /* @__PURE__ */ React56.createElement(import_icons10.SideRightIcon, { fontSize: "tiny" }) : /* @__PURE__ */ React56.createElement(import_icons10.SideLeftIcon, { fontSize: "tiny" })
       }
     ]
   ];
 }
 
 // src/controls/font-family-control/font-family-control.tsx
-var React59 = __toESM(require("react"));
+var React58 = __toESM(require("react"));
 var import_editor_props19 = require("@elementor/editor-props");
 var import_icons11 = require("@elementor/icons");
-var import_ui44 = require("@elementor/ui");
+var import_ui43 = require("@elementor/ui");
 var import_i18n20 = require("@wordpress/i18n");
 
 // src/components/item-selector.tsx
-var React58 = __toESM(require("react"));
-var import_react30 = require("react");
-var import_editor_ui4 = require("@elementor/editor-ui");
-var import_ui43 = require("@elementor/ui");
+var React57 = __toESM(require("react"));
+var import_react29 = require("react");
+var import_editor_ui5 = require("@elementor/editor-ui");
+var import_ui42 = require("@elementor/ui");
 var import_utils3 = require("@elementor/utils");
 var import_i18n19 = require("@wordpress/i18n");
 
@@ -2976,7 +2947,7 @@ var ItemSelector = ({
   footer,
   categoryItemContentTemplate
 }) => {
-  const [searchValue, setSearchValue] = (0, import_react30.useState)("");
+  const [searchValue, setSearchValue] = (0, import_react29.useState)("");
   const filteredItemsList = useFilteredItemsList(itemsList, searchValue, disabledItems);
   const IconComponent = icon;
   const handleSearch = (value) => {
@@ -2986,15 +2957,15 @@ var ItemSelector = ({
     setSearchValue("");
     onClose();
   };
-  return /* @__PURE__ */ React58.createElement(import_editor_ui4.PopoverBody, { width: sectionWidth, id }, /* @__PURE__ */ React58.createElement(import_editor_ui4.PopoverHeader, { title, onClose: handleClose, icon: /* @__PURE__ */ React58.createElement(IconComponent, { fontSize: "tiny" }) }), /* @__PURE__ */ React58.createElement(
-    import_editor_ui4.SearchField,
+  return /* @__PURE__ */ React57.createElement(import_editor_ui5.PopoverBody, { width: sectionWidth, id }, /* @__PURE__ */ React57.createElement(import_editor_ui5.PopoverHeader, { title, onClose: handleClose, icon: /* @__PURE__ */ React57.createElement(IconComponent, { fontSize: "tiny" }) }), /* @__PURE__ */ React57.createElement(
+    import_editor_ui5.SearchField,
     {
       value: searchValue,
       onSearch: handleSearch,
       placeholder: (0, import_i18n19.__)("Search", "elementor"),
       id: id + "-search"
     }
-  ), /* @__PURE__ */ React58.createElement(import_ui43.Divider, null), /* @__PURE__ */ React58.createElement(import_ui43.Box, { sx: { flex: 1, overflow: "auto", minHeight: 0 } }, filteredItemsList.length > 0 ? /* @__PURE__ */ React58.createElement(
+  ), /* @__PURE__ */ React57.createElement(import_ui42.Divider, null), /* @__PURE__ */ React57.createElement(import_ui42.Box, { sx: { flex: 1, overflow: "auto", minHeight: 0 } }, filteredItemsList.length > 0 ? /* @__PURE__ */ React57.createElement(
     ItemList,
     {
       itemListItems: filteredItemsList,
@@ -3005,8 +2976,8 @@ var ItemSelector = ({
       onDebounce,
       categoryItemContentTemplate
     }
-  ) : /* @__PURE__ */ React58.createElement(
-    import_ui43.Stack,
+  ) : /* @__PURE__ */ React57.createElement(
+    import_ui42.Stack,
     {
       alignItems: "center",
       justifyContent: "center",
@@ -3015,27 +2986,27 @@ var ItemSelector = ({
       gap: 1.5,
       overflow: "hidden"
     },
-    /* @__PURE__ */ React58.createElement(IconComponent, { fontSize: "large" }),
-    /* @__PURE__ */ React58.createElement(import_ui43.Box, { sx: { maxWidth: 160, overflow: "hidden" } }, /* @__PURE__ */ React58.createElement(import_ui43.Typography, { align: "center", variant: "subtitle2", color: "text.secondary" }, (0, import_i18n19.__)("Sorry, nothing matched", "elementor")), /* @__PURE__ */ React58.createElement(
-      import_ui43.Typography,
+    /* @__PURE__ */ React57.createElement(IconComponent, { fontSize: "large" }),
+    /* @__PURE__ */ React57.createElement(import_ui42.Box, { sx: { maxWidth: 160, overflow: "hidden" } }, /* @__PURE__ */ React57.createElement(import_ui42.Typography, { align: "center", variant: "subtitle2", color: "text.secondary" }, (0, import_i18n19.__)("Sorry, nothing matched", "elementor")), /* @__PURE__ */ React57.createElement(
+      import_ui42.Typography,
       {
         variant: "subtitle2",
         color: "text.secondary",
         sx: { display: "flex", width: "100%", justifyContent: "center" }
       },
-      /* @__PURE__ */ React58.createElement("span", null, "\u201C"),
-      /* @__PURE__ */ React58.createElement(
-        import_ui43.Box,
+      /* @__PURE__ */ React57.createElement("span", null, "\u201C"),
+      /* @__PURE__ */ React57.createElement(
+        import_ui42.Box,
         {
           component: "span",
           sx: { maxWidth: "80%", overflow: "hidden", textOverflow: "ellipsis" }
         },
         searchValue
       ),
-      /* @__PURE__ */ React58.createElement("span", null, "\u201D.")
+      /* @__PURE__ */ React57.createElement("span", null, "\u201D.")
     )),
-    /* @__PURE__ */ React58.createElement(
-      import_ui43.Typography,
+    /* @__PURE__ */ React57.createElement(
+      import_ui42.Typography,
       {
         align: "center",
         variant: "caption",
@@ -3043,8 +3014,8 @@ var ItemSelector = ({
         sx: { display: "flex", flexDirection: "column" }
       },
       (0, import_i18n19.__)("Try something else.", "elementor"),
-      /* @__PURE__ */ React58.createElement(
-        import_ui43.Link,
+      /* @__PURE__ */ React57.createElement(
+        import_ui42.Link,
         {
           color: "secondary",
           variant: "caption",
@@ -3074,9 +3045,9 @@ var ItemList = ({
       }
     });
   }, 100);
-  const memoizedItemStyle = (0, import_react30.useCallback)((item) => itemStyle(item), [itemStyle]);
-  return /* @__PURE__ */ React58.createElement(
-    import_editor_ui4.PopoverMenuList,
+  const memoizedItemStyle = (0, import_react29.useCallback)((item) => itemStyle(item), [itemStyle]);
+  return /* @__PURE__ */ React57.createElement(
+    import_editor_ui5.PopoverMenuList,
     {
       items: itemListItems,
       selectedValue: selectedItemFound?.value,
@@ -3090,8 +3061,8 @@ var ItemList = ({
   );
 };
 var useDebounce = (fn, delay) => {
-  const [debouncedFn] = (0, import_react30.useState)(() => (0, import_utils3.debounce)(fn, delay));
-  (0, import_react30.useEffect)(() => () => debouncedFn.cancel(), [debouncedFn]);
+  const [debouncedFn] = (0, import_react29.useState)(() => (0, import_utils3.debounce)(fn, delay));
+  (0, import_react29.useEffect)(() => () => debouncedFn.cancel(), [debouncedFn]);
   return debouncedFn;
 };
 
@@ -3110,22 +3081,22 @@ var FontFamilyControl = createControl(
       disabled,
       placeholder
     } = useBoundProp(import_editor_props19.stringPropTypeUtil);
-    const popoverState = (0, import_ui44.usePopupState)({ variant: "popover" });
+    const popoverState = (0, import_ui43.usePopupState)({ variant: "popover" });
     const isShowingPlaceholder = !fontFamily && placeholder;
-    const mapFontSubs = React59.useMemo(() => {
+    const mapFontSubs = React58.useMemo(() => {
       return fontFamilies.map(({ label, fonts }) => ({
         label,
         items: fonts
       }));
     }, [fontFamilies]);
-    return /* @__PURE__ */ React59.createElement(React59.Fragment, null, /* @__PURE__ */ React59.createElement(ControlActions, null, /* @__PURE__ */ React59.createElement(
-      import_ui44.UnstableTag,
+    return /* @__PURE__ */ React58.createElement(React58.Fragment, null, /* @__PURE__ */ React58.createElement(ControlActions, null, /* @__PURE__ */ React58.createElement(
+      import_ui43.UnstableTag,
       {
         id: "font-family-control",
         variant: "outlined",
         label: fontFamily || placeholder,
-        endIcon: /* @__PURE__ */ React59.createElement(import_icons11.ChevronDownIcon, { fontSize: "tiny" }),
-        ...(0, import_ui44.bindTrigger)(popoverState),
+        endIcon: /* @__PURE__ */ React58.createElement(import_icons11.ChevronDownIcon, { fontSize: "tiny" }),
+        ...(0, import_ui43.bindTrigger)(popoverState),
         fullWidth: true,
         disabled,
         "aria-label": ariaLabel,
@@ -3136,17 +3107,17 @@ var FontFamilyControl = createControl(
           textTransform: "capitalize"
         } : void 0
       }
-    )), /* @__PURE__ */ React59.createElement(
-      import_ui44.Popover,
+    )), /* @__PURE__ */ React58.createElement(
+      import_ui43.Popover,
       {
         disablePortal: true,
         disableScrollLock: true,
         anchorOrigin: { vertical: "bottom", horizontal: "right" },
         transformOrigin: { vertical: "top", horizontal: "right" },
         sx: { my: 1.5 },
-        ...(0, import_ui44.bindPopover)(popoverState)
+        ...(0, import_ui43.bindPopover)(popoverState)
       },
-      /* @__PURE__ */ React59.createElement(
+      /* @__PURE__ */ React58.createElement(
         ItemSelector,
         {
           id: "font-family-selector",
@@ -3166,15 +3137,15 @@ var FontFamilyControl = createControl(
 );
 
 // src/controls/url-control.tsx
-var React60 = __toESM(require("react"));
+var React59 = __toESM(require("react"));
 var import_editor_props20 = require("@elementor/editor-props");
-var import_ui45 = require("@elementor/ui");
+var import_ui44 = require("@elementor/ui");
 var UrlControl = createControl(
   ({ placeholder, ariaLabel }) => {
     const { value, setValue, disabled } = useBoundProp(import_editor_props20.urlPropTypeUtil);
     const handleChange = (event) => setValue(event.target.value);
-    return /* @__PURE__ */ React60.createElement(ControlActions, null, /* @__PURE__ */ React60.createElement(
-      import_ui45.TextField,
+    return /* @__PURE__ */ React59.createElement(ControlActions, null, /* @__PURE__ */ React59.createElement(
+      import_ui44.TextField,
       {
         size: "tiny",
         fullWidth: true,
@@ -3191,21 +3162,21 @@ var UrlControl = createControl(
 );
 
 // src/controls/link-control.tsx
-var React65 = __toESM(require("react"));
-var import_react33 = require("react");
+var React64 = __toESM(require("react"));
+var import_react32 = require("react");
 var import_editor_elements2 = require("@elementor/editor-elements");
 var import_editor_props23 = require("@elementor/editor-props");
 var import_icons15 = require("@elementor/icons");
 var import_session = require("@elementor/session");
-var import_ui49 = require("@elementor/ui");
+var import_ui48 = require("@elementor/ui");
 var import_utils5 = require("@elementor/utils");
 var import_i18n23 = require("@wordpress/i18n");
 
 // src/components/restricted-link-infotip.tsx
-var React61 = __toESM(require("react"));
+var React60 = __toESM(require("react"));
 var import_editor_elements = require("@elementor/editor-elements");
 var import_icons12 = require("@elementor/icons");
-var import_ui46 = require("@elementor/ui");
+var import_ui45 = require("@elementor/ui");
 var import_i18n21 = require("@wordpress/i18n");
 var learnMoreButton = {
   label: (0, import_i18n21.__)("Learn More", "elementor"),
@@ -3232,13 +3203,13 @@ var RestrictedLinkInfotip = ({
       (0, import_editor_elements.selectElement)(elementId);
     }
   };
-  const content = /* @__PURE__ */ React61.createElement(
-    import_ui46.Alert,
+  const content = /* @__PURE__ */ React60.createElement(
+    import_ui45.Alert,
     {
       color: "secondary",
-      icon: /* @__PURE__ */ React61.createElement(import_icons12.InfoCircleFilledIcon, null),
-      action: /* @__PURE__ */ React61.createElement(
-        import_ui46.AlertAction,
+      icon: /* @__PURE__ */ React60.createElement(import_icons12.InfoCircleFilledIcon, null),
+      action: /* @__PURE__ */ React60.createElement(
+        import_ui45.AlertAction,
         {
           sx: { width: "fit-content" },
           variant: "contained",
@@ -3248,24 +3219,24 @@ var RestrictedLinkInfotip = ({
         (0, import_i18n21.__)("Take me there", "elementor")
       )
     },
-    /* @__PURE__ */ React61.createElement(import_ui46.AlertTitle, null, (0, import_i18n21.__)("Nested links", "elementor")),
-    /* @__PURE__ */ React61.createElement(import_ui46.Box, { component: "span" }, INFOTIP_CONTENT[reason ?? "descendant"], " ", /* @__PURE__ */ React61.createElement(import_ui46.Link, { href: learnMoreButton.href, target: "_blank", color: "info.main" }, learnMoreButton.label))
+    /* @__PURE__ */ React60.createElement(import_ui45.AlertTitle, null, (0, import_i18n21.__)("Nested links", "elementor")),
+    /* @__PURE__ */ React60.createElement(import_ui45.Box, { component: "span" }, INFOTIP_CONTENT[reason ?? "descendant"], " ", /* @__PURE__ */ React60.createElement(import_ui45.Link, { href: learnMoreButton.href, target: "_blank", color: "info.main" }, learnMoreButton.label))
   );
-  return shouldRestrict && isVisible ? /* @__PURE__ */ React61.createElement(
-    import_ui46.Infotip,
+  return shouldRestrict && isVisible ? /* @__PURE__ */ React60.createElement(
+    import_ui45.Infotip,
     {
       placement: "right",
       content,
       color: "secondary",
       slotProps: { popper: { sx: { width: 300 } } }
     },
-    /* @__PURE__ */ React61.createElement(import_ui46.Box, null, children)
-  ) : /* @__PURE__ */ React61.createElement(React61.Fragment, null, children);
+    /* @__PURE__ */ React60.createElement(import_ui45.Box, null, children)
+  ) : /* @__PURE__ */ React60.createElement(React60.Fragment, null, children);
 };
 
 // src/controls/query-control.tsx
-var React63 = __toESM(require("react"));
-var import_react32 = require("react");
+var React62 = __toESM(require("react"));
+var import_react31 = require("react");
 var import_editor_props21 = require("@elementor/editor-props");
 var import_http_client2 = require("@elementor/http-client");
 var import_icons14 = require("@elementor/icons");
@@ -3273,11 +3244,11 @@ var import_utils4 = require("@elementor/utils");
 var import_i18n22 = require("@wordpress/i18n");
 
 // src/components/autocomplete.tsx
-var React62 = __toESM(require("react"));
-var import_react31 = require("react");
+var React61 = __toESM(require("react"));
+var import_react30 = require("react");
 var import_icons13 = require("@elementor/icons");
-var import_ui47 = require("@elementor/ui");
-var Autocomplete = (0, import_react31.forwardRef)((props, ref) => {
+var import_ui46 = require("@elementor/ui");
+var Autocomplete = (0, import_react30.forwardRef)((props, ref) => {
   const {
     options,
     onOptionChange,
@@ -3299,8 +3270,8 @@ var Autocomplete = (0, import_react31.forwardRef)((props, ref) => {
   const valueLength = value?.toString()?.length ?? 0;
   const meetsMinLength = valueLength >= minInputLength;
   const shouldOpen = meetsMinLength && (allowCustomValues ? optionKeys.length > 0 : true);
-  return /* @__PURE__ */ React62.createElement(
-    import_ui47.Autocomplete,
+  return /* @__PURE__ */ React61.createElement(
+    import_ui46.Autocomplete,
     {
       ...restProps,
       ref,
@@ -3320,8 +3291,8 @@ var Autocomplete = (0, import_react31.forwardRef)((props, ref) => {
       groupBy: isCategorizedOptionPool(options) ? (optionId) => findMatchingOption(options, optionId)?.groupLabel || optionId : void 0,
       isOptionEqualToValue,
       filterOptions: () => optionKeys,
-      renderOption: (optionProps, optionId) => /* @__PURE__ */ React62.createElement(import_ui47.Box, { component: "li", ...optionProps, key: optionProps.id }, findMatchingOption(options, optionId)?.label ?? optionId),
-      renderInput: (params) => /* @__PURE__ */ React62.createElement(
+      renderOption: (optionProps, optionId) => /* @__PURE__ */ React61.createElement(import_ui46.Box, { component: "li", ...optionProps, key: optionProps.id }, findMatchingOption(options, optionId)?.label ?? optionId),
+      renderInput: (params) => /* @__PURE__ */ React61.createElement(
         TextInput,
         {
           params,
@@ -3348,8 +3319,8 @@ var TextInput = ({
   const onChange = (event) => {
     handleChange(event.target.value);
   };
-  return /* @__PURE__ */ React62.createElement(
-    import_ui47.TextField,
+  return /* @__PURE__ */ React61.createElement(
+    import_ui46.TextField,
     {
       ...params,
       placeholder,
@@ -3362,8 +3333,8 @@ var TextInput = ({
       },
       InputProps: {
         ...params.InputProps,
-        startAdornment: startAdornment ? /* @__PURE__ */ React62.createElement(import_ui47.InputAdornment, { position: "start" }, startAdornment) : params.InputProps.startAdornment,
-        endAdornment: /* @__PURE__ */ React62.createElement(ClearButton, { params, allowClear, handleChange })
+        startAdornment: startAdornment ? /* @__PURE__ */ React61.createElement(import_ui46.InputAdornment, { position: "start" }, startAdornment) : params.InputProps.startAdornment,
+        endAdornment: /* @__PURE__ */ React61.createElement(ClearButton, { params, allowClear, handleChange })
       }
     }
   );
@@ -3372,7 +3343,7 @@ var ClearButton = ({
   allowClear,
   handleChange,
   params
-}) => /* @__PURE__ */ React62.createElement(import_ui47.InputAdornment, { position: "end" }, allowClear && /* @__PURE__ */ React62.createElement(import_ui47.IconButton, { size: params.size, onClick: () => handleChange(null), sx: { cursor: "pointer" } }, /* @__PURE__ */ React62.createElement(import_icons13.XIcon, { fontSize: params.size })));
+}) => /* @__PURE__ */ React61.createElement(import_ui46.InputAdornment, { position: "end" }, allowClear && /* @__PURE__ */ React61.createElement(import_ui46.IconButton, { size: params.size, onClick: () => handleChange(null), sx: { cursor: "pointer" } }, /* @__PURE__ */ React61.createElement(import_icons13.XIcon, { fontSize: params.size })));
 function findMatchingOption(options, optionId = null) {
   const formattedOption = (optionId || "").toString();
   return options.find(({ id }) => formattedOption === id.toString());
@@ -3409,7 +3380,7 @@ var QueryControl = createControl((props) => {
     ariaLabel
   } = props || {};
   const normalizedPlaceholder = placeholder || (0, import_i18n22.__)("Search", "elementor");
-  const [options, setOptions] = (0, import_react32.useState)(
+  const [options, setOptions] = (0, import_react31.useState)(
     generateFirstLoadedOption(value?.value)
   );
   const onOptionChange = (newValue) => {
@@ -3447,7 +3418,7 @@ var QueryControl = createControl((props) => {
     }
     debounceFetch({ ...params, term: newValue });
   };
-  const debounceFetch = (0, import_react32.useMemo)(
+  const debounceFetch = (0, import_react31.useMemo)(
     () => (0, import_utils4.debounce)(
       (queryParams) => fetchOptions(url, queryParams).then((newOptions) => {
         setOptions(formatOptions(newOptions));
@@ -3456,13 +3427,13 @@ var QueryControl = createControl((props) => {
     ),
     [url]
   );
-  return /* @__PURE__ */ React63.createElement(ControlActions, null, /* @__PURE__ */ React63.createElement(
+  return /* @__PURE__ */ React62.createElement(ControlActions, null, /* @__PURE__ */ React62.createElement(
     Autocomplete,
     {
       options,
       allowCustomValues,
       placeholder: normalizedPlaceholder,
-      startAdornment: /* @__PURE__ */ React63.createElement(import_icons14.SearchIcon, { fontSize: "tiny" }),
+      startAdornment: /* @__PURE__ */ React62.createElement(import_icons14.SearchIcon, { fontSize: "tiny" }),
       value: value?.value?.id?.value || value?.value,
       onOptionChange,
       onTextChange,
@@ -3504,16 +3475,16 @@ function generateFirstLoadedOption(unionValue) {
 }
 
 // src/controls/switch-control.tsx
-var React64 = __toESM(require("react"));
+var React63 = __toESM(require("react"));
 var import_editor_props22 = require("@elementor/editor-props");
-var import_ui48 = require("@elementor/ui");
+var import_ui47 = require("@elementor/ui");
 var SwitchControl = createControl(() => {
   const { value, setValue, disabled } = useBoundProp(import_editor_props22.booleanPropTypeUtil);
   const handleChange = (event) => {
     setValue(event.target.checked);
   };
-  return /* @__PURE__ */ React64.createElement(import_ui48.Box, { sx: { display: "flex", justifyContent: "flex-end" } }, /* @__PURE__ */ React64.createElement(
-    import_ui48.Switch,
+  return /* @__PURE__ */ React63.createElement(import_ui47.Box, { sx: { display: "flex", justifyContent: "flex-end" } }, /* @__PURE__ */ React63.createElement(
+    import_ui47.Switch,
     {
       checked: !!value,
       onChange: handleChange,
@@ -3531,7 +3502,7 @@ var SIZE6 = "tiny";
 var LinkControl = createControl((props) => {
   const { value, path, setValue, ...propContext } = useBoundProp(import_editor_props23.linkPropTypeUtil);
   const [linkSessionValue, setLinkSessionValue] = (0, import_session.useSessionStorage)(path.join("/"));
-  const [isActive, setIsActive] = (0, import_react33.useState)(!!value);
+  const [isActive, setIsActive] = (0, import_react32.useState)(!!value);
   const {
     allowCustomValues = true,
     queryOptions,
@@ -3541,11 +3512,11 @@ var LinkControl = createControl((props) => {
     label = (0, import_i18n23.__)("Link", "elementor"),
     ariaLabel
   } = props || {};
-  const [linkInLinkRestriction, setLinkInLinkRestriction] = (0, import_react33.useState)(
+  const [linkInLinkRestriction, setLinkInLinkRestriction] = (0, import_react32.useState)(
     (0, import_editor_elements2.getLinkInLinkRestriction)(elementId, value)
   );
   const shouldDisableAddingLink = !isActive && linkInLinkRestriction.shouldRestrict;
-  const debouncedCheckRestriction = (0, import_react33.useMemo)(
+  const debouncedCheckRestriction = (0, import_react32.useMemo)(
     () => (0, import_utils5.debounce)(() => {
       const newRestriction = (0, import_editor_elements2.getLinkInLinkRestriction)(elementId, value);
       if (newRestriction.shouldRestrict && isActive) {
@@ -3555,7 +3526,7 @@ var LinkControl = createControl((props) => {
     }, 300),
     [elementId, isActive, value]
   );
-  (0, import_react33.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     debouncedCheckRestriction();
     const handleInlineLinkChanged = (event) => {
       const customEvent = event;
@@ -3594,8 +3565,8 @@ var LinkControl = createControl((props) => {
     } : null;
     setLinkSessionValue({ ...linkSessionValue, value: valueToSave });
   };
-  return /* @__PURE__ */ React65.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React65.createElement(import_ui49.Stack, { gap: 1.5 }, /* @__PURE__ */ React65.createElement(
-    import_ui49.Stack,
+  return /* @__PURE__ */ React64.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React64.createElement(import_ui48.Stack, { gap: 1.5 }, /* @__PURE__ */ React64.createElement(
+    import_ui48.Stack,
     {
       direction: "row",
       sx: {
@@ -3604,8 +3575,8 @@ var LinkControl = createControl((props) => {
         marginInlineEnd: -0.75
       }
     },
-    /* @__PURE__ */ React65.createElement(ControlLabel, null, label),
-    /* @__PURE__ */ React65.createElement(RestrictedLinkInfotip, { isVisible: !isActive, linkInLinkRestriction }, /* @__PURE__ */ React65.createElement(
+    /* @__PURE__ */ React64.createElement(ControlLabel, null, label),
+    /* @__PURE__ */ React64.createElement(RestrictedLinkInfotip, { isVisible: !isActive, linkInLinkRestriction }, /* @__PURE__ */ React64.createElement(
       ToggleIconControl,
       {
         disabled: shouldDisableAddingLink,
@@ -3614,7 +3585,7 @@ var LinkControl = createControl((props) => {
         label: (0, import_i18n23.__)("Toggle link", "elementor")
       }
     ))
-  ), /* @__PURE__ */ React65.createElement(import_ui49.Collapse, { in: isActive, timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ React65.createElement(import_ui49.Stack, { gap: 1.5 }, /* @__PURE__ */ React65.createElement(PropKeyProvider, { bind: "destination" }, /* @__PURE__ */ React65.createElement(
+  ), /* @__PURE__ */ React64.createElement(import_ui48.Collapse, { in: isActive, timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ React64.createElement(import_ui48.Stack, { gap: 1.5 }, /* @__PURE__ */ React64.createElement(PropKeyProvider, { bind: "destination" }, /* @__PURE__ */ React64.createElement(
     QueryControl,
     {
       queryOptions,
@@ -3624,33 +3595,33 @@ var LinkControl = createControl((props) => {
       onSetValue: onSaveValueToSession,
       ariaLabel: ariaLabel || label
     }
-  )), /* @__PURE__ */ React65.createElement(PropKeyProvider, { bind: "isTargetBlank" }, /* @__PURE__ */ React65.createElement(import_ui49.Grid, { container: true, alignItems: "center", flexWrap: "nowrap", justifyContent: "space-between" }, /* @__PURE__ */ React65.createElement(import_ui49.Grid, { item: true }, /* @__PURE__ */ React65.createElement(ControlFormLabel, null, (0, import_i18n23.__)("Open in a new tab", "elementor"))), /* @__PURE__ */ React65.createElement(import_ui49.Grid, { item: true, sx: { marginInlineEnd: -1 } }, /* @__PURE__ */ React65.createElement(SwitchControl, null))))))));
+  )), /* @__PURE__ */ React64.createElement(PropKeyProvider, { bind: "isTargetBlank" }, /* @__PURE__ */ React64.createElement(import_ui48.Grid, { container: true, alignItems: "center", flexWrap: "nowrap", justifyContent: "space-between" }, /* @__PURE__ */ React64.createElement(import_ui48.Grid, { item: true }, /* @__PURE__ */ React64.createElement(ControlFormLabel, null, (0, import_i18n23.__)("Open in a new tab", "elementor"))), /* @__PURE__ */ React64.createElement(import_ui48.Grid, { item: true, sx: { marginInlineEnd: -1 } }, /* @__PURE__ */ React64.createElement(SwitchControl, null))))))));
 });
 var ToggleIconControl = ({ disabled, active, onIconClick, label }) => {
-  return /* @__PURE__ */ React65.createElement(import_ui49.IconButton, { size: SIZE6, onClick: onIconClick, "aria-label": label, disabled }, active ? /* @__PURE__ */ React65.createElement(import_icons15.MinusIcon, { fontSize: SIZE6 }) : /* @__PURE__ */ React65.createElement(import_icons15.PlusIcon, { fontSize: SIZE6 }));
+  return /* @__PURE__ */ React64.createElement(import_ui48.IconButton, { size: SIZE6, onClick: onIconClick, "aria-label": label, disabled }, active ? /* @__PURE__ */ React64.createElement(import_icons15.MinusIcon, { fontSize: SIZE6 }) : /* @__PURE__ */ React64.createElement(import_icons15.PlusIcon, { fontSize: SIZE6 }));
 };
 
 // src/controls/html-tag-control.tsx
-var React67 = __toESM(require("react"));
+var React66 = __toESM(require("react"));
 var import_editor_elements3 = require("@elementor/editor-elements");
 var import_editor_props24 = require("@elementor/editor-props");
-var import_editor_ui6 = require("@elementor/editor-ui");
-var import_ui52 = require("@elementor/ui");
+var import_editor_ui7 = require("@elementor/editor-ui");
+var import_ui51 = require("@elementor/ui");
 var import_i18n24 = require("@wordpress/i18n");
 
 // src/components/conditional-control-infotip.tsx
-var React66 = __toESM(require("react"));
-var import_editor_ui5 = require("@elementor/editor-ui");
+var React65 = __toESM(require("react"));
+var import_editor_ui6 = require("@elementor/editor-ui");
+var import_ui49 = require("@elementor/ui");
 var import_ui50 = require("@elementor/ui");
-var import_ui51 = require("@elementor/ui");
 var DEFAULT_COLOR = "secondary";
-var ConditionalControlInfotip = React66.forwardRef(
+var ConditionalControlInfotip = React65.forwardRef(
   ({ children, title, description, alertProps, infotipProps, ...props }, ref) => {
-    const theme = (0, import_ui50.useTheme)();
+    const theme = (0, import_ui49.useTheme)();
     const isUiRtl = "rtl" === theme.direction;
     const isEnabled = props.isEnabled && (title || description);
-    return /* @__PURE__ */ React66.createElement(import_ui50.Box, { ref }, isEnabled ? /* @__PURE__ */ React66.createElement(import_ui51.DirectionProvider, { rtl: isUiRtl }, /* @__PURE__ */ React66.createElement(
-      import_ui50.Infotip,
+    return /* @__PURE__ */ React65.createElement(import_ui49.Box, { ref }, isEnabled ? /* @__PURE__ */ React65.createElement(import_ui50.DirectionProvider, { rtl: isUiRtl }, /* @__PURE__ */ React65.createElement(
+      import_ui49.Infotip,
       {
         placement: "right",
         color: DEFAULT_COLOR,
@@ -3667,14 +3638,14 @@ var ConditionalControlInfotip = React66.forwardRef(
           }
         },
         ...infotipProps,
-        content: /* @__PURE__ */ React66.createElement(
-          import_editor_ui5.InfoAlert,
+        content: /* @__PURE__ */ React65.createElement(
+          import_editor_ui6.InfoAlert,
           {
             color: DEFAULT_COLOR,
             sx: { width: 300, px: 1.5, py: 2 },
             ...alertProps
           },
-          /* @__PURE__ */ React66.createElement(import_ui50.Box, { sx: { flexDirection: "column", display: "flex", gap: 0.5 } }, /* @__PURE__ */ React66.createElement(import_ui50.AlertTitle, null, title), /* @__PURE__ */ React66.createElement(import_ui50.Box, null, description))
+          /* @__PURE__ */ React65.createElement(import_ui49.Box, { sx: { flexDirection: "column", display: "flex", gap: 0.5 } }, /* @__PURE__ */ React65.createElement(import_ui49.AlertTitle, null, title), /* @__PURE__ */ React65.createElement(import_ui49.Box, null, description))
         )
       },
       children
@@ -3683,7 +3654,7 @@ var ConditionalControlInfotip = React66.forwardRef(
 );
 
 // src/controls/html-tag-control.tsx
-var StyledSelect = (0, import_ui52.styled)(import_ui52.Select)(() => ({ ".MuiSelect-select.Mui-disabled": { cursor: "not-allowed" } }));
+var StyledSelect = (0, import_ui51.styled)(import_ui51.Select)(() => ({ ".MuiSelect-select.Mui-disabled": { cursor: "not-allowed" } }));
 var HtmlTagControl = createControl(({ options, onChange, fallbackLabels = {} }) => {
   const { value, setValue, disabled, placeholder } = useBoundProp(import_editor_props24.stringPropTypeUtil);
   const handleChange = (event) => {
@@ -3710,10 +3681,10 @@ var HtmlTagControl = createControl(({ options, onChange, fallbackLabels = {} })
     }
     const placeholderOption = findOptionByValue(placeholder);
     const displayText = placeholderOption?.label || placeholder;
-    return /* @__PURE__ */ React67.createElement(import_ui52.Typography, { component: "span", variant: "caption", color: "text.tertiary" }, displayText);
+    return /* @__PURE__ */ React66.createElement(import_ui51.Typography, { component: "span", variant: "caption", color: "text.tertiary" }, displayText);
   };
   const findOptionByValue = (searchValue) => options.find((opt) => opt.value === searchValue);
-  return /* @__PURE__ */ React67.createElement(ControlActions, null, /* @__PURE__ */ React67.createElement(ConditionalControlInfotip, { ...infoTipProps }, /* @__PURE__ */ React67.createElement(
+  return /* @__PURE__ */ React66.createElement(ControlActions, null, /* @__PURE__ */ React66.createElement(ConditionalControlInfotip, { ...infoTipProps }, /* @__PURE__ */ React66.createElement(
     StyledSelect,
     {
       sx: { overflow: "hidden", cursor: disabled ? "not-allowed" : void 0 },
@@ -3725,20 +3696,20 @@ var HtmlTagControl = createControl(({ options, onChange, fallbackLabels = {} })
       disabled,
       fullWidth: true
     },
-    options.map(({ label, ...props }) => /* @__PURE__ */ React67.createElement(import_editor_ui6.MenuListItem, { key: props.value, ...props, value: props.value ?? "" }, label))
+    options.map(({ label, ...props }) => /* @__PURE__ */ React66.createElement(import_editor_ui7.MenuListItem, { key: props.value, ...props, value: props.value ?? "" }, label))
   )));
 });
 
 // src/controls/gap-control.tsx
-var React68 = __toESM(require("react"));
-var import_react34 = require("react");
+var React67 = __toESM(require("react"));
+var import_react33 = require("react");
 var import_editor_props25 = require("@elementor/editor-props");
 var import_editor_responsive3 = require("@elementor/editor-responsive");
 var import_icons16 = require("@elementor/icons");
-var import_ui53 = require("@elementor/ui");
+var import_ui52 = require("@elementor/ui");
 var import_i18n25 = require("@wordpress/i18n");
 var GapControl = ({ label }) => {
-  const stackRef = (0, import_react34.useRef)(null);
+  const stackRef = (0, import_react33.useRef)(null);
   const { disabled: sizeDisabled } = useBoundProp(import_editor_props25.sizePropTypeUtil);
   const {
     value: directionValue,
@@ -3757,9 +3728,9 @@ var GapControl = ({ label }) => {
     }
     return true;
   };
-  const [isLinked, setIsLinked] = (0, import_react34.useState)(() => inferIsLinked());
+  const [isLinked, setIsLinked] = (0, import_react33.useState)(() => inferIsLinked());
   const activeBreakpoint = (0, import_editor_responsive3.useActiveBreakpoint)();
-  (0, import_react34.useLayoutEffect)(() => {
+  (0, import_react33.useLayoutEffect)(() => {
     setIsLinked(inferIsLinked());
   }, [activeBreakpoint]);
   const onLinkToggle = () => {
@@ -3793,7 +3764,7 @@ var GapControl = ({ label }) => {
     placeholder: directionPlaceholder
   };
   const hasPlaceholders = !masterValue && (directionPlaceholder || masterPlaceholder);
-  return /* @__PURE__ */ React68.createElement(PropProvider, { ...propProviderProps }, /* @__PURE__ */ React68.createElement(import_ui53.Stack, { direction: "row", gap: 2, flexWrap: "nowrap" }, /* @__PURE__ */ React68.createElement(ControlLabel, null, label), /* @__PURE__ */ React68.createElement(import_ui53.Tooltip, { title: isLinked ? unlinkedLabel : linkedLabel, placement: "top" }, /* @__PURE__ */ React68.createElement(
+  return /* @__PURE__ */ React67.createElement(PropProvider, { ...propProviderProps }, /* @__PURE__ */ React67.createElement(import_ui52.Stack, { direction: "row", gap: 2, flexWrap: "nowrap" }, /* @__PURE__ */ React67.createElement(ControlLabel, null, label), /* @__PURE__ */ React67.createElement(import_ui52.Tooltip, { title: isLinked ? unlinkedLabel : linkedLabel, placement: "top" }, /* @__PURE__ */ React67.createElement(
     StyledToggleButton,
     {
       "aria-label": isLinked ? unlinkedLabel : linkedLabel,
@@ -3805,8 +3776,8 @@ var GapControl = ({ label }) => {
       disabled,
       isPlaceholder: hasPlaceholders
     },
-    /* @__PURE__ */ React68.createElement(LinkedIcon, { fontSize: "tiny" })
-  ))), /* @__PURE__ */ React68.createElement(import_ui53.Stack, { direction: "row", gap: 2, flexWrap: "nowrap", ref: stackRef }, /* @__PURE__ */ React68.createElement(import_ui53.Grid, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React68.createElement(import_ui53.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React68.createElement(ControlFormLabel, null, (0, import_i18n25.__)("Column", "elementor"))), /* @__PURE__ */ React68.createElement(import_ui53.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React68.createElement(
+    /* @__PURE__ */ React67.createElement(LinkedIcon, { fontSize: "tiny" })
+  ))), /* @__PURE__ */ React67.createElement(import_ui52.Stack, { direction: "row", gap: 2, flexWrap: "nowrap", ref: stackRef }, /* @__PURE__ */ React67.createElement(import_ui52.Grid, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React67.createElement(import_ui52.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React67.createElement(ControlFormLabel, null, (0, import_i18n25.__)("Column", "elementor"))), /* @__PURE__ */ React67.createElement(import_ui52.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React67.createElement(
     Control4,
     {
       bind: "column",
@@ -3814,7 +3785,7 @@ var GapControl = ({ label }) => {
       isLinked,
       anchorRef: stackRef
     }
-  ))), /* @__PURE__ */ React68.createElement(import_ui53.Grid, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React68.createElement(import_ui53.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React68.createElement(ControlFormLabel, null, (0, import_i18n25.__)("Row", "elementor"))), /* @__PURE__ */ React68.createElement(import_ui53.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React68.createElement(
+  ))), /* @__PURE__ */ React67.createElement(import_ui52.Grid, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React67.createElement(import_ui52.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React67.createElement(ControlFormLabel, null, (0, import_i18n25.__)("Row", "elementor"))), /* @__PURE__ */ React67.createElement(import_ui52.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React67.createElement(
     Control4,
     {
       bind: "row",
@@ -3831,18 +3802,18 @@ var Control4 = ({
   anchorRef
 }) => {
   if (isLinked) {
-    return /* @__PURE__ */ React68.createElement(SizeControl, { anchorRef, ariaLabel });
+    return /* @__PURE__ */ React67.createElement(SizeControl, { anchorRef, ariaLabel });
   }
-  return /* @__PURE__ */ React68.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React68.createElement(SizeControl, { anchorRef, ariaLabel }));
+  return /* @__PURE__ */ React67.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React67.createElement(SizeControl, { anchorRef, ariaLabel }));
 };
 
 // src/controls/aspect-ratio-control.tsx
-var React69 = __toESM(require("react"));
-var import_react35 = require("react");
+var React68 = __toESM(require("react"));
+var import_react34 = require("react");
 var import_editor_props26 = require("@elementor/editor-props");
-var import_editor_ui7 = require("@elementor/editor-ui");
+var import_editor_ui8 = require("@elementor/editor-ui");
 var import_icons17 = require("@elementor/icons");
-var import_ui54 = require("@elementor/ui");
+var import_ui53 = require("@elementor/ui");
 var import_i18n26 = require("@wordpress/i18n");
 var RATIO_OPTIONS = [
   { label: (0, import_i18n26.__)("Auto", "elementor"), value: "auto" },
@@ -3859,13 +3830,13 @@ var AspectRatioControl = createControl(({ label }) => {
   const { value: aspectRatioValue, setValue: setAspectRatioValue, disabled } = useBoundProp(import_editor_props26.stringPropTypeUtil);
   const isCustomSelected = aspectRatioValue && !RATIO_OPTIONS.some((option) => option.value === aspectRatioValue);
   const [initialWidth, initialHeight] = isCustomSelected ? aspectRatioValue.split("/") : ["", ""];
-  const [isCustom, setIsCustom] = (0, import_react35.useState)(isCustomSelected);
-  const [customWidth, setCustomWidth] = (0, import_react35.useState)(initialWidth);
-  const [customHeight, setCustomHeight] = (0, import_react35.useState)(initialHeight);
-  const [selectedValue, setSelectedValue] = (0, import_react35.useState)(
+  const [isCustom, setIsCustom] = (0, import_react34.useState)(isCustomSelected);
+  const [customWidth, setCustomWidth] = (0, import_react34.useState)(initialWidth);
+  const [customHeight, setCustomHeight] = (0, import_react34.useState)(initialHeight);
+  const [selectedValue, setSelectedValue] = (0, import_react34.useState)(
     isCustomSelected ? CUSTOM_RATIO : aspectRatioValue || ""
   );
-  (0, import_react35.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     const isCustomValue = aspectRatioValue && !RATIO_OPTIONS.some((option) => option.value === aspectRatioValue);
     if (isCustomValue) {
       const [width, height] = aspectRatioValue.split("/");
@@ -3904,8 +3875,8 @@ var AspectRatioControl = createControl(({ label }) => {
       setAspectRatioValue(`${customWidth}/${newHeight}`);
     }
   };
-  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,
+  return /* @__PURE__ */ React68.createElement(ControlActions, null, /* @__PURE__ */ React68.createElement(import_ui53.Stack, { direction: "column", gap: 2 }, /* @__PURE__ */ React68.createElement(import_ui53.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React68.createElement(import_ui53.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React68.createElement(ControlLabel, null, label)), /* @__PURE__ */ React68.createElement(import_ui53.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React68.createElement(
+    import_ui53.Select,
     {
       size: "tiny",
       displayEmpty: true,
@@ -3916,10 +3887,10 @@ var AspectRatioControl = createControl(({ label }) => {
       fullWidth: true
     },
     [...RATIO_OPTIONS, { label: (0, import_i18n26.__)("Custom", "elementor"), value: CUSTOM_RATIO }].map(
-      ({ label: optionLabel, ...props }) => /* @__PURE__ */ React69.createElement(import_editor_ui7.MenuListItem, { key: props.value, ...props, value: props.value ?? "" }, optionLabel)
+      ({ label: optionLabel, ...props }) => /* @__PURE__ */ React68.createElement(import_editor_ui8.MenuListItem, { key: props.value, ...props, value: props.value ?? "" }, optionLabel)
     )
-  ))), isCustom && /* @__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(
-    import_ui54.TextField,
+  ))), isCustom && /* @__PURE__ */ React68.createElement(import_ui53.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React68.createElement(import_ui53.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React68.createElement(
+    import_ui53.TextField,
     {
       size: "tiny",
       type: "number",
@@ -3928,11 +3899,11 @@ var AspectRatioControl = createControl(({ label }) => {
       value: customWidth,
       onChange: handleCustomWidthChange,
       InputProps: {
-        startAdornment: /* @__PURE__ */ React69.createElement(import_icons17.ArrowsMoveHorizontalIcon, { fontSize: "tiny" })
+        startAdornment: /* @__PURE__ */ React68.createElement(import_icons17.ArrowsMoveHorizontalIcon, { fontSize: "tiny" })
       }
     }
-  )), /* @__PURE__ */ React69.createElement(import_ui54.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React69.createElement(
-    import_ui54.TextField,
+  )), /* @__PURE__ */ React68.createElement(import_ui53.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React68.createElement(
+    import_ui53.TextField,
     {
       size: "tiny",
       type: "number",
@@ -3941,26 +3912,26 @@ var AspectRatioControl = createControl(({ label }) => {
       value: customHeight,
       onChange: handleCustomHeightChange,
       InputProps: {
-        startAdornment: /* @__PURE__ */ React69.createElement(import_icons17.ArrowsMoveVerticalIcon, { fontSize: "tiny" })
+        startAdornment: /* @__PURE__ */ React68.createElement(import_icons17.ArrowsMoveVerticalIcon, { fontSize: "tiny" })
       }
     }
   )))));
 });
 
 // src/controls/svg-media-control.tsx
-var React71 = __toESM(require("react"));
-var import_react37 = require("react");
+var React70 = __toESM(require("react"));
+var import_react36 = require("react");
 var import_editor_current_user = require("@elementor/editor-current-user");
 var import_editor_props27 = require("@elementor/editor-props");
 var import_icons18 = require("@elementor/icons");
-var import_ui56 = require("@elementor/ui");
+var import_ui55 = require("@elementor/ui");
 var import_wp_media2 = require("@elementor/wp-media");
 var import_i18n28 = require("@wordpress/i18n");
 
 // src/components/enable-unfiltered-modal.tsx
-var React70 = __toESM(require("react"));
-var import_react36 = require("react");
-var import_ui55 = require("@elementor/ui");
+var React69 = __toESM(require("react"));
+var import_react35 = require("react");
+var import_ui54 = require("@elementor/ui");
 var import_i18n27 = require("@wordpress/i18n");
 var ADMIN_TITLE_TEXT = (0, import_i18n27.__)("Enable Unfiltered Uploads", "elementor");
 var ADMIN_CONTENT_TEXT = (0, import_i18n27.__)(
@@ -3975,7 +3946,7 @@ var ADMIN_FAILED_CONTENT_TEXT_PT2 = (0, import_i18n27.__)(
 var WAIT_FOR_CLOSE_TIMEOUT_MS = 300;
 var EnableUnfilteredModal = (props) => {
   const { mutateAsync, isPending } = useUpdateUnfilteredFilesUpload();
-  const [isError, setIsError] = (0, import_react36.useState)(false);
+  const [isError, setIsError] = (0, import_react35.useState)(false);
   const onClose = (enabled) => {
     props.onClose(enabled);
     setTimeout(() => setIsError(false), WAIT_FOR_CLOSE_TIMEOUT_MS);
@@ -3993,10 +3964,10 @@ var EnableUnfilteredModal = (props) => {
     }
   };
   const dialogProps = { ...props, isPending, handleEnable, isError, onClose };
-  return /* @__PURE__ */ React70.createElement(AdminDialog, { ...dialogProps });
+  return /* @__PURE__ */ React69.createElement(AdminDialog, { ...dialogProps });
 };
-var AdminDialog = ({ open, onClose, handleEnable, isPending, isError }) => /* @__PURE__ */ React70.createElement(import_ui55.Dialog, { open, maxWidth: "sm", onClose: () => onClose(false) }, /* @__PURE__ */ React70.createElement(import_ui55.DialogHeader, { logo: false }, /* @__PURE__ */ React70.createElement(import_ui55.DialogTitle, null, ADMIN_TITLE_TEXT)), /* @__PURE__ */ React70.createElement(import_ui55.Divider, null), /* @__PURE__ */ React70.createElement(import_ui55.DialogContent, null, /* @__PURE__ */ React70.createElement(import_ui55.DialogContentText, null, isError ? /* @__PURE__ */ React70.createElement(React70.Fragment, null, ADMIN_FAILED_CONTENT_TEXT_PT1, " ", /* @__PURE__ */ React70.createElement("br", null), " ", ADMIN_FAILED_CONTENT_TEXT_PT2) : ADMIN_CONTENT_TEXT)), /* @__PURE__ */ React70.createElement(import_ui55.DialogActions, null, /* @__PURE__ */ React70.createElement(import_ui55.Button, { size: "medium", color: "secondary", onClick: () => onClose(false) }, (0, import_i18n27.__)("Cancel", "elementor")), /* @__PURE__ */ React70.createElement(
-  import_ui55.Button,
+var AdminDialog = ({ open, onClose, handleEnable, isPending, isError }) => /* @__PURE__ */ React69.createElement(import_ui54.Dialog, { open, maxWidth: "sm", onClose: () => onClose(false) }, /* @__PURE__ */ React69.createElement(import_ui54.DialogHeader, { logo: false }, /* @__PURE__ */ React69.createElement(import_ui54.DialogTitle, null, ADMIN_TITLE_TEXT)), /* @__PURE__ */ React69.createElement(import_ui54.Divider, null), /* @__PURE__ */ React69.createElement(import_ui54.DialogContent, null, /* @__PURE__ */ React69.createElement(import_ui54.DialogContentText, null, isError ? /* @__PURE__ */ React69.createElement(React69.Fragment, null, ADMIN_FAILED_CONTENT_TEXT_PT1, " ", /* @__PURE__ */ React69.createElement("br", null), " ", ADMIN_FAILED_CONTENT_TEXT_PT2) : ADMIN_CONTENT_TEXT)), /* @__PURE__ */ React69.createElement(import_ui54.DialogActions, null, /* @__PURE__ */ React69.createElement(import_ui54.Button, { size: "medium", color: "secondary", onClick: () => onClose(false) }, (0, import_i18n27.__)("Cancel", "elementor")), /* @__PURE__ */ React69.createElement(
+  import_ui54.Button,
   {
     size: "medium",
     onClick: () => handleEnable(),
@@ -4004,7 +3975,7 @@ var AdminDialog = ({ open, onClose, handleEnable, isPending, isError }) => /* @_
     color: "primary",
     disabled: isPending
   },
-  isPending ? /* @__PURE__ */ React70.createElement(import_ui55.CircularProgress, { size: 24 }) : (0, import_i18n27.__)("Enable", "elementor")
+  isPending ? /* @__PURE__ */ React69.createElement(import_ui54.CircularProgress, { size: 24 }) : (0, import_i18n27.__)("Enable", "elementor")
 )));
 
 // src/controls/svg-media-control.tsx
@@ -4012,7 +3983,7 @@ var TILE_SIZE = 8;
 var TILE_WHITE = "transparent";
 var TILE_BLACK = "#c1c1c1";
 var TILES_GRADIENT_FORMULA = `linear-gradient(45deg, ${TILE_BLACK} 25%, ${TILE_WHITE} 0, ${TILE_WHITE} 75%, ${TILE_BLACK} 0, ${TILE_BLACK})`;
-var StyledCard = (0, import_ui56.styled)(import_ui56.Card)`
+var StyledCard = (0, import_ui55.styled)(import_ui55.Card)`
 	background-color: white;
 	background-image: ${TILES_GRADIENT_FORMULA}, ${TILES_GRADIENT_FORMULA};
 	background-size: ${TILE_SIZE}px ${TILE_SIZE}px;
@@ -4021,7 +3992,7 @@ var StyledCard = (0, import_ui56.styled)(import_ui56.Card)`
 		${TILE_SIZE / 2}px ${TILE_SIZE / 2}px;
 	border: none;
 `;
-var StyledCardMediaContainer = (0, import_ui56.styled)(import_ui56.Stack)`
+var StyledCardMediaContainer = (0, import_ui55.styled)(import_ui55.Stack)`
 	position: relative;
 	height: 140px;
 	object-fit: contain;
@@ -4038,7 +4009,7 @@ var SvgMediaControl = createControl(() => {
   const { data: attachment, isFetching } = (0, import_wp_media2.useWpMediaAttachment)(id?.value || null);
   const src = attachment?.url ?? url?.value ?? null;
   const { data: allowSvgUpload } = useUnfilteredFilesUpload();
-  const [unfilteredModalOpenState, setUnfilteredModalOpenState] = (0, import_react37.useState)(false);
+  const [unfilteredModalOpenState, setUnfilteredModalOpenState] = (0, import_react36.useState)(false);
   const { isAdmin } = (0, import_editor_current_user.useCurrentUserCapabilities)();
   const { open } = (0, import_wp_media2.useWpMediaFrame)({
     mediaTypes: ["svg"],
@@ -4069,19 +4040,19 @@ var SvgMediaControl = createControl(() => {
   };
   const infotipProps = {
     title: (0, import_i18n28.__)("Sorry, you can't upload that file yet.", "elementor"),
-    description: /* @__PURE__ */ React71.createElement(React71.Fragment, null, (0, import_i18n28.__)("To upload them anyway, ask the site administrator to enable unfiltered", "elementor"), /* @__PURE__ */ React71.createElement("br", null), (0, import_i18n28.__)("file uploads.", "elementor")),
+    description: /* @__PURE__ */ React70.createElement(React70.Fragment, null, (0, import_i18n28.__)("To upload them anyway, ask the site administrator to enable unfiltered", "elementor"), /* @__PURE__ */ React70.createElement("br", null), (0, import_i18n28.__)("file uploads.", "elementor")),
     isEnabled: !isAdmin
   };
-  return /* @__PURE__ */ React71.createElement(import_ui56.Stack, { gap: 1, "aria-label": "SVG Control" }, /* @__PURE__ */ React71.createElement(EnableUnfilteredModal, { open: unfilteredModalOpenState, onClose: onCloseUnfilteredModal }), /* @__PURE__ */ React71.createElement(ControlActions, null, /* @__PURE__ */ React71.createElement(StyledCard, { variant: "outlined" }, /* @__PURE__ */ React71.createElement(StyledCardMediaContainer, null, isFetching ? /* @__PURE__ */ React71.createElement(import_ui56.CircularProgress, { role: "progressbar" }) : /* @__PURE__ */ React71.createElement(
-    import_ui56.CardMedia,
+  return /* @__PURE__ */ React70.createElement(import_ui55.Stack, { gap: 1, "aria-label": "SVG Control" }, /* @__PURE__ */ React70.createElement(EnableUnfilteredModal, { open: unfilteredModalOpenState, onClose: onCloseUnfilteredModal }), /* @__PURE__ */ React70.createElement(ControlActions, null, /* @__PURE__ */ React70.createElement(StyledCard, { variant: "outlined" }, /* @__PURE__ */ React70.createElement(StyledCardMediaContainer, null, isFetching ? /* @__PURE__ */ React70.createElement(import_ui55.CircularProgress, { role: "progressbar" }) : /* @__PURE__ */ React70.createElement(
+    import_ui55.CardMedia,
     {
       component: "img",
       image: src,
       alt: (0, import_i18n28.__)("Preview SVG", "elementor"),
       sx: { maxHeight: "140px", width: "50px" }
     }
-  )), /* @__PURE__ */ React71.createElement(
-    import_ui56.CardOverlay,
+  )), /* @__PURE__ */ React70.createElement(
+    import_ui55.CardOverlay,
     {
       sx: {
         "&:hover": {
@@ -4089,8 +4060,8 @@ var SvgMediaControl = createControl(() => {
         }
       }
     },
-    /* @__PURE__ */ React71.createElement(import_ui56.Stack, { gap: 1 }, /* @__PURE__ */ React71.createElement(
-      import_ui56.Button,
+    /* @__PURE__ */ React70.createElement(import_ui55.Stack, { gap: 1 }, /* @__PURE__ */ React70.createElement(
+      import_ui55.Button,
       {
         size: "tiny",
         color: "inherit",
@@ -4099,13 +4070,13 @@ var SvgMediaControl = createControl(() => {
         "aria-label": "Select SVG"
       },
       (0, import_i18n28.__)("Select SVG", "elementor")
-    ), /* @__PURE__ */ React71.createElement(ConditionalControlInfotip, { ...infotipProps }, /* @__PURE__ */ React71.createElement("span", null, /* @__PURE__ */ React71.createElement(import_ui56.ThemeProvider, { colorScheme: isAdmin ? "light" : "dark" }, /* @__PURE__ */ React71.createElement(
-      import_ui56.Button,
+    ), /* @__PURE__ */ React70.createElement(ConditionalControlInfotip, { ...infotipProps }, /* @__PURE__ */ React70.createElement("span", null, /* @__PURE__ */ React70.createElement(import_ui55.ThemeProvider, { colorScheme: isAdmin ? "light" : "dark" }, /* @__PURE__ */ React70.createElement(
+      import_ui55.Button,
       {
         size: "tiny",
         variant: "text",
         color: "inherit",
-        startIcon: /* @__PURE__ */ React71.createElement(import_icons18.UploadIcon, null),
+        startIcon: /* @__PURE__ */ React70.createElement(import_icons18.UploadIcon, null),
         disabled: !isAdmin,
         onClick: () => isAdmin && handleClick(MODE_UPLOAD),
         "aria-label": "Upload SVG"
@@ -4116,15 +4087,15 @@ var SvgMediaControl = createControl(() => {
 });
 
 // src/controls/background-control/background-control.tsx
-var React78 = __toESM(require("react"));
+var React77 = __toESM(require("react"));
 var import_editor_props33 = require("@elementor/editor-props");
-var import_ui64 = require("@elementor/ui");
+var import_ui63 = require("@elementor/ui");
 var import_i18n34 = require("@wordpress/i18n");
 
 // src/controls/background-control/background-overlay/background-overlay-repeater-control.tsx
-var React77 = __toESM(require("react"));
+var React76 = __toESM(require("react"));
 var import_editor_props32 = require("@elementor/editor-props");
-var import_ui63 = require("@elementor/ui");
+var import_ui62 = require("@elementor/ui");
 var import_wp_media3 = require("@elementor/wp-media");
 var import_i18n33 = require("@wordpress/i18n");
 
@@ -4133,9 +4104,9 @@ 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 React71 = __toESM(require("react"));
 var import_editor_props28 = require("@elementor/editor-props");
-var import_ui57 = require("@elementor/ui");
+var import_ui56 = require("@elementor/ui");
 var BackgroundGradientColorControl = createControl(() => {
   const { value, setValue } = useBoundProp(import_editor_props28.backgroundGradientOverlayPropTypeUtil);
   const handleChange = (newValue) => {
@@ -4173,8 +4144,8 @@ var BackgroundGradientColorControl = createControl(() => {
       positions: positions?.value.split(" ")
     };
   };
-  return /* @__PURE__ */ React72.createElement(
-    import_ui57.UnstableGradientBox,
+  return /* @__PURE__ */ React71.createElement(
+    import_ui56.UnstableGradientBox,
     {
       sx: { width: "auto", padding: 1.5 },
       value: normalizeValue(),
@@ -4198,35 +4169,35 @@ var initialBackgroundGradientOverlay = import_editor_props28.backgroundGradientO
 });
 
 // src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-attachment.tsx
-var React73 = __toESM(require("react"));
+var React72 = __toESM(require("react"));
 var import_icons19 = require("@elementor/icons");
-var import_ui58 = require("@elementor/ui");
+var import_ui57 = require("@elementor/ui");
 var import_i18n29 = require("@wordpress/i18n");
 var attachmentControlOptions = [
   {
     value: "fixed",
     label: (0, import_i18n29.__)("Fixed", "elementor"),
-    renderContent: ({ size }) => /* @__PURE__ */ React73.createElement(import_icons19.PinIcon, { fontSize: size }),
+    renderContent: ({ size }) => /* @__PURE__ */ React72.createElement(import_icons19.PinIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "scroll",
     label: (0, import_i18n29.__)("Scroll", "elementor"),
-    renderContent: ({ size }) => /* @__PURE__ */ React73.createElement(import_icons19.PinnedOffIcon, { fontSize: size }),
+    renderContent: ({ size }) => /* @__PURE__ */ React72.createElement(import_icons19.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__ */ React72.createElement(PopoverGridContainer, null, /* @__PURE__ */ React72.createElement(import_ui57.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React72.createElement(ControlFormLabel, null, (0, import_i18n29.__)("Attachment", "elementor"))), /* @__PURE__ */ React72.createElement(import_ui57.Grid, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end", overflow: "hidden" } }, /* @__PURE__ */ React72.createElement(ToggleControl, { options: attachmentControlOptions })));
 };
 
 // src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-position.tsx
-var React74 = __toESM(require("react"));
-var import_react38 = require("react");
+var React73 = __toESM(require("react"));
+var import_react37 = require("react");
 var import_editor_props29 = require("@elementor/editor-props");
-var import_editor_ui8 = require("@elementor/editor-ui");
+var import_editor_ui9 = require("@elementor/editor-ui");
 var import_icons20 = require("@elementor/icons");
-var import_ui59 = require("@elementor/ui");
+var import_ui58 = require("@elementor/ui");
 var import_i18n30 = require("@wordpress/i18n");
 var backgroundPositionOptions = [
   { label: (0, import_i18n30.__)("Center center", "elementor"), value: "center center" },
@@ -4244,7 +4215,7 @@ var BackgroundImageOverlayPosition = () => {
   const backgroundImageOffsetContext = useBoundProp(import_editor_props29.backgroundImagePositionOffsetPropTypeUtil);
   const stringPropContext = useBoundProp(import_editor_props29.stringPropTypeUtil);
   const isCustom = !!backgroundImageOffsetContext.value;
-  const rowRef = (0, import_react38.useRef)(null);
+  const rowRef = (0, import_react37.useRef)(null);
   const handlePositionChange = (event) => {
     const value = event.target.value || null;
     if (value === "custom") {
@@ -4253,8 +4224,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__ */ React73.createElement(import_ui58.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React73.createElement(import_ui58.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React73.createElement(PopoverGridContainer, null, /* @__PURE__ */ React73.createElement(import_ui58.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React73.createElement(ControlFormLabel, null, (0, import_i18n30.__)("Position", "elementor"))), /* @__PURE__ */ React73.createElement(import_ui58.Grid, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end", overflow: "hidden" } }, /* @__PURE__ */ React73.createElement(ControlActions, null, /* @__PURE__ */ React73.createElement(
+    import_ui58.Select,
     {
       fullWidth: true,
       size: "tiny",
@@ -4262,18 +4233,18 @@ var BackgroundImageOverlayPosition = () => {
       disabled: stringPropContext.disabled,
       value: (backgroundImageOffsetContext.value ? "custom" : stringPropContext.value) ?? ""
     },
-    backgroundPositionOptions.map(({ label, value }) => /* @__PURE__ */ React74.createElement(import_editor_ui8.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__ */ React73.createElement(import_editor_ui9.MenuListItem, { key: value, value: value ?? "" }, label))
+  ))))), isCustom ? /* @__PURE__ */ React73.createElement(PropProvider, { ...backgroundImageOffsetContext }, /* @__PURE__ */ React73.createElement(import_ui58.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React73.createElement(import_ui58.Grid, { container: true, spacing: 1.5, ref: rowRef }, /* @__PURE__ */ React73.createElement(import_ui58.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React73.createElement(PropKeyProvider, { bind: "x" }, /* @__PURE__ */ React73.createElement(
     SizeControl,
     {
-      startIcon: /* @__PURE__ */ React74.createElement(import_icons20.LetterXIcon, { fontSize: "tiny" }),
+      startIcon: /* @__PURE__ */ React73.createElement(import_icons20.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__ */ React73.createElement(import_ui58.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React73.createElement(PropKeyProvider, { bind: "y" }, /* @__PURE__ */ React73.createElement(
     SizeControl,
     {
-      startIcon: /* @__PURE__ */ React74.createElement(import_icons20.LetterYIcon, { fontSize: "tiny" }),
+      startIcon: /* @__PURE__ */ React73.createElement(import_icons20.LetterYIcon, { fontSize: "tiny" }),
       anchorRef: rowRef,
       min: -Number.MAX_SAFE_INTEGER
     }
@@ -4281,70 +4252,70 @@ var BackgroundImageOverlayPosition = () => {
 };
 
 // src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-repeat.tsx
-var React75 = __toESM(require("react"));
+var React74 = __toESM(require("react"));
 var import_icons21 = require("@elementor/icons");
-var import_ui60 = require("@elementor/ui");
+var import_ui59 = require("@elementor/ui");
 var import_i18n31 = require("@wordpress/i18n");
 var repeatControlOptions = [
   {
     value: "repeat",
     label: (0, import_i18n31.__)("Repeat", "elementor"),
-    renderContent: ({ size }) => /* @__PURE__ */ React75.createElement(import_icons21.GridDotsIcon, { fontSize: size }),
+    renderContent: ({ size }) => /* @__PURE__ */ React74.createElement(import_icons21.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 }),
+    renderContent: ({ size }) => /* @__PURE__ */ React74.createElement(import_icons21.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 }),
+    renderContent: ({ size }) => /* @__PURE__ */ React74.createElement(import_icons21.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 }),
+    renderContent: ({ size }) => /* @__PURE__ */ React74.createElement(import_icons21.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__ */ React74.createElement(PopoverGridContainer, null, /* @__PURE__ */ React74.createElement(import_ui59.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React74.createElement(ControlFormLabel, null, (0, import_i18n31.__)("Repeat", "elementor"))), /* @__PURE__ */ React74.createElement(import_ui59.Grid, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end" } }, /* @__PURE__ */ React74.createElement(ToggleControl, { options: repeatControlOptions })));
 };
 
 // src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-size.tsx
-var React76 = __toESM(require("react"));
-var import_react39 = require("react");
+var React75 = __toESM(require("react"));
+var import_react38 = require("react");
 var import_editor_props30 = require("@elementor/editor-props");
 var import_icons22 = require("@elementor/icons");
-var import_ui61 = require("@elementor/ui");
+var import_ui60 = require("@elementor/ui");
 var import_i18n32 = require("@wordpress/i18n");
 var sizeControlOptions = [
   {
     value: "auto",
     label: (0, import_i18n32.__)("Auto", "elementor"),
-    renderContent: ({ size }) => /* @__PURE__ */ React76.createElement(import_icons22.LetterAIcon, { fontSize: size }),
+    renderContent: ({ size }) => /* @__PURE__ */ React75.createElement(import_icons22.LetterAIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "cover",
     label: (0, import_i18n32.__)("Cover", "elementor"),
-    renderContent: ({ size }) => /* @__PURE__ */ React76.createElement(import_icons22.ArrowsMaximizeIcon, { fontSize: size }),
+    renderContent: ({ size }) => /* @__PURE__ */ React75.createElement(import_icons22.ArrowsMaximizeIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "contain",
     label: (0, import_i18n32.__)("Contain", "elementor"),
-    renderContent: ({ size }) => /* @__PURE__ */ React76.createElement(import_icons22.ArrowBarBothIcon, { fontSize: size }),
+    renderContent: ({ size }) => /* @__PURE__ */ React75.createElement(import_icons22.ArrowBarBothIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "custom",
     label: (0, import_i18n32.__)("Custom", "elementor"),
-    renderContent: ({ size }) => /* @__PURE__ */ React76.createElement(import_icons22.PencilIcon, { fontSize: size }),
+    renderContent: ({ size }) => /* @__PURE__ */ React75.createElement(import_icons22.PencilIcon, { fontSize: size }),
     showTooltip: true
   }
 ];
@@ -4352,7 +4323,7 @@ var BackgroundImageOverlaySize = () => {
   const backgroundImageScaleContext = useBoundProp(import_editor_props30.backgroundImageSizeScalePropTypeUtil);
   const stringPropContext = useBoundProp(import_editor_props30.stringPropTypeUtil);
   const isCustom = !!backgroundImageScaleContext.value;
-  const rowRef = (0, import_react39.useRef)(null);
+  const rowRef = (0, import_react38.useRef)(null);
   const handleSizeChange = (size) => {
     if (size === "custom") {
       backgroundImageScaleContext.setValue({ width: null, height: null });
@@ -4360,7 +4331,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__ */ 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_i18n32.__)("Size", "elementor"))), /* @__PURE__ */ React75.createElement(import_ui60.Grid, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end" } }, /* @__PURE__ */ React75.createElement(
     ControlToggleButtonGroup,
     {
       exclusive: true,
@@ -4369,17 +4340,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__ */ React75.createElement(PropProvider, { ...backgroundImageScaleContext }, /* @__PURE__ */ React75.createElement(import_ui60.Grid, { item: true, xs: 12, ref: rowRef }, /* @__PURE__ */ React75.createElement(PopoverGridContainer, null, /* @__PURE__ */ React75.createElement(import_ui60.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React75.createElement(PropKeyProvider, { bind: "width" }, /* @__PURE__ */ React75.createElement(
     SizeControl,
     {
-      startIcon: /* @__PURE__ */ React76.createElement(import_icons22.ArrowsMoveHorizontalIcon, { fontSize: "tiny" }),
+      startIcon: /* @__PURE__ */ React75.createElement(import_icons22.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__ */ React75.createElement(import_ui60.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React75.createElement(PropKeyProvider, { bind: "height" }, /* @__PURE__ */ React75.createElement(
     SizeControl,
     {
-      startIcon: /* @__PURE__ */ React76.createElement(import_icons22.ArrowsMoveVerticalIcon, { fontSize: "tiny" }),
+      startIcon: /* @__PURE__ */ React75.createElement(import_icons22.ArrowsMoveVerticalIcon, { fontSize: "tiny" }),
       extendedOptions: ["auto"],
       anchorRef: rowRef
     }
@@ -4387,9 +4358,9 @@ var BackgroundImageOverlaySize = () => {
 };
 
 // src/controls/background-control/background-overlay/use-background-tabs-history.ts
-var import_react40 = require("react");
+var import_react39 = require("react");
 var import_editor_props31 = require("@elementor/editor-props");
-var import_ui62 = require("@elementor/ui");
+var import_ui61 = require("@elementor/ui");
 var useBackgroundTabsHistory = ({
   color: initialBackgroundColorOverlay2,
   image: initialBackgroundImageOverlay,
@@ -4407,8 +4378,8 @@ var useBackgroundTabsHistory = ({
     }
     return "image";
   };
-  const { getTabsProps, getTabProps, getTabPanelProps } = (0, import_ui62.useTabs)(getCurrentOverlayType());
-  const valuesHistory = (0, import_react40.useRef)({
+  const { getTabsProps, getTabProps, getTabPanelProps } = (0, import_ui61.useTabs)(getCurrentOverlayType());
+  const valuesHistory = (0, import_react39.useRef)({
     image: initialBackgroundImageOverlay,
     color: initialBackgroundColorOverlay2,
     gradient: initialBackgroundGradientOverlay2
@@ -4483,22 +4454,22 @@ var backgroundResolutionOptions = [
 ];
 var BackgroundOverlayRepeaterControl = createControl(() => {
   const { propType, value: overlayValues, setValue } = useBoundProp(import_editor_props32.backgroundOverlayPropTypeUtil);
-  return /* @__PURE__ */ React77.createElement(PropProvider, { propType, value: overlayValues, setValue }, /* @__PURE__ */ React77.createElement(
+  return /* @__PURE__ */ React76.createElement(PropProvider, { propType, value: overlayValues, setValue }, /* @__PURE__ */ React76.createElement(
     ControlRepeater,
     {
       initial: getInitialBackgroundOverlay(),
       propTypeUtil: import_editor_props32.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__ */ React76.createElement(RepeaterHeader, { label: (0, import_i18n33.__)("Overlay", "elementor") }, /* @__PURE__ */ React76.createElement(TooltipAddItemAction, { newItemIndex: 0 })),
+    /* @__PURE__ */ React76.createElement(ItemsContainer, null, /* @__PURE__ */ React76.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__ */ React76.createElement(React76.Fragment, null, /* @__PURE__ */ React76.createElement(DuplicateItemAction, null), /* @__PURE__ */ React76.createElement(DisableItemAction, null), /* @__PURE__ */ React76.createElement(RemoveItemAction, null))
       }
     )),
-    /* @__PURE__ */ React77.createElement(EditItemPopover, null, /* @__PURE__ */ React77.createElement(ItemContent, null))
+    /* @__PURE__ */ React76.createElement(EditItemPopover, null, /* @__PURE__ */ React76.createElement(ItemContent, null))
   ));
 });
 var ItemContent = () => {
@@ -4508,27 +4479,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__ */ React76.createElement(import_ui62.Box, { sx: { width: "100%" } }, /* @__PURE__ */ React76.createElement(import_ui62.Box, { sx: { borderBottom: 1, borderColor: "divider" } }, /* @__PURE__ */ React76.createElement(
+    import_ui62.Tabs,
     {
       size: "small",
       variant: "fullWidth",
       ...getTabsProps(),
       "aria-label": (0, import_i18n33.__)("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__ */ React76.createElement(import_ui62.Tab, { label: (0, import_i18n33.__)("Image", "elementor"), ...getTabProps("image") }),
+    /* @__PURE__ */ React76.createElement(import_ui62.Tab, { label: (0, import_i18n33.__)("Gradient", "elementor"), ...getTabProps("gradient") }),
+    /* @__PURE__ */ React76.createElement(import_ui62.Tab, { label: (0, import_i18n33.__)("Color", "elementor"), ...getTabProps("color") })
+  )), /* @__PURE__ */ React76.createElement(import_ui62.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("image") }, /* @__PURE__ */ React76.createElement(PopoverContent, null, /* @__PURE__ */ React76.createElement(ImageOverlayContent, null))), /* @__PURE__ */ React76.createElement(import_ui62.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("gradient") }, /* @__PURE__ */ React76.createElement(BackgroundGradientColorControl, null)), /* @__PURE__ */ React76.createElement(import_ui62.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("color") }, /* @__PURE__ */ React76.createElement(PopoverContent, null, /* @__PURE__ */ React76.createElement(ColorOverlayContent, { anchorEl: rowRef }))));
 };
 var ItemIcon2 = ({ value }) => {
   switch (value.$$type) {
     case "background-image-overlay":
-      return /* @__PURE__ */ React77.createElement(ItemIconImage, { value });
+      return /* @__PURE__ */ React76.createElement(ItemIconImage, { value });
     case "background-color-overlay":
-      return /* @__PURE__ */ React77.createElement(ItemIconColor, { value });
+      return /* @__PURE__ */ React76.createElement(ItemIconColor, { value });
     case "background-gradient-overlay":
-      return /* @__PURE__ */ React77.createElement(ItemIconGradient, { value });
+      return /* @__PURE__ */ React76.createElement(ItemIconGradient, { value });
     default:
       return null;
   }
@@ -4541,12 +4512,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__ */ React76.createElement(StyledUnstableColorIndicator3, { size: "inherit", component: "span", value: color });
 };
 var ItemIconImage = ({ value }) => {
   const { imageUrl } = useImage(value);
-  return /* @__PURE__ */ React77.createElement(
-    import_ui63.CardMedia,
+  return /* @__PURE__ */ React76.createElement(
+    import_ui62.CardMedia,
     {
       image: imageUrl,
       sx: (theme) => ({
@@ -4560,43 +4531,43 @@ var ItemIconImage = ({ value }) => {
 };
 var ItemIconGradient = ({ value }) => {
   const gradient = getGradientValue(value);
-  return /* @__PURE__ */ React77.createElement(StyledUnstableColorIndicator3, { size: "inherit", component: "span", value: gradient });
+  return /* @__PURE__ */ React76.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__ */ React76.createElement(ItemLabelImage, { value });
     case "background-color-overlay":
-      return /* @__PURE__ */ React77.createElement(ItemLabelColor, { value });
+      return /* @__PURE__ */ React76.createElement(ItemLabelColor, { value });
     case "background-gradient-overlay":
-      return /* @__PURE__ */ React77.createElement(ItemLabelGradient, { value });
+      return /* @__PURE__ */ React76.createElement(ItemLabelGradient, { value });
     default:
       return null;
   }
 };
 var ItemLabelColor = ({ value: prop }) => {
   const color = extractColorFrom(prop);
-  return /* @__PURE__ */ React77.createElement("span", null, color);
+  return /* @__PURE__ */ React76.createElement("span", null, color);
 };
 var ItemLabelImage = ({ value }) => {
   const { imageTitle } = useImage(value);
-  return /* @__PURE__ */ React77.createElement("span", null, imageTitle);
+  return /* @__PURE__ */ React76.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__ */ React76.createElement("span", null, (0, import_i18n33.__)("Linear Gradient", "elementor"));
   }
-  return /* @__PURE__ */ React77.createElement("span", null, (0, import_i18n33.__)("Radial Gradient", "elementor"));
+  return /* @__PURE__ */ React76.createElement("span", null, (0, import_i18n33.__)("Radial Gradient", "elementor"));
 };
 var ColorOverlayContent = ({ anchorEl }) => {
   const propContext = useBoundProp(import_editor_props32.backgroundColorOverlayPropTypeUtil);
-  return /* @__PURE__ */ React77.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React77.createElement(PropKeyProvider, { bind: "color" }, /* @__PURE__ */ React77.createElement(ColorControl, { anchorEl })));
+  return /* @__PURE__ */ React76.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React76.createElement(PropKeyProvider, { bind: "color" }, /* @__PURE__ */ React76.createElement(ColorControl, { anchorEl })));
 };
 var ImageOverlayContent = () => {
   const propContext = useBoundProp(import_editor_props32.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)));
+  return /* @__PURE__ */ React76.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React76.createElement(PropKeyProvider, { bind: "image" }, /* @__PURE__ */ React76.createElement(ImageControl, { sizes: backgroundResolutionOptions })), /* @__PURE__ */ React76.createElement(PropKeyProvider, { bind: "position" }, /* @__PURE__ */ React76.createElement(BackgroundImageOverlayPosition, null)), /* @__PURE__ */ React76.createElement(PropKeyProvider, { bind: "repeat" }, /* @__PURE__ */ React76.createElement(BackgroundImageOverlayRepeat, null)), /* @__PURE__ */ React76.createElement(PropKeyProvider, { bind: "size" }, /* @__PURE__ */ React76.createElement(BackgroundImageOverlaySize, null)), /* @__PURE__ */ React76.createElement(PropKeyProvider, { bind: "attachment" }, /* @__PURE__ */ React76.createElement(BackgroundImageOverlayAttachment, null)));
 };
-var StyledUnstableColorIndicator3 = (0, import_ui63.styled)(import_ui63.UnstableColorIndicator)(({ theme }) => ({
+var StyledUnstableColorIndicator3 = (0, import_ui62.styled)(import_ui62.UnstableColorIndicator)(({ theme }) => ({
   height: "1rem",
   width: "1rem",
   borderRadius: `${theme.shape.borderRadius / 2}px`
@@ -4642,20 +4613,20 @@ var colorLabel = (0, import_i18n34.__)("Color", "elementor");
 var clipLabel = (0, import_i18n34.__)("Clipping", "elementor");
 var BackgroundControl = createControl(() => {
   const propContext = useBoundProp(import_editor_props33.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));
+  return /* @__PURE__ */ React77.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React77.createElement(PropKeyProvider, { bind: "background-overlay" }, /* @__PURE__ */ React77.createElement(BackgroundOverlayRepeaterControl, null)), /* @__PURE__ */ React77.createElement(BackgroundColorField, null), /* @__PURE__ */ React77.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__ */ React77.createElement(PropKeyProvider, { bind: "color" }, /* @__PURE__ */ React77.createElement(import_ui63.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React77.createElement(import_ui63.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React77.createElement(ControlLabel, null, colorLabel)), /* @__PURE__ */ React77.createElement(import_ui63.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React77.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__ */ React77.createElement(PropKeyProvider, { bind: "clip" }, /* @__PURE__ */ React77.createElement(import_ui63.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React77.createElement(import_ui63.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React77.createElement(ControlLabel, null, clipLabel)), /* @__PURE__ */ React77.createElement(import_ui63.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React77.createElement(SelectControl, { options: clipOptions }))));
 };
 
 // src/controls/repeatable-control.tsx
-var React79 = __toESM(require("react"));
-var import_react41 = require("react");
+var React78 = __toESM(require("react"));
+var import_react40 = require("react");
 var import_editor_props34 = require("@elementor/editor-props");
-var import_ui65 = require("@elementor/ui");
+var import_ui64 = require("@elementor/ui");
 var PLACEHOLDER_REGEX = /\$\{([^}]+)\}/g;
 var RepeatableControl = createControl(
   ({
@@ -4673,11 +4644,11 @@ var RepeatableControl = createControl(
     if (!childPropTypeUtil) {
       return null;
     }
-    const childArrayPropTypeUtil2 = (0, import_react41.useMemo)(
+    const childArrayPropTypeUtil2 = (0, import_react40.useMemo)(
       () => (0, import_editor_props34.createArrayPropUtils)(childPropTypeUtil.key, childPropTypeUtil.schema, propKey),
       [childPropTypeUtil.key, childPropTypeUtil.schema, propKey]
     );
-    const contextValue = (0, import_react41.useMemo)(
+    const contextValue = (0, import_react40.useMemo)(
       () => ({
         ...childControlConfig,
         placeholder: placeholder || "",
@@ -4686,14 +4657,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__ */ React78.createElement(PropProvider, { propType, value, setValue }, /* @__PURE__ */ React78.createElement(RepeatableControlContext.Provider, { value: contextValue }, /* @__PURE__ */ React78.createElement(
       ControlRepeater,
       {
         initial: childPropTypeUtil.create(initialValues || null),
         propTypeUtil: childArrayPropTypeUtil2,
         isItemDisabled: isItemDisabled2
       },
-      /* @__PURE__ */ React79.createElement(RepeaterHeader, { label: repeaterLabel }, /* @__PURE__ */ React79.createElement(
+      /* @__PURE__ */ React78.createElement(RepeaterHeader, { label: repeaterLabel }, /* @__PURE__ */ React78.createElement(
         TooltipAddItemAction,
         {
           ...addItemTooltipProps,
@@ -4701,22 +4672,22 @@ var RepeatableControl = createControl(
           ariaLabel: repeaterLabel
         }
       )),
-      /* @__PURE__ */ React79.createElement(ItemsContainer, { isSortable: false }, /* @__PURE__ */ React79.createElement(
+      /* @__PURE__ */ React78.createElement(ItemsContainer, { isSortable: false }, /* @__PURE__ */ React78.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__ */ React78.createElement(React78.Fragment, null, showDuplicate && /* @__PURE__ */ React78.createElement(DuplicateItemAction, null), showToggle && /* @__PURE__ */ React78.createElement(DisableItemAction, null), /* @__PURE__ */ React78.createElement(RemoveItemAction, null))
         }
       )),
-      /* @__PURE__ */ React79.createElement(EditItemPopover, null, /* @__PURE__ */ React79.createElement(Content2, null))
+      /* @__PURE__ */ React78.createElement(EditItemPopover, null, /* @__PURE__ */ React78.createElement(Content2, null))
     )));
   }
 );
-var ItemIcon3 = () => /* @__PURE__ */ React79.createElement(React79.Fragment, null);
+var ItemIcon3 = () => /* @__PURE__ */ React78.createElement(React78.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__ */ React78.createElement(PopoverContent, { p: 1.5 }, /* @__PURE__ */ React78.createElement(PopoverGridContainer, null, /* @__PURE__ */ React78.createElement(ChildControl, { ...props })));
 };
 var interpolate = (template, data) => {
   if (!data) {
@@ -4799,7 +4770,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__ */ React78.createElement(import_ui64.Box, { component: "span", color }, label);
 };
 var getAllProperties = (pattern) => {
   const properties = pattern.match(PLACEHOLDER_REGEX)?.map((match) => match.slice(2, -1)) || [];
@@ -4807,10 +4778,10 @@ var getAllProperties = (pattern) => {
 };
 
 // src/controls/key-value-control.tsx
-var React80 = __toESM(require("react"));
-var import_react42 = require("react");
+var React79 = __toESM(require("react"));
+var import_react41 = require("react");
 var import_editor_props35 = require("@elementor/editor-props");
-var import_ui66 = require("@elementor/ui");
+var import_ui65 = require("@elementor/ui");
 var import_i18n35 = require("@wordpress/i18n");
 
 // src/utils/escape-html-attr.ts
@@ -4835,9 +4806,9 @@ var getInitialFieldValue = (fieldValue) => {
 };
 var KeyValueControl = createControl((props = {}) => {
   const { value, setValue, ...propContext } = useBoundProp(import_editor_props35.keyValuePropTypeUtil);
-  const [keyError, setKeyError] = (0, import_react42.useState)("");
-  const [valueError, setValueError] = (0, import_react42.useState)("");
-  const [sessionState, setSessionState] = (0, import_react42.useState)({
+  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)
   });
@@ -4847,7 +4818,7 @@ var KeyValueControl = createControl((props = {}) => {
     keyHelper: void 0,
     valueHelper: void 0
   };
-  const [keyRegex, valueRegex, errMsg] = (0, import_react42.useMemo)(
+  const [keyRegex, valueRegex, errMsg] = (0, import_react41.useMemo)(
     () => [
       props.regexKey ? new RegExp(props.regexKey) : void 0,
       props.regexValue ? new RegExp(props.regexValue) : void 0,
@@ -4900,14 +4871,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__ */ React79.createElement(PropProvider, { ...propContext, value, setValue: handleChange }, /* @__PURE__ */ React79.createElement(import_ui65.Grid, { container: true, gap: 1.5 }, /* @__PURE__ */ React79.createElement(import_ui65.Grid, { item: true, xs: 12, display: "flex", flexDirection: "column" }, /* @__PURE__ */ React79.createElement(import_ui65.FormLabel, { size: "tiny", sx: { pb: 1 } }, keyLabel), /* @__PURE__ */ React79.createElement(PropKeyProvider, { bind: "key" }, /* @__PURE__ */ React79.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__ */ React79.createElement(import_ui65.FormHelperText, { error: true }, keyError)), /* @__PURE__ */ React79.createElement(import_ui65.Grid, { item: true, xs: 12, display: "flex", flexDirection: "column" }, /* @__PURE__ */ React79.createElement(import_ui65.FormLabel, { size: "tiny", sx: { pb: 1 } }, valueLabel), /* @__PURE__ */ React79.createElement(PropKeyProvider, { bind: "value" }, /* @__PURE__ */ React79.createElement(
     TextControl,
     {
       inputValue: props.escapeHtml ? escapeHtmlAttr(sessionState.value) : sessionState.value,
@@ -4915,15 +4886,15 @@ var KeyValueControl = createControl((props = {}) => {
       inputDisabled: !!keyError,
       helperText: valueHelper
     }
-  )), !!valueError && /* @__PURE__ */ React80.createElement(import_ui66.FormHelperText, { error: true }, valueError))));
+  )), !!valueError && /* @__PURE__ */ React79.createElement(import_ui65.FormHelperText, { error: true }, valueError))));
 });
 
 // src/controls/position-control.tsx
-var React81 = __toESM(require("react"));
+var React80 = __toESM(require("react"));
 var import_editor_props36 = require("@elementor/editor-props");
-var import_editor_ui9 = require("@elementor/editor-ui");
+var import_editor_ui10 = require("@elementor/editor-ui");
 var import_icons23 = require("@elementor/icons");
-var import_ui67 = require("@elementor/ui");
+var import_ui66 = require("@elementor/ui");
 var import_i18n36 = require("@wordpress/i18n");
 var positionOptions = [
   { label: (0, import_i18n36.__)("Center center", "elementor"), value: "center center" },
@@ -4949,8 +4920,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__ */ React80.createElement(import_ui66.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React80.createElement(import_ui66.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React80.createElement(import_ui66.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React80.createElement(import_ui66.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React80.createElement(ControlFormLabel, null, (0, import_i18n36.__)("Object position", "elementor"))), /* @__PURE__ */ React80.createElement(import_ui66.Grid, { item: true, xs: 6, sx: { overflow: "hidden" } }, /* @__PURE__ */ React80.createElement(
+    import_ui66.Select,
     {
       size: "tiny",
       disabled: stringPropContext.disabled,
@@ -4958,37 +4929,37 @@ var PositionControl = () => {
       onChange: handlePositionChange,
       fullWidth: true
     },
-    positionOptions.map(({ label, value }) => /* @__PURE__ */ React81.createElement(import_editor_ui9.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__ */ React80.createElement(import_editor_ui10.MenuListItem, { key: value, value: value ?? "" }, label))
+  )))), isCustom && /* @__PURE__ */ React80.createElement(PropProvider, { ...positionContext }, /* @__PURE__ */ React80.createElement(import_ui66.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React80.createElement(import_ui66.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React80.createElement(import_ui66.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React80.createElement(PropKeyProvider, { bind: "x" }, /* @__PURE__ */ React80.createElement(
     SizeControl,
     {
-      startIcon: /* @__PURE__ */ React81.createElement(import_icons23.LetterXIcon, { fontSize: "tiny" }),
+      startIcon: /* @__PURE__ */ React80.createElement(import_icons23.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__ */ React80.createElement(import_ui66.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React80.createElement(PropKeyProvider, { bind: "y" }, /* @__PURE__ */ React80.createElement(
     SizeControl,
     {
-      startIcon: /* @__PURE__ */ React81.createElement(import_icons23.LetterYIcon, { fontSize: "tiny" }),
+      startIcon: /* @__PURE__ */ React80.createElement(import_icons23.LetterYIcon, { fontSize: "tiny" }),
       min: -Number.MAX_SAFE_INTEGER
     }
   )))))));
 };
 
 // src/controls/transform-control/transform-repeater-control.tsx
-var React94 = __toESM(require("react"));
-var import_react49 = require("react");
+var React93 = __toESM(require("react"));
+var import_react48 = require("react");
 var import_editor_props45 = require("@elementor/editor-props");
 var import_icons30 = require("@elementor/icons");
-var import_ui80 = require("@elementor/ui");
+var import_ui79 = require("@elementor/ui");
 var import_i18n46 = require("@wordpress/i18n");
 
 // src/hooks/use-element-can-have-children.ts
-var import_react43 = require("react");
+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_react43.useMemo)(() => {
+  return (0, import_react42.useMemo)(() => {
     const container = (0, import_editor_elements4.getContainer)(elementId);
     if (!container) {
       return false;
@@ -5044,24 +5015,24 @@ var initialSkewValue = import_editor_props37.skewTransformPropTypeUtil.create({
 });
 
 // src/controls/transform-control/transform-content.tsx
-var React88 = __toESM(require("react"));
-var import_ui75 = require("@elementor/ui");
+var React87 = __toESM(require("react"));
+var import_ui74 = require("@elementor/ui");
 var import_i18n41 = require("@wordpress/i18n");
 
 // src/controls/transform-control/functions/move.tsx
-var React83 = __toESM(require("react"));
-var import_react44 = require("react");
+var React82 = __toESM(require("react"));
+var import_react43 = require("react");
 var import_editor_props38 = require("@elementor/editor-props");
 var import_icons24 = require("@elementor/icons");
-var import_ui69 = require("@elementor/ui");
+var import_ui68 = require("@elementor/ui");
 var import_i18n37 = require("@wordpress/i18n");
 
 // src/controls/transform-control/functions/axis-row.tsx
-var React82 = __toESM(require("react"));
-var import_ui68 = require("@elementor/ui");
+var React81 = __toESM(require("react"));
+var import_ui67 = 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__ */ React81.createElement(import_ui67.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React81.createElement(PopoverGridContainer, { ref: anchorRef }, /* @__PURE__ */ React81.createElement(import_ui67.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React81.createElement(ControlLabel, { htmlFor: safeId }, label)), /* @__PURE__ */ React81.createElement(import_ui67.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React81.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React81.createElement(
     SizeControl,
     {
       anchorRef,
@@ -5079,26 +5050,26 @@ var moveAxisControls = [
   {
     label: (0, import_i18n37.__)("Move X", "elementor"),
     bind: "x",
-    startIcon: /* @__PURE__ */ React83.createElement(import_icons24.ArrowRightIcon, { fontSize: "tiny" }),
+    startIcon: /* @__PURE__ */ React82.createElement(import_icons24.ArrowRightIcon, { fontSize: "tiny" }),
     units: ["px", "%", "em", "rem", "vw"]
   },
   {
     label: (0, import_i18n37.__)("Move Y", "elementor"),
     bind: "y",
-    startIcon: /* @__PURE__ */ React83.createElement(import_icons24.ArrowDownSmallIcon, { fontSize: "tiny" }),
+    startIcon: /* @__PURE__ */ React82.createElement(import_icons24.ArrowDownSmallIcon, { fontSize: "tiny" }),
     units: ["px", "%", "em", "rem", "vh"]
   },
   {
     label: (0, import_i18n37.__)("Move Z", "elementor"),
     bind: "z",
-    startIcon: /* @__PURE__ */ React83.createElement(import_icons24.ArrowDownLeftIcon, { fontSize: "tiny" }),
+    startIcon: /* @__PURE__ */ React82.createElement(import_icons24.ArrowDownLeftIcon, { fontSize: "tiny" }),
     units: ["px", "%", "em", "rem", "vw", "vh"]
   }
 ];
 var Move = () => {
   const context = useBoundProp(import_editor_props38.moveTransformPropTypeUtil);
-  const rowRefs = [(0, import_react44.useRef)(null), (0, import_react44.useRef)(null), (0, import_react44.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 rowRefs = [(0, import_react43.useRef)(null), (0, import_react43.useRef)(null), (0, import_react43.useRef)(null)];
+  return /* @__PURE__ */ React82.createElement(import_ui68.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React82.createElement(PropProvider, { ...context }, /* @__PURE__ */ React82.createElement(PropKeyProvider, { bind: TransformFunctionKeys.move }, moveAxisControls.map((control, index) => /* @__PURE__ */ React82.createElement(
     AxisRow,
     {
       key: control.bind,
@@ -5111,34 +5082,34 @@ var Move = () => {
 };
 
 // src/controls/transform-control/functions/rotate.tsx
-var React84 = __toESM(require("react"));
-var import_react45 = require("react");
+var React83 = __toESM(require("react"));
+var import_react44 = require("react");
 var import_editor_props39 = require("@elementor/editor-props");
 var import_icons25 = require("@elementor/icons");
-var import_ui70 = require("@elementor/ui");
+var import_ui69 = require("@elementor/ui");
 var import_i18n38 = require("@wordpress/i18n");
 var rotateAxisControls = [
   {
     label: (0, import_i18n38.__)("Rotate X", "elementor"),
     bind: "x",
-    startIcon: /* @__PURE__ */ React84.createElement(import_icons25.Arrow360Icon, { fontSize: "tiny" })
+    startIcon: /* @__PURE__ */ React83.createElement(import_icons25.Arrow360Icon, { fontSize: "tiny" })
   },
   {
     label: (0, import_i18n38.__)("Rotate Y", "elementor"),
     bind: "y",
-    startIcon: /* @__PURE__ */ React84.createElement(import_icons25.Arrow360Icon, { fontSize: "tiny", style: { transform: "scaleX(-1) rotate(-90deg)" } })
+    startIcon: /* @__PURE__ */ React83.createElement(import_icons25.Arrow360Icon, { fontSize: "tiny", style: { transform: "scaleX(-1) rotate(-90deg)" } })
   },
   {
     label: (0, import_i18n38.__)("Rotate Z", "elementor"),
     bind: "z",
-    startIcon: /* @__PURE__ */ React84.createElement(import_icons25.RotateClockwiseIcon, { fontSize: "tiny" })
+    startIcon: /* @__PURE__ */ React83.createElement(import_icons25.RotateClockwiseIcon, { fontSize: "tiny" })
   }
 ];
 var rotateUnits = ["deg", "rad", "grad", "turn"];
 var Rotate = () => {
   const context = useBoundProp(import_editor_props39.rotateTransformPropTypeUtil);
-  const rowRefs = [(0, import_react45.useRef)(null), (0, import_react45.useRef)(null), (0, import_react45.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 rowRefs = [(0, import_react44.useRef)(null), (0, import_react44.useRef)(null), (0, import_react44.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.rotate }, rotateAxisControls.map((control, index) => /* @__PURE__ */ React83.createElement(
     AxisRow,
     {
       key: control.bind,
@@ -5150,18 +5121,18 @@ var Rotate = () => {
 };
 
 // src/controls/transform-control/functions/scale.tsx
-var React86 = __toESM(require("react"));
-var import_react46 = require("react");
+var React85 = __toESM(require("react"));
+var import_react45 = require("react");
 var import_editor_props40 = require("@elementor/editor-props");
 var import_icons26 = require("@elementor/icons");
-var import_ui72 = require("@elementor/ui");
+var import_ui71 = require("@elementor/ui");
 var import_i18n39 = require("@wordpress/i18n");
 
 // src/controls/transform-control/functions/scale-axis-row.tsx
-var React85 = __toESM(require("react"));
-var import_ui71 = require("@elementor/ui");
+var React84 = __toESM(require("react"));
+var import_ui70 = 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__ */ React84.createElement(import_ui70.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React84.createElement(PopoverGridContainer, { ref: anchorRef }, /* @__PURE__ */ React84.createElement(import_ui70.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React84.createElement(ControlLabel, null, label)), /* @__PURE__ */ React84.createElement(import_ui70.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React84.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React84.createElement(NumberControl, { step: 0.1, placeholder: "1", startIcon })))));
 };
 
 // src/controls/transform-control/functions/scale.tsx
@@ -5169,49 +5140,49 @@ var scaleAxisControls = [
   {
     label: (0, import_i18n39.__)("Scale X", "elementor"),
     bind: "x",
-    startIcon: /* @__PURE__ */ React86.createElement(import_icons26.ArrowRightIcon, { fontSize: "tiny" })
+    startIcon: /* @__PURE__ */ React85.createElement(import_icons26.ArrowRightIcon, { fontSize: "tiny" })
   },
   {
     label: (0, import_i18n39.__)("Scale Y", "elementor"),
     bind: "y",
-    startIcon: /* @__PURE__ */ React86.createElement(import_icons26.ArrowDownSmallIcon, { fontSize: "tiny" })
+    startIcon: /* @__PURE__ */ React85.createElement(import_icons26.ArrowDownSmallIcon, { fontSize: "tiny" })
   },
   {
     label: (0, import_i18n39.__)("Scale Z", "elementor"),
     bind: "z",
-    startIcon: /* @__PURE__ */ React86.createElement(import_icons26.ArrowDownLeftIcon, { fontSize: "tiny" })
+    startIcon: /* @__PURE__ */ React85.createElement(import_icons26.ArrowDownLeftIcon, { fontSize: "tiny" })
   }
 ];
 var Scale = () => {
   const context = useBoundProp(import_editor_props40.scaleTransformPropTypeUtil);
-  const rowRefs = [(0, import_react46.useRef)(null), (0, import_react46.useRef)(null), (0, import_react46.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 rowRefs = [(0, import_react45.useRef)(null), (0, import_react45.useRef)(null), (0, import_react45.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.scale }, scaleAxisControls.map((control, index) => /* @__PURE__ */ React85.createElement(ScaleAxisRow, { key: control.bind, ...control, anchorRef: rowRefs[index] })))));
 };
 
 // src/controls/transform-control/functions/skew.tsx
-var React87 = __toESM(require("react"));
-var import_react47 = require("react");
+var React86 = __toESM(require("react"));
+var import_react46 = require("react");
 var import_editor_props41 = require("@elementor/editor-props");
 var import_icons27 = require("@elementor/icons");
-var import_ui73 = require("@elementor/ui");
+var import_ui72 = require("@elementor/ui");
 var import_i18n40 = require("@wordpress/i18n");
 var skewAxisControls = [
   {
     label: (0, import_i18n40.__)("Skew X", "elementor"),
     bind: "x",
-    startIcon: /* @__PURE__ */ React87.createElement(import_icons27.ArrowRightIcon, { fontSize: "tiny" })
+    startIcon: /* @__PURE__ */ React86.createElement(import_icons27.ArrowRightIcon, { fontSize: "tiny" })
   },
   {
     label: (0, import_i18n40.__)("Skew Y", "elementor"),
     bind: "y",
-    startIcon: /* @__PURE__ */ React87.createElement(import_icons27.ArrowLeftIcon, { fontSize: "tiny", style: { transform: "scaleX(-1) rotate(-90deg)" } })
+    startIcon: /* @__PURE__ */ React86.createElement(import_icons27.ArrowLeftIcon, { fontSize: "tiny", style: { transform: "scaleX(-1) rotate(-90deg)" } })
   }
 ];
 var skewUnits = ["deg", "rad", "grad", "turn"];
 var Skew = () => {
   const context = useBoundProp(import_editor_props41.skewTransformPropTypeUtil);
-  const rowRefs = [(0, import_react47.useRef)(null), (0, import_react47.useRef)(null), (0, import_react47.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 rowRefs = [(0, import_react46.useRef)(null), (0, import_react46.useRef)(null), (0, import_react46.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.skew }, skewAxisControls.map((control, index) => /* @__PURE__ */ React86.createElement(
     AxisRow,
     {
       key: control.bind,
@@ -5223,9 +5194,9 @@ var Skew = () => {
 };
 
 // src/controls/transform-control/use-transform-tabs-history.tsx
-var import_react48 = require("react");
+var import_react47 = require("react");
 var import_editor_props42 = require("@elementor/editor-props");
-var import_ui74 = require("@elementor/ui");
+var import_ui73 = require("@elementor/ui");
 var useTransformTabsHistory = ({
   move: initialMove,
   scale: initialScale,
@@ -5249,8 +5220,8 @@ var useTransformTabsHistory = ({
         return TransformFunctionKeys.move;
     }
   };
-  const { getTabsProps, getTabProps, getTabPanelProps } = (0, import_ui74.useTabs)(getCurrentTransformType());
-  const valuesHistory = (0, import_react48.useRef)({
+  const { getTabsProps, getTabProps, getTabPanelProps } = (0, import_ui73.useTabs)(getCurrentTransformType());
+  const valuesHistory = (0, import_react47.useRef)({
     move: initialMove,
     scale: initialScale,
     rotate: initialRotate,
@@ -5311,8 +5282,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__ */ React87.createElement(PopoverContent, null, /* @__PURE__ */ React87.createElement(import_ui74.Box, { sx: { width: "100%" } }, /* @__PURE__ */ React87.createElement(import_ui74.Box, { sx: { borderBottom: 1, borderColor: "divider" } }, /* @__PURE__ */ React87.createElement(
+    import_ui74.Tabs,
     {
       size: "small",
       variant: "fullWidth",
@@ -5324,34 +5295,34 @@ var TransformContent = () => {
       ...getTabsProps(),
       "aria-label": (0, import_i18n41.__)("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__ */ React87.createElement(import_ui74.Tab, { label: (0, import_i18n41.__)("Move", "elementor"), ...getTabProps(TransformFunctionKeys.move) }),
+    /* @__PURE__ */ React87.createElement(import_ui74.Tab, { label: (0, import_i18n41.__)("Scale", "elementor"), ...getTabProps(TransformFunctionKeys.scale) }),
+    /* @__PURE__ */ React87.createElement(import_ui74.Tab, { label: (0, import_i18n41.__)("Rotate", "elementor"), ...getTabProps(TransformFunctionKeys.rotate) }),
+    /* @__PURE__ */ React87.createElement(import_ui74.Tab, { label: (0, import_i18n41.__)("Skew", "elementor"), ...getTabProps(TransformFunctionKeys.skew) })
+  )), /* @__PURE__ */ React87.createElement(import_ui74.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.move) }, /* @__PURE__ */ React87.createElement(Move, null)), /* @__PURE__ */ React87.createElement(import_ui74.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.scale) }, /* @__PURE__ */ React87.createElement(Scale, null)), /* @__PURE__ */ React87.createElement(import_ui74.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.rotate) }, /* @__PURE__ */ React87.createElement(Rotate, null)), /* @__PURE__ */ React87.createElement(import_ui74.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.skew) }, /* @__PURE__ */ React87.createElement(Skew, null))));
 };
 
 // src/controls/transform-control/transform-icon.tsx
-var React89 = __toESM(require("react"));
+var React88 = __toESM(require("react"));
 var import_icons28 = require("@elementor/icons");
 var TransformIcon = ({ value }) => {
   switch (value.$$type) {
     case TransformFunctionKeys.move:
-      return /* @__PURE__ */ React89.createElement(import_icons28.ArrowsMaximizeIcon, { fontSize: "tiny" });
+      return /* @__PURE__ */ React88.createElement(import_icons28.ArrowsMaximizeIcon, { fontSize: "tiny" });
     case TransformFunctionKeys.scale:
-      return /* @__PURE__ */ React89.createElement(import_icons28.ArrowAutofitHeightIcon, { fontSize: "tiny" });
+      return /* @__PURE__ */ React88.createElement(import_icons28.ArrowAutofitHeightIcon, { fontSize: "tiny" });
     case TransformFunctionKeys.rotate:
-      return /* @__PURE__ */ React89.createElement(import_icons28.RotateClockwise2Icon, { fontSize: "tiny" });
+      return /* @__PURE__ */ React88.createElement(import_icons28.RotateClockwise2Icon, { fontSize: "tiny" });
     case TransformFunctionKeys.skew:
-      return /* @__PURE__ */ React89.createElement(import_icons28.SkewXIcon, { fontSize: "tiny" });
+      return /* @__PURE__ */ React88.createElement(import_icons28.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 React89 = __toESM(require("react"));
+var import_ui75 = require("@elementor/ui");
 var import_i18n42 = require("@wordpress/i18n");
 var orderedAxis = ["x", "y", "z"];
 var formatLabel = (value, functionType) => {
@@ -5370,32 +5341,32 @@ 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__ */ React89.createElement(Label2, { label: (0, import_i18n42.__)("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__ */ React89.createElement(Label2, { label: (0, import_i18n42.__)("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__ */ React89.createElement(Label2, { label: (0, import_i18n42.__)("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__ */ React89.createElement(Label2, { label: (0, import_i18n42.__)("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__ */ React89.createElement(import_ui75.Box, { component: "span" }, label, ": ", value);
 };
 
 // src/controls/transform-control/transform-settings-control.tsx
-var React93 = __toESM(require("react"));
-var import_editor_ui10 = require("@elementor/editor-ui");
+var React92 = __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_ui78 = require("@elementor/ui");
 var import_i18n45 = require("@wordpress/i18n");
 
 // src/controls/transform-control/transform-base-controls/children-perspective-control.tsx
-var React91 = __toESM(require("react"));
+var React90 = __toESM(require("react"));
 var import_editor_props43 = require("@elementor/editor-props");
-var import_ui77 = require("@elementor/ui");
+var import_ui76 = require("@elementor/ui");
 var import_i18n43 = require("@wordpress/i18n");
 var ORIGIN_UNITS = ["px", "%", "em", "rem"];
 var PERSPECTIVE_CONTROL_FIELD = {
@@ -5416,23 +5387,23 @@ var CHILDREN_PERSPECTIVE_FIELDS = [
   }
 ];
 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__ */ React90.createElement(import_ui76.Stack, { direction: "column", spacing: 1.5 }, /* @__PURE__ */ React90.createElement(ControlFormLabel, null, (0, import_i18n43.__)("Children perspective", "elementor")), /* @__PURE__ */ React90.createElement(PerspectiveControl, null), /* @__PURE__ */ React90.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__ */ React90.createElement(PropKeyProvider, { bind: "perspective" }, /* @__PURE__ */ React90.createElement(ControlFields, { control: PERSPECTIVE_CONTROL_FIELD, key: PERSPECTIVE_CONTROL_FIELD.bind }));
+var PerspectiveOriginControl = () => /* @__PURE__ */ React90.createElement(PropKeyProvider, { bind: "perspective-origin" }, /* @__PURE__ */ React90.createElement(PerspectiveOriginControlProvider, null));
 var PerspectiveOriginControlProvider = () => {
   const context = useBoundProp(import_editor_props43.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 }))));
+  return /* @__PURE__ */ React90.createElement(PropProvider, { ...context }, CHILDREN_PERSPECTIVE_FIELDS.map((control) => /* @__PURE__ */ React90.createElement(PropKeyProvider, { bind: control.bind, key: control.bind }, /* @__PURE__ */ React90.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 = React90.useRef(null);
+  return /* @__PURE__ */ React90.createElement(PopoverGridContainer, { ref: rowRef }, /* @__PURE__ */ React90.createElement(import_ui76.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React90.createElement(ControlFormLabel, null, control.label)), /* @__PURE__ */ React90.createElement(import_ui76.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React90.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 React91 = __toESM(require("react"));
 var import_editor_props44 = require("@elementor/editor-props");
-var import_ui78 = require("@elementor/ui");
+var import_ui77 = require("@elementor/ui");
 var import_i18n44 = require("@wordpress/i18n");
 var TRANSFORM_ORIGIN_UNITS = ["px", "%", "em", "rem"];
 var TRANSFORM_ORIGIN_UNITS_Z_AXIS = TRANSFORM_ORIGIN_UNITS.filter((unit) => unit !== "%");
@@ -5454,12 +5425,12 @@ var TRANSFORM_ORIGIN_FIELDS = [
   }
 ];
 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__ */ React91.createElement(import_ui77.Stack, { direction: "column", spacing: 1.5 }, /* @__PURE__ */ React91.createElement(ControlFormLabel, null, (0, import_i18n44.__)("Transform", "elementor")), TRANSFORM_ORIGIN_FIELDS.map((control) => /* @__PURE__ */ React91.createElement(ControlFields2, { control, key: control.bind })));
 };
 var ControlFields2 = ({ control }) => {
   const context = useBoundProp(import_editor_props44.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 rowRef = React91.useRef(null);
+  return /* @__PURE__ */ React91.createElement(PropProvider, { ...context }, /* @__PURE__ */ React91.createElement(PropKeyProvider, { bind: control.bind }, /* @__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 })))));
 };
 
 // src/controls/transform-control/transform-settings-control.tsx
@@ -5469,12 +5440,12 @@ var TransformSettingsControl = ({
   anchorRef,
   showChildrenPerspective
 }) => {
-  const popupProps = (0, import_ui79.bindPopover)({
+  const popupProps = (0, import_ui78.bindPopover)({
     ...popupState,
     anchorEl: anchorRef.current ?? void 0
   });
-  return /* @__PURE__ */ React93.createElement(
-    import_ui79.Popover,
+  return /* @__PURE__ */ React92.createElement(
+    import_ui78.Popover,
     {
       disablePortal: true,
       anchorOrigin: { vertical: "bottom", horizontal: "left" },
@@ -5488,16 +5459,16 @@ var TransformSettingsControl = ({
       },
       ...popupProps
     },
-    /* @__PURE__ */ React93.createElement(
-      import_editor_ui10.PopoverHeader,
+    /* @__PURE__ */ React92.createElement(
+      import_editor_ui11.PopoverHeader,
       {
         title: (0, import_i18n45.__)("Transform settings", "elementor"),
         onClose: popupState.close,
-        icon: /* @__PURE__ */ React93.createElement(import_icons29.AdjustmentsIcon, { fontSize: SIZE7 })
+        icon: /* @__PURE__ */ React92.createElement(import_icons29.AdjustmentsIcon, { fontSize: SIZE7 })
       }
     ),
-    /* @__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__ */ React92.createElement(import_ui78.Divider, null),
+    /* @__PURE__ */ React92.createElement(PopoverContent, { sx: { px: 2, py: 1.5 } }, /* @__PURE__ */ React92.createElement(PropKeyProvider, { bind: "transform-origin" }, /* @__PURE__ */ React92.createElement(TransformOriginControl, null)), showChildrenPerspective && /* @__PURE__ */ React92.createElement(React92.Fragment, null, /* @__PURE__ */ React92.createElement(import_ui78.Box, { sx: { my: 0.5 } }, /* @__PURE__ */ React92.createElement(import_ui78.Divider, null)), /* @__PURE__ */ React92.createElement(ChildrenPerspectiveControl, null)))
   );
 };
 
@@ -5505,27 +5476,27 @@ var TransformSettingsControl = ({
 var SIZE8 = "tiny";
 var TransformRepeaterControl = createControl(() => {
   const context = useBoundProp(import_editor_props45.transformPropTypeUtil);
-  const headerRef = (0, import_react49.useRef)(null);
-  const popupState = (0, import_ui80.usePopupState)({ variant: "popover" });
+  const headerRef = (0, import_react48.useRef)(null);
+  const popupState = (0, import_ui79.usePopupState)({ variant: "popover" });
   const showChildrenPerspective = useElementCanHaveChildren();
-  return /* @__PURE__ */ React94.createElement(PropProvider, { ...context }, /* @__PURE__ */ React94.createElement(
+  return /* @__PURE__ */ React93.createElement(PropProvider, { ...context }, /* @__PURE__ */ React93.createElement(
     TransformSettingsControl,
     {
       popupState,
       anchorRef: headerRef,
       showChildrenPerspective
     }
-  ), /* @__PURE__ */ React94.createElement(PropKeyProvider, { bind: "transform-functions" }, /* @__PURE__ */ React94.createElement(Repeater2, { headerRef, propType: context.propType, popupState })));
+  ), /* @__PURE__ */ React93.createElement(PropKeyProvider, { bind: "transform-functions" }, /* @__PURE__ */ React93.createElement(Repeater2, { headerRef, propType: context.propType, popupState })));
 });
-var ToolTip = /* @__PURE__ */ React94.createElement(
-  import_ui80.Box,
+var ToolTip = /* @__PURE__ */ React93.createElement(
+  import_ui79.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__ */ React93.createElement(import_icons30.InfoCircleFilledIcon, { sx: { color: "secondary.main" } }),
+  /* @__PURE__ */ React93.createElement(import_ui79.Typography, { variant: "body2", color: "text.secondary", fontSize: "14px" }, (0, import_i18n46.__)("You can use each kind of transform only once per element.", "elementor"))
 );
 var Repeater2 = ({
   headerRef,
@@ -5539,21 +5510,21 @@ var Repeater2 = ({
     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__ */ React93.createElement(PropProvider, { ...transformFunctionsContext }, /* @__PURE__ */ React93.createElement(
     ControlRepeater,
     {
       initial: getInitialValue2() ?? initialTransformValue,
       propTypeUtil: import_editor_props45.transformFunctionsPropTypeUtil
     },
-    /* @__PURE__ */ React94.createElement(
+    /* @__PURE__ */ React93.createElement(
       RepeaterHeader,
       {
         label: (0, import_i18n46.__)("Transform", "elementor"),
-        adornment: () => /* @__PURE__ */ React94.createElement(ControlAdornments, { customContext: { path: ["transform"], propType } }),
+        adornment: () => /* @__PURE__ */ React93.createElement(ControlAdornments, { customContext: { path: ["transform"], propType } }),
         ref: headerRef
       },
-      /* @__PURE__ */ React94.createElement(TransformBasePopoverTrigger, { popupState, repeaterBindKey: bind }),
-      /* @__PURE__ */ React94.createElement(
+      /* @__PURE__ */ React93.createElement(TransformBasePopoverTrigger, { popupState, repeaterBindKey: bind }),
+      /* @__PURE__ */ React93.createElement(
         TooltipAddItemAction,
         {
           disabled: shouldDisableAddItem,
@@ -5563,15 +5534,15 @@ var Repeater2 = ({
         }
       )
     ),
-    /* @__PURE__ */ React94.createElement(ItemsContainer, null, /* @__PURE__ */ React94.createElement(
+    /* @__PURE__ */ React93.createElement(ItemsContainer, null, /* @__PURE__ */ React93.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__ */ React93.createElement(React93.Fragment, null, /* @__PURE__ */ React93.createElement(DisableItemAction, null), /* @__PURE__ */ React93.createElement(RemoveItemAction, null))
       }
     )),
-    /* @__PURE__ */ React94.createElement(EditItemPopover, null, /* @__PURE__ */ React94.createElement(TransformContent, null))
+    /* @__PURE__ */ React93.createElement(EditItemPopover, null, /* @__PURE__ */ React93.createElement(TransformContent, null))
   ));
 };
 var TransformBasePopoverTrigger = ({
@@ -5580,28 +5551,28 @@ var TransformBasePopoverTrigger = ({
 }) => {
   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: SIZE8, "aria-label": titleLabel, ...(0, import_ui80.bindTrigger)(popupState) }, /* @__PURE__ */ React94.createElement(import_icons30.AdjustmentsIcon, { fontSize: SIZE8 })));
+  return bind !== repeaterBindKey ? null : /* @__PURE__ */ React93.createElement(import_ui79.Tooltip, { title: titleLabel, placement: "top" }, /* @__PURE__ */ React93.createElement(import_ui79.IconButton, { size: SIZE8, "aria-label": titleLabel, ...(0, import_ui79.bindTrigger)(popupState) }, /* @__PURE__ */ React93.createElement(import_icons30.AdjustmentsIcon, { fontSize: SIZE8 })));
 };
 
 // src/controls/transition-control/transition-repeater-control.tsx
-var React97 = __toESM(require("react"));
-var import_react52 = require("react");
+var React96 = __toESM(require("react"));
+var import_react51 = require("react");
 var import_editor_props48 = require("@elementor/editor-props");
 var import_icons32 = require("@elementor/icons");
-var import_ui83 = require("@elementor/ui");
+var import_ui82 = require("@elementor/ui");
 var import_i18n49 = require("@wordpress/i18n");
 
 // src/controls/selection-size-control.tsx
-var React95 = __toESM(require("react"));
-var import_react50 = require("react");
+var React94 = __toESM(require("react"));
+var import_react49 = require("react");
 var import_editor_props46 = require("@elementor/editor-props");
-var import_ui81 = require("@elementor/ui");
+var import_ui80 = require("@elementor/ui");
 var SelectionSizeControl = createControl(
   ({ selectionLabel, sizeLabel, selectionConfig, sizeConfigMap }) => {
     const { value, setValue, propType } = useBoundProp(import_editor_props46.selectionSizePropTypeUtil);
-    const rowRef = (0, import_react50.useRef)(null);
+    const rowRef = (0, import_react49.useRef)(null);
     const sizeFieldId = sizeLabel.replace(/\s+/g, "-").toLowerCase();
-    const currentSizeConfig = (0, import_react50.useMemo)(() => {
+    const currentSizeConfig = (0, import_react49.useMemo)(() => {
       switch (value.selection.$$type) {
         case "key-value":
           return sizeConfigMap[value?.selection?.value.value.value || ""];
@@ -5612,7 +5583,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__ */ React94.createElement(PropProvider, { value, setValue, propType }, /* @__PURE__ */ React94.createElement(import_ui80.Grid, { container: true, spacing: 1.5, ref: rowRef }, /* @__PURE__ */ React94.createElement(import_ui80.Grid, { item: true, xs: 6, sx: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React94.createElement(ControlFormLabel, null, selectionLabel)), /* @__PURE__ */ React94.createElement(import_ui80.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React94.createElement(PropKeyProvider, { bind: "selection" }, /* @__PURE__ */ React94.createElement(SelectionComponent, { ...selectionConfig.props }))), currentSizeConfig && /* @__PURE__ */ React94.createElement(React94.Fragment, null, /* @__PURE__ */ React94.createElement(import_ui80.Grid, { item: true, xs: 6, sx: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React94.createElement(ControlFormLabel, { htmlFor: sizeFieldId }, sizeLabel)), /* @__PURE__ */ React94.createElement(import_ui80.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React94.createElement(PropKeyProvider, { bind: "size" }, /* @__PURE__ */ React94.createElement(
       SizeControl,
       {
         anchorRef: rowRef,
@@ -5814,12 +5785,12 @@ function subscribeToTransitionEvent() {
 }
 
 // src/controls/transition-control/transition-selector.tsx
-var React96 = __toESM(require("react"));
-var import_react51 = require("react");
+var React95 = __toESM(require("react"));
+var import_react50 = require("react");
 var import_editor_props47 = require("@elementor/editor-props");
-var import_editor_ui11 = require("@elementor/editor-ui");
+var import_editor_ui12 = require("@elementor/editor-ui");
 var import_icons31 = require("@elementor/icons");
-var import_ui82 = require("@elementor/ui");
+var import_ui81 = require("@elementor/ui");
 var import_i18n48 = require("@wordpress/i18n");
 var toTransitionSelectorValue = (label) => {
   for (const category of transitionProperties) {
@@ -5861,9 +5832,9 @@ var TransitionSelector = ({
   const {
     key: { value: transitionLabel }
   } = value;
-  const defaultRef = (0, import_react51.useRef)(null);
-  const popoverState = (0, import_ui82.usePopupState)({ variant: "popover" });
-  const disabledCategories = (0, import_react51.useMemo)(() => {
+  const defaultRef = (0, import_react50.useRef)(null);
+  const popoverState = (0, import_ui81.usePopupState)({ variant: "popover" });
+  const disabledCategories = (0, import_react50.useMemo)(() => {
     return new Set(
       transitionProperties.filter((cat) => cat.properties.some((prop) => prop.isDisabled)).map((cat) => cat.label)
     );
@@ -5907,27 +5878,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__ */ React95.createElement(import_ui81.Box, { ref: defaultRef }, /* @__PURE__ */ React95.createElement(ControlActions, null, /* @__PURE__ */ React95.createElement(
+    import_ui81.UnstableTag,
     {
       variant: "outlined",
       label: transitionLabel,
-      endIcon: /* @__PURE__ */ React96.createElement(import_icons31.ChevronDownIcon, { fontSize: "tiny" }),
-      ...(0, import_ui82.bindTrigger)(popoverState),
+      endIcon: /* @__PURE__ */ React95.createElement(import_icons31.ChevronDownIcon, { fontSize: "tiny" }),
+      ...(0, import_ui81.bindTrigger)(popoverState),
       fullWidth: true
     }
-  )), /* @__PURE__ */ React96.createElement(
-    import_ui82.Popover,
+  )), /* @__PURE__ */ React95.createElement(
+    import_ui81.Popover,
     {
       disablePortal: true,
       disableScrollLock: true,
-      ...(0, import_ui82.bindPopover)(popoverState),
+      ...(0, import_ui81.bindPopover)(popoverState),
       anchorReference: "anchorPosition",
       anchorPosition: getAnchorPosition(),
       anchorOrigin: { vertical: "top", horizontal: "right" },
       transformOrigin: { vertical: "top", horizontal: "left" }
     },
-    /* @__PURE__ */ React96.createElement(
+    /* @__PURE__ */ React95.createElement(
       ItemSelector,
       {
         itemsList: getItemList(),
@@ -5938,8 +5909,8 @@ var TransitionSelector = ({
         title: (0, import_i18n48.__)("Transition Property", "elementor"),
         icon: import_icons31.VariationsIcon,
         disabledItems: includeCurrentValueInOptions(value, disabledItems),
-        categoryItemContentTemplate: (item) => /* @__PURE__ */ React96.createElement(
-          import_ui82.Box,
+        categoryItemContentTemplate: (item) => /* @__PURE__ */ React95.createElement(
+          import_ui81.Box,
           {
             sx: {
               display: "flex",
@@ -5948,11 +5919,11 @@ var TransitionSelector = ({
               width: "100%"
             }
           },
-          /* @__PURE__ */ React96.createElement("span", null, item.value),
-          showPromotion && disabledCategories.has(item.value) && /* @__PURE__ */ React96.createElement(import_editor_ui11.PromotionChip, null)
+          /* @__PURE__ */ React95.createElement("span", null, item.value),
+          showPromotion && disabledCategories.has(item.value) && /* @__PURE__ */ React95.createElement(import_editor_ui12.PromotionChip, null)
         ),
-        footer: showPromotion ? /* @__PURE__ */ React96.createElement(
-          import_ui82.Alert,
+        footer: showPromotion ? /* @__PURE__ */ React95.createElement(
+          import_ui81.Alert,
           {
             variant: "standard",
             color: "promotion",
@@ -5963,8 +5934,8 @@ var TransitionSelector = ({
             sx: { m: 1.5, mt: 0 }
           },
           (0, import_i18n48.__)("Upgrade to customize transition properties and control effects.", "elementor"),
-          /* @__PURE__ */ React96.createElement(
-            import_ui82.Box,
+          /* @__PURE__ */ React95.createElement(
+            import_ui81.Box,
             {
               component: "a",
               href: PRO_UPGRADE_URL,
@@ -5977,7 +5948,7 @@ var TransitionSelector = ({
                 color: "promotion.main"
               }
             },
-            /* @__PURE__ */ React96.createElement(import_icons31.CrownFilledIcon, { fontSize: "tiny" }),
+            /* @__PURE__ */ React95.createElement(import_icons31.CrownFilledIcon, { fontSize: "tiny" }),
             (0, import_i18n48.__)("Upgrade now", "elementor")
           )
         ) : null
@@ -6086,18 +6057,18 @@ var getInitialValue = (values = []) => {
   }
   return initialTransitionValue;
 };
-var disableAddItemTooltipContent = /* @__PURE__ */ React97.createElement(
-  import_ui83.Alert,
+var disableAddItemTooltipContent = /* @__PURE__ */ React96.createElement(
+  import_ui82.Alert,
   {
     sx: {
       width: 280,
       gap: 0.5
     },
     color: "secondary",
-    icon: /* @__PURE__ */ React97.createElement(import_icons32.InfoCircleFilledIcon, null)
+    icon: /* @__PURE__ */ React96.createElement(import_icons32.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__ */ React96.createElement(import_ui82.AlertTitle, null, (0, import_i18n49.__)("Transitions", "elementor")),
+  /* @__PURE__ */ React96.createElement(import_ui82.Box, { component: "span" }, /* @__PURE__ */ React96.createElement(import_ui82.Typography, { variant: "body2" }, (0, import_i18n49.__)("Switch to 'Normal' state to add a transition.", "elementor")))
 );
 var TransitionRepeaterControl = createControl(
   ({
@@ -6105,20 +6076,20 @@ var TransitionRepeaterControl = createControl(
     currentStyleState
   }) => {
     const currentStyleIsNormal = currentStyleState === null;
-    const [recentlyUsedList, setRecentlyUsedList] = (0, import_react52.useState)([]);
+    const [recentlyUsedList, setRecentlyUsedList] = (0, import_react51.useState)([]);
     const { value, setValue } = useBoundProp(childArrayPropTypeUtil);
-    const { allDisabled: disabledItems, proDisabled: proDisabledItems } = (0, import_react52.useMemo)(
+    const { allDisabled: disabledItems, proDisabled: proDisabledItems } = (0, import_react51.useMemo)(
       () => getDisabledItemLabels(value),
       [value]
     );
-    const allowedTransitionSet = (0, import_react52.useMemo)(() => {
+    const allowedTransitionSet = (0, import_react51.useMemo)(() => {
       const set = /* @__PURE__ */ new Set();
       transitionProperties.forEach((category) => {
         category.properties.forEach((prop) => set.add(prop.value));
       });
       return set;
     }, []);
-    (0, import_react52.useEffect)(() => {
+    (0, import_react51.useEffect)(() => {
       if (!value || value.length === 0) {
         return;
       }
@@ -6130,12 +6101,12 @@ var TransitionRepeaterControl = createControl(
         setValue(sanitized);
       }
     }, [allowedTransitionSet]);
-    (0, import_react52.useEffect)(() => {
+    (0, import_react51.useEffect)(() => {
       recentlyUsedListGetter().then(setRecentlyUsedList);
     }, [recentlyUsedListGetter]);
-    const allPropertiesUsed = (0, import_react52.useMemo)(() => areAllPropertiesUsed(value), [value]);
+    const allPropertiesUsed = (0, import_react51.useMemo)(() => areAllPropertiesUsed(value), [value]);
     const isAddItemDisabled = !currentStyleIsNormal || allPropertiesUsed;
-    return /* @__PURE__ */ React97.createElement(
+    return /* @__PURE__ */ React96.createElement(
       RepeatableControl,
       {
         label: (0, import_i18n49.__)("Transitions", "elementor"),
@@ -6162,11 +6133,11 @@ var TransitionRepeaterControl = createControl(
 );
 
 // src/controls/date-time-control.tsx
-var React98 = __toESM(require("react"));
+var React97 = __toESM(require("react"));
 var dayjs = __toESM(require("dayjs"));
 var import_editor_props49 = require("@elementor/editor-props");
 var import_editor_props50 = require("@elementor/editor-props");
-var import_ui84 = require("@elementor/ui");
+var import_ui83 = require("@elementor/ui");
 var DATE_FORMAT = "YYYY-MM-DD";
 var TIME_FORMAT = "HH:mm";
 var DateTimeControl = createControl(({ inputDisabled }) => {
@@ -6210,8 +6181,8 @@ 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__ */ React97.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React97.createElement(ControlActions, null, /* @__PURE__ */ React97.createElement(import_ui83.LocalizationProvider, null, /* @__PURE__ */ React97.createElement(import_ui83.Box, { display: "flex", gap: 1, alignItems: "center" }, /* @__PURE__ */ React97.createElement(PropKeyProvider, { bind: "date" }, /* @__PURE__ */ React97.createElement(
+    import_ui83.DatePicker,
     {
       value: parseDateValue(import_editor_props49.stringPropTypeUtil.extract(value?.date)),
       onChange: (v) => handleChange({ date: v }, { bind: "date" }),
@@ -6222,8 +6193,8 @@ var DateTimeControl = createControl(({ inputDisabled }) => {
         openPickerIcon: { fontSize: "tiny" }
       }
     }
-  )), /* @__PURE__ */ React98.createElement(PropKeyProvider, { bind: "time" }, /* @__PURE__ */ React98.createElement(
-    import_ui84.TimePicker,
+  )), /* @__PURE__ */ React97.createElement(PropKeyProvider, { bind: "time" }, /* @__PURE__ */ React97.createElement(
+    import_ui83.TimePicker,
     {
       value: parseTimeValue(import_editor_props49.stringPropTypeUtil.extract(value?.time)),
       onChange: (v) => handleChange({ time: v }, { bind: "time" }),
@@ -6238,14 +6209,14 @@ var DateTimeControl = createControl(({ inputDisabled }) => {
 });
 
 // src/controls/inline-editing-control.tsx
-var React102 = __toESM(require("react"));
+var React101 = __toESM(require("react"));
 var import_editor_props51 = require("@elementor/editor-props");
-var import_ui88 = require("@elementor/ui");
+var import_ui87 = require("@elementor/ui");
 
 // src/components/inline-editor.tsx
-var React101 = __toESM(require("react"));
-var import_react56 = require("react");
-var import_ui87 = require("@elementor/ui");
+var React100 = __toESM(require("react"));
+var import_react55 = 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"));
@@ -6258,7 +6229,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_react57 = require("@tiptap/react");
+var import_react56 = require("@tiptap/react");
 
 // src/utils/inline-editing.ts
 function isEmpty(value = "") {
@@ -6271,19 +6242,19 @@ function isEmpty(value = "") {
 }
 
 // src/components/inline-editor-toolbar.tsx
-var React100 = __toESM(require("react"));
-var import_react54 = require("react");
+var React99 = __toESM(require("react"));
+var import_react53 = require("react");
 var import_editor_elements6 = require("@elementor/editor-elements");
 var import_icons34 = require("@elementor/icons");
-var import_ui86 = require("@elementor/ui");
-var import_react55 = require("@tiptap/react");
+var import_ui85 = require("@elementor/ui");
+var import_react54 = require("@tiptap/react");
 var import_i18n51 = require("@wordpress/i18n");
 
 // src/components/url-popover.tsx
-var React99 = __toESM(require("react"));
-var import_react53 = require("react");
+var React98 = __toESM(require("react"));
+var import_react52 = require("react");
 var import_icons33 = require("@elementor/icons");
-var import_ui85 = require("@elementor/ui");
+var import_ui84 = require("@elementor/ui");
 var import_i18n50 = require("@wordpress/i18n");
 var UrlPopover = ({
   popupState,
@@ -6294,8 +6265,8 @@ var UrlPopover = ({
   openInNewTab,
   onToggleNewTab
 }) => {
-  const inputRef = (0, import_react53.useRef)(null);
-  (0, import_react53.useEffect)(() => {
+  const inputRef = (0, import_react52.useRef)(null);
+  (0, import_react52.useEffect)(() => {
     if (popupState.isOpen) {
       requestAnimationFrame(() => inputRef.current?.focus());
     }
@@ -6304,19 +6275,19 @@ var UrlPopover = ({
     restoreValue();
     popupState.close();
   };
-  return /* @__PURE__ */ React99.createElement(
-    import_ui85.Popover,
+  return /* @__PURE__ */ React98.createElement(
+    import_ui84.Popover,
     {
       slotProps: {
         paper: { sx: { borderRadius: "16px", width: anchorRef.current?.offsetWidth + "px", marginTop: -1 } }
       },
-      ...(0, import_ui85.bindPopover)(popupState),
+      ...(0, import_ui84.bindPopover)(popupState),
       anchorOrigin: { vertical: "top", horizontal: "left" },
       transformOrigin: { vertical: "top", horizontal: "left" },
       onClose: handleClose
     },
-    /* @__PURE__ */ React99.createElement(import_ui85.Stack, { direction: "row", alignItems: "center", gap: 1, sx: { p: 1.5 } }, /* @__PURE__ */ React99.createElement(
-      import_ui85.TextField,
+    /* @__PURE__ */ React98.createElement(import_ui84.Stack, { direction: "row", alignItems: "center", gap: 1, sx: { p: 1.5 } }, /* @__PURE__ */ React98.createElement(
+      import_ui84.TextField,
       {
         value,
         onChange,
@@ -6328,8 +6299,8 @@ var UrlPopover = ({
         InputProps: { sx: { borderRadius: "8px" } },
         onKeyUp: (event) => event.key === "Enter" && handleClose()
       }
-    ), /* @__PURE__ */ React99.createElement(import_ui85.Tooltip, { title: (0, import_i18n50.__)("Open in a new tab", "elementor") }, /* @__PURE__ */ React99.createElement(
-      import_ui85.ToggleButton,
+    ), /* @__PURE__ */ React98.createElement(import_ui84.Tooltip, { title: (0, import_i18n50.__)("Open in a new tab", "elementor") }, /* @__PURE__ */ React98.createElement(
+      import_ui84.ToggleButton,
       {
         size: "tiny",
         value: "newTab",
@@ -6338,7 +6309,7 @@ var UrlPopover = ({
         "aria-label": (0, import_i18n50.__)("Open in a new tab", "elementor"),
         sx: { borderRadius: "8px" }
       },
-      /* @__PURE__ */ React99.createElement(import_icons33.ExternalLinkIcon, { fontSize: "tiny" })
+      /* @__PURE__ */ React98.createElement(import_icons33.ExternalLinkIcon, { fontSize: "tiny" })
     )))
   );
 };
@@ -6348,7 +6319,7 @@ var checkIfElementHasLink = (elementId) => !!(0, import_editor_elements6.getElem
 var toolbarButtons = {
   clear: {
     label: (0, import_i18n51.__)("Clear", "elementor"),
-    icon: /* @__PURE__ */ React100.createElement(import_icons34.MinusIcon, { fontSize: "tiny" }),
+    icon: /* @__PURE__ */ React99.createElement(import_icons34.MinusIcon, { fontSize: "tiny" }),
     action: "clear",
     method: (editor) => {
       editor.chain().focus().clearNodes().unsetAllMarks().run();
@@ -6356,7 +6327,7 @@ var toolbarButtons = {
   },
   bold: {
     label: (0, import_i18n51.__)("Bold", "elementor"),
-    icon: /* @__PURE__ */ React100.createElement(import_icons34.BoldIcon, { fontSize: "tiny" }),
+    icon: /* @__PURE__ */ React99.createElement(import_icons34.BoldIcon, { fontSize: "tiny" }),
     action: "bold",
     method: (editor) => {
       editor.chain().focus().toggleBold().run();
@@ -6364,7 +6335,7 @@ var toolbarButtons = {
   },
   italic: {
     label: (0, import_i18n51.__)("Italic", "elementor"),
-    icon: /* @__PURE__ */ React100.createElement(import_icons34.ItalicIcon, { fontSize: "tiny" }),
+    icon: /* @__PURE__ */ React99.createElement(import_icons34.ItalicIcon, { fontSize: "tiny" }),
     action: "italic",
     method: (editor) => {
       editor.chain().focus().toggleItalic().run();
@@ -6372,7 +6343,7 @@ var toolbarButtons = {
   },
   underline: {
     label: (0, import_i18n51.__)("Underline", "elementor"),
-    icon: /* @__PURE__ */ React100.createElement(import_icons34.UnderlineIcon, { fontSize: "tiny" }),
+    icon: /* @__PURE__ */ React99.createElement(import_icons34.UnderlineIcon, { fontSize: "tiny" }),
     action: "underline",
     method: (editor) => {
       editor.chain().focus().toggleUnderline().run();
@@ -6380,7 +6351,7 @@ var toolbarButtons = {
   },
   strike: {
     label: (0, import_i18n51.__)("Strikethrough", "elementor"),
-    icon: /* @__PURE__ */ React100.createElement(import_icons34.StrikethroughIcon, { fontSize: "tiny" }),
+    icon: /* @__PURE__ */ React99.createElement(import_icons34.StrikethroughIcon, { fontSize: "tiny" }),
     action: "strike",
     method: (editor) => {
       editor.chain().focus().toggleStrike().run();
@@ -6388,7 +6359,7 @@ var toolbarButtons = {
   },
   superscript: {
     label: (0, import_i18n51.__)("Superscript", "elementor"),
-    icon: /* @__PURE__ */ React100.createElement(import_icons34.SuperscriptIcon, { fontSize: "tiny" }),
+    icon: /* @__PURE__ */ React99.createElement(import_icons34.SuperscriptIcon, { fontSize: "tiny" }),
     action: "superscript",
     method: (editor) => {
       editor.chain().focus().toggleSuperscript().run();
@@ -6396,7 +6367,7 @@ var toolbarButtons = {
   },
   subscript: {
     label: (0, import_i18n51.__)("Subscript", "elementor"),
-    icon: /* @__PURE__ */ React100.createElement(import_icons34.SubscriptIcon, { fontSize: "tiny" }),
+    icon: /* @__PURE__ */ React99.createElement(import_icons34.SubscriptIcon, { fontSize: "tiny" }),
     action: "subscript",
     method: (editor) => {
       editor.chain().focus().toggleSubscript().run();
@@ -6404,7 +6375,7 @@ var toolbarButtons = {
   },
   link: {
     label: (0, import_i18n51.__)("Link", "elementor"),
-    icon: /* @__PURE__ */ React100.createElement(import_icons34.LinkIcon, { fontSize: "tiny" }),
+    icon: /* @__PURE__ */ React99.createElement(import_icons34.LinkIcon, { fontSize: "tiny" }),
     action: "link",
     method: null
   }
@@ -6412,16 +6383,16 @@ var toolbarButtons = {
 var { clear: clearButton, ...formatButtons } = toolbarButtons;
 var possibleFormats = Object.keys(formatButtons);
 var InlineEditorToolbar = ({ editor, elementId }) => {
-  const [urlValue, setUrlValue] = (0, import_react54.useState)("");
-  const [openInNewTab, setOpenInNewTab] = (0, import_react54.useState)(false);
-  const toolbarRef = (0, import_react54.useRef)(null);
-  const linkPopupState = (0, import_ui86.usePopupState)({ variant: "popover" });
+  const [urlValue, setUrlValue] = (0, import_react53.useState)("");
+  const [openInNewTab, setOpenInNewTab] = (0, import_react53.useState)(false);
+  const toolbarRef = (0, import_react53.useRef)(null);
+  const linkPopupState = (0, import_ui85.usePopupState)({ variant: "popover" });
   const hasLinkOnElement = elementId ? checkIfElementHasLink(elementId) : false;
-  const editorState = (0, import_react55.useEditorState)({
+  const editorState = (0, import_react54.useEditorState)({
     editor,
     selector: (ctx) => possibleFormats.filter((format) => ctx.editor.isActive(format))
   });
-  const formatButtonsList = (0, import_react54.useMemo)(() => {
+  const formatButtonsList = (0, import_react53.useMemo)(() => {
     const buttons = Object.values(formatButtons);
     if (hasLinkOnElement) {
       return buttons.filter((button) => button.action !== "link");
@@ -6458,11 +6429,11 @@ var InlineEditorToolbar = ({ editor, elementId }) => {
     }
     linkPopupState.close();
   };
-  React100.useEffect(() => {
+  React99.useEffect(() => {
     editor?.commands?.focus();
   }, [editor]);
-  return /* @__PURE__ */ React100.createElement(
-    import_ui86.Box,
+  return /* @__PURE__ */ React99.createElement(
+    import_ui85.Box,
     {
       ref: toolbarRef,
       sx: {
@@ -6477,9 +6448,9 @@ var InlineEditorToolbar = ({ editor, elementId }) => {
         pointerEvents: linkPopupState.isOpen ? "none" : "all"
       }
     },
-    /* @__PURE__ */ React100.createElement(import_ui86.Tooltip, { title: clearButton.label, placement: "top", sx: { borderRadius: "8px" } }, /* @__PURE__ */ React100.createElement(import_ui86.IconButton, { "aria-label": clearButton.label, onClick: () => clearButton.method(editor), size: "tiny" }, clearButton.icon)),
-    /* @__PURE__ */ React100.createElement(
-      import_ui86.ToggleButtonGroup,
+    /* @__PURE__ */ React99.createElement(import_ui85.Tooltip, { title: clearButton.label, placement: "top", sx: { borderRadius: "8px" } }, /* @__PURE__ */ React99.createElement(import_ui85.IconButton, { "aria-label": clearButton.label, onClick: () => clearButton.method(editor), size: "tiny" }, clearButton.icon)),
+    /* @__PURE__ */ React99.createElement(
+      import_ui85.ToggleButtonGroup,
       {
         value: editorState,
         size: "tiny",
@@ -6487,7 +6458,7 @@ var InlineEditorToolbar = ({ editor, elementId }) => {
           display: "flex",
           gap: 0.5,
           border: "none",
-          [`& .${import_ui86.toggleButtonGroupClasses.firstButton}, & .${import_ui86.toggleButtonGroupClasses.middleButton}, & .${import_ui86.toggleButtonGroupClasses.lastButton}`]: {
+          [`& .${import_ui85.toggleButtonGroupClasses.firstButton}, & .${import_ui85.toggleButtonGroupClasses.middleButton}, & .${import_ui85.toggleButtonGroupClasses.lastButton}`]: {
             borderRadius: "8px",
             border: "none",
             marginLeft: 0,
@@ -6500,8 +6471,8 @@ var InlineEditorToolbar = ({ editor, elementId }) => {
           }
         }
       },
-      formatButtonsList.map((button) => /* @__PURE__ */ React100.createElement(import_ui86.Tooltip, { title: button.label, key: button.action, placement: "top" }, /* @__PURE__ */ React100.createElement(
-        import_ui86.ToggleButton,
+      formatButtonsList.map((button) => /* @__PURE__ */ React99.createElement(import_ui85.Tooltip, { title: button.label, key: button.action, placement: "top" }, /* @__PURE__ */ React99.createElement(
+        import_ui85.ToggleButton,
         {
           value: button.action,
           "aria-label": button.label,
@@ -6518,7 +6489,7 @@ var InlineEditorToolbar = ({ editor, elementId }) => {
         button.icon
       )))
     ),
-    /* @__PURE__ */ React100.createElement(
+    /* @__PURE__ */ React99.createElement(
       UrlPopover,
       {
         popupState: linkPopupState,
@@ -6539,8 +6510,8 @@ var BOLD_KEYBOARD_SHORTCUT = "b";
 var UNDERLINE_KEYBOARD_SHORTCUT = "u";
 var INLINE_EDITOR_RESET_CLASS = "elementor-inline-editor-reset";
 var useOnUpdate = (callback, dependencies) => {
-  const hasMounted = (0, import_react56.useRef)(false);
-  (0, import_react56.useEffect)(() => {
+  const hasMounted = (0, import_react55.useRef)(false);
+  (0, import_react55.useEffect)(() => {
     if (hasMounted.current) {
       callback();
     } else {
@@ -6560,9 +6531,9 @@ var calcSelectionCenter = (view, container) => {
   return { left, top };
 };
 var Wrapper = ({ children, containerRef, editor, sx, onBlur }) => {
-  const wrappedChildren = /* @__PURE__ */ React101.createElement(import_ui87.Box, { ref: containerRef, ...sx }, children);
-  return onBlur ? /* @__PURE__ */ React101.createElement(
-    import_ui87.ClickAwayListener,
+  const wrappedChildren = /* @__PURE__ */ React100.createElement(import_ui86.Box, { ref: containerRef, ...sx }, children);
+  return onBlur ? /* @__PURE__ */ React100.createElement(
+    import_ui86.ClickAwayListener,
     {
       onClickAway: (event) => {
         if (containerRef.current?.contains(event.target) || editor.view.dom.contains(event.target)) {
@@ -6572,9 +6543,9 @@ var Wrapper = ({ children, containerRef, editor, sx, onBlur }) => {
       }
     },
     wrappedChildren
-  ) : /* @__PURE__ */ React101.createElement(React101.Fragment, null, wrappedChildren);
+  ) : /* @__PURE__ */ React100.createElement(React100.Fragment, null, wrappedChildren);
 };
-var InlineEditor = (0, import_react56.forwardRef)(
+var InlineEditor = (0, import_react55.forwardRef)(
   ({
     value,
     setValue,
@@ -6588,11 +6559,11 @@ var InlineEditor = (0, import_react56.forwardRef)(
     expectedTag = null,
     elementId = void 0
   }, ref) => {
-    const containerRef = (0, import_react56.useRef)(null);
-    const popupState = (0, import_ui87.usePopupState)({ variant: "popover", disableAutoFocus: true });
-    const [hasSelectedContent, setHasSelectedContent] = (0, import_react56.useState)(false);
+    const containerRef = (0, import_react55.useRef)(null);
+    const popupState = (0, import_ui86.usePopupState)({ variant: "popover", disableAutoFocus: true });
+    const [hasSelectedContent, setHasSelectedContent] = (0, import_react55.useState)(false);
     const documentContentSettings = !!expectedTag ? "block+" : "inline*";
-    const [selectionRect, setSelectionRect] = (0, import_react56.useState)(null);
+    const [selectionRect, setSelectionRect] = (0, import_react55.useState)(null);
     const onSelectionEnd = (view) => {
       const hasSelection = !view.state.selection.empty;
       setHasSelectedContent(hasSelection);
@@ -6625,7 +6596,7 @@ var InlineEditor = (0, import_react56.forwardRef)(
       setValue(isEmpty(newValue) ? null : newValue);
     };
     const classes = `${INLINE_EDITOR_RESET_CLASS} ${elementClasses}`;
-    const editor = (0, import_react57.useEditor)({
+    const editor = (0, import_react56.useEditor)({
       extensions: [
         import_extension_document.default.extend({
           content: documentContentSettings
@@ -6700,8 +6671,8 @@ var InlineEditor = (0, import_react56.forwardRef)(
         top: container.top + selectionRect.top + initial.top
       };
     };
-    return /* @__PURE__ */ React101.createElement(React101.Fragment, null, /* @__PURE__ */ React101.createElement(Wrapper, { containerRef, editor, sx, onBlur }, /* @__PURE__ */ React101.createElement(import_react57.EditorContent, { ref, editor })), showToolbar && containerRef.current && /* @__PURE__ */ React101.createElement(
-      import_ui87.Popover,
+    return /* @__PURE__ */ React100.createElement(React100.Fragment, null, /* @__PURE__ */ React100.createElement(Wrapper, { containerRef, editor, sx, onBlur }, /* @__PURE__ */ React100.createElement(import_react56.EditorContent, { ref, editor })), showToolbar && containerRef.current && /* @__PURE__ */ React100.createElement(
+      import_ui86.Popover,
       {
         slotProps: {
           root: {
@@ -6710,14 +6681,14 @@ var InlineEditor = (0, import_react56.forwardRef)(
             }
           }
         },
-        ...(0, import_ui87.bindPopover)(popupState),
+        ...(0, import_ui86.bindPopover)(popupState),
         open: hasSelectedContent && selectionRect !== null,
         anchorReference: "anchorPosition",
         anchorPosition: computePopupPosition(),
         anchorOrigin: { vertical: "top", horizontal: "center" },
         transformOrigin: { vertical: "bottom", horizontal: "center" }
       },
-      /* @__PURE__ */ React101.createElement(InlineEditorToolbar, { editor, elementId })
+      /* @__PURE__ */ React100.createElement(InlineEditorToolbar, { editor, elementId })
     ));
   }
 );
@@ -6731,8 +6702,8 @@ var InlineEditingControl = createControl(
   }) => {
     const { value, setValue } = useBoundProp(import_editor_props51.htmlPropTypeUtil);
     const handleChange = (newValue) => setValue(newValue);
-    return /* @__PURE__ */ React102.createElement(ControlActions, null, /* @__PURE__ */ React102.createElement(
-      import_ui88.Box,
+    return /* @__PURE__ */ React101.createElement(ControlActions, null, /* @__PURE__ */ React101.createElement(
+      import_ui87.Box,
       {
         sx: {
           p: 0.8,
@@ -6769,26 +6740,26 @@ var InlineEditingControl = createControl(
         ...attributes,
         ...props
       },
-      /* @__PURE__ */ React102.createElement(InlineEditor, { value: value || "", setValue: handleChange })
+      /* @__PURE__ */ React101.createElement(InlineEditor, { value: value || "", setValue: handleChange })
     ));
   }
 );
 
 // src/components/icon-buttons/clear-icon-button.tsx
-var React103 = __toESM(require("react"));
+var React102 = __toESM(require("react"));
 var import_icons35 = require("@elementor/icons");
-var import_ui89 = require("@elementor/ui");
-var CustomIconButton = (0, import_ui89.styled)(import_ui89.IconButton)(({ theme }) => ({
+var import_ui88 = require("@elementor/ui");
+var CustomIconButton = (0, import_ui88.styled)(import_ui88.IconButton)(({ theme }) => ({
   width: theme.spacing(2.5),
   height: theme.spacing(2.5)
 }));
-var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /* @__PURE__ */ React103.createElement(import_ui89.Tooltip, { title: tooltipText, placement: "top", disableInteractive: true }, /* @__PURE__ */ React103.createElement(CustomIconButton, { "aria-label": tooltipText, size, onClick, disabled }, /* @__PURE__ */ React103.createElement(import_icons35.BrushBigIcon, { fontSize: size })));
+var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /* @__PURE__ */ React102.createElement(import_ui88.Tooltip, { title: tooltipText, placement: "top", disableInteractive: true }, /* @__PURE__ */ React102.createElement(CustomIconButton, { "aria-label": tooltipText, size, onClick, disabled }, /* @__PURE__ */ React102.createElement(import_icons35.BrushBigIcon, { fontSize: size })));
 
 // src/components/repeater/repeater.tsx
-var React104 = __toESM(require("react"));
-var import_react58 = require("react");
+var React103 = __toESM(require("react"));
+var import_react57 = require("react");
 var import_icons36 = require("@elementor/icons");
-var import_ui90 = require("@elementor/ui");
+var import_ui89 = require("@elementor/ui");
 var import_i18n52 = require("@wordpress/i18n");
 var SIZE9 = "tiny";
 var EMPTY_OPEN_ITEM2 = -1;
@@ -6807,7 +6778,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)
   );
@@ -6870,8 +6841,8 @@ var Repeater3 = ({
   };
   const isButtonDisabled = disabled || disableAddItemButton;
   const shouldShowInfotip = isButtonDisabled && addButtonInfotipContent;
-  const addButton = /* @__PURE__ */ React104.createElement(
-    import_ui90.IconButton,
+  const addButton = /* @__PURE__ */ React103.createElement(
+    import_ui89.IconButton,
     {
       size: SIZE9,
       sx: {
@@ -6881,30 +6852,30 @@ var Repeater3 = ({
       onClick: addRepeaterItem,
       "aria-label": (0, import_i18n52.__)("Add item", "elementor")
     },
-    /* @__PURE__ */ React104.createElement(import_icons36.PlusIcon, { fontSize: SIZE9 })
+    /* @__PURE__ */ React103.createElement(import_icons36.PlusIcon, { fontSize: SIZE9 })
   );
-  return /* @__PURE__ */ React104.createElement(SectionContent, { gap: 2 }, /* @__PURE__ */ React104.createElement(RepeaterHeader, { label, adornment: ControlAdornments }, shouldShowInfotip ? /* @__PURE__ */ React104.createElement(
-    import_ui90.Infotip,
+  return /* @__PURE__ */ React103.createElement(SectionContent, { gap: 2 }, /* @__PURE__ */ React103.createElement(RepeaterHeader, { label, adornment: ControlAdornments }, shouldShowInfotip ? /* @__PURE__ */ React103.createElement(
+    import_ui89.Infotip,
     {
       placement: "right",
       content: addButtonInfotipContent,
       color: "secondary",
       slotProps: { popper: { sx: { width: 300 } } }
     },
-    /* @__PURE__ */ React104.createElement(import_ui90.Box, { sx: { ...isButtonDisabled ? { cursor: "not-allowed" } : {} } }, addButton)
-  ) : addButton), 0 < uniqueKeys.length && /* @__PURE__ */ React104.createElement(SortableProvider, { value: uniqueKeys, onChange: onChangeOrder }, uniqueKeys.map((key) => {
+    /* @__PURE__ */ React103.createElement(import_ui89.Box, { sx: { ...isButtonDisabled ? { cursor: "not-allowed" } : {} } }, addButton)
+  ) : addButton), 0 < uniqueKeys.length && /* @__PURE__ */ React103.createElement(SortableProvider, { value: uniqueKeys, onChange: onChangeOrder }, uniqueKeys.map((key) => {
     const index = uniqueKeys.indexOf(key);
     const value = items2[index];
     if (!value) {
       return null;
     }
-    return /* @__PURE__ */ React104.createElement(SortableItem, { id: key, key: `sortable-${key}`, disabled: !isSortable }, /* @__PURE__ */ React104.createElement(
+    return /* @__PURE__ */ React103.createElement(SortableItem, { id: key, key: `sortable-${key}`, disabled: !isSortable }, /* @__PURE__ */ React103.createElement(
       RepeaterItem,
       {
         disabled,
         propDisabled: value?.disabled,
-        label: /* @__PURE__ */ React104.createElement(RepeaterItemLabelSlot, { value }, /* @__PURE__ */ React104.createElement(itemSettings.Label, { value, index })),
-        startIcon: /* @__PURE__ */ React104.createElement(RepeaterItemIconSlot, { value }, /* @__PURE__ */ React104.createElement(itemSettings.Icon, { value })),
+        label: /* @__PURE__ */ React103.createElement(RepeaterItemLabelSlot, { value }, /* @__PURE__ */ React103.createElement(itemSettings.Label, { value, index })),
+        startIcon: /* @__PURE__ */ React103.createElement(RepeaterItemIconSlot, { value }, /* @__PURE__ */ React103.createElement(itemSettings.Icon, { value })),
         removeItem: () => removeRepeaterItem(index),
         duplicateItem: () => duplicateRepeaterItem(index),
         toggleDisableItem: () => toggleDisableRepeaterItem(index),
@@ -6916,7 +6887,7 @@ var Repeater3 = ({
         actions: itemSettings.actions,
         value
       },
-      (props) => /* @__PURE__ */ React104.createElement(
+      (props) => /* @__PURE__ */ React103.createElement(
         itemSettings.Content,
         {
           ...props,
@@ -6949,24 +6920,24 @@ var RepeaterItem = ({
   const duplicateLabel = (0, import_i18n52.__)("Duplicate", "elementor");
   const toggleLabel = propDisabled ? (0, import_i18n52.__)("Show", "elementor") : (0, import_i18n52.__)("Hide", "elementor");
   const removeLabel = (0, import_i18n52.__)("Remove", "elementor");
-  return /* @__PURE__ */ React104.createElement(React104.Fragment, null, /* @__PURE__ */ React104.createElement(
+  return /* @__PURE__ */ React103.createElement(React103.Fragment, null, /* @__PURE__ */ React103.createElement(
     RepeaterTag,
     {
       disabled,
       label,
       ref: setRef,
       "aria-label": (0, import_i18n52.__)("Open item", "elementor"),
-      ...(0, import_ui90.bindTrigger)(popoverState),
+      ...(0, import_ui89.bindTrigger)(popoverState),
       startIcon,
-      actions: /* @__PURE__ */ React104.createElement(React104.Fragment, null, showDuplicate && /* @__PURE__ */ React104.createElement(import_ui90.Tooltip, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React104.createElement(import_ui90.IconButton, { size: SIZE9, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React104.createElement(import_icons36.CopyIcon, { fontSize: SIZE9 }))), showToggle && /* @__PURE__ */ React104.createElement(import_ui90.Tooltip, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React104.createElement(import_ui90.IconButton, { size: SIZE9, onClick: toggleDisableItem, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React104.createElement(import_icons36.EyeOffIcon, { fontSize: SIZE9 }) : /* @__PURE__ */ React104.createElement(import_icons36.EyeIcon, { fontSize: SIZE9 }))), actions?.(value), showRemove && /* @__PURE__ */ React104.createElement(import_ui90.Tooltip, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React104.createElement(import_ui90.IconButton, { size: SIZE9, onClick: removeItem, "aria-label": removeLabel }, /* @__PURE__ */ React104.createElement(import_icons36.XIcon, { fontSize: SIZE9 }))))
+      actions: /* @__PURE__ */ React103.createElement(React103.Fragment, null, showDuplicate && /* @__PURE__ */ React103.createElement(import_ui89.Tooltip, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React103.createElement(import_ui89.IconButton, { size: SIZE9, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React103.createElement(import_icons36.CopyIcon, { fontSize: SIZE9 }))), showToggle && /* @__PURE__ */ React103.createElement(import_ui89.Tooltip, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React103.createElement(import_ui89.IconButton, { size: SIZE9, onClick: toggleDisableItem, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React103.createElement(import_icons36.EyeOffIcon, { fontSize: SIZE9 }) : /* @__PURE__ */ React103.createElement(import_icons36.EyeIcon, { fontSize: SIZE9 }))), actions?.(value), showRemove && /* @__PURE__ */ React103.createElement(import_ui89.Tooltip, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React103.createElement(import_ui89.IconButton, { size: SIZE9, onClick: removeItem, "aria-label": removeLabel }, /* @__PURE__ */ React103.createElement(import_icons36.XIcon, { fontSize: SIZE9 }))))
     }
-  ), /* @__PURE__ */ React104.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React104.createElement(import_ui90.Box, null, children({ anchorEl: ref }))));
+  ), /* @__PURE__ */ React103.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React103.createElement(import_ui89.Box, null, children({ anchorEl: ref }))));
 };
 var usePopover = (openOnMount, onOpen) => {
-  const [ref, setRef] = (0, import_react58.useState)(null);
-  const popoverState = (0, import_ui90.usePopupState)({ variant: "popover" });
-  const popoverProps = (0, import_ui90.bindPopover)(popoverState);
-  (0, import_react58.useEffect)(() => {
+  const [ref, setRef] = (0, import_react57.useState)(null);
+  const popoverState = (0, import_ui89.usePopupState)({ variant: "popover" });
+  const popoverProps = (0, import_ui89.bindPopover)(popoverState);
+  (0, import_react57.useEffect)(() => {
     if (openOnMount && ref) {
       popoverState.open(ref);
       onOpen?.();
@@ -6981,8 +6952,8 @@ var usePopover = (openOnMount, onOpen) => {
 };
 
 // src/components/size/unstable-size-field.tsx
-var React107 = __toESM(require("react"));
-var import_ui92 = require("@elementor/ui");
+var React106 = __toESM(require("react"));
+var import_ui91 = require("@elementor/ui");
 
 // src/hooks/use-size-value.ts
 var useSizeValue = (externalValue, onChange, defaultValue) => {
@@ -7022,26 +6993,26 @@ var differsFromExternal = (newState, externalState) => {
 };
 
 // src/components/size/unit-select.tsx
-var React105 = __toESM(require("react"));
-var import_react59 = require("react");
-var import_editor_ui12 = require("@elementor/editor-ui");
-var import_ui91 = require("@elementor/ui");
+var React104 = __toESM(require("react"));
+var import_react58 = require("react");
+var import_editor_ui13 = require("@elementor/editor-ui");
+var import_ui90 = require("@elementor/ui");
 var menuItemContentStyles = {
   display: "flex",
   flexDirection: "column",
   justifyContent: "center"
 };
 var UnitSelect = ({ value, showPrimaryColor, onClick, options }) => {
-  const popupState = (0, import_ui91.usePopupState)({
+  const popupState = (0, import_ui90.usePopupState)({
     variant: "popover",
-    popupId: (0, import_react59.useId)()
+    popupId: (0, import_react58.useId)()
   });
   const handleMenuItemClick = (index) => {
     onClick(options[index]);
     popupState.close();
   };
-  return /* @__PURE__ */ React105.createElement(React105.Fragment, null, /* @__PURE__ */ React105.createElement(StyledButton2, { isPrimaryColor: showPrimaryColor, size: "small", ...(0, import_ui91.bindTrigger)(popupState) }, value), /* @__PURE__ */ React105.createElement(import_ui91.Menu, { MenuListProps: { dense: true }, ...(0, import_ui91.bindMenu)(popupState) }, options.map((option, index) => /* @__PURE__ */ React105.createElement(
-    import_editor_ui12.MenuListItem,
+  return /* @__PURE__ */ React104.createElement(React104.Fragment, null, /* @__PURE__ */ React104.createElement(StyledButton2, { isPrimaryColor: showPrimaryColor, size: "small", ...(0, import_ui90.bindTrigger)(popupState) }, value), /* @__PURE__ */ React104.createElement(import_ui90.Menu, { MenuListProps: { dense: true }, ...(0, import_ui90.bindMenu)(popupState) }, options.map((option, index) => /* @__PURE__ */ React104.createElement(
+    import_editor_ui13.MenuListItem,
     {
       key: option,
       onClick: () => handleMenuItemClick(index),
@@ -7059,7 +7030,7 @@ var UnitSelect = ({ value, showPrimaryColor, onClick, options }) => {
     option.toUpperCase()
   ))));
 };
-var StyledButton2 = (0, import_ui91.styled)(import_ui91.Button, {
+var StyledButton2 = (0, import_ui90.styled)(import_ui90.Button, {
   shouldForwardProp: (prop) => prop !== "isPrimaryColor"
 })(({ isPrimaryColor, theme }) => ({
   color: isPrimaryColor ? theme.palette.text.primary : theme.palette.text.tertiary,
@@ -7069,11 +7040,11 @@ var StyledButton2 = (0, import_ui91.styled)(import_ui91.Button, {
 }));
 
 // src/components/size/unstable-size-input.tsx
-var React106 = __toESM(require("react"));
-var import_react60 = require("react");
-var UnstableSizeInput = (0, import_react60.forwardRef)(
+var React105 = __toESM(require("react"));
+var import_react59 = require("react");
+var UnstableSizeInput = (0, import_react59.forwardRef)(
   ({ type, value, onChange, onKeyDown, onKeyUp, InputProps, onBlur, focused, disabled }, ref) => {
-    return /* @__PURE__ */ React106.createElement(
+    return /* @__PURE__ */ React105.createElement(
       NumberInput,
       {
         ref,
@@ -7116,7 +7087,7 @@ var UnstableSizeField = ({
   const shouldHighlightUnit = () => {
     return hasValue(size);
   };
-  return /* @__PURE__ */ React107.createElement(
+  return /* @__PURE__ */ React106.createElement(
     UnstableSizeInput,
     {
       type: "number",
@@ -7124,7 +7095,7 @@ var UnstableSizeField = ({
       onBlur,
       onChange: (event) => setSize(event.target.value),
       InputProps: {
-        endAdornment: /* @__PURE__ */ React107.createElement(import_ui92.InputAdornment, { position: "end" }, /* @__PURE__ */ React107.createElement(
+        endAdornment: /* @__PURE__ */ React106.createElement(import_ui91.InputAdornment, { position: "end" }, /* @__PURE__ */ React106.createElement(
           UnitSelect,
           {
             options: units2,
@@ -7156,7 +7127,6 @@ var hasValue = (value) => {
   DateTimeControl,
   EqualUnequalSizesControl,
   FilterRepeaterControl,
-  FloatingActionsBar,
   FontFamilyControl,
   GapControl,
   HtmlTagControl,
@@ -7204,7 +7174,6 @@ var hasValue = (value) => {
   useControlActions,
   useControlReplacement,
   useElementCanHaveChildren,
-  useFloatingActionsBar,
   useSyncExternalState
 });
 //# sourceMappingURL=index.js.map