@elementor/editor-controls 4.1.0-788 → 4.1.0-790

package/dist/index.mjs

@@ -2033,7 +2033,7 @@ import {
   backdropFilterPropTypeUtil,
   filterPropTypeUtil
 } from "@elementor/editor-props";
-import { __ as __16 } from "@wordpress/i18n";
+import { __ as __17 } from "@wordpress/i18n";
 
 // src/controls/filter-control/context/filter-config-context.tsx
 import * as React41 from "react";
@@ -2290,13 +2290,14 @@ import * as React48 from "react";
 // src/controls/filter-control/drop-shadow/drop-shadow-item-label.tsx
 import * as React46 from "react";
 import { Box as Box5 } from "@elementor/ui";
+import { __ as __16 } from "@wordpress/i18n";
 var DropShadowItemLabel = ({ value }) => {
   const values = value.value.args.value;
   const keys = ["xAxis", "yAxis", "blur"];
   const labels = keys.map(
     (key) => values[key]?.value?.unit !== "custom" ? `${values[key]?.value?.size ?? 0}${values[key]?.value?.unit ?? "px"}` : values[key]?.value?.size || CUSTOM_SIZE_LABEL
   );
-  return /* @__PURE__ */ React46.createElement(Box5, { component: "span" }, /* @__PURE__ */ React46.createElement(Box5, { component: "span", style: { textTransform: "capitalize" } }, "Drop shadow:"), ` ${labels.join(" ")}`);
+  return /* @__PURE__ */ React46.createElement(Box5, { component: "span" }, /* @__PURE__ */ React46.createElement(Box5, { component: "span", style: { textTransform: "capitalize" } }, __16("Drop shadow:", "elementor")), ` ${labels.join(" ")}`);
 };
 
 // src/controls/filter-control/single-size/single-size-item-label.tsx
