@elementor/editor-controls 4.4.0-1086 → 4.4.0-1088

package/dist/index.d.mts

@@ -493,6 +493,17 @@ type Props$4 = {
 };
 declare const AttachmentTypeControl: ControlComponent$1<({ label, options }: Props$4) => React$1.JSX.Element>;
 
+type NoticeType = 'info' | 'success' | 'warning' | 'danger';
+type NoticeControlProps = {
+    noticeType?: NoticeType;
+    heading?: string;
+    content?: string;
+    dismissible?: string;
+    buttonText?: string;
+    buttonUrl?: string;
+};
+declare const NoticeControl: ControlComponent$1<({ noticeType, heading, content, dismissible, buttonText, buttonUrl }: NoticeControlProps) => React$1.JSX.Element | null>;
+
 type Action = {
     type: string;
     payload?: object;
@@ -895,4 +906,4 @@ declare function useTypingBuffer(options?: UseTypingBufferOptions): {
     startsWith: (haystack: string, needle: string) => boolean;
 };
 
-export { type AdornmentComponent, type AngleUnit, AspectRatioControl, AttachmentTypeControl, AttributesControl, BackgroundControl, BoxShadowRepeaterControl, ChipsControl, ClearIconButton, ColorControl, ControlActions, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent$1 as ControlComponent, ControlFormLabel, type ControlReplacement, ControlReplacementsProvider, ControlToggleButtonGroup, DateRangeControl, DateTimeControl, DisplayConditionsControl, EmailFormActionControl, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedOption, FilterRepeaterControl, type FontAwesome7IconDefinition, type FontCategory, FontFamilyControl, GapControl, GridSpanControl, HtmlTagControl, ImageControl, InlineEditingControl, InlineEditor, InlineEditorToolbar, type InlineEditorToolbarProps, ItemSelector, type ItemsActionPayload, KeyValueControl, type LengthUnit, LinkControl, LinkedDimensionsControl, MentionTextAreaControl, NumberControl, NumberInput, PopoverContent, PopoverGridContainer, PositionControl, type PromotionTrackingData, PromotionTrigger, type PromotionTriggerRef, PropKeyProvider, PropProvider, type PropProviderProps, QueryChipsControl, QueryControl, QueryFilterRepeaterControl, RepeatableControl, Repeater, type RepeaterItem, SelectControl, SelectControlWrapper, type SetRepeaterValuesMeta, type SetValue, type SetValueMeta, SizeComponent, SizeControl, StrokeControl, StyledToggleButton, StyledToggleButtonGroup, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, TimeRangeControl, TimeStringControl, type TimeUnit, type ToggleButtonGroupItem, ToggleButtonGroupUi, ToggleControl, type ToggleControlProps, TransformRepeaterControl, TransformSettingsControl, TransitionRepeaterControl, type Unit, UnstableSizeControl, UnstableSizeField, UrlControl, type UseTypingBufferOptions, type V4PromotionData, type V4PromotionKey, VideoMediaControl, createControl, createControlReplacementsRegistry, enqueueFont, getControlReplacements, getFontAwesome7IconName, injectIntoRepeaterItemActions, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, isUnitExtendedOption, registerControlReplacement, resetFontAwesome7IconsCache, resolveFontAwesome7Icon, trackUpgradePromotionClick, trackViewPromotion, transitionProperties, transitionsItemsList, useBoundProp, useControlActions, useControlReplacement, useFontFamilies, useSyncExternalState, useTypingBuffer };
+export { type AdornmentComponent, type AngleUnit, AspectRatioControl, AttachmentTypeControl, AttributesControl, BackgroundControl, BoxShadowRepeaterControl, ChipsControl, ClearIconButton, ColorControl, ControlActions, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent$1 as ControlComponent, ControlFormLabel, type ControlReplacement, ControlReplacementsProvider, ControlToggleButtonGroup, DateRangeControl, DateTimeControl, DisplayConditionsControl, EmailFormActionControl, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedOption, FilterRepeaterControl, type FontAwesome7IconDefinition, type FontCategory, FontFamilyControl, GapControl, GridSpanControl, HtmlTagControl, ImageControl, InlineEditingControl, InlineEditor, InlineEditorToolbar, type InlineEditorToolbarProps, ItemSelector, type ItemsActionPayload, KeyValueControl, type LengthUnit, LinkControl, LinkedDimensionsControl, MentionTextAreaControl, NoticeControl, NumberControl, NumberInput, PopoverContent, PopoverGridContainer, PositionControl, type PromotionTrackingData, PromotionTrigger, type PromotionTriggerRef, PropKeyProvider, PropProvider, type PropProviderProps, QueryChipsControl, QueryControl, QueryFilterRepeaterControl, RepeatableControl, Repeater, type RepeaterItem, SelectControl, SelectControlWrapper, type SetRepeaterValuesMeta, type SetValue, type SetValueMeta, SizeComponent, SizeControl, StrokeControl, StyledToggleButton, StyledToggleButtonGroup, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, TimeRangeControl, TimeStringControl, type TimeUnit, type ToggleButtonGroupItem, ToggleButtonGroupUi, ToggleControl, type ToggleControlProps, TransformRepeaterControl, TransformSettingsControl, TransitionRepeaterControl, type Unit, UnstableSizeControl, UnstableSizeField, UrlControl, type UseTypingBufferOptions, type V4PromotionData, type V4PromotionKey, VideoMediaControl, createControl, createControlReplacementsRegistry, enqueueFont, getControlReplacements, getFontAwesome7IconName, injectIntoRepeaterItemActions, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, isUnitExtendedOption, registerControlReplacement, resetFontAwesome7IconsCache, resolveFontAwesome7Icon, trackUpgradePromotionClick, trackViewPromotion, transitionProperties, transitionsItemsList, useBoundProp, useControlActions, useControlReplacement, useFontFamilies, useSyncExternalState, useTypingBuffer };

package/dist/index.d.ts

@@ -493,6 +493,17 @@ type Props$4 = {
 };
 declare const AttachmentTypeControl: ControlComponent$1<({ label, options }: Props$4) => React$1.JSX.Element>;
 
+type NoticeType = 'info' | 'success' | 'warning' | 'danger';
+type NoticeControlProps = {
+    noticeType?: NoticeType;
+    heading?: string;
+    content?: string;
+    dismissible?: string;
+    buttonText?: string;
+    buttonUrl?: string;
+};
+declare const NoticeControl: ControlComponent$1<({ noticeType, heading, content, dismissible, buttonText, buttonUrl }: NoticeControlProps) => React$1.JSX.Element | null>;
+
 type Action = {
     type: string;
     payload?: object;
@@ -895,4 +906,4 @@ declare function useTypingBuffer(options?: UseTypingBufferOptions): {
     startsWith: (haystack: string, needle: string) => boolean;
 };
 
-export { type AdornmentComponent, type AngleUnit, AspectRatioControl, AttachmentTypeControl, AttributesControl, BackgroundControl, BoxShadowRepeaterControl, ChipsControl, ClearIconButton, ColorControl, ControlActions, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent$1 as ControlComponent, ControlFormLabel, type ControlReplacement, ControlReplacementsProvider, ControlToggleButtonGroup, DateRangeControl, DateTimeControl, DisplayConditionsControl, EmailFormActionControl, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedOption, FilterRepeaterControl, type FontAwesome7IconDefinition, type FontCategory, FontFamilyControl, GapControl, GridSpanControl, HtmlTagControl, ImageControl, InlineEditingControl, InlineEditor, InlineEditorToolbar, type InlineEditorToolbarProps, ItemSelector, type ItemsActionPayload, KeyValueControl, type LengthUnit, LinkControl, LinkedDimensionsControl, MentionTextAreaControl, NumberControl, NumberInput, PopoverContent, PopoverGridContainer, PositionControl, type PromotionTrackingData, PromotionTrigger, type PromotionTriggerRef, PropKeyProvider, PropProvider, type PropProviderProps, QueryChipsControl, QueryControl, QueryFilterRepeaterControl, RepeatableControl, Repeater, type RepeaterItem, SelectControl, SelectControlWrapper, type SetRepeaterValuesMeta, type SetValue, type SetValueMeta, SizeComponent, SizeControl, StrokeControl, StyledToggleButton, StyledToggleButtonGroup, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, TimeRangeControl, TimeStringControl, type TimeUnit, type ToggleButtonGroupItem, ToggleButtonGroupUi, ToggleControl, type ToggleControlProps, TransformRepeaterControl, TransformSettingsControl, TransitionRepeaterControl, type Unit, UnstableSizeControl, UnstableSizeField, UrlControl, type UseTypingBufferOptions, type V4PromotionData, type V4PromotionKey, VideoMediaControl, createControl, createControlReplacementsRegistry, enqueueFont, getControlReplacements, getFontAwesome7IconName, injectIntoRepeaterItemActions, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, isUnitExtendedOption, registerControlReplacement, resetFontAwesome7IconsCache, resolveFontAwesome7Icon, trackUpgradePromotionClick, trackViewPromotion, transitionProperties, transitionsItemsList, useBoundProp, useControlActions, useControlReplacement, useFontFamilies, useSyncExternalState, useTypingBuffer };
+export { type AdornmentComponent, type AngleUnit, AspectRatioControl, AttachmentTypeControl, AttributesControl, BackgroundControl, BoxShadowRepeaterControl, ChipsControl, ClearIconButton, ColorControl, ControlActions, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent$1 as ControlComponent, ControlFormLabel, type ControlReplacement, ControlReplacementsProvider, ControlToggleButtonGroup, DateRangeControl, DateTimeControl, DisplayConditionsControl, EmailFormActionControl, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedOption, FilterRepeaterControl, type FontAwesome7IconDefinition, type FontCategory, FontFamilyControl, GapControl, GridSpanControl, HtmlTagControl, ImageControl, InlineEditingControl, InlineEditor, InlineEditorToolbar, type InlineEditorToolbarProps, ItemSelector, type ItemsActionPayload, KeyValueControl, type LengthUnit, LinkControl, LinkedDimensionsControl, MentionTextAreaControl, NoticeControl, NumberControl, NumberInput, PopoverContent, PopoverGridContainer, PositionControl, type PromotionTrackingData, PromotionTrigger, type PromotionTriggerRef, PropKeyProvider, PropProvider, type PropProviderProps, QueryChipsControl, QueryControl, QueryFilterRepeaterControl, RepeatableControl, Repeater, type RepeaterItem, SelectControl, SelectControlWrapper, type SetRepeaterValuesMeta, type SetValue, type SetValueMeta, SizeComponent, SizeControl, StrokeControl, StyledToggleButton, StyledToggleButtonGroup, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, TimeRangeControl, TimeStringControl, type TimeUnit, type ToggleButtonGroupItem, ToggleButtonGroupUi, ToggleControl, type ToggleControlProps, TransformRepeaterControl, TransformSettingsControl, TransitionRepeaterControl, type Unit, UnstableSizeControl, UnstableSizeField, UrlControl, type UseTypingBufferOptions, type V4PromotionData, type V4PromotionKey, VideoMediaControl, createControl, createControlReplacementsRegistry, enqueueFont, getControlReplacements, getFontAwesome7IconName, injectIntoRepeaterItemActions, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, isUnitExtendedOption, registerControlReplacement, resetFontAwesome7IconsCache, resolveFontAwesome7Icon, trackUpgradePromotionClick, trackViewPromotion, transitionProperties, transitionsItemsList, useBoundProp, useControlActions, useControlReplacement, useFontFamilies, useSyncExternalState, useTypingBuffer };

package/dist/index.js

@@ -64,6 +64,7 @@ __export(index_exports, {
   LinkControl: () => LinkControl,
   LinkedDimensionsControl: () => LinkedDimensionsControl,
   MentionTextAreaControl: () => MentionTextAreaControl,
+  NoticeControl: () => NoticeControl,
   NumberControl: () => NumberControl,
   NumberInput: () => NumberInput,
   PopoverContent: () => PopoverContent,
@@ -9680,10 +9681,71 @@ var AttachmentTypeControl = createControl(({ label, options }) => {
   ))));
 });
 
