@elementor/editor-controls 4.0.0-552 → 4.0.0-573

package/dist/index.mjs

@@ -2185,15 +2185,15 @@ var SelectControlWrapper = createControl(
 
 // src/controls/chips-control.tsx
 import * as React50 from "react";
-import { stringArrayPropTypeUtil } from "@elementor/editor-props";
+import { stringArrayPropTypeUtil, stringPropTypeUtil as stringPropTypeUtil4 } from "@elementor/editor-props";
 import { Autocomplete, Chip, TextField as TextField5 } from "@elementor/ui";
 var SIZE6 = "tiny";
 var ChipsControl = createControl(({ options }) => {
   const { value, setValue, disabled } = useBoundProp(stringArrayPropTypeUtil);
-  const selectedValues = value || [];
+  const selectedValues = (value || []).map((item) => stringPropTypeUtil4.extract(item)).filter((val) => val !== null);
   const selectedOptions = selectedValues.map((val) => options.find((opt) => opt.value === val)).filter((opt) => opt !== void 0);
   const handleChange = (_, newValue) => {
-    const values = newValue.map((option) => option.value);
+    const values = newValue.map((option) => stringPropTypeUtil4.create(option.value));
     setValue(values.length > 0 ? values : null);
   };
   return /* @__PURE__ */ React50.createElement(ControlActions, null, /* @__PURE__ */ React50.createElement(
@@ -2219,7 +2219,7 @@ var ChipsControl = createControl(({ options }) => {
 
 // src/controls/toggle-control.tsx
 import * as React54 from "react";
-import { stringPropTypeUtil as stringPropTypeUtil4 } from "@elementor/editor-props";
+import { stringPropTypeUtil as stringPropTypeUtil5 } from "@elementor/editor-props";
 
 // src/components/control-toggle-button-group.tsx
 import * as React52 from "react";
@@ -2507,7 +2507,7 @@ var ToggleControl = createControl(
     maxItems,
     convertOptions = false
   }) => {
-    const { value, setValue, placeholder, disabled } = useBoundProp(stringPropTypeUtil4);
+    const { value, setValue, placeholder, disabled } = useBoundProp(stringPropTypeUtil5);
     const processedOptions = convertOptions ? convertToggleOptionsToAtomic(options) : options;
     const exclusiveValues = processedOptions.filter((option) => option.exclusive).map((option) => option.value);
     const handleNonExclusiveToggle = (selectedValues) => {
@@ -2885,7 +2885,7 @@ function getCssDimensionProps(label, isSiteRtl) {
 
 // src/controls/font-family-control/font-family-control.tsx
 import * as React59 from "react";
-import { stringPropTypeUtil as stringPropTypeUtil5 } from "@elementor/editor-props";
+import { stringPropTypeUtil as stringPropTypeUtil6 } from "@elementor/editor-props";
 import { ChevronDownIcon as ChevronDownIcon2, TextIcon } from "@elementor/icons";
 import { bindPopover as bindPopover4, bindTrigger as bindTrigger3, Popover as Popover4, UnstableTag as UnstableTag2, usePopupState as usePopupState5 } from "@elementor/ui";
 import { __ as __20 } from "@wordpress/i18n";
@@ -3064,7 +3064,7 @@ var FontFamilyControl = createControl(
       setValue: setFontFamily,
       disabled,
       placeholder
-    } = useBoundProp(stringPropTypeUtil5);
+    } = useBoundProp(stringPropTypeUtil6);
     const popoverState = usePopupState5({ variant: "popover" });
     const isShowingPlaceholder = !fontFamily && placeholder;
     const mapFontSubs = React59.useMemo(() => {
@@ -3221,7 +3221,7 @@ var RestrictedLinkInfotip = ({
 // src/controls/query-control.tsx
 import * as React63 from "react";
 import { useMemo as useMemo7, useState as useState9 } from "react";
-import { numberPropTypeUtil as numberPropTypeUtil2, stringPropTypeUtil as stringPropTypeUtil6, urlPropTypeUtil as urlPropTypeUtil2 } from "@elementor/editor-props";
+import { numberPropTypeUtil as numberPropTypeUtil2, stringPropTypeUtil as stringPropTypeUtil7, urlPropTypeUtil as urlPropTypeUtil2 } from "@elementor/editor-props";
 import { httpService as httpService2 } from "@elementor/http-client";
 import { SearchIcon } from "@elementor/icons";
 import { debounce as debounce2 } from "@elementor/utils";
@@ -3383,7 +3383,7 @@ var QueryControl = createControl((props) => {
       $$type: "query",
       value: {
         id: numberPropTypeUtil2.create(newValue),
-        label: stringPropTypeUtil6.create(findMatchingOption(options, newValue)?.label || null)
+        label: stringPropTypeUtil7.create(findMatchingOption(options, newValue)?.label || null)
       }
     };
     setValue(valueToSave);
@@ -3594,7 +3594,7 @@ var ToggleIconControl = ({ disabled, active, onIconClick, label }) => {
 // src/controls/html-tag-control.tsx
 import * as React67 from "react";
 import { getElementLabel } from "@elementor/editor-elements";
-import { stringPropTypeUtil as stringPropTypeUtil7 } from "@elementor/editor-props";
+import { stringPropTypeUtil as stringPropTypeUtil8 } from "@elementor/editor-props";
 import { MenuListItem as MenuListItem3 } from "@elementor/editor-ui";
 import { Select as Select2, styled as styled6, Typography as Typography5 } from "@elementor/ui";
 import { __ as __24 } from "@wordpress/i18n";
@@ -3646,7 +3646,7 @@ var ConditionalControlInfotip = React66.forwardRef(
 // src/controls/html-tag-control.tsx
 var StyledSelect = styled6(Select2)(() => ({ ".MuiSelect-select.Mui-disabled": { cursor: "not-allowed" } }));
 var HtmlTagControl = createControl(({ options, onChange, fallbackLabels = {} }) => {
-  const { value, setValue, disabled, placeholder } = useBoundProp(stringPropTypeUtil7);
+  const { value, setValue, disabled, placeholder } = useBoundProp(stringPropTypeUtil8);
   const handleChange = (event) => {
     const newValue = event.target.value || null;
     onChange?.(newValue, value);
@@ -3800,7 +3800,7 @@ var Control4 = ({
 // src/controls/aspect-ratio-control.tsx
 import * as React69 from "react";
 import { useEffect as useEffect9, useState as useState12 } from "react";
-import { stringPropTypeUtil as stringPropTypeUtil8 } from "@elementor/editor-props";
+import { stringPropTypeUtil as stringPropTypeUtil9 } from "@elementor/editor-props";
 import { MenuListItem as MenuListItem4 } from "@elementor/editor-ui";
 import { ArrowsMoveHorizontalIcon, ArrowsMoveVerticalIcon } from "@elementor/icons";
 import { Grid as Grid12, Select as Select3, Stack as Stack12, TextField as TextField8 } from "@elementor/ui";
@@ -3817,7 +3817,7 @@ var RATIO_OPTIONS = [
 ];
 var CUSTOM_RATIO = "custom";
 var AspectRatioControl = createControl(({ label }) => {
-  const { value: aspectRatioValue, setValue: setAspectRatioValue, disabled } = useBoundProp(stringPropTypeUtil8);
+  const { value: aspectRatioValue, setValue: setAspectRatioValue, disabled } = useBoundProp(stringPropTypeUtil9);
   const isCustomSelected = aspectRatioValue && !RATIO_OPTIONS.some((option) => option.value === aspectRatioValue);
   const [initialWidth, initialHeight] = isCustomSelected ? aspectRatioValue.split("/") : ["", ""];
   const [isCustom, setIsCustom] = useState12(isCustomSelected);
@@ -4116,7 +4116,7 @@ import {
   colorStopPropTypeUtil,
   gradientColorStopPropTypeUtil,
   numberPropTypeUtil as numberPropTypeUtil3,
-  stringPropTypeUtil as stringPropTypeUtil9
+  stringPropTypeUtil as stringPropTypeUtil10
 } from "@elementor/editor-props";
 import { UnstableGradientBox } from "@elementor/ui";
 var BackgroundGradientColorControl = createControl(() => {
@@ -4124,13 +4124,13 @@ var BackgroundGradientColorControl = createControl(() => {
   const handleChange = (newValue) => {
     const transformedValue = createTransformableValue(newValue);
     if (transformedValue.positions) {
-      transformedValue.positions = stringPropTypeUtil9.create(newValue.positions.join(" "));
+      transformedValue.positions = stringPropTypeUtil10.create(newValue.positions.join(" "));
     }
     setValue(transformedValue);
   };
   const createTransformableValue = (newValue) => ({
     ...newValue,
-    type: stringPropTypeUtil9.create(newValue.type),
+    type: stringPropTypeUtil10.create(newValue.type),
     angle: numberPropTypeUtil3.create(newValue.angle),
     stops: gradientColorStopPropTypeUtil.create(
       newValue.stops.map(
@@ -4166,7 +4166,7 @@ var BackgroundGradientColorControl = createControl(() => {
   );
 });
 var initialBackgroundGradientOverlay = backgroundGradientOverlayPropTypeUtil.create({
-  type: stringPropTypeUtil9.create("linear"),
+  type: stringPropTypeUtil10.create("linear"),
   angle: numberPropTypeUtil3.create(180),
   stops: gradientColorStopPropTypeUtil.create([
     colorStopPropTypeUtil.create({
@@ -4206,7 +4206,7 @@ var BackgroundImageOverlayAttachment = () => {
 // src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-position.tsx
 import * as React74 from "react";
 import { useRef as useRef11 } from "react";
-import { backgroundImagePositionOffsetPropTypeUtil, stringPropTypeUtil as stringPropTypeUtil10 } from "@elementor/editor-props";
+import { backgroundImagePositionOffsetPropTypeUtil, stringPropTypeUtil as stringPropTypeUtil11 } from "@elementor/editor-props";
 import { MenuListItem as MenuListItem5 } from "@elementor/editor-ui";
 import { LetterXIcon, LetterYIcon } from "@elementor/icons";
 import { Grid as Grid14, Select as Select4 } from "@elementor/ui";
@@ -4225,7 +4225,7 @@ var backgroundPositionOptions = [
 ];
 var BackgroundImageOverlayPosition = () => {
   const backgroundImageOffsetContext = useBoundProp(backgroundImagePositionOffsetPropTypeUtil);
-  const stringPropContext = useBoundProp(stringPropTypeUtil10);
+  const stringPropContext = useBoundProp(stringPropTypeUtil11);
   const isCustom = !!backgroundImageOffsetContext.value;
   const rowRef = useRef11(null);
   const handlePositionChange = (event) => {
@@ -4301,7 +4301,7 @@ var BackgroundImageOverlayRepeat = () => {
 // src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-size.tsx
 import * as React76 from "react";
 import { useRef as useRef12 } from "react";
-import { backgroundImageSizeScalePropTypeUtil, stringPropTypeUtil as stringPropTypeUtil11 } from "@elementor/editor-props";
+import { backgroundImageSizeScalePropTypeUtil, stringPropTypeUtil as stringPropTypeUtil12 } from "@elementor/editor-props";
 import {
   ArrowBarBothIcon,
   ArrowsMaximizeIcon,
@@ -4340,7 +4340,7 @@ var sizeControlOptions = [
 ];
 var BackgroundImageOverlaySize = () => {
   const backgroundImageScaleContext = useBoundProp(backgroundImageSizeScalePropTypeUtil);
-  const stringPropContext = useBoundProp(stringPropTypeUtil11);
+  const stringPropContext = useBoundProp(stringPropTypeUtil12);
   const isCustom = !!backgroundImageScaleContext.value;
   const rowRef = useRef12(null);
   const handleSizeChange = (size) => {
@@ -4806,7 +4806,7 @@ import { useMemo as useMemo10, useState as useState15 } from "react";
 import {
   isTransformable,
   keyValuePropTypeUtil,
-  stringPropTypeUtil as stringPropTypeUtil12
+  stringPropTypeUtil as stringPropTypeUtil13
 } from "@elementor/editor-props";
 import { FormHelperText, FormLabel as FormLabel3, Grid as Grid18 } from "@elementor/ui";
 import { __ as __35 } from "@wordpress/i18n";
@@ -4878,7 +4878,7 @@ var KeyValueControl = createControl((props = {}) => {
       });
       return;
     }
-    const extractedValue = stringPropTypeUtil12.extract(newChangedValue);
+    const extractedValue = stringPropTypeUtil13.extract(newChangedValue);
     setSessionState((prev) => ({
       ...prev,
       [fieldType]: extractedValue
@@ -4918,7 +4918,7 @@ var KeyValueControl = createControl((props = {}) => {
 
 // src/controls/position-control.tsx
 import * as React81 from "react";
-import { positionPropTypeUtil, stringPropTypeUtil as stringPropTypeUtil13 } from "@elementor/editor-props";
+import { positionPropTypeUtil, stringPropTypeUtil as stringPropTypeUtil14 } from "@elementor/editor-props";
 import { MenuListItem as MenuListItem6 } from "@elementor/editor-ui";
 import { LetterXIcon as LetterXIcon2, LetterYIcon as LetterYIcon2 } from "@elementor/icons";
 import { Grid as Grid19, Select as Select5 } from "@elementor/ui";
@@ -4937,7 +4937,7 @@ var positionOptions = [
 ];
 var PositionControl = () => {
   const positionContext = useBoundProp(positionPropTypeUtil);
-  const stringPropContext = useBoundProp(stringPropTypeUtil13);
+  const stringPropContext = useBoundProp(stringPropTypeUtil14);
   const isCustom = !!positionContext.value;
   const handlePositionChange = (event) => {
     const value = event.target.value || null;
@@ -6155,7 +6155,7 @@ var TransitionRepeaterControl = createControl(
 // src/controls/date-time-control.tsx
 import * as React98 from "react";
 import * as dayjs from "dayjs";
-import { isTransformable as isTransformable2, stringPropTypeUtil as stringPropTypeUtil14 } from "@elementor/editor-props";
+import { isTransformable as isTransformable2, stringPropTypeUtil as stringPropTypeUtil15 } from "@elementor/editor-props";
 import { DateTimePropTypeUtil } from "@elementor/editor-props";
 import { Box as Box21, DatePicker, LocalizationProvider, TimePicker } from "@elementor/ui";
 var DATE_FORMAT = "YYYY-MM-DD";
@@ -6204,7 +6204,7 @@ var DateTimeControl = createControl(({ inputDisabled }) => {
   return /* @__PURE__ */ React98.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React98.createElement(ControlActions, null, /* @__PURE__ */ React98.createElement(LocalizationProvider, null, /* @__PURE__ */ React98.createElement(Box21, { display: "flex", gap: 1, alignItems: "center" }, /* @__PURE__ */ React98.createElement(PropKeyProvider, { bind: "date" }, /* @__PURE__ */ React98.createElement(
     DatePicker,
     {
-      value: parseDateValue(stringPropTypeUtil14.extract(value?.date)),
+      value: parseDateValue(stringPropTypeUtil15.extract(value?.date)),
       onChange: (v) => handleChange({ date: v }, { bind: "date" }),
       disabled: inputDisabled,
       slotProps: {
@@ -6216,7 +6216,7 @@ var DateTimeControl = createControl(({ inputDisabled }) => {
   )), /* @__PURE__ */ React98.createElement(PropKeyProvider, { bind: "time" }, /* @__PURE__ */ React98.createElement(
     TimePicker,
     {
-      value: parseTimeValue(stringPropTypeUtil14.extract(value?.time)),
+      value: parseTimeValue(stringPropTypeUtil15.extract(value?.time)),
       onChange: (v) => handleChange({ time: v }, { bind: "time" }),
       disabled: inputDisabled,
       slotProps: {
@@ -6230,8 +6230,10 @@ var DateTimeControl = createControl(({ inputDisabled }) => {
 
 // src/controls/inline-editing-control.tsx
 import * as React100 from "react";
-import { htmlPropTypeUtil } from "@elementor/editor-props";
+import { useCallback as useCallback3, useEffect as useEffect12, useMemo as useMemo15 } from "react";
+import { htmlV2PropTypeUtil, parseHtmlChildren } from "@elementor/editor-props";
 import { Box as Box23 } from "@elementor/ui";
+import { debounce as debounce4 } from "@elementor/utils";
 
 // src/components/inline-editor.tsx
 import * as React99 from "react";
@@ -6407,14 +6409,37 @@ var useOnUpdate = (callback, dependencies) => {
 };
 
 // src/controls/inline-editing-control.tsx
+var CHILDREN_PARSE_DEBOUNCE_MS = 300;
 var InlineEditingControl = createControl(
   ({
     sx,
     attributes,
     props
   }) => {
-    const { value, setValue } = useBoundProp(htmlPropTypeUtil);
-    const handleChange = (newValue) => setValue(newValue ?? "");
+    const { value, setValue } = useBoundProp(htmlV2PropTypeUtil);
+    const content = value?.content ?? "";
+    const debouncedParse = useMemo15(
+      () => debounce4((html) => {
+        const parsed = parseHtmlChildren(html);
+        setValue({
+          content: parsed.content || null,
+          children: parsed.children
+        });
+      }, CHILDREN_PARSE_DEBOUNCE_MS),
+      [setValue]
+    );
+    const handleChange = useCallback3(
+      (newValue) => {
+        const html = newValue ?? "";
+        setValue({
+          content: html || null,
+          children: value?.children ?? []
+        });
+        debouncedParse(html);
+      },
+      [setValue, value?.children, debouncedParse]
+    );
+    useEffect12(() => () => debouncedParse.cancel(), [debouncedParse]);
     return /* @__PURE__ */ React100.createElement(ControlActions, null, /* @__PURE__ */ React100.createElement(
       Box23,
       {
@@ -6453,23 +6478,101 @@ var InlineEditingControl = createControl(
         ...attributes,
         ...props
       },
-      /* @__PURE__ */ React100.createElement(InlineEditor, { value: value || "", setValue: handleChange })
+      /* @__PURE__ */ React100.createElement(InlineEditor, { value: content, setValue: handleChange })
     ));
   }
 );
 
+// src/controls/email-form-action-control.tsx
+import * as React101 from "react";
+import { emailPropTypeUtil } from "@elementor/editor-props";
+import { CollapsibleContent } from "@elementor/editor-ui";
+import { Box as Box24, Divider as Divider5, Grid as Grid29, Stack as Stack16 } from "@elementor/ui";
+import { __ as __50 } from "@wordpress/i18n";
+var EmailField = ({ bind, label, placeholder }) => /* @__PURE__ */ React101.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React101.createElement(Grid29, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React101.createElement(Grid29, { item: true }, /* @__PURE__ */ React101.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React101.createElement(Grid29, { item: true }, /* @__PURE__ */ React101.createElement(TextControl, { placeholder }))));
+var SendToField = () => /* @__PURE__ */ React101.createElement(
+  EmailField,
+  {
+    bind: "to",
+    label: __50("Send To", "elementor"),
+    placeholder: __50("Where should we send new submissions?", "elementor")
+  }
+);
+var SubjectField = () => /* @__PURE__ */ React101.createElement(
+  EmailField,
+  {
+    bind: "subject",
+    label: __50("Email Subject", "elementor"),
+    placeholder: __50("New form submission", "elementor")
+  }
+);
+var MessageField = () => /* @__PURE__ */ React101.createElement(PropKeyProvider, { bind: "message" }, /* @__PURE__ */ React101.createElement(Grid29, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React101.createElement(Grid29, { item: true }, /* @__PURE__ */ React101.createElement(ControlFormLabel, null, __50("Message", "elementor"))), /* @__PURE__ */ React101.createElement(Grid29, { item: true }, /* @__PURE__ */ React101.createElement(
+  TextAreaControl,
+  {
+    placeholder: __50(
+      "By default, all form fields are sent via [all-fields] shortcode.",
+      "elementor"
+    )
+  }
+))));
+var FromEmailField = () => /* @__PURE__ */ React101.createElement(
+  EmailField,
+  {
+    bind: "from",
+    label: __50("From email", "elementor"),
+    placeholder: __50("What email address should appear as the sender?", "elementor")
+  }
+);
+var FromNameField = () => /* @__PURE__ */ React101.createElement(
+  EmailField,
+  {
+    bind: "from-name",
+    label: __50("From name", "elementor"),
+    placeholder: __50("What name should appear as the sender?", "elementor")
+  }
+);
+var ReplyToField = () => /* @__PURE__ */ React101.createElement(EmailField, { bind: "reply-to", label: __50("Reply-to", "elementor") });
+var CcField = () => /* @__PURE__ */ React101.createElement(EmailField, { bind: "cc", label: __50("Cc", "elementor") });
+var BccField = () => /* @__PURE__ */ React101.createElement(EmailField, { bind: "bcc", label: __50("Bcc", "elementor") });
+var MetaDataField = () => /* @__PURE__ */ React101.createElement(PropKeyProvider, { bind: "meta-data" }, /* @__PURE__ */ React101.createElement(Stack16, { gap: 0.5 }, /* @__PURE__ */ React101.createElement(ControlLabel, null, __50("Meta data", "elementor")), /* @__PURE__ */ React101.createElement(
+  ChipsControl,
+  {
+    options: [
+      { label: __50("Date", "elementor"), value: "date" },
+      { label: __50("Time", "elementor"), value: "time" },
+      { label: __50("Page URL", "elementor"), value: "page-url" },
+      { label: __50("User agent", "elementor"), value: "user-agent" },
+      { label: __50("Credit", "elementor"), value: "credit" }
+    ]
+  }
+)));
+var SendAsField = () => /* @__PURE__ */ React101.createElement(PropKeyProvider, { bind: "send-as" }, /* @__PURE__ */ React101.createElement(Grid29, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React101.createElement(Grid29, { item: true }, /* @__PURE__ */ React101.createElement(ControlFormLabel, null, __50("Send as", "elementor"))), /* @__PURE__ */ React101.createElement(Grid29, { item: true }, /* @__PURE__ */ React101.createElement(
+  SelectControl,
+  {
+    options: [
+      { label: __50("HTML", "elementor"), value: "html" },
+      { label: __50("Plain Text", "elementor"), value: "plain" }
+    ]
+  }
+))));
+var AdvancedSettings = () => /* @__PURE__ */ React101.createElement(CollapsibleContent, { defaultOpen: false }, /* @__PURE__ */ React101.createElement(Box24, { sx: { pt: 2 } }, /* @__PURE__ */ React101.createElement(Stack16, { gap: 2 }, /* @__PURE__ */ React101.createElement(FromNameField, null), /* @__PURE__ */ React101.createElement(ReplyToField, null), /* @__PURE__ */ React101.createElement(CcField, null), /* @__PURE__ */ React101.createElement(BccField, null), /* @__PURE__ */ React101.createElement(Divider5, null), /* @__PURE__ */ React101.createElement(MetaDataField, null), /* @__PURE__ */ React101.createElement(SendAsField, null))));
+var EmailFormActionControl = createControl(() => {
+  const { value, setValue, ...propContext } = useBoundProp(emailPropTypeUtil);
+  return /* @__PURE__ */ React101.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React101.createElement(Stack16, { gap: 2 }, /* @__PURE__ */ React101.createElement(ControlFormLabel, null, __50("Email settings", "elementor")), /* @__PURE__ */ React101.createElement(SendToField, null), /* @__PURE__ */ React101.createElement(SubjectField, null), /* @__PURE__ */ React101.createElement(MessageField, null), /* @__PURE__ */ React101.createElement(FromEmailField, null), /* @__PURE__ */ React101.createElement(AdvancedSettings, null)));
+});
+
 // src/components/promotions/display-conditions-control.tsx
-import * as React102 from "react";
+import * as React103 from "react";
 import { useRef as useRef25 } from "react";
 import { SitemapIcon } from "@elementor/icons";
-import { IconButton as IconButton8, Stack as Stack16, Tooltip as Tooltip9 } from "@elementor/ui";
-import { __ as __50 } from "@wordpress/i18n";
+import { IconButton as IconButton8, Stack as Stack17, Tooltip as Tooltip9 } from "@elementor/ui";
+import { __ as __51 } from "@wordpress/i18n";
 
 // src/components/promotions/promotion-trigger.tsx
-import * as React101 from "react";
+import * as React102 from "react";
 import { forwardRef as forwardRef11, useImperativeHandle, useState as useState17 } from "react";
 import { PromotionChip as PromotionChip2, PromotionInfotip } from "@elementor/editor-ui";
-import { Box as Box24 } from "@elementor/ui";
+import { Box as Box25 } from "@elementor/ui";
 function getV4Promotion(key) {
   return window.elementor?.config?.v4Promotions?.[key];
 }
@@ -6479,7 +6582,7 @@ var PromotionTrigger = forwardRef11(
     const promotion = getV4Promotion(promotionKey);
     const toggle = () => setIsOpen((prev) => !prev);
     useImperativeHandle(ref, () => ({ toggle }), []);
-    return /* @__PURE__ */ React101.createElement(React101.Fragment, null, promotion && /* @__PURE__ */ React101.createElement(
+    return /* @__PURE__ */ React102.createElement(React102.Fragment, null, promotion && /* @__PURE__ */ React102.createElement(
       PromotionInfotip,
       {
         title: promotion.title,
@@ -6492,8 +6595,8 @@ var PromotionTrigger = forwardRef11(
           setIsOpen(false);
         }
       },
-      /* @__PURE__ */ React101.createElement(
-        Box24,
+      /* @__PURE__ */ React102.createElement(
+        Box25,
         {
           onClick: (e) => {
             e.stopPropagation();
@@ -6501,18 +6604,18 @@ var PromotionTrigger = forwardRef11(
           },
           sx: { cursor: "pointer", display: "inline-flex" }
         },
-        children ?? /* @__PURE__ */ React101.createElement(PromotionChip2, null)
+        children ?? /* @__PURE__ */ React102.createElement(PromotionChip2, null)
       )
     ));
   }
 );
 
 // src/components/promotions/display-conditions-control.tsx
-var ARIA_LABEL = __50("Display Conditions", "elementor");
+var ARIA_LABEL = __51("Display Conditions", "elementor");
 var DisplayConditionsControl = createControl(() => {
   const triggerRef = useRef25(null);
-  return /* @__PURE__ */ React102.createElement(
-    Stack16,
+  return /* @__PURE__ */ React103.createElement(
+    Stack17,
     {
       direction: "row",
       spacing: 2,
@@ -6521,8 +6624,8 @@ var DisplayConditionsControl = createControl(() => {
         alignItems: "center"
       }
     },
-    /* @__PURE__ */ React102.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "displayConditions" }),
-    /* @__PURE__ */ React102.createElement(Tooltip9, { title: ARIA_LABEL, placement: "top" }, /* @__PURE__ */ React102.createElement(
+    /* @__PURE__ */ React103.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "displayConditions" }),
+    /* @__PURE__ */ React103.createElement(Tooltip9, { title: ARIA_LABEL, placement: "top" }, /* @__PURE__ */ React103.createElement(
       IconButton8,
       {
         size: "tiny",
@@ -6535,22 +6638,22 @@ var DisplayConditionsControl = createControl(() => {
           borderRadius: 1
         }
       },
-      /* @__PURE__ */ React102.createElement(SitemapIcon, { fontSize: "tiny", color: "disabled" })
+      /* @__PURE__ */ React103.createElement(SitemapIcon, { fontSize: "tiny", color: "disabled" })
     ))
   );
 });
 
 // src/components/promotions/attributes-control.tsx
-import * as React103 from "react";
+import * as React104 from "react";
 import { useRef as useRef26 } from "react";
 import { PlusIcon as PlusIcon3 } from "@elementor/icons";
-import { Stack as Stack17, Tooltip as Tooltip10 } from "@elementor/ui";
-import { __ as __51 } from "@wordpress/i18n";
-var ARIA_LABEL2 = __51("Attributes", "elementor");
+import { Stack as Stack18, Tooltip as Tooltip10 } from "@elementor/ui";
+import { __ as __52 } from "@wordpress/i18n";
+var ARIA_LABEL2 = __52("Attributes", "elementor");
 var AttributesControl = createControl(() => {
   const triggerRef = useRef26(null);
-  return /* @__PURE__ */ React103.createElement(
-    Stack17,
+  return /* @__PURE__ */ React104.createElement(
+    Stack18,
     {
       direction: "row",
       spacing: 2,
@@ -6559,8 +6662,8 @@ var AttributesControl = createControl(() => {
         alignItems: "center"
       }
     },
-    /* @__PURE__ */ React103.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "attributes" }),
-    /* @__PURE__ */ React103.createElement(Tooltip10, { title: ARIA_LABEL2, placement: "top" }, /* @__PURE__ */ React103.createElement(
+    /* @__PURE__ */ React104.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "attributes" }),
+    /* @__PURE__ */ React104.createElement(Tooltip10, { title: ARIA_LABEL2, placement: "top" }, /* @__PURE__ */ React104.createElement(
       PlusIcon3,
       {
         "aria-label": ARIA_LABEL2,
@@ -6574,29 +6677,29 @@ var AttributesControl = createControl(() => {
 });
 
 // src/components/icon-buttons/clear-icon-button.tsx
-import * as React104 from "react";
+import * as React105 from "react";
 import { BrushBigIcon } from "@elementor/icons";
 import { IconButton as IconButton9, styled as styled9, Tooltip as Tooltip11 } from "@elementor/ui";
 var CustomIconButton = styled9(IconButton9)(({ theme }) => ({
   width: theme.spacing(2.5),
   height: theme.spacing(2.5)
 }));
-var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /* @__PURE__ */ React104.createElement(Tooltip11, { title: tooltipText, placement: "top", disableInteractive: true }, /* @__PURE__ */ React104.createElement(CustomIconButton, { "aria-label": tooltipText, size, onClick, disabled }, /* @__PURE__ */ React104.createElement(BrushBigIcon, { fontSize: size })));
+var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /* @__PURE__ */ React105.createElement(Tooltip11, { title: tooltipText, placement: "top", disableInteractive: true }, /* @__PURE__ */ React105.createElement(CustomIconButton, { "aria-label": tooltipText, size, onClick, disabled }, /* @__PURE__ */ React105.createElement(BrushBigIcon, { fontSize: size })));
 
 // src/components/repeater/repeater.tsx
-import * as React105 from "react";
-import { useEffect as useEffect12, useState as useState18 } from "react";
+import * as React106 from "react";
+import { useEffect as useEffect13, useState as useState18 } from "react";
 import { CopyIcon as CopyIcon2, EyeIcon as EyeIcon2, EyeOffIcon as EyeOffIcon2, PlusIcon as PlusIcon4, XIcon as XIcon4 } from "@elementor/icons";
 import {
   bindPopover as bindPopover7,
   bindTrigger as bindTrigger6,
-  Box as Box25,
+  Box as Box26,
   IconButton as IconButton10,
   Infotip as Infotip4,
   Tooltip as Tooltip12,
   usePopupState as usePopupState8
 } from "@elementor/ui";
-import { __ as __52 } from "@wordpress/i18n";
+import { __ as __53 } from "@wordpress/i18n";
 var SIZE10 = "tiny";
 var EMPTY_OPEN_ITEM2 = -1;
 var Repeater3 = ({
@@ -6677,7 +6780,7 @@ var Repeater3 = ({
   };
   const isButtonDisabled = disabled || disableAddItemButton;
   const shouldShowInfotip = isButtonDisabled && addButtonInfotipContent;
-  const addButton = /* @__PURE__ */ React105.createElement(
+  const addButton = /* @__PURE__ */ React106.createElement(
     IconButton10,
     {
       size: SIZE10,
@@ -6686,11 +6789,11 @@ var Repeater3 = ({
       },
       disabled: isButtonDisabled,
       onClick: addRepeaterItem,
-      "aria-label": __52("Add item", "elementor")
+      "aria-label": __53("Add item", "elementor")
     },
-    /* @__PURE__ */ React105.createElement(PlusIcon4, { fontSize: SIZE10 })
+    /* @__PURE__ */ React106.createElement(PlusIcon4, { fontSize: SIZE10 })
   );
-  return /* @__PURE__ */ React105.createElement(SectionContent, { gap: 2 }, /* @__PURE__ */ React105.createElement(RepeaterHeader, { label, adornment: ControlAdornments }, shouldShowInfotip ? /* @__PURE__ */ React105.createElement(
+  return /* @__PURE__ */ React106.createElement(SectionContent, { gap: 2 }, /* @__PURE__ */ React106.createElement(RepeaterHeader, { label, adornment: ControlAdornments }, shouldShowInfotip ? /* @__PURE__ */ React106.createElement(
     Infotip4,
     {
       placement: "right",
@@ -6698,20 +6801,20 @@ var Repeater3 = ({
       color: "secondary",
       slotProps: { popper: { sx: { width: 300 } } }
     },
-    /* @__PURE__ */ React105.createElement(Box25, { sx: { ...isButtonDisabled ? { cursor: "not-allowed" } : {} } }, addButton)
-  ) : addButton), 0 < uniqueKeys.length && /* @__PURE__ */ React105.createElement(SortableProvider, { value: uniqueKeys, onChange: onChangeOrder }, uniqueKeys.map((key) => {
+    /* @__PURE__ */ React106.createElement(Box26, { sx: { ...isButtonDisabled ? { cursor: "not-allowed" } : {} } }, addButton)
+  ) : addButton), 0 < uniqueKeys.length && /* @__PURE__ */ React106.createElement(SortableProvider, { value: uniqueKeys, onChange: onChangeOrder }, uniqueKeys.map((key) => {
     const index = uniqueKeys.indexOf(key);
     const value = items2[index];
     if (!value) {
       return null;
     }
-    return /* @__PURE__ */ React105.createElement(SortableItem, { id: key, key: `sortable-${key}`, disabled: !isSortable }, /* @__PURE__ */ React105.createElement(
+    return /* @__PURE__ */ React106.createElement(SortableItem, { id: key, key: `sortable-${key}`, disabled: !isSortable }, /* @__PURE__ */ React106.createElement(
       RepeaterItem,
       {
         disabled,
         propDisabled: value?.disabled,
-        label: /* @__PURE__ */ React105.createElement(RepeaterItemLabelSlot, { value }, /* @__PURE__ */ React105.createElement(itemSettings.Label, { value, index })),
-        startIcon: /* @__PURE__ */ React105.createElement(RepeaterItemIconSlot, { value }, /* @__PURE__ */ React105.createElement(itemSettings.Icon, { value })),
+        label: /* @__PURE__ */ React106.createElement(RepeaterItemLabelSlot, { value }, /* @__PURE__ */ React106.createElement(itemSettings.Label, { value, index })),
+        startIcon: /* @__PURE__ */ React106.createElement(RepeaterItemIconSlot, { value }, /* @__PURE__ */ React106.createElement(itemSettings.Icon, { value })),
         removeItem: () => removeRepeaterItem(index),
         duplicateItem: () => duplicateRepeaterItem(index),
         toggleDisableItem: () => toggleDisableRepeaterItem(index),
@@ -6723,7 +6826,7 @@ var Repeater3 = ({
         actions: itemSettings.actions,
         value
       },
-      (props) => /* @__PURE__ */ React105.createElement(
+      (props) => /* @__PURE__ */ React106.createElement(
         itemSettings.Content,
         {
           ...props,
@@ -6753,27 +6856,27 @@ var RepeaterItem = ({
   value
 }) => {
   const { popoverState, popoverProps, ref, setRef } = usePopover(openOnMount, onOpen);
-  const duplicateLabel = __52("Duplicate", "elementor");
-  const toggleLabel = propDisabled ? __52("Show", "elementor") : __52("Hide", "elementor");
-  const removeLabel = __52("Remove", "elementor");
-  return /* @__PURE__ */ React105.createElement(React105.Fragment, null, /* @__PURE__ */ React105.createElement(
+  const duplicateLabel = __53("Duplicate", "elementor");
+  const toggleLabel = propDisabled ? __53("Show", "elementor") : __53("Hide", "elementor");
+  const removeLabel = __53("Remove", "elementor");
+  return /* @__PURE__ */ React106.createElement(React106.Fragment, null, /* @__PURE__ */ React106.createElement(
     RepeaterTag,
     {
       disabled,
       label,
       ref: setRef,
-      "aria-label": __52("Open item", "elementor"),
+      "aria-label": __53("Open item", "elementor"),
       ...bindTrigger6(popoverState),
       startIcon,
-      actions: /* @__PURE__ */ React105.createElement(React105.Fragment, null, showDuplicate && /* @__PURE__ */ React105.createElement(Tooltip12, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React105.createElement(IconButton10, { size: SIZE10, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React105.createElement(CopyIcon2, { fontSize: SIZE10 }))), showToggle && /* @__PURE__ */ React105.createElement(Tooltip12, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React105.createElement(IconButton10, { size: SIZE10, onClick: toggleDisableItem, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React105.createElement(EyeOffIcon2, { fontSize: SIZE10 }) : /* @__PURE__ */ React105.createElement(EyeIcon2, { fontSize: SIZE10 }))), actions?.(value), showRemove && /* @__PURE__ */ React105.createElement(Tooltip12, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React105.createElement(IconButton10, { size: SIZE10, onClick: removeItem, "aria-label": removeLabel }, /* @__PURE__ */ React105.createElement(XIcon4, { fontSize: SIZE10 }))))
+      actions: /* @__PURE__ */ React106.createElement(React106.Fragment, null, showDuplicate && /* @__PURE__ */ React106.createElement(Tooltip12, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React106.createElement(IconButton10, { size: SIZE10, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React106.createElement(CopyIcon2, { fontSize: SIZE10 }))), showToggle && /* @__PURE__ */ React106.createElement(Tooltip12, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React106.createElement(IconButton10, { size: SIZE10, onClick: toggleDisableItem, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React106.createElement(EyeOffIcon2, { fontSize: SIZE10 }) : /* @__PURE__ */ React106.createElement(EyeIcon2, { fontSize: SIZE10 }))), actions?.(value), showRemove && /* @__PURE__ */ React106.createElement(Tooltip12, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React106.createElement(IconButton10, { size: SIZE10, onClick: removeItem, "aria-label": removeLabel }, /* @__PURE__ */ React106.createElement(XIcon4, { fontSize: SIZE10 }))))
     }
-  ), /* @__PURE__ */ React105.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React105.createElement(Box25, null, children({ anchorEl: ref }))));
+  ), /* @__PURE__ */ React106.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React106.createElement(Box26, null, children({ anchorEl: ref }))));
 };
 var usePopover = (openOnMount, onOpen) => {
   const [ref, setRef] = useState18(null);
   const popoverState = usePopupState8({ variant: "popover" });
   const popoverProps = bindPopover7(popoverState);
-  useEffect12(() => {
+  useEffect13(() => {
     if (openOnMount && ref) {
       popoverState.open(ref);
       onOpen?.();
@@ -6788,8 +6891,8 @@ var usePopover = (openOnMount, onOpen) => {
 };
 
 // src/components/inline-editor-toolbar.tsx
-import * as React107 from "react";
-import { useMemo as useMemo15, useRef as useRef28, useState as useState19 } from "react";
+import * as React108 from "react";
+import { useMemo as useMemo16, useRef as useRef28, useState as useState19 } from "react";
 import { getContainer as getContainer2, getElementSetting } from "@elementor/editor-elements";
 import {
   BoldIcon,
@@ -6802,7 +6905,7 @@ import {
   UnderlineIcon
 } from "@elementor/icons";
 import {
-  Box as Box26,
+  Box as Box27,
   IconButton as IconButton11,
   ToggleButton as ToggleButton3,
   ToggleButtonGroup as ToggleButtonGroup2,
@@ -6811,14 +6914,14 @@ import {
   usePopupState as usePopupState9
 } from "@elementor/ui";
 import { useEditorState } from "@tiptap/react";
-import { __ as __54 } from "@wordpress/i18n";
+import { __ as __55 } from "@wordpress/i18n";
 
 // src/components/url-popover.tsx
-import * as React106 from "react";
-import { useEffect as useEffect13, useRef as useRef27 } from "react";
+import * as React107 from "react";
+import { useEffect as useEffect14, useRef as useRef27 } from "react";
 import { ExternalLinkIcon } from "@elementor/icons";
-import { bindPopover as bindPopover8, Popover as Popover7, Stack as Stack18, TextField as TextField9, ToggleButton as ToggleButton2, Tooltip as Tooltip13 } from "@elementor/ui";
-import { __ as __53 } from "@wordpress/i18n";
+import { bindPopover as bindPopover8, Popover as Popover7, Stack as Stack19, TextField as TextField9, ToggleButton as ToggleButton2, Tooltip as Tooltip13 } from "@elementor/ui";
+import { __ as __54 } from "@wordpress/i18n";
 var UrlPopover = ({
   popupState,
   restoreValue,
@@ -6829,7 +6932,7 @@ var UrlPopover = ({
   onToggleNewTab
 }) => {
   const inputRef = useRef27(null);
-  useEffect13(() => {
+  useEffect14(() => {
     if (popupState.isOpen) {
       requestAnimationFrame(() => inputRef.current?.focus());
     }
@@ -6838,7 +6941,7 @@ var UrlPopover = ({
     restoreValue();
     popupState.close();
   };
-  return /* @__PURE__ */ React106.createElement(
+  return /* @__PURE__ */ React107.createElement(
     Popover7,
     {
       slotProps: {
@@ -6849,30 +6952,30 @@ var UrlPopover = ({
       transformOrigin: { vertical: "top", horizontal: "left" },
       onClose: handleClose
     },
-    /* @__PURE__ */ React106.createElement(Stack18, { direction: "row", alignItems: "center", gap: 1, sx: { p: 1.5 } }, /* @__PURE__ */ React106.createElement(
+    /* @__PURE__ */ React107.createElement(Stack19, { direction: "row", alignItems: "center", gap: 1, sx: { p: 1.5 } }, /* @__PURE__ */ React107.createElement(
       TextField9,
       {
         value,
         onChange,
         size: "tiny",
         fullWidth: true,
-        placeholder: __53("Type a URL", "elementor"),
+        placeholder: __54("Type a URL", "elementor"),
         inputProps: { ref: inputRef },
         color: "secondary",
         InputProps: { sx: { borderRadius: "8px" } },
         onKeyUp: (event) => event.key === "Enter" && handleClose()
       }
-    ), /* @__PURE__ */ React106.createElement(Tooltip13, { title: __53("Open in a new tab", "elementor") }, /* @__PURE__ */ React106.createElement(
+    ), /* @__PURE__ */ React107.createElement(Tooltip13, { title: __54("Open in a new tab", "elementor") }, /* @__PURE__ */ React107.createElement(
       ToggleButton2,
       {
         size: "tiny",
         value: "newTab",
         selected: openInNewTab,
         onClick: onToggleNewTab,
-        "aria-label": __53("Open in a new tab", "elementor"),
+        "aria-label": __54("Open in a new tab", "elementor"),
         sx: { borderRadius: "8px" }
       },
-      /* @__PURE__ */ React106.createElement(ExternalLinkIcon, { fontSize: "tiny" })
+      /* @__PURE__ */ React107.createElement(ExternalLinkIcon, { fontSize: "tiny" })
     )))
   );
 };
@@ -6888,7 +6991,7 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
     editor,
     selector: (ctx) => possibleFormats.filter((format) => ctx.editor.isActive(format))
   });
-  const formatButtonsList = useMemo15(() => {
+  const formatButtonsList = useMemo16(() => {
     const buttons = Object.values(formatButtons);
     if (isElementClickable) {
       return buttons.filter((button) => button.action !== "link");
@@ -6925,11 +7028,11 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
     }
     linkPopupState.close();
   };
-  React107.useEffect(() => {
+  React108.useEffect(() => {
     editor?.commands?.focus();
   }, [editor]);
-  return /* @__PURE__ */ React107.createElement(
-    Box26,
+  return /* @__PURE__ */ React108.createElement(
+    Box27,
     {
       ref: toolbarRef,
       sx: {
@@ -6945,8 +7048,8 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
         ...sx
       }
     },
-    /* @__PURE__ */ React107.createElement(Tooltip14, { title: clearButton.label, placement: "top", sx: { borderRadius: "8px" } }, /* @__PURE__ */ React107.createElement(IconButton11, { "aria-label": clearButton.label, onClick: () => clearButton.method(editor), size: "tiny" }, clearButton.icon)),
-    /* @__PURE__ */ React107.createElement(
+    /* @__PURE__ */ React108.createElement(Tooltip14, { title: clearButton.label, placement: "top", sx: { borderRadius: "8px" } }, /* @__PURE__ */ React108.createElement(IconButton11, { "aria-label": clearButton.label, onClick: () => clearButton.method(editor), size: "tiny" }, clearButton.icon)),
+    /* @__PURE__ */ React108.createElement(
       ToggleButtonGroup2,
       {
         value: editorState,
@@ -6968,7 +7071,7 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
           }
         }
       },
-      formatButtonsList.map((button) => /* @__PURE__ */ React107.createElement(Tooltip14, { title: button.label, key: button.action, placement: "top" }, /* @__PURE__ */ React107.createElement(
+      formatButtonsList.map((button) => /* @__PURE__ */ React108.createElement(Tooltip14, { title: button.label, key: button.action, placement: "top" }, /* @__PURE__ */ React108.createElement(
         ToggleButton3,
         {
           value: button.action,
@@ -6986,7 +7089,7 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
         button.icon
       )))
     ),
-    /* @__PURE__ */ React107.createElement(
+    /* @__PURE__ */ React108.createElement(
       UrlPopover,
       {
         popupState: linkPopupState,
@@ -7009,64 +7112,64 @@ var checkIfElementIsClickable = (elementId) => {
 };
 var toolbarButtons = {
   clear: {
-    label: __54("Clear", "elementor"),
-    icon: /* @__PURE__ */ React107.createElement(MinusIcon2, { fontSize: "tiny" }),
+    label: __55("Clear", "elementor"),
+    icon: /* @__PURE__ */ React108.createElement(MinusIcon2, { fontSize: "tiny" }),
     action: "clear",
     method: (editor) => {
       editor.chain().focus().clearNodes().unsetAllMarks().run();
     }
   },
   bold: {
-    label: __54("Bold", "elementor"),
-    icon: /* @__PURE__ */ React107.createElement(BoldIcon, { fontSize: "tiny" }),
+    label: __55("Bold", "elementor"),
+    icon: /* @__PURE__ */ React108.createElement(BoldIcon, { fontSize: "tiny" }),
     action: "bold",
     method: (editor) => {
       editor.chain().focus().toggleBold().run();
     }
   },
   italic: {
-    label: __54("Italic", "elementor"),
-    icon: /* @__PURE__ */ React107.createElement(ItalicIcon, { fontSize: "tiny" }),
+    label: __55("Italic", "elementor"),
+    icon: /* @__PURE__ */ React108.createElement(ItalicIcon, { fontSize: "tiny" }),
     action: "italic",
     method: (editor) => {
       editor.chain().focus().toggleItalic().run();
     }
   },
   underline: {
-    label: __54("Underline", "elementor"),
-    icon: /* @__PURE__ */ React107.createElement(UnderlineIcon, { fontSize: "tiny" }),
+    label: __55("Underline", "elementor"),
+    icon: /* @__PURE__ */ React108.createElement(UnderlineIcon, { fontSize: "tiny" }),
     action: "underline",
     method: (editor) => {
       editor.chain().focus().toggleUnderline().run();
     }
   },
   strike: {
-    label: __54("Strikethrough", "elementor"),
-    icon: /* @__PURE__ */ React107.createElement(StrikethroughIcon, { fontSize: "tiny" }),
+    label: __55("Strikethrough", "elementor"),
+    icon: /* @__PURE__ */ React108.createElement(StrikethroughIcon, { fontSize: "tiny" }),
     action: "strike",
     method: (editor) => {
       editor.chain().focus().toggleStrike().run();
     }
   },
   superscript: {
-    label: __54("Superscript", "elementor"),
-    icon: /* @__PURE__ */ React107.createElement(SuperscriptIcon, { fontSize: "tiny" }),
+    label: __55("Superscript", "elementor"),
+    icon: /* @__PURE__ */ React108.createElement(SuperscriptIcon, { fontSize: "tiny" }),
     action: "superscript",
     method: (editor) => {
       editor.chain().focus().toggleSuperscript().run();
     }
   },
   subscript: {
-    label: __54("Subscript", "elementor"),
-    icon: /* @__PURE__ */ React107.createElement(SubscriptIcon, { fontSize: "tiny" }),
+    label: __55("Subscript", "elementor"),
+    icon: /* @__PURE__ */ React108.createElement(SubscriptIcon, { fontSize: "tiny" }),
     action: "subscript",
     method: (editor) => {
       editor.chain().focus().toggleSubscript().run();
     }
   },
   link: {
-    label: __54("Link", "elementor"),
-    icon: /* @__PURE__ */ React107.createElement(LinkIcon3, { fontSize: "tiny" }),
+    label: __55("Link", "elementor"),
+    icon: /* @__PURE__ */ React108.createElement(LinkIcon3, { fontSize: "tiny" }),
     action: "link",
     method: null
   }
@@ -7075,7 +7178,7 @@ var { clear: clearButton, ...formatButtons } = toolbarButtons;
 var possibleFormats = Object.keys(formatButtons);
 
 // src/components/size/unstable-size-field.tsx
-import * as React110 from "react";
+import * as React111 from "react";
 import { InputAdornment as InputAdornment5 } from "@elementor/ui";
 
 // src/hooks/use-size-value.ts
@@ -7116,7 +7219,7 @@ var differsFromExternal = (newState, externalState) => {
 };
 
 // src/components/size/unit-select.tsx
-import * as React108 from "react";
+import * as React109 from "react";
 import { useId as useId3 } from "react";
 import { MenuListItem as MenuListItem7 } from "@elementor/editor-ui";
 import { bindMenu as bindMenu2, bindTrigger as bindTrigger7, Button as Button5, Menu as Menu3, styled as styled10, usePopupState as usePopupState10 } from "@elementor/ui";
@@ -7134,7 +7237,7 @@ var UnitSelect = ({ value, showPrimaryColor, onClick, options }) => {
     onClick(options[index]);
     popupState.close();
   };
-  return /* @__PURE__ */ React108.createElement(React108.Fragment, null, /* @__PURE__ */ React108.createElement(StyledButton2, { isPrimaryColor: showPrimaryColor, size: "small", ...bindTrigger7(popupState) }, value), /* @__PURE__ */ React108.createElement(Menu3, { MenuListProps: { dense: true }, ...bindMenu2(popupState) }, options.map((option, index) => /* @__PURE__ */ React108.createElement(
+  return /* @__PURE__ */ React109.createElement(React109.Fragment, null, /* @__PURE__ */ React109.createElement(StyledButton2, { isPrimaryColor: showPrimaryColor, size: "small", ...bindTrigger7(popupState) }, value), /* @__PURE__ */ React109.createElement(Menu3, { MenuListProps: { dense: true }, ...bindMenu2(popupState) }, options.map((option, index) => /* @__PURE__ */ React109.createElement(
     MenuListItem7,
     {
       key: option,
@@ -7163,11 +7266,11 @@ var StyledButton2 = styled10(Button5, {
 }));
 
 // src/components/size/unstable-size-input.tsx
-import * as React109 from "react";
+import * as React110 from "react";
 import { forwardRef as forwardRef12 } from "react";
 var UnstableSizeInput = forwardRef12(
   ({ type, value, onChange, onKeyDown, onKeyUp, InputProps, onBlur, focused, disabled }, ref) => {
-    return /* @__PURE__ */ React109.createElement(
+    return /* @__PURE__ */ React110.createElement(
       NumberInput,
       {
         ref,
@@ -7211,7 +7314,7 @@ var UnstableSizeField = ({
   const shouldHighlightUnit = () => {
     return hasValue(size);
   };
-  return /* @__PURE__ */ React110.createElement(
+  return /* @__PURE__ */ React111.createElement(
     UnstableSizeInput,
     {
       type: "number",
@@ -7220,7 +7323,7 @@ var UnstableSizeField = ({
       onChange: (event) => setSize(event.target.value),
       InputProps: {
         ...InputProps,
-        endAdornment: /* @__PURE__ */ React110.createElement(InputAdornment5, { position: "end" }, /* @__PURE__ */ React110.createElement(
+        endAdornment: /* @__PURE__ */ React111.createElement(InputAdornment5, { position: "end" }, /* @__PURE__ */ React111.createElement(
           UnitSelect,
           {
             options: units2,
@@ -7238,13 +7341,13 @@ var hasValue = (value) => {
 };
 
 // src/hooks/use-font-families.ts
-import { useMemo as useMemo16 } from "react";
+import { useMemo as useMemo17 } from "react";
 import { getElementorConfig } from "@elementor/editor-v1-adapters";
-import { __ as __55 } from "@wordpress/i18n";
+import { __ as __56 } from "@wordpress/i18n";
 var supportedCategories = {
-  system: __55("System", "elementor"),
-  custom: __55("Custom Fonts", "elementor"),
-  googlefonts: __55("Google Fonts", "elementor")
+  system: __56("System", "elementor"),
+  custom: __56("Custom Fonts", "elementor"),
+  googlefonts: __56("Google Fonts", "elementor")
 };
 var getFontFamilies = () => {
   const { controls } = getElementorConfig();
@@ -7256,7 +7359,7 @@ var getFontFamilies = () => {
 };
 var useFontFamilies = () => {
   const fontFamilies = getFontFamilies();
-  return useMemo16(() => {
+  return useMemo17(() => {
     const categoriesOrder = ["system", "custom", "googlefonts"];
     return Object.entries(fontFamilies || {}).reduce((acc, [font, category]) => {
       if (!supportedCategories[category]) {
@@ -7290,6 +7393,7 @@ export {
   ControlToggleButtonGroup,
   DateTimeControl,
   DisplayConditionsControl,
+  EmailFormActionControl,
   EqualUnequalSizesControl,
   FilterRepeaterControl,
   FontFamilyControl,