@elementor/editor-controls 3.32.0-89 → 3.32.0-91

package/dist/index.mjs

@@ -609,7 +609,8 @@ var TextFieldInnerSelection = forwardRef2(
     InputProps,
     inputProps,
     disabled,
-    isPopoverOpen
+    isPopoverOpen,
+    id
   }, ref) => {
     const { placeholder: boundPropPlaceholder } = useBoundProp(sizePropTypeUtil);
     const getCursorStyle = () => ({
@@ -632,7 +633,8 @@ var TextFieldInnerSelection = forwardRef2(
         focused: isPopoverOpen ? true : void 0,
         placeholder: placeholder ?? (String(boundPropPlaceholder?.size ?? "") || void 0),
         InputProps,
-        inputProps
+        inputProps,
+        id
       }
     );
   }
@@ -716,7 +718,8 @@ var SizeInput = ({
   unit,
   popupState,
   disabled,
-  min
+  min,
+  id
 }) => {
   const unitInputBufferRef = useRef("");
   const inputType = isUnitExtendedOption(unit) ? "text" : "number";
@@ -774,7 +777,8 @@ var SizeInput = ({
       onBlur,
       InputProps,
       inputProps: { min, step: "any" },
-      isPopoverOpen: popupState.isOpen
+      isPopoverOpen: popupState.isOpen,
+      id
     }
   )));
 };
@@ -914,7 +918,8 @@ var SizeControl = createControl(
     extendedOptions,
     disableCustom,
     min = 0,
-    enablePropTypeUnits = false
+    enablePropTypeUnits = false,
+    id
   }) => {
     const {
       value: sizeValue,
@@ -1019,7 +1024,8 @@ var SizeControl = createControl(
         onBlur: restoreValue,
         onClick: onInputClick,
         popupState,
-        min
+        min,
+        id
       }
     ), anchorRef?.current && popupState.isOpen && /* @__PURE__ */ React18.createElement(
       TextFieldPopover,
@@ -1155,7 +1161,7 @@ import * as React37 from "react";
 import { useRef as useRef4 } from "react";
 import { boxShadowPropTypeUtil, shadowPropTypeUtil } from "@elementor/editor-props";
 import { FormLabel as FormLabel2, Grid as Grid4, styled as styled4, UnstableColorIndicator } from "@elementor/ui";
-import { __ as __10 } from "@wordpress/i18n";
+import { __ as __11 } from "@wordpress/i18n";
 
 // src/components/popover-content.tsx
 import * as React22 from "react";
@@ -1174,7 +1180,7 @@ var PopoverGridContainer = forwardRef4(
 import * as React25 from "react";
 import { PlusIcon } from "@elementor/icons";
 import { Box as Box2, IconButton, Infotip } from "@elementor/ui";
-import { __ as __5 } from "@wordpress/i18n";
+import { __ as __5, sprintf } from "@wordpress/i18n";
 
 // src/components/unstable-repeater/context/repeater-context.tsx
 import * as React24 from "react";
@@ -1267,7 +1273,8 @@ var TooltipAddItemAction = ({
   disabled = false,
   enableTooltip = false,
   tooltipContent = null,
-  newItemIndex
+  newItemIndex,
+  ariaLabel
 }) => {
   const { addItem } = useRepeaterContext();
   const onClick = (ev) => addItem(ev, { index: newItemIndex });
@@ -1277,7 +1284,7 @@ var TooltipAddItemAction = ({
       size: SIZE2,
       disabled,
       onClick,
-      "aria-label": __5("Add item", "elementor")
+      "aria-label": sprintf(__5("Add %s item", "elementor"), ariaLabel?.toLowerCase())
     },
     /* @__PURE__ */ React25.createElement(PlusIcon, { fontSize: SIZE2 })
   )));
@@ -1361,6 +1368,7 @@ import {
   UnstableSortableItem,
   UnstableSortableProvider
 } from "@elementor/ui";
+import { __ as __6 } from "@wordpress/i18n";
 var SortableProvider = (props) => {
   return /* @__PURE__ */ React29.createElement(List, { sx: { p: 0, my: -0.5, mx: 0 } }, /* @__PURE__ */ React29.createElement(UnstableSortableProvider, { restrictAxis: true, disableDragOverlay: false, variant: "static", ...props }));
 };
@@ -1378,7 +1386,7 @@ var SortableItem = ({ id, children, disabled }) => {
         showDropIndication,
         dropIndicationStyle
       }) => {
-        return /* @__PURE__ */ React29.createElement(StyledListItem, { ...itemProps, style: itemStyle }, !disabled && /* @__PURE__ */ React29.createElement(SortableTrigger, { ...triggerProps, style: triggerStyle }), children, showDropIndication && /* @__PURE__ */ React29.createElement(StyledDivider, { style: dropIndicationStyle }));
+        return /* @__PURE__ */ React29.createElement(StyledListItem, { ...itemProps, style: itemStyle, tabIndex: -1 }, !disabled && /* @__PURE__ */ React29.createElement(SortableTrigger, { ...triggerProps, style: triggerStyle }), children, showDropIndication && /* @__PURE__ */ React29.createElement(StyledDivider, { style: dropIndicationStyle }));
       }
     }
   );
@@ -1406,13 +1414,24 @@ var StyledListItem = styled3(ListItem)`
 		box-shadow: ${({ theme }) => theme.shadows[3]};
 	}
 
-	&:hover {
+	&:hover,
+	&:focus-within {
 		& .class-item-sortable-trigger {
 			visibility: visible;
 		}
 	}
 `;
