@elementor/editor-controls 4.0.0-539 → 4.0.0-540

package/dist/index.mjs

@@ -5563,7 +5563,7 @@ import {
   selectionSizePropTypeUtil as selectionSizePropTypeUtil2
 } from "@elementor/editor-props";
 import { InfoCircleFilledIcon as InfoCircleFilledIcon3 } from "@elementor/icons";
-import { Alert as Alert3, AlertTitle as AlertTitle3, Box as Box20, Typography as Typography7 } from "@elementor/ui";
+import { Alert as Alert2, AlertTitle as AlertTitle3, Box as Box20, Typography as Typography7 } from "@elementor/ui";
 import { __ as __49 } from "@wordpress/i18n";
 
 // src/controls/selection-size-control.tsx
@@ -5792,9 +5792,9 @@ function subscribeToTransitionEvent() {
 import * as React95 from "react";
 import { useMemo as useMemo13, useRef as useRef23 } from "react";
 import { keyValuePropTypeUtil as keyValuePropTypeUtil2 } from "@elementor/editor-props";
-import { PromotionChip } from "@elementor/editor-ui";
-import { ChevronDownIcon as ChevronDownIcon3, CrownFilledIcon, VariationsIcon } from "@elementor/icons";
-import { Alert as Alert2, bindPopover as bindPopover6, bindTrigger as bindTrigger5, Box as Box19, Popover as Popover6, UnstableTag as UnstableTag3, usePopupState as usePopupState7 } from "@elementor/ui";
+import { PromotionAlert, PromotionChip } from "@elementor/editor-ui";
+import { ChevronDownIcon as ChevronDownIcon3, VariationsIcon } from "@elementor/icons";
+import { bindPopover as bindPopover6, bindTrigger as bindTrigger5, Box as Box19, Popover as Popover6, UnstableTag as UnstableTag3, usePopupState as usePopupState7 } from "@elementor/ui";
 import { __ as __48 } from "@wordpress/i18n";
 var toTransitionSelectorValue = (label) => {
   for (const category of transitionProperties) {
@@ -5927,34 +5927,14 @@ var TransitionSelector = ({
           showPromotion && disabledCategories.has(item.value) && /* @__PURE__ */ React95.createElement(PromotionChip, null)
         ),
         footer: showPromotion ? /* @__PURE__ */ React95.createElement(
-          Alert2,
+          PromotionAlert,
           {
-            variant: "standard",
-            color: "promotion",
-            icon: false,
-            role: "dialog",
-            "aria-label": "promotion-alert",
-            size: "small",
-            sx: { m: 1.5, mt: 0 }
-          },
-          __48("Upgrade to customize transition properties and control effects.", "elementor"),
-          /* @__PURE__ */ React95.createElement(
-            Box19,
-            {
-              component: "a",
-              href: PRO_UPGRADE_URL,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              sx: {
-                display: "flex",
-                alignItems: "center",
-                gap: 0.5,
-                color: "promotion.main"
-              }
-            },
-            /* @__PURE__ */ React95.createElement(CrownFilledIcon, { fontSize: "tiny" }),
-            __48("Upgrade now", "elementor")
-          )
+            message: __48(
+              "Upgrade to customize transition properties and control effects.",
+              "elementor"
+            ),
+            upgradeUrl: PRO_UPGRADE_URL
+          }
         ) : null
       }
     )
@@ -6062,7 +6042,7 @@ var getInitialValue = (values = []) => {
   return initialTransitionValue;
 };
 var disableAddItemTooltipContent = /* @__PURE__ */ React96.createElement(
-  Alert3,
+  Alert2,
   {
     sx: {
       width: 280,