@elementor/editor-controls 3.35.0-412 → 3.35.0-414

package/dist/index.js

@@ -95,9 +95,9 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/controls/image-control.tsx
-var React11 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 var import_editor_props3 = require("@elementor/editor-props");
-var import_ui6 = require("@elementor/ui");
+var import_ui7 = require("@elementor/ui");
 var import_i18n2 = require("@wordpress/i18n");
 
 // src/bound-prop-context/prop-context.tsx
@@ -300,20 +300,53 @@ var ControlFormLabel = (props) => {
   return /* @__PURE__ */ React3.createElement(import_ui.FormLabel, { size: "tiny", ...props });
 };
 
-// src/create-control.tsx
-var React5 = __toESM(require("react"));
+// src/components/control-label.tsx
+var React6 = __toESM(require("react"));
 var import_ui2 = require("@elementor/ui");
 
-// src/control-replacements.tsx
+// src/control-adornments/control-adornments.tsx
+var React5 = __toESM(require("react"));
+
+// src/control-adornments/control-adornments-context.tsx
 var React4 = __toESM(require("react"));
 var import_react4 = require("react");
-var ControlReplacementContext = (0, import_react4.createContext)([]);
+var Context = (0, import_react4.createContext)(null);
+var ControlAdornmentsProvider = ({ children, items: items2 }) => /* @__PURE__ */ React4.createElement(Context.Provider, { value: { items: items2 } }, children);
+var useControlAdornments = () => {
+  const context = (0, import_react4.useContext)(Context);
+  return context?.items ?? [];
+};
+
+// src/control-adornments/control-adornments.tsx
+function ControlAdornments({
+  customContext
+}) {
+  const items2 = useControlAdornments();
+  if (items2?.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ React5.createElement(React5.Fragment, null, items2.map(({ Adornment, id }) => /* @__PURE__ */ React5.createElement(Adornment, { key: id, customContext })));
+}
+
+// src/components/control-label.tsx
+var ControlLabel = ({ children, ...props }) => {
+  return /* @__PURE__ */ React6.createElement(import_ui2.Stack, { direction: "row", alignItems: "center", justifyItems: "start", gap: 0.25 }, /* @__PURE__ */ React6.createElement(ControlFormLabel, { ...props }, children), /* @__PURE__ */ React6.createElement(ControlAdornments, null));
+};
+
+// src/create-control.tsx
+var React8 = __toESM(require("react"));
+var import_ui3 = require("@elementor/ui");
+
+// src/control-replacements.tsx
+var React7 = __toESM(require("react"));
+var import_react5 = require("react");
+var ControlReplacementContext = (0, import_react5.createContext)([]);
 var ControlReplacementsProvider = ({ replacements, children }) => {
-  return /* @__PURE__ */ React4.createElement(ControlReplacementContext.Provider, { value: replacements }, children);
+  return /* @__PURE__ */ React7.createElement(ControlReplacementContext.Provider, { value: replacements }, children);
 };
 var useControlReplacement = (OriginalComponent) => {
   const { value, placeholder } = useBoundProp();
-  const replacements = (0, import_react4.useContext)(ControlReplacementContext);
+  const replacements = (0, import_react5.useContext)(ControlReplacementContext);
   try {
     const replacement = replacements.find((r) => r.condition({ value, placeholder }));
     return {
@@ -342,7 +375,7 @@ function createControl(Control5) {
   return ((props) => {
     const { ControlToRender, OriginalControl, isReplaced } = useControlReplacement(Control5);
     const controlProps = isReplaced ? { ...props, OriginalControl } : props;
-    return /* @__PURE__ */ React5.createElement(import_ui2.ErrorBoundary, { fallback: null }, /* @__PURE__ */ React5.createElement(ControlToRender, { ...controlProps }));
+    return /* @__PURE__ */ React8.createElement(import_ui3.ErrorBoundary, { fallback: null }, /* @__PURE__ */ React8.createElement(ControlToRender, { ...controlProps }));
   });
 }
 
@@ -386,21 +419,21 @@ var formatResponse = (response) => {
 };
 
 // src/controls/image-media-control.tsx
-var React9 = __toESM(require("react"));
+var React12 = __toESM(require("react"));
 var import_editor_props = require("@elementor/editor-props");
 var import_icons = require("@elementor/icons");
-var import_ui4 = require("@elementor/ui");
+var import_ui5 = require("@elementor/ui");
 var import_wp_media = require("@elementor/wp-media");
 var import_i18n = require("@wordpress/i18n");
 
 // src/control-actions/control-actions.tsx
-var React8 = __toESM(require("react"));
+var React11 = __toESM(require("react"));
 
 // src/components/floating-bar.tsx
-var React6 = __toESM(require("react"));
-var import_react5 = require("react");
-var import_ui3 = require("@elementor/ui");
-var FloatingBarContainer = (0, import_ui3.styled)("span")`
+var React9 = __toESM(require("react"));
+var import_react6 = require("react");
+var import_ui4 = require("@elementor/ui");
+var FloatingBarContainer = (0, import_ui4.styled)("span")`
 	display: contents;
 
 	.MuiFloatingActionBar-popper:has( .MuiFloatingActionBar-actions:empty ) {
@@ -411,13 +444,13 @@ var FloatingBarContainer = (0, import_ui3.styled)("span")`
 		z-index: 1000;
 	}
 `;
-var FloatingActionsContext = (0, import_react5.createContext)(null);
+var FloatingActionsContext = (0, import_react6.createContext)(null);
 function FloatingActionsBar({ actions, children }) {
-  const [open, setOpen] = (0, import_react5.useState)(false);
-  return /* @__PURE__ */ React6.createElement(FloatingActionsContext.Provider, { value: { open, setOpen } }, /* @__PURE__ */ React6.createElement(FloatingBarContainer, null, /* @__PURE__ */ React6.createElement(import_ui3.UnstableFloatingActionBar, { actions, open: open || void 0 }, children)));
+  const [open, setOpen] = (0, import_react6.useState)(false);
+  return /* @__PURE__ */ React9.createElement(FloatingActionsContext.Provider, { value: { open, setOpen } }, /* @__PURE__ */ React9.createElement(FloatingBarContainer, null, /* @__PURE__ */ React9.createElement(import_ui4.UnstableFloatingActionBar, { actions, open: open || void 0 }, children)));
 }
 function useFloatingActionsBar() {
-  const context = (0, import_react5.useContext)(FloatingActionsContext);
+  const context = (0, import_react6.useContext)(FloatingActionsContext);
   if (!context) {
     throw new Error("useFloatingActions must be used within a FloatingActionsBar");
   }
@@ -425,12 +458,12 @@ function useFloatingActionsBar() {
 }
 
 // src/control-actions/control-actions-context.tsx
-var React7 = __toESM(require("react"));
-var import_react6 = require("react");
-var Context = (0, import_react6.createContext)(null);
-var ControlActionsProvider = ({ children, items: items2 }) => /* @__PURE__ */ React7.createElement(Context.Provider, { value: { items: items2 } }, children);
+var React10 = __toESM(require("react"));
+var import_react7 = require("react");
+var Context2 = (0, import_react7.createContext)(null);
+var ControlActionsProvider = ({ children, items: items2 }) => /* @__PURE__ */ React10.createElement(Context2.Provider, { value: { items: items2 } }, children);
 var useControlActions = () => {
-  const context = (0, import_react6.useContext)(Context);
+  const context = (0, import_react7.useContext)(Context2);
   if (!context) {
     throw new Error("useControlActions must be used within a ControlActionsProvider");
   }
@@ -444,8 +477,8 @@ function ControlActions({ children }) {
   if (items2.length === 0 || disabled) {
     return children;
   }
-  const menuItems = items2.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React8.createElement(MenuItem2, { key: id }));
-  return /* @__PURE__ */ React8.createElement(FloatingActionsBar, { actions: menuItems }, children);
+  const menuItems = items2.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React11.createElement(MenuItem2, { key: id }));
+  return /* @__PURE__ */ React11.createElement(FloatingActionsBar, { actions: menuItems }, children);
 }
 
 // src/controls/image-media-control.tsx
@@ -468,8 +501,8 @@ var ImageMediaControl = createControl(({ mediaTypes = ["image"] }) => {
       });
     }
   });
-  return /* @__PURE__ */ React9.createElement(ControlActions, null, /* @__PURE__ */ React9.createElement(import_ui4.Card, { variant: "outlined" }, /* @__PURE__ */ React9.createElement(import_ui4.CardMedia, { image: src, sx: { height: propType.meta.isDynamic ? 134 : 150 } }, isFetching ? /* @__PURE__ */ React9.createElement(import_ui4.Stack, { justifyContent: "center", alignItems: "center", width: "100%", height: "100%" }, /* @__PURE__ */ React9.createElement(import_ui4.CircularProgress, null)) : /* @__PURE__ */ React9.createElement(React9.Fragment, null)), /* @__PURE__ */ React9.createElement(import_ui4.CardOverlay, null, /* @__PURE__ */ React9.createElement(import_ui4.Stack, { gap: 1 }, /* @__PURE__ */ React9.createElement(
-    import_ui4.Button,
+  return /* @__PURE__ */ React12.createElement(ControlActions, null, /* @__PURE__ */ React12.createElement(import_ui5.Card, { variant: "outlined" }, /* @__PURE__ */ React12.createElement(import_ui5.CardMedia, { image: src, sx: { height: propType.meta.isDynamic ? 134 : 150 } }, isFetching ? /* @__PURE__ */ React12.createElement(import_ui5.Stack, { justifyContent: "center", alignItems: "center", width: "100%", height: "100%" }, /* @__PURE__ */ React12.createElement(import_ui5.CircularProgress, null)) : /* @__PURE__ */ React12.createElement(React12.Fragment, null)), /* @__PURE__ */ React12.createElement(import_ui5.CardOverlay, null, /* @__PURE__ */ React12.createElement(import_ui5.Stack, { gap: 1 }, /* @__PURE__ */ React12.createElement(
+    import_ui5.Button,
     {
       size: "tiny",
       color: "inherit",
@@ -477,13 +510,13 @@ var ImageMediaControl = createControl(({ mediaTypes = ["image"] }) => {
       onClick: () => open({ mode: "browse" })
     },
     (0, import_i18n.__)("Select image", "elementor")
-  ), /* @__PURE__ */ React9.createElement(
-    import_ui4.Button,
+  ), /* @__PURE__ */ React12.createElement(
+    import_ui5.Button,
     {
       size: "tiny",
       variant: "text",
       color: "inherit",
-      startIcon: /* @__PURE__ */ React9.createElement(import_icons.UploadIcon, null),
+      startIcon: /* @__PURE__ */ React12.createElement(import_icons.UploadIcon, null),
       onClick: () => open({ mode: "upload" })
     },
     (0, import_i18n.__)("Upload", "elementor")
@@ -491,10 +524,10 @@ var ImageMediaControl = createControl(({ mediaTypes = ["image"] }) => {
 });
 
 // src/controls/select-control.tsx
-var React10 = __toESM(require("react"));
+var React13 = __toESM(require("react"));
 var import_editor_props2 = require("@elementor/editor-props");
 var import_editor_ui = require("@elementor/editor-ui");
-var import_ui5 = require("@elementor/ui");
+var import_ui6 = require("@elementor/ui");
 var DEFAULT_MENU_PROPS = {
   MenuListProps: {
     sx: {
@@ -511,8 +544,8 @@ var SelectControl = createControl(
       setValue(newValue);
     };
     const isDisabled = disabled || options.length === 0;
-    return /* @__PURE__ */ React10.createElement(ControlActions, null, /* @__PURE__ */ React10.createElement(
-      import_ui5.Select,
+    return /* @__PURE__ */ React13.createElement(ControlActions, null, /* @__PURE__ */ React13.createElement(
+      import_ui6.Select,
       {
         sx: { overflow: "hidden" },
         displayEmpty: true,
@@ -525,7 +558,7 @@ var SelectControl = createControl(
             if (placeholder) {
               const placeholderOption = findOptionByValue(placeholder);
               const displayText = placeholderOption?.label || placeholder;
-              return /* @__PURE__ */ React10.createElement(import_ui5.Typography, { component: "span", variant: "caption", color: "text.tertiary" }, displayText);
+              return /* @__PURE__ */ React13.createElement(import_ui6.Typography, { component: "span", variant: "caption", color: "text.tertiary" }, displayText);
             }
             return "";
           }
@@ -537,7 +570,7 @@ var SelectControl = createControl(
         disabled: isDisabled,
         fullWidth: true
       },
-      options.map(({ label, ...props }) => /* @__PURE__ */ React10.createElement(import_editor_ui.MenuListItem, { key: props.value, ...props, value: props.value ?? "" }, label))
+      options.map(({ label, ...props }) => /* @__PURE__ */ React13.createElement(import_editor_ui.MenuListItem, { key: props.value, ...props, value: props.value ?? "" }, label))
     ));
   }
 );
@@ -545,21 +578,21 @@ var SelectControl = createControl(
 // src/controls/image-control.tsx
 var ImageControl = createControl(({ sizes }) => {
   const propContext = useBoundProp(import_editor_props3.imagePropTypeUtil);
-  return /* @__PURE__ */ React11.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React11.createElement(import_ui6.Stack, { gap: 1.5 }, /* @__PURE__ */ React11.createElement(ControlFormLabel, null, (0, import_i18n2.__)("Image", "elementor")), /* @__PURE__ */ React11.createElement(ImageSrcControl, null), /* @__PURE__ */ React11.createElement(import_ui6.Grid, { container: true, gap: 1.5, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React11.createElement(import_ui6.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React11.createElement(ControlFormLabel, null, (0, import_i18n2.__)("Resolution", "elementor"))), /* @__PURE__ */ React11.createElement(import_ui6.Grid, { item: true, xs: 6, sx: { overflow: "hidden" } }, /* @__PURE__ */ React11.createElement(ImageSizeControl, { sizes })))));
+  return /* @__PURE__ */ React14.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React14.createElement(import_ui7.Stack, { gap: 1.5 }, /* @__PURE__ */ React14.createElement(ControlLabel, null, (0, import_i18n2.__)("Image", "elementor")), /* @__PURE__ */ React14.createElement(ImageSrcControl, null), /* @__PURE__ */ React14.createElement(import_ui7.Grid, { container: true, gap: 1.5, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React14.createElement(import_ui7.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React14.createElement(ControlFormLabel, null, (0, import_i18n2.__)("Resolution", "elementor"))), /* @__PURE__ */ React14.createElement(import_ui7.Grid, { item: true, xs: 6, sx: { overflow: "hidden" } }, /* @__PURE__ */ React14.createElement(ImageSizeControl, { sizes })))));
 });
 var ImageSrcControl = () => {
   const { data: allowSvgUpload } = useUnfilteredFilesUpload();
   const mediaTypes = allowSvgUpload ? ["image", "svg"] : ["image"];
-  return /* @__PURE__ */ React11.createElement(PropKeyProvider, { bind: "src" }, /* @__PURE__ */ React11.createElement(ImageMediaControl, { mediaTypes }));
+  return /* @__PURE__ */ React14.createElement(PropKeyProvider, { bind: "src" }, /* @__PURE__ */ React14.createElement(ImageMediaControl, { mediaTypes }));
 };
 var ImageSizeControl = ({ sizes }) => {
-  return /* @__PURE__ */ React11.createElement(PropKeyProvider, { bind: "size" }, /* @__PURE__ */ React11.createElement(SelectControl, { options: sizes }));
+  return /* @__PURE__ */ React14.createElement(PropKeyProvider, { bind: "size" }, /* @__PURE__ */ React14.createElement(SelectControl, { options: sizes }));
 };
 
 // src/controls/text-control.tsx
-var React12 = __toESM(require("react"));
+var React15 = __toESM(require("react"));
 var import_editor_props4 = require("@elementor/editor-props");
-var import_ui7 = require("@elementor/ui");
+var import_ui8 = require("@elementor/ui");
 var TextControl = createControl(
   ({
     placeholder,
@@ -572,8 +605,8 @@ var TextControl = createControl(
   }) => {
     const { value, setValue, disabled } = useBoundProp(import_editor_props4.stringPropTypeUtil);
     const handleChange = (event) => setValue(event.target.value);
-    return /* @__PURE__ */ React12.createElement(ControlActions, null, /* @__PURE__ */ React12.createElement(
-      import_ui7.TextField,
+    return /* @__PURE__ */ React15.createElement(ControlActions, null, /* @__PURE__ */ React15.createElement(
+      import_ui8.TextField,
       {
         size: "tiny",
         fullWidth: true,
@@ -593,16 +626,16 @@ var TextControl = createControl(
 );
 
 // src/controls/text-area-control.tsx
-var React13 = __toESM(require("react"));
+var React16 = __toESM(require("react"));
 var import_editor_props5 = require("@elementor/editor-props");
-var import_ui8 = require("@elementor/ui");
+var import_ui9 = require("@elementor/ui");
 var TextAreaControl = createControl(({ placeholder, ariaLabel }) => {
   const { value, setValue, disabled } = useBoundProp(import_editor_props5.stringPropTypeUtil);
   const handleChange = (event) => {
     setValue(event.target.value);
   };
-  return /* @__PURE__ */ React13.createElement(ControlActions, null, /* @__PURE__ */ React13.createElement(
-    import_ui8.TextField,
+  return /* @__PURE__ */ React16.createElement(ControlActions, null, /* @__PURE__ */ React16.createElement(
+    import_ui9.TextField,
     {
       size: "tiny",
       multiline: true,
@@ -620,17 +653,17 @@ var TextAreaControl = createControl(({ placeholder, ariaLabel }) => {
 });
 
 // src/controls/size-control.tsx
-var React18 = __toESM(require("react"));
-var import_react13 = require("react");
+var React21 = __toESM(require("react"));
+var import_react14 = require("react");
 var import_editor_props7 = require("@elementor/editor-props");
 var import_editor_responsive = require("@elementor/editor-responsive");
-var import_ui13 = require("@elementor/ui");
+var import_ui14 = require("@elementor/ui");
 
 // src/components/size-control/size-input.tsx
-var React16 = __toESM(require("react"));
-var import_react9 = require("react");
+var React19 = __toESM(require("react"));
+var import_react10 = require("react");
 var import_icons2 = require("@elementor/icons");
-var import_ui11 = require("@elementor/ui");
+var import_ui12 = require("@elementor/ui");
 
 // src/utils/size-control.ts
 var lengthUnits = ["px", "%", "em", "rem", "vw", "vh", "ch"];
@@ -644,19 +677,19 @@ function isUnitExtendedOption(unit) {
 }
 
 // src/components/size-control/text-field-inner-selection.tsx
-var React15 = __toESM(require("react"));
-var import_react8 = require("react");
+var React18 = __toESM(require("react"));
+var import_react9 = require("react");
 var import_editor_props6 = require("@elementor/editor-props");
 var import_editor_ui2 = require("@elementor/editor-ui");
-var import_ui10 = require("@elementor/ui");
+var import_ui11 = require("@elementor/ui");
 
 // src/components/number-input.tsx
-var React14 = __toESM(require("react"));
-var import_react7 = require("react");
-var import_ui9 = require("@elementor/ui");
+var React17 = __toESM(require("react"));
+var import_react8 = require("react");
+var import_ui10 = require("@elementor/ui");
 var RESTRICTED_INPUT_KEYS = ["e", "E", "+"];
-var NumberInput = (0, import_react7.forwardRef)((props, ref) => {
-  const [key, setKey] = (0, import_react7.useState)(0);
+var NumberInput = (0, import_react8.forwardRef)((props, ref) => {
+  const [key, setKey] = (0, import_react8.useState)(0);
   const handleKeyDown = (event) => {
     blockRestrictedKeys(event, props.inputProps?.min);
     props.onKeyDown?.(event);
@@ -668,7 +701,7 @@ var NumberInput = (0, import_react7.forwardRef)((props, ref) => {
       setKey((prev) => prev + 1);
     }
   };
-  return /* @__PURE__ */ React14.createElement(import_ui9.TextField, { ...props, ref, key, onKeyDown: handleKeyDown, onBlur: handleBlur });
+  return /* @__PURE__ */ React17.createElement(import_ui10.TextField, { ...props, ref, key, onKeyDown: handleKeyDown, onBlur: handleBlur });
 });
 function blockRestrictedKeys(event, min) {
   const restrictedInputKeys = [...RESTRICTED_INPUT_KEYS];
@@ -681,7 +714,7 @@ function blockRestrictedKeys(event, min) {
 }
 
 // src/components/size-control/text-field-inner-selection.tsx
-var TextFieldInnerSelection = (0, import_react8.forwardRef)(
+var TextFieldInnerSelection = (0, import_react9.forwardRef)(
   ({
     placeholder,
     type,
@@ -700,7 +733,7 @@ var TextFieldInnerSelection = (0, import_react8.forwardRef)(
     const getCursorStyle = () => ({
       input: { cursor: InputProps.readOnly ? "default !important" : void 0 }
     });
-    return /* @__PURE__ */ React15.createElement(
+    return /* @__PURE__ */ React18.createElement(
       NumberInput,
       {
         ref,
@@ -731,9 +764,9 @@ var SelectionEndAdornment = ({
   menuItemsAttributes = {},
   disabled
 }) => {
-  const popupState = (0, import_ui10.usePopupState)({
+  const popupState = (0, import_ui11.usePopupState)({
     variant: "popover",
-    popupId: (0, import_react8.useId)()
+    popupId: (0, import_react9.useId)()
   });
   const handleMenuItemClick = (index) => {
     onClick(options[index]);
@@ -745,16 +778,16 @@ var SelectionEndAdornment = ({
     flexDirection: "column",
     justifyContent: "center"
   };
-  return /* @__PURE__ */ React15.createElement(import_ui10.InputAdornment, { position: "end" }, /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React18.createElement(import_ui11.InputAdornment, { position: "end" }, /* @__PURE__ */ React18.createElement(
     StyledButton,
     {
       isPrimaryColor: showPrimaryColor,
       size: "small",
       disabled,
-      ...(0, import_ui10.bindTrigger)(popupState)
+      ...(0, import_ui11.bindTrigger)(popupState)
     },
     placeholder ?? alternativeOptionLabels[value] ?? value
-  ), /* @__PURE__ */ React15.createElement(import_ui10.Menu, { MenuListProps: { dense: true }, ...(0, import_ui10.bindMenu)(popupState) }, options.map((option, index) => /* @__PURE__ */ React15.createElement(
+  ), /* @__PURE__ */ React18.createElement(import_ui11.Menu, { MenuListProps: { dense: true }, ...(0, import_ui11.bindMenu)(popupState) }, options.map((option, index) => /* @__PURE__ */ React18.createElement(
     import_editor_ui2.MenuListItem,
     {
       key: option,
@@ -794,7 +827,7 @@ function useUnitPlaceholder(value) {
     showPrimaryColor
   };
 }
-var StyledButton = (0, import_ui10.styled)(import_ui10.Button, {
+var StyledButton = (0, import_ui11.styled)(import_ui11.Button, {
   shouldForwardProp: (prop) => prop !== "isPrimaryColor"
 })(({ isPrimaryColor, theme }) => ({
   color: isPrimaryColor ? theme.palette.text.primary : theme.palette.text.tertiary,
@@ -822,7 +855,7 @@ var SizeInput = ({
   id,
   ariaLabel
 }) => {
-  const unitInputBufferRef = (0, import_react9.useRef)("");
+  const unitInputBufferRef = (0, import_react10.useRef)("");
   const inputType = isUnitExtendedOption(unit) ? "text" : "number";
   const inputValue = !isUnitExtendedOption(unit) && Number.isNaN(size) ? "" : size ?? "";
   const handleKeyUp = (event) => {
@@ -847,7 +880,7 @@ var SizeInput = ({
     custom: popupAttributes
   } : void 0;
   const alternativeOptionLabels = {
-    custom: /* @__PURE__ */ React16.createElement(import_icons2.MathFunctionIcon, { fontSize: "tiny" })
+    custom: /* @__PURE__ */ React19.createElement(import_icons2.MathFunctionIcon, { fontSize: "tiny" })
   };
   const InputProps = {
     ...popupAttributes,
@@ -855,8 +888,8 @@ var SizeInput = ({
     autoComplete: "off",
     onClick,
     onFocus,
-    startAdornment: startIcon ? /* @__PURE__ */ React16.createElement(import_ui11.InputAdornment, { position: "start", disabled }, startIcon) : void 0,
-    endAdornment: /* @__PURE__ */ React16.createElement(
+    startAdornment: startIcon ? /* @__PURE__ */ React19.createElement(import_ui12.InputAdornment, { position: "start", disabled }, startIcon) : void 0,
+    endAdornment: /* @__PURE__ */ React19.createElement(
       SelectionEndAdornment,
       {
         disabled,
@@ -868,7 +901,7 @@ var SizeInput = ({
       }
     )
   };
-  return /* @__PURE__ */ React16.createElement(ControlActions, null, /* @__PURE__ */ React16.createElement(import_ui11.Box, null, /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React19.createElement(ControlActions, null, /* @__PURE__ */ React19.createElement(import_ui12.Box, null, /* @__PURE__ */ React19.createElement(
     TextFieldInnerSelection,
     {
       disabled,
@@ -887,17 +920,17 @@ var SizeInput = ({
 };
 
 // src/components/text-field-popover.tsx
-var React17 = __toESM(require("react"));
-var import_react10 = require("react");
+var React20 = __toESM(require("react"));
+var import_react11 = require("react");
 var import_editor_ui3 = require("@elementor/editor-ui");
 var import_icons3 = require("@elementor/icons");
-var import_ui12 = require("@elementor/ui");
+var import_ui13 = require("@elementor/ui");
 var import_i18n3 = require("@wordpress/i18n");
 var SIZE = "tiny";
 var TextFieldPopover = (props) => {
   const { popupState, restoreValue, anchorRef, value, onChange } = props;
-  const inputRef = (0, import_react10.useRef)(null);
-  (0, import_react10.useEffect)(() => {
+  const inputRef = (0, import_react11.useRef)(null);
+  (0, import_react11.useEffect)(() => {
     if (popupState.isOpen) {
       requestAnimationFrame(() => {
         if (inputRef.current) {
@@ -910,8 +943,8 @@ var TextFieldPopover = (props) => {
     restoreValue();
     popupState.close();
   };
-  return /* @__PURE__ */ React17.createElement(
-    import_ui12.Popover,
+  return /* @__PURE__ */ React20.createElement(
+    import_ui13.Popover,
     {
       disablePortal: true,
       slotProps: {
@@ -922,21 +955,21 @@ var TextFieldPopover = (props) => {
           }
         }
       },
-      ...(0, import_ui12.bindPopover)(popupState),
+      ...(0, import_ui13.bindPopover)(popupState),
       anchorOrigin: { vertical: "bottom", horizontal: "center" },
       transformOrigin: { vertical: "top", horizontal: "center" },
       onClose: handleClose
     },
-    /* @__PURE__ */ React17.createElement(
+    /* @__PURE__ */ React20.createElement(
       import_editor_ui3.PopoverHeader,
       {
         title: (0, import_i18n3.__)("CSS function", "elementor"),
         onClose: handleClose,
-        icon: /* @__PURE__ */ React17.createElement(import_icons3.MathFunctionIcon, { fontSize: SIZE })
+        icon: /* @__PURE__ */ React20.createElement(import_icons3.MathFunctionIcon, { fontSize: SIZE })
       }
     ),
-    /* @__PURE__ */ React17.createElement(
-      import_ui12.TextField,
+    /* @__PURE__ */ React20.createElement(
+      import_ui13.TextField,
       {
         value,
         onChange,
@@ -953,9 +986,9 @@ var TextFieldPopover = (props) => {
 };
 
 // src/hooks/use-size-extended-options.ts
-var import_react11 = require("react");
+var import_react12 = require("react");
 function useSizeExtendedOptions(options, disableCustom) {
-  return (0, import_react11.useMemo)(() => {
+  return (0, import_react12.useMemo)(() => {
     const extendedOptions = [...options];
     if (!disableCustom && !extendedOptions.includes("custom")) {
       extendedOptions.push("custom");
@@ -967,7 +1000,7 @@ function useSizeExtendedOptions(options, disableCustom) {
 }
 
 // src/hooks/use-sync-external-state.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 var useSyncExternalState = ({
   external,
   setExternal,
@@ -986,8 +1019,8 @@ var useSyncExternalState = ({
     }
     return externalValue;
   }
-  const [internal, setInternal] = (0, import_react12.useState)(toInternal(external, null));
-  (0, import_react12.useEffect)(() => {
+  const [internal, setInternal] = (0, import_react13.useState)(toInternal(external, null));
+  (0, import_react13.useEffect)(() => {
     setInternal((prevInternal) => toInternal(external, prevInternal));
   }, [external]);
   const setInternalValue = (setter, options, meta) => {
@@ -1038,8 +1071,8 @@ var SizeControl = createControl(
     const activeBreakpoint = (0, import_editor_responsive.useActiveBreakpoint)();
     const actualExtendedOptions = useSizeExtendedOptions(extendedOptions || [], disableCustom ?? false);
     const actualUnits = resolveUnits(propType, enablePropTypeUnits, variant, units2, actualExtendedOptions);
-    const popupState = (0, import_ui13.usePopupState)({ variant: "popover" });
-    const memorizedExternalState = (0, import_react13.useMemo)(
+    const popupState = (0, import_ui14.usePopupState)({ variant: "popover" });
+    const memorizedExternalState = (0, import_react14.useMemo)(
       () => createStateFromSizeProp(sizeValue, actualDefaultUnit),
       [sizeValue, actualDefaultUnit]
     );
@@ -1082,15 +1115,15 @@ var SizeControl = createControl(
         popupState.open(anchorRef?.current);
       }
     };
-    const maybeClosePopup = React18.useCallback(() => {
+    const maybeClosePopup = React21.useCallback(() => {
       if (popupState && popupState.isOpen) {
         popupState.close();
       }
     }, [popupState]);
-    (0, import_react13.useEffect)(() => {
+    (0, import_react14.useEffect)(() => {
       maybeClosePopup();
     }, [activeBreakpoint]);
-    return /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(
+    return /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement(
       SizeInput,
       {
         disabled,
@@ -1108,7 +1141,7 @@ var SizeControl = createControl(
         id,
         ariaLabel
       }
-    ), anchorRef?.current && popupState.isOpen && /* @__PURE__ */ React18.createElement(
+    ), anchorRef?.current && popupState.isOpen && /* @__PURE__ */ React21.createElement(
       TextFieldPopover,
       {
         popupState,
@@ -1167,21 +1200,21 @@ function extractValueFromState(state, allowEmpty = false) {
 }
 
 // src/controls/stroke-control.tsx
-var React21 = __toESM(require("react"));
-var import_react14 = require("react");
+var React24 = __toESM(require("react"));
+var import_react15 = require("react");
 var import_editor_props9 = require("@elementor/editor-props");
-var import_ui16 = require("@elementor/ui");
+var import_ui17 = require("@elementor/ui");
 var import_i18n4 = require("@wordpress/i18n");
 
 // src/components/section-content.tsx
-var React19 = __toESM(require("react"));
-var import_ui14 = require("@elementor/ui");
-var SectionContent = ({ gap = 0.5, sx, children }) => /* @__PURE__ */ React19.createElement(import_ui14.Stack, { gap, sx: { ...sx } }, children);
+var React22 = __toESM(require("react"));
+var import_ui15 = require("@elementor/ui");
+var SectionContent = ({ gap = 0.5, sx, children }) => /* @__PURE__ */ React22.createElement(import_ui15.Stack, { gap, sx: { ...sx } }, children);
 
 // src/controls/color-control.tsx
-var React20 = __toESM(require("react"));
+var React23 = __toESM(require("react"));
 var import_editor_props8 = require("@elementor/editor-props");
-var import_ui15 = require("@elementor/ui");
+var import_ui16 = require("@elementor/ui");
 var ColorControl = createControl(
   ({ propTypeUtil = import_editor_props8.colorPropTypeUtil, anchorEl, slotProps = {}, id, ...props }) => {
     const { value, setValue, placeholder: boundPropPlaceholder, disabled } = useBoundProp(propTypeUtil);
@@ -1189,8 +1222,8 @@ var ColorControl = createControl(
     const handleChange = (selectedColor) => {
       setValue(selectedColor || null);
     };
-    return /* @__PURE__ */ React20.createElement(ControlActions, null, /* @__PURE__ */ React20.createElement(
-      import_ui15.UnstableColorField,
+    return /* @__PURE__ */ React23.createElement(ControlActions, null, /* @__PURE__ */ React23.createElement(
+      import_ui16.UnstableColorField,
       {
         id,
         size: "tiny",
@@ -1231,28 +1264,28 @@ var ColorControl = createControl(
 var units = ["px", "em", "rem"];
 var StrokeControl = createControl(() => {
   const propContext = useBoundProp(import_editor_props9.strokePropTypeUtil);
-  const rowRef = (0, import_react14.useRef)(null);
-  return /* @__PURE__ */ React21.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React21.createElement(SectionContent, null, /* @__PURE__ */ React21.createElement(Control, { bind: "width", label: (0, import_i18n4.__)("Stroke width", "elementor"), ref: rowRef }, /* @__PURE__ */ React21.createElement(SizeControl, { units, anchorRef: rowRef })), /* @__PURE__ */ React21.createElement(Control, { bind: "color", label: (0, import_i18n4.__)("Stroke color", "elementor") }, /* @__PURE__ */ React21.createElement(ColorControl, null))));
+  const rowRef = (0, import_react15.useRef)(null);
+  return /* @__PURE__ */ React24.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React24.createElement(SectionContent, null, /* @__PURE__ */ React24.createElement(Control, { bind: "width", label: (0, import_i18n4.__)("Stroke width", "elementor"), ref: rowRef }, /* @__PURE__ */ React24.createElement(SizeControl, { units, anchorRef: rowRef })), /* @__PURE__ */ React24.createElement(Control, { bind: "color", label: (0, import_i18n4.__)("Stroke color", "elementor") }, /* @__PURE__ */ React24.createElement(ColorControl, null))));
 });
-var Control = (0, import_react14.forwardRef)(({ bind, label, children }, ref) => /* @__PURE__ */ React21.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React21.createElement(import_ui16.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap", ref }, /* @__PURE__ */ React21.createElement(import_ui16.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React21.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React21.createElement(import_ui16.Grid, { item: true, xs: 6 }, children))));
+var Control = (0, import_react15.forwardRef)(({ bind, label, children }, ref) => /* @__PURE__ */ React24.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React24.createElement(import_ui17.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap", ref }, /* @__PURE__ */ React24.createElement(import_ui17.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React24.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React24.createElement(import_ui17.Grid, { item: true, xs: 6 }, children))));
 
 // src/controls/box-shadow-repeater-control.tsx
-var React39 = __toESM(require("react"));
+var React40 = __toESM(require("react"));
 var import_react22 = require("react");
 var import_editor_props10 = require("@elementor/editor-props");
-var import_ui30 = require("@elementor/ui");
+var import_ui31 = require("@elementor/ui");
 var import_i18n11 = require("@wordpress/i18n");
 
 // src/components/control-repeater/actions/tooltip-add-item-action.tsx
-var React23 = __toESM(require("react"));
+var React26 = __toESM(require("react"));
 var import_icons4 = require("@elementor/icons");
-var import_ui18 = require("@elementor/ui");
+var import_ui19 = require("@elementor/ui");
 var import_i18n5 = require("@wordpress/i18n");
 
 // src/components/control-repeater/context/repeater-context.tsx
-var React22 = __toESM(require("react"));
-var import_react16 = require("react");
-var import_ui17 = require("@elementor/ui");
+var React25 = __toESM(require("react"));
+var import_react17 = require("react");
+var import_ui18 = require("@elementor/ui");
 
 // src/services/event-bus.ts
 var EventBus = class {
@@ -1289,18 +1322,18 @@ var EventBus = class {
 var eventBus = new EventBus();
 
 // src/components/control-repeater/context/item-context.tsx
-var import_react15 = require("react");
-var ItemContext = (0, import_react15.createContext)({
+var import_react16 = require("react");
+var ItemContext = (0, import_react16.createContext)({
   index: -1,
   value: {}
 });
 
 // src/components/control-repeater/context/repeater-context.tsx
-var RepeaterContext = (0, import_react16.createContext)(null);
+var RepeaterContext = (0, import_react17.createContext)(null);
 var EMPTY_OPEN_ITEM = -1;
 var useRepeaterContext = () => {
-  const context = React22.useContext(RepeaterContext);
-  const itemContext = React22.useContext(ItemContext);
+  const context = React25.useContext(RepeaterContext);
+  const itemContext = React25.useContext(ItemContext);
   if (!context) {
     throw new Error("useRepeaterContext must be used within a RepeaterContextProvider");
   }
@@ -1319,10 +1352,10 @@ var RepeaterContextProvider = ({
     setExternal: setRepeaterValues,
     persistWhen: () => true
   });
-  const [uniqueKeys, setUniqueKeys] = (0, import_react16.useState)(() => {
+  const [uniqueKeys, setUniqueKeys] = (0, import_react17.useState)(() => {
     return items2?.map((_, index) => index) ?? [];
   });
-  const itemsWithKeys = (0, import_react16.useMemo)(
+  const itemsWithKeys = (0, import_react17.useMemo)(
     () => uniqueKeys.map((key, index) => ({
       key,
       item: items2[index]
@@ -1332,10 +1365,10 @@ var RepeaterContextProvider = ({
   const handleSetItems = (newItemsWithKeys) => {
     setItems(newItemsWithKeys.map(({ item }) => item));
   };
-  const [openItemIndex, setOpenItemIndex] = (0, import_react16.useState)(EMPTY_OPEN_ITEM);
-  const [rowRef, setRowRef] = (0, import_react16.useState)(null);
+  const [openItemIndex, setOpenItemIndex] = (0, import_react17.useState)(EMPTY_OPEN_ITEM);
+  const [rowRef, setRowRef] = (0, import_react17.useState)(null);
   const isOpen = openItemIndex !== EMPTY_OPEN_ITEM;
-  const popoverState = (0, import_ui17.usePopupState)({ variant: "popover" });
+  const popoverState = (0, import_ui18.usePopupState)({ variant: "popover" });
   const addItem = (ev, config) => {
     const item = config?.item ?? { ...initial };
     const newIndex = config?.index ?? items2.length;
@@ -1362,7 +1395,7 @@ var RepeaterContextProvider = ({
     const newItems = [...items2.slice(0, index), updatedItem, ...items2.slice(index + 1)];
     setItems(newItems);
   };
-  return /* @__PURE__ */ React22.createElement(
+  return /* @__PURE__ */ React25.createElement(
     RepeaterContext.Provider,
     {
       value: {
@@ -1399,37 +1432,37 @@ var TooltipAddItemAction = ({
 }) => {
   const { addItem } = useRepeaterContext();
   const onClick = (ev) => addItem(ev, { index: newItemIndex });
-  return /* @__PURE__ */ React23.createElement(ConditionalToolTip, { content: tooltipContent, enable: enableTooltip }, /* @__PURE__ */ React23.createElement(import_ui18.Box, { component: "span", sx: { cursor: disabled ? "not-allowed" : "pointer" } }, /* @__PURE__ */ React23.createElement(
-    import_ui18.IconButton,
+  return /* @__PURE__ */ React26.createElement(ConditionalToolTip, { content: tooltipContent, enable: enableTooltip }, /* @__PURE__ */ React26.createElement(import_ui19.Box, { component: "span", sx: { cursor: disabled ? "not-allowed" : "pointer" } }, /* @__PURE__ */ React26.createElement(
+    import_ui19.IconButton,
     {
       size: SIZE2,
       disabled,
       onClick,
       "aria-label": (0, import_i18n5.sprintf)((0, import_i18n5.__)("Add %s item", "elementor"), ariaLabel?.toLowerCase())
     },
-    /* @__PURE__ */ React23.createElement(import_icons4.PlusIcon, { fontSize: SIZE2 })
+    /* @__PURE__ */ React26.createElement(import_icons4.PlusIcon, { fontSize: SIZE2 })
   )));
 };
 var ConditionalToolTip = ({
   children,
   enable,
   content
-}) => enable && content ? /* @__PURE__ */ React23.createElement(import_ui18.Infotip, { placement: "right", color: "secondary", content }, children) : children;
+}) => enable && content ? /* @__PURE__ */ React26.createElement(import_ui19.Infotip, { placement: "right", color: "secondary", content }, children) : children;
 
 // src/components/control-repeater/items/items-container.tsx
-var React25 = __toESM(require("react"));
+var React28 = __toESM(require("react"));
 
 // src/components/repeater/sortable.tsx
-var React24 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 var import_icons5 = require("@elementor/icons");
-var import_ui19 = require("@elementor/ui");
+var import_ui20 = require("@elementor/ui");
 var import_i18n6 = require("@wordpress/i18n");
 var SortableProvider = (props) => {
-  return /* @__PURE__ */ React24.createElement(import_ui19.List, { sx: { p: 0, my: -0.5, mx: 0 } }, /* @__PURE__ */ React24.createElement(import_ui19.UnstableSortableProvider, { restrictAxis: true, disableDragOverlay: false, variant: "static", ...props }));
+  return /* @__PURE__ */ React27.createElement(import_ui20.List, { sx: { p: 0, my: -0.5, mx: 0 } }, /* @__PURE__ */ React27.createElement(import_ui20.UnstableSortableProvider, { restrictAxis: true, disableDragOverlay: false, variant: "static", ...props }));
 };
 var SortableItem = ({ id, children, disabled }) => {
-  return /* @__PURE__ */ React24.createElement(
-    import_ui19.UnstableSortableItem,
+  return /* @__PURE__ */ React27.createElement(
+    import_ui20.UnstableSortableItem,
     {
       id,
       disabled,
@@ -1441,12 +1474,12 @@ var SortableItem = ({ id, children, disabled }) => {
         showDropIndication,
         dropIndicationStyle
       }) => {
-        return /* @__PURE__ */ React24.createElement(StyledListItem, { ...itemProps, style: itemStyle, tabIndex: -1 }, !disabled && /* @__PURE__ */ React24.createElement(SortableTrigger, { ...triggerProps, style: triggerStyle }), children, showDropIndication && /* @__PURE__ */ React24.createElement(StyledDivider, { style: 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 }));
       }
     }
   );
 };
-var StyledListItem = (0, import_ui19.styled)(import_ui19.ListItem)`
+var StyledListItem = (0, import_ui20.styled)(import_ui20.ListItem)`
 	position: relative;
 	margin-inline: 0px;
 	padding-inline: 0px;
@@ -1476,7 +1509,7 @@ var StyledListItem = (0, import_ui19.styled)(import_ui19.ListItem)`
 		}
 	}
 `;
-var SortableTrigger = (props) => /* @__PURE__ */ React24.createElement(
+var SortableTrigger = (props) => /* @__PURE__ */ React27.createElement(
   "div",
   {
     ...props,
@@ -1485,9 +1518,9 @@ var SortableTrigger = (props) => /* @__PURE__ */ React24.createElement(
     tabIndex: 0,
     "aria-label": (0, import_i18n6.__)("Drag item", "elementor")
   },
-  /* @__PURE__ */ React24.createElement(import_icons5.GripVerticalIcon, { fontSize: "tiny" })
+  /* @__PURE__ */ React27.createElement(import_icons5.GripVerticalIcon, { fontSize: "tiny" })
 );
-var StyledDivider = (0, import_ui19.styled)(import_ui19.Divider)`
+var StyledDivider = (0, import_ui20.styled)(import_ui20.Divider)`
 	height: 0px;
 	border: none;
 	overflow: visible;
@@ -1522,22 +1555,22 @@ var ItemsContainer = ({
       })
     );
   };
-  return /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement(SortableProvider, { value: keys, onChange: onChangeOrder }, keys.map((key, index) => {
+  return /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(SortableProvider, { value: keys, onChange: onChangeOrder }, keys.map((key, index) => {
     const value = items2[index].item;
-    return /* @__PURE__ */ React25.createElement(SortableItem, { id: key, key: `sortable-${key}`, disabled: !isSortable }, /* @__PURE__ */ React25.createElement(ItemContext.Provider, { value: { index, value } }, children));
+    return /* @__PURE__ */ React28.createElement(SortableItem, { id: key, key: `sortable-${key}`, disabled: !isSortable }, /* @__PURE__ */ React28.createElement(ItemContext.Provider, { value: { index, value } }, children));
   })));
 };
 
 // src/components/control-repeater/items/item.tsx
-var React27 = __toESM(require("react"));
-var import_ui21 = require("@elementor/ui");
+var React30 = __toESM(require("react"));
+var import_ui22 = require("@elementor/ui");
 var import_i18n7 = require("@wordpress/i18n");
 
 // src/hooks/use-repeatable-control-context.ts
-var import_react17 = require("react");
-var RepeatableControlContext = (0, import_react17.createContext)(void 0);
+var import_react18 = require("react");
+var RepeatableControlContext = (0, import_react18.createContext)(void 0);
 var useRepeatableControlContext = () => {
-  const context = (0, import_react17.useContext)(RepeatableControlContext);
+  const context = (0, import_react18.useContext)(RepeatableControlContext);
   if (!context) {
     throw new Error("useRepeatableControlContext must be used within RepeatableControl");
   }
@@ -1545,12 +1578,12 @@ var useRepeatableControlContext = () => {
 };
 
 // src/components/repeater/repeater-tag.tsx
-var React26 = __toESM(require("react"));
-var import_react18 = require("react");
-var import_ui20 = require("@elementor/ui");
-var RepeaterTag = (0, import_react18.forwardRef)((props, ref) => {
-  return /* @__PURE__ */ React26.createElement(
-    import_ui20.UnstableTag,
+var React29 = __toESM(require("react"));
+var import_react19 = require("react");
+var import_ui21 = require("@elementor/ui");
+var RepeaterTag = (0, import_react19.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ React29.createElement(
+    import_ui21.UnstableTag,
     {
       ref,
       fullWidth: true,
@@ -1579,9 +1612,9 @@ var Item = ({ Label: Label3, Icon, actions }) => {
     value,
     isItemDisabled: isItemDisabled2
   } = useRepeaterContext();
-  const repeatableContext = React27.useContext(RepeatableControlContext);
+  const repeatableContext = React30.useContext(RepeatableControlContext);
   const disableOpen = !!repeatableContext?.props?.readOnly;
-  const triggerProps = (0, import_ui21.bindTrigger)(popoverState);
+  const triggerProps = (0, import_ui22.bindTrigger)(popoverState);
   const onClick = (ev) => {
     if (disableOpen || isItemDisabled2(index)) {
       return;
@@ -1596,15 +1629,15 @@ var Item = ({ Label: Label3, Icon, actions }) => {
     setRowRef(ref);
     popoverState.setAnchorEl(ref);
   };
-  return /* @__PURE__ */ React27.createElement(
+  return /* @__PURE__ */ React30.createElement(
     RepeaterTag,
     {
       ref: setRef,
-      label: /* @__PURE__ */ React27.createElement(RepeaterItemLabelSlot, { value }, /* @__PURE__ */ React27.createElement(Label3, { value })),
+      label: /* @__PURE__ */ React30.createElement(RepeaterItemLabelSlot, { value }, /* @__PURE__ */ React30.createElement(Label3, { value })),
       "aria-label": (0, import_i18n7.__)("Open item", "elementor"),
       ...triggerProps,
       onClick,
-      startIcon: /* @__PURE__ */ React27.createElement(RepeaterItemIconSlot, { value }, /* @__PURE__ */ React27.createElement(Icon, { value })),
+      startIcon: /* @__PURE__ */ React30.createElement(RepeaterItemIconSlot, { value }, /* @__PURE__ */ React30.createElement(Icon, { value })),
       sx: {
         minHeight: (theme) => theme.spacing(3.5),
         ...isItemDisabled2(index) && {
@@ -1613,20 +1646,20 @@ var Item = ({ Label: Label3, Icon, actions }) => {
           }
         }
       },
-      actions: /* @__PURE__ */ React27.createElement(React27.Fragment, null, /* @__PURE__ */ React27.createElement(RepeaterItemActionsSlot, { index: index ?? -1 }), actions)
+      actions: /* @__PURE__ */ React30.createElement(React30.Fragment, null, /* @__PURE__ */ React30.createElement(RepeaterItemActionsSlot, { index: index ?? -1 }), actions)
     }
   );
 };
 
 // src/components/control-repeater/control-repeater.tsx
-var React28 = __toESM(require("react"));
+var React31 = __toESM(require("react"));
 var ControlRepeater = ({
   children,
   initial,
   propTypeUtil,
   isItemDisabled: isItemDisabled2
 }) => {
-  return /* @__PURE__ */ React28.createElement(SectionContent, null, /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ React31.createElement(SectionContent, null, /* @__PURE__ */ React31.createElement(
     RepeaterContextProvider,
     {
       initial,
@@ -1638,9 +1671,9 @@ var ControlRepeater = ({
 };
 
 // src/components/control-repeater/actions/disable-item-action.tsx
-var React29 = __toESM(require("react"));
+var React32 = __toESM(require("react"));
 var import_icons6 = require("@elementor/icons");
-var import_ui22 = require("@elementor/ui");
+var import_ui23 = require("@elementor/ui");
 var import_i18n8 = require("@wordpress/i18n");
 var SIZE3 = "tiny";
 var DisableItemAction = () => {
@@ -1658,13 +1691,13 @@ var DisableItemAction = () => {
     }
     updateItem(self, index);
   };
-  return /* @__PURE__ */ React29.createElement(import_ui22.Tooltip, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React29.createElement(import_ui22.IconButton, { size: SIZE3, onClick, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React29.createElement(import_icons6.EyeOffIcon, { fontSize: SIZE3 }) : /* @__PURE__ */ React29.createElement(import_icons6.EyeIcon, { fontSize: SIZE3 })));
+  return /* @__PURE__ */ React32.createElement(import_ui23.Tooltip, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React32.createElement(import_ui23.IconButton, { size: SIZE3, onClick, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React32.createElement(import_icons6.EyeOffIcon, { fontSize: SIZE3 }) : /* @__PURE__ */ React32.createElement(import_icons6.EyeIcon, { fontSize: SIZE3 })));
 };
 
 // src/components/control-repeater/actions/duplicate-item-action.tsx
-var React30 = __toESM(require("react"));
+var React33 = __toESM(require("react"));
 var import_icons7 = require("@elementor/icons");
-var import_ui23 = require("@elementor/ui");
+var import_ui24 = require("@elementor/ui");
 var import_i18n9 = require("@wordpress/i18n");
 var SIZE4 = "tiny";
 var DuplicateItemAction = () => {
@@ -1678,22 +1711,22 @@ var DuplicateItemAction = () => {
     const newItem = structuredClone(item);
     addItem(ev, { item: newItem, index: index + 1 });
   };
-  return /* @__PURE__ */ React30.createElement(import_ui23.Tooltip, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React30.createElement(
-    import_ui23.IconButton,
+  return /* @__PURE__ */ React33.createElement(import_ui24.Tooltip, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React33.createElement(
+    import_ui24.IconButton,
     {
       size: SIZE4,
       onClick,
       "aria-label": duplicateLabel,
       disabled: isItemDisabled2(index)
     },
-    /* @__PURE__ */ React30.createElement(import_icons7.CopyIcon, { fontSize: SIZE4 })
+    /* @__PURE__ */ React33.createElement(import_icons7.CopyIcon, { fontSize: SIZE4 })
   ));
 };
 
 // src/components/control-repeater/actions/remove-item-action.tsx
-var React31 = __toESM(require("react"));
+var React34 = __toESM(require("react"));
 var import_icons8 = require("@elementor/icons");
-var import_ui24 = require("@elementor/ui");
+var import_ui25 = require("@elementor/ui");
 var import_i18n10 = require("@wordpress/i18n");
 var SIZE5 = "tiny";
 var RemoveItemAction = () => {
@@ -1703,19 +1736,19 @@ var RemoveItemAction = () => {
   }
   const removeLabel = (0, import_i18n10.__)("Remove", "elementor");
   const onClick = () => removeItem(index);
-  return /* @__PURE__ */ React31.createElement(import_ui24.Tooltip, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React31.createElement(import_ui24.IconButton, { size: SIZE5, onClick, "aria-label": removeLabel }, /* @__PURE__ */ React31.createElement(import_icons8.XIcon, { fontSize: SIZE5 })));
+  return /* @__PURE__ */ React34.createElement(import_ui25.Tooltip, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React34.createElement(import_ui25.IconButton, { size: SIZE5, onClick, "aria-label": removeLabel }, /* @__PURE__ */ React34.createElement(import_icons8.XIcon, { fontSize: SIZE5 })));
 };
 
 // src/components/control-repeater/items/edit-item-popover.tsx
-var React33 = __toESM(require("react"));
-var import_ui26 = require("@elementor/ui");
+var React36 = __toESM(require("react"));
+var import_ui27 = require("@elementor/ui");
 
 // src/components/repeater/repeater-popover.tsx
-var React32 = __toESM(require("react"));
-var import_ui25 = require("@elementor/ui");
+var React35 = __toESM(require("react"));
+var import_ui26 = require("@elementor/ui");
 var RepeaterPopover = ({ children, width, ...props }) => {
-  return /* @__PURE__ */ React32.createElement(
-    import_ui25.Popover,
+  return /* @__PURE__ */ React35.createElement(
+    import_ui26.Popover,
     {
       disablePortal: true,
       anchorOrigin: { vertical: "bottom", horizontal: "left" },
@@ -1741,60 +1774,34 @@ var EditItemPopover = ({ children }) => {
     popoverState.setAnchorEl(null);
     setOpenItemIndex(EMPTY_OPEN_ITEM);
   };
-  return /* @__PURE__ */ React33.createElement(RepeaterPopover, { width: rowRef.offsetWidth, ...(0, import_ui26.bindPopover)(popoverState), onClose }, /* @__PURE__ */ React33.createElement(PropKeyProvider, { bind: String(openItemIndex) }, /* @__PURE__ */ React33.createElement(import_ui26.Box, null, children)));
+  return /* @__PURE__ */ React36.createElement(RepeaterPopover, { width: rowRef.offsetWidth, ...(0, import_ui27.bindPopover)(popoverState), onClose }, /* @__PURE__ */ React36.createElement(PropKeyProvider, { bind: String(openItemIndex) }, /* @__PURE__ */ React36.createElement(import_ui27.Box, null, children)));
 };
 
 // src/components/popover-content.tsx
-var React34 = __toESM(require("react"));
-var import_ui27 = require("@elementor/ui");
-var PopoverContent = ({ gap = 1.5, children, ...props }) => /* @__PURE__ */ React34.createElement(import_ui27.Stack, { ...props, gap }, children);
-
-// src/components/popover-grid-container.tsx
-var import_react19 = require("react");
-var React35 = __toESM(require("react"));
+var React37 = __toESM(require("react"));
 var import_ui28 = require("@elementor/ui");
-var PopoverGridContainer = (0, import_react19.forwardRef)(
-  ({ gap = 1.5, alignItems = "center", flexWrap = "nowrap", children }, ref) => /* @__PURE__ */ React35.createElement(import_ui28.Grid, { container: true, gap, alignItems, flexWrap, ref }, children)
-);
+var PopoverContent = ({ gap = 1.5, children, ...props }) => /* @__PURE__ */ React37.createElement(import_ui28.Stack, { ...props, gap }, children);
 
-// src/components/repeater/repeater-header.tsx
+// src/components/popover-grid-container.tsx
+var import_react20 = require("react");
 var React38 = __toESM(require("react"));
-var import_react21 = require("react");
 var import_ui29 = require("@elementor/ui");
-
-// src/control-adornments/control-adornments.tsx
-var React37 = __toESM(require("react"));
-
-// src/control-adornments/control-adornments-context.tsx
-var React36 = __toESM(require("react"));
-var import_react20 = require("react");
-var Context2 = (0, import_react20.createContext)(null);
-var ControlAdornmentsProvider = ({ children, items: items2 }) => /* @__PURE__ */ React36.createElement(Context2.Provider, { value: { items: items2 } }, children);
-var useControlAdornments = () => {
-  const context = (0, import_react20.useContext)(Context2);
-  return context?.items ?? [];
-};
-
-// src/control-adornments/control-adornments.tsx
-function ControlAdornments({
-  customContext
-}) {
-  const items2 = useControlAdornments();
-  if (items2?.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ React37.createElement(React37.Fragment, null, items2.map(({ Adornment, id }) => /* @__PURE__ */ React37.createElement(Adornment, { key: id, customContext })));
-}
+var PopoverGridContainer = (0, import_react20.forwardRef)(
+  ({ gap = 1.5, alignItems = "center", flexWrap = "nowrap", children }, ref) => /* @__PURE__ */ React38.createElement(import_ui29.Grid, { container: true, gap, alignItems, flexWrap, ref }, children)
+);
 
 // src/components/repeater/repeater-header.tsx
+var React39 = __toESM(require("react"));
+var import_react21 = require("react");
+var import_ui30 = require("@elementor/ui");
 var RepeaterHeader = (0, import_react21.forwardRef)(
   ({
     label,
     children,
     adornment: Adornment = ControlAdornments
   }, ref) => {
-    return /* @__PURE__ */ React38.createElement(
-      import_ui29.Stack,
+    return /* @__PURE__ */ React39.createElement(
+      import_ui30.Stack,
       {
         direction: "row",
         alignItems: "center",
@@ -1802,7 +1809,7 @@ var RepeaterHeader = (0, import_react21.forwardRef)(
         sx: { marginInlineEnd: -0.75, py: 0.25 },
         ref
       },
-      /* @__PURE__ */ React38.createElement(import_ui29.Box, { display: "flex", alignItems: "center", gap: 1, sx: { flexGrow: 1 } }, /* @__PURE__ */ React38.createElement(import_ui29.Typography, { component: "label", variant: "caption", color: "text.secondary", sx: { lineHeight: 1 } }, label), /* @__PURE__ */ React38.createElement(Adornment, null)),
+      /* @__PURE__ */ React39.createElement(import_ui30.Box, { display: "flex", alignItems: "center", gap: 1, sx: { flexGrow: 1 } }, /* @__PURE__ */ React39.createElement(import_ui30.Typography, { component: "label", variant: "caption", color: "text.secondary", sx: { lineHeight: 1 } }, label), /* @__PURE__ */ React39.createElement(Adornment, null)),
       children
     );
   }
@@ -1811,26 +1818,26 @@ var RepeaterHeader = (0, import_react21.forwardRef)(
 // src/controls/box-shadow-repeater-control.tsx
 var BoxShadowRepeaterControl = createControl(() => {
   const { propType, value, setValue, disabled } = useBoundProp(import_editor_props10.boxShadowPropTypeUtil);
-  return /* @__PURE__ */ React39.createElement(PropProvider, { propType, value, setValue, isDisabled: () => disabled }, /* @__PURE__ */ React39.createElement(ControlRepeater, { initial: initialShadow, propTypeUtil: import_editor_props10.boxShadowPropTypeUtil }, /* @__PURE__ */ React39.createElement(RepeaterHeader, { label: (0, import_i18n11.__)("Box shadow", "elementor") }, /* @__PURE__ */ React39.createElement(TooltipAddItemAction, { newItemIndex: 0, disabled, ariaLabel: "Box shadow" })), /* @__PURE__ */ React39.createElement(ItemsContainer, null, /* @__PURE__ */ React39.createElement(
+  return /* @__PURE__ */ React40.createElement(PropProvider, { propType, value, setValue, isDisabled: () => disabled }, /* @__PURE__ */ React40.createElement(ControlRepeater, { initial: initialShadow, propTypeUtil: import_editor_props10.boxShadowPropTypeUtil }, /* @__PURE__ */ React40.createElement(RepeaterHeader, { label: (0, import_i18n11.__)("Box shadow", "elementor") }, /* @__PURE__ */ React40.createElement(TooltipAddItemAction, { newItemIndex: 0, disabled, ariaLabel: "Box shadow" })), /* @__PURE__ */ React40.createElement(ItemsContainer, null, /* @__PURE__ */ React40.createElement(
     Item,
     {
       Icon: ItemIcon,
       Label: ItemLabel,
-      actions: /* @__PURE__ */ React39.createElement(React39.Fragment, null, /* @__PURE__ */ React39.createElement(DuplicateItemAction, null), /* @__PURE__ */ React39.createElement(DisableItemAction, null), /* @__PURE__ */ React39.createElement(RemoveItemAction, null))
+      actions: /* @__PURE__ */ React40.createElement(React40.Fragment, null, /* @__PURE__ */ React40.createElement(DuplicateItemAction, null), /* @__PURE__ */ React40.createElement(DisableItemAction, null), /* @__PURE__ */ React40.createElement(RemoveItemAction, null))
     }
-  )), /* @__PURE__ */ React39.createElement(EditItemPopover, null, /* @__PURE__ */ React39.createElement(Content, null))));
+  )), /* @__PURE__ */ React40.createElement(EditItemPopover, null, /* @__PURE__ */ React40.createElement(Content, null))));
 });
-var StyledUnstableColorIndicator = (0, import_ui30.styled)(import_ui30.UnstableColorIndicator)(({ theme }) => ({
+var StyledUnstableColorIndicator = (0, import_ui31.styled)(import_ui31.UnstableColorIndicator)(({ theme }) => ({
   height: "1rem",
   width: "1rem",
   borderRadius: `${theme.shape.borderRadius / 2}px`
 }));
-var ItemIcon = ({ value }) => /* @__PURE__ */ React39.createElement(StyledUnstableColorIndicator, { size: "inherit", component: "span", value: value.value.color?.value });
+var ItemIcon = ({ value }) => /* @__PURE__ */ React40.createElement(StyledUnstableColorIndicator, { size: "inherit", component: "span", value: value.value.color?.value });
 var Content = () => {
   const context = useBoundProp(import_editor_props10.shadowPropTypeUtil);
   const rowRef = [(0, import_react22.useRef)(null), (0, import_react22.useRef)(null)];
   const { rowRef: anchorEl } = useRepeaterContext();
-  return /* @__PURE__ */ React39.createElement(PropProvider, { ...context }, /* @__PURE__ */ React39.createElement(PopoverContent, { p: 1.5 }, /* @__PURE__ */ React39.createElement(PopoverGridContainer, null, /* @__PURE__ */ React39.createElement(Control2, { bind: "color", label: (0, import_i18n11.__)("Color", "elementor") }, /* @__PURE__ */ React39.createElement(ColorControl, { anchorEl })), /* @__PURE__ */ React39.createElement(Control2, { bind: "position", label: (0, import_i18n11.__)("Position", "elementor"), sx: { overflow: "hidden" } }, /* @__PURE__ */ React39.createElement(
+  return /* @__PURE__ */ React40.createElement(PropProvider, { ...context }, /* @__PURE__ */ React40.createElement(PopoverContent, { p: 1.5 }, /* @__PURE__ */ React40.createElement(PopoverGridContainer, null, /* @__PURE__ */ React40.createElement(Control2, { bind: "color", label: (0, import_i18n11.__)("Color", "elementor") }, /* @__PURE__ */ React40.createElement(ColorControl, { anchorEl })), /* @__PURE__ */ React40.createElement(Control2, { bind: "position", label: (0, import_i18n11.__)("Position", "elementor"), sx: { overflow: "hidden" } }, /* @__PURE__ */ React40.createElement(
     SelectControl,
     {
       options: [
@@ -1838,14 +1845,14 @@ var Content = () => {
         { label: (0, import_i18n11.__)("Outset", "elementor"), value: null }
       ]
     }
-  ))), /* @__PURE__ */ React39.createElement(PopoverGridContainer, { ref: rowRef[0] }, /* @__PURE__ */ React39.createElement(Control2, { bind: "hOffset", label: (0, import_i18n11.__)("Horizontal", "elementor") }, /* @__PURE__ */ React39.createElement(SizeControl, { anchorRef: rowRef[0] })), /* @__PURE__ */ React39.createElement(Control2, { bind: "vOffset", label: (0, import_i18n11.__)("Vertical", "elementor") }, /* @__PURE__ */ React39.createElement(SizeControl, { anchorRef: rowRef[0] }))), /* @__PURE__ */ React39.createElement(PopoverGridContainer, { ref: rowRef[1] }, /* @__PURE__ */ React39.createElement(Control2, { bind: "blur", label: (0, import_i18n11.__)("Blur", "elementor") }, /* @__PURE__ */ React39.createElement(SizeControl, { anchorRef: rowRef[1] })), /* @__PURE__ */ React39.createElement(Control2, { bind: "spread", label: (0, import_i18n11.__)("Spread", "elementor") }, /* @__PURE__ */ React39.createElement(SizeControl, { anchorRef: rowRef[1] })))));
+  ))), /* @__PURE__ */ React40.createElement(PopoverGridContainer, { ref: rowRef[0] }, /* @__PURE__ */ React40.createElement(Control2, { bind: "hOffset", label: (0, import_i18n11.__)("Horizontal", "elementor") }, /* @__PURE__ */ React40.createElement(SizeControl, { anchorRef: rowRef[0] })), /* @__PURE__ */ React40.createElement(Control2, { bind: "vOffset", label: (0, import_i18n11.__)("Vertical", "elementor") }, /* @__PURE__ */ React40.createElement(SizeControl, { anchorRef: rowRef[0] }))), /* @__PURE__ */ React40.createElement(PopoverGridContainer, { ref: rowRef[1] }, /* @__PURE__ */ React40.createElement(Control2, { bind: "blur", label: (0, import_i18n11.__)("Blur", "elementor") }, /* @__PURE__ */ React40.createElement(SizeControl, { anchorRef: rowRef[1] })), /* @__PURE__ */ React40.createElement(Control2, { bind: "spread", label: (0, import_i18n11.__)("Spread", "elementor") }, /* @__PURE__ */ React40.createElement(SizeControl, { anchorRef: rowRef[1] })))));
 };
 var Control2 = ({
   label,
   bind,
   children,
   sx
-}) => /* @__PURE__ */ React39.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React39.createElement(import_ui30.Grid, { item: true, xs: 6, sx }, /* @__PURE__ */ React39.createElement(import_ui30.Grid, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React39.createElement(import_ui30.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React39.createElement(import_ui30.FormLabel, { size: "tiny" }, label)), /* @__PURE__ */ React39.createElement(import_ui30.Grid, { item: true, xs: 12 }, children))));
+}) => /* @__PURE__ */ React40.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React40.createElement(import_ui31.Grid, { item: true, xs: 6, sx }, /* @__PURE__ */ React40.createElement(import_ui31.Grid, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React40.createElement(import_ui31.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React40.createElement(import_ui31.FormLabel, { size: "tiny" }, label)), /* @__PURE__ */ React40.createElement(import_ui31.Grid, { item: true, xs: 12 }, children))));
 var ItemLabel = ({ value }) => {
   const { position, hOffset, vOffset, blur, spread } = value.value;
   const { size: blurSize = "", unit: blurUnit = "" } = blur?.value || {};
@@ -1864,7 +1871,7 @@ var ItemLabel = ({ value }) => {
     }
     return !size ? CUSTOM_SIZE_LABEL : size;
   }).join(" ");
-  return /* @__PURE__ */ React39.createElement("span", { style: { textTransform: "capitalize" } }, positionLabel, ": ", sizes);
+  return /* @__PURE__ */ React40.createElement("span", { style: { textTransform: "capitalize" } }, positionLabel, ": ", sizes);
 };
 var initialShadow = {
   $$type: "shadow",
@@ -1894,12 +1901,12 @@ var initialShadow = {
 };
 
 // src/controls/filter-control/filter-repeater-control.tsx
-var React48 = __toESM(require("react"));
+var React49 = __toESM(require("react"));
 var import_editor_props15 = require("@elementor/editor-props");
 var import_i18n16 = require("@wordpress/i18n");
 
 // src/controls/filter-control/context/filter-config-context.tsx
-var React40 = __toESM(require("react"));
+var React41 = __toESM(require("react"));
 var import_react23 = require("react");
 var import_editor_props11 = require("@elementor/editor-props");
 
@@ -2015,7 +2022,7 @@ function FilterConfigProvider({ children }) {
       getInitialValue: () => config.blur.defaultValue
     };
   }, [propContext.propType]);
-  return /* @__PURE__ */ React40.createElement(FilterConfigContext.Provider, { value: contextValue }, children);
+  return /* @__PURE__ */ React41.createElement(FilterConfigContext.Provider, { value: contextValue }, children);
 }
 function useFilterConfig() {
   const context = (0, import_react23.useContext)(FilterConfigContext);
@@ -2026,16 +2033,16 @@ function useFilterConfig() {
 }
 
 // src/controls/filter-control/filter-content.tsx
-var React43 = __toESM(require("react"));
+var React44 = __toESM(require("react"));
 var import_editor_props14 = require("@elementor/editor-props");
-var import_ui33 = require("@elementor/ui");
+var import_ui34 = require("@elementor/ui");
 var import_i18n15 = require("@wordpress/i18n");
 
 // src/controls/filter-control/drop-shadow/drop-shadow-item-content.tsx
-var React41 = __toESM(require("react"));
+var React42 = __toESM(require("react"));
 var import_react24 = require("react");
 var import_editor_props12 = require("@elementor/editor-props");
-var import_ui31 = require("@elementor/ui");
+var import_ui32 = require("@elementor/ui");
 var import_i18n14 = require("@wordpress/i18n");
 var items = [
   {
@@ -2062,7 +2069,7 @@ var items = [
 var DropShadowItemContent = ({ anchorEl }) => {
   const context = useBoundProp(import_editor_props12.dropShadowFilterPropTypeUtil);
   const rowRefs = [(0, import_react24.useRef)(null), (0, import_react24.useRef)(null)];
-  return /* @__PURE__ */ React41.createElement(PropProvider, { ...context }, items.map((item) => /* @__PURE__ */ React41.createElement(PopoverGridContainer, { key: item.bind, ref: rowRefs[item.rowIndex] ?? null }, /* @__PURE__ */ React41.createElement(PropKeyProvider, { bind: item.bind }, /* @__PURE__ */ React41.createElement(import_ui31.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React41.createElement(ControlFormLabel, null, item.label)), /* @__PURE__ */ React41.createElement(import_ui31.Grid, { item: true, xs: 6 }, item.bind === "color" ? /* @__PURE__ */ React41.createElement(ColorControl, { anchorEl }) : /* @__PURE__ */ React41.createElement(
+  return /* @__PURE__ */ React42.createElement(PropProvider, { ...context }, items.map((item) => /* @__PURE__ */ React42.createElement(PopoverGridContainer, { key: item.bind, ref: rowRefs[item.rowIndex] ?? null }, /* @__PURE__ */ React42.createElement(PropKeyProvider, { bind: item.bind }, /* @__PURE__ */ React42.createElement(import_ui32.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React42.createElement(ControlFormLabel, null, item.label)), /* @__PURE__ */ React42.createElement(import_ui32.Grid, { item: true, xs: 6 }, item.bind === "color" ? /* @__PURE__ */ React42.createElement(ColorControl, { anchorEl }) : /* @__PURE__ */ React42.createElement(
     SizeControl,
     {
       anchorRef: rowRefs[item.rowIndex],
@@ -2074,9 +2081,9 @@ var DropShadowItemContent = ({ anchorEl }) => {
 
 // src/controls/filter-control/single-size/single-size-item-content.tsx
 var import_react25 = require("react");
-var React42 = __toESM(require("react"));
+var React43 = __toESM(require("react"));
 var import_editor_props13 = require("@elementor/editor-props");
-var import_ui32 = require("@elementor/ui");
+var import_ui33 = require("@elementor/ui");
 var propTypeMap = {
   blur: import_editor_props13.blurFilterPropTypeUtil,
   intensity: import_editor_props13.intensityFilterPropTypeUtil,
@@ -2088,7 +2095,7 @@ var SingleSizeItemContent = ({ filterFunc }) => {
   const { getFilterFunctionConfig } = useFilterConfig();
   const { valueName, filterFunctionGroup } = getFilterFunctionConfig(filterFunc);
   const context = useBoundProp(propTypeMap[filterFunctionGroup]);
-  return /* @__PURE__ */ React42.createElement(PropProvider, { ...context }, /* @__PURE__ */ React42.createElement(PropKeyProvider, { bind: filterFunctionGroup }, /* @__PURE__ */ React42.createElement(PropKeyProvider, { bind: "size" }, /* @__PURE__ */ React42.createElement(PopoverGridContainer, { ref: rowRef }, /* @__PURE__ */ React42.createElement(import_ui32.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React42.createElement(ControlFormLabel, null, valueName)), /* @__PURE__ */ React42.createElement(import_ui32.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React42.createElement(SizeControl, { anchorRef: rowRef, enablePropTypeUnits: true }))))));
+  return /* @__PURE__ */ React43.createElement(PropProvider, { ...context }, /* @__PURE__ */ React43.createElement(PropKeyProvider, { bind: filterFunctionGroup }, /* @__PURE__ */ React43.createElement(PropKeyProvider, { bind: "size" }, /* @__PURE__ */ React43.createElement(PopoverGridContainer, { ref: rowRef }, /* @__PURE__ */ React43.createElement(import_ui33.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React43.createElement(ControlFormLabel, null, valueName)), /* @__PURE__ */ React43.createElement(import_ui33.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React43.createElement(SizeControl, { anchorRef: rowRef, enablePropTypeUnits: true }))))));
 };
 
 // src/controls/filter-control/filter-content.tsx
@@ -2106,7 +2113,7 @@ var FilterContent = () => {
     }
     propContext.setValue(newValue);
   };
-  return /* @__PURE__ */ React43.createElement(PropProvider, { ...propContext, setValue: handleValueChange }, /* @__PURE__ */ React43.createElement(PropKeyProvider, { bind: "css-filter-func" }, /* @__PURE__ */ React43.createElement(PopoverContent, { p: 1.5 }, /* @__PURE__ */ React43.createElement(PopoverGridContainer, null, /* @__PURE__ */ React43.createElement(import_ui33.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React43.createElement(ControlFormLabel, null, (0, import_i18n15.__)("Filter", "elementor"))), /* @__PURE__ */ React43.createElement(import_ui33.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React43.createElement(PropKeyProvider, { bind: "func" }, /* @__PURE__ */ React43.createElement(SelectControl, { options: filterOptions })))), /* @__PURE__ */ React43.createElement(PropKeyProvider, { bind: "args" }, /* @__PURE__ */ React43.createElement(FilterValueContent, null)))));
+  return /* @__PURE__ */ React44.createElement(PropProvider, { ...propContext, setValue: handleValueChange }, /* @__PURE__ */ React44.createElement(PropKeyProvider, { bind: "css-filter-func" }, /* @__PURE__ */ React44.createElement(PopoverContent, { p: 1.5 }, /* @__PURE__ */ React44.createElement(PopoverGridContainer, null, /* @__PURE__ */ React44.createElement(import_ui34.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React44.createElement(ControlFormLabel, null, (0, import_i18n15.__)("Filter", "elementor"))), /* @__PURE__ */ React44.createElement(import_ui34.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React44.createElement(PropKeyProvider, { bind: "func" }, /* @__PURE__ */ React44.createElement(SelectControl, { options: filterOptions })))), /* @__PURE__ */ React44.createElement(PropKeyProvider, { bind: "args" }, /* @__PURE__ */ React44.createElement(FilterValueContent, null)))));
 };
 var FilterValueContent = () => {
   const { openItemIndex, items: items2 } = useRepeaterContext();
@@ -2114,19 +2121,19 @@ var FilterValueContent = () => {
   const filterFunc = currentItem.item.value.func.value;
   const isDropShadow = filterFunc === "drop-shadow";
   if (isDropShadow) {
-    return /* @__PURE__ */ React43.createElement(DropShadowItemContent, null);
+    return /* @__PURE__ */ React44.createElement(DropShadowItemContent, null);
   }
-  return /* @__PURE__ */ React43.createElement(SingleSizeItemContent, { filterFunc });
+  return /* @__PURE__ */ React44.createElement(SingleSizeItemContent, { filterFunc });
 };
 
 // src/controls/filter-control/filter-icon.tsx
-var React44 = __toESM(require("react"));
-var import_ui34 = require("@elementor/ui");
+var React45 = __toESM(require("react"));
+var import_ui35 = require("@elementor/ui");
 var FilterIcon = ({ value }) => {
   if (value.value.func.value !== "drop-shadow") {
     return null;
   }
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     StyledUnstableColorIndicator2,
     {
       size: "inherit",
@@ -2135,44 +2142,44 @@ var FilterIcon = ({ value }) => {
     }
   );
 };
-var StyledUnstableColorIndicator2 = (0, import_ui34.styled)(import_ui34.UnstableColorIndicator)(({ theme }) => ({
+var StyledUnstableColorIndicator2 = (0, import_ui35.styled)(import_ui35.UnstableColorIndicator)(({ theme }) => ({
   borderRadius: `${theme.shape.borderRadius / 2}px`
 }));
 
 // src/controls/filter-control/filter-label.tsx
-var React47 = __toESM(require("react"));
+var React48 = __toESM(require("react"));
 
 // src/controls/filter-control/drop-shadow/drop-shadow-item-label.tsx
-var React45 = __toESM(require("react"));
-var import_ui35 = require("@elementor/ui");
+var React46 = __toESM(require("react"));
+var import_ui36 = require("@elementor/ui");
 var DropShadowItemLabel = ({ value }) => {
   const values = value.value.args.value;
   const keys = ["xAxis", "yAxis", "blur"];
   const labels = keys.map(
     (key) => values[key]?.value?.unit !== "custom" ? `${values[key]?.value?.size ?? 0}${values[key]?.value?.unit ?? "px"}` : values[key]?.value?.size || CUSTOM_SIZE_LABEL
   );
-  return /* @__PURE__ */ React45.createElement(import_ui35.Box, { component: "span" }, /* @__PURE__ */ React45.createElement(import_ui35.Box, { component: "span", style: { textTransform: "capitalize" } }, "Drop shadow:"), ` ${labels.join(" ")}`);
+  return /* @__PURE__ */ React46.createElement(import_ui36.Box, { component: "span" }, /* @__PURE__ */ React46.createElement(import_ui36.Box, { component: "span", style: { textTransform: "capitalize" } }, "Drop shadow:"), ` ${labels.join(" ")}`);
 };
 
 // src/controls/filter-control/single-size/single-size-item-label.tsx
-var React46 = __toESM(require("react"));
-var import_ui36 = require("@elementor/ui");
+var React47 = __toESM(require("react"));
+var import_ui37 = require("@elementor/ui");
 var SingleSizeItemLabel = ({ value }) => {
   const { func, args } = value.value;
   const { getFilterFunctionConfig } = useFilterConfig();
   const { defaultValue } = getFilterFunctionConfig(func.value ?? "");
   const defaultUnit = defaultValue.value.args.value?.size?.value?.unit ?? lengthUnits[0];
   const { unit, size } = args.value.size?.value ?? { unit: defaultUnit, size: 0 };
-  const label = /* @__PURE__ */ React46.createElement(import_ui36.Box, { component: "span", style: { textTransform: "capitalize" } }, func.value ?? "", ":");
-  return /* @__PURE__ */ React46.createElement(import_ui36.Box, { component: "span" }, label, " " + (unit !== "custom" ? `${size ?? 0}${unit ?? defaultUnit}` : size || CUSTOM_SIZE_LABEL));
+  const label = /* @__PURE__ */ React47.createElement(import_ui37.Box, { component: "span", style: { textTransform: "capitalize" } }, func.value ?? "", ":");
+  return /* @__PURE__ */ React47.createElement(import_ui37.Box, { component: "span" }, label, " " + (unit !== "custom" ? `${size ?? 0}${unit ?? defaultUnit}` : size || CUSTOM_SIZE_LABEL));
 };
 
 // src/controls/filter-control/filter-label.tsx
 var FilterLabel = ({ value }) => {
   if (value.value.func.value === "drop-shadow") {
-    return /* @__PURE__ */ React47.createElement(DropShadowItemLabel, { value });
+    return /* @__PURE__ */ React48.createElement(DropShadowItemLabel, { value });
   }
-  return /* @__PURE__ */ React47.createElement(SingleSizeItemLabel, { value });
+  return /* @__PURE__ */ React48.createElement(SingleSizeItemLabel, { value });
 };
 
 // src/controls/filter-control/filter-repeater-control.tsx
@@ -2189,7 +2196,7 @@ var FILTER_CONFIG = {
 var FilterRepeaterControl = createControl(({ filterPropName = "filter" }) => {
   const { propTypeUtil, label } = ensureFilterConfig(filterPropName);
   const { propType, value: filterValues, setValue } = useBoundProp(propTypeUtil);
-  return /* @__PURE__ */ React48.createElement(FilterConfigProvider, null, /* @__PURE__ */ React48.createElement(PropProvider, { propType, value: filterValues, setValue }, /* @__PURE__ */ React48.createElement(
+  return /* @__PURE__ */ React49.createElement(FilterConfigProvider, null, /* @__PURE__ */ React49.createElement(PropProvider, { propType, value: filterValues, setValue }, /* @__PURE__ */ React49.createElement(
     Repeater,
     {
       propTypeUtil,
@@ -2200,20 +2207,20 @@ var FilterRepeaterControl = createControl(({ filterPropName = "filter" }) => {
 });
 var Repeater = ({ propTypeUtil, label, filterPropName }) => {
   const { getInitialValue: getInitialValue2 } = useFilterConfig();
-  return /* @__PURE__ */ React48.createElement(ControlRepeater, { initial: getInitialValue2(), propTypeUtil }, /* @__PURE__ */ React48.createElement(RepeaterHeader, { label }, /* @__PURE__ */ React48.createElement(
+  return /* @__PURE__ */ React49.createElement(ControlRepeater, { initial: getInitialValue2(), propTypeUtil }, /* @__PURE__ */ React49.createElement(RepeaterHeader, { label }, /* @__PURE__ */ React49.createElement(
     TooltipAddItemAction,
     {
       newItemIndex: 0,
       ariaLabel: filterPropName === "backdrop-filter" ? "backdrop filter" : "filter"
     }
-  )), /* @__PURE__ */ React48.createElement(ItemsContainer, null, /* @__PURE__ */ React48.createElement(
+  )), /* @__PURE__ */ React49.createElement(ItemsContainer, null, /* @__PURE__ */ React49.createElement(
     Item,
     {
       Label: FilterLabel,
       Icon: FilterIcon,
-      actions: /* @__PURE__ */ React48.createElement(React48.Fragment, null, /* @__PURE__ */ React48.createElement(DuplicateItemAction, null), /* @__PURE__ */ React48.createElement(DisableItemAction, null), /* @__PURE__ */ React48.createElement(RemoveItemAction, null))
+      actions: /* @__PURE__ */ React49.createElement(React49.Fragment, null, /* @__PURE__ */ React49.createElement(DuplicateItemAction, null), /* @__PURE__ */ React49.createElement(DisableItemAction, null), /* @__PURE__ */ React49.createElement(RemoveItemAction, null))
     }
-  )), /* @__PURE__ */ React48.createElement(EditItemPopover, null, /* @__PURE__ */ React48.createElement(FilterContent, null)));
+  )), /* @__PURE__ */ React49.createElement(EditItemPopover, null, /* @__PURE__ */ React49.createElement(FilterContent, null)));
 };
 function ensureFilterConfig(name) {
   if (name && name in FILTER_CONFIG) {
@@ -2223,7 +2230,7 @@ function ensureFilterConfig(name) {
 }
 
 // src/controls/select-control-wrapper.tsx
-var React49 = __toESM(require("react"));
+var React50 = __toESM(require("react"));
 var import_react26 = require("react");
 var getOffCanvasElements = () => {
   const extendedWindow = window;
@@ -2255,33 +2262,33 @@ var useDynamicOptions = (collectionId, initialOptions) => {
 var SelectControlWrapper = createControl(
   ({ collectionId, options, ...props }) => {
     const actualOptions = useDynamicOptions(collectionId, options);
-    return /* @__PURE__ */ React49.createElement(SelectControl, { options: actualOptions, ...props });
+    return /* @__PURE__ */ React50.createElement(SelectControl, { options: actualOptions, ...props });
   }
 );
 
 // src/controls/toggle-control.tsx
-var React53 = __toESM(require("react"));
+var React54 = __toESM(require("react"));
 var import_editor_props16 = require("@elementor/editor-props");
 
 // src/components/control-toggle-button-group.tsx
-var React51 = __toESM(require("react"));
+var React52 = __toESM(require("react"));
 var import_react27 = require("react");
 var import_icons9 = require("@elementor/icons");
-var import_ui38 = require("@elementor/ui");
+var import_ui39 = require("@elementor/ui");
 
 // src/components/conditional-tooltip.tsx
-var React50 = __toESM(require("react"));
-var import_ui37 = require("@elementor/ui");
+var React51 = __toESM(require("react"));
+var import_ui38 = require("@elementor/ui");
 var ConditionalTooltip = ({
   showTooltip,
   children,
   label
 }) => {
-  return showTooltip && label ? /* @__PURE__ */ React50.createElement(import_ui37.Tooltip, { title: label, disableFocusListener: true, placement: "top" }, children) : children;
+  return showTooltip && label ? /* @__PURE__ */ React51.createElement(import_ui38.Tooltip, { title: label, disableFocusListener: true, placement: "top" }, children) : children;
 };
 
 // src/components/control-toggle-button-group.tsx
-var StyledToggleButtonGroup = (0, import_ui38.styled)(import_ui38.ToggleButtonGroup)`
+var StyledToggleButtonGroup = (0, import_ui39.styled)(import_ui39.ToggleButtonGroup)`
 	${({ justify }) => `justify-content: ${justify};`}
 	button:not( :last-of-type ) {
 		border-start-end-radius: 0;
@@ -2296,7 +2303,7 @@ var StyledToggleButtonGroup = (0, import_ui38.styled)(import_ui38.ToggleButtonGr
 		border-end-end-radius: 8px;
 	}
 `;
-var StyledToggleButton = (0, import_ui38.styled)(import_ui38.ToggleButton, {
+var StyledToggleButton = (0, import_ui39.styled)(import_ui39.ToggleButton, {
   shouldForwardProp: (prop) => prop !== "isPlaceholder"
 })`
 	${({ theme, isPlaceholder }) => isPlaceholder && `
@@ -2308,7 +2315,7 @@ var StyledToggleButton = (0, import_ui38.styled)(import_ui38.ToggleButton, {
 		}
 	`}
 `;
-var ToggleButtonGroupUi = React51.forwardRef(
+var ToggleButtonGroupUi = React52.forwardRef(
   ({
     justify = "end",
     size = "tiny",
@@ -2324,7 +2331,7 @@ var ToggleButtonGroupUi = React51.forwardRef(
     const shouldSliceItems = exclusive && maxItems !== void 0 && items2.length > maxItems;
     const menuItems = shouldSliceItems ? items2.slice(maxItems - 1) : [];
     const fixedItems = shouldSliceItems ? items2.slice(0, maxItems - 1) : items2;
-    const theme = (0, import_ui38.useTheme)();
+    const theme = (0, import_ui39.useTheme)();
     const isRtl = "rtl" === theme.direction;
     const handleChange = (_, newValue) => {
       onChange(newValue);
@@ -2353,7 +2360,7 @@ var ToggleButtonGroupUi = React51.forwardRef(
       return [];
     };
     const placeholderArray = getPlaceholderArray(placeholder);
-    return /* @__PURE__ */ React51.createElement(
+    return /* @__PURE__ */ React52.createElement(
       StyledToggleButtonGroup,
       {
         ref,
@@ -2371,14 +2378,14 @@ var ToggleButtonGroupUi = React51.forwardRef(
       },
       fixedItems.map(({ label, value: buttonValue, renderContent: Content3, showTooltip }) => {
         const isPlaceholder = placeholderArray.length > 0 && placeholderArray.includes(buttonValue) && (shouldShowExclusivePlaceholder || shouldShowNonExclusivePlaceholder);
-        return /* @__PURE__ */ React51.createElement(
+        return /* @__PURE__ */ React52.createElement(
           ConditionalTooltip,
           {
             key: buttonValue,
             label,
             showTooltip: showTooltip || false
           },
-          /* @__PURE__ */ React51.createElement(
+          /* @__PURE__ */ React52.createElement(
             StyledToggleButton,
             {
               value: buttonValue,
@@ -2387,11 +2394,11 @@ var ToggleButtonGroupUi = React51.forwardRef(
               fullWidth,
               isPlaceholder
             },
-            /* @__PURE__ */ React51.createElement(Content3, { size })
+            /* @__PURE__ */ React52.createElement(Content3, { size })
           )
         );
       }),
-      menuItems.length && exclusive && /* @__PURE__ */ React51.createElement(
+      menuItems.length && exclusive && /* @__PURE__ */ React52.createElement(
         SplitButtonGroup,
         {
           size,
@@ -2405,7 +2412,7 @@ var ToggleButtonGroupUi = React51.forwardRef(
   }
 );
 var ControlToggleButtonGroup = (props) => {
-  return /* @__PURE__ */ React51.createElement(ControlActions, null, /* @__PURE__ */ React51.createElement(ToggleButtonGroupUi, { ...props }));
+  return /* @__PURE__ */ React52.createElement(ControlActions, null, /* @__PURE__ */ React52.createElement(ToggleButtonGroupUi, { ...props }));
 };
 var SplitButtonGroup = ({
   size = "tiny",
@@ -2429,8 +2436,8 @@ var SplitButtonGroup = ({
     const shouldRemove = newValue === value;
     onChange(shouldRemove ? null : newValue);
   };
-  return /* @__PURE__ */ React51.createElement(React51.Fragment, null, /* @__PURE__ */ React51.createElement(
-    import_ui38.ToggleButton,
+  return /* @__PURE__ */ React52.createElement(React52.Fragment, null, /* @__PURE__ */ React52.createElement(
+    import_ui39.ToggleButton,
     {
       value: previewButton.value,
       "aria-label": previewButton.label,
@@ -2442,8 +2449,8 @@ var SplitButtonGroup = ({
       }
     },
     previewButton.renderContent({ size })
-  ), /* @__PURE__ */ React51.createElement(
-    import_ui38.ToggleButton,
+  ), /* @__PURE__ */ React52.createElement(
+    import_ui39.ToggleButton,
     {
       size,
       "aria-expanded": isMenuOpen ? "true" : void 0,
@@ -2453,9 +2460,9 @@ var SplitButtonGroup = ({
       ref: menuButtonRef,
       value: "__chevron-icon-button__"
     },
-    /* @__PURE__ */ React51.createElement(import_icons9.ChevronDownIcon, { fontSize: size })
-  ), /* @__PURE__ */ React51.createElement(
-    import_ui38.Menu,
+    /* @__PURE__ */ React52.createElement(import_icons9.ChevronDownIcon, { fontSize: size })
+  ), /* @__PURE__ */ React52.createElement(
+    import_ui39.Menu,
     {
       open: isMenuOpen,
       onClose: () => setIsMenuOpen(false),
@@ -2472,14 +2479,14 @@ var SplitButtonGroup = ({
         mt: 0.5
       }
     },
-    items2.map(({ label, value: buttonValue }) => /* @__PURE__ */ React51.createElement(
-      import_ui38.MenuItem,
+    items2.map(({ label, value: buttonValue }) => /* @__PURE__ */ React52.createElement(
+      import_ui39.MenuItem,
       {
         key: buttonValue,
         selected: buttonValue === value,
         onClick: () => onMenuItemClick(buttonValue)
       },
-      /* @__PURE__ */ React51.createElement(import_ui38.ListItemText, null, /* @__PURE__ */ React51.createElement(import_ui38.Typography, { sx: { fontSize: "14px" } }, label))
+      /* @__PURE__ */ React52.createElement(import_ui39.ListItemText, null, /* @__PURE__ */ React52.createElement(import_ui39.Typography, { sx: { fontSize: "14px" } }, label))
     ))
   ));
 };
@@ -2497,7 +2504,7 @@ var usePreviewButton = (items2, value) => {
 };
 
 // src/utils/convert-toggle-options-to-atomic.tsx
-var React52 = __toESM(require("react"));
+var React53 = __toESM(require("react"));
 var Icons = __toESM(require("@elementor/icons"));
 var convertToggleOptionsToAtomic = (options) => {
   return options.map((option) => {
@@ -2508,7 +2515,7 @@ var convertToggleOptionsToAtomic = (options) => {
       label: option.label,
       renderContent: ({ size }) => {
         if (IconComponent) {
-          return /* @__PURE__ */ React52.createElement(IconComponent, { fontSize: size });
+          return /* @__PURE__ */ React53.createElement(IconComponent, { fontSize: size });
         }
         return option.label;
       },
@@ -2544,7 +2551,7 @@ var ToggleControl = createControl(
       size,
       placeholder
     };
-    return exclusive ? /* @__PURE__ */ React53.createElement(
+    return exclusive ? /* @__PURE__ */ React54.createElement(
       ControlToggleButtonGroup,
       {
         ...toggleButtonGroupProps,
@@ -2553,7 +2560,7 @@ var ToggleControl = createControl(
         disabled,
         exclusive: true
       }
-    ) : /* @__PURE__ */ React53.createElement(
+    ) : /* @__PURE__ */ React54.createElement(
       ControlToggleButtonGroup,
       {
         ...toggleButtonGroupProps,
@@ -2567,9 +2574,9 @@ var ToggleControl = createControl(
 );
 
 // src/controls/number-control.tsx
-var React54 = __toESM(require("react"));
+var React55 = __toESM(require("react"));
 var import_editor_props17 = require("@elementor/editor-props");
-var import_ui39 = require("@elementor/ui");
+var import_ui40 = require("@elementor/ui");
 var isEmptyOrNaN = (value) => value === null || value === void 0 || value === "" || Number.isNaN(Number(value));
 var NumberControl = createControl(
   ({
@@ -2598,7 +2605,7 @@ var NumberControl = createControl(
       }
       setValue(updatedValue, void 0, { validation: () => isInputValid });
     };
-    return /* @__PURE__ */ React54.createElement(ControlActions, null, /* @__PURE__ */ React54.createElement(
+    return /* @__PURE__ */ React55.createElement(ControlActions, null, /* @__PURE__ */ React55.createElement(
       NumberInput,
       {
         size: "tiny",
@@ -2611,7 +2618,7 @@ var NumberControl = createControl(
         placeholder: labelPlaceholder ?? (isEmptyOrNaN(placeholder) ? "" : String(placeholder)),
         inputProps: { step, min },
         InputProps: {
-          startAdornment: startIcon ? /* @__PURE__ */ React54.createElement(import_ui39.InputAdornment, { position: "start", disabled }, startIcon) : void 0
+          startAdornment: startIcon ? /* @__PURE__ */ React55.createElement(import_ui40.InputAdornment, { position: "start", disabled }, startIcon) : void 0
         }
       }
     ));
@@ -2623,15 +2630,6 @@ var React56 = __toESM(require("react"));
 var import_react28 = require("react");
 var import_ui41 = require("@elementor/ui");
 var import_i18n17 = require("@wordpress/i18n");
-
-// src/components/control-label.tsx
-var React55 = __toESM(require("react"));
-var import_ui40 = require("@elementor/ui");
-var ControlLabel = ({ children, ...props }) => {
-  return /* @__PURE__ */ React55.createElement(import_ui40.Stack, { direction: "row", alignItems: "center", justifyItems: "start", gap: 0.25 }, /* @__PURE__ */ React55.createElement(ControlFormLabel, { ...props }, children), /* @__PURE__ */ React55.createElement(ControlAdornments, null));
-};
-
-// src/controls/equal-unequal-sizes-control.tsx
 function EqualUnequalSizesControl({
   label,
   icon,
@@ -3170,10 +3168,13 @@ var learnMoreButton = {
 };
 var INFOTIP_CONTENT = {
   descendant: (0, import_i18n21.__)(
-    "To add a link to this element, first remove the link from the elements inside of it.",
+    "To add a link or action to this element, first remove the link or action from the elements inside of it.",
     "elementor"
   ),
-  ancestor: (0, import_i18n21.__)("To add a link to this element, first remove the link from its parent container.", "elementor")
+  ancestor: (0, import_i18n21.__)(
+    "To add a link or action to this container, first remove the link or action from its parent container.",
+    "elementor"
+  )
 };
 var RestrictedLinkInfotip = ({
   linkInLinkRestriction,