mimir-ui-kit 1.12.0 → 1.13.0

package/dist/{keyboard-B256ZoM-.js → label-BXAcSLy0.js}

@@ -1,4 +1,5 @@
-import React__default, { useRef, useCallback, useEffect, useState, useMemo, useLayoutEffect, forwardRef, Fragment, isValidElement, cloneElement, createElement } from "react";
+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) {
@@ -9,8 +10,8 @@ function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
     fn
   ]);
   return useCallback((...args) => {
-    const f = ref.current;
-    return f === null || f === void 0 ? void 0 : f(...args);
+    const f2 = ref.current;
+    return f2 === null || f2 === void 0 ? void 0 : f2(...args);
   }, []);
 }
 const $431fbd86ca7dc216$export$b204af158042fbac = (el) => {
@@ -87,17 +88,17 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
       }
     };
   }, []);
-  let dispatchBlur = $8ae05eaa5c114e9c$export$7f54fc3180508a52((e) => {
-    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+  let dispatchBlur = $8ae05eaa5c114e9c$export$7f54fc3180508a52((e2) => {
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e2);
   });
-  return useCallback((e) => {
-    if (e.target instanceof HTMLButtonElement || e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLSelectElement) {
+  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 = e.target;
-      let onBlurHandler = (e2) => {
+      let target = e2.target;
+      let onBlurHandler = (e3) => {
         stateRef.current.isFocused = false;
         if (target.disabled)
-          dispatchBlur(new $8a9cb279dc87e130$export$905e7fc544a71f36("blur", e2));
+          dispatchBlur(new $8a9cb279dc87e130$export$905e7fc544a71f36("blur", e3));
         if (stateRef.current.observer) {
           stateRef.current.observer.disconnect();
           stateRef.current.observer = null;
@@ -133,9 +134,9 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
 }
 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);
+  const onBlur = useCallback((e2) => {
+    if (e2.target === e2.currentTarget) {
+      if (onBlurProp) onBlurProp(e2);
       if (onFocusChange) onFocusChange(false);
       return true;
     }
@@ -144,12 +145,12 @@ function $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props) {
     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);
+  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(e);
+      onSyntheticFocus(e2);
     }
   }, [
     onFocusChange,
@@ -172,37 +173,37 @@ 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$triggerChangeHandlers(modality, e2) {
+  for (let handler of $507fabe10e71c6fb$var$changeHandlers) handler(modality, e2);
 }
-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$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(e) {
+function $507fabe10e71c6fb$var$handleKeyboardEvent(e2) {
   $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
-  if ($507fabe10e71c6fb$var$isValidKey(e)) {
+  if ($507fabe10e71c6fb$var$isValidKey(e2)) {
     $507fabe10e71c6fb$var$currentModality = "keyboard";
-    $507fabe10e71c6fb$var$triggerChangeHandlers("keyboard", e);
+    $507fabe10e71c6fb$var$triggerChangeHandlers("keyboard", e2);
   }
 }
-function $507fabe10e71c6fb$var$handlePointerEvent(e) {
+function $507fabe10e71c6fb$var$handlePointerEvent(e2) {
   $507fabe10e71c6fb$var$currentModality = "pointer";
-  if (e.type === "mousedown" || e.type === "pointerdown") {
+  if (e2.type === "mousedown" || e2.type === "pointerdown") {
     $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
-    $507fabe10e71c6fb$var$triggerChangeHandlers("pointer", e);
+    $507fabe10e71c6fb$var$triggerChangeHandlers("pointer", e2);
   }
 }
-function $507fabe10e71c6fb$var$handleClickEvent(e) {
-  if ($6a7db85432448f7f$export$60278871457622de(e)) {
+function $507fabe10e71c6fb$var$handleClickEvent(e2) {
+  if ($6a7db85432448f7f$export$60278871457622de(e2)) {
     $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
     $507fabe10e71c6fb$var$currentModality = "virtual";
   }
 }
-function $507fabe10e71c6fb$var$handleFocusEvent(e) {
-  if (e.target === window || e.target === document) return;
+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", e);
+    $507fabe10e71c6fb$var$triggerChangeHandlers("virtual", e2);
   }
   $507fabe10e71c6fb$var$hasEventBeforeFocus = false;
   $507fabe10e71c6fb$var$hasBlurredWindowRecently = false;
@@ -292,20 +293,20 @@ const $507fabe10e71c6fb$var$nonTextInputTypes = /* @__PURE__ */ new Set([
   "submit",
   "reset"
 ]);
-function $507fabe10e71c6fb$var$isKeyboardFocusEvent(isTextInput, modality, e) {
+function $507fabe10e71c6fb$var$isKeyboardFocusEvent(isTextInput, modality, e2) {
   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]);
+  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, e) => {
-      if (!$507fabe10e71c6fb$var$isKeyboardFocusEvent(!!(opts === null || opts === void 0 ? void 0 : opts.isTextInput), modality, e)) return;
+    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);
@@ -319,10 +320,10 @@ function $9ab94262bd0047c7$export$420e68273165f4ec(props) {
   let state = useRef({
     isFocusWithin: false
   });
-  let onBlur = useCallback((e) => {
-    if (state.current.isFocusWithin && !e.currentTarget.contains(e.relatedTarget)) {
+  let onBlur = useCallback((e2) => {
+    if (state.current.isFocusWithin && !e2.currentTarget.contains(e2.relatedTarget)) {
       state.current.isFocusWithin = false;
-      if (onBlurWithin) onBlurWithin(e);
+      if (onBlurWithin) onBlurWithin(e2);
       if (onFocusWithinChange) onFocusWithinChange(false);
     }
   }, [
@@ -331,12 +332,12 @@ function $9ab94262bd0047c7$export$420e68273165f4ec(props) {
     state
   ]);
   let onSyntheticFocus = $8a9cb279dc87e130$export$715c682d09d639cc(onBlur);
-  let onFocus = useCallback((e) => {
-    if (!state.current.isFocusWithin && document.activeElement === e.target) {
-      if (onFocusWithin) onFocusWithin(e);
+  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(e);
+      onSyntheticFocus(e2);
     }
   }, [
     onFocusWithin,
@@ -365,8 +366,8 @@ function $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents() {
     $6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents = false;
   }, 50);
 }
-function $6179b936705e76d3$var$handleGlobalPointerEvent(e) {
-  if (e.pointerType === "touch") $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents();
+function $6179b936705e76d3$var$handleGlobalPointerEvent(e2) {
+  if (e2.pointerType === "touch") $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents();
 }
 function $6179b936705e76d3$var$setupGlobalTouchEvents() {
   if (typeof document === "undefined") return;
@@ -421,23 +422,23 @@ function $6179b936705e76d3$export$ae780daf29e6d456(props) {
     };
     let hoverProps2 = {};
     if (typeof PointerEvent !== "undefined") {
-      hoverProps2.onPointerEnter = (e) => {
-        if ($6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents && e.pointerType === "mouse") return;
-        triggerHoverStart(e, e.pointerType);
+      hoverProps2.onPointerEnter = (e2) => {
+        if ($6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents && e2.pointerType === "mouse") return;
+        triggerHoverStart(e2, e2.pointerType);
       };
-      hoverProps2.onPointerLeave = (e) => {
-        if (!isDisabled && e.currentTarget.contains(e.target)) triggerHoverEnd2(e, e.pointerType);
+      hoverProps2.onPointerLeave = (e2) => {
+        if (!isDisabled && e2.currentTarget.contains(e2.target)) triggerHoverEnd2(e2, e2.pointerType);
       };
     } else {
       hoverProps2.onTouchStart = () => {
         state.ignoreEmulatedMouseEvents = true;
       };
-      hoverProps2.onMouseEnter = (e) => {
-        if (!state.ignoreEmulatedMouseEvents && !$6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents) triggerHoverStart(e, "mouse");
+      hoverProps2.onMouseEnter = (e2) => {
+        if (!state.ignoreEmulatedMouseEvents && !$6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents) triggerHoverStart(e2, "mouse");
         state.ignoreEmulatedMouseEvents = false;
       };
-      hoverProps2.onMouseLeave = (e) => {
-        if (!isDisabled && e.currentTarget.contains(e.target)) triggerHoverEnd2(e, "mouse");
+      hoverProps2.onMouseLeave = (e2) => {
+        if (!isDisabled && e2.currentTarget.contains(e2.target)) triggerHoverEnd2(e2, "mouse");
       };
     }
     return {
@@ -499,17 +500,17 @@ function $f7dceffc5ad7768b$export$4e328f61c538687f(props = {}) {
     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 {
+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(this, "current", this.detect());
-    r(this, "handoffState", "pending");
-    r(this, "currentId", 0);
+    r$1(this, "current", this.detect());
+    r$1(this, "handoffState", "pending");
+    r$1(this, "currentId", 0);
   }
-  set(e) {
-    this.current !== e && (this.handoffState = "pending", this.currentId = 0, this.current = e);
+  set(e2) {
+    this.current !== e2 && (this.handoffState = "pending", this.currentId = 0, this.current = e2);
   }
   reset() {
     this.set(this.detect());
@@ -533,150 +534,146 @@ let o$3 = class o {
     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;
+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(e) {
-  typeof queueMicrotask == "function" ? queueMicrotask(e) : Promise.resolve().then(e).catch((o3) => setTimeout(() => {
+function t$1(e2) {
+  typeof queueMicrotask == "function" ? queueMicrotask(e2) : Promise.resolve().then(e2).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);
+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(...e) {
-    return r2.requestAnimationFrame(() => r2.requestAnimationFrame(...e));
-  }, setTimeout(...e) {
-    let t2 = setTimeout(...e);
+  }, nextFrame(...e2) {
+    return r2.requestAnimationFrame(() => r2.requestAnimationFrame(...e2));
+  }, setTimeout(...e2) {
+    let t2 = setTimeout(...e2);
     return r2.add(() => clearTimeout(t2));
-  }, microTask(...e) {
+  }, microTask(...e2) {
     let t2 = { current: true };
     return t$1(() => {
-      t2.current && e[0]();
+      t2.current && e2[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 });
+  }, 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(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);
+  }, 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 e of n2.splice(0)) e();
+    for (let e2 of n2.splice(0)) e2();
   } };
   return r2;
 }
-function p() {
-  let [e] = useState(o$2);
-  return useEffect(() => () => e.dispose(), [e]), e;
+function p$1() {
+  let [e2] = useState(o$3);
+  return useEffect(() => () => e2.dispose(), [e2]), e2;
 }
-let n = (e, t2) => {
-  s$1.isServer ? useEffect(e, t2) : useLayoutEffect(e, t2);
+let n = (e2, t2) => {
+  s$2.isServer ? useEffect(e2, t2) : useLayoutEffect(e2, t2);
 };
-function s(e) {
-  let r2 = useRef(e);
+function s$1(e2) {
+  let r2 = useRef(e2);
   return n(() => {
-    r2.current = e;
-  }, [e]), r2;
+    r2.current = e2;
+  }, [e2]), r2;
 }
-let o$1 = function(t2) {
-  let e = s(t2);
-  return React__default.useCallback((...r2) => e.current(...r2), [e]);
+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$1(r2, n2, ...a) {
+function u$2(r2, n2, ...a2) {
   if (r2 in n2) {
-    let e = n2[r2];
-    return typeof e == "function" ? e(...a) : e;
+    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((e) => `"${e}"`).join(", ")}.`);
-  throw Error.captureStackTrace && Error.captureStackTrace(t2, u$1), t2;
+  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 = ((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 }) {
+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(n2, r2);
-  if (t2) return b(o3, e, a, l, i2);
+  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: f = false, ...u2 } = o3;
-    if (f) return b(u2, e, a, l, i2);
+    let { static: f2 = false, ...u2 } = o3;
+    if (f2) return b(u2, e2, a2, l2, i2);
   }
   if (y2 & 1) {
-    let { unmount: f = true, ...u2 } = o3;
-    return u$1(f ? 0 : 1, { [0]() {
+    let { unmount: f2 = true, ...u2 } = o3;
+    return u$2(f2 ? 0 : 1, { [0]() {
       return null;
     }, [1]() {
-      return b({ ...u2, hidden: true, style: { display: "none" } }, e, a, l, i2);
+      return b({ ...u2, hidden: true, style: { display: "none" } }, e2, a2, l2, i2);
     } });
   }
-  return b(o3, e, a, l, i2);
+  return b(o3, e2, a2, l2, 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;
+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 [c, T2] of Object.entries(n2)) typeof T2 == "boolean" && (d2 = true), T2 === true && p2.push(c.replace(/([A-Z])/g, (g) => `-${g.toLowerCase()}`));
+    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 c of p2) u2[`data-${c}`] = "";
+      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(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(`
+  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 = 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"])));
+    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(f, Object.assign({}, g, u2, y2, { ref: s2(f.ref, y2.ref) }, T2));
+    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), 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;
-  };
+  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 e of r2) e != null && (typeof e == "function" ? e(n2) : e.current = n2);
+    for (let e2 of r2) e2 != null && (typeof e2 == "function" ? e2(n2) : e2.current = n2);
   };
 }
-function N(...r2) {
+function N$1(...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);
+  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 e) Object.assign(n2, { [s2](t2, ...l) {
-    let i2 = e[s2];
+  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, ...l);
+      o3(t2, ...l2);
     }
   } });
   return n2;
@@ -684,11 +681,11 @@ function N(...r2) {
 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);
+  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;
 }
@@ -698,13 +695,95 @@ function W(r2) {
 }
 function m(r2) {
   let n2 = Object.assign({}, r2);
-  for (let e in n2) n2[e] === void 0 && delete n2[e];
+  for (let e2 in n2) n2[e2] === void 0 && delete n2[e2];
   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 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) {
@@ -715,31 +794,120 @@ function y(...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);
+  let c2 = o$2((e2) => {
+    for (let o3 of n2.current) o3 != null && (typeof o3 == "function" ? o3(e2) : o3.current = e2);
   });
-  return t2.every((e) => e == null || (e == null ? void 0 : e[u])) ? void 0 : c;
+  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,
+  T$2 as T,
+  U$1 as U,
   W,
-  u$1 as a,
-  $6179b936705e76d3$export$ae780daf29e6d456 as b,
-  o2 as c,
-  o$2 as d,
-  s$1 as e,
-  m,
+  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$1 as o,
-  p,
-  s,
+  o$2 as o,
+  p$1 as p,
+  r,
+  s$1 as s,
   t$1 as t,
-  u$2 as u,
-  y
+  u$3 as u,
+  w,
+  y,
+  z
 };