mimir-ui-kit 1.10.0 → 1.10.1

package/dist/label-BXAcSLy0.js

@@ -0,0 +1,913 @@
+import React__default, { useRef, useCallback, useEffect, useState, useMemo, useLayoutEffect, createContext, useContext, forwardRef, Fragment, isValidElement, cloneElement, createElement, useId } from "react";
+import { createPortal } from "react-dom";
+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 f2 = ref.current;
+    return f2 === null || f2 === void 0 ? void 0 : f2(...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((e2) => {
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e2);
+  });
+  return useCallback((e2) => {
+    if (e2.target instanceof HTMLButtonElement || e2.target instanceof HTMLInputElement || e2.target instanceof HTMLTextAreaElement || e2.target instanceof HTMLSelectElement) {
+      stateRef.current.isFocused = true;
+      let target = e2.target;
+      let onBlurHandler = (e3) => {
+        stateRef.current.isFocused = false;
+        if (target.disabled)
+          dispatchBlur(new $8a9cb279dc87e130$export$905e7fc544a71f36("blur", e3));
+        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((e2) => {
+    if (e2.target === e2.currentTarget) {
+      if (onBlurProp) onBlurProp(e2);
+      if (onFocusChange) onFocusChange(false);
+      return true;
+    }
+  }, [
+    onBlurProp,
+    onFocusChange
+  ]);
+  const onSyntheticFocus = $8a9cb279dc87e130$export$715c682d09d639cc(onBlur);
+  const onFocus = useCallback((e2) => {
+    const ownerDocument = $431fbd86ca7dc216$export$b204af158042fbac(e2.target);
+    if (e2.target === e2.currentTarget && ownerDocument.activeElement === e2.target) {
+      if (onFocusProp) onFocusProp(e2);
+      if (onFocusChange) onFocusChange(true);
+      onSyntheticFocus(e2);
+    }
+  }, [
+    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, e2) {
+  for (let handler of $507fabe10e71c6fb$var$changeHandlers) handler(modality, e2);
+}
+function $507fabe10e71c6fb$var$isValidKey(e2) {
+  return !(e2.metaKey || !$c87311424ea30a05$export$9ac100e40613ea10() && e2.altKey || e2.ctrlKey || e2.key === "Control" || e2.key === "Shift" || e2.key === "Meta");
+}
+function $507fabe10e71c6fb$var$handleKeyboardEvent(e2) {
+  $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
+  if ($507fabe10e71c6fb$var$isValidKey(e2)) {
+    $507fabe10e71c6fb$var$currentModality = "keyboard";
+    $507fabe10e71c6fb$var$triggerChangeHandlers("keyboard", e2);
+  }
+}
+function $507fabe10e71c6fb$var$handlePointerEvent(e2) {
+  $507fabe10e71c6fb$var$currentModality = "pointer";
+  if (e2.type === "mousedown" || e2.type === "pointerdown") {
+    $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
+    $507fabe10e71c6fb$var$triggerChangeHandlers("pointer", e2);
+  }
+}
+function $507fabe10e71c6fb$var$handleClickEvent(e2) {
+  if ($6a7db85432448f7f$export$60278871457622de(e2)) {
+    $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
+    $507fabe10e71c6fb$var$currentModality = "virtual";
+  }
+}
+function $507fabe10e71c6fb$var$handleFocusEvent(e2) {
+  if (e2.target === window || e2.target === document) return;
+  if (!$507fabe10e71c6fb$var$hasEventBeforeFocus && !$507fabe10e71c6fb$var$hasBlurredWindowRecently) {
+    $507fabe10e71c6fb$var$currentModality = "virtual";
+    $507fabe10e71c6fb$var$triggerChangeHandlers("virtual", e2);
+  }
+  $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, e2) {
+  var _e_target;
+  const IHTMLInputElement = typeof window !== "undefined" ? $431fbd86ca7dc216$export$f21a1ffae260145a(e2 === null || e2 === void 0 ? void 0 : e2.target).HTMLInputElement : HTMLInputElement;
+  const IHTMLTextAreaElement = typeof window !== "undefined" ? $431fbd86ca7dc216$export$f21a1ffae260145a(e2 === null || e2 === void 0 ? void 0 : e2.target).HTMLTextAreaElement : HTMLTextAreaElement;
+  const IHTMLElement = typeof window !== "undefined" ? $431fbd86ca7dc216$export$f21a1ffae260145a(e2 === null || e2 === void 0 ? void 0 : e2.target).HTMLElement : HTMLElement;
+  const IKeyboardEvent = typeof window !== "undefined" ? $431fbd86ca7dc216$export$f21a1ffae260145a(e2 === null || e2 === void 0 ? void 0 : e2.target).KeyboardEvent : KeyboardEvent;
+  isTextInput = isTextInput || (e2 === null || e2 === void 0 ? void 0 : e2.target) instanceof IHTMLInputElement && !$507fabe10e71c6fb$var$nonTextInputTypes.has(e2 === null || e2 === void 0 ? void 0 : (_e_target = e2.target) === null || _e_target === void 0 ? void 0 : _e_target.type) || (e2 === null || e2 === void 0 ? void 0 : e2.target) instanceof IHTMLTextAreaElement || (e2 === null || e2 === void 0 ? void 0 : e2.target) instanceof IHTMLElement && (e2 === null || e2 === void 0 ? void 0 : e2.target.isContentEditable);
+  return !(isTextInput && modality === "keyboard" && e2 instanceof IKeyboardEvent && !$507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS[e2.key]);
+}
+function $507fabe10e71c6fb$export$ec71b4b83ac08ec3(fn, deps, opts) {
+  $507fabe10e71c6fb$var$setupGlobalFocusEvents();
+  useEffect(() => {
+    let handler = (modality, e2) => {
+      if (!$507fabe10e71c6fb$var$isKeyboardFocusEvent(!!(opts === null || opts === void 0 ? void 0 : opts.isTextInput), modality, e2)) 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((e2) => {
+    if (state.current.isFocusWithin && !e2.currentTarget.contains(e2.relatedTarget)) {
+      state.current.isFocusWithin = false;
+      if (onBlurWithin) onBlurWithin(e2);
+      if (onFocusWithinChange) onFocusWithinChange(false);
+    }
+  }, [
+    onBlurWithin,
+    onFocusWithinChange,
+    state
+  ]);
+  let onSyntheticFocus = $8a9cb279dc87e130$export$715c682d09d639cc(onBlur);
+  let onFocus = useCallback((e2) => {
+    if (!state.current.isFocusWithin && document.activeElement === e2.target) {
+      if (onFocusWithin) onFocusWithin(e2);
+      if (onFocusWithinChange) onFocusWithinChange(true);
+      state.current.isFocusWithin = true;
+      onSyntheticFocus(e2);
+    }
+  }, [
+    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(e2) {
+  if (e2.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 = (e2) => {
+        if ($6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents && e2.pointerType === "mouse") return;
+        triggerHoverStart(e2, e2.pointerType);
+      };
+      hoverProps2.onPointerLeave = (e2) => {
+        if (!isDisabled && e2.currentTarget.contains(e2.target)) triggerHoverEnd2(e2, e2.pointerType);
+      };
+    } else {
+      hoverProps2.onTouchStart = () => {
+        state.ignoreEmulatedMouseEvents = true;
+      };
+      hoverProps2.onMouseEnter = (e2) => {
+        if (!state.ignoreEmulatedMouseEvents && !$6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents) triggerHoverStart(e2, "mouse");
+        state.ignoreEmulatedMouseEvents = false;
+      };
+      hoverProps2.onMouseLeave = (e2) => {
+        if (!isDisabled && e2.currentTarget.contains(e2.target)) triggerHoverEnd2(e2, "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$1 = Object.defineProperty;
+var d = (t2, e2, n2) => e2 in t2 ? i$1(t2, e2, { enumerable: true, configurable: true, writable: true, value: n2 }) : t2[e2] = n2;
+var r$1 = (t2, e2, n2) => (d(t2, typeof e2 != "symbol" ? e2 + "" : e2, n2), n2);
+let o$4 = class o {
+  constructor() {
+    r$1(this, "current", this.detect());
+    r$1(this, "handoffState", "pending");
+    r$1(this, "currentId", 0);
+  }
+  set(e2) {
+    this.current !== e2 && (this.handoffState = "pending", this.currentId = 0, this.current = e2);
+  }
+  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$2 = new o$4();
+function u$3(r2) {
+  return s$2.isServer ? null : r2 instanceof Node ? r2.ownerDocument : r2 != null && r2.hasOwnProperty("current") && r2.current instanceof Node ? r2.current.ownerDocument : document;
+}
+function t$1(e2) {
+  typeof queueMicrotask == "function" ? queueMicrotask(e2) : Promise.resolve().then(e2).catch((o3) => setTimeout(() => {
+    throw o3;
+  }));
+}
+function o$3() {
+  let n2 = [], r2 = { addEventListener(e2, t2, s2, a2) {
+    return e2.addEventListener(t2, s2, a2), r2.add(() => e2.removeEventListener(t2, s2, a2));
+  }, requestAnimationFrame(...e2) {
+    let t2 = requestAnimationFrame(...e2);
+    return r2.add(() => cancelAnimationFrame(t2));
+  }, nextFrame(...e2) {
+    return r2.requestAnimationFrame(() => r2.requestAnimationFrame(...e2));
+  }, setTimeout(...e2) {
+    let t2 = setTimeout(...e2);
+    return r2.add(() => clearTimeout(t2));
+  }, microTask(...e2) {
+    let t2 = { current: true };
+    return t$1(() => {
+      t2.current && e2[0]();
+    }), r2.add(() => {
+      t2.current = false;
+    });
+  }, style(e2, t2, s2) {
+    let a2 = e2.style.getPropertyValue(t2);
+    return Object.assign(e2.style, { [t2]: s2 }), this.add(() => {
+      Object.assign(e2.style, { [t2]: a2 });
+    });
+  }, group(e2) {
+    let t2 = o$3();
+    return e2(t2), this.add(() => t2.dispose());
+  }, add(e2) {
+    return n2.includes(e2) || n2.push(e2), () => {
+      let t2 = n2.indexOf(e2);
+      if (t2 >= 0) for (let s2 of n2.splice(t2, 1)) s2();
+    };
+  }, dispose() {
+    for (let e2 of n2.splice(0)) e2();
+  } };
+  return r2;
+}
+function p$1() {
+  let [e2] = useState(o$3);
+  return useEffect(() => () => e2.dispose(), [e2]), e2;
+}
+let n = (e2, t2) => {
+  s$2.isServer ? useEffect(e2, t2) : useLayoutEffect(e2, t2);
+};
+function s$1(e2) {
+  let r2 = useRef(e2);
+  return n(() => {
+    r2.current = e2;
+  }, [e2]), r2;
+}
+let o$2 = function(t2) {
+  let e2 = s$1(t2);
+  return React__default.useCallback((...r2) => e2.current(...r2), [e2]);
+};
+let e$2 = createContext(void 0);
+function a$2() {
+  return useContext(e$2);
+}
+function t(...r2) {
+  return Array.from(new Set(r2.flatMap((n2) => typeof n2 == "string" ? n2.split(" ") : []))).filter(Boolean).join(" ");
+}
+function u$2(r2, n2, ...a2) {
+  if (r2 in n2) {
+    let e2 = n2[r2];
+    return typeof e2 == "function" ? e2(...a2) : e2;
+  }
+  let t2 = new Error(`Tried to handle "${r2}" but there is no handler defined. Only defined handlers are: ${Object.keys(n2).map((e2) => `"${e2}"`).join(", ")}.`);
+  throw Error.captureStackTrace && Error.captureStackTrace(t2, u$2), t2;
+}
+var M = ((a2) => (a2[a2.None = 0] = "None", a2[a2.RenderStrategy = 1] = "RenderStrategy", a2[a2.Static = 2] = "Static", a2))(M || {}), O = ((e2) => (e2[e2.Unmount = 0] = "Unmount", e2[e2.Hidden = 1] = "Hidden", e2))(O || {});
+function H({ ourProps: r2, theirProps: n2, slot: e2, defaultTag: a2, features: s2, visible: t2 = true, name: l2, mergeRefs: i2 }) {
+  i2 = i2 != null ? i2 : A;
+  let o3 = N$1(n2, r2);
+  if (t2) return b(o3, e2, a2, l2, i2);
+  let y2 = s2 != null ? s2 : 0;
+  if (y2 & 2) {
+    let { static: f2 = false, ...u2 } = o3;
+    if (f2) return b(u2, e2, a2, l2, i2);
+  }
+  if (y2 & 1) {
+    let { unmount: f2 = true, ...u2 } = o3;
+    return u$2(f2 ? 0 : 1, { [0]() {
+      return null;
+    }, [1]() {
+      return b({ ...u2, hidden: true, style: { display: "none" } }, e2, a2, l2, i2);
+    } });
+  }
+  return b(o3, e2, a2, l2, i2);
+}
+function b(r2, n2 = {}, e2, a2, s2) {
+  let { as: t$12 = e2, children: l2, refName: i2 = "ref", ...o3 } = h(r2, ["unmount", "static"]), y2 = r2.ref !== void 0 ? { [i2]: r2.ref } : {}, f2 = typeof l2 == "function" ? l2(n2) : l2;
+  "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 [c2, T2] of Object.entries(n2)) typeof T2 == "boolean" && (d2 = true), T2 === true && p2.push(c2.replace(/([A-Z])/g, (g) => `-${g.toLowerCase()}`));
+    if (d2) {
+      u2["data-headlessui-state"] = p2.join(" ");
+      for (let c2 of p2) u2[`data-${c2}`] = "";
+    }
+  }
+  if (t$12 === Fragment && (Object.keys(m(o3)).length > 0 || Object.keys(m(u2)).length > 0)) if (!isValidElement(f2) || Array.isArray(f2) && f2.length > 1) {
+    if (Object.keys(m(o3)).length > 0) throw new Error(['Passing props on "Fragment"!', "", `The current component <${a2} /> 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 = f2.props, p2 = d2 == null ? void 0 : d2.className, c2 = typeof p2 == "function" ? (...F) => t(p2(...F), o3.className) : t(p2, o3.className), T2 = c2 ? { className: c2 } : {}, g = N$1(f2.props, m(h(o3, ["ref"])));
+    for (let F in u2) F in g && delete u2[F];
+    return cloneElement(f2, Object.assign({}, g, u2, y2, { ref: s2(f2.ref, y2.ref) }, T2));
+  }
+  return createElement(t$12, Object.assign({}, h(o3, ["ref"]), t$12 !== Fragment && y2, t$12 !== Fragment && u2), f2);
+}
+function A(...r2) {
+  return r2.every((n2) => n2 == null) ? void 0 : (n2) => {
+    for (let e2 of r2) e2 != null && (typeof e2 == "function" ? e2(n2) : e2.current = n2);
+  };
+}
+function N$1(...r2) {
+  if (r2.length === 0) return {};
+  if (r2.length === 1) return r2[0];
+  let n2 = {}, e2 = {};
+  for (let s2 of r2) for (let t2 in s2) t2.startsWith("on") && typeof s2[t2] == "function" ? (e2[t2] != null || (e2[t2] = []), e2[t2].push(s2[t2])) : n2[t2] = s2[t2];
+  if (n2.disabled || n2["aria-disabled"]) for (let s2 in e2) /^(on(?:Click|Pointer|Mouse|Key)(?:Down|Up|Press)?)$/.test(s2) && (e2[s2] = [(t2) => {
+    var l2;
+    return (l2 = t2 == null ? void 0 : t2.preventDefault) == null ? void 0 : l2.call(t2);
+  }]);
+  for (let s2 in e2) Object.assign(n2, { [s2](t2, ...l2) {
+    let i2 = e2[s2];
+    for (let o3 of i2) {
+      if ((t2 instanceof Event || (t2 == null ? void 0 : t2.nativeEvent) instanceof Event) && t2.defaultPrevented) return;
+      o3(t2, ...l2);
+    }
+  } });
+  return n2;
+}
+function D(...r2) {
+  if (r2.length === 0) return {};
+  if (r2.length === 1) return r2[0];
+  let n2 = {}, e2 = {};
+  for (let s2 of r2) for (let t2 in s2) t2.startsWith("on") && typeof s2[t2] == "function" ? (e2[t2] != null || (e2[t2] = []), e2[t2].push(s2[t2])) : n2[t2] = s2[t2];
+  for (let s2 in e2) Object.assign(n2, { [s2](...t2) {
+    let l2 = e2[s2];
+    for (let i2 of l2) 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 e2 in n2) n2[e2] === void 0 && delete n2[e2];
+  return n2;
+}
+function h(r2, n2 = []) {
+  let e2 = Object.assign({}, r2);
+  for (let a2 of n2) a2 in e2 && delete e2[a2];
+  return e2;
+}
+function T$2(l2, r2, c2) {
+  let [i2, s2] = useState(c2), e2 = l2 !== void 0, t2 = useRef(e2), u2 = useRef(false), d2 = useRef(false);
+  return e2 && !t2.current && !u2.current ? (u2.current = true, t2.current = e2, console.error("A component is changing from uncontrolled to controlled. This may be caused by the value changing from undefined to a defined value, which should not happen.")) : !e2 && t2.current && !d2.current && (d2.current = true, t2.current = e2, console.error("A component is changing from controlled to uncontrolled. This may be caused by the value changing from a defined value to undefined, which should not happen.")), [e2 ? l2 : i2, o$2((n2) => (e2 || s2(n2), r2 == null ? void 0 : r2(n2)))];
+}
+function l$1(e2) {
+  let [t2] = useState(e2);
+  return t2;
+}
+function e$1(i2 = {}, s2 = null, t2 = []) {
+  for (let [r2, n2] of Object.entries(i2)) o$1(t2, f$2(s2, r2), n2);
+  return t2;
+}
+function f$2(i2, s2) {
+  return i2 ? i2 + "[" + s2 + "]" : s2;
+}
+function o$1(i2, s2, t2) {
+  if (Array.isArray(t2)) for (let [r2, n2] of t2.entries()) o$1(i2, f$2(s2, r2.toString()), n2);
+  else t2 instanceof Date ? i2.push([s2, t2.toISOString()]) : typeof t2 == "boolean" ? i2.push([s2, t2 ? "1" : "0"]) : typeof t2 == "string" ? i2.push([s2, t2]) : typeof t2 == "number" ? i2.push([s2, `${t2}`]) : t2 == null ? i2.push([s2, ""]) : e$1(t2, s2, i2);
+}
+function p(i2) {
+  var t2, r2;
+  let s2 = (t2 = i2 == null ? void 0 : i2.form) != null ? t2 : i2.closest("form");
+  if (s2) {
+    for (let n2 of s2.elements) if (n2 !== i2 && (n2.tagName === "INPUT" && n2.type === "submit" || n2.tagName === "BUTTON" && n2.type === "submit" || n2.nodeName === "INPUT" && n2.type === "image")) {
+      n2.click();
+      return;
+    }
+    (r2 = s2.requestSubmit) == null || r2.call(s2);
+  }
+}
+let a$1 = "span";
+var s = ((e2) => (e2[e2.None = 1] = "None", e2[e2.Focusable = 2] = "Focusable", e2[e2.Hidden = 4] = "Hidden", e2))(s || {});
+function l(t2, r2) {
+  var n2;
+  let { features: d2 = 1, ...e2 } = t2, o3 = { ref: r2, "aria-hidden": (d2 & 2) === 2 ? true : (n2 = e2["aria-hidden"]) != null ? n2 : void 0, hidden: (d2 & 4) === 4 ? true : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(d2 & 4) === 4 && (d2 & 2) !== 2 && { display: "none" } } };
+  return H({ ourProps: o3, theirProps: e2, slot: {}, defaultTag: a$1, name: "Hidden" });
+}
+let T$1 = W(l);
+let f$1 = createContext(null);
+function c$1({ children: t2 }) {
+  let e2 = useContext(f$1);
+  if (!e2) return React__default.createElement(React__default.Fragment, null, t2);
+  let { target: r2 } = e2;
+  return r2 ? createPortal(React__default.createElement(React__default.Fragment, null, t2), r2) : null;
+}
+function j({ data: t2, form: e2, disabled: r2, onReset: n2, overrides: F }) {
+  let [i2, a2] = useState(null), p2 = p$1();
+  return useEffect(() => {
+    if (n2 && i2) return p2.addEventListener(i2, "reset", n2);
+  }, [i2, e2, n2]), React__default.createElement(c$1, null, React__default.createElement(C$1, { setForm: a2, formId: e2 }), e$1(t2).map(([s$12, v]) => React__default.createElement(T$1, { features: s.Hidden, ...m({ key: s$12, as: "input", type: "hidden", hidden: true, readOnly: true, form: e2, disabled: r2, name: s$12, value: v, ...F }) })));
+}
+function C$1({ setForm: t2, formId: e2 }) {
+  return useEffect(() => {
+    if (e2) {
+      let r2 = document.getElementById(e2);
+      r2 && t2(r2);
+    }
+  }, [t2, e2]), e2 ? null : React__default.createElement(T$1, { features: s.Hidden, as: "input", type: "hidden", hidden: true, readOnly: true, ref: (r2) => {
+    if (!r2) return;
+    let n2 = r2.closest("form");
+    n2 && t2(n2);
+  } });
+}
+let e = createContext(void 0);
+function u$1() {
+  return useContext(e);
+}
+function r(n2) {
+  let e2 = n2.parentElement, l2 = null;
+  for (; e2 && !(e2 instanceof HTMLFieldSetElement); ) e2 instanceof HTMLLegendElement && (l2 = e2), e2 = e2.parentElement;
+  let t2 = (e2 == null ? void 0 : e2.getAttribute("disabled")) === "";
+  return t2 && i(l2) ? false : t2;
+}
+function i(n2) {
+  if (!n2) return false;
+  let e2 = n2.previousElementSibling;
+  for (; e2 !== null; ) {
+    if (e2 instanceof HTMLLegendElement) return false;
+    e2 = e2.previousElementSibling;
+  }
+  return true;
+}
+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 c2 = o$2((e2) => {
+    for (let o3 of n2.current) o3 != null && (typeof o3 == "function" ? o3(e2) : o3.current = e2);
+  });
+  return t2.every((e2) => e2 == null || (e2 == null ? void 0 : e2[u])) ? void 0 : c2;
+}
+let a = createContext(null);
+a.displayName = "DescriptionContext";
+function f() {
+  let r2 = useContext(a);
+  if (r2 === null) {
+    let e2 = new Error("You used a <Description /> component, but it is not inside a relevant parent.");
+    throw Error.captureStackTrace && Error.captureStackTrace(e2, f), e2;
+  }
+  return r2;
+}
+function G$1() {
+  var r2, e2;
+  return (e2 = (r2 = useContext(a)) == null ? void 0 : r2.value) != null ? e2 : void 0;
+}
+function U$1() {
+  let [r2, e2] = useState([]);
+  return [r2.length > 0 ? r2.join(" ") : void 0, useMemo(() => function(t2) {
+    let i2 = o$2((n2) => (e2((s2) => [...s2, n2]), () => e2((s2) => {
+      let o3 = s2.slice(), p2 = o3.indexOf(n2);
+      return p2 !== -1 && o3.splice(p2, 1), o3;
+    }))), l2 = useMemo(() => ({ register: i2, slot: t2.slot, name: t2.name, props: t2.props, value: t2.value }), [i2, t2.slot, t2.name, t2.props, t2.value]);
+    return React__default.createElement(a.Provider, { value: l2 }, t2.children);
+  }, [e2])];
+}
+let S = "p";
+function C(r2, e2) {
+  let d2 = useId(), t2 = a$2(), { id: i2 = `headlessui-description-${d2}`, ...l2 } = r2, n$1 = f(), s2 = y(e2);
+  n(() => n$1.register(i2), [i2, n$1.register]);
+  let o3 = t2 || false, p2 = useMemo(() => ({ ...n$1.slot, disabled: o3 }), [n$1.slot, o3]), D2 = { ref: s2, ...n$1.props, id: i2 };
+  return H({ ourProps: D2, theirProps: l2, slot: p2, defaultTag: S, name: n$1.name || "Description" });
+}
+let _ = W(C), w = Object.assign(_, {});
+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 || {});
+let c = createContext(null);
+c.displayName = "LabelContext";
+function P() {
+  let r2 = useContext(c);
+  if (r2 === null) {
+    let l2 = new Error("You used a <Label /> component, but it is not inside a relevant parent.");
+    throw Error.captureStackTrace && Error.captureStackTrace(l2, P), l2;
+  }
+  return r2;
+}
+function I(r2) {
+  var a2, e2, o3;
+  let l2 = (e2 = (a2 = useContext(c)) == null ? void 0 : a2.value) != null ? e2 : void 0;
+  return ((o3 = r2 == null ? void 0 : r2.length) != null ? o3 : 0) > 0 ? [l2, ...r2].filter(Boolean).join(" ") : l2;
+}
+function z({ inherit: r2 = false } = {}) {
+  let l2 = I(), [a2, e2] = useState([]), o3 = r2 ? [l2, ...a2].filter(Boolean) : a2;
+  return [o3.length > 0 ? o3.join(" ") : void 0, useMemo(() => function(t2) {
+    let s2 = o$2((i2) => (e2((p2) => [...p2, i2]), () => e2((p2) => {
+      let u2 = p2.slice(), d2 = u2.indexOf(i2);
+      return d2 !== -1 && u2.splice(d2, 1), u2;
+    }))), m2 = useMemo(() => ({ register: s2, slot: t2.slot, name: t2.name, props: t2.props, value: t2.value }), [s2, t2.slot, t2.name, t2.props, t2.value]);
+    return React__default.createElement(c.Provider, { value: m2 }, t2.children);
+  }, [e2])];
+}
+let N = "label";
+function G(r2, l2) {
+  var y$1;
+  let a2 = useId(), e2 = P(), o3 = u$1(), g = a$2(), { id: t2 = `headlessui-label-${a2}`, htmlFor: s2 = o3 != null ? o3 : (y$1 = e2.props) == null ? void 0 : y$1.htmlFor, passive: m2 = false, ...i2 } = r2, p2 = y(l2);
+  n(() => e2.register(t2), [t2, e2.register]);
+  let u2 = o$2((L) => {
+    let b2 = L.currentTarget;
+    if (b2 instanceof HTMLLabelElement && L.preventDefault(), e2.props && "onClick" in e2.props && typeof e2.props.onClick == "function" && e2.props.onClick(L), b2 instanceof HTMLLabelElement) {
+      let n2 = document.getElementById(b2.htmlFor);
+      if (n2) {
+        let E = n2.getAttribute("disabled");
+        if (E === "true" || E === "") return;
+        let x = n2.getAttribute("aria-disabled");
+        if (x === "true" || x === "") return;
+        (n2 instanceof HTMLInputElement && (n2.type === "radio" || n2.type === "checkbox") || n2.role === "radio" || n2.role === "checkbox" || n2.role === "switch") && n2.click(), n2.focus({ preventScroll: true });
+      }
+    }
+  }), d2 = g || false, C2 = useMemo(() => ({ ...e2.slot, disabled: d2 }), [e2.slot, d2]), f2 = { ref: p2, ...e2.props, id: t2, htmlFor: s2, onClick: u2 };
+  return m2 && ("onClick" in f2 && (delete f2.htmlFor, delete f2.onClick), "onClick" in i2 && delete i2.onClick), H({ ourProps: f2, theirProps: i2, slot: C2, defaultTag: s2 ? N : "div", name: e2.name || "Label" });
+}
+let U = W(G), K = Object.assign(U, {});
+export {
+  $f7dceffc5ad7768b$export$4e328f61c538687f as $,
+  D,
+  G$1 as G,
+  H,
+  I,
+  K,
+  M,
+  T$2 as T,
+  U$1 as U,
+  W,
+  u$2 as a,
+  a$2 as b,
+  $6179b936705e76d3$export$ae780daf29e6d456 as c,
+  u$1 as d,
+  o2 as e,
+  p as f,
+  o$3 as g,
+  s$2 as h,
+  T as i,
+  j,
+  l$1 as l,
+  n,
+  o$2 as o,
+  p$1 as p,
+  r,
+  s$1 as s,
+  t$1 as t,
+  u$3 as u,
+  w,
+  y,
+  z
+};