-// src/controls/grid-span-control.tsx
+// src/controls/notice-control.tsx
 var React128 = __toESM(require("react"));
-var import_editor_props69 = require("@elementor/editor-props");
+var import_react75 = require("react");
+var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
+var import_icons41 = require("@elementor/icons");
 var import_ui111 = require("@elementor/ui");
+var NoticeTitle = (0, import_ui111.styled)(import_ui111.AlertTitle)({
+  "&.MuiAlertTitle-root.MuiAlertTitle-root": {
+    marginBottom: 4,
+    fontStyle: "italic"
+  }
+});
+var markNoticeAsDismissedInSession = (dismissId) => {
+  const dismissedNotices = window.elementor?.config?.user?.dismissed_editor_notices;
+  if (dismissedNotices && !dismissedNotices.includes(dismissId)) {
+    dismissedNotices.push(dismissId);
+  }
+};
+var NoticeControl = createControl(
+  ({ noticeType = "info", heading, content, dismissible, buttonText, buttonUrl }) => {
+    const [isDismissed, setIsDismissed] = (0, import_react75.useState)(false);
+    if (isDismissed || !content) {
+      return null;
+    }
+    const severity = noticeType === "danger" ? "error" : noticeType;
+    const icon = noticeType === "info" ? /* @__PURE__ */ React128.createElement(import_icons41.BulbIcon, { fontSize: "inherit" }) : void 0;
+    const handleDismiss = () => {
+      setIsDismissed(true);
+      if (!dismissible) {
+        return;
+      }
+      markNoticeAsDismissedInSession(dismissible);
+      import_editor_v1_adapters3.ajax.load({
+        action: "dismissed_editor_notices",
+        unique_id: `dismiss-editor-notice-${dismissible}`,
+        data: { dismissId: dismissible }
+      }).catch(() => {
+      });
+    };
+    const handleActionClick = () => {
+      setIsDismissed(true);
+      if (dismissible) {
+        markNoticeAsDismissedInSession(dismissible);
+      }
+    };
+    return /* @__PURE__ */ React128.createElement(import_ui111.Alert, { variant: "outlined", severity, icon, size: "small", onClose: handleDismiss }, heading && /* @__PURE__ */ React128.createElement(NoticeTitle, null, heading), /* @__PURE__ */ React128.createElement(import_ui111.Typography, { variant: "caption", color: "textSecondary", sx: { fontStyle: "italic" } }, content), buttonText && buttonUrl && /* @__PURE__ */ React128.createElement(
+      import_ui111.AlertAction,
+      {
+        variant: "contained",
+        color: severity,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        href: buttonUrl,
+        onClick: handleActionClick,
+        sx: { mt: 2 }
+      },
+      buttonText
+    ));
+  }
+);
+
+// src/controls/grid-span-control.tsx
+var React129 = __toESM(require("react"));
+var import_editor_props69 = require("@elementor/editor-props");
+var import_ui112 = require("@elementor/ui");
 var GridSpanControl = createControl(
   ({
     placeholder: propPlaceholder,
@@ -9700,8 +9762,8 @@ var GridSpanControl = createControl(
       setValue(next === "" ? null : next);
     };
     const placeholder = propPlaceholder ?? boundPlaceholder ?? `e.g: 'span 2' or '1 / 3'`;
-    return /* @__PURE__ */ React128.createElement(ControlActions, null, /* @__PURE__ */ React128.createElement(
-      import_ui111.TextField,
+    return /* @__PURE__ */ React129.createElement(ControlActions, null, /* @__PURE__ */ React129.createElement(
+      import_ui112.TextField,
       {
         size: "tiny",
         fullWidth: true,
@@ -9721,25 +9783,25 @@ var GridSpanControl = createControl(
 );
 
 // src/components/promotions/display-conditions-control.tsx
-var React130 = __toESM(require("react"));
-var import_react76 = require("react");
-var import_icons41 = require("@elementor/icons");
-var import_ui113 = require("@elementor/ui");
+var React131 = __toESM(require("react"));
+var import_react77 = require("react");
+var import_icons42 = require("@elementor/icons");
+var import_ui114 = require("@elementor/ui");
 var import_i18n66 = require("@wordpress/i18n");
 
 // src/components/promotions/promotion-trigger.tsx
-var React129 = __toESM(require("react"));
-var import_react75 = require("react");
+var React130 = __toESM(require("react"));
+var import_react76 = require("react");
 var import_editor_ui19 = require("@elementor/editor-ui");
-var import_ui112 = require("@elementor/ui");
+var import_ui113 = require("@elementor/ui");
 function getV4Promotion(key) {
   return window.elementor?.config?.v4Promotions?.[key];
 }
-var PromotionTrigger = (0, import_react75.forwardRef)(
+var PromotionTrigger = (0, import_react76.forwardRef)(
   ({ promotionKey, children, trackingData }, ref) => {
-    const [isOpen, setIsOpen] = (0, import_react75.useState)(false);
+    const [isOpen, setIsOpen] = (0, import_react76.useState)(false);
     const promotion = getV4Promotion(promotionKey);
-    const toggle = (0, import_react75.useCallback)(() => {
+    const toggle = (0, import_react76.useCallback)(() => {
       setIsOpen((prev) => {
         if (!prev) {
           trackViewPromotion(trackingData);
@@ -9747,8 +9809,8 @@ var PromotionTrigger = (0, import_react75.forwardRef)(
         return !prev;
       });
     }, [trackingData]);
-    (0, import_react75.useImperativeHandle)(ref, () => ({ toggle }), [toggle]);
-    return /* @__PURE__ */ React129.createElement(React129.Fragment, null, promotion && /* @__PURE__ */ React129.createElement(
+    (0, import_react76.useImperativeHandle)(ref, () => ({ toggle }), [toggle]);
+    return /* @__PURE__ */ React130.createElement(React130.Fragment, null, promotion && /* @__PURE__ */ React130.createElement(
       import_editor_ui19.PromotionInfotip,
       {
         title: promotion.title,
@@ -9762,8 +9824,8 @@ var PromotionTrigger = (0, import_react75.forwardRef)(
         },
         onCtaClick: () => trackUpgradePromotionClick(trackingData)
       },
-      /* @__PURE__ */ React129.createElement(
-        import_ui112.Box,
+      /* @__PURE__ */ React130.createElement(
+        import_ui113.Box,
         {
           onClick: (e) => {
             e.stopPropagation();
@@ -9771,7 +9833,7 @@ var PromotionTrigger = (0, import_react75.forwardRef)(
           },
           sx: { cursor: "pointer", display: "inline-flex" }
         },
-        children ?? /* @__PURE__ */ React129.createElement(import_editor_ui19.PromotionChip, null)
+        children ?? /* @__PURE__ */ React130.createElement(import_editor_ui19.PromotionChip, null)
       )
     ));
   }
@@ -9781,9 +9843,9 @@ var PromotionTrigger = (0, import_react75.forwardRef)(
 var ARIA_LABEL = (0, import_i18n66.__)("Display Conditions", "elementor");
 var TRACKING_DATA = { target_name: "display_conditions", location_l2: "general" };
 var DisplayConditionsControl = createControl(() => {
-  const triggerRef = (0, import_react76.useRef)(null);
-  return /* @__PURE__ */ React130.createElement(
-    import_ui113.Stack,
+  const triggerRef = (0, import_react77.useRef)(null);
+  return /* @__PURE__ */ React131.createElement(
+    import_ui114.Stack,
     {
       direction: "row",
       spacing: 2,
@@ -9792,9 +9854,9 @@ var DisplayConditionsControl = createControl(() => {
         alignItems: "center"
       }
     },
-    /* @__PURE__ */ React130.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "displayConditions", trackingData: TRACKING_DATA }),
-    /* @__PURE__ */ React130.createElement(import_ui113.Tooltip, { title: ARIA_LABEL, placement: "top" }, /* @__PURE__ */ React130.createElement(
-      import_ui113.IconButton,
+    /* @__PURE__ */ React131.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "displayConditions", trackingData: TRACKING_DATA }),
+    /* @__PURE__ */ React131.createElement(import_ui114.Tooltip, { title: ARIA_LABEL, placement: "top" }, /* @__PURE__ */ React131.createElement(
+      import_ui114.IconButton,
       {
         size: "tiny",
         "aria-label": ARIA_LABEL,
@@ -9806,23 +9868,23 @@ var DisplayConditionsControl = createControl(() => {
           borderRadius: 1
         }
       },
-      /* @__PURE__ */ React130.createElement(import_icons41.SitemapIcon, { fontSize: "tiny", color: "disabled" })
+      /* @__PURE__ */ React131.createElement(import_icons42.SitemapIcon, { fontSize: "tiny", color: "disabled" })
     ))
   );
 });
 
 // src/components/promotions/attributes-control.tsx
-var React131 = __toESM(require("react"));
-var import_react77 = require("react");
-var import_icons42 = require("@elementor/icons");
-var import_ui114 = require("@elementor/ui");
+var React132 = __toESM(require("react"));
+var import_react78 = require("react");
+var import_icons43 = require("@elementor/icons");
+var import_ui115 = require("@elementor/ui");
 var import_i18n67 = require("@wordpress/i18n");
 var ARIA_LABEL2 = (0, import_i18n67.__)("Attributes", "elementor");
 var TRACKING_DATA2 = { target_name: "attributes", location_l2: "general" };
 var AttributesControl = createControl(() => {
-  const triggerRef = (0, import_react77.useRef)(null);
-  return /* @__PURE__ */ React131.createElement(
-    import_ui114.Stack,
+  const triggerRef = (0, import_react78.useRef)(null);
+  return /* @__PURE__ */ React132.createElement(
+    import_ui115.Stack,
     {
       direction: "row",
       spacing: 2,
@@ -9831,9 +9893,9 @@ var AttributesControl = createControl(() => {
         alignItems: "center"
       }
     },
-    /* @__PURE__ */ React131.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "attributes", trackingData: TRACKING_DATA2 }),
-    /* @__PURE__ */ React131.createElement(import_ui114.Tooltip, { title: ARIA_LABEL2, placement: "top" }, /* @__PURE__ */ React131.createElement(
-      import_icons42.PlusIcon,
+    /* @__PURE__ */ React132.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "attributes", trackingData: TRACKING_DATA2 }),
+    /* @__PURE__ */ React132.createElement(import_ui115.Tooltip, { title: ARIA_LABEL2, placement: "top" }, /* @__PURE__ */ React132.createElement(
+      import_icons43.PlusIcon,
       {
         "aria-label": ARIA_LABEL2,
         fontSize: "tiny",
@@ -9846,20 +9908,20 @@ var AttributesControl = createControl(() => {
 });
 
 // src/components/icon-buttons/clear-icon-button.tsx
-var React132 = __toESM(require("react"));
-var import_icons43 = require("@elementor/icons");
-var import_ui115 = require("@elementor/ui");
-var CustomIconButton = (0, import_ui115.styled)(import_ui115.IconButton)(({ theme }) => ({
+var React133 = __toESM(require("react"));
+var import_icons44 = require("@elementor/icons");
+var import_ui116 = require("@elementor/ui");
+var CustomIconButton = (0, import_ui116.styled)(import_ui116.IconButton)(({ theme }) => ({
   width: theme.spacing(2.5),
   height: theme.spacing(2.5)
 }));
-var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /* @__PURE__ */ React132.createElement(import_ui115.Tooltip, { title: tooltipText, placement: "top", disableInteractive: true }, /* @__PURE__ */ React132.createElement(CustomIconButton, { "aria-label": tooltipText, size, onClick, disabled }, /* @__PURE__ */ React132.createElement(import_icons43.BrushBigIcon, { fontSize: size })));
+var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /* @__PURE__ */ React133.createElement(import_ui116.Tooltip, { title: tooltipText, placement: "top", disableInteractive: true }, /* @__PURE__ */ React133.createElement(CustomIconButton, { "aria-label": tooltipText, size, onClick, disabled }, /* @__PURE__ */ React133.createElement(import_icons44.BrushBigIcon, { fontSize: size })));
 
 // src/components/repeater/repeater.tsx
-var React133 = __toESM(require("react"));
-var import_react78 = require("react");
-var import_icons44 = require("@elementor/icons");
-var import_ui116 = require("@elementor/ui");
+var React134 = __toESM(require("react"));
+var import_react79 = require("react");
+var import_icons45 = require("@elementor/icons");
+var import_ui117 = require("@elementor/ui");
 var import_i18n68 = require("@wordpress/i18n");
 var SIZE12 = "tiny";
 var EMPTY_OPEN_ITEM2 = -1;
@@ -9879,7 +9941,7 @@ var Repeater3 = ({
   isSortable = true,
   adornment = ControlAdornments
 }) => {
-  const [openItem, setOpenItem] = (0, import_react78.useState)(initialOpenItem);
+  const [openItem, setOpenItem] = (0, import_react79.useState)(initialOpenItem);
   const uniqueKeys = items2.map(
     (item, index) => isSortable && "getId" in itemSettings ? itemSettings.getId({ item, index }) : String(index)
   );
@@ -9942,8 +10004,8 @@ var Repeater3 = ({
   };
   const isButtonDisabled = disabled || disableAddItemButton;
   const shouldShowInfotip = isButtonDisabled && addButtonInfotipContent;
-  const addButton = /* @__PURE__ */ React133.createElement(
-    import_ui116.IconButton,
+  const addButton = /* @__PURE__ */ React134.createElement(
+    import_ui117.IconButton,
     {
       size: SIZE12,
       sx: {
@@ -9953,30 +10015,30 @@ var Repeater3 = ({
       onClick: addRepeaterItem,
       "aria-label": (0, import_i18n68.__)("Add item", "elementor")
     },
-    /* @__PURE__ */ React133.createElement(import_icons44.PlusIcon, { fontSize: SIZE12 })
+    /* @__PURE__ */ React134.createElement(import_icons45.PlusIcon, { fontSize: SIZE12 })
   );
-  return /* @__PURE__ */ React133.createElement(SectionContent, { gap: 2 }, /* @__PURE__ */ React133.createElement(RepeaterHeader, { label, adornment }, shouldShowInfotip ? /* @__PURE__ */ React133.createElement(
-    import_ui116.Infotip,
+  return /* @__PURE__ */ React134.createElement(SectionContent, { gap: 2 }, /* @__PURE__ */ React134.createElement(RepeaterHeader, { label, adornment }, shouldShowInfotip ? /* @__PURE__ */ React134.createElement(
+    import_ui117.Infotip,
     {
       placement: "right",
       content: addButtonInfotipContent,
       color: "secondary",
       slotProps: { popper: { sx: { width: 300 } } }
     },
-    /* @__PURE__ */ React133.createElement(import_ui116.Box, { sx: { ...isButtonDisabled ? { cursor: "not-allowed" } : {} } }, addButton)
-  ) : addButton), 0 < uniqueKeys.length && /* @__PURE__ */ React133.createElement(SortableProvider, { value: uniqueKeys, onChange: onChangeOrder }, uniqueKeys.map((key) => {
+    /* @__PURE__ */ React134.createElement(import_ui117.Box, { sx: { ...isButtonDisabled ? { cursor: "not-allowed" } : {} } }, addButton)
+  ) : addButton), 0 < uniqueKeys.length && /* @__PURE__ */ React134.createElement(SortableProvider, { value: uniqueKeys, onChange: onChangeOrder }, uniqueKeys.map((key) => {
     const index = uniqueKeys.indexOf(key);
     const value = items2[index];
     if (!value) {
       return null;
     }
-    return /* @__PURE__ */ React133.createElement(SortableItem, { id: key, key: `sortable-${key}`, disabled: !isSortable }, /* @__PURE__ */ React133.createElement(
+    return /* @__PURE__ */ React134.createElement(SortableItem, { id: key, key: `sortable-${key}`, disabled: !isSortable }, /* @__PURE__ */ React134.createElement(
       RepeaterItem,
       {
         disabled,
         propDisabled: value?.disabled,
-        label: /* @__PURE__ */ React133.createElement(RepeaterItemLabelSlot, { value }, /* @__PURE__ */ React133.createElement(itemSettings.Label, { value, index })),
-        startIcon: /* @__PURE__ */ React133.createElement(RepeaterItemIconSlot, { value }, /* @__PURE__ */ React133.createElement(itemSettings.Icon, { value })),
+        label: /* @__PURE__ */ React134.createElement(RepeaterItemLabelSlot, { value }, /* @__PURE__ */ React134.createElement(itemSettings.Label, { value, index })),
+        startIcon: /* @__PURE__ */ React134.createElement(RepeaterItemIconSlot, { value }, /* @__PURE__ */ React134.createElement(itemSettings.Icon, { value })),
         removeItem: () => removeRepeaterItem(index),
         duplicateItem: () => duplicateRepeaterItem(index),
         toggleDisableItem: () => toggleDisableRepeaterItem(index),
@@ -9990,7 +10052,7 @@ var Repeater3 = ({
         actions: itemSettings.actions,
         value
       },
-      (props) => /* @__PURE__ */ React133.createElement(
+      (props) => /* @__PURE__ */ React134.createElement(
         itemSettings.Content,
         {
           ...props,
@@ -10030,12 +10092,12 @@ var RepeaterItem = ({
     },
     wrappedOnPopoverClose
   );
-  const triggerProps = (0, import_ui116.bindTrigger)(popoverState);
+  const triggerProps = (0, import_ui117.bindTrigger)(popoverState);
   usePopoverDismiss({ isOpen: popoverState.isOpen, onClose: popoverProps.onClose });
   const duplicateLabel = (0, import_i18n68.__)("Duplicate", "elementor");
   const toggleLabel = propDisabled ? (0, import_i18n68.__)("Show", "elementor") : (0, import_i18n68.__)("Hide", "elementor");
   const removeLabel = (0, import_i18n68.__)("Remove", "elementor");
-  return /* @__PURE__ */ React133.createElement(import_ui116.Box, { sx: { display: "contents" } }, /* @__PURE__ */ React133.createElement(
+  return /* @__PURE__ */ React134.createElement(import_ui117.Box, { sx: { display: "contents" } }, /* @__PURE__ */ React134.createElement(
     RepeaterTag,
     {
       disabled,
@@ -10050,15 +10112,15 @@ var RepeaterItem = ({
         }
       },
       startIcon,
-      actions: /* @__PURE__ */ React133.createElement(React133.Fragment, null, showDuplicate && /* @__PURE__ */ React133.createElement(import_ui116.Tooltip, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React133.createElement(import_ui116.IconButton, { size: SIZE12, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React133.createElement(import_icons44.CopyIcon, { fontSize: SIZE12 }))), showToggle && /* @__PURE__ */ React133.createElement(import_ui116.Tooltip, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React133.createElement(import_ui116.IconButton, { size: SIZE12, onClick: toggleDisableItem, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React133.createElement(import_icons44.EyeOffIcon, { fontSize: SIZE12 }) : /* @__PURE__ */ React133.createElement(import_icons44.EyeIcon, { fontSize: SIZE12 }))), actions?.(value), showRemove && /* @__PURE__ */ React133.createElement(import_ui116.Tooltip, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React133.createElement(import_ui116.IconButton, { size: SIZE12, onClick: removeItem, "aria-label": removeLabel }, /* @__PURE__ */ React133.createElement(import_icons44.XIcon, { fontSize: SIZE12 }))))
+      actions: /* @__PURE__ */ React134.createElement(React134.Fragment, null, showDuplicate && /* @__PURE__ */ React134.createElement(import_ui117.Tooltip, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React134.createElement(import_ui117.IconButton, { size: SIZE12, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React134.createElement(import_icons45.CopyIcon, { fontSize: SIZE12 }))), showToggle && /* @__PURE__ */ React134.createElement(import_ui117.Tooltip, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React134.createElement(import_ui117.IconButton, { size: SIZE12, onClick: toggleDisableItem, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React134.createElement(import_icons45.EyeOffIcon, { fontSize: SIZE12 }) : /* @__PURE__ */ React134.createElement(import_icons45.EyeIcon, { fontSize: SIZE12 }))), actions?.(value), showRemove && /* @__PURE__ */ React134.createElement(import_ui117.Tooltip, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React134.createElement(import_ui117.IconButton, { size: SIZE12, onClick: removeItem, "aria-label": removeLabel }, /* @__PURE__ */ React134.createElement(import_icons45.XIcon, { fontSize: SIZE12 }))))
     }
-  ), /* @__PURE__ */ React133.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React133.createElement(import_ui116.Box, null, children({ anchorEl: ref }))));
+  ), /* @__PURE__ */ React134.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React134.createElement(import_ui117.Box, null, children({ anchorEl: ref }))));
 };
 var usePopover = (openOnMount, onOpen, onPopoverClose) => {
-  const [ref, setRef] = (0, import_react78.useState)(null);
-  const popoverState = (0, import_ui116.usePopupState)({ variant: "popover" });
-  const popoverProps = (0, import_ui116.bindPopover)(popoverState);
-  (0, import_react78.useEffect)(() => {
+  const [ref, setRef] = (0, import_react79.useState)(null);
+  const popoverState = (0, import_ui117.usePopupState)({ variant: "popover" });
+  const popoverProps = (0, import_ui117.bindPopover)(popoverState);
+  (0, import_react79.useEffect)(() => {
     if (openOnMount && ref) {
       popoverState.open(ref);
       onOpen?.();
@@ -10077,8 +10139,8 @@ var usePopover = (openOnMount, onOpen, onPopoverClose) => {
 };
 
 // src/components/size/unstable-size-field.tsx
-var React136 = __toESM(require("react"));
-var import_ui118 = require("@elementor/ui");
+var React137 = __toESM(require("react"));
+var import_ui119 = require("@elementor/ui");
 
 // src/hooks/use-size-value.ts
 var DEFAULT_UNIT2 = "px";
@@ -10120,25 +10182,25 @@ var differsFromExternal = (newState, externalState) => {
 };
 
 // src/components/size/unit-select.tsx
-var React134 = __toESM(require("react"));
-var import_react79 = require("react");
+var React135 = __toESM(require("react"));
+var import_react80 = require("react");
 var import_editor_ui20 = require("@elementor/editor-ui");
-var import_ui117 = require("@elementor/ui");
+var import_ui118 = require("@elementor/ui");
 var menuItemContentStyles2 = {
   display: "flex",
   flexDirection: "column",
   justifyContent: "center"
 };
 var UnitSelect = ({ value, showPrimaryColor, onClick, options }) => {
-  const popupState = (0, import_ui117.usePopupState)({
+  const popupState = (0, import_ui118.usePopupState)({
     variant: "popover",
-    popupId: (0, import_react79.useId)()
+    popupId: (0, import_react80.useId)()
   });
   const handleMenuItemClick = (index) => {
     onClick(options[index]);
     popupState.close();
   };
-  return /* @__PURE__ */ React134.createElement(React134.Fragment, null, /* @__PURE__ */ React134.createElement(StyledButton3, { isPrimaryColor: showPrimaryColor, size: "small", ...(0, import_ui117.bindTrigger)(popupState) }, value), /* @__PURE__ */ React134.createElement(import_ui117.Menu, { MenuListProps: { dense: true }, ...(0, import_ui117.bindMenu)(popupState) }, options.map((option, index) => /* @__PURE__ */ React134.createElement(
+  return /* @__PURE__ */ React135.createElement(React135.Fragment, null, /* @__PURE__ */ React135.createElement(StyledButton3, { isPrimaryColor: showPrimaryColor, size: "small", ...(0, import_ui118.bindTrigger)(popupState) }, value), /* @__PURE__ */ React135.createElement(import_ui118.Menu, { MenuListProps: { dense: true }, ...(0, import_ui118.bindMenu)(popupState) }, options.map((option, index) => /* @__PURE__ */ React135.createElement(
     import_editor_ui20.MenuListItem,
     {
       key: option,
@@ -10157,7 +10219,7 @@ var UnitSelect = ({ value, showPrimaryColor, onClick, options }) => {
     option.toUpperCase()
   ))));
 };
-var StyledButton3 = (0, import_ui117.styled)(import_ui117.Button, {
+var StyledButton3 = (0, import_ui118.styled)(import_ui118.Button, {
   shouldForwardProp: (prop) => prop !== "isPrimaryColor"
 })(({ isPrimaryColor, theme }) => ({
   color: isPrimaryColor ? theme.palette.text.primary : theme.palette.text.tertiary,
@@ -10167,11 +10229,11 @@ var StyledButton3 = (0, import_ui117.styled)(import_ui117.Button, {
 }));
 
 // src/components/size/unstable-size-input.tsx
-var React135 = __toESM(require("react"));
-var import_react80 = require("react");
-var UnstableSizeInput = (0, import_react80.forwardRef)(
+var React136 = __toESM(require("react"));
+var import_react81 = require("react");
+var UnstableSizeInput = (0, import_react81.forwardRef)(
   ({ type, value, onChange, onKeyDown, onKeyUp, InputProps, onBlur, focused, disabled }, ref) => {
-    return /* @__PURE__ */ React135.createElement(
+    return /* @__PURE__ */ React136.createElement(
       NumberInput,
       {
         ref,
@@ -10209,7 +10271,7 @@ var UnstableSizeField = ({
   const shouldHighlightUnit2 = () => {
     return hasValue(size);
   };
-  return /* @__PURE__ */ React136.createElement(
+  return /* @__PURE__ */ React137.createElement(
     UnstableSizeInput,
     {
       type: "number",
@@ -10218,8 +10280,8 @@ var UnstableSizeField = ({
       onChange: (event) => setSize(event.target.value),
       InputProps: {
         ...InputProps,
-        startAdornment: startIcon && /* @__PURE__ */ React136.createElement(import_ui118.InputAdornment, { position: "start" }, startIcon),
-        endAdornment: /* @__PURE__ */ React136.createElement(import_ui118.InputAdornment, { position: "end" }, /* @__PURE__ */ React136.createElement(
+        startAdornment: startIcon && /* @__PURE__ */ React137.createElement(import_ui119.InputAdornment, { position: "start" }, startIcon),
+        endAdornment: /* @__PURE__ */ React137.createElement(import_ui119.InputAdornment, { position: "end" }, /* @__PURE__ */ React137.createElement(
           UnitSelect,
           {
             options: units2,
@@ -10237,15 +10299,15 @@ var hasValue = (value) => {
 };
 
 // src/hooks/use-font-families.ts
-var import_react81 = require("react");
-var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
+var import_react82 = require("react");
+var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
 var getFontControlConfig = () => {
-  const { controls } = (0, import_editor_v1_adapters3.getElementorConfig)();
+  const { controls } = (0, import_editor_v1_adapters4.getElementorConfig)();
   return controls?.font ?? {};
 };
 var useFontFamilies = () => {
   const { groups, options } = getFontControlConfig();
-  return (0, import_react81.useMemo)(() => {
+  return (0, import_react82.useMemo)(() => {
     if (!groups || !options) {
       return [];
     }
@@ -10303,6 +10365,7 @@ var useFontFamilies = () => {
   LinkControl,
   LinkedDimensionsControl,
   MentionTextAreaControl,
+  NoticeControl,
   NumberControl,
   NumberInput,
   PopoverContent,