@elementor/editor-controls 3.32.0-54 → 3.32.0-56

package/dist/index.mjs

@@ -3330,7 +3330,7 @@ import {
   backgroundOverlayPropTypeUtil,
   colorPropTypeUtil as colorPropTypeUtil3
 } from "@elementor/editor-props";
-import { Box as Box10, CardMedia as CardMedia3, styled as styled7, Tab, TabPanel, Tabs, UnstableColorIndicator as UnstableColorIndicator3 } from "@elementor/ui";
+import { Box as Box11, CardMedia as CardMedia3, styled as styled7, Tab, TabPanel, Tabs, UnstableColorIndicator as UnstableColorIndicator3 } from "@elementor/ui";
 import { useWpMediaAttachment as useWpMediaAttachment3 } from "@elementor/wp-media";
 import { __ as __31 } from "@wordpress/i18n";
 
@@ -3469,7 +3469,7 @@ var ConditionalToolTip = ({
 
 // src/components/unstable-repeater/header/header.tsx
 import * as React54 from "react";
-import { Stack as Stack16, Typography as Typography5 } from "@elementor/ui";
+import { Box as Box9, Stack as Stack16, Typography as Typography5 } from "@elementor/ui";
 
 // src/controls/transform-control/transform-base-control.tsx
 import * as React53 from "react";
@@ -3615,7 +3615,7 @@ var Header = ({ label, children }) => {
     /* @__PURE__ */ React54.createElement(Typography5, { component: "label", variant: "caption", color: "text.secondary", sx: { lineHeight: 1 } }, label),
     /* @__PURE__ */ React54.createElement(ControlAdornments, null),
     /* @__PURE__ */ React54.createElement(RepeaterHeaderActionsSlot, { value }),
-    /* @__PURE__ */ React54.createElement(SlotChildren, { whitelist: [TransformBaseControl, TooltipAddItemAction], sorted: true }, children)
+    /* @__PURE__ */ React54.createElement(Box9, { sx: { ml: "auto" } }, /* @__PURE__ */ React54.createElement(SlotChildren, { whitelist: [TransformBaseControl, TooltipAddItemAction], sorted: true }, children))
   );
 };
 
@@ -3762,7 +3762,7 @@ import * as React61 from "react";
 
 // src/components/unstable-repeater/items/edit-item-popover.tsx
 import * as React60 from "react";
-import { bindPopover as bindPopover6, Box as Box9, Popover as Popover6 } from "@elementor/ui";
+import { bindPopover as bindPopover6, Box as Box10, Popover as Popover6 } from "@elementor/ui";
 var EditItemPopover = ({ children }) => {
   const { popoverState, openItemIndex, isOpen, rowRef, setOpenItemIndex, setRowRef, items: items2 } = useRepeaterContext();
   const popoverProps = bindPopover6(popoverState);
@@ -3789,7 +3789,7 @@ var EditItemPopover = ({ children }) => {
       anchorEl: rowRef,
       onClose
     },
-    /* @__PURE__ */ React60.createElement(PropKeyProvider, { bind: String(openItemIndex) }, /* @__PURE__ */ React60.createElement(Box9, null, React60.isValidElement(children) && React60.cloneElement(children, { bind, index: openItemIndex })))
+    /* @__PURE__ */ React60.createElement(PropKeyProvider, { bind: String(openItemIndex) }, /* @__PURE__ */ React60.createElement(Box10, null, React60.isValidElement(children) && React60.cloneElement(children, { bind, index: openItemIndex })))
   );
 };
 
@@ -4191,7 +4191,7 @@ var ItemContent3 = () => {
     gradient: initialBackgroundGradientOverlay.value
   });
   const { rowRef } = useRepeaterContext();
