@charcoal-ui/react 2.2.1 → 2.3.0

package/dist/index.js

@@ -28,8 +28,22 @@ import { SSRProvider } from "@react-aria/ssr";
 // src/core/OverlayProvider.tsx
 import { OverlayProvider } from "@react-aria/overlays";
 
+// src/core/CharcoalProvider.tsx
+import React2 from "react";
+import { ThemeProvider } from "styled-components";
+import { TokenInjector } from "@charcoal-ui/styled";
+function CharcoalProvider({
+  themeMap,
+  defaultTheme = themeMap[":root"],
+  components = {},
+  injectTokens = true,
+  children
+}) {
+  return /* @__PURE__ */ React2.createElement(SSRProvider, null, /* @__PURE__ */ React2.createElement(ThemeProvider, { theme: defaultTheme }, injectTokens && /* @__PURE__ */ React2.createElement(TokenInjector, { theme: themeMap }), /* @__PURE__ */ React2.createElement(ComponentAbstraction, { components }, /* @__PURE__ */ React2.createElement(OverlayProvider, null, children))));
+}
+
 // src/components/Button/index.tsx
-import React3 from "react";
+import React4 from "react";
 import styled3 from "styled-components";
 
 // src/_lib/index.ts
@@ -45,15 +59,15 @@ import { createTheme } from "@charcoal-ui/styled";
 var theme = createTheme(styled);
 
 // src/components/Clickable/index.tsx
-import React2 from "react";
+import React3 from "react";
 import styled2, { css } from "styled-components";
 import { disabledSelector } from "@charcoal-ui/utils";
