@elementor/editor-controls 4.1.0-821 → 4.1.0-822

package/dist/index.mjs

@@ -7409,15 +7409,109 @@ var DateTimeControl = createControl(({ inputDisabled }) => {
   ))))));
 });
 
-// src/controls/inline-editing-control.tsx
+// src/controls/date-range-control.tsx
 import * as React108 from "react";
+import { dateRangePropTypeUtil, dateStringPropTypeUtil as dateStringPropTypeUtil2 } from "@elementor/editor-props";
+import { FormHelperText as FormHelperText2, Grid as Grid29, Stack as Stack17 } from "@elementor/ui";
+import { __ as __53 } from "@wordpress/i18n";
+
+// src/controls/date-string-control.tsx
+import * as React107 from "react";
+import * as dayjs2 from "dayjs";
+import { dateStringPropTypeUtil } from "@elementor/editor-props";
+import { DatePicker as DatePicker2, LocalizationProvider as LocalizationProvider2 } from "@elementor/ui";
+var DATE_FORMAT2 = "YYYY-MM-DD";
+var DateStringControl = createControl(({ inputDisabled, ariaLabel, error }) => {
+  const { value, setValue, disabled } = useBoundProp(dateStringPropTypeUtil);
+  const isDisabled = inputDisabled ?? disabled;
+  const slotProps = {
+    textField: {
+      size: "tiny",
+      fullWidth: true,
+      error,
+      inputProps: ariaLabel ? { "aria-label": ariaLabel } : void 0
+    },
+    openPickerButton: { size: "tiny" },
+    openPickerIcon: { fontSize: "tiny" }
+  };
+  const handleChange = (newValue, format) => {
+    if (!newValue) {
+      setValue(null);
+      return;
+    }
+    setValue(newValue.format(format));
+  };
+  return /* @__PURE__ */ React107.createElement(LocalizationProvider2, null, /* @__PURE__ */ React107.createElement(ControlActions, null, /* @__PURE__ */ React107.createElement(
+    DatePicker2,
+    {
+      value: parseDateString(value ?? ""),
+      onChange: (newValue) => handleChange(newValue, DATE_FORMAT2),
+      disabled: isDisabled,
+      slotProps
+    }
+  )));
+});
+function parseDateString(raw) {
+  if (!raw) {
+    return null;
+  }
+  const parsed = dayjs2.default(raw);
+  return isValidDayjs(parsed) ? parsed : null;
+}
+function isValidDayjs(value) {
+  return !!value && typeof value.isValid === "function" && value.isValid();
+}
+
+// src/controls/date-range-control.tsx
+var RANGE_LABELS = {
+  min: __53("Min date", "elementor"),
+  max: __53("Max date", "elementor")
+};
+var isMaxBeforeMin = (minIso, maxIso) => {
+  if (!minIso || !maxIso || [minIso, maxIso].some((v) => v === "Invalid Date")) {
+    return false;
+  }
+  return maxIso < minIso;
+};
+var RANGE_ERROR_MESSAGE = __53("Max date must be on or after Min date", "elementor");
+var DateRangeControl = createControl(() => {
+  const { value, setValue, ...propContext } = useBoundProp(dateRangePropTypeUtil);
+  const minString = dateStringPropTypeUtil2.extract(value?.min);
+  const maxString = dateStringPropTypeUtil2.extract(value?.max);
+  const hasInvalidRange = isMaxBeforeMin(minString, maxString);
+  return /* @__PURE__ */ React108.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React108.createElement(Stack17, { gap: 0.75 }, /* @__PURE__ */ React108.createElement(Stack17, { direction: "row", gap: 2, flexWrap: "nowrap" }, /* @__PURE__ */ React108.createElement(Grid29, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React108.createElement(Grid29, { item: true, xs: 12 }, /* @__PURE__ */ React108.createElement(ControlFormLabel, null, RANGE_LABELS.min)), /* @__PURE__ */ React108.createElement(Grid29, { item: true, xs: 12 }, /* @__PURE__ */ React108.createElement(
+    BoundDateStringControl,
+    {
+      bind: "min",
+      ariaLabel: RANGE_LABELS.min,
+      error: hasInvalidRange
+    }
+  ))), /* @__PURE__ */ React108.createElement(Grid29, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React108.createElement(Grid29, { item: true, xs: 12 }, /* @__PURE__ */ React108.createElement(ControlFormLabel, null, RANGE_LABELS.max)), /* @__PURE__ */ React108.createElement(Grid29, { item: true, xs: 12 }, /* @__PURE__ */ React108.createElement(
+    BoundDateStringControl,
+    {
+      bind: "max",
+      ariaLabel: RANGE_LABELS.max,
+      error: hasInvalidRange
+    }
+  )))), hasInvalidRange && /* @__PURE__ */ React108.createElement(FormHelperText2, { error: true }, RANGE_ERROR_MESSAGE)));
+});
+var BoundDateStringControl = ({
+  bind,
+  ariaLabel,
+  error
+}) => {
+  return /* @__PURE__ */ React108.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React108.createElement(DateStringControl, { ariaLabel, error }));
+};
+
+// src/controls/inline-editing-control.tsx
+import * as React110 from "react";
 import { useCallback as useCallback4, useEffect as useEffect17, useMemo as useMemo16 } from "react";
 import { htmlV3PropTypeUtil, parseHtmlChildren, stringPropTypeUtil as stringPropTypeUtil18 } from "@elementor/editor-props";
 import { Box as Box24 } from "@elementor/ui";
 import { debounce as debounce4 } from "@elementor/utils";
 
 // src/components/inline-editor.tsx
-import * as React107 from "react";
+import * as React109 from "react";
 import { useEffect as useEffect16, useRef as useRef27 } from "react";
 import { Box as Box23 } from "@elementor/ui";
 import Bold from "@tiptap/extension-bold";