@@ -2324,11 +2325,11 @@ var FilterLabel = ({ value }) => {
 var FILTER_CONFIG = {
   filter: {
     propTypeUtil: filterPropTypeUtil,
-    label: __16("Filters", "elementor")
+    label: __17("Filters", "elementor")
   },
   "backdrop-filter": {
     propTypeUtil: backdropFilterPropTypeUtil,
-    label: __16("Backdrop filters", "elementor")
+    label: __17("Backdrop filters", "elementor")
   }
 };
 var FilterRepeaterControl = createControl(({ filterPropName = "filter" }) => {
@@ -2847,7 +2848,7 @@ var NumberControl = createControl(
 import * as React57 from "react";
 import { useId as useId2, useRef as useRef8 } from "react";
 import { bindPopover as bindPopover3, bindToggle, Box as Box7, Grid as Grid8, Popover as Popover3, Stack as Stack7, Tooltip as Tooltip5, usePopupState as usePopupState4 } from "@elementor/ui";
-import { __ as __17 } from "@wordpress/i18n";
+import { __ as __18 } from "@wordpress/i18n";
 function EqualUnequalSizesControl({
   label,
   icon,
@@ -2898,7 +2899,7 @@ function EqualUnequalSizesControl({
   return /* @__PURE__ */ React57.createElement(React57.Fragment, null, /* @__PURE__ */ React57.createElement(Grid8, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap", ref: rowRefs[0] }, /* @__PURE__ */ React57.createElement(Grid8, { item: true, xs: 6 }, !isShowingGeneralIndicator ? /* @__PURE__ */ React57.createElement(ControlFormLabel, null, label) : /* @__PURE__ */ React57.createElement(ControlLabel, null, label)), /* @__PURE__ */ React57.createElement(Grid8, { item: true, xs: 6 }, /* @__PURE__ */ React57.createElement(Stack7, { direction: "row", alignItems: "center", gap: 1 }, /* @__PURE__ */ React57.createElement(Box7, { flexGrow: 1 }, /* @__PURE__ */ React57.createElement(
     SizeControl,
     {
-      placeholder: isMixed ? __17("Mixed", "elementor") : void 0,
+      placeholder: isMixed ? __18("Mixed", "elementor") : void 0,
       enablePropTypeUnits: !isMixed || !isMixedPlaceholder,
       anchorRef: rowRefs[0]
     }
@@ -2960,7 +2961,7 @@ import {
 import { useActiveBreakpoint as useActiveBreakpoint3 } from "@elementor/editor-responsive";
 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 __19, sprintf as sprintf2 } from "@wordpress/i18n";
+import { __ as __20, sprintf as sprintf2 } from "@wordpress/i18n";
 
 // src/controls/size-control/unstable-size-control.tsx
 import * as React63 from "react";
@@ -3360,7 +3361,7 @@ import { useEffect as useEffect9, useRef as useRef9 } from "react";
 import { PopoverHeader as PopoverHeader2 } from "@elementor/editor-ui";
 import { MathFunctionIcon as MathFunctionIcon4 } from "@elementor/icons";
 import { bindPopover as bindPopover4, Popover as Popover4, TextField as TextField6 } from "@elementor/ui";
-import { __ as __18 } from "@wordpress/i18n";
+import { __ as __19 } from "@wordpress/i18n";
 var SIZE7 = "tiny";
 var TextFieldPopover2 = ({ popupState, anchorRef, value, onChange, onClose }) => {
   const inputRef = useRef9(null);
@@ -3402,7 +3403,7 @@ var TextFieldPopover2 = ({ popupState, anchorRef, value, onChange, onClose }) =>
     /* @__PURE__ */ React61.createElement(
       PopoverHeader2,
       {
-        title: __18("CSS function", "elementor"),
+        title: __19("CSS function", "elementor"),
         onClose: handleClose,
         icon: /* @__PURE__ */ React61.createElement(MathFunctionIcon4, { fontSize: SIZE7 })
       }
@@ -3677,8 +3678,8 @@ var LinkedDimensionsControl = ({ label, isSiteRtl = false, min }) => {
   };
   const tooltipLabel = label.toLowerCase();
   const LinkedIcon = isLinked ? LinkIcon : DetachIcon;
-  const linkedLabel = __19("Link %s", "elementor").replace("%s", tooltipLabel);
-  const unlinkedLabel = __19("Unlink %s", "elementor").replace("%s", tooltipLabel);
+  const linkedLabel = __20("Link %s", "elementor").replace("%s", tooltipLabel);
+  const unlinkedLabel = __20("Unlink %s", "elementor").replace("%s", tooltipLabel);
   const disabled = sizeDisabled || dimensionsDisabled;
   const effectiveDimensionsPlaceholder = dimensionsPlaceholder ?? (sizePropTypeUtil5.extract(masterPlaceholder) ? {
     "block-start": masterPlaceholder,
@@ -3774,20 +3775,20 @@ function getCssDimensionProps(label, isSiteRtl) {
     [
       {
         bind: "block-start",
-        label: __19("Top", "elementor"),
+        label: __20("Top", "elementor"),
         /* translators: %s is the name of the main group (margin or padding) */
-        ariaLabel: sprintf2(__19("%s top", "elementor"), label),
+        ariaLabel: sprintf2(__20("%s top", "elementor"), label),
         icon: /* @__PURE__ */ React64.createElement(SideTopIcon, { fontSize: "tiny" })
       },
       {
         bind: "inline-end",
-        label: isSiteRtl ? __19("Left", "elementor") : __19("Right", "elementor"),
+        label: isSiteRtl ? __20("Left", "elementor") : __20("Right", "elementor"),
         ariaLabel: isSiteRtl ? (
           /* translators: %s is the name of the main group (margin or padding) */
-          sprintf2(__19("%s left", "elementor"), label)
+          sprintf2(__20("%s left", "elementor"), label)
         ) : (
           /* translators: %s is the name of the main group (margin or padding) */
-          sprintf2(__19("%s right", "elementor"), label)
+          sprintf2(__20("%s right", "elementor"), label)
         ),
         icon: isSiteRtl ? /* @__PURE__ */ React64.createElement(SideLeftIcon, { fontSize: "tiny" }) : /* @__PURE__ */ React64.createElement(SideRightIcon, { fontSize: "tiny" })
       }
@@ -3795,20 +3796,20 @@ function getCssDimensionProps(label, isSiteRtl) {
     [
       {
         bind: "block-end",
-        label: __19("Bottom", "elementor"),
+        label: __20("Bottom", "elementor"),
         /* translators: %s is the name of the main group (margin or padding) */
-        ariaLabel: sprintf2(__19("%s bottom", "elementor"), label),
+        ariaLabel: sprintf2(__20("%s bottom", "elementor"), label),
         icon: /* @__PURE__ */ React64.createElement(SideBottomIcon, { fontSize: "tiny" })
       },
       {
         bind: "inline-start",
-        label: isSiteRtl ? __19("Right", "elementor") : __19("Left", "elementor"),
+        label: isSiteRtl ? __20("Right", "elementor") : __20("Left", "elementor"),
         ariaLabel: isSiteRtl ? (
           /* translators: %s is the name of the main group (margin or padding) */
-          sprintf2(__19("%s right", "elementor"), label)
+          sprintf2(__20("%s right", "elementor"), label)
         ) : (
           /* translators: %s is the name of the main group (margin or padding) */
-          sprintf2(__19("%s left", "elementor"), label)
+          sprintf2(__20("%s left", "elementor"), label)
         ),
         icon: isSiteRtl ? /* @__PURE__ */ React64.createElement(SideRightIcon, { fontSize: "tiny" }) : /* @__PURE__ */ React64.createElement(SideLeftIcon, { fontSize: "tiny" })
       }
@@ -3822,7 +3823,7 @@ import { useMemo as useMemo7 } from "react";
 import { stringPropTypeUtil as stringPropTypeUtil7 } from "@elementor/editor-props";
 import { ChevronDownIcon as ChevronDownIcon2, TextIcon } from "@elementor/icons";
 import { bindPopover as bindPopover5, bindTrigger as bindTrigger4, Popover as Popover5, UnstableTag as UnstableTag2, usePopupState as usePopupState7 } from "@elementor/ui";
-import { __ as __21 } from "@wordpress/i18n";
+import { __ as __22 } from "@wordpress/i18n";
 
 // src/components/item-selector.tsx
 import * as React65 from "react";
@@ -3830,7 +3831,7 @@ import { useCallback as useCallback3, useEffect as useEffect11, useState as useS
 import { PopoverBody, PopoverHeader as PopoverHeader3, PopoverMenuList, SearchField } from "@elementor/editor-ui";
 import { Box as Box9, Divider as Divider2, Link, Stack as Stack9, Typography as Typography5 } from "@elementor/ui";
 import { debounce } from "@elementor/utils";
-import { __ as __20 } from "@wordpress/i18n";
+import { __ as __21 } from "@wordpress/i18n";
 
 // src/hooks/use-filtered-items-list.ts
 var useFilteredItemsList = (itemsList, searchValue, disabledItems) => {
@@ -3880,7 +3881,7 @@ var ItemSelector = ({
     {
       value: searchValue,
       onSearch: handleSearch,
-      placeholder: __20("Search", "elementor"),
+      placeholder: __21("Search", "elementor"),
       id: id + "-search"
     }
   ), /* @__PURE__ */ React65.createElement(Divider2, null), /* @__PURE__ */ React65.createElement(Box9, { sx: { flex: 1, overflow: "auto", minHeight: 0 } }, filteredItemsList.length > 0 ? /* @__PURE__ */ React65.createElement(
@@ -3905,7 +3906,7 @@ var ItemSelector = ({
       overflow: "hidden"
     },
     /* @__PURE__ */ React65.createElement(IconComponent, { fontSize: "large" }),
-    /* @__PURE__ */ React65.createElement(Box9, { sx: { maxWidth: 160, overflow: "hidden" } }, /* @__PURE__ */ React65.createElement(Typography5, { align: "center", variant: "subtitle2", color: "text.secondary" }, __20("Sorry, nothing matched", "elementor")), /* @__PURE__ */ React65.createElement(
+    /* @__PURE__ */ React65.createElement(Box9, { sx: { maxWidth: 160, overflow: "hidden" } }, /* @__PURE__ */ React65.createElement(Typography5, { align: "center", variant: "subtitle2", color: "text.secondary" }, __21("Sorry, nothing matched", "elementor")), /* @__PURE__ */ React65.createElement(
       Typography5,
       {
         variant: "subtitle2",
@@ -3931,7 +3932,7 @@ var ItemSelector = ({
         color: "text.secondary",
         sx: { display: "flex", flexDirection: "column" }
       },
-      __20("Try something else.", "elementor"),
+      __21("Try something else.", "elementor"),
       /* @__PURE__ */ React65.createElement(
         Link,
         {
@@ -3940,7 +3941,7 @@ var ItemSelector = ({
           component: "button",
           onClick: () => setSearchValue("")
         },
-        __20("Clear & try again", "elementor")
+        __21("Clear & try again", "elementor")
       )
     )
   )), footer);
@@ -4044,7 +4045,7 @@ var FontFamilyControl = createControl(
           onItemChange: setFontFamily,
           onClose: popoverState.close,
           sectionWidth,
-          title: __21("Font family", "elementor"),
+          title: __22("Font family", "elementor"),
           itemStyle: (item) => ({ fontFamily: item.value }),
           onDebounce: enqueueFont,
           icon: TextIcon
@@ -4089,24 +4090,24 @@ 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 debounce3 } from "@elementor/utils";
-import { __ as __24 } from "@wordpress/i18n";
+import { __ as __25 } from "@wordpress/i18n";
 
 // src/components/restricted-link-infotip.tsx
 import * as React68 from "react";
 import { selectElement } from "@elementor/editor-elements";
 import { InfoCircleFilledIcon } from "@elementor/icons";
 import { Alert, AlertAction, AlertTitle, Box as Box10, Infotip as Infotip2, Link as Link2 } from "@elementor/ui";
-import { __ as __22 } from "@wordpress/i18n";
+import { __ as __23 } from "@wordpress/i18n";
 var learnMoreButton = {
-  label: __22("Learn More", "elementor"),
+  label: __23("Learn More", "elementor"),
   href: "https://go.elementor.com/element-link-inside-link-infotip"
 };
 var INFOTIP_CONTENT = {
-  descendant: __22(
+  descendant: __23(
     "To add a link or action to this element, first remove the link or action from the elements inside of it.",
     "elementor"
   ),
-  ancestor: __22(
+  ancestor: __23(
     "To add a link or action to this container, first remove the link or action from its parent container.",
     "elementor"
   )
@@ -4136,10 +4137,10 @@ var RestrictedLinkInfotip = ({
           color: "secondary",
           onClick: handleTakeMeClick
         },
-        __22("Take me there", "elementor")
+        __23("Take me there", "elementor")
       )
     },
-    /* @__PURE__ */ React68.createElement(AlertTitle, null, __22("Nested links", "elementor")),
+    /* @__PURE__ */ React68.createElement(AlertTitle, null, __23("Nested links", "elementor")),
     /* @__PURE__ */ React68.createElement(Box10, { component: "span" }, INFOTIP_CONTENT[reason ?? "descendant"], " ", /* @__PURE__ */ React68.createElement(Link2, { href: learnMoreButton.href, target: "_blank", color: "info.main" }, learnMoreButton.label))
   );
   return shouldRestrict && isVisible ? /* @__PURE__ */ React68.createElement(
@@ -4166,7 +4167,7 @@ import {
 import { httpService as httpService2 } from "@elementor/http-client";
 import { SearchIcon } from "@elementor/icons";
 import { debounce as debounce2 } from "@elementor/utils";
-import { __ as __23 } from "@wordpress/i18n";
+import { __ as __24 } from "@wordpress/i18n";
 
 // src/components/autocomplete.tsx
 import * as React69 from "react";
@@ -4306,7 +4307,7 @@ var QueryControl = createControl((props) => {
   const {
     allowCustomValues = true,
     queryOptions: { url, params = {} },
-    placeholder = __23("Search", "elementor"),
+    placeholder = __24("Search", "elementor"),
     minInputLength = 2,
     onSetValue,
     ariaLabel
@@ -4436,7 +4437,7 @@ var LinkControl = createControl((props) => {
     placeholder,
     minInputLength = 2,
     context: { elementId },
-    label = __24("Link", "elementor"),
+    label = __25("Link", "elementor"),
     ariaLabel
   } = props || {};
   const [linkInLinkRestriction, setLinkInLinkRestriction] = useState12(
@@ -4508,7 +4509,7 @@ var LinkControl = createControl((props) => {
       {
         size: SIZE8,
         onClick: onEnabledChange,
-        "aria-label": __24("Toggle link", "elementor"),
+        "aria-label": __25("Toggle link", "elementor"),
         disabled: shouldDisableAddingLink
       },
       isActive ? /* @__PURE__ */ React72.createElement(MinusIcon, { fontSize: SIZE8 }) : /* @__PURE__ */ React72.createElement(PlusIcon2, { fontSize: SIZE8 })
@@ -4523,7 +4524,7 @@ var LinkControl = createControl((props) => {
       onSetValue: onSaveValueToSession,
       ariaLabel: ariaLabel || label
     }
-  )), /* @__PURE__ */ React72.createElement(PropKeyProvider, { bind: "isTargetBlank" }, /* @__PURE__ */ React72.createElement(Grid10, { container: true, alignItems: "center", flexWrap: "nowrap", justifyContent: "space-between" }, /* @__PURE__ */ React72.createElement(Grid10, { item: true }, /* @__PURE__ */ React72.createElement(ControlFormLabel, null, __24("Open in a new tab", "elementor"))), /* @__PURE__ */ React72.createElement(Grid10, { item: true, sx: { marginInlineEnd: -1 } }, /* @__PURE__ */ React72.createElement(SwitchControl, null))))))));
+  )), /* @__PURE__ */ React72.createElement(PropKeyProvider, { bind: "isTargetBlank" }, /* @__PURE__ */ React72.createElement(Grid10, { container: true, alignItems: "center", flexWrap: "nowrap", justifyContent: "space-between" }, /* @__PURE__ */ React72.createElement(Grid10, { item: true }, /* @__PURE__ */ React72.createElement(ControlFormLabel, null, __25("Open in a new tab", "elementor"))), /* @__PURE__ */ React72.createElement(Grid10, { item: true, sx: { marginInlineEnd: -1 } }, /* @__PURE__ */ React72.createElement(SwitchControl, null))))))));
 });
 
 // src/controls/html-tag-control.tsx
@@ -4532,7 +4533,7 @@ import { getElementLabel } from "@elementor/editor-elements";
 import { stringPropTypeUtil as stringPropTypeUtil9 } from "@elementor/editor-props";
 import { MenuListItem as MenuListItem4 } from "@elementor/editor-ui";
 import { Select as Select2, styled as styled8, Typography as Typography6 } from "@elementor/ui";
-import { __ as __25 } from "@wordpress/i18n";
+import { __ as __26 } from "@wordpress/i18n";
 
 // src/components/conditional-control-infotip.tsx
 import * as React73 from "react";
@@ -4595,9 +4596,9 @@ var HtmlTagControl = createControl((props) => {
   };
   const elementLabel = getElementLabel(elementId) ?? "element";
   const infoTipProps = {
-    title: __25("HTML Tag", "elementor"),
+    title: __26("HTML Tag", "elementor"),
     /* translators: %s is the element name. */
-    description: __25(
+    description: __26(
       `The tag is locked to 'a' tag because this %s has a link. To pick a different tag, remove the link first.`,
       "elementor"
     ).replace("%s", elementLabel),
@@ -4641,7 +4642,7 @@ import {
 import { useActiveBreakpoint as useActiveBreakpoint4 } from "@elementor/editor-responsive";
 import { DetachIcon as DetachIcon2, LinkIcon as LinkIcon2 } from "@elementor/icons";
 import { Grid as Grid11, Stack as Stack11, Tooltip as Tooltip7 } from "@elementor/ui";
-import { __ as __26 } from "@wordpress/i18n";
+import { __ as __27 } from "@wordpress/i18n";
 var GapControl = ({ label }) => {
   const stackRef = useRef12(null);
   const { disabled: sizeDisabled } = useBoundProp(sizePropTypeUtil6);
@@ -4689,8 +4690,8 @@ var GapControl = ({ label }) => {
   };
   const tooltipLabel = label.toLowerCase();
   const LinkedIcon = isLinked ? LinkIcon2 : DetachIcon2;
-  const linkedLabel = __26("Link %s", "elementor").replace("%s", tooltipLabel);
-  const unlinkedLabel = __26("Unlink %s", "elementor").replace("%s", tooltipLabel);
+  const linkedLabel = __27("Link %s", "elementor").replace("%s", tooltipLabel);
+  const unlinkedLabel = __27("Unlink %s", "elementor").replace("%s", tooltipLabel);
   const disabled = sizeDisabled || directionDisabled;
   const propProviderProps = {
     propType,
@@ -4723,20 +4724,20 @@ var GapControl = ({ label }) => {
       isPlaceholder: hasPlaceholders
     },
     /* @__PURE__ */ React75.createElement(LinkedIcon, { fontSize: "tiny" })
-  ))), /* @__PURE__ */ React75.createElement(Stack11, { direction: "row", gap: 2, flexWrap: "nowrap", ref: stackRef }, /* @__PURE__ */ React75.createElement(Grid11, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React75.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React75.createElement(ControlFormLabel, null, __26("Column", "elementor"))), /* @__PURE__ */ React75.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React75.createElement(
+  ))), /* @__PURE__ */ React75.createElement(Stack11, { direction: "row", gap: 2, flexWrap: "nowrap", ref: stackRef }, /* @__PURE__ */ React75.createElement(Grid11, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React75.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React75.createElement(ControlFormLabel, null, __27("Column", "elementor"))), /* @__PURE__ */ React75.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React75.createElement(
     Control4,
     {
       bind: "column",
-      ariaLabel: __26("Column gap", "elementor"),
+      ariaLabel: __27("Column gap", "elementor"),
       isLinked,
       anchorRef: stackRef,
       placeholder: getEffectivePlaceholder("column") ?? void 0
     }
-  ))), /* @__PURE__ */ React75.createElement(Grid11, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React75.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React75.createElement(ControlFormLabel, null, __26("Row", "elementor"))), /* @__PURE__ */ React75.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React75.createElement(
+  ))), /* @__PURE__ */ React75.createElement(Grid11, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React75.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React75.createElement(ControlFormLabel, null, __27("Row", "elementor"))), /* @__PURE__ */ React75.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React75.createElement(
     Control4,
     {
       bind: "row",
-      ariaLabel: __26("Row gap", "elementor"),
+      ariaLabel: __27("Row gap", "elementor"),
       isLinked,
       anchorRef: stackRef,
       placeholder: getEffectivePlaceholder("row") ?? void 0
@@ -4763,9 +4764,9 @@ import { stringPropTypeUtil as stringPropTypeUtil10 } from "@elementor/editor-pr
 import { MenuListItem as MenuListItem5 } from "@elementor/editor-ui";
 import { ArrowsMoveHorizontalIcon, ArrowsMoveVerticalIcon } from "@elementor/icons";
 import { Grid as Grid12, Select as Select3, Stack as Stack12, TextField as TextField9 } from "@elementor/ui";
-import { __ as __27 } from "@wordpress/i18n";
+import { __ as __28 } from "@wordpress/i18n";
 var RATIO_OPTIONS = [
-  { label: __27("Auto", "elementor"), value: "auto" },
+  { label: __28("Auto", "elementor"), value: "auto" },
   { label: "1/1", value: "1/1" },
   { label: "4/3", value: "4/3" },
   { label: "3/4", value: "3/4" },
@@ -4844,7 +4845,7 @@ var AspectRatioControl = createControl(({ label }) => {
       renderValue: isCustomSelected ? void 0 : () => selectedOption?.label,
       fullWidth: true
     },
-    [...RATIO_OPTIONS, { label: __27("Custom", "elementor"), value: CUSTOM_RATIO }].map(
+    [...RATIO_OPTIONS, { label: __28("Custom", "elementor"), value: CUSTOM_RATIO }].map(
       ({ label: optionLabel, ...props }) => /* @__PURE__ */ React76.createElement(MenuListItem5, { key: props.value, ...props, value: props.value ?? "" }, optionLabel)
     )
   ))), isCustom && /* @__PURE__ */ React76.createElement(Grid12, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React76.createElement(Grid12, { item: true, xs: 6 }, /* @__PURE__ */ React76.createElement(
@@ -4884,7 +4885,7 @@ import { svgSrcPropTypeUtil, urlPropTypeUtil as urlPropTypeUtil3 } from "@elemen
 import { UploadIcon as UploadIcon2 } from "@elementor/icons";
 import { Button as Button5, Card as Card2, CardMedia as CardMedia2, CardOverlay as CardOverlay2, CircularProgress as CircularProgress3, Stack as Stack13, styled as styled9, ThemeProvider } from "@elementor/ui";
 import { useWpMediaAttachment as useWpMediaAttachment2, useWpMediaFrame as useWpMediaFrame2 } from "@elementor/wp-media";
-import { __ as __29 } from "@wordpress/i18n";
+import { __ as __30 } from "@wordpress/i18n";
 
 // src/components/enable-unfiltered-modal.tsx
 import * as React77 from "react";
@@ -4900,14 +4901,14 @@ import {
   DialogTitle,
   Divider as Divider3
 } from "@elementor/ui";
-import { __ as __28 } from "@wordpress/i18n";
-var ADMIN_TITLE_TEXT = __28("Enable Unfiltered Uploads", "elementor");
-var ADMIN_CONTENT_TEXT = __28(
+import { __ as __29 } from "@wordpress/i18n";
+var ADMIN_TITLE_TEXT = __29("Enable Unfiltered Uploads", "elementor");
+var ADMIN_CONTENT_TEXT = __29(
   "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 ADMIN_FAILED_CONTENT_TEXT_PT1 = __28("Failed to enable unfiltered files upload.", "elementor");
-var ADMIN_FAILED_CONTENT_TEXT_PT2 = __28(
+var ADMIN_FAILED_CONTENT_TEXT_PT1 = __29("Failed to enable unfiltered files upload.", "elementor");
+var ADMIN_FAILED_CONTENT_TEXT_PT2 = __29(
   "You can try again, if the problem persists, please contact support.",
   "elementor"
 );
@@ -4934,7 +4935,7 @@ var EnableUnfilteredModal = (props) => {
   const dialogProps = { ...props, isPending, handleEnable, isError, onClose };
   return /* @__PURE__ */ React77.createElement(AdminDialog, { ...dialogProps });
 };
-var AdminDialog = ({ open, onClose, handleEnable, isPending, isError }) => /* @__PURE__ */ React77.createElement(Dialog, { open, maxWidth: "sm", onClose: () => onClose(false) }, /* @__PURE__ */ React77.createElement(DialogHeader, { logo: false }, /* @__PURE__ */ React77.createElement(DialogTitle, null, ADMIN_TITLE_TEXT)), /* @__PURE__ */ React77.createElement(Divider3, null), /* @__PURE__ */ React77.createElement(DialogContent, null, /* @__PURE__ */ React77.createElement(DialogContentText, null, isError ? /* @__PURE__ */ React77.createElement(React77.Fragment, null, ADMIN_FAILED_CONTENT_TEXT_PT1, " ", /* @__PURE__ */ React77.createElement("br", null), " ", ADMIN_FAILED_CONTENT_TEXT_PT2) : ADMIN_CONTENT_TEXT)), /* @__PURE__ */ React77.createElement(DialogActions, null, /* @__PURE__ */ React77.createElement(Button4, { size: "medium", color: "secondary", onClick: () => onClose(false) }, __28("Cancel", "elementor")), /* @__PURE__ */ React77.createElement(
+var AdminDialog = ({ open, onClose, handleEnable, isPending, isError }) => /* @__PURE__ */ React77.createElement(Dialog, { open, maxWidth: "sm", onClose: () => onClose(false) }, /* @__PURE__ */ React77.createElement(DialogHeader, { logo: false }, /* @__PURE__ */ React77.createElement(DialogTitle, null, ADMIN_TITLE_TEXT)), /* @__PURE__ */ React77.createElement(Divider3, null), /* @__PURE__ */ React77.createElement(DialogContent, null, /* @__PURE__ */ React77.createElement(DialogContentText, null, isError ? /* @__PURE__ */ React77.createElement(React77.Fragment, null, ADMIN_FAILED_CONTENT_TEXT_PT1, " ", /* @__PURE__ */ React77.createElement("br", null), " ", ADMIN_FAILED_CONTENT_TEXT_PT2) : ADMIN_CONTENT_TEXT)), /* @__PURE__ */ React77.createElement(DialogActions, null, /* @__PURE__ */ React77.createElement(Button4, { size: "medium", color: "secondary", onClick: () => onClose(false) }, __29("Cancel", "elementor")), /* @__PURE__ */ React77.createElement(
   Button4,
   {
     size: "medium",
@@ -4943,7 +4944,7 @@ var AdminDialog = ({ open, onClose, handleEnable, isPending, isError }) => /* @_
     color: "primary",
     disabled: isPending
   },
-  isPending ? /* @__PURE__ */ React77.createElement(CircularProgress2, { size: 24 }) : __28("Enable", "elementor")
+  isPending ? /* @__PURE__ */ React77.createElement(CircularProgress2, { size: 24 }) : __29("Enable", "elementor")
 )));
 
 // src/controls/svg-media-control.tsx
@@ -5008,8 +5009,8 @@ var SvgMediaControl = createControl(() => {
     }
   };
   const infotipProps = {
-    title: __29("Sorry, you can't upload that file yet.", "elementor"),
-    description: /* @__PURE__ */ React78.createElement(React78.Fragment, null, __29("To upload them anyway, ask the site administrator to enable unfiltered", "elementor"), /* @__PURE__ */ React78.createElement("br", null), __29("file uploads.", "elementor")),
+    title: __30("Sorry, you can't upload that file yet.", "elementor"),
+    description: /* @__PURE__ */ React78.createElement(React78.Fragment, null, __30("To upload them anyway, ask the site administrator to enable unfiltered", "elementor"), /* @__PURE__ */ React78.createElement("br", null), __30("file uploads.", "elementor")),
     isEnabled: !isAdmin
   };
   return /* @__PURE__ */ React78.createElement(Stack13, { gap: 1, "aria-label": "SVG Control" }, /* @__PURE__ */ React78.createElement(EnableUnfilteredModal, { open: unfilteredModalOpenState, onClose: onCloseUnfilteredModal }), /* @__PURE__ */ React78.createElement(ControlActions, null, /* @__PURE__ */ React78.createElement(StyledCard, { variant: "outlined" }, /* @__PURE__ */ React78.createElement(StyledCardMediaContainer, null, isFetching ? /* @__PURE__ */ React78.createElement(CircularProgress3, { role: "progressbar" }) : /* @__PURE__ */ React78.createElement(
@@ -5017,7 +5018,7 @@ var SvgMediaControl = createControl(() => {
     {
       component: "img",
       image: src,
-      alt: __29("Preview SVG", "elementor"),
+      alt: __30("Preview SVG", "elementor"),
       sx: { maxHeight: "140px", width: "50px" }
     }
   )), /* @__PURE__ */ React78.createElement(
@@ -5038,7 +5039,7 @@ var SvgMediaControl = createControl(() => {
         onClick: () => handleClick(MODE_BROWSE),
         "aria-label": "Select SVG"
       },
-      __29("Select SVG", "elementor")
+      __30("Select SVG", "elementor")
     ), /* @__PURE__ */ React78.createElement(ConditionalControlInfotip, { ...infotipProps }, /* @__PURE__ */ React78.createElement("span", null, /* @__PURE__ */ React78.createElement(ThemeProvider, { colorScheme: isAdmin ? "light" : "dark" }, /* @__PURE__ */ React78.createElement(
       Button5,
       {
@@ -5050,7 +5051,7 @@ var SvgMediaControl = createControl(() => {
         onClick: () => isAdmin && handleClick(MODE_UPLOAD),
         "aria-label": "Upload SVG"
       },
-      __29("Upload", "elementor")
+      __30("Upload", "elementor")
     )))))
   ))));
 });
@@ -5061,7 +5062,7 @@ import { videoSrcPropTypeUtil } from "@elementor/editor-props";
 import { UploadIcon as UploadIcon3 } from "@elementor/icons";
 import { Button as Button6, Card as Card3, CardMedia as CardMedia3, CardOverlay as CardOverlay3, CircularProgress as CircularProgress4, Stack as Stack14 } from "@elementor/ui";
 import { useWpMediaAttachment as useWpMediaAttachment3, useWpMediaFrame as useWpMediaFrame3 } from "@elementor/wp-media";
-import { __ as __30 } from "@wordpress/i18n";
+import { __ as __31 } from "@wordpress/i18n";
 var PLACEHOLDER_IMAGE = window.elementorCommon?.config?.urls?.assets + "/shapes/play-triangle.svg";
 var VideoMediaControl = createControl(() => {
   const { value, setValue } = useBoundProp(videoSrcPropTypeUtil);
@@ -5106,7 +5107,7 @@ var VideoMediaControl = createControl(() => {
       variant: "outlined",
       onClick: () => open({ mode: "browse" })
     },
-    __30("Select video", "elementor")
+    __31("Select video", "elementor")
   ), /* @__PURE__ */ React79.createElement(
     Button6,
     {
@@ -5116,7 +5117,7 @@ var VideoMediaControl = createControl(() => {
       startIcon: /* @__PURE__ */ React79.createElement(UploadIcon3, null),
       onClick: () => open({ mode: "upload" })
     },
-    __30("Upload", "elementor")
+    __31("Upload", "elementor")
   )))));
 });
 var VideoPreview = ({ isFetching = false, videoUrl }) => {
@@ -5146,7 +5147,7 @@ var VideoPreview = ({ isFetching = false, videoUrl }) => {
 import * as React86 from "react";
 import { backgroundPropTypeUtil } from "@elementor/editor-props";
 import { Grid as Grid17 } from "@elementor/ui";
-import { __ as __36 } from "@wordpress/i18n";
+import { __ as __37 } from "@wordpress/i18n";
 
 // src/controls/background-control/background-overlay/background-overlay-repeater-control.tsx
 import * as React85 from "react";
@@ -5158,7 +5159,7 @@ import {
 } from "@elementor/editor-props";
 import { Box as Box14, CardMedia as CardMedia4, styled as styled10, Tab, TabPanel, Tabs, UnstableColorIndicator as UnstableColorIndicator3 } from "@elementor/ui";
 import { useWpMediaAttachment as useWpMediaAttachment4 } from "@elementor/wp-media";
-import { __ as __35 } from "@wordpress/i18n";
+import { __ as __36 } from "@wordpress/i18n";
 
 // src/env.ts
 import { parseEnv } from "@elementor/env";
@@ -5240,23 +5241,23 @@ var initialBackgroundGradientOverlay = backgroundGradientOverlayPropTypeUtil.cre
 import * as React81 from "react";
 import { PinIcon, PinnedOffIcon } from "@elementor/icons";
 import { Grid as Grid13 } from "@elementor/ui";
-import { __ as __31 } from "@wordpress/i18n";
+import { __ as __32 } from "@wordpress/i18n";
 var attachmentControlOptions = [
   {
     value: "fixed",
-    label: __31("Fixed", "elementor"),
+    label: __32("Fixed", "elementor"),
     renderContent: ({ size }) => /* @__PURE__ */ React81.createElement(PinIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "scroll",
-    label: __31("Scroll", "elementor"),
+    label: __32("Scroll", "elementor"),
     renderContent: ({ size }) => /* @__PURE__ */ React81.createElement(PinnedOffIcon, { fontSize: size }),
     showTooltip: true
   }
 ];
 var BackgroundImageOverlayAttachment = () => {
-  return /* @__PURE__ */ React81.createElement(PopoverGridContainer, null, /* @__PURE__ */ React81.createElement(Grid13, { item: true, xs: 6 }, /* @__PURE__ */ React81.createElement(ControlFormLabel, null, __31("Attachment", "elementor"))), /* @__PURE__ */ React81.createElement(Grid13, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end", overflow: "hidden" } }, /* @__PURE__ */ React81.createElement(ToggleControl, { options: attachmentControlOptions })));
+  return /* @__PURE__ */ React81.createElement(PopoverGridContainer, null, /* @__PURE__ */ React81.createElement(Grid13, { item: true, xs: 6 }, /* @__PURE__ */ React81.createElement(ControlFormLabel, null, __32("Attachment", "elementor"))), /* @__PURE__ */ React81.createElement(Grid13, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end", overflow: "hidden" } }, /* @__PURE__ */ React81.createElement(ToggleControl, { options: attachmentControlOptions })));
 };
 
 // src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-position.tsx
@@ -5266,18 +5267,18 @@ import { backgroundImagePositionOffsetPropTypeUtil, stringPropTypeUtil as string
 import { MenuListItem as MenuListItem6 } from "@elementor/editor-ui";
 import { LetterXIcon, LetterYIcon } from "@elementor/icons";
 import { Grid as Grid14, Select as Select4 } from "@elementor/ui";
-import { __ as __32 } from "@wordpress/i18n";
+import { __ as __33 } from "@wordpress/i18n";
 var backgroundPositionOptions = [
-  { label: __32("Center center", "elementor"), value: "center center" },
-  { label: __32("Center left", "elementor"), value: "center left" },
-  { label: __32("Center right", "elementor"), value: "center right" },
-  { label: __32("Top center", "elementor"), value: "top center" },
-  { label: __32("Top left", "elementor"), value: "top left" },
-  { label: __32("Top right", "elementor"), value: "top right" },
-  { label: __32("Bottom center", "elementor"), value: "bottom center" },
-  { label: __32("Bottom left", "elementor"), value: "bottom left" },
-  { label: __32("Bottom right", "elementor"), value: "bottom right" },
-  { label: __32("Custom", "elementor"), value: "custom" }
+  { 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" }
 ];
 var BackgroundImageOverlayPosition = () => {
   const backgroundImageOffsetContext = useBoundProp(backgroundImagePositionOffsetPropTypeUtil);
@@ -5292,7 +5293,7 @@ var BackgroundImageOverlayPosition = () => {
       stringPropContext.setValue(value);
     }
   };
-  return /* @__PURE__ */ React82.createElement(Grid14, { container: true, spacing: 1.5 }, /* @__PURE__ */ React82.createElement(Grid14, { item: true, xs: 12 }, /* @__PURE__ */ React82.createElement(PopoverGridContainer, null, /* @__PURE__ */ React82.createElement(Grid14, { item: true, xs: 6 }, /* @__PURE__ */ React82.createElement(ControlFormLabel, null, __32("Position", "elementor"))), /* @__PURE__ */ React82.createElement(Grid14, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end", overflow: "hidden" } }, /* @__PURE__ */ React82.createElement(ControlActions, null, /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React82.createElement(Grid14, { container: true, spacing: 1.5 }, /* @__PURE__ */ React82.createElement(Grid14, { item: true, xs: 12 }, /* @__PURE__ */ React82.createElement(PopoverGridContainer, null, /* @__PURE__ */ React82.createElement(Grid14, { item: true, xs: 6 }, /* @__PURE__ */ React82.createElement(ControlFormLabel, null, __33("Position", "elementor"))), /* @__PURE__ */ React82.createElement(Grid14, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end", overflow: "hidden" } }, /* @__PURE__ */ React82.createElement(ControlActions, null, /* @__PURE__ */ React82.createElement(
     Select4,
     {
       fullWidth: true,
@@ -5323,35 +5324,35 @@ var BackgroundImageOverlayPosition = () => {
 import * as React83 from "react";
 import { DotsHorizontalIcon, DotsVerticalIcon, GridDotsIcon, XIcon as XIcon3 } from "@elementor/icons";
 import { Grid as Grid15 } from "@elementor/ui";
-import { __ as __33 } from "@wordpress/i18n";
+import { __ as __34 } from "@wordpress/i18n";
 var repeatControlOptions = [
   {
     value: "repeat",
-    label: __33("Repeat", "elementor"),
+    label: __34("Repeat", "elementor"),
     renderContent: ({ size }) => /* @__PURE__ */ React83.createElement(GridDotsIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "repeat-x",
-    label: __33("Repeat-x", "elementor"),
+    label: __34("Repeat-x", "elementor"),
     renderContent: ({ size }) => /* @__PURE__ */ React83.createElement(DotsHorizontalIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "repeat-y",
-    label: __33("Repeat-y", "elementor"),
+    label: __34("Repeat-y", "elementor"),
     renderContent: ({ size }) => /* @__PURE__ */ React83.createElement(DotsVerticalIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "no-repeat",
-    label: __33("No-repeat", "elementor"),
+    label: __34("No-repeat", "elementor"),
     renderContent: ({ size }) => /* @__PURE__ */ React83.createElement(XIcon3, { fontSize: size }),
     showTooltip: true
   }
 ];
 var BackgroundImageOverlayRepeat = () => {
-  return /* @__PURE__ */ React83.createElement(PopoverGridContainer, null, /* @__PURE__ */ React83.createElement(Grid15, { item: true, xs: 6 }, /* @__PURE__ */ React83.createElement(ControlFormLabel, null, __33("Repeat", "elementor"))), /* @__PURE__ */ React83.createElement(Grid15, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end" } }, /* @__PURE__ */ React83.createElement(ToggleControl, { options: repeatControlOptions })));
+  return /* @__PURE__ */ React83.createElement(PopoverGridContainer, null, /* @__PURE__ */ React83.createElement(Grid15, { item: true, xs: 6 }, /* @__PURE__ */ React83.createElement(ControlFormLabel, null, __34("Repeat", "elementor"))), /* @__PURE__ */ React83.createElement(Grid15, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end" } }, /* @__PURE__ */ React83.createElement(ToggleControl, { options: repeatControlOptions })));
 };
 
 // src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-size.tsx
@@ -5367,29 +5368,29 @@ import {
   PencilIcon
 } from "@elementor/icons";
 import { Grid as Grid16 } from "@elementor/ui";
-import { __ as __34 } from "@wordpress/i18n";
+import { __ as __35 } from "@wordpress/i18n";
 var sizeControlOptions = [
   {
     value: "auto",
-    label: __34("Auto", "elementor"),
+    label: __35("Auto", "elementor"),
     renderContent: ({ size }) => /* @__PURE__ */ React84.createElement(LetterAIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "cover",
-    label: __34("Cover", "elementor"),
+    label: __35("Cover", "elementor"),
     renderContent: ({ size }) => /* @__PURE__ */ React84.createElement(ArrowsMaximizeIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "contain",
-    label: __34("Contain", "elementor"),
+    label: __35("Contain", "elementor"),
     renderContent: ({ size }) => /* @__PURE__ */ React84.createElement(ArrowBarBothIcon, { fontSize: size }),
     showTooltip: true
   },
   {
     value: "custom",
-    label: __34("Custom", "elementor"),
+    label: __35("Custom", "elementor"),
     renderContent: ({ size }) => /* @__PURE__ */ React84.createElement(PencilIcon, { fontSize: size }),
     showTooltip: true
   }
@@ -5406,7 +5407,7 @@ var BackgroundImageOverlaySize = () => {
       stringPropContext.setValue(size);
     }
   };
-  return /* @__PURE__ */ React84.createElement(Grid16, { container: true, spacing: 1.5 }, /* @__PURE__ */ React84.createElement(Grid16, { item: true, xs: 12 }, /* @__PURE__ */ React84.createElement(PopoverGridContainer, null, /* @__PURE__ */ React84.createElement(Grid16, { item: true, xs: 6 }, /* @__PURE__ */ React84.createElement(ControlFormLabel, null, __34("Size", "elementor"))), /* @__PURE__ */ React84.createElement(Grid16, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end" } }, /* @__PURE__ */ React84.createElement(
+  return /* @__PURE__ */ React84.createElement(Grid16, { container: true, spacing: 1.5 }, /* @__PURE__ */ React84.createElement(Grid16, { item: true, xs: 12 }, /* @__PURE__ */ React84.createElement(PopoverGridContainer, null, /* @__PURE__ */ React84.createElement(Grid16, { item: true, xs: 6 }, /* @__PURE__ */ React84.createElement(ControlFormLabel, null, __35("Size", "elementor"))), /* @__PURE__ */ React84.createElement(Grid16, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end" } }, /* @__PURE__ */ React84.createElement(
     ControlToggleButtonGroup,
     {
       exclusive: true,
@@ -5526,10 +5527,10 @@ var getInitialBackgroundOverlay = () => ({
   }
 });
 var backgroundResolutionOptions = [
-  { label: __35("Thumbnail - 150 x 150", "elementor"), value: "thumbnail" },
-  { label: __35("Medium - 300 x 300", "elementor"), value: "medium" },
-  { label: __35("Large 1024 x 1024", "elementor"), value: "large" },
-  { label: __35("Full", "elementor"), value: "full" }
+  { label: __36("Thumbnail - 150 x 150", "elementor"), value: "thumbnail" },
+  { label: __36("Medium - 300 x 300", "elementor"), value: "medium" },
+  { label: __36("Large 1024 x 1024", "elementor"), value: "large" },
+  { label: __36("Full", "elementor"), value: "full" }
 ];
 var BackgroundOverlayRepeaterControl = createControl(() => {
   const { propType, value: overlayValues, setValue } = useBoundProp(backgroundOverlayPropTypeUtil);
@@ -5539,7 +5540,7 @@ var BackgroundOverlayRepeaterControl = createControl(() => {
       initial: getInitialBackgroundOverlay(),
       propTypeUtil: backgroundOverlayPropTypeUtil
     },
-    /* @__PURE__ */ React85.createElement(RepeaterHeader, { label: __35("Overlay", "elementor") }, /* @__PURE__ */ React85.createElement(TooltipAddItemAction, { newItemIndex: 0 })),
+    /* @__PURE__ */ React85.createElement(RepeaterHeader, { label: __36("Overlay", "elementor") }, /* @__PURE__ */ React85.createElement(TooltipAddItemAction, { newItemIndex: 0 })),
     /* @__PURE__ */ React85.createElement(ItemsContainer, null, /* @__PURE__ */ React85.createElement(
       Item,
       {
@@ -5564,11 +5565,11 @@ var ItemContent = () => {
       size: "small",
       variant: "fullWidth",
       ...getTabsProps(),
-      "aria-label": __35("Background Overlay", "elementor")
+      "aria-label": __36("Background Overlay", "elementor")
     },
-    /* @__PURE__ */ React85.createElement(Tab, { label: __35("Image", "elementor"), ...getTabProps("image") }),
-    /* @__PURE__ */ React85.createElement(Tab, { label: __35("Gradient", "elementor"), ...getTabProps("gradient") }),
-    /* @__PURE__ */ React85.createElement(Tab, { label: __35("Color", "elementor"), ...getTabProps("color") })
+    /* @__PURE__ */ React85.createElement(Tab, { label: __36("Image", "elementor"), ...getTabProps("image") }),
+    /* @__PURE__ */ React85.createElement(Tab, { label: __36("Gradient", "elementor"), ...getTabProps("gradient") }),
+    /* @__PURE__ */ React85.createElement(Tab, { label: __36("Color", "elementor"), ...getTabProps("color") })
   )), /* @__PURE__ */ React85.createElement(TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("image") }, /* @__PURE__ */ React85.createElement(PopoverContent, null, /* @__PURE__ */ React85.createElement(ImageOverlayContent, null))), /* @__PURE__ */ React85.createElement(TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("gradient") }, /* @__PURE__ */ React85.createElement(BackgroundGradientColorControl, null)), /* @__PURE__ */ React85.createElement(TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("color") }, /* @__PURE__ */ React85.createElement(PopoverContent, null, /* @__PURE__ */ React85.createElement(ColorOverlayContent, { anchorEl: rowRef }))));
 };
 var ItemIcon2 = ({ value }) => {
@@ -5634,9 +5635,9 @@ var ItemLabelImage = ({ value }) => {
 };
 var ItemLabelGradient = ({ value }) => {
   if (value.value.type.value === "linear") {
-    return /* @__PURE__ */ React85.createElement("span", null, __35("Linear Gradient", "elementor"));
+    return /* @__PURE__ */ React85.createElement("span", null, __36("Linear Gradient", "elementor"));
   }
-  return /* @__PURE__ */ React85.createElement("span", null, __35("Radial Gradient", "elementor"));
+  return /* @__PURE__ */ React85.createElement("span", null, __36("Radial Gradient", "elementor"));
 };
 var ColorOverlayContent = ({ anchorEl }) => {
   const propContext = useBoundProp(backgroundColorOverlayPropTypeUtil2);
@@ -5683,13 +5684,13 @@ var getGradientValue = (value) => {
 
 // src/controls/background-control/background-control.tsx
 var clipOptions = [
-  { label: __36("Full element", "elementor"), value: "border-box" },
-  { label: __36("Padding edges", "elementor"), value: "padding-box" },
-  { label: __36("Content edges", "elementor"), value: "content-box" },
-  { label: __36("Text", "elementor"), value: "text" }
+  { label: __37("Full element", "elementor"), value: "border-box" },
+  { label: __37("Padding edges", "elementor"), value: "padding-box" },
+  { label: __37("Content edges", "elementor"), value: "content-box" },
+  { label: __37("Text", "elementor"), value: "text" }
 ];
-var colorLabel = __36("Color", "elementor");
-var clipLabel = __36("Clipping", "elementor");
+var colorLabel = __37("Color", "elementor");
+var clipLabel = __37("Clipping", "elementor");
 var BackgroundControl = createControl(() => {
   const propContext = useBoundProp(backgroundPropTypeUtil);
   return /* @__PURE__ */ React86.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React86.createElement(PropKeyProvider, { bind: "background-overlay" }, /* @__PURE__ */ React86.createElement(BackgroundOverlayRepeaterControl, null)), /* @__PURE__ */ React86.createElement(BackgroundColorField, null), /* @__PURE__ */ React86.createElement(BackgroundClipField, null));
@@ -5867,7 +5868,7 @@ import {
   stringPropTypeUtil as stringPropTypeUtil14
 } from "@elementor/editor-props";
 import { FormHelperText, FormLabel as FormLabel3, Grid as Grid18 } from "@elementor/ui";
-import { __ as __37 } from "@wordpress/i18n";
+import { __ as __38 } from "@wordpress/i18n";
 
 // src/utils/escape-html-attr.ts
 var escapeHtmlAttr = (value) => {
@@ -5897,8 +5898,8 @@ var KeyValueControl = createControl((props = {}) => {
     key: getInitialFieldValue(value?.key),
     value: getInitialFieldValue(value?.value)
   });
-  const keyLabel = props.keyName || __37("Key", "elementor");
-  const valueLabel = props.valueName || __37("Value", "elementor");
+  const keyLabel = props.keyName || __38("Key", "elementor");
+  const valueLabel = props.valueName || __38("Value", "elementor");
   const { keyHelper, valueHelper } = props.getHelperText?.(sessionState.key, sessionState.value) || {
     keyHelper: void 0,
     valueHelper: void 0
@@ -5907,7 +5908,7 @@ var KeyValueControl = createControl((props = {}) => {
     () => [
       props.regexKey ? new RegExp(props.regexKey) : void 0,
       props.regexValue ? new RegExp(props.regexValue) : void 0,
-      props.validationErrorMessage || __37("Invalid Format", "elementor")
+      props.validationErrorMessage || __38("Invalid Format", "elementor")
     ],
     [props.regexKey, props.regexValue, props.validationErrorMessage]
   );
@@ -5980,18 +5981,18 @@ import { positionPropTypeUtil, stringPropTypeUtil as stringPropTypeUtil15 } from
 import { MenuListItem as MenuListItem7 } from "@elementor/editor-ui";
 import { LetterXIcon as LetterXIcon2, LetterYIcon as LetterYIcon2 } from "@elementor/icons";
 import { Grid as Grid19, Select as Select5 } from "@elementor/ui";
-import { __ as __38 } from "@wordpress/i18n";
+import { __ as __39 } from "@wordpress/i18n";
 var positionOptions = [
-  { label: __38("Center center", "elementor"), value: "center center" },
-  { label: __38("Center left", "elementor"), value: "center left" },
-  { label: __38("Center right", "elementor"), value: "center right" },
-  { label: __38("Top center", "elementor"), value: "top center" },
-  { label: __38("Top left", "elementor"), value: "top left" },
-  { label: __38("Top right", "elementor"), value: "top right" },
-  { label: __38("Bottom center", "elementor"), value: "bottom center" },
-  { label: __38("Bottom left", "elementor"), value: "bottom left" },
-  { label: __38("Bottom right", "elementor"), value: "bottom right" },
-  { label: __38("Custom", "elementor"), value: "custom" }
+  { label: __39("Center center", "elementor"), value: "center center" },
+  { label: __39("Center left", "elementor"), value: "center left" },
+  { label: __39("Center right", "elementor"), value: "center right" },
+  { label: __39("Top center", "elementor"), value: "top center" },
+  { label: __39("Top left", "elementor"), value: "top left" },
+  { label: __39("Top right", "elementor"), value: "top right" },
+  { label: __39("Bottom center", "elementor"), value: "bottom center" },
+  { label: __39("Bottom left", "elementor"), value: "bottom left" },
+  { label: __39("Bottom right", "elementor"), value: "bottom right" },
+  { label: __39("Custom", "elementor"), value: "custom" }
 ];
 var PositionControl = () => {
   const positionContext = useBoundProp(positionPropTypeUtil);
@@ -6005,7 +6006,7 @@ var PositionControl = () => {
       stringPropContext.setValue(value);
     }
   };
-  return /* @__PURE__ */ React89.createElement(Grid19, { container: true, spacing: 1.5 }, /* @__PURE__ */ React89.createElement(Grid19, { item: true, xs: 12 }, /* @__PURE__ */ React89.createElement(Grid19, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React89.createElement(Grid19, { item: true, xs: 6 }, /* @__PURE__ */ React89.createElement(ControlFormLabel, null, __38("Object position", "elementor"))), /* @__PURE__ */ React89.createElement(Grid19, { item: true, xs: 6, sx: { overflow: "hidden" } }, /* @__PURE__ */ React89.createElement(
+  return /* @__PURE__ */ React89.createElement(Grid19, { container: true, spacing: 1.5 }, /* @__PURE__ */ React89.createElement(Grid19, { item: true, xs: 12 }, /* @__PURE__ */ React89.createElement(Grid19, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React89.createElement(Grid19, { item: true, xs: 6 }, /* @__PURE__ */ React89.createElement(ControlFormLabel, null, __39("Object position", "elementor"))), /* @__PURE__ */ React89.createElement(Grid19, { item: true, xs: 6, sx: { overflow: "hidden" } }, /* @__PURE__ */ React89.createElement(
     Select5,
     {
       size: "tiny",
@@ -6036,7 +6037,7 @@ import { useRef as useRef23 } from "react";
 import { transformFunctionsPropTypeUtil, transformPropTypeUtil } from "@elementor/editor-props";
 import { AdjustmentsIcon as AdjustmentsIcon2, InfoCircleFilledIcon as InfoCircleFilledIcon2 } from "@elementor/icons";
 import { bindTrigger as bindTrigger5, Box as Box19, IconButton as IconButton7, Tooltip as Tooltip8, Typography as Typography7, usePopupState as usePopupState8 } from "@elementor/ui";
-import { __ as __48 } from "@wordpress/i18n";
+import { __ as __49 } from "@wordpress/i18n";
 
 // src/controls/transform-control/initial-values.ts
 import {
@@ -6092,7 +6093,7 @@ var initialSkewValue = skewTransformPropTypeUtil.create({
 // src/controls/transform-control/transform-content.tsx
 import * as React96 from "react";
 import { Box as Box16, Tab as Tab2, TabPanel as TabPanel2, Tabs as Tabs2 } from "@elementor/ui";
-import { __ as __43 } from "@wordpress/i18n";
+import { __ as __44 } from "@wordpress/i18n";
 
 // src/controls/transform-control/functions/move.tsx
 import * as React91 from "react";
@@ -6100,7 +6101,7 @@ import { useRef as useRef16 } from "react";
 import { moveTransformPropTypeUtil } from "@elementor/editor-props";
 import { ArrowDownLeftIcon, ArrowDownSmallIcon, ArrowRightIcon } from "@elementor/icons";
 import { Grid as Grid21 } from "@elementor/ui";
-import { __ as __39 } from "@wordpress/i18n";
+import { __ as __40 } from "@wordpress/i18n";
 
 // src/controls/transform-control/functions/axis-row.tsx
 import * as React90 from "react";
@@ -6123,19 +6124,19 @@ var AxisRow = ({ label, bind, startIcon, anchorRef, units: units2, variant = "an
 // src/controls/transform-control/functions/move.tsx
 var moveAxisControls = [
   {
-    label: __39("Move X", "elementor"),
+    label: __40("Move X", "elementor"),
     bind: "x",
     startIcon: /* @__PURE__ */ React91.createElement(ArrowRightIcon, { fontSize: "tiny" }),
     units: ["px", "%", "em", "rem", "vw"]
   },
   {
-    label: __39("Move Y", "elementor"),
+    label: __40("Move Y", "elementor"),
     bind: "y",
     startIcon: /* @__PURE__ */ React91.createElement(ArrowDownSmallIcon, { fontSize: "tiny" }),
     units: ["px", "%", "em", "rem", "vh"]
   },
   {
-    label: __39("Move Z", "elementor"),
+    label: __40("Move Z", "elementor"),
     bind: "z",
     startIcon: /* @__PURE__ */ React91.createElement(ArrowDownLeftIcon, { fontSize: "tiny" }),
     units: ["px", "%", "em", "rem", "vw", "vh"]
@@ -6162,20 +6163,20 @@ import { useRef as useRef17 } from "react";
 import { rotateTransformPropTypeUtil as rotateTransformPropTypeUtil2 } from "@elementor/editor-props";
 import { Arrow360Icon, RotateClockwiseIcon } from "@elementor/icons";
 import { Grid as Grid22 } from "@elementor/ui";
-import { __ as __40 } from "@wordpress/i18n";
+import { __ as __41 } from "@wordpress/i18n";
 var rotateAxisControls = [
   {
-    label: __40("Rotate X", "elementor"),
+    label: __41("Rotate X", "elementor"),
     bind: "x",
     startIcon: /* @__PURE__ */ React92.createElement(Arrow360Icon, { fontSize: "tiny" })
   },
   {
-    label: __40("Rotate Y", "elementor"),
+    label: __41("Rotate Y", "elementor"),
     bind: "y",
     startIcon: /* @__PURE__ */ React92.createElement(Arrow360Icon, { fontSize: "tiny", style: { transform: "scaleX(-1) rotate(-90deg)" } })
   },
   {
-    label: __40("Rotate Z", "elementor"),
+    label: __41("Rotate Z", "elementor"),
     bind: "z",
     startIcon: /* @__PURE__ */ React92.createElement(RotateClockwiseIcon, { fontSize: "tiny" })
   }
@@ -6201,7 +6202,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 Grid24 } from "@elementor/ui";
-import { __ as __41 } from "@wordpress/i18n";
+import { __ as __42 } from "@wordpress/i18n";
 
 // src/controls/transform-control/functions/scale-axis-row.tsx
 import * as React93 from "react";
@@ -6213,17 +6214,17 @@ var ScaleAxisRow = ({ label, bind, startIcon, anchorRef }) => {
 // src/controls/transform-control/functions/scale.tsx
 var scaleAxisControls = [
   {
-    label: __41("Scale X", "elementor"),
+    label: __42("Scale X", "elementor"),
     bind: "x",
     startIcon: /* @__PURE__ */ React94.createElement(ArrowRightIcon2, { fontSize: "tiny" })
   },
   {
-    label: __41("Scale Y", "elementor"),
+    label: __42("Scale Y", "elementor"),
     bind: "y",
     startIcon: /* @__PURE__ */ React94.createElement(ArrowDownSmallIcon2, { fontSize: "tiny" })
   },
   {
-    label: __41("Scale Z", "elementor"),
+    label: __42("Scale Z", "elementor"),
     bind: "z",
     startIcon: /* @__PURE__ */ React94.createElement(ArrowDownLeftIcon2, { fontSize: "tiny" })
   }
@@ -6240,15 +6241,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 Grid25 } from "@elementor/ui";
-import { __ as __42 } from "@wordpress/i18n";
+import { __ as __43 } from "@wordpress/i18n";
 var skewAxisControls = [
   {
-    label: __42("Skew X", "elementor"),
+    label: __43("Skew X", "elementor"),
     bind: "x",
     startIcon: /* @__PURE__ */ React95.createElement(ArrowRightIcon3, { fontSize: "tiny" })
   },
   {
-    label: __42("Skew Y", "elementor"),
+    label: __43("Skew Y", "elementor"),
     bind: "y",
     startIcon: /* @__PURE__ */ React95.createElement(ArrowLeftIcon, { fontSize: "tiny", style: { transform: "scaleX(-1) rotate(-90deg)" } })
   }
@@ -6373,12 +6374,12 @@ var TransformContent = () => {
         }
       },
       ...getTabsProps(),
-      "aria-label": __43("Transform", "elementor")
+      "aria-label": __44("Transform", "elementor")
     },
-    /* @__PURE__ */ React96.createElement(Tab2, { label: __43("Move", "elementor"), ...getTabProps(TransformFunctionKeys.move) }),
-    /* @__PURE__ */ React96.createElement(Tab2, { label: __43("Scale", "elementor"), ...getTabProps(TransformFunctionKeys.scale) }),
-    /* @__PURE__ */ React96.createElement(Tab2, { label: __43("Rotate", "elementor"), ...getTabProps(TransformFunctionKeys.rotate) }),
-    /* @__PURE__ */ React96.createElement(Tab2, { label: __43("Skew", "elementor"), ...getTabProps(TransformFunctionKeys.skew) })
+    /* @__PURE__ */ React96.createElement(Tab2, { label: __44("Move", "elementor"), ...getTabProps(TransformFunctionKeys.move) }),
+    /* @__PURE__ */ React96.createElement(Tab2, { label: __44("Scale", "elementor"), ...getTabProps(TransformFunctionKeys.scale) }),
+    /* @__PURE__ */ React96.createElement(Tab2, { label: __44("Rotate", "elementor"), ...getTabProps(TransformFunctionKeys.rotate) }),
+    /* @__PURE__ */ React96.createElement(Tab2, { label: __44("Skew", "elementor"), ...getTabProps(TransformFunctionKeys.skew) })
   )), /* @__PURE__ */ React96.createElement(TabPanel2, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.move) }, /* @__PURE__ */ React96.createElement(Move, null)), /* @__PURE__ */ React96.createElement(TabPanel2, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.scale) }, /* @__PURE__ */ React96.createElement(Scale, null)), /* @__PURE__ */ React96.createElement(TabPanel2, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.rotate) }, /* @__PURE__ */ React96.createElement(Rotate, null)), /* @__PURE__ */ React96.createElement(TabPanel2, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.skew) }, /* @__PURE__ */ React96.createElement(Skew, null))));
 };
 
@@ -6403,7 +6404,7 @@ var TransformIcon = ({ value }) => {
 // src/controls/transform-control/transform-label.tsx
 import * as React98 from "react";
 import { Box as Box17 } from "@elementor/ui";
-import { __ as __44 } from "@wordpress/i18n";
+import { __ as __45 } from "@wordpress/i18n";
 var orderedAxis = ["x", "y", "z"];
 var formatLabel = (value, functionType) => {
   return orderedAxis.map((axisKey) => {
@@ -6421,13 +6422,13 @@ var TransformLabel = (props) => {
   const { $$type, value } = props.value;
   switch ($$type) {
     case TransformFunctionKeys.move:
-      return /* @__PURE__ */ React98.createElement(Label2, { label: __44("Move", "elementor"), value: formatLabel(value, "move") });
+      return /* @__PURE__ */ React98.createElement(Label2, { label: __45("Move", "elementor"), value: formatLabel(value, "move") });
     case TransformFunctionKeys.scale:
-      return /* @__PURE__ */ React98.createElement(Label2, { label: __44("Scale", "elementor"), value: formatLabel(value, "scale") });
+      return /* @__PURE__ */ React98.createElement(Label2, { label: __45("Scale", "elementor"), value: formatLabel(value, "scale") });
     case TransformFunctionKeys.rotate:
-      return /* @__PURE__ */ React98.createElement(Label2, { label: __44("Rotate", "elementor"), value: formatLabel(value, "rotate") });
+      return /* @__PURE__ */ React98.createElement(Label2, { label: __45("Rotate", "elementor"), value: formatLabel(value, "rotate") });
     case TransformFunctionKeys.skew:
-      return /* @__PURE__ */ React98.createElement(Label2, { label: __44("Skew", "elementor"), value: formatLabel(value, "skew") });
+      return /* @__PURE__ */ React98.createElement(Label2, { label: __45("Skew", "elementor"), value: formatLabel(value, "skew") });
     default:
       return "";
   }
@@ -6441,34 +6442,34 @@ import * as React101 from "react";
 import { PopoverHeader as PopoverHeader4 } from "@elementor/editor-ui";
 import { AdjustmentsIcon } from "@elementor/icons";
 import { bindPopover as bindPopover6, Box as Box18, Divider as Divider4, Popover as Popover6 } from "@elementor/ui";
-import { __ as __47 } from "@wordpress/i18n";
+import { __ as __48 } from "@wordpress/i18n";
 
 // src/controls/transform-control/transform-base-controls/children-perspective-control.tsx
 import * as React99 from "react";
 import { useRef as useRef21 } from "react";
 import { perspectiveOriginPropTypeUtil } from "@elementor/editor-props";
 import { Grid as Grid26, Stack as Stack15 } from "@elementor/ui";
-import { __ as __45 } from "@wordpress/i18n";
+import { __ as __46 } from "@wordpress/i18n";
 var ORIGIN_UNITS = ["px", "%", "em", "rem"];
 var PERSPECTIVE_CONTROL_FIELD = {
-  label: __45("Perspective", "elementor"),
+  label: __46("Perspective", "elementor"),
   bind: "perspective",
   units: ["px", "em", "rem", "vw", "vh"]
 };
 var CHILDREN_PERSPECTIVE_FIELDS = [
   {
-    label: __45("Origin X", "elementor"),
+    label: __46("Origin X", "elementor"),
     bind: "x",
     units: ORIGIN_UNITS
   },
   {
-    label: __45("Origin Y", "elementor"),
+    label: __46("Origin Y", "elementor"),
     bind: "y",
     units: ORIGIN_UNITS
   }
 ];
 var ChildrenPerspectiveControl = () => {
-  return /* @__PURE__ */ React99.createElement(Stack15, { direction: "column", spacing: 1.5 }, /* @__PURE__ */ React99.createElement(ControlFormLabel, null, __45("Children perspective", "elementor")), /* @__PURE__ */ React99.createElement(PerspectiveControl, null), /* @__PURE__ */ React99.createElement(PerspectiveOriginControl, null));
+  return /* @__PURE__ */ React99.createElement(Stack15, { direction: "column", spacing: 1.5 }, /* @__PURE__ */ React99.createElement(ControlFormLabel, null, __46("Children perspective", "elementor")), /* @__PURE__ */ React99.createElement(PerspectiveControl, null), /* @__PURE__ */ React99.createElement(PerspectiveOriginControl, null));
 };
 var PerspectiveControl = () => /* @__PURE__ */ React99.createElement(PropKeyProvider, { bind: "perspective" }, /* @__PURE__ */ React99.createElement(ControlFields, { control: PERSPECTIVE_CONTROL_FIELD, key: PERSPECTIVE_CONTROL_FIELD.bind }));
 var PerspectiveOriginControl = () => /* @__PURE__ */ React99.createElement(PropKeyProvider, { bind: "perspective-origin" }, /* @__PURE__ */ React99.createElement(PerspectiveOriginControlProvider, null));
@@ -6486,28 +6487,28 @@ import * as React100 from "react";
 import { useRef as useRef22 } from "react";
 import { transformOriginPropTypeUtil } from "@elementor/editor-props";
 import { Grid as Grid27, Stack as Stack16 } from "@elementor/ui";
-import { __ as __46 } from "@wordpress/i18n";
+import { __ as __47 } 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: __46("Origin X", "elementor"),
+    label: __47("Origin X", "elementor"),
     bind: "x",
     units: TRANSFORM_ORIGIN_UNITS
   },
   {
-    label: __46("Origin Y", "elementor"),
+    label: __47("Origin Y", "elementor"),
     bind: "y",
     units: TRANSFORM_ORIGIN_UNITS
   },
   {
-    label: __46("Origin Z", "elementor"),
+    label: __47("Origin Z", "elementor"),
     bind: "z",
     units: TRANSFORM_ORIGIN_UNITS_Z_AXIS
   }
 ];
 var TransformOriginControl = () => {
-  return /* @__PURE__ */ React100.createElement(Stack16, { direction: "column", spacing: 1.5 }, /* @__PURE__ */ React100.createElement(ControlFormLabel, null, __46("Transform", "elementor")), TRANSFORM_ORIGIN_FIELDS.map((control) => /* @__PURE__ */ React100.createElement(ControlFields2, { control, key: control.bind })));
+  return /* @__PURE__ */ React100.createElement(Stack16, { direction: "column", spacing: 1.5 }, /* @__PURE__ */ React100.createElement(ControlFormLabel, null, __47("Transform", "elementor")), TRANSFORM_ORIGIN_FIELDS.map((control) => /* @__PURE__ */ React100.createElement(ControlFields2, { control, key: control.bind })));
 };
 var ControlFields2 = ({ control }) => {
   const context = useBoundProp(transformOriginPropTypeUtil);
@@ -6544,7 +6545,7 @@ var TransformSettingsControl = ({
     /* @__PURE__ */ React101.createElement(
       PopoverHeader4,
       {
-        title: __47("Transform settings", "elementor"),
+        title: __48("Transform settings", "elementor"),
         onClose: popupState.close,
         icon: /* @__PURE__ */ React101.createElement(AdjustmentsIcon, { fontSize: SIZE9 })
       }
@@ -6579,7 +6580,7 @@ var ToolTip = /* @__PURE__ */ React102.createElement(
     sx: { display: "flex", gap: 0.5, p: 2, width: 320, borderRadius: 1 }
   },
   /* @__PURE__ */ React102.createElement(InfoCircleFilledIcon2, { sx: { color: "secondary.main" } }),
-  /* @__PURE__ */ React102.createElement(Typography7, { variant: "body2", color: "text.secondary", fontSize: "14px" }, __48("You can use each kind of transform only once per element.", "elementor"))
+  /* @__PURE__ */ React102.createElement(Typography7, { variant: "body2", color: "text.secondary", fontSize: "14px" }, __49("You can use each kind of transform only once per element.", "elementor"))
 );
 var Repeater2 = ({
   headerRef,
@@ -6602,7 +6603,7 @@ var Repeater2 = ({
     /* @__PURE__ */ React102.createElement(
       RepeaterHeader,
       {
-        label: __48("Transform", "elementor"),
+        label: __49("Transform", "elementor"),
         adornment: () => /* @__PURE__ */ React102.createElement(ControlAdornments, { customContext: { path: ["transform"], propType } }),
         ref: headerRef
       },
@@ -6633,7 +6634,7 @@ var TransformBasePopoverTrigger = ({
   repeaterBindKey
 }) => {
   const { bind } = useBoundProp();
-  const titleLabel = __48("Transform settings", "elementor");
+  const titleLabel = __49("Transform settings", "elementor");
   return bind !== repeaterBindKey ? null : /* @__PURE__ */ React102.createElement(Tooltip8, { title: titleLabel, placement: "top" }, /* @__PURE__ */ React102.createElement(IconButton7, { size: SIZE10, "aria-label": titleLabel, ...bindTrigger5(popupState) }, /* @__PURE__ */ React102.createElement(AdjustmentsIcon2, { fontSize: SIZE10 })));
 };
 
@@ -6647,7 +6648,7 @@ import {
 import { InfoCircleFilledIcon as InfoCircleFilledIcon3 } from "@elementor/icons";
 import { Alert as Alert2, AlertTitle as AlertTitle3, Box as Box21, Typography as Typography8 } from "@elementor/ui";
 import { hasProInstalled as hasProInstalled2 } from "@elementor/utils";
-import { __ as __51 } from "@wordpress/i18n";
+import { __ as __52 } from "@wordpress/i18n";
 
 // src/controls/selection-size-control.tsx
 import * as React103 from "react";
@@ -6685,12 +6686,12 @@ var SelectionSizeControl = createControl(
 
 // src/controls/transition-control/data.ts
 import { hasProInstalled, isVersionGreaterOrEqual } from "@elementor/utils";
-import { __ as __49 } from "@wordpress/i18n";
+import { __ as __50 } from "@wordpress/i18n";
 var initialTransitionValue = {
   selection: {
     $$type: "key-value",
     value: {
-      key: { value: __49("All properties", "elementor"), $$type: "string" },
+      key: { value: __50("All properties", "elementor"), $$type: "string" },
       value: { value: "all", $$type: "string" }
     }
   },
@@ -6714,128 +6715,128 @@ var createTransitionPropertiesList = () => {
   const isSiteRtl = getIsSiteRtl();
   const baseProperties = [
     {
-      label: __49("Default", "elementor"),
+      label: __50("Default", "elementor"),
       type: "category",
-      properties: [{ label: __49("All properties", "elementor"), value: "all" }]
+      properties: [{ label: __50("All properties", "elementor"), value: "all" }]
     },
     {
-      label: __49("Margin", "elementor"),
+      label: __50("Margin", "elementor"),
       type: "category",
       properties: [
-        { label: __49("Margin (all)", "elementor"), value: "margin", isDisabled: true },
-        { label: __49("Margin bottom", "elementor"), value: "margin-block-end", isDisabled: true },
+        { label: __50("Margin (all)", "elementor"), value: "margin", isDisabled: true },
+        { label: __50("Margin bottom", "elementor"), value: "margin-block-end", isDisabled: true },
         {
-          label: isSiteRtl ? __49("Margin right", "elementor") : __49("Margin left", "elementor"),
+          label: isSiteRtl ? __50("Margin right", "elementor") : __50("Margin left", "elementor"),
           value: "margin-inline-start",
           isDisabled: true
         },
         {
-          label: isSiteRtl ? __49("Margin left", "elementor") : __49("Margin right", "elementor"),
+          label: isSiteRtl ? __50("Margin left", "elementor") : __50("Margin right", "elementor"),
           value: "margin-inline-end",
           isDisabled: true
         },
-        { label: __49("Margin top", "elementor"), value: "margin-block-start", isDisabled: true }
+        { label: __50("Margin top", "elementor"), value: "margin-block-start", isDisabled: true }
       ]
     },
     {
-      label: __49("Padding", "elementor"),
+      label: __50("Padding", "elementor"),
       type: "category",
       properties: [
-        { label: __49("Padding (all)", "elementor"), value: "padding", isDisabled: true },
-        { label: __49("Padding bottom", "elementor"), value: "padding-block-end", isDisabled: true },
+        { label: __50("Padding (all)", "elementor"), value: "padding", isDisabled: true },
+        { label: __50("Padding bottom", "elementor"), value: "padding-block-end", isDisabled: true },
         {
-          label: isSiteRtl ? __49("Padding right", "elementor") : __49("Padding left", "elementor"),
+          label: isSiteRtl ? __50("Padding right", "elementor") : __50("Padding left", "elementor"),
           value: "padding-inline-start",
           isDisabled: true
         },
         {
-          label: isSiteRtl ? __49("Padding left", "elementor") : __49("Padding right", "elementor"),
+          label: isSiteRtl ? __50("Padding left", "elementor") : __50("Padding right", "elementor"),
           value: "padding-inline-end",
           isDisabled: true
         },
-        { label: __49("Padding top", "elementor"), value: "padding-block-start", isDisabled: true }
+        { label: __50("Padding top", "elementor"), value: "padding-block-start", isDisabled: true }
       ]
     },
     {
-      label: __49("Flex", "elementor"),
+      label: __50("Flex", "elementor"),
       type: "category",
       properties: [
-        { label: __49("Flex (all)", "elementor"), value: "flex", isDisabled: true },
-        { label: __49("Flex grow", "elementor"), value: "flex-grow", isDisabled: true },
-        { label: __49("Flex shrink", "elementor"), value: "flex-shrink", isDisabled: true },
-        { label: __49("Flex basis", "elementor"), value: "flex-basis", isDisabled: true }
+        { label: __50("Flex (all)", "elementor"), value: "flex", isDisabled: true },
+        { label: __50("Flex grow", "elementor"), value: "flex-grow", isDisabled: true },
+        { label: __50("Flex shrink", "elementor"), value: "flex-shrink", isDisabled: true },
+        { label: __50("Flex basis", "elementor"), value: "flex-basis", isDisabled: true }
       ]
     },
     {
-      label: __49("Size", "elementor"),
+      label: __50("Size", "elementor"),
       type: "category",
       properties: [
-        { label: __49("Width", "elementor"), value: "width", isDisabled: true },
-        { label: __49("Height", "elementor"), value: "height", isDisabled: true },
-        { label: __49("Max height", "elementor"), value: "max-height", isDisabled: true },
-        { label: __49("Max width", "elementor"), value: "max-width", isDisabled: true },
-        { label: __49("Min height", "elementor"), value: "min-height", isDisabled: true },
-        { label: __49("Min width", "elementor"), value: "min-width", isDisabled: true }
+        { label: __50("Width", "elementor"), value: "width", isDisabled: true },
+        { label: __50("Height", "elementor"), value: "height", isDisabled: true },
+        { label: __50("Max height", "elementor"), value: "max-height", isDisabled: true },
+        { label: __50("Max width", "elementor"), value: "max-width", isDisabled: true },
+        { label: __50("Min height", "elementor"), value: "min-height", isDisabled: true },
+        { label: __50("Min width", "elementor"), value: "min-width", isDisabled: true }
       ]
     },
     {
-      label: __49("Position", "elementor"),
+      label: __50("Position", "elementor"),
       type: "category",
       properties: [
-        { label: __49("Top", "elementor"), value: "inset-block-start", isDisabled: true },
+        { label: __50("Top", "elementor"), value: "inset-block-start", isDisabled: true },
         {
-          label: isSiteRtl ? __49("Right", "elementor") : __49("Left", "elementor"),
+          label: isSiteRtl ? __50("Right", "elementor") : __50("Left", "elementor"),
           value: "inset-inline-start",
           isDisabled: true
         },
         {
-          label: isSiteRtl ? __49("Left", "elementor") : __49("Right", "elementor"),
+          label: isSiteRtl ? __50("Left", "elementor") : __50("Right", "elementor"),
           value: "inset-inline-end",
           isDisabled: true
         },
-        { label: __49("Bottom", "elementor"), value: "inset-block-end", isDisabled: true },
-        { label: __49("Z-index", "elementor"), value: "z-index", isDisabled: true }
+        { label: __50("Bottom", "elementor"), value: "inset-block-end", isDisabled: true },
+        { label: __50("Z-index", "elementor"), value: "z-index", isDisabled: true }
       ]
     },
     {
-      label: __49("Typography", "elementor"),
+      label: __50("Typography", "elementor"),
       type: "category",
       properties: [
-        { label: __49("Font color", "elementor"), value: "color", isDisabled: true },
-        { label: __49("Font size", "elementor"), value: "font-size", isDisabled: true },
-        { label: __49("Line height", "elementor"), value: "line-height", isDisabled: true },
-        { label: __49("Letter spacing", "elementor"), value: "letter-spacing", isDisabled: true },
-        { label: __49("Word spacing", "elementor"), value: "word-spacing", isDisabled: true },
-        { label: __49("Font variations", "elementor"), value: "font-variation-settings", isDisabled: true },
-        { label: __49("Text stroke color", "elementor"), value: "-webkit-text-stroke-color", isDisabled: true }
+        { label: __50("Font color", "elementor"), value: "color", isDisabled: true },
+        { label: __50("Font size", "elementor"), value: "font-size", isDisabled: true },
+        { label: __50("Line height", "elementor"), value: "line-height", isDisabled: true },
+        { label: __50("Letter spacing", "elementor"), value: "letter-spacing", isDisabled: true },
+        { label: __50("Word spacing", "elementor"), value: "word-spacing", isDisabled: true },
+        { label: __50("Font variations", "elementor"), value: "font-variation-settings", isDisabled: true },
+        { label: __50("Text stroke color", "elementor"), value: "-webkit-text-stroke-color", isDisabled: true }
       ]
     },
     {
-      label: __49("Background", "elementor"),
+      label: __50("Background", "elementor"),
       type: "category",
       properties: [
-        { label: __49("Background color", "elementor"), value: "background-color", isDisabled: true },
-        { label: __49("Background position", "elementor"), value: "background-position", isDisabled: true },
-        { label: __49("Box shadow", "elementor"), value: "box-shadow", isDisabled: true }
+        { label: __50("Background color", "elementor"), value: "background-color", isDisabled: true },
+        { label: __50("Background position", "elementor"), value: "background-position", isDisabled: true },
+        { label: __50("Box shadow", "elementor"), value: "box-shadow", isDisabled: true }
       ]
     },
     {
-      label: __49("Border", "elementor"),
+      label: __50("Border", "elementor"),
       type: "category",
       properties: [
-        { label: __49("Border (all)", "elementor"), value: "border", isDisabled: true },
-        { label: __49("Border radius", "elementor"), value: "border-radius", isDisabled: true },
-        { label: __49("Border color", "elementor"), value: "border-color", isDisabled: true },
-        { label: __49("Border width", "elementor"), value: "border-width", isDisabled: true }
+        { label: __50("Border (all)", "elementor"), value: "border", isDisabled: true },
+        { label: __50("Border radius", "elementor"), value: "border-radius", isDisabled: true },
+        { label: __50("Border color", "elementor"), value: "border-color", isDisabled: true },
+        { label: __50("Border width", "elementor"), value: "border-width", isDisabled: true }
       ]
     },
     {
-      label: __49("Effects", "elementor"),
+      label: __50("Effects", "elementor"),
       type: "category",
       properties: [
-        { label: __49("Opacity", "elementor"), value: "opacity", isDisabled: true },
-        { label: __49("Transform (all)", "elementor"), value: "transform", isDisabled: true },
-        { label: __49("Filter (all)", "elementor"), value: "filter", isDisabled: true }
+        { label: __50("Opacity", "elementor"), value: "opacity", isDisabled: true },
+        { label: __50("Transform (all)", "elementor"), value: "transform", isDisabled: true },
+        { label: __50("Filter (all)", "elementor"), value: "filter", isDisabled: true }
       ]
     }
   ];
@@ -6877,7 +6878,7 @@ import { keyValuePropTypeUtil as keyValuePropTypeUtil2 } from "@elementor/editor
 import { PromotionAlert, PromotionChip } from "@elementor/editor-ui";
 import { ChevronDownIcon as ChevronDownIcon3, VariationsIcon } from "@elementor/icons";
 import { bindPopover as bindPopover7, bindTrigger as bindTrigger6, Box as Box20, Popover as Popover7, UnstableTag as UnstableTag3, usePopupState as usePopupState9 } from "@elementor/ui";
-import { __ as __50 } from "@wordpress/i18n";
+import { __ as __51 } from "@wordpress/i18n";
 
 // src/utils/tracking.ts
 import { getSelectedElements as getSelectedElements2 } from "@elementor/editor-elements";
@@ -6981,7 +6982,7 @@ var TransitionSelector = ({
     return [
       first,
       {
-        label: __50("Recently Used", "elementor"),
+        label: __51("Recently Used", "elementor"),
         items: recentItems
       },
       ...rest
@@ -7033,7 +7034,7 @@ var TransitionSelector = ({
         onItemChange: handleTransitionPropertyChange,
         onClose: popoverState.close,
         sectionWidth: 268,
-        title: __50("Transition Property", "elementor"),
+        title: __51("Transition Property", "elementor"),
         icon: VariationsIcon,
         disabledItems: includeCurrentValueInOptions(value, disabledItems),
         categoryItemContentTemplate: (item) => /* @__PURE__ */ React104.createElement(
@@ -7052,7 +7053,7 @@ var TransitionSelector = ({
         footer: showPromotion ? /* @__PURE__ */ React104.createElement(
           PromotionAlert,
           {
-            message: __50(
+            message: __51(
               "Upgrade to customize transition properties and control effects.",
               "elementor"
             ),
@@ -7091,8 +7092,8 @@ var areAllPropertiesUsed = (value = []) => {
 };
 var getSelectionSizeProps = (recentlyUsedList, disabledItems, showPromotion) => {
   return {
-    selectionLabel: __51("Type", "elementor"),
-    sizeLabel: __51("Duration", "elementor"),
+    selectionLabel: __52("Type", "elementor"),
+    sizeLabel: __52("Duration", "elementor"),
     selectionConfig: {
       component: TransitionSelector,
       props: {
@@ -7178,8 +7179,8 @@ var disableAddItemTooltipContent = /* @__PURE__ */ React105.createElement(
     color: "secondary",
     icon: /* @__PURE__ */ React105.createElement(InfoCircleFilledIcon3, null)
   },
-  /* @__PURE__ */ React105.createElement(AlertTitle3, null, __51("Transitions", "elementor")),
-  /* @__PURE__ */ React105.createElement(Box21, { component: "span" }, /* @__PURE__ */ React105.createElement(Typography8, { variant: "body2" }, __51("Switch to 'Normal' state to add a transition.", "elementor")))
+  /* @__PURE__ */ React105.createElement(AlertTitle3, null, __52("Transitions", "elementor")),
+  /* @__PURE__ */ React105.createElement(Box21, { component: "span" }, /* @__PURE__ */ React105.createElement(Typography8, { variant: "body2" }, __52("Switch to 'Normal' state to add a transition.", "elementor")))
 );
 var TransitionRepeaterControl = createControl(
   ({
@@ -7225,10 +7226,10 @@ var TransitionRepeaterControl = createControl(
     return /* @__PURE__ */ React105.createElement(
       RepeatableControl,
       {
-        label: __51("Transitions", "elementor"),
-        repeaterLabel: __51("Transitions", "elementor"),
+        label: __52("Transitions", "elementor"),
+        repeaterLabel: __52("Transitions", "elementor"),
         patternLabel: "${value.selection.value.key.value}: ${value.size.value.size}${value.size.value.unit}",
-        placeholder: __51("Empty Transition", "elementor"),
+        placeholder: __52("Empty Transition", "elementor"),
         showDuplicate: false,
         showToggle: true,
         initialValues: getInitialValue(value),
@@ -7590,7 +7591,7 @@ import { emailPropTypeUtil } from "@elementor/editor-props";
 import { CollapsibleContent, InfoAlert as InfoAlert2 } from "@elementor/editor-ui";
 import { Box as Box25, Divider as Divider5, Grid as Grid29, Stack as Stack17 } from "@elementor/ui";
 import { hasProInstalled as hasProInstalled3, isVersionGreaterOrEqual as isVersionGreaterOrEqual2 } from "@elementor/utils";
-import { __ as __52 } from "@wordpress/i18n";
+import { __ as __53 } from "@wordpress/i18n";
 
 // src/hooks/use-form-field-suggestions.ts
 import { getContainer, getSelectedElements as getSelectedElements3 } from "@elementor/editor-elements";
@@ -7635,13 +7636,13 @@ function useFormFieldSuggestions() {
 
 // src/controls/email-form-action-control.tsx
 var EmailField = ({ bind, label, placeholder }) => /* @__PURE__ */ React109.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React109.createElement(Grid29, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React109.createElement(Grid29, { item: true }, /* @__PURE__ */ React109.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React109.createElement(Grid29, { item: true }, /* @__PURE__ */ React109.createElement(TextControl, { placeholder }))));
-var SendToField = ({ placeholder }) => /* @__PURE__ */ React109.createElement(EmailField, { bind: "to", label: __52("Send to", "elementor"), placeholder });
+var SendToField = ({ placeholder }) => /* @__PURE__ */ React109.createElement(EmailField, { bind: "to", label: __53("Send to", "elementor"), placeholder });
 var SubjectField = () => /* @__PURE__ */ React109.createElement(
   EmailField,
   {
     bind: "subject",
-    label: __52("Email subject", "elementor"),
-    placeholder: __52("New form submission", "elementor")
+    label: __53("Email subject", "elementor"),
+    placeholder: __53("New form submission", "elementor")
   }
 );
 var MIN_PRO_VERSION_FOR_MENTIONS = "4.1.0";
@@ -7657,55 +7658,55 @@ var shouldShowMentionsInfo = () => {
 };
 var MessageField = () => {
   const suggestions = useFormFieldSuggestions();
-  return /* @__PURE__ */ React109.createElement(PropKeyProvider, { bind: "message" }, /* @__PURE__ */ React109.createElement(Grid29, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React109.createElement(Grid29, { item: true }, /* @__PURE__ */ React109.createElement(ControlFormLabel, null, __52("Message", "elementor"))), /* @__PURE__ */ React109.createElement(Grid29, { item: true }, /* @__PURE__ */ React109.createElement(MentionTextAreaControl, { suggestions })), /* @__PURE__ */ React109.createElement(Grid29, { item: true }, /* @__PURE__ */ React109.createElement(InfoAlert2, null, shouldShowMentionsInfo() ? __52(
+  return /* @__PURE__ */ React109.createElement(PropKeyProvider, { bind: "message" }, /* @__PURE__ */ React109.createElement(Grid29, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React109.createElement(Grid29, { item: true }, /* @__PURE__ */ React109.createElement(ControlFormLabel, null, __53("Message", "elementor"))), /* @__PURE__ */ React109.createElement(Grid29, { item: true }, /* @__PURE__ */ React109.createElement(MentionTextAreaControl, { suggestions })), /* @__PURE__ */ React109.createElement(Grid29, { item: true }, /* @__PURE__ */ React109.createElement(InfoAlert2, null, shouldShowMentionsInfo() ? __53(
     "[all-fields] shortcode sends all fields. Type @ to insert specific fields and customize your message.",
     "elementor"
-  ) : __52("[all-fields] shortcode sends all fields.", "elementor")))));
+  ) : __53("[all-fields] shortcode sends all fields.", "elementor")))));
 };
 var FromEmailField = () => /* @__PURE__ */ React109.createElement(
   EmailField,
   {
     bind: "from",
-    label: __52("From email", "elementor"),
-    placeholder: __52("What email should appear as the sender?", "elementor")
+    label: __53("From email", "elementor"),
+    placeholder: __53("What email should appear as the sender?", "elementor")
   }
 );
 var FromNameField = () => /* @__PURE__ */ React109.createElement(
   EmailField,
   {
     bind: "from-name",
-    label: __52("From name", "elementor"),
-    placeholder: __52("What name should appear as the sender?", "elementor")
+    label: __53("From name", "elementor"),
+    placeholder: __53("What name should appear as the sender?", "elementor")
   }
 );
-var ReplyToField = () => /* @__PURE__ */ React109.createElement(EmailField, { bind: "reply-to", label: __52("Reply-to", "elementor") });
-var CcField = () => /* @__PURE__ */ React109.createElement(EmailField, { bind: "cc", label: __52("Cc", "elementor") });
-var BccField = () => /* @__PURE__ */ React109.createElement(EmailField, { bind: "bcc", label: __52("Bcc", "elementor") });
-var MetaDataField = () => /* @__PURE__ */ React109.createElement(PropKeyProvider, { bind: "meta-data" }, /* @__PURE__ */ React109.createElement(Stack17, { gap: 0.5 }, /* @__PURE__ */ React109.createElement(ControlFormLabel, null, __52("Metadata", "elementor")), /* @__PURE__ */ React109.createElement(
+var ReplyToField = () => /* @__PURE__ */ React109.createElement(EmailField, { bind: "reply-to", label: __53("Reply-to", "elementor") });
+var CcField = () => /* @__PURE__ */ React109.createElement(EmailField, { bind: "cc", label: __53("Cc", "elementor") });
+var BccField = () => /* @__PURE__ */ React109.createElement(EmailField, { bind: "bcc", label: __53("Bcc", "elementor") });
+var MetaDataField = () => /* @__PURE__ */ React109.createElement(PropKeyProvider, { bind: "meta-data" }, /* @__PURE__ */ React109.createElement(Stack17, { gap: 0.5 }, /* @__PURE__ */ React109.createElement(ControlFormLabel, null, __53("Metadata", "elementor")), /* @__PURE__ */ React109.createElement(
   ChipsControl,
   {
     options: [
-      { label: __52("Date", "elementor"), value: "date" },
-      { label: __52("Time", "elementor"), value: "time" },
-      { label: __52("Page URL", "elementor"), value: "page-url" },
-      { label: __52("User agent", "elementor"), value: "user-agent" },
-      { label: __52("Credit", "elementor"), value: "credit" }
+      { label: __53("Date", "elementor"), value: "date" },
+      { label: __53("Time", "elementor"), value: "time" },
+      { label: __53("Page URL", "elementor"), value: "page-url" },
+      { label: __53("User agent", "elementor"), value: "user-agent" },
+      { label: __53("Credit", "elementor"), value: "credit" }
     ]
   }
 )));
-var SendAsField = () => /* @__PURE__ */ React109.createElement(PropKeyProvider, { bind: "send-as" }, /* @__PURE__ */ React109.createElement(Grid29, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React109.createElement(Grid29, { item: true }, /* @__PURE__ */ React109.createElement(ControlFormLabel, null, __52("Send as", "elementor"))), /* @__PURE__ */ React109.createElement(Grid29, { item: true }, /* @__PURE__ */ React109.createElement(
+var SendAsField = () => /* @__PURE__ */ React109.createElement(PropKeyProvider, { bind: "send-as" }, /* @__PURE__ */ React109.createElement(Grid29, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React109.createElement(Grid29, { item: true }, /* @__PURE__ */ React109.createElement(ControlFormLabel, null, __53("Send as", "elementor"))), /* @__PURE__ */ React109.createElement(Grid29, { item: true }, /* @__PURE__ */ React109.createElement(
   SelectControl,
   {
     options: [
-      { label: __52("HTML", "elementor"), value: "html" },
-      { label: __52("Plain Text", "elementor"), value: "plain" }
+      { label: __53("HTML", "elementor"), value: "html" },
+      { label: __53("Plain Text", "elementor"), value: "plain" }
     ]
   }
 ))));
 var AdvancedSettings = () => /* @__PURE__ */ React109.createElement(CollapsibleContent, { defaultOpen: false }, /* @__PURE__ */ React109.createElement(Box25, { sx: { pt: 2 } }, /* @__PURE__ */ React109.createElement(Stack17, { gap: 2 }, /* @__PURE__ */ React109.createElement(FromNameField, null), /* @__PURE__ */ React109.createElement(ReplyToField, null), /* @__PURE__ */ React109.createElement(CcField, null), /* @__PURE__ */ React109.createElement(BccField, null), /* @__PURE__ */ React109.createElement(Divider5, null), /* @__PURE__ */ React109.createElement(MetaDataField, null), /* @__PURE__ */ React109.createElement(SendAsField, null))));
 var EmailFormActionControl = createControl(({ toPlaceholder }) => {
   const { value, setValue, ...propContext } = useBoundProp(emailPropTypeUtil);
-  return /* @__PURE__ */ React109.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React109.createElement(Stack17, { gap: 2 }, /* @__PURE__ */ React109.createElement(ControlLabel, null, __52("Email settings", "elementor")), /* @__PURE__ */ React109.createElement(SendToField, { placeholder: toPlaceholder }), /* @__PURE__ */ React109.createElement(SubjectField, null), /* @__PURE__ */ React109.createElement(MessageField, null), /* @__PURE__ */ React109.createElement(FromEmailField, null), /* @__PURE__ */ React109.createElement(AdvancedSettings, null)));
+  return /* @__PURE__ */ React109.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React109.createElement(Stack17, { gap: 2 }, /* @__PURE__ */ React109.createElement(ControlLabel, null, __53("Email settings", "elementor")), /* @__PURE__ */ React109.createElement(SendToField, { placeholder: toPlaceholder }), /* @__PURE__ */ React109.createElement(SubjectField, null), /* @__PURE__ */ React109.createElement(MessageField, null), /* @__PURE__ */ React109.createElement(FromEmailField, null), /* @__PURE__ */ React109.createElement(AdvancedSettings, null)));
 });
 
 // src/components/promotions/display-conditions-control.tsx
@@ -7713,7 +7714,7 @@ import * as React111 from "react";
 import { useRef as useRef27 } from "react";
 import { SitemapIcon } from "@elementor/icons";
 import { IconButton as IconButton8, Stack as Stack18, Tooltip as Tooltip9 } from "@elementor/ui";
-import { __ as __53 } from "@wordpress/i18n";
+import { __ as __54 } from "@wordpress/i18n";
 
 // src/components/promotions/promotion-trigger.tsx
 import * as React110 from "react";
@@ -7766,7 +7767,7 @@ var PromotionTrigger = forwardRef12(
 );
 
 // src/components/promotions/display-conditions-control.tsx
-var ARIA_LABEL = __53("Display Conditions", "elementor");
+var ARIA_LABEL = __54("Display Conditions", "elementor");
 var TRACKING_DATA = { target_name: "display_conditions", location_l2: "general" };
 var DisplayConditionsControl = createControl(() => {
   const triggerRef = useRef27(null);
@@ -7804,8 +7805,8 @@ import * as React112 from "react";
 import { useRef as useRef28 } from "react";
 import { PlusIcon as PlusIcon3 } from "@elementor/icons";
 import { Stack as Stack19, Tooltip as Tooltip10 } from "@elementor/ui";
-import { __ as __54 } from "@wordpress/i18n";
-var ARIA_LABEL2 = __54("Attributes", "elementor");
+import { __ as __55 } from "@wordpress/i18n";
+var ARIA_LABEL2 = __55("Attributes", "elementor");
 var TRACKING_DATA2 = { target_name: "attributes", location_l2: "general" };
 var AttributesControl = createControl(() => {
   const triggerRef = useRef28(null);
@@ -7857,7 +7858,7 @@ import {
   Tooltip as Tooltip12,
   usePopupState as usePopupState10
 } from "@elementor/ui";
-import { __ as __55 } from "@wordpress/i18n";
+import { __ as __56 } from "@wordpress/i18n";
 var SIZE11 = "tiny";
 var EMPTY_OPEN_ITEM2 = -1;
 var Repeater3 = ({
@@ -7947,7 +7948,7 @@ var Repeater3 = ({
       },
       disabled: isButtonDisabled,
       onClick: addRepeaterItem,
-      "aria-label": __55("Add item", "elementor")
+      "aria-label": __56("Add item", "elementor")
     },
     /* @__PURE__ */ React114.createElement(PlusIcon4, { fontSize: SIZE11 })
   );
@@ -8027,16 +8028,16 @@ var RepeaterItem = ({
     wrappedOnPopoverClose
   );
   const triggerProps = bindTrigger7(popoverState);
-  const duplicateLabel = __55("Duplicate", "elementor");
-  const toggleLabel = propDisabled ? __55("Show", "elementor") : __55("Hide", "elementor");
-  const removeLabel = __55("Remove", "elementor");
+  const duplicateLabel = __56("Duplicate", "elementor");
+  const toggleLabel = propDisabled ? __56("Show", "elementor") : __56("Hide", "elementor");
+  const removeLabel = __56("Remove", "elementor");
   return /* @__PURE__ */ React114.createElement(React114.Fragment, null, /* @__PURE__ */ React114.createElement(
     RepeaterTag,
     {
       disabled,
       label,
       ref: setRef,
-      "aria-label": __55("Open item", "elementor"),
+      "aria-label": __56("Open item", "elementor"),
       ...triggerProps,
       onClick: (e) => {
         triggerProps.onClick(e);
@@ -8103,14 +8104,14 @@ import {
   usePopupState as usePopupState11
 } from "@elementor/ui";
 import { useEditorState } from "@tiptap/react";
-import { __ as __57 } from "@wordpress/i18n";
+import { __ as __58 } from "@wordpress/i18n";
 
 // src/components/url-popover.tsx
 import * as React115 from "react";
 import { useEffect as useEffect18, useRef as useRef29 } from "react";
 import { ExternalLinkIcon } from "@elementor/icons";
 import { bindPopover as bindPopover9, Popover as Popover8, Stack as Stack20, TextField as TextField10, ToggleButton as ToggleButton2, Tooltip as Tooltip13 } from "@elementor/ui";
-import { __ as __56 } from "@wordpress/i18n";
+import { __ as __57 } from "@wordpress/i18n";
 var UrlPopover = ({
   popupState,
   restoreValue,
@@ -8148,20 +8149,20 @@ var UrlPopover = ({
         onChange,
         size: "tiny",
         fullWidth: true,
-        placeholder: __56("Type a URL", "elementor"),
+        placeholder: __57("Type a URL", "elementor"),
         inputProps: { ref: inputRef },
         color: "secondary",
         InputProps: { sx: { borderRadius: "8px" } },
         onKeyUp: (event) => event.key === "Enter" && handleClose()
       }
-    ), /* @__PURE__ */ React115.createElement(Tooltip13, { title: __56("Open in a new tab", "elementor") }, /* @__PURE__ */ React115.createElement(
+    ), /* @__PURE__ */ React115.createElement(Tooltip13, { title: __57("Open in a new tab", "elementor") }, /* @__PURE__ */ React115.createElement(
       ToggleButton2,
       {
         size: "tiny",
         value: "newTab",
         selected: openInNewTab,
         onClick: onToggleNewTab,
-        "aria-label": __56("Open in a new tab", "elementor"),
+        "aria-label": __57("Open in a new tab", "elementor"),
         sx: { borderRadius: "8px" }
       },
       /* @__PURE__ */ React115.createElement(ExternalLinkIcon, { fontSize: "tiny" })
@@ -8301,7 +8302,7 @@ var checkIfElementIsClickable = (elementId) => {
 };
 var toolbarButtons = {
   clear: {
-    label: __57("Clear", "elementor"),
+    label: __58("Clear", "elementor"),
     icon: /* @__PURE__ */ React116.createElement(MinusIcon2, { fontSize: "tiny" }),
     action: "clear",
     method: (editor) => {
@@ -8309,7 +8310,7 @@ var toolbarButtons = {
     }
   },
   bold: {
-    label: __57("Bold", "elementor"),
+    label: __58("Bold", "elementor"),
     icon: /* @__PURE__ */ React116.createElement(BoldIcon, { fontSize: "tiny" }),
     action: "bold",
     method: (editor) => {
@@ -8317,7 +8318,7 @@ var toolbarButtons = {
     }
   },
   italic: {
-    label: __57("Italic", "elementor"),
+    label: __58("Italic", "elementor"),
     icon: /* @__PURE__ */ React116.createElement(ItalicIcon, { fontSize: "tiny" }),
     action: "italic",
     method: (editor) => {
@@ -8325,7 +8326,7 @@ var toolbarButtons = {
     }
   },
   underline: {
-    label: __57("Underline", "elementor"),
+    label: __58("Underline", "elementor"),
     icon: /* @__PURE__ */ React116.createElement(UnderlineIcon, { fontSize: "tiny" }),
     action: "underline",
     method: (editor) => {
@@ -8333,7 +8334,7 @@ var toolbarButtons = {
     }
   },
   strike: {
-    label: __57("Strikethrough", "elementor"),
+    label: __58("Strikethrough", "elementor"),
     icon: /* @__PURE__ */ React116.createElement(StrikethroughIcon, { fontSize: "tiny" }),
     action: "strike",
     method: (editor) => {
@@ -8341,7 +8342,7 @@ var toolbarButtons = {
     }
   },
   superscript: {
-    label: __57("Superscript", "elementor"),
+    label: __58("Superscript", "elementor"),
     icon: /* @__PURE__ */ React116.createElement(SuperscriptIcon, { fontSize: "tiny" }),
     action: "superscript",
     method: (editor) => {
@@ -8349,7 +8350,7 @@ var toolbarButtons = {
     }
   },
   subscript: {
-    label: __57("Subscript", "elementor"),
+    label: __58("Subscript", "elementor"),
     icon: /* @__PURE__ */ React116.createElement(SubscriptIcon, { fontSize: "tiny" }),
     action: "subscript",
     method: (editor) => {
@@ -8357,7 +8358,7 @@ var toolbarButtons = {
     }
   },
   link: {
-    label: __57("Link", "elementor"),
+    label: __58("Link", "elementor"),
     icon: /* @__PURE__ */ React116.createElement(LinkIcon3, { fontSize: "tiny" }),
     action: "link",
     method: null