-var Clickable = React2.forwardRef(
+var Clickable = React3.forwardRef(
   function Clickable2(props, ref) {
     const { Link } = useComponentAbstraction();
     if ("to" in props) {
       const { onClick, disabled = false, ...rest } = props;
-      return /* @__PURE__ */ React2.createElement(
+      return /* @__PURE__ */ React3.createElement(
         A,
         {
           ...rest,
@@ -64,7 +78,7 @@ var Clickable = React2.forwardRef(
         }
       );
     } else {
-      return /* @__PURE__ */ React2.createElement(Button, { ...props, ref });
+      return /* @__PURE__ */ React3.createElement(Button, { ...props, ref });
     }
   }
 );
@@ -129,7 +143,7 @@ var A = styled2.span`
 `;
 
 // src/components/Button/index.tsx
-var Button2 = React3.forwardRef(function Button3({
+var Button2 = React4.forwardRef(function Button3({
   children,
   variant = "Default",
   size = "M",
@@ -137,7 +151,7 @@ var Button2 = React3.forwardRef(function Button3({
   disabled = false,
   ...rest
 }, ref) {
-  return /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ React4.createElement(
     StyledButton,
     {
       ...rest,
@@ -216,12 +230,12 @@ function sizeToProps(size) {
 }
 
 // src/components/IconButton/index.tsx
-import React4 from "react";
+import React5 from "react";
 import styled4 from "styled-components";
-var IconButton = React4.forwardRef(
+var IconButton = React5.forwardRef(
   function IconButtonInner({ variant = "Default", size = "M", icon, ...rest }, ref) {
     validateIconSize(size, icon);
-    return /* @__PURE__ */ React4.createElement(StyledIconButton, { ...rest, ref, variant, size }, /* @__PURE__ */ React4.createElement("pixiv-icon", { name: icon }));
+    return /* @__PURE__ */ React5.createElement(StyledIconButton, { ...rest, ref, variant, size }, /* @__PURE__ */ React5.createElement("pixiv-icon", { name: icon }));
   }
 );
 var IconButton_default = IconButton;
@@ -300,7 +314,7 @@ function validateIconSize(size, icon) {
 }
 
 // src/components/Radio/index.tsx
-import React5, { useCallback, useContext as useContext2 } from "react";
+import React6, { useCallback, useContext as useContext2 } from "react";
 import styled5 from "styled-components";
 import warning from "warning";
 import { px } from "@charcoal-ui/utils";
@@ -331,7 +345,7 @@ function Radio({
     },
     [onChange]
   );
-  return /* @__PURE__ */ React5.createElement(RadioRoot, { "aria-disabled": isDisabled || isReadonly }, /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React6.createElement(RadioRoot, { "aria-disabled": isDisabled || isReadonly }, /* @__PURE__ */ React6.createElement(
     RadioInput,
     {
       name,
@@ -341,7 +355,7 @@ function Radio({
       onChange: handleChange,
       disabled: isDisabled || isReadonly
     }
-  ), children != null && /* @__PURE__ */ React5.createElement(RadioLabel, null, children));
+  ), children != null && /* @__PURE__ */ React6.createElement(RadioLabel, null, children));
 }
 var RadioRoot = styled5.label`
   display: grid;
@@ -402,7 +416,7 @@ var StyledRadioGroup = styled5.div`
   grid-template-columns: 1fr;
   grid-gap: ${({ theme: theme4 }) => px(theme4.spacing[8])};
 `;
-var RadioGroupContext = React5.createContext({
+var RadioGroupContext = React6.createContext({
   name: void 0,
   selected: void 0,
   disabled: false,
@@ -431,7 +445,7 @@ function RadioGroup({
     },
     [onChange]
   );
-  return /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React6.createElement(
     RadioGroupContext.Provider,
     {
       value: {
@@ -443,7 +457,7 @@ function RadioGroup({
         onChange: handleChange
       }
     },
-    /* @__PURE__ */ React5.createElement(
+    /* @__PURE__ */ React6.createElement(
       StyledRadioGroup,
       {
         role: "radiogroup",
@@ -458,7 +472,7 @@ function RadioGroup({
 }
 
 // src/components/MultiSelect/index.tsx
-import React6, { useCallback as useCallback2, useContext as useContext3 } from "react";
+import React7, { useCallback as useCallback2, useContext as useContext3 } from "react";
 import styled6, { css as css2 } from "styled-components";
 import warning2 from "warning";
 import { disabledSelector as disabledSelector2, px as px2 } from "@charcoal-ui/utils";
@@ -512,7 +526,7 @@ function MultiSelect({
     },
     [onChange, parentOnChange, value]
   );
-  return /* @__PURE__ */ React6.createElement(MultiSelectRoot, { "aria-disabled": isDisabled }, /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React7.createElement(MultiSelectRoot, { "aria-disabled": isDisabled }, /* @__PURE__ */ React7.createElement(
     MultiSelectInput,
     {
       ...{
@@ -526,15 +540,15 @@ function MultiSelect({
       overlay: variant === "overlay",
       "aria-invalid": hasError
     }
-  ), /* @__PURE__ */ React6.createElement(
+  ), /* @__PURE__ */ React7.createElement(
     MultiSelectInputOverlay,
     {
       overlay: variant === "overlay",
       hasError,
       "aria-hidden": true
     },
-    /* @__PURE__ */ React6.createElement("pixiv-icon", { name: "24/Check", "unsafe-non-guideline-scale": 16 / 24 })
-  ), Boolean(children) && /* @__PURE__ */ React6.createElement(MultiSelectLabel, null, children));
+    /* @__PURE__ */ React7.createElement("pixiv-icon", { name: "24/Check", "unsafe-non-guideline-scale": 16 / 24 })
+  ), Boolean(children) && /* @__PURE__ */ React7.createElement(MultiSelectLabel, null, children));
 }
 var MultiSelectRoot = styled6.label`
   display: grid;
@@ -622,7 +636,7 @@ function MultiSelectGroup({
     },
     [onChange, selected]
   );
-  return /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React7.createElement(
     MultiSelectGroupContext.Provider,
     {
       value: {
@@ -634,7 +648,7 @@ function MultiSelectGroup({
         onChange: handleChange
       }
     },
-    /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React7.createElement(
       "div",
       {
         className,
@@ -648,10 +662,10 @@ function MultiSelectGroup({
 
 // src/components/Switch/index.tsx
 import { useSwitch } from "@react-aria/switch";
-import React7, { useRef, useMemo } from "react";
+import React8, { useRef, useMemo } from "react";
 import { useToggleState } from "react-stately";
 import styled7 from "styled-components";
-import { disabledSelector as disabledSelector3, px as px3 } from "@charcoal-ui/utils";
+import { disabledSelector as disabledSelector3 } from "@charcoal-ui/utils";
 function SwitchCheckbox(props) {
   const { disabled, className } = props;
   const ariaSwitchProps = useMemo(
@@ -668,13 +682,12 @@ function SwitchCheckbox(props) {
   const {
     inputProps: { className: _className, type: _type, ...rest }
   } = useSwitch(ariaSwitchProps, state, ref);
-  return /* @__PURE__ */ React7.createElement(Label, { className, "aria-disabled": disabled }, /* @__PURE__ */ React7.createElement(SwitchInput, { ...rest, ref }), "children" in props ? /* @__PURE__ */ React7.createElement(LabelInner, null, props.children) : void 0);
+  return /* @__PURE__ */ React8.createElement(Label, { className, "aria-disabled": disabled }, /* @__PURE__ */ React8.createElement(SwitchInput, { ...rest, ref }), "children" in props ? /* @__PURE__ */ React8.createElement(LabelInner, null, props.children) : void 0);
 }
 var Label = styled7.label`
   display: inline-grid;
   grid-template-columns: auto 1fr;
   align-items: center;
-  gap: ${({ theme: theme4 }) => px3(theme4.spacing[4])};
   cursor: pointer;
   outline: 0;
 
@@ -685,7 +698,11 @@ var Label = styled7.label`
   }
 `;
 var LabelInner = styled7.div`
-  ${theme((o) => [o.typography(14), o.font.text2])}
+  ${theme((o) => [
+  o.typography(14).preserveHalfLeading,
+  o.font.text2,
+  o.margin.left(4)
+])}
 `;
 var SwitchInput = styled7.input.attrs({
   type: "checkbox"
@@ -703,7 +720,8 @@ var SwitchInput = styled7.input.attrs({
   o.borderRadius(16),
   o.height.px(16),
   o.bg.text4.hover.press,
-  o.outline.default.focus
+  o.outline.default.focus,
+  o.margin.all(0)
 ])}
 
     &::after {
@@ -732,7 +750,7 @@ var SwitchInput = styled7.input.attrs({
 // src/components/TextField/index.tsx
 import { useTextField } from "@react-aria/textfield";
 import { useVisuallyHidden } from "@react-aria/visually-hidden";
-import React9, {
+import React10, {
   useCallback as useCallback3,
   useEffect,
   useRef as useRef2,
@@ -741,10 +759,10 @@ import React9, {
 import styled9, { css as css3 } from "styled-components";
 
 // src/components/FieldLabel/index.tsx
-import React8 from "react";
+import React9 from "react";
 import styled8 from "styled-components";
 import { createTheme as createTheme2 } from "@charcoal-ui/styled";
-var FieldLabel = React8.forwardRef(
+var FieldLabel = React9.forwardRef(
   function FieldLabel2({
     style,
     className,
@@ -754,7 +772,7 @@ var FieldLabel = React8.forwardRef(
     subLabel,
     ...labelProps
   }, ref) {
-    return /* @__PURE__ */ React8.createElement(FieldLabelWrapper, { style, className }, /* @__PURE__ */ React8.createElement(Label2, { ref, ...labelProps }, label), required && /* @__PURE__ */ React8.createElement(RequiredText, null, requiredText), /* @__PURE__ */ React8.createElement(SubLabelClickable, null, /* @__PURE__ */ React8.createElement("span", null, subLabel)));
+    return /* @__PURE__ */ React9.createElement(FieldLabelWrapper, { style, className }, /* @__PURE__ */ React9.createElement(Label2, { ref, ...labelProps }, label), required && /* @__PURE__ */ React9.createElement(RequiredText, null, requiredText), /* @__PURE__ */ React9.createElement(SubLabelClickable, null, /* @__PURE__ */ React9.createElement("span", null, subLabel)));
   }
 );
 var FieldLabel_default = FieldLabel;
@@ -803,13 +821,13 @@ function mergeRefs(...refs) {
 function countCodePointsInString(string) {
   return Array.from(string).length;
 }
-var TextField = React9.forwardRef(
+var TextField = React10.forwardRef(
   function TextField2(props, ref) {
-    return props.multiline !== void 0 && props.multiline ? /* @__PURE__ */ React9.createElement(MultiLineTextField, { ref, ...props }) : /* @__PURE__ */ React9.createElement(SingleLineTextField, { ref, ...props });
+    return props.multiline !== void 0 && props.multiline ? /* @__PURE__ */ React10.createElement(MultiLineTextField, { ref, ...props }) : /* @__PURE__ */ React10.createElement(SingleLineTextField, { ref, ...props });
   }
 );
 var TextField_default = TextField;
-var SingleLineTextField = React9.forwardRef(function SingleLineTextFieldInner({ onChange, ...props }, forwardRef4) {
+var SingleLineTextField = React10.forwardRef(function SingleLineTextFieldInner({ onChange, ...props }, forwardRef4) {
   const {
     className,
     showLabel = false,
@@ -880,7 +898,7 @@ var SingleLineTextField = React9.forwardRef(function SingleLineTextFieldInner({
       prefixObserver.disconnect();
     };
   }, []);
-  return /* @__PURE__ */ React9.createElement(TextFieldRoot, { className, isDisabled: disabled }, /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ React10.createElement(TextFieldRoot, { className, isDisabled: disabled }, /* @__PURE__ */ React10.createElement(
     TextFieldLabel,
     {
       label,
@@ -890,7 +908,7 @@ var SingleLineTextField = React9.forwardRef(function SingleLineTextFieldInner({
       ...labelProps,
       ...!showLabel ? visuallyHiddenProps : {}
     }
-  ), /* @__PURE__ */ React9.createElement(StyledInputContainer, null, /* @__PURE__ */ React9.createElement(PrefixContainer, { ref: prefixRef }, /* @__PURE__ */ React9.createElement(Affix, null, prefix)), /* @__PURE__ */ React9.createElement(
+  ), /* @__PURE__ */ React10.createElement(StyledInputContainer, null, /* @__PURE__ */ React10.createElement(PrefixContainer, { ref: prefixRef }, /* @__PURE__ */ React10.createElement(Affix, null, prefix)), /* @__PURE__ */ React10.createElement(
     StyledInput,
     {
       ref: mergeRefs(forwardRef4, ariaRef),
@@ -899,7 +917,7 @@ var SingleLineTextField = React9.forwardRef(function SingleLineTextFieldInner({
       extraRightPadding: suffixWidth,
       ...inputProps
     }
-  ), /* @__PURE__ */ React9.createElement(SuffixContainer, { ref: suffixRef }, /* @__PURE__ */ React9.createElement(Affix, null, suffix), showCount && /* @__PURE__ */ React9.createElement(SingleLineCounter, null, maxLength !== void 0 ? `${count}/${maxLength}` : count))), assistiveText != null && assistiveText.length !== 0 && /* @__PURE__ */ React9.createElement(
+  ), /* @__PURE__ */ React10.createElement(SuffixContainer, { ref: suffixRef }, /* @__PURE__ */ React10.createElement(Affix, null, suffix), showCount && /* @__PURE__ */ React10.createElement(SingleLineCounter, null, maxLength !== void 0 ? `${count}/${maxLength}` : count))), assistiveText != null && assistiveText.length !== 0 && /* @__PURE__ */ React10.createElement(
     AssistiveText,
     {
       invalid,
@@ -908,7 +926,7 @@ var SingleLineTextField = React9.forwardRef(function SingleLineTextFieldInner({
     assistiveText
   ));
 });
-var MultiLineTextField = React9.forwardRef(function MultiLineTextFieldInner({ onChange, ...props }, forwardRef4) {
+var MultiLineTextField = React10.forwardRef(function MultiLineTextFieldInner({ onChange, ...props }, forwardRef4) {
   const {
     className,
     showCount = false,
@@ -975,7 +993,7 @@ var MultiLineTextField = React9.forwardRef(function MultiLineTextFieldInner({ on
       syncHeight(textareaRef.current);
     }
   }, [autoHeight, syncHeight]);
-  return /* @__PURE__ */ React9.createElement(TextFieldRoot, { className, isDisabled: disabled }, /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ React10.createElement(TextFieldRoot, { className, isDisabled: disabled }, /* @__PURE__ */ React10.createElement(
     TextFieldLabel,
     {
       label,
@@ -985,13 +1003,13 @@ var MultiLineTextField = React9.forwardRef(function MultiLineTextFieldInner({ on
       ...labelProps,
       ...!showLabel ? visuallyHiddenProps : {}
     }
-  ), /* @__PURE__ */ React9.createElement(
+  ), /* @__PURE__ */ React10.createElement(
     StyledTextareaContainer,
     {
       invalid,
       rows: showCount ? rows + 1 : rows
     },
-    /* @__PURE__ */ React9.createElement(
+    /* @__PURE__ */ React10.createElement(
       StyledTextarea,
       {
         ref: mergeRefs(textareaRef, forwardRef4, ariaRef),
@@ -1000,8 +1018,8 @@ var MultiLineTextField = React9.forwardRef(function MultiLineTextFieldInner({ on
         ...inputProps
       }
     ),
-    showCount && /* @__PURE__ */ React9.createElement(MultiLineCounter, null, maxLength !== void 0 ? `${count}/${maxLength}` : count)
-  ), assistiveText != null && assistiveText.length !== 0 && /* @__PURE__ */ React9.createElement(
+    showCount && /* @__PURE__ */ React10.createElement(MultiLineCounter, null, maxLength !== void 0 ? `${count}/${maxLength}` : count)
+  ), assistiveText != null && assistiveText.length !== 0 && /* @__PURE__ */ React10.createElement(
     AssistiveText,
     {
       invalid,
@@ -1151,10 +1169,10 @@ var AssistiveText = styled9.p`
 `;
 
 // src/components/Icon/index.tsx
-import React10 from "react";
+import React11 from "react";
 import "@charcoal-ui/icons";
-var Icon = React10.forwardRef(function IconInner({ name, scale, unsafeNonGuidelineScale, className, ...rest }, ref) {
-  return /* @__PURE__ */ React10.createElement(
+var Icon = React11.forwardRef(function IconInner({ name, scale, unsafeNonGuidelineScale, className, ...rest }, ref) {
+  return /* @__PURE__ */ React11.createElement(
     "pixiv-icon",
     {
       ref,
@@ -1169,12 +1187,11 @@ var Icon = React10.forwardRef(function IconInner({ name, scale, unsafeNonGuideli
 var Icon_default = Icon;
 
 // src/components/Modal/index.tsx
-import React11, { useContext as useContext4, useRef as useRef3 } from "react";
+import React12, { useContext as useContext4, useRef as useRef3 } from "react";
 import {
   Overlay,
   useModalOverlay,
-  useOverlay,
-  usePreventScroll
+  useOverlay
 } from "@react-aria/overlays";
 import styled10, { css as css4, useTheme } from "styled-components";
 import { FocusScope } from "@react-aria/focus";
@@ -1208,7 +1225,6 @@ function Modal({
   } = props;
   const ref = useRef3(null);
   const { overlayProps, underlayProps } = useOverlay(props, ref);
-  usePreventScroll();
   const { modalProps } = useModalOverlay(
     props,
     {
@@ -1244,14 +1260,14 @@ function Modal({
   });
   const showDismiss = !isMobile || bottomSheet !== true;
   return transition(
-    ({ backgroundColor, transform }, item) => item && /* @__PURE__ */ React11.createElement(Overlay, null, /* @__PURE__ */ React11.createElement(
+    ({ backgroundColor, transform }, item) => item && /* @__PURE__ */ React12.createElement(Overlay, { portalContainer }, /* @__PURE__ */ React12.createElement(
       ModalBackground,
       {
         zIndex,
         ...underlayProps,
         style: transitionEnabled ? { backgroundColor } : {}
       },
-      /* @__PURE__ */ React11.createElement(FocusScope, { contain: true, restoreFocus: true, autoFocus: true }, /* @__PURE__ */ React11.createElement(
+      /* @__PURE__ */ React12.createElement(FocusScope, { contain: true, restoreFocus: true, autoFocus: true }, /* @__PURE__ */ React12.createElement(
         ModalDialog,
         {
           ref,
@@ -1262,13 +1278,13 @@ function Modal({
           size,
           bottomSheet
         },
-        /* @__PURE__ */ React11.createElement(
+        /* @__PURE__ */ React12.createElement(
           ModalContext.Provider,
           {
             value: { titleProps, title, close: onClose, showDismiss }
           },
           children,
-          isDismissable === true && /* @__PURE__ */ React11.createElement(
+          isDismissable === true && /* @__PURE__ */ React12.createElement(
             ModalCrossButton,
             {
               size: "S",
@@ -1281,7 +1297,7 @@ function Modal({
     ))
   );
 }
-var ModalContext = React11.createContext({
+var ModalContext = React12.createContext({
   titleProps: {},
   title: "",
   close: void 0,
@@ -1336,7 +1352,7 @@ var ModalCrossButton = styled10(IconButton_default)`
 `;
 function ModalTitle(props) {
   const { titleProps, title } = useContext4(ModalContext);
-  return /* @__PURE__ */ React11.createElement(ModalHeading, { ...titleProps, ...props }, title);
+  return /* @__PURE__ */ React12.createElement(ModalHeading, { ...titleProps, ...props }, title);
 }
 var ModalHeading = styled10.h3`
   margin: 0;
@@ -1345,11 +1361,11 @@ var ModalHeading = styled10.h3`
 `;
 
 // src/components/Modal/ModalPlumbing.tsx
-import React12 from "react";
+import React13 from "react";
 import styled11 from "styled-components";
 import { maxWidth as maxWidth2 } from "@charcoal-ui/utils";
 function ModalHeader() {
-  return /* @__PURE__ */ React12.createElement(ModalHeaderRoot, null, /* @__PURE__ */ React12.createElement(StyledModalTitle, null));
+  return /* @__PURE__ */ React13.createElement(ModalHeaderRoot, null, /* @__PURE__ */ React13.createElement(StyledModalTitle, null));
 }
 var ModalHeaderRoot = styled11.div`
   height: 64px;
@@ -1382,14 +1398,14 @@ var ModalButtons = styled11.div`
 `;
 
 // src/components/LoadingSpinner/index.tsx
-import React13, { useImperativeHandle, useRef as useRef4 } from "react";
+import React14, { useImperativeHandle, useRef as useRef4 } from "react";
 import styled12, { keyframes } from "styled-components";
 function LoadingSpinner({
   size = 48,
   padding = 16,
   transparent = false
 }) {
-  return /* @__PURE__ */ React13.createElement(LoadingSpinnerRoot, { size, padding, transparent }, /* @__PURE__ */ React13.createElement(LoadingSpinnerIcon, null));
+  return /* @__PURE__ */ React14.createElement(LoadingSpinnerRoot, { size, padding, transparent }, /* @__PURE__ */ React14.createElement(LoadingSpinnerIcon, null));
 }
 var LoadingSpinnerRoot = styled12.div.attrs({ role: "progressbar" })`
   margin: auto;
@@ -1427,7 +1443,7 @@ var Icon2 = styled12.div.attrs({ role: "presentation" })`
     animation: none;
   }
 `;
-var LoadingSpinnerIcon = React13.forwardRef(function LoadingSpinnerIcon2({ once = false }, ref) {
+var LoadingSpinnerIcon = React14.forwardRef(function LoadingSpinnerIcon2({ once = false }, ref) {
   const iconRef = useRef4(null);
   useImperativeHandle(ref, () => ({
     restart: () => {
@@ -1439,11 +1455,11 @@ var LoadingSpinnerIcon = React13.forwardRef(function LoadingSpinnerIcon2({ once
       delete iconRef.current.dataset.resetAnimation;
     }
   }));
-  return /* @__PURE__ */ React13.createElement(Icon2, { ref: iconRef, once });
+  return /* @__PURE__ */ React14.createElement(Icon2, { ref: iconRef, once });
 });
 
 // src/components/DropdownSelector/index.tsx
-import React16, { useMemo as useMemo4, useRef as useRef7 } from "react";
+import React17, { useMemo as useMemo4, useRef as useRef7 } from "react";
 import styled14 from "styled-components";
 import { Item, useSelectState } from "react-stately";
 import { disabledSelector as disabledSelector4 } from "@charcoal-ui/utils";
@@ -1452,2359 +1468,19 @@ import { useSelect, HiddenSelect } from "@react-aria/select";
 import { useButton } from "@react-aria/button";
 
 // src/components/DropdownSelector/Listbox.tsx
-import React14, { memo, useRef as useRef5, Fragment, useMemo as useMemo2 } from "react";
+import React15, { memo, useRef as useRef5, Fragment, useMemo as useMemo2 } from "react";
 import styled13, { css as css5 } from "styled-components";
-
-// ../../node_modules/@react-aria/utils/dist/module.js
-import $12uGp$react, { useState as $12uGp$useState, useRef as $12uGp$useRef, useCallback as $12uGp$useCallback, useEffect as $12uGp$useEffect } from "react";
-import { useSSRSafeId as $12uGp$useSSRSafeId } from "@react-aria/ssr";
-
-// ../../node_modules/clsx/dist/clsx.m.js
-function toVal(mix) {
-  var k, y, str = "";
-  if (typeof mix === "string" || typeof mix === "number") {
-    str += mix;
-  } else if (typeof mix === "object") {
-    if (Array.isArray(mix)) {
-      for (k = 0; k < mix.length; k++) {
-        if (mix[k]) {
-          if (y = toVal(mix[k])) {
-            str && (str += " ");
-            str += y;
-          }
-        }
-      }
-    } else {
-      for (k in mix) {
-        if (mix[k]) {
-          str && (str += " ");
-          str += k;
-        }
-      }
-    }
-  }
-  return str;
-}
-function clsx_m_default() {
-  var i = 0, tmp, x, str = "";
-  while (i < arguments.length) {
-    if (tmp = arguments[i++]) {
-      if (x = toVal(tmp)) {
-        str && (str += " ");
-        str += x;
-      }
-    }
-  }
-  return str;
-}
-
-// ../../node_modules/@react-aria/utils/dist/module.js
-var $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof window !== "undefined" ? $12uGp$react.useLayoutEffect : () => {
-};
-var $bdb11010cef70236$var$idsUpdaterMap = /* @__PURE__ */ new Map();
-function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
-  let [value, setValue] = $12uGp$useState(defaultId);
-  let nextId = $12uGp$useRef(null);
-  let res = $12uGp$useSSRSafeId(value);
-  let updateValue = $12uGp$useCallback((val) => {
-    nextId.current = val;
-  }, []);
-  $bdb11010cef70236$var$idsUpdaterMap.set(res, updateValue);
-  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
-    let r = res;
-    return () => {
-      $bdb11010cef70236$var$idsUpdaterMap.delete(r);
-    };
-  }, [
-    res
-  ]);
-  $12uGp$useEffect(() => {
-    let newId = nextId.current;
-    if (newId) {
-      nextId.current = null;
-      setValue(newId);
-    }
-  });
-  return res;
-}
-function $bdb11010cef70236$export$cd8c9cb68f842629(idA, idB) {
-  if (idA === idB)
-    return idA;
-  let setIdA = $bdb11010cef70236$var$idsUpdaterMap.get(idA);
-  if (setIdA) {
-    setIdA(idB);
-    return idB;
-  }
-  let setIdB = $bdb11010cef70236$var$idsUpdaterMap.get(idB);
-  if (setIdB) {
-    setIdB(idA);
-    return idA;
-  }
-  return idB;
-}
-function $bdb11010cef70236$export$b4cc09c592e8fdb8(depArray = []) {
-  let id = $bdb11010cef70236$export$f680877a34711e37();
-  let [resolvedId, setResolvedId] = $1dbecbe27a04f9af$export$14d238f342723f25(id);
-  let updateId = $12uGp$useCallback(() => {
-    setResolvedId(function* () {
-      yield id;
-      yield document.getElementById(id) ? id : void 0;
-    });
-  }, [
-    id,
-    setResolvedId
-  ]);
-  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(updateId, [
-    id,
-    updateId,
-    ...depArray
-  ]);
-  return resolvedId;
-}
-function $ff5963eb1fccf552$export$e08e3b67e392101e(...callbacks) {
-  return (...args) => {
-    for (let callback of callbacks)
-      if (typeof callback === "function")
-        callback(...args);
-  };
-}
-function $3ef42575df84b30b$export$9d1611c77c2fe928(...args) {
-  let result = {
-    ...args[0]
-  };
-  for (let i = 1; i < args.length; i++) {
-    let props = args[i];
-    for (let key in props) {
-      let a = result[key];
-      let b = props[key];
-      if (typeof a === "function" && typeof b === "function" && key[0] === "o" && key[1] === "n" && key.charCodeAt(2) >= 65 && key.charCodeAt(2) <= 90)
-        result[key] = $ff5963eb1fccf552$export$e08e3b67e392101e(a, b);
-      else if ((key === "className" || key === "UNSAFE_className") && typeof a === "string" && typeof b === "string")
-        result[key] = clsx_m_default(a, b);
-      else if (key === "id" && a && b)
-        result.id = $bdb11010cef70236$export$cd8c9cb68f842629(a, b);
-      else
-        result[key] = b !== void 0 ? b : a;
-    }
-  }
-  return result;
-}
-var $65484d02dcb7eb3e$var$DOMPropNames = /* @__PURE__ */ new Set([
-  "id"
-]);
-var $65484d02dcb7eb3e$var$labelablePropNames = /* @__PURE__ */ new Set([
-  "aria-label",
-  "aria-labelledby",
-  "aria-describedby",
-  "aria-details"
-]);
-var $65484d02dcb7eb3e$var$propRe = /^(data-.*)$/;
-function $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, opts = {}) {
-  let { labelable, propNames } = opts;
-  let filteredProps = {};
-  for (const prop in props)
-    if (Object.prototype.hasOwnProperty.call(props, prop) && ($65484d02dcb7eb3e$var$DOMPropNames.has(prop) || labelable && $65484d02dcb7eb3e$var$labelablePropNames.has(prop) || (propNames === null || propNames === void 0 ? void 0 : propNames.has(prop)) || $65484d02dcb7eb3e$var$propRe.test(prop)))
-      filteredProps[prop] = props[prop];
-  return filteredProps;
-}
-function $7215afc6de606d6b$export$de79e2c695e052f3(element) {
-  if ($7215afc6de606d6b$var$supportsPreventScroll())
-    element.focus({
-      preventScroll: true
-    });
-  else {
-    let scrollableElements = $7215afc6de606d6b$var$getScrollableElements(element);
-    element.focus();
-    $7215afc6de606d6b$var$restoreScrollPosition(scrollableElements);
-  }
-}
-var $7215afc6de606d6b$var$supportsPreventScrollCached = null;
-function $7215afc6de606d6b$var$supportsPreventScroll() {
-  if ($7215afc6de606d6b$var$supportsPreventScrollCached == null) {
-    $7215afc6de606d6b$var$supportsPreventScrollCached = false;
-    try {
-      var focusElem = document.createElement("div");
-      focusElem.focus({
-        get preventScroll() {
-          $7215afc6de606d6b$var$supportsPreventScrollCached = true;
-          return true;
-        }
-      });
-    } catch (e) {
-    }
-  }
-  return $7215afc6de606d6b$var$supportsPreventScrollCached;
-}
-function $7215afc6de606d6b$var$getScrollableElements(element) {
-  var parent = element.parentNode;
-  var scrollableElements = [];
-  var rootScrollingElement = document.scrollingElement || document.documentElement;
-  while (parent instanceof HTMLElement && parent !== rootScrollingElement) {
-    if (parent.offsetHeight < parent.scrollHeight || parent.offsetWidth < parent.scrollWidth)
-      scrollableElements.push({
-        element: parent,
-        scrollTop: parent.scrollTop,
-        scrollLeft: parent.scrollLeft
-      });
-    parent = parent.parentNode;
-  }
-  if (rootScrollingElement instanceof HTMLElement)
-    scrollableElements.push({
-      element: rootScrollingElement,
-      scrollTop: rootScrollingElement.scrollTop,
-      scrollLeft: rootScrollingElement.scrollLeft
-    });
-  return scrollableElements;
-}
-function $7215afc6de606d6b$var$restoreScrollPosition(scrollableElements) {
-  for (let { element, scrollTop, scrollLeft } of scrollableElements) {
-    element.scrollTop = scrollTop;
-    element.scrollLeft = scrollLeft;
-  }
-}
-var $bbed8b41f857bcc0$var$transitionsByElement = /* @__PURE__ */ new Map();
-var $bbed8b41f857bcc0$var$transitionCallbacks = /* @__PURE__ */ new Set();
-function $bbed8b41f857bcc0$var$setupGlobalEvents() {
-  if (typeof window === "undefined")
-    return;
-  let onTransitionStart = (e) => {
-    let transitions = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);
-    if (!transitions) {
-      transitions = /* @__PURE__ */ new Set();
-      $bbed8b41f857bcc0$var$transitionsByElement.set(e.target, transitions);
-      e.target.addEventListener("transitioncancel", onTransitionEnd);
-    }
-    transitions.add(e.propertyName);
-  };
-  let onTransitionEnd = (e) => {
-    let properties = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);
-    if (!properties)
-      return;
-    properties.delete(e.propertyName);
-    if (properties.size === 0) {
-      e.target.removeEventListener("transitioncancel", onTransitionEnd);
-      $bbed8b41f857bcc0$var$transitionsByElement.delete(e.target);
-    }
-    if ($bbed8b41f857bcc0$var$transitionsByElement.size === 0) {
-      for (let cb of $bbed8b41f857bcc0$var$transitionCallbacks)
-        cb();
-      $bbed8b41f857bcc0$var$transitionCallbacks.clear();
-    }
-  };
-  document.body.addEventListener("transitionrun", onTransitionStart);
-  document.body.addEventListener("transitionend", onTransitionEnd);
-}
-if (typeof document !== "undefined") {
-  if (document.readyState !== "loading")
-    $bbed8b41f857bcc0$var$setupGlobalEvents();
-  else
-    document.addEventListener("DOMContentLoaded", $bbed8b41f857bcc0$var$setupGlobalEvents);
-}
-function $bbed8b41f857bcc0$export$24490316f764c430(fn) {
-  requestAnimationFrame(() => {
-    if ($bbed8b41f857bcc0$var$transitionsByElement.size === 0)
-      fn();
-    else
-      $bbed8b41f857bcc0$var$transitionCallbacks.add(fn);
-  });
-}
-function $03deb23ff14920c4$export$4eaf04e54aa8eed6() {
-  let globalListeners = $12uGp$useRef(/* @__PURE__ */ new Map());
-  let addGlobalListener = $12uGp$useCallback((eventTarget, type, listener, options) => {
-    let fn = (options === null || options === void 0 ? void 0 : options.once) ? (...args) => {
-      globalListeners.current.delete(listener);
-      listener(...args);
-    } : listener;
-    globalListeners.current.set(listener, {
-      type,
-      eventTarget,
-      fn,
-      options
-    });
-    eventTarget.addEventListener(type, listener, options);
-  }, []);
-  let removeGlobalListener = $12uGp$useCallback((eventTarget, type, listener, options) => {
-    var ref;
-    let fn = ((ref = globalListeners.current.get(listener)) === null || ref === void 0 ? void 0 : ref.fn) || listener;
-    eventTarget.removeEventListener(type, fn, options);
-    globalListeners.current.delete(listener);
-  }, []);
-  let removeAllGlobalListeners = $12uGp$useCallback(() => {
-    globalListeners.current.forEach((value, key) => {
-      removeGlobalListener(value.eventTarget, value.type, key, value.options);
-    });
-  }, [
-    removeGlobalListener
-  ]);
-  $12uGp$useEffect(() => {
-    return removeAllGlobalListeners;
-  }, [
-    removeAllGlobalListeners
-  ]);
-  return {
-    addGlobalListener,
-    removeGlobalListener,
-    removeAllGlobalListeners
-  };
-}
-function $313b98861ee5dd6c$export$d6875122194c7b44(props, defaultLabel) {
-  let { id, "aria-label": label, "aria-labelledby": labelledBy } = props;
-  id = $bdb11010cef70236$export$f680877a34711e37(id);
-  if (labelledBy && label) {
-    let ids = /* @__PURE__ */ new Set([
-      ...labelledBy.trim().split(/\s+/),
-      id
-    ]);
-    labelledBy = [
-      ...ids
-    ].join(" ");
-  } else if (labelledBy)
-    labelledBy = labelledBy.trim().split(/\s+/).join(" ");
-  if (!label && !labelledBy && defaultLabel)
-    label = defaultLabel;
-  return {
-    id,
-    "aria-label": label,
-    "aria-labelledby": labelledBy
-  };
-}
-function $df56164dff5785e2$export$4338b53315abf666(forwardedRef) {
-  const objRef = $12uGp$useRef();
-  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
-    if (!forwardedRef)
-      return;
-    if (typeof forwardedRef === "function")
-      forwardedRef(objRef.current);
-    else
-      forwardedRef.current = objRef.current;
-  }, [
-    forwardedRef
-  ]);
-  return objRef;
-}
-function $e7801be82b4b2a53$export$4debdb1a3f0fa79e(context, ref) {
-  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
-    if (context && context.ref && ref) {
-      context.ref.current = ref.current;
-      return () => {
-        context.ref.current = null;
-      };
-    }
-  }, [
-    context,
-    ref
-  ]);
-}
-var $5df64b3807dc15ee$var$visualViewport = typeof window !== "undefined" && window.visualViewport;
-var $ef06256079686ba0$var$descriptionId = 0;
-var $ef06256079686ba0$var$descriptionNodes = /* @__PURE__ */ new Map();
-function $ef06256079686ba0$export$f8aeda7b10753fa1(description) {
-  let [id1, setId] = $12uGp$useState(void 0);
-  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
-    if (!description)
-      return;
-    let desc = $ef06256079686ba0$var$descriptionNodes.get(description);
-    if (!desc) {
-      let id = `react-aria-description-${$ef06256079686ba0$var$descriptionId++}`;
-      setId(id);
-      let node = document.createElement("div");
-      node.id = id;
-      node.style.display = "none";
-      node.textContent = description;
-      document.body.appendChild(node);
-      desc = {
-        refCount: 0,
-        element: node
-      };
-      $ef06256079686ba0$var$descriptionNodes.set(description, desc);
-    } else
-      setId(desc.element.id);
-    desc.refCount++;
-    return () => {
-      if (--desc.refCount === 0) {
-        desc.element.remove();
-        $ef06256079686ba0$var$descriptionNodes.delete(description);
-      }
-    };
-  }, [
-    description
-  ]);
-  return {
-    "aria-describedby": description ? id1 : void 0
-  };
-}
-function $c87311424ea30a05$var$testUserAgent(re) {
-  var ref;
-  if (typeof window === "undefined" || window.navigator == null)
-    return false;
-  return ((ref = window.navigator["userAgentData"]) === null || ref === void 0 ? void 0 : ref.brands.some(
-    (brand) => re.test(brand.brand)
-  )) || re.test(window.navigator.userAgent);
-}
-function $c87311424ea30a05$var$testPlatform(re) {
-  var ref;
-  return typeof window !== "undefined" && window.navigator != null ? re.test(((ref = window.navigator["userAgentData"]) === null || ref === void 0 ? void 0 : ref.platform) || window.navigator.platform) : false;
-}
-function $c87311424ea30a05$export$9ac100e40613ea10() {
-  return $c87311424ea30a05$var$testPlatform(/^Mac/i);
-}
-function $c87311424ea30a05$export$186c6964ca17d99() {
-  return $c87311424ea30a05$var$testPlatform(/^iPhone/i);
-}
-function $c87311424ea30a05$export$7bef049ce92e4224() {
-  return $c87311424ea30a05$var$testPlatform(/^iPad/i) || $c87311424ea30a05$export$9ac100e40613ea10() && navigator.maxTouchPoints > 1;
-}
-function $c87311424ea30a05$export$fedb369cb70207f1() {
-  return $c87311424ea30a05$export$186c6964ca17d99() || $c87311424ea30a05$export$7bef049ce92e4224();
-}
-function $c87311424ea30a05$export$e1865c3bedcd822b() {
-  return $c87311424ea30a05$export$9ac100e40613ea10() || $c87311424ea30a05$export$fedb369cb70207f1();
-}
-function $c87311424ea30a05$export$78551043582a6a98() {
-  return $c87311424ea30a05$var$testUserAgent(/AppleWebKit/i) && !$c87311424ea30a05$export$6446a186d09e379e();
-}
-function $c87311424ea30a05$export$6446a186d09e379e() {
-  return $c87311424ea30a05$var$testUserAgent(/Chrome/i);
-}
-function $c87311424ea30a05$export$a11b0059900ceec8() {
-  return $c87311424ea30a05$var$testUserAgent(/Android/i);
-}
-function $e9faafb641e167db$export$90fc3a17d93f704c(ref, event, handler1, options) {
-  let handlerRef = $12uGp$useRef(handler1);
-  handlerRef.current = handler1;
-  let isDisabled = handler1 == null;
-  $12uGp$useEffect(() => {
-    if (isDisabled)
-      return;
-    let element = ref.current;
-    let handler = (e) => handlerRef.current.call(this, e);
-    element.addEventListener(event, handler, options);
-    return () => {
-      element.removeEventListener(event, handler, options);
-    };
-  }, [
-    ref,
-    event,
-    options,
-    isDisabled
-  ]);
-}
-function $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {
-  let [value, setValue] = $12uGp$useState(defaultValue);
-  let valueRef = $12uGp$useRef(value);
-  let effect = $12uGp$useRef(null);
-  valueRef.current = value;
-  let nextRef = $12uGp$useRef(null);
-  nextRef.current = () => {
-    let newValue = effect.current.next();
-    if (newValue.done) {
-      effect.current = null;
-      return;
-    }
-    if (value === newValue.value)
-      nextRef.current();
-    else
-      setValue(newValue.value);
-  };
-  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
-    if (effect.current)
-      nextRef.current();
-  });
-  let queue = $12uGp$useCallback((fn) => {
-    effect.current = fn(valueRef.current);
-    nextRef.current();
-  }, [
-    effect,
-    nextRef
-  ]);
-  return [
-    value,
-    queue
-  ];
-}
-function $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollView, element) {
-  let offsetX = $2f04cbc44ee30ce0$var$relativeOffset(scrollView, element, "left");
-  let offsetY = $2f04cbc44ee30ce0$var$relativeOffset(scrollView, element, "top");
-  let width = element.offsetWidth;
-  let height = element.offsetHeight;
-  let x = scrollView.scrollLeft;
-  let y = scrollView.scrollTop;
-  let maxX = x + scrollView.offsetWidth;
-  let maxY = y + scrollView.offsetHeight;
-  if (offsetX <= x)
-    x = offsetX;
-  else if (offsetX + width > maxX)
-    x += offsetX + width - maxX;
-  if (offsetY <= y)
-    y = offsetY;
-  else if (offsetY + height > maxY)
-    y += offsetY + height - maxY;
-  scrollView.scrollLeft = x;
-  scrollView.scrollTop = y;
-}
-function $2f04cbc44ee30ce0$var$relativeOffset(ancestor, child, axis) {
-  const prop = axis === "left" ? "offsetLeft" : "offsetTop";
-  let sum = 0;
-  while (child.offsetParent) {
-    sum += child[prop];
-    if (child.offsetParent === ancestor)
-      break;
-    else if (child.offsetParent.contains(ancestor)) {
-      sum -= ancestor[prop];
-      break;
-    }
-    child = child.offsetParent;
-  }
-  return sum;
-}
-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;
-}
-function $6a7db85432448f7f$export$29bf1b5f2c56cf63(event) {
-  return event.width === 0 && event.height === 0 || event.width === 1 && event.height === 1 && event.pressure === 0 && event.detail === 0 && event.pointerType === "mouse";
-}
-
-// ../../node_modules/@react-aria/interactions/dist/module.js
-import $bx7SL$react, { useRef as $bx7SL$useRef, useContext as $bx7SL$useContext, useState as $bx7SL$useState, useMemo as $bx7SL$useMemo, useEffect as $bx7SL$useEffect, useCallback as $bx7SL$useCallback } from "react";
-var $14c0b72509d70225$var$state = "default";
-var $14c0b72509d70225$var$savedUserSelect = "";
-var $14c0b72509d70225$var$modifiedElementMap = /* @__PURE__ */ new WeakMap();
-function $14c0b72509d70225$export$16a4697467175487(target) {
-  if ($c87311424ea30a05$export$fedb369cb70207f1()) {
-    if ($14c0b72509d70225$var$state === "default") {
-      $14c0b72509d70225$var$savedUserSelect = document.documentElement.style.webkitUserSelect;
-      document.documentElement.style.webkitUserSelect = "none";
-    }
-    $14c0b72509d70225$var$state = "disabled";
-  } else if (target instanceof HTMLElement || target instanceof SVGElement) {
-    $14c0b72509d70225$var$modifiedElementMap.set(target, target.style.userSelect);
-    target.style.userSelect = "none";
-  }
-}
-function $14c0b72509d70225$export$b0d6fa1ab32e3295(target) {
-  if ($c87311424ea30a05$export$fedb369cb70207f1()) {
-    if ($14c0b72509d70225$var$state !== "disabled")
-      return;
-    $14c0b72509d70225$var$state = "restoring";
-    setTimeout(() => {
-      $bbed8b41f857bcc0$export$24490316f764c430(() => {
-        if ($14c0b72509d70225$var$state === "restoring") {
-          if (document.documentElement.style.webkitUserSelect === "none")
-            document.documentElement.style.webkitUserSelect = $14c0b72509d70225$var$savedUserSelect || "";
-          $14c0b72509d70225$var$savedUserSelect = "";
-          $14c0b72509d70225$var$state = "default";
-        }
-      });
-    }, 300);
-  } else if (target instanceof HTMLElement || target instanceof SVGElement) {
-    if (target && $14c0b72509d70225$var$modifiedElementMap.has(target)) {
-      let targetOldUserSelect = $14c0b72509d70225$var$modifiedElementMap.get(target);
-      if (target.style.userSelect === "none")
-        target.style.userSelect = targetOldUserSelect;
-      if (target.getAttribute("style") === "")
-        target.removeAttribute("style");
-      $14c0b72509d70225$var$modifiedElementMap.delete(target);
-    }
-  }
-}
-var $ae1eeba8b9eafd08$export$5165eccb35aaadb5 = $bx7SL$react.createContext(null);
-$ae1eeba8b9eafd08$export$5165eccb35aaadb5.displayName = "PressResponderContext";
-function $f6c31cce2adf654f$var$usePressResponderContext(props) {
-  let context = $bx7SL$useContext($ae1eeba8b9eafd08$export$5165eccb35aaadb5);
-  if (context) {
-    let { register, ...contextProps } = context;
-    props = $3ef42575df84b30b$export$9d1611c77c2fe928(contextProps, props);
-    register();
-  }
-  $e7801be82b4b2a53$export$4debdb1a3f0fa79e(context, props.ref);
-  return props;
-}
-function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
-  let {
-    onPress: onPress1,
-    onPressChange: onPressChange1,
-    onPressStart: onPressStart1,
-    onPressEnd: onPressEnd1,
-    onPressUp: onPressUp1,
-    isDisabled: isDisabled1,
-    isPressed: isPressedProp,
-    preventFocusOnPress,
-    shouldCancelOnPointerExit,
-    allowTextSelectionOnPress,
-    ref: _,
-    ...domProps
-  } = $f6c31cce2adf654f$var$usePressResponderContext(props);
-  let propsRef = $bx7SL$useRef(null);
-  propsRef.current = {
-    onPress: onPress1,
-    onPressChange: onPressChange1,
-    onPressStart: onPressStart1,
-    onPressEnd: onPressEnd1,
-    onPressUp: onPressUp1,
-    isDisabled: isDisabled1,
-    shouldCancelOnPointerExit
-  };
-  let [isPressed, setPressed] = $bx7SL$useState(false);
-  let ref = $bx7SL$useRef({
-    isPressed: false,
-    ignoreEmulatedMouseEvents: false,
-    ignoreClickAfterPress: false,
-    didFirePressStart: false,
-    activePointerId: null,
-    target: null,
-    isOverTarget: false,
-    pointerType: null
-  });
-  let { addGlobalListener, removeAllGlobalListeners } = $03deb23ff14920c4$export$4eaf04e54aa8eed6();
-  let pressProps1 = $bx7SL$useMemo(() => {
-    let state = ref.current;
-    let triggerPressStart = (originalEvent, pointerType) => {
-      let { onPressStart, onPressChange, isDisabled } = propsRef.current;
-      if (isDisabled || state.didFirePressStart)
-        return;
-      if (onPressStart)
-        onPressStart({
-          type: "pressstart",
-          pointerType,
-          target: originalEvent.currentTarget,
-          shiftKey: originalEvent.shiftKey,
-          metaKey: originalEvent.metaKey,
-          ctrlKey: originalEvent.ctrlKey,
-          altKey: originalEvent.altKey
-        });
-      if (onPressChange)
-        onPressChange(true);
-      state.didFirePressStart = true;
-      setPressed(true);
-    };
-    let triggerPressEnd = (originalEvent, pointerType, wasPressed = true) => {
-      let { onPressEnd, onPressChange, onPress, isDisabled } = propsRef.current;
-      if (!state.didFirePressStart)
-        return;
-      state.ignoreClickAfterPress = true;
-      state.didFirePressStart = false;
-      if (onPressEnd)
-        onPressEnd({
-          type: "pressend",
-          pointerType,
-          target: originalEvent.currentTarget,
-          shiftKey: originalEvent.shiftKey,
-          metaKey: originalEvent.metaKey,
-          ctrlKey: originalEvent.ctrlKey,
-          altKey: originalEvent.altKey
-        });
-      if (onPressChange)
-        onPressChange(false);
-      setPressed(false);
-      if (onPress && wasPressed && !isDisabled)
-        onPress({
-          type: "press",
-          pointerType,
-          target: originalEvent.currentTarget,
-          shiftKey: originalEvent.shiftKey,
-          metaKey: originalEvent.metaKey,
-          ctrlKey: originalEvent.ctrlKey,
-          altKey: originalEvent.altKey
-        });
-    };
-    let triggerPressUp = (originalEvent, pointerType) => {
-      let { onPressUp, isDisabled } = propsRef.current;
-      if (isDisabled)
-        return;
-      if (onPressUp)
-        onPressUp({
-          type: "pressup",
-          pointerType,
-          target: originalEvent.currentTarget,
-          shiftKey: originalEvent.shiftKey,
-          metaKey: originalEvent.metaKey,
-          ctrlKey: originalEvent.ctrlKey,
-          altKey: originalEvent.altKey
-        });
-    };
-    let cancel = (e) => {
-      if (state.isPressed) {
-        if (state.isOverTarget)
-          triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
-        state.isPressed = false;
-        state.isOverTarget = false;
-        state.activePointerId = null;
-        state.pointerType = null;
-        removeAllGlobalListeners();
-        if (!allowTextSelectionOnPress)
-          $14c0b72509d70225$export$b0d6fa1ab32e3295(state.target);
-      }
-    };
-    let pressProps = {
-      onKeyDown(e) {
-        if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && e.currentTarget.contains(e.target)) {
-          if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(e.target, e.key))
-            e.preventDefault();
-          e.stopPropagation();
-          if (!state.isPressed && !e.repeat) {
-            state.target = e.currentTarget;
-            state.isPressed = true;
-            triggerPressStart(e, "keyboard");
-            addGlobalListener(document, "keyup", onKeyUp, false);
-          }
-        } else if (e.key === "Enter" && $f6c31cce2adf654f$var$isHTMLAnchorLink(e.currentTarget))
-          e.stopPropagation();
-      },
-      onKeyUp(e) {
-        if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && !e.repeat && e.currentTarget.contains(e.target))
-          triggerPressUp($f6c31cce2adf654f$var$createEvent(state.target, e), "keyboard");
-      },
-      onClick(e) {
-        if (e && !e.currentTarget.contains(e.target))
-          return;
-        if (e && e.button === 0) {
-          e.stopPropagation();
-          if (isDisabled1)
-            e.preventDefault();
-          if (!state.ignoreClickAfterPress && !state.ignoreEmulatedMouseEvents && (state.pointerType === "virtual" || $6a7db85432448f7f$export$60278871457622de(e.nativeEvent))) {
-            if (!isDisabled1 && !preventFocusOnPress)
-              $7215afc6de606d6b$export$de79e2c695e052f3(e.currentTarget);
-            triggerPressStart(e, "virtual");
-            triggerPressUp(e, "virtual");
-            triggerPressEnd(e, "virtual");
-          }
-          state.ignoreEmulatedMouseEvents = false;
-          state.ignoreClickAfterPress = false;
-        }
-      }
-    };
-    let onKeyUp = (e) => {
-      if (state.isPressed && $f6c31cce2adf654f$var$isValidKeyboardEvent(e, state.target)) {
-        if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(e.target, e.key))
-          e.preventDefault();
-        e.stopPropagation();
-        state.isPressed = false;
-        let target = e.target;
-        triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), "keyboard", state.target.contains(target));
-        removeAllGlobalListeners();
-        if (state.target instanceof HTMLElement && state.target.contains(target) && ($f6c31cce2adf654f$var$isHTMLAnchorLink(state.target) || state.target.getAttribute("role") === "link"))
-          state.target.click();
-      }
-    };
-    if (typeof PointerEvent !== "undefined") {
-      pressProps.onPointerDown = (e) => {
-        if (e.button !== 0 || !e.currentTarget.contains(e.target))
-          return;
-        if ($6a7db85432448f7f$export$29bf1b5f2c56cf63(e.nativeEvent)) {
-          state.pointerType = "virtual";
-          return;
-        }
-        if ($f6c31cce2adf654f$var$shouldPreventDefault(e.currentTarget))
-          e.preventDefault();
-        state.pointerType = e.pointerType;
-        e.stopPropagation();
-        if (!state.isPressed) {
-          state.isPressed = true;
-          state.isOverTarget = true;
-          state.activePointerId = e.pointerId;
-          state.target = e.currentTarget;
-          if (!isDisabled1 && !preventFocusOnPress)
-            $7215afc6de606d6b$export$de79e2c695e052f3(e.currentTarget);
-          if (!allowTextSelectionOnPress)
-            $14c0b72509d70225$export$16a4697467175487(state.target);
-          triggerPressStart(e, state.pointerType);
-          addGlobalListener(document, "pointermove", onPointerMove, false);
-          addGlobalListener(document, "pointerup", onPointerUp, false);
-          addGlobalListener(document, "pointercancel", onPointerCancel, false);
-        }
-      };
-      pressProps.onMouseDown = (e) => {
-        if (!e.currentTarget.contains(e.target))
-          return;
-        if (e.button === 0) {
-          if ($f6c31cce2adf654f$var$shouldPreventDefault(e.currentTarget))
-            e.preventDefault();
-          e.stopPropagation();
-        }
-      };
-      pressProps.onPointerUp = (e) => {
-        if (!e.currentTarget.contains(e.target) || state.pointerType === "virtual")
-          return;
-        if (e.button === 0 && $f6c31cce2adf654f$var$isOverTarget(e, e.currentTarget))
-          triggerPressUp(e, state.pointerType || e.pointerType);
-      };
-      let onPointerMove = (e) => {
-        if (e.pointerId !== state.activePointerId)
-          return;
-        if ($f6c31cce2adf654f$var$isOverTarget(e, state.target)) {
-          if (!state.isOverTarget) {
-            state.isOverTarget = true;
-            triggerPressStart($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType);
-          }
-        } else if (state.isOverTarget) {
-          state.isOverTarget = false;
-          triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
-          if (propsRef.current.shouldCancelOnPointerExit)
-            cancel(e);
-        }
-      };
-      let onPointerUp = (e) => {
-        if (e.pointerId === state.activePointerId && state.isPressed && e.button === 0) {
-          if ($f6c31cce2adf654f$var$isOverTarget(e, state.target))
-            triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType);
-          else if (state.isOverTarget)
-            triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
-          state.isPressed = false;
-          state.isOverTarget = false;
-          state.activePointerId = null;
-          state.pointerType = null;
-          removeAllGlobalListeners();
-          if (!allowTextSelectionOnPress)
-            $14c0b72509d70225$export$b0d6fa1ab32e3295(state.target);
-        }
-      };
-      let onPointerCancel = (e) => {
-        cancel(e);
-      };
-      pressProps.onDragStart = (e) => {
-        if (!e.currentTarget.contains(e.target))
-          return;
-        cancel(e);
-      };
-    } else {
-      pressProps.onMouseDown = (e) => {
-        if (e.button !== 0 || !e.currentTarget.contains(e.target))
-          return;
-        if ($f6c31cce2adf654f$var$shouldPreventDefault(e.currentTarget))
-          e.preventDefault();
-        e.stopPropagation();
-        if (state.ignoreEmulatedMouseEvents)
-          return;
-        state.isPressed = true;
-        state.isOverTarget = true;
-        state.target = e.currentTarget;
-        state.pointerType = $6a7db85432448f7f$export$60278871457622de(e.nativeEvent) ? "virtual" : "mouse";
-        if (!isDisabled1 && !preventFocusOnPress)
-          $7215afc6de606d6b$export$de79e2c695e052f3(e.currentTarget);
-        triggerPressStart(e, state.pointerType);
-        addGlobalListener(document, "mouseup", onMouseUp, false);
-      };
-      pressProps.onMouseEnter = (e) => {
-        if (!e.currentTarget.contains(e.target))
-          return;
-        e.stopPropagation();
-        if (state.isPressed && !state.ignoreEmulatedMouseEvents) {
-          state.isOverTarget = true;
-          triggerPressStart(e, state.pointerType);
-        }
-      };
-      pressProps.onMouseLeave = (e) => {
-        if (!e.currentTarget.contains(e.target))
-          return;
-        e.stopPropagation();
-        if (state.isPressed && !state.ignoreEmulatedMouseEvents) {
-          state.isOverTarget = false;
-          triggerPressEnd(e, state.pointerType, false);
-          if (propsRef.current.shouldCancelOnPointerExit)
-            cancel(e);
-        }
-      };
-      pressProps.onMouseUp = (e) => {
-        if (!e.currentTarget.contains(e.target))
-          return;
-        if (!state.ignoreEmulatedMouseEvents && e.button === 0)
-          triggerPressUp(e, state.pointerType);
-      };
-      let onMouseUp = (e) => {
-        if (e.button !== 0)
-          return;
-        state.isPressed = false;
-        removeAllGlobalListeners();
-        if (state.ignoreEmulatedMouseEvents) {
-          state.ignoreEmulatedMouseEvents = false;
-          return;
-        }
-        if ($f6c31cce2adf654f$var$isOverTarget(e, state.target))
-          triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType);
-        else if (state.isOverTarget)
-          triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
-        state.isOverTarget = false;
-      };
-      pressProps.onTouchStart = (e) => {
-        if (!e.currentTarget.contains(e.target))
-          return;
-        e.stopPropagation();
-        let touch = $f6c31cce2adf654f$var$getTouchFromEvent(e.nativeEvent);
-        if (!touch)
-          return;
-        state.activePointerId = touch.identifier;
-        state.ignoreEmulatedMouseEvents = true;
-        state.isOverTarget = true;
-        state.isPressed = true;
-        state.target = e.currentTarget;
-        state.pointerType = "touch";
-        if (!isDisabled1 && !preventFocusOnPress)
-          $7215afc6de606d6b$export$de79e2c695e052f3(e.currentTarget);
-        if (!allowTextSelectionOnPress)
-          $14c0b72509d70225$export$16a4697467175487(state.target);
-        triggerPressStart(e, state.pointerType);
-        addGlobalListener(window, "scroll", onScroll, true);
-      };
-      pressProps.onTouchMove = (e) => {
-        if (!e.currentTarget.contains(e.target))
-          return;
-        e.stopPropagation();
-        if (!state.isPressed)
-          return;
-        let touch = $f6c31cce2adf654f$var$getTouchById(e.nativeEvent, state.activePointerId);
-        if (touch && $f6c31cce2adf654f$var$isOverTarget(touch, e.currentTarget)) {
-          if (!state.isOverTarget) {
-            state.isOverTarget = true;
-            triggerPressStart(e, state.pointerType);
-          }
-        } else if (state.isOverTarget) {
-          state.isOverTarget = false;
-          triggerPressEnd(e, state.pointerType, false);
-          if (propsRef.current.shouldCancelOnPointerExit)
-            cancel(e);
-        }
-      };
-      pressProps.onTouchEnd = (e) => {
-        if (!e.currentTarget.contains(e.target))
-          return;
-        e.stopPropagation();
-        if (!state.isPressed)
-          return;
-        let touch = $f6c31cce2adf654f$var$getTouchById(e.nativeEvent, state.activePointerId);
-        if (touch && $f6c31cce2adf654f$var$isOverTarget(touch, e.currentTarget)) {
-          triggerPressUp(e, state.pointerType);
-          triggerPressEnd(e, state.pointerType);
-        } else if (state.isOverTarget)
-          triggerPressEnd(e, state.pointerType, false);
-        state.isPressed = false;
-        state.activePointerId = null;
-        state.isOverTarget = false;
-        state.ignoreEmulatedMouseEvents = true;
-        if (!allowTextSelectionOnPress)
-          $14c0b72509d70225$export$b0d6fa1ab32e3295(state.target);
-        removeAllGlobalListeners();
-      };
-      pressProps.onTouchCancel = (e) => {
-        if (!e.currentTarget.contains(e.target))
-          return;
-        e.stopPropagation();
-        if (state.isPressed)
-          cancel(e);
-      };
-      let onScroll = (e) => {
-        if (state.isPressed && e.target.contains(state.target))
-          cancel({
-            currentTarget: state.target,
-            shiftKey: false,
-            ctrlKey: false,
-            metaKey: false,
-            altKey: false
-          });
-      };
-      pressProps.onDragStart = (e) => {
-        if (!e.currentTarget.contains(e.target))
-          return;
-        cancel(e);
-      };
-    }
-    return pressProps;
-  }, [
-    addGlobalListener,
-    isDisabled1,
-    preventFocusOnPress,
-    removeAllGlobalListeners,
-    allowTextSelectionOnPress
-  ]);
-  $bx7SL$useEffect(() => {
-    return () => {
-      if (!allowTextSelectionOnPress)
-        $14c0b72509d70225$export$b0d6fa1ab32e3295(ref.current.target);
-    };
-  }, [
-    allowTextSelectionOnPress
-  ]);
-  return {
-    isPressed: isPressedProp || isPressed,
-    pressProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, pressProps1)
-  };
-}
-function $f6c31cce2adf654f$var$isHTMLAnchorLink(target) {
-  return target.tagName === "A" && target.hasAttribute("href");
-}
-function $f6c31cce2adf654f$var$isValidKeyboardEvent(event, currentTarget) {
-  const { key, code } = event;
-  const element = currentTarget;
-  const role = element.getAttribute("role");
-  return (key === "Enter" || key === " " || key === "Spacebar" || code === "Space") && !(element instanceof HTMLInputElement && !$f6c31cce2adf654f$var$isValidInputKey(element, key) || element instanceof HTMLTextAreaElement || element.isContentEditable) && (!$f6c31cce2adf654f$var$isHTMLAnchorLink(element) || role === "button" && key !== "Enter") && !(role === "link" && key !== "Enter");
-}
-function $f6c31cce2adf654f$var$getTouchFromEvent(event) {
-  const { targetTouches } = event;
-  if (targetTouches.length > 0)
-    return targetTouches[0];
-  return null;
-}
-function $f6c31cce2adf654f$var$getTouchById(event, pointerId) {
-  const changedTouches = event.changedTouches;
-  for (let i = 0; i < changedTouches.length; i++) {
-    const touch = changedTouches[i];
-    if (touch.identifier === pointerId)
-      return touch;
-  }
-  return null;
-}
-function $f6c31cce2adf654f$var$createEvent(target, e) {
-  return {
-    currentTarget: target,
-    shiftKey: e.shiftKey,
-    ctrlKey: e.ctrlKey,
-    metaKey: e.metaKey,
-    altKey: e.altKey
-  };
-}
-function $f6c31cce2adf654f$var$getPointClientRect(point) {
-  let offsetX = point.width / 2 || point.radiusX || 0;
-  let offsetY = point.height / 2 || point.radiusY || 0;
-  return {
-    top: point.clientY - offsetY,
-    right: point.clientX + offsetX,
-    bottom: point.clientY + offsetY,
-    left: point.clientX - offsetX
-  };
-}
-function $f6c31cce2adf654f$var$areRectanglesOverlapping(a, b) {
-  if (a.left > b.right || b.left > a.right)
-    return false;
-  if (a.top > b.bottom || b.top > a.bottom)
-    return false;
-  return true;
-}
-function $f6c31cce2adf654f$var$isOverTarget(point, target) {
-  let rect = target.getBoundingClientRect();
-  let pointRect = $f6c31cce2adf654f$var$getPointClientRect(point);
-  return $f6c31cce2adf654f$var$areRectanglesOverlapping(rect, pointRect);
-}
-function $f6c31cce2adf654f$var$shouldPreventDefault(target) {
-  return !(target instanceof HTMLElement) || !target.draggable;
-}
-function $f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(target, key) {
-  if (target instanceof HTMLInputElement)
-    return !$f6c31cce2adf654f$var$isValidInputKey(target, key);
-  if (target instanceof HTMLButtonElement)
-    return target.type !== "submit";
-  return true;
-}
-var $f6c31cce2adf654f$var$nonTextInputTypes = /* @__PURE__ */ new Set([
-  "checkbox",
-  "radio",
-  "range",
-  "color",
-  "file",
-  "image",
-  "button",
-  "submit",
-  "reset"
-]);
-function $f6c31cce2adf654f$var$isValidInputKey(target, key) {
-  return target.type === "checkbox" || target.type === "radio" ? key === " " : $f6c31cce2adf654f$var$nonTextInputTypes.has(target.type);
-}
-var $8a9cb279dc87e130$export$905e7fc544a71f36 = class {
-  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 = $bx7SL$useRef({
-    isFocused: false,
-    onBlur,
-    observer: null
-  });
-  stateRef.current.onBlur = onBlur;
-  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
-    const state = stateRef.current;
-    return () => {
-      if (state.observer) {
-        state.observer.disconnect();
-        state.observer = null;
-      }
-    };
-  }, []);
-  return $bx7SL$useCallback((e1) => {
-    if (e1.target instanceof HTMLButtonElement || e1.target instanceof HTMLInputElement || e1.target instanceof HTMLTextAreaElement || e1.target instanceof HTMLSelectElement) {
-      stateRef.current.isFocused = true;
-      let target = e1.target;
-      let onBlurHandler = (e) => {
-        var _current, ref;
-        stateRef.current.isFocused = false;
-        if (target.disabled)
-          (ref = (_current = stateRef.current).onBlur) === null || ref === void 0 ? void 0 : ref.call(_current, new $8a9cb279dc87e130$export$905e7fc544a71f36("blur", e));
-        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) {
-          stateRef.current.observer.disconnect();
-          target.dispatchEvent(new FocusEvent("blur"));
-          target.dispatchEvent(new FocusEvent("focusout", {
-            bubbles: true
-          }));
-        }
-      });
-      stateRef.current.observer.observe(target, {
-        attributes: true,
-        attributeFilter: [
-          "disabled"
-        ]
-      });
-    }
-  }, []);
-}
-var $507fabe10e71c6fb$var$currentModality = null;
-var $507fabe10e71c6fb$var$changeHandlers = /* @__PURE__ */ new Set();
-var $507fabe10e71c6fb$var$hasSetupGlobalListeners = false;
-var $507fabe10e71c6fb$var$hasEventBeforeFocus = false;
-var $507fabe10e71c6fb$var$hasBlurredWindowRecently = false;
-function $507fabe10e71c6fb$var$triggerChangeHandlers(modality, e) {
-  for (let handler of $507fabe10e71c6fb$var$changeHandlers)
-    handler(modality, e);
-}
-function $507fabe10e71c6fb$var$isValidKey(e) {
-  return !(e.metaKey || !$c87311424ea30a05$export$9ac100e40613ea10() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
-}
-function $507fabe10e71c6fb$var$handleKeyboardEvent(e) {
-  $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
-  if ($507fabe10e71c6fb$var$isValidKey(e)) {
-    $507fabe10e71c6fb$var$currentModality = "keyboard";
-    $507fabe10e71c6fb$var$triggerChangeHandlers("keyboard", e);
-  }
-}
-function $507fabe10e71c6fb$var$handlePointerEvent(e) {
-  $507fabe10e71c6fb$var$currentModality = "pointer";
-  if (e.type === "mousedown" || e.type === "pointerdown") {
-    $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
-    $507fabe10e71c6fb$var$triggerChangeHandlers("pointer", e);
-  }
-}
-function $507fabe10e71c6fb$var$handleClickEvent(e) {
-  if ($6a7db85432448f7f$export$60278871457622de(e)) {
-    $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
-    $507fabe10e71c6fb$var$currentModality = "virtual";
-  }
-}
-function $507fabe10e71c6fb$var$handleFocusEvent(e) {
-  if (e.target === window || e.target === document)
-    return;
-  if (!$507fabe10e71c6fb$var$hasEventBeforeFocus && !$507fabe10e71c6fb$var$hasBlurredWindowRecently) {
-    $507fabe10e71c6fb$var$currentModality = "virtual";
-    $507fabe10e71c6fb$var$triggerChangeHandlers("virtual", e);
-  }
-  $507fabe10e71c6fb$var$hasEventBeforeFocus = false;
-  $507fabe10e71c6fb$var$hasBlurredWindowRecently = false;
-}
-function $507fabe10e71c6fb$var$handleWindowBlur() {
-  $507fabe10e71c6fb$var$hasEventBeforeFocus = false;
-  $507fabe10e71c6fb$var$hasBlurredWindowRecently = true;
-}
-function $507fabe10e71c6fb$var$setupGlobalFocusEvents() {
-  if (typeof window === "undefined" || $507fabe10e71c6fb$var$hasSetupGlobalListeners)
-    return;
-  let focus = HTMLElement.prototype.focus;
-  HTMLElement.prototype.focus = function() {
-    $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
-    focus.apply(this, arguments);
-  };
-  document.addEventListener("keydown", $507fabe10e71c6fb$var$handleKeyboardEvent, true);
-  document.addEventListener("keyup", $507fabe10e71c6fb$var$handleKeyboardEvent, true);
-  document.addEventListener("click", $507fabe10e71c6fb$var$handleClickEvent, true);
-  window.addEventListener("focus", $507fabe10e71c6fb$var$handleFocusEvent, true);
-  window.addEventListener("blur", $507fabe10e71c6fb$var$handleWindowBlur, false);
-  if (typeof PointerEvent !== "undefined") {
-    document.addEventListener("pointerdown", $507fabe10e71c6fb$var$handlePointerEvent, true);
-    document.addEventListener("pointermove", $507fabe10e71c6fb$var$handlePointerEvent, true);
-    document.addEventListener("pointerup", $507fabe10e71c6fb$var$handlePointerEvent, true);
-  } else {
-    document.addEventListener("mousedown", $507fabe10e71c6fb$var$handlePointerEvent, true);
-    document.addEventListener("mousemove", $507fabe10e71c6fb$var$handlePointerEvent, true);
-    document.addEventListener("mouseup", $507fabe10e71c6fb$var$handlePointerEvent, true);
-  }
-  $507fabe10e71c6fb$var$hasSetupGlobalListeners = true;
-}
-if (typeof document !== "undefined") {
-  if (document.readyState !== "loading")
-    $507fabe10e71c6fb$var$setupGlobalFocusEvents();
-  else
-    document.addEventListener("DOMContentLoaded", $507fabe10e71c6fb$var$setupGlobalFocusEvents);
-}
-function $507fabe10e71c6fb$export$b9b3dfddab17db27() {
-  return $507fabe10e71c6fb$var$currentModality !== "pointer";
-}
-function $9ab94262bd0047c7$export$420e68273165f4ec(props) {
-  let { isDisabled, onBlurWithin, onFocusWithin, onFocusWithinChange } = props;
-  let state = $bx7SL$useRef({
-    isFocusWithin: false
-  });
-  let onBlur = $bx7SL$useCallback((e) => {
-    if (state.current.isFocusWithin && !e.currentTarget.contains(e.relatedTarget)) {
-      state.current.isFocusWithin = false;
-      if (onBlurWithin)
-        onBlurWithin(e);
-      if (onFocusWithinChange)
-        onFocusWithinChange(false);
-    }
-  }, [
-    onBlurWithin,
-    onFocusWithinChange,
-    state
-  ]);
-  let onSyntheticFocus = $8a9cb279dc87e130$export$715c682d09d639cc(onBlur);
-  let onFocus = $bx7SL$useCallback((e) => {
-    if (!state.current.isFocusWithin) {
-      if (onFocusWithin)
-        onFocusWithin(e);
-      if (onFocusWithinChange)
-        onFocusWithinChange(true);
-      state.current.isFocusWithin = true;
-      onSyntheticFocus(e);
-    }
-  }, [
-    onFocusWithin,
-    onFocusWithinChange,
-    onSyntheticFocus
-  ]);
-  if (isDisabled)
-    return {
-      focusWithinProps: {
-        onFocus: null,
-        onBlur: null
-      }
-    };
-  return {
-    focusWithinProps: {
-      onFocus,
-      onBlur
-    }
-  };
-}
-var $6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents = false;
-var $6179b936705e76d3$var$hoverCount = 0;
-function $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents() {
-  $6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents = true;
-  setTimeout(() => {
-    $6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents = false;
-  }, 50);
-}
-function $6179b936705e76d3$var$handleGlobalPointerEvent(e) {
-  if (e.pointerType === "touch")
-    $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents();
-}
-function $6179b936705e76d3$var$setupGlobalTouchEvents() {
-  if (typeof document === "undefined")
-    return;
-  if (typeof PointerEvent !== "undefined")
-    document.addEventListener("pointerup", $6179b936705e76d3$var$handleGlobalPointerEvent);
-  else
-    document.addEventListener("touchend", $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents);
-  $6179b936705e76d3$var$hoverCount++;
-  return () => {
-    $6179b936705e76d3$var$hoverCount--;
-    if ($6179b936705e76d3$var$hoverCount > 0)
-      return;
-    if (typeof PointerEvent !== "undefined")
-      document.removeEventListener("pointerup", $6179b936705e76d3$var$handleGlobalPointerEvent);
-    else
-      document.removeEventListener("touchend", $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents);
-  };
-}
-function $6179b936705e76d3$export$ae780daf29e6d456(props) {
-  let { onHoverStart, onHoverChange, onHoverEnd, isDisabled } = props;
-  let [isHovered, setHovered] = $bx7SL$useState(false);
-  let state = $bx7SL$useRef({
-    isHovered: false,
-    ignoreEmulatedMouseEvents: false,
-    pointerType: "",
-    target: null
-  }).current;
-  $bx7SL$useEffect($6179b936705e76d3$var$setupGlobalTouchEvents, []);
-  let { hoverProps: hoverProps1, triggerHoverEnd: triggerHoverEnd1 } = $bx7SL$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 triggerHoverEnd = (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 hoverProps = {};
-    if (typeof PointerEvent !== "undefined") {
-      hoverProps.onPointerEnter = (e) => {
-        if ($6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents && e.pointerType === "mouse")
-          return;
-        triggerHoverStart(e, e.pointerType);
-      };
-      hoverProps.onPointerLeave = (e) => {
-        if (!isDisabled && e.currentTarget.contains(e.target))
-          triggerHoverEnd(e, e.pointerType);
-      };
-    } else {
-      hoverProps.onTouchStart = () => {
-        state.ignoreEmulatedMouseEvents = true;
-      };
-      hoverProps.onMouseEnter = (e) => {
-        if (!state.ignoreEmulatedMouseEvents && !$6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents)
-          triggerHoverStart(e, "mouse");
-        state.ignoreEmulatedMouseEvents = false;
-      };
-      hoverProps.onMouseLeave = (e) => {
-        if (!isDisabled && e.currentTarget.contains(e.target))
-          triggerHoverEnd(e, "mouse");
-      };
-    }
-    return {
-      hoverProps,
-      triggerHoverEnd
-    };
-  }, [
-    onHoverStart,
-    onHoverChange,
-    onHoverEnd,
-    isDisabled,
-    state
-  ]);
-  $bx7SL$useEffect(() => {
-    if (isDisabled)
-      triggerHoverEnd1({
-        currentTarget: state.target
-      }, state.pointerType);
-  }, [
-    isDisabled
-  ]);
-  return {
-    hoverProps: hoverProps1,
-    isHovered
-  };
-}
-var $8a26561d2877236e$var$DEFAULT_THRESHOLD = 500;
-function $8a26561d2877236e$export$c24ed0104d07eab9(props) {
-  let { isDisabled, onLongPressStart, onLongPressEnd, onLongPress, threshold = $8a26561d2877236e$var$DEFAULT_THRESHOLD, accessibilityDescription } = props;
-  const timeRef = $bx7SL$useRef(null);
-  let { addGlobalListener, removeGlobalListener } = $03deb23ff14920c4$export$4eaf04e54aa8eed6();
-  let { pressProps } = $f6c31cce2adf654f$export$45712eceda6fad21({
-    isDisabled,
-    onPressStart(e1) {
-      if (e1.pointerType === "mouse" || e1.pointerType === "touch") {
-        if (onLongPressStart)
-          onLongPressStart({
-            ...e1,
-            type: "longpressstart"
-          });
-        timeRef.current = setTimeout(() => {
-          e1.target.dispatchEvent(new PointerEvent("pointercancel", {
-            bubbles: true
-          }));
-          if (onLongPress)
-            onLongPress({
-              ...e1,
-              type: "longpress"
-            });
-          timeRef.current = null;
-        }, threshold);
-        if (e1.pointerType === "touch") {
-          let onContextMenu = (e) => {
-            e.preventDefault();
-          };
-          addGlobalListener(e1.target, "contextmenu", onContextMenu, {
-            once: true
-          });
-          addGlobalListener(window, "pointerup", () => {
-            setTimeout(() => {
-              removeGlobalListener(e1.target, "contextmenu", onContextMenu);
-            }, 30);
-          }, {
-            once: true
-          });
-        }
-      }
-    },
-    onPressEnd(e) {
-      if (timeRef.current)
-        clearTimeout(timeRef.current);
-      if (onLongPressEnd && (e.pointerType === "mouse" || e.pointerType === "touch"))
-        onLongPressEnd({
-          ...e,
-          type: "longpressend"
-        });
-    }
-  });
-  let descriptionProps = $ef06256079686ba0$export$f8aeda7b10753fa1(onLongPress && !isDisabled ? accessibilityDescription : null);
-  return {
-    longPressProps: $3ef42575df84b30b$export$9d1611c77c2fe928(pressProps, descriptionProps)
-  };
-}
-
-// ../../node_modules/@react-aria/label/dist/module.js
-function $d191a55c9702f145$export$8467354a121f1b9f(props) {
-  let { id, label, "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel, labelElementType = "label" } = props;
-  id = $bdb11010cef70236$export$f680877a34711e37(id);
-  let labelId = $bdb11010cef70236$export$f680877a34711e37();
-  let labelProps = {};
-  if (label) {
-    ariaLabelledby = ariaLabelledby ? `${ariaLabelledby} ${labelId}` : labelId;
-    labelProps = {
-      id: labelId,
-      htmlFor: labelElementType === "label" ? id : void 0
-    };
-  } else if (!ariaLabelledby && !ariaLabel)
-    console.warn("If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility");
-  let fieldProps = $313b98861ee5dd6c$export$d6875122194c7b44({
-    id,
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledby
-  });
-  return {
-    labelProps,
-    fieldProps
-  };
-}
-
-// ../../node_modules/@react-aria/selection/dist/module.js
-import { useRef as $eCAIO$useRef, useEffect as $eCAIO$useEffect, useMemo as $eCAIO$useMemo } from "react";
-import { getFocusableTreeWalker as $eCAIO$getFocusableTreeWalker, focusSafely as $eCAIO$focusSafely } from "@react-aria/focus";
-
-// ../../node_modules/@react-aria/i18n/dist/real-module.js
-import $iFADg$react, { useContext as $iFADg$useContext, useState as $iFADg$useState, useEffect as $iFADg$useEffect, useMemo as $iFADg$useMemo, useRef as $iFADg$useRef } from "react";
-import { useIsSSR as $iFADg$useIsSSR } from "@react-aria/ssr";
-var $148a7a147e38ea7f$var$RTL_SCRIPTS = /* @__PURE__ */ new Set([
-  "Arab",
-  "Syrc",
-  "Samr",
-  "Mand",
-  "Thaa",
-  "Mend",
-  "Nkoo",
-  "Adlm",
-  "Rohg",
-  "Hebr"
-]);
-var $148a7a147e38ea7f$var$RTL_LANGS = /* @__PURE__ */ new Set([
-  "ae",
-  "ar",
-  "arc",
-  "bcc",
-  "bqi",
-  "ckb",
-  "dv",
-  "fa",
-  "glk",
-  "he",
-  "ku",
-  "mzn",
-  "nqo",
-  "pnb",
-  "ps",
-  "sd",
-  "ug",
-  "ur",
-  "yi"
-]);
-function $148a7a147e38ea7f$export$702d680b21cbd764(locale) {
-  if (Intl.Locale) {
-    let script = new Intl.Locale(locale).maximize().script;
-    return $148a7a147e38ea7f$var$RTL_SCRIPTS.has(script);
-  }
-  let lang = locale.split("-")[0];
-  return $148a7a147e38ea7f$var$RTL_LANGS.has(lang);
-}
-function $1e5a04cdaf7d1af8$export$f09106e7c6677ec5() {
-  let locale = typeof navigator !== "undefined" && (navigator.language || navigator.userLanguage) || "en-US";
-  try {
-    Intl.DateTimeFormat.supportedLocalesOf([
-      locale
-    ]);
-  } catch (_err) {
-    locale = "en-US";
-  }
-  return {
-    locale,
-    direction: $148a7a147e38ea7f$export$702d680b21cbd764(locale) ? "rtl" : "ltr"
-  };
-}
-var $1e5a04cdaf7d1af8$var$currentLocale = $1e5a04cdaf7d1af8$export$f09106e7c6677ec5();
-var $1e5a04cdaf7d1af8$var$listeners = /* @__PURE__ */ new Set();
-function $1e5a04cdaf7d1af8$var$updateLocale() {
-  $1e5a04cdaf7d1af8$var$currentLocale = $1e5a04cdaf7d1af8$export$f09106e7c6677ec5();
-  for (let listener of $1e5a04cdaf7d1af8$var$listeners)
-    listener($1e5a04cdaf7d1af8$var$currentLocale);
-}
-function $1e5a04cdaf7d1af8$export$188ec29ebc2bdc3a() {
-  let isSSR = $iFADg$useIsSSR();
-  let [defaultLocale, setDefaultLocale] = $iFADg$useState($1e5a04cdaf7d1af8$var$currentLocale);
-  $iFADg$useEffect(() => {
-    if ($1e5a04cdaf7d1af8$var$listeners.size === 0)
-      window.addEventListener("languagechange", $1e5a04cdaf7d1af8$var$updateLocale);
-    $1e5a04cdaf7d1af8$var$listeners.add(setDefaultLocale);
-    return () => {
-      $1e5a04cdaf7d1af8$var$listeners.delete(setDefaultLocale);
-      if ($1e5a04cdaf7d1af8$var$listeners.size === 0)
-        window.removeEventListener("languagechange", $1e5a04cdaf7d1af8$var$updateLocale);
-    };
-  }, []);
-  if (isSSR)
-    return {
-      locale: "en-US",
-      direction: "ltr"
-    };
-  return defaultLocale;
-}
-var $18f2051aff69b9bf$var$I18nContext = /* @__PURE__ */ $iFADg$react.createContext(null);
-function $18f2051aff69b9bf$export$43bb16f9c6d9e3f7() {
-  let defaultLocale = $1e5a04cdaf7d1af8$export$188ec29ebc2bdc3a();
-  let context = $iFADg$useContext($18f2051aff69b9bf$var$I18nContext);
-  return context || defaultLocale;
-}
-var $325a3faab7a68acd$var$cache = /* @__PURE__ */ new Map();
-function $325a3faab7a68acd$export$a16aca283550c30d(options) {
-  let { locale } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
-  let cacheKey = locale + (options ? Object.entries(options).sort(
-    (a, b) => a[0] < b[0] ? -1 : 1
-  ).join() : "");
-  if ($325a3faab7a68acd$var$cache.has(cacheKey))
-    return $325a3faab7a68acd$var$cache.get(cacheKey);
-  let formatter = new Intl.Collator(locale, options);
-  $325a3faab7a68acd$var$cache.set(cacheKey, formatter);
-  return formatter;
-}
-
-// ../../node_modules/@react-aria/selection/dist/module.js
-function $feb5ffebff200149$export$d3e3bd3e26688c04(e) {
-  return $c87311424ea30a05$export$e1865c3bedcd822b() ? e.altKey : e.ctrlKey;
-}
-function $feb5ffebff200149$export$16792effe837dba3(e) {
-  if ($c87311424ea30a05$export$9ac100e40613ea10())
-    return e.metaKey;
-  return e.ctrlKey;
-}
-var $fb3050f43d946246$var$TYPEAHEAD_DEBOUNCE_WAIT_MS = 1e3;
-function $fb3050f43d946246$export$e32c88dfddc6e1d8(options) {
-  let { keyboardDelegate, selectionManager, onTypeSelect } = options;
-  let state = $eCAIO$useRef({
-    search: "",
-    timeout: null
-  }).current;
-  let onKeyDown = (e) => {
-    let character = $fb3050f43d946246$var$getStringForKey(e.key);
-    if (!character || e.ctrlKey || e.metaKey)
-      return;
-    if (character === " " && state.search.trim().length > 0) {
-      e.preventDefault();
-      if (!("continuePropagation" in e))
-        e.stopPropagation();
-    }
-    state.search += character;
-    let key = keyboardDelegate.getKeyForSearch(state.search, selectionManager.focusedKey);
-    if (key == null)
-      key = keyboardDelegate.getKeyForSearch(state.search);
-    if (key != null) {
-      selectionManager.setFocusedKey(key);
-      if (onTypeSelect)
-        onTypeSelect(key);
-    }
-    clearTimeout(state.timeout);
-    state.timeout = setTimeout(() => {
-      state.search = "";
-    }, $fb3050f43d946246$var$TYPEAHEAD_DEBOUNCE_WAIT_MS);
-  };
-  return {
-    typeSelectProps: {
-      onKeyDownCapture: keyboardDelegate.getKeyForSearch ? onKeyDown : null
-    }
-  };
-}
-function $fb3050f43d946246$var$getStringForKey(key) {
-  if (key.length === 1 || !/^[A-Z]/i.test(key))
-    return key;
-  return "";
-}
-function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
-  let { selectionManager: manager, keyboardDelegate: delegate, ref, autoFocus = false, shouldFocusWrap = false, disallowEmptySelection = false, disallowSelectAll = false, selectOnFocus = manager.selectionBehavior === "replace", disallowTypeAhead = false, shouldUseVirtualFocus, allowsTabNavigation = false, isVirtualized, scrollRef = ref } = options;
-  let { direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
-  let onKeyDown = (e) => {
-    if (e.altKey && e.key === "Tab")
-      e.preventDefault();
-    if (!ref.current.contains(e.target))
-      return;
-    const navigateToKey = (key, childFocus) => {
-      if (key != null) {
-        manager.setFocusedKey(key, childFocus);
-        if (e.shiftKey && manager.selectionMode === "multiple")
-          manager.extendSelection(key);
-        else if (selectOnFocus && !$feb5ffebff200149$export$d3e3bd3e26688c04(e))
-          manager.replaceSelection(key);
-      }
-    };
-    switch (e.key) {
-      case "ArrowDown":
-        if (delegate.getKeyBelow) {
-          var ref4, ref1;
-          e.preventDefault();
-          let nextKey = manager.focusedKey != null ? delegate.getKeyBelow(manager.focusedKey) : (ref4 = delegate.getFirstKey) === null || ref4 === void 0 ? void 0 : ref4.call(delegate);
-          if (nextKey == null && shouldFocusWrap)
-            nextKey = (ref1 = delegate.getFirstKey) === null || ref1 === void 0 ? void 0 : ref1.call(delegate, manager.focusedKey);
-          navigateToKey(nextKey);
-        }
-        break;
-      case "ArrowUp":
-        if (delegate.getKeyAbove) {
-          var ref2, ref3;
-          e.preventDefault();
-          let nextKey = manager.focusedKey != null ? delegate.getKeyAbove(manager.focusedKey) : (ref2 = delegate.getLastKey) === null || ref2 === void 0 ? void 0 : ref2.call(delegate);
-          if (nextKey == null && shouldFocusWrap)
-            nextKey = (ref3 = delegate.getLastKey) === null || ref3 === void 0 ? void 0 : ref3.call(delegate, manager.focusedKey);
-          navigateToKey(nextKey);
-        }
-        break;
-      case "ArrowLeft":
-        if (delegate.getKeyLeftOf) {
-          e.preventDefault();
-          let nextKey = delegate.getKeyLeftOf(manager.focusedKey);
-          navigateToKey(nextKey, direction === "rtl" ? "first" : "last");
-        }
-        break;
-      case "ArrowRight":
-        if (delegate.getKeyRightOf) {
-          e.preventDefault();
-          let nextKey = delegate.getKeyRightOf(manager.focusedKey);
-          navigateToKey(nextKey, direction === "rtl" ? "last" : "first");
-        }
-        break;
-      case "Home":
-        if (delegate.getFirstKey) {
-          e.preventDefault();
-          let firstKey = delegate.getFirstKey(manager.focusedKey, $feb5ffebff200149$export$16792effe837dba3(e));
-          manager.setFocusedKey(firstKey);
-          if ($feb5ffebff200149$export$16792effe837dba3(e) && e.shiftKey && manager.selectionMode === "multiple")
-            manager.extendSelection(firstKey);
-          else if (selectOnFocus)
-            manager.replaceSelection(firstKey);
-        }
-        break;
-      case "End":
-        if (delegate.getLastKey) {
-          e.preventDefault();
-          let lastKey = delegate.getLastKey(manager.focusedKey, $feb5ffebff200149$export$16792effe837dba3(e));
-          manager.setFocusedKey(lastKey);
-          if ($feb5ffebff200149$export$16792effe837dba3(e) && e.shiftKey && manager.selectionMode === "multiple")
-            manager.extendSelection(lastKey);
-          else if (selectOnFocus)
-            manager.replaceSelection(lastKey);
-        }
-        break;
-      case "PageDown":
-        if (delegate.getKeyPageBelow) {
-          e.preventDefault();
-          let nextKey = delegate.getKeyPageBelow(manager.focusedKey);
-          navigateToKey(nextKey);
-        }
-        break;
-      case "PageUp":
-        if (delegate.getKeyPageAbove) {
-          e.preventDefault();
-          let nextKey = delegate.getKeyPageAbove(manager.focusedKey);
-          navigateToKey(nextKey);
-        }
-        break;
-      case "a":
-        if ($feb5ffebff200149$export$16792effe837dba3(e) && manager.selectionMode === "multiple" && disallowSelectAll !== true) {
-          e.preventDefault();
-          manager.selectAll();
-        }
-        break;
-      case "Escape":
-        e.preventDefault();
-        if (!disallowEmptySelection)
-          manager.clearSelection();
-        break;
-      case "Tab":
-        if (!allowsTabNavigation) {
-          if (e.shiftKey)
-            ref.current.focus();
-          else {
-            let walker = $eCAIO$getFocusableTreeWalker(ref.current, {
-              tabbable: true
-            });
-            let next;
-            let last;
-            do {
-              last = walker.lastChild();
-              if (last)
-                next = last;
-            } while (last);
-            if (next && !next.contains(document.activeElement))
-              $7215afc6de606d6b$export$de79e2c695e052f3(next);
-          }
-          break;
-        }
-    }
-  };
-  let scrollPos = $eCAIO$useRef({
-    top: 0,
-    left: 0
-  });
-  $e9faafb641e167db$export$90fc3a17d93f704c(scrollRef, "scroll", isVirtualized ? null : () => {
-    scrollPos.current = {
-      top: scrollRef.current.scrollTop,
-      left: scrollRef.current.scrollLeft
-    };
-  });
-  let onFocus = (e) => {
-    if (manager.isFocused) {
-      if (!e.currentTarget.contains(e.target))
-        manager.setFocused(false);
-      return;
-    }
-    if (!e.currentTarget.contains(e.target))
-      return;
-    manager.setFocused(true);
-    if (manager.focusedKey == null) {
-      let navigateToFirstKey = (key) => {
-        if (key != null) {
-          manager.setFocusedKey(key);
-          if (selectOnFocus)
-            manager.replaceSelection(key);
-        }
-      };
-      let relatedTarget = e.relatedTarget;
-      var _lastSelectedKey, _firstSelectedKey;
-      if (relatedTarget && e.currentTarget.compareDocumentPosition(relatedTarget) & Node.DOCUMENT_POSITION_FOLLOWING)
-        navigateToFirstKey((_lastSelectedKey = manager.lastSelectedKey) !== null && _lastSelectedKey !== void 0 ? _lastSelectedKey : delegate.getLastKey());
-      else
-        navigateToFirstKey((_firstSelectedKey = manager.firstSelectedKey) !== null && _firstSelectedKey !== void 0 ? _firstSelectedKey : delegate.getFirstKey());
-    } else if (!isVirtualized) {
-      scrollRef.current.scrollTop = scrollPos.current.top;
-      scrollRef.current.scrollLeft = scrollPos.current.left;
-      let element = scrollRef.current.querySelector(`[data-key="${manager.focusedKey}"]`);
-      if (element) {
-        $7215afc6de606d6b$export$de79e2c695e052f3(element);
-        $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollRef.current, element);
-      }
-    }
-  };
-  let onBlur = (e) => {
-    if (!e.currentTarget.contains(e.relatedTarget))
-      manager.setFocused(false);
-  };
-  const autoFocusRef = $eCAIO$useRef(autoFocus);
-  $eCAIO$useEffect(() => {
-    if (autoFocusRef.current) {
-      let focusedKey = null;
-      if (autoFocus === "first")
-        focusedKey = delegate.getFirstKey();
-      if (autoFocus === "last")
-        focusedKey = delegate.getLastKey();
-      let selectedKeys = manager.selectedKeys;
-      if (selectedKeys.size)
-        focusedKey = selectedKeys.values().next().value;
-      manager.setFocused(true);
-      manager.setFocusedKey(focusedKey);
-      if (focusedKey == null && !shouldUseVirtualFocus)
-        $eCAIO$focusSafely(ref.current);
-    }
-    autoFocusRef.current = false;
-  }, []);
-  $eCAIO$useEffect(() => {
-    if (!isVirtualized && manager.focusedKey && (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current)) {
-      let element = scrollRef.current.querySelector(`[data-key="${manager.focusedKey}"]`);
-      if (element)
-        $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollRef.current, element);
-    }
-  }, [
-    isVirtualized,
-    scrollRef,
-    manager.focusedKey
-  ]);
-  let handlers = {
-    onKeyDown,
-    onFocus,
-    onBlur,
-    onMouseDown(e) {
-      if (scrollRef.current === e.target)
-        e.preventDefault();
-    }
-  };
-  let { typeSelectProps } = $fb3050f43d946246$export$e32c88dfddc6e1d8({
-    keyboardDelegate: delegate,
-    selectionManager: manager
-  });
-  if (!disallowTypeAhead)
-    handlers = $3ef42575df84b30b$export$9d1611c77c2fe928(typeSelectProps, handlers);
-  let tabIndex;
-  if (!shouldUseVirtualFocus)
-    tabIndex = manager.focusedKey == null ? 0 : -1;
-  return {
-    collectionProps: {
-      ...handlers,
-      tabIndex
-    }
-  };
-}
-function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
-  let { selectionManager: manager, key, ref, shouldSelectOnPressUp, isVirtualized, shouldUseVirtualFocus, focus, isDisabled, onAction, allowsDifferentPressOrigin } = options;
-  let onSelect = (e) => {
-    if (e.pointerType === "keyboard" && $feb5ffebff200149$export$d3e3bd3e26688c04(e))
-      manager.toggleSelection(key);
-    else {
-      if (manager.selectionMode === "none")
-        return;
-      if (manager.selectionMode === "single") {
-        if (manager.isSelected(key) && !manager.disallowEmptySelection)
-          manager.toggleSelection(key);
-        else
-          manager.replaceSelection(key);
-      } else if (e && e.shiftKey)
-        manager.extendSelection(key);
-      else if (manager.selectionBehavior === "toggle" || e && ($feb5ffebff200149$export$16792effe837dba3(e) || e.pointerType === "touch" || e.pointerType === "virtual"))
-        manager.toggleSelection(key);
-      else
-        manager.replaceSelection(key);
-    }
-  };
-  $eCAIO$useEffect(() => {
-    let isFocused = key === manager.focusedKey;
-    if (isFocused && manager.isFocused && !shouldUseVirtualFocus && document.activeElement !== ref.current) {
-      if (focus)
-        focus();
-      else
-        $eCAIO$focusSafely(ref.current);
-    }
-  }, [
-    ref,
-    key,
-    manager.focusedKey,
-    manager.childFocusStrategy,
-    manager.isFocused,
-    shouldUseVirtualFocus
-  ]);
-  isDisabled = isDisabled || manager.isDisabled(key);
-  let itemProps = {};
-  if (!shouldUseVirtualFocus && !isDisabled)
-    itemProps = {
-      tabIndex: key === manager.focusedKey ? 0 : -1,
-      onFocus(e) {
-        if (e.target === ref.current)
-          manager.setFocusedKey(key);
-      }
-    };
-  else if (isDisabled)
-    itemProps.onMouseDown = (e) => {
-      e.preventDefault();
-    };
-  let allowsSelection = !isDisabled && manager.canSelectItem(key);
-  let allowsActions = onAction && !isDisabled;
-  let hasPrimaryAction = allowsActions && (manager.selectionBehavior === "replace" ? !allowsSelection : manager.isEmpty);
-  let hasSecondaryAction = allowsActions && allowsSelection && manager.selectionBehavior === "replace";
-  let hasAction = hasPrimaryAction || hasSecondaryAction;
-  let modality = $eCAIO$useRef(null);
-  let longPressEnabled = hasAction && allowsSelection;
-  let longPressEnabledOnPressStart = $eCAIO$useRef(false);
-  let hadPrimaryActionOnPressStart = $eCAIO$useRef(false);
-  let itemPressProps = {};
-  if (shouldSelectOnPressUp) {
-    itemPressProps.onPressStart = (e) => {
-      modality.current = e.pointerType;
-      longPressEnabledOnPressStart.current = longPressEnabled;
-      if (e.pointerType === "keyboard" && (!hasAction || $880e95eb8b93ba9a$var$isSelectionKey()))
-        onSelect(e);
-    };
-    if (!allowsDifferentPressOrigin)
-      itemPressProps.onPress = (e) => {
-        if (hasPrimaryAction || hasSecondaryAction && e.pointerType !== "mouse") {
-          if (e.pointerType === "keyboard" && !$880e95eb8b93ba9a$var$isActionKey())
-            return;
-          onAction();
-        } else if (e.pointerType !== "keyboard")
-          onSelect(e);
-      };
-    else {
-      itemPressProps.onPressUp = (e) => {
-        if (e.pointerType !== "keyboard")
-          onSelect(e);
-      };
-      itemPressProps.onPress = hasPrimaryAction ? () => onAction() : null;
-    }
-  } else {
-    itemPressProps.onPressStart = (e) => {
-      modality.current = e.pointerType;
-      longPressEnabledOnPressStart.current = longPressEnabled;
-      hadPrimaryActionOnPressStart.current = hasPrimaryAction;
-      if (e.pointerType === "mouse" && !hasPrimaryAction || e.pointerType === "keyboard" && (!onAction || $880e95eb8b93ba9a$var$isSelectionKey()))
-        onSelect(e);
-    };
-    itemPressProps.onPress = (e) => {
-      if (e.pointerType === "touch" || e.pointerType === "pen" || e.pointerType === "virtual" || e.pointerType === "keyboard" && hasAction && $880e95eb8b93ba9a$var$isActionKey() || e.pointerType === "mouse" && hadPrimaryActionOnPressStart.current) {
-        if (hasAction)
-          onAction();
-        else
-          onSelect(e);
-      }
-    };
-  }
-  if (!isVirtualized)
-    itemProps["data-key"] = key;
-  itemPressProps.preventFocusOnPress = shouldUseVirtualFocus;
-  let { pressProps, isPressed } = $f6c31cce2adf654f$export$45712eceda6fad21(itemPressProps);
-  let onDoubleClick = hasSecondaryAction ? (e) => {
-    if (modality.current === "mouse") {
-      e.stopPropagation();
-      e.preventDefault();
-      onAction();
-    }
-  } : void 0;
-  let { longPressProps } = $8a26561d2877236e$export$c24ed0104d07eab9({
-    isDisabled: !longPressEnabled,
-    onLongPress(e) {
-      if (e.pointerType === "touch") {
-        onSelect(e);
-        manager.setSelectionBehavior("toggle");
-      }
-    }
-  });
-  let onDragStartCapture = (e) => {
-    if (modality.current === "touch" && longPressEnabledOnPressStart.current)
-      e.preventDefault();
-  };
-  return {
-    itemProps: $3ef42575df84b30b$export$9d1611c77c2fe928(itemProps, allowsSelection || hasPrimaryAction ? pressProps : {}, longPressEnabled ? longPressProps : {}, {
-      onDoubleClick,
-      onDragStartCapture
-    }),
-    isPressed,
-    isSelected: manager.isSelected(key),
-    isDisabled,
-    allowsSelection,
-    hasAction
-  };
-}
-function $880e95eb8b93ba9a$var$isActionKey() {
-  let event = window.event;
-  return (event === null || event === void 0 ? void 0 : event.key) === "Enter";
-}
-function $880e95eb8b93ba9a$var$isSelectionKey() {
-  let event = window.event;
-  return (event === null || event === void 0 ? void 0 : event.key) === " " || (event === null || event === void 0 ? void 0 : event.code) === "Space";
-}
-var $2a25aae57d74318e$export$a05409b8bb224a5a = class {
-  getKeyBelow(key) {
-    key = this.collection.getKeyAfter(key);
-    while (key != null) {
-      let item = this.collection.getItem(key);
-      if (item.type === "item" && !this.disabledKeys.has(key))
-        return key;
-      key = this.collection.getKeyAfter(key);
-    }
-  }
-  getKeyAbove(key) {
-    key = this.collection.getKeyBefore(key);
-    while (key != null) {
-      let item = this.collection.getItem(key);
-      if (item.type === "item" && !this.disabledKeys.has(key))
-        return key;
-      key = this.collection.getKeyBefore(key);
-    }
-  }
-  getFirstKey() {
-    let key = this.collection.getFirstKey();
-    while (key != null) {
-      let item = this.collection.getItem(key);
-      if (item.type === "item" && !this.disabledKeys.has(key))
-        return key;
-      key = this.collection.getKeyAfter(key);
-    }
-  }
-  getLastKey() {
-    let key = this.collection.getLastKey();
-    while (key != null) {
-      let item = this.collection.getItem(key);
-      if (item.type === "item" && !this.disabledKeys.has(key))
-        return key;
-      key = this.collection.getKeyBefore(key);
-    }
-  }
-  getItem(key) {
-    return this.ref.current.querySelector(`[data-key="${key}"]`);
-  }
-  getKeyPageAbove(key) {
-    let menu = this.ref.current;
-    let item = this.getItem(key);
-    if (!item)
-      return null;
-    let pageY = Math.max(0, item.offsetTop + item.offsetHeight - menu.offsetHeight);
-    while (item && item.offsetTop > pageY) {
-      key = this.getKeyAbove(key);
-      item = this.getItem(key);
-    }
-    return key;
-  }
-  getKeyPageBelow(key) {
-    let menu = this.ref.current;
-    let item = this.getItem(key);
-    if (!item)
-      return null;
-    let pageY = Math.min(menu.scrollHeight, item.offsetTop - item.offsetHeight + menu.offsetHeight);
-    while (item && item.offsetTop < pageY) {
-      key = this.getKeyBelow(key);
-      item = this.getItem(key);
-    }
-    return key;
-  }
-  getKeyForSearch(search, fromKey) {
-    if (!this.collator)
-      return null;
-    let collection = this.collection;
-    let key = fromKey || this.getFirstKey();
-    while (key != null) {
-      let item = collection.getItem(key);
-      let substring = item.textValue.slice(0, search.length);
-      if (item.textValue && this.collator.compare(substring, search) === 0)
-        return key;
-      key = this.getKeyBelow(key);
-    }
-    return null;
-  }
-  constructor(collection, disabledKeys, ref, collator) {
-    this.collection = collection;
-    this.disabledKeys = disabledKeys;
-    this.ref = ref;
-    this.collator = collator;
-  }
-};
-function $982254629710d113$export$b95089534ab7c1fd(props) {
-  let { selectionManager, collection, disabledKeys, ref, keyboardDelegate, autoFocus, shouldFocusWrap, isVirtualized, disallowEmptySelection, selectOnFocus = selectionManager.selectionBehavior === "replace", disallowTypeAhead, shouldUseVirtualFocus, allowsTabNavigation } = props;
-  let collator = $325a3faab7a68acd$export$a16aca283550c30d({
-    usage: "search",
-    sensitivity: "base"
-  });
-  let disabledBehavior = selectionManager.disabledBehavior;
-  let delegate = $eCAIO$useMemo(
-    () => keyboardDelegate || new $2a25aae57d74318e$export$a05409b8bb224a5a(collection, disabledBehavior === "selection" ? /* @__PURE__ */ new Set() : disabledKeys, ref, collator),
-    [
-      keyboardDelegate,
-      collection,
-      disabledKeys,
-      ref,
-      collator,
-      disabledBehavior
-    ]
-  );
-  let { collectionProps } = $ae20dd8cbca75726$export$d6daf82dcd84e87c({
-    ref,
-    selectionManager,
-    keyboardDelegate: delegate,
-    autoFocus,
-    shouldFocusWrap,
-    disallowEmptySelection,
-    selectOnFocus,
-    disallowTypeAhead,
-    shouldUseVirtualFocus,
-    allowsTabNavigation,
-    isVirtualized,
-    scrollRef: ref
-  });
-  return {
-    listProps: collectionProps
-  };
-}
-
-// ../../node_modules/@react-stately/collections/dist/module.js
-import $tyW6A$react, { useMemo as $tyW6A$useMemo, useRef as $tyW6A$useRef } from "react";
-function $c1d7fb2ec91bae71$var$Item(props) {
-  return null;
-}
-$c1d7fb2ec91bae71$var$Item.getCollectionNode = function* getCollectionNode(props, context) {
-  let { childItems, title, children } = props;
-  let rendered = props.title || props.children;
-  let textValue = props.textValue || (typeof rendered === "string" ? rendered : "") || props["aria-label"] || "";
-  if (!textValue && !(context === null || context === void 0 ? void 0 : context.suppressTextValueWarning))
-    console.warn("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.");
-  yield {
-    type: "item",
-    props,
-    rendered,
-    textValue,
-    "aria-label": props["aria-label"],
-    hasChildNodes: $c1d7fb2ec91bae71$var$hasChildItems(props),
-    *childNodes() {
-      if (childItems)
-        for (let child1 of childItems)
-          yield {
-            type: "item",
-            value: child1
-          };
-      else if (title) {
-        let items = [];
-        $tyW6A$react.Children.forEach(children, (child) => {
-          items.push({
-            type: "item",
-            element: child
-          });
-        });
-        yield* items;
-      }
-    }
-  };
-};
-function $c1d7fb2ec91bae71$var$hasChildItems(props) {
-  if (props.hasChildItems != null)
-    return props.hasChildItems;
-  if (props.childItems)
-    return true;
-  if (props.title && $tyW6A$react.Children.count(props.children) > 0)
-    return true;
-  return false;
-}
-function $9fc4852771d079eb$var$Section(props) {
-  return null;
-}
-$9fc4852771d079eb$var$Section.getCollectionNode = function* getCollectionNode2(props) {
-  let { children, title, items: items1 } = props;
-  yield {
-    type: "section",
-    props,
-    hasChildNodes: true,
-    rendered: title,
-    "aria-label": props["aria-label"],
-    *childNodes() {
-      if (typeof children === "function") {
-        if (!items1)
-          throw new Error("props.children was a function but props.items is missing");
-        for (let item of items1)
-          yield {
-            type: "item",
-            value: item,
-            renderer: children
-          };
-      } else {
-        let items = [];
-        $tyW6A$react.Children.forEach(children, (child) => {
-          items.push({
-            type: "item",
-            element: child
-          });
-        });
-        yield* items;
-      }
-    }
-  };
-};
-var $453cc9f0df89c0a5$var$cache = /* @__PURE__ */ new WeakMap();
-function $453cc9f0df89c0a5$export$77d5aafae4e095b2(collection) {
-  let count = $453cc9f0df89c0a5$var$cache.get(collection);
-  if (count != null)
-    return count;
-  count = 0;
-  for (let item of collection)
-    if (item.type === "section")
-      count += $453cc9f0df89c0a5$export$77d5aafae4e095b2(item.childNodes);
-    else
-      count++;
-  $453cc9f0df89c0a5$var$cache.set(collection, count);
-  return count;
-}
-
-// ../../node_modules/@react-aria/listbox/dist/module.js
-var $b1f0cad8af73213b$export$3585ede4d035bf14 = /* @__PURE__ */ new WeakMap();
-function $b1f0cad8af73213b$var$normalizeKey(key) {
-  if (typeof key === "string")
-    return key.replace(/\s*/g, "");
-  return "" + key;
-}
-function $b1f0cad8af73213b$export$9145995848b05025(state, itemKey) {
-  let data = $b1f0cad8af73213b$export$3585ede4d035bf14.get(state);
-  if (!data)
-    throw new Error("Unknown list");
-  return `${data.id}-option-${$b1f0cad8af73213b$var$normalizeKey(itemKey)}`;
-}
-function $c132121280ec012d$export$50eacbbf140a3141(props, state, ref) {
-  let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
-    labelable: true
-  });
-  let { listProps } = $982254629710d113$export$b95089534ab7c1fd({
-    ...props,
-    ref,
-    selectionManager: state.selectionManager,
-    collection: state.collection,
-    disabledKeys: state.disabledKeys
-  });
-  let { focusWithinProps } = $9ab94262bd0047c7$export$420e68273165f4ec({
-    onFocusWithin: props.onFocus,
-    onBlurWithin: props.onBlur,
-    onFocusWithinChange: props.onFocusChange
-  });
-  let id = $bdb11010cef70236$export$f680877a34711e37(props.id);
-  $b1f0cad8af73213b$export$3585ede4d035bf14.set(state, {
-    id,
-    shouldUseVirtualFocus: props.shouldUseVirtualFocus,
-    shouldSelectOnPressUp: props.shouldSelectOnPressUp,
-    shouldFocusOnHover: props.shouldFocusOnHover,
-    isVirtualized: props.isVirtualized,
-    onAction: props.onAction
-  });
-  let { labelProps, fieldProps } = $d191a55c9702f145$export$8467354a121f1b9f({
-    ...props,
-    id,
-    labelElementType: "span"
-  });
-  return {
-    labelProps,
-    listBoxProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, focusWithinProps, state.selectionManager.selectionMode === "multiple" ? {
-      "aria-multiselectable": "true"
-    } : {}, {
-      role: "listbox",
-      ...$3ef42575df84b30b$export$9d1611c77c2fe928(fieldProps, listProps)
-    })
-  };
-}
-function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
-  let { key } = props;
-  let data = $b1f0cad8af73213b$export$3585ede4d035bf14.get(state);
-  var _isDisabled;
-  let isDisabled = (_isDisabled = props.isDisabled) !== null && _isDisabled !== void 0 ? _isDisabled : state.disabledKeys.has(key);
-  var _isSelected;
-  let isSelected = (_isSelected = props.isSelected) !== null && _isSelected !== void 0 ? _isSelected : state.selectionManager.isSelected(key);
-  let isFocused = state.selectionManager.focusedKey === key;
-  var _shouldSelectOnPressUp;
-  let shouldSelectOnPressUp = (_shouldSelectOnPressUp = props.shouldSelectOnPressUp) !== null && _shouldSelectOnPressUp !== void 0 ? _shouldSelectOnPressUp : data.shouldSelectOnPressUp;
-  var _shouldFocusOnHover;
-  let shouldFocusOnHover = (_shouldFocusOnHover = props.shouldFocusOnHover) !== null && _shouldFocusOnHover !== void 0 ? _shouldFocusOnHover : data.shouldFocusOnHover;
-  var _shouldUseVirtualFocus;
-  let shouldUseVirtualFocus = (_shouldUseVirtualFocus = props.shouldUseVirtualFocus) !== null && _shouldUseVirtualFocus !== void 0 ? _shouldUseVirtualFocus : data.shouldUseVirtualFocus;
-  var _isVirtualized;
-  let isVirtualized = (_isVirtualized = props.isVirtualized) !== null && _isVirtualized !== void 0 ? _isVirtualized : data.isVirtualized;
-  let labelId = $bdb11010cef70236$export$b4cc09c592e8fdb8();
-  let descriptionId = $bdb11010cef70236$export$b4cc09c592e8fdb8();
-  let optionProps = {
-    role: "option",
-    "aria-disabled": isDisabled,
-    "aria-selected": state.selectionManager.selectionMode !== "none" ? isSelected : void 0
-  };
-  if (!($c87311424ea30a05$export$9ac100e40613ea10() && $c87311424ea30a05$export$78551043582a6a98())) {
-    optionProps["aria-label"] = props["aria-label"];
-    optionProps["aria-labelledby"] = labelId;
-    optionProps["aria-describedby"] = descriptionId;
-  }
-  if (isVirtualized) {
-    optionProps["aria-posinset"] = state.collection.getItem(key).index + 1;
-    optionProps["aria-setsize"] = $453cc9f0df89c0a5$export$77d5aafae4e095b2(state.collection);
-  }
-  let { itemProps, isPressed, hasAction, allowsSelection } = $880e95eb8b93ba9a$export$ecf600387e221c37({
-    selectionManager: state.selectionManager,
-    key,
-    ref,
-    shouldSelectOnPressUp,
-    allowsDifferentPressOrigin: shouldSelectOnPressUp && shouldFocusOnHover,
-    isVirtualized,
-    shouldUseVirtualFocus,
-    isDisabled,
-    onAction: data.onAction ? () => data.onAction(key) : void 0
-  });
-  let { hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456({
-    isDisabled: isDisabled || !shouldFocusOnHover,
-    onHoverStart() {
-      if (!$507fabe10e71c6fb$export$b9b3dfddab17db27()) {
-        state.selectionManager.setFocused(true);
-        state.selectionManager.setFocusedKey(key);
-      }
-    }
-  });
-  return {
-    optionProps: {
-      ...optionProps,
-      ...$3ef42575df84b30b$export$9d1611c77c2fe928(itemProps, hoverProps),
-      id: $b1f0cad8af73213b$export$9145995848b05025(state, key)
-    },
-    labelProps: {
-      id: labelId
-    },
-    descriptionProps: {
-      id: descriptionId
-    },
-    isFocused,
-    isSelected,
-    isDisabled,
-    isPressed,
-    allowsSelection,
-    hasAction
-  };
-}
-
-// src/components/DropdownSelector/Listbox.tsx
+import { useListBox, useOption } from "@react-aria/listbox";
+import { mergeProps } from "@react-aria/utils";
 import { useFocusRing } from "@react-aria/focus";
