mimir-ui-kit 1.9.1 → 1.10.0

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,172 +1,1106 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { W, K, w, b as a, z as z$1, U, y, l, T, o, j as j$1, H, s, n, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, c as $6179b936705e76d3$export$ae780daf29e6d456, D, d as u$1, I, G, a as u$2, u as u$3, e as o$1, f as p, r } from "../../label-BXAcSLy0.js";
-import React__default, { createContext, useId, useReducer, useRef, useMemo, useCallback, useContext, forwardRef } from "react";
-import { u, P, F, T as T$1, _ } from "../../focus-management-CFDo6ZSc.js";
+import { jsxs, jsx, Fragment as Fragment$1 } from "react/jsx-runtime";
+import React, { useRef, useCallback, useEffect, useState, useMemo, useLayoutEffect, createContext, useContext, forwardRef, Fragment, isValidElement, cloneElement, createElement, useId, useReducer } from "react";
+import { createPortal } from "react-dom";
 import { c as classNames } from "../../index-CweZ_OcN.js";
-import '../../assets/RadioGroup.css';var Le = ((e) => (e[e.RegisterOption = 0] = "RegisterOption", e[e.UnregisterOption = 1] = "UnregisterOption", e))(Le || {});
-let ke = { [0](o2, t) {
-  let e = [...o2.options, { id: t.id, element: t.element, propsRef: t.propsRef }];
-  return { ...o2, options: _(e, (a2) => a2.element.current) };
-}, [1](o2, t) {
-  let e = o2.options.slice(), a2 = o2.options.findIndex((O) => O.id === t.id);
-  return a2 === -1 ? o2 : (e.splice(a2, 1), { ...o2, options: e });
+import '../../assets/RadioGroup.css';const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !== "undefined" ? React.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$4(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$2() {
+  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.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$3(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$3), t2;
+}
+var M = ((a2) => (a2[a2.None = 0] = "None", a2[a2.RenderStrategy = 1] = "RenderStrategy", a2[a2.Static = 2] = "Static", a2))(M || {}), O$1 = ((e2) => (e2[e2.Unmount = 0] = "Unmount", e2[e2.Hidden = 1] = "Hidden", e2))(O$1 || {});
+function H$1({ 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$1(o3, e2, a2, l2, i2);
+  let y2 = s2 != null ? s2 : 0;
+  if (y2 & 2) {
+    let { static: f2 = false, ...u2 } = o3;
+    if (f2) return b$1(u2, e2, a2, l2, i2);
+  }
+  if (y2 & 1) {
+    let { unmount: f2 = true, ...u2 } = o3;
+    return u$3(f2 ? 0 : 1, { [0]() {
+      return null;
+    }, [1]() {
+      return b$1({ ...u2, hidden: true, style: { display: "none" } }, e2, a2, l2, i2);
+    } });
+  }
+  return b$1(o3, e2, a2, l2, i2);
+}
+function b$1(r2, n2 = {}, e2, a2, s2) {
+  let { as: t$12 = e2, children: l2, refName: i2 = "ref", ...o3 } = h$1(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" ? (...F2) => t(p2(...F2), o3.className) : t(p2, o3.className), T2 = c2 ? { className: c2 } : {}, g = N$1(f2.props, m(h$1(o3, ["ref"])));
+    for (let F2 in u2) F2 in g && delete u2[F2];
+    return cloneElement(f2, Object.assign({}, g, u2, y2, { ref: s2(f2.ref, y2.ref) }, T2));
+  }
+  return createElement(t$12, Object.assign({}, h$1(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$1(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$2(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$3(s2, r2), n2);
+  return t2;
+}
+function f$3(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$3(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$1(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$1(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$1({ ourProps: o3, theirProps: e2, slot: {}, defaultTag: a$1, name: "Hidden" });
+}
+let T$1 = W(l$1);
+let f$2 = createContext(null);
+function c$1({ children: t2 }) {
+  let e2 = useContext(f$2);
+  if (!e2) return React.createElement(React.Fragment, null, t2);
+  let { target: r2 } = e2;
+  return r2 ? createPortal(React.createElement(React.Fragment, null, t2), r2) : null;
+}
+function j$1({ data: t2, form: e2, disabled: r2, onReset: n2, overrides: F2 }) {
+  let [i2, a2] = useState(null), p2 = p$2();
+  return useEffect(() => {
+    if (n2 && i2) return p2.addEventListener(i2, "reset", n2);
+  }, [i2, e2, n2]), React.createElement(c$1, null, React.createElement(C$1, { setForm: a2, formId: e2 }), e$1(t2).map(([s$12, v]) => React.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, ...F2 }) })));
+}
+function C$1({ setForm: t2, formId: e2 }) {
+  return useEffect(() => {
+    if (e2) {
+      let r2 = document.getElementById(e2);
+      r2 && t2(r2);
+    }
+  }, [t2, e2]), e2 ? null : React.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$2() {
+  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$1 = Symbol();
+function y$1(...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$1])) ? void 0 : c2;
+}
+let a = createContext(null);
+a.displayName = "DescriptionContext";
+function f$1() {
+  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$1), 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.createElement(a.Provider, { value: l2 }, t2.children);
+  }, [e2])];
+}
+let S$1 = "p";
+function C(r2, e2) {
+  let d2 = useId(), t2 = a$2(), { id: i2 = `headlessui-description-${d2}`, ...l2 } = r2, n$1 = f$1(), s2 = y$1(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$1({ ourProps: D2, theirProps: l2, slot: p2, defaultTag: S$1, name: n$1.name || "Description" });
+}
+let _$1 = W(C), w$1 = Object.assign(_$1, {});
+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$1() {
+  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$1), 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 = void 0) != null ? o3 : 0) > 0 ? [l2, ...r2].filter(Boolean).join(" ") : l2;
+}
+function z$1({ 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.createElement(c.Provider, { value: m2 }, t2.children);
+  }, [e2])];
+}
+let N = "label";
+function G(r2, l2) {
+  var y2;
+  let a2 = useId(), e2 = P$1(), o3 = u$2(), g = a$2(), { id: t2 = `headlessui-label-${a2}`, htmlFor: s2 = o3 != null ? o3 : (y2 = e2.props) == null ? void 0 : y2.htmlFor, passive: m2 = false, ...i2 } = r2, p2 = y$1(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$1({ ourProps: f2, theirProps: i2, slot: C2, defaultTag: s2 ? N : "div", name: e2.name || "Label" });
+}
+let U = W(G), K = Object.assign(U, {});
+function l(e2, r2) {
+  return e2 !== null && r2 !== null && typeof e2 == "object" && typeof r2 == "object" && "id" in e2 && "id" in r2 ? e2.id === r2.id : e2 === r2;
+}
+function u(e2 = l) {
+  return useCallback((r2, t2) => {
+    if (typeof e2 == "string") {
+      let o3 = e2;
+      return (r2 == null ? void 0 : r2[o3]) === (t2 == null ? void 0 : t2[o3]);
+    }
+    return e2(r2, t2);
+  }, [e2]);
+}
+let f = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e2) => `${e2}:not([tabindex='-1'])`).join(","), p = ["[data-autofocus]"].map((e2) => `${e2}:not([tabindex='-1'])`).join(",");
+var F = ((n2) => (n2[n2.First = 1] = "First", n2[n2.Previous = 2] = "Previous", n2[n2.Next = 4] = "Next", n2[n2.Last = 8] = "Last", n2[n2.WrapAround = 16] = "WrapAround", n2[n2.NoScroll = 32] = "NoScroll", n2[n2.AutoFocus = 64] = "AutoFocus", n2))(F || {}), T = ((o3) => (o3[o3.Error = 0] = "Error", o3[o3.Overflow = 1] = "Overflow", o3[o3.Success = 2] = "Success", o3[o3.Underflow = 3] = "Underflow", o3))(T || {}), y = ((t2) => (t2[t2.Previous = -1] = "Previous", t2[t2.Next = 1] = "Next", t2))(y || {});
+function b(e2 = document.body) {
+  return e2 == null ? [] : Array.from(e2.querySelectorAll(f)).sort((r2, t2) => Math.sign((r2.tabIndex || Number.MAX_SAFE_INTEGER) - (t2.tabIndex || Number.MAX_SAFE_INTEGER)));
+}
+function S(e2 = document.body) {
+  return e2 == null ? [] : Array.from(e2.querySelectorAll(p)).sort((r2, t2) => Math.sign((r2.tabIndex || Number.MAX_SAFE_INTEGER) - (t2.tabIndex || Number.MAX_SAFE_INTEGER)));
+}
+var h = ((t2) => (t2[t2.Strict = 0] = "Strict", t2[t2.Loose = 1] = "Loose", t2))(h || {});
+var H = ((t2) => (t2[t2.Keyboard = 0] = "Keyboard", t2[t2.Mouse = 1] = "Mouse", t2))(H || {});
+typeof window != "undefined" && typeof document != "undefined" && (document.addEventListener("keydown", (e2) => {
+  e2.metaKey || e2.altKey || e2.ctrlKey || (document.documentElement.dataset.headlessuiFocusVisible = "");
+}, true), document.addEventListener("click", (e2) => {
+  e2.detail === 1 ? delete document.documentElement.dataset.headlessuiFocusVisible : e2.detail === 0 && (document.documentElement.dataset.headlessuiFocusVisible = "");
+}, true));
+let w = ["textarea", "input"].join(",");
+function O(e2) {
+  var r2, t2;
+  return (t2 = (r2 = e2 == null ? void 0 : e2.matches) == null ? void 0 : r2.call(e2, w)) != null ? t2 : false;
+}
+function _(e2, r2 = (t2) => t2) {
+  return e2.slice().sort((t2, u2) => {
+    let o3 = r2(t2), c2 = r2(u2);
+    if (o3 === null || c2 === null) return 0;
+    let l2 = o3.compareDocumentPosition(c2);
+    return l2 & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : l2 & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+  });
+}
+function P(e2, r2, { sorted: t2 = true, relativeTo: u2 = null, skipElements: o3 = [] } = {}) {
+  let c2 = Array.isArray(e2) ? e2.length > 0 ? e2[0].ownerDocument : document : e2.ownerDocument, l2 = Array.isArray(e2) ? t2 ? _(e2) : e2 : r2 & 64 ? S(e2) : b(e2);
+  o3.length > 0 && l2.length > 1 && (l2 = l2.filter((s2) => !o3.some((a2) => a2 != null && "current" in a2 ? (a2 == null ? void 0 : a2.current) === s2 : a2 === s2))), u2 = u2 != null ? u2 : c2.activeElement;
+  let n2 = (() => {
+    if (r2 & 5) return 1;
+    if (r2 & 10) return -1;
+    throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
+  })(), x = (() => {
+    if (r2 & 1) return 0;
+    if (r2 & 2) return Math.max(0, l2.indexOf(u2)) - 1;
+    if (r2 & 4) return Math.max(0, l2.indexOf(u2)) + 1;
+    if (r2 & 8) return l2.length - 1;
+    throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
+  })(), M2 = r2 & 32 ? { preventScroll: true } : {}, m2 = 0, d2 = l2.length, i2;
+  do {
+    if (m2 >= d2 || m2 + d2 <= 0) return 0;
+    let s2 = x + m2;
+    if (r2 & 16) s2 = (s2 + d2) % d2;
+    else {
+      if (s2 < 0) return 3;
+      if (s2 >= d2) return 1;
+    }
+    i2 = l2[s2], i2 == null || i2.focus(M2), m2 += n2;
+  } while (i2 !== c2.activeElement);
+  return r2 & 6 && O(i2) && i2.select(), 2;
+}
+var Le = ((e2) => (e2[e2.RegisterOption = 0] = "RegisterOption", e2[e2.UnregisterOption = 1] = "UnregisterOption", e2))(Le || {});
+let ke = { [0](o3, t2) {
+  let e2 = [...o3.options, { id: t2.id, element: t2.element, propsRef: t2.propsRef }];
+  return { ...o3, options: _(e2, (a2) => a2.element.current) };
+}, [1](o3, t2) {
+  let e2 = o3.options.slice(), a2 = o3.options.findIndex((O2) => O2.id === t2.id);
+  return a2 === -1 ? o3 : (e2.splice(a2, 1), { ...o3, options: e2 });
 } }, j = createContext(null);
 j.displayName = "RadioGroupDataContext";
