@elementor/editor-controls 3.35.0 → 3.35.2

package/dist/index.js

@@ -31,6 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   AspectRatioControl: () => AspectRatioControl,
+  AttributesControl: () => AttributesControl,
   BackgroundControl: () => BackgroundControl,
   BoxShadowRepeaterControl: () => BoxShadowRepeaterControl,
   ClearIconButton: () => ClearIconButton,
@@ -61,6 +62,7 @@ __export(index_exports, {
   PopoverContent: () => PopoverContent,
   PopoverGridContainer: () => PopoverGridContainer,
   PositionControl: () => PositionControl,
+  PromotionTrigger: () => PromotionTrigger,
   PropKeyProvider: () => PropKeyProvider,
   PropProvider: () => PropProvider,
   QueryControl: () => QueryControl,
@@ -373,7 +375,6 @@ var createControlReplacementsRegistry = () => {
 };
 
 // src/create-control.tsx
-var brandSymbol = Symbol("control");
 function createControl(Control5) {
   return ((props) => {
     const { ControlToRender, OriginalControl, isReplaced } = useControlReplacement(Control5);
@@ -5792,7 +5793,7 @@ var transitionsItemsList = transitionProperties.map((category) => ({
 
 // src/controls/transition-control/trainsition-events.ts
 var import_editor_elements5 = require("@elementor/editor-elements");
-var import_mixpanel = require("@elementor/mixpanel");
+var import_events = require("@elementor/events");
 var transitionRepeaterMixpanelEvent = {
   eventName: "click_added_transition",
   location: "V4 Style Tab",
@@ -5805,7 +5806,7 @@ function subscribeToTransitionEvent() {
     const value = payload?.itemValue?.selection?.value?.value?.value;
     const selectedElements = (0, import_editor_elements5.getSelectedElements)();
     const widgetType = selectedElements[0]?.type ?? null;
-    (0, import_mixpanel.trackEvent)({
+    (0, import_events.trackEvent)({
       transition_type: value ?? "unknown",
       ...transitionRepeaterMixpanelEvent,
       widget_type: widgetType
@@ -6465,82 +6466,136 @@ var InlineEditingControl = createControl(
 );
 
 // src/components/promotions/display-conditions-control.tsx
+var React102 = __toESM(require("react"));
+var import_react56 = require("react");
+var import_icons33 = require("@elementor/icons");
+var import_ui88 = require("@elementor/ui");
+var import_i18n50 = require("@wordpress/i18n");
+
+// src/components/promotions/promotion-trigger.tsx
 var React101 = __toESM(require("react"));
 var import_react55 = require("react");
 var import_editor_ui12 = require("@elementor/editor-ui");
-var import_icons33 = require("@elementor/icons");
 var import_ui87 = require("@elementor/ui");
-var import_i18n50 = require("@wordpress/i18n");
-var ARIA_LABEL = (0, import_i18n50.__)("Display Conditions", "elementor");
-function getDisplayConditionPromotion() {
-  return window.elementor?.config?.v4Promotions?.displayConditions;
+function getV4Promotion(key) {
+  return window.elementor?.config?.v4Promotions?.[key];
 }
-var DisplayConditionsControl = createControl(() => {
-  const [isInfotipOpen, setIsInfotipOpen] = (0, import_react55.useState)(false);
-  const promotion = getDisplayConditionPromotion();
-  return /* @__PURE__ */ React101.createElement(
-    import_ui87.Stack,
-    {
-      direction: "row",
-      spacing: 2,
-      sx: {
-        justifyContent: "flex-end",
-        alignItems: "center"
-      }
-    },
-    /* @__PURE__ */ React101.createElement(
+var PromotionTrigger = (0, import_react55.forwardRef)(
+  ({ promotionKey, children }, ref) => {
+    const [isOpen, setIsOpen] = (0, import_react55.useState)(false);
+    const promotion = getV4Promotion(promotionKey);
+    const toggle = () => setIsOpen((prev) => !prev);
+    (0, import_react55.useImperativeHandle)(ref, () => ({ toggle }), []);
+    return /* @__PURE__ */ React101.createElement(React101.Fragment, null, promotion && /* @__PURE__ */ React101.createElement(
       import_editor_ui12.PromotionInfotip,
       {
-        title: promotion?.title ?? "",
-        content: promotion?.content ?? "",
-        assetUrl: promotion?.image ?? "",
-        ctaUrl: promotion?.ctaUrl ?? "",
-        open: isInfotipOpen,
-        onClose: () => setIsInfotipOpen(false)
+        title: promotion.title,
+        content: promotion.content,
+        assetUrl: promotion.image,
+        ctaUrl: promotion.ctaUrl,
+        open: isOpen,
+        onClose: (e) => {
+          e.stopPropagation();
+          setIsOpen(false);
+        }
       },
       /* @__PURE__ */ React101.createElement(
         import_ui87.Box,
         {
-          onClick: () => setIsInfotipOpen((prev) => !prev),
+          onClick: (e) => {
+            e.stopPropagation();
+            toggle();
+          },
           sx: { cursor: "pointer", display: "inline-flex" }
         },
-        /* @__PURE__ */ React101.createElement(import_editor_ui12.PromotionChip, null)
+        children ?? /* @__PURE__ */ React101.createElement(import_editor_ui12.PromotionChip, null)
       )
-    ),
-    /* @__PURE__ */ React101.createElement(import_ui87.Tooltip, { title: ARIA_LABEL, placement: "top" }, /* @__PURE__ */ React101.createElement(
-      import_ui87.IconButton,
+    ));
+  }
+);
+
+// src/components/promotions/display-conditions-control.tsx
+var ARIA_LABEL = (0, import_i18n50.__)("Display Conditions", "elementor");
+var DisplayConditionsControl = createControl(() => {
+  const triggerRef = (0, import_react56.useRef)(null);
+  return /* @__PURE__ */ React102.createElement(
+    import_ui88.Stack,
+    {
+      direction: "row",
+      spacing: 2,
+      sx: {
+        justifyContent: "flex-end",
+        alignItems: "center"
+      }
+    },
+    /* @__PURE__ */ React102.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "displayConditions" }),
+    /* @__PURE__ */ React102.createElement(import_ui88.Tooltip, { title: ARIA_LABEL, placement: "top" }, /* @__PURE__ */ React102.createElement(
+      import_ui88.IconButton,
       {
         size: "tiny",
         "aria-label": ARIA_LABEL,
         "data-behavior": "display-conditions",
-        onClick: () => setIsInfotipOpen((prev) => !prev),
+        onClick: () => triggerRef.current?.toggle(),
         sx: {
           border: "1px solid",
           borderColor: "divider",
           borderRadius: 1
         }
       },
-      /* @__PURE__ */ React101.createElement(import_icons33.SitemapIcon, { fontSize: "tiny", color: "disabled" })
+      /* @__PURE__ */ React102.createElement(import_icons33.SitemapIcon, { fontSize: "tiny", color: "disabled" })
     ))
   );
 });
 
-// src/components/icon-buttons/clear-icon-button.tsx
-var React102 = __toESM(require("react"));
+// src/components/promotions/attributes-control.tsx
+var React103 = __toESM(require("react"));
+var import_react57 = require("react");
 var import_icons34 = require("@elementor/icons");
-var import_ui88 = require("@elementor/ui");
-var CustomIconButton = (0, import_ui88.styled)(import_ui88.IconButton)(({ theme }) => ({
+var import_ui89 = require("@elementor/ui");
+var import_i18n51 = require("@wordpress/i18n");
+var ARIA_LABEL2 = (0, import_i18n51.__)("Attributes", "elementor");
+var AttributesControl = createControl(() => {
+  const triggerRef = (0, import_react57.useRef)(null);
+  return /* @__PURE__ */ React103.createElement(
+    import_ui89.Stack,
+    {
+      direction: "row",
+      spacing: 2,
+      sx: {
+        justifyContent: "flex-end",
+        alignItems: "center"
+      }
+    },
+    /* @__PURE__ */ React103.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "attributes" }),
+    /* @__PURE__ */ React103.createElement(import_ui89.Tooltip, { title: ARIA_LABEL2, placement: "top" }, /* @__PURE__ */ React103.createElement(
+      import_icons34.PlusIcon,
+      {
+        "aria-label": ARIA_LABEL2,
+        fontSize: "tiny",
+        color: "disabled",
+        onClick: () => triggerRef.current?.toggle(),
+        sx: { cursor: "pointer" }
+      }
+    ))
+  );
+});
+
+// src/components/icon-buttons/clear-icon-button.tsx
+var React104 = __toESM(require("react"));
+var import_icons35 = require("@elementor/icons");
+var import_ui90 = require("@elementor/ui");
+var CustomIconButton = (0, import_ui90.styled)(import_ui90.IconButton)(({ theme }) => ({
   width: theme.spacing(2.5),
   height: theme.spacing(2.5)
 }));
-var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /* @__PURE__ */ React102.createElement(import_ui88.Tooltip, { title: tooltipText, placement: "top", disableInteractive: true }, /* @__PURE__ */ React102.createElement(CustomIconButton, { "aria-label": tooltipText, size, onClick, disabled }, /* @__PURE__ */ React102.createElement(import_icons34.BrushBigIcon, { fontSize: size })));
+var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /* @__PURE__ */ React104.createElement(import_ui90.Tooltip, { title: tooltipText, placement: "top", disableInteractive: true }, /* @__PURE__ */ React104.createElement(CustomIconButton, { "aria-label": tooltipText, size, onClick, disabled }, /* @__PURE__ */ React104.createElement(import_icons35.BrushBigIcon, { fontSize: size })));
 
 // src/components/repeater/repeater.tsx
-var React103 = __toESM(require("react"));
-var import_react56 = require("react");
-var import_icons35 = require("@elementor/icons");
-var import_ui89 = require("@elementor/ui");
-var import_i18n51 = require("@wordpress/i18n");
+var React105 = __toESM(require("react"));
+var import_react58 = require("react");
+var import_icons36 = require("@elementor/icons");
+var import_ui91 = require("@elementor/ui");
+var import_i18n52 = require("@wordpress/i18n");
 var SIZE9 = "tiny";
 var EMPTY_OPEN_ITEM2 = -1;
 var Repeater3 = ({
@@ -6558,7 +6613,7 @@ var Repeater3 = ({
   openItem: initialOpenItem = EMPTY_OPEN_ITEM2,
   isSortable = true
 }) => {
-  const [openItem, setOpenItem] = (0, import_react56.useState)(initialOpenItem);
+  const [openItem, setOpenItem] = (0, import_react58.useState)(initialOpenItem);
   const uniqueKeys = items2.map(
     (item, index) => isSortable && "getId" in itemSettings ? itemSettings.getId({ item, index }) : String(index)
   );
@@ -6621,8 +6676,8 @@ var Repeater3 = ({
   };
   const isButtonDisabled = disabled || disableAddItemButton;
   const shouldShowInfotip = isButtonDisabled && addButtonInfotipContent;
-  const addButton = /* @__PURE__ */ React103.createElement(
-    import_ui89.IconButton,
+  const addButton = /* @__PURE__ */ React105.createElement(
+    import_ui91.IconButton,
     {
       size: SIZE9,
       sx: {
@@ -6630,32 +6685,32 @@ var Repeater3 = ({
       },
       disabled: isButtonDisabled,
       onClick: addRepeaterItem,
-      "aria-label": (0, import_i18n51.__)("Add item", "elementor")
+      "aria-label": (0, import_i18n52.__)("Add item", "elementor")
     },
-    /* @__PURE__ */ React103.createElement(import_icons35.PlusIcon, { fontSize: SIZE9 })
+    /* @__PURE__ */ React105.createElement(import_icons36.PlusIcon, { fontSize: SIZE9 })
   );
-  return /* @__PURE__ */ React103.createElement(SectionContent, { gap: 2 }, /* @__PURE__ */ React103.createElement(RepeaterHeader, { label, adornment: ControlAdornments }, shouldShowInfotip ? /* @__PURE__ */ React103.createElement(
-    import_ui89.Infotip,
+  return /* @__PURE__ */ React105.createElement(SectionContent, { gap: 2 }, /* @__PURE__ */ React105.createElement(RepeaterHeader, { label, adornment: ControlAdornments }, shouldShowInfotip ? /* @__PURE__ */ React105.createElement(
+    import_ui91.Infotip,
     {
       placement: "right",
       content: addButtonInfotipContent,
       color: "secondary",
       slotProps: { popper: { sx: { width: 300 } } }
     },
-    /* @__PURE__ */ React103.createElement(import_ui89.Box, { sx: { ...isButtonDisabled ? { cursor: "not-allowed" } : {} } }, addButton)
-  ) : addButton), 0 < uniqueKeys.length && /* @__PURE__ */ React103.createElement(SortableProvider, { value: uniqueKeys, onChange: onChangeOrder }, uniqueKeys.map((key) => {
+    /* @__PURE__ */ React105.createElement(import_ui91.Box, { sx: { ...isButtonDisabled ? { cursor: "not-allowed" } : {} } }, addButton)
+  ) : addButton), 0 < uniqueKeys.length && /* @__PURE__ */ React105.createElement(SortableProvider, { value: uniqueKeys, onChange: onChangeOrder }, uniqueKeys.map((key) => {
     const index = uniqueKeys.indexOf(key);
     const value = items2[index];
     if (!value) {
       return null;
     }
-    return /* @__PURE__ */ React103.createElement(SortableItem, { id: key, key: `sortable-${key}`, disabled: !isSortable }, /* @__PURE__ */ React103.createElement(
+    return /* @__PURE__ */ React105.createElement(SortableItem, { id: key, key: `sortable-${key}`, disabled: !isSortable }, /* @__PURE__ */ React105.createElement(
       RepeaterItem,
       {
         disabled,
         propDisabled: value?.disabled,
-        label: /* @__PURE__ */ React103.createElement(RepeaterItemLabelSlot, { value }, /* @__PURE__ */ React103.createElement(itemSettings.Label, { value, index })),
-        startIcon: /* @__PURE__ */ React103.createElement(RepeaterItemIconSlot, { value }, /* @__PURE__ */ React103.createElement(itemSettings.Icon, { value })),
+        label: /* @__PURE__ */ React105.createElement(RepeaterItemLabelSlot, { value }, /* @__PURE__ */ React105.createElement(itemSettings.Label, { value, index })),
+        startIcon: /* @__PURE__ */ React105.createElement(RepeaterItemIconSlot, { value }, /* @__PURE__ */ React105.createElement(itemSettings.Icon, { value })),
         removeItem: () => removeRepeaterItem(index),
         duplicateItem: () => duplicateRepeaterItem(index),
         toggleDisableItem: () => toggleDisableRepeaterItem(index),
@@ -6667,7 +6722,7 @@ var Repeater3 = ({
         actions: itemSettings.actions,
         value
       },
-      (props) => /* @__PURE__ */ React103.createElement(
+      (props) => /* @__PURE__ */ React105.createElement(
         itemSettings.Content,
         {
           ...props,
@@ -6697,27 +6752,27 @@ var RepeaterItem = ({
   value
 }) => {
   const { popoverState, popoverProps, ref, setRef } = usePopover(openOnMount, onOpen);
-  const duplicateLabel = (0, import_i18n51.__)("Duplicate", "elementor");
-  const toggleLabel = propDisabled ? (0, import_i18n51.__)("Show", "elementor") : (0, import_i18n51.__)("Hide", "elementor");
-  const removeLabel = (0, import_i18n51.__)("Remove", "elementor");
-  return /* @__PURE__ */ React103.createElement(React103.Fragment, null, /* @__PURE__ */ React103.createElement(
+  const duplicateLabel = (0, import_i18n52.__)("Duplicate", "elementor");
+  const toggleLabel = propDisabled ? (0, import_i18n52.__)("Show", "elementor") : (0, import_i18n52.__)("Hide", "elementor");
+  const removeLabel = (0, import_i18n52.__)("Remove", "elementor");
+  return /* @__PURE__ */ React105.createElement(React105.Fragment, null, /* @__PURE__ */ React105.createElement(
     RepeaterTag,
     {
       disabled,
       label,
       ref: setRef,
-      "aria-label": (0, import_i18n51.__)("Open item", "elementor"),
-      ...(0, import_ui89.bindTrigger)(popoverState),
+      "aria-label": (0, import_i18n52.__)("Open item", "elementor"),
+      ...(0, import_ui91.bindTrigger)(popoverState),
       startIcon,
-      actions: /* @__PURE__ */ React103.createElement(React103.Fragment, null, showDuplicate && /* @__PURE__ */ React103.createElement(import_ui89.Tooltip, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React103.createElement(import_ui89.IconButton, { size: SIZE9, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React103.createElement(import_icons35.CopyIcon, { fontSize: SIZE9 }))), showToggle && /* @__PURE__ */ React103.createElement(import_ui89.Tooltip, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React103.createElement(import_ui89.IconButton, { size: SIZE9, onClick: toggleDisableItem, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React103.createElement(import_icons35.EyeOffIcon, { fontSize: SIZE9 }) : /* @__PURE__ */ React103.createElement(import_icons35.EyeIcon, { fontSize: SIZE9 }))), actions?.(value), showRemove && /* @__PURE__ */ React103.createElement(import_ui89.Tooltip, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React103.createElement(import_ui89.IconButton, { size: SIZE9, onClick: removeItem, "aria-label": removeLabel }, /* @__PURE__ */ React103.createElement(import_icons35.XIcon, { fontSize: SIZE9 }))))
+      actions: /* @__PURE__ */ React105.createElement(React105.Fragment, null, showDuplicate && /* @__PURE__ */ React105.createElement(import_ui91.Tooltip, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React105.createElement(import_ui91.IconButton, { size: SIZE9, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React105.createElement(import_icons36.CopyIcon, { fontSize: SIZE9 }))), showToggle && /* @__PURE__ */ React105.createElement(import_ui91.Tooltip, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React105.createElement(import_ui91.IconButton, { size: SIZE9, onClick: toggleDisableItem, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React105.createElement(import_icons36.EyeOffIcon, { fontSize: SIZE9 }) : /* @__PURE__ */ React105.createElement(import_icons36.EyeIcon, { fontSize: SIZE9 }))), actions?.(value), showRemove && /* @__PURE__ */ React105.createElement(import_ui91.Tooltip, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React105.createElement(import_ui91.IconButton, { size: SIZE9, onClick: removeItem, "aria-label": removeLabel }, /* @__PURE__ */ React105.createElement(import_icons36.XIcon, { fontSize: SIZE9 }))))
     }
-  ), /* @__PURE__ */ React103.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React103.createElement(import_ui89.Box, null, children({ anchorEl: ref }))));
+  ), /* @__PURE__ */ React105.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React105.createElement(import_ui91.Box, null, children({ anchorEl: ref }))));
 };
 var usePopover = (openOnMount, onOpen) => {
-  const [ref, setRef] = (0, import_react56.useState)(null);
-  const popoverState = (0, import_ui89.usePopupState)({ variant: "popover" });
-  const popoverProps = (0, import_ui89.bindPopover)(popoverState);
-  (0, import_react56.useEffect)(() => {
+  const [ref, setRef] = (0, import_react58.useState)(null);
+  const popoverState = (0, import_ui91.usePopupState)({ variant: "popover" });
+  const popoverProps = (0, import_ui91.bindPopover)(popoverState);
+  (0, import_react58.useEffect)(() => {
     if (openOnMount && ref) {
       popoverState.open(ref);
       onOpen?.();
@@ -6732,20 +6787,20 @@ var usePopover = (openOnMount, onOpen) => {
 };
 
 // src/components/inline-editor-toolbar.tsx
-var React105 = __toESM(require("react"));
-var import_react58 = require("react");
+var React107 = __toESM(require("react"));
+var import_react60 = require("react");
 var import_editor_elements6 = require("@elementor/editor-elements");
-var import_icons37 = require("@elementor/icons");
-var import_ui91 = require("@elementor/ui");
-var import_react59 = require("@tiptap/react");
-var import_i18n53 = require("@wordpress/i18n");
+var import_icons38 = require("@elementor/icons");
+var import_ui93 = require("@elementor/ui");
+var import_react61 = require("@tiptap/react");
+var import_i18n54 = require("@wordpress/i18n");
 
 // src/components/url-popover.tsx
-var React104 = __toESM(require("react"));
-var import_react57 = require("react");
-var import_icons36 = require("@elementor/icons");
-var import_ui90 = require("@elementor/ui");
-var import_i18n52 = require("@wordpress/i18n");
+var React106 = __toESM(require("react"));
+var import_react59 = require("react");
+var import_icons37 = require("@elementor/icons");
+var import_ui92 = require("@elementor/ui");
+var import_i18n53 = require("@wordpress/i18n");
 var UrlPopover = ({
   popupState,
   restoreValue,
@@ -6755,8 +6810,8 @@ var UrlPopover = ({
   openInNewTab,
   onToggleNewTab
 }) => {
-  const inputRef = (0, import_react57.useRef)(null);
-  (0, import_react57.useEffect)(() => {
+  const inputRef = (0, import_react59.useRef)(null);
+  (0, import_react59.useEffect)(() => {
     if (popupState.isOpen) {
       requestAnimationFrame(() => inputRef.current?.focus());
     }
@@ -6765,57 +6820,57 @@ var UrlPopover = ({
     restoreValue();
     popupState.close();
   };
-  return /* @__PURE__ */ React104.createElement(
-    import_ui90.Popover,
+  return /* @__PURE__ */ React106.createElement(
+    import_ui92.Popover,
     {
       slotProps: {
         paper: { sx: { borderRadius: "16px", width: anchorRef.current?.offsetWidth + "px", marginTop: -1 } }
       },
-      ...(0, import_ui90.bindPopover)(popupState),
+      ...(0, import_ui92.bindPopover)(popupState),
       anchorOrigin: { vertical: "top", horizontal: "left" },
       transformOrigin: { vertical: "top", horizontal: "left" },
       onClose: handleClose
     },
-    /* @__PURE__ */ React104.createElement(import_ui90.Stack, { direction: "row", alignItems: "center", gap: 1, sx: { p: 1.5 } }, /* @__PURE__ */ React104.createElement(
-      import_ui90.TextField,
+    /* @__PURE__ */ React106.createElement(import_ui92.Stack, { direction: "row", alignItems: "center", gap: 1, sx: { p: 1.5 } }, /* @__PURE__ */ React106.createElement(
+      import_ui92.TextField,
       {
         value,
         onChange,
         size: "tiny",
         fullWidth: true,
-        placeholder: (0, import_i18n52.__)("Type a URL", "elementor"),
+        placeholder: (0, import_i18n53.__)("Type a URL", "elementor"),
         inputProps: { ref: inputRef },
         color: "secondary",
         InputProps: { sx: { borderRadius: "8px" } },
         onKeyUp: (event) => event.key === "Enter" && handleClose()
       }
-    ), /* @__PURE__ */ React104.createElement(import_ui90.Tooltip, { title: (0, import_i18n52.__)("Open in a new tab", "elementor") }, /* @__PURE__ */ React104.createElement(
-      import_ui90.ToggleButton,
+    ), /* @__PURE__ */ React106.createElement(import_ui92.Tooltip, { title: (0, import_i18n53.__)("Open in a new tab", "elementor") }, /* @__PURE__ */ React106.createElement(
+      import_ui92.ToggleButton,
       {
         size: "tiny",
         value: "newTab",
         selected: openInNewTab,
         onClick: onToggleNewTab,
-        "aria-label": (0, import_i18n52.__)("Open in a new tab", "elementor"),
+        "aria-label": (0, import_i18n53.__)("Open in a new tab", "elementor"),
         sx: { borderRadius: "8px" }
       },
-      /* @__PURE__ */ React104.createElement(import_icons36.ExternalLinkIcon, { fontSize: "tiny" })
+      /* @__PURE__ */ React106.createElement(import_icons37.ExternalLinkIcon, { fontSize: "tiny" })
     )))
   );
 };
 
 // src/components/inline-editor-toolbar.tsx
 var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
-  const [urlValue, setUrlValue] = (0, import_react58.useState)("");
-  const [openInNewTab, setOpenInNewTab] = (0, import_react58.useState)(false);
-  const toolbarRef = (0, import_react58.useRef)(null);
-  const linkPopupState = (0, import_ui91.usePopupState)({ variant: "popover" });
+  const [urlValue, setUrlValue] = (0, import_react60.useState)("");
+  const [openInNewTab, setOpenInNewTab] = (0, import_react60.useState)(false);
+  const toolbarRef = (0, import_react60.useRef)(null);
+  const linkPopupState = (0, import_ui93.usePopupState)({ variant: "popover" });
   const hasLinkOnElement = elementId ? checkIfElementHasLink(elementId) : false;
-  const editorState = (0, import_react59.useEditorState)({
+  const editorState = (0, import_react61.useEditorState)({
     editor,
     selector: (ctx) => possibleFormats.filter((format) => ctx.editor.isActive(format))
   });
-  const formatButtonsList = (0, import_react58.useMemo)(() => {
+  const formatButtonsList = (0, import_react60.useMemo)(() => {
     const buttons = Object.values(formatButtons);
     if (hasLinkOnElement) {
       return buttons.filter((button) => button.action !== "link");
@@ -6852,11 +6907,11 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
     }
     linkPopupState.close();
   };
-  React105.useEffect(() => {
+  React107.useEffect(() => {
     editor?.commands?.focus();
   }, [editor]);
-  return /* @__PURE__ */ React105.createElement(
-    import_ui91.Box,
+  return /* @__PURE__ */ React107.createElement(
+    import_ui93.Box,
     {
       ref: toolbarRef,
       sx: {
@@ -6872,9 +6927,9 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
         ...sx
       }
     },
-    /* @__PURE__ */ React105.createElement(import_ui91.Tooltip, { title: clearButton.label, placement: "top", sx: { borderRadius: "8px" } }, /* @__PURE__ */ React105.createElement(import_ui91.IconButton, { "aria-label": clearButton.label, onClick: () => clearButton.method(editor), size: "tiny" }, clearButton.icon)),
-    /* @__PURE__ */ React105.createElement(
-      import_ui91.ToggleButtonGroup,
+    /* @__PURE__ */ React107.createElement(import_ui93.Tooltip, { title: clearButton.label, placement: "top", sx: { borderRadius: "8px" } }, /* @__PURE__ */ React107.createElement(import_ui93.IconButton, { "aria-label": clearButton.label, onClick: () => clearButton.method(editor), size: "tiny" }, clearButton.icon)),
+    /* @__PURE__ */ React107.createElement(
+      import_ui93.ToggleButtonGroup,
       {
         value: editorState,
         size: "tiny",
@@ -6882,7 +6937,7 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
           display: "flex",
           gap: 0.5,
           border: "none",
-          [`& .${import_ui91.toggleButtonGroupClasses.firstButton}, & .${import_ui91.toggleButtonGroupClasses.middleButton}, & .${import_ui91.toggleButtonGroupClasses.lastButton}`]: {
+          [`& .${import_ui93.toggleButtonGroupClasses.firstButton}, & .${import_ui93.toggleButtonGroupClasses.middleButton}, & .${import_ui93.toggleButtonGroupClasses.lastButton}`]: {
             borderRadius: "8px",
             border: "none",
             marginLeft: 0,
@@ -6895,8 +6950,8 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
           }
         }
       },
-      formatButtonsList.map((button) => /* @__PURE__ */ React105.createElement(import_ui91.Tooltip, { title: button.label, key: button.action, placement: "top" }, /* @__PURE__ */ React105.createElement(
-        import_ui91.ToggleButton,
+      formatButtonsList.map((button) => /* @__PURE__ */ React107.createElement(import_ui93.Tooltip, { title: button.label, key: button.action, placement: "top" }, /* @__PURE__ */ React107.createElement(
+        import_ui93.ToggleButton,
         {
           value: button.action,
           "aria-label": button.label,
@@ -6913,7 +6968,7 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
         button.icon
       )))
     ),
-    /* @__PURE__ */ React105.createElement(
+    /* @__PURE__ */ React107.createElement(
       UrlPopover,
       {
         popupState: linkPopupState,
@@ -6930,64 +6985,64 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
 var checkIfElementHasLink = (elementId) => !!(0, import_editor_elements6.getElementSetting)(elementId, "link")?.value?.destination;
 var toolbarButtons = {
   clear: {
-    label: (0, import_i18n53.__)("Clear", "elementor"),
-    icon: /* @__PURE__ */ React105.createElement(import_icons37.MinusIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n54.__)("Clear", "elementor"),
+    icon: /* @__PURE__ */ React107.createElement(import_icons38.MinusIcon, { fontSize: "tiny" }),
     action: "clear",
     method: (editor) => {
       editor.chain().focus().clearNodes().unsetAllMarks().run();
     }
   },
   bold: {
-    label: (0, import_i18n53.__)("Bold", "elementor"),
-    icon: /* @__PURE__ */ React105.createElement(import_icons37.BoldIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n54.__)("Bold", "elementor"),
+    icon: /* @__PURE__ */ React107.createElement(import_icons38.BoldIcon, { fontSize: "tiny" }),
     action: "bold",
     method: (editor) => {
       editor.chain().focus().toggleBold().run();
     }
   },
   italic: {
-    label: (0, import_i18n53.__)("Italic", "elementor"),
-    icon: /* @__PURE__ */ React105.createElement(import_icons37.ItalicIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n54.__)("Italic", "elementor"),
+    icon: /* @__PURE__ */ React107.createElement(import_icons38.ItalicIcon, { fontSize: "tiny" }),
     action: "italic",
     method: (editor) => {
       editor.chain().focus().toggleItalic().run();
     }
   },
   underline: {
-    label: (0, import_i18n53.__)("Underline", "elementor"),
-    icon: /* @__PURE__ */ React105.createElement(import_icons37.UnderlineIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n54.__)("Underline", "elementor"),
+    icon: /* @__PURE__ */ React107.createElement(import_icons38.UnderlineIcon, { fontSize: "tiny" }),
     action: "underline",
     method: (editor) => {
       editor.chain().focus().toggleUnderline().run();
     }
   },
   strike: {
-    label: (0, import_i18n53.__)("Strikethrough", "elementor"),
-    icon: /* @__PURE__ */ React105.createElement(import_icons37.StrikethroughIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n54.__)("Strikethrough", "elementor"),
+    icon: /* @__PURE__ */ React107.createElement(import_icons38.StrikethroughIcon, { fontSize: "tiny" }),
     action: "strike",
     method: (editor) => {
       editor.chain().focus().toggleStrike().run();
     }
   },
   superscript: {
-    label: (0, import_i18n53.__)("Superscript", "elementor"),
-    icon: /* @__PURE__ */ React105.createElement(import_icons37.SuperscriptIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n54.__)("Superscript", "elementor"),
+    icon: /* @__PURE__ */ React107.createElement(import_icons38.SuperscriptIcon, { fontSize: "tiny" }),
     action: "superscript",
     method: (editor) => {
       editor.chain().focus().toggleSuperscript().run();
     }
   },
   subscript: {
-    label: (0, import_i18n53.__)("Subscript", "elementor"),
-    icon: /* @__PURE__ */ React105.createElement(import_icons37.SubscriptIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n54.__)("Subscript", "elementor"),
+    icon: /* @__PURE__ */ React107.createElement(import_icons38.SubscriptIcon, { fontSize: "tiny" }),
     action: "subscript",
     method: (editor) => {
       editor.chain().focus().toggleSubscript().run();
     }
   },
   link: {
-    label: (0, import_i18n53.__)("Link", "elementor"),
-    icon: /* @__PURE__ */ React105.createElement(import_icons37.LinkIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n54.__)("Link", "elementor"),
+    icon: /* @__PURE__ */ React107.createElement(import_icons38.LinkIcon, { fontSize: "tiny" }),
     action: "link",
     method: null
   }
@@ -6997,6 +7052,7 @@ var possibleFormats = Object.keys(formatButtons);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AspectRatioControl,
+  AttributesControl,
   BackgroundControl,
   BoxShadowRepeaterControl,
   ClearIconButton,
@@ -7027,6 +7083,7 @@ var possibleFormats = Object.keys(formatButtons);
   PopoverContent,
   PopoverGridContainer,
   PositionControl,
+  PromotionTrigger,
   PropKeyProvider,
   PropProvider,
   QueryControl,