@elementor/editor-controls 4.1.0-832 → 4.1.0-834

package/dist/index.js

@@ -84,6 +84,8 @@ __export(index_exports, {
   SwitchControl: () => SwitchControl,
   TextAreaControl: () => TextAreaControl,
   TextControl: () => TextControl,
+  TimeRangeControl: () => TimeRangeControl,
+  TimeStringControl: () => TimeStringControl,
   ToggleButtonGroupUi: () => ToggleButtonGroupUi,
   ToggleControl: () => ToggleControl,
   TransformRepeaterControl: () => TransformRepeaterControl,
@@ -7433,40 +7435,16 @@ var import_i18n53 = require("@wordpress/i18n");
 
 // src/controls/date-string-control.tsx
 var React107 = __toESM(require("react"));
-var dayjs2 = __toESM(require("dayjs"));
 var import_editor_props56 = require("@elementor/editor-props");
 var import_ui91 = require("@elementor/ui");
+
+// src/utils/date-time.ts
+var dayjs2 = __toESM(require("dayjs"));
 var DATE_FORMAT2 = "YYYY-MM-DD";
-var DateStringControl = createControl(({ inputDisabled, ariaLabel, error }) => {
-  const { value, setValue, disabled } = useBoundProp(import_editor_props56.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(import_ui91.LocalizationProvider, null, /* @__PURE__ */ React107.createElement(ControlActions, null, /* @__PURE__ */ React107.createElement(
-    import_ui91.DatePicker,
-    {
-      value: parseDateString(value ?? ""),
-      onChange: (newValue) => handleChange(newValue, DATE_FORMAT2),
-      disabled: isDisabled,
-      slotProps
-    }
-  )));
-});
+var TIME_FORMAT2 = "HH:mm";
+function isValidDayjs(value) {
+  return !!value && typeof value.isValid === "function" && value.isValid();
+}
 function parseDateString(raw) {
   if (!raw) {
     return null;
@@ -7474,17 +7452,66 @@ function parseDateString(raw) {
   const parsed = dayjs2.default(raw);
   return isValidDayjs(parsed) ? parsed : null;
 }
-function isValidDayjs(value) {
-  return !!value && typeof value.isValid === "function" && value.isValid();
+function parseTimeString(raw) {
+  if (!raw) {
+    return null;
+  }
+  const [hours, minutes, seconds] = raw.split(":");
+  const h = Number.parseInt(hours ?? "", 10);
+  const m = Number.parseInt(minutes ?? "", 10);
+  const s = Number.parseInt(seconds ?? "0", 10);
+  if (Number.isNaN(h) || Number.isNaN(m)) {
+    return null;
+  }
+  const base = dayjs2.default();
+  return base.hour(h).minute(m).second(Number.isNaN(s) ? 0 : s).millisecond(0);
 }
 
+// src/controls/date-string-control.tsx
+var DateStringControl = createControl(
+  ({ inputDisabled, ariaLabel, error, coerceInvalidToNull = false }) => {
+    const { value, setValue, disabled } = useBoundProp(import_editor_props56.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;
+      }
+      if (coerceInvalidToNull && !isValidDayjs(newValue)) {
+        setValue(null);
+        return;
+      }
+      setValue(newValue.format(format));
+    };
+    return /* @__PURE__ */ React107.createElement(import_ui91.LocalizationProvider, null, /* @__PURE__ */ React107.createElement(ControlActions, null, /* @__PURE__ */ React107.createElement(
+      import_ui91.DatePicker,
+      {
+        value: parseDateString(value ?? ""),
+        onChange: (newValue) => handleChange(newValue, DATE_FORMAT2),
+        disabled: isDisabled,
+        slotProps
+      }
+    )));
+  }
+);
+
 // src/controls/date-range-control.tsx
 var RANGE_LABELS = {
   min: (0, import_i18n53.__)("Min date", "elementor"),
   max: (0, import_i18n53.__)("Max date", "elementor")
 };
 var isMaxBeforeMin = (minIso, maxIso) => {
-  if (!minIso || !maxIso || [minIso, maxIso].some((v) => v === "Invalid Date")) {
+  if (!minIso || !maxIso) {
     return false;
   }
   return maxIso < minIso;
@@ -7516,20 +7543,78 @@ var BoundDateStringControl = ({
   ariaLabel,
   error
 }) => {
-  return /* @__PURE__ */ React108.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React108.createElement(DateStringControl, { ariaLabel, error }));
+  return /* @__PURE__ */ React108.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React108.createElement(DateStringControl, { ariaLabel, error, coerceInvalidToNull: true }));
 };
 
-// src/controls/inline-editing-control.tsx
-var React110 = __toESM(require("react"));
-var import_react66 = require("react");
+// src/controls/time-string-control.tsx
+var React109 = __toESM(require("react"));
 var import_editor_props58 = require("@elementor/editor-props");
+var import_ui93 = require("@elementor/ui");
+var TimeStringControl = createControl(
+  ({ inputDisabled, ariaLabel, error, coerceInvalidToNull = false }) => {
+    const { value, setValue, disabled } = useBoundProp(import_editor_props58.timeStringPropTypeUtil);
+    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;
+      }
+      if (coerceInvalidToNull && !isValidDayjs(newValue)) {
+        setValue(null);
+        return;
+      }
+      setValue(newValue.format(format));
+    };
+    return /* @__PURE__ */ React109.createElement(import_ui93.LocalizationProvider, null, /* @__PURE__ */ React109.createElement(ControlActions, null, /* @__PURE__ */ React109.createElement(
+      import_ui93.TimePicker,
+      {
+        value: parseTimeString(value ?? ""),
+        onChange: (newValue) => handleChange(newValue, TIME_FORMAT2),
+        disabled: isDisabled,
+        slotProps
+      }
+    )));
+  }
+);
+
+// src/controls/time-range-control.tsx
+var React110 = __toESM(require("react"));
+var import_editor_props59 = require("@elementor/editor-props");
 var import_ui94 = require("@elementor/ui");
+var import_i18n54 = require("@wordpress/i18n");
+var RANGE_LABELS2 = {
+  min: (0, import_i18n54.__)("Start time", "elementor"),
+  max: (0, import_i18n54.__)("End time", "elementor")
+};
+var TimeRangeControl = createControl(() => {
+  const { value, setValue, ...propContext } = useBoundProp(import_editor_props59.timeRangePropTypeUtil);
+  return /* @__PURE__ */ React110.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React110.createElement(import_ui94.Stack, { direction: "row", gap: 2, flexWrap: "nowrap" }, /* @__PURE__ */ React110.createElement(import_ui94.Grid, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React110.createElement(import_ui94.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React110.createElement(ControlFormLabel, null, RANGE_LABELS2.min)), /* @__PURE__ */ React110.createElement(import_ui94.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React110.createElement(BoundTimeStringControl, { bind: "min", ariaLabel: RANGE_LABELS2.min }))), /* @__PURE__ */ React110.createElement(import_ui94.Grid, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React110.createElement(import_ui94.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React110.createElement(ControlFormLabel, null, RANGE_LABELS2.max)), /* @__PURE__ */ React110.createElement(import_ui94.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React110.createElement(BoundTimeStringControl, { bind: "max", ariaLabel: RANGE_LABELS2.max })))));
+});
+var BoundTimeStringControl = ({ bind, ariaLabel }) => {
+  return /* @__PURE__ */ React110.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React110.createElement(TimeStringControl, { ariaLabel, coerceInvalidToNull: true }));
+};
+
+// src/controls/inline-editing-control.tsx
+var React112 = __toESM(require("react"));
+var import_react66 = require("react");
+var import_editor_props60 = require("@elementor/editor-props");
+var import_ui96 = require("@elementor/ui");
 var import_utils8 = require("@elementor/utils");
 
 // src/components/inline-editor.tsx
-var React109 = __toESM(require("react"));
+var React111 = __toESM(require("react"));
 var import_react64 = require("react");
-var import_ui93 = require("@elementor/ui");
+var import_ui95 = require("@elementor/ui");
 var import_extension_bold = __toESM(require("@tiptap/extension-bold"));
 var import_extension_document = __toESM(require("@tiptap/extension-document"));
 var import_extension_hard_break = __toESM(require("@tiptap/extension-hard-break"));
@@ -7566,7 +7651,7 @@ function htmlToPlainText(html) {
 var ITALIC_KEYBOARD_SHORTCUT = "i";
 var BOLD_KEYBOARD_SHORTCUT = "b";
 var UNDERLINE_KEYBOARD_SHORTCUT = "u";
-var InlineEditor = React109.forwardRef((props, ref) => {
+var InlineEditor = React111.forwardRef((props, ref) => {
   const {
     value,
     setValue,
@@ -7677,7 +7762,7 @@ var InlineEditor = React109.forwardRef((props, ref) => {
   if (mountElement) {
     return null;
   }
-  return /* @__PURE__ */ React109.createElement(import_ui93.Box, { ref: containerRef, sx, className: wrapperClassName }, /* @__PURE__ */ React109.createElement(import_react65.EditorContent, { ref, editor }));
+  return /* @__PURE__ */ React111.createElement(import_ui95.Box, { ref: containerRef, sx, className: wrapperClassName }, /* @__PURE__ */ React111.createElement(import_react65.EditorContent, { ref, editor }));
 });
 var useOnUpdate = (callback, dependencies) => {
   const hasMounted = (0, import_react64.useRef)(false);
@@ -7698,13 +7783,13 @@ var InlineEditingControl = createControl(
     attributes,
     props
   }) => {
-    const { value, setValue, placeholder } = useBoundProp(import_editor_props58.htmlV3PropTypeUtil);
-    const content = import_editor_props58.stringPropTypeUtil.extract(value?.content ?? null) ?? "";
+    const { value, setValue, placeholder } = useBoundProp(import_editor_props60.htmlV3PropTypeUtil);
+    const content = import_editor_props60.stringPropTypeUtil.extract(value?.content ?? null) ?? "";
     const debouncedParse = (0, import_react66.useMemo)(
       () => (0, import_utils8.debounce)((html) => {
-        const parsed = (0, import_editor_props58.parseHtmlChildren)(html);
+        const parsed = (0, import_editor_props60.parseHtmlChildren)(html);
         setValue({
-          content: parsed.content ? import_editor_props58.stringPropTypeUtil.create(parsed.content) : null,
+          content: parsed.content ? import_editor_props60.stringPropTypeUtil.create(parsed.content) : null,
           children: parsed.children
         });
       }, CHILDREN_PARSE_DEBOUNCE_MS),
@@ -7714,7 +7799,7 @@ var InlineEditingControl = createControl(
       (newValue) => {
         const html = newValue ?? "";
         setValue({
-          content: html ? import_editor_props58.stringPropTypeUtil.create(html) : null,
+          content: html ? import_editor_props60.stringPropTypeUtil.create(html) : null,
           children: value?.children ?? []
         });
         debouncedParse(html);
@@ -7722,8 +7807,8 @@ var InlineEditingControl = createControl(
       [setValue, value?.children, debouncedParse]
     );
     (0, import_react66.useEffect)(() => () => debouncedParse.cancel(), [debouncedParse]);
-    return /* @__PURE__ */ React110.createElement(ControlActions, null, /* @__PURE__ */ React110.createElement(
-      import_ui94.Box,
+    return /* @__PURE__ */ React112.createElement(ControlActions, null, /* @__PURE__ */ React112.createElement(
+      import_ui96.Box,
       {
         sx: {
           p: 0.8,
@@ -7767,7 +7852,7 @@ var InlineEditingControl = createControl(
         ...attributes,
         ...props
       },
-      /* @__PURE__ */ React110.createElement(
+      /* @__PURE__ */ React112.createElement(
         InlineEditor,
         {
           value: content,
@@ -7780,23 +7865,25 @@ var InlineEditingControl = createControl(
 );
 
 // src/controls/email-form-action-control.tsx
-var React111 = __toESM(require("react"));
-var import_editor_props60 = require("@elementor/editor-props");
+var React113 = __toESM(require("react"));
+var import_editor_props62 = require("@elementor/editor-props");
 var import_editor_ui15 = require("@elementor/editor-ui");
-var import_ui95 = require("@elementor/ui");
+var import_ui97 = require("@elementor/ui");
 var import_utils9 = require("@elementor/utils");
-var import_i18n54 = require("@wordpress/i18n");
+var import_i18n55 = require("@wordpress/i18n");
 
 // src/hooks/use-form-field-suggestions.ts
 var import_editor_elements6 = require("@elementor/editor-elements");
-var import_editor_props59 = require("@elementor/editor-props");
+var import_editor_props61 = require("@elementor/editor-props");
 var import_editor_v1_adapters = require("@elementor/editor-v1-adapters");
 var FORM_FIELD_WIDGET_TYPES = [
   "e-form-input",
   "e-form-textarea",
   "e-form-checkbox",
   "e-form-radio-button",
-  "e-form-select"
+  "e-form-select",
+  "e-form-date-picker",
+  "e-form-time-picker"
 ];
 function useFormFieldSuggestions(options) {
   return (0, import_editor_v1_adapters.__privateUseListenTo)(
@@ -7824,13 +7911,13 @@ function useFormFieldSuggestions(options) {
         }
         if (options?.inputType) {
           const typeProp = child.settings.get("type");
-          const typeValue = (0, import_editor_props59.isTransformable)(typeProp) ? typeProp.value : typeProp;
+          const typeValue = (0, import_editor_props61.isTransformable)(typeProp) ? typeProp.value : typeProp;
           if (typeValue !== options.inputType) {
             return;
           }
         }
         const cssIdProp = child.settings.get("_cssid");
-        const fieldId = (0, import_editor_props59.isTransformable)(cssIdProp) ? cssIdProp.value : cssIdProp;
+        const fieldId = (0, import_editor_props61.isTransformable)(cssIdProp) ? cssIdProp.value : cssIdProp;
         if (fieldId && typeof fieldId === "string") {
           suggestions.push({ label: fieldId, value: fieldId });
         }
@@ -7842,14 +7929,14 @@ function useFormFieldSuggestions(options) {
 }
 
 // src/controls/email-form-action-control.tsx
-var EmailField = ({ bind, label, placeholder }) => /* @__PURE__ */ React111.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React111.createElement(import_ui95.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React111.createElement(import_ui95.Grid, { item: true }, /* @__PURE__ */ React111.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React111.createElement(import_ui95.Grid, { item: true }, /* @__PURE__ */ React111.createElement(TextControl, { placeholder }))));
-var SendToField = ({ placeholder }) => /* @__PURE__ */ React111.createElement(EmailField, { bind: "to", label: (0, import_i18n54.__)("Send to", "elementor"), placeholder });
-var SubjectField = () => /* @__PURE__ */ React111.createElement(
+var EmailField = ({ bind, label, placeholder }) => /* @__PURE__ */ React113.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React113.createElement(import_ui97.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React113.createElement(import_ui97.Grid, { item: true }, /* @__PURE__ */ React113.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React113.createElement(import_ui97.Grid, { item: true }, /* @__PURE__ */ React113.createElement(TextControl, { placeholder }))));
+var SendToField = ({ placeholder }) => /* @__PURE__ */ React113.createElement(EmailField, { bind: "to", label: (0, import_i18n55.__)("Send to", "elementor"), placeholder });
+var SubjectField = () => /* @__PURE__ */ React113.createElement(
   EmailField,
   {
     bind: "subject",
-    label: (0, import_i18n54.__)("Email subject", "elementor"),
-    placeholder: (0, import_i18n54.__)("New form submission", "elementor")
+    label: (0, import_i18n55.__)("Email subject", "elementor"),
+    placeholder: (0, import_i18n55.__)("New form submission", "elementor")
   }
 );
 var MIN_PRO_VERSION_FOR_MENTIONS = "4.1.0";
@@ -7865,92 +7952,92 @@ var shouldShowMentionsInfo = () => {
 };
 var MessageField = () => {
   const suggestions = useFormFieldSuggestions();
-  return /* @__PURE__ */ React111.createElement(PropKeyProvider, { bind: "message" }, /* @__PURE__ */ React111.createElement(import_ui95.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React111.createElement(import_ui95.Grid, { item: true }, /* @__PURE__ */ React111.createElement(ControlFormLabel, null, (0, import_i18n54.__)("Message", "elementor"))), /* @__PURE__ */ React111.createElement(import_ui95.Grid, { item: true }, /* @__PURE__ */ React111.createElement(MentionTextAreaControl, { suggestions })), /* @__PURE__ */ React111.createElement(import_ui95.Grid, { item: true }, /* @__PURE__ */ React111.createElement(import_editor_ui15.InfoAlert, null, shouldShowMentionsInfo() ? (0, import_i18n54.__)(
+  return /* @__PURE__ */ React113.createElement(PropKeyProvider, { bind: "message" }, /* @__PURE__ */ React113.createElement(import_ui97.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React113.createElement(import_ui97.Grid, { item: true }, /* @__PURE__ */ React113.createElement(ControlFormLabel, null, (0, import_i18n55.__)("Message", "elementor"))), /* @__PURE__ */ React113.createElement(import_ui97.Grid, { item: true }, /* @__PURE__ */ React113.createElement(MentionTextAreaControl, { suggestions })), /* @__PURE__ */ React113.createElement(import_ui97.Grid, { item: true }, /* @__PURE__ */ React113.createElement(import_editor_ui15.InfoAlert, null, shouldShowMentionsInfo() ? (0, import_i18n55.__)(
     "[all-fields] shortcode sends all fields. Type @ to insert specific fields and customize your message.",
     "elementor"
-  ) : (0, import_i18n54.__)("[all-fields] shortcode sends all fields.", "elementor")))));
+  ) : (0, import_i18n55.__)("[all-fields] shortcode sends all fields.", "elementor")))));
 };
-var FromEmailField = () => /* @__PURE__ */ React111.createElement(
+var FromEmailField = () => /* @__PURE__ */ React113.createElement(
   EmailField,
   {
     bind: "from",
-    label: (0, import_i18n54.__)("From email", "elementor"),
-    placeholder: (0, import_i18n54.__)("What email should appear as the sender?", "elementor")
+    label: (0, import_i18n55.__)("From email", "elementor"),
+    placeholder: (0, import_i18n55.__)("What email should appear as the sender?", "elementor")
   }
 );
-var FromNameField = () => /* @__PURE__ */ React111.createElement(
+var FromNameField = () => /* @__PURE__ */ React113.createElement(
   EmailField,
   {
     bind: "from-name",
-    label: (0, import_i18n54.__)("From name", "elementor"),
-    placeholder: (0, import_i18n54.__)("What name should appear as the sender?", "elementor")
+    label: (0, import_i18n55.__)("From name", "elementor"),
+    placeholder: (0, import_i18n55.__)("What name should appear as the sender?", "elementor")
   }
 );
 var ReplyToField = () => {
   const emailSuggestions = useFormFieldSuggestions({ inputType: "email" });
-  return /* @__PURE__ */ React111.createElement(PropKeyProvider, { bind: "reply-to" }, /* @__PURE__ */ React111.createElement(import_ui95.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React111.createElement(import_ui95.Grid, { item: true }, /* @__PURE__ */ React111.createElement(ControlFormLabel, null, (0, import_i18n54.__)("Reply-to", "elementor"))), /* @__PURE__ */ React111.createElement(import_ui95.Grid, { item: true }, /* @__PURE__ */ React111.createElement(
+  return /* @__PURE__ */ React113.createElement(PropKeyProvider, { bind: "reply-to" }, /* @__PURE__ */ React113.createElement(import_ui97.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React113.createElement(import_ui97.Grid, { item: true }, /* @__PURE__ */ React113.createElement(ControlFormLabel, null, (0, import_i18n55.__)("Reply-to", "elementor"))), /* @__PURE__ */ React113.createElement(import_ui97.Grid, { item: true }, /* @__PURE__ */ React113.createElement(
     MentionTextAreaControl,
     {
       suggestions: emailSuggestions,
       rows: 1,
       triggerPosition: "start",
-      placeholder: (0, import_i18n54.__)("You can type @ to insert an email field", "elementor")
+      placeholder: (0, import_i18n55.__)("You can type @ to insert an email field", "elementor")
     }
   ))));
 };
-var CcField = () => /* @__PURE__ */ React111.createElement(EmailField, { bind: "cc", label: (0, import_i18n54.__)("Cc", "elementor") });
-var BccField = () => /* @__PURE__ */ React111.createElement(EmailField, { bind: "bcc", label: (0, import_i18n54.__)("Bcc", "elementor") });
-var MetaDataField = () => /* @__PURE__ */ React111.createElement(PropKeyProvider, { bind: "meta-data" }, /* @__PURE__ */ React111.createElement(import_ui95.Stack, { gap: 0.5 }, /* @__PURE__ */ React111.createElement(ControlFormLabel, null, (0, import_i18n54.__)("Metadata", "elementor")), /* @__PURE__ */ React111.createElement(
+var CcField = () => /* @__PURE__ */ React113.createElement(EmailField, { bind: "cc", label: (0, import_i18n55.__)("Cc", "elementor") });
+var BccField = () => /* @__PURE__ */ React113.createElement(EmailField, { bind: "bcc", label: (0, import_i18n55.__)("Bcc", "elementor") });
+var MetaDataField = () => /* @__PURE__ */ React113.createElement(PropKeyProvider, { bind: "meta-data" }, /* @__PURE__ */ React113.createElement(import_ui97.Stack, { gap: 0.5 }, /* @__PURE__ */ React113.createElement(ControlFormLabel, null, (0, import_i18n55.__)("Metadata", "elementor")), /* @__PURE__ */ React113.createElement(
   ChipsControl,
   {
     options: [
-      { label: (0, import_i18n54.__)("Date", "elementor"), value: "date" },
-      { label: (0, import_i18n54.__)("Time", "elementor"), value: "time" },
-      { label: (0, import_i18n54.__)("Page URL", "elementor"), value: "page-url" },
-      { label: (0, import_i18n54.__)("User agent", "elementor"), value: "user-agent" },
-      { label: (0, import_i18n54.__)("Credit", "elementor"), value: "credit" }
+      { label: (0, import_i18n55.__)("Date", "elementor"), value: "date" },
+      { label: (0, import_i18n55.__)("Time", "elementor"), value: "time" },
+      { label: (0, import_i18n55.__)("Page URL", "elementor"), value: "page-url" },
+      { label: (0, import_i18n55.__)("User agent", "elementor"), value: "user-agent" },
+      { label: (0, import_i18n55.__)("Credit", "elementor"), value: "credit" }
     ]
   }
 )));
-var SendAsField = () => /* @__PURE__ */ React111.createElement(PropKeyProvider, { bind: "send-as" }, /* @__PURE__ */ React111.createElement(import_ui95.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React111.createElement(import_ui95.Grid, { item: true }, /* @__PURE__ */ React111.createElement(ControlFormLabel, null, (0, import_i18n54.__)("Send as", "elementor"))), /* @__PURE__ */ React111.createElement(import_ui95.Grid, { item: true }, /* @__PURE__ */ React111.createElement(
+var SendAsField = () => /* @__PURE__ */ React113.createElement(PropKeyProvider, { bind: "send-as" }, /* @__PURE__ */ React113.createElement(import_ui97.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React113.createElement(import_ui97.Grid, { item: true }, /* @__PURE__ */ React113.createElement(ControlFormLabel, null, (0, import_i18n55.__)("Send as", "elementor"))), /* @__PURE__ */ React113.createElement(import_ui97.Grid, { item: true }, /* @__PURE__ */ React113.createElement(
   SelectControl,
   {
     options: [
-      { label: (0, import_i18n54.__)("HTML", "elementor"), value: "html" },
-      { label: (0, import_i18n54.__)("Plain Text", "elementor"), value: "plain" }
+      { label: (0, import_i18n55.__)("HTML", "elementor"), value: "html" },
+      { label: (0, import_i18n55.__)("Plain Text", "elementor"), value: "plain" }
     ]
   }
 ))));
-var AdvancedSettings = () => /* @__PURE__ */ React111.createElement(import_editor_ui15.CollapsibleContent, { defaultOpen: false }, /* @__PURE__ */ React111.createElement(import_ui95.Box, { sx: { pt: 2 } }, /* @__PURE__ */ React111.createElement(import_ui95.Stack, { 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(import_ui95.Divider, null), /* @__PURE__ */ React111.createElement(MetaDataField, null), /* @__PURE__ */ React111.createElement(SendAsField, null))));
+var AdvancedSettings = () => /* @__PURE__ */ React113.createElement(import_editor_ui15.CollapsibleContent, { defaultOpen: false }, /* @__PURE__ */ React113.createElement(import_ui97.Box, { sx: { pt: 2 } }, /* @__PURE__ */ React113.createElement(import_ui97.Stack, { gap: 2 }, /* @__PURE__ */ React113.createElement(FromNameField, null), /* @__PURE__ */ React113.createElement(ReplyToField, null), /* @__PURE__ */ React113.createElement(CcField, null), /* @__PURE__ */ React113.createElement(BccField, null), /* @__PURE__ */ React113.createElement(import_ui97.Divider, null), /* @__PURE__ */ React113.createElement(MetaDataField, null), /* @__PURE__ */ React113.createElement(SendAsField, null))));
 var EmailFormActionControl = createControl(({ toPlaceholder }) => {
-  const { value, setValue, ...propContext } = useBoundProp(import_editor_props60.emailPropTypeUtil);
-  return /* @__PURE__ */ React111.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React111.createElement(import_ui95.Stack, { gap: 2 }, /* @__PURE__ */ React111.createElement(ControlLabel, null, (0, import_i18n54.__)("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)));
+  const { value, setValue, ...propContext } = useBoundProp(import_editor_props62.emailPropTypeUtil);
+  return /* @__PURE__ */ React113.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React113.createElement(import_ui97.Stack, { gap: 2 }, /* @__PURE__ */ React113.createElement(ControlLabel, null, (0, import_i18n55.__)("Email settings", "elementor")), /* @__PURE__ */ React113.createElement(SendToField, { placeholder: toPlaceholder }), /* @__PURE__ */ React113.createElement(SubjectField, null), /* @__PURE__ */ React113.createElement(MessageField, null), /* @__PURE__ */ React113.createElement(FromEmailField, null), /* @__PURE__ */ React113.createElement(AdvancedSettings, null)));
 });
 
 // src/controls/attachment-type-control.tsx
-var React112 = __toESM(require("react"));
+var React114 = __toESM(require("react"));
 var import_editor_ui16 = require("@elementor/editor-ui");
-var import_ui96 = require("@elementor/ui");
-var import_i18n55 = require("@wordpress/i18n");
+var import_ui98 = require("@elementor/ui");
+var import_i18n56 = require("@wordpress/i18n");
 var AttachmentTypeControl = createControl(({ label, options }) => {
-  return /* @__PURE__ */ React112.createElement(import_ui96.Grid, { container: true, direction: "column", gap: 1 }, label && /* @__PURE__ */ React112.createElement(import_ui96.Grid, { item: true }, /* @__PURE__ */ React112.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React112.createElement(import_ui96.Grid, { item: true }, /* @__PURE__ */ React112.createElement(SelectControl, { options })), /* @__PURE__ */ React112.createElement(import_ui96.Grid, { item: true }, /* @__PURE__ */ React112.createElement(import_editor_ui16.InfoAlert, null, (0, import_i18n55.__)(
+  return /* @__PURE__ */ React114.createElement(import_ui98.Grid, { container: true, direction: "column", gap: 1 }, label && /* @__PURE__ */ React114.createElement(import_ui98.Grid, { item: true }, /* @__PURE__ */ React114.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React114.createElement(import_ui98.Grid, { item: true }, /* @__PURE__ */ React114.createElement(SelectControl, { options })), /* @__PURE__ */ React114.createElement(import_ui98.Grid, { item: true }, /* @__PURE__ */ React114.createElement(import_editor_ui16.InfoAlert, null, (0, import_i18n56.__)(
     "Linked uploads are saved to the server. Direct attachments will not appear under Submissions.",
     "elementor"
   ))));
 });
 
 // src/components/promotions/display-conditions-control.tsx
-var React114 = __toESM(require("react"));
+var React116 = __toESM(require("react"));
 var import_react68 = require("react");
 var import_icons36 = require("@elementor/icons");
-var import_ui98 = require("@elementor/ui");
-var import_i18n56 = require("@wordpress/i18n");
+var import_ui100 = require("@elementor/ui");
+var import_i18n57 = require("@wordpress/i18n");
 
 // src/components/promotions/promotion-trigger.tsx
-var React113 = __toESM(require("react"));
+var React115 = __toESM(require("react"));
 var import_react67 = require("react");
 var import_editor_ui17 = require("@elementor/editor-ui");
-var import_ui97 = require("@elementor/ui");
+var import_ui99 = require("@elementor/ui");
 function getV4Promotion(key) {
   return window.elementor?.config?.v4Promotions?.[key];
 }
@@ -7967,7 +8054,7 @@ var PromotionTrigger = (0, import_react67.forwardRef)(
       });
     }, [trackingData]);
     (0, import_react67.useImperativeHandle)(ref, () => ({ toggle }), [toggle]);
-    return /* @__PURE__ */ React113.createElement(React113.Fragment, null, promotion && /* @__PURE__ */ React113.createElement(
+    return /* @__PURE__ */ React115.createElement(React115.Fragment, null, promotion && /* @__PURE__ */ React115.createElement(
       import_editor_ui17.PromotionInfotip,
       {
         title: promotion.title,
@@ -7981,8 +8068,8 @@ var PromotionTrigger = (0, import_react67.forwardRef)(
         },
         onCtaClick: () => trackUpgradePromotionClick(trackingData)
       },
-      /* @__PURE__ */ React113.createElement(
-        import_ui97.Box,
+      /* @__PURE__ */ React115.createElement(
+        import_ui99.Box,
         {
           onClick: (e) => {
             e.stopPropagation();
@@ -7990,19 +8077,19 @@ var PromotionTrigger = (0, import_react67.forwardRef)(
           },
           sx: { cursor: "pointer", display: "inline-flex" }
         },
-        children ?? /* @__PURE__ */ React113.createElement(import_editor_ui17.PromotionChip, null)
+        children ?? /* @__PURE__ */ React115.createElement(import_editor_ui17.PromotionChip, null)
       )
     ));
   }
 );
 
 // src/components/promotions/display-conditions-control.tsx
-var ARIA_LABEL = (0, import_i18n56.__)("Display Conditions", "elementor");
+var ARIA_LABEL = (0, import_i18n57.__)("Display Conditions", "elementor");
 var TRACKING_DATA = { target_name: "display_conditions", location_l2: "general" };
 var DisplayConditionsControl = createControl(() => {
   const triggerRef = (0, import_react68.useRef)(null);
-  return /* @__PURE__ */ React114.createElement(
-    import_ui98.Stack,
+  return /* @__PURE__ */ React116.createElement(
+    import_ui100.Stack,
     {
       direction: "row",
       spacing: 2,
@@ -8011,9 +8098,9 @@ var DisplayConditionsControl = createControl(() => {
         alignItems: "center"
       }
     },
-    /* @__PURE__ */ React114.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "displayConditions", trackingData: TRACKING_DATA }),
-    /* @__PURE__ */ React114.createElement(import_ui98.Tooltip, { title: ARIA_LABEL, placement: "top" }, /* @__PURE__ */ React114.createElement(
-      import_ui98.IconButton,
+    /* @__PURE__ */ React116.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "displayConditions", trackingData: TRACKING_DATA }),
+    /* @__PURE__ */ React116.createElement(import_ui100.Tooltip, { title: ARIA_LABEL, placement: "top" }, /* @__PURE__ */ React116.createElement(
+      import_ui100.IconButton,
       {
         size: "tiny",
         "aria-label": ARIA_LABEL,
@@ -8025,23 +8112,23 @@ var DisplayConditionsControl = createControl(() => {
           borderRadius: 1
         }
       },
-      /* @__PURE__ */ React114.createElement(import_icons36.SitemapIcon, { fontSize: "tiny", color: "disabled" })
+      /* @__PURE__ */ React116.createElement(import_icons36.SitemapIcon, { fontSize: "tiny", color: "disabled" })
     ))
   );
 });
 
 // src/components/promotions/attributes-control.tsx
-var React115 = __toESM(require("react"));
+var React117 = __toESM(require("react"));
 var import_react69 = require("react");
 var import_icons37 = require("@elementor/icons");
-var import_ui99 = require("@elementor/ui");
-var import_i18n57 = require("@wordpress/i18n");
-var ARIA_LABEL2 = (0, import_i18n57.__)("Attributes", "elementor");
+var import_ui101 = require("@elementor/ui");
+var import_i18n58 = require("@wordpress/i18n");
+var ARIA_LABEL2 = (0, import_i18n58.__)("Attributes", "elementor");
 var TRACKING_DATA2 = { target_name: "attributes", location_l2: "general" };
 var AttributesControl = createControl(() => {
   const triggerRef = (0, import_react69.useRef)(null);
-  return /* @__PURE__ */ React115.createElement(
-    import_ui99.Stack,
+  return /* @__PURE__ */ React117.createElement(
+    import_ui101.Stack,
     {
       direction: "row",
       spacing: 2,
@@ -8050,8 +8137,8 @@ var AttributesControl = createControl(() => {
         alignItems: "center"
       }
     },
-    /* @__PURE__ */ React115.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "attributes", trackingData: TRACKING_DATA2 }),
-    /* @__PURE__ */ React115.createElement(import_ui99.Tooltip, { title: ARIA_LABEL2, placement: "top" }, /* @__PURE__ */ React115.createElement(
+    /* @__PURE__ */ React117.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "attributes", trackingData: TRACKING_DATA2 }),
+    /* @__PURE__ */ React117.createElement(import_ui101.Tooltip, { title: ARIA_LABEL2, placement: "top" }, /* @__PURE__ */ React117.createElement(
       import_icons37.PlusIcon,
       {
         "aria-label": ARIA_LABEL2,
@@ -8065,21 +8152,21 @@ var AttributesControl = createControl(() => {
 });
 
 // src/components/icon-buttons/clear-icon-button.tsx
-var React116 = __toESM(require("react"));
+var React118 = __toESM(require("react"));
 var import_icons38 = require("@elementor/icons");
-var import_ui100 = require("@elementor/ui");
-var CustomIconButton = (0, import_ui100.styled)(import_ui100.IconButton)(({ theme }) => ({
+var import_ui102 = require("@elementor/ui");
+var CustomIconButton = (0, import_ui102.styled)(import_ui102.IconButton)(({ theme }) => ({
   width: theme.spacing(2.5),
   height: theme.spacing(2.5)
 }));
-var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /* @__PURE__ */ React116.createElement(import_ui100.Tooltip, { title: tooltipText, placement: "top", disableInteractive: true }, /* @__PURE__ */ React116.createElement(CustomIconButton, { "aria-label": tooltipText, size, onClick, disabled }, /* @__PURE__ */ React116.createElement(import_icons38.BrushBigIcon, { fontSize: size })));
+var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /* @__PURE__ */ React118.createElement(import_ui102.Tooltip, { title: tooltipText, placement: "top", disableInteractive: true }, /* @__PURE__ */ React118.createElement(CustomIconButton, { "aria-label": tooltipText, size, onClick, disabled }, /* @__PURE__ */ React118.createElement(import_icons38.BrushBigIcon, { fontSize: size })));
 
 // src/components/repeater/repeater.tsx
-var React117 = __toESM(require("react"));
+var React119 = __toESM(require("react"));
 var import_react70 = require("react");
 var import_icons39 = require("@elementor/icons");
-var import_ui101 = require("@elementor/ui");
-var import_i18n58 = require("@wordpress/i18n");
+var import_ui103 = require("@elementor/ui");
+var import_i18n59 = require("@wordpress/i18n");
 var SIZE11 = "tiny";
 var EMPTY_OPEN_ITEM2 = -1;
 var Repeater3 = ({
@@ -8160,8 +8247,8 @@ var Repeater3 = ({
   };
   const isButtonDisabled = disabled || disableAddItemButton;
   const shouldShowInfotip = isButtonDisabled && addButtonInfotipContent;
-  const addButton = /* @__PURE__ */ React117.createElement(
-    import_ui101.IconButton,
+  const addButton = /* @__PURE__ */ React119.createElement(
+    import_ui103.IconButton,
     {
       size: SIZE11,
       sx: {
@@ -8169,32 +8256,32 @@ var Repeater3 = ({
       },
       disabled: isButtonDisabled,
       onClick: addRepeaterItem,
-      "aria-label": (0, import_i18n58.__)("Add item", "elementor")
+      "aria-label": (0, import_i18n59.__)("Add item", "elementor")
     },
-    /* @__PURE__ */ React117.createElement(import_icons39.PlusIcon, { fontSize: SIZE11 })
+    /* @__PURE__ */ React119.createElement(import_icons39.PlusIcon, { fontSize: SIZE11 })
   );
-  return /* @__PURE__ */ React117.createElement(SectionContent, { gap: 2 }, /* @__PURE__ */ React117.createElement(RepeaterHeader, { label, adornment: ControlAdornments }, shouldShowInfotip ? /* @__PURE__ */ React117.createElement(
-    import_ui101.Infotip,
+  return /* @__PURE__ */ React119.createElement(SectionContent, { gap: 2 }, /* @__PURE__ */ React119.createElement(RepeaterHeader, { label, adornment: ControlAdornments }, shouldShowInfotip ? /* @__PURE__ */ React119.createElement(
+    import_ui103.Infotip,
     {
       placement: "right",
       content: addButtonInfotipContent,
       color: "secondary",
       slotProps: { popper: { sx: { width: 300 } } }
     },
-    /* @__PURE__ */ React117.createElement(import_ui101.Box, { sx: { ...isButtonDisabled ? { cursor: "not-allowed" } : {} } }, addButton)
-  ) : addButton), 0 < uniqueKeys.length && /* @__PURE__ */ React117.createElement(SortableProvider, { value: uniqueKeys, onChange: onChangeOrder }, uniqueKeys.map((key) => {
+    /* @__PURE__ */ React119.createElement(import_ui103.Box, { sx: { ...isButtonDisabled ? { cursor: "not-allowed" } : {} } }, addButton)
+  ) : addButton), 0 < uniqueKeys.length && /* @__PURE__ */ React119.createElement(SortableProvider, { value: uniqueKeys, onChange: onChangeOrder }, uniqueKeys.map((key) => {
     const index = uniqueKeys.indexOf(key);
     const value = items2[index];
     if (!value) {
       return null;
     }
-    return /* @__PURE__ */ React117.createElement(SortableItem, { id: key, key: `sortable-${key}`, disabled: !isSortable }, /* @__PURE__ */ React117.createElement(
+    return /* @__PURE__ */ React119.createElement(SortableItem, { id: key, key: `sortable-${key}`, disabled: !isSortable }, /* @__PURE__ */ React119.createElement(
       RepeaterItem,
       {
         disabled,
         propDisabled: value?.disabled,
-        label: /* @__PURE__ */ React117.createElement(RepeaterItemLabelSlot, { value }, /* @__PURE__ */ React117.createElement(itemSettings.Label, { value, index })),
-        startIcon: /* @__PURE__ */ React117.createElement(RepeaterItemIconSlot, { value }, /* @__PURE__ */ React117.createElement(itemSettings.Icon, { value })),
+        label: /* @__PURE__ */ React119.createElement(RepeaterItemLabelSlot, { value }, /* @__PURE__ */ React119.createElement(itemSettings.Label, { value, index })),
+        startIcon: /* @__PURE__ */ React119.createElement(RepeaterItemIconSlot, { value }, /* @__PURE__ */ React119.createElement(itemSettings.Icon, { value })),
         removeItem: () => removeRepeaterItem(index),
         duplicateItem: () => duplicateRepeaterItem(index),
         toggleDisableItem: () => toggleDisableRepeaterItem(index),
@@ -8208,7 +8295,7 @@ var Repeater3 = ({
         actions: itemSettings.actions,
         value
       },
-      (props) => /* @__PURE__ */ React117.createElement(
+      (props) => /* @__PURE__ */ React119.createElement(
         itemSettings.Content,
         {
           ...props,
@@ -8248,18 +8335,18 @@ var RepeaterItem = ({
     },
     wrappedOnPopoverClose
   );
-  const triggerProps = (0, import_ui101.bindTrigger)(popoverState);
+  const triggerProps = (0, import_ui103.bindTrigger)(popoverState);
   usePopoverDismiss({ isOpen: popoverState.isOpen, onClose: popoverProps.onClose });
-  const duplicateLabel = (0, import_i18n58.__)("Duplicate", "elementor");
-  const toggleLabel = propDisabled ? (0, import_i18n58.__)("Show", "elementor") : (0, import_i18n58.__)("Hide", "elementor");
-  const removeLabel = (0, import_i18n58.__)("Remove", "elementor");
-  return /* @__PURE__ */ React117.createElement(import_ui101.Box, { sx: { display: "contents" } }, /* @__PURE__ */ React117.createElement(
+  const duplicateLabel = (0, import_i18n59.__)("Duplicate", "elementor");
+  const toggleLabel = propDisabled ? (0, import_i18n59.__)("Show", "elementor") : (0, import_i18n59.__)("Hide", "elementor");
+  const removeLabel = (0, import_i18n59.__)("Remove", "elementor");
+  return /* @__PURE__ */ React119.createElement(import_ui103.Box, { sx: { display: "contents" } }, /* @__PURE__ */ React119.createElement(
     RepeaterTag,
     {
       disabled,
       label,
       ref: setRef,
-      "aria-label": (0, import_i18n58.__)("Open item", "elementor"),
+      "aria-label": (0, import_i18n59.__)("Open item", "elementor"),
       ...triggerProps,
       onClick: (e) => {
         triggerProps.onClick(e);
@@ -8268,14 +8355,14 @@ var RepeaterItem = ({
         }
       },
       startIcon,
-      actions: /* @__PURE__ */ React117.createElement(React117.Fragment, null, showDuplicate && /* @__PURE__ */ React117.createElement(import_ui101.Tooltip, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React117.createElement(import_ui101.IconButton, { size: SIZE11, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React117.createElement(import_icons39.CopyIcon, { fontSize: SIZE11 }))), showToggle && /* @__PURE__ */ React117.createElement(import_ui101.Tooltip, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React117.createElement(import_ui101.IconButton, { size: SIZE11, onClick: toggleDisableItem, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React117.createElement(import_icons39.EyeOffIcon, { fontSize: SIZE11 }) : /* @__PURE__ */ React117.createElement(import_icons39.EyeIcon, { fontSize: SIZE11 }))), actions?.(value), showRemove && /* @__PURE__ */ React117.createElement(import_ui101.Tooltip, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React117.createElement(import_ui101.IconButton, { size: SIZE11, onClick: removeItem, "aria-label": removeLabel }, /* @__PURE__ */ React117.createElement(import_icons39.XIcon, { fontSize: SIZE11 }))))
+      actions: /* @__PURE__ */ React119.createElement(React119.Fragment, null, showDuplicate && /* @__PURE__ */ React119.createElement(import_ui103.Tooltip, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React119.createElement(import_ui103.IconButton, { size: SIZE11, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React119.createElement(import_icons39.CopyIcon, { fontSize: SIZE11 }))), showToggle && /* @__PURE__ */ React119.createElement(import_ui103.Tooltip, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React119.createElement(import_ui103.IconButton, { size: SIZE11, onClick: toggleDisableItem, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React119.createElement(import_icons39.EyeOffIcon, { fontSize: SIZE11 }) : /* @__PURE__ */ React119.createElement(import_icons39.EyeIcon, { fontSize: SIZE11 }))), actions?.(value), showRemove && /* @__PURE__ */ React119.createElement(import_ui103.Tooltip, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React119.createElement(import_ui103.IconButton, { size: SIZE11, onClick: removeItem, "aria-label": removeLabel }, /* @__PURE__ */ React119.createElement(import_icons39.XIcon, { fontSize: SIZE11 }))))
     }
-  ), /* @__PURE__ */ React117.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React117.createElement(import_ui101.Box, null, children({ anchorEl: ref }))));
+  ), /* @__PURE__ */ React119.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React119.createElement(import_ui103.Box, null, children({ anchorEl: ref }))));
 };
 var usePopover = (openOnMount, onOpen, onPopoverClose) => {
   const [ref, setRef] = (0, import_react70.useState)(null);
-  const popoverState = (0, import_ui101.usePopupState)({ variant: "popover" });
-  const popoverProps = (0, import_ui101.bindPopover)(popoverState);
+  const popoverState = (0, import_ui103.usePopupState)({ variant: "popover" });
+  const popoverProps = (0, import_ui103.bindPopover)(popoverState);
   (0, import_react70.useEffect)(() => {
     if (openOnMount && ref) {
       popoverState.open(ref);
@@ -8295,20 +8382,20 @@ var usePopover = (openOnMount, onOpen, onPopoverClose) => {
 };
 
 // src/components/inline-editor-toolbar.tsx
-var React119 = __toESM(require("react"));
+var React121 = __toESM(require("react"));
 var import_react72 = require("react");
 var import_editor_elements7 = require("@elementor/editor-elements");
 var import_icons41 = require("@elementor/icons");
-var import_ui103 = require("@elementor/ui");
+var import_ui105 = require("@elementor/ui");
 var import_react73 = require("@tiptap/react");
-var import_i18n60 = require("@wordpress/i18n");
+var import_i18n61 = require("@wordpress/i18n");
 
 // src/components/url-popover.tsx
-var React118 = __toESM(require("react"));
+var React120 = __toESM(require("react"));
 var import_react71 = require("react");
 var import_icons40 = require("@elementor/icons");
-var import_ui102 = require("@elementor/ui");
-var import_i18n59 = require("@wordpress/i18n");
+var import_ui104 = require("@elementor/ui");
+var import_i18n60 = require("@wordpress/i18n");
 var UrlPopover = ({
   popupState,
   restoreValue,
@@ -8328,41 +8415,41 @@ var UrlPopover = ({
     restoreValue();
     popupState.close();
   };
-  return /* @__PURE__ */ React118.createElement(
-    import_ui102.Popover,
+  return /* @__PURE__ */ React120.createElement(
+    import_ui104.Popover,
     {
       slotProps: {
         paper: { sx: { borderRadius: "16px", width: anchorRef.current?.offsetWidth + "px", marginTop: -1 } }
       },
-      ...(0, import_ui102.bindPopover)(popupState),
+      ...(0, import_ui104.bindPopover)(popupState),
       anchorOrigin: { vertical: "top", horizontal: "left" },
       transformOrigin: { vertical: "top", horizontal: "left" },
       onClose: handleClose
     },
-    /* @__PURE__ */ React118.createElement(import_ui102.Stack, { direction: "row", alignItems: "center", gap: 1, sx: { p: 1.5 } }, /* @__PURE__ */ React118.createElement(
-      import_ui102.TextField,
+    /* @__PURE__ */ React120.createElement(import_ui104.Stack, { direction: "row", alignItems: "center", gap: 1, sx: { p: 1.5 } }, /* @__PURE__ */ React120.createElement(
+      import_ui104.TextField,
       {
         value,
         onChange,
         size: "tiny",
         fullWidth: true,
-        placeholder: (0, import_i18n59.__)("Type a URL", "elementor"),
+        placeholder: (0, import_i18n60.__)("Type a URL", "elementor"),
         inputProps: { ref: inputRef },
         color: "secondary",
         InputProps: { sx: { borderRadius: "8px" } },
         onKeyUp: (event) => event.key === "Enter" && handleClose()
       }
-    ), /* @__PURE__ */ React118.createElement(import_ui102.Tooltip, { title: (0, import_i18n59.__)("Open in a new tab", "elementor") }, /* @__PURE__ */ React118.createElement(
-      import_ui102.ToggleButton,
+    ), /* @__PURE__ */ React120.createElement(import_ui104.Tooltip, { title: (0, import_i18n60.__)("Open in a new tab", "elementor") }, /* @__PURE__ */ React120.createElement(
+      import_ui104.ToggleButton,
       {
         size: "tiny",
         value: "newTab",
         selected: openInNewTab,
         onClick: onToggleNewTab,
-        "aria-label": (0, import_i18n59.__)("Open in a new tab", "elementor"),
+        "aria-label": (0, import_i18n60.__)("Open in a new tab", "elementor"),
         sx: { borderRadius: "8px" }
       },
-      /* @__PURE__ */ React118.createElement(import_icons40.ExternalLinkIcon, { fontSize: "tiny" })
+      /* @__PURE__ */ React120.createElement(import_icons40.ExternalLinkIcon, { fontSize: "tiny" })
     )))
   );
 };
@@ -8372,7 +8459,7 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
   const [urlValue, setUrlValue] = (0, import_react72.useState)("");
   const [openInNewTab, setOpenInNewTab] = (0, import_react72.useState)(false);
   const toolbarRef = (0, import_react72.useRef)(null);
-  const linkPopupState = (0, import_ui103.usePopupState)({ variant: "popover" });
+  const linkPopupState = (0, import_ui105.usePopupState)({ variant: "popover" });
   const isElementClickable = elementId ? checkIfElementIsClickable(elementId) : false;
   const editorState = (0, import_react73.useEditorState)({
     editor,
@@ -8418,8 +8505,8 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
   (0, import_react72.useEffect)(() => {
     editor?.commands?.focus();
   }, [editor]);
-  return /* @__PURE__ */ React119.createElement(
-    import_ui103.Box,
+  return /* @__PURE__ */ React121.createElement(
+    import_ui105.Box,
     {
       ref: toolbarRef,
       sx: {
@@ -8435,9 +8522,9 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
         ...sx
       }
     },
-    /* @__PURE__ */ React119.createElement(import_ui103.Tooltip, { title: clearButton.label, placement: "top", sx: { borderRadius: "8px" } }, /* @__PURE__ */ React119.createElement(import_ui103.IconButton, { "aria-label": clearButton.label, onClick: () => clearButton.method(editor), size: "tiny" }, clearButton.icon)),
-    /* @__PURE__ */ React119.createElement(
-      import_ui103.ToggleButtonGroup,
+    /* @__PURE__ */ React121.createElement(import_ui105.Tooltip, { title: clearButton.label, placement: "top", sx: { borderRadius: "8px" } }, /* @__PURE__ */ React121.createElement(import_ui105.IconButton, { "aria-label": clearButton.label, onClick: () => clearButton.method(editor), size: "tiny" }, clearButton.icon)),
+    /* @__PURE__ */ React121.createElement(
+      import_ui105.ToggleButtonGroup,
       {
         value: editorState,
         size: "tiny",
@@ -8445,7 +8532,7 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
           display: "flex",
           gap: 0.5,
           border: "none",
-          [`& .${import_ui103.toggleButtonGroupClasses.firstButton}, & .${import_ui103.toggleButtonGroupClasses.middleButton}, & .${import_ui103.toggleButtonGroupClasses.lastButton}`]: {
+          [`& .${import_ui105.toggleButtonGroupClasses.firstButton}, & .${import_ui105.toggleButtonGroupClasses.middleButton}, & .${import_ui105.toggleButtonGroupClasses.lastButton}`]: {
             borderRadius: "8px",
             border: "none",
             marginLeft: 0,
@@ -8458,8 +8545,8 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
           }
         }
       },
-      formatButtonsList.map((button) => /* @__PURE__ */ React119.createElement(import_ui103.Tooltip, { title: button.label, key: button.action, placement: "top" }, /* @__PURE__ */ React119.createElement(
-        import_ui103.ToggleButton,
+      formatButtonsList.map((button) => /* @__PURE__ */ React121.createElement(import_ui105.Tooltip, { title: button.label, key: button.action, placement: "top" }, /* @__PURE__ */ React121.createElement(
+        import_ui105.ToggleButton,
         {
           value: button.action,
           "aria-label": button.label,
@@ -8476,7 +8563,7 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
         button.icon
       )))
     ),
-    /* @__PURE__ */ React119.createElement(
+    /* @__PURE__ */ React121.createElement(
       UrlPopover,
       {
         popupState: linkPopupState,
@@ -8499,64 +8586,64 @@ var checkIfElementIsClickable = (elementId) => {
 };
 var toolbarButtons = {
   clear: {
-    label: (0, import_i18n60.__)("Clear", "elementor"),
-    icon: /* @__PURE__ */ React119.createElement(import_icons41.MinusIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n61.__)("Clear", "elementor"),
+    icon: /* @__PURE__ */ React121.createElement(import_icons41.MinusIcon, { fontSize: "tiny" }),
     action: "clear",
     method: (editor) => {
       editor.chain().focus().clearNodes().unsetAllMarks().run();
     }
   },
   bold: {
-    label: (0, import_i18n60.__)("Bold", "elementor"),
-    icon: /* @__PURE__ */ React119.createElement(import_icons41.BoldIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n61.__)("Bold", "elementor"),
+    icon: /* @__PURE__ */ React121.createElement(import_icons41.BoldIcon, { fontSize: "tiny" }),
     action: "bold",
     method: (editor) => {
       editor.chain().focus().toggleBold().run();
     }
   },
   italic: {
-    label: (0, import_i18n60.__)("Italic", "elementor"),
-    icon: /* @__PURE__ */ React119.createElement(import_icons41.ItalicIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n61.__)("Italic", "elementor"),
+    icon: /* @__PURE__ */ React121.createElement(import_icons41.ItalicIcon, { fontSize: "tiny" }),
     action: "italic",
     method: (editor) => {
       editor.chain().focus().toggleItalic().run();
     }
   },
   underline: {
-    label: (0, import_i18n60.__)("Underline", "elementor"),
-    icon: /* @__PURE__ */ React119.createElement(import_icons41.UnderlineIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n61.__)("Underline", "elementor"),
+    icon: /* @__PURE__ */ React121.createElement(import_icons41.UnderlineIcon, { fontSize: "tiny" }),
     action: "underline",
     method: (editor) => {
       editor.chain().focus().toggleUnderline().run();
     }
   },
   strike: {
-    label: (0, import_i18n60.__)("Strikethrough", "elementor"),
-    icon: /* @__PURE__ */ React119.createElement(import_icons41.StrikethroughIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n61.__)("Strikethrough", "elementor"),
+    icon: /* @__PURE__ */ React121.createElement(import_icons41.StrikethroughIcon, { fontSize: "tiny" }),
     action: "strike",
     method: (editor) => {
       editor.chain().focus().toggleStrike().run();
     }
   },
   superscript: {
-    label: (0, import_i18n60.__)("Superscript", "elementor"),
-    icon: /* @__PURE__ */ React119.createElement(import_icons41.SuperscriptIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n61.__)("Superscript", "elementor"),
+    icon: /* @__PURE__ */ React121.createElement(import_icons41.SuperscriptIcon, { fontSize: "tiny" }),
     action: "superscript",
     method: (editor) => {
       editor.chain().focus().toggleSuperscript().run();
     }
   },
   subscript: {
-    label: (0, import_i18n60.__)("Subscript", "elementor"),
-    icon: /* @__PURE__ */ React119.createElement(import_icons41.SubscriptIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n61.__)("Subscript", "elementor"),
+    icon: /* @__PURE__ */ React121.createElement(import_icons41.SubscriptIcon, { fontSize: "tiny" }),
     action: "subscript",
     method: (editor) => {
       editor.chain().focus().toggleSubscript().run();
     }
   },
   link: {
-    label: (0, import_i18n60.__)("Link", "elementor"),
-    icon: /* @__PURE__ */ React119.createElement(import_icons41.LinkIcon, { fontSize: "tiny" }),
+    label: (0, import_i18n61.__)("Link", "elementor"),
+    icon: /* @__PURE__ */ React121.createElement(import_icons41.LinkIcon, { fontSize: "tiny" }),
     action: "link",
     method: null
   }
@@ -8565,8 +8652,8 @@ var { clear: clearButton, ...formatButtons } = toolbarButtons;
 var possibleFormats = Object.keys(formatButtons);
 
 // src/components/size/unstable-size-field.tsx
-var React122 = __toESM(require("react"));
-var import_ui105 = require("@elementor/ui");
+var React124 = __toESM(require("react"));
+var import_ui107 = require("@elementor/ui");
 
 // src/hooks/use-size-value.ts
 var DEFAULT_UNIT2 = "px";
@@ -8608,17 +8695,17 @@ var differsFromExternal = (newState, externalState) => {
 };
 
 // src/components/size/unit-select.tsx
-var React120 = __toESM(require("react"));
+var React122 = __toESM(require("react"));
 var import_react74 = require("react");
 var import_editor_ui18 = require("@elementor/editor-ui");
-var import_ui104 = require("@elementor/ui");
+var import_ui106 = require("@elementor/ui");
 var menuItemContentStyles2 = {
   display: "flex",
   flexDirection: "column",
   justifyContent: "center"
 };
 var UnitSelect = ({ value, showPrimaryColor, onClick, options }) => {
-  const popupState = (0, import_ui104.usePopupState)({
+  const popupState = (0, import_ui106.usePopupState)({
     variant: "popover",
     popupId: (0, import_react74.useId)()
   });
@@ -8626,7 +8713,7 @@ var UnitSelect = ({ value, showPrimaryColor, onClick, options }) => {
     onClick(options[index]);
     popupState.close();
   };
-  return /* @__PURE__ */ React120.createElement(React120.Fragment, null, /* @__PURE__ */ React120.createElement(StyledButton3, { isPrimaryColor: showPrimaryColor, size: "small", ...(0, import_ui104.bindTrigger)(popupState) }, value), /* @__PURE__ */ React120.createElement(import_ui104.Menu, { MenuListProps: { dense: true }, ...(0, import_ui104.bindMenu)(popupState) }, options.map((option, index) => /* @__PURE__ */ React120.createElement(
+  return /* @__PURE__ */ React122.createElement(React122.Fragment, null, /* @__PURE__ */ React122.createElement(StyledButton3, { isPrimaryColor: showPrimaryColor, size: "small", ...(0, import_ui106.bindTrigger)(popupState) }, value), /* @__PURE__ */ React122.createElement(import_ui106.Menu, { MenuListProps: { dense: true }, ...(0, import_ui106.bindMenu)(popupState) }, options.map((option, index) => /* @__PURE__ */ React122.createElement(
     import_editor_ui18.MenuListItem,
     {
       key: option,
@@ -8645,7 +8732,7 @@ var UnitSelect = ({ value, showPrimaryColor, onClick, options }) => {
     option.toUpperCase()
   ))));
 };
-var StyledButton3 = (0, import_ui104.styled)(import_ui104.Button, {
+var StyledButton3 = (0, import_ui106.styled)(import_ui106.Button, {
   shouldForwardProp: (prop) => prop !== "isPrimaryColor"
 })(({ isPrimaryColor, theme }) => ({
   color: isPrimaryColor ? theme.palette.text.primary : theme.palette.text.tertiary,
@@ -8655,11 +8742,11 @@ var StyledButton3 = (0, import_ui104.styled)(import_ui104.Button, {
 }));
 
 // src/components/size/unstable-size-input.tsx
-var React121 = __toESM(require("react"));
+var React123 = __toESM(require("react"));
 var import_react75 = require("react");
 var UnstableSizeInput = (0, import_react75.forwardRef)(
   ({ type, value, onChange, onKeyDown, onKeyUp, InputProps, onBlur, focused, disabled }, ref) => {
-    return /* @__PURE__ */ React121.createElement(
+    return /* @__PURE__ */ React123.createElement(
       NumberInput,
       {
         ref,
@@ -8697,7 +8784,7 @@ var UnstableSizeField = ({
   const shouldHighlightUnit2 = () => {
     return hasValue(size);
   };
-  return /* @__PURE__ */ React122.createElement(
+  return /* @__PURE__ */ React124.createElement(
     UnstableSizeInput,
     {
       type: "number",
@@ -8706,8 +8793,8 @@ var UnstableSizeField = ({
       onChange: (event) => setSize(event.target.value),
       InputProps: {
         ...InputProps,
-        startAdornment: startIcon && /* @__PURE__ */ React122.createElement(import_ui105.InputAdornment, { position: "start" }, startIcon),
-        endAdornment: /* @__PURE__ */ React122.createElement(import_ui105.InputAdornment, { position: "end" }, /* @__PURE__ */ React122.createElement(
+        startAdornment: startIcon && /* @__PURE__ */ React124.createElement(import_ui107.InputAdornment, { position: "start" }, startIcon),
+        endAdornment: /* @__PURE__ */ React124.createElement(import_ui107.InputAdornment, { position: "end" }, /* @__PURE__ */ React124.createElement(
           UnitSelect,
           {
             options: units2,
@@ -8811,6 +8898,8 @@ var useFontFamilies = () => {
   SwitchControl,
   TextAreaControl,
   TextControl,
+  TimeRangeControl,
+  TimeStringControl,
   ToggleButtonGroupUi,
   ToggleControl,
   TransformRepeaterControl,