-function J(o2) {
-  let t = useContext(j);
-  if (t === null) {
-    let e = new Error(`<${o2} /> is missing a parent <RadioGroup /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(e, J), e;
+function J(o3) {
+  let t2 = useContext(j);
+  if (t2 === null) {
+    let e2 = new Error(`<${o3} /> is missing a parent <RadioGroup /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(e2, J), e2;
   }
-  return t;
+  return t2;
 }
 let X = createContext(null);
 X.displayName = "RadioGroupActionsContext";
-function z(o2) {
-  let t = useContext(X);
-  if (t === null) {
-    let e = new Error(`<${o2} /> is missing a parent <RadioGroup /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(e, z), e;
+function z(o3) {
+  let t2 = useContext(X);
+  if (t2 === null) {
+    let e2 = new Error(`<${o3} /> is missing a parent <RadioGroup /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(e2, z), e2;
   }
-  return t;
+  return t2;
 }
-function Fe(o2, t) {
-  return u$2(t.type, ke, o2, t);
+function Fe(o3, t2) {
+  return u$3(t2.type, ke, o3, t2);
 }
 let Ie = "div";
-function Ue(o$2, t) {
-  let e = useId(), a$1 = a(), { id: O = `headlessui-radiogroup-${e}`, value: m, form: P$1, name: i, onChange: f, by: c, disabled: p$1 = a$1 || false, defaultValue: I2, ...y$1 } = o$2, T$2 = u(c), [v, C] = useReducer(Fe, { options: [] }), n2 = v.options, [U$1, h] = z$1(), [D2, L] = U(), A = useRef(null), M = y(A, t), l$1 = l(I2), [s2, _2] = T(m, f, l$1), R = useMemo(() => n2.find((r2) => !r2.propsRef.current.disabled), [n2]), b = useMemo(() => n2.some((r2) => T$2(r2.propsRef.current.value, s2)), [n2, s2]), d = o((r2) => {
+function Ue(o$12, t2) {
+  let e2 = useId(), a2 = a$2(), { id: O2 = `headlessui-radiogroup-${e2}`, value: m2, form: P$12, name: i2, onChange: f2, by: c2, disabled: p2 = a2 || false, defaultValue: I2, ...y2 } = o$12, T$12 = u(c2), [v, C2] = useReducer(Fe, { options: [] }), n2 = v.options, [U2, h2] = z$1(), [D2, L] = U$1(), A2 = useRef(null), M2 = y$1(A2, t2), l2 = l$2(I2), [s2, _2] = T$2(m2, f2, l2), R = useMemo(() => n2.find((r2) => !r2.propsRef.current.disabled), [n2]), b2 = useMemo(() => n2.some((r2) => T$12(r2.propsRef.current.value, s2)), [n2, s2]), d2 = o$2((r2) => {
     var u2;
-    if (p$1 || T$2(r2, s2)) return false;
-    let k = (u2 = n2.find((H2) => T$2(H2.propsRef.current.value, r2))) == null ? void 0 : u2.propsRef.current;
+    if (p2 || T$12(r2, s2)) return false;
+    let k = (u2 = n2.find((H2) => T$12(H2.propsRef.current.value, r2))) == null ? void 0 : u2.propsRef.current;
     return k != null && k.disabled ? false : (_2 == null || _2(r2), true);
-  }), de = o((r2) => {
-    let k = A.current;
+  }), de = o$2((r2) => {
+    let k = A2.current;
     if (!k) return;
-    let u2 = u$3(k), H2 = n2.filter((g) => g.propsRef.current.disabled === false).map((g) => g.element.current);
+    let u2 = u$4(k), H2 = n2.filter((g) => g.propsRef.current.disabled === false).map((g) => g.element.current);
     switch (r2.key) {
-      case o$1.Enter:
-        p(r2.currentTarget);
+      case o2.Enter:
+        p$1(r2.currentTarget);
         break;
-      case o$1.ArrowLeft:
-      case o$1.ArrowUp:
-        if (r2.preventDefault(), r2.stopPropagation(), P(H2, F.Previous | F.WrapAround) === T$1.Success) {
-          let E = n2.find((N) => N.element.current === (u2 == null ? void 0 : u2.activeElement));
-          E && d(E.propsRef.current.value);
+      case o2.ArrowLeft:
+      case o2.ArrowUp:
+        if (r2.preventDefault(), r2.stopPropagation(), P(H2, F.Previous | F.WrapAround) === T.Success) {
+          let E = n2.find((N2) => N2.element.current === (u2 == null ? void 0 : u2.activeElement));
+          E && d2(E.propsRef.current.value);
         }
         break;
-      case o$1.ArrowRight:
-      case o$1.ArrowDown:
-        if (r2.preventDefault(), r2.stopPropagation(), P(H2, F.Next | F.WrapAround) === T$1.Success) {
-          let E = n2.find((N) => N.element.current === (u2 == null ? void 0 : u2.activeElement));
-          E && d(E.propsRef.current.value);
+      case o2.ArrowRight:
+      case o2.ArrowDown:
+        if (r2.preventDefault(), r2.stopPropagation(), P(H2, F.Next | F.WrapAround) === T.Success) {
+          let E = n2.find((N2) => N2.element.current === (u2 == null ? void 0 : u2.activeElement));
+          E && d2(E.propsRef.current.value);
         }
         break;
-      case o$1.Space:
+      case o2.Space:
         {
           r2.preventDefault(), r2.stopPropagation();
           let g = n2.find((E) => E.element.current === (u2 == null ? void 0 : u2.activeElement));
-          g && d(g.propsRef.current.value);
+          g && d2(g.propsRef.current.value);
         }
         break;
     }
-  }), q = o((r2) => (C({ type: 0, ...r2 }), () => C({ type: 1, id: r2.id }))), ue = useMemo(() => ({ value: s2, firstOption: R, containsCheckedOption: b, disabled: p$1, compare: T$2, ...v }), [s2, R, b, p$1, T$2, v]), ce = useMemo(() => ({ registerOption: q, change: d }), [q, d]), fe = { ref: M, id: O, role: "radiogroup", "aria-labelledby": U$1, "aria-describedby": D2, onKeyDown: de }, Te = useMemo(() => ({ value: s2 }), [s2]), me = useCallback(() => {
-    if (l$1 !== void 0) return d(l$1);
-  }, [d, l$1]);
-  return React__default.createElement(L, { name: "RadioGroup.Description" }, React__default.createElement(h, { name: "RadioGroup.Label" }, React__default.createElement(X.Provider, { value: ce }, React__default.createElement(j.Provider, { value: ue }, i != null && React__default.createElement(j$1, { disabled: p$1, data: { [i]: s2 || "on" }, overrides: { type: "radio", checked: s2 != null }, form: P$1, onReset: me }), H({ ourProps: fe, theirProps: y$1, slot: Te, defaultTag: Ie, name: "RadioGroup" })))));
+  }), q = o$2((r2) => (C2({ type: 0, ...r2 }), () => C2({ type: 1, id: r2.id }))), ue = useMemo(() => ({ value: s2, firstOption: R, containsCheckedOption: b2, disabled: p2, compare: T$12, ...v }), [s2, R, b2, p2, T$12, v]), ce = useMemo(() => ({ registerOption: q, change: d2 }), [q, d2]), fe = { ref: M2, id: O2, role: "radiogroup", "aria-labelledby": U2, "aria-describedby": D2, onKeyDown: de }, Te = useMemo(() => ({ value: s2 }), [s2]), me = useCallback(() => {
+    if (l2 !== void 0) return d2(l2);
+  }, [d2, l2]);
+  return React.createElement(L, { name: "RadioGroup.Description" }, React.createElement(h2, { name: "RadioGroup.Label" }, React.createElement(X.Provider, { value: ce }, React.createElement(j.Provider, { value: ue }, i2 != null && React.createElement(j$1, { disabled: p2, data: { [i2]: s2 || "on" }, overrides: { type: "radio", checked: s2 != null }, form: P$12, onReset: me }), H$1({ ourProps: fe, theirProps: y2, slot: Te, defaultTag: Ie, name: "RadioGroup" })))));
 }
 let Me = "div";
-function Se(o$12, t) {
+function Se(o3, t2) {
   var R;
-  let e = J("RadioGroup.Option"), a2 = z("RadioGroup.Option"), O = useId(), { id: m = `headlessui-radiogroup-option-${O}`, value: P2, disabled: i = e.disabled || false, autoFocus: f = false, ...c } = o$12, p2 = useRef(null), I2 = y(p2, t), [y$1, T2] = z$1(), [v, C] = U(), n$1 = s({ value: P2, disabled: i });
-  n(() => a2.registerOption({ id: m, element: p2, propsRef: n$1 }), [m, a2, p2, n$1]);
-  let U$1 = o((b) => {
-    var d;
-    if (r(b.currentTarget)) return b.preventDefault();
-    a2.change(P2) && ((d = p2.current) == null || d.focus());
-  }), h = ((R = e.firstOption) == null ? void 0 : R.id) === m, { isFocusVisible: D$1, focusProps: L } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: f }), { isHovered: A, hoverProps: M } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: i }), l2 = e.compare(e.value, P2), s$1 = D({ ref: I2, id: m, role: "radio", "aria-checked": l2 ? "true" : "false", "aria-labelledby": y$1, "aria-describedby": v, "aria-disabled": i ? true : void 0, tabIndex: (() => i ? -1 : l2 || !e.containsCheckedOption && h ? 0 : -1)(), onClick: i ? void 0 : U$1, autoFocus: f }, L, M), _2 = useMemo(() => ({ checked: l2, disabled: i, active: D$1, hover: A, focus: D$1, autofocus: f }), [l2, i, A, D$1, f]);
-  return React__default.createElement(C, { name: "RadioGroup.Description" }, React__default.createElement(T2, { name: "RadioGroup.Label" }, H({ ourProps: s$1, theirProps: c, slot: _2, defaultTag: Me, name: "RadioGroup.Option" })));
+  let e2 = J("RadioGroup.Option"), a2 = z("RadioGroup.Option"), O2 = useId(), { id: m2 = `headlessui-radiogroup-option-${O2}`, value: P2, disabled: i2 = e2.disabled || false, autoFocus: f2 = false, ...c2 } = o3, p2 = useRef(null), I2 = y$1(p2, t2), [y2, T2] = z$1(), [v, C2] = U$1(), n$1 = s$1({ value: P2, disabled: i2 });
+  n(() => a2.registerOption({ id: m2, element: p2, propsRef: n$1 }), [m2, a2, p2, n$1]);
+  let U2 = o$2((b2) => {
+    var d2;
+    if (r(b2.currentTarget)) return b2.preventDefault();
+    a2.change(P2) && ((d2 = p2.current) == null || d2.focus());
+  }), h2 = ((R = e2.firstOption) == null ? void 0 : R.id) === m2, { isFocusVisible: D$1, focusProps: L } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: f2 }), { isHovered: A2, hoverProps: M2 } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: i2 }), l2 = e2.compare(e2.value, P2), s2 = D({ ref: I2, id: m2, role: "radio", "aria-checked": l2 ? "true" : "false", "aria-labelledby": y2, "aria-describedby": v, "aria-disabled": i2 ? true : void 0, tabIndex: (() => i2 ? -1 : l2 || !e2.containsCheckedOption && h2 ? 0 : -1)(), onClick: i2 ? void 0 : U2, autoFocus: f2 }, L, M2), _2 = useMemo(() => ({ checked: l2, disabled: i2, active: D$1, hover: A2, focus: D$1, autofocus: f2 }), [l2, i2, A2, D$1, f2]);
+  return React.createElement(C2, { name: "RadioGroup.Description" }, React.createElement(T2, { name: "RadioGroup.Label" }, H$1({ ourProps: s2, theirProps: c2, slot: _2, defaultTag: Me, name: "RadioGroup.Option" })));
 }
 let He = "span";
