@elementor/editor-variables 3.35.0-427 → 3.35.0-428

package/dist/index.js

@@ -50,9 +50,9 @@ var import_editor_props7 = require("@elementor/editor-props");
 var React12 = __toESM(require("react"));
 var import_react11 = require("react");
 var import_editor_panels = require("@elementor/editor-panels");
-var import_editor_ui4 = require("@elementor/editor-ui");
+var import_editor_ui5 = require("@elementor/editor-ui");
 var import_editor_v1_adapters = require("@elementor/editor-v1-adapters");
-var import_icons6 = require("@elementor/icons");
+var import_icons5 = require("@elementor/icons");
 var import_ui12 = require("@elementor/ui");
 var import_i18n9 = require("@wordpress/i18n");
 
@@ -745,17 +745,11 @@ var { registerVariableType, getVariableType, getVariableTypes, hasVariableType }
 
 // src/components/ui/delete-confirmation-dialog.tsx
 var React2 = __toESM(require("react"));
-var import_icons2 = require("@elementor/icons");
+var import_editor_ui = require("@elementor/editor-ui");
 var import_ui3 = require("@elementor/ui");
 var import_i18n4 = require("@wordpress/i18n");
-var TITLE_ID = "delete-variable-dialog";
-var DeleteConfirmationDialog = ({
-  open,
-  label,
-  closeDialog,
-  onConfirm
-}) => {
-  return /* @__PURE__ */ React2.createElement(import_ui3.Dialog, { open, onClose: closeDialog, "aria-labelledby": TITLE_ID, maxWidth: "xs" }, /* @__PURE__ */ React2.createElement(import_ui3.DialogTitle, { id: TITLE_ID, display: "flex", alignItems: "center", gap: 1, sx: { lineHeight: 1 } }, /* @__PURE__ */ React2.createElement(import_icons2.AlertOctagonFilledIcon, { color: "error" }), (0, import_i18n4.__)("Delete this variable?", "elementor")), /* @__PURE__ */ React2.createElement(import_ui3.DialogContent, null, /* @__PURE__ */ React2.createElement(import_ui3.DialogContentText, { variant: "body2", color: "textPrimary" }, (0, import_i18n4.__)("All elements using", "elementor"), "\xA0", /* @__PURE__ */ React2.createElement(import_ui3.Typography, { variant: "subtitle2", component: "span", sx: { lineBreak: "anywhere" } }, label), "\xA0", (0, import_i18n4.__)("will keep their current values, but the variable itself will be removed.", "elementor"))), /* @__PURE__ */ React2.createElement(import_ui3.DialogActions, null, /* @__PURE__ */ React2.createElement(import_ui3.Button, { color: "secondary", onClick: closeDialog }, (0, import_i18n4.__)("Not now", "elementor")), /* @__PURE__ */ React2.createElement(import_ui3.Button, { variant: "contained", color: "error", onClick: onConfirm }, (0, import_i18n4.__)("Delete", "elementor"))));
+var DeleteConfirmationDialog = ({ open, label, closeDialog, onConfirm }) => {
+  return /* @__PURE__ */ React2.createElement(import_editor_ui.ConfirmationDialog, { open, onClose: closeDialog }, /* @__PURE__ */ React2.createElement(import_editor_ui.ConfirmationDialog.Title, null, (0, import_i18n4.__)("Delete this variable?", "elementor")), /* @__PURE__ */ React2.createElement(import_editor_ui.ConfirmationDialog.Content, null, /* @__PURE__ */ React2.createElement(import_editor_ui.ConfirmationDialog.ContentText, null, (0, import_i18n4.__)("All elements using", "elementor"), "\xA0", /* @__PURE__ */ React2.createElement(import_ui3.Typography, { variant: "subtitle2", component: "span", sx: { lineBreak: "anywhere" } }, label), "\xA0", (0, import_i18n4.__)("will keep their current values, but the variable itself will be removed.", "elementor"))), /* @__PURE__ */ React2.createElement(import_editor_ui.ConfirmationDialog.Actions, { onClose: closeDialog, onConfirm }));
 };
 
 // src/components/ui/empty-state.tsx
@@ -1056,8 +1050,8 @@ var useVariablesManagerState = () => {
 // src/components/variables-manager/variables-manager-create-menu.tsx
 var React6 = __toESM(require("react"));
 var import_react6 = require("react");
-var import_editor_ui = require("@elementor/editor-ui");
-var import_icons3 = require("@elementor/icons");
+var import_editor_ui2 = require("@elementor/editor-ui");
+var import_icons2 = require("@elementor/icons");
 var import_ui6 = require("@elementor/ui");
 var import_utils = require("@elementor/utils");
 var import_i18n7 = require("@wordpress/i18n");
@@ -1110,7 +1104,7 @@ var VariableManagerCreateMenu = ({
       size: SIZE,
       "aria-label": (0, import_i18n7.__)("Add variable", "elementor")
     },
-    /* @__PURE__ */ React6.createElement(import_icons3.PlusIcon, { fontSize: SIZE })
+    /* @__PURE__ */ React6.createElement(import_icons2.PlusIcon, { fontSize: SIZE })
   ), /* @__PURE__ */ React6.createElement(
     import_ui6.Menu,
     {
@@ -1182,7 +1176,7 @@ var MenuOption = ({
       }
     },
     /* @__PURE__ */ React6.createElement(
-      import_editor_ui.PromotionPopover,
+      import_editor_ui2.PromotionPopover,
       {
         open: isPopoverOpen,
         title,
@@ -1194,7 +1188,7 @@ var MenuOption = ({
         }
       },
       /* @__PURE__ */ React6.createElement(
-        import_editor_ui.PromotionChip,
+        import_editor_ui2.PromotionChip,
         {
           onClick: () => {
             setIsPopoverOpen(true);
@@ -1218,15 +1212,15 @@ var getDefaultName = (variables, type, baseName) => {
 // src/components/variables-manager/variables-manager-table.tsx
 var React11 = __toESM(require("react"));
 var import_react10 = require("react");
-var import_editor_ui3 = require("@elementor/editor-ui");
-var import_icons5 = require("@elementor/icons");
+var import_editor_ui4 = require("@elementor/editor-ui");
+var import_icons4 = require("@elementor/icons");
 var import_ui11 = require("@elementor/ui");
 var import_i18n8 = require("@wordpress/i18n");
 
 // src/components/fields/label-field.tsx
 var React7 = __toESM(require("react"));
 var import_react7 = require("react");
-var import_editor_ui2 = require("@elementor/editor-ui");
+var import_editor_ui3 = require("@elementor/editor-ui");
 var import_ui7 = require("@elementor/ui");
 function isLabelEqual(a, b) {
   return a.trim().toLowerCase() === b.trim().toLowerCase();
@@ -1286,7 +1280,7 @@ var LabelField = ({
   if (showWarningInfotip) {
     const tooltipWidth = Math.max(240, fieldRef.current?.getBoundingClientRect().width ?? 240);
     return /* @__PURE__ */ React7.createElement(
-      import_editor_ui2.WarningInfotip,
+      import_editor_ui3.WarningInfotip,
       {
         open: Boolean(errorMsg || hintMsg),
         text: errorMsg || hintMsg,
@@ -1304,13 +1298,13 @@ var LabelField = ({
 // src/components/variables-manager/ui/variable-edit-menu.tsx
 var React8 = __toESM(require("react"));
 var import_react8 = require("react");
-var import_icons4 = require("@elementor/icons");
+var import_icons3 = require("@elementor/icons");
 var import_ui8 = require("@elementor/ui");
 var VariableEditMenu = ({ menuActions, disabled, itemId }) => {
   const menuState = (0, import_ui8.usePopupState)({
     variant: "popover"
   });
-  return /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(import_ui8.IconButton, { ...(0, import_ui8.bindTrigger)(menuState), disabled, size: "tiny" }, /* @__PURE__ */ React8.createElement(import_icons4.DotsVerticalIcon, { fontSize: "tiny" })), /* @__PURE__ */ React8.createElement(
+  return /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(import_ui8.IconButton, { ...(0, import_ui8.bindTrigger)(menuState), disabled, size: "tiny" }, /* @__PURE__ */ React8.createElement(import_icons3.DotsVerticalIcon, { fontSize: "tiny" })), /* @__PURE__ */ React8.createElement(
     import_ui8.Menu,
     {
       disablePortal: true,
@@ -1625,7 +1619,7 @@ var VariablesManagerTable = ({
                 disabled: isSorting,
                 draggable: true
               },
-              /* @__PURE__ */ React11.createElement(import_icons5.GripVerticalIcon, { fontSize: "inherit" })
+              /* @__PURE__ */ React11.createElement(import_icons4.GripVerticalIcon, { fontSize: "inherit" })
             )),
             /* @__PURE__ */ React11.createElement(VariableTableCell, null, /* @__PURE__ */ React11.createElement(
               VariableEditableCell,
@@ -1669,7 +1663,7 @@ var VariablesManagerTable = ({
                 fieldType: "label"
               },
               /* @__PURE__ */ React11.createElement(
-                import_editor_ui3.EllipsisWithTooltip,
+                import_editor_ui4.EllipsisWithTooltip,
                 {
                   title: row.name,
                   sx: { border: "4px solid transparent" }
@@ -1721,7 +1715,7 @@ var VariablesManagerTable = ({
               },
               row.startIcon && row.startIcon({ value: row.value }),
               /* @__PURE__ */ React11.createElement(
-                import_editor_ui3.EllipsisWithTooltip,
+                import_editor_ui4.EllipsisWithTooltip,
                 {
                   title: row.value,
                   sx: {
@@ -1781,7 +1775,7 @@ var { panel, usePanelActions } = (0, import_editor_panels.__createPanel)({
 });
 function VariablesManagerPanel() {
   const { close: closePanel } = usePanelActions();
-  const { open: openSaveChangesDialog, close: closeSaveChangesDialog, isOpen: isSaveChangesDialogOpen } = (0, import_editor_ui4.useDialog)();
+  const { open: openSaveChangesDialog, close: closeSaveChangesDialog, isOpen: isSaveChangesDialogOpen } = (0, import_editor_ui5.useDialog)();
   const createMenuState = (0, import_ui12.usePopupState)({
     variant: "popover"
   });
@@ -1855,7 +1849,7 @@ function VariablesManagerPanel() {
   const menuActions = [
     {
       name: (0, import_i18n9.__)("Delete", "elementor"),
-      icon: import_icons6.TrashIcon,
+      icon: import_icons5.TrashIcon,
       color: "error.main",
       onClick: (itemId) => {
         const variable = variables[itemId];
@@ -1868,14 +1862,14 @@ function VariablesManagerPanel() {
     }
   ];
   const hasVariables = Object.values(variables).some((variable) => !variable.deleted);
-  return /* @__PURE__ */ React12.createElement(import_editor_ui4.ThemeProvider, null, /* @__PURE__ */ React12.createElement(import_editor_panels.Panel, null, /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React12.createElement(import_editor_ui5.ThemeProvider, null, /* @__PURE__ */ React12.createElement(import_editor_panels.Panel, null, /* @__PURE__ */ React12.createElement(
     import_editor_panels.PanelHeader,
     {
       sx: {
         height: "unset"
       }
     },
-    /* @__PURE__ */ React12.createElement(import_ui12.Stack, { width: "100%", direction: "column", alignItems: "center" }, /* @__PURE__ */ React12.createElement(import_ui12.Stack, { p: 1, pl: 2, width: "100%", direction: "row", alignItems: "center" }, /* @__PURE__ */ React12.createElement(import_ui12.Stack, { width: "100%", direction: "row", gap: 1 }, /* @__PURE__ */ React12.createElement(import_editor_panels.PanelHeaderTitle, { sx: { display: "flex", alignItems: "center", gap: 0.5 } }, /* @__PURE__ */ React12.createElement(import_icons6.ColorFilterIcon, { fontSize: "inherit" }), (0, import_i18n9.__)("Variables Manager", "elementor"))), /* @__PURE__ */ React12.createElement(import_ui12.Stack, { direction: "row", gap: 0.5, alignItems: "center" }, /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React12.createElement(import_ui12.Stack, { width: "100%", direction: "column", alignItems: "center" }, /* @__PURE__ */ React12.createElement(import_ui12.Stack, { p: 1, pl: 2, width: "100%", direction: "row", alignItems: "center" }, /* @__PURE__ */ React12.createElement(import_ui12.Stack, { width: "100%", direction: "row", gap: 1 }, /* @__PURE__ */ React12.createElement(import_editor_panels.PanelHeaderTitle, { sx: { display: "flex", alignItems: "center", gap: 0.5 } }, /* @__PURE__ */ React12.createElement(import_icons5.ColorFilterIcon, { fontSize: "inherit" }), (0, import_i18n9.__)("Variables Manager", "elementor"))), /* @__PURE__ */ React12.createElement(import_ui12.Stack, { direction: "row", gap: 0.5, alignItems: "center" }, /* @__PURE__ */ React12.createElement(
       VariableManagerCreateMenu,
       {
         onCreate: handleCreateVariable,
@@ -1892,7 +1886,7 @@ function VariablesManagerPanel() {
         }
       }
     ))), /* @__PURE__ */ React12.createElement(import_ui12.Stack, { width: "100%", direction: "row", gap: 1 }, /* @__PURE__ */ React12.createElement(
-      import_editor_ui4.SearchField,
+      import_editor_ui5.SearchField,
       {
         sx: {
           display: "flex",
@@ -1928,7 +1922,7 @@ function VariablesManagerPanel() {
       {
         searchValue,
         onClear: () => handleSearch(""),
-        icon: /* @__PURE__ */ React12.createElement(import_icons6.ColorFilterIcon, { fontSize: "large" })
+        icon: /* @__PURE__ */ React12.createElement(import_icons5.ColorFilterIcon, { fontSize: "large" })
       }
     ),
     !hasVariables && !searchValue && /* @__PURE__ */ React12.createElement(
@@ -1939,7 +1933,7 @@ function VariablesManagerPanel() {
           "Variables are saved attributes that you can apply anywhere on your site.",
           "elementor"
         ),
-        icon: /* @__PURE__ */ React12.createElement(import_icons6.ColorFilterIcon, { fontSize: "large" }),
+        icon: /* @__PURE__ */ React12.createElement(import_icons5.ColorFilterIcon, { fontSize: "large" }),
         onAdd: createMenuState.open
       }
     )
@@ -1957,7 +1951,7 @@ function VariablesManagerPanel() {
             setServerError(null);
             setIsSaveDisabled(false);
           } : void 0,
-          icon: serverError.IconComponent ? /* @__PURE__ */ React12.createElement(serverError.IconComponent, null) : /* @__PURE__ */ React12.createElement(import_icons6.AlertTriangleFilledIcon, null)
+          icon: serverError.IconComponent ? /* @__PURE__ */ React12.createElement(serverError.IconComponent, null) : /* @__PURE__ */ React12.createElement(import_icons5.AlertTriangleFilledIcon, null)
         },
         /* @__PURE__ */ React12.createElement(import_ui12.AlertTitle, null, serverError.message),
         serverError.action?.message
@@ -1995,8 +1989,8 @@ function VariablesManagerPanel() {
       onConfirm: () => handleDeleteVariableWithConfirmation(deleteConfirmation.id),
       closeDialog: () => setDeleteConfirmation(null)
     }
-  ), isSaveChangesDialogOpen && /* @__PURE__ */ React12.createElement(import_editor_ui4.SaveChangesDialog, null, /* @__PURE__ */ React12.createElement(import_editor_ui4.SaveChangesDialog.Title, { onClose: closeSaveChangesDialog }, (0, import_i18n9.__)("You have unsaved changes", "elementor")), /* @__PURE__ */ React12.createElement(import_editor_ui4.SaveChangesDialog.Content, null, /* @__PURE__ */ React12.createElement(import_editor_ui4.SaveChangesDialog.ContentText, null, (0, import_i18n9.__)("To avoid losing your updates, save your changes before leaving.", "elementor"))), /* @__PURE__ */ React12.createElement(
-    import_editor_ui4.SaveChangesDialog.Actions,
+  ), isSaveChangesDialogOpen && /* @__PURE__ */ React12.createElement(import_editor_ui5.SaveChangesDialog, null, /* @__PURE__ */ React12.createElement(import_editor_ui5.SaveChangesDialog.Title, { onClose: closeSaveChangesDialog }, (0, import_i18n9.__)("You have unsaved changes", "elementor")), /* @__PURE__ */ React12.createElement(import_editor_ui5.SaveChangesDialog.Content, null, /* @__PURE__ */ React12.createElement(import_editor_ui5.SaveChangesDialog.ContentText, null, (0, import_i18n9.__)("To avoid losing your updates, save your changes before leaving.", "elementor"))), /* @__PURE__ */ React12.createElement(
+    import_editor_ui5.SaveChangesDialog.Actions,
     {
       actions: {
         discard: {
@@ -2042,7 +2036,7 @@ var import_editor_controls11 = require("@elementor/editor-controls");
 var import_react18 = require("react");
 var React22 = __toESM(require("react"));
 var import_editor_controls6 = require("@elementor/editor-controls");
-var import_icons13 = require("@elementor/icons");
+var import_icons12 = require("@elementor/icons");
 var import_ui22 = require("@elementor/ui");
 
 // src/utils/unlink-variable.ts
@@ -2084,8 +2078,8 @@ var React15 = __toESM(require("react"));
 var import_react13 = require("react");
 var import_editor_controls4 = require("@elementor/editor-controls");
 var import_editor_editing_panel2 = require("@elementor/editor-editing-panel");
-var import_editor_ui5 = require("@elementor/editor-ui");
-var import_icons7 = require("@elementor/icons");
+var import_editor_ui6 = require("@elementor/editor-ui");
+var import_icons6 = require("@elementor/icons");
 var import_ui15 = require("@elementor/ui");
 var import_i18n10 = require("@wordpress/i18n");
 
@@ -2199,9 +2193,9 @@ var VariableCreation = ({ onGoBack, onClose }) => {
   };
   const isSubmitDisabled = hasEmptyFields() || hasErrors();
   return /* @__PURE__ */ React15.createElement(import_editor_editing_panel2.PopoverBody, { height: "auto" }, /* @__PURE__ */ React15.createElement(
-    import_editor_ui5.PopoverHeader,
+    import_editor_ui6.PopoverHeader,
     {
-      icon: /* @__PURE__ */ React15.createElement(React15.Fragment, null, onGoBack && /* @__PURE__ */ React15.createElement(import_ui15.IconButton, { size: SIZE2, "aria-label": (0, import_i18n10.__)("Go Back", "elementor"), onClick: onGoBack }, /* @__PURE__ */ React15.createElement(import_icons7.ArrowLeftIcon, { fontSize: SIZE2 })), /* @__PURE__ */ React15.createElement(VariableIcon, { fontSize: SIZE2 })),
+      icon: /* @__PURE__ */ React15.createElement(React15.Fragment, null, onGoBack && /* @__PURE__ */ React15.createElement(import_ui15.IconButton, { size: SIZE2, "aria-label": (0, import_i18n10.__)("Go Back", "elementor"), onClick: onGoBack }, /* @__PURE__ */ React15.createElement(import_icons6.ArrowLeftIcon, { fontSize: SIZE2 })), /* @__PURE__ */ React15.createElement(VariableIcon, { fontSize: SIZE2 })),
       title: (0, import_i18n10.__)("Create variable", "elementor"),
       onClose: closePopover
     }
@@ -2263,15 +2257,15 @@ var import_react15 = require("react");
 var import_editor_controls5 = require("@elementor/editor-controls");
 var import_editor_current_user2 = require("@elementor/editor-current-user");
 var import_editor_editing_panel3 = require("@elementor/editor-editing-panel");
-var import_editor_ui6 = require("@elementor/editor-ui");
-var import_icons9 = require("@elementor/icons");
+var import_editor_ui7 = require("@elementor/editor-ui");
+var import_icons8 = require("@elementor/icons");
 var import_ui17 = require("@elementor/ui");
 var import_i18n12 = require("@wordpress/i18n");
 
 // src/components/ui/edit-confirmation-dialog.tsx
 var React16 = __toESM(require("react"));
 var import_react14 = require("react");
-var import_icons8 = require("@elementor/icons");
+var import_icons7 = require("@elementor/icons");
 var import_ui16 = require("@elementor/ui");
 var import_i18n11 = require("@wordpress/i18n");
 var EDIT_CONFIRMATION_DIALOG_ID = "edit-confirmation-dialog";
@@ -2287,7 +2281,7 @@ var EditConfirmationDialog = ({
     }
     onConfirm?.();
   };
-  return /* @__PURE__ */ React16.createElement(import_ui16.Dialog, { open: true, onClose: closeDialog, maxWidth: "xs" }, /* @__PURE__ */ React16.createElement(import_ui16.DialogTitle, { display: "flex", alignItems: "center", gap: 1 }, /* @__PURE__ */ React16.createElement(import_icons8.AlertTriangleFilledIcon, { color: "secondary" }), (0, import_i18n11.__)("Changes to variables go live right away.", "elementor")), /* @__PURE__ */ React16.createElement(import_ui16.DialogContent, null, /* @__PURE__ */ React16.createElement(import_ui16.DialogContentText, { variant: "body2", color: "textPrimary" }, (0, import_i18n11.__)(
+  return /* @__PURE__ */ React16.createElement(import_ui16.Dialog, { open: true, onClose: closeDialog, maxWidth: "xs" }, /* @__PURE__ */ React16.createElement(import_ui16.DialogTitle, { display: "flex", alignItems: "center", gap: 1 }, /* @__PURE__ */ React16.createElement(import_icons7.AlertTriangleFilledIcon, { color: "secondary" }), (0, import_i18n11.__)("Changes to variables go live right away.", "elementor")), /* @__PURE__ */ React16.createElement(import_ui16.DialogContent, null, /* @__PURE__ */ React16.createElement(import_ui16.DialogContentText, { variant: "body2", color: "textPrimary" }, (0, import_i18n11.__)(
     "Don't worry - all other changes you make will wait until you publish your site.",
     "elementor"
   ))), /* @__PURE__ */ React16.createElement(import_ui16.DialogActions, { sx: { justifyContent: "space-between", alignItems: "center" } }, /* @__PURE__ */ React16.createElement(
@@ -2389,7 +2383,7 @@ var VariableEdit = ({ onClose, onGoBack, onSubmit, editId }) => {
   const actions = [];
   if (userPermissions.canDelete()) {
     actions.push(
-      /* @__PURE__ */ React17.createElement(import_ui17.Tooltip, { key: "delete", placement: "top", title: DELETE_LABEL }, /* @__PURE__ */ React17.createElement(import_ui17.IconButton, { size: SIZE3, onClick: handleDeleteConfirmation, "aria-label": DELETE_LABEL }, /* @__PURE__ */ React17.createElement(import_icons9.TrashIcon, { fontSize: SIZE3 })))
+      /* @__PURE__ */ React17.createElement(import_ui17.Tooltip, { key: "delete", placement: "top", title: DELETE_LABEL }, /* @__PURE__ */ React17.createElement(import_ui17.IconButton, { size: SIZE3, onClick: handleDeleteConfirmation, "aria-label": DELETE_LABEL }, /* @__PURE__ */ React17.createElement(import_icons8.TrashIcon, { fontSize: SIZE3 })))
     );
   }
   const hasEmptyFields = () => {
@@ -2409,7 +2403,7 @@ var VariableEdit = ({ onClose, onGoBack, onSubmit, editId }) => {
   };
   const isSubmitDisabled = noValueChanged() || hasEmptyFields() || hasErrors();
   return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement(import_editor_editing_panel3.PopoverBody, { height: "auto" }, /* @__PURE__ */ React17.createElement(
-    import_editor_ui6.PopoverHeader,
+    import_editor_ui7.PopoverHeader,
     {
       title: (0, import_i18n12.__)("Edit variable", "elementor"),
       onClose,
@@ -2420,7 +2414,7 @@ var VariableEdit = ({ onClose, onGoBack, onSubmit, editId }) => {
           "aria-label": (0, import_i18n12.__)("Go Back", "elementor"),
           onClick: onGoBack
         },
-        /* @__PURE__ */ React17.createElement(import_icons9.ArrowLeftIcon, { fontSize: SIZE3 })
+        /* @__PURE__ */ React17.createElement(import_icons8.ArrowLeftIcon, { fontSize: SIZE3 })
       ), /* @__PURE__ */ React17.createElement(VariableIcon, { fontSize: SIZE3 })),
       actions
     }
@@ -2486,15 +2480,15 @@ var VariableEdit = ({ onClose, onGoBack, onSubmit, editId }) => {
 var React19 = __toESM(require("react"));
 var import_react16 = require("react");
 var import_editor_editing_panel4 = require("@elementor/editor-editing-panel");
-var import_editor_ui8 = require("@elementor/editor-ui");
-var import_icons11 = require("@elementor/icons");
+var import_editor_ui9 = require("@elementor/editor-ui");
+var import_icons10 = require("@elementor/icons");
 var import_ui20 = require("@elementor/ui");
 var import_i18n14 = require("@wordpress/i18n");
 
 // src/components/ui/menu-item-content.tsx
 var React18 = __toESM(require("react"));
-var import_editor_ui7 = require("@elementor/editor-ui");
-var import_icons10 = require("@elementor/icons");
+var import_editor_ui8 = require("@elementor/editor-ui");
+var import_icons9 = require("@elementor/icons");
 var import_ui18 = require("@elementor/ui");
 var import_i18n13 = require("@wordpress/i18n");
 var SIZE4 = "tiny";
@@ -2513,7 +2507,7 @@ var MenuItemContent = ({ item }) => {
       }
     },
     /* @__PURE__ */ React18.createElement(
-      import_editor_ui7.EllipsisWithTooltip,
+      import_editor_ui8.EllipsisWithTooltip,
       {
         title: item.label || item.value,
         as: import_ui18.Typography,
@@ -2524,7 +2518,7 @@ var MenuItemContent = ({ item }) => {
       }
     ),
     item.secondaryText && /* @__PURE__ */ React18.createElement(
-      import_editor_ui7.EllipsisWithTooltip,
+      import_editor_ui8.EllipsisWithTooltip,
       {
         title: item.secondaryText,
         as: import_ui18.Typography,
@@ -2544,7 +2538,7 @@ var MenuItemContent = ({ item }) => {
       },
       "aria-label": EDIT_LABEL
     },
-    /* @__PURE__ */ React18.createElement(import_icons10.EditIcon, { color: "action", fontSize: SIZE4 })
+    /* @__PURE__ */ React18.createElement(import_icons9.EditIcon, { color: "action", fontSize: SIZE4 })
   )));
 };
 
@@ -2623,7 +2617,7 @@ var VariablesSelection = ({ closePopover, onAdd, onEdit, onSettings, disabled =
           "aria-label": CREATE_LABEL,
           disabled
         },
-        /* @__PURE__ */ React19.createElement(import_icons11.PlusIcon, { fontSize: SIZE5 })
+        /* @__PURE__ */ React19.createElement(import_icons10.PlusIcon, { fontSize: SIZE5 })
       )))
     );
   }
@@ -2645,7 +2639,7 @@ var VariablesSelection = ({ closePopover, onAdd, onEdit, onSettings, disabled =
           onClick: handleOpenManager,
           "aria-label": MANAGER_LABEL
         },
-        /* @__PURE__ */ React19.createElement(import_icons11.SettingsIcon, { fontSize: SIZE5 })
+        /* @__PURE__ */ React19.createElement(import_icons10.SettingsIcon, { fontSize: SIZE5 })
       ))
     );
   }
@@ -2665,22 +2659,22 @@ var VariablesSelection = ({ closePopover, onAdd, onEdit, onSettings, disabled =
     setSearchValue("");
   };
   return /* @__PURE__ */ React19.createElement(import_editor_editing_panel4.PopoverBody, null, /* @__PURE__ */ React19.createElement(
-    import_editor_ui8.PopoverHeader,
+    import_editor_ui9.PopoverHeader,
     {
       title: (0, import_i18n14.__)("Variables", "elementor"),
-      icon: /* @__PURE__ */ React19.createElement(import_icons11.ColorFilterIcon, { fontSize: SIZE5 }),
+      icon: /* @__PURE__ */ React19.createElement(import_icons10.ColorFilterIcon, { fontSize: SIZE5 }),
       onClose: closePopover,
       actions
     }
   ), hasVariables && /* @__PURE__ */ React19.createElement(
-    import_editor_ui8.SearchField,
+    import_editor_ui9.SearchField,
     {
       value: searchValue,
       onSearch: handleSearch,
       placeholder: (0, import_i18n14.__)("Search", "elementor")
     }
   ), /* @__PURE__ */ React19.createElement(import_ui20.Divider, null), hasVariables && hasSearchResults && /* @__PURE__ */ React19.createElement(
-    import_editor_ui8.PopoverMenuList,
+    import_editor_ui9.PopoverMenuList,
     {
       items,
       onSelect: handleSetVariable,
@@ -2831,7 +2825,7 @@ function RenderView(props) {
 
 // src/components/ui/tags/assigned-tag.tsx
 var React21 = __toESM(require("react"));
-var import_icons12 = require("@elementor/icons");
+var import_icons11 = require("@elementor/icons");
 var import_ui21 = require("@elementor/ui");
 var import_i18n15 = require("@wordpress/i18n");
 var SIZE6 = "tiny";
@@ -2840,7 +2834,7 @@ var AssignedTag = ({ startIcon, label, onUnlink, ...props }) => {
   const actions = [];
   if (onUnlink) {
     actions.push(
-      /* @__PURE__ */ React21.createElement(import_ui21.Tooltip, { key: "unlink", title: UNLINK_LABEL, placement: "bottom" }, /* @__PURE__ */ React21.createElement(import_ui21.IconButton, { size: SIZE6, onClick: onUnlink, "aria-label": UNLINK_LABEL }, /* @__PURE__ */ React21.createElement(import_icons12.DetachIcon, { fontSize: SIZE6 })))
+      /* @__PURE__ */ React21.createElement(import_ui21.Tooltip, { key: "unlink", title: UNLINK_LABEL, placement: "bottom" }, /* @__PURE__ */ React21.createElement(import_ui21.IconButton, { size: SIZE6, onClick: onUnlink, "aria-label": UNLINK_LABEL }, /* @__PURE__ */ React21.createElement(import_icons11.DetachIcon, { fontSize: SIZE6 })))
     );
   }
   return /* @__PURE__ */ React21.createElement(import_ui21.Tooltip, { title: label, placement: "top" }, /* @__PURE__ */ React21.createElement(
@@ -2872,7 +2866,7 @@ var AssignedVariable = ({ variable, propTypeKey }) => {
     AssignedTag,
     {
       label: variable.label,
-      startIcon: /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement(import_icons13.ColorFilterIcon, { fontSize: SIZE6 }), /* @__PURE__ */ React22.createElement(StartIcon, { value: variable.value })),
+      startIcon: /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement(import_icons12.ColorFilterIcon, { fontSize: SIZE6 }), /* @__PURE__ */ React22.createElement(StartIcon, { value: variable.value })),
       onUnlink: unlinkVariable,
       ...(0, import_ui22.bindTrigger)(popupState)
     }
@@ -2911,7 +2905,7 @@ var React23 = __toESM(require("react"));
 var import_react19 = require("react");
 var import_editor_controls7 = require("@elementor/editor-controls");
 var import_editor_editing_panel5 = require("@elementor/editor-editing-panel");
-var import_editor_ui9 = require("@elementor/editor-ui");
+var import_editor_ui10 = require("@elementor/editor-ui");
 var import_ui23 = require("@elementor/ui");
 var import_i18n16 = require("@wordpress/i18n");
 var SIZE7 = "tiny";
@@ -2968,7 +2962,7 @@ var VariableRestore = ({ variableId, onClose, onSubmit }) => {
   };
   const isSubmitDisabled = noValueChanged() || hasEmptyFields() || hasErrors();
   return /* @__PURE__ */ React23.createElement(PopoverContentRefContextProvider, null, /* @__PURE__ */ React23.createElement(import_editor_editing_panel5.PopoverBody, { height: "auto" }, /* @__PURE__ */ React23.createElement(
-    import_editor_ui9.PopoverHeader,
+    import_editor_ui10.PopoverHeader,
     {
       icon: /* @__PURE__ */ React23.createElement(VariableIcon, { fontSize: SIZE7 }),
       title: (0, import_i18n16.__)("Restore variable", "elementor"),
@@ -3041,7 +3035,7 @@ var DeletedVariableAlert = ({ onClose, onUnlink, onRestore, label }) => {
 
 // src/components/ui/tags/warning-variable-tag.tsx
 var React25 = __toESM(require("react"));
-var import_icons14 = require("@elementor/icons");
+var import_icons13 = require("@elementor/icons");
 var import_ui25 = require("@elementor/ui");
 var WarningVariableTag = React25.forwardRef(
   ({ label, suffix, onClick, icon, ...props }, ref) => {
@@ -3055,7 +3049,7 @@ var WarningVariableTag = React25.forwardRef(
         shape: "rounded",
         variant: "standard",
         onClick,
-        icon: /* @__PURE__ */ React25.createElement(import_icons14.AlertTriangleFilledIcon, null),
+        icon: /* @__PURE__ */ React25.createElement(import_icons13.AlertTriangleFilledIcon, null),
         label: /* @__PURE__ */ React25.createElement(import_ui25.Tooltip, { title: displayText, placement: "top" }, /* @__PURE__ */ React25.createElement(import_ui25.Box, { sx: { display: "inline-grid", minWidth: 0 } }, /* @__PURE__ */ React25.createElement(import_ui25.Typography, { variant: "caption", noWrap: true, sx: { lineHeight: 1.34 } }, displayText))),
         sx: {
           height: (theme) => theme.spacing(3.5),
@@ -3363,14 +3357,14 @@ var VariableControl = () => {
 // src/hooks/use-prop-variable-action.tsx
 var React32 = __toESM(require("react"));
 var import_editor_editing_panel6 = require("@elementor/editor-editing-panel");
-var import_icons15 = require("@elementor/icons");
+var import_icons14 = require("@elementor/icons");
 var import_i18n23 = require("@wordpress/i18n");
 var usePropVariableAction = () => {
   const { propType, path } = (0, import_editor_editing_panel6.useBoundProp)();
   const variable = resolveVariableFromPropType(propType);
   return {
     visible: Boolean(variable),
-    icon: import_icons15.ColorFilterIcon,
+    icon: import_icons14.ColorFilterIcon,
     title: (0, import_i18n23.__)("Variables", "elementor"),
     content: ({ close: closePopover }) => {
       if (!variable) {
@@ -3641,8 +3635,8 @@ function initMcp() {
 // src/register-variable-types.tsx
 var React35 = __toESM(require("react"));
 var import_editor_props5 = require("@elementor/editor-props");
-var import_editor_ui10 = require("@elementor/editor-ui");
-var import_icons17 = require("@elementor/icons");
+var import_editor_ui11 = require("@elementor/editor-ui");
+var import_icons16 = require("@elementor/icons");
 
 // src/components/fields/color-field.tsx
 var React33 = __toESM(require("react"));
@@ -3693,7 +3687,7 @@ var React34 = __toESM(require("react"));
 var import_react24 = require("react");
 var import_editor_controls12 = require("@elementor/editor-controls");
 var import_editor_editing_panel7 = require("@elementor/editor-editing-panel");
-var import_icons16 = require("@elementor/icons");
+var import_icons15 = require("@elementor/icons");
 var import_ui32 = require("@elementor/ui");
 var import_i18n24 = require("@wordpress/i18n");
 var FontField = ({ value, onChange, onValidationChange }) => {
@@ -3726,7 +3720,7 @@ var FontField = ({ value, onChange, onValidationChange }) => {
       id: id2,
       variant: "outlined",
       label: fontFamily,
-      endIcon: /* @__PURE__ */ React34.createElement(import_icons16.ChevronDownIcon, { fontSize: "tiny" }),
+      endIcon: /* @__PURE__ */ React34.createElement(import_icons15.ChevronDownIcon, { fontSize: "tiny" }),
       ...(0, import_ui32.bindTrigger)(fontPopoverState),
       fullWidth: true
     }
@@ -3752,7 +3746,7 @@ var FontField = ({ value, onChange, onValidationChange }) => {
         title: (0, import_i18n24.__)("Font family", "elementor"),
         itemStyle: (item) => ({ fontFamily: item.value }),
         onDebounce: import_editor_controls12.enqueueFont,
-        icon: import_icons16.TextIcon
+        icon: import_icons15.TextIcon
       }
     )
   ));
@@ -3774,7 +3768,7 @@ function registerVariableTypes() {
   registerVariableType({
     key: colorVariablePropTypeUtil.key,
     valueField: ColorField,
-    icon: import_icons17.BrushIcon,
+    icon: import_icons16.BrushIcon,
     propTypeUtil: colorVariablePropTypeUtil,
     fallbackPropTypeUtil: import_editor_props5.colorPropTypeUtil,
     variableType: "color",
@@ -3784,20 +3778,20 @@ function registerVariableTypes() {
   registerVariableType({
     key: fontVariablePropTypeUtil.key,
     valueField: FontField,
-    icon: import_icons17.TextIcon,
+    icon: import_icons16.TextIcon,
     propTypeUtil: fontVariablePropTypeUtil,
     fallbackPropTypeUtil: import_editor_props5.stringPropTypeUtil,
     variableType: "font",
     defaultValue: "Roboto"
   });
   const sizePromotions = {
-    icon: import_icons17.ExpandDiagonalIcon,
+    icon: import_icons16.ExpandDiagonalIcon,
     propTypeUtil: sizeVariablePropTypeUtil,
     fallbackPropTypeUtil: import_editor_props5.sizePropTypeUtil,
     styleTransformer: EmptyTransformer,
     variableType: "size",
     selectionFilter: () => [],
-    emptyState: /* @__PURE__ */ React35.createElement(import_editor_ui10.CtaButton, { size: "small", href: "https://go.elementor.com/go-pro-panel-size-variable/" })
+    emptyState: /* @__PURE__ */ React35.createElement(import_editor_ui11.CtaButton, { size: "small", href: "https://go.elementor.com/go-pro-panel-size-variable/" })
   };
   registerVariableType({
     ...sizePromotions,