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

package/dist/index.js

@@ -2336,8 +2336,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;
@@ -5940,34 +5943,14 @@ var TransitionSelector = ({
           showPromotion && disabledCategories.has(item.value) && /* @__PURE__ */ React95.createElement(import_editor_ui12.PromotionChip, null)
         ),
         footer: showPromotion ? /* @__PURE__ */ React95.createElement(
-          import_ui81.Alert,
+          import_editor_ui12.PromotionAlert,
           {
-            variant: "standard",
-            color: "promotion",
-            icon: false,
-            role: "dialog",
-            "aria-label": "promotion-alert",
-            size: "small",
-            sx: { m: 1.5, mt: 0 }
-          },
-          (0, import_i18n48.__)("Upgrade to customize transition properties and control effects.", "elementor"),
-          /* @__PURE__ */ React95.createElement(
-            import_ui81.Box,
-            {
-              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(import_icons31.CrownFilledIcon, { fontSize: "tiny" }),
-            (0, import_i18n48.__)("Upgrade now", "elementor")
-          )
+            message: (0, import_i18n48.__)(
+              "Upgrade to customize transition properties and control effects.",
+              "elementor"
+            ),
+            upgradeUrl: PRO_UPGRADE_URL
+          }
         ) : null
       }
     )