@elementor/editor-variables 4.0.0-499 → 4.0.0-501

package/dist/index.mjs

@@ -2065,8 +2065,7 @@ var usePopoverContentRef = () => {
 import * as React15 from "react";
 import { useState as useState8 } from "react";
 import { PopoverContent, useBoundProp as useBoundProp4 } from "@elementor/editor-controls";
-import { PopoverBody } from "@elementor/editor-editing-panel";
-import { PopoverHeader } from "@elementor/editor-ui";
+import { PopoverHeader, SectionPopoverBody } from "@elementor/editor-ui";
 import { ArrowLeftIcon } from "@elementor/icons";
 import { Button as Button3, CardActions, Divider as Divider2, FormHelperText as FormHelperText2, IconButton as IconButton4, Typography as Typography6 } from "@elementor/ui";
 import { __ as __10 } from "@wordpress/i18n";
@@ -2186,7 +2185,7 @@ var VariableCreation = ({ onGoBack, onClose }) => {
       handleCreateAndTrack();
     }
   };
-  return /* @__PURE__ */ React15.createElement(PopoverBody, { height: "auto" }, /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React15.createElement(SectionPopoverBody, { height: "auto" }, /* @__PURE__ */ React15.createElement(
     PopoverHeader,
     {
       icon: /* @__PURE__ */ React15.createElement(React15.Fragment, null, onGoBack && /* @__PURE__ */ React15.createElement(IconButton4, { size: SIZE2, "aria-label": __10("Go Back", "elementor"), onClick: onGoBack }, /* @__PURE__ */ React15.createElement(ArrowLeftIcon, { fontSize: SIZE2 })), /* @__PURE__ */ React15.createElement(VariableIcon, { fontSize: SIZE2 })),
@@ -2252,8 +2251,7 @@ import * as React17 from "react";
 import { useEffect as useEffect4, useState as useState10 } from "react";
 import { PopoverContent as PopoverContent2, useBoundProp as useBoundProp5 } from "@elementor/editor-controls";
 import { useSuppressedMessage } from "@elementor/editor-current-user";
-import { PopoverBody as PopoverBody2 } from "@elementor/editor-editing-panel";
-import { PopoverHeader as PopoverHeader2 } from "@elementor/editor-ui";
+import { PopoverHeader as PopoverHeader2, SectionPopoverBody as SectionPopoverBody2 } from "@elementor/editor-ui";
 import { ArrowLeftIcon as ArrowLeftIcon2, TrashIcon as TrashIcon2 } from "@elementor/icons";
 import { Button as Button5, CardActions as CardActions2, Divider as Divider3, FormHelperText as FormHelperText3, IconButton as IconButton5, Tooltip, Typography as Typography8 } from "@elementor/ui";
 import { __ as __12 } from "@wordpress/i18n";
@@ -2414,7 +2412,7 @@ var VariableEdit = ({ onClose, onGoBack, onSubmit, editId }) => {
       handleUpdate();
     }
   };
-  return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement(PopoverBody2, { height: "auto" }, /* @__PURE__ */ React17.createElement(
+  return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement(SectionPopoverBody2, { height: "auto" }, /* @__PURE__ */ React17.createElement(
     PopoverHeader2,
     {
       title: __12("Edit variable", "elementor"),
@@ -2493,7 +2491,7 @@ var VariableEdit = ({ onClose, onGoBack, onSubmit, editId }) => {
 // src/components/variables-selection.tsx
 import * as React19 from "react";
 import { useState as useState11 } from "react";
-import { PopoverBody as PopoverBody3 } from "@elementor/editor-editing-panel";
+import { SectionPopoverBody as SectionPopoverBody3 } from "@elementor/editor-ui";
 import { PopoverHeader as PopoverHeader3, PopoverMenuList, SearchField as SearchField2 } from "@elementor/editor-ui";
 import { ColorFilterIcon as ColorFilterIcon2, PlusIcon as PlusIcon2, SettingsIcon } from "@elementor/icons";
 import { Divider as Divider4, IconButton as IconButton7, Tooltip as Tooltip3 } from "@elementor/ui";
@@ -2672,7 +2670,7 @@ var VariablesSelection = ({ closePopover, onAdd, onEdit, onSettings, disabled =
   const handleClearSearch = () => {
     setSearchValue("");
   };
-  return /* @__PURE__ */ React19.createElement(PopoverBody3, null, /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React19.createElement(SectionPopoverBody3, null, /* @__PURE__ */ React19.createElement(
     PopoverHeader3,
     {
       title: __14("Variables", "elementor"),
@@ -2918,8 +2916,7 @@ import { __ as __18 } from "@wordpress/i18n";
 import * as React23 from "react";
 import { useState as useState13 } from "react";
 import { PopoverContent as PopoverContent3, useBoundProp as useBoundProp7 } from "@elementor/editor-controls";
-import { PopoverBody as PopoverBody4 } from "@elementor/editor-editing-panel";
-import { PopoverHeader as PopoverHeader4 } from "@elementor/editor-ui";
+import { PopoverHeader as PopoverHeader4, SectionPopoverBody as SectionPopoverBody4 } from "@elementor/editor-ui";
 import { Button as Button6, CardActions as CardActions3, Divider as Divider5, FormHelperText as FormHelperText4, Typography as Typography11 } from "@elementor/ui";
 import { __ as __16 } from "@wordpress/i18n";
 var SIZE7 = "tiny";
@@ -2981,7 +2978,7 @@ var VariableRestore = ({ variableId, onClose, onSubmit }) => {
       handleRestore();
     }
   };
-  return /* @__PURE__ */ React23.createElement(PopoverContentRefContextProvider, null, /* @__PURE__ */ React23.createElement(PopoverBody4, { height: "auto" }, /* @__PURE__ */ React23.createElement(
+  return /* @__PURE__ */ React23.createElement(PopoverContentRefContextProvider, null, /* @__PURE__ */ React23.createElement(SectionPopoverBody4, { height: "auto" }, /* @__PURE__ */ React23.createElement(
     PopoverHeader4,
     {
       icon: /* @__PURE__ */ React23.createElement(VariableIcon, { fontSize: SIZE7 }),
@@ -3587,7 +3584,8 @@ var ColorField = ({ value, onChange, onValidationChange }) => {
 import * as React34 from "react";
 import { useId as useId4, useRef as useRef10, useState as useState18 } from "react";
 import { enqueueFont as enqueueFont2, ItemSelector } from "@elementor/editor-controls";
-import { useFontFamilies, useSectionWidth } from "@elementor/editor-editing-panel";
+import { useFontFamilies } from "@elementor/editor-editing-panel";
+import { useSectionWidth } from "@elementor/editor-ui";
 import { ChevronDownIcon, TextIcon } from "@elementor/icons";
 import { bindPopover as bindPopover4, bindTrigger as bindTrigger4, Popover as Popover4, UnstableTag, usePopupState as usePopupState6 } from "@elementor/ui";
 import { __ as __24 } from "@wordpress/i18n";