@elementor/editor-controls 3.35.3 → 3.35.4

package/dist/index.mjs

@@ -5578,7 +5578,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
@@ -5635,7 +5635,7 @@ var getIsSiteRtl = () => {
 var shouldExtendTransitionProperties = () => {
   const hasProInstalled = !!window.elementorPro;
   if (!hasProInstalled) {
-    return true;
+    return false;
   }
   const proVersion = window.elementorPro?.config?.version;
   if (!proVersion) {
@@ -5807,9 +5807,9 @@ function subscribeToTransitionEvent() {
 import * as React96 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) {
@@ -5942,34 +5942,14 @@ var TransitionSelector = ({
           showPromotion && disabledCategories.has(item.value) && /* @__PURE__ */ React96.createElement(PromotionChip, null)
         ),
         footer: showPromotion ? /* @__PURE__ */ React96.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__ */ React96.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__ */ React96.createElement(CrownFilledIcon, { fontSize: "tiny" }),
-            __48("Upgrade now", "elementor")
-          )
+            message: __48(
+              "Upgrade to customize transition properties and control effects.",
+              "elementor"
+            ),
+            upgradeUrl: PRO_UPGRADE_URL
+          }
         ) : null
       }
     )
@@ -6077,7 +6057,7 @@ var getInitialValue = (values = []) => {
   return initialTransitionValue;
 };
 var disableAddItemTooltipContent = /* @__PURE__ */ React97.createElement(
-  Alert3,
+  Alert2,
   {
     sx: {
       width: 280,