mimir-ui-kit 1.14.0 → 1.14.2

package/dist/keyboard-B256ZoM-.js

@@ -0,0 +1,745 @@
+import React__default, { useRef, useCallback, useEffect, useState, useMemo, useLayoutEffect, forwardRef, Fragment, isValidElement, cloneElement, createElement } from "react";
+const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !== "undefined" ? React__default.useLayoutEffect : () => {
+};
+function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
+  const ref = useRef(null);
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    ref.current = fn;
+  }, [
+    fn
+  ]);
+  return useCallback((...args) => {
+    const f = ref.current;
+    return f === null || f === void 0 ? void 0 : f(...args);
+  }, []);
+}
+const $431fbd86ca7dc216$export$b204af158042fbac = (el) => {
+  var _el_ownerDocument;
+  return (_el_ownerDocument = el === null || el === void 0 ? void 0 : el.ownerDocument) !== null && _el_ownerDocument !== void 0 ? _el_ownerDocument : document;
+};
+const $431fbd86ca7dc216$export$f21a1ffae260145a = (el) => {
+  if (el && "window" in el && el.window === el) return el;
+  const doc = $431fbd86ca7dc216$export$b204af158042fbac(el);
+  return doc.defaultView || window;
+};
+function $c87311424ea30a05$var$testUserAgent(re) {
+  var _window_navigator_userAgentData;
+  if (typeof window === "undefined" || window.navigator == null) return false;
+  return ((_window_navigator_userAgentData = window.navigator["userAgentData"]) === null || _window_navigator_userAgentData === void 0 ? void 0 : _window_navigator_userAgentData.brands.some((brand) => re.test(brand.brand))) || re.test(window.navigator.userAgent);
+}
+function $c87311424ea30a05$var$testPlatform(re) {
+  var _window_navigator_userAgentData;
+  return typeof window !== "undefined" && window.navigator != null ? re.test(((_window_navigator_userAgentData = window.navigator["userAgentData"]) === null || _window_navigator_userAgentData === void 0 ? void 0 : _window_navigator_userAgentData.platform) || window.navigator.platform) : false;
+}
+function $c87311424ea30a05$export$9ac100e40613ea10() {
+  return $c87311424ea30a05$var$testPlatform(/^Mac/i);
+}
+function $c87311424ea30a05$export$a11b0059900ceec8() {
+  return $c87311424ea30a05$var$testUserAgent(/Android/i);
+}
+function $6a7db85432448f7f$export$60278871457622de(event) {
+  if (event.mozInputSource === 0 && event.isTrusted) return true;
+  if ($c87311424ea30a05$export$a11b0059900ceec8() && event.pointerType) return event.type === "click" && event.buttons === 1;
+  return event.detail === 0 && !event.pointerType;
+}
+class $8a9cb279dc87e130$export$905e7fc544a71f36 {
+  isDefaultPrevented() {
+    return this.nativeEvent.defaultPrevented;
+  }
+  preventDefault() {
+    this.defaultPrevented = true;
+    this.nativeEvent.preventDefault();
+  }
+  stopPropagation() {
+    this.nativeEvent.stopPropagation();
+    this.isPropagationStopped = () => true;
+  }
+  isPropagationStopped() {
+    return false;
+  }
+  persist() {
+  }
+  constructor(type, nativeEvent) {
+    this.nativeEvent = nativeEvent;
+    this.target = nativeEvent.target;
+    this.currentTarget = nativeEvent.currentTarget;
+    this.relatedTarget = nativeEvent.relatedTarget;
+    this.bubbles = nativeEvent.bubbles;
+    this.cancelable = nativeEvent.cancelable;
+    this.defaultPrevented = nativeEvent.defaultPrevented;
+    this.eventPhase = nativeEvent.eventPhase;
+    this.isTrusted = nativeEvent.isTrusted;
+    this.timeStamp = nativeEvent.timeStamp;
+    this.type = type;
+  }
+}
+function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
+  let stateRef = useRef({
+    isFocused: false,
+    observer: null
+  });
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    const state = stateRef.current;
+    return () => {
+      if (state.observer) {
+        state.observer.disconnect();
+        state.observer = null;
+      }
+    };
+  }, []);
+  let dispatchBlur = $8ae05eaa5c114e9c$export$7f54fc3180508a52((e) => {
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+  });
+  return useCallback((e) => {
+    if (e.target instanceof HTMLButtonElement || e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLSelectElement) {
+      stateRef.current.isFocused = true;
+      let target = e.target;
+      let onBlurHandler = (e2) => {
+        stateRef.current.isFocused = false;
+        if (target.disabled)
+          dispatchBlur(new $8a9cb279dc87e130$export$905e7fc544a71f36("blur", e2));
+        if (stateRef.current.observer) {
+          stateRef.current.observer.disconnect();
+          stateRef.current.observer = null;
+        }
+      };
+      target.addEventListener("focusout", onBlurHandler, {
+        once: true
+      });
+      stateRef.current.observer = new MutationObserver(() => {
+        if (stateRef.current.isFocused && target.disabled) {
+          var _stateRef_current_observer;
+          (_stateRef_current_observer = stateRef.current.observer) === null || _stateRef_current_observer === void 0 ? void 0 : _stateRef_current_observer.disconnect();
+          let relatedTargetEl = target === document.activeElement ? null : document.activeElement;
+          target.dispatchEvent(new FocusEvent("blur", {
+            relatedTarget: relatedTargetEl
+          }));
+          target.dispatchEvent(new FocusEvent("focusout", {
+            bubbles: true,
+            relatedTarget: relatedTargetEl
+          }));
+        }
+      });
+      stateRef.current.observer.observe(target, {
+        attributes: true,
+        attributeFilter: [
+          "disabled"
+        ]
+      });
+    }
+  }, [
+    dispatchBlur
+  ]);
+}
+function $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props) {
+  let { isDisabled, onFocus: onFocusProp, onBlur: onBlurProp, onFocusChange } = props;
+  const onBlur = useCallback((e) => {
+    if (e.target === e.currentTarget) {
+      if (onBlurProp) onBlurProp(e);
+      if (onFocusChange) onFocusChange(false);
+      return true;
+    }
+  }, [
+    onBlurProp,
+    onFocusChange
+  ]);
+  const onSyntheticFocus = $8a9cb279dc87e130$export$715c682d09d639cc(onBlur);
+  const onFocus = useCallback((e) => {
+    const ownerDocument = $431fbd86ca7dc216$export$b204af158042fbac(e.target);
+    if (e.target === e.currentTarget && ownerDocument.activeElement === e.target) {
+      if (onFocusProp) onFocusProp(e);
+      if (onFocusChange) onFocusChange(true);
+      onSyntheticFocus(e);
+    }
+  }, [
+    onFocusChange,
+    onFocusProp,
+    onSyntheticFocus
+  ]);
+  return {
+    focusProps: {
+      onFocus: !isDisabled && (onFocusProp || onFocusChange || onBlurProp) ? onFocus : void 0,
+      onBlur: !isDisabled && (onBlurProp || onFocusChange) ? onBlur : void 0
+    }
+  };
+}
+let $507fabe10e71c6fb$var$currentModality = null;
+let $507fabe10e71c6fb$var$changeHandlers = /* @__PURE__ */ new Set();
+let $507fabe10e71c6fb$export$d90243b58daecda7 = /* @__PURE__ */ new Map();
+let $507fabe10e71c6fb$var$hasEventBeforeFocus = false;
+let $507fabe10e71c6fb$var$hasBlurredWindowRecently = false;
+const $507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS = {
+  Tab: true,
+  Escape: true
+};
+function $507fabe10e71c6fb$var$triggerChangeHandlers(modality, e) {
+  for (let handler of $507fabe10e71c6fb$var$changeHandlers) handler(modality, e);
+}
+function $507fabe10e71c6fb$var$isValidKey(e) {
+  return !(e.metaKey || !$c87311424ea30a05$export$9ac100e40613ea10() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
+}
+function $507fabe10e71c6fb$var$handleKeyboardEvent(e) {
+  $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
+  if ($507fabe10e71c6fb$var$isValidKey(e)) {
+    $507fabe10e71c6fb$var$currentModality = "keyboard";
+    $507fabe10e71c6fb$var$triggerChangeHandlers("keyboard", e);
+  }
+}
+function $507fabe10e71c6fb$var$handlePointerEvent(e) {
+  $507fabe10e71c6fb$var$currentModality = "pointer";
+  if (e.type === "mousedown" || e.type === "pointerdown") {
+    $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
+    $507fabe10e71c6fb$var$triggerChangeHandlers("pointer", e);
+  }
+}
+function $507fabe10e71c6fb$var$handleClickEvent(e) {
+  if ($6a7db85432448f7f$export$60278871457622de(e)) {
+    $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
+    $507fabe10e71c6fb$var$currentModality = "virtual";
+  }
+}
+function $507fabe10e71c6fb$var$handleFocusEvent(e) {
+  if (e.target === window || e.target === document) return;
+  if (!$507fabe10e71c6fb$var$hasEventBeforeFocus && !$507fabe10e71c6fb$var$hasBlurredWindowRecently) {
+    $507fabe10e71c6fb$var$currentModality = "virtual";
+    $507fabe10e71c6fb$var$triggerChangeHandlers("virtual", e);
+  }
+  $507fabe10e71c6fb$var$hasEventBeforeFocus = false;
+  $507fabe10e71c6fb$var$hasBlurredWindowRecently = false;
+}
+function $507fabe10e71c6fb$var$handleWindowBlur() {
+  $507fabe10e71c6fb$var$hasEventBeforeFocus = false;
+  $507fabe10e71c6fb$var$hasBlurredWindowRecently = true;
+}
+function $507fabe10e71c6fb$var$setupGlobalFocusEvents(element) {
+  if (typeof window === "undefined" || $507fabe10e71c6fb$export$d90243b58daecda7.get($431fbd86ca7dc216$export$f21a1ffae260145a(element))) return;
+  const windowObject = $431fbd86ca7dc216$export$f21a1ffae260145a(element);
+  const documentObject = $431fbd86ca7dc216$export$b204af158042fbac(element);
+  let focus = windowObject.HTMLElement.prototype.focus;
+  windowObject.HTMLElement.prototype.focus = function() {
+    $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
+    focus.apply(this, arguments);
+  };
+  documentObject.addEventListener("keydown", $507fabe10e71c6fb$var$handleKeyboardEvent, true);
+  documentObject.addEventListener("keyup", $507fabe10e71c6fb$var$handleKeyboardEvent, true);
+  documentObject.addEventListener("click", $507fabe10e71c6fb$var$handleClickEvent, true);
+  windowObject.addEventListener("focus", $507fabe10e71c6fb$var$handleFocusEvent, true);
+  windowObject.addEventListener("blur", $507fabe10e71c6fb$var$handleWindowBlur, false);
+  if (typeof PointerEvent !== "undefined") {
+    documentObject.addEventListener("pointerdown", $507fabe10e71c6fb$var$handlePointerEvent, true);
+    documentObject.addEventListener("pointermove", $507fabe10e71c6fb$var$handlePointerEvent, true);
+    documentObject.addEventListener("pointerup", $507fabe10e71c6fb$var$handlePointerEvent, true);
+  } else {
+    documentObject.addEventListener("mousedown", $507fabe10e71c6fb$var$handlePointerEvent, true);
+    documentObject.addEventListener("mousemove", $507fabe10e71c6fb$var$handlePointerEvent, true);
+    documentObject.addEventListener("mouseup", $507fabe10e71c6fb$var$handlePointerEvent, true);
+  }
+  windowObject.addEventListener("beforeunload", () => {
+    $507fabe10e71c6fb$var$tearDownWindowFocusTracking(element);
+  }, {
+    once: true
+  });
+  $507fabe10e71c6fb$export$d90243b58daecda7.set(windowObject, {
+    focus
+  });
+}
+const $507fabe10e71c6fb$var$tearDownWindowFocusTracking = (element, loadListener) => {
+  const windowObject = $431fbd86ca7dc216$export$f21a1ffae260145a(element);
+  const documentObject = $431fbd86ca7dc216$export$b204af158042fbac(element);
+  if (loadListener) documentObject.removeEventListener("DOMContentLoaded", loadListener);
+  if (!$507fabe10e71c6fb$export$d90243b58daecda7.has(windowObject)) return;
+  windowObject.HTMLElement.prototype.focus = $507fabe10e71c6fb$export$d90243b58daecda7.get(windowObject).focus;
+  documentObject.removeEventListener("keydown", $507fabe10e71c6fb$var$handleKeyboardEvent, true);
+  documentObject.removeEventListener("keyup", $507fabe10e71c6fb$var$handleKeyboardEvent, true);
+  documentObject.removeEventListener("click", $507fabe10e71c6fb$var$handleClickEvent, true);
+  windowObject.removeEventListener("focus", $507fabe10e71c6fb$var$handleFocusEvent, true);
+  windowObject.removeEventListener("blur", $507fabe10e71c6fb$var$handleWindowBlur, false);
+  if (typeof PointerEvent !== "undefined") {
+    documentObject.removeEventListener("pointerdown", $507fabe10e71c6fb$var$handlePointerEvent, true);
+    documentObject.removeEventListener("pointermove", $507fabe10e71c6fb$var$handlePointerEvent, true);
+    documentObject.removeEventListener("pointerup", $507fabe10e71c6fb$var$handlePointerEvent, true);
+  } else {
+    documentObject.removeEventListener("mousedown", $507fabe10e71c6fb$var$handlePointerEvent, true);
+    documentObject.removeEventListener("mousemove", $507fabe10e71c6fb$var$handlePointerEvent, true);
+    documentObject.removeEventListener("mouseup", $507fabe10e71c6fb$var$handlePointerEvent, true);
+  }
+  $507fabe10e71c6fb$export$d90243b58daecda7.delete(windowObject);
+};
+function $507fabe10e71c6fb$export$2f1888112f558a7d(element) {
+  const documentObject = $431fbd86ca7dc216$export$b204af158042fbac(element);
+  let loadListener;
+  if (documentObject.readyState !== "loading") $507fabe10e71c6fb$var$setupGlobalFocusEvents(element);
+  else {
+    loadListener = () => {
+      $507fabe10e71c6fb$var$setupGlobalFocusEvents(element);
+    };
+    documentObject.addEventListener("DOMContentLoaded", loadListener);
+  }
+  return () => $507fabe10e71c6fb$var$tearDownWindowFocusTracking(element, loadListener);
+}
+if (typeof document !== "undefined") $507fabe10e71c6fb$export$2f1888112f558a7d();
+function $507fabe10e71c6fb$export$b9b3dfddab17db27() {
+  return $507fabe10e71c6fb$var$currentModality !== "pointer";
+}
+const $507fabe10e71c6fb$var$nonTextInputTypes = /* @__PURE__ */ new Set([
+  "checkbox",
+  "radio",
+  "range",
+  "color",
+  "file",
+  "image",
+  "button",
+  "submit",
+  "reset"
+]);
+function $507fabe10e71c6fb$var$isKeyboardFocusEvent(isTextInput, modality, e) {
+  var _e_target;
+  const IHTMLInputElement = typeof window !== "undefined" ? $431fbd86ca7dc216$export$f21a1ffae260145a(e === null || e === void 0 ? void 0 : e.target).HTMLInputElement : HTMLInputElement;
+  const IHTMLTextAreaElement = typeof window !== "undefined" ? $431fbd86ca7dc216$export$f21a1ffae260145a(e === null || e === void 0 ? void 0 : e.target).HTMLTextAreaElement : HTMLTextAreaElement;
+  const IHTMLElement = typeof window !== "undefined" ? $431fbd86ca7dc216$export$f21a1ffae260145a(e === null || e === void 0 ? void 0 : e.target).HTMLElement : HTMLElement;
+  const IKeyboardEvent = typeof window !== "undefined" ? $431fbd86ca7dc216$export$f21a1ffae260145a(e === null || e === void 0 ? void 0 : e.target).KeyboardEvent : KeyboardEvent;
+  isTextInput = isTextInput || (e === null || e === void 0 ? void 0 : e.target) instanceof IHTMLInputElement && !$507fabe10e71c6fb$var$nonTextInputTypes.has(e === null || e === void 0 ? void 0 : (_e_target = e.target) === null || _e_target === void 0 ? void 0 : _e_target.type) || (e === null || e === void 0 ? void 0 : e.target) instanceof IHTMLTextAreaElement || (e === null || e === void 0 ? void 0 : e.target) instanceof IHTMLElement && (e === null || e === void 0 ? void 0 : e.target.isContentEditable);
+  return !(isTextInput && modality === "keyboard" && e instanceof IKeyboardEvent && !$507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS[e.key]);
+}
+function $507fabe10e71c6fb$export$ec71b4b83ac08ec3(fn, deps, opts) {
+  $507fabe10e71c6fb$var$setupGlobalFocusEvents();
+  useEffect(() => {
+    let handler = (modality, e) => {
+      if (!$507fabe10e71c6fb$var$isKeyboardFocusEvent(!!(opts === null || opts === void 0 ? void 0 : opts.isTextInput), modality, e)) return;
+      fn($507fabe10e71c6fb$export$b9b3dfddab17db27());
+    };
+    $507fabe10e71c6fb$var$changeHandlers.add(handler);
+    return () => {
+      $507fabe10e71c6fb$var$changeHandlers.delete(handler);
+    };
+  }, deps);
+}
+function $9ab94262bd0047c7$export$420e68273165f4ec(props) {
+  let { isDisabled, onBlurWithin, onFocusWithin, onFocusWithinChange } = props;
+  let state = useRef({
+    isFocusWithin: false
+  });
+  let onBlur = useCallback((e) => {
+    if (state.current.isFocusWithin && !e.currentTarget.contains(e.relatedTarget)) {
+      state.current.isFocusWithin = false;
+      if (onBlurWithin) onBlurWithin(e);
+      if (onFocusWithinChange) onFocusWithinChange(false);
+    }
+  }, [
+    onBlurWithin,
+    onFocusWithinChange,
+    state
+  ]);
+  let onSyntheticFocus = $8a9cb279dc87e130$export$715c682d09d639cc(onBlur);
+  let onFocus = useCallback((e) => {
+    if (!state.current.isFocusWithin && document.activeElement === e.target) {
+      if (onFocusWithin) onFocusWithin(e);
+      if (onFocusWithinChange) onFocusWithinChange(true);
+      state.current.isFocusWithin = true;
+      onSyntheticFocus(e);
+    }
+  }, [
+    onFocusWithin,
+    onFocusWithinChange,
+    onSyntheticFocus
+  ]);
+  if (isDisabled) return {
+    focusWithinProps: {
+      // These should not have been null, that would conflict in mergeProps
+      onFocus: void 0,
+      onBlur: void 0
+    }
+  };
+  return {
+    focusWithinProps: {
+      onFocus,
+      onBlur
+    }
+  };
+}
+let $6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents = false;
+let $6179b936705e76d3$var$hoverCount = 0;
+function $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents() {
+  $6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents = true;
+  setTimeout(() => {
+    $6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents = false;
+  }, 50);
+}
+function $6179b936705e76d3$var$handleGlobalPointerEvent(e) {
+  if (e.pointerType === "touch") $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents();
+}
+function $6179b936705e76d3$var$setupGlobalTouchEvents() {
+  if (typeof document === "undefined") return;
+  if (typeof PointerEvent !== "undefined") document.addEventListener("pointerup", $6179b936705e76d3$var$handleGlobalPointerEvent);
+  else document.addEventListener("touchend", $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents);
+  $6179b936705e76d3$var$hoverCount++;
+  return () => {
+    $6179b936705e76d3$var$hoverCount--;
+    if ($6179b936705e76d3$var$hoverCount > 0) return;
+    if (typeof PointerEvent !== "undefined") document.removeEventListener("pointerup", $6179b936705e76d3$var$handleGlobalPointerEvent);
+    else document.removeEventListener("touchend", $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents);
+  };
+}
+function $6179b936705e76d3$export$ae780daf29e6d456(props) {
+  let { onHoverStart, onHoverChange, onHoverEnd, isDisabled } = props;
+  let [isHovered, setHovered] = useState(false);
+  let state = useRef({
+    isHovered: false,
+    ignoreEmulatedMouseEvents: false,
+    pointerType: "",
+    target: null
+  }).current;
+  useEffect($6179b936705e76d3$var$setupGlobalTouchEvents, []);
+  let { hoverProps, triggerHoverEnd } = useMemo(() => {
+    let triggerHoverStart = (event, pointerType) => {
+      state.pointerType = pointerType;
+      if (isDisabled || pointerType === "touch" || state.isHovered || !event.currentTarget.contains(event.target)) return;
+      state.isHovered = true;
+      let target = event.currentTarget;
+      state.target = target;
+      if (onHoverStart) onHoverStart({
+        type: "hoverstart",
+        target,
+        pointerType
+      });
+      if (onHoverChange) onHoverChange(true);
+      setHovered(true);
+    };
+    let triggerHoverEnd2 = (event, pointerType) => {
+      state.pointerType = "";
+      state.target = null;
+      if (pointerType === "touch" || !state.isHovered) return;
+      state.isHovered = false;
+      let target = event.currentTarget;
+      if (onHoverEnd) onHoverEnd({
+        type: "hoverend",
+        target,
+        pointerType
+      });
+      if (onHoverChange) onHoverChange(false);
+      setHovered(false);
+    };
+    let hoverProps2 = {};
+    if (typeof PointerEvent !== "undefined") {
+      hoverProps2.onPointerEnter = (e) => {
+        if ($6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents && e.pointerType === "mouse") return;
+        triggerHoverStart(e, e.pointerType);
+      };
+      hoverProps2.onPointerLeave = (e) => {
+        if (!isDisabled && e.currentTarget.contains(e.target)) triggerHoverEnd2(e, e.pointerType);
+      };
+    } else {
+      hoverProps2.onTouchStart = () => {
+        state.ignoreEmulatedMouseEvents = true;
+      };
+      hoverProps2.onMouseEnter = (e) => {
+        if (!state.ignoreEmulatedMouseEvents && !$6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents) triggerHoverStart(e, "mouse");
+        state.ignoreEmulatedMouseEvents = false;
+      };
+      hoverProps2.onMouseLeave = (e) => {
+        if (!isDisabled && e.currentTarget.contains(e.target)) triggerHoverEnd2(e, "mouse");
+      };
+    }
+    return {
+      hoverProps: hoverProps2,
+      triggerHoverEnd: triggerHoverEnd2
+    };
+  }, [
+    onHoverStart,
+    onHoverChange,
+    onHoverEnd,
+    isDisabled,
+    state
+  ]);
+  useEffect(() => {
+    if (isDisabled) triggerHoverEnd({
+      currentTarget: state.target
+    }, state.pointerType);
+  }, [
+    isDisabled
+  ]);
+  return {
+    hoverProps,
+    isHovered
+  };
+}
+function $f7dceffc5ad7768b$export$4e328f61c538687f(props = {}) {
+  let { autoFocus = false, isTextInput, within } = props;
+  let state = useRef({
+    isFocused: false,
+    isFocusVisible: autoFocus || $507fabe10e71c6fb$export$b9b3dfddab17db27()
+  });
+  let [isFocused, setFocused] = useState(false);
+  let [isFocusVisibleState, setFocusVisible] = useState(() => state.current.isFocused && state.current.isFocusVisible);
+  let updateState = useCallback(() => setFocusVisible(state.current.isFocused && state.current.isFocusVisible), []);
+  let onFocusChange = useCallback((isFocused2) => {
+    state.current.isFocused = isFocused2;
+    setFocused(isFocused2);
+    updateState();
+  }, [
+    updateState
+  ]);
+  $507fabe10e71c6fb$export$ec71b4b83ac08ec3((isFocusVisible) => {
+    state.current.isFocusVisible = isFocusVisible;
+    updateState();
+  }, [], {
+    isTextInput
+  });
+  let { focusProps } = $a1ea59d68270f0dd$export$f8168d8dd8fd66e6({
+    isDisabled: within,
+    onFocusChange
+  });
+  let { focusWithinProps } = $9ab94262bd0047c7$export$420e68273165f4ec({
+    isDisabled: !within,
+    onFocusWithinChange: onFocusChange
+  });
+  return {
+    isFocused,
+    isFocusVisible: isFocusVisibleState,
+    focusProps: within ? focusWithinProps : focusProps
+  };
+}
+var i = Object.defineProperty;
+var d = (t2, e, n2) => e in t2 ? i(t2, e, { enumerable: true, configurable: true, writable: true, value: n2 }) : t2[e] = n2;
+var r = (t2, e, n2) => (d(t2, typeof e != "symbol" ? e + "" : e, n2), n2);
+let o$3 = class o {
+  constructor() {
+    r(this, "current", this.detect());
+    r(this, "handoffState", "pending");
+    r(this, "currentId", 0);
+  }
+  set(e) {
+    this.current !== e && (this.handoffState = "pending", this.currentId = 0, this.current = e);
+  }
+  reset() {
+    this.set(this.detect());
+  }
+  nextId() {
+    return ++this.currentId;
+  }
+  get isServer() {
+    return this.current === "server";
+  }
+  get isClient() {
+    return this.current === "client";
+  }
+  detect() {
+    return typeof window == "undefined" || typeof document == "undefined" ? "server" : "client";
+  }
+  handoff() {
+    this.handoffState === "pending" && (this.handoffState = "complete");
+  }
+  get isHandoffComplete() {
+    return this.handoffState === "complete";
+  }
+};
+let s$1 = new o$3();
+function u$2(r2) {
+  return s$1.isServer ? null : r2 instanceof Node ? r2.ownerDocument : r2 != null && r2.hasOwnProperty("current") && r2.current instanceof Node ? r2.current.ownerDocument : document;
+}
+function t$1(e) {
+  typeof queueMicrotask == "function" ? queueMicrotask(e) : Promise.resolve().then(e).catch((o3) => setTimeout(() => {
+    throw o3;
+  }));
+}
+function o$2() {
+  let n2 = [], r2 = { addEventListener(e, t2, s2, a) {
+    return e.addEventListener(t2, s2, a), r2.add(() => e.removeEventListener(t2, s2, a));
+  }, requestAnimationFrame(...e) {
+    let t2 = requestAnimationFrame(...e);
+    return r2.add(() => cancelAnimationFrame(t2));
+  }, nextFrame(...e) {
+    return r2.requestAnimationFrame(() => r2.requestAnimationFrame(...e));
+  }, setTimeout(...e) {
+    let t2 = setTimeout(...e);
+    return r2.add(() => clearTimeout(t2));
+  }, microTask(...e) {
+    let t2 = { current: true };
+    return t$1(() => {
+      t2.current && e[0]();
+    }), r2.add(() => {
+      t2.current = false;
+    });
+  }, style(e, t2, s2) {
+    let a = e.style.getPropertyValue(t2);
+    return Object.assign(e.style, { [t2]: s2 }), this.add(() => {
+      Object.assign(e.style, { [t2]: a });
+    });
+  }, group(e) {
+    let t2 = o$2();
+    return e(t2), this.add(() => t2.dispose());
+  }, add(e) {
+    return n2.includes(e) || n2.push(e), () => {
+      let t2 = n2.indexOf(e);
+      if (t2 >= 0) for (let s2 of n2.splice(t2, 1)) s2();
+    };
+  }, dispose() {
+    for (let e of n2.splice(0)) e();
+  } };
+  return r2;
+}
+function p() {
+  let [e] = useState(o$2);
+  return useEffect(() => () => e.dispose(), [e]), e;
+}
+let n = (e, t2) => {
+  s$1.isServer ? useEffect(e, t2) : useLayoutEffect(e, t2);
+};
+function s(e) {
+  let r2 = useRef(e);
+  return n(() => {
+    r2.current = e;
+  }, [e]), r2;
+}
+let o$1 = function(t2) {
+  let e = s(t2);
+  return React__default.useCallback((...r2) => e.current(...r2), [e]);
+};
+function t(...r2) {
+  return Array.from(new Set(r2.flatMap((n2) => typeof n2 == "string" ? n2.split(" ") : []))).filter(Boolean).join(" ");
+}
+function u$1(r2, n2, ...a) {
+  if (r2 in n2) {
+    let e = n2[r2];
+    return typeof e == "function" ? e(...a) : e;
+  }
+  let t2 = new Error(`Tried to handle "${r2}" but there is no handler defined. Only defined handlers are: ${Object.keys(n2).map((e) => `"${e}"`).join(", ")}.`);
+  throw Error.captureStackTrace && Error.captureStackTrace(t2, u$1), t2;
+}
+var M = ((a) => (a[a.None = 0] = "None", a[a.RenderStrategy = 1] = "RenderStrategy", a[a.Static = 2] = "Static", a))(M || {}), O = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(O || {});
+function H({ ourProps: r2, theirProps: n2, slot: e, defaultTag: a, features: s2, visible: t2 = true, name: l, mergeRefs: i2 }) {
+  i2 = i2 != null ? i2 : A;
+  let o3 = N(n2, r2);
+  if (t2) return b(o3, e, a, l, i2);
+  let y2 = s2 != null ? s2 : 0;
+  if (y2 & 2) {
+    let { static: f = false, ...u2 } = o3;
+    if (f) return b(u2, e, a, l, i2);
+  }
+  if (y2 & 1) {
+    let { unmount: f = true, ...u2 } = o3;
+    return u$1(f ? 0 : 1, { [0]() {
+      return null;
+    }, [1]() {
+      return b({ ...u2, hidden: true, style: { display: "none" } }, e, a, l, i2);
+    } });
+  }
+  return b(o3, e, a, l, i2);
+}
+function b(r2, n2 = {}, e, a, s2) {
+  let { as: t$12 = e, children: l, refName: i2 = "ref", ...o3 } = h(r2, ["unmount", "static"]), y2 = r2.ref !== void 0 ? { [i2]: r2.ref } : {}, f = typeof l == "function" ? l(n2) : l;
+  "className" in o3 && o3.className && typeof o3.className == "function" && (o3.className = o3.className(n2)), o3["aria-labelledby"] && o3["aria-labelledby"] === o3.id && (o3["aria-labelledby"] = void 0);
+  let u2 = {};
+  if (n2) {
+    let d2 = false, p2 = [];
+    for (let [c, T2] of Object.entries(n2)) typeof T2 == "boolean" && (d2 = true), T2 === true && p2.push(c.replace(/([A-Z])/g, (g) => `-${g.toLowerCase()}`));
+    if (d2) {
+      u2["data-headlessui-state"] = p2.join(" ");
+      for (let c of p2) u2[`data-${c}`] = "";
+    }
+  }
+  if (t$12 === Fragment && (Object.keys(m(o3)).length > 0 || Object.keys(m(u2)).length > 0)) if (!isValidElement(f) || Array.isArray(f) && f.length > 1) {
+    if (Object.keys(m(o3)).length > 0) throw new Error(['Passing props on "Fragment"!', "", `The current component <${a} /> is rendering a "Fragment".`, "However we need to passthrough the following props:", Object.keys(m(o3)).concat(Object.keys(m(u2))).map((d2) => `  - ${d2}`).join(`
+`), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "Fragment".', "Render a single element as the child so that we can forward the props onto that element."].map((d2) => `  - ${d2}`).join(`
+`)].join(`
+`));
+  } else {
+    let d2 = f.props, p2 = d2 == null ? void 0 : d2.className, c = typeof p2 == "function" ? (...F) => t(p2(...F), o3.className) : t(p2, o3.className), T2 = c ? { className: c } : {}, g = N(f.props, m(h(o3, ["ref"])));
+    for (let F in u2) F in g && delete u2[F];
+    return cloneElement(f, Object.assign({}, g, u2, y2, { ref: s2(f.ref, y2.ref) }, T2));
+  }
+  return createElement(t$12, Object.assign({}, h(o3, ["ref"]), t$12 !== Fragment && y2, t$12 !== Fragment && u2), f);
+}
+function I() {
+  let r2 = useRef([]), n2 = useCallback((e) => {
+    for (let a of r2.current) a != null && (typeof a == "function" ? a(e) : a.current = e);
+  }, []);
+  return (...e) => {
+    if (!e.every((a) => a == null)) return r2.current = e, n2;
+  };
+}
+function A(...r2) {
+  return r2.every((n2) => n2 == null) ? void 0 : (n2) => {
+    for (let e of r2) e != null && (typeof e == "function" ? e(n2) : e.current = n2);
+  };
+}
+function N(...r2) {
+  if (r2.length === 0) return {};
+  if (r2.length === 1) return r2[0];
+  let n2 = {}, e = {};
+  for (let s2 of r2) for (let t2 in s2) t2.startsWith("on") && typeof s2[t2] == "function" ? (e[t2] != null || (e[t2] = []), e[t2].push(s2[t2])) : n2[t2] = s2[t2];
+  if (n2.disabled || n2["aria-disabled"]) for (let s2 in e) /^(on(?:Click|Pointer|Mouse|Key)(?:Down|Up|Press)?)$/.test(s2) && (e[s2] = [(t2) => {
+    var l;
+    return (l = t2 == null ? void 0 : t2.preventDefault) == null ? void 0 : l.call(t2);
+  }]);
+  for (let s2 in e) Object.assign(n2, { [s2](t2, ...l) {
+    let i2 = e[s2];
+    for (let o3 of i2) {
+      if ((t2 instanceof Event || (t2 == null ? void 0 : t2.nativeEvent) instanceof Event) && t2.defaultPrevented) return;
+      o3(t2, ...l);
+    }
+  } });
+  return n2;
+}
+function D(...r2) {
+  if (r2.length === 0) return {};
+  if (r2.length === 1) return r2[0];
+  let n2 = {}, e = {};
+  for (let s2 of r2) for (let t2 in s2) t2.startsWith("on") && typeof s2[t2] == "function" ? (e[t2] != null || (e[t2] = []), e[t2].push(s2[t2])) : n2[t2] = s2[t2];
+  for (let s2 in e) Object.assign(n2, { [s2](...t2) {
+    let l = e[s2];
+    for (let i2 of l) i2 == null || i2(...t2);
+  } });
+  return n2;
+}
+function W(r2) {
+  var n2;
+  return Object.assign(forwardRef(r2), { displayName: (n2 = r2.displayName) != null ? n2 : r2.name });
+}
+function m(r2) {
+  let n2 = Object.assign({}, r2);
+  for (let e in n2) n2[e] === void 0 && delete n2[e];
+  return n2;
+}
+function h(r2, n2 = []) {
+  let e = Object.assign({}, r2);
+  for (let a of n2) a in e && delete e[a];
+  return e;
+}
+let u = Symbol();
+function T(t2, n2 = true) {
+  return Object.assign(t2, { [u]: n2 });
+}
+function y(...t2) {
+  let n2 = useRef(t2);
+  useEffect(() => {
+    n2.current = t2;
+  }, [t2]);
+  let c = o$1((e) => {
+    for (let o3 of n2.current) o3 != null && (typeof o3 == "function" ? o3(e) : o3.current = e);
+  });
+  return t2.every((e) => e == null || (e == null ? void 0 : e[u])) ? void 0 : c;
+}
+var o2 = ((r2) => (r2.Space = " ", r2.Enter = "Enter", r2.Escape = "Escape", r2.Backspace = "Backspace", r2.Delete = "Delete", r2.ArrowLeft = "ArrowLeft", r2.ArrowUp = "ArrowUp", r2.ArrowRight = "ArrowRight", r2.ArrowDown = "ArrowDown", r2.Home = "Home", r2.End = "End", r2.PageUp = "PageUp", r2.PageDown = "PageDown", r2.Tab = "Tab", r2))(o2 || {});
+export {
+  $f7dceffc5ad7768b$export$4e328f61c538687f as $,
+  D,
+  H,
+  I,
+  M,
+  T,
+  W,
+  u$1 as a,
+  $6179b936705e76d3$export$ae780daf29e6d456 as b,
+  o2 as c,
+  o$2 as d,
+  s$1 as e,
+  m,
+  n,
+  o$1 as o,
+  p,
+  s,
+  t$1 as t,
+  u$2 as u,
+  y
+};