@@ -7456,7 +7550,7 @@ function htmlToPlainText(html) {
 var ITALIC_KEYBOARD_SHORTCUT = "i";
 var BOLD_KEYBOARD_SHORTCUT = "b";
 var UNDERLINE_KEYBOARD_SHORTCUT = "u";
-var InlineEditor = React107.forwardRef((props, ref) => {
+var InlineEditor = React109.forwardRef((props, ref) => {
   const {
     value,
     setValue,
@@ -7567,7 +7661,7 @@ var InlineEditor = React107.forwardRef((props, ref) => {
   if (mountElement) {
     return null;
   }
-  return /* @__PURE__ */ React107.createElement(Box23, { ref: containerRef, sx, className: wrapperClassName }, /* @__PURE__ */ React107.createElement(EditorContent, { ref, editor }));
+  return /* @__PURE__ */ React109.createElement(Box23, { ref: containerRef, sx, className: wrapperClassName }, /* @__PURE__ */ React109.createElement(EditorContent, { ref, editor }));
 });
 var useOnUpdate = (callback, dependencies) => {
   const hasMounted = useRef27(false);
@@ -7612,7 +7706,7 @@ var InlineEditingControl = createControl(
       [setValue, value?.children, debouncedParse]
     );
     useEffect17(() => () => debouncedParse.cancel(), [debouncedParse]);
-    return /* @__PURE__ */ React108.createElement(ControlActions, null, /* @__PURE__ */ React108.createElement(
+    return /* @__PURE__ */ React110.createElement(ControlActions, null, /* @__PURE__ */ React110.createElement(
       Box24,
       {
         sx: {
@@ -7657,7 +7751,7 @@ var InlineEditingControl = createControl(
         ...attributes,
         ...props
       },
-      /* @__PURE__ */ React108.createElement(
+      /* @__PURE__ */ React110.createElement(
         InlineEditor,
         {
           value: content,
@@ -7670,12 +7764,12 @@ var InlineEditingControl = createControl(
 );
 
 // src/controls/email-form-action-control.tsx
-import * as React109 from "react";
+import * as React111 from "react";
 import { emailPropTypeUtil } from "@elementor/editor-props";
 import { CollapsibleContent, InfoAlert as InfoAlert2 } from "@elementor/editor-ui";
-import { Box as Box25, Divider as Divider5, Grid as Grid29, Stack as Stack17 } from "@elementor/ui";
+import { Box as Box25, Divider as Divider5, Grid as Grid30, Stack as Stack18 } from "@elementor/ui";
 import { hasProInstalled as hasProInstalled3, isVersionGreaterOrEqual as isVersionGreaterOrEqual2 } from "@elementor/utils";
-import { __ as __53 } from "@wordpress/i18n";
+import { __ as __54 } from "@wordpress/i18n";
 
 // src/hooks/use-form-field-suggestions.ts
 import { getContainer, getSelectedElements as getSelectedElements3 } from "@elementor/editor-elements";
@@ -7732,14 +7826,14 @@ function useFormFieldSuggestions(options) {
 }
 
 // src/controls/email-form-action-control.tsx
-var EmailField = ({ bind, label, placeholder }) => /* @__PURE__ */ React109.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React109.createElement(Grid29, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React109.createElement(Grid29, { item: true }, /* @__PURE__ */ React109.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React109.createElement(Grid29, { item: true }, /* @__PURE__ */ React109.createElement(TextControl, { placeholder }))));
-var SendToField = ({ placeholder }) => /* @__PURE__ */ React109.createElement(EmailField, { bind: "to", label: __53("Send to", "elementor"), placeholder });
-var SubjectField = () => /* @__PURE__ */ React109.createElement(
+var EmailField = ({ bind, label, placeholder }) => /* @__PURE__ */ React111.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React111.createElement(Grid30, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React111.createElement(Grid30, { item: true }, /* @__PURE__ */ React111.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React111.createElement(Grid30, { item: true }, /* @__PURE__ */ React111.createElement(TextControl, { placeholder }))));
+var SendToField = ({ placeholder }) => /* @__PURE__ */ React111.createElement(EmailField, { bind: "to", label: __54("Send to", "elementor"), placeholder });
+var SubjectField = () => /* @__PURE__ */ React111.createElement(
   EmailField,
   {
     bind: "subject",
-    label: __53("Email subject", "elementor"),
-    placeholder: __53("New form submission", "elementor")
+    label: __54("Email subject", "elementor"),
+    placeholder: __54("New form submission", "elementor")
   }
 );
 var MIN_PRO_VERSION_FOR_MENTIONS = "4.1.0";
@@ -7755,77 +7849,77 @@ var shouldShowMentionsInfo = () => {
 };
 var MessageField = () => {
   const suggestions = useFormFieldSuggestions();
-  return /* @__PURE__ */ React109.createElement(PropKeyProvider, { bind: "message" }, /* @__PURE__ */ React109.createElement(Grid29, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React109.createElement(Grid29, { item: true }, /* @__PURE__ */ React109.createElement(ControlFormLabel, null, __53("Message", "elementor"))), /* @__PURE__ */ React109.createElement(Grid29, { item: true }, /* @__PURE__ */ React109.createElement(MentionTextAreaControl, { suggestions })), /* @__PURE__ */ React109.createElement(Grid29, { item: true }, /* @__PURE__ */ React109.createElement(InfoAlert2, null, shouldShowMentionsInfo() ? __53(
+  return /* @__PURE__ */ React111.createElement(PropKeyProvider, { bind: "message" }, /* @__PURE__ */ React111.createElement(Grid30, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React111.createElement(Grid30, { item: true }, /* @__PURE__ */ React111.createElement(ControlFormLabel, null, __54("Message", "elementor"))), /* @__PURE__ */ React111.createElement(Grid30, { item: true }, /* @__PURE__ */ React111.createElement(MentionTextAreaControl, { suggestions })), /* @__PURE__ */ React111.createElement(Grid30, { item: true }, /* @__PURE__ */ React111.createElement(InfoAlert2, null, shouldShowMentionsInfo() ? __54(
     "[all-fields] shortcode sends all fields. Type @ to insert specific fields and customize your message.",
     "elementor"
-  ) : __53("[all-fields] shortcode sends all fields.", "elementor")))));
+  ) : __54("[all-fields] shortcode sends all fields.", "elementor")))));
 };
-var FromEmailField = () => /* @__PURE__ */ React109.createElement(
+var FromEmailField = () => /* @__PURE__ */ React111.createElement(
   EmailField,
   {
     bind: "from",
-    label: __53("From email", "elementor"),
-    placeholder: __53("What email should appear as the sender?", "elementor")
+    label: __54("From email", "elementor"),
+    placeholder: __54("What email should appear as the sender?", "elementor")
   }
 );
-var FromNameField = () => /* @__PURE__ */ React109.createElement(
+var FromNameField = () => /* @__PURE__ */ React111.createElement(
   EmailField,
   {
     bind: "from-name",
-    label: __53("From name", "elementor"),
-    placeholder: __53("What name should appear as the sender?", "elementor")
+    label: __54("From name", "elementor"),
+    placeholder: __54("What name should appear as the sender?", "elementor")
   }
 );
 var ReplyToField = () => {
   const emailSuggestions = useFormFieldSuggestions({ inputType: "email" });
-  return /* @__PURE__ */ React109.createElement(PropKeyProvider, { bind: "reply-to" }, /* @__PURE__ */ React109.createElement(Grid29, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React109.createElement(Grid29, { item: true }, /* @__PURE__ */ React109.createElement(ControlFormLabel, null, __53("Reply-to", "elementor"))), /* @__PURE__ */ React109.createElement(Grid29, { item: true }, /* @__PURE__ */ React109.createElement(
+  return /* @__PURE__ */ React111.createElement(PropKeyProvider, { bind: "reply-to" }, /* @__PURE__ */ React111.createElement(Grid30, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React111.createElement(Grid30, { item: true }, /* @__PURE__ */ React111.createElement(ControlFormLabel, null, __54("Reply-to", "elementor"))), /* @__PURE__ */ React111.createElement(Grid30, { item: true }, /* @__PURE__ */ React111.createElement(
     MentionTextAreaControl,
     {
       suggestions: emailSuggestions,
       rows: 1,
       triggerPosition: "start",
-      placeholder: __53("You can type @ to insert an email field", "elementor")
+      placeholder: __54("You can type @ to insert an email field", "elementor")
     }
   ))));
 };
-var CcField = () => /* @__PURE__ */ React109.createElement(EmailField, { bind: "cc", label: __53("Cc", "elementor") });
-var BccField = () => /* @__PURE__ */ React109.createElement(EmailField, { bind: "bcc", label: __53("Bcc", "elementor") });
-var MetaDataField = () => /* @__PURE__ */ React109.createElement(PropKeyProvider, { bind: "meta-data" }, /* @__PURE__ */ React109.createElement(Stack17, { gap: 0.5 }, /* @__PURE__ */ React109.createElement(ControlFormLabel, null, __53("Metadata", "elementor")), /* @__PURE__ */ React109.createElement(
+var CcField = () => /* @__PURE__ */ React111.createElement(EmailField, { bind: "cc", label: __54("Cc", "elementor") });
+var BccField = () => /* @__PURE__ */ React111.createElement(EmailField, { bind: "bcc", label: __54("Bcc", "elementor") });
+var MetaDataField = () => /* @__PURE__ */ React111.createElement(PropKeyProvider, { bind: "meta-data" }, /* @__PURE__ */ React111.createElement(Stack18, { gap: 0.5 }, /* @__PURE__ */ React111.createElement(ControlFormLabel, null, __54("Metadata", "elementor")), /* @__PURE__ */ React111.createElement(
   ChipsControl,
   {
     options: [
-      { label: __53("Date", "elementor"), value: "date" },
-      { label: __53("Time", "elementor"), value: "time" },
-      { label: __53("Page URL", "elementor"), value: "page-url" },
-      { label: __53("User agent", "elementor"), value: "user-agent" },
-      { label: __53("Credit", "elementor"), value: "credit" }
+      { label: __54("Date", "elementor"), value: "date" },
+      { label: __54("Time", "elementor"), value: "time" },
+      { label: __54("Page URL", "elementor"), value: "page-url" },
+      { label: __54("User agent", "elementor"), value: "user-agent" },
+      { label: __54("Credit", "elementor"), value: "credit" }
     ]
   }
 )));
-var SendAsField = () => /* @__PURE__ */ React109.createElement(PropKeyProvider, { bind: "send-as" }, /* @__PURE__ */ React109.createElement(Grid29, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React109.createElement(Grid29, { item: true }, /* @__PURE__ */ React109.createElement(ControlFormLabel, null, __53("Send as", "elementor"))), /* @__PURE__ */ React109.createElement(Grid29, { item: true }, /* @__PURE__ */ React109.createElement(
+var SendAsField = () => /* @__PURE__ */ React111.createElement(PropKeyProvider, { bind: "send-as" }, /* @__PURE__ */ React111.createElement(Grid30, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React111.createElement(Grid30, { item: true }, /* @__PURE__ */ React111.createElement(ControlFormLabel, null, __54("Send as", "elementor"))), /* @__PURE__ */ React111.createElement(Grid30, { item: true }, /* @__PURE__ */ React111.createElement(
   SelectControl,
   {
     options: [
-      { label: __53("HTML", "elementor"), value: "html" },
-      { label: __53("Plain Text", "elementor"), value: "plain" }
+      { label: __54("HTML", "elementor"), value: "html" },
+      { label: __54("Plain Text", "elementor"), value: "plain" }
     ]
   }
 ))));
-var AdvancedSettings = () => /* @__PURE__ */ React109.createElement(CollapsibleContent, { defaultOpen: false }, /* @__PURE__ */ React109.createElement(Box25, { sx: { pt: 2 } }, /* @__PURE__ */ React109.createElement(Stack17, { gap: 2 }, /* @__PURE__ */ React109.createElement(FromNameField, null), /* @__PURE__ */ React109.createElement(ReplyToField, null), /* @__PURE__ */ React109.createElement(CcField, null), /* @__PURE__ */ React109.createElement(BccField, null), /* @__PURE__ */ React109.createElement(Divider5, null), /* @__PURE__ */ React109.createElement(MetaDataField, null), /* @__PURE__ */ React109.createElement(SendAsField, null))));
+var AdvancedSettings = () => /* @__PURE__ */ React111.createElement(CollapsibleContent, { defaultOpen: false }, /* @__PURE__ */ React111.createElement(Box25, { sx: { pt: 2 } }, /* @__PURE__ */ React111.createElement(Stack18, { gap: 2 }, /* @__PURE__ */ React111.createElement(FromNameField, null), /* @__PURE__ */ React111.createElement(ReplyToField, null), /* @__PURE__ */ React111.createElement(CcField, null), /* @__PURE__ */ React111.createElement(BccField, null), /* @__PURE__ */ React111.createElement(Divider5, null), /* @__PURE__ */ React111.createElement(MetaDataField, null), /* @__PURE__ */ React111.createElement(SendAsField, null))));
 var EmailFormActionControl = createControl(({ toPlaceholder }) => {
   const { value, setValue, ...propContext } = useBoundProp(emailPropTypeUtil);
-  return /* @__PURE__ */ React109.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React109.createElement(Stack17, { gap: 2 }, /* @__PURE__ */ React109.createElement(ControlLabel, null, __53("Email settings", "elementor")), /* @__PURE__ */ React109.createElement(SendToField, { placeholder: toPlaceholder }), /* @__PURE__ */ React109.createElement(SubjectField, null), /* @__PURE__ */ React109.createElement(MessageField, null), /* @__PURE__ */ React109.createElement(FromEmailField, null), /* @__PURE__ */ React109.createElement(AdvancedSettings, null)));
+  return /* @__PURE__ */ React111.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React111.createElement(Stack18, { gap: 2 }, /* @__PURE__ */ React111.createElement(ControlLabel, null, __54("Email settings", "elementor")), /* @__PURE__ */ React111.createElement(SendToField, { placeholder: toPlaceholder }), /* @__PURE__ */ React111.createElement(SubjectField, null), /* @__PURE__ */ React111.createElement(MessageField, null), /* @__PURE__ */ React111.createElement(FromEmailField, null), /* @__PURE__ */ React111.createElement(AdvancedSettings, null)));
 });
 
 // src/components/promotions/display-conditions-control.tsx
-import * as React111 from "react";
+import * as React113 from "react";
 import { useRef as useRef28 } from "react";
 import { SitemapIcon } from "@elementor/icons";
-import { IconButton as IconButton8, Stack as Stack18, Tooltip as Tooltip9 } from "@elementor/ui";
-import { __ as __54 } from "@wordpress/i18n";
+import { IconButton as IconButton8, Stack as Stack19, Tooltip as Tooltip9 } from "@elementor/ui";
+import { __ as __55 } from "@wordpress/i18n";
 
 // src/components/promotions/promotion-trigger.tsx
-import * as React110 from "react";
+import * as React112 from "react";
 import { forwardRef as forwardRef12, useCallback as useCallback5, useImperativeHandle, useState as useState19 } from "react";
 import { PromotionChip as PromotionChip2, PromotionInfotip } from "@elementor/editor-ui";
 import { Box as Box26 } from "@elementor/ui";
@@ -7845,7 +7939,7 @@ var PromotionTrigger = forwardRef12(
       });
     }, [trackingData]);
     useImperativeHandle(ref, () => ({ toggle }), [toggle]);
-    return /* @__PURE__ */ React110.createElement(React110.Fragment, null, promotion && /* @__PURE__ */ React110.createElement(
+    return /* @__PURE__ */ React112.createElement(React112.Fragment, null, promotion && /* @__PURE__ */ React112.createElement(
       PromotionInfotip,
       {
         title: promotion.title,
@@ -7859,7 +7953,7 @@ var PromotionTrigger = forwardRef12(
         },
         onCtaClick: () => trackUpgradePromotionClick(trackingData)
       },
-      /* @__PURE__ */ React110.createElement(
+      /* @__PURE__ */ React112.createElement(
         Box26,
         {
           onClick: (e) => {
@@ -7868,19 +7962,19 @@ var PromotionTrigger = forwardRef12(
           },
           sx: { cursor: "pointer", display: "inline-flex" }
         },
-        children ?? /* @__PURE__ */ React110.createElement(PromotionChip2, null)
+        children ?? /* @__PURE__ */ React112.createElement(PromotionChip2, null)
       )
     ));
   }
 );
 
 // src/components/promotions/display-conditions-control.tsx
-var ARIA_LABEL = __54("Display Conditions", "elementor");
+var ARIA_LABEL = __55("Display Conditions", "elementor");
 var TRACKING_DATA = { target_name: "display_conditions", location_l2: "general" };
 var DisplayConditionsControl = createControl(() => {
   const triggerRef = useRef28(null);
-  return /* @__PURE__ */ React111.createElement(
-    Stack18,
+  return /* @__PURE__ */ React113.createElement(
+    Stack19,
     {
       direction: "row",
       spacing: 2,
@@ -7889,8 +7983,8 @@ var DisplayConditionsControl = createControl(() => {
         alignItems: "center"
       }
     },
-    /* @__PURE__ */ React111.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "displayConditions", trackingData: TRACKING_DATA }),
-    /* @__PURE__ */ React111.createElement(Tooltip9, { title: ARIA_LABEL, placement: "top" }, /* @__PURE__ */ React111.createElement(
+    /* @__PURE__ */ React113.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "displayConditions", trackingData: TRACKING_DATA }),
+    /* @__PURE__ */ React113.createElement(Tooltip9, { title: ARIA_LABEL, placement: "top" }, /* @__PURE__ */ React113.createElement(
       IconButton8,
       {
         size: "tiny",
@@ -7903,23 +7997,23 @@ var DisplayConditionsControl = createControl(() => {
           borderRadius: 1
         }
       },
-      /* @__PURE__ */ React111.createElement(SitemapIcon, { fontSize: "tiny", color: "disabled" })
+      /* @__PURE__ */ React113.createElement(SitemapIcon, { fontSize: "tiny", color: "disabled" })
     ))
   );
 });
 
 // src/components/promotions/attributes-control.tsx
-import * as React112 from "react";
+import * as React114 from "react";
 import { useRef as useRef29 } from "react";
 import { PlusIcon as PlusIcon3 } from "@elementor/icons";
-import { Stack as Stack19, Tooltip as Tooltip10 } from "@elementor/ui";
-import { __ as __55 } from "@wordpress/i18n";
-var ARIA_LABEL2 = __55("Attributes", "elementor");
+import { Stack as Stack20, Tooltip as Tooltip10 } from "@elementor/ui";
+import { __ as __56 } from "@wordpress/i18n";
+var ARIA_LABEL2 = __56("Attributes", "elementor");
 var TRACKING_DATA2 = { target_name: "attributes", location_l2: "general" };
 var AttributesControl = createControl(() => {
   const triggerRef = useRef29(null);
-  return /* @__PURE__ */ React112.createElement(
-    Stack19,
+  return /* @__PURE__ */ React114.createElement(
+    Stack20,
     {
       direction: "row",
       spacing: 2,
@@ -7928,8 +8022,8 @@ var AttributesControl = createControl(() => {
         alignItems: "center"
       }
     },
-    /* @__PURE__ */ React112.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "attributes", trackingData: TRACKING_DATA2 }),
-    /* @__PURE__ */ React112.createElement(Tooltip10, { title: ARIA_LABEL2, placement: "top" }, /* @__PURE__ */ React112.createElement(
+    /* @__PURE__ */ React114.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "attributes", trackingData: TRACKING_DATA2 }),
+    /* @__PURE__ */ React114.createElement(Tooltip10, { title: ARIA_LABEL2, placement: "top" }, /* @__PURE__ */ React114.createElement(
       PlusIcon3,
       {
         "aria-label": ARIA_LABEL2,
@@ -7943,17 +8037,17 @@ var AttributesControl = createControl(() => {
 });
 
 // src/components/icon-buttons/clear-icon-button.tsx
-import * as React113 from "react";
+import * as React115 from "react";
 import { BrushBigIcon } from "@elementor/icons";
 import { IconButton as IconButton9, styled as styled11, Tooltip as Tooltip11 } from "@elementor/ui";
 var CustomIconButton = styled11(IconButton9)(({ theme }) => ({
   width: theme.spacing(2.5),
   height: theme.spacing(2.5)
 }));
-var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /* @__PURE__ */ React113.createElement(Tooltip11, { title: tooltipText, placement: "top", disableInteractive: true }, /* @__PURE__ */ React113.createElement(CustomIconButton, { "aria-label": tooltipText, size, onClick, disabled }, /* @__PURE__ */ React113.createElement(BrushBigIcon, { fontSize: size })));
+var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /* @__PURE__ */ React115.createElement(Tooltip11, { title: tooltipText, placement: "top", disableInteractive: true }, /* @__PURE__ */ React115.createElement(CustomIconButton, { "aria-label": tooltipText, size, onClick, disabled }, /* @__PURE__ */ React115.createElement(BrushBigIcon, { fontSize: size })));
 
 // src/components/repeater/repeater.tsx
-import * as React114 from "react";
+import * as React116 from "react";
 import { useEffect as useEffect18, useState as useState20 } from "react";
 import { CopyIcon as CopyIcon2, EyeIcon as EyeIcon2, EyeOffIcon as EyeOffIcon2, PlusIcon as PlusIcon4, XIcon as XIcon4 } from "@elementor/icons";
 import {
@@ -7965,7 +8059,7 @@ import {
   Tooltip as Tooltip12,
   usePopupState as usePopupState10
 } from "@elementor/ui";
-import { __ as __56 } from "@wordpress/i18n";
+import { __ as __57 } from "@wordpress/i18n";
 var SIZE11 = "tiny";
 var EMPTY_OPEN_ITEM2 = -1;
 var Repeater3 = ({
@@ -8046,7 +8140,7 @@ var Repeater3 = ({
   };
   const isButtonDisabled = disabled || disableAddItemButton;
   const shouldShowInfotip = isButtonDisabled && addButtonInfotipContent;
-  const addButton = /* @__PURE__ */ React114.createElement(
+  const addButton = /* @__PURE__ */ React116.createElement(
     IconButton10,
     {
       size: SIZE11,
@@ -8055,11 +8149,11 @@ var Repeater3 = ({
       },
       disabled: isButtonDisabled,
       onClick: addRepeaterItem,
-      "aria-label": __56("Add item", "elementor")
+      "aria-label": __57("Add item", "elementor")
     },
-    /* @__PURE__ */ React114.createElement(PlusIcon4, { fontSize: SIZE11 })
+    /* @__PURE__ */ React116.createElement(PlusIcon4, { fontSize: SIZE11 })
   );
-  return /* @__PURE__ */ React114.createElement(SectionContent, { gap: 2 }, /* @__PURE__ */ React114.createElement(RepeaterHeader, { label, adornment: ControlAdornments }, shouldShowInfotip ? /* @__PURE__ */ React114.createElement(
+  return /* @__PURE__ */ React116.createElement(SectionContent, { gap: 2 }, /* @__PURE__ */ React116.createElement(RepeaterHeader, { label, adornment: ControlAdornments }, shouldShowInfotip ? /* @__PURE__ */ React116.createElement(
     Infotip4,
     {
       placement: "right",
@@ -8067,20 +8161,20 @@ var Repeater3 = ({
       color: "secondary",
       slotProps: { popper: { sx: { width: 300 } } }
     },
-    /* @__PURE__ */ React114.createElement(Box27, { sx: { ...isButtonDisabled ? { cursor: "not-allowed" } : {} } }, addButton)
-  ) : addButton), 0 < uniqueKeys.length && /* @__PURE__ */ React114.createElement(SortableProvider, { value: uniqueKeys, onChange: onChangeOrder }, uniqueKeys.map((key) => {
+    /* @__PURE__ */ React116.createElement(Box27, { sx: { ...isButtonDisabled ? { cursor: "not-allowed" } : {} } }, addButton)
+  ) : addButton), 0 < uniqueKeys.length && /* @__PURE__ */ React116.createElement(SortableProvider, { value: uniqueKeys, onChange: onChangeOrder }, uniqueKeys.map((key) => {
     const index = uniqueKeys.indexOf(key);
     const value = items2[index];
     if (!value) {
       return null;
     }
-    return /* @__PURE__ */ React114.createElement(SortableItem, { id: key, key: `sortable-${key}`, disabled: !isSortable }, /* @__PURE__ */ React114.createElement(
+    return /* @__PURE__ */ React116.createElement(SortableItem, { id: key, key: `sortable-${key}`, disabled: !isSortable }, /* @__PURE__ */ React116.createElement(
       RepeaterItem,
       {
         disabled,
         propDisabled: value?.disabled,
-        label: /* @__PURE__ */ React114.createElement(RepeaterItemLabelSlot, { value }, /* @__PURE__ */ React114.createElement(itemSettings.Label, { value, index })),
-        startIcon: /* @__PURE__ */ React114.createElement(RepeaterItemIconSlot, { value }, /* @__PURE__ */ React114.createElement(itemSettings.Icon, { value })),
+        label: /* @__PURE__ */ React116.createElement(RepeaterItemLabelSlot, { value }, /* @__PURE__ */ React116.createElement(itemSettings.Label, { value, index })),
+        startIcon: /* @__PURE__ */ React116.createElement(RepeaterItemIconSlot, { value }, /* @__PURE__ */ React116.createElement(itemSettings.Icon, { value })),
         removeItem: () => removeRepeaterItem(index),
         duplicateItem: () => duplicateRepeaterItem(index),
         toggleDisableItem: () => toggleDisableRepeaterItem(index),
@@ -8094,7 +8188,7 @@ var Repeater3 = ({
         actions: itemSettings.actions,
         value
       },
-      (props) => /* @__PURE__ */ React114.createElement(
+      (props) => /* @__PURE__ */ React116.createElement(
         itemSettings.Content,
         {
           ...props,
@@ -8136,16 +8230,16 @@ var RepeaterItem = ({
   );
   const triggerProps = bindTrigger7(popoverState);
   usePopoverDismiss({ isOpen: popoverState.isOpen, onClose: popoverProps.onClose });
-  const duplicateLabel = __56("Duplicate", "elementor");
-  const toggleLabel = propDisabled ? __56("Show", "elementor") : __56("Hide", "elementor");
-  const removeLabel = __56("Remove", "elementor");
-  return /* @__PURE__ */ React114.createElement(Box27, { sx: { display: "contents" } }, /* @__PURE__ */ React114.createElement(
+  const duplicateLabel = __57("Duplicate", "elementor");
+  const toggleLabel = propDisabled ? __57("Show", "elementor") : __57("Hide", "elementor");
+  const removeLabel = __57("Remove", "elementor");
+  return /* @__PURE__ */ React116.createElement(Box27, { sx: { display: "contents" } }, /* @__PURE__ */ React116.createElement(
     RepeaterTag,
     {
       disabled,
       label,
       ref: setRef,
-      "aria-label": __56("Open item", "elementor"),
+      "aria-label": __57("Open item", "elementor"),
       ...triggerProps,
       onClick: (e) => {
         triggerProps.onClick(e);
@@ -8154,9 +8248,9 @@ var RepeaterItem = ({
         }
       },
       startIcon,
-      actions: /* @__PURE__ */ React114.createElement(React114.Fragment, null, showDuplicate && /* @__PURE__ */ React114.createElement(Tooltip12, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React114.createElement(IconButton10, { size: SIZE11, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React114.createElement(CopyIcon2, { fontSize: SIZE11 }))), showToggle && /* @__PURE__ */ React114.createElement(Tooltip12, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React114.createElement(IconButton10, { size: SIZE11, onClick: toggleDisableItem, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React114.createElement(EyeOffIcon2, { fontSize: SIZE11 }) : /* @__PURE__ */ React114.createElement(EyeIcon2, { fontSize: SIZE11 }))), actions?.(value), showRemove && /* @__PURE__ */ React114.createElement(Tooltip12, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React114.createElement(IconButton10, { size: SIZE11, onClick: removeItem, "aria-label": removeLabel }, /* @__PURE__ */ React114.createElement(XIcon4, { fontSize: SIZE11 }))))
+      actions: /* @__PURE__ */ React116.createElement(React116.Fragment, null, showDuplicate && /* @__PURE__ */ React116.createElement(Tooltip12, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React116.createElement(IconButton10, { size: SIZE11, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React116.createElement(CopyIcon2, { fontSize: SIZE11 }))), showToggle && /* @__PURE__ */ React116.createElement(Tooltip12, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React116.createElement(IconButton10, { size: SIZE11, onClick: toggleDisableItem, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React116.createElement(EyeOffIcon2, { fontSize: SIZE11 }) : /* @__PURE__ */ React116.createElement(EyeIcon2, { fontSize: SIZE11 }))), actions?.(value), showRemove && /* @__PURE__ */ React116.createElement(Tooltip12, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React116.createElement(IconButton10, { size: SIZE11, onClick: removeItem, "aria-label": removeLabel }, /* @__PURE__ */ React116.createElement(XIcon4, { fontSize: SIZE11 }))))
     }
-  ), /* @__PURE__ */ React114.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React114.createElement(Box27, null, children({ anchorEl: ref }))));
+  ), /* @__PURE__ */ React116.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React116.createElement(Box27, null, children({ anchorEl: ref }))));
 };
 var usePopover = (openOnMount, onOpen, onPopoverClose) => {
   const [ref, setRef] = useState20(null);
@@ -8181,7 +8275,7 @@ var usePopover = (openOnMount, onOpen, onPopoverClose) => {
 };
 
 // src/components/inline-editor-toolbar.tsx
-import * as React116 from "react";
+import * as React118 from "react";
 import { useEffect as useEffect20, useMemo as useMemo17, useRef as useRef31, useState as useState21 } from "react";
 import { getContainer as getContainer2, getElementSetting } from "@elementor/editor-elements";
 import {
@@ -8204,14 +8298,14 @@ import {
   usePopupState as usePopupState11
 } from "@elementor/ui";
 import { useEditorState } from "@tiptap/react";
-import { __ as __58 } from "@wordpress/i18n";
+import { __ as __59 } from "@wordpress/i18n";
 
 // src/components/url-popover.tsx
-import * as React115 from "react";
+import * as React117 from "react";
 import { useEffect as useEffect19, useRef as useRef30 } from "react";
 import { ExternalLinkIcon } from "@elementor/icons";
-import { bindPopover as bindPopover9, Popover as Popover8, Stack as Stack20, TextField as TextField10, ToggleButton as ToggleButton2, Tooltip as Tooltip13 } from "@elementor/ui";
-import { __ as __57 } from "@wordpress/i18n";
+import { bindPopover as bindPopover9, Popover as Popover8, Stack as Stack21, TextField as TextField10, ToggleButton as ToggleButton2, Tooltip as Tooltip13 } from "@elementor/ui";
+import { __ as __58 } from "@wordpress/i18n";
 var UrlPopover = ({
   popupState,
   restoreValue,
@@ -8231,7 +8325,7 @@ var UrlPopover = ({
     restoreValue();
     popupState.close();
   };
-  return /* @__PURE__ */ React115.createElement(
+  return /* @__PURE__ */ React117.createElement(
     Popover8,
     {
       slotProps: {
@@ -8242,30 +8336,30 @@ var UrlPopover = ({
       transformOrigin: { vertical: "top", horizontal: "left" },
       onClose: handleClose
     },
-    /* @__PURE__ */ React115.createElement(Stack20, { direction: "row", alignItems: "center", gap: 1, sx: { p: 1.5 } }, /* @__PURE__ */ React115.createElement(
+    /* @__PURE__ */ React117.createElement(Stack21, { direction: "row", alignItems: "center", gap: 1, sx: { p: 1.5 } }, /* @__PURE__ */ React117.createElement(
       TextField10,
       {
         value,
         onChange,
         size: "tiny",
         fullWidth: true,
-        placeholder: __57("Type a URL", "elementor"),
+        placeholder: __58("Type a URL", "elementor"),
         inputProps: { ref: inputRef },
         color: "secondary",
         InputProps: { sx: { borderRadius: "8px" } },
         onKeyUp: (event) => event.key === "Enter" && handleClose()
       }
-    ), /* @__PURE__ */ React115.createElement(Tooltip13, { title: __57("Open in a new tab", "elementor") }, /* @__PURE__ */ React115.createElement(
+    ), /* @__PURE__ */ React117.createElement(Tooltip13, { title: __58("Open in a new tab", "elementor") }, /* @__PURE__ */ React117.createElement(
       ToggleButton2,
       {
         size: "tiny",
         value: "newTab",
         selected: openInNewTab,
         onClick: onToggleNewTab,
-        "aria-label": __57("Open in a new tab", "elementor"),
+        "aria-label": __58("Open in a new tab", "elementor"),
         sx: { borderRadius: "8px" }
       },
-      /* @__PURE__ */ React115.createElement(ExternalLinkIcon, { fontSize: "tiny" })
+      /* @__PURE__ */ React117.createElement(ExternalLinkIcon, { fontSize: "tiny" })
     )))
   );
 };
@@ -8321,7 +8415,7 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
   useEffect20(() => {
     editor?.commands?.focus();
   }, [editor]);
-  return /* @__PURE__ */ React116.createElement(
+  return /* @__PURE__ */ React118.createElement(
     Box28,
     {
       ref: toolbarRef,
@@ -8338,8 +8432,8 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
         ...sx
       }
     },
-    /* @__PURE__ */ React116.createElement(Tooltip14, { title: clearButton.label, placement: "top", sx: { borderRadius: "8px" } }, /* @__PURE__ */ React116.createElement(IconButton11, { "aria-label": clearButton.label, onClick: () => clearButton.method(editor), size: "tiny" }, clearButton.icon)),
-    /* @__PURE__ */ React116.createElement(
+    /* @__PURE__ */ React118.createElement(Tooltip14, { title: clearButton.label, placement: "top", sx: { borderRadius: "8px" } }, /* @__PURE__ */ React118.createElement(IconButton11, { "aria-label": clearButton.label, onClick: () => clearButton.method(editor), size: "tiny" }, clearButton.icon)),
+    /* @__PURE__ */ React118.createElement(
       ToggleButtonGroup2,
       {
         value: editorState,
@@ -8361,7 +8455,7 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
           }
         }
       },
-      formatButtonsList.map((button) => /* @__PURE__ */ React116.createElement(Tooltip14, { title: button.label, key: button.action, placement: "top" }, /* @__PURE__ */ React116.createElement(
+      formatButtonsList.map((button) => /* @__PURE__ */ React118.createElement(Tooltip14, { title: button.label, key: button.action, placement: "top" }, /* @__PURE__ */ React118.createElement(
         ToggleButton3,
         {
           value: button.action,
@@ -8379,7 +8473,7 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
         button.icon
       )))
     ),
-    /* @__PURE__ */ React116.createElement(
+    /* @__PURE__ */ React118.createElement(
       UrlPopover,
       {
         popupState: linkPopupState,
@@ -8402,64 +8496,64 @@ var checkIfElementIsClickable = (elementId) => {
 };
 var toolbarButtons = {
   clear: {
-    label: __58("Clear", "elementor"),
-    icon: /* @__PURE__ */ React116.createElement(MinusIcon2, { fontSize: "tiny" }),
+    label: __59("Clear", "elementor"),
+    icon: /* @__PURE__ */ React118.createElement(MinusIcon2, { fontSize: "tiny" }),
     action: "clear",
     method: (editor) => {
       editor.chain().focus().clearNodes().unsetAllMarks().run();
     }
   },
   bold: {
-    label: __58("Bold", "elementor"),
-    icon: /* @__PURE__ */ React116.createElement(BoldIcon, { fontSize: "tiny" }),
+    label: __59("Bold", "elementor"),
+    icon: /* @__PURE__ */ React118.createElement(BoldIcon, { fontSize: "tiny" }),
     action: "bold",
     method: (editor) => {
       editor.chain().focus().toggleBold().run();
     }
   },
   italic: {
-    label: __58("Italic", "elementor"),
-    icon: /* @__PURE__ */ React116.createElement(ItalicIcon, { fontSize: "tiny" }),
+    label: __59("Italic", "elementor"),
+    icon: /* @__PURE__ */ React118.createElement(ItalicIcon, { fontSize: "tiny" }),
     action: "italic",
     method: (editor) => {
       editor.chain().focus().toggleItalic().run();
     }
   },
   underline: {
-    label: __58("Underline", "elementor"),
-    icon: /* @__PURE__ */ React116.createElement(UnderlineIcon, { fontSize: "tiny" }),
+    label: __59("Underline", "elementor"),
+    icon: /* @__PURE__ */ React118.createElement(UnderlineIcon, { fontSize: "tiny" }),
     action: "underline",
     method: (editor) => {
       editor.chain().focus().toggleUnderline().run();
     }
   },
   strike: {
-    label: __58("Strikethrough", "elementor"),
-    icon: /* @__PURE__ */ React116.createElement(StrikethroughIcon, { fontSize: "tiny" }),
+    label: __59("Strikethrough", "elementor"),
+    icon: /* @__PURE__ */ React118.createElement(StrikethroughIcon, { fontSize: "tiny" }),
     action: "strike",
     method: (editor) => {
       editor.chain().focus().toggleStrike().run();
     }
   },
   superscript: {
-    label: __58("Superscript", "elementor"),
-    icon: /* @__PURE__ */ React116.createElement(SuperscriptIcon, { fontSize: "tiny" }),
+    label: __59("Superscript", "elementor"),
+    icon: /* @__PURE__ */ React118.createElement(SuperscriptIcon, { fontSize: "tiny" }),
     action: "superscript",
     method: (editor) => {
       editor.chain().focus().toggleSuperscript().run();
     }
   },
   subscript: {
-    label: __58("Subscript", "elementor"),
-    icon: /* @__PURE__ */ React116.createElement(SubscriptIcon, { fontSize: "tiny" }),
+    label: __59("Subscript", "elementor"),
+    icon: /* @__PURE__ */ React118.createElement(SubscriptIcon, { fontSize: "tiny" }),
     action: "subscript",
     method: (editor) => {
       editor.chain().focus().toggleSubscript().run();
     }
   },
   link: {
-    label: __58("Link", "elementor"),
-    icon: /* @__PURE__ */ React116.createElement(LinkIcon3, { fontSize: "tiny" }),
+    label: __59("Link", "elementor"),
+    icon: /* @__PURE__ */ React118.createElement(LinkIcon3, { fontSize: "tiny" }),
     action: "link",
     method: null
   }
@@ -8468,7 +8562,7 @@ var { clear: clearButton, ...formatButtons } = toolbarButtons;
 var possibleFormats = Object.keys(formatButtons);
 
 // src/components/size/unstable-size-field.tsx
-import * as React119 from "react";
+import * as React121 from "react";
 import { InputAdornment as InputAdornment6 } from "@elementor/ui";
 
 // src/hooks/use-size-value.ts
@@ -8511,7 +8605,7 @@ var differsFromExternal = (newState, externalState) => {
 };
 
 // src/components/size/unit-select.tsx
-import * as React117 from "react";
+import * as React119 from "react";
 import { useId as useId4 } from "react";
 import { MenuListItem as MenuListItem8 } from "@elementor/editor-ui";
 import { bindMenu as bindMenu3, bindTrigger as bindTrigger8, Button as Button7, Menu as Menu4, styled as styled12, usePopupState as usePopupState12 } from "@elementor/ui";
@@ -8529,7 +8623,7 @@ var UnitSelect = ({ value, showPrimaryColor, onClick, options }) => {
     onClick(options[index]);
     popupState.close();
   };
-  return /* @__PURE__ */ React117.createElement(React117.Fragment, null, /* @__PURE__ */ React117.createElement(StyledButton3, { isPrimaryColor: showPrimaryColor, size: "small", ...bindTrigger8(popupState) }, value), /* @__PURE__ */ React117.createElement(Menu4, { MenuListProps: { dense: true }, ...bindMenu3(popupState) }, options.map((option, index) => /* @__PURE__ */ React117.createElement(
+  return /* @__PURE__ */ React119.createElement(React119.Fragment, null, /* @__PURE__ */ React119.createElement(StyledButton3, { isPrimaryColor: showPrimaryColor, size: "small", ...bindTrigger8(popupState) }, value), /* @__PURE__ */ React119.createElement(Menu4, { MenuListProps: { dense: true }, ...bindMenu3(popupState) }, options.map((option, index) => /* @__PURE__ */ React119.createElement(
     MenuListItem8,
     {
       key: option,
@@ -8558,11 +8652,11 @@ var StyledButton3 = styled12(Button7, {
 }));
 
 // src/components/size/unstable-size-input.tsx
-import * as React118 from "react";
+import * as React120 from "react";
 import { forwardRef as forwardRef13 } from "react";
 var UnstableSizeInput = forwardRef13(
   ({ type, value, onChange, onKeyDown, onKeyUp, InputProps, onBlur, focused, disabled }, ref) => {
-    return /* @__PURE__ */ React118.createElement(
+    return /* @__PURE__ */ React120.createElement(
       NumberInput,
       {
         ref,
@@ -8600,7 +8694,7 @@ var UnstableSizeField = ({
   const shouldHighlightUnit2 = () => {
     return hasValue(size);
   };
-  return /* @__PURE__ */ React119.createElement(
+  return /* @__PURE__ */ React121.createElement(
     UnstableSizeInput,
     {
       type: "number",
@@ -8609,8 +8703,8 @@ var UnstableSizeField = ({
       onChange: (event) => setSize(event.target.value),
       InputProps: {
         ...InputProps,
-        startAdornment: startIcon && /* @__PURE__ */ React119.createElement(InputAdornment6, { position: "start" }, startIcon),
-        endAdornment: /* @__PURE__ */ React119.createElement(InputAdornment6, { position: "end" }, /* @__PURE__ */ React119.createElement(
+        startAdornment: startIcon && /* @__PURE__ */ React121.createElement(InputAdornment6, { position: "start" }, startIcon),
+        endAdornment: /* @__PURE__ */ React121.createElement(InputAdornment6, { position: "end" }, /* @__PURE__ */ React121.createElement(
           UnitSelect,
           {
             options: units2,
@@ -8672,6 +8766,7 @@ export {
   ControlFormLabel,
   ControlReplacementsProvider,
   ControlToggleButtonGroup,
+  DateRangeControl,
   DateTimeControl,
   DisplayConditionsControl,
   EmailFormActionControl,