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

package/dist/index.js

@@ -2618,31 +2618,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(import_editor_props17.stringArrayPropTypeUtil);
   const selectedValues = (value || []).map((item) => import_editor_props17.stringPropTypeUtil.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) => import_editor_props17.stringPropTypeUtil.create(option.value));
-    setValue(values);
+    setValue(
+      newValue.map(
+        (option) => import_editor_props17.stringPropTypeUtil.create(typeof option === "string" ? option : option.value)
+      )
+    );
   };
   return /* @__PURE__ */ React52.createElement(ControlActions, null, /* @__PURE__ */ React52.createElement(
     import_ui39.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(import_ui39.TextField, { ...params }),
       renderTags: (tagValues, getTagProps) => /* @__PURE__ */ React52.createElement(
         ChipsList,
         {
-          getLabel: (option) => option.label,
+          getLabel: (option) => typeof option === "string" ? option : option.label,
           getTagProps,
           values: tagValues
         }
@@ -8112,12 +8118,17 @@ var InlineEditingControl = createControl(
   }
 );
 
-// src/controls/email-form-action-control.tsx
-var React116 = __toESM(require("react"));
-var import_editor_props65 = require("@elementor/editor-props");
+// src/controls/email-form-action-control/index.tsx
+var React119 = __toESM(require("react"));
+var import_editor_props66 = require("@elementor/editor-props");
+var import_editor_ui16 = require("@elementor/editor-ui");
+var import_ui103 = require("@elementor/ui");
+var import_i18n58 = require("@wordpress/i18n");
+
+// src/controls/email-form-action-control/fields.tsx
+var React118 = __toESM(require("react"));
 var import_editor_ui15 = require("@elementor/editor-ui");
-var import_ui100 = require("@elementor/ui");
-var import_utils9 = require("@elementor/utils");
+var import_ui102 = require("@elementor/ui");
 var import_i18n57 = require("@wordpress/i18n");
 
 // src/hooks/use-form-field-suggestions.ts
@@ -8176,18 +8187,20 @@ function useFormFieldSuggestions(options) {
   );
 }
 
-// src/controls/email-form-action-control.tsx
-var EmailField = ({ bind, label, placeholder }) => /* @__PURE__ */ React116.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React116.createElement(import_ui100.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React116.createElement(import_ui100.Grid, { item: true }, /* @__PURE__ */ React116.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React116.createElement(import_ui100.Grid, { item: true }, /* @__PURE__ */ React116.createElement(TextControl, { placeholder }))));
-var SendToField = ({ placeholder }) => /* @__PURE__ */ React116.createElement(EmailField, { bind: "to", label: (0, import_i18n57.__)("Send to", "elementor"), placeholder });
-var SubjectField = () => /* @__PURE__ */ React116.createElement(
-  EmailField,
-  {
-    bind: "subject",
-    label: (0, import_i18n57.__)("Email subject", "elementor"),
-    placeholder: (0, import_i18n57.__)("New form submission", "elementor")
-  }
-);
+// src/controls/email-form-action-control/email-chips-field.tsx
+var React116 = __toESM(require("react"));
+var import_react69 = require("react");
+var import_editor_props65 = require("@elementor/editor-props");
+var import_ui100 = require("@elementor/ui");
+
+// src/controls/email-form-action-control/utils.ts
+var import_schema = require("@elementor/schema");
+var import_utils9 = require("@elementor/utils");
 var MIN_PRO_VERSION_FOR_MENTIONS = "4.1.0";
+var CHIP_TRIGGER_KEYS = /* @__PURE__ */ new Set([" ", ","]);
+function isValidEmail(email) {
+  return import_schema.z.string().email().safeParse(email).success;
+}
 var shouldShowMentionsInfo = () => {
   if (!(0, import_utils9.hasProInstalled)()) {
     return true;
@@ -8198,14 +8211,93 @@ var shouldShowMentionsInfo = () => {
   }
   return (0, import_utils9.isVersionGreaterOrEqual)(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(import_editor_props65.stringArrayPropTypeUtil);
+  const [inputValue, setInputValue] = (0, import_react69.useState)("");
+  const items2 = value || [];
+  const selectedValues = items2.map((item) => import_editor_props65.stringPropTypeUtil.extract(item)).filter((val) => val !== null);
+  const tryAddChip = (raw) => {
+    const address = raw.trim();
+    if (!address || selectedValues.includes(address) || !isValidEmail(address)) {
+      return;
+    }
+    setValue([...items2, import_editor_props65.stringPropTypeUtil.create(address)]);
+    setInputValue("");
+  };
+  const handleChange = (_, newValue) => {
+    const updated = [];
+    for (const entry of newValue) {
+      const address = entry.trim();
+      if (!address || !isValidEmail(address)) {
+        continue;
+      }
+      updated.push(import_editor_props65.stringPropTypeUtil.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(import_ui100.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React116.createElement(import_ui100.Grid, { item: true }, /* @__PURE__ */ React116.createElement(ControlFormLabel, null, fieldLabel)), /* @__PURE__ */ React116.createElement(import_ui100.Grid, { item: true }, /* @__PURE__ */ React116.createElement(
+    import_ui100.Autocomplete,
+    {
+      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(import_ui100.TextField, { ...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
+var React117 = __toESM(require("react"));
+var import_ui101 = require("@elementor/ui");
+var EmailField = ({ bind, label, placeholder }) => /* @__PURE__ */ React117.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React117.createElement(import_ui101.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React117.createElement(import_ui101.Grid, { item: true }, /* @__PURE__ */ React117.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React117.createElement(import_ui101.Grid, { item: true }, /* @__PURE__ */ React117.createElement(TextControl, { placeholder }))));
+
+// src/controls/email-form-action-control/fields.tsx
+var SendToField = ({ placeholder }) => /* @__PURE__ */ React118.createElement(EmailChipsField, { fieldLabel: (0, import_i18n57.__)("Send to", "elementor"), placeholder });
+var SubjectField = () => /* @__PURE__ */ React118.createElement(
+  EmailField,
+  {
+    bind: "subject",
+    label: (0, import_i18n57.__)("Email subject", "elementor"),
+    placeholder: (0, import_i18n57.__)("New form submission", "elementor")
+  }
+);
 var MessageField = () => {
   const suggestions = useFormFieldSuggestions();
-  return /* @__PURE__ */ React116.createElement(PropKeyProvider, { bind: "message" }, /* @__PURE__ */ React116.createElement(import_ui100.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React116.createElement(import_ui100.Grid, { item: true }, /* @__PURE__ */ React116.createElement(ControlFormLabel, null, (0, import_i18n57.__)("Message", "elementor"))), /* @__PURE__ */ React116.createElement(import_ui100.Grid, { item: true }, /* @__PURE__ */ React116.createElement(MentionTextAreaControl, { suggestions })), /* @__PURE__ */ React116.createElement(import_ui100.Grid, { item: true }, /* @__PURE__ */ React116.createElement(import_editor_ui15.InfoAlert, null, shouldShowMentionsInfo() ? (0, import_i18n57.__)(
+  return /* @__PURE__ */ React118.createElement(PropKeyProvider, { bind: "message" }, /* @__PURE__ */ React118.createElement(import_ui102.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React118.createElement(import_ui102.Grid, { item: true }, /* @__PURE__ */ React118.createElement(ControlFormLabel, null, (0, import_i18n57.__)("Message", "elementor"))), /* @__PURE__ */ React118.createElement(import_ui102.Grid, { item: true }, /* @__PURE__ */ React118.createElement(MentionTextAreaControl, { suggestions })), /* @__PURE__ */ React118.createElement(import_ui102.Grid, { item: true }, /* @__PURE__ */ React118.createElement(import_editor_ui15.InfoAlert, null, shouldShowMentionsInfo() ? (0, import_i18n57.__)(
     "[all-fields] shortcode sends all fields. Type @ to insert specific fields and customize your message.",
     "elementor"
   ) : (0, import_i18n57.__)("[all-fields] shortcode sends all fields.", "elementor")))));
 };
-var FromEmailField = () => /* @__PURE__ */ React116.createElement(
+var FromEmailField = () => /* @__PURE__ */ React118.createElement(
   EmailField,
   {
     bind: "from",
@@ -8213,7 +8305,7 @@ var FromEmailField = () => /* @__PURE__ */ React116.createElement(
     placeholder: (0, import_i18n57.__)("What email should appear as the sender?", "elementor")
   }
 );
-var FromNameField = () => /* @__PURE__ */ React116.createElement(
+var FromNameField = () => /* @__PURE__ */ React118.createElement(
   EmailField,
   {
     bind: "from-name",
@@ -8223,7 +8315,7 @@ var FromNameField = () => /* @__PURE__ */ React116.createElement(
 );
 var ReplyToField = () => {
   const emailSuggestions = useFormFieldSuggestions({ inputType: "email" });
-  return /* @__PURE__ */ React116.createElement(PropKeyProvider, { bind: "reply-to" }, /* @__PURE__ */ React116.createElement(import_ui100.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React116.createElement(import_ui100.Grid, { item: true }, /* @__PURE__ */ React116.createElement(ControlFormLabel, null, (0, import_i18n57.__)("Reply-to", "elementor"))), /* @__PURE__ */ React116.createElement(import_ui100.Grid, { item: true }, /* @__PURE__ */ React116.createElement(
+  return /* @__PURE__ */ React118.createElement(PropKeyProvider, { bind: "reply-to" }, /* @__PURE__ */ React118.createElement(import_ui102.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React118.createElement(import_ui102.Grid, { item: true }, /* @__PURE__ */ React118.createElement(ControlFormLabel, null, (0, import_i18n57.__)("Reply-to", "elementor"))), /* @__PURE__ */ React118.createElement(import_ui102.Grid, { item: true }, /* @__PURE__ */ React118.createElement(
     MentionTextAreaControl,
     {
       suggestions: emailSuggestions,
@@ -8233,9 +8325,9 @@ var ReplyToField = () => {
     }
   ))));
 };
-var CcField = () => /* @__PURE__ */ React116.createElement(EmailField, { bind: "cc", label: (0, import_i18n57.__)("Cc", "elementor") });
-var BccField = () => /* @__PURE__ */ React116.createElement(EmailField, { bind: "bcc", label: (0, import_i18n57.__)("Bcc", "elementor") });
-var MetaDataField = () => /* @__PURE__ */ React116.createElement(PropKeyProvider, { bind: "meta-data" }, /* @__PURE__ */ React116.createElement(import_ui100.Stack, { gap: 0.5 }, /* @__PURE__ */ React116.createElement(ControlFormLabel, null, (0, import_i18n57.__)("Metadata", "elementor")), /* @__PURE__ */ React116.createElement(
+var CcField = () => /* @__PURE__ */ React118.createElement(PropKeyProvider, { bind: "cc" }, /* @__PURE__ */ React118.createElement(EmailChipsField, { fieldLabel: (0, import_i18n57.__)("Cc", "elementor") }));
+var BccField = () => /* @__PURE__ */ React118.createElement(PropKeyProvider, { bind: "bcc" }, /* @__PURE__ */ React118.createElement(EmailChipsField, { fieldLabel: (0, import_i18n57.__)("Bcc", "elementor") }));
+var MetaDataField = () => /* @__PURE__ */ React118.createElement(PropKeyProvider, { bind: "meta-data" }, /* @__PURE__ */ React118.createElement(import_ui102.Stack, { gap: 0.5 }, /* @__PURE__ */ React118.createElement(ControlFormLabel, null, (0, import_i18n57.__)("Metadata", "elementor")), /* @__PURE__ */ React118.createElement(
   ChipsControl,
   {
     options: [
@@ -8247,7 +8339,7 @@ var MetaDataField = () => /* @__PURE__ */ React116.createElement(PropKeyProvider
     ]
   }
 )));
-var SendAsField = () => /* @__PURE__ */ React116.createElement(PropKeyProvider, { bind: "send-as" }, /* @__PURE__ */ React116.createElement(import_ui100.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React116.createElement(import_ui100.Grid, { item: true }, /* @__PURE__ */ React116.createElement(ControlFormLabel, null, (0, import_i18n57.__)("Send as", "elementor"))), /* @__PURE__ */ React116.createElement(import_ui100.Grid, { item: true }, /* @__PURE__ */ React116.createElement(
+var SendAsField = () => /* @__PURE__ */ React118.createElement(PropKeyProvider, { bind: "send-as" }, /* @__PURE__ */ React118.createElement(import_ui102.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React118.createElement(import_ui102.Grid, { item: true }, /* @__PURE__ */ React118.createElement(ControlFormLabel, null, (0, import_i18n57.__)("Send as", "elementor"))), /* @__PURE__ */ React118.createElement(import_ui102.Grid, { item: true }, /* @__PURE__ */ React118.createElement(
   SelectControl,
   {
     options: [
@@ -8256,28 +8348,32 @@ var SendAsField = () => /* @__PURE__ */ React116.createElement(PropKeyProvider,
     ]
   }
 ))));
-var AdvancedSettings = () => /* @__PURE__ */ React116.createElement(import_editor_ui15.CollapsibleContent, { defaultOpen: false }, /* @__PURE__ */ React116.createElement(import_ui100.Box, { sx: { pt: 2 } }, /* @__PURE__ */ React116.createElement(import_ui100.Stack, { 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(import_ui100.Divider, null), /* @__PURE__ */ React116.createElement(MetaDataField, null), /* @__PURE__ */ React116.createElement(SendAsField, null))));
-var EmailFormActionControl = createControl(({ toPlaceholder }) => {
-  const { value, setValue, ...propContext } = useBoundProp(import_editor_props65.emailPropTypeUtil);
-  return /* @__PURE__ */ React116.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React116.createElement(import_ui100.Stack, { gap: 2 }, /* @__PURE__ */ React116.createElement(ControlLabel, null, (0, import_i18n57.__)("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(import_editor_props66.emailsPropTypeUtil);
+    return /* @__PURE__ */ React119.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React119.createElement(import_ui103.Stack, { gap: 2 }, /* @__PURE__ */ React119.createElement(ControlLabel, null, label ? label + " " + (0, import_i18n58.__)("settings", "elementor") : (0, import_i18n58.__)("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(import_editor_ui16.CollapsibleContent, { defaultOpen: false }, /* @__PURE__ */ React119.createElement(import_ui103.Box, { sx: { pt: 2 } }, /* @__PURE__ */ React119.createElement(import_ui103.Stack, { 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(import_ui103.Divider, null), /* @__PURE__ */ React119.createElement(MetaDataField, null), /* @__PURE__ */ React119.createElement(SendAsField, null))));
 
 // src/controls/attachment-type-control.tsx
-var React117 = __toESM(require("react"));
-var import_editor_ui16 = require("@elementor/editor-ui");
-var import_ui101 = require("@elementor/ui");
-var import_i18n58 = require("@wordpress/i18n");
+var React120 = __toESM(require("react"));
+var import_editor_ui17 = require("@elementor/editor-ui");
+var import_ui104 = require("@elementor/ui");
+var import_i18n59 = require("@wordpress/i18n");
 var AttachmentTypeControl = createControl(({ label, options }) => {
-  return /* @__PURE__ */ React117.createElement(import_ui101.Grid, { container: true, direction: "column", gap: 1 }, label && /* @__PURE__ */ React117.createElement(import_ui101.Grid, { item: true }, /* @__PURE__ */ React117.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React117.createElement(import_ui101.Grid, { item: true }, /* @__PURE__ */ React117.createElement(SelectControl, { options })), /* @__PURE__ */ React117.createElement(import_ui101.Grid, { item: true }, /* @__PURE__ */ React117.createElement(import_editor_ui16.InfoAlert, null, (0, import_i18n58.__)(
+  return /* @__PURE__ */ React120.createElement(import_ui104.Grid, { container: true, direction: "column", gap: 1 }, label && /* @__PURE__ */ React120.createElement(import_ui104.Grid, { item: true }, /* @__PURE__ */ React120.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React120.createElement(import_ui104.Grid, { item: true }, /* @__PURE__ */ React120.createElement(SelectControl, { options })), /* @__PURE__ */ React120.createElement(import_ui104.Grid, { item: true }, /* @__PURE__ */ React120.createElement(import_editor_ui17.InfoAlert, null, (0, import_i18n59.__)(
     "Linked uploads are saved to the server. Direct attachments will not appear under Submissions.",
     "elementor"
   ))));
 });
 
 // src/controls/grid-span-control.tsx
-var React118 = __toESM(require("react"));
-var import_editor_props66 = require("@elementor/editor-props");
-var import_ui102 = require("@elementor/ui");
+var React121 = __toESM(require("react"));
+var import_editor_props67 = require("@elementor/editor-props");
+var import_ui105 = require("@elementor/ui");
 var GridSpanControl = createControl(
   ({
     placeholder: propPlaceholder,
@@ -8288,11 +8384,11 @@ var GridSpanControl = createControl(
     sx,
     ariaLabel
   }) => {
-    const { value, setValue, disabled, placeholder: boundPlaceholder } = useBoundProp(import_editor_props66.spanPropTypeUtil);
+    const { value, setValue, disabled, placeholder: boundPlaceholder } = useBoundProp(import_editor_props67.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(
-      import_ui102.TextField,
+    return /* @__PURE__ */ React121.createElement(ControlActions, null, /* @__PURE__ */ React121.createElement(
+      import_ui105.TextField,
       {
         size: "tiny",
         fullWidth: true,
@@ -8312,25 +8408,25 @@ var GridSpanControl = createControl(
 );
 
 // src/components/promotions/display-conditions-control.tsx
-var React120 = __toESM(require("react"));
-var import_react70 = require("react");
+var React123 = __toESM(require("react"));
+var import_react71 = require("react");
 var import_icons37 = require("@elementor/icons");
-var import_ui104 = require("@elementor/ui");
-var import_i18n59 = require("@wordpress/i18n");
+var import_ui107 = require("@elementor/ui");
+var import_i18n60 = require("@wordpress/i18n");
 
 // src/components/promotions/promotion-trigger.tsx
-var React119 = __toESM(require("react"));
-var import_react69 = require("react");
-var import_editor_ui17 = require("@elementor/editor-ui");
-var import_ui103 = require("@elementor/ui");
+var React122 = __toESM(require("react"));
+var import_react70 = require("react");
+var import_editor_ui18 = require("@elementor/editor-ui");
+var import_ui106 = require("@elementor/ui");
 function getV4Promotion(key) {
   return window.elementor?.config?.v4Promotions?.[key];
 }
-var PromotionTrigger = (0, import_react69.forwardRef)(
+var PromotionTrigger = (0, import_react70.forwardRef)(
   ({ promotionKey, children, trackingData }, ref) => {
-    const [isOpen, setIsOpen] = (0, import_react69.useState)(false);
+    const [isOpen, setIsOpen] = (0, import_react70.useState)(false);
     const promotion = getV4Promotion(promotionKey);
-    const toggle = (0, import_react69.useCallback)(() => {
+    const toggle = (0, import_react70.useCallback)(() => {
       setIsOpen((prev) => {
         if (!prev) {
           trackViewPromotion(trackingData);
@@ -8338,9 +8434,9 @@ var PromotionTrigger = (0, import_react69.forwardRef)(
         return !prev;
       });
     }, [trackingData]);
-    (0, import_react69.useImperativeHandle)(ref, () => ({ toggle }), [toggle]);
-    return /* @__PURE__ */ React119.createElement(React119.Fragment, null, promotion && /* @__PURE__ */ React119.createElement(
-      import_editor_ui17.PromotionInfotip,
+    (0, import_react70.useImperativeHandle)(ref, () => ({ toggle }), [toggle]);
+    return /* @__PURE__ */ React122.createElement(React122.Fragment, null, promotion && /* @__PURE__ */ React122.createElement(
+      import_editor_ui18.PromotionInfotip,
       {
         title: promotion.title,
         content: promotion.content,
@@ -8353,8 +8449,8 @@ var PromotionTrigger = (0, import_react69.forwardRef)(
         },
         onCtaClick: () => trackUpgradePromotionClick(trackingData)
       },
-      /* @__PURE__ */ React119.createElement(
-        import_ui103.Box,
+      /* @__PURE__ */ React122.createElement(
+        import_ui106.Box,
         {
           onClick: (e) => {
             e.stopPropagation();
@@ -8362,19 +8458,19 @@ var PromotionTrigger = (0, import_react69.forwardRef)(
           },
           sx: { cursor: "pointer", display: "inline-flex" }
         },
-        children ?? /* @__PURE__ */ React119.createElement(import_editor_ui17.PromotionChip, null)
+        children ?? /* @__PURE__ */ React122.createElement(import_editor_ui18.PromotionChip, null)
       )
     ));
   }
 );
 
 // src/components/promotions/display-conditions-control.tsx
-var ARIA_LABEL = (0, import_i18n59.__)("Display Conditions", "elementor");
+var ARIA_LABEL = (0, import_i18n60.__)("Display Conditions", "elementor");
 var TRACKING_DATA = { target_name: "display_conditions", location_l2: "general" };
 var DisplayConditionsControl = createControl(() => {
-  const triggerRef = (0, import_react70.useRef)(null);
-  return /* @__PURE__ */ React120.createElement(
-    import_ui104.Stack,
+  const triggerRef = (0, import_react71.useRef)(null);
+  return /* @__PURE__ */ React123.createElement(
+    import_ui107.Stack,
     {
       direction: "row",
       spacing: 2,
@@ -8383,9 +8479,9 @@ var DisplayConditionsControl = createControl(() => {
         alignItems: "center"
       }
     },
-    /* @__PURE__ */ React120.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "displayConditions", trackingData: TRACKING_DATA }),
-    /* @__PURE__ */ React120.createElement(import_ui104.Tooltip, { title: ARIA_LABEL, placement: "top" }, /* @__PURE__ */ React120.createElement(
-      import_ui104.IconButton,
+    /* @__PURE__ */ React123.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "displayConditions", trackingData: TRACKING_DATA }),
+    /* @__PURE__ */ React123.createElement(import_ui107.Tooltip, { title: ARIA_LABEL, placement: "top" }, /* @__PURE__ */ React123.createElement(
+      import_ui107.IconButton,
       {
         size: "tiny",
         "aria-label": ARIA_LABEL,
@@ -8397,23 +8493,23 @@ var DisplayConditionsControl = createControl(() => {
           borderRadius: 1
         }
       },
-      /* @__PURE__ */ React120.createElement(import_icons37.SitemapIcon, { fontSize: "tiny", color: "disabled" })
+      /* @__PURE__ */ React123.createElement(import_icons37.SitemapIcon, { fontSize: "tiny", color: "disabled" })
     ))
   );
 });
 
 // src/components/promotions/attributes-control.tsx
-var React121 = __toESM(require("react"));
-var import_react71 = require("react");
+var React124 = __toESM(require("react"));
+var import_react72 = require("react");
 var import_icons38 = require("@elementor/icons");
-var import_ui105 = require("@elementor/ui");
-var import_i18n60 = require("@wordpress/i18n");
-var ARIA_LABEL2 = (0, import_i18n60.__)("Attributes", "elementor");
+var import_ui108 = require("@elementor/ui");
+var import_i18n61 = require("@wordpress/i18n");
+var ARIA_LABEL2 = (0, import_i18n61.__)("Attributes", "elementor");
 var TRACKING_DATA2 = { target_name: "attributes", location_l2: "general" };
 var AttributesControl = createControl(() => {
-  const triggerRef = (0, import_react71.useRef)(null);
-  return /* @__PURE__ */ React121.createElement(
-    import_ui105.Stack,
+  const triggerRef = (0, import_react72.useRef)(null);
+  return /* @__PURE__ */ React124.createElement(
+    import_ui108.Stack,
     {
       direction: "row",
       spacing: 2,
@@ -8422,8 +8518,8 @@ var AttributesControl = createControl(() => {
         alignItems: "center"
       }
     },
-    /* @__PURE__ */ React121.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "attributes", trackingData: TRACKING_DATA2 }),
-    /* @__PURE__ */ React121.createElement(import_ui105.Tooltip, { title: ARIA_LABEL2, placement: "top" }, /* @__PURE__ */ React121.createElement(
+    /* @__PURE__ */ React124.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "attributes", trackingData: TRACKING_DATA2 }),
+    /* @__PURE__ */ React124.createElement(import_ui108.Tooltip, { title: ARIA_LABEL2, placement: "top" }, /* @__PURE__ */ React124.createElement(
       import_icons38.PlusIcon,
       {
         "aria-label": ARIA_LABEL2,
@@ -8437,21 +8533,21 @@ var AttributesControl = createControl(() => {
 });
 
 // src/components/icon-buttons/clear-icon-button.tsx
-var React122 = __toESM(require("react"));
+var React125 = __toESM(require("react"));
 var import_icons39 = require("@elementor/icons");
-var import_ui106 = require("@elementor/ui");
-var CustomIconButton = (0, import_ui106.styled)(import_ui106.IconButton)(({ theme }) => ({
+var import_ui109 = require("@elementor/ui");
+var CustomIconButton = (0, import_ui109.styled)(import_ui109.IconButton)(({ theme }) => ({
   width: theme.spacing(2.5),
   height: theme.spacing(2.5)
 }));
-var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /* @__PURE__ */ React122.createElement(import_ui106.Tooltip, { title: tooltipText, placement: "top", disableInteractive: true }, /* @__PURE__ */ React122.createElement(CustomIconButton, { "aria-label": tooltipText, size, onClick, disabled }, /* @__PURE__ */ React122.createElement(import_icons39.BrushBigIcon, { fontSize: size })));
+var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /* @__PURE__ */ React125.createElement(import_ui109.Tooltip, { title: tooltipText, placement: "top", disableInteractive: true }, /* @__PURE__ */ React125.createElement(CustomIconButton, { "aria-label": tooltipText, size, onClick, disabled }, /* @__PURE__ */ React125.createElement(import_icons39.BrushBigIcon, { fontSize: size })));
 
 // src/components/repeater/repeater.tsx
-var React123 = __toESM(require("react"));
-var import_react72 = require("react");
+var React126 = __toESM(require("react"));
+var import_react73 = require("react");
 var import_icons40 = require("@elementor/icons");
-var import_ui107 = require("@elementor/ui");
-var import_i18n61 = require("@wordpress/i18n");
+var import_ui110 = require("@elementor/ui");
+var import_i18n62 = require("@wordpress/i18n");
 var SIZE12 = "tiny";
 var EMPTY_OPEN_ITEM2 = -1;
 var Repeater3 = ({
@@ -8469,7 +8565,7 @@ var Repeater3 = ({
   openItem: initialOpenItem = EMPTY_OPEN_ITEM2,
   isSortable = true
 }) => {
-  const [openItem, setOpenItem] = (0, import_react72.useState)(initialOpenItem);
+  const [openItem, setOpenItem] = (0, import_react73.useState)(initialOpenItem);
   const uniqueKeys = items2.map(
     (item, index) => isSortable && "getId" in itemSettings ? itemSettings.getId({ item, index }) : String(index)
   );
@@ -8532,8 +8628,8 @@ var Repeater3 = ({
   };
   const isButtonDisabled = disabled || disableAddItemButton;
   const shouldShowInfotip = isButtonDisabled && addButtonInfotipContent;
-  const addButton = /* @__PURE__ */ React123.createElement(
-    import_ui107.IconButton,
+  const addButton = /* @__PURE__ */ React126.createElement(
+    import_ui110.IconButton,
     {
       size: SIZE12,
       sx: {
@@ -8541,32 +8637,32 @@ var Repeater3 = ({
       },
       disabled: isButtonDisabled,
       onClick: addRepeaterItem,
-      "aria-label": (0, import_i18n61.__)("Add item", "elementor")
+      "aria-label": (0, import_i18n62.__)("Add item", "elementor")
     },
-    /* @__PURE__ */ React123.createElement(import_icons40.PlusIcon, { fontSize: SIZE12 })
+    /* @__PURE__ */ React126.createElement(import_icons40.PlusIcon, { fontSize: SIZE12 })
   );
-  return /* @__PURE__ */ React123.createElement(SectionContent, { gap: 2 }, /* @__PURE__ */ React123.createElement(RepeaterHeader, { label, adornment: ControlAdornments }, shouldShowInfotip ? /* @__PURE__ */ React123.createElement(
-    import_ui107.Infotip,
+  return /* @__PURE__ */ React126.createElement(SectionContent, { gap: 2 }, /* @__PURE__ */ React126.createElement(RepeaterHeader, { label, adornment: ControlAdornments }, shouldShowInfotip ? /* @__PURE__ */ React126.createElement(
+    import_ui110.Infotip,
     {
       placement: "right",
       content: addButtonInfotipContent,
       color: "secondary",
       slotProps: { popper: { sx: { width: 300 } } }
     },
-    /* @__PURE__ */ React123.createElement(import_ui107.Box, { sx: { ...isButtonDisabled ? { cursor: "not-allowed" } : {} } }, addButton)
-  ) : addButton), 0 < uniqueKeys.length && /* @__PURE__ */ React123.createElement(SortableProvider, { value: uniqueKeys, onChange: onChangeOrder }, uniqueKeys.map((key) => {
+    /* @__PURE__ */ React126.createElement(import_ui110.Box, { 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),
@@ -8580,7 +8676,7 @@ var Repeater3 = ({
         actions: itemSettings.actions,
         value
       },
-      (props) => /* @__PURE__ */ React123.createElement(
+      (props) => /* @__PURE__ */ React126.createElement(
         itemSettings.Content,
         {
           ...props,
@@ -8620,18 +8716,18 @@ var RepeaterItem = ({
     },
     wrappedOnPopoverClose
   );
-  const triggerProps = (0, import_ui107.bindTrigger)(popoverState);
+  const triggerProps = (0, import_ui110.bindTrigger)(popoverState);
   usePopoverDismiss({ isOpen: popoverState.isOpen, onClose: popoverProps.onClose });
-  const duplicateLabel = (0, import_i18n61.__)("Duplicate", "elementor");
-  const toggleLabel = propDisabled ? (0, import_i18n61.__)("Show", "elementor") : (0, import_i18n61.__)("Hide", "elementor");
-  const removeLabel = (0, import_i18n61.__)("Remove", "elementor");
-  return /* @__PURE__ */ React123.createElement(import_ui107.Box, { sx: { display: "contents" } }, /* @__PURE__ */ React123.createElement(
+  const duplicateLabel = (0, import_i18n62.__)("Duplicate", "elementor");
+  const toggleLabel = propDisabled ? (0, import_i18n62.__)("Show", "elementor") : (0, import_i18n62.__)("Hide", "elementor");
+  const removeLabel = (0, import_i18n62.__)("Remove", "elementor");
+  return /* @__PURE__ */ React126.createElement(import_ui110.Box, { sx: { display: "contents" } }, /* @__PURE__ */ React126.createElement(
     RepeaterTag,
     {
       disabled,
       label,
       ref: setRef,
-      "aria-label": (0, import_i18n61.__)("Open item", "elementor"),
+      "aria-label": (0, import_i18n62.__)("Open item", "elementor"),
       ...triggerProps,
       onClick: (e) => {
         triggerProps.onClick(e);
@@ -8640,15 +8736,15 @@ var RepeaterItem = ({
         }
       },
       startIcon,
-      actions: /* @__PURE__ */ React123.createElement(React123.Fragment, null, showDuplicate && /* @__PURE__ */ React123.createElement(import_ui107.Tooltip, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React123.createElement(import_ui107.IconButton, { size: SIZE12, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React123.createElement(import_icons40.CopyIcon, { fontSize: SIZE12 }))), showToggle && /* @__PURE__ */ React123.createElement(import_ui107.Tooltip, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React123.createElement(import_ui107.IconButton, { size: SIZE12, onClick: toggleDisableItem, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React123.createElement(import_icons40.EyeOffIcon, { fontSize: SIZE12 }) : /* @__PURE__ */ React123.createElement(import_icons40.EyeIcon, { fontSize: SIZE12 }))), actions?.(value), showRemove && /* @__PURE__ */ React123.createElement(import_ui107.Tooltip, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React123.createElement(import_ui107.IconButton, { size: SIZE12, onClick: removeItem, "aria-label": removeLabel }, /* @__PURE__ */ React123.createElement(import_icons40.XIcon, { fontSize: SIZE12 }))))
+      actions: /* @__PURE__ */ React126.createElement(React126.Fragment, null, showDuplicate && /* @__PURE__ */ React126.createElement(import_ui110.Tooltip, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React126.createElement(import_ui110.IconButton, { size: SIZE12, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React126.createElement(import_icons40.CopyIcon, { fontSize: SIZE12 }))), showToggle && /* @__PURE__ */ React126.createElement(import_ui110.Tooltip, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React126.createElement(import_ui110.IconButton, { size: SIZE12, onClick: toggleDisableItem, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React126.createElement(import_icons40.EyeOffIcon, { fontSize: SIZE12 }) : /* @__PURE__ */ React126.createElement(import_icons40.EyeIcon, { fontSize: SIZE12 }))), actions?.(value), showRemove && /* @__PURE__ */ React126.createElement(import_ui110.Tooltip, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React126.createElement(import_ui110.IconButton, { size: SIZE12, onClick: removeItem, "aria-label": removeLabel }, /* @__PURE__ */ React126.createElement(import_icons40.XIcon, { fontSize: SIZE12 }))))
     }
-  ), /* @__PURE__ */ React123.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React123.createElement(import_ui107.Box, null, children({ anchorEl: ref }))));
+  ), /* @__PURE__ */ React126.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React126.createElement(import_ui110.Box, null, children({ anchorEl: ref }))));
 };
 var usePopover = (openOnMount, onOpen, onPopoverClose) => {
-  const [ref, setRef] = (0, import_react72.useState)(null);
-  const popoverState = (0, import_ui107.usePopupState)({ variant: "popover" });
-  const popoverProps = (0, import_ui107.bindPopover)(popoverState);
-  (0, import_react72.useEffect)(() => {
+  const [ref, setRef] = (0, import_react73.useState)(null);
+  const popoverState = (0, import_ui110.usePopupState)({ variant: "popover" });
+  const popoverProps = (0, import_ui110.bindPopover)(popoverState);
+  (0, import_react73.useEffect)(() => {
     if (openOnMount && ref) {
       popoverState.open(ref);
       onOpen?.();
@@ -8667,20 +8763,20 @@ var usePopover = (openOnMount, onOpen, onPopoverClose) => {
 };
 
 // src/components/inline-editor-toolbar.tsx
-var React125 = __toESM(require("react"));
-var import_react74 = require("react");
+var React128 = __toESM(require("react"));
+var import_react75 = require("react");
 var import_editor_elements7 = require("@elementor/editor-elements");
 var import_icons42 = require("@elementor/icons");
-var import_ui109 = require("@elementor/ui");
-var import_react75 = require("@tiptap/react");
-var import_i18n63 = require("@wordpress/i18n");
+var import_ui112 = require("@elementor/ui");
+var import_react76 = require("@tiptap/react");
+var import_i18n64 = require("@wordpress/i18n");
 
 // src/components/url-popover.tsx
-var React124 = __toESM(require("react"));
-var import_react73 = require("react");
+var React127 = __toESM(require("react"));
+var import_react74 = require("react");
 var import_icons41 = require("@elementor/icons");
-var import_ui108 = require("@elementor/ui");
-var import_i18n62 = require("@wordpress/i18n");
+var import_ui111 = require("@elementor/ui");
+var import_i18n63 = require("@wordpress/i18n");
 var UrlPopover = ({
   popupState,
   restoreValue,
@@ -8690,8 +8786,8 @@ var UrlPopover = ({
   openInNewTab,
   onToggleNewTab
 }) => {
-  const inputRef = (0, import_react73.useRef)(null);
-  (0, import_react73.useEffect)(() => {
+  const inputRef = (0, import_react74.useRef)(null);
+  (0, import_react74.useEffect)(() => {
     if (popupState.isOpen) {
       requestAnimationFrame(() => inputRef.current?.focus());
     }
@@ -8700,57 +8796,57 @@ var UrlPopover = ({
     restoreValue();
     popupState.close();
   };
-  return /* @__PURE__ */ React124.createElement(
-    import_ui108.Popover,
+  return /* @__PURE__ */ React127.createElement(
+    import_ui111.Popover,
     {
       slotProps: {
         paper: { sx: { borderRadius: "16px", width: anchorRef.current?.offsetWidth + "px", marginTop: -1 } }
       },
-      ...(0, import_ui108.bindPopover)(popupState),
+      ...(0, import_ui111.bindPopover)(popupState),
       anchorOrigin: { vertical: "top", horizontal: "left" },
       transformOrigin: { vertical: "top", horizontal: "left" },
       onClose: handleClose
     },
-    /* @__PURE__ */ React124.createElement(import_ui108.Stack, { direction: "row", alignItems: "center", gap: 1, sx: { p: 1.5 } }, /* @__PURE__ */ React124.createElement(
-      import_ui108.TextField,
+    /* @__PURE__ */ React127.createElement(import_ui111.Stack, { direction: "row", alignItems: "center", gap: 1, sx: { p: 1.5 } }, /* @__PURE__ */ React127.createElement(
+      import_ui111.TextField,
       {
         value,
         onChange,
         size: "tiny",
         fullWidth: true,
-        placeholder: (0, import_i18n62.__)("Type a URL", "elementor"),
+        placeholder: (0, import_i18n63.__)("Type a URL", "elementor"),
         inputProps: { ref: inputRef },
         color: "secondary",
         InputProps: { sx: { borderRadius: "8px" } },
         onKeyUp: (event) => event.key === "Enter" && handleClose()
       }
-    ), /* @__PURE__ */ React124.createElement(import_ui108.Tooltip, { title: (0, import_i18n62.__)("Open in a new tab", "elementor") }, /* @__PURE__ */ React124.createElement(
-      import_ui108.ToggleButton,
+    ), /* @__PURE__ */ React127.createElement(import_ui111.Tooltip, { title: (0, import_i18n63.__)("Open in a new tab", "elementor") }, /* @__PURE__ */ React127.createElement(
+      import_ui111.ToggleButton,
       {
         size: "tiny",
         value: "newTab",
         selected: openInNewTab,
         onClick: onToggleNewTab,
-        "aria-label": (0, import_i18n62.__)("Open in a new tab", "elementor"),
+        "aria-label": (0, import_i18n63.__)("Open in a new tab", "elementor"),
         sx: { borderRadius: "8px" }
       },
-      /* @__PURE__ */ React124.createElement(import_icons41.ExternalLinkIcon, { fontSize: "tiny" })
+      /* @__PURE__ */ React127.createElement(import_icons41.ExternalLinkIcon, { fontSize: "tiny" })
     )))
   );
 };
 
 // src/components/inline-editor-toolbar.tsx
 var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
-  const [urlValue, setUrlValue] = (0, import_react74.useState)("");
-  const [openInNewTab, setOpenInNewTab] = (0, import_react74.useState)(false);
-  const toolbarRef = (0, import_react74.useRef)(null);
-  const linkPopupState = (0, import_ui109.usePopupState)({ variant: "popover" });
+  const [urlValue, setUrlValue] = (0, import_react75.useState)("");
+  const [openInNewTab, setOpenInNewTab] = (0, import_react75.useState)(false);
+  const toolbarRef = (0, import_react75.useRef)(null);
+  const linkPopupState = (0, import_ui112.usePopupState)({ variant: "popover" });
   const isElementClickable = elementId ? checkIfElementIsClickable(elementId) : false;
-  const editorState = (0, import_react75.useEditorState)({
+  const editorState = (0, import_react76.useEditorState)({
     editor,
     selector: (ctx) => possibleFormats.filter((format) => ctx.editor.isActive(format))
   });
-  const formatButtonsList = (0, import_react74.useMemo)(() => {
+  const formatButtonsList = (0, import_react75.useMemo)(() => {
     const buttons = Object.values(formatButtons);
     if (isElementClickable) {
       return buttons.filter((button) => button.action !== "link");
@@ -8787,11 +8883,11 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
     }
     linkPopupState.close();
   };
-  (0, import_react74.useEffect)(() => {
+  (0, import_react75.useEffect)(() => {
     editor?.commands?.focus();
   }, [editor]);
-  return /* @__PURE__ */ React125.createElement(
-    import_ui109.Box,
+  return /* @__PURE__ */ React128.createElement(
+    import_ui112.Box,
     {
       ref: toolbarRef,
       sx: {
@@ -8807,9 +8903,9 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
         ...sx
       }
     },
-    /* @__PURE__ */ React125.createElement(import_ui109.Tooltip, { title: clearButton.label, placement: "top", sx: { borderRadius: "8px" } }, /* @__PURE__ */ React125.createElement(import_ui109.IconButton, { "aria-label": clearButton.label, onClick: () => clearButton.method(editor), size: "tiny" }, clearButton.icon)),
-    /* @__PURE__ */ React125.createElement(
-      import_ui109.ToggleButtonGroup,
+    /* @__PURE__ */ React128.createElement(import_ui112.Tooltip, { title: clearButton.label, placement: "top", sx: { borderRadius: "8px" } }, /* @__PURE__ */ React128.createElement(import_ui112.IconButton, { "aria-label": clearButton.label, onClick: () => clearButton.method(editor), size: "tiny" }, clearButton.icon)),
+    /* @__PURE__ */ React128.createElement(
+      import_ui112.ToggleButtonGroup,
       {
         value: editorState,
         size: "tiny",
@@ -8817,7 +8913,7 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
           display: "flex",
           gap: 0.5,
           border: "none",
-          [`& .${import_ui109.toggleButtonGroupClasses.firstButton}, & .${import_ui109.toggleButtonGroupClasses.middleButton}, & .${import_ui109.toggleButtonGroupClasses.lastButton}`]: {
+          [`& .${import_ui112.toggleButtonGroupClasses.firstButton}, & .${import_ui112.toggleButtonGroupClasses.middleButton}, & .${import_ui112.toggleButtonGroupClasses.lastButton}`]: {
             borderRadius: "8px",
             border: "none",
             marginLeft: 0,
@@ -8830,8 +8926,8 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
           }
         }
       },
-      formatButtonsList.map((button) => /* @__PURE__ */ React125.createElement(import_ui109.Tooltip, { title: button.label, key: button.action, placement: "top" }, /* @__PURE__ */ React125.createElement(
-        import_ui109.ToggleButton,
+      formatButtonsList.map((button) => /* @__PURE__ */ React128.createElement(import_ui112.Tooltip, { title: button.label, key: button.action, placement: "top" }, /* @__PURE__ */ React128.createElement(
+        import_ui112.ToggleButton,
         {
           value: button.action,
           "aria-label": button.label,
@@ -8848,7 +8944,7 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
         button.icon
       )))
     ),
-    /* @__PURE__ */ React125.createElement(
+    /* @__PURE__ */ React128.createElement(
       UrlPopover,
       {
         popupState: linkPopupState,
@@ -8871,64 +8967,64 @@ var checkIfElementIsClickable = (elementId) => {
 };
 var toolbarButtons = {
   clear: {
-    label: (0, import_i18n63.__)("Clear", "elementor"),
-    icon: /* @__PURE__ */ React125.createElement(import_icons42.MinusIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n64.__)("Clear", "elementor"),
+    icon: /* @__PURE__ */ React128.createElement(import_icons42.MinusIcon, { fontSize: "tiny" }),
     action: "clear",
     method: (editor) => {
       editor.chain().focus().clearNodes().unsetAllMarks().run();
     }
   },
   bold: {
-    label: (0, import_i18n63.__)("Bold", "elementor"),
-    icon: /* @__PURE__ */ React125.createElement(import_icons42.BoldIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n64.__)("Bold", "elementor"),
+    icon: /* @__PURE__ */ React128.createElement(import_icons42.BoldIcon, { fontSize: "tiny" }),
     action: "bold",
     method: (editor) => {
       editor.chain().focus().toggleBold().run();
     }
   },
   italic: {
-    label: (0, import_i18n63.__)("Italic", "elementor"),
-    icon: /* @__PURE__ */ React125.createElement(import_icons42.ItalicIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n64.__)("Italic", "elementor"),
+    icon: /* @__PURE__ */ React128.createElement(import_icons42.ItalicIcon, { fontSize: "tiny" }),
     action: "italic",
     method: (editor) => {
       editor.chain().focus().toggleItalic().run();
     }
   },
   underline: {
-    label: (0, import_i18n63.__)("Underline", "elementor"),
-    icon: /* @__PURE__ */ React125.createElement(import_icons42.UnderlineIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n64.__)("Underline", "elementor"),
+    icon: /* @__PURE__ */ React128.createElement(import_icons42.UnderlineIcon, { fontSize: "tiny" }),
     action: "underline",
     method: (editor) => {
       editor.chain().focus().toggleUnderline().run();
     }
   },
   strike: {
-    label: (0, import_i18n63.__)("Strikethrough", "elementor"),
-    icon: /* @__PURE__ */ React125.createElement(import_icons42.StrikethroughIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n64.__)("Strikethrough", "elementor"),
+    icon: /* @__PURE__ */ React128.createElement(import_icons42.StrikethroughIcon, { fontSize: "tiny" }),
     action: "strike",
     method: (editor) => {
       editor.chain().focus().toggleStrike().run();
     }
   },
   superscript: {
-    label: (0, import_i18n63.__)("Superscript", "elementor"),
-    icon: /* @__PURE__ */ React125.createElement(import_icons42.SuperscriptIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n64.__)("Superscript", "elementor"),
+    icon: /* @__PURE__ */ React128.createElement(import_icons42.SuperscriptIcon, { fontSize: "tiny" }),
     action: "superscript",
     method: (editor) => {
       editor.chain().focus().toggleSuperscript().run();
     }
   },
   subscript: {
-    label: (0, import_i18n63.__)("Subscript", "elementor"),
-    icon: /* @__PURE__ */ React125.createElement(import_icons42.SubscriptIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n64.__)("Subscript", "elementor"),
+    icon: /* @__PURE__ */ React128.createElement(import_icons42.SubscriptIcon, { fontSize: "tiny" }),
     action: "subscript",
     method: (editor) => {
       editor.chain().focus().toggleSubscript().run();
     }
   },
   link: {
-    label: (0, import_i18n63.__)("Link", "elementor"),
-    icon: /* @__PURE__ */ React125.createElement(import_icons42.LinkIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n64.__)("Link", "elementor"),
+    icon: /* @__PURE__ */ React128.createElement(import_icons42.LinkIcon, { fontSize: "tiny" }),
     action: "link",
     method: null
   }
@@ -8937,8 +9033,8 @@ var { clear: clearButton, ...formatButtons } = toolbarButtons;
 var possibleFormats = Object.keys(formatButtons);
 
 // src/components/size/unstable-size-field.tsx
-var React128 = __toESM(require("react"));
-var import_ui111 = require("@elementor/ui");
+var React131 = __toESM(require("react"));
+var import_ui114 = require("@elementor/ui");
 
 // src/hooks/use-size-value.ts
 var DEFAULT_UNIT2 = "px";
@@ -8980,26 +9076,26 @@ var differsFromExternal = (newState, externalState) => {
 };
 
 // src/components/size/unit-select.tsx
-var React126 = __toESM(require("react"));
-var import_react76 = require("react");
-var import_editor_ui18 = require("@elementor/editor-ui");
-var import_ui110 = require("@elementor/ui");
+var React129 = __toESM(require("react"));
+var import_react77 = require("react");
+var import_editor_ui19 = require("@elementor/editor-ui");
+var import_ui113 = require("@elementor/ui");
 var menuItemContentStyles2 = {
   display: "flex",
   flexDirection: "column",
   justifyContent: "center"
 };
 var UnitSelect = ({ value, showPrimaryColor, onClick, options }) => {
-  const popupState = (0, import_ui110.usePopupState)({
+  const popupState = (0, import_ui113.usePopupState)({
     variant: "popover",
-    popupId: (0, import_react76.useId)()
+    popupId: (0, import_react77.useId)()
   });
   const handleMenuItemClick = (index) => {
     onClick(options[index]);
     popupState.close();
   };
-  return /* @__PURE__ */ React126.createElement(React126.Fragment, null, /* @__PURE__ */ React126.createElement(StyledButton3, { isPrimaryColor: showPrimaryColor, size: "small", ...(0, import_ui110.bindTrigger)(popupState) }, value), /* @__PURE__ */ React126.createElement(import_ui110.Menu, { MenuListProps: { dense: true }, ...(0, import_ui110.bindMenu)(popupState) }, options.map((option, index) => /* @__PURE__ */ React126.createElement(
-    import_editor_ui18.MenuListItem,
+  return /* @__PURE__ */ React129.createElement(React129.Fragment, null, /* @__PURE__ */ React129.createElement(StyledButton3, { isPrimaryColor: showPrimaryColor, size: "small", ...(0, import_ui113.bindTrigger)(popupState) }, value), /* @__PURE__ */ React129.createElement(import_ui113.Menu, { MenuListProps: { dense: true }, ...(0, import_ui113.bindMenu)(popupState) }, options.map((option, index) => /* @__PURE__ */ React129.createElement(
+    import_editor_ui19.MenuListItem,
     {
       key: option,
       onClick: () => handleMenuItemClick(index),
@@ -9017,7 +9113,7 @@ var UnitSelect = ({ value, showPrimaryColor, onClick, options }) => {
     option.toUpperCase()
   ))));
 };
-var StyledButton3 = (0, import_ui110.styled)(import_ui110.Button, {
+var StyledButton3 = (0, import_ui113.styled)(import_ui113.Button, {
   shouldForwardProp: (prop) => prop !== "isPrimaryColor"
 })(({ isPrimaryColor, theme }) => ({
   color: isPrimaryColor ? theme.palette.text.primary : theme.palette.text.tertiary,
@@ -9027,11 +9123,11 @@ var StyledButton3 = (0, import_ui110.styled)(import_ui110.Button, {
 }));
 
 // src/components/size/unstable-size-input.tsx
-var React127 = __toESM(require("react"));
-var import_react77 = require("react");
-var UnstableSizeInput = (0, import_react77.forwardRef)(
+var React130 = __toESM(require("react"));
+var import_react78 = require("react");
+var UnstableSizeInput = (0, import_react78.forwardRef)(
   ({ type, value, onChange, onKeyDown, onKeyUp, InputProps, onBlur, focused, disabled }, ref) => {
-    return /* @__PURE__ */ React127.createElement(
+    return /* @__PURE__ */ React130.createElement(
       NumberInput,
       {
         ref,
@@ -9069,7 +9165,7 @@ var UnstableSizeField = ({
   const shouldHighlightUnit2 = () => {
     return hasValue(size);
   };
-  return /* @__PURE__ */ React128.createElement(
+  return /* @__PURE__ */ React131.createElement(
     UnstableSizeInput,
     {
       type: "number",
@@ -9078,8 +9174,8 @@ var UnstableSizeField = ({
       onChange: (event) => setSize(event.target.value),
       InputProps: {
         ...InputProps,
-        startAdornment: startIcon && /* @__PURE__ */ React128.createElement(import_ui111.InputAdornment, { position: "start" }, startIcon),
-        endAdornment: /* @__PURE__ */ React128.createElement(import_ui111.InputAdornment, { position: "end" }, /* @__PURE__ */ React128.createElement(
+        startAdornment: startIcon && /* @__PURE__ */ React131.createElement(import_ui114.InputAdornment, { position: "start" }, startIcon),
+        endAdornment: /* @__PURE__ */ React131.createElement(import_ui114.InputAdornment, { position: "end" }, /* @__PURE__ */ React131.createElement(
           UnitSelect,
           {
             options: units2,
@@ -9097,7 +9193,7 @@ var hasValue = (value) => {
 };
 
 // src/hooks/use-font-families.ts
-var import_react78 = require("react");
+var import_react79 = require("react");
 var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
 var getFontControlConfig = () => {
   const { controls } = (0, import_editor_v1_adapters2.getElementorConfig)();
@@ -9105,7 +9201,7 @@ var getFontControlConfig = () => {
 };
 var useFontFamilies = () => {
   const { groups, options } = getFontControlConfig();
-  return (0, import_react78.useMemo)(() => {
+  return (0, import_react79.useMemo)(() => {
     if (!groups || !options) {
       return [];
     }