-  return /* @__PURE__ */ React67.createElement(Box10, { sx: { width: "100%" } }, /* @__PURE__ */ React67.createElement(Box10, { sx: { borderBottom: 1, borderColor: "divider" } }, /* @__PURE__ */ React67.createElement(
+  return /* @__PURE__ */ React67.createElement(Box11, { sx: { width: "100%" } }, /* @__PURE__ */ React67.createElement(Box11, { sx: { borderBottom: 1, borderColor: "divider" } }, /* @__PURE__ */ React67.createElement(
     Tabs,
     {
       size: "small",
@@ -4325,7 +4325,7 @@ var BackgroundControl = createControl(() => {
 import * as React69 from "react";
 import { useMemo as useMemo5 } from "react";
 import { createArrayPropUtils } from "@elementor/editor-props";
-import { Box as Box11 } from "@elementor/ui";
+import { Box as Box12 } from "@elementor/ui";
 
 // src/hooks/use-repeatable-control-context.ts
 import { createContext as createContext8, useContext as useContext8 } from "react";
@@ -4454,7 +4454,7 @@ var ItemLabel4 = ({ value }) => {
   const showPlaceholder = shouldShowPlaceholder(patternLabel, value);
   const label = showPlaceholder ? placeholder : interpolate(patternLabel, value);
   const color = showPlaceholder ? "text.tertiary" : "text.primary";
-  return /* @__PURE__ */ React69.createElement(Box11, { component: "span", color }, label);
+  return /* @__PURE__ */ React69.createElement(Box12, { component: "span", color }, label);
 };
 var getAllProperties = (pattern) => {
   const properties = pattern.match(PLACEHOLDER_REGEX)?.map((match) => match.slice(2, -1)) || [];
@@ -4648,7 +4648,7 @@ var initialSkewValue = skewTransformPropTypeUtil.create({
 
 // src/controls/transform-control/transform-content.tsx
 import * as React78 from "react";
-import { Box as Box12, Tab as Tab2, TabPanel as TabPanel2, Tabs as Tabs2 } from "@elementor/ui";
+import { Box as Box13, Tab as Tab2, TabPanel as TabPanel2, Tabs as Tabs2 } from "@elementor/ui";
 import { __ as __39 } from "@wordpress/i18n";
 
 // src/controls/transform-control/functions/move.tsx
@@ -4880,7 +4880,7 @@ var TransformContent = () => {
     rotate: initialRotateValue.value,
     skew: initialSkewValue.value
   });
-  return /* @__PURE__ */ React78.createElement(PopoverContent, null, /* @__PURE__ */ React78.createElement(Box12, { sx: { width: "100%" } }, /* @__PURE__ */ React78.createElement(Box12, { sx: { borderBottom: 1, borderColor: "divider" } }, /* @__PURE__ */ React78.createElement(
+  return /* @__PURE__ */ React78.createElement(PopoverContent, null, /* @__PURE__ */ React78.createElement(Box13, { sx: { width: "100%" } }, /* @__PURE__ */ React78.createElement(Box13, { sx: { borderBottom: 1, borderColor: "divider" } }, /* @__PURE__ */ React78.createElement(
     Tabs2,
     {
       size: "small",
@@ -4920,7 +4920,7 @@ var TransformIcon = ({ value }) => {
 
 // src/controls/transform-control/transform-label.tsx
 import * as React80 from "react";
-import { Box as Box13 } from "@elementor/ui";
+import { Box as Box14 } from "@elementor/ui";
 import { __ as __40 } from "@wordpress/i18n";
 var transformMoveValue = (value) => Object.values(value).map((axis) => {
   const size = axis?.value?.size ?? defaultValues.move.size;
@@ -4954,7 +4954,7 @@ var TransformLabel = (props) => {
   }
 };
 var Label2 = ({ label, value }) => {
-  return /* @__PURE__ */ React80.createElement(Box13, { component: "span" }, label, ": ", value);
+  return /* @__PURE__ */ React80.createElement(Box14, { component: "span" }, label, ": ", value);
 };
 
 // src/controls/transform-control/transform-repeater-control.tsx
@@ -5051,7 +5051,7 @@ import * as React83 from "react";
 import { useRef as useRef21 } from "react";
 import { keyValuePropTypeUtil as keyValuePropTypeUtil2 } from "@elementor/editor-props";
 import { ChevronDownIcon as ChevronDownIcon3, VariationsIcon } from "@elementor/icons";
-import { bindPopover as bindPopover7, bindTrigger as bindTrigger6, Box as Box14, Popover as Popover7, UnstableTag as UnstableTag4, usePopupState as usePopupState8 } from "@elementor/ui";
+import { bindPopover as bindPopover7, bindTrigger as bindTrigger6, Box as Box15, Popover as Popover7, UnstableTag as UnstableTag4, usePopupState as usePopupState8 } from "@elementor/ui";
 import { __ as __43 } from "@wordpress/i18n";
 var toTransitionSelectorValue = (label) => {
   for (const category of transitionProperties) {
@@ -5120,7 +5120,7 @@ var TransitionSelector = ({ recentlyUsedList }) => {
       left: rect.right + 36
     };
   };
-  return /* @__PURE__ */ React83.createElement(Box14, { ref: defaultRef }, /* @__PURE__ */ React83.createElement(
+  return /* @__PURE__ */ React83.createElement(Box15, { ref: defaultRef }, /* @__PURE__ */ React83.createElement(
     UnstableTag4,
     {
       variant: "outlined",
@@ -5215,8 +5215,8 @@ import { useTheme as useTheme2 } from "@elementor/ui";
 import { Editor } from "@monaco-editor/react";
 
 // src/components/css-code-editor/css-editor.styles.ts
-import { Box as Box15, Button as Button5, styled as styled8 } from "@elementor/ui";
-var EditorWrapper = styled8(Box15)`
+import { Box as Box16, Button as Button5, styled as styled8 } from "@elementor/ui";
+var EditorWrapper = styled8(Box16)`
 	border: 1px solid var( --e-a-border-color );
 	border-radius: 8px;
 	padding: 10px 12px;