@elementor/editor-controls 3.35.0-387 → 3.35.0-388

package/dist/index.js

@@ -2633,7 +2633,6 @@ var NumberControl = createControl(
 // src/controls/equal-unequal-sizes-control.tsx
 var React56 = __toESM(require("react"));
 var import_react28 = require("react");
-var import_editor_props18 = require("@elementor/editor-props");
 var import_ui41 = require("@elementor/ui");
 var import_i18n17 = require("@wordpress/i18n");
 
@@ -2645,16 +2644,6 @@ var ControlLabel = ({ children, ...props }) => {
 };
 
 // src/controls/equal-unequal-sizes-control.tsx
-var isEqualSizes = (propValue, items2) => {
-  const values = Object.values(propValue);
-  if (values.length !== items2.length) {
-    return false;
-  }
-  const [firstValue, ...restValues] = values;
-  return restValues.every(
-    (value) => value?.value?.size === firstValue?.value?.size && value?.value?.unit === firstValue?.value?.unit
-  );
-};
 function EqualUnequalSizesControl({
   label,
   icon,
@@ -2664,56 +2653,60 @@ function EqualUnequalSizesControl({
 }) {
   const popupId = (0, import_react28.useId)();
   const popupState = (0, import_ui41.usePopupState)({ variant: "popover", popupId });
-  const {
-    propType: multiSizePropType,
-    value: multiSizeValue,
-    setValue: setMultiSizeValue,
-    disabled: multiSizeDisabled
-  } = useBoundProp(multiSizePropTypeUtil);
-  const { value: sizeValue, setValue: setSizeValue } = useBoundProp(import_editor_props18.sizePropTypeUtil);
   const rowRefs = [(0, import_react28.useRef)(null), (0, import_react28.useRef)(null)];
-  const splitEqualValue = () => {
-    if (!sizeValue) {
-      return null;
+  const { propType: multiSizePropType, disabled: multiSizeDisabled } = useBoundProp(multiSizePropTypeUtil);
+  const { value: masterValue, setValue: setMasterValue, placeholder: masterPlaceholder } = useBoundProp();
+  const getMultiSizeValues = (sourceValue) => {
+    if (multiSizePropTypeUtil.isValid(sourceValue)) {
+      return sourceValue.value;
     }
-    return items2.reduce(
-      (acc, { bind }) => ({ ...acc, [bind]: import_editor_props18.sizePropTypeUtil.create(sizeValue) }),
-      {}
-    );
+    const propValue = {};
+    items2.forEach((item) => {
+      propValue[item.bind] = sourceValue;
+    });
+    const derived = multiSizePropTypeUtil.create(propValue);
+    return derived?.value;
   };
-  const setNestedProp = (newValue) => {
-    const newMappedValues = {
-      ...multiSizeValue ?? splitEqualValue(),
-      ...newValue
-    };
-    const isEqual = isEqualSizes(newMappedValues, items2);
-    if (isEqual) {
-      return setSizeValue(Object.values(newMappedValues)[0]?.value);
-    }
-    setMultiSizeValue(newMappedValues);
+  const isShowingGeneralIndicator = !popupState.isOpen;
+  const derivedValue = getMultiSizeValues(masterValue);
+  const derivedPlaceholder = getMultiSizeValues(masterPlaceholder);
+  const isEqualValues = (values) => {
+    if (!values) {
+      return true;
+    }
+    const propValue = {};
+    items2.forEach((item) => {
+      propValue[item.bind] = values?.value?.[item.bind] ?? null;
+    });
+    const allValues = Object.values(propValue).map((value) => JSON.stringify(value));
+    return allValues.every((value) => value === allValues[0]);
   };
-  const getMultiSizeValues = () => {
-    if (multiSizeValue) {
-      return multiSizeValue;
+  const isMixedPlaceholder = !masterValue && !isEqualValues(multiSizePropTypeUtil.create(derivedPlaceholder));
+  const isMixed = isMixedPlaceholder || !isEqualValues(multiSizePropTypeUtil.create(derivedValue));
+  const applyMultiSizeValue = (newValue) => {
+    const newPropValue = multiSizePropTypeUtil.create(newValue);
+    if (isEqualValues(newPropValue)) {
+      setMasterValue(Object.values(newValue)?.pop() ?? null);
+      return;
     }
-    return splitEqualValue() ?? null;
+    setMasterValue(newPropValue);
   };
-  const isShowingGeneralIndicator = !popupState.isOpen;
-  const isMixed = !!multiSizeValue;
-  return /* @__PURE__ */ React56.createElement(React56.Fragment, null, /* @__PURE__ */ React56.createElement(import_ui41.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap", ref: rowRefs[0] }, /* @__PURE__ */ React56.createElement(import_ui41.Grid, { item: true, xs: 6 }, !isShowingGeneralIndicator ? /* @__PURE__ */ React56.createElement(ControlFormLabel, null, label) : /* @__PURE__ */ React56.createElement(ControlLabel, null, label)), /* @__PURE__ */ React56.createElement(import_ui41.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React56.createElement(import_ui41.Stack, { direction: "row", alignItems: "center", gap: 1 }, /* @__PURE__ */ React56.createElement(
+  return /* @__PURE__ */ React56.createElement(React56.Fragment, null, /* @__PURE__ */ React56.createElement(import_ui41.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap", ref: rowRefs[0] }, /* @__PURE__ */ React56.createElement(import_ui41.Grid, { item: true, xs: 6 }, !isShowingGeneralIndicator ? /* @__PURE__ */ React56.createElement(ControlFormLabel, null, label) : /* @__PURE__ */ React56.createElement(ControlLabel, null, label)), /* @__PURE__ */ React56.createElement(import_ui41.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React56.createElement(import_ui41.Stack, { direction: "row", alignItems: "center", gap: 1 }, /* @__PURE__ */ React56.createElement(import_ui41.Box, { flexGrow: 1 }, /* @__PURE__ */ React56.createElement(
     SizeControl,
     {
       placeholder: isMixed ? (0, import_i18n17.__)("Mixed", "elementor") : void 0,
+      enablePropTypeUnits: !isMixed || !isMixedPlaceholder,
       anchorRef: rowRefs[0]
     }
-  ), /* @__PURE__ */ React56.createElement(import_ui41.Tooltip, { title: tooltipLabel, placement: "top" }, /* @__PURE__ */ React56.createElement(
-    import_ui41.ToggleButton,
+  )), /* @__PURE__ */ React56.createElement(import_ui41.Tooltip, { title: tooltipLabel, placement: "top" }, /* @__PURE__ */ React56.createElement(
+    StyledToggleButton,
     {
       size: "tiny",
       value: "check",
       sx: { marginLeft: "auto" },
       ...(0, import_ui41.bindToggle)(popupState),
       selected: popupState.isOpen,
+      isPlaceholder: isMixedPlaceholder,
       "aria-label": tooltipLabel
     },
     icon
@@ -2739,8 +2732,9 @@ function EqualUnequalSizesControl({
       PropProvider,
       {
         propType: multiSizePropType,
-        value: getMultiSizeValues(),
-        setValue: setNestedProp,
+        value: derivedValue,
+        placeholder: derivedPlaceholder,
+        setValue: applyMultiSizeValue,
         isDisabled: () => multiSizeDisabled
       },
       /* @__PURE__ */ React56.createElement(PopoverContent, { p: 1.5 }, /* @__PURE__ */ React56.createElement(PopoverGridContainer, { ref: rowRefs[1] }, /* @__PURE__ */ React56.createElement(MultiSizeValueControl, { item: items2[0], rowRef: rowRefs[1] }), /* @__PURE__ */ React56.createElement(MultiSizeValueControl, { item: items2[1], rowRef: rowRefs[1] })), /* @__PURE__ */ React56.createElement(PopoverGridContainer, { ref: rowRefs[2] }, /* @__PURE__ */ React56.createElement(MultiSizeValueControl, { item: items2[2], rowRef: rowRefs[2] }), /* @__PURE__ */ React56.createElement(MultiSizeValueControl, { item: items2[3], rowRef: rowRefs[2] })))
@@ -2754,27 +2748,27 @@ var MultiSizeValueControl = ({ item, rowRef }) => {
 // src/controls/linked-dimensions-control.tsx
 var React57 = __toESM(require("react"));
 var import_react29 = require("react");
-var import_editor_props19 = require("@elementor/editor-props");
+var import_editor_props18 = require("@elementor/editor-props");
 var import_editor_responsive2 = require("@elementor/editor-responsive");
 var import_icons10 = require("@elementor/icons");
 var import_ui42 = require("@elementor/ui");
 var import_i18n18 = require("@wordpress/i18n");
 var LinkedDimensionsControl = ({ label, isSiteRtl = false, extendedOptions, min }) => {
   const gridRowRefs = [(0, import_react29.useRef)(null), (0, import_react29.useRef)(null)];
-  const { disabled: sizeDisabled } = useBoundProp(import_editor_props19.sizePropTypeUtil);
+  const { disabled: sizeDisabled } = useBoundProp(import_editor_props18.sizePropTypeUtil);
   const {
     value: dimensionsValue,
     setValue: setDimensionsValue,
     propType,
     placeholder: dimensionsPlaceholder,
     disabled: dimensionsDisabled
-  } = useBoundProp(import_editor_props19.dimensionsPropTypeUtil);
+  } = useBoundProp(import_editor_props18.dimensionsPropTypeUtil);
   const { value: masterValue, placeholder: masterPlaceholder, setValue: setMasterValue } = useBoundProp();
   const inferIsLinked = () => {
-    if (import_editor_props19.dimensionsPropTypeUtil.isValid(masterValue)) {
+    if (import_editor_props18.dimensionsPropTypeUtil.isValid(masterValue)) {
       return false;
     }
-    if (!masterValue && import_editor_props19.dimensionsPropTypeUtil.isValid(masterPlaceholder)) {
+    if (!masterValue && import_editor_props18.dimensionsPropTypeUtil.isValid(masterPlaceholder)) {
       return false;
     }
     return true;
@@ -2786,14 +2780,14 @@ var LinkedDimensionsControl = ({ label, isSiteRtl = false, extendedOptions, min
   }, [activeBreakpoint]);
   const onLinkToggle = () => {
     setIsLinked((prev) => !prev);
-    if (!import_editor_props19.dimensionsPropTypeUtil.isValid(masterValue)) {
+    if (!import_editor_props18.dimensionsPropTypeUtil.isValid(masterValue)) {
       const value = masterValue ? masterValue : null;
       if (!value) {
         setMasterValue(null);
         return;
       }
       setMasterValue(
-        import_editor_props19.dimensionsPropTypeUtil.create({
+        import_editor_props18.dimensionsPropTypeUtil.create({
           "block-start": value,
           "block-end": value,
           "inline-start": value,
@@ -2910,7 +2904,7 @@ function getCssDimensionProps(isSiteRtl) {
 
 // src/controls/font-family-control/font-family-control.tsx
 var React59 = __toESM(require("react"));
-var import_editor_props20 = require("@elementor/editor-props");
+var import_editor_props19 = require("@elementor/editor-props");
 var import_icons11 = require("@elementor/icons");
 var import_ui44 = require("@elementor/ui");
 var import_i18n20 = require("@wordpress/i18n");
@@ -3085,7 +3079,7 @@ var FontFamilyControl = createControl(
       setValue: setFontFamily,
       disabled,
       placeholder
-    } = useBoundProp(import_editor_props20.stringPropTypeUtil);
+    } = useBoundProp(import_editor_props19.stringPropTypeUtil);
     const popoverState = (0, import_ui44.usePopupState)({ variant: "popover" });
     const isShowingPlaceholder = !fontFamily && placeholder;
     const mapFontSubs = React59.useMemo(() => {
@@ -3143,11 +3137,11 @@ var FontFamilyControl = createControl(
 
 // src/controls/url-control.tsx
 var React60 = __toESM(require("react"));
-var import_editor_props21 = require("@elementor/editor-props");
+var import_editor_props20 = require("@elementor/editor-props");
 var import_ui45 = require("@elementor/ui");
 var UrlControl = createControl(
   ({ placeholder, ariaLabel }) => {
-    const { value, setValue, disabled } = useBoundProp(import_editor_props21.urlPropTypeUtil);
+    const { value, setValue, disabled } = useBoundProp(import_editor_props20.urlPropTypeUtil);
     const handleChange = (event) => setValue(event.target.value);
     return /* @__PURE__ */ React60.createElement(ControlActions, null, /* @__PURE__ */ React60.createElement(
       import_ui45.TextField,
@@ -3170,7 +3164,7 @@ var UrlControl = createControl(
 var React65 = __toESM(require("react"));
 var import_react33 = require("react");
 var import_editor_elements2 = require("@elementor/editor-elements");
-var import_editor_props24 = require("@elementor/editor-props");
+var import_editor_props23 = require("@elementor/editor-props");
 var import_icons15 = require("@elementor/icons");
 var import_session = require("@elementor/session");
 var import_ui49 = require("@elementor/ui");
@@ -3238,7 +3232,7 @@ var RestrictedLinkInfotip = ({
 // src/controls/query-control.tsx
 var React63 = __toESM(require("react"));
 var import_react32 = require("react");
-var import_editor_props22 = require("@elementor/editor-props");
+var import_editor_props21 = require("@elementor/editor-props");
 var import_http_client2 = require("@elementor/http-client");
 var import_icons14 = require("@elementor/icons");
 var import_utils4 = require("@elementor/utils");
@@ -3392,8 +3386,8 @@ var QueryControl = createControl((props) => {
     const valueToSave = {
       $$type: "query",
       value: {
-        id: import_editor_props22.numberPropTypeUtil.create(newValue),
-        label: import_editor_props22.stringPropTypeUtil.create(findMatchingOption(options, newValue)?.label || null)
+        id: import_editor_props21.numberPropTypeUtil.create(newValue),
+        label: import_editor_props21.stringPropTypeUtil.create(findMatchingOption(options, newValue)?.label || null)
       }
     };
     setValue(valueToSave);
@@ -3406,7 +3400,7 @@ var QueryControl = createControl((props) => {
       return;
     }
     const newLinkValue = newValue?.trim() || "";
-    const valueToSave = newLinkValue ? import_editor_props22.urlPropTypeUtil.create(newLinkValue) : null;
+    const valueToSave = newLinkValue ? import_editor_props21.urlPropTypeUtil.create(newLinkValue) : null;
     setValue(valueToSave);
     onSetValue?.(valueToSave);
     updateOptions(newValue);
@@ -3476,10 +3470,10 @@ function generateFirstLoadedOption(unionValue) {
 
 // src/controls/switch-control.tsx
 var React64 = __toESM(require("react"));
-var import_editor_props23 = require("@elementor/editor-props");
+var import_editor_props22 = require("@elementor/editor-props");
 var import_ui48 = require("@elementor/ui");
 var SwitchControl = createControl(() => {
-  const { value, setValue, disabled } = useBoundProp(import_editor_props23.booleanPropTypeUtil);
+  const { value, setValue, disabled } = useBoundProp(import_editor_props22.booleanPropTypeUtil);
   const handleChange = (event) => {
     setValue(event.target.checked);
   };
@@ -3500,7 +3494,7 @@ var SwitchControl = createControl(() => {
 // src/controls/link-control.tsx
 var SIZE6 = "tiny";
 var LinkControl = createControl((props) => {
-  const { value, path, setValue, ...propContext } = useBoundProp(import_editor_props24.linkPropTypeUtil);
+  const { value, path, setValue, ...propContext } = useBoundProp(import_editor_props23.linkPropTypeUtil);
   const [linkSessionValue, setLinkSessionValue] = (0, import_session.useSessionStorage)(path.join("/"));
   const [isActive, setIsActive] = (0, import_react33.useState)(!!value);
   const {
@@ -3578,7 +3572,7 @@ var ToggleIconControl = ({ disabled, active, onIconClick, label }) => {
 // src/controls/html-tag-control.tsx
 var React67 = __toESM(require("react"));
 var import_editor_elements3 = require("@elementor/editor-elements");
-var import_editor_props25 = require("@elementor/editor-props");
+var import_editor_props24 = require("@elementor/editor-props");
 var import_editor_ui6 = require("@elementor/editor-ui");
 var import_ui52 = require("@elementor/ui");
 var import_i18n24 = require("@wordpress/i18n");
@@ -3630,7 +3624,7 @@ var ConditionalControlInfotip = React66.forwardRef(
 // src/controls/html-tag-control.tsx
 var StyledSelect = (0, import_ui52.styled)(import_ui52.Select)(() => ({ ".MuiSelect-select.Mui-disabled": { cursor: "not-allowed" } }));
 var HtmlTagControl = createControl(({ options, onChange, fallbackLabels = {} }) => {
-  const { value, setValue, disabled, placeholder } = useBoundProp(import_editor_props25.stringPropTypeUtil);
+  const { value, setValue, disabled, placeholder } = useBoundProp(import_editor_props24.stringPropTypeUtil);
   const handleChange = (event) => {
     const newValue = event.target.value || null;
     onChange?.(newValue, value);
@@ -3677,27 +3671,27 @@ var HtmlTagControl = createControl(({ options, onChange, fallbackLabels = {} })
 // src/controls/gap-control.tsx
 var React68 = __toESM(require("react"));
 var import_react34 = require("react");
-var import_editor_props26 = require("@elementor/editor-props");
+var import_editor_props25 = require("@elementor/editor-props");
 var import_editor_responsive3 = require("@elementor/editor-responsive");
 var import_icons16 = require("@elementor/icons");
 var import_ui53 = require("@elementor/ui");
 var import_i18n25 = require("@wordpress/i18n");
 var GapControl = ({ label }) => {
   const stackRef = (0, import_react34.useRef)(null);
-  const { disabled: sizeDisabled } = useBoundProp(import_editor_props26.sizePropTypeUtil);
+  const { disabled: sizeDisabled } = useBoundProp(import_editor_props25.sizePropTypeUtil);
   const {
     value: directionValue,
     setValue: setDirectionValue,
     propType,
     placeholder: directionPlaceholder,
     disabled: directionDisabled
-  } = useBoundProp(import_editor_props26.layoutDirectionPropTypeUtil);
+  } = useBoundProp(import_editor_props25.layoutDirectionPropTypeUtil);
   const { value: masterValue, setValue: setMasterValue, placeholder: masterPlaceholder } = useBoundProp();
   const inferIsLinked = () => {
-    if (import_editor_props26.layoutDirectionPropTypeUtil.isValid(masterValue)) {
+    if (import_editor_props25.layoutDirectionPropTypeUtil.isValid(masterValue)) {
       return false;
     }
-    if (!masterValue && import_editor_props26.layoutDirectionPropTypeUtil.isValid(masterPlaceholder)) {
+    if (!masterValue && import_editor_props25.layoutDirectionPropTypeUtil.isValid(masterPlaceholder)) {
       return false;
     }
     return true;
@@ -3709,14 +3703,14 @@ var GapControl = ({ label }) => {
   }, [activeBreakpoint]);
   const onLinkToggle = () => {
     setIsLinked((prev) => !prev);
-    if (!import_editor_props26.layoutDirectionPropTypeUtil.isValid(masterValue)) {
+    if (!import_editor_props25.layoutDirectionPropTypeUtil.isValid(masterValue)) {
       const currentValue2 = masterValue ? masterValue : null;
       if (!currentValue2) {
         setMasterValue(null);
         return;
       }
       setMasterValue(
-        import_editor_props26.layoutDirectionPropTypeUtil.create({
+        import_editor_props25.layoutDirectionPropTypeUtil.create({
           row: currentValue2,
           column: currentValue2
         })
@@ -3767,7 +3761,7 @@ var Control4 = ({
 // src/controls/aspect-ratio-control.tsx
 var React69 = __toESM(require("react"));
 var import_react35 = require("react");
-var import_editor_props27 = require("@elementor/editor-props");
+var import_editor_props26 = require("@elementor/editor-props");
 var import_editor_ui7 = require("@elementor/editor-ui");
 var import_icons17 = require("@elementor/icons");
 var import_ui54 = require("@elementor/ui");
@@ -3784,7 +3778,7 @@ var RATIO_OPTIONS = [
 ];
 var CUSTOM_RATIO = "custom";
 var AspectRatioControl = createControl(({ label }) => {
-  const { value: aspectRatioValue, setValue: setAspectRatioValue, disabled } = useBoundProp(import_editor_props27.stringPropTypeUtil);
+  const { value: aspectRatioValue, setValue: setAspectRatioValue, disabled } = useBoundProp(import_editor_props26.stringPropTypeUtil);
   const isCustomSelected = aspectRatioValue && !RATIO_OPTIONS.some((option) => option.value === aspectRatioValue);
   const [initialWidth, initialHeight] = isCustomSelected ? aspectRatioValue.split("/") : ["", ""];
   const [isCustom, setIsCustom] = (0, import_react35.useState)(isCustomSelected);
@@ -3879,7 +3873,7 @@ var AspectRatioControl = createControl(({ label }) => {
 var React71 = __toESM(require("react"));
 var import_react37 = require("react");
 var import_editor_current_user = require("@elementor/editor-current-user");
-var import_editor_props28 = require("@elementor/editor-props");
+var import_editor_props27 = require("@elementor/editor-props");
 var import_icons18 = require("@elementor/icons");
 var import_ui56 = require("@elementor/ui");
 var import_wp_media2 = require("@elementor/wp-media");
@@ -3961,7 +3955,7 @@ var StyledCardMediaContainer = (0, import_ui56.styled)(import_ui56.Stack)`
 var MODE_BROWSE = { mode: "browse" };
 var MODE_UPLOAD = { mode: "upload" };
 var SvgMediaControl = createControl(() => {
-  const { value, setValue } = useBoundProp(import_editor_props28.imageSrcPropTypeUtil);
+  const { value, setValue } = useBoundProp(import_editor_props27.imageSrcPropTypeUtil);
   const { id, url } = value ?? {};
   const { data: attachment, isFetching } = (0, import_wp_media2.useWpMediaAttachment)(id?.value || null);
   const src = attachment?.url ?? url?.value ?? null;
@@ -4046,13 +4040,13 @@ var SvgMediaControl = createControl(() => {
 
 // src/controls/background-control/background-control.tsx
 var React78 = __toESM(require("react"));
-var import_editor_props34 = require("@elementor/editor-props");
+var import_editor_props33 = require("@elementor/editor-props");
 var import_ui64 = require("@elementor/ui");
 var import_i18n34 = require("@wordpress/i18n");
 
 // src/controls/background-control/background-overlay/background-overlay-repeater-control.tsx
 var React77 = __toESM(require("react"));
-var import_editor_props33 = require("@elementor/editor-props");
+var import_editor_props32 = require("@elementor/editor-props");
 var import_ui63 = require("@elementor/ui");
 var import_wp_media3 = require("@elementor/wp-media");
 var import_i18n33 = require("@wordpress/i18n");
@@ -4063,26 +4057,26 @@ var { env } = (0, import_env.parseEnv)("@elementor/editor-controls");
 
 // src/controls/background-control/background-gradient-color-control.tsx
 var React72 = __toESM(require("react"));
-var import_editor_props29 = require("@elementor/editor-props");
+var import_editor_props28 = require("@elementor/editor-props");
 var import_ui57 = require("@elementor/ui");
 var BackgroundGradientColorControl = createControl(() => {
-  const { value, setValue } = useBoundProp(import_editor_props29.backgroundGradientOverlayPropTypeUtil);
+  const { value, setValue } = useBoundProp(import_editor_props28.backgroundGradientOverlayPropTypeUtil);
   const handleChange = (newValue) => {
     const transformedValue = createTransformableValue(newValue);
     if (transformedValue.positions) {
-      transformedValue.positions = import_editor_props29.stringPropTypeUtil.create(newValue.positions.join(" "));
+      transformedValue.positions = import_editor_props28.stringPropTypeUtil.create(newValue.positions.join(" "));
     }
     setValue(transformedValue);
   };
   const createTransformableValue = (newValue) => ({
     ...newValue,
-    type: import_editor_props29.stringPropTypeUtil.create(newValue.type),
-    angle: import_editor_props29.numberPropTypeUtil.create(newValue.angle),
-    stops: import_editor_props29.gradientColorStopPropTypeUtil.create(
+    type: import_editor_props28.stringPropTypeUtil.create(newValue.type),
+    angle: import_editor_props28.numberPropTypeUtil.create(newValue.angle),
+    stops: import_editor_props28.gradientColorStopPropTypeUtil.create(
       newValue.stops.map(
-        ({ color, offset }) => import_editor_props29.colorStopPropTypeUtil.create({
-          color: import_editor_props29.colorPropTypeUtil.create(color),
-          offset: import_editor_props29.numberPropTypeUtil.create(offset)
+        ({ color, offset }) => import_editor_props28.colorStopPropTypeUtil.create({
+          color: import_editor_props28.colorPropTypeUtil.create(color),
+          offset: import_editor_props28.numberPropTypeUtil.create(offset)
         })
       )
     )
@@ -4111,17 +4105,17 @@ var BackgroundGradientColorControl = createControl(() => {
     }
   );
 });
-var initialBackgroundGradientOverlay = import_editor_props29.backgroundGradientOverlayPropTypeUtil.create({
-  type: import_editor_props29.stringPropTypeUtil.create("linear"),
-  angle: import_editor_props29.numberPropTypeUtil.create(180),
-  stops: import_editor_props29.gradientColorStopPropTypeUtil.create([
-    import_editor_props29.colorStopPropTypeUtil.create({
-      color: import_editor_props29.colorPropTypeUtil.create("rgb(0,0,0)"),
-      offset: import_editor_props29.numberPropTypeUtil.create(0)
+var initialBackgroundGradientOverlay = import_editor_props28.backgroundGradientOverlayPropTypeUtil.create({
+  type: import_editor_props28.stringPropTypeUtil.create("linear"),
+  angle: import_editor_props28.numberPropTypeUtil.create(180),
+  stops: import_editor_props28.gradientColorStopPropTypeUtil.create([
+    import_editor_props28.colorStopPropTypeUtil.create({
+      color: import_editor_props28.colorPropTypeUtil.create("rgb(0,0,0)"),
+      offset: import_editor_props28.numberPropTypeUtil.create(0)
     }),
-    import_editor_props29.colorStopPropTypeUtil.create({
-      color: import_editor_props29.colorPropTypeUtil.create("rgb(255,255,255)"),
-      offset: import_editor_props29.numberPropTypeUtil.create(100)
+    import_editor_props28.colorStopPropTypeUtil.create({
+      color: import_editor_props28.colorPropTypeUtil.create("rgb(255,255,255)"),
+      offset: import_editor_props28.numberPropTypeUtil.create(100)
     })
   ])
 });
@@ -4152,7 +4146,7 @@ var BackgroundImageOverlayAttachment = () => {
 // src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-position.tsx
 var React74 = __toESM(require("react"));
 var import_react38 = require("react");
-var import_editor_props30 = require("@elementor/editor-props");
+var import_editor_props29 = require("@elementor/editor-props");
 var import_editor_ui8 = require("@elementor/editor-ui");
 var import_icons20 = require("@elementor/icons");
 var import_ui59 = require("@elementor/ui");
@@ -4170,8 +4164,8 @@ var backgroundPositionOptions = [
   { label: (0, import_i18n30.__)("Custom", "elementor"), value: "custom" }
 ];
 var BackgroundImageOverlayPosition = () => {
-  const backgroundImageOffsetContext = useBoundProp(import_editor_props30.backgroundImagePositionOffsetPropTypeUtil);
-  const stringPropContext = useBoundProp(import_editor_props30.stringPropTypeUtil);
+  const backgroundImageOffsetContext = useBoundProp(import_editor_props29.backgroundImagePositionOffsetPropTypeUtil);
+  const stringPropContext = useBoundProp(import_editor_props29.stringPropTypeUtil);
   const isCustom = !!backgroundImageOffsetContext.value;
   const rowRef = (0, import_react38.useRef)(null);
   const handlePositionChange = (event) => {
@@ -4247,7 +4241,7 @@ var BackgroundImageOverlayRepeat = () => {
 // src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-size.tsx
 var React76 = __toESM(require("react"));
 var import_react39 = require("react");
-var import_editor_props31 = require("@elementor/editor-props");
+var import_editor_props30 = require("@elementor/editor-props");
 var import_icons22 = require("@elementor/icons");
 var import_ui61 = require("@elementor/ui");
 var import_i18n32 = require("@wordpress/i18n");
@@ -4278,8 +4272,8 @@ var sizeControlOptions = [
   }
 ];
 var BackgroundImageOverlaySize = () => {
-  const backgroundImageScaleContext = useBoundProp(import_editor_props31.backgroundImageSizeScalePropTypeUtil);
-  const stringPropContext = useBoundProp(import_editor_props31.stringPropTypeUtil);
+  const backgroundImageScaleContext = useBoundProp(import_editor_props30.backgroundImageSizeScalePropTypeUtil);
+  const stringPropContext = useBoundProp(import_editor_props30.stringPropTypeUtil);
   const isCustom = !!backgroundImageScaleContext.value;
   const rowRef = (0, import_react39.useRef)(null);
   const handleSizeChange = (size) => {
@@ -4317,16 +4311,16 @@ var BackgroundImageOverlaySize = () => {
 
 // src/controls/background-control/background-overlay/use-background-tabs-history.ts
 var import_react40 = require("react");
-var import_editor_props32 = require("@elementor/editor-props");
+var import_editor_props31 = require("@elementor/editor-props");
 var import_ui62 = require("@elementor/ui");
 var useBackgroundTabsHistory = ({
   color: initialBackgroundColorOverlay2,
   image: initialBackgroundImageOverlay,
   gradient: initialBackgroundGradientOverlay2
 }) => {
-  const { value: imageValue, setValue: setImageValue } = useBoundProp(import_editor_props32.backgroundImageOverlayPropTypeUtil);
-  const { value: colorValue, setValue: setColorValue } = useBoundProp(import_editor_props32.backgroundColorOverlayPropTypeUtil);
-  const { value: gradientValue, setValue: setGradientValue } = useBoundProp(import_editor_props32.backgroundGradientOverlayPropTypeUtil);
+  const { value: imageValue, setValue: setImageValue } = useBoundProp(import_editor_props31.backgroundImageOverlayPropTypeUtil);
+  const { value: colorValue, setValue: setColorValue } = useBoundProp(import_editor_props31.backgroundColorOverlayPropTypeUtil);
+  const { value: gradientValue, setValue: setGradientValue } = useBoundProp(import_editor_props31.backgroundGradientOverlayPropTypeUtil);
   const getCurrentOverlayType = () => {
     if (colorValue) {
       return "color";
@@ -4375,9 +4369,9 @@ var useBackgroundTabsHistory = ({
 
 // src/controls/background-control/background-overlay/background-overlay-repeater-control.tsx
 var DEFAULT_BACKGROUND_COLOR_OVERLAY_COLOR = "#00000033";
-var initialBackgroundColorOverlay = import_editor_props33.backgroundColorOverlayPropTypeUtil.create(
+var initialBackgroundColorOverlay = import_editor_props32.backgroundColorOverlayPropTypeUtil.create(
   {
-    color: import_editor_props33.colorPropTypeUtil.create(DEFAULT_BACKGROUND_COLOR_OVERLAY_COLOR)
+    color: import_editor_props32.colorPropTypeUtil.create(DEFAULT_BACKGROUND_COLOR_OVERLAY_COLOR)
   }
 );
 var getInitialBackgroundOverlay = () => ({
@@ -4411,12 +4405,12 @@ var backgroundResolutionOptions = [
   { label: (0, import_i18n33.__)("Full", "elementor"), value: "full" }
 ];
 var BackgroundOverlayRepeaterControl = createControl(() => {
-  const { propType, value: overlayValues, setValue } = useBoundProp(import_editor_props33.backgroundOverlayPropTypeUtil);
+  const { propType, value: overlayValues, setValue } = useBoundProp(import_editor_props32.backgroundOverlayPropTypeUtil);
   return /* @__PURE__ */ React77.createElement(PropProvider, { propType, value: overlayValues, setValue }, /* @__PURE__ */ React77.createElement(
     ControlRepeater,
     {
       initial: getInitialBackgroundOverlay(),
-      propTypeUtil: import_editor_props33.backgroundOverlayPropTypeUtil
+      propTypeUtil: import_editor_props32.backgroundOverlayPropTypeUtil
     },
     /* @__PURE__ */ React77.createElement(RepeaterHeader, { label: (0, import_i18n33.__)("Overlay", "elementor") }, /* @__PURE__ */ React77.createElement(TooltipAddItemAction, { newItemIndex: 0 })),
     /* @__PURE__ */ React77.createElement(ItemsContainer, null, /* @__PURE__ */ React77.createElement(
@@ -4518,11 +4512,11 @@ var ItemLabelGradient = ({ value }) => {
   return /* @__PURE__ */ React77.createElement("span", null, (0, import_i18n33.__)("Radial Gradient", "elementor"));
 };
 var ColorOverlayContent = ({ anchorEl }) => {
-  const propContext = useBoundProp(import_editor_props33.backgroundColorOverlayPropTypeUtil);
+  const propContext = useBoundProp(import_editor_props32.backgroundColorOverlayPropTypeUtil);
   return /* @__PURE__ */ React77.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React77.createElement(PropKeyProvider, { bind: "color" }, /* @__PURE__ */ React77.createElement(ColorControl, { anchorEl })));
 };
 var ImageOverlayContent = () => {
-  const propContext = useBoundProp(import_editor_props33.backgroundImageOverlayPropTypeUtil);
+  const propContext = useBoundProp(import_editor_props32.backgroundImageOverlayPropTypeUtil);
   return /* @__PURE__ */ React77.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React77.createElement(PropKeyProvider, { bind: "image" }, /* @__PURE__ */ React77.createElement(ImageControl, { sizes: backgroundResolutionOptions })), /* @__PURE__ */ React77.createElement(PropKeyProvider, { bind: "position" }, /* @__PURE__ */ React77.createElement(BackgroundImageOverlayPosition, null)), /* @__PURE__ */ React77.createElement(PropKeyProvider, { bind: "repeat" }, /* @__PURE__ */ React77.createElement(BackgroundImageOverlayRepeat, null)), /* @__PURE__ */ React77.createElement(PropKeyProvider, { bind: "size" }, /* @__PURE__ */ React77.createElement(BackgroundImageOverlaySize, null)), /* @__PURE__ */ React77.createElement(PropKeyProvider, { bind: "attachment" }, /* @__PURE__ */ React77.createElement(BackgroundImageOverlayAttachment, null)));
 };
 var StyledUnstableColorIndicator3 = (0, import_ui63.styled)(import_ui63.UnstableColorIndicator)(({ theme }) => ({
@@ -4570,7 +4564,7 @@ var clipOptions = [
 var colorLabel = (0, import_i18n34.__)("Color", "elementor");
 var clipLabel = (0, import_i18n34.__)("Clipping", "elementor");
 var BackgroundControl = createControl(() => {
-  const propContext = useBoundProp(import_editor_props34.backgroundPropTypeUtil);
+  const propContext = useBoundProp(import_editor_props33.backgroundPropTypeUtil);
   return /* @__PURE__ */ React78.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React78.createElement(PropKeyProvider, { bind: "background-overlay" }, /* @__PURE__ */ React78.createElement(BackgroundOverlayRepeaterControl, null)), /* @__PURE__ */ React78.createElement(BackgroundColorField, null), /* @__PURE__ */ React78.createElement(BackgroundClipField, null));
 });
 var BackgroundColorField = () => {
@@ -4583,7 +4577,7 @@ var BackgroundClipField = () => {
 // src/controls/repeatable-control.tsx
 var React79 = __toESM(require("react"));
 var import_react41 = require("react");
-var import_editor_props35 = require("@elementor/editor-props");
+var import_editor_props34 = require("@elementor/editor-props");
 var import_ui65 = require("@elementor/ui");
 var PLACEHOLDER_REGEX = /\$\{([^}]+)\}/g;
 var RepeatableControl = createControl(
@@ -4603,7 +4597,7 @@ var RepeatableControl = createControl(
       return null;
     }
     const childArrayPropTypeUtil2 = (0, import_react41.useMemo)(
-      () => (0, import_editor_props35.createArrayPropUtils)(childPropTypeUtil.key, childPropTypeUtil.schema, propKey),
+      () => (0, import_editor_props34.createArrayPropUtils)(childPropTypeUtil.key, childPropTypeUtil.schema, propKey),
       [childPropTypeUtil.key, childPropTypeUtil.schema, propKey]
     );
     const contextValue = (0, import_react41.useMemo)(
@@ -4738,7 +4732,7 @@ var getAllProperties = (pattern) => {
 // src/controls/key-value-control.tsx
 var React80 = __toESM(require("react"));
 var import_react42 = require("react");
-var import_editor_props36 = require("@elementor/editor-props");
+var import_editor_props35 = require("@elementor/editor-props");
 var import_ui66 = require("@elementor/ui");
 var import_i18n35 = require("@wordpress/i18n");
 
@@ -4763,7 +4757,7 @@ var getInitialFieldValue = (fieldValue) => {
   return transformableValue.value || "";
 };
 var KeyValueControl = createControl((props = {}) => {
-  const { value, setValue, ...propContext } = useBoundProp(import_editor_props36.keyValuePropTypeUtil);
+  const { value, setValue, ...propContext } = useBoundProp(import_editor_props35.keyValuePropTypeUtil);
   const [keyError, setKeyError] = (0, import_react42.useState)("");
   const [valueError, setValueError] = (0, import_react42.useState)("");
   const [sessionState, setSessionState] = (0, import_react42.useState)({
@@ -4802,14 +4796,14 @@ var KeyValueControl = createControl((props = {}) => {
       return;
     }
     const newChangedValue = newValue[fieldType];
-    if ((0, import_editor_props36.isTransformable)(newChangedValue) && newChangedValue.$$type === "dynamic") {
+    if ((0, import_editor_props35.isTransformable)(newChangedValue) && newChangedValue.$$type === "dynamic") {
       setValue({
         ...value,
         [fieldType]: newChangedValue
       });
       return;
     }
-    const extractedValue = import_editor_props36.stringPropTypeUtil.extract(newChangedValue);
+    const extractedValue = import_editor_props35.stringPropTypeUtil.extract(newChangedValue);
     setSessionState((prev) => ({
       ...prev,
       [fieldType]: extractedValue
@@ -4849,7 +4843,7 @@ var KeyValueControl = createControl((props = {}) => {
 
 // src/controls/position-control.tsx
 var React81 = __toESM(require("react"));
-var import_editor_props37 = require("@elementor/editor-props");
+var import_editor_props36 = require("@elementor/editor-props");
 var import_editor_ui9 = require("@elementor/editor-ui");
 var import_icons23 = require("@elementor/icons");
 var import_ui67 = require("@elementor/ui");
@@ -4867,8 +4861,8 @@ var positionOptions = [
   { label: (0, import_i18n36.__)("Custom", "elementor"), value: "custom" }
 ];
 var PositionControl = () => {
-  const positionContext = useBoundProp(import_editor_props37.positionPropTypeUtil);
-  const stringPropContext = useBoundProp(import_editor_props37.stringPropTypeUtil);
+  const positionContext = useBoundProp(import_editor_props36.positionPropTypeUtil);
+  const stringPropContext = useBoundProp(import_editor_props36.stringPropTypeUtil);
   const isCustom = !!positionContext.value;
   const handlePositionChange = (event) => {
     const value = event.target.value || null;
@@ -4906,13 +4900,13 @@ var PositionControl = () => {
 // src/controls/transform-control/transform-repeater-control.tsx
 var React94 = __toESM(require("react"));
 var import_react48 = require("react");
-var import_editor_props46 = require("@elementor/editor-props");
+var import_editor_props45 = require("@elementor/editor-props");
 var import_icons30 = require("@elementor/icons");
 var import_ui80 = require("@elementor/ui");
 var import_i18n46 = require("@wordpress/i18n");
 
 // src/controls/transform-control/initial-values.ts
-var import_editor_props38 = require("@elementor/editor-props");
+var import_editor_props37 = require("@elementor/editor-props");
 var TransformFunctionKeys = {
   move: "transform-move",
   scale: "transform-scale",
@@ -4942,17 +4936,17 @@ var initialTransformValue = {
     z: { $$type: "size", value: { size: defaultValues.move.size, unit: defaultValues.move.unit } }
   }
 };
-var initialScaleValue = import_editor_props38.scaleTransformPropTypeUtil.create({
-  x: import_editor_props38.numberPropTypeUtil.create(defaultValues.scale),
-  y: import_editor_props38.numberPropTypeUtil.create(defaultValues.scale),
-  z: import_editor_props38.numberPropTypeUtil.create(defaultValues.scale)
+var initialScaleValue = import_editor_props37.scaleTransformPropTypeUtil.create({
+  x: import_editor_props37.numberPropTypeUtil.create(defaultValues.scale),
+  y: import_editor_props37.numberPropTypeUtil.create(defaultValues.scale),
+  z: import_editor_props37.numberPropTypeUtil.create(defaultValues.scale)
 });
-var initialRotateValue = import_editor_props38.rotateTransformPropTypeUtil.create({
+var initialRotateValue = import_editor_props37.rotateTransformPropTypeUtil.create({
   x: { $$type: "size", value: { size: defaultValues.rotate.size, unit: defaultValues.rotate.unit } },
   y: { $$type: "size", value: { size: defaultValues.rotate.size, unit: defaultValues.rotate.unit } },
   z: { $$type: "size", value: { size: defaultValues.rotate.size, unit: defaultValues.rotate.unit } }
 });
-var initialSkewValue = import_editor_props38.skewTransformPropTypeUtil.create({
+var initialSkewValue = import_editor_props37.skewTransformPropTypeUtil.create({
   x: { $$type: "size", value: { size: defaultValues.skew.size, unit: defaultValues.skew.unit } },
   y: { $$type: "size", value: { size: defaultValues.skew.size, unit: defaultValues.skew.unit } }
 });
@@ -4965,7 +4959,7 @@ var import_i18n41 = require("@wordpress/i18n");
 // src/controls/transform-control/functions/move.tsx
 var React83 = __toESM(require("react"));
 var import_react43 = require("react");
-var import_editor_props39 = require("@elementor/editor-props");
+var import_editor_props38 = require("@elementor/editor-props");
 var import_icons24 = require("@elementor/icons");
 var import_ui69 = require("@elementor/ui");
 var import_i18n37 = require("@wordpress/i18n");
@@ -5010,7 +5004,7 @@ var moveAxisControls = [
   }
 ];
 var Move = () => {
-  const context = useBoundProp(import_editor_props39.moveTransformPropTypeUtil);
+  const context = useBoundProp(import_editor_props38.moveTransformPropTypeUtil);
   const rowRefs = [(0, import_react43.useRef)(null), (0, import_react43.useRef)(null), (0, import_react43.useRef)(null)];
   return /* @__PURE__ */ React83.createElement(import_ui69.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React83.createElement(PropProvider, { ...context }, /* @__PURE__ */ React83.createElement(PropKeyProvider, { bind: TransformFunctionKeys.move }, moveAxisControls.map((control, index) => /* @__PURE__ */ React83.createElement(
     AxisRow,
@@ -5027,7 +5021,7 @@ var Move = () => {
 // src/controls/transform-control/functions/rotate.tsx
 var React84 = __toESM(require("react"));
 var import_react44 = require("react");
-var import_editor_props40 = require("@elementor/editor-props");
+var import_editor_props39 = require("@elementor/editor-props");
 var import_icons25 = require("@elementor/icons");
 var import_ui70 = require("@elementor/ui");
 var import_i18n38 = require("@wordpress/i18n");
@@ -5050,7 +5044,7 @@ var rotateAxisControls = [
 ];
 var rotateUnits = ["deg", "rad", "grad", "turn"];
 var Rotate = () => {
-  const context = useBoundProp(import_editor_props40.rotateTransformPropTypeUtil);
+  const context = useBoundProp(import_editor_props39.rotateTransformPropTypeUtil);
   const rowRefs = [(0, import_react44.useRef)(null), (0, import_react44.useRef)(null), (0, import_react44.useRef)(null)];
   return /* @__PURE__ */ React84.createElement(import_ui70.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React84.createElement(PropProvider, { ...context }, /* @__PURE__ */ React84.createElement(PropKeyProvider, { bind: TransformFunctionKeys.rotate }, rotateAxisControls.map((control, index) => /* @__PURE__ */ React84.createElement(
     AxisRow,
@@ -5066,7 +5060,7 @@ var Rotate = () => {
 // src/controls/transform-control/functions/scale.tsx
 var React86 = __toESM(require("react"));
 var import_react45 = require("react");
-var import_editor_props41 = require("@elementor/editor-props");
+var import_editor_props40 = require("@elementor/editor-props");
 var import_icons26 = require("@elementor/icons");
 var import_ui72 = require("@elementor/ui");
 var import_i18n39 = require("@wordpress/i18n");
@@ -5097,7 +5091,7 @@ var scaleAxisControls = [
   }
 ];
 var Scale = () => {
-  const context = useBoundProp(import_editor_props41.scaleTransformPropTypeUtil);
+  const context = useBoundProp(import_editor_props40.scaleTransformPropTypeUtil);
   const rowRefs = [(0, import_react45.useRef)(null), (0, import_react45.useRef)(null), (0, import_react45.useRef)(null)];
   return /* @__PURE__ */ React86.createElement(import_ui72.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React86.createElement(PropProvider, { ...context }, /* @__PURE__ */ React86.createElement(PropKeyProvider, { bind: TransformFunctionKeys.scale }, scaleAxisControls.map((control, index) => /* @__PURE__ */ React86.createElement(ScaleAxisRow, { key: control.bind, ...control, anchorRef: rowRefs[index] })))));
 };
@@ -5105,7 +5099,7 @@ var Scale = () => {
 // src/controls/transform-control/functions/skew.tsx
 var React87 = __toESM(require("react"));
 var import_react46 = require("react");
-var import_editor_props42 = require("@elementor/editor-props");
+var import_editor_props41 = require("@elementor/editor-props");
 var import_icons27 = require("@elementor/icons");
 var import_ui73 = require("@elementor/ui");
 var import_i18n40 = require("@wordpress/i18n");
@@ -5123,7 +5117,7 @@ var skewAxisControls = [
 ];
 var skewUnits = ["deg", "rad", "grad", "turn"];
 var Skew = () => {
-  const context = useBoundProp(import_editor_props42.skewTransformPropTypeUtil);
+  const context = useBoundProp(import_editor_props41.skewTransformPropTypeUtil);
   const rowRefs = [(0, import_react46.useRef)(null), (0, import_react46.useRef)(null), (0, import_react46.useRef)(null)];
   return /* @__PURE__ */ React87.createElement(import_ui73.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React87.createElement(PropProvider, { ...context }, /* @__PURE__ */ React87.createElement(PropKeyProvider, { bind: TransformFunctionKeys.skew }, skewAxisControls.map((control, index) => /* @__PURE__ */ React87.createElement(
     AxisRow,
@@ -5138,7 +5132,7 @@ var Skew = () => {
 
 // src/controls/transform-control/use-transform-tabs-history.tsx
 var import_react47 = require("react");
-var import_editor_props43 = require("@elementor/editor-props");
+var import_editor_props42 = require("@elementor/editor-props");
 var import_ui74 = require("@elementor/ui");
 var useTransformTabsHistory = ({
   move: initialMove,
@@ -5146,10 +5140,10 @@ var useTransformTabsHistory = ({
   rotate: initialRotate,
   skew: initialSkew
 }) => {
-  const { value: moveValue, setValue: setMoveValue } = useBoundProp(import_editor_props43.moveTransformPropTypeUtil);
-  const { value: scaleValue, setValue: setScaleValue } = useBoundProp(import_editor_props43.scaleTransformPropTypeUtil);
-  const { value: rotateValue, setValue: setRotateValue } = useBoundProp(import_editor_props43.rotateTransformPropTypeUtil);
-  const { value: skewValue, setValue: setSkewValue } = useBoundProp(import_editor_props43.skewTransformPropTypeUtil);
+  const { value: moveValue, setValue: setMoveValue } = useBoundProp(import_editor_props42.moveTransformPropTypeUtil);
+  const { value: scaleValue, setValue: setScaleValue } = useBoundProp(import_editor_props42.scaleTransformPropTypeUtil);
+  const { value: rotateValue, setValue: setRotateValue } = useBoundProp(import_editor_props42.rotateTransformPropTypeUtil);
+  const { value: skewValue, setValue: setSkewValue } = useBoundProp(import_editor_props42.skewTransformPropTypeUtil);
   const { openItemIndex, items: items2 } = useRepeaterContext();
   const getCurrentTransformType = () => {
     switch (true) {
@@ -5306,7 +5300,7 @@ var import_i18n45 = require("@wordpress/i18n");
 
 // src/controls/transform-control/transform-base-controls/children-perspective-control.tsx
 var React91 = __toESM(require("react"));
-var import_editor_props44 = require("@elementor/editor-props");
+var import_editor_props43 = require("@elementor/editor-props");
 var import_ui77 = require("@elementor/ui");
 var import_i18n43 = require("@wordpress/i18n");
 var ORIGIN_UNITS = ["px", "%", "em", "rem"];
@@ -5333,7 +5327,7 @@ var ChildrenPerspectiveControl = () => {
 var PerspectiveControl = () => /* @__PURE__ */ React91.createElement(PropKeyProvider, { bind: "perspective" }, /* @__PURE__ */ React91.createElement(ControlFields, { control: PERSPECTIVE_CONTROL_FIELD, key: PERSPECTIVE_CONTROL_FIELD.bind }));
 var PerspectiveOriginControl = () => /* @__PURE__ */ React91.createElement(PropKeyProvider, { bind: "perspective-origin" }, /* @__PURE__ */ React91.createElement(PerspectiveOriginControlProvider, null));
 var PerspectiveOriginControlProvider = () => {
-  const context = useBoundProp(import_editor_props44.perspectiveOriginPropTypeUtil);
+  const context = useBoundProp(import_editor_props43.perspectiveOriginPropTypeUtil);
   return /* @__PURE__ */ React91.createElement(PropProvider, { ...context }, CHILDREN_PERSPECTIVE_FIELDS.map((control) => /* @__PURE__ */ React91.createElement(PropKeyProvider, { bind: control.bind, key: control.bind }, /* @__PURE__ */ React91.createElement(ControlFields, { control }))));
 };
 var ControlFields = ({ control }) => {
@@ -5343,7 +5337,7 @@ var ControlFields = ({ control }) => {
 
 // src/controls/transform-control/transform-base-controls/transform-origin-control.tsx
 var React92 = __toESM(require("react"));
-var import_editor_props45 = require("@elementor/editor-props");
+var import_editor_props44 = require("@elementor/editor-props");
 var import_ui78 = require("@elementor/ui");
 var import_i18n44 = require("@wordpress/i18n");
 var TRANSFORM_ORIGIN_UNITS = ["px", "%", "em", "rem"];
@@ -5369,7 +5363,7 @@ var TransformOriginControl = () => {
   return /* @__PURE__ */ React92.createElement(import_ui78.Stack, { direction: "column", spacing: 1.5 }, /* @__PURE__ */ React92.createElement(ControlFormLabel, null, (0, import_i18n44.__)("Transform", "elementor")), TRANSFORM_ORIGIN_FIELDS.map((control) => /* @__PURE__ */ React92.createElement(ControlFields2, { control, key: control.bind })));
 };
 var ControlFields2 = ({ control }) => {
-  const context = useBoundProp(import_editor_props45.transformOriginPropTypeUtil);
+  const context = useBoundProp(import_editor_props44.transformOriginPropTypeUtil);
   const rowRef = React92.useRef(null);
   return /* @__PURE__ */ React92.createElement(PropProvider, { ...context }, /* @__PURE__ */ React92.createElement(PropKeyProvider, { bind: control.bind }, /* @__PURE__ */ React92.createElement(PopoverGridContainer, { ref: rowRef }, /* @__PURE__ */ React92.createElement(import_ui78.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React92.createElement(ControlFormLabel, null, control.label)), /* @__PURE__ */ React92.createElement(import_ui78.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React92.createElement(SizeControl, { variant: "length", units: control.units, anchorRef: rowRef, disableCustom: true })))));
 };
@@ -5415,7 +5409,7 @@ var TransformSettingsControl = ({
 // src/controls/transform-control/transform-repeater-control.tsx
 var SIZE8 = "tiny";
 var TransformRepeaterControl = createControl(() => {
-  const context = useBoundProp(import_editor_props46.transformPropTypeUtil);
+  const context = useBoundProp(import_editor_props45.transformPropTypeUtil);
   const headerRef = (0, import_react48.useRef)(null);
   const popupState = (0, import_ui80.usePopupState)({ variant: "popover" });
   return /* @__PURE__ */ React94.createElement(PropProvider, { ...context }, /* @__PURE__ */ React94.createElement(TransformSettingsControl, { popupState, anchorRef: headerRef }), /* @__PURE__ */ React94.createElement(PropKeyProvider, { bind: "transform-functions" }, /* @__PURE__ */ React94.createElement(Repeater2, { headerRef, propType: context.propType, popupState })));
@@ -5435,7 +5429,7 @@ var Repeater2 = ({
   propType,
   popupState
 }) => {
-  const transformFunctionsContext = useBoundProp(import_editor_props46.transformFunctionsPropTypeUtil);
+  const transformFunctionsContext = useBoundProp(import_editor_props45.transformFunctionsPropTypeUtil);
   const availableValues = [initialTransformValue, initialScaleValue, initialRotateValue, initialSkewValue];
   const { value: transformValues, bind } = transformFunctionsContext;
   const getInitialValue2 = () => {
@@ -5446,7 +5440,7 @@ var Repeater2 = ({
     ControlRepeater,
     {
       initial: getInitialValue2() ?? initialTransformValue,
-      propTypeUtil: import_editor_props46.transformFunctionsPropTypeUtil
+      propTypeUtil: import_editor_props45.transformFunctionsPropTypeUtil
     },
     /* @__PURE__ */ React94.createElement(
       RepeaterHeader,
@@ -5489,7 +5483,7 @@ var TransformBasePopoverTrigger = ({
 // src/controls/transition-control/transition-repeater-control.tsx
 var React97 = __toESM(require("react"));
 var import_react51 = require("react");
-var import_editor_props49 = require("@elementor/editor-props");
+var import_editor_props48 = require("@elementor/editor-props");
 var import_icons32 = require("@elementor/icons");
 var import_ui83 = require("@elementor/ui");
 var import_i18n49 = require("@wordpress/i18n");
@@ -5497,11 +5491,11 @@ var import_i18n49 = require("@wordpress/i18n");
 // src/controls/selection-size-control.tsx
 var React95 = __toESM(require("react"));
 var import_react49 = require("react");
-var import_editor_props47 = require("@elementor/editor-props");
+var import_editor_props46 = require("@elementor/editor-props");
 var import_ui81 = require("@elementor/ui");
 var SelectionSizeControl = createControl(
   ({ selectionLabel, sizeLabel, selectionConfig, sizeConfigMap }) => {
-    const { value, setValue, propType } = useBoundProp(import_editor_props47.selectionSizePropTypeUtil);
+    const { value, setValue, propType } = useBoundProp(import_editor_props46.selectionSizePropTypeUtil);
     const rowRef = (0, import_react49.useRef)(null);
     const sizeFieldId = sizeLabel.replace(/\s+/g, "-").toLowerCase();
     const currentSizeConfig = (0, import_react49.useMemo)(() => {
@@ -5578,7 +5572,7 @@ function subscribeToTransitionEvent() {
 // src/controls/transition-control/transition-selector.tsx
 var React96 = __toESM(require("react"));
 var import_react50 = require("react");
-var import_editor_props48 = require("@elementor/editor-props");
+var import_editor_props47 = require("@elementor/editor-props");
 var import_icons31 = require("@elementor/icons");
 var import_ui82 = require("@elementor/ui");
 var import_i18n48 = require("@wordpress/i18n");
@@ -5616,7 +5610,7 @@ var TransitionSelector = ({
   recentlyUsedList = [],
   disabledItems = []
 }) => {
-  const { value, setValue } = useBoundProp(import_editor_props48.keyValuePropTypeUtil);
+  const { value, setValue } = useBoundProp(import_editor_props47.keyValuePropTypeUtil);
   const {
     key: { value: transitionLabel }
   } = value;
@@ -5703,9 +5697,9 @@ var DURATION_CONFIG = {
   units: ["s", "ms"],
   defaultUnit: "ms"
 };
-var childArrayPropTypeUtil = (0, import_editor_props49.createArrayPropUtils)(
-  import_editor_props49.selectionSizePropTypeUtil.key,
-  import_editor_props49.selectionSizePropTypeUtil.schema,
+var childArrayPropTypeUtil = (0, import_editor_props48.createArrayPropUtils)(
+  import_editor_props48.selectionSizePropTypeUtil.key,
+  import_editor_props48.selectionSizePropTypeUtil.schema,
   "transition"
 );
 subscribeToTransitionEvent();
@@ -5748,7 +5742,7 @@ var isItemDisabled = (item) => {
 };
 var getChildControlConfig = (recentlyUsedList, disabledItems) => {
   return {
-    propTypeUtil: import_editor_props49.selectionSizePropTypeUtil,
+    propTypeUtil: import_editor_props48.selectionSizePropTypeUtil,
     component: SelectionSizeControl,
     props: getSelectionSizeProps(recentlyUsedList, disabledItems),
     isItemDisabled
@@ -5863,17 +5857,17 @@ var TransitionRepeaterControl = createControl(
 // src/controls/date-time-control.tsx
 var React98 = __toESM(require("react"));
 var dayjs = __toESM(require("dayjs"));
+var import_editor_props49 = require("@elementor/editor-props");
 var import_editor_props50 = require("@elementor/editor-props");
-var import_editor_props51 = require("@elementor/editor-props");
 var import_ui84 = require("@elementor/ui");
 var DATE_FORMAT = "YYYY-MM-DD";
 var TIME_FORMAT = "HH:mm";
 var DateTimeControl = createControl(({ inputDisabled }) => {
-  const { value, setValue, ...propContext } = useBoundProp(import_editor_props51.DateTimePropTypeUtil);
+  const { value, setValue, ...propContext } = useBoundProp(import_editor_props50.DateTimePropTypeUtil);
   const handleChange = (newValue, meta) => {
     const field = meta.bind;
     const fieldValue = newValue[field];
-    if ((0, import_editor_props50.isTransformable)(fieldValue)) {
+    if ((0, import_editor_props49.isTransformable)(fieldValue)) {
       return setValue({ ...value, [field]: fieldValue });
     }
     let formattedValue = "";
@@ -5912,7 +5906,7 @@ var DateTimeControl = createControl(({ inputDisabled }) => {
   return /* @__PURE__ */ React98.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React98.createElement(ControlActions, null, /* @__PURE__ */ React98.createElement(import_ui84.LocalizationProvider, null, /* @__PURE__ */ React98.createElement(import_ui84.Box, { display: "flex", gap: 1, alignItems: "center" }, /* @__PURE__ */ React98.createElement(PropKeyProvider, { bind: "date" }, /* @__PURE__ */ React98.createElement(
     import_ui84.DatePicker,
     {
-      value: parseDateValue(import_editor_props50.stringPropTypeUtil.extract(value?.date)),
+      value: parseDateValue(import_editor_props49.stringPropTypeUtil.extract(value?.date)),
       onChange: (v) => handleChange({ date: v }, { bind: "date" }),
       disabled: inputDisabled,
       slotProps: {
@@ -5924,7 +5918,7 @@ var DateTimeControl = createControl(({ inputDisabled }) => {
   )), /* @__PURE__ */ React98.createElement(PropKeyProvider, { bind: "time" }, /* @__PURE__ */ React98.createElement(
     import_ui84.TimePicker,
     {
-      value: parseTimeValue(import_editor_props50.stringPropTypeUtil.extract(value?.time)),
+      value: parseTimeValue(import_editor_props49.stringPropTypeUtil.extract(value?.time)),
       onChange: (v) => handleChange({ time: v }, { bind: "time" }),
       disabled: inputDisabled,
       slotProps: {
@@ -5938,7 +5932,7 @@ var DateTimeControl = createControl(({ inputDisabled }) => {
 
 // src/controls/inline-editing-control.tsx
 var React102 = __toESM(require("react"));
-var import_editor_props52 = require("@elementor/editor-props");
+var import_editor_props51 = require("@elementor/editor-props");
 var import_ui88 = require("@elementor/ui");
 
 // src/components/inline-editor.tsx
@@ -6404,7 +6398,7 @@ var InlineEditingControl = createControl(
     attributes,
     props
   }) => {
-    const { value, setValue } = useBoundProp(import_editor_props52.htmlPropTypeUtil);
+    const { value, setValue } = useBoundProp(import_editor_props51.htmlPropTypeUtil);
     const handleChange = (newValue) => setValue(newValue);
     return /* @__PURE__ */ React102.createElement(ControlActions, null, /* @__PURE__ */ React102.createElement(
       import_ui88.Box,