mimir-ui-kit 1.14.0 → 1.14.2

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,1106 +1,175 @@
-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 { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { K, w, a, z as z$1, U, l, T, j as j$1, u as u$1, I, G, p } from "../../label-C_5Syaoj.js";
+import { W, y, o, H, s, n, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D, a as u$2, u as u$3, c as o$1 } from "../../keyboard-B256ZoM-.js";
+import React__default, { createContext, useId, useReducer, useRef, useMemo, useCallback, useContext, forwardRef } from "react";
+import { u } from "../../use-by-comparator-BUO78DGe.js";
+import { r } from "../../bugs-CSBdWk0R.js";
+import { P, F, T as T$1, _ } from "../../focus-management-1rQPII7Z.js";
 import { c as classNames } from "../../index-CweZ_OcN.js";
-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 });
+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 });
 } }, j = createContext(null);
 j.displayName = "RadioGroupDataContext";
-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;
+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;
   }
-  return t2;
+  return t;
 }
 let X = createContext(null);
 X.displayName = "RadioGroupActionsContext";
-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;
+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;
   }
-  return t2;
+  return t;
 }
-function Fe(o3, t2) {
-  return u$3(t2.type, ke, o3, t2);
+function Fe(o2, t) {
+  return u$2(t.type, ke, o2, t);
 }
 let Ie = "div";
-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) => {
+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) => {
     var u2;
-    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;
+    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;
     return k != null && k.disabled ? false : (_2 == null || _2(r2), true);
-  }), de = o$2((r2) => {
-    let k = A2.current;
+  }), de = o((r2) => {
+    let k = A.current;
     if (!k) return;
-    let u2 = u$4(k), H2 = n2.filter((g) => g.propsRef.current.disabled === false).map((g) => g.element.current);
+    let u2 = u$3(k), H2 = n2.filter((g) => g.propsRef.current.disabled === false).map((g) => g.element.current);
     switch (r2.key) {
-      case o2.Enter:
-        p$1(r2.currentTarget);
+      case o$1.Enter:
+        p(r2.currentTarget);
         break;
-      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);
+      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);
         }
         break;
-      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);
+      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);
         }
         break;
-      case o2.Space:
+      case o$1.Space:
         {
           r2.preventDefault(), r2.stopPropagation();
           let g = n2.find((E) => E.element.current === (u2 == null ? void 0 : u2.activeElement));
-          g && d2(g.propsRef.current.value);
+          g && d(g.propsRef.current.value);
         }
         break;
     }
-  }), 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" })))));
+  }), 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" })))));
 }
 let Me = "div";
-function Se(o3, t2) {
+function Se(o$12, t) {
   var R;
-  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 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 He = "span";
-function we(o3, t2) {
+function we(o$12, t) {
   var R;
-  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";
+  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_17dic_3";
+const radio = "_radio_17dic_18";
+const disabled = "_disabled_17dic_40";
+const label = "_label_17dic_51";
+const frame = "_frame_17dic_64";
+const checked = "_checked_17dic_73";
 const cls = {
   group,
-  "content-wrapper": "_content-wrapper_63bak_11",
-  "radio-wrapper": "_radio-wrapper_63bak_18",
+  "content-wrapper": "_content-wrapper_17dic_8",
+  "radio-wrapper": "_radio-wrapper_17dic_18",
   radio,
   disabled,
   label,
   frame,
   checked
 };
-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,
+const RadioGroup = forwardRef(
+  ({ options, value, onChange, label: label2, ...props }, ref) => {
+    const radioClasses = classNames(cls["radio-wrapper"], {
+      [cls.disabled]: props.disabled
+    });
+    return /* @__PURE__ */ jsxs(
+      Tt,
       {
-        as: "span",
-        value: value2,
-        disabled: props.disabled,
-        className: radioClasses,
-        children: ({ checked: checked2, disabled: disabled2 }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
-          /* @__PURE__ */ jsx(
-            K,
+        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: "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: "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
+          )) })
+        ]
+      }
+    );
+  }
+);
 export {
   RadioGroup
 };