@wix/editor-react-components 1.2344.0 → 1.2346.0

package/dist/site/components/chunks/useValidatedField.js

@@ -0,0 +1,1411 @@
+import { q as $c4867b2f328c2698$export$e5c5a5f917a5871c, v as $fe16bffc7a557bf0$export$7f54fc3180508a52, F as $8f5a2122b0992be3$export$8397ddfc504fdb9a, g as $23f2114a1b82827e$export$e58f029f0fbfdb29, G as $0beb20c9744a2065$export$8467354a121f1b9f, H as $390e54f620492c70$export$b4cc09c592e8fdb8, f as $bbaa08b3cd72f041$export$9d1611c77c2fe928, k as $23f2114a1b82827e$export$4282f70798064fe0, I as $2add3ce32c6007eb$export$78551043582a6a98, J as $240e9101ba2842f5$export$7d15b64cf5a3a4c4, K as $23f2114a1b82827e$export$b4f377a2b6254582, l as $23f2114a1b82827e$export$cd4e5573fbe2b576, E as $e969f22b6713ca4a$export$ae780daf29e6d456, A as $390e54f620492c70$export$f680877a34711e37, d as $d1116acdf220c2da$export$4c014de7c8940b4c, u as $8f5a2122b0992be3$export$630ff653c5ada6a9, L as $8f5a2122b0992be3$export$b9b3dfddab17db27, c as $3e6197669829fe11$export$40bfa8c7b0832715, D as $0c4a58759813079a$export$4e328f61c538687f, M as $d1116acdf220c2da$export$13f3202a3e5ddd5 } from "./Group.js";
+import React__default, { useState, useCallback, useRef, useEffect, useMemo, useContext, createContext, forwardRef } from "react";
+import { m as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, n as $c7eafbbe1ea5834e$export$535bd6ca7f90a273, k as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7, a as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f, c as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, g as $64fa3d84918910a7$export$4d86445c2cf5e3, b as $f39a9eba43920ace$export$86427a43e3e48ebb, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "./filterDOMProps.js";
+import __rspack_external_react_dom_7136dc57__default, { flushSync } from "react-dom";
+function $d3f049242431219c$export$6d3443f2c48bfc20(ref, isReady = true) {
+  let [isEntering, setEntering] = useState(true);
+  let isAnimationReady = isEntering && isReady;
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (isAnimationReady && ref.current && "getAnimations" in ref.current) {
+      for (let animation of ref.current.getAnimations()) if (animation instanceof CSSTransition) animation.cancel();
+    }
+  }, [
+    ref,
+    isAnimationReady
+  ]);
+  $d3f049242431219c$var$useAnimation(ref, isAnimationReady, useCallback(() => setEntering(false), []));
+  return isAnimationReady;
+}
+function $d3f049242431219c$export$45fda7c47f93fd48(ref, isOpen) {
+  let [exitState, setExitState] = useState(isOpen ? "open" : "closed");
+  switch (exitState) {
+    case "open":
+      if (!isOpen) setExitState("exiting");
+      break;
+    case "closed":
+    case "exiting":
+      if (isOpen) setExitState("open");
+      break;
+  }
+  let isExiting = exitState === "exiting";
+  $d3f049242431219c$var$useAnimation(ref, isExiting, useCallback(() => {
+    setExitState((state) => state === "exiting" ? "closed" : state);
+  }, []));
+  return isExiting;
+}
+function $d3f049242431219c$var$useAnimation(ref, isActive, onEnd) {
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (isActive && ref.current) {
+      if (!("getAnimations" in ref.current)) {
+        onEnd();
+        return;
+      }
+      let animations = ref.current.getAnimations();
+      if (animations.length === 0) {
+        onEnd();
+        return;
+      }
+      let canceled = false;
+      Promise.all(animations.map((a) => a.finished)).then(() => {
+        if (!canceled) flushSync(() => {
+          onEnd();
+        });
+      }).catch(() => {
+      });
+      return () => {
+        canceled = true;
+      };
+    }
+  }, [
+    ref,
+    isActive,
+    onEnd
+  ]);
+}
+function $860f7da480e22816$export$b8473d3665f3a75a(props, state, ref) {
+  let { validationBehavior, focus } = props;
+  $c4867b2f328c2698$export$e5c5a5f917a5871c(() => {
+    if (validationBehavior === "native" && (ref == null ? void 0 : ref.current) && !ref.current.disabled) {
+      let errorMessage = state.realtimeValidation.isInvalid ? state.realtimeValidation.validationErrors.join(" ") || "Invalid value." : "";
+      ref.current.setCustomValidity(errorMessage);
+      if (!ref.current.hasAttribute("title")) ref.current.title = "";
+      if (!state.realtimeValidation.isInvalid) state.updateValidation($860f7da480e22816$var$getNativeValidity(ref.current));
+    }
+  });
+  let isIgnoredReset = useRef(false);
+  let onReset = $fe16bffc7a557bf0$export$7f54fc3180508a52(() => {
+    if (!isIgnoredReset.current) state.resetValidation();
+  });
+  let onInvalid = $fe16bffc7a557bf0$export$7f54fc3180508a52((e) => {
+    var _a, _b;
+    if (!state.displayValidation.isInvalid) state.commitValidation();
+    let form = (_a = ref == null ? void 0 : ref.current) == null ? void 0 : _a.form;
+    if (!e.defaultPrevented && ref && form && $860f7da480e22816$var$getFirstInvalidInput(form) === ref.current) {
+      if (focus) focus();
+      else (_b = ref.current) == null ? void 0 : _b.focus();
+      $8f5a2122b0992be3$export$8397ddfc504fdb9a("keyboard");
+    }
+    e.preventDefault();
+  });
+  let onChange = $fe16bffc7a557bf0$export$7f54fc3180508a52(() => {
+    state.commitValidation();
+  });
+  useEffect(() => {
+    let input = ref == null ? void 0 : ref.current;
+    if (!input) return;
+    let form = input.form;
+    let reset = form == null ? void 0 : form.reset;
+    if (form)
+      form.reset = () => {
+        isIgnoredReset.current = !window.event || window.event.type === "message" && $23f2114a1b82827e$export$e58f029f0fbfdb29(window.event) instanceof MessagePort;
+        reset == null ? void 0 : reset.call(form);
+        isIgnoredReset.current = false;
+      };
+    input.addEventListener("invalid", onInvalid);
+    input.addEventListener("change", onChange);
+    form == null ? void 0 : form.addEventListener("reset", onReset);
+    return () => {
+      input.removeEventListener("invalid", onInvalid);
+      input.removeEventListener("change", onChange);
+      form == null ? void 0 : form.removeEventListener("reset", onReset);
+      if (form)
+        form.reset = reset;
+    };
+  }, [
+    ref,
+    validationBehavior
+  ]);
+}
+function $860f7da480e22816$var$getValidity(input) {
+  let validity = input.validity;
+  return {
+    badInput: validity.badInput,
+    customError: validity.customError,
+    patternMismatch: validity.patternMismatch,
+    rangeOverflow: validity.rangeOverflow,
+    rangeUnderflow: validity.rangeUnderflow,
+    stepMismatch: validity.stepMismatch,
+    tooLong: validity.tooLong,
+    tooShort: validity.tooShort,
+    typeMismatch: validity.typeMismatch,
+    valueMissing: validity.valueMissing,
+    valid: validity.valid
+  };
+}
+function $860f7da480e22816$var$getNativeValidity(input) {
+  return {
+    isInvalid: !input.validity.valid,
+    validationDetails: $860f7da480e22816$var$getValidity(input),
+    validationErrors: input.validationMessage ? [
+      input.validationMessage
+    ] : []
+  };
+}
+function $860f7da480e22816$var$getFirstInvalidInput(form) {
+  var _a;
+  for (let i = 0; i < form.elements.length; i++) {
+    let element = form.elements[i];
+    if (((_a = element.validity) == null ? void 0 : _a.valid) === false) return element;
+  }
+  return null;
+}
+const $fd2148440a13ec26$export$aca958c65c314e6c = {
+  badInput: false,
+  customError: false,
+  patternMismatch: false,
+  rangeOverflow: false,
+  rangeUnderflow: false,
+  stepMismatch: false,
+  tooLong: false,
+  tooShort: false,
+  typeMismatch: false,
+  valueMissing: false,
+  valid: true
+};
+const $fd2148440a13ec26$var$CUSTOM_VALIDITY_STATE = {
+  ...$fd2148440a13ec26$export$aca958c65c314e6c,
+  customError: true,
+  valid: false
+};
+const $fd2148440a13ec26$export$dad6ae84456c676a = {
+  isInvalid: false,
+  validationDetails: $fd2148440a13ec26$export$aca958c65c314e6c,
+  validationErrors: []
+};
+const $fd2148440a13ec26$export$571b5131b7e65c11 = createContext({});
+const $fd2148440a13ec26$export$a763b9476acd3eb = "__reactAriaFormValidationState";
+function $fd2148440a13ec26$export$fc1a364ae1f3ff10(props) {
+  if (props[$fd2148440a13ec26$export$a763b9476acd3eb]) {
+    let { realtimeValidation, displayValidation, updateValidation, resetValidation, commitValidation } = props[$fd2148440a13ec26$export$a763b9476acd3eb];
+    return {
+      realtimeValidation,
+      displayValidation,
+      updateValidation,
+      resetValidation,
+      commitValidation
+    };
+  }
+  return $fd2148440a13ec26$var$useFormValidationStateImpl(props);
+}
+function $fd2148440a13ec26$var$useFormValidationStateImpl(props) {
+  let { isInvalid, validationState, name, value, builtinValidation, validate, validationBehavior = "aria" } = props;
+  if (validationState) isInvalid || (isInvalid = validationState === "invalid");
+  let controlledError = isInvalid !== void 0 ? {
+    isInvalid,
+    validationErrors: [],
+    validationDetails: $fd2148440a13ec26$var$CUSTOM_VALIDITY_STATE
+  } : null;
+  let clientError = useMemo(() => {
+    if (!validate || value == null) return null;
+    let validateErrors = $fd2148440a13ec26$var$runValidate(validate, value);
+    return $fd2148440a13ec26$var$getValidationResult(validateErrors);
+  }, [
+    validate,
+    value
+  ]);
+  if (builtinValidation == null ? void 0 : builtinValidation.validationDetails.valid) builtinValidation = void 0;
+  let serverErrors = useContext($fd2148440a13ec26$export$571b5131b7e65c11);
+  let serverErrorMessages = useMemo(() => {
+    if (name) return Array.isArray(name) ? name.flatMap((name2) => $fd2148440a13ec26$var$asArray(serverErrors[name2])) : $fd2148440a13ec26$var$asArray(serverErrors[name]);
+    return [];
+  }, [
+    serverErrors,
+    name
+  ]);
+  let [lastServerErrors, setLastServerErrors] = useState(serverErrors);
+  let [isServerErrorCleared, setServerErrorCleared] = useState(false);
+  if (serverErrors !== lastServerErrors) {
+    setLastServerErrors(serverErrors);
+    setServerErrorCleared(false);
+  }
+  let serverError = useMemo(() => $fd2148440a13ec26$var$getValidationResult(isServerErrorCleared ? [] : serverErrorMessages), [
+    isServerErrorCleared,
+    serverErrorMessages
+  ]);
+  let nextValidation = useRef($fd2148440a13ec26$export$dad6ae84456c676a);
+  let [currentValidity, setCurrentValidity] = useState($fd2148440a13ec26$export$dad6ae84456c676a);
+  let lastError = useRef($fd2148440a13ec26$export$dad6ae84456c676a);
+  let commitValidation = () => {
+    if (!commitQueued) return;
+    setCommitQueued(false);
+    let error = clientError || builtinValidation || nextValidation.current;
+    if (!$fd2148440a13ec26$var$isEqualValidation(error, lastError.current)) {
+      lastError.current = error;
+      setCurrentValidity(error);
+    }
+  };
+  let [commitQueued, setCommitQueued] = useState(false);
+  useEffect(commitValidation);
+  let realtimeValidation = controlledError || serverError || clientError || builtinValidation || $fd2148440a13ec26$export$dad6ae84456c676a;
+  let displayValidation = validationBehavior === "native" ? controlledError || serverError || currentValidity : controlledError || serverError || clientError || builtinValidation || currentValidity;
+  return {
+    realtimeValidation,
+    displayValidation,
+    updateValidation(value2) {
+      if (validationBehavior === "aria" && !$fd2148440a13ec26$var$isEqualValidation(currentValidity, value2)) setCurrentValidity(value2);
+      else nextValidation.current = value2;
+    },
+    resetValidation() {
+      let error = $fd2148440a13ec26$export$dad6ae84456c676a;
+      if (!$fd2148440a13ec26$var$isEqualValidation(error, lastError.current)) {
+        lastError.current = error;
+        setCurrentValidity(error);
+      }
+      if (validationBehavior === "native") setCommitQueued(false);
+      setServerErrorCleared(true);
+    },
+    commitValidation() {
+      if (validationBehavior === "native") setCommitQueued(true);
+      setServerErrorCleared(true);
+    }
+  };
+}
+function $fd2148440a13ec26$var$asArray(v) {
+  if (!v) return [];
+  return Array.isArray(v) ? v : [
+    v
+  ];
+}
+function $fd2148440a13ec26$var$runValidate(validate, value) {
+  if (typeof validate === "function") {
+    let e = validate(value);
+    if (e && typeof e !== "boolean") return $fd2148440a13ec26$var$asArray(e);
+  }
+  return [];
+}
+function $fd2148440a13ec26$var$getValidationResult(errors) {
+  return errors.length ? {
+    isInvalid: true,
+    validationErrors: errors,
+    validationDetails: $fd2148440a13ec26$var$CUSTOM_VALIDITY_STATE
+  } : null;
+}
+function $fd2148440a13ec26$var$isEqualValidation(a, b) {
+  if (a === b) return true;
+  return !!a && !!b && a.isInvalid === b.isInvalid && a.validationErrors.length === b.validationErrors.length && a.validationErrors.every((a2, i) => a2 === b.validationErrors[i]) && Object.entries(a.validationDetails).every(([k, v]) => b.validationDetails[k] === v);
+}
+function $fd2148440a13ec26$export$75ee7c75d68f5b0e(...results) {
+  let errors = /* @__PURE__ */ new Set();
+  let isInvalid = false;
+  let validationDetails = {
+    ...$fd2148440a13ec26$export$aca958c65c314e6c
+  };
+  for (let v of results) {
+    for (let e of v.validationErrors) errors.add(e);
+    isInvalid || (isInvalid = v.isInvalid);
+    for (let key in validationDetails) validationDetails[key] || (validationDetails[key] = v.validationDetails[key]);
+  }
+  validationDetails.valid = !isInvalid;
+  return {
+    isInvalid,
+    validationErrors: [
+      ...errors
+    ],
+    validationDetails
+  };
+}
+function $191c9b6d48a0a4e2$export$294aa081a6c6f55d(props) {
+  let { description, errorMessage, isInvalid, validationState } = props;
+  let { labelProps, fieldProps } = $0beb20c9744a2065$export$8467354a121f1b9f(props);
+  let descriptionId = $390e54f620492c70$export$b4cc09c592e8fdb8([
+    Boolean(description),
+    Boolean(errorMessage),
+    isInvalid,
+    validationState
+  ]);
+  let errorMessageId = $390e54f620492c70$export$b4cc09c592e8fdb8([
+    Boolean(description),
+    Boolean(errorMessage),
+    isInvalid,
+    validationState
+  ]);
+  fieldProps = $bbaa08b3cd72f041$export$9d1611c77c2fe928(fieldProps, {
+    "aria-describedby": [
+      descriptionId,
+      // Use aria-describedby for error message because aria-errormessage is unsupported using VoiceOver or NVDA. See https://github.com/adobe/react-spectrum/issues/1346#issuecomment-740136268
+      errorMessageId,
+      props["aria-describedby"]
+    ].filter(Boolean).join(" ") || void 0
+  });
+  return {
+    labelProps,
+    fieldProps,
+    descriptionProps: {
+      id: descriptionId
+    },
+    errorMessageProps: {
+      id: errorMessageId
+    }
+  };
+}
+const $22e2f5f6490788e8$export$f6211563215e3b37 = /* @__PURE__ */ new WeakMap();
+function $22e2f5f6490788e8$export$18fc8428861184da(opts) {
+  let { triggerRef, isOpen, onClose } = opts;
+  useEffect(() => {
+    if (!isOpen || onClose === null) return;
+    let onScroll = (e) => {
+      let target = $23f2114a1b82827e$export$e58f029f0fbfdb29(e);
+      if (!triggerRef.current || target instanceof Node && !$23f2114a1b82827e$export$4282f70798064fe0(target, triggerRef.current)) return;
+      if (target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement) return;
+      let onCloseHandler = onClose || $22e2f5f6490788e8$export$f6211563215e3b37.get(triggerRef.current);
+      if (onCloseHandler) onCloseHandler();
+    };
+    window.addEventListener("scroll", onScroll, true);
+    return () => {
+      window.removeEventListener("scroll", onScroll, true);
+    };
+  }, [
+    isOpen,
+    onClose,
+    triggerRef
+  ]);
+}
+const $72abaeab4d80592f$export$60d741e20e0aa309 = /* @__PURE__ */ createContext({});
+function $72abaeab4d80592f$export$9fc1347d4195ccb3() {
+  return useContext($72abaeab4d80592f$export$60d741e20e0aa309) ?? {};
+}
+function $970072cf4b13fde3$var$hasResizeObserver() {
+  return typeof window.ResizeObserver !== "undefined";
+}
+function $970072cf4b13fde3$export$683480f191c0e3ea(options) {
+  const { ref, box, onResize } = options;
+  let onResizeEvent = $fe16bffc7a557bf0$export$7f54fc3180508a52(onResize);
+  useEffect(() => {
+    let element = ref == null ? void 0 : ref.current;
+    if (!element) return;
+    if (!$970072cf4b13fde3$var$hasResizeObserver()) {
+      window.addEventListener("resize", onResizeEvent, false);
+      return () => {
+        window.removeEventListener("resize", onResizeEvent, false);
+      };
+    } else {
+      const resizeObserverInstance = new window.ResizeObserver((entries) => {
+        if (!entries.length) return;
+        onResizeEvent();
+      });
+      resizeObserverInstance.observe(element, {
+        box
+      });
+      return () => {
+        if (element) resizeObserverInstance.unobserve(element);
+      };
+    }
+  }, [
+    ref,
+    box
+  ]);
+}
+const $c07df45195231803$var$Context = /* @__PURE__ */ React__default.createContext(null);
+function $c07df45195231803$export$178405afcd8c5eb(props) {
+  let { children } = props;
+  let parent = useContext($c07df45195231803$var$Context);
+  let [modalCount, setModalCount] = useState(0);
+  let context = useMemo(() => ({
+    parent,
+    modalCount,
+    addModal() {
+      setModalCount((count) => count + 1);
+      if (parent) parent.addModal();
+    },
+    removeModal() {
+      setModalCount((count) => count - 1);
+      if (parent) parent.removeModal();
+    }
+  }), [
+    parent,
+    modalCount
+  ]);
+  return /* @__PURE__ */ React__default.createElement($c07df45195231803$var$Context.Provider, {
+    value: context
+  }, children);
+}
+function $c07df45195231803$export$d9aaed4c3ece1bc0() {
+  let context = useContext($c07df45195231803$var$Context);
+  return {
+    modalProviderProps: {
+      "aria-hidden": context && context.modalCount > 0 ? true : void 0
+    }
+  };
+}
+function $c07df45195231803$var$OverlayContainerDOM(props) {
+  let { modalProviderProps } = $c07df45195231803$export$d9aaed4c3ece1bc0();
+  return /* @__PURE__ */ React__default.createElement("div", {
+    "data-overlay-container": true,
+    ...props,
+    ...modalProviderProps
+  });
+}
+function $c07df45195231803$export$bf688221f59024e5(props) {
+  return /* @__PURE__ */ React__default.createElement($c07df45195231803$export$178405afcd8c5eb, null, /* @__PURE__ */ React__default.createElement($c07df45195231803$var$OverlayContainerDOM, props));
+}
+function $c07df45195231803$export$b47c3594eab58386(props) {
+  let isSSR = $c7eafbbe1ea5834e$export$535bd6ca7f90a273();
+  let { portalContainer = isSSR ? null : document.body, ...rest } = props;
+  let { getContainer } = $72abaeab4d80592f$export$9fc1347d4195ccb3();
+  if (!props.portalContainer && getContainer) portalContainer = getContainer();
+  React__default.useEffect(() => {
+    if (portalContainer == null ? void 0 : portalContainer.closest("[data-overlay-container]")) throw new Error("An OverlayContainer must not be inside another container. Please change the portalContainer prop.");
+  }, [
+    portalContainer
+  ]);
+  if (!portalContainer) return null;
+  let contents = /* @__PURE__ */ React__default.createElement($c07df45195231803$export$bf688221f59024e5, rest);
+  return /* @__PURE__ */ __rspack_external_react_dom_7136dc57__default.createPortal(contents, portalContainer);
+}
+const $954926fb6168ae2a$var$AXIS = {
+  top: "top",
+  bottom: "top",
+  left: "left",
+  right: "left"
+};
+const $954926fb6168ae2a$var$FLIPPED_DIRECTION = {
+  top: "bottom",
+  bottom: "top",
+  left: "right",
+  right: "left"
+};
+const $954926fb6168ae2a$var$CROSS_AXIS = {
+  top: "left",
+  left: "top"
+};
+const $954926fb6168ae2a$var$AXIS_SIZE = {
+  top: "height",
+  left: "width"
+};
+const $954926fb6168ae2a$var$TOTAL_SIZE = {
+  width: "totalWidth",
+  height: "totalHeight"
+};
+const $954926fb6168ae2a$var$PARSED_PLACEMENT_CACHE = {};
+let $954926fb6168ae2a$var$getVisualViewport = () => typeof document !== "undefined" ? window.visualViewport : null;
+function $954926fb6168ae2a$var$getContainerDimensions(containerNode, visualViewport) {
+  let width = 0, height = 0, totalWidth = 0, totalHeight = 0, top = 0, left = 0;
+  let scroll = {};
+  let isPinchZoomedIn = ((visualViewport == null ? void 0 : visualViewport.scale) ?? 1) > 1;
+  if (containerNode.tagName === "BODY" || containerNode.tagName === "HTML") {
+    let documentElement = document.documentElement;
+    totalWidth = documentElement.clientWidth;
+    totalHeight = documentElement.clientHeight;
+    width = (visualViewport == null ? void 0 : visualViewport.width) ?? totalWidth;
+    height = (visualViewport == null ? void 0 : visualViewport.height) ?? totalHeight;
+    scroll.top = documentElement.scrollTop || containerNode.scrollTop;
+    scroll.left = documentElement.scrollLeft || containerNode.scrollLeft;
+    if (visualViewport) {
+      top = visualViewport.offsetTop;
+      left = visualViewport.offsetLeft;
+    }
+  } else {
+    ({ width, height, top, left } = $954926fb6168ae2a$var$getOffset(containerNode, false));
+    scroll.top = containerNode.scrollTop;
+    scroll.left = containerNode.scrollLeft;
+    totalWidth = width;
+    totalHeight = height;
+  }
+  if ($2add3ce32c6007eb$export$78551043582a6a98() && (containerNode.tagName === "BODY" || containerNode.tagName === "HTML") && isPinchZoomedIn) {
+    scroll.top = 0;
+    scroll.left = 0;
+    top = (visualViewport == null ? void 0 : visualViewport.pageTop) ?? 0;
+    left = (visualViewport == null ? void 0 : visualViewport.pageLeft) ?? 0;
+  }
+  return {
+    width,
+    height,
+    totalWidth,
+    totalHeight,
+    scroll,
+    top,
+    left
+  };
+}
+function $954926fb6168ae2a$var$getScroll(node) {
+  return {
+    top: node.scrollTop,
+    left: node.scrollLeft,
+    width: node.scrollWidth,
+    height: node.scrollHeight
+  };
+}
+function $954926fb6168ae2a$var$getDelta(axis, offset, size, boundaryDimensions, containerDimensions, padding, containerOffsetWithBoundary) {
+  let containerScroll = containerDimensions.scroll[axis] ?? 0;
+  let boundarySize = boundaryDimensions[$954926fb6168ae2a$var$AXIS_SIZE[axis]];
+  let boundaryStartEdge = containerOffsetWithBoundary[axis] + boundaryDimensions.scroll[$954926fb6168ae2a$var$AXIS[axis]] + padding;
+  let boundaryEndEdge = containerOffsetWithBoundary[axis] + boundaryDimensions.scroll[$954926fb6168ae2a$var$AXIS[axis]] + boundarySize - padding;
+  let startEdgeOffset = offset - containerScroll + boundaryDimensions.scroll[$954926fb6168ae2a$var$AXIS[axis]] + containerOffsetWithBoundary[axis] - boundaryDimensions[$954926fb6168ae2a$var$AXIS[axis]];
+  let endEdgeOffset = offset - containerScroll + size + boundaryDimensions.scroll[$954926fb6168ae2a$var$AXIS[axis]] + containerOffsetWithBoundary[axis] - boundaryDimensions[$954926fb6168ae2a$var$AXIS[axis]];
+  if (startEdgeOffset < boundaryStartEdge) return boundaryStartEdge - startEdgeOffset;
+  else if (endEdgeOffset > boundaryEndEdge) return Math.max(boundaryEndEdge - endEdgeOffset, boundaryStartEdge - startEdgeOffset);
+  else return 0;
+}
+function $954926fb6168ae2a$var$getMargins(node) {
+  let style = window.getComputedStyle(node);
+  return {
+    top: parseInt(style.marginTop, 10) || 0,
+    bottom: parseInt(style.marginBottom, 10) || 0,
+    left: parseInt(style.marginLeft, 10) || 0,
+    right: parseInt(style.marginRight, 10) || 0
+  };
+}
+function $954926fb6168ae2a$var$parsePlacement(input) {
+  if ($954926fb6168ae2a$var$PARSED_PLACEMENT_CACHE[input]) return $954926fb6168ae2a$var$PARSED_PLACEMENT_CACHE[input];
+  let [placement, crossPlacement] = input.split(" ");
+  let axis = $954926fb6168ae2a$var$AXIS[placement] || "right";
+  let crossAxis = $954926fb6168ae2a$var$CROSS_AXIS[axis];
+  if (!$954926fb6168ae2a$var$AXIS[crossPlacement]) crossPlacement = "center";
+  let size = $954926fb6168ae2a$var$AXIS_SIZE[axis];
+  let crossSize = $954926fb6168ae2a$var$AXIS_SIZE[crossAxis];
+  $954926fb6168ae2a$var$PARSED_PLACEMENT_CACHE[input] = {
+    placement,
+    crossPlacement,
+    axis,
+    crossAxis,
+    size,
+    crossSize
+  };
+  return $954926fb6168ae2a$var$PARSED_PLACEMENT_CACHE[input];
+}
+function $954926fb6168ae2a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset, containerDimensions) {
+  let { placement, crossPlacement, axis, crossAxis, size, crossSize } = placementInfo;
+  let position = {};
+  position[crossAxis] = childOffset[crossAxis] ?? 0;
+  if (crossPlacement === "center")
+    position[crossAxis] += ((childOffset[crossSize] ?? 0) - (overlaySize[crossSize] ?? 0)) / 2;
+  else if (crossPlacement !== crossAxis)
+    position[crossAxis] += (childOffset[crossSize] ?? 0) - (overlaySize[crossSize] ?? 0);
+  position[crossAxis] += crossOffset;
+  const minPosition = childOffset[crossAxis] - overlaySize[crossSize] + arrowSize + arrowBoundaryOffset;
+  const maxPosition = childOffset[crossAxis] + childOffset[crossSize] - arrowSize - arrowBoundaryOffset;
+  position[crossAxis] = $240e9101ba2842f5$export$7d15b64cf5a3a4c4(position[crossAxis], minPosition, maxPosition);
+  if (placement === axis) {
+    let containerHeight = isContainerPositioned ? containerDimensions[size] : containerDimensions[$954926fb6168ae2a$var$TOTAL_SIZE[size]];
+    position[$954926fb6168ae2a$var$FLIPPED_DIRECTION[axis]] = Math.floor(containerHeight - childOffset[axis] + offset);
+  } else position[axis] = Math.floor(childOffset[axis] + childOffset[size] + offset);
+  return position;
+}
+function $954926fb6168ae2a$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, isContainerPositioned, margins, padding, overlayHeight, heightGrowthDirection, containerDimensions, isContainerDescendentOfBoundary, visualViewport) {
+  let overlayTop = (position.top != null ? position.top : containerDimensions[$954926fb6168ae2a$var$TOTAL_SIZE.height] - (position.bottom ?? 0) - overlayHeight) - (containerDimensions.scroll.top ?? 0);
+  let boundaryToContainerTransformOffset = isContainerDescendentOfBoundary ? containerOffsetWithBoundary.top : 0;
+  let boundingRect = {
+    // This should be boundary top in container coord system vs viewport top in container coord system
+    // For the viewport top, there are several cases
+    // 1. pinchzoom case where we want the viewports offset top as top here
+    // 2. case where container is offset from the boundary and is contained by the boundary. In this case the top we want here is NOT 0, we want to take boundary's top even though is is a negative number OR the visual viewport, whichever is more restrictive
+    top: Math.max(boundaryDimensions.top + boundaryToContainerTransformOffset, ((visualViewport == null ? void 0 : visualViewport.offsetTop) ?? boundaryDimensions.top) + boundaryToContainerTransformOffset),
+    bottom: Math.min(boundaryDimensions.top + boundaryDimensions.height + boundaryToContainerTransformOffset, ((visualViewport == null ? void 0 : visualViewport.offsetTop) ?? 0) + ((visualViewport == null ? void 0 : visualViewport.height) ?? 0))
+  };
+  let maxHeight = heightGrowthDirection !== "top" ? (
+    // We want the distance between the top of the overlay to the bottom of the boundary
+    Math.max(0, boundingRect.bottom - overlayTop - ((margins.top ?? 0) + (margins.bottom ?? 0) + padding))
+  ) : Math.max(0, overlayTop + overlayHeight - boundingRect.top - ((margins.top ?? 0) + (margins.bottom ?? 0) + padding));
+  return maxHeight;
+}
+function $954926fb6168ae2a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding, placementInfo, containerDimensions, isContainerDescendentOfBoundary) {
+  let { placement, axis, size } = placementInfo;
+  if (placement === axis) return Math.max(0, childOffset[axis] - (containerDimensions.scroll[axis] ?? 0) - (boundaryDimensions[axis] + (isContainerDescendentOfBoundary ? containerOffsetWithBoundary[axis] : 0)) - (margins[axis] ?? 0) - margins[$954926fb6168ae2a$var$FLIPPED_DIRECTION[axis]] - padding);
+  return Math.max(0, boundaryDimensions[size] + boundaryDimensions[axis] + (isContainerDescendentOfBoundary ? containerOffsetWithBoundary[axis] : 0) - childOffset[axis] - childOffset[size] + (containerDimensions.scroll[axis] ?? 0) - (margins[axis] ?? 0) - margins[$954926fb6168ae2a$var$FLIPPED_DIRECTION[axis]] - padding);
+}
+function $954926fb6168ae2a$export$6839422d1f33cee9(placementInput, childOffset, overlaySize, scrollSize, margins, padding, flip, boundaryDimensions, containerDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, userSetMaxHeight, arrowSize, arrowBoundaryOffset, isContainerDescendentOfBoundary, visualViewport) {
+  let placementInfo = $954926fb6168ae2a$var$parsePlacement(placementInput);
+  let { size, crossAxis, crossSize, placement, crossPlacement } = placementInfo;
+  let position = $954926fb6168ae2a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset, containerDimensions);
+  let normalizedOffset = offset;
+  let space = $954926fb6168ae2a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, placementInfo, containerDimensions, isContainerDescendentOfBoundary);
+  if (flip && overlaySize[size] > space) {
+    let flippedPlacementInfo = $954926fb6168ae2a$var$parsePlacement(`${$954926fb6168ae2a$var$FLIPPED_DIRECTION[placement]} ${crossPlacement}`);
+    let flippedPosition = $954926fb6168ae2a$var$computePosition(childOffset, boundaryDimensions, overlaySize, flippedPlacementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset, containerDimensions);
+    let flippedSpace = $954926fb6168ae2a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, flippedPlacementInfo, containerDimensions, isContainerDescendentOfBoundary);
+    if (flippedSpace > space) {
+      placementInfo = flippedPlacementInfo;
+      position = flippedPosition;
+      normalizedOffset = offset;
+    }
+  }
+  let heightGrowthDirection = "bottom";
+  if (placementInfo.axis === "top") {
+    if (placementInfo.placement === "top") heightGrowthDirection = "top";
+    else if (placementInfo.placement === "bottom") heightGrowthDirection = "bottom";
+  } else if (placementInfo.crossAxis === "top") {
+    if (placementInfo.crossPlacement === "top") heightGrowthDirection = "bottom";
+    else if (placementInfo.crossPlacement === "bottom") heightGrowthDirection = "top";
+  }
+  let delta = $954926fb6168ae2a$var$getDelta(crossAxis, position[crossAxis], overlaySize[crossSize], boundaryDimensions, containerDimensions, padding, containerOffsetWithBoundary);
+  position[crossAxis] += delta;
+  let maxHeight = $954926fb6168ae2a$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, isContainerPositioned, margins, padding, overlaySize.height, heightGrowthDirection, containerDimensions, isContainerDescendentOfBoundary, visualViewport);
+  if (userSetMaxHeight && userSetMaxHeight < maxHeight) maxHeight = userSetMaxHeight;
+  overlaySize.height = Math.min(overlaySize.height, maxHeight);
+  position = $954926fb6168ae2a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, normalizedOffset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset, containerDimensions);
+  delta = $954926fb6168ae2a$var$getDelta(crossAxis, position[crossAxis], overlaySize[crossSize], boundaryDimensions, containerDimensions, padding, containerOffsetWithBoundary);
+  position[crossAxis] += delta;
+  let arrowPosition = {};
+  let origin = childOffset[crossAxis] - position[crossAxis] - margins[$954926fb6168ae2a$var$AXIS[crossAxis]];
+  let preferredArrowPosition = origin + 0.5 * childOffset[crossSize];
+  const arrowMinPosition = arrowSize / 2 + arrowBoundaryOffset;
+  const overlayMargin = $954926fb6168ae2a$var$AXIS[crossAxis] === "left" ? (margins.left ?? 0) + (margins.right ?? 0) : (margins.top ?? 0) + (margins.bottom ?? 0);
+  const arrowMaxPosition = overlaySize[crossSize] - overlayMargin - arrowSize / 2 - arrowBoundaryOffset;
+  const arrowOverlappingChildMinEdge = childOffset[crossAxis] + arrowSize / 2 - (position[crossAxis] + margins[$954926fb6168ae2a$var$AXIS[crossAxis]]);
+  const arrowOverlappingChildMaxEdge = childOffset[crossAxis] + childOffset[crossSize] - arrowSize / 2 - (position[crossAxis] + margins[$954926fb6168ae2a$var$AXIS[crossAxis]]);
+  const arrowPositionOverlappingChild = $240e9101ba2842f5$export$7d15b64cf5a3a4c4(preferredArrowPosition, arrowOverlappingChildMinEdge, arrowOverlappingChildMaxEdge);
+  arrowPosition[crossAxis] = $240e9101ba2842f5$export$7d15b64cf5a3a4c4(arrowPositionOverlappingChild, arrowMinPosition, arrowMaxPosition);
+  ({ placement, crossPlacement } = placementInfo);
+  if (arrowSize) origin = arrowPosition[crossAxis];
+  else if (crossPlacement === "right") origin += childOffset[crossSize];
+  else if (crossPlacement === "center") origin += childOffset[crossSize] / 2;
+  let crossOrigin = placement === "left" || placement === "top" ? overlaySize[size] : 0;
+  let triggerAnchorPoint = {
+    x: placement === "top" || placement === "bottom" ? origin : crossOrigin,
+    y: placement === "left" || placement === "right" ? origin : crossOrigin
+  };
+  return {
+    position,
+    maxHeight,
+    arrowOffsetLeft: arrowPosition.left,
+    arrowOffsetTop: arrowPosition.top,
+    placement,
+    triggerAnchorPoint
+  };
+}
+function $954926fb6168ae2a$export$b3ceb0cbf1056d98(opts) {
+  let { placement, targetNode, overlayNode, scrollNode, padding, shouldFlip, boundaryElement, offset, crossOffset, maxHeight, arrowSize = 0, arrowBoundaryOffset = 0 } = opts;
+  let visualViewport = $954926fb6168ae2a$var$getVisualViewport();
+  let container = overlayNode instanceof HTMLElement ? $954926fb6168ae2a$var$getContainingBlock(overlayNode) : document.documentElement;
+  let isViewportContainer = container === document.documentElement;
+  const containerPositionStyle = window.getComputedStyle(container).position;
+  let isContainerPositioned = !!containerPositionStyle && containerPositionStyle !== "static";
+  let childOffset = isViewportContainer ? $954926fb6168ae2a$var$getOffset(targetNode, false) : $954926fb6168ae2a$var$getPosition(targetNode, container, false);
+  if (!isViewportContainer) {
+    let { marginTop, marginLeft } = window.getComputedStyle(targetNode);
+    childOffset.top += parseInt(marginTop, 10) || 0;
+    childOffset.left += parseInt(marginLeft, 10) || 0;
+  }
+  let overlaySize = $954926fb6168ae2a$var$getOffset(overlayNode, true);
+  let margins = $954926fb6168ae2a$var$getMargins(overlayNode);
+  overlaySize.width += (margins.left ?? 0) + (margins.right ?? 0);
+  overlaySize.height += (margins.top ?? 0) + (margins.bottom ?? 0);
+  let scrollSize = $954926fb6168ae2a$var$getScroll(scrollNode);
+  let boundaryDimensions = $954926fb6168ae2a$var$getContainerDimensions(boundaryElement, visualViewport);
+  let containerDimensions = $954926fb6168ae2a$var$getContainerDimensions(container, visualViewport);
+  let containerOffsetWithBoundary;
+  if ((boundaryElement.tagName === "BODY" || boundaryElement.tagName === "HTML") && !isViewportContainer) {
+    let containerRect = $954926fb6168ae2a$export$4b834cebd9e5cebe(container, false);
+    containerOffsetWithBoundary = {
+      top: -(containerRect.top - boundaryDimensions.top),
+      left: -(containerRect.left - boundaryDimensions.left),
+      width: 0,
+      height: 0
+    };
+  } else if ((boundaryElement.tagName === "BODY" || boundaryElement.tagName === "HTML") && isViewportContainer)
+    containerOffsetWithBoundary = {
+      top: 0,
+      left: 0,
+      width: 0,
+      height: 0
+    };
+  else
+    containerOffsetWithBoundary = $954926fb6168ae2a$var$getPosition(boundaryElement, container, false);
+  let isContainerDescendentOfBoundary = $23f2114a1b82827e$export$4282f70798064fe0(boundaryElement, container);
+  return $954926fb6168ae2a$export$6839422d1f33cee9(placement, childOffset, overlaySize, scrollSize, margins, padding, shouldFlip, boundaryDimensions, containerDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, maxHeight, arrowSize, arrowBoundaryOffset, isContainerDescendentOfBoundary, visualViewport);
+}
+function $954926fb6168ae2a$export$4b834cebd9e5cebe(node, ignoreScale) {
+  let { top, left, width, height } = node.getBoundingClientRect();
+  if (ignoreScale && node instanceof node.ownerDocument.defaultView.HTMLElement) {
+    width = node.offsetWidth;
+    height = node.offsetHeight;
+  }
+  return {
+    top,
+    left,
+    width,
+    height
+  };
+}
+function $954926fb6168ae2a$var$getOffset(node, ignoreScale) {
+  let { top, left, width, height } = $954926fb6168ae2a$export$4b834cebd9e5cebe(node, ignoreScale);
+  let { scrollTop, scrollLeft, clientTop, clientLeft } = document.documentElement;
+  return {
+    top: top + scrollTop - clientTop,
+    left: left + scrollLeft - clientLeft,
+    width,
+    height
+  };
+}
+function $954926fb6168ae2a$var$getPosition(node, parent, ignoreScale) {
+  let style = window.getComputedStyle(node);
+  let offset;
+  if (style.position === "fixed") offset = $954926fb6168ae2a$export$4b834cebd9e5cebe(node, ignoreScale);
+  else {
+    offset = $954926fb6168ae2a$var$getOffset(node, ignoreScale);
+    let parentOffset = $954926fb6168ae2a$var$getOffset(parent, ignoreScale);
+    let parentStyle = window.getComputedStyle(parent);
+    parentOffset.top += (parseInt(parentStyle.borderTopWidth, 10) || 0) - parent.scrollTop;
+    parentOffset.left += (parseInt(parentStyle.borderLeftWidth, 10) || 0) - parent.scrollLeft;
+    offset.top -= parentOffset.top;
+    offset.left -= parentOffset.left;
+  }
+  offset.top -= parseInt(style.marginTop, 10) || 0;
+  offset.left -= parseInt(style.marginLeft, 10) || 0;
+  return offset;
+}
+function $954926fb6168ae2a$var$getContainingBlock(node) {
+  let offsetParent = node.offsetParent;
+  if (offsetParent && offsetParent === document.body && window.getComputedStyle(offsetParent).position === "static" && !$954926fb6168ae2a$var$isContainingBlock(offsetParent)) offsetParent = document.documentElement;
+  if (offsetParent == null) {
+    offsetParent = node.parentElement;
+    while (offsetParent && !$954926fb6168ae2a$var$isContainingBlock(offsetParent)) offsetParent = offsetParent.parentElement;
+  }
+  return offsetParent || document.documentElement;
+}
+function $954926fb6168ae2a$var$isContainingBlock(node) {
+  let style = window.getComputedStyle(node);
+  return style.transform !== "none" || /transform|perspective/.test(style.willChange) || style.filter !== "none" || style.contain === "paint" || "backdropFilter" in style && style.backdropFilter !== "none" || "WebkitBackdropFilter" in style && style.WebkitBackdropFilter !== "none";
+}
+let $b3526bc71400be8d$var$visualViewport = typeof document !== "undefined" ? window.visualViewport : null;
+function $b3526bc71400be8d$export$d39e1813b3bdd0e1(props) {
+  let { direction } = $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7();
+  let { arrowSize, targetRef, overlayRef, arrowRef, scrollRef = overlayRef, placement = "bottom", containerPadding = 12, shouldFlip = true, boundaryElement = typeof document !== "undefined" ? document.body : null, offset = 0, crossOffset = 0, shouldUpdatePosition = true, isOpen = true, onClose, maxHeight, arrowBoundaryOffset = 0 } = props;
+  let [position, setPosition] = useState(null);
+  let deps = [
+    shouldUpdatePosition,
+    placement,
+    overlayRef.current,
+    targetRef.current,
+    arrowRef == null ? void 0 : arrowRef.current,
+    scrollRef.current,
+    containerPadding,
+    shouldFlip,
+    boundaryElement,
+    offset,
+    crossOffset,
+    isOpen,
+    direction,
+    maxHeight,
+    arrowBoundaryOffset,
+    arrowSize
+  ];
+  let lastScale = useRef($b3526bc71400be8d$var$visualViewport == null ? void 0 : $b3526bc71400be8d$var$visualViewport.scale);
+  useEffect(() => {
+    if (isOpen) lastScale.current = $b3526bc71400be8d$var$visualViewport == null ? void 0 : $b3526bc71400be8d$var$visualViewport.scale;
+  }, [
+    isOpen
+  ]);
+  let updatePosition = useCallback(() => {
+    var _a, _b;
+    if (shouldUpdatePosition === false || !isOpen || !overlayRef.current || !targetRef.current || !boundaryElement) return;
+    if (($b3526bc71400be8d$var$visualViewport == null ? void 0 : $b3526bc71400be8d$var$visualViewport.scale) !== lastScale.current) return;
+    let anchor = null;
+    if (scrollRef.current && $23f2114a1b82827e$export$b4f377a2b6254582(scrollRef.current)) {
+      let anchorRect = (_a = $23f2114a1b82827e$export$cd4e5573fbe2b576()) == null ? void 0 : _a.getBoundingClientRect();
+      let scrollRect = scrollRef.current.getBoundingClientRect();
+      anchor = {
+        type: "top",
+        offset: ((anchorRect == null ? void 0 : anchorRect.top) ?? 0) - scrollRect.top
+      };
+      if (anchor.offset > scrollRect.height / 2) {
+        anchor.type = "bottom";
+        anchor.offset = ((anchorRect == null ? void 0 : anchorRect.bottom) ?? 0) - scrollRect.bottom;
+      }
+    }
+    let overlay = overlayRef.current;
+    if (!maxHeight && overlayRef.current) {
+      overlay.style.top = "0px";
+      overlay.style.bottom = "";
+      overlay.style.maxHeight = (((_b = window.visualViewport) == null ? void 0 : _b.height) ?? window.innerHeight) + "px";
+    }
+    let position2 = $954926fb6168ae2a$export$b3ceb0cbf1056d98({
+      placement: $b3526bc71400be8d$var$translateRTL(placement, direction),
+      overlayNode: overlayRef.current,
+      targetNode: targetRef.current,
+      scrollNode: scrollRef.current || overlayRef.current,
+      padding: containerPadding,
+      shouldFlip,
+      boundaryElement,
+      offset,
+      crossOffset,
+      maxHeight,
+      arrowSize: arrowSize ?? ((arrowRef == null ? void 0 : arrowRef.current) ? $954926fb6168ae2a$export$4b834cebd9e5cebe(arrowRef.current, true).width : 0),
+      arrowBoundaryOffset
+    });
+    if (!position2.position) return;
+    overlay.style.top = "";
+    overlay.style.bottom = "";
+    overlay.style.left = "";
+    overlay.style.right = "";
+    Object.keys(position2.position).forEach((key) => overlay.style[key] = position2.position[key] + "px");
+    overlay.style.maxHeight = position2.maxHeight != null ? position2.maxHeight + "px" : "";
+    let activeElement = $23f2114a1b82827e$export$cd4e5573fbe2b576();
+    if (anchor && activeElement && scrollRef.current) {
+      let anchorRect = activeElement.getBoundingClientRect();
+      let scrollRect = scrollRef.current.getBoundingClientRect();
+      let newOffset = anchorRect[anchor.type] - scrollRect[anchor.type];
+      scrollRef.current.scrollTop += newOffset - anchor.offset;
+    }
+    setPosition(position2);
+  }, deps);
+  $c4867b2f328c2698$export$e5c5a5f917a5871c(updatePosition, deps);
+  $b3526bc71400be8d$var$useResize(updatePosition);
+  $970072cf4b13fde3$export$683480f191c0e3ea({
+    ref: overlayRef,
+    onResize: updatePosition
+  });
+  $970072cf4b13fde3$export$683480f191c0e3ea({
+    ref: targetRef,
+    onResize: updatePosition
+  });
+  let isResizing = useRef(false);
+  $c4867b2f328c2698$export$e5c5a5f917a5871c(() => {
+    let timeout;
+    let onResize = () => {
+      isResizing.current = true;
+      clearTimeout(timeout);
+      timeout = setTimeout(() => {
+        isResizing.current = false;
+      }, 500);
+      updatePosition();
+    };
+    let onScroll = () => {
+      if (isResizing.current) onResize();
+    };
+    $b3526bc71400be8d$var$visualViewport == null ? void 0 : $b3526bc71400be8d$var$visualViewport.addEventListener("resize", onResize);
+    $b3526bc71400be8d$var$visualViewport == null ? void 0 : $b3526bc71400be8d$var$visualViewport.addEventListener("scroll", onScroll);
+    return () => {
+      $b3526bc71400be8d$var$visualViewport == null ? void 0 : $b3526bc71400be8d$var$visualViewport.removeEventListener("resize", onResize);
+      $b3526bc71400be8d$var$visualViewport == null ? void 0 : $b3526bc71400be8d$var$visualViewport.removeEventListener("scroll", onScroll);
+    };
+  }, [
+    updatePosition
+  ]);
+  let close = useCallback(() => {
+    if (!isResizing.current) onClose == null ? void 0 : onClose();
+  }, [
+    onClose,
+    isResizing
+  ]);
+  $22e2f5f6490788e8$export$18fc8428861184da({
+    triggerRef: targetRef,
+    isOpen,
+    onClose: onClose && close
+  });
+  return {
+    overlayProps: {
+      style: {
+        position: position ? "absolute" : "fixed",
+        top: !position ? 0 : void 0,
+        left: !position ? 0 : void 0,
+        zIndex: 1e5,
+        ...position == null ? void 0 : position.position,
+        maxHeight: (position == null ? void 0 : position.maxHeight) ?? "100vh"
+      }
+    },
+    placement: (position == null ? void 0 : position.placement) ?? null,
+    triggerAnchorPoint: (position == null ? void 0 : position.triggerAnchorPoint) ?? null,
+    arrowProps: {
+      "aria-hidden": "true",
+      role: "presentation",
+      style: {
+        left: position == null ? void 0 : position.arrowOffsetLeft,
+        top: position == null ? void 0 : position.arrowOffsetTop
+      }
+    },
+    updatePosition
+  };
+}
+function $b3526bc71400be8d$var$useResize(onResize) {
+  $c4867b2f328c2698$export$e5c5a5f917a5871c(() => {
+    window.addEventListener("resize", onResize, false);
+    return () => {
+      window.removeEventListener("resize", onResize, false);
+    };
+  }, [
+    onResize
+  ]);
+}
+function $b3526bc71400be8d$var$translateRTL(position, direction) {
+  if (direction === "rtl") return position.replace("start", "right").replace("end", "left");
+  return position.replace("start", "left").replace("end", "right");
+}
+function $8c383cffc84c9982$export$1c4b08e0eca38426(props, state) {
+  let domProps = $8e9d2fae0ecb9001$export$457c3d6518dd4c6f(props, {
+    labelable: true
+  });
+  let { hoverProps } = $e969f22b6713ca4a$export$ae780daf29e6d456({
+    onHoverStart: () => state == null ? void 0 : state.open(true),
+    onHoverEnd: () => state == null ? void 0 : state.close()
+  });
+  return {
+    tooltipProps: $bbaa08b3cd72f041$export$9d1611c77c2fe928(domProps, hoverProps, {
+      role: "tooltip"
+    })
+  };
+}
+function $85908aa8a35f0fac$export$a6da6c504e4bba8b(props, state, ref) {
+  let { isDisabled, trigger, shouldCloseOnPress = true } = props;
+  let tooltipId = $390e54f620492c70$export$f680877a34711e37();
+  let isHovered = useRef(false);
+  let isFocused = useRef(false);
+  let handleShow = () => {
+    if (isHovered.current || isFocused.current) state.open(isFocused.current);
+  };
+  let handleHide = (immediate) => {
+    if (!isHovered.current && !isFocused.current) state.close(immediate);
+  };
+  useEffect(() => {
+    let onKeyDown = (e) => {
+      if (ref && ref.current) {
+        if (e.key === "Escape") {
+          e.stopPropagation();
+          state.close(true);
+        }
+      }
+    };
+    if (state.isOpen) {
+      document.addEventListener("keydown", onKeyDown, true);
+      return () => {
+        document.removeEventListener("keydown", onKeyDown, true);
+      };
+    }
+  }, [
+    ref,
+    state
+  ]);
+  let onHoverStart = () => {
+    if (trigger === "focus") return;
+    if ($8f5a2122b0992be3$export$630ff653c5ada6a9() === "pointer") isHovered.current = true;
+    else isHovered.current = false;
+    handleShow();
+  };
+  let onHoverEnd = () => {
+    if (trigger === "focus") return;
+    isFocused.current = false;
+    isHovered.current = false;
+    handleHide();
+  };
+  let onPressStart = () => {
+    if (!shouldCloseOnPress) return;
+    isFocused.current = false;
+    isHovered.current = false;
+    handleHide(true);
+  };
+  let onFocus = () => {
+    let isVisible = $8f5a2122b0992be3$export$b9b3dfddab17db27();
+    if (isVisible) {
+      isFocused.current = true;
+      handleShow();
+    }
+  };
+  let onBlur = () => {
+    isFocused.current = false;
+    isHovered.current = false;
+    handleHide(true);
+  };
+  let { hoverProps } = $e969f22b6713ca4a$export$ae780daf29e6d456({
+    isDisabled,
+    onHoverStart,
+    onHoverEnd
+  });
+  let { focusableProps } = $d1116acdf220c2da$export$4c014de7c8940b4c({
+    isDisabled,
+    onFocus,
+    onBlur
+  }, ref);
+  return {
+    triggerProps: {
+      "aria-describedby": state.isOpen ? tooltipId : void 0,
+      ...$bbaa08b3cd72f041$export$9d1611c77c2fe928(focusableProps, hoverProps, {
+        onPointerDown: onPressStart,
+        onKeyDown: onPressStart
+      }),
+      tabIndex: void 0
+    },
+    tooltipProps: {
+      id: tooltipId
+    }
+  };
+}
+const $514c0188e459b4c0$export$9afb8bc826b033ea = /* @__PURE__ */ createContext({});
+const $514c0188e459b4c0$export$5f1af8db9871e1d6 = /* @__PURE__ */ forwardRef(function Text(props, ref) {
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $514c0188e459b4c0$export$9afb8bc826b033ea);
+  let { elementType: ElementType = "span", ...domProps } = props;
+  return /* @__PURE__ */ React__default.createElement(ElementType, {
+    className: "react-aria-Text",
+    ...domProps,
+    ref
+  });
+});
+function $f11fb0bcf1b2687a$export$61c6a8c84e605fb6(props) {
+  let [isOpen, setOpen] = $3e6197669829fe11$export$40bfa8c7b0832715(props.isOpen, props.defaultOpen || false, props.onOpenChange);
+  const open = useCallback(() => {
+    setOpen(true);
+  }, [
+    setOpen
+  ]);
+  const close = useCallback(() => {
+    setOpen(false);
+  }, [
+    setOpen
+  ]);
+  const toggle = useCallback(() => {
+    setOpen(!isOpen);
+  }, [
+    setOpen,
+    isOpen
+  ]);
+  return {
+    isOpen,
+    setOpen,
+    open,
+    close,
+    toggle
+  };
+}
+const $3834487504f4fc00$var$TOOLTIP_DELAY = 1500;
+const $3834487504f4fc00$var$TOOLTIP_COOLDOWN = 500;
+let $3834487504f4fc00$var$tooltips = {};
+let $3834487504f4fc00$var$tooltipId = 0;
+let $3834487504f4fc00$var$globalWarmedUp = false;
+let $3834487504f4fc00$var$globalWarmUpTimeout = null;
+let $3834487504f4fc00$var$globalCooldownTimeout = null;
+function $3834487504f4fc00$export$4d40659c25ecb50b(props = {}) {
+  let { delay = $3834487504f4fc00$var$TOOLTIP_DELAY, closeDelay = $3834487504f4fc00$var$TOOLTIP_COOLDOWN } = props;
+  let { isOpen, open, close } = $f11fb0bcf1b2687a$export$61c6a8c84e605fb6(props);
+  let id = useMemo(() => `${++$3834487504f4fc00$var$tooltipId}`, []);
+  let closeTimeout = useRef(null);
+  let closeCallback = useRef(close);
+  let ensureTooltipEntry = () => {
+    $3834487504f4fc00$var$tooltips[id] = hideTooltip;
+  };
+  let closeOpenTooltips = () => {
+    for (let hideTooltipId in $3834487504f4fc00$var$tooltips) if (hideTooltipId !== id) {
+      $3834487504f4fc00$var$tooltips[hideTooltipId](true);
+      delete $3834487504f4fc00$var$tooltips[hideTooltipId];
+    }
+  };
+  let showTooltip = () => {
+    if (closeTimeout.current) clearTimeout(closeTimeout.current);
+    closeTimeout.current = null;
+    closeOpenTooltips();
+    ensureTooltipEntry();
+    $3834487504f4fc00$var$globalWarmedUp = true;
+    open();
+    if ($3834487504f4fc00$var$globalWarmUpTimeout) {
+      clearTimeout($3834487504f4fc00$var$globalWarmUpTimeout);
+      $3834487504f4fc00$var$globalWarmUpTimeout = null;
+    }
+    if ($3834487504f4fc00$var$globalCooldownTimeout) {
+      clearTimeout($3834487504f4fc00$var$globalCooldownTimeout);
+      $3834487504f4fc00$var$globalCooldownTimeout = null;
+    }
+  };
+  let hideTooltip = (immediate) => {
+    if (immediate || closeDelay <= 0) {
+      if (closeTimeout.current) clearTimeout(closeTimeout.current);
+      closeTimeout.current = null;
+      closeCallback.current();
+    } else if (!closeTimeout.current) closeTimeout.current = setTimeout(() => {
+      closeTimeout.current = null;
+      closeCallback.current();
+    }, closeDelay);
+    if ($3834487504f4fc00$var$globalWarmUpTimeout) {
+      clearTimeout($3834487504f4fc00$var$globalWarmUpTimeout);
+      $3834487504f4fc00$var$globalWarmUpTimeout = null;
+    }
+    if ($3834487504f4fc00$var$globalWarmedUp) {
+      if ($3834487504f4fc00$var$globalCooldownTimeout) clearTimeout($3834487504f4fc00$var$globalCooldownTimeout);
+      $3834487504f4fc00$var$globalCooldownTimeout = setTimeout(() => {
+        delete $3834487504f4fc00$var$tooltips[id];
+        $3834487504f4fc00$var$globalCooldownTimeout = null;
+        $3834487504f4fc00$var$globalWarmedUp = false;
+      }, Math.max($3834487504f4fc00$var$TOOLTIP_COOLDOWN, closeDelay));
+    }
+  };
+  let warmupTooltip = () => {
+    closeOpenTooltips();
+    ensureTooltipEntry();
+    if (!isOpen && !$3834487504f4fc00$var$globalWarmedUp) {
+      if ($3834487504f4fc00$var$globalWarmUpTimeout) clearTimeout($3834487504f4fc00$var$globalWarmUpTimeout);
+      $3834487504f4fc00$var$globalWarmUpTimeout = setTimeout(() => {
+        $3834487504f4fc00$var$globalWarmUpTimeout = null;
+        $3834487504f4fc00$var$globalWarmedUp = true;
+        showTooltip();
+      }, delay);
+    } else if (!isOpen) showTooltip();
+  };
+  useEffect(() => {
+    closeCallback.current = close;
+  }, [
+    close
+  ]);
+  useEffect(() => {
+    return () => {
+      if (closeTimeout.current) clearTimeout(closeTimeout.current);
+      let tooltip = $3834487504f4fc00$var$tooltips[id];
+      if (tooltip) delete $3834487504f4fc00$var$tooltips[id];
+    };
+  }, [
+    id
+  ]);
+  return {
+    isOpen,
+    open: (immediate) => {
+      if (!immediate && delay > 0 && !closeTimeout.current) warmupTooltip();
+      else showTooltip();
+    },
+    close: hideTooltip
+  };
+}
+const $ee014567cb39d3f0$export$ff05c3ac10437e03 = /* @__PURE__ */ createContext(null);
+const $ee014567cb39d3f0$export$f551688fc98f2e09 = /* @__PURE__ */ forwardRef(function FieldError(props, ref) {
+  let validation = useContext($ee014567cb39d3f0$export$ff05c3ac10437e03);
+  if (!(validation === null || validation === void 0 ? void 0 : validation.isInvalid)) return null;
+  return /* @__PURE__ */ React__default.createElement($ee014567cb39d3f0$var$FieldErrorInner, {
+    ...props,
+    ref
+  });
+});
+const $ee014567cb39d3f0$var$FieldErrorInner = /* @__PURE__ */ forwardRef((props, ref) => {
+  let validation = useContext($ee014567cb39d3f0$export$ff05c3ac10437e03);
+  let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    global: true
+  });
+  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+    ...props,
+    defaultClassName: "react-aria-FieldError",
+    defaultChildren: validation.validationErrors.length === 0 ? void 0 : validation.validationErrors.join(" "),
+    values: validation
+  });
+  if (renderProps.children == null) return null;
+  return /* @__PURE__ */ React__default.createElement($514c0188e459b4c0$export$5f1af8db9871e1d6, {
+    slot: "errorMessage",
+    ...domProps,
+    ...renderProps,
+    ref
+  });
+});
+const $d3e0e05bdfcf66bd$export$c24727297075ec6a = /* @__PURE__ */ createContext(null);
+const $3985021b0ad6602f$export$37fb8590cf2c088c = /* @__PURE__ */ createContext({});
+let $3985021b0ad6602f$var$filterHoverProps = (props) => {
+  let { onHoverStart, onHoverChange, onHoverEnd, ...otherProps } = props;
+  return otherProps;
+};
+const $3985021b0ad6602f$export$f5b8910cec6cf069 = /* @__PURE__ */ $f39a9eba43920ace$export$86427a43e3e48ebb(function Input(props, ref) {
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $3985021b0ad6602f$export$37fb8590cf2c088c);
+  let { hoverProps, isHovered } = $e969f22b6713ca4a$export$ae780daf29e6d456(props);
+  let { isFocused, isFocusVisible, focusProps } = $0c4a58759813079a$export$4e328f61c538687f({
+    isTextInput: true,
+    autoFocus: props.autoFocus
+  });
+  let isInvalid = !!props["aria-invalid"] && props["aria-invalid"] !== "false";
+  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+    ...props,
+    values: {
+      isHovered,
+      isFocused,
+      isFocusVisible,
+      isDisabled: props.disabled || false,
+      isInvalid
+    },
+    defaultClassName: "react-aria-Input"
+  });
+  return /* @__PURE__ */ React__default.createElement("input", {
+    ...$bbaa08b3cd72f041$export$9d1611c77c2fe928($3985021b0ad6602f$var$filterHoverProps(props), focusProps, hoverProps),
+    ...renderProps,
+    ref,
+    "data-focused": isFocused || void 0,
+    "data-disabled": props.disabled || void 0,
+    "data-hovered": isHovered || void 0,
+    "data-focus-visible": isFocusVisible || void 0,
+    "data-invalid": isInvalid || void 0
+  });
+});
+const $44f671af83e7d9e0$export$2de4954e8ae13b9f = /* @__PURE__ */ createContext({
+  placement: "bottom"
+});
+const $4e3b923658d69c60$export$7a7623236eec67fa = /* @__PURE__ */ createContext(null);
+const $4e3b923658d69c60$export$39ae08fa83328b12 = /* @__PURE__ */ createContext(null);
+function $4e3b923658d69c60$export$8c610744efcf8a1d(props) {
+  let state = $3834487504f4fc00$export$4d40659c25ecb50b(props);
+  let ref = useRef(null);
+  let { triggerProps, tooltipProps } = $85908aa8a35f0fac$export$a6da6c504e4bba8b(props, state, ref);
+  return /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
+    values: [
+      [
+        $4e3b923658d69c60$export$7a7623236eec67fa,
+        state
+      ],
+      [
+        $4e3b923658d69c60$export$39ae08fa83328b12,
+        {
+          ...tooltipProps,
+          triggerRef: ref
+        }
+      ]
+    ]
+  }, /* @__PURE__ */ React__default.createElement($d1116acdf220c2da$export$13f3202a3e5ddd5, {
+    ...triggerProps,
+    ref
+  }, props.children));
+}
+const $4e3b923658d69c60$export$28c660c63b792dea = /* @__PURE__ */ forwardRef(function Tooltip({ UNSTABLE_portalContainer, ...props }, ref) {
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $4e3b923658d69c60$export$39ae08fa83328b12);
+  let contextState = useContext($4e3b923658d69c60$export$7a7623236eec67fa);
+  let localState = $3834487504f4fc00$export$4d40659c25ecb50b(props);
+  let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
+  let isExiting = $d3f049242431219c$export$45fda7c47f93fd48(ref, state.isOpen) || props.isExiting || false;
+  if (!state.isOpen && !isExiting) return null;
+  return /* @__PURE__ */ React__default.createElement($c07df45195231803$export$b47c3594eab58386, {
+    portalContainer: UNSTABLE_portalContainer
+  }, /* @__PURE__ */ React__default.createElement($4e3b923658d69c60$var$TooltipInner, {
+    ...props,
+    tooltipRef: ref,
+    isExiting
+  }));
+});
+function $4e3b923658d69c60$var$TooltipInner(props) {
+  let state = useContext($4e3b923658d69c60$export$7a7623236eec67fa);
+  let arrowRef = useRef(null);
+  let { overlayProps, arrowProps, placement, triggerAnchorPoint } = $b3526bc71400be8d$export$d39e1813b3bdd0e1({
+    placement: props.placement || "top",
+    targetRef: props.triggerRef,
+    overlayRef: props.tooltipRef,
+    arrowRef,
+    offset: props.offset,
+    crossOffset: props.crossOffset,
+    isOpen: state.isOpen,
+    arrowBoundaryOffset: props.arrowBoundaryOffset,
+    shouldFlip: props.shouldFlip,
+    containerPadding: props.containerPadding,
+    onClose: () => state.close(true)
+  });
+  let isEntering = $d3f049242431219c$export$6d3443f2c48bfc20(props.tooltipRef, !!placement) || props.isEntering || false;
+  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+    ...props,
+    defaultClassName: "react-aria-Tooltip",
+    values: {
+      placement,
+      isEntering,
+      isExiting: props.isExiting,
+      state
+    }
+  });
+  props = $bbaa08b3cd72f041$export$9d1611c77c2fe928(props, overlayProps);
+  let { tooltipProps } = $8c383cffc84c9982$export$1c4b08e0eca38426(props, state);
+  let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    global: true
+  });
+  return /* @__PURE__ */ React__default.createElement("div", {
+    ...$bbaa08b3cd72f041$export$9d1611c77c2fe928(DOMProps, renderProps, tooltipProps),
+    ref: props.tooltipRef,
+    style: {
+      ...overlayProps.style,
+      "--trigger-anchor-point": triggerAnchorPoint ? `${triggerAnchorPoint.x}px ${triggerAnchorPoint.y}px` : void 0,
+      ...renderProps.style
+    },
+    "data-placement": placement !== null && placement !== void 0 ? placement : void 0,
+    "data-entering": isEntering || void 0,
+    "data-exiting": props.isExiting || void 0
+  }, /* @__PURE__ */ React__default.createElement($44f671af83e7d9e0$export$2de4954e8ae13b9f.Provider, {
+    value: {
+      ...arrowProps,
+      placement,
+      ref: arrowRef
+    }
+  }, renderProps.children));
+}
+const sameValidity = (a, b) => a !== null && a.valid === b.valid && a.validationMessage === b.validationMessage;
+function useValidatedField({
+  value,
+  valueKey,
+  intrinsic,
+  fieldValidity,
+  showValidityIndication,
+  onValidate,
+  onValidityChange
+}) {
+  const isGateControlled = showValidityIndication !== void 0;
+  const [touched, setTouched] = useState(false);
+  const showIndication = isGateControlled ? Boolean(showValidityIndication) : touched;
+  const changeKey = valueKey === void 0 ? value : valueKey;
+  const customInvalid = (fieldValidity == null ? void 0 : fieldValidity.valid) === false;
+  const customMessage = (fieldValidity == null ? void 0 : fieldValidity.validationMessage) ?? "";
+  const validity = useMemo(() => {
+    const valid = intrinsic.valid && !customInvalid;
+    let validationMessage = "";
+    if (!intrinsic.valid) {
+      validationMessage = intrinsic.validationMessage;
+    } else if (customInvalid) {
+      validationMessage = customMessage;
+    }
+    return { valid, validationMessage };
+  }, [
+    intrinsic.valid,
+    intrinsic.validationMessage,
+    customInvalid,
+    customMessage
+  ]);
+  const onValidateRef = useRef(onValidate);
+  onValidateRef.current = onValidate;
+  const onValidityChangeRef = useRef(onValidityChange);
+  onValidityChangeRef.current = onValidityChange;
+  const valueRef = useRef(value);
+  valueRef.current = value;
+  const lastEmittedRef = useRef(null);
+  useEffect(() => {
+    var _a;
+    if (sameValidity(lastEmittedRef.current, validity)) {
+      return;
+    }
+    lastEmittedRef.current = validity;
+    (_a = onValidityChangeRef.current) == null ? void 0 : _a.call(onValidityChangeRef, validity);
+  }, [validity]);
+  const mountedRef = useRef(false);
+  const prevKeyRef = useRef(changeKey);
+  useEffect(() => {
+    var _a;
+    (_a = onValidateRef.current) == null ? void 0 : _a.call(onValidateRef, valueRef.current, "mount");
+    mountedRef.current = true;
+    prevKeyRef.current = changeKey;
+  }, []);
+  useEffect(() => {
+    var _a;
+    if (!mountedRef.current) {
+      return;
+    }
+    if (prevKeyRef.current === changeKey) {
+      return;
+    }
+    prevKeyRef.current = changeKey;
+    if (showIndication) {
+      (_a = onValidateRef.current) == null ? void 0 : _a.call(onValidateRef, valueRef.current, "change");
+    }
+  }, [changeKey, showIndication]);
+  const handleBlur = useCallback(() => {
+    var _a;
+    if (!isGateControlled) {
+      setTouched(true);
+    }
+    (_a = onValidateRef.current) == null ? void 0 : _a.call(onValidateRef, valueRef.current, "blur");
+  }, [isGateControlled]);
+  return { validity, showValidityIndication: showIndication, handleBlur };
+}
+export {
+  $4e3b923658d69c60$export$8c610744efcf8a1d as $,
+  $4e3b923658d69c60$export$28c660c63b792dea as a,
+  $514c0188e459b4c0$export$5f1af8db9871e1d6 as b,
+  $ee014567cb39d3f0$export$f551688fc98f2e09 as c,
+  $fd2148440a13ec26$export$fc1a364ae1f3ff10 as d,
+  $191c9b6d48a0a4e2$export$294aa081a6c6f55d as e,
+  $860f7da480e22816$export$b8473d3665f3a75a as f,
+  $d3e0e05bdfcf66bd$export$c24727297075ec6a as g,
+  $3985021b0ad6602f$export$37fb8590cf2c088c as h,
+  $514c0188e459b4c0$export$9afb8bc826b033ea as i,
+  $ee014567cb39d3f0$export$ff05c3ac10437e03 as j,
+  $3985021b0ad6602f$export$f5b8910cec6cf069 as k,
+  $fd2148440a13ec26$export$75ee7c75d68f5b0e as l,
+  $fd2148440a13ec26$export$aca958c65c314e6c as m,
+  $fd2148440a13ec26$export$a763b9476acd3eb as n,
+  $fd2148440a13ec26$export$dad6ae84456c676a as o,
+  $72abaeab4d80592f$export$9fc1347d4195ccb3 as p,
+  $b3526bc71400be8d$export$d39e1813b3bdd0e1 as q,
+  $f11fb0bcf1b2687a$export$61c6a8c84e605fb6 as r,
+  $d3f049242431219c$export$45fda7c47f93fd48 as s,
+  $d3f049242431219c$export$6d3443f2c48bfc20 as t,
+  useValidatedField as u,
+  $44f671af83e7d9e0$export$2de4954e8ae13b9f as v
+};