-function we(o$12, t) {
+function we(o3, t2) {
   var R;
-  let e = J("Radio"), a$1 = z("Radio"), O = useId(), m = u$1(), P2 = a(), { id: i = m || `headlessui-radio-${O}`, value: f, disabled: c = e.disabled || P2 || false, autoFocus: p2 = false, ...I$1 } = o$12, y$1 = useRef(null), T2 = y(y$1, t), v = I(), C = G(), n$1 = s({ value: f, disabled: c });
-  n(() => a$1.registerOption({ id: i, element: y$1, propsRef: n$1 }), [i, a$1, y$1, n$1]);
-  let U2 = o((b) => {
-    var d;
-    if (r(b.currentTarget)) return b.preventDefault();
-    a$1.change(f) && ((d = y$1.current) == null || d.focus());
-  }), { isFocusVisible: h, focusProps: D$1 } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: p2 }), { isHovered: L, hoverProps: A } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: c }), M = ((R = e.firstOption) == null ? void 0 : R.id) === i, l2 = e.compare(e.value, f), s$1 = D({ ref: T2, id: i, role: "radio", "aria-checked": l2 ? "true" : "false", "aria-labelledby": v, "aria-describedby": C, "aria-disabled": c ? true : void 0, tabIndex: (() => c ? -1 : l2 || !e.containsCheckedOption && M ? 0 : -1)(), autoFocus: p2, onClick: c ? void 0 : U2 }, D$1, A), _2 = useMemo(() => ({ checked: l2, disabled: c, hover: L, focus: h, autofocus: p2 }), [l2, c, L, h, p2]);
-  return H({ ourProps: s$1, theirProps: I$1, slot: _2, defaultTag: He, name: "Radio" });
-}
-let Ne = W(Ue), We = W(Se), Be = W(we), Ve = K, Ke = w, Tt = Object.assign(Ne, { Option: We, Radio: Be, Label: Ve, Description: Ke });
-const group = "_group_1944i_3";
-const radio = "_radio_1944i_18";
-const disabled = "_disabled_1944i_40";
-const label = "_label_1944i_51";
-const frame = "_frame_1944i_64";
-const checked = "_checked_1944i_73";
+  let e2 = J("Radio"), a2 = z("Radio"), O2 = useId(), m2 = u$2(), P2 = a$2(), { id: i2 = m2 || `headlessui-radio-${O2}`, value: f2, disabled: c2 = e2.disabled || P2 || false, autoFocus: p2 = false, ...I$1 } = o3, y2 = useRef(null), T2 = y$1(y2, t2), v = I(), C2 = G$1(), n$1 = s$1({ value: f2, disabled: c2 });
+  n(() => a2.registerOption({ id: i2, element: y2, propsRef: n$1 }), [i2, a2, y2, n$1]);
+  let U2 = o$2((b2) => {
+    var d2;
+    if (r(b2.currentTarget)) return b2.preventDefault();
+    a2.change(f2) && ((d2 = y2.current) == null || d2.focus());
+  }), { isFocusVisible: h2, focusProps: D$1 } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: p2 }), { isHovered: L, hoverProps: A2 } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: c2 }), M2 = ((R = e2.firstOption) == null ? void 0 : R.id) === i2, l2 = e2.compare(e2.value, f2), s2 = D({ ref: T2, id: i2, role: "radio", "aria-checked": l2 ? "true" : "false", "aria-labelledby": v, "aria-describedby": C2, "aria-disabled": c2 ? true : void 0, tabIndex: (() => c2 ? -1 : l2 || !e2.containsCheckedOption && M2 ? 0 : -1)(), autoFocus: p2, onClick: c2 ? void 0 : U2 }, D$1, A2), _2 = useMemo(() => ({ checked: l2, disabled: c2, hover: L, focus: h2, autofocus: p2 }), [l2, c2, L, h2, p2]);
+  return H$1({ ourProps: s2, theirProps: I$1, slot: _2, defaultTag: He, name: "Radio" });
+}
+let Ne = W(Ue), We = W(Se), Be = W(we), Ve = K, Ke = w$1, Tt = Object.assign(Ne, { Option: We, Radio: Be, Label: Ve, Description: Ke });
+const group = "_group_63bak_3";
+const radio = "_radio_63bak_18";
+const disabled = "_disabled_63bak_40";
+const label = "_label_63bak_51";
+const frame = "_frame_63bak_64";
+const checked = "_checked_63bak_73";
 const cls = {
   group,
-  "content-wrapper": "_content-wrapper_1944i_11",
-  "radio-wrapper": "_radio-wrapper_1944i_18",
+  "content-wrapper": "_content-wrapper_63bak_11",
+  "radio-wrapper": "_radio-wrapper_63bak_18",
   radio,
   disabled,
   label,
   frame,
   checked
 };