-var SortableTrigger = (props) => /* @__PURE__ */ React29.createElement("div", { ...props, role: "button", className: "class-item-sortable-trigger" }, /* @__PURE__ */ React29.createElement(GripVerticalIcon, { fontSize: "tiny" }));
+var SortableTrigger = (props) => /* @__PURE__ */ React29.createElement(
+  "div",
+  {
+    ...props,
+    role: "button",
+    className: "class-item-sortable-trigger",
+    tabIndex: 0,
+    "aria-label": __6("Drag item", "elementor")
+  },
+  /* @__PURE__ */ React29.createElement(GripVerticalIcon, { fontSize: "tiny" })
+);
 var StyledDivider = styled3(Divider)`
 	height: 0px;
 	border: none;
@@ -1463,13 +1482,13 @@ var ItemsContainer = ({
 // src/components/unstable-repeater/items/item.tsx
 import * as React34 from "react";
 import { bindTrigger as bindTrigger2, UnstableTag } from "@elementor/ui";
-import { __ as __9 } from "@wordpress/i18n";
+import { __ as __10 } from "@wordpress/i18n";
 
 // src/components/unstable-repeater/actions/disable-item-action.tsx
 import * as React31 from "react";
 import { EyeIcon, EyeOffIcon } from "@elementor/icons";
 import { IconButton as IconButton2, Tooltip } from "@elementor/ui";
-import { __ as __6 } from "@wordpress/i18n";
+import { __ as __7 } from "@wordpress/i18n";
 var SIZE3 = "tiny";
 var DisableItemAction = ({ index = -1 }) => {
   const { items: items2, updateItem } = useRepeaterContext();
@@ -1477,7 +1496,7 @@ var DisableItemAction = ({ index = -1 }) => {
     return null;
   }
   const propDisabled = items2[index].item.disabled ?? false;
-  const toggleLabel = propDisabled ? __6("Show", "elementor") : __6("Hide", "elementor");
+  const toggleLabel = propDisabled ? __7("Show", "elementor") : __7("Hide", "elementor");
   const onClick = () => {
     const self = structuredClone(items2[index].item);
     self.disabled = !self.disabled;
@@ -1493,14 +1512,14 @@ var DisableItemAction = ({ index = -1 }) => {
 import * as React32 from "react";
 import { CopyIcon } from "@elementor/icons";
 import { IconButton as IconButton3, Tooltip as Tooltip2 } from "@elementor/ui";
-import { __ as __7 } from "@wordpress/i18n";
+import { __ as __8 } from "@wordpress/i18n";
 var SIZE4 = "tiny";
 var DuplicateItemAction = ({ index = -1 }) => {
   const { items: items2, addItem } = useRepeaterContext();
   if (index === -1) {
     return null;
   }
-  const duplicateLabel = __7("Duplicate", "elementor");
+  const duplicateLabel = __8("Duplicate", "elementor");
   const onClick = (ev) => {
     const newItem = structuredClone(items2[index]?.item);
     addItem(ev, { item: newItem, index: index + 1 });
@@ -1512,14 +1531,14 @@ var DuplicateItemAction = ({ index = -1 }) => {
 import * as React33 from "react";
 import { XIcon } from "@elementor/icons";
 import { IconButton as IconButton4, Tooltip as Tooltip3 } from "@elementor/ui";
-import { __ as __8 } from "@wordpress/i18n";
+import { __ as __9 } from "@wordpress/i18n";
 var SIZE5 = "tiny";
 var RemoveItemAction = ({ index = -1 }) => {
   const { removeItem } = useRepeaterContext();
   if (index === -1) {
     return null;
   }
-  const removeLabel = __8("Remove", "elementor");
+  const removeLabel = __9("Remove", "elementor");
   const onClick = () => removeItem(index);
   return /* @__PURE__ */ React33.createElement(Tooltip3, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React33.createElement(IconButton4, { size: SIZE5, onClick, "aria-label": removeLabel }, /* @__PURE__ */ React33.createElement(XIcon, { fontSize: SIZE5 })));
 };
@@ -1556,7 +1575,7 @@ var Item = ({
       fullWidth: true,
       ref: setRef,
       variant: "outlined",
-      "aria-label": __9("Open item", "elementor"),
+      "aria-label": __10("Open item", "elementor"),
       sx: { minHeight: (theme) => theme.spacing(4) },
       ...triggerProps,
       onClick,
@@ -1620,7 +1639,7 @@ var UnstableRepeater = ({
 // src/controls/box-shadow-repeater-control.tsx
 var BoxShadowRepeaterControl = createControl(() => {
   const { propType, value, setValue, disabled } = useBoundProp(boxShadowPropTypeUtil);
-  return /* @__PURE__ */ React37.createElement(PropProvider, { propType, value, setValue, isDisabled: () => disabled }, /* @__PURE__ */ React37.createElement(UnstableRepeater, { initial: initialShadow, propTypeUtil: boxShadowPropTypeUtil }, /* @__PURE__ */ React37.createElement(Header, { label: __10("Box shadow", "elementor") }, /* @__PURE__ */ React37.createElement(TooltipAddItemAction, { newItemIndex: 0, disabled })), /* @__PURE__ */ React37.createElement(ItemsContainer, { itemTemplate: /* @__PURE__ */ React37.createElement(Item, { Icon: ItemIcon, Label: ItemLabel }) }, /* @__PURE__ */ React37.createElement(DuplicateItemAction, null), /* @__PURE__ */ React37.createElement(DisableItemAction, null), /* @__PURE__ */ React37.createElement(RemoveItemAction, null)), /* @__PURE__ */ React37.createElement(EditItemPopover, null, /* @__PURE__ */ React37.createElement(Content, null))));
+  return /* @__PURE__ */ React37.createElement(PropProvider, { propType, value, setValue, isDisabled: () => disabled }, /* @__PURE__ */ React37.createElement(UnstableRepeater, { initial: initialShadow, propTypeUtil: boxShadowPropTypeUtil }, /* @__PURE__ */ React37.createElement(Header, { label: __11("Box shadow", "elementor") }, /* @__PURE__ */ React37.createElement(TooltipAddItemAction, { newItemIndex: 0, disabled })), /* @__PURE__ */ React37.createElement(ItemsContainer, { itemTemplate: /* @__PURE__ */ React37.createElement(Item, { Icon: ItemIcon, Label: ItemLabel }) }, /* @__PURE__ */ React37.createElement(DuplicateItemAction, null), /* @__PURE__ */ React37.createElement(DisableItemAction, null), /* @__PURE__ */ React37.createElement(RemoveItemAction, null)), /* @__PURE__ */ React37.createElement(EditItemPopover, null, /* @__PURE__ */ React37.createElement(Content, null))));
 });
 var StyledUnstableColorIndicator = styled4(UnstableColorIndicator)(({ theme }) => ({
   height: "1rem",
@@ -1632,15 +1651,15 @@ var Content = () => {
   const context = useBoundProp(shadowPropTypeUtil);
   const rowRef = [useRef4(null), useRef4(null)];
   const { rowRef: anchorEl } = useRepeaterContext();
-  return /* @__PURE__ */ React37.createElement(PropProvider, { ...context }, /* @__PURE__ */ React37.createElement(PopoverContent, { p: 1.5 }, /* @__PURE__ */ React37.createElement(PopoverGridContainer, null, /* @__PURE__ */ React37.createElement(Control2, { bind: "color", label: __10("Color", "elementor") }, /* @__PURE__ */ React37.createElement(ColorControl, { anchorEl })), /* @__PURE__ */ React37.createElement(Control2, { bind: "position", label: __10("Position", "elementor"), sx: { overflow: "hidden" } }, /* @__PURE__ */ React37.createElement(
+  return /* @__PURE__ */ React37.createElement(PropProvider, { ...context }, /* @__PURE__ */ React37.createElement(PopoverContent, { p: 1.5 }, /* @__PURE__ */ React37.createElement(PopoverGridContainer, null, /* @__PURE__ */ React37.createElement(Control2, { bind: "color", label: __11("Color", "elementor") }, /* @__PURE__ */ React37.createElement(ColorControl, { anchorEl })), /* @__PURE__ */ React37.createElement(Control2, { bind: "position", label: __11("Position", "elementor"), sx: { overflow: "hidden" } }, /* @__PURE__ */ React37.createElement(
     SelectControl,
     {
       options: [
-        { label: __10("Inset", "elementor"), value: "inset" },
-        { label: __10("Outset", "elementor"), value: null }
+        { label: __11("Inset", "elementor"), value: "inset" },
+        { label: __11("Outset", "elementor"), value: null }
       ]
     }
-  ))), /* @__PURE__ */ React37.createElement(PopoverGridContainer, { ref: rowRef[0] }, /* @__PURE__ */ React37.createElement(Control2, { bind: "hOffset", label: __10("Horizontal", "elementor") }, /* @__PURE__ */ React37.createElement(SizeControl, { anchorRef: rowRef[0] })), /* @__PURE__ */ React37.createElement(Control2, { bind: "vOffset", label: __10("Vertical", "elementor") }, /* @__PURE__ */ React37.createElement(SizeControl, { anchorRef: rowRef[0] }))), /* @__PURE__ */ React37.createElement(PopoverGridContainer, { ref: rowRef[1] }, /* @__PURE__ */ React37.createElement(Control2, { bind: "blur", label: __10("Blur", "elementor") }, /* @__PURE__ */ React37.createElement(SizeControl, { anchorRef: rowRef[1] })), /* @__PURE__ */ React37.createElement(Control2, { bind: "spread", label: __10("Spread", "elementor") }, /* @__PURE__ */ React37.createElement(SizeControl, { anchorRef: rowRef[1] })))));
+  ))), /* @__PURE__ */ React37.createElement(PopoverGridContainer, { ref: rowRef[0] }, /* @__PURE__ */ React37.createElement(Control2, { bind: "hOffset", label: __11("Horizontal", "elementor") }, /* @__PURE__ */ React37.createElement(SizeControl, { anchorRef: rowRef[0] })), /* @__PURE__ */ React37.createElement(Control2, { bind: "vOffset", label: __11("Vertical", "elementor") }, /* @__PURE__ */ React37.createElement(SizeControl, { anchorRef: rowRef[0] }))), /* @__PURE__ */ React37.createElement(PopoverGridContainer, { ref: rowRef[1] }, /* @__PURE__ */ React37.createElement(Control2, { bind: "blur", label: __11("Blur", "elementor") }, /* @__PURE__ */ React37.createElement(SizeControl, { anchorRef: rowRef[1] })), /* @__PURE__ */ React37.createElement(Control2, { bind: "spread", label: __11("Spread", "elementor") }, /* @__PURE__ */ React37.createElement(SizeControl, { anchorRef: rowRef[1] })))));
 };
 var Control2 = ({
   label,
@@ -1696,7 +1715,7 @@ import {
   backdropFilterPropTypeUtil,
   filterPropTypeUtil
 } from "@elementor/editor-props";
-import { __ as __15 } from "@wordpress/i18n";
+import { __ as __16 } from "@wordpress/i18n";
 
 // src/controls/filter-control/context/filter-config-context.tsx
 import * as React38 from "react";
@@ -1704,40 +1723,40 @@ import { createContext as createContext8, useContext as useContext8, useMemo as
 import { cssFilterFunctionPropUtil } from "@elementor/editor-props";
 
 // src/controls/filter-control/utils.ts
-import { __ as __12 } from "@wordpress/i18n";
+import { __ as __13 } from "@wordpress/i18n";
 
 // src/controls/filter-control/configs.ts
-import { __ as __11 } from "@wordpress/i18n";
+import { __ as __12 } from "@wordpress/i18n";
 var FILTERS_BY_GROUP = {
   blur: {
     blur: {
-      name: __11("Blur", "elementor"),
-      valueName: __11("Radius", "elementor")
+      name: __12("Blur", "elementor"),
+      valueName: __12("Radius", "elementor")
     }
   },
   intensity: {
-    brightness: { name: __11("Brightness", "elementor") },
-    contrast: { name: __11("Contrast", "elementor") },
-    saturate: { name: __11("Saturate", "elementor") }
+    brightness: { name: __12("Brightness", "elementor") },
+    contrast: { name: __12("Contrast", "elementor") },
+    saturate: { name: __12("Saturate", "elementor") }
   },
   "hue-rotate": {
     "hue-rotate": {
-      name: __11("Hue Rotate", "elementor"),
-      valueName: __11("Angle", "elementor")
+      name: __12("Hue Rotate", "elementor"),
+      valueName: __12("Angle", "elementor")
     }
   },
   "color-tone": {
-    grayscale: { name: __11("Grayscale", "elementor") },
-    invert: { name: __11("Invert", "elementor") },
-    sepia: { name: __11("Sepia", "elementor") }
+    grayscale: { name: __12("Grayscale", "elementor") },
+    invert: { name: __12("Invert", "elementor") },
+    sepia: { name: __12("Sepia", "elementor") }
   },
   "drop-shadow": {
-    "drop-shadow": { name: __11("Drop shadow", "elementor"), valueName: __11("Drop-shadow", "elementor") }
+    "drop-shadow": { name: __12("Drop shadow", "elementor"), valueName: __12("Drop-shadow", "elementor") }
   }
 };
 
 // src/controls/filter-control/utils.ts
-var AMOUNT_VALUE_NAME = __12("Amount", "elementor");
+var AMOUNT_VALUE_NAME = __13("Amount", "elementor");
 var DEFAULT_FACTORIES = {
   "drop-shadow": (propType) => buildDropShadowDefault(propType)
 };
@@ -1831,33 +1850,33 @@ import {
   cssFilterFunctionPropUtil as cssFilterFunctionPropUtil2
 } from "@elementor/editor-props";
 import { Grid as Grid7 } from "@elementor/ui";
-import { __ as __14 } from "@wordpress/i18n";
+import { __ as __15 } from "@wordpress/i18n";
 
 // src/controls/filter-control/drop-shadow/drop-shadow-item-content.tsx
 import * as React39 from "react";
 import { useRef as useRef5 } from "react";
 import { dropShadowFilterPropTypeUtil } from "@elementor/editor-props";
 import { Grid as Grid5 } from "@elementor/ui";
-import { __ as __13 } from "@wordpress/i18n";
+import { __ as __14 } from "@wordpress/i18n";
 var items = [
   {
     bind: "xAxis",
-    label: __13("X-axis", "elementor"),
+    label: __14("X-axis", "elementor"),
     rowIndex: 0
   },
   {
     bind: "yAxis",
-    label: __13("Y-axis", "elementor"),
+    label: __14("Y-axis", "elementor"),
     rowIndex: 0
   },
   {
     bind: "blur",
-    label: __13("Blur", "elementor"),
+    label: __14("Blur", "elementor"),
     rowIndex: 1
   },
   {
     bind: "color",
-    label: __13("Color", "elementor"),
+    label: __14("Color", "elementor"),
     rowIndex: 1
   }
 ];
@@ -1913,7 +1932,7 @@ var FilterContent = () => {
     }
     propContext.setValue(newValue);
   };
-  return /* @__PURE__ */ React41.createElement(PropProvider, { ...propContext, setValue: handleValueChange }, /* @__PURE__ */ React41.createElement(PropKeyProvider, { bind: "css-filter-func" }, /* @__PURE__ */ React41.createElement(PopoverContent, { p: 1.5 }, /* @__PURE__ */ React41.createElement(PopoverGridContainer, null, /* @__PURE__ */ React41.createElement(Grid7, { item: true, xs: 6 }, /* @__PURE__ */ React41.createElement(ControlFormLabel, null, __14("Filter", "elementor"))), /* @__PURE__ */ React41.createElement(Grid7, { item: true, xs: 6 }, /* @__PURE__ */ React41.createElement(PropKeyProvider, { bind: "func" }, /* @__PURE__ */ React41.createElement(SelectControl, { options: filterOptions })))), /* @__PURE__ */ React41.createElement(PropKeyProvider, { bind: "args" }, /* @__PURE__ */ React41.createElement(FilterValueContent, null)))));
+  return /* @__PURE__ */ React41.createElement(PropProvider, { ...propContext, setValue: handleValueChange }, /* @__PURE__ */ React41.createElement(PropKeyProvider, { bind: "css-filter-func" }, /* @__PURE__ */ React41.createElement(PopoverContent, { p: 1.5 }, /* @__PURE__ */ React41.createElement(PopoverGridContainer, null, /* @__PURE__ */ React41.createElement(Grid7, { item: true, xs: 6 }, /* @__PURE__ */ React41.createElement(ControlFormLabel, null, __15("Filter", "elementor"))), /* @__PURE__ */ React41.createElement(Grid7, { item: true, xs: 6 }, /* @__PURE__ */ React41.createElement(PropKeyProvider, { bind: "func" }, /* @__PURE__ */ React41.createElement(SelectControl, { options: filterOptions })))), /* @__PURE__ */ React41.createElement(PropKeyProvider, { bind: "args" }, /* @__PURE__ */ React41.createElement(FilterValueContent, null)))));
 };
 var FilterValueContent = () => {
   const { openItemIndex, items: items2 } = useRepeaterContext();
@@ -1985,11 +2004,11 @@ var FilterLabel = ({ value }) => {
 var FILTER_CONFIG = {
   filter: {
     propTypeUtil: filterPropTypeUtil,
-    label: __15("Filters", "elementor")
+    label: __16("Filters", "elementor")
   },
   "backdrop-filter": {
     propTypeUtil: backdropFilterPropTypeUtil,
-    label: __15("Backdrop Filters", "elementor")
+    label: __16("Backdrop Filters", "elementor")
   }
 };
 var FilterRepeaterControl = createControl(({ filterPropName = "filter" }) => {
@@ -1999,13 +2018,20 @@ var FilterRepeaterControl = createControl(({ filterPropName = "filter" }) => {
     Repeater,
     {
       propTypeUtil,
-      label
+      label,
+      filterPropName
     }
   )));
 });
-var Repeater = ({ propTypeUtil, label }) => {
+var Repeater = ({ propTypeUtil, label, filterPropName }) => {
   const { getInitialValue } = useFilterConfig();
-  return /* @__PURE__ */ React46.createElement(UnstableRepeater, { initial: getInitialValue(), propTypeUtil }, /* @__PURE__ */ React46.createElement(Header, { label }, /* @__PURE__ */ React46.createElement(TooltipAddItemAction, { newItemIndex: 0 })), /* @__PURE__ */ React46.createElement(ItemsContainer, { itemTemplate: /* @__PURE__ */ React46.createElement(Item, { Label: FilterLabel, Icon: FilterIcon }) }, /* @__PURE__ */ React46.createElement(DuplicateItemAction, null), /* @__PURE__ */ React46.createElement(DisableItemAction, null), /* @__PURE__ */ React46.createElement(RemoveItemAction, null)), /* @__PURE__ */ React46.createElement(EditItemPopover, null, /* @__PURE__ */ React46.createElement(FilterContent, null)));
+  return /* @__PURE__ */ React46.createElement(UnstableRepeater, { initial: getInitialValue(), propTypeUtil }, /* @__PURE__ */ React46.createElement(Header, { label }, /* @__PURE__ */ React46.createElement(
+    TooltipAddItemAction,
+    {
+      newItemIndex: 0,
+      ariaLabel: filterPropName === "backdrop-filter" ? "backdrop filter" : "filter"
+    }
+  )), /* @__PURE__ */ React46.createElement(ItemsContainer, { itemTemplate: /* @__PURE__ */ React46.createElement(Item, { Label: FilterLabel, Icon: FilterIcon }) }, /* @__PURE__ */ React46.createElement(DuplicateItemAction, null), /* @__PURE__ */ React46.createElement(DisableItemAction, null), /* @__PURE__ */ React46.createElement(RemoveItemAction, null)), /* @__PURE__ */ React46.createElement(EditItemPopover, null, /* @__PURE__ */ React46.createElement(FilterContent, null)));
 };
 function ensureFilterConfig(name) {
   if (name && name in FILTER_CONFIG) {
@@ -2358,13 +2384,13 @@ import * as React52 from "react";
 import { useId as useId2, useRef as useRef8 } from "react";
 import { sizePropTypeUtil as sizePropTypeUtil3 } from "@elementor/editor-props";
 import { bindPopover as bindPopover3, bindToggle, Grid as Grid8, Popover as Popover3, Stack as Stack7, ToggleButton as ToggleButton2, Tooltip as Tooltip5, usePopupState as usePopupState4 } from "@elementor/ui";
-import { __ as __16 } from "@wordpress/i18n";
+import { __ as __17 } from "@wordpress/i18n";
 
 // src/components/control-label.tsx
 import * as React51 from "react";
 import { Stack as Stack6 } from "@elementor/ui";
-var ControlLabel = ({ children }) => {
-  return /* @__PURE__ */ React51.createElement(Stack6, { direction: "row", alignItems: "center", justifyItems: "start", gap: 0.25 }, /* @__PURE__ */ React51.createElement(ControlFormLabel, null, children), /* @__PURE__ */ React51.createElement(ControlAdornments, null));
+var ControlLabel = ({ children, ...props }) => {
+  return /* @__PURE__ */ React51.createElement(Stack6, { direction: "row", alignItems: "center", justifyItems: "start", gap: 0.25 }, /* @__PURE__ */ React51.createElement(ControlFormLabel, { ...props }, children), /* @__PURE__ */ React51.createElement(ControlAdornments, null));
 };
 
 // src/controls/equal-unequal-sizes-control.tsx
@@ -2426,7 +2452,7 @@ function EqualUnequalSizesControl({
   return /* @__PURE__ */ React52.createElement(React52.Fragment, null, /* @__PURE__ */ React52.createElement(Grid8, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap", ref: rowRefs[0] }, /* @__PURE__ */ React52.createElement(Grid8, { item: true, xs: 6 }, !isShowingGeneralIndicator ? /* @__PURE__ */ React52.createElement(ControlFormLabel, null, label) : /* @__PURE__ */ React52.createElement(ControlLabel, null, label)), /* @__PURE__ */ React52.createElement(Grid8, { item: true, xs: 6 }, /* @__PURE__ */ React52.createElement(Stack7, { direction: "row", alignItems: "center", gap: 1 }, /* @__PURE__ */ React52.createElement(
     SizeControl,
     {
-      placeholder: isMixed ? __16("Mixed", "elementor") : void 0,
+      placeholder: isMixed ? __17("Mixed", "elementor") : void 0,
       anchorRef: rowRefs[0]
     }
   ), /* @__PURE__ */ React52.createElement(Tooltip5, { title: tooltipLabel, placement: "top" }, /* @__PURE__ */ React52.createElement(
@@ -2480,7 +2506,7 @@ import { useRef as useRef9 } from "react";
 import { dimensionsPropTypeUtil, sizePropTypeUtil as sizePropTypeUtil4 } from "@elementor/editor-props";
 import { DetachIcon, LinkIcon, SideBottomIcon, SideLeftIcon, SideRightIcon, SideTopIcon } from "@elementor/icons";
 import { Grid as Grid9, Stack as Stack8, Tooltip as Tooltip6 } from "@elementor/ui";
-import { __ as __17 } from "@wordpress/i18n";
+import { __ as __18 } from "@wordpress/i18n";
 var LinkedDimensionsControl = ({
   label,
   isSiteRtl = false,
@@ -2519,8 +2545,8 @@ var LinkedDimensionsControl = ({
   };
   const tooltipLabel = label.toLowerCase();
   const LinkedIcon = isLinked ? LinkIcon : DetachIcon;
-  const linkedLabel = __17("Link %s", "elementor").replace("%s", tooltipLabel);
-  const unlinkedLabel = __17("Unlink %s", "elementor").replace("%s", tooltipLabel);
+  const linkedLabel = __18("Link %s", "elementor").replace("%s", tooltipLabel);
+  const unlinkedLabel = __18("Unlink %s", "elementor").replace("%s", tooltipLabel);
   const disabled = sizeDisabled || dimensionsDisabled;
   return /* @__PURE__ */ React53.createElement(
     PropProvider,
@@ -2595,24 +2621,24 @@ function getCssDimensionProps(isSiteRtl) {
     [
       {
         bind: "block-start",
-        label: __17("Top", "elementor"),
+        label: __18("Top", "elementor"),
         icon: /* @__PURE__ */ React53.createElement(SideTopIcon, { fontSize: "tiny" })
       },
       {
         bind: "inline-end",
-        label: isSiteRtl ? __17("Left", "elementor") : __17("Right", "elementor"),
+        label: isSiteRtl ? __18("Left", "elementor") : __18("Right", "elementor"),
         icon: isSiteRtl ? /* @__PURE__ */ React53.createElement(SideLeftIcon, { fontSize: "tiny" }) : /* @__PURE__ */ React53.createElement(SideRightIcon, { fontSize: "tiny" })
       }
     ],
     [
       {
         bind: "block-end",
-        label: __17("Bottom", "elementor"),
+        label: __18("Bottom", "elementor"),
         icon: /* @__PURE__ */ React53.createElement(SideBottomIcon, { fontSize: "tiny" })
       },
       {
         bind: "inline-start",
-        label: isSiteRtl ? __17("Right", "elementor") : __17("Left", "elementor"),
+        label: isSiteRtl ? __18("Right", "elementor") : __18("Left", "elementor"),
         icon: isSiteRtl ? /* @__PURE__ */ React53.createElement(SideRightIcon, { fontSize: "tiny" }) : /* @__PURE__ */ React53.createElement(SideLeftIcon, { fontSize: "tiny" })
       }
     ]
@@ -2624,7 +2650,7 @@ import * as React55 from "react";
 import { stringPropTypeUtil as stringPropTypeUtil5 } from "@elementor/editor-props";
 import { ChevronDownIcon as ChevronDownIcon2, TextIcon } from "@elementor/icons";
 import { bindPopover as bindPopover4, bindTrigger as bindTrigger3, Popover as Popover4, UnstableTag as UnstableTag2, usePopupState as usePopupState5 } from "@elementor/ui";
-import { __ as __19 } from "@wordpress/i18n";
+import { __ as __20 } from "@wordpress/i18n";
 
 // src/components/item-selector.tsx
 import * as React54 from "react";
@@ -2632,7 +2658,7 @@ import { useCallback, useEffect as useEffect6, useState as useState8 } from "rea
 import { PopoverBody, PopoverHeader as PopoverHeader2, PopoverMenuList, PopoverSearch } from "@elementor/editor-ui";
 import { Box as Box7, Divider as Divider2, Link, Stack as Stack9, Typography as Typography4 } from "@elementor/ui";
 import { debounce } from "@elementor/utils";
-import { __ as __18 } from "@wordpress/i18n";
+import { __ as __19 } from "@wordpress/i18n";
 
 // src/hooks/use-filtered-items-list.ts
 var useFilteredItemsList = (itemsList, searchValue) => {
@@ -2678,7 +2704,7 @@ var ItemSelector = ({
     {
       value: searchValue,
       onSearch: handleSearch,
-      placeholder: __18("Search", "elementor")
+      placeholder: __19("Search", "elementor")
     }
   ), /* @__PURE__ */ React54.createElement(Divider2, null), filteredItemsList.length > 0 ? /* @__PURE__ */ React54.createElement(
     ItemList,
@@ -2701,7 +2727,7 @@ var ItemSelector = ({
       overflow: "hidden"
     },
     /* @__PURE__ */ React54.createElement(IconComponent, { fontSize: "large" }),
-    /* @__PURE__ */ React54.createElement(Box7, { sx: { maxWidth: 160, overflow: "hidden" } }, /* @__PURE__ */ React54.createElement(Typography4, { align: "center", variant: "subtitle2", color: "text.secondary" }, __18("Sorry, nothing matched", "elementor")), /* @__PURE__ */ React54.createElement(
+    /* @__PURE__ */ React54.createElement(Box7, { sx: { maxWidth: 160, overflow: "hidden" } }, /* @__PURE__ */ React54.createElement(Typography4, { align: "center", variant: "subtitle2", color: "text.secondary" }, __19("Sorry, nothing matched", "elementor")), /* @__PURE__ */ React54.createElement(
       Typography4,
       {
         variant: "subtitle2",
@@ -2727,7 +2753,7 @@ var ItemSelector = ({
         color: "text.secondary",
         sx: { display: "flex", flexDirection: "column" }
       },
-      __18("Try something else.", "elementor"),
+      __19("Try something else.", "elementor"),
       /* @__PURE__ */ React54.createElement(
         Link,
         {
@@ -2736,7 +2762,7 @@ var ItemSelector = ({
           component: "button",
           onClick: () => setSearchValue("")
         },
-        __18("Clear & try again", "elementor")
+        __19("Clear & try again", "elementor")
       )
     )
   ));
@@ -2830,7 +2856,7 @@ var FontFamilyControl = createControl(({ fontFamilies, sectionWidth }) => {
         onItemChange: setFontFamily,
         onClose: popoverState.close,
         sectionWidth,
-        title: __19("Font Family", "elementor"),
+        title: __20("Font Family", "elementor"),
         itemStyle: (item) => ({ fontFamily: item.value }),
         onDebounce: enqueueFont,
         icon: TextIcon
@@ -2874,7 +2900,7 @@ import { MinusIcon, PlusIcon as PlusIcon2 } from "@elementor/icons";
 import { useSessionStorage } from "@elementor/session";
 import { Collapse, Grid as Grid10, IconButton as IconButton6, Stack as Stack10 } from "@elementor/ui";
 import { debounce as debounce2 } from "@elementor/utils";
-import { __ as __21 } from "@wordpress/i18n";
+import { __ as __22 } from "@wordpress/i18n";
 
 // src/components/autocomplete.tsx
 import * as React57 from "react";
@@ -2993,17 +3019,17 @@ import * as React58 from "react";
 import { selectElement } from "@elementor/editor-elements";
 import { InfoCircleFilledIcon } from "@elementor/icons";
 import { Alert, AlertAction, AlertTitle, Box as Box9, Infotip as Infotip2, Link as Link2 } from "@elementor/ui";
-import { __ as __20 } from "@wordpress/i18n";
+import { __ as __21 } from "@wordpress/i18n";
 var learnMoreButton = {
-  label: __20("Learn More", "elementor"),
+  label: __21("Learn More", "elementor"),
   href: "https://go.elementor.com/element-link-inside-link-infotip"
 };
 var INFOTIP_CONTENT = {
-  descendant: __20(
+  descendant: __21(
     "To add a link to this element, first remove the link from the elements inside of it.",
     "elementor"
   ),
-  ancestor: __20("To add a link to this element, first remove the link from its parent container.", "elementor")
+  ancestor: __21("To add a link to this element, first remove the link from its parent container.", "elementor")
 };
 var RestrictedLinkInfotip = ({
   linkInLinkRestriction,
@@ -3029,10 +3055,10 @@ var RestrictedLinkInfotip = ({
           color: "secondary",
           onClick: handleTakeMeClick
         },
-        __20("Take me there", "elementor")
+        __21("Take me there", "elementor")
       )
     },
-    /* @__PURE__ */ React58.createElement(AlertTitle, null, __20("Nested links", "elementor")),
+    /* @__PURE__ */ React58.createElement(AlertTitle, null, __21("Nested links", "elementor")),
     /* @__PURE__ */ React58.createElement(Box9, { component: "span" }, INFOTIP_CONTENT[reason ?? "descendant"], " ", /* @__PURE__ */ React58.createElement(Link2, { href: learnMoreButton.href, target: "_blank", color: "info.main" }, learnMoreButton.label))
   );
   return shouldRestrict && isVisible ? /* @__PURE__ */ React58.createElement(
@@ -3082,7 +3108,7 @@ var LinkControl = createControl((props) => {
     placeholder,
     minInputLength = 2,
     context: { elementId },
-    label = __21("Link", "elementor")
+    label = __22("Link", "elementor")
   } = props || {};
   const [linkInLinkRestriction, setLinkInLinkRestriction] = useState9(getLinkInLinkRestriction(elementId));
   const [options, setOptions] = useState9(
@@ -3162,7 +3188,7 @@ var LinkControl = createControl((props) => {
         disabled: shouldDisableAddingLink,
         active: isActive,
         onIconClick: onEnabledChange,
-        label: __21("Toggle link", "elementor")
+        label: __22("Toggle link", "elementor")
       }
     ))
   ), /* @__PURE__ */ React60.createElement(Collapse, { in: isActive, timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ React60.createElement(Stack10, { gap: 1.5 }, /* @__PURE__ */ React60.createElement(PropKeyProvider, { bind: "destination" }, /* @__PURE__ */ React60.createElement(ControlActions, null, /* @__PURE__ */ React60.createElement(
@@ -3176,7 +3202,7 @@ var LinkControl = createControl((props) => {
       onTextChange,
       minInputLength
     }
-  ))), /* @__PURE__ */ React60.createElement(PropKeyProvider, { bind: "isTargetBlank" }, /* @__PURE__ */ React60.createElement(Grid10, { container: true, alignItems: "center", flexWrap: "nowrap", justifyContent: "space-between" }, /* @__PURE__ */ React60.createElement(Grid10, { item: true }, /* @__PURE__ */ React60.createElement(ControlFormLabel, null, __21("Open in a new tab", "elementor"))), /* @__PURE__ */ React60.createElement(Grid10, { item: true, sx: { marginInlineEnd: -1 } }, /* @__PURE__ */ React60.createElement(SwitchControl, null))))))));
+  ))), /* @__PURE__ */ React60.createElement(PropKeyProvider, { bind: "isTargetBlank" }, /* @__PURE__ */ React60.createElement(Grid10, { container: true, alignItems: "center", flexWrap: "nowrap", justifyContent: "space-between" }, /* @__PURE__ */ React60.createElement(Grid10, { item: true }, /* @__PURE__ */ React60.createElement(ControlFormLabel, null, __22("Open in a new tab", "elementor"))), /* @__PURE__ */ React60.createElement(Grid10, { item: true, sx: { marginInlineEnd: -1 } }, /* @__PURE__ */ React60.createElement(SwitchControl, null))))))));
 });
 var ToggleIconControl = ({ disabled, active, onIconClick, label }) => {
   return /* @__PURE__ */ React60.createElement(IconButton6, { size: SIZE6, onClick: onIconClick, "aria-label": label, disabled }, active ? /* @__PURE__ */ React60.createElement(MinusIcon, { fontSize: SIZE6 }) : /* @__PURE__ */ React60.createElement(PlusIcon2, { fontSize: SIZE6 }));
@@ -3216,7 +3242,7 @@ import { useRef as useRef10 } from "react";
 import { layoutDirectionPropTypeUtil, sizePropTypeUtil as sizePropTypeUtil5 } from "@elementor/editor-props";
 import { DetachIcon as DetachIcon2, LinkIcon as LinkIcon2 } from "@elementor/icons";
 import { Grid as Grid11, Stack as Stack11, ToggleButton as ToggleButton3, Tooltip as Tooltip7 } from "@elementor/ui";
-import { __ as __22 } from "@wordpress/i18n";
+import { __ as __23 } from "@wordpress/i18n";
 var GapControl = ({ label }) => {
   const {
     value: directionValue,
@@ -3240,8 +3266,8 @@ var GapControl = ({ label }) => {
   };
   const tooltipLabel = label.toLowerCase();
   const LinkedIcon = isLinked ? LinkIcon2 : DetachIcon2;
-  const linkedLabel = __22("Link %s", "elementor").replace("%s", tooltipLabel);
-  const unlinkedLabel = __22("Unlink %s", "elementor").replace("%s", tooltipLabel);
+  const linkedLabel = __23("Link %s", "elementor").replace("%s", tooltipLabel);
+  const unlinkedLabel = __23("Unlink %s", "elementor").replace("%s", tooltipLabel);
   const disabled = sizeDisabled || directionDisabled;
   return /* @__PURE__ */ React61.createElement(PropProvider, { propType, value: directionValue, setValue: setDirectionValue }, /* @__PURE__ */ React61.createElement(Stack11, { direction: "row", gap: 2, flexWrap: "nowrap" }, /* @__PURE__ */ React61.createElement(ControlLabel, null, label), /* @__PURE__ */ React61.createElement(Tooltip7, { title: isLinked ? unlinkedLabel : linkedLabel, placement: "top" }, /* @__PURE__ */ React61.createElement(
     ToggleButton3,
@@ -3255,7 +3281,7 @@ var GapControl = ({ label }) => {
       disabled
     },
     /* @__PURE__ */ React61.createElement(LinkedIcon, { fontSize: "tiny" })
-  ))), /* @__PURE__ */ React61.createElement(Stack11, { direction: "row", gap: 2, flexWrap: "nowrap", ref: stackRef }, /* @__PURE__ */ React61.createElement(Grid11, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React61.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React61.createElement(ControlFormLabel, null, __22("Column", "elementor"))), /* @__PURE__ */ React61.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React61.createElement(Control4, { bind: "column", isLinked, anchorRef: stackRef }))), /* @__PURE__ */ React61.createElement(Grid11, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React61.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React61.createElement(ControlFormLabel, null, __22("Row", "elementor"))), /* @__PURE__ */ React61.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React61.createElement(Control4, { bind: "row", isLinked, anchorRef: stackRef })))));
+  ))), /* @__PURE__ */ React61.createElement(Stack11, { direction: "row", gap: 2, flexWrap: "nowrap", ref: stackRef }, /* @__PURE__ */ React61.createElement(Grid11, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React61.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React61.createElement(ControlFormLabel, null, __23("Column", "elementor"))), /* @__PURE__ */ React61.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React61.createElement(Control4, { bind: "column", isLinked, anchorRef: stackRef }))), /* @__PURE__ */ React61.createElement(Grid11, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React61.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React61.createElement(ControlFormLabel, null, __23("Row", "elementor"))), /* @__PURE__ */ React61.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React61.createElement(Control4, { bind: "row", isLinked, anchorRef: stackRef })))));
 };
 var Control4 = ({
   bind,
@@ -3275,9 +3301,9 @@ import { stringPropTypeUtil as stringPropTypeUtil7 } from "@elementor/editor-pro
 import { MenuListItem as MenuListItem3 } from "@elementor/editor-ui";
 import { ArrowsMoveHorizontalIcon, ArrowsMoveVerticalIcon } from "@elementor/icons";
 import { Grid as Grid12, Select as Select2, Stack as Stack12, TextField as TextField7 } from "@elementor/ui";
-import { __ as __23 } from "@wordpress/i18n";
+import { __ as __24 } from "@wordpress/i18n";
 var RATIO_OPTIONS = [
-  { label: __23("Auto", "elementor"), value: "auto" },
+  { label: __24("Auto", "elementor"), value: "auto" },
   { label: "1/1", value: "1/1" },
   { label: "4/3", value: "4/3" },
   { label: "3/4", value: "3/4" },
@@ -3347,7 +3373,7 @@ var AspectRatioControl = createControl(({ label }) => {
       onChange: handleSelectChange,
       fullWidth: true
     },
-    [...RATIO_OPTIONS, { label: __23("Custom", "elementor"), value: CUSTOM_RATIO }].map(
+    [...RATIO_OPTIONS, { label: __24("Custom", "elementor"), value: CUSTOM_RATIO }].map(
       ({ label: optionLabel, ...props }) => /* @__PURE__ */ React62.createElement(MenuListItem3, { key: props.value, ...props, value: props.value ?? "" }, optionLabel)
     )
   ))), isCustom && /* @__PURE__ */ React62.createElement(Grid12, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React62.createElement(Grid12, { item: true, xs: 6 }, /* @__PURE__ */ React62.createElement(
@@ -3386,7 +3412,7 @@ import { imageSrcPropTypeUtil as imageSrcPropTypeUtil2 } from "@elementor/editor
 import { UploadIcon as UploadIcon2 } from "@elementor/icons";
 import { Button as Button4, Card as Card2, CardMedia as CardMedia2, CardOverlay as CardOverlay2, CircularProgress as CircularProgress3, Stack as Stack13, styled as styled7 } from "@elementor/ui";
 import { useWpMediaAttachment as useWpMediaAttachment2, useWpMediaFrame as useWpMediaFrame2 } from "@elementor/wp-media";
-import { __ as __25 } from "@wordpress/i18n";
+import { __ as __26 } from "@wordpress/i18n";
 
 // src/components/enable-unfiltered-modal.tsx
 import * as React63 from "react";
@@ -3403,19 +3429,19 @@ import {
   DialogTitle,
   Divider as Divider3
 } from "@elementor/ui";
-import { __ as __24 } from "@wordpress/i18n";
-var ADMIN_TITLE_TEXT = __24("Enable Unfiltered Uploads", "elementor");
-var ADMIN_CONTENT_TEXT = __24(
+import { __ as __25 } from "@wordpress/i18n";
+var ADMIN_TITLE_TEXT = __25("Enable Unfiltered Uploads", "elementor");
+var ADMIN_CONTENT_TEXT = __25(
   "Before you enable unfiltered files upload, note that such files include a security risk. Elementor does run a process to remove possible malicious code, but there is still risk involved when using such files.",
   "elementor"
 );
-var NON_ADMIN_TITLE_TEXT = __24("Sorry, you can't upload that file yet", "elementor");
-var NON_ADMIN_CONTENT_TEXT = __24(
+var NON_ADMIN_TITLE_TEXT = __25("Sorry, you can't upload that file yet", "elementor");
+var NON_ADMIN_CONTENT_TEXT = __25(
   "This is because this file type may pose a security risk. To upload them anyway, ask the site administrator to enable unfiltered file uploads.",
   "elementor"
 );
-var ADMIN_FAILED_CONTENT_TEXT_PT1 = __24("Failed to enable unfiltered files upload.", "elementor");
-var ADMIN_FAILED_CONTENT_TEXT_PT2 = __24(
+var ADMIN_FAILED_CONTENT_TEXT_PT1 = __25("Failed to enable unfiltered files upload.", "elementor");
+var ADMIN_FAILED_CONTENT_TEXT_PT2 = __25(
   "You can try again, if the problem persists, please contact support.",
   "elementor"
 );
@@ -3444,7 +3470,7 @@ var EnableUnfilteredModal = (props) => {
   const dialogProps = { ...props, isPending, handleEnable, isError, onClose };
   return canManageOptions ? /* @__PURE__ */ React63.createElement(AdminDialog, { ...dialogProps }) : /* @__PURE__ */ React63.createElement(NonAdminDialog, { ...dialogProps });
 };
-var AdminDialog = ({ open, onClose, handleEnable, isPending, isError }) => /* @__PURE__ */ React63.createElement(Dialog, { open, maxWidth: "sm", onClose: () => onClose(false) }, /* @__PURE__ */ React63.createElement(DialogHeader, { logo: false }, /* @__PURE__ */ React63.createElement(DialogTitle, null, ADMIN_TITLE_TEXT)), /* @__PURE__ */ React63.createElement(Divider3, null), /* @__PURE__ */ React63.createElement(DialogContent, null, /* @__PURE__ */ React63.createElement(DialogContentText, null, isError ? /* @__PURE__ */ React63.createElement(React63.Fragment, null, ADMIN_FAILED_CONTENT_TEXT_PT1, " ", /* @__PURE__ */ React63.createElement("br", null), " ", ADMIN_FAILED_CONTENT_TEXT_PT2) : ADMIN_CONTENT_TEXT)), /* @__PURE__ */ React63.createElement(DialogActions, null, /* @__PURE__ */ React63.createElement(Button3, { size: "medium", color: "secondary", onClick: () => onClose(false) }, __24("Cancel", "elementor")), /* @__PURE__ */ React63.createElement(
+var AdminDialog = ({ open, onClose, handleEnable, isPending, isError }) => /* @__PURE__ */ React63.createElement(Dialog, { open, maxWidth: "sm", onClose: () => onClose(false) }, /* @__PURE__ */ React63.createElement(DialogHeader, { logo: false }, /* @__PURE__ */ React63.createElement(DialogTitle, null, ADMIN_TITLE_TEXT)), /* @__PURE__ */ React63.createElement(Divider3, null), /* @__PURE__ */ React63.createElement(DialogContent, null, /* @__PURE__ */ React63.createElement(DialogContentText, null, isError ? /* @__PURE__ */ React63.createElement(React63.Fragment, null, ADMIN_FAILED_CONTENT_TEXT_PT1, " ", /* @__PURE__ */ React63.createElement("br", null), " ", ADMIN_FAILED_CONTENT_TEXT_PT2) : ADMIN_CONTENT_TEXT)), /* @__PURE__ */ React63.createElement(DialogActions, null, /* @__PURE__ */ React63.createElement(Button3, { size: "medium", color: "secondary", onClick: () => onClose(false) }, __25("Cancel", "elementor")), /* @__PURE__ */ React63.createElement(
   Button3,
   {
     size: "medium",
@@ -3453,9 +3479,9 @@ var AdminDialog = ({ open, onClose, handleEnable, isPending, isError }) => /* @_
     color: "primary",
     disabled: isPending
   },
-  isPending ? /* @__PURE__ */ React63.createElement(CircularProgress2, { size: 24 }) : __24("Enable", "elementor")
+  isPending ? /* @__PURE__ */ React63.createElement(CircularProgress2, { size: 24 }) : __25("Enable", "elementor")
 )));
-var NonAdminDialog = ({ open, onClose }) => /* @__PURE__ */ React63.createElement(Dialog, { open, maxWidth: "sm", onClose: () => onClose(false) }, /* @__PURE__ */ React63.createElement(DialogHeader, { logo: false }, /* @__PURE__ */ React63.createElement(DialogTitle, null, NON_ADMIN_TITLE_TEXT)), /* @__PURE__ */ React63.createElement(Divider3, null), /* @__PURE__ */ React63.createElement(DialogContent, null, /* @__PURE__ */ React63.createElement(DialogContentText, null, NON_ADMIN_CONTENT_TEXT)), /* @__PURE__ */ React63.createElement(DialogActions, null, /* @__PURE__ */ React63.createElement(Button3, { size: "medium", onClick: () => onClose(false), variant: "contained", color: "primary" }, __24("Got it", "elementor"))));
+var NonAdminDialog = ({ open, onClose }) => /* @__PURE__ */ React63.createElement(Dialog, { open, maxWidth: "sm", onClose: () => onClose(false) }, /* @__PURE__ */ React63.createElement(DialogHeader, { logo: false }, /* @__PURE__ */ React63.createElement(DialogTitle, null, NON_ADMIN_TITLE_TEXT)), /* @__PURE__ */ React63.createElement(Divider3, null), /* @__PURE__ */ React63.createElement(DialogContent, null, /* @__PURE__ */ React63.createElement(DialogContentText, null, NON_ADMIN_CONTENT_TEXT)), /* @__PURE__ */ React63.createElement(DialogActions, null, /* @__PURE__ */ React63.createElement(Button3, { size: "medium", onClick: () => onClose(false), variant: "contained", color: "primary" }, __25("Got it", "elementor"))));
 
 // src/controls/svg-media-control.tsx
 var TILE_SIZE = 8;
@@ -3521,7 +3547,7 @@ var SvgMediaControl = createControl(() => {
     {
       component: "img",
       image: src,
-      alt: __25("Preview SVG", "elementor"),
+      alt: __26("Preview SVG", "elementor"),
       sx: { maxHeight: "140px", width: "50px" }
     }
   )), /* @__PURE__ */ React64.createElement(
@@ -3541,7 +3567,7 @@ var SvgMediaControl = createControl(() => {
         variant: "outlined",
         onClick: () => handleClick(MODE_BROWSE)
       },
-      __25("Select SVG", "elementor")
+      __26("Select SVG", "elementor")
     ), /* @__PURE__ */ React64.createElement(
       Button4,
       {
@@ -3551,7 +3577,7 @@ var SvgMediaControl = createControl(() => {
         startIcon: /* @__PURE__ */ React64.createElement(UploadIcon2, null),
         onClick: () => handleClick(MODE_UPLOAD)
       },
-      __25("Upload", "elementor")
+      __26("Upload", "elementor")
     ))
   ))));
 });
@@ -3560,7 +3586,7 @@ var SvgMediaControl = createControl(() => {
 import * as React71 from "react";
 import { backgroundPropTypeUtil } from "@elementor/editor-props";
 import { Grid as Grid17 } from "@elementor/ui";
-import { __ as __31 } from "@wordpress/i18n";
+import { __ as __32 } from "@wordpress/i18n";
 
 // src/controls/background-control/background-overlay/background-overlay-repeater-control.tsx
 import * as React70 from "react";
@@ -3572,7 +3598,7 @@ import {
 } from "@elementor/editor-props";
 import { Box as Box11, CardMedia as CardMedia3, styled as styled8, Tab, TabPanel, Tabs, UnstableColorIndicator as UnstableColorIndicator3 } from "@elementor/ui";
 import { useWpMediaAttachment as useWpMediaAttachment3 } from "@elementor/wp-media";
-import { __ as __30 } from "@wordpress/i18n";
+import { __ as __31 } from "@wordpress/i18n";
 
 // src/env.ts
 import { parseEnv } from "@elementor/env";
@@ -3654,23 +3680,23 @@ var initialBackgroundGradientOverlay = backgroundGradientOverlayPropTypeUtil.cre
 import * as React66 from "react";
 import { PinIcon, PinnedOffIcon } from "@elementor/icons";
 import { Grid as Grid13 } from "@elementor/ui";
-import { __ as __26 } from "@wordpress/i18n";
+import { __ as __27 } from "@wordpress/i18n";
 var attachmentControlOptions = [
   {
     value: "fixed",
-    label: __26("Fixed", "elementor"),
+    label: __27("Fixed", "elementor"),
     renderContent: ({ size }) => /* @__PURE__ */ React66.createElement(PinIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "scroll",
-    label: __26("Scroll", "elementor"),
+    label: __27("Scroll", "elementor"),
     renderContent: ({ size }) => /* @__PURE__ */ React66.createElement(PinnedOffIcon, { fontSize: size }),
     showTooltip: true
   }
 ];
 var BackgroundImageOverlayAttachment = () => {
-  return /* @__PURE__ */ React66.createElement(PopoverGridContainer, null, /* @__PURE__ */ React66.createElement(Grid13, { item: true, xs: 6 }, /* @__PURE__ */ React66.createElement(ControlFormLabel, null, __26("Attachment", "elementor"))), /* @__PURE__ */ React66.createElement(Grid13, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end", overflow: "hidden" } }, /* @__PURE__ */ React66.createElement(ToggleControl, { options: attachmentControlOptions })));
+  return /* @__PURE__ */ React66.createElement(PopoverGridContainer, null, /* @__PURE__ */ React66.createElement(Grid13, { item: true, xs: 6 }, /* @__PURE__ */ React66.createElement(ControlFormLabel, null, __27("Attachment", "elementor"))), /* @__PURE__ */ React66.createElement(Grid13, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end", overflow: "hidden" } }, /* @__PURE__ */ React66.createElement(ToggleControl, { options: attachmentControlOptions })));
 };
 
 // src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-position.tsx
@@ -3680,18 +3706,18 @@ import { backgroundImagePositionOffsetPropTypeUtil, stringPropTypeUtil as string
 import { MenuListItem as MenuListItem4 } from "@elementor/editor-ui";
 import { LetterXIcon, LetterYIcon } from "@elementor/icons";
 import { Grid as Grid14, Select as Select3 } from "@elementor/ui";
-import { __ as __27 } from "@wordpress/i18n";
+import { __ as __28 } from "@wordpress/i18n";
 var backgroundPositionOptions = [
-  { label: __27("Center center", "elementor"), value: "center center" },
-  { label: __27("Center left", "elementor"), value: "center left" },
-  { label: __27("Center right", "elementor"), value: "center right" },
-  { label: __27("Top center", "elementor"), value: "top center" },
-  { label: __27("Top left", "elementor"), value: "top left" },
-  { label: __27("Top right", "elementor"), value: "top right" },
-  { label: __27("Bottom center", "elementor"), value: "bottom center" },
-  { label: __27("Bottom left", "elementor"), value: "bottom left" },
-  { label: __27("Bottom right", "elementor"), value: "bottom right" },
-  { label: __27("Custom", "elementor"), value: "custom" }
+  { label: __28("Center center", "elementor"), value: "center center" },
+  { label: __28("Center left", "elementor"), value: "center left" },
+  { label: __28("Center right", "elementor"), value: "center right" },
+  { label: __28("Top center", "elementor"), value: "top center" },
+  { label: __28("Top left", "elementor"), value: "top left" },
+  { label: __28("Top right", "elementor"), value: "top right" },
+  { label: __28("Bottom center", "elementor"), value: "bottom center" },
+  { label: __28("Bottom left", "elementor"), value: "bottom left" },
+  { label: __28("Bottom right", "elementor"), value: "bottom right" },
+  { label: __28("Custom", "elementor"), value: "custom" }
 ];
 var BackgroundImageOverlayPosition = () => {
   const backgroundImageOffsetContext = useBoundProp(backgroundImagePositionOffsetPropTypeUtil);
@@ -3706,7 +3732,7 @@ var BackgroundImageOverlayPosition = () => {
       stringPropContext.setValue(value);
     }
   };
-  return /* @__PURE__ */ React67.createElement(Grid14, { container: true, spacing: 1.5 }, /* @__PURE__ */ React67.createElement(Grid14, { item: true, xs: 12 }, /* @__PURE__ */ React67.createElement(PopoverGridContainer, null, /* @__PURE__ */ React67.createElement(Grid14, { item: true, xs: 6 }, /* @__PURE__ */ React67.createElement(ControlFormLabel, null, __27("Position", "elementor"))), /* @__PURE__ */ React67.createElement(Grid14, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end", overflow: "hidden" } }, /* @__PURE__ */ React67.createElement(
+  return /* @__PURE__ */ React67.createElement(Grid14, { container: true, spacing: 1.5 }, /* @__PURE__ */ React67.createElement(Grid14, { item: true, xs: 12 }, /* @__PURE__ */ React67.createElement(PopoverGridContainer, null, /* @__PURE__ */ React67.createElement(Grid14, { item: true, xs: 6 }, /* @__PURE__ */ React67.createElement(ControlFormLabel, null, __28("Position", "elementor"))), /* @__PURE__ */ React67.createElement(Grid14, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end", overflow: "hidden" } }, /* @__PURE__ */ React67.createElement(
     Select3,
     {
       fullWidth: true,
@@ -3737,35 +3763,35 @@ var BackgroundImageOverlayPosition = () => {
 import * as React68 from "react";
 import { DotsHorizontalIcon, DotsVerticalIcon, GridDotsIcon, XIcon as XIcon3 } from "@elementor/icons";
 import { Grid as Grid15 } from "@elementor/ui";
-import { __ as __28 } from "@wordpress/i18n";
+import { __ as __29 } from "@wordpress/i18n";
 var repeatControlOptions = [
   {
     value: "repeat",
-    label: __28("Repeat", "elementor"),
+    label: __29("Repeat", "elementor"),
     renderContent: ({ size }) => /* @__PURE__ */ React68.createElement(GridDotsIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "repeat-x",
-    label: __28("Repeat-x", "elementor"),
+    label: __29("Repeat-x", "elementor"),
     renderContent: ({ size }) => /* @__PURE__ */ React68.createElement(DotsHorizontalIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "repeat-y",
-    label: __28("Repeat-y", "elementor"),
+    label: __29("Repeat-y", "elementor"),
     renderContent: ({ size }) => /* @__PURE__ */ React68.createElement(DotsVerticalIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "no-repeat",
-    label: __28("No-repeat", "elementor"),
+    label: __29("No-repeat", "elementor"),
     renderContent: ({ size }) => /* @__PURE__ */ React68.createElement(XIcon3, { fontSize: size }),
     showTooltip: true
   }
 ];
 var BackgroundImageOverlayRepeat = () => {
-  return /* @__PURE__ */ React68.createElement(PopoverGridContainer, null, /* @__PURE__ */ React68.createElement(Grid15, { item: true, xs: 6 }, /* @__PURE__ */ React68.createElement(ControlFormLabel, null, __28("Repeat", "elementor"))), /* @__PURE__ */ React68.createElement(Grid15, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end" } }, /* @__PURE__ */ React68.createElement(ToggleControl, { options: repeatControlOptions })));
+  return /* @__PURE__ */ React68.createElement(PopoverGridContainer, null, /* @__PURE__ */ React68.createElement(Grid15, { item: true, xs: 6 }, /* @__PURE__ */ React68.createElement(ControlFormLabel, null, __29("Repeat", "elementor"))), /* @__PURE__ */ React68.createElement(Grid15, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end" } }, /* @__PURE__ */ React68.createElement(ToggleControl, { options: repeatControlOptions })));
 };
 
 // src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-size.tsx
@@ -3781,29 +3807,29 @@ import {
   PencilIcon
 } from "@elementor/icons";
 import { Grid as Grid16 } from "@elementor/ui";
-import { __ as __29 } from "@wordpress/i18n";
+import { __ as __30 } from "@wordpress/i18n";
 var sizeControlOptions = [
   {
     value: "auto",
-    label: __29("Auto", "elementor"),
+    label: __30("Auto", "elementor"),
     renderContent: ({ size }) => /* @__PURE__ */ React69.createElement(LetterAIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "cover",
-    label: __29("Cover", "elementor"),
+    label: __30("Cover", "elementor"),
     renderContent: ({ size }) => /* @__PURE__ */ React69.createElement(ArrowsMaximizeIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "contain",
-    label: __29("Contain", "elementor"),
+    label: __30("Contain", "elementor"),
     renderContent: ({ size }) => /* @__PURE__ */ React69.createElement(ArrowBarBothIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "custom",
-    label: __29("Custom", "elementor"),
+    label: __30("Custom", "elementor"),
     renderContent: ({ size }) => /* @__PURE__ */ React69.createElement(PencilIcon, { fontSize: size }),
     showTooltip: true
   }
@@ -3820,7 +3846,7 @@ var BackgroundImageOverlaySize = () => {
       stringPropContext.setValue(size);
     }
   };
-  return /* @__PURE__ */ React69.createElement(Grid16, { container: true, spacing: 1.5 }, /* @__PURE__ */ React69.createElement(Grid16, { item: true, xs: 12 }, /* @__PURE__ */ React69.createElement(PopoverGridContainer, null, /* @__PURE__ */ React69.createElement(Grid16, { item: true, xs: 6 }, /* @__PURE__ */ React69.createElement(ControlFormLabel, null, __29("Size", "elementor"))), /* @__PURE__ */ React69.createElement(Grid16, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end" } }, /* @__PURE__ */ React69.createElement(
+  return /* @__PURE__ */ React69.createElement(Grid16, { container: true, spacing: 1.5 }, /* @__PURE__ */ React69.createElement(Grid16, { item: true, xs: 12 }, /* @__PURE__ */ React69.createElement(PopoverGridContainer, null, /* @__PURE__ */ React69.createElement(Grid16, { item: true, xs: 6 }, /* @__PURE__ */ React69.createElement(ControlFormLabel, null, __30("Size", "elementor"))), /* @__PURE__ */ React69.createElement(Grid16, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end" } }, /* @__PURE__ */ React69.createElement(
     ControlToggleButtonGroup,
     {
       exclusive: true,
@@ -3940,10 +3966,10 @@ var getInitialBackgroundOverlay = () => ({
   }
 });
 var backgroundResolutionOptions = [
-  { label: __30("Thumbnail - 150 x 150", "elementor"), value: "thumbnail" },
-  { label: __30("Medium - 300 x 300", "elementor"), value: "medium" },
-  { label: __30("Large 1024 x 1024", "elementor"), value: "large" },
-  { label: __30("Full", "elementor"), value: "full" }
+  { label: __31("Thumbnail - 150 x 150", "elementor"), value: "thumbnail" },
+  { label: __31("Medium - 300 x 300", "elementor"), value: "medium" },
+  { label: __31("Large 1024 x 1024", "elementor"), value: "large" },
+  { label: __31("Full", "elementor"), value: "full" }
 ];
 var BackgroundOverlayRepeaterControl = createControl(() => {
   const { propType, value: overlayValues, setValue } = useBoundProp(backgroundOverlayPropTypeUtil);
@@ -3953,7 +3979,7 @@ var BackgroundOverlayRepeaterControl = createControl(() => {
       initial: getInitialBackgroundOverlay(),
       propTypeUtil: backgroundOverlayPropTypeUtil
     },
-    /* @__PURE__ */ React70.createElement(Header, { label: __30("Overlay", "elementor") }, /* @__PURE__ */ React70.createElement(TooltipAddItemAction, { newItemIndex: 0 })),
+    /* @__PURE__ */ React70.createElement(Header, { label: __31("Overlay", "elementor") }, /* @__PURE__ */ React70.createElement(TooltipAddItemAction, { newItemIndex: 0 })),
     /* @__PURE__ */ React70.createElement(ItemsContainer, { itemTemplate: /* @__PURE__ */ React70.createElement(Item, { Icon: ItemIcon2, Label: ItemLabel2 }) }, /* @__PURE__ */ React70.createElement(DuplicateItemAction, null), /* @__PURE__ */ React70.createElement(DisableItemAction, null), /* @__PURE__ */ React70.createElement(RemoveItemAction, null)),
     /* @__PURE__ */ React70.createElement(EditItemPopover, null, /* @__PURE__ */ React70.createElement(ItemContent, null))
   ));
@@ -3971,11 +3997,11 @@ var ItemContent = () => {
       size: "small",
       variant: "fullWidth",
       ...getTabsProps(),
-      "aria-label": __30("Background Overlay", "elementor")
+      "aria-label": __31("Background Overlay", "elementor")
     },
-    /* @__PURE__ */ React70.createElement(Tab, { label: __30("Image", "elementor"), ...getTabProps("image") }),
-    /* @__PURE__ */ React70.createElement(Tab, { label: __30("Gradient", "elementor"), ...getTabProps("gradient") }),
-    /* @__PURE__ */ React70.createElement(Tab, { label: __30("Color", "elementor"), ...getTabProps("color") })
+    /* @__PURE__ */ React70.createElement(Tab, { label: __31("Image", "elementor"), ...getTabProps("image") }),
+    /* @__PURE__ */ React70.createElement(Tab, { label: __31("Gradient", "elementor"), ...getTabProps("gradient") }),
+    /* @__PURE__ */ React70.createElement(Tab, { label: __31("Color", "elementor"), ...getTabProps("color") })
   )), /* @__PURE__ */ React70.createElement(TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("image") }, /* @__PURE__ */ React70.createElement(PopoverContent, null, /* @__PURE__ */ React70.createElement(ImageOverlayContent, null))), /* @__PURE__ */ React70.createElement(TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("gradient") }, /* @__PURE__ */ React70.createElement(BackgroundGradientColorControl, null)), /* @__PURE__ */ React70.createElement(TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("color") }, /* @__PURE__ */ React70.createElement(PopoverContent, null, /* @__PURE__ */ React70.createElement(ColorOverlayContent, { anchorEl: rowRef }))));
 };
 var ItemIcon2 = ({ value }) => {
@@ -4041,9 +4067,9 @@ var ItemLabelImage = ({ value }) => {
 };
 var ItemLabelGradient = ({ value }) => {
   if (value.value.type.value === "linear") {
-    return /* @__PURE__ */ React70.createElement("span", null, __30("Linear Gradient", "elementor"));
+    return /* @__PURE__ */ React70.createElement("span", null, __31("Linear Gradient", "elementor"));
   }
-  return /* @__PURE__ */ React70.createElement("span", null, __30("Radial Gradient", "elementor"));
+  return /* @__PURE__ */ React70.createElement("span", null, __31("Radial Gradient", "elementor"));
 };
 var ColorOverlayContent = ({ anchorEl }) => {
   const propContext = useBoundProp(backgroundColorOverlayPropTypeUtil2);
@@ -4091,7 +4117,7 @@ var getGradientValue = (value) => {
 // src/controls/background-control/background-control.tsx
 var BackgroundControl = createControl(() => {
   const propContext = useBoundProp(backgroundPropTypeUtil);
-  const colorLabel = __31("Color", "elementor");
+  const colorLabel = __32("Color", "elementor");
   return /* @__PURE__ */ React71.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React71.createElement(PropKeyProvider, { bind: "background-overlay" }, /* @__PURE__ */ React71.createElement(BackgroundOverlayRepeaterControl, null)), /* @__PURE__ */ React71.createElement(PropKeyProvider, { bind: "color" }, /* @__PURE__ */ React71.createElement(Grid17, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React71.createElement(Grid17, { item: true, xs: 6 }, /* @__PURE__ */ React71.createElement(ControlLabel, null, colorLabel)), /* @__PURE__ */ React71.createElement(Grid17, { item: true, xs: 6 }, /* @__PURE__ */ React71.createElement(ColorControl, null)))));
 });
 
@@ -4149,7 +4175,14 @@ var RepeatableControl = createControl(
         initial: childPropTypeUtil.create(initialValues || null),
         propTypeUtil: childArrayPropTypeUtil
       },
-      /* @__PURE__ */ React72.createElement(Header, { label: repeaterLabel }, /* @__PURE__ */ React72.createElement(TooltipAddItemAction, { ...addItemTooltipProps, newItemIndex: 0 })),
+      /* @__PURE__ */ React72.createElement(Header, { label: repeaterLabel }, /* @__PURE__ */ React72.createElement(
+        TooltipAddItemAction,
+        {
+          ...addItemTooltipProps,
+          newItemIndex: 0,
+          ariaLabel: repeaterLabel
+        }
+      )),
       /* @__PURE__ */ React72.createElement(
         ItemsContainer,
         {
@@ -4245,7 +4278,7 @@ import {
   stringPropTypeUtil as stringPropTypeUtil11
 } from "@elementor/editor-props";
 import { FormHelperText, FormLabel as FormLabel3, Grid as Grid18 } from "@elementor/ui";
-import { __ as __32 } from "@wordpress/i18n";
+import { __ as __33 } from "@wordpress/i18n";
 var KeyValueControl = createControl((props = {}) => {
   const { value, setValue, ...propContext } = useBoundProp(keyValuePropTypeUtil);
   const [keyError, setKeyError] = useState13("");
@@ -4254,8 +4287,8 @@ var KeyValueControl = createControl((props = {}) => {
     key: value?.key?.value || "",
     value: value?.value?.value || ""
   });
-  const keyLabel = props.keyName || __32("Key", "elementor");
-  const valueLabel = props.valueName || __32("Value", "elementor");
+  const keyLabel = props.keyName || __33("Key", "elementor");
+  const valueLabel = props.valueName || __33("Value", "elementor");
   const { keyHelper, valueHelper } = props.getHelperText?.(sessionState.key, sessionState.value) || {
     keyHelper: void 0,
     valueHelper: void 0
@@ -4264,7 +4297,7 @@ var KeyValueControl = createControl((props = {}) => {
     () => [
       props.regexKey ? new RegExp(props.regexKey) : void 0,
       props.regexValue ? new RegExp(props.regexValue) : void 0,
-      props.validationErrorMessage || __32("Invalid Format", "elementor")
+      props.validationErrorMessage || __33("Invalid Format", "elementor")
     ],
     [props.regexKey, props.regexValue, props.validationErrorMessage]
   );
@@ -4330,18 +4363,18 @@ import { positionPropTypeUtil, stringPropTypeUtil as stringPropTypeUtil12 } from
 import { MenuListItem as MenuListItem5 } from "@elementor/editor-ui";
 import { LetterXIcon as LetterXIcon2, LetterYIcon as LetterYIcon2 } from "@elementor/icons";
 import { Grid as Grid19, Select as Select4 } from "@elementor/ui";
-import { __ as __33 } from "@wordpress/i18n";
+import { __ as __34 } from "@wordpress/i18n";
 var positionOptions = [
-  { label: __33("Center center", "elementor"), value: "center center" },
-  { label: __33("Center left", "elementor"), value: "center left" },
-  { label: __33("Center right", "elementor"), value: "center right" },
-  { label: __33("Top center", "elementor"), value: "top center" },
-  { label: __33("Top left", "elementor"), value: "top left" },
-  { label: __33("Top right", "elementor"), value: "top right" },
-  { label: __33("Bottom center", "elementor"), value: "bottom center" },
-  { label: __33("Bottom left", "elementor"), value: "bottom left" },
-  { label: __33("Bottom right", "elementor"), value: "bottom right" },
-  { label: __33("Custom", "elementor"), value: "custom" }
+  { label: __34("Center center", "elementor"), value: "center center" },
+  { label: __34("Center left", "elementor"), value: "center left" },
+  { label: __34("Center right", "elementor"), value: "center right" },
+  { label: __34("Top center", "elementor"), value: "top center" },
+  { label: __34("Top left", "elementor"), value: "top left" },
+  { label: __34("Top right", "elementor"), value: "top right" },
+  { label: __34("Bottom center", "elementor"), value: "bottom center" },
+  { label: __34("Bottom left", "elementor"), value: "bottom left" },
+  { label: __34("Bottom right", "elementor"), value: "bottom right" },
+  { label: __34("Custom", "elementor"), value: "custom" }
 ];
 var PositionControl = () => {
   const positionContext = useBoundProp(positionPropTypeUtil);
@@ -4355,7 +4388,7 @@ var PositionControl = () => {
       stringPropContext.setValue(value);
     }
   };
-  return /* @__PURE__ */ React74.createElement(Grid19, { container: true, spacing: 1.5 }, /* @__PURE__ */ React74.createElement(Grid19, { item: true, xs: 12 }, /* @__PURE__ */ React74.createElement(Grid19, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React74.createElement(Grid19, { item: true, xs: 6 }, /* @__PURE__ */ React74.createElement(ControlFormLabel, null, __33("Object position", "elementor"))), /* @__PURE__ */ React74.createElement(Grid19, { item: true, xs: 6, sx: { overflow: "hidden" } }, /* @__PURE__ */ React74.createElement(
+  return /* @__PURE__ */ React74.createElement(Grid19, { container: true, spacing: 1.5 }, /* @__PURE__ */ React74.createElement(Grid19, { item: true, xs: 12 }, /* @__PURE__ */ React74.createElement(Grid19, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React74.createElement(Grid19, { item: true, xs: 6 }, /* @__PURE__ */ React74.createElement(ControlFormLabel, null, __34("Object position", "elementor"))), /* @__PURE__ */ React74.createElement(Grid19, { item: true, xs: 6, sx: { overflow: "hidden" } }, /* @__PURE__ */ React74.createElement(
     Select4,
     {
       size: "tiny",
@@ -4386,7 +4419,7 @@ import { useRef as useRef21 } from "react";
 import { transformFunctionsPropTypeUtil, transformPropTypeUtil } from "@elementor/editor-props";
 import { AdjustmentsIcon as AdjustmentsIcon2, InfoCircleFilledIcon as InfoCircleFilledIcon2 } from "@elementor/icons";
 import { bindTrigger as bindTrigger4, Box as Box16, IconButton as IconButton7, Typography as Typography5, usePopupState as usePopupState6 } from "@elementor/ui";
-import { __ as __43 } from "@wordpress/i18n";
+import { __ as __44 } from "@wordpress/i18n";
 
 // src/controls/transform-control/initial-values.ts
 import {
@@ -4444,33 +4477,33 @@ import * as React77 from "react";
 import { PopoverHeader as PopoverHeader3 } from "@elementor/editor-ui";
 import { AdjustmentsIcon } from "@elementor/icons";
 import { bindPopover as bindPopover5, Box as Box13, Divider as Divider4, Popover as Popover5 } from "@elementor/ui";
-import { __ as __36 } from "@wordpress/i18n";
+import { __ as __37 } from "@wordpress/i18n";
 
 // src/controls/transform-control/transform-base-controls/children-perspective-control.tsx
 import * as React75 from "react";
 import { perspectiveOriginPropTypeUtil } from "@elementor/editor-props";
 import { Grid as Grid20, Stack as Stack14 } from "@elementor/ui";
-import { __ as __34 } from "@wordpress/i18n";
+import { __ as __35 } from "@wordpress/i18n";
 var ORIGIN_UNITS = ["px", "%", "em", "rem"];
 var PERSPECTIVE_CONTROL_FIELD = {
-  label: __34("Perspective", "elementor"),
+  label: __35("Perspective", "elementor"),
   bind: "perspective",
   units: ["px", "em", "rem", "vw", "vh"]
 };
 var CHILDREN_PERSPECTIVE_FIELDS = [
   {
-    label: __34("Origin X", "elementor"),
+    label: __35("Origin X", "elementor"),
     bind: "x",
     units: ORIGIN_UNITS
   },
   {
-    label: __34("Origin Y", "elementor"),
+    label: __35("Origin Y", "elementor"),
     bind: "y",
     units: ORIGIN_UNITS
   }
 ];
 var ChildrenPerspectiveControl = () => {
-  return /* @__PURE__ */ React75.createElement(Stack14, { direction: "column", spacing: 1.5 }, /* @__PURE__ */ React75.createElement(ControlFormLabel, null, __34("Children perspective", "elementor")), /* @__PURE__ */ React75.createElement(PerspectiveControl, null), /* @__PURE__ */ React75.createElement(PerspectiveOriginControl, null));
+  return /* @__PURE__ */ React75.createElement(Stack14, { direction: "column", spacing: 1.5 }, /* @__PURE__ */ React75.createElement(ControlFormLabel, null, __35("Children perspective", "elementor")), /* @__PURE__ */ React75.createElement(PerspectiveControl, null), /* @__PURE__ */ React75.createElement(PerspectiveOriginControl, null));
 };
 var PerspectiveControl = () => /* @__PURE__ */ React75.createElement(PropKeyProvider, { bind: "perspective" }, /* @__PURE__ */ React75.createElement(ControlFields, { control: PERSPECTIVE_CONTROL_FIELD, key: PERSPECTIVE_CONTROL_FIELD.bind }));
 var PerspectiveOriginControl = () => /* @__PURE__ */ React75.createElement(PropKeyProvider, { bind: "perspective-origin" }, /* @__PURE__ */ React75.createElement(PerspectiveOriginControlProvider, null));
@@ -4487,28 +4520,28 @@ var ControlFields = ({ control }) => {
 import * as React76 from "react";
 import { transformOriginPropTypeUtil } from "@elementor/editor-props";
 import { Grid as Grid21, Stack as Stack15 } from "@elementor/ui";
-import { __ as __35 } from "@wordpress/i18n";
+import { __ as __36 } from "@wordpress/i18n";
 var TRANSFORM_ORIGIN_UNITS = ["px", "%", "em", "rem"];
 var TRANSFORM_ORIGIN_UNITS_Z_AXIS = TRANSFORM_ORIGIN_UNITS.filter((unit) => unit !== "%");
 var TRANSFORM_ORIGIN_FIELDS = [
   {
-    label: __35("Origin X", "elementor"),
+    label: __36("Origin X", "elementor"),
     bind: "x",
     units: TRANSFORM_ORIGIN_UNITS
   },
   {
-    label: __35("Origin Y", "elementor"),
+    label: __36("Origin Y", "elementor"),
     bind: "y",
     units: TRANSFORM_ORIGIN_UNITS
   },
   {
-    label: __35("Origin Z", "elementor"),
+    label: __36("Origin Z", "elementor"),
     bind: "z",
     units: TRANSFORM_ORIGIN_UNITS_Z_AXIS
   }
 ];
 var TransformOriginControl = () => {
-  return /* @__PURE__ */ React76.createElement(Stack15, { direction: "column", spacing: 1.5 }, /* @__PURE__ */ React76.createElement(ControlFormLabel, null, __35("Transform", "elementor")), TRANSFORM_ORIGIN_FIELDS.map((control) => /* @__PURE__ */ React76.createElement(ControlFields2, { control, key: control.bind })));
+  return /* @__PURE__ */ React76.createElement(Stack15, { direction: "column", spacing: 1.5 }, /* @__PURE__ */ React76.createElement(ControlFormLabel, null, __36("Transform", "elementor")), TRANSFORM_ORIGIN_FIELDS.map((control) => /* @__PURE__ */ React76.createElement(ControlFields2, { control, key: control.bind })));
 };
 var ControlFields2 = ({ control }) => {
   const context = useBoundProp(transformOriginPropTypeUtil);
@@ -4544,7 +4577,7 @@ var TransformBaseControl = ({
     /* @__PURE__ */ React77.createElement(
       PopoverHeader3,
       {
-        title: __36("Base Transform", "elementor"),
+        title: __37("Base Transform", "elementor"),
         onClose: popupState.close,
         icon: /* @__PURE__ */ React77.createElement(AdjustmentsIcon, { fontSize: SIZE7 })
       }
@@ -4557,7 +4590,7 @@ var TransformBaseControl = ({
 // src/controls/transform-control/transform-content.tsx
 import * as React84 from "react";
 import { Box as Box14, Tab as Tab2, TabPanel as TabPanel2, Tabs as Tabs2 } from "@elementor/ui";
-import { __ as __41 } from "@wordpress/i18n";
+import { __ as __42 } from "@wordpress/i18n";
 
 // src/controls/transform-control/functions/move.tsx
 import * as React79 from "react";
@@ -4565,20 +4598,22 @@ import { useRef as useRef16 } from "react";
 import { moveTransformPropTypeUtil } from "@elementor/editor-props";
 import { ArrowDownLeftIcon, ArrowDownSmallIcon, ArrowRightIcon } from "@elementor/icons";
 import { Grid as Grid23 } from "@elementor/ui";
-import { __ as __37 } from "@wordpress/i18n";
+import { __ as __38 } from "@wordpress/i18n";
 
 // src/controls/transform-control/functions/axis-row.tsx
 import * as React78 from "react";
 import { Grid as Grid22 } from "@elementor/ui";
 var AxisRow = ({ label, bind, startIcon, anchorRef, units: units2, variant = "angle" }) => {
-  return /* @__PURE__ */ React78.createElement(Grid22, { item: true, xs: 12 }, /* @__PURE__ */ React78.createElement(PopoverGridContainer, { ref: anchorRef }, /* @__PURE__ */ React78.createElement(Grid22, { item: true, xs: 6 }, /* @__PURE__ */ React78.createElement(ControlLabel, null, label)), /* @__PURE__ */ React78.createElement(Grid22, { item: true, xs: 6 }, /* @__PURE__ */ React78.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React78.createElement(
+  const safeId = label.replace(/\s+/g, "-").toLowerCase();
+  return /* @__PURE__ */ React78.createElement(Grid22, { item: true, xs: 12 }, /* @__PURE__ */ React78.createElement(PopoverGridContainer, { ref: anchorRef }, /* @__PURE__ */ React78.createElement(Grid22, { item: true, xs: 6 }, /* @__PURE__ */ React78.createElement(ControlLabel, { htmlFor: safeId }, label)), /* @__PURE__ */ React78.createElement(Grid22, { item: true, xs: 6 }, /* @__PURE__ */ React78.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React78.createElement(
     SizeControl,
     {
       anchorRef,
       startIcon,
       units: units2,
       variant,
-      min: -Number.MAX_SAFE_INTEGER
+      min: -Number.MAX_SAFE_INTEGER,
+      id: safeId
     }
   )))));
 };
@@ -4586,19 +4621,19 @@ var AxisRow = ({ label, bind, startIcon, anchorRef, units: units2, variant = "an
 // src/controls/transform-control/functions/move.tsx
 var moveAxisControls = [
   {
-    label: __37("Move X", "elementor"),
+    label: __38("Move X", "elementor"),
     bind: "x",
     startIcon: /* @__PURE__ */ React79.createElement(ArrowRightIcon, { fontSize: "tiny" }),
     units: ["px", "%", "em", "rem", "vw"]
   },
   {
-    label: __37("Move Y", "elementor"),
+    label: __38("Move Y", "elementor"),
     bind: "y",
     startIcon: /* @__PURE__ */ React79.createElement(ArrowDownSmallIcon, { fontSize: "tiny" }),
     units: ["px", "%", "em", "rem", "vh"]
   },
   {
-    label: __37("Move Z", "elementor"),
+    label: __38("Move Z", "elementor"),
     bind: "z",
     startIcon: /* @__PURE__ */ React79.createElement(ArrowDownLeftIcon, { fontSize: "tiny" }),
     units: ["px", "%", "em", "rem", "vw", "vh"]
@@ -4625,20 +4660,20 @@ import { useRef as useRef17 } from "react";
 import { rotateTransformPropTypeUtil as rotateTransformPropTypeUtil2 } from "@elementor/editor-props";
 import { Arrow360Icon, RotateClockwiseIcon } from "@elementor/icons";
 import { Grid as Grid24 } from "@elementor/ui";
-import { __ as __38 } from "@wordpress/i18n";
+import { __ as __39 } from "@wordpress/i18n";
 var rotateAxisControls = [
   {
-    label: __38("Rotate X", "elementor"),
+    label: __39("Rotate X", "elementor"),
     bind: "x",
     startIcon: /* @__PURE__ */ React80.createElement(Arrow360Icon, { fontSize: "tiny" })
   },
   {
-    label: __38("Rotate Y", "elementor"),
+    label: __39("Rotate Y", "elementor"),
     bind: "y",
     startIcon: /* @__PURE__ */ React80.createElement(Arrow360Icon, { fontSize: "tiny", style: { transform: "scaleX(-1) rotate(-90deg)" } })
   },
   {
-    label: __38("Rotate Z", "elementor"),
+    label: __39("Rotate Z", "elementor"),
     bind: "z",
     startIcon: /* @__PURE__ */ React80.createElement(RotateClockwiseIcon, { fontSize: "tiny" })
   }
@@ -4664,7 +4699,7 @@ import { useRef as useRef18 } from "react";
 import { scaleTransformPropTypeUtil as scaleTransformPropTypeUtil2 } from "@elementor/editor-props";
 import { ArrowDownLeftIcon as ArrowDownLeftIcon2, ArrowDownSmallIcon as ArrowDownSmallIcon2, ArrowRightIcon as ArrowRightIcon2 } from "@elementor/icons";
 import { Grid as Grid26 } from "@elementor/ui";
-import { __ as __39 } from "@wordpress/i18n";
+import { __ as __40 } from "@wordpress/i18n";
 
 // src/controls/transform-control/functions/scale-axis-row.tsx
 import * as React81 from "react";
@@ -4676,17 +4711,17 @@ var ScaleAxisRow = ({ label, bind, startIcon, anchorRef }) => {
 // src/controls/transform-control/functions/scale.tsx
 var scaleAxisControls = [
   {
-    label: __39("Scale X", "elementor"),
+    label: __40("Scale X", "elementor"),
     bind: "x",
     startIcon: /* @__PURE__ */ React82.createElement(ArrowRightIcon2, { fontSize: "tiny" })
   },
   {
-    label: __39("Scale Y", "elementor"),
+    label: __40("Scale Y", "elementor"),
     bind: "y",
     startIcon: /* @__PURE__ */ React82.createElement(ArrowDownSmallIcon2, { fontSize: "tiny" })
   },
   {
-    label: __39("Scale Z", "elementor"),
+    label: __40("Scale Z", "elementor"),
     bind: "z",
     startIcon: /* @__PURE__ */ React82.createElement(ArrowDownLeftIcon2, { fontSize: "tiny" })
   }
@@ -4703,15 +4738,15 @@ import { useRef as useRef19 } from "react";
 import { skewTransformPropTypeUtil as skewTransformPropTypeUtil2 } from "@elementor/editor-props";
 import { ArrowLeftIcon, ArrowRightIcon as ArrowRightIcon3 } from "@elementor/icons";
 import { Grid as Grid27 } from "@elementor/ui";
-import { __ as __40 } from "@wordpress/i18n";
+import { __ as __41 } from "@wordpress/i18n";
 var skewAxisControls = [
   {
-    label: __40("Skew X", "elementor"),
+    label: __41("Skew X", "elementor"),
     bind: "x",
     startIcon: /* @__PURE__ */ React83.createElement(ArrowRightIcon3, { fontSize: "tiny" })
   },
   {
-    label: __40("Skew Y", "elementor"),
+    label: __41("Skew Y", "elementor"),
     bind: "y",
     startIcon: /* @__PURE__ */ React83.createElement(ArrowLeftIcon, { fontSize: "tiny", style: { transform: "scaleX(-1) rotate(-90deg)" } })
   }
@@ -4836,12 +4871,12 @@ var TransformContent = () => {
         }
       },
       ...getTabsProps(),
-      "aria-label": __41("Transform", "elementor")
+      "aria-label": __42("Transform", "elementor")
     },
-    /* @__PURE__ */ React84.createElement(Tab2, { label: __41("Move", "elementor"), ...getTabProps(TransformFunctionKeys.move) }),
-    /* @__PURE__ */ React84.createElement(Tab2, { label: __41("Scale", "elementor"), ...getTabProps(TransformFunctionKeys.scale) }),
-    /* @__PURE__ */ React84.createElement(Tab2, { label: __41("Rotate", "elementor"), ...getTabProps(TransformFunctionKeys.rotate) }),
-    /* @__PURE__ */ React84.createElement(Tab2, { label: __41("Skew", "elementor"), ...getTabProps(TransformFunctionKeys.skew) })
+    /* @__PURE__ */ React84.createElement(Tab2, { label: __42("Move", "elementor"), ...getTabProps(TransformFunctionKeys.move) }),
+    /* @__PURE__ */ React84.createElement(Tab2, { label: __42("Scale", "elementor"), ...getTabProps(TransformFunctionKeys.scale) }),
+    /* @__PURE__ */ React84.createElement(Tab2, { label: __42("Rotate", "elementor"), ...getTabProps(TransformFunctionKeys.rotate) }),
+    /* @__PURE__ */ React84.createElement(Tab2, { label: __42("Skew", "elementor"), ...getTabProps(TransformFunctionKeys.skew) })
   )), /* @__PURE__ */ React84.createElement(TabPanel2, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.move) }, /* @__PURE__ */ React84.createElement(Move, null)), /* @__PURE__ */ React84.createElement(TabPanel2, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.scale) }, /* @__PURE__ */ React84.createElement(Scale, null)), /* @__PURE__ */ React84.createElement(TabPanel2, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.rotate) }, /* @__PURE__ */ React84.createElement(Rotate, null)), /* @__PURE__ */ React84.createElement(TabPanel2, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.skew) }, /* @__PURE__ */ React84.createElement(Skew, null))));
 };
 
@@ -4866,7 +4901,7 @@ var TransformIcon = ({ value }) => {
 // src/controls/transform-control/transform-label.tsx
 import * as React86 from "react";
 import { Box as Box15 } from "@elementor/ui";
-import { __ as __42 } from "@wordpress/i18n";
+import { __ as __43 } from "@wordpress/i18n";
 var transformMoveValue = (value) => Object.values(value).map((axis) => {
   const size = axis?.value?.size ?? defaultValues.move.size;
   const unit = axis?.value?.unit ?? defaultValues.move.unit;
@@ -4887,13 +4922,13 @@ var TransformLabel = (props) => {
   const { $$type, value } = props.value;
   switch ($$type) {
     case TransformFunctionKeys.move:
-      return /* @__PURE__ */ React86.createElement(Label2, { label: __42("Move", "elementor"), value: transformMoveValue(value) });
+      return /* @__PURE__ */ React86.createElement(Label2, { label: __43("Move", "elementor"), value: transformMoveValue(value) });
     case TransformFunctionKeys.scale:
-      return /* @__PURE__ */ React86.createElement(Label2, { label: __42("Scale", "elementor"), value: transformScaleValue(value) });
+      return /* @__PURE__ */ React86.createElement(Label2, { label: __43("Scale", "elementor"), value: transformScaleValue(value) });
     case TransformFunctionKeys.rotate:
-      return /* @__PURE__ */ React86.createElement(Label2, { label: __42("Rotate", "elementor"), value: transformRotateValue(value) });
+      return /* @__PURE__ */ React86.createElement(Label2, { label: __43("Rotate", "elementor"), value: transformRotateValue(value) });
     case TransformFunctionKeys.skew:
-      return /* @__PURE__ */ React86.createElement(Label2, { label: __42("Skew", "elementor"), value: transformSkewValue(value) });
+      return /* @__PURE__ */ React86.createElement(Label2, { label: __43("Skew", "elementor"), value: transformSkewValue(value) });
     default:
       return "";
   }
@@ -4924,7 +4959,7 @@ var ToolTip = /* @__PURE__ */ React87.createElement(
     sx: { display: "flex", gap: 0.5, p: 2, width: 320, borderRadius: 1 }
   },
   /* @__PURE__ */ React87.createElement(InfoCircleFilledIcon2, { sx: { color: "secondary.main" } }),
-  /* @__PURE__ */ React87.createElement(Typography5, { variant: "body2", color: "text.secondary", fontSize: "14px" }, __43("You can use each kind of transform only once per element.", "elementor"))
+  /* @__PURE__ */ React87.createElement(Typography5, { variant: "body2", color: "text.secondary", fontSize: "14px" }, __44("You can use each kind of transform only once per element.", "elementor"))
 );
 var Repeater2 = ({ headerRef, propType }) => {
   const transformFunctionsContext = useBoundProp(transformFunctionsPropTypeUtil);
@@ -4943,7 +4978,7 @@ var Repeater2 = ({ headerRef, propType }) => {
     /* @__PURE__ */ React87.createElement(
       Header,
       {
-        label: __43("Transform", "elementor"),
+        label: __44("Transform", "elementor"),
         adornment: () => /* @__PURE__ */ React87.createElement(ControlAdornments, { customContext: { path: ["transform"], propType } }),
         ref: headerRef
       },
@@ -4952,7 +4987,8 @@ var Repeater2 = ({ headerRef, propType }) => {
         {
           disabled: shouldDisableAddItem,
           tooltipContent: ToolTip,
-          enableTooltip: shouldDisableAddItem
+          enableTooltip: shouldDisableAddItem,
+          ariaLabel: "transform"
         }
       )
     ),
@@ -4965,7 +5001,7 @@ var TransformBasePopoverTrigger = ({
   repeaterBindKey
 }) => {
   const { bind } = useBoundProp();
-  return bind !== repeaterBindKey ? null : /* @__PURE__ */ React87.createElement(IconButton7, { size: SIZE8, "aria-label": __43("Base Transform", "elementor"), ...bindTrigger4(popupState) }, /* @__PURE__ */ React87.createElement(AdjustmentsIcon2, { fontSize: SIZE8 }));
+  return bind !== repeaterBindKey ? null : /* @__PURE__ */ React87.createElement(IconButton7, { size: SIZE8, "aria-label": __44("Base Transform", "elementor"), ...bindTrigger4(popupState) }, /* @__PURE__ */ React87.createElement(AdjustmentsIcon2, { fontSize: SIZE8 }));
 };
 
 // src/controls/transition-control/transition-repeater-control.tsx
@@ -4974,7 +5010,7 @@ import { useEffect as useEffect8, useState as useState14 } from "react";
 import { selectionSizePropTypeUtil as selectionSizePropTypeUtil2 } from "@elementor/editor-props";
 import { InfoCircleFilledIcon as InfoCircleFilledIcon3 } from "@elementor/icons";
 import { Alert as Alert2, AlertTitle as AlertTitle2, Box as Box18, Typography as Typography6 } from "@elementor/ui";
-import { __ as __46 } from "@wordpress/i18n";
+import { __ as __47 } from "@wordpress/i18n";
 
 // src/controls/selection-size-control.tsx
 import * as React88 from "react";
@@ -5009,12 +5045,12 @@ var SelectionSizeControl = createControl(
 );
 
 // src/controls/transition-control/data.ts
-import { __ as __44 } from "@wordpress/i18n";
+import { __ as __45 } from "@wordpress/i18n";
 var initialTransitionValue = {
   selection: {
     $$type: "key-value",
     value: {
-      key: { value: __44("All properties", "elementor"), $$type: "string" },
+      key: { value: __45("All properties", "elementor"), $$type: "string" },
       value: { value: "all", $$type: "string" }
     }
   },
@@ -5022,9 +5058,9 @@ var initialTransitionValue = {
 };
 var transitionProperties = [
   {
-    label: __44("Default", "elementor"),
+    label: __45("Default", "elementor"),
     type: "category",
-    properties: [{ label: __44("All properties", "elementor"), value: "all" }]
+    properties: [{ label: __45("All properties", "elementor"), value: "all" }]
   }
 ];
 var transitionsItemsList = transitionProperties.map((category) => ({
@@ -5038,7 +5074,7 @@ import { useRef as useRef23 } from "react";
 import { keyValuePropTypeUtil as keyValuePropTypeUtil2 } from "@elementor/editor-props";
 import { ChevronDownIcon as ChevronDownIcon3, VariationsIcon } from "@elementor/icons";
 import { bindPopover as bindPopover6, bindTrigger as bindTrigger5, Box as Box17, Popover as Popover6, UnstableTag as UnstableTag3, usePopupState as usePopupState7 } from "@elementor/ui";
-import { __ as __45 } from "@wordpress/i18n";
+import { __ as __46 } from "@wordpress/i18n";
 var toTransitionSelectorValue = (label) => {
   for (const category of transitionProperties) {
     const property = category.properties.find((prop) => prop.label === label);
@@ -5081,7 +5117,7 @@ var TransitionSelector = ({ recentlyUsedList = [] }) => {
     return [
       first,
       {
-        label: __45("Recently Used", "elementor"),
+        label: __46("Recently Used", "elementor"),
         items: recentItems
       },
       ...rest
@@ -5133,7 +5169,7 @@ var TransitionSelector = ({ recentlyUsedList = [] }) => {
         onItemChange: handleTransitionPropertyChange,
         onClose: popoverState.close,
         sectionWidth: 268,
-        title: __45("Transition Property", "elementor"),
+        title: __46("Transition Property", "elementor"),
         icon: VariationsIcon
       }
     )
@@ -5148,8 +5184,8 @@ var DURATION_CONFIG = {
 };
 var getSelectionSizeProps = (recentlyUsedList) => {
   return {
-    selectionLabel: __46("Type", "elementor"),
-    sizeLabel: __46("Duration", "elementor"),
+    selectionLabel: __47("Type", "elementor"),
+    sizeLabel: __47("Duration", "elementor"),
     selectionConfig: {
       component: TransitionSelector,
       props: {
@@ -5186,8 +5222,8 @@ var disableAddItemTooltipContent = /* @__PURE__ */ React90.createElement(
     color: "secondary",
     icon: /* @__PURE__ */ React90.createElement(InfoCircleFilledIcon3, null)
   },
-  /* @__PURE__ */ React90.createElement(AlertTitle2, null, __46("Transitions", "elementor")),
-  /* @__PURE__ */ React90.createElement(Box18, { component: "span" }, /* @__PURE__ */ React90.createElement(Typography6, { variant: "body2" }, __46("Switch to 'Normal' state to add a transition.", "elementor")))
+  /* @__PURE__ */ React90.createElement(AlertTitle2, null, __47("Transitions", "elementor")),
+  /* @__PURE__ */ React90.createElement(Box18, { component: "span" }, /* @__PURE__ */ React90.createElement(Typography6, { variant: "body2" }, __47("Switch to 'Normal' state to add a transition.", "elementor")))
 );
 var TransitionRepeaterControl = createControl(
   ({
@@ -5202,10 +5238,10 @@ var TransitionRepeaterControl = createControl(
     return /* @__PURE__ */ React90.createElement(
       RepeatableControl,
       {
-        label: __46("Transitions", "elementor"),
-        repeaterLabel: __46("Transitions", "elementor"),
+        label: __47("Transitions", "elementor"),
+        repeaterLabel: __47("Transitions", "elementor"),
         patternLabel: "${value.selection.value.key.value}: ${value.size.value.size}${value.size.value.unit}",
-        placeholder: __46("Empty Transition", "elementor"),
+        placeholder: __47("Empty Transition", "elementor"),
         showDuplicate: false,
         showToggle: true,
         initialValues: initialTransitionValue,
@@ -5273,25 +5309,25 @@ var ResizeHandle = styled9(Button5)`
 `;
 
 // src/components/css-code-editor/css-validation.ts
-import { __ as __47 } from "@wordpress/i18n";
+import { __ as __48 } from "@wordpress/i18n";
 var forbiddenPatterns = [
   {
     pattern: ":hover",
-    message: __47(
+    message: __48(
       "The use of pseudo-states is not permitted. Instead, switch to the desired pseudo state and add your custom code there.",
       "elementor"
     )
   },
   {
     pattern: ":active",
-    message: __47(
+    message: __48(
       "The use of pseudo-states is not permitted. Instead, switch to the desired pseudo state and add your custom code there.",
       "elementor"
     )
   },
   {
     pattern: "@media",
-    message: __47(
+    message: __48(
       "The use of @media is not permitted. Instead, switch to the desired breakpoint and add your custom code there.",
       "elementor"
     )