@charcoal-ui/react 2.0.0 → 2.1.0

package/dist/index.modern.js

@@ -1,4677 +0,0 @@
-import React, { useContext, useCallback, createContext, useMemo, useRef, useState, useEffect, useImperativeHandle, memo, Fragment, forwardRef } from 'react';
-import { useSSRSafeId, useIsSSR } from '@react-aria/ssr';
-export { SSRProvider } from '@react-aria/ssr';
-import styled, { css, useTheme, keyframes } from 'styled-components';
-import { createTheme, useMedia } from '@charcoal-ui/styled';
-import { disabledSelector, px, maxWidth } from '@charcoal-ui/utils';
-import warning from 'warning';
-import { useSwitch } from '@react-aria/switch';
-import { useToggleState, useSelectState, Item, useRadioGroupState } from 'react-stately';
-import { useTextField } from '@react-aria/textfield';
-import { useVisuallyHidden } from '@react-aria/visually-hidden';
-import '@charcoal-ui/icons';
-import { useOverlay, usePreventScroll, useModal, OverlayContainer, DismissButton } from '@react-aria/overlays';
-import { FocusScope, focusSafely, getFocusableTreeWalker, useFocusRing } from '@react-aria/focus';
-import { useDialog } from '@react-aria/dialog';
-import { animated, useTransition, easings } from 'react-spring';
-import { transparentize } from 'polished';
-import { useSelect, HiddenSelect } from '@react-aria/select';
-import { useButton } from '@react-aria/button';
-import { useRadioGroup, useRadio } from '@react-aria/radio';
-import { useCheckbox } from '@react-aria/checkbox';
-
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-const _excluded$d = ["to", "children"];
-const DefaultLink = React.forwardRef(function DefaultLink(_ref, ref) {
-  let {
-    to,
-    children
-  } = _ref,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
-
-  return /*#__PURE__*/React.createElement("a", _extends({
-    href: to,
-    ref: ref
-  }, rest), children);
-});
-const DefaultValue = {
-  Link: DefaultLink
-};
-const ComponentAbstractionContext = React.createContext(DefaultValue);
-function ComponentAbstraction({
-  children,
-  components
-}) {
-  return /*#__PURE__*/React.createElement(ComponentAbstractionContext.Provider, {
-    value: _extends({}, DefaultValue, components)
-  }, children);
-}
-function useComponentAbstraction() {
-  return useContext(ComponentAbstractionContext);
-}
-
-/**
- * 今後ポートされる予定の汎用的な関数群
- */
-function unreachable(value) {
-  throw new Error(arguments.length === 0 ? 'unreachable' : `unreachable (${JSON.stringify(value)})`);
-}
-
-const theme$2 = createTheme(styled);
-
-let _$e = t => t,
-    _t$e,
-    _t2$c,
-    _t3$c;
-
-const _excluded$c = ["onClick", "disabled"];
-const Clickable = React.forwardRef(function Clickable(props, ref) {
-  const {
-    Link
-  } = useComponentAbstraction();
-
-  if ('to' in props) {
-    const {
-      onClick,
-      disabled = false
-    } = props,
-          rest = _objectWithoutPropertiesLoose(props, _excluded$c);
-
-    return /*#__PURE__*/React.createElement(A, _extends({}, rest, {
-      as: disabled ? undefined : Link,
-      onClick: disabled ? undefined : onClick,
-      "aria-disabled": disabled,
-      ref: ref
-    }));
-  } else {
-    return /*#__PURE__*/React.createElement(Button$1, _extends({}, props, {
-      ref: ref
-    }));
-  }
-});
-const clickableCss = css(_t$e || (_t$e = _$e`
-  /* Clickable style */
-  cursor: pointer;
-
-  ${0} {
-    cursor: default;
-  }
-`), disabledSelector);
-const Button$1 = styled.button(_t2$c || (_t2$c = _$e`
-  /* Reset button appearance */
-  appearance: none;
-  background: transparent;
-  padding: 0;
-  border-style: none;
-  outline: none;
-  color: inherit;
-  text-rendering: inherit;
-  letter-spacing: inherit;
-  word-spacing: inherit;
-
-  &:focus {
-    outline: none;
-  }
-
-  /* Change the font styles in all browsers. */
-  font: inherit;
-
-  /* Remove the margin in Firefox and Safari. */
-  margin: 0;
-
-  /* Show the overflow in Edge. */
-  overflow: visible;
-
-  /* Remove the inheritance of text transform in Firefox. */
-  text-transform: none;
-
-  /* Remove the inner border and padding in Firefox. */
-  &::-moz-focus-inner {
-    border-style: none;
-    padding: 0;
-  }
-
-  ${0}
-`), clickableCss);
-const A = styled.span(_t3$c || (_t3$c = _$e`
-  /* Reset a-tag appearance */
-  color: inherit;
-
-  &:focus {
-    outline: none;
-  }
-
-  .text {
-    top: calc(1em + 2em);
-  }
-
-  ${0}
-`), clickableCss);
-
-let _$d = t => t,
-    _t$d;
-
-const _excluded$b = ["children", "variant", "size", "fixed", "disabled"];
-const Button = React.forwardRef(function Button(_ref, ref) {
-  let {
-    children,
-    variant = 'Default',
-    size = 'M',
-    fixed = false,
-    disabled = false
-  } = _ref,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
-
-  return /*#__PURE__*/React.createElement(StyledButton, _extends({}, rest, {
-    disabled: disabled,
-    variant: variant,
-    size: size,
-    fixed: fixed,
-    ref: ref
-  }), children);
-});
-const StyledButton = styled(Clickable).withConfig({
-  shouldForwardProp(prop) {
-    // fixed は <button> 要素に渡ってはいけない
-    return prop !== 'fixed';
-  }
-
-}).attrs(styledProps$1)(_t$d || (_t$d = _$d`
-  width: ${0};
-  display: inline-grid;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  user-select: none;
-  white-space: nowrap;
-
-  ${0}
-
-  /* よく考えたらheight=32って定義が存在しないな... */
-  height: ${0}px;
-`), p => p.fixed ? 'stretch' : 'min-content', p => theme$2(o => [o.font[p.font].hover.press, o.bg[p.background].hover.press, o.typography(14).bold.preserveHalfLeading, o.padding.horizontal(p.padding), o.disabled, o.borderRadius('oval'), o.outline.default.focus]), p => p.height);
-
-function styledProps$1(props) {
-  return _extends({}, props, variantToProps$1(props.variant), sizeToProps$1(props.size));
-}
-
-function variantToProps$1(variant) {
-  switch (variant) {
-    case 'Overlay':
-      return {
-        font: 'text5',
-        background: 'surface4'
-      };
-
-    case 'Default':
-      return {
-        font: 'text2',
-        background: 'surface3'
-      };
-
-    case 'Primary':
-      return {
-        font: 'text5',
-        background: 'brand'
-      };
-
-    case 'Navigation':
-      return {
-        font: 'text5',
-        background: 'surface6'
-      };
-
-    case 'Danger':
-      return {
-        font: 'text5',
-        background: 'assertive'
-      };
-
-    default:
-      return unreachable(variant);
-  }
-}
-
-function sizeToProps$1(size) {
-  switch (size) {
-    case 'S':
-      return {
-        height: 32,
-        padding: 16
-      };
-
-    case 'M':
-      return {
-        height: 40,
-        padding: 24
-      };
-  }
-}
-
-let _$c = t => t,
-    _t$c;
-
-const _excluded$a = ["variant", "size", "icon"];
-const IconButton = React.forwardRef(function IconButtonInner(_ref, ref) {
-  let {
-    variant = 'Default',
-    size = 'M',
-    icon
-  } = _ref,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
-
-  validateIconSize(size, icon);
-  return /*#__PURE__*/React.createElement(StyledIconButton, _extends({}, rest, {
-    ref: ref,
-    variant: variant,
-    size: size
-  }), /*#__PURE__*/React.createElement("pixiv-icon", {
-    name: icon
-  }));
-});
-const StyledIconButton = styled(Clickable).attrs(styledProps)(_t$c || (_t$c = _$c`
-  user-select: none;
-
-  width: ${0}px;
-  height: ${0}px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  ${0}
-`), p => p.width, p => p.height, ({
-  font,
-  background
-}) => theme$2(o => [o.font[font], o.bg[background].hover.press, o.disabled, o.borderRadius('oval'), o.outline.default.focus]));
-
-function styledProps(props) {
-  return _extends({}, props, variantToProps(props.variant), sizeToProps(props.size));
-}
-
-function variantToProps(variant) {
-  switch (variant) {
-    case 'Default':
-      return {
-        font: 'text3',
-        background: 'transparent'
-      };
-
-    case 'Overlay':
-      return {
-        font: 'text5',
-        background: 'surface4'
-      };
-  }
-}
-
-function sizeToProps(size) {
-  switch (size) {
-    case 'XS':
-      return {
-        width: 20,
-        height: 20
-      };
-
-    case 'S':
-      return {
-        width: 32,
-        height: 32
-      };
-
-    case 'M':
-      return {
-        width: 40,
-        height: 40
-      };
-  }
-}
-/**
- * validates matches of size and icon
- */
-
-
-function validateIconSize(size, icon) {
-  let requiredIconSize;
-
-  switch (size) {
-    case 'XS':
-      requiredIconSize = '16';
-      break;
-
-    case 'S':
-    case 'M':
-      requiredIconSize = '24';
-      break;
-  } // アイコン名は サイズ/名前
-
-
-  const result = /^[0-9]*/.exec(icon);
-
-  if (result == null) {
-    throw new Error('Invalid icon name');
-  }
-
-  const [iconSize] = result;
-
-  if (iconSize !== requiredIconSize) {
-    // eslint-disable-next-line no-console
-    console.warn(`IconButton with size "${size}" expect icon size "${requiredIconSize}, but got "${iconSize}"`);
-  }
-}
-
-let _$b = t => t,
-    _t$b,
-    _t2$b,
-    _t3$b,
-    _t4$9;
-function Radio({
-  value,
-  forceChecked = false,
-  disabled = false,
-  children
-}) {
-  const {
-    name,
-    selected,
-    disabled: isParentDisabled,
-    readonly,
-    hasError,
-    onChange
-  } = useContext(RadioGroupContext);
-  warning( // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-  name !== undefined, `"name" is not Provided for <Radio>. Perhaps you forgot to wrap with <RadioGroup> ?`);
-  const isSelected = value === selected;
-  const isDisabled = disabled || isParentDisabled;
-  const isReadonly = readonly && !isSelected;
-  const handleChange = useCallback(e => {
-    onChange(e.currentTarget.value);
-  }, [onChange]);
-  return /*#__PURE__*/React.createElement(RadioRoot, {
-    "aria-disabled": isDisabled || isReadonly
-  }, /*#__PURE__*/React.createElement(RadioInput, {
-    name: name,
-    value: value,
-    checked: forceChecked || isSelected,
-    hasError: hasError,
-    onChange: handleChange,
-    disabled: isDisabled || isReadonly
-  }), children != null && /*#__PURE__*/React.createElement(RadioLabel$1, null, children));
-}
-const RadioRoot = styled.label(_t$b || (_t$b = _$b`
-  display: grid;
-  grid-template-columns: auto 1fr;
-  grid-gap: ${0};
-  align-items: center;
-  cursor: pointer;
-
-  ${0}
-`), ({
-  theme
-}) => px(theme.spacing[4]), theme$2(o => [o.disabled]));
-const RadioInput = styled.input.attrs({
-  type: 'radio'
-})(_t2$b || (_t2$b = _$b`
-  /** Make prior to browser default style */
-  &[type='radio'] {
-    appearance: none;
-    display: block;
-    box-sizing: border-box;
-
-    padding: 6px;
-
-    width: 20px;
-    height: 20px;
-
-    ${0};
-
-    &:not(:checked) {
-      border-width: 2px;
-      border-style: solid;
-      border-color: ${0};
-    }
-
-    &:checked {
-      ${0}
-
-      &::after {
-        content: '';
-        display: block;
-        width: 8px;
-        height: 8px;
-        pointer-events: none;
-
-        ${0}
-      }
-    }
-
-    ${0}
-  }
-`), ({
-  hasError: _hasError = false
-}) => theme$2(o => [o.borderRadius('oval'), o.bg.text5.hover.press, _hasError && o.outline.assertive]), ({
-  theme
-}) => theme.color.text4, theme$2(o => o.bg.brand.hover.press), theme$2(o => [o.bg.text5.hover.press, o.borderRadius('oval')]), theme$2(o => o.outline.default.focus));
-const RadioLabel$1 = styled.div(_t3$b || (_t3$b = _$b`
-  ${0}
-`), theme$2(o => [o.typography(14)])); // TODO: use (or polyfill) flex gap
-
-const StyledRadioGroup = styled.div(_t4$9 || (_t4$9 = _$b`
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-gap: ${0};
-`), ({
-  theme
-}) => px(theme.spacing[8]));
-const RadioGroupContext = React.createContext({
-  name: undefined,
-  selected: undefined,
-  disabled: false,
-  readonly: false,
-  hasError: false,
-
-  onChange() {
-    throw new Error('Cannot find onChange() handler. Perhaps you forgot to wrap with <RadioGroup> ?');
-  }
-
-});
-function RadioGroup({
-  className,
-  value,
-  label,
-  name,
-  onChange,
-  disabled,
-  readonly,
-  hasError,
-  children
-}) {
-  const handleChange = useCallback(next => {
-    onChange(next);
-  }, [onChange]);
-  return /*#__PURE__*/React.createElement(RadioGroupContext.Provider, {
-    value: {
-      name,
-      selected: value,
-      disabled: disabled != null ? disabled : false,
-      readonly: readonly != null ? readonly : false,
-      hasError: hasError != null ? hasError : false,
-      onChange: handleChange
-    }
-  }, /*#__PURE__*/React.createElement(StyledRadioGroup, {
-    role: "radiogroup",
-    "aria-orientation": "vertical",
-    "aria-label": label,
-    "aria-invalid": hasError,
-    className: className
-  }, children));
-}
-
-const MultiSelectGroupContext = createContext({
-  name: undefined,
-  selected: [],
-  disabled: false,
-  readonly: false,
-  hasError: false,
-
-  onChange() {
-    throw new Error('Cannot find `onChange()` handler. Perhaps you forgot to wrap it with `<MultiSelectGroup />` ?');
-  }
-
-});
-
-let _$a = t => t,
-    _t$a,
-    _t2$a,
-    _t3$a,
-    _t4$8,
-    _t5$7;
-function MultiSelect({
-  value,
-  forceChecked = false,
-  disabled = false,
-  onChange,
-  variant = 'default',
-  children
-}) {
-  const {
-    name,
-    selected,
-    disabled: parentDisabled,
-    readonly,
-    hasError,
-    onChange: parentOnChange
-  } = useContext(MultiSelectGroupContext);
-  warning( // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-  name !== undefined, `"name" is not Provided for <MultiSelect>. Perhaps you forgot to wrap with <MultiSelectGroup> ?`);
-  const isSelected = selected.includes(value) || forceChecked;
-  const isDisabled = disabled || parentDisabled || readonly;
-  const handleChange = useCallback(event => {
-    if (!(event.currentTarget instanceof HTMLInputElement)) {
-      return;
-    }
-
-    if (onChange) onChange({
-      value,
-      selected: event.currentTarget.checked
-    });
-    parentOnChange({
-      value,
-      selected: event.currentTarget.checked
-    });
-  }, [onChange, parentOnChange, value]);
-  return /*#__PURE__*/React.createElement(MultiSelectRoot, {
-    "aria-disabled": isDisabled
-  }, /*#__PURE__*/React.createElement(MultiSelectInput, {
-    name,
-    value,
-    hasError,
-    checked: isSelected,
-    disabled: isDisabled,
-    onChange: handleChange,
-    overlay: variant === 'overlay',
-    "aria-invalid": hasError
-  }), /*#__PURE__*/React.createElement(MultiSelectInputOverlay, {
-    overlay: variant === 'overlay',
-    hasError: hasError,
-    "aria-hidden": true
-  }, /*#__PURE__*/React.createElement("pixiv-icon", {
-    name: "24/Check",
-    "unsafe-non-guideline-scale": 16 / 24
-  })), Boolean(children) && /*#__PURE__*/React.createElement(MultiSelectLabel, null, children));
-}
-const MultiSelectRoot = styled.label(_t$a || (_t$a = _$a`
-  display: grid;
-  grid-template-columns: auto 1fr;
-  align-items: center;
-  position: relative;
-  cursor: pointer;
-  ${0} {
-    cursor: default;
-  }
-  gap: ${0};
-  ${0}
-`), disabledSelector, ({
-  theme
-}) => px(theme.spacing[4]), theme$2(o => o.disabled));
-const MultiSelectLabel = styled.div(_t2$a || (_t2$a = _$a`
-  display: flex;
-  align-items: center;
-  ${0}
-`), theme$2(o => [o.typography(14), o.font.text1]));
-const MultiSelectInput = styled.input.attrs({
-  type: 'checkbox'
-})(_t3$a || (_t3$a = _$a`
-  &[type='checkbox'] {
-    appearance: none;
-    display: block;
-    width: 20px;
-    height: 20px;
-    margin: 0;
-
-    &:checked {
-      ${0}
-    }
-
-    ${0};
-  }
-`), theme$2(o => o.bg.brand.hover.press), ({
-  hasError,
-  overlay
-}) => theme$2(o => [o.bg.text3.hover.press, o.borderRadius('oval'), hasError && !overlay && o.outline.assertive, overlay && o.bg.surface4]));
-const MultiSelectInputOverlay = styled.div(_t4$8 || (_t4$8 = _$a`
-  position: absolute;
-  top: -2px;
-  left: -2px;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  ${0}
-
-  ${0}
-`), ({
-  hasError,
-  overlay
-}) => theme$2(o => [o.width.px(24), o.height.px(24), o.borderRadius('oval'), o.font.text5, hasError && overlay && o.outline.assertive]), ({
-  overlay
-}) => overlay && css(_t5$7 || (_t5$7 = _$a`
-      border-color: ${0};
-      border-width: 2px;
-      border-style: solid;
-    `), ({
-  theme
-}) => theme.color.text5));
-function MultiSelectGroup({
-  className,
-  name,
-  ariaLabel,
-  selected,
-  onChange,
-  disabled = false,
-  readonly = false,
-  hasError = false,
-  children
-}) {
-  const handleChange = useCallback(payload => {
-    const index = selected.indexOf(payload.value);
-
-    if (payload.selected) {
-      if (index < 0) {
-        onChange([...selected, payload.value]);
-      }
-    } else {
-      if (index >= 0) {
-        onChange([...selected.slice(0, index), ...selected.slice(index + 1)]);
-      }
-    }
-  }, [onChange, selected]);
-  return /*#__PURE__*/React.createElement(MultiSelectGroupContext.Provider, {
-    value: {
-      name,
-      selected: Array.from(new Set(selected)),
-      disabled,
-      readonly,
-      hasError,
-      onChange: handleChange
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: className,
-    "aria-label": ariaLabel,
-    "data-testid": "SelectGroup"
-  }, children));
-}
-
-let _$9 = t => t,
-    _t$9,
-    _t2$9,
-    _t3$9;
-
-const _excluded$9 = ["className", "type"];
-function SwitchCheckbox(props) {
-  const {
-    disabled,
-    className
-  } = props;
-  const ariaSwitchProps = useMemo(() => _extends({}, props, {
-    // children がいない場合は aria-label をつけないといけない
-    'aria-label': 'children' in props ? undefined : props.label,
-    isDisabled: props.disabled,
-    isSelected: props.checked
-  }), [props]);
-  const state = useToggleState(ariaSwitchProps);
-  const ref = useRef(null);
-
-  const _useSwitch = useSwitch(ariaSwitchProps, state, ref),
-        rest = _objectWithoutPropertiesLoose(_useSwitch.inputProps, _excluded$9);
-
-  return /*#__PURE__*/React.createElement(Label$1, {
-    className: className,
-    "aria-disabled": disabled
-  }, /*#__PURE__*/React.createElement(SwitchInput, _extends({}, rest, {
-    ref: ref
-  })), 'children' in props ?
-  /*#__PURE__*/
-  // eslint-disable-next-line react/destructuring-assignment
-  React.createElement(LabelInner, null, props.children) : undefined);
-}
-const Label$1 = styled.label(_t$9 || (_t$9 = _$9`
-  display: inline-grid;
-  grid-template-columns: auto 1fr;
-  gap: ${0};
-  cursor: pointer;
-  outline: 0;
-
-  ${0}
-
-  ${0} {
-    cursor: default;
-  }
-`), ({
-  theme
-}) => px(theme.spacing[4]), theme$2(o => o.disabled), disabledSelector);
-const LabelInner = styled.div(_t2$9 || (_t2$9 = _$9`
-  ${0}
-`), theme$2(o => o.typography(14)));
-const SwitchInput = styled.input.attrs({
-  type: 'checkbox'
-})(_t3$9 || (_t3$9 = _$9`
-  &[type='checkbox'] {
-    appearance: none;
-    display: inline-flex;
-    position: relative;
-    box-sizing: border-box;
-    width: 28px;
-    border: 2px solid transparent;
-    transition: box-shadow 0.2s, background-color 0.2s;
-    cursor: inherit;
-    ${0}
-
-    &::after {
-      content: '';
-      position: absolute;
-      display: block;
-      top: 0;
-      left: 0;
-      width: 12px;
-      height: 12px;
-      transform: translateX(0);
-      transition: transform 0.2s;
-      ${0}
-    }
-
-    &:checked {
-      ${0}
-
-      &::after {
-        transform: translateX(12px);
-      }
-    }
-  }
-`), theme$2(o => [o.borderRadius(16), o.height.px(16), o.bg.text4.hover.press, o.outline.default.focus]), theme$2(o => [o.bg.text5.hover.press, o.borderRadius('oval')]), theme$2(o => o.bg.brand.hover.press));
-
-let _$8 = t => t,
-    _t$8,
-    _t2$8,
-    _t3$8,
-    _t4$7;
-
-const _excluded$8 = ["style", "className", "label", "required", "requiredText", "subLabel"];
-const FieldLabel = React.forwardRef(function FieldLabel(_ref, ref) {
-  let {
-    style,
-    className,
-    label,
-    required = false,
-    requiredText,
-    subLabel
-  } = _ref,
-      labelProps = _objectWithoutPropertiesLoose(_ref, _excluded$8);
-
-  return /*#__PURE__*/React.createElement(FieldLabelWrapper, {
-    style: style,
-    className: className
-  }, /*#__PURE__*/React.createElement(Label, _extends({
-    ref: ref
-  }, labelProps), label), required && /*#__PURE__*/React.createElement(RequiredText, null, requiredText), /*#__PURE__*/React.createElement(SubLabelClickable, null, /*#__PURE__*/React.createElement("span", null, subLabel)));
-});
-const theme$1 = createTheme(styled);
-const Label = styled.label(_t$8 || (_t$8 = _$8`
-  ${0}
-`), theme$1(o => [o.typography(14).bold, o.font.text1]));
-const RequiredText = styled.span(_t2$8 || (_t2$8 = _$8`
-  ${0}
-`), theme$1(o => [o.typography(14), o.font.text3]));
-const SubLabelClickable = styled.div(_t3$8 || (_t3$8 = _$8`
-  ${0}
-`), theme$1(o => [o.typography(14), o.font.text3.hover.press, o.outline.default.focus]));
-const FieldLabelWrapper = styled.div(_t4$7 || (_t4$7 = _$8`
-  display: inline-flex;
-  align-items: center;
-
-  > ${0} {
-    ${0}
-  }
-
-  > ${0} {
-    ${0}
-  }
-`), RequiredText, theme$1(o => o.margin.left(4)), SubLabelClickable, theme$1(o => o.margin.left('auto')));
-
-let _$7 = t => t,
-    _t$7,
-    _t2$7,
-    _t3$7,
-    _t4$6,
-    _t5$6,
-    _t6$3,
-    _t7$2,
-    _t8,
-    _t9,
-    _t10,
-    _t11,
-    _t12,
-    _t13,
-    _t14;
-
-const _excluded$7 = ["onChange"],
-      _excluded2$1 = ["onChange"];
-const theme = createTheme(styled);
-
-function mergeRefs(...refs) {
-  return value => {
-    for (const ref of refs) {
-      if (typeof ref === 'function') {
-        ref(value);
-      } else if (ref !== null) {
-        ref.current = value;
-      }
-    }
-  };
-}
-
-function countCodePointsInString(string) {
-  // [...string] とするとproduction buildで動かなくなる
-  // cf. https://twitter.com/f_subal/status/1497214727511891972
-  return Array.from(string).length;
-}
-
-const TextField = React.forwardRef(function TextField(props, ref) {
-  return props.multiline !== undefined && props.multiline ? /*#__PURE__*/React.createElement(MultiLineTextField, _extends({
-    ref: ref
-  }, props)) : /*#__PURE__*/React.createElement(SingleLineTextField, _extends({
-    ref: ref
-  }, props));
-});
-const SingleLineTextField = React.forwardRef(function SingleLineTextFieldInner(_ref, forwardRef) {
-  var _props$value;
-
-  let {
-    onChange
-  } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
-
-  const {
-    className,
-    showLabel = false,
-    showCount = false,
-    label,
-    requiredText,
-    subLabel,
-    disabled = false,
-    required,
-    invalid = false,
-    assistiveText,
-    maxLength,
-    prefix = null,
-    suffix = null
-  } = props;
-  const {
-    visuallyHiddenProps
-  } = useVisuallyHidden();
-  const ariaRef = useRef(null);
-  const prefixRef = useRef(null);
-  const suffixRef = useRef(null);
-  const [count, setCount] = useState(countCodePointsInString((_props$value = props.value) != null ? _props$value : ''));
-  const [prefixWidth, setPrefixWidth] = useState(0);
-  const [suffixWidth, setSuffixWidth] = useState(0);
-  const nonControlled = props.value === undefined;
-  const handleChange = useCallback(value => {
-    const count = countCodePointsInString(value);
-
-    if (maxLength !== undefined && count > maxLength) {
-      return;
-    }
-
-    if (nonControlled) {
-      setCount(count);
-    }
-
-    onChange == null ? void 0 : onChange(value);
-  }, [maxLength, nonControlled, onChange]);
-  useEffect(() => {
-    var _props$value2;
-
-    setCount(countCodePointsInString((_props$value2 = props.value) != null ? _props$value2 : ''));
-  }, [props.value]);
-  const {
-    inputProps,
-    labelProps,
-    descriptionProps,
-    errorMessageProps
-  } = useTextField(_extends({
-    inputElementType: 'input',
-    isDisabled: disabled,
-    isRequired: required,
-    validationState: invalid ? 'invalid' : 'valid',
-    description: !invalid && assistiveText,
-    errorMessage: invalid && assistiveText,
-    onChange: handleChange
-  }, props), ariaRef);
-  useEffect(() => {
-    const prefixObserver = new ResizeObserver(entries => {
-      setPrefixWidth(entries[0].contentRect.width);
-    });
-    const suffixObserver = new ResizeObserver(entries => {
-      setSuffixWidth(entries[0].contentRect.width);
-    });
-
-    if (prefixRef.current !== null) {
-      prefixObserver.observe(prefixRef.current);
-    }
-
-    if (suffixRef.current !== null) {
-      suffixObserver.observe(suffixRef.current);
-    }
-
-    return () => {
-      suffixObserver.disconnect();
-      prefixObserver.disconnect();
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement(TextFieldRoot, {
-    className: className,
-    isDisabled: disabled
-  }, /*#__PURE__*/React.createElement(TextFieldLabel, _extends({
-    label: label,
-    requiredText: requiredText,
-    required: required,
-    subLabel: subLabel
-  }, labelProps, !showLabel ? visuallyHiddenProps : {})), /*#__PURE__*/React.createElement(StyledInputContainer, null, /*#__PURE__*/React.createElement(PrefixContainer, {
-    ref: prefixRef
-  }, /*#__PURE__*/React.createElement(Affix, null, prefix)), /*#__PURE__*/React.createElement(StyledInput, _extends({
-    ref: mergeRefs(forwardRef, ariaRef),
-    invalid: invalid,
-    extraLeftPadding: prefixWidth,
-    extraRightPadding: suffixWidth
-  }, inputProps)), /*#__PURE__*/React.createElement(SuffixContainer, {
-    ref: suffixRef
-  }, /*#__PURE__*/React.createElement(Affix, null, suffix), showCount && /*#__PURE__*/React.createElement(SingleLineCounter, null, maxLength !== undefined ? `${count}/${maxLength}` : count))), assistiveText != null && assistiveText.length !== 0 && /*#__PURE__*/React.createElement(AssistiveText, _extends({
-    invalid: invalid
-  }, invalid ? errorMessageProps : descriptionProps), assistiveText));
-});
-const MultiLineTextField = React.forwardRef(function MultiLineTextFieldInner(_ref2, forwardRef) {
-  var _props$value3;
-
-  let {
-    onChange
-  } = _ref2,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded2$1);
-
-  const {
-    className,
-    showCount = false,
-    showLabel = false,
-    label,
-    requiredText,
-    subLabel,
-    disabled = false,
-    required,
-    invalid = false,
-    assistiveText,
-    maxLength,
-    autoHeight = false,
-    rows: initialRows = 4
-  } = props;
-  const {
-    visuallyHiddenProps
-  } = useVisuallyHidden();
-  const textareaRef = useRef(null);
-  const ariaRef = useRef(null);
-  const [count, setCount] = useState(countCodePointsInString((_props$value3 = props.value) != null ? _props$value3 : ''));
-  const [rows, setRows] = useState(initialRows);
-  const syncHeight = useCallback(textarea => {
-    var _$match$length, _$match;
-
-    const rows = ((_$match$length = (_$match = `${textarea.value}\n`.match(/\n/g)) == null ? void 0 : _$match.length) != null ? _$match$length : 0) || 1;
-    setRows(initialRows <= rows ? rows : initialRows);
-  }, [initialRows]);
-  const nonControlled = props.value === undefined;
-  const handleChange = useCallback(value => {
-    const count = countCodePointsInString(value);
-
-    if (maxLength !== undefined && count > maxLength) {
-      return;
-    }
-
-    if (nonControlled) {
-      setCount(count);
-    }
-
-    if (autoHeight && textareaRef.current !== null) {
-      syncHeight(textareaRef.current);
-    }
-
-    onChange == null ? void 0 : onChange(value);
-  }, [autoHeight, maxLength, nonControlled, onChange, syncHeight]);
-  useEffect(() => {
-    var _props$value4;
-
-    setCount(countCodePointsInString((_props$value4 = props.value) != null ? _props$value4 : ''));
-  }, [props.value]);
-  const {
-    inputProps,
-    labelProps,
-    descriptionProps,
-    errorMessageProps
-  } = useTextField(_extends({
-    inputElementType: 'textarea',
-    isDisabled: disabled,
-    isRequired: required,
-    validationState: invalid ? 'invalid' : 'valid',
-    description: !invalid && assistiveText,
-    errorMessage: invalid && assistiveText,
-    onChange: handleChange
-  }, props), ariaRef);
-  useEffect(() => {
-    if (autoHeight && textareaRef.current !== null) {
-      syncHeight(textareaRef.current);
-    }
-  }, [autoHeight, syncHeight]);
-  return /*#__PURE__*/React.createElement(TextFieldRoot, {
-    className: className,
-    isDisabled: disabled
-  }, /*#__PURE__*/React.createElement(TextFieldLabel, _extends({
-    label: label,
-    requiredText: requiredText,
-    required: required,
-    subLabel: subLabel
-  }, labelProps, !showLabel ? visuallyHiddenProps : {})), /*#__PURE__*/React.createElement(StyledTextareaContainer, {
-    invalid: invalid,
-    rows: showCount ? rows + 1 : rows
-  }, /*#__PURE__*/React.createElement(StyledTextarea, _extends({
-    ref: mergeRefs(textareaRef, forwardRef, ariaRef),
-    rows: rows,
-    noBottomPadding: showCount
-  }, inputProps)), showCount && /*#__PURE__*/React.createElement(MultiLineCounter, null, maxLength !== undefined ? `${count}/${maxLength}` : count)), assistiveText != null && assistiveText.length !== 0 && /*#__PURE__*/React.createElement(AssistiveText, _extends({
-    invalid: invalid
-  }, invalid ? errorMessageProps : descriptionProps), assistiveText));
-});
-const TextFieldRoot = styled.div(_t$7 || (_t$7 = _$7`
-  display: flex;
-  flex-direction: column;
-
-  ${0}
-`), p => p.isDisabled && {
-  opacity: p.theme.elementEffect.disabled.opacity
-});
-const TextFieldLabel = styled(FieldLabel)(_t2$7 || (_t2$7 = _$7`
-  ${0}
-`), theme(o => o.margin.bottom(8)));
-const StyledInputContainer = styled.div(_t3$7 || (_t3$7 = _$7`
-  height: 40px;
-  display: grid;
-  position: relative;
-`));
-const PrefixContainer = styled.span(_t4$6 || (_t4$6 = _$7`
-  position: absolute;
-  top: 50%;
-  left: 8px;
-  transform: translateY(-50%);
-`));
-const SuffixContainer = styled.span(_t5$6 || (_t5$6 = _$7`
-  position: absolute;
-  top: 50%;
-  right: 8px;
-  transform: translateY(-50%);
-
-  display: flex;
-  gap: 8px;
-`));
-const Affix = styled.span(_t6$3 || (_t6$3 = _$7`
-  user-select: none;
-
-  ${0}
-`), theme(o => [o.typography(14).preserveHalfLeading, o.font.text2]));
-const StyledInput = styled.input(_t7$2 || (_t7$2 = _$7`
-  border: none;
-  box-sizing: border-box;
-  outline: none;
-  font-family: inherit;
-
-  /* Prevent zooming for iOS Safari */
-  transform-origin: top left;
-  transform: scale(0.875);
-  width: calc(100% / 0.875);
-  height: calc(100% / 0.875);
-  font-size: calc(14px / 0.875);
-  line-height: calc(22px / 0.875);
-  padding-left: calc((8px + ${0}px) / 0.875);
-  padding-right: calc((8px + ${0}px) / 0.875);
-  border-radius: calc(4px / 0.875);
-
-  /* Display box-shadow for iOS Safari */
-  appearance: none;
-
-  ${0}
-
-  &::placeholder {
-    ${0}
-  }
-`), p => p.extraLeftPadding, p => p.extraRightPadding, p => theme(o => [o.bg.surface3.hover, o.outline.default.focus, p.invalid && o.outline.assertive, o.font.text2]), theme(o => o.font.text3));
-const StyledTextareaContainer = styled.div(_t8 || (_t8 = _$7`
-  position: relative;
-  overflow: hidden;
-  padding: 0 8px;
-
-  ${0}
-
-  &:focus-within {
-    ${0}
-  }
-
-  ${0};
-`), p => theme(o => [o.bg.surface3.hover, p.invalid && o.outline.assertive, o.font.text2, o.borderRadius(4)]), p => theme(o => p.invalid ? o.outline.assertive : o.outline.default), ({
-  rows
-}) => css(_t9 || (_t9 = _$7`
-    height: calc(22px * ${0} + 18px);
-  `), rows));
-const StyledTextarea = styled.textarea(_t10 || (_t10 = _$7`
-  border: none;
-  outline: none;
-  resize: none;
-  font-family: inherit;
-  color: inherit;
-
-  /* Prevent zooming for iOS Safari */
-  transform-origin: top left;
-  transform: scale(0.875);
-  width: calc(100% / 0.875);
-  font-size: calc(14px / 0.875);
-  line-height: calc(22px / 0.875);
-  padding: calc(9px / 0.875) 0 ${0};
-
-  ${0};
-
-  /* Display box-shadow for iOS Safari */
-  appearance: none;
-
-  background: none;
-
-  &::placeholder {
-    ${0}
-  }
-
-  /* Hide scrollbar for Chrome, Safari and Opera */
-  &::-webkit-scrollbar {
-    display: none;
-  }
-  /* Hide scrollbar for IE, Edge and Firefox */
-  -ms-overflow-style: none; /* IE and Edge */
-  scrollbar-width: none; /* Firefox */
-`), p => p.noBottomPadding ? 0 : '', ({
-  rows: _rows = 1
-}) => css(_t11 || (_t11 = _$7`
-    height: calc(22px / 0.875 * ${0});
-  `), _rows), theme(o => o.font.text3));
-const SingleLineCounter = styled.span(_t12 || (_t12 = _$7`
-  ${0}
-`), theme(o => [o.typography(14).preserveHalfLeading, o.font.text3]));
-const MultiLineCounter = styled.span(_t13 || (_t13 = _$7`
-  position: absolute;
-  bottom: 9px;
-  right: 8px;
-
-  ${0}
-`), theme(o => [o.typography(14).preserveHalfLeading, o.font.text3]));
-const AssistiveText = styled.p(_t14 || (_t14 = _$7`
-  ${0}
-`), p => theme(o => [o.typography(14), o.margin.top(8), o.margin.bottom(0), o.font[p.invalid ? 'assertive' : 'text1']]));
-
-const _excluded$6 = ["name", "scale", "unsafeNonGuidelineScale", "className"];
-const Icon$1 = React.forwardRef(function IconInner(_ref, ref) {
-  let {
-    name,
-    scale,
-    unsafeNonGuidelineScale,
-    className
-  } = _ref,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
-
-  return /*#__PURE__*/React.createElement("pixiv-icon", _extends({
-    ref: ref,
-    name: name,
-    scale: scale,
-    "unsafe-non-guideline-scale": unsafeNonGuidelineScale,
-    class: className
-  }, rest));
-});
-
-/**
- * Unit for grid column (px)
- */
-
-const COLUMN_UNIT = 80;
-/**
- * Unit for grid gutter width (px)
- */
-
-const GUTTER_UNIT = 24; // TODO: Grid definition with breakpoint
-
-/**
- * Calculate px occupied by the span of the columns with gutter gap
- *
- * @param span column span count
- */
-
-function columnSystem(span, column, gutter) {
-  return span * column + (span - 1) * gutter;
-}
-
-let _$6 = t => t,
-    _t$6,
-    _t2$6,
-    _t3$6,
-    _t4$5,
-    _t5$5,
-    _t6$2,
-    _t7$1;
-
-const _excluded$5 = ["children", "zIndex", "portalContainer"];
-const DEFAULT_Z_INDEX = 10;
-function Modal(_ref) {
-  var _useMedia;
-
-  let {
-    children,
-    zIndex = DEFAULT_Z_INDEX,
-    portalContainer
-  } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
-
-  const {
-    title,
-    size = 'M',
-    bottomSheet = false,
-    isDismissable,
-    onClose,
-    isOpen = false
-  } = props;
-  const ref = useRef(null);
-  const {
-    overlayProps,
-    underlayProps
-  } = useOverlay(props, ref);
-  usePreventScroll();
-  const {
-    modalProps
-  } = useModal();
-  const {
-    dialogProps,
-    titleProps
-  } = useDialog(props, ref);
-  const theme = useTheme();
-  const isMobile = (_useMedia = useMedia(maxWidth(theme.breakpoint.screen1))) != null ? _useMedia : false;
-  const transitionEnabled = isMobile && bottomSheet !== false;
-  const transition = useTransition(isOpen, {
-    from: {
-      transform: 'translateY(100%)',
-      backgroundColor: 'rgba(0, 0, 0, 0)'
-    },
-    enter: {
-      transform: 'translateY(0%)',
-      backgroundColor: 'rgba(0, 0, 0, 0.4)'
-    },
-    leave: {
-      transform: 'translateY(100%)',
-      backgroundColor: 'rgba(0, 0, 0, 0)'
-    },
-    config: transitionEnabled ? {
-      duration: 400,
-      easing: easings.easeOutQuart
-    } : {
-      duration: 0
-    }
-  });
-  const showDismiss = !isMobile || bottomSheet !== true;
-  return transition(({
-    backgroundColor,
-    transform
-  }, item) => item && /*#__PURE__*/React.createElement(OverlayContainer, {
-    portalContainer: portalContainer
-  }, /*#__PURE__*/React.createElement(ModalBackground, _extends({
-    zIndex: zIndex
-  }, underlayProps, {
-    style: transitionEnabled ? {
-      backgroundColor
-    } : {}
-  }), /*#__PURE__*/React.createElement(FocusScope, {
-    contain: true,
-    restoreFocus: true,
-    autoFocus: true
-  }, /*#__PURE__*/React.createElement(ModalDialog, _extends({
-    ref: ref
-  }, overlayProps, modalProps, dialogProps, {
-    style: transitionEnabled ? {
-      transform
-    } : {},
-    size: size,
-    bottomSheet: bottomSheet
-  }), /*#__PURE__*/React.createElement(ModalContext.Provider, {
-    value: {
-      titleProps,
-      title,
-      close: onClose,
-      showDismiss
-    }
-  }, children, isDismissable === true && /*#__PURE__*/React.createElement(ModalCrossButton, {
-    size: "S",
-    icon: "24/Close",
-    onClick: onClose
-  })))))));
-}
-const ModalContext = React.createContext({
-  titleProps: {},
-  title: '',
-  close: undefined,
-  showDismiss: true
-});
-const ModalBackground = animated(styled.div(_t$6 || (_t$6 = _$6`
-  z-index: ${0};
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-
-  ${0}
-`), ({
-  zIndex
-}) => zIndex, theme$2(o => [o.bg.surface4])));
-const ModalDialog = animated(styled.div(_t2$6 || (_t2$6 = _$6`
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: ${0}px;
-
-  ${0}
-
-  @media ${0} {
-    ${0}
-  }
-`), p => p.size === 'S' ? columnSystem(3, COLUMN_UNIT, GUTTER_UNIT) + GUTTER_UNIT * 2 : p.size === 'M' ? columnSystem(4, COLUMN_UNIT, GUTTER_UNIT) + GUTTER_UNIT * 2 : // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-p.size === 'L' ? columnSystem(6, COLUMN_UNIT, GUTTER_UNIT) + GUTTER_UNIT * 2 : unreachable(p.size), theme$2(o => [o.bg.background1, o.borderRadius(24)]), ({
-  theme
-}) => maxWidth(theme.breakpoint.screen1), p => p.bottomSheet === 'full' ? css(_t3$6 || (_t3$6 = _$6`
-            top: auto;
-            bottom: 0;
-            left: 0;
-            transform: none;
-            border-radius: 0;
-            width: 100%;
-            height: 100%;
-          `)) : p.bottomSheet ? css(_t4$5 || (_t4$5 = _$6`
-            top: auto;
-            bottom: 0;
-            left: 0;
-            transform: none;
-            border-radius: 0;
-            width: 100%;
-          `)) : css(_t5$5 || (_t5$5 = _$6`
-            width: calc(100% - 48px);
-          `))));
-const ModalCrossButton = styled(IconButton)(_t6$2 || (_t6$2 = _$6`
-  position: absolute;
-  top: 8px;
-  right: 8px;
-
-  ${0}
-`), theme$2(o => [o.font.text3.hover.press]));
-function ModalTitle(props) {
-  const {
-    titleProps,
-    title
-  } = useContext(ModalContext);
-  return /*#__PURE__*/React.createElement(ModalHeading, _extends({}, titleProps, props), title);
-}
-const ModalHeading = styled.h3(_t7$1 || (_t7$1 = _$6`
-  margin: 0;
-  font-weight: inherit;
-  font-size: inherit;
-`));
-
-let _$5 = t => t,
-    _t$5,
-    _t2$5,
-    _t3$5,
-    _t4$4,
-    _t5$4;
-function ModalHeader() {
-  return /*#__PURE__*/React.createElement(ModalHeaderRoot, null, /*#__PURE__*/React.createElement(StyledModalTitle, null));
-}
-const ModalHeaderRoot = styled.div(_t$5 || (_t$5 = _$5`
-  height: 64px;
-  display: grid;
-  align-content: center;
-  justify-content: center;
-`));
-const StyledModalTitle = styled(ModalTitle)(_t2$5 || (_t2$5 = _$5`
-  ${0}
-`), theme$2(o => [o.font.text1, o.typography(16).bold]));
-const ModalAlign = styled.div(_t3$5 || (_t3$5 = _$5`
-  ${0}
-
-  @media ${0} {
-    ${0}
-  }
-`), theme$2(o => [o.padding.horizontal(24)]), ({
-  theme
-}) => maxWidth(theme.breakpoint.screen1), theme$2(o => [o.padding.horizontal(16)]));
-const ModalBody = styled.div(_t4$4 || (_t4$4 = _$5`
-  ${0}
-`), theme$2(o => [o.padding.bottom(40)]));
-const ModalButtons = styled.div(_t5$4 || (_t5$4 = _$5`
-  display: grid;
-  grid-auto-flow: row;
-  grid-row-gap: 8px;
-  ${0}
-
-  @media ${0} {
-    ${0}
-  }
-`), theme$2(o => [o.padding.horizontal(24).top(16)]), ({
-  theme
-}) => maxWidth(theme.breakpoint.screen1), theme$2(o => [o.padding.horizontal(16)]));
-
-let _$4 = t => t,
-    _t$4,
-    _t2$4,
-    _t3$4;
-function LoadingSpinner({
-  size = 48,
-  padding = 16,
-  transparent = false
-}) {
-  return /*#__PURE__*/React.createElement(LoadingSpinnerRoot, {
-    size: size,
-    padding: padding,
-    transparent: transparent
-  }, /*#__PURE__*/React.createElement(LoadingSpinnerIcon, null));
-}
-const LoadingSpinnerRoot = styled.div.attrs({
-  role: 'progressbar'
-})(_t$4 || (_t$4 = _$4`
-  margin: auto;
-  padding: ${0}px;
-  border-radius: 8px;
-  font-size: ${0}px;
-  width: ${0}px;
-  height: ${0}px;
-  background-color: ${0};
-  color: ${0};
-`), props => props.padding, props => props.size, props => props.size, props => props.size, ({
-  theme,
-  transparent
-}) => transparent ? 'transparent' : transparentize(0.32, theme.color.background1), ({
-  theme
-}) => theme.color.text4);
-const scaleout = keyframes(_t2$4 || (_t2$4 = _$4`
-  from {
-    transform: scale(0);
-    opacity: 1;
-  }
-
-  to {
-    transform: scale(1);
-    opacity: 0;
-  }
-`));
-const Icon = styled.div.attrs({
-  role: 'presentation'
-})(_t3$4 || (_t3$4 = _$4`
-  width: 1em;
-  height: 1em;
-  border-radius: 1em;
-  background-color: currentColor;
-  animation: ${0} 1s both ease-out;
-  animation-iteration-count: ${0};
-
-  &[data-reset-animation] {
-    animation: none;
-  }
-`), scaleout, p => p.once ? 1 : 'infinite');
-const LoadingSpinnerIcon = React.forwardRef(function LoadingSpinnerIcon({
-  once = false
-}, ref) {
-  const iconRef = useRef(null);
-  useImperativeHandle(ref, () => ({
-    restart: () => {
-      if (!iconRef.current) {
-        return;
-      }
-
-      iconRef.current.dataset.resetAnimation = 'true'; // Force reflow hack!
-      delete iconRef.current.dataset.resetAnimation;
-    }
-  }));
-  return /*#__PURE__*/React.createElement(Icon, {
-    ref: iconRef,
-    once: once
-  });
-});
-
-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 $12uGp$clsx () {
-  var i = 0,
-      tmp,
-      x,
-      str = '';
-
-  while (i < arguments.length) {
-    if (tmp = arguments[i++]) {
-      if (x = toVal(tmp)) {
-        str && (str += ' ');
-        str += x;
-      }
-    }
-  }
-
-  return str;
-}
-
-const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof window !== 'undefined' ? React.useLayoutEffect : () => {};
-let $bdb11010cef70236$var$idsUpdaterMap = new Map();
-
-function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
-  let [value, setValue] = useState(defaultId);
-  let nextId = useRef(null);
-  let res = useSSRSafeId(value);
-  let updateValue = useCallback(val => {
-    nextId.current = val;
-  }, []);
-  $bdb11010cef70236$var$idsUpdaterMap.set(res, updateValue);
-  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
-    let r = res;
-    return () => {
-      $bdb11010cef70236$var$idsUpdaterMap.delete(r);
-    };
-  }, [res]); // This cannot cause an infinite loop because the ref is updated first.
-  // eslint-disable-next-line
-
-  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 = useCallback(() => {
-    setResolvedId(function* () {
-      yield id;
-      yield document.getElementById(id) ? id : undefined;
-    });
-  }, [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) {
-  // Start with a base clone of the first argument. This is a lot faster than starting
-  // with an empty object and adding properties as we go.
-  let result = _extends({}, 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]; // Chain events
-
-      if (typeof a === 'function' && typeof b === 'function' && // This is a lot faster than a regex.
-      key[0] === 'o' && key[1] === 'n' && key.charCodeAt(2) >=
-      /* 'A' */
-      65 && key.charCodeAt(2) <=
-      /* 'Z' */
-      90) result[key] = $ff5963eb1fccf552$export$e08e3b67e392101e(a, b);else if ((key === 'className' || key === 'UNSAFE_className') && typeof a === 'string' && typeof b === 'string') result[key] = $12uGp$clsx(a, b);else if (key === 'id' && a && b) result.id = $bdb11010cef70236$export$cd8c9cb68f842629(a, b);else result[key] = b !== undefined ? b : a;
-    }
-  }
-
-  return result;
-}
-
-const $65484d02dcb7eb3e$var$DOMPropNames = new Set(['id']);
-const $65484d02dcb7eb3e$var$labelablePropNames = new Set(['aria-label', 'aria-labelledby', 'aria-describedby', 'aria-details']);
-const $65484d02dcb7eb3e$var$propRe = /^(data-.*)$/;
-
-function $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, opts = {}) {
-  let {
-    labelable: labelable,
-    propNames: 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);
-  }
-}
-
-let $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) {// Ignore
-    }
-  }
-
-  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: element,
-    scrollTop: scrollTop,
-    scrollLeft: scrollLeft
-  } of scrollableElements) {
-    element.scrollTop = scrollTop;
-    element.scrollLeft = scrollLeft;
-  }
-}
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-// We store a global list of elements that are currently transitioning,
-// mapped to a set of CSS properties that are transitioning for that element.
-// This is necessary rather than a simple count of transitions because of browser
-// bugs, e.g. Chrome sometimes fires both transitionend and transitioncancel rather
-// than one or the other. So we need to track what's actually transitioning so that
-// we can ignore these duplicate events.
-
-
-let $bbed8b41f857bcc0$var$transitionsByElement = new Map(); // A list of callbacks to call once there are no transitioning elements.
-
-let $bbed8b41f857bcc0$var$transitionCallbacks = new Set();
-
-function $bbed8b41f857bcc0$var$setupGlobalEvents() {
-  if (typeof window === 'undefined') return;
-
-  let onTransitionStart = e => {
-    // Add the transitioning property to the list for this element.
-    let transitions = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);
-
-    if (!transitions) {
-      transitions = new Set();
-      $bbed8b41f857bcc0$var$transitionsByElement.set(e.target, transitions); // The transitioncancel event must be registered on the element itself, rather than as a global
-      // event. This enables us to handle when the node is deleted from the document while it is transitioning.
-      // In that case, the cancel event would have nowhere to bubble to so we need to handle it directly.
-
-      e.target.addEventListener('transitioncancel', onTransitionEnd);
-    }
-
-    transitions.add(e.propertyName);
-  };
-
-  let onTransitionEnd = e => {
-    // Remove property from list of transitioning properties.
-    let properties = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);
-    if (!properties) return;
-    properties.delete(e.propertyName); // If empty, remove transitioncancel event, and remove the element from the list of transitioning elements.
-
-    if (properties.size === 0) {
-      e.target.removeEventListener('transitioncancel', onTransitionEnd);
-      $bbed8b41f857bcc0$var$transitionsByElement.delete(e.target);
-    } // If no transitioning elements, call all of the queued callbacks.
-
-
-    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) {
-  // Wait one frame to see if an animation starts, e.g. a transition on mount.
-  requestAnimationFrame(() => {
-    // If no transitions are running, call the function immediately.
-    // Otherwise, add it to a list of callbacks to run at the end of the animation.
-    if ($bbed8b41f857bcc0$var$transitionsByElement.size === 0) fn();else $bbed8b41f857bcc0$var$transitionCallbacks.add(fn);
-  });
-} // Keep track of elements that we are currently handling dragging for via useDrag1D.
-
-function $03deb23ff14920c4$export$4eaf04e54aa8eed6() {
-  let globalListeners = useRef(new Map());
-  let addGlobalListener = useCallback((eventTarget, type, listener, options) => {
-    // Make sure we remove the listener after it is called with the `once` option.
-    let fn = (options === null || options === void 0 ? void 0 : options.once) ? (...args) => {
-      globalListeners.current.delete(listener);
-      listener(...args);
-    } : listener;
-    globalListeners.current.set(listener, {
-      type: type,
-      eventTarget: eventTarget,
-      fn: fn,
-      options: options
-    });
-    eventTarget.addEventListener(type, listener, options);
-  }, []);
-  let removeGlobalListener = 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 = useCallback(() => {
-    globalListeners.current.forEach((value, key) => {
-      removeGlobalListener(value.eventTarget, value.type, key, value.options);
-    });
-  }, [removeGlobalListener]); // eslint-disable-next-line arrow-body-style
-
-  useEffect(() => {
-    return removeAllGlobalListeners;
-  }, [removeAllGlobalListeners]);
-  return {
-    addGlobalListener: addGlobalListener,
-    removeGlobalListener: removeGlobalListener,
-    removeAllGlobalListeners: removeAllGlobalListeners
-  };
-}
-
-function $313b98861ee5dd6c$export$d6875122194c7b44(props, defaultLabel) {
-  let {
-    id: id,
-    'aria-label': label,
-    'aria-labelledby': labelledBy
-  } = props; // If there is both an aria-label and aria-labelledby,
-  // combine them by pointing to the element itself.
-
-  id = $bdb11010cef70236$export$f680877a34711e37(id);
-
-  if (labelledBy && label) {
-    let ids = new Set([...labelledBy.trim().split(/\s+/), id]);
-    labelledBy = [...ids].join(' ');
-  } else if (labelledBy) labelledBy = labelledBy.trim().split(/\s+/).join(' '); // If no labels are provided, use the default
-
-
-  if (!label && !labelledBy && defaultLabel) label = defaultLabel;
-  return {
-    id: id,
-    'aria-label': label,
-    'aria-labelledby': labelledBy
-  };
-}
-
-function $df56164dff5785e2$export$4338b53315abf666(forwardedRef) {
-  const objRef = useRef();
-  /**
-  * We're using `useLayoutEffect` here instead of `useEffect` because we want
-  * to make sure that the `ref` value is up to date before other places in the
-  * the execution cycle try to read it.
-  */
-
-  $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]);
-}
-
-let $ef06256079686ba0$var$descriptionId = 0;
-const $ef06256079686ba0$var$descriptionNodes = new Map();
-
-function $ef06256079686ba0$export$f8aeda7b10753fa1(description) {
-  let [id1, setId] = useState(undefined);
-  $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 : undefined
-  };
-}
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-
-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 = useRef(handler1);
-  handlerRef.current = handler1;
-  let isDisabled = handler1 == null;
-  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] = useState(defaultValue);
-  let valueRef = useRef(value);
-  let effect = useRef(null);
-  valueRef.current = value; // Store the function in a ref so we can always access the current version
-  // which has the proper `value` in scope.
-
-  let nextRef = useRef(null);
-
-  nextRef.current = () => {
-    // Run the generator to the next yield.
-    let newValue = effect.current.next(); // If the generator is done, reset the effect.
-
-    if (newValue.done) {
-      effect.current = null;
-      return;
-    } // If the value is the same as the current value,
-    // then continue to the next yield. Otherwise,
-    // set the value in state and wait for the next layout effect.
-
-
-    if (value === newValue.value) nextRef.current();else setValue(newValue.value);
-  };
-
-  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
-    // If there is an effect currently running, continue to the next yield.
-    if (effect.current) nextRef.current();
-  });
-  let queue = 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;
-}
-/**
- * Computes the offset left or top from child to ancestor by accumulating
- * offsetLeft or offsetTop through intervening offsetParents.
- */
-
-
-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)) {
-      // If the ancestor is not `position:relative`, then we stop at
-      // _its_ offset parent, and we subtract off _its_ offset, so that
-      // we end up with the proper offset from child to ancestor.
-      sum -= ancestor[prop];
-      break;
-    }
-    child = child.offsetParent;
-  }
-
-  return sum;
-}
-
-function $6a7db85432448f7f$export$60278871457622de(event) {
-  // JAWS/NVDA with Firefox.
-  if (event.mozInputSource === 0 && event.isTrusted) return true; // Android TalkBack's detail value varies depending on the event listener providing the event so we have specific logic here instead
-  // If pointerType is defined, event is from a click listener. For events from mousedown listener, detail === 0 is a sufficient check
-  // to detect TalkBack virtual clicks.
-
-  if ($c87311424ea30a05$export$a11b0059900ceec8() && event.pointerType) return event.type === 'click' && event.buttons === 1;
-  return event.detail === 0 && !event.pointerType;
-}
-
-function $6a7db85432448f7f$export$29bf1b5f2c56cf63(event) {
-  // If the pointer size is zero, then we assume it's from a screen reader.
-  // Android TalkBack double tap will sometimes return a event with width and height of 1
-  // and pointerType === 'mouse' so we need to check for a specific combination of event attributes.
-  // Cannot use "event.pressure === 0" as the sole check due to Safari pointer events always returning pressure === 0
-  // instead of .5, see https://bugs.webkit.org/show_bug.cgi?id=206216. event.pointerType === 'mouse' is to distingush
-  // Talkback double tap from Windows Firefox touch screen press
-  return event.width === 0 && event.height === 0 || event.width === 1 && event.height === 1 && event.pressure === 0 && event.detail === 0 && event.pointerType === 'mouse';
-}
-
-const _excluded$4 = ["register"],
-      _excluded2 = ["onPress", "onPressChange", "onPressStart", "onPressEnd", "onPressUp", "isDisabled", "isPressed", "preventFocusOnPress", "shouldCancelOnPointerExit", "allowTextSelectionOnPress", "ref"];
-// rather than at the document level so we just need to apply/remove user-select: none for each pressed element individually
-
-let $14c0b72509d70225$var$state = 'default';
-let $14c0b72509d70225$var$savedUserSelect = '';
-let $14c0b72509d70225$var$modifiedElementMap = 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) {
-    // If not iOS, store the target's original user-select and change to user-select: none
-    // Ignore state since it doesn't apply for non iOS
-    $14c0b72509d70225$var$modifiedElementMap.set(target, target.style.userSelect);
-    target.style.userSelect = 'none';
-  }
-}
-
-function $14c0b72509d70225$export$b0d6fa1ab32e3295(target) {
-  if ($c87311424ea30a05$export$fedb369cb70207f1()) {
-    // If the state is already default, there's nothing to do.
-    // If it is restoring, then there's no need to queue a second restore.
-    if ($14c0b72509d70225$var$state !== 'disabled') return;
-    $14c0b72509d70225$var$state = 'restoring'; // There appears to be a delay on iOS where selection still might occur
-    // after pointer up, so wait a bit before removing user-select.
-
-    setTimeout(() => {
-      // Wait for any CSS transitions to complete so we don't recompute style
-      // for the whole page in the middle of the animation and cause jank.
-      $bbed8b41f857bcc0$export$24490316f764c430(() => {
-        // Avoid race conditions
-        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 not iOS, restore the target's original user-select if any
-    // Ignore state since it doesn't apply for non iOS
-    {
-      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);
-      }
-    }
-}
-
-const $ae1eeba8b9eafd08$export$5165eccb35aaadb5 = React.createContext(null);
-$ae1eeba8b9eafd08$export$5165eccb35aaadb5.displayName = 'PressResponderContext';
-
-function $f6c31cce2adf654f$var$usePressResponderContext(props) {
-  // Consume context from <PressResponder> and merge with props.
-  let context = useContext($ae1eeba8b9eafd08$export$5165eccb35aaadb5);
-
-  if (context) {
-    let {
-      register: register
-    } = context,
-        contextProps = _objectWithoutPropertiesLoose(context, _excluded$4);
-
-    props = $3ef42575df84b30b$export$9d1611c77c2fe928(contextProps, props);
-    register();
-  }
-
-  $e7801be82b4b2a53$export$4debdb1a3f0fa79e(context, props.ref);
-  return props;
-}
-
-function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
-  let _$f6c31cce2adf654f$va = $f6c31cce2adf654f$var$usePressResponderContext(props),
-      {
-    onPress: onPress1,
-    onPressChange: onPressChange1,
-    onPressStart: onPressStart1,
-    onPressEnd: onPressEnd1,
-    onPressUp: onPressUp1,
-    isDisabled: isDisabled1,
-    isPressed: isPressedProp,
-    preventFocusOnPress: preventFocusOnPress,
-    shouldCancelOnPointerExit: shouldCancelOnPointerExit,
-    allowTextSelectionOnPress: allowTextSelectionOnPress
-  } = _$f6c31cce2adf654f$va,
-      domProps = _objectWithoutPropertiesLoose(_$f6c31cce2adf654f$va, _excluded2);
-
-  let propsRef = useRef(null);
-  propsRef.current = {
-    onPress: onPress1,
-    onPressChange: onPressChange1,
-    onPressStart: onPressStart1,
-    onPressEnd: onPressEnd1,
-    onPressUp: onPressUp1,
-    isDisabled: isDisabled1,
-    shouldCancelOnPointerExit: shouldCancelOnPointerExit
-  };
-  let [isPressed, setPressed] = useState(false);
-  let ref = useRef({
-    isPressed: false,
-    ignoreEmulatedMouseEvents: false,
-    ignoreClickAfterPress: false,
-    didFirePressStart: false,
-    activePointerId: null,
-    target: null,
-    isOverTarget: false,
-    pointerType: null
-  });
-  let {
-    addGlobalListener: addGlobalListener,
-    removeAllGlobalListeners: removeAllGlobalListeners
-  } = $03deb23ff14920c4$export$4eaf04e54aa8eed6();
-  let pressProps1 = useMemo(() => {
-    let state = ref.current;
-
-    let triggerPressStart = (originalEvent, pointerType) => {
-      let {
-        onPressStart: onPressStart,
-        onPressChange: onPressChange,
-        isDisabled: isDisabled
-      } = propsRef.current;
-      if (isDisabled || state.didFirePressStart) return;
-      if (onPressStart) onPressStart({
-        type: 'pressstart',
-        pointerType: 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: onPressEnd,
-        onPressChange: onPressChange,
-        onPress: onPress,
-        isDisabled: isDisabled
-      } = propsRef.current;
-      if (!state.didFirePressStart) return;
-      state.ignoreClickAfterPress = true;
-      state.didFirePressStart = false;
-      if (onPressEnd) onPressEnd({
-        type: 'pressend',
-        pointerType: 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: pointerType,
-        target: originalEvent.currentTarget,
-        shiftKey: originalEvent.shiftKey,
-        metaKey: originalEvent.metaKey,
-        ctrlKey: originalEvent.ctrlKey,
-        altKey: originalEvent.altKey
-      });
-    };
-
-    let triggerPressUp = (originalEvent, pointerType) => {
-      let {
-        onPressUp: onPressUp,
-        isDisabled: isDisabled
-      } = propsRef.current;
-      if (isDisabled) return;
-      if (onPressUp) onPressUp({
-        type: 'pressup',
-        pointerType: 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 the event is repeating, it may have started on a different element
-          // after which focus moved to the current element. Ignore these events and
-          // only handle the first key down event.
-
-          if (!state.isPressed && !e.repeat) {
-            state.target = e.currentTarget;
-            state.isPressed = true;
-            triggerPressStart(e, 'keyboard'); // Focus may move before the key up event, so register the event on the document
-            // instead of the same element where the key down event occurred.
-
-            addGlobalListener(document, 'keyup', onKeyUp, false);
-          }
-        } else if (e.key === 'Enter' && $f6c31cce2adf654f$var$isHTMLAnchorLink(e.currentTarget)) // If the target is a link, we won't have handled this above because we want the default
-          // browser behavior to open the link when pressing Enter. But we still need to prevent
-          // default so that elements above do not also handle it (e.g. table row).
-          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 triggered from a screen reader or by using element.click(),
-          // trigger as if it were a keyboard click.
-
-          if (!state.ignoreClickAfterPress && !state.ignoreEmulatedMouseEvents && (state.pointerType === 'virtual' || $6a7db85432448f7f$export$60278871457622de(e.nativeEvent))) {
-            // Ensure the element receives focus (VoiceOver on iOS does not do this)
-            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 the target is a link, trigger the click method to open the URL,
-        // but defer triggering pressEnd until onClick event handler.
-
-        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 => {
-        // Only handle left clicks, and ignore events that bubbled through portals.
-        if (e.button !== 0 || !e.currentTarget.contains(e.target)) return; // iOS safari fires pointer events from VoiceOver with incorrect coordinates/target.
-        // Ignore and let the onClick handler take care of it instead.
-        // https://bugs.webkit.org/show_bug.cgi?id=222627
-        // https://bugs.webkit.org/show_bug.cgi?id=223202
-
-        if ($6a7db85432448f7f$export$29bf1b5f2c56cf63(e.nativeEvent)) {
-          state.pointerType = 'virtual';
-          return;
-        } // Due to browser inconsistencies, especially on mobile browsers, we prevent
-        // default on pointer down and handle focusing the pressable element ourselves.
-
-
-        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) {
-          // Chrome and Firefox on touch Windows devices require mouse down events
-          // to be canceled in addition to pointer events, or an extra asynchronous
-          // focus event will be fired.
-          if ($f6c31cce2adf654f$var$shouldPreventDefault(e.currentTarget)) e.preventDefault();
-          e.stopPropagation();
-        }
-      };
-
-      pressProps.onPointerUp = e => {
-        // iOS fires pointerup with zero width and height, so check the pointerType recorded during pointerdown.
-        if (!e.currentTarget.contains(e.target) || state.pointerType === 'virtual') return; // Only handle left clicks
-        // Safari on iOS sometimes fires pointerup events, even
-        // when the touch isn't over the target, so double check.
-
-        if (e.button === 0 && $f6c31cce2adf654f$var$isOverTarget(e, e.currentTarget)) triggerPressUp(e, state.pointerType || e.pointerType);
-      }; // Safari on iOS < 13.2 does not implement pointerenter/pointerleave events correctly.
-      // Use pointer move events instead to implement our own hit testing.
-      // See https://bugs.webkit.org/show_bug.cgi?id=199803
-
-
-      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; // Safari does not call onPointerCancel when a drag starts, whereas Chrome and Firefox do.
-
-        cancel(e);
-      };
-    } else {
-      pressProps.onMouseDown = e => {
-        // Only handle left clicks
-        if (e.button !== 0 || !e.currentTarget.contains(e.target)) return; // Due to browser inconsistencies, especially on mobile browsers, we prevent
-        // default on mouse down and handle focusing the pressable element ourselves.
-
-        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 => {
-        // Only handle left clicks
-        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'; // Due to browser inconsistencies, especially on mobile browsers, we prevent default
-        // on the emulated mouse event and handle focusing the pressable element ourselves.
-
-        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]); // Remove user-select: none in case component unmounts immediately after pressStart
-  // eslint-disable-next-line arrow-body-style
-
-  useEffect(() => {
-    return () => {
-      if (!allowTextSelectionOnPress) // eslint-disable-next-line react-hooks/exhaustive-deps
-        $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: key,
-    code: code
-  } = event;
-  const element = currentTarget;
-  const role = element.getAttribute('role'); // Accessibility for keyboards. Space and Enter only.
-  // "Spacebar" is for IE 11
-
-  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') && // An element with role='link' should only trigger with Enter key
-  !(role === 'link' && key !== 'Enter');
-}
-
-function $f6c31cce2adf654f$var$getTouchFromEvent(event) {
-  const {
-    targetTouches: 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) {
-  // check if they cannot overlap on x axis
-  if (a.left > b.right || b.left > a.right) return false; // check if they cannot overlap on y axis
-
-  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) {
-  // We cannot prevent default if the target is a draggable element.
-  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;
-}
-
-const $f6c31cce2adf654f$var$nonTextInputTypes = new Set(['checkbox', 'radio', 'range', 'color', 'file', 'image', 'button', 'submit', 'reset']);
-
-function $f6c31cce2adf654f$var$isValidInputKey(target, key) {
-  // Only space should toggle checkboxes and radios, not enter.
-  return target.type === 'checkbox' || target.type === 'radio' ? key === ' ' : $f6c31cce2adf654f$var$nonTextInputTypes.has(target.type);
-}
-
-class $8a9cb279dc87e130$export$905e7fc544a71f36 {
-  isDefaultPrevented() {
-    return this.nativeEvent.defaultPrevented;
-  }
-
-  preventDefault() {
-    this.defaultPrevented = true;
-    this.nativeEvent.preventDefault();
-  }
-
-  stopPropagation() {
-    this.nativeEvent.stopPropagation();
-
-    this.isPropagationStopped = () => true;
-  }
-
-  isPropagationStopped() {
-    return false;
-  }
-
-  persist() {}
-
-  constructor(type, nativeEvent) {
-    this.nativeEvent = nativeEvent;
-    this.target = nativeEvent.target;
-    this.currentTarget = nativeEvent.currentTarget;
-    this.relatedTarget = nativeEvent.relatedTarget;
-    this.bubbles = nativeEvent.bubbles;
-    this.cancelable = nativeEvent.cancelable;
-    this.defaultPrevented = nativeEvent.defaultPrevented;
-    this.eventPhase = nativeEvent.eventPhase;
-    this.isTrusted = nativeEvent.isTrusted;
-    this.timeStamp = nativeEvent.timeStamp;
-    this.type = type;
-  }
-
-}
-
-function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
-  let stateRef = useRef({
-    isFocused: false,
-    onBlur: onBlur,
-    observer: null
-  });
-  stateRef.current.onBlur = onBlur; // Clean up MutationObserver on unmount. See below.
-  // eslint-disable-next-line arrow-body-style
-
-  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
-    const state = stateRef.current;
-    return () => {
-      if (state.observer) {
-        state.observer.disconnect();
-        state.observer = null;
-      }
-    };
-  }, []); // This function is called during a React onFocus event.
-
-  return useCallback(e1 => {
-    // React does not fire onBlur when an element is disabled. https://github.com/facebook/react/issues/9142
-    // Most browsers fire a native focusout event in this case, except for Firefox. In that case, we use a
-    // MutationObserver to watch for the disabled attribute, and dispatch these events ourselves.
-    // For browsers that do, focusout fires before the MutationObserver, so onBlur should not fire twice.
-    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 // For backward compatibility, dispatch a (fake) React synthetic event.
-        _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)); // We no longer need the MutationObserver once the target is blurred.
-
-        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']
-      });
-    }
-  }, []);
-}
-
-let $507fabe10e71c6fb$var$currentModality = null;
-let $507fabe10e71c6fb$var$changeHandlers = new Set();
-let $507fabe10e71c6fb$var$hasSetupGlobalListeners = false;
-let $507fabe10e71c6fb$var$hasEventBeforeFocus = false;
-let $507fabe10e71c6fb$var$hasBlurredWindowRecently = false; // Only Tab or Esc keys will make focus visible on text input elements
-
-function $507fabe10e71c6fb$var$triggerChangeHandlers(modality, e) {
-  for (let handler of $507fabe10e71c6fb$var$changeHandlers) handler(modality, e);
-}
-/**
- * Helper function to determine if a KeyboardEvent is unmodified and could make keyboard focus styles visible.
- */
-
-
-function $507fabe10e71c6fb$var$isValidKey(e) {
-  // Control and Shift keys trigger when navigating back to the tab with keyboard.
-  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) {
-  // Firefox fires two extra focus events when the user first clicks into an iframe:
-  // first on the window, then on the document. We ignore these events so they don't
-  // cause keyboard focus rings to appear.
-  if (e.target === window || e.target === document) return; // If a focus event occurs without a preceding keyboard or pointer event, switch to virtual modality.
-  // This occurs, for example, when navigating a form with the next/previous buttons on iOS.
-
-  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() {
-  // When the window is blurred, reset state. This is necessary when tabbing out of the window,
-  // for example, since a subsequent focus event won't be fired.
-  $507fabe10e71c6fb$var$hasEventBeforeFocus = false;
-  $507fabe10e71c6fb$var$hasBlurredWindowRecently = true;
-}
-/**
- * Setup global event listeners to control when keyboard focus style should be visible.
- */
-
-
-function $507fabe10e71c6fb$var$setupGlobalFocusEvents() {
-  if (typeof window === 'undefined' || $507fabe10e71c6fb$var$hasSetupGlobalListeners) return; // Programmatic focus() calls shouldn't affect the current input modality.
-  // However, we need to detect other cases when a focus event occurs without
-  // a preceding user event (e.g. screen reader focus). Overriding the focus
-  // method on HTMLElement.prototype is a bit hacky, but works.
-
-  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); // Register focus events on the window so they are sure to happen
-  // before React's event listeners (registered on the document).
-
-  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: isDisabled,
-    onBlurWithin: onBlurWithin,
-    onFocusWithin: onFocusWithin,
-    onFocusWithinChange: onFocusWithinChange
-  } = props;
-  let state = useRef({
-    isFocusWithin: false
-  });
-  let onBlur = useCallback(e => {
-    // We don't want to trigger onBlurWithin and then immediately onFocusWithin again
-    // when moving focus inside the element. Only trigger if the currentTarget doesn't
-    // include the relatedTarget (where focus is moving).
-    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 = 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: onFocus,
-      onBlur: onBlur
-    }
-  };
-} // iOS fires onPointerEnter twice: once with pointerType="touch" and again with pointerType="mouse".
-// We want to ignore these emulated events so they do not trigger hover behavior.
-// See https://bugs.webkit.org/show_bug.cgi?id=214609.
-
-
-let $6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents = false;
-let $6179b936705e76d3$var$hoverCount = 0;
-
-function $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents() {
-  $6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents = true; // Clear globalIgnoreEmulatedMouseEvents after a short timeout. iOS fires onPointerEnter
-  // with pointerType="mouse" immediately after onPointerUp and before onFocus. On other
-  // devices that don't have this quirk, we don't want to ignore a mouse hover sometime in
-  // the distant future because a user previously touched the element.
-
-  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: onHoverStart,
-    onHoverChange: onHoverChange,
-    onHoverEnd: onHoverEnd,
-    isDisabled: isDisabled
-  } = props;
-  let [isHovered, setHovered] = useState(false);
-  let state = useRef({
-    isHovered: false,
-    ignoreEmulatedMouseEvents: false,
-    pointerType: '',
-    target: null
-  }).current;
-  useEffect($6179b936705e76d3$var$setupGlobalTouchEvents, []);
-  let {
-    hoverProps: hoverProps1,
-    triggerHoverEnd: triggerHoverEnd1
-  } = 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: target,
-        pointerType: 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: target,
-        pointerType: 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: hoverProps,
-      triggerHoverEnd: triggerHoverEnd
-    };
-  }, [onHoverStart, onHoverChange, onHoverEnd, isDisabled, state]);
-  useEffect(() => {
-    // Call the triggerHoverEnd as soon as isDisabled changes to true
-    // Safe to call triggerHoverEnd, it will early return if we aren't currently hovering
-    if (isDisabled) triggerHoverEnd1({
-      currentTarget: state.target
-    }, state.pointerType); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isDisabled]);
-  return {
-    hoverProps: hoverProps1,
-    isHovered: isHovered
-  };
-}
-
-const $8a26561d2877236e$var$DEFAULT_THRESHOLD = 500;
-
-function $8a26561d2877236e$export$c24ed0104d07eab9(props) {
-  let {
-    isDisabled: isDisabled,
-    onLongPressStart: onLongPressStart,
-    onLongPressEnd: onLongPressEnd,
-    onLongPress: onLongPress,
-    threshold = $8a26561d2877236e$var$DEFAULT_THRESHOLD,
-    accessibilityDescription: accessibilityDescription
-  } = props;
-  const timeRef = useRef(null);
-  let {
-    addGlobalListener: addGlobalListener,
-    removeGlobalListener: removeGlobalListener
-  } = $03deb23ff14920c4$export$4eaf04e54aa8eed6();
-  let {
-    pressProps: pressProps
-  } = $f6c31cce2adf654f$export$45712eceda6fad21({
-    isDisabled: isDisabled,
-
-    onPressStart(e1) {
-      if (e1.pointerType === 'mouse' || e1.pointerType === 'touch') {
-        if (onLongPressStart) onLongPressStart(_extends({}, e1, {
-          type: 'longpressstart'
-        }));
-        timeRef.current = setTimeout(() => {
-          // Prevent other usePress handlers from also handling this event.
-          e1.target.dispatchEvent(new PointerEvent('pointercancel', {
-            bubbles: true
-          }));
-          if (onLongPress) onLongPress(_extends({}, e1, {
-            type: 'longpress'
-          }));
-          timeRef.current = null;
-        }, threshold); // Prevent context menu, which may be opened on long press on touch devices
-
-        if (e1.pointerType === 'touch') {
-          let onContextMenu = e => {
-            e.preventDefault();
-          };
-
-          addGlobalListener(e1.target, 'contextmenu', onContextMenu, {
-            once: true
-          });
-          addGlobalListener(window, 'pointerup', () => {
-            // If no contextmenu event is fired quickly after pointerup, remove the handler
-            // so future context menu events outside a long press are not prevented.
-            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(_extends({}, e, {
-        type: 'longpressend'
-      }));
-    }
-
-  });
-  let descriptionProps = $ef06256079686ba0$export$f8aeda7b10753fa1(onLongPress && !isDisabled ? accessibilityDescription : null);
-  return {
-    longPressProps: $3ef42575df84b30b$export$9d1611c77c2fe928(pressProps, descriptionProps)
-  };
-}
-
-function $d191a55c9702f145$export$8467354a121f1b9f(props) {
-  let {
-    id: id,
-    label: 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 : undefined
-    };
-  } 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: id,
-    'aria-label': ariaLabel,
-    'aria-labelledby': ariaLabelledby
-  });
-  return {
-    labelProps: labelProps,
-    fieldProps: fieldProps
-  };
-}
-
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-// https://en.wikipedia.org/wiki/Right-to-left
-
-const $148a7a147e38ea7f$var$RTL_SCRIPTS = new Set(['Arab', 'Syrc', 'Samr', 'Mand', 'Thaa', 'Mend', 'Nkoo', 'Adlm', 'Rohg', 'Hebr']);
-const $148a7a147e38ea7f$var$RTL_LANGS = 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 the Intl.Locale API is available, use it to get the script for the locale.
-  // This is more accurate than guessing by language, since languages can be written in multiple scripts.
-  // @ts-ignore
-  if (Intl.Locale) {
-    // @ts-ignore
-    let script = new Intl.Locale(locale).maximize().script;
-    return $148a7a147e38ea7f$var$RTL_SCRIPTS.has(script);
-  } // If not, just guess by the language (first part of the locale)
-
-
-  let lang = locale.split('-')[0];
-  return $148a7a147e38ea7f$var$RTL_LANGS.has(lang);
-}
-
-function $1e5a04cdaf7d1af8$export$f09106e7c6677ec5() {
-  // @ts-ignore
-  let locale = typeof navigator !== 'undefined' && (navigator.language || navigator.userLanguage) || 'en-US';
-
-  try {
-    // @ts-ignore
-    Intl.DateTimeFormat.supportedLocalesOf([locale]);
-  } catch (_err) {
-    locale = 'en-US';
-  }
-
-  return {
-    locale: locale,
-    direction: $148a7a147e38ea7f$export$702d680b21cbd764(locale) ? 'rtl' : 'ltr'
-  };
-}
-
-let $1e5a04cdaf7d1af8$var$currentLocale = $1e5a04cdaf7d1af8$export$f09106e7c6677ec5();
-let $1e5a04cdaf7d1af8$var$listeners = 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 = useIsSSR();
-  let [defaultLocale, setDefaultLocale] = useState($1e5a04cdaf7d1af8$var$currentLocale);
-  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);
-    };
-  }, []); // We cannot determine the browser's language on the server, so default to
-  // en-US. This will be updated after hydration on the client to the correct value.
-
-  if (isSSR) return {
-    locale: 'en-US',
-    direction: 'ltr'
-  };
-  return defaultLocale;
-}
-
-const $18f2051aff69b9bf$var$I18nContext = /*#__PURE__*/React.createContext(null);
-
-function $18f2051aff69b9bf$export$43bb16f9c6d9e3f7() {
-  let defaultLocale = $1e5a04cdaf7d1af8$export$188ec29ebc2bdc3a();
-  let context = useContext($18f2051aff69b9bf$var$I18nContext);
-  return context || defaultLocale;
-}
-
-let $325a3faab7a68acd$var$cache = new Map();
-
-function $325a3faab7a68acd$export$a16aca283550c30d(options) {
-  let {
-    locale: 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;
-}
-
-function $feb5ffebff200149$export$d3e3bd3e26688c04(e) {
-  // Ctrl + Arrow Up/Arrow Down has a system wide meaning on macOS, so use Alt instead.
-  // On Windows and Ubuntu, Alt + Space has a system wide meaning.
-  return $c87311424ea30a05$export$e1865c3bedcd822b() ? e.altKey : e.ctrlKey;
-}
-
-function $feb5ffebff200149$export$16792effe837dba3(e) {
-  if ($c87311424ea30a05$export$9ac100e40613ea10()) return e.metaKey;
-  return e.ctrlKey;
-}
-/**
- * Controls how long to wait before clearing the typeahead buffer.
- */
-
-
-const $fb3050f43d946246$var$TYPEAHEAD_DEBOUNCE_WAIT_MS = 1000; // 1 second
-
-function $fb3050f43d946246$export$e32c88dfddc6e1d8(options) {
-  let {
-    keyboardDelegate: keyboardDelegate,
-    selectionManager: selectionManager,
-    onTypeSelect: onTypeSelect
-  } = options;
-  let state = useRef({
-    search: '',
-    timeout: null
-  }).current;
-
-  let onKeyDown = e => {
-    let character = $fb3050f43d946246$var$getStringForKey(e.key);
-    if (!character || e.ctrlKey || e.metaKey) return; // Do not propagate the Spacebar event if it's meant to be part of the search.
-    // When we time out, the search term becomes empty, hence the check on length.
-    // Trimming is to account for the case of pressing the Spacebar more than once,
-    // which should cycle through the selection/deselection of the focused item.
-
-    if (character === ' ' && state.search.trim().length > 0) {
-      e.preventDefault();
-      if (!('continuePropagation' in e)) e.stopPropagation();
-    }
-
-    state.search += character; // Use the delegate to find a key to focus.
-    // Prioritize items after the currently focused item, falling back to searching the whole list.
-
-    let key = keyboardDelegate.getKeyForSearch(state.search, selectionManager.focusedKey); // If no key found, search from the top.
-
-    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: {
-      // Using a capturing listener to catch the keydown event before
-      // other hooks in order to handle the Spacebar event.
-      onKeyDownCapture: keyboardDelegate.getKeyForSearch ? onKeyDown : null
-    }
-  };
-}
-
-function $fb3050f43d946246$var$getStringForKey(key) {
-  // If the key is of length 1, it is an ASCII value.
-  // Otherwise, if there are no ASCII characters in the key name,
-  // it is a Unicode character.
-  // See https://www.w3.org/TR/uievents-key/
-  if (key.length === 1 || !/^[A-Z]/i.test(key)) return key;
-  return '';
-}
-
-function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
-  let {
-    selectionManager: manager,
-    keyboardDelegate: delegate,
-    ref: ref,
-    autoFocus = false,
-    shouldFocusWrap = false,
-    disallowEmptySelection = false,
-    disallowSelectAll = false,
-    selectOnFocus = manager.selectionBehavior === 'replace',
-    disallowTypeAhead = false,
-    shouldUseVirtualFocus: shouldUseVirtualFocus,
-    allowsTabNavigation = false,
-    isVirtualized: isVirtualized,
-    // If no scrollRef is provided, assume the collection ref is the scrollable region
-    scrollRef = ref
-  } = options;
-  let {
-    direction: direction
-  } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
-
-  let onKeyDown = e => {
-    // Prevent option + tab from doing anything since it doesn't move focus to the cells, only buttons/checkboxes
-    if (e.altKey && e.key === 'Tab') e.preventDefault(); // Keyboard events bubble through portals. Don't handle keyboard events
-    // for elements outside the collection (e.g. menus).
-
-    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) {
-          // There may be elements that are "tabbable" inside a collection (e.g. in a grid cell).
-          // However, collections should be treated as a single tab stop, with arrow key navigation internally.
-          // We don't control the rendering of these, so we can't override the tabIndex to prevent tabbing.
-          // Instead, we handle the Tab key, and move focus manually to the first/last tabbable element
-          // in the collection, so that the browser default behavior will apply starting from that element
-          // rather than the currently focused one.
-          if (e.shiftKey) ref.current.focus();else {
-            let walker = 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;
-        }
-
-    }
-  }; // Store the scroll position so we can restore it later.
-
-
-  let scrollPos = 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 a focus event bubbled through a portal, reset focus state.
-      if (!e.currentTarget.contains(e.target)) manager.setFocused(false);
-      return;
-    } // Focus events can bubble through portals. Ignore these events.
-
-
-    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);
-        }
-      }; // If the user hasn't yet interacted with the collection, there will be no focusedKey set.
-      // Attempt to detect whether the user is tabbing forward or backward into the collection
-      // and either focus the first or last item accordingly.
-
-
-      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) {
-      // Restore the scroll position to what it was before.
-      scrollRef.current.scrollTop = scrollPos.current.top;
-      scrollRef.current.scrollLeft = scrollPos.current.left; // Refocus and scroll the focused item into view if it exists within the scrollable region.
-
-      let element = scrollRef.current.querySelector(`[data-key="${manager.focusedKey}"]`);
-
-      if (element) {
-        // This prevents a flash of focus on the first/last element in the collection
-        $7215afc6de606d6b$export$de79e2c695e052f3(element);
-        $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollRef.current, element);
-      }
-    }
-  };
-
-  let onBlur = e => {
-    // Don't set blurred and then focused again if moving focus within the collection.
-    if (!e.currentTarget.contains(e.relatedTarget)) manager.setFocused(false);
-  };
-
-  const autoFocusRef = useRef(autoFocus);
-  useEffect(() => {
-    if (autoFocusRef.current) {
-      let focusedKey = null; // Check focus strategy to determine which item to focus
-
-      if (autoFocus === 'first') focusedKey = delegate.getFirstKey();
-      if (autoFocus === 'last') focusedKey = delegate.getLastKey(); // If there are any selected keys, make the first one the new focus target
-
-      let selectedKeys = manager.selectedKeys;
-      if (selectedKeys.size) focusedKey = selectedKeys.values().next().value;
-      manager.setFocused(true);
-      manager.setFocusedKey(focusedKey); // If no default focus key is selected, focus the collection itself.
-
-      if (focusedKey == null && !shouldUseVirtualFocus) focusSafely(ref.current);
-    }
-
-    autoFocusRef.current = false; // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []); // If not virtualized, scroll the focused element into view when the focusedKey changes.
-  // When virtualized, Virtualizer handles this internally.
-
-  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: onKeyDown,
-    onFocus: onFocus,
-    onBlur: onBlur,
-
-    onMouseDown(e) {
-      // Ignore events that bubbled through portals.
-      if (scrollRef.current === e.target) // Prevent focus going to the collection when clicking on the scrollbar.
-        e.preventDefault();
-    }
-
-  };
-  let {
-    typeSelectProps: typeSelectProps
-  } = $fb3050f43d946246$export$e32c88dfddc6e1d8({
-    keyboardDelegate: delegate,
-    selectionManager: manager
-  });
-  if (!disallowTypeAhead) handlers = $3ef42575df84b30b$export$9d1611c77c2fe928(typeSelectProps, handlers); // If nothing is focused within the collection, make the collection itself tabbable.
-  // This will be marshalled to either the first or last item depending on where focus came from.
-  // If using virtual focus, don't set a tabIndex at all so that VoiceOver on iOS 14 doesn't try
-  // to move real DOM focus to the element anyway.
-
-  let tabIndex;
-  if (!shouldUseVirtualFocus) tabIndex = manager.focusedKey == null ? 0 : -1;
-  return {
-    collectionProps: _extends({}, handlers, {
-      tabIndex: tabIndex
-    })
-  };
-}
-
-function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
-  let {
-    selectionManager: manager,
-    key: key,
-    ref: ref,
-    shouldSelectOnPressUp: shouldSelectOnPressUp,
-    isVirtualized: isVirtualized,
-    shouldUseVirtualFocus: shouldUseVirtualFocus,
-    focus: focus,
-    isDisabled: isDisabled,
-    onAction: onAction,
-    allowsDifferentPressOrigin: 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')) // if touch or virtual (VO) then we just want to toggle, otherwise it's impossible to multi select because they don't have modifier keys
-        manager.toggleSelection(key);else manager.replaceSelection(key);
-    }
-  }; // Focus the associated DOM node when this item becomes the focusedKey
-
-
-  useEffect(() => {
-    let isFocused = key === manager.focusedKey;
-
-    if (isFocused && manager.isFocused && !shouldUseVirtualFocus && document.activeElement !== ref.current) {
-      if (focus) focus();else focusSafely(ref.current);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, [ref, key, manager.focusedKey, manager.childFocusStrategy, manager.isFocused, shouldUseVirtualFocus]);
-  isDisabled = isDisabled || manager.isDisabled(key); // Set tabIndex to 0 if the element is focused, or -1 otherwise so that only the last focused
-  // item is tabbable.  If using virtual focus, don't set a tabIndex at all so that VoiceOver
-  // on iOS 14 doesn't try to move real DOM focus to the item anyway.
-
-  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 => {
-    // Prevent focus going to the body when clicking on a disabled item.
-    e.preventDefault();
-  }; // With checkbox selection, onAction (i.e. navigation) becomes primary, and occurs on a single click of the row.
-  // Clicking the checkbox enters selection mode, after which clicking anywhere on any row toggles selection for that row.
-  // With highlight selection, onAction is secondary, and occurs on double click. Single click selects the row.
-  // With touch, onAction occurs on single tap, and long press enters selection mode.
-
-  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 = useRef(null);
-  let longPressEnabled = hasAction && allowsSelection;
-  let longPressEnabledOnPressStart = useRef(false);
-  let hadPrimaryActionOnPressStart = useRef(false); // By default, selection occurs on pointer down. This can be strange if selecting an
-  // item causes the UI to disappear immediately (e.g. menus).
-  // If shouldSelectOnPressUp is true, we use onPressUp instead of onPressStart.
-  // onPress requires a pointer down event on the same element as pointer up. For menus,
-  // we want to be able to have the pointer down on the trigger that opens the menu and
-  // the pointer up on the menu item rather than requiring a separate press.
-  // For keyboard events, selection still occurs on key down.
-
-  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, make selection happen on pressUp (e.g. open menu on press down, selection on menu item happens on press up.)
-    // Otherwise, have selection happen onPress (prevents listview row selection when clicking on interactable elements in the row)
-
-
-    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; // Select on mouse down unless there is a primary action which will occur on mouse up.
-      // For keyboard, select on key down. If there is an action, the Space key selects on key down,
-      // and the Enter key performs onAction on key up.
-
-      if (e.pointerType === 'mouse' && !hasPrimaryAction || e.pointerType === 'keyboard' && (!onAction || $880e95eb8b93ba9a$var$isSelectionKey())) onSelect(e);
-    };
-
-    itemPressProps.onPress = e => {
-      // Selection occurs on touch up. Primary actions always occur on pointer up.
-      // Both primary and secondary actions occur on Enter key up. The only exception
-      // is secondary actions, which occur on double click with a mouse.
-      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: pressProps,
-    isPressed: isPressed
-  } = $f6c31cce2adf654f$export$45712eceda6fad21(itemPressProps); // Double clicking with a mouse with selectionBehavior = 'replace' performs an action.
-
-  let onDoubleClick = hasSecondaryAction ? e => {
-    if (modality.current === 'mouse') {
-      e.stopPropagation();
-      e.preventDefault();
-      onAction();
-    }
-  } : undefined; // Long pressing an item with touch when selectionBehavior = 'replace' switches the selection behavior
-  // to 'toggle'. This changes the single tap behavior from performing an action (i.e. navigating) to
-  // selecting, and may toggle the appearance of a UI affordance like checkboxes on each item.
-
-  let {
-    longPressProps: longPressProps
-  } = $8a26561d2877236e$export$c24ed0104d07eab9({
-    isDisabled: !longPressEnabled,
-
-    onLongPress(e) {
-      if (e.pointerType === 'touch') {
-        onSelect(e);
-        manager.setSelectionBehavior('toggle');
-      }
-    }
-
-  }); // Prevent native drag and drop on long press if we also select on long press.
-  // Once the user is in selection mode, they can long press again to drag.
-  // Use a capturing listener to ensure this runs before useDrag, regardless of
-  // the order the props get merged.
-
-  let onDragStartCapture = e => {
-    if (modality.current === 'touch' && longPressEnabledOnPressStart.current) e.preventDefault();
-  };
-
-  return {
-    itemProps: $3ef42575df84b30b$export$9d1611c77c2fe928(itemProps, allowsSelection || hasPrimaryAction ? pressProps : {}, longPressEnabled ? longPressProps : {}, {
-      onDoubleClick: onDoubleClick,
-      onDragStartCapture: onDragStartCapture
-    }),
-    isPressed: isPressed,
-    isSelected: manager.isSelected(key),
-    isDisabled: isDisabled,
-    allowsSelection: allowsSelection,
-    hasAction: 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';
-}
-
-class $2a25aae57d74318e$export$a05409b8bb224a5a {
-  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: selectionManager,
-    collection: collection,
-    disabledKeys: disabledKeys,
-    ref: ref,
-    keyboardDelegate: keyboardDelegate,
-    autoFocus: autoFocus,
-    shouldFocusWrap: shouldFocusWrap,
-    isVirtualized: isVirtualized,
-    disallowEmptySelection: disallowEmptySelection,
-    selectOnFocus = selectionManager.selectionBehavior === 'replace',
-    disallowTypeAhead: disallowTypeAhead,
-    shouldUseVirtualFocus: shouldUseVirtualFocus,
-    allowsTabNavigation: allowsTabNavigation
-  } = props; // By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down).
-  // When virtualized, the layout object will be passed in as a prop and override this.
-
-  let collator = $325a3faab7a68acd$export$a16aca283550c30d({
-    usage: 'search',
-    sensitivity: 'base'
-  });
-  let disabledBehavior = selectionManager.disabledBehavior;
-  let delegate = useMemo(() => keyboardDelegate || new $2a25aae57d74318e$export$a05409b8bb224a5a(collection, disabledBehavior === 'selection' ? new Set() : disabledKeys, ref, collator), [keyboardDelegate, collection, disabledKeys, ref, collator, disabledBehavior]);
-  let {
-    collectionProps: collectionProps
-  } = $ae20dd8cbca75726$export$d6daf82dcd84e87c({
-    ref: ref,
-    selectionManager: selectionManager,
-    keyboardDelegate: delegate,
-    autoFocus: autoFocus,
-    shouldFocusWrap: shouldFocusWrap,
-    disallowEmptySelection: disallowEmptySelection,
-    selectOnFocus: selectOnFocus,
-    disallowTypeAhead: disallowTypeAhead,
-    shouldUseVirtualFocus: shouldUseVirtualFocus,
-    allowsTabNavigation: allowsTabNavigation,
-    isVirtualized: isVirtualized,
-    scrollRef: ref
-  });
-  return {
-    listProps: collectionProps
-  };
-}
-
-const $453cc9f0df89c0a5$var$cache = 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;
-}
-
-const $b1f0cad8af73213b$export$3585ede4d035bf14 = 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: listProps
-  } = $982254629710d113$export$b95089534ab7c1fd(_extends({}, props, {
-    ref: ref,
-    selectionManager: state.selectionManager,
-    collection: state.collection,
-    disabledKeys: state.disabledKeys
-  }));
-  let {
-    focusWithinProps: focusWithinProps
-  } = $9ab94262bd0047c7$export$420e68273165f4ec({
-    onFocusWithin: props.onFocus,
-    onBlurWithin: props.onBlur,
-    onFocusWithinChange: props.onFocusChange
-  }); // Share list id and some props with child options.
-
-  let id = $bdb11010cef70236$export$f680877a34711e37(props.id);
-  $b1f0cad8af73213b$export$3585ede4d035bf14.set(state, {
-    id: id,
-    shouldUseVirtualFocus: props.shouldUseVirtualFocus,
-    shouldSelectOnPressUp: props.shouldSelectOnPressUp,
-    shouldFocusOnHover: props.shouldFocusOnHover,
-    isVirtualized: props.isVirtualized,
-    onAction: props.onAction
-  });
-  let {
-    labelProps: labelProps,
-    fieldProps: fieldProps
-  } = $d191a55c9702f145$export$8467354a121f1b9f(_extends({}, props, {
-    id: id,
-    // listbox is not an HTML input element so it
-    // shouldn't be labeled by a <label> element.
-    labelElementType: 'span'
-  }));
-  return {
-    labelProps: labelProps,
-    listBoxProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, focusWithinProps, state.selectionManager.selectionMode === 'multiple' ? {
-      'aria-multiselectable': 'true'
-    } : {}, _extends({
-      role: 'listbox'
-    }, $3ef42575df84b30b$export$9d1611c77c2fe928(fieldProps, listProps)))
-  };
-}
-
-function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
-  let {
-    key: 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 : undefined
-  }; // Safari with VoiceOver on macOS misreads options with aria-labelledby or aria-label as simply "text".
-  // We should not map slots to the label and description on Safari and instead just have VoiceOver read the textContent.
-  // https://bugs.webkit.org/show_bug.cgi?id=209279
-
-  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: itemProps,
-    isPressed: isPressed,
-    hasAction: hasAction,
-    allowsSelection: allowsSelection
-  } = $880e95eb8b93ba9a$export$ecf600387e221c37({
-    selectionManager: state.selectionManager,
-    key: key,
-    ref: ref,
-    shouldSelectOnPressUp: shouldSelectOnPressUp,
-    allowsDifferentPressOrigin: shouldSelectOnPressUp && shouldFocusOnHover,
-    isVirtualized: isVirtualized,
-    shouldUseVirtualFocus: shouldUseVirtualFocus,
-    isDisabled: isDisabled,
-    onAction: data.onAction ? () => data.onAction(key) : undefined
-  });
-  let {
-    hoverProps: hoverProps
-  } = $6179b936705e76d3$export$ae780daf29e6d456({
-    isDisabled: isDisabled || !shouldFocusOnHover,
-
-    onHoverStart() {
-      if (!$507fabe10e71c6fb$export$b9b3dfddab17db27()) {
-        state.selectionManager.setFocused(true);
-        state.selectionManager.setFocusedKey(key);
-      }
-    }
-
-  });
-  return {
-    optionProps: _extends({}, optionProps, $3ef42575df84b30b$export$9d1611c77c2fe928(itemProps, hoverProps), {
-      id: $b1f0cad8af73213b$export$9145995848b05025(state, key)
-    }),
-    labelProps: {
-      id: labelId
-    },
-    descriptionProps: {
-      id: descriptionId
-    },
-    isFocused: isFocused,
-    isSelected: isSelected,
-    isDisabled: isDisabled,
-    isPressed: isPressed,
-    allowsSelection: allowsSelection,
-    hasAction: hasAction
-  };
-}
-
-let _$3 = t => t,
-    _t$3,
-    _t2$3,
-    _t3$3,
-    _t4$3,
-    _t5$3,
-    _t6$1;
-
-const _excluded$3 = ["state", "mode"];
-
-const Listbox = _ref => {
-  let {
-    state,
-    mode = 'default'
-  } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-
-  const ref = useRef(null);
-  const {
-    listBoxProps
-  } = $c132121280ec012d$export$50eacbbf140a3141(props, state, ref);
-  const collection = useMemo(() => [...state.collection].map((node, index, self) => ({
-    node,
-    first: index === 0,
-    last: index === self.length - 1
-  })), [state.collection]);
-  return /*#__PURE__*/React.createElement(ListboxRoot, _extends({
-    ref: ref
-  }, listBoxProps), collection.map(({
-    node,
-    last
-  }) => /*#__PURE__*/React.createElement(Fragment, {
-    key: node.key
-  }, /*#__PURE__*/React.createElement(Option, {
-    item: node,
-    state: state,
-    mode: mode
-  }), !last && mode === 'separator' && /*#__PURE__*/React.createElement(Divider, null))));
-};
-
-var Listbox$1 = memo(Listbox);
-const ListboxRoot = styled.ul(_t$3 || (_t$3 = _$3`
-  padding-left: 0;
-  margin: 0;
-  box-sizing: border-box;
-  list-style: none;
-
-  ${0}
-`), theme$2(o => [o.bg.background1, o.border.default, o.borderRadius(8), o.outline.default.focus]));
-const Divider = styled.div.attrs({
-  role: 'separator'
-})(_t2$3 || (_t2$3 = _$3`
-  display: flex;
-  ${0}
-
-  &:before {
-    content: '';
-    display: block;
-    width: 100%;
-    height: 1px;
-    background: #00000014;
-  }
-`), theme$2(o => [o.padding.horizontal(8)]));
-
-const Option = ({
-  item,
-  state,
-  mode
-}) => {
-  const ref = useRef(null);
-  const {
-    optionProps,
-    isSelected
-  } = $293f70390ea03370$export$497855f14858aa34(item, state, ref);
-  const {
-    focusProps
-  } = useFocusRing();
-  return /*#__PURE__*/React.createElement(OptionRoot, _extends({}, $3ef42575df84b30b$export$9d1611c77c2fe928(optionProps, focusProps), {
-    ref: ref,
-    mode: mode
-  }), /*#__PURE__*/React.createElement(OptionCheckIcon, {
-    name: "16/Check",
-    isSelected: isSelected
-  }), /*#__PURE__*/React.createElement(OptionText, null, item.rendered));
-};
-
-const OptionRoot = styled.li(_t3$3 || (_t3$3 = _$3`
-  display: flex;
-  align-items: center;
-  gap: ${0};
-  height: 40px;
-  cursor: pointer;
-  outline: none;
-
-  ${0}
-
-  &:focus {
-    ${0}
-  }
-`), ({
-  theme
-}) => px(theme.spacing[4]), ({
-  mode
-}) => theme$2(o => [o.padding.horizontal(8), mode === 'separator' && o.padding.vertical(4)]), theme$2(o => [o.bg.surface3]));
-const OptionCheckIcon = styled(Icon$1)(_t4$3 || (_t4$3 = _$3`
-  visibility: hidden;
-
-  ${0}
-`), ({
-  isSelected
-}) => isSelected && css(_t5$3 || (_t5$3 = _$3`
-      visibility: visible;
-    `)));
-const OptionText = styled.span(_t6$1 || (_t6$1 = _$3`
-  display: block;
-  ${0}
-`), theme$2(o => [o.typography(14)]));
-
-const _excluded$2 = ["open", "onClose", "children"];
-
-const Popover = _ref => {
-  let {
-    open,
-    onClose,
-    children
-  } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-
-  const ref = useRef(null);
-  const {
-    overlayProps
-  } = useOverlay(useMemo(() => ({
-    isOpen: open,
-    onClose,
-    shouldCloseOnBlur: true,
-    isDismissable: true
-  }), [onClose, open]), ref);
-  return /*#__PURE__*/React.createElement(FocusScope, {
-    restoreFocus: true
-  }, /*#__PURE__*/React.createElement("div", _extends({}, $3ef42575df84b30b$export$9d1611c77c2fe928(overlayProps, props), {
-    ref: ref
-  }), children, /*#__PURE__*/React.createElement(DismissButton, {
-    onDismiss: onClose
-  })));
-};
-
-var Popover$1 = memo(Popover);
-
-let _$2 = t => t,
-    _t$2,
-    _t2$2,
-    _t3$2,
-    _t4$2,
-    _t5$2,
-    _t6,
-    _t7;
-
-const _excluded$1 = ["open", "className", "label", "requiredText", "subLabel", "assertiveText", "autoComplete", "invalid", "disabled", "required", "showLabel", "mode"];
-
-const DropdownSelector = _ref => {
-  let {
-    open,
-    className,
-    label = '',
-    requiredText = '',
-    subLabel,
-    assertiveText,
-    autoComplete,
-    invalid = false,
-    disabled = false,
-    required = false,
-    showLabel = false,
-    mode = 'default'
-  } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-
-  const {
-    visuallyHiddenProps
-  } = useVisuallyHidden();
-  const triggerRef = useRef(null);
-  const selectProps = useMemo(() => _extends({}, props, {
-    label,
-    isOpen: open,
-    isDisabled: disabled,
-    isRequired: required,
-    errorMessage: invalid && assertiveText,
-    validationState: invalid ? 'invalid' : 'valid',
-    onSelectionChange: props.onChange,
-    selectedKey: props.value,
-    defaultSelectedKey: props.defaultValue
-  }), [assertiveText, disabled, invalid, label, open, props, required]);
-  const state = useSelectState(selectProps);
-  const {
-    labelProps,
-    triggerProps,
-    valueProps,
-    menuProps,
-    errorMessageProps,
-    descriptionProps
-  } = useSelect(selectProps, state, triggerRef);
-  const {
-    buttonProps
-  } = useButton(triggerProps, triggerRef);
-  const hasAssertiveText = assertiveText !== undefined && assertiveText.length > 0;
-  return /*#__PURE__*/React.createElement(DropdownSelectorRoot, {
-    "aria-disabled": disabled,
-    className: className
-  }, /*#__PURE__*/React.createElement(DropdownFieldLabel, _extends({
-    label: label,
-    required: required,
-    requiredText: requiredText,
-    subLabel: subLabel
-  }, labelProps, !showLabel ? visuallyHiddenProps : {})), /*#__PURE__*/React.createElement(HiddenSelect, {
-    state: state,
-    triggerRef: triggerRef,
-    label: label,
-    name: props.name,
-    isDisabled: disabled,
-    autoComplete: autoComplete
-  }), /*#__PURE__*/React.createElement(DropdownButtonWrapper, null, /*#__PURE__*/React.createElement(DropdownButton, _extends({}, buttonProps, {
-    ref: triggerRef,
-    invalid: invalid
-  }), /*#__PURE__*/React.createElement(DropdownButtonText, valueProps, state.selectedItem ? state.selectedItem.rendered : props.placeholder), /*#__PURE__*/React.createElement(Icon$1, {
-    name: "16/Menu"
-  })), state.isOpen && /*#__PURE__*/React.createElement(DropdownPopover, {
-    open: state.isOpen,
-    onClose: () => state.close()
-  }, /*#__PURE__*/React.createElement(Listbox$1, _extends({}, menuProps, {
-    state: state,
-    mode: mode
-  })))), hasAssertiveText && /*#__PURE__*/React.createElement(AssertiveText, _extends({
-    invalid: invalid
-  }, invalid ? errorMessageProps : descriptionProps), assertiveText));
-};
-const DropdownSelectorItem = Item;
-const DropdownSelectorRoot = styled.div(_t$2 || (_t$2 = _$2`
-  position: relative;
-  display: inline-block;
-
-  ${0} {
-    cursor: default;
-    ${0}
-  }
-`), disabledSelector, theme$2(o => o.disabled));
-const DropdownFieldLabel = styled(FieldLabel)(_t2$2 || (_t2$2 = _$2`
-  width: 100%;
-
-  ${0}
-`), theme$2(o => o.margin.bottom(8)));
-const DropdownButtonWrapper = styled.div(_t3$2 || (_t3$2 = _$2`
-  position: relative;
-`));
-const DropdownButton = styled.button(_t4$2 || (_t4$2 = _$2`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-
-  height: 40px;
-  width: 288px;
-  box-sizing: border-box;
-  cursor: pointer;
-
-  ${0} {
-    cursor: default;
-  }
-
-  ${0}
-`), disabledSelector, ({
-  invalid
-}) => theme$2(o => [o.border.default, o.padding.horizontal(8), o.outline.default.focus, o.bg.surface3, o.borderRadius(4), invalid && o.outline.assertive]));
-const DropdownButtonText = styled.span(_t5$2 || (_t5$2 = _$2`
-  text-align: left;
-
-  ${0}
-`), theme$2(o => [o.typography(14), o.font.text2]));
-const AssertiveText = styled.div(_t6 || (_t6 = _$2`
-  ${0}
-`), ({
-  invalid
-}) => theme$2(o => [o.typography(14), o.margin.top(8), invalid && o.font.assertive]));
-const DropdownPopover = styled(Popover$1)(_t7 || (_t7 = _$2`
-  position: absolute;
-  width: 100%;
-
-  top: 100%;
-  margin-top: 2px;
-`));
-
-const RadioContext = createContext(null);
-const RadioProvider = ({
-  value,
-  children
-}) => {
-  return /*#__PURE__*/React.createElement(RadioContext.Provider, {
-    value: value
-  }, children);
-};
-const useRadioContext = () => {
-  const state = useContext(RadioContext);
-  if (state === null) throw new Error('`<RadioProvider>` is not likely mounted.');
-  return state;
-};
-
-let _$1 = t => t,
-    _t$1,
-    _t2$1,
-    _t3$1,
-    _t4$1,
-    _t5$1;
-
-const _excluded = ["children"];
-const SegmentedControl = forwardRef(function SegmentedControlInner(props, ref) {
-  const ariaRadioGroupProps = useMemo(() => _extends({}, props, {
-    isDisabled: props.disabled,
-    isReadOnly: props.readonly,
-    isRequired: props.required
-  }), [props]);
-  const state = useRadioGroupState(ariaRadioGroupProps);
-  const {
-    radioGroupProps
-  } = useRadioGroup(ariaRadioGroupProps, state);
-  const segmentedControlItems = useMemo(() => {
-    return props.data.map(d => typeof d === 'string' ? {
-      value: d,
-      label: d
-    } : d);
-  }, [props.data]);
-  return /*#__PURE__*/React.createElement(SegmentedControlRoot, _extends({
-    ref: ref
-  }, radioGroupProps), /*#__PURE__*/React.createElement(RadioProvider, {
-    value: state
-  }, segmentedControlItems.map(item => /*#__PURE__*/React.createElement(Segmented, {
-    key: item.value,
-    value: item.value,
-    disabled: item.disabled
-  }, item.label))));
-});
-var index$1 = memo(SegmentedControl);
-
-const Segmented = _ref => {
-  let {
-    children
-  } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  const state = useRadioContext();
-  const ref = useRef(null);
-  const ariaRadioProps = useMemo(() => _extends({}, props, {
-    isDisabled: props.disabled
-  }), [props]);
-  const {
-    inputProps,
-    isDisabled,
-    isSelected
-  } = useRadio(ariaRadioProps, state, ref);
-  return /*#__PURE__*/React.createElement(SegmentedRoot, {
-    "aria-disabled": isDisabled || state.isReadOnly,
-    checked: isSelected
-  }, /*#__PURE__*/React.createElement(SegmentedInput, _extends({}, inputProps, {
-    ref: ref
-  })), /*#__PURE__*/React.createElement(RadioLabel, null, /*#__PURE__*/React.createElement(SegmentedLabelInner, null, children)));
-};
-
-const SegmentedControlRoot = styled.div(_t$1 || (_t$1 = _$1`
-  display: inline-flex;
-  align-items: center;
-
-  ${0}
-`), theme$2(o => [o.bg.surface3, o.borderRadius(16)]));
-const SegmentedRoot = styled.label(_t2$1 || (_t2$1 = _$1`
-  position: relative;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  height: 32px;
-
-  ${0} {
-    cursor: default;
-  }
-
-  ${0}
-`), disabledSelector, ({
-  checked
-}) => theme$2(o => [o.padding.horizontal(16), o.borderRadius(16), o.disabled, checked === true && o.bg.brand, checked === true ? o.font.text5 : o.font.text2]));
-const SegmentedInput = styled.input(_t3$1 || (_t3$1 = _$1`
-  position: absolute;
-
-  height: 0px;
-  width: 0px;
-  padding: 0;
-  margin: 0;
-
-  appearance: none;
-  box-sizing: border-box;
-  overflow: hidden;
-  white-space: nowrap;
-  opacity: 0;
-`));
-const RadioLabel = styled.div(_t4$1 || (_t4$1 = _$1`
-  background: transparent;
-  display: flex;
-  align-items: center;
-  height: 22px;
-`));
-const SegmentedLabelInner = styled.div(_t5$1 || (_t5$1 = _$1`
-  ${0}
-`), theme$2(o => [o.typography(14)]));
-
-let _ = t => t,
-    _t,
-    _t2,
-    _t3,
-    _t4,
-    _t5;
-const Checkbox = forwardRef(function CheckboxInner(props, ref) {
-  var _props$disabled, _props$readonly;
-
-  const ariaCheckboxProps = useMemo(() => _extends({}, props, {
-    isSelected: props.checked,
-    defaultSelected: props.defaultChecked,
-    // children がいない場合は aria-label をつけないといけない
-    'aria-label': 'children' in props ? undefined : props.label,
-    isDisabled: props.disabled
-  }), [props]);
-  const state = useToggleState(ariaCheckboxProps);
-  const objectRef = $df56164dff5785e2$export$4338b53315abf666(ref);
-  const {
-    inputProps
-  } = useCheckbox(ariaCheckboxProps, state, objectRef);
-  const isDisabled = ((_props$disabled = props.disabled) != null ? _props$disabled : false) || ((_props$readonly = props.readonly) != null ? _props$readonly : false);
-  return /*#__PURE__*/React.createElement(InputRoot, {
-    "aria-disabled": isDisabled
-  }, /*#__PURE__*/React.createElement(CheckboxInput, _extends({
-    type: "checkbox"
-  }, inputProps)), /*#__PURE__*/React.createElement(CheckboxInputOverlay, {
-    "aria-hidden": true,
-    checked: inputProps.checked
-  }, /*#__PURE__*/React.createElement(Icon$1, {
-    name: "24/Check",
-    unsafeNonGuidelineScale: 2 / 3
-  })), 'children' in props && /*#__PURE__*/React.createElement(InputLabel, null, props.children));
-});
-var index = memo(Checkbox);
-const hiddenCss = css(_t || (_t = _`
-  visibility: hidden;
-`));
-const InputRoot = styled.label(_t2 || (_t2 = _`
-  position: relative;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  ${0} {
-    cursor: default;
-  }
-
-  gap: ${0};
-  ${0}
-`), disabledSelector, ({
-  theme
-}) => px(theme.spacing[4]), theme$2(o => [o.disabled]));
-const CheckboxInput = styled.input(_t3 || (_t3 = _`
-  &[type='checkbox'] {
-    appearance: none;
-    display: block;
-    cursor: pointer;
-    margin: 0;
-    width: 20px;
-    height: 20px;
-
-    &:checked {
-      ${0}
-    }
-    &:not(:checked) {
-      border-width: 2px;
-      border-style: solid;
-      border-color: ${0};
-    }
-    ${0}
-  }
-`), theme$2(o => o.bg.brand.hover.press), ({
-  theme
-}) => theme.color.text4, theme$2(o => [o.outline.default.focus, o.borderRadius(4)]));
-const CheckboxInputOverlay = styled.div(_t4 || (_t4 = _`
-  position: absolute;
-  top: -2px;
-  left: -2px;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  ${0}
-
-  ${0};
-`), theme$2(o => [o.width.px(24), o.height.px(24), o.font.text5]), ({
-  checked
-}) => checked !== true && hiddenCss);
-const InputLabel = styled.div(_t5 || (_t5 = _`
-  ${0}
-`), theme$2(o => [o.typography(14)]));
-
-export { Button, index as Checkbox, Clickable, ComponentAbstraction, DropdownSelector, DropdownSelectorItem, Icon$1 as Icon, IconButton, LoadingSpinner, LoadingSpinnerIcon, Modal, ModalAlign, ModalBody, ModalButtons, ModalHeader, MultiSelect, MultiSelectGroup, Radio, RadioGroup, index$1 as SegmentedControl, SwitchCheckbox as Switch, TextField, useComponentAbstraction };
-//# sourceMappingURL=index.modern.js.map