-const RadioGroup = forwardRef(
-  ({ options, value, onChange, label: label2, ...props }, ref) => {
-    const radioClasses = classNames(cls["radio-wrapper"], {
-      [cls.disabled]: props.disabled
-    });
-    return /* @__PURE__ */ jsxs(
-      Tt,
+function RadioGroup({
+  options,
+  value,
+  onChange,
+  label: label2,
+  ...props
+}) {
+  const radioClasses = classNames(cls["radio-wrapper"], {
+    [cls.disabled]: props.disabled
+  });
+  return /* @__PURE__ */ jsxs(Tt, { value, className: cls.group, onChange, ...props, children: [
+    label2 && /* @__PURE__ */ jsx(K, { as: "p", className: cls.label, children: label2 }),
+    /* @__PURE__ */ jsx("div", { className: cls["content-wrapper"], children: options.map(({ label: label22, value: value2 }) => /* @__PURE__ */ jsx(
+      Be,
       {
-        ref,
-        value,
-        className: cls.group,
-        onChange,
-        ...props,
-        children: [
-          label2 && /* @__PURE__ */ jsx(K, { as: "p", className: cls.label, children: label2 }),
-          /* @__PURE__ */ jsx("div", { className: cls["content-wrapper"], children: options.map(({ label: label22, value: value2 }) => /* @__PURE__ */ jsx(
-            Be,
+        as: "span",
+        value: value2,
+        disabled: props.disabled,
+        className: radioClasses,
+        children: ({ checked: checked2, disabled: disabled2 }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          /* @__PURE__ */ jsx(
+            K,
             {
-              as: "span",
-              value: value2,
-              disabled: props.disabled,
-              className: radioClasses,
-              children: ({ checked: checked2, disabled: disabled2 }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(
-                  K,
-                  {
-                    as: "button",
-                    className: classNames(cls.radio, {
-                      [cls.disabled]: props.disabled
-                    }),
-                    children: /* @__PURE__ */ jsx(
-                      "span",
-                      {
-                        className: classNames(cls.frame, {
-                          [cls.checked]: checked2,
-                          [cls.disabled]: disabled2
-                        })
-                      }
-                    )
-                  }
-                ),
-                label22
-              ] })
-            },
-            label22
-          )) })
-        ]
-      }
-    );
-  }
-);
+              as: "button",
+              className: classNames(cls.radio, {
+                [cls.disabled]: props.disabled
+              }),
+              children: /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: classNames(cls.frame, {
+                    [cls.checked]: checked2,
+                    [cls.disabled]: disabled2
+                  })
+                }
+              )
+            }
+          ),
+          label22
+        ] })
+      },
+      label22
+    )) })
+  ] });
+}
 export {
   RadioGroup
 };