-import { px as px4 } from "@charcoal-ui/utils";
+import { px as px3 } from "@charcoal-ui/utils";
 var Listbox = ({
   state,
   mode = "default",
   ...props
 }) => {
   const ref = useRef5(null);
-  const { listBoxProps } = $c132121280ec012d$export$50eacbbf140a3141(props, state, ref);
+  const { listBoxProps } = useListBox(props, state, ref);
   const collection = useMemo2(
     () => [...state.collection].map((node, index, self) => ({
       node,
@@ -3813,7 +1489,7 @@ var Listbox = ({
     })),
     [state.collection]
   );
-  return /* @__PURE__ */ React14.createElement(ListboxRoot, { ref, ...listBoxProps }, collection.map(({ node, last }) => /* @__PURE__ */ React14.createElement(Fragment, { key: node.key }, /* @__PURE__ */ React14.createElement(Option, { item: node, state, mode }), !last && mode === "separator" && /* @__PURE__ */ React14.createElement(Divider, null))));
+  return /* @__PURE__ */ React15.createElement(ListboxRoot, { ref, ...listBoxProps }, collection.map(({ node, last }) => /* @__PURE__ */ React15.createElement(Fragment, { key: node.key }, /* @__PURE__ */ React15.createElement(Option, { item: node, state, mode }), !last && mode === "separator" && /* @__PURE__ */ React15.createElement(Divider, null))));
 };
 var Listbox_default = memo(Listbox);
 var ListboxRoot = styled13.ul`
@@ -3843,14 +1519,14 @@ var Divider = styled13.div.attrs({ role: "separator" })`
 `;
 var Option = ({ item, state, mode }) => {
   const ref = useRef5(null);
-  const { optionProps, isSelected } = $293f70390ea03370$export$497855f14858aa34(item, state, ref);
+  const { optionProps, isSelected } = useOption(item, state, ref);
   const { focusProps } = useFocusRing();
-  return /* @__PURE__ */ React14.createElement(OptionRoot, { ...$3ef42575df84b30b$export$9d1611c77c2fe928(optionProps, focusProps), ref, mode }, /* @__PURE__ */ React14.createElement(OptionCheckIcon, { name: "16/Check", isSelected }), /* @__PURE__ */ React14.createElement(OptionText, null, item.rendered));
+  return /* @__PURE__ */ React15.createElement(OptionRoot, { ...mergeProps(optionProps, focusProps), ref, mode }, /* @__PURE__ */ React15.createElement(OptionCheckIcon, { name: "16/Check", isSelected }), /* @__PURE__ */ React15.createElement(OptionText, null, item.rendered));
 };
 var OptionRoot = styled13.li`
   display: flex;
   align-items: center;
-  gap: ${({ theme: theme4 }) => px4(theme4.spacing[4])};
+  gap: ${({ theme: theme4 }) => px3(theme4.spacing[4])};
   height: 40px;
   cursor: pointer;
   outline: none;
@@ -3880,11 +1556,12 @@ var OptionText = styled13.span`
 // src/components/DropdownSelector/Popover.tsx
 import { FocusScope as FocusScope2 } from "@react-aria/focus";
 import { DismissButton, useOverlay as useOverlay2 } from "@react-aria/overlays";
-import React15, {
+import React16, {
   useRef as useRef6,
   useMemo as useMemo3,
   memo as memo2
 } from "react";
+import { mergeProps as mergeProps2 } from "@react-aria/utils";
 var Popover = ({ open, onClose, children, ...props }) => {
   const ref = useRef6(null);
   const { overlayProps } = useOverlay2(
@@ -3899,7 +1576,7 @@ var Popover = ({ open, onClose, children, ...props }) => {
     ),
     ref
   );
-  return /* @__PURE__ */ React15.createElement(FocusScope2, { restoreFocus: true }, /* @__PURE__ */ React15.createElement("div", { ...$3ef42575df84b30b$export$9d1611c77c2fe928(overlayProps, props), ref }, children, /* @__PURE__ */ React15.createElement(DismissButton, { onDismiss: onClose })));
+  return /* @__PURE__ */ React16.createElement(FocusScope2, { restoreFocus: true }, /* @__PURE__ */ React16.createElement("div", { ...mergeProps2(overlayProps, props), ref }, children, /* @__PURE__ */ React16.createElement(DismissButton, { onDismiss: onClose })));
 };
 var Popover_default = memo2(Popover);
 
@@ -3947,7 +1624,7 @@ var DropdownSelector = ({
   } = useSelect(selectProps, state, triggerRef);
   const { buttonProps } = useButton(triggerProps, triggerRef);
   const hasAssertiveText = assertiveText !== void 0 && assertiveText.length > 0;
-  return /* @__PURE__ */ React16.createElement(DropdownSelectorRoot, { "aria-disabled": disabled, className }, /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React17.createElement(DropdownSelectorRoot, { "aria-disabled": disabled, className }, /* @__PURE__ */ React17.createElement(
     DropdownFieldLabel,
     {
       label,
@@ -3957,7 +1634,7 @@ var DropdownSelector = ({
       ...labelProps,
       ...!showLabel ? visuallyHiddenProps : {}
     }
-  ), /* @__PURE__ */ React16.createElement(
+  ), /* @__PURE__ */ React17.createElement(
     HiddenSelect,
     {
       state,
@@ -3967,7 +1644,7 @@ var DropdownSelector = ({
       isDisabled: disabled,
       autoComplete
     }
-  ), /* @__PURE__ */ React16.createElement(DropdownButtonWrapper, null, /* @__PURE__ */ React16.createElement(DropdownButton, { ...buttonProps, ref: triggerRef, invalid }, /* @__PURE__ */ React16.createElement(DropdownButtonText, { ...valueProps }, state.selectedItem ? state.selectedItem.rendered : props.placeholder), /* @__PURE__ */ React16.createElement(DropdownButtonIcon, { name: "16/Menu" })), state.isOpen && /* @__PURE__ */ React16.createElement(DropdownPopover, { open: state.isOpen, onClose: () => state.close() }, /* @__PURE__ */ React16.createElement(Listbox_default, { ...menuProps, state, mode }))), hasAssertiveText && /* @__PURE__ */ React16.createElement(
+  ), /* @__PURE__ */ React17.createElement(DropdownButtonWrapper, null, /* @__PURE__ */ React17.createElement(DropdownButton, { ...buttonProps, ref: triggerRef, invalid }, /* @__PURE__ */ React17.createElement(DropdownButtonText, { ...valueProps }, state.selectedItem ? state.selectedItem.rendered : props.placeholder), /* @__PURE__ */ React17.createElement(DropdownButtonIcon, { name: "16/Menu" })), state.isOpen && /* @__PURE__ */ React17.createElement(DropdownPopover, { open: state.isOpen, onClose: () => state.close() }, /* @__PURE__ */ React17.createElement(Listbox_default, { ...menuProps, state, mode }))), hasAssertiveText && /* @__PURE__ */ React17.createElement(
     AssertiveText,
     {
       invalid,
@@ -4042,7 +1719,7 @@ var DropdownPopover = styled14(Popover_default)`
 `;
 
 // src/components/SegmentedControl/index.tsx
-import React18, { forwardRef, memo as memo3, useMemo as useMemo5, useRef as useRef8 } from "react";
+import React19, { forwardRef, memo as memo3, useMemo as useMemo5, useRef as useRef8 } from "react";
 import { useRadioGroupState } from "react-stately";
 import {
   useRadio,
@@ -4052,13 +1729,13 @@ import styled15 from "styled-components";
 import { disabledSelector as disabledSelector5 } from "@charcoal-ui/utils";
 
 // src/components/SegmentedControl/RadioGroupContext.tsx
-import React17, { createContext as createContext2, useContext as useContext5 } from "react";
+import React18, { createContext as createContext2, useContext as useContext5 } from "react";
 var RadioContext = createContext2(null);
 var RadioProvider = ({
   value,
   children
 }) => {
-  return /* @__PURE__ */ React17.createElement(RadioContext.Provider, { value }, children);
+  return /* @__PURE__ */ React18.createElement(RadioContext.Provider, { value }, children);
 };
 var useRadioContext = () => {
   const state = useContext5(RadioContext);
@@ -4086,7 +1763,7 @@ var SegmentedControl = forwardRef(
         (d) => typeof d === "string" ? { value: d, label: d } : d
       );
     }, [props.data]);
-    return /* @__PURE__ */ React18.createElement(SegmentedControlRoot, { ref, ...radioGroupProps }, /* @__PURE__ */ React18.createElement(RadioProvider, { value: state }, segmentedControlItems.map((item) => /* @__PURE__ */ React18.createElement(
+    return /* @__PURE__ */ React19.createElement(SegmentedControlRoot, { ref, ...radioGroupProps }, /* @__PURE__ */ React19.createElement(RadioProvider, { value: state }, segmentedControlItems.map((item) => /* @__PURE__ */ React19.createElement(
       Segmented,
       {
         key: item.value,
@@ -4110,14 +1787,14 @@ var Segmented = ({ children, ...props }) => {
     state,
     ref
   );
-  return /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React19.createElement(
     SegmentedRoot,
     {
       "aria-disabled": isDisabled || state.isReadOnly,
       checked: isSelected
     },
-    /* @__PURE__ */ React18.createElement(SegmentedInput, { ...inputProps, ref }),
-    /* @__PURE__ */ React18.createElement(RadioLabel2, null, /* @__PURE__ */ React18.createElement(SegmentedLabelInner, null, children))
+    /* @__PURE__ */ React19.createElement(SegmentedInput, { ...inputProps, ref }),
+    /* @__PURE__ */ React19.createElement(RadioLabel2, null, /* @__PURE__ */ React19.createElement(SegmentedLabelInner, null, children))
   );
 };
 var SegmentedControlRoot = styled15.div`
@@ -4170,11 +1847,12 @@ var SegmentedLabelInner = styled15.div`
 `;
 
 // src/components/Checkbox/index.tsx
-import React19, { forwardRef as forwardRef2, memo as memo4, useMemo as useMemo6 } from "react";
+import React20, { forwardRef as forwardRef2, memo as memo4, useMemo as useMemo6 } from "react";
 import styled16, { css as css6 } from "styled-components";
 import { useCheckbox } from "@react-aria/checkbox";
+import { useObjectRef } from "@react-aria/utils";
 import { useToggleState as useToggleState2 } from "react-stately";
-import { disabledSelector as disabledSelector6, px as px5 } from "@charcoal-ui/utils";
+import { disabledSelector as disabledSelector6, px as px4 } from "@charcoal-ui/utils";
 var Checkbox = forwardRef2(
   function CheckboxInner(props, ref) {
     const ariaCheckboxProps = useMemo6(
@@ -4188,10 +1866,10 @@ var Checkbox = forwardRef2(
       [props]
     );
     const state = useToggleState2(ariaCheckboxProps);
-    const objectRef = $df56164dff5785e2$export$4338b53315abf666(ref);
+    const objectRef = useObjectRef(ref);
     const { inputProps } = useCheckbox(ariaCheckboxProps, state, objectRef);
     const isDisabled = (props.disabled ?? false) || (props.readonly ?? false);
-    return /* @__PURE__ */ React19.createElement(InputRoot, { "aria-disabled": isDisabled }, /* @__PURE__ */ React19.createElement(CheckboxInput, { type: "checkbox", ...inputProps }), /* @__PURE__ */ React19.createElement(CheckboxInputOverlay, { "aria-hidden": true, checked: inputProps.checked }, /* @__PURE__ */ React19.createElement(Icon_default, { name: "24/Check", unsafeNonGuidelineScale: 2 / 3 })), "children" in props && /* @__PURE__ */ React19.createElement(InputLabel, null, props.children));
+    return /* @__PURE__ */ React20.createElement(InputRoot, { "aria-disabled": isDisabled }, /* @__PURE__ */ React20.createElement(CheckboxRoot, null, /* @__PURE__ */ React20.createElement(CheckboxInput, { type: "checkbox", ...inputProps }), /* @__PURE__ */ React20.createElement(CheckboxInputOverlay, { "aria-hidden": true, checked: inputProps.checked }, /* @__PURE__ */ React20.createElement(Icon_default, { name: "24/Check", unsafeNonGuidelineScale: 2 / 3 }))), "children" in props && /* @__PURE__ */ React20.createElement(InputLabel, null, props.children));
   }
 );
 var Checkbox_default = memo4(Checkbox);
@@ -4201,15 +1879,18 @@ var hiddenCss = css6`
 var InputRoot = styled16.label`
   position: relative;
   display: flex;
-  align-items: center;
+
   cursor: pointer;
   ${disabledSelector6} {
     cursor: default;
   }
 
-  gap: ${({ theme: theme4 }) => px5(theme4.spacing[4])};
+  gap: ${({ theme: theme4 }) => px4(theme4.spacing[4])};
   ${theme((o) => [o.disabled])}
 `;
+var CheckboxRoot = styled16.div`
+  position: relative;
+`;
 var CheckboxInput = styled16.input`
   &[type='checkbox'] {
     appearance: none;
@@ -4244,17 +1925,22 @@ var CheckboxInputOverlay = styled16.div`
   ${({ checked }) => checked !== true && hiddenCss};
 `;
 var InputLabel = styled16.div`
-  ${theme((o) => [o.typography(14), o.font.text2])}
+  ${theme((o) => [o.font.text2])}
+
+  font-size: 14px;
+  /** checkbox の height が 20px なのでcheckbox と text が揃っているように見せるために行ボックスの高さを 20px にしている */
+  line-height: 20px;
 `;
 
 // src/components/TagItem/index.tsx
-import React20, {
+import React21, {
   forwardRef as forwardRef3,
   memo as memo5,
   useMemo as useMemo7
 } from "react";
+import { useObjectRef as useObjectRef2 } from "@react-aria/utils";
 import styled17, { css as css7 } from "styled-components";
-import { disabledSelector as disabledSelector7, px as px6 } from "@charcoal-ui/utils";
+import { disabledSelector as disabledSelector7, px as px5 } from "@charcoal-ui/utils";
 import { useButton as useButton2 } from "@react-aria/button";
 var sizeMap = {
   S: 32,
@@ -4271,7 +1957,7 @@ var TagItem = forwardRef3(
     status = "default",
     ...props
   }, _ref) {
-    const ref = $df56164dff5785e2$export$4338b53315abf666(_ref);
+    const ref = useObjectRef2(_ref);
     const ariaButtonProps = useMemo7(
       () => ({
         elementType: "a",
@@ -4282,7 +1968,7 @@ var TagItem = forwardRef3(
     );
     const { buttonProps } = useButton2(ariaButtonProps, ref);
     const hasTranslatedLabel = translatedLabel !== void 0 && translatedLabel.length > 0;
-    return /* @__PURE__ */ React20.createElement(
+    return /* @__PURE__ */ React21.createElement(
       TagItemRoot,
       {
         ref,
@@ -4290,8 +1976,8 @@ var TagItem = forwardRef3(
         status,
         ...buttonProps
       },
-      /* @__PURE__ */ React20.createElement(Background, { bgColor, bgImage }),
-      /* @__PURE__ */ React20.createElement(Inner, null, /* @__PURE__ */ React20.createElement(LabelWrapper, { isTranslate: hasTranslatedLabel }, hasTranslatedLabel && /* @__PURE__ */ React20.createElement(TranslatedLabel, null, /* @__PURE__ */ React20.createElement(Label3, null, translatedLabel)), /* @__PURE__ */ React20.createElement(Label3, null, label)), status === "active" && /* @__PURE__ */ React20.createElement(Icon_default, { name: "16/Remove" }))
+      /* @__PURE__ */ React21.createElement(Background, { bgColor, bgImage }),
+      /* @__PURE__ */ React21.createElement(Inner, null, /* @__PURE__ */ React21.createElement(LabelWrapper, { isTranslate: hasTranslatedLabel }, hasTranslatedLabel && /* @__PURE__ */ React21.createElement(TranslatedLabel, null, /* @__PURE__ */ React21.createElement(Label3, null, translatedLabel)), /* @__PURE__ */ React21.createElement(Label3, null, label)), status === "active" && /* @__PURE__ */ React21.createElement(Icon_default, { name: "16/Remove" }))
     );
   }
 );
@@ -4350,7 +2036,7 @@ var Background = styled17.div`
 `;
 var Inner = styled17.div`
   display: inline-flex;
-  gap: ${({ theme: theme4 }) => px6(theme4.spacing[8])};
+  gap: ${({ theme: theme4 }) => px5(theme4.spacing[8])};
   align-items: center;
   z-index: 2;
 `;
@@ -4380,6 +2066,7 @@ var TranslatedLabel = styled17.div`
 `;
 export {
   Button_default as Button,
+  CharcoalProvider,
   Checkbox_default as Checkbox,
   Clickable_default as Clickable,
   ComponentAbstraction,