@elementor/editor-controls 4.5.0-1161 → 4.5.0-1163

package/dist/index.js

@@ -5923,7 +5923,7 @@ function measureIconLibraryAnchor(container, buttonGroup) {
 // src/controls/icon-library/icon-library-popover.tsx
 var React91 = __toESM(require("react"));
 var import_react58 = require("react");
-var import_editor_ui12 = require("@elementor/editor-ui");
+var import_editor_ui13 = require("@elementor/editor-ui");
 var import_icons26 = require("@elementor/icons");
 var import_session2 = require("@elementor/session");
 var import_ui74 = require("@elementor/ui");
@@ -6576,6 +6576,7 @@ function parseFilterEntry(value) {
 // src/controls/icon-library/icon-library-grid.tsx
 var React87 = __toESM(require("react"));
 var import_react56 = require("react");
+var import_editor_ui11 = require("@elementor/editor-ui");
 var import_ui70 = require("@elementor/ui");
 var import_react_virtual = require("@tanstack/react-virtual");
 var import_i18n36 = require("@wordpress/i18n");
@@ -6615,8 +6616,6 @@ var IconLibraryGrid = ({
 }) => {
   const theme = (0, import_ui70.useTheme)();
   const containerRef = (0, import_react56.useRef)(null);
-  const cellRefs = (0, import_react56.useRef)(/* @__PURE__ */ new Map());
-  const shouldRestoreFocusRef = (0, import_react56.useRef)(false);
   const selectedIndex = items2.findIndex((item) => item.id === selectedValue);
   const [focusedIndex, setFocusedIndex] = (0, import_react56.useState)(selectedIndex >= 0 ? selectedIndex : 0);
   const [{ columnCount, cellSize }, setGridMetrics] = (0, import_react56.useState)(() => getGridMetrics(0, 0, 0));
@@ -6630,7 +6629,15 @@ var IconLibraryGrid = ({
     gap: cellGap,
     paddingStart: verticalPadding,
     paddingEnd: verticalPadding,
-    overscan: GRID_OVERSCAN
+    overscan: GRID_OVERSCAN,
+    rangeExtractor: (range) => {
+      const rowIndexes = (0, import_react_virtual.defaultRangeExtractor)(range);
+      const focusedRow = Math.floor(focusedIndex / columnCount);
+      if (items2.length === 0 || rowIndexes.includes(focusedRow)) {
+        return rowIndexes;
+      }
+      return [...rowIndexes, focusedRow].sort((a, b) => a - b);
+    }
   });
   const focusedItem = items2[focusedIndex];
   const visibleRowIndexes = virtualizer.getVirtualIndexes().join(",");
@@ -6649,17 +6656,10 @@ var IconLibraryGrid = ({
       virtualizer.scrollToIndex(Math.floor(selectedIndex / columnCount), { align: "center" });
     }
   }, [cellSize, columnCount, items2, selectedIndex, selectedValue]);
-  (0, import_react56.useLayoutEffect)(() => {
-    if (!shouldRestoreFocusRef.current || !focusedItem) {
-      return;
-    }
-    const cell = cellRefs.current.get(focusedItem.id);
-    if (!cell) {
-      return;
-    }
-    cell.focus();
-    shouldRestoreFocusRef.current = false;
-  }, [focusedItem, visibleRowIndexes]);
+  const { registerRef, requestFocus } = (0, import_editor_ui11.useRovingFocus)({
+    tabbableKey: focusedItem?.id,
+    mountedSignature: visibleRowIndexes
+  });
   (0, import_react56.useLayoutEffect)(() => {
     const container = containerRef.current;
     if (!container) {
@@ -6685,7 +6685,7 @@ var IconLibraryGrid = ({
     if (nextIndex < 0 || nextIndex >= items2.length) {
       return;
     }
-    shouldRestoreFocusRef.current = true;
+    requestFocus();
     setFocusedIndex(nextIndex);
     virtualizer.scrollToIndex(Math.floor(nextIndex / columnCount));
   };
@@ -6808,13 +6808,7 @@ var IconLibraryGrid = ({
                     "aria-label": item.label,
                     "aria-selected": isSelected,
                     tabIndex,
-                    ref: (node) => {
-                      if (node) {
-                        cellRefs.current.set(item.id, node);
-                      } else {
-                        cellRefs.current.delete(item.id);
-                      }
-                    },
+                    ref: registerRef(item.id),
                     onClick: () => {
                       onSelect(item.id);
                       onClose();
@@ -6874,7 +6868,7 @@ var IconLibraryGrid = ({
 // src/controls/icon-library/icon-library-upload-action.tsx
 var React88 = __toESM(require("react"));
 var import_react57 = require("react");
-var import_editor_ui11 = require("@elementor/editor-ui");
+var import_editor_ui12 = require("@elementor/editor-ui");
 var import_icons24 = require("@elementor/icons");
 var import_locations3 = require("@elementor/locations");
 var import_ui71 = require("@elementor/ui");
@@ -6941,7 +6935,7 @@ var IconLibraryUploadPromotion = ({
     setIsOpen(false);
     triggerRef.current?.focus();
   };
-  (0, import_editor_ui11.useCanvasClickHandler)(isOpen, close);
+  (0, import_editor_ui12.useCanvasClickHandler)(isOpen, close);
   const toggle = () => {
     if (!isOpen) {
       trackViewPromotion(TRACKING_DATA);
@@ -6952,7 +6946,7 @@ var IconLibraryUploadPromotion = ({
     return null;
   }
   return /* @__PURE__ */ React88.createElement(
-    import_editor_ui11.PromotionPopover,
+    import_editor_ui12.PromotionPopover,
     {
       open: isOpen,
       placement: "top",
@@ -7071,7 +7065,7 @@ var ICON_GLYPH_SIZE2 = 20;
 var ICON_LIBRARY_INLINE_SPACING = 2;
 var ICON_LIBRARY_SEARCH_PADDING_BOTTOM = 2;
 var ICON_LIBRARY_TITLE_SIZE = "14px";
-var CompactIconLibraryMenuList = (0, import_ui74.styled)(import_editor_ui12.StyledMenuList)(({ theme }) => ({
+var CompactIconLibraryMenuList = (0, import_ui74.styled)(import_editor_ui13.StyledMenuList)(({ theme }) => ({
   '& > [role="option"]': {
     padding: theme.spacing(ICON_LIBRARY_ROW_VERTICAL_PADDING, ICON_LIBRARY_INLINE_SPACING)
   }
@@ -7111,6 +7105,7 @@ var IconLibraryPopover = ({
     () => findFontAwesome7Icon(icons, selectedIconClass, selectedIconLibrary)?.id,
     [icons, selectedIconClass, selectedIconLibrary]
   );
+  const contentRef = (0, import_react58.useRef)(null);
   const handleClose = () => {
     setSearchValue("");
     setActiveLibraries([]);
@@ -7126,11 +7121,21 @@ var IconLibraryPopover = ({
       library: icon.library
     });
   };
+  const handleSearchKeyDown = (event) => {
+    if (event.key !== "ArrowDown" || view !== "list") {
+      return;
+    }
+    const option = contentRef.current?.querySelector('[role="option"][tabindex="0"]');
+    if (option) {
+      event.preventDefault();
+      option.focus();
+    }
+  };
   const handleClearSearch = () => {
     setSearchValue("");
   };
-  return /* @__PURE__ */ React91.createElement(import_editor_ui12.PopoverBody, { width, fillWidth: true, id: "icon-library" }, /* @__PURE__ */ React91.createElement(
-    import_editor_ui12.PopoverHeader,
+  return /* @__PURE__ */ React91.createElement(import_editor_ui13.PopoverBody, { width, fillWidth: true, id: "icon-library" }, /* @__PURE__ */ React91.createElement(
+    import_editor_ui13.PopoverHeader,
     {
       title: (0, import_i18n39.__)("Icon library", "elementor"),
       onClose: handleClose,
@@ -7153,18 +7158,18 @@ var IconLibraryPopover = ({
       gap: 1,
       sx: { px: ICON_LIBRARY_INLINE_SPACING, pb: ICON_LIBRARY_SEARCH_PADDING_BOTTOM }
     },
-    /* @__PURE__ */ React91.createElement(
-      import_editor_ui12.SearchField,
+    /* @__PURE__ */ React91.createElement(import_ui74.Box, { onKeyDown: handleSearchKeyDown, sx: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React91.createElement(
+      import_editor_ui13.SearchField,
       {
         value: searchInputValue,
         onSearch: handleSearchChange,
         placeholder: (0, import_i18n39.__)("Search", "elementor"),
         id: "icon-library-search",
-        sx: { flex: 1, px: 0, pb: 0 }
+        sx: { width: "100%", px: 0, pb: 0 }
       }
-    ),
+    )),
     /* @__PURE__ */ React91.createElement(IconLibraryFilter, { value: activeLibraries, onChange: setActiveLibraries })
-  ), /* @__PURE__ */ React91.createElement(import_ui74.Divider, null), /* @__PURE__ */ React91.createElement(import_ui74.Box, { sx: { flex: 1, overflow: "hidden", minHeight: 0, minWidth: 0 } }, /* @__PURE__ */ React91.createElement(
+  ), /* @__PURE__ */ React91.createElement(import_ui74.Divider, null), /* @__PURE__ */ React91.createElement(import_ui74.Box, { ref: contentRef, sx: { flex: 1, overflow: "hidden", minHeight: 0, minWidth: 0 } }, /* @__PURE__ */ React91.createElement(
     IconLibraryContent,
     {
       isLoading,
@@ -7214,7 +7219,7 @@ var IconLibraryContent = ({
     ));
   }
   return /* @__PURE__ */ React91.createElement(
-    import_editor_ui12.PopoverMenuList,
+    import_editor_ui13.PopoverMenuList,
     {
       items: items2,
       selectedValue,
@@ -7223,6 +7228,7 @@ var IconLibraryContent = ({
       onClose,
       itemHeight: ICON_LIBRARY_ROW_HEIGHT,
       menuItemContentTemplate: IconLibraryRow,
+      rovingFocus: true,
       noResultsComponent: emptyState,
       "data-testid": "icon-library-list"
     }
@@ -7290,7 +7296,7 @@ function createIconPropValue(icon, library) {
 
 // src/controls/svg-media-overlay.tsx
 var React92 = __toESM(require("react"));
-var import_editor_ui13 = require("@elementor/editor-ui");
+var import_editor_ui14 = require("@elementor/editor-ui");
 var import_icons27 = require("@elementor/icons");
 var import_ui75 = require("@elementor/ui");
 var import_i18n40 = require("@wordpress/i18n");
@@ -7344,7 +7350,7 @@ var UploadControl = ({ isAdmin, onUpload }) => {
   if (isAdmin) {
     return /* @__PURE__ */ React92.createElement(MediaUploadButton, { onClick: onUpload });
   }
-  return /* @__PURE__ */ React92.createElement(import_editor_ui13.ThemeProvider, { colorScheme: "dark" }, /* @__PURE__ */ React92.createElement(MediaUploadButton, { disabled: true }));
+  return /* @__PURE__ */ React92.createElement(import_editor_ui14.ThemeProvider, { colorScheme: "dark" }, /* @__PURE__ */ React92.createElement(MediaUploadButton, { disabled: true }));
 };
 
 // src/controls/svg-media-preview.tsx
@@ -7821,7 +7827,7 @@ var BackgroundImageOverlayAttachment = () => {
 var React98 = __toESM(require("react"));
 var import_react61 = require("react");
 var import_editor_props39 = require("@elementor/editor-props");
-var import_editor_ui14 = require("@elementor/editor-ui");
+var import_editor_ui15 = require("@elementor/editor-ui");
 var import_icons29 = require("@elementor/icons");
 var import_ui81 = require("@elementor/ui");
 var import_i18n45 = require("@wordpress/i18n");
@@ -7859,7 +7865,7 @@ var BackgroundImageOverlayPosition = () => {
       disabled: stringPropContext.disabled,
       value: (backgroundImageOffsetContext.value ? "custom" : stringPropContext.value) ?? ""
     },
-    backgroundPositionOptions.map(({ label, value }) => /* @__PURE__ */ React98.createElement(import_editor_ui14.MenuListItem, { key: value, value: value ?? "" }, label))
+    backgroundPositionOptions.map(({ label, value }) => /* @__PURE__ */ React98.createElement(import_editor_ui15.MenuListItem, { key: value, value: value ?? "" }, label))
   ))))), isCustom ? /* @__PURE__ */ React98.createElement(PropProvider, { ...backgroundImageOffsetContext }, /* @__PURE__ */ React98.createElement(import_ui81.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React98.createElement(import_ui81.Grid, { container: true, spacing: 1.5, ref: rowRef }, /* @__PURE__ */ React98.createElement(import_ui81.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React98.createElement(PropKeyProvider, { bind: "x" }, /* @__PURE__ */ React98.createElement(
     SizeControl,
     {
@@ -8526,7 +8532,7 @@ var KeyValueControl = createControl((props = {}) => {
 // src/controls/position-control.tsx
 var React105 = __toESM(require("react"));
 var import_editor_props46 = require("@elementor/editor-props");
-var import_editor_ui15 = require("@elementor/editor-ui");
+var import_editor_ui16 = require("@elementor/editor-ui");
 var import_icons32 = require("@elementor/icons");
 var import_ui89 = require("@elementor/ui");
 var import_i18n51 = require("@wordpress/i18n");
@@ -8566,7 +8572,7 @@ var PositionControl = () => {
       renderValue: (selectedValue) => getSelectRenderValue(positionOptions, placeholder, selectedValue),
       fullWidth: true
     },
-    positionOptions.map(({ label, value }) => /* @__PURE__ */ React105.createElement(import_editor_ui15.MenuListItem, { key: value, value: value ?? "" }, label))
+    positionOptions.map(({ label, value }) => /* @__PURE__ */ React105.createElement(import_editor_ui16.MenuListItem, { key: value, value: value ?? "" }, label))
   )))), isCustom && /* @__PURE__ */ React105.createElement(PropProvider, { ...positionContext }, /* @__PURE__ */ React105.createElement(import_ui89.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React105.createElement(import_ui89.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React105.createElement(import_ui89.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React105.createElement(PropKeyProvider, { bind: "x" }, /* @__PURE__ */ React105.createElement(
     SizeControl,
     {
@@ -8980,7 +8986,7 @@ var Label2 = ({ label, value }) => {
 
 // src/controls/transform-control/transform-settings-control.tsx
 var React117 = __toESM(require("react"));
-var import_editor_ui16 = require("@elementor/editor-ui");
+var import_editor_ui17 = require("@elementor/editor-ui");
 var import_icons38 = require("@elementor/icons");
 var import_ui101 = require("@elementor/ui");
 var import_i18n60 = require("@wordpress/i18n");
@@ -9084,7 +9090,7 @@ var TransformSettingsControl = ({
       ...popupProps
     },
     /* @__PURE__ */ React117.createElement(
-      import_editor_ui16.PopoverHeader,
+      import_editor_ui17.PopoverHeader,
       {
         title: (0, import_i18n60.__)("Transform settings", "elementor"),
         onClose: popupState.close,
@@ -9413,7 +9419,7 @@ function subscribeToTransitionEvent() {
 var React120 = __toESM(require("react"));
 var import_react75 = require("react");
 var import_editor_props57 = require("@elementor/editor-props");
-var import_editor_ui17 = require("@elementor/editor-ui");
+var import_editor_ui18 = require("@elementor/editor-ui");
 var import_icons40 = require("@elementor/icons");
 var import_ui104 = require("@elementor/ui");
 var import_i18n63 = require("@wordpress/i18n");
@@ -9545,10 +9551,10 @@ var TransitionSelector = ({
             }
           },
           /* @__PURE__ */ React120.createElement("span", null, item.value),
-          showPromotion && disabledCategories.has(item.value) && /* @__PURE__ */ React120.createElement(import_editor_ui17.PromotionChip, null)
+          showPromotion && disabledCategories.has(item.value) && /* @__PURE__ */ React120.createElement(import_editor_ui18.PromotionChip, null)
         ),
         footer: showPromotion ? /* @__PURE__ */ React120.createElement(
-          import_editor_ui17.PromotionAlert,
+          import_editor_ui18.PromotionAlert,
           {
             message: (0, import_i18n63.__)(
               "Upgrade to customize transition properties and control effects.",
@@ -10577,13 +10583,13 @@ var InlineEditingControl = createControl(
 // src/controls/email-form-action-control/index.tsx
 var React134 = __toESM(require("react"));
 var import_editor_props69 = require("@elementor/editor-props");
-var import_editor_ui19 = require("@elementor/editor-ui");
+var import_editor_ui20 = require("@elementor/editor-ui");
 var import_ui118 = require("@elementor/ui");
 var import_i18n70 = require("@wordpress/i18n");
 
 // src/controls/email-form-action-control/fields.tsx
 var React133 = __toESM(require("react"));
-var import_editor_ui18 = require("@elementor/editor-ui");
+var import_editor_ui19 = require("@elementor/editor-ui");
 var import_ui117 = require("@elementor/ui");
 var import_i18n69 = require("@wordpress/i18n");
 
@@ -10802,7 +10808,7 @@ var SendToField = ({ placeholder }) => {
       placeholder,
       suggestions
     }
-  ), shouldShowMentionsInfo() && /* @__PURE__ */ React133.createElement(import_editor_ui18.InfoAlert, null, (0, import_i18n69.__)("Type @ or an email field name to insert its submitted value.", "elementor"))));
+  ), shouldShowMentionsInfo() && /* @__PURE__ */ React133.createElement(import_editor_ui19.InfoAlert, null, (0, import_i18n69.__)("Type @ or an email field name to insert its submitted value.", "elementor"))));
 };
 var SubjectField = () => /* @__PURE__ */ React133.createElement(
   FieldValueMentionField,
@@ -10814,7 +10820,7 @@ var SubjectField = () => /* @__PURE__ */ React133.createElement(
 );
 var MessageField = () => {
   const suggestions = useFormFieldSuggestions();
-  return /* @__PURE__ */ React133.createElement(PropKeyProvider, { bind: "message" }, /* @__PURE__ */ React133.createElement(import_ui117.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React133.createElement(import_ui117.Grid, { item: true }, /* @__PURE__ */ React133.createElement(ControlFormLabel, null, (0, import_i18n69.__)("Message", "elementor"))), /* @__PURE__ */ React133.createElement(import_ui117.Grid, { item: true }, /* @__PURE__ */ React133.createElement(MentionTextAreaControl, { suggestions })), /* @__PURE__ */ React133.createElement(import_ui117.Grid, { item: true }, /* @__PURE__ */ React133.createElement(import_editor_ui18.InfoAlert, null, shouldShowMentionsInfo() ? (0, import_i18n69.__)(
+  return /* @__PURE__ */ React133.createElement(PropKeyProvider, { bind: "message" }, /* @__PURE__ */ React133.createElement(import_ui117.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React133.createElement(import_ui117.Grid, { item: true }, /* @__PURE__ */ React133.createElement(ControlFormLabel, null, (0, import_i18n69.__)("Message", "elementor"))), /* @__PURE__ */ React133.createElement(import_ui117.Grid, { item: true }, /* @__PURE__ */ React133.createElement(MentionTextAreaControl, { suggestions })), /* @__PURE__ */ React133.createElement(import_ui117.Grid, { item: true }, /* @__PURE__ */ React133.createElement(import_editor_ui19.InfoAlert, null, shouldShowMentionsInfo() ? (0, import_i18n69.__)(
     "[all-fields] shortcode sends all fields. Type @ to insert specific fields and customize your message.",
     "elementor"
   ) : (0, import_i18n69.__)("[all-fields] shortcode sends all fields.", "elementor")))));
@@ -10884,15 +10890,15 @@ var EmailFormActionControl = createControl(
     return /* @__PURE__ */ React134.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React134.createElement(import_ui118.Stack, { gap: 2 }, /* @__PURE__ */ React134.createElement(ControlLabel, null, label ? label + " " + (0, import_i18n70.__)("settings", "elementor") : (0, import_i18n70.__)("Email settings", "elementor")), /* @__PURE__ */ React134.createElement(SendToField, { placeholder: toPlaceholder }), /* @__PURE__ */ React134.createElement(SubjectField, null), /* @__PURE__ */ React134.createElement(MessageField, null), /* @__PURE__ */ React134.createElement(FromEmailField, null), /* @__PURE__ */ React134.createElement(AdvancedSettings, null)));
   }
 );
-var AdvancedSettings = () => /* @__PURE__ */ React134.createElement(import_editor_ui19.CollapsibleContent, { defaultOpen: false }, /* @__PURE__ */ React134.createElement(import_ui118.Box, { sx: { pt: 2 } }, /* @__PURE__ */ React134.createElement(import_ui118.Stack, { gap: 2 }, /* @__PURE__ */ React134.createElement(FromNameField, null), /* @__PURE__ */ React134.createElement(ReplyToField, null), /* @__PURE__ */ React134.createElement(CcField, null), /* @__PURE__ */ React134.createElement(BccField, null), /* @__PURE__ */ React134.createElement(import_ui118.Divider, null), /* @__PURE__ */ React134.createElement(MetaDataField, null), /* @__PURE__ */ React134.createElement(SendAsField, null))));
+var AdvancedSettings = () => /* @__PURE__ */ React134.createElement(import_editor_ui20.CollapsibleContent, { defaultOpen: false }, /* @__PURE__ */ React134.createElement(import_ui118.Box, { sx: { pt: 2 } }, /* @__PURE__ */ React134.createElement(import_ui118.Stack, { gap: 2 }, /* @__PURE__ */ React134.createElement(FromNameField, null), /* @__PURE__ */ React134.createElement(ReplyToField, null), /* @__PURE__ */ React134.createElement(CcField, null), /* @__PURE__ */ React134.createElement(BccField, null), /* @__PURE__ */ React134.createElement(import_ui118.Divider, null), /* @__PURE__ */ React134.createElement(MetaDataField, null), /* @__PURE__ */ React134.createElement(SendAsField, null))));
 
 // src/controls/attachment-type-control.tsx
 var React135 = __toESM(require("react"));
-var import_editor_ui20 = require("@elementor/editor-ui");
+var import_editor_ui21 = require("@elementor/editor-ui");
 var import_ui119 = require("@elementor/ui");
 var import_i18n71 = require("@wordpress/i18n");
 var AttachmentTypeControl = createControl(({ label, options }) => {
-  return /* @__PURE__ */ React135.createElement(import_ui119.Grid, { container: true, direction: "column", gap: 1 }, label && /* @__PURE__ */ React135.createElement(import_ui119.Grid, { item: true }, /* @__PURE__ */ React135.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React135.createElement(import_ui119.Grid, { item: true }, /* @__PURE__ */ React135.createElement(SelectControl, { options })), /* @__PURE__ */ React135.createElement(import_ui119.Grid, { item: true }, /* @__PURE__ */ React135.createElement(import_editor_ui20.InfoAlert, null, (0, import_i18n71.__)(
+  return /* @__PURE__ */ React135.createElement(import_ui119.Grid, { container: true, direction: "column", gap: 1 }, label && /* @__PURE__ */ React135.createElement(import_ui119.Grid, { item: true }, /* @__PURE__ */ React135.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React135.createElement(import_ui119.Grid, { item: true }, /* @__PURE__ */ React135.createElement(SelectControl, { options })), /* @__PURE__ */ React135.createElement(import_ui119.Grid, { item: true }, /* @__PURE__ */ React135.createElement(import_editor_ui21.InfoAlert, null, (0, import_i18n71.__)(
     "Linked uploads are saved to the server. Direct attachments will not appear under Submissions.",
     "elementor"
   ))));
@@ -10948,7 +10954,7 @@ var import_i18n72 = require("@wordpress/i18n");
 // src/components/promotions/promotion-trigger.tsx
 var React137 = __toESM(require("react"));
 var import_react84 = require("react");
-var import_editor_ui21 = require("@elementor/editor-ui");
+var import_editor_ui22 = require("@elementor/editor-ui");
 var import_ui121 = require("@elementor/ui");
 function getV4Promotion(key) {
   return window.elementor?.config?.v4Promotions?.[key];
@@ -10967,7 +10973,7 @@ var PromotionTrigger = (0, import_react84.forwardRef)(
     }, [trackingData]);
     (0, import_react84.useImperativeHandle)(ref, () => ({ toggle }), [toggle]);
     return /* @__PURE__ */ React137.createElement(React137.Fragment, null, promotion && /* @__PURE__ */ React137.createElement(
-      import_editor_ui21.PromotionInfotip,
+      import_editor_ui22.PromotionInfotip,
       {
         title: promotion.title,
         content: promotion.content,
@@ -10989,7 +10995,7 @@ var PromotionTrigger = (0, import_react84.forwardRef)(
           },
           sx: { cursor: "pointer", display: "inline-flex" }
         },
-        children ?? /* @__PURE__ */ React137.createElement(import_editor_ui21.PromotionChip, null)
+        children ?? /* @__PURE__ */ React137.createElement(import_editor_ui22.PromotionChip, null)
       )
     ));
   }
@@ -11340,7 +11346,7 @@ var differsFromExternal = (newState, externalState) => {
 // src/components/size/unit-select.tsx
 var React142 = __toESM(require("react"));
 var import_react88 = require("react");
-var import_editor_ui22 = require("@elementor/editor-ui");
+var import_editor_ui23 = require("@elementor/editor-ui");
 var import_ui126 = require("@elementor/ui");
 var menuItemContentStyles2 = {
   display: "flex",
@@ -11357,7 +11363,7 @@ var UnitSelect = ({ value, showPrimaryColor, onClick, options }) => {
     popupState.close();
   };
   return /* @__PURE__ */ React142.createElement(React142.Fragment, null, /* @__PURE__ */ React142.createElement(StyledButton3, { isPrimaryColor: showPrimaryColor, size: "small", ...(0, import_ui126.bindTrigger)(popupState) }, value), /* @__PURE__ */ React142.createElement(import_ui126.Menu, { MenuListProps: { dense: true }, ...(0, import_ui126.bindMenu)(popupState) }, options.map((option, index) => /* @__PURE__ */ React142.createElement(
-    import_editor_ui22.MenuListItem,
+    import_editor_ui23.MenuListItem,
     {
       key: option,
       onClick: () => handleMenuItemClick(index),