@elementor/editor-controls 3.35.0-437 → 3.35.0-439

package/dist/index.d.mts

@@ -341,9 +341,10 @@ declare const PositionControl: () => React$1.JSX.Element;
 
 declare const TransformRepeaterControl: ControlComponent$1<() => React$1.JSX.Element>;
 
-declare const TransformSettingsControl: ({ popupState, anchorRef, }: {
+declare const TransformSettingsControl: ({ popupState, anchorRef, showChildrenPerspective, }: {
     popupState: PopupState;
     anchorRef: React$1.RefObject<HTMLDivElement | null>;
+    showChildrenPerspective: boolean;
 }) => React$1.JSX.Element;
 
 declare const TransitionRepeaterControl: ControlComponent$1<({ recentlyUsedListGetter, currentStyleState, }: {
@@ -655,4 +656,6 @@ type UseInternalStateOptions<TValue> = {
 };
 declare const useSyncExternalState: <TValue>({ external, setExternal, persistWhen, fallback, }: UseInternalStateOptions<TValue>) => readonly [TValue, (setter: ((value: TValue) => TValue) | TValue, options?: CreateOptions, meta?: SetValueMeta) => void];
 
-export { type AdornmentComponent, type AngleUnit, AspectRatioControl, BackgroundControl, BoxShadowRepeaterControl, ClearIconButton, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent$1 as ControlComponent, ControlFormLabel, ControlReplacementsProvider, ControlToggleButtonGroup, DateTimeControl, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedOption, FilterRepeaterControl, FloatingActionsBar, type FontCategory, FontFamilyControl, GapControl, HtmlTagControl, ImageControl, InlineEditingControl, InlineEditor, InlineEditorToolbar, ItemSelector, type ItemsActionPayload, KeyValueControl, type LengthUnit, LinkControl, LinkedDimensionsControl, NumberControl, PopoverContent, PopoverGridContainer, PositionControl, PropKeyProvider, PropProvider, type PropProviderProps, QueryControl, RepeatableControl, Repeater, type RepeaterItem, SelectControl, SelectControlWrapper, type SetRepeaterValuesMeta, type SetValue, type SetValueMeta, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type TimeUnit, type ToggleButtonGroupItem, ToggleButtonGroupUi, ToggleControl, type ToggleControlProps, TransformRepeaterControl, TransformSettingsControl, TransitionRepeaterControl, type Unit, UrlControl, createControl, createControlReplacementsRegistry, enqueueFont, injectIntoRepeaterItemActions, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, transitionProperties, transitionsItemsList, useBoundProp, useControlActions, useFloatingActionsBar, useSyncExternalState };
+declare const useElementCanHaveChildren: () => boolean;
+
+export { type AdornmentComponent, type AngleUnit, AspectRatioControl, BackgroundControl, BoxShadowRepeaterControl, ClearIconButton, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent$1 as ControlComponent, ControlFormLabel, ControlReplacementsProvider, ControlToggleButtonGroup, DateTimeControl, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedOption, FilterRepeaterControl, FloatingActionsBar, type FontCategory, FontFamilyControl, GapControl, HtmlTagControl, ImageControl, InlineEditingControl, InlineEditor, InlineEditorToolbar, ItemSelector, type ItemsActionPayload, KeyValueControl, type LengthUnit, LinkControl, LinkedDimensionsControl, NumberControl, PopoverContent, PopoverGridContainer, PositionControl, PropKeyProvider, PropProvider, type PropProviderProps, QueryControl, RepeatableControl, Repeater, type RepeaterItem, SelectControl, SelectControlWrapper, type SetRepeaterValuesMeta, type SetValue, type SetValueMeta, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type TimeUnit, type ToggleButtonGroupItem, ToggleButtonGroupUi, ToggleControl, type ToggleControlProps, TransformRepeaterControl, TransformSettingsControl, TransitionRepeaterControl, type Unit, UrlControl, createControl, createControlReplacementsRegistry, enqueueFont, injectIntoRepeaterItemActions, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, transitionProperties, transitionsItemsList, useBoundProp, useControlActions, useElementCanHaveChildren, useFloatingActionsBar, useSyncExternalState };

package/dist/index.d.ts

@@ -341,9 +341,10 @@ declare const PositionControl: () => React$1.JSX.Element;
 
 declare const TransformRepeaterControl: ControlComponent$1<() => React$1.JSX.Element>;
 
-declare const TransformSettingsControl: ({ popupState, anchorRef, }: {
+declare const TransformSettingsControl: ({ popupState, anchorRef, showChildrenPerspective, }: {
     popupState: PopupState;
     anchorRef: React$1.RefObject<HTMLDivElement | null>;
+    showChildrenPerspective: boolean;
 }) => React$1.JSX.Element;
 
 declare const TransitionRepeaterControl: ControlComponent$1<({ recentlyUsedListGetter, currentStyleState, }: {
@@ -655,4 +656,6 @@ type UseInternalStateOptions<TValue> = {
 };
 declare const useSyncExternalState: <TValue>({ external, setExternal, persistWhen, fallback, }: UseInternalStateOptions<TValue>) => readonly [TValue, (setter: ((value: TValue) => TValue) | TValue, options?: CreateOptions, meta?: SetValueMeta) => void];
 
-export { type AdornmentComponent, type AngleUnit, AspectRatioControl, BackgroundControl, BoxShadowRepeaterControl, ClearIconButton, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent$1 as ControlComponent, ControlFormLabel, ControlReplacementsProvider, ControlToggleButtonGroup, DateTimeControl, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedOption, FilterRepeaterControl, FloatingActionsBar, type FontCategory, FontFamilyControl, GapControl, HtmlTagControl, ImageControl, InlineEditingControl, InlineEditor, InlineEditorToolbar, ItemSelector, type ItemsActionPayload, KeyValueControl, type LengthUnit, LinkControl, LinkedDimensionsControl, NumberControl, PopoverContent, PopoverGridContainer, PositionControl, PropKeyProvider, PropProvider, type PropProviderProps, QueryControl, RepeatableControl, Repeater, type RepeaterItem, SelectControl, SelectControlWrapper, type SetRepeaterValuesMeta, type SetValue, type SetValueMeta, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type TimeUnit, type ToggleButtonGroupItem, ToggleButtonGroupUi, ToggleControl, type ToggleControlProps, TransformRepeaterControl, TransformSettingsControl, TransitionRepeaterControl, type Unit, UrlControl, createControl, createControlReplacementsRegistry, enqueueFont, injectIntoRepeaterItemActions, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, transitionProperties, transitionsItemsList, useBoundProp, useControlActions, useFloatingActionsBar, useSyncExternalState };
+declare const useElementCanHaveChildren: () => boolean;
+
+export { type AdornmentComponent, type AngleUnit, AspectRatioControl, BackgroundControl, BoxShadowRepeaterControl, ClearIconButton, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent$1 as ControlComponent, ControlFormLabel, ControlReplacementsProvider, ControlToggleButtonGroup, DateTimeControl, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedOption, FilterRepeaterControl, FloatingActionsBar, type FontCategory, FontFamilyControl, GapControl, HtmlTagControl, ImageControl, InlineEditingControl, InlineEditor, InlineEditorToolbar, ItemSelector, type ItemsActionPayload, KeyValueControl, type LengthUnit, LinkControl, LinkedDimensionsControl, NumberControl, PopoverContent, PopoverGridContainer, PositionControl, PropKeyProvider, PropProvider, type PropProviderProps, QueryControl, RepeatableControl, Repeater, type RepeaterItem, SelectControl, SelectControlWrapper, type SetRepeaterValuesMeta, type SetValue, type SetValueMeta, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type TimeUnit, type ToggleButtonGroupItem, ToggleButtonGroupUi, ToggleControl, type ToggleControlProps, TransformRepeaterControl, TransformSettingsControl, TransitionRepeaterControl, type Unit, UrlControl, createControl, createControlReplacementsRegistry, enqueueFont, injectIntoRepeaterItemActions, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, transitionProperties, transitionsItemsList, useBoundProp, useControlActions, useElementCanHaveChildren, useFloatingActionsBar, useSyncExternalState };

package/dist/index.js

@@ -89,6 +89,7 @@ __export(index_exports, {
   transitionsItemsList: () => transitionsItemsList,
   useBoundProp: () => useBoundProp,
   useControlActions: () => useControlActions,
+  useElementCanHaveChildren: () => useElementCanHaveChildren,
   useFloatingActionsBar: () => useFloatingActionsBar,
   useSyncExternalState: () => useSyncExternalState
 });
@@ -4914,12 +4915,27 @@ var PositionControl = () => {
 
 // src/controls/transform-control/transform-repeater-control.tsx
 var React94 = __toESM(require("react"));
-var import_react48 = require("react");
+var import_react49 = require("react");
 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/hooks/use-element-can-have-children.ts
+var import_react43 = require("react");
+var import_editor_elements4 = require("@elementor/editor-elements");
+var useElementCanHaveChildren = () => {
+  const { element } = (0, import_editor_elements4.useSelectedElement)();
+  const elementId = element?.id || "";
+  return (0, import_react43.useMemo)(() => {
+    const container = (0, import_editor_elements4.getContainer)(elementId);
+    if (!container) {
+      return false;
+    }
+    return container.model.get("elType") !== "widget";
+  }, [elementId]);
+};
+
 // src/controls/transform-control/initial-values.ts
 var import_editor_props37 = require("@elementor/editor-props");
 var TransformFunctionKeys = {
@@ -4973,7 +4989,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_react44 = require("react");
 var import_editor_props38 = require("@elementor/editor-props");
 var import_icons24 = require("@elementor/icons");
 var import_ui69 = require("@elementor/ui");
@@ -5020,7 +5036,7 @@ var moveAxisControls = [
 ];
 var Move = () => {
   const context = useBoundProp(import_editor_props38.moveTransformPropTypeUtil);
-  const rowRefs = [(0, import_react43.useRef)(null), (0, import_react43.useRef)(null), (0, import_react43.useRef)(null)];
+  const rowRefs = [(0, import_react44.useRef)(null), (0, import_react44.useRef)(null), (0, import_react44.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,
     {
@@ -5035,7 +5051,7 @@ var Move = () => {
 
 // src/controls/transform-control/functions/rotate.tsx
 var React84 = __toESM(require("react"));
-var import_react44 = require("react");
+var import_react45 = require("react");
 var import_editor_props39 = require("@elementor/editor-props");
 var import_icons25 = require("@elementor/icons");
 var import_ui70 = require("@elementor/ui");
@@ -5060,7 +5076,7 @@ var rotateAxisControls = [
 var rotateUnits = ["deg", "rad", "grad", "turn"];
 var Rotate = () => {
   const context = useBoundProp(import_editor_props39.rotateTransformPropTypeUtil);
-  const rowRefs = [(0, import_react44.useRef)(null), (0, import_react44.useRef)(null), (0, import_react44.useRef)(null)];
+  const rowRefs = [(0, import_react45.useRef)(null), (0, import_react45.useRef)(null), (0, import_react45.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,
     {
@@ -5074,7 +5090,7 @@ var Rotate = () => {
 
 // src/controls/transform-control/functions/scale.tsx
 var React86 = __toESM(require("react"));
-var import_react45 = require("react");
+var import_react46 = require("react");
 var import_editor_props40 = require("@elementor/editor-props");
 var import_icons26 = require("@elementor/icons");
 var import_ui72 = require("@elementor/ui");
@@ -5107,13 +5123,13 @@ var scaleAxisControls = [
 ];
 var Scale = () => {
   const context = useBoundProp(import_editor_props40.scaleTransformPropTypeUtil);
-  const rowRefs = [(0, import_react45.useRef)(null), (0, import_react45.useRef)(null), (0, import_react45.useRef)(null)];
+  const rowRefs = [(0, import_react46.useRef)(null), (0, import_react46.useRef)(null), (0, import_react46.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] })))));
 };
 
 // src/controls/transform-control/functions/skew.tsx
 var React87 = __toESM(require("react"));
-var import_react46 = require("react");
+var import_react47 = require("react");
 var import_editor_props41 = require("@elementor/editor-props");
 var import_icons27 = require("@elementor/icons");
 var import_ui73 = require("@elementor/ui");
@@ -5133,7 +5149,7 @@ var skewAxisControls = [
 var skewUnits = ["deg", "rad", "grad", "turn"];
 var Skew = () => {
   const context = useBoundProp(import_editor_props41.skewTransformPropTypeUtil);
-  const rowRefs = [(0, import_react46.useRef)(null), (0, import_react46.useRef)(null), (0, import_react46.useRef)(null)];
+  const rowRefs = [(0, import_react47.useRef)(null), (0, import_react47.useRef)(null), (0, import_react47.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,
     {
@@ -5146,7 +5162,7 @@ var Skew = () => {
 };
 
 // src/controls/transform-control/use-transform-tabs-history.tsx
-var import_react47 = require("react");
+var import_react48 = require("react");
 var import_editor_props42 = require("@elementor/editor-props");
 var import_ui74 = require("@elementor/ui");
 var useTransformTabsHistory = ({
@@ -5173,7 +5189,7 @@ var useTransformTabsHistory = ({
     }
   };
   const { getTabsProps, getTabProps, getTabPanelProps } = (0, import_ui74.useTabs)(getCurrentTransformType());
-  const valuesHistory = (0, import_react47.useRef)({
+  const valuesHistory = (0, import_react48.useRef)({
     move: initialMove,
     scale: initialScale,
     rotate: initialRotate,
@@ -5389,7 +5405,8 @@ var ControlFields2 = ({ control }) => {
 var SIZE7 = "tiny";
 var TransformSettingsControl = ({
   popupState,
-  anchorRef
+  anchorRef,
+  showChildrenPerspective
 }) => {
   const popupProps = (0, import_ui79.bindPopover)({
     ...popupState,
@@ -5419,7 +5436,7 @@ var TransformSettingsControl = ({
       }
     ),
     /* @__PURE__ */ React93.createElement(import_ui79.Divider, null),
-    /* @__PURE__ */ React93.createElement(PopoverContent, { sx: { px: 2, py: 1.5 } }, /* @__PURE__ */ React93.createElement(PropKeyProvider, { bind: "transform-origin" }, /* @__PURE__ */ React93.createElement(TransformOriginControl, null)), /* @__PURE__ */ React93.createElement(import_ui79.Box, { sx: { my: 0.5 } }, /* @__PURE__ */ React93.createElement(import_ui79.Divider, null)), /* @__PURE__ */ React93.createElement(ChildrenPerspectiveControl, null))
+    /* @__PURE__ */ React93.createElement(PopoverContent, { sx: { px: 2, py: 1.5 } }, /* @__PURE__ */ React93.createElement(PropKeyProvider, { bind: "transform-origin" }, /* @__PURE__ */ React93.createElement(TransformOriginControl, null)), showChildrenPerspective && /* @__PURE__ */ React93.createElement(React93.Fragment, null, /* @__PURE__ */ React93.createElement(import_ui79.Box, { sx: { my: 0.5 } }, /* @__PURE__ */ React93.createElement(import_ui79.Divider, null)), /* @__PURE__ */ React93.createElement(ChildrenPerspectiveControl, null)))
   );
 };
 
@@ -5427,9 +5444,17 @@ var TransformSettingsControl = ({
 var SIZE8 = "tiny";
 var TransformRepeaterControl = createControl(() => {
   const context = useBoundProp(import_editor_props45.transformPropTypeUtil);
-  const headerRef = (0, import_react48.useRef)(null);
+  const headerRef = (0, import_react49.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 })));
+  const showChildrenPerspective = useElementCanHaveChildren();
+  return /* @__PURE__ */ React94.createElement(PropProvider, { ...context }, /* @__PURE__ */ React94.createElement(
+    TransformSettingsControl,
+    {
+      popupState,
+      anchorRef: headerRef,
+      showChildrenPerspective
+    }
+  ), /* @__PURE__ */ React94.createElement(PropKeyProvider, { bind: "transform-functions" }, /* @__PURE__ */ React94.createElement(Repeater2, { headerRef, propType: context.propType, popupState })));
 });
 var ToolTip = /* @__PURE__ */ React94.createElement(
   import_ui80.Box,
@@ -5499,7 +5524,7 @@ var TransformBasePopoverTrigger = ({
 
 // src/controls/transition-control/transition-repeater-control.tsx
 var React97 = __toESM(require("react"));
-var import_react51 = require("react");
+var import_react52 = require("react");
 var import_editor_props48 = require("@elementor/editor-props");
 var import_icons32 = require("@elementor/icons");
 var import_ui83 = require("@elementor/ui");
@@ -5507,15 +5532,15 @@ var import_i18n49 = require("@wordpress/i18n");
 
 // src/controls/selection-size-control.tsx
 var React95 = __toESM(require("react"));
-var import_react49 = require("react");
+var import_react50 = require("react");
 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_props46.selectionSizePropTypeUtil);
-    const rowRef = (0, import_react49.useRef)(null);
+    const rowRef = (0, import_react50.useRef)(null);
     const sizeFieldId = sizeLabel.replace(/\s+/g, "-").toLowerCase();
-    const currentSizeConfig = (0, import_react49.useMemo)(() => {
+    const currentSizeConfig = (0, import_react50.useMemo)(() => {
       switch (value.selection.$$type) {
         case "key-value":
           return sizeConfigMap[value?.selection?.value.value.value || ""];
@@ -5564,7 +5589,7 @@ var transitionsItemsList = transitionProperties.map((category) => ({
 }));
 
 // src/controls/transition-control/trainsition-events.ts
-var import_editor_elements4 = require("@elementor/editor-elements");
+var import_editor_elements5 = require("@elementor/editor-elements");
 var import_mixpanel = require("@elementor/mixpanel");
 var transitionRepeaterMixpanelEvent = {
   eventName: "click_added_transition",
@@ -5576,7 +5601,7 @@ function subscribeToTransitionEvent() {
   eventBus.subscribe("transition-item-added", (data) => {
     const payload = data;
     const value = payload?.itemValue?.selection?.value?.value?.value;
-    const selectedElements = (0, import_editor_elements4.getSelectedElements)();
+    const selectedElements = (0, import_editor_elements5.getSelectedElements)();
     const widgetType = selectedElements[0]?.type ?? null;
     (0, import_mixpanel.trackEvent)({
       transition_type: value ?? "unknown",
@@ -5588,7 +5613,7 @@ function subscribeToTransitionEvent() {
 
 // src/controls/transition-control/transition-selector.tsx
 var React96 = __toESM(require("react"));
-var import_react50 = require("react");
+var import_react51 = require("react");
 var import_editor_props47 = require("@elementor/editor-props");
 var import_icons31 = require("@elementor/icons");
 var import_ui82 = require("@elementor/ui");
@@ -5631,7 +5656,7 @@ var TransitionSelector = ({
   const {
     key: { value: transitionLabel }
   } = value;
-  const defaultRef = (0, import_react50.useRef)(null);
+  const defaultRef = (0, import_react51.useRef)(null);
   const popoverState = (0, import_ui82.usePopupState)({ variant: "popover" });
   const getItemList = () => {
     const recentItems = recentlyUsedList.map((item) => getTransitionPropertyByValue({ value: item, $$type: "string" })?.label).filter((item) => !!item);
@@ -5822,17 +5847,17 @@ var TransitionRepeaterControl = createControl(
     currentStyleState
   }) => {
     const currentStyleIsNormal = currentStyleState === null;
-    const [recentlyUsedList, setRecentlyUsedList] = (0, import_react51.useState)([]);
+    const [recentlyUsedList, setRecentlyUsedList] = (0, import_react52.useState)([]);
     const { value, setValue } = useBoundProp(childArrayPropTypeUtil);
-    const disabledItems = (0, import_react51.useMemo)(() => getDisabledItemLabels(value), [value]);
-    const allowedTransitionSet = (0, import_react51.useMemo)(() => {
+    const disabledItems = (0, import_react52.useMemo)(() => getDisabledItemLabels(value), [value]);
+    const allowedTransitionSet = (0, import_react52.useMemo)(() => {
       const set = /* @__PURE__ */ new Set();
       transitionProperties.forEach((category) => {
         category.properties.forEach((prop) => set.add(prop.value));
       });
       return set;
     }, []);
-    (0, import_react51.useEffect)(() => {
+    (0, import_react52.useEffect)(() => {
       if (!value || value.length === 0) {
         return;
       }
@@ -5844,10 +5869,10 @@ var TransitionRepeaterControl = createControl(
         setValue(sanitized);
       }
     }, [allowedTransitionSet]);
-    (0, import_react51.useEffect)(() => {
+    (0, import_react52.useEffect)(() => {
       recentlyUsedListGetter().then(setRecentlyUsedList);
     }, [recentlyUsedListGetter]);
-    const allPropertiesUsed = (0, import_react51.useMemo)(() => areAllPropertiesUsed(value), [value]);
+    const allPropertiesUsed = (0, import_react52.useMemo)(() => areAllPropertiesUsed(value), [value]);
     const isAddItemDisabled = !currentStyleIsNormal || allPropertiesUsed;
     return /* @__PURE__ */ React97.createElement(
       RepeatableControl,
@@ -5954,7 +5979,7 @@ var import_ui88 = require("@elementor/ui");
 
 // src/components/inline-editor.tsx
 var React101 = __toESM(require("react"));
-var import_react55 = require("react");
+var import_react56 = require("react");
 var import_ui87 = require("@elementor/ui");
 var import_extension_bold = __toESM(require("@tiptap/extension-bold"));
 var import_extension_document = __toESM(require("@tiptap/extension-document"));
@@ -5968,7 +5993,7 @@ var import_extension_subscript = __toESM(require("@tiptap/extension-subscript"))
 var import_extension_superscript = __toESM(require("@tiptap/extension-superscript"));
 var import_extension_text = __toESM(require("@tiptap/extension-text"));
 var import_extension_underline = __toESM(require("@tiptap/extension-underline"));
-var import_react56 = require("@tiptap/react");
+var import_react57 = require("@tiptap/react");
 
 // src/utils/inline-editing.ts
 function isEmpty(value = "") {
@@ -5982,16 +6007,16 @@ function isEmpty(value = "") {
 
 // src/components/inline-editor-toolbar.tsx
 var React100 = __toESM(require("react"));
-var import_react53 = require("react");
-var import_editor_elements5 = require("@elementor/editor-elements");
+var import_react54 = require("react");
+var import_editor_elements6 = require("@elementor/editor-elements");
 var import_icons34 = require("@elementor/icons");
 var import_ui86 = require("@elementor/ui");
-var import_react54 = require("@tiptap/react");
+var import_react55 = require("@tiptap/react");
 var import_i18n51 = require("@wordpress/i18n");
 
 // src/components/url-popover.tsx
 var React99 = __toESM(require("react"));
-var import_react52 = require("react");
+var import_react53 = require("react");
 var import_icons33 = require("@elementor/icons");
 var import_ui85 = require("@elementor/ui");
 var import_i18n50 = require("@wordpress/i18n");
@@ -6004,8 +6029,8 @@ var UrlPopover = ({
   openInNewTab,
   onToggleNewTab
 }) => {
-  const inputRef = (0, import_react52.useRef)(null);
-  (0, import_react52.useEffect)(() => {
+  const inputRef = (0, import_react53.useRef)(null);
+  (0, import_react53.useEffect)(() => {
     if (popupState.isOpen) {
       requestAnimationFrame(() => inputRef.current?.focus());
     }
@@ -6054,7 +6079,7 @@ var UrlPopover = ({
 };
 
 // src/components/inline-editor-toolbar.tsx
-var checkIfElementHasLink = (elementId) => !!(0, import_editor_elements5.getElementSetting)(elementId, "link")?.value?.destination;
+var checkIfElementHasLink = (elementId) => !!(0, import_editor_elements6.getElementSetting)(elementId, "link")?.value?.destination;
 var toolbarButtons = {
   clear: {
     label: (0, import_i18n51.__)("Clear", "elementor"),
@@ -6122,16 +6147,16 @@ var toolbarButtons = {
 var { clear: clearButton, ...formatButtons } = toolbarButtons;
 var possibleFormats = Object.keys(formatButtons);
 var InlineEditorToolbar = ({ editor, elementId }) => {
-  const [urlValue, setUrlValue] = (0, import_react53.useState)("");
-  const [openInNewTab, setOpenInNewTab] = (0, import_react53.useState)(false);
-  const toolbarRef = (0, import_react53.useRef)(null);
+  const [urlValue, setUrlValue] = (0, import_react54.useState)("");
+  const [openInNewTab, setOpenInNewTab] = (0, import_react54.useState)(false);
+  const toolbarRef = (0, import_react54.useRef)(null);
   const linkPopupState = (0, import_ui86.usePopupState)({ variant: "popover" });
   const hasLinkOnElement = elementId ? checkIfElementHasLink(elementId) : false;
-  const editorState = (0, import_react54.useEditorState)({
+  const editorState = (0, import_react55.useEditorState)({
     editor,
     selector: (ctx) => possibleFormats.filter((format) => ctx.editor.isActive(format))
   });
-  const formatButtonsList = (0, import_react53.useMemo)(() => {
+  const formatButtonsList = (0, import_react54.useMemo)(() => {
     const buttons = Object.values(formatButtons);
     if (hasLinkOnElement) {
       return buttons.filter((button) => button.action !== "link");
@@ -6249,8 +6274,8 @@ var BOLD_KEYBOARD_SHORTCUT = "b";
 var UNDERLINE_KEYBOARD_SHORTCUT = "u";
 var INITIAL_STYLE = "margin:0;padding:0;";
 var useOnUpdate = (callback, dependencies) => {
-  const hasMounted = (0, import_react55.useRef)(false);
-  (0, import_react55.useEffect)(() => {
+  const hasMounted = (0, import_react56.useRef)(false);
+  (0, import_react56.useEffect)(() => {
     if (hasMounted.current) {
       callback();
     } else {
@@ -6284,7 +6309,7 @@ var Wrapper = ({ children, containerRef, editor, sx, onBlur }) => {
     wrappedChildren
   ) : /* @__PURE__ */ React101.createElement(React101.Fragment, null, wrappedChildren);
 };
-var InlineEditor = (0, import_react55.forwardRef)(
+var InlineEditor = (0, import_react56.forwardRef)(
   ({
     value,
     setValue,
@@ -6298,11 +6323,11 @@ var InlineEditor = (0, import_react55.forwardRef)(
     expectedTag = null,
     elementId = void 0
   }, ref) => {
-    const containerRef = (0, import_react55.useRef)(null);
+    const containerRef = (0, import_react56.useRef)(null);
     const popupState = (0, import_ui87.usePopupState)({ variant: "popover", disableAutoFocus: true });
-    const [hasSelectedContent, setHasSelectedContent] = (0, import_react55.useState)(false);
+    const [hasSelectedContent, setHasSelectedContent] = (0, import_react56.useState)(false);
     const documentContentSettings = !!expectedTag ? "block+" : "inline*";
-    const [selectionRect, setSelectionRect] = (0, import_react55.useState)(null);
+    const [selectionRect, setSelectionRect] = (0, import_react56.useState)(null);
     const onSelectionEnd = (view) => {
       const hasSelection = !view.state.selection.empty;
       setHasSelectedContent(hasSelection);
@@ -6334,7 +6359,7 @@ var InlineEditor = (0, import_react55.forwardRef)(
       const newValue = updatedEditor.getHTML();
       setValue(isEmpty(newValue) ? null : newValue);
     };
-    const editor = (0, import_react56.useEditor)({
+    const editor = (0, import_react57.useEditor)({
       extensions: [
         import_extension_document.default.extend({
           content: documentContentSettings
@@ -6413,7 +6438,7 @@ var InlineEditor = (0, import_react55.forwardRef)(
         top: container.top + selectionRect.top + initial.top
       };
     };
-    return /* @__PURE__ */ React101.createElement(React101.Fragment, null, /* @__PURE__ */ React101.createElement(Wrapper, { containerRef, editor, sx, onBlur }, /* @__PURE__ */ React101.createElement(import_react56.EditorContent, { ref, editor })), showToolbar && containerRef.current && /* @__PURE__ */ React101.createElement(
+    return /* @__PURE__ */ React101.createElement(React101.Fragment, null, /* @__PURE__ */ React101.createElement(Wrapper, { containerRef, editor, sx, onBlur }, /* @__PURE__ */ React101.createElement(import_react57.EditorContent, { ref, editor })), showToolbar && containerRef.current && /* @__PURE__ */ React101.createElement(
       import_ui87.Popover,
       {
         slotProps: {
@@ -6495,7 +6520,7 @@ var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /*
 
 // src/components/repeater/repeater.tsx
 var React104 = __toESM(require("react"));
-var import_react57 = require("react");
+var import_react58 = require("react");
 var import_icons36 = require("@elementor/icons");
 var import_ui90 = require("@elementor/ui");
 var import_i18n52 = require("@wordpress/i18n");
@@ -6516,7 +6541,7 @@ var Repeater3 = ({
   openItem: initialOpenItem = EMPTY_OPEN_ITEM2,
   isSortable = true
 }) => {
-  const [openItem, setOpenItem] = (0, import_react57.useState)(initialOpenItem);
+  const [openItem, setOpenItem] = (0, import_react58.useState)(initialOpenItem);
   const uniqueKeys = items2.map(
     (item, index) => isSortable && "getId" in itemSettings ? itemSettings.getId({ item, index }) : String(index)
   );
@@ -6672,10 +6697,10 @@ var RepeaterItem = ({
   ), /* @__PURE__ */ React104.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React104.createElement(import_ui90.Box, null, children({ anchorEl: ref }))));
 };
 var usePopover = (openOnMount, onOpen) => {
-  const [ref, setRef] = (0, import_react57.useState)(null);
+  const [ref, setRef] = (0, import_react58.useState)(null);
   const popoverState = (0, import_ui90.usePopupState)({ variant: "popover" });
   const popoverProps = (0, import_ui90.bindPopover)(popoverState);
-  (0, import_react57.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     if (openOnMount && ref) {
       popoverState.open(ref);
       onOpen?.();
@@ -6749,6 +6774,7 @@ var usePopover = (openOnMount, onOpen) => {
   transitionsItemsList,
   useBoundProp,
   useControlActions,
+  useElementCanHaveChildren,
   useFloatingActionsBar,
   useSyncExternalState
 });