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

package/dist/index.mjs

@@ -1,5 +1,5 @@
 // src/controls/image-control.tsx
-import * as React14 from "react";
+import * as React13 from "react";
 import { imagePropTypeUtil } from "@elementor/editor-props";
 import { Grid, Stack as Stack3 } from "@elementor/ui";
 import { __ as __2 } from "@wordpress/i18n";
@@ -323,7 +323,7 @@ var formatResponse = (response) => {
 };
 
 // src/controls/image-media-control.tsx
-import * as React12 from "react";
+import * as React11 from "react";
 import { imageSrcPropTypeUtil } from "@elementor/editor-props";
 import { UploadIcon } from "@elementor/icons";
 import { Button, Card, CardMedia, CardOverlay, CircularProgress, Stack as Stack2 } from "@elementor/ui";
@@ -331,43 +331,16 @@ import { useWpMediaAttachment, useWpMediaFrame } from "@elementor/wp-media";
 import { __ } from "@wordpress/i18n";
 
 // src/control-actions/control-actions.tsx
-import * as React11 from "react";
-
-// src/components/floating-bar.tsx
-import * as React9 from "react";
-import { createContext as createContext5, useContext as useContext5, useState as useState2 } from "react";
-import { styled, UnstableFloatingActionBar } from "@elementor/ui";
-var FloatingBarContainer = styled("span")`
-	display: contents;
-
-	.MuiFloatingActionBar-popper:has( .MuiFloatingActionBar-actions:empty ) {
-		display: none;
-	}
-
-	.MuiFloatingActionBar-popper {
-		z-index: 1000;
-	}
-`;
-var FloatingActionsContext = createContext5(null);
-function FloatingActionsBar({ actions, children }) {
-  const [open, setOpen] = useState2(false);
-  return /* @__PURE__ */ React9.createElement(FloatingActionsContext.Provider, { value: { open, setOpen } }, /* @__PURE__ */ React9.createElement(FloatingBarContainer, null, /* @__PURE__ */ React9.createElement(UnstableFloatingActionBar, { actions, open: open || void 0 }, children)));
-}
-function useFloatingActionsBar() {
-  const context = useContext5(FloatingActionsContext);
-  if (!context) {
-    throw new Error("useFloatingActions must be used within a FloatingActionsBar");
-  }
-  return context;
-}
+import * as React10 from "react";
+import { FloatingActionsBar } from "@elementor/editor-ui";
 
 // src/control-actions/control-actions-context.tsx
-import * as React10 from "react";
-import { createContext as createContext6, useContext as useContext6 } from "react";
-var Context2 = createContext6(null);
-var ControlActionsProvider = ({ children, items: items2 }) => /* @__PURE__ */ React10.createElement(Context2.Provider, { value: { items: items2 } }, children);
+import * as React9 from "react";
+import { createContext as createContext5, useContext as useContext5 } from "react";
+var Context2 = createContext5(null);
+var ControlActionsProvider = ({ children, items: items2 }) => /* @__PURE__ */ React9.createElement(Context2.Provider, { value: { items: items2 } }, children);
 var useControlActions = () => {
-  const context = useContext6(Context2);
+  const context = useContext5(Context2);
   if (!context) {
     throw new Error("useControlActions must be used within a ControlActionsProvider");
   }
@@ -381,8 +354,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(FloatingActionsBar, { actions: menuItems }, children);
 }
 
 // src/controls/image-media-control.tsx
@@ -405,7 +378,7 @@ var ImageMediaControl = createControl(({ mediaTypes = ["image"] }) => {
       });
     }
   });
