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

package/dist/index.mjs

@@ -2267,8 +2267,11 @@ var ToggleButtonGroupUi = React51.forwardRef(
       const isOffLimits = menuItems?.length;
       const itemsCount = isOffLimits ? fixedItems.length + 1 : fixedItems.length;
       const templateColumnsSuffix = isOffLimits ? "auto" : "";
+      if (fullWidth) {
+        return `repeat(${itemsCount}, 1fr) ${templateColumnsSuffix}`;
+      }
       return `repeat(${itemsCount}, minmax(0, 25%)) ${templateColumnsSuffix}`;
-    }, [menuItems?.length, fixedItems.length]);
+    }, [menuItems?.length, fixedItems.length, fullWidth]);
     const shouldShowExclusivePlaceholder = exclusive && (value === null || value === void 0 || value === "");
     const nonExclusiveSelectedValues = !exclusive && Array.isArray(value) ? value.map((v) => typeof v === "string" ? v : "").join(" ").trim().split(/\s+/).filter(Boolean) : [];
     const shouldShowNonExclusivePlaceholder = !exclusive && nonExclusiveSelectedValues.length === 0;
@@ -5563,7 +5566,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 +5795,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 +5930,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 +6045,7 @@ var getInitialValue = (values = []) => {
   return initialTransitionValue;
 };
 var disableAddItemTooltipContent = /* @__PURE__ */ React96.createElement(
-  Alert3,
+  Alert2,
   {
     sx: {
       width: 280,