@elementor/editor-controls 4.2.0-868 → 4.2.0-870

package/dist/index.mjs

@@ -2521,31 +2521,37 @@ function ChipsList({ getLabel, getTagProps, values }) {
 
 // src/controls/chips-control.tsx
 var SIZE6 = "tiny";
-var ChipsControl = createControl(({ options }) => {
+var toChipsOption = (val, options) => options.find((opt) => opt.value === val) ?? { label: val, value: val };
+var ChipsControl = createControl(({ options, freeChips }) => {
   const { value, setValue, disabled } = useBoundProp(stringArrayPropTypeUtil);
   const selectedValues = (value || []).map((item) => stringPropTypeUtil6.extract(item)).filter((val) => val !== null);
-  const selectedOptions = selectedValues.map((val) => options.find((opt) => opt.value === val)).filter((opt) => opt !== void 0);
+  const selectedOptions = selectedValues.map((val) => toChipsOption(val, options));
   const handleChange = (_, newValue) => {
-    const values = newValue.map((option) => stringPropTypeUtil6.create(option.value));
-    setValue(values);
+    setValue(
+      newValue.map(
+        (option) => stringPropTypeUtil6.create(typeof option === "string" ? option : option.value)
+      )
+    );
   };
   return /* @__PURE__ */ React52.createElement(ControlActions, null, /* @__PURE__ */ React52.createElement(
     Autocomplete,
     {
       fullWidth: true,
       multiple: true,
+      freeSolo: freeChips,
       size: SIZE6,
       disabled,
       value: selectedOptions,
+      filterSelectedOptions: true,
       onChange: handleChange,
       options,
-      getOptionLabel: (option) => option.label,
+      getOptionLabel: (option) => typeof option === "string" ? option : option.label,
       isOptionEqualToValue: (option, val) => option.value === val.value,
       renderInput: (params) => /* @__PURE__ */ React52.createElement(TextField5, { ...params }),
       renderTags: (tagValues, getTagProps) => /* @__PURE__ */ React52.createElement(
         ChipsList,
         {
-          getLabel: (option) => option.label,
+          getLabel: (option) => typeof option === "string" ? option : option.label,
           getTagProps,
           values: tagValues
         }
@@ -8095,12 +8101,17 @@ var InlineEditingControl = createControl(
   }
 );
 
-// src/controls/email-form-action-control.tsx
-import * as React116 from "react";
-import { emailPropTypeUtil } from "@elementor/editor-props";
-import { CollapsibleContent, InfoAlert as InfoAlert2 } from "@elementor/editor-ui";
-import { Box as Box26, Divider as Divider5, Grid as Grid32, Stack as Stack19 } from "@elementor/ui";
-import { hasProInstalled as hasProInstalled3, isVersionGreaterOrEqual as isVersionGreaterOrEqual2 } from "@elementor/utils";
+// src/controls/email-form-action-control/index.tsx
+import * as React119 from "react";
+import { emailsPropTypeUtil } from "@elementor/editor-props";
+import { CollapsibleContent } from "@elementor/editor-ui";
+import { Box as Box26, Divider as Divider5, Stack as Stack20 } from "@elementor/ui";
+import { __ as __58 } from "@wordpress/i18n";
+
+// src/controls/email-form-action-control/fields.tsx
+import * as React118 from "react";
+import { InfoAlert as InfoAlert2 } from "@elementor/editor-ui";
+import { Grid as Grid34, Stack as Stack19 } from "@elementor/ui";
 import { __ as __57 } from "@wordpress/i18n";
 
 // src/hooks/use-form-field-suggestions.ts
@@ -8159,18 +8170,20 @@ function useFormFieldSuggestions(options) {
   );
 }
 
-// src/controls/email-form-action-control.tsx
-var EmailField = ({ bind, label, placeholder }) => /* @__PURE__ */ React116.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React116.createElement(Grid32, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React116.createElement(Grid32, { item: true }, /* @__PURE__ */ React116.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React116.createElement(Grid32, { item: true }, /* @__PURE__ */ React116.createElement(TextControl, { placeholder }))));
-var SendToField = ({ placeholder }) => /* @__PURE__ */ React116.createElement(EmailField, { bind: "to", label: __57("Send to", "elementor"), placeholder });
-var SubjectField = () => /* @__PURE__ */ React116.createElement(
-  EmailField,
-  {
-    bind: "subject",
-    label: __57("Email subject", "elementor"),
-    placeholder: __57("New form submission", "elementor")
-  }
-);
+// src/controls/email-form-action-control/email-chips-field.tsx
+import * as React116 from "react";
+import { useState as useState19 } from "react";
+import { stringArrayPropTypeUtil as stringArrayPropTypeUtil2, stringPropTypeUtil as stringPropTypeUtil22 } from "@elementor/editor-props";
+import { Autocomplete as Autocomplete4, Grid as Grid32, TextField as TextField11 } from "@elementor/ui";
+
+// src/controls/email-form-action-control/utils.ts
+import { z } from "@elementor/schema";
+import { hasProInstalled as hasProInstalled3, isVersionGreaterOrEqual as isVersionGreaterOrEqual2 } from "@elementor/utils";
 var MIN_PRO_VERSION_FOR_MENTIONS = "4.1.0";
+var CHIP_TRIGGER_KEYS = /* @__PURE__ */ new Set([" ", ","]);
+function isValidEmail(email) {
+  return z.string().email().safeParse(email).success;
+}
 var shouldShowMentionsInfo = () => {
   if (!hasProInstalled3()) {
     return true;
@@ -8181,14 +8194,93 @@ var shouldShowMentionsInfo = () => {
   }
   return isVersionGreaterOrEqual2(proVersion, MIN_PRO_VERSION_FOR_MENTIONS);
 };
+
+// src/controls/email-form-action-control/email-chips-field.tsx
+var EmailChipsField = ({ fieldLabel, placeholder }) => {
+  const { value, setValue, disabled } = useBoundProp(stringArrayPropTypeUtil2);
+  const [inputValue, setInputValue] = useState19("");
+  const items2 = value || [];
+  const selectedValues = items2.map((item) => stringPropTypeUtil22.extract(item)).filter((val) => val !== null);
+  const tryAddChip = (raw) => {
+    const address = raw.trim();
+    if (!address || selectedValues.includes(address) || !isValidEmail(address)) {
+      return;
+    }
+    setValue([...items2, stringPropTypeUtil22.create(address)]);
+    setInputValue("");
+  };
+  const handleChange = (_, newValue) => {
+    const updated = [];
+    for (const entry of newValue) {
+      const address = entry.trim();
+      if (!address || !isValidEmail(address)) {
+        continue;
+      }
+      updated.push(stringPropTypeUtil22.create(address));
+    }
+    setValue(updated);
+    setInputValue("");
+  };
+  const handleBlur = (event) => {
+    const target = event.target;
+    tryAddChip(target.value);
+    setInputValue("");
+  };
+  const handleKeyDown = (event) => {
+    if (CHIP_TRIGGER_KEYS.has(event.key) && inputValue.trim()) {
+      event.preventDefault();
+      tryAddChip(inputValue);
+    }
+  };
+  return /* @__PURE__ */ React116.createElement(Grid32, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React116.createElement(Grid32, { item: true }, /* @__PURE__ */ React116.createElement(ControlFormLabel, null, fieldLabel)), /* @__PURE__ */ React116.createElement(Grid32, { item: true }, /* @__PURE__ */ React116.createElement(
+    Autocomplete4,
+    {
+      fullWidth: true,
+      multiple: true,
+      freeSolo: true,
+      size: "tiny",
+      disabled,
+      inputValue,
+      onInputChange: (_, val, reason) => {
+        if (reason !== "reset") {
+          setInputValue(val);
+        }
+      },
+      value: selectedValues,
+      onChange: handleChange,
+      options: [],
+      onBlur: handleBlur,
+      getOptionLabel: (option) => option,
+      isOptionEqualToValue: (option, val) => option === val,
+      renderInput: (params) => /* @__PURE__ */ React116.createElement(TextField11, { ...params, placeholder, onKeyDown: handleKeyDown }),
+      renderTags: (tagValues, getTagProps) => /* @__PURE__ */ React116.createElement(ChipsList, { getLabel: (option) => option, getTagProps, values: tagValues })
+    }
+  )));
+};
+
+// src/controls/email-form-action-control/email-field.tsx
+import * as React117 from "react";
+import { Grid as Grid33 } from "@elementor/ui";
+var EmailField = ({ bind, label, placeholder }) => /* @__PURE__ */ React117.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React117.createElement(Grid33, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React117.createElement(Grid33, { item: true }, /* @__PURE__ */ React117.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React117.createElement(Grid33, { item: true }, /* @__PURE__ */ React117.createElement(TextControl, { placeholder }))));
+
+// src/controls/email-form-action-control/fields.tsx
+var SendToField = ({ placeholder }) => /* @__PURE__ */ React118.createElement(EmailChipsField, { fieldLabel: __57("Send to", "elementor"), placeholder });
+var SubjectField = () => /* @__PURE__ */ React118.createElement(
+  EmailField,
+  {
+    bind: "subject",
+    label: __57("Email subject", "elementor"),
+    placeholder: __57("New form submission", "elementor")
+  }
+);
 var MessageField = () => {
   const suggestions = useFormFieldSuggestions();
-  return /* @__PURE__ */ React116.createElement(PropKeyProvider, { bind: "message" }, /* @__PURE__ */ React116.createElement(Grid32, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React116.createElement(Grid32, { item: true }, /* @__PURE__ */ React116.createElement(ControlFormLabel, null, __57("Message", "elementor"))), /* @__PURE__ */ React116.createElement(Grid32, { item: true }, /* @__PURE__ */ React116.createElement(MentionTextAreaControl, { suggestions })), /* @__PURE__ */ React116.createElement(Grid32, { item: true }, /* @__PURE__ */ React116.createElement(InfoAlert2, null, shouldShowMentionsInfo() ? __57(
+  return /* @__PURE__ */ React118.createElement(PropKeyProvider, { bind: "message" }, /* @__PURE__ */ React118.createElement(Grid34, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React118.createElement(Grid34, { item: true }, /* @__PURE__ */ React118.createElement(ControlFormLabel, null, __57("Message", "elementor"))), /* @__PURE__ */ React118.createElement(Grid34, { item: true }, /* @__PURE__ */ React118.createElement(MentionTextAreaControl, { suggestions })), /* @__PURE__ */ React118.createElement(Grid34, { item: true }, /* @__PURE__ */ React118.createElement(InfoAlert2, null, shouldShowMentionsInfo() ? __57(
     "[all-fields] shortcode sends all fields. Type @ to insert specific fields and customize your message.",
     "elementor"
   ) : __57("[all-fields] shortcode sends all fields.", "elementor")))));
 };
-var FromEmailField = () => /* @__PURE__ */ React116.createElement(
+var FromEmailField = () => /* @__PURE__ */ React118.createElement(
   EmailField,
   {
     bind: "from",
@@ -8196,7 +8288,7 @@ var FromEmailField = () => /* @__PURE__ */ React116.createElement(
     placeholder: __57("What email should appear as the sender?", "elementor")
   }
 );
-var FromNameField = () => /* @__PURE__ */ React116.createElement(
+var FromNameField = () => /* @__PURE__ */ React118.createElement(
   EmailField,
   {
     bind: "from-name",
@@ -8206,7 +8298,7 @@ var FromNameField = () => /* @__PURE__ */ React116.createElement(
 );
 var ReplyToField = () => {
   const emailSuggestions = useFormFieldSuggestions({ inputType: "email" });
-  return /* @__PURE__ */ React116.createElement(PropKeyProvider, { bind: "reply-to" }, /* @__PURE__ */ React116.createElement(Grid32, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React116.createElement(Grid32, { item: true }, /* @__PURE__ */ React116.createElement(ControlFormLabel, null, __57("Reply-to", "elementor"))), /* @__PURE__ */ React116.createElement(Grid32, { item: true }, /* @__PURE__ */ React116.createElement(
+  return /* @__PURE__ */ React118.createElement(PropKeyProvider, { bind: "reply-to" }, /* @__PURE__ */ React118.createElement(Grid34, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React118.createElement(Grid34, { item: true }, /* @__PURE__ */ React118.createElement(ControlFormLabel, null, __57("Reply-to", "elementor"))), /* @__PURE__ */ React118.createElement(Grid34, { item: true }, /* @__PURE__ */ React118.createElement(
     MentionTextAreaControl,
     {
       suggestions: emailSuggestions,
@@ -8216,9 +8308,9 @@ var ReplyToField = () => {
     }
   ))));
 };
-var CcField = () => /* @__PURE__ */ React116.createElement(EmailField, { bind: "cc", label: __57("Cc", "elementor") });
-var BccField = () => /* @__PURE__ */ React116.createElement(EmailField, { bind: "bcc", label: __57("Bcc", "elementor") });
-var MetaDataField = () => /* @__PURE__ */ React116.createElement(PropKeyProvider, { bind: "meta-data" }, /* @__PURE__ */ React116.createElement(Stack19, { gap: 0.5 }, /* @__PURE__ */ React116.createElement(ControlFormLabel, null, __57("Metadata", "elementor")), /* @__PURE__ */ React116.createElement(
+var CcField = () => /* @__PURE__ */ React118.createElement(PropKeyProvider, { bind: "cc" }, /* @__PURE__ */ React118.createElement(EmailChipsField, { fieldLabel: __57("Cc", "elementor") }));
+var BccField = () => /* @__PURE__ */ React118.createElement(PropKeyProvider, { bind: "bcc" }, /* @__PURE__ */ React118.createElement(EmailChipsField, { fieldLabel: __57("Bcc", "elementor") }));
+var MetaDataField = () => /* @__PURE__ */ React118.createElement(PropKeyProvider, { bind: "meta-data" }, /* @__PURE__ */ React118.createElement(Stack19, { gap: 0.5 }, /* @__PURE__ */ React118.createElement(ControlFormLabel, null, __57("Metadata", "elementor")), /* @__PURE__ */ React118.createElement(
   ChipsControl,
   {
     options: [
@@ -8230,7 +8322,7 @@ var MetaDataField = () => /* @__PURE__ */ React116.createElement(PropKeyProvider
     ]
   }
 )));
-var SendAsField = () => /* @__PURE__ */ React116.createElement(PropKeyProvider, { bind: "send-as" }, /* @__PURE__ */ React116.createElement(Grid32, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React116.createElement(Grid32, { item: true }, /* @__PURE__ */ React116.createElement(ControlFormLabel, null, __57("Send as", "elementor"))), /* @__PURE__ */ React116.createElement(Grid32, { item: true }, /* @__PURE__ */ React116.createElement(
+var SendAsField = () => /* @__PURE__ */ React118.createElement(PropKeyProvider, { bind: "send-as" }, /* @__PURE__ */ React118.createElement(Grid34, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React118.createElement(Grid34, { item: true }, /* @__PURE__ */ React118.createElement(ControlFormLabel, null, __57("Send as", "elementor"))), /* @__PURE__ */ React118.createElement(Grid34, { item: true }, /* @__PURE__ */ React118.createElement(
   SelectControl,
   {
     options: [
@@ -8239,28 +8331,32 @@ var SendAsField = () => /* @__PURE__ */ React116.createElement(PropKeyProvider,
     ]
   }
 ))));
-var AdvancedSettings = () => /* @__PURE__ */ React116.createElement(CollapsibleContent, { defaultOpen: false }, /* @__PURE__ */ React116.createElement(Box26, { sx: { pt: 2 } }, /* @__PURE__ */ React116.createElement(Stack19, { gap: 2 }, /* @__PURE__ */ React116.createElement(FromNameField, null), /* @__PURE__ */ React116.createElement(ReplyToField, null), /* @__PURE__ */ React116.createElement(CcField, null), /* @__PURE__ */ React116.createElement(BccField, null), /* @__PURE__ */ React116.createElement(Divider5, null), /* @__PURE__ */ React116.createElement(MetaDataField, null), /* @__PURE__ */ React116.createElement(SendAsField, null))));
-var EmailFormActionControl = createControl(({ toPlaceholder }) => {
-  const { value, setValue, ...propContext } = useBoundProp(emailPropTypeUtil);
-  return /* @__PURE__ */ React116.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React116.createElement(Stack19, { gap: 2 }, /* @__PURE__ */ React116.createElement(ControlLabel, null, __57("Email settings", "elementor")), /* @__PURE__ */ React116.createElement(SendToField, { placeholder: toPlaceholder }), /* @__PURE__ */ React116.createElement(SubjectField, null), /* @__PURE__ */ React116.createElement(MessageField, null), /* @__PURE__ */ React116.createElement(FromEmailField, null), /* @__PURE__ */ React116.createElement(AdvancedSettings, null)));
-});
+
+// src/controls/email-form-action-control/index.tsx
+var EmailFormActionControl = createControl(
+  ({ toPlaceholder, label }) => {
+    const { value, setValue, ...propContext } = useBoundProp(emailsPropTypeUtil);
+    return /* @__PURE__ */ React119.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React119.createElement(Stack20, { gap: 2 }, /* @__PURE__ */ React119.createElement(ControlLabel, null, label ? label + " " + __58("settings", "elementor") : __58("Email settings", "elementor")), /* @__PURE__ */ React119.createElement(PropKeyProvider, { bind: "to" }, /* @__PURE__ */ React119.createElement(SendToField, { placeholder: toPlaceholder })), /* @__PURE__ */ React119.createElement(SubjectField, null), /* @__PURE__ */ React119.createElement(MessageField, null), /* @__PURE__ */ React119.createElement(FromEmailField, null), /* @__PURE__ */ React119.createElement(AdvancedSettings, null)));
+  }
+);
+var AdvancedSettings = () => /* @__PURE__ */ React119.createElement(CollapsibleContent, { defaultOpen: false }, /* @__PURE__ */ React119.createElement(Box26, { sx: { pt: 2 } }, /* @__PURE__ */ React119.createElement(Stack20, { gap: 2 }, /* @__PURE__ */ React119.createElement(FromNameField, null), /* @__PURE__ */ React119.createElement(ReplyToField, null), /* @__PURE__ */ React119.createElement(CcField, null), /* @__PURE__ */ React119.createElement(BccField, null), /* @__PURE__ */ React119.createElement(Divider5, null), /* @__PURE__ */ React119.createElement(MetaDataField, null), /* @__PURE__ */ React119.createElement(SendAsField, null))));
 
 // src/controls/attachment-type-control.tsx
-import * as React117 from "react";
+import * as React120 from "react";
 import { InfoAlert as InfoAlert3 } from "@elementor/editor-ui";
-import { Grid as Grid33 } from "@elementor/ui";
-import { __ as __58 } from "@wordpress/i18n";
+import { Grid as Grid35 } from "@elementor/ui";
+import { __ as __59 } from "@wordpress/i18n";
 var AttachmentTypeControl = createControl(({ label, options }) => {
-  return /* @__PURE__ */ React117.createElement(Grid33, { container: true, direction: "column", gap: 1 }, label && /* @__PURE__ */ React117.createElement(Grid33, { item: true }, /* @__PURE__ */ React117.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React117.createElement(Grid33, { item: true }, /* @__PURE__ */ React117.createElement(SelectControl, { options })), /* @__PURE__ */ React117.createElement(Grid33, { item: true }, /* @__PURE__ */ React117.createElement(InfoAlert3, null, __58(
+  return /* @__PURE__ */ React120.createElement(Grid35, { container: true, direction: "column", gap: 1 }, label && /* @__PURE__ */ React120.createElement(Grid35, { item: true }, /* @__PURE__ */ React120.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React120.createElement(Grid35, { item: true }, /* @__PURE__ */ React120.createElement(SelectControl, { options })), /* @__PURE__ */ React120.createElement(Grid35, { item: true }, /* @__PURE__ */ React120.createElement(InfoAlert3, null, __59(
     "Linked uploads are saved to the server. Direct attachments will not appear under Submissions.",
     "elementor"
   ))));
 });
 
 // src/controls/grid-span-control.tsx
-import * as React118 from "react";
+import * as React121 from "react";
 import { spanPropTypeUtil } from "@elementor/editor-props";
-import { TextField as TextField11 } from "@elementor/ui";
+import { TextField as TextField12 } from "@elementor/ui";
 var GridSpanControl = createControl(
   ({
     placeholder: propPlaceholder,
@@ -8274,8 +8370,8 @@ var GridSpanControl = createControl(
     const { value, setValue, disabled, placeholder: boundPlaceholder } = useBoundProp(spanPropTypeUtil);
     const handleChange = (event) => setValue(event.target.value);
     const placeholder = propPlaceholder ?? boundPlaceholder ?? `e.g: 'span 2' or '1 / 3'`;
-    return /* @__PURE__ */ React118.createElement(ControlActions, null, /* @__PURE__ */ React118.createElement(
-      TextField11,
+    return /* @__PURE__ */ React121.createElement(ControlActions, null, /* @__PURE__ */ React121.createElement(
+      TextField12,
       {
         size: "tiny",
         fullWidth: true,
@@ -8295,15 +8391,15 @@ var GridSpanControl = createControl(
 );
 
 // src/components/promotions/display-conditions-control.tsx
-import * as React120 from "react";
+import * as React123 from "react";
 import { useRef as useRef29 } from "react";
 import { SitemapIcon } from "@elementor/icons";
-import { IconButton as IconButton9, Stack as Stack20, Tooltip as Tooltip9 } from "@elementor/ui";
-import { __ as __59 } from "@wordpress/i18n";
+import { IconButton as IconButton9, Stack as Stack21, Tooltip as Tooltip9 } from "@elementor/ui";
+import { __ as __60 } from "@wordpress/i18n";
 
 // src/components/promotions/promotion-trigger.tsx
-import * as React119 from "react";
-import { forwardRef as forwardRef12, useCallback as useCallback5, useImperativeHandle, useState as useState19 } from "react";
+import * as React122 from "react";
+import { forwardRef as forwardRef12, useCallback as useCallback5, useImperativeHandle, useState as useState20 } from "react";
 import { PromotionChip as PromotionChip2, PromotionInfotip } from "@elementor/editor-ui";
 import { Box as Box27 } from "@elementor/ui";
 function getV4Promotion(key) {
@@ -8311,7 +8407,7 @@ function getV4Promotion(key) {
 }
 var PromotionTrigger = forwardRef12(
   ({ promotionKey, children, trackingData }, ref) => {
-    const [isOpen, setIsOpen] = useState19(false);
+    const [isOpen, setIsOpen] = useState20(false);
     const promotion = getV4Promotion(promotionKey);
     const toggle = useCallback5(() => {
       setIsOpen((prev) => {
@@ -8322,7 +8418,7 @@ var PromotionTrigger = forwardRef12(
       });
     }, [trackingData]);
     useImperativeHandle(ref, () => ({ toggle }), [toggle]);
-    return /* @__PURE__ */ React119.createElement(React119.Fragment, null, promotion && /* @__PURE__ */ React119.createElement(
+    return /* @__PURE__ */ React122.createElement(React122.Fragment, null, promotion && /* @__PURE__ */ React122.createElement(
       PromotionInfotip,
       {
         title: promotion.title,
@@ -8336,7 +8432,7 @@ var PromotionTrigger = forwardRef12(
         },
         onCtaClick: () => trackUpgradePromotionClick(trackingData)
       },
-      /* @__PURE__ */ React119.createElement(
+      /* @__PURE__ */ React122.createElement(
         Box27,
         {
           onClick: (e) => {
@@ -8345,19 +8441,19 @@ var PromotionTrigger = forwardRef12(
           },
           sx: { cursor: "pointer", display: "inline-flex" }
         },
-        children ?? /* @__PURE__ */ React119.createElement(PromotionChip2, null)
+        children ?? /* @__PURE__ */ React122.createElement(PromotionChip2, null)
       )
     ));
   }
 );
 
 // src/components/promotions/display-conditions-control.tsx
-var ARIA_LABEL = __59("Display Conditions", "elementor");
+var ARIA_LABEL = __60("Display Conditions", "elementor");
 var TRACKING_DATA = { target_name: "display_conditions", location_l2: "general" };
 var DisplayConditionsControl = createControl(() => {
   const triggerRef = useRef29(null);
-  return /* @__PURE__ */ React120.createElement(
-    Stack20,
+  return /* @__PURE__ */ React123.createElement(
+    Stack21,
     {
       direction: "row",
       spacing: 2,
@@ -8366,8 +8462,8 @@ var DisplayConditionsControl = createControl(() => {
         alignItems: "center"
       }
     },
-    /* @__PURE__ */ React120.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "displayConditions", trackingData: TRACKING_DATA }),
-    /* @__PURE__ */ React120.createElement(Tooltip9, { title: ARIA_LABEL, placement: "top" }, /* @__PURE__ */ React120.createElement(
+    /* @__PURE__ */ React123.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "displayConditions", trackingData: TRACKING_DATA }),
+    /* @__PURE__ */ React123.createElement(Tooltip9, { title: ARIA_LABEL, placement: "top" }, /* @__PURE__ */ React123.createElement(
       IconButton9,
       {
         size: "tiny",
@@ -8380,23 +8476,23 @@ var DisplayConditionsControl = createControl(() => {
           borderRadius: 1
         }
       },
-      /* @__PURE__ */ React120.createElement(SitemapIcon, { fontSize: "tiny", color: "disabled" })
+      /* @__PURE__ */ React123.createElement(SitemapIcon, { fontSize: "tiny", color: "disabled" })
     ))
   );
 });
 
 // src/components/promotions/attributes-control.tsx
-import * as React121 from "react";
+import * as React124 from "react";
 import { useRef as useRef30 } from "react";
 import { PlusIcon as PlusIcon4 } from "@elementor/icons";
-import { Stack as Stack21, Tooltip as Tooltip10 } from "@elementor/ui";
-import { __ as __60 } from "@wordpress/i18n";
-var ARIA_LABEL2 = __60("Attributes", "elementor");
+import { Stack as Stack22, Tooltip as Tooltip10 } from "@elementor/ui";
+import { __ as __61 } from "@wordpress/i18n";
+var ARIA_LABEL2 = __61("Attributes", "elementor");
 var TRACKING_DATA2 = { target_name: "attributes", location_l2: "general" };
 var AttributesControl = createControl(() => {
   const triggerRef = useRef30(null);
-  return /* @__PURE__ */ React121.createElement(
-    Stack21,
+  return /* @__PURE__ */ React124.createElement(
+    Stack22,
     {
       direction: "row",
       spacing: 2,
@@ -8405,8 +8501,8 @@ var AttributesControl = createControl(() => {
         alignItems: "center"
       }
     },
-    /* @__PURE__ */ React121.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "attributes", trackingData: TRACKING_DATA2 }),
-    /* @__PURE__ */ React121.createElement(Tooltip10, { title: ARIA_LABEL2, placement: "top" }, /* @__PURE__ */ React121.createElement(
+    /* @__PURE__ */ React124.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "attributes", trackingData: TRACKING_DATA2 }),
+    /* @__PURE__ */ React124.createElement(Tooltip10, { title: ARIA_LABEL2, placement: "top" }, /* @__PURE__ */ React124.createElement(
       PlusIcon4,
       {
         "aria-label": ARIA_LABEL2,
@@ -8420,18 +8516,18 @@ var AttributesControl = createControl(() => {
 });
 
 // src/components/icon-buttons/clear-icon-button.tsx
-import * as React122 from "react";
+import * as React125 from "react";
 import { BrushBigIcon } from "@elementor/icons";
 import { IconButton as IconButton10, styled as styled11, Tooltip as Tooltip11 } from "@elementor/ui";
 var CustomIconButton = styled11(IconButton10)(({ theme }) => ({
   width: theme.spacing(2.5),
   height: theme.spacing(2.5)
 }));
-var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /* @__PURE__ */ React122.createElement(Tooltip11, { title: tooltipText, placement: "top", disableInteractive: true }, /* @__PURE__ */ React122.createElement(CustomIconButton, { "aria-label": tooltipText, size, onClick, disabled }, /* @__PURE__ */ React122.createElement(BrushBigIcon, { fontSize: size })));
+var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /* @__PURE__ */ React125.createElement(Tooltip11, { title: tooltipText, placement: "top", disableInteractive: true }, /* @__PURE__ */ React125.createElement(CustomIconButton, { "aria-label": tooltipText, size, onClick, disabled }, /* @__PURE__ */ React125.createElement(BrushBigIcon, { fontSize: size })));
 
 // src/components/repeater/repeater.tsx
-import * as React123 from "react";
-import { useEffect as useEffect18, useState as useState20 } from "react";
+import * as React126 from "react";
+import { useEffect as useEffect18, useState as useState21 } from "react";
 import { CopyIcon as CopyIcon2, EyeIcon as EyeIcon2, EyeOffIcon as EyeOffIcon2, PlusIcon as PlusIcon5, XIcon as XIcon4 } from "@elementor/icons";
 import {
   bindPopover as bindPopover8,
@@ -8442,7 +8538,7 @@ import {
   Tooltip as Tooltip12,
   usePopupState as usePopupState10
 } from "@elementor/ui";
-import { __ as __61 } from "@wordpress/i18n";
+import { __ as __62 } from "@wordpress/i18n";
 var SIZE12 = "tiny";
 var EMPTY_OPEN_ITEM2 = -1;
 var Repeater3 = ({
@@ -8460,7 +8556,7 @@ var Repeater3 = ({
   openItem: initialOpenItem = EMPTY_OPEN_ITEM2,
   isSortable = true
 }) => {
-  const [openItem, setOpenItem] = useState20(initialOpenItem);
+  const [openItem, setOpenItem] = useState21(initialOpenItem);
   const uniqueKeys = items2.map(
     (item, index) => isSortable && "getId" in itemSettings ? itemSettings.getId({ item, index }) : String(index)
   );
@@ -8523,7 +8619,7 @@ var Repeater3 = ({
   };
   const isButtonDisabled = disabled || disableAddItemButton;
   const shouldShowInfotip = isButtonDisabled && addButtonInfotipContent;
-  const addButton = /* @__PURE__ */ React123.createElement(
+  const addButton = /* @__PURE__ */ React126.createElement(
     IconButton11,
     {
       size: SIZE12,
@@ -8532,11 +8628,11 @@ var Repeater3 = ({
       },
       disabled: isButtonDisabled,
       onClick: addRepeaterItem,
-      "aria-label": __61("Add item", "elementor")
+      "aria-label": __62("Add item", "elementor")
     },
-    /* @__PURE__ */ React123.createElement(PlusIcon5, { fontSize: SIZE12 })
+    /* @__PURE__ */ React126.createElement(PlusIcon5, { fontSize: SIZE12 })
   );
-  return /* @__PURE__ */ React123.createElement(SectionContent, { gap: 2 }, /* @__PURE__ */ React123.createElement(RepeaterHeader, { label, adornment: ControlAdornments }, shouldShowInfotip ? /* @__PURE__ */ React123.createElement(
+  return /* @__PURE__ */ React126.createElement(SectionContent, { gap: 2 }, /* @__PURE__ */ React126.createElement(RepeaterHeader, { label, adornment: ControlAdornments }, shouldShowInfotip ? /* @__PURE__ */ React126.createElement(
     Infotip4,
     {
       placement: "right",
@@ -8544,20 +8640,20 @@ var Repeater3 = ({
       color: "secondary",
       slotProps: { popper: { sx: { width: 300 } } }
     },
-    /* @__PURE__ */ React123.createElement(Box28, { sx: { ...isButtonDisabled ? { cursor: "not-allowed" } : {} } }, addButton)
-  ) : addButton), 0 < uniqueKeys.length && /* @__PURE__ */ React123.createElement(SortableProvider, { value: uniqueKeys, onChange: onChangeOrder }, uniqueKeys.map((key) => {
+    /* @__PURE__ */ React126.createElement(Box28, { sx: { ...isButtonDisabled ? { cursor: "not-allowed" } : {} } }, addButton)
+  ) : addButton), 0 < uniqueKeys.length && /* @__PURE__ */ React126.createElement(SortableProvider, { value: uniqueKeys, onChange: onChangeOrder }, uniqueKeys.map((key) => {
     const index = uniqueKeys.indexOf(key);
     const value = items2[index];
     if (!value) {
       return null;
     }
-    return /* @__PURE__ */ React123.createElement(SortableItem, { id: key, key: `sortable-${key}`, disabled: !isSortable }, /* @__PURE__ */ React123.createElement(
+    return /* @__PURE__ */ React126.createElement(SortableItem, { id: key, key: `sortable-${key}`, disabled: !isSortable }, /* @__PURE__ */ React126.createElement(
       RepeaterItem,
       {
         disabled,
         propDisabled: value?.disabled,
-        label: /* @__PURE__ */ React123.createElement(RepeaterItemLabelSlot, { value }, /* @__PURE__ */ React123.createElement(itemSettings.Label, { value, index })),
-        startIcon: /* @__PURE__ */ React123.createElement(RepeaterItemIconSlot, { value }, /* @__PURE__ */ React123.createElement(itemSettings.Icon, { value })),
+        label: /* @__PURE__ */ React126.createElement(RepeaterItemLabelSlot, { value }, /* @__PURE__ */ React126.createElement(itemSettings.Label, { value, index })),
+        startIcon: /* @__PURE__ */ React126.createElement(RepeaterItemIconSlot, { value }, /* @__PURE__ */ React126.createElement(itemSettings.Icon, { value })),
         removeItem: () => removeRepeaterItem(index),
         duplicateItem: () => duplicateRepeaterItem(index),
         toggleDisableItem: () => toggleDisableRepeaterItem(index),
@@ -8571,7 +8667,7 @@ var Repeater3 = ({
         actions: itemSettings.actions,
         value
       },
-      (props) => /* @__PURE__ */ React123.createElement(
+      (props) => /* @__PURE__ */ React126.createElement(
         itemSettings.Content,
         {
           ...props,
@@ -8613,16 +8709,16 @@ var RepeaterItem = ({
   );
   const triggerProps = bindTrigger7(popoverState);
   usePopoverDismiss({ isOpen: popoverState.isOpen, onClose: popoverProps.onClose });
-  const duplicateLabel = __61("Duplicate", "elementor");
-  const toggleLabel = propDisabled ? __61("Show", "elementor") : __61("Hide", "elementor");
-  const removeLabel = __61("Remove", "elementor");
-  return /* @__PURE__ */ React123.createElement(Box28, { sx: { display: "contents" } }, /* @__PURE__ */ React123.createElement(
+  const duplicateLabel = __62("Duplicate", "elementor");
+  const toggleLabel = propDisabled ? __62("Show", "elementor") : __62("Hide", "elementor");
+  const removeLabel = __62("Remove", "elementor");
+  return /* @__PURE__ */ React126.createElement(Box28, { sx: { display: "contents" } }, /* @__PURE__ */ React126.createElement(
     RepeaterTag,
     {
       disabled,
       label,
       ref: setRef,
-      "aria-label": __61("Open item", "elementor"),
+      "aria-label": __62("Open item", "elementor"),
       ...triggerProps,
       onClick: (e) => {
         triggerProps.onClick(e);
@@ -8631,12 +8727,12 @@ var RepeaterItem = ({
         }
       },
       startIcon,
-      actions: /* @__PURE__ */ React123.createElement(React123.Fragment, null, showDuplicate && /* @__PURE__ */ React123.createElement(Tooltip12, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React123.createElement(IconButton11, { size: SIZE12, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React123.createElement(CopyIcon2, { fontSize: SIZE12 }))), showToggle && /* @__PURE__ */ React123.createElement(Tooltip12, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React123.createElement(IconButton11, { size: SIZE12, onClick: toggleDisableItem, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React123.createElement(EyeOffIcon2, { fontSize: SIZE12 }) : /* @__PURE__ */ React123.createElement(EyeIcon2, { fontSize: SIZE12 }))), actions?.(value), showRemove && /* @__PURE__ */ React123.createElement(Tooltip12, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React123.createElement(IconButton11, { size: SIZE12, onClick: removeItem, "aria-label": removeLabel }, /* @__PURE__ */ React123.createElement(XIcon4, { fontSize: SIZE12 }))))
+      actions: /* @__PURE__ */ React126.createElement(React126.Fragment, null, showDuplicate && /* @__PURE__ */ React126.createElement(Tooltip12, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React126.createElement(IconButton11, { size: SIZE12, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React126.createElement(CopyIcon2, { fontSize: SIZE12 }))), showToggle && /* @__PURE__ */ React126.createElement(Tooltip12, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React126.createElement(IconButton11, { size: SIZE12, onClick: toggleDisableItem, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React126.createElement(EyeOffIcon2, { fontSize: SIZE12 }) : /* @__PURE__ */ React126.createElement(EyeIcon2, { fontSize: SIZE12 }))), actions?.(value), showRemove && /* @__PURE__ */ React126.createElement(Tooltip12, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React126.createElement(IconButton11, { size: SIZE12, onClick: removeItem, "aria-label": removeLabel }, /* @__PURE__ */ React126.createElement(XIcon4, { fontSize: SIZE12 }))))
     }
-  ), /* @__PURE__ */ React123.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React123.createElement(Box28, null, children({ anchorEl: ref }))));
+  ), /* @__PURE__ */ React126.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React126.createElement(Box28, null, children({ anchorEl: ref }))));
 };
 var usePopover = (openOnMount, onOpen, onPopoverClose) => {
-  const [ref, setRef] = useState20(null);
+  const [ref, setRef] = useState21(null);
   const popoverState = usePopupState10({ variant: "popover" });
   const popoverProps = bindPopover8(popoverState);
   useEffect18(() => {
@@ -8658,8 +8754,8 @@ var usePopover = (openOnMount, onOpen, onPopoverClose) => {
 };
 
 // src/components/inline-editor-toolbar.tsx
-import * as React125 from "react";
-import { useEffect as useEffect20, useMemo as useMemo19, useRef as useRef32, useState as useState21 } from "react";
+import * as React128 from "react";
+import { useEffect as useEffect20, useMemo as useMemo19, useRef as useRef32, useState as useState22 } from "react";
 import { getContainer as getContainer2, getElementSetting } from "@elementor/editor-elements";
 import {
   BoldIcon,
@@ -8681,14 +8777,14 @@ import {
   usePopupState as usePopupState11
 } from "@elementor/ui";
 import { useEditorState } from "@tiptap/react";
-import { __ as __63 } from "@wordpress/i18n";
+import { __ as __64 } from "@wordpress/i18n";
 
 // src/components/url-popover.tsx
-import * as React124 from "react";
+import * as React127 from "react";
 import { useEffect as useEffect19, useRef as useRef31 } from "react";
 import { ExternalLinkIcon } from "@elementor/icons";
-import { bindPopover as bindPopover9, Popover as Popover8, Stack as Stack22, TextField as TextField12, ToggleButton as ToggleButton2, Tooltip as Tooltip13 } from "@elementor/ui";
-import { __ as __62 } from "@wordpress/i18n";
+import { bindPopover as bindPopover9, Popover as Popover8, Stack as Stack23, TextField as TextField13, ToggleButton as ToggleButton2, Tooltip as Tooltip13 } from "@elementor/ui";
+import { __ as __63 } from "@wordpress/i18n";
 var UrlPopover = ({
   popupState,
   restoreValue,
@@ -8708,7 +8804,7 @@ var UrlPopover = ({
     restoreValue();
     popupState.close();
   };
-  return /* @__PURE__ */ React124.createElement(
+  return /* @__PURE__ */ React127.createElement(
     Popover8,
     {
       slotProps: {
@@ -8719,38 +8815,38 @@ var UrlPopover = ({
       transformOrigin: { vertical: "top", horizontal: "left" },
       onClose: handleClose
     },
-    /* @__PURE__ */ React124.createElement(Stack22, { direction: "row", alignItems: "center", gap: 1, sx: { p: 1.5 } }, /* @__PURE__ */ React124.createElement(
-      TextField12,
+    /* @__PURE__ */ React127.createElement(Stack23, { direction: "row", alignItems: "center", gap: 1, sx: { p: 1.5 } }, /* @__PURE__ */ React127.createElement(
+      TextField13,
       {
         value,
         onChange,
         size: "tiny",
         fullWidth: true,
-        placeholder: __62("Type a URL", "elementor"),
+        placeholder: __63("Type a URL", "elementor"),
         inputProps: { ref: inputRef },
         color: "secondary",
         InputProps: { sx: { borderRadius: "8px" } },
         onKeyUp: (event) => event.key === "Enter" && handleClose()
       }
-    ), /* @__PURE__ */ React124.createElement(Tooltip13, { title: __62("Open in a new tab", "elementor") }, /* @__PURE__ */ React124.createElement(
+    ), /* @__PURE__ */ React127.createElement(Tooltip13, { title: __63("Open in a new tab", "elementor") }, /* @__PURE__ */ React127.createElement(
       ToggleButton2,
       {
         size: "tiny",
         value: "newTab",
         selected: openInNewTab,
         onClick: onToggleNewTab,
-        "aria-label": __62("Open in a new tab", "elementor"),
+        "aria-label": __63("Open in a new tab", "elementor"),
         sx: { borderRadius: "8px" }
       },
-      /* @__PURE__ */ React124.createElement(ExternalLinkIcon, { fontSize: "tiny" })
+      /* @__PURE__ */ React127.createElement(ExternalLinkIcon, { fontSize: "tiny" })
     )))
   );
 };
 
 // src/components/inline-editor-toolbar.tsx
 var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
-  const [urlValue, setUrlValue] = useState21("");
-  const [openInNewTab, setOpenInNewTab] = useState21(false);
+  const [urlValue, setUrlValue] = useState22("");
+  const [openInNewTab, setOpenInNewTab] = useState22(false);
   const toolbarRef = useRef32(null);
   const linkPopupState = usePopupState11({ variant: "popover" });
   const isElementClickable = elementId ? checkIfElementIsClickable(elementId) : false;
@@ -8798,7 +8894,7 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
   useEffect20(() => {
     editor?.commands?.focus();
   }, [editor]);
-  return /* @__PURE__ */ React125.createElement(
+  return /* @__PURE__ */ React128.createElement(
     Box29,
     {
       ref: toolbarRef,
@@ -8815,8 +8911,8 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
         ...sx
       }
     },
-    /* @__PURE__ */ React125.createElement(Tooltip14, { title: clearButton.label, placement: "top", sx: { borderRadius: "8px" } }, /* @__PURE__ */ React125.createElement(IconButton12, { "aria-label": clearButton.label, onClick: () => clearButton.method(editor), size: "tiny" }, clearButton.icon)),
-    /* @__PURE__ */ React125.createElement(
+    /* @__PURE__ */ React128.createElement(Tooltip14, { title: clearButton.label, placement: "top", sx: { borderRadius: "8px" } }, /* @__PURE__ */ React128.createElement(IconButton12, { "aria-label": clearButton.label, onClick: () => clearButton.method(editor), size: "tiny" }, clearButton.icon)),
+    /* @__PURE__ */ React128.createElement(
       ToggleButtonGroup2,
       {
         value: editorState,
@@ -8838,7 +8934,7 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
           }
         }
       },
-      formatButtonsList.map((button) => /* @__PURE__ */ React125.createElement(Tooltip14, { title: button.label, key: button.action, placement: "top" }, /* @__PURE__ */ React125.createElement(
+      formatButtonsList.map((button) => /* @__PURE__ */ React128.createElement(Tooltip14, { title: button.label, key: button.action, placement: "top" }, /* @__PURE__ */ React128.createElement(
         ToggleButton3,
         {
           value: button.action,
@@ -8856,7 +8952,7 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
         button.icon
       )))
     ),
-    /* @__PURE__ */ React125.createElement(
+    /* @__PURE__ */ React128.createElement(
       UrlPopover,
       {
         popupState: linkPopupState,
@@ -8879,64 +8975,64 @@ var checkIfElementIsClickable = (elementId) => {
 };
 var toolbarButtons = {
   clear: {
-    label: __63("Clear", "elementor"),
-    icon: /* @__PURE__ */ React125.createElement(MinusIcon2, { fontSize: "tiny" }),
+    label: __64("Clear", "elementor"),
+    icon: /* @__PURE__ */ React128.createElement(MinusIcon2, { fontSize: "tiny" }),
     action: "clear",
     method: (editor) => {
       editor.chain().focus().clearNodes().unsetAllMarks().run();
     }
   },
   bold: {
-    label: __63("Bold", "elementor"),
-    icon: /* @__PURE__ */ React125.createElement(BoldIcon, { fontSize: "tiny" }),
+    label: __64("Bold", "elementor"),
+    icon: /* @__PURE__ */ React128.createElement(BoldIcon, { fontSize: "tiny" }),
     action: "bold",
     method: (editor) => {
       editor.chain().focus().toggleBold().run();
     }
   },
   italic: {
-    label: __63("Italic", "elementor"),
-    icon: /* @__PURE__ */ React125.createElement(ItalicIcon, { fontSize: "tiny" }),
+    label: __64("Italic", "elementor"),
+    icon: /* @__PURE__ */ React128.createElement(ItalicIcon, { fontSize: "tiny" }),
     action: "italic",
     method: (editor) => {
       editor.chain().focus().toggleItalic().run();
     }
   },
   underline: {
-    label: __63("Underline", "elementor"),
-    icon: /* @__PURE__ */ React125.createElement(UnderlineIcon, { fontSize: "tiny" }),
+    label: __64("Underline", "elementor"),
+    icon: /* @__PURE__ */ React128.createElement(UnderlineIcon, { fontSize: "tiny" }),
     action: "underline",
     method: (editor) => {
       editor.chain().focus().toggleUnderline().run();
     }
   },
   strike: {
-    label: __63("Strikethrough", "elementor"),
-    icon: /* @__PURE__ */ React125.createElement(StrikethroughIcon, { fontSize: "tiny" }),
+    label: __64("Strikethrough", "elementor"),
+    icon: /* @__PURE__ */ React128.createElement(StrikethroughIcon, { fontSize: "tiny" }),
     action: "strike",
     method: (editor) => {
       editor.chain().focus().toggleStrike().run();
     }
   },
   superscript: {
-    label: __63("Superscript", "elementor"),
-    icon: /* @__PURE__ */ React125.createElement(SuperscriptIcon, { fontSize: "tiny" }),
+    label: __64("Superscript", "elementor"),
+    icon: /* @__PURE__ */ React128.createElement(SuperscriptIcon, { fontSize: "tiny" }),
     action: "superscript",
     method: (editor) => {
       editor.chain().focus().toggleSuperscript().run();
     }
   },
   subscript: {
-    label: __63("Subscript", "elementor"),
-    icon: /* @__PURE__ */ React125.createElement(SubscriptIcon, { fontSize: "tiny" }),
+    label: __64("Subscript", "elementor"),
+    icon: /* @__PURE__ */ React128.createElement(SubscriptIcon, { fontSize: "tiny" }),
     action: "subscript",
     method: (editor) => {
       editor.chain().focus().toggleSubscript().run();
     }
   },
   link: {
-    label: __63("Link", "elementor"),
-    icon: /* @__PURE__ */ React125.createElement(LinkIcon3, { fontSize: "tiny" }),
+    label: __64("Link", "elementor"),
+    icon: /* @__PURE__ */ React128.createElement(LinkIcon3, { fontSize: "tiny" }),
     action: "link",
     method: null
   }
@@ -8945,7 +9041,7 @@ var { clear: clearButton, ...formatButtons } = toolbarButtons;
 var possibleFormats = Object.keys(formatButtons);
 
 // src/components/size/unstable-size-field.tsx
-import * as React128 from "react";
+import * as React131 from "react";
 import { InputAdornment as InputAdornment6 } from "@elementor/ui";
 
 // src/hooks/use-size-value.ts
@@ -8988,7 +9084,7 @@ var differsFromExternal = (newState, externalState) => {
 };
 
 // src/components/size/unit-select.tsx
-import * as React126 from "react";
+import * as React129 from "react";
 import { useId as useId4 } from "react";
 import { MenuListItem as MenuListItem8 } from "@elementor/editor-ui";
 import { bindMenu as bindMenu3, bindTrigger as bindTrigger8, Button as Button7, Menu as Menu4, styled as styled12, usePopupState as usePopupState12 } from "@elementor/ui";
@@ -9006,7 +9102,7 @@ var UnitSelect = ({ value, showPrimaryColor, onClick, options }) => {
     onClick(options[index]);
     popupState.close();
   };
-  return /* @__PURE__ */ React126.createElement(React126.Fragment, null, /* @__PURE__ */ React126.createElement(StyledButton3, { isPrimaryColor: showPrimaryColor, size: "small", ...bindTrigger8(popupState) }, value), /* @__PURE__ */ React126.createElement(Menu4, { MenuListProps: { dense: true }, ...bindMenu3(popupState) }, options.map((option, index) => /* @__PURE__ */ React126.createElement(
+  return /* @__PURE__ */ React129.createElement(React129.Fragment, null, /* @__PURE__ */ React129.createElement(StyledButton3, { isPrimaryColor: showPrimaryColor, size: "small", ...bindTrigger8(popupState) }, value), /* @__PURE__ */ React129.createElement(Menu4, { MenuListProps: { dense: true }, ...bindMenu3(popupState) }, options.map((option, index) => /* @__PURE__ */ React129.createElement(
     MenuListItem8,
     {
       key: option,
@@ -9035,11 +9131,11 @@ var StyledButton3 = styled12(Button7, {
 }));
 
 // src/components/size/unstable-size-input.tsx
-import * as React127 from "react";
+import * as React130 from "react";
 import { forwardRef as forwardRef13 } from "react";
 var UnstableSizeInput = forwardRef13(
   ({ type, value, onChange, onKeyDown, onKeyUp, InputProps, onBlur, focused, disabled }, ref) => {
-    return /* @__PURE__ */ React127.createElement(
+    return /* @__PURE__ */ React130.createElement(
       NumberInput,
       {
         ref,
@@ -9077,7 +9173,7 @@ var UnstableSizeField = ({
   const shouldHighlightUnit2 = () => {
     return hasValue(size);
   };
-  return /* @__PURE__ */ React128.createElement(
+  return /* @__PURE__ */ React131.createElement(
     UnstableSizeInput,
     {
       type: "number",
@@ -9086,8 +9182,8 @@ var UnstableSizeField = ({
       onChange: (event) => setSize(event.target.value),
       InputProps: {
         ...InputProps,
-        startAdornment: startIcon && /* @__PURE__ */ React128.createElement(InputAdornment6, { position: "start" }, startIcon),
-        endAdornment: /* @__PURE__ */ React128.createElement(InputAdornment6, { position: "end" }, /* @__PURE__ */ React128.createElement(
+        startAdornment: startIcon && /* @__PURE__ */ React131.createElement(InputAdornment6, { position: "start" }, startIcon),
+        endAdornment: /* @__PURE__ */ React131.createElement(InputAdornment6, { position: "end" }, /* @__PURE__ */ React131.createElement(
           UnitSelect,
           {
             options: units2,