-  return /* @__PURE__ */ React12.createElement(ControlActions, null, /* @__PURE__ */ React12.createElement(Card, { variant: "outlined" }, /* @__PURE__ */ React12.createElement(CardMedia, { image: src, sx: { height: propType.meta.isDynamic ? 134 : 150 } }, isFetching ? /* @__PURE__ */ React12.createElement(Stack2, { justifyContent: "center", alignItems: "center", width: "100%", height: "100%" }, /* @__PURE__ */ React12.createElement(CircularProgress, null)) : /* @__PURE__ */ React12.createElement(React12.Fragment, null)), /* @__PURE__ */ React12.createElement(CardOverlay, null, /* @__PURE__ */ React12.createElement(Stack2, { gap: 1 }, /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React11.createElement(ControlActions, null, /* @__PURE__ */ React11.createElement(Card, { variant: "outlined" }, /* @__PURE__ */ React11.createElement(CardMedia, { image: src, sx: { height: propType.meta.isDynamic ? 134 : 150 } }, isFetching ? /* @__PURE__ */ React11.createElement(Stack2, { justifyContent: "center", alignItems: "center", width: "100%", height: "100%" }, /* @__PURE__ */ React11.createElement(CircularProgress, null)) : /* @__PURE__ */ React11.createElement(React11.Fragment, null)), /* @__PURE__ */ React11.createElement(CardOverlay, null, /* @__PURE__ */ React11.createElement(Stack2, { gap: 1 }, /* @__PURE__ */ React11.createElement(
     Button,
     {
       size: "tiny",
@@ -414,13 +387,13 @@ var ImageMediaControl = createControl(({ mediaTypes = ["image"] }) => {
       onClick: () => open({ mode: "browse" })
     },
     __("Select image", "elementor")
-  ), /* @__PURE__ */ React12.createElement(
+  ), /* @__PURE__ */ React11.createElement(
     Button,
     {
       size: "tiny",
       variant: "text",
       color: "inherit",
-      startIcon: /* @__PURE__ */ React12.createElement(UploadIcon, null),
+      startIcon: /* @__PURE__ */ React11.createElement(UploadIcon, null),
       onClick: () => open({ mode: "upload" })
     },
     __("Upload", "elementor")
@@ -428,7 +401,7 @@ var ImageMediaControl = createControl(({ mediaTypes = ["image"] }) => {
 });
 
 // src/controls/select-control.tsx
-import * as React13 from "react";
+import * as React12 from "react";
 import { stringPropTypeUtil } from "@elementor/editor-props";
 import { MenuListItem } from "@elementor/editor-ui";
 import { Select, Typography } from "@elementor/ui";
@@ -448,7 +421,7 @@ var SelectControl = createControl(
       setValue(newValue);
     };
     const isDisabled = disabled || options.length === 0;
-    return /* @__PURE__ */ React13.createElement(ControlActions, null, /* @__PURE__ */ React13.createElement(
+    return /* @__PURE__ */ React12.createElement(ControlActions, null, /* @__PURE__ */ React12.createElement(
       Select,
       {
         sx: { overflow: "hidden" },
@@ -462,7 +435,7 @@ var SelectControl = createControl(
             if (placeholder) {
               const placeholderOption = findOptionByValue(placeholder);
               const displayText = placeholderOption?.label || placeholder;
-              return /* @__PURE__ */ React13.createElement(Typography, { component: "span", variant: "caption", color: "text.tertiary" }, displayText);
+              return /* @__PURE__ */ React12.createElement(Typography, { component: "span", variant: "caption", color: "text.tertiary" }, displayText);
             }
             return "";
           }
@@ -474,7 +447,7 @@ var SelectControl = createControl(
         disabled: isDisabled,
         fullWidth: true
       },
-      options.map(({ label, ...props }) => /* @__PURE__ */ React13.createElement(MenuListItem, { key: props.value, ...props, value: props.value ?? "" }, label))
+      options.map(({ label, ...props }) => /* @__PURE__ */ React12.createElement(MenuListItem, { key: props.value, ...props, value: props.value ?? "" }, label))
     ));
   }
 );
@@ -482,19 +455,19 @@ var SelectControl = createControl(
 // src/controls/image-control.tsx
 var ImageControl = createControl(({ sizes, label = __2("Image", "elementor") }) => {
   const propContext = useBoundProp(imagePropTypeUtil);
-  return /* @__PURE__ */ React14.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React14.createElement(Stack3, { gap: 1.5 }, /* @__PURE__ */ React14.createElement(ControlLabel, null, label), /* @__PURE__ */ React14.createElement(ImageSrcControl, null), /* @__PURE__ */ React14.createElement(Grid, { container: true, gap: 1.5, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React14.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React14.createElement(ControlFormLabel, null, __2("Resolution", "elementor"))), /* @__PURE__ */ React14.createElement(Grid, { item: true, xs: 6, sx: { overflow: "hidden" } }, /* @__PURE__ */ React14.createElement(ImageSizeControl, { sizes })))));
+  return /* @__PURE__ */ React13.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React13.createElement(Stack3, { gap: 1.5 }, /* @__PURE__ */ React13.createElement(ControlLabel, null, label), /* @__PURE__ */ React13.createElement(ImageSrcControl, null), /* @__PURE__ */ React13.createElement(Grid, { container: true, gap: 1.5, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React13.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React13.createElement(ControlFormLabel, null, __2("Resolution", "elementor"))), /* @__PURE__ */ React13.createElement(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
-import * as React15 from "react";
+import * as React14 from "react";
 import { stringPropTypeUtil as stringPropTypeUtil2 } from "@elementor/editor-props";
 import { TextField } from "@elementor/ui";
 var TextControl = createControl(
@@ -509,7 +482,7 @@ var TextControl = createControl(
   }) => {
     const { value, setValue, disabled } = useBoundProp(stringPropTypeUtil2);
     const handleChange = (event) => setValue(event.target.value);
-    return /* @__PURE__ */ React15.createElement(ControlActions, null, /* @__PURE__ */ React15.createElement(
+    return /* @__PURE__ */ React14.createElement(ControlActions, null, /* @__PURE__ */ React14.createElement(
       TextField,
       {
         size: "tiny",
@@ -530,7 +503,7 @@ var TextControl = createControl(
 );
 
 // src/controls/text-area-control.tsx
-import * as React16 from "react";
+import * as React15 from "react";
 import { stringPropTypeUtil as stringPropTypeUtil3 } from "@elementor/editor-props";
 import { TextField as TextField2 } from "@elementor/ui";
 var TextAreaControl = createControl(({ placeholder, ariaLabel }) => {
@@ -538,7 +511,7 @@ var TextAreaControl = createControl(({ placeholder, ariaLabel }) => {
   const handleChange = (event) => {
     setValue(event.target.value);
   };
-  return /* @__PURE__ */ React16.createElement(ControlActions, null, /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React15.createElement(ControlActions, null, /* @__PURE__ */ React15.createElement(
     TextField2,
     {
       size: "tiny",
@@ -557,14 +530,14 @@ var TextAreaControl = createControl(({ placeholder, ariaLabel }) => {
 });
 
 // src/controls/size-control.tsx
-import * as React21 from "react";
+import * as React20 from "react";
 import { useEffect as useEffect3, useMemo as useMemo2 } from "react";
 import { sizePropTypeUtil as sizePropTypeUtil2 } from "@elementor/editor-props";
 import { useActiveBreakpoint } from "@elementor/editor-responsive";
 import { usePopupState as usePopupState2 } from "@elementor/ui";
 
 // src/components/size-control/size-input.tsx
-import * as React19 from "react";
+import * as React18 from "react";
 import { useRef } from "react";
 import { MathFunctionIcon } from "@elementor/icons";
 import { Box, InputAdornment as InputAdornment2 } from "@elementor/ui";
@@ -581,7 +554,7 @@ function isUnitExtendedOption(unit) {
 }
 
 // src/components/size-control/text-field-inner-selection.tsx
-import * as React18 from "react";
+import * as React17 from "react";
 import { forwardRef as forwardRef2, useId } from "react";
 import { sizePropTypeUtil } from "@elementor/editor-props";
 import { MenuListItem as MenuListItem2 } from "@elementor/editor-ui";
@@ -591,17 +564,17 @@ import {
   Button as Button2,
   InputAdornment,
   Menu,
-  styled as styled2,
+  styled,
   usePopupState
 } from "@elementor/ui";
 
 // src/components/number-input.tsx
-import * as React17 from "react";
-import { forwardRef, useState as useState3 } from "react";
+import * as React16 from "react";
+import { forwardRef, useState as useState2 } from "react";
 import { TextField as TextField3 } from "@elementor/ui";
 var RESTRICTED_INPUT_KEYS = ["e", "E", "+"];
 var NumberInput = forwardRef((props, ref) => {
-  const [key, setKey] = useState3(0);
+  const [key, setKey] = useState2(0);
   const handleKeyDown = (event) => {
     blockRestrictedKeys(event, props.inputProps?.min);
     props.onKeyDown?.(event);
@@ -613,7 +586,7 @@ var NumberInput = forwardRef((props, ref) => {
       setKey((prev) => prev + 1);
     }
   };
-  return /* @__PURE__ */ React17.createElement(TextField3, { ...props, ref, key, onKeyDown: handleKeyDown, onBlur: handleBlur });
+  return /* @__PURE__ */ React16.createElement(TextField3, { ...props, ref, key, onKeyDown: handleKeyDown, onBlur: handleBlur });
 });
 function blockRestrictedKeys(event, min) {
   const restrictedInputKeys = [...RESTRICTED_INPUT_KEYS];
@@ -645,7 +618,7 @@ var TextFieldInnerSelection = forwardRef2(
     const getCursorStyle2 = () => ({
       input: { cursor: InputProps.readOnly ? "default !important" : void 0 }
     });
-    return /* @__PURE__ */ React18.createElement(
+    return /* @__PURE__ */ React17.createElement(
       NumberInput,
       {
         ref,
@@ -690,7 +663,7 @@ var SelectionEndAdornment = ({
     flexDirection: "column",
     justifyContent: "center"
   };
-  return /* @__PURE__ */ React18.createElement(InputAdornment, { position: "end" }, /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React17.createElement(InputAdornment, { position: "end" }, /* @__PURE__ */ React17.createElement(
     StyledButton,
     {
       isPrimaryColor: showPrimaryColor,
@@ -699,7 +672,7 @@ var SelectionEndAdornment = ({
       ...bindTrigger(popupState)
     },
     placeholder ?? alternativeOptionLabels[value] ?? value
-  ), /* @__PURE__ */ React18.createElement(Menu, { MenuListProps: { dense: true }, ...bindMenu(popupState) }, options.map((option, index) => /* @__PURE__ */ React18.createElement(
+  ), /* @__PURE__ */ React17.createElement(Menu, { MenuListProps: { dense: true }, ...bindMenu(popupState) }, options.map((option, index) => /* @__PURE__ */ React17.createElement(
     MenuListItem2,
     {
       key: option,
@@ -739,7 +712,7 @@ function useUnitPlaceholder(value) {
     showPrimaryColor
   };
 }
-var StyledButton = styled2(Button2, {
+var StyledButton = styled(Button2, {
   shouldForwardProp: (prop) => prop !== "isPrimaryColor"
 })(({ isPrimaryColor, theme }) => ({
   color: isPrimaryColor ? theme.palette.text.primary : theme.palette.text.tertiary,
@@ -792,7 +765,7 @@ var SizeInput = ({
     custom: popupAttributes
   } : void 0;
   const alternativeOptionLabels = {
-    custom: /* @__PURE__ */ React19.createElement(MathFunctionIcon, { fontSize: "tiny" })
+    custom: /* @__PURE__ */ React18.createElement(MathFunctionIcon, { fontSize: "tiny" })
   };
   const InputProps = {
     ...popupAttributes,
@@ -800,8 +773,8 @@ var SizeInput = ({
     autoComplete: "off",
     onClick,
     onFocus,
-    startAdornment: startIcon ? /* @__PURE__ */ React19.createElement(InputAdornment2, { position: "start", disabled }, startIcon) : void 0,
-    endAdornment: /* @__PURE__ */ React19.createElement(
+    startAdornment: startIcon ? /* @__PURE__ */ React18.createElement(InputAdornment2, { position: "start", disabled }, startIcon) : void 0,
+    endAdornment: /* @__PURE__ */ React18.createElement(
       SelectionEndAdornment,
       {
         disabled,
@@ -813,7 +786,7 @@ var SizeInput = ({
       }
     )
   };
-  return /* @__PURE__ */ React19.createElement(ControlActions, null, /* @__PURE__ */ React19.createElement(Box, null, /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React18.createElement(ControlActions, null, /* @__PURE__ */ React18.createElement(Box, null, /* @__PURE__ */ React18.createElement(
     TextFieldInnerSelection,
     {
       disabled,
@@ -832,7 +805,7 @@ var SizeInput = ({
 };
 
 // src/components/text-field-popover.tsx
-import * as React20 from "react";
+import * as React19 from "react";
 import { useEffect, useRef as useRef2 } from "react";
 import { PopoverHeader } from "@elementor/editor-ui";
 import { MathFunctionIcon as MathFunctionIcon2 } from "@elementor/icons";
@@ -855,7 +828,7 @@ var TextFieldPopover = (props) => {
     restoreValue();
     popupState.close();
   };
-  return /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React19.createElement(
     Popover,
     {
       disablePortal: true,
@@ -872,15 +845,15 @@ var TextFieldPopover = (props) => {
       transformOrigin: { vertical: "top", horizontal: "center" },
       onClose: handleClose
     },
-    /* @__PURE__ */ React20.createElement(
+    /* @__PURE__ */ React19.createElement(
       PopoverHeader,
       {
         title: __3("CSS function", "elementor"),
         onClose: handleClose,
-        icon: /* @__PURE__ */ React20.createElement(MathFunctionIcon2, { fontSize: SIZE })
+        icon: /* @__PURE__ */ React19.createElement(MathFunctionIcon2, { fontSize: SIZE })
       }
     ),
-    /* @__PURE__ */ React20.createElement(
+    /* @__PURE__ */ React19.createElement(
       TextField4,
       {
         value,
@@ -912,7 +885,7 @@ function useSizeExtendedOptions(options, disableCustom) {
 }
 
 // src/hooks/use-sync-external-state.tsx
-import { useEffect as useEffect2, useState as useState4 } from "react";
+import { useEffect as useEffect2, useState as useState3 } from "react";
 var useSyncExternalState = ({
   external,
   setExternal,
@@ -931,7 +904,7 @@ var useSyncExternalState = ({
     }
     return externalValue;
   }
-  const [internal, setInternal] = useState4(toInternal(external, null));
+  const [internal, setInternal] = useState3(toInternal(external, null));
   useEffect2(() => {
     setInternal((prevInternal) => toInternal(external, prevInternal));
   }, [external]);
@@ -1027,7 +1000,7 @@ var SizeControl = createControl(
         popupState.open(anchorRef?.current);
       }
     };
-    const maybeClosePopup = React21.useCallback(() => {
+    const maybeClosePopup = React20.useCallback(() => {
       if (popupState && popupState.isOpen) {
         popupState.close();
       }
@@ -1035,7 +1008,7 @@ var SizeControl = createControl(
     useEffect3(() => {
       maybeClosePopup();
     }, [activeBreakpoint]);
-    return /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement(
+    return /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement(
       SizeInput,
       {
         disabled,
@@ -1053,7 +1026,7 @@ var SizeControl = createControl(
         id,
         ariaLabel
       }
-    ), anchorRef?.current && popupState.isOpen && /* @__PURE__ */ React21.createElement(
+    ), anchorRef?.current && popupState.isOpen && /* @__PURE__ */ React20.createElement(
       TextFieldPopover,
       {
         popupState,
@@ -1112,19 +1085,19 @@ function extractValueFromState(state, allowEmpty = false) {
 }
 
 // src/controls/stroke-control.tsx
-import * as React24 from "react";
+import * as React23 from "react";
 import { forwardRef as forwardRef3, useRef as useRef3 } from "react";
 import { strokePropTypeUtil } from "@elementor/editor-props";
 import { Grid as Grid2 } from "@elementor/ui";
 import { __ as __4 } from "@wordpress/i18n";
 
 // src/components/section-content.tsx
-import * as React22 from "react";
+import * as React21 from "react";
 import { Stack as Stack4 } from "@elementor/ui";
-var SectionContent = ({ gap = 0.5, sx, children }) => /* @__PURE__ */ React22.createElement(Stack4, { gap, sx: { ...sx } }, children);
+var SectionContent = ({ gap = 0.5, sx, children }) => /* @__PURE__ */ React21.createElement(Stack4, { gap, sx: { ...sx } }, children);
 
 // src/controls/color-control.tsx
-import * as React23 from "react";
+import * as React22 from "react";
 import { colorPropTypeUtil } from "@elementor/editor-props";
 import { UnstableColorField } from "@elementor/ui";
 var ColorControl = createControl(
@@ -1134,7 +1107,7 @@ var ColorControl = createControl(
     const handleChange = (selectedColor) => {
       setValue(selectedColor || null);
     };
-    return /* @__PURE__ */ React23.createElement(ControlActions, null, /* @__PURE__ */ React23.createElement(
+    return /* @__PURE__ */ React22.createElement(ControlActions, null, /* @__PURE__ */ React22.createElement(
       UnstableColorField,
       {
         id,
@@ -1177,26 +1150,26 @@ var units = ["px", "em", "rem"];
 var StrokeControl = createControl(() => {
   const propContext = useBoundProp(strokePropTypeUtil);
   const rowRef = useRef3(null);
-  return /* @__PURE__ */ React24.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React24.createElement(SectionContent, null, /* @__PURE__ */ React24.createElement(Control, { bind: "width", label: __4("Stroke width", "elementor"), ref: rowRef }, /* @__PURE__ */ React24.createElement(SizeControl, { units, anchorRef: rowRef })), /* @__PURE__ */ React24.createElement(Control, { bind: "color", label: __4("Stroke color", "elementor") }, /* @__PURE__ */ React24.createElement(ColorControl, null))));
+  return /* @__PURE__ */ React23.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React23.createElement(SectionContent, null, /* @__PURE__ */ React23.createElement(Control, { bind: "width", label: __4("Stroke width", "elementor"), ref: rowRef }, /* @__PURE__ */ React23.createElement(SizeControl, { units, anchorRef: rowRef })), /* @__PURE__ */ React23.createElement(Control, { bind: "color", label: __4("Stroke color", "elementor") }, /* @__PURE__ */ React23.createElement(ColorControl, null))));
 });
-var Control = forwardRef3(({ bind, label, children }, ref) => /* @__PURE__ */ React24.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React24.createElement(Grid2, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap", ref }, /* @__PURE__ */ React24.createElement(Grid2, { item: true, xs: 6 }, /* @__PURE__ */ React24.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React24.createElement(Grid2, { item: true, xs: 6 }, children))));
+var Control = forwardRef3(({ bind, label, children }, ref) => /* @__PURE__ */ React23.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React23.createElement(Grid2, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap", ref }, /* @__PURE__ */ React23.createElement(Grid2, { item: true, xs: 6 }, /* @__PURE__ */ React23.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React23.createElement(Grid2, { item: true, xs: 6 }, children))));
 
 // src/controls/box-shadow-repeater-control.tsx
-import * as React40 from "react";
+import * as React39 from "react";
 import { useRef as useRef4 } from "react";
 import { boxShadowPropTypeUtil, shadowPropTypeUtil } from "@elementor/editor-props";
-import { FormLabel as FormLabel2, Grid as Grid4, styled as styled4, UnstableColorIndicator } from "@elementor/ui";
+import { FormLabel as FormLabel2, Grid as Grid4, styled as styled3, UnstableColorIndicator } from "@elementor/ui";
 import { __ as __11 } from "@wordpress/i18n";
 
 // src/components/control-repeater/actions/tooltip-add-item-action.tsx
-import * as React26 from "react";
+import * as React25 from "react";
 import { PlusIcon } from "@elementor/icons";
 import { Box as Box2, IconButton, Infotip } from "@elementor/ui";
 import { __ as __5, sprintf } from "@wordpress/i18n";
 
 // src/components/control-repeater/context/repeater-context.tsx
-import * as React25 from "react";
-import { createContext as createContext8, useMemo as useMemo3, useState as useState5 } from "react";
+import * as React24 from "react";
+import { createContext as createContext7, useMemo as useMemo3, useState as useState4 } from "react";
 import { usePopupState as usePopupState3 } from "@elementor/ui";
 
 // src/services/event-bus.ts
@@ -1234,18 +1207,18 @@ var EventBus = class {
 var eventBus = new EventBus();
 
 // src/components/control-repeater/context/item-context.tsx
-import { createContext as createContext7 } from "react";
-var ItemContext = createContext7({
+import { createContext as createContext6 } from "react";
+var ItemContext = createContext6({
   index: -1,
   value: {}
 });
 
 // src/components/control-repeater/context/repeater-context.tsx
-var RepeaterContext = createContext8(null);
+var RepeaterContext = createContext7(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");
   }
@@ -1264,10 +1237,10 @@ var RepeaterContextProvider = ({
     setExternal: setRepeaterValues,
     persistWhen: () => true
   });
-  const [uniqueKeys, setUniqueKeys] = useState5(() => {
+  const [uniqueKeys, setUniqueKeys] = useState4(() => {
     return items2?.map(() => generateUniqueKey()) ?? [];
   });
-  React25.useEffect(() => {
+  React24.useEffect(() => {
     const nextLength = items2?.length ?? 0;
     setUniqueKeys((prev) => {
       const prevLength = prev.length;
@@ -1290,8 +1263,8 @@ var RepeaterContextProvider = ({
   const handleSetItems = (newItemsWithKeys) => {
     setItems(newItemsWithKeys.map(({ item }) => item));
   };
-  const [openItemIndex, setOpenItemIndex] = useState5(EMPTY_OPEN_ITEM);
-  const [rowRef, setRowRef] = useState5(null);
+  const [openItemIndex, setOpenItemIndex] = useState4(EMPTY_OPEN_ITEM);
+  const [rowRef, setRowRef] = useState4(null);
   const isOpen = openItemIndex !== EMPTY_OPEN_ITEM;
   const popoverState = usePopupState3({ variant: "popover" });
   const addItem = (ev, config) => {
@@ -1320,7 +1293,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: {
@@ -1357,7 +1330,7 @@ var TooltipAddItemAction = ({
 }) => {
   const { addItem } = useRepeaterContext();
   const onClick = (ev) => addItem(ev, { index: newItemIndex });
-  return /* @__PURE__ */ React26.createElement(ConditionalToolTip, { content: tooltipContent, enable: enableTooltip }, /* @__PURE__ */ React26.createElement(Box2, { component: "span", sx: { cursor: disabled ? "not-allowed" : "pointer" } }, /* @__PURE__ */ React26.createElement(
+  return /* @__PURE__ */ React25.createElement(ConditionalToolTip, { content: tooltipContent, enable: enableTooltip }, /* @__PURE__ */ React25.createElement(Box2, { component: "span", sx: { cursor: disabled ? "not-allowed" : "pointer" } }, /* @__PURE__ */ React25.createElement(
     IconButton,
     {
       size: SIZE2,
@@ -1365,35 +1338,35 @@ var TooltipAddItemAction = ({
       onClick,
       "aria-label": sprintf(__5("Add %s item", "elementor"), ariaLabel?.toLowerCase())
     },
-    /* @__PURE__ */ React26.createElement(PlusIcon, { fontSize: SIZE2 })
+    /* @__PURE__ */ React25.createElement(PlusIcon, { fontSize: SIZE2 })
   )));
 };
 var ConditionalToolTip = ({
   children,
   enable,
   content
-}) => enable && content ? /* @__PURE__ */ React26.createElement(Infotip, { placement: "right", color: "secondary", content }, children) : children;
+}) => enable && content ? /* @__PURE__ */ React25.createElement(Infotip, { placement: "right", color: "secondary", content }, children) : children;
 
 // src/components/control-repeater/items/items-container.tsx
-import * as React28 from "react";
+import * as React27 from "react";
 
 // src/components/repeater/sortable.tsx
-import * as React27 from "react";
+import * as React26 from "react";
 import { GripVerticalIcon } from "@elementor/icons";
 import {
   Divider,
   List,
   ListItem,
-  styled as styled3,
+  styled as styled2,
   UnstableSortableItem,
   UnstableSortableProvider
 } from "@elementor/ui";
 import { __ as __6 } from "@wordpress/i18n";
 var SortableProvider = (props) => {
-  return /* @__PURE__ */ React27.createElement(List, { sx: { p: 0, my: -0.5, mx: 0 } }, /* @__PURE__ */ React27.createElement(UnstableSortableProvider, { restrictAxis: true, disableDragOverlay: false, variant: "static", ...props }));
+  return /* @__PURE__ */ React26.createElement(List, { sx: { p: 0, my: -0.5, mx: 0 } }, /* @__PURE__ */ React26.createElement(UnstableSortableProvider, { restrictAxis: true, disableDragOverlay: false, variant: "static", ...props }));
 };
 var SortableItem = ({ id, children, disabled }) => {
-  return /* @__PURE__ */ React27.createElement(
+  return /* @__PURE__ */ React26.createElement(
     UnstableSortableItem,
     {
       id,
@@ -1406,12 +1379,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 = styled3(ListItem)`
+var StyledListItem = styled2(ListItem)`
 	position: relative;
 	margin-inline: 0px;
 	padding-inline: 0px;
@@ -1441,7 +1414,7 @@ var StyledListItem = styled3(ListItem)`
 		}
 	}
 `;
-var SortableTrigger = (props) => /* @__PURE__ */ React27.createElement(
+var SortableTrigger = (props) => /* @__PURE__ */ React26.createElement(
   "div",
   {
     ...props,
@@ -1450,9 +1423,9 @@ var SortableTrigger = (props) => /* @__PURE__ */ React27.createElement(
     tabIndex: 0,
     "aria-label": __6("Drag item", "elementor")
   },
-  /* @__PURE__ */ React27.createElement(GripVerticalIcon, { fontSize: "tiny" })
+  /* @__PURE__ */ React26.createElement(GripVerticalIcon, { fontSize: "tiny" })
 );
-var StyledDivider = styled3(Divider)`
+var StyledDivider = styled2(Divider)`
 	height: 0px;
 	border: none;
 	overflow: visible;
@@ -1487,22 +1460,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
-import * as React30 from "react";
+import * as React29 from "react";
 import { bindTrigger as bindTrigger2 } from "@elementor/ui";
 import { __ as __7 } from "@wordpress/i18n";
 
 // src/hooks/use-repeatable-control-context.ts
-import { createContext as createContext9, useContext as useContext8 } from "react";
-var RepeatableControlContext = createContext9(void 0);
+import { createContext as createContext8, useContext as useContext7 } from "react";
+var RepeatableControlContext = createContext8(void 0);
 var useRepeatableControlContext = () => {
-  const context = useContext8(RepeatableControlContext);
+  const context = useContext7(RepeatableControlContext);
   if (!context) {
     throw new Error("useRepeatableControlContext must be used within RepeatableControl");
   }
@@ -1510,11 +1483,11 @@ var useRepeatableControlContext = () => {
 };
 
 // src/components/repeater/repeater-tag.tsx
-import * as React29 from "react";
+import * as React28 from "react";
 import { forwardRef as forwardRef4 } from "react";
 import { UnstableTag } from "@elementor/ui";
 var RepeaterTag = forwardRef4((props, ref) => {
-  return /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React28.createElement(
     UnstableTag,
     {
       ref,
@@ -1544,7 +1517,7 @@ 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 = bindTrigger2(popoverState);
   const onClick = (ev) => {
@@ -1561,15 +1534,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": __7("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) && {
@@ -1578,20 +1551,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
-import * as React31 from "react";
+import * as React30 from "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,
@@ -1603,7 +1576,7 @@ var ControlRepeater = ({
 };
 
 // src/components/control-repeater/actions/disable-item-action.tsx
-import * as React32 from "react";
+import * as React31 from "react";
 import { EyeIcon, EyeOffIcon } from "@elementor/icons";
 import { IconButton as IconButton2, Tooltip } from "@elementor/ui";
 import { __ as __8 } from "@wordpress/i18n";
@@ -1623,11 +1596,11 @@ var DisableItemAction = () => {
     }
     updateItem(self, index);
   };
-  return /* @__PURE__ */ React32.createElement(Tooltip, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React32.createElement(IconButton2, { size: SIZE3, onClick, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React32.createElement(EyeOffIcon, { fontSize: SIZE3 }) : /* @__PURE__ */ React32.createElement(EyeIcon, { fontSize: SIZE3 })));
+  return /* @__PURE__ */ React31.createElement(Tooltip, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React31.createElement(IconButton2, { size: SIZE3, onClick, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React31.createElement(EyeOffIcon, { fontSize: SIZE3 }) : /* @__PURE__ */ React31.createElement(EyeIcon, { fontSize: SIZE3 })));
 };
 
 // src/components/control-repeater/actions/duplicate-item-action.tsx
-import * as React33 from "react";
+import * as React32 from "react";
 import { CopyIcon } from "@elementor/icons";
 import { IconButton as IconButton3, Tooltip as Tooltip2 } from "@elementor/ui";
 import { __ as __9 } from "@wordpress/i18n";
@@ -1643,7 +1616,7 @@ var DuplicateItemAction = () => {
     const newItem = structuredClone(item);
     addItem(ev, { item: newItem, index: index + 1 });
   };
-  return /* @__PURE__ */ React33.createElement(Tooltip2, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React33.createElement(
+  return /* @__PURE__ */ React32.createElement(Tooltip2, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React32.createElement(
     IconButton3,
     {
       size: SIZE4,
@@ -1651,12 +1624,12 @@ var DuplicateItemAction = () => {
       "aria-label": duplicateLabel,
       disabled: isItemDisabled2(index)
     },
-    /* @__PURE__ */ React33.createElement(CopyIcon, { fontSize: SIZE4 })
+    /* @__PURE__ */ React32.createElement(CopyIcon, { fontSize: SIZE4 })
   ));
 };
 
 // src/components/control-repeater/actions/remove-item-action.tsx
-import * as React34 from "react";
+import * as React33 from "react";
 import { XIcon } from "@elementor/icons";
 import { IconButton as IconButton4, Tooltip as Tooltip3 } from "@elementor/ui";
 import { __ as __10 } from "@wordpress/i18n";
@@ -1668,18 +1641,18 @@ var RemoveItemAction = () => {
   }
   const removeLabel = __10("Remove", "elementor");
   const onClick = () => removeItem(index);
-  return /* @__PURE__ */ React34.createElement(Tooltip3, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React34.createElement(IconButton4, { size: SIZE5, onClick, "aria-label": removeLabel }, /* @__PURE__ */ React34.createElement(XIcon, { fontSize: SIZE5 })));
+  return /* @__PURE__ */ React33.createElement(Tooltip3, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React33.createElement(IconButton4, { size: SIZE5, onClick, "aria-label": removeLabel }, /* @__PURE__ */ React33.createElement(XIcon, { fontSize: SIZE5 })));
 };
 
 // src/components/control-repeater/items/edit-item-popover.tsx
-import * as React36 from "react";
+import * as React35 from "react";
 import { bindPopover as bindPopover2, Box as Box3 } from "@elementor/ui";
 
 // src/components/repeater/repeater-popover.tsx
-import * as React35 from "react";
+import * as React34 from "react";
 import { Popover as Popover2 } from "@elementor/ui";
 var RepeaterPopover = ({ children, width, ...props }) => {
-  return /* @__PURE__ */ React35.createElement(
+  return /* @__PURE__ */ React34.createElement(
     Popover2,
     {
       disablePortal: true,
@@ -1707,24 +1680,24 @@ var EditItemPopover = ({ children }) => {
     popoverState.setAnchorEl(null);
     setOpenItemIndex(EMPTY_OPEN_ITEM);
   };
-  return /* @__PURE__ */ React36.createElement(RepeaterPopover, { width: rowRef.offsetWidth, ...bindPopover2(popoverState), onClose }, /* @__PURE__ */ React36.createElement(PropKeyProvider, { bind: String(openItemIndex) }, /* @__PURE__ */ React36.createElement(Box3, null, children)));
+  return /* @__PURE__ */ React35.createElement(RepeaterPopover, { width: rowRef.offsetWidth, ...bindPopover2(popoverState), onClose }, /* @__PURE__ */ React35.createElement(PropKeyProvider, { bind: String(openItemIndex) }, /* @__PURE__ */ React35.createElement(Box3, null, children)));
 };
 
 // src/components/popover-content.tsx
-import * as React37 from "react";
+import * as React36 from "react";
 import { Stack as Stack5 } from "@elementor/ui";
-var PopoverContent = ({ gap = 1.5, children, ...props }) => /* @__PURE__ */ React37.createElement(Stack5, { ...props, gap }, children);
+var PopoverContent = ({ gap = 1.5, children, ...props }) => /* @__PURE__ */ React36.createElement(Stack5, { ...props, gap }, children);
 
 // src/components/popover-grid-container.tsx
 import { forwardRef as forwardRef5 } from "react";
-import * as React38 from "react";
+import * as React37 from "react";
 import { Grid as Grid3 } from "@elementor/ui";
 var PopoverGridContainer = forwardRef5(
-  ({ gap = 1.5, alignItems = "center", flexWrap = "nowrap", children }, ref) => /* @__PURE__ */ React38.createElement(Grid3, { container: true, gap, alignItems, flexWrap, ref }, children)
+  ({ gap = 1.5, alignItems = "center", flexWrap = "nowrap", children }, ref) => /* @__PURE__ */ React37.createElement(Grid3, { container: true, gap, alignItems, flexWrap, ref }, children)
 );
 
 // src/components/repeater/repeater-header.tsx
-import * as React39 from "react";
+import * as React38 from "react";
 import { forwardRef as forwardRef6 } from "react";
 import { Box as Box4, Stack as Stack6, Typography as Typography2 } from "@elementor/ui";
 var RepeaterHeader = forwardRef6(
@@ -1733,7 +1706,7 @@ var RepeaterHeader = forwardRef6(
     children,
     adornment: Adornment = ControlAdornments
   }, ref) => {
-    return /* @__PURE__ */ React39.createElement(
+    return /* @__PURE__ */ React38.createElement(
       Stack6,
       {
         direction: "row",
@@ -1742,7 +1715,7 @@ var RepeaterHeader = forwardRef6(
         sx: { marginInlineEnd: -0.75, py: 0.25 },
         ref
       },
-      /* @__PURE__ */ React39.createElement(Box4, { display: "flex", alignItems: "center", gap: 1, sx: { flexGrow: 1 } }, /* @__PURE__ */ React39.createElement(Typography2, { component: "label", variant: "caption", color: "text.secondary", sx: { lineHeight: 1 } }, label), /* @__PURE__ */ React39.createElement(Adornment, null)),
+      /* @__PURE__ */ React38.createElement(Box4, { display: "flex", alignItems: "center", gap: 1, sx: { flexGrow: 1 } }, /* @__PURE__ */ React38.createElement(Typography2, { component: "label", variant: "caption", color: "text.secondary", sx: { lineHeight: 1 } }, label), /* @__PURE__ */ React38.createElement(Adornment, null)),
       children
     );
   }
@@ -1751,26 +1724,26 @@ var RepeaterHeader = forwardRef6(
 // src/controls/box-shadow-repeater-control.tsx
 var BoxShadowRepeaterControl = createControl(() => {
   const { propType, value, setValue, disabled } = useBoundProp(boxShadowPropTypeUtil);
-  return /* @__PURE__ */ React40.createElement(PropProvider, { propType, value, setValue, isDisabled: () => disabled }, /* @__PURE__ */ React40.createElement(ControlRepeater, { initial: initialShadow, propTypeUtil: boxShadowPropTypeUtil }, /* @__PURE__ */ React40.createElement(RepeaterHeader, { label: __11("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: boxShadowPropTypeUtil }, /* @__PURE__ */ React39.createElement(RepeaterHeader, { label: __11("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 = styled4(UnstableColorIndicator)(({ theme }) => ({
+var StyledUnstableColorIndicator = styled3(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(shadowPropTypeUtil);
   const rowRef = [useRef4(null), useRef4(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: __11("Color", "elementor") }, /* @__PURE__ */ React40.createElement(ColorControl, { anchorEl })), /* @__PURE__ */ React40.createElement(Control2, { bind: "position", label: __11("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: __11("Color", "elementor") }, /* @__PURE__ */ React39.createElement(ColorControl, { anchorEl })), /* @__PURE__ */ React39.createElement(Control2, { bind: "position", label: __11("Position", "elementor"), sx: { overflow: "hidden" } }, /* @__PURE__ */ React39.createElement(
     SelectControl,
     {
       options: [
@@ -1778,14 +1751,14 @@ var Content = () => {
         { label: __11("Outset", "elementor"), value: null }
       ]
     }
-  ))), /* @__PURE__ */ React40.createElement(PopoverGridContainer, { ref: rowRef[0] }, /* @__PURE__ */ React40.createElement(Control2, { bind: "hOffset", label: __11("Horizontal", "elementor") }, /* @__PURE__ */ React40.createElement(SizeControl, { anchorRef: rowRef[0] })), /* @__PURE__ */ React40.createElement(Control2, { bind: "vOffset", label: __11("Vertical", "elementor") }, /* @__PURE__ */ React40.createElement(SizeControl, { anchorRef: rowRef[0] }))), /* @__PURE__ */ React40.createElement(PopoverGridContainer, { ref: rowRef[1] }, /* @__PURE__ */ React40.createElement(Control2, { bind: "blur", label: __11("Blur", "elementor") }, /* @__PURE__ */ React40.createElement(SizeControl, { anchorRef: rowRef[1] })), /* @__PURE__ */ React40.createElement(Control2, { bind: "spread", label: __11("Spread", "elementor") }, /* @__PURE__ */ React40.createElement(SizeControl, { anchorRef: rowRef[1] })))));
+  ))), /* @__PURE__ */ React39.createElement(PopoverGridContainer, { ref: rowRef[0] }, /* @__PURE__ */ React39.createElement(Control2, { bind: "hOffset", label: __11("Horizontal", "elementor") }, /* @__PURE__ */ React39.createElement(SizeControl, { anchorRef: rowRef[0] })), /* @__PURE__ */ React39.createElement(Control2, { bind: "vOffset", label: __11("Vertical", "elementor") }, /* @__PURE__ */ React39.createElement(SizeControl, { anchorRef: rowRef[0] }))), /* @__PURE__ */ React39.createElement(PopoverGridContainer, { ref: rowRef[1] }, /* @__PURE__ */ React39.createElement(Control2, { bind: "blur", label: __11("Blur", "elementor") }, /* @__PURE__ */ React39.createElement(SizeControl, { anchorRef: rowRef[1] })), /* @__PURE__ */ React39.createElement(Control2, { bind: "spread", label: __11("Spread", "elementor") }, /* @__PURE__ */ React39.createElement(SizeControl, { anchorRef: rowRef[1] })))));
 };
 var Control2 = ({
   label,
   bind,
   children,
   sx
-}) => /* @__PURE__ */ React40.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React40.createElement(Grid4, { item: true, xs: 6, sx }, /* @__PURE__ */ React40.createElement(Grid4, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React40.createElement(Grid4, { item: true, xs: 12 }, /* @__PURE__ */ React40.createElement(FormLabel2, { size: "tiny" }, label)), /* @__PURE__ */ React40.createElement(Grid4, { item: true, xs: 12 }, children))));
+}) => /* @__PURE__ */ React39.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React39.createElement(Grid4, { item: true, xs: 6, sx }, /* @__PURE__ */ React39.createElement(Grid4, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React39.createElement(Grid4, { item: true, xs: 12 }, /* @__PURE__ */ React39.createElement(FormLabel2, { size: "tiny" }, label)), /* @__PURE__ */ React39.createElement(Grid4, { item: true, xs: 12 }, children))));
 var ItemLabel = ({ value }) => {
   const { position, hOffset, vOffset, blur, spread } = value.value;
   const { size: blurSize = "", unit: blurUnit = "" } = blur?.value || {};
@@ -1804,7 +1777,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",
@@ -1834,7 +1807,7 @@ var initialShadow = {
 };
 
 // src/controls/filter-control/filter-repeater-control.tsx
-import * as React49 from "react";
+import * as React48 from "react";
 import {
   backdropFilterPropTypeUtil,
   filterPropTypeUtil
@@ -1842,8 +1815,8 @@ import {
 import { __ as __16 } from "@wordpress/i18n";
 
 // src/controls/filter-control/context/filter-config-context.tsx
-import * as React41 from "react";
-import { createContext as createContext10, useContext as useContext10, useMemo as useMemo4 } from "react";
+import * as React40 from "react";
+import { createContext as createContext9, useContext as useContext9, useMemo as useMemo4 } from "react";
 import { cssFilterFunctionPropUtil } from "@elementor/editor-props";
 
 // src/controls/filter-control/utils.ts
@@ -1942,7 +1915,7 @@ function extractPropType(propType, filterFunctionGroup) {
 }
 
 // src/controls/filter-control/context/filter-config-context.tsx
-var FilterConfigContext = createContext10(null);
+var FilterConfigContext = createContext9(null);
 function FilterConfigProvider({ children }) {
   const propContext = useBoundProp(cssFilterFunctionPropUtil);
   const contextValue = useMemo4(() => {
@@ -1958,10 +1931,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 = useContext10(FilterConfigContext);
+  const context = useContext9(FilterConfigContext);
   if (!context) {
     throw new Error("useFilterConfig must be used within FilterConfigProvider");
   }
@@ -1969,7 +1942,7 @@ function useFilterConfig() {
 }
 
 // src/controls/filter-control/filter-content.tsx
-import * as React44 from "react";
+import * as React43 from "react";
 import {
   cssFilterFunctionPropUtil as cssFilterFunctionPropUtil2
 } from "@elementor/editor-props";
@@ -1977,7 +1950,7 @@ import { Grid as Grid7 } from "@elementor/ui";
 import { __ as __15 } from "@wordpress/i18n";
 
 // src/controls/filter-control/drop-shadow/drop-shadow-item-content.tsx
-import * as React42 from "react";
+import * as React41 from "react";
 import { useRef as useRef5 } from "react";
 import { dropShadowFilterPropTypeUtil } from "@elementor/editor-props";
 import { Grid as Grid5 } from "@elementor/ui";
@@ -2007,7 +1980,7 @@ var items = [
 var DropShadowItemContent = ({ anchorEl }) => {
   const context = useBoundProp(dropShadowFilterPropTypeUtil);
   const rowRefs = [useRef5(null), useRef5(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(Grid5, { item: true, xs: 6 }, /* @__PURE__ */ React42.createElement(ControlFormLabel, null, item.label)), /* @__PURE__ */ React42.createElement(Grid5, { item: true, xs: 6 }, item.bind === "color" ? /* @__PURE__ */ React42.createElement(ColorControl, { anchorEl }) : /* @__PURE__ */ React42.createElement(
+  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(Grid5, { item: true, xs: 6 }, /* @__PURE__ */ React41.createElement(ControlFormLabel, null, item.label)), /* @__PURE__ */ React41.createElement(Grid5, { item: true, xs: 6 }, item.bind === "color" ? /* @__PURE__ */ React41.createElement(ColorControl, { anchorEl }) : /* @__PURE__ */ React41.createElement(
     SizeControl,
     {
       anchorRef: rowRefs[item.rowIndex],
@@ -2019,7 +1992,7 @@ var DropShadowItemContent = ({ anchorEl }) => {
 
 // src/controls/filter-control/single-size/single-size-item-content.tsx
 import { useRef as useRef6 } from "react";
-import * as React43 from "react";
+import * as React42 from "react";
 import {
   blurFilterPropTypeUtil,
   colorToneFilterPropTypeUtil,
@@ -2038,7 +2011,7 @@ var SingleSizeItemContent = ({ filterFunc }) => {
   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(Grid6, { item: true, xs: 6 }, /* @__PURE__ */ React43.createElement(ControlFormLabel, null, valueName)), /* @__PURE__ */ React43.createElement(Grid6, { 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(Grid6, { item: true, xs: 6 }, /* @__PURE__ */ React42.createElement(ControlFormLabel, null, valueName)), /* @__PURE__ */ React42.createElement(Grid6, { item: true, xs: 6 }, /* @__PURE__ */ React42.createElement(SizeControl, { anchorRef: rowRef, enablePropTypeUnits: true }))))));
 };
 
 // src/controls/filter-control/filter-content.tsx
@@ -2056,7 +2029,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(Grid7, { item: true, xs: 6 }, /* @__PURE__ */ React44.createElement(ControlFormLabel, null, __15("Filter", "elementor"))), /* @__PURE__ */ React44.createElement(Grid7, { 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(Grid7, { item: true, xs: 6 }, /* @__PURE__ */ React43.createElement(ControlFormLabel, null, __15("Filter", "elementor"))), /* @__PURE__ */ React43.createElement(Grid7, { 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();
@@ -2064,19 +2037,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
-import * as React45 from "react";
-import { styled as styled5, UnstableColorIndicator as UnstableColorIndicator2 } from "@elementor/ui";
+import * as React44 from "react";
+import { styled as styled4, UnstableColorIndicator as UnstableColorIndicator2 } from "@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",
@@ -2085,15 +2058,15 @@ var FilterIcon = ({ value }) => {
     }
   );
 };
-var StyledUnstableColorIndicator2 = styled5(UnstableColorIndicator2)(({ theme }) => ({
+var StyledUnstableColorIndicator2 = styled4(UnstableColorIndicator2)(({ theme }) => ({
   borderRadius: `${theme.shape.borderRadius / 2}px`
 }));
 
 // src/controls/filter-control/filter-label.tsx
-import * as React48 from "react";
+import * as React47 from "react";
 
 // src/controls/filter-control/drop-shadow/drop-shadow-item-label.tsx
-import * as React46 from "react";
+import * as React45 from "react";
 import { Box as Box5 } from "@elementor/ui";
 var DropShadowItemLabel = ({ value }) => {
   const values = value.value.args.value;
@@ -2101,11 +2074,11 @@ var DropShadowItemLabel = ({ value }) => {
   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(Box5, { component: "span" }, /* @__PURE__ */ React46.createElement(Box5, { component: "span", style: { textTransform: "capitalize" } }, "Drop shadow:"), ` ${labels.join(" ")}`);
+  return /* @__PURE__ */ React45.createElement(Box5, { component: "span" }, /* @__PURE__ */ React45.createElement(Box5, { component: "span", style: { textTransform: "capitalize" } }, "Drop shadow:"), ` ${labels.join(" ")}`);
 };
 
 // src/controls/filter-control/single-size/single-size-item-label.tsx
-import * as React47 from "react";
+import * as React46 from "react";
 import { Box as Box6 } from "@elementor/ui";
 var SingleSizeItemLabel = ({ value }) => {
   const { func, args } = value.value;
@@ -2113,16 +2086,16 @@ var SingleSizeItemLabel = ({ value }) => {
   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(Box6, { component: "span", style: { textTransform: "capitalize" } }, func.value ?? "", ":");
-  return /* @__PURE__ */ React47.createElement(Box6, { component: "span" }, label, " " + (unit !== "custom" ? `${size ?? 0}${unit ?? defaultUnit}` : size || CUSTOM_SIZE_LABEL));
+  const label = /* @__PURE__ */ React46.createElement(Box6, { component: "span", style: { textTransform: "capitalize" } }, func.value ?? "", ":");
+  return /* @__PURE__ */ React46.createElement(Box6, { 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
@@ -2139,7 +2112,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,
@@ -2150,20 +2123,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) {
@@ -2173,8 +2146,8 @@ function ensureFilterConfig(name) {
 }
 
 // src/controls/select-control-wrapper.tsx
-import * as React50 from "react";
-import { useEffect as useEffect5, useState as useState6 } from "react";
+import * as React49 from "react";
+import { useEffect as useEffect5, useState as useState5 } from "react";
 var getOffCanvasElements = () => {
   const extendedWindow = window;
   const documentId = extendedWindow.elementor.config.document.id;
@@ -2192,7 +2165,7 @@ var collectionMethods = {
   "off-canvas": getOffCanvasElements
 };
 var useDynamicOptions = (collectionId, initialOptions) => {
-  const [options, setOptions] = useState6(initialOptions ?? []);
+  const [options, setOptions] = useState5(initialOptions ?? []);
   useEffect5(() => {
     if (!collectionId || !collectionMethods[collectionId]) {
       setOptions(initialOptions ?? []);
@@ -2205,23 +2178,23 @@ 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
-import * as React54 from "react";
+import * as React53 from "react";
 import { stringPropTypeUtil as stringPropTypeUtil4 } from "@elementor/editor-props";
 
 // src/components/control-toggle-button-group.tsx
-import * as React52 from "react";
-import { useEffect as useEffect6, useMemo as useMemo5, useRef as useRef7, useState as useState7 } from "react";
+import * as React51 from "react";
+import { useEffect as useEffect6, useMemo as useMemo5, useRef as useRef7, useState as useState6 } from "react";
 import { ChevronDownIcon } from "@elementor/icons";
 import {
   ListItemText,
   Menu as Menu2,
   MenuItem,
-  styled as styled6,
+  styled as styled5,
   ToggleButton,
   ToggleButtonGroup,
   Typography as Typography3,
@@ -2229,18 +2202,18 @@ import {
 } from "@elementor/ui";
 
 // src/components/conditional-tooltip.tsx
-import * as React51 from "react";
+import * as React50 from "react";
 import { Tooltip as Tooltip4 } from "@elementor/ui";
 var ConditionalTooltip = ({
   showTooltip,
   children,
   label
 }) => {
-  return showTooltip && label ? /* @__PURE__ */ React51.createElement(Tooltip4, { title: label, disableFocusListener: true, placement: "top" }, children) : children;
+  return showTooltip && label ? /* @__PURE__ */ React50.createElement(Tooltip4, { title: label, disableFocusListener: true, placement: "top" }, children) : children;
 };
 
 // src/components/control-toggle-button-group.tsx
-var StyledToggleButtonGroup = styled6(ToggleButtonGroup)`
+var StyledToggleButtonGroup = styled5(ToggleButtonGroup)`
 	${({ justify }) => `justify-content: ${justify};`}
 	button:not( :last-of-type ) {
 		border-start-end-radius: 0;
@@ -2255,7 +2228,7 @@ var StyledToggleButtonGroup = styled6(ToggleButtonGroup)`
 		border-end-end-radius: 8px;
 	}
 `;
-var StyledToggleButton = styled6(ToggleButton, {
+var StyledToggleButton = styled5(ToggleButton, {
   shouldForwardProp: (prop) => prop !== "isPlaceholder"
 })`
 	${({ theme, isPlaceholder }) => isPlaceholder && `
@@ -2267,7 +2240,7 @@ var StyledToggleButton = styled6(ToggleButton, {
 		}
 	`}
 `;
-var ToggleButtonGroupUi = React52.forwardRef(
+var ToggleButtonGroupUi = React51.forwardRef(
   ({
     justify = "end",
     size = "tiny",
@@ -2312,7 +2285,7 @@ var ToggleButtonGroupUi = React52.forwardRef(
       return [];
     };
     const placeholderArray = getPlaceholderArray(placeholder);
-    return /* @__PURE__ */ React52.createElement(
+    return /* @__PURE__ */ React51.createElement(
       StyledToggleButtonGroup,
       {
         ref,
@@ -2330,14 +2303,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,
@@ -2346,11 +2319,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,
@@ -2364,7 +2337,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",
@@ -2374,7 +2347,7 @@ var SplitButtonGroup = ({
   value
 }) => {
   const previewButton = usePreviewButton(items2, value);
-  const [isMenuOpen, setIsMenuOpen] = useState7(false);
+  const [isMenuOpen, setIsMenuOpen] = useState6(false);
   const menuButtonRef = useRef7(null);
   const onMenuToggle = (ev) => {
     setIsMenuOpen((prev) => !prev);
@@ -2388,7 +2361,7 @@ var SplitButtonGroup = ({
     const shouldRemove = newValue === value;
     onChange(shouldRemove ? null : newValue);
   };
-  return /* @__PURE__ */ React52.createElement(React52.Fragment, null, /* @__PURE__ */ React52.createElement(
+  return /* @__PURE__ */ React51.createElement(React51.Fragment, null, /* @__PURE__ */ React51.createElement(
     ToggleButton,
     {
       value: previewButton.value,
@@ -2401,7 +2374,7 @@ var SplitButtonGroup = ({
       }
     },
     previewButton.renderContent({ size })
-  ), /* @__PURE__ */ React52.createElement(
+  ), /* @__PURE__ */ React51.createElement(
     ToggleButton,
     {
       size,
@@ -2412,8 +2385,8 @@ var SplitButtonGroup = ({
       ref: menuButtonRef,
       value: "__chevron-icon-button__"
     },
-    /* @__PURE__ */ React52.createElement(ChevronDownIcon, { fontSize: size })
-  ), /* @__PURE__ */ React52.createElement(
+    /* @__PURE__ */ React51.createElement(ChevronDownIcon, { fontSize: size })
+  ), /* @__PURE__ */ React51.createElement(
     Menu2,
     {
       open: isMenuOpen,
@@ -2431,19 +2404,19 @@ var SplitButtonGroup = ({
         mt: 0.5
       }
     },
-    items2.map(({ label, value: buttonValue }) => /* @__PURE__ */ React52.createElement(
+    items2.map(({ label, value: buttonValue }) => /* @__PURE__ */ React51.createElement(
       MenuItem,
       {
         key: buttonValue,
         selected: buttonValue === value,
         onClick: () => onMenuItemClick(buttonValue)
       },
-      /* @__PURE__ */ React52.createElement(ListItemText, null, /* @__PURE__ */ React52.createElement(Typography3, { sx: { fontSize: "14px" } }, label))
+      /* @__PURE__ */ React51.createElement(ListItemText, null, /* @__PURE__ */ React51.createElement(Typography3, { sx: { fontSize: "14px" } }, label))
     ))
   ));
 };
 var usePreviewButton = (items2, value) => {
-  const [previewButton, setPreviewButton] = useState7(
+  const [previewButton, setPreviewButton] = useState6(
     items2.find((item) => item.value === value) ?? items2[0]
   );
   useEffect6(() => {
@@ -2456,7 +2429,7 @@ var usePreviewButton = (items2, value) => {
 };
 
 // src/utils/convert-toggle-options-to-atomic.tsx
-import * as React53 from "react";
+import * as React52 from "react";
 import * as Icons from "@elementor/icons";
 var convertToggleOptionsToAtomic = (options) => {
   return options.map((option) => {
@@ -2467,7 +2440,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;
       },
@@ -2503,7 +2476,7 @@ var ToggleControl = createControl(
       size,
       placeholder
     };
-    return exclusive ? /* @__PURE__ */ React54.createElement(
+    return exclusive ? /* @__PURE__ */ React53.createElement(
       ControlToggleButtonGroup,
       {
         ...toggleButtonGroupProps,
@@ -2512,7 +2485,7 @@ var ToggleControl = createControl(
         disabled,
         exclusive: true
       }
-    ) : /* @__PURE__ */ React54.createElement(
+    ) : /* @__PURE__ */ React53.createElement(
       ControlToggleButtonGroup,
       {
         ...toggleButtonGroupProps,
@@ -2526,7 +2499,7 @@ var ToggleControl = createControl(
 );
 
 // src/controls/number-control.tsx
-import * as React55 from "react";
+import * as React54 from "react";
 import { numberPropTypeUtil } from "@elementor/editor-props";
 import { InputAdornment as InputAdornment3 } from "@elementor/ui";
 var isEmptyOrNaN = (value) => value === null || value === void 0 || value === "" || Number.isNaN(Number(value));
@@ -2557,7 +2530,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",
@@ -2570,7 +2543,7 @@ var NumberControl = createControl(
         placeholder: labelPlaceholder ?? (isEmptyOrNaN(placeholder) ? "" : String(placeholder)),
         inputProps: { step, min },
         InputProps: {
-          startAdornment: startIcon ? /* @__PURE__ */ React55.createElement(InputAdornment3, { position: "start", disabled }, startIcon) : void 0
+          startAdornment: startIcon ? /* @__PURE__ */ React54.createElement(InputAdornment3, { position: "start", disabled }, startIcon) : void 0
         }
       }
     ));
@@ -2578,7 +2551,7 @@ var NumberControl = createControl(
 );
 
 // src/controls/equal-unequal-sizes-control.tsx
-import * as React56 from "react";
+import * as React55 from "react";
 import { useId as useId2, useRef as useRef8 } from "react";
 import { bindPopover as bindPopover3, bindToggle, Box as Box7, Grid as Grid8, Popover as Popover3, Stack as Stack7, Tooltip as Tooltip5, usePopupState as usePopupState4 } from "@elementor/ui";
 import { __ as __17 } from "@wordpress/i18n";
@@ -2629,14 +2602,14 @@ function EqualUnequalSizesControl({
     }
     setMasterValue(Object.values(newValue)?.pop() ?? null);
   };
-  return /* @__PURE__ */ React56.createElement(React56.Fragment, null, /* @__PURE__ */ React56.createElement(Grid8, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap", ref: rowRefs[0] }, /* @__PURE__ */ React56.createElement(Grid8, { item: true, xs: 6 }, !isShowingGeneralIndicator ? /* @__PURE__ */ React56.createElement(ControlFormLabel, null, label) : /* @__PURE__ */ React56.createElement(ControlLabel, null, label)), /* @__PURE__ */ React56.createElement(Grid8, { item: true, xs: 6 }, /* @__PURE__ */ React56.createElement(Stack7, { direction: "row", alignItems: "center", gap: 1 }, /* @__PURE__ */ React56.createElement(Box7, { flexGrow: 1 }, /* @__PURE__ */ React56.createElement(
+  return /* @__PURE__ */ React55.createElement(React55.Fragment, null, /* @__PURE__ */ React55.createElement(Grid8, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap", ref: rowRefs[0] }, /* @__PURE__ */ React55.createElement(Grid8, { item: true, xs: 6 }, !isShowingGeneralIndicator ? /* @__PURE__ */ React55.createElement(ControlFormLabel, null, label) : /* @__PURE__ */ React55.createElement(ControlLabel, null, label)), /* @__PURE__ */ React55.createElement(Grid8, { item: true, xs: 6 }, /* @__PURE__ */ React55.createElement(Stack7, { direction: "row", alignItems: "center", gap: 1 }, /* @__PURE__ */ React55.createElement(Box7, { flexGrow: 1 }, /* @__PURE__ */ React55.createElement(
     SizeControl,
     {
       placeholder: isMixed ? __17("Mixed", "elementor") : void 0,
       enablePropTypeUnits: !isMixed || !isMixedPlaceholder,
       anchorRef: rowRefs[0]
     }
-  )), /* @__PURE__ */ React56.createElement(Tooltip5, { title: tooltipLabel, placement: "top" }, /* @__PURE__ */ React56.createElement(
+  )), /* @__PURE__ */ React55.createElement(Tooltip5, { title: tooltipLabel, placement: "top" }, /* @__PURE__ */ React55.createElement(
     StyledToggleButton,
     {
       size: "tiny",
@@ -2648,7 +2621,7 @@ function EqualUnequalSizesControl({
       "aria-label": tooltipLabel
     },
     icon
-  ))))), /* @__PURE__ */ React56.createElement(
+  ))))), /* @__PURE__ */ React55.createElement(
     Popover3,
     {
       disablePortal: true,
@@ -2666,7 +2639,7 @@ function EqualUnequalSizesControl({
         paper: { sx: { mt: 0.5, width: rowRefs[0].current?.getBoundingClientRect().width } }
       }
     },
-    /* @__PURE__ */ React56.createElement(
+    /* @__PURE__ */ React55.createElement(
       PropProvider,
       {
         propType: multiSizePropType,
@@ -2675,18 +2648,18 @@ 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(Grid8, { item: true, xs: 6 }, /* @__PURE__ */ React56.createElement(Grid8, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React56.createElement(Grid8, { item: true, xs: 12 }, /* @__PURE__ */ React56.createElement(ControlLabel, null, label)), /* @__PURE__ */ React56.createElement(Grid8, { item: true, xs: 12 }, /* @__PURE__ */ React56.createElement(SizeControl, { startIcon: icon, ariaLabel, anchorRef: rowRef })))));
+  return /* @__PURE__ */ React55.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React55.createElement(Grid8, { item: true, xs: 6 }, /* @__PURE__ */ React55.createElement(Grid8, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React55.createElement(Grid8, { item: true, xs: 12 }, /* @__PURE__ */ React55.createElement(ControlLabel, null, label)), /* @__PURE__ */ React55.createElement(Grid8, { item: true, xs: 12 }, /* @__PURE__ */ React55.createElement(SizeControl, { startIcon: icon, ariaLabel, anchorRef: rowRef })))));
 };
 
 // src/controls/linked-dimensions-control.tsx
-import * as React57 from "react";
-import { useLayoutEffect, useRef as useRef9, useState as useState8 } from "react";
+import * as React56 from "react";
+import { useLayoutEffect, useRef as useRef9, useState as useState7 } from "react";
 import { dimensionsPropTypeUtil, sizePropTypeUtil as sizePropTypeUtil3 } from "@elementor/editor-props";
 import { useActiveBreakpoint as useActiveBreakpoint2 } from "@elementor/editor-responsive";
 import { DetachIcon, LinkIcon, SideBottomIcon, SideLeftIcon, SideRightIcon, SideTopIcon } from "@elementor/icons";
@@ -2712,7 +2685,7 @@ var LinkedDimensionsControl = ({ label, isSiteRtl = false, extendedOptions, min
     }
     return true;
   };
-  const [isLinked, setIsLinked] = useState8(() => inferIsLinked());
+  const [isLinked, setIsLinked] = useState7(() => inferIsLinked());
   const activeBreakpoint = useActiveBreakpoint2();
   useLayoutEffect(() => {
     setIsLinked(inferIsLinked);
@@ -2755,7 +2728,7 @@ var LinkedDimensionsControl = ({ label, isSiteRtl = false, extendedOptions, min
     isDisabled: () => dimensionsDisabled
   };
   const hasPlaceholders = !masterValue && (dimensionsPlaceholder || masterPlaceholder);
-  return /* @__PURE__ */ React57.createElement(PropProvider, { ...propProviderProps }, /* @__PURE__ */ React57.createElement(Stack8, { direction: "row", gap: 2, flexWrap: "nowrap" }, /* @__PURE__ */ React57.createElement(ControlFormLabel, null, label), /* @__PURE__ */ React57.createElement(Tooltip6, { title: isLinked ? unlinkedLabel : linkedLabel, placement: "top" }, /* @__PURE__ */ React57.createElement(
+  return /* @__PURE__ */ React56.createElement(PropProvider, { ...propProviderProps }, /* @__PURE__ */ React56.createElement(Stack8, { direction: "row", gap: 2, flexWrap: "nowrap" }, /* @__PURE__ */ React56.createElement(ControlFormLabel, null, label), /* @__PURE__ */ React56.createElement(Tooltip6, { title: isLinked ? unlinkedLabel : linkedLabel, placement: "top" }, /* @__PURE__ */ React56.createElement(
     StyledToggleButton,
     {
       "aria-label": isLinked ? unlinkedLabel : linkedLabel,
@@ -2767,8 +2740,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(Stack8, { direction: "row", gap: 2, flexWrap: "nowrap", key: index, ref: gridRowRefs[index] }, row.map(({ icon, ...props }) => /* @__PURE__ */ React57.createElement(Grid9, { container: true, gap: 0.75, alignItems: "center", key: props.bind }, /* @__PURE__ */ React57.createElement(Grid9, { item: true, xs: 12 }, /* @__PURE__ */ React57.createElement(Label, { ...props })), /* @__PURE__ */ React57.createElement(Grid9, { item: true, xs: 12 }, /* @__PURE__ */ React57.createElement(
+    /* @__PURE__ */ React56.createElement(LinkedIcon, { fontSize: "tiny" })
+  ))), getCssDimensionProps(label, isSiteRtl).map((row, index) => /* @__PURE__ */ React56.createElement(Stack8, { direction: "row", gap: 2, flexWrap: "nowrap", key: index, ref: gridRowRefs[index] }, row.map(({ icon, ...props }) => /* @__PURE__ */ React56.createElement(Grid9, { container: true, gap: 0.75, alignItems: "center", key: props.bind }, /* @__PURE__ */ React56.createElement(Grid9, { item: true, xs: 12 }, /* @__PURE__ */ React56.createElement(Label, { ...props })), /* @__PURE__ */ React56.createElement(Grid9, { item: true, xs: 12 }, /* @__PURE__ */ React56.createElement(
     Control3,
     {
       bind: props.bind,
@@ -2791,7 +2764,7 @@ var Control3 = ({
   min
 }) => {
   if (isLinked) {
-    return /* @__PURE__ */ React57.createElement(
+    return /* @__PURE__ */ React56.createElement(
       SizeControl,
       {
         ariaLabel,
@@ -2802,7 +2775,7 @@ var Control3 = ({
       }
     );
   }
-  return /* @__PURE__ */ React57.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React57.createElement(
+  return /* @__PURE__ */ React56.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React56.createElement(
     SizeControl,
     {
       ariaLabel,
@@ -2814,7 +2787,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 [
@@ -2824,7 +2797,7 @@ function getCssDimensionProps(label, isSiteRtl) {
         label: __18("Top", "elementor"),
         /* translators: %s is the name of the main group (margin or padding) */
         ariaLabel: sprintf2(__18("%s top", "elementor"), label),
-        icon: /* @__PURE__ */ React57.createElement(SideTopIcon, { fontSize: "tiny" })
+        icon: /* @__PURE__ */ React56.createElement(SideTopIcon, { fontSize: "tiny" })
       },
       {
         bind: "inline-end",
@@ -2836,7 +2809,7 @@ function getCssDimensionProps(label, isSiteRtl) {
           /* translators: %s is the name of the main group (margin or padding) */
           sprintf2(__18("%s right", "elementor"), label)
         ),
-        icon: isSiteRtl ? /* @__PURE__ */ React57.createElement(SideLeftIcon, { fontSize: "tiny" }) : /* @__PURE__ */ React57.createElement(SideRightIcon, { fontSize: "tiny" })
+        icon: isSiteRtl ? /* @__PURE__ */ React56.createElement(SideLeftIcon, { fontSize: "tiny" }) : /* @__PURE__ */ React56.createElement(SideRightIcon, { fontSize: "tiny" })
       }
     ],
     [
@@ -2845,7 +2818,7 @@ function getCssDimensionProps(label, isSiteRtl) {
         label: __18("Bottom", "elementor"),
         /* translators: %s is the name of the main group (margin or padding) */
         ariaLabel: sprintf2(__18("%s bottom", "elementor"), label),
-        icon: /* @__PURE__ */ React57.createElement(SideBottomIcon, { fontSize: "tiny" })
+        icon: /* @__PURE__ */ React56.createElement(SideBottomIcon, { fontSize: "tiny" })
       },
       {
         bind: "inline-start",
@@ -2857,22 +2830,22 @@ function getCssDimensionProps(label, isSiteRtl) {
           /* translators: %s is the name of the main group (margin or padding) */
           sprintf2(__18("%s left", "elementor"), label)
         ),
-        icon: isSiteRtl ? /* @__PURE__ */ React57.createElement(SideRightIcon, { fontSize: "tiny" }) : /* @__PURE__ */ React57.createElement(SideLeftIcon, { fontSize: "tiny" })
+        icon: isSiteRtl ? /* @__PURE__ */ React56.createElement(SideRightIcon, { fontSize: "tiny" }) : /* @__PURE__ */ React56.createElement(SideLeftIcon, { fontSize: "tiny" })
       }
     ]
   ];
 }
 
 // src/controls/font-family-control/font-family-control.tsx
-import * as React59 from "react";
+import * as React58 from "react";
 import { stringPropTypeUtil as stringPropTypeUtil5 } from "@elementor/editor-props";
 import { ChevronDownIcon as ChevronDownIcon2, TextIcon } from "@elementor/icons";
 import { bindPopover as bindPopover4, bindTrigger as bindTrigger3, Popover as Popover4, UnstableTag as UnstableTag2, usePopupState as usePopupState5 } from "@elementor/ui";
 import { __ as __20 } from "@wordpress/i18n";
 
 // src/components/item-selector.tsx
-import * as React58 from "react";
-import { useCallback as useCallback2, useEffect as useEffect7, useState as useState9 } from "react";
+import * as React57 from "react";
+import { useCallback as useCallback2, useEffect as useEffect7, useState as useState8 } from "react";
 import { PopoverBody, PopoverHeader as PopoverHeader2, PopoverMenuList, SearchField } from "@elementor/editor-ui";
 import { Box as Box8, Divider as Divider2, Link, Stack as Stack9, Typography as Typography4 } from "@elementor/ui";
 import { debounce } from "@elementor/utils";
@@ -2911,7 +2884,7 @@ var ItemSelector = ({
   footer,
   categoryItemContentTemplate
 }) => {
-  const [searchValue, setSearchValue] = useState9("");
+  const [searchValue, setSearchValue] = useState8("");
   const filteredItemsList = useFilteredItemsList(itemsList, searchValue, disabledItems);
   const IconComponent = icon;
   const handleSearch = (value) => {
@@ -2921,7 +2894,7 @@ var ItemSelector = ({
     setSearchValue("");
     onClose();
   };
-  return /* @__PURE__ */ React58.createElement(PopoverBody, { width: sectionWidth, id }, /* @__PURE__ */ React58.createElement(PopoverHeader2, { title, onClose: handleClose, icon: /* @__PURE__ */ React58.createElement(IconComponent, { fontSize: "tiny" }) }), /* @__PURE__ */ React58.createElement(
+  return /* @__PURE__ */ React57.createElement(PopoverBody, { width: sectionWidth, id }, /* @__PURE__ */ React57.createElement(PopoverHeader2, { title, onClose: handleClose, icon: /* @__PURE__ */ React57.createElement(IconComponent, { fontSize: "tiny" }) }), /* @__PURE__ */ React57.createElement(
     SearchField,
     {
       value: searchValue,
@@ -2929,7 +2902,7 @@ var ItemSelector = ({
       placeholder: __19("Search", "elementor"),
       id: id + "-search"
     }
-  ), /* @__PURE__ */ React58.createElement(Divider2, null), /* @__PURE__ */ React58.createElement(Box8, { sx: { flex: 1, overflow: "auto", minHeight: 0 } }, filteredItemsList.length > 0 ? /* @__PURE__ */ React58.createElement(
+  ), /* @__PURE__ */ React57.createElement(Divider2, null), /* @__PURE__ */ React57.createElement(Box8, { sx: { flex: 1, overflow: "auto", minHeight: 0 } }, filteredItemsList.length > 0 ? /* @__PURE__ */ React57.createElement(
     ItemList,
     {
       itemListItems: filteredItemsList,
@@ -2940,7 +2913,7 @@ var ItemSelector = ({
       onDebounce,
       categoryItemContentTemplate
     }
-  ) : /* @__PURE__ */ React58.createElement(
+  ) : /* @__PURE__ */ React57.createElement(
     Stack9,
     {
       alignItems: "center",
@@ -2950,16 +2923,16 @@ var ItemSelector = ({
       gap: 1.5,
       overflow: "hidden"
     },
-    /* @__PURE__ */ React58.createElement(IconComponent, { fontSize: "large" }),
-    /* @__PURE__ */ React58.createElement(Box8, { sx: { maxWidth: 160, overflow: "hidden" } }, /* @__PURE__ */ React58.createElement(Typography4, { align: "center", variant: "subtitle2", color: "text.secondary" }, __19("Sorry, nothing matched", "elementor")), /* @__PURE__ */ React58.createElement(
+    /* @__PURE__ */ React57.createElement(IconComponent, { fontSize: "large" }),
+    /* @__PURE__ */ React57.createElement(Box8, { sx: { maxWidth: 160, overflow: "hidden" } }, /* @__PURE__ */ React57.createElement(Typography4, { align: "center", variant: "subtitle2", color: "text.secondary" }, __19("Sorry, nothing matched", "elementor")), /* @__PURE__ */ React57.createElement(
       Typography4,
       {
         variant: "subtitle2",
         color: "text.secondary",
         sx: { display: "flex", width: "100%", justifyContent: "center" }
       },
-      /* @__PURE__ */ React58.createElement("span", null, "\u201C"),
-      /* @__PURE__ */ React58.createElement(
+      /* @__PURE__ */ React57.createElement("span", null, "\u201C"),
+      /* @__PURE__ */ React57.createElement(
         Box8,
         {
           component: "span",
@@ -2967,9 +2940,9 @@ var ItemSelector = ({
         },
         searchValue
       ),
-      /* @__PURE__ */ React58.createElement("span", null, "\u201D.")
+      /* @__PURE__ */ React57.createElement("span", null, "\u201D.")
     )),
-    /* @__PURE__ */ React58.createElement(
+    /* @__PURE__ */ React57.createElement(
       Typography4,
       {
         align: "center",
@@ -2978,7 +2951,7 @@ var ItemSelector = ({
         sx: { display: "flex", flexDirection: "column" }
       },
       __19("Try something else.", "elementor"),
-      /* @__PURE__ */ React58.createElement(
+      /* @__PURE__ */ React57.createElement(
         Link,
         {
           color: "secondary",
@@ -3010,7 +2983,7 @@ var ItemList = ({
     });
   }, 100);
   const memoizedItemStyle = useCallback2((item) => itemStyle(item), [itemStyle]);
-  return /* @__PURE__ */ React58.createElement(
+  return /* @__PURE__ */ React57.createElement(
     PopoverMenuList,
     {
       items: itemListItems,
@@ -3025,7 +2998,7 @@ var ItemList = ({
   );
 };
 var useDebounce = (fn, delay) => {
-  const [debouncedFn] = useState9(() => debounce(fn, delay));
+  const [debouncedFn] = useState8(() => debounce(fn, delay));
   useEffect7(() => () => debouncedFn.cancel(), [debouncedFn]);
   return debouncedFn;
 };
@@ -3047,19 +3020,19 @@ var FontFamilyControl = createControl(
     } = useBoundProp(stringPropTypeUtil5);
     const popoverState = usePopupState5({ 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(
+    return /* @__PURE__ */ React58.createElement(React58.Fragment, null, /* @__PURE__ */ React58.createElement(ControlActions, null, /* @__PURE__ */ React58.createElement(
       UnstableTag2,
       {
         id: "font-family-control",
         variant: "outlined",
         label: fontFamily || placeholder,
-        endIcon: /* @__PURE__ */ React59.createElement(ChevronDownIcon2, { fontSize: "tiny" }),
+        endIcon: /* @__PURE__ */ React58.createElement(ChevronDownIcon2, { fontSize: "tiny" }),
         ...bindTrigger3(popoverState),
         fullWidth: true,
         disabled,
@@ -3071,7 +3044,7 @@ var FontFamilyControl = createControl(
           textTransform: "capitalize"
         } : void 0
       }
-    )), /* @__PURE__ */ React59.createElement(
+    )), /* @__PURE__ */ React58.createElement(
       Popover4,
       {
         disablePortal: true,
@@ -3081,7 +3054,7 @@ var FontFamilyControl = createControl(
         sx: { my: 1.5 },
         ...bindPopover4(popoverState)
       },
-      /* @__PURE__ */ React59.createElement(
+      /* @__PURE__ */ React58.createElement(
         ItemSelector,
         {
           id: "font-family-selector",
@@ -3101,14 +3074,14 @@ var FontFamilyControl = createControl(
 );
 
 // src/controls/url-control.tsx
-import * as React60 from "react";
+import * as React59 from "react";
 import { urlPropTypeUtil } from "@elementor/editor-props";
 import { TextField as TextField5 } from "@elementor/ui";
 var UrlControl = createControl(
   ({ placeholder, ariaLabel }) => {
     const { value, setValue, disabled } = useBoundProp(urlPropTypeUtil);
     const handleChange = (event) => setValue(event.target.value);
-    return /* @__PURE__ */ React60.createElement(ControlActions, null, /* @__PURE__ */ React60.createElement(
+    return /* @__PURE__ */ React59.createElement(ControlActions, null, /* @__PURE__ */ React59.createElement(
       TextField5,
       {
         size: "tiny",
@@ -3126,8 +3099,8 @@ var UrlControl = createControl(
 );
 
 // src/controls/link-control.tsx
-import * as React65 from "react";
-import { useEffect as useEffect8, useMemo as useMemo8, useState as useState11 } from "react";
+import * as React64 from "react";
+import { useEffect as useEffect8, useMemo as useMemo8, useState as useState10 } from "react";
 import { getLinkInLinkRestriction } from "@elementor/editor-elements";
 import { linkPropTypeUtil } from "@elementor/editor-props";
 import { MinusIcon, PlusIcon as PlusIcon2 } from "@elementor/icons";
@@ -3137,7 +3110,7 @@ import { debounce as debounce3 } from "@elementor/utils";
 import { __ as __23 } from "@wordpress/i18n";
 
 // src/components/restricted-link-infotip.tsx
-import * as React61 from "react";
+import * as React60 from "react";
 import { selectElement } from "@elementor/editor-elements";
 import { InfoCircleFilledIcon } from "@elementor/icons";
 import { Alert, AlertAction, AlertTitle, Box as Box9, Infotip as Infotip2, Link as Link2 } from "@elementor/ui";
@@ -3167,12 +3140,12 @@ var RestrictedLinkInfotip = ({
       selectElement(elementId);
     }
   };
-  const content = /* @__PURE__ */ React61.createElement(
+  const content = /* @__PURE__ */ React60.createElement(
     Alert,
     {
       color: "secondary",
-      icon: /* @__PURE__ */ React61.createElement(InfoCircleFilledIcon, null),
-      action: /* @__PURE__ */ React61.createElement(
+      icon: /* @__PURE__ */ React60.createElement(InfoCircleFilledIcon, null),
+      action: /* @__PURE__ */ React60.createElement(
         AlertAction,
         {
           sx: { width: "fit-content" },
@@ -3183,10 +3156,10 @@ var RestrictedLinkInfotip = ({
         __21("Take me there", "elementor")
       )
     },
-    /* @__PURE__ */ React61.createElement(AlertTitle, null, __21("Nested links", "elementor")),
-    /* @__PURE__ */ React61.createElement(Box9, { component: "span" }, INFOTIP_CONTENT[reason ?? "descendant"], " ", /* @__PURE__ */ React61.createElement(Link2, { href: learnMoreButton.href, target: "_blank", color: "info.main" }, learnMoreButton.label))
+    /* @__PURE__ */ React60.createElement(AlertTitle, null, __21("Nested links", "elementor")),
+    /* @__PURE__ */ React60.createElement(Box9, { component: "span" }, INFOTIP_CONTENT[reason ?? "descendant"], " ", /* @__PURE__ */ React60.createElement(Link2, { href: learnMoreButton.href, target: "_blank", color: "info.main" }, learnMoreButton.label))
   );
-  return shouldRestrict && isVisible ? /* @__PURE__ */ React61.createElement(
+  return shouldRestrict && isVisible ? /* @__PURE__ */ React60.createElement(
     Infotip2,
     {
       placement: "right",
@@ -3194,13 +3167,13 @@ var RestrictedLinkInfotip = ({
       color: "secondary",
       slotProps: { popper: { sx: { width: 300 } } }
     },
-    /* @__PURE__ */ React61.createElement(Box9, null, children)
-  ) : /* @__PURE__ */ React61.createElement(React61.Fragment, null, children);
+    /* @__PURE__ */ React60.createElement(Box9, null, children)
+  ) : /* @__PURE__ */ React60.createElement(React60.Fragment, null, children);
 };
 
 // src/controls/query-control.tsx
-import * as React63 from "react";
-import { useMemo as useMemo7, useState as useState10 } from "react";
+import * as React62 from "react";
+import { useMemo as useMemo7, useState as useState9 } from "react";
 import { numberPropTypeUtil as numberPropTypeUtil2, stringPropTypeUtil as stringPropTypeUtil6, urlPropTypeUtil as urlPropTypeUtil2 } from "@elementor/editor-props";
 import { httpService as httpService2 } from "@elementor/http-client";
 import { SearchIcon } from "@elementor/icons";
@@ -3208,7 +3181,7 @@ import { debounce as debounce2 } from "@elementor/utils";
 import { __ as __22 } from "@wordpress/i18n";
 
 // src/components/autocomplete.tsx
-import * as React62 from "react";
+import * as React61 from "react";
 import { forwardRef as forwardRef8 } from "react";
 import { XIcon as XIcon2 } from "@elementor/icons";
 import {
@@ -3240,7 +3213,7 @@ var Autocomplete = forwardRef8((props, ref) => {
   const valueLength = value?.toString()?.length ?? 0;
   const meetsMinLength = valueLength >= minInputLength;
   const shouldOpen = meetsMinLength && (allowCustomValues ? optionKeys.length > 0 : true);
-  return /* @__PURE__ */ React62.createElement(
+  return /* @__PURE__ */ React61.createElement(
     AutocompleteBase,
     {
       ...restProps,
@@ -3261,8 +3234,8 @@ var Autocomplete = forwardRef8((props, ref) => {
       groupBy: isCategorizedOptionPool(options) ? (optionId) => findMatchingOption(options, optionId)?.groupLabel || optionId : void 0,
       isOptionEqualToValue,
       filterOptions: () => optionKeys,
-      renderOption: (optionProps, optionId) => /* @__PURE__ */ React62.createElement(Box10, { component: "li", ...optionProps, key: optionProps.id }, findMatchingOption(options, optionId)?.label ?? optionId),
-      renderInput: (params) => /* @__PURE__ */ React62.createElement(
+      renderOption: (optionProps, optionId) => /* @__PURE__ */ React61.createElement(Box10, { component: "li", ...optionProps, key: optionProps.id }, findMatchingOption(options, optionId)?.label ?? optionId),
+      renderInput: (params) => /* @__PURE__ */ React61.createElement(
         TextInput,
         {
           params,
@@ -3289,7 +3262,7 @@ var TextInput = ({
   const onChange = (event) => {
     handleChange(event.target.value);
   };
-  return /* @__PURE__ */ React62.createElement(
+  return /* @__PURE__ */ React61.createElement(
     TextField6,
     {
       ...params,
@@ -3303,8 +3276,8 @@ var TextInput = ({
       },
       InputProps: {
         ...params.InputProps,
-        startAdornment: startAdornment ? /* @__PURE__ */ React62.createElement(InputAdornment4, { position: "start" }, startAdornment) : params.InputProps.startAdornment,
-        endAdornment: /* @__PURE__ */ React62.createElement(ClearButton, { params, allowClear, handleChange })
+        startAdornment: startAdornment ? /* @__PURE__ */ React61.createElement(InputAdornment4, { position: "start" }, startAdornment) : params.InputProps.startAdornment,
+        endAdornment: /* @__PURE__ */ React61.createElement(ClearButton, { params, allowClear, handleChange })
       }
     }
   );
@@ -3313,7 +3286,7 @@ var ClearButton = ({
   allowClear,
   handleChange,
   params
-}) => /* @__PURE__ */ React62.createElement(InputAdornment4, { position: "end" }, allowClear && /* @__PURE__ */ React62.createElement(IconButton5, { size: params.size, onClick: () => handleChange(null), sx: { cursor: "pointer" } }, /* @__PURE__ */ React62.createElement(XIcon2, { fontSize: params.size })));
+}) => /* @__PURE__ */ React61.createElement(InputAdornment4, { position: "end" }, allowClear && /* @__PURE__ */ React61.createElement(IconButton5, { size: params.size, onClick: () => handleChange(null), sx: { cursor: "pointer" } }, /* @__PURE__ */ React61.createElement(XIcon2, { fontSize: params.size })));
 function findMatchingOption(options, optionId = null) {
   const formattedOption = (optionId || "").toString();
   return options.find(({ id }) => formattedOption === id.toString());
@@ -3350,7 +3323,7 @@ var QueryControl = createControl((props) => {
     ariaLabel
   } = props || {};
   const normalizedPlaceholder = placeholder || __22("Search", "elementor");
-  const [options, setOptions] = useState10(
+  const [options, setOptions] = useState9(
     generateFirstLoadedOption(value?.value)
   );
   const onOptionChange = (newValue) => {
@@ -3397,13 +3370,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(SearchIcon, { fontSize: "tiny" }),
+      startAdornment: /* @__PURE__ */ React62.createElement(SearchIcon, { fontSize: "tiny" }),
       value: value?.value?.id?.value || value?.value,
       onOptionChange,
       onTextChange,
@@ -3445,7 +3418,7 @@ function generateFirstLoadedOption(unionValue) {
 }
 
 // src/controls/switch-control.tsx
-import * as React64 from "react";
+import * as React63 from "react";
 import { booleanPropTypeUtil } from "@elementor/editor-props";
 import { Box as Box11, Switch } from "@elementor/ui";
 var SwitchControl = createControl(() => {
@@ -3453,7 +3426,7 @@ var SwitchControl = createControl(() => {
   const handleChange = (event) => {
     setValue(event.target.checked);
   };
-  return /* @__PURE__ */ React64.createElement(Box11, { sx: { display: "flex", justifyContent: "flex-end" } }, /* @__PURE__ */ React64.createElement(
+  return /* @__PURE__ */ React63.createElement(Box11, { sx: { display: "flex", justifyContent: "flex-end" } }, /* @__PURE__ */ React63.createElement(
     Switch,
     {
       checked: !!value,
@@ -3472,7 +3445,7 @@ var SIZE6 = "tiny";
 var LinkControl = createControl((props) => {
   const { value, path, setValue, ...propContext } = useBoundProp(linkPropTypeUtil);
   const [linkSessionValue, setLinkSessionValue] = useSessionStorage(path.join("/"));
-  const [isActive, setIsActive] = useState11(!!value);
+  const [isActive, setIsActive] = useState10(!!value);
   const {
     allowCustomValues = true,
     queryOptions,
@@ -3482,7 +3455,7 @@ var LinkControl = createControl((props) => {
     label = __23("Link", "elementor"),
     ariaLabel
   } = props || {};
-  const [linkInLinkRestriction, setLinkInLinkRestriction] = useState11(
+  const [linkInLinkRestriction, setLinkInLinkRestriction] = useState10(
     getLinkInLinkRestriction(elementId, value)
   );
   const shouldDisableAddingLink = !isActive && linkInLinkRestriction.shouldRestrict;
@@ -3535,7 +3508,7 @@ var LinkControl = createControl((props) => {
     } : null;
     setLinkSessionValue({ ...linkSessionValue, value: valueToSave });
   };
-  return /* @__PURE__ */ React65.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React65.createElement(Stack10, { gap: 1.5 }, /* @__PURE__ */ React65.createElement(
+  return /* @__PURE__ */ React64.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React64.createElement(Stack10, { gap: 1.5 }, /* @__PURE__ */ React64.createElement(
     Stack10,
     {
       direction: "row",
@@ -3545,8 +3518,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,
@@ -3555,7 +3528,7 @@ var LinkControl = createControl((props) => {
         label: __23("Toggle link", "elementor")
       }
     ))
-  ), /* @__PURE__ */ React65.createElement(Collapse, { in: isActive, timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ React65.createElement(Stack10, { gap: 1.5 }, /* @__PURE__ */ React65.createElement(PropKeyProvider, { bind: "destination" }, /* @__PURE__ */ React65.createElement(
+  ), /* @__PURE__ */ React64.createElement(Collapse, { in: isActive, timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ React64.createElement(Stack10, { gap: 1.5 }, /* @__PURE__ */ React64.createElement(PropKeyProvider, { bind: "destination" }, /* @__PURE__ */ React64.createElement(
     QueryControl,
     {
       queryOptions,
@@ -3565,32 +3538,32 @@ var LinkControl = createControl((props) => {
       onSetValue: onSaveValueToSession,
       ariaLabel: ariaLabel || label
     }
-  )), /* @__PURE__ */ React65.createElement(PropKeyProvider, { bind: "isTargetBlank" }, /* @__PURE__ */ React65.createElement(Grid10, { container: true, alignItems: "center", flexWrap: "nowrap", justifyContent: "space-between" }, /* @__PURE__ */ React65.createElement(Grid10, { item: true }, /* @__PURE__ */ React65.createElement(ControlFormLabel, null, __23("Open in a new tab", "elementor"))), /* @__PURE__ */ React65.createElement(Grid10, { item: true, sx: { marginInlineEnd: -1 } }, /* @__PURE__ */ React65.createElement(SwitchControl, null))))))));
+  )), /* @__PURE__ */ React64.createElement(PropKeyProvider, { bind: "isTargetBlank" }, /* @__PURE__ */ React64.createElement(Grid10, { container: true, alignItems: "center", flexWrap: "nowrap", justifyContent: "space-between" }, /* @__PURE__ */ React64.createElement(Grid10, { item: true }, /* @__PURE__ */ React64.createElement(ControlFormLabel, null, __23("Open in a new tab", "elementor"))), /* @__PURE__ */ React64.createElement(Grid10, { item: true, sx: { marginInlineEnd: -1 } }, /* @__PURE__ */ React64.createElement(SwitchControl, null))))))));
 });
 var ToggleIconControl = ({ disabled, active, onIconClick, label }) => {
-  return /* @__PURE__ */ React65.createElement(IconButton6, { size: SIZE6, onClick: onIconClick, "aria-label": label, disabled }, active ? /* @__PURE__ */ React65.createElement(MinusIcon, { fontSize: SIZE6 }) : /* @__PURE__ */ React65.createElement(PlusIcon2, { fontSize: SIZE6 }));
+  return /* @__PURE__ */ React64.createElement(IconButton6, { size: SIZE6, onClick: onIconClick, "aria-label": label, disabled }, active ? /* @__PURE__ */ React64.createElement(MinusIcon, { fontSize: SIZE6 }) : /* @__PURE__ */ React64.createElement(PlusIcon2, { fontSize: SIZE6 }));
 };
 
 // src/controls/html-tag-control.tsx
-import * as React67 from "react";
+import * as React66 from "react";
 import { getElementLabel } from "@elementor/editor-elements";
 import { stringPropTypeUtil as stringPropTypeUtil7 } from "@elementor/editor-props";
 import { MenuListItem as MenuListItem3 } from "@elementor/editor-ui";
-import { Select as Select2, styled as styled7, Typography as Typography5 } from "@elementor/ui";
+import { Select as Select2, styled as styled6, Typography as Typography5 } from "@elementor/ui";
 import { __ as __24 } from "@wordpress/i18n";
 
 // src/components/conditional-control-infotip.tsx
-import * as React66 from "react";
+import * as React65 from "react";
 import { InfoAlert } from "@elementor/editor-ui";
 import { AlertTitle as AlertTitle2, Box as Box12, Infotip as Infotip3, useTheme as useTheme2 } from "@elementor/ui";
 import { DirectionProvider } from "@elementor/ui";
 var DEFAULT_COLOR = "secondary";
-var ConditionalControlInfotip = React66.forwardRef(
+var ConditionalControlInfotip = React65.forwardRef(
   ({ children, title, description, alertProps, infotipProps, ...props }, ref) => {
     const theme = useTheme2();
     const isUiRtl = "rtl" === theme.direction;
     const isEnabled = props.isEnabled && (title || description);
-    return /* @__PURE__ */ React66.createElement(Box12, { ref }, isEnabled ? /* @__PURE__ */ React66.createElement(DirectionProvider, { rtl: isUiRtl }, /* @__PURE__ */ React66.createElement(
+    return /* @__PURE__ */ React65.createElement(Box12, { ref }, isEnabled ? /* @__PURE__ */ React65.createElement(DirectionProvider, { rtl: isUiRtl }, /* @__PURE__ */ React65.createElement(
       Infotip3,
       {
         placement: "right",
@@ -3608,14 +3581,14 @@ var ConditionalControlInfotip = React66.forwardRef(
           }
         },
         ...infotipProps,
-        content: /* @__PURE__ */ React66.createElement(
+        content: /* @__PURE__ */ React65.createElement(
           InfoAlert,
           {
             color: DEFAULT_COLOR,
             sx: { width: 300, px: 1.5, py: 2 },
             ...alertProps
           },
-          /* @__PURE__ */ React66.createElement(Box12, { sx: { flexDirection: "column", display: "flex", gap: 0.5 } }, /* @__PURE__ */ React66.createElement(AlertTitle2, null, title), /* @__PURE__ */ React66.createElement(Box12, null, description))
+          /* @__PURE__ */ React65.createElement(Box12, { sx: { flexDirection: "column", display: "flex", gap: 0.5 } }, /* @__PURE__ */ React65.createElement(AlertTitle2, null, title), /* @__PURE__ */ React65.createElement(Box12, null, description))
         )
       },
       children
@@ -3624,7 +3597,7 @@ var ConditionalControlInfotip = React66.forwardRef(
 );
 
 // src/controls/html-tag-control.tsx
-var StyledSelect = styled7(Select2)(() => ({ ".MuiSelect-select.Mui-disabled": { cursor: "not-allowed" } }));
+var StyledSelect = styled6(Select2)(() => ({ ".MuiSelect-select.Mui-disabled": { cursor: "not-allowed" } }));
 var HtmlTagControl = createControl(({ options, onChange, fallbackLabels = {} }) => {
   const { value, setValue, disabled, placeholder } = useBoundProp(stringPropTypeUtil7);
   const handleChange = (event) => {
@@ -3651,10 +3624,10 @@ var HtmlTagControl = createControl(({ options, onChange, fallbackLabels = {} })
     }
     const placeholderOption = findOptionByValue(placeholder);
     const displayText = placeholderOption?.label || placeholder;
-    return /* @__PURE__ */ React67.createElement(Typography5, { component: "span", variant: "caption", color: "text.tertiary" }, displayText);
+    return /* @__PURE__ */ React66.createElement(Typography5, { 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 },
@@ -3666,13 +3639,13 @@ var HtmlTagControl = createControl(({ options, onChange, fallbackLabels = {} })
       disabled,
       fullWidth: true
     },
-    options.map(({ label, ...props }) => /* @__PURE__ */ React67.createElement(MenuListItem3, { key: props.value, ...props, value: props.value ?? "" }, label))
+    options.map(({ label, ...props }) => /* @__PURE__ */ React66.createElement(MenuListItem3, { key: props.value, ...props, value: props.value ?? "" }, label))
   )));
 });
 
 // src/controls/gap-control.tsx
-import * as React68 from "react";
-import { useLayoutEffect as useLayoutEffect2, useRef as useRef10, useState as useState12 } from "react";
+import * as React67 from "react";
+import { useLayoutEffect as useLayoutEffect2, useRef as useRef10, useState as useState11 } from "react";
 import { layoutDirectionPropTypeUtil, sizePropTypeUtil as sizePropTypeUtil4 } from "@elementor/editor-props";
 import { useActiveBreakpoint as useActiveBreakpoint3 } from "@elementor/editor-responsive";
 import { DetachIcon as DetachIcon2, LinkIcon as LinkIcon2 } from "@elementor/icons";
@@ -3698,7 +3671,7 @@ var GapControl = ({ label }) => {
     }
     return true;
   };
-  const [isLinked, setIsLinked] = useState12(() => inferIsLinked());
+  const [isLinked, setIsLinked] = useState11(() => inferIsLinked());
   const activeBreakpoint = useActiveBreakpoint3();
   useLayoutEffect2(() => {
     setIsLinked(inferIsLinked());
@@ -3734,7 +3707,7 @@ var GapControl = ({ label }) => {
     placeholder: directionPlaceholder
   };
   const hasPlaceholders = !masterValue && (directionPlaceholder || masterPlaceholder);
-  return /* @__PURE__ */ React68.createElement(PropProvider, { ...propProviderProps }, /* @__PURE__ */ React68.createElement(Stack11, { direction: "row", gap: 2, flexWrap: "nowrap" }, /* @__PURE__ */ React68.createElement(ControlLabel, null, label), /* @__PURE__ */ React68.createElement(Tooltip7, { title: isLinked ? unlinkedLabel : linkedLabel, placement: "top" }, /* @__PURE__ */ React68.createElement(
+  return /* @__PURE__ */ React67.createElement(PropProvider, { ...propProviderProps }, /* @__PURE__ */ React67.createElement(Stack11, { direction: "row", gap: 2, flexWrap: "nowrap" }, /* @__PURE__ */ React67.createElement(ControlLabel, null, label), /* @__PURE__ */ React67.createElement(Tooltip7, { title: isLinked ? unlinkedLabel : linkedLabel, placement: "top" }, /* @__PURE__ */ React67.createElement(
     StyledToggleButton,
     {
       "aria-label": isLinked ? unlinkedLabel : linkedLabel,
@@ -3746,8 +3719,8 @@ var GapControl = ({ label }) => {
       disabled,
       isPlaceholder: hasPlaceholders
     },
-    /* @__PURE__ */ React68.createElement(LinkedIcon, { fontSize: "tiny" })
-  ))), /* @__PURE__ */ React68.createElement(Stack11, { direction: "row", gap: 2, flexWrap: "nowrap", ref: stackRef }, /* @__PURE__ */ React68.createElement(Grid11, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React68.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React68.createElement(ControlFormLabel, null, __25("Column", "elementor"))), /* @__PURE__ */ React68.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React68.createElement(
+    /* @__PURE__ */ React67.createElement(LinkedIcon, { fontSize: "tiny" })
+  ))), /* @__PURE__ */ React67.createElement(Stack11, { direction: "row", gap: 2, flexWrap: "nowrap", ref: stackRef }, /* @__PURE__ */ React67.createElement(Grid11, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React67.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React67.createElement(ControlFormLabel, null, __25("Column", "elementor"))), /* @__PURE__ */ React67.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React67.createElement(
     Control4,
     {
       bind: "column",
@@ -3755,7 +3728,7 @@ var GapControl = ({ label }) => {
       isLinked,
       anchorRef: stackRef
     }
-  ))), /* @__PURE__ */ React68.createElement(Grid11, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React68.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React68.createElement(ControlFormLabel, null, __25("Row", "elementor"))), /* @__PURE__ */ React68.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React68.createElement(
+  ))), /* @__PURE__ */ React67.createElement(Grid11, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React67.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React67.createElement(ControlFormLabel, null, __25("Row", "elementor"))), /* @__PURE__ */ React67.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React67.createElement(
     Control4,
     {
       bind: "row",
@@ -3772,14 +3745,14 @@ 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
-import * as React69 from "react";
-import { useEffect as useEffect9, useState as useState13 } from "react";
+import * as React68 from "react";
+import { useEffect as useEffect9, useState as useState12 } from "react";
 import { stringPropTypeUtil as stringPropTypeUtil8 } from "@elementor/editor-props";
 import { MenuListItem as MenuListItem4 } from "@elementor/editor-ui";
 import { ArrowsMoveHorizontalIcon, ArrowsMoveVerticalIcon } from "@elementor/icons";
@@ -3800,10 +3773,10 @@ var AspectRatioControl = createControl(({ label }) => {
   const { value: aspectRatioValue, setValue: setAspectRatioValue, disabled } = useBoundProp(stringPropTypeUtil8);
   const isCustomSelected = aspectRatioValue && !RATIO_OPTIONS.some((option) => option.value === aspectRatioValue);
   const [initialWidth, initialHeight] = isCustomSelected ? aspectRatioValue.split("/") : ["", ""];
-  const [isCustom, setIsCustom] = useState13(isCustomSelected);
-  const [customWidth, setCustomWidth] = useState13(initialWidth);
-  const [customHeight, setCustomHeight] = useState13(initialHeight);
-  const [selectedValue, setSelectedValue] = useState13(
+  const [isCustom, setIsCustom] = useState12(isCustomSelected);
+  const [customWidth, setCustomWidth] = useState12(initialWidth);
+  const [customHeight, setCustomHeight] = useState12(initialHeight);
+  const [selectedValue, setSelectedValue] = useState12(
     isCustomSelected ? CUSTOM_RATIO : aspectRatioValue || ""
   );
   useEffect9(() => {
@@ -3845,7 +3818,7 @@ var AspectRatioControl = createControl(({ label }) => {
       setAspectRatioValue(`${customWidth}/${newHeight}`);
     }
   };
-  return /* @__PURE__ */ React69.createElement(ControlActions, null, /* @__PURE__ */ React69.createElement(Stack12, { direction: "column", gap: 2 }, /* @__PURE__ */ React69.createElement(Grid12, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React69.createElement(Grid12, { item: true, xs: 6 }, /* @__PURE__ */ React69.createElement(ControlLabel, null, label)), /* @__PURE__ */ React69.createElement(Grid12, { item: true, xs: 6 }, /* @__PURE__ */ React69.createElement(
+  return /* @__PURE__ */ React68.createElement(ControlActions, null, /* @__PURE__ */ React68.createElement(Stack12, { direction: "column", gap: 2 }, /* @__PURE__ */ React68.createElement(Grid12, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React68.createElement(Grid12, { item: true, xs: 6 }, /* @__PURE__ */ React68.createElement(ControlLabel, null, label)), /* @__PURE__ */ React68.createElement(Grid12, { item: true, xs: 6 }, /* @__PURE__ */ React68.createElement(
     Select3,
     {
       size: "tiny",
@@ -3857,9 +3830,9 @@ var AspectRatioControl = createControl(({ label }) => {
       fullWidth: true
     },
     [...RATIO_OPTIONS, { label: __26("Custom", "elementor"), value: CUSTOM_RATIO }].map(
-      ({ label: optionLabel, ...props }) => /* @__PURE__ */ React69.createElement(MenuListItem4, { key: props.value, ...props, value: props.value ?? "" }, optionLabel)
+      ({ label: optionLabel, ...props }) => /* @__PURE__ */ React68.createElement(MenuListItem4, { key: props.value, ...props, value: props.value ?? "" }, optionLabel)
     )
-  ))), isCustom && /* @__PURE__ */ React69.createElement(Grid12, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React69.createElement(Grid12, { item: true, xs: 6 }, /* @__PURE__ */ React69.createElement(
+  ))), isCustom && /* @__PURE__ */ React68.createElement(Grid12, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React68.createElement(Grid12, { item: true, xs: 6 }, /* @__PURE__ */ React68.createElement(
     TextField7,
     {
       size: "tiny",
@@ -3869,10 +3842,10 @@ var AspectRatioControl = createControl(({ label }) => {
       value: customWidth,
       onChange: handleCustomWidthChange,
       InputProps: {
-        startAdornment: /* @__PURE__ */ React69.createElement(ArrowsMoveHorizontalIcon, { fontSize: "tiny" })
+        startAdornment: /* @__PURE__ */ React68.createElement(ArrowsMoveHorizontalIcon, { fontSize: "tiny" })
       }
     }
-  )), /* @__PURE__ */ React69.createElement(Grid12, { item: true, xs: 6 }, /* @__PURE__ */ React69.createElement(
+  )), /* @__PURE__ */ React68.createElement(Grid12, { item: true, xs: 6 }, /* @__PURE__ */ React68.createElement(
     TextField7,
     {
       size: "tiny",
@@ -3882,25 +3855,25 @@ var AspectRatioControl = createControl(({ label }) => {
       value: customHeight,
       onChange: handleCustomHeightChange,
       InputProps: {
-        startAdornment: /* @__PURE__ */ React69.createElement(ArrowsMoveVerticalIcon, { fontSize: "tiny" })
+        startAdornment: /* @__PURE__ */ React68.createElement(ArrowsMoveVerticalIcon, { fontSize: "tiny" })
       }
     }
   )))));
 });
 
 // src/controls/svg-media-control.tsx
-import * as React71 from "react";
-import { useState as useState15 } from "react";
+import * as React70 from "react";
+import { useState as useState14 } from "react";
 import { useCurrentUserCapabilities } from "@elementor/editor-current-user";
 import { imageSrcPropTypeUtil as imageSrcPropTypeUtil2 } from "@elementor/editor-props";
 import { UploadIcon as UploadIcon2 } from "@elementor/icons";
-import { Button as Button4, Card as Card2, CardMedia as CardMedia2, CardOverlay as CardOverlay2, CircularProgress as CircularProgress3, Stack as Stack13, styled as styled8, ThemeProvider } from "@elementor/ui";
+import { Button as Button4, Card as Card2, CardMedia as CardMedia2, CardOverlay as CardOverlay2, CircularProgress as CircularProgress3, Stack as Stack13, styled as styled7, ThemeProvider } from "@elementor/ui";
 import { useWpMediaAttachment as useWpMediaAttachment2, useWpMediaFrame as useWpMediaFrame2 } from "@elementor/wp-media";
 import { __ as __28 } from "@wordpress/i18n";
 
 // src/components/enable-unfiltered-modal.tsx
-import * as React70 from "react";
-import { useState as useState14 } from "react";
+import * as React69 from "react";
+import { useState as useState13 } from "react";
 import {
   Button as Button3,
   CircularProgress as CircularProgress2,
@@ -3926,7 +3899,7 @@ var ADMIN_FAILED_CONTENT_TEXT_PT2 = __27(
 var WAIT_FOR_CLOSE_TIMEOUT_MS = 300;
 var EnableUnfilteredModal = (props) => {
   const { mutateAsync, isPending } = useUpdateUnfilteredFilesUpload();
-  const [isError, setIsError] = useState14(false);
+  const [isError, setIsError] = useState13(false);
   const onClose = (enabled) => {
     props.onClose(enabled);
     setTimeout(() => setIsError(false), WAIT_FOR_CLOSE_TIMEOUT_MS);
@@ -3944,9 +3917,9 @@ 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(Dialog, { open, maxWidth: "sm", onClose: () => onClose(false) }, /* @__PURE__ */ React70.createElement(DialogHeader, { logo: false }, /* @__PURE__ */ React70.createElement(DialogTitle, null, ADMIN_TITLE_TEXT)), /* @__PURE__ */ React70.createElement(Divider3, null), /* @__PURE__ */ React70.createElement(DialogContent, null, /* @__PURE__ */ React70.createElement(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(DialogActions, null, /* @__PURE__ */ React70.createElement(Button3, { size: "medium", color: "secondary", onClick: () => onClose(false) }, __27("Cancel", "elementor")), /* @__PURE__ */ React70.createElement(
+var AdminDialog = ({ open, onClose, handleEnable, isPending, isError }) => /* @__PURE__ */ React69.createElement(Dialog, { open, maxWidth: "sm", onClose: () => onClose(false) }, /* @__PURE__ */ React69.createElement(DialogHeader, { logo: false }, /* @__PURE__ */ React69.createElement(DialogTitle, null, ADMIN_TITLE_TEXT)), /* @__PURE__ */ React69.createElement(Divider3, null), /* @__PURE__ */ React69.createElement(DialogContent, null, /* @__PURE__ */ React69.createElement(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(DialogActions, null, /* @__PURE__ */ React69.createElement(Button3, { size: "medium", color: "secondary", onClick: () => onClose(false) }, __27("Cancel", "elementor")), /* @__PURE__ */ React69.createElement(
   Button3,
   {
     size: "medium",
@@ -3955,7 +3928,7 @@ var AdminDialog = ({ open, onClose, handleEnable, isPending, isError }) => /* @_
     color: "primary",
     disabled: isPending
   },
-  isPending ? /* @__PURE__ */ React70.createElement(CircularProgress2, { size: 24 }) : __27("Enable", "elementor")
+  isPending ? /* @__PURE__ */ React69.createElement(CircularProgress2, { size: 24 }) : __27("Enable", "elementor")
 )));
 
 // src/controls/svg-media-control.tsx
@@ -3963,7 +3936,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 = styled8(Card2)`
+var StyledCard = styled7(Card2)`
 	background-color: white;
 	background-image: ${TILES_GRADIENT_FORMULA}, ${TILES_GRADIENT_FORMULA};
 	background-size: ${TILE_SIZE}px ${TILE_SIZE}px;
@@ -3972,7 +3945,7 @@ var StyledCard = styled8(Card2)`
 		${TILE_SIZE / 2}px ${TILE_SIZE / 2}px;
 	border: none;
 `;
-var StyledCardMediaContainer = styled8(Stack13)`
+var StyledCardMediaContainer = styled7(Stack13)`
 	position: relative;
 	height: 140px;
 	object-fit: contain;
@@ -3989,7 +3962,7 @@ var SvgMediaControl = createControl(() => {
   const { data: attachment, isFetching } = useWpMediaAttachment2(id?.value || null);
   const src = attachment?.url ?? url?.value ?? null;
   const { data: allowSvgUpload } = useUnfilteredFilesUpload();
-  const [unfilteredModalOpenState, setUnfilteredModalOpenState] = useState15(false);
+  const [unfilteredModalOpenState, setUnfilteredModalOpenState] = useState14(false);
   const { isAdmin } = useCurrentUserCapabilities();
   const { open } = useWpMediaFrame2({
     mediaTypes: ["svg"],
@@ -4020,10 +3993,10 @@ var SvgMediaControl = createControl(() => {
   };
   const infotipProps = {
     title: __28("Sorry, you can't upload that file yet.", "elementor"),
-    description: /* @__PURE__ */ React71.createElement(React71.Fragment, null, __28("To upload them anyway, ask the site administrator to enable unfiltered", "elementor"), /* @__PURE__ */ React71.createElement("br", null), __28("file uploads.", "elementor")),
+    description: /* @__PURE__ */ React70.createElement(React70.Fragment, null, __28("To upload them anyway, ask the site administrator to enable unfiltered", "elementor"), /* @__PURE__ */ React70.createElement("br", null), __28("file uploads.", "elementor")),
     isEnabled: !isAdmin
   };
-  return /* @__PURE__ */ React71.createElement(Stack13, { 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(CircularProgress3, { role: "progressbar" }) : /* @__PURE__ */ React71.createElement(
+  return /* @__PURE__ */ React70.createElement(Stack13, { 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(CircularProgress3, { role: "progressbar" }) : /* @__PURE__ */ React70.createElement(
     CardMedia2,
     {
       component: "img",
@@ -4031,7 +4004,7 @@ var SvgMediaControl = createControl(() => {
       alt: __28("Preview SVG", "elementor"),
       sx: { maxHeight: "140px", width: "50px" }
     }
-  )), /* @__PURE__ */ React71.createElement(
+  )), /* @__PURE__ */ React70.createElement(
     CardOverlay2,
     {
       sx: {
@@ -4040,7 +4013,7 @@ var SvgMediaControl = createControl(() => {
         }
       }
     },
-    /* @__PURE__ */ React71.createElement(Stack13, { gap: 1 }, /* @__PURE__ */ React71.createElement(
+    /* @__PURE__ */ React70.createElement(Stack13, { gap: 1 }, /* @__PURE__ */ React70.createElement(
       Button4,
       {
         size: "tiny",
@@ -4050,13 +4023,13 @@ var SvgMediaControl = createControl(() => {
         "aria-label": "Select SVG"
       },
       __28("Select SVG", "elementor")
-    ), /* @__PURE__ */ React71.createElement(ConditionalControlInfotip, { ...infotipProps }, /* @__PURE__ */ React71.createElement("span", null, /* @__PURE__ */ React71.createElement(ThemeProvider, { colorScheme: isAdmin ? "light" : "dark" }, /* @__PURE__ */ React71.createElement(
+    ), /* @__PURE__ */ React70.createElement(ConditionalControlInfotip, { ...infotipProps }, /* @__PURE__ */ React70.createElement("span", null, /* @__PURE__ */ React70.createElement(ThemeProvider, { colorScheme: isAdmin ? "light" : "dark" }, /* @__PURE__ */ React70.createElement(
       Button4,
       {
         size: "tiny",
         variant: "text",
         color: "inherit",
-        startIcon: /* @__PURE__ */ React71.createElement(UploadIcon2, null),
+        startIcon: /* @__PURE__ */ React70.createElement(UploadIcon2, null),
         disabled: !isAdmin,
         onClick: () => isAdmin && handleClick(MODE_UPLOAD),
         "aria-label": "Upload SVG"
@@ -4067,20 +4040,20 @@ var SvgMediaControl = createControl(() => {
 });
 
 // src/controls/background-control/background-control.tsx
-import * as React78 from "react";
+import * as React77 from "react";
 import { backgroundPropTypeUtil } from "@elementor/editor-props";
 import { Grid as Grid17 } from "@elementor/ui";
 import { __ as __34 } from "@wordpress/i18n";
 
 // src/controls/background-control/background-overlay/background-overlay-repeater-control.tsx
-import * as React77 from "react";
+import * as React76 from "react";
 import {
   backgroundColorOverlayPropTypeUtil as backgroundColorOverlayPropTypeUtil2,
   backgroundImageOverlayPropTypeUtil as backgroundImageOverlayPropTypeUtil2,
   backgroundOverlayPropTypeUtil,
   colorPropTypeUtil as colorPropTypeUtil3
 } from "@elementor/editor-props";
-import { Box as Box13, CardMedia as CardMedia3, styled as styled9, Tab, TabPanel, Tabs, UnstableColorIndicator as UnstableColorIndicator3 } from "@elementor/ui";
+import { Box as Box13, CardMedia as CardMedia3, styled as styled8, Tab, TabPanel, Tabs, UnstableColorIndicator as UnstableColorIndicator3 } from "@elementor/ui";
 import { useWpMediaAttachment as useWpMediaAttachment3 } from "@elementor/wp-media";
 import { __ as __33 } from "@wordpress/i18n";
 
@@ -4089,7 +4062,7 @@ import { parseEnv } from "@elementor/env";
 var { env } = parseEnv("@elementor/editor-controls");
 
 // src/controls/background-control/background-gradient-color-control.tsx
-import * as React72 from "react";
+import * as React71 from "react";
 import {
   backgroundGradientOverlayPropTypeUtil,
   colorPropTypeUtil as colorPropTypeUtil2,
@@ -4136,7 +4109,7 @@ var BackgroundGradientColorControl = createControl(() => {
       positions: positions?.value.split(" ")
     };
   };
-  return /* @__PURE__ */ React72.createElement(
+  return /* @__PURE__ */ React71.createElement(
     UnstableGradientBox,
     {
       sx: { width: "auto", padding: 1.5 },
@@ -4161,7 +4134,7 @@ var initialBackgroundGradientOverlay = backgroundGradientOverlayPropTypeUtil.cre
 });
 
 // src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-attachment.tsx
-import * as React73 from "react";
+import * as React72 from "react";
 import { PinIcon, PinnedOffIcon } from "@elementor/icons";
 import { Grid as Grid13 } from "@elementor/ui";
 import { __ as __29 } from "@wordpress/i18n";
@@ -4169,22 +4142,22 @@ var attachmentControlOptions = [
   {
     value: "fixed",
     label: __29("Fixed", "elementor"),
-    renderContent: ({ size }) => /* @__PURE__ */ React73.createElement(PinIcon, { fontSize: size }),
+    renderContent: ({ size }) => /* @__PURE__ */ React72.createElement(PinIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "scroll",
     label: __29("Scroll", "elementor"),
-    renderContent: ({ size }) => /* @__PURE__ */ React73.createElement(PinnedOffIcon, { fontSize: size }),
+    renderContent: ({ size }) => /* @__PURE__ */ React72.createElement(PinnedOffIcon, { fontSize: size }),
     showTooltip: true
   }
 ];
 var BackgroundImageOverlayAttachment = () => {
-  return /* @__PURE__ */ React73.createElement(PopoverGridContainer, null, /* @__PURE__ */ React73.createElement(Grid13, { item: true, xs: 6 }, /* @__PURE__ */ React73.createElement(ControlFormLabel, null, __29("Attachment", "elementor"))), /* @__PURE__ */ React73.createElement(Grid13, { 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(Grid13, { item: true, xs: 6 }, /* @__PURE__ */ React72.createElement(ControlFormLabel, null, __29("Attachment", "elementor"))), /* @__PURE__ */ React72.createElement(Grid13, { 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
-import * as React74 from "react";
+import * as React73 from "react";
 import { useRef as useRef11 } from "react";
 import { backgroundImagePositionOffsetPropTypeUtil, stringPropTypeUtil as stringPropTypeUtil10 } from "@elementor/editor-props";
 import { MenuListItem as MenuListItem5 } from "@elementor/editor-ui";
@@ -4216,7 +4189,7 @@ var BackgroundImageOverlayPosition = () => {
       stringPropContext.setValue(value);
     }
   };
-  return /* @__PURE__ */ React74.createElement(Grid14, { container: true, spacing: 1.5 }, /* @__PURE__ */ React74.createElement(Grid14, { item: true, xs: 12 }, /* @__PURE__ */ React74.createElement(PopoverGridContainer, null, /* @__PURE__ */ React74.createElement(Grid14, { item: true, xs: 6 }, /* @__PURE__ */ React74.createElement(ControlFormLabel, null, __30("Position", "elementor"))), /* @__PURE__ */ React74.createElement(Grid14, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end", overflow: "hidden" } }, /* @__PURE__ */ React74.createElement(ControlActions, null, /* @__PURE__ */ React74.createElement(
+  return /* @__PURE__ */ React73.createElement(Grid14, { container: true, spacing: 1.5 }, /* @__PURE__ */ React73.createElement(Grid14, { item: true, xs: 12 }, /* @__PURE__ */ React73.createElement(PopoverGridContainer, null, /* @__PURE__ */ React73.createElement(Grid14, { item: true, xs: 6 }, /* @__PURE__ */ React73.createElement(ControlFormLabel, null, __30("Position", "elementor"))), /* @__PURE__ */ React73.createElement(Grid14, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end", overflow: "hidden" } }, /* @__PURE__ */ React73.createElement(ControlActions, null, /* @__PURE__ */ React73.createElement(
     Select4,
     {
       fullWidth: true,
@@ -4225,18 +4198,18 @@ var BackgroundImageOverlayPosition = () => {
       disabled: stringPropContext.disabled,
       value: (backgroundImageOffsetContext.value ? "custom" : stringPropContext.value) ?? ""
     },
-    backgroundPositionOptions.map(({ label, value }) => /* @__PURE__ */ React74.createElement(MenuListItem5, { key: value, value: value ?? "" }, label))
-  ))))), isCustom ? /* @__PURE__ */ React74.createElement(PropProvider, { ...backgroundImageOffsetContext }, /* @__PURE__ */ React74.createElement(Grid14, { item: true, xs: 12 }, /* @__PURE__ */ React74.createElement(Grid14, { container: true, spacing: 1.5, ref: rowRef }, /* @__PURE__ */ React74.createElement(Grid14, { item: true, xs: 6 }, /* @__PURE__ */ React74.createElement(PropKeyProvider, { bind: "x" }, /* @__PURE__ */ React74.createElement(
+    backgroundPositionOptions.map(({ label, value }) => /* @__PURE__ */ React73.createElement(MenuListItem5, { key: value, value: value ?? "" }, label))
+  ))))), isCustom ? /* @__PURE__ */ React73.createElement(PropProvider, { ...backgroundImageOffsetContext }, /* @__PURE__ */ React73.createElement(Grid14, { item: true, xs: 12 }, /* @__PURE__ */ React73.createElement(Grid14, { container: true, spacing: 1.5, ref: rowRef }, /* @__PURE__ */ React73.createElement(Grid14, { item: true, xs: 6 }, /* @__PURE__ */ React73.createElement(PropKeyProvider, { bind: "x" }, /* @__PURE__ */ React73.createElement(
     SizeControl,
     {
-      startIcon: /* @__PURE__ */ React74.createElement(LetterXIcon, { fontSize: "tiny" }),
+      startIcon: /* @__PURE__ */ React73.createElement(LetterXIcon, { fontSize: "tiny" }),
       anchorRef: rowRef,
       min: -Number.MAX_SAFE_INTEGER
     }
-  ))), /* @__PURE__ */ React74.createElement(Grid14, { item: true, xs: 6 }, /* @__PURE__ */ React74.createElement(PropKeyProvider, { bind: "y" }, /* @__PURE__ */ React74.createElement(
+  ))), /* @__PURE__ */ React73.createElement(Grid14, { item: true, xs: 6 }, /* @__PURE__ */ React73.createElement(PropKeyProvider, { bind: "y" }, /* @__PURE__ */ React73.createElement(
     SizeControl,
     {
-      startIcon: /* @__PURE__ */ React74.createElement(LetterYIcon, { fontSize: "tiny" }),
+      startIcon: /* @__PURE__ */ React73.createElement(LetterYIcon, { fontSize: "tiny" }),
       anchorRef: rowRef,
       min: -Number.MAX_SAFE_INTEGER
     }
@@ -4244,7 +4217,7 @@ var BackgroundImageOverlayPosition = () => {
 };
 
 // src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-repeat.tsx
-import * as React75 from "react";
+import * as React74 from "react";
 import { DotsHorizontalIcon, DotsVerticalIcon, GridDotsIcon, XIcon as XIcon3 } from "@elementor/icons";
 import { Grid as Grid15 } from "@elementor/ui";
 import { __ as __31 } from "@wordpress/i18n";
@@ -4252,34 +4225,34 @@ var repeatControlOptions = [
   {
     value: "repeat",
     label: __31("Repeat", "elementor"),
-    renderContent: ({ size }) => /* @__PURE__ */ React75.createElement(GridDotsIcon, { fontSize: size }),
+    renderContent: ({ size }) => /* @__PURE__ */ React74.createElement(GridDotsIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "repeat-x",
     label: __31("Repeat-x", "elementor"),
-    renderContent: ({ size }) => /* @__PURE__ */ React75.createElement(DotsHorizontalIcon, { fontSize: size }),
+    renderContent: ({ size }) => /* @__PURE__ */ React74.createElement(DotsHorizontalIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "repeat-y",
     label: __31("Repeat-y", "elementor"),
-    renderContent: ({ size }) => /* @__PURE__ */ React75.createElement(DotsVerticalIcon, { fontSize: size }),
+    renderContent: ({ size }) => /* @__PURE__ */ React74.createElement(DotsVerticalIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "no-repeat",
     label: __31("No-repeat", "elementor"),
-    renderContent: ({ size }) => /* @__PURE__ */ React75.createElement(XIcon3, { fontSize: size }),
+    renderContent: ({ size }) => /* @__PURE__ */ React74.createElement(XIcon3, { fontSize: size }),
     showTooltip: true
   }
 ];
 var BackgroundImageOverlayRepeat = () => {
-  return /* @__PURE__ */ React75.createElement(PopoverGridContainer, null, /* @__PURE__ */ React75.createElement(Grid15, { item: true, xs: 6 }, /* @__PURE__ */ React75.createElement(ControlFormLabel, null, __31("Repeat", "elementor"))), /* @__PURE__ */ React75.createElement(Grid15, { 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(Grid15, { item: true, xs: 6 }, /* @__PURE__ */ React74.createElement(ControlFormLabel, null, __31("Repeat", "elementor"))), /* @__PURE__ */ React74.createElement(Grid15, { 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
-import * as React76 from "react";
+import * as React75 from "react";
 import { useRef as useRef12 } from "react";
 import { backgroundImageSizeScalePropTypeUtil, stringPropTypeUtil as stringPropTypeUtil11 } from "@elementor/editor-props";
 import {
@@ -4296,25 +4269,25 @@ var sizeControlOptions = [
   {
     value: "auto",
     label: __32("Auto", "elementor"),
-    renderContent: ({ size }) => /* @__PURE__ */ React76.createElement(LetterAIcon, { fontSize: size }),
+    renderContent: ({ size }) => /* @__PURE__ */ React75.createElement(LetterAIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "cover",
     label: __32("Cover", "elementor"),
-    renderContent: ({ size }) => /* @__PURE__ */ React76.createElement(ArrowsMaximizeIcon, { fontSize: size }),
+    renderContent: ({ size }) => /* @__PURE__ */ React75.createElement(ArrowsMaximizeIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "contain",
     label: __32("Contain", "elementor"),
-    renderContent: ({ size }) => /* @__PURE__ */ React76.createElement(ArrowBarBothIcon, { fontSize: size }),
+    renderContent: ({ size }) => /* @__PURE__ */ React75.createElement(ArrowBarBothIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "custom",
     label: __32("Custom", "elementor"),
-    renderContent: ({ size }) => /* @__PURE__ */ React76.createElement(PencilIcon, { fontSize: size }),
+    renderContent: ({ size }) => /* @__PURE__ */ React75.createElement(PencilIcon, { fontSize: size }),
     showTooltip: true
   }
 ];
@@ -4330,7 +4303,7 @@ var BackgroundImageOverlaySize = () => {
       stringPropContext.setValue(size);
     }
   };
-  return /* @__PURE__ */ React76.createElement(Grid16, { container: true, spacing: 1.5 }, /* @__PURE__ */ React76.createElement(Grid16, { item: true, xs: 12 }, /* @__PURE__ */ React76.createElement(PopoverGridContainer, null, /* @__PURE__ */ React76.createElement(Grid16, { item: true, xs: 6 }, /* @__PURE__ */ React76.createElement(ControlFormLabel, null, __32("Size", "elementor"))), /* @__PURE__ */ React76.createElement(Grid16, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end" } }, /* @__PURE__ */ React76.createElement(
+  return /* @__PURE__ */ React75.createElement(Grid16, { container: true, spacing: 1.5 }, /* @__PURE__ */ React75.createElement(Grid16, { item: true, xs: 12 }, /* @__PURE__ */ React75.createElement(PopoverGridContainer, null, /* @__PURE__ */ React75.createElement(Grid16, { item: true, xs: 6 }, /* @__PURE__ */ React75.createElement(ControlFormLabel, null, __32("Size", "elementor"))), /* @__PURE__ */ React75.createElement(Grid16, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end" } }, /* @__PURE__ */ React75.createElement(
     ControlToggleButtonGroup,
     {
       exclusive: true,
@@ -4339,17 +4312,17 @@ var BackgroundImageOverlaySize = () => {
       disabled: stringPropContext.disabled,
       value: backgroundImageScaleContext.value ? "custom" : stringPropContext.value
     }
-  )))), isCustom ? /* @__PURE__ */ React76.createElement(PropProvider, { ...backgroundImageScaleContext }, /* @__PURE__ */ React76.createElement(Grid16, { item: true, xs: 12, ref: rowRef }, /* @__PURE__ */ React76.createElement(PopoverGridContainer, null, /* @__PURE__ */ React76.createElement(Grid16, { item: true, xs: 6 }, /* @__PURE__ */ React76.createElement(PropKeyProvider, { bind: "width" }, /* @__PURE__ */ React76.createElement(
+  )))), isCustom ? /* @__PURE__ */ React75.createElement(PropProvider, { ...backgroundImageScaleContext }, /* @__PURE__ */ React75.createElement(Grid16, { item: true, xs: 12, ref: rowRef }, /* @__PURE__ */ React75.createElement(PopoverGridContainer, null, /* @__PURE__ */ React75.createElement(Grid16, { item: true, xs: 6 }, /* @__PURE__ */ React75.createElement(PropKeyProvider, { bind: "width" }, /* @__PURE__ */ React75.createElement(
     SizeControl,
     {
-      startIcon: /* @__PURE__ */ React76.createElement(ArrowsMoveHorizontalIcon2, { fontSize: "tiny" }),
+      startIcon: /* @__PURE__ */ React75.createElement(ArrowsMoveHorizontalIcon2, { fontSize: "tiny" }),
       extendedOptions: ["auto"],
       anchorRef: rowRef
     }
-  ))), /* @__PURE__ */ React76.createElement(Grid16, { item: true, xs: 6 }, /* @__PURE__ */ React76.createElement(PropKeyProvider, { bind: "height" }, /* @__PURE__ */ React76.createElement(
+  ))), /* @__PURE__ */ React75.createElement(Grid16, { item: true, xs: 6 }, /* @__PURE__ */ React75.createElement(PropKeyProvider, { bind: "height" }, /* @__PURE__ */ React75.createElement(
     SizeControl,
     {
-      startIcon: /* @__PURE__ */ React76.createElement(ArrowsMoveVerticalIcon2, { fontSize: "tiny" }),
+      startIcon: /* @__PURE__ */ React75.createElement(ArrowsMoveVerticalIcon2, { fontSize: "tiny" }),
       extendedOptions: ["auto"],
       anchorRef: rowRef
     }
@@ -4457,22 +4430,22 @@ var backgroundResolutionOptions = [
 ];
 var BackgroundOverlayRepeaterControl = createControl(() => {
   const { propType, value: overlayValues, setValue } = useBoundProp(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: backgroundOverlayPropTypeUtil
     },
-    /* @__PURE__ */ React77.createElement(RepeaterHeader, { label: __33("Overlay", "elementor") }, /* @__PURE__ */ React77.createElement(TooltipAddItemAction, { newItemIndex: 0 })),
-    /* @__PURE__ */ React77.createElement(ItemsContainer, null, /* @__PURE__ */ React77.createElement(
+    /* @__PURE__ */ React76.createElement(RepeaterHeader, { label: __33("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 = () => {
@@ -4482,7 +4455,7 @@ var ItemContent = () => {
     gradient: initialBackgroundGradientOverlay.value
   });
   const { rowRef } = useRepeaterContext();
-  return /* @__PURE__ */ React77.createElement(Box13, { sx: { width: "100%" } }, /* @__PURE__ */ React77.createElement(Box13, { sx: { borderBottom: 1, borderColor: "divider" } }, /* @__PURE__ */ React77.createElement(
+  return /* @__PURE__ */ React76.createElement(Box13, { sx: { width: "100%" } }, /* @__PURE__ */ React76.createElement(Box13, { sx: { borderBottom: 1, borderColor: "divider" } }, /* @__PURE__ */ React76.createElement(
     Tabs,
     {
       size: "small",
@@ -4490,19 +4463,19 @@ var ItemContent = () => {
       ...getTabsProps(),
       "aria-label": __33("Background Overlay", "elementor")
     },
-    /* @__PURE__ */ React77.createElement(Tab, { label: __33("Image", "elementor"), ...getTabProps("image") }),
-    /* @__PURE__ */ React77.createElement(Tab, { label: __33("Gradient", "elementor"), ...getTabProps("gradient") }),
-    /* @__PURE__ */ React77.createElement(Tab, { label: __33("Color", "elementor"), ...getTabProps("color") })
-  )), /* @__PURE__ */ React77.createElement(TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("image") }, /* @__PURE__ */ React77.createElement(PopoverContent, null, /* @__PURE__ */ React77.createElement(ImageOverlayContent, null))), /* @__PURE__ */ React77.createElement(TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("gradient") }, /* @__PURE__ */ React77.createElement(BackgroundGradientColorControl, null)), /* @__PURE__ */ React77.createElement(TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("color") }, /* @__PURE__ */ React77.createElement(PopoverContent, null, /* @__PURE__ */ React77.createElement(ColorOverlayContent, { anchorEl: rowRef }))));
+    /* @__PURE__ */ React76.createElement(Tab, { label: __33("Image", "elementor"), ...getTabProps("image") }),
+    /* @__PURE__ */ React76.createElement(Tab, { label: __33("Gradient", "elementor"), ...getTabProps("gradient") }),
+    /* @__PURE__ */ React76.createElement(Tab, { label: __33("Color", "elementor"), ...getTabProps("color") })
+  )), /* @__PURE__ */ React76.createElement(TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("image") }, /* @__PURE__ */ React76.createElement(PopoverContent, null, /* @__PURE__ */ React76.createElement(ImageOverlayContent, null))), /* @__PURE__ */ React76.createElement(TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("gradient") }, /* @__PURE__ */ React76.createElement(BackgroundGradientColorControl, null)), /* @__PURE__ */ React76.createElement(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;
   }
@@ -4515,11 +4488,11 @@ 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(
+  return /* @__PURE__ */ React76.createElement(
     CardMedia3,
     {
       image: imageUrl,
@@ -4534,43 +4507,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, __33("Linear Gradient", "elementor"));
+    return /* @__PURE__ */ React76.createElement("span", null, __33("Linear Gradient", "elementor"));
   }
-  return /* @__PURE__ */ React77.createElement("span", null, __33("Radial Gradient", "elementor"));
+  return /* @__PURE__ */ React76.createElement("span", null, __33("Radial Gradient", "elementor"));
 };
 var ColorOverlayContent = ({ anchorEl }) => {
   const propContext = useBoundProp(backgroundColorOverlayPropTypeUtil2);
-  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(backgroundImageOverlayPropTypeUtil2);
-  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 = styled9(UnstableColorIndicator3)(({ theme }) => ({
+var StyledUnstableColorIndicator3 = styled8(UnstableColorIndicator3)(({ theme }) => ({
   height: "1rem",
   width: "1rem",
   borderRadius: `${theme.shape.borderRadius / 2}px`
@@ -4616,17 +4589,17 @@ var colorLabel = __34("Color", "elementor");
 var clipLabel = __34("Clipping", "elementor");
 var BackgroundControl = createControl(() => {
   const propContext = useBoundProp(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(Grid17, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React78.createElement(Grid17, { item: true, xs: 6 }, /* @__PURE__ */ React78.createElement(ControlLabel, null, colorLabel)), /* @__PURE__ */ React78.createElement(Grid17, { item: true, xs: 6 }, /* @__PURE__ */ React78.createElement(ColorControl, null))));
+  return /* @__PURE__ */ React77.createElement(PropKeyProvider, { bind: "color" }, /* @__PURE__ */ React77.createElement(Grid17, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React77.createElement(Grid17, { item: true, xs: 6 }, /* @__PURE__ */ React77.createElement(ControlLabel, null, colorLabel)), /* @__PURE__ */ React77.createElement(Grid17, { item: true, xs: 6 }, /* @__PURE__ */ React77.createElement(ColorControl, null))));
 };
 var BackgroundClipField = () => {
-  return /* @__PURE__ */ React78.createElement(PropKeyProvider, { bind: "clip" }, /* @__PURE__ */ React78.createElement(Grid17, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React78.createElement(Grid17, { item: true, xs: 6 }, /* @__PURE__ */ React78.createElement(ControlLabel, null, clipLabel)), /* @__PURE__ */ React78.createElement(Grid17, { item: true, xs: 6 }, /* @__PURE__ */ React78.createElement(SelectControl, { options: clipOptions }))));
+  return /* @__PURE__ */ React77.createElement(PropKeyProvider, { bind: "clip" }, /* @__PURE__ */ React77.createElement(Grid17, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React77.createElement(Grid17, { item: true, xs: 6 }, /* @__PURE__ */ React77.createElement(ControlLabel, null, clipLabel)), /* @__PURE__ */ React77.createElement(Grid17, { item: true, xs: 6 }, /* @__PURE__ */ React77.createElement(SelectControl, { options: clipOptions }))));
 };
 
 // src/controls/repeatable-control.tsx
-import * as React79 from "react";
+import * as React78 from "react";
 import { useMemo as useMemo9 } from "react";
 import { createArrayPropUtils } from "@elementor/editor-props";
 import { Box as Box14 } from "@elementor/ui";
@@ -4660,14 +4633,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,
@@ -4675,22 +4648,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) {
@@ -4773,7 +4746,7 @@ var ItemLabel3 = ({ value }) => {
   const label = showPlaceholder ? placeholder : interpolate(patternLabel, value);
   const isReadOnly = !!childProps?.readOnly;
   const color = getTextColor(isReadOnly, showPlaceholder);
-  return /* @__PURE__ */ React79.createElement(Box14, { component: "span", color }, label);
+  return /* @__PURE__ */ React78.createElement(Box14, { component: "span", color }, label);
 };
 var getAllProperties = (pattern) => {
   const properties = pattern.match(PLACEHOLDER_REGEX)?.map((match) => match.slice(2, -1)) || [];
@@ -4781,8 +4754,8 @@ var getAllProperties = (pattern) => {
 };
 
 // src/controls/key-value-control.tsx
-import * as React80 from "react";
-import { useMemo as useMemo10, useState as useState16 } from "react";
+import * as React79 from "react";
+import { useMemo as useMemo10, useState as useState15 } from "react";
 import {
   isTransformable,
   keyValuePropTypeUtil,
@@ -4813,9 +4786,9 @@ var getInitialFieldValue = (fieldValue) => {
 };
 var KeyValueControl = createControl((props = {}) => {
   const { value, setValue, ...propContext } = useBoundProp(keyValuePropTypeUtil);
-  const [keyError, setKeyError] = useState16("");
-  const [valueError, setValueError] = useState16("");
-  const [sessionState, setSessionState] = useState16({
+  const [keyError, setKeyError] = useState15("");
+  const [valueError, setValueError] = useState15("");
+  const [sessionState, setSessionState] = useState15({
     key: getInitialFieldValue(value?.key),
     value: getInitialFieldValue(value?.value)
   });
@@ -4878,14 +4851,14 @@ var KeyValueControl = createControl((props = {}) => {
       });
     }
   };
-  return /* @__PURE__ */ React80.createElement(PropProvider, { ...propContext, value, setValue: handleChange }, /* @__PURE__ */ React80.createElement(Grid18, { container: true, gap: 1.5 }, /* @__PURE__ */ React80.createElement(Grid18, { item: true, xs: 12, display: "flex", flexDirection: "column" }, /* @__PURE__ */ React80.createElement(FormLabel3, { 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(Grid18, { container: true, gap: 1.5 }, /* @__PURE__ */ React79.createElement(Grid18, { item: true, xs: 12, display: "flex", flexDirection: "column" }, /* @__PURE__ */ React79.createElement(FormLabel3, { 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(FormHelperText, { error: true }, keyError)), /* @__PURE__ */ React80.createElement(Grid18, { item: true, xs: 12, display: "flex", flexDirection: "column" }, /* @__PURE__ */ React80.createElement(FormLabel3, { size: "tiny", sx: { pb: 1 } }, valueLabel), /* @__PURE__ */ React80.createElement(PropKeyProvider, { bind: "value" }, /* @__PURE__ */ React80.createElement(
+  )), !!keyError && /* @__PURE__ */ React79.createElement(FormHelperText, { error: true }, keyError)), /* @__PURE__ */ React79.createElement(Grid18, { item: true, xs: 12, display: "flex", flexDirection: "column" }, /* @__PURE__ */ React79.createElement(FormLabel3, { size: "tiny", sx: { pb: 1 } }, valueLabel), /* @__PURE__ */ React79.createElement(PropKeyProvider, { bind: "value" }, /* @__PURE__ */ React79.createElement(
     TextControl,
     {
       inputValue: props.escapeHtml ? escapeHtmlAttr(sessionState.value) : sessionState.value,
@@ -4893,11 +4866,11 @@ var KeyValueControl = createControl((props = {}) => {
       inputDisabled: !!keyError,
       helperText: valueHelper
     }
-  )), !!valueError && /* @__PURE__ */ React80.createElement(FormHelperText, { error: true }, valueError))));
+  )), !!valueError && /* @__PURE__ */ React79.createElement(FormHelperText, { error: true }, valueError))));
 });
 
 // src/controls/position-control.tsx
-import * as React81 from "react";
+import * as React80 from "react";
 import { positionPropTypeUtil, stringPropTypeUtil as stringPropTypeUtil13 } from "@elementor/editor-props";
 import { MenuListItem as MenuListItem6 } from "@elementor/editor-ui";
 import { LetterXIcon as LetterXIcon2, LetterYIcon as LetterYIcon2 } from "@elementor/icons";
@@ -4927,7 +4900,7 @@ var PositionControl = () => {
       stringPropContext.setValue(value);
     }
   };
-  return /* @__PURE__ */ React81.createElement(Grid19, { container: true, spacing: 1.5 }, /* @__PURE__ */ React81.createElement(Grid19, { item: true, xs: 12 }, /* @__PURE__ */ React81.createElement(Grid19, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React81.createElement(Grid19, { item: true, xs: 6 }, /* @__PURE__ */ React81.createElement(ControlFormLabel, null, __36("Object position", "elementor"))), /* @__PURE__ */ React81.createElement(Grid19, { item: true, xs: 6, sx: { overflow: "hidden" } }, /* @__PURE__ */ React81.createElement(
+  return /* @__PURE__ */ React80.createElement(Grid19, { container: true, spacing: 1.5 }, /* @__PURE__ */ React80.createElement(Grid19, { item: true, xs: 12 }, /* @__PURE__ */ React80.createElement(Grid19, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React80.createElement(Grid19, { item: true, xs: 6 }, /* @__PURE__ */ React80.createElement(ControlFormLabel, null, __36("Object position", "elementor"))), /* @__PURE__ */ React80.createElement(Grid19, { item: true, xs: 6, sx: { overflow: "hidden" } }, /* @__PURE__ */ React80.createElement(
     Select5,
     {
       size: "tiny",
@@ -4936,24 +4909,24 @@ var PositionControl = () => {
       onChange: handlePositionChange,
       fullWidth: true
     },
-    positionOptions.map(({ label, value }) => /* @__PURE__ */ React81.createElement(MenuListItem6, { key: value, value: value ?? "" }, label))
-  )))), isCustom && /* @__PURE__ */ React81.createElement(PropProvider, { ...positionContext }, /* @__PURE__ */ React81.createElement(Grid19, { item: true, xs: 12 }, /* @__PURE__ */ React81.createElement(Grid19, { container: true, spacing: 1.5 }, /* @__PURE__ */ React81.createElement(Grid19, { item: true, xs: 6 }, /* @__PURE__ */ React81.createElement(PropKeyProvider, { bind: "x" }, /* @__PURE__ */ React81.createElement(
+    positionOptions.map(({ label, value }) => /* @__PURE__ */ React80.createElement(MenuListItem6, { key: value, value: value ?? "" }, label))
+  )))), isCustom && /* @__PURE__ */ React80.createElement(PropProvider, { ...positionContext }, /* @__PURE__ */ React80.createElement(Grid19, { item: true, xs: 12 }, /* @__PURE__ */ React80.createElement(Grid19, { container: true, spacing: 1.5 }, /* @__PURE__ */ React80.createElement(Grid19, { item: true, xs: 6 }, /* @__PURE__ */ React80.createElement(PropKeyProvider, { bind: "x" }, /* @__PURE__ */ React80.createElement(
     SizeControl,
     {
-      startIcon: /* @__PURE__ */ React81.createElement(LetterXIcon2, { fontSize: "tiny" }),
+      startIcon: /* @__PURE__ */ React80.createElement(LetterXIcon2, { fontSize: "tiny" }),
       min: -Number.MAX_SAFE_INTEGER
     }
-  ))), /* @__PURE__ */ React81.createElement(Grid19, { item: true, xs: 6 }, /* @__PURE__ */ React81.createElement(PropKeyProvider, { bind: "y" }, /* @__PURE__ */ React81.createElement(
+  ))), /* @__PURE__ */ React80.createElement(Grid19, { item: true, xs: 6 }, /* @__PURE__ */ React80.createElement(PropKeyProvider, { bind: "y" }, /* @__PURE__ */ React80.createElement(
     SizeControl,
     {
-      startIcon: /* @__PURE__ */ React81.createElement(LetterYIcon2, { fontSize: "tiny" }),
+      startIcon: /* @__PURE__ */ React80.createElement(LetterYIcon2, { fontSize: "tiny" }),
       min: -Number.MAX_SAFE_INTEGER
     }
   )))))));
 };
 
 // src/controls/transform-control/transform-repeater-control.tsx
-import * as React94 from "react";
+import * as React93 from "react";
 import { useRef as useRef21 } from "react";
 import { transformFunctionsPropTypeUtil, transformPropTypeUtil } from "@elementor/editor-props";
 import { AdjustmentsIcon as AdjustmentsIcon2, InfoCircleFilledIcon as InfoCircleFilledIcon2 } from "@elementor/icons";
@@ -5027,12 +5000,12 @@ var initialSkewValue = skewTransformPropTypeUtil.create({
 });
 
 // src/controls/transform-control/transform-content.tsx
-import * as React88 from "react";
+import * as React87 from "react";
 import { Box as Box15, Tab as Tab2, TabPanel as TabPanel2, Tabs as Tabs2 } from "@elementor/ui";
 import { __ as __41 } from "@wordpress/i18n";
 
 // src/controls/transform-control/functions/move.tsx
-import * as React83 from "react";
+import * as React82 from "react";
 import { useRef as useRef14 } from "react";
 import { moveTransformPropTypeUtil } from "@elementor/editor-props";
 import { ArrowDownLeftIcon, ArrowDownSmallIcon, ArrowRightIcon } from "@elementor/icons";
@@ -5040,11 +5013,11 @@ import { Grid as Grid21 } from "@elementor/ui";
 import { __ as __37 } from "@wordpress/i18n";
 
 // src/controls/transform-control/functions/axis-row.tsx
-import * as React82 from "react";
+import * as React81 from "react";
 import { Grid as Grid20 } from "@elementor/ui";
 var AxisRow = ({ label, bind, startIcon, anchorRef, units: units2, variant = "angle" }) => {
   const safeId = label.replace(/\s+/g, "-").toLowerCase();
-  return /* @__PURE__ */ React82.createElement(Grid20, { item: true, xs: 12 }, /* @__PURE__ */ React82.createElement(PopoverGridContainer, { ref: anchorRef }, /* @__PURE__ */ React82.createElement(Grid20, { item: true, xs: 6 }, /* @__PURE__ */ React82.createElement(ControlLabel, { htmlFor: safeId }, label)), /* @__PURE__ */ React82.createElement(Grid20, { item: true, xs: 6 }, /* @__PURE__ */ React82.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React81.createElement(Grid20, { item: true, xs: 12 }, /* @__PURE__ */ React81.createElement(PopoverGridContainer, { ref: anchorRef }, /* @__PURE__ */ React81.createElement(Grid20, { item: true, xs: 6 }, /* @__PURE__ */ React81.createElement(ControlLabel, { htmlFor: safeId }, label)), /* @__PURE__ */ React81.createElement(Grid20, { item: true, xs: 6 }, /* @__PURE__ */ React81.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React81.createElement(
     SizeControl,
     {
       anchorRef,
@@ -5062,26 +5035,26 @@ var moveAxisControls = [
   {
     label: __37("Move X", "elementor"),
     bind: "x",
-    startIcon: /* @__PURE__ */ React83.createElement(ArrowRightIcon, { fontSize: "tiny" }),
+    startIcon: /* @__PURE__ */ React82.createElement(ArrowRightIcon, { fontSize: "tiny" }),
     units: ["px", "%", "em", "rem", "vw"]
   },
   {
     label: __37("Move Y", "elementor"),
     bind: "y",
-    startIcon: /* @__PURE__ */ React83.createElement(ArrowDownSmallIcon, { fontSize: "tiny" }),
+    startIcon: /* @__PURE__ */ React82.createElement(ArrowDownSmallIcon, { fontSize: "tiny" }),
     units: ["px", "%", "em", "rem", "vh"]
   },
   {
     label: __37("Move Z", "elementor"),
     bind: "z",
-    startIcon: /* @__PURE__ */ React83.createElement(ArrowDownLeftIcon, { fontSize: "tiny" }),
+    startIcon: /* @__PURE__ */ React82.createElement(ArrowDownLeftIcon, { fontSize: "tiny" }),
     units: ["px", "%", "em", "rem", "vw", "vh"]
   }
 ];
 var Move = () => {
   const context = useBoundProp(moveTransformPropTypeUtil);
   const rowRefs = [useRef14(null), useRef14(null), useRef14(null)];
-  return /* @__PURE__ */ React83.createElement(Grid21, { container: true, spacing: 1.5 }, /* @__PURE__ */ React83.createElement(PropProvider, { ...context }, /* @__PURE__ */ React83.createElement(PropKeyProvider, { bind: TransformFunctionKeys.move }, moveAxisControls.map((control, index) => /* @__PURE__ */ React83.createElement(
+  return /* @__PURE__ */ React82.createElement(Grid21, { 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,
@@ -5094,7 +5067,7 @@ var Move = () => {
 };
 
 // src/controls/transform-control/functions/rotate.tsx
-import * as React84 from "react";
+import * as React83 from "react";
 import { useRef as useRef15 } from "react";
 import { rotateTransformPropTypeUtil as rotateTransformPropTypeUtil2 } from "@elementor/editor-props";
 import { Arrow360Icon, RotateClockwiseIcon } from "@elementor/icons";
@@ -5104,24 +5077,24 @@ var rotateAxisControls = [
   {
     label: __38("Rotate X", "elementor"),
     bind: "x",
-    startIcon: /* @__PURE__ */ React84.createElement(Arrow360Icon, { fontSize: "tiny" })
+    startIcon: /* @__PURE__ */ React83.createElement(Arrow360Icon, { fontSize: "tiny" })
   },
   {
     label: __38("Rotate Y", "elementor"),
     bind: "y",
-    startIcon: /* @__PURE__ */ React84.createElement(Arrow360Icon, { fontSize: "tiny", style: { transform: "scaleX(-1) rotate(-90deg)" } })
+    startIcon: /* @__PURE__ */ React83.createElement(Arrow360Icon, { fontSize: "tiny", style: { transform: "scaleX(-1) rotate(-90deg)" } })
   },
   {
     label: __38("Rotate Z", "elementor"),
     bind: "z",
-    startIcon: /* @__PURE__ */ React84.createElement(RotateClockwiseIcon, { fontSize: "tiny" })
+    startIcon: /* @__PURE__ */ React83.createElement(RotateClockwiseIcon, { fontSize: "tiny" })
   }
 ];
 var rotateUnits = ["deg", "rad", "grad", "turn"];
 var Rotate = () => {
   const context = useBoundProp(rotateTransformPropTypeUtil2);
   const rowRefs = [useRef15(null), useRef15(null), useRef15(null)];
-  return /* @__PURE__ */ React84.createElement(Grid22, { container: true, spacing: 1.5 }, /* @__PURE__ */ React84.createElement(PropProvider, { ...context }, /* @__PURE__ */ React84.createElement(PropKeyProvider, { bind: TransformFunctionKeys.rotate }, rotateAxisControls.map((control, index) => /* @__PURE__ */ React84.createElement(
+  return /* @__PURE__ */ React83.createElement(Grid22, { 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,
@@ -5133,7 +5106,7 @@ var Rotate = () => {
 };
 
 // src/controls/transform-control/functions/scale.tsx
-import * as React86 from "react";
+import * as React85 from "react";
 import { useRef as useRef16 } from "react";
 import { scaleTransformPropTypeUtil as scaleTransformPropTypeUtil2 } from "@elementor/editor-props";
 import { ArrowDownLeftIcon as ArrowDownLeftIcon2, ArrowDownSmallIcon as ArrowDownSmallIcon2, ArrowRightIcon as ArrowRightIcon2 } from "@elementor/icons";
@@ -5141,10 +5114,10 @@ import { Grid as Grid24 } from "@elementor/ui";
 import { __ as __39 } from "@wordpress/i18n";
 
 // src/controls/transform-control/functions/scale-axis-row.tsx
-import * as React85 from "react";
+import * as React84 from "react";
 import { Grid as Grid23 } from "@elementor/ui";
 var ScaleAxisRow = ({ label, bind, startIcon, anchorRef }) => {
-  return /* @__PURE__ */ React85.createElement(Grid23, { item: true, xs: 12 }, /* @__PURE__ */ React85.createElement(PopoverGridContainer, { ref: anchorRef }, /* @__PURE__ */ React85.createElement(Grid23, { item: true, xs: 6 }, /* @__PURE__ */ React85.createElement(ControlLabel, null, label)), /* @__PURE__ */ React85.createElement(Grid23, { item: true, xs: 6 }, /* @__PURE__ */ React85.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React85.createElement(NumberControl, { step: 0.1, placeholder: "1", startIcon })))));
+  return /* @__PURE__ */ React84.createElement(Grid23, { item: true, xs: 12 }, /* @__PURE__ */ React84.createElement(PopoverGridContainer, { ref: anchorRef }, /* @__PURE__ */ React84.createElement(Grid23, { item: true, xs: 6 }, /* @__PURE__ */ React84.createElement(ControlLabel, null, label)), /* @__PURE__ */ React84.createElement(Grid23, { 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
@@ -5152,27 +5125,27 @@ var scaleAxisControls = [
   {
     label: __39("Scale X", "elementor"),
     bind: "x",
-    startIcon: /* @__PURE__ */ React86.createElement(ArrowRightIcon2, { fontSize: "tiny" })
+    startIcon: /* @__PURE__ */ React85.createElement(ArrowRightIcon2, { fontSize: "tiny" })
   },
   {
     label: __39("Scale Y", "elementor"),
     bind: "y",
-    startIcon: /* @__PURE__ */ React86.createElement(ArrowDownSmallIcon2, { fontSize: "tiny" })
+    startIcon: /* @__PURE__ */ React85.createElement(ArrowDownSmallIcon2, { fontSize: "tiny" })
   },
   {
     label: __39("Scale Z", "elementor"),
     bind: "z",
-    startIcon: /* @__PURE__ */ React86.createElement(ArrowDownLeftIcon2, { fontSize: "tiny" })
+    startIcon: /* @__PURE__ */ React85.createElement(ArrowDownLeftIcon2, { fontSize: "tiny" })
   }
 ];
 var Scale = () => {
   const context = useBoundProp(scaleTransformPropTypeUtil2);
   const rowRefs = [useRef16(null), useRef16(null), useRef16(null)];
-  return /* @__PURE__ */ React86.createElement(Grid24, { 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] })))));
+  return /* @__PURE__ */ React85.createElement(Grid24, { 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
-import * as React87 from "react";
+import * as React86 from "react";
 import { useRef as useRef17 } from "react";
 import { skewTransformPropTypeUtil as skewTransformPropTypeUtil2 } from "@elementor/editor-props";
 import { ArrowLeftIcon, ArrowRightIcon as ArrowRightIcon3 } from "@elementor/icons";
@@ -5182,19 +5155,19 @@ var skewAxisControls = [
   {
     label: __40("Skew X", "elementor"),
     bind: "x",
-    startIcon: /* @__PURE__ */ React87.createElement(ArrowRightIcon3, { fontSize: "tiny" })
+    startIcon: /* @__PURE__ */ React86.createElement(ArrowRightIcon3, { fontSize: "tiny" })
   },
   {
     label: __40("Skew Y", "elementor"),
     bind: "y",
-    startIcon: /* @__PURE__ */ React87.createElement(ArrowLeftIcon, { fontSize: "tiny", style: { transform: "scaleX(-1) rotate(-90deg)" } })
+    startIcon: /* @__PURE__ */ React86.createElement(ArrowLeftIcon, { fontSize: "tiny", style: { transform: "scaleX(-1) rotate(-90deg)" } })
   }
 ];
 var skewUnits = ["deg", "rad", "grad", "turn"];
 var Skew = () => {
   const context = useBoundProp(skewTransformPropTypeUtil2);
   const rowRefs = [useRef17(null), useRef17(null), useRef17(null)];
-  return /* @__PURE__ */ React87.createElement(Grid25, { container: true, spacing: 1.5 }, /* @__PURE__ */ React87.createElement(PropProvider, { ...context }, /* @__PURE__ */ React87.createElement(PropKeyProvider, { bind: TransformFunctionKeys.skew }, skewAxisControls.map((control, index) => /* @__PURE__ */ React87.createElement(
+  return /* @__PURE__ */ React86.createElement(Grid25, { 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,
@@ -5299,7 +5272,7 @@ var TransformContent = () => {
     rotate: initialRotateValue.value,
     skew: initialSkewValue.value
   });
-  return /* @__PURE__ */ React88.createElement(PopoverContent, null, /* @__PURE__ */ React88.createElement(Box15, { sx: { width: "100%" } }, /* @__PURE__ */ React88.createElement(Box15, { sx: { borderBottom: 1, borderColor: "divider" } }, /* @__PURE__ */ React88.createElement(
+  return /* @__PURE__ */ React87.createElement(PopoverContent, null, /* @__PURE__ */ React87.createElement(Box15, { sx: { width: "100%" } }, /* @__PURE__ */ React87.createElement(Box15, { sx: { borderBottom: 1, borderColor: "divider" } }, /* @__PURE__ */ React87.createElement(
     Tabs2,
     {
       size: "small",
@@ -5312,33 +5285,33 @@ var TransformContent = () => {
       ...getTabsProps(),
       "aria-label": __41("Transform", "elementor")
     },
-    /* @__PURE__ */ React88.createElement(Tab2, { label: __41("Move", "elementor"), ...getTabProps(TransformFunctionKeys.move) }),
-    /* @__PURE__ */ React88.createElement(Tab2, { label: __41("Scale", "elementor"), ...getTabProps(TransformFunctionKeys.scale) }),
-    /* @__PURE__ */ React88.createElement(Tab2, { label: __41("Rotate", "elementor"), ...getTabProps(TransformFunctionKeys.rotate) }),
-    /* @__PURE__ */ React88.createElement(Tab2, { label: __41("Skew", "elementor"), ...getTabProps(TransformFunctionKeys.skew) })
-  )), /* @__PURE__ */ React88.createElement(TabPanel2, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.move) }, /* @__PURE__ */ React88.createElement(Move, null)), /* @__PURE__ */ React88.createElement(TabPanel2, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.scale) }, /* @__PURE__ */ React88.createElement(Scale, null)), /* @__PURE__ */ React88.createElement(TabPanel2, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.rotate) }, /* @__PURE__ */ React88.createElement(Rotate, null)), /* @__PURE__ */ React88.createElement(TabPanel2, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.skew) }, /* @__PURE__ */ React88.createElement(Skew, null))));
+    /* @__PURE__ */ React87.createElement(Tab2, { label: __41("Move", "elementor"), ...getTabProps(TransformFunctionKeys.move) }),
+    /* @__PURE__ */ React87.createElement(Tab2, { label: __41("Scale", "elementor"), ...getTabProps(TransformFunctionKeys.scale) }),
+    /* @__PURE__ */ React87.createElement(Tab2, { label: __41("Rotate", "elementor"), ...getTabProps(TransformFunctionKeys.rotate) }),
+    /* @__PURE__ */ React87.createElement(Tab2, { label: __41("Skew", "elementor"), ...getTabProps(TransformFunctionKeys.skew) })
+  )), /* @__PURE__ */ React87.createElement(TabPanel2, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.move) }, /* @__PURE__ */ React87.createElement(Move, null)), /* @__PURE__ */ React87.createElement(TabPanel2, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.scale) }, /* @__PURE__ */ React87.createElement(Scale, null)), /* @__PURE__ */ React87.createElement(TabPanel2, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.rotate) }, /* @__PURE__ */ React87.createElement(Rotate, null)), /* @__PURE__ */ React87.createElement(TabPanel2, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.skew) }, /* @__PURE__ */ React87.createElement(Skew, null))));
 };
 
 // src/controls/transform-control/transform-icon.tsx
-import * as React89 from "react";
+import * as React88 from "react";
 import { ArrowAutofitHeightIcon, ArrowsMaximizeIcon as ArrowsMaximizeIcon2, RotateClockwise2Icon, SkewXIcon } from "@elementor/icons";
 var TransformIcon = ({ value }) => {
   switch (value.$$type) {
     case TransformFunctionKeys.move:
-      return /* @__PURE__ */ React89.createElement(ArrowsMaximizeIcon2, { fontSize: "tiny" });
+      return /* @__PURE__ */ React88.createElement(ArrowsMaximizeIcon2, { fontSize: "tiny" });
     case TransformFunctionKeys.scale:
-      return /* @__PURE__ */ React89.createElement(ArrowAutofitHeightIcon, { fontSize: "tiny" });
+      return /* @__PURE__ */ React88.createElement(ArrowAutofitHeightIcon, { fontSize: "tiny" });
     case TransformFunctionKeys.rotate:
-      return /* @__PURE__ */ React89.createElement(RotateClockwise2Icon, { fontSize: "tiny" });
+      return /* @__PURE__ */ React88.createElement(RotateClockwise2Icon, { fontSize: "tiny" });
     case TransformFunctionKeys.skew:
-      return /* @__PURE__ */ React89.createElement(SkewXIcon, { fontSize: "tiny" });
+      return /* @__PURE__ */ React88.createElement(SkewXIcon, { fontSize: "tiny" });
     default:
       return null;
   }
 };
 
 // src/controls/transform-control/transform-label.tsx
-import * as React90 from "react";
+import * as React89 from "react";
 import { Box as Box16 } from "@elementor/ui";
 import { __ as __42 } from "@wordpress/i18n";
 var orderedAxis = ["x", "y", "z"];
@@ -5358,30 +5331,30 @@ var TransformLabel = (props) => {
   const { $$type, value } = props.value;
   switch ($$type) {
     case TransformFunctionKeys.move:
-      return /* @__PURE__ */ React90.createElement(Label2, { label: __42("Move", "elementor"), value: formatLabel(value, "move") });
+      return /* @__PURE__ */ React89.createElement(Label2, { label: __42("Move", "elementor"), value: formatLabel(value, "move") });
     case TransformFunctionKeys.scale:
-      return /* @__PURE__ */ React90.createElement(Label2, { label: __42("Scale", "elementor"), value: formatLabel(value, "scale") });
+      return /* @__PURE__ */ React89.createElement(Label2, { label: __42("Scale", "elementor"), value: formatLabel(value, "scale") });
     case TransformFunctionKeys.rotate:
-      return /* @__PURE__ */ React90.createElement(Label2, { label: __42("Rotate", "elementor"), value: formatLabel(value, "rotate") });
+      return /* @__PURE__ */ React89.createElement(Label2, { label: __42("Rotate", "elementor"), value: formatLabel(value, "rotate") });
     case TransformFunctionKeys.skew:
-      return /* @__PURE__ */ React90.createElement(Label2, { label: __42("Skew", "elementor"), value: formatLabel(value, "skew") });
+      return /* @__PURE__ */ React89.createElement(Label2, { label: __42("Skew", "elementor"), value: formatLabel(value, "skew") });
     default:
       return "";
   }
 };
 var Label2 = ({ label, value }) => {
-  return /* @__PURE__ */ React90.createElement(Box16, { component: "span" }, label, ": ", value);
+  return /* @__PURE__ */ React89.createElement(Box16, { component: "span" }, label, ": ", value);
 };
 
 // src/controls/transform-control/transform-settings-control.tsx
-import * as React93 from "react";
+import * as React92 from "react";
 import { PopoverHeader as PopoverHeader3 } from "@elementor/editor-ui";
 import { AdjustmentsIcon } from "@elementor/icons";
 import { bindPopover as bindPopover5, Box as Box17, Divider as Divider4, Popover as Popover5 } from "@elementor/ui";
 import { __ as __45 } from "@wordpress/i18n";
 
 // src/controls/transform-control/transform-base-controls/children-perspective-control.tsx
-import * as React91 from "react";
+import * as React90 from "react";
 import { perspectiveOriginPropTypeUtil } from "@elementor/editor-props";
 import { Grid as Grid26, Stack as Stack14 } from "@elementor/ui";
 import { __ as __43 } from "@wordpress/i18n";
@@ -5404,21 +5377,21 @@ var CHILDREN_PERSPECTIVE_FIELDS = [
   }
 ];
 var ChildrenPerspectiveControl = () => {
-  return /* @__PURE__ */ React91.createElement(Stack14, { direction: "column", spacing: 1.5 }, /* @__PURE__ */ React91.createElement(ControlFormLabel, null, __43("Children perspective", "elementor")), /* @__PURE__ */ React91.createElement(PerspectiveControl, null), /* @__PURE__ */ React91.createElement(PerspectiveOriginControl, null));
+  return /* @__PURE__ */ React90.createElement(Stack14, { direction: "column", spacing: 1.5 }, /* @__PURE__ */ React90.createElement(ControlFormLabel, null, __43("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(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(Grid26, { item: true, xs: 6 }, /* @__PURE__ */ React91.createElement(ControlFormLabel, null, control.label)), /* @__PURE__ */ React91.createElement(Grid26, { 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(Grid26, { item: true, xs: 6 }, /* @__PURE__ */ React90.createElement(ControlFormLabel, null, control.label)), /* @__PURE__ */ React90.createElement(Grid26, { 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
-import * as React92 from "react";
+import * as React91 from "react";
 import { transformOriginPropTypeUtil } from "@elementor/editor-props";
 import { Grid as Grid27, Stack as Stack15 } from "@elementor/ui";
 import { __ as __44 } from "@wordpress/i18n";
@@ -5442,12 +5415,12 @@ var TRANSFORM_ORIGIN_FIELDS = [
   }
 ];
 var TransformOriginControl = () => {
-  return /* @__PURE__ */ React92.createElement(Stack15, { direction: "column", spacing: 1.5 }, /* @__PURE__ */ React92.createElement(ControlFormLabel, null, __44("Transform", "elementor")), TRANSFORM_ORIGIN_FIELDS.map((control) => /* @__PURE__ */ React92.createElement(ControlFields2, { control, key: control.bind })));
+  return /* @__PURE__ */ React91.createElement(Stack15, { direction: "column", spacing: 1.5 }, /* @__PURE__ */ React91.createElement(ControlFormLabel, null, __44("Transform", "elementor")), TRANSFORM_ORIGIN_FIELDS.map((control) => /* @__PURE__ */ React91.createElement(ControlFields2, { control, key: control.bind })));
 };
 var ControlFields2 = ({ control }) => {
   const context = useBoundProp(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(Grid27, { item: true, xs: 6 }, /* @__PURE__ */ React92.createElement(ControlFormLabel, null, control.label)), /* @__PURE__ */ React92.createElement(Grid27, { 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(Grid27, { item: true, xs: 6 }, /* @__PURE__ */ React91.createElement(ControlFormLabel, null, control.label)), /* @__PURE__ */ React91.createElement(Grid27, { 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
@@ -5461,7 +5434,7 @@ var TransformSettingsControl = ({
     ...popupState,
     anchorEl: anchorRef.current ?? void 0
   });
-  return /* @__PURE__ */ React93.createElement(
+  return /* @__PURE__ */ React92.createElement(
     Popover5,
     {
       disablePortal: true,
@@ -5476,16 +5449,16 @@ var TransformSettingsControl = ({
       },
       ...popupProps
     },
-    /* @__PURE__ */ React93.createElement(
+    /* @__PURE__ */ React92.createElement(
       PopoverHeader3,
       {
         title: __45("Transform settings", "elementor"),
         onClose: popupState.close,
-        icon: /* @__PURE__ */ React93.createElement(AdjustmentsIcon, { fontSize: SIZE7 })
+        icon: /* @__PURE__ */ React92.createElement(AdjustmentsIcon, { fontSize: SIZE7 })
       }
     ),
-    /* @__PURE__ */ React93.createElement(Divider4, 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(Box17, { sx: { my: 0.5 } }, /* @__PURE__ */ React93.createElement(Divider4, null)), /* @__PURE__ */ React93.createElement(ChildrenPerspectiveControl, null)))
+    /* @__PURE__ */ React92.createElement(Divider4, 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(Box17, { sx: { my: 0.5 } }, /* @__PURE__ */ React92.createElement(Divider4, null)), /* @__PURE__ */ React92.createElement(ChildrenPerspectiveControl, null)))
   );
 };
 
@@ -5496,24 +5469,24 @@ var TransformRepeaterControl = createControl(() => {
   const headerRef = useRef21(null);
   const popupState = usePopupState6({ 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(
+var ToolTip = /* @__PURE__ */ React93.createElement(
   Box18,
   {
     component: "span",
     "aria-label": void 0,
     sx: { display: "flex", gap: 0.5, p: 2, width: 320, borderRadius: 1 }
   },
-  /* @__PURE__ */ React94.createElement(InfoCircleFilledIcon2, { sx: { color: "secondary.main" } }),
-  /* @__PURE__ */ React94.createElement(Typography6, { variant: "body2", color: "text.secondary", fontSize: "14px" }, __46("You can use each kind of transform only once per element.", "elementor"))
+  /* @__PURE__ */ React93.createElement(InfoCircleFilledIcon2, { sx: { color: "secondary.main" } }),
+  /* @__PURE__ */ React93.createElement(Typography6, { variant: "body2", color: "text.secondary", fontSize: "14px" }, __46("You can use each kind of transform only once per element.", "elementor"))
 );
 var Repeater2 = ({
   headerRef,
@@ -5527,21 +5500,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: transformFunctionsPropTypeUtil
     },
-    /* @__PURE__ */ React94.createElement(
+    /* @__PURE__ */ React93.createElement(
       RepeaterHeader,
       {
         label: __46("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,
@@ -5551,15 +5524,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 = ({
@@ -5568,12 +5541,12 @@ var TransformBasePopoverTrigger = ({
 }) => {
   const { bind } = useBoundProp();
   const titleLabel = __46("Transform settings", "elementor");
-  return bind !== repeaterBindKey ? null : /* @__PURE__ */ React94.createElement(Tooltip8, { title: titleLabel, placement: "top" }, /* @__PURE__ */ React94.createElement(IconButton7, { size: SIZE8, "aria-label": titleLabel, ...bindTrigger4(popupState) }, /* @__PURE__ */ React94.createElement(AdjustmentsIcon2, { fontSize: SIZE8 })));
+  return bind !== repeaterBindKey ? null : /* @__PURE__ */ React93.createElement(Tooltip8, { title: titleLabel, placement: "top" }, /* @__PURE__ */ React93.createElement(IconButton7, { size: SIZE8, "aria-label": titleLabel, ...bindTrigger4(popupState) }, /* @__PURE__ */ React93.createElement(AdjustmentsIcon2, { fontSize: SIZE8 })));
 };
 
 // src/controls/transition-control/transition-repeater-control.tsx
-import * as React97 from "react";
-import { useEffect as useEffect10, useMemo as useMemo14, useState as useState17 } from "react";
+import * as React96 from "react";
+import { useEffect as useEffect10, useMemo as useMemo14, useState as useState16 } from "react";
 import {
   createArrayPropUtils as createArrayPropUtils2,
   selectionSizePropTypeUtil as selectionSizePropTypeUtil2
@@ -5583,7 +5556,7 @@ import { Alert as Alert3, AlertTitle as AlertTitle3, Box as Box20, Typography as
 import { __ as __49 } from "@wordpress/i18n";
 
 // src/controls/selection-size-control.tsx
-import * as React95 from "react";
+import * as React94 from "react";
 import { useMemo as useMemo12, useRef as useRef22 } from "react";
 import { selectionSizePropTypeUtil } from "@elementor/editor-props";
 import { Grid as Grid28 } from "@elementor/ui";
@@ -5603,7 +5576,7 @@ var SelectionSizeControl = createControl(
       }
     }, [value, sizeConfigMap]);
     const SelectionComponent = selectionConfig.component;
-    return /* @__PURE__ */ React95.createElement(PropProvider, { value, setValue, propType }, /* @__PURE__ */ React95.createElement(Grid28, { container: true, spacing: 1.5, ref: rowRef }, /* @__PURE__ */ React95.createElement(Grid28, { item: true, xs: 6, sx: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React95.createElement(ControlFormLabel, null, selectionLabel)), /* @__PURE__ */ React95.createElement(Grid28, { 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(Grid28, { item: true, xs: 6, sx: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React95.createElement(ControlFormLabel, { htmlFor: sizeFieldId }, sizeLabel)), /* @__PURE__ */ React95.createElement(Grid28, { item: true, xs: 6 }, /* @__PURE__ */ React95.createElement(PropKeyProvider, { bind: "size" }, /* @__PURE__ */ React95.createElement(
+    return /* @__PURE__ */ React94.createElement(PropProvider, { value, setValue, propType }, /* @__PURE__ */ React94.createElement(Grid28, { container: true, spacing: 1.5, ref: rowRef }, /* @__PURE__ */ React94.createElement(Grid28, { item: true, xs: 6, sx: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React94.createElement(ControlFormLabel, null, selectionLabel)), /* @__PURE__ */ React94.createElement(Grid28, { 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(Grid28, { item: true, xs: 6, sx: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React94.createElement(ControlFormLabel, { htmlFor: sizeFieldId }, sizeLabel)), /* @__PURE__ */ React94.createElement(Grid28, { item: true, xs: 6 }, /* @__PURE__ */ React94.createElement(PropKeyProvider, { bind: "size" }, /* @__PURE__ */ React94.createElement(
       SizeControl,
       {
         anchorRef: rowRef,
@@ -5805,7 +5778,7 @@ function subscribeToTransitionEvent() {
 }
 
 // src/controls/transition-control/transition-selector.tsx
-import * as React96 from "react";
+import * as React95 from "react";
 import { useMemo as useMemo13, useRef as useRef23 } from "react";
 import { keyValuePropTypeUtil as keyValuePropTypeUtil2 } from "@elementor/editor-props";
 import { PromotionChip } from "@elementor/editor-ui";
@@ -5898,16 +5871,16 @@ var TransitionSelector = ({
       left: rect.right + 36
     };
   };
-  return /* @__PURE__ */ React96.createElement(Box19, { ref: defaultRef }, /* @__PURE__ */ React96.createElement(ControlActions, null, /* @__PURE__ */ React96.createElement(
+  return /* @__PURE__ */ React95.createElement(Box19, { ref: defaultRef }, /* @__PURE__ */ React95.createElement(ControlActions, null, /* @__PURE__ */ React95.createElement(
     UnstableTag3,
     {
       variant: "outlined",
       label: transitionLabel,
-      endIcon: /* @__PURE__ */ React96.createElement(ChevronDownIcon3, { fontSize: "tiny" }),
+      endIcon: /* @__PURE__ */ React95.createElement(ChevronDownIcon3, { fontSize: "tiny" }),
       ...bindTrigger5(popoverState),
       fullWidth: true
     }
-  )), /* @__PURE__ */ React96.createElement(
+  )), /* @__PURE__ */ React95.createElement(
     Popover6,
     {
       disablePortal: true,
@@ -5918,7 +5891,7 @@ var TransitionSelector = ({
       anchorOrigin: { vertical: "top", horizontal: "right" },
       transformOrigin: { vertical: "top", horizontal: "left" }
     },
-    /* @__PURE__ */ React96.createElement(
+    /* @__PURE__ */ React95.createElement(
       ItemSelector,
       {
         itemsList: getItemList(),
@@ -5929,7 +5902,7 @@ var TransitionSelector = ({
         title: __48("Transition Property", "elementor"),
         icon: VariationsIcon,
         disabledItems: includeCurrentValueInOptions(value, disabledItems),
-        categoryItemContentTemplate: (item) => /* @__PURE__ */ React96.createElement(
+        categoryItemContentTemplate: (item) => /* @__PURE__ */ React95.createElement(
           Box19,
           {
             sx: {
@@ -5939,10 +5912,10 @@ var TransitionSelector = ({
               width: "100%"
             }
           },
-          /* @__PURE__ */ React96.createElement("span", null, item.value),
-          showPromotion && disabledCategories.has(item.value) && /* @__PURE__ */ React96.createElement(PromotionChip, null)
+          /* @__PURE__ */ React95.createElement("span", null, item.value),
+          showPromotion && disabledCategories.has(item.value) && /* @__PURE__ */ React95.createElement(PromotionChip, null)
         ),
-        footer: showPromotion ? /* @__PURE__ */ React96.createElement(
+        footer: showPromotion ? /* @__PURE__ */ React95.createElement(
           Alert2,
           {
             variant: "standard",
@@ -5954,7 +5927,7 @@ var TransitionSelector = ({
             sx: { m: 1.5, mt: 0 }
           },
           __48("Upgrade to customize transition properties and control effects.", "elementor"),
-          /* @__PURE__ */ React96.createElement(
+          /* @__PURE__ */ React95.createElement(
             Box19,
             {
               component: "a",
@@ -5968,7 +5941,7 @@ var TransitionSelector = ({
                 color: "promotion.main"
               }
             },
-            /* @__PURE__ */ React96.createElement(CrownFilledIcon, { fontSize: "tiny" }),
+            /* @__PURE__ */ React95.createElement(CrownFilledIcon, { fontSize: "tiny" }),
             __48("Upgrade now", "elementor")
           )
         ) : null
@@ -6077,7 +6050,7 @@ var getInitialValue = (values = []) => {
   }
   return initialTransitionValue;
 };
-var disableAddItemTooltipContent = /* @__PURE__ */ React97.createElement(
+var disableAddItemTooltipContent = /* @__PURE__ */ React96.createElement(
   Alert3,
   {
     sx: {
@@ -6085,10 +6058,10 @@ var disableAddItemTooltipContent = /* @__PURE__ */ React97.createElement(
       gap: 0.5
     },
     color: "secondary",
-    icon: /* @__PURE__ */ React97.createElement(InfoCircleFilledIcon3, null)
+    icon: /* @__PURE__ */ React96.createElement(InfoCircleFilledIcon3, null)
   },
-  /* @__PURE__ */ React97.createElement(AlertTitle3, null, __49("Transitions", "elementor")),
-  /* @__PURE__ */ React97.createElement(Box20, { component: "span" }, /* @__PURE__ */ React97.createElement(Typography7, { variant: "body2" }, __49("Switch to 'Normal' state to add a transition.", "elementor")))
+  /* @__PURE__ */ React96.createElement(AlertTitle3, null, __49("Transitions", "elementor")),
+  /* @__PURE__ */ React96.createElement(Box20, { component: "span" }, /* @__PURE__ */ React96.createElement(Typography7, { variant: "body2" }, __49("Switch to 'Normal' state to add a transition.", "elementor")))
 );
 var TransitionRepeaterControl = createControl(
   ({
@@ -6096,7 +6069,7 @@ var TransitionRepeaterControl = createControl(
     currentStyleState
   }) => {
     const currentStyleIsNormal = currentStyleState === null;
-    const [recentlyUsedList, setRecentlyUsedList] = useState17([]);
+    const [recentlyUsedList, setRecentlyUsedList] = useState16([]);
     const { value, setValue } = useBoundProp(childArrayPropTypeUtil);
     const { allDisabled: disabledItems, proDisabled: proDisabledItems } = useMemo14(
       () => getDisabledItemLabels(value),
@@ -6126,7 +6099,7 @@ var TransitionRepeaterControl = createControl(
     }, [recentlyUsedListGetter]);
     const allPropertiesUsed = useMemo14(() => areAllPropertiesUsed(value), [value]);
     const isAddItemDisabled = !currentStyleIsNormal || allPropertiesUsed;
-    return /* @__PURE__ */ React97.createElement(
+    return /* @__PURE__ */ React96.createElement(
       RepeatableControl,
       {
         label: __49("Transitions", "elementor"),
@@ -6153,7 +6126,7 @@ var TransitionRepeaterControl = createControl(
 );
 
 // src/controls/date-time-control.tsx
-import * as React98 from "react";
+import * as React97 from "react";
 import * as dayjs from "dayjs";
 import { isTransformable as isTransformable2, stringPropTypeUtil as stringPropTypeUtil14 } from "@elementor/editor-props";
 import { DateTimePropTypeUtil } from "@elementor/editor-props";
@@ -6201,7 +6174,7 @@ 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(LocalizationProvider, null, /* @__PURE__ */ React98.createElement(Box21, { display: "flex", gap: 1, alignItems: "center" }, /* @__PURE__ */ React98.createElement(PropKeyProvider, { bind: "date" }, /* @__PURE__ */ React98.createElement(
+  return /* @__PURE__ */ React97.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React97.createElement(ControlActions, null, /* @__PURE__ */ React97.createElement(LocalizationProvider, null, /* @__PURE__ */ React97.createElement(Box21, { display: "flex", gap: 1, alignItems: "center" }, /* @__PURE__ */ React97.createElement(PropKeyProvider, { bind: "date" }, /* @__PURE__ */ React97.createElement(
     DatePicker,
     {
       value: parseDateValue(stringPropTypeUtil14.extract(value?.date)),
@@ -6213,7 +6186,7 @@ var DateTimeControl = createControl(({ inputDisabled }) => {
         openPickerIcon: { fontSize: "tiny" }
       }
     }
-  )), /* @__PURE__ */ React98.createElement(PropKeyProvider, { bind: "time" }, /* @__PURE__ */ React98.createElement(
+  )), /* @__PURE__ */ React97.createElement(PropKeyProvider, { bind: "time" }, /* @__PURE__ */ React97.createElement(
     TimePicker,
     {
       value: parseTimeValue(stringPropTypeUtil14.extract(value?.time)),
@@ -6229,17 +6202,17 @@ var DateTimeControl = createControl(({ inputDisabled }) => {
 });
 
 // src/controls/inline-editing-control.tsx
-import * as React102 from "react";
+import * as React101 from "react";
 import { htmlPropTypeUtil } from "@elementor/editor-props";
 import { Box as Box24 } from "@elementor/ui";
 
 // src/components/inline-editor.tsx
-import * as React101 from "react";
+import * as React100 from "react";
 import {
   forwardRef as forwardRef10,
   useEffect as useEffect13,
   useRef as useRef26,
-  useState as useState19
+  useState as useState18
 } from "react";
 import { bindPopover as bindPopover8, Box as Box23, ClickAwayListener, Popover as Popover8, usePopupState as usePopupState9 } from "@elementor/ui";
 import Bold from "@tiptap/extension-bold";
@@ -6267,8 +6240,8 @@ function isEmpty(value = "") {
 }
 
 // src/components/inline-editor-toolbar.tsx
-import * as React100 from "react";
-import { useMemo as useMemo15, useRef as useRef25, useState as useState18 } from "react";
+import * as React99 from "react";
+import { useMemo as useMemo15, useRef as useRef25, useState as useState17 } from "react";
 import { getElementSetting } from "@elementor/editor-elements";
 import {
   BoldIcon,
@@ -6293,7 +6266,7 @@ import { useEditorState } from "@tiptap/react";
 import { __ as __51 } from "@wordpress/i18n";
 
 // src/components/url-popover.tsx
-import * as React99 from "react";
+import * as React98 from "react";
 import { useEffect as useEffect11, useRef as useRef24 } from "react";
 import { ExternalLinkIcon } from "@elementor/icons";
 import { bindPopover as bindPopover7, Popover as Popover7, Stack as Stack16, TextField as TextField8, ToggleButton as ToggleButton2, Tooltip as Tooltip9 } from "@elementor/ui";
@@ -6317,7 +6290,7 @@ var UrlPopover = ({
     restoreValue();
     popupState.close();
   };
-  return /* @__PURE__ */ React99.createElement(
+  return /* @__PURE__ */ React98.createElement(
     Popover7,
     {
       slotProps: {
@@ -6328,7 +6301,7 @@ var UrlPopover = ({
       transformOrigin: { vertical: "top", horizontal: "left" },
       onClose: handleClose
     },
-    /* @__PURE__ */ React99.createElement(Stack16, { direction: "row", alignItems: "center", gap: 1, sx: { p: 1.5 } }, /* @__PURE__ */ React99.createElement(
+    /* @__PURE__ */ React98.createElement(Stack16, { direction: "row", alignItems: "center", gap: 1, sx: { p: 1.5 } }, /* @__PURE__ */ React98.createElement(
       TextField8,
       {
         value,
@@ -6341,7 +6314,7 @@ var UrlPopover = ({
         InputProps: { sx: { borderRadius: "8px" } },
         onKeyUp: (event) => event.key === "Enter" && handleClose()
       }
-    ), /* @__PURE__ */ React99.createElement(Tooltip9, { title: __50("Open in a new tab", "elementor") }, /* @__PURE__ */ React99.createElement(
+    ), /* @__PURE__ */ React98.createElement(Tooltip9, { title: __50("Open in a new tab", "elementor") }, /* @__PURE__ */ React98.createElement(
       ToggleButton2,
       {
         size: "tiny",
@@ -6351,7 +6324,7 @@ var UrlPopover = ({
         "aria-label": __50("Open in a new tab", "elementor"),
         sx: { borderRadius: "8px" }
       },
-      /* @__PURE__ */ React99.createElement(ExternalLinkIcon, { fontSize: "tiny" })
+      /* @__PURE__ */ React98.createElement(ExternalLinkIcon, { fontSize: "tiny" })
     )))
   );
 };
@@ -6361,7 +6334,7 @@ var checkIfElementHasLink = (elementId) => !!getElementSetting(elementId, "link"
 var toolbarButtons = {
   clear: {
     label: __51("Clear", "elementor"),
-    icon: /* @__PURE__ */ React100.createElement(MinusIcon2, { fontSize: "tiny" }),
+    icon: /* @__PURE__ */ React99.createElement(MinusIcon2, { fontSize: "tiny" }),
     action: "clear",
     method: (editor) => {
       editor.chain().focus().clearNodes().unsetAllMarks().run();
@@ -6369,7 +6342,7 @@ var toolbarButtons = {
   },
   bold: {
     label: __51("Bold", "elementor"),
-    icon: /* @__PURE__ */ React100.createElement(BoldIcon, { fontSize: "tiny" }),
+    icon: /* @__PURE__ */ React99.createElement(BoldIcon, { fontSize: "tiny" }),
     action: "bold",
     method: (editor) => {
       editor.chain().focus().toggleBold().run();
@@ -6377,7 +6350,7 @@ var toolbarButtons = {
   },
   italic: {
     label: __51("Italic", "elementor"),
-    icon: /* @__PURE__ */ React100.createElement(ItalicIcon, { fontSize: "tiny" }),
+    icon: /* @__PURE__ */ React99.createElement(ItalicIcon, { fontSize: "tiny" }),
     action: "italic",
     method: (editor) => {
       editor.chain().focus().toggleItalic().run();
@@ -6385,7 +6358,7 @@ var toolbarButtons = {
   },
   underline: {
     label: __51("Underline", "elementor"),
-    icon: /* @__PURE__ */ React100.createElement(UnderlineIcon, { fontSize: "tiny" }),
+    icon: /* @__PURE__ */ React99.createElement(UnderlineIcon, { fontSize: "tiny" }),
     action: "underline",
     method: (editor) => {
       editor.chain().focus().toggleUnderline().run();
@@ -6393,7 +6366,7 @@ var toolbarButtons = {
   },
   strike: {
     label: __51("Strikethrough", "elementor"),
-    icon: /* @__PURE__ */ React100.createElement(StrikethroughIcon, { fontSize: "tiny" }),
+    icon: /* @__PURE__ */ React99.createElement(StrikethroughIcon, { fontSize: "tiny" }),
     action: "strike",
     method: (editor) => {
       editor.chain().focus().toggleStrike().run();
@@ -6401,7 +6374,7 @@ var toolbarButtons = {
   },
   superscript: {
     label: __51("Superscript", "elementor"),
-    icon: /* @__PURE__ */ React100.createElement(SuperscriptIcon, { fontSize: "tiny" }),
+    icon: /* @__PURE__ */ React99.createElement(SuperscriptIcon, { fontSize: "tiny" }),
     action: "superscript",
     method: (editor) => {
       editor.chain().focus().toggleSuperscript().run();
@@ -6409,7 +6382,7 @@ var toolbarButtons = {
   },
   subscript: {
     label: __51("Subscript", "elementor"),
-    icon: /* @__PURE__ */ React100.createElement(SubscriptIcon, { fontSize: "tiny" }),
+    icon: /* @__PURE__ */ React99.createElement(SubscriptIcon, { fontSize: "tiny" }),
     action: "subscript",
     method: (editor) => {
       editor.chain().focus().toggleSubscript().run();
@@ -6417,7 +6390,7 @@ var toolbarButtons = {
   },
   link: {
     label: __51("Link", "elementor"),
-    icon: /* @__PURE__ */ React100.createElement(LinkIcon3, { fontSize: "tiny" }),
+    icon: /* @__PURE__ */ React99.createElement(LinkIcon3, { fontSize: "tiny" }),
     action: "link",
     method: null
   }
@@ -6425,8 +6398,8 @@ var toolbarButtons = {
 var { clear: clearButton, ...formatButtons } = toolbarButtons;
 var possibleFormats = Object.keys(formatButtons);
 var InlineEditorToolbar = ({ editor, elementId }) => {
-  const [urlValue, setUrlValue] = useState18("");
-  const [openInNewTab, setOpenInNewTab] = useState18(false);
+  const [urlValue, setUrlValue] = useState17("");
+  const [openInNewTab, setOpenInNewTab] = useState17(false);
   const toolbarRef = useRef25(null);
   const linkPopupState = usePopupState8({ variant: "popover" });
   const hasLinkOnElement = elementId ? checkIfElementHasLink(elementId) : false;
@@ -6471,10 +6444,10 @@ var InlineEditorToolbar = ({ editor, elementId }) => {
     }
     linkPopupState.close();
   };
-  React100.useEffect(() => {
+  React99.useEffect(() => {
     editor?.commands?.focus();
   }, [editor]);
-  return /* @__PURE__ */ React100.createElement(
+  return /* @__PURE__ */ React99.createElement(
     Box22,
     {
       ref: toolbarRef,
@@ -6490,8 +6463,8 @@ var InlineEditorToolbar = ({ editor, elementId }) => {
         pointerEvents: linkPopupState.isOpen ? "none" : "all"
       }
     },
-    /* @__PURE__ */ React100.createElement(Tooltip10, { title: clearButton.label, placement: "top", sx: { borderRadius: "8px" } }, /* @__PURE__ */ React100.createElement(IconButton8, { "aria-label": clearButton.label, onClick: () => clearButton.method(editor), size: "tiny" }, clearButton.icon)),
-    /* @__PURE__ */ React100.createElement(
+    /* @__PURE__ */ React99.createElement(Tooltip10, { title: clearButton.label, placement: "top", sx: { borderRadius: "8px" } }, /* @__PURE__ */ React99.createElement(IconButton8, { "aria-label": clearButton.label, onClick: () => clearButton.method(editor), size: "tiny" }, clearButton.icon)),
+    /* @__PURE__ */ React99.createElement(
       ToggleButtonGroup2,
       {
         value: editorState,
@@ -6513,7 +6486,7 @@ var InlineEditorToolbar = ({ editor, elementId }) => {
           }
         }
       },
-      formatButtonsList.map((button) => /* @__PURE__ */ React100.createElement(Tooltip10, { title: button.label, key: button.action, placement: "top" }, /* @__PURE__ */ React100.createElement(
+      formatButtonsList.map((button) => /* @__PURE__ */ React99.createElement(Tooltip10, { title: button.label, key: button.action, placement: "top" }, /* @__PURE__ */ React99.createElement(
         ToggleButton3,
         {
           value: button.action,
@@ -6531,7 +6504,7 @@ var InlineEditorToolbar = ({ editor, elementId }) => {
         button.icon
       )))
     ),
-    /* @__PURE__ */ React100.createElement(
+    /* @__PURE__ */ React99.createElement(
       UrlPopover,
       {
         popupState: linkPopupState,
@@ -6573,8 +6546,8 @@ var calcSelectionCenter = (view, container) => {
   return { left, top };
 };
 var Wrapper = ({ children, containerRef, editor, sx, onBlur }) => {
-  const wrappedChildren = /* @__PURE__ */ React101.createElement(Box23, { ref: containerRef, ...sx }, children);
-  return onBlur ? /* @__PURE__ */ React101.createElement(
+  const wrappedChildren = /* @__PURE__ */ React100.createElement(Box23, { ref: containerRef, ...sx }, children);
+  return onBlur ? /* @__PURE__ */ React100.createElement(
     ClickAwayListener,
     {
       onClickAway: (event) => {
@@ -6585,7 +6558,7 @@ var Wrapper = ({ children, containerRef, editor, sx, onBlur }) => {
       }
     },
     wrappedChildren
-  ) : /* @__PURE__ */ React101.createElement(React101.Fragment, null, wrappedChildren);
+  ) : /* @__PURE__ */ React100.createElement(React100.Fragment, null, wrappedChildren);
 };
 var InlineEditor = forwardRef10(
   ({
@@ -6603,9 +6576,9 @@ var InlineEditor = forwardRef10(
   }, ref) => {
     const containerRef = useRef26(null);
     const popupState = usePopupState9({ variant: "popover", disableAutoFocus: true });
-    const [hasSelectedContent, setHasSelectedContent] = useState19(false);
+    const [hasSelectedContent, setHasSelectedContent] = useState18(false);
     const documentContentSettings = !!expectedTag ? "block+" : "inline*";
-    const [selectionRect, setSelectionRect] = useState19(null);
+    const [selectionRect, setSelectionRect] = useState18(null);
     const onSelectionEnd = (view) => {
       const hasSelection = !view.state.selection.empty;
       setHasSelectedContent(hasSelection);
@@ -6713,7 +6686,7 @@ var InlineEditor = forwardRef10(
         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(EditorContent, { ref, editor })), showToolbar && containerRef.current && /* @__PURE__ */ React101.createElement(
+    return /* @__PURE__ */ React100.createElement(React100.Fragment, null, /* @__PURE__ */ React100.createElement(Wrapper, { containerRef, editor, sx, onBlur }, /* @__PURE__ */ React100.createElement(EditorContent, { ref, editor })), showToolbar && containerRef.current && /* @__PURE__ */ React100.createElement(
       Popover8,
       {
         slotProps: {
@@ -6730,7 +6703,7 @@ var InlineEditor = forwardRef10(
         anchorOrigin: { vertical: "top", horizontal: "center" },
         transformOrigin: { vertical: "bottom", horizontal: "center" }
       },
-      /* @__PURE__ */ React101.createElement(InlineEditorToolbar, { editor, elementId })
+      /* @__PURE__ */ React100.createElement(InlineEditorToolbar, { editor, elementId })
     ));
   }
 );
@@ -6744,7 +6717,7 @@ var InlineEditingControl = createControl(
   }) => {
     const { value, setValue } = useBoundProp(htmlPropTypeUtil);
     const handleChange = (newValue) => setValue(newValue);
-    return /* @__PURE__ */ React102.createElement(ControlActions, null, /* @__PURE__ */ React102.createElement(
+    return /* @__PURE__ */ React101.createElement(ControlActions, null, /* @__PURE__ */ React101.createElement(
       Box24,
       {
         sx: {
@@ -6782,24 +6755,24 @@ 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
-import * as React103 from "react";
+import * as React102 from "react";
 import { BrushBigIcon } from "@elementor/icons";
-import { IconButton as IconButton9, styled as styled10, Tooltip as Tooltip11 } from "@elementor/ui";
-var CustomIconButton = styled10(IconButton9)(({ theme }) => ({
+import { IconButton as IconButton9, styled as styled9, Tooltip as Tooltip11 } from "@elementor/ui";
+var CustomIconButton = styled9(IconButton9)(({ theme }) => ({
   width: theme.spacing(2.5),
   height: theme.spacing(2.5)
 }));
-var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /* @__PURE__ */ React103.createElement(Tooltip11, { title: tooltipText, placement: "top", disableInteractive: true }, /* @__PURE__ */ React103.createElement(CustomIconButton, { "aria-label": tooltipText, size, onClick, disabled }, /* @__PURE__ */ React103.createElement(BrushBigIcon, { fontSize: size })));
+var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /* @__PURE__ */ React102.createElement(Tooltip11, { title: tooltipText, placement: "top", disableInteractive: true }, /* @__PURE__ */ React102.createElement(CustomIconButton, { "aria-label": tooltipText, size, onClick, disabled }, /* @__PURE__ */ React102.createElement(BrushBigIcon, { fontSize: size })));
 
 // src/components/repeater/repeater.tsx
-import * as React104 from "react";
-import { useEffect as useEffect14, useState as useState20 } from "react";
+import * as React103 from "react";
+import { useEffect as useEffect14, useState as useState19 } from "react";
 import { CopyIcon as CopyIcon2, EyeIcon as EyeIcon2, EyeOffIcon as EyeOffIcon2, PlusIcon as PlusIcon3, XIcon as XIcon4 } from "@elementor/icons";
 import {
   bindPopover as bindPopover9,
@@ -6828,7 +6801,7 @@ var Repeater3 = ({
   openItem: initialOpenItem = EMPTY_OPEN_ITEM2,
   isSortable = true
 }) => {
-  const [openItem, setOpenItem] = useState20(initialOpenItem);
+  const [openItem, setOpenItem] = useState19(initialOpenItem);
   const uniqueKeys = items2.map(
     (item, index) => isSortable && "getId" in itemSettings ? itemSettings.getId({ item, index }) : String(index)
   );
@@ -6891,7 +6864,7 @@ var Repeater3 = ({
   };
   const isButtonDisabled = disabled || disableAddItemButton;
   const shouldShowInfotip = isButtonDisabled && addButtonInfotipContent;
-  const addButton = /* @__PURE__ */ React104.createElement(
+  const addButton = /* @__PURE__ */ React103.createElement(
     IconButton10,
     {
       size: SIZE9,
@@ -6902,9 +6875,9 @@ var Repeater3 = ({
       onClick: addRepeaterItem,
       "aria-label": __52("Add item", "elementor")
     },
-    /* @__PURE__ */ React104.createElement(PlusIcon3, { fontSize: SIZE9 })
+    /* @__PURE__ */ React103.createElement(PlusIcon3, { fontSize: SIZE9 })
   );
-  return /* @__PURE__ */ React104.createElement(SectionContent, { gap: 2 }, /* @__PURE__ */ React104.createElement(RepeaterHeader, { label, adornment: ControlAdornments }, shouldShowInfotip ? /* @__PURE__ */ React104.createElement(
+  return /* @__PURE__ */ React103.createElement(SectionContent, { gap: 2 }, /* @__PURE__ */ React103.createElement(RepeaterHeader, { label, adornment: ControlAdornments }, shouldShowInfotip ? /* @__PURE__ */ React103.createElement(
     Infotip4,
     {
       placement: "right",
@@ -6912,20 +6885,20 @@ var Repeater3 = ({
       color: "secondary",
       slotProps: { popper: { sx: { width: 300 } } }
     },
-    /* @__PURE__ */ React104.createElement(Box25, { sx: { ...isButtonDisabled ? { cursor: "not-allowed" } : {} } }, addButton)
-  ) : addButton), 0 < uniqueKeys.length && /* @__PURE__ */ React104.createElement(SortableProvider, { value: uniqueKeys, onChange: onChangeOrder }, uniqueKeys.map((key) => {
+    /* @__PURE__ */ React103.createElement(Box25, { 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),
@@ -6937,7 +6910,7 @@ var Repeater3 = ({
         actions: itemSettings.actions,
         value
       },
-      (props) => /* @__PURE__ */ React104.createElement(
+      (props) => /* @__PURE__ */ React103.createElement(
         itemSettings.Content,
         {
           ...props,
@@ -6970,7 +6943,7 @@ var RepeaterItem = ({
   const duplicateLabel = __52("Duplicate", "elementor");
   const toggleLabel = propDisabled ? __52("Show", "elementor") : __52("Hide", "elementor");
   const removeLabel = __52("Remove", "elementor");
-  return /* @__PURE__ */ React104.createElement(React104.Fragment, null, /* @__PURE__ */ React104.createElement(
+  return /* @__PURE__ */ React103.createElement(React103.Fragment, null, /* @__PURE__ */ React103.createElement(
     RepeaterTag,
     {
       disabled,
@@ -6979,12 +6952,12 @@ var RepeaterItem = ({
       "aria-label": __52("Open item", "elementor"),
       ...bindTrigger6(popoverState),
       startIcon,
-      actions: /* @__PURE__ */ React104.createElement(React104.Fragment, null, showDuplicate && /* @__PURE__ */ React104.createElement(Tooltip12, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React104.createElement(IconButton10, { size: SIZE9, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React104.createElement(CopyIcon2, { fontSize: SIZE9 }))), showToggle && /* @__PURE__ */ React104.createElement(Tooltip12, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React104.createElement(IconButton10, { size: SIZE9, onClick: toggleDisableItem, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React104.createElement(EyeOffIcon2, { fontSize: SIZE9 }) : /* @__PURE__ */ React104.createElement(EyeIcon2, { fontSize: SIZE9 }))), actions?.(value), showRemove && /* @__PURE__ */ React104.createElement(Tooltip12, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React104.createElement(IconButton10, { size: SIZE9, onClick: removeItem, "aria-label": removeLabel }, /* @__PURE__ */ React104.createElement(XIcon4, { fontSize: SIZE9 }))))
+      actions: /* @__PURE__ */ React103.createElement(React103.Fragment, null, showDuplicate && /* @__PURE__ */ React103.createElement(Tooltip12, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React103.createElement(IconButton10, { size: SIZE9, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React103.createElement(CopyIcon2, { fontSize: SIZE9 }))), showToggle && /* @__PURE__ */ React103.createElement(Tooltip12, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React103.createElement(IconButton10, { size: SIZE9, onClick: toggleDisableItem, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React103.createElement(EyeOffIcon2, { fontSize: SIZE9 }) : /* @__PURE__ */ React103.createElement(EyeIcon2, { fontSize: SIZE9 }))), actions?.(value), showRemove && /* @__PURE__ */ React103.createElement(Tooltip12, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React103.createElement(IconButton10, { size: SIZE9, onClick: removeItem, "aria-label": removeLabel }, /* @__PURE__ */ React103.createElement(XIcon4, { fontSize: SIZE9 }))))
     }
-  ), /* @__PURE__ */ React104.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React104.createElement(Box25, null, children({ anchorEl: ref }))));
+  ), /* @__PURE__ */ React103.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React103.createElement(Box25, null, children({ anchorEl: ref }))));
 };
 var usePopover = (openOnMount, onOpen) => {
-  const [ref, setRef] = useState20(null);
+  const [ref, setRef] = useState19(null);
   const popoverState = usePopupState10({ variant: "popover" });
   const popoverProps = bindPopover9(popoverState);
   useEffect14(() => {
@@ -7002,7 +6975,7 @@ var usePopover = (openOnMount, onOpen) => {
 };
 
 // src/components/size/unstable-size-field.tsx
-import * as React107 from "react";
+import * as React106 from "react";
 import { InputAdornment as InputAdornment5 } from "@elementor/ui";
 
 // src/hooks/use-size-value.ts
@@ -7043,10 +7016,10 @@ var differsFromExternal = (newState, externalState) => {
 };
 
 // src/components/size/unit-select.tsx
-import * as React105 from "react";
+import * as React104 from "react";
 import { useId as useId3 } from "react";
 import { MenuListItem as MenuListItem7 } from "@elementor/editor-ui";
-import { bindMenu as bindMenu2, bindTrigger as bindTrigger7, Button as Button5, Menu as Menu3, styled as styled11, usePopupState as usePopupState11 } from "@elementor/ui";
+import { bindMenu as bindMenu2, bindTrigger as bindTrigger7, Button as Button5, Menu as Menu3, styled as styled10, usePopupState as usePopupState11 } from "@elementor/ui";
 var menuItemContentStyles = {
   display: "flex",
   flexDirection: "column",
@@ -7061,7 +7034,7 @@ var UnitSelect = ({ value, showPrimaryColor, onClick, options }) => {
     onClick(options[index]);
     popupState.close();
   };
-  return /* @__PURE__ */ React105.createElement(React105.Fragment, null, /* @__PURE__ */ React105.createElement(StyledButton2, { isPrimaryColor: showPrimaryColor, size: "small", ...bindTrigger7(popupState) }, value), /* @__PURE__ */ React105.createElement(Menu3, { MenuListProps: { dense: true }, ...bindMenu2(popupState) }, options.map((option, index) => /* @__PURE__ */ React105.createElement(
+  return /* @__PURE__ */ React104.createElement(React104.Fragment, null, /* @__PURE__ */ React104.createElement(StyledButton2, { isPrimaryColor: showPrimaryColor, size: "small", ...bindTrigger7(popupState) }, value), /* @__PURE__ */ React104.createElement(Menu3, { MenuListProps: { dense: true }, ...bindMenu2(popupState) }, options.map((option, index) => /* @__PURE__ */ React104.createElement(
     MenuListItem7,
     {
       key: option,
@@ -7080,7 +7053,7 @@ var UnitSelect = ({ value, showPrimaryColor, onClick, options }) => {
     option.toUpperCase()
   ))));
 };
-var StyledButton2 = styled11(Button5, {
+var StyledButton2 = styled10(Button5, {
   shouldForwardProp: (prop) => prop !== "isPrimaryColor"
 })(({ isPrimaryColor, theme }) => ({
   color: isPrimaryColor ? theme.palette.text.primary : theme.palette.text.tertiary,
@@ -7090,11 +7063,11 @@ var StyledButton2 = styled11(Button5, {
 }));
 
 // src/components/size/unstable-size-input.tsx
-import * as React106 from "react";
+import * as React105 from "react";
 import { forwardRef as forwardRef11 } from "react";
 var UnstableSizeInput = forwardRef11(
   ({ type, value, onChange, onKeyDown, onKeyUp, InputProps, onBlur, focused, disabled }, ref) => {
-    return /* @__PURE__ */ React106.createElement(
+    return /* @__PURE__ */ React105.createElement(
       NumberInput,
       {
         ref,
@@ -7137,7 +7110,7 @@ var UnstableSizeField = ({
   const shouldHighlightUnit = () => {
     return hasValue(size);
   };
-  return /* @__PURE__ */ React107.createElement(
+  return /* @__PURE__ */ React106.createElement(
     UnstableSizeInput,
     {
       type: "number",
@@ -7145,7 +7118,7 @@ var UnstableSizeField = ({
       onBlur,
       onChange: (event) => setSize(event.target.value),
       InputProps: {
-        endAdornment: /* @__PURE__ */ React107.createElement(InputAdornment5, { position: "end" }, /* @__PURE__ */ React107.createElement(
+        endAdornment: /* @__PURE__ */ React106.createElement(InputAdornment5, { position: "end" }, /* @__PURE__ */ React106.createElement(
           UnitSelect,
           {
             options: units2,
@@ -7176,7 +7149,6 @@ export {
   DateTimeControl,
   EqualUnequalSizesControl,
   FilterRepeaterControl,
-  FloatingActionsBar,
   FontFamilyControl,
   GapControl,
   HtmlTagControl,
@@ -7224,7 +7196,6 @@ export {
   useControlActions,
   useControlReplacement,
   useElementCanHaveChildren,
-  useFloatingActionsBar,
   useSyncExternalState
 };
 //# sourceMappingURL=index.mjs.map