{"version":3,"file":"static/chunks/pages/_app-f89401fe9e583e32.js","mappings":"AAiBA;;;;;;;;;;AoJgBA;;;;;;;;AASA;;;;;;;;;;;;AAaA;;;;AAyBA;;;AAGA;AACA;AACA;;;AAGA;AACA;;;AAGA;;;;;;;;;AASA;;AAEA;AACA;AACA;;;AAGA;;;;;AAKA;;AAEA;;;;AAIA;;;A+N0LA;;;;;AsP5SA;;;;AEDA;;;;;ACCA;;;;;;;AeEA;;;;;;;;;;;;A2EuCA;;;;;;;;;;;;;AAcA;AA+CA;AACA;;;;;;;;AAWA;;;;AAIA;;;;;;;;;;;AAWA;;Aa/GA;;;;;;;;AsYfA;AqM8CA;;AAEA;AACA;AACA;AACA;;AAEA;;;;;;;;AerDA;;;;;;;;AGAA;;;;;;;;AEAA;;;;;;;;ACAA;;;;;;;;;;;;;;;AsEiCA;;;;;;;;;;;;;;;AAgBA;;;;;;;;;;;;;;;AAgBA;AA2FA;AACA;;AA+BA;AACA;;AAgCA;AACA;;AwFspHA;;;;;AAKA;AAuJA;;;;;;AA1iFA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkuHA;;;;;;;;;;;;;;AAcA;;;;AAIA;;;;;;;AAOA;;;;;;;;;;;;;;;;;;AAkBA;;;;;;;;;;;AA0BA;;;;;;;AAOA;;;AAGA;;;AAKA;;;AAGA;;;;;AAKA;;;AAGA;;;;;;;;;;;;;;;;;;AAiCA;;;;;;;;;;;;;;;AAeA;;;;;;;;;;AAo6DA;;;;;;;;AAQA;;;;;;;;;;;;AAYA;;;;AAoBA;;;AAGA;AACA;AACA;;;AAKA;AACA;;;AAKA;;;;;;;;;AASA;;AAEA;AACA;AACA;;;AAKA;;;;;AAKA;;AAEA;;;;AAMA;AAqnBA;;;;AAIA;;;AA0OA;;;;;;;;;AASA;;;;;;;;;;;;;;;;;;;;AAoBA;;;;;;;;;;AAUA;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA;AACA;;;;;;;;;;;;;AAaA;;;;;;AAMA;;;;;;;;;;;;;;;;;;;;AAoBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA;;AAIA;;;;;;;;AAQA;;;;;AAOA;;;;;;AAMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA;;;;;;;;;;;;;;AAgBA;;;;;;;;;;;;;;;;;;AAkBA;;;;;;;;;;;;;;;;;;;AAmBA;AAgfA;;AAUA;AAKA;;;AAggCA;;;AA8NA;AAgEA;;;;AwGtlUA","sources":["webpack://_N_E/./node_modules/@ant-design/colors/dist/index.esm.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/node_modules/@emotion/hash/dist/hash.browser.esm.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/Cache.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/StyleContext.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/theme/calc/calculator.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/theme/calc/CSSCalculator.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/theme/calc/NumCalculator.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/theme/calc/index.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/theme/ThemeCache.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/theme/Theme.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/theme/createTheme.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/theme/index.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/util/index.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/util/css-variables.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/hooks/useCompatibleInsertionEffect.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/hooks/useEffectCleanupRegister.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/hooks/useHMR.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/hooks/useGlobalCache.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/hooks/useCacheToken.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/node_modules/stylis/src/Enum.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/node_modules/stylis/src/Utility.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/node_modules/stylis/src/Serializer.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/node_modules/stylis/src/Tokenizer.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/node_modules/stylis/src/Parser.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/linters/utils.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/linters/contentQuotesLinter.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/linters/hashedAnimationLinter.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/linters/legacyNotSelectorLinter.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/linters/logicalPropertiesLinter.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/linters/NaNLinter.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/linters/parentSelectorLinter.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/linters/index.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/util/cacheMapUtil.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/hooks/useStyleRegister.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/hooks/useCSSVarRegister.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/extractStyle.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/Keyframes.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/transformers/legacyLogicalProperties.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/transformers/px2rem.js","webpack://_N_E/./node_modules/@ant-design/cssinjs/es/index.js","webpack://_N_E/./node_modules/@ant-design/icons-svg/lib/asn/CalendarOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons-svg/lib/asn/ClockCircleOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons-svg/lib/asn/CloseCircleFilled.js","webpack://_N_E/./node_modules/@ant-design/icons-svg/lib/asn/LoadingOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons-svg/lib/asn/SwapRightOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons/CalendarOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons/ClockCircleOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons/CloseCircleFilled.js","webpack://_N_E/./node_modules/@ant-design/icons/LoadingOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons/SwapRightOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons/es/utils.js","webpack://_N_E/./node_modules/@ant-design/icons/es/components/IconBase.js","webpack://_N_E/./node_modules/@ant-design/icons/es/components/twoTonePrimaryColor.js","webpack://_N_E/./node_modules/@ant-design/icons/es/components/AntdIcon.js","webpack://_N_E/./node_modules/@ant-design/icons/es/components/Context.js","webpack://_N_E/./node_modules/@ant-design/icons-svg/es/asn/CheckCircleFilled.js","webpack://_N_E/./node_modules/@ant-design/icons/es/icons/CheckCircleFilled.js","webpack://_N_E/./node_modules/@ant-design/icons-svg/es/asn/CheckOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons/es/icons/CheckOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons-svg/es/asn/CloseCircleFilled.js","webpack://_N_E/./node_modules/@ant-design/icons/es/icons/CloseCircleFilled.js","webpack://_N_E/./node_modules/@ant-design/icons-svg/es/asn/CloseOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons/es/icons/CloseOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons-svg/es/asn/CopyOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons/es/icons/CopyOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons-svg/es/asn/EditOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons/es/icons/EditOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons-svg/es/asn/ExclamationCircleFilled.js","webpack://_N_E/./node_modules/@ant-design/icons/es/icons/ExclamationCircleFilled.js","webpack://_N_E/./node_modules/@ant-design/icons-svg/es/asn/EyeOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons/es/icons/EyeOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons-svg/es/asn/InfoCircleFilled.js","webpack://_N_E/./node_modules/@ant-design/icons/es/icons/InfoCircleFilled.js","webpack://_N_E/./node_modules/@ant-design/icons-svg/es/asn/LeftOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons/es/icons/LeftOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons-svg/es/asn/LoadingOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons/es/icons/LoadingOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons-svg/es/asn/RightOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons/es/icons/RightOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons-svg/es/asn/SearchOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons/es/icons/SearchOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons/lib/components/AntdIcon.js","webpack://_N_E/./node_modules/@ant-design/icons/lib/components/Context.js","webpack://_N_E/./node_modules/@ant-design/icons/lib/components/IconBase.js","webpack://_N_E/./node_modules/@ant-design/icons/lib/components/twoTonePrimaryColor.js","webpack://_N_E/./node_modules/@ant-design/icons/lib/icons/CalendarOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons/lib/icons/ClockCircleOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons/lib/icons/CloseCircleFilled.js","webpack://_N_E/./node_modules/@ant-design/icons/lib/icons/LoadingOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons/lib/icons/SwapRightOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons/lib/utils.js","webpack://_N_E/./node_modules/@ctrl/tinycolor/dist/module/conversion.js","webpack://_N_E/./node_modules/@ctrl/tinycolor/dist/module/css-color-names.js","webpack://_N_E/./node_modules/@ctrl/tinycolor/dist/module/format-input.js","webpack://_N_E/./node_modules/@ctrl/tinycolor/dist/module/index.js","webpack://_N_E/./node_modules/@ctrl/tinycolor/dist/module/readability.js","webpack://_N_E/./node_modules/@ctrl/tinycolor/dist/module/to-ms-filter.js","webpack://_N_E/./node_modules/@ctrl/tinycolor/dist/module/from-ratio.js","webpack://_N_E/./node_modules/@ctrl/tinycolor/dist/module/random.js","webpack://_N_E/./node_modules/@ctrl/tinycolor/dist/module/public_api.js","webpack://_N_E/./node_modules/@ctrl/tinycolor/dist/module/util.js","webpack://_N_E/./node_modules/@emotion/sheet/dist/emotion-sheet.esm.js","webpack://_N_E/./node_modules/stylis/src/Utility.js","webpack://_N_E/./node_modules/stylis/src/Tokenizer.js","webpack://_N_E/./node_modules/stylis/src/Enum.js","webpack://_N_E/./node_modules/stylis/src/Serializer.js","webpack://_N_E/./node_modules/stylis/src/Middleware.js","webpack://_N_E/./node_modules/stylis/src/Parser.js","webpack://_N_E/./node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js","webpack://_N_E/./node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js","webpack://_N_E/./node_modules/@emotion/memoize/dist/emotion-memoize.esm.js","webpack://_N_E/./node_modules/@emotion/react/dist/emotion-element-f0de968e.browser.esm.js","webpack://_N_E/./node_modules/@emotion/react/dist/emotion-react.browser.esm.js","webpack://_N_E/./node_modules/@emotion/hash/dist/emotion-hash.esm.js","webpack://_N_E/./node_modules/@emotion/serialize/node_modules/@emotion/unitless/dist/emotion-unitless.esm.js","webpack://_N_E/./node_modules/@emotion/serialize/dist/emotion-serialize.esm.js","webpack://_N_E/./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js","webpack://_N_E/./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js","webpack://_N_E/./node_modules/@emotion/unitless/dist/unitless.browser.esm.js","webpack://_N_E/./node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.browser.esm.js","webpack://_N_E/./node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js","webpack://_N_E/./node_modules/@mui/base/node_modules/@mui/utils/esm/extractEventHandlers/extractEventHandlers.js","webpack://_N_E/./node_modules/@mui/base/node_modules/@mui/utils/esm/setRef/setRef.js","webpack://_N_E/./node_modules/@mui/base/node_modules/@mui/utils/esm/useForkRef/useForkRef.js","webpack://_N_E/./node_modules/@mui/base/node_modules/@mui/utils/esm/isHostComponent/isHostComponent.js","webpack://_N_E/./node_modules/@mui/base/node_modules/@mui/utils/esm/appendOwnerState/appendOwnerState.js","webpack://_N_E/./node_modules/@mui/base/node_modules/@mui/utils/esm/omitEventHandlers/omitEventHandlers.js","webpack://_N_E/./node_modules/@mui/base/node_modules/@mui/utils/esm/mergeSlotProps/mergeSlotProps.js","webpack://_N_E/./node_modules/@mui/base/node_modules/@mui/utils/esm/resolveComponentProps/resolveComponentProps.js","webpack://_N_E/./node_modules/@mui/base/node_modules/@mui/utils/esm/useSlotProps/useSlotProps.js","webpack://_N_E/./node_modules/@mui/base/utils/resolveComponentProps.js","webpack://_N_E/./node_modules/@mui/material/Backdrop/backdropClasses.js","webpack://_N_E/./node_modules/@mui/material/Backdrop/Backdrop.js","webpack://_N_E/./node_modules/@mui/utils/esm/usePreviousProps/usePreviousProps.js","webpack://_N_E/./node_modules/@mui/material/Badge/useBadge.js","webpack://_N_E/./node_modules/@mui/material/Badge/badgeClasses.js","webpack://_N_E/./node_modules/@mui/material/Badge/Badge.js","webpack://_N_E/./node_modules/@mui/system/esm/createBox.js","webpack://_N_E/./node_modules/@mui/material/Box/boxClasses.js","webpack://_N_E/./node_modules/@mui/material/Box/Box.js","webpack://_N_E/./node_modules/@mui/material/Button/buttonClasses.js","webpack://_N_E/./node_modules/@mui/material/ButtonGroup/ButtonGroupContext.js","webpack://_N_E/./node_modules/@mui/material/ButtonGroup/ButtonGroupButtonContext.js","webpack://_N_E/./node_modules/@mui/material/Button/Button.js","webpack://_N_E/./node_modules/react-transition-group/esm/utils/ChildMapping.js","webpack://_N_E/./node_modules/react-transition-group/esm/TransitionGroup.js","webpack://_N_E/./node_modules/@mui/material/ButtonBase/Ripple.js","webpack://_N_E/./node_modules/@mui/material/ButtonBase/touchRippleClasses.js","webpack://_N_E/./node_modules/@mui/material/ButtonBase/TouchRipple.js","webpack://_N_E/./node_modules/@mui/material/ButtonBase/buttonBaseClasses.js","webpack://_N_E/./node_modules/@mui/material/ButtonBase/ButtonBase.js","webpack://_N_E/./node_modules/@mui/material/internal/svg-icons/CheckBoxOutlineBlank.js","webpack://_N_E/./node_modules/@mui/material/internal/svg-icons/CheckBox.js","webpack://_N_E/./node_modules/@mui/material/internal/svg-icons/IndeterminateCheckBox.js","webpack://_N_E/./node_modules/@mui/material/Checkbox/checkboxClasses.js","webpack://_N_E/./node_modules/@mui/material/Checkbox/Checkbox.js","webpack://_N_E/./node_modules/@mui/material/Collapse/collapseClasses.js","webpack://_N_E/./node_modules/@mui/material/Collapse/Collapse.js","webpack://_N_E/./node_modules/@mui/material/DefaultPropsProvider/DefaultPropsProvider.js","webpack://_N_E/./node_modules/@mui/material/Dialog/dialogClasses.js","webpack://_N_E/./node_modules/@mui/material/Dialog/Dialog.js","webpack://_N_E/./node_modules/@mui/material/Dialog/DialogContext.js","webpack://_N_E/./node_modules/@mui/material/Divider/Divider.js","webpack://_N_E/./node_modules/@mui/material/Divider/dividerClasses.js","webpack://_N_E/./node_modules/@mui/material/Slide/Slide.js","webpack://_N_E/./node_modules/@mui/material/Drawer/drawerClasses.js","webpack://_N_E/./node_modules/@mui/material/Drawer/Drawer.js","webpack://_N_E/./node_modules/@mui/material/Fade/Fade.js","webpack://_N_E/./node_modules/@mui/utils/esm/isMuiElement/isMuiElement.js","webpack://_N_E/./node_modules/@mui/material/utils/isMuiElement.js","webpack://_N_E/./node_modules/@mui/material/FormControl/formControlClasses.js","webpack://_N_E/./node_modules/@mui/material/FormControl/FormControl.js","webpack://_N_E/./node_modules/@mui/material/FormControl/FormControlContext.js","webpack://_N_E/./node_modules/@mui/material/FormControl/formControlState.js","webpack://_N_E/./node_modules/@mui/material/FormControl/useFormControl.js","webpack://_N_E/./node_modules/@mui/material/FormControlLabel/formControlLabelClasses.js","webpack://_N_E/./node_modules/@mui/material/FormControlLabel/FormControlLabel.js","webpack://_N_E/./node_modules/@mui/material/FormHelperText/formHelperTextClasses.js","webpack://_N_E/./node_modules/@mui/material/FormHelperText/FormHelperText.js","webpack://_N_E/./node_modules/@mui/system/esm/GlobalStyles/GlobalStyles.js","webpack://_N_E/./node_modules/@mui/material/GlobalStyles/GlobalStyles.js","webpack://_N_E/./node_modules/@mui/material/Grow/Grow.js","webpack://_N_E/./node_modules/@mui/material/IconButton/iconButtonClasses.js","webpack://_N_E/./node_modules/@mui/material/IconButton/IconButton.js","webpack://_N_E/./node_modules/@mui/material/TextareaAutosize/TextareaAutosize.js","webpack://_N_E/./node_modules/@mui/material/InputBase/InputBase.js","webpack://_N_E/./node_modules/@mui/material/InputBase/inputBaseClasses.js","webpack://_N_E/./node_modules/@mui/material/InputBase/utils.js","webpack://_N_E/./node_modules/@mui/material/Link/linkClasses.js","webpack://_N_E/./node_modules/@mui/material/Link/getTextDecoration.js","webpack://_N_E/./node_modules/@mui/material/Link/Link.js","webpack://_N_E/./node_modules/@mui/material/List/ListContext.js","webpack://_N_E/./node_modules/@mui/material/List/listClasses.js","webpack://_N_E/./node_modules/@mui/material/List/List.js","webpack://_N_E/./node_modules/@mui/material/utils/getScrollbarSize.js","webpack://_N_E/./node_modules/@mui/material/MenuList/MenuList.js","webpack://_N_E/./node_modules/@mui/material/Popover/popoverClasses.js","webpack://_N_E/./node_modules/@mui/material/Popover/Popover.js","webpack://_N_E/./node_modules/@mui/material/Menu/menuClasses.js","webpack://_N_E/./node_modules/@mui/material/Menu/Menu.js","webpack://_N_E/./node_modules/@mui/material/ListItemIcon/listItemIconClasses.js","webpack://_N_E/./node_modules/@mui/material/ListItemText/listItemTextClasses.js","webpack://_N_E/./node_modules/@mui/material/MenuItem/menuItemClasses.js","webpack://_N_E/./node_modules/@mui/material/MenuItem/MenuItem.js","webpack://_N_E/./node_modules/@mui/material/Unstable_TrapFocus/FocusTrap.js","webpack://_N_E/./node_modules/@mui/material/Modal/ModalManager.js","webpack://_N_E/./node_modules/@mui/material/Modal/useModal.js","webpack://_N_E/./node_modules/@mui/material/Modal/modalClasses.js","webpack://_N_E/./node_modules/@mui/material/Modal/Modal.js","webpack://_N_E/./node_modules/@mui/material/styles/getOverlayAlpha.js","webpack://_N_E/./node_modules/@mui/material/Paper/paperClasses.js","webpack://_N_E/./node_modules/@mui/material/Paper/Paper.js","webpack://_N_E/./node_modules/@mui/material/Portal/Portal.js","webpack://_N_E/./node_modules/@mui/material/internal/svg-icons/RadioButtonUnchecked.js","webpack://_N_E/./node_modules/@mui/material/internal/svg-icons/RadioButtonChecked.js","webpack://_N_E/./node_modules/@mui/material/Radio/RadioButtonIcon.js","webpack://_N_E/./node_modules/@mui/material/utils/createChainedFunction.js","webpack://_N_E/./node_modules/@mui/material/RadioGroup/useRadioGroup.js","webpack://_N_E/./node_modules/@mui/material/Radio/radioClasses.js","webpack://_N_E/./node_modules/@mui/material/Radio/Radio.js","webpack://_N_E/./node_modules/@mui/material/FormGroup/formGroupClasses.js","webpack://_N_E/./node_modules/@mui/material/FormGroup/FormGroup.js","webpack://_N_E/./node_modules/@mui/material/RadioGroup/radioGroupClasses.js","webpack://_N_E/./node_modules/@mui/material/RadioGroup/RadioGroup.js","webpack://_N_E/./node_modules/@mui/material/RadioGroup/RadioGroupContext.js","webpack://_N_E/./node_modules/@mui/material/Snackbar/useSnackbar.js","webpack://_N_E/./node_modules/@mui/material/ClickAwayListener/ClickAwayListener.js","webpack://_N_E/./node_modules/@mui/material/SnackbarContent/snackbarContentClasses.js","webpack://_N_E/./node_modules/@mui/material/SnackbarContent/SnackbarContent.js","webpack://_N_E/./node_modules/@mui/material/Snackbar/snackbarClasses.js","webpack://_N_E/./node_modules/@mui/material/Snackbar/Snackbar.js","webpack://_N_E/./node_modules/@mui/system/esm/createStyled.js","webpack://_N_E/./node_modules/@mui/system/esm/styled.js","webpack://_N_E/./node_modules/@mui/system/esm/Stack/createStack.js","webpack://_N_E/./node_modules/@mui/material/Stack/Stack.js","webpack://_N_E/./node_modules/@mui/material/SvgIcon/svgIconClasses.js","webpack://_N_E/./node_modules/@mui/material/SvgIcon/SvgIcon.js","webpack://_N_E/./node_modules/@mui/material/Typography/typographyClasses.js","webpack://_N_E/./node_modules/@mui/material/Typography/Typography.js","webpack://_N_E/./node_modules/@mui/material/internal/switchBaseClasses.js","webpack://_N_E/./node_modules/@mui/material/internal/SwitchBase.js","webpack://_N_E/./node_modules/@mui/material/styles/createMixins.js","webpack://_N_E/./node_modules/@mui/material/colors/common.js","webpack://_N_E/./node_modules/@mui/material/colors/grey.js","webpack://_N_E/./node_modules/@mui/material/colors/purple.js","webpack://_N_E/./node_modules/@mui/material/colors/red.js","webpack://_N_E/./node_modules/@mui/material/colors/orange.js","webpack://_N_E/./node_modules/@mui/material/colors/blue.js","webpack://_N_E/./node_modules/@mui/material/colors/lightBlue.js","webpack://_N_E/./node_modules/@mui/material/colors/green.js","webpack://_N_E/./node_modules/@mui/material/styles/createPalette.js","webpack://_N_E/./node_modules/@mui/material/styles/createTypography.js","webpack://_N_E/./node_modules/@mui/material/styles/shadows.js","webpack://_N_E/./node_modules/@mui/material/styles/zIndex.js","webpack://_N_E/./node_modules/@mui/material/styles/createTheme.js","webpack://_N_E/./node_modules/@mui/material/styles/createTransitions.js","webpack://_N_E/./node_modules/@mui/material/styles/defaultTheme.js","webpack://_N_E/./node_modules/@mui/material/styles/identifier.js","webpack://_N_E/./node_modules/@mui/material/styles/rootShouldForwardProp.js","webpack://_N_E/./node_modules/@mui/material/styles/slotShouldForwardProp.js","webpack://_N_E/./node_modules/@mui/material/styles/styled.js","webpack://_N_E/./node_modules/@mui/material/styles/useTheme.js","webpack://_N_E/./node_modules/@mui/material/styles/useThemeProps.js","webpack://_N_E/./node_modules/@mui/material/transitions/utils.js","webpack://_N_E/./node_modules/@mui/material/utils/capitalize.js","webpack://_N_E/./node_modules/@mui/material/utils/createSvgIcon.js","webpack://_N_E/./node_modules/@mui/material/utils/debounce.js","webpack://_N_E/./node_modules/@mui/material/utils/ownerDocument.js","webpack://_N_E/./node_modules/@mui/material/utils/ownerWindow.js","webpack://_N_E/./node_modules/@mui/material/utils/useControlled.js","webpack://_N_E/./node_modules/@mui/material/utils/useEnhancedEffect.js","webpack://_N_E/./node_modules/@mui/material/utils/useEventCallback.js","webpack://_N_E/./node_modules/@mui/material/utils/useForkRef.js","webpack://_N_E/./node_modules/@mui/material/utils/useId.js","webpack://_N_E/./node_modules/@mui/utils/esm/useIsFocusVisible/useIsFocusVisible.js","webpack://_N_E/./node_modules/@mui/material/utils/useIsFocusVisible.js","webpack://_N_E/./node_modules/@mui/material/utils/useSlot.js","webpack://_N_E/./node_modules/@mui/styled-engine/GlobalStyles/GlobalStyles.js","webpack://_N_E/./node_modules/@mui/styled-engine/StyledEngineProvider/StyledEngineProvider.js","webpack://_N_E/./node_modules/@mui/styled-engine/index.js","webpack://_N_E/./node_modules/@mui/system/colorManipulator.js","webpack://_N_E/./node_modules/@mui/system/createStyled.js","webpack://_N_E/./node_modules/@mui/system/esm/DefaultPropsProvider/DefaultPropsProvider.js","webpack://_N_E/./node_modules/@mui/system/esm/RtlProvider/index.js","webpack://_N_E/./node_modules/@mui/system/esm/breakpoints.js","webpack://_N_E/./node_modules/@mui/system/esm/colorManipulator.js","webpack://_N_E/./node_modules/@mui/system/esm/createTheme/applyStyles.js","webpack://_N_E/./node_modules/@mui/system/esm/createTheme/createBreakpoints.js","webpack://_N_E/./node_modules/@mui/system/esm/createTheme/shape.js","webpack://_N_E/./node_modules/@mui/system/esm/createTheme/createSpacing.js","webpack://_N_E/./node_modules/@mui/system/esm/createTheme/createTheme.js","webpack://_N_E/./node_modules/@mui/system/esm/createTheme/index.js","webpack://_N_E/./node_modules/@mui/system/esm/merge.js","webpack://_N_E/./node_modules/@mui/system/esm/memoize.js","webpack://_N_E/./node_modules/@mui/system/esm/spacing.js","webpack://_N_E/./node_modules/@mui/system/esm/style.js","webpack://_N_E/./node_modules/@mui/system/esm/compose.js","webpack://_N_E/./node_modules/@mui/system/esm/borders.js","webpack://_N_E/./node_modules/@mui/system/esm/cssGrid.js","webpack://_N_E/./node_modules/@mui/system/esm/palette.js","webpack://_N_E/./node_modules/@mui/system/esm/sizing.js","webpack://_N_E/./node_modules/@mui/system/esm/styleFunctionSx/defaultSxConfig.js","webpack://_N_E/./node_modules/@mui/system/esm/styleFunctionSx/extendSxProp.js","webpack://_N_E/./node_modules/@mui/system/esm/styleFunctionSx/index.js","webpack://_N_E/./node_modules/@mui/system/esm/styleFunctionSx/styleFunctionSx.js","webpack://_N_E/./node_modules/@mui/system/esm/useMediaQuery/useMediaQuery.js","webpack://_N_E/./node_modules/@mui/system/esm/useTheme.js","webpack://_N_E/./node_modules/@mui/system/esm/useThemeProps/getThemeProps.js","webpack://_N_E/./node_modules/@mui/system/esm/useThemeProps/useThemeProps.js","webpack://_N_E/./node_modules/@mui/system/esm/useThemeWithoutDefault.js","webpack://_N_E/./node_modules/@mui/system/useThemeWithoutDefault.js","webpack://_N_E/./node_modules/@mui/utils/esm/ClassNameGenerator/ClassNameGenerator.js","webpack://_N_E/./node_modules/@mui/utils/esm/appendOwnerState/appendOwnerState.js","webpack://_N_E/./node_modules/@mui/utils/esm/capitalize/capitalize.js","webpack://_N_E/./node_modules/@mui/utils/esm/capitalize/index.js","webpack://_N_E/./node_modules/@mui/utils/esm/clamp/clamp.js","webpack://_N_E/./node_modules/@mui/utils/esm/clamp/index.js","webpack://_N_E/./node_modules/@mui/utils/esm/composeClasses/composeClasses.js","webpack://_N_E/./node_modules/@mui/utils/esm/createChainedFunction/createChainedFunction.js","webpack://_N_E/./node_modules/@mui/utils/esm/debounce/debounce.js","webpack://_N_E/./node_modules/@mui/utils/esm/deepmerge/deepmerge.js","webpack://_N_E/./node_modules/@mui/utils/esm/deepmerge/index.js","webpack://_N_E/./node_modules/@mui/utils/esm/extractEventHandlers/extractEventHandlers.js","webpack://_N_E/./node_modules/@mui/utils/esm/formatMuiErrorMessage/formatMuiErrorMessage.js","webpack://_N_E/./node_modules/@mui/utils/esm/formatMuiErrorMessage/index.js","webpack://_N_E/./node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js","webpack://_N_E/./node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js","webpack://_N_E/./node_modules/@mui/utils/esm/getDisplayName/getDisplayName.js","webpack://_N_E/./node_modules/@mui/utils/esm/getDisplayName/index.js","webpack://_N_E/./node_modules/@mui/utils/esm/getScrollbarSize/getScrollbarSize.js","webpack://_N_E/./node_modules/@mui/utils/esm/isHostComponent/isHostComponent.js","webpack://_N_E/./node_modules/@mui/utils/esm/omitEventHandlers/omitEventHandlers.js","webpack://_N_E/./node_modules/@mui/utils/esm/mergeSlotProps/mergeSlotProps.js","webpack://_N_E/./node_modules/@mui/utils/esm/ownerDocument/ownerDocument.js","webpack://_N_E/./node_modules/@mui/utils/esm/ownerWindow/ownerWindow.js","webpack://_N_E/./node_modules/@mui/utils/esm/resolveComponentProps/resolveComponentProps.js","webpack://_N_E/./node_modules/@mui/utils/esm/resolveProps/resolveProps.js","webpack://_N_E/./node_modules/@mui/utils/esm/setRef/setRef.js","webpack://_N_E/./node_modules/@mui/utils/esm/useControlled/useControlled.js","webpack://_N_E/./node_modules/@mui/utils/esm/useEnhancedEffect/useEnhancedEffect.js","webpack://_N_E/./node_modules/@mui/utils/esm/useEventCallback/useEventCallback.js","webpack://_N_E/./node_modules/@mui/utils/esm/useForkRef/useForkRef.js","webpack://_N_E/./node_modules/@mui/utils/esm/useId/useId.js","webpack://_N_E/./node_modules/@mui/utils/esm/useSlotProps/useSlotProps.js","webpack://_N_E/./node_modules/@mui/utils/esm/useLazyRef/useLazyRef.js","webpack://_N_E/./node_modules/@mui/utils/esm/useOnMount/useOnMount.js","webpack://_N_E/./node_modules/@mui/utils/esm/useTimeout/useTimeout.js","webpack://_N_E/./node_modules/@mui/x-tree-view/TreeItem/treeItemClasses.js","webpack://_N_E/./node_modules/@mui/x-tree-view/TreeItem2Provider/TreeItem2Provider.js","webpack://_N_E/./node_modules/@mui/x-tree-view/hooks/useTreeItem2Utils/useTreeItem2Utils.js","webpack://_N_E/./node_modules/@mui/x-tree-view/hooks/useTreeViewApiRef.js","webpack://_N_E/./node_modules/@mui/x-tree-view/icons/icons.js","webpack://_N_E/./node_modules/@mui/x-tree-view/internals/TreeViewItemDepthContext/TreeViewItemDepthContext.js","webpack://_N_E/./node_modules/@mui/x-tree-view/internals/TreeViewProvider/TreeViewContext.js","webpack://_N_E/./node_modules/@mui/x-tree-view/internals/TreeViewProvider/useTreeViewContext.js","webpack://_N_E/./node_modules/@mui/x-tree-view/useTreeItem2/useTreeItem2.js","webpack://_N_E/./node_modules/@rc-component/portal/es/Context.js","webpack://_N_E/./node_modules/@rc-component/portal/es/useDom.js","webpack://_N_E/./node_modules/@rc-component/portal/es/util.js","webpack://_N_E/./node_modules/@rc-component/portal/es/useScrollLocker.js","webpack://_N_E/./node_modules/@rc-component/portal/es/mock.js","webpack://_N_E/./node_modules/@rc-component/portal/es/Portal.js","webpack://_N_E/./node_modules/@rc-component/portal/es/index.js","webpack://_N_E/./node_modules/@sentry/react/node_modules/@sentry/utils/esm/misc.js","webpack://_N_E/./node_modules/@sentry/react/node_modules/@sentry/utils/esm/logger.js","webpack://_N_E/./node_modules/@sentry/react/node_modules/@sentry/core/esm/constants.js","webpack://_N_E/./node_modules/@sentry/react/node_modules/@sentry/utils/esm/is.js","webpack://_N_E/./node_modules/@sentry/react/node_modules/@sentry/utils/esm/syncpromise.js","webpack://_N_E/./node_modules/@sentry/react/node_modules/@sentry/utils/esm/object.js","webpack://_N_E/./node_modules/@sentry/react/node_modules/@sentry/core/esm/session.js","webpack://_N_E/./node_modules/@sentry/react/node_modules/@sentry/core/esm/scope.js","webpack://_N_E/./node_modules/@sentry/react/node_modules/@sentry/core/esm/hub.js","webpack://_N_E/./node_modules/@sentry/react/node_modules/@sentry/core/esm/exports.js","webpack://_N_E/./node_modules/@sentry/react/node_modules/@sentry/utils/esm/env.js","webpack://_N_E/./node_modules/@sentry/react/node_modules/@sentry/utils/esm/node.js","webpack://_N_E/./node_modules/@sentry/react/node_modules/@sentry/utils/esm/time.js","webpack://_N_E/./node_modules/@sentry/react/node_modules/@sentry/utils/esm/worldwide.js","webpack://_N_E/./node_modules/@styled-system/core/dist/index.esm.js","webpack://_N_E/./node_modules/@styled-system/theme-get/dist/index.esm.js","webpack://_N_E/./node_modules/antd/es/_util/ActionButton.js","webpack://_N_E/./node_modules/antd/es/_util/colors.js","webpack://_N_E/./node_modules/antd/es/_util/motion.js","webpack://_N_E/./node_modules/antd/es/_util/placements.js","webpack://_N_E/./node_modules/antd/es/_util/reactNode.js","webpack://_N_E/./node_modules/antd/es/_util/statusUtils.js","webpack://_N_E/./node_modules/antd/es/_util/styleChecker.js","webpack://_N_E/./node_modules/antd/es/_util/type.js","webpack://_N_E/./node_modules/antd/es/_util/raf.js","webpack://_N_E/./node_modules/antd/es/_util/wave/style.js","webpack://_N_E/./node_modules/antd/es/_util/wave/index.js","webpack://_N_E/./node_modules/antd/es/button/button-group.js","webpack://_N_E/./node_modules/antd/es/button/LoadingIcon.js","webpack://_N_E/./node_modules/antd/es/button/style/group.js","webpack://_N_E/./node_modules/antd/es/style/compact-item-vertical.js","webpack://_N_E/./node_modules/antd/es/button/style/index.js","webpack://_N_E/./node_modules/antd/es/button/button.js","webpack://_N_E/./node_modules/antd/es/button/index.js","webpack://_N_E/./node_modules/antd/es/checkbox/Group.js","webpack://_N_E/./node_modules/antd/es/checkbox/Checkbox.js","webpack://_N_E/./node_modules/antd/es/checkbox/index.js","webpack://_N_E/./node_modules/antd/es/checkbox/style/index.js","webpack://_N_E/./node_modules/antd/es/col/index.js","webpack://_N_E/./node_modules/antd/es/collapse/CollapsePanel.js","webpack://_N_E/./node_modules/antd/es/collapse/style/index.js","webpack://_N_E/./node_modules/antd/es/collapse/Collapse.js","webpack://_N_E/./node_modules/antd/es/collapse/index.js","webpack://_N_E/./node_modules/antd/es/config-provider/DisabledContext.js","webpack://_N_E/./node_modules/antd/es/config-provider/SizeContext.js","webpack://_N_E/./node_modules/antd/es/config-provider/context.js","webpack://_N_E/./node_modules/antd/es/locale-provider/index.js","webpack://_N_E/./node_modules/antd/es/config-provider/cssVariables.js","webpack://_N_E/./node_modules/antd/es/config-provider/hooks/useTheme.js","webpack://_N_E/./node_modules/antd/es/config-provider/style/index.js","webpack://_N_E/./node_modules/antd/es/config-provider/index.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/locale/en_US.js","webpack://_N_E/./node_modules/antd/es/date-picker/locale/en_US.js","webpack://_N_E/./node_modules/antd/es/divider/style/index.js","webpack://_N_E/./node_modules/antd/es/divider/index.js","webpack://_N_E/./node_modules/antd/es/form/context.js","webpack://_N_E/./node_modules/antd/es/grid/RowContext.js","webpack://_N_E/./node_modules/antd/es/grid/col.js","webpack://_N_E/./node_modules/antd/es/grid/style/index.js","webpack://_N_E/./node_modules/antd/es/input/utils.js","webpack://_N_E/./node_modules/antd/es/input/Input.js","webpack://_N_E/./node_modules/antd/es/input/ClearableLabeledInput.js","webpack://_N_E/./node_modules/antd/es/input/TextArea.js","webpack://_N_E/./node_modules/antd/es/input/hooks/useRemovePasswordTimeout.js","webpack://_N_E/./node_modules/antd/es/input/Group.js","webpack://_N_E/./node_modules/@ant-design/icons-svg/es/asn/EyeInvisibleOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons/es/icons/EyeInvisibleOutlined.js","webpack://_N_E/./node_modules/antd/es/input/Password.js","webpack://_N_E/./node_modules/antd/es/input/Search.js","webpack://_N_E/./node_modules/antd/es/input/index.js","webpack://_N_E/./node_modules/antd/es/input/style/index.js","webpack://_N_E/./node_modules/@ant-design/icons-svg/es/asn/BarsOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons/es/icons/BarsOutlined.js","webpack://_N_E/./node_modules/antd/es/_util/isNumeric.js","webpack://_N_E/./node_modules/antd/es/layout/Sider.js","webpack://_N_E/./node_modules/antd/es/layout/style/light.js","webpack://_N_E/./node_modules/antd/es/layout/style/index.js","webpack://_N_E/./node_modules/antd/es/layout/layout.js","webpack://_N_E/./node_modules/antd/es/locale-provider/LocaleReceiver.js","webpack://_N_E/./node_modules/antd/es/locale-provider/context.js","webpack://_N_E/./node_modules/antd/es/calendar/locale/en_US.js","webpack://_N_E/./node_modules/antd/es/locale/en_US.js","webpack://_N_E/./node_modules/antd/es/message/style/index.js","webpack://_N_E/./node_modules/antd/es/message/PurePanel.js","webpack://_N_E/./node_modules/antd/es/message/util.js","webpack://_N_E/./node_modules/antd/es/message/useMessage.js","webpack://_N_E/./node_modules/antd/es/message/index.js","webpack://_N_E/./node_modules/antd/es/modal/PurePanel.js","webpack://_N_E/./node_modules/antd/es/modal/Modal.js","webpack://_N_E/./node_modules/antd/es/modal/ConfirmDialog.js","webpack://_N_E/./node_modules/antd/es/modal/destroyFns.js","webpack://_N_E/./node_modules/antd/es/modal/confirm.js","webpack://_N_E/./node_modules/antd/es/_util/hooks/usePatchElement.js","webpack://_N_E/./node_modules/antd/es/modal/useModal/HookModal.js","webpack://_N_E/./node_modules/antd/es/modal/useModal/index.js","webpack://_N_E/./node_modules/antd/es/modal/index.js","webpack://_N_E/./node_modules/antd/es/modal/locale.js","webpack://_N_E/./node_modules/antd/es/modal/style/index.js","webpack://_N_E/./node_modules/antd/es/segmented/style/index.js","webpack://_N_E/./node_modules/antd/es/segmented/index.js","webpack://_N_E/./node_modules/antd/es/space/Compact.js","webpack://_N_E/./node_modules/antd/es/space/style/compact.js","webpack://_N_E/./node_modules/antd/es/space/style/index.js","webpack://_N_E/./node_modules/antd/es/spin/style/index.js","webpack://_N_E/./node_modules/antd/es/spin/index.js","webpack://_N_E/./node_modules/antd/es/style/compact-item.js","webpack://_N_E/./node_modules/antd/es/style/index.js","webpack://_N_E/./node_modules/antd/es/style/motion/collapse.js","webpack://_N_E/./node_modules/antd/es/style/motion/fade.js","webpack://_N_E/./node_modules/antd/es/style/motion/motion.js","webpack://_N_E/./node_modules/antd/es/style/motion/zoom.js","webpack://_N_E/./node_modules/antd/es/style/operationUnit.js","webpack://_N_E/./node_modules/antd/es/style/placementArrow.js","webpack://_N_E/./node_modules/antd/es/style/roundedArrow.js","webpack://_N_E/./node_modules/antd/es/version/version.js","webpack://_N_E/./node_modules/antd/es/version/index.js","webpack://_N_E/./node_modules/antd/es/theme/themes/shared/genControlHeight.js","webpack://_N_E/./node_modules/antd/es/theme/themes/shared/genSizeMapToken.js","webpack://_N_E/./node_modules/antd/es/theme/themes/shared/genColorMapToken.js","webpack://_N_E/./node_modules/antd/es/theme/themes/shared/genFontSizes.js","webpack://_N_E/./node_modules/antd/es/theme/themes/shared/genRadius.js","webpack://_N_E/./node_modules/antd/es/theme/themes/shared/genCommonMapToken.js","webpack://_N_E/./node_modules/antd/es/theme/themes/default/colorAlgorithm.js","webpack://_N_E/./node_modules/antd/es/theme/themes/default/colors.js","webpack://_N_E/./node_modules/antd/es/theme/themes/default/index.js","webpack://_N_E/./node_modules/antd/es/theme/util/getAlphaColor.js","webpack://_N_E/./node_modules/antd/es/theme/util/alias.js","webpack://_N_E/./node_modules/antd/es/theme/index.js","webpack://_N_E/./node_modules/antd/es/theme/interface.js","webpack://_N_E/./node_modules/antd/es/theme/themes/seed.js","webpack://_N_E/./node_modules/antd/es/theme/util/genComponentStyleHook.js","webpack://_N_E/./node_modules/antd/es/theme/util/statistic.js","webpack://_N_E/./node_modules/antd/es/time-picker/locale/en_US.js","webpack://_N_E/./node_modules/antd/es/tooltip/style/index.js","webpack://_N_E/./node_modules/antd/es/tooltip/util.js","webpack://_N_E/./node_modules/antd/es/tooltip/PurePanel.js","webpack://_N_E/./node_modules/antd/es/tooltip/index.js","webpack://_N_E/./node_modules/antd/lib/_util/raf.js","webpack://_N_E/./node_modules/antd/lib/_util/reactNode.js","webpack://_N_E/./node_modules/antd/lib/_util/statusUtils.js","webpack://_N_E/./node_modules/antd/lib/_util/type.js","webpack://_N_E/./node_modules/antd/lib/_util/warning.js","webpack://_N_E/./node_modules/antd/lib/_util/wave/index.js","webpack://_N_E/./node_modules/antd/lib/_util/wave/style.js","webpack://_N_E/./node_modules/antd/lib/button/LoadingIcon.js","webpack://_N_E/./node_modules/antd/lib/button/button-group.js","webpack://_N_E/./node_modules/antd/lib/button/button.js","webpack://_N_E/./node_modules/antd/lib/button/index.js","webpack://_N_E/./node_modules/antd/lib/button/style/group.js","webpack://_N_E/./node_modules/antd/lib/button/style/index.js","webpack://_N_E/./node_modules/antd/lib/calendar/locale/en_US.js","webpack://_N_E/./node_modules/antd/lib/config-provider/DisabledContext.js","webpack://_N_E/./node_modules/antd/lib/config-provider/SizeContext.js","webpack://_N_E/./node_modules/antd/lib/config-provider/context.js","webpack://_N_E/./node_modules/antd/lib/config-provider/cssVariables.js","webpack://_N_E/./node_modules/antd/lib/config-provider/hooks/useTheme.js","webpack://_N_E/./node_modules/antd/lib/config-provider/index.js","webpack://_N_E/./node_modules/antd/lib/config-provider/style/index.js","webpack://_N_E/./node_modules/antd/lib/date-picker/PickerButton.js","webpack://_N_E/./node_modules/antd/lib/date-picker/generatePicker/generateRangePicker.js","webpack://_N_E/./node_modules/antd/lib/date-picker/generatePicker/generateSinglePicker.js","webpack://_N_E/./node_modules/antd/lib/date-picker/generatePicker/index.js","webpack://_N_E/./node_modules/antd/lib/date-picker/locale/en_US.js","webpack://_N_E/./node_modules/antd/lib/date-picker/style/index.js","webpack://_N_E/./node_modules/antd/lib/date-picker/util.js","webpack://_N_E/./node_modules/antd/lib/form/context.js","webpack://_N_E/./node_modules/antd/lib/input/style/index.js","webpack://_N_E/./node_modules/antd/lib/locale-provider/LocaleReceiver.js","webpack://_N_E/./node_modules/antd/lib/locale-provider/context.js","webpack://_N_E/./node_modules/antd/lib/locale-provider/index.js","webpack://_N_E/./node_modules/antd/lib/locale/en_US.js","webpack://_N_E/./node_modules/antd/lib/modal/locale.js","webpack://_N_E/./node_modules/antd/lib/space/Compact.js","webpack://_N_E/./node_modules/antd/lib/space/style/compact.js","webpack://_N_E/./node_modules/antd/lib/space/style/index.js","webpack://_N_E/./node_modules/antd/lib/style/compact-item-vertical.js","webpack://_N_E/./node_modules/antd/lib/style/compact-item.js","webpack://_N_E/./node_modules/antd/lib/style/index.js","webpack://_N_E/./node_modules/antd/lib/style/motion/collapse.js","webpack://_N_E/./node_modules/antd/lib/style/motion/fade.js","webpack://_N_E/./node_modules/antd/lib/style/motion/index.js","webpack://_N_E/./node_modules/antd/lib/style/motion/motion.js","webpack://_N_E/./node_modules/antd/lib/style/motion/move.js","webpack://_N_E/./node_modules/antd/lib/style/motion/slide.js","webpack://_N_E/./node_modules/antd/lib/style/motion/zoom.js","webpack://_N_E/./node_modules/antd/lib/style/operationUnit.js","webpack://_N_E/./node_modules/antd/lib/style/roundedArrow.js","webpack://_N_E/./node_modules/antd/lib/theme/index.js","webpack://_N_E/./node_modules/antd/lib/theme/interface.js","webpack://_N_E/./node_modules/antd/lib/theme/themes/default/colorAlgorithm.js","webpack://_N_E/./node_modules/antd/lib/theme/themes/default/colors.js","webpack://_N_E/./node_modules/antd/lib/theme/themes/default/index.js","webpack://_N_E/./node_modules/antd/lib/theme/themes/seed.js","webpack://_N_E/./node_modules/antd/lib/theme/themes/shared/genColorMapToken.js","webpack://_N_E/./node_modules/antd/lib/theme/themes/shared/genCommonMapToken.js","webpack://_N_E/./node_modules/antd/lib/theme/themes/shared/genControlHeight.js","webpack://_N_E/./node_modules/antd/lib/theme/themes/shared/genFontSizes.js","webpack://_N_E/./node_modules/antd/lib/theme/themes/shared/genRadius.js","webpack://_N_E/./node_modules/antd/lib/theme/themes/shared/genSizeMapToken.js","webpack://_N_E/./node_modules/antd/lib/theme/util/alias.js","webpack://_N_E/./node_modules/antd/lib/theme/util/genComponentStyleHook.js","webpack://_N_E/./node_modules/antd/lib/theme/util/getAlphaColor.js","webpack://_N_E/./node_modules/antd/lib/theme/util/statistic.js","webpack://_N_E/./node_modules/antd/lib/time-picker/locale/en_US.js","webpack://_N_E/./node_modules/antd/lib/version/index.js","webpack://_N_E/./node_modules/antd/lib/version/version.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/PanelContext.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/panels/Header.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/panels/DecadePanel/DecadeHeader.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/utils/timeUtil.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/panels/PanelBody.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/panels/DecadePanel/DecadeBody.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/utils/uiUtil.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/panels/DecadePanel/index.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/utils/dateUtil.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/hooks/useValueTexts.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/hooks/useHoverValue.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/hooks/usePickerInput.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/hooks/usePresets.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/hooks/useTextValueMapping.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/panels/TimePanel/TimeHeader.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/panels/TimePanel/TimeUnitColumn.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/utils/miscUtil.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/panels/TimePanel/TimeBody.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/panels/TimePanel/index.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/RangeContext.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/hooks/useCellClassName.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/panels/DatePanel/DateBody.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/panels/DatePanel/DateHeader.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/panels/DatePanel/index.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/panels/DatetimePanel/index.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/panels/WeekPanel/index.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/panels/MonthPanel/MonthHeader.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/panels/MonthPanel/MonthBody.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/panels/MonthPanel/index.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/panels/QuarterPanel/QuarterHeader.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/panels/QuarterPanel/QuarterBody.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/panels/QuarterPanel/index.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/panels/YearPanel/YearHeader.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/panels/YearPanel/YearBody.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/panels/YearPanel/index.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/utils/getExtraFooter.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/utils/getRanges.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/PickerPanel.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/PickerTrigger.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/PresetPanel.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/utils/warnUtil.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/Picker.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/hooks/useRangeDisabled.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/hooks/useRangeViewDates.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/RangePicker.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/es/index.js","webpack://_N_E/./node_modules/antd/node_modules/rc-picker/lib/locale/en_US.js","webpack://_N_E/./node_modules/base64-js/index.js","webpack://_N_E/./node_modules/buffer/index.js","webpack://_N_E/./node_modules/camelize/index.js","webpack://_N_E/./node_modules/classnames/index.js","webpack://_N_E/./node_modules/cookie/index.js","webpack://_N_E/./node_modules/cookies-next/lib/index.js","webpack://_N_E/./node_modules/copy-to-clipboard/index.js","webpack://_N_E/./node_modules/dayjs/dayjs.min.js","webpack://_N_E/./node_modules/dayjs/plugin/advancedFormat.js","webpack://_N_E/./node_modules/dayjs/plugin/customParseFormat.js","webpack://_N_E/./node_modules/dayjs/plugin/localeData.js","webpack://_N_E/./node_modules/dayjs/plugin/weekOfYear.js","webpack://_N_E/./node_modules/dayjs/plugin/weekYear.js","webpack://_N_E/./node_modules/dayjs/plugin/weekday.js","webpack://_N_E/./node_modules/debounce/index.js","webpack://_N_E/./node_modules/fast-deep-equal/index.js","webpack://_N_E/./node_modules/file-saver/dist/FileSaver.min.js","webpack://_N_E/./node_modules/form-data/lib/browser.js","webpack://_N_E/./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js","webpack://_N_E/./node_modules/hoist-non-react-statics/node_modules/react-is/cjs/react-is.production.min.js","webpack://_N_E/./node_modules/hoist-non-react-statics/node_modules/react-is/index.js","webpack://_N_E/./node_modules/ieee754/index.js","webpack://_N_E/./node_modules/lodash.debounce/index.js","webpack://_N_E/./node_modules/lodash/_Symbol.js","webpack://_N_E/./node_modules/lodash/_baseGetTag.js","webpack://_N_E/./node_modules/lodash/_baseTrim.js","webpack://_N_E/./node_modules/lodash/_freeGlobal.js","webpack://_N_E/./node_modules/lodash/_getRawTag.js","webpack://_N_E/./node_modules/lodash/_objectToString.js","webpack://_N_E/./node_modules/lodash/_root.js","webpack://_N_E/./node_modules/lodash/_trimmedEndIndex.js","webpack://_N_E/./node_modules/lodash/debounce.js","webpack://_N_E/./node_modules/lodash/isObject.js","webpack://_N_E/./node_modules/lodash/isObjectLike.js","webpack://_N_E/./node_modules/lodash/isSymbol.js","webpack://_N_E/./node_modules/lodash/now.js","webpack://_N_E/./node_modules/lodash/toNumber.js","webpack://_N_E/./node_modules/mobx-react-lite/es/utils/assertEnvironment.js","webpack://_N_E/./node_modules/mobx-react-lite/es/utils/reactBatchedUpdates.js","webpack://_N_E/./node_modules/mobx-react-lite/es/utils/observerBatching.js","webpack://_N_E/./node_modules/mobx-react-lite/es/utils/printDebugValue.js","webpack://_N_E/./node_modules/mobx-react-lite/es/utils/FinalizationRegistryWrapper.js","webpack://_N_E/./node_modules/mobx-react-lite/es/utils/reactionCleanupTrackingCommon.js","webpack://_N_E/./node_modules/mobx-react-lite/es/utils/createReactionCleanupTrackingUsingFinalizationRegister.js","webpack://_N_E/./node_modules/mobx-react-lite/es/utils/createTimerBasedReactionCleanupTracking.js","webpack://_N_E/./node_modules/mobx-react-lite/es/utils/reactionCleanupTracking.js","webpack://_N_E/./node_modules/mobx-react-lite/es/staticRendering.js","webpack://_N_E/./node_modules/mobx-react-lite/es/useObserver.js","webpack://_N_E/./node_modules/mobx-react-lite/es/observer.js","webpack://_N_E/./node_modules/mobx-react-lite/es/ObserverComponent.js","webpack://_N_E/./node_modules/mobx-react-lite/es/useLocalObservable.js","webpack://_N_E/./node_modules/mobx-react-lite/es/useAsObservableSource.js","webpack://_N_E/./node_modules/mobx-react-lite/es/useLocalStore.js","webpack://_N_E/./node_modules/mobx-react-lite/es/index.js","webpack://_N_E/./node_modules/mobx/dist/mobx.esm.js","webpack://_N_E/./node_modules/next-seo/lib/next-seo.module.js","webpack://_N_E/./node_modules/next/app.js","webpack://_N_E/./node_modules/next/dist/build/polyfills/object-assign.js","webpack://_N_E/?adc8","webpack://_N_E/./node_modules/next/dist/client/get-domain-locale.js","webpack://_N_E/./node_modules/next/dist/client/image.js","webpack://_N_E/./node_modules/next/dist/client/link.js","webpack://_N_E/./node_modules/next/dist/client/use-intersection.js","webpack://_N_E/./node_modules/next/dist/shared/lib/image-blur-svg.js","webpack://_N_E/./node_modules/next/dist/shared/lib/image-loader.js","webpack://_N_E/./src/api/adBanner.ts","webpack://_N_E/./src/api/booksCart.ts","webpack://_N_E/./src/api/booksProducts.ts","webpack://_N_E/./src/api/brand.ts","webpack://_N_E/./src/api/category.ts","webpack://_N_E/./src/api/class.ts","webpack://_N_E/./src/api/coupon.ts","webpack://_N_E/./src/api/getMe.ts","webpack://_N_E/./src/api/index.ts","webpack://_N_E/./src/api/library.ts","webpack://_N_E/./src/api/membership.ts","webpack://_N_E/./src/api/product.ts","webpack://_N_E/./src/api/search.ts","webpack://_N_E/./src/api/users.ts","webpack://_N_E/./src/components/ActiveLink.tsx","webpack://_N_E/./src/components/Banner/AdBanner/AdBanner.tsx","webpack://_N_E/./src/components/Banner/AdBanner/index.tsx","webpack://_N_E/./src/components/Books/List/BookListMobileFilterList.tsx","webpack://_N_E/./src/components/Books/List/BookListSelectedFilter.tsx","webpack://_N_E/./src/components/Books/Order/BooksOrderModal.tsx","webpack://_N_E/./src/components/Books/Order/index.tsx","webpack://_N_E/./node_modules/@mui/material/internal/svg-icons/MoreHoriz.js","webpack://_N_E/./node_modules/@mui/material/Breadcrumbs/BreadcrumbCollapsed.js","webpack://_N_E/./node_modules/@mui/material/Breadcrumbs/breadcrumbsClasses.js","webpack://_N_E/./node_modules/@mui/material/Breadcrumbs/Breadcrumbs.js","webpack://_N_E/./src/components/Categories/Menu/CategoryBreadCrumbView.tsx","webpack://_N_E/./src/components/Categories/Menu/CategoryFilterSectionView.tsx","webpack://_N_E/./node_modules/@mui/material/styles/cssUtils.js","webpack://_N_E/./node_modules/@mui/material/Skeleton/skeletonClasses.js","webpack://_N_E/./node_modules/@mui/material/Skeleton/Skeleton.js","webpack://_N_E/./src/components/Categories/Menu/CategoryListPageSkeleton.tsx","webpack://_N_E/./src/components/Categories/Menu/CategoryProductListView.tsx","webpack://_N_E/./node_modules/@mui/x-tree-view/RichTreeView/richTreeViewClasses.js","webpack://_N_E/./node_modules/@mui/x-tree-view/internals/useTreeView/useTreeViewModels.js","webpack://_N_E/./node_modules/@mui/x-tree-view/internals/utils/EventManager.js","webpack://_N_E/./node_modules/@mui/x-tree-view/internals/corePlugins/useTreeViewInstanceEvents/useTreeViewInstanceEvents.js","webpack://_N_E/./node_modules/@mui/x-tree-view/internals/corePlugins/corePlugins.js","webpack://_N_E/./node_modules/@mui/x-tree-view/internals/useTreeView/useTreeView.js","webpack://_N_E/./node_modules/@mui/x-tree-view/internals/TreeViewProvider/TreeViewProvider.js","webpack://_N_E/./node_modules/@mui/x-tree-view/internals/plugins/useTreeViewId/useTreeViewId.js","webpack://_N_E/./node_modules/@mui/x-tree-view/internals/utils/publishTreeViewEvent.js","webpack://_N_E/./node_modules/@mui/x-tree-view/internals/plugins/useTreeViewItems/useTreeViewItems.utils.js","webpack://_N_E/./node_modules/@mui/x-tree-view/internals/plugins/useTreeViewItems/useTreeViewItems.js","webpack://_N_E/./node_modules/@mui/x-tree-view/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.js","webpack://_N_E/./node_modules/@mui/x-tree-view/internals/utils/tree.js","webpack://_N_E/./node_modules/@mui/x-tree-view/internals/plugins/useTreeViewSelection/useTreeViewSelection.utils.js","webpack://_N_E/./node_modules/@mui/x-tree-view/internals/plugins/useTreeViewSelection/useTreeViewSelection.js","webpack://_N_E/./node_modules/@mui/x-tree-view/internals/utils/cleanupTracking/TimerBasedCleanupTracking.js","webpack://_N_E/./node_modules/@mui/x-tree-view/internals/utils/cleanupTracking/FinalizationRegistryBasedCleanupTracking.js","webpack://_N_E/./node_modules/@mui/x-tree-view/internals/hooks/useInstanceEventHandler.js","webpack://_N_E/./node_modules/@mui/x-tree-view/internals/utils/utils.js","webpack://_N_E/./node_modules/@mui/x-tree-view/internals/plugins/useTreeViewFocus/useTreeViewFocus.js","webpack://_N_E/./node_modules/@mui/x-tree-view/internals/plugins/useTreeViewKeyboardNavigation/useTreeViewKeyboardNavigation.js","webpack://_N_E/./node_modules/@mui/x-tree-view/internals/plugins/useTreeViewIcons/useTreeViewIcons.js","webpack://_N_E/./node_modules/@mui/x-tree-view/internals/plugins/defaultPlugins.js","webpack://_N_E/./node_modules/@mui/base/node_modules/@mui/utils/esm/composeClasses/composeClasses.js","webpack://_N_E/./node_modules/@mui/x-tree-view/TreeItem/useTreeItemState.js","webpack://_N_E/./node_modules/@mui/x-tree-view/TreeItem/TreeItemContent.js","webpack://_N_E/./node_modules/@mui/x-tree-view/TreeItem/TreeItem.js","webpack://_N_E/./node_modules/@mui/x-tree-view/internals/utils/warning.js","webpack://_N_E/./node_modules/@mui/x-tree-view/internals/utils/extractPluginParamsFromProps.js","webpack://_N_E/./node_modules/@mui/x-tree-view/RichTreeView/RichTreeView.js","webpack://_N_E/./src/components/Categories/Menu/CategoryTree.tsx","webpack://_N_E/./src/components/Categories/Menu/CategoryTreeItem.tsx","webpack://_N_E/./src/components/Categories/Menu/DetailFilterButton.tsx","webpack://_N_E/./src/components/Categories/Menu/SelectedFilter.tsx","webpack://_N_E/./node_modules/@mui/x-tree-view/TreeItem2Icon/TreeItem2Icon.js","webpack://_N_E/./node_modules/@mui/x-tree-view/TreeItem2/TreeItem2.js","webpack://_N_E/./src/components/Categories/Menu/index.tsx","webpack://_N_E/./src/components/Category/hooks/useCloseHandler.ts","webpack://_N_E/./src/components/Category/index.style.ts","webpack://_N_E/./src/components/Category/hooks/useCategoryPanelData.ts","webpack://_N_E/./src/components/Category/index.tsx","webpack://_N_E/./src/components/Class/index.tsx","webpack://_N_E/./src/components/Container/Container.style.tsx","webpack://_N_E/./src/components/Container/Container.tsx","webpack://_N_E/./src/components/Container/index.ts","webpack://_N_E/./src/components/Coupons/Mypage/EmptyWrapper.tsx","webpack://_N_E/./src/components/DefaultLoadingContainer.tsx","webpack://_N_E/./src/components/Funnel.tsx","webpack://_N_E/./src/components/Landing/BookCard.tsx","webpack://_N_E/./src/components/Landing/PassPromotion.tsx","webpack://_N_E/./src/components/common/Step.tsx","webpack://_N_E/./src/components/Landing/UserSourceStep.tsx","webpack://_N_E/./src/components/Landing/modals/UserSourceStepModal.tsx","webpack://_N_E/./src/components/Package/PassInfoModal.tsx","webpack://_N_E/./src/components/Package/PurchaseSection/CouponAlert.tsx","webpack://_N_E/./src/components/Package/PurchaseSection/useMembershipQuery.ts","webpack://_N_E/./src/components/Package/PurchaseSection/legacy/useLegacyPassLogic.tsx","webpack://_N_E/./src/components/Package/PurchaseSection/ManagePassLink.tsx","webpack://_N_E/./src/components/Package/PurchaseSection/PassButtonContent.tsx","webpack://_N_E/./src/components/Package/PurchaseSection/PassMenuItem.tsx","webpack://_N_E/./src/components/Package/PurchaseSection/PassMenuList.tsx","webpack://_N_E/./src/components/Package/PurchaseSection/PassSelectButton.tsx","webpack://_N_E/./src/components/Package/PurchaseSection/PurchaseCTA.tsx","webpack://_N_E/./src/components/Package/PurchaseSection/PurchaseLayouts.tsx","webpack://_N_E/./src/components/Package/PurchaseSection/PurchaseNoFreepassTab.tsx","webpack://_N_E/./src/components/Package/PurchaseSection/usePassSelect.ts","webpack://_N_E/./src/components/Package/PurchaseSection/PurchaseFreePassTab.tsx","webpack://_N_E/./src/components/Product/Handout/RelatedProducts/AvailableRelatedProductsModal.tsx","webpack://_N_E/./src/components/Package/PurchaseSection/PurchaseModals.tsx","webpack://_N_E/./src/components/Package/PurchaseSection/GuideButton.tsx","webpack://_N_E/./src/components/Package/PurchaseSection/PurchaseOption.tsx","webpack://_N_E/./src/components/Package/PurchaseSection/AddToCartTab.tsx","webpack://_N_E/./src/components/Package/PurchaseSection/legacy/useLegacyAddCart.tsx","webpack://_N_E/./src/components/Package/PurchaseSection/NoPassUsageTab.tsx","webpack://_N_E/./src/components/Package/PurchaseSection/PassUsageTab.tsx","webpack://_N_E/./src/components/Package/PurchaseSection/PurchaseTabs.tsx","webpack://_N_E/./src/components/Package/PurchaseSection/PurchaseUnavailbleTab.tsx","webpack://_N_E/./src/components/Package/PurchaseSection/index.tsx","webpack://_N_E/./src/components/Package/PurchaseSection/legacy/useLegacyCouponReceive.ts","webpack://_N_E/./src/components/Package/PurchaseSection/purchaseStore.ts","webpack://_N_E/./src/components/Package/getPassScope.ts","webpack://_N_E/./src/components/Reviews/Detail/Dialog.tsx","webpack://_N_E/./node_modules/@mui/utils/esm/visuallyHidden/visuallyHidden.js","webpack://_N_E/./node_modules/@mui/material/internal/svg-icons/Star.js","webpack://_N_E/./node_modules/@mui/material/internal/svg-icons/StarBorder.js","webpack://_N_E/./node_modules/@mui/material/Rating/ratingClasses.js","webpack://_N_E/./node_modules/@mui/material/Rating/Rating.js","webpack://_N_E/./src/components/Reviews/index.tsx","webpack://_N_E/./src/components/Search/Chips.tsx","webpack://_N_E/./src/components/Search/MobileFilterListItem.tsx","webpack://_N_E/./src/components/Search/MobileFilterSideSheet.tsx","webpack://_N_E/./src/components/Landing/modals/PreviewBookModal.tsx","webpack://_N_E/./src/components/Search/PreviewDialogProvider.tsx","webpack://_N_E/./src/components/Search/index.tsx","webpack://_N_E/./src/components/SideSheets/GNBSideSheet.tsx","webpack://_N_E/./src/components/Category/hooks/useCategorySideDepth.ts","webpack://_N_E/./src/components/SideSheets/SideSheetSteps.tsx","webpack://_N_E/./src/components/common/GNB/useTooltip.ts","webpack://_N_E/./src/components/SideSheets/index.tsx","webpack://_N_E/./src/components/SideSheets/store/useCategoryMenuStore.ts","webpack://_N_E/./src/components/Tags/index.tsx","webpack://_N_E/./src/components/common/ActiveTab.tsx","webpack://_N_E/./src/components/common/Button/FilledButton.tsx","webpack://_N_E/./src/components/common/Button/NoPadButton.tsx","webpack://_N_E/./src/components/common/GNB/useLogout.ts","webpack://_N_E/./src/components/common/Image.tsx","webpack://_N_E/./src/components/common/Overlay.tsx","webpack://_N_E/./src/components/common/Radio.tsx","webpack://_N_E/./src/components/common/RatingWithText.tsx","webpack://_N_E/./src/components/common/Snackbar/index.tsx","webpack://_N_E/./src/components/common/TextField/index.tsx","webpack://_N_E/./src/components/common/TextField/searchTextField.tsx","webpack://_N_E/./src/components/icon/Icon.tsx","webpack://_N_E/./src/components/icon/IconList.tsx","webpack://_N_E/./src/components/Logo/Logo.style.tsx","webpack://_N_E/./src/components/Logo/Logo.tsx","webpack://_N_E/./src/components/Logo/index.ts","webpack://_N_E/./src/components/PretteyJson/index.tsx","webpack://_N_E/./src/components/ActivityIndicator.tsx","webpack://_N_E/./src/components/DatePicker.tsx","webpack://_N_E/./node_modules/antd/es/_util/transButton.js","webpack://_N_E/./node_modules/@ant-design/icons-svg/es/asn/EnterOutlined.js","webpack://_N_E/./node_modules/@ant-design/icons/es/icons/EnterOutlined.js","webpack://_N_E/./node_modules/antd/es/typography/style/mixins.js","webpack://_N_E/./node_modules/antd/es/typography/style/index.js","webpack://_N_E/./node_modules/antd/es/typography/Editable.js","webpack://_N_E/./node_modules/antd/es/typography/hooks/useMergedConfig.js","webpack://_N_E/./node_modules/antd/es/typography/hooks/useUpdatedEffect.js","webpack://_N_E/./node_modules/antd/es/typography/Typography.js","webpack://_N_E/./node_modules/antd/es/typography/Base/Ellipsis.js","webpack://_N_E/./node_modules/antd/es/typography/Base/EllipsisTooltip.js","webpack://_N_E/./node_modules/antd/es/typography/Base/index.js","webpack://_N_E/./node_modules/antd/es/typography/Link.js","webpack://_N_E/./node_modules/antd/es/typography/Paragraph.js","webpack://_N_E/./node_modules/antd/es/typography/Text.js","webpack://_N_E/./node_modules/antd/es/typography/Title.js","webpack://_N_E/./node_modules/antd/es/typography/index.js","webpack://_N_E/./src/components/Text.tsx","webpack://_N_E/./src/components/View.tsx","webpack://_N_E/./src/components/FlatList.tsx","webpack://_N_E/./src/components/Categories/Menu/CategoryList.tsx","webpack://_N_E/./src/components/index.ts","webpack://_N_E/./src/components/modal/AnchorDrawer.tsx","webpack://_N_E/./src/components/modal/CheckLoginDialog.tsx","webpack://_N_E/./src/components/modal/Modal.tsx","webpack://_N_E/./src/containers/Header/GNB.style.tsx","webpack://_N_E/./src/containers/Header/categoryItems.tsx","webpack://_N_E/./src/containers/Header/LoginMenu.tsx","webpack://_N_E/./src/containers/Layout/Header/MobileTabBar.tsx","webpack://_N_E/./src/components/common/GNB/useGNBHandler.ts","webpack://_N_E/./src/components/common/GNB/ExpertGNB.tsx","webpack://_N_E/./src/components/common/GNB/GoodnotesGNB.tsx","webpack://_N_E/./node_modules/@mui/utils/esm/scrollLeft/scrollLeft.js","webpack://_N_E/./node_modules/@mui/material/internal/animate.js","webpack://_N_E/./node_modules/@mui/material/Tabs/ScrollbarSize.js","webpack://_N_E/./node_modules/@mui/material/internal/svg-icons/KeyboardArrowLeft.js","webpack://_N_E/./node_modules/@mui/material/internal/svg-icons/KeyboardArrowRight.js","webpack://_N_E/./node_modules/@mui/material/TabScrollButton/tabScrollButtonClasses.js","webpack://_N_E/./node_modules/@mui/material/TabScrollButton/TabScrollButton.js","webpack://_N_E/./node_modules/@mui/material/Tabs/tabsClasses.js","webpack://_N_E/./node_modules/@mui/material/Tabs/Tabs.js","webpack://_N_E/./node_modules/@mui/material/Tab/tabClasses.js","webpack://_N_E/./node_modules/@mui/material/Tab/Tab.js","webpack://_N_E/./src/components/SearchRecommend/SearchRecommendDialog.tsx","webpack://_N_E/./src/components/Search/useSearchWithSearchTerms.tsx","webpack://_N_E/./src/containers/Header/SearchRequestForm.tsx","webpack://_N_E/./src/components/common/GNB/MarketGNB.tsx","webpack://_N_E/./src/containers/Layout/Footer/FooterView.tsx","webpack://_N_E/./node_modules/antd/es/layout/index.js","webpack://_N_E/./src/components/common/GNB/SkeletonGNB.tsx","webpack://_N_E/./src/containers/Layout/Layout.tsx","webpack://_N_E/./src/hooks/useBooksQuery.ts","webpack://_N_E/./src/hooks/useCategoryFilterHandler.ts","webpack://_N_E/./src/hooks/useConfig.tsx","webpack://_N_E/./src/hooks/useDropdownMenu.tsx","webpack://_N_E/./src/hooks/useHandleTreeView.ts","webpack://_N_E/./src/hooks/useMobileFilterSideSheet.ts","webpack://_N_E/./src/hooks/usePaginationNew.ts","webpack://_N_E/./src/hooks/useRedirect.tsx","webpack://_N_E/./src/hooks/useSearchParams.ts","webpack://_N_E/./src/lib/apiService/RestfulApiService.tsx","webpack://_N_E/./src/lib/apiService/apiService.ts","webpack://_N_E/./node_modules/react-channel-plugin/es/utils.js","webpack://_N_E/./node_modules/react-channel-plugin/es/ChannelIO.js","webpack://_N_E/./node_modules/react-channel-plugin/es/context.js","webpack://_N_E/./node_modules/react-channel-plugin/es/events.js","webpack://_N_E/./node_modules/react-channel-plugin/es/ReactChannelIO.js","webpack://_N_E/./src/lib/ifdo/index.ts","webpack://_N_E/./src/lib/auth/AuthStore.tsx","webpack://_N_E/./src/lib/ga4/ga.ts","webpack://_N_E/./src/lib/ga4/index.ts","webpack://_N_E/./src/modules/search/store/search.store.ts","webpack://_N_E/./src/lib/mixpanels/mixpanel.ts","webpack://_N_E/./src/lib/next-utils/browser/index.ts","webpack://_N_E/./node_modules/jwt-decode/build/jwt-decode.esm.js","webpack://_N_E/./src/lib/next-utils/sessions/sessions.ts","webpack://_N_E/./src/lib/next-utils/sessions/firebaseSession.ts","webpack://_N_E/./src/lib/next-utils/sessions/index.ts","webpack://_N_E/./src/lib/next-utils/cookies/index.ts","webpack://_N_E/./src/lib/next-utils/devices/useUserAgent.tsx","webpack://_N_E/./src/lib/next-utils/devices/index.ts","webpack://_N_E/./src/lib/next-utils/files/download.ts","webpack://_N_E/./src/lib/next-utils/files/upload.ts","webpack://_N_E/./src/lib/next-utils/files/index.ts","webpack://_N_E/./src/lib/next-utils/nextjs/redirect.ts","webpack://_N_E/./src/lib/next-utils/nextjs/restriction.ts","webpack://_N_E/./src/lib/next-utils/nextjs/index.ts","webpack://_N_E/./src/lib/next-utils/router/link.tsx","webpack://_N_E/./src/lib/next-utils/router/index.ts","webpack://_N_E/./src/lib/next-utils/index.ts","webpack://_N_E/./src/lib/utils/formatter.ts","webpack://_N_E/./src/lib/utils/index.ts","webpack://_N_E/./src/lib/utils/url.tsx","webpack://_N_E/./src/lib/web-ui/useWindowDimensions.tsx","webpack://_N_E/./src/modules/accounts/commands/logoutCommand.ts","webpack://_N_E/./src/modules/lab/commands/getLabByAuthorIdCommand.ts","webpack://_N_E/./src/components/Class/NewClassStep1.tsx","webpack://_N_E/./src/components/Class/NewClass.tsx","webpack://_N_E/./src/modules/mypages/libraries/components/LibraryLNB.tsx","webpack://_N_E/./src/modules/mypages/libraries/components/index.ts","webpack://_N_E/./src/components/Product/AddToCartToast.tsx","webpack://_N_E/./src/components/Product/CalculateSaleRate.ts","webpack://_N_E/./src/modules/products/components/ProductDetail/WarnBox.tsx","webpack://_N_E/./src/modules/products/components/PriceSection.tsx","webpack://_N_E/./src/modules/products/styles/ProductDetail.style.tsx","webpack://_N_E/./src/themes/defaultStyle.tsx","webpack://_N_E/./src/themes/Global.style.tsx","webpack://_N_E/./node_modules/@mui/private-theming/useTheme/ThemeContext.js","webpack://_N_E/./node_modules/@mui/private-theming/useTheme/useTheme.js","webpack://_N_E/./node_modules/@mui/private-theming/ThemeProvider/nested.js","webpack://_N_E/./node_modules/@mui/private-theming/ThemeProvider/ThemeProvider.js","webpack://_N_E/./node_modules/@mui/system/esm/ThemeProvider/ThemeProvider.js","webpack://_N_E/./node_modules/@mui/material/styles/ThemeProvider.js","webpack://_N_E/./node_modules/@mui/material/CssBaseline/CssBaseline.js","webpack://_N_E/./node_modules/@tanstack/query-core/build/lib/query.mjs","webpack://_N_E/./node_modules/@tanstack/query-core/build/lib/queryCache.mjs","webpack://_N_E/./node_modules/@tanstack/query-core/build/lib/mutationCache.mjs","webpack://_N_E/./node_modules/@tanstack/query-core/build/lib/queryClient.mjs","webpack://_N_E/./node_modules/@tanstack/react-query-devtools/build/lib/index.mjs","webpack://_N_E/./src/pages/_app.tsx","webpack://_N_E/./src/hooks/useCategoryTree.ts","webpack://_N_E/./src/pages/categories/index.tsx","webpack://_N_E/./src/settings/constant.tsx","webpack://_N_E/./src/settings/next-seo.config.ts","webpack://_N_E/./src/store/class.ts","webpack://_N_E/./src/store/loginDialog.ts","webpack://_N_E/./src/store/main.ts","webpack://_N_E/./src/store/pass.ts","webpack://_N_E/./src/store/relatedProduct.ts","webpack://_N_E/./src/store/useIfdoStore.ts","webpack://_N_E/./src/themes/default.theme.tsx","webpack://_N_E/./src/themes/index.ts","webpack://_N_E/./src/themes/uiLibraryTheme.ts","webpack://_N_E/./src/utils/form.ts","webpack://_N_E/./src/utils/misc.ts","webpack://_N_E/./node_modules/zustand/esm/shallow.mjs","webpack://_N_E/./src/utils/overlay.ts","webpack://_N_E/./node_modules/antd/dist/reset.css","webpack://_N_E/./node_modules/next/head.js","webpack://_N_E/./node_modules/next/image.js","webpack://_N_E/./node_modules/next/link.js","webpack://_N_E/./node_modules/next/router.js","webpack://_N_E/./node_modules/next/script.js","webpack://_N_E/./node_modules/numeral/numeral.js","webpack://_N_E/./node_modules/performance-now/lib/performance-now.js","webpack://_N_E/./node_modules/process/browser.js","webpack://_N_E/./node_modules/prop-types/factoryWithThrowingShims.js","webpack://_N_E/./node_modules/prop-types/index.js","webpack://_N_E/./node_modules/prop-types/lib/ReactPropTypesSecret.js","webpack://_N_E/./node_modules/raf/index.js","webpack://_N_E/./node_modules/rc-checkbox/es/index.js","webpack://_N_E/./node_modules/rc-collapse/es/PanelContent.js","webpack://_N_E/./node_modules/rc-collapse/es/Panel.js","webpack://_N_E/./node_modules/rc-collapse/es/Collapse.js","webpack://_N_E/./node_modules/rc-collapse/es/index.js","webpack://_N_E/./node_modules/rc-dialog/es/Dialog/Mask.js","webpack://_N_E/./node_modules/rc-dialog/es/util.js","webpack://_N_E/./node_modules/rc-dialog/es/Dialog/Content/MemoChildren.js","webpack://_N_E/./node_modules/rc-dialog/es/Dialog/Content/Panel.js","webpack://_N_E/./node_modules/rc-dialog/es/Dialog/Content/index.js","webpack://_N_E/./node_modules/rc-dialog/es/Dialog/index.js","webpack://_N_E/./node_modules/rc-dialog/es/DialogWrap.js","webpack://_N_E/./node_modules/rc-dialog/es/index.js","webpack://_N_E/./node_modules/rc-field-form/es/FieldContext.js","webpack://_N_E/./node_modules/rc-field-form/es/utils/typeUtil.js","webpack://_N_E/./node_modules/async-validator/dist-web/index.js","webpack://_N_E/./node_modules/rc-field-form/es/utils/messages.js","webpack://_N_E/./node_modules/rc-field-form/es/utils/cloneDeep.js","webpack://_N_E/./node_modules/rc-field-form/es/utils/valueUtil.js","webpack://_N_E/./node_modules/rc-field-form/es/utils/validateUtil.js","webpack://_N_E/./node_modules/rc-field-form/es/Field.js","webpack://_N_E/./node_modules/rc-field-form/es/ListContext.js","webpack://_N_E/./node_modules/rc-field-form/es/List.js","webpack://_N_E/./node_modules/rc-field-form/es/utils/asyncUtil.js","webpack://_N_E/./node_modules/rc-field-form/es/utils/NameMap.js","webpack://_N_E/./node_modules/rc-field-form/es/useForm.js","webpack://_N_E/./node_modules/rc-field-form/es/FormContext.js","webpack://_N_E/./node_modules/rc-field-form/es/Form.js","webpack://_N_E/./node_modules/rc-field-form/es/useWatch.js","webpack://_N_E/./node_modules/rc-field-form/es/index.js","webpack://_N_E/./node_modules/rc-input/es/utils/commonUtils.js","webpack://_N_E/./node_modules/rc-input/es/BaseInput.js","webpack://_N_E/./node_modules/rc-input/es/Input.js","webpack://_N_E/./node_modules/rc-input/es/index.js","webpack://_N_E/./node_modules/rc-motion/es/context.js","webpack://_N_E/./node_modules/rc-motion/es/DomWrapper.js","webpack://_N_E/./node_modules/rc-util/es/hooks/useSyncState.js","webpack://_N_E/./node_modules/rc-motion/es/interface.js","webpack://_N_E/./node_modules/rc-motion/es/util/motion.js","webpack://_N_E/./node_modules/rc-motion/es/hooks/useDomMotionEvents.js","webpack://_N_E/./node_modules/rc-motion/es/hooks/useIsomorphicLayoutEffect.js","webpack://_N_E/./node_modules/rc-motion/es/hooks/useNextFrame.js","webpack://_N_E/./node_modules/rc-motion/es/hooks/useStepQueue.js","webpack://_N_E/./node_modules/rc-motion/es/hooks/useStatus.js","webpack://_N_E/./node_modules/rc-motion/es/CSSMotion.js","webpack://_N_E/./node_modules/rc-motion/es/util/diff.js","webpack://_N_E/./node_modules/rc-motion/es/CSSMotionList.js","webpack://_N_E/./node_modules/rc-motion/es/index.js","webpack://_N_E/./node_modules/rc-notification/es/Notice.js","webpack://_N_E/./node_modules/rc-notification/es/Notifications.js","webpack://_N_E/./node_modules/rc-notification/es/useNotification.js","webpack://_N_E/./node_modules/rc-notification/es/index.js","webpack://_N_E/./node_modules/rc-pagination/es/locale/en_US.js","webpack://_N_E/./node_modules/rc-pagination/lib/locale/en_US.js","webpack://_N_E/./node_modules/rc-picker/lib/generate/dayjs.js","webpack://_N_E/./node_modules/rc-resize-observer/es/Collection.js","webpack://_N_E/./node_modules/rc-resize-observer/es/utils/observerUtil.js","webpack://_N_E/./node_modules/rc-resize-observer/es/SingleObserver/DomWrapper.js","webpack://_N_E/./node_modules/rc-resize-observer/es/SingleObserver/index.js","webpack://_N_E/./node_modules/rc-resize-observer/es/index.js","webpack://_N_E/./node_modules/rc-segmented/es/MotionThumb.js","webpack://_N_E/./node_modules/rc-segmented/es/index.js","webpack://_N_E/./node_modules/rc-textarea/es/calculateNodeHeight.js","webpack://_N_E/./node_modules/rc-textarea/es/ResizableTextArea.js","webpack://_N_E/./node_modules/rc-textarea/es/index.js","webpack://_N_E/./node_modules/rc-tooltip/es/Popup.js","webpack://_N_E/./node_modules/rc-tooltip/es/Tooltip.js","webpack://_N_E/./node_modules/rc-tooltip/es/index.js","webpack://_N_E/./node_modules/rc-tooltip/es/placements.js","webpack://_N_E/./node_modules/rc-util/es/Portal.js","webpack://_N_E/./node_modules/rc-trigger/es/utils/alignUtil.js","webpack://_N_E/./node_modules/rc-trigger/es/utils/legacyUtil.js","webpack://_N_E/./node_modules/rc-trigger/es/Popup/Mask.js","webpack://_N_E/./node_modules/dom-align/dist-web/index.js","webpack://_N_E/./node_modules/rc-align/es/hooks/useBuffer.js","webpack://_N_E/./node_modules/rc-align/es/util.js","webpack://_N_E/./node_modules/rc-align/es/Align.js","webpack://_N_E/./node_modules/rc-align/es/index.js","webpack://_N_E/./node_modules/rc-trigger/es/Popup/useVisibleStatus.js","webpack://_N_E/./node_modules/rc-trigger/es/Popup/useStretchStyle.js","webpack://_N_E/./node_modules/rc-trigger/es/Popup/PopupInner.js","webpack://_N_E/./node_modules/rc-trigger/es/Popup/MobilePopupInner.js","webpack://_N_E/./node_modules/rc-trigger/es/Popup/index.js","webpack://_N_E/./node_modules/rc-trigger/es/context.js","webpack://_N_E/./node_modules/rc-trigger/es/index.js","webpack://_N_E/./node_modules/rc-util/es/Children/toArray.js","webpack://_N_E/./node_modules/rc-util/es/Dom/addEventListener.js","webpack://_N_E/./node_modules/rc-util/es/Dom/canUseDom.js","webpack://_N_E/./node_modules/rc-util/es/Dom/contains.js","webpack://_N_E/./node_modules/rc-util/es/Dom/dynamicCSS.js","webpack://_N_E/./node_modules/rc-util/es/Dom/findDOMNode.js","webpack://_N_E/./node_modules/rc-util/es/Dom/isVisible.js","webpack://_N_E/./node_modules/rc-util/es/Dom/styleChecker.js","webpack://_N_E/./node_modules/rc-util/es/KeyCode.js","webpack://_N_E/./node_modules/rc-util/es/React/isFragment.js","webpack://_N_E/./node_modules/rc-util/es/React/render.js","webpack://_N_E/./node_modules/rc-util/es/getScrollBarSize.js","webpack://_N_E/./node_modules/rc-util/es/hooks/useEvent.js","webpack://_N_E/./node_modules/rc-util/es/hooks/useId.js","webpack://_N_E/./node_modules/rc-util/es/hooks/useLayoutEffect.js","webpack://_N_E/./node_modules/rc-util/es/hooks/useMemo.js","webpack://_N_E/./node_modules/rc-util/es/hooks/useMergedState.js","webpack://_N_E/./node_modules/rc-util/es/hooks/useState.js","webpack://_N_E/./node_modules/rc-util/es/index.js","webpack://_N_E/./node_modules/rc-util/es/isEqual.js","webpack://_N_E/./node_modules/rc-util/es/isMobile.js","webpack://_N_E/./node_modules/rc-util/es/omit.js","webpack://_N_E/./node_modules/rc-util/es/pickAttrs.js","webpack://_N_E/./node_modules/rc-util/es/raf.js","webpack://_N_E/./node_modules/rc-util/es/ref.js","webpack://_N_E/./node_modules/rc-util/es/utils/get.js","webpack://_N_E/./node_modules/rc-util/es/utils/set.js","webpack://_N_E/./node_modules/rc-util/es/warning.js","webpack://_N_E/./node_modules/rc-util/lib/Children/toArray.js","webpack://_N_E/./node_modules/rc-util/lib/Dom/canUseDom.js","webpack://_N_E/./node_modules/rc-util/lib/Dom/contains.js","webpack://_N_E/./node_modules/rc-util/lib/Dom/dynamicCSS.js","webpack://_N_E/./node_modules/rc-util/lib/React/isFragment.js","webpack://_N_E/./node_modules/rc-util/lib/hooks/useMemo.js","webpack://_N_E/./node_modules/rc-util/lib/omit.js","webpack://_N_E/./node_modules/rc-util/lib/raf.js","webpack://_N_E/./node_modules/rc-util/lib/ref.js","webpack://_N_E/./node_modules/rc-util/lib/warning.js","webpack://_N_E/./node_modules/react-headroom/dist/index.js","webpack://_N_E/./node_modules/react-headroom/dist/shouldUpdate.js","webpack://_N_E/./node_modules/react-headroom/dist/supportsPassiveEvents.js","webpack://_N_E/./node_modules/react-ifdo/dist/index.js","webpack://_N_E/./node_modules/react-ifdo/dist/jfullscript.js","webpack://_N_E/./node_modules/react-ifdo/dist/lib/errorlog.js","webpack://_N_E/./node_modules/react-ifdo/dist/lib/warnlog.js","webpack://_N_E/./node_modules/react-is/cjs/react-is.production.min.js","webpack://_N_E/./node_modules/react-is/index.js","webpack://_N_E/./node_modules/react-json-pretty/dist/JSONPretty.js","webpack://_N_E/./node_modules/framer-motion/dist/es/context/MotionConfigContext.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/value/use-motion-value.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/reduced-motion/state.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/reduced-motion/index.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/transform.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/value/use-combine-values.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/value/use-computed.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/value/use-transform.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/store.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/dom/scroll/observe.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/memo.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/dom/scroll/supports.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/GroupPlaybackControls.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/utils/is-dom-keyframes.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/html/utils/transform.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/dom/utils/camel-to-dash.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/optimized-appear/data-id.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/time-conversion.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/use-instant-transition-state.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/easing/utils/is-bezier-definition.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/animators/waapi/easing.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/animators/waapi/index.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/animators/waapi/utils/get-final-keyframe.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/easing/cubic-bezier.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/easing/ease.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/easing/utils/is-easing-array.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/easing/modifiers/mirror.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/easing/modifiers/reverse.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/easing/circ.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/easing/back.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/easing/anticipate.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/easing/utils/map.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/offsets/time.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/generators/keyframes.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/generators/utils/velocity.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/generators/spring/find.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/generators/spring/index.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/generators/inertia.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/animators/js/driver-frameloop.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/generators/utils/calc-duration.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/animators/js/index.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/animators/waapi/create-accelerated-animation.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/animators/instant.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/utils/default-transitions.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/utils/is-animatable.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/value/types/complex/filter.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/dom/value-types/type-int.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/dom/value-types/number.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/dom/value-types/defaults.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/dom/value-types/animatable-none.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/is-zero-value-string.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/utils/is-none.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/utils/keyframes.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/utils/transitions.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/GlobalConfig.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/interfaces/motion-value.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/value/utils/is-motion-value.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/value/use-will-change/is.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/is-numerical-string.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/utils/is-keyframes-target.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/resolve-value.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/dom/value-types/test.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/dom/value-types/type-auto.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/dom/value-types/dimensions.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/dom/value-types/find.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/utils/resolve-variants.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/utils/resolve-dynamic-variants.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/utils/setters.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/interfaces/visual-element-target.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/dom/utils/is-svg-element.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/projection/styles/scale-correction.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/motion/utils/is-forced-motion-value.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/html/utils/scrape-motion-values.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/svg/utils/scrape-motion-values.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/dom/utils/css-variables-conversion.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/dom/utils/unit-conversion.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/dom/utils/parse-dom-variant.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/projection/geometry/models.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/is-ref-object.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/utils/is-animation-controls.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/utils/is-variant-label.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/utils/variant-props.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/utils/is-controlling-variants.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/utils/motion-values.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/motion/features/definitions.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/VisualElement.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/dom/DOMVisualElement.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/html/utils/build-transform.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/dom/value-types/get-as-type.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/html/utils/build-styles.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/svg/utils/transform-origin.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/svg/utils/path.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/svg/utils/build-attrs.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/svg/utils/camel-case-attrs.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/html/utils/render.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/svg/utils/render.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/svg/utils/is-svg-tag.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/svg/SVGVisualElement.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/projection/geometry/conversion.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/projection/utils/has-transform.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/projection/geometry/delta-apply.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/projection/utils/measure.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/html/HTMLVisualElement.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/utils/create-visual-element.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/interfaces/single-value.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/easing/utils/create-generator-easing.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/sequence/utils/calc-time.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/wrap.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/easing/utils/get-easing-for-segment.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/sequence/utils/edit.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/sequence/utils/sort.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/sequence/create.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/animate.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/context/MotionContext/index.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/context/PresenceContext.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/context/LazyContext.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/motion/utils/use-visual-element.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/motion/utils/use-motion-ref.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/context/MotionContext/utils.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/context/MotionContext/create.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/motion/features/load-features.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/context/LayoutGroupContext.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/context/SwitchLayoutGroupContext.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/motion/utils/symbol.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/motion/index.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/dom/motion-proxy.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/svg/lowercase-elements.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/dom/utils/is-svg-component.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/html/utils/create-render-state.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/html/use-props.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/motion/utils/valid-prop.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/dom/utils/filter-props.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/svg/utils/create-render-state.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/svg/use-props.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/dom/use-render.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/value/utils/resolve-motion-value.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/motion/utils/use-visual-state.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/svg/config-motion.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/html/config-motion.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/dom/utils/create-config.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/events/add-dom-event.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/events/utils/is-primary-pointer.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/events/event-info.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/events/add-pointer-event.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/gestures/drag/utils/lock.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/motion/features/Feature.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/gestures/hover.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/gestures/focus.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/gestures/utils/is-node-or-child.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/gestures/press.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/motion/features/viewport/observers.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/motion/features/viewport/index.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/motion/features/gestures.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/shallow-compare.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/interfaces/visual-element-variant.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/animation/interfaces/visual-element.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/utils/animation-state.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/motion/features/animation/index.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/motion/features/animation/exit.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/motion/features/animations.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/distance.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/gestures/pan/PanSession.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/projection/geometry/delta-calc.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/gestures/drag/utils/constraints.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/projection/utils/each-axis.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/get-context-window.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/gestures/drag/VisualElementDragControls.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/gestures/drag/index.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/gestures/pan/index.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/projection/node/state.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/projection/styles/scale-border-radius.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/motion/features/layout/MeasureLayout.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/projection/animation/mix-values.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/projection/geometry/copy.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/projection/geometry/delta-remove.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/projection/geometry/utils.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/projection/shared/stack.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/projection/styles/transform.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/utils/compare-by-depth.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/utils/flat-tree.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/delay.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/debug/record.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/projection/node/create-projection-node.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/projection/node/DocumentProjectionNode.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/projection/node/HTMLProjectionNode.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/motion/features/drag.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/dom/create-visual-element.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/motion/features/layout.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/dom/motion.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/use-is-mounted.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/use-force-update.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/use-unmount-effect.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs","webpack://_N_E/./node_modules/@react-aria/utils/dist/import.mjs","webpack://_N_E/./node_modules/react-modal-sheet/dist/react-modal-sheet.esm.js","webpack://_N_E/./node_modules/react-transition-group/esm/config.js","webpack://_N_E/./node_modules/react-transition-group/esm/utils/reflow.js","webpack://_N_E/./node_modules/react-transition-group/esm/Transition.js","webpack://_N_E/./node_modules/react-transition-group/esm/TransitionGroupContext.js","webpack://_N_E/./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js","webpack://_N_E/./node_modules/shallowequal/index.js","webpack://_N_E/./node_modules/snakeize/index.js","webpack://_N_E/./node_modules/@emotion/stylis/dist/stylis.browser.esm.js","webpack://_N_E/./node_modules/styled-components/dist/styled-components.browser.esm.js","webpack://_N_E/./node_modules/styled-components/node_modules/react-is/cjs/react-is.production.js","webpack://_N_E/./node_modules/toggle-selection/index.js","webpack://_N_E/./node_modules/ua-parser-js/src/ua-parser.js","webpack://_N_E/./node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js","webpack://_N_E/./node_modules/use-sync-external-store/shim/index.js","webpack://_N_E/./node_modules/zustand/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.min.js","webpack://_N_E/./node_modules/zustand/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.production.min.js","webpack://_N_E/./node_modules/zustand/node_modules/use-sync-external-store/shim/index.js","webpack://_N_E/./node_modules/zustand/node_modules/use-sync-external-store/shim/with-selector.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/arrayLikeToArray.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/arrayWithHoles.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/assertThisInitialized.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/classCallCheck.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/createClass.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/createSuper.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/defineProperty.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/extends.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/getPrototypeOf.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/inherits.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/interopRequireDefault.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/interopRequireWildcard.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/isNativeReflectConstruct.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/iterableToArrayLimit.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/nonIterableRest.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/objectSpread2.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/objectWithoutProperties.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/setPrototypeOf.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/slicedToArray.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/toPrimitive.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/toPropertyKey.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/typeof.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/classCallCheck.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/createClass.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/createSuper.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/defineProperty.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/extends.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/inherits.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/iterableToArray.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/objectSpread2.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/regeneratorRuntime.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/slicedToArray.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/toArray.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/toPrimitive.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/typeof.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js","webpack://_N_E/./node_modules/@mui/material/Alert/alertClasses.js","webpack://_N_E/./node_modules/@mui/material/internal/svg-icons/SuccessOutlined.js","webpack://_N_E/./node_modules/@mui/material/internal/svg-icons/ReportProblemOutlined.js","webpack://_N_E/./node_modules/@mui/material/internal/svg-icons/ErrorOutline.js","webpack://_N_E/./node_modules/@mui/material/internal/svg-icons/InfoOutlined.js","webpack://_N_E/./node_modules/@mui/material/internal/svg-icons/Close.js","webpack://_N_E/./node_modules/@mui/material/Alert/Alert.js","webpack://_N_E/./node_modules/@mui/material/internal/svg-icons/Cancel.js","webpack://_N_E/./node_modules/@mui/material/Chip/chipClasses.js","webpack://_N_E/./node_modules/@mui/material/Chip/Chip.js","webpack://_N_E/./node_modules/@mui/material/LinearProgress/linearProgressClasses.js","webpack://_N_E/./node_modules/@mui/material/LinearProgress/LinearProgress.js","webpack://_N_E/./node_modules/@mui/material/Pagination/paginationClasses.js","webpack://_N_E/./node_modules/@mui/material/usePagination/usePagination.js","webpack://_N_E/./node_modules/@mui/material/PaginationItem/paginationItemClasses.js","webpack://_N_E/./node_modules/@mui/material/internal/svg-icons/FirstPage.js","webpack://_N_E/./node_modules/@mui/material/internal/svg-icons/LastPage.js","webpack://_N_E/./node_modules/@mui/material/internal/svg-icons/NavigateBefore.js","webpack://_N_E/./node_modules/@mui/material/internal/svg-icons/NavigateNext.js","webpack://_N_E/./node_modules/@mui/material/PaginationItem/PaginationItem.js","webpack://_N_E/./node_modules/@mui/material/Pagination/Pagination.js","webpack://_N_E/./node_modules/@mui/material/Input/inputClasses.js","webpack://_N_E/./node_modules/@mui/material/Input/Input.js","webpack://_N_E/./node_modules/@mui/material/FilledInput/filledInputClasses.js","webpack://_N_E/./node_modules/@mui/material/FilledInput/FilledInput.js","webpack://_N_E/./node_modules/@mui/material/OutlinedInput/NotchedOutline.js","webpack://_N_E/./node_modules/@mui/material/OutlinedInput/outlinedInputClasses.js","webpack://_N_E/./node_modules/@mui/material/OutlinedInput/OutlinedInput.js","webpack://_N_E/./node_modules/@mui/material/FormLabel/formLabelClasses.js","webpack://_N_E/./node_modules/@mui/material/FormLabel/FormLabel.js","webpack://_N_E/./node_modules/@mui/material/InputLabel/inputLabelClasses.js","webpack://_N_E/./node_modules/@mui/material/InputLabel/InputLabel.js","webpack://_N_E/./node_modules/@mui/material/NativeSelect/nativeSelectClasses.js","webpack://_N_E/./node_modules/@mui/material/NativeSelect/NativeSelectInput.js","webpack://_N_E/./node_modules/@mui/material/Select/selectClasses.js","webpack://_N_E/./node_modules/@mui/material/Select/SelectInput.js","webpack://_N_E/./node_modules/@mui/material/internal/svg-icons/ArrowDropDown.js","webpack://_N_E/./node_modules/@mui/material/Select/Select.js","webpack://_N_E/./node_modules/@mui/material/TextField/textFieldClasses.js","webpack://_N_E/./node_modules/@mui/material/TextField/TextField.js","webpack://_N_E/./node_modules/@popperjs/core/lib/dom-utils/getWindow.js","webpack://_N_E/./node_modules/@popperjs/core/lib/dom-utils/instanceOf.js","webpack://_N_E/./node_modules/@popperjs/core/lib/utils/math.js","webpack://_N_E/./node_modules/@popperjs/core/lib/utils/userAgent.js","webpack://_N_E/./node_modules/@popperjs/core/lib/dom-utils/isLayoutViewport.js","webpack://_N_E/./node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js","webpack://_N_E/./node_modules/@popperjs/core/lib/dom-utils/getWindowScroll.js","webpack://_N_E/./node_modules/@popperjs/core/lib/dom-utils/getHTMLElementScroll.js","webpack://_N_E/./node_modules/@popperjs/core/lib/dom-utils/getNodeScroll.js","webpack://_N_E/./node_modules/@popperjs/core/lib/dom-utils/getNodeName.js","webpack://_N_E/./node_modules/@popperjs/core/lib/dom-utils/getDocumentElement.js","webpack://_N_E/./node_modules/@popperjs/core/lib/dom-utils/getWindowScrollBarX.js","webpack://_N_E/./node_modules/@popperjs/core/lib/dom-utils/getComputedStyle.js","webpack://_N_E/./node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js","webpack://_N_E/./node_modules/@popperjs/core/lib/dom-utils/getCompositeRect.js","webpack://_N_E/./node_modules/@popperjs/core/lib/dom-utils/getLayoutRect.js","webpack://_N_E/./node_modules/@popperjs/core/lib/dom-utils/getParentNode.js","webpack://_N_E/./node_modules/@popperjs/core/lib/dom-utils/getScrollParent.js","webpack://_N_E/./node_modules/@popperjs/core/lib/dom-utils/listScrollParents.js","webpack://_N_E/./node_modules/@popperjs/core/lib/dom-utils/isTableElement.js","webpack://_N_E/./node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js","webpack://_N_E/./node_modules/@popperjs/core/lib/enums.js","webpack://_N_E/./node_modules/@popperjs/core/lib/utils/orderModifiers.js","webpack://_N_E/./node_modules/@popperjs/core/lib/utils/debounce.js","webpack://_N_E/./node_modules/@popperjs/core/lib/utils/mergeByName.js","webpack://_N_E/./node_modules/@popperjs/core/lib/createPopper.js","webpack://_N_E/./node_modules/@popperjs/core/lib/modifiers/eventListeners.js","webpack://_N_E/./node_modules/@popperjs/core/lib/utils/getBasePlacement.js","webpack://_N_E/./node_modules/@popperjs/core/lib/utils/getVariation.js","webpack://_N_E/./node_modules/@popperjs/core/lib/utils/getMainAxisFromPlacement.js","webpack://_N_E/./node_modules/@popperjs/core/lib/utils/computeOffsets.js","webpack://_N_E/./node_modules/@popperjs/core/lib/modifiers/popperOffsets.js","webpack://_N_E/./node_modules/@popperjs/core/lib/modifiers/computeStyles.js","webpack://_N_E/./node_modules/@popperjs/core/lib/modifiers/applyStyles.js","webpack://_N_E/./node_modules/@popperjs/core/lib/modifiers/offset.js","webpack://_N_E/./node_modules/@popperjs/core/lib/utils/getOppositePlacement.js","webpack://_N_E/./node_modules/@popperjs/core/lib/utils/getOppositeVariationPlacement.js","webpack://_N_E/./node_modules/@popperjs/core/lib/dom-utils/getViewportRect.js","webpack://_N_E/./node_modules/@popperjs/core/lib/dom-utils/getDocumentRect.js","webpack://_N_E/./node_modules/@popperjs/core/lib/dom-utils/contains.js","webpack://_N_E/./node_modules/@popperjs/core/lib/utils/rectToClientRect.js","webpack://_N_E/./node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js","webpack://_N_E/./node_modules/@popperjs/core/lib/utils/getFreshSideObject.js","webpack://_N_E/./node_modules/@popperjs/core/lib/utils/mergePaddingObject.js","webpack://_N_E/./node_modules/@popperjs/core/lib/utils/expandToHashMap.js","webpack://_N_E/./node_modules/@popperjs/core/lib/utils/detectOverflow.js","webpack://_N_E/./node_modules/@popperjs/core/lib/utils/computeAutoPlacement.js","webpack://_N_E/./node_modules/@popperjs/core/lib/modifiers/flip.js","webpack://_N_E/./node_modules/@popperjs/core/lib/utils/getAltAxis.js","webpack://_N_E/./node_modules/@popperjs/core/lib/utils/within.js","webpack://_N_E/./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js","webpack://_N_E/./node_modules/@popperjs/core/lib/modifiers/arrow.js","webpack://_N_E/./node_modules/@popperjs/core/lib/modifiers/hide.js","webpack://_N_E/./node_modules/@popperjs/core/lib/popper.js","webpack://_N_E/./node_modules/@mui/material/Popper/popperClasses.js","webpack://_N_E/./node_modules/@mui/material/Popper/BasePopper.js","webpack://_N_E/./node_modules/@mui/material/Popper/Popper.js","webpack://_N_E/./node_modules/@mui/material/Tooltip/tooltipClasses.js","webpack://_N_E/./node_modules/@mui/material/Tooltip/Tooltip.js","webpack://_N_E/./node_modules/@bookips/solvook-ui-library/dist/solvook-ui-lib.js","webpack://_N_E/./node_modules/@tanstack/query-core/build/lib/focusManager.mjs","webpack://_N_E/./node_modules/@tanstack/query-core/build/lib/infiniteQueryBehavior.mjs","webpack://_N_E/./node_modules/@tanstack/query-core/build/lib/logger.mjs","webpack://_N_E/./node_modules/@tanstack/query-core/build/lib/mutation.mjs","webpack://_N_E/./node_modules/@tanstack/query-core/build/lib/notifyManager.mjs","webpack://_N_E/./node_modules/@tanstack/query-core/build/lib/onlineManager.mjs","webpack://_N_E/./node_modules/@tanstack/query-core/build/lib/queryObserver.mjs","webpack://_N_E/./node_modules/@tanstack/query-core/build/lib/removable.mjs","webpack://_N_E/./node_modules/@tanstack/query-core/build/lib/retryer.mjs","webpack://_N_E/./node_modules/@tanstack/query-core/build/lib/subscribable.mjs","webpack://_N_E/./node_modules/@tanstack/query-core/build/lib/utils.mjs","webpack://_N_E/./node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs","webpack://_N_E/./node_modules/@tanstack/react-query/build/lib/QueryErrorResetBoundary.mjs","webpack://_N_E/./node_modules/@tanstack/react-query/build/lib/errorBoundaryUtils.mjs","webpack://_N_E/./node_modules/@tanstack/react-query/build/lib/isRestoring.mjs","webpack://_N_E/./node_modules/@tanstack/react-query/build/lib/suspense.mjs","webpack://_N_E/./node_modules/@tanstack/react-query/build/lib/useBaseQuery.mjs","webpack://_N_E/./node_modules/@tanstack/query-core/build/lib/mutationObserver.mjs","webpack://_N_E/./node_modules/@tanstack/react-query/build/lib/useMutation.mjs","webpack://_N_E/./node_modules/@tanstack/react-query/build/lib/useQuery.mjs","webpack://_N_E/./node_modules/@tanstack/react-query/build/lib/useSyncExternalStore.mjs","webpack://_N_E/./node_modules/@tanstack/react-query/build/lib/utils.mjs","webpack://_N_E/./node_modules/axios/index.js","webpack://_N_E/./node_modules/axios/lib/helpers/bind.js","webpack://_N_E/./node_modules/axios/lib/utils.js","webpack://_N_E/./node_modules/axios/lib/core/AxiosError.js","webpack://_N_E/./node_modules/axios/lib/env/classes/FormData.js","webpack://_N_E/./node_modules/axios/lib/helpers/toFormData.js","webpack://_N_E/./node_modules/axios/lib/helpers/AxiosURLSearchParams.js","webpack://_N_E/./node_modules/axios/lib/helpers/buildURL.js","webpack://_N_E/./node_modules/axios/lib/core/InterceptorManager.js","webpack://_N_E/./node_modules/axios/lib/defaults/transitional.js","webpack://_N_E/./node_modules/axios/lib/platform/browser/classes/URLSearchParams.js","webpack://_N_E/./node_modules/axios/lib/platform/browser/classes/FormData.js","webpack://_N_E/./node_modules/axios/lib/platform/browser/index.js","webpack://_N_E/./node_modules/axios/lib/helpers/toURLEncodedForm.js","webpack://_N_E/./node_modules/axios/lib/helpers/formDataToJSON.js","webpack://_N_E/./node_modules/axios/lib/defaults/index.js","webpack://_N_E/./node_modules/axios/lib/helpers/parseHeaders.js","webpack://_N_E/./node_modules/axios/lib/core/AxiosHeaders.js","webpack://_N_E/./node_modules/axios/lib/core/transformData.js","webpack://_N_E/./node_modules/axios/lib/cancel/isCancel.js","webpack://_N_E/./node_modules/axios/lib/cancel/CanceledError.js","webpack://_N_E/./node_modules/axios/lib/helpers/null.js","webpack://_N_E/./node_modules/axios/lib/core/settle.js","webpack://_N_E/./node_modules/axios/lib/helpers/cookies.js","webpack://_N_E/./node_modules/axios/lib/helpers/isAbsoluteURL.js","webpack://_N_E/./node_modules/axios/lib/helpers/combineURLs.js","webpack://_N_E/./node_modules/axios/lib/core/buildFullPath.js","webpack://_N_E/./node_modules/axios/lib/helpers/isURLSameOrigin.js","webpack://_N_E/./node_modules/axios/lib/helpers/parseProtocol.js","webpack://_N_E/./node_modules/axios/lib/helpers/speedometer.js","webpack://_N_E/./node_modules/axios/lib/adapters/xhr.js","webpack://_N_E/./node_modules/axios/lib/adapters/adapters.js","webpack://_N_E/./node_modules/axios/lib/core/dispatchRequest.js","webpack://_N_E/./node_modules/axios/lib/core/mergeConfig.js","webpack://_N_E/./node_modules/axios/lib/env/data.js","webpack://_N_E/./node_modules/axios/lib/helpers/validator.js","webpack://_N_E/./node_modules/axios/lib/core/Axios.js","webpack://_N_E/./node_modules/axios/lib/cancel/CancelToken.js","webpack://_N_E/./node_modules/axios/lib/helpers/spread.js","webpack://_N_E/./node_modules/axios/lib/helpers/isAxiosError.js","webpack://_N_E/./node_modules/axios/lib/axios.js","webpack://_N_E/./node_modules/bignumber.js/bignumber.mjs","webpack://_N_E/./node_modules/clsx/dist/clsx.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/frameloop/render-step.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/frameloop/batcher.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/frameloop/frame.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/dom/utils/is-css-variable.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/render/dom/utils/resolve-element.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/array.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/clamp.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/errors.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/hsla-to-rgba.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/mix-color.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/mix-complex.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/interpolate.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/is-browser.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/mix.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/noop.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/offsets/default.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/offsets/fill.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/pipe.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/progress.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/subscription-manager.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/use-constant.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/use-isomorphic-effect.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/utils/velocity-per-second.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/value/index.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/value/types/color/hex.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/value/types/color/hsla.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/value/types/color/index.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/value/types/color/rgba.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/value/types/color/utils.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/value/types/complex/index.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/value/types/numbers/index.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/value/types/numbers/units.mjs","webpack://_N_E/./node_modules/framer-motion/dist/es/value/types/utils.mjs","webpack://_N_E/./node_modules/js-cookie/dist/js.cookie.mjs","webpack://_N_E/./node_modules/next/node_modules/@swc/helpers/esm/_tagged_template_literal.js","webpack://_N_E/./node_modules/tslib/tslib.es6.mjs","webpack://_N_E/./node_modules/usehooks-ts/dist/index.mjs","webpack://_N_E/./node_modules/zustand/esm/index.mjs","webpack://_N_E/./node_modules/zustand/esm/middleware.mjs","webpack://_N_E/./node_modules/zustand/esm/vanilla.mjs","webpack://_N_E/<anon>"],"sourcesContent":["import { inputToRGB, rgbToHex, rgbToHsv } from '@ctrl/tinycolor';\n\nvar hueStep = 2; // 色相阶梯\n\nvar saturationStep = 0.16; // 饱和度阶梯，浅色部分\n\nvar saturationStep2 = 0.05; // 饱和度阶梯，深色部分\n\nvar brightnessStep1 = 0.05; // 亮度阶梯，浅色部分\n\nvar brightnessStep2 = 0.15; // 亮度阶梯，深色部分\n\nvar lightColorCount = 5; // 浅色数量，主色上\n\nvar darkColorCount = 4; // 深色数量，主色下\n// 暗色主题颜色映射关系表\n\nvar darkColorMap = [{\n  index: 7,\n  opacity: 0.15\n}, {\n  index: 6,\n  opacity: 0.25\n}, {\n  index: 5,\n  opacity: 0.3\n}, {\n  index: 5,\n  opacity: 0.45\n}, {\n  index: 5,\n  opacity: 0.65\n}, {\n  index: 5,\n  opacity: 0.85\n}, {\n  index: 4,\n  opacity: 0.9\n}, {\n  index: 3,\n  opacity: 0.95\n}, {\n  index: 2,\n  opacity: 0.97\n}, {\n  index: 1,\n  opacity: 0.98\n}]; // Wrapper function ported from TinyColor.prototype.toHsv\n// Keep it here because of `hsv.h * 360`\n\nfunction toHsv(_ref) {\n  var r = _ref.r,\n      g = _ref.g,\n      b = _ref.b;\n  var hsv = rgbToHsv(r, g, b);\n  return {\n    h: hsv.h * 360,\n    s: hsv.s,\n    v: hsv.v\n  };\n} // Wrapper function ported from TinyColor.prototype.toHexString\n// Keep it here because of the prefix `#`\n\n\nfunction toHex(_ref2) {\n  var r = _ref2.r,\n      g = _ref2.g,\n      b = _ref2.b;\n  return \"#\".concat(rgbToHex(r, g, b, false));\n} // Wrapper function ported from TinyColor.prototype.mix, not treeshakable.\n// Amount in range [0, 1]\n// Assume color1 & color2 has no alpha, since the following src code did so.\n\n\nfunction mix(rgb1, rgb2, amount) {\n  var p = amount / 100;\n  var rgb = {\n    r: (rgb2.r - rgb1.r) * p + rgb1.r,\n    g: (rgb2.g - rgb1.g) * p + rgb1.g,\n    b: (rgb2.b - rgb1.b) * p + rgb1.b\n  };\n  return rgb;\n}\n\nfunction getHue(hsv, i, light) {\n  var hue; // 根据色相不同，色相转向不同\n\n  if (Math.round(hsv.h) >= 60 && Math.round(hsv.h) <= 240) {\n    hue = light ? Math.round(hsv.h) - hueStep * i : Math.round(hsv.h) + hueStep * i;\n  } else {\n    hue = light ? Math.round(hsv.h) + hueStep * i : Math.round(hsv.h) - hueStep * i;\n  }\n\n  if (hue < 0) {\n    hue += 360;\n  } else if (hue >= 360) {\n    hue -= 360;\n  }\n\n  return hue;\n}\n\nfunction getSaturation(hsv, i, light) {\n  // grey color don't change saturation\n  if (hsv.h === 0 && hsv.s === 0) {\n    return hsv.s;\n  }\n\n  var saturation;\n\n  if (light) {\n    saturation = hsv.s - saturationStep * i;\n  } else if (i === darkColorCount) {\n    saturation = hsv.s + saturationStep;\n  } else {\n    saturation = hsv.s + saturationStep2 * i;\n  } // 边界值修正\n\n\n  if (saturation > 1) {\n    saturation = 1;\n  } // 第一格的 s 限制在 0.06-0.1 之间\n\n\n  if (light && i === lightColorCount && saturation > 0.1) {\n    saturation = 0.1;\n  }\n\n  if (saturation < 0.06) {\n    saturation = 0.06;\n  }\n\n  return Number(saturation.toFixed(2));\n}\n\nfunction getValue(hsv, i, light) {\n  var value;\n\n  if (light) {\n    value = hsv.v + brightnessStep1 * i;\n  } else {\n    value = hsv.v - brightnessStep2 * i;\n  }\n\n  if (value > 1) {\n    value = 1;\n  }\n\n  return Number(value.toFixed(2));\n}\n\nfunction generate(color) {\n  var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n  var patterns = [];\n  var pColor = inputToRGB(color);\n\n  for (var i = lightColorCount; i > 0; i -= 1) {\n    var hsv = toHsv(pColor);\n    var colorString = toHex(inputToRGB({\n      h: getHue(hsv, i, true),\n      s: getSaturation(hsv, i, true),\n      v: getValue(hsv, i, true)\n    }));\n    patterns.push(colorString);\n  }\n\n  patterns.push(toHex(pColor));\n\n  for (var _i = 1; _i <= darkColorCount; _i += 1) {\n    var _hsv = toHsv(pColor);\n\n    var _colorString = toHex(inputToRGB({\n      h: getHue(_hsv, _i),\n      s: getSaturation(_hsv, _i),\n      v: getValue(_hsv, _i)\n    }));\n\n    patterns.push(_colorString);\n  } // dark theme patterns\n\n\n  if (opts.theme === 'dark') {\n    return darkColorMap.map(function (_ref3) {\n      var index = _ref3.index,\n          opacity = _ref3.opacity;\n      var darkColorString = toHex(mix(inputToRGB(opts.backgroundColor || '#141414'), inputToRGB(patterns[index]), opacity * 100));\n      return darkColorString;\n    });\n  }\n\n  return patterns;\n}\n\nvar presetPrimaryColors = {\n  red: '#F5222D',\n  volcano: '#FA541C',\n  orange: '#FA8C16',\n  gold: '#FAAD14',\n  yellow: '#FADB14',\n  lime: '#A0D911',\n  green: '#52C41A',\n  cyan: '#13C2C2',\n  blue: '#1890FF',\n  geekblue: '#2F54EB',\n  purple: '#722ED1',\n  magenta: '#EB2F96',\n  grey: '#666666'\n};\nvar presetPalettes = {};\nvar presetDarkPalettes = {};\nObject.keys(presetPrimaryColors).forEach(function (key) {\n  presetPalettes[key] = generate(presetPrimaryColors[key]);\n  presetPalettes[key].primary = presetPalettes[key][5]; // dark presetPalettes\n\n  presetDarkPalettes[key] = generate(presetPrimaryColors[key], {\n    theme: 'dark',\n    backgroundColor: '#141414'\n  });\n  presetDarkPalettes[key].primary = presetDarkPalettes[key][5];\n});\nvar red = presetPalettes.red;\nvar volcano = presetPalettes.volcano;\nvar gold = presetPalettes.gold;\nvar orange = presetPalettes.orange;\nvar yellow = presetPalettes.yellow;\nvar lime = presetPalettes.lime;\nvar green = presetPalettes.green;\nvar cyan = presetPalettes.cyan;\nvar blue = presetPalettes.blue;\nvar geekblue = presetPalettes.geekblue;\nvar purple = presetPalettes.purple;\nvar magenta = presetPalettes.magenta;\nvar grey = presetPalettes.grey;\n\nexport { blue, cyan, geekblue, generate, gold, green, grey, lime, magenta, orange, presetDarkPalettes, presetPalettes, presetPrimaryColors, purple, red, volcano, yellow };\n","/* eslint-disable */\n// Inspired by https://github.com/garycourt/murmurhash-js\n// Ported from https://github.com/aappleby/smhasher/blob/61a0530f28277f2e850bfc39600ce61d02b518de/src/MurmurHash2.cpp#L37-L86\nfunction murmur2(str) {\n  // 'm' and 'r' are mixing constants generated offline.\n  // They're not really 'magic', they just happen to work well.\n  // const m = 0x5bd1e995;\n  // const r = 24;\n  // Initialize the hash\n  var h = 0; // Mix 4 bytes at a time into the hash\n\n  var k,\n      i = 0,\n      len = str.length;\n\n  for (; len >= 4; ++i, len -= 4) {\n    k = str.charCodeAt(i) & 0xff | (str.charCodeAt(++i) & 0xff) << 8 | (str.charCodeAt(++i) & 0xff) << 16 | (str.charCodeAt(++i) & 0xff) << 24;\n    k =\n    /* Math.imul(k, m): */\n    (k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16);\n    k ^=\n    /* k >>> r: */\n    k >>> 24;\n    h =\n    /* Math.imul(k, m): */\n    (k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16) ^\n    /* Math.imul(h, m): */\n    (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);\n  } // Handle the last few bytes of the input array\n\n\n  switch (len) {\n    case 3:\n      h ^= (str.charCodeAt(i + 2) & 0xff) << 16;\n\n    case 2:\n      h ^= (str.charCodeAt(i + 1) & 0xff) << 8;\n\n    case 1:\n      h ^= str.charCodeAt(i) & 0xff;\n      h =\n      /* Math.imul(h, m): */\n      (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);\n  } // Do a few final mixes of the hash to ensure the last few\n  // bytes are well-incorporated.\n\n\n  h ^= h >>> 13;\n  h =\n  /* Math.imul(h, m): */\n  (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);\n  return ((h ^ h >>> 15) >>> 0).toString(36);\n}\n\nexport default murmur2;\n","import _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\n// [times, realValue]\n\nvar SPLIT = '%';\n\n/** Connect key with `SPLIT` */\nexport function pathKey(keys) {\n  return keys.join(SPLIT);\n}\nvar Entity = /*#__PURE__*/function () {\n  function Entity(instanceId) {\n    _classCallCheck(this, Entity);\n    _defineProperty(this, \"instanceId\", void 0);\n    /** @private Internal cache map. Do not access this directly */\n    _defineProperty(this, \"cache\", new Map());\n    this.instanceId = instanceId;\n  }\n  _createClass(Entity, [{\n    key: \"get\",\n    value: function get(keys) {\n      return this.opGet(pathKey(keys));\n    }\n\n    /** A fast get cache with `get` concat. */\n  }, {\n    key: \"opGet\",\n    value: function opGet(keyPathStr) {\n      return this.cache.get(keyPathStr) || null;\n    }\n  }, {\n    key: \"update\",\n    value: function update(keys, valueFn) {\n      return this.opUpdate(pathKey(keys), valueFn);\n    }\n\n    /** A fast get cache with `get` concat. */\n  }, {\n    key: \"opUpdate\",\n    value: function opUpdate(keyPathStr, valueFn) {\n      var prevValue = this.cache.get(keyPathStr);\n      var nextValue = valueFn(prevValue);\n      if (nextValue === null) {\n        this.cache.delete(keyPathStr);\n      } else {\n        this.cache.set(keyPathStr, nextValue);\n      }\n    }\n  }]);\n  return Entity;\n}();\nexport default Entity;","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"children\"];\nimport useMemo from \"rc-util/es/hooks/useMemo\";\nimport isEqual from \"rc-util/es/isEqual\";\nimport * as React from 'react';\nimport CacheEntity from \"./Cache\";\nexport var ATTR_TOKEN = 'data-token-hash';\nexport var ATTR_MARK = 'data-css-hash';\nexport var ATTR_CACHE_PATH = 'data-cache-path';\n\n// Mark css-in-js instance in style element\nexport var CSS_IN_JS_INSTANCE = '__cssinjs_instance__';\nexport function createCache() {\n  var cssinjsInstanceId = Math.random().toString(12).slice(2);\n\n  // Tricky SSR: Move all inline style to the head.\n  // PS: We do not recommend tricky mode.\n  if (typeof document !== 'undefined' && document.head && document.body) {\n    var styles = document.body.querySelectorAll(\"style[\".concat(ATTR_MARK, \"]\")) || [];\n    var firstChild = document.head.firstChild;\n    Array.from(styles).forEach(function (style) {\n      style[CSS_IN_JS_INSTANCE] = style[CSS_IN_JS_INSTANCE] || cssinjsInstanceId;\n\n      // Not force move if no head\n      if (style[CSS_IN_JS_INSTANCE] === cssinjsInstanceId) {\n        document.head.insertBefore(style, firstChild);\n      }\n    });\n\n    // Deduplicate of moved styles\n    var styleHash = {};\n    Array.from(document.querySelectorAll(\"style[\".concat(ATTR_MARK, \"]\"))).forEach(function (style) {\n      var hash = style.getAttribute(ATTR_MARK);\n      if (styleHash[hash]) {\n        if (style[CSS_IN_JS_INSTANCE] === cssinjsInstanceId) {\n          var _style$parentNode;\n          (_style$parentNode = style.parentNode) === null || _style$parentNode === void 0 || _style$parentNode.removeChild(style);\n        }\n      } else {\n        styleHash[hash] = true;\n      }\n    });\n  }\n  return new CacheEntity(cssinjsInstanceId);\n}\nvar StyleContext = /*#__PURE__*/React.createContext({\n  hashPriority: 'low',\n  cache: createCache(),\n  defaultCache: true\n});\nexport var StyleProvider = function StyleProvider(props) {\n  var children = props.children,\n    restProps = _objectWithoutProperties(props, _excluded);\n  var parentContext = React.useContext(StyleContext);\n  var context = useMemo(function () {\n    var mergedContext = _objectSpread({}, parentContext);\n    Object.keys(restProps).forEach(function (key) {\n      var value = restProps[key];\n      if (restProps[key] !== undefined) {\n        mergedContext[key] = value;\n      }\n    });\n    var cache = restProps.cache;\n    mergedContext.cache = mergedContext.cache || createCache();\n    mergedContext.defaultCache = !cache && parentContext.defaultCache;\n    return mergedContext;\n  }, [parentContext, restProps], function (prev, next) {\n    return !isEqual(prev[0], next[0], true) || !isEqual(prev[1], next[1], true);\n  });\n  return /*#__PURE__*/React.createElement(StyleContext.Provider, {\n    value: context\n  }, children);\n};\nexport default StyleContext;","import _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nvar AbstractCalculator = /*#__PURE__*/_createClass(function AbstractCalculator() {\n  _classCallCheck(this, AbstractCalculator);\n});\nexport default AbstractCalculator;","import _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/esm/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nimport _createSuper from \"@babel/runtime/helpers/esm/createSuper\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport AbstractCalculator from \"./calculator\";\nvar CALC_UNIT = 'CALC_UNIT';\nvar regexp = new RegExp(CALC_UNIT, 'g');\nfunction unit(value) {\n  if (typeof value === 'number') {\n    return \"\".concat(value).concat(CALC_UNIT);\n  }\n  return value;\n}\nvar CSSCalculator = /*#__PURE__*/function (_AbstractCalculator) {\n  _inherits(CSSCalculator, _AbstractCalculator);\n  var _super = _createSuper(CSSCalculator);\n  function CSSCalculator(num, unitlessCssVar) {\n    var _this;\n    _classCallCheck(this, CSSCalculator);\n    _this = _super.call(this);\n    _defineProperty(_assertThisInitialized(_this), \"result\", '');\n    _defineProperty(_assertThisInitialized(_this), \"unitlessCssVar\", void 0);\n    _defineProperty(_assertThisInitialized(_this), \"lowPriority\", void 0);\n    var numType = _typeof(num);\n    _this.unitlessCssVar = unitlessCssVar;\n    if (num instanceof CSSCalculator) {\n      _this.result = \"(\".concat(num.result, \")\");\n    } else if (numType === 'number') {\n      _this.result = unit(num);\n    } else if (numType === 'string') {\n      _this.result = num;\n    }\n    return _this;\n  }\n  _createClass(CSSCalculator, [{\n    key: \"add\",\n    value: function add(num) {\n      if (num instanceof CSSCalculator) {\n        this.result = \"\".concat(this.result, \" + \").concat(num.getResult());\n      } else if (typeof num === 'number' || typeof num === 'string') {\n        this.result = \"\".concat(this.result, \" + \").concat(unit(num));\n      }\n      this.lowPriority = true;\n      return this;\n    }\n  }, {\n    key: \"sub\",\n    value: function sub(num) {\n      if (num instanceof CSSCalculator) {\n        this.result = \"\".concat(this.result, \" - \").concat(num.getResult());\n      } else if (typeof num === 'number' || typeof num === 'string') {\n        this.result = \"\".concat(this.result, \" - \").concat(unit(num));\n      }\n      this.lowPriority = true;\n      return this;\n    }\n  }, {\n    key: \"mul\",\n    value: function mul(num) {\n      if (this.lowPriority) {\n        this.result = \"(\".concat(this.result, \")\");\n      }\n      if (num instanceof CSSCalculator) {\n        this.result = \"\".concat(this.result, \" * \").concat(num.getResult(true));\n      } else if (typeof num === 'number' || typeof num === 'string') {\n        this.result = \"\".concat(this.result, \" * \").concat(num);\n      }\n      this.lowPriority = false;\n      return this;\n    }\n  }, {\n    key: \"div\",\n    value: function div(num) {\n      if (this.lowPriority) {\n        this.result = \"(\".concat(this.result, \")\");\n      }\n      if (num instanceof CSSCalculator) {\n        this.result = \"\".concat(this.result, \" / \").concat(num.getResult(true));\n      } else if (typeof num === 'number' || typeof num === 'string') {\n        this.result = \"\".concat(this.result, \" / \").concat(num);\n      }\n      this.lowPriority = false;\n      return this;\n    }\n  }, {\n    key: \"getResult\",\n    value: function getResult(force) {\n      return this.lowPriority || force ? \"(\".concat(this.result, \")\") : this.result;\n    }\n  }, {\n    key: \"equal\",\n    value: function equal(options) {\n      var _this2 = this;\n      var _ref = options || {},\n        cssUnit = _ref.unit;\n      var mergedUnit = true;\n      if (typeof cssUnit === 'boolean') {\n        mergedUnit = cssUnit;\n      } else if (Array.from(this.unitlessCssVar).some(function (cssVar) {\n        return _this2.result.includes(cssVar);\n      })) {\n        mergedUnit = false;\n      }\n      this.result = this.result.replace(regexp, mergedUnit ? 'px' : '');\n      if (typeof this.lowPriority !== 'undefined') {\n        return \"calc(\".concat(this.result, \")\");\n      }\n      return this.result;\n    }\n  }]);\n  return CSSCalculator;\n}(AbstractCalculator);\nexport { CSSCalculator as default };","import _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/esm/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nimport _createSuper from \"@babel/runtime/helpers/esm/createSuper\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport AbstractCalculator from \"./calculator\";\nvar NumCalculator = /*#__PURE__*/function (_AbstractCalculator) {\n  _inherits(NumCalculator, _AbstractCalculator);\n  var _super = _createSuper(NumCalculator);\n  function NumCalculator(num) {\n    var _this;\n    _classCallCheck(this, NumCalculator);\n    _this = _super.call(this);\n    _defineProperty(_assertThisInitialized(_this), \"result\", 0);\n    if (num instanceof NumCalculator) {\n      _this.result = num.result;\n    } else if (typeof num === 'number') {\n      _this.result = num;\n    }\n    return _this;\n  }\n  _createClass(NumCalculator, [{\n    key: \"add\",\n    value: function add(num) {\n      if (num instanceof NumCalculator) {\n        this.result += num.result;\n      } else if (typeof num === 'number') {\n        this.result += num;\n      }\n      return this;\n    }\n  }, {\n    key: \"sub\",\n    value: function sub(num) {\n      if (num instanceof NumCalculator) {\n        this.result -= num.result;\n      } else if (typeof num === 'number') {\n        this.result -= num;\n      }\n      return this;\n    }\n  }, {\n    key: \"mul\",\n    value: function mul(num) {\n      if (num instanceof NumCalculator) {\n        this.result *= num.result;\n      } else if (typeof num === 'number') {\n        this.result *= num;\n      }\n      return this;\n    }\n  }, {\n    key: \"div\",\n    value: function div(num) {\n      if (num instanceof NumCalculator) {\n        this.result /= num.result;\n      } else if (typeof num === 'number') {\n        this.result /= num;\n      }\n      return this;\n    }\n  }, {\n    key: \"equal\",\n    value: function equal() {\n      return this.result;\n    }\n  }]);\n  return NumCalculator;\n}(AbstractCalculator);\nexport { NumCalculator as default };","import CSSCalculator from \"./CSSCalculator\";\nimport NumCalculator from \"./NumCalculator\";\nvar genCalc = function genCalc(type, unitlessCssVar) {\n  var Calculator = type === 'css' ? CSSCalculator : NumCalculator;\n  return function (num) {\n    return new Calculator(num, unitlessCssVar);\n  };\n};\nexport default genCalc;","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\n// ================================== Cache ==================================\n\nexport function sameDerivativeOption(left, right) {\n  if (left.length !== right.length) {\n    return false;\n  }\n  for (var i = 0; i < left.length; i++) {\n    if (left[i] !== right[i]) {\n      return false;\n    }\n  }\n  return true;\n}\nvar ThemeCache = /*#__PURE__*/function () {\n  function ThemeCache() {\n    _classCallCheck(this, ThemeCache);\n    _defineProperty(this, \"cache\", void 0);\n    _defineProperty(this, \"keys\", void 0);\n    _defineProperty(this, \"cacheCallTimes\", void 0);\n    this.cache = new Map();\n    this.keys = [];\n    this.cacheCallTimes = 0;\n  }\n  _createClass(ThemeCache, [{\n    key: \"size\",\n    value: function size() {\n      return this.keys.length;\n    }\n  }, {\n    key: \"internalGet\",\n    value: function internalGet(derivativeOption) {\n      var _cache2, _cache3;\n      var updateCallTimes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n      var cache = {\n        map: this.cache\n      };\n      derivativeOption.forEach(function (derivative) {\n        if (!cache) {\n          cache = undefined;\n        } else {\n          var _cache;\n          cache = (_cache = cache) === null || _cache === void 0 || (_cache = _cache.map) === null || _cache === void 0 ? void 0 : _cache.get(derivative);\n        }\n      });\n      if ((_cache2 = cache) !== null && _cache2 !== void 0 && _cache2.value && updateCallTimes) {\n        cache.value[1] = this.cacheCallTimes++;\n      }\n      return (_cache3 = cache) === null || _cache3 === void 0 ? void 0 : _cache3.value;\n    }\n  }, {\n    key: \"get\",\n    value: function get(derivativeOption) {\n      var _this$internalGet;\n      return (_this$internalGet = this.internalGet(derivativeOption, true)) === null || _this$internalGet === void 0 ? void 0 : _this$internalGet[0];\n    }\n  }, {\n    key: \"has\",\n    value: function has(derivativeOption) {\n      return !!this.internalGet(derivativeOption);\n    }\n  }, {\n    key: \"set\",\n    value: function set(derivativeOption, value) {\n      var _this = this;\n      // New cache\n      if (!this.has(derivativeOption)) {\n        if (this.size() + 1 > ThemeCache.MAX_CACHE_SIZE + ThemeCache.MAX_CACHE_OFFSET) {\n          var _this$keys$reduce = this.keys.reduce(function (result, key) {\n              var _result = _slicedToArray(result, 2),\n                callTimes = _result[1];\n              if (_this.internalGet(key)[1] < callTimes) {\n                return [key, _this.internalGet(key)[1]];\n              }\n              return result;\n            }, [this.keys[0], this.cacheCallTimes]),\n            _this$keys$reduce2 = _slicedToArray(_this$keys$reduce, 1),\n            targetKey = _this$keys$reduce2[0];\n          this.delete(targetKey);\n        }\n        this.keys.push(derivativeOption);\n      }\n      var cache = this.cache;\n      derivativeOption.forEach(function (derivative, index) {\n        if (index === derivativeOption.length - 1) {\n          cache.set(derivative, {\n            value: [value, _this.cacheCallTimes++]\n          });\n        } else {\n          var cacheValue = cache.get(derivative);\n          if (!cacheValue) {\n            cache.set(derivative, {\n              map: new Map()\n            });\n          } else if (!cacheValue.map) {\n            cacheValue.map = new Map();\n          }\n          cache = cache.get(derivative).map;\n        }\n      });\n    }\n  }, {\n    key: \"deleteByPath\",\n    value: function deleteByPath(currentCache, derivatives) {\n      var cache = currentCache.get(derivatives[0]);\n      if (derivatives.length === 1) {\n        var _cache$value;\n        if (!cache.map) {\n          currentCache.delete(derivatives[0]);\n        } else {\n          currentCache.set(derivatives[0], {\n            map: cache.map\n          });\n        }\n        return (_cache$value = cache.value) === null || _cache$value === void 0 ? void 0 : _cache$value[0];\n      }\n      var result = this.deleteByPath(cache.map, derivatives.slice(1));\n      if ((!cache.map || cache.map.size === 0) && !cache.value) {\n        currentCache.delete(derivatives[0]);\n      }\n      return result;\n    }\n  }, {\n    key: \"delete\",\n    value: function _delete(derivativeOption) {\n      // If cache exists\n      if (this.has(derivativeOption)) {\n        this.keys = this.keys.filter(function (item) {\n          return !sameDerivativeOption(item, derivativeOption);\n        });\n        return this.deleteByPath(this.cache, derivativeOption);\n      }\n      return undefined;\n    }\n  }]);\n  return ThemeCache;\n}();\n_defineProperty(ThemeCache, \"MAX_CACHE_SIZE\", 20);\n_defineProperty(ThemeCache, \"MAX_CACHE_OFFSET\", 5);\nexport { ThemeCache as default };","import _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport { warning } from \"rc-util/es/warning\";\nvar uuid = 0;\n\n/**\n * Theme with algorithms to derive tokens from design tokens.\n * Use `createTheme` first which will help to manage the theme instance cache.\n */\nvar Theme = /*#__PURE__*/function () {\n  function Theme(derivatives) {\n    _classCallCheck(this, Theme);\n    _defineProperty(this, \"derivatives\", void 0);\n    _defineProperty(this, \"id\", void 0);\n    this.derivatives = Array.isArray(derivatives) ? derivatives : [derivatives];\n    this.id = uuid;\n    if (derivatives.length === 0) {\n      warning(derivatives.length > 0, '[Ant Design CSS-in-JS] Theme should have at least one derivative function.');\n    }\n    uuid += 1;\n  }\n  _createClass(Theme, [{\n    key: \"getDerivativeToken\",\n    value: function getDerivativeToken(token) {\n      return this.derivatives.reduce(function (result, derivative) {\n        return derivative(token, result);\n      }, undefined);\n    }\n  }]);\n  return Theme;\n}();\nexport { Theme as default };","import ThemeCache from \"./ThemeCache\";\nimport Theme from \"./Theme\";\nvar cacheThemes = new ThemeCache();\n\n/**\n * Same as new Theme, but will always return same one if `derivative` not changed.\n */\nexport default function createTheme(derivatives) {\n  var derivativeArr = Array.isArray(derivatives) ? derivatives : [derivatives];\n  // Create new theme if not exist\n  if (!cacheThemes.has(derivativeArr)) {\n    cacheThemes.set(derivativeArr, new Theme(derivativeArr));\n  }\n\n  // Get theme from cache and return\n  return cacheThemes.get(derivativeArr);\n}","export { default as genCalc } from \"./calc\";\nexport { default as createTheme } from \"./createTheme\";\nexport { default as Theme } from \"./Theme\";\nexport { default as ThemeCache } from \"./ThemeCache\";","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport hash from '@emotion/hash';\nimport canUseDom from \"rc-util/es/Dom/canUseDom\";\nimport { removeCSS, updateCSS } from \"rc-util/es/Dom/dynamicCSS\";\nimport { ATTR_MARK, ATTR_TOKEN } from \"../StyleContext\";\nimport { Theme } from \"../theme\";\n\n// Create a cache for memo concat\n\nvar resultCache = new WeakMap();\nvar RESULT_VALUE = {};\nexport function memoResult(callback, deps) {\n  var current = resultCache;\n  for (var i = 0; i < deps.length; i += 1) {\n    var dep = deps[i];\n    if (!current.has(dep)) {\n      current.set(dep, new WeakMap());\n    }\n    current = current.get(dep);\n  }\n  if (!current.has(RESULT_VALUE)) {\n    current.set(RESULT_VALUE, callback());\n  }\n  return current.get(RESULT_VALUE);\n}\n\n// Create a cache here to avoid always loop generate\nvar flattenTokenCache = new WeakMap();\n\n/**\n * Flatten token to string, this will auto cache the result when token not change\n */\nexport function flattenToken(token) {\n  var str = flattenTokenCache.get(token) || '';\n  if (!str) {\n    Object.keys(token).forEach(function (key) {\n      var value = token[key];\n      str += key;\n      if (value instanceof Theme) {\n        str += value.id;\n      } else if (value && _typeof(value) === 'object') {\n        str += flattenToken(value);\n      } else {\n        str += value;\n      }\n    });\n\n    // https://github.com/ant-design/ant-design/issues/48386\n    // Should hash the string to avoid style tag name too long\n    str = hash(str);\n\n    // Put in cache\n    flattenTokenCache.set(token, str);\n  }\n  return str;\n}\n\n/**\n * Convert derivative token to key string\n */\nexport function token2key(token, salt) {\n  return hash(\"\".concat(salt, \"_\").concat(flattenToken(token)));\n}\nvar randomSelectorKey = \"random-\".concat(Date.now(), \"-\").concat(Math.random()).replace(/\\./g, '');\n\n// Magic `content` for detect selector support\nvar checkContent = '_bAmBoO_';\nfunction supportSelector(styleStr, handleElement, supportCheck) {\n  if (canUseDom()) {\n    var _getComputedStyle$con, _ele$parentNode;\n    updateCSS(styleStr, randomSelectorKey);\n    var _ele = document.createElement('div');\n    _ele.style.position = 'fixed';\n    _ele.style.left = '0';\n    _ele.style.top = '0';\n    handleElement === null || handleElement === void 0 || handleElement(_ele);\n    document.body.appendChild(_ele);\n    if (process.env.NODE_ENV !== 'production') {\n      _ele.innerHTML = 'Test';\n      _ele.style.zIndex = '9999999';\n    }\n    var support = supportCheck ? supportCheck(_ele) : (_getComputedStyle$con = getComputedStyle(_ele).content) === null || _getComputedStyle$con === void 0 ? void 0 : _getComputedStyle$con.includes(checkContent);\n    (_ele$parentNode = _ele.parentNode) === null || _ele$parentNode === void 0 || _ele$parentNode.removeChild(_ele);\n    removeCSS(randomSelectorKey);\n    return support;\n  }\n  return false;\n}\nvar canLayer = undefined;\nexport function supportLayer() {\n  if (canLayer === undefined) {\n    canLayer = supportSelector(\"@layer \".concat(randomSelectorKey, \" { .\").concat(randomSelectorKey, \" { content: \\\"\").concat(checkContent, \"\\\"!important; } }\"), function (ele) {\n      ele.className = randomSelectorKey;\n    });\n  }\n  return canLayer;\n}\nvar canWhere = undefined;\nexport function supportWhere() {\n  if (canWhere === undefined) {\n    canWhere = supportSelector(\":where(.\".concat(randomSelectorKey, \") { content: \\\"\").concat(checkContent, \"\\\"!important; }\"), function (ele) {\n      ele.className = randomSelectorKey;\n    });\n  }\n  return canWhere;\n}\nvar canLogic = undefined;\nexport function supportLogicProps() {\n  if (canLogic === undefined) {\n    canLogic = supportSelector(\".\".concat(randomSelectorKey, \" { inset-block: 93px !important; }\"), function (ele) {\n      ele.className = randomSelectorKey;\n    }, function (ele) {\n      return getComputedStyle(ele).bottom === '93px';\n    });\n  }\n  return canLogic;\n}\nexport var isClientSide = canUseDom();\nexport function unit(num) {\n  if (typeof num === 'number') {\n    return \"\".concat(num, \"px\");\n  }\n  return num;\n}\nexport function toStyleStr(style, tokenKey, styleId) {\n  var _objectSpread2;\n  var customizeAttrs = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};\n  var plain = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;\n  if (plain) {\n    return style;\n  }\n  var attrs = _objectSpread(_objectSpread({}, customizeAttrs), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, ATTR_TOKEN, tokenKey), _defineProperty(_objectSpread2, ATTR_MARK, styleId), _objectSpread2));\n  var attrStr = Object.keys(attrs).map(function (attr) {\n    var val = attrs[attr];\n    return val ? \"\".concat(attr, \"=\\\"\").concat(val, \"\\\"\") : null;\n  }).filter(function (v) {\n    return v;\n  }).join(' ');\n  return \"<style \".concat(attrStr, \">\").concat(style, \"</style>\");\n}","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nexport var token2CSSVar = function token2CSSVar(token) {\n  var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';\n  return \"--\".concat(prefix ? \"\".concat(prefix, \"-\") : '').concat(token).replace(/([a-z0-9])([A-Z])/g, '$1-$2').replace(/([A-Z]+)([A-Z][a-z0-9]+)/g, '$1-$2').replace(/([a-z])([A-Z0-9])/g, '$1-$2').toLowerCase();\n};\nexport var serializeCSSVar = function serializeCSSVar(cssVars, hashId, options) {\n  if (!Object.keys(cssVars).length) {\n    return '';\n  }\n  return \".\".concat(hashId).concat(options !== null && options !== void 0 && options.scope ? \".\".concat(options.scope) : '', \"{\").concat(Object.entries(cssVars).map(function (_ref) {\n    var _ref2 = _slicedToArray(_ref, 2),\n      key = _ref2[0],\n      value = _ref2[1];\n    return \"\".concat(key, \":\").concat(value, \";\");\n  }).join(''), \"}\");\n};\nexport var transformToken = function transformToken(token, themeKey, config) {\n  var cssVars = {};\n  var result = {};\n  Object.entries(token).forEach(function (_ref3) {\n    var _config$preserve, _config$ignore;\n    var _ref4 = _slicedToArray(_ref3, 2),\n      key = _ref4[0],\n      value = _ref4[1];\n    if (config !== null && config !== void 0 && (_config$preserve = config.preserve) !== null && _config$preserve !== void 0 && _config$preserve[key]) {\n      result[key] = value;\n    } else if ((typeof value === 'string' || typeof value === 'number') && !(config !== null && config !== void 0 && (_config$ignore = config.ignore) !== null && _config$ignore !== void 0 && _config$ignore[key])) {\n      var _config$unitless;\n      var cssVar = token2CSSVar(key, config === null || config === void 0 ? void 0 : config.prefix);\n      cssVars[cssVar] = typeof value === 'number' && !(config !== null && config !== void 0 && (_config$unitless = config.unitless) !== null && _config$unitless !== void 0 && _config$unitless[key]) ? \"\".concat(value, \"px\") : String(value);\n      result[key] = \"var(\".concat(cssVar, \")\");\n    }\n  });\n  return [result, serializeCSSVar(cssVars, themeKey, {\n    scope: config === null || config === void 0 ? void 0 : config.scope\n  })];\n};","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n// import canUseDom from 'rc-util/lib/Dom/canUseDom';\nimport useLayoutEffect from \"rc-util/es/hooks/useLayoutEffect\";\nimport * as React from 'react';\n\n// We need fully clone React function here\n// to avoid webpack warning React 17 do not export `useId`\nvar fullClone = _objectSpread({}, React);\nvar useInsertionEffect = fullClone.useInsertionEffect;\n/**\n * Polyfill `useInsertionEffect` for React < 18\n * @param renderEffect will be executed in `useMemo`, and do not have callback\n * @param effect will be executed in `useLayoutEffect`\n * @param deps\n */\nvar useInsertionEffectPolyfill = function useInsertionEffectPolyfill(renderEffect, effect, deps) {\n  React.useMemo(renderEffect, deps);\n  useLayoutEffect(function () {\n    return effect(true);\n  }, deps);\n};\n\n/**\n * Compatible `useInsertionEffect`\n * will use `useInsertionEffect` if React version >= 18,\n * otherwise use `useInsertionEffectPolyfill`.\n */\nvar useCompatibleInsertionEffect = useInsertionEffect ? function (renderEffect, effect, deps) {\n  return useInsertionEffect(function () {\n    renderEffect();\n    return effect();\n  }, deps);\n} : useInsertionEffectPolyfill;\nexport default useCompatibleInsertionEffect;","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport { warning } from \"rc-util/es/warning\";\nimport * as React from 'react';\nvar fullClone = _objectSpread({}, React);\nvar useInsertionEffect = fullClone.useInsertionEffect;\n\n// DO NOT register functions in useEffect cleanup function, or functions that registered will never be called.\nvar useCleanupRegister = function useCleanupRegister(deps) {\n  var effectCleanups = [];\n  var cleanupFlag = false;\n  function register(fn) {\n    if (cleanupFlag) {\n      if (process.env.NODE_ENV !== 'production') {\n        warning(false, '[Ant Design CSS-in-JS] You are registering a cleanup function after unmount, which will not have any effect.');\n      }\n      return;\n    }\n    effectCleanups.push(fn);\n  }\n  React.useEffect(function () {\n    // Compatible with strict mode\n    cleanupFlag = false;\n    return function () {\n      cleanupFlag = true;\n      if (effectCleanups.length) {\n        effectCleanups.forEach(function (fn) {\n          return fn();\n        });\n      }\n    };\n  }, deps);\n  return register;\n};\nvar useRun = function useRun() {\n  return function (fn) {\n    fn();\n  };\n};\n\n// Only enable register in React 18\nvar useEffectCleanupRegister = typeof useInsertionEffect !== 'undefined' ? useCleanupRegister : useRun;\nexport default useEffectCleanupRegister;","function useProdHMR() {\n  return false;\n}\nvar webpackHMR = false;\nfunction useDevHMR() {\n  return webpackHMR;\n}\nexport default process.env.NODE_ENV === 'production' ? useProdHMR : useDevHMR;\n\n// Webpack `module.hot.accept` do not support any deps update trigger\n// We have to hack handler to force mark as HRM\nif (process.env.NODE_ENV !== 'production' && typeof module !== 'undefined' && module && module.hot && typeof window !== 'undefined') {\n  // Use `globalThis` first, and `window` for older browsers\n  // const win = globalThis as any;\n  var win = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : null;\n  if (win && typeof win.webpackHotUpdate === 'function') {\n    var originWebpackHotUpdate = win.webpackHotUpdate;\n    win.webpackHotUpdate = function () {\n      webpackHMR = true;\n      setTimeout(function () {\n        webpackHMR = false;\n      }, 0);\n      return originWebpackHotUpdate.apply(void 0, arguments);\n    };\n  }\n}","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport * as React from 'react';\nimport { pathKey } from \"../Cache\";\nimport StyleContext from \"../StyleContext\";\nimport useCompatibleInsertionEffect from \"./useCompatibleInsertionEffect\";\nimport useEffectCleanupRegister from \"./useEffectCleanupRegister\";\nimport useHMR from \"./useHMR\";\nexport default function useGlobalCache(prefix, keyPath, cacheFn, onCacheRemove,\n// Add additional effect trigger by `useInsertionEffect`\nonCacheEffect) {\n  var _React$useContext = React.useContext(StyleContext),\n    globalCache = _React$useContext.cache;\n  var fullPath = [prefix].concat(_toConsumableArray(keyPath));\n  var fullPathStr = pathKey(fullPath);\n  var register = useEffectCleanupRegister([fullPathStr]);\n  var HMRUpdate = useHMR();\n  var buildCache = function buildCache(updater) {\n    globalCache.opUpdate(fullPathStr, function (prevCache) {\n      var _ref = prevCache || [undefined, undefined],\n        _ref2 = _slicedToArray(_ref, 2),\n        _ref2$ = _ref2[0],\n        times = _ref2$ === void 0 ? 0 : _ref2$,\n        cache = _ref2[1];\n\n      // HMR should always ignore cache since developer may change it\n      var tmpCache = cache;\n      if (process.env.NODE_ENV !== 'production' && cache && HMRUpdate) {\n        onCacheRemove === null || onCacheRemove === void 0 || onCacheRemove(tmpCache, HMRUpdate);\n        tmpCache = null;\n      }\n      var mergedCache = tmpCache || cacheFn();\n      var data = [times, mergedCache];\n\n      // Call updater if need additional logic\n      return updater ? updater(data) : data;\n    });\n  };\n\n  // Create cache\n  React.useMemo(function () {\n    buildCache();\n  }, /* eslint-disable react-hooks/exhaustive-deps */\n  [fullPathStr]\n  /* eslint-enable */);\n\n  var cacheEntity = globalCache.opGet(fullPathStr);\n\n  // HMR clean the cache but not trigger `useMemo` again\n  // Let's fallback of this\n  // ref https://github.com/ant-design/cssinjs/issues/127\n  if (process.env.NODE_ENV !== 'production' && !cacheEntity) {\n    buildCache();\n    cacheEntity = globalCache.opGet(fullPathStr);\n  }\n  var cacheContent = cacheEntity[1];\n\n  // Remove if no need anymore\n  useCompatibleInsertionEffect(function () {\n    onCacheEffect === null || onCacheEffect === void 0 || onCacheEffect(cacheContent);\n  }, function (polyfill) {\n    // It's bad to call build again in effect.\n    // But we have to do this since StrictMode will call effect twice\n    // which will clear cache on the first time.\n    buildCache(function (_ref3) {\n      var _ref4 = _slicedToArray(_ref3, 2),\n        times = _ref4[0],\n        cache = _ref4[1];\n      if (polyfill && times === 0) {\n        onCacheEffect === null || onCacheEffect === void 0 || onCacheEffect(cacheContent);\n      }\n      return [times + 1, cache];\n    });\n    return function () {\n      globalCache.opUpdate(fullPathStr, function (prevCache) {\n        var _ref5 = prevCache || [],\n          _ref6 = _slicedToArray(_ref5, 2),\n          _ref6$ = _ref6[0],\n          times = _ref6$ === void 0 ? 0 : _ref6$,\n          cache = _ref6[1];\n        var nextCount = times - 1;\n        if (nextCount === 0) {\n          // Always remove styles in useEffect callback\n          register(function () {\n            // With polyfill, registered callback will always be called synchronously\n            // But without polyfill, it will be called in effect clean up,\n            // And by that time this cache is cleaned up.\n            if (polyfill || !globalCache.opGet(fullPathStr)) {\n              onCacheRemove === null || onCacheRemove === void 0 || onCacheRemove(cache, false);\n            }\n          });\n          return null;\n        }\n        return [times - 1, cache];\n      });\n    };\n  }, [fullPathStr]);\n  return cacheContent;\n}","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport hash from '@emotion/hash';\nimport { updateCSS } from \"rc-util/es/Dom/dynamicCSS\";\nimport { useContext } from 'react';\nimport StyleContext, { ATTR_MARK, ATTR_TOKEN, CSS_IN_JS_INSTANCE } from \"../StyleContext\";\nimport { flattenToken, memoResult, token2key, toStyleStr } from \"../util\";\nimport { transformToken } from \"../util/css-variables\";\nimport useGlobalCache from \"./useGlobalCache\";\nvar EMPTY_OVERRIDE = {};\n\n// Generate different prefix to make user selector break in production env.\n// This helps developer not to do style override directly on the hash id.\nvar hashPrefix = process.env.NODE_ENV !== 'production' ? 'css-dev-only-do-not-override' : 'css';\nvar tokenKeys = new Map();\nfunction recordCleanToken(tokenKey) {\n  tokenKeys.set(tokenKey, (tokenKeys.get(tokenKey) || 0) + 1);\n}\nfunction removeStyleTags(key, instanceId) {\n  if (typeof document !== 'undefined') {\n    var styles = document.querySelectorAll(\"style[\".concat(ATTR_TOKEN, \"=\\\"\").concat(key, \"\\\"]\"));\n    styles.forEach(function (style) {\n      if (style[CSS_IN_JS_INSTANCE] === instanceId) {\n        var _style$parentNode;\n        (_style$parentNode = style.parentNode) === null || _style$parentNode === void 0 || _style$parentNode.removeChild(style);\n      }\n    });\n  }\n}\nvar TOKEN_THRESHOLD = 0;\n\n// Remove will check current keys first\nfunction cleanTokenStyle(tokenKey, instanceId) {\n  tokenKeys.set(tokenKey, (tokenKeys.get(tokenKey) || 0) - 1);\n  var tokenKeyList = Array.from(tokenKeys.keys());\n  var cleanableKeyList = tokenKeyList.filter(function (key) {\n    var count = tokenKeys.get(key) || 0;\n    return count <= 0;\n  });\n\n  // Should keep tokens under threshold for not to insert style too often\n  if (tokenKeyList.length - cleanableKeyList.length > TOKEN_THRESHOLD) {\n    cleanableKeyList.forEach(function (key) {\n      removeStyleTags(key, instanceId);\n      tokenKeys.delete(key);\n    });\n  }\n}\nexport var getComputedToken = function getComputedToken(originToken, overrideToken, theme, format) {\n  var derivativeToken = theme.getDerivativeToken(originToken);\n\n  // Merge with override\n  var mergedDerivativeToken = _objectSpread(_objectSpread({}, derivativeToken), overrideToken);\n\n  // Format if needed\n  if (format) {\n    mergedDerivativeToken = format(mergedDerivativeToken);\n  }\n  return mergedDerivativeToken;\n};\nexport var TOKEN_PREFIX = 'token';\n/**\n * Cache theme derivative token as global shared one\n * @param theme Theme entity\n * @param tokens List of tokens, used for cache. Please do not dynamic generate object directly\n * @param option Additional config\n * @returns Call Theme.getDerivativeToken(tokenObject) to get token\n */\nexport default function useCacheToken(theme, tokens) {\n  var option = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n  var _useContext = useContext(StyleContext),\n    instanceId = _useContext.cache.instanceId,\n    container = _useContext.container;\n  var _option$salt = option.salt,\n    salt = _option$salt === void 0 ? '' : _option$salt,\n    _option$override = option.override,\n    override = _option$override === void 0 ? EMPTY_OVERRIDE : _option$override,\n    formatToken = option.formatToken,\n    compute = option.getComputedToken,\n    cssVar = option.cssVar;\n\n  // Basic - We do basic cache here\n  var mergedToken = memoResult(function () {\n    return Object.assign.apply(Object, [{}].concat(_toConsumableArray(tokens)));\n  }, tokens);\n  var tokenStr = flattenToken(mergedToken);\n  var overrideTokenStr = flattenToken(override);\n  var cssVarStr = cssVar ? flattenToken(cssVar) : '';\n  var cachedToken = useGlobalCache(TOKEN_PREFIX, [salt, theme.id, tokenStr, overrideTokenStr, cssVarStr], function () {\n    var _cssVar$key;\n    var mergedDerivativeToken = compute ? compute(mergedToken, override, theme) : getComputedToken(mergedToken, override, theme, formatToken);\n\n    // Replace token value with css variables\n    var actualToken = _objectSpread({}, mergedDerivativeToken);\n    var cssVarsStr = '';\n    if (!!cssVar) {\n      var _transformToken = transformToken(mergedDerivativeToken, cssVar.key, {\n        prefix: cssVar.prefix,\n        ignore: cssVar.ignore,\n        unitless: cssVar.unitless,\n        preserve: cssVar.preserve\n      });\n      var _transformToken2 = _slicedToArray(_transformToken, 2);\n      mergedDerivativeToken = _transformToken2[0];\n      cssVarsStr = _transformToken2[1];\n    }\n\n    // Optimize for `useStyleRegister` performance\n    var tokenKey = token2key(mergedDerivativeToken, salt);\n    mergedDerivativeToken._tokenKey = tokenKey;\n    actualToken._tokenKey = token2key(actualToken, salt);\n    var themeKey = (_cssVar$key = cssVar === null || cssVar === void 0 ? void 0 : cssVar.key) !== null && _cssVar$key !== void 0 ? _cssVar$key : tokenKey;\n    mergedDerivativeToken._themeKey = themeKey;\n    recordCleanToken(themeKey);\n    var hashId = \"\".concat(hashPrefix, \"-\").concat(hash(tokenKey));\n    mergedDerivativeToken._hashId = hashId; // Not used\n\n    return [mergedDerivativeToken, hashId, actualToken, cssVarsStr, (cssVar === null || cssVar === void 0 ? void 0 : cssVar.key) || ''];\n  }, function (cache) {\n    // Remove token will remove all related style\n    cleanTokenStyle(cache[0]._themeKey, instanceId);\n  }, function (_ref) {\n    var _ref2 = _slicedToArray(_ref, 4),\n      token = _ref2[0],\n      cssVarsStr = _ref2[3];\n    if (cssVar && cssVarsStr) {\n      var style = updateCSS(cssVarsStr, hash(\"css-variables-\".concat(token._themeKey)), {\n        mark: ATTR_MARK,\n        prepend: 'queue',\n        attachTo: container,\n        priority: -999\n      });\n      style[CSS_IN_JS_INSTANCE] = instanceId;\n\n      // Used for `useCacheToken` to remove on batch when token removed\n      style.setAttribute(ATTR_TOKEN, token._themeKey);\n    }\n  });\n  return cachedToken;\n}\nexport var extract = function extract(cache, effectStyles, options) {\n  var _cache = _slicedToArray(cache, 5),\n    realToken = _cache[2],\n    styleStr = _cache[3],\n    cssVarKey = _cache[4];\n  var _ref3 = options || {},\n    plain = _ref3.plain;\n  if (!styleStr) {\n    return null;\n  }\n  var styleId = realToken._tokenKey;\n  var order = -999;\n\n  // ====================== Style ======================\n  // Used for rc-util\n  var sharedAttrs = {\n    'data-rc-order': 'prependQueue',\n    'data-rc-priority': \"\".concat(order)\n  };\n  var styleText = toStyleStr(styleStr, cssVarKey, styleId, sharedAttrs, plain);\n  return [order, styleId, styleText];\n};","export var MS = '-ms-'\nexport var MOZ = '-moz-'\nexport var WEBKIT = '-webkit-'\n\nexport var COMMENT = 'comm'\nexport var RULESET = 'rule'\nexport var DECLARATION = 'decl'\n\nexport var PAGE = '@page'\nexport var MEDIA = '@media'\nexport var IMPORT = '@import'\nexport var CHARSET = '@charset'\nexport var VIEWPORT = '@viewport'\nexport var SUPPORTS = '@supports'\nexport var DOCUMENT = '@document'\nexport var NAMESPACE = '@namespace'\nexport var KEYFRAMES = '@keyframes'\nexport var FONT_FACE = '@font-face'\nexport var COUNTER_STYLE = '@counter-style'\nexport var FONT_FEATURE_VALUES = '@font-feature-values'\nexport var LAYER = '@layer'\nexport var SCOPE = '@scope'\n","/**\n * @param {number}\n * @return {number}\n */\nexport var abs = Math.abs\n\n/**\n * @param {number}\n * @return {string}\n */\nexport var from = String.fromCharCode\n\n/**\n * @param {object}\n * @return {object}\n */\nexport var assign = Object.assign\n\n/**\n * @param {string} value\n * @param {number} length\n * @return {number}\n */\nexport function hash (value, length) {\n\treturn charat(value, 0) ^ 45 ? (((((((length << 2) ^ charat(value, 0)) << 2) ^ charat(value, 1)) << 2) ^ charat(value, 2)) << 2) ^ charat(value, 3) : 0\n}\n\n/**\n * @param {string} value\n * @return {string}\n */\nexport function trim (value) {\n\treturn value.trim()\n}\n\n/**\n * @param {string} value\n * @param {RegExp} pattern\n * @return {string?}\n */\nexport function match (value, pattern) {\n\treturn (value = pattern.exec(value)) ? value[0] : value\n}\n\n/**\n * @param {string} value\n * @param {(string|RegExp)} pattern\n * @param {string} replacement\n * @return {string}\n */\nexport function replace (value, pattern, replacement) {\n\treturn value.replace(pattern, replacement)\n}\n\n/**\n * @param {string} value\n * @param {string} search\n * @param {number} position\n * @return {number}\n */\nexport function indexof (value, search, position) {\n\treturn value.indexOf(search, position)\n}\n\n/**\n * @param {string} value\n * @param {number} index\n * @return {number}\n */\nexport function charat (value, index) {\n\treturn value.charCodeAt(index) | 0\n}\n\n/**\n * @param {string} value\n * @param {number} begin\n * @param {number} end\n * @return {string}\n */\nexport function substr (value, begin, end) {\n\treturn value.slice(begin, end)\n}\n\n/**\n * @param {string} value\n * @return {number}\n */\nexport function strlen (value) {\n\treturn value.length\n}\n\n/**\n * @param {any[]} value\n * @return {number}\n */\nexport function sizeof (value) {\n\treturn value.length\n}\n\n/**\n * @param {any} value\n * @param {any[]} array\n * @return {any}\n */\nexport function append (value, array) {\n\treturn array.push(value), value\n}\n\n/**\n * @param {string[]} array\n * @param {function} callback\n * @return {string}\n */\nexport function combine (array, callback) {\n\treturn array.map(callback).join('')\n}\n\n/**\n * @param {string[]} array\n * @param {RegExp} pattern\n * @return {string[]}\n */\nexport function filter (array, pattern) {\n\treturn array.filter(function (value) { return !match(value, pattern) })\n}\n","import {IMPORT, LAYER, COMMENT, RULESET, DECLARATION, KEYFRAMES} from './Enum.js'\nimport {strlen} from './Utility.js'\n\n/**\n * @param {object[]} children\n * @param {function} callback\n * @return {string}\n */\nexport function serialize (children, callback) {\n\tvar output = ''\n\n\tfor (var i = 0; i < children.length; i++)\n\t\toutput += callback(children[i], i, children, callback) || ''\n\n\treturn output\n}\n\n/**\n * @param {object} element\n * @param {number} index\n * @param {object[]} children\n * @param {function} callback\n * @return {string}\n */\nexport function stringify (element, index, children, callback) {\n\tswitch (element.type) {\n\t\tcase LAYER: if (element.children.length) break\n\t\tcase IMPORT: case DECLARATION: return element.return = element.return || element.value\n\t\tcase COMMENT: return ''\n\t\tcase KEYFRAMES: return element.return = element.value + '{' + serialize(element.children, callback) + '}'\n\t\tcase RULESET: if (!strlen(element.value = element.props.join(','))) return ''\n\t}\n\n\treturn strlen(children = serialize(element.children, callback)) ? element.return = element.value + '{' + children + '}' : ''\n}\n","import {from, trim, charat, strlen, substr, append, assign} from './Utility.js'\n\nexport var line = 1\nexport var column = 1\nexport var length = 0\nexport var position = 0\nexport var character = 0\nexport var characters = ''\n\n/**\n * @param {string} value\n * @param {object | null} root\n * @param {object | null} parent\n * @param {string} type\n * @param {string[] | string} props\n * @param {object[] | string} children\n * @param {object[]} siblings\n * @param {number} length\n */\nexport function node (value, root, parent, type, props, children, length, siblings) {\n\treturn {value: value, root: root, parent: parent, type: type, props: props, children: children, line: line, column: column, length: length, return: '', siblings: siblings}\n}\n\n/**\n * @param {object} root\n * @param {object} props\n * @return {object}\n */\nexport function copy (root, props) {\n\treturn assign(node('', null, null, '', null, null, 0, root.siblings), root, {length: -root.length}, props)\n}\n\n/**\n * @param {object} root\n */\nexport function lift (root) {\n\twhile (root.root)\n\t\troot = copy(root.root, {children: [root]})\n\n\tappend(root, root.siblings)\n}\n\n/**\n * @return {number}\n */\nexport function char () {\n\treturn character\n}\n\n/**\n * @return {number}\n */\nexport function prev () {\n\tcharacter = position > 0 ? charat(characters, --position) : 0\n\n\tif (column--, character === 10)\n\t\tcolumn = 1, line--\n\n\treturn character\n}\n\n/**\n * @return {number}\n */\nexport function next () {\n\tcharacter = position < length ? charat(characters, position++) : 0\n\n\tif (column++, character === 10)\n\t\tcolumn = 1, line++\n\n\treturn character\n}\n\n/**\n * @return {number}\n */\nexport function peek () {\n\treturn charat(characters, position)\n}\n\n/**\n * @return {number}\n */\nexport function caret () {\n\treturn position\n}\n\n/**\n * @param {number} begin\n * @param {number} end\n * @return {string}\n */\nexport function slice (begin, end) {\n\treturn substr(characters, begin, end)\n}\n\n/**\n * @param {number} type\n * @return {number}\n */\nexport function token (type) {\n\tswitch (type) {\n\t\t// \\0 \\t \\n \\r \\s whitespace token\n\t\tcase 0: case 9: case 10: case 13: case 32:\n\t\t\treturn 5\n\t\t// ! + , / > @ ~ isolate token\n\t\tcase 33: case 43: case 44: case 47: case 62: case 64: case 126:\n\t\t// ; { } breakpoint token\n\t\tcase 59: case 123: case 125:\n\t\t\treturn 4\n\t\t// : accompanied token\n\t\tcase 58:\n\t\t\treturn 3\n\t\t// \" ' ( [ opening delimit token\n\t\tcase 34: case 39: case 40: case 91:\n\t\t\treturn 2\n\t\t// ) ] closing delimit token\n\t\tcase 41: case 93:\n\t\t\treturn 1\n\t}\n\n\treturn 0\n}\n\n/**\n * @param {string} value\n * @return {any[]}\n */\nexport function alloc (value) {\n\treturn line = column = 1, length = strlen(characters = value), position = 0, []\n}\n\n/**\n * @param {any} value\n * @return {any}\n */\nexport function dealloc (value) {\n\treturn characters = '', value\n}\n\n/**\n * @param {number} type\n * @return {string}\n */\nexport function delimit (type) {\n\treturn trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)))\n}\n\n/**\n * @param {string} value\n * @return {string[]}\n */\nexport function tokenize (value) {\n\treturn dealloc(tokenizer(alloc(value)))\n}\n\n/**\n * @param {number} type\n * @return {string}\n */\nexport function whitespace (type) {\n\twhile (character = peek())\n\t\tif (character < 33)\n\t\t\tnext()\n\t\telse\n\t\t\tbreak\n\n\treturn token(type) > 2 || token(character) > 3 ? '' : ' '\n}\n\n/**\n * @param {string[]} children\n * @return {string[]}\n */\nexport function tokenizer (children) {\n\twhile (next())\n\t\tswitch (token(character)) {\n\t\t\tcase 0: append(identifier(position - 1), children)\n\t\t\t\tbreak\n\t\t\tcase 2: append(delimit(character), children)\n\t\t\t\tbreak\n\t\t\tdefault: append(from(character), children)\n\t\t}\n\n\treturn children\n}\n\n/**\n * @param {number} index\n * @param {number} count\n * @return {string}\n */\nexport function escaping (index, count) {\n\twhile (--count && next())\n\t\t// not 0-9 A-F a-f\n\t\tif (character < 48 || character > 102 || (character > 57 && character < 65) || (character > 70 && character < 97))\n\t\t\tbreak\n\n\treturn slice(index, caret() + (count < 6 && peek() == 32 && next() == 32))\n}\n\n/**\n * @param {number} type\n * @return {number}\n */\nexport function delimiter (type) {\n\twhile (next())\n\t\tswitch (character) {\n\t\t\t// ] ) \" '\n\t\t\tcase type:\n\t\t\t\treturn position\n\t\t\t// \" '\n\t\t\tcase 34: case 39:\n\t\t\t\tif (type !== 34 && type !== 39)\n\t\t\t\t\tdelimiter(character)\n\t\t\t\tbreak\n\t\t\t// (\n\t\t\tcase 40:\n\t\t\t\tif (type === 41)\n\t\t\t\t\tdelimiter(type)\n\t\t\t\tbreak\n\t\t\t// \\\n\t\t\tcase 92:\n\t\t\t\tnext()\n\t\t\t\tbreak\n\t\t}\n\n\treturn position\n}\n\n/**\n * @param {number} type\n * @param {number} index\n * @return {number}\n */\nexport function commenter (type, index) {\n\twhile (next())\n\t\t// //\n\t\tif (type + character === 47 + 10)\n\t\t\tbreak\n\t\t// /*\n\t\telse if (type + character === 42 + 42 && peek() === 47)\n\t\t\tbreak\n\n\treturn '/*' + slice(index, position - 1) + '*' + from(type === 47 ? type : next())\n}\n\n/**\n * @param {number} index\n * @return {string}\n */\nexport function identifier (index) {\n\twhile (!token(peek()))\n\t\tnext()\n\n\treturn slice(index, position)\n}\n","import {COMMENT, RULESET, DECLARATION} from './Enum.js'\nimport {abs, charat, trim, from, sizeof, strlen, substr, append, replace, indexof} from './Utility.js'\nimport {node, char, prev, next, peek, token, caret, alloc, dealloc, delimit, whitespace, escaping, identifier, commenter} from './Tokenizer.js'\n\n/**\n * @param {string} value\n * @return {object[]}\n */\nexport function compile (value) {\n\treturn dealloc(parse('', null, null, null, [''], value = alloc(value), 0, [0], value))\n}\n\n/**\n * @param {string} value\n * @param {object} root\n * @param {object?} parent\n * @param {string[]} rule\n * @param {string[]} rules\n * @param {string[]} rulesets\n * @param {number[]} pseudo\n * @param {number[]} points\n * @param {string[]} declarations\n * @return {object}\n */\nexport function parse (value, root, parent, rule, rules, rulesets, pseudo, points, declarations) {\n\tvar index = 0\n\tvar offset = 0\n\tvar length = pseudo\n\tvar atrule = 0\n\tvar property = 0\n\tvar previous = 0\n\tvar variable = 1\n\tvar scanning = 1\n\tvar ampersand = 1\n\tvar character = 0\n\tvar type = ''\n\tvar props = rules\n\tvar children = rulesets\n\tvar reference = rule\n\tvar characters = type\n\n\twhile (scanning)\n\t\tswitch (previous = character, character = next()) {\n\t\t\t// (\n\t\t\tcase 40:\n\t\t\t\tif (previous != 108 && charat(characters, length - 1) == 58) {\n\t\t\t\t\tif (indexof(characters += replace(delimit(character), '&', '&\\f'), '&\\f', abs(index ? points[index - 1] : 0)) != -1)\n\t\t\t\t\t\tampersand = -1\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t// \" ' [\n\t\t\tcase 34: case 39: case 91:\n\t\t\t\tcharacters += delimit(character)\n\t\t\t\tbreak\n\t\t\t// \\t \\n \\r \\s\n\t\t\tcase 9: case 10: case 13: case 32:\n\t\t\t\tcharacters += whitespace(previous)\n\t\t\t\tbreak\n\t\t\t// \\\n\t\t\tcase 92:\n\t\t\t\tcharacters += escaping(caret() - 1, 7)\n\t\t\t\tcontinue\n\t\t\t// /\n\t\t\tcase 47:\n\t\t\t\tswitch (peek()) {\n\t\t\t\t\tcase 42: case 47:\n\t\t\t\t\t\tappend(comment(commenter(next(), caret()), root, parent, declarations), declarations)\n\t\t\t\t\t\tif ((token(previous || 1) == 5 || token(peek() || 1) == 5) && strlen(characters) && substr(characters, -1, void 0) !== ' ') characters += ' '\n\t\t\t\t\t\tbreak\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tcharacters += '/'\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\t// {\n\t\t\tcase 123 * variable:\n\t\t\t\tpoints[index++] = strlen(characters) * ampersand\n\t\t\t// } ; \\0\n\t\t\tcase 125 * variable: case 59: case 0:\n\t\t\t\tswitch (character) {\n\t\t\t\t\t// \\0 }\n\t\t\t\t\tcase 0: case 125: scanning = 0\n\t\t\t\t\t// ;\n\t\t\t\t\tcase 59 + offset: if (ampersand == -1) characters = replace(characters, /\\f/g, '')\n\t\t\t\t\t\tif (property > 0 && (strlen(characters) - length || (variable === 0 && previous === 47)))\n\t\t\t\t\t\t\tappend(property > 32 ? declaration(characters + ';', rule, parent, length - 1, declarations) : declaration(replace(characters, ' ', '') + ';', rule, parent, length - 2, declarations), declarations)\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// @ ;\n\t\t\t\t\tcase 59: characters += ';'\n\t\t\t\t\t// { rule/at-rule\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tappend(reference = ruleset(characters, root, parent, index, offset, rules, points, type, props = [], children = [], length, rulesets), rulesets)\n\n\t\t\t\t\t\tif (character === 123)\n\t\t\t\t\t\t\tif (offset === 0)\n\t\t\t\t\t\t\t\tparse(characters, root, reference, reference, props, rulesets, length, points, children)\n\t\t\t\t\t\t\telse\n\t\t\t\t\t\t\t\tswitch (atrule === 99 && charat(characters, 3) === 110 ? 100 : atrule) {\n\t\t\t\t\t\t\t\t\t// d l m s\n\t\t\t\t\t\t\t\t\tcase 100: case 108: case 109: case 115:\n\t\t\t\t\t\t\t\t\t\tparse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length, children), children), rules, children, length, points, rule ? props : children)\n\t\t\t\t\t\t\t\t\t\tbreak\n\t\t\t\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\t\t\t\tparse(characters, reference, reference, reference, [''], children, 0, points, children)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tindex = offset = property = 0, variable = ampersand = 1, type = characters = '', length = pseudo\n\t\t\t\tbreak\n\t\t\t// :\n\t\t\tcase 58:\n\t\t\t\tlength = 1 + strlen(characters), property = previous\n\t\t\tdefault:\n\t\t\t\tif (variable < 1)\n\t\t\t\t\tif (character == 123)\n\t\t\t\t\t\t--variable\n\t\t\t\t\telse if (character == 125 && variable++ == 0 && prev() == 125)\n\t\t\t\t\t\tcontinue\n\n\t\t\t\tswitch (characters += from(character), character * variable) {\n\t\t\t\t\t// &\n\t\t\t\t\tcase 38:\n\t\t\t\t\t\tampersand = offset > 0 ? 1 : (characters += '\\f', -1)\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// ,\n\t\t\t\t\tcase 44:\n\t\t\t\t\t\tpoints[index++] = (strlen(characters) - 1) * ampersand, ampersand = 1\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// @\n\t\t\t\t\tcase 64:\n\t\t\t\t\t\t// -\n\t\t\t\t\t\tif (peek() === 45)\n\t\t\t\t\t\t\tcharacters += delimit(next())\n\n\t\t\t\t\t\tatrule = peek(), offset = length = strlen(type = characters += identifier(caret())), character++\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// -\n\t\t\t\t\tcase 45:\n\t\t\t\t\t\tif (previous === 45 && strlen(characters) == 2)\n\t\t\t\t\t\t\tvariable = 0\n\t\t\t\t}\n\t\t}\n\n\treturn rulesets\n}\n\n/**\n * @param {string} value\n * @param {object} root\n * @param {object?} parent\n * @param {number} index\n * @param {number} offset\n * @param {string[]} rules\n * @param {number[]} points\n * @param {string} type\n * @param {string[]} props\n * @param {string[]} children\n * @param {number} length\n * @param {object[]} siblings\n * @return {object}\n */\nexport function ruleset (value, root, parent, index, offset, rules, points, type, props, children, length, siblings) {\n\tvar post = offset - 1\n\tvar rule = offset === 0 ? rules : ['']\n\tvar size = sizeof(rule)\n\n\tfor (var i = 0, j = 0, k = 0; i < index; ++i)\n\t\tfor (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z = value; x < size; ++x)\n\t\t\tif (z = trim(j > 0 ? rule[x] + ' ' + y : replace(y, /&\\f/g, rule[x])))\n\t\t\t\tprops[k++] = z\n\n\treturn node(value, root, parent, offset === 0 ? RULESET : type, props, children, length, siblings)\n}\n\n/**\n * @param {number} value\n * @param {object} root\n * @param {object?} parent\n * @param {object[]} siblings\n * @return {object}\n */\nexport function comment (value, root, parent, siblings) {\n\treturn node(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0, siblings)\n}\n\n/**\n * @param {string} value\n * @param {object} root\n * @param {object?} parent\n * @param {number} length\n * @param {object[]} siblings\n * @return {object}\n */\nexport function declaration (value, root, parent, length, siblings) {\n\treturn node(value, root, parent, DECLARATION, substr(value, 0, length), substr(value, length + 1, -1), length, siblings)\n}\n","import devWarning from \"rc-util/es/warning\";\nexport function lintWarning(message, info) {\n  var path = info.path,\n    parentSelectors = info.parentSelectors;\n  devWarning(false, \"[Ant Design CSS-in-JS] \".concat(path ? \"Error in \".concat(path, \": \") : '').concat(message).concat(parentSelectors.length ? \" Selector: \".concat(parentSelectors.join(' | ')) : ''));\n}","import { lintWarning } from \"./utils\";\nvar linter = function linter(key, value, info) {\n  if (key === 'content') {\n    // From emotion: https://github.com/emotion-js/emotion/blob/main/packages/serialize/src/index.js#L63\n    var contentValuePattern = /(attr|counters?|url|(((repeating-)?(linear|radial))|conic)-gradient)\\(|(no-)?(open|close)-quote/;\n    var contentValues = ['normal', 'none', 'initial', 'inherit', 'unset'];\n    if (typeof value !== 'string' || contentValues.indexOf(value) === -1 && !contentValuePattern.test(value) && (value.charAt(0) !== value.charAt(value.length - 1) || value.charAt(0) !== '\"' && value.charAt(0) !== \"'\")) {\n      lintWarning(\"You seem to be using a value for 'content' without quotes, try replacing it with `content: '\\\"\".concat(value, \"\\\"'`.\"), info);\n    }\n  }\n};\nexport default linter;","import { lintWarning } from \"./utils\";\nvar linter = function linter(key, value, info) {\n  if (key === 'animation') {\n    if (info.hashId && value !== 'none') {\n      lintWarning(\"You seem to be using hashed animation '\".concat(value, \"', in which case 'animationName' with Keyframe as value is recommended.\"), info);\n    }\n  }\n};\nexport default linter;","import { lintWarning } from \"./utils\";\nfunction isConcatSelector(selector) {\n  var _selector$match;\n  var notContent = ((_selector$match = selector.match(/:not\\(([^)]*)\\)/)) === null || _selector$match === void 0 ? void 0 : _selector$match[1]) || '';\n\n  // split selector. e.g.\n  // `h1#a.b` => ['h1', #a', '.b']\n  var splitCells = notContent.split(/(\\[[^[]*])|(?=[.#])/).filter(function (str) {\n    return str;\n  });\n  return splitCells.length > 1;\n}\nfunction parsePath(info) {\n  return info.parentSelectors.reduce(function (prev, cur) {\n    if (!prev) {\n      return cur;\n    }\n    return cur.includes('&') ? cur.replace(/&/g, prev) : \"\".concat(prev, \" \").concat(cur);\n  }, '');\n}\nvar linter = function linter(key, value, info) {\n  var parentSelectorPath = parsePath(info);\n  var notList = parentSelectorPath.match(/:not\\([^)]*\\)/g) || [];\n  if (notList.length > 0 && notList.some(isConcatSelector)) {\n    lintWarning(\"Concat ':not' selector not support in legacy browsers.\", info);\n  }\n};\nexport default linter;","import { lintWarning } from \"./utils\";\nvar linter = function linter(key, value, info) {\n  switch (key) {\n    case 'marginLeft':\n    case 'marginRight':\n    case 'paddingLeft':\n    case 'paddingRight':\n    case 'left':\n    case 'right':\n    case 'borderLeft':\n    case 'borderLeftWidth':\n    case 'borderLeftStyle':\n    case 'borderLeftColor':\n    case 'borderRight':\n    case 'borderRightWidth':\n    case 'borderRightStyle':\n    case 'borderRightColor':\n    case 'borderTopLeftRadius':\n    case 'borderTopRightRadius':\n    case 'borderBottomLeftRadius':\n    case 'borderBottomRightRadius':\n      lintWarning(\"You seem to be using non-logical property '\".concat(key, \"' which is not compatible with RTL mode. Please use logical properties and values instead. For more information: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties.\"), info);\n      return;\n    case 'margin':\n    case 'padding':\n    case 'borderWidth':\n    case 'borderStyle':\n      // case 'borderColor':\n      if (typeof value === 'string') {\n        var valueArr = value.split(' ').map(function (item) {\n          return item.trim();\n        });\n        if (valueArr.length === 4 && valueArr[1] !== valueArr[3]) {\n          lintWarning(\"You seem to be using '\".concat(key, \"' property with different left \").concat(key, \" and right \").concat(key, \", which is not compatible with RTL mode. Please use logical properties and values instead. For more information: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties.\"), info);\n        }\n      }\n      return;\n    case 'clear':\n    case 'textAlign':\n      if (value === 'left' || value === 'right') {\n        lintWarning(\"You seem to be using non-logical value '\".concat(value, \"' of \").concat(key, \", which is not compatible with RTL mode. Please use logical properties and values instead. For more information: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties.\"), info);\n      }\n      return;\n    case 'borderRadius':\n      if (typeof value === 'string') {\n        var radiusGroups = value.split('/').map(function (item) {\n          return item.trim();\n        });\n        var invalid = radiusGroups.reduce(function (result, group) {\n          if (result) {\n            return result;\n          }\n          var radiusArr = group.split(' ').map(function (item) {\n            return item.trim();\n          });\n          // borderRadius: '2px 4px'\n          if (radiusArr.length >= 2 && radiusArr[0] !== radiusArr[1]) {\n            return true;\n          }\n          // borderRadius: '4px 4px 2px'\n          if (radiusArr.length === 3 && radiusArr[1] !== radiusArr[2]) {\n            return true;\n          }\n          // borderRadius: '4px 4px 2px 4px'\n          if (radiusArr.length === 4 && radiusArr[2] !== radiusArr[3]) {\n            return true;\n          }\n          return result;\n        }, false);\n        if (invalid) {\n          lintWarning(\"You seem to be using non-logical value '\".concat(value, \"' of \").concat(key, \", which is not compatible with RTL mode. Please use logical properties and values instead. For more information: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties.\"), info);\n        }\n      }\n      return;\n    default:\n  }\n};\nexport default linter;","import { lintWarning } from \"./utils\";\nvar linter = function linter(key, value, info) {\n  if (typeof value === 'string' && /NaN/g.test(value) || Number.isNaN(value)) {\n    lintWarning(\"Unexpected 'NaN' in property '\".concat(key, \": \").concat(value, \"'.\"), info);\n  }\n};\nexport default linter;","import { lintWarning } from \"./utils\";\nvar linter = function linter(key, value, info) {\n  if (info.parentSelectors.some(function (selector) {\n    var selectors = selector.split(',');\n    return selectors.some(function (item) {\n      return item.split('&').length > 2;\n    });\n  })) {\n    lintWarning('Should not use more than one `&` in a selector.', info);\n  }\n};\nexport default linter;","export { default as contentQuotesLinter } from \"./contentQuotesLinter\";\nexport { default as hashedAnimationLinter } from \"./hashedAnimationLinter\";\nexport { default as legacyNotSelectorLinter } from \"./legacyNotSelectorLinter\";\nexport { default as logicalPropertiesLinter } from \"./logicalPropertiesLinter\";\nexport { default as NaNLinter } from \"./NaNLinter\";\nexport { default as parentSelectorLinter } from \"./parentSelectorLinter\";","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport canUseDom from \"rc-util/es/Dom/canUseDom\";\nimport { ATTR_MARK } from \"../StyleContext\";\nexport var ATTR_CACHE_MAP = 'data-ant-cssinjs-cache-path';\n\n/**\n * This marks style from the css file.\n * Which means not exist in `<style />` tag.\n */\nexport var CSS_FILE_STYLE = '_FILE_STYLE__';\nexport function serialize(cachePathMap) {\n  return Object.keys(cachePathMap).map(function (path) {\n    var hash = cachePathMap[path];\n    return \"\".concat(path, \":\").concat(hash);\n  }).join(';');\n}\nvar cachePathMap;\nvar fromCSSFile = true;\n\n/**\n * @private Test usage only. Can save remove if no need.\n */\nexport function reset(mockCache) {\n  var fromFile = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n  cachePathMap = mockCache;\n  fromCSSFile = fromFile;\n}\nexport function prepare() {\n  if (!cachePathMap) {\n    cachePathMap = {};\n    if (canUseDom()) {\n      var div = document.createElement('div');\n      div.className = ATTR_CACHE_MAP;\n      div.style.position = 'fixed';\n      div.style.visibility = 'hidden';\n      div.style.top = '-9999px';\n      document.body.appendChild(div);\n      var content = getComputedStyle(div).content || '';\n      content = content.replace(/^\"/, '').replace(/\"$/, '');\n\n      // Fill data\n      content.split(';').forEach(function (item) {\n        var _item$split = item.split(':'),\n          _item$split2 = _slicedToArray(_item$split, 2),\n          path = _item$split2[0],\n          hash = _item$split2[1];\n        cachePathMap[path] = hash;\n      });\n\n      // Remove inline record style\n      var inlineMapStyle = document.querySelector(\"style[\".concat(ATTR_CACHE_MAP, \"]\"));\n      if (inlineMapStyle) {\n        var _inlineMapStyle$paren;\n        fromCSSFile = false;\n        (_inlineMapStyle$paren = inlineMapStyle.parentNode) === null || _inlineMapStyle$paren === void 0 || _inlineMapStyle$paren.removeChild(inlineMapStyle);\n      }\n      document.body.removeChild(div);\n    }\n  }\n}\nexport function existPath(path) {\n  prepare();\n  return !!cachePathMap[path];\n}\nexport function getStyleAndHash(path) {\n  var hash = cachePathMap[path];\n  var styleStr = null;\n  if (hash && canUseDom()) {\n    if (fromCSSFile) {\n      styleStr = CSS_FILE_STYLE;\n    } else {\n      var _style = document.querySelector(\"style[\".concat(ATTR_MARK, \"=\\\"\").concat(cachePathMap[path], \"\\\"]\"));\n      if (_style) {\n        styleStr = _style.innerHTML;\n      } else {\n        // Clean up since not exist anymore\n        delete cachePathMap[path];\n      }\n    }\n  }\n  return [styleStr, hash];\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport hash from '@emotion/hash';\nimport { removeCSS, updateCSS } from \"rc-util/es/Dom/dynamicCSS\";\nimport * as React from 'react';\n// @ts-ignore\nimport unitless from '@emotion/unitless';\nimport { compile, serialize, stringify } from 'stylis';\nimport { contentQuotesLinter, hashedAnimationLinter } from \"../linters\";\nimport StyleContext, { ATTR_CACHE_PATH, ATTR_MARK, ATTR_TOKEN, CSS_IN_JS_INSTANCE } from \"../StyleContext\";\nimport { isClientSide, toStyleStr } from \"../util\";\nimport { CSS_FILE_STYLE, existPath, getStyleAndHash } from \"../util/cacheMapUtil\";\nimport useGlobalCache from \"./useGlobalCache\";\nvar SKIP_CHECK = '_skip_check_';\nvar MULTI_VALUE = '_multi_value_';\n// ============================================================================\n// ==                                 Parser                                 ==\n// ============================================================================\n// Preprocessor style content to browser support one\nexport function normalizeStyle(styleStr) {\n  var serialized = serialize(compile(styleStr), stringify);\n  return serialized.replace(/\\{%%%\\:[^;];}/g, ';');\n}\nfunction isCompoundCSSProperty(value) {\n  return _typeof(value) === 'object' && value && (SKIP_CHECK in value || MULTI_VALUE in value);\n}\n\n// 注入 hash 值\nfunction injectSelectorHash(key, hashId, hashPriority) {\n  if (!hashId) {\n    return key;\n  }\n  var hashClassName = \".\".concat(hashId);\n  var hashSelector = hashPriority === 'low' ? \":where(\".concat(hashClassName, \")\") : hashClassName;\n\n  // 注入 hashId\n  var keys = key.split(',').map(function (k) {\n    var _firstPath$match;\n    var fullPath = k.trim().split(/\\s+/);\n\n    // 如果 Selector 第一个是 HTML Element，那我们就插到它的后面。反之，就插到最前面。\n    var firstPath = fullPath[0] || '';\n    var htmlElement = ((_firstPath$match = firstPath.match(/^\\w+/)) === null || _firstPath$match === void 0 ? void 0 : _firstPath$match[0]) || '';\n    firstPath = \"\".concat(htmlElement).concat(hashSelector).concat(firstPath.slice(htmlElement.length));\n    return [firstPath].concat(_toConsumableArray(fullPath.slice(1))).join(' ');\n  });\n  return keys.join(',');\n}\n// Parse CSSObject to style content\nexport var parseStyle = function parseStyle(interpolation) {\n  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n  var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {\n      root: true,\n      parentSelectors: []\n    },\n    root = _ref.root,\n    injectHash = _ref.injectHash,\n    parentSelectors = _ref.parentSelectors;\n  var hashId = config.hashId,\n    layer = config.layer,\n    path = config.path,\n    hashPriority = config.hashPriority,\n    _config$transformers = config.transformers,\n    transformers = _config$transformers === void 0 ? [] : _config$transformers,\n    _config$linters = config.linters,\n    linters = _config$linters === void 0 ? [] : _config$linters;\n  var styleStr = '';\n  var effectStyle = {};\n  function parseKeyframes(keyframes) {\n    var animationName = keyframes.getName(hashId);\n    if (!effectStyle[animationName]) {\n      var _parseStyle = parseStyle(keyframes.style, config, {\n          root: false,\n          parentSelectors: parentSelectors\n        }),\n        _parseStyle2 = _slicedToArray(_parseStyle, 1),\n        _parsedStr = _parseStyle2[0];\n      effectStyle[animationName] = \"@keyframes \".concat(keyframes.getName(hashId)).concat(_parsedStr);\n    }\n  }\n  function flattenList(list) {\n    var fullList = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n    list.forEach(function (item) {\n      if (Array.isArray(item)) {\n        flattenList(item, fullList);\n      } else if (item) {\n        fullList.push(item);\n      }\n    });\n    return fullList;\n  }\n  var flattenStyleList = flattenList(Array.isArray(interpolation) ? interpolation : [interpolation]);\n  flattenStyleList.forEach(function (originStyle) {\n    // Only root level can use raw string\n    var style = typeof originStyle === 'string' && !root ? {} : originStyle;\n    if (typeof style === 'string') {\n      styleStr += \"\".concat(style, \"\\n\");\n    } else if (style._keyframe) {\n      // Keyframe\n      parseKeyframes(style);\n    } else {\n      var mergedStyle = transformers.reduce(function (prev, trans) {\n        var _trans$visit;\n        return (trans === null || trans === void 0 || (_trans$visit = trans.visit) === null || _trans$visit === void 0 ? void 0 : _trans$visit.call(trans, prev)) || prev;\n      }, style);\n\n      // Normal CSSObject\n      Object.keys(mergedStyle).forEach(function (key) {\n        var value = mergedStyle[key];\n        if (_typeof(value) === 'object' && value && (key !== 'animationName' || !value._keyframe) && !isCompoundCSSProperty(value)) {\n          var subInjectHash = false;\n\n          // 当成嵌套对象来处理\n          var mergedKey = key.trim();\n          // Whether treat child as root. In most case it is false.\n          var nextRoot = false;\n\n          // 拆分多个选择器\n          if ((root || injectHash) && hashId) {\n            if (mergedKey.startsWith('@')) {\n              // 略过媒体查询，交给子节点继续插入 hashId\n              subInjectHash = true;\n            } else if (mergedKey === '&') {\n              // 抹掉 root selector 上的单个 &\n              mergedKey = injectSelectorHash('', hashId, hashPriority);\n            } else {\n              // 注入 hashId\n              mergedKey = injectSelectorHash(key, hashId, hashPriority);\n            }\n          } else if (root && !hashId && (mergedKey === '&' || mergedKey === '')) {\n            // In case of `{ '&': { a: { color: 'red' } } }` or `{ '': { a: { color: 'red' } } }` without hashId,\n            // we will get `&{a:{color:red;}}` or `{a:{color:red;}}` string for stylis to compile.\n            // But it does not conform to stylis syntax,\n            // and finally we will get `{color:red;}` as css, which is wrong.\n            // So we need to remove key in root, and treat child `{ a: { color: 'red' } }` as root.\n            mergedKey = '';\n            nextRoot = true;\n          }\n          var _parseStyle3 = parseStyle(value, config, {\n              root: nextRoot,\n              injectHash: subInjectHash,\n              parentSelectors: [].concat(_toConsumableArray(parentSelectors), [mergedKey])\n            }),\n            _parseStyle4 = _slicedToArray(_parseStyle3, 2),\n            _parsedStr2 = _parseStyle4[0],\n            childEffectStyle = _parseStyle4[1];\n          effectStyle = _objectSpread(_objectSpread({}, effectStyle), childEffectStyle);\n          styleStr += \"\".concat(mergedKey).concat(_parsedStr2);\n        } else {\n          var _value;\n          function appendStyle(cssKey, cssValue) {\n            if (process.env.NODE_ENV !== 'production' && (_typeof(value) !== 'object' || !(value !== null && value !== void 0 && value[SKIP_CHECK]))) {\n              [contentQuotesLinter, hashedAnimationLinter].concat(_toConsumableArray(linters)).forEach(function (linter) {\n                return linter(cssKey, cssValue, {\n                  path: path,\n                  hashId: hashId,\n                  parentSelectors: parentSelectors\n                });\n              });\n            }\n\n            // 如果是样式则直接插入\n            var styleName = cssKey.replace(/[A-Z]/g, function (match) {\n              return \"-\".concat(match.toLowerCase());\n            });\n\n            // Auto suffix with px\n            var formatValue = cssValue;\n            if (!unitless[cssKey] && typeof formatValue === 'number' && formatValue !== 0) {\n              formatValue = \"\".concat(formatValue, \"px\");\n            }\n\n            // handle animationName & Keyframe value\n            if (cssKey === 'animationName' && cssValue !== null && cssValue !== void 0 && cssValue._keyframe) {\n              parseKeyframes(cssValue);\n              formatValue = cssValue.getName(hashId);\n            }\n            styleStr += \"\".concat(styleName, \":\").concat(formatValue, \";\");\n          }\n          var actualValue = (_value = value === null || value === void 0 ? void 0 : value.value) !== null && _value !== void 0 ? _value : value;\n          if (_typeof(value) === 'object' && value !== null && value !== void 0 && value[MULTI_VALUE] && Array.isArray(actualValue)) {\n            actualValue.forEach(function (item) {\n              appendStyle(key, item);\n            });\n          } else {\n            appendStyle(key, actualValue);\n          }\n        }\n      });\n    }\n  });\n  if (!root) {\n    styleStr = \"{\".concat(styleStr, \"}\");\n  } else if (layer) {\n    // fixme: https://github.com/thysultan/stylis/pull/339\n    if (styleStr) {\n      styleStr = \"@layer \".concat(layer.name, \" {\").concat(styleStr, \"}\");\n    }\n    if (layer.dependencies) {\n      effectStyle[\"@layer \".concat(layer.name)] = layer.dependencies.map(function (deps) {\n        return \"@layer \".concat(deps, \", \").concat(layer.name, \";\");\n      }).join('\\n');\n    }\n  }\n  return [styleStr, effectStyle];\n};\n\n// ============================================================================\n// ==                                Register                                ==\n// ============================================================================\nexport function uniqueHash(path, styleStr) {\n  return hash(\"\".concat(path.join('%')).concat(styleStr));\n}\nfunction Empty() {\n  return null;\n}\nexport var STYLE_PREFIX = 'style';\n/**\n * Register a style to the global style sheet.\n */\nexport default function useStyleRegister(info, styleFn) {\n  var token = info.token,\n    path = info.path,\n    hashId = info.hashId,\n    layer = info.layer,\n    nonce = info.nonce,\n    clientOnly = info.clientOnly,\n    _info$order = info.order,\n    order = _info$order === void 0 ? 0 : _info$order;\n  var _React$useContext = React.useContext(StyleContext),\n    autoClear = _React$useContext.autoClear,\n    mock = _React$useContext.mock,\n    defaultCache = _React$useContext.defaultCache,\n    hashPriority = _React$useContext.hashPriority,\n    container = _React$useContext.container,\n    ssrInline = _React$useContext.ssrInline,\n    transformers = _React$useContext.transformers,\n    linters = _React$useContext.linters,\n    cache = _React$useContext.cache,\n    enableLayer = _React$useContext.layer;\n  var tokenKey = token._tokenKey;\n  var fullPath = [tokenKey];\n  if (enableLayer) {\n    fullPath.push('layer');\n  }\n  fullPath.push.apply(fullPath, _toConsumableArray(path));\n\n  // Check if need insert style\n  var isMergedClientSide = isClientSide;\n  if (process.env.NODE_ENV !== 'production' && mock !== undefined) {\n    isMergedClientSide = mock === 'client';\n  }\n  var _useGlobalCache = useGlobalCache(STYLE_PREFIX, fullPath,\n    // Create cache if needed\n    function () {\n      var cachePath = fullPath.join('|');\n\n      // Get style from SSR inline style directly\n      if (existPath(cachePath)) {\n        var _getStyleAndHash = getStyleAndHash(cachePath),\n          _getStyleAndHash2 = _slicedToArray(_getStyleAndHash, 2),\n          inlineCacheStyleStr = _getStyleAndHash2[0],\n          styleHash = _getStyleAndHash2[1];\n        if (inlineCacheStyleStr) {\n          return [inlineCacheStyleStr, tokenKey, styleHash, {}, clientOnly, order];\n        }\n      }\n\n      // Generate style\n      var styleObj = styleFn();\n      var _parseStyle5 = parseStyle(styleObj, {\n          hashId: hashId,\n          hashPriority: hashPriority,\n          layer: enableLayer ? layer : undefined,\n          path: path.join('-'),\n          transformers: transformers,\n          linters: linters\n        }),\n        _parseStyle6 = _slicedToArray(_parseStyle5, 2),\n        parsedStyle = _parseStyle6[0],\n        effectStyle = _parseStyle6[1];\n      var styleStr = normalizeStyle(parsedStyle);\n      var styleId = uniqueHash(fullPath, styleStr);\n      return [styleStr, tokenKey, styleId, effectStyle, clientOnly, order];\n    },\n    // Remove cache if no need\n    function (_ref2, fromHMR) {\n      var _ref3 = _slicedToArray(_ref2, 3),\n        styleId = _ref3[2];\n      if ((fromHMR || autoClear) && isClientSide) {\n        removeCSS(styleId, {\n          mark: ATTR_MARK\n        });\n      }\n    },\n    // Effect: Inject style here\n    function (_ref4) {\n      var _ref5 = _slicedToArray(_ref4, 4),\n        styleStr = _ref5[0],\n        _ = _ref5[1],\n        styleId = _ref5[2],\n        effectStyle = _ref5[3];\n      if (isMergedClientSide && styleStr !== CSS_FILE_STYLE) {\n        var mergedCSSConfig = {\n          mark: ATTR_MARK,\n          prepend: enableLayer ? false : 'queue',\n          attachTo: container,\n          priority: order\n        };\n        var nonceStr = typeof nonce === 'function' ? nonce() : nonce;\n        if (nonceStr) {\n          mergedCSSConfig.csp = {\n            nonce: nonceStr\n          };\n        }\n\n        // ================= Split Effect Style =================\n        // We will split effectStyle here since @layer should be at the top level\n        var effectLayerKeys = [];\n        var effectRestKeys = [];\n        Object.keys(effectStyle).forEach(function (key) {\n          if (key.startsWith('@layer')) {\n            effectLayerKeys.push(key);\n          } else {\n            effectRestKeys.push(key);\n          }\n        });\n\n        // ================= Inject Layer Style =================\n        // Inject layer style\n        effectLayerKeys.forEach(function (effectKey) {\n          updateCSS(normalizeStyle(effectStyle[effectKey]), \"_layer-\".concat(effectKey), _objectSpread(_objectSpread({}, mergedCSSConfig), {}, {\n            prepend: true\n          }));\n        });\n\n        // ==================== Inject Style ====================\n        // Inject style\n        var style = updateCSS(styleStr, styleId, mergedCSSConfig);\n        style[CSS_IN_JS_INSTANCE] = cache.instanceId;\n\n        // Used for `useCacheToken` to remove on batch when token removed\n        style.setAttribute(ATTR_TOKEN, tokenKey);\n\n        // Debug usage. Dev only\n        if (process.env.NODE_ENV !== 'production') {\n          style.setAttribute(ATTR_CACHE_PATH, fullPath.join('|'));\n        }\n\n        // ================ Inject Effect Style =================\n        // Inject client side effect style\n        effectRestKeys.forEach(function (effectKey) {\n          updateCSS(normalizeStyle(effectStyle[effectKey]), \"_effect-\".concat(effectKey), mergedCSSConfig);\n        });\n      }\n    }),\n    _useGlobalCache2 = _slicedToArray(_useGlobalCache, 3),\n    cachedStyleStr = _useGlobalCache2[0],\n    cachedTokenKey = _useGlobalCache2[1],\n    cachedStyleId = _useGlobalCache2[2];\n  return function (node) {\n    var styleNode;\n    if (!ssrInline || isMergedClientSide || !defaultCache) {\n      styleNode = /*#__PURE__*/React.createElement(Empty, null);\n    } else {\n      var _ref6;\n      styleNode = /*#__PURE__*/React.createElement(\"style\", _extends({}, (_ref6 = {}, _defineProperty(_ref6, ATTR_TOKEN, cachedTokenKey), _defineProperty(_ref6, ATTR_MARK, cachedStyleId), _ref6), {\n        dangerouslySetInnerHTML: {\n          __html: cachedStyleStr\n        }\n      }));\n    }\n    return /*#__PURE__*/React.createElement(React.Fragment, null, styleNode, node);\n  };\n}\nexport var extract = function extract(cache, effectStyles, options) {\n  var _cache = _slicedToArray(cache, 6),\n    styleStr = _cache[0],\n    tokenKey = _cache[1],\n    styleId = _cache[2],\n    effectStyle = _cache[3],\n    clientOnly = _cache[4],\n    order = _cache[5];\n  var _ref7 = options || {},\n    plain = _ref7.plain;\n\n  // Skip client only style\n  if (clientOnly) {\n    return null;\n  }\n  var keyStyleText = styleStr;\n\n  // ====================== Share ======================\n  // Used for rc-util\n  var sharedAttrs = {\n    'data-rc-order': 'prependQueue',\n    'data-rc-priority': \"\".concat(order)\n  };\n\n  // ====================== Style ======================\n  keyStyleText = toStyleStr(styleStr, tokenKey, styleId, sharedAttrs, plain);\n\n  // =============== Create effect style ===============\n  if (effectStyle) {\n    Object.keys(effectStyle).forEach(function (effectKey) {\n      // Effect style can be reused\n      if (!effectStyles[effectKey]) {\n        effectStyles[effectKey] = true;\n        var effectStyleStr = normalizeStyle(effectStyle[effectKey]);\n        var effectStyleHTML = toStyleStr(effectStyleStr, tokenKey, \"_effect-\".concat(effectKey), sharedAttrs, plain);\n        if (effectKey.startsWith('@layer')) {\n          keyStyleText = effectStyleHTML + keyStyleText;\n        } else {\n          keyStyleText += effectStyleHTML;\n        }\n      }\n    });\n  }\n  return [order, styleId, keyStyleText];\n};","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport { removeCSS, updateCSS } from \"rc-util/es/Dom/dynamicCSS\";\nimport { useContext } from 'react';\nimport StyleContext, { ATTR_MARK, ATTR_TOKEN, CSS_IN_JS_INSTANCE } from \"../StyleContext\";\nimport { isClientSide, toStyleStr } from \"../util\";\nimport { transformToken } from \"../util/css-variables\";\nimport useGlobalCache from \"./useGlobalCache\";\nimport { uniqueHash } from \"./useStyleRegister\";\nexport var CSS_VAR_PREFIX = 'cssVar';\nvar useCSSVarRegister = function useCSSVarRegister(config, fn) {\n  var key = config.key,\n    prefix = config.prefix,\n    unitless = config.unitless,\n    ignore = config.ignore,\n    token = config.token,\n    _config$scope = config.scope,\n    scope = _config$scope === void 0 ? '' : _config$scope;\n  var _useContext = useContext(StyleContext),\n    instanceId = _useContext.cache.instanceId,\n    container = _useContext.container;\n  var tokenKey = token._tokenKey;\n  var stylePath = [].concat(_toConsumableArray(config.path), [key, scope, tokenKey]);\n  var cache = useGlobalCache(CSS_VAR_PREFIX, stylePath, function () {\n    var originToken = fn();\n    var _transformToken = transformToken(originToken, key, {\n        prefix: prefix,\n        unitless: unitless,\n        ignore: ignore,\n        scope: scope\n      }),\n      _transformToken2 = _slicedToArray(_transformToken, 2),\n      mergedToken = _transformToken2[0],\n      cssVarsStr = _transformToken2[1];\n    var styleId = uniqueHash(stylePath, cssVarsStr);\n    return [mergedToken, cssVarsStr, styleId, key];\n  }, function (_ref) {\n    var _ref2 = _slicedToArray(_ref, 3),\n      styleId = _ref2[2];\n    if (isClientSide) {\n      removeCSS(styleId, {\n        mark: ATTR_MARK\n      });\n    }\n  }, function (_ref3) {\n    var _ref4 = _slicedToArray(_ref3, 3),\n      cssVarsStr = _ref4[1],\n      styleId = _ref4[2];\n    if (!cssVarsStr) {\n      return;\n    }\n    var style = updateCSS(cssVarsStr, styleId, {\n      mark: ATTR_MARK,\n      prepend: 'queue',\n      attachTo: container,\n      priority: -999\n    });\n    style[CSS_IN_JS_INSTANCE] = instanceId;\n\n    // Used for `useCacheToken` to remove on batch when token removed\n    style.setAttribute(ATTR_TOKEN, key);\n  });\n  return cache;\n};\nexport var extract = function extract(cache, effectStyles, options) {\n  var _cache = _slicedToArray(cache, 4),\n    styleStr = _cache[1],\n    styleId = _cache[2],\n    cssVarKey = _cache[3];\n  var _ref5 = options || {},\n    plain = _ref5.plain;\n  if (!styleStr) {\n    return null;\n  }\n  var order = -999;\n\n  // ====================== Style ======================\n  // Used for rc-util\n  var sharedAttrs = {\n    'data-rc-order': 'prependQueue',\n    'data-rc-priority': \"\".concat(order)\n  };\n  var styleText = toStyleStr(styleStr, cssVarKey, styleId, sharedAttrs, plain);\n  return [order, styleId, styleText];\n};\nexport default useCSSVarRegister;","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nvar _ExtractStyleFns;\nimport { extract as tokenExtractStyle, TOKEN_PREFIX } from \"./hooks/useCacheToken\";\nimport { CSS_VAR_PREFIX, extract as cssVarExtractStyle } from \"./hooks/useCSSVarRegister\";\nimport { extract as styleExtractStyle, STYLE_PREFIX } from \"./hooks/useStyleRegister\";\nimport { toStyleStr } from \"./util\";\nimport { ATTR_CACHE_MAP, serialize as serializeCacheMap } from \"./util/cacheMapUtil\";\nvar ExtractStyleFns = (_ExtractStyleFns = {}, _defineProperty(_ExtractStyleFns, STYLE_PREFIX, styleExtractStyle), _defineProperty(_ExtractStyleFns, TOKEN_PREFIX, tokenExtractStyle), _defineProperty(_ExtractStyleFns, CSS_VAR_PREFIX, cssVarExtractStyle), _ExtractStyleFns);\nfunction isNotNull(value) {\n  return value !== null;\n}\nexport default function extractStyle(cache, options) {\n  var _ref = typeof options === 'boolean' ? {\n      plain: options\n    } : options || {},\n    _ref$plain = _ref.plain,\n    plain = _ref$plain === void 0 ? false : _ref$plain,\n    _ref$types = _ref.types,\n    types = _ref$types === void 0 ? ['style', 'token', 'cssVar'] : _ref$types;\n  var matchPrefixRegexp = new RegExp(\"^(\".concat((typeof types === 'string' ? [types] : types).join('|'), \")%\"));\n\n  // prefix with `style` is used for `useStyleRegister` to cache style context\n  var styleKeys = Array.from(cache.cache.keys()).filter(function (key) {\n    return matchPrefixRegexp.test(key);\n  });\n\n  // Common effect styles like animation\n  var effectStyles = {};\n\n  // Mapping of cachePath to style hash\n  var cachePathMap = {};\n  var styleText = '';\n  styleKeys.map(function (key) {\n    var cachePath = key.replace(matchPrefixRegexp, '').replace(/%/g, '|');\n    var _key$split = key.split('%'),\n      _key$split2 = _slicedToArray(_key$split, 1),\n      prefix = _key$split2[0];\n    var extractFn = ExtractStyleFns[prefix];\n    var extractedStyle = extractFn(cache.cache.get(key)[1], effectStyles, {\n      plain: plain\n    });\n    if (!extractedStyle) {\n      return null;\n    }\n    var _extractedStyle = _slicedToArray(extractedStyle, 3),\n      order = _extractedStyle[0],\n      styleId = _extractedStyle[1],\n      styleStr = _extractedStyle[2];\n    if (key.startsWith('style')) {\n      cachePathMap[cachePath] = styleId;\n    }\n    return [order, styleStr];\n  }).filter(isNotNull).sort(function (_ref2, _ref3) {\n    var _ref4 = _slicedToArray(_ref2, 1),\n      o1 = _ref4[0];\n    var _ref5 = _slicedToArray(_ref3, 1),\n      o2 = _ref5[0];\n    return o1 - o2;\n  }).forEach(function (_ref6) {\n    var _ref7 = _slicedToArray(_ref6, 2),\n      style = _ref7[1];\n    styleText += style;\n  });\n\n  // ==================== Fill Cache Path ====================\n  styleText += toStyleStr(\".\".concat(ATTR_CACHE_MAP, \"{content:\\\"\").concat(serializeCacheMap(cachePathMap), \"\\\";}\"), undefined, undefined, _defineProperty({}, ATTR_CACHE_MAP, ATTR_CACHE_MAP), plain);\n  return styleText;\n}","import _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nvar Keyframe = /*#__PURE__*/function () {\n  function Keyframe(name, style) {\n    _classCallCheck(this, Keyframe);\n    _defineProperty(this, \"name\", void 0);\n    _defineProperty(this, \"style\", void 0);\n    _defineProperty(this, \"_keyframe\", true);\n    this.name = name;\n    this.style = style;\n  }\n  _createClass(Keyframe, [{\n    key: \"getName\",\n    value: function getName() {\n      var hashId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n      return hashId ? \"\".concat(hashId, \"-\").concat(this.name) : this.name;\n    }\n  }]);\n  return Keyframe;\n}();\nexport default Keyframe;","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nfunction splitValues(value) {\n  if (typeof value === 'number') {\n    return [[value], false];\n  }\n  var rawStyle = String(value).trim();\n  var importantCells = rawStyle.match(/(.*)(!important)/);\n  var splitStyle = (importantCells ? importantCells[1] : rawStyle).trim().split(/\\s+/);\n\n  // Combine styles split in brackets, like `calc(1px + 2px)`\n  var temp = [];\n  var brackets = 0;\n  return [splitStyle.reduce(function (list, item) {\n    if (item.includes('(') || item.includes(')')) {\n      var left = item.split('(').length - 1;\n      var right = item.split(')').length - 1;\n      brackets += left - right;\n    }\n    if (brackets >= 0) temp.push(item);\n    if (brackets === 0) {\n      list.push(temp.join(' '));\n      temp = [];\n    }\n    return list;\n  }, []), !!importantCells];\n}\nfunction noSplit(list) {\n  list.notSplit = true;\n  return list;\n}\nvar keyMap = {\n  // Inset\n  inset: ['top', 'right', 'bottom', 'left'],\n  insetBlock: ['top', 'bottom'],\n  insetBlockStart: ['top'],\n  insetBlockEnd: ['bottom'],\n  insetInline: ['left', 'right'],\n  insetInlineStart: ['left'],\n  insetInlineEnd: ['right'],\n  // Margin\n  marginBlock: ['marginTop', 'marginBottom'],\n  marginBlockStart: ['marginTop'],\n  marginBlockEnd: ['marginBottom'],\n  marginInline: ['marginLeft', 'marginRight'],\n  marginInlineStart: ['marginLeft'],\n  marginInlineEnd: ['marginRight'],\n  // Padding\n  paddingBlock: ['paddingTop', 'paddingBottom'],\n  paddingBlockStart: ['paddingTop'],\n  paddingBlockEnd: ['paddingBottom'],\n  paddingInline: ['paddingLeft', 'paddingRight'],\n  paddingInlineStart: ['paddingLeft'],\n  paddingInlineEnd: ['paddingRight'],\n  // Border\n  borderBlock: noSplit(['borderTop', 'borderBottom']),\n  borderBlockStart: noSplit(['borderTop']),\n  borderBlockEnd: noSplit(['borderBottom']),\n  borderInline: noSplit(['borderLeft', 'borderRight']),\n  borderInlineStart: noSplit(['borderLeft']),\n  borderInlineEnd: noSplit(['borderRight']),\n  // Border width\n  borderBlockWidth: ['borderTopWidth', 'borderBottomWidth'],\n  borderBlockStartWidth: ['borderTopWidth'],\n  borderBlockEndWidth: ['borderBottomWidth'],\n  borderInlineWidth: ['borderLeftWidth', 'borderRightWidth'],\n  borderInlineStartWidth: ['borderLeftWidth'],\n  borderInlineEndWidth: ['borderRightWidth'],\n  // Border style\n  borderBlockStyle: ['borderTopStyle', 'borderBottomStyle'],\n  borderBlockStartStyle: ['borderTopStyle'],\n  borderBlockEndStyle: ['borderBottomStyle'],\n  borderInlineStyle: ['borderLeftStyle', 'borderRightStyle'],\n  borderInlineStartStyle: ['borderLeftStyle'],\n  borderInlineEndStyle: ['borderRightStyle'],\n  // Border color\n  borderBlockColor: ['borderTopColor', 'borderBottomColor'],\n  borderBlockStartColor: ['borderTopColor'],\n  borderBlockEndColor: ['borderBottomColor'],\n  borderInlineColor: ['borderLeftColor', 'borderRightColor'],\n  borderInlineStartColor: ['borderLeftColor'],\n  borderInlineEndColor: ['borderRightColor'],\n  // Border radius\n  borderStartStartRadius: ['borderTopLeftRadius'],\n  borderStartEndRadius: ['borderTopRightRadius'],\n  borderEndStartRadius: ['borderBottomLeftRadius'],\n  borderEndEndRadius: ['borderBottomRightRadius']\n};\nfunction wrapImportantAndSkipCheck(value, important) {\n  var parsedValue = value;\n  if (important) {\n    parsedValue = \"\".concat(parsedValue, \" !important\");\n  }\n  return {\n    _skip_check_: true,\n    value: parsedValue\n  };\n}\n\n/**\n * Convert css logical properties to legacy properties.\n * Such as: `margin-block-start` to `margin-top`.\n * Transform list:\n * - inset\n * - margin\n * - padding\n * - border\n */\nvar transform = {\n  visit: function visit(cssObj) {\n    var clone = {};\n    Object.keys(cssObj).forEach(function (key) {\n      var value = cssObj[key];\n      var matchValue = keyMap[key];\n      if (matchValue && (typeof value === 'number' || typeof value === 'string')) {\n        var _splitValues = splitValues(value),\n          _splitValues2 = _slicedToArray(_splitValues, 2),\n          _values = _splitValues2[0],\n          _important = _splitValues2[1];\n        if (matchValue.length && matchValue.notSplit) {\n          // not split means always give same value like border\n          matchValue.forEach(function (matchKey) {\n            clone[matchKey] = wrapImportantAndSkipCheck(value, _important);\n          });\n        } else if (matchValue.length === 1) {\n          // Handle like `marginBlockStart` => `marginTop`\n          clone[matchValue[0]] = wrapImportantAndSkipCheck(_values[0], _important);\n        } else if (matchValue.length === 2) {\n          // Handle like `marginBlock` => `marginTop` & `marginBottom`\n          matchValue.forEach(function (matchKey, index) {\n            var _values$index;\n            clone[matchKey] = wrapImportantAndSkipCheck((_values$index = _values[index]) !== null && _values$index !== void 0 ? _values$index : _values[0], _important);\n          });\n        } else if (matchValue.length === 4) {\n          // Handle like `inset` => `top` & `right` & `bottom` & `left`\n          matchValue.forEach(function (matchKey, index) {\n            var _ref, _values$index2;\n            clone[matchKey] = wrapImportantAndSkipCheck((_ref = (_values$index2 = _values[index]) !== null && _values$index2 !== void 0 ? _values$index2 : _values[index - 2]) !== null && _ref !== void 0 ? _ref : _values[0], _important);\n          });\n        } else {\n          clone[key] = value;\n        }\n      } else {\n        clone[key] = value;\n      }\n    });\n    return clone;\n  }\n};\nexport default transform;","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n/**\n * respect https://github.com/cuth/postcss-pxtorem\n */\n// @ts-ignore\nimport unitless from '@emotion/unitless';\nvar pxRegex = /url\\([^)]+\\)|var\\([^)]+\\)|(\\d*\\.?\\d+)px/g;\nfunction toFixed(number, precision) {\n  var multiplier = Math.pow(10, precision + 1),\n    wholeNumber = Math.floor(number * multiplier);\n  return Math.round(wholeNumber / 10) * 10 / multiplier;\n}\nvar transform = function transform() {\n  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  var _options$rootValue = options.rootValue,\n    rootValue = _options$rootValue === void 0 ? 16 : _options$rootValue,\n    _options$precision = options.precision,\n    precision = _options$precision === void 0 ? 5 : _options$precision,\n    _options$mediaQuery = options.mediaQuery,\n    mediaQuery = _options$mediaQuery === void 0 ? false : _options$mediaQuery;\n  var pxReplace = function pxReplace(m, $1) {\n    if (!$1) return m;\n    var pixels = parseFloat($1);\n    // covenant: pixels <= 1, not transform to rem @zombieJ\n    if (pixels <= 1) return m;\n    var fixedVal = toFixed(pixels / rootValue, precision);\n    return \"\".concat(fixedVal, \"rem\");\n  };\n  var visit = function visit(cssObj) {\n    var clone = _objectSpread({}, cssObj);\n    Object.entries(cssObj).forEach(function (_ref) {\n      var _ref2 = _slicedToArray(_ref, 2),\n        key = _ref2[0],\n        value = _ref2[1];\n      if (typeof value === 'string' && value.includes('px')) {\n        var newValue = value.replace(pxRegex, pxReplace);\n        clone[key] = newValue;\n      }\n\n      // no unit\n      if (!unitless[key] && typeof value === 'number' && value !== 0) {\n        clone[key] = \"\".concat(value, \"px\").replace(pxRegex, pxReplace);\n      }\n\n      // Media queries\n      var mergedKey = key.trim();\n      if (mergedKey.startsWith('@') && mergedKey.includes('px') && mediaQuery) {\n        var newKey = key.replace(pxRegex, pxReplace);\n        clone[newKey] = clone[key];\n        delete clone[key];\n      }\n    });\n    return clone;\n  };\n  return {\n    visit: visit\n  };\n};\nexport default transform;","import extractStyle from \"./extractStyle\";\nimport useCacheToken, { getComputedToken } from \"./hooks/useCacheToken\";\nimport useCSSVarRegister from \"./hooks/useCSSVarRegister\";\nimport useStyleRegister from \"./hooks/useStyleRegister\";\nimport Keyframes from \"./Keyframes\";\nimport { legacyNotSelectorLinter, logicalPropertiesLinter, NaNLinter, parentSelectorLinter } from \"./linters\";\nimport { createCache, StyleProvider } from \"./StyleContext\";\nimport { createTheme, genCalc, Theme } from \"./theme\";\nimport legacyLogicalPropertiesTransformer from \"./transformers/legacyLogicalProperties\";\nimport px2remTransformer from \"./transformers/px2rem\";\nimport { supportLogicProps, supportWhere, unit } from \"./util\";\nimport { token2CSSVar } from \"./util/css-variables\";\nexport { Theme, createTheme, useStyleRegister, useCSSVarRegister, useCacheToken, createCache, StyleProvider, Keyframes, extractStyle, getComputedToken,\n// Transformer\nlegacyLogicalPropertiesTransformer, px2remTransformer,\n// Linters\nlogicalPropertiesLinter, legacyNotSelectorLinter, parentSelectorLinter, NaNLinter,\n// util\ntoken2CSSVar, unit, genCalc };\nexport var _experimental = {\n  supportModernCSS: function supportModernCSS() {\n    return supportWhere() && supportLogicProps();\n  }\n};","\"use strict\";\n// This icon file is generated automatically.\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar CalendarOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z\" } }] }, \"name\": \"calendar\", \"theme\": \"outlined\" };\nexports.default = CalendarOutlined;\n","\"use strict\";\n// This icon file is generated automatically.\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar ClockCircleOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z\" } }, { \"tag\": \"path\", \"attrs\": { \"d\": \"M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z\" } }] }, \"name\": \"clock-circle\", \"theme\": \"outlined\" };\nexports.default = ClockCircleOutlined;\n","\"use strict\";\n// This icon file is generated automatically.\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar CloseCircleFilled = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"fill-rule\": \"evenodd\", \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z\" } }] }, \"name\": \"close-circle\", \"theme\": \"filled\" };\nexports.default = CloseCircleFilled;\n","\"use strict\";\n// This icon file is generated automatically.\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar LoadingOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"0 0 1024 1024\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z\" } }] }, \"name\": \"loading\", \"theme\": \"outlined\" };\nexports.default = LoadingOutlined;\n","\"use strict\";\n// This icon file is generated automatically.\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar SwapRightOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"0 0 1024 1024\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z\" } }] }, \"name\": \"swap-right\", \"theme\": \"outlined\" };\nexports.default = SwapRightOutlined;\n","'use strict';\n  Object.defineProperty(exports, \"__esModule\", {\n    value: true\n  });\n  exports.default = void 0;\n  \n  var _CalendarOutlined = _interopRequireDefault(require('./lib/icons/CalendarOutlined'));\n  \n  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n  \n  var _default = _CalendarOutlined;\n  exports.default = _default;\n  module.exports = _default;","'use strict';\n  Object.defineProperty(exports, \"__esModule\", {\n    value: true\n  });\n  exports.default = void 0;\n  \n  var _ClockCircleOutlined = _interopRequireDefault(require('./lib/icons/ClockCircleOutlined'));\n  \n  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n  \n  var _default = _ClockCircleOutlined;\n  exports.default = _default;\n  module.exports = _default;","'use strict';\n  Object.defineProperty(exports, \"__esModule\", {\n    value: true\n  });\n  exports.default = void 0;\n  \n  var _CloseCircleFilled = _interopRequireDefault(require('./lib/icons/CloseCircleFilled'));\n  \n  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n  \n  var _default = _CloseCircleFilled;\n  exports.default = _default;\n  module.exports = _default;","'use strict';\n  Object.defineProperty(exports, \"__esModule\", {\n    value: true\n  });\n  exports.default = void 0;\n  \n  var _LoadingOutlined = _interopRequireDefault(require('./lib/icons/LoadingOutlined'));\n  \n  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n  \n  var _default = _LoadingOutlined;\n  exports.default = _default;\n  module.exports = _default;","'use strict';\n  Object.defineProperty(exports, \"__esModule\", {\n    value: true\n  });\n  exports.default = void 0;\n  \n  var _SwapRightOutlined = _interopRequireDefault(require('./lib/icons/SwapRightOutlined'));\n  \n  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n  \n  var _default = _SwapRightOutlined;\n  exports.default = _default;\n  module.exports = _default;","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport { generate as generateColor } from '@ant-design/colors';\nimport React, { useContext, useEffect } from 'react';\nimport warn from \"rc-util/es/warning\";\nimport { updateCSS } from \"rc-util/es/Dom/dynamicCSS\";\nimport IconContext from './components/Context';\nexport function warning(valid, message) {\n  warn(valid, \"[@ant-design/icons] \".concat(message));\n}\nexport function isIconDefinition(target) {\n  return _typeof(target) === 'object' && typeof target.name === 'string' && typeof target.theme === 'string' && (_typeof(target.icon) === 'object' || typeof target.icon === 'function');\n}\nexport function normalizeAttrs() {\n  var attrs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  return Object.keys(attrs).reduce(function (acc, key) {\n    var val = attrs[key];\n    switch (key) {\n      case 'class':\n        acc.className = val;\n        delete acc.class;\n        break;\n      default:\n        acc[key] = val;\n    }\n    return acc;\n  }, {});\n}\nexport function generate(node, key, rootProps) {\n  if (!rootProps) {\n    return /*#__PURE__*/React.createElement(node.tag, _objectSpread({\n      key: key\n    }, normalizeAttrs(node.attrs)), (node.children || []).map(function (child, index) {\n      return generate(child, \"\".concat(key, \"-\").concat(node.tag, \"-\").concat(index));\n    }));\n  }\n  return /*#__PURE__*/React.createElement(node.tag, _objectSpread(_objectSpread({\n    key: key\n  }, normalizeAttrs(node.attrs)), rootProps), (node.children || []).map(function (child, index) {\n    return generate(child, \"\".concat(key, \"-\").concat(node.tag, \"-\").concat(index));\n  }));\n}\nexport function getSecondaryColor(primaryColor) {\n  // choose the second color\n  return generateColor(primaryColor)[0];\n}\nexport function normalizeTwoToneColors(twoToneColor) {\n  if (!twoToneColor) {\n    return [];\n  }\n  return Array.isArray(twoToneColor) ? twoToneColor : [twoToneColor];\n}\n// These props make sure that the SVG behaviours like general text.\n// Reference: https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4\nexport var svgBaseProps = {\n  width: '1em',\n  height: '1em',\n  fill: 'currentColor',\n  'aria-hidden': 'true',\n  focusable: 'false'\n};\nexport var iconStyles = \"\\n.anticon {\\n  display: inline-block;\\n  color: inherit;\\n  font-style: normal;\\n  line-height: 0;\\n  text-align: center;\\n  text-transform: none;\\n  vertical-align: -0.125em;\\n  text-rendering: optimizeLegibility;\\n  -webkit-font-smoothing: antialiased;\\n  -moz-osx-font-smoothing: grayscale;\\n}\\n\\n.anticon > * {\\n  line-height: 1;\\n}\\n\\n.anticon svg {\\n  display: inline-block;\\n}\\n\\n.anticon::before {\\n  display: none;\\n}\\n\\n.anticon .anticon-icon {\\n  display: block;\\n}\\n\\n.anticon[tabindex] {\\n  cursor: pointer;\\n}\\n\\n.anticon-spin::before,\\n.anticon-spin {\\n  display: inline-block;\\n  -webkit-animation: loadingCircle 1s infinite linear;\\n  animation: loadingCircle 1s infinite linear;\\n}\\n\\n@-webkit-keyframes loadingCircle {\\n  100% {\\n    -webkit-transform: rotate(360deg);\\n    transform: rotate(360deg);\\n  }\\n}\\n\\n@keyframes loadingCircle {\\n  100% {\\n    -webkit-transform: rotate(360deg);\\n    transform: rotate(360deg);\\n  }\\n}\\n\";\nexport var useInsertStyles = function useInsertStyles() {\n  var styleStr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : iconStyles;\n  var _useContext = useContext(IconContext),\n    csp = _useContext.csp;\n  useEffect(function () {\n    updateCSS(styleStr, '@ant-design-icons', {\n      prepend: true,\n      csp: csp\n    });\n  }, []);\n};","import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nvar _excluded = [\"icon\", \"className\", \"onClick\", \"style\", \"primaryColor\", \"secondaryColor\"];\nimport { generate, getSecondaryColor, isIconDefinition, warning, useInsertStyles } from '../utils';\nvar twoToneColorPalette = {\n  primaryColor: '#333',\n  secondaryColor: '#E6E6E6',\n  calculated: false\n};\nfunction setTwoToneColors(_ref) {\n  var primaryColor = _ref.primaryColor,\n    secondaryColor = _ref.secondaryColor;\n  twoToneColorPalette.primaryColor = primaryColor;\n  twoToneColorPalette.secondaryColor = secondaryColor || getSecondaryColor(primaryColor);\n  twoToneColorPalette.calculated = !!secondaryColor;\n}\nfunction getTwoToneColors() {\n  return _objectSpread({}, twoToneColorPalette);\n}\nvar IconBase = function IconBase(props) {\n  var icon = props.icon,\n    className = props.className,\n    onClick = props.onClick,\n    style = props.style,\n    primaryColor = props.primaryColor,\n    secondaryColor = props.secondaryColor,\n    restProps = _objectWithoutProperties(props, _excluded);\n  var colors = twoToneColorPalette;\n  if (primaryColor) {\n    colors = {\n      primaryColor: primaryColor,\n      secondaryColor: secondaryColor || getSecondaryColor(primaryColor)\n    };\n  }\n  useInsertStyles();\n  warning(isIconDefinition(icon), \"icon should be icon definiton, but got \".concat(icon));\n  if (!isIconDefinition(icon)) {\n    return null;\n  }\n  var target = icon;\n  if (target && typeof target.icon === 'function') {\n    target = _objectSpread(_objectSpread({}, target), {}, {\n      icon: target.icon(colors.primaryColor, colors.secondaryColor)\n    });\n  }\n  return generate(target.icon, \"svg-\".concat(target.name), _objectSpread({\n    className: className,\n    onClick: onClick,\n    style: style,\n    'data-icon': target.name,\n    width: '1em',\n    height: '1em',\n    fill: 'currentColor',\n    'aria-hidden': 'true'\n  }, restProps));\n};\nIconBase.displayName = 'IconReact';\nIconBase.getTwoToneColors = getTwoToneColors;\nIconBase.setTwoToneColors = setTwoToneColors;\nexport default IconBase;","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport ReactIcon from './IconBase';\nimport { normalizeTwoToneColors } from '../utils';\nexport function setTwoToneColor(twoToneColor) {\n  var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor),\n    _normalizeTwoToneColo2 = _slicedToArray(_normalizeTwoToneColo, 2),\n    primaryColor = _normalizeTwoToneColo2[0],\n    secondaryColor = _normalizeTwoToneColo2[1];\n  return ReactIcon.setTwoToneColors({\n    primaryColor: primaryColor,\n    secondaryColor: secondaryColor\n  });\n}\nexport function getTwoToneColor() {\n  var colors = ReactIcon.getTwoToneColors();\n  if (!colors.calculated) {\n    return colors.primaryColor;\n  }\n  return [colors.primaryColor, colors.secondaryColor];\n}","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"className\", \"icon\", \"spin\", \"rotate\", \"tabIndex\", \"onClick\", \"twoToneColor\"];\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport Context from './Context';\nimport ReactIcon from './IconBase';\nimport { getTwoToneColor, setTwoToneColor } from './twoTonePrimaryColor';\nimport { normalizeTwoToneColors } from '../utils';\n// Initial setting\n// should move it to antd main repo?\nsetTwoToneColor('#1890ff');\nvar Icon = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  var _classNames;\n  var className = props.className,\n    icon = props.icon,\n    spin = props.spin,\n    rotate = props.rotate,\n    tabIndex = props.tabIndex,\n    onClick = props.onClick,\n    twoToneColor = props.twoToneColor,\n    restProps = _objectWithoutProperties(props, _excluded);\n  var _React$useContext = React.useContext(Context),\n    _React$useContext$pre = _React$useContext.prefixCls,\n    prefixCls = _React$useContext$pre === void 0 ? 'anticon' : _React$useContext$pre,\n    rootClassName = _React$useContext.rootClassName;\n  var classString = classNames(rootClassName, prefixCls, (_classNames = {}, _defineProperty(_classNames, \"\".concat(prefixCls, \"-\").concat(icon.name), !!icon.name), _defineProperty(_classNames, \"\".concat(prefixCls, \"-spin\"), !!spin || icon.name === 'loading'), _classNames), className);\n  var iconTabIndex = tabIndex;\n  if (iconTabIndex === undefined && onClick) {\n    iconTabIndex = -1;\n  }\n  var svgStyle = rotate ? {\n    msTransform: \"rotate(\".concat(rotate, \"deg)\"),\n    transform: \"rotate(\".concat(rotate, \"deg)\")\n  } : undefined;\n  var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor),\n    _normalizeTwoToneColo2 = _slicedToArray(_normalizeTwoToneColo, 2),\n    primaryColor = _normalizeTwoToneColo2[0],\n    secondaryColor = _normalizeTwoToneColo2[1];\n  return /*#__PURE__*/React.createElement(\"span\", _objectSpread(_objectSpread({\n    role: \"img\",\n    \"aria-label\": icon.name\n  }, restProps), {}, {\n    ref: ref,\n    tabIndex: iconTabIndex,\n    onClick: onClick,\n    className: classString\n  }), /*#__PURE__*/React.createElement(ReactIcon, {\n    icon: icon,\n    primaryColor: primaryColor,\n    secondaryColor: secondaryColor,\n    style: svgStyle\n  }));\n});\nIcon.displayName = 'AntdIcon';\nIcon.getTwoToneColor = getTwoToneColor;\nIcon.setTwoToneColor = setTwoToneColor;\nexport default Icon;","import { createContext } from 'react';\nvar IconContext = /*#__PURE__*/createContext({});\nexport default IconContext;","// This icon file is generated automatically.\nvar CheckCircleFilled = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z\" } }] }, \"name\": \"check-circle\", \"theme\": \"filled\" };\nexport default CheckCircleFilled;\n","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport * as React from 'react';\nimport CheckCircleFilledSvg from \"@ant-design/icons-svg/es/asn/CheckCircleFilled\";\nimport AntdIcon from '../components/AntdIcon';\nvar CheckCircleFilled = function CheckCircleFilled(props, ref) {\n  return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread(_objectSpread({}, props), {}, {\n    ref: ref,\n    icon: CheckCircleFilledSvg\n  }));\n};\nCheckCircleFilled.displayName = 'CheckCircleFilled';\nexport default /*#__PURE__*/React.forwardRef(CheckCircleFilled);","// This icon file is generated automatically.\nvar CheckOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z\" } }] }, \"name\": \"check\", \"theme\": \"outlined\" };\nexport default CheckOutlined;\n","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport * as React from 'react';\nimport CheckOutlinedSvg from \"@ant-design/icons-svg/es/asn/CheckOutlined\";\nimport AntdIcon from '../components/AntdIcon';\nvar CheckOutlined = function CheckOutlined(props, ref) {\n  return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread(_objectSpread({}, props), {}, {\n    ref: ref,\n    icon: CheckOutlinedSvg\n  }));\n};\nCheckOutlined.displayName = 'CheckOutlined';\nexport default /*#__PURE__*/React.forwardRef(CheckOutlined);","// This icon file is generated automatically.\nvar CloseCircleFilled = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"fill-rule\": \"evenodd\", \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z\" } }] }, \"name\": \"close-circle\", \"theme\": \"filled\" };\nexport default CloseCircleFilled;\n","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport * as React from 'react';\nimport CloseCircleFilledSvg from \"@ant-design/icons-svg/es/asn/CloseCircleFilled\";\nimport AntdIcon from '../components/AntdIcon';\nvar CloseCircleFilled = function CloseCircleFilled(props, ref) {\n  return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread(_objectSpread({}, props), {}, {\n    ref: ref,\n    icon: CloseCircleFilledSvg\n  }));\n};\nCloseCircleFilled.displayName = 'CloseCircleFilled';\nexport default /*#__PURE__*/React.forwardRef(CloseCircleFilled);","// This icon file is generated automatically.\nvar CloseOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"fill-rule\": \"evenodd\", \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z\" } }] }, \"name\": \"close\", \"theme\": \"outlined\" };\nexport default CloseOutlined;\n","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport * as React from 'react';\nimport CloseOutlinedSvg from \"@ant-design/icons-svg/es/asn/CloseOutlined\";\nimport AntdIcon from '../components/AntdIcon';\nvar CloseOutlined = function CloseOutlined(props, ref) {\n  return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread(_objectSpread({}, props), {}, {\n    ref: ref,\n    icon: CloseOutlinedSvg\n  }));\n};\nCloseOutlined.displayName = 'CloseOutlined';\nexport default /*#__PURE__*/React.forwardRef(CloseOutlined);","// This icon file is generated automatically.\nvar CopyOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z\" } }] }, \"name\": \"copy\", \"theme\": \"outlined\" };\nexport default CopyOutlined;\n","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport * as React from 'react';\nimport CopyOutlinedSvg from \"@ant-design/icons-svg/es/asn/CopyOutlined\";\nimport AntdIcon from '../components/AntdIcon';\nvar CopyOutlined = function CopyOutlined(props, ref) {\n  return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread(_objectSpread({}, props), {}, {\n    ref: ref,\n    icon: CopyOutlinedSvg\n  }));\n};\nCopyOutlined.displayName = 'CopyOutlined';\nexport default /*#__PURE__*/React.forwardRef(CopyOutlined);","// This icon file is generated automatically.\nvar EditOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z\" } }] }, \"name\": \"edit\", \"theme\": \"outlined\" };\nexport default EditOutlined;\n","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport * as React from 'react';\nimport EditOutlinedSvg from \"@ant-design/icons-svg/es/asn/EditOutlined\";\nimport AntdIcon from '../components/AntdIcon';\nvar EditOutlined = function EditOutlined(props, ref) {\n  return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread(_objectSpread({}, props), {}, {\n    ref: ref,\n    icon: EditOutlinedSvg\n  }));\n};\nEditOutlined.displayName = 'EditOutlined';\nexport default /*#__PURE__*/React.forwardRef(EditOutlined);","// This icon file is generated automatically.\nvar ExclamationCircleFilled = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z\" } }] }, \"name\": \"exclamation-circle\", \"theme\": \"filled\" };\nexport default ExclamationCircleFilled;\n","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport * as React from 'react';\nimport ExclamationCircleFilledSvg from \"@ant-design/icons-svg/es/asn/ExclamationCircleFilled\";\nimport AntdIcon from '../components/AntdIcon';\nvar ExclamationCircleFilled = function ExclamationCircleFilled(props, ref) {\n  return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread(_objectSpread({}, props), {}, {\n    ref: ref,\n    icon: ExclamationCircleFilledSvg\n  }));\n};\nExclamationCircleFilled.displayName = 'ExclamationCircleFilled';\nexport default /*#__PURE__*/React.forwardRef(ExclamationCircleFilled);","// This icon file is generated automatically.\nvar EyeOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z\" } }] }, \"name\": \"eye\", \"theme\": \"outlined\" };\nexport default EyeOutlined;\n","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport * as React from 'react';\nimport EyeOutlinedSvg from \"@ant-design/icons-svg/es/asn/EyeOutlined\";\nimport AntdIcon from '../components/AntdIcon';\nvar EyeOutlined = function EyeOutlined(props, ref) {\n  return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread(_objectSpread({}, props), {}, {\n    ref: ref,\n    icon: EyeOutlinedSvg\n  }));\n};\nEyeOutlined.displayName = 'EyeOutlined';\nexport default /*#__PURE__*/React.forwardRef(EyeOutlined);","// This icon file is generated automatically.\nvar InfoCircleFilled = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 010-96 48.01 48.01 0 010 96z\" } }] }, \"name\": \"info-circle\", \"theme\": \"filled\" };\nexport default InfoCircleFilled;\n","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport * as React from 'react';\nimport InfoCircleFilledSvg from \"@ant-design/icons-svg/es/asn/InfoCircleFilled\";\nimport AntdIcon from '../components/AntdIcon';\nvar InfoCircleFilled = function InfoCircleFilled(props, ref) {\n  return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread(_objectSpread({}, props), {}, {\n    ref: ref,\n    icon: InfoCircleFilledSvg\n  }));\n};\nInfoCircleFilled.displayName = 'InfoCircleFilled';\nexport default /*#__PURE__*/React.forwardRef(InfoCircleFilled);","// This icon file is generated automatically.\nvar LeftOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z\" } }] }, \"name\": \"left\", \"theme\": \"outlined\" };\nexport default LeftOutlined;\n","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport * as React from 'react';\nimport LeftOutlinedSvg from \"@ant-design/icons-svg/es/asn/LeftOutlined\";\nimport AntdIcon from '../components/AntdIcon';\nvar LeftOutlined = function LeftOutlined(props, ref) {\n  return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread(_objectSpread({}, props), {}, {\n    ref: ref,\n    icon: LeftOutlinedSvg\n  }));\n};\nLeftOutlined.displayName = 'LeftOutlined';\nexport default /*#__PURE__*/React.forwardRef(LeftOutlined);","// This icon file is generated automatically.\nvar LoadingOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"0 0 1024 1024\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z\" } }] }, \"name\": \"loading\", \"theme\": \"outlined\" };\nexport default LoadingOutlined;\n","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport * as React from 'react';\nimport LoadingOutlinedSvg from \"@ant-design/icons-svg/es/asn/LoadingOutlined\";\nimport AntdIcon from '../components/AntdIcon';\nvar LoadingOutlined = function LoadingOutlined(props, ref) {\n  return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread(_objectSpread({}, props), {}, {\n    ref: ref,\n    icon: LoadingOutlinedSvg\n  }));\n};\nLoadingOutlined.displayName = 'LoadingOutlined';\nexport default /*#__PURE__*/React.forwardRef(LoadingOutlined);","// This icon file is generated automatically.\nvar RightOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z\" } }] }, \"name\": \"right\", \"theme\": \"outlined\" };\nexport default RightOutlined;\n","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport * as React from 'react';\nimport RightOutlinedSvg from \"@ant-design/icons-svg/es/asn/RightOutlined\";\nimport AntdIcon from '../components/AntdIcon';\nvar RightOutlined = function RightOutlined(props, ref) {\n  return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread(_objectSpread({}, props), {}, {\n    ref: ref,\n    icon: RightOutlinedSvg\n  }));\n};\nRightOutlined.displayName = 'RightOutlined';\nexport default /*#__PURE__*/React.forwardRef(RightOutlined);","// This icon file is generated automatically.\nvar SearchOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z\" } }] }, \"name\": \"search\", \"theme\": \"outlined\" };\nexport default SearchOutlined;\n","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport * as React from 'react';\nimport SearchOutlinedSvg from \"@ant-design/icons-svg/es/asn/SearchOutlined\";\nimport AntdIcon from '../components/AntdIcon';\nvar SearchOutlined = function SearchOutlined(props, ref) {\n  return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread(_objectSpread({}, props), {}, {\n    ref: ref,\n    icon: SearchOutlinedSvg\n  }));\n};\nSearchOutlined.displayName = 'SearchOutlined';\nexport default /*#__PURE__*/React.forwardRef(SearchOutlined);","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nvar _typeof = require(\"@babel/runtime/helpers/typeof\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar _objectSpread2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectSpread2\"));\nvar _slicedToArray2 = _interopRequireDefault(require(\"@babel/runtime/helpers/slicedToArray\"));\nvar _defineProperty2 = _interopRequireDefault(require(\"@babel/runtime/helpers/defineProperty\"));\nvar _objectWithoutProperties2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectWithoutProperties\"));\nvar React = _interopRequireWildcard(require(\"react\"));\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\nvar _Context = _interopRequireDefault(require(\"./Context\"));\nvar _IconBase = _interopRequireDefault(require(\"./IconBase\"));\nvar _twoTonePrimaryColor = require(\"./twoTonePrimaryColor\");\nvar _utils = require(\"../utils\");\nvar _excluded = [\"className\", \"icon\", \"spin\", \"rotate\", \"tabIndex\", \"onClick\", \"twoToneColor\"];\nfunction _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== \"function\") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\nfunction _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== \"default\" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n// Initial setting\n// should move it to antd main repo?\n(0, _twoTonePrimaryColor.setTwoToneColor)('#1890ff');\nvar Icon = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  var _classNames;\n  var className = props.className,\n    icon = props.icon,\n    spin = props.spin,\n    rotate = props.rotate,\n    tabIndex = props.tabIndex,\n    onClick = props.onClick,\n    twoToneColor = props.twoToneColor,\n    restProps = (0, _objectWithoutProperties2.default)(props, _excluded);\n  var _React$useContext = React.useContext(_Context.default),\n    _React$useContext$pre = _React$useContext.prefixCls,\n    prefixCls = _React$useContext$pre === void 0 ? 'anticon' : _React$useContext$pre,\n    rootClassName = _React$useContext.rootClassName;\n  var classString = (0, _classnames.default)(rootClassName, prefixCls, (_classNames = {}, (0, _defineProperty2.default)(_classNames, \"\".concat(prefixCls, \"-\").concat(icon.name), !!icon.name), (0, _defineProperty2.default)(_classNames, \"\".concat(prefixCls, \"-spin\"), !!spin || icon.name === 'loading'), _classNames), className);\n  var iconTabIndex = tabIndex;\n  if (iconTabIndex === undefined && onClick) {\n    iconTabIndex = -1;\n  }\n  var svgStyle = rotate ? {\n    msTransform: \"rotate(\".concat(rotate, \"deg)\"),\n    transform: \"rotate(\".concat(rotate, \"deg)\")\n  } : undefined;\n  var _normalizeTwoToneColo = (0, _utils.normalizeTwoToneColors)(twoToneColor),\n    _normalizeTwoToneColo2 = (0, _slicedToArray2.default)(_normalizeTwoToneColo, 2),\n    primaryColor = _normalizeTwoToneColo2[0],\n    secondaryColor = _normalizeTwoToneColo2[1];\n  return /*#__PURE__*/React.createElement(\"span\", (0, _objectSpread2.default)((0, _objectSpread2.default)({\n    role: \"img\",\n    \"aria-label\": icon.name\n  }, restProps), {}, {\n    ref: ref,\n    tabIndex: iconTabIndex,\n    onClick: onClick,\n    className: classString\n  }), /*#__PURE__*/React.createElement(_IconBase.default, {\n    icon: icon,\n    primaryColor: primaryColor,\n    secondaryColor: secondaryColor,\n    style: svgStyle\n  }));\n});\nIcon.displayName = 'AntdIcon';\nIcon.getTwoToneColor = _twoTonePrimaryColor.getTwoToneColor;\nIcon.setTwoToneColor = _twoTonePrimaryColor.setTwoToneColor;\nvar _default = Icon;\nexports.default = _default;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar _react = require(\"react\");\nvar IconContext = /*#__PURE__*/(0, _react.createContext)({});\nvar _default = IconContext;\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar _objectWithoutProperties2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectWithoutProperties\"));\nvar _objectSpread2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectSpread2\"));\nvar _utils = require(\"../utils\");\nvar _excluded = [\"icon\", \"className\", \"onClick\", \"style\", \"primaryColor\", \"secondaryColor\"];\nvar twoToneColorPalette = {\n  primaryColor: '#333',\n  secondaryColor: '#E6E6E6',\n  calculated: false\n};\nfunction setTwoToneColors(_ref) {\n  var primaryColor = _ref.primaryColor,\n    secondaryColor = _ref.secondaryColor;\n  twoToneColorPalette.primaryColor = primaryColor;\n  twoToneColorPalette.secondaryColor = secondaryColor || (0, _utils.getSecondaryColor)(primaryColor);\n  twoToneColorPalette.calculated = !!secondaryColor;\n}\nfunction getTwoToneColors() {\n  return (0, _objectSpread2.default)({}, twoToneColorPalette);\n}\nvar IconBase = function IconBase(props) {\n  var icon = props.icon,\n    className = props.className,\n    onClick = props.onClick,\n    style = props.style,\n    primaryColor = props.primaryColor,\n    secondaryColor = props.secondaryColor,\n    restProps = (0, _objectWithoutProperties2.default)(props, _excluded);\n  var colors = twoToneColorPalette;\n  if (primaryColor) {\n    colors = {\n      primaryColor: primaryColor,\n      secondaryColor: secondaryColor || (0, _utils.getSecondaryColor)(primaryColor)\n    };\n  }\n  (0, _utils.useInsertStyles)();\n  (0, _utils.warning)((0, _utils.isIconDefinition)(icon), \"icon should be icon definiton, but got \".concat(icon));\n  if (!(0, _utils.isIconDefinition)(icon)) {\n    return null;\n  }\n  var target = icon;\n  if (target && typeof target.icon === 'function') {\n    target = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, target), {}, {\n      icon: target.icon(colors.primaryColor, colors.secondaryColor)\n    });\n  }\n  return (0, _utils.generate)(target.icon, \"svg-\".concat(target.name), (0, _objectSpread2.default)({\n    className: className,\n    onClick: onClick,\n    style: style,\n    'data-icon': target.name,\n    width: '1em',\n    height: '1em',\n    fill: 'currentColor',\n    'aria-hidden': 'true'\n  }, restProps));\n};\nIconBase.displayName = 'IconReact';\nIconBase.getTwoToneColors = getTwoToneColors;\nIconBase.setTwoToneColors = setTwoToneColors;\nvar _default = IconBase;\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.getTwoToneColor = getTwoToneColor;\nexports.setTwoToneColor = setTwoToneColor;\nvar _slicedToArray2 = _interopRequireDefault(require(\"@babel/runtime/helpers/slicedToArray\"));\nvar _IconBase = _interopRequireDefault(require(\"./IconBase\"));\nvar _utils = require(\"../utils\");\nfunction setTwoToneColor(twoToneColor) {\n  var _normalizeTwoToneColo = (0, _utils.normalizeTwoToneColors)(twoToneColor),\n    _normalizeTwoToneColo2 = (0, _slicedToArray2.default)(_normalizeTwoToneColo, 2),\n    primaryColor = _normalizeTwoToneColo2[0],\n    secondaryColor = _normalizeTwoToneColo2[1];\n  return _IconBase.default.setTwoToneColors({\n    primaryColor: primaryColor,\n    secondaryColor: secondaryColor\n  });\n}\nfunction getTwoToneColor() {\n  var colors = _IconBase.default.getTwoToneColors();\n  if (!colors.calculated) {\n    return colors.primaryColor;\n  }\n  return [colors.primaryColor, colors.secondaryColor];\n}","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nvar _typeof = require(\"@babel/runtime/helpers/typeof\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar _objectSpread2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectSpread2\"));\nvar React = _interopRequireWildcard(require(\"react\"));\nvar _CalendarOutlined = _interopRequireDefault(require(\"@ant-design/icons-svg/lib/asn/CalendarOutlined\"));\nvar _AntdIcon = _interopRequireDefault(require(\"../components/AntdIcon\"));\nfunction _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== \"function\") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\nfunction _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== \"default\" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\n\nvar CalendarOutlined = function CalendarOutlined(props, ref) {\n  return /*#__PURE__*/React.createElement(_AntdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {\n    ref: ref,\n    icon: _CalendarOutlined.default\n  }));\n};\nCalendarOutlined.displayName = 'CalendarOutlined';\nvar _default = /*#__PURE__*/React.forwardRef(CalendarOutlined);\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nvar _typeof = require(\"@babel/runtime/helpers/typeof\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar _objectSpread2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectSpread2\"));\nvar React = _interopRequireWildcard(require(\"react\"));\nvar _ClockCircleOutlined = _interopRequireDefault(require(\"@ant-design/icons-svg/lib/asn/ClockCircleOutlined\"));\nvar _AntdIcon = _interopRequireDefault(require(\"../components/AntdIcon\"));\nfunction _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== \"function\") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\nfunction _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== \"default\" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\n\nvar ClockCircleOutlined = function ClockCircleOutlined(props, ref) {\n  return /*#__PURE__*/React.createElement(_AntdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {\n    ref: ref,\n    icon: _ClockCircleOutlined.default\n  }));\n};\nClockCircleOutlined.displayName = 'ClockCircleOutlined';\nvar _default = /*#__PURE__*/React.forwardRef(ClockCircleOutlined);\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nvar _typeof = require(\"@babel/runtime/helpers/typeof\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar _objectSpread2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectSpread2\"));\nvar React = _interopRequireWildcard(require(\"react\"));\nvar _CloseCircleFilled = _interopRequireDefault(require(\"@ant-design/icons-svg/lib/asn/CloseCircleFilled\"));\nvar _AntdIcon = _interopRequireDefault(require(\"../components/AntdIcon\"));\nfunction _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== \"function\") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\nfunction _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== \"default\" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\n\nvar CloseCircleFilled = function CloseCircleFilled(props, ref) {\n  return /*#__PURE__*/React.createElement(_AntdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {\n    ref: ref,\n    icon: _CloseCircleFilled.default\n  }));\n};\nCloseCircleFilled.displayName = 'CloseCircleFilled';\nvar _default = /*#__PURE__*/React.forwardRef(CloseCircleFilled);\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nvar _typeof = require(\"@babel/runtime/helpers/typeof\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar _objectSpread2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectSpread2\"));\nvar React = _interopRequireWildcard(require(\"react\"));\nvar _LoadingOutlined = _interopRequireDefault(require(\"@ant-design/icons-svg/lib/asn/LoadingOutlined\"));\nvar _AntdIcon = _interopRequireDefault(require(\"../components/AntdIcon\"));\nfunction _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== \"function\") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\nfunction _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== \"default\" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\n\nvar LoadingOutlined = function LoadingOutlined(props, ref) {\n  return /*#__PURE__*/React.createElement(_AntdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {\n    ref: ref,\n    icon: _LoadingOutlined.default\n  }));\n};\nLoadingOutlined.displayName = 'LoadingOutlined';\nvar _default = /*#__PURE__*/React.forwardRef(LoadingOutlined);\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nvar _typeof = require(\"@babel/runtime/helpers/typeof\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar _objectSpread2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectSpread2\"));\nvar React = _interopRequireWildcard(require(\"react\"));\nvar _SwapRightOutlined = _interopRequireDefault(require(\"@ant-design/icons-svg/lib/asn/SwapRightOutlined\"));\nvar _AntdIcon = _interopRequireDefault(require(\"../components/AntdIcon\"));\nfunction _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== \"function\") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\nfunction _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== \"default\" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\n\nvar SwapRightOutlined = function SwapRightOutlined(props, ref) {\n  return /*#__PURE__*/React.createElement(_AntdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {\n    ref: ref,\n    icon: _SwapRightOutlined.default\n  }));\n};\nSwapRightOutlined.displayName = 'SwapRightOutlined';\nvar _default = /*#__PURE__*/React.forwardRef(SwapRightOutlined);\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nvar _typeof3 = require(\"@babel/runtime/helpers/typeof\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.generate = generate;\nexports.getSecondaryColor = getSecondaryColor;\nexports.iconStyles = void 0;\nexports.isIconDefinition = isIconDefinition;\nexports.normalizeAttrs = normalizeAttrs;\nexports.normalizeTwoToneColors = normalizeTwoToneColors;\nexports.useInsertStyles = exports.svgBaseProps = void 0;\nexports.warning = warning;\nvar _objectSpread2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectSpread2\"));\nvar _typeof2 = _interopRequireDefault(require(\"@babel/runtime/helpers/typeof\"));\nvar _colors = require(\"@ant-design/colors\");\nvar _react = _interopRequireWildcard(require(\"react\"));\nvar _warning = _interopRequireDefault(require(\"rc-util/lib/warning\"));\nvar _dynamicCSS = require(\"rc-util/lib/Dom/dynamicCSS\");\nvar _Context = _interopRequireDefault(require(\"./components/Context\"));\nfunction _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== \"function\") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\nfunction _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== \"object\" && typeof obj !== \"function\") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== \"default\" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\nfunction warning(valid, message) {\n  (0, _warning.default)(valid, \"[@ant-design/icons] \".concat(message));\n}\nfunction isIconDefinition(target) {\n  return (0, _typeof2.default)(target) === 'object' && typeof target.name === 'string' && typeof target.theme === 'string' && ((0, _typeof2.default)(target.icon) === 'object' || typeof target.icon === 'function');\n}\nfunction normalizeAttrs() {\n  var attrs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  return Object.keys(attrs).reduce(function (acc, key) {\n    var val = attrs[key];\n    switch (key) {\n      case 'class':\n        acc.className = val;\n        delete acc.class;\n        break;\n      default:\n        acc[key] = val;\n    }\n    return acc;\n  }, {});\n}\nfunction generate(node, key, rootProps) {\n  if (!rootProps) {\n    return /*#__PURE__*/_react.default.createElement(node.tag, (0, _objectSpread2.default)({\n      key: key\n    }, normalizeAttrs(node.attrs)), (node.children || []).map(function (child, index) {\n      return generate(child, \"\".concat(key, \"-\").concat(node.tag, \"-\").concat(index));\n    }));\n  }\n  return /*#__PURE__*/_react.default.createElement(node.tag, (0, _objectSpread2.default)((0, _objectSpread2.default)({\n    key: key\n  }, normalizeAttrs(node.attrs)), rootProps), (node.children || []).map(function (child, index) {\n    return generate(child, \"\".concat(key, \"-\").concat(node.tag, \"-\").concat(index));\n  }));\n}\nfunction getSecondaryColor(primaryColor) {\n  // choose the second color\n  return (0, _colors.generate)(primaryColor)[0];\n}\nfunction normalizeTwoToneColors(twoToneColor) {\n  if (!twoToneColor) {\n    return [];\n  }\n  return Array.isArray(twoToneColor) ? twoToneColor : [twoToneColor];\n}\n// These props make sure that the SVG behaviours like general text.\n// Reference: https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4\nvar svgBaseProps = {\n  width: '1em',\n  height: '1em',\n  fill: 'currentColor',\n  'aria-hidden': 'true',\n  focusable: 'false'\n};\nexports.svgBaseProps = svgBaseProps;\nvar iconStyles = \"\\n.anticon {\\n  display: inline-block;\\n  color: inherit;\\n  font-style: normal;\\n  line-height: 0;\\n  text-align: center;\\n  text-transform: none;\\n  vertical-align: -0.125em;\\n  text-rendering: optimizeLegibility;\\n  -webkit-font-smoothing: antialiased;\\n  -moz-osx-font-smoothing: grayscale;\\n}\\n\\n.anticon > * {\\n  line-height: 1;\\n}\\n\\n.anticon svg {\\n  display: inline-block;\\n}\\n\\n.anticon::before {\\n  display: none;\\n}\\n\\n.anticon .anticon-icon {\\n  display: block;\\n}\\n\\n.anticon[tabindex] {\\n  cursor: pointer;\\n}\\n\\n.anticon-spin::before,\\n.anticon-spin {\\n  display: inline-block;\\n  -webkit-animation: loadingCircle 1s infinite linear;\\n  animation: loadingCircle 1s infinite linear;\\n}\\n\\n@-webkit-keyframes loadingCircle {\\n  100% {\\n    -webkit-transform: rotate(360deg);\\n    transform: rotate(360deg);\\n  }\\n}\\n\\n@keyframes loadingCircle {\\n  100% {\\n    -webkit-transform: rotate(360deg);\\n    transform: rotate(360deg);\\n  }\\n}\\n\";\nexports.iconStyles = iconStyles;\nvar useInsertStyles = function useInsertStyles() {\n  var styleStr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : iconStyles;\n  var _useContext = (0, _react.useContext)(_Context.default),\n    csp = _useContext.csp;\n  (0, _react.useEffect)(function () {\n    (0, _dynamicCSS.updateCSS)(styleStr, '@ant-design-icons', {\n      prepend: true,\n      csp: csp\n    });\n  }, []);\n};\nexports.useInsertStyles = useInsertStyles;","import { bound01, pad2 } from './util.js';\n// `rgbToHsl`, `rgbToHsv`, `hslToRgb`, `hsvToRgb` modified from:\n// <http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript>\n/**\n * Handle bounds / percentage checking to conform to CSS color spec\n * <http://www.w3.org/TR/css3-color/>\n * *Assumes:* r, g, b in [0, 255] or [0, 1]\n * *Returns:* { r, g, b } in [0, 255]\n */\nexport function rgbToRgb(r, g, b) {\n    return {\n        r: bound01(r, 255) * 255,\n        g: bound01(g, 255) * 255,\n        b: bound01(b, 255) * 255,\n    };\n}\n/**\n * Converts an RGB color value to HSL.\n * *Assumes:* r, g, and b are contained in [0, 255] or [0, 1]\n * *Returns:* { h, s, l } in [0,1]\n */\nexport function rgbToHsl(r, g, b) {\n    r = bound01(r, 255);\n    g = bound01(g, 255);\n    b = bound01(b, 255);\n    var max = Math.max(r, g, b);\n    var min = Math.min(r, g, b);\n    var h = 0;\n    var s = 0;\n    var l = (max + min) / 2;\n    if (max === min) {\n        s = 0;\n        h = 0; // achromatic\n    }\n    else {\n        var d = max - min;\n        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n        switch (max) {\n            case r:\n                h = (g - b) / d + (g < b ? 6 : 0);\n                break;\n            case g:\n                h = (b - r) / d + 2;\n                break;\n            case b:\n                h = (r - g) / d + 4;\n                break;\n            default:\n                break;\n        }\n        h /= 6;\n    }\n    return { h: h, s: s, l: l };\n}\nfunction hue2rgb(p, q, t) {\n    if (t < 0) {\n        t += 1;\n    }\n    if (t > 1) {\n        t -= 1;\n    }\n    if (t < 1 / 6) {\n        return p + (q - p) * (6 * t);\n    }\n    if (t < 1 / 2) {\n        return q;\n    }\n    if (t < 2 / 3) {\n        return p + (q - p) * (2 / 3 - t) * 6;\n    }\n    return p;\n}\n/**\n * Converts an HSL color value to RGB.\n *\n * *Assumes:* h is contained in [0, 1] or [0, 360] and s and l are contained [0, 1] or [0, 100]\n * *Returns:* { r, g, b } in the set [0, 255]\n */\nexport function hslToRgb(h, s, l) {\n    var r;\n    var g;\n    var b;\n    h = bound01(h, 360);\n    s = bound01(s, 100);\n    l = bound01(l, 100);\n    if (s === 0) {\n        // achromatic\n        g = l;\n        b = l;\n        r = l;\n    }\n    else {\n        var q = l < 0.5 ? l * (1 + s) : l + s - l * s;\n        var p = 2 * l - q;\n        r = hue2rgb(p, q, h + 1 / 3);\n        g = hue2rgb(p, q, h);\n        b = hue2rgb(p, q, h - 1 / 3);\n    }\n    return { r: r * 255, g: g * 255, b: b * 255 };\n}\n/**\n * Converts an RGB color value to HSV\n *\n * *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1]\n * *Returns:* { h, s, v } in [0,1]\n */\nexport function rgbToHsv(r, g, b) {\n    r = bound01(r, 255);\n    g = bound01(g, 255);\n    b = bound01(b, 255);\n    var max = Math.max(r, g, b);\n    var min = Math.min(r, g, b);\n    var h = 0;\n    var v = max;\n    var d = max - min;\n    var s = max === 0 ? 0 : d / max;\n    if (max === min) {\n        h = 0; // achromatic\n    }\n    else {\n        switch (max) {\n            case r:\n                h = (g - b) / d + (g < b ? 6 : 0);\n                break;\n            case g:\n                h = (b - r) / d + 2;\n                break;\n            case b:\n                h = (r - g) / d + 4;\n                break;\n            default:\n                break;\n        }\n        h /= 6;\n    }\n    return { h: h, s: s, v: v };\n}\n/**\n * Converts an HSV color value to RGB.\n *\n * *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100]\n * *Returns:* { r, g, b } in the set [0, 255]\n */\nexport function hsvToRgb(h, s, v) {\n    h = bound01(h, 360) * 6;\n    s = bound01(s, 100);\n    v = bound01(v, 100);\n    var i = Math.floor(h);\n    var f = h - i;\n    var p = v * (1 - s);\n    var q = v * (1 - f * s);\n    var t = v * (1 - (1 - f) * s);\n    var mod = i % 6;\n    var r = [v, q, p, p, t, v][mod];\n    var g = [t, v, v, q, p, p][mod];\n    var b = [p, p, t, v, v, q][mod];\n    return { r: r * 255, g: g * 255, b: b * 255 };\n}\n/**\n * Converts an RGB color to hex\n *\n * Assumes r, g, and b are contained in the set [0, 255]\n * Returns a 3 or 6 character hex\n */\nexport function rgbToHex(r, g, b, allow3Char) {\n    var hex = [\n        pad2(Math.round(r).toString(16)),\n        pad2(Math.round(g).toString(16)),\n        pad2(Math.round(b).toString(16)),\n    ];\n    // Return a 3 character hex if possible\n    if (allow3Char &&\n        hex[0].startsWith(hex[0].charAt(1)) &&\n        hex[1].startsWith(hex[1].charAt(1)) &&\n        hex[2].startsWith(hex[2].charAt(1))) {\n        return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0);\n    }\n    return hex.join('');\n}\n/**\n * Converts an RGBA color plus alpha transparency to hex\n *\n * Assumes r, g, b are contained in the set [0, 255] and\n * a in [0, 1]. Returns a 4 or 8 character rgba hex\n */\n// eslint-disable-next-line max-params\nexport function rgbaToHex(r, g, b, a, allow4Char) {\n    var hex = [\n        pad2(Math.round(r).toString(16)),\n        pad2(Math.round(g).toString(16)),\n        pad2(Math.round(b).toString(16)),\n        pad2(convertDecimalToHex(a)),\n    ];\n    // Return a 4 character hex if possible\n    if (allow4Char &&\n        hex[0].startsWith(hex[0].charAt(1)) &&\n        hex[1].startsWith(hex[1].charAt(1)) &&\n        hex[2].startsWith(hex[2].charAt(1)) &&\n        hex[3].startsWith(hex[3].charAt(1))) {\n        return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0);\n    }\n    return hex.join('');\n}\n/**\n * Converts an RGBA color to an ARGB Hex8 string\n * Rarely used, but required for \"toFilter()\"\n */\nexport function rgbaToArgbHex(r, g, b, a) {\n    var hex = [\n        pad2(convertDecimalToHex(a)),\n        pad2(Math.round(r).toString(16)),\n        pad2(Math.round(g).toString(16)),\n        pad2(Math.round(b).toString(16)),\n    ];\n    return hex.join('');\n}\n/** Converts a decimal to a hex value */\nexport function convertDecimalToHex(d) {\n    return Math.round(parseFloat(d) * 255).toString(16);\n}\n/** Converts a hex value to a decimal */\nexport function convertHexToDecimal(h) {\n    return parseIntFromHex(h) / 255;\n}\n/** Parse a base-16 hex value into a base-10 integer */\nexport function parseIntFromHex(val) {\n    return parseInt(val, 16);\n}\nexport function numberInputToObject(color) {\n    return {\n        r: color >> 16,\n        g: (color & 0xff00) >> 8,\n        b: color & 0xff,\n    };\n}\n","// https://github.com/bahamas10/css-color-names/blob/master/css-color-names.json\n/**\n * @hidden\n */\nexport var names = {\n    aliceblue: '#f0f8ff',\n    antiquewhite: '#faebd7',\n    aqua: '#00ffff',\n    aquamarine: '#7fffd4',\n    azure: '#f0ffff',\n    beige: '#f5f5dc',\n    bisque: '#ffe4c4',\n    black: '#000000',\n    blanchedalmond: '#ffebcd',\n    blue: '#0000ff',\n    blueviolet: '#8a2be2',\n    brown: '#a52a2a',\n    burlywood: '#deb887',\n    cadetblue: '#5f9ea0',\n    chartreuse: '#7fff00',\n    chocolate: '#d2691e',\n    coral: '#ff7f50',\n    cornflowerblue: '#6495ed',\n    cornsilk: '#fff8dc',\n    crimson: '#dc143c',\n    cyan: '#00ffff',\n    darkblue: '#00008b',\n    darkcyan: '#008b8b',\n    darkgoldenrod: '#b8860b',\n    darkgray: '#a9a9a9',\n    darkgreen: '#006400',\n    darkgrey: '#a9a9a9',\n    darkkhaki: '#bdb76b',\n    darkmagenta: '#8b008b',\n    darkolivegreen: '#556b2f',\n    darkorange: '#ff8c00',\n    darkorchid: '#9932cc',\n    darkred: '#8b0000',\n    darksalmon: '#e9967a',\n    darkseagreen: '#8fbc8f',\n    darkslateblue: '#483d8b',\n    darkslategray: '#2f4f4f',\n    darkslategrey: '#2f4f4f',\n    darkturquoise: '#00ced1',\n    darkviolet: '#9400d3',\n    deeppink: '#ff1493',\n    deepskyblue: '#00bfff',\n    dimgray: '#696969',\n    dimgrey: '#696969',\n    dodgerblue: '#1e90ff',\n    firebrick: '#b22222',\n    floralwhite: '#fffaf0',\n    forestgreen: '#228b22',\n    fuchsia: '#ff00ff',\n    gainsboro: '#dcdcdc',\n    ghostwhite: '#f8f8ff',\n    goldenrod: '#daa520',\n    gold: '#ffd700',\n    gray: '#808080',\n    green: '#008000',\n    greenyellow: '#adff2f',\n    grey: '#808080',\n    honeydew: '#f0fff0',\n    hotpink: '#ff69b4',\n    indianred: '#cd5c5c',\n    indigo: '#4b0082',\n    ivory: '#fffff0',\n    khaki: '#f0e68c',\n    lavenderblush: '#fff0f5',\n    lavender: '#e6e6fa',\n    lawngreen: '#7cfc00',\n    lemonchiffon: '#fffacd',\n    lightblue: '#add8e6',\n    lightcoral: '#f08080',\n    lightcyan: '#e0ffff',\n    lightgoldenrodyellow: '#fafad2',\n    lightgray: '#d3d3d3',\n    lightgreen: '#90ee90',\n    lightgrey: '#d3d3d3',\n    lightpink: '#ffb6c1',\n    lightsalmon: '#ffa07a',\n    lightseagreen: '#20b2aa',\n    lightskyblue: '#87cefa',\n    lightslategray: '#778899',\n    lightslategrey: '#778899',\n    lightsteelblue: '#b0c4de',\n    lightyellow: '#ffffe0',\n    lime: '#00ff00',\n    limegreen: '#32cd32',\n    linen: '#faf0e6',\n    magenta: '#ff00ff',\n    maroon: '#800000',\n    mediumaquamarine: '#66cdaa',\n    mediumblue: '#0000cd',\n    mediumorchid: '#ba55d3',\n    mediumpurple: '#9370db',\n    mediumseagreen: '#3cb371',\n    mediumslateblue: '#7b68ee',\n    mediumspringgreen: '#00fa9a',\n    mediumturquoise: '#48d1cc',\n    mediumvioletred: '#c71585',\n    midnightblue: '#191970',\n    mintcream: '#f5fffa',\n    mistyrose: '#ffe4e1',\n    moccasin: '#ffe4b5',\n    navajowhite: '#ffdead',\n    navy: '#000080',\n    oldlace: '#fdf5e6',\n    olive: '#808000',\n    olivedrab: '#6b8e23',\n    orange: '#ffa500',\n    orangered: '#ff4500',\n    orchid: '#da70d6',\n    palegoldenrod: '#eee8aa',\n    palegreen: '#98fb98',\n    paleturquoise: '#afeeee',\n    palevioletred: '#db7093',\n    papayawhip: '#ffefd5',\n    peachpuff: '#ffdab9',\n    peru: '#cd853f',\n    pink: '#ffc0cb',\n    plum: '#dda0dd',\n    powderblue: '#b0e0e6',\n    purple: '#800080',\n    rebeccapurple: '#663399',\n    red: '#ff0000',\n    rosybrown: '#bc8f8f',\n    royalblue: '#4169e1',\n    saddlebrown: '#8b4513',\n    salmon: '#fa8072',\n    sandybrown: '#f4a460',\n    seagreen: '#2e8b57',\n    seashell: '#fff5ee',\n    sienna: '#a0522d',\n    silver: '#c0c0c0',\n    skyblue: '#87ceeb',\n    slateblue: '#6a5acd',\n    slategray: '#708090',\n    slategrey: '#708090',\n    snow: '#fffafa',\n    springgreen: '#00ff7f',\n    steelblue: '#4682b4',\n    tan: '#d2b48c',\n    teal: '#008080',\n    thistle: '#d8bfd8',\n    tomato: '#ff6347',\n    turquoise: '#40e0d0',\n    violet: '#ee82ee',\n    wheat: '#f5deb3',\n    white: '#ffffff',\n    whitesmoke: '#f5f5f5',\n    yellow: '#ffff00',\n    yellowgreen: '#9acd32',\n};\n","/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport { convertHexToDecimal, hslToRgb, hsvToRgb, parseIntFromHex, rgbToRgb, } from './conversion.js';\nimport { names } from './css-color-names.js';\nimport { boundAlpha, convertToPercentage } from './util.js';\n/**\n * Given a string or object, convert that input to RGB\n *\n * Possible string inputs:\n * ```\n * \"red\"\n * \"#f00\" or \"f00\"\n * \"#ff0000\" or \"ff0000\"\n * \"#ff000000\" or \"ff000000\"\n * \"rgb 255 0 0\" or \"rgb (255, 0, 0)\"\n * \"rgb 1.0 0 0\" or \"rgb (1, 0, 0)\"\n * \"rgba (255, 0, 0, 1)\" or \"rgba 255, 0, 0, 1\"\n * \"rgba (1.0, 0, 0, 1)\" or \"rgba 1.0, 0, 0, 1\"\n * \"hsl(0, 100%, 50%)\" or \"hsl 0 100% 50%\"\n * \"hsla(0, 100%, 50%, 1)\" or \"hsla 0 100% 50%, 1\"\n * \"hsv(0, 100%, 100%)\" or \"hsv 0 100% 100%\"\n * ```\n */\nexport function inputToRGB(color) {\n    var rgb = { r: 0, g: 0, b: 0 };\n    var a = 1;\n    var s = null;\n    var v = null;\n    var l = null;\n    var ok = false;\n    var format = false;\n    if (typeof color === 'string') {\n        color = stringInputToObject(color);\n    }\n    if (typeof color === 'object') {\n        if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {\n            rgb = rgbToRgb(color.r, color.g, color.b);\n            ok = true;\n            format = String(color.r).substr(-1) === '%' ? 'prgb' : 'rgb';\n        }\n        else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {\n            s = convertToPercentage(color.s);\n            v = convertToPercentage(color.v);\n            rgb = hsvToRgb(color.h, s, v);\n            ok = true;\n            format = 'hsv';\n        }\n        else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {\n            s = convertToPercentage(color.s);\n            l = convertToPercentage(color.l);\n            rgb = hslToRgb(color.h, s, l);\n            ok = true;\n            format = 'hsl';\n        }\n        if (Object.prototype.hasOwnProperty.call(color, 'a')) {\n            a = color.a;\n        }\n    }\n    a = boundAlpha(a);\n    return {\n        ok: ok,\n        format: color.format || format,\n        r: Math.min(255, Math.max(rgb.r, 0)),\n        g: Math.min(255, Math.max(rgb.g, 0)),\n        b: Math.min(255, Math.max(rgb.b, 0)),\n        a: a,\n    };\n}\n// <http://www.w3.org/TR/css3-values/#integers>\nvar CSS_INTEGER = '[-\\\\+]?\\\\d+%?';\n// <http://www.w3.org/TR/css3-values/#number-value>\nvar CSS_NUMBER = '[-\\\\+]?\\\\d*\\\\.\\\\d+%?';\n// Allow positive/negative integer/number.  Don't capture the either/or, just the entire outcome.\nvar CSS_UNIT = \"(?:\".concat(CSS_NUMBER, \")|(?:\").concat(CSS_INTEGER, \")\");\n// Actual matching.\n// Parentheses and commas are optional, but not required.\n// Whitespace can take the place of commas or opening paren\nvar PERMISSIVE_MATCH3 = \"[\\\\s|\\\\(]+(\".concat(CSS_UNIT, \")[,|\\\\s]+(\").concat(CSS_UNIT, \")[,|\\\\s]+(\").concat(CSS_UNIT, \")\\\\s*\\\\)?\");\nvar PERMISSIVE_MATCH4 = \"[\\\\s|\\\\(]+(\".concat(CSS_UNIT, \")[,|\\\\s]+(\").concat(CSS_UNIT, \")[,|\\\\s]+(\").concat(CSS_UNIT, \")[,|\\\\s]+(\").concat(CSS_UNIT, \")\\\\s*\\\\)?\");\nvar matchers = {\n    CSS_UNIT: new RegExp(CSS_UNIT),\n    rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),\n    rgba: new RegExp('rgba' + PERMISSIVE_MATCH4),\n    hsl: new RegExp('hsl' + PERMISSIVE_MATCH3),\n    hsla: new RegExp('hsla' + PERMISSIVE_MATCH4),\n    hsv: new RegExp('hsv' + PERMISSIVE_MATCH3),\n    hsva: new RegExp('hsva' + PERMISSIVE_MATCH4),\n    hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,\n    hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,\n    hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,\n    hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,\n};\n/**\n * Permissive string parsing.  Take in a number of formats, and output an object\n * based on detected format.  Returns `{ r, g, b }` or `{ h, s, l }` or `{ h, s, v}`\n */\nexport function stringInputToObject(color) {\n    color = color.trim().toLowerCase();\n    if (color.length === 0) {\n        return false;\n    }\n    var named = false;\n    if (names[color]) {\n        color = names[color];\n        named = true;\n    }\n    else if (color === 'transparent') {\n        return { r: 0, g: 0, b: 0, a: 0, format: 'name' };\n    }\n    // Try to match string input using regular expressions.\n    // Keep most of the number bounding out of this function - don't worry about [0,1] or [0,100] or [0,360]\n    // Just return an object and let the conversion functions handle that.\n    // This way the result will be the same whether the tinycolor is initialized with string or object.\n    var match = matchers.rgb.exec(color);\n    if (match) {\n        return { r: match[1], g: match[2], b: match[3] };\n    }\n    match = matchers.rgba.exec(color);\n    if (match) {\n        return { r: match[1], g: match[2], b: match[3], a: match[4] };\n    }\n    match = matchers.hsl.exec(color);\n    if (match) {\n        return { h: match[1], s: match[2], l: match[3] };\n    }\n    match = matchers.hsla.exec(color);\n    if (match) {\n        return { h: match[1], s: match[2], l: match[3], a: match[4] };\n    }\n    match = matchers.hsv.exec(color);\n    if (match) {\n        return { h: match[1], s: match[2], v: match[3] };\n    }\n    match = matchers.hsva.exec(color);\n    if (match) {\n        return { h: match[1], s: match[2], v: match[3], a: match[4] };\n    }\n    match = matchers.hex8.exec(color);\n    if (match) {\n        return {\n            r: parseIntFromHex(match[1]),\n            g: parseIntFromHex(match[2]),\n            b: parseIntFromHex(match[3]),\n            a: convertHexToDecimal(match[4]),\n            format: named ? 'name' : 'hex8',\n        };\n    }\n    match = matchers.hex6.exec(color);\n    if (match) {\n        return {\n            r: parseIntFromHex(match[1]),\n            g: parseIntFromHex(match[2]),\n            b: parseIntFromHex(match[3]),\n            format: named ? 'name' : 'hex',\n        };\n    }\n    match = matchers.hex4.exec(color);\n    if (match) {\n        return {\n            r: parseIntFromHex(match[1] + match[1]),\n            g: parseIntFromHex(match[2] + match[2]),\n            b: parseIntFromHex(match[3] + match[3]),\n            a: convertHexToDecimal(match[4] + match[4]),\n            format: named ? 'name' : 'hex8',\n        };\n    }\n    match = matchers.hex3.exec(color);\n    if (match) {\n        return {\n            r: parseIntFromHex(match[1] + match[1]),\n            g: parseIntFromHex(match[2] + match[2]),\n            b: parseIntFromHex(match[3] + match[3]),\n            format: named ? 'name' : 'hex',\n        };\n    }\n    return false;\n}\n/**\n * Check to see if it looks like a CSS unit\n * (see `matchers` above for definition).\n */\nexport function isValidCSSUnit(color) {\n    return Boolean(matchers.CSS_UNIT.exec(String(color)));\n}\n","import { numberInputToObject, rgbaToHex, rgbToHex, rgbToHsl, rgbToHsv } from './conversion.js';\nimport { names } from './css-color-names.js';\nimport { inputToRGB } from './format-input';\nimport { bound01, boundAlpha, clamp01 } from './util.js';\nvar TinyColor = /** @class */ (function () {\n    function TinyColor(color, opts) {\n        if (color === void 0) { color = ''; }\n        if (opts === void 0) { opts = {}; }\n        var _a;\n        // If input is already a tinycolor, return itself\n        if (color instanceof TinyColor) {\n            // eslint-disable-next-line no-constructor-return\n            return color;\n        }\n        if (typeof color === 'number') {\n            color = numberInputToObject(color);\n        }\n        this.originalInput = color;\n        var rgb = inputToRGB(color);\n        this.originalInput = color;\n        this.r = rgb.r;\n        this.g = rgb.g;\n        this.b = rgb.b;\n        this.a = rgb.a;\n        this.roundA = Math.round(100 * this.a) / 100;\n        this.format = (_a = opts.format) !== null && _a !== void 0 ? _a : rgb.format;\n        this.gradientType = opts.gradientType;\n        // Don't let the range of [0,255] come back in [0,1].\n        // Potentially lose a little bit of precision here, but will fix issues where\n        // .5 gets interpreted as half of the total, instead of half of 1\n        // If it was supposed to be 128, this was already taken care of by `inputToRgb`\n        if (this.r < 1) {\n            this.r = Math.round(this.r);\n        }\n        if (this.g < 1) {\n            this.g = Math.round(this.g);\n        }\n        if (this.b < 1) {\n            this.b = Math.round(this.b);\n        }\n        this.isValid = rgb.ok;\n    }\n    TinyColor.prototype.isDark = function () {\n        return this.getBrightness() < 128;\n    };\n    TinyColor.prototype.isLight = function () {\n        return !this.isDark();\n    };\n    /**\n     * Returns the perceived brightness of the color, from 0-255.\n     */\n    TinyColor.prototype.getBrightness = function () {\n        // http://www.w3.org/TR/AERT#color-contrast\n        var rgb = this.toRgb();\n        return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000;\n    };\n    /**\n     * Returns the perceived luminance of a color, from 0-1.\n     */\n    TinyColor.prototype.getLuminance = function () {\n        // http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef\n        var rgb = this.toRgb();\n        var R;\n        var G;\n        var B;\n        var RsRGB = rgb.r / 255;\n        var GsRGB = rgb.g / 255;\n        var BsRGB = rgb.b / 255;\n        if (RsRGB <= 0.03928) {\n            R = RsRGB / 12.92;\n        }\n        else {\n            // eslint-disable-next-line prefer-exponentiation-operator\n            R = Math.pow((RsRGB + 0.055) / 1.055, 2.4);\n        }\n        if (GsRGB <= 0.03928) {\n            G = GsRGB / 12.92;\n        }\n        else {\n            // eslint-disable-next-line prefer-exponentiation-operator\n            G = Math.pow((GsRGB + 0.055) / 1.055, 2.4);\n        }\n        if (BsRGB <= 0.03928) {\n            B = BsRGB / 12.92;\n        }\n        else {\n            // eslint-disable-next-line prefer-exponentiation-operator\n            B = Math.pow((BsRGB + 0.055) / 1.055, 2.4);\n        }\n        return 0.2126 * R + 0.7152 * G + 0.0722 * B;\n    };\n    /**\n     * Returns the alpha value of a color, from 0-1.\n     */\n    TinyColor.prototype.getAlpha = function () {\n        return this.a;\n    };\n    /**\n     * Sets the alpha value on the current color.\n     *\n     * @param alpha - The new alpha value. The accepted range is 0-1.\n     */\n    TinyColor.prototype.setAlpha = function (alpha) {\n        this.a = boundAlpha(alpha);\n        this.roundA = Math.round(100 * this.a) / 100;\n        return this;\n    };\n    /**\n     * Returns whether the color is monochrome.\n     */\n    TinyColor.prototype.isMonochrome = function () {\n        var s = this.toHsl().s;\n        return s === 0;\n    };\n    /**\n     * Returns the object as a HSVA object.\n     */\n    TinyColor.prototype.toHsv = function () {\n        var hsv = rgbToHsv(this.r, this.g, this.b);\n        return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this.a };\n    };\n    /**\n     * Returns the hsva values interpolated into a string with the following format:\n     * \"hsva(xxx, xxx, xxx, xx)\".\n     */\n    TinyColor.prototype.toHsvString = function () {\n        var hsv = rgbToHsv(this.r, this.g, this.b);\n        var h = Math.round(hsv.h * 360);\n        var s = Math.round(hsv.s * 100);\n        var v = Math.round(hsv.v * 100);\n        return this.a === 1 ? \"hsv(\".concat(h, \", \").concat(s, \"%, \").concat(v, \"%)\") : \"hsva(\".concat(h, \", \").concat(s, \"%, \").concat(v, \"%, \").concat(this.roundA, \")\");\n    };\n    /**\n     * Returns the object as a HSLA object.\n     */\n    TinyColor.prototype.toHsl = function () {\n        var hsl = rgbToHsl(this.r, this.g, this.b);\n        return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this.a };\n    };\n    /**\n     * Returns the hsla values interpolated into a string with the following format:\n     * \"hsla(xxx, xxx, xxx, xx)\".\n     */\n    TinyColor.prototype.toHslString = function () {\n        var hsl = rgbToHsl(this.r, this.g, this.b);\n        var h = Math.round(hsl.h * 360);\n        var s = Math.round(hsl.s * 100);\n        var l = Math.round(hsl.l * 100);\n        return this.a === 1 ? \"hsl(\".concat(h, \", \").concat(s, \"%, \").concat(l, \"%)\") : \"hsla(\".concat(h, \", \").concat(s, \"%, \").concat(l, \"%, \").concat(this.roundA, \")\");\n    };\n    /**\n     * Returns the hex value of the color.\n     * @param allow3Char will shorten hex value to 3 char if possible\n     */\n    TinyColor.prototype.toHex = function (allow3Char) {\n        if (allow3Char === void 0) { allow3Char = false; }\n        return rgbToHex(this.r, this.g, this.b, allow3Char);\n    };\n    /**\n     * Returns the hex value of the color -with a # prefixed.\n     * @param allow3Char will shorten hex value to 3 char if possible\n     */\n    TinyColor.prototype.toHexString = function (allow3Char) {\n        if (allow3Char === void 0) { allow3Char = false; }\n        return '#' + this.toHex(allow3Char);\n    };\n    /**\n     * Returns the hex 8 value of the color.\n     * @param allow4Char will shorten hex value to 4 char if possible\n     */\n    TinyColor.prototype.toHex8 = function (allow4Char) {\n        if (allow4Char === void 0) { allow4Char = false; }\n        return rgbaToHex(this.r, this.g, this.b, this.a, allow4Char);\n    };\n    /**\n     * Returns the hex 8 value of the color -with a # prefixed.\n     * @param allow4Char will shorten hex value to 4 char if possible\n     */\n    TinyColor.prototype.toHex8String = function (allow4Char) {\n        if (allow4Char === void 0) { allow4Char = false; }\n        return '#' + this.toHex8(allow4Char);\n    };\n    /**\n     * Returns the shorter hex value of the color depends on its alpha -with a # prefixed.\n     * @param allowShortChar will shorten hex value to 3 or 4 char if possible\n     */\n    TinyColor.prototype.toHexShortString = function (allowShortChar) {\n        if (allowShortChar === void 0) { allowShortChar = false; }\n        return this.a === 1 ? this.toHexString(allowShortChar) : this.toHex8String(allowShortChar);\n    };\n    /**\n     * Returns the object as a RGBA object.\n     */\n    TinyColor.prototype.toRgb = function () {\n        return {\n            r: Math.round(this.r),\n            g: Math.round(this.g),\n            b: Math.round(this.b),\n            a: this.a,\n        };\n    };\n    /**\n     * Returns the RGBA values interpolated into a string with the following format:\n     * \"RGBA(xxx, xxx, xxx, xx)\".\n     */\n    TinyColor.prototype.toRgbString = function () {\n        var r = Math.round(this.r);\n        var g = Math.round(this.g);\n        var b = Math.round(this.b);\n        return this.a === 1 ? \"rgb(\".concat(r, \", \").concat(g, \", \").concat(b, \")\") : \"rgba(\".concat(r, \", \").concat(g, \", \").concat(b, \", \").concat(this.roundA, \")\");\n    };\n    /**\n     * Returns the object as a RGBA object.\n     */\n    TinyColor.prototype.toPercentageRgb = function () {\n        var fmt = function (x) { return \"\".concat(Math.round(bound01(x, 255) * 100), \"%\"); };\n        return {\n            r: fmt(this.r),\n            g: fmt(this.g),\n            b: fmt(this.b),\n            a: this.a,\n        };\n    };\n    /**\n     * Returns the RGBA relative values interpolated into a string\n     */\n    TinyColor.prototype.toPercentageRgbString = function () {\n        var rnd = function (x) { return Math.round(bound01(x, 255) * 100); };\n        return this.a === 1\n            ? \"rgb(\".concat(rnd(this.r), \"%, \").concat(rnd(this.g), \"%, \").concat(rnd(this.b), \"%)\")\n            : \"rgba(\".concat(rnd(this.r), \"%, \").concat(rnd(this.g), \"%, \").concat(rnd(this.b), \"%, \").concat(this.roundA, \")\");\n    };\n    /**\n     * The 'real' name of the color -if there is one.\n     */\n    TinyColor.prototype.toName = function () {\n        if (this.a === 0) {\n            return 'transparent';\n        }\n        if (this.a < 1) {\n            return false;\n        }\n        var hex = '#' + rgbToHex(this.r, this.g, this.b, false);\n        for (var _i = 0, _a = Object.entries(names); _i < _a.length; _i++) {\n            var _b = _a[_i], key = _b[0], value = _b[1];\n            if (hex === value) {\n                return key;\n            }\n        }\n        return false;\n    };\n    TinyColor.prototype.toString = function (format) {\n        var formatSet = Boolean(format);\n        format = format !== null && format !== void 0 ? format : this.format;\n        var formattedString = false;\n        var hasAlpha = this.a < 1 && this.a >= 0;\n        var needsAlphaFormat = !formatSet && hasAlpha && (format.startsWith('hex') || format === 'name');\n        if (needsAlphaFormat) {\n            // Special case for \"transparent\", all other non-alpha formats\n            // will return rgba when there is transparency.\n            if (format === 'name' && this.a === 0) {\n                return this.toName();\n            }\n            return this.toRgbString();\n        }\n        if (format === 'rgb') {\n            formattedString = this.toRgbString();\n        }\n        if (format === 'prgb') {\n            formattedString = this.toPercentageRgbString();\n        }\n        if (format === 'hex' || format === 'hex6') {\n            formattedString = this.toHexString();\n        }\n        if (format === 'hex3') {\n            formattedString = this.toHexString(true);\n        }\n        if (format === 'hex4') {\n            formattedString = this.toHex8String(true);\n        }\n        if (format === 'hex8') {\n            formattedString = this.toHex8String();\n        }\n        if (format === 'name') {\n            formattedString = this.toName();\n        }\n        if (format === 'hsl') {\n            formattedString = this.toHslString();\n        }\n        if (format === 'hsv') {\n            formattedString = this.toHsvString();\n        }\n        return formattedString || this.toHexString();\n    };\n    TinyColor.prototype.toNumber = function () {\n        return (Math.round(this.r) << 16) + (Math.round(this.g) << 8) + Math.round(this.b);\n    };\n    TinyColor.prototype.clone = function () {\n        return new TinyColor(this.toString());\n    };\n    /**\n     * Lighten the color a given amount. Providing 100 will always return white.\n     * @param amount - valid between 1-100\n     */\n    TinyColor.prototype.lighten = function (amount) {\n        if (amount === void 0) { amount = 10; }\n        var hsl = this.toHsl();\n        hsl.l += amount / 100;\n        hsl.l = clamp01(hsl.l);\n        return new TinyColor(hsl);\n    };\n    /**\n     * Brighten the color a given amount, from 0 to 100.\n     * @param amount - valid between 1-100\n     */\n    TinyColor.prototype.brighten = function (amount) {\n        if (amount === void 0) { amount = 10; }\n        var rgb = this.toRgb();\n        rgb.r = Math.max(0, Math.min(255, rgb.r - Math.round(255 * -(amount / 100))));\n        rgb.g = Math.max(0, Math.min(255, rgb.g - Math.round(255 * -(amount / 100))));\n        rgb.b = Math.max(0, Math.min(255, rgb.b - Math.round(255 * -(amount / 100))));\n        return new TinyColor(rgb);\n    };\n    /**\n     * Darken the color a given amount, from 0 to 100.\n     * Providing 100 will always return black.\n     * @param amount - valid between 1-100\n     */\n    TinyColor.prototype.darken = function (amount) {\n        if (amount === void 0) { amount = 10; }\n        var hsl = this.toHsl();\n        hsl.l -= amount / 100;\n        hsl.l = clamp01(hsl.l);\n        return new TinyColor(hsl);\n    };\n    /**\n     * Mix the color with pure white, from 0 to 100.\n     * Providing 0 will do nothing, providing 100 will always return white.\n     * @param amount - valid between 1-100\n     */\n    TinyColor.prototype.tint = function (amount) {\n        if (amount === void 0) { amount = 10; }\n        return this.mix('white', amount);\n    };\n    /**\n     * Mix the color with pure black, from 0 to 100.\n     * Providing 0 will do nothing, providing 100 will always return black.\n     * @param amount - valid between 1-100\n     */\n    TinyColor.prototype.shade = function (amount) {\n        if (amount === void 0) { amount = 10; }\n        return this.mix('black', amount);\n    };\n    /**\n     * Desaturate the color a given amount, from 0 to 100.\n     * Providing 100 will is the same as calling greyscale\n     * @param amount - valid between 1-100\n     */\n    TinyColor.prototype.desaturate = function (amount) {\n        if (amount === void 0) { amount = 10; }\n        var hsl = this.toHsl();\n        hsl.s -= amount / 100;\n        hsl.s = clamp01(hsl.s);\n        return new TinyColor(hsl);\n    };\n    /**\n     * Saturate the color a given amount, from 0 to 100.\n     * @param amount - valid between 1-100\n     */\n    TinyColor.prototype.saturate = function (amount) {\n        if (amount === void 0) { amount = 10; }\n        var hsl = this.toHsl();\n        hsl.s += amount / 100;\n        hsl.s = clamp01(hsl.s);\n        return new TinyColor(hsl);\n    };\n    /**\n     * Completely desaturates a color into greyscale.\n     * Same as calling `desaturate(100)`\n     */\n    TinyColor.prototype.greyscale = function () {\n        return this.desaturate(100);\n    };\n    /**\n     * Spin takes a positive or negative amount within [-360, 360] indicating the change of hue.\n     * Values outside of this range will be wrapped into this range.\n     */\n    TinyColor.prototype.spin = function (amount) {\n        var hsl = this.toHsl();\n        var hue = (hsl.h + amount) % 360;\n        hsl.h = hue < 0 ? 360 + hue : hue;\n        return new TinyColor(hsl);\n    };\n    /**\n     * Mix the current color a given amount with another color, from 0 to 100.\n     * 0 means no mixing (return current color).\n     */\n    TinyColor.prototype.mix = function (color, amount) {\n        if (amount === void 0) { amount = 50; }\n        var rgb1 = this.toRgb();\n        var rgb2 = new TinyColor(color).toRgb();\n        var p = amount / 100;\n        var rgba = {\n            r: (rgb2.r - rgb1.r) * p + rgb1.r,\n            g: (rgb2.g - rgb1.g) * p + rgb1.g,\n            b: (rgb2.b - rgb1.b) * p + rgb1.b,\n            a: (rgb2.a - rgb1.a) * p + rgb1.a,\n        };\n        return new TinyColor(rgba);\n    };\n    TinyColor.prototype.analogous = function (results, slices) {\n        if (results === void 0) { results = 6; }\n        if (slices === void 0) { slices = 30; }\n        var hsl = this.toHsl();\n        var part = 360 / slices;\n        var ret = [this];\n        for (hsl.h = (hsl.h - ((part * results) >> 1) + 720) % 360; --results;) {\n            hsl.h = (hsl.h + part) % 360;\n            ret.push(new TinyColor(hsl));\n        }\n        return ret;\n    };\n    /**\n     * taken from https://github.com/infusion/jQuery-xcolor/blob/master/jquery.xcolor.js\n     */\n    TinyColor.prototype.complement = function () {\n        var hsl = this.toHsl();\n        hsl.h = (hsl.h + 180) % 360;\n        return new TinyColor(hsl);\n    };\n    TinyColor.prototype.monochromatic = function (results) {\n        if (results === void 0) { results = 6; }\n        var hsv = this.toHsv();\n        var h = hsv.h;\n        var s = hsv.s;\n        var v = hsv.v;\n        var res = [];\n        var modification = 1 / results;\n        while (results--) {\n            res.push(new TinyColor({ h: h, s: s, v: v }));\n            v = (v + modification) % 1;\n        }\n        return res;\n    };\n    TinyColor.prototype.splitcomplement = function () {\n        var hsl = this.toHsl();\n        var h = hsl.h;\n        return [\n            this,\n            new TinyColor({ h: (h + 72) % 360, s: hsl.s, l: hsl.l }),\n            new TinyColor({ h: (h + 216) % 360, s: hsl.s, l: hsl.l }),\n        ];\n    };\n    /**\n     * Compute how the color would appear on a background\n     */\n    TinyColor.prototype.onBackground = function (background) {\n        var fg = this.toRgb();\n        var bg = new TinyColor(background).toRgb();\n        var alpha = fg.a + bg.a * (1 - fg.a);\n        return new TinyColor({\n            r: (fg.r * fg.a + bg.r * bg.a * (1 - fg.a)) / alpha,\n            g: (fg.g * fg.a + bg.g * bg.a * (1 - fg.a)) / alpha,\n            b: (fg.b * fg.a + bg.b * bg.a * (1 - fg.a)) / alpha,\n            a: alpha,\n        });\n    };\n    /**\n     * Alias for `polyad(3)`\n     */\n    TinyColor.prototype.triad = function () {\n        return this.polyad(3);\n    };\n    /**\n     * Alias for `polyad(4)`\n     */\n    TinyColor.prototype.tetrad = function () {\n        return this.polyad(4);\n    };\n    /**\n     * Get polyad colors, like (for 1, 2, 3, 4, 5, 6, 7, 8, etc...)\n     * monad, dyad, triad, tetrad, pentad, hexad, heptad, octad, etc...\n     */\n    TinyColor.prototype.polyad = function (n) {\n        var hsl = this.toHsl();\n        var h = hsl.h;\n        var result = [this];\n        var increment = 360 / n;\n        for (var i = 1; i < n; i++) {\n            result.push(new TinyColor({ h: (h + i * increment) % 360, s: hsl.s, l: hsl.l }));\n        }\n        return result;\n    };\n    /**\n     * compare color vs current color\n     */\n    TinyColor.prototype.equals = function (color) {\n        return this.toRgbString() === new TinyColor(color).toRgbString();\n    };\n    return TinyColor;\n}());\nexport { TinyColor };\n// kept for backwards compatability with v1\nexport function tinycolor(color, opts) {\n    if (color === void 0) { color = ''; }\n    if (opts === void 0) { opts = {}; }\n    return new TinyColor(color, opts);\n}\n","import { TinyColor } from './index.js';\n// Readability Functions\n// ---------------------\n// <http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef (WCAG Version 2)\n/**\n * AKA `contrast`\n *\n * Analyze the 2 colors and returns the color contrast defined by (WCAG Version 2)\n */\nexport function readability(color1, color2) {\n    var c1 = new TinyColor(color1);\n    var c2 = new TinyColor(color2);\n    return ((Math.max(c1.getLuminance(), c2.getLuminance()) + 0.05) /\n        (Math.min(c1.getLuminance(), c2.getLuminance()) + 0.05));\n}\n/**\n * Ensure that foreground and background color combinations meet WCAG2 guidelines.\n * The third argument is an object.\n *      the 'level' property states 'AA' or 'AAA' - if missing or invalid, it defaults to 'AA';\n *      the 'size' property states 'large' or 'small' - if missing or invalid, it defaults to 'small'.\n * If the entire object is absent, isReadable defaults to {level:\"AA\",size:\"small\"}.\n *\n * Example\n * ```ts\n * new TinyColor().isReadable('#000', '#111') => false\n * new TinyColor().isReadable('#000', '#111', { level: 'AA', size: 'large' }) => false\n * ```\n */\nexport function isReadable(color1, color2, wcag2) {\n    var _a, _b;\n    if (wcag2 === void 0) { wcag2 = { level: 'AA', size: 'small' }; }\n    var readabilityLevel = readability(color1, color2);\n    switch (((_a = wcag2.level) !== null && _a !== void 0 ? _a : 'AA') + ((_b = wcag2.size) !== null && _b !== void 0 ? _b : 'small')) {\n        case 'AAsmall':\n        case 'AAAlarge':\n            return readabilityLevel >= 4.5;\n        case 'AAlarge':\n            return readabilityLevel >= 3;\n        case 'AAAsmall':\n            return readabilityLevel >= 7;\n        default:\n            return false;\n    }\n}\n/**\n * Given a base color and a list of possible foreground or background\n * colors for that base, returns the most readable color.\n * Optionally returns Black or White if the most readable color is unreadable.\n *\n * @param baseColor - the base color.\n * @param colorList - array of colors to pick the most readable one from.\n * @param args - and object with extra arguments\n *\n * Example\n * ```ts\n * new TinyColor().mostReadable('#123', ['#124\", \"#125'], { includeFallbackColors: false }).toHexString(); // \"#112255\"\n * new TinyColor().mostReadable('#123', ['#124\", \"#125'],{ includeFallbackColors: true }).toHexString();  // \"#ffffff\"\n * new TinyColor().mostReadable('#a8015a', [\"#faf3f3\"], { includeFallbackColors:true, level: 'AAA', size: 'large' }).toHexString(); // \"#faf3f3\"\n * new TinyColor().mostReadable('#a8015a', [\"#faf3f3\"], { includeFallbackColors:true, level: 'AAA', size: 'small' }).toHexString(); // \"#ffffff\"\n * ```\n */\nexport function mostReadable(baseColor, colorList, args) {\n    if (args === void 0) { args = { includeFallbackColors: false, level: 'AA', size: 'small' }; }\n    var bestColor = null;\n    var bestScore = 0;\n    var includeFallbackColors = args.includeFallbackColors, level = args.level, size = args.size;\n    for (var _i = 0, colorList_1 = colorList; _i < colorList_1.length; _i++) {\n        var color = colorList_1[_i];\n        var score = readability(baseColor, color);\n        if (score > bestScore) {\n            bestScore = score;\n            bestColor = new TinyColor(color);\n        }\n    }\n    if (isReadable(baseColor, bestColor, { level: level, size: size }) || !includeFallbackColors) {\n        return bestColor;\n    }\n    args.includeFallbackColors = false;\n    return mostReadable(baseColor, ['#fff', '#000'], args);\n}\n","import { rgbaToArgbHex } from './conversion.js';\nimport { TinyColor } from './index.js';\n/**\n * Returns the color represented as a Microsoft filter for use in old versions of IE.\n */\nexport function toMsFilter(firstColor, secondColor) {\n    var color = new TinyColor(firstColor);\n    var hex8String = '#' + rgbaToArgbHex(color.r, color.g, color.b, color.a);\n    var secondHex8String = hex8String;\n    var gradientType = color.gradientType ? 'GradientType = 1, ' : '';\n    if (secondColor) {\n        var s = new TinyColor(secondColor);\n        secondHex8String = '#' + rgbaToArgbHex(s.r, s.g, s.b, s.a);\n    }\n    return \"progid:DXImageTransform.Microsoft.gradient(\".concat(gradientType, \"startColorstr=\").concat(hex8String, \",endColorstr=\").concat(secondHex8String, \")\");\n}\n","import { TinyColor } from './index.js';\nimport { convertToPercentage } from './util.js';\n/**\n * If input is an object, force 1 into \"1.0\" to handle ratios properly\n * String input requires \"1.0\" as input, so 1 will be treated as 1\n */\nexport function fromRatio(ratio, opts) {\n    var newColor = {\n        r: convertToPercentage(ratio.r),\n        g: convertToPercentage(ratio.g),\n        b: convertToPercentage(ratio.b),\n    };\n    if (ratio.a !== undefined) {\n        newColor.a = Number(ratio.a);\n    }\n    return new TinyColor(newColor, opts);\n}\n/** old random function */\nexport function legacyRandom() {\n    return new TinyColor({\n        r: Math.random(),\n        g: Math.random(),\n        b: Math.random(),\n    });\n}\n","/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\n// randomColor by David Merfield under the CC0 license\n// https://github.com/davidmerfield/randomColor/\nimport { TinyColor } from './index.js';\nexport function random(options) {\n    if (options === void 0) { options = {}; }\n    // Check if we need to generate multiple colors\n    if (options.count !== undefined &&\n        options.count !== null) {\n        var totalColors = options.count;\n        var colors = [];\n        options.count = undefined;\n        while (totalColors > colors.length) {\n            // Since we're generating multiple colors,\n            // incremement the seed. Otherwise we'd just\n            // generate the same color each time...\n            options.count = null;\n            if (options.seed) {\n                options.seed += 1;\n            }\n            colors.push(random(options));\n        }\n        options.count = totalColors;\n        return colors;\n    }\n    // First we pick a hue (H)\n    var h = pickHue(options.hue, options.seed);\n    // Then use H to determine saturation (S)\n    var s = pickSaturation(h, options);\n    // Then use S and H to determine brightness (B).\n    var v = pickBrightness(h, s, options);\n    var res = { h: h, s: s, v: v };\n    if (options.alpha !== undefined) {\n        res.a = options.alpha;\n    }\n    // Then we return the HSB color in the desired format\n    return new TinyColor(res);\n}\nfunction pickHue(hue, seed) {\n    var hueRange = getHueRange(hue);\n    var res = randomWithin(hueRange, seed);\n    // Instead of storing red as two seperate ranges,\n    // we group them, using negative numbers\n    if (res < 0) {\n        res = 360 + res;\n    }\n    return res;\n}\nfunction pickSaturation(hue, options) {\n    if (options.hue === 'monochrome') {\n        return 0;\n    }\n    if (options.luminosity === 'random') {\n        return randomWithin([0, 100], options.seed);\n    }\n    var saturationRange = getColorInfo(hue).saturationRange;\n    var sMin = saturationRange[0];\n    var sMax = saturationRange[1];\n    switch (options.luminosity) {\n        case 'bright':\n            sMin = 55;\n            break;\n        case 'dark':\n            sMin = sMax - 10;\n            break;\n        case 'light':\n            sMax = 55;\n            break;\n        default:\n            break;\n    }\n    return randomWithin([sMin, sMax], options.seed);\n}\nfunction pickBrightness(H, S, options) {\n    var bMin = getMinimumBrightness(H, S);\n    var bMax = 100;\n    switch (options.luminosity) {\n        case 'dark':\n            bMax = bMin + 20;\n            break;\n        case 'light':\n            bMin = (bMax + bMin) / 2;\n            break;\n        case 'random':\n            bMin = 0;\n            bMax = 100;\n            break;\n        default:\n            break;\n    }\n    return randomWithin([bMin, bMax], options.seed);\n}\nfunction getMinimumBrightness(H, S) {\n    var lowerBounds = getColorInfo(H).lowerBounds;\n    for (var i = 0; i < lowerBounds.length - 1; i++) {\n        var s1 = lowerBounds[i][0];\n        var v1 = lowerBounds[i][1];\n        var s2 = lowerBounds[i + 1][0];\n        var v2 = lowerBounds[i + 1][1];\n        if (S >= s1 && S <= s2) {\n            var m = (v2 - v1) / (s2 - s1);\n            var b = v1 - m * s1;\n            return m * S + b;\n        }\n    }\n    return 0;\n}\nfunction getHueRange(colorInput) {\n    var num = parseInt(colorInput, 10);\n    if (!Number.isNaN(num) && num < 360 && num > 0) {\n        return [num, num];\n    }\n    if (typeof colorInput === 'string') {\n        var namedColor = bounds.find(function (n) { return n.name === colorInput; });\n        if (namedColor) {\n            var color = defineColor(namedColor);\n            if (color.hueRange) {\n                return color.hueRange;\n            }\n        }\n        var parsed = new TinyColor(colorInput);\n        if (parsed.isValid) {\n            var hue = parsed.toHsv().h;\n            return [hue, hue];\n        }\n    }\n    return [0, 360];\n}\nfunction getColorInfo(hue) {\n    // Maps red colors to make picking hue easier\n    if (hue >= 334 && hue <= 360) {\n        hue -= 360;\n    }\n    for (var _i = 0, bounds_1 = bounds; _i < bounds_1.length; _i++) {\n        var bound = bounds_1[_i];\n        var color = defineColor(bound);\n        if (color.hueRange && hue >= color.hueRange[0] && hue <= color.hueRange[1]) {\n            return color;\n        }\n    }\n    throw Error('Color not found');\n}\nfunction randomWithin(range, seed) {\n    if (seed === undefined) {\n        return Math.floor(range[0] + Math.random() * (range[1] + 1 - range[0]));\n    }\n    // Seeded random algorithm from http://indiegamr.com/generate-repeatable-random-numbers-in-js/\n    var max = range[1] || 1;\n    var min = range[0] || 0;\n    seed = (seed * 9301 + 49297) % 233280;\n    var rnd = seed / 233280.0;\n    return Math.floor(min + rnd * (max - min));\n}\nfunction defineColor(bound) {\n    var sMin = bound.lowerBounds[0][0];\n    var sMax = bound.lowerBounds[bound.lowerBounds.length - 1][0];\n    var bMin = bound.lowerBounds[bound.lowerBounds.length - 1][1];\n    var bMax = bound.lowerBounds[0][1];\n    return {\n        name: bound.name,\n        hueRange: bound.hueRange,\n        lowerBounds: bound.lowerBounds,\n        saturationRange: [sMin, sMax],\n        brightnessRange: [bMin, bMax],\n    };\n}\n/**\n * @hidden\n */\nexport var bounds = [\n    {\n        name: 'monochrome',\n        hueRange: null,\n        lowerBounds: [\n            [0, 0],\n            [100, 0],\n        ],\n    },\n    {\n        name: 'red',\n        hueRange: [-26, 18],\n        lowerBounds: [\n            [20, 100],\n            [30, 92],\n            [40, 89],\n            [50, 85],\n            [60, 78],\n            [70, 70],\n            [80, 60],\n            [90, 55],\n            [100, 50],\n        ],\n    },\n    {\n        name: 'orange',\n        hueRange: [19, 46],\n        lowerBounds: [\n            [20, 100],\n            [30, 93],\n            [40, 88],\n            [50, 86],\n            [60, 85],\n            [70, 70],\n            [100, 70],\n        ],\n    },\n    {\n        name: 'yellow',\n        hueRange: [47, 62],\n        lowerBounds: [\n            [25, 100],\n            [40, 94],\n            [50, 89],\n            [60, 86],\n            [70, 84],\n            [80, 82],\n            [90, 80],\n            [100, 75],\n        ],\n    },\n    {\n        name: 'green',\n        hueRange: [63, 178],\n        lowerBounds: [\n            [30, 100],\n            [40, 90],\n            [50, 85],\n            [60, 81],\n            [70, 74],\n            [80, 64],\n            [90, 50],\n            [100, 40],\n        ],\n    },\n    {\n        name: 'blue',\n        hueRange: [179, 257],\n        lowerBounds: [\n            [20, 100],\n            [30, 86],\n            [40, 80],\n            [50, 74],\n            [60, 60],\n            [70, 52],\n            [80, 44],\n            [90, 39],\n            [100, 35],\n        ],\n    },\n    {\n        name: 'purple',\n        hueRange: [258, 282],\n        lowerBounds: [\n            [20, 100],\n            [30, 87],\n            [40, 79],\n            [50, 70],\n            [60, 65],\n            [70, 59],\n            [80, 52],\n            [90, 45],\n            [100, 42],\n        ],\n    },\n    {\n        name: 'pink',\n        hueRange: [283, 334],\n        lowerBounds: [\n            [20, 100],\n            [30, 90],\n            [40, 86],\n            [60, 84],\n            [80, 80],\n            [90, 75],\n            [100, 73],\n        ],\n    },\n];\n","import { tinycolor } from './index.js';\nexport * from './index.js';\nexport * from './css-color-names.js';\nexport * from './readability.js';\nexport * from './to-ms-filter.js';\nexport * from './from-ratio.js';\nexport * from './format-input.js';\nexport * from './random.js';\nexport * from './interfaces.js';\nexport * from './conversion.js';\n// kept for backwards compatability with v1\nexport default tinycolor;\n","/**\n * Take input from [0, n] and return it as [0, 1]\n * @hidden\n */\nexport function bound01(n, max) {\n    if (isOnePointZero(n)) {\n        n = '100%';\n    }\n    var isPercent = isPercentage(n);\n    n = max === 360 ? n : Math.min(max, Math.max(0, parseFloat(n)));\n    // Automatically convert percentage into number\n    if (isPercent) {\n        n = parseInt(String(n * max), 10) / 100;\n    }\n    // Handle floating point rounding errors\n    if (Math.abs(n - max) < 0.000001) {\n        return 1;\n    }\n    // Convert into [0, 1] range if it isn't already\n    if (max === 360) {\n        // If n is a hue given in degrees,\n        // wrap around out-of-range values into [0, 360] range\n        // then convert into [0, 1].\n        n = (n < 0 ? (n % max) + max : n % max) / parseFloat(String(max));\n    }\n    else {\n        // If n not a hue given in degrees\n        // Convert into [0, 1] range if it isn't already.\n        n = (n % max) / parseFloat(String(max));\n    }\n    return n;\n}\n/**\n * Force a number between 0 and 1\n * @hidden\n */\nexport function clamp01(val) {\n    return Math.min(1, Math.max(0, val));\n}\n/**\n * Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1\n * <http://stackoverflow.com/questions/7422072/javascript-how-to-detect-number-as-a-decimal-including-1-0>\n * @hidden\n */\nexport function isOnePointZero(n) {\n    return typeof n === 'string' && n.indexOf('.') !== -1 && parseFloat(n) === 1;\n}\n/**\n * Check to see if string passed in is a percentage\n * @hidden\n */\nexport function isPercentage(n) {\n    return typeof n === 'string' && n.indexOf('%') !== -1;\n}\n/**\n * Return a valid alpha value [0,1] with all invalid values being set to 1\n * @hidden\n */\nexport function boundAlpha(a) {\n    a = parseFloat(a);\n    if (isNaN(a) || a < 0 || a > 1) {\n        a = 1;\n    }\n    return a;\n}\n/**\n * Replace a decimal with it's percentage value\n * @hidden\n */\nexport function convertToPercentage(n) {\n    if (n <= 1) {\n        return \"\".concat(Number(n) * 100, \"%\");\n    }\n    return n;\n}\n/**\n * Force a hex value to have 2 characters\n * @hidden\n */\nexport function pad2(c) {\n    return c.length === 1 ? '0' + c : String(c);\n}\n","var isDevelopment = false;\n\n/*\n\nBased off glamor's StyleSheet, thanks Sunil ❤️\n\nhigh performance StyleSheet for css-in-js systems\n\n- uses multiple style tags behind the scenes for millions of rules\n- uses `insertRule` for appending in production for *much* faster performance\n\n// usage\n\nimport { StyleSheet } from '@emotion/sheet'\n\nlet styleSheet = new StyleSheet({ key: '', container: document.head })\n\nstyleSheet.insert('#box { border: 1px solid red; }')\n- appends a css rule into the stylesheet\n\nstyleSheet.flush()\n- empties the stylesheet of all its contents\n\n*/\n\nfunction sheetForTag(tag) {\n  if (tag.sheet) {\n    return tag.sheet;\n  } // this weirdness brought to you by firefox\n\n  /* istanbul ignore next */\n\n\n  for (var i = 0; i < document.styleSheets.length; i++) {\n    if (document.styleSheets[i].ownerNode === tag) {\n      return document.styleSheets[i];\n    }\n  } // this function should always return with a value\n  // TS can't understand it though so we make it stop complaining here\n\n\n  return undefined;\n}\n\nfunction createStyleElement(options) {\n  var tag = document.createElement('style');\n  tag.setAttribute('data-emotion', options.key);\n\n  if (options.nonce !== undefined) {\n    tag.setAttribute('nonce', options.nonce);\n  }\n\n  tag.appendChild(document.createTextNode(''));\n  tag.setAttribute('data-s', '');\n  return tag;\n}\n\nvar StyleSheet = /*#__PURE__*/function () {\n  // Using Node instead of HTMLElement since container may be a ShadowRoot\n  function StyleSheet(options) {\n    var _this = this;\n\n    this._insertTag = function (tag) {\n      var before;\n\n      if (_this.tags.length === 0) {\n        if (_this.insertionPoint) {\n          before = _this.insertionPoint.nextSibling;\n        } else if (_this.prepend) {\n          before = _this.container.firstChild;\n        } else {\n          before = _this.before;\n        }\n      } else {\n        before = _this.tags[_this.tags.length - 1].nextSibling;\n      }\n\n      _this.container.insertBefore(tag, before);\n\n      _this.tags.push(tag);\n    };\n\n    this.isSpeedy = options.speedy === undefined ? !isDevelopment : options.speedy;\n    this.tags = [];\n    this.ctr = 0;\n    this.nonce = options.nonce; // key is the value of the data-emotion attribute, it's used to identify different sheets\n\n    this.key = options.key;\n    this.container = options.container;\n    this.prepend = options.prepend;\n    this.insertionPoint = options.insertionPoint;\n    this.before = null;\n  }\n\n  var _proto = StyleSheet.prototype;\n\n  _proto.hydrate = function hydrate(nodes) {\n    nodes.forEach(this._insertTag);\n  };\n\n  _proto.insert = function insert(rule) {\n    // the max length is how many rules we have per style tag, it's 65000 in speedy mode\n    // it's 1 in dev because we insert source maps that map a single rule to a location\n    // and you can only have one source map per style tag\n    if (this.ctr % (this.isSpeedy ? 65000 : 1) === 0) {\n      this._insertTag(createStyleElement(this));\n    }\n\n    var tag = this.tags[this.tags.length - 1];\n\n    if (this.isSpeedy) {\n      var sheet = sheetForTag(tag);\n\n      try {\n        // this is the ultrafast version, works across browsers\n        // the big drawback is that the css won't be editable in devtools\n        sheet.insertRule(rule, sheet.cssRules.length);\n      } catch (e) {\n      }\n    } else {\n      tag.appendChild(document.createTextNode(rule));\n    }\n\n    this.ctr++;\n  };\n\n  _proto.flush = function flush() {\n    this.tags.forEach(function (tag) {\n      var _tag$parentNode;\n\n      return (_tag$parentNode = tag.parentNode) == null ? void 0 : _tag$parentNode.removeChild(tag);\n    });\n    this.tags = [];\n    this.ctr = 0;\n  };\n\n  return StyleSheet;\n}();\n\nexport { StyleSheet };\n","/**\n * @param {number}\n * @return {number}\n */\nexport var abs = Math.abs\n\n/**\n * @param {number}\n * @return {string}\n */\nexport var from = String.fromCharCode\n\n/**\n * @param {object}\n * @return {object}\n */\nexport var assign = Object.assign\n\n/**\n * @param {string} value\n * @param {number} length\n * @return {number}\n */\nexport function hash (value, length) {\n\treturn charat(value, 0) ^ 45 ? (((((((length << 2) ^ charat(value, 0)) << 2) ^ charat(value, 1)) << 2) ^ charat(value, 2)) << 2) ^ charat(value, 3) : 0\n}\n\n/**\n * @param {string} value\n * @return {string}\n */\nexport function trim (value) {\n\treturn value.trim()\n}\n\n/**\n * @param {string} value\n * @param {RegExp} pattern\n * @return {string?}\n */\nexport function match (value, pattern) {\n\treturn (value = pattern.exec(value)) ? value[0] : value\n}\n\n/**\n * @param {string} value\n * @param {(string|RegExp)} pattern\n * @param {string} replacement\n * @return {string}\n */\nexport function replace (value, pattern, replacement) {\n\treturn value.replace(pattern, replacement)\n}\n\n/**\n * @param {string} value\n * @param {string} search\n * @return {number}\n */\nexport function indexof (value, search) {\n\treturn value.indexOf(search)\n}\n\n/**\n * @param {string} value\n * @param {number} index\n * @return {number}\n */\nexport function charat (value, index) {\n\treturn value.charCodeAt(index) | 0\n}\n\n/**\n * @param {string} value\n * @param {number} begin\n * @param {number} end\n * @return {string}\n */\nexport function substr (value, begin, end) {\n\treturn value.slice(begin, end)\n}\n\n/**\n * @param {string} value\n * @return {number}\n */\nexport function strlen (value) {\n\treturn value.length\n}\n\n/**\n * @param {any[]} value\n * @return {number}\n */\nexport function sizeof (value) {\n\treturn value.length\n}\n\n/**\n * @param {any} value\n * @param {any[]} array\n * @return {any}\n */\nexport function append (value, array) {\n\treturn array.push(value), value\n}\n\n/**\n * @param {string[]} array\n * @param {function} callback\n * @return {string}\n */\nexport function combine (array, callback) {\n\treturn array.map(callback).join('')\n}\n","import {from, trim, charat, strlen, substr, append, assign} from './Utility.js'\n\nexport var line = 1\nexport var column = 1\nexport var length = 0\nexport var position = 0\nexport var character = 0\nexport var characters = ''\n\n/**\n * @param {string} value\n * @param {object | null} root\n * @param {object | null} parent\n * @param {string} type\n * @param {string[] | string} props\n * @param {object[] | string} children\n * @param {number} length\n */\nexport function node (value, root, parent, type, props, children, length) {\n\treturn {value: value, root: root, parent: parent, type: type, props: props, children: children, line: line, column: column, length: length, return: ''}\n}\n\n/**\n * @param {object} root\n * @param {object} props\n * @return {object}\n */\nexport function copy (root, props) {\n\treturn assign(node('', null, null, '', null, null, 0), root, {length: -root.length}, props)\n}\n\n/**\n * @return {number}\n */\nexport function char () {\n\treturn character\n}\n\n/**\n * @return {number}\n */\nexport function prev () {\n\tcharacter = position > 0 ? charat(characters, --position) : 0\n\n\tif (column--, character === 10)\n\t\tcolumn = 1, line--\n\n\treturn character\n}\n\n/**\n * @return {number}\n */\nexport function next () {\n\tcharacter = position < length ? charat(characters, position++) : 0\n\n\tif (column++, character === 10)\n\t\tcolumn = 1, line++\n\n\treturn character\n}\n\n/**\n * @return {number}\n */\nexport function peek () {\n\treturn charat(characters, position)\n}\n\n/**\n * @return {number}\n */\nexport function caret () {\n\treturn position\n}\n\n/**\n * @param {number} begin\n * @param {number} end\n * @return {string}\n */\nexport function slice (begin, end) {\n\treturn substr(characters, begin, end)\n}\n\n/**\n * @param {number} type\n * @return {number}\n */\nexport function token (type) {\n\tswitch (type) {\n\t\t// \\0 \\t \\n \\r \\s whitespace token\n\t\tcase 0: case 9: case 10: case 13: case 32:\n\t\t\treturn 5\n\t\t// ! + , / > @ ~ isolate token\n\t\tcase 33: case 43: case 44: case 47: case 62: case 64: case 126:\n\t\t// ; { } breakpoint token\n\t\tcase 59: case 123: case 125:\n\t\t\treturn 4\n\t\t// : accompanied token\n\t\tcase 58:\n\t\t\treturn 3\n\t\t// \" ' ( [ opening delimit token\n\t\tcase 34: case 39: case 40: case 91:\n\t\t\treturn 2\n\t\t// ) ] closing delimit token\n\t\tcase 41: case 93:\n\t\t\treturn 1\n\t}\n\n\treturn 0\n}\n\n/**\n * @param {string} value\n * @return {any[]}\n */\nexport function alloc (value) {\n\treturn line = column = 1, length = strlen(characters = value), position = 0, []\n}\n\n/**\n * @param {any} value\n * @return {any}\n */\nexport function dealloc (value) {\n\treturn characters = '', value\n}\n\n/**\n * @param {number} type\n * @return {string}\n */\nexport function delimit (type) {\n\treturn trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)))\n}\n\n/**\n * @param {string} value\n * @return {string[]}\n */\nexport function tokenize (value) {\n\treturn dealloc(tokenizer(alloc(value)))\n}\n\n/**\n * @param {number} type\n * @return {string}\n */\nexport function whitespace (type) {\n\twhile (character = peek())\n\t\tif (character < 33)\n\t\t\tnext()\n\t\telse\n\t\t\tbreak\n\n\treturn token(type) > 2 || token(character) > 3 ? '' : ' '\n}\n\n/**\n * @param {string[]} children\n * @return {string[]}\n */\nexport function tokenizer (children) {\n\twhile (next())\n\t\tswitch (token(character)) {\n\t\t\tcase 0: append(identifier(position - 1), children)\n\t\t\t\tbreak\n\t\t\tcase 2: append(delimit(character), children)\n\t\t\t\tbreak\n\t\t\tdefault: append(from(character), children)\n\t\t}\n\n\treturn children\n}\n\n/**\n * @param {number} index\n * @param {number} count\n * @return {string}\n */\nexport function escaping (index, count) {\n\twhile (--count && next())\n\t\t// not 0-9 A-F a-f\n\t\tif (character < 48 || character > 102 || (character > 57 && character < 65) || (character > 70 && character < 97))\n\t\t\tbreak\n\n\treturn slice(index, caret() + (count < 6 && peek() == 32 && next() == 32))\n}\n\n/**\n * @param {number} type\n * @return {number}\n */\nexport function delimiter (type) {\n\twhile (next())\n\t\tswitch (character) {\n\t\t\t// ] ) \" '\n\t\t\tcase type:\n\t\t\t\treturn position\n\t\t\t// \" '\n\t\t\tcase 34: case 39:\n\t\t\t\tif (type !== 34 && type !== 39)\n\t\t\t\t\tdelimiter(character)\n\t\t\t\tbreak\n\t\t\t// (\n\t\t\tcase 40:\n\t\t\t\tif (type === 41)\n\t\t\t\t\tdelimiter(type)\n\t\t\t\tbreak\n\t\t\t// \\\n\t\t\tcase 92:\n\t\t\t\tnext()\n\t\t\t\tbreak\n\t\t}\n\n\treturn position\n}\n\n/**\n * @param {number} type\n * @param {number} index\n * @return {number}\n */\nexport function commenter (type, index) {\n\twhile (next())\n\t\t// //\n\t\tif (type + character === 47 + 10)\n\t\t\tbreak\n\t\t// /*\n\t\telse if (type + character === 42 + 42 && peek() === 47)\n\t\t\tbreak\n\n\treturn '/*' + slice(index, position - 1) + '*' + from(type === 47 ? type : next())\n}\n\n/**\n * @param {number} index\n * @return {string}\n */\nexport function identifier (index) {\n\twhile (!token(peek()))\n\t\tnext()\n\n\treturn slice(index, position)\n}\n","export var MS = '-ms-'\nexport var MOZ = '-moz-'\nexport var WEBKIT = '-webkit-'\n\nexport var COMMENT = 'comm'\nexport var RULESET = 'rule'\nexport var DECLARATION = 'decl'\n\nexport var PAGE = '@page'\nexport var MEDIA = '@media'\nexport var IMPORT = '@import'\nexport var CHARSET = '@charset'\nexport var VIEWPORT = '@viewport'\nexport var SUPPORTS = '@supports'\nexport var DOCUMENT = '@document'\nexport var NAMESPACE = '@namespace'\nexport var KEYFRAMES = '@keyframes'\nexport var FONT_FACE = '@font-face'\nexport var COUNTER_STYLE = '@counter-style'\nexport var FONT_FEATURE_VALUES = '@font-feature-values'\nexport var LAYER = '@layer'\n","import {IMPORT, LAYER, COMMENT, RULESET, DECLARATION, KEYFRAMES} from './Enum.js'\nimport {strlen, sizeof} from './Utility.js'\n\n/**\n * @param {object[]} children\n * @param {function} callback\n * @return {string}\n */\nexport function serialize (children, callback) {\n\tvar output = ''\n\tvar length = sizeof(children)\n\n\tfor (var i = 0; i < length; i++)\n\t\toutput += callback(children[i], i, children, callback) || ''\n\n\treturn output\n}\n\n/**\n * @param {object} element\n * @param {number} index\n * @param {object[]} children\n * @param {function} callback\n * @return {string}\n */\nexport function stringify (element, index, children, callback) {\n\tswitch (element.type) {\n\t\tcase LAYER: if (element.children.length) break\n\t\tcase IMPORT: case DECLARATION: return element.return = element.return || element.value\n\t\tcase COMMENT: return ''\n\t\tcase KEYFRAMES: return element.return = element.value + '{' + serialize(element.children, callback) + '}'\n\t\tcase RULESET: element.value = element.props.join(',')\n\t}\n\n\treturn strlen(children = serialize(element.children, callback)) ? element.return = element.value + '{' + children + '}' : ''\n}\n","import {MS, MOZ, WEBKIT, RULESET, KEYFRAMES, DECLARATION} from './Enum.js'\nimport {match, charat, substr, strlen, sizeof, replace, combine} from './Utility.js'\nimport {copy, tokenize} from './Tokenizer.js'\nimport {serialize} from './Serializer.js'\nimport {prefix} from './Prefixer.js'\n\n/**\n * @param {function[]} collection\n * @return {function}\n */\nexport function middleware (collection) {\n\tvar length = sizeof(collection)\n\n\treturn function (element, index, children, callback) {\n\t\tvar output = ''\n\n\t\tfor (var i = 0; i < length; i++)\n\t\t\toutput += collection[i](element, index, children, callback) || ''\n\n\t\treturn output\n\t}\n}\n\n/**\n * @param {function} callback\n * @return {function}\n */\nexport function rulesheet (callback) {\n\treturn function (element) {\n\t\tif (!element.root)\n\t\t\tif (element = element.return)\n\t\t\t\tcallback(element)\n\t}\n}\n\n/**\n * @param {object} element\n * @param {number} index\n * @param {object[]} children\n * @param {function} callback\n */\nexport function prefixer (element, index, children, callback) {\n\tif (element.length > -1)\n\t\tif (!element.return)\n\t\t\tswitch (element.type) {\n\t\t\t\tcase DECLARATION: element.return = prefix(element.value, element.length, children)\n\t\t\t\t\treturn\n\t\t\t\tcase KEYFRAMES:\n\t\t\t\t\treturn serialize([copy(element, {value: replace(element.value, '@', '@' + WEBKIT)})], callback)\n\t\t\t\tcase RULESET:\n\t\t\t\t\tif (element.length)\n\t\t\t\t\t\treturn combine(element.props, function (value) {\n\t\t\t\t\t\t\tswitch (match(value, /(::plac\\w+|:read-\\w+)/)) {\n\t\t\t\t\t\t\t\t// :read-(only|write)\n\t\t\t\t\t\t\t\tcase ':read-only': case ':read-write':\n\t\t\t\t\t\t\t\t\treturn serialize([copy(element, {props: [replace(value, /:(read-\\w+)/, ':' + MOZ + '$1')]})], callback)\n\t\t\t\t\t\t\t\t// :placeholder\n\t\t\t\t\t\t\t\tcase '::placeholder':\n\t\t\t\t\t\t\t\t\treturn serialize([\n\t\t\t\t\t\t\t\t\t\tcopy(element, {props: [replace(value, /:(plac\\w+)/, ':' + WEBKIT + 'input-$1')]}),\n\t\t\t\t\t\t\t\t\t\tcopy(element, {props: [replace(value, /:(plac\\w+)/, ':' + MOZ + '$1')]}),\n\t\t\t\t\t\t\t\t\t\tcopy(element, {props: [replace(value, /:(plac\\w+)/, MS + 'input-$1')]})\n\t\t\t\t\t\t\t\t\t], callback)\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn ''\n\t\t\t\t\t\t})\n\t\t\t}\n}\n\n/**\n * @param {object} element\n * @param {number} index\n * @param {object[]} children\n */\nexport function namespace (element) {\n\tswitch (element.type) {\n\t\tcase RULESET:\n\t\t\telement.props = element.props.map(function (value) {\n\t\t\t\treturn combine(tokenize(value), function (value, index, children) {\n\t\t\t\t\tswitch (charat(value, 0)) {\n\t\t\t\t\t\t// \\f\n\t\t\t\t\t\tcase 12:\n\t\t\t\t\t\t\treturn substr(value, 1, strlen(value))\n\t\t\t\t\t\t// \\0 ( + > ~\n\t\t\t\t\t\tcase 0: case 40: case 43: case 62: case 126:\n\t\t\t\t\t\t\treturn value\n\t\t\t\t\t\t// :\n\t\t\t\t\t\tcase 58:\n\t\t\t\t\t\t\tif (children[++index] === 'global')\n\t\t\t\t\t\t\t\tchildren[index] = '', children[++index] = '\\f' + substr(children[index], index = 1, -1)\n\t\t\t\t\t\t// \\s\n\t\t\t\t\t\tcase 32:\n\t\t\t\t\t\t\treturn index === 1 ? '' : value\n\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\tswitch (index) {\n\t\t\t\t\t\t\t\tcase 0: element = value\n\t\t\t\t\t\t\t\t\treturn sizeof(children) > 1 ? '' : value\n\t\t\t\t\t\t\t\tcase index = sizeof(children) - 1: case 2:\n\t\t\t\t\t\t\t\t\treturn index === 2 ? value + element + element : value + element\n\t\t\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\t\t\treturn value\n\t\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t})\n\t}\n}\n","import {COMMENT, RULESET, DECLARATION} from './Enum.js'\nimport {abs, charat, trim, from, sizeof, strlen, substr, append, replace, indexof} from './Utility.js'\nimport {node, char, prev, next, peek, caret, alloc, dealloc, delimit, whitespace, escaping, identifier, commenter} from './Tokenizer.js'\n\n/**\n * @param {string} value\n * @return {object[]}\n */\nexport function compile (value) {\n\treturn dealloc(parse('', null, null, null, [''], value = alloc(value), 0, [0], value))\n}\n\n/**\n * @param {string} value\n * @param {object} root\n * @param {object?} parent\n * @param {string[]} rule\n * @param {string[]} rules\n * @param {string[]} rulesets\n * @param {number[]} pseudo\n * @param {number[]} points\n * @param {string[]} declarations\n * @return {object}\n */\nexport function parse (value, root, parent, rule, rules, rulesets, pseudo, points, declarations) {\n\tvar index = 0\n\tvar offset = 0\n\tvar length = pseudo\n\tvar atrule = 0\n\tvar property = 0\n\tvar previous = 0\n\tvar variable = 1\n\tvar scanning = 1\n\tvar ampersand = 1\n\tvar character = 0\n\tvar type = ''\n\tvar props = rules\n\tvar children = rulesets\n\tvar reference = rule\n\tvar characters = type\n\n\twhile (scanning)\n\t\tswitch (previous = character, character = next()) {\n\t\t\t// (\n\t\t\tcase 40:\n\t\t\t\tif (previous != 108 && charat(characters, length - 1) == 58) {\n\t\t\t\t\tif (indexof(characters += replace(delimit(character), '&', '&\\f'), '&\\f') != -1)\n\t\t\t\t\t\tampersand = -1\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t// \" ' [\n\t\t\tcase 34: case 39: case 91:\n\t\t\t\tcharacters += delimit(character)\n\t\t\t\tbreak\n\t\t\t// \\t \\n \\r \\s\n\t\t\tcase 9: case 10: case 13: case 32:\n\t\t\t\tcharacters += whitespace(previous)\n\t\t\t\tbreak\n\t\t\t// \\\n\t\t\tcase 92:\n\t\t\t\tcharacters += escaping(caret() - 1, 7)\n\t\t\t\tcontinue\n\t\t\t// /\n\t\t\tcase 47:\n\t\t\t\tswitch (peek()) {\n\t\t\t\t\tcase 42: case 47:\n\t\t\t\t\t\tappend(comment(commenter(next(), caret()), root, parent), declarations)\n\t\t\t\t\t\tbreak\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tcharacters += '/'\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\t// {\n\t\t\tcase 123 * variable:\n\t\t\t\tpoints[index++] = strlen(characters) * ampersand\n\t\t\t// } ; \\0\n\t\t\tcase 125 * variable: case 59: case 0:\n\t\t\t\tswitch (character) {\n\t\t\t\t\t// \\0 }\n\t\t\t\t\tcase 0: case 125: scanning = 0\n\t\t\t\t\t// ;\n\t\t\t\t\tcase 59 + offset: if (ampersand == -1) characters = replace(characters, /\\f/g, '')\n\t\t\t\t\t\tif (property > 0 && (strlen(characters) - length))\n\t\t\t\t\t\t\tappend(property > 32 ? declaration(characters + ';', rule, parent, length - 1) : declaration(replace(characters, ' ', '') + ';', rule, parent, length - 2), declarations)\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// @ ;\n\t\t\t\t\tcase 59: characters += ';'\n\t\t\t\t\t// { rule/at-rule\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tappend(reference = ruleset(characters, root, parent, index, offset, rules, points, type, props = [], children = [], length), rulesets)\n\n\t\t\t\t\t\tif (character === 123)\n\t\t\t\t\t\t\tif (offset === 0)\n\t\t\t\t\t\t\t\tparse(characters, root, reference, reference, props, rulesets, length, points, children)\n\t\t\t\t\t\t\telse\n\t\t\t\t\t\t\t\tswitch (atrule === 99 && charat(characters, 3) === 110 ? 100 : atrule) {\n\t\t\t\t\t\t\t\t\t// d l m s\n\t\t\t\t\t\t\t\t\tcase 100: case 108: case 109: case 115:\n\t\t\t\t\t\t\t\t\t\tparse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length), children), rules, children, length, points, rule ? props : children)\n\t\t\t\t\t\t\t\t\t\tbreak\n\t\t\t\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\t\t\t\tparse(characters, reference, reference, reference, [''], children, 0, points, children)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tindex = offset = property = 0, variable = ampersand = 1, type = characters = '', length = pseudo\n\t\t\t\tbreak\n\t\t\t// :\n\t\t\tcase 58:\n\t\t\t\tlength = 1 + strlen(characters), property = previous\n\t\t\tdefault:\n\t\t\t\tif (variable < 1)\n\t\t\t\t\tif (character == 123)\n\t\t\t\t\t\t--variable\n\t\t\t\t\telse if (character == 125 && variable++ == 0 && prev() == 125)\n\t\t\t\t\t\tcontinue\n\n\t\t\t\tswitch (characters += from(character), character * variable) {\n\t\t\t\t\t// &\n\t\t\t\t\tcase 38:\n\t\t\t\t\t\tampersand = offset > 0 ? 1 : (characters += '\\f', -1)\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// ,\n\t\t\t\t\tcase 44:\n\t\t\t\t\t\tpoints[index++] = (strlen(characters) - 1) * ampersand, ampersand = 1\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// @\n\t\t\t\t\tcase 64:\n\t\t\t\t\t\t// -\n\t\t\t\t\t\tif (peek() === 45)\n\t\t\t\t\t\t\tcharacters += delimit(next())\n\n\t\t\t\t\t\tatrule = peek(), offset = length = strlen(type = characters += identifier(caret())), character++\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// -\n\t\t\t\t\tcase 45:\n\t\t\t\t\t\tif (previous === 45 && strlen(characters) == 2)\n\t\t\t\t\t\t\tvariable = 0\n\t\t\t\t}\n\t\t}\n\n\treturn rulesets\n}\n\n/**\n * @param {string} value\n * @param {object} root\n * @param {object?} parent\n * @param {number} index\n * @param {number} offset\n * @param {string[]} rules\n * @param {number[]} points\n * @param {string} type\n * @param {string[]} props\n * @param {string[]} children\n * @param {number} length\n * @return {object}\n */\nexport function ruleset (value, root, parent, index, offset, rules, points, type, props, children, length) {\n\tvar post = offset - 1\n\tvar rule = offset === 0 ? rules : ['']\n\tvar size = sizeof(rule)\n\n\tfor (var i = 0, j = 0, k = 0; i < index; ++i)\n\t\tfor (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z = value; x < size; ++x)\n\t\t\tif (z = trim(j > 0 ? rule[x] + ' ' + y : replace(y, /&\\f/g, rule[x])))\n\t\t\t\tprops[k++] = z\n\n\treturn node(value, root, parent, offset === 0 ? RULESET : type, props, children, length)\n}\n\n/**\n * @param {number} value\n * @param {object} root\n * @param {object?} parent\n * @return {object}\n */\nexport function comment (value, root, parent) {\n\treturn node(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0)\n}\n\n/**\n * @param {string} value\n * @param {object} root\n * @param {object?} parent\n * @param {number} length\n * @return {object}\n */\nexport function declaration (value, root, parent, length) {\n\treturn node(value, root, parent, DECLARATION, substr(value, 0, length), substr(value, length + 1, -1), length)\n}\n","import { StyleSheet } from '@emotion/sheet';\nimport { dealloc, alloc, next, token, from, peek, delimit, slice, position, RULESET, combine, match, serialize, copy, replace, WEBKIT, MOZ, MS, KEYFRAMES, DECLARATION, hash, charat, strlen, indexof, stringify, rulesheet, middleware, compile } from 'stylis';\nimport '@emotion/weak-memoize';\nimport '@emotion/memoize';\n\nvar identifierWithPointTracking = function identifierWithPointTracking(begin, points, index) {\n  var previous = 0;\n  var character = 0;\n\n  while (true) {\n    previous = character;\n    character = peek(); // &\\f\n\n    if (previous === 38 && character === 12) {\n      points[index] = 1;\n    }\n\n    if (token(character)) {\n      break;\n    }\n\n    next();\n  }\n\n  return slice(begin, position);\n};\n\nvar toRules = function toRules(parsed, points) {\n  // pretend we've started with a comma\n  var index = -1;\n  var character = 44;\n\n  do {\n    switch (token(character)) {\n      case 0:\n        // &\\f\n        if (character === 38 && peek() === 12) {\n          // this is not 100% correct, we don't account for literal sequences here - like for example quoted strings\n          // stylis inserts \\f after & to know when & where it should replace this sequence with the context selector\n          // and when it should just concatenate the outer and inner selectors\n          // it's very unlikely for this sequence to actually appear in a different context, so we just leverage this fact here\n          points[index] = 1;\n        }\n\n        parsed[index] += identifierWithPointTracking(position - 1, points, index);\n        break;\n\n      case 2:\n        parsed[index] += delimit(character);\n        break;\n\n      case 4:\n        // comma\n        if (character === 44) {\n          // colon\n          parsed[++index] = peek() === 58 ? '&\\f' : '';\n          points[index] = parsed[index].length;\n          break;\n        }\n\n      // fallthrough\n\n      default:\n        parsed[index] += from(character);\n    }\n  } while (character = next());\n\n  return parsed;\n};\n\nvar getRules = function getRules(value, points) {\n  return dealloc(toRules(alloc(value), points));\n}; // WeakSet would be more appropriate, but only WeakMap is supported in IE11\n\n\nvar fixedElements = /* #__PURE__ */new WeakMap();\nvar compat = function compat(element) {\n  if (element.type !== 'rule' || !element.parent || // positive .length indicates that this rule contains pseudo\n  // negative .length indicates that this rule has been already prefixed\n  element.length < 1) {\n    return;\n  }\n\n  var value = element.value;\n  var parent = element.parent;\n  var isImplicitRule = element.column === parent.column && element.line === parent.line;\n\n  while (parent.type !== 'rule') {\n    parent = parent.parent;\n    if (!parent) return;\n  } // short-circuit for the simplest case\n\n\n  if (element.props.length === 1 && value.charCodeAt(0) !== 58\n  /* colon */\n  && !fixedElements.get(parent)) {\n    return;\n  } // if this is an implicitly inserted rule (the one eagerly inserted at the each new nested level)\n  // then the props has already been manipulated beforehand as they that array is shared between it and its \"rule parent\"\n\n\n  if (isImplicitRule) {\n    return;\n  }\n\n  fixedElements.set(element, true);\n  var points = [];\n  var rules = getRules(value, points);\n  var parentRules = parent.props;\n\n  for (var i = 0, k = 0; i < rules.length; i++) {\n    for (var j = 0; j < parentRules.length; j++, k++) {\n      element.props[k] = points[i] ? rules[i].replace(/&\\f/g, parentRules[j]) : parentRules[j] + \" \" + rules[i];\n    }\n  }\n};\nvar removeLabel = function removeLabel(element) {\n  if (element.type === 'decl') {\n    var value = element.value;\n\n    if ( // charcode for l\n    value.charCodeAt(0) === 108 && // charcode for b\n    value.charCodeAt(2) === 98) {\n      // this ignores label\n      element[\"return\"] = '';\n      element.value = '';\n    }\n  }\n};\n\n/* eslint-disable no-fallthrough */\n\nfunction prefix(value, length) {\n  switch (hash(value, length)) {\n    // color-adjust\n    case 5103:\n      return WEBKIT + 'print-' + value + value;\n    // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)\n\n    case 5737:\n    case 4201:\n    case 3177:\n    case 3433:\n    case 1641:\n    case 4457:\n    case 2921: // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break\n\n    case 5572:\n    case 6356:\n    case 5844:\n    case 3191:\n    case 6645:\n    case 3005: // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,\n\n    case 6391:\n    case 5879:\n    case 5623:\n    case 6135:\n    case 4599:\n    case 4855: // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)\n\n    case 4215:\n    case 6389:\n    case 5109:\n    case 5365:\n    case 5621:\n    case 3829:\n      return WEBKIT + value + value;\n    // appearance, user-select, transform, hyphens, text-size-adjust\n\n    case 5349:\n    case 4246:\n    case 4810:\n    case 6968:\n    case 2756:\n      return WEBKIT + value + MOZ + value + MS + value + value;\n    // flex, flex-direction\n\n    case 6828:\n    case 4268:\n      return WEBKIT + value + MS + value + value;\n    // order\n\n    case 6165:\n      return WEBKIT + value + MS + 'flex-' + value + value;\n    // align-items\n\n    case 5187:\n      return WEBKIT + value + replace(value, /(\\w+).+(:[^]+)/, WEBKIT + 'box-$1$2' + MS + 'flex-$1$2') + value;\n    // align-self\n\n    case 5443:\n      return WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/, '') + value;\n    // align-content\n\n    case 4675:\n      return WEBKIT + value + MS + 'flex-line-pack' + replace(value, /align-content|flex-|-self/, '') + value;\n    // flex-shrink\n\n    case 5548:\n      return WEBKIT + value + MS + replace(value, 'shrink', 'negative') + value;\n    // flex-basis\n\n    case 5292:\n      return WEBKIT + value + MS + replace(value, 'basis', 'preferred-size') + value;\n    // flex-grow\n\n    case 6060:\n      return WEBKIT + 'box-' + replace(value, '-grow', '') + WEBKIT + value + MS + replace(value, 'grow', 'positive') + value;\n    // transition\n\n    case 4554:\n      return WEBKIT + replace(value, /([^-])(transform)/g, '$1' + WEBKIT + '$2') + value;\n    // cursor\n\n    case 6187:\n      return replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + '$1'), /(image-set)/, WEBKIT + '$1'), value, '') + value;\n    // background, background-image\n\n    case 5495:\n    case 3959:\n      return replace(value, /(image-set\\([^]*)/, WEBKIT + '$1' + '$`$1');\n    // justify-content\n\n    case 4968:\n      return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + 'box-pack:$3' + MS + 'flex-pack:$3'), /s.+-b[^;]+/, 'justify') + WEBKIT + value + value;\n    // (margin|padding)-inline-(start|end)\n\n    case 4095:\n    case 3583:\n    case 4068:\n    case 2532:\n      return replace(value, /(.+)-inline(.+)/, WEBKIT + '$1$2') + value;\n    // (min|max)?(width|height|inline-size|block-size)\n\n    case 8116:\n    case 7059:\n    case 5753:\n    case 5535:\n    case 5445:\n    case 5701:\n    case 4933:\n    case 4677:\n    case 5533:\n    case 5789:\n    case 5021:\n    case 4765:\n      // stretch, max-content, min-content, fill-available\n      if (strlen(value) - 1 - length > 6) switch (charat(value, length + 1)) {\n        // (m)ax-content, (m)in-content\n        case 109:\n          // -\n          if (charat(value, length + 4) !== 45) break;\n        // (f)ill-available, (f)it-content\n\n        case 102:\n          return replace(value, /(.+:)(.+)-([^]+)/, '$1' + WEBKIT + '$2-$3' + '$1' + MOZ + (charat(value, length + 3) == 108 ? '$3' : '$2-$3')) + value;\n        // (s)tretch\n\n        case 115:\n          return ~indexof(value, 'stretch') ? prefix(replace(value, 'stretch', 'fill-available'), length) + value : value;\n      }\n      break;\n    // position: sticky\n\n    case 4949:\n      // (s)ticky?\n      if (charat(value, length + 1) !== 115) break;\n    // display: (flex|inline-flex)\n\n    case 6444:\n      switch (charat(value, strlen(value) - 3 - (~indexof(value, '!important') && 10))) {\n        // stic(k)y\n        case 107:\n          return replace(value, ':', ':' + WEBKIT) + value;\n        // (inline-)?fl(e)x\n\n        case 101:\n          return replace(value, /(.+:)([^;!]+)(;|!.+)?/, '$1' + WEBKIT + (charat(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + WEBKIT + '$2$3' + '$1' + MS + '$2box$3') + value;\n      }\n\n      break;\n    // writing-mode\n\n    case 5936:\n      switch (charat(value, length + 11)) {\n        // vertical-l(r)\n        case 114:\n          return WEBKIT + value + MS + replace(value, /[svh]\\w+-[tblr]{2}/, 'tb') + value;\n        // vertical-r(l)\n\n        case 108:\n          return WEBKIT + value + MS + replace(value, /[svh]\\w+-[tblr]{2}/, 'tb-rl') + value;\n        // horizontal(-)tb\n\n        case 45:\n          return WEBKIT + value + MS + replace(value, /[svh]\\w+-[tblr]{2}/, 'lr') + value;\n      }\n\n      return WEBKIT + value + MS + value + value;\n  }\n\n  return value;\n}\n\nvar prefixer = function prefixer(element, index, children, callback) {\n  if (element.length > -1) if (!element[\"return\"]) switch (element.type) {\n    case DECLARATION:\n      element[\"return\"] = prefix(element.value, element.length);\n      break;\n\n    case KEYFRAMES:\n      return serialize([copy(element, {\n        value: replace(element.value, '@', '@' + WEBKIT)\n      })], callback);\n\n    case RULESET:\n      if (element.length) return combine(element.props, function (value) {\n        switch (match(value, /(::plac\\w+|:read-\\w+)/)) {\n          // :read-(only|write)\n          case ':read-only':\n          case ':read-write':\n            return serialize([copy(element, {\n              props: [replace(value, /:(read-\\w+)/, ':' + MOZ + '$1')]\n            })], callback);\n          // :placeholder\n\n          case '::placeholder':\n            return serialize([copy(element, {\n              props: [replace(value, /:(plac\\w+)/, ':' + WEBKIT + 'input-$1')]\n            }), copy(element, {\n              props: [replace(value, /:(plac\\w+)/, ':' + MOZ + '$1')]\n            }), copy(element, {\n              props: [replace(value, /:(plac\\w+)/, MS + 'input-$1')]\n            })], callback);\n        }\n\n        return '';\n      });\n  }\n};\n\nvar defaultStylisPlugins = [prefixer];\n\nvar createCache = function createCache(options) {\n  var key = options.key;\n\n  if (key === 'css') {\n    var ssrStyles = document.querySelectorAll(\"style[data-emotion]:not([data-s])\"); // get SSRed styles out of the way of React's hydration\n    // document.head is a safe place to move them to(though note document.head is not necessarily the last place they will be)\n    // note this very very intentionally targets all style elements regardless of the key to ensure\n    // that creating a cache works inside of render of a React component\n\n    Array.prototype.forEach.call(ssrStyles, function (node) {\n      // we want to only move elements which have a space in the data-emotion attribute value\n      // because that indicates that it is an Emotion 11 server-side rendered style elements\n      // while we will already ignore Emotion 11 client-side inserted styles because of the :not([data-s]) part in the selector\n      // Emotion 10 client-side inserted styles did not have data-s (but importantly did not have a space in their data-emotion attributes)\n      // so checking for the space ensures that loading Emotion 11 after Emotion 10 has inserted some styles\n      // will not result in the Emotion 10 styles being destroyed\n      var dataEmotionAttribute = node.getAttribute('data-emotion');\n\n      if (dataEmotionAttribute.indexOf(' ') === -1) {\n        return;\n      }\n\n      document.head.appendChild(node);\n      node.setAttribute('data-s', '');\n    });\n  }\n\n  var stylisPlugins = options.stylisPlugins || defaultStylisPlugins;\n\n  var inserted = {};\n  var container;\n  var nodesToHydrate = [];\n\n  {\n    container = options.container || document.head;\n    Array.prototype.forEach.call( // this means we will ignore elements which don't have a space in them which\n    // means that the style elements we're looking at are only Emotion 11 server-rendered style elements\n    document.querySelectorAll(\"style[data-emotion^=\\\"\" + key + \" \\\"]\"), function (node) {\n      var attrib = node.getAttribute(\"data-emotion\").split(' ');\n\n      for (var i = 1; i < attrib.length; i++) {\n        inserted[attrib[i]] = true;\n      }\n\n      nodesToHydrate.push(node);\n    });\n  }\n\n  var _insert;\n\n  var omnipresentPlugins = [compat, removeLabel];\n\n  {\n    var currentSheet;\n    var finalizingPlugins = [stringify, rulesheet(function (rule) {\n      currentSheet.insert(rule);\n    })];\n    var serializer = middleware(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));\n\n    var stylis = function stylis(styles) {\n      return serialize(compile(styles), serializer);\n    };\n\n    _insert = function insert(selector, serialized, sheet, shouldCache) {\n      currentSheet = sheet;\n\n      stylis(selector ? selector + \"{\" + serialized.styles + \"}\" : serialized.styles);\n\n      if (shouldCache) {\n        cache.inserted[serialized.name] = true;\n      }\n    };\n  }\n\n  var cache = {\n    key: key,\n    sheet: new StyleSheet({\n      key: key,\n      container: container,\n      nonce: options.nonce,\n      speedy: options.speedy,\n      prepend: options.prepend,\n      insertionPoint: options.insertionPoint\n    }),\n    nonce: options.nonce,\n    inserted: inserted,\n    registered: {},\n    insert: _insert\n  };\n  cache.sheet.hydrate(nodesToHydrate);\n  return cache;\n};\n\nexport { createCache as default };\n","import memoize from '@emotion/memoize';\n\n// eslint-disable-next-line no-undef\nvar reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23\n\nvar isPropValid = /* #__PURE__ */memoize(function (prop) {\n  return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111\n  /* o */\n  && prop.charCodeAt(1) === 110\n  /* n */\n  && prop.charCodeAt(2) < 91;\n}\n/* Z+1 */\n);\n\nexport { isPropValid as default };\n","function memoize(fn) {\n  var cache = Object.create(null);\n  return function (arg) {\n    if (cache[arg] === undefined) cache[arg] = fn(arg);\n    return cache[arg];\n  };\n}\n\nexport { memoize as default };\n","import * as React from 'react';\nimport { useContext, forwardRef } from 'react';\nimport createCache from '@emotion/cache';\nimport _extends from '@babel/runtime/helpers/esm/extends';\nimport weakMemoize from '@emotion/weak-memoize';\nimport hoistNonReactStatics from '../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js';\nimport { getRegisteredStyles, registerStyles, insertStyles } from '@emotion/utils';\nimport { serializeStyles } from '@emotion/serialize';\nimport { useInsertionEffectAlwaysWithSyncFallback } from '@emotion/use-insertion-effect-with-fallbacks';\n\nvar isDevelopment = false;\n\nvar EmotionCacheContext = /* #__PURE__ */React.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case\n// because this module is primarily intended for the browser and node\n// but it's also required in react native and similar environments sometimes\n// and we could have a special build just for that\n// but this is much easier and the native packages\n// might use a different theme context in the future anyway\ntypeof HTMLElement !== 'undefined' ? /* #__PURE__ */createCache({\n  key: 'css'\n}) : null);\n\nvar CacheProvider = EmotionCacheContext.Provider;\nvar __unsafe_useEmotionCache = function useEmotionCache() {\n  return useContext(EmotionCacheContext);\n};\n\nvar withEmotionCache = function withEmotionCache(func) {\n  return /*#__PURE__*/forwardRef(function (props, ref) {\n    // the cache will never be null in the browser\n    var cache = useContext(EmotionCacheContext);\n    return func(props, cache, ref);\n  });\n};\n\nvar ThemeContext = /* #__PURE__ */React.createContext({});\n\nvar useTheme = function useTheme() {\n  return React.useContext(ThemeContext);\n};\n\nvar getTheme = function getTheme(outerTheme, theme) {\n  if (typeof theme === 'function') {\n    var mergedTheme = theme(outerTheme);\n\n    return mergedTheme;\n  }\n\n  return _extends({}, outerTheme, theme);\n};\n\nvar createCacheWithTheme = /* #__PURE__ */weakMemoize(function (outerTheme) {\n  return weakMemoize(function (theme) {\n    return getTheme(outerTheme, theme);\n  });\n});\nvar ThemeProvider = function ThemeProvider(props) {\n  var theme = React.useContext(ThemeContext);\n\n  if (props.theme !== theme) {\n    theme = createCacheWithTheme(theme)(props.theme);\n  }\n\n  return /*#__PURE__*/React.createElement(ThemeContext.Provider, {\n    value: theme\n  }, props.children);\n};\nfunction withTheme(Component) {\n  var componentName = Component.displayName || Component.name || 'Component';\n  var WithTheme = /*#__PURE__*/React.forwardRef(function render(props, ref) {\n    var theme = React.useContext(ThemeContext);\n    return /*#__PURE__*/React.createElement(Component, _extends({\n      theme: theme,\n      ref: ref\n    }, props));\n  });\n  WithTheme.displayName = \"WithTheme(\" + componentName + \")\";\n  return hoistNonReactStatics(WithTheme, Component);\n}\n\nvar hasOwn = {}.hasOwnProperty;\n\nvar typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';\nvar createEmotionProps = function createEmotionProps(type, props) {\n\n  var newProps = {};\n\n  for (var _key in props) {\n    if (hasOwn.call(props, _key)) {\n      newProps[_key] = props[_key];\n    }\n  }\n\n  newProps[typePropName] = type; // Runtime labeling is an opt-in feature because:\n\n  return newProps;\n};\n\nvar Insertion = function Insertion(_ref) {\n  var cache = _ref.cache,\n      serialized = _ref.serialized,\n      isStringTag = _ref.isStringTag;\n  registerStyles(cache, serialized, isStringTag);\n  useInsertionEffectAlwaysWithSyncFallback(function () {\n    return insertStyles(cache, serialized, isStringTag);\n  });\n\n  return null;\n};\n\nvar Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {\n  var cssProp = props.css; // so that using `css` from `emotion` and passing the result to the css prop works\n  // not passing the registered cache to serializeStyles because it would\n  // make certain babel optimisations not possible\n\n  if (typeof cssProp === 'string' && cache.registered[cssProp] !== undefined) {\n    cssProp = cache.registered[cssProp];\n  }\n\n  var WrappedComponent = props[typePropName];\n  var registeredStyles = [cssProp];\n  var className = '';\n\n  if (typeof props.className === 'string') {\n    className = getRegisteredStyles(cache.registered, registeredStyles, props.className);\n  } else if (props.className != null) {\n    className = props.className + \" \";\n  }\n\n  var serialized = serializeStyles(registeredStyles, undefined, React.useContext(ThemeContext));\n\n  className += cache.key + \"-\" + serialized.name;\n  var newProps = {};\n\n  for (var _key2 in props) {\n    if (hasOwn.call(props, _key2) && _key2 !== 'css' && _key2 !== typePropName && (!isDevelopment )) {\n      newProps[_key2] = props[_key2];\n    }\n  }\n\n  newProps.className = className;\n\n  if (ref) {\n    newProps.ref = ref;\n  }\n\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion, {\n    cache: cache,\n    serialized: serialized,\n    isStringTag: typeof WrappedComponent === 'string'\n  }), /*#__PURE__*/React.createElement(WrappedComponent, newProps));\n});\n\nvar Emotion$1 = Emotion;\n\nexport { CacheProvider as C, Emotion$1 as E, ThemeContext as T, __unsafe_useEmotionCache as _, ThemeProvider as a, withTheme as b, createEmotionProps as c, hasOwn as h, isDevelopment as i, useTheme as u, withEmotionCache as w };\n","import { h as hasOwn, E as Emotion, c as createEmotionProps, w as withEmotionCache, T as ThemeContext, i as isDevelopment } from './emotion-element-f0de968e.browser.esm.js';\nexport { C as CacheProvider, T as ThemeContext, a as ThemeProvider, _ as __unsafe_useEmotionCache, u as useTheme, w as withEmotionCache, b as withTheme } from './emotion-element-f0de968e.browser.esm.js';\nimport * as React from 'react';\nimport { insertStyles, registerStyles, getRegisteredStyles } from '@emotion/utils';\nimport { useInsertionEffectWithLayoutFallback, useInsertionEffectAlwaysWithSyncFallback } from '@emotion/use-insertion-effect-with-fallbacks';\nimport { serializeStyles } from '@emotion/serialize';\nimport '@emotion/cache';\nimport '@babel/runtime/helpers/extends';\nimport '@emotion/weak-memoize';\nimport '../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js';\nimport 'hoist-non-react-statics';\n\nvar jsx = function jsx(type, props) {\n  // eslint-disable-next-line prefer-rest-params\n  var args = arguments;\n\n  if (props == null || !hasOwn.call(props, 'css')) {\n    return React.createElement.apply(undefined, args);\n  }\n\n  var argsLength = args.length;\n  var createElementArgArray = new Array(argsLength);\n  createElementArgArray[0] = Emotion;\n  createElementArgArray[1] = createEmotionProps(type, props);\n\n  for (var i = 2; i < argsLength; i++) {\n    createElementArgArray[i] = args[i];\n  }\n\n  return React.createElement.apply(null, createElementArgArray);\n};\n\n(function (_jsx) {\n  var JSX;\n\n  (function (_JSX) {})(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));\n})(jsx || (jsx = {}));\n\n// initial render from browser, insertBefore context.sheet.tags[0] or if a style hasn't been inserted there yet, appendChild\n// initial client-side render from SSR, use place of hydrating tag\n\nvar Global = /* #__PURE__ */withEmotionCache(function (props, cache) {\n\n  var styles = props.styles;\n  var serialized = serializeStyles([styles], undefined, React.useContext(ThemeContext));\n  // but it is based on a constant that will never change at runtime\n  // it's effectively like having two implementations and switching them out\n  // so it's not actually breaking anything\n\n\n  var sheetRef = React.useRef();\n  useInsertionEffectWithLayoutFallback(function () {\n    var key = cache.key + \"-global\"; // use case of https://github.com/emotion-js/emotion/issues/2675\n\n    var sheet = new cache.sheet.constructor({\n      key: key,\n      nonce: cache.sheet.nonce,\n      container: cache.sheet.container,\n      speedy: cache.sheet.isSpeedy\n    });\n    var rehydrating = false;\n    var node = document.querySelector(\"style[data-emotion=\\\"\" + key + \" \" + serialized.name + \"\\\"]\");\n\n    if (cache.sheet.tags.length) {\n      sheet.before = cache.sheet.tags[0];\n    }\n\n    if (node !== null) {\n      rehydrating = true; // clear the hash so this node won't be recognizable as rehydratable by other <Global/>s\n\n      node.setAttribute('data-emotion', key);\n      sheet.hydrate([node]);\n    }\n\n    sheetRef.current = [sheet, rehydrating];\n    return function () {\n      sheet.flush();\n    };\n  }, [cache]);\n  useInsertionEffectWithLayoutFallback(function () {\n    var sheetRefCurrent = sheetRef.current;\n    var sheet = sheetRefCurrent[0],\n        rehydrating = sheetRefCurrent[1];\n\n    if (rehydrating) {\n      sheetRefCurrent[1] = false;\n      return;\n    }\n\n    if (serialized.next !== undefined) {\n      // insert keyframes\n      insertStyles(cache, serialized.next, true);\n    }\n\n    if (sheet.tags.length) {\n      // if this doesn't exist then it will be null so the style element will be appended\n      var element = sheet.tags[sheet.tags.length - 1].nextElementSibling;\n      sheet.before = element;\n      sheet.flush();\n    }\n\n    cache.insert(\"\", serialized, sheet, false);\n  }, [cache, serialized.name]);\n  return null;\n});\n\nfunction css() {\n  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n    args[_key] = arguments[_key];\n  }\n\n  return serializeStyles(args);\n}\n\nfunction keyframes() {\n  var insertable = css.apply(void 0, arguments);\n  var name = \"animation-\" + insertable.name;\n  return {\n    name: name,\n    styles: \"@keyframes \" + name + \"{\" + insertable.styles + \"}\",\n    anim: 1,\n    toString: function toString() {\n      return \"_EMO_\" + this.name + \"_\" + this.styles + \"_EMO_\";\n    }\n  };\n}\n\nvar classnames = function classnames(args) {\n  var len = args.length;\n  var i = 0;\n  var cls = '';\n\n  for (; i < len; i++) {\n    var arg = args[i];\n    if (arg == null) continue;\n    var toAdd = void 0;\n\n    switch (typeof arg) {\n      case 'boolean':\n        break;\n\n      case 'object':\n        {\n          if (Array.isArray(arg)) {\n            toAdd = classnames(arg);\n          } else {\n\n            toAdd = '';\n\n            for (var k in arg) {\n              if (arg[k] && k) {\n                toAdd && (toAdd += ' ');\n                toAdd += k;\n              }\n            }\n          }\n\n          break;\n        }\n\n      default:\n        {\n          toAdd = arg;\n        }\n    }\n\n    if (toAdd) {\n      cls && (cls += ' ');\n      cls += toAdd;\n    }\n  }\n\n  return cls;\n};\n\nfunction merge(registered, css, className) {\n  var registeredStyles = [];\n  var rawClassName = getRegisteredStyles(registered, registeredStyles, className);\n\n  if (registeredStyles.length < 2) {\n    return className;\n  }\n\n  return rawClassName + css(registeredStyles);\n}\n\nvar Insertion = function Insertion(_ref) {\n  var cache = _ref.cache,\n      serializedArr = _ref.serializedArr;\n  useInsertionEffectAlwaysWithSyncFallback(function () {\n\n    for (var i = 0; i < serializedArr.length; i++) {\n      insertStyles(cache, serializedArr[i], false);\n    }\n  });\n\n  return null;\n};\n\nvar ClassNames = /* #__PURE__ */withEmotionCache(function (props, cache) {\n  var hasRendered = false;\n  var serializedArr = [];\n\n  var css = function css() {\n    if (hasRendered && isDevelopment) {\n      throw new Error('css can only be used during render');\n    }\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    var serialized = serializeStyles(args, cache.registered);\n    serializedArr.push(serialized); // registration has to happen here as the result of this might get consumed by `cx`\n\n    registerStyles(cache, serialized, false);\n    return cache.key + \"-\" + serialized.name;\n  };\n\n  var cx = function cx() {\n    if (hasRendered && isDevelopment) {\n      throw new Error('cx can only be used during render');\n    }\n\n    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n      args[_key2] = arguments[_key2];\n    }\n\n    return merge(cache.registered, css, classnames(args));\n  };\n\n  var content = {\n    css: css,\n    cx: cx,\n    theme: React.useContext(ThemeContext)\n  };\n  var ele = props.children(content);\n  hasRendered = true;\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion, {\n    cache: cache,\n    serializedArr: serializedArr\n  }), ele);\n});\n\nexport { ClassNames, Global, jsx as createElement, css, jsx, keyframes };\n","/* eslint-disable */\n// Inspired by https://github.com/garycourt/murmurhash-js\n// Ported from https://github.com/aappleby/smhasher/blob/61a0530f28277f2e850bfc39600ce61d02b518de/src/MurmurHash2.cpp#L37-L86\nfunction murmur2(str) {\n  // 'm' and 'r' are mixing constants generated offline.\n  // They're not really 'magic', they just happen to work well.\n  // const m = 0x5bd1e995;\n  // const r = 24;\n  // Initialize the hash\n  var h = 0; // Mix 4 bytes at a time into the hash\n\n  var k,\n      i = 0,\n      len = str.length;\n\n  for (; len >= 4; ++i, len -= 4) {\n    k = str.charCodeAt(i) & 0xff | (str.charCodeAt(++i) & 0xff) << 8 | (str.charCodeAt(++i) & 0xff) << 16 | (str.charCodeAt(++i) & 0xff) << 24;\n    k =\n    /* Math.imul(k, m): */\n    (k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16);\n    k ^=\n    /* k >>> r: */\n    k >>> 24;\n    h =\n    /* Math.imul(k, m): */\n    (k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16) ^\n    /* Math.imul(h, m): */\n    (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);\n  } // Handle the last few bytes of the input array\n\n\n  switch (len) {\n    case 3:\n      h ^= (str.charCodeAt(i + 2) & 0xff) << 16;\n\n    case 2:\n      h ^= (str.charCodeAt(i + 1) & 0xff) << 8;\n\n    case 1:\n      h ^= str.charCodeAt(i) & 0xff;\n      h =\n      /* Math.imul(h, m): */\n      (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);\n  } // Do a few final mixes of the hash to ensure the last few\n  // bytes are well-incorporated.\n\n\n  h ^= h >>> 13;\n  h =\n  /* Math.imul(h, m): */\n  (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);\n  return ((h ^ h >>> 15) >>> 0).toString(36);\n}\n\nexport { murmur2 as default };\n","var unitlessKeys = {\n  animationIterationCount: 1,\n  aspectRatio: 1,\n  borderImageOutset: 1,\n  borderImageSlice: 1,\n  borderImageWidth: 1,\n  boxFlex: 1,\n  boxFlexGroup: 1,\n  boxOrdinalGroup: 1,\n  columnCount: 1,\n  columns: 1,\n  flex: 1,\n  flexGrow: 1,\n  flexPositive: 1,\n  flexShrink: 1,\n  flexNegative: 1,\n  flexOrder: 1,\n  gridRow: 1,\n  gridRowEnd: 1,\n  gridRowSpan: 1,\n  gridRowStart: 1,\n  gridColumn: 1,\n  gridColumnEnd: 1,\n  gridColumnSpan: 1,\n  gridColumnStart: 1,\n  msGridRow: 1,\n  msGridRowSpan: 1,\n  msGridColumn: 1,\n  msGridColumnSpan: 1,\n  fontWeight: 1,\n  lineHeight: 1,\n  opacity: 1,\n  order: 1,\n  orphans: 1,\n  scale: 1,\n  tabSize: 1,\n  widows: 1,\n  zIndex: 1,\n  zoom: 1,\n  WebkitLineClamp: 1,\n  // SVG-related properties\n  fillOpacity: 1,\n  floodOpacity: 1,\n  stopOpacity: 1,\n  strokeDasharray: 1,\n  strokeDashoffset: 1,\n  strokeMiterlimit: 1,\n  strokeOpacity: 1,\n  strokeWidth: 1\n};\n\nexport { unitlessKeys as default };\n","import hashString from '@emotion/hash';\nimport unitless from '@emotion/unitless';\nimport memoize from '@emotion/memoize';\n\nvar isDevelopment = false;\n\nvar hyphenateRegex = /[A-Z]|^ms/g;\nvar animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g;\n\nvar isCustomProperty = function isCustomProperty(property) {\n  return property.charCodeAt(1) === 45;\n};\n\nvar isProcessableValue = function isProcessableValue(value) {\n  return value != null && typeof value !== 'boolean';\n};\n\nvar processStyleName = /* #__PURE__ */memoize(function (styleName) {\n  return isCustomProperty(styleName) ? styleName : styleName.replace(hyphenateRegex, '-$&').toLowerCase();\n});\n\nvar processStyleValue = function processStyleValue(key, value) {\n  switch (key) {\n    case 'animation':\n    case 'animationName':\n      {\n        if (typeof value === 'string') {\n          return value.replace(animationRegex, function (match, p1, p2) {\n            cursor = {\n              name: p1,\n              styles: p2,\n              next: cursor\n            };\n            return p1;\n          });\n        }\n      }\n  }\n\n  if (unitless[key] !== 1 && !isCustomProperty(key) && typeof value === 'number' && value !== 0) {\n    return value + 'px';\n  }\n\n  return value;\n};\n\nvar noComponentSelectorMessage = 'Component selectors can only be used in conjunction with ' + '@emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware ' + 'compiler transform.';\n\nfunction handleInterpolation(mergedProps, registered, interpolation) {\n  if (interpolation == null) {\n    return '';\n  }\n\n  var componentSelector = interpolation;\n\n  if (componentSelector.__emotion_styles !== undefined) {\n\n    return componentSelector;\n  }\n\n  switch (typeof interpolation) {\n    case 'boolean':\n      {\n        return '';\n      }\n\n    case 'object':\n      {\n        var keyframes = interpolation;\n\n        if (keyframes.anim === 1) {\n          cursor = {\n            name: keyframes.name,\n            styles: keyframes.styles,\n            next: cursor\n          };\n          return keyframes.name;\n        }\n\n        var serializedStyles = interpolation;\n\n        if (serializedStyles.styles !== undefined) {\n          var next = serializedStyles.next;\n\n          if (next !== undefined) {\n            // not the most efficient thing ever but this is a pretty rare case\n            // and there will be very few iterations of this generally\n            while (next !== undefined) {\n              cursor = {\n                name: next.name,\n                styles: next.styles,\n                next: cursor\n              };\n              next = next.next;\n            }\n          }\n\n          var styles = serializedStyles.styles + \";\";\n          return styles;\n        }\n\n        return createStringFromObject(mergedProps, registered, interpolation);\n      }\n\n    case 'function':\n      {\n        if (mergedProps !== undefined) {\n          var previousCursor = cursor;\n          var result = interpolation(mergedProps);\n          cursor = previousCursor;\n          return handleInterpolation(mergedProps, registered, result);\n        }\n\n        break;\n      }\n  } // finalize string values (regular strings and functions interpolated into css calls)\n\n\n  var asString = interpolation;\n\n  if (registered == null) {\n    return asString;\n  }\n\n  var cached = registered[asString];\n  return cached !== undefined ? cached : asString;\n}\n\nfunction createStringFromObject(mergedProps, registered, obj) {\n  var string = '';\n\n  if (Array.isArray(obj)) {\n    for (var i = 0; i < obj.length; i++) {\n      string += handleInterpolation(mergedProps, registered, obj[i]) + \";\";\n    }\n  } else {\n    for (var key in obj) {\n      var value = obj[key];\n\n      if (typeof value !== 'object') {\n        var asString = value;\n\n        if (registered != null && registered[asString] !== undefined) {\n          string += key + \"{\" + registered[asString] + \"}\";\n        } else if (isProcessableValue(asString)) {\n          string += processStyleName(key) + \":\" + processStyleValue(key, asString) + \";\";\n        }\n      } else {\n        if (key === 'NO_COMPONENT_SELECTOR' && isDevelopment) {\n          throw new Error(noComponentSelectorMessage);\n        }\n\n        if (Array.isArray(value) && typeof value[0] === 'string' && (registered == null || registered[value[0]] === undefined)) {\n          for (var _i = 0; _i < value.length; _i++) {\n            if (isProcessableValue(value[_i])) {\n              string += processStyleName(key) + \":\" + processStyleValue(key, value[_i]) + \";\";\n            }\n          }\n        } else {\n          var interpolated = handleInterpolation(mergedProps, registered, value);\n\n          switch (key) {\n            case 'animation':\n            case 'animationName':\n              {\n                string += processStyleName(key) + \":\" + interpolated + \";\";\n                break;\n              }\n\n            default:\n              {\n\n                string += key + \"{\" + interpolated + \"}\";\n              }\n          }\n        }\n      }\n    }\n  }\n\n  return string;\n}\n\nvar labelPattern = /label:\\s*([^\\s;{]+)\\s*(;|$)/g; // this is the cursor for keyframes\n// keyframes are stored on the SerializedStyles object as a linked list\n\nvar cursor;\nfunction serializeStyles(args, registered, mergedProps) {\n  if (args.length === 1 && typeof args[0] === 'object' && args[0] !== null && args[0].styles !== undefined) {\n    return args[0];\n  }\n\n  var stringMode = true;\n  var styles = '';\n  cursor = undefined;\n  var strings = args[0];\n\n  if (strings == null || strings.raw === undefined) {\n    stringMode = false;\n    styles += handleInterpolation(mergedProps, registered, strings);\n  } else {\n    var asTemplateStringsArr = strings;\n\n    styles += asTemplateStringsArr[0];\n  } // we start at 1 since we've already handled the first arg\n\n\n  for (var i = 1; i < args.length; i++) {\n    styles += handleInterpolation(mergedProps, registered, args[i]);\n\n    if (stringMode) {\n      var templateStringsArr = strings;\n\n      styles += templateStringsArr[i];\n    }\n  } // using a global regex with .exec is stateful so lastIndex has to be reset each time\n\n\n  labelPattern.lastIndex = 0;\n  var identifierName = '';\n  var match; // https://esbench.com/bench/5b809c2cf2949800a0f61fb5\n\n  while ((match = labelPattern.exec(styles)) !== null) {\n    identifierName += '-' + match[1];\n  }\n\n  var name = hashString(styles) + identifierName;\n\n  return {\n    name: name,\n    styles: styles,\n    next: cursor\n  };\n}\n\nexport { serializeStyles };\n","import _extends from '@babel/runtime/helpers/esm/extends';\nimport { withEmotionCache, ThemeContext } from '@emotion/react';\nimport { serializeStyles } from '@emotion/serialize';\nimport { useInsertionEffectAlwaysWithSyncFallback } from '@emotion/use-insertion-effect-with-fallbacks';\nimport { getRegisteredStyles, registerStyles, insertStyles } from '@emotion/utils';\nimport * as React from 'react';\nimport isPropValid from '@emotion/is-prop-valid';\n\nvar isDevelopment = false;\n\nvar testOmitPropsOnStringTag = isPropValid;\n\nvar testOmitPropsOnComponent = function testOmitPropsOnComponent(key) {\n  return key !== 'theme';\n};\n\nvar getDefaultShouldForwardProp = function getDefaultShouldForwardProp(tag) {\n  return typeof tag === 'string' && // 96 is one less than the char code\n  // for \"a\" so this is checking that\n  // it's a lowercase character\n  tag.charCodeAt(0) > 96 ? testOmitPropsOnStringTag : testOmitPropsOnComponent;\n};\nvar composeShouldForwardProps = function composeShouldForwardProps(tag, options, isReal) {\n  var shouldForwardProp;\n\n  if (options) {\n    var optionsShouldForwardProp = options.shouldForwardProp;\n    shouldForwardProp = tag.__emotion_forwardProp && optionsShouldForwardProp ? function (propName) {\n      return tag.__emotion_forwardProp(propName) && optionsShouldForwardProp(propName);\n    } : optionsShouldForwardProp;\n  }\n\n  if (typeof shouldForwardProp !== 'function' && isReal) {\n    shouldForwardProp = tag.__emotion_forwardProp;\n  }\n\n  return shouldForwardProp;\n};\n\nvar Insertion = function Insertion(_ref) {\n  var cache = _ref.cache,\n      serialized = _ref.serialized,\n      isStringTag = _ref.isStringTag;\n  registerStyles(cache, serialized, isStringTag);\n  useInsertionEffectAlwaysWithSyncFallback(function () {\n    return insertStyles(cache, serialized, isStringTag);\n  });\n\n  return null;\n};\n\nvar createStyled = function createStyled(tag, options) {\n\n  var isReal = tag.__emotion_real === tag;\n  var baseTag = isReal && tag.__emotion_base || tag;\n  var identifierName;\n  var targetClassName;\n\n  if (options !== undefined) {\n    identifierName = options.label;\n    targetClassName = options.target;\n  }\n\n  var shouldForwardProp = composeShouldForwardProps(tag, options, isReal);\n  var defaultShouldForwardProp = shouldForwardProp || getDefaultShouldForwardProp(baseTag);\n  var shouldUseAs = !defaultShouldForwardProp('as');\n  return function () {\n    // eslint-disable-next-line prefer-rest-params\n    var args = arguments;\n    var styles = isReal && tag.__emotion_styles !== undefined ? tag.__emotion_styles.slice(0) : [];\n\n    if (identifierName !== undefined) {\n      styles.push(\"label:\" + identifierName + \";\");\n    }\n\n    if (args[0] == null || args[0].raw === undefined) {\n      // eslint-disable-next-line prefer-spread\n      styles.push.apply(styles, args);\n    } else {\n      var templateStringsArr = args[0];\n\n      styles.push(templateStringsArr[0]);\n      var len = args.length;\n      var i = 1;\n\n      for (; i < len; i++) {\n\n        styles.push(args[i], templateStringsArr[i]);\n      }\n    }\n\n    var Styled = withEmotionCache(function (props, cache, ref) {\n      var FinalTag = shouldUseAs && props.as || baseTag;\n      var className = '';\n      var classInterpolations = [];\n      var mergedProps = props;\n\n      if (props.theme == null) {\n        mergedProps = {};\n\n        for (var key in props) {\n          mergedProps[key] = props[key];\n        }\n\n        mergedProps.theme = React.useContext(ThemeContext);\n      }\n\n      if (typeof props.className === 'string') {\n        className = getRegisteredStyles(cache.registered, classInterpolations, props.className);\n      } else if (props.className != null) {\n        className = props.className + \" \";\n      }\n\n      var serialized = serializeStyles(styles.concat(classInterpolations), cache.registered, mergedProps);\n      className += cache.key + \"-\" + serialized.name;\n\n      if (targetClassName !== undefined) {\n        className += \" \" + targetClassName;\n      }\n\n      var finalShouldForwardProp = shouldUseAs && shouldForwardProp === undefined ? getDefaultShouldForwardProp(FinalTag) : defaultShouldForwardProp;\n      var newProps = {};\n\n      for (var _key in props) {\n        if (shouldUseAs && _key === 'as') continue;\n\n        if (finalShouldForwardProp(_key)) {\n          newProps[_key] = props[_key];\n        }\n      }\n\n      newProps.className = className;\n\n      if (ref) {\n        newProps.ref = ref;\n      }\n\n      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion, {\n        cache: cache,\n        serialized: serialized,\n        isStringTag: typeof FinalTag === 'string'\n      }), /*#__PURE__*/React.createElement(FinalTag, newProps));\n    });\n    Styled.displayName = identifierName !== undefined ? identifierName : \"Styled(\" + (typeof baseTag === 'string' ? baseTag : baseTag.displayName || baseTag.name || 'Component') + \")\";\n    Styled.defaultProps = tag.defaultProps;\n    Styled.__emotion_real = Styled;\n    Styled.__emotion_base = baseTag;\n    Styled.__emotion_styles = styles;\n    Styled.__emotion_forwardProp = shouldForwardProp;\n    Object.defineProperty(Styled, 'toString', {\n      value: function value() {\n        if (targetClassName === undefined && isDevelopment) {\n          return 'NO_COMPONENT_SELECTOR';\n        }\n\n        return \".\" + targetClassName;\n      }\n    });\n\n    Styled.withComponent = function (nextTag, nextOptions) {\n      var newStyled = createStyled(nextTag, _extends({}, options, nextOptions, {\n        shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)\n      }));\n      return newStyled.apply(void 0, styles);\n    };\n\n    return Styled;\n  };\n};\n\nexport { createStyled as default };\n","import createStyled from '../base/dist/emotion-styled-base.browser.esm.js';\nimport '@babel/runtime/helpers/extends';\nimport '@emotion/react';\nimport '@emotion/serialize';\nimport '@emotion/use-insertion-effect-with-fallbacks';\nimport '@emotion/utils';\nimport 'react';\nimport '@emotion/is-prop-valid';\n\nvar tags = ['a', 'abbr', 'address', 'area', 'article', 'aside', 'audio', 'b', 'base', 'bdi', 'bdo', 'big', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'cite', 'code', 'col', 'colgroup', 'data', 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'div', 'dl', 'dt', 'em', 'embed', 'fieldset', 'figcaption', 'figure', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'iframe', 'img', 'input', 'ins', 'kbd', 'keygen', 'label', 'legend', 'li', 'link', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meta', 'meter', 'nav', 'noscript', 'object', 'ol', 'optgroup', 'option', 'output', 'p', 'param', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'script', 'section', 'select', 'small', 'source', 'span', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'textarea', 'tfoot', 'th', 'thead', 'time', 'title', 'tr', 'track', 'u', 'ul', 'var', 'video', 'wbr', // SVG\n'circle', 'clipPath', 'defs', 'ellipse', 'foreignObject', 'g', 'image', 'line', 'linearGradient', 'mask', 'path', 'pattern', 'polygon', 'polyline', 'radialGradient', 'rect', 'stop', 'svg', 'text', 'tspan'];\n\n// bind it to avoid mutating the original function\nvar newStyled = createStyled.bind(null);\ntags.forEach(function (tagName) {\n  newStyled[tagName] = newStyled(tagName);\n});\n\nexport { newStyled as default };\n","var unitlessKeys = {\n  animationIterationCount: 1,\n  borderImageOutset: 1,\n  borderImageSlice: 1,\n  borderImageWidth: 1,\n  boxFlex: 1,\n  boxFlexGroup: 1,\n  boxOrdinalGroup: 1,\n  columnCount: 1,\n  columns: 1,\n  flex: 1,\n  flexGrow: 1,\n  flexPositive: 1,\n  flexShrink: 1,\n  flexNegative: 1,\n  flexOrder: 1,\n  gridRow: 1,\n  gridRowEnd: 1,\n  gridRowSpan: 1,\n  gridRowStart: 1,\n  gridColumn: 1,\n  gridColumnEnd: 1,\n  gridColumnSpan: 1,\n  gridColumnStart: 1,\n  msGridRow: 1,\n  msGridRowSpan: 1,\n  msGridColumn: 1,\n  msGridColumnSpan: 1,\n  fontWeight: 1,\n  lineHeight: 1,\n  opacity: 1,\n  order: 1,\n  orphans: 1,\n  tabSize: 1,\n  widows: 1,\n  zIndex: 1,\n  zoom: 1,\n  WebkitLineClamp: 1,\n  // SVG-related properties\n  fillOpacity: 1,\n  floodOpacity: 1,\n  stopOpacity: 1,\n  strokeDasharray: 1,\n  strokeDashoffset: 1,\n  strokeMiterlimit: 1,\n  strokeOpacity: 1,\n  strokeWidth: 1\n};\n\nexport default unitlessKeys;\n","import * as React from 'react';\n\nvar syncFallback = function syncFallback(create) {\n  return create();\n};\n\nvar useInsertionEffect = React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : false;\nvar useInsertionEffectAlwaysWithSyncFallback = useInsertionEffect || syncFallback;\nvar useInsertionEffectWithLayoutFallback = useInsertionEffect || React.useLayoutEffect;\n\nexport { useInsertionEffectAlwaysWithSyncFallback, useInsertionEffectWithLayoutFallback };\n","var isBrowser = true;\n\nfunction getRegisteredStyles(registered, registeredStyles, classNames) {\n  var rawClassName = '';\n  classNames.split(' ').forEach(function (className) {\n    if (registered[className] !== undefined) {\n      registeredStyles.push(registered[className] + \";\");\n    } else if (className) {\n      rawClassName += className + \" \";\n    }\n  });\n  return rawClassName;\n}\nvar registerStyles = function registerStyles(cache, serialized, isStringTag) {\n  var className = cache.key + \"-\" + serialized.name;\n\n  if ( // we only need to add the styles to the registered cache if the\n  // class name could be used further down\n  // the tree but if it's a string tag, we know it won't\n  // so we don't have to add it to registered cache.\n  // this improves memory usage since we can avoid storing the whole style string\n  (isStringTag === false || // we need to always store it if we're in compat mode and\n  // in node since emotion-server relies on whether a style is in\n  // the registered cache to know whether a style is global or not\n  // also, note that this check will be dead code eliminated in the browser\n  isBrowser === false ) && cache.registered[className] === undefined) {\n    cache.registered[className] = serialized.styles;\n  }\n};\nvar insertStyles = function insertStyles(cache, serialized, isStringTag) {\n  registerStyles(cache, serialized, isStringTag);\n  var className = cache.key + \"-\" + serialized.name;\n\n  if (cache.inserted[serialized.name] === undefined) {\n    var current = serialized;\n\n    do {\n      cache.insert(serialized === current ? \".\" + className : '', current, cache.sheet, true);\n\n      current = current.next;\n    } while (current !== undefined);\n  }\n};\n\nexport { getRegisteredStyles, insertStyles, registerStyles };\n","/**\n * Extracts event handlers from a given object.\n * A prop is considered an event handler if it is a function and its name starts with `on`.\n *\n * @param object An object to extract event handlers from.\n * @param excludeKeys An array of keys to exclude from the returned object.\n */\nfunction extractEventHandlers(object, excludeKeys = []) {\n  if (object === undefined) {\n    return {};\n  }\n  const result = {};\n  Object.keys(object).filter(prop => prop.match(/^on[A-Z]/) && typeof object[prop] === 'function' && !excludeKeys.includes(prop)).forEach(prop => {\n    result[prop] = object[prop];\n  });\n  return result;\n}\nexport default extractEventHandlers;","/**\n * TODO v5: consider making it private\n *\n * passes {value} to {ref}\n *\n * WARNING: Be sure to only call this inside a callback that is passed as a ref.\n * Otherwise, make sure to cleanup the previous {ref} if it changes. See\n * https://github.com/mui/material-ui/issues/13539\n *\n * Useful if you want to expose the ref of an inner component to the public API\n * while still using it inside the component.\n * @param ref A ref callback or ref object. If anything falsy, this is a no-op.\n */\nexport default function setRef(ref, value) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref) {\n    ref.current = value;\n  }\n}","'use client';\n\nimport * as React from 'react';\nimport setRef from \"../setRef/index.js\";\n\n/**\n * Takes an array of refs and returns a new ref which will apply any modification to all of the refs.\n * This is useful when you want to have the ref used in multiple places.\n *\n * ```tsx\n * const rootRef = React.useRef<Instance>(null);\n * const refFork = useForkRef(rootRef, props.ref);\n *\n * return (\n *   <Root {...props} ref={refFork} />\n * );\n * ```\n *\n * @param {Array<React.Ref<Instance> | undefined>} refs The ref array.\n * @returns {React.RefCallback<Instance> | null} The new ref callback.\n */\nexport default function useForkRef(...refs) {\n  /**\n   * This will create a new function if the refs passed to this hook change and are all defined.\n   * This means react will call the old forkRef with `null` and the new forkRef\n   * with the ref. Cleanup naturally emerges from this behavior.\n   */\n  return React.useMemo(() => {\n    if (refs.every(ref => ref == null)) {\n      return null;\n    }\n    return instance => {\n      refs.forEach(ref => {\n        setRef(ref, instance);\n      });\n    };\n    // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler -- intentionally ignoring that the dependency array must be an array literal\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, refs);\n}","/**\n * Determines if a given element is a DOM element name (i.e. not a React component).\n */\nfunction isHostComponent(element) {\n  return typeof element === 'string';\n}\nexport default isHostComponent;","import isHostComponent from \"../isHostComponent/index.js\";\n\n/**\n * Type of the ownerState based on the type of an element it applies to.\n * This resolves to the provided OwnerState for React components and `undefined` for host components.\n * Falls back to `OwnerState | undefined` when the exact type can't be determined in development time.\n */\n\n/**\n * Appends the ownerState object to the props, merging with the existing one if necessary.\n *\n * @param elementType Type of the element that owns the `existingProps`. If the element is a DOM node or undefined, `ownerState` is not applied.\n * @param otherProps Props of the element.\n * @param ownerState\n */\nfunction appendOwnerState(elementType, otherProps, ownerState) {\n  if (elementType === undefined || isHostComponent(elementType)) {\n    return otherProps;\n  }\n  return {\n    ...otherProps,\n    ownerState: {\n      ...otherProps.ownerState,\n      ...ownerState\n    }\n  };\n}\nexport default appendOwnerState;","/**\n * Removes event handlers from the given object.\n * A field is considered an event handler if it is a function with a name beginning with `on`.\n *\n * @param object Object to remove event handlers from.\n * @returns Object with event handlers removed.\n */\nfunction omitEventHandlers(object) {\n  if (object === undefined) {\n    return {};\n  }\n  const result = {};\n  Object.keys(object).filter(prop => !(prop.match(/^on[A-Z]/) && typeof object[prop] === 'function')).forEach(prop => {\n    result[prop] = object[prop];\n  });\n  return result;\n}\nexport default omitEventHandlers;","import clsx from 'clsx';\nimport extractEventHandlers from \"../extractEventHandlers/index.js\";\nimport omitEventHandlers from \"../omitEventHandlers/index.js\";\n/**\n * Merges the slot component internal props (usually coming from a hook)\n * with the externally provided ones.\n *\n * The merge order is (the latter overrides the former):\n * 1. The internal props (specified as a getter function to work with get*Props hook result)\n * 2. Additional props (specified internally on a Base UI component)\n * 3. External props specified on the owner component. These should only be used on a root slot.\n * 4. External props specified in the `slotProps.*` prop.\n * 5. The `className` prop - combined from all the above.\n * @param parameters\n * @returns\n */\nfunction mergeSlotProps(parameters) {\n  const {\n    getSlotProps,\n    additionalProps,\n    externalSlotProps,\n    externalForwardedProps,\n    className\n  } = parameters;\n  if (!getSlotProps) {\n    // The simpler case - getSlotProps is not defined, so no internal event handlers are defined,\n    // so we can simply merge all the props without having to worry about extracting event handlers.\n    const joinedClasses = clsx(additionalProps?.className, className, externalForwardedProps?.className, externalSlotProps?.className);\n    const mergedStyle = {\n      ...additionalProps?.style,\n      ...externalForwardedProps?.style,\n      ...externalSlotProps?.style\n    };\n    const props = {\n      ...additionalProps,\n      ...externalForwardedProps,\n      ...externalSlotProps\n    };\n    if (joinedClasses.length > 0) {\n      props.className = joinedClasses;\n    }\n    if (Object.keys(mergedStyle).length > 0) {\n      props.style = mergedStyle;\n    }\n    return {\n      props,\n      internalRef: undefined\n    };\n  }\n\n  // In this case, getSlotProps is responsible for calling the external event handlers.\n  // We don't need to include them in the merged props because of this.\n\n  const eventHandlers = extractEventHandlers({\n    ...externalForwardedProps,\n    ...externalSlotProps\n  });\n  const componentsPropsWithoutEventHandlers = omitEventHandlers(externalSlotProps);\n  const otherPropsWithoutEventHandlers = omitEventHandlers(externalForwardedProps);\n  const internalSlotProps = getSlotProps(eventHandlers);\n\n  // The order of classes is important here.\n  // Emotion (that we use in libraries consuming Base UI) depends on this order\n  // to properly override style. It requires the most important classes to be last\n  // (see https://github.com/mui/material-ui/pull/33205) for the related discussion.\n  const joinedClasses = clsx(internalSlotProps?.className, additionalProps?.className, className, externalForwardedProps?.className, externalSlotProps?.className);\n  const mergedStyle = {\n    ...internalSlotProps?.style,\n    ...additionalProps?.style,\n    ...externalForwardedProps?.style,\n    ...externalSlotProps?.style\n  };\n  const props = {\n    ...internalSlotProps,\n    ...additionalProps,\n    ...otherPropsWithoutEventHandlers,\n    ...componentsPropsWithoutEventHandlers\n  };\n  if (joinedClasses.length > 0) {\n    props.className = joinedClasses;\n  }\n  if (Object.keys(mergedStyle).length > 0) {\n    props.style = mergedStyle;\n  }\n  return {\n    props,\n    internalRef: internalSlotProps.ref\n  };\n}\nexport default mergeSlotProps;","/**\n * If `componentProps` is a function, calls it with the provided `ownerState`.\n * Otherwise, just returns `componentProps`.\n */\nfunction resolveComponentProps(componentProps, ownerState, slotState) {\n  if (typeof componentProps === 'function') {\n    return componentProps(ownerState, slotState);\n  }\n  return componentProps;\n}\nexport default resolveComponentProps;","'use client';\n\nimport useForkRef from \"../useForkRef/index.js\";\nimport appendOwnerState from \"../appendOwnerState/index.js\";\nimport mergeSlotProps from \"../mergeSlotProps/index.js\";\nimport resolveComponentProps from \"../resolveComponentProps/index.js\";\n/**\n * @ignore - do not document.\n * Builds the props to be passed into the slot of an unstyled component.\n * It merges the internal props of the component with the ones supplied by the user, allowing to customize the behavior.\n * If the slot component is not a host component, it also merges in the `ownerState`.\n *\n * @param parameters.getSlotProps - A function that returns the props to be passed to the slot component.\n */\nfunction useSlotProps(parameters) {\n  const {\n    elementType,\n    externalSlotProps,\n    ownerState,\n    skipResolvingSlotProps = false,\n    ...other\n  } = parameters;\n  const resolvedComponentsProps = skipResolvingSlotProps ? {} : resolveComponentProps(externalSlotProps, ownerState);\n  const {\n    props: mergedProps,\n    internalRef\n  } = mergeSlotProps({\n    ...other,\n    externalSlotProps: resolvedComponentsProps\n  });\n  const ref = useForkRef(internalRef, resolvedComponentsProps?.ref, parameters.additionalProps?.ref);\n  const props = appendOwnerState(elementType, {\n    ...mergedProps,\n    ref\n  }, ownerState);\n  return props;\n}\nexport default useSlotProps;","/**\n * If `componentProps` is a function, calls it with the provided `ownerState`.\n * Otherwise, just returns `componentProps`.\n */\nexport function resolveComponentProps(componentProps, ownerState, slotState) {\n  if (typeof componentProps === 'function') {\n    return componentProps(ownerState, slotState);\n  }\n  return componentProps;\n}","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getBackdropUtilityClass(slot) {\n  return generateUtilityClass('MuiBackdrop', slot);\n}\nconst backdropClasses = generateUtilityClasses('MuiBackdrop', ['root', 'invisible']);\nexport default backdropClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"children\", \"className\", \"component\", \"components\", \"componentsProps\", \"invisible\", \"open\", \"slotProps\", \"slots\", \"TransitionComponent\", \"transitionDuration\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport styled from '../styles/styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport Fade from '../Fade';\nimport { getBackdropUtilityClass } from './backdropClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    invisible\n  } = ownerState;\n  const slots = {\n    root: ['root', invisible && 'invisible']\n  };\n  return composeClasses(slots, getBackdropUtilityClass, classes);\n};\nconst BackdropRoot = styled('div', {\n  name: 'MuiBackdrop',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.invisible && styles.invisible];\n  }\n})(({\n  ownerState\n}) => _extends({\n  position: 'fixed',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  right: 0,\n  bottom: 0,\n  top: 0,\n  left: 0,\n  backgroundColor: 'rgba(0, 0, 0, 0.5)',\n  WebkitTapHighlightColor: 'transparent'\n}, ownerState.invisible && {\n  backgroundColor: 'transparent'\n}));\nconst Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(inProps, ref) {\n  var _slotProps$root, _ref, _slots$root;\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiBackdrop'\n  });\n  const {\n      children,\n      className,\n      component = 'div',\n      components = {},\n      componentsProps = {},\n      invisible = false,\n      open,\n      slotProps = {},\n      slots = {},\n      TransitionComponent = Fade,\n      transitionDuration\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const ownerState = _extends({}, props, {\n    component,\n    invisible\n  });\n  const classes = useUtilityClasses(ownerState);\n  const rootSlotProps = (_slotProps$root = slotProps.root) != null ? _slotProps$root : componentsProps.root;\n  return /*#__PURE__*/_jsx(TransitionComponent, _extends({\n    in: open,\n    timeout: transitionDuration\n  }, other, {\n    children: /*#__PURE__*/_jsx(BackdropRoot, _extends({\n      \"aria-hidden\": true\n    }, rootSlotProps, {\n      as: (_ref = (_slots$root = slots.root) != null ? _slots$root : components.Root) != null ? _ref : component,\n      className: clsx(classes.root, className, rootSlotProps == null ? void 0 : rootSlotProps.className),\n      ownerState: _extends({}, ownerState, rootSlotProps == null ? void 0 : rootSlotProps.ownerState),\n      classes: classes,\n      ref: ref,\n      children: children\n    }))\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Backdrop.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * The components used for each slot inside.\n   *\n   * This prop is an alias for the `slots` prop.\n   * It's recommended to use the `slots` prop instead.\n   *\n   * @default {}\n   */\n  components: PropTypes.shape({\n    Root: PropTypes.elementType\n  }),\n  /**\n   * The extra props for the slot components.\n   * You can override the existing props or add new ones.\n   *\n   * This prop is an alias for the `slotProps` prop.\n   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.\n   *\n   * @default {}\n   */\n  componentsProps: PropTypes.shape({\n    root: PropTypes.object\n  }),\n  /**\n   * If `true`, the backdrop is invisible.\n   * It can be used when rendering a popover or a custom select component.\n   * @default false\n   */\n  invisible: PropTypes.bool,\n  /**\n   * If `true`, the component is shown.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * The extra props for the slot components.\n   * You can override the existing props or add new ones.\n   *\n   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.\n   *\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    root: PropTypes.object\n  }),\n  /**\n   * The components used for each slot inside.\n   *\n   * This prop is an alias for the `components` prop, which will be deprecated in the future.\n   *\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    root: PropTypes.elementType\n  }),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The component used for the transition.\n   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.\n   * @default Fade\n   */\n  TransitionComponent: PropTypes.elementType,\n  /**\n   * The duration for the transition, in milliseconds.\n   * You may specify a single timeout for all transitions, or individually with an object.\n   */\n  transitionDuration: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({\n    appear: PropTypes.number,\n    enter: PropTypes.number,\n    exit: PropTypes.number\n  })])\n} : void 0;\nexport default Backdrop;","'use client';\n\nimport * as React from 'react';\nconst usePreviousProps = value => {\n  const ref = React.useRef({});\n  React.useEffect(() => {\n    ref.current = value;\n  });\n  return ref.current;\n};\nexport default usePreviousProps;","'use client';\n\nimport { usePreviousProps } from '@mui/utils';\n/**\n *\n * Demos:\n *\n * - [Badge](https://next.mui.com/base-ui/react-badge/#hook)\n *\n * API:\n *\n * - [useBadge API](https://next.mui.com/base-ui/react-badge/hooks-api/#use-badge)\n */\nfunction useBadge(parameters) {\n  const {\n    badgeContent: badgeContentProp,\n    invisible: invisibleProp = false,\n    max: maxProp = 99,\n    showZero = false\n  } = parameters;\n  const prevProps = usePreviousProps({\n    badgeContent: badgeContentProp,\n    max: maxProp\n  });\n  let invisible = invisibleProp;\n  if (invisibleProp === false && badgeContentProp === 0 && !showZero) {\n    invisible = true;\n  }\n  const {\n    badgeContent,\n    max = maxProp\n  } = invisible ? prevProps : parameters;\n  const displayValue = badgeContent && Number(badgeContent) > max ? `${max}+` : badgeContent;\n  return {\n    badgeContent,\n    invisible,\n    max,\n    displayValue\n  };\n}\nexport default useBadge;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getBadgeUtilityClass(slot) {\n  return generateUtilityClass('MuiBadge', slot);\n}\nconst badgeClasses = generateUtilityClasses('MuiBadge', ['root', 'badge', 'dot', 'standard', 'anchorOriginTopRight', 'anchorOriginBottomRight', 'anchorOriginTopLeft', 'anchorOriginBottomLeft', 'invisible', 'colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning', 'overlapRectangular', 'overlapCircular',\n// TODO: v6 remove the overlap value from these class keys\n'anchorOriginTopLeftCircular', 'anchorOriginTopLeftRectangular', 'anchorOriginTopRightCircular', 'anchorOriginTopRightRectangular', 'anchorOriginBottomLeftCircular', 'anchorOriginBottomLeftRectangular', 'anchorOriginBottomRightCircular', 'anchorOriginBottomRightRectangular']);\nexport default badgeClasses;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"anchorOrigin\", \"className\", \"classes\", \"component\", \"components\", \"componentsProps\", \"children\", \"overlap\", \"color\", \"invisible\", \"max\", \"badgeContent\", \"slots\", \"slotProps\", \"showZero\", \"variant\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport usePreviousProps from '@mui/utils/usePreviousProps';\nimport composeClasses from '@mui/utils/composeClasses';\nimport useSlotProps from '@mui/utils/useSlotProps';\nimport useBadge from './useBadge';\nimport { styled } from '../zero-styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport capitalize from '../utils/capitalize';\nimport badgeClasses, { getBadgeUtilityClass } from './badgeClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nconst RADIUS_STANDARD = 10;\nconst RADIUS_DOT = 4;\nconst useUtilityClasses = ownerState => {\n  const {\n    color,\n    anchorOrigin,\n    invisible,\n    overlap,\n    variant,\n    classes = {}\n  } = ownerState;\n  const slots = {\n    root: ['root'],\n    badge: ['badge', variant, invisible && 'invisible', `anchorOrigin${capitalize(anchorOrigin.vertical)}${capitalize(anchorOrigin.horizontal)}`, `anchorOrigin${capitalize(anchorOrigin.vertical)}${capitalize(anchorOrigin.horizontal)}${capitalize(overlap)}`, `overlap${capitalize(overlap)}`, color !== 'default' && `color${capitalize(color)}`]\n  };\n  return composeClasses(slots, getBadgeUtilityClass, classes);\n};\nconst BadgeRoot = styled('span', {\n  name: 'MuiBadge',\n  slot: 'Root',\n  overridesResolver: (props, styles) => styles.root\n})({\n  position: 'relative',\n  display: 'inline-flex',\n  // For correct alignment with the text.\n  verticalAlign: 'middle',\n  flexShrink: 0\n});\nconst BadgeBadge = styled('span', {\n  name: 'MuiBadge',\n  slot: 'Badge',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.badge, styles[ownerState.variant], styles[`anchorOrigin${capitalize(ownerState.anchorOrigin.vertical)}${capitalize(ownerState.anchorOrigin.horizontal)}${capitalize(ownerState.overlap)}`], ownerState.color !== 'default' && styles[`color${capitalize(ownerState.color)}`], ownerState.invisible && styles.invisible];\n  }\n})(({\n  theme\n}) => {\n  var _theme$vars;\n  return {\n    display: 'flex',\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    justifyContent: 'center',\n    alignContent: 'center',\n    alignItems: 'center',\n    position: 'absolute',\n    boxSizing: 'border-box',\n    fontFamily: theme.typography.fontFamily,\n    fontWeight: theme.typography.fontWeightMedium,\n    fontSize: theme.typography.pxToRem(12),\n    minWidth: RADIUS_STANDARD * 2,\n    lineHeight: 1,\n    padding: '0 6px',\n    height: RADIUS_STANDARD * 2,\n    borderRadius: RADIUS_STANDARD,\n    zIndex: 1,\n    // Render the badge on top of potential ripples.\n    transition: theme.transitions.create('transform', {\n      easing: theme.transitions.easing.easeInOut,\n      duration: theme.transitions.duration.enteringScreen\n    }),\n    variants: [...Object.keys(((_theme$vars = theme.vars) != null ? _theme$vars : theme).palette).filter(key => {\n      var _theme$vars2, _theme$vars3;\n      return ((_theme$vars2 = theme.vars) != null ? _theme$vars2 : theme).palette[key].main && ((_theme$vars3 = theme.vars) != null ? _theme$vars3 : theme).palette[key].contrastText;\n    }).map(color => ({\n      props: {\n        color\n      },\n      style: {\n        backgroundColor: (theme.vars || theme).palette[color].main,\n        color: (theme.vars || theme).palette[color].contrastText\n      }\n    })), {\n      props: {\n        variant: 'dot'\n      },\n      style: {\n        borderRadius: RADIUS_DOT,\n        height: RADIUS_DOT * 2,\n        minWidth: RADIUS_DOT * 2,\n        padding: 0\n      }\n    }, {\n      props: ({\n        ownerState\n      }) => ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'rectangular',\n      style: {\n        top: 0,\n        right: 0,\n        transform: 'scale(1) translate(50%, -50%)',\n        transformOrigin: '100% 0%',\n        [`&.${badgeClasses.invisible}`]: {\n          transform: 'scale(0) translate(50%, -50%)'\n        }\n      }\n    }, {\n      props: ({\n        ownerState\n      }) => ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'rectangular',\n      style: {\n        bottom: 0,\n        right: 0,\n        transform: 'scale(1) translate(50%, 50%)',\n        transformOrigin: '100% 100%',\n        [`&.${badgeClasses.invisible}`]: {\n          transform: 'scale(0) translate(50%, 50%)'\n        }\n      }\n    }, {\n      props: ({\n        ownerState\n      }) => ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'rectangular',\n      style: {\n        top: 0,\n        left: 0,\n        transform: 'scale(1) translate(-50%, -50%)',\n        transformOrigin: '0% 0%',\n        [`&.${badgeClasses.invisible}`]: {\n          transform: 'scale(0) translate(-50%, -50%)'\n        }\n      }\n    }, {\n      props: ({\n        ownerState\n      }) => ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'rectangular',\n      style: {\n        bottom: 0,\n        left: 0,\n        transform: 'scale(1) translate(-50%, 50%)',\n        transformOrigin: '0% 100%',\n        [`&.${badgeClasses.invisible}`]: {\n          transform: 'scale(0) translate(-50%, 50%)'\n        }\n      }\n    }, {\n      props: ({\n        ownerState\n      }) => ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'circular',\n      style: {\n        top: '14%',\n        right: '14%',\n        transform: 'scale(1) translate(50%, -50%)',\n        transformOrigin: '100% 0%',\n        [`&.${badgeClasses.invisible}`]: {\n          transform: 'scale(0) translate(50%, -50%)'\n        }\n      }\n    }, {\n      props: ({\n        ownerState\n      }) => ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'circular',\n      style: {\n        bottom: '14%',\n        right: '14%',\n        transform: 'scale(1) translate(50%, 50%)',\n        transformOrigin: '100% 100%',\n        [`&.${badgeClasses.invisible}`]: {\n          transform: 'scale(0) translate(50%, 50%)'\n        }\n      }\n    }, {\n      props: ({\n        ownerState\n      }) => ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'circular',\n      style: {\n        top: '14%',\n        left: '14%',\n        transform: 'scale(1) translate(-50%, -50%)',\n        transformOrigin: '0% 0%',\n        [`&.${badgeClasses.invisible}`]: {\n          transform: 'scale(0) translate(-50%, -50%)'\n        }\n      }\n    }, {\n      props: ({\n        ownerState\n      }) => ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'circular',\n      style: {\n        bottom: '14%',\n        left: '14%',\n        transform: 'scale(1) translate(-50%, 50%)',\n        transformOrigin: '0% 100%',\n        [`&.${badgeClasses.invisible}`]: {\n          transform: 'scale(0) translate(-50%, 50%)'\n        }\n      }\n    }, {\n      props: {\n        invisible: true\n      },\n      style: {\n        transition: theme.transitions.create('transform', {\n          easing: theme.transitions.easing.easeInOut,\n          duration: theme.transitions.duration.leavingScreen\n        })\n      }\n    }]\n  };\n});\nconst Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {\n  var _ref, _slots$root, _ref2, _slots$badge, _slotProps$root, _slotProps$badge;\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiBadge'\n  });\n  const {\n      anchorOrigin: anchorOriginProp = {\n        vertical: 'top',\n        horizontal: 'right'\n      },\n      className,\n      component,\n      components = {},\n      componentsProps = {},\n      children,\n      overlap: overlapProp = 'rectangular',\n      color: colorProp = 'default',\n      invisible: invisibleProp = false,\n      max: maxProp = 99,\n      badgeContent: badgeContentProp,\n      slots,\n      slotProps,\n      showZero = false,\n      variant: variantProp = 'standard'\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const {\n    badgeContent,\n    invisible: invisibleFromHook,\n    max,\n    displayValue: displayValueFromHook\n  } = useBadge({\n    max: maxProp,\n    invisible: invisibleProp,\n    badgeContent: badgeContentProp,\n    showZero\n  });\n  const prevProps = usePreviousProps({\n    anchorOrigin: anchorOriginProp,\n    color: colorProp,\n    overlap: overlapProp,\n    variant: variantProp,\n    badgeContent: badgeContentProp\n  });\n  const invisible = invisibleFromHook || badgeContent == null && variantProp !== 'dot';\n  const {\n    color = colorProp,\n    overlap = overlapProp,\n    anchorOrigin = anchorOriginProp,\n    variant = variantProp\n  } = invisible ? prevProps : props;\n  const displayValue = variant !== 'dot' ? displayValueFromHook : undefined;\n  const ownerState = _extends({}, props, {\n    badgeContent,\n    invisible,\n    max,\n    displayValue,\n    showZero,\n    anchorOrigin,\n    color,\n    overlap,\n    variant\n  });\n  const classes = useUtilityClasses(ownerState);\n\n  // support both `slots` and `components` for backward compatibility\n  const RootSlot = (_ref = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : components.Root) != null ? _ref : BadgeRoot;\n  const BadgeSlot = (_ref2 = (_slots$badge = slots == null ? void 0 : slots.badge) != null ? _slots$badge : components.Badge) != null ? _ref2 : BadgeBadge;\n  const rootSlotProps = (_slotProps$root = slotProps == null ? void 0 : slotProps.root) != null ? _slotProps$root : componentsProps.root;\n  const badgeSlotProps = (_slotProps$badge = slotProps == null ? void 0 : slotProps.badge) != null ? _slotProps$badge : componentsProps.badge;\n  const rootProps = useSlotProps({\n    elementType: RootSlot,\n    externalSlotProps: rootSlotProps,\n    externalForwardedProps: other,\n    additionalProps: {\n      ref,\n      as: component\n    },\n    ownerState,\n    className: clsx(rootSlotProps == null ? void 0 : rootSlotProps.className, classes.root, className)\n  });\n  const badgeProps = useSlotProps({\n    elementType: BadgeSlot,\n    externalSlotProps: badgeSlotProps,\n    ownerState,\n    className: clsx(classes.badge, badgeSlotProps == null ? void 0 : badgeSlotProps.className)\n  });\n  return /*#__PURE__*/_jsxs(RootSlot, _extends({}, rootProps, {\n    children: [children, /*#__PURE__*/_jsx(BadgeSlot, _extends({}, badgeProps, {\n      children: displayValue\n    }))]\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Badge.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The anchor of the badge.\n   * @default {\n   *   vertical: 'top',\n   *   horizontal: 'right',\n   * }\n   */\n  anchorOrigin: PropTypes.shape({\n    horizontal: PropTypes.oneOf(['left', 'right']).isRequired,\n    vertical: PropTypes.oneOf(['bottom', 'top']).isRequired\n  }),\n  /**\n   * The content rendered within the badge.\n   */\n  badgeContent: PropTypes.node,\n  /**\n   * The badge will be added relative to this node.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * @default 'default'\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * The components used for each slot inside.\n   *\n   * This prop is an alias for the `slots` prop.\n   * It's recommended to use the `slots` prop instead.\n   *\n   * @default {}\n   */\n  components: PropTypes.shape({\n    Badge: PropTypes.elementType,\n    Root: PropTypes.elementType\n  }),\n  /**\n   * The extra props for the slot components.\n   * You can override the existing props or add new ones.\n   *\n   * This prop is an alias for the `slotProps` prop.\n   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.\n   *\n   * @default {}\n   */\n  componentsProps: PropTypes.shape({\n    badge: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])\n  }),\n  /**\n   * If `true`, the badge is invisible.\n   * @default false\n   */\n  invisible: PropTypes.bool,\n  /**\n   * Max count to show.\n   * @default 99\n   */\n  max: PropTypes.number,\n  /**\n   * Wrapped shape the badge should overlap.\n   * @default 'rectangular'\n   */\n  overlap: PropTypes.oneOf(['circular', 'rectangular']),\n  /**\n   * Controls whether the badge is hidden when `badgeContent` is zero.\n   * @default false\n   */\n  showZero: PropTypes.bool,\n  /**\n   * The props used for each slot inside the Badge.\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    badge: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])\n  }),\n  /**\n   * The components used for each slot inside the Badge.\n   * Either a string to use a HTML element or a component.\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    badge: PropTypes.elementType,\n    root: PropTypes.elementType\n  }),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The variant to use.\n   * @default 'standard'\n   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['dot', 'standard']), PropTypes.string])\n} : void 0;\nexport default Badge;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"className\", \"component\"];\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport styled from '@mui/styled-engine';\nimport styleFunctionSx, { extendSxProp } from './styleFunctionSx';\nimport useTheme from './useTheme';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function createBox(options = {}) {\n  const {\n    themeId,\n    defaultTheme,\n    defaultClassName = 'MuiBox-root',\n    generateClassName\n  } = options;\n  const BoxRoot = styled('div', {\n    shouldForwardProp: prop => prop !== 'theme' && prop !== 'sx' && prop !== 'as'\n  })(styleFunctionSx);\n  const Box = /*#__PURE__*/React.forwardRef(function Box(inProps, ref) {\n    const theme = useTheme(defaultTheme);\n    const _extendSxProp = extendSxProp(inProps),\n      {\n        className,\n        component = 'div'\n      } = _extendSxProp,\n      other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded);\n    return /*#__PURE__*/_jsx(BoxRoot, _extends({\n      as: component,\n      ref: ref,\n      className: clsx(className, generateClassName ? generateClassName(defaultClassName) : defaultClassName),\n      theme: themeId ? theme[themeId] || theme : theme\n    }, other));\n  });\n  return Box;\n}","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nconst boxClasses = generateUtilityClasses('MuiBox', ['root']);\nexport default boxClasses;","'use client';\n\nimport { createBox } from '@mui/system';\nimport PropTypes from 'prop-types';\nimport { unstable_ClassNameGenerator as ClassNameGenerator } from '../className';\nimport { createTheme } from '../styles';\nimport THEME_ID from '../styles/identifier';\nimport boxClasses from './boxClasses';\nconst defaultTheme = createTheme();\nconst Box = createBox({\n  themeId: THEME_ID,\n  defaultTheme,\n  defaultClassName: boxClasses.root,\n  generateClassName: ClassNameGenerator.generate\n});\nprocess.env.NODE_ENV !== \"production\" ? Box.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * @ignore\n   */\n  children: PropTypes.node,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default Box;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getButtonUtilityClass(slot) {\n  return generateUtilityClass('MuiButton', slot);\n}\nconst buttonClasses = generateUtilityClasses('MuiButton', ['root', 'text', 'textInherit', 'textPrimary', 'textSecondary', 'textSuccess', 'textError', 'textInfo', 'textWarning', 'outlined', 'outlinedInherit', 'outlinedPrimary', 'outlinedSecondary', 'outlinedSuccess', 'outlinedError', 'outlinedInfo', 'outlinedWarning', 'contained', 'containedInherit', 'containedPrimary', 'containedSecondary', 'containedSuccess', 'containedError', 'containedInfo', 'containedWarning', 'disableElevation', 'focusVisible', 'disabled', 'colorInherit', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorError', 'colorInfo', 'colorWarning', 'textSizeSmall', 'textSizeMedium', 'textSizeLarge', 'outlinedSizeSmall', 'outlinedSizeMedium', 'outlinedSizeLarge', 'containedSizeSmall', 'containedSizeMedium', 'containedSizeLarge', 'sizeMedium', 'sizeSmall', 'sizeLarge', 'fullWidth', 'startIcon', 'endIcon', 'icon', 'iconSizeSmall', 'iconSizeMedium', 'iconSizeLarge']);\nexport default buttonClasses;","import * as React from 'react';\n/**\n * @ignore - internal component.\n */\nconst ButtonGroupContext = /*#__PURE__*/React.createContext({});\nif (process.env.NODE_ENV !== 'production') {\n  ButtonGroupContext.displayName = 'ButtonGroupContext';\n}\nexport default ButtonGroupContext;","import * as React from 'react';\n/**\n * @ignore - internal component.\n */\nconst ButtonGroupButtonContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== 'production') {\n  ButtonGroupButtonContext.displayName = 'ButtonGroupButtonContext';\n}\nexport default ButtonGroupButtonContext;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"children\", \"color\", \"component\", \"className\", \"disabled\", \"disableElevation\", \"disableFocusRipple\", \"endIcon\", \"focusVisibleClassName\", \"fullWidth\", \"size\", \"startIcon\", \"type\", \"variant\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport resolveProps from '@mui/utils/resolveProps';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { alpha } from '@mui/system/colorManipulator';\nimport styled, { rootShouldForwardProp } from '../styles/styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport ButtonBase from '../ButtonBase';\nimport capitalize from '../utils/capitalize';\nimport buttonClasses, { getButtonUtilityClass } from './buttonClasses';\nimport ButtonGroupContext from '../ButtonGroup/ButtonGroupContext';\nimport ButtonGroupButtonContext from '../ButtonGroup/ButtonGroupButtonContext';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    color,\n    disableElevation,\n    fullWidth,\n    size,\n    variant,\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root', variant, `${variant}${capitalize(color)}`, `size${capitalize(size)}`, `${variant}Size${capitalize(size)}`, `color${capitalize(color)}`, disableElevation && 'disableElevation', fullWidth && 'fullWidth'],\n    label: ['label'],\n    startIcon: ['icon', 'startIcon', `iconSize${capitalize(size)}`],\n    endIcon: ['icon', 'endIcon', `iconSize${capitalize(size)}`]\n  };\n  const composedClasses = composeClasses(slots, getButtonUtilityClass, classes);\n  return _extends({}, classes, composedClasses);\n};\nconst commonIconStyles = ownerState => _extends({}, ownerState.size === 'small' && {\n  '& > *:nth-of-type(1)': {\n    fontSize: 18\n  }\n}, ownerState.size === 'medium' && {\n  '& > *:nth-of-type(1)': {\n    fontSize: 20\n  }\n}, ownerState.size === 'large' && {\n  '& > *:nth-of-type(1)': {\n    fontSize: 22\n  }\n});\nconst ButtonRoot = styled(ButtonBase, {\n  shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',\n  name: 'MuiButton',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, styles[ownerState.variant], styles[`${ownerState.variant}${capitalize(ownerState.color)}`], styles[`size${capitalize(ownerState.size)}`], styles[`${ownerState.variant}Size${capitalize(ownerState.size)}`], ownerState.color === 'inherit' && styles.colorInherit, ownerState.disableElevation && styles.disableElevation, ownerState.fullWidth && styles.fullWidth];\n  }\n})(({\n  theme,\n  ownerState\n}) => {\n  var _theme$palette$getCon, _theme$palette;\n  const inheritContainedBackgroundColor = theme.palette.mode === 'light' ? theme.palette.grey[300] : theme.palette.grey[800];\n  const inheritContainedHoverBackgroundColor = theme.palette.mode === 'light' ? theme.palette.grey.A100 : theme.palette.grey[700];\n  return _extends({}, theme.typography.button, {\n    minWidth: 64,\n    padding: '6px 16px',\n    borderRadius: (theme.vars || theme).shape.borderRadius,\n    transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color', 'color'], {\n      duration: theme.transitions.duration.short\n    }),\n    '&:hover': _extends({\n      textDecoration: 'none',\n      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.text.primaryChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.text.primary, theme.palette.action.hoverOpacity),\n      // Reset on touch devices, it doesn't add specificity\n      '@media (hover: none)': {\n        backgroundColor: 'transparent'\n      }\n    }, ownerState.variant === 'text' && ownerState.color !== 'inherit' && {\n      backgroundColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),\n      // Reset on touch devices, it doesn't add specificity\n      '@media (hover: none)': {\n        backgroundColor: 'transparent'\n      }\n    }, ownerState.variant === 'outlined' && ownerState.color !== 'inherit' && {\n      border: `1px solid ${(theme.vars || theme).palette[ownerState.color].main}`,\n      backgroundColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),\n      // Reset on touch devices, it doesn't add specificity\n      '@media (hover: none)': {\n        backgroundColor: 'transparent'\n      }\n    }, ownerState.variant === 'contained' && {\n      backgroundColor: theme.vars ? theme.vars.palette.Button.inheritContainedHoverBg : inheritContainedHoverBackgroundColor,\n      boxShadow: (theme.vars || theme).shadows[4],\n      // Reset on touch devices, it doesn't add specificity\n      '@media (hover: none)': {\n        boxShadow: (theme.vars || theme).shadows[2],\n        backgroundColor: (theme.vars || theme).palette.grey[300]\n      }\n    }, ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {\n      backgroundColor: (theme.vars || theme).palette[ownerState.color].dark,\n      // Reset on touch devices, it doesn't add specificity\n      '@media (hover: none)': {\n        backgroundColor: (theme.vars || theme).palette[ownerState.color].main\n      }\n    }),\n    '&:active': _extends({}, ownerState.variant === 'contained' && {\n      boxShadow: (theme.vars || theme).shadows[8]\n    }),\n    [`&.${buttonClasses.focusVisible}`]: _extends({}, ownerState.variant === 'contained' && {\n      boxShadow: (theme.vars || theme).shadows[6]\n    }),\n    [`&.${buttonClasses.disabled}`]: _extends({\n      color: (theme.vars || theme).palette.action.disabled\n    }, ownerState.variant === 'outlined' && {\n      border: `1px solid ${(theme.vars || theme).palette.action.disabledBackground}`\n    }, ownerState.variant === 'contained' && {\n      color: (theme.vars || theme).palette.action.disabled,\n      boxShadow: (theme.vars || theme).shadows[0],\n      backgroundColor: (theme.vars || theme).palette.action.disabledBackground\n    })\n  }, ownerState.variant === 'text' && {\n    padding: '6px 8px'\n  }, ownerState.variant === 'text' && ownerState.color !== 'inherit' && {\n    color: (theme.vars || theme).palette[ownerState.color].main\n  }, ownerState.variant === 'outlined' && {\n    padding: '5px 15px',\n    border: '1px solid currentColor'\n  }, ownerState.variant === 'outlined' && ownerState.color !== 'inherit' && {\n    color: (theme.vars || theme).palette[ownerState.color].main,\n    border: theme.vars ? `1px solid rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.5)` : `1px solid ${alpha(theme.palette[ownerState.color].main, 0.5)}`\n  }, ownerState.variant === 'contained' && {\n    color: theme.vars ?\n    // this is safe because grey does not change between default light/dark mode\n    theme.vars.palette.text.primary : (_theme$palette$getCon = (_theme$palette = theme.palette).getContrastText) == null ? void 0 : _theme$palette$getCon.call(_theme$palette, theme.palette.grey[300]),\n    backgroundColor: theme.vars ? theme.vars.palette.Button.inheritContainedBg : inheritContainedBackgroundColor,\n    boxShadow: (theme.vars || theme).shadows[2]\n  }, ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {\n    color: (theme.vars || theme).palette[ownerState.color].contrastText,\n    backgroundColor: (theme.vars || theme).palette[ownerState.color].main\n  }, ownerState.color === 'inherit' && {\n    color: 'inherit',\n    borderColor: 'currentColor'\n  }, ownerState.size === 'small' && ownerState.variant === 'text' && {\n    padding: '4px 5px',\n    fontSize: theme.typography.pxToRem(13)\n  }, ownerState.size === 'large' && ownerState.variant === 'text' && {\n    padding: '8px 11px',\n    fontSize: theme.typography.pxToRem(15)\n  }, ownerState.size === 'small' && ownerState.variant === 'outlined' && {\n    padding: '3px 9px',\n    fontSize: theme.typography.pxToRem(13)\n  }, ownerState.size === 'large' && ownerState.variant === 'outlined' && {\n    padding: '7px 21px',\n    fontSize: theme.typography.pxToRem(15)\n  }, ownerState.size === 'small' && ownerState.variant === 'contained' && {\n    padding: '4px 10px',\n    fontSize: theme.typography.pxToRem(13)\n  }, ownerState.size === 'large' && ownerState.variant === 'contained' && {\n    padding: '8px 22px',\n    fontSize: theme.typography.pxToRem(15)\n  }, ownerState.fullWidth && {\n    width: '100%'\n  });\n}, ({\n  ownerState\n}) => ownerState.disableElevation && {\n  boxShadow: 'none',\n  '&:hover': {\n    boxShadow: 'none'\n  },\n  [`&.${buttonClasses.focusVisible}`]: {\n    boxShadow: 'none'\n  },\n  '&:active': {\n    boxShadow: 'none'\n  },\n  [`&.${buttonClasses.disabled}`]: {\n    boxShadow: 'none'\n  }\n});\nconst ButtonStartIcon = styled('span', {\n  name: 'MuiButton',\n  slot: 'StartIcon',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.startIcon, styles[`iconSize${capitalize(ownerState.size)}`]];\n  }\n})(({\n  ownerState\n}) => _extends({\n  display: 'inherit',\n  marginRight: 8,\n  marginLeft: -4\n}, ownerState.size === 'small' && {\n  marginLeft: -2\n}, commonIconStyles(ownerState)));\nconst ButtonEndIcon = styled('span', {\n  name: 'MuiButton',\n  slot: 'EndIcon',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.endIcon, styles[`iconSize${capitalize(ownerState.size)}`]];\n  }\n})(({\n  ownerState\n}) => _extends({\n  display: 'inherit',\n  marginRight: -4,\n  marginLeft: 8\n}, ownerState.size === 'small' && {\n  marginRight: -2\n}, commonIconStyles(ownerState)));\nconst Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {\n  // props priority: `inProps` > `contextProps` > `themeDefaultProps`\n  const contextProps = React.useContext(ButtonGroupContext);\n  const buttonGroupButtonContextPositionClassName = React.useContext(ButtonGroupButtonContext);\n  const resolvedProps = resolveProps(contextProps, inProps);\n  const props = useDefaultProps({\n    props: resolvedProps,\n    name: 'MuiButton'\n  });\n  const {\n      children,\n      color = 'primary',\n      component = 'button',\n      className,\n      disabled = false,\n      disableElevation = false,\n      disableFocusRipple = false,\n      endIcon: endIconProp,\n      focusVisibleClassName,\n      fullWidth = false,\n      size = 'medium',\n      startIcon: startIconProp,\n      type,\n      variant = 'text'\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const ownerState = _extends({}, props, {\n    color,\n    component,\n    disabled,\n    disableElevation,\n    disableFocusRipple,\n    fullWidth,\n    size,\n    type,\n    variant\n  });\n  const classes = useUtilityClasses(ownerState);\n  const startIcon = startIconProp && /*#__PURE__*/_jsx(ButtonStartIcon, {\n    className: classes.startIcon,\n    ownerState: ownerState,\n    children: startIconProp\n  });\n  const endIcon = endIconProp && /*#__PURE__*/_jsx(ButtonEndIcon, {\n    className: classes.endIcon,\n    ownerState: ownerState,\n    children: endIconProp\n  });\n  const positionClassName = buttonGroupButtonContextPositionClassName || '';\n  return /*#__PURE__*/_jsxs(ButtonRoot, _extends({\n    ownerState: ownerState,\n    className: clsx(contextProps.className, classes.root, className, positionClassName),\n    component: component,\n    disabled: disabled,\n    focusRipple: !disableFocusRipple,\n    focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName),\n    ref: ref,\n    type: type\n  }, other, {\n    classes: classes,\n    children: [startIcon, children, endIcon]\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Button.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * @default 'primary'\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary', 'success', 'error', 'info', 'warning']), PropTypes.string]),\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * If `true`, the component is disabled.\n   * @default false\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, no elevation is used.\n   * @default false\n   */\n  disableElevation: PropTypes.bool,\n  /**\n   * If `true`, the  keyboard focus ripple is disabled.\n   * @default false\n   */\n  disableFocusRipple: PropTypes.bool,\n  /**\n   * If `true`, the ripple effect is disabled.\n   *\n   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\n   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.\n   * @default false\n   */\n  disableRipple: PropTypes.bool,\n  /**\n   * Element placed after the children.\n   */\n  endIcon: PropTypes.node,\n  /**\n   * @ignore\n   */\n  focusVisibleClassName: PropTypes.string,\n  /**\n   * If `true`, the button will take up the full width of its container.\n   * @default false\n   */\n  fullWidth: PropTypes.bool,\n  /**\n   * The URL to link to when the button is clicked.\n   * If defined, an `a` element will be used as the root node.\n   */\n  href: PropTypes.string,\n  /**\n   * The size of the component.\n   * `small` is equivalent to the dense button styling.\n   * @default 'medium'\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['small', 'medium', 'large']), PropTypes.string]),\n  /**\n   * Element placed before the children.\n   */\n  startIcon: PropTypes.node,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * @ignore\n   */\n  type: PropTypes.oneOfType([PropTypes.oneOf(['button', 'reset', 'submit']), PropTypes.string]),\n  /**\n   * The variant to use.\n   * @default 'text'\n   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['contained', 'outlined', 'text']), PropTypes.string])\n} : void 0;\nexport default Button;","import { Children, cloneElement, isValidElement } from 'react';\n/**\n * Given `this.props.children`, return an object mapping key to child.\n *\n * @param {*} children `this.props.children`\n * @return {object} Mapping of key to child\n */\n\nexport function getChildMapping(children, mapFn) {\n  var mapper = function mapper(child) {\n    return mapFn && isValidElement(child) ? mapFn(child) : child;\n  };\n\n  var result = Object.create(null);\n  if (children) Children.map(children, function (c) {\n    return c;\n  }).forEach(function (child) {\n    // run the map function here instead so that the key is the computed one\n    result[child.key] = mapper(child);\n  });\n  return result;\n}\n/**\n * When you're adding or removing children some may be added or removed in the\n * same render pass. We want to show *both* since we want to simultaneously\n * animate elements in and out. This function takes a previous set of keys\n * and a new set of keys and merges them with its best guess of the correct\n * ordering. In the future we may expose some of the utilities in\n * ReactMultiChild to make this easy, but for now React itself does not\n * directly have this concept of the union of prevChildren and nextChildren\n * so we implement it here.\n *\n * @param {object} prev prev children as returned from\n * `ReactTransitionChildMapping.getChildMapping()`.\n * @param {object} next next children as returned from\n * `ReactTransitionChildMapping.getChildMapping()`.\n * @return {object} a key set that contains all keys in `prev` and all keys\n * in `next` in a reasonable order.\n */\n\nexport function mergeChildMappings(prev, next) {\n  prev = prev || {};\n  next = next || {};\n\n  function getValueForKey(key) {\n    return key in next ? next[key] : prev[key];\n  } // For each key of `next`, the list of keys to insert before that key in\n  // the combined list\n\n\n  var nextKeysPending = Object.create(null);\n  var pendingKeys = [];\n\n  for (var prevKey in prev) {\n    if (prevKey in next) {\n      if (pendingKeys.length) {\n        nextKeysPending[prevKey] = pendingKeys;\n        pendingKeys = [];\n      }\n    } else {\n      pendingKeys.push(prevKey);\n    }\n  }\n\n  var i;\n  var childMapping = {};\n\n  for (var nextKey in next) {\n    if (nextKeysPending[nextKey]) {\n      for (i = 0; i < nextKeysPending[nextKey].length; i++) {\n        var pendingNextKey = nextKeysPending[nextKey][i];\n        childMapping[nextKeysPending[nextKey][i]] = getValueForKey(pendingNextKey);\n      }\n    }\n\n    childMapping[nextKey] = getValueForKey(nextKey);\n  } // Finally, add the keys which didn't appear before any key in `next`\n\n\n  for (i = 0; i < pendingKeys.length; i++) {\n    childMapping[pendingKeys[i]] = getValueForKey(pendingKeys[i]);\n  }\n\n  return childMapping;\n}\n\nfunction getProp(child, prop, props) {\n  return props[prop] != null ? props[prop] : child.props[prop];\n}\n\nexport function getInitialChildMapping(props, onExited) {\n  return getChildMapping(props.children, function (child) {\n    return cloneElement(child, {\n      onExited: onExited.bind(null, child),\n      in: true,\n      appear: getProp(child, 'appear', props),\n      enter: getProp(child, 'enter', props),\n      exit: getProp(child, 'exit', props)\n    });\n  });\n}\nexport function getNextChildMapping(nextProps, prevChildMapping, onExited) {\n  var nextChildMapping = getChildMapping(nextProps.children);\n  var children = mergeChildMappings(prevChildMapping, nextChildMapping);\n  Object.keys(children).forEach(function (key) {\n    var child = children[key];\n    if (!isValidElement(child)) return;\n    var hasPrev = (key in prevChildMapping);\n    var hasNext = (key in nextChildMapping);\n    var prevChild = prevChildMapping[key];\n    var isLeaving = isValidElement(prevChild) && !prevChild.props.in; // item is new (entering)\n\n    if (hasNext && (!hasPrev || isLeaving)) {\n      // console.log('entering', key)\n      children[key] = cloneElement(child, {\n        onExited: onExited.bind(null, child),\n        in: true,\n        exit: getProp(child, 'exit', nextProps),\n        enter: getProp(child, 'enter', nextProps)\n      });\n    } else if (!hasNext && hasPrev && !isLeaving) {\n      // item is old (exiting)\n      // console.log('leaving', key)\n      children[key] = cloneElement(child, {\n        in: false\n      });\n    } else if (hasNext && hasPrev && isValidElement(prevChild)) {\n      // item hasn't changed transition states\n      // copy over the last transition props;\n      // console.log('unchanged', key)\n      children[key] = cloneElement(child, {\n        onExited: onExited.bind(null, child),\n        in: prevChild.props.in,\n        exit: getProp(child, 'exit', nextProps),\n        enter: getProp(child, 'enter', nextProps)\n      });\n    }\n  });\n  return children;\n}","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/esm/assertThisInitialized\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport TransitionGroupContext from './TransitionGroupContext';\nimport { getChildMapping, getInitialChildMapping, getNextChildMapping } from './utils/ChildMapping';\n\nvar values = Object.values || function (obj) {\n  return Object.keys(obj).map(function (k) {\n    return obj[k];\n  });\n};\n\nvar defaultProps = {\n  component: 'div',\n  childFactory: function childFactory(child) {\n    return child;\n  }\n};\n/**\n * The `<TransitionGroup>` component manages a set of transition components\n * (`<Transition>` and `<CSSTransition>`) in a list. Like with the transition\n * components, `<TransitionGroup>` is a state machine for managing the mounting\n * and unmounting of components over time.\n *\n * Consider the example below. As items are removed or added to the TodoList the\n * `in` prop is toggled automatically by the `<TransitionGroup>`.\n *\n * Note that `<TransitionGroup>`  does not define any animation behavior!\n * Exactly _how_ a list item animates is up to the individual transition\n * component. This means you can mix and match animations across different list\n * items.\n */\n\nvar TransitionGroup = /*#__PURE__*/function (_React$Component) {\n  _inheritsLoose(TransitionGroup, _React$Component);\n\n  function TransitionGroup(props, context) {\n    var _this;\n\n    _this = _React$Component.call(this, props, context) || this;\n\n    var handleExited = _this.handleExited.bind(_assertThisInitialized(_this)); // Initial children should all be entering, dependent on appear\n\n\n    _this.state = {\n      contextValue: {\n        isMounting: true\n      },\n      handleExited: handleExited,\n      firstRender: true\n    };\n    return _this;\n  }\n\n  var _proto = TransitionGroup.prototype;\n\n  _proto.componentDidMount = function componentDidMount() {\n    this.mounted = true;\n    this.setState({\n      contextValue: {\n        isMounting: false\n      }\n    });\n  };\n\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    this.mounted = false;\n  };\n\n  TransitionGroup.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, _ref) {\n    var prevChildMapping = _ref.children,\n        handleExited = _ref.handleExited,\n        firstRender = _ref.firstRender;\n    return {\n      children: firstRender ? getInitialChildMapping(nextProps, handleExited) : getNextChildMapping(nextProps, prevChildMapping, handleExited),\n      firstRender: false\n    };\n  } // node is `undefined` when user provided `nodeRef` prop\n  ;\n\n  _proto.handleExited = function handleExited(child, node) {\n    var currentChildMapping = getChildMapping(this.props.children);\n    if (child.key in currentChildMapping) return;\n\n    if (child.props.onExited) {\n      child.props.onExited(node);\n    }\n\n    if (this.mounted) {\n      this.setState(function (state) {\n        var children = _extends({}, state.children);\n\n        delete children[child.key];\n        return {\n          children: children\n        };\n      });\n    }\n  };\n\n  _proto.render = function render() {\n    var _this$props = this.props,\n        Component = _this$props.component,\n        childFactory = _this$props.childFactory,\n        props = _objectWithoutPropertiesLoose(_this$props, [\"component\", \"childFactory\"]);\n\n    var contextValue = this.state.contextValue;\n    var children = values(this.state.children).map(childFactory);\n    delete props.appear;\n    delete props.enter;\n    delete props.exit;\n\n    if (Component === null) {\n      return /*#__PURE__*/React.createElement(TransitionGroupContext.Provider, {\n        value: contextValue\n      }, children);\n    }\n\n    return /*#__PURE__*/React.createElement(TransitionGroupContext.Provider, {\n      value: contextValue\n    }, /*#__PURE__*/React.createElement(Component, props, children));\n  };\n\n  return TransitionGroup;\n}(React.Component);\n\nTransitionGroup.propTypes = process.env.NODE_ENV !== \"production\" ? {\n  /**\n   * `<TransitionGroup>` renders a `<div>` by default. You can change this\n   * behavior by providing a `component` prop.\n   * If you use React v16+ and would like to avoid a wrapping `<div>` element\n   * you can pass in `component={null}`. This is useful if the wrapping div\n   * borks your css styles.\n   */\n  component: PropTypes.any,\n\n  /**\n   * A set of `<Transition>` components, that are toggled `in` and out as they\n   * leave. the `<TransitionGroup>` will inject specific transition props, so\n   * remember to spread them through if you are wrapping the `<Transition>` as\n   * with our `<Fade>` example.\n   *\n   * While this component is meant for multiple `Transition` or `CSSTransition`\n   * children, sometimes you may want to have a single transition child with\n   * content that you want to be transitioned out and in when you change it\n   * (e.g. routes, images etc.) In that case you can change the `key` prop of\n   * the transition child as you change its content, this will cause\n   * `TransitionGroup` to transition the child out and back in.\n   */\n  children: PropTypes.node,\n\n  /**\n   * A convenience prop that enables or disables appear animations\n   * for all children. Note that specifying this will override any defaults set\n   * on individual children Transitions.\n   */\n  appear: PropTypes.bool,\n\n  /**\n   * A convenience prop that enables or disables enter animations\n   * for all children. Note that specifying this will override any defaults set\n   * on individual children Transitions.\n   */\n  enter: PropTypes.bool,\n\n  /**\n   * A convenience prop that enables or disables exit animations\n   * for all children. Note that specifying this will override any defaults set\n   * on individual children Transitions.\n   */\n  exit: PropTypes.bool,\n\n  /**\n   * You may need to apply reactive updates to a child as it is exiting.\n   * This is generally done by using `cloneElement` however in the case of an exiting\n   * child the element has already been removed and not accessible to the consumer.\n   *\n   * If you do need to update a child as it leaves you can provide a `childFactory`\n   * to wrap every child, even the ones that are leaving.\n   *\n   * @type Function(child: ReactElement) -> ReactElement\n   */\n  childFactory: PropTypes.func\n} : {};\nTransitionGroup.defaultProps = defaultProps;\nexport default TransitionGroup;","'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\n\n/**\n * @ignore - internal component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction Ripple(props) {\n  const {\n    className,\n    classes,\n    pulsate = false,\n    rippleX,\n    rippleY,\n    rippleSize,\n    in: inProp,\n    onExited,\n    timeout\n  } = props;\n  const [leaving, setLeaving] = React.useState(false);\n  const rippleClassName = clsx(className, classes.ripple, classes.rippleVisible, pulsate && classes.ripplePulsate);\n  const rippleStyles = {\n    width: rippleSize,\n    height: rippleSize,\n    top: -(rippleSize / 2) + rippleY,\n    left: -(rippleSize / 2) + rippleX\n  };\n  const childClassName = clsx(classes.child, leaving && classes.childLeaving, pulsate && classes.childPulsate);\n  if (!inProp && !leaving) {\n    setLeaving(true);\n  }\n  React.useEffect(() => {\n    if (!inProp && onExited != null) {\n      // react-transition-group#onExited\n      const timeoutId = setTimeout(onExited, timeout);\n      return () => {\n        clearTimeout(timeoutId);\n      };\n    }\n    return undefined;\n  }, [onExited, inProp, timeout]);\n  return /*#__PURE__*/_jsx(\"span\", {\n    className: rippleClassName,\n    style: rippleStyles,\n    children: /*#__PURE__*/_jsx(\"span\", {\n      className: childClassName\n    })\n  });\n}\nprocess.env.NODE_ENV !== \"production\" ? Ripple.propTypes = {\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object.isRequired,\n  className: PropTypes.string,\n  /**\n   * @ignore - injected from TransitionGroup\n   */\n  in: PropTypes.bool,\n  /**\n   * @ignore - injected from TransitionGroup\n   */\n  onExited: PropTypes.func,\n  /**\n   * If `true`, the ripple pulsates, typically indicating the keyboard focus state of an element.\n   */\n  pulsate: PropTypes.bool,\n  /**\n   * Diameter of the ripple.\n   */\n  rippleSize: PropTypes.number,\n  /**\n   * Horizontal position of the ripple center.\n   */\n  rippleX: PropTypes.number,\n  /**\n   * Vertical position of the ripple center.\n   */\n  rippleY: PropTypes.number,\n  /**\n   * exit delay\n   */\n  timeout: PropTypes.number.isRequired\n} : void 0;\nexport default Ripple;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getTouchRippleUtilityClass(slot) {\n  return generateUtilityClass('MuiTouchRipple', slot);\n}\nconst touchRippleClasses = generateUtilityClasses('MuiTouchRipple', ['root', 'ripple', 'rippleVisible', 'ripplePulsate', 'child', 'childLeaving', 'childPulsate']);\nexport default touchRippleClasses;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"center\", \"classes\", \"className\"];\nlet _ = t => t,\n  _t,\n  _t2,\n  _t3,\n  _t4;\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { TransitionGroup } from 'react-transition-group';\nimport clsx from 'clsx';\nimport { keyframes } from '@mui/system';\nimport useTimeout from '@mui/utils/useTimeout';\nimport styled from '../styles/styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport Ripple from './Ripple';\nimport touchRippleClasses from './touchRippleClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst DURATION = 550;\nexport const DELAY_RIPPLE = 80;\nconst enterKeyframe = keyframes(_t || (_t = _`\n  0% {\n    transform: scale(0);\n    opacity: 0.1;\n  }\n\n  100% {\n    transform: scale(1);\n    opacity: 0.3;\n  }\n`));\nconst exitKeyframe = keyframes(_t2 || (_t2 = _`\n  0% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n  }\n`));\nconst pulsateKeyframe = keyframes(_t3 || (_t3 = _`\n  0% {\n    transform: scale(1);\n  }\n\n  50% {\n    transform: scale(0.92);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n`));\nexport const TouchRippleRoot = styled('span', {\n  name: 'MuiTouchRipple',\n  slot: 'Root'\n})({\n  overflow: 'hidden',\n  pointerEvents: 'none',\n  position: 'absolute',\n  zIndex: 0,\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0,\n  borderRadius: 'inherit'\n});\n\n// This `styled()` function invokes keyframes. `styled-components` only supports keyframes\n// in string templates. Do not convert these styles in JS object as it will break.\nexport const TouchRippleRipple = styled(Ripple, {\n  name: 'MuiTouchRipple',\n  slot: 'Ripple'\n})(_t4 || (_t4 = _`\n  opacity: 0;\n  position: absolute;\n\n  &.${0} {\n    opacity: 0.3;\n    transform: scale(1);\n    animation-name: ${0};\n    animation-duration: ${0}ms;\n    animation-timing-function: ${0};\n  }\n\n  &.${0} {\n    animation-duration: ${0}ms;\n  }\n\n  & .${0} {\n    opacity: 1;\n    display: block;\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    background-color: currentColor;\n  }\n\n  & .${0} {\n    opacity: 0;\n    animation-name: ${0};\n    animation-duration: ${0}ms;\n    animation-timing-function: ${0};\n  }\n\n  & .${0} {\n    position: absolute;\n    /* @noflip */\n    left: 0px;\n    top: 0;\n    animation-name: ${0};\n    animation-duration: 2500ms;\n    animation-timing-function: ${0};\n    animation-iteration-count: infinite;\n    animation-delay: 200ms;\n  }\n`), touchRippleClasses.rippleVisible, enterKeyframe, DURATION, ({\n  theme\n}) => theme.transitions.easing.easeInOut, touchRippleClasses.ripplePulsate, ({\n  theme\n}) => theme.transitions.duration.shorter, touchRippleClasses.child, touchRippleClasses.childLeaving, exitKeyframe, DURATION, ({\n  theme\n}) => theme.transitions.easing.easeInOut, touchRippleClasses.childPulsate, pulsateKeyframe, ({\n  theme\n}) => theme.transitions.easing.easeInOut);\n\n/**\n * @ignore - internal component.\n *\n * TODO v5: Make private\n */\nconst TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiTouchRipple'\n  });\n  const {\n      center: centerProp = false,\n      classes = {},\n      className\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const [ripples, setRipples] = React.useState([]);\n  const nextKey = React.useRef(0);\n  const rippleCallback = React.useRef(null);\n  React.useEffect(() => {\n    if (rippleCallback.current) {\n      rippleCallback.current();\n      rippleCallback.current = null;\n    }\n  }, [ripples]);\n\n  // Used to filter out mouse emulated events on mobile.\n  const ignoringMouseDown = React.useRef(false);\n  // We use a timer in order to only show the ripples for touch \"click\" like events.\n  // We don't want to display the ripple for touch scroll events.\n  const startTimer = useTimeout();\n\n  // This is the hook called once the previous timeout is ready.\n  const startTimerCommit = React.useRef(null);\n  const container = React.useRef(null);\n  const startCommit = React.useCallback(params => {\n    const {\n      pulsate,\n      rippleX,\n      rippleY,\n      rippleSize,\n      cb\n    } = params;\n    setRipples(oldRipples => [...oldRipples, /*#__PURE__*/_jsx(TouchRippleRipple, {\n      classes: {\n        ripple: clsx(classes.ripple, touchRippleClasses.ripple),\n        rippleVisible: clsx(classes.rippleVisible, touchRippleClasses.rippleVisible),\n        ripplePulsate: clsx(classes.ripplePulsate, touchRippleClasses.ripplePulsate),\n        child: clsx(classes.child, touchRippleClasses.child),\n        childLeaving: clsx(classes.childLeaving, touchRippleClasses.childLeaving),\n        childPulsate: clsx(classes.childPulsate, touchRippleClasses.childPulsate)\n      },\n      timeout: DURATION,\n      pulsate: pulsate,\n      rippleX: rippleX,\n      rippleY: rippleY,\n      rippleSize: rippleSize\n    }, nextKey.current)]);\n    nextKey.current += 1;\n    rippleCallback.current = cb;\n  }, [classes]);\n  const start = React.useCallback((event = {}, options = {}, cb = () => {}) => {\n    const {\n      pulsate = false,\n      center = centerProp || options.pulsate,\n      fakeElement = false // For test purposes\n    } = options;\n    if ((event == null ? void 0 : event.type) === 'mousedown' && ignoringMouseDown.current) {\n      ignoringMouseDown.current = false;\n      return;\n    }\n    if ((event == null ? void 0 : event.type) === 'touchstart') {\n      ignoringMouseDown.current = true;\n    }\n    const element = fakeElement ? null : container.current;\n    const rect = element ? element.getBoundingClientRect() : {\n      width: 0,\n      height: 0,\n      left: 0,\n      top: 0\n    };\n\n    // Get the size of the ripple\n    let rippleX;\n    let rippleY;\n    let rippleSize;\n    if (center || event === undefined || event.clientX === 0 && event.clientY === 0 || !event.clientX && !event.touches) {\n      rippleX = Math.round(rect.width / 2);\n      rippleY = Math.round(rect.height / 2);\n    } else {\n      const {\n        clientX,\n        clientY\n      } = event.touches && event.touches.length > 0 ? event.touches[0] : event;\n      rippleX = Math.round(clientX - rect.left);\n      rippleY = Math.round(clientY - rect.top);\n    }\n    if (center) {\n      rippleSize = Math.sqrt((2 * rect.width ** 2 + rect.height ** 2) / 3);\n\n      // For some reason the animation is broken on Mobile Chrome if the size is even.\n      if (rippleSize % 2 === 0) {\n        rippleSize += 1;\n      }\n    } else {\n      const sizeX = Math.max(Math.abs((element ? element.clientWidth : 0) - rippleX), rippleX) * 2 + 2;\n      const sizeY = Math.max(Math.abs((element ? element.clientHeight : 0) - rippleY), rippleY) * 2 + 2;\n      rippleSize = Math.sqrt(sizeX ** 2 + sizeY ** 2);\n    }\n\n    // Touche devices\n    if (event != null && event.touches) {\n      // check that this isn't another touchstart due to multitouch\n      // otherwise we will only clear a single timer when unmounting while two\n      // are running\n      if (startTimerCommit.current === null) {\n        // Prepare the ripple effect.\n        startTimerCommit.current = () => {\n          startCommit({\n            pulsate,\n            rippleX,\n            rippleY,\n            rippleSize,\n            cb\n          });\n        };\n        // Delay the execution of the ripple effect.\n        // We have to make a tradeoff with this delay value.\n        startTimer.start(DELAY_RIPPLE, () => {\n          if (startTimerCommit.current) {\n            startTimerCommit.current();\n            startTimerCommit.current = null;\n          }\n        });\n      }\n    } else {\n      startCommit({\n        pulsate,\n        rippleX,\n        rippleY,\n        rippleSize,\n        cb\n      });\n    }\n  }, [centerProp, startCommit, startTimer]);\n  const pulsate = React.useCallback(() => {\n    start({}, {\n      pulsate: true\n    });\n  }, [start]);\n  const stop = React.useCallback((event, cb) => {\n    startTimer.clear();\n\n    // The touch interaction occurs too quickly.\n    // We still want to show ripple effect.\n    if ((event == null ? void 0 : event.type) === 'touchend' && startTimerCommit.current) {\n      startTimerCommit.current();\n      startTimerCommit.current = null;\n      startTimer.start(0, () => {\n        stop(event, cb);\n      });\n      return;\n    }\n    startTimerCommit.current = null;\n    setRipples(oldRipples => {\n      if (oldRipples.length > 0) {\n        return oldRipples.slice(1);\n      }\n      return oldRipples;\n    });\n    rippleCallback.current = cb;\n  }, [startTimer]);\n  React.useImperativeHandle(ref, () => ({\n    pulsate,\n    start,\n    stop\n  }), [pulsate, start, stop]);\n  return /*#__PURE__*/_jsx(TouchRippleRoot, _extends({\n    className: clsx(touchRippleClasses.root, classes.root, className),\n    ref: container\n  }, other, {\n    children: /*#__PURE__*/_jsx(TransitionGroup, {\n      component: null,\n      exit: true,\n      children: ripples\n    })\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? TouchRipple.propTypes = {\n  /**\n   * If `true`, the ripple starts at the center of the component\n   * rather than at the point of interaction.\n   */\n  center: PropTypes.bool,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string\n} : void 0;\nexport default TouchRipple;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getButtonBaseUtilityClass(slot) {\n  return generateUtilityClass('MuiButtonBase', slot);\n}\nconst buttonBaseClasses = generateUtilityClasses('MuiButtonBase', ['root', 'disabled', 'focusVisible']);\nexport default buttonBaseClasses;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"action\", \"centerRipple\", \"children\", \"className\", \"component\", \"disabled\", \"disableRipple\", \"disableTouchRipple\", \"focusRipple\", \"focusVisibleClassName\", \"LinkComponent\", \"onBlur\", \"onClick\", \"onContextMenu\", \"onDragLeave\", \"onFocus\", \"onFocusVisible\", \"onKeyDown\", \"onKeyUp\", \"onMouseDown\", \"onMouseLeave\", \"onMouseUp\", \"onTouchEnd\", \"onTouchMove\", \"onTouchStart\", \"tabIndex\", \"TouchRippleProps\", \"touchRippleRef\", \"type\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport refType from '@mui/utils/refType';\nimport elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';\nimport composeClasses from '@mui/utils/composeClasses';\nimport styled from '../styles/styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport useForkRef from '../utils/useForkRef';\nimport useEventCallback from '../utils/useEventCallback';\nimport useIsFocusVisible from '../utils/useIsFocusVisible';\nimport TouchRipple from './TouchRipple';\nimport buttonBaseClasses, { getButtonBaseUtilityClass } from './buttonBaseClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    disabled,\n    focusVisible,\n    focusVisibleClassName,\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root', disabled && 'disabled', focusVisible && 'focusVisible']\n  };\n  const composedClasses = composeClasses(slots, getButtonBaseUtilityClass, classes);\n  if (focusVisible && focusVisibleClassName) {\n    composedClasses.root += ` ${focusVisibleClassName}`;\n  }\n  return composedClasses;\n};\nexport const ButtonBaseRoot = styled('button', {\n  name: 'MuiButtonBase',\n  slot: 'Root',\n  overridesResolver: (props, styles) => styles.root\n})({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  position: 'relative',\n  boxSizing: 'border-box',\n  WebkitTapHighlightColor: 'transparent',\n  backgroundColor: 'transparent',\n  // Reset default value\n  // We disable the focus ring for mouse, touch and keyboard users.\n  outline: 0,\n  border: 0,\n  margin: 0,\n  // Remove the margin in Safari\n  borderRadius: 0,\n  padding: 0,\n  // Remove the padding in Firefox\n  cursor: 'pointer',\n  userSelect: 'none',\n  verticalAlign: 'middle',\n  MozAppearance: 'none',\n  // Reset\n  WebkitAppearance: 'none',\n  // Reset\n  textDecoration: 'none',\n  // So we take precedent over the style of a native <a /> element.\n  color: 'inherit',\n  '&::-moz-focus-inner': {\n    borderStyle: 'none' // Remove Firefox dotted outline.\n  },\n  [`&.${buttonBaseClasses.disabled}`]: {\n    pointerEvents: 'none',\n    // Disable link interactions\n    cursor: 'default'\n  },\n  '@media print': {\n    colorAdjust: 'exact'\n  }\n});\n\n/**\n * `ButtonBase` contains as few styles as possible.\n * It aims to be a simple building block for creating a button.\n * It contains a load of style reset and some focus/ripple logic.\n */\nconst ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiButtonBase'\n  });\n  const {\n      action,\n      centerRipple = false,\n      children,\n      className,\n      component = 'button',\n      disabled = false,\n      disableRipple = false,\n      disableTouchRipple = false,\n      focusRipple = false,\n      LinkComponent = 'a',\n      onBlur,\n      onClick,\n      onContextMenu,\n      onDragLeave,\n      onFocus,\n      onFocusVisible,\n      onKeyDown,\n      onKeyUp,\n      onMouseDown,\n      onMouseLeave,\n      onMouseUp,\n      onTouchEnd,\n      onTouchMove,\n      onTouchStart,\n      tabIndex = 0,\n      TouchRippleProps,\n      touchRippleRef,\n      type\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const buttonRef = React.useRef(null);\n  const rippleRef = React.useRef(null);\n  const handleRippleRef = useForkRef(rippleRef, touchRippleRef);\n  const {\n    isFocusVisibleRef,\n    onFocus: handleFocusVisible,\n    onBlur: handleBlurVisible,\n    ref: focusVisibleRef\n  } = useIsFocusVisible();\n  const [focusVisible, setFocusVisible] = React.useState(false);\n  if (disabled && focusVisible) {\n    setFocusVisible(false);\n  }\n  React.useImperativeHandle(action, () => ({\n    focusVisible: () => {\n      setFocusVisible(true);\n      buttonRef.current.focus();\n    }\n  }), []);\n  const [mountedState, setMountedState] = React.useState(false);\n  React.useEffect(() => {\n    setMountedState(true);\n  }, []);\n  const enableTouchRipple = mountedState && !disableRipple && !disabled;\n  React.useEffect(() => {\n    if (focusVisible && focusRipple && !disableRipple && mountedState) {\n      rippleRef.current.pulsate();\n    }\n  }, [disableRipple, focusRipple, focusVisible, mountedState]);\n  function useRippleHandler(rippleAction, eventCallback, skipRippleAction = disableTouchRipple) {\n    return useEventCallback(event => {\n      if (eventCallback) {\n        eventCallback(event);\n      }\n      const ignore = skipRippleAction;\n      if (!ignore && rippleRef.current) {\n        rippleRef.current[rippleAction](event);\n      }\n      return true;\n    });\n  }\n  const handleMouseDown = useRippleHandler('start', onMouseDown);\n  const handleContextMenu = useRippleHandler('stop', onContextMenu);\n  const handleDragLeave = useRippleHandler('stop', onDragLeave);\n  const handleMouseUp = useRippleHandler('stop', onMouseUp);\n  const handleMouseLeave = useRippleHandler('stop', event => {\n    if (focusVisible) {\n      event.preventDefault();\n    }\n    if (onMouseLeave) {\n      onMouseLeave(event);\n    }\n  });\n  const handleTouchStart = useRippleHandler('start', onTouchStart);\n  const handleTouchEnd = useRippleHandler('stop', onTouchEnd);\n  const handleTouchMove = useRippleHandler('stop', onTouchMove);\n  const handleBlur = useRippleHandler('stop', event => {\n    handleBlurVisible(event);\n    if (isFocusVisibleRef.current === false) {\n      setFocusVisible(false);\n    }\n    if (onBlur) {\n      onBlur(event);\n    }\n  }, false);\n  const handleFocus = useEventCallback(event => {\n    // Fix for https://github.com/facebook/react/issues/7769\n    if (!buttonRef.current) {\n      buttonRef.current = event.currentTarget;\n    }\n    handleFocusVisible(event);\n    if (isFocusVisibleRef.current === true) {\n      setFocusVisible(true);\n      if (onFocusVisible) {\n        onFocusVisible(event);\n      }\n    }\n    if (onFocus) {\n      onFocus(event);\n    }\n  });\n  const isNonNativeButton = () => {\n    const button = buttonRef.current;\n    return component && component !== 'button' && !(button.tagName === 'A' && button.href);\n  };\n\n  /**\n   * IE11 shim for https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/repeat\n   */\n  const keydownRef = React.useRef(false);\n  const handleKeyDown = useEventCallback(event => {\n    // Check if key is already down to avoid repeats being counted as multiple activations\n    if (focusRipple && !keydownRef.current && focusVisible && rippleRef.current && event.key === ' ') {\n      keydownRef.current = true;\n      rippleRef.current.stop(event, () => {\n        rippleRef.current.start(event);\n      });\n    }\n    if (event.target === event.currentTarget && isNonNativeButton() && event.key === ' ') {\n      event.preventDefault();\n    }\n    if (onKeyDown) {\n      onKeyDown(event);\n    }\n\n    // Keyboard accessibility for non interactive elements\n    if (event.target === event.currentTarget && isNonNativeButton() && event.key === 'Enter' && !disabled) {\n      event.preventDefault();\n      if (onClick) {\n        onClick(event);\n      }\n    }\n  });\n  const handleKeyUp = useEventCallback(event => {\n    // calling preventDefault in keyUp on a <button> will not dispatch a click event if Space is pressed\n    // https://codesandbox.io/p/sandbox/button-keyup-preventdefault-dn7f0\n    if (focusRipple && event.key === ' ' && rippleRef.current && focusVisible && !event.defaultPrevented) {\n      keydownRef.current = false;\n      rippleRef.current.stop(event, () => {\n        rippleRef.current.pulsate(event);\n      });\n    }\n    if (onKeyUp) {\n      onKeyUp(event);\n    }\n\n    // Keyboard accessibility for non interactive elements\n    if (onClick && event.target === event.currentTarget && isNonNativeButton() && event.key === ' ' && !event.defaultPrevented) {\n      onClick(event);\n    }\n  });\n  let ComponentProp = component;\n  if (ComponentProp === 'button' && (other.href || other.to)) {\n    ComponentProp = LinkComponent;\n  }\n  const buttonProps = {};\n  if (ComponentProp === 'button') {\n    buttonProps.type = type === undefined ? 'button' : type;\n    buttonProps.disabled = disabled;\n  } else {\n    if (!other.href && !other.to) {\n      buttonProps.role = 'button';\n    }\n    if (disabled) {\n      buttonProps['aria-disabled'] = disabled;\n    }\n  }\n  const handleRef = useForkRef(ref, focusVisibleRef, buttonRef);\n  if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      if (enableTouchRipple && !rippleRef.current) {\n        console.error(['MUI: The `component` prop provided to ButtonBase is invalid.', 'Please make sure the children prop is rendered in this custom component.'].join('\\n'));\n      }\n    }, [enableTouchRipple]);\n  }\n  const ownerState = _extends({}, props, {\n    centerRipple,\n    component,\n    disabled,\n    disableRipple,\n    disableTouchRipple,\n    focusRipple,\n    tabIndex,\n    focusVisible\n  });\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsxs(ButtonBaseRoot, _extends({\n    as: ComponentProp,\n    className: clsx(classes.root, className),\n    ownerState: ownerState,\n    onBlur: handleBlur,\n    onClick: onClick,\n    onContextMenu: handleContextMenu,\n    onFocus: handleFocus,\n    onKeyDown: handleKeyDown,\n    onKeyUp: handleKeyUp,\n    onMouseDown: handleMouseDown,\n    onMouseLeave: handleMouseLeave,\n    onMouseUp: handleMouseUp,\n    onDragLeave: handleDragLeave,\n    onTouchEnd: handleTouchEnd,\n    onTouchMove: handleTouchMove,\n    onTouchStart: handleTouchStart,\n    ref: handleRef,\n    tabIndex: disabled ? -1 : tabIndex,\n    type: type\n  }, buttonProps, other, {\n    children: [children, enableTouchRipple ?\n    /*#__PURE__*/\n    /* TouchRipple is only needed client-side, x2 boost on the server. */\n    _jsx(TouchRipple, _extends({\n      ref: handleRippleRef,\n      center: centerRipple\n    }, TouchRippleProps)) : null]\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? ButtonBase.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * A ref for imperative actions.\n   * It currently only supports `focusVisible()` action.\n   */\n  action: refType,\n  /**\n   * If `true`, the ripples are centered.\n   * They won't start at the cursor interaction position.\n   * @default false\n   */\n  centerRipple: PropTypes.bool,\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: elementTypeAcceptingRef,\n  /**\n   * If `true`, the component is disabled.\n   * @default false\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the ripple effect is disabled.\n   *\n   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\n   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.\n   * @default false\n   */\n  disableRipple: PropTypes.bool,\n  /**\n   * If `true`, the touch ripple effect is disabled.\n   * @default false\n   */\n  disableTouchRipple: PropTypes.bool,\n  /**\n   * If `true`, the base button will have a keyboard focus ripple.\n   * @default false\n   */\n  focusRipple: PropTypes.bool,\n  /**\n   * This prop can help identify which element has keyboard focus.\n   * The class name will be applied when the element gains the focus through keyboard interaction.\n   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\n   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\n   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\n   * if needed.\n   */\n  focusVisibleClassName: PropTypes.string,\n  /**\n   * @ignore\n   */\n  href: PropTypes /* @typescript-to-proptypes-ignore */.any,\n  /**\n   * The component used to render a link when the `href` prop is provided.\n   * @default 'a'\n   */\n  LinkComponent: PropTypes.elementType,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onClick: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onContextMenu: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onDragLeave: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onFocus: PropTypes.func,\n  /**\n   * Callback fired when the component is focused with a keyboard.\n   * We trigger a `onFocus` callback too.\n   */\n  onFocusVisible: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onKeyDown: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onKeyUp: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onMouseDown: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onMouseLeave: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onMouseUp: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onTouchEnd: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onTouchMove: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onTouchStart: PropTypes.func,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * @default 0\n   */\n  tabIndex: PropTypes.number,\n  /**\n   * Props applied to the `TouchRipple` element.\n   */\n  TouchRippleProps: PropTypes.object,\n  /**\n   * A ref that points to the `TouchRipple` element.\n   */\n  touchRippleRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({\n    current: PropTypes.shape({\n      pulsate: PropTypes.func.isRequired,\n      start: PropTypes.func.isRequired,\n      stop: PropTypes.func.isRequired\n    })\n  })]),\n  /**\n   * @ignore\n   */\n  type: PropTypes.oneOfType([PropTypes.oneOf(['button', 'reset', 'submit']), PropTypes.string])\n} : void 0;\nexport default ButtonBase;","'use client';\n\nimport * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n\n/**\n * @ignore - internal component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\"\n}), 'CheckBoxOutlineBlank');","'use client';\n\nimport * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n\n/**\n * @ignore - internal component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\n}), 'CheckBox');","'use client';\n\nimport * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n\n/**\n * @ignore - internal component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z\"\n}), 'IndeterminateCheckBox');","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getCheckboxUtilityClass(slot) {\n  return generateUtilityClass('MuiCheckbox', slot);\n}\nconst checkboxClasses = generateUtilityClasses('MuiCheckbox', ['root', 'checked', 'disabled', 'indeterminate', 'colorPrimary', 'colorSecondary', 'sizeSmall', 'sizeMedium']);\nexport default checkboxClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"checkedIcon\", \"color\", \"icon\", \"indeterminate\", \"indeterminateIcon\", \"inputProps\", \"size\", \"className\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport refType from '@mui/utils/refType';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { alpha } from '@mui/system/colorManipulator';\nimport SwitchBase from '../internal/SwitchBase';\nimport CheckBoxOutlineBlankIcon from '../internal/svg-icons/CheckBoxOutlineBlank';\nimport CheckBoxIcon from '../internal/svg-icons/CheckBox';\nimport IndeterminateCheckBoxIcon from '../internal/svg-icons/IndeterminateCheckBox';\nimport capitalize from '../utils/capitalize';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport styled, { rootShouldForwardProp } from '../styles/styled';\nimport checkboxClasses, { getCheckboxUtilityClass } from './checkboxClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    indeterminate,\n    color,\n    size\n  } = ownerState;\n  const slots = {\n    root: ['root', indeterminate && 'indeterminate', `color${capitalize(color)}`, `size${capitalize(size)}`]\n  };\n  const composedClasses = composeClasses(slots, getCheckboxUtilityClass, classes);\n  return _extends({}, classes, composedClasses);\n};\nconst CheckboxRoot = styled(SwitchBase, {\n  shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',\n  name: 'MuiCheckbox',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.indeterminate && styles.indeterminate, styles[`size${capitalize(ownerState.size)}`], ownerState.color !== 'default' && styles[`color${capitalize(ownerState.color)}`]];\n  }\n})(({\n  theme,\n  ownerState\n}) => _extends({\n  color: (theme.vars || theme).palette.text.secondary\n}, !ownerState.disableRipple && {\n  '&:hover': {\n    backgroundColor: theme.vars ? `rgba(${ownerState.color === 'default' ? theme.vars.palette.action.activeChannel : theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(ownerState.color === 'default' ? theme.palette.action.active : theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),\n    // Reset on touch devices, it doesn't add specificity\n    '@media (hover: none)': {\n      backgroundColor: 'transparent'\n    }\n  }\n}, ownerState.color !== 'default' && {\n  [`&.${checkboxClasses.checked}, &.${checkboxClasses.indeterminate}`]: {\n    color: (theme.vars || theme).palette[ownerState.color].main\n  },\n  [`&.${checkboxClasses.disabled}`]: {\n    color: (theme.vars || theme).palette.action.disabled\n  }\n}));\nconst defaultCheckedIcon = /*#__PURE__*/_jsx(CheckBoxIcon, {});\nconst defaultIcon = /*#__PURE__*/_jsx(CheckBoxOutlineBlankIcon, {});\nconst defaultIndeterminateIcon = /*#__PURE__*/_jsx(IndeterminateCheckBoxIcon, {});\nconst Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(inProps, ref) {\n  var _icon$props$fontSize, _indeterminateIcon$pr;\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiCheckbox'\n  });\n  const {\n      checkedIcon = defaultCheckedIcon,\n      color = 'primary',\n      icon: iconProp = defaultIcon,\n      indeterminate = false,\n      indeterminateIcon: indeterminateIconProp = defaultIndeterminateIcon,\n      inputProps,\n      size = 'medium',\n      className\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const icon = indeterminate ? indeterminateIconProp : iconProp;\n  const indeterminateIcon = indeterminate ? indeterminateIconProp : checkedIcon;\n  const ownerState = _extends({}, props, {\n    color,\n    indeterminate,\n    size\n  });\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(CheckboxRoot, _extends({\n    type: \"checkbox\",\n    inputProps: _extends({\n      'data-indeterminate': indeterminate\n    }, inputProps),\n    icon: /*#__PURE__*/React.cloneElement(icon, {\n      fontSize: (_icon$props$fontSize = icon.props.fontSize) != null ? _icon$props$fontSize : size\n    }),\n    checkedIcon: /*#__PURE__*/React.cloneElement(indeterminateIcon, {\n      fontSize: (_indeterminateIcon$pr = indeterminateIcon.props.fontSize) != null ? _indeterminateIcon$pr : size\n    }),\n    ownerState: ownerState,\n    ref: ref,\n    className: clsx(classes.root, className)\n  }, other, {\n    classes: classes\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Checkbox.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * If `true`, the component is checked.\n   */\n  checked: PropTypes.bool,\n  /**\n   * The icon to display when the component is checked.\n   * @default <CheckBoxIcon />\n   */\n  checkedIcon: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * @default 'primary'\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),\n  /**\n   * The default checked state. Use when the component is not controlled.\n   */\n  defaultChecked: PropTypes.bool,\n  /**\n   * If `true`, the component is disabled.\n   * @default false\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the ripple effect is disabled.\n   * @default false\n   */\n  disableRipple: PropTypes.bool,\n  /**\n   * The icon to display when the component is unchecked.\n   * @default <CheckBoxOutlineBlankIcon />\n   */\n  icon: PropTypes.node,\n  /**\n   * The id of the `input` element.\n   */\n  id: PropTypes.string,\n  /**\n   * If `true`, the component appears indeterminate.\n   * This does not set the native input element to indeterminate due\n   * to inconsistent behavior across browsers.\n   * However, we set a `data-indeterminate` attribute on the `input`.\n   * @default false\n   */\n  indeterminate: PropTypes.bool,\n  /**\n   * The icon to display when the component is indeterminate.\n   * @default <IndeterminateCheckBoxIcon />\n   */\n  indeterminateIcon: PropTypes.node,\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n   */\n  inputProps: PropTypes.object,\n  /**\n   * Pass a ref to the `input` element.\n   */\n  inputRef: refType,\n  /**\n   * Callback fired when the state is changed.\n   *\n   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.\n   * You can pull out the new checked state by accessing `event.target.checked` (boolean).\n   */\n  onChange: PropTypes.func,\n  /**\n   * If `true`, the `input` element is required.\n   * @default false\n   */\n  required: PropTypes.bool,\n  /**\n   * The size of the component.\n   * `small` is equivalent to the dense checkbox styling.\n   * @default 'medium'\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The value of the component. The DOM API casts this to a string.\n   * The browser uses \"on\" as the default value.\n   */\n  value: PropTypes.any\n} : void 0;\nexport default Checkbox;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getCollapseUtilityClass(slot) {\n  return generateUtilityClass('MuiCollapse', slot);\n}\nconst collapseClasses = generateUtilityClasses('MuiCollapse', ['root', 'horizontal', 'vertical', 'entered', 'hidden', 'wrapper', 'wrapperInner']);\nexport default collapseClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"addEndListener\", \"children\", \"className\", \"collapsedSize\", \"component\", \"easing\", \"in\", \"onEnter\", \"onEntered\", \"onEntering\", \"onExit\", \"onExited\", \"onExiting\", \"orientation\", \"style\", \"timeout\", \"TransitionComponent\"];\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport { Transition } from 'react-transition-group';\nimport useTimeout from '@mui/utils/useTimeout';\nimport elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';\nimport composeClasses from '@mui/utils/composeClasses';\nimport styled from '../styles/styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport { duration } from '../styles/createTransitions';\nimport { getTransitionProps } from '../transitions/utils';\nimport useTheme from '../styles/useTheme';\nimport { useForkRef } from '../utils';\nimport { getCollapseUtilityClass } from './collapseClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    orientation,\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root', `${orientation}`],\n    entered: ['entered'],\n    hidden: ['hidden'],\n    wrapper: ['wrapper', `${orientation}`],\n    wrapperInner: ['wrapperInner', `${orientation}`]\n  };\n  return composeClasses(slots, getCollapseUtilityClass, classes);\n};\nconst CollapseRoot = styled('div', {\n  name: 'MuiCollapse',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, styles[ownerState.orientation], ownerState.state === 'entered' && styles.entered, ownerState.state === 'exited' && !ownerState.in && ownerState.collapsedSize === '0px' && styles.hidden];\n  }\n})(({\n  theme,\n  ownerState\n}) => _extends({\n  height: 0,\n  overflow: 'hidden',\n  transition: theme.transitions.create('height')\n}, ownerState.orientation === 'horizontal' && {\n  height: 'auto',\n  width: 0,\n  transition: theme.transitions.create('width')\n}, ownerState.state === 'entered' && _extends({\n  height: 'auto',\n  overflow: 'visible'\n}, ownerState.orientation === 'horizontal' && {\n  width: 'auto'\n}), ownerState.state === 'exited' && !ownerState.in && ownerState.collapsedSize === '0px' && {\n  visibility: 'hidden'\n}));\nconst CollapseWrapper = styled('div', {\n  name: 'MuiCollapse',\n  slot: 'Wrapper',\n  overridesResolver: (props, styles) => styles.wrapper\n})(({\n  ownerState\n}) => _extends({\n  // Hack to get children with a negative margin to not falsify the height computation.\n  display: 'flex',\n  width: '100%'\n}, ownerState.orientation === 'horizontal' && {\n  width: 'auto',\n  height: '100%'\n}));\nconst CollapseWrapperInner = styled('div', {\n  name: 'MuiCollapse',\n  slot: 'WrapperInner',\n  overridesResolver: (props, styles) => styles.wrapperInner\n})(({\n  ownerState\n}) => _extends({\n  width: '100%'\n}, ownerState.orientation === 'horizontal' && {\n  width: 'auto',\n  height: '100%'\n}));\n\n/**\n * The Collapse transition is used by the\n * [Vertical Stepper](/material-ui/react-stepper/#vertical-stepper) StepContent component.\n * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.\n */\nconst Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiCollapse'\n  });\n  const {\n      addEndListener,\n      children,\n      className,\n      collapsedSize: collapsedSizeProp = '0px',\n      component,\n      easing,\n      in: inProp,\n      onEnter,\n      onEntered,\n      onEntering,\n      onExit,\n      onExited,\n      onExiting,\n      orientation = 'vertical',\n      style,\n      timeout = duration.standard,\n      // eslint-disable-next-line react/prop-types\n      TransitionComponent = Transition\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const ownerState = _extends({}, props, {\n    orientation,\n    collapsedSize: collapsedSizeProp\n  });\n  const classes = useUtilityClasses(ownerState);\n  const theme = useTheme();\n  const timer = useTimeout();\n  const wrapperRef = React.useRef(null);\n  const autoTransitionDuration = React.useRef();\n  const collapsedSize = typeof collapsedSizeProp === 'number' ? `${collapsedSizeProp}px` : collapsedSizeProp;\n  const isHorizontal = orientation === 'horizontal';\n  const size = isHorizontal ? 'width' : 'height';\n  const nodeRef = React.useRef(null);\n  const handleRef = useForkRef(ref, nodeRef);\n  const normalizedTransitionCallback = callback => maybeIsAppearing => {\n    if (callback) {\n      const node = nodeRef.current;\n\n      // onEnterXxx and onExitXxx callbacks have a different arguments.length value.\n      if (maybeIsAppearing === undefined) {\n        callback(node);\n      } else {\n        callback(node, maybeIsAppearing);\n      }\n    }\n  };\n  const getWrapperSize = () => wrapperRef.current ? wrapperRef.current[isHorizontal ? 'clientWidth' : 'clientHeight'] : 0;\n  const handleEnter = normalizedTransitionCallback((node, isAppearing) => {\n    if (wrapperRef.current && isHorizontal) {\n      // Set absolute position to get the size of collapsed content\n      wrapperRef.current.style.position = 'absolute';\n    }\n    node.style[size] = collapsedSize;\n    if (onEnter) {\n      onEnter(node, isAppearing);\n    }\n  });\n  const handleEntering = normalizedTransitionCallback((node, isAppearing) => {\n    const wrapperSize = getWrapperSize();\n    if (wrapperRef.current && isHorizontal) {\n      // After the size is read reset the position back to default\n      wrapperRef.current.style.position = '';\n    }\n    const {\n      duration: transitionDuration,\n      easing: transitionTimingFunction\n    } = getTransitionProps({\n      style,\n      timeout,\n      easing\n    }, {\n      mode: 'enter'\n    });\n    if (timeout === 'auto') {\n      const duration2 = theme.transitions.getAutoHeightDuration(wrapperSize);\n      node.style.transitionDuration = `${duration2}ms`;\n      autoTransitionDuration.current = duration2;\n    } else {\n      node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : `${transitionDuration}ms`;\n    }\n    node.style[size] = `${wrapperSize}px`;\n    node.style.transitionTimingFunction = transitionTimingFunction;\n    if (onEntering) {\n      onEntering(node, isAppearing);\n    }\n  });\n  const handleEntered = normalizedTransitionCallback((node, isAppearing) => {\n    node.style[size] = 'auto';\n    if (onEntered) {\n      onEntered(node, isAppearing);\n    }\n  });\n  const handleExit = normalizedTransitionCallback(node => {\n    node.style[size] = `${getWrapperSize()}px`;\n    if (onExit) {\n      onExit(node);\n    }\n  });\n  const handleExited = normalizedTransitionCallback(onExited);\n  const handleExiting = normalizedTransitionCallback(node => {\n    const wrapperSize = getWrapperSize();\n    const {\n      duration: transitionDuration,\n      easing: transitionTimingFunction\n    } = getTransitionProps({\n      style,\n      timeout,\n      easing\n    }, {\n      mode: 'exit'\n    });\n    if (timeout === 'auto') {\n      // TODO: rename getAutoHeightDuration to something more generic (width support)\n      // Actually it just calculates animation duration based on size\n      const duration2 = theme.transitions.getAutoHeightDuration(wrapperSize);\n      node.style.transitionDuration = `${duration2}ms`;\n      autoTransitionDuration.current = duration2;\n    } else {\n      node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : `${transitionDuration}ms`;\n    }\n    node.style[size] = collapsedSize;\n    node.style.transitionTimingFunction = transitionTimingFunction;\n    if (onExiting) {\n      onExiting(node);\n    }\n  });\n  const handleAddEndListener = next => {\n    if (timeout === 'auto') {\n      timer.start(autoTransitionDuration.current || 0, next);\n    }\n    if (addEndListener) {\n      // Old call signature before `react-transition-group` implemented `nodeRef`\n      addEndListener(nodeRef.current, next);\n    }\n  };\n  return /*#__PURE__*/_jsx(TransitionComponent, _extends({\n    in: inProp,\n    onEnter: handleEnter,\n    onEntered: handleEntered,\n    onEntering: handleEntering,\n    onExit: handleExit,\n    onExited: handleExited,\n    onExiting: handleExiting,\n    addEndListener: handleAddEndListener,\n    nodeRef: nodeRef,\n    timeout: timeout === 'auto' ? null : timeout\n  }, other, {\n    children: (state, childProps) => /*#__PURE__*/_jsx(CollapseRoot, _extends({\n      as: component,\n      className: clsx(classes.root, className, {\n        'entered': classes.entered,\n        'exited': !inProp && collapsedSize === '0px' && classes.hidden\n      }[state]),\n      style: _extends({\n        [isHorizontal ? 'minWidth' : 'minHeight']: collapsedSize\n      }, style),\n      ref: handleRef\n    }, childProps, {\n      // `ownerState` is set after `childProps` to override any existing `ownerState` property in `childProps`\n      // that might have been forwarded from the Transition component.\n      ownerState: _extends({}, ownerState, {\n        state\n      }),\n      children: /*#__PURE__*/_jsx(CollapseWrapper, {\n        ownerState: _extends({}, ownerState, {\n          state\n        }),\n        className: classes.wrapper,\n        ref: wrapperRef,\n        children: /*#__PURE__*/_jsx(CollapseWrapperInner, {\n          ownerState: _extends({}, ownerState, {\n            state\n          }),\n          className: classes.wrapperInner,\n          children: children\n        })\n      })\n    }))\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Collapse.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * Add a custom transition end trigger. Called with the transitioning DOM\n   * node and a done callback. Allows for more fine grained transition end\n   * logic. Note: Timeouts are still used as a fallback if provided.\n   */\n  addEndListener: PropTypes.func,\n  /**\n   * The content node to be collapsed.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The width (horizontal) or height (vertical) of the container when collapsed.\n   * @default '0px'\n   */\n  collapsedSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: elementTypeAcceptingRef,\n  /**\n   * The transition timing function.\n   * You may specify a single easing or a object containing enter and exit values.\n   */\n  easing: PropTypes.oneOfType([PropTypes.shape({\n    enter: PropTypes.string,\n    exit: PropTypes.string\n  }), PropTypes.string]),\n  /**\n   * If `true`, the component will transition in.\n   */\n  in: PropTypes.bool,\n  /**\n   * @ignore\n   */\n  onEnter: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onEntered: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onEntering: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onExit: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onExited: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onExiting: PropTypes.func,\n  /**\n   * The transition orientation.\n   * @default 'vertical'\n   */\n  orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n  /**\n   * @ignore\n   */\n  style: PropTypes.object,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The duration for the transition, in milliseconds.\n   * You may specify a single timeout for all transitions, or individually with an object.\n   *\n   * Set to 'auto' to automatically calculate transition time based on height.\n   * @default duration.standard\n   */\n  timeout: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.shape({\n    appear: PropTypes.number,\n    enter: PropTypes.number,\n    exit: PropTypes.number\n  })])\n} : void 0;\nCollapse.muiSupportAuto = true;\nexport default Collapse;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport SystemDefaultPropsProvider, { useDefaultProps as useSystemDefaultProps } from '@mui/system/DefaultPropsProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction DefaultPropsProvider(props) {\n  return /*#__PURE__*/_jsx(SystemDefaultPropsProvider, _extends({}, props));\n}\nprocess.env.NODE_ENV !== \"production\" ? DefaultPropsProvider.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * @ignore\n   */\n  children: PropTypes.node,\n  /**\n   * @ignore\n   */\n  value: PropTypes.object.isRequired\n} : void 0;\nexport default DefaultPropsProvider;\nexport function useDefaultProps(params) {\n  return useSystemDefaultProps(params);\n}","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getDialogUtilityClass(slot) {\n  return generateUtilityClass('MuiDialog', slot);\n}\nconst dialogClasses = generateUtilityClasses('MuiDialog', ['root', 'scrollPaper', 'scrollBody', 'container', 'paper', 'paperScrollPaper', 'paperScrollBody', 'paperWidthFalse', 'paperWidthXs', 'paperWidthSm', 'paperWidthMd', 'paperWidthLg', 'paperWidthXl', 'paperFullWidth', 'paperFullScreen']);\nexport default dialogClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"aria-describedby\", \"aria-labelledby\", \"BackdropComponent\", \"BackdropProps\", \"children\", \"className\", \"disableEscapeKeyDown\", \"fullScreen\", \"fullWidth\", \"maxWidth\", \"onBackdropClick\", \"onClick\", \"onClose\", \"open\", \"PaperComponent\", \"PaperProps\", \"scroll\", \"TransitionComponent\", \"transitionDuration\", \"TransitionProps\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport useId from '@mui/utils/useId';\nimport capitalize from '../utils/capitalize';\nimport Modal from '../Modal';\nimport Fade from '../Fade';\nimport Paper from '../Paper';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport styled from '../styles/styled';\nimport dialogClasses, { getDialogUtilityClass } from './dialogClasses';\nimport DialogContext from './DialogContext';\nimport Backdrop from '../Backdrop';\nimport useTheme from '../styles/useTheme';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst DialogBackdrop = styled(Backdrop, {\n  name: 'MuiDialog',\n  slot: 'Backdrop',\n  overrides: (props, styles) => styles.backdrop\n})({\n  // Improve scrollable dialog support.\n  zIndex: -1\n});\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    scroll,\n    maxWidth,\n    fullWidth,\n    fullScreen\n  } = ownerState;\n  const slots = {\n    root: ['root'],\n    container: ['container', `scroll${capitalize(scroll)}`],\n    paper: ['paper', `paperScroll${capitalize(scroll)}`, `paperWidth${capitalize(String(maxWidth))}`, fullWidth && 'paperFullWidth', fullScreen && 'paperFullScreen']\n  };\n  return composeClasses(slots, getDialogUtilityClass, classes);\n};\nconst DialogRoot = styled(Modal, {\n  name: 'MuiDialog',\n  slot: 'Root',\n  overridesResolver: (props, styles) => styles.root\n})({\n  '@media print': {\n    // Use !important to override the Modal inline-style.\n    position: 'absolute !important'\n  }\n});\nconst DialogContainer = styled('div', {\n  name: 'MuiDialog',\n  slot: 'Container',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.container, styles[`scroll${capitalize(ownerState.scroll)}`]];\n  }\n})(({\n  ownerState\n}) => _extends({\n  height: '100%',\n  '@media print': {\n    height: 'auto'\n  },\n  // We disable the focus ring for mouse, touch and keyboard users.\n  outline: 0\n}, ownerState.scroll === 'paper' && {\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center'\n}, ownerState.scroll === 'body' && {\n  overflowY: 'auto',\n  overflowX: 'hidden',\n  textAlign: 'center',\n  '&::after': {\n    content: '\"\"',\n    display: 'inline-block',\n    verticalAlign: 'middle',\n    height: '100%',\n    width: '0'\n  }\n}));\nconst DialogPaper = styled(Paper, {\n  name: 'MuiDialog',\n  slot: 'Paper',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.paper, styles[`scrollPaper${capitalize(ownerState.scroll)}`], styles[`paperWidth${capitalize(String(ownerState.maxWidth))}`], ownerState.fullWidth && styles.paperFullWidth, ownerState.fullScreen && styles.paperFullScreen];\n  }\n})(({\n  theme,\n  ownerState\n}) => _extends({\n  margin: 32,\n  position: 'relative',\n  overflowY: 'auto',\n  // Fix IE11 issue, to remove at some point.\n  '@media print': {\n    overflowY: 'visible',\n    boxShadow: 'none'\n  }\n}, ownerState.scroll === 'paper' && {\n  display: 'flex',\n  flexDirection: 'column',\n  maxHeight: 'calc(100% - 64px)'\n}, ownerState.scroll === 'body' && {\n  display: 'inline-block',\n  verticalAlign: 'middle',\n  textAlign: 'left' // 'initial' doesn't work on IE11\n}, !ownerState.maxWidth && {\n  maxWidth: 'calc(100% - 64px)'\n}, ownerState.maxWidth === 'xs' && {\n  maxWidth: theme.breakpoints.unit === 'px' ? Math.max(theme.breakpoints.values.xs, 444) : `max(${theme.breakpoints.values.xs}${theme.breakpoints.unit}, 444px)`,\n  [`&.${dialogClasses.paperScrollBody}`]: {\n    [theme.breakpoints.down(Math.max(theme.breakpoints.values.xs, 444) + 32 * 2)]: {\n      maxWidth: 'calc(100% - 64px)'\n    }\n  }\n}, ownerState.maxWidth && ownerState.maxWidth !== 'xs' && {\n  maxWidth: `${theme.breakpoints.values[ownerState.maxWidth]}${theme.breakpoints.unit}`,\n  [`&.${dialogClasses.paperScrollBody}`]: {\n    [theme.breakpoints.down(theme.breakpoints.values[ownerState.maxWidth] + 32 * 2)]: {\n      maxWidth: 'calc(100% - 64px)'\n    }\n  }\n}, ownerState.fullWidth && {\n  width: 'calc(100% - 64px)'\n}, ownerState.fullScreen && {\n  margin: 0,\n  width: '100%',\n  maxWidth: '100%',\n  height: '100%',\n  maxHeight: 'none',\n  borderRadius: 0,\n  [`&.${dialogClasses.paperScrollBody}`]: {\n    margin: 0,\n    maxWidth: '100%'\n  }\n}));\n\n/**\n * Dialogs are overlaid modal paper based components with a backdrop.\n */\nconst Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiDialog'\n  });\n  const theme = useTheme();\n  const defaultTransitionDuration = {\n    enter: theme.transitions.duration.enteringScreen,\n    exit: theme.transitions.duration.leavingScreen\n  };\n  const {\n      'aria-describedby': ariaDescribedby,\n      'aria-labelledby': ariaLabelledbyProp,\n      BackdropComponent,\n      BackdropProps,\n      children,\n      className,\n      disableEscapeKeyDown = false,\n      fullScreen = false,\n      fullWidth = false,\n      maxWidth = 'sm',\n      onBackdropClick,\n      onClick,\n      onClose,\n      open,\n      PaperComponent = Paper,\n      PaperProps = {},\n      scroll = 'paper',\n      TransitionComponent = Fade,\n      transitionDuration = defaultTransitionDuration,\n      TransitionProps\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const ownerState = _extends({}, props, {\n    disableEscapeKeyDown,\n    fullScreen,\n    fullWidth,\n    maxWidth,\n    scroll\n  });\n  const classes = useUtilityClasses(ownerState);\n  const backdropClick = React.useRef();\n  const handleMouseDown = event => {\n    // We don't want to close the dialog when clicking the dialog content.\n    // Make sure the event starts and ends on the same DOM element.\n    backdropClick.current = event.target === event.currentTarget;\n  };\n  const handleBackdropClick = event => {\n    if (onClick) {\n      onClick(event);\n    }\n\n    // Ignore the events not coming from the \"backdrop\".\n    if (!backdropClick.current) {\n      return;\n    }\n    backdropClick.current = null;\n    if (onBackdropClick) {\n      onBackdropClick(event);\n    }\n    if (onClose) {\n      onClose(event, 'backdropClick');\n    }\n  };\n  const ariaLabelledby = useId(ariaLabelledbyProp);\n  const dialogContextValue = React.useMemo(() => {\n    return {\n      titleId: ariaLabelledby\n    };\n  }, [ariaLabelledby]);\n  return /*#__PURE__*/_jsx(DialogRoot, _extends({\n    className: clsx(classes.root, className),\n    closeAfterTransition: true,\n    components: {\n      Backdrop: DialogBackdrop\n    },\n    componentsProps: {\n      backdrop: _extends({\n        transitionDuration,\n        as: BackdropComponent\n      }, BackdropProps)\n    },\n    disableEscapeKeyDown: disableEscapeKeyDown,\n    onClose: onClose,\n    open: open,\n    ref: ref,\n    onClick: handleBackdropClick,\n    ownerState: ownerState\n  }, other, {\n    children: /*#__PURE__*/_jsx(TransitionComponent, _extends({\n      appear: true,\n      in: open,\n      timeout: transitionDuration,\n      role: \"presentation\"\n    }, TransitionProps, {\n      children: /*#__PURE__*/_jsx(DialogContainer, {\n        className: clsx(classes.container),\n        onMouseDown: handleMouseDown,\n        ownerState: ownerState,\n        children: /*#__PURE__*/_jsx(DialogPaper, _extends({\n          as: PaperComponent,\n          elevation: 24,\n          role: \"dialog\",\n          \"aria-describedby\": ariaDescribedby,\n          \"aria-labelledby\": ariaLabelledby\n        }, PaperProps, {\n          className: clsx(classes.paper, PaperProps.className),\n          ownerState: ownerState,\n          children: /*#__PURE__*/_jsx(DialogContext.Provider, {\n            value: dialogContextValue,\n            children: children\n          })\n        }))\n      })\n    }))\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Dialog.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The id(s) of the element(s) that describe the dialog.\n   */\n  'aria-describedby': PropTypes.string,\n  /**\n   * The id(s) of the element(s) that label the dialog.\n   */\n  'aria-labelledby': PropTypes.string,\n  /**\n   * A backdrop component. This prop enables custom backdrop rendering.\n   * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.\n   * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.\n   * @default styled(Backdrop, {\n   *   name: 'MuiModal',\n   *   slot: 'Backdrop',\n   *   overridesResolver: (props, styles) => {\n   *     return styles.backdrop;\n   *   },\n   * })({\n   *   zIndex: -1,\n   * })\n   */\n  BackdropComponent: PropTypes.elementType,\n  /**\n   * @ignore\n   */\n  BackdropProps: PropTypes.object,\n  /**\n   * Dialog children, usually the included sub-components.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * If `true`, hitting escape will not fire the `onClose` callback.\n   * @default false\n   */\n  disableEscapeKeyDown: PropTypes.bool,\n  /**\n   * If `true`, the dialog is full-screen.\n   * @default false\n   */\n  fullScreen: PropTypes.bool,\n  /**\n   * If `true`, the dialog stretches to `maxWidth`.\n   *\n   * Notice that the dialog width grow is limited by the default margin.\n   * @default false\n   */\n  fullWidth: PropTypes.bool,\n  /**\n   * Determine the max-width of the dialog.\n   * The dialog width grows with the size of the screen.\n   * Set to `false` to disable `maxWidth`.\n   * @default 'sm'\n   */\n  maxWidth: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl', false]), PropTypes.string]),\n  /**\n   * Callback fired when the backdrop is clicked.\n   * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.\n   */\n  onBackdropClick: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onClick: PropTypes.func,\n  /**\n   * Callback fired when the component requests to be closed.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {string} reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`.\n   */\n  onClose: PropTypes.func,\n  /**\n   * If `true`, the component is shown.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * The component used to render the body of the dialog.\n   * @default Paper\n   */\n  PaperComponent: PropTypes.elementType,\n  /**\n   * Props applied to the [`Paper`](/material-ui/api/paper/) element.\n   * @default {}\n   */\n  PaperProps: PropTypes.object,\n  /**\n   * Determine the container for scrolling the dialog.\n   * @default 'paper'\n   */\n  scroll: PropTypes.oneOf(['body', 'paper']),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The component used for the transition.\n   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.\n   * @default Fade\n   */\n  TransitionComponent: PropTypes.elementType,\n  /**\n   * The duration for the transition, in milliseconds.\n   * You may specify a single timeout for all transitions, or individually with an object.\n   * @default {\n   *   enter: theme.transitions.duration.enteringScreen,\n   *   exit: theme.transitions.duration.leavingScreen,\n   * }\n   */\n  transitionDuration: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({\n    appear: PropTypes.number,\n    enter: PropTypes.number,\n    exit: PropTypes.number\n  })]),\n  /**\n   * Props applied to the transition element.\n   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.\n   */\n  TransitionProps: PropTypes.object\n} : void 0;\nexport default Dialog;","import * as React from 'react';\nconst DialogContext = /*#__PURE__*/React.createContext({});\nif (process.env.NODE_ENV !== 'production') {\n  DialogContext.displayName = 'DialogContext';\n}\nexport default DialogContext;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"absolute\", \"children\", \"className\", \"component\", \"flexItem\", \"light\", \"orientation\", \"role\", \"textAlign\", \"variant\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { alpha } from '@mui/system/colorManipulator';\nimport styled from '../styles/styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport { getDividerUtilityClass } from './dividerClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    absolute,\n    children,\n    classes,\n    flexItem,\n    light,\n    orientation,\n    textAlign,\n    variant\n  } = ownerState;\n  const slots = {\n    root: ['root', absolute && 'absolute', variant, light && 'light', orientation === 'vertical' && 'vertical', flexItem && 'flexItem', children && 'withChildren', children && orientation === 'vertical' && 'withChildrenVertical', textAlign === 'right' && orientation !== 'vertical' && 'textAlignRight', textAlign === 'left' && orientation !== 'vertical' && 'textAlignLeft'],\n    wrapper: ['wrapper', orientation === 'vertical' && 'wrapperVertical']\n  };\n  return composeClasses(slots, getDividerUtilityClass, classes);\n};\nconst DividerRoot = styled('div', {\n  name: 'MuiDivider',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.absolute && styles.absolute, styles[ownerState.variant], ownerState.light && styles.light, ownerState.orientation === 'vertical' && styles.vertical, ownerState.flexItem && styles.flexItem, ownerState.children && styles.withChildren, ownerState.children && ownerState.orientation === 'vertical' && styles.withChildrenVertical, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && styles.textAlignRight, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && styles.textAlignLeft];\n  }\n})(({\n  theme,\n  ownerState\n}) => _extends({\n  margin: 0,\n  // Reset browser default style.\n  flexShrink: 0,\n  borderWidth: 0,\n  borderStyle: 'solid',\n  borderColor: (theme.vars || theme).palette.divider,\n  borderBottomWidth: 'thin'\n}, ownerState.absolute && {\n  position: 'absolute',\n  bottom: 0,\n  left: 0,\n  width: '100%'\n}, ownerState.light && {\n  borderColor: theme.vars ? `rgba(${theme.vars.palette.dividerChannel} / 0.08)` : alpha(theme.palette.divider, 0.08)\n}, ownerState.variant === 'inset' && {\n  marginLeft: 72\n}, ownerState.variant === 'middle' && ownerState.orientation === 'horizontal' && {\n  marginLeft: theme.spacing(2),\n  marginRight: theme.spacing(2)\n}, ownerState.variant === 'middle' && ownerState.orientation === 'vertical' && {\n  marginTop: theme.spacing(1),\n  marginBottom: theme.spacing(1)\n}, ownerState.orientation === 'vertical' && {\n  height: '100%',\n  borderBottomWidth: 0,\n  borderRightWidth: 'thin'\n}, ownerState.flexItem && {\n  alignSelf: 'stretch',\n  height: 'auto'\n}), ({\n  ownerState\n}) => _extends({}, ownerState.children && {\n  display: 'flex',\n  whiteSpace: 'nowrap',\n  textAlign: 'center',\n  border: 0,\n  '&::before, &::after': {\n    content: '\"\"',\n    alignSelf: 'center'\n  }\n}), ({\n  theme,\n  ownerState\n}) => _extends({}, ownerState.children && ownerState.orientation !== 'vertical' && {\n  '&::before, &::after': {\n    width: '100%',\n    borderTop: `thin solid ${(theme.vars || theme).palette.divider}`\n  }\n}), ({\n  theme,\n  ownerState\n}) => _extends({}, ownerState.children && ownerState.orientation === 'vertical' && {\n  flexDirection: 'column',\n  '&::before, &::after': {\n    height: '100%',\n    borderLeft: `thin solid ${(theme.vars || theme).palette.divider}`\n  }\n}), ({\n  ownerState\n}) => _extends({}, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && {\n  '&::before': {\n    width: '90%'\n  },\n  '&::after': {\n    width: '10%'\n  }\n}, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && {\n  '&::before': {\n    width: '10%'\n  },\n  '&::after': {\n    width: '90%'\n  }\n}));\nconst DividerWrapper = styled('span', {\n  name: 'MuiDivider',\n  slot: 'Wrapper',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.wrapper, ownerState.orientation === 'vertical' && styles.wrapperVertical];\n  }\n})(({\n  theme,\n  ownerState\n}) => _extends({\n  display: 'inline-block',\n  paddingLeft: `calc(${theme.spacing(1)} * 1.2)`,\n  paddingRight: `calc(${theme.spacing(1)} * 1.2)`\n}, ownerState.orientation === 'vertical' && {\n  paddingTop: `calc(${theme.spacing(1)} * 1.2)`,\n  paddingBottom: `calc(${theme.spacing(1)} * 1.2)`\n}));\nconst Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiDivider'\n  });\n  const {\n      absolute = false,\n      children,\n      className,\n      component = children ? 'div' : 'hr',\n      flexItem = false,\n      light = false,\n      orientation = 'horizontal',\n      role = component !== 'hr' ? 'separator' : undefined,\n      textAlign = 'center',\n      variant = 'fullWidth'\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const ownerState = _extends({}, props, {\n    absolute,\n    component,\n    flexItem,\n    light,\n    orientation,\n    role,\n    textAlign,\n    variant\n  });\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(DividerRoot, _extends({\n    as: component,\n    className: clsx(classes.root, className),\n    role: role,\n    ref: ref,\n    ownerState: ownerState\n  }, other, {\n    children: children ? /*#__PURE__*/_jsx(DividerWrapper, {\n      className: classes.wrapper,\n      ownerState: ownerState,\n      children: children\n    }) : null\n  }));\n});\n\n/**\n * The following flag is used to ensure that this component isn't tabbable i.e.\n * does not get highlight/focus inside of MUI List.\n */\nDivider.muiSkipListHighlight = true;\nprocess.env.NODE_ENV !== \"production\" ? Divider.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * Absolutely position the element.\n   * @default false\n   */\n  absolute: PropTypes.bool,\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * If `true`, a vertical divider will have the correct height when used in flex container.\n   * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)\n   * @default false\n   */\n  flexItem: PropTypes.bool,\n  /**\n   * If `true`, the divider will have a lighter color.\n   * @default false\n   * @deprecated Use <Divider sx={{ opacity: 0.6 }} /> (or any opacity or color) instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)\n   */\n  light: PropTypes.bool,\n  /**\n   * The component orientation.\n   * @default 'horizontal'\n   */\n  orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n  /**\n   * @ignore\n   */\n  role: PropTypes /* @typescript-to-proptypes-ignore */.string,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The text alignment.\n   * @default 'center'\n   */\n  textAlign: PropTypes.oneOf(['center', 'left', 'right']),\n  /**\n   * The variant to use.\n   * @default 'fullWidth'\n   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['fullWidth', 'inset', 'middle']), PropTypes.string])\n} : void 0;\nexport default Divider;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getDividerUtilityClass(slot) {\n  return generateUtilityClass('MuiDivider', slot);\n}\nconst dividerClasses = generateUtilityClasses('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'light', 'vertical', 'withChildren', 'withChildrenVertical', 'textAlignRight', 'textAlignLeft', 'wrapper', 'wrapperVertical']);\nexport default dividerClasses;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"addEndListener\", \"appear\", \"children\", \"container\", \"direction\", \"easing\", \"in\", \"onEnter\", \"onEntered\", \"onEntering\", \"onExit\", \"onExited\", \"onExiting\", \"style\", \"timeout\", \"TransitionComponent\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { Transition } from 'react-transition-group';\nimport chainPropTypes from '@mui/utils/chainPropTypes';\nimport HTMLElementType from '@mui/utils/HTMLElementType';\nimport elementAcceptingRef from '@mui/utils/elementAcceptingRef';\nimport debounce from '../utils/debounce';\nimport useForkRef from '../utils/useForkRef';\nimport useTheme from '../styles/useTheme';\nimport { reflow, getTransitionProps } from '../transitions/utils';\nimport { ownerWindow } from '../utils';\n\n// Translate the node so it can't be seen on the screen.\n// Later, we're going to translate the node back to its original location with `none`.\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction getTranslateValue(direction, node, resolvedContainer) {\n  const rect = node.getBoundingClientRect();\n  const containerRect = resolvedContainer && resolvedContainer.getBoundingClientRect();\n  const containerWindow = ownerWindow(node);\n  let transform;\n  if (node.fakeTransform) {\n    transform = node.fakeTransform;\n  } else {\n    const computedStyle = containerWindow.getComputedStyle(node);\n    transform = computedStyle.getPropertyValue('-webkit-transform') || computedStyle.getPropertyValue('transform');\n  }\n  let offsetX = 0;\n  let offsetY = 0;\n  if (transform && transform !== 'none' && typeof transform === 'string') {\n    const transformValues = transform.split('(')[1].split(')')[0].split(',');\n    offsetX = parseInt(transformValues[4], 10);\n    offsetY = parseInt(transformValues[5], 10);\n  }\n  if (direction === 'left') {\n    if (containerRect) {\n      return `translateX(${containerRect.right + offsetX - rect.left}px)`;\n    }\n    return `translateX(${containerWindow.innerWidth + offsetX - rect.left}px)`;\n  }\n  if (direction === 'right') {\n    if (containerRect) {\n      return `translateX(-${rect.right - containerRect.left - offsetX}px)`;\n    }\n    return `translateX(-${rect.left + rect.width - offsetX}px)`;\n  }\n  if (direction === 'up') {\n    if (containerRect) {\n      return `translateY(${containerRect.bottom + offsetY - rect.top}px)`;\n    }\n    return `translateY(${containerWindow.innerHeight + offsetY - rect.top}px)`;\n  }\n\n  // direction === 'down'\n  if (containerRect) {\n    return `translateY(-${rect.top - containerRect.top + rect.height - offsetY}px)`;\n  }\n  return `translateY(-${rect.top + rect.height - offsetY}px)`;\n}\nfunction resolveContainer(containerPropProp) {\n  return typeof containerPropProp === 'function' ? containerPropProp() : containerPropProp;\n}\nexport function setTranslateValue(direction, node, containerProp) {\n  const resolvedContainer = resolveContainer(containerProp);\n  const transform = getTranslateValue(direction, node, resolvedContainer);\n  if (transform) {\n    node.style.webkitTransform = transform;\n    node.style.transform = transform;\n  }\n}\n\n/**\n * The Slide transition is used by the [Drawer](/material-ui/react-drawer/) component.\n * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.\n */\nconst Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {\n  const theme = useTheme();\n  const defaultEasing = {\n    enter: theme.transitions.easing.easeOut,\n    exit: theme.transitions.easing.sharp\n  };\n  const defaultTimeout = {\n    enter: theme.transitions.duration.enteringScreen,\n    exit: theme.transitions.duration.leavingScreen\n  };\n  const {\n      addEndListener,\n      appear = true,\n      children,\n      container: containerProp,\n      direction = 'down',\n      easing: easingProp = defaultEasing,\n      in: inProp,\n      onEnter,\n      onEntered,\n      onEntering,\n      onExit,\n      onExited,\n      onExiting,\n      style,\n      timeout = defaultTimeout,\n      // eslint-disable-next-line react/prop-types\n      TransitionComponent = Transition\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const childrenRef = React.useRef(null);\n  const handleRef = useForkRef(children.ref, childrenRef, ref);\n  const normalizedTransitionCallback = callback => isAppearing => {\n    if (callback) {\n      // onEnterXxx and onExitXxx callbacks have a different arguments.length value.\n      if (isAppearing === undefined) {\n        callback(childrenRef.current);\n      } else {\n        callback(childrenRef.current, isAppearing);\n      }\n    }\n  };\n  const handleEnter = normalizedTransitionCallback((node, isAppearing) => {\n    setTranslateValue(direction, node, containerProp);\n    reflow(node);\n    if (onEnter) {\n      onEnter(node, isAppearing);\n    }\n  });\n  const handleEntering = normalizedTransitionCallback((node, isAppearing) => {\n    const transitionProps = getTransitionProps({\n      timeout,\n      style,\n      easing: easingProp\n    }, {\n      mode: 'enter'\n    });\n    node.style.webkitTransition = theme.transitions.create('-webkit-transform', _extends({}, transitionProps));\n    node.style.transition = theme.transitions.create('transform', _extends({}, transitionProps));\n    node.style.webkitTransform = 'none';\n    node.style.transform = 'none';\n    if (onEntering) {\n      onEntering(node, isAppearing);\n    }\n  });\n  const handleEntered = normalizedTransitionCallback(onEntered);\n  const handleExiting = normalizedTransitionCallback(onExiting);\n  const handleExit = normalizedTransitionCallback(node => {\n    const transitionProps = getTransitionProps({\n      timeout,\n      style,\n      easing: easingProp\n    }, {\n      mode: 'exit'\n    });\n    node.style.webkitTransition = theme.transitions.create('-webkit-transform', transitionProps);\n    node.style.transition = theme.transitions.create('transform', transitionProps);\n    setTranslateValue(direction, node, containerProp);\n    if (onExit) {\n      onExit(node);\n    }\n  });\n  const handleExited = normalizedTransitionCallback(node => {\n    // No need for transitions when the component is hidden\n    node.style.webkitTransition = '';\n    node.style.transition = '';\n    if (onExited) {\n      onExited(node);\n    }\n  });\n  const handleAddEndListener = next => {\n    if (addEndListener) {\n      // Old call signature before `react-transition-group` implemented `nodeRef`\n      addEndListener(childrenRef.current, next);\n    }\n  };\n  const updatePosition = React.useCallback(() => {\n    if (childrenRef.current) {\n      setTranslateValue(direction, childrenRef.current, containerProp);\n    }\n  }, [direction, containerProp]);\n  React.useEffect(() => {\n    // Skip configuration where the position is screen size invariant.\n    if (inProp || direction === 'down' || direction === 'right') {\n      return undefined;\n    }\n    const handleResize = debounce(() => {\n      if (childrenRef.current) {\n        setTranslateValue(direction, childrenRef.current, containerProp);\n      }\n    });\n    const containerWindow = ownerWindow(childrenRef.current);\n    containerWindow.addEventListener('resize', handleResize);\n    return () => {\n      handleResize.clear();\n      containerWindow.removeEventListener('resize', handleResize);\n    };\n  }, [direction, inProp, containerProp]);\n  React.useEffect(() => {\n    if (!inProp) {\n      // We need to update the position of the drawer when the direction change and\n      // when it's hidden.\n      updatePosition();\n    }\n  }, [inProp, updatePosition]);\n  return /*#__PURE__*/_jsx(TransitionComponent, _extends({\n    nodeRef: childrenRef,\n    onEnter: handleEnter,\n    onEntered: handleEntered,\n    onEntering: handleEntering,\n    onExit: handleExit,\n    onExited: handleExited,\n    onExiting: handleExiting,\n    addEndListener: handleAddEndListener,\n    appear: appear,\n    in: inProp,\n    timeout: timeout\n  }, other, {\n    children: (state, childProps) => {\n      return /*#__PURE__*/React.cloneElement(children, _extends({\n        ref: handleRef,\n        style: _extends({\n          visibility: state === 'exited' && !inProp ? 'hidden' : undefined\n        }, style, children.props.style)\n      }, childProps));\n    }\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Slide.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * Add a custom transition end trigger. Called with the transitioning DOM\n   * node and a done callback. Allows for more fine grained transition end\n   * logic. Note: Timeouts are still used as a fallback if provided.\n   */\n  addEndListener: PropTypes.func,\n  /**\n   * Perform the enter transition when it first mounts if `in` is also `true`.\n   * Set this to `false` to disable this behavior.\n   * @default true\n   */\n  appear: PropTypes.bool,\n  /**\n   * A single child content element.\n   */\n  children: elementAcceptingRef.isRequired,\n  /**\n   * An HTML element, or a function that returns one.\n   * It's used to set the container the Slide is transitioning from.\n   */\n  container: chainPropTypes(PropTypes.oneOfType([HTMLElementType, PropTypes.func]), props => {\n    if (props.open) {\n      const resolvedContainer = resolveContainer(props.container);\n      if (resolvedContainer && resolvedContainer.nodeType === 1) {\n        const box = resolvedContainer.getBoundingClientRect();\n        if (process.env.NODE_ENV !== 'test' && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {\n          return new Error(['MUI: The `container` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', \"Make sure the element is present in the document or that it's not display none.\"].join('\\n'));\n        }\n      } else if (!resolvedContainer || typeof resolvedContainer.getBoundingClientRect !== 'function' || resolvedContainer.contextElement != null && resolvedContainer.contextElement.nodeType !== 1) {\n        return new Error(['MUI: The `container` prop provided to the component is invalid.', 'It should be an HTML element instance.'].join('\\n'));\n      }\n    }\n    return null;\n  }),\n  /**\n   * Direction the child node will enter from.\n   * @default 'down'\n   */\n  direction: PropTypes.oneOf(['down', 'left', 'right', 'up']),\n  /**\n   * The transition timing function.\n   * You may specify a single easing or a object containing enter and exit values.\n   * @default {\n   *   enter: theme.transitions.easing.easeOut,\n   *   exit: theme.transitions.easing.sharp,\n   * }\n   */\n  easing: PropTypes.oneOfType([PropTypes.shape({\n    enter: PropTypes.string,\n    exit: PropTypes.string\n  }), PropTypes.string]),\n  /**\n   * If `true`, the component will transition in.\n   */\n  in: PropTypes.bool,\n  /**\n   * @ignore\n   */\n  onEnter: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onEntered: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onEntering: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onExit: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onExited: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onExiting: PropTypes.func,\n  /**\n   * @ignore\n   */\n  style: PropTypes.object,\n  /**\n   * The duration for the transition, in milliseconds.\n   * You may specify a single timeout for all transitions, or individually with an object.\n   * @default {\n   *   enter: theme.transitions.duration.enteringScreen,\n   *   exit: theme.transitions.duration.leavingScreen,\n   * }\n   */\n  timeout: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({\n    appear: PropTypes.number,\n    enter: PropTypes.number,\n    exit: PropTypes.number\n  })])\n} : void 0;\nexport default Slide;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getDrawerUtilityClass(slot) {\n  return generateUtilityClass('MuiDrawer', slot);\n}\nconst drawerClasses = generateUtilityClasses('MuiDrawer', ['root', 'docked', 'paper', 'paperAnchorLeft', 'paperAnchorRight', 'paperAnchorTop', 'paperAnchorBottom', 'paperAnchorDockedLeft', 'paperAnchorDockedRight', 'paperAnchorDockedTop', 'paperAnchorDockedBottom', 'modal']);\nexport default drawerClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"BackdropProps\"],\n  _excluded2 = [\"anchor\", \"BackdropProps\", \"children\", \"className\", \"elevation\", \"hideBackdrop\", \"ModalProps\", \"onClose\", \"open\", \"PaperProps\", \"SlideProps\", \"TransitionComponent\", \"transitionDuration\", \"variant\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport integerPropType from '@mui/utils/integerPropType';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { useRtl } from '@mui/system/RtlProvider';\nimport Modal from '../Modal';\nimport Slide from '../Slide';\nimport Paper from '../Paper';\nimport capitalize from '../utils/capitalize';\nimport useTheme from '../styles/useTheme';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport styled, { rootShouldForwardProp } from '../styles/styled';\nimport { getDrawerUtilityClass } from './drawerClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst overridesResolver = (props, styles) => {\n  const {\n    ownerState\n  } = props;\n  return [styles.root, (ownerState.variant === 'permanent' || ownerState.variant === 'persistent') && styles.docked, styles.modal];\n};\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    anchor,\n    variant\n  } = ownerState;\n  const slots = {\n    root: ['root'],\n    docked: [(variant === 'permanent' || variant === 'persistent') && 'docked'],\n    modal: ['modal'],\n    paper: ['paper', `paperAnchor${capitalize(anchor)}`, variant !== 'temporary' && `paperAnchorDocked${capitalize(anchor)}`]\n  };\n  return composeClasses(slots, getDrawerUtilityClass, classes);\n};\nconst DrawerRoot = styled(Modal, {\n  name: 'MuiDrawer',\n  slot: 'Root',\n  overridesResolver\n})(({\n  theme\n}) => ({\n  zIndex: (theme.vars || theme).zIndex.drawer\n}));\nconst DrawerDockedRoot = styled('div', {\n  shouldForwardProp: rootShouldForwardProp,\n  name: 'MuiDrawer',\n  slot: 'Docked',\n  skipVariantsResolver: false,\n  overridesResolver\n})({\n  flex: '0 0 auto'\n});\nconst DrawerPaper = styled(Paper, {\n  name: 'MuiDrawer',\n  slot: 'Paper',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.paper, styles[`paperAnchor${capitalize(ownerState.anchor)}`], ownerState.variant !== 'temporary' && styles[`paperAnchorDocked${capitalize(ownerState.anchor)}`]];\n  }\n})(({\n  theme,\n  ownerState\n}) => _extends({\n  overflowY: 'auto',\n  display: 'flex',\n  flexDirection: 'column',\n  height: '100%',\n  flex: '1 0 auto',\n  zIndex: (theme.vars || theme).zIndex.drawer,\n  // Add iOS momentum scrolling for iOS < 13.0\n  WebkitOverflowScrolling: 'touch',\n  // temporary style\n  position: 'fixed',\n  top: 0,\n  // We disable the focus ring for mouse, touch and keyboard users.\n  // At some point, it would be better to keep it for keyboard users.\n  // :focus-ring CSS pseudo-class will help.\n  outline: 0\n}, ownerState.anchor === 'left' && {\n  left: 0\n}, ownerState.anchor === 'top' && {\n  top: 0,\n  left: 0,\n  right: 0,\n  height: 'auto',\n  maxHeight: '100%'\n}, ownerState.anchor === 'right' && {\n  right: 0\n}, ownerState.anchor === 'bottom' && {\n  top: 'auto',\n  left: 0,\n  bottom: 0,\n  right: 0,\n  height: 'auto',\n  maxHeight: '100%'\n}, ownerState.anchor === 'left' && ownerState.variant !== 'temporary' && {\n  borderRight: `1px solid ${(theme.vars || theme).palette.divider}`\n}, ownerState.anchor === 'top' && ownerState.variant !== 'temporary' && {\n  borderBottom: `1px solid ${(theme.vars || theme).palette.divider}`\n}, ownerState.anchor === 'right' && ownerState.variant !== 'temporary' && {\n  borderLeft: `1px solid ${(theme.vars || theme).palette.divider}`\n}, ownerState.anchor === 'bottom' && ownerState.variant !== 'temporary' && {\n  borderTop: `1px solid ${(theme.vars || theme).palette.divider}`\n}));\nconst oppositeDirection = {\n  left: 'right',\n  right: 'left',\n  top: 'down',\n  bottom: 'up'\n};\nexport function isHorizontal(anchor) {\n  return ['left', 'right'].indexOf(anchor) !== -1;\n}\nexport function getAnchor({\n  direction\n}, anchor) {\n  return direction === 'rtl' && isHorizontal(anchor) ? oppositeDirection[anchor] : anchor;\n}\n\n/**\n * The props of the [Modal](/material-ui/api/modal/) component are available\n * when `variant=\"temporary\"` is set.\n */\nconst Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiDrawer'\n  });\n  const theme = useTheme();\n  const isRtl = useRtl();\n  const defaultTransitionDuration = {\n    enter: theme.transitions.duration.enteringScreen,\n    exit: theme.transitions.duration.leavingScreen\n  };\n  const {\n      anchor: anchorProp = 'left',\n      BackdropProps,\n      children,\n      className,\n      elevation = 16,\n      hideBackdrop = false,\n      ModalProps: {\n        BackdropProps: BackdropPropsProp\n      } = {},\n      onClose,\n      open = false,\n      PaperProps = {},\n      SlideProps,\n      // eslint-disable-next-line react/prop-types\n      TransitionComponent = Slide,\n      transitionDuration = defaultTransitionDuration,\n      variant = 'temporary'\n    } = props,\n    ModalProps = _objectWithoutPropertiesLoose(props.ModalProps, _excluded),\n    other = _objectWithoutPropertiesLoose(props, _excluded2);\n\n  // Let's assume that the Drawer will always be rendered on user space.\n  // We use this state is order to skip the appear transition during the\n  // initial mount of the component.\n  const mounted = React.useRef(false);\n  React.useEffect(() => {\n    mounted.current = true;\n  }, []);\n  const anchorInvariant = getAnchor({\n    direction: isRtl ? 'rtl' : 'ltr'\n  }, anchorProp);\n  const anchor = anchorProp;\n  const ownerState = _extends({}, props, {\n    anchor,\n    elevation,\n    open,\n    variant\n  }, other);\n  const classes = useUtilityClasses(ownerState);\n  const drawer = /*#__PURE__*/_jsx(DrawerPaper, _extends({\n    elevation: variant === 'temporary' ? elevation : 0,\n    square: true\n  }, PaperProps, {\n    className: clsx(classes.paper, PaperProps.className),\n    ownerState: ownerState,\n    children: children\n  }));\n  if (variant === 'permanent') {\n    return /*#__PURE__*/_jsx(DrawerDockedRoot, _extends({\n      className: clsx(classes.root, classes.docked, className),\n      ownerState: ownerState,\n      ref: ref\n    }, other, {\n      children: drawer\n    }));\n  }\n  const slidingDrawer = /*#__PURE__*/_jsx(TransitionComponent, _extends({\n    in: open,\n    direction: oppositeDirection[anchorInvariant],\n    timeout: transitionDuration,\n    appear: mounted.current\n  }, SlideProps, {\n    children: drawer\n  }));\n  if (variant === 'persistent') {\n    return /*#__PURE__*/_jsx(DrawerDockedRoot, _extends({\n      className: clsx(classes.root, classes.docked, className),\n      ownerState: ownerState,\n      ref: ref\n    }, other, {\n      children: slidingDrawer\n    }));\n  }\n\n  // variant === temporary\n  return /*#__PURE__*/_jsx(DrawerRoot, _extends({\n    BackdropProps: _extends({}, BackdropProps, BackdropPropsProp, {\n      transitionDuration\n    }),\n    className: clsx(classes.root, classes.modal, className),\n    open: open,\n    ownerState: ownerState,\n    onClose: onClose,\n    hideBackdrop: hideBackdrop,\n    ref: ref\n  }, other, ModalProps, {\n    children: slidingDrawer\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Drawer.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * Side from which the drawer will appear.\n   * @default 'left'\n   */\n  anchor: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),\n  /**\n   * @ignore\n   */\n  BackdropProps: PropTypes.object,\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The elevation of the drawer.\n   * @default 16\n   */\n  elevation: integerPropType,\n  /**\n   * If `true`, the backdrop is not rendered.\n   * @default false\n   */\n  hideBackdrop: PropTypes.bool,\n  /**\n   * Props applied to the [`Modal`](/material-ui/api/modal/) element.\n   * @default {}\n   */\n  ModalProps: PropTypes.object,\n  /**\n   * Callback fired when the component requests to be closed.\n   * The `reason` parameter can optionally be used to control the response to `onClose`.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {string} reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`.\n   */\n  onClose: PropTypes.func,\n  /**\n   * If `true`, the component is shown.\n   * @default false\n   */\n  open: PropTypes.bool,\n  /**\n   * Props applied to the [`Paper`](/material-ui/api/paper/) element.\n   * @default {}\n   */\n  PaperProps: PropTypes.object,\n  /**\n   * Props applied to the [`Slide`](/material-ui/api/slide/) element.\n   */\n  SlideProps: PropTypes.object,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The duration for the transition, in milliseconds.\n   * You may specify a single timeout for all transitions, or individually with an object.\n   * @default {\n   *   enter: theme.transitions.duration.enteringScreen,\n   *   exit: theme.transitions.duration.leavingScreen,\n   * }\n   */\n  transitionDuration: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({\n    appear: PropTypes.number,\n    enter: PropTypes.number,\n    exit: PropTypes.number\n  })]),\n  /**\n   * The variant to use.\n   * @default 'temporary'\n   */\n  variant: PropTypes.oneOf(['permanent', 'persistent', 'temporary'])\n} : void 0;\nexport default Drawer;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"addEndListener\", \"appear\", \"children\", \"easing\", \"in\", \"onEnter\", \"onEntered\", \"onEntering\", \"onExit\", \"onExited\", \"onExiting\", \"style\", \"timeout\", \"TransitionComponent\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { Transition } from 'react-transition-group';\nimport elementAcceptingRef from '@mui/utils/elementAcceptingRef';\nimport useTheme from '../styles/useTheme';\nimport { reflow, getTransitionProps } from '../transitions/utils';\nimport useForkRef from '../utils/useForkRef';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst styles = {\n  entering: {\n    opacity: 1\n  },\n  entered: {\n    opacity: 1\n  }\n};\n\n/**\n * The Fade transition is used by the [Modal](/material-ui/react-modal/) component.\n * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.\n */\nconst Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {\n  const theme = useTheme();\n  const defaultTimeout = {\n    enter: theme.transitions.duration.enteringScreen,\n    exit: theme.transitions.duration.leavingScreen\n  };\n  const {\n      addEndListener,\n      appear = true,\n      children,\n      easing,\n      in: inProp,\n      onEnter,\n      onEntered,\n      onEntering,\n      onExit,\n      onExited,\n      onExiting,\n      style,\n      timeout = defaultTimeout,\n      // eslint-disable-next-line react/prop-types\n      TransitionComponent = Transition\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const enableStrictModeCompat = true;\n  const nodeRef = React.useRef(null);\n  const handleRef = useForkRef(nodeRef, children.ref, ref);\n  const normalizedTransitionCallback = callback => maybeIsAppearing => {\n    if (callback) {\n      const node = nodeRef.current;\n\n      // onEnterXxx and onExitXxx callbacks have a different arguments.length value.\n      if (maybeIsAppearing === undefined) {\n        callback(node);\n      } else {\n        callback(node, maybeIsAppearing);\n      }\n    }\n  };\n  const handleEntering = normalizedTransitionCallback(onEntering);\n  const handleEnter = normalizedTransitionCallback((node, isAppearing) => {\n    reflow(node); // So the animation always start from the start.\n\n    const transitionProps = getTransitionProps({\n      style,\n      timeout,\n      easing\n    }, {\n      mode: 'enter'\n    });\n    node.style.webkitTransition = theme.transitions.create('opacity', transitionProps);\n    node.style.transition = theme.transitions.create('opacity', transitionProps);\n    if (onEnter) {\n      onEnter(node, isAppearing);\n    }\n  });\n  const handleEntered = normalizedTransitionCallback(onEntered);\n  const handleExiting = normalizedTransitionCallback(onExiting);\n  const handleExit = normalizedTransitionCallback(node => {\n    const transitionProps = getTransitionProps({\n      style,\n      timeout,\n      easing\n    }, {\n      mode: 'exit'\n    });\n    node.style.webkitTransition = theme.transitions.create('opacity', transitionProps);\n    node.style.transition = theme.transitions.create('opacity', transitionProps);\n    if (onExit) {\n      onExit(node);\n    }\n  });\n  const handleExited = normalizedTransitionCallback(onExited);\n  const handleAddEndListener = next => {\n    if (addEndListener) {\n      // Old call signature before `react-transition-group` implemented `nodeRef`\n      addEndListener(nodeRef.current, next);\n    }\n  };\n  return /*#__PURE__*/_jsx(TransitionComponent, _extends({\n    appear: appear,\n    in: inProp,\n    nodeRef: enableStrictModeCompat ? nodeRef : undefined,\n    onEnter: handleEnter,\n    onEntered: handleEntered,\n    onEntering: handleEntering,\n    onExit: handleExit,\n    onExited: handleExited,\n    onExiting: handleExiting,\n    addEndListener: handleAddEndListener,\n    timeout: timeout\n  }, other, {\n    children: (state, childProps) => {\n      return /*#__PURE__*/React.cloneElement(children, _extends({\n        style: _extends({\n          opacity: 0,\n          visibility: state === 'exited' && !inProp ? 'hidden' : undefined\n        }, styles[state], style, children.props.style),\n        ref: handleRef\n      }, childProps));\n    }\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Fade.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * Add a custom transition end trigger. Called with the transitioning DOM\n   * node and a done callback. Allows for more fine grained transition end\n   * logic. Note: Timeouts are still used as a fallback if provided.\n   */\n  addEndListener: PropTypes.func,\n  /**\n   * Perform the enter transition when it first mounts if `in` is also `true`.\n   * Set this to `false` to disable this behavior.\n   * @default true\n   */\n  appear: PropTypes.bool,\n  /**\n   * A single child content element.\n   */\n  children: elementAcceptingRef.isRequired,\n  /**\n   * The transition timing function.\n   * You may specify a single easing or a object containing enter and exit values.\n   */\n  easing: PropTypes.oneOfType([PropTypes.shape({\n    enter: PropTypes.string,\n    exit: PropTypes.string\n  }), PropTypes.string]),\n  /**\n   * If `true`, the component will transition in.\n   */\n  in: PropTypes.bool,\n  /**\n   * @ignore\n   */\n  onEnter: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onEntered: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onEntering: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onExit: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onExited: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onExiting: PropTypes.func,\n  /**\n   * @ignore\n   */\n  style: PropTypes.object,\n  /**\n   * The duration for the transition, in milliseconds.\n   * You may specify a single timeout for all transitions, or individually with an object.\n   * @default {\n   *   enter: theme.transitions.duration.enteringScreen,\n   *   exit: theme.transitions.duration.leavingScreen,\n   * }\n   */\n  timeout: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({\n    appear: PropTypes.number,\n    enter: PropTypes.number,\n    exit: PropTypes.number\n  })])\n} : void 0;\nexport default Fade;","import * as React from 'react';\nexport default function isMuiElement(element, muiNames) {\n  var _muiName, _element$type;\n  return /*#__PURE__*/React.isValidElement(element) && muiNames.indexOf( // For server components `muiName` is avaialble in element.type._payload.value.muiName\n  // relevant info - https://github.com/facebook/react/blob/2807d781a08db8e9873687fccc25c0f12b4fb3d4/packages/react/src/ReactLazy.js#L45\n  // eslint-disable-next-line no-underscore-dangle\n  (_muiName = element.type.muiName) != null ? _muiName : (_element$type = element.type) == null || (_element$type = _element$type._payload) == null || (_element$type = _element$type.value) == null ? void 0 : _element$type.muiName) !== -1;\n}","import isMuiElement from '@mui/utils/isMuiElement';\nexport default isMuiElement;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getFormControlUtilityClasses(slot) {\n  return generateUtilityClass('MuiFormControl', slot);\n}\nconst formControlClasses = generateUtilityClasses('MuiFormControl', ['root', 'marginNone', 'marginNormal', 'marginDense', 'fullWidth', 'disabled']);\nexport default formControlClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"children\", \"className\", \"color\", \"component\", \"disabled\", \"error\", \"focused\", \"fullWidth\", \"hiddenLabel\", \"margin\", \"required\", \"size\", \"variant\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport styled from '../styles/styled';\nimport { isFilled, isAdornedStart } from '../InputBase/utils';\nimport capitalize from '../utils/capitalize';\nimport isMuiElement from '../utils/isMuiElement';\nimport FormControlContext from './FormControlContext';\nimport { getFormControlUtilityClasses } from './formControlClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    margin,\n    fullWidth\n  } = ownerState;\n  const slots = {\n    root: ['root', margin !== 'none' && `margin${capitalize(margin)}`, fullWidth && 'fullWidth']\n  };\n  return composeClasses(slots, getFormControlUtilityClasses, classes);\n};\nconst FormControlRoot = styled('div', {\n  name: 'MuiFormControl',\n  slot: 'Root',\n  overridesResolver: ({\n    ownerState\n  }, styles) => {\n    return _extends({}, styles.root, styles[`margin${capitalize(ownerState.margin)}`], ownerState.fullWidth && styles.fullWidth);\n  }\n})(({\n  ownerState\n}) => _extends({\n  display: 'inline-flex',\n  flexDirection: 'column',\n  position: 'relative',\n  // Reset fieldset default style.\n  minWidth: 0,\n  padding: 0,\n  margin: 0,\n  border: 0,\n  verticalAlign: 'top'\n}, ownerState.margin === 'normal' && {\n  marginTop: 16,\n  marginBottom: 8\n}, ownerState.margin === 'dense' && {\n  marginTop: 8,\n  marginBottom: 4\n}, ownerState.fullWidth && {\n  width: '100%'\n}));\n\n/**\n * Provides context such as filled/focused/error/required for form inputs.\n * Relying on the context provides high flexibility and ensures that the state always stays\n * consistent across the children of the `FormControl`.\n * This context is used by the following components:\n *\n *  - FormLabel\n *  - FormHelperText\n *  - Input\n *  - InputLabel\n *\n * You can find one composition example below and more going to [the demos](/material-ui/react-text-field/#components).\n *\n * ```jsx\n * <FormControl>\n *   <InputLabel htmlFor=\"my-input\">Email address</InputLabel>\n *   <Input id=\"my-input\" aria-describedby=\"my-helper-text\" />\n *   <FormHelperText id=\"my-helper-text\">We'll never share your email.</FormHelperText>\n * </FormControl>\n * ```\n *\n * ⚠️ Only one `InputBase` can be used within a FormControl because it creates visual inconsistencies.\n * For instance, only one input can be focused at the same time, the state shouldn't be shared.\n */\nconst FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiFormControl'\n  });\n  const {\n      children,\n      className,\n      color = 'primary',\n      component = 'div',\n      disabled = false,\n      error = false,\n      focused: visuallyFocused,\n      fullWidth = false,\n      hiddenLabel = false,\n      margin = 'none',\n      required = false,\n      size = 'medium',\n      variant = 'outlined'\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const ownerState = _extends({}, props, {\n    color,\n    component,\n    disabled,\n    error,\n    fullWidth,\n    hiddenLabel,\n    margin,\n    required,\n    size,\n    variant\n  });\n  const classes = useUtilityClasses(ownerState);\n  const [adornedStart, setAdornedStart] = React.useState(() => {\n    // We need to iterate through the children and find the Input in order\n    // to fully support server-side rendering.\n    let initialAdornedStart = false;\n    if (children) {\n      React.Children.forEach(children, child => {\n        if (!isMuiElement(child, ['Input', 'Select'])) {\n          return;\n        }\n        const input = isMuiElement(child, ['Select']) ? child.props.input : child;\n        if (input && isAdornedStart(input.props)) {\n          initialAdornedStart = true;\n        }\n      });\n    }\n    return initialAdornedStart;\n  });\n  const [filled, setFilled] = React.useState(() => {\n    // We need to iterate through the children and find the Input in order\n    // to fully support server-side rendering.\n    let initialFilled = false;\n    if (children) {\n      React.Children.forEach(children, child => {\n        if (!isMuiElement(child, ['Input', 'Select'])) {\n          return;\n        }\n        if (isFilled(child.props, true) || isFilled(child.props.inputProps, true)) {\n          initialFilled = true;\n        }\n      });\n    }\n    return initialFilled;\n  });\n  const [focusedState, setFocused] = React.useState(false);\n  if (disabled && focusedState) {\n    setFocused(false);\n  }\n  const focused = visuallyFocused !== undefined && !disabled ? visuallyFocused : focusedState;\n  let registerEffect;\n  if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const registeredInput = React.useRef(false);\n    registerEffect = () => {\n      if (registeredInput.current) {\n        console.error(['MUI: There are multiple `InputBase` components inside a FormControl.', 'This creates visual inconsistencies, only use one `InputBase`.'].join('\\n'));\n      }\n      registeredInput.current = true;\n      return () => {\n        registeredInput.current = false;\n      };\n    };\n  }\n  const childContext = React.useMemo(() => {\n    return {\n      adornedStart,\n      setAdornedStart,\n      color,\n      disabled,\n      error,\n      filled,\n      focused,\n      fullWidth,\n      hiddenLabel,\n      size,\n      onBlur: () => {\n        setFocused(false);\n      },\n      onEmpty: () => {\n        setFilled(false);\n      },\n      onFilled: () => {\n        setFilled(true);\n      },\n      onFocus: () => {\n        setFocused(true);\n      },\n      registerEffect,\n      required,\n      variant\n    };\n  }, [adornedStart, color, disabled, error, filled, focused, fullWidth, hiddenLabel, registerEffect, required, size, variant]);\n  return /*#__PURE__*/_jsx(FormControlContext.Provider, {\n    value: childContext,\n    children: /*#__PURE__*/_jsx(FormControlRoot, _extends({\n      as: component,\n      ownerState: ownerState,\n      className: clsx(classes.root, className),\n      ref: ref\n    }, other, {\n      children: children\n    }))\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? FormControl.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * @default 'primary'\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * If `true`, the label, input and helper text should be displayed in a disabled state.\n   * @default false\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the label is displayed in an error state.\n   * @default false\n   */\n  error: PropTypes.bool,\n  /**\n   * If `true`, the component is displayed in focused state.\n   */\n  focused: PropTypes.bool,\n  /**\n   * If `true`, the component will take up the full width of its container.\n   * @default false\n   */\n  fullWidth: PropTypes.bool,\n  /**\n   * If `true`, the label is hidden.\n   * This is used to increase density for a `FilledInput`.\n   * Be sure to add `aria-label` to the `input` element.\n   * @default false\n   */\n  hiddenLabel: PropTypes.bool,\n  /**\n   * If `dense` or `normal`, will adjust vertical spacing of this and contained components.\n   * @default 'none'\n   */\n  margin: PropTypes.oneOf(['dense', 'none', 'normal']),\n  /**\n   * If `true`, the label will indicate that the `input` is required.\n   * @default false\n   */\n  required: PropTypes.bool,\n  /**\n   * The size of the component.\n   * @default 'medium'\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The variant to use.\n   * @default 'outlined'\n   */\n  variant: PropTypes.oneOf(['filled', 'outlined', 'standard'])\n} : void 0;\nexport default FormControl;","import * as React from 'react';\n/**\n * @ignore - internal component.\n */\nconst FormControlContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== 'production') {\n  FormControlContext.displayName = 'FormControlContext';\n}\nexport default FormControlContext;","export default function formControlState({\n  props,\n  states,\n  muiFormControl\n}) {\n  return states.reduce((acc, state) => {\n    acc[state] = props[state];\n    if (muiFormControl) {\n      if (typeof props[state] === 'undefined') {\n        acc[state] = muiFormControl[state];\n      }\n    }\n    return acc;\n  }, {});\n}","'use client';\n\nimport * as React from 'react';\nimport FormControlContext from './FormControlContext';\nexport default function useFormControl() {\n  return React.useContext(FormControlContext);\n}","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getFormControlLabelUtilityClasses(slot) {\n  return generateUtilityClass('MuiFormControlLabel', slot);\n}\nconst formControlLabelClasses = generateUtilityClasses('MuiFormControlLabel', ['root', 'labelPlacementStart', 'labelPlacementTop', 'labelPlacementBottom', 'disabled', 'label', 'error', 'required', 'asterisk']);\nexport default formControlLabelClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"checked\", \"className\", \"componentsProps\", \"control\", \"disabled\", \"disableTypography\", \"inputRef\", \"label\", \"labelPlacement\", \"name\", \"onChange\", \"required\", \"slotProps\", \"value\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport refType from '@mui/utils/refType';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { useFormControl } from '../FormControl';\nimport Stack from '../Stack';\nimport Typography from '../Typography';\nimport capitalize from '../utils/capitalize';\nimport styled from '../styles/styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport formControlLabelClasses, { getFormControlLabelUtilityClasses } from './formControlLabelClasses';\nimport formControlState from '../FormControl/formControlState';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    disabled,\n    labelPlacement,\n    error,\n    required\n  } = ownerState;\n  const slots = {\n    root: ['root', disabled && 'disabled', `labelPlacement${capitalize(labelPlacement)}`, error && 'error', required && 'required'],\n    label: ['label', disabled && 'disabled'],\n    asterisk: ['asterisk', error && 'error']\n  };\n  return composeClasses(slots, getFormControlLabelUtilityClasses, classes);\n};\nexport const FormControlLabelRoot = styled('label', {\n  name: 'MuiFormControlLabel',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [{\n      [`& .${formControlLabelClasses.label}`]: styles.label\n    }, styles.root, styles[`labelPlacement${capitalize(ownerState.labelPlacement)}`]];\n  }\n})(({\n  theme,\n  ownerState\n}) => _extends({\n  display: 'inline-flex',\n  alignItems: 'center',\n  cursor: 'pointer',\n  // For correct alignment with the text.\n  verticalAlign: 'middle',\n  WebkitTapHighlightColor: 'transparent',\n  marginLeft: -11,\n  marginRight: 16,\n  // used for row presentation of radio/checkbox\n  [`&.${formControlLabelClasses.disabled}`]: {\n    cursor: 'default'\n  }\n}, ownerState.labelPlacement === 'start' && {\n  flexDirection: 'row-reverse',\n  marginLeft: 16,\n  // used for row presentation of radio/checkbox\n  marginRight: -11\n}, ownerState.labelPlacement === 'top' && {\n  flexDirection: 'column-reverse',\n  marginLeft: 16\n}, ownerState.labelPlacement === 'bottom' && {\n  flexDirection: 'column',\n  marginLeft: 16\n}, {\n  [`& .${formControlLabelClasses.label}`]: {\n    [`&.${formControlLabelClasses.disabled}`]: {\n      color: (theme.vars || theme).palette.text.disabled\n    }\n  }\n}));\nconst AsteriskComponent = styled('span', {\n  name: 'MuiFormControlLabel',\n  slot: 'Asterisk',\n  overridesResolver: (props, styles) => styles.asterisk\n})(({\n  theme\n}) => ({\n  [`&.${formControlLabelClasses.error}`]: {\n    color: (theme.vars || theme).palette.error.main\n  }\n}));\n\n/**\n * Drop-in replacement of the `Radio`, `Switch` and `Checkbox` component.\n * Use this component if you want to display an extra label.\n */\nconst FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel(inProps, ref) {\n  var _ref, _slotProps$typography;\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiFormControlLabel'\n  });\n  const {\n      className,\n      componentsProps = {},\n      control,\n      disabled: disabledProp,\n      disableTypography,\n      label: labelProp,\n      labelPlacement = 'end',\n      required: requiredProp,\n      slotProps = {}\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const muiFormControl = useFormControl();\n  const disabled = (_ref = disabledProp != null ? disabledProp : control.props.disabled) != null ? _ref : muiFormControl == null ? void 0 : muiFormControl.disabled;\n  const required = requiredProp != null ? requiredProp : control.props.required;\n  const controlProps = {\n    disabled,\n    required\n  };\n  ['checked', 'name', 'onChange', 'value', 'inputRef'].forEach(key => {\n    if (typeof control.props[key] === 'undefined' && typeof props[key] !== 'undefined') {\n      controlProps[key] = props[key];\n    }\n  });\n  const fcs = formControlState({\n    props,\n    muiFormControl,\n    states: ['error']\n  });\n  const ownerState = _extends({}, props, {\n    disabled,\n    labelPlacement,\n    required,\n    error: fcs.error\n  });\n  const classes = useUtilityClasses(ownerState);\n  const typographySlotProps = (_slotProps$typography = slotProps.typography) != null ? _slotProps$typography : componentsProps.typography;\n  let label = labelProp;\n  if (label != null && label.type !== Typography && !disableTypography) {\n    label = /*#__PURE__*/_jsx(Typography, _extends({\n      component: \"span\"\n    }, typographySlotProps, {\n      className: clsx(classes.label, typographySlotProps == null ? void 0 : typographySlotProps.className),\n      children: label\n    }));\n  }\n  return /*#__PURE__*/_jsxs(FormControlLabelRoot, _extends({\n    className: clsx(classes.root, className),\n    ownerState: ownerState,\n    ref: ref\n  }, other, {\n    children: [/*#__PURE__*/React.cloneElement(control, controlProps), required ? /*#__PURE__*/_jsxs(Stack, {\n      display: \"block\",\n      children: [label, /*#__PURE__*/_jsxs(AsteriskComponent, {\n        ownerState: ownerState,\n        \"aria-hidden\": true,\n        className: classes.asterisk,\n        children: [\"\\u2009\", '*']\n      })]\n    }) : label]\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? FormControlLabel.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * If `true`, the component appears selected.\n   */\n  checked: PropTypes.bool,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The props used for each slot inside.\n   * @default {}\n   */\n  componentsProps: PropTypes.shape({\n    typography: PropTypes.object\n  }),\n  /**\n   * A control element. For instance, it can be a `Radio`, a `Switch` or a `Checkbox`.\n   */\n  control: PropTypes.element.isRequired,\n  /**\n   * If `true`, the control is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the label is rendered as it is passed without an additional typography node.\n   */\n  disableTypography: PropTypes.bool,\n  /**\n   * Pass a ref to the `input` element.\n   */\n  inputRef: refType,\n  /**\n   * A text or an element to be used in an enclosing label element.\n   */\n  label: PropTypes.node,\n  /**\n   * The position of the label.\n   * @default 'end'\n   */\n  labelPlacement: PropTypes.oneOf(['bottom', 'end', 'start', 'top']),\n  /**\n   * @ignore\n   */\n  name: PropTypes.string,\n  /**\n   * Callback fired when the state is changed.\n   *\n   * @param {React.SyntheticEvent} event The event source of the callback.\n   * You can pull out the new checked state by accessing `event.target.checked` (boolean).\n   */\n  onChange: PropTypes.func,\n  /**\n   * If `true`, the label will indicate that the `input` is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * The props used for each slot inside.\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    typography: PropTypes.object\n  }),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The value of the component.\n   */\n  value: PropTypes.any\n} : void 0;\nexport default FormControlLabel;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getFormHelperTextUtilityClasses(slot) {\n  return generateUtilityClass('MuiFormHelperText', slot);\n}\nconst formHelperTextClasses = generateUtilityClasses('MuiFormHelperText', ['root', 'error', 'disabled', 'sizeSmall', 'sizeMedium', 'contained', 'focused', 'filled', 'required']);\nexport default formHelperTextClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nvar _span;\nconst _excluded = [\"children\", \"className\", \"component\", \"disabled\", \"error\", \"filled\", \"focused\", \"margin\", \"required\", \"variant\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport formControlState from '../FormControl/formControlState';\nimport useFormControl from '../FormControl/useFormControl';\nimport styled from '../styles/styled';\nimport capitalize from '../utils/capitalize';\nimport formHelperTextClasses, { getFormHelperTextUtilityClasses } from './formHelperTextClasses';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    contained,\n    size,\n    disabled,\n    error,\n    filled,\n    focused,\n    required\n  } = ownerState;\n  const slots = {\n    root: ['root', disabled && 'disabled', error && 'error', size && `size${capitalize(size)}`, contained && 'contained', focused && 'focused', filled && 'filled', required && 'required']\n  };\n  return composeClasses(slots, getFormHelperTextUtilityClasses, classes);\n};\nconst FormHelperTextRoot = styled('p', {\n  name: 'MuiFormHelperText',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.size && styles[`size${capitalize(ownerState.size)}`], ownerState.contained && styles.contained, ownerState.filled && styles.filled];\n  }\n})(({\n  theme,\n  ownerState\n}) => _extends({\n  color: (theme.vars || theme).palette.text.secondary\n}, theme.typography.caption, {\n  textAlign: 'left',\n  marginTop: 3,\n  marginRight: 0,\n  marginBottom: 0,\n  marginLeft: 0,\n  [`&.${formHelperTextClasses.disabled}`]: {\n    color: (theme.vars || theme).palette.text.disabled\n  },\n  [`&.${formHelperTextClasses.error}`]: {\n    color: (theme.vars || theme).palette.error.main\n  }\n}, ownerState.size === 'small' && {\n  marginTop: 4\n}, ownerState.contained && {\n  marginLeft: 14,\n  marginRight: 14\n}));\nconst FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiFormHelperText'\n  });\n  const {\n      children,\n      className,\n      component = 'p'\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const muiFormControl = useFormControl();\n  const fcs = formControlState({\n    props,\n    muiFormControl,\n    states: ['variant', 'size', 'disabled', 'error', 'filled', 'focused', 'required']\n  });\n  const ownerState = _extends({}, props, {\n    component,\n    contained: fcs.variant === 'filled' || fcs.variant === 'outlined',\n    variant: fcs.variant,\n    size: fcs.size,\n    disabled: fcs.disabled,\n    error: fcs.error,\n    filled: fcs.filled,\n    focused: fcs.focused,\n    required: fcs.required\n  });\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(FormHelperTextRoot, _extends({\n    as: component,\n    ownerState: ownerState,\n    className: clsx(classes.root, className),\n    ref: ref\n  }, other, {\n    children: children === ' ' ? // notranslate needed while Google Translate will not fix zero-width space issue\n    _span || (_span = /*#__PURE__*/_jsx(\"span\", {\n      className: \"notranslate\",\n      children: \"\\u200B\"\n    })) : children\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? FormHelperText.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   *\n   * If `' '` is provided, the component reserves one line height for displaying a future message.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * If `true`, the helper text should be displayed in a disabled state.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, helper text should be displayed in an error state.\n   */\n  error: PropTypes.bool,\n  /**\n   * If `true`, the helper text should use filled classes key.\n   */\n  filled: PropTypes.bool,\n  /**\n   * If `true`, the helper text should use focused classes key.\n   */\n  focused: PropTypes.bool,\n  /**\n   * If `dense`, will adjust vertical spacing. This is normally obtained via context from\n   * FormControl.\n   */\n  margin: PropTypes.oneOf(['dense']),\n  /**\n   * If `true`, the helper text should use required classes key.\n   */\n  required: PropTypes.bool,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The variant to use.\n   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['filled', 'outlined', 'standard']), PropTypes.string])\n} : void 0;\nexport default FormHelperText;","'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { GlobalStyles as MuiGlobalStyles } from '@mui/styled-engine';\nimport useTheme from '../useTheme';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction GlobalStyles({\n  styles,\n  themeId,\n  defaultTheme = {}\n}) {\n  const upperTheme = useTheme(defaultTheme);\n  const globalStyles = typeof styles === 'function' ? styles(themeId ? upperTheme[themeId] || upperTheme : upperTheme) : styles;\n  return /*#__PURE__*/_jsx(MuiGlobalStyles, {\n    styles: globalStyles\n  });\n}\nprocess.env.NODE_ENV !== \"production\" ? GlobalStyles.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * @ignore\n   */\n  defaultTheme: PropTypes.object,\n  /**\n   * @ignore\n   */\n  styles: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.array, PropTypes.func, PropTypes.number, PropTypes.object, PropTypes.string, PropTypes.bool]),\n  /**\n   * @ignore\n   */\n  themeId: PropTypes.string\n} : void 0;\nexport default GlobalStyles;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { GlobalStyles as SystemGlobalStyles } from '@mui/system';\nimport defaultTheme from '../styles/defaultTheme';\nimport THEME_ID from '../styles/identifier';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction GlobalStyles(props) {\n  return /*#__PURE__*/_jsx(SystemGlobalStyles, _extends({}, props, {\n    defaultTheme: defaultTheme,\n    themeId: THEME_ID\n  }));\n}\nprocess.env.NODE_ENV !== \"production\" ? GlobalStyles.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The styles you want to apply globally.\n   */\n  styles: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.array, PropTypes.func, PropTypes.number, PropTypes.object, PropTypes.string, PropTypes.bool])\n} : void 0;\nexport default GlobalStyles;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"addEndListener\", \"appear\", \"children\", \"easing\", \"in\", \"onEnter\", \"onEntered\", \"onEntering\", \"onExit\", \"onExited\", \"onExiting\", \"style\", \"timeout\", \"TransitionComponent\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport useTimeout from '@mui/utils/useTimeout';\nimport elementAcceptingRef from '@mui/utils/elementAcceptingRef';\nimport { Transition } from 'react-transition-group';\nimport useTheme from '../styles/useTheme';\nimport { getTransitionProps, reflow } from '../transitions/utils';\nimport useForkRef from '../utils/useForkRef';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction getScale(value) {\n  return `scale(${value}, ${value ** 2})`;\n}\nconst styles = {\n  entering: {\n    opacity: 1,\n    transform: getScale(1)\n  },\n  entered: {\n    opacity: 1,\n    transform: 'none'\n  }\n};\n\n/*\n TODO v6: remove\n Conditionally apply a workaround for the CSS transition bug in Safari 15.4 / WebKit browsers.\n */\nconst isWebKit154 = typeof navigator !== 'undefined' && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\\/)15(.|_)4/i.test(navigator.userAgent);\n\n/**\n * The Grow transition is used by the [Tooltip](/material-ui/react-tooltip/) and\n * [Popover](/material-ui/react-popover/) components.\n * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.\n */\nconst Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {\n  const {\n      addEndListener,\n      appear = true,\n      children,\n      easing,\n      in: inProp,\n      onEnter,\n      onEntered,\n      onEntering,\n      onExit,\n      onExited,\n      onExiting,\n      style,\n      timeout = 'auto',\n      // eslint-disable-next-line react/prop-types\n      TransitionComponent = Transition\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const timer = useTimeout();\n  const autoTimeout = React.useRef();\n  const theme = useTheme();\n  const nodeRef = React.useRef(null);\n  const handleRef = useForkRef(nodeRef, children.ref, ref);\n  const normalizedTransitionCallback = callback => maybeIsAppearing => {\n    if (callback) {\n      const node = nodeRef.current;\n\n      // onEnterXxx and onExitXxx callbacks have a different arguments.length value.\n      if (maybeIsAppearing === undefined) {\n        callback(node);\n      } else {\n        callback(node, maybeIsAppearing);\n      }\n    }\n  };\n  const handleEntering = normalizedTransitionCallback(onEntering);\n  const handleEnter = normalizedTransitionCallback((node, isAppearing) => {\n    reflow(node); // So the animation always start from the start.\n\n    const {\n      duration: transitionDuration,\n      delay,\n      easing: transitionTimingFunction\n    } = getTransitionProps({\n      style,\n      timeout,\n      easing\n    }, {\n      mode: 'enter'\n    });\n    let duration;\n    if (timeout === 'auto') {\n      duration = theme.transitions.getAutoHeightDuration(node.clientHeight);\n      autoTimeout.current = duration;\n    } else {\n      duration = transitionDuration;\n    }\n    node.style.transition = [theme.transitions.create('opacity', {\n      duration,\n      delay\n    }), theme.transitions.create('transform', {\n      duration: isWebKit154 ? duration : duration * 0.666,\n      delay,\n      easing: transitionTimingFunction\n    })].join(',');\n    if (onEnter) {\n      onEnter(node, isAppearing);\n    }\n  });\n  const handleEntered = normalizedTransitionCallback(onEntered);\n  const handleExiting = normalizedTransitionCallback(onExiting);\n  const handleExit = normalizedTransitionCallback(node => {\n    const {\n      duration: transitionDuration,\n      delay,\n      easing: transitionTimingFunction\n    } = getTransitionProps({\n      style,\n      timeout,\n      easing\n    }, {\n      mode: 'exit'\n    });\n    let duration;\n    if (timeout === 'auto') {\n      duration = theme.transitions.getAutoHeightDuration(node.clientHeight);\n      autoTimeout.current = duration;\n    } else {\n      duration = transitionDuration;\n    }\n    node.style.transition = [theme.transitions.create('opacity', {\n      duration,\n      delay\n    }), theme.transitions.create('transform', {\n      duration: isWebKit154 ? duration : duration * 0.666,\n      delay: isWebKit154 ? delay : delay || duration * 0.333,\n      easing: transitionTimingFunction\n    })].join(',');\n    node.style.opacity = 0;\n    node.style.transform = getScale(0.75);\n    if (onExit) {\n      onExit(node);\n    }\n  });\n  const handleExited = normalizedTransitionCallback(onExited);\n  const handleAddEndListener = next => {\n    if (timeout === 'auto') {\n      timer.start(autoTimeout.current || 0, next);\n    }\n    if (addEndListener) {\n      // Old call signature before `react-transition-group` implemented `nodeRef`\n      addEndListener(nodeRef.current, next);\n    }\n  };\n  return /*#__PURE__*/_jsx(TransitionComponent, _extends({\n    appear: appear,\n    in: inProp,\n    nodeRef: nodeRef,\n    onEnter: handleEnter,\n    onEntered: handleEntered,\n    onEntering: handleEntering,\n    onExit: handleExit,\n    onExited: handleExited,\n    onExiting: handleExiting,\n    addEndListener: handleAddEndListener,\n    timeout: timeout === 'auto' ? null : timeout\n  }, other, {\n    children: (state, childProps) => {\n      return /*#__PURE__*/React.cloneElement(children, _extends({\n        style: _extends({\n          opacity: 0,\n          transform: getScale(0.75),\n          visibility: state === 'exited' && !inProp ? 'hidden' : undefined\n        }, styles[state], style, children.props.style),\n        ref: handleRef\n      }, childProps));\n    }\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Grow.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * Add a custom transition end trigger. Called with the transitioning DOM\n   * node and a done callback. Allows for more fine grained transition end\n   * logic. Note: Timeouts are still used as a fallback if provided.\n   */\n  addEndListener: PropTypes.func,\n  /**\n   * Perform the enter transition when it first mounts if `in` is also `true`.\n   * Set this to `false` to disable this behavior.\n   * @default true\n   */\n  appear: PropTypes.bool,\n  /**\n   * A single child content element.\n   */\n  children: elementAcceptingRef.isRequired,\n  /**\n   * The transition timing function.\n   * You may specify a single easing or a object containing enter and exit values.\n   */\n  easing: PropTypes.oneOfType([PropTypes.shape({\n    enter: PropTypes.string,\n    exit: PropTypes.string\n  }), PropTypes.string]),\n  /**\n   * If `true`, the component will transition in.\n   */\n  in: PropTypes.bool,\n  /**\n   * @ignore\n   */\n  onEnter: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onEntered: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onEntering: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onExit: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onExited: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onExiting: PropTypes.func,\n  /**\n   * @ignore\n   */\n  style: PropTypes.object,\n  /**\n   * The duration for the transition, in milliseconds.\n   * You may specify a single timeout for all transitions, or individually with an object.\n   *\n   * Set to 'auto' to automatically calculate transition time based on height.\n   * @default 'auto'\n   */\n  timeout: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.shape({\n    appear: PropTypes.number,\n    enter: PropTypes.number,\n    exit: PropTypes.number\n  })])\n} : void 0;\nGrow.muiSupportAuto = true;\nexport default Grow;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getIconButtonUtilityClass(slot) {\n  return generateUtilityClass('MuiIconButton', slot);\n}\nconst iconButtonClasses = generateUtilityClasses('MuiIconButton', ['root', 'disabled', 'colorInherit', 'colorPrimary', 'colorSecondary', 'colorError', 'colorInfo', 'colorSuccess', 'colorWarning', 'edgeStart', 'edgeEnd', 'sizeSmall', 'sizeMedium', 'sizeLarge']);\nexport default iconButtonClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"edge\", \"children\", \"className\", \"color\", \"disabled\", \"disableFocusRipple\", \"size\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport chainPropTypes from '@mui/utils/chainPropTypes';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { alpha } from '@mui/system/colorManipulator';\nimport styled from '../styles/styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport ButtonBase from '../ButtonBase';\nimport capitalize from '../utils/capitalize';\nimport iconButtonClasses, { getIconButtonUtilityClass } from './iconButtonClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    disabled,\n    color,\n    edge,\n    size\n  } = ownerState;\n  const slots = {\n    root: ['root', disabled && 'disabled', color !== 'default' && `color${capitalize(color)}`, edge && `edge${capitalize(edge)}`, `size${capitalize(size)}`]\n  };\n  return composeClasses(slots, getIconButtonUtilityClass, classes);\n};\nconst IconButtonRoot = styled(ButtonBase, {\n  name: 'MuiIconButton',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.color !== 'default' && styles[`color${capitalize(ownerState.color)}`], ownerState.edge && styles[`edge${capitalize(ownerState.edge)}`], styles[`size${capitalize(ownerState.size)}`]];\n  }\n})(({\n  theme,\n  ownerState\n}) => _extends({\n  textAlign: 'center',\n  flex: '0 0 auto',\n  fontSize: theme.typography.pxToRem(24),\n  padding: 8,\n  borderRadius: '50%',\n  overflow: 'visible',\n  // Explicitly set the default value to solve a bug on IE11.\n  color: (theme.vars || theme).palette.action.active,\n  transition: theme.transitions.create('background-color', {\n    duration: theme.transitions.duration.shortest\n  })\n}, !ownerState.disableRipple && {\n  '&:hover': {\n    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.activeChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.action.active, theme.palette.action.hoverOpacity),\n    // Reset on touch devices, it doesn't add specificity\n    '@media (hover: none)': {\n      backgroundColor: 'transparent'\n    }\n  }\n}, ownerState.edge === 'start' && {\n  marginLeft: ownerState.size === 'small' ? -3 : -12\n}, ownerState.edge === 'end' && {\n  marginRight: ownerState.size === 'small' ? -3 : -12\n}), ({\n  theme,\n  ownerState\n}) => {\n  var _palette;\n  const palette = (_palette = (theme.vars || theme).palette) == null ? void 0 : _palette[ownerState.color];\n  return _extends({}, ownerState.color === 'inherit' && {\n    color: 'inherit'\n  }, ownerState.color !== 'inherit' && ownerState.color !== 'default' && _extends({\n    color: palette == null ? void 0 : palette.main\n  }, !ownerState.disableRipple && {\n    '&:hover': _extends({}, palette && {\n      backgroundColor: theme.vars ? `rgba(${palette.mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(palette.main, theme.palette.action.hoverOpacity)\n    }, {\n      // Reset on touch devices, it doesn't add specificity\n      '@media (hover: none)': {\n        backgroundColor: 'transparent'\n      }\n    })\n  }), ownerState.size === 'small' && {\n    padding: 5,\n    fontSize: theme.typography.pxToRem(18)\n  }, ownerState.size === 'large' && {\n    padding: 12,\n    fontSize: theme.typography.pxToRem(28)\n  }, {\n    [`&.${iconButtonClasses.disabled}`]: {\n      backgroundColor: 'transparent',\n      color: (theme.vars || theme).palette.action.disabled\n    }\n  });\n});\n\n/**\n * Refer to the [Icons](/material-ui/icons/) section of the documentation\n * regarding the available icon options.\n */\nconst IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiIconButton'\n  });\n  const {\n      edge = false,\n      children,\n      className,\n      color = 'default',\n      disabled = false,\n      disableFocusRipple = false,\n      size = 'medium'\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const ownerState = _extends({}, props, {\n    edge,\n    color,\n    disabled,\n    disableFocusRipple,\n    size\n  });\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(IconButtonRoot, _extends({\n    className: clsx(classes.root, className),\n    centerRipple: true,\n    focusRipple: !disableFocusRipple,\n    disabled: disabled,\n    ref: ref\n  }, other, {\n    ownerState: ownerState,\n    children: children\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? IconButton.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The icon to display.\n   */\n  children: chainPropTypes(PropTypes.node, props => {\n    const found = React.Children.toArray(props.children).some(child => /*#__PURE__*/React.isValidElement(child) && child.props.onClick);\n    if (found) {\n      return new Error(['MUI: You are providing an onClick event listener to a child of a button element.', 'Prefer applying it to the IconButton directly.', 'This guarantees that the whole <button> will be responsive to click events.'].join('\\n'));\n    }\n    return null;\n  }),\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * @default 'default'\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),\n  /**\n   * If `true`, the component is disabled.\n   * @default false\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the  keyboard focus ripple is disabled.\n   * @default false\n   */\n  disableFocusRipple: PropTypes.bool,\n  /**\n   * If `true`, the ripple effect is disabled.\n   *\n   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\n   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.\n   * @default false\n   */\n  disableRipple: PropTypes.bool,\n  /**\n   * If given, uses a negative margin to counteract the padding on one\n   * side (this is often helpful for aligning the left or right\n   * side of the icon with content above or below, without ruining the border\n   * size and shape).\n   * @default false\n   */\n  edge: PropTypes.oneOf(['end', 'start', false]),\n  /**\n   * The size of the component.\n   * `small` is equivalent to the dense button styling.\n   * @default 'medium'\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['small', 'medium', 'large']), PropTypes.string]),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default IconButton;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"onChange\", \"maxRows\", \"minRows\", \"style\", \"value\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { unstable_debounce as debounce, unstable_useForkRef as useForkRef, unstable_useEnhancedEffect as useEnhancedEffect, unstable_ownerWindow as ownerWindow } from '@mui/utils';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction getStyleValue(value) {\n  return parseInt(value, 10) || 0;\n}\nconst styles = {\n  shadow: {\n    // Visibility needed to hide the extra text area on iPads\n    visibility: 'hidden',\n    // Remove from the content flow\n    position: 'absolute',\n    // Ignore the scrollbar width\n    overflow: 'hidden',\n    height: 0,\n    top: 0,\n    left: 0,\n    // Create a new layer, increase the isolation of the computed values\n    transform: 'translateZ(0)'\n  }\n};\nfunction isEmpty(obj) {\n  return obj === undefined || obj === null || Object.keys(obj).length === 0 || obj.outerHeightStyle === 0 && !obj.overflowing;\n}\n\n/**\n *\n * Demos:\n *\n * - [Textarea Autosize](https://mui.com/material-ui/react-textarea-autosize/)\n *\n * API:\n *\n * - [TextareaAutosize API](https://mui.com/material-ui/api/textarea-autosize/)\n */\nconst TextareaAutosize = /*#__PURE__*/React.forwardRef(function TextareaAutosize(props, forwardedRef) {\n  const {\n      onChange,\n      maxRows,\n      minRows = 1,\n      style,\n      value\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const {\n    current: isControlled\n  } = React.useRef(value != null);\n  const inputRef = React.useRef(null);\n  const handleRef = useForkRef(forwardedRef, inputRef);\n  const heightRef = React.useRef(null);\n  const shadowRef = React.useRef(null);\n  const calculateTextareaStyles = React.useCallback(() => {\n    const input = inputRef.current;\n    const containerWindow = ownerWindow(input);\n    const computedStyle = containerWindow.getComputedStyle(input);\n\n    // If input's width is shrunk and it's not visible, don't sync height.\n    if (computedStyle.width === '0px') {\n      return {\n        outerHeightStyle: 0,\n        overflowing: false\n      };\n    }\n    const inputShallow = shadowRef.current;\n    inputShallow.style.width = computedStyle.width;\n    inputShallow.value = input.value || props.placeholder || 'x';\n    if (inputShallow.value.slice(-1) === '\\n') {\n      // Certain fonts which overflow the line height will cause the textarea\n      // to report a different scrollHeight depending on whether the last line\n      // is empty. Make it non-empty to avoid this issue.\n      inputShallow.value += ' ';\n    }\n    const boxSizing = computedStyle.boxSizing;\n    const padding = getStyleValue(computedStyle.paddingBottom) + getStyleValue(computedStyle.paddingTop);\n    const border = getStyleValue(computedStyle.borderBottomWidth) + getStyleValue(computedStyle.borderTopWidth);\n\n    // The height of the inner content\n    const innerHeight = inputShallow.scrollHeight;\n\n    // Measure height of a textarea with a single row\n    inputShallow.value = 'x';\n    const singleRowHeight = inputShallow.scrollHeight;\n\n    // The height of the outer content\n    let outerHeight = innerHeight;\n    if (minRows) {\n      outerHeight = Math.max(Number(minRows) * singleRowHeight, outerHeight);\n    }\n    if (maxRows) {\n      outerHeight = Math.min(Number(maxRows) * singleRowHeight, outerHeight);\n    }\n    outerHeight = Math.max(outerHeight, singleRowHeight);\n\n    // Take the box sizing into account for applying this value as a style.\n    const outerHeightStyle = outerHeight + (boxSizing === 'border-box' ? padding + border : 0);\n    const overflowing = Math.abs(outerHeight - innerHeight) <= 1;\n    return {\n      outerHeightStyle,\n      overflowing\n    };\n  }, [maxRows, minRows, props.placeholder]);\n  const syncHeight = React.useCallback(() => {\n    const textareaStyles = calculateTextareaStyles();\n    if (isEmpty(textareaStyles)) {\n      return;\n    }\n    const outerHeightStyle = textareaStyles.outerHeightStyle;\n    const input = inputRef.current;\n    if (heightRef.current !== outerHeightStyle) {\n      heightRef.current = outerHeightStyle;\n      input.style.height = `${outerHeightStyle}px`;\n    }\n    input.style.overflow = textareaStyles.overflowing ? 'hidden' : '';\n  }, [calculateTextareaStyles]);\n  useEnhancedEffect(() => {\n    const handleResize = () => {\n      syncHeight();\n    };\n    // Workaround a \"ResizeObserver loop completed with undelivered notifications\" error\n    // in test.\n    // Note that we might need to use this logic in production per https://github.com/WICG/resize-observer/issues/38\n    // Also see https://github.com/mui/mui-x/issues/8733\n    let rAF;\n    const rAFHandleResize = () => {\n      cancelAnimationFrame(rAF);\n      rAF = requestAnimationFrame(() => {\n        handleResize();\n      });\n    };\n    const debounceHandleResize = debounce(handleResize);\n    const input = inputRef.current;\n    const containerWindow = ownerWindow(input);\n    containerWindow.addEventListener('resize', debounceHandleResize);\n    let resizeObserver;\n    if (typeof ResizeObserver !== 'undefined') {\n      resizeObserver = new ResizeObserver(process.env.NODE_ENV === 'test' ? rAFHandleResize : handleResize);\n      resizeObserver.observe(input);\n    }\n    return () => {\n      debounceHandleResize.clear();\n      cancelAnimationFrame(rAF);\n      containerWindow.removeEventListener('resize', debounceHandleResize);\n      if (resizeObserver) {\n        resizeObserver.disconnect();\n      }\n    };\n  }, [calculateTextareaStyles, syncHeight]);\n  useEnhancedEffect(() => {\n    syncHeight();\n  });\n  const handleChange = event => {\n    if (!isControlled) {\n      syncHeight();\n    }\n    if (onChange) {\n      onChange(event);\n    }\n  };\n  return /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [/*#__PURE__*/_jsx(\"textarea\", _extends({\n      value: value,\n      onChange: handleChange,\n      ref: handleRef\n      // Apply the rows prop to get a \"correct\" first SSR paint\n      ,\n      rows: minRows,\n      style: style\n    }, other)), /*#__PURE__*/_jsx(\"textarea\", {\n      \"aria-hidden\": true,\n      className: props.className,\n      readOnly: true,\n      ref: shadowRef,\n      tabIndex: -1,\n      style: _extends({}, styles.shadow, style, {\n        paddingTop: 0,\n        paddingBottom: 0\n      })\n    })]\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? TextareaAutosize.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * Maximum number of rows to display.\n   */\n  maxRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * Minimum number of rows to display.\n   * @default 1\n   */\n  minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * @ignore\n   */\n  onChange: PropTypes.func,\n  /**\n   * @ignore\n   */\n  placeholder: PropTypes.string,\n  /**\n   * @ignore\n   */\n  style: PropTypes.object,\n  /**\n   * @ignore\n   */\n  value: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.number, PropTypes.string])\n} : void 0;\nexport default TextareaAutosize;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _formatMuiErrorMessage from \"@mui/utils/formatMuiErrorMessage\";\nconst _excluded = [\"aria-describedby\", \"autoComplete\", \"autoFocus\", \"className\", \"color\", \"components\", \"componentsProps\", \"defaultValue\", \"disabled\", \"disableInjectingGlobalStyles\", \"endAdornment\", \"error\", \"fullWidth\", \"id\", \"inputComponent\", \"inputProps\", \"inputRef\", \"margin\", \"maxRows\", \"minRows\", \"multiline\", \"name\", \"onBlur\", \"onChange\", \"onClick\", \"onFocus\", \"onKeyDown\", \"onKeyUp\", \"placeholder\", \"readOnly\", \"renderSuffix\", \"rows\", \"size\", \"slotProps\", \"slots\", \"startAdornment\", \"type\", \"value\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';\nimport refType from '@mui/utils/refType';\nimport composeClasses from '@mui/utils/composeClasses';\nimport isHostComponent from '@mui/utils/isHostComponent';\nimport TextareaAutosize from '../TextareaAutosize';\nimport formControlState from '../FormControl/formControlState';\nimport FormControlContext from '../FormControl/FormControlContext';\nimport useFormControl from '../FormControl/useFormControl';\nimport styled from '../styles/styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport capitalize from '../utils/capitalize';\nimport useForkRef from '../utils/useForkRef';\nimport useEnhancedEffect from '../utils/useEnhancedEffect';\nimport GlobalStyles from '../GlobalStyles';\nimport { isFilled } from './utils';\nimport inputBaseClasses, { getInputBaseUtilityClass } from './inputBaseClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport const rootOverridesResolver = (props, styles) => {\n  const {\n    ownerState\n  } = props;\n  return [styles.root, ownerState.formControl && styles.formControl, ownerState.startAdornment && styles.adornedStart, ownerState.endAdornment && styles.adornedEnd, ownerState.error && styles.error, ownerState.size === 'small' && styles.sizeSmall, ownerState.multiline && styles.multiline, ownerState.color && styles[`color${capitalize(ownerState.color)}`], ownerState.fullWidth && styles.fullWidth, ownerState.hiddenLabel && styles.hiddenLabel];\n};\nexport const inputOverridesResolver = (props, styles) => {\n  const {\n    ownerState\n  } = props;\n  return [styles.input, ownerState.size === 'small' && styles.inputSizeSmall, ownerState.multiline && styles.inputMultiline, ownerState.type === 'search' && styles.inputTypeSearch, ownerState.startAdornment && styles.inputAdornedStart, ownerState.endAdornment && styles.inputAdornedEnd, ownerState.hiddenLabel && styles.inputHiddenLabel];\n};\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    color,\n    disabled,\n    error,\n    endAdornment,\n    focused,\n    formControl,\n    fullWidth,\n    hiddenLabel,\n    multiline,\n    readOnly,\n    size,\n    startAdornment,\n    type\n  } = ownerState;\n  const slots = {\n    root: ['root', `color${capitalize(color)}`, disabled && 'disabled', error && 'error', fullWidth && 'fullWidth', focused && 'focused', formControl && 'formControl', size && size !== 'medium' && `size${capitalize(size)}`, multiline && 'multiline', startAdornment && 'adornedStart', endAdornment && 'adornedEnd', hiddenLabel && 'hiddenLabel', readOnly && 'readOnly'],\n    input: ['input', disabled && 'disabled', type === 'search' && 'inputTypeSearch', multiline && 'inputMultiline', size === 'small' && 'inputSizeSmall', hiddenLabel && 'inputHiddenLabel', startAdornment && 'inputAdornedStart', endAdornment && 'inputAdornedEnd', readOnly && 'readOnly']\n  };\n  return composeClasses(slots, getInputBaseUtilityClass, classes);\n};\nexport const InputBaseRoot = styled('div', {\n  name: 'MuiInputBase',\n  slot: 'Root',\n  overridesResolver: rootOverridesResolver\n})(({\n  theme,\n  ownerState\n}) => _extends({}, theme.typography.body1, {\n  color: (theme.vars || theme).palette.text.primary,\n  lineHeight: '1.4375em',\n  // 23px\n  boxSizing: 'border-box',\n  // Prevent padding issue with fullWidth.\n  position: 'relative',\n  cursor: 'text',\n  display: 'inline-flex',\n  alignItems: 'center',\n  [`&.${inputBaseClasses.disabled}`]: {\n    color: (theme.vars || theme).palette.text.disabled,\n    cursor: 'default'\n  }\n}, ownerState.multiline && _extends({\n  padding: '4px 0 5px'\n}, ownerState.size === 'small' && {\n  paddingTop: 1\n}), ownerState.fullWidth && {\n  width: '100%'\n}));\nexport const InputBaseComponent = styled('input', {\n  name: 'MuiInputBase',\n  slot: 'Input',\n  overridesResolver: inputOverridesResolver\n})(({\n  theme,\n  ownerState\n}) => {\n  const light = theme.palette.mode === 'light';\n  const placeholder = _extends({\n    color: 'currentColor'\n  }, theme.vars ? {\n    opacity: theme.vars.opacity.inputPlaceholder\n  } : {\n    opacity: light ? 0.42 : 0.5\n  }, {\n    transition: theme.transitions.create('opacity', {\n      duration: theme.transitions.duration.shorter\n    })\n  });\n  const placeholderHidden = {\n    opacity: '0 !important'\n  };\n  const placeholderVisible = theme.vars ? {\n    opacity: theme.vars.opacity.inputPlaceholder\n  } : {\n    opacity: light ? 0.42 : 0.5\n  };\n  return _extends({\n    font: 'inherit',\n    letterSpacing: 'inherit',\n    color: 'currentColor',\n    padding: '4px 0 5px',\n    border: 0,\n    boxSizing: 'content-box',\n    background: 'none',\n    height: '1.4375em',\n    // Reset 23pxthe native input line-height\n    margin: 0,\n    // Reset for Safari\n    WebkitTapHighlightColor: 'transparent',\n    display: 'block',\n    // Make the flex item shrink with Firefox\n    minWidth: 0,\n    width: '100%',\n    // Fix IE11 width issue\n    animationName: 'mui-auto-fill-cancel',\n    animationDuration: '10ms',\n    '&::-webkit-input-placeholder': placeholder,\n    '&::-moz-placeholder': placeholder,\n    // Firefox 19+\n    '&:-ms-input-placeholder': placeholder,\n    // IE11\n    '&::-ms-input-placeholder': placeholder,\n    // Edge\n    '&:focus': {\n      outline: 0\n    },\n    // Reset Firefox invalid required input style\n    '&:invalid': {\n      boxShadow: 'none'\n    },\n    '&::-webkit-search-decoration': {\n      // Remove the padding when type=search.\n      WebkitAppearance: 'none'\n    },\n    // Show and hide the placeholder logic\n    [`label[data-shrink=false] + .${inputBaseClasses.formControl} &`]: {\n      '&::-webkit-input-placeholder': placeholderHidden,\n      '&::-moz-placeholder': placeholderHidden,\n      // Firefox 19+\n      '&:-ms-input-placeholder': placeholderHidden,\n      // IE11\n      '&::-ms-input-placeholder': placeholderHidden,\n      // Edge\n      '&:focus::-webkit-input-placeholder': placeholderVisible,\n      '&:focus::-moz-placeholder': placeholderVisible,\n      // Firefox 19+\n      '&:focus:-ms-input-placeholder': placeholderVisible,\n      // IE11\n      '&:focus::-ms-input-placeholder': placeholderVisible // Edge\n    },\n    [`&.${inputBaseClasses.disabled}`]: {\n      opacity: 1,\n      // Reset iOS opacity\n      WebkitTextFillColor: (theme.vars || theme).palette.text.disabled // Fix opacity Safari bug\n    },\n    '&:-webkit-autofill': {\n      animationDuration: '5000s',\n      animationName: 'mui-auto-fill'\n    }\n  }, ownerState.size === 'small' && {\n    paddingTop: 1\n  }, ownerState.multiline && {\n    height: 'auto',\n    resize: 'none',\n    padding: 0,\n    paddingTop: 0\n  }, ownerState.type === 'search' && {\n    // Improve type search style.\n    MozAppearance: 'textfield'\n  });\n});\nconst inputGlobalStyles = /*#__PURE__*/_jsx(GlobalStyles, {\n  styles: {\n    '@keyframes mui-auto-fill': {\n      from: {\n        display: 'block'\n      }\n    },\n    '@keyframes mui-auto-fill-cancel': {\n      from: {\n        display: 'block'\n      }\n    }\n  }\n});\n\n/**\n * `InputBase` contains as few styles as possible.\n * It aims to be a simple building block for creating an input.\n * It contains a load of style reset and some state logic.\n */\nconst InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref) {\n  var _slotProps$input;\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiInputBase'\n  });\n  const {\n      'aria-describedby': ariaDescribedby,\n      autoComplete,\n      autoFocus,\n      className,\n      components = {},\n      componentsProps = {},\n      defaultValue,\n      disabled,\n      disableInjectingGlobalStyles,\n      endAdornment,\n      fullWidth = false,\n      id,\n      inputComponent = 'input',\n      inputProps: inputPropsProp = {},\n      inputRef: inputRefProp,\n      maxRows,\n      minRows,\n      multiline = false,\n      name,\n      onBlur,\n      onChange,\n      onClick,\n      onFocus,\n      onKeyDown,\n      onKeyUp,\n      placeholder,\n      readOnly,\n      renderSuffix,\n      rows,\n      slotProps = {},\n      slots = {},\n      startAdornment,\n      type = 'text',\n      value: valueProp\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const value = inputPropsProp.value != null ? inputPropsProp.value : valueProp;\n  const {\n    current: isControlled\n  } = React.useRef(value != null);\n  const inputRef = React.useRef();\n  const handleInputRefWarning = React.useCallback(instance => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (instance && instance.nodeName !== 'INPUT' && !instance.focus) {\n        console.error(['MUI: You have provided a `inputComponent` to the input component', 'that does not correctly handle the `ref` prop.', 'Make sure the `ref` prop is called with a HTMLInputElement.'].join('\\n'));\n      }\n    }\n  }, []);\n  const handleInputRef = useForkRef(inputRef, inputRefProp, inputPropsProp.ref, handleInputRefWarning);\n  const [focused, setFocused] = React.useState(false);\n  const muiFormControl = useFormControl();\n  if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      if (muiFormControl) {\n        return muiFormControl.registerEffect();\n      }\n      return undefined;\n    }, [muiFormControl]);\n  }\n  const fcs = formControlState({\n    props,\n    muiFormControl,\n    states: ['color', 'disabled', 'error', 'hiddenLabel', 'size', 'required', 'filled']\n  });\n  fcs.focused = muiFormControl ? muiFormControl.focused : focused;\n\n  // The blur won't fire when the disabled state is set on a focused input.\n  // We need to book keep the focused state manually.\n  React.useEffect(() => {\n    if (!muiFormControl && disabled && focused) {\n      setFocused(false);\n      if (onBlur) {\n        onBlur();\n      }\n    }\n  }, [muiFormControl, disabled, focused, onBlur]);\n  const onFilled = muiFormControl && muiFormControl.onFilled;\n  const onEmpty = muiFormControl && muiFormControl.onEmpty;\n  const checkDirty = React.useCallback(obj => {\n    if (isFilled(obj)) {\n      if (onFilled) {\n        onFilled();\n      }\n    } else if (onEmpty) {\n      onEmpty();\n    }\n  }, [onFilled, onEmpty]);\n  useEnhancedEffect(() => {\n    if (isControlled) {\n      checkDirty({\n        value\n      });\n    }\n  }, [value, checkDirty, isControlled]);\n  const handleFocus = event => {\n    // Fix a bug with IE11 where the focus/blur events are triggered\n    // while the component is disabled.\n    if (fcs.disabled) {\n      event.stopPropagation();\n      return;\n    }\n    if (onFocus) {\n      onFocus(event);\n    }\n    if (inputPropsProp.onFocus) {\n      inputPropsProp.onFocus(event);\n    }\n    if (muiFormControl && muiFormControl.onFocus) {\n      muiFormControl.onFocus(event);\n    } else {\n      setFocused(true);\n    }\n  };\n  const handleBlur = event => {\n    if (onBlur) {\n      onBlur(event);\n    }\n    if (inputPropsProp.onBlur) {\n      inputPropsProp.onBlur(event);\n    }\n    if (muiFormControl && muiFormControl.onBlur) {\n      muiFormControl.onBlur(event);\n    } else {\n      setFocused(false);\n    }\n  };\n  const handleChange = (event, ...args) => {\n    if (!isControlled) {\n      const element = event.target || inputRef.current;\n      if (element == null) {\n        throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: Expected valid input target. Did you use a custom \\`inputComponent\\` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info.` : _formatMuiErrorMessage(1));\n      }\n      checkDirty({\n        value: element.value\n      });\n    }\n    if (inputPropsProp.onChange) {\n      inputPropsProp.onChange(event, ...args);\n    }\n\n    // Perform in the willUpdate\n    if (onChange) {\n      onChange(event, ...args);\n    }\n  };\n\n  // Check the input state on mount, in case it was filled by the user\n  // or auto filled by the browser before the hydration (for SSR).\n  React.useEffect(() => {\n    checkDirty(inputRef.current);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  const handleClick = event => {\n    if (inputRef.current && event.currentTarget === event.target) {\n      inputRef.current.focus();\n    }\n    if (onClick) {\n      onClick(event);\n    }\n  };\n  let InputComponent = inputComponent;\n  let inputProps = inputPropsProp;\n  if (multiline && InputComponent === 'input') {\n    if (rows) {\n      if (process.env.NODE_ENV !== 'production') {\n        if (minRows || maxRows) {\n          console.warn('MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set.');\n        }\n      }\n      inputProps = _extends({\n        type: undefined,\n        minRows: rows,\n        maxRows: rows\n      }, inputProps);\n    } else {\n      inputProps = _extends({\n        type: undefined,\n        maxRows,\n        minRows\n      }, inputProps);\n    }\n    InputComponent = TextareaAutosize;\n  }\n  const handleAutoFill = event => {\n    // Provide a fake value as Chrome might not let you access it for security reasons.\n    checkDirty(event.animationName === 'mui-auto-fill-cancel' ? inputRef.current : {\n      value: 'x'\n    });\n  };\n  React.useEffect(() => {\n    if (muiFormControl) {\n      muiFormControl.setAdornedStart(Boolean(startAdornment));\n    }\n  }, [muiFormControl, startAdornment]);\n  const ownerState = _extends({}, props, {\n    color: fcs.color || 'primary',\n    disabled: fcs.disabled,\n    endAdornment,\n    error: fcs.error,\n    focused: fcs.focused,\n    formControl: muiFormControl,\n    fullWidth,\n    hiddenLabel: fcs.hiddenLabel,\n    multiline,\n    size: fcs.size,\n    startAdornment,\n    type\n  });\n  const classes = useUtilityClasses(ownerState);\n  const Root = slots.root || components.Root || InputBaseRoot;\n  const rootProps = slotProps.root || componentsProps.root || {};\n  const Input = slots.input || components.Input || InputBaseComponent;\n  inputProps = _extends({}, inputProps, (_slotProps$input = slotProps.input) != null ? _slotProps$input : componentsProps.input);\n  return /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [!disableInjectingGlobalStyles && inputGlobalStyles, /*#__PURE__*/_jsxs(Root, _extends({}, rootProps, !isHostComponent(Root) && {\n      ownerState: _extends({}, ownerState, rootProps.ownerState)\n    }, {\n      ref: ref,\n      onClick: handleClick\n    }, other, {\n      className: clsx(classes.root, rootProps.className, className, readOnly && 'MuiInputBase-readOnly'),\n      children: [startAdornment, /*#__PURE__*/_jsx(FormControlContext.Provider, {\n        value: null,\n        children: /*#__PURE__*/_jsx(Input, _extends({\n          ownerState: ownerState,\n          \"aria-invalid\": fcs.error,\n          \"aria-describedby\": ariaDescribedby,\n          autoComplete: autoComplete,\n          autoFocus: autoFocus,\n          defaultValue: defaultValue,\n          disabled: fcs.disabled,\n          id: id,\n          onAnimationStart: handleAutoFill,\n          name: name,\n          placeholder: placeholder,\n          readOnly: readOnly,\n          required: fcs.required,\n          rows: rows,\n          value: value,\n          onKeyDown: onKeyDown,\n          onKeyUp: onKeyUp,\n          type: type\n        }, inputProps, !isHostComponent(Input) && {\n          as: InputComponent,\n          ownerState: _extends({}, ownerState, inputProps.ownerState)\n        }, {\n          ref: handleInputRef,\n          className: clsx(classes.input, inputProps.className, readOnly && 'MuiInputBase-readOnly'),\n          onBlur: handleBlur,\n          onChange: handleChange,\n          onFocus: handleFocus\n        }))\n      }), endAdornment, renderSuffix ? renderSuffix(_extends({}, fcs, {\n        startAdornment\n      })) : null]\n    }))]\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? InputBase.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * @ignore\n   */\n  'aria-describedby': PropTypes.string,\n  /**\n   * This prop helps users to fill forms faster, especially on mobile devices.\n   * The name can be confusing, as it's more like an autofill.\n   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).\n   */\n  autoComplete: PropTypes.string,\n  /**\n   * If `true`, the `input` element is focused during the first mount.\n   */\n  autoFocus: PropTypes.bool,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),\n  /**\n   * The components used for each slot inside.\n   *\n   * This prop is an alias for the `slots` prop.\n   * It's recommended to use the `slots` prop instead.\n   *\n   * @default {}\n   */\n  components: PropTypes.shape({\n    Input: PropTypes.elementType,\n    Root: PropTypes.elementType\n  }),\n  /**\n   * The extra props for the slot components.\n   * You can override the existing props or add new ones.\n   *\n   * This prop is an alias for the `slotProps` prop.\n   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.\n   *\n   * @default {}\n   */\n  componentsProps: PropTypes.shape({\n    input: PropTypes.object,\n    root: PropTypes.object\n  }),\n  /**\n   * The default value. Use when the component is not controlled.\n   */\n  defaultValue: PropTypes.any,\n  /**\n   * If `true`, the component is disabled.\n   * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, GlobalStyles for the auto-fill keyframes will not be injected/removed on mount/unmount. Make sure to inject them at the top of your application.\n   * This option is intended to help with boosting the initial rendering performance if you are loading a big amount of Input components at once.\n   * @default false\n   */\n  disableInjectingGlobalStyles: PropTypes.bool,\n  /**\n   * End `InputAdornment` for this component.\n   */\n  endAdornment: PropTypes.node,\n  /**\n   * If `true`, the `input` will indicate an error.\n   * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n   */\n  error: PropTypes.bool,\n  /**\n   * If `true`, the `input` will take up the full width of its container.\n   * @default false\n   */\n  fullWidth: PropTypes.bool,\n  /**\n   * The id of the `input` element.\n   */\n  id: PropTypes.string,\n  /**\n   * The component used for the `input` element.\n   * Either a string to use a HTML element or a component.\n   * @default 'input'\n   */\n  inputComponent: elementTypeAcceptingRef,\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n   * @default {}\n   */\n  inputProps: PropTypes.object,\n  /**\n   * Pass a ref to the `input` element.\n   */\n  inputRef: refType,\n  /**\n   * If `dense`, will adjust vertical spacing. This is normally obtained via context from\n   * FormControl.\n   * The prop defaults to the value (`'none'`) inherited from the parent FormControl component.\n   */\n  margin: PropTypes.oneOf(['dense', 'none']),\n  /**\n   * Maximum number of rows to display when multiline option is set to true.\n   */\n  maxRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * Minimum number of rows to display when multiline option is set to true.\n   */\n  minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.\n   * @default false\n   */\n  multiline: PropTypes.bool,\n  /**\n   * Name attribute of the `input` element.\n   */\n  name: PropTypes.string,\n  /**\n   * Callback fired when the `input` is blurred.\n   *\n   * Notice that the first argument (event) might be undefined.\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Callback fired when the value is changed.\n   *\n   * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (string).\n   */\n  onChange: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onClick: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onFocus: PropTypes.func,\n  /**\n   * Callback fired when the `input` doesn't satisfy its constraints.\n   */\n  onInvalid: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onKeyDown: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onKeyUp: PropTypes.func,\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * It prevents the user from changing the value of the field\n   * (not from interacting with the field).\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * @ignore\n   */\n  renderSuffix: PropTypes.func,\n  /**\n   * If `true`, the `input` element is required.\n   * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n   */\n  required: PropTypes.bool,\n  /**\n   * Number of rows to display when multiline option is set to true.\n   */\n  rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * The size of the component.\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),\n  /**\n   * The extra props for the slot components.\n   * You can override the existing props or add new ones.\n   *\n   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.\n   *\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    input: PropTypes.object,\n    root: PropTypes.object\n  }),\n  /**\n   * The components used for each slot inside.\n   *\n   * This prop is an alias for the `components` prop, which will be deprecated in the future.\n   *\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    input: PropTypes.elementType,\n    root: PropTypes.elementType\n  }),\n  /**\n   * Start `InputAdornment` for this component.\n   */\n  startAdornment: PropTypes.node,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).\n   * @default 'text'\n   */\n  type: PropTypes.string,\n  /**\n   * The value of the `input` element, required for a controlled component.\n   */\n  value: PropTypes.any\n} : void 0;\nexport default InputBase;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getInputBaseUtilityClass(slot) {\n  return generateUtilityClass('MuiInputBase', slot);\n}\nconst inputBaseClasses = generateUtilityClasses('MuiInputBase', ['root', 'formControl', 'focused', 'disabled', 'adornedStart', 'adornedEnd', 'error', 'sizeSmall', 'multiline', 'colorSecondary', 'fullWidth', 'hiddenLabel', 'readOnly', 'input', 'inputSizeSmall', 'inputMultiline', 'inputTypeSearch', 'inputAdornedStart', 'inputAdornedEnd', 'inputHiddenLabel']);\nexport default inputBaseClasses;","// Supports determination of isControlled().\n// Controlled input accepts its current value as a prop.\n//\n// @see https://facebook.github.io/react/docs/forms.html#controlled-components\n// @param value\n// @returns {boolean} true if string (including '') or number (including zero)\nexport function hasValue(value) {\n  return value != null && !(Array.isArray(value) && value.length === 0);\n}\n\n// Determine if field is empty or filled.\n// Response determines if label is presented above field or as placeholder.\n//\n// @param obj\n// @param SSR\n// @returns {boolean} False when not present or empty string.\n//                    True when any number or string with length.\nexport function isFilled(obj, SSR = false) {\n  return obj && (hasValue(obj.value) && obj.value !== '' || SSR && hasValue(obj.defaultValue) && obj.defaultValue !== '');\n}\n\n// Determine if an Input is adorned on start.\n// It's corresponding to the left with LTR.\n//\n// @param obj\n// @returns {boolean} False when no adornments.\n//                    True when adorned at the start.\nexport function isAdornedStart(obj) {\n  return obj.startAdornment;\n}","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getLinkUtilityClass(slot) {\n  return generateUtilityClass('MuiLink', slot);\n}\nconst linkClasses = generateUtilityClasses('MuiLink', ['root', 'underlineNone', 'underlineHover', 'underlineAlways', 'button', 'focusVisible']);\nexport default linkClasses;","import { getPath } from '@mui/system';\nimport { alpha } from '@mui/system/colorManipulator';\nexport const colorTransformations = {\n  primary: 'primary.main',\n  textPrimary: 'text.primary',\n  secondary: 'secondary.main',\n  textSecondary: 'text.secondary',\n  error: 'error.main'\n};\nconst transformDeprecatedColors = color => {\n  return colorTransformations[color] || color;\n};\nconst getTextDecoration = ({\n  theme,\n  ownerState\n}) => {\n  const transformedColor = transformDeprecatedColors(ownerState.color);\n  const color = getPath(theme, `palette.${transformedColor}`, false) || ownerState.color;\n  const channelColor = getPath(theme, `palette.${transformedColor}Channel`);\n  if ('vars' in theme && channelColor) {\n    return `rgba(${channelColor} / 0.4)`;\n  }\n  return alpha(color, 0.4);\n};\nexport default getTextDecoration;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"className\", \"color\", \"component\", \"onBlur\", \"onFocus\", \"TypographyClasses\", \"underline\", \"variant\", \"sx\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';\nimport composeClasses from '@mui/utils/composeClasses';\nimport capitalize from '../utils/capitalize';\nimport styled from '../styles/styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport useIsFocusVisible from '../utils/useIsFocusVisible';\nimport useForkRef from '../utils/useForkRef';\nimport Typography from '../Typography';\nimport linkClasses, { getLinkUtilityClass } from './linkClasses';\nimport getTextDecoration, { colorTransformations } from './getTextDecoration';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    component,\n    focusVisible,\n    underline\n  } = ownerState;\n  const slots = {\n    root: ['root', `underline${capitalize(underline)}`, component === 'button' && 'button', focusVisible && 'focusVisible']\n  };\n  return composeClasses(slots, getLinkUtilityClass, classes);\n};\nconst LinkRoot = styled(Typography, {\n  name: 'MuiLink',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, styles[`underline${capitalize(ownerState.underline)}`], ownerState.component === 'button' && styles.button];\n  }\n})(({\n  theme,\n  ownerState\n}) => {\n  return _extends({}, ownerState.underline === 'none' && {\n    textDecoration: 'none'\n  }, ownerState.underline === 'hover' && {\n    textDecoration: 'none',\n    '&:hover': {\n      textDecoration: 'underline'\n    }\n  }, ownerState.underline === 'always' && _extends({\n    textDecoration: 'underline'\n  }, ownerState.color !== 'inherit' && {\n    textDecorationColor: getTextDecoration({\n      theme,\n      ownerState\n    })\n  }, {\n    '&:hover': {\n      textDecorationColor: 'inherit'\n    }\n  }), ownerState.component === 'button' && {\n    position: 'relative',\n    WebkitTapHighlightColor: 'transparent',\n    backgroundColor: 'transparent',\n    // Reset default value\n    // We disable the focus ring for mouse, touch and keyboard users.\n    outline: 0,\n    border: 0,\n    margin: 0,\n    // Remove the margin in Safari\n    borderRadius: 0,\n    padding: 0,\n    // Remove the padding in Firefox\n    cursor: 'pointer',\n    userSelect: 'none',\n    verticalAlign: 'middle',\n    MozAppearance: 'none',\n    // Reset\n    WebkitAppearance: 'none',\n    // Reset\n    '&::-moz-focus-inner': {\n      borderStyle: 'none' // Remove Firefox dotted outline.\n    },\n    [`&.${linkClasses.focusVisible}`]: {\n      outline: 'auto'\n    }\n  });\n});\nconst Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiLink'\n  });\n  const {\n      className,\n      color = 'primary',\n      component = 'a',\n      onBlur,\n      onFocus,\n      TypographyClasses,\n      underline = 'always',\n      variant = 'inherit',\n      sx\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const {\n    isFocusVisibleRef,\n    onBlur: handleBlurVisible,\n    onFocus: handleFocusVisible,\n    ref: focusVisibleRef\n  } = useIsFocusVisible();\n  const [focusVisible, setFocusVisible] = React.useState(false);\n  const handlerRef = useForkRef(ref, focusVisibleRef);\n  const handleBlur = event => {\n    handleBlurVisible(event);\n    if (isFocusVisibleRef.current === false) {\n      setFocusVisible(false);\n    }\n    if (onBlur) {\n      onBlur(event);\n    }\n  };\n  const handleFocus = event => {\n    handleFocusVisible(event);\n    if (isFocusVisibleRef.current === true) {\n      setFocusVisible(true);\n    }\n    if (onFocus) {\n      onFocus(event);\n    }\n  };\n  const ownerState = _extends({}, props, {\n    color,\n    component,\n    focusVisible,\n    underline,\n    variant\n  });\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(LinkRoot, _extends({\n    color: color,\n    className: clsx(classes.root, className),\n    classes: TypographyClasses,\n    component: component,\n    onBlur: handleBlur,\n    onFocus: handleFocus,\n    ref: handlerRef,\n    ownerState: ownerState,\n    variant: variant,\n    sx: [...(!Object.keys(colorTransformations).includes(color) ? [{\n      color\n    }] : []), ...(Array.isArray(sx) ? sx : [sx])]\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? Link.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The color of the link.\n   * @default 'primary'\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.any,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: elementTypeAcceptingRef,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onFocus: PropTypes.func,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * `classes` prop applied to the [`Typography`](/material-ui/api/typography/) element.\n   */\n  TypographyClasses: PropTypes.object,\n  /**\n   * Controls when the link should have an underline.\n   * @default 'always'\n   */\n  underline: PropTypes.oneOf(['always', 'hover', 'none']),\n  /**\n   * Applies the theme typography styles.\n   * @default 'inherit'\n   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['body1', 'body2', 'button', 'caption', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'inherit', 'overline', 'subtitle1', 'subtitle2']), PropTypes.string])\n} : void 0;\nexport default Link;","'use client';\n\nimport * as React from 'react';\n\n/**\n * @ignore - internal component.\n */\nconst ListContext = /*#__PURE__*/React.createContext({});\nif (process.env.NODE_ENV !== 'production') {\n  ListContext.displayName = 'ListContext';\n}\nexport default ListContext;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getListUtilityClass(slot) {\n  return generateUtilityClass('MuiList', slot);\n}\nconst listClasses = generateUtilityClasses('MuiList', ['root', 'padding', 'dense', 'subheader']);\nexport default listClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"children\", \"className\", \"component\", \"dense\", \"disablePadding\", \"subheader\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport styled from '../styles/styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport ListContext from './ListContext';\nimport { getListUtilityClass } from './listClasses';\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    disablePadding,\n    dense,\n    subheader\n  } = ownerState;\n  const slots = {\n    root: ['root', !disablePadding && 'padding', dense && 'dense', subheader && 'subheader']\n  };\n  return composeClasses(slots, getListUtilityClass, classes);\n};\nconst ListRoot = styled('ul', {\n  name: 'MuiList',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, !ownerState.disablePadding && styles.padding, ownerState.dense && styles.dense, ownerState.subheader && styles.subheader];\n  }\n})(({\n  ownerState\n}) => _extends({\n  listStyle: 'none',\n  margin: 0,\n  padding: 0,\n  position: 'relative'\n}, !ownerState.disablePadding && {\n  paddingTop: 8,\n  paddingBottom: 8\n}, ownerState.subheader && {\n  paddingTop: 0\n}));\nconst List = /*#__PURE__*/React.forwardRef(function List(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiList'\n  });\n  const {\n      children,\n      className,\n      component = 'ul',\n      dense = false,\n      disablePadding = false,\n      subheader\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const context = React.useMemo(() => ({\n    dense\n  }), [dense]);\n  const ownerState = _extends({}, props, {\n    component,\n    dense,\n    disablePadding\n  });\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(ListContext.Provider, {\n    value: context,\n    children: /*#__PURE__*/_jsxs(ListRoot, _extends({\n      as: component,\n      className: clsx(classes.root, className),\n      ref: ref,\n      ownerState: ownerState\n    }, other, {\n      children: [subheader, children]\n    }))\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? List.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * If `true`, compact vertical padding designed for keyboard and mouse input is used for\n   * the list and list items.\n   * The prop is available to descendant components as the `dense` context.\n   * @default false\n   */\n  dense: PropTypes.bool,\n  /**\n   * If `true`, vertical padding is removed from the list.\n   * @default false\n   */\n  disablePadding: PropTypes.bool,\n  /**\n   * The content of the subheader, normally `ListSubheader`.\n   */\n  subheader: PropTypes.node,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default List;","import getScrollbarSize from '@mui/utils/getScrollbarSize';\nexport default getScrollbarSize;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"actions\", \"autoFocus\", \"autoFocusItem\", \"children\", \"className\", \"disabledItemsFocusable\", \"disableListWrap\", \"onKeyDown\", \"variant\"];\nimport * as React from 'react';\nimport { isFragment } from 'react-is';\nimport PropTypes from 'prop-types';\nimport ownerDocument from '../utils/ownerDocument';\nimport List from '../List';\nimport getScrollbarSize from '../utils/getScrollbarSize';\nimport useForkRef from '../utils/useForkRef';\nimport useEnhancedEffect from '../utils/useEnhancedEffect';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction nextItem(list, item, disableListWrap) {\n  if (list === item) {\n    return list.firstChild;\n  }\n  if (item && item.nextElementSibling) {\n    return item.nextElementSibling;\n  }\n  return disableListWrap ? null : list.firstChild;\n}\nfunction previousItem(list, item, disableListWrap) {\n  if (list === item) {\n    return disableListWrap ? list.firstChild : list.lastChild;\n  }\n  if (item && item.previousElementSibling) {\n    return item.previousElementSibling;\n  }\n  return disableListWrap ? null : list.lastChild;\n}\nfunction textCriteriaMatches(nextFocus, textCriteria) {\n  if (textCriteria === undefined) {\n    return true;\n  }\n  let text = nextFocus.innerText;\n  if (text === undefined) {\n    // jsdom doesn't support innerText\n    text = nextFocus.textContent;\n  }\n  text = text.trim().toLowerCase();\n  if (text.length === 0) {\n    return false;\n  }\n  if (textCriteria.repeating) {\n    return text[0] === textCriteria.keys[0];\n  }\n  return text.indexOf(textCriteria.keys.join('')) === 0;\n}\nfunction moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable, traversalFunction, textCriteria) {\n  let wrappedOnce = false;\n  let nextFocus = traversalFunction(list, currentFocus, currentFocus ? disableListWrap : false);\n  while (nextFocus) {\n    // Prevent infinite loop.\n    if (nextFocus === list.firstChild) {\n      if (wrappedOnce) {\n        return false;\n      }\n      wrappedOnce = true;\n    }\n\n    // Same logic as useAutocomplete.js\n    const nextFocusDisabled = disabledItemsFocusable ? false : nextFocus.disabled || nextFocus.getAttribute('aria-disabled') === 'true';\n    if (!nextFocus.hasAttribute('tabindex') || !textCriteriaMatches(nextFocus, textCriteria) || nextFocusDisabled) {\n      // Move to the next element.\n      nextFocus = traversalFunction(list, nextFocus, disableListWrap);\n    } else {\n      nextFocus.focus();\n      return true;\n    }\n  }\n  return false;\n}\n\n/**\n * A permanently displayed menu following https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/.\n * It's exposed to help customization of the [`Menu`](/material-ui/api/menu/) component if you\n * use it separately you need to move focus into the component manually. Once\n * the focus is placed inside the component it is fully keyboard accessible.\n */\nconst MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {\n  const {\n      // private\n      // eslint-disable-next-line react/prop-types\n      actions,\n      autoFocus = false,\n      autoFocusItem = false,\n      children,\n      className,\n      disabledItemsFocusable = false,\n      disableListWrap = false,\n      onKeyDown,\n      variant = 'selectedMenu'\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const listRef = React.useRef(null);\n  const textCriteriaRef = React.useRef({\n    keys: [],\n    repeating: true,\n    previousKeyMatched: true,\n    lastTime: null\n  });\n  useEnhancedEffect(() => {\n    if (autoFocus) {\n      listRef.current.focus();\n    }\n  }, [autoFocus]);\n  React.useImperativeHandle(actions, () => ({\n    adjustStyleForScrollbar: (containerElement, {\n      direction\n    }) => {\n      // Let's ignore that piece of logic if users are already overriding the width\n      // of the menu.\n      const noExplicitWidth = !listRef.current.style.width;\n      if (containerElement.clientHeight < listRef.current.clientHeight && noExplicitWidth) {\n        const scrollbarSize = `${getScrollbarSize(ownerDocument(containerElement))}px`;\n        listRef.current.style[direction === 'rtl' ? 'paddingLeft' : 'paddingRight'] = scrollbarSize;\n        listRef.current.style.width = `calc(100% + ${scrollbarSize})`;\n      }\n      return listRef.current;\n    }\n  }), []);\n  const handleKeyDown = event => {\n    const list = listRef.current;\n    const key = event.key;\n    /**\n     * @type {Element} - will always be defined since we are in a keydown handler\n     * attached to an element. A keydown event is either dispatched to the activeElement\n     * or document.body or document.documentElement. Only the first case will\n     * trigger this specific handler.\n     */\n    const currentFocus = ownerDocument(list).activeElement;\n    if (key === 'ArrowDown') {\n      // Prevent scroll of the page\n      event.preventDefault();\n      moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable, nextItem);\n    } else if (key === 'ArrowUp') {\n      event.preventDefault();\n      moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable, previousItem);\n    } else if (key === 'Home') {\n      event.preventDefault();\n      moveFocus(list, null, disableListWrap, disabledItemsFocusable, nextItem);\n    } else if (key === 'End') {\n      event.preventDefault();\n      moveFocus(list, null, disableListWrap, disabledItemsFocusable, previousItem);\n    } else if (key.length === 1) {\n      const criteria = textCriteriaRef.current;\n      const lowerKey = key.toLowerCase();\n      const currTime = performance.now();\n      if (criteria.keys.length > 0) {\n        // Reset\n        if (currTime - criteria.lastTime > 500) {\n          criteria.keys = [];\n          criteria.repeating = true;\n          criteria.previousKeyMatched = true;\n        } else if (criteria.repeating && lowerKey !== criteria.keys[0]) {\n          criteria.repeating = false;\n        }\n      }\n      criteria.lastTime = currTime;\n      criteria.keys.push(lowerKey);\n      const keepFocusOnCurrent = currentFocus && !criteria.repeating && textCriteriaMatches(currentFocus, criteria);\n      if (criteria.previousKeyMatched && (keepFocusOnCurrent || moveFocus(list, currentFocus, false, disabledItemsFocusable, nextItem, criteria))) {\n        event.preventDefault();\n      } else {\n        criteria.previousKeyMatched = false;\n      }\n    }\n    if (onKeyDown) {\n      onKeyDown(event);\n    }\n  };\n  const handleRef = useForkRef(listRef, ref);\n\n  /**\n   * the index of the item should receive focus\n   * in a `variant=\"selectedMenu\"` it's the first `selected` item\n   * otherwise it's the very first item.\n   */\n  let activeItemIndex = -1;\n  // since we inject focus related props into children we have to do a lookahead\n  // to check if there is a `selected` item. We're looking for the last `selected`\n  // item and use the first valid item as a fallback\n  React.Children.forEach(children, (child, index) => {\n    if (! /*#__PURE__*/React.isValidElement(child)) {\n      if (activeItemIndex === index) {\n        activeItemIndex += 1;\n        if (activeItemIndex >= children.length) {\n          // there are no focusable items within the list.\n          activeItemIndex = -1;\n        }\n      }\n      return;\n    }\n    if (process.env.NODE_ENV !== 'production') {\n      if (isFragment(child)) {\n        console.error([\"MUI: The Menu component doesn't accept a Fragment as a child.\", 'Consider providing an array instead.'].join('\\n'));\n      }\n    }\n    if (!child.props.disabled) {\n      if (variant === 'selectedMenu' && child.props.selected) {\n        activeItemIndex = index;\n      } else if (activeItemIndex === -1) {\n        activeItemIndex = index;\n      }\n    }\n    if (activeItemIndex === index && (child.props.disabled || child.props.muiSkipListHighlight || child.type.muiSkipListHighlight)) {\n      activeItemIndex += 1;\n      if (activeItemIndex >= children.length) {\n        // there are no focusable items within the list.\n        activeItemIndex = -1;\n      }\n    }\n  });\n  const items = React.Children.map(children, (child, index) => {\n    if (index === activeItemIndex) {\n      const newChildProps = {};\n      if (autoFocusItem) {\n        newChildProps.autoFocus = true;\n      }\n      if (child.props.tabIndex === undefined && variant === 'selectedMenu') {\n        newChildProps.tabIndex = 0;\n      }\n      return /*#__PURE__*/React.cloneElement(child, newChildProps);\n    }\n    return child;\n  });\n  return /*#__PURE__*/_jsx(List, _extends({\n    role: \"menu\",\n    ref: handleRef,\n    className: className,\n    onKeyDown: handleKeyDown,\n    tabIndex: autoFocus ? 0 : -1\n  }, other, {\n    children: items\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? MenuList.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * If `true`, will focus the `[role=\"menu\"]` container and move into tab order.\n   * @default false\n   */\n  autoFocus: PropTypes.bool,\n  /**\n   * If `true`, will focus the first menuitem if `variant=\"menu\"` or selected item\n   * if `variant=\"selectedMenu\"`.\n   * @default false\n   */\n  autoFocusItem: PropTypes.bool,\n  /**\n   * MenuList contents, normally `MenuItem`s.\n   */\n  children: PropTypes.node,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * If `true`, will allow focus on disabled items.\n   * @default false\n   */\n  disabledItemsFocusable: PropTypes.bool,\n  /**\n   * If `true`, the menu items will not wrap focus.\n   * @default false\n   */\n  disableListWrap: PropTypes.bool,\n  /**\n   * @ignore\n   */\n  onKeyDown: PropTypes.func,\n  /**\n   * The variant to use. Use `menu` to prevent selected items from impacting the initial focus\n   * and the vertical alignment relative to the anchor element.\n   * @default 'selectedMenu'\n   */\n  variant: PropTypes.oneOf(['menu', 'selectedMenu'])\n} : void 0;\nexport default MenuList;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getPopoverUtilityClass(slot) {\n  return generateUtilityClass('MuiPopover', slot);\n}\nconst popoverClasses = generateUtilityClasses('MuiPopover', ['root', 'paper']);\nexport default popoverClasses;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"onEntering\"],\n  _excluded2 = [\"action\", \"anchorEl\", \"anchorOrigin\", \"anchorPosition\", \"anchorReference\", \"children\", \"className\", \"container\", \"elevation\", \"marginThreshold\", \"open\", \"PaperProps\", \"slots\", \"slotProps\", \"transformOrigin\", \"TransitionComponent\", \"transitionDuration\", \"TransitionProps\", \"disableScrollLock\"],\n  _excluded3 = [\"slotProps\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport HTMLElementType from '@mui/utils/HTMLElementType';\nimport refType from '@mui/utils/refType';\nimport elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';\nimport integerPropType from '@mui/utils/integerPropType';\nimport chainPropTypes from '@mui/utils/chainPropTypes';\nimport useSlotProps from '@mui/utils/useSlotProps';\nimport isHostComponent from '@mui/utils/isHostComponent';\nimport styled from '../styles/styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport debounce from '../utils/debounce';\nimport ownerDocument from '../utils/ownerDocument';\nimport ownerWindow from '../utils/ownerWindow';\nimport useForkRef from '../utils/useForkRef';\nimport Grow from '../Grow';\nimport Modal from '../Modal';\nimport PaperBase from '../Paper';\nimport { getPopoverUtilityClass } from './popoverClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport function getOffsetTop(rect, vertical) {\n  let offset = 0;\n  if (typeof vertical === 'number') {\n    offset = vertical;\n  } else if (vertical === 'center') {\n    offset = rect.height / 2;\n  } else if (vertical === 'bottom') {\n    offset = rect.height;\n  }\n  return offset;\n}\nexport function getOffsetLeft(rect, horizontal) {\n  let offset = 0;\n  if (typeof horizontal === 'number') {\n    offset = horizontal;\n  } else if (horizontal === 'center') {\n    offset = rect.width / 2;\n  } else if (horizontal === 'right') {\n    offset = rect.width;\n  }\n  return offset;\n}\nfunction getTransformOriginValue(transformOrigin) {\n  return [transformOrigin.horizontal, transformOrigin.vertical].map(n => typeof n === 'number' ? `${n}px` : n).join(' ');\n}\nfunction resolveAnchorEl(anchorEl) {\n  return typeof anchorEl === 'function' ? anchorEl() : anchorEl;\n}\nconst useUtilityClasses = ownerState => {\n  const {\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root'],\n    paper: ['paper']\n  };\n  return composeClasses(slots, getPopoverUtilityClass, classes);\n};\nexport const PopoverRoot = styled(Modal, {\n  name: 'MuiPopover',\n  slot: 'Root',\n  overridesResolver: (props, styles) => styles.root\n})({});\nexport const PopoverPaper = styled(PaperBase, {\n  name: 'MuiPopover',\n  slot: 'Paper',\n  overridesResolver: (props, styles) => styles.paper\n})({\n  position: 'absolute',\n  overflowY: 'auto',\n  overflowX: 'hidden',\n  // So we see the popover when it's empty.\n  // It's most likely on issue on userland.\n  minWidth: 16,\n  minHeight: 16,\n  maxWidth: 'calc(100% - 32px)',\n  maxHeight: 'calc(100% - 32px)',\n  // We disable the focus ring for mouse, touch and keyboard users.\n  outline: 0\n});\nconst Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {\n  var _slotProps$paper, _slots$root, _slots$paper;\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiPopover'\n  });\n  const {\n      action,\n      anchorEl,\n      anchorOrigin = {\n        vertical: 'top',\n        horizontal: 'left'\n      },\n      anchorPosition,\n      anchorReference = 'anchorEl',\n      children,\n      className,\n      container: containerProp,\n      elevation = 8,\n      marginThreshold = 16,\n      open,\n      PaperProps: PaperPropsProp = {},\n      slots,\n      slotProps,\n      transformOrigin = {\n        vertical: 'top',\n        horizontal: 'left'\n      },\n      TransitionComponent = Grow,\n      transitionDuration: transitionDurationProp = 'auto',\n      TransitionProps: {\n        onEntering\n      } = {},\n      disableScrollLock = false\n    } = props,\n    TransitionProps = _objectWithoutPropertiesLoose(props.TransitionProps, _excluded),\n    other = _objectWithoutPropertiesLoose(props, _excluded2);\n  const externalPaperSlotProps = (_slotProps$paper = slotProps == null ? void 0 : slotProps.paper) != null ? _slotProps$paper : PaperPropsProp;\n  const paperRef = React.useRef();\n  const handlePaperRef = useForkRef(paperRef, externalPaperSlotProps.ref);\n  const ownerState = _extends({}, props, {\n    anchorOrigin,\n    anchorReference,\n    elevation,\n    marginThreshold,\n    externalPaperSlotProps,\n    transformOrigin,\n    TransitionComponent,\n    transitionDuration: transitionDurationProp,\n    TransitionProps\n  });\n  const classes = useUtilityClasses(ownerState);\n\n  // Returns the top/left offset of the position\n  // to attach to on the anchor element (or body if none is provided)\n  const getAnchorOffset = React.useCallback(() => {\n    if (anchorReference === 'anchorPosition') {\n      if (process.env.NODE_ENV !== 'production') {\n        if (!anchorPosition) {\n          console.error('MUI: You need to provide a `anchorPosition` prop when using ' + '<Popover anchorReference=\"anchorPosition\" />.');\n        }\n      }\n      return anchorPosition;\n    }\n    const resolvedAnchorEl = resolveAnchorEl(anchorEl);\n\n    // If an anchor element wasn't provided, just use the parent body element of this Popover\n    const anchorElement = resolvedAnchorEl && resolvedAnchorEl.nodeType === 1 ? resolvedAnchorEl : ownerDocument(paperRef.current).body;\n    const anchorRect = anchorElement.getBoundingClientRect();\n    if (process.env.NODE_ENV !== 'production') {\n      const box = anchorElement.getBoundingClientRect();\n      if (process.env.NODE_ENV !== 'test' && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {\n        console.warn(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', \"Make sure the element is present in the document or that it's not display none.\"].join('\\n'));\n      }\n    }\n    return {\n      top: anchorRect.top + getOffsetTop(anchorRect, anchorOrigin.vertical),\n      left: anchorRect.left + getOffsetLeft(anchorRect, anchorOrigin.horizontal)\n    };\n  }, [anchorEl, anchorOrigin.horizontal, anchorOrigin.vertical, anchorPosition, anchorReference]);\n\n  // Returns the base transform origin using the element\n  const getTransformOrigin = React.useCallback(elemRect => {\n    return {\n      vertical: getOffsetTop(elemRect, transformOrigin.vertical),\n      horizontal: getOffsetLeft(elemRect, transformOrigin.horizontal)\n    };\n  }, [transformOrigin.horizontal, transformOrigin.vertical]);\n  const getPositioningStyle = React.useCallback(element => {\n    const elemRect = {\n      width: element.offsetWidth,\n      height: element.offsetHeight\n    };\n\n    // Get the transform origin point on the element itself\n    const elemTransformOrigin = getTransformOrigin(elemRect);\n    if (anchorReference === 'none') {\n      return {\n        top: null,\n        left: null,\n        transformOrigin: getTransformOriginValue(elemTransformOrigin)\n      };\n    }\n\n    // Get the offset of the anchoring element\n    const anchorOffset = getAnchorOffset();\n\n    // Calculate element positioning\n    let top = anchorOffset.top - elemTransformOrigin.vertical;\n    let left = anchorOffset.left - elemTransformOrigin.horizontal;\n    const bottom = top + elemRect.height;\n    const right = left + elemRect.width;\n\n    // Use the parent window of the anchorEl if provided\n    const containerWindow = ownerWindow(resolveAnchorEl(anchorEl));\n\n    // Window thresholds taking required margin into account\n    const heightThreshold = containerWindow.innerHeight - marginThreshold;\n    const widthThreshold = containerWindow.innerWidth - marginThreshold;\n\n    // Check if the vertical axis needs shifting\n    if (marginThreshold !== null && top < marginThreshold) {\n      const diff = top - marginThreshold;\n      top -= diff;\n      elemTransformOrigin.vertical += diff;\n    } else if (marginThreshold !== null && bottom > heightThreshold) {\n      const diff = bottom - heightThreshold;\n      top -= diff;\n      elemTransformOrigin.vertical += diff;\n    }\n    if (process.env.NODE_ENV !== 'production') {\n      if (elemRect.height > heightThreshold && elemRect.height && heightThreshold) {\n        console.error(['MUI: The popover component is too tall.', `Some part of it can not be seen on the screen (${elemRect.height - heightThreshold}px).`, 'Please consider adding a `max-height` to improve the user-experience.'].join('\\n'));\n      }\n    }\n\n    // Check if the horizontal axis needs shifting\n    if (marginThreshold !== null && left < marginThreshold) {\n      const diff = left - marginThreshold;\n      left -= diff;\n      elemTransformOrigin.horizontal += diff;\n    } else if (right > widthThreshold) {\n      const diff = right - widthThreshold;\n      left -= diff;\n      elemTransformOrigin.horizontal += diff;\n    }\n    return {\n      top: `${Math.round(top)}px`,\n      left: `${Math.round(left)}px`,\n      transformOrigin: getTransformOriginValue(elemTransformOrigin)\n    };\n  }, [anchorEl, anchorReference, getAnchorOffset, getTransformOrigin, marginThreshold]);\n  const [isPositioned, setIsPositioned] = React.useState(open);\n  const setPositioningStyles = React.useCallback(() => {\n    const element = paperRef.current;\n    if (!element) {\n      return;\n    }\n    const positioning = getPositioningStyle(element);\n    if (positioning.top !== null) {\n      element.style.top = positioning.top;\n    }\n    if (positioning.left !== null) {\n      element.style.left = positioning.left;\n    }\n    element.style.transformOrigin = positioning.transformOrigin;\n    setIsPositioned(true);\n  }, [getPositioningStyle]);\n  React.useEffect(() => {\n    if (disableScrollLock) {\n      window.addEventListener('scroll', setPositioningStyles);\n    }\n    return () => window.removeEventListener('scroll', setPositioningStyles);\n  }, [anchorEl, disableScrollLock, setPositioningStyles]);\n  const handleEntering = (element, isAppearing) => {\n    if (onEntering) {\n      onEntering(element, isAppearing);\n    }\n    setPositioningStyles();\n  };\n  const handleExited = () => {\n    setIsPositioned(false);\n  };\n  React.useEffect(() => {\n    if (open) {\n      setPositioningStyles();\n    }\n  });\n  React.useImperativeHandle(action, () => open ? {\n    updatePosition: () => {\n      setPositioningStyles();\n    }\n  } : null, [open, setPositioningStyles]);\n  React.useEffect(() => {\n    if (!open) {\n      return undefined;\n    }\n    const handleResize = debounce(() => {\n      setPositioningStyles();\n    });\n    const containerWindow = ownerWindow(anchorEl);\n    containerWindow.addEventListener('resize', handleResize);\n    return () => {\n      handleResize.clear();\n      containerWindow.removeEventListener('resize', handleResize);\n    };\n  }, [anchorEl, open, setPositioningStyles]);\n  let transitionDuration = transitionDurationProp;\n  if (transitionDurationProp === 'auto' && !TransitionComponent.muiSupportAuto) {\n    transitionDuration = undefined;\n  }\n\n  // If the container prop is provided, use that\n  // If the anchorEl prop is provided, use its parent body element as the container\n  // If neither are provided let the Modal take care of choosing the container\n  const container = containerProp || (anchorEl ? ownerDocument(resolveAnchorEl(anchorEl)).body : undefined);\n  const RootSlot = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : PopoverRoot;\n  const PaperSlot = (_slots$paper = slots == null ? void 0 : slots.paper) != null ? _slots$paper : PopoverPaper;\n  const paperProps = useSlotProps({\n    elementType: PaperSlot,\n    externalSlotProps: _extends({}, externalPaperSlotProps, {\n      style: isPositioned ? externalPaperSlotProps.style : _extends({}, externalPaperSlotProps.style, {\n        opacity: 0\n      })\n    }),\n    additionalProps: {\n      elevation,\n      ref: handlePaperRef\n    },\n    ownerState,\n    className: clsx(classes.paper, externalPaperSlotProps == null ? void 0 : externalPaperSlotProps.className)\n  });\n  const _useSlotProps = useSlotProps({\n      elementType: RootSlot,\n      externalSlotProps: (slotProps == null ? void 0 : slotProps.root) || {},\n      externalForwardedProps: other,\n      additionalProps: {\n        ref,\n        slotProps: {\n          backdrop: {\n            invisible: true\n          }\n        },\n        container,\n        open\n      },\n      ownerState,\n      className: clsx(classes.root, className)\n    }),\n    {\n      slotProps: rootSlotPropsProp\n    } = _useSlotProps,\n    rootProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded3);\n  return /*#__PURE__*/_jsx(RootSlot, _extends({}, rootProps, !isHostComponent(RootSlot) && {\n    slotProps: rootSlotPropsProp,\n    disableScrollLock\n  }, {\n    children: /*#__PURE__*/_jsx(TransitionComponent, _extends({\n      appear: true,\n      in: open,\n      onEntering: handleEntering,\n      onExited: handleExited,\n      timeout: transitionDuration\n    }, TransitionProps, {\n      children: /*#__PURE__*/_jsx(PaperSlot, _extends({}, paperProps, {\n        children: children\n      }))\n    }))\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Popover.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * A ref for imperative actions.\n   * It currently only supports updatePosition() action.\n   */\n  action: refType,\n  /**\n   * An HTML element, [PopoverVirtualElement](/material-ui/react-popover/#virtual-element),\n   * or a function that returns either.\n   * It's used to set the position of the popover.\n   */\n  anchorEl: chainPropTypes(PropTypes.oneOfType([HTMLElementType, PropTypes.func]), props => {\n    if (props.open && (!props.anchorReference || props.anchorReference === 'anchorEl')) {\n      const resolvedAnchorEl = resolveAnchorEl(props.anchorEl);\n      if (resolvedAnchorEl && resolvedAnchorEl.nodeType === 1) {\n        const box = resolvedAnchorEl.getBoundingClientRect();\n        if (process.env.NODE_ENV !== 'test' && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {\n          return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', \"Make sure the element is present in the document or that it's not display none.\"].join('\\n'));\n        }\n      } else {\n        return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', `It should be an Element or PopoverVirtualElement instance but it's \\`${resolvedAnchorEl}\\` instead.`].join('\\n'));\n      }\n    }\n    return null;\n  }),\n  /**\n   * This is the point on the anchor where the popover's\n   * `anchorEl` will attach to. This is not used when the\n   * anchorReference is 'anchorPosition'.\n   *\n   * Options:\n   * vertical: [top, center, bottom];\n   * horizontal: [left, center, right].\n   * @default {\n   *   vertical: 'top',\n   *   horizontal: 'left',\n   * }\n   */\n  anchorOrigin: PropTypes.shape({\n    horizontal: PropTypes.oneOfType([PropTypes.oneOf(['center', 'left', 'right']), PropTypes.number]).isRequired,\n    vertical: PropTypes.oneOfType([PropTypes.oneOf(['bottom', 'center', 'top']), PropTypes.number]).isRequired\n  }),\n  /**\n   * This is the position that may be used to set the position of the popover.\n   * The coordinates are relative to the application's client area.\n   */\n  anchorPosition: PropTypes.shape({\n    left: PropTypes.number.isRequired,\n    top: PropTypes.number.isRequired\n  }),\n  /**\n   * This determines which anchor prop to refer to when setting\n   * the position of the popover.\n   * @default 'anchorEl'\n   */\n  anchorReference: PropTypes.oneOf(['anchorEl', 'anchorPosition', 'none']),\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * An HTML element, component instance, or function that returns either.\n   * The `container` will passed to the Modal component.\n   *\n   * By default, it uses the body of the anchorEl's top-level document object,\n   * so it's simply `document.body` most of the time.\n   */\n  container: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([HTMLElementType, PropTypes.func]),\n  /**\n   * Disable the scroll lock behavior.\n   * @default false\n   */\n  disableScrollLock: PropTypes.bool,\n  /**\n   * The elevation of the popover.\n   * @default 8\n   */\n  elevation: integerPropType,\n  /**\n   * Specifies how close to the edge of the window the popover can appear.\n   * If null, the popover will not be constrained by the window.\n   * @default 16\n   */\n  marginThreshold: PropTypes.number,\n  /**\n   * Callback fired when the component requests to be closed.\n   * The `reason` parameter can optionally be used to control the response to `onClose`.\n   */\n  onClose: PropTypes.func,\n  /**\n   * If `true`, the component is shown.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Props applied to the [`Paper`](/material-ui/api/paper/) element.\n   *\n   * This prop is an alias for `slotProps.paper` and will be overriden by it if both are used.\n   * @deprecated Use `slotProps.paper` instead.\n   *\n   * @default {}\n   */\n  PaperProps: PropTypes /* @typescript-to-proptypes-ignore */.shape({\n    component: elementTypeAcceptingRef\n  }),\n  /**\n   * The extra props for the slot components.\n   * You can override the existing props or add new ones.\n   *\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    paper: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])\n  }),\n  /**\n   * The components used for each slot inside.\n   *\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    paper: PropTypes.elementType,\n    root: PropTypes.elementType\n  }),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * This is the point on the popover which\n   * will attach to the anchor's origin.\n   *\n   * Options:\n   * vertical: [top, center, bottom, x(px)];\n   * horizontal: [left, center, right, x(px)].\n   * @default {\n   *   vertical: 'top',\n   *   horizontal: 'left',\n   * }\n   */\n  transformOrigin: PropTypes.shape({\n    horizontal: PropTypes.oneOfType([PropTypes.oneOf(['center', 'left', 'right']), PropTypes.number]).isRequired,\n    vertical: PropTypes.oneOfType([PropTypes.oneOf(['bottom', 'center', 'top']), PropTypes.number]).isRequired\n  }),\n  /**\n   * The component used for the transition.\n   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.\n   * @default Grow\n   */\n  TransitionComponent: PropTypes.elementType,\n  /**\n   * Set to 'auto' to automatically calculate transition time based on height.\n   * @default 'auto'\n   */\n  transitionDuration: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.shape({\n    appear: PropTypes.number,\n    enter: PropTypes.number,\n    exit: PropTypes.number\n  })]),\n  /**\n   * Props applied to the transition element.\n   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.\n   * @default {}\n   */\n  TransitionProps: PropTypes.object\n} : void 0;\nexport default Popover;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getMenuUtilityClass(slot) {\n  return generateUtilityClass('MuiMenu', slot);\n}\nconst menuClasses = generateUtilityClasses('MuiMenu', ['root', 'paper', 'list']);\nexport default menuClasses;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"onEntering\"],\n  _excluded2 = [\"autoFocus\", \"children\", \"className\", \"disableAutoFocusItem\", \"MenuListProps\", \"onClose\", \"open\", \"PaperProps\", \"PopoverClasses\", \"transitionDuration\", \"TransitionProps\", \"variant\", \"slots\", \"slotProps\"];\nimport * as React from 'react';\nimport { isFragment } from 'react-is';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport HTMLElementType from '@mui/utils/HTMLElementType';\nimport { useRtl } from '@mui/system/RtlProvider';\nimport useSlotProps from '@mui/utils/useSlotProps';\nimport MenuList from '../MenuList';\nimport Popover, { PopoverPaper } from '../Popover';\nimport styled, { rootShouldForwardProp } from '../styles/styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport { getMenuUtilityClass } from './menuClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst RTL_ORIGIN = {\n  vertical: 'top',\n  horizontal: 'right'\n};\nconst LTR_ORIGIN = {\n  vertical: 'top',\n  horizontal: 'left'\n};\nconst useUtilityClasses = ownerState => {\n  const {\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root'],\n    paper: ['paper'],\n    list: ['list']\n  };\n  return composeClasses(slots, getMenuUtilityClass, classes);\n};\nconst MenuRoot = styled(Popover, {\n  shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',\n  name: 'MuiMenu',\n  slot: 'Root',\n  overridesResolver: (props, styles) => styles.root\n})({});\nexport const MenuPaper = styled(PopoverPaper, {\n  name: 'MuiMenu',\n  slot: 'Paper',\n  overridesResolver: (props, styles) => styles.paper\n})({\n  // specZ: The maximum height of a simple menu should be one or more rows less than the view\n  // height. This ensures a tappable area outside of the simple menu with which to dismiss\n  // the menu.\n  maxHeight: 'calc(100% - 96px)',\n  // Add iOS momentum scrolling for iOS < 13.0\n  WebkitOverflowScrolling: 'touch'\n});\nconst MenuMenuList = styled(MenuList, {\n  name: 'MuiMenu',\n  slot: 'List',\n  overridesResolver: (props, styles) => styles.list\n})({\n  // We disable the focus ring for mouse, touch and keyboard users.\n  outline: 0\n});\nconst Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {\n  var _slots$paper, _slotProps$paper;\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiMenu'\n  });\n  const {\n      autoFocus = true,\n      children,\n      className,\n      disableAutoFocusItem = false,\n      MenuListProps = {},\n      onClose,\n      open,\n      PaperProps = {},\n      PopoverClasses,\n      transitionDuration = 'auto',\n      TransitionProps: {\n        onEntering\n      } = {},\n      variant = 'selectedMenu',\n      slots = {},\n      slotProps = {}\n    } = props,\n    TransitionProps = _objectWithoutPropertiesLoose(props.TransitionProps, _excluded),\n    other = _objectWithoutPropertiesLoose(props, _excluded2);\n  const isRtl = useRtl();\n  const ownerState = _extends({}, props, {\n    autoFocus,\n    disableAutoFocusItem,\n    MenuListProps,\n    onEntering,\n    PaperProps,\n    transitionDuration,\n    TransitionProps,\n    variant\n  });\n  const classes = useUtilityClasses(ownerState);\n  const autoFocusItem = autoFocus && !disableAutoFocusItem && open;\n  const menuListActionsRef = React.useRef(null);\n  const handleEntering = (element, isAppearing) => {\n    if (menuListActionsRef.current) {\n      menuListActionsRef.current.adjustStyleForScrollbar(element, {\n        direction: isRtl ? 'rtl' : 'ltr'\n      });\n    }\n    if (onEntering) {\n      onEntering(element, isAppearing);\n    }\n  };\n  const handleListKeyDown = event => {\n    if (event.key === 'Tab') {\n      event.preventDefault();\n      if (onClose) {\n        onClose(event, 'tabKeyDown');\n      }\n    }\n  };\n\n  /**\n   * the index of the item should receive focus\n   * in a `variant=\"selectedMenu\"` it's the first `selected` item\n   * otherwise it's the very first item.\n   */\n  let activeItemIndex = -1;\n  // since we inject focus related props into children we have to do a lookahead\n  // to check if there is a `selected` item. We're looking for the last `selected`\n  // item and use the first valid item as a fallback\n  React.Children.map(children, (child, index) => {\n    if (! /*#__PURE__*/React.isValidElement(child)) {\n      return;\n    }\n    if (process.env.NODE_ENV !== 'production') {\n      if (isFragment(child)) {\n        console.error([\"MUI: The Menu component doesn't accept a Fragment as a child.\", 'Consider providing an array instead.'].join('\\n'));\n      }\n    }\n    if (!child.props.disabled) {\n      if (variant === 'selectedMenu' && child.props.selected) {\n        activeItemIndex = index;\n      } else if (activeItemIndex === -1) {\n        activeItemIndex = index;\n      }\n    }\n  });\n  const PaperSlot = (_slots$paper = slots.paper) != null ? _slots$paper : MenuPaper;\n  const paperExternalSlotProps = (_slotProps$paper = slotProps.paper) != null ? _slotProps$paper : PaperProps;\n  const rootSlotProps = useSlotProps({\n    elementType: slots.root,\n    externalSlotProps: slotProps.root,\n    ownerState,\n    className: [classes.root, className]\n  });\n  const paperSlotProps = useSlotProps({\n    elementType: PaperSlot,\n    externalSlotProps: paperExternalSlotProps,\n    ownerState,\n    className: classes.paper\n  });\n  return /*#__PURE__*/_jsx(MenuRoot, _extends({\n    onClose: onClose,\n    anchorOrigin: {\n      vertical: 'bottom',\n      horizontal: isRtl ? 'right' : 'left'\n    },\n    transformOrigin: isRtl ? RTL_ORIGIN : LTR_ORIGIN,\n    slots: {\n      paper: PaperSlot,\n      root: slots.root\n    },\n    slotProps: {\n      root: rootSlotProps,\n      paper: paperSlotProps\n    },\n    open: open,\n    ref: ref,\n    transitionDuration: transitionDuration,\n    TransitionProps: _extends({\n      onEntering: handleEntering\n    }, TransitionProps),\n    ownerState: ownerState\n  }, other, {\n    classes: PopoverClasses,\n    children: /*#__PURE__*/_jsx(MenuMenuList, _extends({\n      onKeyDown: handleListKeyDown,\n      actions: menuListActionsRef,\n      autoFocus: autoFocus && (activeItemIndex === -1 || disableAutoFocusItem),\n      autoFocusItem: autoFocusItem,\n      variant: variant\n    }, MenuListProps, {\n      className: clsx(classes.list, MenuListProps.className),\n      children: children\n    }))\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Menu.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * An HTML element, or a function that returns one.\n   * It's used to set the position of the menu.\n   */\n  anchorEl: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([HTMLElementType, PropTypes.func]),\n  /**\n   * If `true` (Default) will focus the `[role=\"menu\"]` if no focusable child is found. Disabled\n   * children are not focusable. If you set this prop to `false` focus will be placed\n   * on the parent modal container. This has severe accessibility implications\n   * and should only be considered if you manage focus otherwise.\n   * @default true\n   */\n  autoFocus: PropTypes.bool,\n  /**\n   * Menu contents, normally `MenuItem`s.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * When opening the menu will not focus the active item but the `[role=\"menu\"]`\n   * unless `autoFocus` is also set to `false`. Not using the default means not\n   * following WAI-ARIA authoring practices. Please be considerate about possible\n   * accessibility implications.\n   * @default false\n   */\n  disableAutoFocusItem: PropTypes.bool,\n  /**\n   * Props applied to the [`MenuList`](/material-ui/api/menu-list/) element.\n   * @default {}\n   */\n  MenuListProps: PropTypes.object,\n  /**\n   * Callback fired when the component requests to be closed.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {string} reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`, `\"tabKeyDown\"`.\n   */\n  onClose: PropTypes.func,\n  /**\n   * If `true`, the component is shown.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * @ignore\n   */\n  PaperProps: PropTypes.object,\n  /**\n   * `classes` prop applied to the [`Popover`](/material-ui/api/popover/) element.\n   */\n  PopoverClasses: PropTypes.object,\n  /**\n   * The extra props for the slot components.\n   * You can override the existing props or add new ones.\n   *\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    paper: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])\n  }),\n  /**\n   * The components used for each slot inside.\n   *\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    paper: PropTypes.elementType,\n    root: PropTypes.elementType\n  }),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The length of the transition in `ms`, or 'auto'\n   * @default 'auto'\n   */\n  transitionDuration: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.shape({\n    appear: PropTypes.number,\n    enter: PropTypes.number,\n    exit: PropTypes.number\n  })]),\n  /**\n   * Props applied to the transition element.\n   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.\n   * @default {}\n   */\n  TransitionProps: PropTypes.object,\n  /**\n   * The variant to use. Use `menu` to prevent selected items from impacting the initial focus.\n   * @default 'selectedMenu'\n   */\n  variant: PropTypes.oneOf(['menu', 'selectedMenu'])\n} : void 0;\nexport default Menu;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getListItemIconUtilityClass(slot) {\n  return generateUtilityClass('MuiListItemIcon', slot);\n}\nconst listItemIconClasses = generateUtilityClasses('MuiListItemIcon', ['root', 'alignItemsFlexStart']);\nexport default listItemIconClasses;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getListItemTextUtilityClass(slot) {\n  return generateUtilityClass('MuiListItemText', slot);\n}\nconst listItemTextClasses = generateUtilityClasses('MuiListItemText', ['root', 'multiline', 'dense', 'inset', 'primary', 'secondary']);\nexport default listItemTextClasses;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getMenuItemUtilityClass(slot) {\n  return generateUtilityClass('MuiMenuItem', slot);\n}\nconst menuItemClasses = generateUtilityClasses('MuiMenuItem', ['root', 'focusVisible', 'dense', 'disabled', 'divider', 'gutters', 'selected']);\nexport default menuItemClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"autoFocus\", \"component\", \"dense\", \"divider\", \"disableGutters\", \"focusVisibleClassName\", \"role\", \"tabIndex\", \"className\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { alpha } from '@mui/system/colorManipulator';\nimport styled, { rootShouldForwardProp } from '../styles/styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport ListContext from '../List/ListContext';\nimport ButtonBase from '../ButtonBase';\nimport useEnhancedEffect from '../utils/useEnhancedEffect';\nimport useForkRef from '../utils/useForkRef';\nimport { dividerClasses } from '../Divider';\nimport { listItemIconClasses } from '../ListItemIcon';\nimport { listItemTextClasses } from '../ListItemText';\nimport menuItemClasses, { getMenuItemUtilityClass } from './menuItemClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const overridesResolver = (props, styles) => {\n  const {\n    ownerState\n  } = props;\n  return [styles.root, ownerState.dense && styles.dense, ownerState.divider && styles.divider, !ownerState.disableGutters && styles.gutters];\n};\nconst useUtilityClasses = ownerState => {\n  const {\n    disabled,\n    dense,\n    divider,\n    disableGutters,\n    selected,\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root', dense && 'dense', disabled && 'disabled', !disableGutters && 'gutters', divider && 'divider', selected && 'selected']\n  };\n  const composedClasses = composeClasses(slots, getMenuItemUtilityClass, classes);\n  return _extends({}, classes, composedClasses);\n};\nconst MenuItemRoot = styled(ButtonBase, {\n  shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',\n  name: 'MuiMenuItem',\n  slot: 'Root',\n  overridesResolver\n})(({\n  theme,\n  ownerState\n}) => _extends({}, theme.typography.body1, {\n  display: 'flex',\n  justifyContent: 'flex-start',\n  alignItems: 'center',\n  position: 'relative',\n  textDecoration: 'none',\n  minHeight: 48,\n  paddingTop: 6,\n  paddingBottom: 6,\n  boxSizing: 'border-box',\n  whiteSpace: 'nowrap'\n}, !ownerState.disableGutters && {\n  paddingLeft: 16,\n  paddingRight: 16\n}, ownerState.divider && {\n  borderBottom: `1px solid ${(theme.vars || theme).palette.divider}`,\n  backgroundClip: 'padding-box'\n}, {\n  '&:hover': {\n    textDecoration: 'none',\n    backgroundColor: (theme.vars || theme).palette.action.hover,\n    // Reset on touch devices, it doesn't add specificity\n    '@media (hover: none)': {\n      backgroundColor: 'transparent'\n    }\n  },\n  [`&.${menuItemClasses.selected}`]: {\n    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),\n    [`&.${menuItemClasses.focusVisible}`]: {\n      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.focusOpacity}))` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)\n    }\n  },\n  [`&.${menuItemClasses.selected}:hover`]: {\n    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity),\n    // Reset on touch devices, it doesn't add specificity\n    '@media (hover: none)': {\n      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity)\n    }\n  },\n  [`&.${menuItemClasses.focusVisible}`]: {\n    backgroundColor: (theme.vars || theme).palette.action.focus\n  },\n  [`&.${menuItemClasses.disabled}`]: {\n    opacity: (theme.vars || theme).palette.action.disabledOpacity\n  },\n  [`& + .${dividerClasses.root}`]: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  },\n  [`& + .${dividerClasses.inset}`]: {\n    marginLeft: 52\n  },\n  [`& .${listItemTextClasses.root}`]: {\n    marginTop: 0,\n    marginBottom: 0\n  },\n  [`& .${listItemTextClasses.inset}`]: {\n    paddingLeft: 36\n  },\n  [`& .${listItemIconClasses.root}`]: {\n    minWidth: 36\n  }\n}, !ownerState.dense && {\n  [theme.breakpoints.up('sm')]: {\n    minHeight: 'auto'\n  }\n}, ownerState.dense && _extends({\n  minHeight: 32,\n  // https://m2.material.io/components/menus#specs > Dense\n  paddingTop: 4,\n  paddingBottom: 4\n}, theme.typography.body2, {\n  [`& .${listItemIconClasses.root} svg`]: {\n    fontSize: '1.25rem'\n  }\n})));\nconst MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiMenuItem'\n  });\n  const {\n      autoFocus = false,\n      component = 'li',\n      dense = false,\n      divider = false,\n      disableGutters = false,\n      focusVisibleClassName,\n      role = 'menuitem',\n      tabIndex: tabIndexProp,\n      className\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const context = React.useContext(ListContext);\n  const childContext = React.useMemo(() => ({\n    dense: dense || context.dense || false,\n    disableGutters\n  }), [context.dense, dense, disableGutters]);\n  const menuItemRef = React.useRef(null);\n  useEnhancedEffect(() => {\n    if (autoFocus) {\n      if (menuItemRef.current) {\n        menuItemRef.current.focus();\n      } else if (process.env.NODE_ENV !== 'production') {\n        console.error('MUI: Unable to set focus to a MenuItem whose component has not been rendered.');\n      }\n    }\n  }, [autoFocus]);\n  const ownerState = _extends({}, props, {\n    dense: childContext.dense,\n    divider,\n    disableGutters\n  });\n  const classes = useUtilityClasses(props);\n  const handleRef = useForkRef(menuItemRef, ref);\n  let tabIndex;\n  if (!props.disabled) {\n    tabIndex = tabIndexProp !== undefined ? tabIndexProp : -1;\n  }\n  return /*#__PURE__*/_jsx(ListContext.Provider, {\n    value: childContext,\n    children: /*#__PURE__*/_jsx(MenuItemRoot, _extends({\n      ref: handleRef,\n      role: role,\n      tabIndex: tabIndex,\n      component: component,\n      focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName),\n      className: clsx(classes.root, className)\n    }, other, {\n      ownerState: ownerState,\n      classes: classes\n    }))\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? MenuItem.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * If `true`, the list item is focused during the first mount.\n   * Focus will also be triggered if the value changes from false to true.\n   * @default false\n   */\n  autoFocus: PropTypes.bool,\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * If `true`, compact vertical padding designed for keyboard and mouse input is used.\n   * The prop defaults to the value inherited from the parent Menu component.\n   * @default false\n   */\n  dense: PropTypes.bool,\n  /**\n   * @ignore\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the left and right padding is removed.\n   * @default false\n   */\n  disableGutters: PropTypes.bool,\n  /**\n   * If `true`, a 1px light border is added to the bottom of the menu item.\n   * @default false\n   */\n  divider: PropTypes.bool,\n  /**\n   * This prop can help identify which element has keyboard focus.\n   * The class name will be applied when the element gains the focus through keyboard interaction.\n   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\n   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\n   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\n   * if needed.\n   */\n  focusVisibleClassName: PropTypes.string,\n  /**\n   * @ignore\n   */\n  role: PropTypes /* @typescript-to-proptypes-ignore */.string,\n  /**\n   * If `true`, the component is selected.\n   * @default false\n   */\n  selected: PropTypes.bool,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * @default 0\n   */\n  tabIndex: PropTypes.number\n} : void 0;\nexport default MenuItem;","'use client';\n\n/* eslint-disable consistent-return, jsx-a11y/no-noninteractive-tabindex */\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { exactProp, elementAcceptingRef, unstable_useForkRef as useForkRef, unstable_ownerDocument as ownerDocument } from '@mui/utils';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\n// Inspired by https://github.com/focus-trap/tabbable\nconst candidatesSelector = ['input', 'select', 'textarea', 'a[href]', 'button', '[tabindex]', 'audio[controls]', 'video[controls]', '[contenteditable]:not([contenteditable=\"false\"])'].join(',');\nfunction getTabIndex(node) {\n  const tabindexAttr = parseInt(node.getAttribute('tabindex') || '', 10);\n  if (!Number.isNaN(tabindexAttr)) {\n    return tabindexAttr;\n  }\n\n  // Browsers do not return `tabIndex` correctly for contentEditable nodes;\n  // https://bugs.chromium.org/p/chromium/issues/detail?id=661108&q=contenteditable%20tabindex&can=2\n  // so if they don't have a tabindex attribute specifically set, assume it's 0.\n  // in Chrome, <details/>, <audio controls/> and <video controls/> elements get a default\n  //  `tabIndex` of -1 when the 'tabindex' attribute isn't specified in the DOM,\n  //  yet they are still part of the regular tab order; in FF, they get a default\n  //  `tabIndex` of 0; since Chrome still puts those elements in the regular tab\n  //  order, consider their tab index to be 0.\n  if (node.contentEditable === 'true' || (node.nodeName === 'AUDIO' || node.nodeName === 'VIDEO' || node.nodeName === 'DETAILS') && node.getAttribute('tabindex') === null) {\n    return 0;\n  }\n  return node.tabIndex;\n}\nfunction isNonTabbableRadio(node) {\n  if (node.tagName !== 'INPUT' || node.type !== 'radio') {\n    return false;\n  }\n  if (!node.name) {\n    return false;\n  }\n  const getRadio = selector => node.ownerDocument.querySelector(`input[type=\"radio\"]${selector}`);\n  let roving = getRadio(`[name=\"${node.name}\"]:checked`);\n  if (!roving) {\n    roving = getRadio(`[name=\"${node.name}\"]`);\n  }\n  return roving !== node;\n}\nfunction isNodeMatchingSelectorFocusable(node) {\n  if (node.disabled || node.tagName === 'INPUT' && node.type === 'hidden' || isNonTabbableRadio(node)) {\n    return false;\n  }\n  return true;\n}\nfunction defaultGetTabbable(root) {\n  const regularTabNodes = [];\n  const orderedTabNodes = [];\n  Array.from(root.querySelectorAll(candidatesSelector)).forEach((node, i) => {\n    const nodeTabIndex = getTabIndex(node);\n    if (nodeTabIndex === -1 || !isNodeMatchingSelectorFocusable(node)) {\n      return;\n    }\n    if (nodeTabIndex === 0) {\n      regularTabNodes.push(node);\n    } else {\n      orderedTabNodes.push({\n        documentOrder: i,\n        tabIndex: nodeTabIndex,\n        node: node\n      });\n    }\n  });\n  return orderedTabNodes.sort((a, b) => a.tabIndex === b.tabIndex ? a.documentOrder - b.documentOrder : a.tabIndex - b.tabIndex).map(a => a.node).concat(regularTabNodes);\n}\nfunction defaultIsEnabled() {\n  return true;\n}\n\n/**\n * @ignore - internal component.\n */\nfunction FocusTrap(props) {\n  const {\n    children,\n    disableAutoFocus = false,\n    disableEnforceFocus = false,\n    disableRestoreFocus = false,\n    getTabbable = defaultGetTabbable,\n    isEnabled = defaultIsEnabled,\n    open\n  } = props;\n  const ignoreNextEnforceFocus = React.useRef(false);\n  const sentinelStart = React.useRef(null);\n  const sentinelEnd = React.useRef(null);\n  const nodeToRestore = React.useRef(null);\n  const reactFocusEventTarget = React.useRef(null);\n  // This variable is useful when disableAutoFocus is true.\n  // It waits for the active element to move into the component to activate.\n  const activated = React.useRef(false);\n  const rootRef = React.useRef(null);\n  // @ts-expect-error TODO upstream fix\n  const handleRef = useForkRef(children.ref, rootRef);\n  const lastKeydown = React.useRef(null);\n  React.useEffect(() => {\n    // We might render an empty child.\n    if (!open || !rootRef.current) {\n      return;\n    }\n    activated.current = !disableAutoFocus;\n  }, [disableAutoFocus, open]);\n  React.useEffect(() => {\n    // We might render an empty child.\n    if (!open || !rootRef.current) {\n      return;\n    }\n    const doc = ownerDocument(rootRef.current);\n    if (!rootRef.current.contains(doc.activeElement)) {\n      if (!rootRef.current.hasAttribute('tabIndex')) {\n        if (process.env.NODE_ENV !== 'production') {\n          console.error(['MUI: The modal content node does not accept focus.', 'For the benefit of assistive technologies, ' + 'the tabIndex of the node is being set to \"-1\".'].join('\\n'));\n        }\n        rootRef.current.setAttribute('tabIndex', '-1');\n      }\n      if (activated.current) {\n        rootRef.current.focus();\n      }\n    }\n    return () => {\n      // restoreLastFocus()\n      if (!disableRestoreFocus) {\n        // In IE11 it is possible for document.activeElement to be null resulting\n        // in nodeToRestore.current being null.\n        // Not all elements in IE11 have a focus method.\n        // Once IE11 support is dropped the focus() call can be unconditional.\n        if (nodeToRestore.current && nodeToRestore.current.focus) {\n          ignoreNextEnforceFocus.current = true;\n          nodeToRestore.current.focus();\n        }\n        nodeToRestore.current = null;\n      }\n    };\n    // Missing `disableRestoreFocus` which is fine.\n    // We don't support changing that prop on an open FocusTrap\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open]);\n  React.useEffect(() => {\n    // We might render an empty child.\n    if (!open || !rootRef.current) {\n      return;\n    }\n    const doc = ownerDocument(rootRef.current);\n    const loopFocus = nativeEvent => {\n      lastKeydown.current = nativeEvent;\n      if (disableEnforceFocus || !isEnabled() || nativeEvent.key !== 'Tab') {\n        return;\n      }\n\n      // Make sure the next tab starts from the right place.\n      // doc.activeElement refers to the origin.\n      if (doc.activeElement === rootRef.current && nativeEvent.shiftKey) {\n        // We need to ignore the next contain as\n        // it will try to move the focus back to the rootRef element.\n        ignoreNextEnforceFocus.current = true;\n        if (sentinelEnd.current) {\n          sentinelEnd.current.focus();\n        }\n      }\n    };\n    const contain = () => {\n      const rootElement = rootRef.current;\n\n      // Cleanup functions are executed lazily in React 17.\n      // Contain can be called between the component being unmounted and its cleanup function being run.\n      if (rootElement === null) {\n        return;\n      }\n      if (!doc.hasFocus() || !isEnabled() || ignoreNextEnforceFocus.current) {\n        ignoreNextEnforceFocus.current = false;\n        return;\n      }\n\n      // The focus is already inside\n      if (rootElement.contains(doc.activeElement)) {\n        return;\n      }\n\n      // The disableEnforceFocus is set and the focus is outside of the focus trap (and sentinel nodes)\n      if (disableEnforceFocus && doc.activeElement !== sentinelStart.current && doc.activeElement !== sentinelEnd.current) {\n        return;\n      }\n\n      // if the focus event is not coming from inside the children's react tree, reset the refs\n      if (doc.activeElement !== reactFocusEventTarget.current) {\n        reactFocusEventTarget.current = null;\n      } else if (reactFocusEventTarget.current !== null) {\n        return;\n      }\n      if (!activated.current) {\n        return;\n      }\n      let tabbable = [];\n      if (doc.activeElement === sentinelStart.current || doc.activeElement === sentinelEnd.current) {\n        tabbable = getTabbable(rootRef.current);\n      }\n\n      // one of the sentinel nodes was focused, so move the focus\n      // to the first/last tabbable element inside the focus trap\n      if (tabbable.length > 0) {\n        var _lastKeydown$current, _lastKeydown$current2;\n        const isShiftTab = Boolean(((_lastKeydown$current = lastKeydown.current) == null ? void 0 : _lastKeydown$current.shiftKey) && ((_lastKeydown$current2 = lastKeydown.current) == null ? void 0 : _lastKeydown$current2.key) === 'Tab');\n        const focusNext = tabbable[0];\n        const focusPrevious = tabbable[tabbable.length - 1];\n        if (typeof focusNext !== 'string' && typeof focusPrevious !== 'string') {\n          if (isShiftTab) {\n            focusPrevious.focus();\n          } else {\n            focusNext.focus();\n          }\n        }\n        // no tabbable elements in the trap focus or the focus was outside of the focus trap\n      } else {\n        rootElement.focus();\n      }\n    };\n    doc.addEventListener('focusin', contain);\n    doc.addEventListener('keydown', loopFocus, true);\n\n    // With Edge, Safari and Firefox, no focus related events are fired when the focused area stops being a focused area.\n    // for example https://bugzilla.mozilla.org/show_bug.cgi?id=559561.\n    // Instead, we can look if the active element was restored on the BODY element.\n    //\n    // The whatwg spec defines how the browser should behave but does not explicitly mention any events:\n    // https://html.spec.whatwg.org/multipage/interaction.html#focus-fixup-rule.\n    const interval = setInterval(() => {\n      if (doc.activeElement && doc.activeElement.tagName === 'BODY') {\n        contain();\n      }\n    }, 50);\n    return () => {\n      clearInterval(interval);\n      doc.removeEventListener('focusin', contain);\n      doc.removeEventListener('keydown', loopFocus, true);\n    };\n  }, [disableAutoFocus, disableEnforceFocus, disableRestoreFocus, isEnabled, open, getTabbable]);\n  const onFocus = event => {\n    if (nodeToRestore.current === null) {\n      nodeToRestore.current = event.relatedTarget;\n    }\n    activated.current = true;\n    reactFocusEventTarget.current = event.target;\n    const childrenPropsHandler = children.props.onFocus;\n    if (childrenPropsHandler) {\n      childrenPropsHandler(event);\n    }\n  };\n  const handleFocusSentinel = event => {\n    if (nodeToRestore.current === null) {\n      nodeToRestore.current = event.relatedTarget;\n    }\n    activated.current = true;\n  };\n  return /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [/*#__PURE__*/_jsx(\"div\", {\n      tabIndex: open ? 0 : -1,\n      onFocus: handleFocusSentinel,\n      ref: sentinelStart,\n      \"data-testid\": \"sentinelStart\"\n    }), /*#__PURE__*/React.cloneElement(children, {\n      ref: handleRef,\n      onFocus\n    }), /*#__PURE__*/_jsx(\"div\", {\n      tabIndex: open ? 0 : -1,\n      onFocus: handleFocusSentinel,\n      ref: sentinelEnd,\n      \"data-testid\": \"sentinelEnd\"\n    })]\n  });\n}\nprocess.env.NODE_ENV !== \"production\" ? FocusTrap.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * A single child content element.\n   */\n  children: elementAcceptingRef,\n  /**\n   * If `true`, the focus trap will not automatically shift focus to itself when it opens, and\n   * replace it to the last focused element when it closes.\n   * This also works correctly with any focus trap children that have the `disableAutoFocus` prop.\n   *\n   * Generally this should never be set to `true` as it makes the focus trap less\n   * accessible to assistive technologies, like screen readers.\n   * @default false\n   */\n  disableAutoFocus: PropTypes.bool,\n  /**\n   * If `true`, the focus trap will not prevent focus from leaving the focus trap while open.\n   *\n   * Generally this should never be set to `true` as it makes the focus trap less\n   * accessible to assistive technologies, like screen readers.\n   * @default false\n   */\n  disableEnforceFocus: PropTypes.bool,\n  /**\n   * If `true`, the focus trap will not restore focus to previously focused element once\n   * focus trap is hidden or unmounted.\n   * @default false\n   */\n  disableRestoreFocus: PropTypes.bool,\n  /**\n   * Returns an array of ordered tabbable nodes (i.e. in tab order) within the root.\n   * For instance, you can provide the \"tabbable\" npm dependency.\n   * @param {HTMLElement} root\n   */\n  getTabbable: PropTypes.func,\n  /**\n   * This prop extends the `open` prop.\n   * It allows to toggle the open state without having to wait for a rerender when changing the `open` prop.\n   * This prop should be memoized.\n   * It can be used to support multiple focus trap mounted at the same time.\n   * @default function defaultIsEnabled(): boolean {\n   *   return true;\n   * }\n   */\n  isEnabled: PropTypes.func,\n  /**\n   * If `true`, focus is locked.\n   */\n  open: PropTypes.bool.isRequired\n} : void 0;\nif (process.env.NODE_ENV !== 'production') {\n  // eslint-disable-next-line\n  FocusTrap['propTypes' + ''] = exactProp(FocusTrap.propTypes);\n}\nexport default FocusTrap;","import { unstable_ownerWindow as ownerWindow, unstable_ownerDocument as ownerDocument, unstable_getScrollbarSize as getScrollbarSize } from '@mui/utils';\n// Is a vertical scrollbar displayed?\nfunction isOverflowing(container) {\n  const doc = ownerDocument(container);\n  if (doc.body === container) {\n    return ownerWindow(container).innerWidth > doc.documentElement.clientWidth;\n  }\n  return container.scrollHeight > container.clientHeight;\n}\nexport function ariaHidden(element, show) {\n  if (show) {\n    element.setAttribute('aria-hidden', 'true');\n  } else {\n    element.removeAttribute('aria-hidden');\n  }\n}\nfunction getPaddingRight(element) {\n  return parseInt(ownerWindow(element).getComputedStyle(element).paddingRight, 10) || 0;\n}\nfunction isAriaHiddenForbiddenOnElement(element) {\n  // The forbidden HTML tags are the ones from ARIA specification that\n  // can be children of body and can't have aria-hidden attribute.\n  // cf. https://www.w3.org/TR/html-aria/#docconformance\n  const forbiddenTagNames = ['TEMPLATE', 'SCRIPT', 'STYLE', 'LINK', 'MAP', 'META', 'NOSCRIPT', 'PICTURE', 'COL', 'COLGROUP', 'PARAM', 'SLOT', 'SOURCE', 'TRACK'];\n  const isForbiddenTagName = forbiddenTagNames.indexOf(element.tagName) !== -1;\n  const isInputHidden = element.tagName === 'INPUT' && element.getAttribute('type') === 'hidden';\n  return isForbiddenTagName || isInputHidden;\n}\nfunction ariaHiddenSiblings(container, mountElement, currentElement, elementsToExclude, show) {\n  const blacklist = [mountElement, currentElement, ...elementsToExclude];\n  [].forEach.call(container.children, element => {\n    const isNotExcludedElement = blacklist.indexOf(element) === -1;\n    const isNotForbiddenElement = !isAriaHiddenForbiddenOnElement(element);\n    if (isNotExcludedElement && isNotForbiddenElement) {\n      ariaHidden(element, show);\n    }\n  });\n}\nfunction findIndexOf(items, callback) {\n  let idx = -1;\n  items.some((item, index) => {\n    if (callback(item)) {\n      idx = index;\n      return true;\n    }\n    return false;\n  });\n  return idx;\n}\nfunction handleContainer(containerInfo, props) {\n  const restoreStyle = [];\n  const container = containerInfo.container;\n  if (!props.disableScrollLock) {\n    if (isOverflowing(container)) {\n      // Compute the size before applying overflow hidden to avoid any scroll jumps.\n      const scrollbarSize = getScrollbarSize(ownerDocument(container));\n      restoreStyle.push({\n        value: container.style.paddingRight,\n        property: 'padding-right',\n        el: container\n      });\n      // Use computed style, here to get the real padding to add our scrollbar width.\n      container.style.paddingRight = `${getPaddingRight(container) + scrollbarSize}px`;\n\n      // .mui-fixed is a global helper.\n      const fixedElements = ownerDocument(container).querySelectorAll('.mui-fixed');\n      [].forEach.call(fixedElements, element => {\n        restoreStyle.push({\n          value: element.style.paddingRight,\n          property: 'padding-right',\n          el: element\n        });\n        element.style.paddingRight = `${getPaddingRight(element) + scrollbarSize}px`;\n      });\n    }\n    let scrollContainer;\n    if (container.parentNode instanceof DocumentFragment) {\n      scrollContainer = ownerDocument(container).body;\n    } else {\n      // Support html overflow-y: auto for scroll stability between pages\n      // https://css-tricks.com/snippets/css/force-vertical-scrollbar/\n      const parent = container.parentElement;\n      const containerWindow = ownerWindow(container);\n      scrollContainer = (parent == null ? void 0 : parent.nodeName) === 'HTML' && containerWindow.getComputedStyle(parent).overflowY === 'scroll' ? parent : container;\n    }\n\n    // Block the scroll even if no scrollbar is visible to account for mobile keyboard\n    // screensize shrink.\n    restoreStyle.push({\n      value: scrollContainer.style.overflow,\n      property: 'overflow',\n      el: scrollContainer\n    }, {\n      value: scrollContainer.style.overflowX,\n      property: 'overflow-x',\n      el: scrollContainer\n    }, {\n      value: scrollContainer.style.overflowY,\n      property: 'overflow-y',\n      el: scrollContainer\n    });\n    scrollContainer.style.overflow = 'hidden';\n  }\n  const restore = () => {\n    restoreStyle.forEach(({\n      value,\n      el,\n      property\n    }) => {\n      if (value) {\n        el.style.setProperty(property, value);\n      } else {\n        el.style.removeProperty(property);\n      }\n    });\n  };\n  return restore;\n}\nfunction getHiddenSiblings(container) {\n  const hiddenSiblings = [];\n  [].forEach.call(container.children, element => {\n    if (element.getAttribute('aria-hidden') === 'true') {\n      hiddenSiblings.push(element);\n    }\n  });\n  return hiddenSiblings;\n}\n/**\n * @ignore - do not document.\n *\n * Proper state management for containers and the modals in those containers.\n * Simplified, but inspired by react-overlay's ModalManager class.\n * Used by the Modal to ensure proper styling of containers.\n */\nexport class ModalManager {\n  constructor() {\n    this.containers = void 0;\n    this.modals = void 0;\n    this.modals = [];\n    this.containers = [];\n  }\n  add(modal, container) {\n    let modalIndex = this.modals.indexOf(modal);\n    if (modalIndex !== -1) {\n      return modalIndex;\n    }\n    modalIndex = this.modals.length;\n    this.modals.push(modal);\n\n    // If the modal we are adding is already in the DOM.\n    if (modal.modalRef) {\n      ariaHidden(modal.modalRef, false);\n    }\n    const hiddenSiblings = getHiddenSiblings(container);\n    ariaHiddenSiblings(container, modal.mount, modal.modalRef, hiddenSiblings, true);\n    const containerIndex = findIndexOf(this.containers, item => item.container === container);\n    if (containerIndex !== -1) {\n      this.containers[containerIndex].modals.push(modal);\n      return modalIndex;\n    }\n    this.containers.push({\n      modals: [modal],\n      container,\n      restore: null,\n      hiddenSiblings\n    });\n    return modalIndex;\n  }\n  mount(modal, props) {\n    const containerIndex = findIndexOf(this.containers, item => item.modals.indexOf(modal) !== -1);\n    const containerInfo = this.containers[containerIndex];\n    if (!containerInfo.restore) {\n      containerInfo.restore = handleContainer(containerInfo, props);\n    }\n  }\n  remove(modal, ariaHiddenState = true) {\n    const modalIndex = this.modals.indexOf(modal);\n    if (modalIndex === -1) {\n      return modalIndex;\n    }\n    const containerIndex = findIndexOf(this.containers, item => item.modals.indexOf(modal) !== -1);\n    const containerInfo = this.containers[containerIndex];\n    containerInfo.modals.splice(containerInfo.modals.indexOf(modal), 1);\n    this.modals.splice(modalIndex, 1);\n\n    // If that was the last modal in a container, clean up the container.\n    if (containerInfo.modals.length === 0) {\n      // The modal might be closed before it had the chance to be mounted in the DOM.\n      if (containerInfo.restore) {\n        containerInfo.restore();\n      }\n      if (modal.modalRef) {\n        // In case the modal wasn't in the DOM yet.\n        ariaHidden(modal.modalRef, ariaHiddenState);\n      }\n      ariaHiddenSiblings(containerInfo.container, modal.mount, modal.modalRef, containerInfo.hiddenSiblings, false);\n      this.containers.splice(containerIndex, 1);\n    } else {\n      // Otherwise make sure the next top modal is visible to a screen reader.\n      const nextTop = containerInfo.modals[containerInfo.modals.length - 1];\n      // as soon as a modal is adding its modalRef is undefined. it can't set\n      // aria-hidden because the dom element doesn't exist either\n      // when modal was unmounted before modalRef gets null\n      if (nextTop.modalRef) {\n        ariaHidden(nextTop.modalRef, false);\n      }\n    }\n    return modalIndex;\n  }\n  isTopModal(modal) {\n    return this.modals.length > 0 && this.modals[this.modals.length - 1] === modal;\n  }\n}","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport { unstable_ownerDocument as ownerDocument, unstable_useForkRef as useForkRef, unstable_useEventCallback as useEventCallback, unstable_createChainedFunction as createChainedFunction } from '@mui/utils';\nimport extractEventHandlers from '@mui/utils/extractEventHandlers';\nimport { ModalManager, ariaHidden } from './ModalManager';\nfunction getContainer(container) {\n  return typeof container === 'function' ? container() : container;\n}\nfunction getHasTransition(children) {\n  return children ? children.props.hasOwnProperty('in') : false;\n}\n\n// A modal manager used to track and manage the state of open Modals.\n// Modals don't open on the server so this won't conflict with concurrent requests.\nconst defaultManager = new ModalManager();\n/**\n *\n * Demos:\n *\n * - [Modal](https://mui.com/base-ui/react-modal/#hook)\n *\n * API:\n *\n * - [useModal API](https://mui.com/base-ui/react-modal/hooks-api/#use-modal)\n */\nfunction useModal(parameters) {\n  const {\n    container,\n    disableEscapeKeyDown = false,\n    disableScrollLock = false,\n    // @ts-ignore internal logic - Base UI supports the manager as a prop too\n    manager = defaultManager,\n    closeAfterTransition = false,\n    onTransitionEnter,\n    onTransitionExited,\n    children,\n    onClose,\n    open,\n    rootRef\n  } = parameters;\n\n  // @ts-ignore internal logic\n  const modal = React.useRef({});\n  const mountNodeRef = React.useRef(null);\n  const modalRef = React.useRef(null);\n  const handleRef = useForkRef(modalRef, rootRef);\n  const [exited, setExited] = React.useState(!open);\n  const hasTransition = getHasTransition(children);\n  let ariaHiddenProp = true;\n  if (parameters['aria-hidden'] === 'false' || parameters['aria-hidden'] === false) {\n    ariaHiddenProp = false;\n  }\n  const getDoc = () => ownerDocument(mountNodeRef.current);\n  const getModal = () => {\n    modal.current.modalRef = modalRef.current;\n    modal.current.mount = mountNodeRef.current;\n    return modal.current;\n  };\n  const handleMounted = () => {\n    manager.mount(getModal(), {\n      disableScrollLock\n    });\n\n    // Fix a bug on Chrome where the scroll isn't initially 0.\n    if (modalRef.current) {\n      modalRef.current.scrollTop = 0;\n    }\n  };\n  const handleOpen = useEventCallback(() => {\n    const resolvedContainer = getContainer(container) || getDoc().body;\n    manager.add(getModal(), resolvedContainer);\n\n    // The element was already mounted.\n    if (modalRef.current) {\n      handleMounted();\n    }\n  });\n  const isTopModal = React.useCallback(() => manager.isTopModal(getModal()), [manager]);\n  const handlePortalRef = useEventCallback(node => {\n    mountNodeRef.current = node;\n    if (!node) {\n      return;\n    }\n    if (open && isTopModal()) {\n      handleMounted();\n    } else if (modalRef.current) {\n      ariaHidden(modalRef.current, ariaHiddenProp);\n    }\n  });\n  const handleClose = React.useCallback(() => {\n    manager.remove(getModal(), ariaHiddenProp);\n  }, [ariaHiddenProp, manager]);\n  React.useEffect(() => {\n    return () => {\n      handleClose();\n    };\n  }, [handleClose]);\n  React.useEffect(() => {\n    if (open) {\n      handleOpen();\n    } else if (!hasTransition || !closeAfterTransition) {\n      handleClose();\n    }\n  }, [open, handleClose, hasTransition, closeAfterTransition, handleOpen]);\n  const createHandleKeyDown = otherHandlers => event => {\n    var _otherHandlers$onKeyD;\n    (_otherHandlers$onKeyD = otherHandlers.onKeyDown) == null || _otherHandlers$onKeyD.call(otherHandlers, event);\n\n    // The handler doesn't take event.defaultPrevented into account:\n    //\n    // event.preventDefault() is meant to stop default behaviors like\n    // clicking a checkbox to check it, hitting a button to submit a form,\n    // and hitting left arrow to move the cursor in a text input etc.\n    // Only special HTML elements have these default behaviors.\n    if (event.key !== 'Escape' || event.which === 229 ||\n    // Wait until IME is settled.\n    !isTopModal()) {\n      return;\n    }\n    if (!disableEscapeKeyDown) {\n      // Swallow the event, in case someone is listening for the escape key on the body.\n      event.stopPropagation();\n      if (onClose) {\n        onClose(event, 'escapeKeyDown');\n      }\n    }\n  };\n  const createHandleBackdropClick = otherHandlers => event => {\n    var _otherHandlers$onClic;\n    (_otherHandlers$onClic = otherHandlers.onClick) == null || _otherHandlers$onClic.call(otherHandlers, event);\n    if (event.target !== event.currentTarget) {\n      return;\n    }\n    if (onClose) {\n      onClose(event, 'backdropClick');\n    }\n  };\n  const getRootProps = (otherHandlers = {}) => {\n    const propsEventHandlers = extractEventHandlers(parameters);\n\n    // The custom event handlers shouldn't be spread on the root element\n    delete propsEventHandlers.onTransitionEnter;\n    delete propsEventHandlers.onTransitionExited;\n    const externalEventHandlers = _extends({}, propsEventHandlers, otherHandlers);\n    return _extends({\n      role: 'presentation'\n    }, externalEventHandlers, {\n      onKeyDown: createHandleKeyDown(externalEventHandlers),\n      ref: handleRef\n    });\n  };\n  const getBackdropProps = (otherHandlers = {}) => {\n    const externalEventHandlers = otherHandlers;\n    return _extends({\n      'aria-hidden': true\n    }, externalEventHandlers, {\n      onClick: createHandleBackdropClick(externalEventHandlers),\n      open\n    });\n  };\n  const getTransitionProps = () => {\n    const handleEnter = () => {\n      setExited(false);\n      if (onTransitionEnter) {\n        onTransitionEnter();\n      }\n    };\n    const handleExited = () => {\n      setExited(true);\n      if (onTransitionExited) {\n        onTransitionExited();\n      }\n      if (closeAfterTransition) {\n        handleClose();\n      }\n    };\n    return {\n      onEnter: createChainedFunction(handleEnter, children == null ? void 0 : children.props.onEnter),\n      onExited: createChainedFunction(handleExited, children == null ? void 0 : children.props.onExited)\n    };\n  };\n  return {\n    getRootProps,\n    getBackdropProps,\n    getTransitionProps,\n    rootRef: handleRef,\n    portalRef: handlePortalRef,\n    isTopModal,\n    exited,\n    hasTransition\n  };\n}\nexport default useModal;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getModalUtilityClass(slot) {\n  return generateUtilityClass('MuiModal', slot);\n}\nconst modalClasses = generateUtilityClasses('MuiModal', ['root', 'hidden', 'backdrop']);\nexport default modalClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"BackdropComponent\", \"BackdropProps\", \"classes\", \"className\", \"closeAfterTransition\", \"children\", \"container\", \"component\", \"components\", \"componentsProps\", \"disableAutoFocus\", \"disableEnforceFocus\", \"disableEscapeKeyDown\", \"disablePortal\", \"disableRestoreFocus\", \"disableScrollLock\", \"hideBackdrop\", \"keepMounted\", \"onBackdropClick\", \"onClose\", \"onTransitionEnter\", \"onTransitionExited\", \"open\", \"slotProps\", \"slots\", \"theme\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport HTMLElementType from '@mui/utils/HTMLElementType';\nimport elementAcceptingRef from '@mui/utils/elementAcceptingRef';\nimport composeClasses from '@mui/utils/composeClasses';\nimport useSlotProps from '@mui/utils/useSlotProps';\nimport FocusTrap from '../Unstable_TrapFocus';\nimport Portal from '../Portal';\nimport styled from '../styles/styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport Backdrop from '../Backdrop';\nimport useModal from './useModal';\nimport { getModalUtilityClass } from './modalClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    open,\n    exited,\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root', !open && exited && 'hidden'],\n    backdrop: ['backdrop']\n  };\n  return composeClasses(slots, getModalUtilityClass, classes);\n};\nconst ModalRoot = styled('div', {\n  name: 'MuiModal',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, !ownerState.open && ownerState.exited && styles.hidden];\n  }\n})(({\n  theme,\n  ownerState\n}) => _extends({\n  position: 'fixed',\n  zIndex: (theme.vars || theme).zIndex.modal,\n  right: 0,\n  bottom: 0,\n  top: 0,\n  left: 0\n}, !ownerState.open && ownerState.exited && {\n  visibility: 'hidden'\n}));\nconst ModalBackdrop = styled(Backdrop, {\n  name: 'MuiModal',\n  slot: 'Backdrop',\n  overridesResolver: (props, styles) => {\n    return styles.backdrop;\n  }\n})({\n  zIndex: -1\n});\n\n/**\n * Modal is a lower-level construct that is leveraged by the following components:\n *\n * - [Dialog](/material-ui/api/dialog/)\n * - [Drawer](/material-ui/api/drawer/)\n * - [Menu](/material-ui/api/menu/)\n * - [Popover](/material-ui/api/popover/)\n *\n * If you are creating a modal dialog, you probably want to use the [Dialog](/material-ui/api/dialog/) component\n * rather than directly using Modal.\n *\n * This component shares many concepts with [react-overlays](https://react-bootstrap.github.io/react-overlays/#modals).\n */\nconst Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {\n  var _ref, _slots$root, _ref2, _slots$backdrop, _slotProps$root, _slotProps$backdrop;\n  const props = useDefaultProps({\n    name: 'MuiModal',\n    props: inProps\n  });\n  const {\n      BackdropComponent = ModalBackdrop,\n      BackdropProps,\n      className,\n      closeAfterTransition = false,\n      children,\n      container,\n      component,\n      components = {},\n      componentsProps = {},\n      disableAutoFocus = false,\n      disableEnforceFocus = false,\n      disableEscapeKeyDown = false,\n      disablePortal = false,\n      disableRestoreFocus = false,\n      disableScrollLock = false,\n      hideBackdrop = false,\n      keepMounted = false,\n      onBackdropClick,\n      open,\n      slotProps,\n      slots\n      // eslint-disable-next-line react/prop-types\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const propsWithDefaults = _extends({}, props, {\n    closeAfterTransition,\n    disableAutoFocus,\n    disableEnforceFocus,\n    disableEscapeKeyDown,\n    disablePortal,\n    disableRestoreFocus,\n    disableScrollLock,\n    hideBackdrop,\n    keepMounted\n  });\n  const {\n    getRootProps,\n    getBackdropProps,\n    getTransitionProps,\n    portalRef,\n    isTopModal,\n    exited,\n    hasTransition\n  } = useModal(_extends({}, propsWithDefaults, {\n    rootRef: ref\n  }));\n  const ownerState = _extends({}, propsWithDefaults, {\n    exited\n  });\n  const classes = useUtilityClasses(ownerState);\n  const childProps = {};\n  if (children.props.tabIndex === undefined) {\n    childProps.tabIndex = '-1';\n  }\n\n  // It's a Transition like component\n  if (hasTransition) {\n    const {\n      onEnter,\n      onExited\n    } = getTransitionProps();\n    childProps.onEnter = onEnter;\n    childProps.onExited = onExited;\n  }\n  const RootSlot = (_ref = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : components.Root) != null ? _ref : ModalRoot;\n  const BackdropSlot = (_ref2 = (_slots$backdrop = slots == null ? void 0 : slots.backdrop) != null ? _slots$backdrop : components.Backdrop) != null ? _ref2 : BackdropComponent;\n  const rootSlotProps = (_slotProps$root = slotProps == null ? void 0 : slotProps.root) != null ? _slotProps$root : componentsProps.root;\n  const backdropSlotProps = (_slotProps$backdrop = slotProps == null ? void 0 : slotProps.backdrop) != null ? _slotProps$backdrop : componentsProps.backdrop;\n  const rootProps = useSlotProps({\n    elementType: RootSlot,\n    externalSlotProps: rootSlotProps,\n    externalForwardedProps: other,\n    getSlotProps: getRootProps,\n    additionalProps: {\n      ref,\n      as: component\n    },\n    ownerState,\n    className: clsx(className, rootSlotProps == null ? void 0 : rootSlotProps.className, classes == null ? void 0 : classes.root, !ownerState.open && ownerState.exited && (classes == null ? void 0 : classes.hidden))\n  });\n  const backdropProps = useSlotProps({\n    elementType: BackdropSlot,\n    externalSlotProps: backdropSlotProps,\n    additionalProps: BackdropProps,\n    getSlotProps: otherHandlers => {\n      return getBackdropProps(_extends({}, otherHandlers, {\n        onClick: e => {\n          if (onBackdropClick) {\n            onBackdropClick(e);\n          }\n          if (otherHandlers != null && otherHandlers.onClick) {\n            otherHandlers.onClick(e);\n          }\n        }\n      }));\n    },\n    className: clsx(backdropSlotProps == null ? void 0 : backdropSlotProps.className, BackdropProps == null ? void 0 : BackdropProps.className, classes == null ? void 0 : classes.backdrop),\n    ownerState\n  });\n  if (!keepMounted && !open && (!hasTransition || exited)) {\n    return null;\n  }\n  return /*#__PURE__*/_jsx(Portal, {\n    ref: portalRef,\n    container: container,\n    disablePortal: disablePortal,\n    children: /*#__PURE__*/_jsxs(RootSlot, _extends({}, rootProps, {\n      children: [!hideBackdrop && BackdropComponent ? /*#__PURE__*/_jsx(BackdropSlot, _extends({}, backdropProps)) : null, /*#__PURE__*/_jsx(FocusTrap, {\n        disableEnforceFocus: disableEnforceFocus,\n        disableAutoFocus: disableAutoFocus,\n        disableRestoreFocus: disableRestoreFocus,\n        isEnabled: isTopModal,\n        open: open,\n        children: /*#__PURE__*/React.cloneElement(children, childProps)\n      })]\n    }))\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Modal.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * A backdrop component. This prop enables custom backdrop rendering.\n   * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.\n   * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.\n   * @default styled(Backdrop, {\n   *   name: 'MuiModal',\n   *   slot: 'Backdrop',\n   *   overridesResolver: (props, styles) => {\n   *     return styles.backdrop;\n   *   },\n   * })({\n   *   zIndex: -1,\n   * })\n   */\n  BackdropComponent: PropTypes.elementType,\n  /**\n   * Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.\n   * @deprecated Use `slotProps.backdrop` instead.\n   */\n  BackdropProps: PropTypes.object,\n  /**\n   * A single child content element.\n   */\n  children: elementAcceptingRef.isRequired,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * When set to true the Modal waits until a nested Transition is completed before closing.\n   * @default false\n   */\n  closeAfterTransition: PropTypes.bool,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * The components used for each slot inside.\n   *\n   * This prop is an alias for the `slots` prop.\n   * It's recommended to use the `slots` prop instead.\n   *\n   * @default {}\n   */\n  components: PropTypes.shape({\n    Backdrop: PropTypes.elementType,\n    Root: PropTypes.elementType\n  }),\n  /**\n   * The extra props for the slot components.\n   * You can override the existing props or add new ones.\n   *\n   * This prop is an alias for the `slotProps` prop.\n   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.\n   *\n   * @default {}\n   */\n  componentsProps: PropTypes.shape({\n    backdrop: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])\n  }),\n  /**\n   * An HTML element or function that returns one.\n   * The `container` will have the portal children appended to it.\n   *\n   * You can also provide a callback, which is called in a React layout effect.\n   * This lets you set the container from a ref, and also makes server-side rendering possible.\n   *\n   * By default, it uses the body of the top-level document object,\n   * so it's simply `document.body` most of the time.\n   */\n  container: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([HTMLElementType, PropTypes.func]),\n  /**\n   * If `true`, the modal will not automatically shift focus to itself when it opens, and\n   * replace it to the last focused element when it closes.\n   * This also works correctly with any modal children that have the `disableAutoFocus` prop.\n   *\n   * Generally this should never be set to `true` as it makes the modal less\n   * accessible to assistive technologies, like screen readers.\n   * @default false\n   */\n  disableAutoFocus: PropTypes.bool,\n  /**\n   * If `true`, the modal will not prevent focus from leaving the modal while open.\n   *\n   * Generally this should never be set to `true` as it makes the modal less\n   * accessible to assistive technologies, like screen readers.\n   * @default false\n   */\n  disableEnforceFocus: PropTypes.bool,\n  /**\n   * If `true`, hitting escape will not fire the `onClose` callback.\n   * @default false\n   */\n  disableEscapeKeyDown: PropTypes.bool,\n  /**\n   * The `children` will be under the DOM hierarchy of the parent component.\n   * @default false\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * If `true`, the modal will not restore focus to previously focused element once\n   * modal is hidden or unmounted.\n   * @default false\n   */\n  disableRestoreFocus: PropTypes.bool,\n  /**\n   * Disable the scroll lock behavior.\n   * @default false\n   */\n  disableScrollLock: PropTypes.bool,\n  /**\n   * If `true`, the backdrop is not rendered.\n   * @default false\n   */\n  hideBackdrop: PropTypes.bool,\n  /**\n   * Always keep the children in the DOM.\n   * This prop can be useful in SEO situation or\n   * when you want to maximize the responsiveness of the Modal.\n   * @default false\n   */\n  keepMounted: PropTypes.bool,\n  /**\n   * Callback fired when the backdrop is clicked.\n   * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.\n   */\n  onBackdropClick: PropTypes.func,\n  /**\n   * Callback fired when the component requests to be closed.\n   * The `reason` parameter can optionally be used to control the response to `onClose`.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {string} reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`.\n   */\n  onClose: PropTypes.func,\n  /**\n   * A function called when a transition enters.\n   */\n  onTransitionEnter: PropTypes.func,\n  /**\n   * A function called when a transition has exited.\n   */\n  onTransitionExited: PropTypes.func,\n  /**\n   * If `true`, the component is shown.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * The props used for each slot inside the Modal.\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    backdrop: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])\n  }),\n  /**\n   * The components used for each slot inside the Modal.\n   * Either a string to use a HTML element or a component.\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    backdrop: PropTypes.elementType,\n    root: PropTypes.elementType\n  }),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default Modal;","// Inspired by https://github.com/material-components/material-components-ios/blob/bca36107405594d5b7b16265a5b0ed698f85a5ee/components/Elevation/src/UIColor%2BMaterialElevation.m#L61\nconst getOverlayAlpha = elevation => {\n  let alphaValue;\n  if (elevation < 1) {\n    alphaValue = 5.11916 * elevation ** 2;\n  } else {\n    alphaValue = 4.5 * Math.log(elevation + 1) + 2;\n  }\n  return (alphaValue / 100).toFixed(2);\n};\nexport default getOverlayAlpha;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getPaperUtilityClass(slot) {\n  return generateUtilityClass('MuiPaper', slot);\n}\nconst paperClasses = generateUtilityClasses('MuiPaper', ['root', 'rounded', 'outlined', 'elevation', 'elevation0', 'elevation1', 'elevation2', 'elevation3', 'elevation4', 'elevation5', 'elevation6', 'elevation7', 'elevation8', 'elevation9', 'elevation10', 'elevation11', 'elevation12', 'elevation13', 'elevation14', 'elevation15', 'elevation16', 'elevation17', 'elevation18', 'elevation19', 'elevation20', 'elevation21', 'elevation22', 'elevation23', 'elevation24']);\nexport default paperClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"className\", \"component\", \"elevation\", \"square\", \"variant\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport integerPropType from '@mui/utils/integerPropType';\nimport chainPropTypes from '@mui/utils/chainPropTypes';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { alpha } from '@mui/system/colorManipulator';\nimport styled from '../styles/styled';\nimport getOverlayAlpha from '../styles/getOverlayAlpha';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport useTheme from '../styles/useTheme';\nimport { getPaperUtilityClass } from './paperClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    square,\n    elevation,\n    variant,\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root', variant, !square && 'rounded', variant === 'elevation' && `elevation${elevation}`]\n  };\n  return composeClasses(slots, getPaperUtilityClass, classes);\n};\nconst PaperRoot = styled('div', {\n  name: 'MuiPaper',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, styles[ownerState.variant], !ownerState.square && styles.rounded, ownerState.variant === 'elevation' && styles[`elevation${ownerState.elevation}`]];\n  }\n})(({\n  theme,\n  ownerState\n}) => {\n  var _theme$vars$overlays;\n  return _extends({\n    backgroundColor: (theme.vars || theme).palette.background.paper,\n    color: (theme.vars || theme).palette.text.primary,\n    transition: theme.transitions.create('box-shadow')\n  }, !ownerState.square && {\n    borderRadius: theme.shape.borderRadius\n  }, ownerState.variant === 'outlined' && {\n    border: `1px solid ${(theme.vars || theme).palette.divider}`\n  }, ownerState.variant === 'elevation' && _extends({\n    boxShadow: (theme.vars || theme).shadows[ownerState.elevation]\n  }, !theme.vars && theme.palette.mode === 'dark' && {\n    backgroundImage: `linear-gradient(${alpha('#fff', getOverlayAlpha(ownerState.elevation))}, ${alpha('#fff', getOverlayAlpha(ownerState.elevation))})`\n  }, theme.vars && {\n    backgroundImage: (_theme$vars$overlays = theme.vars.overlays) == null ? void 0 : _theme$vars$overlays[ownerState.elevation]\n  }));\n});\nconst Paper = /*#__PURE__*/React.forwardRef(function Paper(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiPaper'\n  });\n  const {\n      className,\n      component = 'div',\n      elevation = 1,\n      square = false,\n      variant = 'elevation'\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const ownerState = _extends({}, props, {\n    component,\n    elevation,\n    square,\n    variant\n  });\n  const classes = useUtilityClasses(ownerState);\n  if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const theme = useTheme();\n    if (theme.shadows[elevation] === undefined) {\n      console.error([`MUI: The elevation provided <Paper elevation={${elevation}}> is not available in the theme.`, `Please make sure that \\`theme.shadows[${elevation}]\\` is defined.`].join('\\n'));\n    }\n  }\n  return /*#__PURE__*/_jsx(PaperRoot, _extends({\n    as: component,\n    ownerState: ownerState,\n    className: clsx(classes.root, className),\n    ref: ref\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? Paper.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Shadow depth, corresponds to `dp` in the spec.\n   * It accepts values between 0 and 24 inclusive.\n   * @default 1\n   */\n  elevation: chainPropTypes(integerPropType, props => {\n    const {\n      elevation,\n      variant\n    } = props;\n    if (elevation > 0 && variant === 'outlined') {\n      return new Error(`MUI: Combining \\`elevation={${elevation}}\\` with \\`variant=\"${variant}\"\\` has no effect. Either use \\`elevation={0}\\` or use a different \\`variant\\`.`);\n    }\n    return null;\n  }),\n  /**\n   * If `true`, rounded corners are disabled.\n   * @default false\n   */\n  square: PropTypes.bool,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The variant to use.\n   * @default 'elevation'\n   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['elevation', 'outlined']), PropTypes.string])\n} : void 0;\nexport default Paper;","'use client';\n\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport { exactProp, HTMLElementType, unstable_useEnhancedEffect as useEnhancedEffect, unstable_useForkRef as useForkRef, unstable_setRef as setRef } from '@mui/utils';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction getContainer(container) {\n  return typeof container === 'function' ? container() : container;\n}\n\n/**\n * Portals provide a first-class way to render children into a DOM node\n * that exists outside the DOM hierarchy of the parent component.\n *\n * Demos:\n *\n * - [Portal](https://mui.com/material-ui/react-portal/)\n *\n * API:\n *\n * - [Portal API](https://mui.com/material-ui/api/portal/)\n */\nconst Portal = /*#__PURE__*/React.forwardRef(function Portal(props, forwardedRef) {\n  const {\n    children,\n    container,\n    disablePortal = false\n  } = props;\n  const [mountNode, setMountNode] = React.useState(null);\n  // @ts-expect-error TODO upstream fix\n  const handleRef = useForkRef( /*#__PURE__*/React.isValidElement(children) ? children.ref : null, forwardedRef);\n  useEnhancedEffect(() => {\n    if (!disablePortal) {\n      setMountNode(getContainer(container) || document.body);\n    }\n  }, [container, disablePortal]);\n  useEnhancedEffect(() => {\n    if (mountNode && !disablePortal) {\n      setRef(forwardedRef, mountNode);\n      return () => {\n        setRef(forwardedRef, null);\n      };\n    }\n    return undefined;\n  }, [forwardedRef, mountNode, disablePortal]);\n  if (disablePortal) {\n    if ( /*#__PURE__*/React.isValidElement(children)) {\n      const newProps = {\n        ref: handleRef\n      };\n      return /*#__PURE__*/React.cloneElement(children, newProps);\n    }\n    return /*#__PURE__*/_jsx(React.Fragment, {\n      children: children\n    });\n  }\n  return /*#__PURE__*/_jsx(React.Fragment, {\n    children: mountNode ? /*#__PURE__*/ReactDOM.createPortal(children, mountNode) : mountNode\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Portal.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The children to render into the `container`.\n   */\n  children: PropTypes.node,\n  /**\n   * An HTML element or function that returns one.\n   * The `container` will have the portal children appended to it.\n   *\n   * You can also provide a callback, which is called in a React layout effect.\n   * This lets you set the container from a ref, and also makes server-side rendering possible.\n   *\n   * By default, it uses the body of the top-level document object,\n   * so it's simply `document.body` most of the time.\n   */\n  container: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([HTMLElementType, PropTypes.func]),\n  /**\n   * The `children` will be under the DOM hierarchy of the parent component.\n   * @default false\n   */\n  disablePortal: PropTypes.bool\n} : void 0;\nif (process.env.NODE_ENV !== 'production') {\n  // eslint-disable-next-line\n  Portal['propTypes' + ''] = exactProp(Portal.propTypes);\n}\nexport default Portal;","'use client';\n\nimport * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n\n/**\n * @ignore - internal component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"\n}), 'RadioButtonUnchecked');","'use client';\n\nimport * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n\n/**\n * @ignore - internal component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z\"\n}), 'RadioButtonChecked');","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport RadioButtonUncheckedIcon from '../internal/svg-icons/RadioButtonUnchecked';\nimport RadioButtonCheckedIcon from '../internal/svg-icons/RadioButtonChecked';\nimport styled, { rootShouldForwardProp } from '../styles/styled';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nconst RadioButtonIconRoot = styled('span', {\n  shouldForwardProp: rootShouldForwardProp\n})({\n  position: 'relative',\n  display: 'flex'\n});\nconst RadioButtonIconBackground = styled(RadioButtonUncheckedIcon)({\n  // Scale applied to prevent dot misalignment in Safari\n  transform: 'scale(1)'\n});\nconst RadioButtonIconDot = styled(RadioButtonCheckedIcon)(({\n  theme,\n  ownerState\n}) => _extends({\n  left: 0,\n  position: 'absolute',\n  transform: 'scale(0)',\n  transition: theme.transitions.create('transform', {\n    easing: theme.transitions.easing.easeIn,\n    duration: theme.transitions.duration.shortest\n  })\n}, ownerState.checked && {\n  transform: 'scale(1)',\n  transition: theme.transitions.create('transform', {\n    easing: theme.transitions.easing.easeOut,\n    duration: theme.transitions.duration.shortest\n  })\n}));\n\n/**\n * @ignore - internal component.\n */\nfunction RadioButtonIcon(props) {\n  const {\n    checked = false,\n    classes = {},\n    fontSize\n  } = props;\n  const ownerState = _extends({}, props, {\n    checked\n  });\n  return /*#__PURE__*/_jsxs(RadioButtonIconRoot, {\n    className: classes.root,\n    ownerState: ownerState,\n    children: [/*#__PURE__*/_jsx(RadioButtonIconBackground, {\n      fontSize: fontSize,\n      className: classes.background,\n      ownerState: ownerState\n    }), /*#__PURE__*/_jsx(RadioButtonIconDot, {\n      fontSize: fontSize,\n      className: classes.dot,\n      ownerState: ownerState\n    })]\n  });\n}\nprocess.env.NODE_ENV !== \"production\" ? RadioButtonIcon.propTypes = {\n  /**\n   * If `true`, the component is checked.\n   */\n  checked: PropTypes.bool,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * The size of the component.\n   * `small` is equivalent to the dense radio styling.\n   */\n  fontSize: PropTypes.oneOf(['small', 'medium'])\n} : void 0;\nexport default RadioButtonIcon;","import createChainedFunction from '@mui/utils/createChainedFunction';\nexport default createChainedFunction;","'use client';\n\nimport * as React from 'react';\nimport RadioGroupContext from './RadioGroupContext';\nexport default function useRadioGroup() {\n  return React.useContext(RadioGroupContext);\n}","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getRadioUtilityClass(slot) {\n  return generateUtilityClass('MuiRadio', slot);\n}\nconst radioClasses = generateUtilityClasses('MuiRadio', ['root', 'checked', 'disabled', 'colorPrimary', 'colorSecondary', 'sizeSmall']);\nexport default radioClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"checked\", \"checkedIcon\", \"color\", \"icon\", \"name\", \"onChange\", \"size\", \"className\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport refType from '@mui/utils/refType';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { alpha } from '@mui/system/colorManipulator';\nimport SwitchBase from '../internal/SwitchBase';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport RadioButtonIcon from './RadioButtonIcon';\nimport capitalize from '../utils/capitalize';\nimport createChainedFunction from '../utils/createChainedFunction';\nimport useRadioGroup from '../RadioGroup/useRadioGroup';\nimport radioClasses, { getRadioUtilityClass } from './radioClasses';\nimport styled, { rootShouldForwardProp } from '../styles/styled';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    color,\n    size\n  } = ownerState;\n  const slots = {\n    root: ['root', `color${capitalize(color)}`, size !== 'medium' && `size${capitalize(size)}`]\n  };\n  return _extends({}, classes, composeClasses(slots, getRadioUtilityClass, classes));\n};\nconst RadioRoot = styled(SwitchBase, {\n  shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',\n  name: 'MuiRadio',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.size !== 'medium' && styles[`size${capitalize(ownerState.size)}`], styles[`color${capitalize(ownerState.color)}`]];\n  }\n})(({\n  theme,\n  ownerState\n}) => _extends({\n  color: (theme.vars || theme).palette.text.secondary\n}, !ownerState.disableRipple && {\n  '&:hover': {\n    backgroundColor: theme.vars ? `rgba(${ownerState.color === 'default' ? theme.vars.palette.action.activeChannel : theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(ownerState.color === 'default' ? theme.palette.action.active : theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),\n    // Reset on touch devices, it doesn't add specificity\n    '@media (hover: none)': {\n      backgroundColor: 'transparent'\n    }\n  }\n}, ownerState.color !== 'default' && {\n  [`&.${radioClasses.checked}`]: {\n    color: (theme.vars || theme).palette[ownerState.color].main\n  }\n}, {\n  [`&.${radioClasses.disabled}`]: {\n    color: (theme.vars || theme).palette.action.disabled\n  }\n}));\nfunction areEqualValues(a, b) {\n  if (typeof b === 'object' && b !== null) {\n    return a === b;\n  }\n\n  // The value could be a number, the DOM will stringify it anyway.\n  return String(a) === String(b);\n}\nconst defaultCheckedIcon = /*#__PURE__*/_jsx(RadioButtonIcon, {\n  checked: true\n});\nconst defaultIcon = /*#__PURE__*/_jsx(RadioButtonIcon, {});\nconst Radio = /*#__PURE__*/React.forwardRef(function Radio(inProps, ref) {\n  var _defaultIcon$props$fo, _defaultCheckedIcon$p;\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiRadio'\n  });\n  const {\n      checked: checkedProp,\n      checkedIcon = defaultCheckedIcon,\n      color = 'primary',\n      icon = defaultIcon,\n      name: nameProp,\n      onChange: onChangeProp,\n      size = 'medium',\n      className\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const ownerState = _extends({}, props, {\n    color,\n    size\n  });\n  const classes = useUtilityClasses(ownerState);\n  const radioGroup = useRadioGroup();\n  let checked = checkedProp;\n  const onChange = createChainedFunction(onChangeProp, radioGroup && radioGroup.onChange);\n  let name = nameProp;\n  if (radioGroup) {\n    if (typeof checked === 'undefined') {\n      checked = areEqualValues(radioGroup.value, props.value);\n    }\n    if (typeof name === 'undefined') {\n      name = radioGroup.name;\n    }\n  }\n  return /*#__PURE__*/_jsx(RadioRoot, _extends({\n    type: \"radio\",\n    icon: /*#__PURE__*/React.cloneElement(icon, {\n      fontSize: (_defaultIcon$props$fo = defaultIcon.props.fontSize) != null ? _defaultIcon$props$fo : size\n    }),\n    checkedIcon: /*#__PURE__*/React.cloneElement(checkedIcon, {\n      fontSize: (_defaultCheckedIcon$p = defaultCheckedIcon.props.fontSize) != null ? _defaultCheckedIcon$p : size\n    }),\n    ownerState: ownerState,\n    classes: classes,\n    name: name,\n    checked: checked,\n    onChange: onChange,\n    ref: ref,\n    className: clsx(classes.root, className)\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? Radio.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * If `true`, the component is checked.\n   */\n  checked: PropTypes.bool,\n  /**\n   * The icon to display when the component is checked.\n   * @default <RadioButtonIcon checked />\n   */\n  checkedIcon: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * @default 'primary'\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),\n  /**\n   * If `true`, the component is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the ripple effect is disabled.\n   * @default false\n   */\n  disableRipple: PropTypes.bool,\n  /**\n   * The icon to display when the component is unchecked.\n   * @default <RadioButtonIcon />\n   */\n  icon: PropTypes.node,\n  /**\n   * The id of the `input` element.\n   */\n  id: PropTypes.string,\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n   */\n  inputProps: PropTypes.object,\n  /**\n   * Pass a ref to the `input` element.\n   */\n  inputRef: refType,\n  /**\n   * Name attribute of the `input` element.\n   */\n  name: PropTypes.string,\n  /**\n   * Callback fired when the state is changed.\n   *\n   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (string).\n   * You can pull out the new checked state by accessing `event.target.checked` (boolean).\n   */\n  onChange: PropTypes.func,\n  /**\n   * If `true`, the `input` element is required.\n   * @default false\n   */\n  required: PropTypes.bool,\n  /**\n   * The size of the component.\n   * `small` is equivalent to the dense radio styling.\n   * @default 'medium'\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The value of the component. The DOM API casts this to a string.\n   */\n  value: PropTypes.any\n} : void 0;\nexport default Radio;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getFormGroupUtilityClass(slot) {\n  return generateUtilityClass('MuiFormGroup', slot);\n}\nconst formGroupClasses = generateUtilityClasses('MuiFormGroup', ['root', 'row', 'error']);\nexport default formGroupClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"className\", \"row\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport styled from '../styles/styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport { getFormGroupUtilityClass } from './formGroupClasses';\nimport useFormControl from '../FormControl/useFormControl';\nimport formControlState from '../FormControl/formControlState';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    row,\n    error\n  } = ownerState;\n  const slots = {\n    root: ['root', row && 'row', error && 'error']\n  };\n  return composeClasses(slots, getFormGroupUtilityClass, classes);\n};\nconst FormGroupRoot = styled('div', {\n  name: 'MuiFormGroup',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.row && styles.row];\n  }\n})(({\n  ownerState\n}) => _extends({\n  display: 'flex',\n  flexDirection: 'column',\n  flexWrap: 'wrap'\n}, ownerState.row && {\n  flexDirection: 'row'\n}));\n\n/**\n * `FormGroup` wraps controls such as `Checkbox` and `Switch`.\n * It provides compact row layout.\n * For the `Radio`, you should be using the `RadioGroup` component instead of this one.\n */\nconst FormGroup = /*#__PURE__*/React.forwardRef(function FormGroup(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiFormGroup'\n  });\n  const {\n      className,\n      row = false\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const muiFormControl = useFormControl();\n  const fcs = formControlState({\n    props,\n    muiFormControl,\n    states: ['error']\n  });\n  const ownerState = _extends({}, props, {\n    row,\n    error: fcs.error\n  });\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(FormGroupRoot, _extends({\n    className: clsx(classes.root, className),\n    ownerState: ownerState,\n    ref: ref\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? FormGroup.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * Display group of elements in a compact row.\n   * @default false\n   */\n  row: PropTypes.bool,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default FormGroup;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getRadioGroupUtilityClass(slot) {\n  return generateUtilityClass('MuiRadioGroup', slot);\n}\nconst radioGroupClasses = generateUtilityClasses('MuiRadioGroup', ['root', 'row', 'error']);\nexport default radioGroupClasses;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"actions\", \"children\", \"className\", \"defaultValue\", \"name\", \"onChange\", \"value\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport FormGroup from '../FormGroup';\nimport { getRadioGroupUtilityClass } from './radioGroupClasses';\nimport useForkRef from '../utils/useForkRef';\nimport useControlled from '../utils/useControlled';\nimport RadioGroupContext from './RadioGroupContext';\nimport useId from '../utils/useId';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = props => {\n  const {\n    classes,\n    row,\n    error\n  } = props;\n  const slots = {\n    root: ['root', row && 'row', error && 'error']\n  };\n  return composeClasses(slots, getRadioGroupUtilityClass, classes);\n};\nconst RadioGroup = /*#__PURE__*/React.forwardRef(function RadioGroup(props, ref) {\n  const {\n      // private\n      // eslint-disable-next-line react/prop-types\n      actions,\n      children,\n      className,\n      defaultValue,\n      name: nameProp,\n      onChange,\n      value: valueProp\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const rootRef = React.useRef(null);\n  const classes = useUtilityClasses(props);\n  const [value, setValueState] = useControlled({\n    controlled: valueProp,\n    default: defaultValue,\n    name: 'RadioGroup'\n  });\n  React.useImperativeHandle(actions, () => ({\n    focus: () => {\n      let input = rootRef.current.querySelector('input:not(:disabled):checked');\n      if (!input) {\n        input = rootRef.current.querySelector('input:not(:disabled)');\n      }\n      if (input) {\n        input.focus();\n      }\n    }\n  }), []);\n  const handleRef = useForkRef(ref, rootRef);\n  const name = useId(nameProp);\n  const contextValue = React.useMemo(() => ({\n    name,\n    onChange(event) {\n      setValueState(event.target.value);\n      if (onChange) {\n        onChange(event, event.target.value);\n      }\n    },\n    value\n  }), [name, onChange, setValueState, value]);\n  return /*#__PURE__*/_jsx(RadioGroupContext.Provider, {\n    value: contextValue,\n    children: /*#__PURE__*/_jsx(FormGroup, _extends({\n      role: \"radiogroup\",\n      ref: handleRef,\n      className: clsx(classes.root, className)\n    }, other, {\n      children: children\n    }))\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? RadioGroup.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The default value. Use when the component is not controlled.\n   */\n  defaultValue: PropTypes.any,\n  /**\n   * The name used to reference the value of the control.\n   * If you don't provide this prop, it falls back to a randomly generated name.\n   */\n  name: PropTypes.string,\n  /**\n   * Callback fired when a radio button is selected.\n   *\n   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.\n   * @param {string} value The value of the selected radio button.\n   * You can pull out the new value by accessing `event.target.value` (string).\n   */\n  onChange: PropTypes.func,\n  /**\n   * Value of the selected radio button. The DOM API casts this to a string.\n   */\n  value: PropTypes.any\n} : void 0;\nexport default RadioGroup;","import * as React from 'react';\n/**\n * @ignore - internal component.\n */\nconst RadioGroupContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== 'production') {\n  RadioGroupContext.displayName = 'RadioGroupContext';\n}\nexport default RadioGroupContext;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport { unstable_useEventCallback as useEventCallback, unstable_useTimeout as useTimeout } from '@mui/utils';\nimport extractEventHandlers from '@mui/utils/extractEventHandlers';\n/**\n * The basic building block for creating custom snackbar.\n *\n * Demos:\n *\n * - [Snackbar](https://mui.com/base-ui/react-snackbar/#hook)\n *\n * API:\n *\n * - [useSnackbar API](https://mui.com/base-ui/react-snackbar/hooks-api/#use-snackbar)\n */\nfunction useSnackbar(parameters = {}) {\n  const {\n    autoHideDuration = null,\n    disableWindowBlurListener = false,\n    onClose,\n    open,\n    resumeHideDuration\n  } = parameters;\n  const timerAutoHide = useTimeout();\n  React.useEffect(() => {\n    if (!open) {\n      return undefined;\n    }\n\n    /**\n     * @param {KeyboardEvent} nativeEvent\n     */\n    function handleKeyDown(nativeEvent) {\n      if (!nativeEvent.defaultPrevented) {\n        // IE11, Edge (prior to using Blink?) use 'Esc'\n        if (nativeEvent.key === 'Escape' || nativeEvent.key === 'Esc') {\n          // not calling `preventDefault` since we don't know if people may ignore this event e.g. a permanently open snackbar\n          onClose == null || onClose(nativeEvent, 'escapeKeyDown');\n        }\n      }\n    }\n    document.addEventListener('keydown', handleKeyDown);\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [open, onClose]);\n  const handleClose = useEventCallback((event, reason) => {\n    onClose == null || onClose(event, reason);\n  });\n  const setAutoHideTimer = useEventCallback(autoHideDurationParam => {\n    if (!onClose || autoHideDurationParam == null) {\n      return;\n    }\n    timerAutoHide.start(autoHideDurationParam, () => {\n      handleClose(null, 'timeout');\n    });\n  });\n  React.useEffect(() => {\n    if (open) {\n      setAutoHideTimer(autoHideDuration);\n    }\n    return timerAutoHide.clear;\n  }, [open, autoHideDuration, setAutoHideTimer, timerAutoHide]);\n  const handleClickAway = event => {\n    onClose == null || onClose(event, 'clickaway');\n  };\n\n  // Pause the timer when the user is interacting with the Snackbar\n  // or when the user hide the window.\n  const handlePause = timerAutoHide.clear;\n\n  // Restart the timer when the user is no longer interacting with the Snackbar\n  // or when the window is shown back.\n  const handleResume = React.useCallback(() => {\n    if (autoHideDuration != null) {\n      setAutoHideTimer(resumeHideDuration != null ? resumeHideDuration : autoHideDuration * 0.5);\n    }\n  }, [autoHideDuration, resumeHideDuration, setAutoHideTimer]);\n  const createHandleBlur = otherHandlers => event => {\n    const onBlurCallback = otherHandlers.onBlur;\n    onBlurCallback == null || onBlurCallback(event);\n    handleResume();\n  };\n  const createHandleFocus = otherHandlers => event => {\n    const onFocusCallback = otherHandlers.onFocus;\n    onFocusCallback == null || onFocusCallback(event);\n    handlePause();\n  };\n  const createMouseEnter = otherHandlers => event => {\n    const onMouseEnterCallback = otherHandlers.onMouseEnter;\n    onMouseEnterCallback == null || onMouseEnterCallback(event);\n    handlePause();\n  };\n  const createMouseLeave = otherHandlers => event => {\n    const onMouseLeaveCallback = otherHandlers.onMouseLeave;\n    onMouseLeaveCallback == null || onMouseLeaveCallback(event);\n    handleResume();\n  };\n  React.useEffect(() => {\n    // TODO: window global should be refactored here\n    if (!disableWindowBlurListener && open) {\n      window.addEventListener('focus', handleResume);\n      window.addEventListener('blur', handlePause);\n      return () => {\n        window.removeEventListener('focus', handleResume);\n        window.removeEventListener('blur', handlePause);\n      };\n    }\n    return undefined;\n  }, [disableWindowBlurListener, open, handleResume, handlePause]);\n  const getRootProps = (externalProps = {}) => {\n    const externalEventHandlers = _extends({}, extractEventHandlers(parameters), extractEventHandlers(externalProps));\n    return _extends({\n      // ClickAwayListener adds an `onClick` prop which results in the alert not being announced.\n      // See https://github.com/mui/material-ui/issues/29080\n      role: 'presentation'\n    }, externalProps, externalEventHandlers, {\n      onBlur: createHandleBlur(externalEventHandlers),\n      onFocus: createHandleFocus(externalEventHandlers),\n      onMouseEnter: createMouseEnter(externalEventHandlers),\n      onMouseLeave: createMouseLeave(externalEventHandlers)\n    });\n  };\n  return {\n    getRootProps,\n    onClickAway: handleClickAway\n  };\n}\nexport default useSnackbar;","'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { elementAcceptingRef, exactProp, unstable_ownerDocument as ownerDocument, unstable_useForkRef as useForkRef, unstable_useEventCallback as useEventCallback } from '@mui/utils';\n\n// TODO: return `EventHandlerName extends `on${infer EventName}` ? Lowercase<EventName> : never` once generatePropTypes runs with TS 4.1\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction mapEventPropToEvent(eventProp) {\n  return eventProp.substring(2).toLowerCase();\n}\nfunction clickedRootScrollbar(event, doc) {\n  return doc.documentElement.clientWidth < event.clientX || doc.documentElement.clientHeight < event.clientY;\n}\n/**\n * Listen for click events that occur somewhere in the document, outside of the element itself.\n * For instance, if you need to hide a menu when people click anywhere else on your page.\n *\n * Demos:\n *\n * - [Click-Away Listener](https://mui.com/material-ui/react-click-away-listener/)\n * - [Menu](https://mui.com/material-ui/react-menu/)\n *\n * API:\n *\n * - [ClickAwayListener API](https://mui.com/material-ui/api/click-away-listener/)\n */\nfunction ClickAwayListener(props) {\n  const {\n    children,\n    disableReactTree = false,\n    mouseEvent = 'onClick',\n    onClickAway,\n    touchEvent = 'onTouchEnd'\n  } = props;\n  const movedRef = React.useRef(false);\n  const nodeRef = React.useRef(null);\n  const activatedRef = React.useRef(false);\n  const syntheticEventRef = React.useRef(false);\n  React.useEffect(() => {\n    // Ensure that this component is not \"activated\" synchronously.\n    // https://github.com/facebook/react/issues/20074\n    setTimeout(() => {\n      activatedRef.current = true;\n    }, 0);\n    return () => {\n      activatedRef.current = false;\n    };\n  }, []);\n  const handleRef = useForkRef(\n  // @ts-expect-error TODO upstream fix\n  children.ref, nodeRef);\n\n  // The handler doesn't take event.defaultPrevented into account:\n  //\n  // event.preventDefault() is meant to stop default behaviors like\n  // clicking a checkbox to check it, hitting a button to submit a form,\n  // and hitting left arrow to move the cursor in a text input etc.\n  // Only special HTML elements have these default behaviors.\n  const handleClickAway = useEventCallback(event => {\n    // Given developers can stop the propagation of the synthetic event,\n    // we can only be confident with a positive value.\n    const insideReactTree = syntheticEventRef.current;\n    syntheticEventRef.current = false;\n    const doc = ownerDocument(nodeRef.current);\n\n    // 1. IE11 support, which trigger the handleClickAway even after the unbind\n    // 2. The child might render null.\n    // 3. Behave like a blur listener.\n    if (!activatedRef.current || !nodeRef.current || 'clientX' in event && clickedRootScrollbar(event, doc)) {\n      return;\n    }\n\n    // Do not act if user performed touchmove\n    if (movedRef.current) {\n      movedRef.current = false;\n      return;\n    }\n    let insideDOM;\n\n    // If not enough, can use https://github.com/DieterHolvoet/event-propagation-path/blob/master/propagationPath.js\n    if (event.composedPath) {\n      insideDOM = event.composedPath().indexOf(nodeRef.current) > -1;\n    } else {\n      insideDOM = !doc.documentElement.contains(\n      // @ts-expect-error returns `false` as intended when not dispatched from a Node\n      event.target) || nodeRef.current.contains(\n      // @ts-expect-error returns `false` as intended when not dispatched from a Node\n      event.target);\n    }\n    if (!insideDOM && (disableReactTree || !insideReactTree)) {\n      onClickAway(event);\n    }\n  });\n\n  // Keep track of mouse/touch events that bubbled up through the portal.\n  const createHandleSynthetic = handlerName => event => {\n    syntheticEventRef.current = true;\n    const childrenPropsHandler = children.props[handlerName];\n    if (childrenPropsHandler) {\n      childrenPropsHandler(event);\n    }\n  };\n  const childrenProps = {\n    ref: handleRef\n  };\n  if (touchEvent !== false) {\n    childrenProps[touchEvent] = createHandleSynthetic(touchEvent);\n  }\n  React.useEffect(() => {\n    if (touchEvent !== false) {\n      const mappedTouchEvent = mapEventPropToEvent(touchEvent);\n      const doc = ownerDocument(nodeRef.current);\n      const handleTouchMove = () => {\n        movedRef.current = true;\n      };\n      doc.addEventListener(mappedTouchEvent, handleClickAway);\n      doc.addEventListener('touchmove', handleTouchMove);\n      return () => {\n        doc.removeEventListener(mappedTouchEvent, handleClickAway);\n        doc.removeEventListener('touchmove', handleTouchMove);\n      };\n    }\n    return undefined;\n  }, [handleClickAway, touchEvent]);\n  if (mouseEvent !== false) {\n    childrenProps[mouseEvent] = createHandleSynthetic(mouseEvent);\n  }\n  React.useEffect(() => {\n    if (mouseEvent !== false) {\n      const mappedMouseEvent = mapEventPropToEvent(mouseEvent);\n      const doc = ownerDocument(nodeRef.current);\n      doc.addEventListener(mappedMouseEvent, handleClickAway);\n      return () => {\n        doc.removeEventListener(mappedMouseEvent, handleClickAway);\n      };\n    }\n    return undefined;\n  }, [handleClickAway, mouseEvent]);\n  return /*#__PURE__*/_jsx(React.Fragment, {\n    children: /*#__PURE__*/React.cloneElement(children, childrenProps)\n  });\n}\nprocess.env.NODE_ENV !== \"production\" ? ClickAwayListener.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The wrapped element.\n   */\n  children: elementAcceptingRef.isRequired,\n  /**\n   * If `true`, the React tree is ignored and only the DOM tree is considered.\n   * This prop changes how portaled elements are handled.\n   * @default false\n   */\n  disableReactTree: PropTypes.bool,\n  /**\n   * The mouse event to listen to. You can disable the listener by providing `false`.\n   * @default 'onClick'\n   */\n  mouseEvent: PropTypes.oneOf(['onClick', 'onMouseDown', 'onMouseUp', 'onPointerDown', 'onPointerUp', false]),\n  /**\n   * Callback fired when a \"click away\" event is detected.\n   */\n  onClickAway: PropTypes.func.isRequired,\n  /**\n   * The touch event to listen to. You can disable the listener by providing `false`.\n   * @default 'onTouchEnd'\n   */\n  touchEvent: PropTypes.oneOf(['onTouchEnd', 'onTouchStart', false])\n} : void 0;\nif (process.env.NODE_ENV !== 'production') {\n  // eslint-disable-next-line\n  ClickAwayListener['propTypes' + ''] = exactProp(ClickAwayListener.propTypes);\n}\nexport { ClickAwayListener };","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getSnackbarContentUtilityClass(slot) {\n  return generateUtilityClass('MuiSnackbarContent', slot);\n}\nconst snackbarContentClasses = generateUtilityClasses('MuiSnackbarContent', ['root', 'message', 'action']);\nexport default snackbarContentClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"action\", \"className\", \"message\", \"role\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { emphasize } from '@mui/system/colorManipulator';\nimport styled from '../styles/styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport Paper from '../Paper';\nimport { getSnackbarContentUtilityClass } from './snackbarContentClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root'],\n    action: ['action'],\n    message: ['message']\n  };\n  return composeClasses(slots, getSnackbarContentUtilityClass, classes);\n};\nconst SnackbarContentRoot = styled(Paper, {\n  name: 'MuiSnackbarContent',\n  slot: 'Root',\n  overridesResolver: (props, styles) => styles.root\n})(({\n  theme\n}) => {\n  const emphasis = theme.palette.mode === 'light' ? 0.8 : 0.98;\n  const backgroundColor = emphasize(theme.palette.background.default, emphasis);\n  return _extends({}, theme.typography.body2, {\n    color: theme.vars ? theme.vars.palette.SnackbarContent.color : theme.palette.getContrastText(backgroundColor),\n    backgroundColor: theme.vars ? theme.vars.palette.SnackbarContent.bg : backgroundColor,\n    display: 'flex',\n    alignItems: 'center',\n    flexWrap: 'wrap',\n    padding: '6px 16px',\n    borderRadius: (theme.vars || theme).shape.borderRadius,\n    flexGrow: 1,\n    [theme.breakpoints.up('sm')]: {\n      flexGrow: 'initial',\n      minWidth: 288\n    }\n  });\n});\nconst SnackbarContentMessage = styled('div', {\n  name: 'MuiSnackbarContent',\n  slot: 'Message',\n  overridesResolver: (props, styles) => styles.message\n})({\n  padding: '8px 0'\n});\nconst SnackbarContentAction = styled('div', {\n  name: 'MuiSnackbarContent',\n  slot: 'Action',\n  overridesResolver: (props, styles) => styles.action\n})({\n  display: 'flex',\n  alignItems: 'center',\n  marginLeft: 'auto',\n  paddingLeft: 16,\n  marginRight: -8\n});\nconst SnackbarContent = /*#__PURE__*/React.forwardRef(function SnackbarContent(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiSnackbarContent'\n  });\n  const {\n      action,\n      className,\n      message,\n      role = 'alert'\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const ownerState = props;\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsxs(SnackbarContentRoot, _extends({\n    role: role,\n    square: true,\n    elevation: 6,\n    className: clsx(classes.root, className),\n    ownerState: ownerState,\n    ref: ref\n  }, other, {\n    children: [/*#__PURE__*/_jsx(SnackbarContentMessage, {\n      className: classes.message,\n      ownerState: ownerState,\n      children: message\n    }), action ? /*#__PURE__*/_jsx(SnackbarContentAction, {\n      className: classes.action,\n      ownerState: ownerState,\n      children: action\n    }) : null]\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? SnackbarContent.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The action to display. It renders after the message, at the end of the snackbar.\n   */\n  action: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The message to display.\n   */\n  message: PropTypes.node,\n  /**\n   * The ARIA role attribute of the element.\n   * @default 'alert'\n   */\n  role: PropTypes /* @typescript-to-proptypes-ignore */.string,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default SnackbarContent;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getSnackbarUtilityClass(slot) {\n  return generateUtilityClass('MuiSnackbar', slot);\n}\nconst snackbarClasses = generateUtilityClasses('MuiSnackbar', ['root', 'anchorOriginTopCenter', 'anchorOriginBottomCenter', 'anchorOriginTopRight', 'anchorOriginBottomRight', 'anchorOriginTopLeft', 'anchorOriginBottomLeft']);\nexport default snackbarClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"onEnter\", \"onExited\"],\n  _excluded2 = [\"action\", \"anchorOrigin\", \"autoHideDuration\", \"children\", \"className\", \"ClickAwayListenerProps\", \"ContentProps\", \"disableWindowBlurListener\", \"message\", \"onBlur\", \"onClose\", \"onFocus\", \"onMouseEnter\", \"onMouseLeave\", \"open\", \"resumeHideDuration\", \"TransitionComponent\", \"transitionDuration\", \"TransitionProps\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport composeClasses from '@mui/utils/composeClasses';\nimport useSlotProps from '@mui/utils/useSlotProps';\nimport useSnackbar from './useSnackbar';\nimport ClickAwayListener from '../ClickAwayListener';\nimport { styled, useTheme } from '../styles';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport capitalize from '../utils/capitalize';\nimport Grow from '../Grow';\nimport SnackbarContent from '../SnackbarContent';\nimport { getSnackbarUtilityClass } from './snackbarClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    anchorOrigin\n  } = ownerState;\n  const slots = {\n    root: ['root', `anchorOrigin${capitalize(anchorOrigin.vertical)}${capitalize(anchorOrigin.horizontal)}`]\n  };\n  return composeClasses(slots, getSnackbarUtilityClass, classes);\n};\nconst SnackbarRoot = styled('div', {\n  name: 'MuiSnackbar',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, styles[`anchorOrigin${capitalize(ownerState.anchorOrigin.vertical)}${capitalize(ownerState.anchorOrigin.horizontal)}`]];\n  }\n})(({\n  theme,\n  ownerState\n}) => {\n  const center = {\n    left: '50%',\n    right: 'auto',\n    transform: 'translateX(-50%)'\n  };\n  return _extends({\n    zIndex: (theme.vars || theme).zIndex.snackbar,\n    position: 'fixed',\n    display: 'flex',\n    left: 8,\n    right: 8,\n    justifyContent: 'center',\n    alignItems: 'center'\n  }, ownerState.anchorOrigin.vertical === 'top' ? {\n    top: 8\n  } : {\n    bottom: 8\n  }, ownerState.anchorOrigin.horizontal === 'left' && {\n    justifyContent: 'flex-start'\n  }, ownerState.anchorOrigin.horizontal === 'right' && {\n    justifyContent: 'flex-end'\n  }, {\n    [theme.breakpoints.up('sm')]: _extends({}, ownerState.anchorOrigin.vertical === 'top' ? {\n      top: 24\n    } : {\n      bottom: 24\n    }, ownerState.anchorOrigin.horizontal === 'center' && center, ownerState.anchorOrigin.horizontal === 'left' && {\n      left: 24,\n      right: 'auto'\n    }, ownerState.anchorOrigin.horizontal === 'right' && {\n      right: 24,\n      left: 'auto'\n    })\n  });\n});\nconst Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiSnackbar'\n  });\n  const theme = useTheme();\n  const defaultTransitionDuration = {\n    enter: theme.transitions.duration.enteringScreen,\n    exit: theme.transitions.duration.leavingScreen\n  };\n  const {\n      action,\n      anchorOrigin: {\n        vertical,\n        horizontal\n      } = {\n        vertical: 'bottom',\n        horizontal: 'left'\n      },\n      autoHideDuration = null,\n      children,\n      className,\n      ClickAwayListenerProps,\n      ContentProps,\n      disableWindowBlurListener = false,\n      message,\n      open,\n      TransitionComponent = Grow,\n      transitionDuration = defaultTransitionDuration,\n      TransitionProps: {\n        onEnter,\n        onExited\n      } = {}\n    } = props,\n    TransitionProps = _objectWithoutPropertiesLoose(props.TransitionProps, _excluded),\n    other = _objectWithoutPropertiesLoose(props, _excluded2);\n  const ownerState = _extends({}, props, {\n    anchorOrigin: {\n      vertical,\n      horizontal\n    },\n    autoHideDuration,\n    disableWindowBlurListener,\n    TransitionComponent,\n    transitionDuration\n  });\n  const classes = useUtilityClasses(ownerState);\n  const {\n    getRootProps,\n    onClickAway\n  } = useSnackbar(_extends({}, ownerState));\n  const [exited, setExited] = React.useState(true);\n  const rootProps = useSlotProps({\n    elementType: SnackbarRoot,\n    getSlotProps: getRootProps,\n    externalForwardedProps: other,\n    ownerState,\n    additionalProps: {\n      ref\n    },\n    className: [classes.root, className]\n  });\n  const handleExited = node => {\n    setExited(true);\n    if (onExited) {\n      onExited(node);\n    }\n  };\n  const handleEnter = (node, isAppearing) => {\n    setExited(false);\n    if (onEnter) {\n      onEnter(node, isAppearing);\n    }\n  };\n\n  // So we only render active snackbars.\n  if (!open && exited) {\n    return null;\n  }\n  return /*#__PURE__*/_jsx(ClickAwayListener, _extends({\n    onClickAway: onClickAway\n  }, ClickAwayListenerProps, {\n    children: /*#__PURE__*/_jsx(SnackbarRoot, _extends({}, rootProps, {\n      children: /*#__PURE__*/_jsx(TransitionComponent, _extends({\n        appear: true,\n        in: open,\n        timeout: transitionDuration,\n        direction: vertical === 'top' ? 'down' : 'up',\n        onEnter: handleEnter,\n        onExited: handleExited\n      }, TransitionProps, {\n        children: children || /*#__PURE__*/_jsx(SnackbarContent, _extends({\n          message: message,\n          action: action\n        }, ContentProps))\n      }))\n    }))\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Snackbar.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The action to display. It renders after the message, at the end of the snackbar.\n   */\n  action: PropTypes.node,\n  /**\n   * The anchor of the `Snackbar`.\n   * On smaller screens, the component grows to occupy all the available width,\n   * the horizontal alignment is ignored.\n   * @default { vertical: 'bottom', horizontal: 'left' }\n   */\n  anchorOrigin: PropTypes.shape({\n    horizontal: PropTypes.oneOf(['center', 'left', 'right']).isRequired,\n    vertical: PropTypes.oneOf(['bottom', 'top']).isRequired\n  }),\n  /**\n   * The number of milliseconds to wait before automatically calling the\n   * `onClose` function. `onClose` should then set the state of the `open`\n   * prop to hide the Snackbar. This behavior is disabled by default with\n   * the `null` value.\n   * @default null\n   */\n  autoHideDuration: PropTypes.number,\n  /**\n   * Replace the `SnackbarContent` component.\n   */\n  children: PropTypes.element,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * Props applied to the `ClickAwayListener` element.\n   */\n  ClickAwayListenerProps: PropTypes.object,\n  /**\n   * Props applied to the [`SnackbarContent`](/material-ui/api/snackbar-content/) element.\n   */\n  ContentProps: PropTypes.object,\n  /**\n   * If `true`, the `autoHideDuration` timer will expire even if the window is not focused.\n   * @default false\n   */\n  disableWindowBlurListener: PropTypes.bool,\n  /**\n   * When displaying multiple consecutive snackbars using a single parent-rendered\n   * `<Snackbar/>`, add the `key` prop to ensure independent treatment of each message.\n   * For instance, use `<Snackbar key={message} />`. Otherwise, messages might update\n   * in place, and features like `autoHideDuration` could be affected.\n   */\n  key: () => null,\n  /**\n   * The message to display.\n   */\n  message: PropTypes.node,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Callback fired when the component requests to be closed.\n   * Typically `onClose` is used to set state in the parent component,\n   * which is used to control the `Snackbar` `open` prop.\n   * The `reason` parameter can optionally be used to control the response to `onClose`,\n   * for example ignoring `clickaway`.\n   *\n   * @param {React.SyntheticEvent<any> | Event} event The event source of the callback.\n   * @param {string} reason Can be: `\"timeout\"` (`autoHideDuration` expired), `\"clickaway\"`, or `\"escapeKeyDown\"`.\n   */\n  onClose: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onFocus: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onMouseEnter: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onMouseLeave: PropTypes.func,\n  /**\n   * If `true`, the component is shown.\n   */\n  open: PropTypes.bool,\n  /**\n   * The number of milliseconds to wait before dismissing after user interaction.\n   * If `autoHideDuration` prop isn't specified, it does nothing.\n   * If `autoHideDuration` prop is specified but `resumeHideDuration` isn't,\n   * we default to `autoHideDuration / 2` ms.\n   */\n  resumeHideDuration: PropTypes.number,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The component used for the transition.\n   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.\n   * @default Grow\n   */\n  TransitionComponent: PropTypes.elementType,\n  /**\n   * The duration for the transition, in milliseconds.\n   * You may specify a single timeout for all transitions, or individually with an object.\n   * @default {\n   *   enter: theme.transitions.duration.enteringScreen,\n   *   exit: theme.transitions.duration.leavingScreen,\n   * }\n   */\n  transitionDuration: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({\n    appear: PropTypes.number,\n    enter: PropTypes.number,\n    exit: PropTypes.number\n  })]),\n  /**\n   * Props applied to the transition element.\n   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.\n   * @default {}\n   */\n  TransitionProps: PropTypes.object\n} : void 0;\nexport default Snackbar;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"ownerState\"],\n  _excluded2 = [\"variants\"],\n  _excluded3 = [\"name\", \"slot\", \"skipVariantsResolver\", \"skipSx\", \"overridesResolver\"];\n/* eslint-disable no-underscore-dangle */\nimport styledEngineStyled, { internal_processStyles as processStyles } from '@mui/styled-engine';\nimport { isPlainObject } from '@mui/utils/deepmerge';\nimport capitalize from '@mui/utils/capitalize';\nimport getDisplayName from '@mui/utils/getDisplayName';\nimport createTheme from './createTheme';\nimport styleFunctionSx from './styleFunctionSx';\nfunction isEmpty(obj) {\n  return Object.keys(obj).length === 0;\n}\n\n// https://github.com/emotion-js/emotion/blob/26ded6109fcd8ca9875cc2ce4564fee678a3f3c5/packages/styled/src/utils.js#L40\nfunction isStringTag(tag) {\n  return typeof tag === 'string' &&\n  // 96 is one less than the char code\n  // for \"a\" so this is checking that\n  // it's a lowercase character\n  tag.charCodeAt(0) > 96;\n}\n\n// Update /system/styled/#api in case if this changes\nexport function shouldForwardProp(prop) {\n  return prop !== 'ownerState' && prop !== 'theme' && prop !== 'sx' && prop !== 'as';\n}\nexport const systemDefaultTheme = createTheme();\nconst lowercaseFirstLetter = string => {\n  if (!string) {\n    return string;\n  }\n  return string.charAt(0).toLowerCase() + string.slice(1);\n};\nfunction resolveTheme({\n  defaultTheme,\n  theme,\n  themeId\n}) {\n  return isEmpty(theme) ? defaultTheme : theme[themeId] || theme;\n}\nfunction defaultOverridesResolver(slot) {\n  if (!slot) {\n    return null;\n  }\n  return (props, styles) => styles[slot];\n}\nfunction processStyleArg(callableStyle, _ref) {\n  let {\n      ownerState\n    } = _ref,\n    props = _objectWithoutPropertiesLoose(_ref, _excluded);\n  const resolvedStylesArg = typeof callableStyle === 'function' ? callableStyle(_extends({\n    ownerState\n  }, props)) : callableStyle;\n  if (Array.isArray(resolvedStylesArg)) {\n    return resolvedStylesArg.flatMap(resolvedStyle => processStyleArg(resolvedStyle, _extends({\n      ownerState\n    }, props)));\n  }\n  if (!!resolvedStylesArg && typeof resolvedStylesArg === 'object' && Array.isArray(resolvedStylesArg.variants)) {\n    const {\n        variants = []\n      } = resolvedStylesArg,\n      otherStyles = _objectWithoutPropertiesLoose(resolvedStylesArg, _excluded2);\n    let result = otherStyles;\n    variants.forEach(variant => {\n      let isMatch = true;\n      if (typeof variant.props === 'function') {\n        isMatch = variant.props(_extends({\n          ownerState\n        }, props, ownerState));\n      } else {\n        Object.keys(variant.props).forEach(key => {\n          if ((ownerState == null ? void 0 : ownerState[key]) !== variant.props[key] && props[key] !== variant.props[key]) {\n            isMatch = false;\n          }\n        });\n      }\n      if (isMatch) {\n        if (!Array.isArray(result)) {\n          result = [result];\n        }\n        result.push(typeof variant.style === 'function' ? variant.style(_extends({\n          ownerState\n        }, props, ownerState)) : variant.style);\n      }\n    });\n    return result;\n  }\n  return resolvedStylesArg;\n}\nexport default function createStyled(input = {}) {\n  const {\n    themeId,\n    defaultTheme = systemDefaultTheme,\n    rootShouldForwardProp = shouldForwardProp,\n    slotShouldForwardProp = shouldForwardProp\n  } = input;\n  const systemSx = props => {\n    return styleFunctionSx(_extends({}, props, {\n      theme: resolveTheme(_extends({}, props, {\n        defaultTheme,\n        themeId\n      }))\n    }));\n  };\n  systemSx.__mui_systemSx = true;\n  return (tag, inputOptions = {}) => {\n    // Filter out the `sx` style function from the previous styled component to prevent unnecessary styles generated by the composite components.\n    processStyles(tag, styles => styles.filter(style => !(style != null && style.__mui_systemSx)));\n    const {\n        name: componentName,\n        slot: componentSlot,\n        skipVariantsResolver: inputSkipVariantsResolver,\n        skipSx: inputSkipSx,\n        // TODO v6: remove `lowercaseFirstLetter()` in the next major release\n        // For more details: https://github.com/mui/material-ui/pull/37908\n        overridesResolver = defaultOverridesResolver(lowercaseFirstLetter(componentSlot))\n      } = inputOptions,\n      options = _objectWithoutPropertiesLoose(inputOptions, _excluded3);\n\n    // if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.\n    const skipVariantsResolver = inputSkipVariantsResolver !== undefined ? inputSkipVariantsResolver :\n    // TODO v6: remove `Root` in the next major release\n    // For more details: https://github.com/mui/material-ui/pull/37908\n    componentSlot && componentSlot !== 'Root' && componentSlot !== 'root' || false;\n    const skipSx = inputSkipSx || false;\n    let label;\n    if (process.env.NODE_ENV !== 'production') {\n      if (componentName) {\n        // TODO v6: remove `lowercaseFirstLetter()` in the next major release\n        // For more details: https://github.com/mui/material-ui/pull/37908\n        label = `${componentName}-${lowercaseFirstLetter(componentSlot || 'Root')}`;\n      }\n    }\n    let shouldForwardPropOption = shouldForwardProp;\n\n    // TODO v6: remove `Root` in the next major release\n    // For more details: https://github.com/mui/material-ui/pull/37908\n    if (componentSlot === 'Root' || componentSlot === 'root') {\n      shouldForwardPropOption = rootShouldForwardProp;\n    } else if (componentSlot) {\n      // any other slot specified\n      shouldForwardPropOption = slotShouldForwardProp;\n    } else if (isStringTag(tag)) {\n      // for string (html) tag, preserve the behavior in emotion & styled-components.\n      shouldForwardPropOption = undefined;\n    }\n    const defaultStyledResolver = styledEngineStyled(tag, _extends({\n      shouldForwardProp: shouldForwardPropOption,\n      label\n    }, options));\n    const transformStyleArg = stylesArg => {\n      // On the server Emotion doesn't use React.forwardRef for creating components, so the created\n      // component stays as a function. This condition makes sure that we do not interpolate functions\n      // which are basically components used as a selectors.\n      if (typeof stylesArg === 'function' && stylesArg.__emotion_real !== stylesArg || isPlainObject(stylesArg)) {\n        return props => processStyleArg(stylesArg, _extends({}, props, {\n          theme: resolveTheme({\n            theme: props.theme,\n            defaultTheme,\n            themeId\n          })\n        }));\n      }\n      return stylesArg;\n    };\n    const muiStyledResolver = (styleArg, ...expressions) => {\n      let transformedStyleArg = transformStyleArg(styleArg);\n      const expressionsWithDefaultTheme = expressions ? expressions.map(transformStyleArg) : [];\n      if (componentName && overridesResolver) {\n        expressionsWithDefaultTheme.push(props => {\n          const theme = resolveTheme(_extends({}, props, {\n            defaultTheme,\n            themeId\n          }));\n          if (!theme.components || !theme.components[componentName] || !theme.components[componentName].styleOverrides) {\n            return null;\n          }\n          const styleOverrides = theme.components[componentName].styleOverrides;\n          const resolvedStyleOverrides = {};\n          // TODO: v7 remove iteration and use `resolveStyleArg(styleOverrides[slot])` directly\n          Object.entries(styleOverrides).forEach(([slotKey, slotStyle]) => {\n            resolvedStyleOverrides[slotKey] = processStyleArg(slotStyle, _extends({}, props, {\n              theme\n            }));\n          });\n          return overridesResolver(props, resolvedStyleOverrides);\n        });\n      }\n      if (componentName && !skipVariantsResolver) {\n        expressionsWithDefaultTheme.push(props => {\n          var _theme$components;\n          const theme = resolveTheme(_extends({}, props, {\n            defaultTheme,\n            themeId\n          }));\n          const themeVariants = theme == null || (_theme$components = theme.components) == null || (_theme$components = _theme$components[componentName]) == null ? void 0 : _theme$components.variants;\n          return processStyleArg({\n            variants: themeVariants\n          }, _extends({}, props, {\n            theme\n          }));\n        });\n      }\n      if (!skipSx) {\n        expressionsWithDefaultTheme.push(systemSx);\n      }\n      const numOfCustomFnsApplied = expressionsWithDefaultTheme.length - expressions.length;\n      if (Array.isArray(styleArg) && numOfCustomFnsApplied > 0) {\n        const placeholders = new Array(numOfCustomFnsApplied).fill('');\n        // If the type is array, than we need to add placeholders in the template for the overrides, variants and the sx styles.\n        transformedStyleArg = [...styleArg, ...placeholders];\n        transformedStyleArg.raw = [...styleArg.raw, ...placeholders];\n      }\n      const Component = defaultStyledResolver(transformedStyleArg, ...expressionsWithDefaultTheme);\n      if (process.env.NODE_ENV !== 'production') {\n        let displayName;\n        if (componentName) {\n          displayName = `${componentName}${capitalize(componentSlot || '')}`;\n        }\n        if (displayName === undefined) {\n          displayName = `Styled(${getDisplayName(tag)})`;\n        }\n        Component.displayName = displayName;\n      }\n      if (tag.muiName) {\n        Component.muiName = tag.muiName;\n      }\n      return Component;\n    };\n    if (defaultStyledResolver.withConfig) {\n      muiStyledResolver.withConfig = defaultStyledResolver.withConfig;\n    }\n    return muiStyledResolver;\n  };\n}","import createStyled from './createStyled';\nconst styled = createStyled();\nexport default styled;","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"component\", \"direction\", \"spacing\", \"divider\", \"children\", \"className\", \"useFlexGap\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport deepmerge from '@mui/utils/deepmerge';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nimport composeClasses from '@mui/utils/composeClasses';\nimport systemStyled from '../styled';\nimport useThemePropsSystem from '../useThemeProps';\nimport { extendSxProp } from '../styleFunctionSx';\nimport createTheme from '../createTheme';\nimport { handleBreakpoints, mergeBreakpointsInOrder, resolveBreakpointValues } from '../breakpoints';\nimport { createUnarySpacing, getValue } from '../spacing';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst defaultTheme = createTheme();\n// widening Theme to any so that the consumer can own the theme structure.\nconst defaultCreateStyledComponent = systemStyled('div', {\n  name: 'MuiStack',\n  slot: 'Root',\n  overridesResolver: (props, styles) => styles.root\n});\nfunction useThemePropsDefault(props) {\n  return useThemePropsSystem({\n    props,\n    name: 'MuiStack',\n    defaultTheme\n  });\n}\n\n/**\n * Return an array with the separator React element interspersed between\n * each React node of the input children.\n *\n * > joinChildren([1,2,3], 0)\n * [1,0,2,0,3]\n */\nfunction joinChildren(children, separator) {\n  const childrenArray = React.Children.toArray(children).filter(Boolean);\n  return childrenArray.reduce((output, child, index) => {\n    output.push(child);\n    if (index < childrenArray.length - 1) {\n      output.push( /*#__PURE__*/React.cloneElement(separator, {\n        key: `separator-${index}`\n      }));\n    }\n    return output;\n  }, []);\n}\nconst getSideFromDirection = direction => {\n  return {\n    row: 'Left',\n    'row-reverse': 'Right',\n    column: 'Top',\n    'column-reverse': 'Bottom'\n  }[direction];\n};\nexport const style = ({\n  ownerState,\n  theme\n}) => {\n  let styles = _extends({\n    display: 'flex',\n    flexDirection: 'column'\n  }, handleBreakpoints({\n    theme\n  }, resolveBreakpointValues({\n    values: ownerState.direction,\n    breakpoints: theme.breakpoints.values\n  }), propValue => ({\n    flexDirection: propValue\n  })));\n  if (ownerState.spacing) {\n    const transformer = createUnarySpacing(theme);\n    const base = Object.keys(theme.breakpoints.values).reduce((acc, breakpoint) => {\n      if (typeof ownerState.spacing === 'object' && ownerState.spacing[breakpoint] != null || typeof ownerState.direction === 'object' && ownerState.direction[breakpoint] != null) {\n        acc[breakpoint] = true;\n      }\n      return acc;\n    }, {});\n    const directionValues = resolveBreakpointValues({\n      values: ownerState.direction,\n      base\n    });\n    const spacingValues = resolveBreakpointValues({\n      values: ownerState.spacing,\n      base\n    });\n    if (typeof directionValues === 'object') {\n      Object.keys(directionValues).forEach((breakpoint, index, breakpoints) => {\n        const directionValue = directionValues[breakpoint];\n        if (!directionValue) {\n          const previousDirectionValue = index > 0 ? directionValues[breakpoints[index - 1]] : 'column';\n          directionValues[breakpoint] = previousDirectionValue;\n        }\n      });\n    }\n    const styleFromPropValue = (propValue, breakpoint) => {\n      if (ownerState.useFlexGap) {\n        return {\n          gap: getValue(transformer, propValue)\n        };\n      }\n      return {\n        // The useFlexGap={false} implement relies on each child to give up control of the margin.\n        // We need to reset the margin to avoid double spacing.\n        '& > :not(style):not(style)': {\n          margin: 0\n        },\n        '& > :not(style) ~ :not(style)': {\n          [`margin${getSideFromDirection(breakpoint ? directionValues[breakpoint] : ownerState.direction)}`]: getValue(transformer, propValue)\n        }\n      };\n    };\n    styles = deepmerge(styles, handleBreakpoints({\n      theme\n    }, spacingValues, styleFromPropValue));\n  }\n  styles = mergeBreakpointsInOrder(theme.breakpoints, styles);\n  return styles;\n};\nexport default function createStack(options = {}) {\n  const {\n    // This will allow adding custom styled fn (for example for custom sx style function)\n    createStyledComponent = defaultCreateStyledComponent,\n    useThemeProps = useThemePropsDefault,\n    componentName = 'MuiStack'\n  } = options;\n  const useUtilityClasses = () => {\n    const slots = {\n      root: ['root']\n    };\n    return composeClasses(slots, slot => generateUtilityClass(componentName, slot), {});\n  };\n  const StackRoot = createStyledComponent(style);\n  const Stack = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {\n    const themeProps = useThemeProps(inProps);\n    const props = extendSxProp(themeProps); // `color` type conflicts with html color attribute.\n    const {\n        component = 'div',\n        direction = 'column',\n        spacing = 0,\n        divider,\n        children,\n        className,\n        useFlexGap = false\n      } = props,\n      other = _objectWithoutPropertiesLoose(props, _excluded);\n    const ownerState = {\n      direction,\n      spacing,\n      useFlexGap\n    };\n    const classes = useUtilityClasses();\n    return /*#__PURE__*/_jsx(StackRoot, _extends({\n      as: component,\n      ownerState: ownerState,\n      ref: ref,\n      className: clsx(classes.root, className)\n    }, other, {\n      children: divider ? joinChildren(children, divider) : children\n    }));\n  });\n  process.env.NODE_ENV !== \"production\" ? Stack.propTypes /* remove-proptypes */ = {\n    children: PropTypes.node,\n    direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),\n    divider: PropTypes.node,\n    spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),\n    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n  } : void 0;\n  return Stack;\n}","'use client';\n\nimport PropTypes from 'prop-types';\nimport { createStack } from '@mui/system';\nimport styled from '../styles/styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nconst Stack = createStack({\n  createStyledComponent: styled('div', {\n    name: 'MuiStack',\n    slot: 'Root',\n    overridesResolver: (props, styles) => styles.root\n  }),\n  useThemeProps: inProps => useDefaultProps({\n    props: inProps,\n    name: 'MuiStack'\n  })\n});\nprocess.env.NODE_ENV !== \"production\" ? Stack.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Defines the `flex-direction` style property.\n   * It is applied for all screen sizes.\n   * @default 'column'\n   */\n  direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),\n  /**\n   * Add an element between each child.\n   */\n  divider: PropTypes.node,\n  /**\n   * Defines the space between immediate children.\n   * @default 0\n   */\n  spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),\n  /**\n   * The system prop, which allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.\n   *\n   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),\n   * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.\n   *\n   * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.\n   * @default false\n   */\n  useFlexGap: PropTypes.bool\n} : void 0;\nexport default Stack;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getSvgIconUtilityClass(slot) {\n  return generateUtilityClass('MuiSvgIcon', slot);\n}\nconst svgIconClasses = generateUtilityClasses('MuiSvgIcon', ['root', 'colorPrimary', 'colorSecondary', 'colorAction', 'colorError', 'colorDisabled', 'fontSizeInherit', 'fontSizeSmall', 'fontSizeMedium', 'fontSizeLarge']);\nexport default svgIconClasses;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"children\", \"className\", \"color\", \"component\", \"fontSize\", \"htmlColor\", \"inheritViewBox\", \"titleAccess\", \"viewBox\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport capitalize from '../utils/capitalize';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport styled from '../styles/styled';\nimport { getSvgIconUtilityClass } from './svgIconClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    color,\n    fontSize,\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root', color !== 'inherit' && `color${capitalize(color)}`, `fontSize${capitalize(fontSize)}`]\n  };\n  return composeClasses(slots, getSvgIconUtilityClass, classes);\n};\nconst SvgIconRoot = styled('svg', {\n  name: 'MuiSvgIcon',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.color !== 'inherit' && styles[`color${capitalize(ownerState.color)}`], styles[`fontSize${capitalize(ownerState.fontSize)}`]];\n  }\n})(({\n  theme,\n  ownerState\n}) => {\n  var _theme$transitions, _theme$transitions$cr, _theme$transitions2, _theme$typography, _theme$typography$pxT, _theme$typography2, _theme$typography2$px, _theme$typography3, _theme$typography3$px, _palette$ownerState$c, _palette, _palette2, _palette3;\n  return {\n    userSelect: 'none',\n    width: '1em',\n    height: '1em',\n    display: 'inline-block',\n    // the <svg> will define the property that has `currentColor`\n    // for example heroicons uses fill=\"none\" and stroke=\"currentColor\"\n    fill: ownerState.hasSvgAsChild ? undefined : 'currentColor',\n    flexShrink: 0,\n    transition: (_theme$transitions = theme.transitions) == null || (_theme$transitions$cr = _theme$transitions.create) == null ? void 0 : _theme$transitions$cr.call(_theme$transitions, 'fill', {\n      duration: (_theme$transitions2 = theme.transitions) == null || (_theme$transitions2 = _theme$transitions2.duration) == null ? void 0 : _theme$transitions2.shorter\n    }),\n    fontSize: {\n      inherit: 'inherit',\n      small: ((_theme$typography = theme.typography) == null || (_theme$typography$pxT = _theme$typography.pxToRem) == null ? void 0 : _theme$typography$pxT.call(_theme$typography, 20)) || '1.25rem',\n      medium: ((_theme$typography2 = theme.typography) == null || (_theme$typography2$px = _theme$typography2.pxToRem) == null ? void 0 : _theme$typography2$px.call(_theme$typography2, 24)) || '1.5rem',\n      large: ((_theme$typography3 = theme.typography) == null || (_theme$typography3$px = _theme$typography3.pxToRem) == null ? void 0 : _theme$typography3$px.call(_theme$typography3, 35)) || '2.1875rem'\n    }[ownerState.fontSize],\n    // TODO v5 deprecate, v6 remove for sx\n    color: (_palette$ownerState$c = (_palette = (theme.vars || theme).palette) == null || (_palette = _palette[ownerState.color]) == null ? void 0 : _palette.main) != null ? _palette$ownerState$c : {\n      action: (_palette2 = (theme.vars || theme).palette) == null || (_palette2 = _palette2.action) == null ? void 0 : _palette2.active,\n      disabled: (_palette3 = (theme.vars || theme).palette) == null || (_palette3 = _palette3.action) == null ? void 0 : _palette3.disabled,\n      inherit: undefined\n    }[ownerState.color]\n  };\n});\nconst SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiSvgIcon'\n  });\n  const {\n      children,\n      className,\n      color = 'inherit',\n      component = 'svg',\n      fontSize = 'medium',\n      htmlColor,\n      inheritViewBox = false,\n      titleAccess,\n      viewBox = '0 0 24 24'\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const hasSvgAsChild = /*#__PURE__*/React.isValidElement(children) && children.type === 'svg';\n  const ownerState = _extends({}, props, {\n    color,\n    component,\n    fontSize,\n    instanceFontSize: inProps.fontSize,\n    inheritViewBox,\n    viewBox,\n    hasSvgAsChild\n  });\n  const more = {};\n  if (!inheritViewBox) {\n    more.viewBox = viewBox;\n  }\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsxs(SvgIconRoot, _extends({\n    as: component,\n    className: clsx(classes.root, className),\n    focusable: \"false\",\n    color: htmlColor,\n    \"aria-hidden\": titleAccess ? undefined : true,\n    role: titleAccess ? 'img' : undefined,\n    ref: ref\n  }, more, other, hasSvgAsChild && children.props, {\n    ownerState: ownerState,\n    children: [hasSvgAsChild ? children.props.children : children, titleAccess ? /*#__PURE__*/_jsx(\"title\", {\n      children: titleAccess\n    }) : null]\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? SvgIcon.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * Node passed into the SVG element.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * You can use the `htmlColor` prop to apply a color attribute to the SVG element.\n   * @default 'inherit'\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'action', 'disabled', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.\n   * @default 'medium'\n   */\n  fontSize: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'large', 'medium', 'small']), PropTypes.string]),\n  /**\n   * Applies a color attribute to the SVG element.\n   */\n  htmlColor: PropTypes.string,\n  /**\n   * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`\n   * prop will be ignored.\n   * Useful when you want to reference a custom `component` and have `SvgIcon` pass that\n   * `component`'s viewBox to the root node.\n   * @default false\n   */\n  inheritViewBox: PropTypes.bool,\n  /**\n   * The shape-rendering attribute. The behavior of the different options is described on the\n   * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).\n   * If you are having issues with blurry icons you should investigate this prop.\n   */\n  shapeRendering: PropTypes.string,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * Provides a human-readable title for the element that contains it.\n   * https://www.w3.org/TR/SVG-access/#Equivalent\n   */\n  titleAccess: PropTypes.string,\n  /**\n   * Allows you to redefine what the coordinates without units mean inside an SVG element.\n   * For example, if the SVG element is 500 (width) by 200 (height),\n   * and you pass viewBox=\"0 0 50 20\",\n   * this means that the coordinates inside the SVG will go from the top left corner (0,0)\n   * to bottom right (50,20) and each unit will be worth 10px.\n   * @default '0 0 24 24'\n   */\n  viewBox: PropTypes.string\n} : void 0;\nSvgIcon.muiName = 'SvgIcon';\nexport default SvgIcon;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getTypographyUtilityClass(slot) {\n  return generateUtilityClass('MuiTypography', slot);\n}\nconst typographyClasses = generateUtilityClasses('MuiTypography', ['root', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'inherit', 'button', 'caption', 'overline', 'alignLeft', 'alignRight', 'alignCenter', 'alignJustify', 'noWrap', 'gutterBottom', 'paragraph']);\nexport default typographyClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"align\", \"className\", \"component\", \"gutterBottom\", \"noWrap\", \"paragraph\", \"variant\", \"variantMapping\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { extendSxProp } from '@mui/system/styleFunctionSx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport styled from '../styles/styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport capitalize from '../utils/capitalize';\nimport { getTypographyUtilityClass } from './typographyClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    align,\n    gutterBottom,\n    noWrap,\n    paragraph,\n    variant,\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root', variant, ownerState.align !== 'inherit' && `align${capitalize(align)}`, gutterBottom && 'gutterBottom', noWrap && 'noWrap', paragraph && 'paragraph']\n  };\n  return composeClasses(slots, getTypographyUtilityClass, classes);\n};\nexport const TypographyRoot = styled('span', {\n  name: 'MuiTypography',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.variant && styles[ownerState.variant], ownerState.align !== 'inherit' && styles[`align${capitalize(ownerState.align)}`], ownerState.noWrap && styles.noWrap, ownerState.gutterBottom && styles.gutterBottom, ownerState.paragraph && styles.paragraph];\n  }\n})(({\n  theme,\n  ownerState\n}) => _extends({\n  margin: 0\n}, ownerState.variant === 'inherit' && {\n  // Some elements, like <button> on Chrome have default font that doesn't inherit, reset this.\n  font: 'inherit'\n}, ownerState.variant !== 'inherit' && theme.typography[ownerState.variant], ownerState.align !== 'inherit' && {\n  textAlign: ownerState.align\n}, ownerState.noWrap && {\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap'\n}, ownerState.gutterBottom && {\n  marginBottom: '0.35em'\n}, ownerState.paragraph && {\n  marginBottom: 16\n}));\nconst defaultVariantMapping = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  h6: 'h6',\n  subtitle1: 'h6',\n  subtitle2: 'h6',\n  body1: 'p',\n  body2: 'p',\n  inherit: 'p'\n};\n\n// TODO v6: deprecate these color values in v5.x and remove the transformation in v6\nconst colorTransformations = {\n  primary: 'primary.main',\n  textPrimary: 'text.primary',\n  secondary: 'secondary.main',\n  textSecondary: 'text.secondary',\n  error: 'error.main'\n};\nconst transformDeprecatedColors = color => {\n  return colorTransformations[color] || color;\n};\nconst Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, ref) {\n  const themeProps = useDefaultProps({\n    props: inProps,\n    name: 'MuiTypography'\n  });\n  const color = transformDeprecatedColors(themeProps.color);\n  const props = extendSxProp(_extends({}, themeProps, {\n    color\n  }));\n  const {\n      align = 'inherit',\n      className,\n      component,\n      gutterBottom = false,\n      noWrap = false,\n      paragraph = false,\n      variant = 'body1',\n      variantMapping = defaultVariantMapping\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const ownerState = _extends({}, props, {\n    align,\n    color,\n    className,\n    component,\n    gutterBottom,\n    noWrap,\n    paragraph,\n    variant,\n    variantMapping\n  });\n  const Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(TypographyRoot, _extends({\n    as: Component,\n    ref: ref,\n    ownerState: ownerState,\n    className: clsx(classes.root, className)\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? Typography.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * Set the text-align on the component.\n   * @default 'inherit'\n   */\n  align: PropTypes.oneOf(['center', 'inherit', 'justify', 'left', 'right']),\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * If `true`, the text will have a bottom margin.\n   * @default false\n   */\n  gutterBottom: PropTypes.bool,\n  /**\n   * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n   *\n   * Note that text overflow can only happen with block or inline-block level elements\n   * (the element needs to have a width in order to overflow).\n   * @default false\n   */\n  noWrap: PropTypes.bool,\n  /**\n   * If `true`, the element will be a paragraph element.\n   * @default false\n   */\n  paragraph: PropTypes.bool,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * Applies the theme typography styles.\n   * @default 'body1'\n   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['body1', 'body2', 'button', 'caption', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'inherit', 'overline', 'subtitle1', 'subtitle2']), PropTypes.string]),\n  /**\n   * The component maps the variant prop to a range of different HTML element types.\n   * For instance, subtitle1 to `<h6>`.\n   * If you wish to change that mapping, you can provide your own.\n   * Alternatively, you can use the `component` prop.\n   * @default {\n   *   h1: 'h1',\n   *   h2: 'h2',\n   *   h3: 'h3',\n   *   h4: 'h4',\n   *   h5: 'h5',\n   *   h6: 'h6',\n   *   subtitle1: 'h6',\n   *   subtitle2: 'h6',\n   *   body1: 'p',\n   *   body2: 'p',\n   *   inherit: 'p',\n   * }\n   */\n  variantMapping: PropTypes /* @typescript-to-proptypes-ignore */.object\n} : void 0;\nexport default Typography;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getSwitchBaseUtilityClass(slot) {\n  return generateUtilityClass('PrivateSwitchBase', slot);\n}\nconst switchBaseClasses = generateUtilityClasses('PrivateSwitchBase', ['root', 'checked', 'disabled', 'input', 'edgeStart', 'edgeEnd']);\nexport default switchBaseClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"autoFocus\", \"checked\", \"checkedIcon\", \"className\", \"defaultChecked\", \"disabled\", \"disableFocusRipple\", \"edge\", \"icon\", \"id\", \"inputProps\", \"inputRef\", \"name\", \"onBlur\", \"onChange\", \"onFocus\", \"readOnly\", \"required\", \"tabIndex\", \"type\", \"value\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport refType from '@mui/utils/refType';\nimport composeClasses from '@mui/utils/composeClasses';\nimport capitalize from '../utils/capitalize';\nimport styled, { rootShouldForwardProp } from '../styles/styled';\nimport useControlled from '../utils/useControlled';\nimport useFormControl from '../FormControl/useFormControl';\nimport ButtonBase from '../ButtonBase';\nimport { getSwitchBaseUtilityClass } from './switchBaseClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    checked,\n    disabled,\n    edge\n  } = ownerState;\n  const slots = {\n    root: ['root', checked && 'checked', disabled && 'disabled', edge && `edge${capitalize(edge)}`],\n    input: ['input']\n  };\n  return composeClasses(slots, getSwitchBaseUtilityClass, classes);\n};\nconst SwitchBaseRoot = styled(ButtonBase)(({\n  ownerState\n}) => _extends({\n  padding: 9,\n  borderRadius: '50%'\n}, ownerState.edge === 'start' && {\n  marginLeft: ownerState.size === 'small' ? -3 : -12\n}, ownerState.edge === 'end' && {\n  marginRight: ownerState.size === 'small' ? -3 : -12\n}));\nconst SwitchBaseInput = styled('input', {\n  shouldForwardProp: rootShouldForwardProp\n})({\n  cursor: 'inherit',\n  position: 'absolute',\n  opacity: 0,\n  width: '100%',\n  height: '100%',\n  top: 0,\n  left: 0,\n  margin: 0,\n  padding: 0,\n  zIndex: 1\n});\n\n/**\n * @ignore - internal component.\n */\nconst SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref) {\n  const {\n      autoFocus,\n      checked: checkedProp,\n      checkedIcon,\n      className,\n      defaultChecked,\n      disabled: disabledProp,\n      disableFocusRipple = false,\n      edge = false,\n      icon,\n      id,\n      inputProps,\n      inputRef,\n      name,\n      onBlur,\n      onChange,\n      onFocus,\n      readOnly,\n      required = false,\n      tabIndex,\n      type,\n      value\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const [checked, setCheckedState] = useControlled({\n    controlled: checkedProp,\n    default: Boolean(defaultChecked),\n    name: 'SwitchBase',\n    state: 'checked'\n  });\n  const muiFormControl = useFormControl();\n  const handleFocus = event => {\n    if (onFocus) {\n      onFocus(event);\n    }\n    if (muiFormControl && muiFormControl.onFocus) {\n      muiFormControl.onFocus(event);\n    }\n  };\n  const handleBlur = event => {\n    if (onBlur) {\n      onBlur(event);\n    }\n    if (muiFormControl && muiFormControl.onBlur) {\n      muiFormControl.onBlur(event);\n    }\n  };\n  const handleInputChange = event => {\n    // Workaround for https://github.com/facebook/react/issues/9023\n    if (event.nativeEvent.defaultPrevented) {\n      return;\n    }\n    const newChecked = event.target.checked;\n    setCheckedState(newChecked);\n    if (onChange) {\n      // TODO v6: remove the second argument.\n      onChange(event, newChecked);\n    }\n  };\n  let disabled = disabledProp;\n  if (muiFormControl) {\n    if (typeof disabled === 'undefined') {\n      disabled = muiFormControl.disabled;\n    }\n  }\n  const hasLabelFor = type === 'checkbox' || type === 'radio';\n  const ownerState = _extends({}, props, {\n    checked,\n    disabled,\n    disableFocusRipple,\n    edge\n  });\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsxs(SwitchBaseRoot, _extends({\n    component: \"span\",\n    className: clsx(classes.root, className),\n    centerRipple: true,\n    focusRipple: !disableFocusRipple,\n    disabled: disabled,\n    tabIndex: null,\n    role: undefined,\n    onFocus: handleFocus,\n    onBlur: handleBlur,\n    ownerState: ownerState,\n    ref: ref\n  }, other, {\n    children: [/*#__PURE__*/_jsx(SwitchBaseInput, _extends({\n      autoFocus: autoFocus,\n      checked: checkedProp,\n      defaultChecked: defaultChecked,\n      className: classes.input,\n      disabled: disabled,\n      id: hasLabelFor ? id : undefined,\n      name: name,\n      onChange: handleInputChange,\n      readOnly: readOnly,\n      ref: inputRef,\n      required: required,\n      ownerState: ownerState,\n      tabIndex: tabIndex,\n      type: type\n    }, type === 'checkbox' && value === undefined ? {} : {\n      value\n    }, inputProps)), checked ? checkedIcon : icon]\n  }));\n});\n\n// NB: If changed, please update Checkbox, Switch and Radio\n// so that the API documentation is updated.\nprocess.env.NODE_ENV !== \"production\" ? SwitchBase.propTypes = {\n  /**\n   * If `true`, the `input` element is focused during the first mount.\n   */\n  autoFocus: PropTypes.bool,\n  /**\n   * If `true`, the component is checked.\n   */\n  checked: PropTypes.bool,\n  /**\n   * The icon to display when the component is checked.\n   */\n  checkedIcon: PropTypes.node.isRequired,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * @ignore\n   */\n  defaultChecked: PropTypes.bool,\n  /**\n   * If `true`, the component is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the  keyboard focus ripple is disabled.\n   * @default false\n   */\n  disableFocusRipple: PropTypes.bool,\n  /**\n   * If given, uses a negative margin to counteract the padding on one\n   * side (this is often helpful for aligning the left or right\n   * side of the icon with content above or below, without ruining the border\n   * size and shape).\n   * @default false\n   */\n  edge: PropTypes.oneOf(['end', 'start', false]),\n  /**\n   * The icon to display when the component is unchecked.\n   */\n  icon: PropTypes.node.isRequired,\n  /**\n   * The id of the `input` element.\n   */\n  id: PropTypes.string,\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n   */\n  inputProps: PropTypes.object,\n  /**\n   * Pass a ref to the `input` element.\n   */\n  inputRef: refType,\n  /*\n   * @ignore\n   */\n  name: PropTypes.string,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Callback fired when the state is changed.\n   *\n   * @param {object} event The event source of the callback.\n   * You can pull out the new checked state by accessing `event.target.checked` (boolean).\n   */\n  onChange: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onFocus: PropTypes.func,\n  /**\n   * It prevents the user from changing the value of the field\n   * (not from interacting with the field).\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * If `true`, the `input` element is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.object,\n  /**\n   * @ignore\n   */\n  tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * The input component prop `type`.\n   */\n  type: PropTypes.string.isRequired,\n  /**\n   * The value of the component.\n   */\n  value: PropTypes.any\n} : void 0;\nexport default SwitchBase;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nexport default function createMixins(breakpoints, mixins) {\n  return _extends({\n    toolbar: {\n      minHeight: 56,\n      [breakpoints.up('xs')]: {\n        '@media (orientation: landscape)': {\n          minHeight: 48\n        }\n      },\n      [breakpoints.up('sm')]: {\n        minHeight: 64\n      }\n    }\n  }, mixins);\n}","const common = {\n  black: '#000',\n  white: '#fff'\n};\nexport default common;","const grey = {\n  50: '#fafafa',\n  100: '#f5f5f5',\n  200: '#eeeeee',\n  300: '#e0e0e0',\n  400: '#bdbdbd',\n  500: '#9e9e9e',\n  600: '#757575',\n  700: '#616161',\n  800: '#424242',\n  900: '#212121',\n  A100: '#f5f5f5',\n  A200: '#eeeeee',\n  A400: '#bdbdbd',\n  A700: '#616161'\n};\nexport default grey;","const purple = {\n  50: '#f3e5f5',\n  100: '#e1bee7',\n  200: '#ce93d8',\n  300: '#ba68c8',\n  400: '#ab47bc',\n  500: '#9c27b0',\n  600: '#8e24aa',\n  700: '#7b1fa2',\n  800: '#6a1b9a',\n  900: '#4a148c',\n  A100: '#ea80fc',\n  A200: '#e040fb',\n  A400: '#d500f9',\n  A700: '#aa00ff'\n};\nexport default purple;","const red = {\n  50: '#ffebee',\n  100: '#ffcdd2',\n  200: '#ef9a9a',\n  300: '#e57373',\n  400: '#ef5350',\n  500: '#f44336',\n  600: '#e53935',\n  700: '#d32f2f',\n  800: '#c62828',\n  900: '#b71c1c',\n  A100: '#ff8a80',\n  A200: '#ff5252',\n  A400: '#ff1744',\n  A700: '#d50000'\n};\nexport default red;","const orange = {\n  50: '#fff3e0',\n  100: '#ffe0b2',\n  200: '#ffcc80',\n  300: '#ffb74d',\n  400: '#ffa726',\n  500: '#ff9800',\n  600: '#fb8c00',\n  700: '#f57c00',\n  800: '#ef6c00',\n  900: '#e65100',\n  A100: '#ffd180',\n  A200: '#ffab40',\n  A400: '#ff9100',\n  A700: '#ff6d00'\n};\nexport default orange;","const blue = {\n  50: '#e3f2fd',\n  100: '#bbdefb',\n  200: '#90caf9',\n  300: '#64b5f6',\n  400: '#42a5f5',\n  500: '#2196f3',\n  600: '#1e88e5',\n  700: '#1976d2',\n  800: '#1565c0',\n  900: '#0d47a1',\n  A100: '#82b1ff',\n  A200: '#448aff',\n  A400: '#2979ff',\n  A700: '#2962ff'\n};\nexport default blue;","const lightBlue = {\n  50: '#e1f5fe',\n  100: '#b3e5fc',\n  200: '#81d4fa',\n  300: '#4fc3f7',\n  400: '#29b6f6',\n  500: '#03a9f4',\n  600: '#039be5',\n  700: '#0288d1',\n  800: '#0277bd',\n  900: '#01579b',\n  A100: '#80d8ff',\n  A200: '#40c4ff',\n  A400: '#00b0ff',\n  A700: '#0091ea'\n};\nexport default lightBlue;","const green = {\n  50: '#e8f5e9',\n  100: '#c8e6c9',\n  200: '#a5d6a7',\n  300: '#81c784',\n  400: '#66bb6a',\n  500: '#4caf50',\n  600: '#43a047',\n  700: '#388e3c',\n  800: '#2e7d32',\n  900: '#1b5e20',\n  A100: '#b9f6ca',\n  A200: '#69f0ae',\n  A400: '#00e676',\n  A700: '#00c853'\n};\nexport default green;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _formatMuiErrorMessage from \"@mui/utils/formatMuiErrorMessage\";\nconst _excluded = [\"mode\", \"contrastThreshold\", \"tonalOffset\"];\nimport deepmerge from '@mui/utils/deepmerge';\nimport { darken, getContrastRatio, lighten } from '@mui/system/colorManipulator';\nimport common from '../colors/common';\nimport grey from '../colors/grey';\nimport purple from '../colors/purple';\nimport red from '../colors/red';\nimport orange from '../colors/orange';\nimport blue from '../colors/blue';\nimport lightBlue from '../colors/lightBlue';\nimport green from '../colors/green';\nexport const light = {\n  // The colors used to style the text.\n  text: {\n    // The most important text.\n    primary: 'rgba(0, 0, 0, 0.87)',\n    // Secondary text.\n    secondary: 'rgba(0, 0, 0, 0.6)',\n    // Disabled text have even lower visual prominence.\n    disabled: 'rgba(0, 0, 0, 0.38)'\n  },\n  // The color used to divide different elements.\n  divider: 'rgba(0, 0, 0, 0.12)',\n  // The background colors used to style the surfaces.\n  // Consistency between these values is important.\n  background: {\n    paper: common.white,\n    default: common.white\n  },\n  // The colors used to style the action elements.\n  action: {\n    // The color of an active action like an icon button.\n    active: 'rgba(0, 0, 0, 0.54)',\n    // The color of an hovered action.\n    hover: 'rgba(0, 0, 0, 0.04)',\n    hoverOpacity: 0.04,\n    // The color of a selected action.\n    selected: 'rgba(0, 0, 0, 0.08)',\n    selectedOpacity: 0.08,\n    // The color of a disabled action.\n    disabled: 'rgba(0, 0, 0, 0.26)',\n    // The background color of a disabled action.\n    disabledBackground: 'rgba(0, 0, 0, 0.12)',\n    disabledOpacity: 0.38,\n    focus: 'rgba(0, 0, 0, 0.12)',\n    focusOpacity: 0.12,\n    activatedOpacity: 0.12\n  }\n};\nexport const dark = {\n  text: {\n    primary: common.white,\n    secondary: 'rgba(255, 255, 255, 0.7)',\n    disabled: 'rgba(255, 255, 255, 0.5)',\n    icon: 'rgba(255, 255, 255, 0.5)'\n  },\n  divider: 'rgba(255, 255, 255, 0.12)',\n  background: {\n    paper: '#121212',\n    default: '#121212'\n  },\n  action: {\n    active: common.white,\n    hover: 'rgba(255, 255, 255, 0.08)',\n    hoverOpacity: 0.08,\n    selected: 'rgba(255, 255, 255, 0.16)',\n    selectedOpacity: 0.16,\n    disabled: 'rgba(255, 255, 255, 0.3)',\n    disabledBackground: 'rgba(255, 255, 255, 0.12)',\n    disabledOpacity: 0.38,\n    focus: 'rgba(255, 255, 255, 0.12)',\n    focusOpacity: 0.12,\n    activatedOpacity: 0.24\n  }\n};\nfunction addLightOrDark(intent, direction, shade, tonalOffset) {\n  const tonalOffsetLight = tonalOffset.light || tonalOffset;\n  const tonalOffsetDark = tonalOffset.dark || tonalOffset * 1.5;\n  if (!intent[direction]) {\n    if (intent.hasOwnProperty(shade)) {\n      intent[direction] = intent[shade];\n    } else if (direction === 'light') {\n      intent.light = lighten(intent.main, tonalOffsetLight);\n    } else if (direction === 'dark') {\n      intent.dark = darken(intent.main, tonalOffsetDark);\n    }\n  }\n}\nfunction getDefaultPrimary(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: blue[200],\n      light: blue[50],\n      dark: blue[400]\n    };\n  }\n  return {\n    main: blue[700],\n    light: blue[400],\n    dark: blue[800]\n  };\n}\nfunction getDefaultSecondary(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: purple[200],\n      light: purple[50],\n      dark: purple[400]\n    };\n  }\n  return {\n    main: purple[500],\n    light: purple[300],\n    dark: purple[700]\n  };\n}\nfunction getDefaultError(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: red[500],\n      light: red[300],\n      dark: red[700]\n    };\n  }\n  return {\n    main: red[700],\n    light: red[400],\n    dark: red[800]\n  };\n}\nfunction getDefaultInfo(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: lightBlue[400],\n      light: lightBlue[300],\n      dark: lightBlue[700]\n    };\n  }\n  return {\n    main: lightBlue[700],\n    light: lightBlue[500],\n    dark: lightBlue[900]\n  };\n}\nfunction getDefaultSuccess(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: green[400],\n      light: green[300],\n      dark: green[700]\n    };\n  }\n  return {\n    main: green[800],\n    light: green[500],\n    dark: green[900]\n  };\n}\nfunction getDefaultWarning(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: orange[400],\n      light: orange[300],\n      dark: orange[700]\n    };\n  }\n  return {\n    main: '#ed6c02',\n    // closest to orange[800] that pass 3:1.\n    light: orange[500],\n    dark: orange[900]\n  };\n}\nexport default function createPalette(palette) {\n  const {\n      mode = 'light',\n      contrastThreshold = 3,\n      tonalOffset = 0.2\n    } = palette,\n    other = _objectWithoutPropertiesLoose(palette, _excluded);\n  const primary = palette.primary || getDefaultPrimary(mode);\n  const secondary = palette.secondary || getDefaultSecondary(mode);\n  const error = palette.error || getDefaultError(mode);\n  const info = palette.info || getDefaultInfo(mode);\n  const success = palette.success || getDefaultSuccess(mode);\n  const warning = palette.warning || getDefaultWarning(mode);\n\n  // Use the same logic as\n  // Bootstrap: https://github.com/twbs/bootstrap/blob/1d6e3710dd447de1a200f29e8fa521f8a0908f70/scss/_functions.scss#L59\n  // and material-components-web https://github.com/material-components/material-components-web/blob/ac46b8863c4dab9fc22c4c662dc6bd1b65dd652f/packages/mdc-theme/_functions.scss#L54\n  function getContrastText(background) {\n    const contrastText = getContrastRatio(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;\n    if (process.env.NODE_ENV !== 'production') {\n      const contrast = getContrastRatio(background, contrastText);\n      if (contrast < 3) {\n        console.error([`MUI: The contrast ratio of ${contrast}:1 for ${contrastText} on ${background}`, 'falls below the WCAG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\\n'));\n      }\n    }\n    return contrastText;\n  }\n  const augmentColor = ({\n    color,\n    name,\n    mainShade = 500,\n    lightShade = 300,\n    darkShade = 700\n  }) => {\n    color = _extends({}, color);\n    if (!color.main && color[mainShade]) {\n      color.main = color[mainShade];\n    }\n    if (!color.hasOwnProperty('main')) {\n      throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.\nThe color object needs to have a \\`main\\` property or a \\`${mainShade}\\` property.` : _formatMuiErrorMessage(11, name ? ` (${name})` : '', mainShade));\n    }\n    if (typeof color.main !== 'string') {\n      throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.\n\\`color.main\\` should be a string, but \\`${JSON.stringify(color.main)}\\` was provided instead.\n\nDid you intend to use one of the following approaches?\n\nimport { green } from \"@mui/material/colors\";\n\nconst theme1 = createTheme({ palette: {\n  primary: green,\n} });\n\nconst theme2 = createTheme({ palette: {\n  primary: { main: green[500] },\n} });` : _formatMuiErrorMessage(12, name ? ` (${name})` : '', JSON.stringify(color.main)));\n    }\n    addLightOrDark(color, 'light', lightShade, tonalOffset);\n    addLightOrDark(color, 'dark', darkShade, tonalOffset);\n    if (!color.contrastText) {\n      color.contrastText = getContrastText(color.main);\n    }\n    return color;\n  };\n  const modes = {\n    dark,\n    light\n  };\n  if (process.env.NODE_ENV !== 'production') {\n    if (!modes[mode]) {\n      console.error(`MUI: The palette mode \\`${mode}\\` is not supported.`);\n    }\n  }\n  const paletteOutput = deepmerge(_extends({\n    // A collection of common colors.\n    common: _extends({}, common),\n    // prevent mutable object.\n    // The palette mode, can be light or dark.\n    mode,\n    // The colors used to represent primary interface elements for a user.\n    primary: augmentColor({\n      color: primary,\n      name: 'primary'\n    }),\n    // The colors used to represent secondary interface elements for a user.\n    secondary: augmentColor({\n      color: secondary,\n      name: 'secondary',\n      mainShade: 'A400',\n      lightShade: 'A200',\n      darkShade: 'A700'\n    }),\n    // The colors used to represent interface elements that the user should be made aware of.\n    error: augmentColor({\n      color: error,\n      name: 'error'\n    }),\n    // The colors used to represent potentially dangerous actions or important messages.\n    warning: augmentColor({\n      color: warning,\n      name: 'warning'\n    }),\n    // The colors used to present information to the user that is neutral and not necessarily important.\n    info: augmentColor({\n      color: info,\n      name: 'info'\n    }),\n    // The colors used to indicate the successful completion of an action that user triggered.\n    success: augmentColor({\n      color: success,\n      name: 'success'\n    }),\n    // The grey colors.\n    grey,\n    // Used by `getContrastText()` to maximize the contrast between\n    // the background and the text.\n    contrastThreshold,\n    // Takes a background color and returns the text color that maximizes the contrast.\n    getContrastText,\n    // Generate a rich color object.\n    augmentColor,\n    // Used by the functions below to shift a color's luminance by approximately\n    // two indexes within its tonal palette.\n    // E.g., shift from Red 500 to Red 300 or Red 700.\n    tonalOffset\n  }, modes[mode]), other);\n  return paletteOutput;\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"fontFamily\", \"fontSize\", \"fontWeightLight\", \"fontWeightRegular\", \"fontWeightMedium\", \"fontWeightBold\", \"htmlFontSize\", \"allVariants\", \"pxToRem\"];\nimport deepmerge from '@mui/utils/deepmerge';\nfunction round(value) {\n  return Math.round(value * 1e5) / 1e5;\n}\nconst caseAllCaps = {\n  textTransform: 'uppercase'\n};\nconst defaultFontFamily = '\"Roboto\", \"Helvetica\", \"Arial\", sans-serif';\n\n/**\n * @see @link{https://m2.material.io/design/typography/the-type-system.html}\n * @see @link{https://m2.material.io/design/typography/understanding-typography.html}\n */\nexport default function createTypography(palette, typography) {\n  const _ref = typeof typography === 'function' ? typography(palette) : typography,\n    {\n      fontFamily = defaultFontFamily,\n      // The default font size of the Material Specification.\n      fontSize = 14,\n      // px\n      fontWeightLight = 300,\n      fontWeightRegular = 400,\n      fontWeightMedium = 500,\n      fontWeightBold = 700,\n      // Tell MUI what's the font-size on the html element.\n      // 16px is the default font-size used by browsers.\n      htmlFontSize = 16,\n      // Apply the CSS properties to all the variants.\n      allVariants,\n      pxToRem: pxToRem2\n    } = _ref,\n    other = _objectWithoutPropertiesLoose(_ref, _excluded);\n  if (process.env.NODE_ENV !== 'production') {\n    if (typeof fontSize !== 'number') {\n      console.error('MUI: `fontSize` is required to be a number.');\n    }\n    if (typeof htmlFontSize !== 'number') {\n      console.error('MUI: `htmlFontSize` is required to be a number.');\n    }\n  }\n  const coef = fontSize / 14;\n  const pxToRem = pxToRem2 || (size => `${size / htmlFontSize * coef}rem`);\n  const buildVariant = (fontWeight, size, lineHeight, letterSpacing, casing) => _extends({\n    fontFamily,\n    fontWeight,\n    fontSize: pxToRem(size),\n    // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/\n    lineHeight\n  }, fontFamily === defaultFontFamily ? {\n    letterSpacing: `${round(letterSpacing / size)}em`\n  } : {}, casing, allVariants);\n  const variants = {\n    h1: buildVariant(fontWeightLight, 96, 1.167, -1.5),\n    h2: buildVariant(fontWeightLight, 60, 1.2, -0.5),\n    h3: buildVariant(fontWeightRegular, 48, 1.167, 0),\n    h4: buildVariant(fontWeightRegular, 34, 1.235, 0.25),\n    h5: buildVariant(fontWeightRegular, 24, 1.334, 0),\n    h6: buildVariant(fontWeightMedium, 20, 1.6, 0.15),\n    subtitle1: buildVariant(fontWeightRegular, 16, 1.75, 0.15),\n    subtitle2: buildVariant(fontWeightMedium, 14, 1.57, 0.1),\n    body1: buildVariant(fontWeightRegular, 16, 1.5, 0.15),\n    body2: buildVariant(fontWeightRegular, 14, 1.43, 0.15),\n    button: buildVariant(fontWeightMedium, 14, 1.75, 0.4, caseAllCaps),\n    caption: buildVariant(fontWeightRegular, 12, 1.66, 0.4),\n    overline: buildVariant(fontWeightRegular, 12, 2.66, 1, caseAllCaps),\n    // TODO v6: Remove handling of 'inherit' variant from the theme as it is already handled in Material UI's Typography component. Also, remember to remove the associated types.\n    inherit: {\n      fontFamily: 'inherit',\n      fontWeight: 'inherit',\n      fontSize: 'inherit',\n      lineHeight: 'inherit',\n      letterSpacing: 'inherit'\n    }\n  };\n  return deepmerge(_extends({\n    htmlFontSize,\n    pxToRem,\n    fontFamily,\n    fontSize,\n    fontWeightLight,\n    fontWeightRegular,\n    fontWeightMedium,\n    fontWeightBold\n  }, variants), other, {\n    clone: false // No need to clone deep\n  });\n}","const shadowKeyUmbraOpacity = 0.2;\nconst shadowKeyPenumbraOpacity = 0.14;\nconst shadowAmbientShadowOpacity = 0.12;\nfunction createShadow(...px) {\n  return [`${px[0]}px ${px[1]}px ${px[2]}px ${px[3]}px rgba(0,0,0,${shadowKeyUmbraOpacity})`, `${px[4]}px ${px[5]}px ${px[6]}px ${px[7]}px rgba(0,0,0,${shadowKeyPenumbraOpacity})`, `${px[8]}px ${px[9]}px ${px[10]}px ${px[11]}px rgba(0,0,0,${shadowAmbientShadowOpacity})`].join(',');\n}\n\n// Values from https://github.com/material-components/material-components-web/blob/be8747f94574669cb5e7add1a7c54fa41a89cec7/packages/mdc-elevation/_variables.scss\nconst shadows = ['none', createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), createShadow(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), createShadow(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];\nexport default shadows;","// We need to centralize the zIndex definitions as they work\n// like global values in the browser.\nconst zIndex = {\n  mobileStepper: 1000,\n  fab: 1050,\n  speedDial: 1050,\n  appBar: 1100,\n  drawer: 1200,\n  modal: 1300,\n  snackbar: 1400,\n  tooltip: 1500\n};\nexport default zIndex;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _formatMuiErrorMessage from \"@mui/utils/formatMuiErrorMessage\";\nconst _excluded = [\"breakpoints\", \"mixins\", \"spacing\", \"palette\", \"transitions\", \"typography\", \"shape\"];\nimport deepmerge from '@mui/utils/deepmerge';\nimport styleFunctionSx, { unstable_defaultSxConfig as defaultSxConfig } from '@mui/system/styleFunctionSx';\nimport systemCreateTheme from '@mui/system/createTheme';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nimport createMixins from './createMixins';\nimport createPalette from './createPalette';\nimport createTypography from './createTypography';\nimport shadows from './shadows';\nimport createTransitions from './createTransitions';\nimport zIndex from './zIndex';\nfunction createTheme(options = {}, ...args) {\n  const {\n      mixins: mixinsInput = {},\n      palette: paletteInput = {},\n      transitions: transitionsInput = {},\n      typography: typographyInput = {}\n    } = options,\n    other = _objectWithoutPropertiesLoose(options, _excluded);\n  if (options.vars) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: \\`vars\\` is a private field used for CSS variables support.\nPlease use another name.` : _formatMuiErrorMessage(18));\n  }\n  const palette = createPalette(paletteInput);\n  const systemTheme = systemCreateTheme(options);\n  let muiTheme = deepmerge(systemTheme, {\n    mixins: createMixins(systemTheme.breakpoints, mixinsInput),\n    palette,\n    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.\n    shadows: shadows.slice(),\n    typography: createTypography(palette, typographyInput),\n    transitions: createTransitions(transitionsInput),\n    zIndex: _extends({}, zIndex)\n  });\n  muiTheme = deepmerge(muiTheme, other);\n  muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);\n  if (process.env.NODE_ENV !== 'production') {\n    // TODO v6: Refactor to use globalStateClassesMapping from @mui/utils once `readOnly` state class is used in Rating component.\n    const stateClasses = ['active', 'checked', 'completed', 'disabled', 'error', 'expanded', 'focused', 'focusVisible', 'required', 'selected'];\n    const traverse = (node, component) => {\n      let key;\n\n      // eslint-disable-next-line guard-for-in, no-restricted-syntax\n      for (key in node) {\n        const child = node[key];\n        if (stateClasses.indexOf(key) !== -1 && Object.keys(child).length > 0) {\n          if (process.env.NODE_ENV !== 'production') {\n            const stateClass = generateUtilityClass('', key);\n            console.error([`MUI: The \\`${component}\\` component increases ` + `the CSS specificity of the \\`${key}\\` internal state.`, 'You can not override it like this: ', JSON.stringify(node, null, 2), '', `Instead, you need to use the '&.${stateClass}' syntax:`, JSON.stringify({\n              root: {\n                [`&.${stateClass}`]: child\n              }\n            }, null, 2), '', 'https://mui.com/r/state-classes-guide'].join('\\n'));\n          }\n          // Remove the style to prevent global conflicts.\n          node[key] = {};\n        }\n      }\n    };\n    Object.keys(muiTheme.components).forEach(component => {\n      const styleOverrides = muiTheme.components[component].styleOverrides;\n      if (styleOverrides && component.indexOf('Mui') === 0) {\n        traverse(styleOverrides, component);\n      }\n    });\n  }\n  muiTheme.unstable_sxConfig = _extends({}, defaultSxConfig, other == null ? void 0 : other.unstable_sxConfig);\n  muiTheme.unstable_sx = function sx(props) {\n    return styleFunctionSx({\n      sx: props,\n      theme: this\n    });\n  };\n  return muiTheme;\n}\nlet warnedOnce = false;\nexport function createMuiTheme(...args) {\n  if (process.env.NODE_ENV !== 'production') {\n    if (!warnedOnce) {\n      warnedOnce = true;\n      console.error(['MUI: the createMuiTheme function was renamed to createTheme.', '', \"You should use `import { createTheme } from '@mui/material/styles'`\"].join('\\n'));\n    }\n  }\n  return createTheme(...args);\n}\nexport default createTheme;","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"duration\", \"easing\", \"delay\"];\n// Follow https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves\n// to learn the context in which each easing should be used.\nexport const easing = {\n  // This is the most common easing curve.\n  easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',\n  // Objects enter the screen at full velocity from off-screen and\n  // slowly decelerate to a resting point.\n  easeOut: 'cubic-bezier(0.0, 0, 0.2, 1)',\n  // Objects leave the screen at full velocity. They do not decelerate when off-screen.\n  easeIn: 'cubic-bezier(0.4, 0, 1, 1)',\n  // The sharp curve is used by objects that may return to the screen at any time.\n  sharp: 'cubic-bezier(0.4, 0, 0.6, 1)'\n};\n\n// Follow https://m2.material.io/guidelines/motion/duration-easing.html#duration-easing-common-durations\n// to learn when use what timing\nexport const duration = {\n  shortest: 150,\n  shorter: 200,\n  short: 250,\n  // most basic recommended timing\n  standard: 300,\n  // this is to be used in complex animations\n  complex: 375,\n  // recommended when something is entering screen\n  enteringScreen: 225,\n  // recommended when something is leaving screen\n  leavingScreen: 195\n};\nfunction formatMs(milliseconds) {\n  return `${Math.round(milliseconds)}ms`;\n}\nfunction getAutoHeightDuration(height) {\n  if (!height) {\n    return 0;\n  }\n  const constant = height / 36;\n\n  // https://www.wolframalpha.com/input/?i=(4+%2B+15+*+(x+%2F+36+)+**+0.25+%2B+(x+%2F+36)+%2F+5)+*+10\n  return Math.round((4 + 15 * constant ** 0.25 + constant / 5) * 10);\n}\nexport default function createTransitions(inputTransitions) {\n  const mergedEasing = _extends({}, easing, inputTransitions.easing);\n  const mergedDuration = _extends({}, duration, inputTransitions.duration);\n  const create = (props = ['all'], options = {}) => {\n    const {\n        duration: durationOption = mergedDuration.standard,\n        easing: easingOption = mergedEasing.easeInOut,\n        delay = 0\n      } = options,\n      other = _objectWithoutPropertiesLoose(options, _excluded);\n    if (process.env.NODE_ENV !== 'production') {\n      const isString = value => typeof value === 'string';\n      // IE11 support, replace with Number.isNaN\n      // eslint-disable-next-line no-restricted-globals\n      const isNumber = value => !isNaN(parseFloat(value));\n      if (!isString(props) && !Array.isArray(props)) {\n        console.error('MUI: Argument \"props\" must be a string or Array.');\n      }\n      if (!isNumber(durationOption) && !isString(durationOption)) {\n        console.error(`MUI: Argument \"duration\" must be a number or a string but found ${durationOption}.`);\n      }\n      if (!isString(easingOption)) {\n        console.error('MUI: Argument \"easing\" must be a string.');\n      }\n      if (!isNumber(delay) && !isString(delay)) {\n        console.error('MUI: Argument \"delay\" must be a number or a string.');\n      }\n      if (typeof options !== 'object') {\n        console.error(['MUI: Secong argument of transition.create must be an object.', \"Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`\"].join('\\n'));\n      }\n      if (Object.keys(other).length !== 0) {\n        console.error(`MUI: Unrecognized argument(s) [${Object.keys(other).join(',')}].`);\n      }\n    }\n    return (Array.isArray(props) ? props : [props]).map(animatedProp => `${animatedProp} ${typeof durationOption === 'string' ? durationOption : formatMs(durationOption)} ${easingOption} ${typeof delay === 'string' ? delay : formatMs(delay)}`).join(',');\n  };\n  return _extends({\n    getAutoHeightDuration,\n    create\n  }, inputTransitions, {\n    easing: mergedEasing,\n    duration: mergedDuration\n  });\n}","'use client';\n\nimport createTheme from './createTheme';\nconst defaultTheme = createTheme();\nexport default defaultTheme;","export default '$$material';","import slotShouldForwardProp from './slotShouldForwardProp';\nconst rootShouldForwardProp = prop => slotShouldForwardProp(prop) && prop !== 'classes';\nexport default rootShouldForwardProp;","// copied from @mui/system/createStyled\nfunction slotShouldForwardProp(prop) {\n  return prop !== 'ownerState' && prop !== 'theme' && prop !== 'sx' && prop !== 'as';\n}\nexport default slotShouldForwardProp;","'use client';\n\nimport createStyled from '@mui/system/createStyled';\nimport defaultTheme from './defaultTheme';\nimport THEME_ID from './identifier';\nimport rootShouldForwardProp from './rootShouldForwardProp';\nexport { default as slotShouldForwardProp } from './slotShouldForwardProp';\nexport { default as rootShouldForwardProp } from './rootShouldForwardProp';\nconst styled = createStyled({\n  themeId: THEME_ID,\n  defaultTheme,\n  rootShouldForwardProp\n});\nexport default styled;","'use client';\n\nimport * as React from 'react';\nimport { useTheme as useThemeSystem } from '@mui/system';\nimport defaultTheme from './defaultTheme';\nimport THEME_ID from './identifier';\nexport default function useTheme() {\n  const theme = useThemeSystem(defaultTheme);\n  if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useDebugValue(theme);\n  }\n  return theme[THEME_ID] || theme;\n}","'use client';\n\nimport systemUseThemeProps from '@mui/system/useThemeProps';\nimport defaultTheme from './defaultTheme';\nimport THEME_ID from './identifier';\nexport default function useThemeProps({\n  props,\n  name\n}) {\n  return systemUseThemeProps({\n    props,\n    name,\n    defaultTheme,\n    themeId: THEME_ID\n  });\n}","export const reflow = node => node.scrollTop;\nexport function getTransitionProps(props, options) {\n  var _style$transitionDura, _style$transitionTimi;\n  const {\n    timeout,\n    easing,\n    style = {}\n  } = props;\n  return {\n    duration: (_style$transitionDura = style.transitionDuration) != null ? _style$transitionDura : typeof timeout === 'number' ? timeout : timeout[options.mode] || 0,\n    easing: (_style$transitionTimi = style.transitionTimingFunction) != null ? _style$transitionTimi : typeof easing === 'object' ? easing[options.mode] : easing,\n    delay: style.transitionDelay\n  };\n}","import capitalize from '@mui/utils/capitalize';\nexport default capitalize;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport SvgIcon from '../SvgIcon';\n\n/**\n * Private module reserved for @mui packages.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function createSvgIcon(path, displayName) {\n  function Component(props, ref) {\n    return /*#__PURE__*/_jsx(SvgIcon, _extends({\n      \"data-testid\": `${displayName}Icon`,\n      ref: ref\n    }, props, {\n      children: path\n    }));\n  }\n  if (process.env.NODE_ENV !== 'production') {\n    // Need to set `displayName` on the inner component for React.memo.\n    // React prior to 16.14 ignores `displayName` on the wrapper.\n    Component.displayName = `${displayName}Icon`;\n  }\n  Component.muiName = SvgIcon.muiName;\n  return /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(Component));\n}","import debounce from '@mui/utils/debounce';\nexport default debounce;","import ownerDocument from '@mui/utils/ownerDocument';\nexport default ownerDocument;","import ownerWindow from '@mui/utils/ownerWindow';\nexport default ownerWindow;","'use client';\n\nimport useControlled from '@mui/utils/useControlled';\nexport default useControlled;","'use client';\n\nimport useEnhancedEffect from '@mui/utils/useEnhancedEffect';\nexport default useEnhancedEffect;","'use client';\n\nimport useEventCallback from '@mui/utils/useEventCallback';\nexport default useEventCallback;","'use client';\n\nimport useForkRef from '@mui/utils/useForkRef';\nexport default useForkRef;","'use client';\n\nimport useId from '@mui/utils/useId';\nexport default useId;","'use client';\n\n// based on https://github.com/WICG/focus-visible/blob/v4.1.5/src/focus-visible.js\nimport * as React from 'react';\nimport { Timeout } from '../useTimeout/useTimeout';\nlet hadKeyboardEvent = true;\nlet hadFocusVisibleRecently = false;\nconst hadFocusVisibleRecentlyTimeout = new Timeout();\nconst inputTypesWhitelist = {\n  text: true,\n  search: true,\n  url: true,\n  tel: true,\n  email: true,\n  password: true,\n  number: true,\n  date: true,\n  month: true,\n  week: true,\n  time: true,\n  datetime: true,\n  'datetime-local': true\n};\n\n/**\n * Computes whether the given element should automatically trigger the\n * `focus-visible` class being added, i.e. whether it should always match\n * `:focus-visible` when focused.\n * @param {Element} node\n * @returns {boolean}\n */\nfunction focusTriggersKeyboardModality(node) {\n  const {\n    type,\n    tagName\n  } = node;\n  if (tagName === 'INPUT' && inputTypesWhitelist[type] && !node.readOnly) {\n    return true;\n  }\n  if (tagName === 'TEXTAREA' && !node.readOnly) {\n    return true;\n  }\n  if (node.isContentEditable) {\n    return true;\n  }\n  return false;\n}\n\n/**\n * Keep track of our keyboard modality state with `hadKeyboardEvent`.\n * If the most recent user interaction was via the keyboard;\n * and the key press did not include a meta, alt/option, or control key;\n * then the modality is keyboard. Otherwise, the modality is not keyboard.\n * @param {KeyboardEvent} event\n */\nfunction handleKeyDown(event) {\n  if (event.metaKey || event.altKey || event.ctrlKey) {\n    return;\n  }\n  hadKeyboardEvent = true;\n}\n\n/**\n * If at any point a user clicks with a pointing device, ensure that we change\n * the modality away from keyboard.\n * This avoids the situation where a user presses a key on an already focused\n * element, and then clicks on a different element, focusing it with a\n * pointing device, while we still think we're in keyboard modality.\n */\nfunction handlePointerDown() {\n  hadKeyboardEvent = false;\n}\nfunction handleVisibilityChange() {\n  if (this.visibilityState === 'hidden') {\n    // If the tab becomes active again, the browser will handle calling focus\n    // on the element (Safari actually calls it twice).\n    // If this tab change caused a blur on an element with focus-visible,\n    // re-apply the class when the user switches back to the tab.\n    if (hadFocusVisibleRecently) {\n      hadKeyboardEvent = true;\n    }\n  }\n}\nfunction prepare(doc) {\n  doc.addEventListener('keydown', handleKeyDown, true);\n  doc.addEventListener('mousedown', handlePointerDown, true);\n  doc.addEventListener('pointerdown', handlePointerDown, true);\n  doc.addEventListener('touchstart', handlePointerDown, true);\n  doc.addEventListener('visibilitychange', handleVisibilityChange, true);\n}\nexport function teardown(doc) {\n  doc.removeEventListener('keydown', handleKeyDown, true);\n  doc.removeEventListener('mousedown', handlePointerDown, true);\n  doc.removeEventListener('pointerdown', handlePointerDown, true);\n  doc.removeEventListener('touchstart', handlePointerDown, true);\n  doc.removeEventListener('visibilitychange', handleVisibilityChange, true);\n}\nfunction isFocusVisible(event) {\n  const {\n    target\n  } = event;\n  try {\n    return target.matches(':focus-visible');\n  } catch (error) {\n    // Browsers not implementing :focus-visible will throw a SyntaxError.\n    // We use our own heuristic for those browsers.\n    // Rethrow might be better if it's not the expected error but do we really\n    // want to crash if focus-visible malfunctioned?\n  }\n\n  // No need for validFocusTarget check. The user does that by attaching it to\n  // focusable events only.\n  return hadKeyboardEvent || focusTriggersKeyboardModality(target);\n}\nexport default function useIsFocusVisible() {\n  const ref = React.useCallback(node => {\n    if (node != null) {\n      prepare(node.ownerDocument);\n    }\n  }, []);\n  const isFocusVisibleRef = React.useRef(false);\n\n  /**\n   * Should be called if a blur event is fired\n   */\n  function handleBlurVisible() {\n    // checking against potential state variable does not suffice if we focus and blur synchronously.\n    // React wouldn't have time to trigger a re-render so `focusVisible` would be stale.\n    // Ideally we would adjust `isFocusVisible(event)` to look at `relatedTarget` for blur events.\n    // This doesn't work in IE11 due to https://github.com/facebook/react/issues/3751\n    // TODO: check again if React releases their internal changes to focus event handling (https://github.com/facebook/react/pull/19186).\n    if (isFocusVisibleRef.current) {\n      // To detect a tab/window switch, we look for a blur event followed\n      // rapidly by a visibility change.\n      // If we don't see a visibility change within 100ms, it's probably a\n      // regular focus change.\n      hadFocusVisibleRecently = true;\n      hadFocusVisibleRecentlyTimeout.start(100, () => {\n        hadFocusVisibleRecently = false;\n      });\n      isFocusVisibleRef.current = false;\n      return true;\n    }\n    return false;\n  }\n\n  /**\n   * Should be called if a blur event is fired\n   */\n  function handleFocusVisible(event) {\n    if (isFocusVisible(event)) {\n      isFocusVisibleRef.current = true;\n      return true;\n    }\n    return false;\n  }\n  return {\n    isFocusVisibleRef,\n    onFocus: handleFocusVisible,\n    onBlur: handleBlurVisible,\n    ref\n  };\n}","'use client';\n\nimport useIsFocusVisible from '@mui/utils/useIsFocusVisible';\nexport default useIsFocusVisible;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"className\", \"elementType\", \"ownerState\", \"externalForwardedProps\", \"getSlotOwnerState\", \"internalForwardedProps\"],\n  _excluded2 = [\"component\", \"slots\", \"slotProps\"],\n  _excluded3 = [\"component\"];\nimport useForkRef from '@mui/utils/useForkRef';\nimport appendOwnerState from '@mui/utils/appendOwnerState';\nimport resolveComponentProps from '@mui/utils/resolveComponentProps';\nimport mergeSlotProps from '@mui/utils/mergeSlotProps';\n/**\n * An internal function to create a Material UI slot.\n *\n * This is an advanced version of Base UI `useSlotProps` because Material UI allows leaf component to be customized via `component` prop\n * while Base UI does not need to support leaf component customization.\n *\n * @param {string} name: name of the slot\n * @param {object} parameters\n * @returns {[Slot, slotProps]} The slot's React component and the slot's props\n *\n * Note: the returned slot's props\n * - will never contain `component` prop.\n * - might contain `as` prop.\n */\nexport default function useSlot(\n/**\n * The slot's name. All Material UI components should have `root` slot.\n *\n * If the name is `root`, the logic behaves differently from other slots,\n * e.g. the `externalForwardedProps` are spread to `root` slot but not other slots.\n */\nname, parameters) {\n  const {\n      className,\n      elementType: initialElementType,\n      ownerState,\n      externalForwardedProps,\n      getSlotOwnerState,\n      internalForwardedProps\n    } = parameters,\n    useSlotPropsParams = _objectWithoutPropertiesLoose(parameters, _excluded);\n  const {\n      component: rootComponent,\n      slots = {\n        [name]: undefined\n      },\n      slotProps = {\n        [name]: undefined\n      }\n    } = externalForwardedProps,\n    other = _objectWithoutPropertiesLoose(externalForwardedProps, _excluded2);\n  const elementType = slots[name] || initialElementType;\n\n  // `slotProps[name]` can be a callback that receives the component's ownerState.\n  // `resolvedComponentsProps` is always a plain object.\n  const resolvedComponentsProps = resolveComponentProps(slotProps[name], ownerState);\n  const _mergeSlotProps = mergeSlotProps(_extends({\n      className\n    }, useSlotPropsParams, {\n      externalForwardedProps: name === 'root' ? other : undefined,\n      externalSlotProps: resolvedComponentsProps\n    })),\n    {\n      props: {\n        component: slotComponent\n      },\n      internalRef\n    } = _mergeSlotProps,\n    mergedProps = _objectWithoutPropertiesLoose(_mergeSlotProps.props, _excluded3);\n  const ref = useForkRef(internalRef, resolvedComponentsProps == null ? void 0 : resolvedComponentsProps.ref, parameters.ref);\n  const slotOwnerState = getSlotOwnerState ? getSlotOwnerState(mergedProps) : {};\n  const finalOwnerState = _extends({}, ownerState, slotOwnerState);\n  const LeafComponent = name === 'root' ? slotComponent || rootComponent : slotComponent;\n  const props = appendOwnerState(elementType, _extends({}, name === 'root' && !rootComponent && !slots[name] && internalForwardedProps, name !== 'root' && !slots[name] && internalForwardedProps, mergedProps, LeafComponent && {\n    as: LeafComponent\n  }, {\n    ref\n  }), finalOwnerState);\n  Object.keys(slotOwnerState).forEach(propName => {\n    delete props[propName];\n  });\n  return [elementType, props];\n}","'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { Global } from '@emotion/react';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction isEmpty(obj) {\n  return obj === undefined || obj === null || Object.keys(obj).length === 0;\n}\nexport default function GlobalStyles(props) {\n  const {\n    styles,\n    defaultTheme = {}\n  } = props;\n  const globalStyles = typeof styles === 'function' ? themeInput => styles(isEmpty(themeInput) ? defaultTheme : themeInput) : styles;\n  return /*#__PURE__*/_jsx(Global, {\n    styles: globalStyles\n  });\n}\nprocess.env.NODE_ENV !== \"production\" ? GlobalStyles.propTypes = {\n  defaultTheme: PropTypes.object,\n  styles: PropTypes.oneOfType([PropTypes.array, PropTypes.string, PropTypes.object, PropTypes.func])\n} : void 0;","'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { CacheProvider } from '@emotion/react';\nimport createCache from '@emotion/cache';\n\n// prepend: true moves MUI styles to the top of the <head> so they're loaded first.\n// It allows developers to easily override MUI styles with other styling solutions, like CSS modules.\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nlet cache;\nif (typeof document === 'object') {\n  cache = createCache({\n    key: 'css',\n    prepend: true\n  });\n}\nexport default function StyledEngineProvider(props) {\n  const {\n    injectFirst,\n    children\n  } = props;\n  return injectFirst && cache ? /*#__PURE__*/_jsx(CacheProvider, {\n    value: cache,\n    children: children\n  }) : children;\n}\nprocess.env.NODE_ENV !== \"production\" ? StyledEngineProvider.propTypes = {\n  /**\n   * Your component tree.\n   */\n  children: PropTypes.node,\n  /**\n   * By default, the styles are injected last in the <head> element of the page.\n   * As a result, they gain more specificity than any other style sheet.\n   * If you want to override MUI's styles, set this prop.\n   */\n  injectFirst: PropTypes.bool\n} : void 0;","/**\n * @mui/styled-engine v5.16.8\n *\n * @license MIT\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use client';\n\n/* eslint-disable no-underscore-dangle */\nimport emStyled from '@emotion/styled';\nexport default function styled(tag, options) {\n  const stylesFactory = emStyled(tag, options);\n  if (process.env.NODE_ENV !== 'production') {\n    return (...styles) => {\n      const component = typeof tag === 'string' ? `\"${tag}\"` : 'component';\n      if (styles.length === 0) {\n        console.error([`MUI: Seems like you called \\`styled(${component})()\\` without a \\`style\\` argument.`, 'You must provide a `styles` argument: `styled(\"div\")(styleYouForgotToPass)`.'].join('\\n'));\n      } else if (styles.some(style => style === undefined)) {\n        console.error(`MUI: the styled(${component})(...args) API requires all its args to be defined.`);\n      }\n      return stylesFactory(...styles);\n    };\n  }\n  return stylesFactory;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport const internal_processStyles = (tag, processor) => {\n  // Emotion attaches all the styles as `__emotion_styles`.\n  // Ref: https://github.com/emotion-js/emotion/blob/16d971d0da229596d6bcc39d282ba9753c9ee7cf/packages/styled/src/base.js#L186\n  if (Array.isArray(tag.__emotion_styles)) {\n    tag.__emotion_styles = processor(tag.__emotion_styles);\n  }\n};\nexport { ThemeContext, keyframes, css } from '@emotion/react';\nexport { default as StyledEngineProvider } from './StyledEngineProvider';\nexport { default as GlobalStyles } from './GlobalStyles';","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.alpha = alpha;\nexports.blend = blend;\nexports.colorChannel = void 0;\nexports.darken = darken;\nexports.decomposeColor = decomposeColor;\nexports.emphasize = emphasize;\nexports.getContrastRatio = getContrastRatio;\nexports.getLuminance = getLuminance;\nexports.hexToRgb = hexToRgb;\nexports.hslToRgb = hslToRgb;\nexports.lighten = lighten;\nexports.private_safeAlpha = private_safeAlpha;\nexports.private_safeColorChannel = void 0;\nexports.private_safeDarken = private_safeDarken;\nexports.private_safeEmphasize = private_safeEmphasize;\nexports.private_safeLighten = private_safeLighten;\nexports.recomposeColor = recomposeColor;\nexports.rgbToHex = rgbToHex;\nvar _formatMuiErrorMessage2 = _interopRequireDefault(require(\"@mui/utils/formatMuiErrorMessage\"));\nvar _clamp = _interopRequireDefault(require(\"@mui/utils/clamp\"));\n/* eslint-disable @typescript-eslint/naming-convention */\n\n/**\n * Returns a number whose value is limited to the given range.\n * @param {number} value The value to be clamped\n * @param {number} min The lower boundary of the output range\n * @param {number} max The upper boundary of the output range\n * @returns {number} A number in the range [min, max]\n */\nfunction clampWrapper(value, min = 0, max = 1) {\n  if (process.env.NODE_ENV !== 'production') {\n    if (value < min || value > max) {\n      console.error(`MUI: The value provided ${value} is out of range [${min}, ${max}].`);\n    }\n  }\n  return (0, _clamp.default)(value, min, max);\n}\n\n/**\n * Converts a color from CSS hex format to CSS rgb format.\n * @param {string} color - Hex color, i.e. #nnn or #nnnnnn\n * @returns {string} A CSS rgb color string\n */\nfunction hexToRgb(color) {\n  color = color.slice(1);\n  const re = new RegExp(`.{1,${color.length >= 6 ? 2 : 1}}`, 'g');\n  let colors = color.match(re);\n  if (colors && colors[0].length === 1) {\n    colors = colors.map(n => n + n);\n  }\n  return colors ? `rgb${colors.length === 4 ? 'a' : ''}(${colors.map((n, index) => {\n    return index < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1000) / 1000;\n  }).join(', ')})` : '';\n}\nfunction intToHex(int) {\n  const hex = int.toString(16);\n  return hex.length === 1 ? `0${hex}` : hex;\n}\n\n/**\n * Returns an object with the type and values of a color.\n *\n * Note: Does not support rgb % values.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @returns {object} - A MUI color object: {type: string, values: number[]}\n */\nfunction decomposeColor(color) {\n  // Idempotent\n  if (color.type) {\n    return color;\n  }\n  if (color.charAt(0) === '#') {\n    return decomposeColor(hexToRgb(color));\n  }\n  const marker = color.indexOf('(');\n  const type = color.substring(0, marker);\n  if (['rgb', 'rgba', 'hsl', 'hsla', 'color'].indexOf(type) === -1) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: Unsupported \\`${color}\\` color.\nThe following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : (0, _formatMuiErrorMessage2.default)(9, color));\n  }\n  let values = color.substring(marker + 1, color.length - 1);\n  let colorSpace;\n  if (type === 'color') {\n    values = values.split(' ');\n    colorSpace = values.shift();\n    if (values.length === 4 && values[3].charAt(0) === '/') {\n      values[3] = values[3].slice(1);\n    }\n    if (['srgb', 'display-p3', 'a98-rgb', 'prophoto-rgb', 'rec-2020'].indexOf(colorSpace) === -1) {\n      throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: unsupported \\`${colorSpace}\\` color space.\nThe following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : (0, _formatMuiErrorMessage2.default)(10, colorSpace));\n    }\n  } else {\n    values = values.split(',');\n  }\n  values = values.map(value => parseFloat(value));\n  return {\n    type,\n    values,\n    colorSpace\n  };\n}\n\n/**\n * Returns a channel created from the input color.\n *\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @returns {string} - The channel for the color, that can be used in rgba or hsla colors\n */\nconst colorChannel = color => {\n  const decomposedColor = decomposeColor(color);\n  return decomposedColor.values.slice(0, 3).map((val, idx) => decomposedColor.type.indexOf('hsl') !== -1 && idx !== 0 ? `${val}%` : val).join(' ');\n};\nexports.colorChannel = colorChannel;\nconst private_safeColorChannel = (color, warning) => {\n  try {\n    return colorChannel(color);\n  } catch (error) {\n    if (warning && process.env.NODE_ENV !== 'production') {\n      console.warn(warning);\n    }\n    return color;\n  }\n};\n\n/**\n * Converts a color object with type and values to a string.\n * @param {object} color - Decomposed color\n * @param {string} color.type - One of: 'rgb', 'rgba', 'hsl', 'hsla', 'color'\n * @param {array} color.values - [n,n,n] or [n,n,n,n]\n * @returns {string} A CSS color string\n */\nexports.private_safeColorChannel = private_safeColorChannel;\nfunction recomposeColor(color) {\n  const {\n    type,\n    colorSpace\n  } = color;\n  let {\n    values\n  } = color;\n  if (type.indexOf('rgb') !== -1) {\n    // Only convert the first 3 values to int (i.e. not alpha)\n    values = values.map((n, i) => i < 3 ? parseInt(n, 10) : n);\n  } else if (type.indexOf('hsl') !== -1) {\n    values[1] = `${values[1]}%`;\n    values[2] = `${values[2]}%`;\n  }\n  if (type.indexOf('color') !== -1) {\n    values = `${colorSpace} ${values.join(' ')}`;\n  } else {\n    values = `${values.join(', ')}`;\n  }\n  return `${type}(${values})`;\n}\n\n/**\n * Converts a color from CSS rgb format to CSS hex format.\n * @param {string} color - RGB color, i.e. rgb(n, n, n)\n * @returns {string} A CSS rgb color string, i.e. #nnnnnn\n */\nfunction rgbToHex(color) {\n  // Idempotent\n  if (color.indexOf('#') === 0) {\n    return color;\n  }\n  const {\n    values\n  } = decomposeColor(color);\n  return `#${values.map((n, i) => intToHex(i === 3 ? Math.round(255 * n) : n)).join('')}`;\n}\n\n/**\n * Converts a color from hsl format to rgb format.\n * @param {string} color - HSL color values\n * @returns {string} rgb color values\n */\nfunction hslToRgb(color) {\n  color = decomposeColor(color);\n  const {\n    values\n  } = color;\n  const h = values[0];\n  const s = values[1] / 100;\n  const l = values[2] / 100;\n  const a = s * Math.min(l, 1 - l);\n  const f = (n, k = (n + h / 30) % 12) => l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n  let type = 'rgb';\n  const rgb = [Math.round(f(0) * 255), Math.round(f(8) * 255), Math.round(f(4) * 255)];\n  if (color.type === 'hsla') {\n    type += 'a';\n    rgb.push(values[3]);\n  }\n  return recomposeColor({\n    type,\n    values: rgb\n  });\n}\n/**\n * The relative brightness of any point in a color space,\n * normalized to 0 for darkest black and 1 for lightest white.\n *\n * Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @returns {number} The relative brightness of the color in the range 0 - 1\n */\nfunction getLuminance(color) {\n  color = decomposeColor(color);\n  let rgb = color.type === 'hsl' || color.type === 'hsla' ? decomposeColor(hslToRgb(color)).values : color.values;\n  rgb = rgb.map(val => {\n    if (color.type !== 'color') {\n      val /= 255; // normalized\n    }\n    return val <= 0.03928 ? val / 12.92 : ((val + 0.055) / 1.055) ** 2.4;\n  });\n\n  // Truncate at 3 digits\n  return Number((0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2]).toFixed(3));\n}\n\n/**\n * Calculates the contrast ratio between two colors.\n *\n * Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n * @param {string} foreground - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @param {string} background - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @returns {number} A contrast ratio value in the range 0 - 21.\n */\nfunction getContrastRatio(foreground, background) {\n  const lumA = getLuminance(foreground);\n  const lumB = getLuminance(background);\n  return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);\n}\n\n/**\n * Sets the absolute transparency of a color.\n * Any existing alpha values are overwritten.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @param {number} value - value to set the alpha channel to in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\nfunction alpha(color, value) {\n  color = decomposeColor(color);\n  value = clampWrapper(value);\n  if (color.type === 'rgb' || color.type === 'hsl') {\n    color.type += 'a';\n  }\n  if (color.type === 'color') {\n    color.values[3] = `/${value}`;\n  } else {\n    color.values[3] = value;\n  }\n  return recomposeColor(color);\n}\nfunction private_safeAlpha(color, value, warning) {\n  try {\n    return alpha(color, value);\n  } catch (error) {\n    if (warning && process.env.NODE_ENV !== 'production') {\n      console.warn(warning);\n    }\n    return color;\n  }\n}\n\n/**\n * Darkens a color.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @param {number} coefficient - multiplier in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\nfunction darken(color, coefficient) {\n  color = decomposeColor(color);\n  coefficient = clampWrapper(coefficient);\n  if (color.type.indexOf('hsl') !== -1) {\n    color.values[2] *= 1 - coefficient;\n  } else if (color.type.indexOf('rgb') !== -1 || color.type.indexOf('color') !== -1) {\n    for (let i = 0; i < 3; i += 1) {\n      color.values[i] *= 1 - coefficient;\n    }\n  }\n  return recomposeColor(color);\n}\nfunction private_safeDarken(color, coefficient, warning) {\n  try {\n    return darken(color, coefficient);\n  } catch (error) {\n    if (warning && process.env.NODE_ENV !== 'production') {\n      console.warn(warning);\n    }\n    return color;\n  }\n}\n\n/**\n * Lightens a color.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @param {number} coefficient - multiplier in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\nfunction lighten(color, coefficient) {\n  color = decomposeColor(color);\n  coefficient = clampWrapper(coefficient);\n  if (color.type.indexOf('hsl') !== -1) {\n    color.values[2] += (100 - color.values[2]) * coefficient;\n  } else if (color.type.indexOf('rgb') !== -1) {\n    for (let i = 0; i < 3; i += 1) {\n      color.values[i] += (255 - color.values[i]) * coefficient;\n    }\n  } else if (color.type.indexOf('color') !== -1) {\n    for (let i = 0; i < 3; i += 1) {\n      color.values[i] += (1 - color.values[i]) * coefficient;\n    }\n  }\n  return recomposeColor(color);\n}\nfunction private_safeLighten(color, coefficient, warning) {\n  try {\n    return lighten(color, coefficient);\n  } catch (error) {\n    if (warning && process.env.NODE_ENV !== 'production') {\n      console.warn(warning);\n    }\n    return color;\n  }\n}\n\n/**\n * Darken or lighten a color, depending on its luminance.\n * Light colors are darkened, dark colors are lightened.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @param {number} coefficient=0.15 - multiplier in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\nfunction emphasize(color, coefficient = 0.15) {\n  return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);\n}\nfunction private_safeEmphasize(color, coefficient, warning) {\n  try {\n    return emphasize(color, coefficient);\n  } catch (error) {\n    if (warning && process.env.NODE_ENV !== 'production') {\n      console.warn(warning);\n    }\n    return color;\n  }\n}\n\n/**\n * Blend a transparent overlay color with a background color, resulting in a single\n * RGB color.\n * @param {string} background - CSS color\n * @param {string} overlay - CSS color\n * @param {number} opacity - Opacity multiplier in the range 0 - 1\n * @param {number} [gamma=1.0] - Gamma correction factor. For gamma-correct blending, 2.2 is usual.\n */\nfunction blend(background, overlay, opacity, gamma = 1.0) {\n  const blendChannel = (b, o) => Math.round((b ** (1 / gamma) * (1 - opacity) + o ** (1 / gamma) * opacity) ** gamma);\n  const backgroundColor = decomposeColor(background);\n  const overlayColor = decomposeColor(overlay);\n  const rgb = [blendChannel(backgroundColor.values[0], overlayColor.values[0]), blendChannel(backgroundColor.values[1], overlayColor.values[1]), blendChannel(backgroundColor.values[2], overlayColor.values[2])];\n  return recomposeColor({\n    type: 'rgb',\n    values: rgb\n  });\n}","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = createStyled;\nexports.shouldForwardProp = shouldForwardProp;\nexports.systemDefaultTheme = void 0;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectWithoutPropertiesLoose\"));\nvar _styledEngine = _interopRequireWildcard(require(\"@mui/styled-engine\"));\nvar _deepmerge = require(\"@mui/utils/deepmerge\");\nvar _capitalize = _interopRequireDefault(require(\"@mui/utils/capitalize\"));\nvar _getDisplayName = _interopRequireDefault(require(\"@mui/utils/getDisplayName\"));\nvar _createTheme = _interopRequireDefault(require(\"./createTheme\"));\nvar _styleFunctionSx = _interopRequireDefault(require(\"./styleFunctionSx\"));\nconst _excluded = [\"ownerState\"],\n  _excluded2 = [\"variants\"],\n  _excluded3 = [\"name\", \"slot\", \"skipVariantsResolver\", \"skipSx\", \"overridesResolver\"];\n/* eslint-disable no-underscore-dangle */\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nfunction isEmpty(obj) {\n  return Object.keys(obj).length === 0;\n}\n\n// https://github.com/emotion-js/emotion/blob/26ded6109fcd8ca9875cc2ce4564fee678a3f3c5/packages/styled/src/utils.js#L40\nfunction isStringTag(tag) {\n  return typeof tag === 'string' &&\n  // 96 is one less than the char code\n  // for \"a\" so this is checking that\n  // it's a lowercase character\n  tag.charCodeAt(0) > 96;\n}\n\n// Update /system/styled/#api in case if this changes\nfunction shouldForwardProp(prop) {\n  return prop !== 'ownerState' && prop !== 'theme' && prop !== 'sx' && prop !== 'as';\n}\nconst systemDefaultTheme = exports.systemDefaultTheme = (0, _createTheme.default)();\nconst lowercaseFirstLetter = string => {\n  if (!string) {\n    return string;\n  }\n  return string.charAt(0).toLowerCase() + string.slice(1);\n};\nfunction resolveTheme({\n  defaultTheme,\n  theme,\n  themeId\n}) {\n  return isEmpty(theme) ? defaultTheme : theme[themeId] || theme;\n}\nfunction defaultOverridesResolver(slot) {\n  if (!slot) {\n    return null;\n  }\n  return (props, styles) => styles[slot];\n}\nfunction processStyleArg(callableStyle, _ref) {\n  let {\n      ownerState\n    } = _ref,\n    props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);\n  const resolvedStylesArg = typeof callableStyle === 'function' ? callableStyle((0, _extends2.default)({\n    ownerState\n  }, props)) : callableStyle;\n  if (Array.isArray(resolvedStylesArg)) {\n    return resolvedStylesArg.flatMap(resolvedStyle => processStyleArg(resolvedStyle, (0, _extends2.default)({\n      ownerState\n    }, props)));\n  }\n  if (!!resolvedStylesArg && typeof resolvedStylesArg === 'object' && Array.isArray(resolvedStylesArg.variants)) {\n    const {\n        variants = []\n      } = resolvedStylesArg,\n      otherStyles = (0, _objectWithoutPropertiesLoose2.default)(resolvedStylesArg, _excluded2);\n    let result = otherStyles;\n    variants.forEach(variant => {\n      let isMatch = true;\n      if (typeof variant.props === 'function') {\n        isMatch = variant.props((0, _extends2.default)({\n          ownerState\n        }, props, ownerState));\n      } else {\n        Object.keys(variant.props).forEach(key => {\n          if ((ownerState == null ? void 0 : ownerState[key]) !== variant.props[key] && props[key] !== variant.props[key]) {\n            isMatch = false;\n          }\n        });\n      }\n      if (isMatch) {\n        if (!Array.isArray(result)) {\n          result = [result];\n        }\n        result.push(typeof variant.style === 'function' ? variant.style((0, _extends2.default)({\n          ownerState\n        }, props, ownerState)) : variant.style);\n      }\n    });\n    return result;\n  }\n  return resolvedStylesArg;\n}\nfunction createStyled(input = {}) {\n  const {\n    themeId,\n    defaultTheme = systemDefaultTheme,\n    rootShouldForwardProp = shouldForwardProp,\n    slotShouldForwardProp = shouldForwardProp\n  } = input;\n  const systemSx = props => {\n    return (0, _styleFunctionSx.default)((0, _extends2.default)({}, props, {\n      theme: resolveTheme((0, _extends2.default)({}, props, {\n        defaultTheme,\n        themeId\n      }))\n    }));\n  };\n  systemSx.__mui_systemSx = true;\n  return (tag, inputOptions = {}) => {\n    // Filter out the `sx` style function from the previous styled component to prevent unnecessary styles generated by the composite components.\n    (0, _styledEngine.internal_processStyles)(tag, styles => styles.filter(style => !(style != null && style.__mui_systemSx)));\n    const {\n        name: componentName,\n        slot: componentSlot,\n        skipVariantsResolver: inputSkipVariantsResolver,\n        skipSx: inputSkipSx,\n        // TODO v6: remove `lowercaseFirstLetter()` in the next major release\n        // For more details: https://github.com/mui/material-ui/pull/37908\n        overridesResolver = defaultOverridesResolver(lowercaseFirstLetter(componentSlot))\n      } = inputOptions,\n      options = (0, _objectWithoutPropertiesLoose2.default)(inputOptions, _excluded3);\n\n    // if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.\n    const skipVariantsResolver = inputSkipVariantsResolver !== undefined ? inputSkipVariantsResolver :\n    // TODO v6: remove `Root` in the next major release\n    // For more details: https://github.com/mui/material-ui/pull/37908\n    componentSlot && componentSlot !== 'Root' && componentSlot !== 'root' || false;\n    const skipSx = inputSkipSx || false;\n    let label;\n    if (process.env.NODE_ENV !== 'production') {\n      if (componentName) {\n        // TODO v6: remove `lowercaseFirstLetter()` in the next major release\n        // For more details: https://github.com/mui/material-ui/pull/37908\n        label = `${componentName}-${lowercaseFirstLetter(componentSlot || 'Root')}`;\n      }\n    }\n    let shouldForwardPropOption = shouldForwardProp;\n\n    // TODO v6: remove `Root` in the next major release\n    // For more details: https://github.com/mui/material-ui/pull/37908\n    if (componentSlot === 'Root' || componentSlot === 'root') {\n      shouldForwardPropOption = rootShouldForwardProp;\n    } else if (componentSlot) {\n      // any other slot specified\n      shouldForwardPropOption = slotShouldForwardProp;\n    } else if (isStringTag(tag)) {\n      // for string (html) tag, preserve the behavior in emotion & styled-components.\n      shouldForwardPropOption = undefined;\n    }\n    const defaultStyledResolver = (0, _styledEngine.default)(tag, (0, _extends2.default)({\n      shouldForwardProp: shouldForwardPropOption,\n      label\n    }, options));\n    const transformStyleArg = stylesArg => {\n      // On the server Emotion doesn't use React.forwardRef for creating components, so the created\n      // component stays as a function. This condition makes sure that we do not interpolate functions\n      // which are basically components used as a selectors.\n      if (typeof stylesArg === 'function' && stylesArg.__emotion_real !== stylesArg || (0, _deepmerge.isPlainObject)(stylesArg)) {\n        return props => processStyleArg(stylesArg, (0, _extends2.default)({}, props, {\n          theme: resolveTheme({\n            theme: props.theme,\n            defaultTheme,\n            themeId\n          })\n        }));\n      }\n      return stylesArg;\n    };\n    const muiStyledResolver = (styleArg, ...expressions) => {\n      let transformedStyleArg = transformStyleArg(styleArg);\n      const expressionsWithDefaultTheme = expressions ? expressions.map(transformStyleArg) : [];\n      if (componentName && overridesResolver) {\n        expressionsWithDefaultTheme.push(props => {\n          const theme = resolveTheme((0, _extends2.default)({}, props, {\n            defaultTheme,\n            themeId\n          }));\n          if (!theme.components || !theme.components[componentName] || !theme.components[componentName].styleOverrides) {\n            return null;\n          }\n          const styleOverrides = theme.components[componentName].styleOverrides;\n          const resolvedStyleOverrides = {};\n          // TODO: v7 remove iteration and use `resolveStyleArg(styleOverrides[slot])` directly\n          Object.entries(styleOverrides).forEach(([slotKey, slotStyle]) => {\n            resolvedStyleOverrides[slotKey] = processStyleArg(slotStyle, (0, _extends2.default)({}, props, {\n              theme\n            }));\n          });\n          return overridesResolver(props, resolvedStyleOverrides);\n        });\n      }\n      if (componentName && !skipVariantsResolver) {\n        expressionsWithDefaultTheme.push(props => {\n          var _theme$components;\n          const theme = resolveTheme((0, _extends2.default)({}, props, {\n            defaultTheme,\n            themeId\n          }));\n          const themeVariants = theme == null || (_theme$components = theme.components) == null || (_theme$components = _theme$components[componentName]) == null ? void 0 : _theme$components.variants;\n          return processStyleArg({\n            variants: themeVariants\n          }, (0, _extends2.default)({}, props, {\n            theme\n          }));\n        });\n      }\n      if (!skipSx) {\n        expressionsWithDefaultTheme.push(systemSx);\n      }\n      const numOfCustomFnsApplied = expressionsWithDefaultTheme.length - expressions.length;\n      if (Array.isArray(styleArg) && numOfCustomFnsApplied > 0) {\n        const placeholders = new Array(numOfCustomFnsApplied).fill('');\n        // If the type is array, than we need to add placeholders in the template for the overrides, variants and the sx styles.\n        transformedStyleArg = [...styleArg, ...placeholders];\n        transformedStyleArg.raw = [...styleArg.raw, ...placeholders];\n      }\n      const Component = defaultStyledResolver(transformedStyleArg, ...expressionsWithDefaultTheme);\n      if (process.env.NODE_ENV !== 'production') {\n        let displayName;\n        if (componentName) {\n          displayName = `${componentName}${(0, _capitalize.default)(componentSlot || '')}`;\n        }\n        if (displayName === undefined) {\n          displayName = `Styled(${(0, _getDisplayName.default)(tag)})`;\n        }\n        Component.displayName = displayName;\n      }\n      if (tag.muiName) {\n        Component.muiName = tag.muiName;\n      }\n      return Component;\n    };\n    if (defaultStyledResolver.withConfig) {\n      muiStyledResolver.withConfig = defaultStyledResolver.withConfig;\n    }\n    return muiStyledResolver;\n  };\n}","'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport resolveProps from '@mui/utils/resolveProps';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst PropsContext = /*#__PURE__*/React.createContext(undefined);\nfunction DefaultPropsProvider({\n  value,\n  children\n}) {\n  return /*#__PURE__*/_jsx(PropsContext.Provider, {\n    value: value,\n    children: children\n  });\n}\nprocess.env.NODE_ENV !== \"production\" ? DefaultPropsProvider.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * @ignore\n   */\n  children: PropTypes.node,\n  /**\n   * @ignore\n   */\n  value: PropTypes.object\n} : void 0;\nfunction getThemeProps(params) {\n  const {\n    theme,\n    name,\n    props\n  } = params;\n  if (!theme || !theme.components || !theme.components[name]) {\n    return props;\n  }\n  const config = theme.components[name];\n  if (config.defaultProps) {\n    // compatible with v5 signature\n    return resolveProps(config.defaultProps, props);\n  }\n  if (!config.styleOverrides && !config.variants) {\n    // v6 signature, no property 'defaultProps'\n    return resolveProps(config, props);\n  }\n  return props;\n}\nexport function useDefaultProps({\n  props,\n  name\n}) {\n  const ctx = React.useContext(PropsContext);\n  return getThemeProps({\n    props,\n    name,\n    theme: {\n      components: ctx\n    }\n  });\n}\nexport default DefaultPropsProvider;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"value\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst RtlContext = /*#__PURE__*/React.createContext();\nfunction RtlProvider(_ref) {\n  let {\n      value\n    } = _ref,\n    props = _objectWithoutPropertiesLoose(_ref, _excluded);\n  return /*#__PURE__*/_jsx(RtlContext.Provider, _extends({\n    value: value != null ? value : true\n  }, props));\n}\nprocess.env.NODE_ENV !== \"production\" ? RtlProvider.propTypes = {\n  children: PropTypes.node,\n  value: PropTypes.bool\n} : void 0;\nexport const useRtl = () => {\n  const value = React.useContext(RtlContext);\n  return value != null ? value : false;\n};\nexport default RtlProvider;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport PropTypes from 'prop-types';\nimport deepmerge from '@mui/utils/deepmerge';\nimport merge from './merge';\n\n// The breakpoint **start** at this value.\n// For instance with the first breakpoint xs: [xs, sm[.\nexport const values = {\n  xs: 0,\n  // phone\n  sm: 600,\n  // tablet\n  md: 900,\n  // small laptop\n  lg: 1200,\n  // desktop\n  xl: 1536 // large screen\n};\nconst defaultBreakpoints = {\n  // Sorted ASC by size. That's important.\n  // It can't be configured as it's used statically for propTypes.\n  keys: ['xs', 'sm', 'md', 'lg', 'xl'],\n  up: key => `@media (min-width:${values[key]}px)`\n};\nexport function handleBreakpoints(props, propValue, styleFromPropValue) {\n  const theme = props.theme || {};\n  if (Array.isArray(propValue)) {\n    const themeBreakpoints = theme.breakpoints || defaultBreakpoints;\n    return propValue.reduce((acc, item, index) => {\n      acc[themeBreakpoints.up(themeBreakpoints.keys[index])] = styleFromPropValue(propValue[index]);\n      return acc;\n    }, {});\n  }\n  if (typeof propValue === 'object') {\n    const themeBreakpoints = theme.breakpoints || defaultBreakpoints;\n    return Object.keys(propValue).reduce((acc, breakpoint) => {\n      // key is breakpoint\n      if (Object.keys(themeBreakpoints.values || values).indexOf(breakpoint) !== -1) {\n        const mediaKey = themeBreakpoints.up(breakpoint);\n        acc[mediaKey] = styleFromPropValue(propValue[breakpoint], breakpoint);\n      } else {\n        const cssKey = breakpoint;\n        acc[cssKey] = propValue[cssKey];\n      }\n      return acc;\n    }, {});\n  }\n  const output = styleFromPropValue(propValue);\n  return output;\n}\nfunction breakpoints(styleFunction) {\n  // false positive\n  // eslint-disable-next-line react/function-component-definition\n  const newStyleFunction = props => {\n    const theme = props.theme || {};\n    const base = styleFunction(props);\n    const themeBreakpoints = theme.breakpoints || defaultBreakpoints;\n    const extended = themeBreakpoints.keys.reduce((acc, key) => {\n      if (props[key]) {\n        acc = acc || {};\n        acc[themeBreakpoints.up(key)] = styleFunction(_extends({\n          theme\n        }, props[key]));\n      }\n      return acc;\n    }, null);\n    return merge(base, extended);\n  };\n  newStyleFunction.propTypes = process.env.NODE_ENV !== 'production' ? _extends({}, styleFunction.propTypes, {\n    xs: PropTypes.object,\n    sm: PropTypes.object,\n    md: PropTypes.object,\n    lg: PropTypes.object,\n    xl: PropTypes.object\n  }) : {};\n  newStyleFunction.filterProps = ['xs', 'sm', 'md', 'lg', 'xl', ...styleFunction.filterProps];\n  return newStyleFunction;\n}\nexport function createEmptyBreakpointObject(breakpointsInput = {}) {\n  var _breakpointsInput$key;\n  const breakpointsInOrder = (_breakpointsInput$key = breakpointsInput.keys) == null ? void 0 : _breakpointsInput$key.reduce((acc, key) => {\n    const breakpointStyleKey = breakpointsInput.up(key);\n    acc[breakpointStyleKey] = {};\n    return acc;\n  }, {});\n  return breakpointsInOrder || {};\n}\nexport function removeUnusedBreakpoints(breakpointKeys, style) {\n  return breakpointKeys.reduce((acc, key) => {\n    const breakpointOutput = acc[key];\n    const isBreakpointUnused = !breakpointOutput || Object.keys(breakpointOutput).length === 0;\n    if (isBreakpointUnused) {\n      delete acc[key];\n    }\n    return acc;\n  }, style);\n}\nexport function mergeBreakpointsInOrder(breakpointsInput, ...styles) {\n  const emptyBreakpoints = createEmptyBreakpointObject(breakpointsInput);\n  const mergedOutput = [emptyBreakpoints, ...styles].reduce((prev, next) => deepmerge(prev, next), {});\n  return removeUnusedBreakpoints(Object.keys(emptyBreakpoints), mergedOutput);\n}\n\n// compute base for responsive values; e.g.,\n// [1,2,3] => {xs: true, sm: true, md: true}\n// {xs: 1, sm: 2, md: 3} => {xs: true, sm: true, md: true}\nexport function computeBreakpointsBase(breakpointValues, themeBreakpoints) {\n  // fixed value\n  if (typeof breakpointValues !== 'object') {\n    return {};\n  }\n  const base = {};\n  const breakpointsKeys = Object.keys(themeBreakpoints);\n  if (Array.isArray(breakpointValues)) {\n    breakpointsKeys.forEach((breakpoint, i) => {\n      if (i < breakpointValues.length) {\n        base[breakpoint] = true;\n      }\n    });\n  } else {\n    breakpointsKeys.forEach(breakpoint => {\n      if (breakpointValues[breakpoint] != null) {\n        base[breakpoint] = true;\n      }\n    });\n  }\n  return base;\n}\nexport function resolveBreakpointValues({\n  values: breakpointValues,\n  breakpoints: themeBreakpoints,\n  base: customBase\n}) {\n  const base = customBase || computeBreakpointsBase(breakpointValues, themeBreakpoints);\n  const keys = Object.keys(base);\n  if (keys.length === 0) {\n    return breakpointValues;\n  }\n  let previous;\n  return keys.reduce((acc, breakpoint, i) => {\n    if (Array.isArray(breakpointValues)) {\n      acc[breakpoint] = breakpointValues[i] != null ? breakpointValues[i] : breakpointValues[previous];\n      previous = i;\n    } else if (typeof breakpointValues === 'object') {\n      acc[breakpoint] = breakpointValues[breakpoint] != null ? breakpointValues[breakpoint] : breakpointValues[previous];\n      previous = breakpoint;\n    } else {\n      acc[breakpoint] = breakpointValues;\n    }\n    return acc;\n  }, {});\n}\nexport default breakpoints;","import _formatMuiErrorMessage from \"@mui/utils/formatMuiErrorMessage\";\n/* eslint-disable @typescript-eslint/naming-convention */\nimport clamp from '@mui/utils/clamp';\n/**\n * Returns a number whose value is limited to the given range.\n * @param {number} value The value to be clamped\n * @param {number} min The lower boundary of the output range\n * @param {number} max The upper boundary of the output range\n * @returns {number} A number in the range [min, max]\n */\nfunction clampWrapper(value, min = 0, max = 1) {\n  if (process.env.NODE_ENV !== 'production') {\n    if (value < min || value > max) {\n      console.error(`MUI: The value provided ${value} is out of range [${min}, ${max}].`);\n    }\n  }\n  return clamp(value, min, max);\n}\n\n/**\n * Converts a color from CSS hex format to CSS rgb format.\n * @param {string} color - Hex color, i.e. #nnn or #nnnnnn\n * @returns {string} A CSS rgb color string\n */\nexport function hexToRgb(color) {\n  color = color.slice(1);\n  const re = new RegExp(`.{1,${color.length >= 6 ? 2 : 1}}`, 'g');\n  let colors = color.match(re);\n  if (colors && colors[0].length === 1) {\n    colors = colors.map(n => n + n);\n  }\n  return colors ? `rgb${colors.length === 4 ? 'a' : ''}(${colors.map((n, index) => {\n    return index < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1000) / 1000;\n  }).join(', ')})` : '';\n}\nfunction intToHex(int) {\n  const hex = int.toString(16);\n  return hex.length === 1 ? `0${hex}` : hex;\n}\n\n/**\n * Returns an object with the type and values of a color.\n *\n * Note: Does not support rgb % values.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @returns {object} - A MUI color object: {type: string, values: number[]}\n */\nexport function decomposeColor(color) {\n  // Idempotent\n  if (color.type) {\n    return color;\n  }\n  if (color.charAt(0) === '#') {\n    return decomposeColor(hexToRgb(color));\n  }\n  const marker = color.indexOf('(');\n  const type = color.substring(0, marker);\n  if (['rgb', 'rgba', 'hsl', 'hsla', 'color'].indexOf(type) === -1) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: Unsupported \\`${color}\\` color.\nThe following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : _formatMuiErrorMessage(9, color));\n  }\n  let values = color.substring(marker + 1, color.length - 1);\n  let colorSpace;\n  if (type === 'color') {\n    values = values.split(' ');\n    colorSpace = values.shift();\n    if (values.length === 4 && values[3].charAt(0) === '/') {\n      values[3] = values[3].slice(1);\n    }\n    if (['srgb', 'display-p3', 'a98-rgb', 'prophoto-rgb', 'rec-2020'].indexOf(colorSpace) === -1) {\n      throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: unsupported \\`${colorSpace}\\` color space.\nThe following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : _formatMuiErrorMessage(10, colorSpace));\n    }\n  } else {\n    values = values.split(',');\n  }\n  values = values.map(value => parseFloat(value));\n  return {\n    type,\n    values,\n    colorSpace\n  };\n}\n\n/**\n * Returns a channel created from the input color.\n *\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @returns {string} - The channel for the color, that can be used in rgba or hsla colors\n */\nexport const colorChannel = color => {\n  const decomposedColor = decomposeColor(color);\n  return decomposedColor.values.slice(0, 3).map((val, idx) => decomposedColor.type.indexOf('hsl') !== -1 && idx !== 0 ? `${val}%` : val).join(' ');\n};\nexport const private_safeColorChannel = (color, warning) => {\n  try {\n    return colorChannel(color);\n  } catch (error) {\n    if (warning && process.env.NODE_ENV !== 'production') {\n      console.warn(warning);\n    }\n    return color;\n  }\n};\n\n/**\n * Converts a color object with type and values to a string.\n * @param {object} color - Decomposed color\n * @param {string} color.type - One of: 'rgb', 'rgba', 'hsl', 'hsla', 'color'\n * @param {array} color.values - [n,n,n] or [n,n,n,n]\n * @returns {string} A CSS color string\n */\nexport function recomposeColor(color) {\n  const {\n    type,\n    colorSpace\n  } = color;\n  let {\n    values\n  } = color;\n  if (type.indexOf('rgb') !== -1) {\n    // Only convert the first 3 values to int (i.e. not alpha)\n    values = values.map((n, i) => i < 3 ? parseInt(n, 10) : n);\n  } else if (type.indexOf('hsl') !== -1) {\n    values[1] = `${values[1]}%`;\n    values[2] = `${values[2]}%`;\n  }\n  if (type.indexOf('color') !== -1) {\n    values = `${colorSpace} ${values.join(' ')}`;\n  } else {\n    values = `${values.join(', ')}`;\n  }\n  return `${type}(${values})`;\n}\n\n/**\n * Converts a color from CSS rgb format to CSS hex format.\n * @param {string} color - RGB color, i.e. rgb(n, n, n)\n * @returns {string} A CSS rgb color string, i.e. #nnnnnn\n */\nexport function rgbToHex(color) {\n  // Idempotent\n  if (color.indexOf('#') === 0) {\n    return color;\n  }\n  const {\n    values\n  } = decomposeColor(color);\n  return `#${values.map((n, i) => intToHex(i === 3 ? Math.round(255 * n) : n)).join('')}`;\n}\n\n/**\n * Converts a color from hsl format to rgb format.\n * @param {string} color - HSL color values\n * @returns {string} rgb color values\n */\nexport function hslToRgb(color) {\n  color = decomposeColor(color);\n  const {\n    values\n  } = color;\n  const h = values[0];\n  const s = values[1] / 100;\n  const l = values[2] / 100;\n  const a = s * Math.min(l, 1 - l);\n  const f = (n, k = (n + h / 30) % 12) => l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n  let type = 'rgb';\n  const rgb = [Math.round(f(0) * 255), Math.round(f(8) * 255), Math.round(f(4) * 255)];\n  if (color.type === 'hsla') {\n    type += 'a';\n    rgb.push(values[3]);\n  }\n  return recomposeColor({\n    type,\n    values: rgb\n  });\n}\n/**\n * The relative brightness of any point in a color space,\n * normalized to 0 for darkest black and 1 for lightest white.\n *\n * Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @returns {number} The relative brightness of the color in the range 0 - 1\n */\nexport function getLuminance(color) {\n  color = decomposeColor(color);\n  let rgb = color.type === 'hsl' || color.type === 'hsla' ? decomposeColor(hslToRgb(color)).values : color.values;\n  rgb = rgb.map(val => {\n    if (color.type !== 'color') {\n      val /= 255; // normalized\n    }\n    return val <= 0.03928 ? val / 12.92 : ((val + 0.055) / 1.055) ** 2.4;\n  });\n\n  // Truncate at 3 digits\n  return Number((0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2]).toFixed(3));\n}\n\n/**\n * Calculates the contrast ratio between two colors.\n *\n * Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n * @param {string} foreground - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @param {string} background - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @returns {number} A contrast ratio value in the range 0 - 21.\n */\nexport function getContrastRatio(foreground, background) {\n  const lumA = getLuminance(foreground);\n  const lumB = getLuminance(background);\n  return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);\n}\n\n/**\n * Sets the absolute transparency of a color.\n * Any existing alpha values are overwritten.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @param {number} value - value to set the alpha channel to in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\nexport function alpha(color, value) {\n  color = decomposeColor(color);\n  value = clampWrapper(value);\n  if (color.type === 'rgb' || color.type === 'hsl') {\n    color.type += 'a';\n  }\n  if (color.type === 'color') {\n    color.values[3] = `/${value}`;\n  } else {\n    color.values[3] = value;\n  }\n  return recomposeColor(color);\n}\nexport function private_safeAlpha(color, value, warning) {\n  try {\n    return alpha(color, value);\n  } catch (error) {\n    if (warning && process.env.NODE_ENV !== 'production') {\n      console.warn(warning);\n    }\n    return color;\n  }\n}\n\n/**\n * Darkens a color.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @param {number} coefficient - multiplier in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\nexport function darken(color, coefficient) {\n  color = decomposeColor(color);\n  coefficient = clampWrapper(coefficient);\n  if (color.type.indexOf('hsl') !== -1) {\n    color.values[2] *= 1 - coefficient;\n  } else if (color.type.indexOf('rgb') !== -1 || color.type.indexOf('color') !== -1) {\n    for (let i = 0; i < 3; i += 1) {\n      color.values[i] *= 1 - coefficient;\n    }\n  }\n  return recomposeColor(color);\n}\nexport function private_safeDarken(color, coefficient, warning) {\n  try {\n    return darken(color, coefficient);\n  } catch (error) {\n    if (warning && process.env.NODE_ENV !== 'production') {\n      console.warn(warning);\n    }\n    return color;\n  }\n}\n\n/**\n * Lightens a color.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @param {number} coefficient - multiplier in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\nexport function lighten(color, coefficient) {\n  color = decomposeColor(color);\n  coefficient = clampWrapper(coefficient);\n  if (color.type.indexOf('hsl') !== -1) {\n    color.values[2] += (100 - color.values[2]) * coefficient;\n  } else if (color.type.indexOf('rgb') !== -1) {\n    for (let i = 0; i < 3; i += 1) {\n      color.values[i] += (255 - color.values[i]) * coefficient;\n    }\n  } else if (color.type.indexOf('color') !== -1) {\n    for (let i = 0; i < 3; i += 1) {\n      color.values[i] += (1 - color.values[i]) * coefficient;\n    }\n  }\n  return recomposeColor(color);\n}\nexport function private_safeLighten(color, coefficient, warning) {\n  try {\n    return lighten(color, coefficient);\n  } catch (error) {\n    if (warning && process.env.NODE_ENV !== 'production') {\n      console.warn(warning);\n    }\n    return color;\n  }\n}\n\n/**\n * Darken or lighten a color, depending on its luminance.\n * Light colors are darkened, dark colors are lightened.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @param {number} coefficient=0.15 - multiplier in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\nexport function emphasize(color, coefficient = 0.15) {\n  return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);\n}\nexport function private_safeEmphasize(color, coefficient, warning) {\n  try {\n    return emphasize(color, coefficient);\n  } catch (error) {\n    if (warning && process.env.NODE_ENV !== 'production') {\n      console.warn(warning);\n    }\n    return color;\n  }\n}\n\n/**\n * Blend a transparent overlay color with a background color, resulting in a single\n * RGB color.\n * @param {string} background - CSS color\n * @param {string} overlay - CSS color\n * @param {number} opacity - Opacity multiplier in the range 0 - 1\n * @param {number} [gamma=1.0] - Gamma correction factor. For gamma-correct blending, 2.2 is usual.\n */\nexport function blend(background, overlay, opacity, gamma = 1.0) {\n  const blendChannel = (b, o) => Math.round((b ** (1 / gamma) * (1 - opacity) + o ** (1 / gamma) * opacity) ** gamma);\n  const backgroundColor = decomposeColor(background);\n  const overlayColor = decomposeColor(overlay);\n  const rgb = [blendChannel(backgroundColor.values[0], overlayColor.values[0]), blendChannel(backgroundColor.values[1], overlayColor.values[1]), blendChannel(backgroundColor.values[2], overlayColor.values[2])];\n  return recomposeColor({\n    type: 'rgb',\n    values: rgb\n  });\n}","/**\n * A universal utility to style components with multiple color modes. Always use it from the theme object.\n * It works with:\n *  - [Basic theme](https://mui.com/material-ui/customization/dark-mode/)\n *  - [CSS theme variables](https://mui.com/material-ui/experimental-api/css-theme-variables/overview/)\n *  - Zero-runtime engine\n *\n * Tips: Use an array over object spread and place `theme.applyStyles()` last.\n *\n * ✅ [{ background: '#e5e5e5' }, theme.applyStyles('dark', { background: '#1c1c1c' })]\n *\n * 🚫 { background: '#e5e5e5', ...theme.applyStyles('dark', { background: '#1c1c1c' })}\n *\n * @example\n * 1. using with `styled`:\n * ```jsx\n *   const Component = styled('div')(({ theme }) => [\n *     { background: '#e5e5e5' },\n *     theme.applyStyles('dark', {\n *       background: '#1c1c1c',\n *       color: '#fff',\n *     }),\n *   ]);\n * ```\n *\n * @example\n * 2. using with `sx` prop:\n * ```jsx\n *   <Box sx={theme => [\n *     { background: '#e5e5e5' },\n *     theme.applyStyles('dark', {\n *        background: '#1c1c1c',\n *        color: '#fff',\n *      }),\n *     ]}\n *   />\n * ```\n *\n * @example\n * 3. theming a component:\n * ```jsx\n *   extendTheme({\n *     components: {\n *       MuiButton: {\n *         styleOverrides: {\n *           root: ({ theme }) => [\n *             { background: '#e5e5e5' },\n *             theme.applyStyles('dark', {\n *               background: '#1c1c1c',\n *               color: '#fff',\n *             }),\n *           ],\n *         },\n *       }\n *     }\n *   })\n *```\n */\nexport default function applyStyles(key, styles) {\n  // @ts-expect-error this is 'any' type\n  const theme = this;\n  if (theme.vars && typeof theme.getColorSchemeSelector === 'function') {\n    // If CssVarsProvider is used as a provider,\n    // returns '* :where([data-mui-color-scheme=\"light|dark\"]) &'\n    const selector = theme.getColorSchemeSelector(key).replace(/(\\[[^\\]]+\\])/, '*:where($1)');\n    return {\n      [selector]: styles\n    };\n  }\n  if (theme.palette.mode === key) {\n    return styles;\n  }\n  return {};\n}","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"values\", \"unit\", \"step\"];\n// Sorted ASC by size. That's important.\n// It can't be configured as it's used statically for propTypes.\nexport const breakpointKeys = ['xs', 'sm', 'md', 'lg', 'xl'];\nconst sortBreakpointsValues = values => {\n  const breakpointsAsArray = Object.keys(values).map(key => ({\n    key,\n    val: values[key]\n  })) || [];\n  // Sort in ascending order\n  breakpointsAsArray.sort((breakpoint1, breakpoint2) => breakpoint1.val - breakpoint2.val);\n  return breakpointsAsArray.reduce((acc, obj) => {\n    return _extends({}, acc, {\n      [obj.key]: obj.val\n    });\n  }, {});\n};\n\n// Keep in mind that @media is inclusive by the CSS specification.\nexport default function createBreakpoints(breakpoints) {\n  const {\n      // The breakpoint **start** at this value.\n      // For instance with the first breakpoint xs: [xs, sm).\n      values = {\n        xs: 0,\n        // phone\n        sm: 600,\n        // tablet\n        md: 900,\n        // small laptop\n        lg: 1200,\n        // desktop\n        xl: 1536 // large screen\n      },\n      unit = 'px',\n      step = 5\n    } = breakpoints,\n    other = _objectWithoutPropertiesLoose(breakpoints, _excluded);\n  const sortedValues = sortBreakpointsValues(values);\n  const keys = Object.keys(sortedValues);\n  function up(key) {\n    const value = typeof values[key] === 'number' ? values[key] : key;\n    return `@media (min-width:${value}${unit})`;\n  }\n  function down(key) {\n    const value = typeof values[key] === 'number' ? values[key] : key;\n    return `@media (max-width:${value - step / 100}${unit})`;\n  }\n  function between(start, end) {\n    const endIndex = keys.indexOf(end);\n    return `@media (min-width:${typeof values[start] === 'number' ? values[start] : start}${unit}) and ` + `(max-width:${(endIndex !== -1 && typeof values[keys[endIndex]] === 'number' ? values[keys[endIndex]] : end) - step / 100}${unit})`;\n  }\n  function only(key) {\n    if (keys.indexOf(key) + 1 < keys.length) {\n      return between(key, keys[keys.indexOf(key) + 1]);\n    }\n    return up(key);\n  }\n  function not(key) {\n    // handle first and last key separately, for better readability\n    const keyIndex = keys.indexOf(key);\n    if (keyIndex === 0) {\n      return up(keys[1]);\n    }\n    if (keyIndex === keys.length - 1) {\n      return down(keys[keyIndex]);\n    }\n    return between(key, keys[keys.indexOf(key) + 1]).replace('@media', '@media not all and');\n  }\n  return _extends({\n    keys,\n    values: sortedValues,\n    up,\n    down,\n    between,\n    only,\n    not,\n    unit\n  }, other);\n}","const shape = {\n  borderRadius: 4\n};\nexport default shape;","import { createUnarySpacing } from '../spacing';\n\n// The different signatures imply different meaning for their arguments that can't be expressed structurally.\n// We express the difference with variable names.\n\nexport default function createSpacing(spacingInput = 8) {\n  // Already transformed.\n  if (spacingInput.mui) {\n    return spacingInput;\n  }\n\n  // Material Design layouts are visually balanced. Most measurements align to an 8dp grid, which aligns both spacing and the overall layout.\n  // Smaller components, such as icons, can align to a 4dp grid.\n  // https://m2.material.io/design/layout/understanding-layout.html\n  const transform = createUnarySpacing({\n    spacing: spacingInput\n  });\n  const spacing = (...argsInput) => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (!(argsInput.length <= 4)) {\n        console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${argsInput.length}`);\n      }\n    }\n    const args = argsInput.length === 0 ? [1] : argsInput;\n    return args.map(argument => {\n      const output = transform(argument);\n      return typeof output === 'number' ? `${output}px` : output;\n    }).join(' ');\n  };\n  spacing.mui = true;\n  return spacing;\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"breakpoints\", \"palette\", \"spacing\", \"shape\"];\nimport deepmerge from '@mui/utils/deepmerge';\nimport createBreakpoints from './createBreakpoints';\nimport shape from './shape';\nimport createSpacing from './createSpacing';\nimport styleFunctionSx from '../styleFunctionSx/styleFunctionSx';\nimport defaultSxConfig from '../styleFunctionSx/defaultSxConfig';\nimport applyStyles from './applyStyles';\nfunction createTheme(options = {}, ...args) {\n  const {\n      breakpoints: breakpointsInput = {},\n      palette: paletteInput = {},\n      spacing: spacingInput,\n      shape: shapeInput = {}\n    } = options,\n    other = _objectWithoutPropertiesLoose(options, _excluded);\n  const breakpoints = createBreakpoints(breakpointsInput);\n  const spacing = createSpacing(spacingInput);\n  let muiTheme = deepmerge({\n    breakpoints,\n    direction: 'ltr',\n    components: {},\n    // Inject component definitions.\n    palette: _extends({\n      mode: 'light'\n    }, paletteInput),\n    spacing,\n    shape: _extends({}, shape, shapeInput)\n  }, other);\n  muiTheme.applyStyles = applyStyles;\n  muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);\n  muiTheme.unstable_sxConfig = _extends({}, defaultSxConfig, other == null ? void 0 : other.unstable_sxConfig);\n  muiTheme.unstable_sx = function sx(props) {\n    return styleFunctionSx({\n      sx: props,\n      theme: this\n    });\n  };\n  return muiTheme;\n}\nexport default createTheme;","export { default } from './createTheme';\nexport { default as private_createBreakpoints } from './createBreakpoints';\nexport { default as unstable_applyStyles } from './applyStyles';","import deepmerge from '@mui/utils/deepmerge';\nfunction merge(acc, item) {\n  if (!item) {\n    return acc;\n  }\n  return deepmerge(acc, item, {\n    clone: false // No need to clone deep, it's way faster.\n  });\n}\nexport default merge;","export default function memoize(fn) {\n  const cache = {};\n  return arg => {\n    if (cache[arg] === undefined) {\n      cache[arg] = fn(arg);\n    }\n    return cache[arg];\n  };\n}","import responsivePropType from './responsivePropType';\nimport { handleBreakpoints } from './breakpoints';\nimport { getPath } from './style';\nimport merge from './merge';\nimport memoize from './memoize';\nconst properties = {\n  m: 'margin',\n  p: 'padding'\n};\nconst directions = {\n  t: 'Top',\n  r: 'Right',\n  b: 'Bottom',\n  l: 'Left',\n  x: ['Left', 'Right'],\n  y: ['Top', 'Bottom']\n};\nconst aliases = {\n  marginX: 'mx',\n  marginY: 'my',\n  paddingX: 'px',\n  paddingY: 'py'\n};\n\n// memoize() impact:\n// From 300,000 ops/sec\n// To 350,000 ops/sec\nconst getCssProperties = memoize(prop => {\n  // It's not a shorthand notation.\n  if (prop.length > 2) {\n    if (aliases[prop]) {\n      prop = aliases[prop];\n    } else {\n      return [prop];\n    }\n  }\n  const [a, b] = prop.split('');\n  const property = properties[a];\n  const direction = directions[b] || '';\n  return Array.isArray(direction) ? direction.map(dir => property + dir) : [property + direction];\n});\nexport const marginKeys = ['m', 'mt', 'mr', 'mb', 'ml', 'mx', 'my', 'margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY', 'marginInline', 'marginInlineStart', 'marginInlineEnd', 'marginBlock', 'marginBlockStart', 'marginBlockEnd'];\nexport const paddingKeys = ['p', 'pt', 'pr', 'pb', 'pl', 'px', 'py', 'padding', 'paddingTop', 'paddingRight', 'paddingBottom', 'paddingLeft', 'paddingX', 'paddingY', 'paddingInline', 'paddingInlineStart', 'paddingInlineEnd', 'paddingBlock', 'paddingBlockStart', 'paddingBlockEnd'];\nconst spacingKeys = [...marginKeys, ...paddingKeys];\nexport function createUnaryUnit(theme, themeKey, defaultValue, propName) {\n  var _getPath;\n  const themeSpacing = (_getPath = getPath(theme, themeKey, false)) != null ? _getPath : defaultValue;\n  if (typeof themeSpacing === 'number') {\n    return abs => {\n      if (typeof abs === 'string') {\n        return abs;\n      }\n      if (process.env.NODE_ENV !== 'production') {\n        if (typeof abs !== 'number') {\n          console.error(`MUI: Expected ${propName} argument to be a number or a string, got ${abs}.`);\n        }\n      }\n      return themeSpacing * abs;\n    };\n  }\n  if (Array.isArray(themeSpacing)) {\n    return abs => {\n      if (typeof abs === 'string') {\n        return abs;\n      }\n      if (process.env.NODE_ENV !== 'production') {\n        if (!Number.isInteger(abs)) {\n          console.error([`MUI: The \\`theme.${themeKey}\\` array type cannot be combined with non integer values.` + `You should either use an integer value that can be used as index, or define the \\`theme.${themeKey}\\` as a number.`].join('\\n'));\n        } else if (abs > themeSpacing.length - 1) {\n          console.error([`MUI: The value provided (${abs}) overflows.`, `The supported values are: ${JSON.stringify(themeSpacing)}.`, `${abs} > ${themeSpacing.length - 1}, you need to add the missing values.`].join('\\n'));\n        }\n      }\n      return themeSpacing[abs];\n    };\n  }\n  if (typeof themeSpacing === 'function') {\n    return themeSpacing;\n  }\n  if (process.env.NODE_ENV !== 'production') {\n    console.error([`MUI: The \\`theme.${themeKey}\\` value (${themeSpacing}) is invalid.`, 'It should be a number, an array or a function.'].join('\\n'));\n  }\n  return () => undefined;\n}\nexport function createUnarySpacing(theme) {\n  return createUnaryUnit(theme, 'spacing', 8, 'spacing');\n}\nexport function getValue(transformer, propValue) {\n  if (typeof propValue === 'string' || propValue == null) {\n    return propValue;\n  }\n  const abs = Math.abs(propValue);\n  const transformed = transformer(abs);\n  if (propValue >= 0) {\n    return transformed;\n  }\n  if (typeof transformed === 'number') {\n    return -transformed;\n  }\n  return `-${transformed}`;\n}\nexport function getStyleFromPropValue(cssProperties, transformer) {\n  return propValue => cssProperties.reduce((acc, cssProperty) => {\n    acc[cssProperty] = getValue(transformer, propValue);\n    return acc;\n  }, {});\n}\nfunction resolveCssProperty(props, keys, prop, transformer) {\n  // Using a hash computation over an array iteration could be faster, but with only 28 items,\n  // it's doesn't worth the bundle size.\n  if (keys.indexOf(prop) === -1) {\n    return null;\n  }\n  const cssProperties = getCssProperties(prop);\n  const styleFromPropValue = getStyleFromPropValue(cssProperties, transformer);\n  const propValue = props[prop];\n  return handleBreakpoints(props, propValue, styleFromPropValue);\n}\nfunction style(props, keys) {\n  const transformer = createUnarySpacing(props.theme);\n  return Object.keys(props).map(prop => resolveCssProperty(props, keys, prop, transformer)).reduce(merge, {});\n}\nexport function margin(props) {\n  return style(props, marginKeys);\n}\nmargin.propTypes = process.env.NODE_ENV !== 'production' ? marginKeys.reduce((obj, key) => {\n  obj[key] = responsivePropType;\n  return obj;\n}, {}) : {};\nmargin.filterProps = marginKeys;\nexport function padding(props) {\n  return style(props, paddingKeys);\n}\npadding.propTypes = process.env.NODE_ENV !== 'production' ? paddingKeys.reduce((obj, key) => {\n  obj[key] = responsivePropType;\n  return obj;\n}, {}) : {};\npadding.filterProps = paddingKeys;\nfunction spacing(props) {\n  return style(props, spacingKeys);\n}\nspacing.propTypes = process.env.NODE_ENV !== 'production' ? spacingKeys.reduce((obj, key) => {\n  obj[key] = responsivePropType;\n  return obj;\n}, {}) : {};\nspacing.filterProps = spacingKeys;\nexport default spacing;","import capitalize from '@mui/utils/capitalize';\nimport responsivePropType from './responsivePropType';\nimport { handleBreakpoints } from './breakpoints';\nexport function getPath(obj, path, checkVars = true) {\n  if (!path || typeof path !== 'string') {\n    return null;\n  }\n\n  // Check if CSS variables are used\n  if (obj && obj.vars && checkVars) {\n    const val = `vars.${path}`.split('.').reduce((acc, item) => acc && acc[item] ? acc[item] : null, obj);\n    if (val != null) {\n      return val;\n    }\n  }\n  return path.split('.').reduce((acc, item) => {\n    if (acc && acc[item] != null) {\n      return acc[item];\n    }\n    return null;\n  }, obj);\n}\nexport function getStyleValue(themeMapping, transform, propValueFinal, userValue = propValueFinal) {\n  let value;\n  if (typeof themeMapping === 'function') {\n    value = themeMapping(propValueFinal);\n  } else if (Array.isArray(themeMapping)) {\n    value = themeMapping[propValueFinal] || userValue;\n  } else {\n    value = getPath(themeMapping, propValueFinal) || userValue;\n  }\n  if (transform) {\n    value = transform(value, userValue, themeMapping);\n  }\n  return value;\n}\nfunction style(options) {\n  const {\n    prop,\n    cssProperty = options.prop,\n    themeKey,\n    transform\n  } = options;\n\n  // false positive\n  // eslint-disable-next-line react/function-component-definition\n  const fn = props => {\n    if (props[prop] == null) {\n      return null;\n    }\n    const propValue = props[prop];\n    const theme = props.theme;\n    const themeMapping = getPath(theme, themeKey) || {};\n    const styleFromPropValue = propValueFinal => {\n      let value = getStyleValue(themeMapping, transform, propValueFinal);\n      if (propValueFinal === value && typeof propValueFinal === 'string') {\n        // Haven't found value\n        value = getStyleValue(themeMapping, transform, `${prop}${propValueFinal === 'default' ? '' : capitalize(propValueFinal)}`, propValueFinal);\n      }\n      if (cssProperty === false) {\n        return value;\n      }\n      return {\n        [cssProperty]: value\n      };\n    };\n    return handleBreakpoints(props, propValue, styleFromPropValue);\n  };\n  fn.propTypes = process.env.NODE_ENV !== 'production' ? {\n    [prop]: responsivePropType\n  } : {};\n  fn.filterProps = [prop];\n  return fn;\n}\nexport default style;","import merge from './merge';\nfunction compose(...styles) {\n  const handlers = styles.reduce((acc, style) => {\n    style.filterProps.forEach(prop => {\n      acc[prop] = style;\n    });\n    return acc;\n  }, {});\n\n  // false positive\n  // eslint-disable-next-line react/function-component-definition\n  const fn = props => {\n    return Object.keys(props).reduce((acc, prop) => {\n      if (handlers[prop]) {\n        return merge(acc, handlers[prop](props));\n      }\n      return acc;\n    }, {});\n  };\n  fn.propTypes = process.env.NODE_ENV !== 'production' ? styles.reduce((acc, style) => Object.assign(acc, style.propTypes), {}) : {};\n  fn.filterProps = styles.reduce((acc, style) => acc.concat(style.filterProps), []);\n  return fn;\n}\nexport default compose;","import responsivePropType from './responsivePropType';\nimport style from './style';\nimport compose from './compose';\nimport { createUnaryUnit, getValue } from './spacing';\nimport { handleBreakpoints } from './breakpoints';\nexport function borderTransform(value) {\n  if (typeof value !== 'number') {\n    return value;\n  }\n  return `${value}px solid`;\n}\nfunction createBorderStyle(prop, transform) {\n  return style({\n    prop,\n    themeKey: 'borders',\n    transform\n  });\n}\nexport const border = createBorderStyle('border', borderTransform);\nexport const borderTop = createBorderStyle('borderTop', borderTransform);\nexport const borderRight = createBorderStyle('borderRight', borderTransform);\nexport const borderBottom = createBorderStyle('borderBottom', borderTransform);\nexport const borderLeft = createBorderStyle('borderLeft', borderTransform);\nexport const borderColor = createBorderStyle('borderColor');\nexport const borderTopColor = createBorderStyle('borderTopColor');\nexport const borderRightColor = createBorderStyle('borderRightColor');\nexport const borderBottomColor = createBorderStyle('borderBottomColor');\nexport const borderLeftColor = createBorderStyle('borderLeftColor');\nexport const outline = createBorderStyle('outline', borderTransform);\nexport const outlineColor = createBorderStyle('outlineColor');\n\n// false positive\n// eslint-disable-next-line react/function-component-definition\nexport const borderRadius = props => {\n  if (props.borderRadius !== undefined && props.borderRadius !== null) {\n    const transformer = createUnaryUnit(props.theme, 'shape.borderRadius', 4, 'borderRadius');\n    const styleFromPropValue = propValue => ({\n      borderRadius: getValue(transformer, propValue)\n    });\n    return handleBreakpoints(props, props.borderRadius, styleFromPropValue);\n  }\n  return null;\n};\nborderRadius.propTypes = process.env.NODE_ENV !== 'production' ? {\n  borderRadius: responsivePropType\n} : {};\nborderRadius.filterProps = ['borderRadius'];\nconst borders = compose(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius, outline, outlineColor);\nexport default borders;","import style from './style';\nimport compose from './compose';\nimport { createUnaryUnit, getValue } from './spacing';\nimport { handleBreakpoints } from './breakpoints';\nimport responsivePropType from './responsivePropType';\n\n// false positive\n// eslint-disable-next-line react/function-component-definition\nexport const gap = props => {\n  if (props.gap !== undefined && props.gap !== null) {\n    const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'gap');\n    const styleFromPropValue = propValue => ({\n      gap: getValue(transformer, propValue)\n    });\n    return handleBreakpoints(props, props.gap, styleFromPropValue);\n  }\n  return null;\n};\ngap.propTypes = process.env.NODE_ENV !== 'production' ? {\n  gap: responsivePropType\n} : {};\ngap.filterProps = ['gap'];\n\n// false positive\n// eslint-disable-next-line react/function-component-definition\nexport const columnGap = props => {\n  if (props.columnGap !== undefined && props.columnGap !== null) {\n    const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'columnGap');\n    const styleFromPropValue = propValue => ({\n      columnGap: getValue(transformer, propValue)\n    });\n    return handleBreakpoints(props, props.columnGap, styleFromPropValue);\n  }\n  return null;\n};\ncolumnGap.propTypes = process.env.NODE_ENV !== 'production' ? {\n  columnGap: responsivePropType\n} : {};\ncolumnGap.filterProps = ['columnGap'];\n\n// false positive\n// eslint-disable-next-line react/function-component-definition\nexport const rowGap = props => {\n  if (props.rowGap !== undefined && props.rowGap !== null) {\n    const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'rowGap');\n    const styleFromPropValue = propValue => ({\n      rowGap: getValue(transformer, propValue)\n    });\n    return handleBreakpoints(props, props.rowGap, styleFromPropValue);\n  }\n  return null;\n};\nrowGap.propTypes = process.env.NODE_ENV !== 'production' ? {\n  rowGap: responsivePropType\n} : {};\nrowGap.filterProps = ['rowGap'];\nexport const gridColumn = style({\n  prop: 'gridColumn'\n});\nexport const gridRow = style({\n  prop: 'gridRow'\n});\nexport const gridAutoFlow = style({\n  prop: 'gridAutoFlow'\n});\nexport const gridAutoColumns = style({\n  prop: 'gridAutoColumns'\n});\nexport const gridAutoRows = style({\n  prop: 'gridAutoRows'\n});\nexport const gridTemplateColumns = style({\n  prop: 'gridTemplateColumns'\n});\nexport const gridTemplateRows = style({\n  prop: 'gridTemplateRows'\n});\nexport const gridTemplateAreas = style({\n  prop: 'gridTemplateAreas'\n});\nexport const gridArea = style({\n  prop: 'gridArea'\n});\nconst grid = compose(gap, columnGap, rowGap, gridColumn, gridRow, gridAutoFlow, gridAutoColumns, gridAutoRows, gridTemplateColumns, gridTemplateRows, gridTemplateAreas, gridArea);\nexport default grid;","import style from './style';\nimport compose from './compose';\nexport function paletteTransform(value, userValue) {\n  if (userValue === 'grey') {\n    return userValue;\n  }\n  return value;\n}\nexport const color = style({\n  prop: 'color',\n  themeKey: 'palette',\n  transform: paletteTransform\n});\nexport const bgcolor = style({\n  prop: 'bgcolor',\n  cssProperty: 'backgroundColor',\n  themeKey: 'palette',\n  transform: paletteTransform\n});\nexport const backgroundColor = style({\n  prop: 'backgroundColor',\n  themeKey: 'palette',\n  transform: paletteTransform\n});\nconst palette = compose(color, bgcolor, backgroundColor);\nexport default palette;","import style from './style';\nimport compose from './compose';\nimport { handleBreakpoints, values as breakpointsValues } from './breakpoints';\nexport function sizingTransform(value) {\n  return value <= 1 && value !== 0 ? `${value * 100}%` : value;\n}\nexport const width = style({\n  prop: 'width',\n  transform: sizingTransform\n});\nexport const maxWidth = props => {\n  if (props.maxWidth !== undefined && props.maxWidth !== null) {\n    const styleFromPropValue = propValue => {\n      var _props$theme, _props$theme2;\n      const breakpoint = ((_props$theme = props.theme) == null || (_props$theme = _props$theme.breakpoints) == null || (_props$theme = _props$theme.values) == null ? void 0 : _props$theme[propValue]) || breakpointsValues[propValue];\n      if (!breakpoint) {\n        return {\n          maxWidth: sizingTransform(propValue)\n        };\n      }\n      if (((_props$theme2 = props.theme) == null || (_props$theme2 = _props$theme2.breakpoints) == null ? void 0 : _props$theme2.unit) !== 'px') {\n        return {\n          maxWidth: `${breakpoint}${props.theme.breakpoints.unit}`\n        };\n      }\n      return {\n        maxWidth: breakpoint\n      };\n    };\n    return handleBreakpoints(props, props.maxWidth, styleFromPropValue);\n  }\n  return null;\n};\nmaxWidth.filterProps = ['maxWidth'];\nexport const minWidth = style({\n  prop: 'minWidth',\n  transform: sizingTransform\n});\nexport const height = style({\n  prop: 'height',\n  transform: sizingTransform\n});\nexport const maxHeight = style({\n  prop: 'maxHeight',\n  transform: sizingTransform\n});\nexport const minHeight = style({\n  prop: 'minHeight',\n  transform: sizingTransform\n});\nexport const sizeWidth = style({\n  prop: 'size',\n  cssProperty: 'width',\n  transform: sizingTransform\n});\nexport const sizeHeight = style({\n  prop: 'size',\n  cssProperty: 'height',\n  transform: sizingTransform\n});\nexport const boxSizing = style({\n  prop: 'boxSizing'\n});\nconst sizing = compose(width, maxWidth, minWidth, height, maxHeight, minHeight, boxSizing);\nexport default sizing;","import { padding, margin } from '../spacing';\nimport { borderRadius, borderTransform } from '../borders';\nimport { gap, rowGap, columnGap } from '../cssGrid';\nimport { paletteTransform } from '../palette';\nimport { maxWidth, sizingTransform } from '../sizing';\nconst defaultSxConfig = {\n  // borders\n  border: {\n    themeKey: 'borders',\n    transform: borderTransform\n  },\n  borderTop: {\n    themeKey: 'borders',\n    transform: borderTransform\n  },\n  borderRight: {\n    themeKey: 'borders',\n    transform: borderTransform\n  },\n  borderBottom: {\n    themeKey: 'borders',\n    transform: borderTransform\n  },\n  borderLeft: {\n    themeKey: 'borders',\n    transform: borderTransform\n  },\n  borderColor: {\n    themeKey: 'palette'\n  },\n  borderTopColor: {\n    themeKey: 'palette'\n  },\n  borderRightColor: {\n    themeKey: 'palette'\n  },\n  borderBottomColor: {\n    themeKey: 'palette'\n  },\n  borderLeftColor: {\n    themeKey: 'palette'\n  },\n  outline: {\n    themeKey: 'borders',\n    transform: borderTransform\n  },\n  outlineColor: {\n    themeKey: 'palette'\n  },\n  borderRadius: {\n    themeKey: 'shape.borderRadius',\n    style: borderRadius\n  },\n  // palette\n  color: {\n    themeKey: 'palette',\n    transform: paletteTransform\n  },\n  bgcolor: {\n    themeKey: 'palette',\n    cssProperty: 'backgroundColor',\n    transform: paletteTransform\n  },\n  backgroundColor: {\n    themeKey: 'palette',\n    transform: paletteTransform\n  },\n  // spacing\n  p: {\n    style: padding\n  },\n  pt: {\n    style: padding\n  },\n  pr: {\n    style: padding\n  },\n  pb: {\n    style: padding\n  },\n  pl: {\n    style: padding\n  },\n  px: {\n    style: padding\n  },\n  py: {\n    style: padding\n  },\n  padding: {\n    style: padding\n  },\n  paddingTop: {\n    style: padding\n  },\n  paddingRight: {\n    style: padding\n  },\n  paddingBottom: {\n    style: padding\n  },\n  paddingLeft: {\n    style: padding\n  },\n  paddingX: {\n    style: padding\n  },\n  paddingY: {\n    style: padding\n  },\n  paddingInline: {\n    style: padding\n  },\n  paddingInlineStart: {\n    style: padding\n  },\n  paddingInlineEnd: {\n    style: padding\n  },\n  paddingBlock: {\n    style: padding\n  },\n  paddingBlockStart: {\n    style: padding\n  },\n  paddingBlockEnd: {\n    style: padding\n  },\n  m: {\n    style: margin\n  },\n  mt: {\n    style: margin\n  },\n  mr: {\n    style: margin\n  },\n  mb: {\n    style: margin\n  },\n  ml: {\n    style: margin\n  },\n  mx: {\n    style: margin\n  },\n  my: {\n    style: margin\n  },\n  margin: {\n    style: margin\n  },\n  marginTop: {\n    style: margin\n  },\n  marginRight: {\n    style: margin\n  },\n  marginBottom: {\n    style: margin\n  },\n  marginLeft: {\n    style: margin\n  },\n  marginX: {\n    style: margin\n  },\n  marginY: {\n    style: margin\n  },\n  marginInline: {\n    style: margin\n  },\n  marginInlineStart: {\n    style: margin\n  },\n  marginInlineEnd: {\n    style: margin\n  },\n  marginBlock: {\n    style: margin\n  },\n  marginBlockStart: {\n    style: margin\n  },\n  marginBlockEnd: {\n    style: margin\n  },\n  // display\n  displayPrint: {\n    cssProperty: false,\n    transform: value => ({\n      '@media print': {\n        display: value\n      }\n    })\n  },\n  display: {},\n  overflow: {},\n  textOverflow: {},\n  visibility: {},\n  whiteSpace: {},\n  // flexbox\n  flexBasis: {},\n  flexDirection: {},\n  flexWrap: {},\n  justifyContent: {},\n  alignItems: {},\n  alignContent: {},\n  order: {},\n  flex: {},\n  flexGrow: {},\n  flexShrink: {},\n  alignSelf: {},\n  justifyItems: {},\n  justifySelf: {},\n  // grid\n  gap: {\n    style: gap\n  },\n  rowGap: {\n    style: rowGap\n  },\n  columnGap: {\n    style: columnGap\n  },\n  gridColumn: {},\n  gridRow: {},\n  gridAutoFlow: {},\n  gridAutoColumns: {},\n  gridAutoRows: {},\n  gridTemplateColumns: {},\n  gridTemplateRows: {},\n  gridTemplateAreas: {},\n  gridArea: {},\n  // positions\n  position: {},\n  zIndex: {\n    themeKey: 'zIndex'\n  },\n  top: {},\n  right: {},\n  bottom: {},\n  left: {},\n  // shadows\n  boxShadow: {\n    themeKey: 'shadows'\n  },\n  // sizing\n  width: {\n    transform: sizingTransform\n  },\n  maxWidth: {\n    style: maxWidth\n  },\n  minWidth: {\n    transform: sizingTransform\n  },\n  height: {\n    transform: sizingTransform\n  },\n  maxHeight: {\n    transform: sizingTransform\n  },\n  minHeight: {\n    transform: sizingTransform\n  },\n  boxSizing: {},\n  // typography\n  fontFamily: {\n    themeKey: 'typography'\n  },\n  fontSize: {\n    themeKey: 'typography'\n  },\n  fontStyle: {\n    themeKey: 'typography'\n  },\n  fontWeight: {\n    themeKey: 'typography'\n  },\n  letterSpacing: {},\n  textTransform: {},\n  lineHeight: {},\n  textAlign: {},\n  typography: {\n    cssProperty: false,\n    themeKey: 'typography'\n  }\n};\nexport default defaultSxConfig;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"sx\"];\nimport { isPlainObject } from '@mui/utils/deepmerge';\nimport defaultSxConfig from './defaultSxConfig';\nconst splitProps = props => {\n  var _props$theme$unstable, _props$theme;\n  const result = {\n    systemProps: {},\n    otherProps: {}\n  };\n  const config = (_props$theme$unstable = props == null || (_props$theme = props.theme) == null ? void 0 : _props$theme.unstable_sxConfig) != null ? _props$theme$unstable : defaultSxConfig;\n  Object.keys(props).forEach(prop => {\n    if (config[prop]) {\n      result.systemProps[prop] = props[prop];\n    } else {\n      result.otherProps[prop] = props[prop];\n    }\n  });\n  return result;\n};\nexport default function extendSxProp(props) {\n  const {\n      sx: inSx\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const {\n    systemProps,\n    otherProps\n  } = splitProps(other);\n  let finalSx;\n  if (Array.isArray(inSx)) {\n    finalSx = [systemProps, ...inSx];\n  } else if (typeof inSx === 'function') {\n    finalSx = (...args) => {\n      const result = inSx(...args);\n      if (!isPlainObject(result)) {\n        return systemProps;\n      }\n      return _extends({}, systemProps, result);\n    };\n  } else {\n    finalSx = _extends({}, systemProps, inSx);\n  }\n  return _extends({}, otherProps, {\n    sx: finalSx\n  });\n}","export { default } from './styleFunctionSx';\nexport { unstable_createStyleFunctionSx } from './styleFunctionSx';\nexport { default as extendSxProp } from './extendSxProp';\nexport { default as unstable_defaultSxConfig } from './defaultSxConfig';","import capitalize from '@mui/utils/capitalize';\nimport merge from '../merge';\nimport { getPath, getStyleValue as getValue } from '../style';\nimport { handleBreakpoints, createEmptyBreakpointObject, removeUnusedBreakpoints } from '../breakpoints';\nimport defaultSxConfig from './defaultSxConfig';\nfunction objectsHaveSameKeys(...objects) {\n  const allKeys = objects.reduce((keys, object) => keys.concat(Object.keys(object)), []);\n  const union = new Set(allKeys);\n  return objects.every(object => union.size === Object.keys(object).length);\n}\nfunction callIfFn(maybeFn, arg) {\n  return typeof maybeFn === 'function' ? maybeFn(arg) : maybeFn;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function unstable_createStyleFunctionSx() {\n  function getThemeValue(prop, val, theme, config) {\n    const props = {\n      [prop]: val,\n      theme\n    };\n    const options = config[prop];\n    if (!options) {\n      return {\n        [prop]: val\n      };\n    }\n    const {\n      cssProperty = prop,\n      themeKey,\n      transform,\n      style\n    } = options;\n    if (val == null) {\n      return null;\n    }\n\n    // TODO v6: remove, see https://github.com/mui/material-ui/pull/38123\n    if (themeKey === 'typography' && val === 'inherit') {\n      return {\n        [prop]: val\n      };\n    }\n    const themeMapping = getPath(theme, themeKey) || {};\n    if (style) {\n      return style(props);\n    }\n    const styleFromPropValue = propValueFinal => {\n      let value = getValue(themeMapping, transform, propValueFinal);\n      if (propValueFinal === value && typeof propValueFinal === 'string') {\n        // Haven't found value\n        value = getValue(themeMapping, transform, `${prop}${propValueFinal === 'default' ? '' : capitalize(propValueFinal)}`, propValueFinal);\n      }\n      if (cssProperty === false) {\n        return value;\n      }\n      return {\n        [cssProperty]: value\n      };\n    };\n    return handleBreakpoints(props, val, styleFromPropValue);\n  }\n  function styleFunctionSx(props) {\n    var _theme$unstable_sxCon;\n    const {\n      sx,\n      theme = {}\n    } = props || {};\n    if (!sx) {\n      return null; // Emotion & styled-components will neglect null\n    }\n    const config = (_theme$unstable_sxCon = theme.unstable_sxConfig) != null ? _theme$unstable_sxCon : defaultSxConfig;\n\n    /*\n     * Receive `sxInput` as object or callback\n     * and then recursively check keys & values to create media query object styles.\n     * (the result will be used in `styled`)\n     */\n    function traverse(sxInput) {\n      let sxObject = sxInput;\n      if (typeof sxInput === 'function') {\n        sxObject = sxInput(theme);\n      } else if (typeof sxInput !== 'object') {\n        // value\n        return sxInput;\n      }\n      if (!sxObject) {\n        return null;\n      }\n      const emptyBreakpoints = createEmptyBreakpointObject(theme.breakpoints);\n      const breakpointsKeys = Object.keys(emptyBreakpoints);\n      let css = emptyBreakpoints;\n      Object.keys(sxObject).forEach(styleKey => {\n        const value = callIfFn(sxObject[styleKey], theme);\n        if (value !== null && value !== undefined) {\n          if (typeof value === 'object') {\n            if (config[styleKey]) {\n              css = merge(css, getThemeValue(styleKey, value, theme, config));\n            } else {\n              const breakpointsValues = handleBreakpoints({\n                theme\n              }, value, x => ({\n                [styleKey]: x\n              }));\n              if (objectsHaveSameKeys(breakpointsValues, value)) {\n                css[styleKey] = styleFunctionSx({\n                  sx: value,\n                  theme\n                });\n              } else {\n                css = merge(css, breakpointsValues);\n              }\n            }\n          } else {\n            css = merge(css, getThemeValue(styleKey, value, theme, config));\n          }\n        }\n      });\n      return removeUnusedBreakpoints(breakpointsKeys, css);\n    }\n    return Array.isArray(sx) ? sx.map(traverse) : traverse(sx);\n  }\n  return styleFunctionSx;\n}\nconst styleFunctionSx = unstable_createStyleFunctionSx();\nstyleFunctionSx.filterProps = ['sx'];\nexport default styleFunctionSx;","'use client';\n\nimport * as React from 'react';\nimport useEnhancedEffect from '@mui/utils/useEnhancedEffect';\nimport { getThemeProps } from '../useThemeProps';\nimport useTheme from '../useThemeWithoutDefault';\n\n/**\n * @deprecated Not used internally. Use `MediaQueryListEvent` from lib.dom.d.ts instead.\n */\n\n/**\n * @deprecated Not used internally. Use `MediaQueryList` from lib.dom.d.ts instead.\n */\n\n/**\n * @deprecated Not used internally. Use `(event: MediaQueryListEvent) => void` instead.\n */\n\nfunction useMediaQueryOld(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr) {\n  const [match, setMatch] = React.useState(() => {\n    if (noSsr && matchMedia) {\n      return matchMedia(query).matches;\n    }\n    if (ssrMatchMedia) {\n      return ssrMatchMedia(query).matches;\n    }\n\n    // Once the component is mounted, we rely on the\n    // event listeners to return the correct matches value.\n    return defaultMatches;\n  });\n  useEnhancedEffect(() => {\n    let active = true;\n    if (!matchMedia) {\n      return undefined;\n    }\n    const queryList = matchMedia(query);\n    const updateMatch = () => {\n      // Workaround Safari wrong implementation of matchMedia\n      // TODO can we remove it?\n      // https://github.com/mui/material-ui/pull/17315#issuecomment-528286677\n      if (active) {\n        setMatch(queryList.matches);\n      }\n    };\n    updateMatch();\n    // TODO: Use `addEventListener` once support for Safari < 14 is dropped\n    queryList.addListener(updateMatch);\n    return () => {\n      active = false;\n      queryList.removeListener(updateMatch);\n    };\n  }, [query, matchMedia]);\n  return match;\n}\n\n// eslint-disable-next-line no-useless-concat -- Workaround for https://github.com/webpack/webpack/issues/14814\nconst maybeReactUseSyncExternalStore = React['useSyncExternalStore' + ''];\nfunction useMediaQueryNew(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr) {\n  const getDefaultSnapshot = React.useCallback(() => defaultMatches, [defaultMatches]);\n  const getServerSnapshot = React.useMemo(() => {\n    if (noSsr && matchMedia) {\n      return () => matchMedia(query).matches;\n    }\n    if (ssrMatchMedia !== null) {\n      const {\n        matches\n      } = ssrMatchMedia(query);\n      return () => matches;\n    }\n    return getDefaultSnapshot;\n  }, [getDefaultSnapshot, query, ssrMatchMedia, noSsr, matchMedia]);\n  const [getSnapshot, subscribe] = React.useMemo(() => {\n    if (matchMedia === null) {\n      return [getDefaultSnapshot, () => () => {}];\n    }\n    const mediaQueryList = matchMedia(query);\n    return [() => mediaQueryList.matches, notify => {\n      // TODO: Use `addEventListener` once support for Safari < 14 is dropped\n      mediaQueryList.addListener(notify);\n      return () => {\n        mediaQueryList.removeListener(notify);\n      };\n    }];\n  }, [getDefaultSnapshot, matchMedia, query]);\n  const match = maybeReactUseSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n  return match;\n}\nexport default function useMediaQuery(queryInput, options = {}) {\n  const theme = useTheme();\n  // Wait for jsdom to support the match media feature.\n  // All the browsers MUI support have this built-in.\n  // This defensive check is here for simplicity.\n  // Most of the time, the match media logic isn't central to people tests.\n  const supportMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia !== 'undefined';\n  const {\n    defaultMatches = false,\n    matchMedia = supportMatchMedia ? window.matchMedia : null,\n    ssrMatchMedia = null,\n    noSsr = false\n  } = getThemeProps({\n    name: 'MuiUseMediaQuery',\n    props: options,\n    theme\n  });\n  if (process.env.NODE_ENV !== 'production') {\n    if (typeof queryInput === 'function' && theme === null) {\n      console.error(['MUI: The `query` argument provided is invalid.', 'You are providing a function without a theme in the context.', 'One of the parent elements needs to use a ThemeProvider.'].join('\\n'));\n    }\n  }\n  let query = typeof queryInput === 'function' ? queryInput(theme) : queryInput;\n  query = query.replace(/^@media( ?)/m, '');\n\n  // TODO: Drop `useMediaQueryOld` and use  `use-sync-external-store` shim in `useMediaQueryNew` once the package is stable\n  const useMediaQueryImplementation = maybeReactUseSyncExternalStore !== undefined ? useMediaQueryNew : useMediaQueryOld;\n  const match = useMediaQueryImplementation(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr);\n  if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useDebugValue({\n      query,\n      match\n    });\n  }\n  return match;\n}","'use client';\n\nimport createTheme from './createTheme';\nimport useThemeWithoutDefault from './useThemeWithoutDefault';\nexport const systemDefaultTheme = createTheme();\nfunction useTheme(defaultTheme = systemDefaultTheme) {\n  return useThemeWithoutDefault(defaultTheme);\n}\nexport default useTheme;","import resolveProps from '@mui/utils/resolveProps';\nexport default function getThemeProps(params) {\n  const {\n    theme,\n    name,\n    props\n  } = params;\n  if (!theme || !theme.components || !theme.components[name] || !theme.components[name].defaultProps) {\n    return props;\n  }\n  return resolveProps(theme.components[name].defaultProps, props);\n}","'use client';\n\nimport getThemeProps from './getThemeProps';\nimport useTheme from '../useTheme';\nexport default function useThemeProps({\n  props,\n  name,\n  defaultTheme,\n  themeId\n}) {\n  let theme = useTheme(defaultTheme);\n  if (themeId) {\n    theme = theme[themeId] || theme;\n  }\n  const mergedProps = getThemeProps({\n    theme,\n    name,\n    props\n  });\n  return mergedProps;\n}","'use client';\n\nimport * as React from 'react';\nimport { ThemeContext } from '@mui/styled-engine';\nfunction isObjectEmpty(obj) {\n  return Object.keys(obj).length === 0;\n}\nfunction useTheme(defaultTheme = null) {\n  const contextTheme = React.useContext(ThemeContext);\n  return !contextTheme || isObjectEmpty(contextTheme) ? defaultTheme : contextTheme;\n}\nexport default useTheme;","\"use strict\";\n'use client';\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar React = _interopRequireWildcard(require(\"react\"));\nvar _styledEngine = require(\"@mui/styled-engine\");\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nfunction isObjectEmpty(obj) {\n  return Object.keys(obj).length === 0;\n}\nfunction useTheme(defaultTheme = null) {\n  const contextTheme = React.useContext(_styledEngine.ThemeContext);\n  return !contextTheme || isObjectEmpty(contextTheme) ? defaultTheme : contextTheme;\n}\nvar _default = exports.default = useTheme;","const defaultGenerator = componentName => componentName;\nconst createClassNameGenerator = () => {\n  let generate = defaultGenerator;\n  return {\n    configure(generator) {\n      generate = generator;\n    },\n    generate(componentName) {\n      return generate(componentName);\n    },\n    reset() {\n      generate = defaultGenerator;\n    }\n  };\n};\nconst ClassNameGenerator = createClassNameGenerator();\nexport default ClassNameGenerator;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport isHostComponent from '../isHostComponent';\n\n/**\n * Type of the ownerState based on the type of an element it applies to.\n * This resolves to the provided OwnerState for React components and `undefined` for host components.\n * Falls back to `OwnerState | undefined` when the exact type can't be determined in development time.\n */\n\n/**\n * Appends the ownerState object to the props, merging with the existing one if necessary.\n *\n * @param elementType Type of the element that owns the `existingProps`. If the element is a DOM node or undefined, `ownerState` is not applied.\n * @param otherProps Props of the element.\n * @param ownerState\n */\nfunction appendOwnerState(elementType, otherProps, ownerState) {\n  if (elementType === undefined || isHostComponent(elementType)) {\n    return otherProps;\n  }\n  return _extends({}, otherProps, {\n    ownerState: _extends({}, otherProps.ownerState, ownerState)\n  });\n}\nexport default appendOwnerState;","import _formatMuiErrorMessage from \"@mui/utils/formatMuiErrorMessage\";\n// It should to be noted that this function isn't equivalent to `text-transform: capitalize`.\n//\n// A strict capitalization should uppercase the first letter of each word in the sentence.\n// We only handle the first word.\nexport default function capitalize(string) {\n  if (typeof string !== 'string') {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: \\`capitalize(string)\\` expects a string argument.` : _formatMuiErrorMessage(7));\n  }\n  return string.charAt(0).toUpperCase() + string.slice(1);\n}","export { default } from './capitalize';","function clamp(val, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {\n  return Math.max(min, Math.min(val, max));\n}\nexport default clamp;","export { default } from './clamp';","export default function composeClasses(slots, getUtilityClass, classes = undefined) {\n  const output = {};\n  Object.keys(slots).forEach(\n  // `Object.keys(slots)` can't be wider than `T` because we infer `T` from `slots`.\n  // @ts-expect-error https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208\n  slot => {\n    output[slot] = slots[slot].reduce((acc, key) => {\n      if (key) {\n        const utilityClass = getUtilityClass(key);\n        if (utilityClass !== '') {\n          acc.push(utilityClass);\n        }\n        if (classes && classes[key]) {\n          acc.push(classes[key]);\n        }\n      }\n      return acc;\n    }, []).join(' ');\n  });\n  return output;\n}","/**\n * Safe chained function.\n *\n * Will only create a new function if needed,\n * otherwise will pass back existing functions or null.\n */\nexport default function createChainedFunction(...funcs) {\n  return funcs.reduce((acc, func) => {\n    if (func == null) {\n      return acc;\n    }\n    return function chainedFunction(...args) {\n      acc.apply(this, args);\n      func.apply(this, args);\n    };\n  }, () => {});\n}","// Corresponds to 10 frames at 60 Hz.\n// A few bytes payload overhead when lodash/debounce is ~3 kB and debounce ~300 B.\nexport default function debounce(func, wait = 166) {\n  let timeout;\n  function debounced(...args) {\n    const later = () => {\n      // @ts-ignore\n      func.apply(this, args);\n    };\n    clearTimeout(timeout);\n    timeout = setTimeout(later, wait);\n  }\n  debounced.clear = () => {\n    clearTimeout(timeout);\n  };\n  return debounced;\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\n\n// https://github.com/sindresorhus/is-plain-obj/blob/main/index.js\nexport function isPlainObject(item) {\n  if (typeof item !== 'object' || item === null) {\n    return false;\n  }\n  const prototype = Object.getPrototypeOf(item);\n  return (prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null) && !(Symbol.toStringTag in item) && !(Symbol.iterator in item);\n}\nfunction deepClone(source) {\n  if ( /*#__PURE__*/React.isValidElement(source) || !isPlainObject(source)) {\n    return source;\n  }\n  const output = {};\n  Object.keys(source).forEach(key => {\n    output[key] = deepClone(source[key]);\n  });\n  return output;\n}\nexport default function deepmerge(target, source, options = {\n  clone: true\n}) {\n  const output = options.clone ? _extends({}, target) : target;\n  if (isPlainObject(target) && isPlainObject(source)) {\n    Object.keys(source).forEach(key => {\n      if ( /*#__PURE__*/React.isValidElement(source[key])) {\n        output[key] = source[key];\n      } else if (isPlainObject(source[key]) &&\n      // Avoid prototype pollution\n      Object.prototype.hasOwnProperty.call(target, key) && isPlainObject(target[key])) {\n        // Since `output` is a clone of `target` and we have narrowed `target` in this block we can cast to the same type.\n        output[key] = deepmerge(target[key], source[key], options);\n      } else if (options.clone) {\n        output[key] = isPlainObject(source[key]) ? deepClone(source[key]) : source[key];\n      } else {\n        output[key] = source[key];\n      }\n    });\n  }\n  return output;\n}","export { default } from './deepmerge';\nexport * from './deepmerge';","/**\n * Extracts event handlers from a given object.\n * A prop is considered an event handler if it is a function and its name starts with `on`.\n *\n * @param object An object to extract event handlers from.\n * @param excludeKeys An array of keys to exclude from the returned object.\n */\nfunction extractEventHandlers(object, excludeKeys = []) {\n  if (object === undefined) {\n    return {};\n  }\n  const result = {};\n  Object.keys(object).filter(prop => prop.match(/^on[A-Z]/) && typeof object[prop] === 'function' && !excludeKeys.includes(prop)).forEach(prop => {\n    result[prop] = object[prop];\n  });\n  return result;\n}\nexport default extractEventHandlers;","/**\n * WARNING: Don't import this directly.\n * Use `MuiError` from `@mui/internal-babel-macros/MuiError.macro` instead.\n * @param {number} code\n */\nexport default function formatMuiErrorMessage(code) {\n  // Apply babel-plugin-transform-template-literals in loose mode\n  // loose mode is safe if we're concatenating primitives\n  // see https://babeljs.io/docs/en/babel-plugin-transform-template-literals#loose\n  /* eslint-disable prefer-template */\n  let url = 'https://mui.com/production-error/?code=' + code;\n  for (let i = 1; i < arguments.length; i += 1) {\n    // rest params over-transpile for this case\n    // eslint-disable-next-line prefer-rest-params\n    url += '&args[]=' + encodeURIComponent(arguments[i]);\n  }\n  return 'Minified MUI error #' + code + '; visit ' + url + ' for the full message.';\n  /* eslint-enable prefer-template */\n}","export { default } from './formatMuiErrorMessage';","import ClassNameGenerator from '../ClassNameGenerator';\nexport const globalStateClasses = {\n  active: 'active',\n  checked: 'checked',\n  completed: 'completed',\n  disabled: 'disabled',\n  error: 'error',\n  expanded: 'expanded',\n  focused: 'focused',\n  focusVisible: 'focusVisible',\n  open: 'open',\n  readOnly: 'readOnly',\n  required: 'required',\n  selected: 'selected'\n};\nexport default function generateUtilityClass(componentName, slot, globalStatePrefix = 'Mui') {\n  const globalStateClass = globalStateClasses[slot];\n  return globalStateClass ? `${globalStatePrefix}-${globalStateClass}` : `${ClassNameGenerator.generate(componentName)}-${slot}`;\n}\nexport function isGlobalState(slot) {\n  return globalStateClasses[slot] !== undefined;\n}","import generateUtilityClass from '../generateUtilityClass';\nexport default function generateUtilityClasses(componentName, slots, globalStatePrefix = 'Mui') {\n  const result = {};\n  slots.forEach(slot => {\n    result[slot] = generateUtilityClass(componentName, slot, globalStatePrefix);\n  });\n  return result;\n}","import { ForwardRef, Memo } from 'react-is';\n\n// Simplified polyfill for IE11 support\n// https://github.com/JamesMGreene/Function.name/blob/58b314d4a983110c3682f1228f845d39ccca1817/Function.name.js#L3\nconst fnNameMatchRegex = /^\\s*function(?:\\s|\\s*\\/\\*.*\\*\\/\\s*)+([^(\\s/]*)\\s*/;\nexport function getFunctionName(fn) {\n  const match = `${fn}`.match(fnNameMatchRegex);\n  const name = match && match[1];\n  return name || '';\n}\nfunction getFunctionComponentName(Component, fallback = '') {\n  return Component.displayName || Component.name || getFunctionName(Component) || fallback;\n}\nfunction getWrappedName(outerType, innerType, wrapperName) {\n  const functionName = getFunctionComponentName(innerType);\n  return outerType.displayName || (functionName !== '' ? `${wrapperName}(${functionName})` : wrapperName);\n}\n\n/**\n * cherry-pick from\n * https://github.com/facebook/react/blob/769b1f270e1251d9dbdce0fcbd9e92e502d059b8/packages/shared/getComponentName.js\n * originally forked from recompose/getDisplayName with added IE11 support\n */\nexport default function getDisplayName(Component) {\n  if (Component == null) {\n    return undefined;\n  }\n  if (typeof Component === 'string') {\n    return Component;\n  }\n  if (typeof Component === 'function') {\n    return getFunctionComponentName(Component, 'Component');\n  }\n\n  // TypeScript can't have components as objects but they exist in the form of `memo` or `Suspense`\n  if (typeof Component === 'object') {\n    switch (Component.$$typeof) {\n      case ForwardRef:\n        return getWrappedName(Component, Component.render, 'ForwardRef');\n      case Memo:\n        return getWrappedName(Component, Component.type, 'memo');\n      default:\n        return undefined;\n    }\n  }\n  return undefined;\n}","export { default } from './getDisplayName';\nexport * from './getDisplayName';","// A change of the browser zoom change the scrollbar size.\n// Credit https://github.com/twbs/bootstrap/blob/488fd8afc535ca3a6ad4dc581f5e89217b6a36ac/js/src/util/scrollbar.js#L14-L18\nexport default function getScrollbarSize(doc) {\n  // https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes\n  const documentWidth = doc.documentElement.clientWidth;\n  return Math.abs(window.innerWidth - documentWidth);\n}","/**\n * Determines if a given element is a DOM element name (i.e. not a React component).\n */\nfunction isHostComponent(element) {\n  return typeof element === 'string';\n}\nexport default isHostComponent;","/**\n * Removes event handlers from the given object.\n * A field is considered an event handler if it is a function with a name beginning with `on`.\n *\n * @param object Object to remove event handlers from.\n * @returns Object with event handlers removed.\n */\nfunction omitEventHandlers(object) {\n  if (object === undefined) {\n    return {};\n  }\n  const result = {};\n  Object.keys(object).filter(prop => !(prop.match(/^on[A-Z]/) && typeof object[prop] === 'function')).forEach(prop => {\n    result[prop] = object[prop];\n  });\n  return result;\n}\nexport default omitEventHandlers;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport clsx from 'clsx';\nimport extractEventHandlers from '../extractEventHandlers';\nimport omitEventHandlers from '../omitEventHandlers';\n/**\n * Merges the slot component internal props (usually coming from a hook)\n * with the externally provided ones.\n *\n * The merge order is (the latter overrides the former):\n * 1. The internal props (specified as a getter function to work with get*Props hook result)\n * 2. Additional props (specified internally on a Base UI component)\n * 3. External props specified on the owner component. These should only be used on a root slot.\n * 4. External props specified in the `slotProps.*` prop.\n * 5. The `className` prop - combined from all the above.\n * @param parameters\n * @returns\n */\nfunction mergeSlotProps(parameters) {\n  const {\n    getSlotProps,\n    additionalProps,\n    externalSlotProps,\n    externalForwardedProps,\n    className\n  } = parameters;\n  if (!getSlotProps) {\n    // The simpler case - getSlotProps is not defined, so no internal event handlers are defined,\n    // so we can simply merge all the props without having to worry about extracting event handlers.\n    const joinedClasses = clsx(additionalProps == null ? void 0 : additionalProps.className, className, externalForwardedProps == null ? void 0 : externalForwardedProps.className, externalSlotProps == null ? void 0 : externalSlotProps.className);\n    const mergedStyle = _extends({}, additionalProps == null ? void 0 : additionalProps.style, externalForwardedProps == null ? void 0 : externalForwardedProps.style, externalSlotProps == null ? void 0 : externalSlotProps.style);\n    const props = _extends({}, additionalProps, externalForwardedProps, externalSlotProps);\n    if (joinedClasses.length > 0) {\n      props.className = joinedClasses;\n    }\n    if (Object.keys(mergedStyle).length > 0) {\n      props.style = mergedStyle;\n    }\n    return {\n      props,\n      internalRef: undefined\n    };\n  }\n\n  // In this case, getSlotProps is responsible for calling the external event handlers.\n  // We don't need to include them in the merged props because of this.\n\n  const eventHandlers = extractEventHandlers(_extends({}, externalForwardedProps, externalSlotProps));\n  const componentsPropsWithoutEventHandlers = omitEventHandlers(externalSlotProps);\n  const otherPropsWithoutEventHandlers = omitEventHandlers(externalForwardedProps);\n  const internalSlotProps = getSlotProps(eventHandlers);\n\n  // The order of classes is important here.\n  // Emotion (that we use in libraries consuming Base UI) depends on this order\n  // to properly override style. It requires the most important classes to be last\n  // (see https://github.com/mui/material-ui/pull/33205) for the related discussion.\n  const joinedClasses = clsx(internalSlotProps == null ? void 0 : internalSlotProps.className, additionalProps == null ? void 0 : additionalProps.className, className, externalForwardedProps == null ? void 0 : externalForwardedProps.className, externalSlotProps == null ? void 0 : externalSlotProps.className);\n  const mergedStyle = _extends({}, internalSlotProps == null ? void 0 : internalSlotProps.style, additionalProps == null ? void 0 : additionalProps.style, externalForwardedProps == null ? void 0 : externalForwardedProps.style, externalSlotProps == null ? void 0 : externalSlotProps.style);\n  const props = _extends({}, internalSlotProps, additionalProps, otherPropsWithoutEventHandlers, componentsPropsWithoutEventHandlers);\n  if (joinedClasses.length > 0) {\n    props.className = joinedClasses;\n  }\n  if (Object.keys(mergedStyle).length > 0) {\n    props.style = mergedStyle;\n  }\n  return {\n    props,\n    internalRef: internalSlotProps.ref\n  };\n}\nexport default mergeSlotProps;","export default function ownerDocument(node) {\n  return node && node.ownerDocument || document;\n}","import ownerDocument from '../ownerDocument';\nexport default function ownerWindow(node) {\n  const doc = ownerDocument(node);\n  return doc.defaultView || window;\n}","/**\n * If `componentProps` is a function, calls it with the provided `ownerState`.\n * Otherwise, just returns `componentProps`.\n */\nfunction resolveComponentProps(componentProps, ownerState, slotState) {\n  if (typeof componentProps === 'function') {\n    return componentProps(ownerState, slotState);\n  }\n  return componentProps;\n}\nexport default resolveComponentProps;","import _extends from \"@babel/runtime/helpers/esm/extends\";\n/**\n * Add keys, values of `defaultProps` that does not exist in `props`\n * @param {object} defaultProps\n * @param {object} props\n * @returns {object} resolved props\n */\nexport default function resolveProps(defaultProps, props) {\n  const output = _extends({}, props);\n  Object.keys(defaultProps).forEach(propName => {\n    if (propName.toString().match(/^(components|slots)$/)) {\n      output[propName] = _extends({}, defaultProps[propName], output[propName]);\n    } else if (propName.toString().match(/^(componentsProps|slotProps)$/)) {\n      const defaultSlotProps = defaultProps[propName] || {};\n      const slotProps = props[propName];\n      output[propName] = {};\n      if (!slotProps || !Object.keys(slotProps)) {\n        // Reduce the iteration if the slot props is empty\n        output[propName] = defaultSlotProps;\n      } else if (!defaultSlotProps || !Object.keys(defaultSlotProps)) {\n        // Reduce the iteration if the default slot props is empty\n        output[propName] = slotProps;\n      } else {\n        output[propName] = _extends({}, slotProps);\n        Object.keys(defaultSlotProps).forEach(slotPropName => {\n          output[propName][slotPropName] = resolveProps(defaultSlotProps[slotPropName], slotProps[slotPropName]);\n        });\n      }\n    } else if (output[propName] === undefined) {\n      output[propName] = defaultProps[propName];\n    }\n  });\n  return output;\n}","/**\n * TODO v5: consider making it private\n *\n * passes {value} to {ref}\n *\n * WARNING: Be sure to only call this inside a callback that is passed as a ref.\n * Otherwise, make sure to cleanup the previous {ref} if it changes. See\n * https://github.com/mui/material-ui/issues/13539\n *\n * Useful if you want to expose the ref of an inner component to the public API\n * while still using it inside the component.\n * @param ref A ref callback or ref object. If anything falsy, this is a no-op.\n */\nexport default function setRef(ref, value) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref) {\n    ref.current = value;\n  }\n}","'use client';\n\n/* eslint-disable react-hooks/rules-of-hooks, react-hooks/exhaustive-deps */\nimport * as React from 'react';\nexport default function useControlled({\n  controlled,\n  default: defaultProp,\n  name,\n  state = 'value'\n}) {\n  // isControlled is ignored in the hook dependency lists as it should never change.\n  const {\n    current: isControlled\n  } = React.useRef(controlled !== undefined);\n  const [valueState, setValue] = React.useState(defaultProp);\n  const value = isControlled ? controlled : valueState;\n  if (process.env.NODE_ENV !== 'production') {\n    React.useEffect(() => {\n      if (isControlled !== (controlled !== undefined)) {\n        console.error([`MUI: A component is changing the ${isControlled ? '' : 'un'}controlled ${state} state of ${name} to be ${isControlled ? 'un' : ''}controlled.`, 'Elements should not switch from uncontrolled to controlled (or vice versa).', `Decide between using a controlled or uncontrolled ${name} ` + 'element for the lifetime of the component.', \"The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.\", 'More info: https://fb.me/react-controlled-components'].join('\\n'));\n      }\n    }, [state, name, controlled]);\n    const {\n      current: defaultValue\n    } = React.useRef(defaultProp);\n    React.useEffect(() => {\n      if (!isControlled && !Object.is(defaultValue, defaultProp)) {\n        console.error([`MUI: A component is changing the default ${state} state of an uncontrolled ${name} after being initialized. ` + `To suppress this warning opt to use a controlled ${name}.`].join('\\n'));\n      }\n    }, [JSON.stringify(defaultProp)]);\n  }\n  const setValueIfUncontrolled = React.useCallback(newValue => {\n    if (!isControlled) {\n      setValue(newValue);\n    }\n  }, []);\n  return [value, setValueIfUncontrolled];\n}","'use client';\n\nimport * as React from 'react';\n\n/**\n * A version of `React.useLayoutEffect` that does not show a warning when server-side rendering.\n * This is useful for effects that are only needed for client-side rendering but not for SSR.\n *\n * Before you use this hook, make sure to read https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\n * and confirm it doesn't apply to your use-case.\n */\nconst useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\nexport default useEnhancedEffect;","'use client';\n\nimport * as React from 'react';\nimport useEnhancedEffect from '../useEnhancedEffect';\n\n/**\n * Inspired by https://github.com/facebook/react/issues/14099#issuecomment-440013892\n * See RFC in https://github.com/reactjs/rfcs/pull/220\n */\n\nfunction useEventCallback(fn) {\n  const ref = React.useRef(fn);\n  useEnhancedEffect(() => {\n    ref.current = fn;\n  });\n  return React.useRef((...args) =>\n  // @ts-expect-error hide `this`\n  (0, ref.current)(...args)).current;\n}\nexport default useEventCallback;","'use client';\n\nimport * as React from 'react';\nimport setRef from '../setRef';\nexport default function useForkRef(...refs) {\n  /**\n   * This will create a new function if the refs passed to this hook change and are all defined.\n   * This means react will call the old forkRef with `null` and the new forkRef\n   * with the ref. Cleanup naturally emerges from this behavior.\n   */\n  return React.useMemo(() => {\n    if (refs.every(ref => ref == null)) {\n      return null;\n    }\n    return instance => {\n      refs.forEach(ref => {\n        setRef(ref, instance);\n      });\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, refs);\n}","'use client';\n\nimport * as React from 'react';\nlet globalId = 0;\nfunction useGlobalId(idOverride) {\n  const [defaultId, setDefaultId] = React.useState(idOverride);\n  const id = idOverride || defaultId;\n  React.useEffect(() => {\n    if (defaultId == null) {\n      // Fallback to this default id when possible.\n      // Use the incrementing value for client-side rendering only.\n      // We can't use it server-side.\n      // If you want to use random values please consider the Birthday Problem: https://en.wikipedia.org/wiki/Birthday_problem\n      globalId += 1;\n      setDefaultId(`mui-${globalId}`);\n    }\n  }, [defaultId]);\n  return id;\n}\n\n// downstream bundlers may remove unnecessary concatenation, but won't remove toString call -- Workaround for https://github.com/webpack/webpack/issues/14814\nconst maybeReactUseId = React['useId'.toString()];\n/**\n *\n * @example <div id={useId()} />\n * @param idOverride\n * @returns {string}\n */\nexport default function useId(idOverride) {\n  if (maybeReactUseId !== undefined) {\n    const reactId = maybeReactUseId();\n    return idOverride != null ? idOverride : reactId;\n  }\n  // eslint-disable-next-line react-hooks/rules-of-hooks -- `React.useId` is invariant at runtime.\n  return useGlobalId(idOverride);\n}","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"elementType\", \"externalSlotProps\", \"ownerState\", \"skipResolvingSlotProps\"];\nimport useForkRef from '../useForkRef';\nimport appendOwnerState from '../appendOwnerState';\nimport mergeSlotProps from '../mergeSlotProps';\nimport resolveComponentProps from '../resolveComponentProps';\n/**\n * @ignore - do not document.\n * Builds the props to be passed into the slot of an unstyled component.\n * It merges the internal props of the component with the ones supplied by the user, allowing to customize the behavior.\n * If the slot component is not a host component, it also merges in the `ownerState`.\n *\n * @param parameters.getSlotProps - A function that returns the props to be passed to the slot component.\n */\nfunction useSlotProps(parameters) {\n  var _parameters$additiona;\n  const {\n      elementType,\n      externalSlotProps,\n      ownerState,\n      skipResolvingSlotProps = false\n    } = parameters,\n    rest = _objectWithoutPropertiesLoose(parameters, _excluded);\n  const resolvedComponentsProps = skipResolvingSlotProps ? {} : resolveComponentProps(externalSlotProps, ownerState);\n  const {\n    props: mergedProps,\n    internalRef\n  } = mergeSlotProps(_extends({}, rest, {\n    externalSlotProps: resolvedComponentsProps\n  }));\n  const ref = useForkRef(internalRef, resolvedComponentsProps == null ? void 0 : resolvedComponentsProps.ref, (_parameters$additiona = parameters.additionalProps) == null ? void 0 : _parameters$additiona.ref);\n  const props = appendOwnerState(elementType, _extends({}, mergedProps, {\n    ref\n  }), ownerState);\n  return props;\n}\nexport default useSlotProps;","'use client';\n\nimport * as React from 'react';\nconst UNINITIALIZED = {};\n\n/**\n * A React.useRef() that is initialized lazily with a function. Note that it accepts an optional\n * initialization argument, so the initialization function doesn't need to be an inline closure.\n *\n * @usage\n *   const ref = useLazyRef(sortColumns, columns)\n */\nexport default function useLazyRef(init, initArg) {\n  const ref = React.useRef(UNINITIALIZED);\n  if (ref.current === UNINITIALIZED) {\n    ref.current = init(initArg);\n  }\n  return ref;\n}","'use client';\n\nimport * as React from 'react';\nconst EMPTY = [];\n\n/**\n * A React.useEffect equivalent that runs once, when the component is mounted.\n */\nexport default function useOnMount(fn) {\n  /* eslint-disable react-hooks/exhaustive-deps */\n  React.useEffect(fn, EMPTY);\n  /* eslint-enable react-hooks/exhaustive-deps */\n}","'use client';\n\nimport useLazyRef from '../useLazyRef/useLazyRef';\nimport useOnMount from '../useOnMount/useOnMount';\nexport class Timeout {\n  constructor() {\n    this.currentId = null;\n    this.clear = () => {\n      if (this.currentId !== null) {\n        clearTimeout(this.currentId);\n        this.currentId = null;\n      }\n    };\n    this.disposeEffect = () => {\n      return this.clear;\n    };\n  }\n  static create() {\n    return new Timeout();\n  }\n  /**\n   * Executes `fn` after `delay`, clearing any previously scheduled call.\n   */\n  start(delay, fn) {\n    this.clear();\n    this.currentId = setTimeout(() => {\n      this.currentId = null;\n      fn();\n    }, delay);\n  }\n}\nexport default function useTimeout() {\n  const timeout = useLazyRef(Timeout.create).current;\n  useOnMount(timeout.disposeEffect);\n  return timeout;\n}","import generateUtilityClass from '@mui/utils/generateUtilityClass';\nimport generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nexport function getTreeItemUtilityClass(slot) {\n  return generateUtilityClass('MuiTreeItem', slot);\n}\nexport const treeItemClasses = generateUtilityClasses('MuiTreeItem', ['root', 'groupTransition', 'content', 'expanded', 'selected', 'focused', 'disabled', 'iconContainer', 'label', 'checkbox']);","import PropTypes from 'prop-types';\nimport { useTreeViewContext } from '../internals/TreeViewProvider/useTreeViewContext';\nfunction TreeItem2Provider(props) {\n  const {\n    children,\n    itemId\n  } = props;\n  const {\n    wrapItem,\n    instance\n  } = useTreeViewContext();\n  return wrapItem({\n    children,\n    itemId,\n    instance\n  });\n}\nTreeItem2Provider.propTypes = {\n  // ----------------------------- Warning --------------------------------\n  // | These PropTypes are generated from the TypeScript type definitions |\n  // | To update them edit the TypeScript types and run \"pnpm proptypes\"  |\n  // ----------------------------------------------------------------------\n  children: PropTypes.node,\n  itemId: PropTypes.string.isRequired\n};\nexport { TreeItem2Provider };","import { useTreeViewContext } from '../../internals/TreeViewProvider/useTreeViewContext';\nconst isItemExpandable = reactChildren => {\n  if (Array.isArray(reactChildren)) {\n    return reactChildren.length > 0 && reactChildren.some(isItemExpandable);\n  }\n  return Boolean(reactChildren);\n};\nexport const useTreeItem2Utils = ({\n  itemId,\n  children\n}) => {\n  const {\n    instance,\n    selection: {\n      multiSelect\n    }\n  } = useTreeViewContext();\n  const status = {\n    expandable: isItemExpandable(children),\n    expanded: instance.isItemExpanded(itemId),\n    focused: instance.isItemFocused(itemId),\n    selected: instance.isItemSelected(itemId),\n    disabled: instance.isItemDisabled(itemId)\n  };\n  const handleExpansion = event => {\n    if (status.disabled) {\n      return;\n    }\n    if (!status.focused) {\n      instance.focusItem(event, itemId);\n    }\n    const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n    // If already expanded and trying to toggle selection don't close\n    if (status.expandable && !(multiple && instance.isItemExpanded(itemId))) {\n      instance.toggleItemExpansion(event, itemId);\n    }\n  };\n  const handleSelection = event => {\n    if (status.disabled) {\n      return;\n    }\n    if (!status.focused) {\n      instance.focusItem(event, itemId);\n    }\n    const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n    if (multiple) {\n      if (event.shiftKey) {\n        instance.expandSelectionRange(event, itemId);\n      } else {\n        instance.selectItem(event, itemId, true);\n      }\n    } else {\n      instance.selectItem(event, itemId, false);\n    }\n  };\n  const handleCheckboxSelection = event => {\n    const hasShift = event.nativeEvent.shiftKey;\n    if (multiSelect && hasShift) {\n      instance.expandSelectionRange(event, itemId);\n    } else {\n      instance.selectItem(event, itemId, multiSelect, event.target.checked);\n    }\n  };\n  const interactions = {\n    handleExpansion,\n    handleSelection,\n    handleCheckboxSelection\n  };\n  return {\n    interactions,\n    status\n  };\n};","import * as React from 'react';\n/**\n * Hook that instantiates a [[TreeViewApiRef]].\n */\nexport const useTreeViewApiRef = () => React.useRef(undefined);","import { createSvgIcon } from '@mui/material/utils';\nimport * as React from 'react';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const TreeViewExpandIcon = createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\n}), 'TreeViewExpandIcon');\nexport const TreeViewCollapseIcon = createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z\"\n}), 'TreeViewCollapseIcon');","import * as React from 'react';\nexport const TreeViewItemDepthContext = /*#__PURE__*/React.createContext(() => -1);\nif (process.env.NODE_ENV !== 'production') {\n  TreeViewItemDepthContext.displayName = 'TreeViewItemDepthContext';\n}","import * as React from 'react';\n/**\n * @ignore - internal component.\n */\nexport const TreeViewContext = /*#__PURE__*/React.createContext(null);\nif (process.env.NODE_ENV !== 'production') {\n  TreeViewContext.displayName = 'TreeViewContext';\n}","import * as React from 'react';\nimport { TreeViewContext } from './TreeViewContext';\nexport const useTreeViewContext = () => {\n  const context = React.useContext(TreeViewContext);\n  if (context == null) {\n    throw new Error(['MUI X: Could not find the Tree View context.', 'It looks like you rendered your component outside of a SimpleTreeView or RichTreeView parent component.', 'This can also happen if you are bundling multiple versions of the Tree View.'].join('\\n'));\n  }\n  return context;\n};","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport { extractEventHandlers } from '@mui/base/utils';\nimport useForkRef from '@mui/utils/useForkRef';\nimport { useTreeViewContext } from '../internals/TreeViewProvider/useTreeViewContext';\nimport { useTreeItem2Utils } from '../hooks/useTreeItem2Utils';\nimport { TreeViewItemDepthContext } from '../internals/TreeViewItemDepthContext';\nexport const useTreeItem2 = parameters => {\n  const {\n    runItemPlugins,\n    selection: {\n      multiSelect,\n      disableSelection,\n      checkboxSelection\n    },\n    disabledItemsFocusable,\n    indentationAtItemLevel,\n    instance,\n    publicAPI\n  } = useTreeViewContext();\n  const depthContext = React.useContext(TreeViewItemDepthContext);\n  const {\n    id,\n    itemId,\n    label,\n    children,\n    rootRef\n  } = parameters;\n  const {\n    rootRef: pluginRootRef,\n    contentRef\n  } = runItemPlugins(parameters);\n  const {\n    interactions,\n    status\n  } = useTreeItem2Utils({\n    itemId,\n    children\n  });\n  const idAttribute = instance.getTreeItemIdAttribute(itemId, id);\n  const handleRootRef = useForkRef(rootRef, pluginRootRef);\n  const checkboxRef = React.useRef(null);\n  const createRootHandleFocus = otherHandlers => event => {\n    otherHandlers.onFocus?.(event);\n    if (event.defaultMuiPrevented) {\n      return;\n    }\n    const canBeFocused = !status.disabled || disabledItemsFocusable;\n    if (!status.focused && canBeFocused && event.currentTarget === event.target) {\n      instance.focusItem(event, itemId);\n    }\n  };\n  const createRootHandleBlur = otherHandlers => event => {\n    otherHandlers.onBlur?.(event);\n    if (event.defaultMuiPrevented) {\n      return;\n    }\n    instance.removeFocusedItem();\n  };\n  const createRootHandleKeyDown = otherHandlers => event => {\n    otherHandlers.onKeyDown?.(event);\n    if (event.defaultMuiPrevented) {\n      return;\n    }\n    instance.handleItemKeyDown(event, itemId);\n  };\n  const createContentHandleClick = otherHandlers => event => {\n    otherHandlers.onClick?.(event);\n    if (event.defaultMuiPrevented || checkboxRef.current?.contains(event.target)) {\n      return;\n    }\n    interactions.handleExpansion(event);\n    if (!checkboxSelection) {\n      interactions.handleSelection(event);\n    }\n  };\n  const createContentHandleMouseDown = otherHandlers => event => {\n    otherHandlers.onMouseDown?.(event);\n    if (event.defaultMuiPrevented) {\n      return;\n    }\n\n    // Prevent text selection\n    if (event.shiftKey || event.ctrlKey || event.metaKey || status.disabled) {\n      event.preventDefault();\n    }\n  };\n  const createCheckboxHandleChange = otherHandlers => event => {\n    otherHandlers.onChange?.(event);\n    if (event.defaultMuiPrevented) {\n      return;\n    }\n    if (disableSelection || status.disabled) {\n      return;\n    }\n    interactions.handleCheckboxSelection(event);\n  };\n  const getRootProps = (externalProps = {}) => {\n    const externalEventHandlers = _extends({}, extractEventHandlers(parameters), extractEventHandlers(externalProps));\n    let ariaSelected;\n    if (multiSelect) {\n      ariaSelected = status.selected;\n    } else if (status.selected) {\n      /* single-selection trees unset aria-selected on un-selected items.\n       *\n       * If the tree does not support multiple selection, aria-selected\n       * is set to true for the selected item and it is not present on any other item in the tree.\n       * Source: https://www.w3.org/WAI/ARIA/apg/patterns/treeview/\n       */\n      ariaSelected = true;\n    }\n    const response = _extends({}, externalEventHandlers, {\n      ref: handleRootRef,\n      role: 'treeitem',\n      tabIndex: instance.canItemBeTabbed(itemId) ? 0 : -1,\n      id: idAttribute,\n      'aria-expanded': status.expandable ? status.expanded : undefined,\n      'aria-selected': ariaSelected,\n      'aria-disabled': status.disabled || undefined\n    }, externalProps, {\n      onFocus: createRootHandleFocus(externalEventHandlers),\n      onBlur: createRootHandleBlur(externalEventHandlers),\n      onKeyDown: createRootHandleKeyDown(externalEventHandlers)\n    });\n    if (indentationAtItemLevel) {\n      response.style = {\n        '--TreeView-itemDepth': typeof depthContext === 'function' ? depthContext(itemId) : depthContext\n      };\n    }\n    return response;\n  };\n  const getContentProps = (externalProps = {}) => {\n    const externalEventHandlers = extractEventHandlers(externalProps);\n    const response = _extends({}, externalEventHandlers, externalProps, {\n      ref: contentRef,\n      onClick: createContentHandleClick(externalEventHandlers),\n      onMouseDown: createContentHandleMouseDown(externalEventHandlers),\n      status\n    });\n    if (indentationAtItemLevel) {\n      response.indentationAtItemLevel = true;\n    }\n    return response;\n  };\n  const getCheckboxProps = (externalProps = {}) => {\n    const externalEventHandlers = extractEventHandlers(externalProps);\n    return _extends({}, externalEventHandlers, {\n      visible: checkboxSelection,\n      ref: checkboxRef,\n      checked: status.selected,\n      disabled: disableSelection || status.disabled,\n      tabIndex: -1\n    }, externalProps, {\n      onChange: createCheckboxHandleChange(externalEventHandlers)\n    });\n  };\n  const getLabelProps = (externalProps = {}) => {\n    const externalEventHandlers = _extends({}, extractEventHandlers(parameters), extractEventHandlers(externalProps));\n    return _extends({}, externalEventHandlers, {\n      children: label\n    }, externalProps);\n  };\n  const getIconContainerProps = (externalProps = {}) => {\n    const externalEventHandlers = extractEventHandlers(externalProps);\n    return _extends({}, externalEventHandlers, externalProps);\n  };\n  const getGroupTransitionProps = (externalProps = {}) => {\n    const externalEventHandlers = extractEventHandlers(externalProps);\n    const response = _extends({}, externalEventHandlers, {\n      unmountOnExit: true,\n      component: 'ul',\n      role: 'group',\n      in: status.expanded,\n      children\n    }, externalProps);\n    if (indentationAtItemLevel) {\n      response.indentationAtItemLevel = true;\n    }\n    return response;\n  };\n  return {\n    getRootProps,\n    getContentProps,\n    getGroupTransitionProps,\n    getIconContainerProps,\n    getCheckboxProps,\n    getLabelProps,\n    rootRef: handleRootRef,\n    status,\n    publicAPI\n  };\n};","import * as React from 'react';\nvar OrderContext = /*#__PURE__*/React.createContext(null);\nexport default OrderContext;","import _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nimport useLayoutEffect from \"rc-util/es/hooks/useLayoutEffect\";\nimport canUseDom from \"rc-util/es/Dom/canUseDom\";\nimport OrderContext from \"./Context\";\nvar EMPTY_LIST = [];\n\n/**\n * Will add `div` to document. Nest call will keep order\n * @param render Render DOM in document\n */\nexport default function useDom(render, debug) {\n  var _React$useState = React.useState(function () {\n      if (!canUseDom()) {\n        return null;\n      }\n      var defaultEle = document.createElement('div');\n      if (process.env.NODE_ENV !== 'production' && debug) {\n        defaultEle.setAttribute('data-debug', debug);\n      }\n      return defaultEle;\n    }),\n    _React$useState2 = _slicedToArray(_React$useState, 1),\n    ele = _React$useState2[0];\n\n  // ========================== Order ==========================\n  var appendedRef = React.useRef(false);\n  var queueCreate = React.useContext(OrderContext);\n  var _React$useState3 = React.useState(EMPTY_LIST),\n    _React$useState4 = _slicedToArray(_React$useState3, 2),\n    queue = _React$useState4[0],\n    setQueue = _React$useState4[1];\n  var mergedQueueCreate = queueCreate || (appendedRef.current ? undefined : function (appendFn) {\n    setQueue(function (origin) {\n      var newQueue = [appendFn].concat(_toConsumableArray(origin));\n      return newQueue;\n    });\n  });\n\n  // =========================== DOM ===========================\n  function append() {\n    if (!ele.parentElement) {\n      document.body.appendChild(ele);\n    }\n    appendedRef.current = true;\n  }\n  function cleanup() {\n    var _ele$parentElement;\n    (_ele$parentElement = ele.parentElement) === null || _ele$parentElement === void 0 ? void 0 : _ele$parentElement.removeChild(ele);\n    appendedRef.current = false;\n  }\n  useLayoutEffect(function () {\n    if (render) {\n      if (queueCreate) {\n        queueCreate(append);\n      } else {\n        append();\n      }\n    } else {\n      cleanup();\n    }\n    return cleanup;\n  }, [render]);\n  useLayoutEffect(function () {\n    if (queue.length) {\n      queue.forEach(function (appendFn) {\n        return appendFn();\n      });\n      setQueue(EMPTY_LIST);\n    }\n  }, [queue]);\n  return [ele, mergedQueueCreate];\n}","/**\n * Test usage export. Do not use in your production\n */\nexport function isBodyOverflowing() {\n  return document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight) && window.innerWidth > document.body.offsetWidth;\n}","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nimport { updateCSS, removeCSS } from \"rc-util/es/Dom/dynamicCSS\";\nimport useLayoutEffect from \"rc-util/es/hooks/useLayoutEffect\";\nimport { getTargetScrollBarSize } from \"rc-util/es/getScrollBarSize\";\nimport { isBodyOverflowing } from \"./util\";\nvar UNIQUE_ID = \"rc-util-locker-\".concat(Date.now());\nvar uuid = 0;\nexport default function useScrollLocker(lock) {\n  var mergedLock = !!lock;\n  var _React$useState = React.useState(function () {\n      uuid += 1;\n      return \"\".concat(UNIQUE_ID, \"_\").concat(uuid);\n    }),\n    _React$useState2 = _slicedToArray(_React$useState, 1),\n    id = _React$useState2[0];\n  useLayoutEffect(function () {\n    if (mergedLock) {\n      var scrollbarSize = getTargetScrollBarSize(document.body).width;\n      var isOverflow = isBodyOverflowing();\n      updateCSS(\"\\nhtml body {\\n  overflow-y: hidden;\\n  \".concat(isOverflow ? \"width: calc(100% - \".concat(scrollbarSize, \"px);\") : '', \"\\n}\"), id);\n    } else {\n      removeCSS(id);\n    }\n    return function () {\n      removeCSS(id);\n    };\n  }, [mergedLock, id]);\n}","export var inline = false;\nexport function inlineMock(nextInline) {\n  if (typeof nextInline === 'boolean') {\n    inline = nextInline;\n  }\n  return inline;\n}","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport canUseDom from \"rc-util/es/Dom/canUseDom\";\nimport warning from \"rc-util/es/warning\";\nimport { supportRef, useComposeRef } from \"rc-util/es/ref\";\nimport OrderContext from \"./Context\";\nimport useDom from \"./useDom\";\nimport useScrollLocker from \"./useScrollLocker\";\nimport { inlineMock } from \"./mock\";\nvar getPortalContainer = function getPortalContainer(getContainer) {\n  if (getContainer === false) {\n    return false;\n  }\n  if (!canUseDom() || !getContainer) {\n    return null;\n  }\n  if (typeof getContainer === 'string') {\n    return document.querySelector(getContainer);\n  }\n  if (typeof getContainer === 'function') {\n    return getContainer();\n  }\n  return getContainer;\n};\nvar Portal = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  var open = props.open,\n    autoLock = props.autoLock,\n    getContainer = props.getContainer,\n    debug = props.debug,\n    _props$autoDestroy = props.autoDestroy,\n    autoDestroy = _props$autoDestroy === void 0 ? true : _props$autoDestroy,\n    children = props.children;\n  var _React$useState = React.useState(open),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    shouldRender = _React$useState2[0],\n    setShouldRender = _React$useState2[1];\n  var mergedRender = shouldRender || open;\n\n  // ========================= Warning =========================\n  if (process.env.NODE_ENV !== 'production') {\n    warning(canUseDom() || !open, \"Portal only work in client side. Please call 'useEffect' to show Portal instead default render in SSR.\");\n  }\n\n  // ====================== Should Render ======================\n  React.useEffect(function () {\n    if (autoDestroy || open) {\n      setShouldRender(open);\n    }\n  }, [open, autoDestroy]);\n\n  // ======================== Container ========================\n  var _React$useState3 = React.useState(function () {\n      return getPortalContainer(getContainer);\n    }),\n    _React$useState4 = _slicedToArray(_React$useState3, 2),\n    innerContainer = _React$useState4[0],\n    setInnerContainer = _React$useState4[1];\n  React.useEffect(function () {\n    var customizeContainer = getPortalContainer(getContainer);\n\n    // Tell component that we check this in effect which is safe to be `null`\n    setInnerContainer(customizeContainer !== null && customizeContainer !== void 0 ? customizeContainer : null);\n  });\n  var _useDom = useDom(mergedRender && !innerContainer, debug),\n    _useDom2 = _slicedToArray(_useDom, 2),\n    defaultContainer = _useDom2[0],\n    queueCreate = _useDom2[1];\n  var mergedContainer = innerContainer !== null && innerContainer !== void 0 ? innerContainer : defaultContainer;\n\n  // ========================= Locker ==========================\n  useScrollLocker(autoLock && open && canUseDom() && (mergedContainer === defaultContainer || mergedContainer === document.body));\n\n  // =========================== Ref ===========================\n  var childRef = null;\n  if (children && supportRef(children) && ref) {\n    var _ref = children;\n    childRef = _ref.ref;\n  }\n  var mergedRef = useComposeRef(childRef, ref);\n\n  // ========================= Render ==========================\n  // Do not render when nothing need render\n  // When innerContainer is `undefined`, it may not ready since user use ref in the same render\n  if (!mergedRender || !canUseDom() || innerContainer === undefined) {\n    return null;\n  }\n\n  // Render inline\n  var renderInline = mergedContainer === false || inlineMock();\n  var reffedChildren = children;\n  if (ref) {\n    reffedChildren = /*#__PURE__*/React.cloneElement(children, {\n      ref: mergedRef\n    });\n  }\n  return /*#__PURE__*/React.createElement(OrderContext.Provider, {\n    value: queueCreate\n  }, renderInline ? reffedChildren : /*#__PURE__*/createPortal(reffedChildren, mergedContainer));\n});\nif (process.env.NODE_ENV !== 'production') {\n  Portal.displayName = 'Portal';\n}\nexport default Portal;","import Portal from \"./Portal\";\nimport { inlineMock } from \"./mock\";\nexport { inlineMock };\nexport default Portal;","import { addNonEnumerableProperty } from './object.js';\nimport { snipLine } from './string.js';\nimport { GLOBAL_OBJ } from './worldwide.js';\n\n/**\n * UUID4 generator\n *\n * @returns string Generated UUID4.\n */\nfunction uuid4() {\n  const gbl = GLOBAL_OBJ ;\n  const crypto = gbl.crypto || gbl.msCrypto;\n\n  if (crypto && crypto.randomUUID) {\n    return crypto.randomUUID().replace(/-/g, '');\n  }\n\n  const getRandomByte =\n    crypto && crypto.getRandomValues ? () => crypto.getRandomValues(new Uint8Array(1))[0] : () => Math.random() * 16;\n\n  // http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript/2117523#2117523\n  // Concatenating the following numbers as strings results in '10000000100040008000100000000000'\n  return (([1e7] ) + 1e3 + 4e3 + 8e3 + 1e11).replace(/[018]/g, c =>\n    // eslint-disable-next-line no-bitwise\n    ((c ) ^ ((getRandomByte() & 15) >> ((c ) / 4))).toString(16),\n  );\n}\n\nfunction getFirstException(event) {\n  return event.exception && event.exception.values ? event.exception.values[0] : undefined;\n}\n\n/**\n * Extracts either message or type+value from an event that can be used for user-facing logs\n * @returns event's description\n */\nfunction getEventDescription(event) {\n  const { message, event_id: eventId } = event;\n  if (message) {\n    return message;\n  }\n\n  const firstException = getFirstException(event);\n  if (firstException) {\n    if (firstException.type && firstException.value) {\n      return `${firstException.type}: ${firstException.value}`;\n    }\n    return firstException.type || firstException.value || eventId || '<unknown>';\n  }\n  return eventId || '<unknown>';\n}\n\n/**\n * Adds exception values, type and value to an synthetic Exception.\n * @param event The event to modify.\n * @param value Value of the exception.\n * @param type Type of the exception.\n * @hidden\n */\nfunction addExceptionTypeValue(event, value, type) {\n  const exception = (event.exception = event.exception || {});\n  const values = (exception.values = exception.values || []);\n  const firstException = (values[0] = values[0] || {});\n  if (!firstException.value) {\n    firstException.value = value || '';\n  }\n  if (!firstException.type) {\n    firstException.type = type || 'Error';\n  }\n}\n\n/**\n * Adds exception mechanism data to a given event. Uses defaults if the second parameter is not passed.\n *\n * @param event The event to modify.\n * @param newMechanism Mechanism data to add to the event.\n * @hidden\n */\nfunction addExceptionMechanism(event, newMechanism) {\n  const firstException = getFirstException(event);\n  if (!firstException) {\n    return;\n  }\n\n  const defaultMechanism = { type: 'generic', handled: true };\n  const currentMechanism = firstException.mechanism;\n  firstException.mechanism = { ...defaultMechanism, ...currentMechanism, ...newMechanism };\n\n  if (newMechanism && 'data' in newMechanism) {\n    const mergedData = { ...(currentMechanism && currentMechanism.data), ...newMechanism.data };\n    firstException.mechanism.data = mergedData;\n  }\n}\n\n// https://semver.org/#is-there-a-suggested-regular-expression-regex-to-check-a-semver-string\nconst SEMVER_REGEXP =\n  /^(0|[1-9]\\d*)\\.(0|[1-9]\\d*)\\.(0|[1-9]\\d*)(?:-((?:0|[1-9]\\d*|\\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\\.(?:0|[1-9]\\d*|\\d*[a-zA-Z-][0-9a-zA-Z-]*))*))?(?:\\+([0-9a-zA-Z-]+(?:\\.[0-9a-zA-Z-]+)*))?$/;\n\n/**\n * Represents Semantic Versioning object\n */\n\n/**\n * Parses input into a SemVer interface\n * @param input string representation of a semver version\n */\nfunction parseSemver(input) {\n  const match = input.match(SEMVER_REGEXP) || [];\n  const major = parseInt(match[1], 10);\n  const minor = parseInt(match[2], 10);\n  const patch = parseInt(match[3], 10);\n  return {\n    buildmetadata: match[5],\n    major: isNaN(major) ? undefined : major,\n    minor: isNaN(minor) ? undefined : minor,\n    patch: isNaN(patch) ? undefined : patch,\n    prerelease: match[4],\n  };\n}\n\n/**\n * This function adds context (pre/post/line) lines to the provided frame\n *\n * @param lines string[] containing all lines\n * @param frame StackFrame that will be mutated\n * @param linesOfContext number of context lines we want to add pre/post\n */\nfunction addContextToFrame(lines, frame, linesOfContext = 5) {\n  // When there is no line number in the frame, attaching context is nonsensical and will even break grouping\n  if (frame.lineno === undefined) {\n    return;\n  }\n\n  const maxLines = lines.length;\n  const sourceLine = Math.max(Math.min(maxLines, frame.lineno - 1), 0);\n\n  frame.pre_context = lines\n    .slice(Math.max(0, sourceLine - linesOfContext), sourceLine)\n    .map((line) => snipLine(line, 0));\n\n  frame.context_line = snipLine(lines[Math.min(maxLines - 1, sourceLine)], frame.colno || 0);\n\n  frame.post_context = lines\n    .slice(Math.min(sourceLine + 1, maxLines), sourceLine + 1 + linesOfContext)\n    .map((line) => snipLine(line, 0));\n}\n\n/**\n * Checks whether or not we've already captured the given exception (note: not an identical exception - the very object\n * in question), and marks it captured if not.\n *\n * This is useful because it's possible for an error to get captured by more than one mechanism. After we intercept and\n * record an error, we rethrow it (assuming we've intercepted it before it's reached the top-level global handlers), so\n * that we don't interfere with whatever effects the error might have had were the SDK not there. At that point, because\n * the error has been rethrown, it's possible for it to bubble up to some other code we've instrumented. If it's not\n * caught after that, it will bubble all the way up to the global handlers (which of course we also instrument). This\n * function helps us ensure that even if we encounter the same error more than once, we only record it the first time we\n * see it.\n *\n * Note: It will ignore primitives (always return `false` and not mark them as seen), as properties can't be set on\n * them. {@link: Object.objectify} can be used on exceptions to convert any that are primitives into their equivalent\n * object wrapper forms so that this check will always work. However, because we need to flag the exact object which\n * will get rethrown, and because that rethrowing happens outside of the event processing pipeline, the objectification\n * must be done before the exception captured.\n *\n * @param A thrown exception to check or flag as having been seen\n * @returns `true` if the exception has already been captured, `false` if not (with the side effect of marking it seen)\n */\nfunction checkOrSetAlreadyCaught(exception) {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n  if (exception && (exception ).__sentry_captured__) {\n    return true;\n  }\n\n  try {\n    // set it this way rather than by assignment so that it's not ennumerable and therefore isn't recorded by the\n    // `ExtraErrorData` integration\n    addNonEnumerableProperty(exception , '__sentry_captured__', true);\n  } catch (err) {\n    // `exception` is a primitive, so we can't mark it seen\n  }\n\n  return false;\n}\n\n/**\n * Checks whether the given input is already an array, and if it isn't, wraps it in one.\n *\n * @param maybeArray Input to turn into an array, if necessary\n * @returns The input, if already an array, or an array with the input as the only element, if not\n */\nfunction arrayify(maybeArray) {\n  return Array.isArray(maybeArray) ? maybeArray : [maybeArray];\n}\n\nexport { addContextToFrame, addExceptionMechanism, addExceptionTypeValue, arrayify, checkOrSetAlreadyCaught, getEventDescription, parseSemver, uuid4 };\n//# sourceMappingURL=misc.js.map\n","import { getGlobalSingleton, GLOBAL_OBJ } from './worldwide.js';\n\n/** Prefix for logging strings */\nconst PREFIX = 'Sentry Logger ';\n\nconst CONSOLE_LEVELS = ['debug', 'info', 'warn', 'error', 'log', 'assert', 'trace'] ;\n\n/**\n * Temporarily disable sentry console instrumentations.\n *\n * @param callback The function to run against the original `console` messages\n * @returns The results of the callback\n */\nfunction consoleSandbox(callback) {\n  if (!('console' in GLOBAL_OBJ)) {\n    return callback();\n  }\n\n  const originalConsole = GLOBAL_OBJ.console ;\n  const wrappedLevels = {};\n\n  // Restore all wrapped console methods\n  CONSOLE_LEVELS.forEach(level => {\n    // TODO(v7): Remove this check as it's only needed for Node 6\n    const originalWrappedFunc =\n      originalConsole[level] && (originalConsole[level] ).__sentry_original__;\n    if (level in originalConsole && originalWrappedFunc) {\n      wrappedLevels[level] = originalConsole[level] ;\n      originalConsole[level] = originalWrappedFunc ;\n    }\n  });\n\n  try {\n    return callback();\n  } finally {\n    // Revert restoration to wrapped state\n    Object.keys(wrappedLevels).forEach(level => {\n      originalConsole[level] = wrappedLevels[level ];\n    });\n  }\n}\n\nfunction makeLogger() {\n  let enabled = false;\n  const logger = {\n    enable: () => {\n      enabled = true;\n    },\n    disable: () => {\n      enabled = false;\n    },\n  };\n\n  if ((typeof __SENTRY_DEBUG__ === 'undefined' || __SENTRY_DEBUG__)) {\n    CONSOLE_LEVELS.forEach(name => {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      logger[name] = (...args) => {\n        if (enabled) {\n          consoleSandbox(() => {\n            GLOBAL_OBJ.console[name](`${PREFIX}[${name}]:`, ...args);\n          });\n        }\n      };\n    });\n  } else {\n    CONSOLE_LEVELS.forEach(name => {\n      logger[name] = () => undefined;\n    });\n  }\n\n  return logger ;\n}\n\n// Ensure we only have a single logger instance, even if multiple versions of @sentry/utils are being used\nlet logger;\nif ((typeof __SENTRY_DEBUG__ === 'undefined' || __SENTRY_DEBUG__)) {\n  logger = getGlobalSingleton('logger', makeLogger);\n} else {\n  logger = makeLogger();\n}\n\nexport { CONSOLE_LEVELS, consoleSandbox, logger };\n//# sourceMappingURL=logger.js.map\n","const DEFAULT_ENVIRONMENT = 'production';\n\nexport { DEFAULT_ENVIRONMENT };\n//# sourceMappingURL=constants.js.map\n","// eslint-disable-next-line @typescript-eslint/unbound-method\nconst objectToString = Object.prototype.toString;\n\n/**\n * Checks whether given value's type is one of a few Error or Error-like\n * {@link isError}.\n *\n * @param wat A value to be checked.\n * @returns A boolean representing the result.\n */\nfunction isError(wat) {\n  switch (objectToString.call(wat)) {\n    case '[object Error]':\n    case '[object Exception]':\n    case '[object DOMException]':\n      return true;\n    default:\n      return isInstanceOf(wat, Error);\n  }\n}\n/**\n * Checks whether given value is an instance of the given built-in class.\n *\n * @param wat The value to be checked\n * @param className\n * @returns A boolean representing the result.\n */\nfunction isBuiltin(wat, className) {\n  return objectToString.call(wat) === `[object ${className}]`;\n}\n\n/**\n * Checks whether given value's type is ErrorEvent\n * {@link isErrorEvent}.\n *\n * @param wat A value to be checked.\n * @returns A boolean representing the result.\n */\nfunction isErrorEvent(wat) {\n  return isBuiltin(wat, 'ErrorEvent');\n}\n\n/**\n * Checks whether given value's type is DOMError\n * {@link isDOMError}.\n *\n * @param wat A value to be checked.\n * @returns A boolean representing the result.\n */\nfunction isDOMError(wat) {\n  return isBuiltin(wat, 'DOMError');\n}\n\n/**\n * Checks whether given value's type is DOMException\n * {@link isDOMException}.\n *\n * @param wat A value to be checked.\n * @returns A boolean representing the result.\n */\nfunction isDOMException(wat) {\n  return isBuiltin(wat, 'DOMException');\n}\n\n/**\n * Checks whether given value's type is a string\n * {@link isString}.\n *\n * @param wat A value to be checked.\n * @returns A boolean representing the result.\n */\nfunction isString(wat) {\n  return isBuiltin(wat, 'String');\n}\n\n/**\n * Checks whether given value is a primitive (undefined, null, number, boolean, string, bigint, symbol)\n * {@link isPrimitive}.\n *\n * @param wat A value to be checked.\n * @returns A boolean representing the result.\n */\nfunction isPrimitive(wat) {\n  return wat === null || (typeof wat !== 'object' && typeof wat !== 'function');\n}\n\n/**\n * Checks whether given value's type is an object literal\n * {@link isPlainObject}.\n *\n * @param wat A value to be checked.\n * @returns A boolean representing the result.\n */\nfunction isPlainObject(wat) {\n  return isBuiltin(wat, 'Object');\n}\n\n/**\n * Checks whether given value's type is an Event instance\n * {@link isEvent}.\n *\n * @param wat A value to be checked.\n * @returns A boolean representing the result.\n */\nfunction isEvent(wat) {\n  return typeof Event !== 'undefined' && isInstanceOf(wat, Event);\n}\n\n/**\n * Checks whether given value's type is an Element instance\n * {@link isElement}.\n *\n * @param wat A value to be checked.\n * @returns A boolean representing the result.\n */\nfunction isElement(wat) {\n  return typeof Element !== 'undefined' && isInstanceOf(wat, Element);\n}\n\n/**\n * Checks whether given value's type is an regexp\n * {@link isRegExp}.\n *\n * @param wat A value to be checked.\n * @returns A boolean representing the result.\n */\nfunction isRegExp(wat) {\n  return isBuiltin(wat, 'RegExp');\n}\n\n/**\n * Checks whether given value has a then function.\n * @param wat A value to be checked.\n */\nfunction isThenable(wat) {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n  return Boolean(wat && wat.then && typeof wat.then === 'function');\n}\n\n/**\n * Checks whether given value's type is a SyntheticEvent\n * {@link isSyntheticEvent}.\n *\n * @param wat A value to be checked.\n * @returns A boolean representing the result.\n */\nfunction isSyntheticEvent(wat) {\n  return isPlainObject(wat) && 'nativeEvent' in wat && 'preventDefault' in wat && 'stopPropagation' in wat;\n}\n\n/**\n * Checks whether given value is NaN\n * {@link isNaN}.\n *\n * @param wat A value to be checked.\n * @returns A boolean representing the result.\n */\nfunction isNaN(wat) {\n  return typeof wat === 'number' && wat !== wat;\n}\n\n/**\n * Checks whether given value's type is an instance of provided constructor.\n * {@link isInstanceOf}.\n *\n * @param wat A value to be checked.\n * @param base A constructor to be used in a check.\n * @returns A boolean representing the result.\n */\nfunction isInstanceOf(wat, base) {\n  try {\n    return wat instanceof base;\n  } catch (_e) {\n    return false;\n  }\n}\n\nexport { isDOMError, isDOMException, isElement, isError, isErrorEvent, isEvent, isInstanceOf, isNaN, isPlainObject, isPrimitive, isRegExp, isString, isSyntheticEvent, isThenable };\n//# sourceMappingURL=is.js.map\n","import { isThenable } from './is.js';\n\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\n\n/** SyncPromise internal states */\nvar States; (function (States) {\n  /** Pending */\n  const PENDING = 0; States[States[\"PENDING\"] = PENDING] = \"PENDING\";\n  /** Resolved / OK */\n  const RESOLVED = 1; States[States[\"RESOLVED\"] = RESOLVED] = \"RESOLVED\";\n  /** Rejected / Error */\n  const REJECTED = 2; States[States[\"REJECTED\"] = REJECTED] = \"REJECTED\";\n})(States || (States = {}));\n\n// Overloads so we can call resolvedSyncPromise without arguments and generic argument\n\n/**\n * Creates a resolved sync promise.\n *\n * @param value the value to resolve the promise with\n * @returns the resolved sync promise\n */\nfunction resolvedSyncPromise(value) {\n  return new SyncPromise(resolve => {\n    resolve(value);\n  });\n}\n\n/**\n * Creates a rejected sync promise.\n *\n * @param value the value to reject the promise with\n * @returns the rejected sync promise\n */\nfunction rejectedSyncPromise(reason) {\n  return new SyncPromise((_, reject) => {\n    reject(reason);\n  });\n}\n\n/**\n * Thenable class that behaves like a Promise and follows it's interface\n * but is not async internally\n */\nclass SyncPromise {\n   __init() {this._state = States.PENDING;}\n   __init2() {this._handlers = [];}\n\n   constructor(\n    executor,\n  ) {SyncPromise.prototype.__init.call(this);SyncPromise.prototype.__init2.call(this);SyncPromise.prototype.__init3.call(this);SyncPromise.prototype.__init4.call(this);SyncPromise.prototype.__init5.call(this);SyncPromise.prototype.__init6.call(this);\n    try {\n      executor(this._resolve, this._reject);\n    } catch (e) {\n      this._reject(e);\n    }\n  }\n\n  /** JSDoc */\n   then(\n    onfulfilled,\n    onrejected,\n  ) {\n    return new SyncPromise((resolve, reject) => {\n      this._handlers.push([\n        false,\n        result => {\n          if (!onfulfilled) {\n            // TODO: ¯\\_(ツ)_/¯\n            // TODO: FIXME\n            resolve(result );\n          } else {\n            try {\n              resolve(onfulfilled(result));\n            } catch (e) {\n              reject(e);\n            }\n          }\n        },\n        reason => {\n          if (!onrejected) {\n            reject(reason);\n          } else {\n            try {\n              resolve(onrejected(reason));\n            } catch (e) {\n              reject(e);\n            }\n          }\n        },\n      ]);\n      this._executeHandlers();\n    });\n  }\n\n  /** JSDoc */\n   catch(\n    onrejected,\n  ) {\n    return this.then(val => val, onrejected);\n  }\n\n  /** JSDoc */\n   finally(onfinally) {\n    return new SyncPromise((resolve, reject) => {\n      let val;\n      let isRejected;\n\n      return this.then(\n        value => {\n          isRejected = false;\n          val = value;\n          if (onfinally) {\n            onfinally();\n          }\n        },\n        reason => {\n          isRejected = true;\n          val = reason;\n          if (onfinally) {\n            onfinally();\n          }\n        },\n      ).then(() => {\n        if (isRejected) {\n          reject(val);\n          return;\n        }\n\n        resolve(val );\n      });\n    });\n  }\n\n  /** JSDoc */\n    __init3() {this._resolve = (value) => {\n    this._setResult(States.RESOLVED, value);\n  };}\n\n  /** JSDoc */\n    __init4() {this._reject = (reason) => {\n    this._setResult(States.REJECTED, reason);\n  };}\n\n  /** JSDoc */\n    __init5() {this._setResult = (state, value) => {\n    if (this._state !== States.PENDING) {\n      return;\n    }\n\n    if (isThenable(value)) {\n      void (value ).then(this._resolve, this._reject);\n      return;\n    }\n\n    this._state = state;\n    this._value = value;\n\n    this._executeHandlers();\n  };}\n\n  /** JSDoc */\n    __init6() {this._executeHandlers = () => {\n    if (this._state === States.PENDING) {\n      return;\n    }\n\n    const cachedHandlers = this._handlers.slice();\n    this._handlers = [];\n\n    cachedHandlers.forEach(handler => {\n      if (handler[0]) {\n        return;\n      }\n\n      if (this._state === States.RESOLVED) {\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        handler[1](this._value );\n      }\n\n      if (this._state === States.REJECTED) {\n        handler[2](this._value);\n      }\n\n      handler[0] = true;\n    });\n  };}\n}\n\nexport { SyncPromise, rejectedSyncPromise, resolvedSyncPromise };\n//# sourceMappingURL=syncpromise.js.map\n","import { htmlTreeAsString } from './browser.js';\nimport { isError, isEvent, isInstanceOf, isElement, isPlainObject, isPrimitive } from './is.js';\nimport { truncate } from './string.js';\n\n/**\n * Replace a method in an object with a wrapped version of itself.\n *\n * @param source An object that contains a method to be wrapped.\n * @param name The name of the method to be wrapped.\n * @param replacementFactory A higher-order function that takes the original version of the given method and returns a\n * wrapped version. Note: The function returned by `replacementFactory` needs to be a non-arrow function, in order to\n * preserve the correct value of `this`, and the original method must be called using `origMethod.call(this, <other\n * args>)` or `origMethod.apply(this, [<other args>])` (rather than being called directly), again to preserve `this`.\n * @returns void\n */\nfunction fill(source, name, replacementFactory) {\n  if (!(name in source)) {\n    return;\n  }\n\n  const original = source[name] ;\n  const wrapped = replacementFactory(original) ;\n\n  // Make sure it's a function first, as we need to attach an empty prototype for `defineProperties` to work\n  // otherwise it'll throw \"TypeError: Object.defineProperties called on non-object\"\n  if (typeof wrapped === 'function') {\n    try {\n      markFunctionWrapped(wrapped, original);\n    } catch (_Oo) {\n      // This can throw if multiple fill happens on a global object like XMLHttpRequest\n      // Fixes https://github.com/getsentry/sentry-javascript/issues/2043\n    }\n  }\n\n  source[name] = wrapped;\n}\n\n/**\n * Defines a non-enumerable property on the given object.\n *\n * @param obj The object on which to set the property\n * @param name The name of the property to be set\n * @param value The value to which to set the property\n */\nfunction addNonEnumerableProperty(obj, name, value) {\n  Object.defineProperty(obj, name, {\n    // enumerable: false, // the default, so we can save on bundle size by not explicitly setting it\n    value: value,\n    writable: true,\n    configurable: true,\n  });\n}\n\n/**\n * Remembers the original function on the wrapped function and\n * patches up the prototype.\n *\n * @param wrapped the wrapper function\n * @param original the original function that gets wrapped\n */\nfunction markFunctionWrapped(wrapped, original) {\n  const proto = original.prototype || {};\n  wrapped.prototype = original.prototype = proto;\n  addNonEnumerableProperty(wrapped, '__sentry_original__', original);\n}\n\n/**\n * This extracts the original function if available.  See\n * `markFunctionWrapped` for more information.\n *\n * @param func the function to unwrap\n * @returns the unwrapped version of the function if available.\n */\nfunction getOriginalFunction(func) {\n  return func.__sentry_original__;\n}\n\n/**\n * Encodes given object into url-friendly format\n *\n * @param object An object that contains serializable values\n * @returns string Encoded\n */\nfunction urlEncode(object) {\n  return Object.keys(object)\n    .map(key => `${encodeURIComponent(key)}=${encodeURIComponent(object[key])}`)\n    .join('&');\n}\n\n/**\n * Transforms any `Error` or `Event` into a plain object with all of their enumerable properties, and some of their\n * non-enumerable properties attached.\n *\n * @param value Initial source that we have to transform in order for it to be usable by the serializer\n * @returns An Event or Error turned into an object - or the value argurment itself, when value is neither an Event nor\n *  an Error.\n */\nfunction convertToPlainObject(value)\n\n {\n  if (isError(value)) {\n    return {\n      message: value.message,\n      name: value.name,\n      stack: value.stack,\n      ...getOwnProperties(value),\n    };\n  } else if (isEvent(value)) {\n    const newObj\n\n = {\n      type: value.type,\n      target: serializeEventTarget(value.target),\n      currentTarget: serializeEventTarget(value.currentTarget),\n      ...getOwnProperties(value),\n    };\n\n    if (typeof CustomEvent !== 'undefined' && isInstanceOf(value, CustomEvent)) {\n      newObj.detail = value.detail;\n    }\n\n    return newObj;\n  } else {\n    return value;\n  }\n}\n\n/** Creates a string representation of the target of an `Event` object */\nfunction serializeEventTarget(target) {\n  try {\n    return isElement(target) ? htmlTreeAsString(target) : Object.prototype.toString.call(target);\n  } catch (_oO) {\n    return '<unknown>';\n  }\n}\n\n/** Filters out all but an object's own properties */\nfunction getOwnProperties(obj) {\n  if (typeof obj === 'object' && obj !== null) {\n    const extractedProps = {};\n    for (const property in obj) {\n      if (Object.prototype.hasOwnProperty.call(obj, property)) {\n        extractedProps[property] = (obj )[property];\n      }\n    }\n    return extractedProps;\n  } else {\n    return {};\n  }\n}\n\n/**\n * Given any captured exception, extract its keys and create a sorted\n * and truncated list that will be used inside the event message.\n * eg. `Non-error exception captured with keys: foo, bar, baz`\n */\nfunction extractExceptionKeysForMessage(exception, maxLength = 40) {\n  const keys = Object.keys(convertToPlainObject(exception));\n  keys.sort();\n\n  if (!keys.length) {\n    return '[object has no keys]';\n  }\n\n  if (keys[0].length >= maxLength) {\n    return truncate(keys[0], maxLength);\n  }\n\n  for (let includedKeys = keys.length; includedKeys > 0; includedKeys--) {\n    const serialized = keys.slice(0, includedKeys).join(', ');\n    if (serialized.length > maxLength) {\n      continue;\n    }\n    if (includedKeys === keys.length) {\n      return serialized;\n    }\n    return truncate(serialized, maxLength);\n  }\n\n  return '';\n}\n\n/**\n * Given any object, return a new object having removed all fields whose value was `undefined`.\n * Works recursively on objects and arrays.\n *\n * Attention: This function keeps circular references in the returned object.\n */\nfunction dropUndefinedKeys(inputValue) {\n  // This map keeps track of what already visited nodes map to.\n  // Our Set - based memoBuilder doesn't work here because we want to the output object to have the same circular\n  // references as the input object.\n  const memoizationMap = new Map();\n\n  // This function just proxies `_dropUndefinedKeys` to keep the `memoBuilder` out of this function's API\n  return _dropUndefinedKeys(inputValue, memoizationMap);\n}\n\nfunction _dropUndefinedKeys(inputValue, memoizationMap) {\n  if (isPlainObject(inputValue)) {\n    // If this node has already been visited due to a circular reference, return the object it was mapped to in the new object\n    const memoVal = memoizationMap.get(inputValue);\n    if (memoVal !== undefined) {\n      return memoVal ;\n    }\n\n    const returnValue = {};\n    // Store the mapping of this value in case we visit it again, in case of circular data\n    memoizationMap.set(inputValue, returnValue);\n\n    for (const key of Object.keys(inputValue)) {\n      if (typeof inputValue[key] !== 'undefined') {\n        returnValue[key] = _dropUndefinedKeys(inputValue[key], memoizationMap);\n      }\n    }\n\n    return returnValue ;\n  }\n\n  if (Array.isArray(inputValue)) {\n    // If this node has already been visited due to a circular reference, return the array it was mapped to in the new object\n    const memoVal = memoizationMap.get(inputValue);\n    if (memoVal !== undefined) {\n      return memoVal ;\n    }\n\n    const returnValue = [];\n    // Store the mapping of this value in case we visit it again, in case of circular data\n    memoizationMap.set(inputValue, returnValue);\n\n    inputValue.forEach((item) => {\n      returnValue.push(_dropUndefinedKeys(item, memoizationMap));\n    });\n\n    return returnValue ;\n  }\n\n  return inputValue;\n}\n\n/**\n * Ensure that something is an object.\n *\n * Turns `undefined` and `null` into `String`s and all other primitives into instances of their respective wrapper\n * classes (String, Boolean, Number, etc.). Acts as the identity function on non-primitives.\n *\n * @param wat The subject of the objectification\n * @returns A version of `wat` which can safely be used with `Object` class methods\n */\nfunction objectify(wat) {\n  let objectified;\n  switch (true) {\n    case wat === undefined || wat === null:\n      objectified = new String(wat);\n      break;\n\n    // Though symbols and bigints do have wrapper classes (`Symbol` and `BigInt`, respectively), for whatever reason\n    // those classes don't have constructors which can be used with the `new` keyword. We therefore need to cast each as\n    // an object in order to wrap it.\n    case typeof wat === 'symbol' || typeof wat === 'bigint':\n      objectified = Object(wat);\n      break;\n\n    // this will catch the remaining primitives: `String`, `Number`, and `Boolean`\n    case isPrimitive(wat):\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      objectified = new (wat ).constructor(wat);\n      break;\n\n    // by process of elimination, at this point we know that `wat` must already be an object\n    default:\n      objectified = wat;\n      break;\n  }\n  return objectified;\n}\n\nexport { addNonEnumerableProperty, convertToPlainObject, dropUndefinedKeys, extractExceptionKeysForMessage, fill, getOriginalFunction, markFunctionWrapped, objectify, urlEncode };\n//# sourceMappingURL=object.js.map\n","import { timestampInSeconds, uuid4, dropUndefinedKeys } from '@sentry/utils';\n\n/**\n * Creates a new `Session` object by setting certain default parameters. If optional @param context\n * is passed, the passed properties are applied to the session object.\n *\n * @param context (optional) additional properties to be applied to the returned session object\n *\n * @returns a new `Session` object\n */\nfunction makeSession(context) {\n  // Both timestamp and started are in seconds since the UNIX epoch.\n  const startingTime = timestampInSeconds();\n\n  const session = {\n    sid: uuid4(),\n    init: true,\n    timestamp: startingTime,\n    started: startingTime,\n    duration: 0,\n    status: 'ok',\n    errors: 0,\n    ignoreDuration: false,\n    toJSON: () => sessionToJSON(session),\n  };\n\n  if (context) {\n    updateSession(session, context);\n  }\n\n  return session;\n}\n\n/**\n * Updates a session object with the properties passed in the context.\n *\n * Note that this function mutates the passed object and returns void.\n * (Had to do this instead of returning a new and updated session because closing and sending a session\n * makes an update to the session after it was passed to the sending logic.\n * @see BaseClient.captureSession )\n *\n * @param session the `Session` to update\n * @param context the `SessionContext` holding the properties that should be updated in @param session\n */\n// eslint-disable-next-line complexity\nfunction updateSession(session, context = {}) {\n  if (context.user) {\n    if (!session.ipAddress && context.user.ip_address) {\n      session.ipAddress = context.user.ip_address;\n    }\n\n    if (!session.did && !context.did) {\n      session.did = context.user.id || context.user.email || context.user.username;\n    }\n  }\n\n  session.timestamp = context.timestamp || timestampInSeconds();\n\n  if (context.ignoreDuration) {\n    session.ignoreDuration = context.ignoreDuration;\n  }\n  if (context.sid) {\n    // Good enough uuid validation. — Kamil\n    session.sid = context.sid.length === 32 ? context.sid : uuid4();\n  }\n  if (context.init !== undefined) {\n    session.init = context.init;\n  }\n  if (!session.did && context.did) {\n    session.did = `${context.did}`;\n  }\n  if (typeof context.started === 'number') {\n    session.started = context.started;\n  }\n  if (session.ignoreDuration) {\n    session.duration = undefined;\n  } else if (typeof context.duration === 'number') {\n    session.duration = context.duration;\n  } else {\n    const duration = session.timestamp - session.started;\n    session.duration = duration >= 0 ? duration : 0;\n  }\n  if (context.release) {\n    session.release = context.release;\n  }\n  if (context.environment) {\n    session.environment = context.environment;\n  }\n  if (!session.ipAddress && context.ipAddress) {\n    session.ipAddress = context.ipAddress;\n  }\n  if (!session.userAgent && context.userAgent) {\n    session.userAgent = context.userAgent;\n  }\n  if (typeof context.errors === 'number') {\n    session.errors = context.errors;\n  }\n  if (context.status) {\n    session.status = context.status;\n  }\n}\n\n/**\n * Closes a session by setting its status and updating the session object with it.\n * Internally calls `updateSession` to update the passed session object.\n *\n * Note that this function mutates the passed session (@see updateSession for explanation).\n *\n * @param session the `Session` object to be closed\n * @param status the `SessionStatus` with which the session was closed. If you don't pass a status,\n *               this function will keep the previously set status, unless it was `'ok'` in which case\n *               it is changed to `'exited'`.\n */\nfunction closeSession(session, status) {\n  let context = {};\n  if (status) {\n    context = { status };\n  } else if (session.status === 'ok') {\n    context = { status: 'exited' };\n  }\n\n  updateSession(session, context);\n}\n\n/**\n * Serializes a passed session object to a JSON object with a slightly different structure.\n * This is necessary because the Sentry backend requires a slightly different schema of a session\n * than the one the JS SDKs use internally.\n *\n * @param session the session to be converted\n *\n * @returns a JSON object of the passed session\n */\nfunction sessionToJSON(session) {\n  return dropUndefinedKeys({\n    sid: `${session.sid}`,\n    init: session.init,\n    // Make sure that sec is converted to ms for date constructor\n    started: new Date(session.started * 1000).toISOString(),\n    timestamp: new Date(session.timestamp * 1000).toISOString(),\n    status: session.status,\n    errors: session.errors,\n    did: typeof session.did === 'number' || typeof session.did === 'string' ? `${session.did}` : undefined,\n    duration: session.duration,\n    attrs: {\n      release: session.release,\n      environment: session.environment,\n      ip_address: session.ipAddress,\n      user_agent: session.userAgent,\n    },\n  });\n}\n\nexport { closeSession, makeSession, updateSession };\n//# sourceMappingURL=session.js.map\n","import { isPlainObject, dateTimestampInSeconds, SyncPromise, logger, isThenable, arrayify, getGlobalSingleton } from '@sentry/utils';\nimport { updateSession } from './session.js';\n\n/**\n * Default value for maximum number of breadcrumbs added to an event.\n */\nconst DEFAULT_MAX_BREADCRUMBS = 100;\n\n/**\n * Holds additional event information. {@link Scope.applyToEvent} will be\n * called by the client before an event will be sent.\n */\nclass Scope  {\n  /** Flag if notifying is happening. */\n\n  /** Callback for client to receive scope changes. */\n\n  /** Callback list that will be called after {@link applyToEvent}. */\n\n  /** Array of breadcrumbs. */\n\n  /** User */\n\n  /** Tags */\n\n  /** Extra */\n\n  /** Contexts */\n\n  /** Attachments */\n\n  /**\n   * A place to stash data which is needed at some point in the SDK's event processing pipeline but which shouldn't get\n   * sent to Sentry\n   */\n\n  /** Fingerprint */\n\n  /** Severity */\n  // eslint-disable-next-line deprecation/deprecation\n\n  /** Transaction Name */\n\n  /** Span */\n\n  /** Session */\n\n  /** Request Mode Session Status */\n\n  // NOTE: Any field which gets added here should get added not only to the constructor but also to the `clone` method.\n\n   constructor() {\n    this._notifyingListeners = false;\n    this._scopeListeners = [];\n    this._eventProcessors = [];\n    this._breadcrumbs = [];\n    this._attachments = [];\n    this._user = {};\n    this._tags = {};\n    this._extra = {};\n    this._contexts = {};\n    this._sdkProcessingMetadata = {};\n  }\n\n  /**\n   * Inherit values from the parent scope.\n   * @param scope to clone.\n   */\n   static clone(scope) {\n    const newScope = new Scope();\n    if (scope) {\n      newScope._breadcrumbs = [...scope._breadcrumbs];\n      newScope._tags = { ...scope._tags };\n      newScope._extra = { ...scope._extra };\n      newScope._contexts = { ...scope._contexts };\n      newScope._user = scope._user;\n      newScope._level = scope._level;\n      newScope._span = scope._span;\n      newScope._session = scope._session;\n      newScope._transactionName = scope._transactionName;\n      newScope._fingerprint = scope._fingerprint;\n      newScope._eventProcessors = [...scope._eventProcessors];\n      newScope._requestSession = scope._requestSession;\n      newScope._attachments = [...scope._attachments];\n      newScope._sdkProcessingMetadata = { ...scope._sdkProcessingMetadata };\n    }\n    return newScope;\n  }\n\n  /**\n   * Add internal on change listener. Used for sub SDKs that need to store the scope.\n   * @hidden\n   */\n   addScopeListener(callback) {\n    this._scopeListeners.push(callback);\n  }\n\n  /**\n   * @inheritDoc\n   */\n   addEventProcessor(callback) {\n    this._eventProcessors.push(callback);\n    return this;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   setUser(user) {\n    this._user = user || {};\n    if (this._session) {\n      updateSession(this._session, { user });\n    }\n    this._notifyScopeListeners();\n    return this;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   getUser() {\n    return this._user;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   getRequestSession() {\n    return this._requestSession;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   setRequestSession(requestSession) {\n    this._requestSession = requestSession;\n    return this;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   setTags(tags) {\n    this._tags = {\n      ...this._tags,\n      ...tags,\n    };\n    this._notifyScopeListeners();\n    return this;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   setTag(key, value) {\n    this._tags = { ...this._tags, [key]: value };\n    this._notifyScopeListeners();\n    return this;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   setExtras(extras) {\n    this._extra = {\n      ...this._extra,\n      ...extras,\n    };\n    this._notifyScopeListeners();\n    return this;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   setExtra(key, extra) {\n    this._extra = { ...this._extra, [key]: extra };\n    this._notifyScopeListeners();\n    return this;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   setFingerprint(fingerprint) {\n    this._fingerprint = fingerprint;\n    this._notifyScopeListeners();\n    return this;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   setLevel(\n    // eslint-disable-next-line deprecation/deprecation\n    level,\n  ) {\n    this._level = level;\n    this._notifyScopeListeners();\n    return this;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   setTransactionName(name) {\n    this._transactionName = name;\n    this._notifyScopeListeners();\n    return this;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   setContext(key, context) {\n    if (context === null) {\n      // eslint-disable-next-line @typescript-eslint/no-dynamic-delete\n      delete this._contexts[key];\n    } else {\n      this._contexts[key] = context;\n    }\n\n    this._notifyScopeListeners();\n    return this;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   setSpan(span) {\n    this._span = span;\n    this._notifyScopeListeners();\n    return this;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   getSpan() {\n    return this._span;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   getTransaction() {\n    // Often, this span (if it exists at all) will be a transaction, but it's not guaranteed to be. Regardless, it will\n    // have a pointer to the currently-active transaction.\n    const span = this.getSpan();\n    return span && span.transaction;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   setSession(session) {\n    if (!session) {\n      delete this._session;\n    } else {\n      this._session = session;\n    }\n    this._notifyScopeListeners();\n    return this;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   getSession() {\n    return this._session;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   update(captureContext) {\n    if (!captureContext) {\n      return this;\n    }\n\n    if (typeof captureContext === 'function') {\n      const updatedScope = (captureContext )(this);\n      return updatedScope instanceof Scope ? updatedScope : this;\n    }\n\n    if (captureContext instanceof Scope) {\n      this._tags = { ...this._tags, ...captureContext._tags };\n      this._extra = { ...this._extra, ...captureContext._extra };\n      this._contexts = { ...this._contexts, ...captureContext._contexts };\n      if (captureContext._user && Object.keys(captureContext._user).length) {\n        this._user = captureContext._user;\n      }\n      if (captureContext._level) {\n        this._level = captureContext._level;\n      }\n      if (captureContext._fingerprint) {\n        this._fingerprint = captureContext._fingerprint;\n      }\n      if (captureContext._requestSession) {\n        this._requestSession = captureContext._requestSession;\n      }\n    } else if (isPlainObject(captureContext)) {\n      // eslint-disable-next-line no-param-reassign\n      captureContext = captureContext ;\n      this._tags = { ...this._tags, ...captureContext.tags };\n      this._extra = { ...this._extra, ...captureContext.extra };\n      this._contexts = { ...this._contexts, ...captureContext.contexts };\n      if (captureContext.user) {\n        this._user = captureContext.user;\n      }\n      if (captureContext.level) {\n        this._level = captureContext.level;\n      }\n      if (captureContext.fingerprint) {\n        this._fingerprint = captureContext.fingerprint;\n      }\n      if (captureContext.requestSession) {\n        this._requestSession = captureContext.requestSession;\n      }\n    }\n\n    return this;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   clear() {\n    this._breadcrumbs = [];\n    this._tags = {};\n    this._extra = {};\n    this._user = {};\n    this._contexts = {};\n    this._level = undefined;\n    this._transactionName = undefined;\n    this._fingerprint = undefined;\n    this._requestSession = undefined;\n    this._span = undefined;\n    this._session = undefined;\n    this._notifyScopeListeners();\n    this._attachments = [];\n    return this;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   addBreadcrumb(breadcrumb, maxBreadcrumbs) {\n    const maxCrumbs = typeof maxBreadcrumbs === 'number' ? maxBreadcrumbs : DEFAULT_MAX_BREADCRUMBS;\n\n    // No data has been changed, so don't notify scope listeners\n    if (maxCrumbs <= 0) {\n      return this;\n    }\n\n    const mergedBreadcrumb = {\n      timestamp: dateTimestampInSeconds(),\n      ...breadcrumb,\n    };\n    this._breadcrumbs = [...this._breadcrumbs, mergedBreadcrumb].slice(-maxCrumbs);\n    this._notifyScopeListeners();\n\n    return this;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   getLastBreadcrumb() {\n    return this._breadcrumbs[this._breadcrumbs.length - 1];\n  }\n\n  /**\n   * @inheritDoc\n   */\n   clearBreadcrumbs() {\n    this._breadcrumbs = [];\n    this._notifyScopeListeners();\n    return this;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   addAttachment(attachment) {\n    this._attachments.push(attachment);\n    return this;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   getAttachments() {\n    return this._attachments;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   clearAttachments() {\n    this._attachments = [];\n    return this;\n  }\n\n  /**\n   * Applies data from the scope to the event and runs all event processors on it.\n   *\n   * @param event Event\n   * @param hint Object containing additional information about the original exception, for use by the event processors.\n   * @hidden\n   */\n   applyToEvent(event, hint = {}) {\n    if (this._extra && Object.keys(this._extra).length) {\n      event.extra = { ...this._extra, ...event.extra };\n    }\n    if (this._tags && Object.keys(this._tags).length) {\n      event.tags = { ...this._tags, ...event.tags };\n    }\n    if (this._user && Object.keys(this._user).length) {\n      event.user = { ...this._user, ...event.user };\n    }\n    if (this._contexts && Object.keys(this._contexts).length) {\n      event.contexts = { ...this._contexts, ...event.contexts };\n    }\n    if (this._level) {\n      event.level = this._level;\n    }\n    if (this._transactionName) {\n      event.transaction = this._transactionName;\n    }\n\n    // We want to set the trace context for normal events only if there isn't already\n    // a trace context on the event. There is a product feature in place where we link\n    // errors with transaction and it relies on that.\n    if (this._span) {\n      event.contexts = { trace: this._span.getTraceContext(), ...event.contexts };\n      const transaction = this._span.transaction;\n      if (transaction) {\n        event.sdkProcessingMetadata = {\n          dynamicSamplingContext: transaction.getDynamicSamplingContext(),\n          ...event.sdkProcessingMetadata,\n        };\n        const transactionName = transaction.name;\n        if (transactionName) {\n          event.tags = { transaction: transactionName, ...event.tags };\n        }\n      }\n    }\n\n    this._applyFingerprint(event);\n\n    event.breadcrumbs = [...(event.breadcrumbs || []), ...this._breadcrumbs];\n    event.breadcrumbs = event.breadcrumbs.length > 0 ? event.breadcrumbs : undefined;\n\n    event.sdkProcessingMetadata = { ...event.sdkProcessingMetadata, ...this._sdkProcessingMetadata };\n\n    return this._notifyEventProcessors([...getGlobalEventProcessors(), ...this._eventProcessors], event, hint);\n  }\n\n  /**\n   * Add data which will be accessible during event processing but won't get sent to Sentry\n   */\n   setSDKProcessingMetadata(newData) {\n    this._sdkProcessingMetadata = { ...this._sdkProcessingMetadata, ...newData };\n\n    return this;\n  }\n\n  /**\n   * This will be called after {@link applyToEvent} is finished.\n   */\n   _notifyEventProcessors(\n    processors,\n    event,\n    hint,\n    index = 0,\n  ) {\n    return new SyncPromise((resolve, reject) => {\n      const processor = processors[index];\n      if (event === null || typeof processor !== 'function') {\n        resolve(event);\n      } else {\n        const result = processor({ ...event }, hint) ;\n\n        (typeof __SENTRY_DEBUG__ === 'undefined' || __SENTRY_DEBUG__) &&\n          processor.id &&\n          result === null &&\n          logger.log(`Event processor \"${processor.id}\" dropped event`);\n\n        if (isThenable(result)) {\n          void result\n            .then(final => this._notifyEventProcessors(processors, final, hint, index + 1).then(resolve))\n            .then(null, reject);\n        } else {\n          void this._notifyEventProcessors(processors, result, hint, index + 1)\n            .then(resolve)\n            .then(null, reject);\n        }\n      }\n    });\n  }\n\n  /**\n   * This will be called on every set call.\n   */\n   _notifyScopeListeners() {\n    // We need this check for this._notifyingListeners to be able to work on scope during updates\n    // If this check is not here we'll produce endless recursion when something is done with the scope\n    // during the callback.\n    if (!this._notifyingListeners) {\n      this._notifyingListeners = true;\n      this._scopeListeners.forEach(callback => {\n        callback(this);\n      });\n      this._notifyingListeners = false;\n    }\n  }\n\n  /**\n   * Applies fingerprint from the scope to the event if there's one,\n   * uses message if there's one instead or get rid of empty fingerprint\n   */\n   _applyFingerprint(event) {\n    // Make sure it's an array first and we actually have something in place\n    event.fingerprint = event.fingerprint ? arrayify(event.fingerprint) : [];\n\n    // If we have something on the scope, then merge it with event\n    if (this._fingerprint) {\n      event.fingerprint = event.fingerprint.concat(this._fingerprint);\n    }\n\n    // If we have no data at all, remove empty array default\n    if (event.fingerprint && !event.fingerprint.length) {\n      delete event.fingerprint;\n    }\n  }\n}\n\n/**\n * Returns the global event processors.\n */\nfunction getGlobalEventProcessors() {\n  return getGlobalSingleton('globalEventProcessors', () => []);\n}\n\n/**\n * Add a EventProcessor to be kept globally.\n * @param callback EventProcessor to add\n */\nfunction addGlobalEventProcessor(callback) {\n  getGlobalEventProcessors().push(callback);\n}\n\nexport { Scope, addGlobalEventProcessor };\n//# sourceMappingURL=scope.js.map\n","import { uuid4, dateTimestampInSeconds, consoleSandbox, logger, GLOBAL_OBJ, getGlobalSingleton } from '@sentry/utils';\nimport { DEFAULT_ENVIRONMENT } from './constants.js';\nimport { Scope } from './scope.js';\nimport { closeSession, makeSession, updateSession } from './session.js';\n\n/**\n * API compatibility version of this hub.\n *\n * WARNING: This number should only be increased when the global interface\n * changes and new methods are introduced.\n *\n * @hidden\n */\nconst API_VERSION = 4;\n\n/**\n * Default maximum number of breadcrumbs added to an event. Can be overwritten\n * with {@link Options.maxBreadcrumbs}.\n */\nconst DEFAULT_BREADCRUMBS = 100;\n\n/**\n * @inheritDoc\n */\nclass Hub  {\n  /** Is a {@link Layer}[] containing the client and scope */\n\n  /** Contains the last event id of a captured event.  */\n\n  /**\n   * Creates a new instance of the hub, will push one {@link Layer} into the\n   * internal stack on creation.\n   *\n   * @param client bound to the hub.\n   * @param scope bound to the hub.\n   * @param version number, higher number means higher priority.\n   */\n   constructor(client, scope = new Scope(),   _version = API_VERSION) {this._version = _version;\n    this._stack = [{ scope }];\n    if (client) {\n      this.bindClient(client);\n    }\n  }\n\n  /**\n   * @inheritDoc\n   */\n   isOlderThan(version) {\n    return this._version < version;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   bindClient(client) {\n    const top = this.getStackTop();\n    top.client = client;\n    if (client && client.setupIntegrations) {\n      client.setupIntegrations();\n    }\n  }\n\n  /**\n   * @inheritDoc\n   */\n   pushScope() {\n    // We want to clone the content of prev scope\n    const scope = Scope.clone(this.getScope());\n    this.getStack().push({\n      client: this.getClient(),\n      scope,\n    });\n    return scope;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   popScope() {\n    if (this.getStack().length <= 1) return false;\n    return !!this.getStack().pop();\n  }\n\n  /**\n   * @inheritDoc\n   */\n   withScope(callback) {\n    const scope = this.pushScope();\n    try {\n      callback(scope);\n    } finally {\n      this.popScope();\n    }\n  }\n\n  /**\n   * @inheritDoc\n   */\n   getClient() {\n    return this.getStackTop().client ;\n  }\n\n  /** Returns the scope of the top stack. */\n   getScope() {\n    return this.getStackTop().scope;\n  }\n\n  /** Returns the scope stack for domains or the process. */\n   getStack() {\n    return this._stack;\n  }\n\n  /** Returns the topmost scope layer in the order domain > local > process. */\n   getStackTop() {\n    return this._stack[this._stack.length - 1];\n  }\n\n  /**\n   * @inheritDoc\n   */\n   captureException(exception, hint) {\n    const eventId = (this._lastEventId = hint && hint.event_id ? hint.event_id : uuid4());\n    const syntheticException = new Error('Sentry syntheticException');\n    this._withClient((client, scope) => {\n      client.captureException(\n        exception,\n        {\n          originalException: exception,\n          syntheticException,\n          ...hint,\n          event_id: eventId,\n        },\n        scope,\n      );\n    });\n    return eventId;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   captureMessage(\n    message,\n    // eslint-disable-next-line deprecation/deprecation\n    level,\n    hint,\n  ) {\n    const eventId = (this._lastEventId = hint && hint.event_id ? hint.event_id : uuid4());\n    const syntheticException = new Error(message);\n    this._withClient((client, scope) => {\n      client.captureMessage(\n        message,\n        level,\n        {\n          originalException: message,\n          syntheticException,\n          ...hint,\n          event_id: eventId,\n        },\n        scope,\n      );\n    });\n    return eventId;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   captureEvent(event, hint) {\n    const eventId = hint && hint.event_id ? hint.event_id : uuid4();\n    if (!event.type) {\n      this._lastEventId = eventId;\n    }\n\n    this._withClient((client, scope) => {\n      client.captureEvent(event, { ...hint, event_id: eventId }, scope);\n    });\n    return eventId;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   lastEventId() {\n    return this._lastEventId;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   addBreadcrumb(breadcrumb, hint) {\n    const { scope, client } = this.getStackTop();\n\n    if (!client) return;\n\n    const { beforeBreadcrumb = null, maxBreadcrumbs = DEFAULT_BREADCRUMBS } =\n      (client.getOptions && client.getOptions()) || {};\n\n    if (maxBreadcrumbs <= 0) return;\n\n    const timestamp = dateTimestampInSeconds();\n    const mergedBreadcrumb = { timestamp, ...breadcrumb };\n    const finalBreadcrumb = beforeBreadcrumb\n      ? (consoleSandbox(() => beforeBreadcrumb(mergedBreadcrumb, hint)) )\n      : mergedBreadcrumb;\n\n    if (finalBreadcrumb === null) return;\n\n    if (client.emit) {\n      client.emit('beforeAddBreadcrumb', finalBreadcrumb, hint);\n    }\n\n    scope.addBreadcrumb(finalBreadcrumb, maxBreadcrumbs);\n  }\n\n  /**\n   * @inheritDoc\n   */\n   setUser(user) {\n    this.getScope().setUser(user);\n  }\n\n  /**\n   * @inheritDoc\n   */\n   setTags(tags) {\n    this.getScope().setTags(tags);\n  }\n\n  /**\n   * @inheritDoc\n   */\n   setExtras(extras) {\n    this.getScope().setExtras(extras);\n  }\n\n  /**\n   * @inheritDoc\n   */\n   setTag(key, value) {\n    this.getScope().setTag(key, value);\n  }\n\n  /**\n   * @inheritDoc\n   */\n   setExtra(key, extra) {\n    this.getScope().setExtra(key, extra);\n  }\n\n  /**\n   * @inheritDoc\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n   setContext(name, context) {\n    this.getScope().setContext(name, context);\n  }\n\n  /**\n   * @inheritDoc\n   */\n   configureScope(callback) {\n    const { scope, client } = this.getStackTop();\n    if (client) {\n      callback(scope);\n    }\n  }\n\n  /**\n   * @inheritDoc\n   */\n   run(callback) {\n    const oldHub = makeMain(this);\n    try {\n      callback(this);\n    } finally {\n      makeMain(oldHub);\n    }\n  }\n\n  /**\n   * @inheritDoc\n   */\n   getIntegration(integration) {\n    const client = this.getClient();\n    if (!client) return null;\n    try {\n      return client.getIntegration(integration);\n    } catch (_oO) {\n      (typeof __SENTRY_DEBUG__ === 'undefined' || __SENTRY_DEBUG__) && logger.warn(`Cannot retrieve integration ${integration.id} from the current Hub`);\n      return null;\n    }\n  }\n\n  /**\n   * @inheritDoc\n   */\n   startTransaction(context, customSamplingContext) {\n    const result = this._callExtensionMethod('startTransaction', context, customSamplingContext);\n\n    if ((typeof __SENTRY_DEBUG__ === 'undefined' || __SENTRY_DEBUG__) && !result) {\n      // eslint-disable-next-line no-console\n      console.warn(`Tracing extension 'startTransaction' has not been added. Call 'addTracingExtensions' before calling 'init':\nSentry.addTracingExtensions();\nSentry.init({...});\n`);\n    }\n\n    return result;\n  }\n\n  /**\n   * @inheritDoc\n   */\n   traceHeaders() {\n    return this._callExtensionMethod('traceHeaders');\n  }\n\n  /**\n   * @inheritDoc\n   */\n   captureSession(endSession = false) {\n    // both send the update and pull the session from the scope\n    if (endSession) {\n      return this.endSession();\n    }\n\n    // only send the update\n    this._sendSessionUpdate();\n  }\n\n  /**\n   * @inheritDoc\n   */\n   endSession() {\n    const layer = this.getStackTop();\n    const scope = layer.scope;\n    const session = scope.getSession();\n    if (session) {\n      closeSession(session);\n    }\n    this._sendSessionUpdate();\n\n    // the session is over; take it off of the scope\n    scope.setSession();\n  }\n\n  /**\n   * @inheritDoc\n   */\n   startSession(context) {\n    const { scope, client } = this.getStackTop();\n    const { release, environment = DEFAULT_ENVIRONMENT } = (client && client.getOptions()) || {};\n\n    // Will fetch userAgent if called from browser sdk\n    const { userAgent } = GLOBAL_OBJ.navigator || {};\n\n    const session = makeSession({\n      release,\n      environment,\n      user: scope.getUser(),\n      ...(userAgent && { userAgent }),\n      ...context,\n    });\n\n    // End existing session if there's one\n    const currentSession = scope.getSession && scope.getSession();\n    if (currentSession && currentSession.status === 'ok') {\n      updateSession(currentSession, { status: 'exited' });\n    }\n    this.endSession();\n\n    // Afterwards we set the new session on the scope\n    scope.setSession(session);\n\n    return session;\n  }\n\n  /**\n   * Returns if default PII should be sent to Sentry and propagated in ourgoing requests\n   * when Tracing is used.\n   */\n   shouldSendDefaultPii() {\n    const client = this.getClient();\n    const options = client && client.getOptions();\n    return Boolean(options && options.sendDefaultPii);\n  }\n\n  /**\n   * Sends the current Session on the scope\n   */\n   _sendSessionUpdate() {\n    const { scope, client } = this.getStackTop();\n\n    const session = scope.getSession();\n    if (session && client && client.captureSession) {\n      client.captureSession(session);\n    }\n  }\n\n  /**\n   * Internal helper function to call a method on the top client if it exists.\n   *\n   * @param method The method to call on the client.\n   * @param args Arguments to pass to the client function.\n   */\n   _withClient(callback) {\n    const { scope, client } = this.getStackTop();\n    if (client) {\n      callback(client, scope);\n    }\n  }\n\n  /**\n   * Calls global extension method and binding current instance to the function call\n   */\n  // @ts-ignore Function lacks ending return statement and return type does not include 'undefined'. ts(2366)\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n   _callExtensionMethod(method, ...args) {\n    const carrier = getMainCarrier();\n    const sentry = carrier.__SENTRY__;\n    if (sentry && sentry.extensions && typeof sentry.extensions[method] === 'function') {\n      return sentry.extensions[method].apply(this, args);\n    }\n    (typeof __SENTRY_DEBUG__ === 'undefined' || __SENTRY_DEBUG__) && logger.warn(`Extension method ${method} couldn't be found, doing nothing.`);\n  }\n}\n\n/**\n * Returns the global shim registry.\n *\n * FIXME: This function is problematic, because despite always returning a valid Carrier,\n * it has an optional `__SENTRY__` property, which then in turn requires us to always perform an unnecessary check\n * at the call-site. We always access the carrier through this function, so we can guarantee that `__SENTRY__` is there.\n **/\nfunction getMainCarrier() {\n  GLOBAL_OBJ.__SENTRY__ = GLOBAL_OBJ.__SENTRY__ || {\n    extensions: {},\n    hub: undefined,\n  };\n  return GLOBAL_OBJ;\n}\n\n/**\n * Replaces the current main hub with the passed one on the global object\n *\n * @returns The old replaced hub\n */\nfunction makeMain(hub) {\n  const registry = getMainCarrier();\n  const oldHub = getHubFromCarrier(registry);\n  setHubOnCarrier(registry, hub);\n  return oldHub;\n}\n\n/**\n * Returns the default hub instance.\n *\n * If a hub is already registered in the global carrier but this module\n * contains a more recent version, it replaces the registered version.\n * Otherwise, the currently registered hub will be returned.\n */\nfunction getCurrentHub() {\n  // Get main carrier (global for every environment)\n  const registry = getMainCarrier();\n\n  if (registry.__SENTRY__ && registry.__SENTRY__.acs) {\n    const hub = registry.__SENTRY__.acs.getCurrentHub();\n\n    if (hub) {\n      return hub;\n    }\n  }\n\n  // Return hub that lives on a global object\n  return getGlobalHub(registry);\n}\n\nfunction getGlobalHub(registry = getMainCarrier()) {\n  // If there's no hub, or its an old API, assign a new one\n  if (!hasHubOnCarrier(registry) || getHubFromCarrier(registry).isOlderThan(API_VERSION)) {\n    setHubOnCarrier(registry, new Hub());\n  }\n\n  // Return hub that lives on a global object\n  return getHubFromCarrier(registry);\n}\n\n/**\n * @private Private API with no semver guarantees!\n *\n * If the carrier does not contain a hub, a new hub is created with the global hub client and scope.\n */\nfunction ensureHubOnCarrier(carrier, parent = getGlobalHub()) {\n  // If there's no hub on current domain, or it's an old API, assign a new one\n  if (!hasHubOnCarrier(carrier) || getHubFromCarrier(carrier).isOlderThan(API_VERSION)) {\n    const globalHubTopStack = parent.getStackTop();\n    setHubOnCarrier(carrier, new Hub(globalHubTopStack.client, Scope.clone(globalHubTopStack.scope)));\n  }\n}\n\n/**\n * @private Private API with no semver guarantees!\n *\n * Sets the global async context strategy\n */\nfunction setAsyncContextStrategy(strategy) {\n  // Get main carrier (global for every environment)\n  const registry = getMainCarrier();\n  registry.__SENTRY__ = registry.__SENTRY__ || {};\n  registry.__SENTRY__.acs = strategy;\n}\n\n/**\n * Runs the supplied callback in its own async context. Async Context strategies are defined per SDK.\n *\n * @param callback The callback to run in its own async context\n * @param options Options to pass to the async context strategy\n * @returns The result of the callback\n */\nfunction runWithAsyncContext(callback, options = {}) {\n  const registry = getMainCarrier();\n\n  if (registry.__SENTRY__ && registry.__SENTRY__.acs) {\n    return registry.__SENTRY__.acs.runWithAsyncContext(callback, options);\n  }\n\n  // if there was no strategy, fallback to just calling the callback\n  return callback();\n}\n\n/**\n * This will tell whether a carrier has a hub on it or not\n * @param carrier object\n */\nfunction hasHubOnCarrier(carrier) {\n  return !!(carrier && carrier.__SENTRY__ && carrier.__SENTRY__.hub);\n}\n\n/**\n * This will create a new {@link Hub} and add to the passed object on\n * __SENTRY__.hub.\n * @param carrier object\n * @hidden\n */\nfunction getHubFromCarrier(carrier) {\n  return getGlobalSingleton('hub', () => new Hub(), carrier);\n}\n\n/**\n * This will set passed {@link Hub} on the passed object's __SENTRY__.hub attribute\n * @param carrier object\n * @param hub Hub\n * @returns A boolean indicating success or failure\n */\nfunction setHubOnCarrier(carrier, hub) {\n  if (!carrier) return false;\n  const __SENTRY__ = (carrier.__SENTRY__ = carrier.__SENTRY__ || {});\n  __SENTRY__.hub = hub;\n  return true;\n}\n\nexport { API_VERSION, Hub, ensureHubOnCarrier, getCurrentHub, getHubFromCarrier, getMainCarrier, makeMain, runWithAsyncContext, setAsyncContextStrategy, setHubOnCarrier };\n//# sourceMappingURL=hub.js.map\n","import { getCurrentHub } from './hub.js';\n\n// Note: All functions in this file are typed with a return value of `ReturnType<Hub[HUB_FUNCTION]>`,\n// where HUB_FUNCTION is some method on the Hub class.\n//\n// This is done to make sure the top level SDK methods stay in sync with the hub methods.\n// Although every method here has an explicit return type, some of them (that map to void returns) do not\n// contain `return` keywords. This is done to save on bundle size, as `return` is not minifiable.\n\n/**\n * Captures an exception event and sends it to Sentry.\n *\n * @param exception An exception-like object.\n * @param captureContext Additional scope data to apply to exception event.\n * @returns The generated eventId.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types\nfunction captureException(exception, captureContext) {\n  return getCurrentHub().captureException(exception, { captureContext });\n}\n\n/**\n * Captures a message event and sends it to Sentry.\n *\n * @param message The message to send to Sentry.\n * @param Severity Define the level of the message.\n * @returns The generated eventId.\n */\nfunction captureMessage(\n  message,\n  // eslint-disable-next-line deprecation/deprecation\n  captureContext,\n) {\n  // This is necessary to provide explicit scopes upgrade, without changing the original\n  // arity of the `captureMessage(message, level)` method.\n  const level = typeof captureContext === 'string' ? captureContext : undefined;\n  const context = typeof captureContext !== 'string' ? { captureContext } : undefined;\n  return getCurrentHub().captureMessage(message, level, context);\n}\n\n/**\n * Captures a manually created event and sends it to Sentry.\n *\n * @param event The event to send to Sentry.\n * @returns The generated eventId.\n */\nfunction captureEvent(event, hint) {\n  return getCurrentHub().captureEvent(event, hint);\n}\n\n/**\n * Callback to set context information onto the scope.\n * @param callback Callback function that receives Scope.\n */\nfunction configureScope(callback) {\n  getCurrentHub().configureScope(callback);\n}\n\n/**\n * Records a new breadcrumb which will be attached to future events.\n *\n * Breadcrumbs will be added to subsequent events to provide more context on\n * user's actions prior to an error or crash.\n *\n * @param breadcrumb The breadcrumb to record.\n */\nfunction addBreadcrumb(breadcrumb) {\n  getCurrentHub().addBreadcrumb(breadcrumb);\n}\n\n/**\n * Sets context data with the given name.\n * @param name of the context\n * @param context Any kind of data. This data will be normalized.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction setContext(name, context) {\n  getCurrentHub().setContext(name, context);\n}\n\n/**\n * Set an object that will be merged sent as extra data with the event.\n * @param extras Extras object to merge into current context.\n */\nfunction setExtras(extras) {\n  getCurrentHub().setExtras(extras);\n}\n\n/**\n * Set key:value that will be sent as extra data with the event.\n * @param key String of extra\n * @param extra Any kind of data. This data will be normalized.\n */\nfunction setExtra(key, extra) {\n  getCurrentHub().setExtra(key, extra);\n}\n\n/**\n * Set an object that will be merged sent as tags data with the event.\n * @param tags Tags context object to merge into current context.\n */\nfunction setTags(tags) {\n  getCurrentHub().setTags(tags);\n}\n\n/**\n * Set key:value that will be sent as tags data with the event.\n *\n * Can also be used to unset a tag, by passing `undefined`.\n *\n * @param key String key of tag\n * @param value Value of tag\n */\nfunction setTag(key, value) {\n  getCurrentHub().setTag(key, value);\n}\n\n/**\n * Updates user context information for future events.\n *\n * @param user User context object to be set in the current context. Pass `null` to unset the user.\n */\nfunction setUser(user) {\n  getCurrentHub().setUser(user);\n}\n\n/**\n * Creates a new scope with and executes the given operation within.\n * The scope is automatically removed once the operation\n * finishes or throws.\n *\n * This is essentially a convenience function for:\n *\n *     pushScope();\n *     callback();\n *     popScope();\n *\n * @param callback that will be enclosed into push/popScope.\n */\nfunction withScope(callback) {\n  getCurrentHub().withScope(callback);\n}\n\n/**\n * Starts a new `Transaction` and returns it. This is the entry point to manual tracing instrumentation.\n *\n * A tree structure can be built by adding child spans to the transaction, and child spans to other spans. To start a\n * new child span within the transaction or any span, call the respective `.startChild()` method.\n *\n * Every child span must be finished before the transaction is finished, otherwise the unfinished spans are discarded.\n *\n * The transaction must be finished with a call to its `.finish()` method, at which point the transaction with all its\n * finished child spans will be sent to Sentry.\n *\n * NOTE: This function should only be used for *manual* instrumentation. Auto-instrumentation should call\n * `startTransaction` directly on the hub.\n *\n * @param context Properties of the new `Transaction`.\n * @param customSamplingContext Information given to the transaction sampling function (along with context-dependent\n * default values). See {@link Options.tracesSampler}.\n *\n * @returns The transaction which was just started\n */\nfunction startTransaction(\n  context,\n  customSamplingContext,\n) {\n  return getCurrentHub().startTransaction({ ...context }, customSamplingContext);\n}\n\nexport { addBreadcrumb, captureEvent, captureException, captureMessage, configureScope, setContext, setExtra, setExtras, setTag, setTags, setUser, startTransaction, withScope };\n//# sourceMappingURL=exports.js.map\n","/*\n * This module exists for optimizations in the build process through rollup and terser.  We define some global\n * constants, which can be overridden during build. By guarding certain pieces of code with functions that return these\n * constants, we can control whether or not they appear in the final bundle. (Any code guarded by a false condition will\n * never run, and will hence be dropped during treeshaking.) The two primary uses for this are stripping out calls to\n * `logger` and preventing node-related code from appearing in browser bundles.\n *\n * Attention:\n * This file should not be used to define constants/flags that are intended to be used for tree-shaking conducted by\n * users. These flags should live in their respective packages, as we identified user tooling (specifically webpack)\n * having issues tree-shaking these constants across package boundaries.\n * An example for this is the __SENTRY_DEBUG__ constant. It is declared in each package individually because we want\n * users to be able to shake away expressions that it guards.\n */\n\n/**\n * Figures out if we're building a browser bundle.\n *\n * @returns true if this is a browser bundle build.\n */\nfunction isBrowserBundle() {\n  return typeof __SENTRY_BROWSER_BUNDLE__ !== 'undefined' && !!__SENTRY_BROWSER_BUNDLE__;\n}\n\n/**\n * Get source of SDK.\n */\nfunction getSDKSource() {\n  // @ts-ignore \"npm\" is injected by rollup during build process\n  return \"npm\";\n}\n\nexport { getSDKSource, isBrowserBundle };\n//# sourceMappingURL=env.js.map\n","import { isBrowserBundle } from './env.js';\n\n/**\n * NOTE: In order to avoid circular dependencies, if you add a function to this module and it needs to print something,\n * you must either a) use `console.log` rather than the logger, or b) put your function elsewhere.\n */\n\n/**\n * Checks whether we're in the Node.js or Browser environment\n *\n * @returns Answer to given question\n */\nfunction isNodeEnv() {\n  // explicitly check for browser bundles as those can be optimized statically\n  // by terser/rollup.\n  return (\n    !isBrowserBundle() &&\n    Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) === '[object process]'\n  );\n}\n\n/**\n * Requires a module which is protected against bundler minification.\n *\n * @param request The module path to resolve\n */\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any\nfunction dynamicRequire(mod, request) {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n  return mod.require(request);\n}\n\n/**\n * Helper for dynamically loading module that should work with linked dependencies.\n * The problem is that we _should_ be using `require(require.resolve(moduleName, { paths: [cwd()] }))`\n * However it's _not possible_ to do that with Webpack, as it has to know all the dependencies during\n * build time. `require.resolve` is also not available in any other way, so we cannot create,\n * a fake helper like we do with `dynamicRequire`.\n *\n * We always prefer to use local package, thus the value is not returned early from each `try/catch` block.\n * That is to mimic the behavior of `require.resolve` exactly.\n *\n * @param moduleName module name to require\n * @returns possibly required module\n */\nfunction loadModule(moduleName) {\n  let mod;\n\n  try {\n    mod = dynamicRequire(module, moduleName);\n  } catch (e) {\n    // no-empty\n  }\n\n  try {\n    const { cwd } = dynamicRequire(module, 'process');\n    mod = dynamicRequire(module, `${cwd()}/node_modules/${moduleName}`) ;\n  } catch (e) {\n    // no-empty\n  }\n\n  return mod;\n}\n\nexport { dynamicRequire, isNodeEnv, loadModule };\n//# sourceMappingURL=node.js.map\n","import { isNodeEnv, dynamicRequire } from './node.js';\nimport { getGlobalObject } from './worldwide.js';\n\n// eslint-disable-next-line deprecation/deprecation\nconst WINDOW = getGlobalObject();\n\n/**\n * An object that can return the current timestamp in seconds since the UNIX epoch.\n */\n\n/**\n * A TimestampSource implementation for environments that do not support the Performance Web API natively.\n *\n * Note that this TimestampSource does not use a monotonic clock. A call to `nowSeconds` may return a timestamp earlier\n * than a previously returned value. We do not try to emulate a monotonic behavior in order to facilitate debugging. It\n * is more obvious to explain \"why does my span have negative duration\" than \"why my spans have zero duration\".\n */\nconst dateTimestampSource = {\n  nowSeconds: () => Date.now() / 1000,\n};\n\n/**\n * A partial definition of the [Performance Web API]{@link https://developer.mozilla.org/en-US/docs/Web/API/Performance}\n * for accessing a high-resolution monotonic clock.\n */\n\n/**\n * Returns a wrapper around the native Performance API browser implementation, or undefined for browsers that do not\n * support the API.\n *\n * Wrapping the native API works around differences in behavior from different browsers.\n */\nfunction getBrowserPerformance() {\n  const { performance } = WINDOW;\n  if (!performance || !performance.now) {\n    return undefined;\n  }\n\n  // Replace performance.timeOrigin with our own timeOrigin based on Date.now().\n  //\n  // This is a partial workaround for browsers reporting performance.timeOrigin such that performance.timeOrigin +\n  // performance.now() gives a date arbitrarily in the past.\n  //\n  // Additionally, computing timeOrigin in this way fills the gap for browsers where performance.timeOrigin is\n  // undefined.\n  //\n  // The assumption that performance.timeOrigin + performance.now() ~= Date.now() is flawed, but we depend on it to\n  // interact with data coming out of performance entries.\n  //\n  // Note that despite recommendations against it in the spec, browsers implement the Performance API with a clock that\n  // might stop when the computer is asleep (and perhaps under other circumstances). Such behavior causes\n  // performance.timeOrigin + performance.now() to have an arbitrary skew over Date.now(). In laptop computers, we have\n  // observed skews that can be as long as days, weeks or months.\n  //\n  // See https://github.com/getsentry/sentry-javascript/issues/2590.\n  //\n  // BUG: despite our best intentions, this workaround has its limitations. It mostly addresses timings of pageload\n  // transactions, but ignores the skew built up over time that can aversely affect timestamps of navigation\n  // transactions of long-lived web pages.\n  const timeOrigin = Date.now() - performance.now();\n\n  return {\n    now: () => performance.now(),\n    timeOrigin,\n  };\n}\n\n/**\n * Returns the native Performance API implementation from Node.js. Returns undefined in old Node.js versions that don't\n * implement the API.\n */\nfunction getNodePerformance() {\n  try {\n    const perfHooks = dynamicRequire(module, 'perf_hooks') ;\n    return perfHooks.performance;\n  } catch (_) {\n    return undefined;\n  }\n}\n\n/**\n * The Performance API implementation for the current platform, if available.\n */\nconst platformPerformance = isNodeEnv() ? getNodePerformance() : getBrowserPerformance();\n\nconst timestampSource =\n  platformPerformance === undefined\n    ? dateTimestampSource\n    : {\n        nowSeconds: () => (platformPerformance.timeOrigin + platformPerformance.now()) / 1000,\n      };\n\n/**\n * Returns a timestamp in seconds since the UNIX epoch using the Date API.\n */\nconst dateTimestampInSeconds = dateTimestampSource.nowSeconds.bind(dateTimestampSource);\n\n/**\n * Returns a timestamp in seconds since the UNIX epoch using either the Performance or Date APIs, depending on the\n * availability of the Performance API.\n *\n * See `usingPerformanceAPI` to test whether the Performance API is used.\n *\n * BUG: Note that because of how browsers implement the Performance API, the clock might stop when the computer is\n * asleep. This creates a skew between `dateTimestampInSeconds` and `timestampInSeconds`. The\n * skew can grow to arbitrary amounts like days, weeks or months.\n * See https://github.com/getsentry/sentry-javascript/issues/2590.\n */\nconst timestampInSeconds = timestampSource.nowSeconds.bind(timestampSource);\n\n/**\n * Re-exported with an old name for backwards-compatibility.\n * TODO (v8): Remove this\n *\n * @deprecated Use `timestampInSeconds` instead.\n */\nconst timestampWithMs = timestampInSeconds;\n\n/**\n * A boolean that is true when timestampInSeconds uses the Performance API to produce monotonic timestamps.\n */\nconst usingPerformanceAPI = platformPerformance !== undefined;\n\n/**\n * Internal helper to store what is the source of browserPerformanceTimeOrigin below. For debugging only.\n */\nlet _browserPerformanceTimeOriginMode;\n\n/**\n * The number of milliseconds since the UNIX epoch. This value is only usable in a browser, and only when the\n * performance API is available.\n */\nconst browserPerformanceTimeOrigin = (() => {\n  // Unfortunately browsers may report an inaccurate time origin data, through either performance.timeOrigin or\n  // performance.timing.navigationStart, which results in poor results in performance data. We only treat time origin\n  // data as reliable if they are within a reasonable threshold of the current time.\n\n  const { performance } = WINDOW;\n  if (!performance || !performance.now) {\n    _browserPerformanceTimeOriginMode = 'none';\n    return undefined;\n  }\n\n  const threshold = 3600 * 1000;\n  const performanceNow = performance.now();\n  const dateNow = Date.now();\n\n  // if timeOrigin isn't available set delta to threshold so it isn't used\n  const timeOriginDelta = performance.timeOrigin\n    ? Math.abs(performance.timeOrigin + performanceNow - dateNow)\n    : threshold;\n  const timeOriginIsReliable = timeOriginDelta < threshold;\n\n  // While performance.timing.navigationStart is deprecated in favor of performance.timeOrigin, performance.timeOrigin\n  // is not as widely supported. Namely, performance.timeOrigin is undefined in Safari as of writing.\n  // Also as of writing, performance.timing is not available in Web Workers in mainstream browsers, so it is not always\n  // a valid fallback. In the absence of an initial time provided by the browser, fallback to the current time from the\n  // Date API.\n  // eslint-disable-next-line deprecation/deprecation\n  const navigationStart = performance.timing && performance.timing.navigationStart;\n  const hasNavigationStart = typeof navigationStart === 'number';\n  // if navigationStart isn't available set delta to threshold so it isn't used\n  const navigationStartDelta = hasNavigationStart ? Math.abs(navigationStart + performanceNow - dateNow) : threshold;\n  const navigationStartIsReliable = navigationStartDelta < threshold;\n\n  if (timeOriginIsReliable || navigationStartIsReliable) {\n    // Use the more reliable time origin\n    if (timeOriginDelta <= navigationStartDelta) {\n      _browserPerformanceTimeOriginMode = 'timeOrigin';\n      return performance.timeOrigin;\n    } else {\n      _browserPerformanceTimeOriginMode = 'navigationStart';\n      return navigationStart;\n    }\n  }\n\n  // Either both timeOrigin and navigationStart are skewed or neither is available, fallback to Date.\n  _browserPerformanceTimeOriginMode = 'dateNow';\n  return dateNow;\n})();\n\nexport { _browserPerformanceTimeOriginMode, browserPerformanceTimeOrigin, dateTimestampInSeconds, timestampInSeconds, timestampWithMs, usingPerformanceAPI };\n//# sourceMappingURL=time.js.map\n","/** Internal global with common properties and Sentry extensions  */\n\n// The code below for 'isGlobalObj' and 'GLOBAL_OBJ' was copied from core-js before modification\n// https://github.com/zloirock/core-js/blob/1b944df55282cdc99c90db5f49eb0b6eda2cc0a3/packages/core-js/internals/global.js\n// core-js has the following licence:\n//\n// Copyright (c) 2014-2022 Denis Pushkarev\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to deal\n// in the Software without restriction, including without limitation the rights\n// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n// copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\n/** Returns 'obj' if it's the global object, otherwise returns undefined */\nfunction isGlobalObj(obj) {\n  return obj && obj.Math == Math ? obj : undefined;\n}\n\n/** Get's the global object for the current JavaScript runtime */\nconst GLOBAL_OBJ =\n  (typeof globalThis == 'object' && isGlobalObj(globalThis)) ||\n  // eslint-disable-next-line no-restricted-globals\n  (typeof window == 'object' && isGlobalObj(window)) ||\n  (typeof self == 'object' && isGlobalObj(self)) ||\n  (typeof global == 'object' && isGlobalObj(global)) ||\n  (function () {\n    return this;\n  })() ||\n  {};\n\n/**\n * @deprecated Use GLOBAL_OBJ instead or WINDOW from @sentry/browser. This will be removed in v8\n */\nfunction getGlobalObject() {\n  return GLOBAL_OBJ ;\n}\n\n/**\n * Returns a global singleton contained in the global `__SENTRY__` object.\n *\n * If the singleton doesn't already exist in `__SENTRY__`, it will be created using the given factory\n * function and added to the `__SENTRY__` object.\n *\n * @param name name of the global singleton on __SENTRY__\n * @param creator creator Factory function to create the singleton if it doesn't already exist on `__SENTRY__`\n * @param obj (Optional) The global object on which to look for `__SENTRY__`, if not `GLOBAL_OBJ`'s return value\n * @returns the singleton\n */\nfunction getGlobalSingleton(name, creator, obj) {\n  const gbl = (obj || GLOBAL_OBJ) ;\n  const __SENTRY__ = (gbl.__SENTRY__ = gbl.__SENTRY__ || {});\n  const singleton = __SENTRY__[name] || (__SENTRY__[name] = creator());\n  return singleton;\n}\n\nexport { GLOBAL_OBJ, getGlobalObject, getGlobalSingleton };\n//# sourceMappingURL=worldwide.js.map\n","import assign from 'object-assign';\nexport var merge = function merge(a, b) {\n  var result = assign({}, a, b);\n\n  for (var key in a) {\n    var _assign;\n\n    if (!a[key] || typeof b[key] !== 'object') continue;\n    assign(result, (_assign = {}, _assign[key] = assign(a[key], b[key]), _assign));\n  }\n\n  return result;\n}; // sort object-value responsive styles\n\nvar sort = function sort(obj) {\n  var next = {};\n  Object.keys(obj).sort(function (a, b) {\n    return a.localeCompare(b, undefined, {\n      numeric: true,\n      sensitivity: 'base'\n    });\n  }).forEach(function (key) {\n    next[key] = obj[key];\n  });\n  return next;\n};\n\nvar defaults = {\n  breakpoints: [40, 52, 64].map(function (n) {\n    return n + 'em';\n  })\n};\n\nvar createMediaQuery = function createMediaQuery(n) {\n  return \"@media screen and (min-width: \" + n + \")\";\n};\n\nvar getValue = function getValue(n, scale) {\n  return get(scale, n, n);\n};\n\nexport var get = function get(obj, key, def, p, undef) {\n  key = key && key.split ? key.split('.') : [key];\n\n  for (p = 0; p < key.length; p++) {\n    obj = obj ? obj[key[p]] : undef;\n  }\n\n  return obj === undef ? def : obj;\n};\nexport var createParser = function createParser(config) {\n  var cache = {};\n\n  var parse = function parse(props) {\n    var styles = {};\n    var shouldSort = false;\n    var isCacheDisabled = props.theme && props.theme.disableStyledSystemCache;\n\n    for (var key in props) {\n      if (!config[key]) continue;\n      var sx = config[key];\n      var raw = props[key];\n      var scale = get(props.theme, sx.scale, sx.defaults);\n\n      if (typeof raw === 'object') {\n        cache.breakpoints = !isCacheDisabled && cache.breakpoints || get(props.theme, 'breakpoints', defaults.breakpoints);\n\n        if (Array.isArray(raw)) {\n          cache.media = !isCacheDisabled && cache.media || [null].concat(cache.breakpoints.map(createMediaQuery));\n          styles = merge(styles, parseResponsiveStyle(cache.media, sx, scale, raw, props));\n          continue;\n        }\n\n        if (raw !== null) {\n          styles = merge(styles, parseResponsiveObject(cache.breakpoints, sx, scale, raw, props));\n          shouldSort = true;\n        }\n\n        continue;\n      }\n\n      assign(styles, sx(raw, scale, props));\n    } // sort object-based responsive styles\n\n\n    if (shouldSort) {\n      styles = sort(styles);\n    }\n\n    return styles;\n  };\n\n  parse.config = config;\n  parse.propNames = Object.keys(config);\n  parse.cache = cache;\n  var keys = Object.keys(config).filter(function (k) {\n    return k !== 'config';\n  });\n\n  if (keys.length > 1) {\n    keys.forEach(function (key) {\n      var _createParser;\n\n      parse[key] = createParser((_createParser = {}, _createParser[key] = config[key], _createParser));\n    });\n  }\n\n  return parse;\n};\n\nvar parseResponsiveStyle = function parseResponsiveStyle(mediaQueries, sx, scale, raw, _props) {\n  var styles = {};\n  raw.slice(0, mediaQueries.length).forEach(function (value, i) {\n    var media = mediaQueries[i];\n    var style = sx(value, scale, _props);\n\n    if (!media) {\n      assign(styles, style);\n    } else {\n      var _assign2;\n\n      assign(styles, (_assign2 = {}, _assign2[media] = assign({}, styles[media], style), _assign2));\n    }\n  });\n  return styles;\n};\n\nvar parseResponsiveObject = function parseResponsiveObject(breakpoints, sx, scale, raw, _props) {\n  var styles = {};\n\n  for (var key in raw) {\n    var breakpoint = breakpoints[key];\n    var value = raw[key];\n    var style = sx(value, scale, _props);\n\n    if (!breakpoint) {\n      assign(styles, style);\n    } else {\n      var _assign3;\n\n      var media = createMediaQuery(breakpoint);\n      assign(styles, (_assign3 = {}, _assign3[media] = assign({}, styles[media], style), _assign3));\n    }\n  }\n\n  return styles;\n};\n\nexport var createStyleFunction = function createStyleFunction(_ref) {\n  var properties = _ref.properties,\n      property = _ref.property,\n      scale = _ref.scale,\n      _ref$transform = _ref.transform,\n      transform = _ref$transform === void 0 ? getValue : _ref$transform,\n      defaultScale = _ref.defaultScale;\n  properties = properties || [property];\n\n  var sx = function sx(value, scale, _props) {\n    var result = {};\n    var n = transform(value, scale, _props);\n    if (n === null) return;\n    properties.forEach(function (prop) {\n      result[prop] = n;\n    });\n    return result;\n  };\n\n  sx.scale = scale;\n  sx.defaults = defaultScale;\n  return sx;\n}; // new v5 API\n\nexport var system = function system(args) {\n  if (args === void 0) {\n    args = {};\n  }\n\n  var config = {};\n  Object.keys(args).forEach(function (key) {\n    var conf = args[key];\n\n    if (conf === true) {\n      // shortcut definition\n      config[key] = createStyleFunction({\n        property: key,\n        scale: key\n      });\n      return;\n    }\n\n    if (typeof conf === 'function') {\n      config[key] = conf;\n      return;\n    }\n\n    config[key] = createStyleFunction(conf);\n  });\n  var parser = createParser(config);\n  return parser;\n};\nexport var compose = function compose() {\n  var config = {};\n\n  for (var _len = arguments.length, parsers = new Array(_len), _key = 0; _key < _len; _key++) {\n    parsers[_key] = arguments[_key];\n  }\n\n  parsers.forEach(function (parser) {\n    if (!parser || !parser.config) return;\n    assign(config, parser.config);\n  });\n  var parser = createParser(config);\n  return parser;\n};\n","import { get } from '@styled-system/core';\nexport var themeGet = function themeGet(path, fallback) {\n  if (fallback === void 0) {\n    fallback = null;\n  }\n\n  return function (props) {\n    return get(props.theme, path, fallback);\n  };\n};\nexport default themeGet;\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport useState from \"rc-util/es/hooks/useState\";\nimport * as React from 'react';\nimport Button from '../button';\nimport { convertLegacyProps } from '../button/button';\nfunction isThenable(thing) {\n  return !!(thing && !!thing.then);\n}\nvar ActionButton = function ActionButton(props) {\n  var clickedRef = React.useRef(false);\n  var ref = React.useRef(null);\n  var _useState = useState(false),\n    _useState2 = _slicedToArray(_useState, 2),\n    loading = _useState2[0],\n    setLoading = _useState2[1];\n  var close = props.close;\n  var onInternalClose = function onInternalClose() {\n    close === null || close === void 0 ? void 0 : close.apply(void 0, arguments);\n  };\n  React.useEffect(function () {\n    var timeoutId = null;\n    if (props.autoFocus) {\n      timeoutId = setTimeout(function () {\n        var _a;\n        (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();\n      });\n    }\n    return function () {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n    };\n  }, []);\n  var handlePromiseOnOk = function handlePromiseOnOk(returnValueOfOnOk) {\n    if (!isThenable(returnValueOfOnOk)) {\n      return;\n    }\n    setLoading(true);\n    returnValueOfOnOk.then(function () {\n      setLoading(false, true);\n      onInternalClose.apply(void 0, arguments);\n      clickedRef.current = false;\n    }, function (e) {\n      // Emit error when catch promise reject\n      // eslint-disable-next-line no-console\n      console.error(e);\n      // See: https://github.com/ant-design/ant-design/issues/6183\n      setLoading(false, true);\n      clickedRef.current = false;\n    });\n  };\n  var onClick = function onClick(e) {\n    var actionFn = props.actionFn;\n    if (clickedRef.current) {\n      return;\n    }\n    clickedRef.current = true;\n    if (!actionFn) {\n      onInternalClose();\n      return;\n    }\n    var returnValueOfOnOk;\n    if (props.emitEvent) {\n      returnValueOfOnOk = actionFn(e);\n      if (props.quitOnNullishReturnValue && !isThenable(returnValueOfOnOk)) {\n        clickedRef.current = false;\n        onInternalClose(e);\n        return;\n      }\n    } else if (actionFn.length) {\n      returnValueOfOnOk = actionFn(close);\n      // https://github.com/ant-design/ant-design/issues/23358\n      clickedRef.current = false;\n    } else {\n      returnValueOfOnOk = actionFn();\n      if (!returnValueOfOnOk) {\n        onInternalClose();\n        return;\n      }\n    }\n    handlePromiseOnOk(returnValueOfOnOk);\n  };\n  var type = props.type,\n    children = props.children,\n    prefixCls = props.prefixCls,\n    buttonProps = props.buttonProps;\n  return /*#__PURE__*/React.createElement(Button, _extends({}, convertLegacyProps(type), {\n    onClick: onClick,\n    loading: loading,\n    prefixCls: prefixCls\n  }, buttonProps, {\n    ref: ref\n  }), children);\n};\nexport default ActionButton;","import { tuple } from './type';\nexport var PresetStatusColorTypes = tuple('success', 'processing', 'error', 'default', 'warning');\n// eslint-disable-next-line import/prefer-default-export\nexport var PresetColorTypes = tuple('pink', 'red', 'yellow', 'orange', 'cyan', 'green', 'blue', 'purple', 'geekblue', 'magenta', 'volcano', 'gold', 'lime');","import { tuple } from './type';\n// ================== Collapse Motion ==================\nvar getCollapsedHeight = function getCollapsedHeight() {\n  return {\n    height: 0,\n    opacity: 0\n  };\n};\nvar getRealHeight = function getRealHeight(node) {\n  var scrollHeight = node.scrollHeight;\n  return {\n    height: scrollHeight,\n    opacity: 1\n  };\n};\nvar getCurrentHeight = function getCurrentHeight(node) {\n  return {\n    height: node ? node.offsetHeight : 0\n  };\n};\nvar skipOpacityTransition = function skipOpacityTransition(_, event) {\n  return (event === null || event === void 0 ? void 0 : event.deadline) === true || event.propertyName === 'height';\n};\nvar initCollapseMotion = function initCollapseMotion() {\n  var rootCls = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'ant';\n  return {\n    motionName: rootCls + \"-motion-collapse\",\n    onAppearStart: getCollapsedHeight,\n    onEnterStart: getCollapsedHeight,\n    onAppearActive: getRealHeight,\n    onEnterActive: getRealHeight,\n    onLeaveStart: getCurrentHeight,\n    onLeaveActive: getCollapsedHeight,\n    onAppearEnd: skipOpacityTransition,\n    onEnterEnd: skipOpacityTransition,\n    onLeaveEnd: skipOpacityTransition,\n    motionDeadline: 500\n  };\n};\nvar SelectPlacements = tuple('bottomLeft', 'bottomRight', 'topLeft', 'topRight');\nvar getTransitionDirection = function getTransitionDirection(placement) {\n  if (placement !== undefined && (placement === 'topLeft' || placement === 'topRight')) {\n    return \"slide-down\";\n  }\n  return \"slide-up\";\n};\nvar getTransitionName = function getTransitionName(rootPrefixCls, motion, transitionName) {\n  if (transitionName !== undefined) {\n    return transitionName;\n  }\n  return rootPrefixCls + \"-\" + motion;\n};\nexport { getTransitionName, getTransitionDirection };\nexport default initCollapseMotion;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport { placements } from \"rc-tooltip/es/placements\";\nvar autoAdjustOverflowEnabled = {\n  adjustX: 1,\n  adjustY: 1\n};\nvar autoAdjustOverflowDisabled = {\n  adjustX: 0,\n  adjustY: 0\n};\nvar targetOffset = [0, 0];\nexport function getOverflowOptions(autoAdjustOverflow) {\n  if (typeof autoAdjustOverflow === 'boolean') {\n    return autoAdjustOverflow ? autoAdjustOverflowEnabled : autoAdjustOverflowDisabled;\n  }\n  return _extends(_extends({}, autoAdjustOverflowDisabled), autoAdjustOverflow);\n}\nexport default function getPlacements(config) {\n  var _config$arrowWidth = config.arrowWidth,\n    arrowWidth = _config$arrowWidth === void 0 ? 4 : _config$arrowWidth,\n    _config$horizontalArr = config.horizontalArrowShift,\n    horizontalArrowShift = _config$horizontalArr === void 0 ? 16 : _config$horizontalArr,\n    _config$verticalArrow = config.verticalArrowShift,\n    verticalArrowShift = _config$verticalArrow === void 0 ? 8 : _config$verticalArrow,\n    autoAdjustOverflow = config.autoAdjustOverflow,\n    arrowPointAtCenter = config.arrowPointAtCenter;\n  var placementMap = {\n    left: {\n      points: ['cr', 'cl'],\n      offset: [-4, 0]\n    },\n    right: {\n      points: ['cl', 'cr'],\n      offset: [4, 0]\n    },\n    top: {\n      points: ['bc', 'tc'],\n      offset: [0, -4]\n    },\n    bottom: {\n      points: ['tc', 'bc'],\n      offset: [0, 4]\n    },\n    topLeft: {\n      points: ['bl', 'tc'],\n      offset: [-(horizontalArrowShift + arrowWidth), -4]\n    },\n    leftTop: {\n      points: ['tr', 'cl'],\n      offset: [-4, -(verticalArrowShift + arrowWidth)]\n    },\n    topRight: {\n      points: ['br', 'tc'],\n      offset: [horizontalArrowShift + arrowWidth, -4]\n    },\n    rightTop: {\n      points: ['tl', 'cr'],\n      offset: [4, -(verticalArrowShift + arrowWidth)]\n    },\n    bottomRight: {\n      points: ['tr', 'bc'],\n      offset: [horizontalArrowShift + arrowWidth, 4]\n    },\n    rightBottom: {\n      points: ['bl', 'cr'],\n      offset: [4, verticalArrowShift + arrowWidth]\n    },\n    bottomLeft: {\n      points: ['tl', 'bc'],\n      offset: [-(horizontalArrowShift + arrowWidth), 4]\n    },\n    leftBottom: {\n      points: ['br', 'cl'],\n      offset: [-4, verticalArrowShift + arrowWidth]\n    }\n  };\n  Object.keys(placementMap).forEach(function (key) {\n    placementMap[key] = arrowPointAtCenter ? _extends(_extends({}, placementMap[key]), {\n      overflow: getOverflowOptions(autoAdjustOverflow),\n      targetOffset: targetOffset\n    }) : _extends(_extends({}, placements[key]), {\n      overflow: getOverflowOptions(autoAdjustOverflow)\n    });\n    placementMap[key].ignoreShake = true;\n  });\n  return placementMap;\n}","import * as React from 'react';\nvar isValidElement = React.isValidElement;\nexport { isValidElement };\nexport function isFragment(child) {\n  return child && isValidElement(child) && child.type === React.Fragment;\n}\nexport function replaceElement(element, replacement, props) {\n  if (!isValidElement(element)) {\n    return replacement;\n  }\n  return /*#__PURE__*/React.cloneElement(element, typeof props === 'function' ? props(element.props || {}) : props);\n}\nexport function cloneElement(element, props) {\n  return replaceElement(element, element, props);\n}","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport classNames from 'classnames';\nimport { tuple } from './type';\nvar InputStatuses = tuple('warning', 'error', '');\nexport function getStatusClassNames(prefixCls, status, hasFeedback) {\n  var _classNames;\n  return classNames((_classNames = {}, _defineProperty(_classNames, prefixCls + \"-status-success\", status === 'success'), _defineProperty(_classNames, prefixCls + \"-status-warning\", status === 'warning'), _defineProperty(_classNames, prefixCls + \"-status-error\", status === 'error'), _defineProperty(_classNames, prefixCls + \"-status-validating\", status === 'validating'), _defineProperty(_classNames, prefixCls + \"-has-feedback\", hasFeedback), _classNames));\n}\nexport var getMergedStatus = function getMergedStatus(contextStatus, customStatus) {\n  return customStatus || contextStatus;\n};","import canUseDom from \"rc-util/es/Dom/canUseDom\";\nimport { isStyleSupport } from \"rc-util/es/Dom/styleChecker\";\nexport var canUseDocElement = function canUseDocElement() {\n  return canUseDom() && window.document.documentElement;\n};\nexport { isStyleSupport };\nvar flexGapSupported;\nexport var detectFlexGapSupported = function detectFlexGapSupported() {\n  if (!canUseDocElement()) {\n    return false;\n  }\n  if (flexGapSupported !== undefined) {\n    return flexGapSupported;\n  }\n  // create flex container with row-gap set\n  var flex = document.createElement('div');\n  flex.style.display = 'flex';\n  flex.style.flexDirection = 'column';\n  flex.style.rowGap = '1px';\n  // create two, elements inside it\n  flex.appendChild(document.createElement('div'));\n  flex.appendChild(document.createElement('div'));\n  // append to the DOM (needed to obtain scrollHeight)\n  document.body.appendChild(flex);\n  flexGapSupported = flex.scrollHeight === 1; // flex container should be 1px high from the row-gap\n  document.body.removeChild(flex);\n  return flexGapSupported;\n};","// https://stackoverflow.com/questions/46176165/ways-to-get-string-literal-type-of-array-values-without-enum-overhead\nexport var tuple = function tuple() {\n  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n    args[_key] = arguments[_key];\n  }\n  return args;\n};\nexport var tupleNum = function tupleNum() {\n  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n    args[_key2] = arguments[_key2];\n  }\n  return args;\n};","import raf from \"rc-util/es/raf\";\nvar id = 0;\nvar ids = {};\n// Support call raf with delay specified frame\nexport default function wrapperRaf(callback) {\n  var delayFrames = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;\n  var myId = id++;\n  var restFrames = delayFrames;\n  function internalCallback() {\n    restFrames -= 1;\n    if (restFrames <= 0) {\n      callback();\n      delete ids[myId];\n    } else {\n      ids[myId] = raf(internalCallback);\n    }\n  }\n  ids[myId] = raf(internalCallback);\n  return myId;\n}\nwrapperRaf.cancel = function cancel(pid) {\n  if (pid === undefined) return;\n  raf.cancel(ids[pid]);\n  delete ids[pid];\n};\nwrapperRaf.ids = ids; // export this for test usage","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport { Keyframes, useStyleRegister } from '@ant-design/cssinjs';\nimport { useContext } from 'react';\nimport { ConfigContext } from '../../config-provider';\nimport { useToken } from '../../theme';\nvar genWaveStyle = function genWaveStyle(token) {\n  var _ref;\n  var waveEffect = new Keyframes('waveEffect', {\n    '100%': {\n      boxShadow: \"0 0 0 6px var(--antd-wave-shadow-color)\"\n    }\n  });\n  var fadeEffect = new Keyframes('fadeEffect', {\n    '100%': {\n      opacity: 0\n    }\n  });\n  return [(_ref = {}, _defineProperty(_ref, token.clickAnimatingWithoutExtraNodeTrue + \",\\n      \" + token.clickAnimatingTrue, {\n    '--antd-wave-shadow-color': token.colorPrimary,\n    '--scroll-bar': 0,\n    position: 'relative'\n  }), _defineProperty(_ref, token.clickAnimatingWithoutExtraNodeTrueAfter + \",\\n      & \" + token.clickAnimatingNode, {\n    position: 'absolute',\n    top: 0,\n    insetInlineStart: 0,\n    insetInlineEnd: 0,\n    bottom: 0,\n    display: 'block',\n    borderRadius: 'inherit',\n    boxShadow: \"0 0 0 0 var(--antd-wave-shadow-color)\",\n    opacity: 0.2,\n    animation: {\n      _skip_check_: true,\n      value: fadeEffect.getName(token.hashId) + \" 2s \" + token.motionEaseOutCirc + \", \" + waveEffect.getName(token.hashId) + \" 0.4s \" + token.motionEaseOutCirc\n    },\n    animationFillMode: 'forwards',\n    content: '\"\"',\n    pointerEvents: 'none'\n  }), _ref), {}, waveEffect, fadeEffect];\n};\nexport default (function () {\n  var _useToken = useToken(),\n    _useToken2 = _slicedToArray(_useToken, 3),\n    theme = _useToken2[0],\n    token = _useToken2[1],\n    hashId = _useToken2[2];\n  var _useContext = useContext(ConfigContext),\n    getPrefixCls = _useContext.getPrefixCls;\n  var rootPrefixCls = getPrefixCls();\n  var clickAnimatingTrue = \"[\" + rootPrefixCls + \"-click-animating='true']\";\n  var clickAnimatingWithoutExtraNodeTrue = \"[\" + rootPrefixCls + \"-click-animating-without-extra-node='true']\";\n  var clickAnimatingNode = \".\" + rootPrefixCls + \"-click-animating-node\";\n  var waveToken = _extends(_extends({}, token), {\n    hashId: hashId,\n    clickAnimatingNode: clickAnimatingNode,\n    clickAnimatingTrue: clickAnimatingTrue,\n    clickAnimatingWithoutExtraNodeTrue: clickAnimatingWithoutExtraNodeTrue,\n    clickAnimatingWithoutExtraNodeTrueAfter: clickAnimatingWithoutExtraNodeTrue + \"::after\"\n  });\n  return [useStyleRegister({\n    theme: theme,\n    token: token,\n    hashId: hashId,\n    path: ['wave']\n  }, function () {\n    return [genWaveStyle(waveToken)];\n  }), hashId];\n});","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/esm/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nimport _createSuper from \"@babel/runtime/helpers/esm/createSuper\";\nimport { updateCSS } from \"rc-util/es/Dom/dynamicCSS\";\nimport { composeRef, supportRef } from \"rc-util/es/ref\";\nimport * as React from 'react';\nimport { forwardRef } from 'react';\nimport { ConfigConsumer, ConfigContext } from '../../config-provider';\nimport raf from '../raf';\nimport { cloneElement } from '../reactNode';\nimport useStyle from './style';\nvar styleForPseudo;\n// Where el is the DOM element you'd like to test for visibility\nfunction isHidden(element) {\n  if (process.env.NODE_ENV === 'test') {\n    return false;\n  }\n  return !element || element.offsetParent === null || element.hidden;\n}\nfunction getValidateContainer(nodeRoot) {\n  if (nodeRoot instanceof Document) {\n    return nodeRoot.body;\n  }\n  return Array.from(nodeRoot.childNodes).find(function (ele) {\n    return (ele === null || ele === void 0 ? void 0 : ele.nodeType) === Node.ELEMENT_NODE;\n  });\n}\nfunction isNotGrey(color) {\n  // eslint-disable-next-line no-useless-escape\n  var match = (color || '').match(/rgba?\\((\\d*), (\\d*), (\\d*)(, [\\d.]*)?\\)/);\n  if (match && match[1] && match[2] && match[3]) {\n    return !(match[1] === match[2] && match[2] === match[3]);\n  }\n  return true;\n}\nfunction isValidWaveColor(color) {\n  return color && color !== '#fff' && color !== '#ffffff' && color !== 'rgb(255, 255, 255)' && color !== 'rgba(255, 255, 255, 1)' && isNotGrey(color) && !/rgba\\((?:\\d*, ){3}0\\)/.test(color) &&\n  // any transparent rgba color\n  color !== 'transparent';\n}\nfunction getTargetWaveColor(node) {\n  var computedStyle = getComputedStyle(node);\n  var borderTopColor = computedStyle.getPropertyValue('border-top-color');\n  var borderColor = computedStyle.getPropertyValue('border-color');\n  var backgroundColor = computedStyle.getPropertyValue('background-color');\n  if (isValidWaveColor(borderTopColor)) {\n    return borderTopColor;\n  }\n  if (isValidWaveColor(borderColor)) {\n    return borderColor;\n  }\n  return backgroundColor;\n}\nexport var InternalWave = /*#__PURE__*/function (_React$Component) {\n  _inherits(InternalWave, _React$Component);\n  var _super = _createSuper(InternalWave);\n  function InternalWave() {\n    var _this;\n    _classCallCheck(this, InternalWave);\n    _this = _super.apply(this, arguments);\n    _this.containerRef = /*#__PURE__*/React.createRef();\n    _this.animationStart = false;\n    _this.destroyed = false;\n    _this.onClick = function (node, waveColor) {\n      var _a, _b;\n      var _this$props = _this.props,\n        insertExtraNode = _this$props.insertExtraNode,\n        disabled = _this$props.disabled;\n      if (disabled || !node || isHidden(node) || node.className.includes('-leave')) {\n        return;\n      }\n      _this.extraNode = document.createElement('div');\n      var _assertThisInitialize = _assertThisInitialized(_this),\n        extraNode = _assertThisInitialize.extraNode;\n      var getPrefixCls = _this.context.getPrefixCls;\n      extraNode.className = getPrefixCls('') + \"-click-animating-node\";\n      var attributeName = _this.getAttributeName();\n      node.setAttribute(attributeName, 'true');\n      // Not white or transparent or grey\n      if (isValidWaveColor(waveColor)) {\n        extraNode.style.borderColor = waveColor;\n        var nodeRoot = ((_a = node.getRootNode) === null || _a === void 0 ? void 0 : _a.call(node)) || node.ownerDocument;\n        var nodeBody = (_b = getValidateContainer(nodeRoot)) !== null && _b !== void 0 ? _b : nodeRoot;\n        styleForPseudo = updateCSS(\"\\n      [\" + getPrefixCls('') + \"-click-animating-without-extra-node='true']::after, .\" + getPrefixCls('') + \"-click-animating-node {\\n        --antd-wave-shadow-color: \" + waveColor + \";\\n      }\", 'antd-wave', {\n          csp: _this.csp,\n          attachTo: nodeBody\n        });\n      }\n      if (insertExtraNode) {\n        node.appendChild(extraNode);\n      }\n      ['transition', 'animation'].forEach(function (name) {\n        node.addEventListener(name + \"start\", _this.onTransitionStart);\n        node.addEventListener(name + \"end\", _this.onTransitionEnd);\n      });\n    };\n    _this.onTransitionStart = function (e) {\n      if (_this.destroyed) {\n        return;\n      }\n      var node = _this.containerRef.current;\n      if (!e || e.target !== node || _this.animationStart) {\n        return;\n      }\n      _this.resetEffect(node);\n    };\n    _this.onTransitionEnd = function (e) {\n      if (!e || e.animationName !== 'fadeEffect') {\n        return;\n      }\n      _this.resetEffect(e.target);\n    };\n    _this.bindAnimationEvent = function (node) {\n      if (!node || !node.getAttribute || node.getAttribute('disabled') || node.className.includes('disabled')) {\n        return;\n      }\n      var onClick = function onClick(e) {\n        // Fix radio button click twice\n        if (e.target.tagName === 'INPUT' || isHidden(e.target)) {\n          return;\n        }\n        _this.resetEffect(node);\n        // Get wave color from target\n        var waveColor = getTargetWaveColor(node);\n        _this.clickWaveTimeoutId = window.setTimeout(function () {\n          return _this.onClick(node, waveColor);\n        }, 0);\n        raf.cancel(_this.animationStartId);\n        _this.animationStart = true;\n        // Render to trigger transition event cost 3 frames. Let's delay 10 frames to reset this.\n        _this.animationStartId = raf(function () {\n          _this.animationStart = false;\n        }, 10);\n      };\n      node.addEventListener('click', onClick, true);\n      return {\n        cancel: function cancel() {\n          node.removeEventListener('click', onClick, true);\n        }\n      };\n    };\n    _this.renderWave = function (_ref) {\n      var csp = _ref.csp;\n      var children = _this.props.children;\n      _this.csp = csp;\n      if (! /*#__PURE__*/React.isValidElement(children)) return children;\n      var ref = _this.containerRef;\n      if (supportRef(children)) {\n        ref = composeRef(children.ref, _this.containerRef);\n      }\n      return cloneElement(children, {\n        ref: ref\n      });\n    };\n    return _this;\n  }\n  _createClass(InternalWave, [{\n    key: \"componentDidMount\",\n    value: function componentDidMount() {\n      this.destroyed = false;\n      var node = this.containerRef.current;\n      if (!node || node.nodeType !== 1) {\n        return;\n      }\n      this.instance = this.bindAnimationEvent(node);\n    }\n  }, {\n    key: \"componentWillUnmount\",\n    value: function componentWillUnmount() {\n      if (this.instance) {\n        this.instance.cancel();\n      }\n      if (this.clickWaveTimeoutId) {\n        clearTimeout(this.clickWaveTimeoutId);\n      }\n      this.destroyed = true;\n    }\n  }, {\n    key: \"getAttributeName\",\n    value: function getAttributeName() {\n      var getPrefixCls = this.context.getPrefixCls;\n      var insertExtraNode = this.props.insertExtraNode;\n      return insertExtraNode ? getPrefixCls('') + \"-click-animating\" : getPrefixCls('') + \"-click-animating-without-extra-node\";\n    }\n  }, {\n    key: \"resetEffect\",\n    value: function resetEffect(node) {\n      var _this2 = this;\n      if (!node || node === this.extraNode || !(node instanceof Element)) {\n        return;\n      }\n      var insertExtraNode = this.props.insertExtraNode;\n      var attributeName = this.getAttributeName();\n      node.setAttribute(attributeName, 'false'); // edge has bug on `removeAttribute` #14466\n      if (styleForPseudo) {\n        styleForPseudo.innerHTML = '';\n      }\n      if (insertExtraNode && this.extraNode && node.contains(this.extraNode)) {\n        node.removeChild(this.extraNode);\n      }\n      ['transition', 'animation'].forEach(function (name) {\n        node.removeEventListener(name + \"start\", _this2.onTransitionStart);\n        node.removeEventListener(name + \"end\", _this2.onTransitionEnd);\n      });\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      return /*#__PURE__*/React.createElement(ConfigConsumer, null, this.renderWave);\n    }\n  }]);\n  return InternalWave;\n}(React.Component);\nInternalWave.contextType = ConfigContext;\nvar Wave = /*#__PURE__*/forwardRef(function (props, ref) {\n  useStyle();\n  return /*#__PURE__*/React.createElement(InternalWave, _extends({\n    ref: ref\n  }, props));\n});\nexport default Wave;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { ConfigContext } from '../config-provider';\nimport { useToken } from '../theme';\nimport warning from '../_util/warning';\nexport var GroupSizeContext = /*#__PURE__*/React.createContext(undefined);\nvar ButtonGroup = function ButtonGroup(props) {\n  var _classNames;\n  var _React$useContext = React.useContext(ConfigContext),\n    getPrefixCls = _React$useContext.getPrefixCls,\n    direction = _React$useContext.direction;\n  var customizePrefixCls = props.prefixCls,\n    size = props.size,\n    className = props.className,\n    others = __rest(props, [\"prefixCls\", \"size\", \"className\"]);\n  var prefixCls = getPrefixCls('btn-group', customizePrefixCls);\n  // Here we only need hashId\n  var _useToken = useToken(),\n    _useToken2 = _slicedToArray(_useToken, 3),\n    hashId = _useToken2[2];\n  // large => lg\n  // small => sm\n  var sizeCls = '';\n  switch (size) {\n    case 'large':\n      sizeCls = 'lg';\n      break;\n    case 'small':\n      sizeCls = 'sm';\n      break;\n    case 'middle':\n    case undefined:\n      break;\n    default:\n      process.env.NODE_ENV !== \"production\" ? warning(!size, 'Button.Group', 'Invalid prop `size`.') : void 0;\n  }\n  var classes = classNames(prefixCls, (_classNames = {}, _defineProperty(_classNames, prefixCls + \"-\" + sizeCls, sizeCls), _defineProperty(_classNames, prefixCls + \"-rtl\", direction === 'rtl'), _classNames), className, hashId);\n  return /*#__PURE__*/React.createElement(GroupSizeContext.Provider, {\n    value: size\n  }, /*#__PURE__*/React.createElement(\"div\", _extends({}, others, {\n    className: classes\n  })));\n};\nexport default ButtonGroup;","import LoadingOutlined from \"@ant-design/icons/es/icons/LoadingOutlined\";\nimport CSSMotion from 'rc-motion';\nimport React from 'react';\nvar getCollapsedWidth = function getCollapsedWidth() {\n  return {\n    width: 0,\n    opacity: 0,\n    transform: 'scale(0)'\n  };\n};\nvar getRealWidth = function getRealWidth(node) {\n  return {\n    width: node.scrollWidth,\n    opacity: 1,\n    transform: 'scale(1)'\n  };\n};\nvar LoadingIcon = function LoadingIcon(_ref) {\n  var prefixCls = _ref.prefixCls,\n    loading = _ref.loading,\n    existIcon = _ref.existIcon;\n  var visible = !!loading;\n  if (existIcon) {\n    return /*#__PURE__*/React.createElement(\"span\", {\n      className: prefixCls + \"-loading-icon\"\n    }, /*#__PURE__*/React.createElement(LoadingOutlined, null));\n  }\n  return /*#__PURE__*/React.createElement(CSSMotion, {\n    visible: visible,\n    // We do not really use this motionName\n    motionName: prefixCls + \"-loading-icon-motion\",\n    removeOnLeave: true,\n    onAppearStart: getCollapsedWidth,\n    onAppearActive: getRealWidth,\n    onEnterStart: getCollapsedWidth,\n    onEnterActive: getRealWidth,\n    onLeaveStart: getRealWidth,\n    onLeaveActive: getCollapsedWidth\n  }, function (_ref2, ref) {\n    var className = _ref2.className,\n      style = _ref2.style;\n    return /*#__PURE__*/React.createElement(\"span\", {\n      className: prefixCls + \"-loading-icon\",\n      style: style,\n      ref: ref\n    }, /*#__PURE__*/React.createElement(LoadingOutlined, {\n      className: className\n    }));\n  });\n};\nexport default LoadingIcon;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nvar genButtonBorderStyle = function genButtonBorderStyle(buttonTypeCls, borderColor) {\n  return _defineProperty({}, \"> span, > \" + buttonTypeCls, {\n    '&:not(:last-child)': _defineProperty({}, \"&, & > \" + buttonTypeCls, {\n      '&:not(:disabled)': {\n        borderInlineEndColor: borderColor\n      }\n    }),\n    '&:not(:first-child)': _defineProperty({}, \"&, & > \" + buttonTypeCls, {\n      '&:not(:disabled)': {\n        borderInlineStartColor: borderColor\n      }\n    })\n  });\n};\nvar genGroupStyle = function genGroupStyle(token) {\n  var _componentCls, _ref2;\n  var componentCls = token.componentCls,\n    fontSize = token.fontSize,\n    lineWidth = token.lineWidth,\n    colorPrimaryHover = token.colorPrimaryHover,\n    colorErrorHover = token.colorErrorHover;\n  return _defineProperty({}, componentCls + \"-group\", [(_ref2 = {\n    position: 'relative',\n    display: 'inline-flex'\n  }, _defineProperty(_ref2, \"> span, > \" + componentCls, {\n    '&:not(:last-child)': _defineProperty({}, \"&, & > \" + componentCls, {\n      borderStartEndRadius: 0,\n      borderEndEndRadius: 0\n    }),\n    '&:not(:first-child)': _defineProperty({\n      marginInlineStart: -lineWidth\n    }, \"&, & > \" + componentCls, {\n      borderStartStartRadius: 0,\n      borderEndStartRadius: 0\n    })\n  }), _defineProperty(_ref2, componentCls, (_componentCls = {\n    position: 'relative',\n    zIndex: 1\n  }, _defineProperty(_componentCls, \"&:hover,\\n          &:focus,\\n          &:active\", {\n    zIndex: 2\n  }), _defineProperty(_componentCls, '&[disabled]', {\n    zIndex: 0\n  }), _componentCls)), _defineProperty(_ref2, componentCls + \"-icon-only\", {\n    fontSize: fontSize\n  }), _ref2),\n  // Border Color\n  genButtonBorderStyle(componentCls + \"-primary\", colorPrimaryHover), genButtonBorderStyle(componentCls + \"-danger\", colorErrorHover)]);\n};\nexport default genGroupStyle;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nfunction compactItemVerticalBorder(token) {\n  return {\n    // border collapse\n    '&-item:not(&-last-item)': {\n      marginBottom: -token.lineWidth\n    },\n    '&-item': {\n      '&:hover,&:focus,&:active': {\n        zIndex: 2\n      },\n      '&[disabled]': {\n        zIndex: 0\n      }\n    }\n  };\n}\nfunction compactItemBorderVerticalRadius(prefixCls) {\n  return {\n    '&-item:not(&-first-item):not(&-last-item)': {\n      borderRadius: 0\n    },\n    '&-item&-first-item': _defineProperty({}, \"&, &\" + prefixCls + \"-sm, &\" + prefixCls + \"-lg\", {\n      borderEndEndRadius: 0,\n      borderEndStartRadius: 0\n    }),\n    '&-item&-last-item': _defineProperty({}, \"&, &\" + prefixCls + \"-sm, &\" + prefixCls + \"-lg\", {\n      borderStartStartRadius: 0,\n      borderStartEndRadius: 0\n    })\n  };\n}\nexport function genCompactItemVerticalStyle(token, prefixCls) {\n  return {\n    '&-compact-vertical': _extends(_extends({}, compactItemVerticalBorder(token)), compactItemBorderVerticalRadius(prefixCls))\n  };\n}","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport { genComponentStyleHook, mergeToken } from '../../theme';\nimport genGroupStyle from './group';\nimport { genFocusStyle } from '../../style';\nimport { genCompactItemStyle } from '../../style/compact-item';\nimport { genCompactItemVerticalStyle } from '../../style/compact-item-vertical';\n// ============================== Shared ==============================\nvar genSharedButtonStyle = function genSharedButtonStyle(token) {\n  var _extends2, _extends3;\n  var componentCls = token.componentCls,\n    iconCls = token.iconCls;\n  return _defineProperty({}, componentCls, _extends(_extends(_extends((_extends2 = {\n    outline: 'none',\n    position: 'relative',\n    display: 'inline-block',\n    fontWeight: 400,\n    whiteSpace: 'nowrap',\n    textAlign: 'center',\n    backgroundImage: 'none',\n    backgroundColor: 'transparent',\n    border: token.lineWidth + \"px \" + token.lineType + \" transparent\",\n    cursor: 'pointer',\n    transition: \"all \" + token.motionDurationMid + \" \" + token.motionEaseInOut,\n    userSelect: 'none',\n    touchAction: 'manipulation',\n    lineHeight: token.lineHeight,\n    color: token.colorText,\n    '> span': {\n      display: 'inline-block'\n    }\n  }, _defineProperty(_extends2, \"> \" + iconCls + \" + span, > span + \" + iconCls, {\n    marginInlineStart: token.marginXS\n  }), _defineProperty(_extends2, \"&\" + componentCls + \"-block\", {\n    width: '100%'\n  }), _defineProperty(_extends2, '&:not(:disabled)', _extends({}, genFocusStyle(token))), _extends2), genCompactItemStyle(token, componentCls)), genCompactItemVerticalStyle(token, componentCls)), (_extends3 = {\n    // make `btn-icon-only` not too narrow\n    '&-icon-only&-compact-item': {\n      flex: 'none'\n    }\n  }, _defineProperty(_extends3, \"&-compact-item\" + componentCls + \"-primary\", {\n    '&:not([disabled]) + &:not([disabled])': {\n      position: 'relative',\n      '&:after': {\n        position: 'absolute',\n        top: -token.lineWidth,\n        insetInlineStart: -token.lineWidth,\n        display: 'inline-block',\n        width: token.lineWidth,\n        height: \"calc(100% + \" + token.lineWidth * 2 + \"px)\",\n        backgroundColor: token.colorPrimaryBorder,\n        content: '\"\"'\n      }\n    }\n  }), _defineProperty(_extends3, '&-compact-vertical-item', _defineProperty({}, \"&\" + componentCls + \"-primary\", {\n    '&:not([disabled]) + &:not([disabled])': {\n      position: 'relative',\n      '&:after': {\n        position: 'absolute',\n        top: -token.lineWidth,\n        insetInlineStart: -token.lineWidth,\n        display: 'inline-block',\n        width: \"calc(100% + \" + token.lineWidth * 2 + \"px)\",\n        height: token.lineWidth,\n        backgroundColor: token.colorPrimaryBorder,\n        content: '\"\"'\n      }\n    }\n  })), _extends3)));\n};\nvar genHoverActiveButtonStyle = function genHoverActiveButtonStyle(hoverStyle, activeStyle) {\n  return {\n    '&:not(:disabled)': {\n      '&:hover': hoverStyle,\n      '&:active': activeStyle\n    }\n  };\n};\n// ============================== Shape ===============================\nvar genCircleButtonStyle = function genCircleButtonStyle(token) {\n  return {\n    minWidth: token.controlHeight,\n    paddingInlineStart: 0,\n    paddingInlineEnd: 0,\n    borderRadius: '50%'\n  };\n};\nvar genRoundButtonStyle = function genRoundButtonStyle(token) {\n  return {\n    borderRadius: token.controlHeight,\n    paddingInlineStart: token.controlHeight / 2,\n    paddingInlineEnd: token.controlHeight / 2,\n    width: 'auto'\n  };\n};\n// =============================== Type ===============================\nvar genGhostButtonStyle = function genGhostButtonStyle(btnCls, textColor, borderColor, textColorDisabled, borderColorDisabled, hoverStyle, activeStyle) {\n  return _defineProperty({}, \"&\" + btnCls + \"-background-ghost\", _extends(_extends({\n    color: textColor || undefined,\n    backgroundColor: 'transparent',\n    borderColor: borderColor || undefined,\n    boxShadow: 'none'\n  }, genHoverActiveButtonStyle(_extends({\n    backgroundColor: 'transparent'\n  }, hoverStyle), _extends({\n    backgroundColor: 'transparent'\n  }, activeStyle))), {\n    '&:disabled': {\n      cursor: 'not-allowed',\n      color: textColorDisabled || undefined,\n      borderColor: borderColorDisabled || undefined\n    }\n  }));\n};\nvar genSolidDisabledButtonStyle = function genSolidDisabledButtonStyle(token) {\n  return {\n    '&:disabled': {\n      cursor: 'not-allowed',\n      borderColor: token.colorBorder,\n      color: token.colorTextDisabled,\n      backgroundColor: token.colorBgContainerDisabled,\n      boxShadow: 'none'\n    }\n  };\n};\nvar genSolidButtonStyle = function genSolidButtonStyle(token) {\n  return _extends({}, genSolidDisabledButtonStyle(token));\n};\nvar genPureDisabledButtonStyle = function genPureDisabledButtonStyle(token) {\n  return {\n    '&:disabled': {\n      cursor: 'not-allowed',\n      color: token.colorTextDisabled\n    }\n  };\n};\n// Type: Default\nvar genDefaultButtonStyle = function genDefaultButtonStyle(token) {\n  return _extends(_extends(_extends(_extends(_extends({}, genSolidButtonStyle(token)), {\n    backgroundColor: token.colorBgContainer,\n    borderColor: token.colorBorder,\n    boxShadow: \"0 \" + token.controlOutlineWidth + \"px 0 \" + token.controlTmpOutline\n  }), genHoverActiveButtonStyle({\n    color: token.colorPrimaryHover,\n    borderColor: token.colorPrimaryHover\n  }, {\n    color: token.colorPrimaryActive,\n    borderColor: token.colorPrimaryActive\n  })), genGhostButtonStyle(token.componentCls, token.colorBgContainer, token.colorBgContainer, token.colorTextDisabled, token.colorBorder)), _defineProperty({}, \"&\" + token.componentCls + \"-dangerous\", _extends(_extends(_extends({\n    color: token.colorError,\n    borderColor: token.colorError\n  }, genHoverActiveButtonStyle({\n    color: token.colorErrorHover,\n    borderColor: token.colorErrorBorder\n  }, {\n    color: token.colorErrorActive,\n    borderColor: token.colorErrorActive\n  })), genGhostButtonStyle(token.componentCls, token.colorError, token.colorError, token.colorTextDisabled, token.colorBorder)), genSolidDisabledButtonStyle(token))));\n};\n// Type: Primary\nvar genPrimaryButtonStyle = function genPrimaryButtonStyle(token) {\n  return _extends(_extends(_extends(_extends(_extends({}, genSolidButtonStyle(token)), {\n    color: token.colorTextLightSolid,\n    backgroundColor: token.colorPrimary,\n    boxShadow: \"0 \" + token.controlOutlineWidth + \"px 0 \" + token.controlOutline\n  }), genHoverActiveButtonStyle({\n    color: token.colorTextLightSolid,\n    backgroundColor: token.colorPrimaryHover\n  }, {\n    color: token.colorTextLightSolid,\n    backgroundColor: token.colorPrimaryActive\n  })), genGhostButtonStyle(token.componentCls, token.colorPrimary, token.colorPrimary, token.colorTextDisabled, token.colorBorder, {\n    color: token.colorPrimaryHover,\n    borderColor: token.colorPrimaryHover\n  }, {\n    color: token.colorPrimaryActive,\n    borderColor: token.colorPrimaryActive\n  })), _defineProperty({}, \"&\" + token.componentCls + \"-dangerous\", _extends(_extends(_extends({\n    backgroundColor: token.colorError,\n    boxShadow: \"0 \" + token.controlOutlineWidth + \"px 0 \" + token.colorErrorOutline\n  }, genHoverActiveButtonStyle({\n    backgroundColor: token.colorErrorHover\n  }, {\n    backgroundColor: token.colorErrorActive\n  })), genGhostButtonStyle(token.componentCls, token.colorError, token.colorError, token.colorTextDisabled, token.colorBorder, {\n    color: token.colorErrorHover,\n    borderColor: token.colorErrorHover\n  }, {\n    color: token.colorErrorActive,\n    borderColor: token.colorErrorActive\n  })), genSolidDisabledButtonStyle(token))));\n};\n// Type: Dashed\nvar genDashedButtonStyle = function genDashedButtonStyle(token) {\n  return _extends(_extends({}, genDefaultButtonStyle(token)), {\n    borderStyle: 'dashed'\n  });\n};\n// Type: Link\nvar genLinkButtonStyle = function genLinkButtonStyle(token) {\n  return _extends(_extends(_extends({\n    color: token.colorLink\n  }, genHoverActiveButtonStyle({\n    color: token.colorLinkHover\n  }, {\n    color: token.colorLinkActive\n  })), genPureDisabledButtonStyle(token)), _defineProperty({}, \"&\" + token.componentCls + \"-dangerous\", _extends(_extends({\n    color: token.colorError\n  }, genHoverActiveButtonStyle({\n    color: token.colorErrorHover\n  }, {\n    color: token.colorErrorActive\n  })), genPureDisabledButtonStyle(token))));\n};\n// Type: Text\nvar genTextButtonStyle = function genTextButtonStyle(token) {\n  return _extends(_extends(_extends({}, genHoverActiveButtonStyle({\n    color: token.colorText,\n    backgroundColor: token.colorBgTextHover\n  }, {\n    color: token.colorText,\n    backgroundColor: token.colorBgTextActive\n  })), genPureDisabledButtonStyle(token)), _defineProperty({}, \"&\" + token.componentCls + \"-dangerous\", _extends(_extends({\n    color: token.colorError\n  }, genPureDisabledButtonStyle(token)), genHoverActiveButtonStyle({\n    color: token.colorErrorHover,\n    backgroundColor: token.colorErrorBg\n  }, {\n    color: token.colorErrorHover,\n    backgroundColor: token.colorErrorBg\n  }))));\n};\nvar genTypeButtonStyle = function genTypeButtonStyle(token) {\n  var _ref3;\n  var componentCls = token.componentCls;\n  return _ref3 = {}, _defineProperty(_ref3, componentCls + \"-default\", genDefaultButtonStyle(token)), _defineProperty(_ref3, componentCls + \"-primary\", genPrimaryButtonStyle(token)), _defineProperty(_ref3, componentCls + \"-dashed\", genDashedButtonStyle(token)), _defineProperty(_ref3, componentCls + \"-link\", genLinkButtonStyle(token)), _defineProperty(_ref3, componentCls + \"-text\", genTextButtonStyle(token)), _ref3;\n};\n// =============================== Size ===============================\nvar genSizeButtonStyle = function genSizeButtonStyle(token) {\n  var _ref4;\n  var sizePrefixCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';\n  var componentCls = token.componentCls,\n    iconCls = token.iconCls;\n  var paddingVertical = Math.max(0, (token.controlHeight - token.fontSize * token.lineHeight) / 2 - token.lineWidth);\n  var paddingHorizontal = token.buttonPaddingHorizontal - token.lineWidth;\n  var iconOnlyCls = componentCls + \"-icon-only\";\n  return [// Size\n  _defineProperty({}, \"\" + componentCls + sizePrefixCls, (_ref4 = {\n    fontSize: token.fontSize,\n    height: token.controlHeight,\n    padding: paddingVertical + \"px \" + paddingHorizontal + \"px\",\n    borderRadius: token.borderRadius\n  }, _defineProperty(_ref4, \"&\" + iconOnlyCls, {\n    width: token.controlHeight,\n    paddingInlineStart: 0,\n    paddingInlineEnd: 0,\n    '> span': {\n      transform: 'scale(1.143)' // 14px -> 16px\n    }\n  }), _defineProperty(_ref4, \"&\" + componentCls + \"-loading\", {\n    opacity: token.opacityLoading,\n    cursor: 'default'\n  }), _defineProperty(_ref4, componentCls + \"-loading-icon\", {\n    transition: \"width \" + token.motionDurationSlow + \" \" + token.motionEaseInOut + \", opacity \" + token.motionDurationSlow + \" \" + token.motionEaseInOut\n  }), _defineProperty(_ref4, \"&:not(\" + iconOnlyCls + \") \" + componentCls + \"-loading-icon > \" + iconCls, {\n    marginInlineEnd: token.marginXS\n  }), _ref4)), // Shape - patch prefixCls again to override solid border radius style\n  _defineProperty({}, \"\" + componentCls + componentCls + \"-circle\" + sizePrefixCls, genCircleButtonStyle(token)), _defineProperty({}, \"\" + componentCls + componentCls + \"-round\" + sizePrefixCls, genRoundButtonStyle(token))];\n};\nvar genSizeBaseButtonStyle = function genSizeBaseButtonStyle(token) {\n  return genSizeButtonStyle(token);\n};\nvar genSizeSmallButtonStyle = function genSizeSmallButtonStyle(token) {\n  var smallToken = mergeToken(token, {\n    controlHeight: token.controlHeightSM,\n    padding: token.paddingXS,\n    buttonPaddingHorizontal: 8,\n    borderRadius: token.borderRadiusSM\n  });\n  return genSizeButtonStyle(smallToken, token.componentCls + \"-sm\");\n};\nvar genSizeLargeButtonStyle = function genSizeLargeButtonStyle(token) {\n  var largeToken = mergeToken(token, {\n    controlHeight: token.controlHeightLG,\n    fontSize: token.fontSizeLG,\n    borderRadius: token.borderRadiusLG\n  });\n  return genSizeButtonStyle(largeToken, token.componentCls + \"-lg\");\n};\n// ============================== Export ==============================\nexport default genComponentStyleHook('Button', function (token) {\n  var controlTmpOutline = token.controlTmpOutline,\n    paddingContentHorizontal = token.paddingContentHorizontal;\n  var buttonToken = mergeToken(token, {\n    colorOutlineDefault: controlTmpOutline,\n    buttonPaddingHorizontal: paddingContentHorizontal\n  });\n  return [\n  // Shared\n  genSharedButtonStyle(buttonToken),\n  // Size\n  genSizeSmallButtonStyle(buttonToken), genSizeBaseButtonStyle(buttonToken), genSizeLargeButtonStyle(buttonToken),\n  // Group (type, ghost, danger, disabled, loading)\n  genTypeButtonStyle(buttonToken),\n  // Button Group\n  genGroupStyle(buttonToken)];\n});","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n/* eslint-disable react/button-has-type */\nimport classNames from 'classnames';\nimport omit from \"rc-util/es/omit\";\nimport * as React from 'react';\nimport { ConfigContext } from '../config-provider';\nimport DisabledContext from '../config-provider/DisabledContext';\nimport SizeContext from '../config-provider/SizeContext';\nimport { useCompactItemContext } from '../space/Compact';\nimport { cloneElement, isFragment } from '../_util/reactNode';\nimport { tuple } from '../_util/type';\nimport warning from '../_util/warning';\nimport Wave from '../_util/wave';\nimport Group, { GroupSizeContext } from './button-group';\nimport LoadingIcon from './LoadingIcon';\n// CSSINJS\nimport useStyle from './style';\nvar rxTwoCNChar = /^[\\u4e00-\\u9fa5]{2}$/;\nvar isTwoCNChar = rxTwoCNChar.test.bind(rxTwoCNChar);\nfunction isString(str) {\n  return typeof str === 'string';\n}\nfunction isUnBorderedButtonType(type) {\n  return type === 'text' || type === 'link';\n}\n// Insert one space between two chinese characters automatically.\nfunction insertSpace(child, needInserted) {\n  // Check the child if is undefined or null.\n  if (child === null || child === undefined) {\n    return;\n  }\n  var SPACE = needInserted ? ' ' : '';\n  // strictNullChecks oops.\n  if (typeof child !== 'string' && typeof child !== 'number' && isString(child.type) && isTwoCNChar(child.props.children)) {\n    return cloneElement(child, {\n      children: child.props.children.split('').join(SPACE)\n    });\n  }\n  if (typeof child === 'string') {\n    return isTwoCNChar(child) ? /*#__PURE__*/React.createElement(\"span\", null, child.split('').join(SPACE)) : /*#__PURE__*/React.createElement(\"span\", null, child);\n  }\n  if (isFragment(child)) {\n    return /*#__PURE__*/React.createElement(\"span\", null, child);\n  }\n  return child;\n}\nfunction spaceChildren(children, needInserted) {\n  var isPrevChildPure = false;\n  var childList = [];\n  React.Children.forEach(children, function (child) {\n    var type = _typeof(child);\n    var isCurrentChildPure = type === 'string' || type === 'number';\n    if (isPrevChildPure && isCurrentChildPure) {\n      var lastIndex = childList.length - 1;\n      var lastChild = childList[lastIndex];\n      childList[lastIndex] = \"\" + lastChild + child;\n    } else {\n      childList.push(child);\n    }\n    isPrevChildPure = isCurrentChildPure;\n  });\n  // Pass to React.Children.map to auto fill key\n  return React.Children.map(childList, function (child) {\n    return insertSpace(child, needInserted);\n  });\n}\nvar ButtonTypes = tuple('default', 'primary', 'ghost', 'dashed', 'link', 'text');\nvar ButtonShapes = tuple('default', 'circle', 'round');\nvar ButtonHTMLTypes = tuple('submit', 'button', 'reset');\nexport function convertLegacyProps(type) {\n  if (type === 'danger') {\n    return {\n      danger: true\n    };\n  }\n  return {\n    type: type\n  };\n}\nvar InternalButton = function InternalButton(props, ref) {\n  var _classNames;\n  var _props$loading = props.loading,\n    loading = _props$loading === void 0 ? false : _props$loading,\n    customizePrefixCls = props.prefixCls,\n    _props$type = props.type,\n    type = _props$type === void 0 ? 'default' : _props$type,\n    danger = props.danger,\n    _props$shape = props.shape,\n    shape = _props$shape === void 0 ? 'default' : _props$shape,\n    customizeSize = props.size,\n    customDisabled = props.disabled,\n    className = props.className,\n    children = props.children,\n    icon = props.icon,\n    _props$ghost = props.ghost,\n    ghost = _props$ghost === void 0 ? false : _props$ghost,\n    _props$block = props.block,\n    block = _props$block === void 0 ? false : _props$block,\n    _props$htmlType = props.htmlType,\n    htmlType = _props$htmlType === void 0 ? 'button' : _props$htmlType,\n    rest = __rest(props, [\"loading\", \"prefixCls\", \"type\", \"danger\", \"shape\", \"size\", \"disabled\", \"className\", \"children\", \"icon\", \"ghost\", \"block\", \"htmlType\"]);\n  var _React$useContext = React.useContext(ConfigContext),\n    getPrefixCls = _React$useContext.getPrefixCls,\n    autoInsertSpaceInButton = _React$useContext.autoInsertSpaceInButton,\n    direction = _React$useContext.direction;\n  var prefixCls = getPrefixCls('btn', customizePrefixCls);\n  // Style\n  var _useStyle = useStyle(prefixCls),\n    _useStyle2 = _slicedToArray(_useStyle, 2),\n    wrapSSR = _useStyle2[0],\n    hashId = _useStyle2[1];\n  var size = React.useContext(SizeContext);\n  // ===================== Disabled =====================\n  var disabled = React.useContext(DisabledContext);\n  var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;\n  var groupSize = React.useContext(GroupSizeContext);\n  var _React$useState = React.useState(!!loading),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    innerLoading = _React$useState2[0],\n    setLoading = _React$useState2[1];\n  var _React$useState3 = React.useState(false),\n    _React$useState4 = _slicedToArray(_React$useState3, 2),\n    hasTwoCNChar = _React$useState4[0],\n    setHasTwoCNChar = _React$useState4[1];\n  var buttonRef = ref || /*#__PURE__*/React.createRef();\n  var isNeedInserted = function isNeedInserted() {\n    return React.Children.count(children) === 1 && !icon && !isUnBorderedButtonType(type);\n  };\n  var fixTwoCNChar = function fixTwoCNChar() {\n    // Fix for HOC usage like <FormatMessage />\n    if (!buttonRef || !buttonRef.current || autoInsertSpaceInButton === false) {\n      return;\n    }\n    var buttonText = buttonRef.current.textContent;\n    if (isNeedInserted() && isTwoCNChar(buttonText)) {\n      if (!hasTwoCNChar) {\n        setHasTwoCNChar(true);\n      }\n    } else if (hasTwoCNChar) {\n      setHasTwoCNChar(false);\n    }\n  };\n  // =============== Update Loading ===============\n  var loadingOrDelay = typeof loading === 'boolean' ? loading : (loading === null || loading === void 0 ? void 0 : loading.delay) || true;\n  React.useEffect(function () {\n    var delayTimer = null;\n    if (typeof loadingOrDelay === 'number') {\n      delayTimer = window.setTimeout(function () {\n        delayTimer = null;\n        setLoading(loadingOrDelay);\n      }, loadingOrDelay);\n    } else {\n      setLoading(loadingOrDelay);\n    }\n    return function () {\n      if (delayTimer) {\n        // in order to not perform a React state update on an unmounted component\n        // and clear timer after 'loadingOrDelay' updated.\n        window.clearTimeout(delayTimer);\n        delayTimer = null;\n      }\n    };\n  }, [loadingOrDelay]);\n  React.useEffect(fixTwoCNChar, [buttonRef]);\n  var handleClick = function handleClick(e) {\n    var onClick = props.onClick;\n    // https://github.com/ant-design/ant-design/issues/30207\n    if (innerLoading || mergedDisabled) {\n      e.preventDefault();\n      return;\n    }\n    onClick === null || onClick === void 0 ? void 0 : onClick(e);\n  };\n  process.env.NODE_ENV !== \"production\" ? warning(!(typeof icon === 'string' && icon.length > 2), 'Button', \"`icon` is using ReactNode instead of string naming in v4. Please check `\" + icon + \"` at https://ant.design/components/icon\") : void 0;\n  process.env.NODE_ENV !== \"production\" ? warning(!(ghost && isUnBorderedButtonType(type)), 'Button', \"`link` or `text` button can't be a `ghost` button.\") : void 0;\n  var autoInsertSpace = autoInsertSpaceInButton !== false;\n  var _useCompactItemContex = useCompactItemContext(prefixCls, direction),\n    compactSize = _useCompactItemContex.compactSize,\n    compactItemClassnames = _useCompactItemContex.compactItemClassnames;\n  var sizeClassNameMap = {\n    large: 'lg',\n    small: 'sm',\n    middle: undefined\n  };\n  var sizeFullname = compactSize || groupSize || customizeSize || size;\n  var sizeCls = sizeFullname ? sizeClassNameMap[sizeFullname] || '' : '';\n  var iconType = innerLoading ? 'loading' : icon;\n  var linkButtonRestProps = omit(rest, ['navigate']);\n  var classes = classNames(prefixCls, hashId, (_classNames = {}, _defineProperty(_classNames, prefixCls + \"-\" + shape, shape !== 'default' && shape), _defineProperty(_classNames, prefixCls + \"-\" + type, type), _defineProperty(_classNames, prefixCls + \"-\" + sizeCls, sizeCls), _defineProperty(_classNames, prefixCls + \"-icon-only\", !children && children !== 0 && !!iconType), _defineProperty(_classNames, prefixCls + \"-background-ghost\", ghost && !isUnBorderedButtonType(type)), _defineProperty(_classNames, prefixCls + \"-loading\", innerLoading), _defineProperty(_classNames, prefixCls + \"-two-chinese-chars\", hasTwoCNChar && autoInsertSpace && !innerLoading), _defineProperty(_classNames, prefixCls + \"-block\", block), _defineProperty(_classNames, prefixCls + \"-dangerous\", !!danger), _defineProperty(_classNames, prefixCls + \"-rtl\", direction === 'rtl'), _defineProperty(_classNames, prefixCls + \"-disabled\", linkButtonRestProps.href !== undefined && mergedDisabled), _classNames), compactItemClassnames, className);\n  var iconNode = icon && !innerLoading ? icon : /*#__PURE__*/React.createElement(LoadingIcon, {\n    existIcon: !!icon,\n    prefixCls: prefixCls,\n    loading: !!innerLoading\n  });\n  var kids = children || children === 0 ? spaceChildren(children, isNeedInserted() && autoInsertSpace) : null;\n  if (linkButtonRestProps.href !== undefined) {\n    return wrapSSR( /*#__PURE__*/React.createElement(\"a\", _extends({}, linkButtonRestProps, {\n      className: classes,\n      onClick: handleClick,\n      ref: buttonRef\n    }), iconNode, kids));\n  }\n  var buttonNode = /*#__PURE__*/React.createElement(\"button\", _extends({}, rest, {\n    type: htmlType,\n    className: classes,\n    onClick: handleClick,\n    disabled: mergedDisabled,\n    ref: buttonRef\n  }), iconNode, kids);\n  if (!isUnBorderedButtonType(type)) {\n    buttonNode = /*#__PURE__*/React.createElement(Wave, {\n      disabled: !!innerLoading\n    }, buttonNode);\n  }\n  return wrapSSR(buttonNode);\n};\nvar Button = /*#__PURE__*/React.forwardRef(InternalButton);\nif (process.env.NODE_ENV !== 'production') {\n  Button.displayName = 'Button';\n}\nButton.Group = Group;\nButton.__ANT_BUTTON = true;\nexport default Button;","import Button from './button';\nexport default Button;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport classNames from 'classnames';\nimport omit from \"rc-util/es/omit\";\nimport * as React from 'react';\nimport { ConfigContext } from '../config-provider';\nimport Checkbox from './Checkbox';\nimport useStyle from './style';\nexport var GroupContext = /*#__PURE__*/React.createContext(null);\nvar InternalCheckboxGroup = function InternalCheckboxGroup(_a, ref) {\n  var defaultValue = _a.defaultValue,\n    children = _a.children,\n    _a$options = _a.options,\n    options = _a$options === void 0 ? [] : _a$options,\n    customizePrefixCls = _a.prefixCls,\n    className = _a.className,\n    style = _a.style,\n    onChange = _a.onChange,\n    restProps = __rest(_a, [\"defaultValue\", \"children\", \"options\", \"prefixCls\", \"className\", \"style\", \"onChange\"]);\n  var _React$useContext = React.useContext(ConfigContext),\n    getPrefixCls = _React$useContext.getPrefixCls,\n    direction = _React$useContext.direction;\n  var _React$useState = React.useState(restProps.value || defaultValue || []),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    value = _React$useState2[0],\n    setValue = _React$useState2[1];\n  var _React$useState3 = React.useState([]),\n    _React$useState4 = _slicedToArray(_React$useState3, 2),\n    registeredValues = _React$useState4[0],\n    setRegisteredValues = _React$useState4[1];\n  React.useEffect(function () {\n    if ('value' in restProps) {\n      setValue(restProps.value || []);\n    }\n  }, [restProps.value]);\n  var getOptions = function getOptions() {\n    return options.map(function (option) {\n      if (typeof option === 'string' || typeof option === 'number') {\n        return {\n          label: option,\n          value: option\n        };\n      }\n      return option;\n    });\n  };\n  var cancelValue = function cancelValue(val) {\n    setRegisteredValues(function (prevValues) {\n      return prevValues.filter(function (v) {\n        return v !== val;\n      });\n    });\n  };\n  var registerValue = function registerValue(val) {\n    setRegisteredValues(function (prevValues) {\n      return [].concat(_toConsumableArray(prevValues), [val]);\n    });\n  };\n  var toggleOption = function toggleOption(option) {\n    var optionIndex = value.indexOf(option.value);\n    var newValue = _toConsumableArray(value);\n    if (optionIndex === -1) {\n      newValue.push(option.value);\n    } else {\n      newValue.splice(optionIndex, 1);\n    }\n    if (!('value' in restProps)) {\n      setValue(newValue);\n    }\n    var opts = getOptions();\n    onChange === null || onChange === void 0 ? void 0 : onChange(newValue.filter(function (val) {\n      return registeredValues.includes(val);\n    }).sort(function (a, b) {\n      var indexA = opts.findIndex(function (opt) {\n        return opt.value === a;\n      });\n      var indexB = opts.findIndex(function (opt) {\n        return opt.value === b;\n      });\n      return indexA - indexB;\n    }));\n  };\n  var prefixCls = getPrefixCls('checkbox', customizePrefixCls);\n  var groupPrefixCls = prefixCls + \"-group\";\n  var _useStyle = useStyle(prefixCls),\n    _useStyle2 = _slicedToArray(_useStyle, 2),\n    wrapSSR = _useStyle2[0],\n    hashId = _useStyle2[1];\n  var domProps = omit(restProps, ['value', 'disabled']);\n  if (options && options.length > 0) {\n    children = getOptions().map(function (option) {\n      return /*#__PURE__*/React.createElement(Checkbox, {\n        prefixCls: prefixCls,\n        key: option.value.toString(),\n        disabled: 'disabled' in option ? option.disabled : restProps.disabled,\n        value: option.value,\n        checked: value.includes(option.value),\n        onChange: option.onChange,\n        className: groupPrefixCls + \"-item\",\n        style: option.style\n      }, option.label);\n    });\n  }\n  // eslint-disable-next-line react/jsx-no-constructed-context-values\n  var context = {\n    toggleOption: toggleOption,\n    value: value,\n    disabled: restProps.disabled,\n    name: restProps.name,\n    // https://github.com/ant-design/ant-design/issues/16376\n    registerValue: registerValue,\n    cancelValue: cancelValue\n  };\n  var classString = classNames(groupPrefixCls, _defineProperty({}, groupPrefixCls + \"-rtl\", direction === 'rtl'), className, hashId);\n  return wrapSSR( /*#__PURE__*/React.createElement(\"div\", _extends({\n    className: classString,\n    style: style\n  }, domProps, {\n    ref: ref\n  }), /*#__PURE__*/React.createElement(GroupContext.Provider, {\n    value: context\n  }, children)));\n};\nvar CheckboxGroup = /*#__PURE__*/React.forwardRef(InternalCheckboxGroup);\nexport default /*#__PURE__*/React.memo(CheckboxGroup);","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport classNames from 'classnames';\nimport RcCheckbox from 'rc-checkbox';\nimport * as React from 'react';\nimport { useContext } from 'react';\nimport { ConfigContext } from '../config-provider';\nimport { FormItemInputContext } from '../form/context';\nimport warning from '../_util/warning';\nimport { GroupContext } from './Group';\nimport DisabledContext from '../config-provider/DisabledContext';\nimport useStyle from './style';\nvar InternalCheckbox = function InternalCheckbox(_a, ref) {\n  var _classNames;\n  var _b;\n  var customizePrefixCls = _a.prefixCls,\n    className = _a.className,\n    children = _a.children,\n    _a$indeterminate = _a.indeterminate,\n    indeterminate = _a$indeterminate === void 0 ? false : _a$indeterminate,\n    style = _a.style,\n    onMouseEnter = _a.onMouseEnter,\n    onMouseLeave = _a.onMouseLeave,\n    _a$skipGroup = _a.skipGroup,\n    skipGroup = _a$skipGroup === void 0 ? false : _a$skipGroup,\n    disabled = _a.disabled,\n    restProps = __rest(_a, [\"prefixCls\", \"className\", \"children\", \"indeterminate\", \"style\", \"onMouseEnter\", \"onMouseLeave\", \"skipGroup\", \"disabled\"]);\n  var _React$useContext = React.useContext(ConfigContext),\n    getPrefixCls = _React$useContext.getPrefixCls,\n    direction = _React$useContext.direction;\n  var checkboxGroup = React.useContext(GroupContext);\n  var _useContext = useContext(FormItemInputContext),\n    isFormItemInput = _useContext.isFormItemInput;\n  var contextDisabled = useContext(DisabledContext);\n  var mergedDisabled = (_b = (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.disabled) || disabled) !== null && _b !== void 0 ? _b : contextDisabled;\n  var prevValue = React.useRef(restProps.value);\n  React.useEffect(function () {\n    checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.registerValue(restProps.value);\n    process.env.NODE_ENV !== \"production\" ? warning('checked' in restProps || !!checkboxGroup || !('value' in restProps), 'Checkbox', '`value` is not a valid prop, do you mean `checked`?') : void 0;\n  }, []);\n  React.useEffect(function () {\n    if (skipGroup) {\n      return;\n    }\n    if (restProps.value !== prevValue.current) {\n      checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.cancelValue(prevValue.current);\n      checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.registerValue(restProps.value);\n      prevValue.current = restProps.value;\n    }\n    return function () {\n      return checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.cancelValue(restProps.value);\n    };\n  }, [restProps.value]);\n  var prefixCls = getPrefixCls('checkbox', customizePrefixCls);\n  var _useStyle = useStyle(prefixCls),\n    _useStyle2 = _slicedToArray(_useStyle, 2),\n    wrapSSR = _useStyle2[0],\n    hashId = _useStyle2[1];\n  var checkboxProps = _extends({}, restProps);\n  if (checkboxGroup && !skipGroup) {\n    checkboxProps.onChange = function () {\n      if (restProps.onChange) {\n        restProps.onChange.apply(restProps, arguments);\n      }\n      if (checkboxGroup.toggleOption) {\n        checkboxGroup.toggleOption({\n          label: children,\n          value: restProps.value\n        });\n      }\n    };\n    checkboxProps.name = checkboxGroup.name;\n    checkboxProps.checked = checkboxGroup.value.includes(restProps.value);\n  }\n  var classString = classNames((_classNames = {}, _defineProperty(_classNames, prefixCls + \"-wrapper\", true), _defineProperty(_classNames, prefixCls + \"-rtl\", direction === 'rtl'), _defineProperty(_classNames, prefixCls + \"-wrapper-checked\", checkboxProps.checked), _defineProperty(_classNames, prefixCls + \"-wrapper-disabled\", mergedDisabled), _defineProperty(_classNames, prefixCls + \"-wrapper-in-form-item\", isFormItemInput), _classNames), className, hashId);\n  var checkboxClass = classNames(_defineProperty({}, prefixCls + \"-indeterminate\", indeterminate), hashId);\n  var ariaChecked = indeterminate ? 'mixed' : undefined;\n  return wrapSSR(\n  /*#__PURE__*/\n  // eslint-disable-next-line jsx-a11y/label-has-associated-control\n  React.createElement(\"label\", {\n    className: classString,\n    style: style,\n    onMouseEnter: onMouseEnter,\n    onMouseLeave: onMouseLeave\n  }, /*#__PURE__*/React.createElement(RcCheckbox, _extends({\n    \"aria-checked\": ariaChecked\n  }, checkboxProps, {\n    prefixCls: prefixCls,\n    className: checkboxClass,\n    disabled: mergedDisabled,\n    ref: ref\n  })), children !== undefined && /*#__PURE__*/React.createElement(\"span\", null, children)));\n};\nvar Checkbox = /*#__PURE__*/React.forwardRef(InternalCheckbox);\nif (process.env.NODE_ENV !== 'production') {\n  Checkbox.displayName = 'Checkbox';\n}\nexport default Checkbox;","import InternalCheckbox from './Checkbox';\nimport Group from './Group';\nvar Checkbox = InternalCheckbox;\nCheckbox.Group = Group;\nCheckbox.__ANT_CHECKBOX = true;\nexport default Checkbox;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport { Keyframes } from '@ant-design/cssinjs';\nimport { genComponentStyleHook, mergeToken } from '../../theme';\nimport { genFocusOutline, resetComponent } from '../../style';\n// ============================== Motion ==============================\nvar antCheckboxEffect = new Keyframes('antCheckboxEffect', {\n  '0%': {\n    transform: 'scale(1)',\n    opacity: 0.5\n  },\n  '100%': {\n    transform: 'scale(1.6)',\n    opacity: 0\n  }\n});\n// ============================== Styles ==============================\nexport var genCheckboxStyle = function genCheckboxStyle(token) {\n  var _extends2, _ref2, _ref5, _ref6, _ref8, _ref9, _ref10;\n  var checkboxCls = token.checkboxCls;\n  var wrapperCls = checkboxCls + \"-wrapper\";\n  return [(_ref2 = {}, _defineProperty(_ref2, checkboxCls + \"-group\", _extends(_extends({}, resetComponent(token)), {\n    display: 'inline-flex'\n  })), _defineProperty(_ref2, wrapperCls, _extends(_extends({}, resetComponent(token)), {\n    display: 'inline-flex',\n    alignItems: 'baseline',\n    lineHeight: 'unset',\n    cursor: 'pointer',\n    // Fix checkbox & radio in flex align #30260\n    '&:after': {\n      display: 'inline-block',\n      width: 0,\n      overflow: 'hidden',\n      content: \"'\\\\a0'\"\n    },\n    // Checkbox near checkbox\n    '& + &': {\n      marginInlineStart: token.marginXS\n    },\n    '&&-in-form-item': {\n      'input[type=\"checkbox\"]': {\n        width: 14,\n        height: 14 // FIXME: magic\n      }\n    }\n  })), _defineProperty(_ref2, checkboxCls, _extends(_extends({}, resetComponent(token)), (_extends2 = {\n    top: '0.2em',\n    position: 'relative',\n    whiteSpace: 'nowrap',\n    lineHeight: 1,\n    cursor: 'pointer'\n  }, _defineProperty(_extends2, checkboxCls + \"-input\", _defineProperty({\n    position: 'absolute',\n    inset: 0,\n    zIndex: 1,\n    width: '100%',\n    height: '100%',\n    cursor: 'pointer',\n    opacity: 0\n  }, \"&:focus-visible + \" + checkboxCls + \"-inner\", _extends({}, genFocusOutline(token)))), _defineProperty(_extends2, checkboxCls + \"-inner\", {\n    boxSizing: 'border-box',\n    position: 'relative',\n    top: 0,\n    insetInlineStart: 0,\n    display: 'block',\n    width: token.checkboxSize,\n    height: token.checkboxSize,\n    direction: 'ltr',\n    backgroundColor: token.colorBgContainer,\n    border: token.lineWidth + \"px \" + token.lineType + \" \" + token.colorBorder,\n    borderRadius: token.borderRadiusSM,\n    borderCollapse: 'separate',\n    transition: \"all \" + token.motionDurationSlow,\n    '&:after': {\n      boxSizing: 'border-box',\n      position: 'absolute',\n      top: '50%',\n      insetInlineStart: '21.5%',\n      display: 'table',\n      width: token.checkboxSize / 14 * 5,\n      height: token.checkboxSize / 14 * 8,\n      border: token.lineWidthBold + \"px solid \" + token.colorWhite,\n      borderTop: 0,\n      borderInlineStart: 0,\n      transform: 'rotate(45deg) scale(0) translate(-50%,-50%)',\n      opacity: 0,\n      content: '\"\"',\n      transition: \"all \" + token.motionDurationFast + \" \" + token.motionEaseInBack + \", opacity \" + token.motionDurationFast\n    }\n  }), _defineProperty(_extends2, '& + span', {\n    paddingInlineStart: token.paddingXS,\n    paddingInlineEnd: token.paddingXS\n  }), _extends2))), _ref2), // ================= Indeterminate =================\n  _defineProperty({}, checkboxCls, {\n    '&-indeterminate': _defineProperty({}, checkboxCls + \"-inner\", {\n      '&:after': {\n        top: '50%',\n        insetInlineStart: '50%',\n        width: token.fontSizeLG / 2,\n        height: token.fontSizeLG / 2,\n        backgroundColor: token.colorPrimary,\n        border: 0,\n        transform: 'translate(-50%, -50%) scale(1)',\n        opacity: 1,\n        content: '\"\"'\n      }\n    })\n  }), (_ref5 = {}, _defineProperty(_ref5, wrapperCls + \":hover \" + checkboxCls + \":after\", {\n    visibility: 'visible'\n  }), _defineProperty(_ref5, \"\\n        \" + wrapperCls + \":not(\" + wrapperCls + \"-disabled),\\n        \" + checkboxCls + \":not(\" + checkboxCls + \"-disabled)\\n      \", _defineProperty({}, \"&:hover \" + checkboxCls + \"-inner\", {\n    borderColor: token.colorPrimary\n  })), _ref5), (_ref8 = {}, _defineProperty(_ref8, checkboxCls + \"-checked\", (_ref6 = {}, _defineProperty(_ref6, checkboxCls + \"-inner\", {\n    backgroundColor: token.colorPrimary,\n    borderColor: token.colorPrimary,\n    zIndex: 2,\n    '&:after': {\n      opacity: 1,\n      transform: 'rotate(45deg) scale(1) translate(-50%,-50%)',\n      transition: \"all \" + token.motionDurationMid + \" \" + token.motionEaseOutBack + \" \" + token.motionDurationFast\n    }\n  }), _defineProperty(_ref6, '&:after', {\n    position: 'absolute',\n    zIndex: 1,\n    top: 0,\n    insetInlineStart: 0,\n    width: '100%',\n    height: '100%',\n    borderRadius: token.borderRadiusSM,\n    visibility: 'hidden',\n    border: token.lineWidthBold + \"px solid \" + token.colorPrimary,\n    animationName: antCheckboxEffect,\n    animationDuration: token.motionDurationSlow,\n    animationTimingFunction: 'ease-in-out',\n    animationFillMode: 'backwards',\n    content: '\"\"'\n  }), _ref6)), _defineProperty(_ref8, \"\\n        \" + wrapperCls + \"-checked:not(\" + wrapperCls + \"-disabled),\\n        \" + checkboxCls + \"-checked:not(\" + checkboxCls + \"-disabled)\\n      \", _defineProperty({}, \"&:hover \" + checkboxCls + \"-inner\", {\n    backgroundColor: token.colorPrimaryHover,\n    borderColor: 'transparent'\n  })), _ref8), (_ref10 = {}, _defineProperty(_ref10, wrapperCls + \"-disabled\", {\n    cursor: 'not-allowed'\n  }), _defineProperty(_ref10, checkboxCls + \"-disabled\", (_ref9 = {}, _defineProperty(_ref9, \"&, \" + checkboxCls + \"-input\", {\n    cursor: 'not-allowed'\n  }), _defineProperty(_ref9, checkboxCls + \"-inner\", {\n    background: token.colorBgContainerDisabled,\n    borderColor: token.colorBorder,\n    '&:after': {\n      borderColor: token.colorTextDisabled\n    }\n  }), _defineProperty(_ref9, '&:after', {\n    display: 'none'\n  }), _defineProperty(_ref9, '& + span', {\n    color: token.colorTextDisabled\n  }), _ref9)), _ref10)];\n};\n// ============================== Export ==============================\nexport function getStyle(prefixCls, token) {\n  var checkboxToken = mergeToken(token, {\n    checkboxCls: \".\" + prefixCls,\n    checkboxSize: token.controlInteractiveSize\n  });\n  return [genCheckboxStyle(checkboxToken)];\n}\nexport default genComponentStyleHook('Checkbox', function (token, _ref11) {\n  var prefixCls = _ref11.prefixCls;\n  return [getStyle(prefixCls, token)];\n});","import { Col } from '../grid';\nexport default Col;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport classNames from 'classnames';\nimport RcCollapse from 'rc-collapse';\nimport * as React from 'react';\nimport { ConfigContext } from '../config-provider';\nimport warning from '../_util/warning';\nvar CollapsePanel = function CollapsePanel(props) {\n  process.env.NODE_ENV !== \"production\" ? warning(!('disabled' in props), 'Collapse.Panel', '`disabled` is deprecated. Please use `collapsible=\"disabled\"` instead.') : void 0;\n  var _React$useContext = React.useContext(ConfigContext),\n    getPrefixCls = _React$useContext.getPrefixCls;\n  var customizePrefixCls = props.prefixCls,\n    _props$className = props.className,\n    className = _props$className === void 0 ? '' : _props$className,\n    _props$showArrow = props.showArrow,\n    showArrow = _props$showArrow === void 0 ? true : _props$showArrow;\n  var prefixCls = getPrefixCls('collapse', customizePrefixCls);\n  var collapsePanelClassName = classNames(_defineProperty({}, prefixCls + \"-no-arrow\", !showArrow), className);\n  return /*#__PURE__*/React.createElement(RcCollapse.Panel, _extends({}, props, {\n    prefixCls: prefixCls,\n    className: collapsePanelClassName\n  }));\n};\nexport default CollapsePanel;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport { genCollapseMotion } from '../../style/motion';\nimport { genComponentStyleHook, mergeToken } from '../../theme';\nimport { resetComponent, resetIcon } from '../../style';\nexport var genBaseStyle = function genBaseStyle(token) {\n  var _ref, _ref5, _ref6, _extends2;\n  var componentCls = token.componentCls,\n    collapseContentBg = token.collapseContentBg,\n    padding = token.padding,\n    collapseContentPaddingHorizontal = token.collapseContentPaddingHorizontal,\n    collapseHeaderBg = token.collapseHeaderBg,\n    collapseHeaderPadding = token.collapseHeaderPadding,\n    collapsePanelBorderRadius = token.collapsePanelBorderRadius,\n    lineWidth = token.lineWidth,\n    lineType = token.lineType,\n    colorBorder = token.colorBorder,\n    colorText = token.colorText,\n    colorTextHeading = token.colorTextHeading,\n    colorTextDisabled = token.colorTextDisabled,\n    fontSize = token.fontSize,\n    lineHeight = token.lineHeight,\n    marginSM = token.marginSM,\n    paddingSM = token.paddingSM,\n    motionDurationSlow = token.motionDurationSlow,\n    fontSizeIcon = token.fontSizeIcon;\n  var borderBase = lineWidth + \"px \" + lineType + \" \" + colorBorder;\n  return _defineProperty({}, componentCls, _extends(_extends({}, resetComponent(token)), (_extends2 = {\n    backgroundColor: collapseHeaderBg,\n    border: borderBase,\n    borderBottom: 0,\n    borderRadius: collapsePanelBorderRadius + \"px\"\n  }, _defineProperty(_extends2, \"&-rtl\", {\n    direction: 'rtl'\n  }), _defineProperty(_extends2, \"& > \" + componentCls + \"-item\", (_ref5 = {\n    borderBottom: borderBase\n  }, _defineProperty(_ref5, \"&:last-child\", _defineProperty({}, \"\\n            &,\\n            & > \" + componentCls + \"-header\", {\n    borderRadius: \"0 0 \" + collapsePanelBorderRadius + \"px \" + collapsePanelBorderRadius + \"px\"\n  })), _defineProperty(_ref5, \"> \" + componentCls + \"-header\", (_ref = {\n    position: 'relative',\n    display: 'flex',\n    flexWrap: 'nowrap',\n    alignItems: 'flex-start',\n    padding: collapseHeaderPadding,\n    color: colorTextHeading,\n    lineHeight: lineHeight,\n    cursor: 'pointer',\n    transition: \"all \" + motionDurationSlow + \", visibility 0s\"\n  }, _defineProperty(_ref, \"> \" + componentCls + \"-header-text\", {\n    flex: 'auto'\n  }), _defineProperty(_ref, '&:focus', {\n    outline: 'none'\n  }), _defineProperty(_ref, componentCls + \"-expand-icon\", {\n    height: fontSize * lineHeight,\n    display: 'flex',\n    alignItems: 'center',\n    paddingInlineEnd: marginSM\n  }), _defineProperty(_ref, componentCls + \"-arrow\", _extends(_extends({}, resetIcon()), {\n    fontSize: fontSizeIcon,\n    svg: {\n      transition: \"transform \" + motionDurationSlow\n    }\n  })), _defineProperty(_ref, componentCls + \"-header-text\", {\n    marginInlineEnd: 'auto'\n  }), _ref)), _defineProperty(_ref5, componentCls + \"-header-collapsible-only\", _defineProperty({\n    cursor: 'default'\n  }, componentCls + \"-header-text\", {\n    flex: 'none',\n    cursor: 'pointer'\n  })), _defineProperty(_ref5, componentCls + \"-icon-collapsible-only\", _defineProperty({\n    cursor: 'default'\n  }, componentCls + \"-expand-icon\", {\n    cursor: 'pointer'\n  })), _defineProperty(_ref5, \"&\" + componentCls + \"-no-arrow\", _defineProperty({}, \"> \" + componentCls + \"-header\", {\n    paddingInlineStart: paddingSM\n  })), _ref5)), _defineProperty(_extends2, componentCls + \"-content\", (_ref6 = {\n    color: colorText,\n    backgroundColor: collapseContentBg,\n    borderTop: borderBase\n  }, _defineProperty(_ref6, \"& > \" + componentCls + \"-content-box\", {\n    padding: padding + \"px \" + collapseContentPaddingHorizontal + \"px\"\n  }), _defineProperty(_ref6, \"&-hidden\", {\n    display: 'none'\n  }), _ref6)), _defineProperty(_extends2, componentCls + \"-item:last-child\", _defineProperty({}, \"> \" + componentCls + \"-content\", {\n    borderRadius: \"0 0 \" + collapsePanelBorderRadius + \"px \" + collapsePanelBorderRadius + \"px\"\n  })), _defineProperty(_extends2, \"& \" + componentCls + \"-item-disabled > \" + componentCls + \"-header\", _defineProperty({}, \"\\n          &,\\n          & > .arrow\\n        \", {\n    color: colorTextDisabled,\n    cursor: 'not-allowed'\n  })), _defineProperty(_extends2, \"&\" + componentCls + \"-icon-position-end\", _defineProperty({}, \"& > \" + componentCls + \"-item\", _defineProperty({}, \"> \" + componentCls + \"-header\", _defineProperty({}, componentCls + \"-expand-icon\", {\n    order: 1,\n    paddingInlineEnd: 0,\n    paddingInlineStart: marginSM\n  })))), _extends2)));\n};\nvar genArrowStyle = function genArrowStyle(token) {\n  var componentCls = token.componentCls;\n  var fixedSelector = \"> \" + componentCls + \"-item > \" + componentCls + \"-header \" + componentCls + \"-arrow svg\";\n  return _defineProperty({}, componentCls + \"-rtl\", _defineProperty({}, fixedSelector, {\n    transform: \"rotate(180deg)\"\n  }));\n};\nvar genBorderlessStyle = function genBorderlessStyle(token) {\n  var _ref15;\n  var componentCls = token.componentCls,\n    collapseHeaderBg = token.collapseHeaderBg,\n    paddingXXS = token.paddingXXS,\n    colorBorder = token.colorBorder;\n  return _defineProperty({}, componentCls + \"-borderless\", (_ref15 = {\n    backgroundColor: collapseHeaderBg,\n    border: 0\n  }, _defineProperty(_ref15, \"> \" + componentCls + \"-item\", {\n    borderBottom: \"1px solid \" + colorBorder\n  }), _defineProperty(_ref15, \"\\n        > \" + componentCls + \"-item:last-child,\\n        > \" + componentCls + \"-item:last-child \" + componentCls + \"-header\\n      \", {\n    borderRadius: 0\n  }), _defineProperty(_ref15, \"> \" + componentCls + \"-item:last-child\", {\n    borderBottom: 0\n  }), _defineProperty(_ref15, \"> \" + componentCls + \"-item > \" + componentCls + \"-content\", {\n    backgroundColor: 'transparent',\n    borderTop: 0\n  }), _defineProperty(_ref15, \"> \" + componentCls + \"-item > \" + componentCls + \"-content > \" + componentCls + \"-content-box\", {\n    paddingTop: paddingXXS\n  }), _ref15));\n};\nvar genGhostStyle = function genGhostStyle(token) {\n  var componentCls = token.componentCls,\n    paddingSM = token.paddingSM;\n  return _defineProperty({}, componentCls + \"-ghost\", _defineProperty({\n    backgroundColor: 'transparent',\n    border: 0\n  }, \"> \" + componentCls + \"-item\", _defineProperty({\n    borderBottom: 0\n  }, \"> \" + componentCls + \"-content\", _defineProperty({\n    backgroundColor: 'transparent',\n    border: 0\n  }, \"> \" + componentCls + \"-content-box\", {\n    paddingBlock: paddingSM\n  }))));\n};\nexport default genComponentStyleHook('Collapse', function (token) {\n  var collapseToken = mergeToken(token, {\n    collapseContentBg: token.colorBgContainer,\n    collapseHeaderBg: token.colorFillAlter,\n    collapseHeaderPadding: token.paddingSM + \"px \" + token.padding + \"px\",\n    collapsePanelBorderRadius: token.borderRadiusLG,\n    collapseContentPaddingHorizontal: 16 // Fixed value\n  });\n\n  return [genBaseStyle(collapseToken), genBorderlessStyle(collapseToken), genGhostStyle(collapseToken), genArrowStyle(collapseToken), genCollapseMotion(collapseToken)];\n});","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport RightOutlined from \"@ant-design/icons/es/icons/RightOutlined\";\nimport classNames from 'classnames';\nimport RcCollapse from 'rc-collapse';\nimport * as React from 'react';\nimport toArray from \"rc-util/es/Children/toArray\";\nimport omit from \"rc-util/es/omit\";\nimport { ConfigContext } from '../config-provider';\nimport initCollapseMotion from '../_util/motion';\nimport { cloneElement } from '../_util/reactNode';\nimport warning from '../_util/warning';\nimport CollapsePanel from './CollapsePanel';\nimport useStyle from './style';\nvar Collapse = function Collapse(props) {\n  var _classNames;\n  var _React$useContext = React.useContext(ConfigContext),\n    getPrefixCls = _React$useContext.getPrefixCls,\n    direction = _React$useContext.direction;\n  var customizePrefixCls = props.prefixCls,\n    _props$className = props.className,\n    className = _props$className === void 0 ? '' : _props$className,\n    _props$bordered = props.bordered,\n    bordered = _props$bordered === void 0 ? true : _props$bordered,\n    ghost = props.ghost,\n    _props$expandIconPosi = props.expandIconPosition,\n    expandIconPosition = _props$expandIconPosi === void 0 ? 'start' : _props$expandIconPosi;\n  var prefixCls = getPrefixCls('collapse', customizePrefixCls);\n  var rootPrefixCls = getPrefixCls();\n  var _useStyle = useStyle(prefixCls),\n    _useStyle2 = _slicedToArray(_useStyle, 2),\n    wrapSSR = _useStyle2[0],\n    hashId = _useStyle2[1];\n  // Warning if use legacy type `expandIconPosition`\n  process.env.NODE_ENV !== \"production\" ? warning(expandIconPosition !== 'left' && expandIconPosition !== 'right', 'Collapse', '`expandIconPosition` with `left` or `right` is deprecated. Please use `start` or `end` instead.') : void 0;\n  // Align with logic position\n  var mergedExpandIconPosition = React.useMemo(function () {\n    if (expandIconPosition === 'left') {\n      return 'start';\n    }\n    return expandIconPosition === 'right' ? 'end' : expandIconPosition;\n  }, [expandIconPosition]);\n  var renderExpandIcon = function renderExpandIcon() {\n    var panelProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    var expandIcon = props.expandIcon;\n    var icon = expandIcon ? expandIcon(panelProps) : /*#__PURE__*/React.createElement(RightOutlined, {\n      rotate: panelProps.isActive ? 90 : undefined\n    });\n    return cloneElement(icon, function () {\n      return {\n        className: classNames(icon.props.className, prefixCls + \"-arrow\")\n      };\n    });\n  };\n  var collapseClassName = classNames(prefixCls + \"-icon-position-\" + mergedExpandIconPosition, (_classNames = {}, _defineProperty(_classNames, prefixCls + \"-borderless\", !bordered), _defineProperty(_classNames, prefixCls + \"-rtl\", direction === 'rtl'), _defineProperty(_classNames, prefixCls + \"-ghost\", !!ghost), _classNames), className, hashId);\n  var openMotion = _extends(_extends({}, initCollapseMotion(rootPrefixCls)), {\n    motionAppear: false,\n    leavedClassName: prefixCls + \"-content-hidden\"\n  });\n  var getItems = function getItems() {\n    var children = props.children;\n    return toArray(children).map(function (child, index) {\n      var _a;\n      if ((_a = child.props) === null || _a === void 0 ? void 0 : _a.disabled) {\n        var key = child.key || String(index);\n        var _child$props = child.props,\n          disabled = _child$props.disabled,\n          collapsible = _child$props.collapsible;\n        var childProps = _extends(_extends({}, omit(child.props, ['disabled'])), {\n          key: key,\n          collapsible: collapsible !== null && collapsible !== void 0 ? collapsible : disabled ? 'disabled' : undefined\n        });\n        return cloneElement(child, childProps);\n      }\n      return child;\n    });\n  };\n  return wrapSSR( /*#__PURE__*/React.createElement(RcCollapse, _extends({\n    openMotion: openMotion\n  }, props, {\n    expandIcon: renderExpandIcon,\n    prefixCls: prefixCls,\n    className: collapseClassName\n  }), getItems()));\n};\nCollapse.Panel = CollapsePanel;\nexport default Collapse;","import Collapse from './Collapse';\nexport default Collapse;","import * as React from 'react';\nvar DisabledContext = /*#__PURE__*/React.createContext(false);\nexport var DisabledContextProvider = function DisabledContextProvider(_ref) {\n  var children = _ref.children,\n    disabled = _ref.disabled;\n  var originDisabled = React.useContext(DisabledContext);\n  return /*#__PURE__*/React.createElement(DisabledContext.Provider, {\n    value: disabled || originDisabled\n  }, children);\n};\nexport default DisabledContext;","import * as React from 'react';\nvar SizeContext = /*#__PURE__*/React.createContext(undefined);\nexport var SizeContextProvider = function SizeContextProvider(_ref) {\n  var children = _ref.children,\n    size = _ref.size;\n  return /*#__PURE__*/React.createElement(SizeContext.Consumer, null, function (originSize) {\n    return /*#__PURE__*/React.createElement(SizeContext.Provider, {\n      value: size || originSize\n    }, children);\n  });\n};\nexport default SizeContext;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nexport var defaultIconPrefixCls = 'anticon';\nvar defaultGetPrefixCls = function defaultGetPrefixCls(suffixCls, customizePrefixCls) {\n  if (customizePrefixCls) return customizePrefixCls;\n  return suffixCls ? \"ant-\" + suffixCls : 'ant';\n};\n// zombieJ: 🚨 Do not pass `defaultRenderEmpty` here since it will case circular dependency.\nexport var ConfigContext = /*#__PURE__*/React.createContext({\n  // We provide a default function for Context without provider\n  getPrefixCls: defaultGetPrefixCls,\n  iconPrefixCls: defaultIconPrefixCls\n});\nexport var ConfigConsumer = ConfigContext.Consumer;\n/** @deprecated Use hooks instead. This is a legacy function */\nexport function withConfigConsumer(config) {\n  return function withConfigConsumerFunc(Component) {\n    // Wrap with ConfigConsumer. Since we need compatible with react 15, be care when using ref methods\n    var SFC = function SFC(props) {\n      return /*#__PURE__*/React.createElement(ConfigConsumer, null, function (configProps) {\n        var basicPrefixCls = config.prefixCls;\n        var getPrefixCls = configProps.getPrefixCls;\n        var customizePrefixCls = props.prefixCls;\n        var prefixCls = getPrefixCls(basicPrefixCls, customizePrefixCls);\n        return /*#__PURE__*/React.createElement(Component, _extends({}, configProps, props, {\n          prefixCls: prefixCls\n        }));\n      });\n    };\n    var cons = Component.constructor;\n    var name = cons && cons.displayName || Component.name || 'Component';\n    if (process.env.NODE_ENV !== 'production') {\n      SFC.displayName = \"withConfigConsumer(\" + name + \")\";\n    }\n    return SFC;\n  };\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport warning from '../_util/warning';\nimport { changeConfirmLocale } from '../modal/locale';\nimport LocaleContext from './context';\nexport var ANT_MARK = 'internalMark';\nvar LocaleProvider = function LocaleProvider(props) {\n  var _props$locale = props.locale,\n    locale = _props$locale === void 0 ? {} : _props$locale,\n    children = props.children,\n    _ANT_MARK__ = props._ANT_MARK__;\n  if (process.env.NODE_ENV !== 'production') {\n    process.env.NODE_ENV !== \"production\" ? warning(_ANT_MARK__ === ANT_MARK, 'LocaleProvider', '`LocaleProvider` is deprecated. Please use `locale` with `ConfigProvider` instead: http://u.ant.design/locale') : void 0;\n  }\n  React.useEffect(function () {\n    changeConfirmLocale(locale && locale.Modal);\n    return function () {\n      changeConfirmLocale();\n    };\n  }, [locale]);\n  var getMemoizedContextValue = React.useMemo(function () {\n    return _extends(_extends({}, locale), {\n      exist: true\n    });\n  }, [locale]);\n  return /*#__PURE__*/React.createElement(LocaleContext.Provider, {\n    value: getMemoizedContextValue\n  }, children);\n};\nexport default LocaleProvider;","/* eslint-disable import/prefer-default-export, prefer-destructuring */\nimport { generate } from '@ant-design/colors';\nimport { TinyColor } from '@ctrl/tinycolor';\nimport canUseDom from \"rc-util/es/Dom/canUseDom\";\nimport { updateCSS } from \"rc-util/es/Dom/dynamicCSS\";\nimport warning from '../_util/warning';\nvar dynamicStyleMark = \"-ant-\" + Date.now() + \"-\" + Math.random();\nexport function getStyle(globalPrefixCls, theme) {\n  var variables = {};\n  var formatColor = function formatColor(color, updater) {\n    var clone = color.clone();\n    clone = (updater === null || updater === void 0 ? void 0 : updater(clone)) || clone;\n    return clone.toRgbString();\n  };\n  var fillColor = function fillColor(colorVal, type) {\n    var baseColor = new TinyColor(colorVal);\n    var colorPalettes = generate(baseColor.toRgbString());\n    variables[type + \"-color\"] = formatColor(baseColor);\n    variables[type + \"-color-disabled\"] = colorPalettes[1];\n    variables[type + \"-color-hover\"] = colorPalettes[4];\n    variables[type + \"-color-active\"] = colorPalettes[6];\n    variables[type + \"-color-outline\"] = baseColor.clone().setAlpha(0.2).toRgbString();\n    variables[type + \"-color-deprecated-bg\"] = colorPalettes[0];\n    variables[type + \"-color-deprecated-border\"] = colorPalettes[2];\n  };\n  // ================ Primary Color ================\n  if (theme.primaryColor) {\n    fillColor(theme.primaryColor, 'primary');\n    var primaryColor = new TinyColor(theme.primaryColor);\n    var primaryColors = generate(primaryColor.toRgbString());\n    // Legacy - We should use semantic naming standard\n    primaryColors.forEach(function (color, index) {\n      variables[\"primary-\" + (index + 1)] = color;\n    });\n    // Deprecated\n    variables['primary-color-deprecated-l-35'] = formatColor(primaryColor, function (c) {\n      return c.lighten(35);\n    });\n    variables['primary-color-deprecated-l-20'] = formatColor(primaryColor, function (c) {\n      return c.lighten(20);\n    });\n    variables['primary-color-deprecated-t-20'] = formatColor(primaryColor, function (c) {\n      return c.tint(20);\n    });\n    variables['primary-color-deprecated-t-50'] = formatColor(primaryColor, function (c) {\n      return c.tint(50);\n    });\n    variables['primary-color-deprecated-f-12'] = formatColor(primaryColor, function (c) {\n      return c.setAlpha(c.getAlpha() * 0.12);\n    });\n    var primaryActiveColor = new TinyColor(primaryColors[0]);\n    variables['primary-color-active-deprecated-f-30'] = formatColor(primaryActiveColor, function (c) {\n      return c.setAlpha(c.getAlpha() * 0.3);\n    });\n    variables['primary-color-active-deprecated-d-02'] = formatColor(primaryActiveColor, function (c) {\n      return c.darken(2);\n    });\n  }\n  // ================ Success Color ================\n  if (theme.successColor) {\n    fillColor(theme.successColor, 'success');\n  }\n  // ================ Warning Color ================\n  if (theme.warningColor) {\n    fillColor(theme.warningColor, 'warning');\n  }\n  // ================= Error Color =================\n  if (theme.errorColor) {\n    fillColor(theme.errorColor, 'error');\n  }\n  // ================= Info Color ==================\n  if (theme.infoColor) {\n    fillColor(theme.infoColor, 'info');\n  }\n  // Convert to css variables\n  var cssList = Object.keys(variables).map(function (key) {\n    return \"--\" + globalPrefixCls + \"-\" + key + \": \" + variables[key] + \";\";\n  });\n  return (\"\\n  :root {\\n    \" + cssList.join('\\n') + \"\\n  }\\n  \").trim();\n}\nexport function registerTheme(globalPrefixCls, theme) {\n  var style = getStyle(globalPrefixCls, theme);\n  if (canUseDom()) {\n    updateCSS(style, dynamicStyleMark + \"-dynamic-theme\");\n  } else {\n    process.env.NODE_ENV !== \"production\" ? warning(false, 'ConfigProvider', 'SSR do not support dynamic theme with css variables.') : void 0;\n  }\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport useMemo from \"rc-util/es/hooks/useMemo\";\nimport shallowEqual from 'shallowequal';\nimport { defaultConfig } from '../../theme';\nexport default function useTheme(theme, parentTheme) {\n  var themeConfig = theme || {};\n  var parentThemeConfig = themeConfig.inherit === false || !parentTheme ? defaultConfig : parentTheme;\n  var mergedTheme = useMemo(function () {\n    if (!theme) {\n      return parentTheme;\n    }\n    // Override\n    var mergedComponents = _extends({}, parentThemeConfig.components);\n    Object.keys(theme.components || {}).forEach(function (componentName) {\n      mergedComponents[componentName] = _extends(_extends({}, mergedComponents[componentName]), theme.components[componentName]);\n    });\n    // Base token\n    return _extends(_extends(_extends({}, parentThemeConfig), themeConfig), {\n      token: _extends(_extends({}, parentThemeConfig.token), themeConfig.token),\n      components: mergedComponents\n    });\n  }, [themeConfig, parentThemeConfig], function (prev, next) {\n    return prev.some(function (prevTheme, index) {\n      var nextTheme = next[index];\n      return !shallowEqual(prevTheme, nextTheme);\n    });\n  });\n  return mergedTheme;\n}","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport { useStyleRegister } from '@ant-design/cssinjs';\nimport { resetIcon } from '../../style';\nimport { useToken } from '../../theme';\nvar useStyle = function useStyle(iconPrefixCls) {\n  var _useToken = useToken(),\n    _useToken2 = _slicedToArray(_useToken, 2),\n    theme = _useToken2[0],\n    token = _useToken2[1];\n  // Generate style for icons\n  return useStyleRegister({\n    theme: theme,\n    token: token,\n    hashId: '',\n    path: ['ant-design-icons', iconPrefixCls]\n  }, function () {\n    return [_defineProperty({}, \".\" + iconPrefixCls, resetIcon())];\n  });\n};\nexport default useStyle;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport { createTheme } from '@ant-design/cssinjs';\nimport IconContext from \"@ant-design/icons/es/components/Context\";\nimport { FormProvider as RcFormProvider } from 'rc-field-form';\nimport useMemo from \"rc-util/es/hooks/useMemo\";\nimport * as React from 'react';\nimport LocaleProvider, { ANT_MARK } from '../locale-provider';\nimport LocaleReceiver from '../locale-provider/LocaleReceiver';\nimport defaultLocale from '../locale/en_US';\nimport { DesignTokenContext } from '../theme';\nimport defaultSeedToken from '../theme/themes/seed';\nimport { ConfigConsumer, ConfigContext, defaultIconPrefixCls } from './context';\nimport { registerTheme } from './cssVariables';\nimport { DisabledContextProvider } from './DisabledContext';\nimport useTheme from './hooks/useTheme';\nimport SizeContext, { SizeContextProvider } from './SizeContext';\nimport useStyle from './style';\nexport { ConfigContext, ConfigConsumer };\nexport { defaultIconPrefixCls };\nexport var configConsumerProps = ['getTargetContainer', 'getPopupContainer', 'rootPrefixCls', 'getPrefixCls', 'renderEmpty', 'csp', 'autoInsertSpaceInButton', 'locale', 'pageHeader'];\n// These props is used by `useContext` directly in sub component\nvar PASSED_PROPS = ['getTargetContainer', 'getPopupContainer', 'renderEmpty', 'pageHeader', 'input', 'pagination', 'form'];\nexport var defaultPrefixCls = 'ant';\nvar globalPrefixCls;\nvar globalIconPrefixCls;\nfunction getGlobalPrefixCls() {\n  return globalPrefixCls || defaultPrefixCls;\n}\nfunction getGlobalIconPrefixCls() {\n  return globalIconPrefixCls || defaultIconPrefixCls;\n}\nvar setGlobalConfig = function setGlobalConfig(_ref) {\n  var prefixCls = _ref.prefixCls,\n    iconPrefixCls = _ref.iconPrefixCls,\n    theme = _ref.theme;\n  if (prefixCls !== undefined) {\n    globalPrefixCls = prefixCls;\n  }\n  if (iconPrefixCls !== undefined) {\n    globalIconPrefixCls = iconPrefixCls;\n  }\n  if (theme) {\n    registerTheme(getGlobalPrefixCls(), theme);\n  }\n};\nexport var globalConfig = function globalConfig() {\n  return {\n    getPrefixCls: function getPrefixCls(suffixCls, customizePrefixCls) {\n      if (customizePrefixCls) return customizePrefixCls;\n      return suffixCls ? getGlobalPrefixCls() + \"-\" + suffixCls : getGlobalPrefixCls();\n    },\n    getIconPrefixCls: getGlobalIconPrefixCls,\n    getRootPrefixCls: function getRootPrefixCls() {\n      // If Global prefixCls provided, use this\n      if (globalPrefixCls) {\n        return globalPrefixCls;\n      }\n      // Fallback to default prefixCls\n      return getGlobalPrefixCls();\n    }\n  };\n};\nvar ProviderChildren = function ProviderChildren(props) {\n  var _a, _b;\n  var children = props.children,\n    customCsp = props.csp,\n    autoInsertSpaceInButton = props.autoInsertSpaceInButton,\n    form = props.form,\n    locale = props.locale,\n    componentSize = props.componentSize,\n    direction = props.direction,\n    space = props.space,\n    virtual = props.virtual,\n    dropdownMatchSelectWidth = props.dropdownMatchSelectWidth,\n    legacyLocale = props.legacyLocale,\n    parentContext = props.parentContext,\n    customIconPrefixCls = props.iconPrefixCls,\n    theme = props.theme,\n    componentDisabled = props.componentDisabled;\n  var getPrefixCls = React.useCallback(function (suffixCls, customizePrefixCls) {\n    var prefixCls = props.prefixCls;\n    if (customizePrefixCls) return customizePrefixCls;\n    var mergedPrefixCls = prefixCls || parentContext.getPrefixCls('');\n    return suffixCls ? mergedPrefixCls + \"-\" + suffixCls : mergedPrefixCls;\n  }, [parentContext.getPrefixCls, props.prefixCls]);\n  var iconPrefixCls = customIconPrefixCls || parentContext.iconPrefixCls || defaultIconPrefixCls;\n  var shouldWrapSSR = iconPrefixCls !== parentContext.iconPrefixCls;\n  var csp = customCsp || parentContext.csp;\n  var wrapSSR = useStyle(iconPrefixCls);\n  var mergedTheme = useTheme(theme, parentContext.theme);\n  var config = _extends(_extends({}, parentContext), {\n    csp: csp,\n    autoInsertSpaceInButton: autoInsertSpaceInButton,\n    locale: locale || legacyLocale,\n    direction: direction,\n    space: space,\n    virtual: virtual,\n    dropdownMatchSelectWidth: dropdownMatchSelectWidth,\n    getPrefixCls: getPrefixCls,\n    iconPrefixCls: iconPrefixCls,\n    theme: mergedTheme\n  });\n  // Pass the props used by `useContext` directly with child component.\n  // These props should merged into `config`.\n  PASSED_PROPS.forEach(function (propName) {\n    var propValue = props[propName];\n    if (propValue) {\n      config[propName] = propValue;\n    }\n  });\n  // https://github.com/ant-design/ant-design/issues/27617\n  var memoedConfig = useMemo(function () {\n    return config;\n  }, config, function (prevConfig, currentConfig) {\n    var prevKeys = Object.keys(prevConfig);\n    var currentKeys = Object.keys(currentConfig);\n    return prevKeys.length !== currentKeys.length || prevKeys.some(function (key) {\n      return prevConfig[key] !== currentConfig[key];\n    });\n  });\n  var memoIconContextValue = React.useMemo(function () {\n    return {\n      prefixCls: iconPrefixCls,\n      csp: csp\n    };\n  }, [iconPrefixCls, csp]);\n  var childNode = shouldWrapSSR ? wrapSSR(children) : children;\n  // Additional Form provider\n  var validateMessages = {};\n  if (locale) {\n    validateMessages = ((_a = locale.Form) === null || _a === void 0 ? void 0 : _a.defaultValidateMessages) || ((_b = defaultLocale.Form) === null || _b === void 0 ? void 0 : _b.defaultValidateMessages) || {};\n  }\n  if (form && form.validateMessages) {\n    validateMessages = _extends(_extends({}, validateMessages), form.validateMessages);\n  }\n  if (Object.keys(validateMessages).length > 0) {\n    childNode = /*#__PURE__*/React.createElement(RcFormProvider, {\n      validateMessages: validateMessages\n    }, children);\n  }\n  if (locale) {\n    childNode = /*#__PURE__*/React.createElement(LocaleProvider, {\n      locale: locale,\n      _ANT_MARK__: ANT_MARK\n    }, childNode);\n  }\n  if (iconPrefixCls || csp) {\n    childNode = /*#__PURE__*/React.createElement(IconContext.Provider, {\n      value: memoIconContextValue\n    }, childNode);\n  }\n  if (componentSize) {\n    childNode = /*#__PURE__*/React.createElement(SizeContextProvider, {\n      size: componentSize\n    }, childNode);\n  }\n  // ================================ Dynamic theme ================================\n  var memoTheme = React.useMemo(function () {\n    var _a = mergedTheme || {},\n      algorithm = _a.algorithm,\n      token = _a.token,\n      rest = __rest(_a, [\"algorithm\", \"token\"]);\n    var themeObj = algorithm && (!Array.isArray(algorithm) || algorithm.length > 0) ? createTheme(algorithm) : undefined;\n    return _extends(_extends({}, rest), {\n      theme: themeObj,\n      token: _extends(_extends({}, defaultSeedToken), token)\n    });\n  }, [mergedTheme]);\n  if (theme) {\n    childNode = /*#__PURE__*/React.createElement(DesignTokenContext.Provider, {\n      value: memoTheme\n    }, childNode);\n  }\n  // =================================== Render ===================================\n  if (componentDisabled !== undefined) {\n    childNode = /*#__PURE__*/React.createElement(DisabledContextProvider, {\n      disabled: componentDisabled\n    }, childNode);\n  }\n  return /*#__PURE__*/React.createElement(ConfigContext.Provider, {\n    value: memoedConfig\n  }, childNode);\n};\nvar ConfigProvider = function ConfigProvider(props) {\n  return /*#__PURE__*/React.createElement(LocaleReceiver, null, function (_, __, legacyLocale) {\n    return /*#__PURE__*/React.createElement(ConfigConsumer, null, function (context) {\n      return /*#__PURE__*/React.createElement(ProviderChildren, _extends({\n        parentContext: context,\n        legacyLocale: legacyLocale\n      }, props));\n    });\n  });\n};\nConfigProvider.ConfigContext = ConfigContext;\nConfigProvider.SizeContext = SizeContext;\nConfigProvider.config = setGlobalConfig;\nexport default ConfigProvider;","var locale = {\n  locale: 'en_US',\n  today: 'Today',\n  now: 'Now',\n  backToToday: 'Back to today',\n  ok: 'OK',\n  clear: 'Clear',\n  month: 'Month',\n  year: 'Year',\n  timeSelect: 'select time',\n  dateSelect: 'select date',\n  weekSelect: 'Choose a week',\n  monthSelect: 'Choose a month',\n  yearSelect: 'Choose a year',\n  decadeSelect: 'Choose a decade',\n  yearFormat: 'YYYY',\n  dateFormat: 'M/D/YYYY',\n  dayFormat: 'D',\n  dateTimeFormat: 'M/D/YYYY HH:mm:ss',\n  monthBeforeYear: true,\n  previousMonth: 'Previous month (PageUp)',\n  nextMonth: 'Next month (PageDown)',\n  previousYear: 'Last year (Control + left)',\n  nextYear: 'Next year (Control + right)',\n  previousDecade: 'Last decade',\n  nextDecade: 'Next decade',\n  previousCentury: 'Last century',\n  nextCentury: 'Next century'\n};\nexport default locale;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport CalendarLocale from \"rc-picker/es/locale/en_US\";\nimport TimePickerLocale from '../../time-picker/locale/en_US';\n// Merge into a locale object\nvar locale = {\n  lang: _extends({\n    placeholder: 'Select date',\n    yearPlaceholder: 'Select year',\n    quarterPlaceholder: 'Select quarter',\n    monthPlaceholder: 'Select month',\n    weekPlaceholder: 'Select week',\n    rangePlaceholder: ['Start date', 'End date'],\n    rangeYearPlaceholder: ['Start year', 'End year'],\n    rangeQuarterPlaceholder: ['Start quarter', 'End quarter'],\n    rangeMonthPlaceholder: ['Start month', 'End month'],\n    rangeWeekPlaceholder: ['Start week', 'End week']\n  }, CalendarLocale),\n  timePickerLocale: _extends({}, TimePickerLocale)\n};\n// All settings at:\n// https://github.com/ant-design/ant-design/blob/master/components/date-picker/locale/example.json\nexport default locale;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport { genComponentStyleHook, mergeToken } from '../../theme';\nimport { resetComponent } from '../../style';\n// ============================== Shared ==============================\nvar genSharedDividerStyle = function genSharedDividerStyle(token) {\n  var _extends2;\n  var componentCls = token.componentCls,\n    sizePaddingEdgeHorizontal = token.sizePaddingEdgeHorizontal,\n    colorSplit = token.colorSplit,\n    lineWidth = token.lineWidth;\n  return _defineProperty({}, componentCls, _extends(_extends({}, resetComponent(token)), (_extends2 = {\n    borderBlockStart: lineWidth + \"px solid \" + colorSplit,\n    // vertical\n    '&-vertical': {\n      position: 'relative',\n      top: '-0.06em',\n      display: 'inline-block',\n      height: '0.9em',\n      margin: \"0 \" + token.dividerVerticalGutterMargin + \"px\",\n      verticalAlign: 'middle',\n      borderTop: 0,\n      borderInlineStart: lineWidth + \"px solid \" + colorSplit\n    },\n    '&-horizontal': {\n      display: 'flex',\n      clear: 'both',\n      width: '100%',\n      minWidth: '100%',\n      margin: token.dividerHorizontalGutterMargin + \"px 0\"\n    },\n    '&-horizontal&-with-text': {\n      display: 'flex',\n      margin: token.dividerHorizontalWithTextGutterMargin + \"px 0\",\n      color: token.colorTextHeading,\n      fontWeight: 500,\n      fontSize: token.fontSizeLG,\n      whiteSpace: 'nowrap',\n      textAlign: 'center',\n      borderBlockStart: \"0 \" + colorSplit,\n      '&::before, &::after': {\n        position: 'relative',\n        top: '50%',\n        width: '50%',\n        borderBlockStart: lineWidth + \"px solid transparent\",\n        // Chrome not accept `inherit` in `border-top`\n        borderBlockStartColor: 'inherit',\n        borderBlockEnd: 0,\n        transform: 'translateY(50%)',\n        content: \"''\"\n      }\n    },\n    '&-horizontal&-with-text-left': {\n      '&::before': {\n        top: '50%',\n        width: '5%'\n      },\n      '&::after': {\n        top: '50%',\n        width: '95%'\n      }\n    },\n    '&-horizontal&-with-text-right': {\n      '&::before': {\n        top: '50%',\n        width: '95%'\n      },\n      '&::after': {\n        top: '50%',\n        width: '5%'\n      }\n    }\n  }, _defineProperty(_extends2, componentCls + \"-inner-text\", {\n    display: 'inline-block',\n    padding: '0 1em'\n  }), _defineProperty(_extends2, '&-dashed', {\n    background: 'none',\n    borderColor: colorSplit,\n    borderStyle: 'dashed',\n    borderWidth: lineWidth + \"px 0 0\"\n  }), _defineProperty(_extends2, '&-horizontal&-with-text&-dashed', {\n    '&::before, &::after': {\n      borderStyle: 'dashed none none'\n    }\n  }), _defineProperty(_extends2, '&-vertical&-dashed', {\n    borderInlineStart: lineWidth,\n    borderInlineEnd: 0,\n    borderBlockStart: 0,\n    borderBlockEnd: 0\n  }), _defineProperty(_extends2, '&-plain&-with-text', {\n    color: token.colorText,\n    fontWeight: 'normal',\n    fontSize: token.fontSize\n  }), _defineProperty(_extends2, '&-horizontal&-with-text-left&-no-default-orientation-margin-left', _defineProperty({\n    '&::before': {\n      width: 0\n    },\n    '&::after': {\n      width: '100%'\n    }\n  }, componentCls + \"-inner-text\", {\n    paddingInlineStart: sizePaddingEdgeHorizontal\n  })), _defineProperty(_extends2, '&-horizontal&-with-text-right&-no-default-orientation-margin-right', _defineProperty({\n    '&::before': {\n      width: '100%'\n    },\n    '&::after': {\n      width: 0\n    }\n  }, componentCls + \"-inner-text\", {\n    paddingInlineEnd: sizePaddingEdgeHorizontal\n  })), _extends2)));\n};\n// ============================== Export ==============================\nexport default genComponentStyleHook('Divider', function (token) {\n  var dividerToken = mergeToken(token, {\n    dividerVerticalGutterMargin: token.marginXS,\n    dividerHorizontalWithTextGutterMargin: token.margin,\n    dividerHorizontalGutterMargin: token.marginLG\n  });\n  return [genSharedDividerStyle(dividerToken)];\n}, {\n  sizePaddingEdgeHorizontal: 0\n});","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { ConfigContext } from '../config-provider';\nimport warning from '../_util/warning';\nimport useStyle from './style';\nvar Divider = function Divider(props) {\n  var _classNames;\n  var _React$useContext = React.useContext(ConfigContext),\n    getPrefixCls = _React$useContext.getPrefixCls,\n    direction = _React$useContext.direction;\n  var customizePrefixCls = props.prefixCls,\n    _props$type = props.type,\n    type = _props$type === void 0 ? 'horizontal' : _props$type,\n    _props$orientation = props.orientation,\n    orientation = _props$orientation === void 0 ? 'center' : _props$orientation,\n    orientationMargin = props.orientationMargin,\n    className = props.className,\n    children = props.children,\n    dashed = props.dashed,\n    plain = props.plain,\n    restProps = __rest(props, [\"prefixCls\", \"type\", \"orientation\", \"orientationMargin\", \"className\", \"children\", \"dashed\", \"plain\"]);\n  var prefixCls = getPrefixCls('divider', customizePrefixCls);\n  var _useStyle = useStyle(prefixCls),\n    _useStyle2 = _slicedToArray(_useStyle, 2),\n    wrapSSR = _useStyle2[0],\n    hashId = _useStyle2[1];\n  var orientationPrefix = orientation.length > 0 ? \"-\" + orientation : orientation;\n  var hasChildren = !!children;\n  var hasCustomMarginLeft = orientation === 'left' && orientationMargin != null;\n  var hasCustomMarginRight = orientation === 'right' && orientationMargin != null;\n  var classString = classNames(prefixCls, hashId, prefixCls + \"-\" + type, (_classNames = {}, _defineProperty(_classNames, prefixCls + \"-with-text\", hasChildren), _defineProperty(_classNames, prefixCls + \"-with-text\" + orientationPrefix, hasChildren), _defineProperty(_classNames, prefixCls + \"-dashed\", !!dashed), _defineProperty(_classNames, prefixCls + \"-plain\", !!plain), _defineProperty(_classNames, prefixCls + \"-rtl\", direction === 'rtl'), _defineProperty(_classNames, prefixCls + \"-no-default-orientation-margin-left\", hasCustomMarginLeft), _defineProperty(_classNames, prefixCls + \"-no-default-orientation-margin-right\", hasCustomMarginRight), _classNames), className);\n  var innerStyle = _extends(_extends({}, hasCustomMarginLeft && {\n    marginLeft: orientationMargin\n  }), hasCustomMarginRight && {\n    marginRight: orientationMargin\n  });\n  // Warning children not work in vertical mode\n  if (process.env.NODE_ENV !== 'production') {\n    process.env.NODE_ENV !== \"production\" ? warning(!children || type !== 'vertical', 'Divider', '`children` not working in `vertical` mode.') : void 0;\n  }\n  return wrapSSR( /*#__PURE__*/React.createElement(\"div\", _extends({\n    className: classString\n  }, restProps, {\n    role: \"separator\"\n  }), children && type !== 'vertical' && /*#__PURE__*/React.createElement(\"span\", {\n    className: prefixCls + \"-inner-text\",\n    style: innerStyle\n  }, children)));\n};\nexport default Divider;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport { FormProvider as RcFormProvider } from 'rc-field-form';\nimport omit from \"rc-util/es/omit\";\nimport * as React from 'react';\nimport { useContext, useMemo } from 'react';\nexport var FormContext = /*#__PURE__*/React.createContext({\n  labelAlign: 'right',\n  vertical: false,\n  itemRef: function itemRef() {}\n});\nexport var NoStyleItemContext = /*#__PURE__*/React.createContext(null);\nexport var FormProvider = function FormProvider(props) {\n  var providerProps = omit(props, ['prefixCls']);\n  return /*#__PURE__*/React.createElement(RcFormProvider, _extends({}, providerProps));\n};\nexport var FormItemPrefixContext = /*#__PURE__*/React.createContext({\n  prefixCls: ''\n});\nexport var FormItemInputContext = /*#__PURE__*/React.createContext({});\nexport var NoFormStyle = function NoFormStyle(_ref) {\n  var children = _ref.children,\n    status = _ref.status,\n    override = _ref.override;\n  var formItemInputContext = useContext(FormItemInputContext);\n  var newFormItemInputContext = useMemo(function () {\n    var newContext = _extends({}, formItemInputContext);\n    if (override) {\n      delete newContext.isFormItemInput;\n    }\n    if (status) {\n      delete newContext.status;\n      delete newContext.hasFeedback;\n      delete newContext.feedbackIcon;\n    }\n    return newContext;\n  }, [status, override, formItemInputContext]);\n  return /*#__PURE__*/React.createElement(FormItemInputContext.Provider, {\n    value: newFormItemInputContext\n  }, children);\n};","import { createContext } from 'react';\nvar RowContext = /*#__PURE__*/createContext({});\nexport default RowContext;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { ConfigContext } from '../config-provider';\nimport RowContext from './RowContext';\nimport { useColStyle } from './style';\nfunction parseFlex(flex) {\n  if (typeof flex === 'number') {\n    return flex + \" \" + flex + \" auto\";\n  }\n  if (/^\\d+(\\.\\d+)?(px|em|rem|%)$/.test(flex)) {\n    return \"0 0 \" + flex;\n  }\n  return flex;\n}\nvar sizes = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];\nvar Col = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  var _classNames;\n  var _React$useContext = React.useContext(ConfigContext),\n    getPrefixCls = _React$useContext.getPrefixCls,\n    direction = _React$useContext.direction;\n  var _React$useContext2 = React.useContext(RowContext),\n    gutter = _React$useContext2.gutter,\n    wrap = _React$useContext2.wrap,\n    supportFlexGap = _React$useContext2.supportFlexGap;\n  var customizePrefixCls = props.prefixCls,\n    span = props.span,\n    order = props.order,\n    offset = props.offset,\n    push = props.push,\n    pull = props.pull,\n    className = props.className,\n    children = props.children,\n    flex = props.flex,\n    style = props.style,\n    others = __rest(props, [\"prefixCls\", \"span\", \"order\", \"offset\", \"push\", \"pull\", \"className\", \"children\", \"flex\", \"style\"]);\n  var prefixCls = getPrefixCls('col', customizePrefixCls);\n  var _useColStyle = useColStyle(prefixCls),\n    _useColStyle2 = _slicedToArray(_useColStyle, 2),\n    wrapSSR = _useColStyle2[0],\n    hashId = _useColStyle2[1];\n  var sizeClassObj = {};\n  sizes.forEach(function (size) {\n    var _extends2;\n    var sizeProps = {};\n    var propSize = props[size];\n    if (typeof propSize === 'number') {\n      sizeProps.span = propSize;\n    } else if (_typeof(propSize) === 'object') {\n      sizeProps = propSize || {};\n    }\n    delete others[size];\n    sizeClassObj = _extends(_extends({}, sizeClassObj), (_extends2 = {}, _defineProperty(_extends2, prefixCls + \"-\" + size + \"-\" + sizeProps.span, sizeProps.span !== undefined), _defineProperty(_extends2, prefixCls + \"-\" + size + \"-order-\" + sizeProps.order, sizeProps.order || sizeProps.order === 0), _defineProperty(_extends2, prefixCls + \"-\" + size + \"-offset-\" + sizeProps.offset, sizeProps.offset || sizeProps.offset === 0), _defineProperty(_extends2, prefixCls + \"-\" + size + \"-push-\" + sizeProps.push, sizeProps.push || sizeProps.push === 0), _defineProperty(_extends2, prefixCls + \"-\" + size + \"-pull-\" + sizeProps.pull, sizeProps.pull || sizeProps.pull === 0), _defineProperty(_extends2, prefixCls + \"-rtl\", direction === 'rtl'), _extends2));\n  });\n  var classes = classNames(prefixCls, (_classNames = {}, _defineProperty(_classNames, prefixCls + \"-\" + span, span !== undefined), _defineProperty(_classNames, prefixCls + \"-order-\" + order, order), _defineProperty(_classNames, prefixCls + \"-offset-\" + offset, offset), _defineProperty(_classNames, prefixCls + \"-push-\" + push, push), _defineProperty(_classNames, prefixCls + \"-pull-\" + pull, pull), _classNames), className, sizeClassObj, hashId);\n  var mergedStyle = {};\n  // Horizontal gutter use padding\n  if (gutter && gutter[0] > 0) {\n    var horizontalGutter = gutter[0] / 2;\n    mergedStyle.paddingLeft = horizontalGutter;\n    mergedStyle.paddingRight = horizontalGutter;\n  }\n  // Vertical gutter use padding when gap not support\n  if (gutter && gutter[1] > 0 && !supportFlexGap) {\n    var verticalGutter = gutter[1] / 2;\n    mergedStyle.paddingTop = verticalGutter;\n    mergedStyle.paddingBottom = verticalGutter;\n  }\n  if (flex) {\n    mergedStyle.flex = parseFlex(flex);\n    // Hack for Firefox to avoid size issue\n    // https://github.com/ant-design/ant-design/pull/20023#issuecomment-564389553\n    if (wrap === false && !mergedStyle.minWidth) {\n      mergedStyle.minWidth = 0;\n    }\n  }\n  return wrapSSR( /*#__PURE__*/React.createElement(\"div\", _extends({}, others, {\n    style: _extends(_extends({}, mergedStyle), style),\n    className: classes,\n    ref: ref\n  }), children));\n});\nif (process.env.NODE_ENV !== 'production') {\n  Col.displayName = 'Col';\n}\nexport default Col;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport { genComponentStyleHook, mergeToken } from '../../theme';\n// ============================== Row-Shared ==============================\nvar genGridRowStyle = function genGridRowStyle(token) {\n  var componentCls = token.componentCls;\n  return _defineProperty({}, componentCls, {\n    display: 'flex',\n    flexFlow: 'row wrap',\n    minWidth: 0,\n    '&::before, &::after': {\n      display: 'flex'\n    },\n    '&-no-wrap': {\n      flexWrap: 'nowrap'\n    },\n    // The origin of the X-axis\n    '&-start': {\n      justifyContent: 'flex-start'\n    },\n    // The center of the X-axis\n    '&-center': {\n      justifyContent: 'center'\n    },\n    // The opposite of the X-axis\n    '&-end': {\n      justifyContent: 'flex-end'\n    },\n    '&-space-between': {\n      justifyContent: 'space-between'\n    },\n    '&-space-around ': {\n      justifyContent: 'space-around'\n    },\n    // Align at the top\n    '&-top': {\n      alignItems: 'flex-start'\n    },\n    // Align at the center\n    '&-middle': {\n      alignItems: 'center'\n    },\n    '&-bottom': {\n      alignItems: 'flex-end'\n    }\n  });\n};\n// ============================== Col-Shared ==============================\nvar genGridColStyle = function genGridColStyle(token) {\n  var componentCls = token.componentCls;\n  return _defineProperty({}, componentCls, {\n    position: 'relative',\n    maxWidth: '100%',\n    // Prevent columns from collapsing when empty\n    minHeight: 1\n  });\n};\nvar genLoopGridColumnsStyle = function genLoopGridColumnsStyle(token, sizeCls) {\n  var componentCls = token.componentCls,\n    gridColumns = token.gridColumns;\n  var gridColumnsStyle = {};\n  for (var i = gridColumns; i >= 0; i--) {\n    if (i === 0) {\n      gridColumnsStyle[\"\" + componentCls + sizeCls + \"-\" + i] = {\n        display: 'none'\n      };\n      gridColumnsStyle[componentCls + \"-push-\" + i] = {\n        insetInlineStart: 'auto'\n      };\n      gridColumnsStyle[componentCls + \"-pull-\" + i] = {\n        insetInlineEnd: 'auto'\n      };\n      gridColumnsStyle[\"\" + componentCls + sizeCls + \"-push-\" + i] = {\n        insetInlineStart: 'auto'\n      };\n      gridColumnsStyle[\"\" + componentCls + sizeCls + \"-pull-\" + i] = {\n        insetInlineEnd: 'auto'\n      };\n      gridColumnsStyle[\"\" + componentCls + sizeCls + \"-offset-\" + i] = {\n        marginInlineEnd: 0\n      };\n      gridColumnsStyle[\"\" + componentCls + sizeCls + \"-order-\" + i] = {\n        order: 0\n      };\n    } else {\n      gridColumnsStyle[\"\" + componentCls + sizeCls + \"-\" + i] = {\n        display: 'block',\n        flex: \"0 0 \" + i / gridColumns * 100 + \"%\",\n        maxWidth: i / gridColumns * 100 + \"%\"\n      };\n      gridColumnsStyle[\"\" + componentCls + sizeCls + \"-push-\" + i] = {\n        insetInlineStart: i / gridColumns * 100 + \"%\"\n      };\n      gridColumnsStyle[\"\" + componentCls + sizeCls + \"-pull-\" + i] = {\n        insetInlineEnd: i / gridColumns * 100 + \"%\"\n      };\n      gridColumnsStyle[\"\" + componentCls + sizeCls + \"-offset-\" + i] = {\n        marginInlineStart: i / gridColumns * 100 + \"%\"\n      };\n      gridColumnsStyle[\"\" + componentCls + sizeCls + \"-order-\" + i] = {\n        order: i\n      };\n    }\n  }\n  return gridColumnsStyle;\n};\nvar genGridStyle = function genGridStyle(token, sizeCls) {\n  return genLoopGridColumnsStyle(token, sizeCls);\n};\nvar genGridMediaStyle = function genGridMediaStyle(token, screenSize, sizeCls) {\n  return _defineProperty({}, \"@media (min-width: \" + screenSize + \"px)\", _extends({}, genGridStyle(token, sizeCls)));\n};\n// ============================== Export ==============================\nexport var useRowStyle = genComponentStyleHook('Grid', function (token) {\n  return [genGridRowStyle(token)];\n});\nexport var useColStyle = genComponentStyleHook('Grid', function (token) {\n  var gridToken = mergeToken(token, {\n    gridColumns: 24 // Row is divided into 24 parts in Grid\n  });\n\n  var gridMediaSizesMap = {\n    '-sm': gridToken.screenSMMin,\n    '-md': gridToken.screenMDMin,\n    '-lg': gridToken.screenLGMin,\n    '-xl': gridToken.screenXLMin,\n    '-xxl': gridToken.screenXXLMin\n  };\n  return [genGridColStyle(gridToken), genGridStyle(gridToken, ''), genGridStyle(gridToken, '-xs'), Object.keys(gridMediaSizesMap).map(function (key) {\n    return genGridMediaStyle(gridToken, gridMediaSizesMap[key], key);\n  }).reduce(function (pre, cur) {\n    return _extends(_extends({}, pre), cur);\n  }, {})];\n});","// eslint-disable-next-line import/prefer-default-export\nexport function hasPrefixSuffix(props) {\n  return !!(props.prefix || props.suffix || props.allowClear);\n}","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport CloseCircleFilled from \"@ant-design/icons/es/icons/CloseCircleFilled\";\nimport classNames from 'classnames';\nimport RcInput from 'rc-input';\nimport { composeRef } from \"rc-util/es/ref\";\nimport React, { forwardRef, useContext, useEffect, useRef } from 'react';\nimport { ConfigContext } from '../config-provider';\nimport DisabledContext from '../config-provider/DisabledContext';\nimport SizeContext from '../config-provider/SizeContext';\nimport { FormItemInputContext, NoFormStyle } from '../form/context';\nimport { NoCompactStyle, useCompactItemContext } from '../space/Compact';\nimport { getMergedStatus, getStatusClassNames } from '../_util/statusUtils';\nimport warning from '../_util/warning';\nimport useRemovePasswordTimeout from './hooks/useRemovePasswordTimeout';\nimport { hasPrefixSuffix } from './utils';\n// CSSINJS\nimport useStyle from './style';\nexport function fixControlledValue(value) {\n  if (typeof value === 'undefined' || value === null) {\n    return '';\n  }\n  return String(value);\n}\nexport function resolveOnChange(target, e, onChange, targetValue) {\n  if (!onChange) {\n    return;\n  }\n  var event = e;\n  if (e.type === 'click') {\n    // Clone a new target for event.\n    // Avoid the following usage, the setQuery method gets the original value.\n    //\n    // const [query, setQuery] = React.useState('');\n    // <Input\n    //   allowClear\n    //   value={query}\n    //   onChange={(e)=> {\n    //     setQuery((prevStatus) => e.target.value);\n    //   }}\n    // />\n    var currentTarget = target.cloneNode(true);\n    // click clear icon\n    event = Object.create(e, {\n      target: {\n        value: currentTarget\n      },\n      currentTarget: {\n        value: currentTarget\n      }\n    });\n    currentTarget.value = '';\n    onChange(event);\n    return;\n  }\n  // Trigger by composition event, this means we need force change the input value\n  if (targetValue !== undefined) {\n    event = Object.create(e, {\n      target: {\n        value: target\n      },\n      currentTarget: {\n        value: target\n      }\n    });\n    target.value = targetValue;\n    onChange(event);\n    return;\n  }\n  onChange(event);\n}\nexport function triggerFocus(element, option) {\n  if (!element) {\n    return;\n  }\n  element.focus(option);\n  // Selection content\n  var _ref = option || {},\n    cursor = _ref.cursor;\n  if (cursor) {\n    var len = element.value.length;\n    switch (cursor) {\n      case 'start':\n        element.setSelectionRange(0, 0);\n        break;\n      case 'end':\n        element.setSelectionRange(len, len);\n        break;\n      default:\n        element.setSelectionRange(0, len);\n        break;\n    }\n  }\n}\nvar Input = /*#__PURE__*/forwardRef(function (props, ref) {\n  var _classNames, _classNames2, _classNames4;\n  var customizePrefixCls = props.prefixCls,\n    _props$bordered = props.bordered,\n    bordered = _props$bordered === void 0 ? true : _props$bordered,\n    customStatus = props.status,\n    customSize = props.size,\n    customDisabled = props.disabled,\n    onBlur = props.onBlur,\n    onFocus = props.onFocus,\n    suffix = props.suffix,\n    allowClear = props.allowClear,\n    addonAfter = props.addonAfter,\n    addonBefore = props.addonBefore,\n    className = props.className,\n    onChange = props.onChange,\n    rest = __rest(props, [\"prefixCls\", \"bordered\", \"status\", \"size\", \"disabled\", \"onBlur\", \"onFocus\", \"suffix\", \"allowClear\", \"addonAfter\", \"addonBefore\", \"className\", \"onChange\"]);\n  var _React$useContext = React.useContext(ConfigContext),\n    getPrefixCls = _React$useContext.getPrefixCls,\n    direction = _React$useContext.direction,\n    input = _React$useContext.input;\n  var prefixCls = getPrefixCls('input', customizePrefixCls);\n  var inputRef = useRef(null);\n  // Style\n  var _useStyle = useStyle(prefixCls),\n    _useStyle2 = _slicedToArray(_useStyle, 2),\n    wrapSSR = _useStyle2[0],\n    hashId = _useStyle2[1];\n  // ===================== Compact Item =====================\n  var _useCompactItemContex = useCompactItemContext(prefixCls, direction),\n    compactSize = _useCompactItemContex.compactSize,\n    compactItemClassnames = _useCompactItemContex.compactItemClassnames;\n  // ===================== Size =====================\n  var size = React.useContext(SizeContext);\n  var mergedSize = compactSize || customSize || size;\n  // ===================== Disabled =====================\n  var disabled = React.useContext(DisabledContext);\n  var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;\n  // ===================== Status =====================\n  var _useContext = useContext(FormItemInputContext),\n    contextStatus = _useContext.status,\n    hasFeedback = _useContext.hasFeedback,\n    feedbackIcon = _useContext.feedbackIcon;\n  var mergedStatus = getMergedStatus(contextStatus, customStatus);\n  // ===================== Focus warning =====================\n  var inputHasPrefixSuffix = hasPrefixSuffix(props) || !!hasFeedback;\n  var prevHasPrefixSuffix = useRef(inputHasPrefixSuffix);\n  useEffect(function () {\n    var _a;\n    if (inputHasPrefixSuffix && !prevHasPrefixSuffix.current) {\n      process.env.NODE_ENV !== \"production\" ? warning(document.activeElement === ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.input), 'Input', \"When Input is focused, dynamic add or remove prefix / suffix will make it lose focus caused by dom structure change. Read more: https://ant.design/components/input/#FAQ\") : void 0;\n    }\n    prevHasPrefixSuffix.current = inputHasPrefixSuffix;\n  }, [inputHasPrefixSuffix]);\n  // ===================== Remove Password value =====================\n  var removePasswordTimeout = useRemovePasswordTimeout(inputRef, true);\n  var handleBlur = function handleBlur(e) {\n    removePasswordTimeout();\n    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);\n  };\n  var handleFocus = function handleFocus(e) {\n    removePasswordTimeout();\n    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);\n  };\n  var handleChange = function handleChange(e) {\n    removePasswordTimeout();\n    onChange === null || onChange === void 0 ? void 0 : onChange(e);\n  };\n  var suffixNode = (hasFeedback || suffix) && /*#__PURE__*/React.createElement(React.Fragment, null, suffix, hasFeedback && feedbackIcon);\n  // Allow clear\n  var mergedAllowClear;\n  if (_typeof(allowClear) === 'object' && (allowClear === null || allowClear === void 0 ? void 0 : allowClear.clearIcon)) {\n    mergedAllowClear = allowClear;\n  } else if (allowClear) {\n    mergedAllowClear = {\n      clearIcon: /*#__PURE__*/React.createElement(CloseCircleFilled, null)\n    };\n  }\n  return wrapSSR( /*#__PURE__*/React.createElement(RcInput, _extends({\n    ref: composeRef(ref, inputRef),\n    prefixCls: prefixCls,\n    autoComplete: input === null || input === void 0 ? void 0 : input.autoComplete\n  }, rest, {\n    disabled: mergedDisabled || undefined,\n    onBlur: handleBlur,\n    onFocus: handleFocus,\n    suffix: suffixNode,\n    allowClear: mergedAllowClear,\n    className: classNames(className, compactItemClassnames),\n    onChange: handleChange,\n    addonAfter: addonAfter && /*#__PURE__*/React.createElement(NoCompactStyle, null, /*#__PURE__*/React.createElement(NoFormStyle, {\n      override: true,\n      status: true\n    }, addonAfter)),\n    addonBefore: addonBefore && /*#__PURE__*/React.createElement(NoCompactStyle, null, /*#__PURE__*/React.createElement(NoFormStyle, {\n      override: true,\n      status: true\n    }, addonBefore)),\n    inputClassName: classNames((_classNames = {}, _defineProperty(_classNames, prefixCls + \"-sm\", mergedSize === 'small'), _defineProperty(_classNames, prefixCls + \"-lg\", mergedSize === 'large'), _defineProperty(_classNames, prefixCls + \"-rtl\", direction === 'rtl'), _defineProperty(_classNames, prefixCls + \"-borderless\", !bordered), _classNames), !inputHasPrefixSuffix && getStatusClassNames(prefixCls, mergedStatus), hashId),\n    affixWrapperClassName: classNames((_classNames2 = {}, _defineProperty(_classNames2, prefixCls + \"-affix-wrapper-sm\", mergedSize === 'small'), _defineProperty(_classNames2, prefixCls + \"-affix-wrapper-lg\", mergedSize === 'large'), _defineProperty(_classNames2, prefixCls + \"-affix-wrapper-rtl\", direction === 'rtl'), _defineProperty(_classNames2, prefixCls + \"-affix-wrapper-borderless\", !bordered), _classNames2), getStatusClassNames(prefixCls + \"-affix-wrapper\", mergedStatus, hasFeedback), hashId),\n    wrapperClassName: classNames(_defineProperty({}, prefixCls + \"-group-rtl\", direction === 'rtl'), hashId),\n    groupClassName: classNames((_classNames4 = {}, _defineProperty(_classNames4, prefixCls + \"-group-wrapper-sm\", mergedSize === 'small'), _defineProperty(_classNames4, prefixCls + \"-group-wrapper-lg\", mergedSize === 'large'), _defineProperty(_classNames4, prefixCls + \"-group-wrapper-rtl\", direction === 'rtl'), _classNames4), getStatusClassNames(prefixCls + \"-group-wrapper\", mergedStatus, hasFeedback), hashId)\n  })));\n});\nexport default Input;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nimport _createSuper from \"@babel/runtime/helpers/esm/createSuper\";\nimport CloseCircleFilled from \"@ant-design/icons/es/icons/CloseCircleFilled\";\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { FormItemInputContext } from '../form/context';\nimport { cloneElement } from '../_util/reactNode';\nimport { getMergedStatus, getStatusClassNames } from '../_util/statusUtils';\nimport { tuple } from '../_util/type';\nvar ClearableInputType = tuple('text', 'input');\nfunction hasAddon(props) {\n  return !!(props.addonBefore || props.addonAfter);\n}\nvar ClearableLabeledInput = /*#__PURE__*/function (_React$Component) {\n  _inherits(ClearableLabeledInput, _React$Component);\n  var _super = _createSuper(ClearableLabeledInput);\n  function ClearableLabeledInput() {\n    _classCallCheck(this, ClearableLabeledInput);\n    return _super.apply(this, arguments);\n  }\n  _createClass(ClearableLabeledInput, [{\n    key: \"renderClearIcon\",\n    value: function renderClearIcon(prefixCls) {\n      var _classNames;\n      var _this$props = this.props,\n        value = _this$props.value,\n        disabled = _this$props.disabled,\n        readOnly = _this$props.readOnly,\n        handleReset = _this$props.handleReset,\n        suffix = _this$props.suffix;\n      var needClear = !disabled && !readOnly && value;\n      var className = prefixCls + \"-clear-icon\";\n      return /*#__PURE__*/React.createElement(CloseCircleFilled, {\n        onClick: handleReset,\n        // Do not trigger onBlur when clear input\n        // https://github.com/ant-design/ant-design/issues/31200\n        onMouseDown: function onMouseDown(e) {\n          return e.preventDefault();\n        },\n        className: classNames((_classNames = {}, _defineProperty(_classNames, className + \"-hidden\", !needClear), _defineProperty(_classNames, className + \"-has-suffix\", !!suffix), _classNames), className),\n        role: \"button\"\n      });\n    }\n  }, {\n    key: \"renderTextAreaWithClearIcon\",\n    value: function renderTextAreaWithClearIcon(prefixCls, element, statusContext) {\n      var _classNames2;\n      var _this$props2 = this.props,\n        value = _this$props2.value,\n        allowClear = _this$props2.allowClear,\n        className = _this$props2.className,\n        style = _this$props2.style,\n        direction = _this$props2.direction,\n        bordered = _this$props2.bordered,\n        hidden = _this$props2.hidden,\n        customStatus = _this$props2.status,\n        hashId = _this$props2.hashId;\n      var contextStatus = statusContext.status,\n        hasFeedback = statusContext.hasFeedback;\n      if (!allowClear) {\n        return cloneElement(element, {\n          value: value\n        });\n      }\n      var affixWrapperCls = classNames(prefixCls + \"-affix-wrapper\", prefixCls + \"-affix-wrapper-textarea-with-clear-btn\", getStatusClassNames(prefixCls + \"-affix-wrapper\", getMergedStatus(contextStatus, customStatus), hasFeedback), (_classNames2 = {}, _defineProperty(_classNames2, prefixCls + \"-affix-wrapper-rtl\", direction === 'rtl'), _defineProperty(_classNames2, prefixCls + \"-affix-wrapper-borderless\", !bordered), _defineProperty(_classNames2, \"\" + className, !hasAddon(this.props) && className), _classNames2), hashId);\n      return /*#__PURE__*/React.createElement(\"span\", {\n        className: affixWrapperCls,\n        style: style,\n        hidden: hidden\n      }, cloneElement(element, {\n        style: null,\n        value: value\n      }), this.renderClearIcon(prefixCls));\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      var _this = this;\n      return /*#__PURE__*/React.createElement(FormItemInputContext.Consumer, null, function (statusContext) {\n        var _this$props3 = _this.props,\n          prefixCls = _this$props3.prefixCls,\n          inputType = _this$props3.inputType,\n          element = _this$props3.element;\n        if (inputType === ClearableInputType[0]) {\n          return _this.renderTextAreaWithClearIcon(prefixCls, element, statusContext);\n        }\n      });\n    }\n  }]);\n  return ClearableLabeledInput;\n}(React.Component);\nexport default ClearableLabeledInput;","import _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport classNames from 'classnames';\nimport RcTextArea from 'rc-textarea';\nimport useMergedState from \"rc-util/es/hooks/useMergedState\";\nimport omit from \"rc-util/es/omit\";\nimport * as React from 'react';\nimport { ConfigContext } from '../config-provider';\nimport DisabledContext from '../config-provider/DisabledContext';\nimport SizeContext from '../config-provider/SizeContext';\nimport { FormItemInputContext } from '../form/context';\nimport { getMergedStatus, getStatusClassNames } from '../_util/statusUtils';\nimport ClearableLabeledInput from './ClearableLabeledInput';\nimport { fixControlledValue, resolveOnChange, triggerFocus } from './Input';\nimport useStyle from './style';\nfunction fixEmojiLength(value, maxLength) {\n  return _toConsumableArray(value || '').slice(0, maxLength).join('');\n}\nfunction setTriggerValue(isCursorInEnd, preValue, triggerValue, maxLength) {\n  var newTriggerValue = triggerValue;\n  if (isCursorInEnd) {\n    // 光标在尾部，直接截断\n    newTriggerValue = fixEmojiLength(triggerValue, maxLength);\n  } else if (_toConsumableArray(preValue || '').length < triggerValue.length && _toConsumableArray(triggerValue || '').length > maxLength) {\n    // 光标在中间，如果最后的值超过最大值，则采用原先的值\n    newTriggerValue = preValue;\n  }\n  return newTriggerValue;\n}\nvar TextArea = /*#__PURE__*/React.forwardRef(function (_a, ref) {\n  var _classNames;\n  var customizePrefixCls = _a.prefixCls,\n    _a$bordered = _a.bordered,\n    bordered = _a$bordered === void 0 ? true : _a$bordered,\n    _a$showCount = _a.showCount,\n    showCount = _a$showCount === void 0 ? false : _a$showCount,\n    maxLength = _a.maxLength,\n    className = _a.className,\n    style = _a.style,\n    customizeSize = _a.size,\n    customDisabled = _a.disabled,\n    onCompositionStart = _a.onCompositionStart,\n    onCompositionEnd = _a.onCompositionEnd,\n    onChange = _a.onChange,\n    customStatus = _a.status,\n    props = __rest(_a, [\"prefixCls\", \"bordered\", \"showCount\", \"maxLength\", \"className\", \"style\", \"size\", \"disabled\", \"onCompositionStart\", \"onCompositionEnd\", \"onChange\", \"status\"]);\n  var _React$useContext = React.useContext(ConfigContext),\n    getPrefixCls = _React$useContext.getPrefixCls,\n    direction = _React$useContext.direction;\n  var size = React.useContext(SizeContext);\n  // ===================== Disabled =====================\n  var disabled = React.useContext(DisabledContext);\n  var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;\n  var _React$useContext2 = React.useContext(FormItemInputContext),\n    contextStatus = _React$useContext2.status,\n    hasFeedback = _React$useContext2.hasFeedback,\n    feedbackIcon = _React$useContext2.feedbackIcon;\n  var mergedStatus = getMergedStatus(contextStatus, customStatus);\n  var innerRef = React.useRef(null);\n  var clearableInputRef = React.useRef(null);\n  var _React$useState = React.useState(false),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    compositing = _React$useState2[0],\n    setCompositing = _React$useState2[1];\n  var oldCompositionValueRef = React.useRef();\n  var oldSelectionStartRef = React.useRef(0);\n  var _useMergedState = useMergedState(props.defaultValue, {\n      value: props.value\n    }),\n    _useMergedState2 = _slicedToArray(_useMergedState, 2),\n    value = _useMergedState2[0],\n    setValue = _useMergedState2[1];\n  var hidden = props.hidden;\n  var handleSetValue = function handleSetValue(val, callback) {\n    if (props.value === undefined) {\n      setValue(val);\n      callback === null || callback === void 0 ? void 0 : callback();\n    }\n  };\n  // =========================== Value Update ===========================\n  // Max length value\n  var hasMaxLength = Number(maxLength) > 0;\n  var onInternalCompositionStart = function onInternalCompositionStart(e) {\n    setCompositing(true);\n    // 拼音输入前保存一份旧值\n    oldCompositionValueRef.current = value;\n    // 保存旧的光标位置\n    oldSelectionStartRef.current = e.currentTarget.selectionStart;\n    onCompositionStart === null || onCompositionStart === void 0 ? void 0 : onCompositionStart(e);\n  };\n  var onInternalCompositionEnd = function onInternalCompositionEnd(e) {\n    var _a;\n    setCompositing(false);\n    var triggerValue = e.currentTarget.value;\n    if (hasMaxLength) {\n      var isCursorInEnd = oldSelectionStartRef.current >= maxLength + 1 || oldSelectionStartRef.current === ((_a = oldCompositionValueRef.current) === null || _a === void 0 ? void 0 : _a.length);\n      triggerValue = setTriggerValue(isCursorInEnd, oldCompositionValueRef.current, triggerValue, maxLength);\n    }\n    // Patch composition onChange when value changed\n    if (triggerValue !== value) {\n      handleSetValue(triggerValue);\n      resolveOnChange(e.currentTarget, e, onChange, triggerValue);\n    }\n    onCompositionEnd === null || onCompositionEnd === void 0 ? void 0 : onCompositionEnd(e);\n  };\n  var handleChange = function handleChange(e) {\n    var triggerValue = e.target.value;\n    if (!compositing && hasMaxLength) {\n      // 1. 复制粘贴超过maxlength的情况 2.未超过maxlength的情况\n      var isCursorInEnd = e.target.selectionStart >= maxLength + 1 || e.target.selectionStart === triggerValue.length || !e.target.selectionStart;\n      triggerValue = setTriggerValue(isCursorInEnd, value, triggerValue, maxLength);\n    }\n    handleSetValue(triggerValue);\n    resolveOnChange(e.currentTarget, e, onChange, triggerValue);\n  };\n  // ============================== Reset ===============================\n  var handleReset = function handleReset(e) {\n    var _a, _b, _c;\n    handleSetValue('');\n    (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.focus();\n    resolveOnChange((_c = (_b = innerRef.current) === null || _b === void 0 ? void 0 : _b.resizableTextArea) === null || _c === void 0 ? void 0 : _c.textArea, e, onChange);\n  };\n  var prefixCls = getPrefixCls('input', customizePrefixCls);\n  // Style\n  var _useStyle = useStyle(prefixCls),\n    _useStyle2 = _slicedToArray(_useStyle, 2),\n    wrapSSR = _useStyle2[0],\n    hashId = _useStyle2[1];\n  React.useImperativeHandle(ref, function () {\n    var _a;\n    return {\n      resizableTextArea: (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.resizableTextArea,\n      focus: function focus(option) {\n        var _a, _b;\n        triggerFocus((_b = (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.resizableTextArea) === null || _b === void 0 ? void 0 : _b.textArea, option);\n      },\n      blur: function blur() {\n        var _a;\n        return (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.blur();\n      }\n    };\n  });\n  var textArea = /*#__PURE__*/React.createElement(RcTextArea, _extends({}, omit(props, ['allowClear']), {\n    disabled: mergedDisabled,\n    className: classNames((_classNames = {}, _defineProperty(_classNames, prefixCls + \"-borderless\", !bordered), _defineProperty(_classNames, className, className && !showCount), _defineProperty(_classNames, prefixCls + \"-sm\", size === 'small' || customizeSize === 'small'), _defineProperty(_classNames, prefixCls + \"-lg\", size === 'large' || customizeSize === 'large'), _classNames), getStatusClassNames(prefixCls, mergedStatus), hashId),\n    style: showCount ? {\n      resize: style === null || style === void 0 ? void 0 : style.resize\n    } : style,\n    prefixCls: prefixCls,\n    onCompositionStart: onInternalCompositionStart,\n    onChange: handleChange,\n    onCompositionEnd: onInternalCompositionEnd,\n    ref: innerRef\n  }));\n  var val = fixControlledValue(value);\n  if (!compositing && hasMaxLength && (props.value === null || props.value === undefined)) {\n    // fix #27612 将value转为数组进行截取，解决 '😂'.length === 2 等emoji表情导致的截取乱码的问题\n    val = fixEmojiLength(val, maxLength);\n  }\n  // TextArea\n  var textareaNode = /*#__PURE__*/React.createElement(ClearableLabeledInput, _extends({\n    disabled: mergedDisabled\n  }, props, {\n    prefixCls: prefixCls,\n    direction: direction,\n    inputType: \"text\",\n    value: val,\n    element: textArea,\n    handleReset: handleReset,\n    ref: clearableInputRef,\n    bordered: bordered,\n    status: customStatus,\n    style: showCount ? undefined : style,\n    hashId: hashId\n  }));\n  // Only show text area wrapper when needed\n  if (showCount || hasFeedback) {\n    var _classNames2;\n    var valueLength = _toConsumableArray(val).length;\n    var dataCount = '';\n    if (_typeof(showCount) === 'object') {\n      dataCount = showCount.formatter({\n        value: val,\n        count: valueLength,\n        maxLength: maxLength\n      });\n    } else {\n      dataCount = \"\" + valueLength + (hasMaxLength ? \" / \" + maxLength : '');\n    }\n    return /*#__PURE__*/React.createElement(\"div\", {\n      hidden: hidden,\n      className: classNames(prefixCls + \"-textarea\", (_classNames2 = {}, _defineProperty(_classNames2, prefixCls + \"-textarea-rtl\", direction === 'rtl'), _defineProperty(_classNames2, prefixCls + \"-textarea-show-count\", showCount), _classNames2), getStatusClassNames(prefixCls + \"-textarea\", mergedStatus, hasFeedback), className, hashId),\n      style: style,\n      \"data-count\": dataCount\n    }, textareaNode, hasFeedback && /*#__PURE__*/React.createElement(\"span\", {\n      className: prefixCls + \"-textarea-suffix\"\n    }, feedbackIcon));\n  }\n  return wrapSSR(textareaNode);\n});\nexport default TextArea;","import { useEffect, useRef } from 'react';\nexport default function useRemovePasswordTimeout(inputRef, triggerOnMount) {\n  var removePasswordTimeoutRef = useRef([]);\n  var removePasswordTimeout = function removePasswordTimeout() {\n    removePasswordTimeoutRef.current.push(setTimeout(function () {\n      var _a, _b, _c, _d;\n      if (((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.input) && ((_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.input.getAttribute('type')) === 'password' && ((_c = inputRef.current) === null || _c === void 0 ? void 0 : _c.input.hasAttribute('value'))) {\n        (_d = inputRef.current) === null || _d === void 0 ? void 0 : _d.input.removeAttribute('value');\n      }\n    }));\n  };\n  useEffect(function () {\n    if (triggerOnMount) {\n      removePasswordTimeout();\n    }\n    return function () {\n      return removePasswordTimeoutRef.current.forEach(function (timer) {\n        if (timer) {\n          clearTimeout(timer);\n        }\n      });\n    };\n  }, []);\n  return removePasswordTimeout;\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { useContext, useMemo } from 'react';\nimport { ConfigContext } from '../config-provider';\nimport { FormItemInputContext } from '../form/context';\nimport useStyle from './style';\nvar Group = function Group(props) {\n  var _classNames;\n  var _useContext = useContext(ConfigContext),\n    getPrefixCls = _useContext.getPrefixCls,\n    direction = _useContext.direction;\n  var customizePrefixCls = props.prefixCls,\n    _props$className = props.className,\n    className = _props$className === void 0 ? '' : _props$className;\n  var prefixCls = getPrefixCls('input-group', customizePrefixCls);\n  var inputPrefixCls = getPrefixCls('input');\n  var _useStyle = useStyle(inputPrefixCls),\n    _useStyle2 = _slicedToArray(_useStyle, 2),\n    wrapSSR = _useStyle2[0],\n    hashId = _useStyle2[1];\n  var cls = classNames(prefixCls, (_classNames = {}, _defineProperty(_classNames, prefixCls + \"-lg\", props.size === 'large'), _defineProperty(_classNames, prefixCls + \"-sm\", props.size === 'small'), _defineProperty(_classNames, prefixCls + \"-compact\", props.compact), _defineProperty(_classNames, prefixCls + \"-rtl\", direction === 'rtl'), _classNames), hashId, className);\n  var formItemContext = useContext(FormItemInputContext);\n  var groupFormItemContext = useMemo(function () {\n    return _extends(_extends({}, formItemContext), {\n      isFormItemInput: false\n    });\n  }, [formItemContext]);\n  return wrapSSR( /*#__PURE__*/React.createElement(\"span\", {\n    className: cls,\n    style: props.style,\n    onMouseEnter: props.onMouseEnter,\n    onMouseLeave: props.onMouseLeave,\n    onFocus: props.onFocus,\n    onBlur: props.onBlur\n  }, /*#__PURE__*/React.createElement(FormItemInputContext.Provider, {\n    value: groupFormItemContext\n  }, props.children)));\n};\nexport default Group;","// This icon file is generated automatically.\nvar EyeInvisibleOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z\" } }, { \"tag\": \"path\", \"attrs\": { \"d\": \"M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z\" } }] }, \"name\": \"eye-invisible\", \"theme\": \"outlined\" };\nexport default EyeInvisibleOutlined;\n","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport * as React from 'react';\nimport EyeInvisibleOutlinedSvg from \"@ant-design/icons-svg/es/asn/EyeInvisibleOutlined\";\nimport AntdIcon from '../components/AntdIcon';\nvar EyeInvisibleOutlined = function EyeInvisibleOutlined(props, ref) {\n  return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread(_objectSpread({}, props), {}, {\n    ref: ref,\n    icon: EyeInvisibleOutlinedSvg\n  }));\n};\nEyeInvisibleOutlined.displayName = 'EyeInvisibleOutlined';\nexport default /*#__PURE__*/React.forwardRef(EyeInvisibleOutlined);","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport EyeInvisibleOutlined from \"@ant-design/icons/es/icons/EyeInvisibleOutlined\";\nimport EyeOutlined from \"@ant-design/icons/es/icons/EyeOutlined\";\nimport classNames from 'classnames';\nimport omit from \"rc-util/es/omit\";\nimport { composeRef } from \"rc-util/es/ref\";\nimport * as React from 'react';\nimport { useRef, useState } from 'react';\nimport { ConfigConsumer } from '../config-provider';\nimport useRemovePasswordTimeout from './hooks/useRemovePasswordTimeout';\nimport Input from './Input';\nvar defaultIconRender = function defaultIconRender(visible) {\n  return visible ? /*#__PURE__*/React.createElement(EyeOutlined, null) : /*#__PURE__*/React.createElement(EyeInvisibleOutlined, null);\n};\nvar ActionMap = {\n  click: 'onClick',\n  hover: 'onMouseOver'\n};\nvar Password = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  var _props$visibilityTogg = props.visibilityToggle,\n    visibilityToggle = _props$visibilityTogg === void 0 ? true : _props$visibilityTogg;\n  var visibilityControlled = _typeof(visibilityToggle) === 'object' && visibilityToggle.visible !== undefined;\n  var _useState = useState(function () {\n      return visibilityControlled ? visibilityToggle.visible : false;\n    }),\n    _useState2 = _slicedToArray(_useState, 2),\n    visible = _useState2[0],\n    setVisible = _useState2[1];\n  var inputRef = useRef(null);\n  React.useEffect(function () {\n    if (visibilityControlled) {\n      setVisible(visibilityToggle.visible);\n    }\n  }, [visibilityControlled, visibilityToggle]);\n  // Remove Password value\n  var removePasswordTimeout = useRemovePasswordTimeout(inputRef);\n  var onVisibleChange = function onVisibleChange() {\n    var disabled = props.disabled;\n    if (disabled) {\n      return;\n    }\n    if (visible) {\n      removePasswordTimeout();\n    }\n    setVisible(function (prevState) {\n      var _a;\n      var newState = !prevState;\n      if (_typeof(visibilityToggle) === 'object') {\n        (_a = visibilityToggle.onVisibleChange) === null || _a === void 0 ? void 0 : _a.call(visibilityToggle, newState);\n      }\n      return newState;\n    });\n  };\n  var getIcon = function getIcon(prefixCls) {\n    var _iconProps;\n    var _props$action = props.action,\n      action = _props$action === void 0 ? 'click' : _props$action,\n      _props$iconRender = props.iconRender,\n      iconRender = _props$iconRender === void 0 ? defaultIconRender : _props$iconRender;\n    var iconTrigger = ActionMap[action] || '';\n    var icon = iconRender(visible);\n    var iconProps = (_iconProps = {}, _defineProperty(_iconProps, iconTrigger, onVisibleChange), _defineProperty(_iconProps, \"className\", prefixCls + \"-icon\"), _defineProperty(_iconProps, \"key\", 'passwordIcon'), _defineProperty(_iconProps, \"onMouseDown\", function onMouseDown(e) {\n      // Prevent focused state lost\n      // https://github.com/ant-design/ant-design/issues/15173\n      e.preventDefault();\n    }), _defineProperty(_iconProps, \"onMouseUp\", function onMouseUp(e) {\n      // Prevent caret position change\n      // https://github.com/ant-design/ant-design/issues/23524\n      e.preventDefault();\n    }), _iconProps);\n    return /*#__PURE__*/React.cloneElement( /*#__PURE__*/React.isValidElement(icon) ? icon : /*#__PURE__*/React.createElement(\"span\", null, icon), iconProps);\n  };\n  var renderPassword = function renderPassword(_ref) {\n    var getPrefixCls = _ref.getPrefixCls;\n    var className = props.className,\n      customizePrefixCls = props.prefixCls,\n      customizeInputPrefixCls = props.inputPrefixCls,\n      size = props.size,\n      restProps = __rest(props, [\"className\", \"prefixCls\", \"inputPrefixCls\", \"size\"]);\n    var inputPrefixCls = getPrefixCls('input', customizeInputPrefixCls);\n    var prefixCls = getPrefixCls('input-password', customizePrefixCls);\n    var suffixIcon = visibilityToggle && getIcon(prefixCls);\n    var inputClassName = classNames(prefixCls, className, _defineProperty({}, prefixCls + \"-\" + size, !!size));\n    var omittedProps = _extends(_extends({}, omit(restProps, ['suffix', 'iconRender', 'visibilityToggle'])), {\n      type: visible ? 'text' : 'password',\n      className: inputClassName,\n      prefixCls: inputPrefixCls,\n      suffix: suffixIcon\n    });\n    if (size) {\n      omittedProps.size = size;\n    }\n    return /*#__PURE__*/React.createElement(Input, _extends({\n      ref: composeRef(ref, inputRef)\n    }, omittedProps));\n  };\n  return /*#__PURE__*/React.createElement(ConfigConsumer, null, renderPassword);\n});\nif (process.env.NODE_ENV !== 'production') {\n  Password.displayName = 'Password';\n}\nexport default Password;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport SearchOutlined from \"@ant-design/icons/es/icons/SearchOutlined\";\nimport classNames from 'classnames';\nimport { composeRef } from \"rc-util/es/ref\";\nimport * as React from 'react';\nimport Button from '../button';\nimport { ConfigContext } from '../config-provider';\nimport SizeContext from '../config-provider/SizeContext';\nimport { useCompactItemContext } from '../space/Compact';\nimport { cloneElement } from '../_util/reactNode';\nimport Input from './Input';\nvar Search = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  var _classNames;\n  var customizePrefixCls = props.prefixCls,\n    customizeInputPrefixCls = props.inputPrefixCls,\n    className = props.className,\n    customizeSize = props.size,\n    suffix = props.suffix,\n    _props$enterButton = props.enterButton,\n    enterButton = _props$enterButton === void 0 ? false : _props$enterButton,\n    addonAfter = props.addonAfter,\n    loading = props.loading,\n    disabled = props.disabled,\n    customOnSearch = props.onSearch,\n    customOnChange = props.onChange,\n    onCompositionStart = props.onCompositionStart,\n    onCompositionEnd = props.onCompositionEnd,\n    restProps = __rest(props, [\"prefixCls\", \"inputPrefixCls\", \"className\", \"size\", \"suffix\", \"enterButton\", \"addonAfter\", \"loading\", \"disabled\", \"onSearch\", \"onChange\", \"onCompositionStart\", \"onCompositionEnd\"]);\n  var _React$useContext = React.useContext(ConfigContext),\n    getPrefixCls = _React$useContext.getPrefixCls,\n    direction = _React$useContext.direction;\n  var contextSize = React.useContext(SizeContext);\n  var composedRef = React.useRef(false);\n  var prefixCls = getPrefixCls('input-search', customizePrefixCls);\n  var inputPrefixCls = getPrefixCls('input', customizeInputPrefixCls);\n  var _useCompactItemContex = useCompactItemContext(prefixCls, direction),\n    compactSize = _useCompactItemContex.compactSize;\n  var size = compactSize || customizeSize || contextSize;\n  var inputRef = React.useRef(null);\n  var onChange = function onChange(e) {\n    if (e && e.target && e.type === 'click' && customOnSearch) {\n      customOnSearch(e.target.value, e);\n    }\n    if (customOnChange) {\n      customOnChange(e);\n    }\n  };\n  var onMouseDown = function onMouseDown(e) {\n    var _a;\n    if (document.activeElement === ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.input)) {\n      e.preventDefault();\n    }\n  };\n  var onSearch = function onSearch(e) {\n    var _a, _b;\n    if (customOnSearch) {\n      customOnSearch((_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.input) === null || _b === void 0 ? void 0 : _b.value, e);\n    }\n  };\n  var onPressEnter = function onPressEnter(e) {\n    if (composedRef.current || loading) {\n      return;\n    }\n    onSearch(e);\n  };\n  var searchIcon = typeof enterButton === 'boolean' ? /*#__PURE__*/React.createElement(SearchOutlined, null) : null;\n  var btnClassName = prefixCls + \"-button\";\n  var button;\n  var enterButtonAsElement = enterButton || {};\n  var isAntdButton = enterButtonAsElement.type && enterButtonAsElement.type.__ANT_BUTTON === true;\n  if (isAntdButton || enterButtonAsElement.type === 'button') {\n    button = cloneElement(enterButtonAsElement, _extends({\n      onMouseDown: onMouseDown,\n      onClick: function onClick(e) {\n        var _a, _b;\n        (_b = (_a = enterButtonAsElement === null || enterButtonAsElement === void 0 ? void 0 : enterButtonAsElement.props) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);\n        onSearch(e);\n      },\n      key: 'enterButton'\n    }, isAntdButton ? {\n      className: btnClassName,\n      size: size\n    } : {}));\n  } else {\n    button = /*#__PURE__*/React.createElement(Button, {\n      className: btnClassName,\n      type: enterButton ? 'primary' : undefined,\n      size: size,\n      disabled: disabled,\n      key: \"enterButton\",\n      onMouseDown: onMouseDown,\n      onClick: onSearch,\n      loading: loading,\n      icon: searchIcon\n    }, enterButton);\n  }\n  if (addonAfter) {\n    button = [button, cloneElement(addonAfter, {\n      key: 'addonAfter'\n    })];\n  }\n  var cls = classNames(prefixCls, (_classNames = {}, _defineProperty(_classNames, prefixCls + \"-rtl\", direction === 'rtl'), _defineProperty(_classNames, prefixCls + \"-\" + size, !!size), _defineProperty(_classNames, prefixCls + \"-with-button\", !!enterButton), _classNames), className);\n  var handleOnCompositionStart = function handleOnCompositionStart(e) {\n    composedRef.current = true;\n    onCompositionStart === null || onCompositionStart === void 0 ? void 0 : onCompositionStart(e);\n  };\n  var handleOnCompositionEnd = function handleOnCompositionEnd(e) {\n    composedRef.current = false;\n    onCompositionEnd === null || onCompositionEnd === void 0 ? void 0 : onCompositionEnd(e);\n  };\n  return /*#__PURE__*/React.createElement(Input, _extends({\n    ref: composeRef(inputRef, ref),\n    onPressEnter: onPressEnter\n  }, restProps, {\n    size: size,\n    onCompositionStart: handleOnCompositionStart,\n    onCompositionEnd: handleOnCompositionEnd,\n    prefixCls: inputPrefixCls,\n    addonAfter: button,\n    suffix: suffix,\n    onChange: onChange,\n    className: cls,\n    disabled: disabled\n  }));\n});\nif (process.env.NODE_ENV !== 'production') {\n  Search.displayName = 'Search';\n}\nexport default Search;","import Group from './Group';\nimport InternalInput from './Input';\nimport Password from './Password';\nimport Search from './Search';\nimport TextArea from './TextArea';\nvar Input = InternalInput;\nInput.Group = Group;\nInput.Search = Search;\nInput.TextArea = TextArea;\nInput.Password = Password;\nexport default Input;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport { genComponentStyleHook, mergeToken } from '../../theme';\nimport { clearFix, resetComponent } from '../../style';\nimport { genCompactItemStyle } from '../../style/compact-item';\nexport var genPlaceholderStyle = function genPlaceholderStyle(color) {\n  return {\n    // Firefox\n    '&::-moz-placeholder': {\n      opacity: 1\n    },\n    '&::placeholder': {\n      color: color,\n      userSelect: 'none' // https://github.com/ant-design/ant-design/pull/32639\n    },\n\n    '&:placeholder-shown': {\n      textOverflow: 'ellipsis'\n    }\n  };\n};\nexport var genHoverStyle = function genHoverStyle(token) {\n  return {\n    borderColor: token.inputBorderHoverColor,\n    borderInlineEndWidth: token.lineWidth\n  };\n};\nexport var genActiveStyle = function genActiveStyle(token) {\n  return {\n    borderColor: token.inputBorderHoverColor,\n    boxShadow: \"0 0 0 \" + token.controlOutlineWidth + \"px \" + token.controlOutline,\n    borderInlineEndWidth: token.lineWidth,\n    outline: 0\n  };\n};\nexport var genDisabledStyle = function genDisabledStyle(token) {\n  return {\n    color: token.colorTextDisabled,\n    backgroundColor: token.colorBgContainerDisabled,\n    borderColor: token.colorBorder,\n    boxShadow: 'none',\n    cursor: 'not-allowed',\n    opacity: 1,\n    '&:hover': _extends({}, genHoverStyle(mergeToken(token, {\n      inputBorderHoverColor: token.colorBorder\n    })))\n  };\n};\nvar genInputLargeStyle = function genInputLargeStyle(token) {\n  var inputPaddingVerticalLG = token.inputPaddingVerticalLG,\n    inputPaddingHorizontal = token.inputPaddingHorizontal,\n    fontSizeLG = token.fontSizeLG,\n    lineHeightLG = token.lineHeightLG,\n    borderRadiusLG = token.borderRadiusLG;\n  return {\n    padding: inputPaddingVerticalLG + \"px \" + inputPaddingHorizontal + \"px\",\n    fontSize: fontSizeLG,\n    lineHeight: lineHeightLG,\n    borderRadius: borderRadiusLG\n  };\n};\nexport var genInputSmallStyle = function genInputSmallStyle(token) {\n  return {\n    padding: token.inputPaddingVerticalSM + \"px \" + (token.controlPaddingHorizontalSM - 1) + \"px\",\n    borderRadius: token.borderRadiusSM\n  };\n};\nexport var genStatusStyle = function genStatusStyle(token) {\n  var componentCls = token.componentCls,\n    colorError = token.colorError,\n    colorWarning = token.colorWarning,\n    colorErrorOutline = token.colorErrorOutline,\n    colorWarningOutline = token.colorWarningOutline,\n    colorErrorBorderHover = token.colorErrorBorderHover,\n    colorWarningBorderHover = token.colorWarningBorderHover;\n  return {\n    '&-status-error:not(&-disabled):not(&-borderless)&': _defineProperty({\n      borderColor: colorError,\n      '&:hover': {\n        borderColor: colorErrorBorderHover\n      },\n      '&:focus, &-focused': _extends({}, genActiveStyle(mergeToken(token, {\n        inputBorderActiveColor: colorError,\n        inputBorderHoverColor: colorError,\n        controlOutline: colorErrorOutline\n      })))\n    }, componentCls + \"-prefix\", {\n      color: colorError\n    }),\n    '&-status-warning:not(&-disabled):not(&-borderless)&': _defineProperty({\n      borderColor: colorWarning,\n      '&:hover': {\n        borderColor: colorWarningBorderHover\n      },\n      '&:focus, &-focused': _extends({}, genActiveStyle(mergeToken(token, {\n        inputBorderActiveColor: colorWarning,\n        inputBorderHoverColor: colorWarning,\n        controlOutline: colorWarningOutline\n      })))\n    }, componentCls + \"-prefix\", {\n      color: colorWarning\n    })\n  };\n};\nexport var genBasicInputStyle = function genBasicInputStyle(token) {\n  return _extends(_extends({\n    position: 'relative',\n    display: 'inline-block',\n    width: '100%',\n    minWidth: 0,\n    padding: token.inputPaddingVertical + \"px \" + token.inputPaddingHorizontal + \"px\",\n    color: token.colorText,\n    fontSize: token.fontSize,\n    lineHeight: token.lineHeight,\n    backgroundColor: token.colorBgContainer,\n    backgroundImage: 'none',\n    borderWidth: token.lineWidth,\n    borderStyle: token.lineType,\n    borderColor: token.colorBorder,\n    borderRadius: token.borderRadius,\n    transition: \"all \" + token.motionDurationMid\n  }, genPlaceholderStyle(token.colorTextPlaceholder)), {\n    '&:hover': _extends({}, genHoverStyle(token)),\n    '&:focus, &-focused': _extends({}, genActiveStyle(token)),\n    '&-disabled, &[disabled]': _extends({}, genDisabledStyle(token)),\n    '&-borderless': {\n      '&, &:hover, &:focus, &-focused, &-disabled, &[disabled]': {\n        backgroundColor: 'transparent',\n        border: 'none',\n        boxShadow: 'none'\n      }\n    },\n    // Reset height for `textarea`s\n    'textarea&': {\n      maxWidth: '100%',\n      height: 'auto',\n      minHeight: token.controlHeight,\n      lineHeight: token.lineHeight,\n      verticalAlign: 'bottom',\n      transition: \"all \" + token.motionDurationSlow + \", height 0s\"\n    },\n    '&-textarea': {\n      '&-rtl': {\n        direction: 'rtl'\n      }\n    },\n    // Size\n    '&-lg': _extends({}, genInputLargeStyle(token)),\n    '&-sm': _extends({}, genInputSmallStyle(token)),\n    '&-rtl': {\n      direction: 'rtl'\n    }\n  });\n};\nexport var genInputGroupStyle = function genInputGroupStyle(token) {\n  var _ref2, _addon, _ref4, _ref6, _ref10, _extends2, _ref12;\n  var componentCls = token.componentCls,\n    antCls = token.antCls;\n  return _ref12 = {\n    position: 'relative',\n    display: 'table',\n    width: '100%',\n    borderCollapse: 'separate',\n    borderSpacing: 0\n  }, _defineProperty(_ref12, \"&[class*='col-']\", {\n    paddingInlineEnd: token.paddingXS,\n    '&:last-child': {\n      paddingInlineEnd: 0\n    }\n  }), _defineProperty(_ref12, \"&-lg \" + componentCls + \", &-lg > \" + componentCls + \"-group-addon\", _extends({}, genInputLargeStyle(token))), _defineProperty(_ref12, \"&-sm \" + componentCls + \", &-sm > \" + componentCls + \"-group-addon\", _extends({}, genInputSmallStyle(token))), _defineProperty(_ref12, \"&-lg \" + antCls + \"-select-single \" + antCls + \"-select-selector\", {\n    height: token.controlHeightLG\n  }), _defineProperty(_ref12, \"&-sm \" + antCls + \"-select-single \" + antCls + \"-select-selector\", {\n    height: token.controlHeightSM\n  }), _defineProperty(_ref12, \"> \" + componentCls, {\n    display: 'table-cell',\n    '&:not(:first-child):not(:last-child)': {\n      borderRadius: 0\n    }\n  }), _defineProperty(_ref12, componentCls + \"-group\", (_ref4 = {}, _defineProperty(_ref4, \"&-addon, &-wrap\", {\n    display: 'table-cell',\n    width: 1,\n    whiteSpace: 'nowrap',\n    verticalAlign: 'middle',\n    '&:not(:first-child):not(:last-child)': {\n      borderRadius: 0\n    }\n  }), _defineProperty(_ref4, '&-wrap > *', {\n    display: 'block !important'\n  }), _defineProperty(_ref4, '&-addon', (_addon = {\n    position: 'relative',\n    padding: \"0 \" + token.inputPaddingHorizontal + \"px\",\n    color: token.colorText,\n    fontWeight: 'normal',\n    fontSize: token.fontSize,\n    textAlign: 'center',\n    backgroundColor: token.colorFillAlter,\n    border: token.lineWidth + \"px \" + token.lineType + \" \" + token.colorBorder,\n    borderRadius: token.borderRadius,\n    transition: \"all \" + token.motionDurationSlow\n  }, _defineProperty(_addon, antCls + \"-select\", (_ref2 = {\n    margin: \"-\" + (token.inputPaddingVertical + 1) + \"px -\" + token.inputPaddingHorizontal + \"px\"\n  }, _defineProperty(_ref2, \"&\" + antCls + \"-select-single:not(\" + antCls + \"-select-customize-input)\", _defineProperty({}, antCls + \"-select-selector\", {\n    backgroundColor: 'inherit',\n    border: token.lineWidth + \"px \" + token.lineType + \" transparent\",\n    boxShadow: 'none'\n  })), _defineProperty(_ref2, '&-open, &-focused', _defineProperty({}, antCls + \"-select-selector\", {\n    color: token.colorPrimary\n  })), _ref2)), _defineProperty(_addon, antCls + \"-cascader-picker\", _defineProperty({\n    margin: \"-9px -\" + token.inputPaddingHorizontal + \"px\",\n    backgroundColor: 'transparent'\n  }, antCls + \"-cascader-input\", {\n    textAlign: 'start',\n    border: 0,\n    boxShadow: 'none'\n  })), _addon)), _defineProperty(_ref4, '&-addon:first-child', {\n    borderInlineEnd: 0\n  }), _defineProperty(_ref4, '&-addon:last-child', {\n    borderInlineStart: 0\n  }), _ref4)), _defineProperty(_ref12, \"\" + componentCls, {\n    \"float\": 'inline-start',\n    width: '100%',\n    marginBottom: 0,\n    textAlign: 'inherit',\n    '&:focus': {\n      zIndex: 1,\n      borderInlineEndWidth: 1\n    },\n    '&:hover': _defineProperty({\n      zIndex: 1,\n      borderInlineEndWidth: 1\n    }, componentCls + \"-search-with-button &\", {\n      zIndex: 0\n    })\n  }), _defineProperty(_ref12, \"> \" + componentCls + \":first-child, \" + componentCls + \"-group-addon:first-child\", _defineProperty({\n    borderStartEndRadius: 0,\n    borderEndEndRadius: 0\n  }, antCls + \"-select \" + antCls + \"-select-selector\", {\n    borderStartEndRadius: 0,\n    borderEndEndRadius: 0\n  })), _defineProperty(_ref12, \"> \" + componentCls + \"-affix-wrapper\", (_ref6 = {}, _defineProperty(_ref6, \"&:not(:first-child) \" + componentCls, {\n    borderStartStartRadius: 0,\n    borderEndStartRadius: 0\n  }), _defineProperty(_ref6, \"&:not(:last-child) \" + componentCls, {\n    borderStartEndRadius: 0,\n    borderEndEndRadius: 0\n  }), _ref6)), _defineProperty(_ref12, \"> \" + componentCls + \":last-child, \" + componentCls + \"-group-addon:last-child\", _defineProperty({\n    borderStartStartRadius: 0,\n    borderEndStartRadius: 0\n  }, antCls + \"-select \" + antCls + \"-select-selector\", {\n    borderStartStartRadius: 0,\n    borderEndStartRadius: 0\n  })), _defineProperty(_ref12, componentCls + \"-affix-wrapper\", _defineProperty({\n    '&:not(:last-child)': _defineProperty({\n      borderStartEndRadius: 0,\n      borderEndEndRadius: 0\n    }, componentCls + \"-search &\", {\n      borderStartStartRadius: token.borderRadius,\n      borderEndStartRadius: token.borderRadius\n    })\n  }, \"&:not(:first-child), \" + componentCls + \"-search &:not(:first-child)\", {\n    borderStartStartRadius: 0,\n    borderEndStartRadius: 0\n  })), _defineProperty(_ref12, '&&-compact', _extends(_extends({\n    display: 'block'\n  }, clearFix()), (_extends2 = {}, _defineProperty(_extends2, componentCls + \"-group-addon, \" + componentCls + \"-group-wrap, > \" + componentCls, {\n    '&:not(:first-child):not(:last-child)': {\n      borderInlineEndWidth: token.lineWidth,\n      '&:hover': {\n        zIndex: 1\n      },\n      '&:focus': {\n        zIndex: 1\n      }\n    }\n  }), _defineProperty(_extends2, '& > *', {\n    display: 'inline-block',\n    \"float\": 'none',\n    verticalAlign: 'top',\n    borderRadius: 0\n  }), _defineProperty(_extends2, \"& > \" + componentCls + \"-affix-wrapper\", {\n    display: 'inline-flex'\n  }), _defineProperty(_extends2, \"& > \" + antCls + \"-picker-range\", {\n    display: 'inline-flex'\n  }), _defineProperty(_extends2, '& > *:not(:last-child)', {\n    marginInlineEnd: -token.lineWidth,\n    borderInlineEndWidth: token.lineWidth\n  }), _defineProperty(_extends2, \"\" + componentCls, {\n    \"float\": 'none'\n  }), _defineProperty(_extends2, \"& > \" + antCls + \"-select > \" + antCls + \"-select-selector,\\n      & > \" + antCls + \"-select-auto-complete \" + componentCls + \",\\n      & > \" + antCls + \"-cascader-picker \" + componentCls + \",\\n      & > \" + componentCls + \"-group-wrapper \" + componentCls, {\n    borderInlineEndWidth: token.lineWidth,\n    borderRadius: 0,\n    '&:hover': {\n      zIndex: 1\n    },\n    '&:focus': {\n      zIndex: 1\n    }\n  }), _defineProperty(_extends2, \"& > \" + antCls + \"-select-focused\", {\n    zIndex: 1\n  }), _defineProperty(_extends2, \"& > \" + antCls + \"-select > \" + antCls + \"-select-arrow\", {\n    zIndex: 1 // https://github.com/ant-design/ant-design/issues/20371\n  }), _defineProperty(_extends2, \"& > *:first-child,\\n      & > \" + antCls + \"-select:first-child > \" + antCls + \"-select-selector,\\n      & > \" + antCls + \"-select-auto-complete:first-child \" + componentCls + \",\\n      & > \" + antCls + \"-cascader-picker:first-child \" + componentCls, {\n    borderStartStartRadius: token.borderRadius,\n    borderEndStartRadius: token.borderRadius\n  }), _defineProperty(_extends2, \"& > *:last-child,\\n      & > \" + antCls + \"-select:last-child > \" + antCls + \"-select-selector,\\n      & > \" + antCls + \"-cascader-picker:last-child \" + componentCls + \",\\n      & > \" + antCls + \"-cascader-picker-focused:last-child \" + componentCls, {\n    borderInlineEndWidth: token.lineWidth,\n    borderStartEndRadius: token.borderRadius,\n    borderEndEndRadius: token.borderRadius\n  }), _defineProperty(_extends2, \"& > \" + antCls + \"-select-auto-complete \" + componentCls, {\n    verticalAlign: 'top'\n  }), _defineProperty(_extends2, componentCls + \"-group-wrapper + \" + componentCls + \"-group-wrapper\", _defineProperty({\n    marginInlineStart: -token.lineWidth\n  }, componentCls + \"-affix-wrapper\", {\n    borderRadius: 0\n  })), _defineProperty(_extends2, componentCls + \"-group-wrapper:not(:last-child)\", _defineProperty({}, \"&\" + componentCls + \"-search > \" + componentCls + \"-group\", (_ref10 = {}, _defineProperty(_ref10, \"& > \" + componentCls + \"-group-addon > \" + componentCls + \"-search-button\", {\n    borderRadius: 0\n  }), _defineProperty(_ref10, \"& > \" + componentCls, {\n    borderStartStartRadius: token.borderRadius,\n    borderStartEndRadius: 0,\n    borderEndEndRadius: 0,\n    borderEndStartRadius: token.borderRadius\n  }), _ref10))), _extends2))), _ref12;\n};\nvar genInputStyle = function genInputStyle(token) {\n  var _typeColor;\n  var prefixCls = token.prefixCls,\n    componentCls = token.componentCls,\n    controlHeightSM = token.controlHeightSM,\n    lineWidth = token.lineWidth;\n  var FIXED_CHROME_COLOR_HEIGHT = 16;\n  var colorSmallPadding = (controlHeightSM - lineWidth * 2 - FIXED_CHROME_COLOR_HEIGHT) / 2;\n  return _defineProperty({}, \"\" + componentCls, _extends(_extends(_extends(_extends(_extends({}, resetComponent(token)), genBasicInputStyle(token)), genStatusStyle(token)), genCompactItemStyle(token, prefixCls)), {\n    '&[type=\"color\"]': (_typeColor = {\n      height: token.controlHeight\n    }, _defineProperty(_typeColor, \"&\" + componentCls + \"-lg\", {\n      height: token.controlHeightLG\n    }), _defineProperty(_typeColor, \"&\" + componentCls + \"-sm\", {\n      height: controlHeightSM,\n      paddingTop: colorSmallPadding,\n      paddingBottom: colorSmallPadding\n    }), _typeColor)\n  }));\n};\nvar genAllowClearStyle = function genAllowClearStyle(token) {\n  var _ref14;\n  var componentCls = token.componentCls;\n  return _ref14 = {}, _defineProperty(_ref14, componentCls + \"-clear-icon\", {\n    margin: 0,\n    color: token.colorIcon,\n    fontSize: token.fontSizeIcon,\n    verticalAlign: -1,\n    // https://github.com/ant-design/ant-design/pull/18151\n    // https://codesandbox.io/s/wizardly-sun-u10br\n    cursor: 'pointer',\n    transition: \"color \" + token.motionDurationSlow,\n    '&:hover': {\n      color: token.colorTextDescription\n    },\n    '&:active': {\n      color: token.colorText\n    },\n    '&-hidden': {\n      visibility: 'hidden'\n    },\n    '&-has-suffix': {\n      margin: \"0 \" + token.inputAffixPadding + \"px\"\n    }\n  }), _defineProperty(_ref14, '&-textarea-with-clear-btn', _defineProperty({\n    padding: '0 !important',\n    border: '0 !important'\n  }, componentCls + \"-clear-icon\", {\n    position: 'absolute',\n    insetBlockStart: token.paddingXS,\n    insetInlineEnd: token.paddingXS,\n    zIndex: 1\n  })), _ref14;\n};\nvar genAffixStyle = function genAffixStyle(token) {\n  var _extends4;\n  var componentCls = token.componentCls,\n    inputAffixPadding = token.inputAffixPadding,\n    colorTextDescription = token.colorTextDescription,\n    motionDurationSlow = token.motionDurationSlow,\n    colorIcon = token.colorIcon,\n    colorIconHover = token.colorIconHover,\n    iconCls = token.iconCls;\n  return _defineProperty({}, componentCls + \"-affix-wrapper\", _extends(_extends(_extends(_extends(_extends({}, genBasicInputStyle(token)), (_extends4 = {\n    display: 'inline-flex',\n    '&:not(&-disabled):hover': _extends(_extends({}, genHoverStyle(token)), _defineProperty({\n      zIndex: 1\n    }, componentCls + \"-search-with-button &\", {\n      zIndex: 0\n    })),\n    '&-focused, &:focus': {\n      zIndex: 1\n    },\n    '&-disabled': _defineProperty({}, componentCls + \"[disabled]\", {\n      background: 'transparent'\n    })\n  }, _defineProperty(_extends4, \"> input\" + componentCls, {\n    padding: 0,\n    fontSize: 'inherit',\n    border: 'none',\n    borderRadius: 0,\n    outline: 'none',\n    '&:focus': {\n      boxShadow: 'none !important'\n    }\n  }), _defineProperty(_extends4, '&::before', {\n    width: 0,\n    visibility: 'hidden',\n    content: '\"\\\\a0\"'\n  }), _defineProperty(_extends4, \"\" + componentCls, {\n    '&-prefix, &-suffix': {\n      display: 'flex',\n      flex: 'none',\n      alignItems: 'center',\n      '> *:not(:last-child)': {\n        marginInlineEnd: token.paddingXS\n      }\n    },\n    '&-show-count-suffix': {\n      color: colorTextDescription\n    },\n    '&-show-count-has-suffix': {\n      marginInlineEnd: token.paddingXXS\n    },\n    '&-prefix': {\n      marginInlineEnd: inputAffixPadding\n    },\n    '&-suffix': {\n      marginInlineStart: inputAffixPadding\n    }\n  }), _extends4)), genAllowClearStyle(token)), _defineProperty({}, \"\" + iconCls + componentCls + \"-password-icon\", {\n    color: colorIcon,\n    cursor: 'pointer',\n    transition: \"all \" + motionDurationSlow,\n    '&:hover': {\n      color: colorIconHover\n    }\n  })), genStatusStyle(token)));\n};\nvar genGroupStyle = function genGroupStyle(token) {\n  var componentCls = token.componentCls,\n    colorError = token.colorError,\n    colorSuccess = token.colorSuccess,\n    borderRadiusLG = token.borderRadiusLG,\n    borderRadiusSM = token.borderRadiusSM;\n  return _defineProperty({}, componentCls + \"-group\", _extends(_extends(_extends({}, resetComponent(token)), genInputGroupStyle(token)), {\n    '&-rtl': {\n      direction: 'rtl'\n    },\n    '&-wrapper': {\n      display: 'inline-block',\n      width: '100%',\n      textAlign: 'start',\n      verticalAlign: 'top',\n      '&-rtl': {\n        direction: 'rtl'\n      },\n      // Size\n      '&-lg': _defineProperty({}, componentCls + \"-group-addon\", {\n        borderRadius: borderRadiusLG\n      }),\n      '&-sm': _defineProperty({}, componentCls + \"-group-addon\", {\n        borderRadius: borderRadiusSM\n      }),\n      // Status\n      '&-status-error': _defineProperty({}, componentCls + \"-group-addon\", {\n        color: colorError,\n        borderColor: colorError\n      }),\n      '&-status-warning': _defineProperty({}, componentCls + \"-group-addon:last-child\", {\n        color: colorSuccess,\n        borderColor: colorSuccess\n      })\n    }\n  }));\n};\nvar genSearchInputStyle = function genSearchInputStyle(token) {\n  var _ref18, _ref23, _searchPrefixCls;\n  var componentCls = token.componentCls,\n    antCls = token.antCls;\n  var searchPrefixCls = componentCls + \"-search\";\n  return _defineProperty({}, searchPrefixCls, (_searchPrefixCls = {}, _defineProperty(_searchPrefixCls, \"\" + componentCls, {\n    '&:hover, &:focus': _defineProperty({\n      borderColor: token.colorPrimaryHover\n    }, \"+ \" + componentCls + \"-group-addon \" + searchPrefixCls + \"-button:not(\" + antCls + \"-btn-primary)\", {\n      borderInlineStartColor: token.colorPrimaryHover\n    })\n  }), _defineProperty(_searchPrefixCls, componentCls + \"-affix-wrapper\", {\n    borderRadius: 0\n  }), _defineProperty(_searchPrefixCls, componentCls + \"-lg\", {\n    lineHeight: token.lineHeightLG - 0.0002\n  }), _defineProperty(_searchPrefixCls, \"> \" + componentCls + \"-group\", _defineProperty({}, \"> \" + componentCls + \"-group-addon:last-child\", (_ref18 = {\n    insetInlineStart: -1,\n    padding: 0,\n    border: 0\n  }, _defineProperty(_ref18, searchPrefixCls + \"-button\", {\n    paddingTop: 0,\n    paddingBottom: 0,\n    borderStartStartRadius: 0,\n    borderStartEndRadius: token.borderRadius,\n    borderEndEndRadius: token.borderRadius,\n    borderEndStartRadius: 0\n  }), _defineProperty(_ref18, searchPrefixCls + \"-button:not(\" + antCls + \"-btn-primary)\", _defineProperty({\n    color: token.colorTextDescription,\n    '&:hover': {\n      color: token.colorPrimaryHover\n    },\n    '&:active': {\n      color: token.colorPrimaryActive\n    }\n  }, \"&\" + antCls + \"-btn-loading::before\", {\n    insetInlineStart: 0,\n    insetInlineEnd: 0,\n    insetBlockStart: 0,\n    insetBlockEnd: 0\n  })), _ref18))), _defineProperty(_searchPrefixCls, searchPrefixCls + \"-button\", {\n    height: token.controlHeight,\n    '&:hover, &:focus': {\n      zIndex: 1\n    }\n  }), _defineProperty(_searchPrefixCls, \"&-large \" + searchPrefixCls + \"-button\", {\n    height: token.controlHeightLG\n  }), _defineProperty(_searchPrefixCls, \"&-small \" + searchPrefixCls + \"-button\", {\n    height: token.controlHeightSM\n  }), _defineProperty(_searchPrefixCls, '&-rtl', {\n    direction: 'rtl'\n  }), _defineProperty(_searchPrefixCls, \"&\" + componentCls + \"-compact-item\", (_ref23 = {}, _defineProperty(_ref23, \"&:not(\" + componentCls + \"-compact-last-item)\", _defineProperty({}, componentCls + \"-group-addon\", _defineProperty({}, componentCls + \"-search-button\", {\n    marginInlineEnd: -token.lineWidth,\n    borderRadius: 0\n  }))), _defineProperty(_ref23, \"&:not(\" + componentCls + \"-compact-first-item)\", _defineProperty({}, componentCls + \",\" + componentCls + \"-affix-wrapper\", {\n    borderRadius: 0\n  })), _defineProperty(_ref23, \"> \" + componentCls + \"-group-addon \" + componentCls + \"-search-button,\\n        > \" + componentCls + \",\\n        \" + componentCls + \"-affix-wrapper\", {\n    '&:hover,&:focus,&:active': {\n      zIndex: 2\n    }\n  }), _defineProperty(_ref23, \"> \" + componentCls + \"-affix-wrapper-focused\", {\n    zIndex: 2\n  }), _ref23)), _searchPrefixCls));\n};\nexport function initInputToken(token) {\n  // @ts-ignore\n  return mergeToken(token, {\n    inputAffixPadding: token.paddingXXS,\n    inputPaddingVertical: Math.max(Math.round((token.controlHeight - token.fontSize * token.lineHeight) / 2 * 10) / 10 - token.lineWidth, 3),\n    inputPaddingVerticalLG: Math.ceil((token.controlHeightLG - token.fontSizeLG * token.lineHeightLG) / 2 * 10) / 10 - token.lineWidth,\n    inputPaddingVerticalSM: Math.max(Math.round((token.controlHeightSM - token.fontSize * token.lineHeight) / 2 * 10) / 10 - token.lineWidth, 0),\n    inputPaddingHorizontal: token.controlPaddingHorizontal - token.lineWidth,\n    inputPaddingHorizontalSM: token.controlPaddingHorizontalSM - token.lineWidth,\n    inputBorderHoverColor: token.colorPrimaryHover,\n    inputBorderActiveColor: token.colorPrimaryHover\n  });\n}\nvar genTextAreaStyle = function genTextAreaStyle(token) {\n  var _showCount, _textareaPrefixCls;\n  var componentCls = token.componentCls,\n    inputPaddingHorizontal = token.inputPaddingHorizontal,\n    paddingLG = token.paddingLG;\n  var textareaPrefixCls = componentCls + \"-textarea\";\n  return _defineProperty({}, textareaPrefixCls, (_textareaPrefixCls = {\n    position: 'relative'\n  }, _defineProperty(_textareaPrefixCls, textareaPrefixCls + \"-suffix\", {\n    position: 'absolute',\n    top: 0,\n    insetInlineEnd: inputPaddingHorizontal,\n    bottom: 0,\n    zIndex: 1,\n    display: 'inline-flex',\n    alignItems: 'center',\n    margin: 'auto'\n  }), _defineProperty(_textareaPrefixCls, \"&-status-error,\\n        &-status-warning,\\n        &-status-success,\\n        &-status-validating\", _defineProperty({}, \"&\" + textareaPrefixCls + \"-has-feedback\", _defineProperty({}, \"\" + componentCls, {\n    paddingInlineEnd: paddingLG\n  }))), _defineProperty(_textareaPrefixCls, '&-show-count', (_showCount = {}, _defineProperty(_showCount, \"> \" + componentCls, {\n    height: '100%'\n  }), _defineProperty(_showCount, '&::after', {\n    position: 'absolute',\n    bottom: 0,\n    insetInlineEnd: 0,\n    color: token.colorTextDescription,\n    whiteSpace: 'nowrap',\n    content: 'attr(data-count)',\n    pointerEvents: 'none',\n    display: 'block',\n    transform: 'translateY(100%)'\n  }), _showCount)), _textareaPrefixCls));\n};\n// ============================== Export ==============================\nexport default genComponentStyleHook('Input', function (token) {\n  var inputToken = initInputToken(token);\n  return [genInputStyle(inputToken), genTextAreaStyle(inputToken), genAffixStyle(inputToken), genGroupStyle(inputToken), genSearchInputStyle(inputToken)];\n});","// This icon file is generated automatically.\nvar BarsOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"0 0 1024 1024\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M912 192H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM104 228a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0z\" } }] }, \"name\": \"bars\", \"theme\": \"outlined\" };\nexport default BarsOutlined;\n","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport * as React from 'react';\nimport BarsOutlinedSvg from \"@ant-design/icons-svg/es/asn/BarsOutlined\";\nimport AntdIcon from '../components/AntdIcon';\nvar BarsOutlined = function BarsOutlined(props, ref) {\n  return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread(_objectSpread({}, props), {}, {\n    ref: ref,\n    icon: BarsOutlinedSvg\n  }));\n};\nBarsOutlined.displayName = 'BarsOutlined';\nexport default /*#__PURE__*/React.forwardRef(BarsOutlined);","var isNumeric = function isNumeric(value) {\n  return !isNaN(parseFloat(value)) && isFinite(value);\n};\nexport default isNumeric;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport BarsOutlined from \"@ant-design/icons/es/icons/BarsOutlined\";\nimport LeftOutlined from \"@ant-design/icons/es/icons/LeftOutlined\";\nimport RightOutlined from \"@ant-design/icons/es/icons/RightOutlined\";\nimport classNames from 'classnames';\nimport omit from \"rc-util/es/omit\";\nimport * as React from 'react';\nimport { useContext, useEffect, useRef, useState } from 'react';\nimport { ConfigContext } from '../config-provider';\nimport isNumeric from '../_util/isNumeric';\nimport { LayoutContext } from './layout';\nvar dimensionMaxMap = {\n  xs: '479.98px',\n  sm: '575.98px',\n  md: '767.98px',\n  lg: '991.98px',\n  xl: '1199.98px',\n  xxl: '1599.98px'\n};\nexport var SiderContext = /*#__PURE__*/React.createContext({});\nvar generateId = function () {\n  var i = 0;\n  return function () {\n    var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n    i += 1;\n    return \"\" + prefix + i;\n  };\n}();\nvar Sider = /*#__PURE__*/React.forwardRef(function (_a, ref) {\n  var customizePrefixCls = _a.prefixCls,\n    className = _a.className,\n    trigger = _a.trigger,\n    children = _a.children,\n    _a$defaultCollapsed = _a.defaultCollapsed,\n    defaultCollapsed = _a$defaultCollapsed === void 0 ? false : _a$defaultCollapsed,\n    _a$theme = _a.theme,\n    theme = _a$theme === void 0 ? 'dark' : _a$theme,\n    _a$style = _a.style,\n    style = _a$style === void 0 ? {} : _a$style,\n    _a$collapsible = _a.collapsible,\n    collapsible = _a$collapsible === void 0 ? false : _a$collapsible,\n    _a$reverseArrow = _a.reverseArrow,\n    reverseArrow = _a$reverseArrow === void 0 ? false : _a$reverseArrow,\n    _a$width = _a.width,\n    width = _a$width === void 0 ? 200 : _a$width,\n    _a$collapsedWidth = _a.collapsedWidth,\n    collapsedWidth = _a$collapsedWidth === void 0 ? 80 : _a$collapsedWidth,\n    zeroWidthTriggerStyle = _a.zeroWidthTriggerStyle,\n    breakpoint = _a.breakpoint,\n    onCollapse = _a.onCollapse,\n    onBreakpoint = _a.onBreakpoint,\n    props = __rest(_a, [\"prefixCls\", \"className\", \"trigger\", \"children\", \"defaultCollapsed\", \"theme\", \"style\", \"collapsible\", \"reverseArrow\", \"width\", \"collapsedWidth\", \"zeroWidthTriggerStyle\", \"breakpoint\", \"onCollapse\", \"onBreakpoint\"]);\n  var _useContext = useContext(LayoutContext),\n    siderHook = _useContext.siderHook;\n  var _useState = useState('collapsed' in props ? props.collapsed : defaultCollapsed),\n    _useState2 = _slicedToArray(_useState, 2),\n    collapsed = _useState2[0],\n    setCollapsed = _useState2[1];\n  var _useState3 = useState(false),\n    _useState4 = _slicedToArray(_useState3, 2),\n    below = _useState4[0],\n    setBelow = _useState4[1];\n  useEffect(function () {\n    if ('collapsed' in props) {\n      setCollapsed(props.collapsed);\n    }\n  }, [props.collapsed]);\n  var handleSetCollapsed = function handleSetCollapsed(value, type) {\n    if (!('collapsed' in props)) {\n      setCollapsed(value);\n    }\n    onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(value, type);\n  };\n  // ========================= Responsive =========================\n  var responsiveHandlerRef = useRef();\n  responsiveHandlerRef.current = function (mql) {\n    setBelow(mql.matches);\n    onBreakpoint === null || onBreakpoint === void 0 ? void 0 : onBreakpoint(mql.matches);\n    if (collapsed !== mql.matches) {\n      handleSetCollapsed(mql.matches, 'responsive');\n    }\n  };\n  useEffect(function () {\n    function responsiveHandler(mql) {\n      return responsiveHandlerRef.current(mql);\n    }\n    var mql;\n    if (typeof window !== 'undefined') {\n      var _window = window,\n        matchMedia = _window.matchMedia;\n      if (matchMedia && breakpoint && breakpoint in dimensionMaxMap) {\n        mql = matchMedia(\"(max-width: \" + dimensionMaxMap[breakpoint] + \")\");\n        try {\n          mql.addEventListener('change', responsiveHandler);\n        } catch (error) {\n          mql.addListener(responsiveHandler);\n        }\n        responsiveHandler(mql);\n      }\n    }\n    return function () {\n      try {\n        mql === null || mql === void 0 ? void 0 : mql.removeEventListener('change', responsiveHandler);\n      } catch (error) {\n        mql === null || mql === void 0 ? void 0 : mql.removeListener(responsiveHandler);\n      }\n    };\n  }, [breakpoint]); // in order to accept dynamic 'breakpoint' property, we need to add 'breakpoint' into dependency array.\n  useEffect(function () {\n    var uniqueId = generateId('ant-sider-');\n    siderHook.addSider(uniqueId);\n    return function () {\n      return siderHook.removeSider(uniqueId);\n    };\n  }, []);\n  var toggle = function toggle() {\n    handleSetCollapsed(!collapsed, 'clickTrigger');\n  };\n  var _useContext2 = useContext(ConfigContext),\n    getPrefixCls = _useContext2.getPrefixCls;\n  var renderSider = function renderSider() {\n    var _classNames;\n    var prefixCls = getPrefixCls('layout-sider', customizePrefixCls);\n    var divProps = omit(props, ['collapsed']);\n    var rawWidth = collapsed ? collapsedWidth : width;\n    // use \"px\" as fallback unit for width\n    var siderWidth = isNumeric(rawWidth) ? rawWidth + \"px\" : String(rawWidth);\n    // special trigger when collapsedWidth == 0\n    var zeroWidthTrigger = parseFloat(String(collapsedWidth || 0)) === 0 ? /*#__PURE__*/React.createElement(\"span\", {\n      onClick: toggle,\n      className: classNames(prefixCls + \"-zero-width-trigger\", prefixCls + \"-zero-width-trigger-\" + (reverseArrow ? 'right' : 'left')),\n      style: zeroWidthTriggerStyle\n    }, trigger || /*#__PURE__*/React.createElement(BarsOutlined, null)) : null;\n    var iconObj = {\n      expanded: reverseArrow ? /*#__PURE__*/React.createElement(RightOutlined, null) : /*#__PURE__*/React.createElement(LeftOutlined, null),\n      collapsed: reverseArrow ? /*#__PURE__*/React.createElement(LeftOutlined, null) : /*#__PURE__*/React.createElement(RightOutlined, null)\n    };\n    var status = collapsed ? 'collapsed' : 'expanded';\n    var defaultTrigger = iconObj[status];\n    var triggerDom = trigger !== null ? zeroWidthTrigger || /*#__PURE__*/React.createElement(\"div\", {\n      className: prefixCls + \"-trigger\",\n      onClick: toggle,\n      style: {\n        width: siderWidth\n      }\n    }, trigger || defaultTrigger) : null;\n    var divStyle = _extends(_extends({}, style), {\n      flex: \"0 0 \" + siderWidth,\n      maxWidth: siderWidth,\n      minWidth: siderWidth,\n      width: siderWidth\n    });\n    var siderCls = classNames(prefixCls, prefixCls + \"-\" + theme, (_classNames = {}, _defineProperty(_classNames, prefixCls + \"-collapsed\", !!collapsed), _defineProperty(_classNames, prefixCls + \"-has-trigger\", collapsible && trigger !== null && !zeroWidthTrigger), _defineProperty(_classNames, prefixCls + \"-below\", !!below), _defineProperty(_classNames, prefixCls + \"-zero-width\", parseFloat(siderWidth) === 0), _classNames), className);\n    return /*#__PURE__*/React.createElement(\"aside\", _extends({\n      className: siderCls\n    }, divProps, {\n      style: divStyle,\n      ref: ref\n    }), /*#__PURE__*/React.createElement(\"div\", {\n      className: prefixCls + \"-children\"\n    }, children), collapsible || below && zeroWidthTrigger ? triggerDom : null);\n  };\n  var contextValue = React.useMemo(function () {\n    return {\n      siderCollapsed: collapsed\n    };\n  }, [collapsed]);\n  return /*#__PURE__*/React.createElement(SiderContext.Provider, {\n    value: contextValue\n  }, renderSider());\n});\nif (process.env.NODE_ENV !== 'production') {\n  Sider.displayName = 'Sider';\n}\nexport default Sider;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nvar genLayoutLightStyle = function genLayoutLightStyle(token) {\n  var _ref;\n  var componentCls = token.componentCls,\n    colorBgContainer = token.colorBgContainer,\n    colorBgBody = token.colorBgBody,\n    colorText = token.colorText;\n  return _defineProperty({}, componentCls + \"-sider-light\", (_ref = {\n    background: colorBgContainer\n  }, _defineProperty(_ref, componentCls + \"-sider-trigger\", {\n    color: colorText,\n    background: colorBgContainer\n  }), _defineProperty(_ref, componentCls + \"-sider-zero-width-trigger\", {\n    color: colorText,\n    background: colorBgContainer,\n    border: \"1px solid \" + colorBgBody,\n    borderInlineStart: 0\n  }), _ref));\n};\nexport default genLayoutLightStyle;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport { genComponentStyleHook, mergeToken } from '../../theme';\nimport genLayoutLightStyle from './light';\nvar genLayoutStyle = function genLayoutStyle(token) {\n  var _extends2;\n  var antCls = token.antCls,\n    componentCls = token.componentCls,\n    colorText = token.colorText,\n    colorTextLightSolid = token.colorTextLightSolid,\n    colorBgHeader = token.colorBgHeader,\n    colorBgBody = token.colorBgBody,\n    colorBgTrigger = token.colorBgTrigger,\n    layoutHeaderHeight = token.layoutHeaderHeight,\n    layoutHeaderPaddingInline = token.layoutHeaderPaddingInline,\n    layoutHeaderColor = token.layoutHeaderColor,\n    layoutFooterPadding = token.layoutFooterPadding,\n    layoutTriggerHeight = token.layoutTriggerHeight,\n    layoutZeroTriggerSize = token.layoutZeroTriggerSize,\n    motionDurationMid = token.motionDurationMid,\n    motionDurationSlow = token.motionDurationSlow,\n    fontSize = token.fontSize,\n    borderRadius = token.borderRadius;\n  return _defineProperty({}, componentCls, _extends(_extends((_extends2 = {\n    display: 'flex',\n    flex: 'auto',\n    flexDirection: 'column',\n    /* fix firefox can't set height smaller than content on flex item */\n    minHeight: 0,\n    background: colorBgBody,\n    '&, *': {\n      boxSizing: 'border-box'\n    }\n  }, _defineProperty(_extends2, \"&\" + componentCls + \"-has-sider\", _defineProperty({\n    flexDirection: 'row'\n  }, \"> \" + componentCls + \", > \" + componentCls + \"-content\", {\n    // https://segmentfault.com/a/1190000019498300\n    width: 0\n  })), _defineProperty(_extends2, componentCls + \"-header, &\" + componentCls + \"-footer\", {\n    flex: '0 0 auto'\n  }), _defineProperty(_extends2, componentCls + \"-header\", _defineProperty({\n    height: layoutHeaderHeight,\n    paddingInline: layoutHeaderPaddingInline,\n    color: layoutHeaderColor,\n    lineHeight: layoutHeaderHeight + \"px\",\n    background: colorBgHeader\n  }, antCls + \"-menu\", {\n    lineHeight: 'inherit'\n  })), _defineProperty(_extends2, componentCls + \"-footer\", {\n    padding: layoutFooterPadding,\n    color: colorText,\n    fontSize: fontSize,\n    background: colorBgBody\n  }), _defineProperty(_extends2, componentCls + \"-content\", {\n    flex: 'auto',\n    // fix firefox can't set height smaller than content on flex item\n    minHeight: 0\n  }), _defineProperty(_extends2, componentCls + \"-sider\", {\n    position: 'relative',\n    // fix firefox can't set width smaller than content on flex item\n    minWidth: 0,\n    background: colorBgHeader,\n    transition: \"all \" + motionDurationMid,\n    '&-children': _defineProperty({\n      height: '100%',\n      // Hack for fixing margin collapse bug\n      // https://github.com/ant-design/ant-design/issues/7967\n      // solution from https://stackoverflow.com/a/33132624/3040605\n      marginTop: -0.1,\n      paddingTop: 0.1\n    }, antCls + \"-menu\" + antCls + \"-menu-inline-collapsed\", {\n      width: 'auto'\n    }),\n    '&-has-trigger': {\n      paddingBottom: layoutTriggerHeight\n    },\n    '&-right': {\n      order: 1\n    },\n    '&-trigger': {\n      position: 'fixed',\n      bottom: 0,\n      zIndex: 1,\n      height: layoutTriggerHeight,\n      color: colorTextLightSolid,\n      lineHeight: layoutTriggerHeight + \"px\",\n      textAlign: 'center',\n      background: colorBgTrigger,\n      cursor: 'pointer',\n      transition: \"all \" + motionDurationMid\n    },\n    '&-zero-width': {\n      '> *': {\n        overflow: 'hidden'\n      },\n      '&-trigger': {\n        position: 'absolute',\n        top: layoutHeaderHeight,\n        insetInlineEnd: -layoutZeroTriggerSize,\n        zIndex: 1,\n        width: layoutZeroTriggerSize,\n        height: layoutZeroTriggerSize,\n        color: colorTextLightSolid,\n        fontSize: token.fontSizeXL,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        background: colorBgHeader,\n        borderStartStartRadius: 0,\n        borderStartEndRadius: borderRadius,\n        borderEndEndRadius: borderRadius,\n        borderEndStartRadius: 0,\n        cursor: 'pointer',\n        transition: \"background \" + motionDurationSlow + \" ease\",\n        '&::after': {\n          position: 'absolute',\n          inset: 0,\n          background: 'transparent',\n          transition: \"all \" + motionDurationSlow,\n          content: '\"\"'\n        },\n        '&:hover::after': {\n          // FIXME: Hardcode, but seems no need to create a token for this\n          background: \"rgba(255, 255, 255, 0.2)\"\n        },\n        '&-right': {\n          insetInlineStart: -layoutZeroTriggerSize,\n          borderStartStartRadius: borderRadius,\n          borderStartEndRadius: 0,\n          borderEndEndRadius: 0,\n          borderEndStartRadius: borderRadius\n        }\n      }\n    }\n  }), _extends2), genLayoutLightStyle(token)), {\n    // RTL\n    '&-rtl': {\n      direction: 'rtl'\n    }\n  }));\n};\n// ============================== Export ==============================\nexport default genComponentStyleHook('Layout', function (token) {\n  var colorText = token.colorText,\n    controlHeightSM = token.controlHeightSM,\n    controlHeight = token.controlHeight,\n    controlHeightLG = token.controlHeightLG,\n    marginXXS = token.marginXXS;\n  var layoutHeaderPaddingInline = controlHeightLG * 1.25;\n  var layoutToken = mergeToken(token, {\n    // Layout\n    layoutHeaderHeight: controlHeight * 2,\n    layoutHeaderPaddingInline: layoutHeaderPaddingInline,\n    layoutHeaderColor: colorText,\n    layoutFooterPadding: controlHeightSM + \"px \" + layoutHeaderPaddingInline + \"px\",\n    layoutTriggerHeight: controlHeightLG + marginXXS * 2,\n    layoutZeroTriggerSize: controlHeightLG\n  });\n  return [genLayoutStyle(layoutToken)];\n}, function (token) {\n  var colorBgLayout = token.colorBgLayout;\n  return {\n    colorBgHeader: '#001529',\n    colorBgBody: colorBgLayout,\n    colorBgTrigger: '#002140'\n  };\n});","import _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { ConfigContext } from '../config-provider';\nimport useStyle from './style';\nexport var LayoutContext = /*#__PURE__*/React.createContext({\n  siderHook: {\n    addSider: function addSider() {\n      return null;\n    },\n    removeSider: function removeSider() {\n      return null;\n    }\n  }\n});\nfunction generator(_ref) {\n  var suffixCls = _ref.suffixCls,\n    tagName = _ref.tagName,\n    displayName = _ref.displayName;\n  return function (BasicComponent) {\n    var Adapter = /*#__PURE__*/React.forwardRef(function (props, ref) {\n      var _React$useContext = React.useContext(ConfigContext),\n        getPrefixCls = _React$useContext.getPrefixCls;\n      var customizePrefixCls = props.prefixCls;\n      var prefixCls = getPrefixCls(suffixCls, customizePrefixCls);\n      return /*#__PURE__*/React.createElement(BasicComponent, _extends({\n        ref: ref,\n        prefixCls: prefixCls,\n        tagName: tagName\n      }, props));\n    });\n    if (process.env.NODE_ENV !== 'production') {\n      Adapter.displayName = displayName;\n    }\n    return Adapter;\n  };\n}\nvar Basic = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  var prefixCls = props.prefixCls,\n    className = props.className,\n    children = props.children,\n    tagName = props.tagName,\n    others = __rest(props, [\"prefixCls\", \"className\", \"children\", \"tagName\"]);\n  var classString = classNames(prefixCls, className);\n  return /*#__PURE__*/React.createElement(tagName, _extends(_extends({\n    className: classString\n  }, others), {\n    ref: ref\n  }), children);\n});\nvar BasicLayout = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  var _classNames;\n  var _React$useContext2 = React.useContext(ConfigContext),\n    direction = _React$useContext2.direction;\n  var _React$useState = React.useState([]),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    siders = _React$useState2[0],\n    setSiders = _React$useState2[1];\n  var prefixCls = props.prefixCls,\n    className = props.className,\n    children = props.children,\n    hasSider = props.hasSider,\n    Tag = props.tagName,\n    others = __rest(props, [\"prefixCls\", \"className\", \"children\", \"hasSider\", \"tagName\"]);\n  var _useStyle = useStyle(prefixCls),\n    _useStyle2 = _slicedToArray(_useStyle, 2),\n    wrapSSR = _useStyle2[0],\n    hashId = _useStyle2[1];\n  var classString = classNames(prefixCls, (_classNames = {}, _defineProperty(_classNames, prefixCls + \"-has-sider\", typeof hasSider === 'boolean' ? hasSider : siders.length > 0), _defineProperty(_classNames, prefixCls + \"-rtl\", direction === 'rtl'), _classNames), className, hashId);\n  var contextValue = React.useMemo(function () {\n    return {\n      siderHook: {\n        addSider: function addSider(id) {\n          setSiders(function (prev) {\n            return [].concat(_toConsumableArray(prev), [id]);\n          });\n        },\n        removeSider: function removeSider(id) {\n          setSiders(function (prev) {\n            return prev.filter(function (currentId) {\n              return currentId !== id;\n            });\n          });\n        }\n      }\n    };\n  }, []);\n  return wrapSSR( /*#__PURE__*/React.createElement(LayoutContext.Provider, {\n    value: contextValue\n  }, /*#__PURE__*/React.createElement(Tag, _extends({\n    ref: ref,\n    className: classString\n  }, others), children)));\n});\nvar Layout = generator({\n  suffixCls: 'layout',\n  tagName: 'section',\n  displayName: 'Layout'\n})(BasicLayout);\nvar Header = generator({\n  suffixCls: 'layout-header',\n  tagName: 'header',\n  displayName: 'Header'\n})(Basic);\nvar Footer = generator({\n  suffixCls: 'layout-footer',\n  tagName: 'footer',\n  displayName: 'Footer'\n})(Basic);\nvar Content = generator({\n  suffixCls: 'layout-content',\n  tagName: 'main',\n  displayName: 'Content'\n})(Basic);\nexport { Header, Footer, Content };\nexport default Layout;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport LocaleContext from './context';\nimport defaultLocaleData from '../locale/en_US';\nvar LocaleReceiver = function LocaleReceiver(props) {\n  var _props$componentName = props.componentName,\n    componentName = _props$componentName === void 0 ? 'global' : _props$componentName,\n    defaultLocale = props.defaultLocale,\n    children = props.children;\n  var antLocale = React.useContext(LocaleContext);\n  var getLocale = React.useMemo(function () {\n    var _a;\n    var locale = defaultLocale || defaultLocaleData[componentName];\n    var localeFromContext = (_a = antLocale === null || antLocale === void 0 ? void 0 : antLocale[componentName]) !== null && _a !== void 0 ? _a : {};\n    return _extends(_extends({}, locale instanceof Function ? locale() : locale), localeFromContext || {});\n  }, [componentName, defaultLocale, antLocale]);\n  var getLocaleCode = React.useMemo(function () {\n    var localeCode = antLocale && antLocale.locale;\n    // Had use LocaleProvide but didn't set locale\n    if (antLocale && antLocale.exist && !localeCode) {\n      return defaultLocaleData.locale;\n    }\n    return localeCode;\n  }, [antLocale]);\n  return children(getLocale, getLocaleCode, antLocale);\n};\nexport default LocaleReceiver;\nexport var useLocaleReceiver = function useLocaleReceiver(componentName, defaultLocale) {\n  var antLocale = React.useContext(LocaleContext);\n  var getLocale = React.useMemo(function () {\n    var _a;\n    var locale = defaultLocale || defaultLocaleData[componentName];\n    var localeFromContext = (_a = antLocale === null || antLocale === void 0 ? void 0 : antLocale[componentName]) !== null && _a !== void 0 ? _a : {};\n    return _extends(_extends({}, typeof locale === 'function' ? locale() : locale), localeFromContext || {});\n  }, [componentName, defaultLocale, antLocale]);\n  return [getLocale];\n};","import { createContext } from 'react';\nvar LocaleContext = /*#__PURE__*/createContext(undefined);\nexport default LocaleContext;","import enUS from '../../date-picker/locale/en_US';\nexport default enUS;","/* eslint-disable no-template-curly-in-string */\nimport Pagination from \"rc-pagination/es/locale/en_US\";\nimport Calendar from '../calendar/locale/en_US';\nimport DatePicker from '../date-picker/locale/en_US';\nimport TimePicker from '../time-picker/locale/en_US';\nvar typeTemplate = '${label} is not a valid ${type}';\nvar localeValues = {\n  locale: 'en',\n  Pagination: Pagination,\n  DatePicker: DatePicker,\n  TimePicker: TimePicker,\n  Calendar: Calendar,\n  global: {\n    placeholder: 'Please select'\n  },\n  Table: {\n    filterTitle: 'Filter menu',\n    filterConfirm: 'OK',\n    filterReset: 'Reset',\n    filterEmptyText: 'No filters',\n    filterCheckall: 'Select all items',\n    filterSearchPlaceholder: 'Search in filters',\n    emptyText: 'No data',\n    selectAll: 'Select current page',\n    selectInvert: 'Invert current page',\n    selectNone: 'Clear all data',\n    selectionAll: 'Select all data',\n    sortTitle: 'Sort',\n    expand: 'Expand row',\n    collapse: 'Collapse row',\n    triggerDesc: 'Click to sort descending',\n    triggerAsc: 'Click to sort ascending',\n    cancelSort: 'Click to cancel sorting'\n  },\n  Tour: {\n    Next: 'Next',\n    Previous: 'Previous',\n    Finish: 'Finish'\n  },\n  Modal: {\n    okText: 'OK',\n    cancelText: 'Cancel',\n    justOkText: 'OK'\n  },\n  Popconfirm: {\n    okText: 'OK',\n    cancelText: 'Cancel'\n  },\n  Transfer: {\n    titles: ['', ''],\n    searchPlaceholder: 'Search here',\n    itemUnit: 'item',\n    itemsUnit: 'items',\n    remove: 'Remove',\n    selectCurrent: 'Select current page',\n    removeCurrent: 'Remove current page',\n    selectAll: 'Select all data',\n    removeAll: 'Remove all data',\n    selectInvert: 'Invert current page'\n  },\n  Upload: {\n    uploading: 'Uploading...',\n    removeFile: 'Remove file',\n    uploadError: 'Upload error',\n    previewFile: 'Preview file',\n    downloadFile: 'Download file'\n  },\n  Empty: {\n    description: 'No data'\n  },\n  Icon: {\n    icon: 'icon'\n  },\n  Text: {\n    edit: 'Edit',\n    copy: 'Copy',\n    copied: 'Copied',\n    expand: 'Expand'\n  },\n  PageHeader: {\n    back: 'Back'\n  },\n  Form: {\n    optional: '(optional)',\n    defaultValidateMessages: {\n      \"default\": 'Field validation error for ${label}',\n      required: 'Please enter ${label}',\n      \"enum\": '${label} must be one of [${enum}]',\n      whitespace: '${label} cannot be a blank character',\n      date: {\n        format: '${label} date format is invalid',\n        parse: '${label} cannot be converted to a date',\n        invalid: '${label} is an invalid date'\n      },\n      types: {\n        string: typeTemplate,\n        method: typeTemplate,\n        array: typeTemplate,\n        object: typeTemplate,\n        number: typeTemplate,\n        date: typeTemplate,\n        \"boolean\": typeTemplate,\n        integer: typeTemplate,\n        \"float\": typeTemplate,\n        regexp: typeTemplate,\n        email: typeTemplate,\n        url: typeTemplate,\n        hex: typeTemplate\n      },\n      string: {\n        len: '${label} must be ${len} characters',\n        min: '${label} must be at least ${min} characters',\n        max: '${label} must be up to ${max} characters',\n        range: '${label} must be between ${min}-${max} characters'\n      },\n      number: {\n        len: '${label} must be equal to ${len}',\n        min: '${label} must be minimum ${min}',\n        max: '${label} must be maximum ${max}',\n        range: '${label} must be between ${min}-${max}'\n      },\n      array: {\n        len: 'Must be ${len} ${label}',\n        min: 'At least ${min} ${label}',\n        max: 'At most ${max} ${label}',\n        range: 'The amount of ${label} must be between ${min}-${max}'\n      },\n      pattern: {\n        mismatch: '${label} does not match the pattern ${pattern}'\n      }\n    }\n  },\n  Image: {\n    preview: 'Preview'\n  }\n};\nexport default localeValues;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\n// deps-lint-skip-all\nimport { Keyframes } from '@ant-design/cssinjs';\nimport { genComponentStyleHook, mergeToken } from '../../theme';\nimport { resetComponent } from '../../style';\nvar genMessageStyle = function genMessageStyle(token) {\n  var _extends2, _ref2;\n  var componentCls = token.componentCls,\n    iconCls = token.iconCls,\n    boxShadowSecondary = token.boxShadowSecondary,\n    colorBgElevated = token.colorBgElevated,\n    colorSuccess = token.colorSuccess,\n    colorError = token.colorError,\n    colorWarning = token.colorWarning,\n    colorInfo = token.colorInfo,\n    fontSizeLG = token.fontSizeLG,\n    motionEaseInOutCirc = token.motionEaseInOutCirc,\n    motionDurationSlow = token.motionDurationSlow,\n    marginXS = token.marginXS,\n    paddingXS = token.paddingXS,\n    borderRadiusLG = token.borderRadiusLG,\n    zIndexPopup = token.zIndexPopup,\n    messageNoticeContentPadding = token.messageNoticeContentPadding;\n  var messageMoveIn = new Keyframes('MessageMoveIn', {\n    '0%': {\n      padding: 0,\n      transform: 'translateY(-100%)',\n      opacity: 0\n    },\n    '100%': {\n      padding: paddingXS,\n      transform: 'translateY(0)',\n      opacity: 1\n    }\n  });\n  var messageMoveOut = new Keyframes('MessageMoveOut', {\n    '0%': {\n      maxHeight: token.height,\n      padding: paddingXS,\n      opacity: 1\n    },\n    '100%': {\n      maxHeight: 0,\n      padding: 0,\n      opacity: 0\n    }\n  });\n  return [// ============================ Holder ============================\n  _defineProperty({}, componentCls, _extends(_extends({}, resetComponent(token)), (_extends2 = {\n    position: 'fixed',\n    top: marginXS,\n    insetInlineStart: 0,\n    width: '100%',\n    pointerEvents: 'none',\n    zIndex: zIndexPopup\n  }, _defineProperty(_extends2, componentCls + \"-move-up\", {\n    animationFillMode: 'forwards'\n  }), _defineProperty(_extends2, \"\\n        \" + componentCls + \"-move-up-appear,\\n        \" + componentCls + \"-move-up-enter\\n      \", {\n    animationName: messageMoveIn,\n    animationDuration: motionDurationSlow,\n    animationPlayState: 'paused',\n    animationTimingFunction: motionEaseInOutCirc\n  }), _defineProperty(_extends2, \"\\n        \" + componentCls + \"-move-up-appear\" + componentCls + \"-move-up-appear-active,\\n        \" + componentCls + \"-move-up-enter\" + componentCls + \"-move-up-enter-active\\n      \", {\n    animationPlayState: 'running'\n  }), _defineProperty(_extends2, componentCls + \"-move-up-leave\", {\n    animationName: messageMoveOut,\n    animationDuration: motionDurationSlow,\n    animationPlayState: 'paused',\n    animationTimingFunction: motionEaseInOutCirc\n  }), _defineProperty(_extends2, componentCls + \"-move-up-leave\" + componentCls + \"-move-up-leave-active\", {\n    animationPlayState: 'running'\n  }), _defineProperty(_extends2, '&-rtl', {\n    direction: 'rtl',\n    span: {\n      direction: 'rtl'\n    }\n  }), _extends2))), // ============================ Notice ============================\n  _defineProperty({}, componentCls + \"-notice\", (_ref2 = {\n    padding: paddingXS,\n    textAlign: 'center'\n  }, _defineProperty(_ref2, iconCls, {\n    verticalAlign: 'text-bottom',\n    marginInlineEnd: marginXS,\n    fontSize: fontSizeLG\n  }), _defineProperty(_ref2, componentCls + \"-notice-content\", {\n    display: 'inline-block',\n    padding: messageNoticeContentPadding,\n    background: colorBgElevated,\n    borderRadius: borderRadiusLG,\n    boxShadow: boxShadowSecondary,\n    pointerEvents: 'all'\n  }), _defineProperty(_ref2, componentCls + \"-success \" + iconCls, {\n    color: colorSuccess\n  }), _defineProperty(_ref2, componentCls + \"-error \" + iconCls, {\n    color: colorError\n  }), _defineProperty(_ref2, componentCls + \"-warning \" + iconCls, {\n    color: colorWarning\n  }), _defineProperty(_ref2, \"\\n        \" + componentCls + \"-info \" + iconCls + \",\\n        \" + componentCls + \"-loading \" + iconCls, {\n    color: colorInfo\n  }), _ref2)), // ============================= Pure =============================\n  _defineProperty({}, componentCls + \"-notice-pure-panel\", {\n    padding: 0,\n    textAlign: 'start'\n  })];\n};\n// ============================== Export ==============================\nexport default genComponentStyleHook('Message', function (token) {\n  // Gen-style functions here\n  var combinedToken = mergeToken(token, {\n    messageNoticeContentPadding: (token.controlHeightLG - token.fontSize * token.lineHeight) / 2 + \"px \" + token.paddingContentVertical + \"px\"\n  });\n  return [genMessageStyle(combinedToken)];\n}, function (token) {\n  return {\n    height: 150,\n    zIndexPopup: token.zIndexPopupBase + 10\n  };\n});","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport * as React from 'react';\nimport LoadingOutlined from \"@ant-design/icons/es/icons/LoadingOutlined\";\nimport ExclamationCircleFilled from \"@ant-design/icons/es/icons/ExclamationCircleFilled\";\nimport CloseCircleFilled from \"@ant-design/icons/es/icons/CloseCircleFilled\";\nimport CheckCircleFilled from \"@ant-design/icons/es/icons/CheckCircleFilled\";\nimport InfoCircleFilled from \"@ant-design/icons/es/icons/InfoCircleFilled\";\nimport { Notice } from 'rc-notification';\nimport classNames from 'classnames';\nimport useStyle from './style';\nimport { ConfigContext } from '../config-provider';\nexport var TypeIcon = {\n  info: /*#__PURE__*/React.createElement(InfoCircleFilled, null),\n  success: /*#__PURE__*/React.createElement(CheckCircleFilled, null),\n  error: /*#__PURE__*/React.createElement(CloseCircleFilled, null),\n  warning: /*#__PURE__*/React.createElement(ExclamationCircleFilled, null),\n  loading: /*#__PURE__*/React.createElement(LoadingOutlined, null)\n};\nexport function PureContent(_ref) {\n  var prefixCls = _ref.prefixCls,\n    type = _ref.type,\n    icon = _ref.icon,\n    children = _ref.children;\n  return /*#__PURE__*/React.createElement(\"div\", {\n    className: classNames(prefixCls + \"-custom-content\", prefixCls + \"-\" + type)\n  }, icon || TypeIcon[type], /*#__PURE__*/React.createElement(\"span\", null, children));\n}\n/** @private Internal Component. Do not use in your production. */\nexport default function PurePanel(props) {\n  var staticPrefixCls = props.prefixCls,\n    className = props.className,\n    type = props.type,\n    icon = props.icon,\n    content = props.content,\n    restProps = __rest(props, [\"prefixCls\", \"className\", \"type\", \"icon\", \"content\"]);\n  var _React$useContext = React.useContext(ConfigContext),\n    getPrefixCls = _React$useContext.getPrefixCls;\n  var prefixCls = staticPrefixCls || getPrefixCls('message');\n  var _useStyle = useStyle(prefixCls),\n    _useStyle2 = _slicedToArray(_useStyle, 2),\n    hashId = _useStyle2[1];\n  return /*#__PURE__*/React.createElement(Notice, _extends({}, restProps, {\n    prefixCls: prefixCls,\n    className: classNames(className, hashId, prefixCls + \"-notice-pure-panel\"),\n    eventKey: \"pure\",\n    duration: null,\n    content: /*#__PURE__*/React.createElement(PureContent, {\n      prefixCls: prefixCls,\n      type: type,\n      icon: icon\n    }, content)\n  }));\n}","export function getMotion(prefixCls, transitionName) {\n  return {\n    motionName: transitionName !== null && transitionName !== void 0 ? transitionName : prefixCls + \"-move-up\"\n  };\n}\n/** Wrap message open with promise like function */\nexport function wrapPromiseFn(openFn) {\n  var closeFn;\n  var closePromise = new Promise(function (resolve) {\n    closeFn = openFn(function () {\n      resolve(true);\n    });\n  });\n  var result = function result() {\n    closeFn === null || closeFn === void 0 ? void 0 : closeFn();\n  };\n  result.then = function (filled, rejected) {\n    return closePromise.then(filled, rejected);\n  };\n  result.promise = closePromise;\n  return result;\n}","import _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport * as React from 'react';\nimport { useNotification as useRcNotification } from 'rc-notification';\nimport classNames from 'classnames';\nimport CloseOutlined from \"@ant-design/icons/es/icons/CloseOutlined\";\nimport { ConfigContext } from '../config-provider';\nimport useStyle from './style';\nimport { getMotion, wrapPromiseFn } from './util';\nimport warning from '../_util/warning';\nimport { PureContent } from './PurePanel';\nvar DEFAULT_OFFSET = 8;\nvar DEFAULT_DURATION = 3;\nvar Holder = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  var top = props.top,\n    staticPrefixCls = props.prefixCls,\n    staticGetContainer = props.getContainer,\n    maxCount = props.maxCount,\n    rtl = props.rtl,\n    transitionName = props.transitionName,\n    onAllRemoved = props.onAllRemoved;\n  var _React$useContext = React.useContext(ConfigContext),\n    getPrefixCls = _React$useContext.getPrefixCls,\n    getPopupContainer = _React$useContext.getPopupContainer;\n  var prefixCls = staticPrefixCls || getPrefixCls('message');\n  var _useStyle = useStyle(prefixCls),\n    _useStyle2 = _slicedToArray(_useStyle, 2),\n    hashId = _useStyle2[1];\n  // =============================== Style ===============================\n  var getStyle = function getStyle() {\n    return {\n      left: '50%',\n      transform: 'translateX(-50%)',\n      top: top !== null && top !== void 0 ? top : DEFAULT_OFFSET\n    };\n  };\n  var getClassName = function getClassName() {\n    return classNames(hashId, rtl ? prefixCls + \"-rtl\" : '');\n  };\n  // ============================== Motion ===============================\n  var getNotificationMotion = function getNotificationMotion() {\n    return getMotion(prefixCls, transitionName);\n  };\n  // ============================ Close Icon =============================\n  var mergedCloseIcon = /*#__PURE__*/React.createElement(\"span\", {\n    className: prefixCls + \"-close-x\"\n  }, /*#__PURE__*/React.createElement(CloseOutlined, {\n    className: prefixCls + \"-close-icon\"\n  }));\n  // ============================== Origin ===============================\n  var _useRcNotification = useRcNotification({\n      prefixCls: prefixCls,\n      style: getStyle,\n      className: getClassName,\n      motion: getNotificationMotion,\n      closable: false,\n      closeIcon: mergedCloseIcon,\n      duration: DEFAULT_DURATION,\n      getContainer: function getContainer() {\n        return (staticGetContainer === null || staticGetContainer === void 0 ? void 0 : staticGetContainer()) || (getPopupContainer === null || getPopupContainer === void 0 ? void 0 : getPopupContainer()) || document.body;\n      },\n      maxCount: maxCount,\n      onAllRemoved: onAllRemoved\n    }),\n    _useRcNotification2 = _slicedToArray(_useRcNotification, 2),\n    api = _useRcNotification2[0],\n    holder = _useRcNotification2[1];\n  // ================================ Ref ================================\n  React.useImperativeHandle(ref, function () {\n    return _extends(_extends({}, api), {\n      prefixCls: prefixCls,\n      hashId: hashId\n    });\n  });\n  return holder;\n});\n// ==============================================================================\n// ==                                   Hook                                   ==\n// ==============================================================================\nvar keyIndex = 0;\nexport function useInternalMessage(notificationConfig) {\n  var holderRef = React.useRef(null);\n  // ================================ API ================================\n  var wrapAPI = React.useMemo(function () {\n    // Wrap with notification content\n    // >>> close\n    var close = function close(key) {\n      var _a;\n      (_a = holderRef.current) === null || _a === void 0 ? void 0 : _a.close(key);\n    };\n    // >>> Open\n    var open = function open(config) {\n      if (!holderRef.current) {\n        process.env.NODE_ENV !== \"production\" ? warning(false, 'Message', 'You are calling notice in render which will break in React 18 concurrent mode. Please trigger in effect instead.') : void 0;\n        var fakeResult = function fakeResult() {};\n        fakeResult.then = function () {};\n        return fakeResult;\n      }\n      var _holderRef$current = holderRef.current,\n        originOpen = _holderRef$current.open,\n        prefixCls = _holderRef$current.prefixCls,\n        hashId = _holderRef$current.hashId;\n      var noticePrefixCls = prefixCls + \"-notice\";\n      var content = config.content,\n        icon = config.icon,\n        type = config.type,\n        key = config.key,\n        className = config.className,\n        _onClose = config.onClose,\n        restConfig = __rest(config, [\"content\", \"icon\", \"type\", \"key\", \"className\", \"onClose\"]);\n      var mergedKey = key;\n      if (mergedKey === undefined || mergedKey === null) {\n        keyIndex += 1;\n        mergedKey = \"antd-message-\" + keyIndex;\n      }\n      return wrapPromiseFn(function (resolve) {\n        originOpen(_extends(_extends({}, restConfig), {\n          key: mergedKey,\n          content: /*#__PURE__*/React.createElement(PureContent, {\n            prefixCls: prefixCls,\n            type: type,\n            icon: icon\n          }, content),\n          placement: 'top',\n          className: classNames(type && noticePrefixCls + \"-\" + type, hashId, className),\n          onClose: function onClose() {\n            _onClose === null || _onClose === void 0 ? void 0 : _onClose();\n            resolve();\n          }\n        }));\n        // Return close function\n        return function () {\n          close(mergedKey);\n        };\n      });\n    };\n    // >>> destroy\n    var destroy = function destroy(key) {\n      var _a;\n      if (key !== undefined) {\n        close(key);\n      } else {\n        (_a = holderRef.current) === null || _a === void 0 ? void 0 : _a.destroy();\n      }\n    };\n    var clone = {\n      open: open,\n      destroy: destroy\n    };\n    var keys = ['info', 'success', 'warning', 'error', 'loading'];\n    keys.forEach(function (type) {\n      var typeOpen = function typeOpen(jointContent, duration, onClose) {\n        var config;\n        if (jointContent && _typeof(jointContent) === 'object' && 'content' in jointContent) {\n          config = jointContent;\n        } else {\n          config = {\n            content: jointContent\n          };\n        }\n        // Params\n        var mergedDuration;\n        var mergedOnClose;\n        if (typeof duration === 'function') {\n          mergedOnClose = duration;\n        } else {\n          mergedDuration = duration;\n          mergedOnClose = onClose;\n        }\n        var mergedConfig = _extends(_extends({\n          onClose: mergedOnClose,\n          duration: mergedDuration\n        }, config), {\n          type: type\n        });\n        return open(mergedConfig);\n      };\n      clone[type] = typeOpen;\n    });\n    return clone;\n  }, []);\n  // ============================== Return ===============================\n  return [wrapAPI, /*#__PURE__*/React.createElement(Holder, _extends({\n    key: \"holder\"\n  }, notificationConfig, {\n    ref: holderRef\n  }))];\n}\nexport default function useMessage(notificationConfig) {\n  return useInternalMessage(notificationConfig);\n}","import _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport { render } from \"rc-util/es/React/render\";\nimport * as React from 'react';\nimport ConfigProvider, { globalConfig } from '../config-provider';\nimport PurePanel from './PurePanel';\nimport useMessage, { useInternalMessage } from './useMessage';\nimport { wrapPromiseFn } from './util';\nvar methods = ['success', 'info', 'warning', 'error', 'loading'];\nvar message = null;\nvar act = function act(callback) {\n  return callback();\n};\nvar taskQueue = [];\nvar defaultGlobalConfig = {};\nfunction getGlobalContext() {\n  var _defaultGlobalConfig = defaultGlobalConfig,\n    globalPrefixCls = _defaultGlobalConfig.prefixCls,\n    globalGetContainer = _defaultGlobalConfig.getContainer,\n    rtl = _defaultGlobalConfig.rtl,\n    maxCount = _defaultGlobalConfig.maxCount,\n    top = _defaultGlobalConfig.top;\n  var mergedPrefixCls = globalPrefixCls !== null && globalPrefixCls !== void 0 ? globalPrefixCls : globalConfig().getPrefixCls('message');\n  var mergedContainer = (globalGetContainer === null || globalGetContainer === void 0 ? void 0 : globalGetContainer()) || document.body;\n  return {\n    prefixCls: mergedPrefixCls,\n    container: mergedContainer,\n    rtl: rtl,\n    maxCount: maxCount,\n    top: top\n  };\n}\nvar GlobalHolder = /*#__PURE__*/React.forwardRef(function (_, ref) {\n  var _React$useState = React.useState(),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    prefixCls = _React$useState2[0],\n    setPrefixCls = _React$useState2[1];\n  var _React$useState3 = React.useState(),\n    _React$useState4 = _slicedToArray(_React$useState3, 2),\n    container = _React$useState4[0],\n    setContainer = _React$useState4[1];\n  var _React$useState5 = React.useState(),\n    _React$useState6 = _slicedToArray(_React$useState5, 2),\n    maxCount = _React$useState6[0],\n    setMaxCount = _React$useState6[1];\n  var _React$useState7 = React.useState(),\n    _React$useState8 = _slicedToArray(_React$useState7, 2),\n    rtl = _React$useState8[0],\n    setRTL = _React$useState8[1];\n  var _React$useState9 = React.useState(),\n    _React$useState10 = _slicedToArray(_React$useState9, 2),\n    top = _React$useState10[0],\n    setTop = _React$useState10[1];\n  var _useInternalMessage = useInternalMessage({\n      prefixCls: prefixCls,\n      getContainer: function getContainer() {\n        return container;\n      },\n      maxCount: maxCount,\n      rtl: rtl,\n      top: top\n    }),\n    _useInternalMessage2 = _slicedToArray(_useInternalMessage, 2),\n    api = _useInternalMessage2[0],\n    holder = _useInternalMessage2[1];\n  var global = globalConfig();\n  var rootPrefixCls = global.getRootPrefixCls();\n  var rootIconPrefixCls = global.getIconPrefixCls();\n  var sync = function sync() {\n    var _getGlobalContext = getGlobalContext(),\n      nextGlobalPrefixCls = _getGlobalContext.prefixCls,\n      nextGlobalContainer = _getGlobalContext.container,\n      nextGlobalMaxCount = _getGlobalContext.maxCount,\n      nextGlobalRTL = _getGlobalContext.rtl,\n      nextTop = _getGlobalContext.top;\n    setPrefixCls(nextGlobalPrefixCls);\n    setContainer(nextGlobalContainer);\n    setMaxCount(nextGlobalMaxCount);\n    setRTL(nextGlobalRTL);\n    setTop(nextTop);\n  };\n  React.useEffect(sync, []);\n  React.useImperativeHandle(ref, function () {\n    var instance = _extends({}, api);\n    Object.keys(instance).forEach(function (method) {\n      instance[method] = function () {\n        sync();\n        return api[method].apply(api, arguments);\n      };\n    });\n    return {\n      instance: instance,\n      sync: sync\n    };\n  });\n  return /*#__PURE__*/React.createElement(ConfigProvider, {\n    prefixCls: rootPrefixCls,\n    iconPrefixCls: rootIconPrefixCls\n  }, holder);\n});\nfunction flushNotice() {\n  if (!message) {\n    var holderFragment = document.createDocumentFragment();\n    var newMessage = {\n      fragment: holderFragment\n    };\n    message = newMessage;\n    // Delay render to avoid sync issue\n    act(function () {\n      render( /*#__PURE__*/React.createElement(GlobalHolder, {\n        ref: function ref(node) {\n          var _ref = node || {},\n            instance = _ref.instance,\n            sync = _ref.sync;\n          // React 18 test env will throw if call immediately in ref\n          Promise.resolve().then(function () {\n            if (!newMessage.instance && instance) {\n              newMessage.instance = instance;\n              newMessage.sync = sync;\n              flushNotice();\n            }\n          });\n        }\n      }), holderFragment);\n    });\n    return;\n  }\n  // Notification not ready\n  if (!message.instance) {\n    return;\n  }\n  // >>> Execute task\n  taskQueue.forEach(function (task) {\n    var type = task.type,\n      skipped = task.skipped;\n    // Only `skipped` when user call notice but cancel it immediately\n    // and instance not ready\n    if (!skipped) {\n      switch (type) {\n        case 'open':\n          {\n            act(function () {\n              var closeFn = message.instance.open(_extends(_extends({}, defaultGlobalConfig), task.config));\n              closeFn === null || closeFn === void 0 ? void 0 : closeFn.then(task.resolve);\n              task.setCloseFn(closeFn);\n            });\n            break;\n          }\n        case 'destroy':\n          act(function () {\n            message === null || message === void 0 ? void 0 : message.instance.destroy(task.key);\n          });\n          break;\n        // Other type open\n        default:\n          {\n            act(function () {\n              var _message$instance;\n              var closeFn = (_message$instance = message.instance)[type].apply(_message$instance, _toConsumableArray(task.args));\n              closeFn === null || closeFn === void 0 ? void 0 : closeFn.then(task.resolve);\n              task.setCloseFn(closeFn);\n            });\n          }\n      }\n    }\n  });\n  // Clean up\n  taskQueue = [];\n}\nfunction setMessageGlobalConfig(config) {\n  defaultGlobalConfig = _extends(_extends({}, defaultGlobalConfig), config);\n  // Trigger sync for it\n  act(function () {\n    var _a;\n    (_a = message === null || message === void 0 ? void 0 : message.sync) === null || _a === void 0 ? void 0 : _a.call(message);\n  });\n}\nfunction open(config) {\n  var result = wrapPromiseFn(function (resolve) {\n    var closeFn;\n    var task = {\n      type: 'open',\n      config: config,\n      resolve: resolve,\n      setCloseFn: function setCloseFn(fn) {\n        closeFn = fn;\n      }\n    };\n    taskQueue.push(task);\n    return function () {\n      if (closeFn) {\n        act(function () {\n          closeFn();\n        });\n      } else {\n        task.skipped = true;\n      }\n    };\n  });\n  flushNotice();\n  return result;\n}\nfunction typeOpen(type, args) {\n  var result = wrapPromiseFn(function (resolve) {\n    var closeFn;\n    var task = {\n      type: type,\n      args: args,\n      resolve: resolve,\n      setCloseFn: function setCloseFn(fn) {\n        closeFn = fn;\n      }\n    };\n    taskQueue.push(task);\n    return function () {\n      if (closeFn) {\n        act(function () {\n          closeFn();\n        });\n      } else {\n        task.skipped = true;\n      }\n    };\n  });\n  flushNotice();\n  return result;\n}\nfunction destroy(key) {\n  taskQueue.push({\n    type: 'destroy',\n    key: key\n  });\n  flushNotice();\n}\nvar baseStaticMethods = {\n  open: open,\n  destroy: destroy,\n  config: setMessageGlobalConfig,\n  useMessage: useMessage,\n  _InternalPanelDoNotUseOrYouWillBeFired: PurePanel\n};\nvar staticMethods = baseStaticMethods;\nmethods.forEach(function (type) {\n  staticMethods[type] = function () {\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n    return typeOpen(type, args);\n  };\n});\n// ==============================================================================\n// ==                                   Test                                   ==\n// ==============================================================================\nvar noop = function noop() {};\n/** @private Only Work in test env */\n// eslint-disable-next-line import/no-mutable-exports\nexport var actWrapper = noop;\nif (process.env.NODE_ENV === 'test') {\n  actWrapper = function actWrapper(wrapper) {\n    act = wrapper;\n  };\n}\n/** @private Only Work in test env */\n// eslint-disable-next-line import/no-mutable-exports\nexport var actDestroy = noop;\nif (process.env.NODE_ENV === 'test') {\n  actDestroy = function actDestroy() {\n    message = null;\n  };\n}\nexport default staticMethods;","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport CloseOutlined from \"@ant-design/icons/es/icons/CloseOutlined\";\nimport classNames from 'classnames';\nimport { Panel } from 'rc-dialog';\nimport * as React from 'react';\nimport Button from '../button';\nimport { convertLegacyProps } from '../button/button';\nimport { ConfigContext } from '../config-provider';\nimport LocaleReceiver from '../locale-provider/LocaleReceiver';\nimport { ConfirmContent } from './ConfirmDialog';\nimport { getConfirmLocale } from './locale';\nimport useStyle from './style';\nexport function renderCloseIcon(prefixCls, closeIcon) {\n  return /*#__PURE__*/React.createElement(\"span\", {\n    className: prefixCls + \"-close-x\"\n  }, closeIcon || /*#__PURE__*/React.createElement(CloseOutlined, {\n    className: prefixCls + \"-close-icon\"\n  }));\n}\nexport function renderFooter(props) {\n  var okText = props.okText,\n    _props$okType = props.okType,\n    okType = _props$okType === void 0 ? 'primary' : _props$okType,\n    cancelText = props.cancelText,\n    confirmLoading = props.confirmLoading,\n    onOk = props.onOk,\n    onCancel = props.onCancel,\n    okButtonProps = props.okButtonProps,\n    cancelButtonProps = props.cancelButtonProps,\n    footer = props.footer;\n  return footer === undefined ? /*#__PURE__*/React.createElement(LocaleReceiver, {\n    componentName: \"Modal\",\n    defaultLocale: getConfirmLocale()\n  }, function (locale) {\n    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, _extends({\n      onClick: onCancel\n    }, cancelButtonProps), cancelText || locale.cancelText), /*#__PURE__*/React.createElement(Button, _extends({}, convertLegacyProps(okType), {\n      loading: confirmLoading,\n      onClick: onOk\n    }, okButtonProps), okText || locale.okText));\n  }) : footer;\n}\nexport default function PurePanel(props) {\n  var customizePrefixCls = props.prefixCls,\n    className = props.className,\n    closeIcon = props.closeIcon,\n    closable = props.closable,\n    type = props.type,\n    title = props.title,\n    children = props.children,\n    restProps = __rest(props, [\"prefixCls\", \"className\", \"closeIcon\", \"closable\", \"type\", \"title\", \"children\"]);\n  var _React$useContext = React.useContext(ConfigContext),\n    getPrefixCls = _React$useContext.getPrefixCls;\n  var rootPrefixCls = getPrefixCls();\n  var prefixCls = customizePrefixCls || getPrefixCls('modal');\n  var _useStyle = useStyle(prefixCls),\n    _useStyle2 = _slicedToArray(_useStyle, 2),\n    hashId = _useStyle2[1];\n  var confirmPrefixCls = prefixCls + \"-confirm\";\n  // Choose target props by confirm mark\n  var additionalProps = {};\n  if (type) {\n    additionalProps = {\n      closable: closable !== null && closable !== void 0 ? closable : false,\n      title: '',\n      footer: '',\n      children: /*#__PURE__*/React.createElement(ConfirmContent, _extends({}, props, {\n        confirmPrefixCls: confirmPrefixCls,\n        rootPrefixCls: rootPrefixCls,\n        content: children\n      }))\n    };\n  } else {\n    additionalProps = {\n      closable: closable !== null && closable !== void 0 ? closable : true,\n      title: title,\n      footer: renderFooter(props),\n      children: children\n    };\n  }\n  return /*#__PURE__*/React.createElement(Panel, _extends({\n    prefixCls: prefixCls,\n    className: classNames(hashId, prefixCls + \"-pure-panel\", type && confirmPrefixCls, type && confirmPrefixCls + \"-\" + type, className)\n  }, restProps, {\n    closeIcon: renderCloseIcon(prefixCls, closeIcon),\n    closable: closable\n  }, additionalProps));\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport classNames from 'classnames';\nimport Dialog from 'rc-dialog';\nimport * as React from 'react';\nimport { ConfigContext } from '../config-provider';\nimport { NoFormStyle } from '../form/context';\nimport { getTransitionName } from '../_util/motion';\nimport { canUseDocElement } from '../_util/styleChecker';\nimport warning from '../_util/warning';\nimport { renderCloseIcon, renderFooter } from './PurePanel';\nimport useStyle from './style';\nvar mousePosition;\n// ref: https://github.com/ant-design/ant-design/issues/15795\nvar getClickPosition = function getClickPosition(e) {\n  mousePosition = {\n    x: e.pageX,\n    y: e.pageY\n  };\n  // 100ms 内发生过点击事件，则从点击位置动画展示\n  // 否则直接 zoom 展示\n  // 这样可以兼容非点击方式展开\n  setTimeout(function () {\n    mousePosition = null;\n  }, 100);\n};\n// 只有点击事件支持从鼠标位置动画展开\nif (canUseDocElement()) {\n  document.documentElement.addEventListener('click', getClickPosition, true);\n}\nvar Modal = function Modal(props) {\n  var _classNames;\n  var _a;\n  var _React$useContext = React.useContext(ConfigContext),\n    getContextPopupContainer = _React$useContext.getPopupContainer,\n    getPrefixCls = _React$useContext.getPrefixCls,\n    direction = _React$useContext.direction;\n  var handleCancel = function handleCancel(e) {\n    var onCancel = props.onCancel;\n    onCancel === null || onCancel === void 0 ? void 0 : onCancel(e);\n  };\n  var handleOk = function handleOk(e) {\n    var onOk = props.onOk;\n    onOk === null || onOk === void 0 ? void 0 : onOk(e);\n  };\n  process.env.NODE_ENV !== \"production\" ? warning(!('visible' in props), 'Modal', \"`visible` will be removed in next major version, please use `open` instead.\") : void 0;\n  var customizePrefixCls = props.prefixCls,\n    className = props.className,\n    open = props.open,\n    wrapClassName = props.wrapClassName,\n    centered = props.centered,\n    getContainer = props.getContainer,\n    closeIcon = props.closeIcon,\n    _props$focusTriggerAf = props.focusTriggerAfterClose,\n    focusTriggerAfterClose = _props$focusTriggerAf === void 0 ? true : _props$focusTriggerAf,\n    visible = props.visible,\n    _props$width = props.width,\n    width = _props$width === void 0 ? 520 : _props$width,\n    restProps = __rest(props, [\"prefixCls\", \"className\", \"open\", \"wrapClassName\", \"centered\", \"getContainer\", \"closeIcon\", \"focusTriggerAfterClose\", \"visible\", \"width\"]);\n  var prefixCls = getPrefixCls('modal', customizePrefixCls);\n  var rootPrefixCls = getPrefixCls();\n  // Style\n  var _useStyle = useStyle(prefixCls),\n    _useStyle2 = _slicedToArray(_useStyle, 2),\n    wrapSSR = _useStyle2[0],\n    hashId = _useStyle2[1];\n  var wrapClassNameExtended = classNames(wrapClassName, (_classNames = {}, _defineProperty(_classNames, prefixCls + \"-centered\", !!centered), _defineProperty(_classNames, prefixCls + \"-wrap-rtl\", direction === 'rtl'), _classNames));\n  if (process.env.NODE_ENV !== 'production') {\n    process.env.NODE_ENV !== \"production\" ? warning(!('visible' in props), 'Modal', '`visible` is deprecated, please use `open` instead.') : void 0;\n  }\n  return wrapSSR( /*#__PURE__*/React.createElement(NoFormStyle, {\n    status: true,\n    override: true\n  }, /*#__PURE__*/React.createElement(Dialog, _extends({\n    width: width\n  }, restProps, {\n    getContainer: getContainer === undefined ? getContextPopupContainer : getContainer,\n    prefixCls: prefixCls,\n    rootClassName: hashId,\n    wrapClassName: wrapClassNameExtended,\n    footer: renderFooter(_extends(_extends({}, props), {\n      onOk: handleOk,\n      onCancel: handleCancel\n    })),\n    visible: open !== null && open !== void 0 ? open : visible,\n    mousePosition: (_a = restProps.mousePosition) !== null && _a !== void 0 ? _a : mousePosition,\n    onClose: handleCancel,\n    closeIcon: renderCloseIcon(prefixCls, closeIcon),\n    focusTriggerAfterClose: focusTriggerAfterClose,\n    transitionName: getTransitionName(rootPrefixCls, 'zoom', props.transitionName),\n    maskTransitionName: getTransitionName(rootPrefixCls, 'fade', props.maskTransitionName),\n    className: classNames(hashId, className)\n  }))));\n};\nexport default Modal;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport CheckCircleFilled from \"@ant-design/icons/es/icons/CheckCircleFilled\";\nimport CloseCircleFilled from \"@ant-design/icons/es/icons/CloseCircleFilled\";\nimport ExclamationCircleFilled from \"@ant-design/icons/es/icons/ExclamationCircleFilled\";\nimport InfoCircleFilled from \"@ant-design/icons/es/icons/InfoCircleFilled\";\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport ConfigProvider from '../config-provider';\nimport LocaleReceiver from '../locale-provider/LocaleReceiver';\nimport ActionButton from '../_util/ActionButton';\nimport { getTransitionName } from '../_util/motion';\nimport warning from '../_util/warning';\nimport Dialog from './Modal';\nexport function ConfirmContent(props) {\n  var icon = props.icon,\n    onCancel = props.onCancel,\n    onOk = props.onOk,\n    close = props.close,\n    okText = props.okText,\n    okButtonProps = props.okButtonProps,\n    cancelText = props.cancelText,\n    cancelButtonProps = props.cancelButtonProps,\n    confirmPrefixCls = props.confirmPrefixCls,\n    rootPrefixCls = props.rootPrefixCls,\n    type = props.type,\n    okCancel = props.okCancel,\n    staticLocale = props.locale;\n  process.env.NODE_ENV !== \"production\" ? warning(!(typeof icon === 'string' && icon.length > 2), 'Modal', \"`icon` is using ReactNode instead of string naming in v4. Please check `\" + icon + \"` at https://ant.design/components/icon\") : void 0;\n  // Icon\n  var mergedIcon = icon;\n  // 支持传入{ icon: null }来隐藏`Modal.confirm`默认的Icon\n  if (!icon && icon !== null) {\n    switch (type) {\n      case 'info':\n        mergedIcon = /*#__PURE__*/React.createElement(InfoCircleFilled, null);\n        break;\n      case 'success':\n        mergedIcon = /*#__PURE__*/React.createElement(CheckCircleFilled, null);\n        break;\n      case 'error':\n        mergedIcon = /*#__PURE__*/React.createElement(CloseCircleFilled, null);\n        break;\n      default:\n        mergedIcon = /*#__PURE__*/React.createElement(ExclamationCircleFilled, null);\n    }\n  }\n  var okType = props.okType || 'primary';\n  // 默认为 true，保持向下兼容\n  var mergedOkCancel = okCancel !== null && okCancel !== void 0 ? okCancel : type === 'confirm';\n  var autoFocusButton = props.autoFocusButton === null ? false : props.autoFocusButton || 'ok';\n  return /*#__PURE__*/React.createElement(LocaleReceiver, {\n    componentName: \"Modal\"\n  }, function (locale) {\n    var mergedLocale = staticLocale || locale;\n    var cancelButton = mergedOkCancel && /*#__PURE__*/React.createElement(ActionButton, {\n      actionFn: onCancel,\n      close: close,\n      autoFocus: autoFocusButton === 'cancel',\n      buttonProps: cancelButtonProps,\n      prefixCls: rootPrefixCls + \"-btn\"\n    }, cancelText || (mergedLocale === null || mergedLocale === void 0 ? void 0 : mergedLocale.cancelText));\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: confirmPrefixCls + \"-body-wrapper\"\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: confirmPrefixCls + \"-body\"\n    }, mergedIcon, props.title === undefined ? null : /*#__PURE__*/React.createElement(\"span\", {\n      className: confirmPrefixCls + \"-title\"\n    }, props.title), /*#__PURE__*/React.createElement(\"div\", {\n      className: confirmPrefixCls + \"-content\"\n    }, props.content)), /*#__PURE__*/React.createElement(\"div\", {\n      className: confirmPrefixCls + \"-btns\"\n    }, cancelButton, /*#__PURE__*/React.createElement(ActionButton, {\n      type: okType,\n      actionFn: onOk,\n      close: close,\n      autoFocus: autoFocusButton === 'ok',\n      buttonProps: okButtonProps,\n      prefixCls: rootPrefixCls + \"-btn\"\n    }, okText || (mergedOkCancel ? mergedLocale === null || mergedLocale === void 0 ? void 0 : mergedLocale.okText : mergedLocale === null || mergedLocale === void 0 ? void 0 : mergedLocale.justOkText))));\n  });\n}\nvar ConfirmDialog = function ConfirmDialog(props) {\n  var close = props.close,\n    zIndex = props.zIndex,\n    afterClose = props.afterClose,\n    visible = props.visible,\n    open = props.open,\n    keyboard = props.keyboard,\n    centered = props.centered,\n    getContainer = props.getContainer,\n    maskStyle = props.maskStyle,\n    direction = props.direction,\n    prefixCls = props.prefixCls,\n    wrapClassName = props.wrapClassName,\n    rootPrefixCls = props.rootPrefixCls,\n    iconPrefixCls = props.iconPrefixCls,\n    bodyStyle = props.bodyStyle,\n    _props$closable = props.closable,\n    closable = _props$closable === void 0 ? false : _props$closable,\n    closeIcon = props.closeIcon,\n    modalRender = props.modalRender,\n    focusTriggerAfterClose = props.focusTriggerAfterClose;\n  if (process.env.NODE_ENV !== 'production') {\n    process.env.NODE_ENV !== \"production\" ? warning(visible === undefined, 'Modal', \"`visible` is deprecated, please use `open` instead.\") : void 0;\n  }\n  var confirmPrefixCls = prefixCls + \"-confirm\";\n  var width = props.width || 416;\n  var style = props.style || {};\n  var mask = props.mask === undefined ? true : props.mask;\n  // 默认为 false，保持旧版默认行为\n  var maskClosable = props.maskClosable === undefined ? false : props.maskClosable;\n  var classString = classNames(confirmPrefixCls, confirmPrefixCls + \"-\" + props.type, _defineProperty({}, confirmPrefixCls + \"-rtl\", direction === 'rtl'), props.className);\n  return /*#__PURE__*/React.createElement(ConfigProvider, {\n    prefixCls: rootPrefixCls,\n    iconPrefixCls: iconPrefixCls,\n    direction: direction\n  }, /*#__PURE__*/React.createElement(Dialog, {\n    prefixCls: prefixCls,\n    className: classString,\n    wrapClassName: classNames(_defineProperty({}, confirmPrefixCls + \"-centered\", !!props.centered), wrapClassName),\n    onCancel: function onCancel() {\n      return close === null || close === void 0 ? void 0 : close({\n        triggerCancel: true\n      });\n    },\n    open: open,\n    title: \"\",\n    footer: \"\",\n    transitionName: getTransitionName(rootPrefixCls, 'zoom', props.transitionName),\n    maskTransitionName: getTransitionName(rootPrefixCls, 'fade', props.maskTransitionName),\n    mask: mask,\n    maskClosable: maskClosable,\n    maskStyle: maskStyle,\n    style: style,\n    bodyStyle: bodyStyle,\n    width: width,\n    zIndex: zIndex,\n    afterClose: afterClose,\n    keyboard: keyboard,\n    centered: centered,\n    getContainer: getContainer,\n    closable: closable,\n    closeIcon: closeIcon,\n    modalRender: modalRender,\n    focusTriggerAfterClose: focusTriggerAfterClose\n  }, /*#__PURE__*/React.createElement(ConfirmContent, _extends({}, props, {\n    confirmPrefixCls: confirmPrefixCls\n  }))));\n};\nif (process.env.NODE_ENV !== 'production') {\n  ConfirmDialog.displayName = 'ConfirmDialog';\n}\nexport default ConfirmDialog;","var destroyFns = [];\nexport default destroyFns;","import _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport { render as reactRender, unmount as reactUnmount } from \"rc-util/es/React/render\";\nimport * as React from 'react';\nimport { globalConfig } from '../config-provider';\nimport warning from '../_util/warning';\nimport ConfirmDialog from './ConfirmDialog';\nimport destroyFns from './destroyFns';\nimport { getConfirmLocale } from './locale';\nvar defaultRootPrefixCls = '';\nfunction getRootPrefixCls() {\n  return defaultRootPrefixCls;\n}\nexport default function confirm(config) {\n  var container = document.createDocumentFragment();\n  // eslint-disable-next-line @typescript-eslint/no-use-before-define\n  var currentConfig = _extends(_extends({}, config), {\n    close: close,\n    open: true\n  });\n  var timeoutId;\n  function destroy() {\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n    var triggerCancel = args.some(function (param) {\n      return param && param.triggerCancel;\n    });\n    if (config.onCancel && triggerCancel) {\n      config.onCancel.apply(config, [function () {}].concat(_toConsumableArray(args.slice(1))));\n    }\n    for (var i = 0; i < destroyFns.length; i++) {\n      var fn = destroyFns[i];\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      if (fn === close) {\n        destroyFns.splice(i, 1);\n        break;\n      }\n    }\n    reactUnmount(container);\n  }\n  function render(_a) {\n    var okText = _a.okText,\n      cancelText = _a.cancelText,\n      customizePrefixCls = _a.prefixCls,\n      props = __rest(_a, [\"okText\", \"cancelText\", \"prefixCls\"]);\n    clearTimeout(timeoutId);\n    /**\n     * https://github.com/ant-design/ant-design/issues/23623\n     *\n     * Sync render blocks React event. Let's make this async.\n     */\n    timeoutId = setTimeout(function () {\n      var runtimeLocale = getConfirmLocale();\n      var _globalConfig = globalConfig(),\n        getPrefixCls = _globalConfig.getPrefixCls,\n        getIconPrefixCls = _globalConfig.getIconPrefixCls;\n      // because Modal.config \b set rootPrefixCls, which is different from other components\n      var rootPrefixCls = getPrefixCls(undefined, getRootPrefixCls());\n      var prefixCls = customizePrefixCls || rootPrefixCls + \"-modal\";\n      var iconPrefixCls = getIconPrefixCls();\n      reactRender( /*#__PURE__*/React.createElement(ConfirmDialog, _extends({}, props, {\n        prefixCls: prefixCls,\n        rootPrefixCls: rootPrefixCls,\n        iconPrefixCls: iconPrefixCls,\n        okText: okText,\n        locale: runtimeLocale,\n        cancelText: cancelText || runtimeLocale.cancelText\n      })), container);\n    });\n  }\n  function close() {\n    var _this = this;\n    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n      args[_key2] = arguments[_key2];\n    }\n    currentConfig = _extends(_extends({}, currentConfig), {\n      open: false,\n      afterClose: function afterClose() {\n        if (typeof config.afterClose === 'function') {\n          config.afterClose();\n        }\n        destroy.apply(_this, args);\n      }\n    });\n    // Legacy support\n    if (currentConfig.visible) {\n      delete currentConfig.visible;\n    }\n    render(currentConfig);\n  }\n  function update(configUpdate) {\n    if (typeof configUpdate === 'function') {\n      currentConfig = configUpdate(currentConfig);\n    } else {\n      currentConfig = _extends(_extends({}, currentConfig), configUpdate);\n    }\n    render(currentConfig);\n  }\n  render(currentConfig);\n  destroyFns.push(close);\n  return {\n    destroy: close,\n    update: update\n  };\n}\nexport function withWarn(props) {\n  return _extends(_extends({}, props), {\n    type: 'warning'\n  });\n}\nexport function withInfo(props) {\n  return _extends(_extends({}, props), {\n    type: 'info'\n  });\n}\nexport function withSuccess(props) {\n  return _extends(_extends({}, props), {\n    type: 'success'\n  });\n}\nexport function withError(props) {\n  return _extends(_extends({}, props), {\n    type: 'error'\n  });\n}\nexport function withConfirm(props) {\n  return _extends(_extends({}, props), {\n    type: 'confirm'\n  });\n}\nexport function modalGlobalConfig(_ref) {\n  var rootPrefixCls = _ref.rootPrefixCls;\n  process.env.NODE_ENV !== \"production\" ? warning(false, 'Modal', 'Modal.config is deprecated. Please use ConfigProvider.config instead.') : void 0;\n  defaultRootPrefixCls = rootPrefixCls;\n}","import _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nexport default function usePatchElement() {\n  var _React$useState = React.useState([]),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    elements = _React$useState2[0],\n    setElements = _React$useState2[1];\n  var patchElement = React.useCallback(function (element) {\n    // append a new element to elements (and create a new ref)\n    setElements(function (originElements) {\n      return [].concat(_toConsumableArray(originElements), [element]);\n    });\n    // return a function that removes the new element out of elements (and create a new ref)\n    // it works a little like useEffect\n    return function () {\n      setElements(function (originElements) {\n        return originElements.filter(function (ele) {\n          return ele !== element;\n        });\n      });\n    };\n  }, []);\n  return [elements, patchElement];\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nimport { ConfigContext } from '../../config-provider';\nimport LocaleReceiver from '../../locale-provider/LocaleReceiver';\nimport defaultLocale from '../../locale/en_US';\nimport ConfirmDialog from '../ConfirmDialog';\nvar HookModal = function HookModal(_ref, ref) {\n  var afterClose = _ref.afterClose,\n    config = _ref.config;\n  var _React$useState = React.useState(true),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    open = _React$useState2[0],\n    setOpen = _React$useState2[1];\n  var _React$useState3 = React.useState(config),\n    _React$useState4 = _slicedToArray(_React$useState3, 2),\n    innerConfig = _React$useState4[0],\n    setInnerConfig = _React$useState4[1];\n  var _React$useContext = React.useContext(ConfigContext),\n    direction = _React$useContext.direction,\n    getPrefixCls = _React$useContext.getPrefixCls;\n  var prefixCls = getPrefixCls('modal');\n  var rootPrefixCls = getPrefixCls();\n  var close = function close() {\n    setOpen(false);\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n    var triggerCancel = args.some(function (param) {\n      return param && param.triggerCancel;\n    });\n    if (innerConfig.onCancel && triggerCancel) {\n      innerConfig.onCancel.apply(innerConfig, [function () {}].concat(_toConsumableArray(args.slice(1))));\n    }\n  };\n  React.useImperativeHandle(ref, function () {\n    return {\n      destroy: close,\n      update: function update(newConfig) {\n        setInnerConfig(function (originConfig) {\n          return _extends(_extends({}, originConfig), newConfig);\n        });\n      }\n    };\n  });\n  return /*#__PURE__*/React.createElement(LocaleReceiver, {\n    componentName: \"Modal\",\n    defaultLocale: defaultLocale.Modal\n  }, function (contextLocale) {\n    return /*#__PURE__*/React.createElement(ConfirmDialog, _extends({\n      prefixCls: prefixCls,\n      rootPrefixCls: rootPrefixCls\n    }, innerConfig, {\n      close: close,\n      open: open,\n      afterClose: afterClose,\n      okText: innerConfig.okText || (innerConfig.okCancel ? contextLocale.okText : contextLocale.justOkText),\n      direction: direction,\n      cancelText: innerConfig.cancelText || contextLocale.cancelText\n    }));\n  });\n};\nexport default /*#__PURE__*/React.forwardRef(HookModal);","import _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nimport usePatchElement from '../../_util/hooks/usePatchElement';\nimport { withConfirm, withError, withInfo, withSuccess, withWarn } from '../confirm';\nimport HookModal from './HookModal';\nvar uuid = 0;\nvar ElementsHolder = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (_props, ref) {\n  var _usePatchElement = usePatchElement(),\n    _usePatchElement2 = _slicedToArray(_usePatchElement, 2),\n    elements = _usePatchElement2[0],\n    patchElement = _usePatchElement2[1];\n  React.useImperativeHandle(ref, function () {\n    return {\n      patchElement: patchElement\n    };\n  }, []);\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  return /*#__PURE__*/React.createElement(React.Fragment, null, elements);\n}));\nexport default function useModal() {\n  var holderRef = React.useRef(null);\n  // ========================== Effect ==========================\n  var _React$useState = React.useState([]),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    actionQueue = _React$useState2[0],\n    setActionQueue = _React$useState2[1];\n  React.useEffect(function () {\n    if (actionQueue.length) {\n      var cloneQueue = _toConsumableArray(actionQueue);\n      cloneQueue.forEach(function (action) {\n        action();\n      });\n      setActionQueue([]);\n    }\n  }, [actionQueue]);\n  // =========================== Hook ===========================\n  var getConfirmFunc = React.useCallback(function (withFunc) {\n    return function hookConfirm(config) {\n      var _a;\n      uuid += 1;\n      var modalRef = /*#__PURE__*/React.createRef();\n      var closeFunc;\n      var modal = /*#__PURE__*/React.createElement(HookModal, {\n        key: \"modal-\" + uuid,\n        config: withFunc(config),\n        ref: modalRef,\n        afterClose: function afterClose() {\n          closeFunc === null || closeFunc === void 0 ? void 0 : closeFunc();\n        }\n      });\n      closeFunc = (_a = holderRef.current) === null || _a === void 0 ? void 0 : _a.patchElement(modal);\n      return {\n        destroy: function destroy() {\n          function destroyAction() {\n            var _a;\n            (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.destroy();\n          }\n          if (modalRef.current) {\n            destroyAction();\n          } else {\n            setActionQueue(function (prev) {\n              return [].concat(_toConsumableArray(prev), [destroyAction]);\n            });\n          }\n        },\n        update: function update(newConfig) {\n          function updateAction() {\n            var _a;\n            (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.update(newConfig);\n          }\n          if (modalRef.current) {\n            updateAction();\n          } else {\n            setActionQueue(function (prev) {\n              return [].concat(_toConsumableArray(prev), [updateAction]);\n            });\n          }\n        }\n      };\n    };\n  }, []);\n  var fns = React.useMemo(function () {\n    return {\n      info: getConfirmFunc(withInfo),\n      success: getConfirmFunc(withSuccess),\n      error: getConfirmFunc(withError),\n      warning: getConfirmFunc(withWarn),\n      confirm: getConfirmFunc(withConfirm)\n    };\n  }, []);\n  // eslint-disable-next-line react/jsx-key\n  return [fns, /*#__PURE__*/React.createElement(ElementsHolder, {\n    ref: holderRef\n  })];\n}","import confirm, { modalGlobalConfig, withConfirm, withError, withInfo, withSuccess, withWarn } from './confirm';\nimport destroyFns from './destroyFns';\nimport OriginModal from './Modal';\nimport PurePanel from './PurePanel';\nimport useModal from './useModal';\nfunction modalWarn(props) {\n  return confirm(withWarn(props));\n}\nvar Modal = OriginModal;\nModal.useModal = useModal;\nModal.info = function infoFn(props) {\n  return confirm(withInfo(props));\n};\nModal.success = function successFn(props) {\n  return confirm(withSuccess(props));\n};\nModal.error = function errorFn(props) {\n  return confirm(withError(props));\n};\nModal.warning = modalWarn;\nModal.warn = modalWarn;\nModal.confirm = function confirmFn(props) {\n  return confirm(withConfirm(props));\n};\nModal.destroyAll = function destroyAllFn() {\n  while (destroyFns.length) {\n    var close = destroyFns.pop();\n    if (close) {\n      close();\n    }\n  }\n};\nModal.config = modalGlobalConfig;\nModal._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;\nexport default Modal;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport defaultLocale from '../locale/en_US';\nvar runtimeLocale = _extends({}, defaultLocale.Modal);\nexport function changeConfirmLocale(newLocale) {\n  if (newLocale) {\n    runtimeLocale = _extends(_extends({}, runtimeLocale), newLocale);\n  } else {\n    runtimeLocale = _extends({}, defaultLocale.Modal);\n  }\n}\nexport function getConfirmLocale() {\n  return runtimeLocale;\n}","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport { initFadeMotion, initZoomMotion } from '../../style/motion';\nimport { genComponentStyleHook, mergeToken } from '../../theme';\nimport { clearFix, genFocusStyle, resetComponent } from '../../style';\nfunction box(position) {\n  return {\n    position: position,\n    top: 0,\n    insetInlineEnd: 0,\n    bottom: 0,\n    insetInlineStart: 0\n  };\n}\nexport var genModalMaskStyle = function genModalMaskStyle(token) {\n  var _ref;\n  var componentCls = token.componentCls;\n  return [_defineProperty({}, componentCls + \"-root\", (_ref = {}, _defineProperty(_ref, \"\" + componentCls + token.antCls + \"-zoom-enter, \" + componentCls + token.antCls + \"-zoom-appear\", {\n    // reset scale avoid mousePosition bug\n    transform: 'none',\n    opacity: 0,\n    animationDuration: token.motionDurationSlow,\n    // https://github.com/ant-design/ant-design/issues/11777\n    userSelect: 'none'\n  }), _defineProperty(_ref, componentCls + \"-mask\", _extends(_extends({}, box('fixed')), _defineProperty({\n    zIndex: token.zIndexPopupBase,\n    height: '100%',\n    backgroundColor: token.colorBgMask\n  }, componentCls + \"-hidden\", {\n    display: 'none'\n  }))), _defineProperty(_ref, componentCls + \"-wrap\", _extends(_extends({}, box('fixed')), {\n    overflow: 'auto',\n    outline: 0,\n    WebkitOverflowScrolling: 'touch'\n  })), _ref)), _defineProperty({}, componentCls + \"-root\", initFadeMotion(token))];\n};\nvar genModalStyle = function genModalStyle(token) {\n  var _ref6, _ref7, _extends3, _ref11;\n  var componentCls = token.componentCls;\n  return [// ======================== Root =========================\n  _defineProperty({}, componentCls + \"-root\", (_ref7 = {}, _defineProperty(_ref7, componentCls + \"-wrap\", {\n    zIndex: token.zIndexPopupBase,\n    position: 'fixed',\n    inset: 0,\n    overflow: 'auto',\n    outline: 0,\n    WebkitOverflowScrolling: 'touch'\n  }), _defineProperty(_ref7, componentCls + \"-wrap-rtl\", {\n    direction: 'rtl'\n  }), _defineProperty(_ref7, componentCls + \"-centered\", _defineProperty({\n    textAlign: 'center',\n    '&::before': {\n      display: 'inline-block',\n      width: 0,\n      height: '100%',\n      verticalAlign: 'middle',\n      content: '\"\"'\n    }\n  }, componentCls, {\n    top: 0,\n    display: 'inline-block',\n    paddingBottom: 0,\n    textAlign: 'start',\n    verticalAlign: 'middle'\n  })), _defineProperty(_ref7, \"@media (max-width: \" + token.screenSMMax + \")\", (_ref6 = {}, _defineProperty(_ref6, componentCls, {\n    maxWidth: 'calc(100vw - 16px)',\n    margin: token.marginXS + \" auto\"\n  }), _defineProperty(_ref6, componentCls + \"-centered\", _defineProperty({}, componentCls, {\n    flex: 1\n  })), _ref6)), _ref7)), // ======================== Modal ========================\n  _defineProperty({}, componentCls, _extends(_extends({}, resetComponent(token)), (_extends3 = {\n    pointerEvents: 'none',\n    position: 'relative',\n    top: 100,\n    width: 'auto',\n    maxWidth: \"calc(100vw - \" + token.margin * 2 + \"px)\",\n    margin: '0 auto',\n    paddingBottom: token.paddingLG\n  }, _defineProperty(_extends3, componentCls + \"-title\", {\n    margin: 0,\n    color: token.modalHeadingColor,\n    fontWeight: token.fontWeightStrong,\n    fontSize: token.modalHeaderTitleFontSize,\n    lineHeight: token.modalHeaderTitleLineHeight,\n    wordWrap: 'break-word'\n  }), _defineProperty(_extends3, componentCls + \"-content\", {\n    position: 'relative',\n    backgroundColor: token.modalContentBg,\n    backgroundClip: 'padding-box',\n    border: 0,\n    borderRadius: token.borderRadiusLG,\n    boxShadow: token.boxShadowSecondary,\n    pointerEvents: 'auto',\n    padding: token.paddingMD + \"px \" + token.paddingContentHorizontalLG + \"px\"\n  }), _defineProperty(_extends3, componentCls + \"-close\", _extends({\n    position: 'absolute',\n    top: (token.modalHeaderCloseSize - token.modalCloseBtnSize) / 2,\n    insetInlineEnd: (token.modalHeaderCloseSize - token.modalCloseBtnSize) / 2,\n    zIndex: token.zIndexPopupBase + 10,\n    padding: 0,\n    color: token.modalCloseColor,\n    fontWeight: token.fontWeightStrong,\n    lineHeight: 1,\n    textDecoration: 'none',\n    background: 'transparent',\n    borderRadius: token.borderRadiusSM,\n    width: token.modalConfirmIconSize,\n    height: token.modalConfirmIconSize,\n    border: 0,\n    outline: 0,\n    cursor: 'pointer',\n    transition: \"color \" + token.motionDurationMid + \", background-color \" + token.motionDurationMid,\n    '&-x': {\n      display: 'block',\n      fontSize: token.fontSizeLG,\n      fontStyle: 'normal',\n      lineHeight: token.modalCloseBtnSize + \"px\",\n      textAlign: 'center',\n      textTransform: 'none',\n      textRendering: 'auto'\n    },\n    '&:hover': {\n      color: token.modalIconHoverColor,\n      backgroundColor: token.wireframe ? 'transparent' : token.colorFillContent,\n      textDecoration: 'none'\n    },\n    '&:active': {\n      backgroundColor: token.wireframe ? 'transparent' : token.colorFillContentHover\n    }\n  }, genFocusStyle(token))), _defineProperty(_extends3, componentCls + \"-header\", {\n    color: token.colorText,\n    background: token.modalHeaderBg,\n    borderRadius: token.borderRadiusLG + \"px \" + token.borderRadiusLG + \"px 0 0\",\n    marginBottom: token.marginXS\n  }), _defineProperty(_extends3, componentCls + \"-body\", {\n    fontSize: token.fontSize,\n    lineHeight: token.lineHeight,\n    wordWrap: 'break-word'\n  }), _defineProperty(_extends3, componentCls + \"-footer\", _defineProperty({\n    textAlign: 'end',\n    background: token.modalFooterBg,\n    marginTop: token.marginSM\n  }, token.antCls + \"-btn + \" + token.antCls + \"-btn:not(\" + token.antCls + \"-dropdown-trigger)\", {\n    marginBottom: 0,\n    marginInlineStart: token.marginXS\n  })), _defineProperty(_extends3, componentCls + \"-open\", {\n    overflow: 'hidden'\n  }), _extends3))), // ======================== Pure =========================\n  _defineProperty({}, componentCls + \"-pure-panel\", (_ref11 = {\n    top: 'auto',\n    padding: 0,\n    display: 'flex',\n    flexDirection: 'column'\n  }, _defineProperty(_ref11, componentCls + \"-content,\\n          \" + componentCls + \"-body,\\n          \" + componentCls + \"-confirm-body-wrapper\", {\n    display: 'flex',\n    flexDirection: 'column',\n    flex: 'auto'\n  }), _defineProperty(_ref11, componentCls + \"-confirm-body\", {\n    marginBottom: 'auto'\n  }), _ref11))];\n};\nvar genModalConfirmStyle = function genModalConfirmStyle(token) {\n  var _ref14, _ref15, _confirmComponentCls, _ref17;\n  var componentCls = token.componentCls;\n  var confirmComponentCls = componentCls + \"-confirm\";\n  return _ref17 = {}, _defineProperty(_ref17, confirmComponentCls, (_confirmComponentCls = {\n    '&-rtl': {\n      direction: 'rtl'\n    }\n  }, _defineProperty(_confirmComponentCls, token.antCls + \"-modal-header\", {\n    display: 'none'\n  }), _defineProperty(_confirmComponentCls, confirmComponentCls + \"-body-wrapper\", _extends({}, clearFix())), _defineProperty(_confirmComponentCls, confirmComponentCls + \"-body\", (_ref15 = {\n    display: 'flex',\n    flexWrap: 'wrap',\n    alignItems: 'center'\n  }, _defineProperty(_ref15, confirmComponentCls + \"-title\", _defineProperty({\n    flex: '0 0 100%',\n    display: 'block',\n    // create BFC to avoid\n    // https://user-images.githubusercontent.com/507615/37702510-ba844e06-2d2d-11e8-9b67-8e19be57f445.png\n    overflow: 'hidden',\n    color: token.colorTextHeading,\n    fontWeight: token.fontWeightStrong,\n    fontSize: token.modalHeaderTitleFontSize,\n    lineHeight: token.modalHeaderTitleLineHeight\n  }, \"+ \" + confirmComponentCls + \"-content\", {\n    marginBlockStart: token.marginXS\n  })), _defineProperty(_ref15, confirmComponentCls + \"-content\", {\n    color: token.colorText,\n    fontSize: token.fontSize\n  }), _defineProperty(_ref15, \"> \" + token.iconCls, (_ref14 = {\n    flex: 'none',\n    marginInlineEnd: token.marginSM,\n    fontSize: token.modalConfirmIconSize\n  }, _defineProperty(_ref14, \"+ \" + confirmComponentCls + \"-title\", {\n    flex: 1\n  }), _defineProperty(_ref14, \"+ \" + confirmComponentCls + \"-title + \" + confirmComponentCls + \"-content\", {\n    marginInlineStart: token.modalConfirmIconSize + token.marginSM,\n    flexBasis: '100%'\n  }), _ref14)), _ref15)), _defineProperty(_confirmComponentCls, confirmComponentCls + \"-btns\", _defineProperty({\n    textAlign: 'end',\n    marginTop: token.marginSM\n  }, token.antCls + \"-btn + \" + token.antCls + \"-btn\", {\n    marginBottom: 0,\n    marginInlineStart: token.marginXS\n  })), _confirmComponentCls)), _defineProperty(_ref17, confirmComponentCls + \"-error \" + confirmComponentCls + \"-body > \" + token.iconCls, {\n    color: token.colorError\n  }), _defineProperty(_ref17, confirmComponentCls + \"-warning \" + confirmComponentCls + \"-body > \" + token.iconCls + \",\\n        \" + confirmComponentCls + \"-confirm \" + confirmComponentCls + \"-body > \" + token.iconCls, {\n    color: token.colorWarning\n  }), _defineProperty(_ref17, confirmComponentCls + \"-info \" + confirmComponentCls + \"-body > \" + token.iconCls, {\n    color: token.colorInfo\n  }), _defineProperty(_ref17, confirmComponentCls + \"-success \" + confirmComponentCls + \"-body > \" + token.iconCls, {\n    color: token.colorSuccess\n  }), _defineProperty(_ref17, componentCls + \"-zoom-leave \" + componentCls + \"-btns\", {\n    pointerEvents: 'none'\n  }), _ref17;\n};\nvar genRTLStyle = function genRTLStyle(token) {\n  var componentCls = token.componentCls;\n  return _defineProperty({}, componentCls + \"-root\", _defineProperty({}, componentCls + \"-wrap-rtl\", _defineProperty({\n    direction: 'rtl'\n  }, componentCls + \"-confirm-body\", {\n    direction: 'rtl'\n  })));\n};\nvar genWireframeStyle = function genWireframeStyle(token) {\n  var _componentCls, _confirmComponentCls2, _ref23;\n  var componentCls = token.componentCls,\n    antCls = token.antCls;\n  var confirmComponentCls = componentCls + \"-confirm\";\n  return _ref23 = {}, _defineProperty(_ref23, componentCls, (_componentCls = {}, _defineProperty(_componentCls, componentCls + \"-content\", {\n    padding: 0\n  }), _defineProperty(_componentCls, componentCls + \"-header\", {\n    padding: token.modalHeaderPadding,\n    borderBottom: token.modalHeaderBorderWidth + \"px \" + token.modalHeaderBorderStyle + \" \" + token.modalHeaderBorderColorSplit,\n    marginBottom: 0\n  }), _defineProperty(_componentCls, componentCls + \"-body\", {\n    padding: token.modalBodyPadding\n  }), _defineProperty(_componentCls, componentCls + \"-footer\", {\n    padding: token.modalFooterPaddingVertical + \"px \" + token.modalFooterPaddingHorizontal + \"px\",\n    borderTop: token.modalFooterBorderWidth + \"px \" + token.modalFooterBorderStyle + \" \" + token.modalFooterBorderColorSplit,\n    borderRadius: \"0 0 \" + token.borderRadiusLG + \"px \" + token.borderRadiusLG + \"px\",\n    marginTop: 0\n  }), _componentCls)), _defineProperty(_ref23, confirmComponentCls, (_confirmComponentCls2 = {}, _defineProperty(_confirmComponentCls2, antCls + \"-modal-body\", {\n    padding: token.padding * 2 + \"px \" + token.padding * 2 + \"px \" + token.paddingLG + \"px\"\n  }), _defineProperty(_confirmComponentCls2, confirmComponentCls + \"-body\", _defineProperty({}, \"> \" + token.iconCls, _defineProperty({\n    marginInlineEnd: token.margin\n  }, \"+ \" + confirmComponentCls + \"-title + \" + confirmComponentCls + \"-content\", {\n    marginInlineStart: token.modalConfirmIconSize + token.margin\n  }))), _defineProperty(_confirmComponentCls2, confirmComponentCls + \"-btns\", {\n    marginTop: token.marginLG\n  }), _confirmComponentCls2)), _ref23;\n};\n// ============================== Export ==============================\nexport default genComponentStyleHook('Modal', function (token) {\n  var headerPaddingVertical = token.padding;\n  var headerFontSize = token.fontSizeHeading5;\n  var headerLineHeight = token.lineHeightHeading5;\n  var modalToken = mergeToken(token, {\n    modalBodyPadding: token.paddingLG,\n    modalHeaderBg: token.colorBgElevated,\n    modalHeaderPadding: headerPaddingVertical + \"px \" + token.paddingLG + \"px\",\n    modalHeaderBorderWidth: token.lineWidth,\n    modalHeaderBorderStyle: token.lineType,\n    modalHeaderTitleLineHeight: headerLineHeight,\n    modalHeaderTitleFontSize: headerFontSize,\n    modalHeaderBorderColorSplit: token.colorSplit,\n    modalHeaderCloseSize: headerLineHeight * headerFontSize + headerPaddingVertical * 2,\n    modalContentBg: token.colorBgElevated,\n    modalHeadingColor: token.colorTextHeading,\n    modalCloseColor: token.colorTextDescription,\n    modalFooterBg: 'transparent',\n    modalFooterBorderColorSplit: token.colorSplit,\n    modalFooterBorderStyle: token.lineType,\n    modalFooterPaddingVertical: token.paddingXS,\n    modalFooterPaddingHorizontal: token.padding,\n    modalFooterBorderWidth: token.lineWidth,\n    modalConfirmTitleFontSize: token.fontSizeLG,\n    modalIconHoverColor: token.colorIconHover,\n    modalConfirmIconSize: token.fontSize * token.lineHeight,\n    modalCloseBtnSize: token.controlHeightLG * 0.55\n  });\n  return [genModalStyle(modalToken), genModalConfirmStyle(modalToken), genRTLStyle(modalToken), genModalMaskStyle(modalToken), token.wireframe && genWireframeStyle(modalToken), initZoomMotion(modalToken, 'zoom')];\n});","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport { genComponentStyleHook, mergeToken } from '../../theme';\nimport { resetComponent, textEllipsis } from '../../style';\n// ============================== Mixins ==============================\nfunction segmentedDisabledItem(cls, token) {\n  return _defineProperty({}, cls + \", \" + cls + \":hover, \" + cls + \":focus\", {\n    color: token.colorTextDisabled,\n    cursor: 'not-allowed'\n  });\n}\nfunction getSegmentedItemSelectedStyle(token) {\n  return {\n    backgroundColor: token.bgColorSelected,\n    boxShadow: token.boxShadow\n  };\n}\nvar segmentedTextEllipsisCss = _extends({\n  overflow: 'hidden'\n}, textEllipsis);\n// ============================== Styles ==============================\nvar genSegmentedStyle = function genSegmentedStyle(token) {\n  var _ref2, _lg, _sm, _extends2, _extends4;\n  var componentCls = token.componentCls;\n  return _defineProperty({}, componentCls, _extends(_extends(_extends(_extends(_extends({}, resetComponent(token)), (_extends2 = {\n    display: 'inline-block',\n    padding: token.segmentedContainerPadding,\n    color: token.labelColor,\n    backgroundColor: token.bgColor,\n    borderRadius: token.borderRadius,\n    transition: \"all \" + token.motionDurationMid + \" \" + token.motionEaseInOut\n  }, _defineProperty(_extends2, componentCls + \"-group\", {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'stretch',\n    justifyItems: 'flex-start',\n    width: '100%'\n  }), _defineProperty(_extends2, '&&-rtl', {\n    direction: 'rtl'\n  }), _defineProperty(_extends2, '&&-block', {\n    display: 'flex'\n  }), _defineProperty(_extends2, \"&&-block \" + componentCls + \"-item\", {\n    flex: 1,\n    minWidth: 0\n  }), _defineProperty(_extends2, componentCls + \"-item\", (_ref2 = {\n    position: 'relative',\n    textAlign: 'center',\n    cursor: 'pointer',\n    transition: \"color \" + token.motionDurationMid + \" \" + token.motionEaseInOut,\n    borderRadius: token.borderRadiusSM,\n    '&-selected': _extends(_extends({}, getSegmentedItemSelectedStyle(token)), {\n      color: token.labelColorHover\n    }),\n    '&::after': {\n      content: '\"\"',\n      position: 'absolute',\n      width: '100%',\n      height: '100%',\n      top: 0,\n      insetInlineStart: 0,\n      borderRadius: token.borderRadiusSM,\n      transition: \"background-color \" + token.motionDurationMid\n    }\n  }, _defineProperty(_ref2, \"&:hover:not(\" + componentCls + \"-item-selected):not(\" + componentCls + \"-item-disabled)\", {\n    color: token.labelColorHover,\n    '&::after': {\n      backgroundColor: token.bgColorHover\n    }\n  }), _defineProperty(_ref2, '&-label', _extends({\n    minHeight: token.controlHeight - token.segmentedContainerPadding * 2,\n    lineHeight: token.controlHeight - token.segmentedContainerPadding * 2 + \"px\",\n    padding: \"0 \" + token.segmentedPaddingHorizontal + \"px\"\n  }, segmentedTextEllipsisCss)), _defineProperty(_ref2, '&-icon + *', {\n    marginInlineEnd: token.marginSM / 2\n  }), _defineProperty(_ref2, '&-input', {\n    position: 'absolute',\n    insetBlockStart: 0,\n    insetInlineStart: 0,\n    width: 0,\n    height: 0,\n    opacity: 0,\n    pointerEvents: 'none'\n  }), _ref2)), _defineProperty(_extends2, '&&-lg', (_lg = {\n    borderRadius: token.borderRadiusLG\n  }, _defineProperty(_lg, componentCls + \"-item-label\", {\n    minHeight: token.controlHeightLG - token.segmentedContainerPadding * 2,\n    lineHeight: token.controlHeightLG - token.segmentedContainerPadding * 2 + \"px\",\n    padding: \"0 \" + token.segmentedPaddingHorizontal + \"px\",\n    fontSize: token.fontSizeLG\n  }), _defineProperty(_lg, componentCls + \"-item-selected\", {\n    borderRadius: token.borderRadius\n  }), _lg)), _defineProperty(_extends2, '&&-sm', (_sm = {\n    borderRadius: token.borderRadiusSM\n  }, _defineProperty(_sm, componentCls + \"-item-label\", {\n    minHeight: token.controlHeightSM - token.segmentedContainerPadding * 2,\n    lineHeight: token.controlHeightSM - token.segmentedContainerPadding * 2 + \"px\",\n    padding: \"0 \" + token.segmentedPaddingHorizontalSM + \"px\"\n  }), _defineProperty(_sm, componentCls + \"-item-selected\", {\n    borderRadius: token.borderRadiusXS\n  }), _sm)), _extends2)), segmentedDisabledItem(\"&-disabled \" + componentCls + \"-item\", token)), segmentedDisabledItem(componentCls + \"-item-disabled\", token)), (_extends4 = {}, _defineProperty(_extends4, componentCls + \"-thumb\", _extends(_extends({}, getSegmentedItemSelectedStyle(token)), _defineProperty({\n    position: 'absolute',\n    insetBlockStart: 0,\n    insetInlineStart: 0,\n    width: 0,\n    height: '100%',\n    padding: token.paddingXXS + \"px 0\",\n    borderRadius: token.borderRadiusSM\n  }, \"& ~ \" + componentCls + \"-item:not(\" + componentCls + \"-item-selected):not(\" + componentCls + \"-item-disabled)::after\", {\n    backgroundColor: 'transparent'\n  }))), _defineProperty(_extends4, componentCls + \"-thumb-motion-appear-active\", {\n    transition: \"transform \" + token.motionDurationSlow + \" \" + token.motionEaseInOut + \", width \" + token.motionDurationSlow + \" \" + token.motionEaseInOut,\n    willChange: 'transform, width'\n  }), _extends4)));\n};\n// ============================== Export ==============================\nexport default genComponentStyleHook('Segmented', function (token) {\n  var lineWidthBold = token.lineWidthBold,\n    lineWidth = token.lineWidth,\n    colorTextLabel = token.colorTextLabel,\n    colorText = token.colorText,\n    colorFillSecondary = token.colorFillSecondary,\n    colorBgLayout = token.colorBgLayout,\n    colorBgElevated = token.colorBgElevated;\n  var segmentedToken = mergeToken(token, {\n    segmentedPaddingHorizontal: token.controlPaddingHorizontal - lineWidth,\n    segmentedPaddingHorizontalSM: token.controlPaddingHorizontalSM - lineWidth,\n    segmentedContainerPadding: lineWidthBold,\n    labelColor: colorTextLabel,\n    labelColorHover: colorText,\n    bgColor: colorBgLayout,\n    bgColorHover: colorFillSecondary,\n    bgColorSelected: colorBgElevated\n  });\n  return [genSegmentedStyle(segmentedToken)];\n});","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport classNames from 'classnames';\nimport RcSegmented from 'rc-segmented';\nimport * as React from 'react';\nimport { ConfigContext } from '../config-provider';\nimport SizeContext from '../config-provider/SizeContext';\nimport useStyle from './style';\nfunction isSegmentedLabeledOptionWithIcon(option) {\n  return _typeof(option) === 'object' && !!(option === null || option === void 0 ? void 0 : option.icon);\n}\nvar Segmented = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  var _classNames;\n  var customizePrefixCls = props.prefixCls,\n    className = props.className,\n    block = props.block,\n    _props$options = props.options,\n    options = _props$options === void 0 ? [] : _props$options,\n    _props$size = props.size,\n    customSize = _props$size === void 0 ? 'middle' : _props$size,\n    restProps = __rest(props, [\"prefixCls\", \"className\", \"block\", \"options\", \"size\"]);\n  var _React$useContext = React.useContext(ConfigContext),\n    getPrefixCls = _React$useContext.getPrefixCls,\n    direction = _React$useContext.direction;\n  var prefixCls = getPrefixCls('segmented', customizePrefixCls);\n  // Style\n  var _useStyle = useStyle(prefixCls),\n    _useStyle2 = _slicedToArray(_useStyle, 2),\n    wrapSSR = _useStyle2[0],\n    hashId = _useStyle2[1];\n  // ===================== Size =====================\n  var size = React.useContext(SizeContext);\n  var mergedSize = customSize || size;\n  // syntactic sugar to support `icon` for Segmented Item\n  var extendedOptions = React.useMemo(function () {\n    return options.map(function (option) {\n      if (isSegmentedLabeledOptionWithIcon(option)) {\n        var icon = option.icon,\n          label = option.label,\n          restOption = __rest(option, [\"icon\", \"label\"]);\n        return _extends(_extends({}, restOption), {\n          label: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"span\", {\n            className: prefixCls + \"-item-icon\"\n          }, icon), label && /*#__PURE__*/React.createElement(\"span\", null, label))\n        });\n      }\n      return option;\n    });\n  }, [options, prefixCls]);\n  return wrapSSR( /*#__PURE__*/React.createElement(RcSegmented, _extends({}, restProps, {\n    className: classNames(className, (_classNames = {}, _defineProperty(_classNames, prefixCls + \"-block\", block), _defineProperty(_classNames, prefixCls + \"-sm\", mergedSize === 'small'), _defineProperty(_classNames, prefixCls + \"-lg\", mergedSize === 'large'), _classNames), hashId),\n    options: extendedOptions,\n    ref: ref,\n    prefixCls: prefixCls,\n    direction: direction\n  })));\n});\nif (process.env.NODE_ENV !== 'production') {\n  Segmented.displayName = 'Segmented';\n}\nexport default Segmented;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport classNames from 'classnames';\nimport toArray from \"rc-util/es/Children/toArray\";\nimport * as React from 'react';\nimport { ConfigContext } from '../config-provider';\nimport useStyle from './style';\nexport var SpaceCompactItemContext = /*#__PURE__*/React.createContext(null);\nexport var useCompactItemContext = function useCompactItemContext(prefixCls, direction) {\n  var compactItemContext = React.useContext(SpaceCompactItemContext);\n  var compactItemClassnames = React.useMemo(function () {\n    var _classNames;\n    if (!compactItemContext) return '';\n    var compactDirection = compactItemContext.compactDirection,\n      isFirstItem = compactItemContext.isFirstItem,\n      isLastItem = compactItemContext.isLastItem;\n    var separator = compactDirection === 'vertical' ? '-vertical-' : '-';\n    return classNames((_classNames = {}, _defineProperty(_classNames, prefixCls + \"-compact\" + separator + \"item\", true), _defineProperty(_classNames, prefixCls + \"-compact\" + separator + \"first-item\", isFirstItem), _defineProperty(_classNames, prefixCls + \"-compact\" + separator + \"last-item\", isLastItem), _defineProperty(_classNames, prefixCls + \"-compact\" + separator + \"item-rtl\", direction === 'rtl'), _classNames));\n  }, [prefixCls, direction, compactItemContext]);\n  return {\n    compactSize: compactItemContext === null || compactItemContext === void 0 ? void 0 : compactItemContext.compactSize,\n    compactDirection: compactItemContext === null || compactItemContext === void 0 ? void 0 : compactItemContext.compactDirection,\n    compactItemClassnames: compactItemClassnames\n  };\n};\nexport var NoCompactStyle = function NoCompactStyle(_ref) {\n  var children = _ref.children;\n  return /*#__PURE__*/React.createElement(SpaceCompactItemContext.Provider, {\n    value: null\n  }, children);\n};\nvar CompactItem = function CompactItem(_a) {\n  var children = _a.children,\n    otherProps = __rest(_a, [\"children\"]);\n  return /*#__PURE__*/React.createElement(SpaceCompactItemContext.Provider, {\n    value: otherProps\n  }, children);\n};\nvar Compact = function Compact(props) {\n  var _classNames2;\n  var _React$useContext = React.useContext(ConfigContext),\n    getPrefixCls = _React$useContext.getPrefixCls,\n    directionConfig = _React$useContext.direction;\n  var _props$size = props.size,\n    size = _props$size === void 0 ? 'middle' : _props$size,\n    direction = props.direction,\n    block = props.block,\n    customizePrefixCls = props.prefixCls,\n    className = props.className,\n    children = props.children,\n    restProps = __rest(props, [\"size\", \"direction\", \"block\", \"prefixCls\", \"className\", \"children\"]);\n  var prefixCls = getPrefixCls('space-compact', customizePrefixCls);\n  var _useStyle = useStyle(prefixCls),\n    _useStyle2 = _slicedToArray(_useStyle, 2),\n    wrapSSR = _useStyle2[0],\n    hashId = _useStyle2[1];\n  var clx = classNames(prefixCls, hashId, (_classNames2 = {}, _defineProperty(_classNames2, prefixCls + \"-rtl\", directionConfig === 'rtl'), _defineProperty(_classNames2, prefixCls + \"-block\", block), _defineProperty(_classNames2, prefixCls + \"-vertical\", direction === 'vertical'), _classNames2), className);\n  var compactItemContext = React.useContext(SpaceCompactItemContext);\n  var childNodes = toArray(children);\n  var nodes = React.useMemo(function () {\n    return childNodes.map(function (child, i) {\n      var key = child && child.key || prefixCls + \"-item-\" + i;\n      return /*#__PURE__*/React.createElement(CompactItem, {\n        key: key,\n        compactSize: size,\n        compactDirection: direction,\n        isFirstItem: i === 0 && (!compactItemContext || (compactItemContext === null || compactItemContext === void 0 ? void 0 : compactItemContext.isFirstItem)),\n        isLastItem: i === childNodes.length - 1 && (!compactItemContext || (compactItemContext === null || compactItemContext === void 0 ? void 0 : compactItemContext.isLastItem))\n      }, child);\n    });\n  }, [size, childNodes, compactItemContext]);\n  // =========================== Render ===========================\n  if (childNodes.length === 0) {\n    return null;\n  }\n  return wrapSSR( /*#__PURE__*/React.createElement(\"div\", _extends({\n    className: clx\n  }, restProps), nodes));\n};\nexport default Compact;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nvar genSpaceCompactStyle = function genSpaceCompactStyle(token) {\n  var componentCls = token.componentCls;\n  return _defineProperty({}, componentCls, {\n    display: 'inline-flex',\n    '&-block': {\n      display: 'flex',\n      width: '100%'\n    },\n    '&-vertical': {\n      flexDirection: 'column'\n    }\n  });\n};\n// ============================== Export ==============================\nexport default genSpaceCompactStyle;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport { genComponentStyleHook } from '../../theme';\nimport genSpaceCompactStyle from './compact';\nvar genSpaceStyle = function genSpaceStyle(token) {\n  var componentCls = token.componentCls;\n  return _defineProperty({}, componentCls, _defineProperty({\n    display: 'inline-flex',\n    '&-rtl': {\n      direction: 'rtl'\n    },\n    '&-vertical': {\n      flexDirection: 'column'\n    },\n    '&-align': {\n      flexDirection: 'column',\n      '&-center': {\n        alignItems: 'center'\n      },\n      '&-start': {\n        alignItems: 'flex-start'\n      },\n      '&-end': {\n        alignItems: 'flex-end'\n      },\n      '&-baseline': {\n        alignItems: 'flex-baseline'\n      }\n    }\n  }, componentCls + \"-space-item\", {\n    '&:empty': {\n      display: 'none'\n    }\n  }));\n};\n// ============================== Export ==============================\nexport default genComponentStyleHook('Space', function (token) {\n  return [genSpaceStyle(token), genSpaceCompactStyle(token)];\n});","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport { Keyframes } from '@ant-design/cssinjs';\nimport { genComponentStyleHook, mergeToken } from '../../theme';\nimport { resetComponent } from '../../style';\nvar antSpinMove = new Keyframes('antSpinMove', {\n  to: {\n    opacity: 1\n  }\n});\nvar antRotate = new Keyframes('antRotate', {\n  to: {\n    transform: 'rotate(405deg)'\n  }\n});\nvar genSpinStyle = function genSpinStyle(token) {\n  var _ref, _ref2, _ref3, _nestedLoading, _extends2;\n  return _defineProperty({}, \"\" + token.componentCls, _extends(_extends({}, resetComponent(token)), (_extends2 = {\n    position: 'absolute',\n    display: 'none',\n    color: token.colorPrimary,\n    textAlign: 'center',\n    verticalAlign: 'middle',\n    opacity: 0,\n    transition: \"transform \" + token.motionDurationSlow + \" \" + token.motionEaseInOutCirc,\n    '&-spinning': {\n      position: 'static',\n      display: 'inline-block',\n      opacity: 1\n    },\n    '&-nested-loading': (_nestedLoading = {\n      position: 'relative'\n    }, _defineProperty(_nestedLoading, \"> div > \" + token.componentCls, (_ref3 = {\n      position: 'absolute',\n      top: 0,\n      insetInlineStart: 0,\n      zIndex: 4,\n      display: 'block',\n      width: '100%',\n      height: '100%',\n      maxHeight: token.contentHeight\n    }, _defineProperty(_ref3, token.componentCls + \"-dot\", {\n      position: 'absolute',\n      top: '50%',\n      insetInlineStart: '50%',\n      margin: -token.spinDotSize / 2\n    }), _defineProperty(_ref3, token.componentCls + \"-text\", {\n      position: 'absolute',\n      top: '50%',\n      width: '100%',\n      paddingTop: (token.spinDotSize - token.fontSize) / 2 + 2,\n      textShadow: \"0 1px 2px \" + token.colorBgContainer // FIXME: shadow\n    }), _defineProperty(_ref3, \"&\" + token.componentCls + \"-show-text \" + token.componentCls + \"-dot\", {\n      marginTop: -(token.spinDotSize / 2) - 10\n    }), _defineProperty(_ref3, \"> div > \" + token.componentCls + \"-sm\", (_ref = {}, _defineProperty(_ref, token.componentCls + \"-dot\", {\n      margin: -token.spinDotSizeSM / 2\n    }), _defineProperty(_ref, token.componentCls + \"-text\", {\n      paddingTop: (token.spinDotSizeSM - token.fontSize) / 2 + 2\n    }), _defineProperty(_ref, \"&\" + token.componentCls + \"-show-text \" + token.componentCls + \"-dot\", {\n      marginTop: -(token.spinDotSizeSM / 2) - 10\n    }), _ref)), _defineProperty(_ref3, \"> div > \" + token.componentCls + \"-lg\", (_ref2 = {}, _defineProperty(_ref2, token.componentCls + \"-dot\", {\n      margin: -(token.spinDotSizeLG / 2)\n    }), _defineProperty(_ref2, token.componentCls + \"-text\", {\n      paddingTop: (token.spinDotSizeLG - token.fontSize) / 2 + 2\n    }), _defineProperty(_ref2, \"&\" + token.componentCls + \"-show-text \" + token.componentCls + \"-dot\", {\n      marginTop: -(token.spinDotSizeLG / 2) - 10\n    }), _ref2)), _ref3)), _defineProperty(_nestedLoading, token.componentCls + \"-container\", {\n      position: 'relative',\n      transition: \"opacity \" + token.motionDurationSlow,\n      '&::after': {\n        position: 'absolute',\n        top: 0,\n        insetInlineEnd: 0,\n        bottom: 0,\n        insetInlineStart: 0,\n        zIndex: 10,\n        width: '100%',\n        height: '100%',\n        background: token.colorBgContainer,\n        opacity: 0,\n        transition: \"all \" + token.motionDurationSlow,\n        content: '\"\"',\n        pointerEvents: 'none'\n      }\n    }), _defineProperty(_nestedLoading, token.componentCls + \"-blur\", _defineProperty({\n      clear: 'both',\n      opacity: 0.5,\n      userSelect: 'none',\n      pointerEvents: 'none'\n    }, \"&::after\", {\n      opacity: 0.4,\n      pointerEvents: 'auto'\n    })), _nestedLoading)\n  }, _defineProperty(_extends2, \"&-tip\", {\n    color: token.spinDotDefault\n  }), _defineProperty(_extends2, token.componentCls + \"-dot\", {\n    position: 'relative',\n    display: 'inline-block',\n    fontSize: token.spinDotSize,\n    width: '1em',\n    height: '1em',\n    '&-item': {\n      position: 'absolute',\n      display: 'block',\n      width: (token.spinDotSize - token.marginXXS / 2) / 2,\n      height: (token.spinDotSize - token.marginXXS / 2) / 2,\n      backgroundColor: token.colorPrimary,\n      borderRadius: '100%',\n      transform: 'scale(0.75)',\n      transformOrigin: '50% 50%',\n      opacity: 0.3,\n      animationName: antSpinMove,\n      animationDuration: '1s',\n      animationIterationCount: 'infinite',\n      animationTimingFunction: 'linear',\n      animationDirection: 'alternate',\n      '&:nth-child(1)': {\n        top: 0,\n        insetInlineStart: 0\n      },\n      '&:nth-child(2)': {\n        top: 0,\n        insetInlineEnd: 0,\n        animationDelay: '0.4s'\n      },\n      '&:nth-child(3)': {\n        insetInlineEnd: 0,\n        bottom: 0,\n        animationDelay: '0.8s'\n      },\n      '&:nth-child(4)': {\n        bottom: 0,\n        insetInlineStart: 0,\n        animationDelay: '1.2s'\n      }\n    },\n    '&-spin': {\n      transform: 'rotate(45deg)',\n      animationName: antRotate,\n      animationDuration: '1.2s',\n      animationIterationCount: 'infinite',\n      animationTimingFunction: 'linear'\n    }\n  }), _defineProperty(_extends2, \"&-sm \" + token.componentCls + \"-dot\", {\n    fontSize: token.spinDotSizeSM,\n    i: {\n      width: (token.spinDotSizeSM - token.marginXXS / 2) / 2,\n      height: (token.spinDotSizeSM - token.marginXXS / 2) / 2\n    }\n  }), _defineProperty(_extends2, \"&-lg \" + token.componentCls + \"-dot\", {\n    fontSize: token.spinDotSizeLG,\n    i: {\n      width: (token.spinDotSizeLG - token.marginXXS) / 2,\n      height: (token.spinDotSizeLG - token.marginXXS) / 2\n    }\n  }), _defineProperty(_extends2, \"&\" + token.componentCls + \"-show-text \" + token.componentCls + \"-text\", {\n    display: 'block'\n  }), _extends2)));\n};\n// ============================== Export ==============================\nexport default genComponentStyleHook('Spin', function (token) {\n  var spinToken = mergeToken(token, {\n    spinDotDefault: token.colorTextDescription,\n    spinDotSize: token.controlHeightLG / 2,\n    spinDotSizeSM: token.controlHeightLG * 0.35,\n    spinDotSizeLG: token.controlHeight\n  });\n  return [genSpinStyle(spinToken)];\n}, {\n  contentHeight: 400\n});","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport classNames from 'classnames';\nimport debounce from 'lodash/debounce';\nimport omit from \"rc-util/es/omit\";\nimport * as React from 'react';\nimport { ConfigConsumer, ConfigContext } from '../config-provider';\nimport { cloneElement, isValidElement } from '../_util/reactNode';\nimport { tuple } from '../_util/type';\nimport useStyle from './style/index';\nvar SpinSizes = tuple('small', 'default', 'large');\n// Render indicator\nvar defaultIndicator = null;\nfunction renderIndicator(prefixCls, props) {\n  var indicator = props.indicator;\n  var dotClassName = prefixCls + \"-dot\";\n  // should not be render default indicator when indicator value is null\n  if (indicator === null) {\n    return null;\n  }\n  if (isValidElement(indicator)) {\n    return cloneElement(indicator, {\n      className: classNames(indicator.props.className, dotClassName)\n    });\n  }\n  if (isValidElement(defaultIndicator)) {\n    return cloneElement(defaultIndicator, {\n      className: classNames(defaultIndicator.props.className, dotClassName)\n    });\n  }\n  return /*#__PURE__*/React.createElement(\"span\", {\n    className: classNames(dotClassName, prefixCls + \"-dot-spin\")\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: prefixCls + \"-dot-item\"\n  }), /*#__PURE__*/React.createElement(\"i\", {\n    className: prefixCls + \"-dot-item\"\n  }), /*#__PURE__*/React.createElement(\"i\", {\n    className: prefixCls + \"-dot-item\"\n  }), /*#__PURE__*/React.createElement(\"i\", {\n    className: prefixCls + \"-dot-item\"\n  }));\n}\nfunction shouldDelay(spinning, delay) {\n  return !!spinning && !!delay && !isNaN(Number(delay));\n}\nvar Spin = function Spin(props) {\n  var prefixCls = props.spinPrefixCls,\n    _props$spinning = props.spinning,\n    customSpinning = _props$spinning === void 0 ? true : _props$spinning,\n    delay = props.delay,\n    className = props.className,\n    _props$size = props.size,\n    size = _props$size === void 0 ? 'default' : _props$size,\n    tip = props.tip,\n    wrapperClassName = props.wrapperClassName,\n    style = props.style,\n    children = props.children,\n    hashId = props.hashId,\n    restProps = __rest(props, [\"spinPrefixCls\", \"spinning\", \"delay\", \"className\", \"size\", \"tip\", \"wrapperClassName\", \"style\", \"children\", \"hashId\"]);\n  var _React$useState = React.useState(function () {\n      return customSpinning && !shouldDelay(customSpinning, delay);\n    }),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    spinning = _React$useState2[0],\n    setSpinning = _React$useState2[1];\n  React.useEffect(function () {\n    var updateSpinning = debounce(function () {\n      setSpinning(customSpinning);\n    }, delay);\n    updateSpinning();\n    return function () {\n      var _a;\n      (_a = updateSpinning === null || updateSpinning === void 0 ? void 0 : updateSpinning.cancel) === null || _a === void 0 ? void 0 : _a.call(updateSpinning);\n    };\n  }, [delay, customSpinning]);\n  var isNestedPattern = function isNestedPattern() {\n    return typeof children !== 'undefined';\n  };\n  var renderSpin = function renderSpin(_ref) {\n    var _classNames;\n    var direction = _ref.direction;\n    var spinClassName = classNames(prefixCls, (_classNames = {}, _defineProperty(_classNames, prefixCls + \"-sm\", size === 'small'), _defineProperty(_classNames, prefixCls + \"-lg\", size === 'large'), _defineProperty(_classNames, prefixCls + \"-spinning\", spinning), _defineProperty(_classNames, prefixCls + \"-show-text\", !!tip), _defineProperty(_classNames, prefixCls + \"-rtl\", direction === 'rtl'), _classNames), className, hashId);\n    // fix https://fb.me/react-unknown-prop\n    var divProps = omit(restProps, ['indicator', 'prefixCls']);\n    var spinElement = /*#__PURE__*/React.createElement(\"div\", _extends({}, divProps, {\n      style: style,\n      className: spinClassName,\n      \"aria-live\": \"polite\",\n      \"aria-busy\": spinning\n    }), renderIndicator(prefixCls, props), tip ? /*#__PURE__*/React.createElement(\"div\", {\n      className: prefixCls + \"-text\"\n    }, tip) : null);\n    if (isNestedPattern()) {\n      var containerClassName = classNames(prefixCls + \"-container\", _defineProperty({}, prefixCls + \"-blur\", spinning));\n      return /*#__PURE__*/React.createElement(\"div\", _extends({}, divProps, {\n        className: classNames(prefixCls + \"-nested-loading\", wrapperClassName, hashId)\n      }), spinning && /*#__PURE__*/React.createElement(\"div\", {\n        key: \"loading\"\n      }, spinElement), /*#__PURE__*/React.createElement(\"div\", {\n        className: containerClassName,\n        key: \"container\"\n      }, children));\n    }\n    return spinElement;\n  };\n  return /*#__PURE__*/React.createElement(ConfigConsumer, null, renderSpin);\n};\nvar SpinFC = function SpinFC(props) {\n  var customizePrefixCls = props.prefixCls;\n  var _React$useContext = React.useContext(ConfigContext),\n    getPrefixCls = _React$useContext.getPrefixCls;\n  var spinPrefixCls = getPrefixCls('spin', customizePrefixCls);\n  var _useStyle = useStyle(spinPrefixCls),\n    _useStyle2 = _slicedToArray(_useStyle, 2),\n    wrapSSR = _useStyle2[0],\n    hashId = _useStyle2[1];\n  var spinClassProps = _extends(_extends({}, props), {\n    spinPrefixCls: spinPrefixCls,\n    hashId: hashId\n  });\n  return wrapSSR( /*#__PURE__*/React.createElement(Spin, _extends({}, spinClassProps)));\n};\nSpinFC.setDefaultIndicator = function (indicator) {\n  defaultIndicator = indicator;\n};\nif (process.env.NODE_ENV !== 'production') {\n  SpinFC.displayName = 'Spin';\n}\nexport default SpinFC;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\n// handle border collapse\nfunction compactItemBorder(token, borderedItemCls, popoverFocusedCls) {\n  var childCombinator = borderedItemCls ? '> *' : '';\n  return {\n    '&-item:not(&-last-item)': {\n      marginInlineEnd: -token.lineWidth\n    },\n    '&-item': _extends(_extends(_defineProperty({}, \"&:hover \" + childCombinator + \", &:focus \" + childCombinator + \", &:active \" + childCombinator, {\n      zIndex: 2\n    }), popoverFocusedCls ? _defineProperty({}, \"&\" + popoverFocusedCls, {\n      zIndex: 2\n    }) : {}), _defineProperty({}, \"&[disabled] \" + childCombinator, {\n      zIndex: 0\n    }))\n  };\n}\n// handle border-radius\nfunction compactItemBorderRadius(prefixCls, borderedElementCls) {\n  var _ref2;\n  var childCombinator = borderedElementCls ? \"> \" + borderedElementCls : '';\n  return _ref2 = {}, _defineProperty(_ref2, \"&-item:not(&-first-item):not(&-last-item) \" + childCombinator, {\n    borderRadius: 0\n  }), _defineProperty(_ref2, '&-item&-first-item', _defineProperty({}, \"& \" + childCombinator + \", &\" + prefixCls + \"-sm \" + childCombinator + \", &\" + prefixCls + \"-lg \" + childCombinator, {\n    borderStartEndRadius: 0,\n    borderEndEndRadius: 0\n  })), _defineProperty(_ref2, '&-item&-last-item', _defineProperty({}, \"& \" + childCombinator + \", &\" + prefixCls + \"-sm \" + childCombinator + \", &\" + prefixCls + \"-lg \" + childCombinator, {\n    borderStartStartRadius: 0,\n    borderEndStartRadius: 0\n  })), _ref2;\n}\nexport function genCompactItemStyle(token, prefixCls, /** Some component borders are implemented on child elements like `Select` */\nborderedElementCls,\n/**\n * Some components have special `focus` className especially with popovers like `Select` and\n * `DatePicker`\n */\npopoverFocusedCls) {\n  return {\n    '&-compact': _extends(_extends({}, compactItemBorder(token, borderedElementCls, popoverFocusedCls)), compactItemBorderRadius(prefixCls, borderedElementCls))\n  };\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nexport { operationUnit } from './operationUnit';\nexport { roundedArrow } from './roundedArrow';\nexport var textEllipsis = {\n  overflow: 'hidden',\n  whiteSpace: 'nowrap',\n  textOverflow: 'ellipsis'\n};\nexport var resetComponent = function resetComponent(token) {\n  return {\n    boxSizing: 'border-box',\n    margin: 0,\n    padding: 0,\n    color: token.colorText,\n    fontSize: token.fontSize,\n    // font-variant: @font-variant-base;\n    lineHeight: token.lineHeight,\n    listStyle: 'none',\n    // font-feature-settings: @font-feature-settings-base;\n    fontFamily: token.fontFamily\n  };\n};\nexport var resetIcon = function resetIcon() {\n  return {\n    display: 'inline-flex',\n    alignItems: 'center',\n    color: 'inherit',\n    fontStyle: 'normal',\n    lineHeight: 0,\n    textAlign: 'center',\n    textTransform: 'none',\n    // for SVG icon, see https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4\n    verticalAlign: '-0.125em',\n    textRendering: 'optimizeLegibility',\n    '-webkit-font-smoothing': 'antialiased',\n    '-moz-osx-font-smoothing': 'grayscale',\n    '> *': {\n      lineHeight: 1\n    },\n    svg: {\n      display: 'inline-block'\n    },\n    '& &-icon': {\n      display: 'block'\n    }\n  };\n};\nexport var clearFix = function clearFix() {\n  return {\n    // https://github.com/ant-design/ant-design/issues/21301#issuecomment-583955229\n    '&::before': {\n      display: 'table',\n      content: '\"\"'\n    },\n    '&::after': {\n      // https://github.com/ant-design/ant-design/issues/21864\n      display: 'table',\n      clear: 'both',\n      content: '\"\"'\n    }\n  };\n};\nexport var genLinkStyle = function genLinkStyle(token) {\n  var _a;\n  return {\n    a: (_a = {\n      color: token.colorLink,\n      textDecoration: token.linkDecoration,\n      backgroundColor: 'transparent',\n      outline: 'none',\n      cursor: 'pointer',\n      transition: \"color \" + token.motionDurationSlow,\n      '-webkit-text-decoration-skip': 'objects',\n      '&:hover': {\n        color: token.colorLinkHover\n      },\n      '&:active': {\n        color: token.colorLinkActive\n      }\n    }, _defineProperty(_a, \"&:active,\\n  &:hover\", {\n      textDecoration: token.linkHoverDecoration,\n      outline: 0\n    }), _defineProperty(_a, '&:focus', {\n      textDecoration: token.linkFocusDecoration,\n      outline: 0\n    }), _defineProperty(_a, '&[disabled]', {\n      color: token.colorTextDisabled,\n      cursor: 'not-allowed'\n    }), _a)\n  };\n};\nexport var genCommonStyle = function genCommonStyle(token, componentPrefixCls) {\n  var fontFamily = token.fontFamily,\n    fontSize = token.fontSize;\n  var rootPrefixSelector = \"[class^=\\\"\" + componentPrefixCls + \"\\\"], [class*=\\\" \" + componentPrefixCls + \"\\\"]\";\n  return _defineProperty({}, rootPrefixSelector, _defineProperty({\n    fontFamily: fontFamily,\n    fontSize: fontSize,\n    boxSizing: 'border-box',\n    '&::before, &::after': {\n      boxSizing: 'border-box'\n    }\n  }, rootPrefixSelector, {\n    boxSizing: 'border-box',\n    '&::before, &::after': {\n      boxSizing: 'border-box'\n    }\n  }));\n};\nexport var genFocusOutline = function genFocusOutline(token) {\n  return {\n    outline: token.lineWidth * 4 + \"px solid \" + token.colorPrimaryBorder,\n    outlineOffset: 1,\n    transition: 'outline-offset 0s, outline 0s'\n  };\n};\nexport var genFocusStyle = function genFocusStyle(token) {\n  return {\n    '&:focus-visible': _extends({}, genFocusOutline(token))\n  };\n};","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nvar genCollapseMotion = function genCollapseMotion(token) {\n  var _token$componentCls;\n  return _defineProperty({}, token.componentCls, (_token$componentCls = {}, _defineProperty(_token$componentCls, token.antCls + \"-motion-collapse-legacy\", {\n    overflow: 'hidden',\n    '&-active': {\n      transition: \"height \" + token.motionDurationMid + \" \" + token.motionEaseInOut + \",\\n        opacity \" + token.motionDurationMid + \" \" + token.motionEaseInOut + \" !important\"\n    }\n  }), _defineProperty(_token$componentCls, token.antCls + \"-motion-collapse\", {\n    overflow: 'hidden',\n    transition: \"height \" + token.motionDurationMid + \" \" + token.motionEaseInOut + \",\\n        opacity \" + token.motionDurationMid + \" \" + token.motionEaseInOut + \" !important\"\n  }), _token$componentCls));\n};\nexport default genCollapseMotion;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport { Keyframes } from '@ant-design/cssinjs';\nimport { initMotion } from './motion';\nexport var fadeIn = new Keyframes('antFadeIn', {\n  '0%': {\n    opacity: 0\n  },\n  '100%': {\n    opacity: 1\n  }\n});\nexport var fadeOut = new Keyframes('antFadeOut', {\n  '0%': {\n    opacity: 1\n  },\n  '100%': {\n    opacity: 0\n  }\n});\nexport var initFadeMotion = function initFadeMotion(token) {\n  var _ref;\n  var sameLevel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n  var antCls = token.antCls;\n  var motionCls = antCls + \"-fade\";\n  var sameLevelPrefix = sameLevel ? '&' : '';\n  return [initMotion(motionCls, fadeIn, fadeOut, token.motionDurationMid, sameLevel), (_ref = {}, _defineProperty(_ref, \"\\n        \" + sameLevelPrefix + motionCls + \"-enter,\\n        \" + sameLevelPrefix + motionCls + \"-appear\\n      \", {\n    opacity: 0,\n    animationTimingFunction: 'linear'\n  }), _defineProperty(_ref, \"\" + sameLevelPrefix + motionCls + \"-leave\", {\n    animationTimingFunction: 'linear'\n  }), _ref)];\n};","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nvar initMotionCommon = function initMotionCommon(duration) {\n  return {\n    animationDuration: duration,\n    animationFillMode: 'both'\n  };\n};\n// FIXME: origin less code seems same as initMotionCommon. Maybe we can safe remove\nvar initMotionCommonLeave = function initMotionCommonLeave(duration) {\n  return {\n    animationDuration: duration,\n    animationFillMode: 'both'\n  };\n};\nexport var initMotion = function initMotion(motionCls, inKeyframes, outKeyframes, duration) {\n  var _ref;\n  var sameLevel = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;\n  var sameLevelPrefix = sameLevel ? '&' : '';\n  return _ref = {}, _defineProperty(_ref, \"\\n      \" + sameLevelPrefix + motionCls + \"-enter,\\n      \" + sameLevelPrefix + motionCls + \"-appear\\n    \", _extends(_extends({}, initMotionCommon(duration)), {\n    animationPlayState: 'paused'\n  })), _defineProperty(_ref, \"\" + sameLevelPrefix + motionCls + \"-leave\", _extends(_extends({}, initMotionCommonLeave(duration)), {\n    animationPlayState: 'paused'\n  })), _defineProperty(_ref, \"\\n      \" + sameLevelPrefix + motionCls + \"-enter\" + motionCls + \"-enter-active,\\n      \" + sameLevelPrefix + motionCls + \"-appear\" + motionCls + \"-appear-active\\n    \", {\n    animationName: inKeyframes,\n    animationPlayState: 'running'\n  }), _defineProperty(_ref, \"\" + sameLevelPrefix + motionCls + \"-leave\" + motionCls + \"-leave-active\", {\n    animationName: outKeyframes,\n    animationPlayState: 'running',\n    pointerEvents: 'none'\n  }), _ref;\n};","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport { Keyframes } from '@ant-design/cssinjs';\nimport { initMotion } from './motion';\nexport var zoomIn = new Keyframes('antZoomIn', {\n  '0%': {\n    transform: 'scale(0.2)',\n    opacity: 0\n  },\n  '100%': {\n    transform: 'scale(1)',\n    opacity: 1\n  }\n});\nexport var zoomOut = new Keyframes('antZoomOut', {\n  '0%': {\n    transform: 'scale(1)'\n  },\n  '100%': {\n    transform: 'scale(0.2)',\n    opacity: 0\n  }\n});\nexport var zoomBigIn = new Keyframes('antZoomBigIn', {\n  '0%': {\n    transform: 'scale(0.8)',\n    opacity: 0\n  },\n  '100%': {\n    transform: 'scale(1)',\n    opacity: 1\n  }\n});\nexport var zoomBigOut = new Keyframes('antZoomBigOut', {\n  '0%': {\n    transform: 'scale(1)'\n  },\n  '100%': {\n    transform: 'scale(0.8)',\n    opacity: 0\n  }\n});\nexport var zoomUpIn = new Keyframes('antZoomUpIn', {\n  '0%': {\n    transform: 'scale(0.8)',\n    transformOrigin: '50% 0%',\n    opacity: 0\n  },\n  '100%': {\n    transform: 'scale(1)',\n    transformOrigin: '50% 0%'\n  }\n});\nexport var zoomUpOut = new Keyframes('antZoomUpOut', {\n  '0%': {\n    transform: 'scale(1)',\n    transformOrigin: '50% 0%'\n  },\n  '100%': {\n    transform: 'scale(0.8)',\n    transformOrigin: '50% 0%',\n    opacity: 0\n  }\n});\nexport var zoomLeftIn = new Keyframes('antZoomLeftIn', {\n  '0%': {\n    transform: 'scale(0.8)',\n    transformOrigin: '0% 50%',\n    opacity: 0\n  },\n  '100%': {\n    transform: 'scale(1)',\n    transformOrigin: '0% 50%'\n  }\n});\nexport var zoomLeftOut = new Keyframes('antZoomLeftOut', {\n  '0%': {\n    transform: 'scale(1)',\n    transformOrigin: '0% 50%'\n  },\n  '100%': {\n    transform: 'scale(0.8)',\n    transformOrigin: '0% 50%',\n    opacity: 0\n  }\n});\nexport var zoomRightIn = new Keyframes('antZoomRightIn', {\n  '0%': {\n    transform: 'scale(0.8)',\n    transformOrigin: '100% 50%',\n    opacity: 0\n  },\n  '100%': {\n    transform: 'scale(1)',\n    transformOrigin: '100% 50%'\n  }\n});\nexport var zoomRightOut = new Keyframes('antZoomRightOut', {\n  '0%': {\n    transform: 'scale(1)',\n    transformOrigin: '100% 50%'\n  },\n  '100%': {\n    transform: 'scale(0.8)',\n    transformOrigin: '100% 50%',\n    opacity: 0\n  }\n});\nexport var zoomDownIn = new Keyframes('antZoomDownIn', {\n  '0%': {\n    transform: 'scale(0.8)',\n    transformOrigin: '50% 100%',\n    opacity: 0\n  },\n  '100%': {\n    transform: 'scale(1)',\n    transformOrigin: '50% 100%'\n  }\n});\nexport var zoomDownOut = new Keyframes('antZoomDownOut', {\n  '0%': {\n    transform: 'scale(1)',\n    transformOrigin: '50% 100%'\n  },\n  '100%': {\n    transform: 'scale(0.8)',\n    transformOrigin: '50% 100%',\n    opacity: 0\n  }\n});\nvar zoomMotion = {\n  zoom: {\n    inKeyframes: zoomIn,\n    outKeyframes: zoomOut\n  },\n  'zoom-big': {\n    inKeyframes: zoomBigIn,\n    outKeyframes: zoomBigOut\n  },\n  'zoom-big-fast': {\n    inKeyframes: zoomBigIn,\n    outKeyframes: zoomBigOut\n  },\n  'zoom-left': {\n    inKeyframes: zoomLeftIn,\n    outKeyframes: zoomLeftOut\n  },\n  'zoom-right': {\n    inKeyframes: zoomRightIn,\n    outKeyframes: zoomRightOut\n  },\n  'zoom-up': {\n    inKeyframes: zoomUpIn,\n    outKeyframes: zoomUpOut\n  },\n  'zoom-down': {\n    inKeyframes: zoomDownIn,\n    outKeyframes: zoomDownOut\n  }\n};\nexport var initZoomMotion = function initZoomMotion(token, motionName) {\n  var _ref;\n  var antCls = token.antCls;\n  var motionCls = antCls + \"-\" + motionName;\n  var _zoomMotion$motionNam = zoomMotion[motionName],\n    inKeyframes = _zoomMotion$motionNam.inKeyframes,\n    outKeyframes = _zoomMotion$motionNam.outKeyframes;\n  return [initMotion(motionCls, inKeyframes, outKeyframes, motionName === 'zoom-big-fast' ? token.motionDurationMid : token.motionDurationMid), (_ref = {}, _defineProperty(_ref, \"\\n        \" + motionCls + \"-enter,\\n        \" + motionCls + \"-appear\\n      \", {\n    transform: 'scale(0)',\n    opacity: 0,\n    animationTimingFunction: token.motionEaseOutCirc,\n    '&-prepare': {\n      transform: 'none'\n    }\n  }), _defineProperty(_ref, motionCls + \"-leave\", {\n    animationTimingFunction: token.motionEaseInOutCirc\n  }), _ref)];\n};","// eslint-disable-next-line import/prefer-default-export\nexport var operationUnit = function operationUnit(token) {\n  return {\n    // FIXME: This use link but is a operation unit. Seems should be a colorPrimary.\n    // And Typography use this to generate link style which should not do this.\n    color: token.colorLink,\n    textDecoration: 'none',\n    outline: 'none',\n    cursor: 'pointer',\n    transition: \"color \" + token.motionDurationSlow,\n    '&:focus, &:hover': {\n      color: token.colorLinkHover\n    },\n    '&:active': {\n      color: token.colorLinkActive\n    }\n  };\n};","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport { roundedArrow } from './roundedArrow';\nfunction connectArrowCls(classList) {\n  var showArrowCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';\n  return classList.map(function (cls) {\n    return \"\" + showArrowCls + cls;\n  }).join(',');\n}\nexport var MAX_VERTICAL_CONTENT_RADIUS = 8;\nexport function getArrowOffset(options) {\n  var maxVerticalContentRadius = MAX_VERTICAL_CONTENT_RADIUS;\n  var sizePopupArrow = options.sizePopupArrow,\n    contentRadius = options.contentRadius,\n    borderRadiusOuter = options.borderRadiusOuter,\n    limitVerticalRadius = options.limitVerticalRadius;\n  var arrowInnerOffset = sizePopupArrow / 2 - Math.ceil(borderRadiusOuter * (Math.sqrt(2) - 1));\n  var dropdownArrowOffset = (contentRadius > 12 ? contentRadius + 2 : 12) - arrowInnerOffset;\n  var dropdownArrowOffsetVertical = limitVerticalRadius ? maxVerticalContentRadius - arrowInnerOffset : dropdownArrowOffset;\n  return {\n    dropdownArrowOffset: dropdownArrowOffset,\n    dropdownArrowOffsetVertical: dropdownArrowOffsetVertical\n  };\n}\nexport default function getArrowStyle(token, options) {\n  var _componentCls;\n  var componentCls = token.componentCls,\n    sizePopupArrow = token.sizePopupArrow,\n    marginXXS = token.marginXXS,\n    borderRadiusXS = token.borderRadiusXS,\n    borderRadiusOuter = token.borderRadiusOuter,\n    boxShadowPopoverArrow = token.boxShadowPopoverArrow;\n  var colorBg = options.colorBg,\n    showArrowCls = options.showArrowCls,\n    _options$contentRadiu = options.contentRadius,\n    contentRadius = _options$contentRadiu === void 0 ? token.borderRadiusLG : _options$contentRadiu,\n    limitVerticalRadius = options.limitVerticalRadius;\n  var _getArrowOffset = getArrowOffset({\n      sizePopupArrow: sizePopupArrow,\n      contentRadius: contentRadius,\n      borderRadiusOuter: borderRadiusOuter,\n      limitVerticalRadius: limitVerticalRadius\n    }),\n    dropdownArrowOffsetVertical = _getArrowOffset.dropdownArrowOffsetVertical,\n    dropdownArrowOffset = _getArrowOffset.dropdownArrowOffset;\n  var dropdownArrowDistance = sizePopupArrow / 2 + marginXXS;\n  return _defineProperty({}, componentCls, (_componentCls = {}, _defineProperty(_componentCls, componentCls + \"-arrow\", [_extends(_extends({\n    position: 'absolute',\n    zIndex: 1,\n    display: 'block'\n  }, roundedArrow(sizePopupArrow, borderRadiusXS, borderRadiusOuter, colorBg, boxShadowPopoverArrow)), {\n    '&:before': {\n      background: colorBg\n    }\n  })]), _defineProperty(_componentCls, [\"&-placement-top \" + componentCls + \"-arrow\", \"&-placement-topLeft \" + componentCls + \"-arrow\", \"&-placement-topRight \" + componentCls + \"-arrow\"].join(','), {\n    bottom: 0,\n    transform: 'translateY(100%) rotate(180deg)'\n  }), _defineProperty(_componentCls, \"&-placement-top \" + componentCls + \"-arrow\", {\n    left: {\n      _skip_check_: true,\n      value: '50%'\n    },\n    transform: 'translateX(-50%) translateY(100%) rotate(180deg)'\n  }), _defineProperty(_componentCls, \"&-placement-topLeft \" + componentCls + \"-arrow\", {\n    left: {\n      _skip_check_: true,\n      value: dropdownArrowOffset\n    }\n  }), _defineProperty(_componentCls, \"&-placement-topRight \" + componentCls + \"-arrow\", {\n    right: {\n      _skip_check_: true,\n      value: dropdownArrowOffset\n    }\n  }), _defineProperty(_componentCls, [\"&-placement-bottom \" + componentCls + \"-arrow\", \"&-placement-bottomLeft \" + componentCls + \"-arrow\", \"&-placement-bottomRight \" + componentCls + \"-arrow\"].join(','), {\n    top: 0,\n    transform: \"translateY(-100%)\"\n  }), _defineProperty(_componentCls, \"&-placement-bottom \" + componentCls + \"-arrow\", {\n    left: {\n      _skip_check_: true,\n      value: '50%'\n    },\n    transform: \"translateX(-50%) translateY(-100%)\"\n  }), _defineProperty(_componentCls, \"&-placement-bottomLeft \" + componentCls + \"-arrow\", {\n    left: {\n      _skip_check_: true,\n      value: dropdownArrowOffset\n    }\n  }), _defineProperty(_componentCls, \"&-placement-bottomRight \" + componentCls + \"-arrow\", {\n    right: {\n      _skip_check_: true,\n      value: dropdownArrowOffset\n    }\n  }), _defineProperty(_componentCls, [\"&-placement-left \" + componentCls + \"-arrow\", \"&-placement-leftTop \" + componentCls + \"-arrow\", \"&-placement-leftBottom \" + componentCls + \"-arrow\"].join(','), {\n    right: {\n      _skip_check_: true,\n      value: 0\n    },\n    transform: 'translateX(100%) rotate(90deg)'\n  }), _defineProperty(_componentCls, \"&-placement-left \" + componentCls + \"-arrow\", {\n    top: {\n      _skip_check_: true,\n      value: '50%'\n    },\n    transform: 'translateY(-50%) translateX(100%) rotate(90deg)'\n  }), _defineProperty(_componentCls, \"&-placement-leftTop \" + componentCls + \"-arrow\", {\n    top: dropdownArrowOffsetVertical\n  }), _defineProperty(_componentCls, \"&-placement-leftBottom \" + componentCls + \"-arrow\", {\n    bottom: dropdownArrowOffsetVertical\n  }), _defineProperty(_componentCls, [\"&-placement-right \" + componentCls + \"-arrow\", \"&-placement-rightTop \" + componentCls + \"-arrow\", \"&-placement-rightBottom \" + componentCls + \"-arrow\"].join(','), {\n    left: {\n      _skip_check_: true,\n      value: 0\n    },\n    transform: 'translateX(-100%) rotate(-90deg)'\n  }), _defineProperty(_componentCls, \"&-placement-right \" + componentCls + \"-arrow\", {\n    top: {\n      _skip_check_: true,\n      value: '50%'\n    },\n    transform: 'translateY(-50%) translateX(-100%) rotate(-90deg)'\n  }), _defineProperty(_componentCls, \"&-placement-rightTop \" + componentCls + \"-arrow\", {\n    top: dropdownArrowOffsetVertical\n  }), _defineProperty(_componentCls, \"&-placement-rightBottom \" + componentCls + \"-arrow\", {\n    bottom: dropdownArrowOffsetVertical\n  }), _defineProperty(_componentCls, connectArrowCls([\"&-placement-topLeft\", \"&-placement-top\", \"&-placement-topRight\"], showArrowCls), {\n    paddingBottom: dropdownArrowDistance\n  }), _defineProperty(_componentCls, connectArrowCls([\"&-placement-bottomLeft\", \"&-placement-bottom\", \"&-placement-bottomRight\"], showArrowCls), {\n    paddingTop: dropdownArrowDistance\n  }), _defineProperty(_componentCls, connectArrowCls([\"&-placement-leftTop\", \"&-placement-left\", \"&-placement-leftBottom\"], showArrowCls), {\n    paddingRight: {\n      _skip_check_: true,\n      value: dropdownArrowDistance\n    }\n  }), _defineProperty(_componentCls, connectArrowCls([\"&-placement-rightTop\", \"&-placement-right\", \"&-placement-rightBottom\"], showArrowCls), {\n    paddingLeft: {\n      _skip_check_: true,\n      value: dropdownArrowDistance\n    }\n  }), _componentCls));\n}","export var roundedArrow = function roundedArrow(width, innerRadius, outerRadius, bgColor, boxShadow) {\n  var unitWidth = width / 2;\n  var ax = unitWidth - outerRadius * (Math.sqrt(2) - 1);\n  var ay = unitWidth;\n  var bx = unitWidth + outerRadius * (1 - 1 / Math.sqrt(2));\n  var by = unitWidth - outerRadius * (1 - 1 / Math.sqrt(2));\n  var cx = 2 * unitWidth - innerRadius * (1 / Math.sqrt(2));\n  var cy = innerRadius * (1 / Math.sqrt(2));\n  var dx = 4 * unitWidth - cx;\n  var dy = cy;\n  var ex = 4 * unitWidth - bx;\n  var ey = by;\n  var fx = 4 * unitWidth - ax;\n  var fy = ay;\n  return {\n    borderRadius: {\n      _skip_check_: true,\n      value: \"0 0 \" + innerRadius + \"px\"\n    },\n    pointerEvents: 'none',\n    width: width * 2,\n    height: width * 2,\n    overflow: 'hidden',\n    '&::after': {\n      content: '\"\"',\n      position: 'absolute',\n      width: width / Math.sqrt(2),\n      height: width / Math.sqrt(2),\n      bottom: 0,\n      insetInline: 0,\n      margin: 'auto',\n      borderRadius: {\n        _skip_check_: true,\n        value: \"0 0 \" + innerRadius + \"px 0\"\n      },\n      transform: 'translateY(50%) rotate(-135deg)',\n      boxShadow: boxShadow,\n      zIndex: 0,\n      background: 'transparent'\n    },\n    '&::before': {\n      position: 'absolute',\n      bottom: 0,\n      insetInlineStart: 0,\n      width: width * 2,\n      height: width / 2,\n      background: bgColor,\n      clipPath: \"path('M \" + ax + \" \" + ay + \" A \" + outerRadius + \" \" + outerRadius + \" 0 0 0 \" + bx + \" \" + by + \" L \" + cx + \" \" + cy + \" A \" + innerRadius + \" \" + innerRadius + \" 0 0 1 \" + dx + \" \" + dy + \" L \" + ex + \" \" + ey + \" A \" + outerRadius + \" \" + outerRadius + \" 0 0 0 \" + fx + \" \" + fy + \" Z')\",\n      content: '\"\"'\n    }\n  };\n};","export default '5.0.1';","/* eslint import/no-unresolved: 0 */\n// @ts-ignore\nimport version from './version';\nexport default version;","var genControlHeight = function genControlHeight(token) {\n  var controlHeight = token.controlHeight;\n  return {\n    controlHeightSM: controlHeight * 0.75,\n    controlHeightXS: controlHeight * 0.5,\n    controlHeightLG: controlHeight * 1.25\n  };\n};\nexport default genControlHeight;","export default function genSizeMapToken(token) {\n  var sizeUnit = token.sizeUnit,\n    sizeStep = token.sizeStep;\n  return {\n    sizeXXL: sizeUnit * (sizeStep + 8),\n    sizeXL: sizeUnit * (sizeStep + 4),\n    sizeLG: sizeUnit * (sizeStep + 2),\n    sizeMD: sizeUnit * (sizeStep + 1),\n    sizeMS: sizeUnit * sizeStep,\n    size: sizeUnit * sizeStep,\n    sizeSM: sizeUnit * (sizeStep - 1),\n    sizeXS: sizeUnit * (sizeStep - 2),\n    sizeXXS: sizeUnit * (sizeStep - 3) // 4\n  };\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport { TinyColor } from '@ctrl/tinycolor';\nexport default function genColorMapToken(seed, _ref) {\n  var generateColorPalettes = _ref.generateColorPalettes,\n    generateNeutralColorPalettes = _ref.generateNeutralColorPalettes;\n  var colorSuccessBase = seed.colorSuccess,\n    colorWarningBase = seed.colorWarning,\n    colorErrorBase = seed.colorError,\n    colorInfoBase = seed.colorInfo,\n    colorPrimaryBase = seed.colorPrimary,\n    colorBgBase = seed.colorBgBase,\n    colorTextBase = seed.colorTextBase;\n  var primaryColors = generateColorPalettes(colorPrimaryBase);\n  var successColors = generateColorPalettes(colorSuccessBase);\n  var warningColors = generateColorPalettes(colorWarningBase);\n  var errorColors = generateColorPalettes(colorErrorBase);\n  var infoColors = generateColorPalettes(colorInfoBase);\n  var neutralColors = generateNeutralColorPalettes(colorBgBase, colorTextBase);\n  return _extends(_extends({}, neutralColors), {\n    colorPrimaryBg: primaryColors[1],\n    colorPrimaryBgHover: primaryColors[2],\n    colorPrimaryBorder: primaryColors[3],\n    colorPrimaryBorderHover: primaryColors[4],\n    colorPrimaryHover: primaryColors[5],\n    colorPrimary: primaryColors[6],\n    colorPrimaryActive: primaryColors[7],\n    colorPrimaryTextHover: primaryColors[8],\n    colorPrimaryText: primaryColors[9],\n    colorPrimaryTextActive: primaryColors[10],\n    colorSuccessBg: successColors[1],\n    colorSuccessBgHover: successColors[2],\n    colorSuccessBorder: successColors[3],\n    colorSuccessBorderHover: successColors[4],\n    colorSuccessHover: successColors[4],\n    colorSuccess: successColors[6],\n    colorSuccessActive: successColors[7],\n    colorSuccessTextHover: successColors[8],\n    colorSuccessText: successColors[9],\n    colorSuccessTextActive: successColors[10],\n    colorErrorBg: errorColors[1],\n    colorErrorBgHover: errorColors[2],\n    colorErrorBorder: errorColors[3],\n    colorErrorBorderHover: errorColors[4],\n    colorErrorHover: errorColors[4],\n    colorError: errorColors[5],\n    colorErrorActive: errorColors[7],\n    colorErrorTextHover: errorColors[8],\n    colorErrorText: errorColors[9],\n    colorErrorTextActive: errorColors[10],\n    colorWarningBg: warningColors[1],\n    colorWarningBgHover: warningColors[2],\n    colorWarningBorder: warningColors[3],\n    colorWarningBorderHover: warningColors[4],\n    colorWarningHover: warningColors[4],\n    colorWarning: warningColors[6],\n    colorWarningActive: warningColors[7],\n    colorWarningTextHover: warningColors[8],\n    colorWarningText: warningColors[9],\n    colorWarningTextActive: warningColors[10],\n    colorInfoBg: infoColors[1],\n    colorInfoBgHover: infoColors[2],\n    colorInfoBorder: infoColors[3],\n    colorInfoBorderHover: infoColors[4],\n    colorInfoHover: infoColors[4],\n    colorInfo: infoColors[6],\n    colorInfoActive: infoColors[7],\n    colorInfoTextHover: infoColors[8],\n    colorInfoText: infoColors[9],\n    colorInfoTextActive: infoColors[10],\n    colorBgMask: new TinyColor('#000').setAlpha(0.45).toRgbString(),\n    colorWhite: '#fff'\n  });\n}","// https://zhuanlan.zhihu.com/p/32746810\nexport default function getFontSizes(base) {\n  var fontSizes = new Array(10).fill(null).map(function (_, index) {\n    var i = index - 1;\n    var baseSize = base * Math.pow(2.71828, i / 5);\n    var intSize = index > 1 ? Math.floor(baseSize) : Math.ceil(baseSize);\n    // Convert to even\n    return Math.floor(intSize / 2) * 2;\n  });\n  fontSizes[1] = base;\n  return fontSizes.map(function (size) {\n    var height = size + 8;\n    return {\n      size: size,\n      lineHeight: height / size\n    };\n  });\n}","var genRadius = function genRadius(radiusBase) {\n  var radiusLG = radiusBase;\n  var radiusSM = radiusBase;\n  var radiusXS = radiusBase;\n  var radiusOuter = radiusBase;\n  // radiusLG\n  if (radiusBase < 6 && radiusBase >= 5) {\n    radiusLG = radiusBase + 1;\n  } else if (radiusBase < 16 && radiusBase >= 6) {\n    radiusLG = radiusBase + 2;\n  } else if (radiusBase >= 16) {\n    radiusLG = 16;\n  }\n  // radiusSM\n  if (radiusBase < 7 && radiusBase >= 5) {\n    radiusSM = 4;\n  } else if (radiusBase < 8 && radiusBase >= 7) {\n    radiusSM = 5;\n  } else if (radiusBase < 14 && radiusBase >= 8) {\n    radiusSM = 6;\n  } else if (radiusBase < 16 && radiusBase >= 14) {\n    radiusSM = 7;\n  } else if (radiusBase >= 16) {\n    radiusSM = 8;\n  }\n  // radiusXS\n  if (radiusBase < 6 && radiusBase >= 2) {\n    radiusXS = 1;\n  } else if (radiusBase >= 6) {\n    radiusXS = 2;\n  }\n  // radiusOuter\n  if (radiusBase > 4 && radiusBase < 8) {\n    radiusOuter = 4;\n  } else if (radiusBase >= 8) {\n    radiusOuter = 6;\n  }\n  return {\n    borderRadius: radiusBase > 16 ? 16 : radiusBase,\n    borderRadiusXS: radiusXS,\n    borderRadiusSM: radiusSM,\n    borderRadiusLG: radiusLG,\n    borderRadiusOuter: radiusOuter\n  };\n};\nexport default genRadius;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport genFontSizes from './genFontSizes';\nimport genRadius from './genRadius';\nexport default function genCommonMapToken(token) {\n  var motionUnit = token.motionUnit,\n    motionBase = token.motionBase,\n    fontSize = token.fontSize,\n    borderRadius = token.borderRadius,\n    lineWidth = token.lineWidth;\n  var fontSizes = genFontSizes(fontSize);\n  return _extends({\n    // motion\n    motionDurationFast: (motionBase + motionUnit).toFixed(1) + \"s\",\n    motionDurationMid: (motionBase + motionUnit * 2).toFixed(1) + \"s\",\n    motionDurationSlow: (motionBase + motionUnit * 3).toFixed(1) + \"s\",\n    // font\n    fontSizes: fontSizes.map(function (fs) {\n      return fs.size;\n    }),\n    lineHeights: fontSizes.map(function (fs) {\n      return fs.lineHeight;\n    }),\n    // line\n    lineWidthBold: lineWidth + 1\n  }, genRadius(borderRadius));\n}","import { TinyColor } from '@ctrl/tinycolor';\nexport var getAlphaColor = function getAlphaColor(baseColor, alpha) {\n  return new TinyColor(baseColor).setAlpha(alpha).toRgbString();\n};\nexport var getSolidColor = function getSolidColor(baseColor, brightness) {\n  var instance = new TinyColor(baseColor);\n  return instance.darken(brightness).toHexString();\n};","import { generate } from '@ant-design/colors';\nimport { getAlphaColor, getSolidColor } from './colorAlgorithm';\nexport var generateColorPalettes = function generateColorPalettes(baseColor) {\n  var colors = generate(baseColor);\n  return {\n    1: colors[0],\n    2: colors[1],\n    3: colors[2],\n    4: colors[3],\n    5: colors[4],\n    6: colors[5],\n    7: colors[6],\n    8: colors[4],\n    9: colors[5],\n    10: colors[6]\n    // 8: colors[7],\n    // 9: colors[8],\n    // 10: colors[9],\n  };\n};\n\nexport var generateNeutralColorPalettes = function generateNeutralColorPalettes(bgBaseColor, textBaseColor) {\n  var colorBgBase = bgBaseColor || '#fff';\n  var colorTextBase = textBaseColor || '#000';\n  return {\n    colorBgBase: colorBgBase,\n    colorTextBase: colorTextBase,\n    colorText: getAlphaColor(colorTextBase, 0.88),\n    colorTextSecondary: getAlphaColor(colorTextBase, 0.65),\n    colorTextTertiary: getAlphaColor(colorTextBase, 0.45),\n    colorTextQuaternary: getAlphaColor(colorTextBase, 0.25),\n    colorFill: getAlphaColor(colorTextBase, 0.15),\n    colorFillSecondary: getAlphaColor(colorTextBase, 0.06),\n    colorFillTertiary: getAlphaColor(colorTextBase, 0.04),\n    colorFillQuaternary: getAlphaColor(colorTextBase, 0.02),\n    colorBgLayout: getSolidColor(colorBgBase, 4),\n    colorBgContainer: getSolidColor(colorBgBase, 0),\n    colorBgElevated: getSolidColor(colorBgBase, 0),\n    colorBgSpotlight: getAlphaColor(colorTextBase, 0.85),\n    colorBorder: getSolidColor(colorBgBase, 15),\n    colorBorderSecondary: getSolidColor(colorBgBase, 6)\n  };\n};","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport { generate } from '@ant-design/colors';\nimport genControlHeight from '../shared/genControlHeight';\nimport genSizeMapToken from '../shared/genSizeMapToken';\nimport { defaultPresetColors } from '../seed';\nimport genColorMapToken from '../shared/genColorMapToken';\nimport genCommonMapToken from '../shared/genCommonMapToken';\nimport { generateColorPalettes, generateNeutralColorPalettes } from './colors';\nexport default function derivative(token) {\n  var colorPalettes = Object.keys(defaultPresetColors).map(function (colorKey) {\n    var colors = generate(token[colorKey]);\n    return new Array(10).fill(1).reduce(function (prev, _, i) {\n      prev[colorKey + \"-\" + (i + 1)] = colors[i];\n      return prev;\n    }, {});\n  }).reduce(function (prev, cur) {\n    prev = _extends(_extends({}, prev), cur);\n    return prev;\n  }, {});\n  return _extends(_extends(_extends(_extends(_extends(_extends({}, token), colorPalettes), genColorMapToken(token, {\n    generateColorPalettes: generateColorPalettes,\n    generateNeutralColorPalettes: generateNeutralColorPalettes\n  })), genSizeMapToken(token)), genControlHeight(token)), genCommonMapToken(token));\n}","import { TinyColor } from '@ctrl/tinycolor';\nfunction isStableColor(color) {\n  return color >= 0 && color <= 255;\n}\nfunction getAlphaColor(frontColor, backgroundColor) {\n  var _TinyColor$toRgb = new TinyColor(frontColor).toRgb(),\n    fR = _TinyColor$toRgb.r,\n    fG = _TinyColor$toRgb.g,\n    fB = _TinyColor$toRgb.b,\n    originAlpha = _TinyColor$toRgb.a;\n  if (originAlpha < 1) {\n    return frontColor;\n  }\n  var _TinyColor$toRgb2 = new TinyColor(backgroundColor).toRgb(),\n    bR = _TinyColor$toRgb2.r,\n    bG = _TinyColor$toRgb2.g,\n    bB = _TinyColor$toRgb2.b;\n  for (var fA = 0.01; fA <= 1; fA += 0.01) {\n    var r = Math.round((fR - bR * (1 - fA)) / fA);\n    var g = Math.round((fG - bG * (1 - fA)) / fA);\n    var b = Math.round((fB - bB * (1 - fA)) / fA);\n    if (isStableColor(r) && isStableColor(g) && isStableColor(b)) return new TinyColor({\n      r: r,\n      g: g,\n      b: b,\n      a: Math.round(fA * 100) / 100\n    }).toRgbString();\n  }\n  // fallback\n  /* istanbul ignore next */\n  return new TinyColor({\n    r: fR,\n    g: fG,\n    b: fB,\n    a: 1\n  }).toRgbString();\n}\nexport default getAlphaColor;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport { TinyColor } from '@ctrl/tinycolor';\nimport getAlphaColor from './getAlphaColor';\nimport seedToken from '../themes/seed';\n/**\n * Seed (designer) > Derivative (designer) > Alias (developer).\n *\n * Merge seed & derivative & override token and generate alias token for developer.\n */\nexport default function formatToken(derivativeToken) {\n  var override = derivativeToken.override,\n    restToken = __rest(derivativeToken, [\"override\"]);\n  var overrideTokens = _extends({}, override);\n  Object.keys(seedToken).forEach(function (token) {\n    delete overrideTokens[token];\n  });\n  var mergedToken = _extends(_extends({}, restToken), overrideTokens);\n  var fontSizes = mergedToken.fontSizes,\n    lineHeights = mergedToken.lineHeights;\n  var screenXS = 480;\n  var screenSM = 576;\n  var screenMD = 768;\n  var screenLG = 992;\n  var screenXL = 1200;\n  var screenXXL = 1600;\n  var fontSizeSM = fontSizes[0];\n  // Generate alias token\n  var aliasToken = _extends(_extends(_extends({}, mergedToken), {\n    colorLink: mergedToken.colorInfoText,\n    colorLinkHover: mergedToken.colorInfoHover,\n    colorLinkActive: mergedToken.colorInfoActive,\n    // ============== Background ============== //\n    colorFillContent: mergedToken.colorFillSecondary,\n    colorFillContentHover: mergedToken.colorFill,\n    colorFillAlter: mergedToken.colorFillQuaternary,\n    colorBgContainerDisabled: mergedToken.colorFillTertiary,\n    // ============== Split ============== //\n    colorBorderBg: mergedToken.colorBgContainer,\n    colorSplit: getAlphaColor(mergedToken.colorBorderSecondary, mergedToken.colorBgContainer),\n    // ============== Text ============== //\n    colorTextPlaceholder: mergedToken.colorTextQuaternary,\n    colorTextDisabled: mergedToken.colorTextQuaternary,\n    colorTextHeading: mergedToken.colorText,\n    colorTextLabel: mergedToken.colorTextSecondary,\n    colorTextDescription: mergedToken.colorTextTertiary,\n    colorTextLightSolid: mergedToken.colorWhite,\n    colorHighlight: mergedToken.colorError,\n    colorBgTextHover: mergedToken.colorFillSecondary,\n    colorBgTextActive: mergedToken.colorFill,\n    colorIcon: mergedToken.colorTextTertiary,\n    colorIconHover: mergedToken.colorText,\n    colorErrorOutline: getAlphaColor(mergedToken.colorErrorBg, mergedToken.colorBgContainer),\n    colorWarningOutline: getAlphaColor(mergedToken.colorWarningBg, mergedToken.colorBgContainer),\n    // Font\n    fontSizeSM: fontSizeSM,\n    fontSize: fontSizes[1],\n    fontSizeLG: fontSizes[2],\n    fontSizeXL: fontSizes[3],\n    fontSizeHeading1: fontSizes[6],\n    fontSizeHeading2: fontSizes[5],\n    fontSizeHeading3: fontSizes[4],\n    fontSizeHeading4: fontSizes[3],\n    fontSizeHeading5: fontSizes[2],\n    fontSizeIcon: fontSizeSM,\n    lineHeight: lineHeights[1],\n    lineHeightLG: lineHeights[2],\n    lineHeightSM: lineHeights[0],\n    lineHeightHeading1: lineHeights[6],\n    lineHeightHeading2: lineHeights[5],\n    lineHeightHeading3: lineHeights[4],\n    lineHeightHeading4: lineHeights[3],\n    lineHeightHeading5: lineHeights[2],\n    // Control\n    lineWidth: mergedToken.lineWidth,\n    controlOutlineWidth: mergedToken.lineWidth * 2,\n    // Checkbox size and expand icon size\n    controlInteractiveSize: mergedToken.controlHeight / 2,\n    controlItemBgHover: mergedToken.colorFillTertiary,\n    controlItemBgActive: mergedToken.colorPrimaryBg,\n    controlItemBgActiveHover: mergedToken.colorPrimaryBgHover,\n    controlItemBgActiveDisabled: mergedToken.colorFill,\n    controlTmpOutline: mergedToken.colorFillQuaternary,\n    controlOutline: getAlphaColor(mergedToken.colorPrimaryBg, mergedToken.colorBgContainer),\n    lineType: mergedToken.lineType,\n    borderRadius: mergedToken.borderRadius,\n    borderRadiusXS: mergedToken.borderRadiusXS,\n    borderRadiusSM: mergedToken.borderRadiusSM,\n    borderRadiusLG: mergedToken.borderRadiusLG,\n    fontWeightStrong: 600,\n    opacityLoading: 0.65,\n    linkDecoration: 'none',\n    linkHoverDecoration: 'none',\n    linkFocusDecoration: 'none',\n    controlPaddingHorizontal: 12,\n    controlPaddingHorizontalSM: 8,\n    paddingXXS: mergedToken.sizeXXS,\n    paddingXS: mergedToken.sizeXS,\n    paddingSM: mergedToken.sizeSM,\n    padding: mergedToken.size,\n    paddingMD: mergedToken.sizeMD,\n    paddingLG: mergedToken.sizeLG,\n    paddingXL: mergedToken.sizeXL,\n    paddingContentHorizontalLG: mergedToken.sizeLG,\n    paddingContentVerticalLG: mergedToken.sizeMS,\n    paddingContentHorizontal: mergedToken.sizeMS,\n    paddingContentVertical: mergedToken.sizeSM,\n    paddingContentHorizontalSM: mergedToken.size,\n    paddingContentVerticalSM: mergedToken.sizeXS,\n    marginXXS: mergedToken.sizeXXS,\n    marginXS: mergedToken.sizeXS,\n    marginSM: mergedToken.sizeSM,\n    margin: mergedToken.size,\n    marginMD: mergedToken.sizeMD,\n    marginLG: mergedToken.sizeLG,\n    marginXL: mergedToken.sizeXL,\n    marginXXL: mergedToken.sizeXXL,\n    boxShadow: \"\\n      0 1px 2px 0 rgba(0, 0, 0, 0.03),\\n      0 1px 6px -1px rgba(0, 0, 0, 0.02),\\n      0 2px 4px 0 rgba(0, 0, 0, 0.02)\\n    \",\n    boxShadowSecondary: \"\\n      0 6px 16px 0 rgba(0, 0, 0, 0.08),\\n      0 3px 6px -4px rgba(0, 0, 0, 0.12),\\n      0 9px 28px 8px rgba(0, 0, 0, 0.05)\\n    \",\n    screenXS: screenXS,\n    screenXSMin: screenXS,\n    screenXSMax: screenXS - 1,\n    screenSM: screenSM,\n    screenSMMin: screenSM,\n    screenSMMax: screenSM - 1,\n    screenMD: screenMD,\n    screenMDMin: screenMD,\n    screenMDMax: screenMD - 1,\n    screenLG: screenLG,\n    screenLGMin: screenLG,\n    screenLGMax: screenLG - 1,\n    screenXL: screenXL,\n    screenXLMin: screenXL,\n    screenXLMax: screenXL - 1,\n    screenXXL: screenXXL,\n    screenXXLMin: screenXXL,\n    screenXXLMax: screenXXL - 1,\n    // FIXME: component box-shadow, should be removed\n    boxShadowPopoverArrow: \"3px 3px 7px rgba(0, 0, 0, 0.1)\",\n    boxShadowCard: \"\\n      0 1px 2px -2px \" + new TinyColor('rgba(0, 0, 0, 0.16)').toRgbString() + \",\\n      0 3px 6px 0 \" + new TinyColor('rgba(0, 0, 0, 0.12)').toRgbString() + \",\\n      0 5px 12px 4px \" + new TinyColor('rgba(0, 0, 0, 0.09)').toRgbString() + \"\\n    \",\n    boxShadowDrawerRight: \"\\n      -6px 0 16px 0 rgba(0, 0, 0, 0.08),\\n      -3px 0 6px -4px rgba(0, 0, 0, 0.12),\\n      -9px 0 28px 8px rgba(0, 0, 0, 0.05)\\n    \",\n    boxShadowDrawerLeft: \"\\n      6px 0 16px 0 rgba(0, 0, 0, 0.08),\\n      3px 0 6px -4px rgba(0, 0, 0, 0.12),\\n      9px 0 28px 8px rgba(0, 0, 0, 0.05)\\n    \",\n    boxShadowDrawerUp: \"\\n      0 6px 16px 0 rgba(0, 0, 0, 0.08),\\n      0 3px 6px -4px rgba(0, 0, 0, 0.12),\\n      0 9px 28px 8px rgba(0, 0, 0, 0.05)\\n    \",\n    boxShadowDrawerDown: \"\\n      0 -6px 16px 0 rgba(0, 0, 0, 0.08),\\n      0 -3px 6px -4px rgba(0, 0, 0, 0.12),\\n      0 -9px 28px 8px rgba(0, 0, 0, 0.05)\\n    \",\n    boxShadowTabsOverflowLeft: \"inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)\",\n    boxShadowTabsOverflowRight: \"inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)\",\n    boxShadowTabsOverflowTop: \"inset 0 10px 8px -8px rgba(0, 0, 0, 0.08)\",\n    boxShadowTabsOverflowBottom: \"inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08)\"\n  }), overrideTokens);\n  return aliasToken;\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport { createTheme, useCacheToken, useStyleRegister } from '@ant-design/cssinjs';\nimport React from 'react';\nimport version from '../version';\nimport { PresetColors } from './interface';\nimport defaultDerivative from './themes/default';\nimport defaultSeedToken from './themes/seed';\nimport formatToken from './util/alias';\nimport genComponentStyleHook from './util/genComponentStyleHook';\nimport statisticToken, { merge as mergeToken, statistic } from './util/statistic';\nvar defaultTheme = createTheme(defaultDerivative);\nexport {\n// colors\nPresetColors,\n// Statistic\nstatistic, statisticToken, mergeToken,\n// hooks\nuseStyleRegister, genComponentStyleHook };\n// ================================ Context =================================\n// To ensure snapshot stable. We disable hashed in test env.\nexport var defaultConfig = {\n  token: defaultSeedToken,\n  hashed: true\n};\nexport var DesignTokenContext = /*#__PURE__*/React.createContext(defaultConfig);\n// ================================== Hook ==================================\n// In dev env, we refresh salt per hour to avoid user use this\n// Note: Do not modify this to real time update which will make debug harder\nvar saltPrefix = process.env.NODE_ENV === 'production' ? version : version + \"-\" + new Date().getHours();\nexport function useToken() {\n  var _React$useContext = React.useContext(DesignTokenContext),\n    rootDesignToken = _React$useContext.token,\n    hashed = _React$useContext.hashed,\n    theme = _React$useContext.theme,\n    components = _React$useContext.components;\n  var salt = saltPrefix + \"-\" + (hashed || '');\n  var mergedTheme = theme || defaultTheme;\n  var _useCacheToken = useCacheToken(mergedTheme, [defaultSeedToken, rootDesignToken], {\n      salt: salt,\n      override: _extends({\n        override: rootDesignToken\n      }, components),\n      formatToken: formatToken\n    }),\n    _useCacheToken2 = _slicedToArray(_useCacheToken, 2),\n    token = _useCacheToken2[0],\n    hashId = _useCacheToken2[1];\n  return [mergedTheme, token, hashed ? hashId : ''];\n}","export var PresetColors = ['blue', 'purple', 'cyan', 'green', 'magenta', 'pink', 'red', 'orange', 'yellow', 'volcano', 'geekblue', 'lime', 'gold'];","import _extends from \"@babel/runtime/helpers/esm/extends\";\nexport var defaultPresetColors = {\n  blue: '#1677ff',\n  purple: '#722ED1',\n  cyan: '#13C2C2',\n  green: '#52C41A',\n  magenta: '#EB2F96',\n  pink: '#eb2f96',\n  red: '#F5222D',\n  orange: '#FA8C16',\n  yellow: '#FADB14',\n  volcano: '#FA541C',\n  geekblue: '#2F54EB',\n  gold: '#FAAD14',\n  lime: '#A0D911'\n};\nvar seedToken = _extends(_extends({}, defaultPresetColors), {\n  // Color\n  colorPrimary: '#1677ff',\n  colorSuccess: '#52c41a',\n  colorWarning: '#faad14',\n  colorError: '#f5222d',\n  colorInfo: '#1677ff',\n  colorTextBase: '',\n  colorBgBase: '',\n  // Font\n  fontFamily: \"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,\\n'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\\n'Noto Color Emoji'\",\n  fontSize: 14,\n  // Line\n  lineWidth: 1,\n  lineType: 'solid',\n  // Motion\n  motionUnit: 0.1,\n  motionBase: 0,\n  motionEaseOutCirc: \"cubic-bezier(0.08, 0.82, 0.17, 1)\",\n  motionEaseInOutCirc: \"cubic-bezier(0.78, 0.14, 0.15, 0.86)\",\n  motionEaseOut: 'cubic-bezier(0.215, 0.61, 0.355, 1)',\n  motionEaseInOut: \"cubic-bezier(0.645, 0.045, 0.355, 1)\",\n  motionEaseOutBack: \"cubic-bezier(0.12, 0.4, 0.29, 1.46)\",\n  motionEaseInBack: \"cubic-bezier(0.71, -0.46, 0.88, 0.6)\",\n  motionEaseInQuint: \"cubic-bezier(0.645, 0.045, 0.355, 1)\",\n  motionEaseOutQuint: \"cubic-bezier(0.23, 1, 0.32, 1)\",\n  // Radius\n  borderRadius: 6,\n  // Size\n  sizeUnit: 4,\n  sizeStep: 4,\n  sizePopupArrow: 16,\n  // Control Base\n  controlHeight: 32,\n  // zIndex\n  zIndexBase: 0,\n  zIndexPopupBase: 1000,\n  // Image\n  opacityImage: 1,\n  // Wireframe\n  wireframe: false\n});\nexport default seedToken;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport { useStyleRegister } from '@ant-design/cssinjs';\nimport { useContext } from 'react';\nimport { genCommonStyle, genLinkStyle } from '../../style';\nimport { ConfigContext } from '../../config-provider/context';\nimport { mergeToken, statisticToken, useToken } from '../index';\nexport default function genComponentStyleHook(component, styleFn, getDefaultToken) {\n  return function (prefixCls) {\n    var _useToken = useToken(),\n      _useToken2 = _slicedToArray(_useToken, 3),\n      theme = _useToken2[0],\n      token = _useToken2[1],\n      hashId = _useToken2[2];\n    var _useContext = useContext(ConfigContext),\n      getPrefixCls = _useContext.getPrefixCls,\n      iconPrefixCls = _useContext.iconPrefixCls;\n    var rootPrefixCls = getPrefixCls();\n    // Generate style for all a tags in antd component.\n    useStyleRegister({\n      theme: theme,\n      token: token,\n      hashId: hashId,\n      path: ['Shared', rootPrefixCls]\n    }, function () {\n      return [{\n        // Link\n        '&': genLinkStyle(token)\n      }];\n    });\n    return [useStyleRegister({\n      theme: theme,\n      token: token,\n      hashId: hashId,\n      path: [component, prefixCls, iconPrefixCls]\n    }, function () {\n      var _statisticToken = statisticToken(token),\n        proxyToken = _statisticToken.token,\n        flush = _statisticToken.flush;\n      var defaultComponentToken = typeof getDefaultToken === 'function' ? getDefaultToken(proxyToken) : getDefaultToken;\n      var mergedComponentToken = _extends(_extends({}, defaultComponentToken), token[component]);\n      var componentCls = \".\" + prefixCls;\n      var mergedToken = mergeToken(proxyToken, {\n        componentCls: componentCls,\n        prefixCls: prefixCls,\n        iconCls: \".\" + iconPrefixCls,\n        antCls: \".\" + rootPrefixCls\n      }, mergedComponentToken);\n      var styleInterpolation = styleFn(mergedToken, {\n        hashId: hashId,\n        prefixCls: prefixCls,\n        rootPrefixCls: rootPrefixCls,\n        iconPrefixCls: iconPrefixCls,\n        overrideComponentToken: token[component]\n      });\n      flush(component, mergedComponentToken);\n      return [genCommonStyle(token, prefixCls), styleInterpolation];\n    }), hashId];\n  };\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nvar enableStatistic = process.env.NODE_ENV !== 'production' || typeof CSSINJS_STATISTIC !== 'undefined';\nvar recording = true;\n/**\n * This function will do as `Object.assign` in production. But will use Object.defineProperty:get to\n * pass all value access in development. To support statistic field usage with alias token.\n */\nexport function merge() {\n  for (var _len = arguments.length, objs = new Array(_len), _key = 0; _key < _len; _key++) {\n    objs[_key] = arguments[_key];\n  }\n  /* istanbul ignore next */\n  if (!enableStatistic) {\n    return _extends.apply(void 0, [{}].concat(objs));\n  }\n  recording = false;\n  var ret = {};\n  objs.forEach(function (obj) {\n    var keys = Object.keys(obj);\n    keys.forEach(function (key) {\n      Object.defineProperty(ret, key, {\n        configurable: true,\n        enumerable: true,\n        get: function get() {\n          return obj[key];\n        }\n      });\n    });\n  });\n  recording = true;\n  return ret;\n}\n/** @private Internal Usage. Not use in your production. */\nexport var statistic = {};\n/** @private Internal Usage. Not use in your production. */\n// eslint-disable-next-line camelcase\nexport var _statistic_build_ = {};\n/* istanbul ignore next */\nfunction noop() {}\n/** Statistic token usage case. Should use `merge` function if you do not want spread record. */\nexport default function statisticToken(token) {\n  var tokenKeys;\n  var proxy = token;\n  var flush = noop;\n  if (enableStatistic) {\n    tokenKeys = new Set();\n    proxy = new Proxy(token, {\n      get: function get(obj, prop) {\n        if (recording) {\n          tokenKeys.add(prop);\n        }\n        return obj[prop];\n      }\n    });\n    flush = function flush(componentName, componentToken) {\n      statistic[componentName] = {\n        global: Array.from(tokenKeys),\n        component: componentToken\n      };\n    };\n  }\n  return {\n    token: proxy,\n    keys: tokenKeys,\n    flush: flush\n  };\n}","var locale = {\n  placeholder: 'Select time',\n  rangePlaceholder: ['Start time', 'End time']\n};\nexport default locale;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport { initZoomMotion } from '../../style/motion';\nimport { genComponentStyleHook, mergeToken, PresetColors } from '../../theme';\nimport { resetComponent } from '../../style';\nimport getArrowStyle, { MAX_VERTICAL_CONTENT_RADIUS } from '../../style/placementArrow';\nvar generatorTooltipPresetColor = function generatorTooltipPresetColor(token) {\n  var componentCls = token.componentCls;\n  return PresetColors.reduce(function (previousValue, currentValue) {\n    var _previousValue;\n    var lightColor = token[currentValue + \"-6\"];\n    previousValue[\"&\" + componentCls + \"-\" + currentValue] = (_previousValue = {}, _defineProperty(_previousValue, componentCls + \"-inner\", {\n      backgroundColor: lightColor\n    }), _defineProperty(_previousValue, componentCls + \"-arrow\", {\n      '--antd-arrow-background-color': lightColor\n    }), _previousValue);\n    return previousValue;\n  }, {});\n};\nvar genTooltipStyle = function genTooltipStyle(token) {\n  var _extends2;\n  var componentCls = token.componentCls,\n    tooltipMaxWidth = token.tooltipMaxWidth,\n    tooltipColor = token.tooltipColor,\n    tooltipBg = token.tooltipBg,\n    tooltipBorderRadius = token.tooltipBorderRadius,\n    zIndexPopup = token.zIndexPopup,\n    controlHeight = token.controlHeight,\n    boxShadowSecondary = token.boxShadowSecondary,\n    paddingSM = token.paddingSM,\n    paddingXS = token.paddingXS,\n    tooltipRadiusOuter = token.tooltipRadiusOuter;\n  return [_defineProperty({}, componentCls, _extends(_extends(_extends(_extends({}, resetComponent(token)), (_extends2 = {\n    position: 'absolute',\n    zIndex: zIndexPopup,\n    display: 'block',\n    '&': [{\n      width: 'max-content'\n    }, {\n      width: 'intrinsic'\n    }],\n    maxWidth: tooltipMaxWidth,\n    visibility: 'visible',\n    '&-hidden': {\n      display: 'none'\n    },\n    '--antd-arrow-background-color': tooltipBg\n  }, _defineProperty(_extends2, componentCls + \"-inner\", {\n    minWidth: controlHeight,\n    minHeight: controlHeight,\n    padding: paddingSM / 2 + \"px \" + paddingXS + \"px\",\n    color: tooltipColor,\n    textAlign: 'start',\n    textDecoration: 'none',\n    wordWrap: 'break-word',\n    backgroundColor: tooltipBg,\n    borderRadius: tooltipBorderRadius,\n    boxShadow: boxShadowSecondary\n  }), _defineProperty(_extends2, [\"&-placement-left\", \"&-placement-leftTop\", \"&-placement-leftBottom\", \"&-placement-right\", \"&-placement-rightTop\", \"&-placement-rightBottom\"].join(','), _defineProperty({}, componentCls + \"-inner\", {\n    borderRadius: tooltipBorderRadius > MAX_VERTICAL_CONTENT_RADIUS ? MAX_VERTICAL_CONTENT_RADIUS : tooltipBorderRadius\n  })), _defineProperty(_extends2, componentCls + \"-content\", {\n    position: 'relative'\n  }), _extends2)), generatorTooltipPresetColor(token)), {\n    // RTL\n    '&-rtl': {\n      direction: 'rtl'\n    }\n  })),\n  // Arrow Style\n  getArrowStyle(mergeToken(token, {\n    borderRadiusOuter: tooltipRadiusOuter\n  }), {\n    colorBg: 'var(--antd-arrow-background-color)',\n    showArrowCls: '',\n    contentRadius: tooltipBorderRadius,\n    limitVerticalRadius: true\n  }), // Pure Render\n  _defineProperty({}, componentCls + \"-pure\", {\n    position: 'relative',\n    maxWidth: 'none'\n  })];\n};\n// ============================== Export ==============================\nexport default (function (prefixCls, injectStyle) {\n  var useOriginHook = genComponentStyleHook('Tooltip', function (token) {\n    // Popover use Tooltip as internal component. We do not need to handle this.\n    if (injectStyle === false) {\n      return [];\n    }\n    var borderRadius = token.borderRadius,\n      colorTextLightSolid = token.colorTextLightSolid,\n      colorBgDefault = token.colorBgDefault,\n      borderRadiusOuter = token.borderRadiusOuter;\n    var TooltipToken = mergeToken(token, {\n      // default variables\n      tooltipMaxWidth: 250,\n      tooltipColor: colorTextLightSolid,\n      tooltipBorderRadius: borderRadius,\n      tooltipBg: colorBgDefault,\n      tooltipRadiusOuter: borderRadiusOuter > 4 ? 4 : borderRadiusOuter\n    });\n    return [genTooltipStyle(TooltipToken), initZoomMotion(token, 'zoom-big-fast')];\n  }, function (_ref3) {\n    var zIndexPopupBase = _ref3.zIndexPopupBase,\n      colorBgSpotlight = _ref3.colorBgSpotlight;\n    return {\n      zIndexPopup: zIndexPopupBase + 70,\n      colorBgDefault: colorBgSpotlight\n    };\n  });\n  return useOriginHook(prefixCls);\n});","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\n/* eslint-disable import/prefer-default-export */\nimport classNames from 'classnames';\nimport { PresetColorTypes } from '../_util/colors';\nvar PresetColorRegex = new RegExp(\"^(\" + PresetColorTypes.join('|') + \")(-inverse)?$\");\nexport function parseColor(prefixCls, color) {\n  var className = classNames(_defineProperty({}, prefixCls + \"-\" + color, color && PresetColorRegex.test(color)));\n  var overlayStyle = {};\n  var arrowStyle = {};\n  if (color && !PresetColorRegex.test(color)) {\n    overlayStyle.background = color;\n    // @ts-ignore\n    arrowStyle['--antd-arrow-background-color'] = color;\n  }\n  return {\n    className: className,\n    overlayStyle: overlayStyle,\n    arrowStyle: arrowStyle\n  };\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nimport { Popup } from 'rc-tooltip';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider';\nimport useStyle from './style';\nimport { parseColor } from './util';\n// ant-tooltip css-dev-only-do-not-override-w2s56n ant-tooltip-placement-top  ant-tooltip-hidden\nexport default function PurePanel(props) {\n  var customizePrefixCls = props.prefixCls,\n    className = props.className,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'top' : _props$placement,\n    title = props.title,\n    color = props.color,\n    overlayInnerStyle = props.overlayInnerStyle;\n  var _React$useContext = React.useContext(ConfigContext),\n    getPrefixCls = _React$useContext.getPrefixCls;\n  var prefixCls = getPrefixCls('tooltip', customizePrefixCls);\n  var _useStyle = useStyle(prefixCls, true),\n    _useStyle2 = _slicedToArray(_useStyle, 2),\n    wrapSSR = _useStyle2[0],\n    hashId = _useStyle2[1];\n  // Color\n  var colorInfo = parseColor(prefixCls, color);\n  var formattedOverlayInnerStyle = _extends(_extends({}, overlayInnerStyle), colorInfo.overlayStyle);\n  var arrowContentStyle = colorInfo.arrowStyle;\n  return wrapSSR( /*#__PURE__*/React.createElement(\"div\", {\n    className: classNames(hashId, prefixCls, prefixCls + \"-pure\", prefixCls + \"-placement-\" + placement, className, colorInfo.className),\n    style: arrowContentStyle\n  }, /*#__PURE__*/React.createElement(Popup, _extends({}, props, {\n    className: hashId,\n    prefixCls: prefixCls,\n    overlayInnerStyle: formattedOverlayInnerStyle\n  }), title)));\n}","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport classNames from 'classnames';\nimport RcTooltip from 'rc-tooltip';\nimport useMergedState from \"rc-util/es/hooks/useMergedState\";\nimport * as React from 'react';\nimport { ConfigContext } from '../config-provider';\nimport { getTransitionName } from '../_util/motion';\nimport getPlacements from '../_util/placements';\nimport { cloneElement, isValidElement, isFragment } from '../_util/reactNode';\nimport warning from '../_util/warning';\nimport PurePanel from './PurePanel';\nimport useStyle from './style';\nimport { parseColor } from './util';\nvar splitObject = function splitObject(obj, keys) {\n  var picked = {};\n  var omitted = _extends({}, obj);\n  keys.forEach(function (key) {\n    if (obj && key in obj) {\n      picked[key] = obj[key];\n      delete omitted[key];\n    }\n  });\n  return {\n    picked: picked,\n    omitted: omitted\n  };\n};\n// Fix Tooltip won't hide at disabled button\n// mouse events don't trigger at disabled button in Chrome\n// https://github.com/react-component/tooltip/issues/18\nfunction getDisabledCompatibleChildren(element, prefixCls) {\n  var elementType = element.type;\n  if ((elementType.__ANT_BUTTON === true || element.type === 'button') && element.props.disabled || elementType.__ANT_SWITCH === true && (element.props.disabled || element.props.loading) || elementType.__ANT_RADIO === true && element.props.disabled) {\n    // Pick some layout related style properties up to span\n    // Prevent layout bugs like https://github.com/ant-design/ant-design/issues/5254\n    var _splitObject = splitObject(element.props.style, ['position', 'left', 'right', 'top', 'bottom', 'float', 'display', 'zIndex']),\n      picked = _splitObject.picked,\n      omitted = _splitObject.omitted;\n    var spanStyle = _extends(_extends({\n      display: 'inline-block'\n    }, picked), {\n      cursor: 'not-allowed',\n      width: element.props.block ? '100%' : undefined\n    });\n    var buttonStyle = _extends(_extends({}, omitted), {\n      pointerEvents: 'none'\n    });\n    var child = cloneElement(element, {\n      style: buttonStyle,\n      className: null\n    });\n    return /*#__PURE__*/React.createElement(\"span\", {\n      style: spanStyle,\n      className: classNames(element.props.className, prefixCls + \"-disabled-compatible-wrapper\")\n    }, child);\n  }\n  return element;\n}\nvar Tooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  var _a, _b;\n  var customizePrefixCls = props.prefixCls,\n    openClassName = props.openClassName,\n    getTooltipContainer = props.getTooltipContainer,\n    overlayClassName = props.overlayClassName,\n    color = props.color,\n    overlayInnerStyle = props.overlayInnerStyle,\n    children = props.children,\n    afterOpenChange = props.afterOpenChange,\n    afterVisibleChange = props.afterVisibleChange;\n  var _React$useContext = React.useContext(ConfigContext),\n    getContextPopupContainer = _React$useContext.getPopupContainer,\n    getPrefixCls = _React$useContext.getPrefixCls,\n    direction = _React$useContext.direction;\n  if (process.env.NODE_ENV !== 'production') {\n    [['visible', 'open'], ['defaultVisible', 'defaultOpen'], ['onVisibleChange', 'onOpenChange'], ['afterVisibleChange', 'afterOpenChange']].forEach(function (_ref) {\n      var _ref2 = _slicedToArray(_ref, 2),\n        deprecatedName = _ref2[0],\n        newName = _ref2[1];\n      process.env.NODE_ENV !== \"production\" ? warning(!(deprecatedName in props), 'Tooltip', \"`\" + deprecatedName + \"` is deprecated, please use `\" + newName + \"` instead.\") : void 0;\n    });\n  }\n  var _useMergedState = useMergedState(false, {\n      value: (_a = props.open) !== null && _a !== void 0 ? _a : props.visible,\n      defaultValue: (_b = props.defaultOpen) !== null && _b !== void 0 ? _b : props.defaultVisible\n    }),\n    _useMergedState2 = _slicedToArray(_useMergedState, 2),\n    open = _useMergedState2[0],\n    setOpen = _useMergedState2[1];\n  var isNoTitle = function isNoTitle() {\n    var title = props.title,\n      overlay = props.overlay;\n    return !title && !overlay && title !== 0; // overlay for old version compatibility\n  };\n\n  var onOpenChange = function onOpenChange(vis) {\n    var _a, _b;\n    setOpen(isNoTitle() ? false : vis);\n    if (!isNoTitle()) {\n      (_a = props.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(props, vis);\n      (_b = props.onVisibleChange) === null || _b === void 0 ? void 0 : _b.call(props, vis);\n    }\n  };\n  var getTooltipPlacements = function getTooltipPlacements() {\n    var builtinPlacements = props.builtinPlacements,\n      _props$arrowPointAtCe = props.arrowPointAtCenter,\n      arrowPointAtCenter = _props$arrowPointAtCe === void 0 ? false : _props$arrowPointAtCe,\n      _props$autoAdjustOver = props.autoAdjustOverflow,\n      autoAdjustOverflow = _props$autoAdjustOver === void 0 ? true : _props$autoAdjustOver;\n    return builtinPlacements || getPlacements({\n      arrowPointAtCenter: arrowPointAtCenter,\n      autoAdjustOverflow: autoAdjustOverflow\n    });\n  };\n  // 动态设置动画点\n  var onPopupAlign = function onPopupAlign(domNode, align) {\n    var placements = getTooltipPlacements();\n    // 当前返回的位置\n    var placement = Object.keys(placements).find(function (key) {\n      var _a, _b;\n      return placements[key].points[0] === ((_a = align.points) === null || _a === void 0 ? void 0 : _a[0]) && placements[key].points[1] === ((_b = align.points) === null || _b === void 0 ? void 0 : _b[1]);\n    });\n    if (!placement) {\n      return;\n    }\n    // 根据当前坐标设置动画点\n    var rect = domNode.getBoundingClientRect();\n    var transformOrigin = {\n      top: '50%',\n      left: '50%'\n    };\n    if (/top|Bottom/.test(placement)) {\n      transformOrigin.top = rect.height - align.offset[1] + \"px\";\n    } else if (/Top|bottom/.test(placement)) {\n      transformOrigin.top = -align.offset[1] + \"px\";\n    }\n    if (/left|Right/.test(placement)) {\n      transformOrigin.left = rect.width - align.offset[0] + \"px\";\n    } else if (/right|Left/.test(placement)) {\n      transformOrigin.left = -align.offset[0] + \"px\";\n    }\n    domNode.style.transformOrigin = transformOrigin.left + \" \" + transformOrigin.top;\n  };\n  var getOverlay = function getOverlay() {\n    var title = props.title,\n      overlay = props.overlay;\n    if (title === 0) {\n      return title;\n    }\n    return overlay || title || '';\n  };\n  var getPopupContainer = props.getPopupContainer,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'top' : _props$placement,\n    _props$mouseEnterDela = props.mouseEnterDelay,\n    mouseEnterDelay = _props$mouseEnterDela === void 0 ? 0.1 : _props$mouseEnterDela,\n    _props$mouseLeaveDela = props.mouseLeaveDelay,\n    mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela,\n    overlayStyle = props.overlayStyle,\n    otherProps = __rest(props, [\"getPopupContainer\", \"placement\", \"mouseEnterDelay\", \"mouseLeaveDelay\", \"overlayStyle\"]);\n  var prefixCls = getPrefixCls('tooltip', customizePrefixCls);\n  var rootPrefixCls = getPrefixCls();\n  var injectFromPopover = props['data-popover-inject'];\n  var tempOpen = open;\n  // Hide tooltip when there is no title\n  if (!('open' in props) && !('visible' in props) && isNoTitle()) {\n    tempOpen = false;\n  }\n  var child = getDisabledCompatibleChildren(isValidElement(children) && !isFragment(children) ? children : /*#__PURE__*/React.createElement(\"span\", null, children), prefixCls);\n  var childProps = child.props;\n  var childCls = !childProps.className || typeof childProps.className === 'string' ? classNames(childProps.className, _defineProperty({}, openClassName || prefixCls + \"-open\", true)) : childProps.className;\n  // Style\n  var _useStyle = useStyle(prefixCls, !injectFromPopover),\n    _useStyle2 = _slicedToArray(_useStyle, 2),\n    wrapSSR = _useStyle2[0],\n    hashId = _useStyle2[1];\n  // Color\n  var colorInfo = parseColor(prefixCls, color);\n  var formattedOverlayInnerStyle = _extends(_extends({}, overlayInnerStyle), colorInfo.overlayStyle);\n  var arrowContentStyle = colorInfo.arrowStyle;\n  var customOverlayClassName = classNames(overlayClassName, _defineProperty({}, prefixCls + \"-rtl\", direction === 'rtl'), colorInfo.className, hashId);\n  return wrapSSR( /*#__PURE__*/React.createElement(RcTooltip, _extends({}, otherProps, {\n    placement: placement,\n    mouseEnterDelay: mouseEnterDelay,\n    mouseLeaveDelay: mouseLeaveDelay,\n    prefixCls: prefixCls,\n    overlayClassName: customOverlayClassName,\n    overlayStyle: _extends(_extends({}, arrowContentStyle), overlayStyle),\n    getTooltipContainer: getPopupContainer || getTooltipContainer || getContextPopupContainer,\n    ref: ref,\n    builtinPlacements: getTooltipPlacements(),\n    overlay: getOverlay(),\n    visible: tempOpen,\n    onVisibleChange: onOpenChange,\n    afterVisibleChange: afterOpenChange !== null && afterOpenChange !== void 0 ? afterOpenChange : afterVisibleChange,\n    onPopupAlign: onPopupAlign,\n    overlayInnerStyle: formattedOverlayInnerStyle,\n    arrowContent: /*#__PURE__*/React.createElement(\"span\", {\n      className: prefixCls + \"-arrow-content\"\n    }),\n    motion: {\n      motionName: getTransitionName(rootPrefixCls, 'zoom-big-fast', props.transitionName),\n      motionDeadline: 1000\n    }\n  }), tempOpen ? cloneElement(child, {\n    className: childCls\n  }) : child));\n});\nif (process.env.NODE_ENV !== 'production') {\n  Tooltip.displayName = 'Tooltip';\n}\nTooltip._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;\nexport default Tooltip;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = wrapperRaf;\nvar _raf = _interopRequireDefault(require(\"rc-util/lib/raf\"));\nvar id = 0;\nvar ids = {};\n// Support call raf with delay specified frame\nfunction wrapperRaf(callback) {\n  var delayFrames = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;\n  var myId = id++;\n  var restFrames = delayFrames;\n  function internalCallback() {\n    restFrames -= 1;\n    if (restFrames <= 0) {\n      callback();\n      delete ids[myId];\n    } else {\n      ids[myId] = (0, _raf[\"default\"])(internalCallback);\n    }\n  }\n  ids[myId] = (0, _raf[\"default\"])(internalCallback);\n  return myId;\n}\nwrapperRaf.cancel = function cancel(pid) {\n  if (pid === undefined) return;\n  _raf[\"default\"].cancel(ids[pid]);\n  delete ids[pid];\n};\nwrapperRaf.ids = ids; // export this for test usage","\"use strict\";\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.cloneElement = cloneElement;\nexports.isFragment = isFragment;\nexports.isValidElement = void 0;\nexports.replaceElement = replaceElement;\nvar React = _interopRequireWildcard(require(\"react\"));\nvar isValidElement = React.isValidElement;\nexports.isValidElement = isValidElement;\nfunction isFragment(child) {\n  return child && isValidElement(child) && child.type === React.Fragment;\n}\nfunction replaceElement(element, replacement, props) {\n  if (!isValidElement(element)) {\n    return replacement;\n  }\n  return /*#__PURE__*/React.cloneElement(element, typeof props === 'function' ? props(element.props || {}) : props);\n}\nfunction cloneElement(element, props) {\n  return replaceElement(element, element, props);\n}","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.getMergedStatus = void 0;\nexports.getStatusClassNames = getStatusClassNames;\nvar _defineProperty2 = _interopRequireDefault(require(\"@babel/runtime/helpers/defineProperty\"));\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\nvar _type = require(\"./type\");\nvar InputStatuses = (0, _type.tuple)('warning', 'error', '');\nfunction getStatusClassNames(prefixCls, status, hasFeedback) {\n  var _classNames;\n  return (0, _classnames[\"default\"])((_classNames = {}, (0, _defineProperty2[\"default\"])(_classNames, prefixCls + \"-status-success\", status === 'success'), (0, _defineProperty2[\"default\"])(_classNames, prefixCls + \"-status-warning\", status === 'warning'), (0, _defineProperty2[\"default\"])(_classNames, prefixCls + \"-status-error\", status === 'error'), (0, _defineProperty2[\"default\"])(_classNames, prefixCls + \"-status-validating\", status === 'validating'), (0, _defineProperty2[\"default\"])(_classNames, prefixCls + \"-has-feedback\", hasFeedback), _classNames));\n}\nvar getMergedStatus = function getMergedStatus(contextStatus, customStatus) {\n  return customStatus || contextStatus;\n};\nexports.getMergedStatus = getMergedStatus;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.tupleNum = exports.tuple = void 0;\n// https://stackoverflow.com/questions/46176165/ways-to-get-string-literal-type-of-array-values-without-enum-overhead\nvar tuple = function tuple() {\n  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n    args[_key] = arguments[_key];\n  }\n  return args;\n};\nexports.tuple = tuple;\nvar tupleNum = function tupleNum() {\n  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n    args[_key2] = arguments[_key2];\n  }\n  return args;\n};\nexports.tupleNum = tupleNum;","\"use strict\";\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = void 0;\nexports.noop = noop;\nObject.defineProperty(exports, \"resetWarned\", {\n  enumerable: true,\n  get: function get() {\n    return _warning.resetWarned;\n  }\n});\nvar _warning = _interopRequireWildcard(require(\"rc-util/lib/warning\"));\nfunction noop() {}\n// eslint-disable-next-line import/no-mutable-exports\nvar warning = noop;\nif (process.env.NODE_ENV !== 'production') {\n  warning = function warning(valid, component, message) {\n    (0, _warning[\"default\"])(valid, \"[antd: \" + component + \"] \" + message);\n    // StrictMode will inject console which will not throw warning in React 17.\n    if (process.env.NODE_ENV === 'test') {\n      (0, _warning.resetWarned)();\n    }\n  };\n}\nvar _default = warning;\nexports[\"default\"] = _default;","\"use strict\";\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\")[\"default\"];\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = exports.InternalWave = void 0;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _classCallCheck2 = _interopRequireDefault(require(\"@babel/runtime/helpers/classCallCheck\"));\nvar _createClass2 = _interopRequireDefault(require(\"@babel/runtime/helpers/createClass\"));\nvar _assertThisInitialized2 = _interopRequireDefault(require(\"@babel/runtime/helpers/assertThisInitialized\"));\nvar _inherits2 = _interopRequireDefault(require(\"@babel/runtime/helpers/inherits\"));\nvar _createSuper2 = _interopRequireDefault(require(\"@babel/runtime/helpers/createSuper\"));\nvar _dynamicCSS = require(\"rc-util/lib/Dom/dynamicCSS\");\nvar _ref2 = require(\"rc-util/lib/ref\");\nvar React = _interopRequireWildcard(require(\"react\"));\nvar _configProvider = require(\"../../config-provider\");\nvar _raf = _interopRequireDefault(require(\"../raf\"));\nvar _reactNode = require(\"../reactNode\");\nvar _style = _interopRequireDefault(require(\"./style\"));\nvar styleForPseudo;\n// Where el is the DOM element you'd like to test for visibility\nfunction isHidden(element) {\n  if (process.env.NODE_ENV === 'test') {\n    return false;\n  }\n  return !element || element.offsetParent === null || element.hidden;\n}\nfunction getValidateContainer(nodeRoot) {\n  if (nodeRoot instanceof Document) {\n    return nodeRoot.body;\n  }\n  return Array.from(nodeRoot.childNodes).find(function (ele) {\n    return (ele === null || ele === void 0 ? void 0 : ele.nodeType) === Node.ELEMENT_NODE;\n  });\n}\nfunction isNotGrey(color) {\n  // eslint-disable-next-line no-useless-escape\n  var match = (color || '').match(/rgba?\\((\\d*), (\\d*), (\\d*)(, [\\d.]*)?\\)/);\n  if (match && match[1] && match[2] && match[3]) {\n    return !(match[1] === match[2] && match[2] === match[3]);\n  }\n  return true;\n}\nfunction isValidWaveColor(color) {\n  return color && color !== '#fff' && color !== '#ffffff' && color !== 'rgb(255, 255, 255)' && color !== 'rgba(255, 255, 255, 1)' && isNotGrey(color) && !/rgba\\((?:\\d*, ){3}0\\)/.test(color) &&\n  // any transparent rgba color\n  color !== 'transparent';\n}\nfunction getTargetWaveColor(node) {\n  var computedStyle = getComputedStyle(node);\n  var borderTopColor = computedStyle.getPropertyValue('border-top-color');\n  var borderColor = computedStyle.getPropertyValue('border-color');\n  var backgroundColor = computedStyle.getPropertyValue('background-color');\n  if (isValidWaveColor(borderTopColor)) {\n    return borderTopColor;\n  }\n  if (isValidWaveColor(borderColor)) {\n    return borderColor;\n  }\n  return backgroundColor;\n}\nvar InternalWave = /*#__PURE__*/function (_React$Component) {\n  (0, _inherits2[\"default\"])(InternalWave, _React$Component);\n  var _super = (0, _createSuper2[\"default\"])(InternalWave);\n  function InternalWave() {\n    var _this;\n    (0, _classCallCheck2[\"default\"])(this, InternalWave);\n    _this = _super.apply(this, arguments);\n    _this.containerRef = /*#__PURE__*/React.createRef();\n    _this.animationStart = false;\n    _this.destroyed = false;\n    _this.onClick = function (node, waveColor) {\n      var _a, _b;\n      var _this$props = _this.props,\n        insertExtraNode = _this$props.insertExtraNode,\n        disabled = _this$props.disabled;\n      if (disabled || !node || isHidden(node) || node.className.includes('-leave')) {\n        return;\n      }\n      _this.extraNode = document.createElement('div');\n      var _assertThisInitialize = (0, _assertThisInitialized2[\"default\"])(_this),\n        extraNode = _assertThisInitialize.extraNode;\n      var getPrefixCls = _this.context.getPrefixCls;\n      extraNode.className = getPrefixCls('') + \"-click-animating-node\";\n      var attributeName = _this.getAttributeName();\n      node.setAttribute(attributeName, 'true');\n      // Not white or transparent or grey\n      if (isValidWaveColor(waveColor)) {\n        extraNode.style.borderColor = waveColor;\n        var nodeRoot = ((_a = node.getRootNode) === null || _a === void 0 ? void 0 : _a.call(node)) || node.ownerDocument;\n        var nodeBody = (_b = getValidateContainer(nodeRoot)) !== null && _b !== void 0 ? _b : nodeRoot;\n        styleForPseudo = (0, _dynamicCSS.updateCSS)(\"\\n      [\" + getPrefixCls('') + \"-click-animating-without-extra-node='true']::after, .\" + getPrefixCls('') + \"-click-animating-node {\\n        --antd-wave-shadow-color: \" + waveColor + \";\\n      }\", 'antd-wave', {\n          csp: _this.csp,\n          attachTo: nodeBody\n        });\n      }\n      if (insertExtraNode) {\n        node.appendChild(extraNode);\n      }\n      ['transition', 'animation'].forEach(function (name) {\n        node.addEventListener(name + \"start\", _this.onTransitionStart);\n        node.addEventListener(name + \"end\", _this.onTransitionEnd);\n      });\n    };\n    _this.onTransitionStart = function (e) {\n      if (_this.destroyed) {\n        return;\n      }\n      var node = _this.containerRef.current;\n      if (!e || e.target !== node || _this.animationStart) {\n        return;\n      }\n      _this.resetEffect(node);\n    };\n    _this.onTransitionEnd = function (e) {\n      if (!e || e.animationName !== 'fadeEffect') {\n        return;\n      }\n      _this.resetEffect(e.target);\n    };\n    _this.bindAnimationEvent = function (node) {\n      if (!node || !node.getAttribute || node.getAttribute('disabled') || node.className.includes('disabled')) {\n        return;\n      }\n      var onClick = function onClick(e) {\n        // Fix radio button click twice\n        if (e.target.tagName === 'INPUT' || isHidden(e.target)) {\n          return;\n        }\n        _this.resetEffect(node);\n        // Get wave color from target\n        var waveColor = getTargetWaveColor(node);\n        _this.clickWaveTimeoutId = window.setTimeout(function () {\n          return _this.onClick(node, waveColor);\n        }, 0);\n        _raf[\"default\"].cancel(_this.animationStartId);\n        _this.animationStart = true;\n        // Render to trigger transition event cost 3 frames. Let's delay 10 frames to reset this.\n        _this.animationStartId = (0, _raf[\"default\"])(function () {\n          _this.animationStart = false;\n        }, 10);\n      };\n      node.addEventListener('click', onClick, true);\n      return {\n        cancel: function cancel() {\n          node.removeEventListener('click', onClick, true);\n        }\n      };\n    };\n    _this.renderWave = function (_ref) {\n      var csp = _ref.csp;\n      var children = _this.props.children;\n      _this.csp = csp;\n      if (! /*#__PURE__*/React.isValidElement(children)) return children;\n      var ref = _this.containerRef;\n      if ((0, _ref2.supportRef)(children)) {\n        ref = (0, _ref2.composeRef)(children.ref, _this.containerRef);\n      }\n      return (0, _reactNode.cloneElement)(children, {\n        ref: ref\n      });\n    };\n    return _this;\n  }\n  (0, _createClass2[\"default\"])(InternalWave, [{\n    key: \"componentDidMount\",\n    value: function componentDidMount() {\n      this.destroyed = false;\n      var node = this.containerRef.current;\n      if (!node || node.nodeType !== 1) {\n        return;\n      }\n      this.instance = this.bindAnimationEvent(node);\n    }\n  }, {\n    key: \"componentWillUnmount\",\n    value: function componentWillUnmount() {\n      if (this.instance) {\n        this.instance.cancel();\n      }\n      if (this.clickWaveTimeoutId) {\n        clearTimeout(this.clickWaveTimeoutId);\n      }\n      this.destroyed = true;\n    }\n  }, {\n    key: \"getAttributeName\",\n    value: function getAttributeName() {\n      var getPrefixCls = this.context.getPrefixCls;\n      var insertExtraNode = this.props.insertExtraNode;\n      return insertExtraNode ? getPrefixCls('') + \"-click-animating\" : getPrefixCls('') + \"-click-animating-without-extra-node\";\n    }\n  }, {\n    key: \"resetEffect\",\n    value: function resetEffect(node) {\n      var _this2 = this;\n      if (!node || node === this.extraNode || !(node instanceof Element)) {\n        return;\n      }\n      var insertExtraNode = this.props.insertExtraNode;\n      var attributeName = this.getAttributeName();\n      node.setAttribute(attributeName, 'false'); // edge has bug on `removeAttribute` #14466\n      if (styleForPseudo) {\n        styleForPseudo.innerHTML = '';\n      }\n      if (insertExtraNode && this.extraNode && node.contains(this.extraNode)) {\n        node.removeChild(this.extraNode);\n      }\n      ['transition', 'animation'].forEach(function (name) {\n        node.removeEventListener(name + \"start\", _this2.onTransitionStart);\n        node.removeEventListener(name + \"end\", _this2.onTransitionEnd);\n      });\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      return /*#__PURE__*/React.createElement(_configProvider.ConfigConsumer, null, this.renderWave);\n    }\n  }]);\n  return InternalWave;\n}(React.Component);\nexports.InternalWave = InternalWave;\nInternalWave.contextType = _configProvider.ConfigContext;\nvar Wave = /*#__PURE__*/(0, React.forwardRef)(function (props, ref) {\n  (0, _style[\"default\"])();\n  return /*#__PURE__*/React.createElement(InternalWave, (0, _extends2[\"default\"])({\n    ref: ref\n  }, props));\n});\nvar _default = Wave;\nexports[\"default\"] = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _slicedToArray2 = _interopRequireDefault(require(\"@babel/runtime/helpers/slicedToArray\"));\nvar _defineProperty2 = _interopRequireDefault(require(\"@babel/runtime/helpers/defineProperty\"));\nvar _cssinjs = require(\"@ant-design/cssinjs\");\nvar _react = require(\"react\");\nvar _configProvider = require(\"../../config-provider\");\nvar _theme = require(\"../../theme\");\nvar genWaveStyle = function genWaveStyle(token) {\n  var _ref;\n  var waveEffect = new _cssinjs.Keyframes('waveEffect', {\n    '100%': {\n      boxShadow: \"0 0 0 6px var(--antd-wave-shadow-color)\"\n    }\n  });\n  var fadeEffect = new _cssinjs.Keyframes('fadeEffect', {\n    '100%': {\n      opacity: 0\n    }\n  });\n  return [(_ref = {}, (0, _defineProperty2[\"default\"])(_ref, token.clickAnimatingWithoutExtraNodeTrue + \",\\n      \" + token.clickAnimatingTrue, {\n    '--antd-wave-shadow-color': token.colorPrimary,\n    '--scroll-bar': 0,\n    position: 'relative'\n  }), (0, _defineProperty2[\"default\"])(_ref, token.clickAnimatingWithoutExtraNodeTrueAfter + \",\\n      & \" + token.clickAnimatingNode, {\n    position: 'absolute',\n    top: 0,\n    insetInlineStart: 0,\n    insetInlineEnd: 0,\n    bottom: 0,\n    display: 'block',\n    borderRadius: 'inherit',\n    boxShadow: \"0 0 0 0 var(--antd-wave-shadow-color)\",\n    opacity: 0.2,\n    animation: {\n      _skip_check_: true,\n      value: fadeEffect.getName(token.hashId) + \" 2s \" + token.motionEaseOutCirc + \", \" + waveEffect.getName(token.hashId) + \" 0.4s \" + token.motionEaseOutCirc\n    },\n    animationFillMode: 'forwards',\n    content: '\"\"',\n    pointerEvents: 'none'\n  }), _ref), {}, waveEffect, fadeEffect];\n};\nvar _default = function _default() {\n  var _useToken = (0, _theme.useToken)(),\n    _useToken2 = (0, _slicedToArray2[\"default\"])(_useToken, 3),\n    theme = _useToken2[0],\n    token = _useToken2[1],\n    hashId = _useToken2[2];\n  var _useContext = (0, _react.useContext)(_configProvider.ConfigContext),\n    getPrefixCls = _useContext.getPrefixCls;\n  var rootPrefixCls = getPrefixCls();\n  var clickAnimatingTrue = \"[\" + rootPrefixCls + \"-click-animating='true']\";\n  var clickAnimatingWithoutExtraNodeTrue = \"[\" + rootPrefixCls + \"-click-animating-without-extra-node='true']\";\n  var clickAnimatingNode = \".\" + rootPrefixCls + \"-click-animating-node\";\n  var waveToken = (0, _extends2[\"default\"])((0, _extends2[\"default\"])({}, token), {\n    hashId: hashId,\n    clickAnimatingNode: clickAnimatingNode,\n    clickAnimatingTrue: clickAnimatingTrue,\n    clickAnimatingWithoutExtraNodeTrue: clickAnimatingWithoutExtraNodeTrue,\n    clickAnimatingWithoutExtraNodeTrueAfter: clickAnimatingWithoutExtraNodeTrue + \"::after\"\n  });\n  return [(0, _cssinjs.useStyleRegister)({\n    theme: theme,\n    token: token,\n    hashId: hashId,\n    path: ['wave']\n  }, function () {\n    return [genWaveStyle(waveToken)];\n  }), hashId];\n};\nexports[\"default\"] = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = void 0;\nvar _LoadingOutlined = _interopRequireDefault(require(\"@ant-design/icons/LoadingOutlined\"));\nvar _rcMotion = _interopRequireDefault(require(\"rc-motion\"));\nvar _react = _interopRequireDefault(require(\"react\"));\nvar getCollapsedWidth = function getCollapsedWidth() {\n  return {\n    width: 0,\n    opacity: 0,\n    transform: 'scale(0)'\n  };\n};\nvar getRealWidth = function getRealWidth(node) {\n  return {\n    width: node.scrollWidth,\n    opacity: 1,\n    transform: 'scale(1)'\n  };\n};\nvar LoadingIcon = function LoadingIcon(_ref) {\n  var prefixCls = _ref.prefixCls,\n    loading = _ref.loading,\n    existIcon = _ref.existIcon;\n  var visible = !!loading;\n  if (existIcon) {\n    return /*#__PURE__*/_react[\"default\"].createElement(\"span\", {\n      className: prefixCls + \"-loading-icon\"\n    }, /*#__PURE__*/_react[\"default\"].createElement(_LoadingOutlined[\"default\"], null));\n  }\n  return /*#__PURE__*/_react[\"default\"].createElement(_rcMotion[\"default\"], {\n    visible: visible,\n    // We do not really use this motionName\n    motionName: prefixCls + \"-loading-icon-motion\",\n    removeOnLeave: true,\n    onAppearStart: getCollapsedWidth,\n    onAppearActive: getRealWidth,\n    onEnterStart: getCollapsedWidth,\n    onEnterActive: getRealWidth,\n    onLeaveStart: getRealWidth,\n    onLeaveActive: getCollapsedWidth\n  }, function (_ref2, ref) {\n    var className = _ref2.className,\n      style = _ref2.style;\n    return /*#__PURE__*/_react[\"default\"].createElement(\"span\", {\n      className: prefixCls + \"-loading-icon\",\n      style: style,\n      ref: ref\n    }, /*#__PURE__*/_react[\"default\"].createElement(_LoadingOutlined[\"default\"], {\n      className: className\n    }));\n  });\n};\nvar _default = LoadingIcon;\nexports[\"default\"] = _default;","\"use strict\";\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\")[\"default\"];\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = exports.GroupSizeContext = void 0;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _defineProperty2 = _interopRequireDefault(require(\"@babel/runtime/helpers/defineProperty\"));\nvar _slicedToArray2 = _interopRequireDefault(require(\"@babel/runtime/helpers/slicedToArray\"));\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\nvar React = _interopRequireWildcard(require(\"react\"));\nvar _configProvider = require(\"../config-provider\");\nvar _theme = require(\"../theme\");\nvar _warning = _interopRequireDefault(require(\"../_util/warning\"));\nvar __rest = void 0 && (void 0).__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nvar GroupSizeContext = /*#__PURE__*/React.createContext(undefined);\nexports.GroupSizeContext = GroupSizeContext;\nvar ButtonGroup = function ButtonGroup(props) {\n  var _classNames;\n  var _React$useContext = React.useContext(_configProvider.ConfigContext),\n    getPrefixCls = _React$useContext.getPrefixCls,\n    direction = _React$useContext.direction;\n  var customizePrefixCls = props.prefixCls,\n    size = props.size,\n    className = props.className,\n    others = __rest(props, [\"prefixCls\", \"size\", \"className\"]);\n  var prefixCls = getPrefixCls('btn-group', customizePrefixCls);\n  // Here we only need hashId\n  var _useToken = (0, _theme.useToken)(),\n    _useToken2 = (0, _slicedToArray2[\"default\"])(_useToken, 3),\n    hashId = _useToken2[2];\n  // large => lg\n  // small => sm\n  var sizeCls = '';\n  switch (size) {\n    case 'large':\n      sizeCls = 'lg';\n      break;\n    case 'small':\n      sizeCls = 'sm';\n      break;\n    case 'middle':\n    case undefined:\n      break;\n    default:\n      process.env.NODE_ENV !== \"production\" ? (0, _warning[\"default\"])(!size, 'Button.Group', 'Invalid prop `size`.') : void 0;\n  }\n  var classes = (0, _classnames[\"default\"])(prefixCls, (_classNames = {}, (0, _defineProperty2[\"default\"])(_classNames, prefixCls + \"-\" + sizeCls, sizeCls), (0, _defineProperty2[\"default\"])(_classNames, prefixCls + \"-rtl\", direction === 'rtl'), _classNames), className, hashId);\n  return /*#__PURE__*/React.createElement(GroupSizeContext.Provider, {\n    value: size\n  }, /*#__PURE__*/React.createElement(\"div\", (0, _extends2[\"default\"])({}, others, {\n    className: classes\n  })));\n};\nvar _default = ButtonGroup;\nexports[\"default\"] = _default;","\"use strict\";\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\")[\"default\"];\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.convertLegacyProps = convertLegacyProps;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _defineProperty2 = _interopRequireDefault(require(\"@babel/runtime/helpers/defineProperty\"));\nvar _slicedToArray2 = _interopRequireDefault(require(\"@babel/runtime/helpers/slicedToArray\"));\nvar _typeof2 = _interopRequireDefault(require(\"@babel/runtime/helpers/typeof\"));\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\nvar _omit = _interopRequireDefault(require(\"rc-util/lib/omit\"));\nvar React = _interopRequireWildcard(require(\"react\"));\nvar _configProvider = require(\"../config-provider\");\nvar _DisabledContext = _interopRequireDefault(require(\"../config-provider/DisabledContext\"));\nvar _SizeContext = _interopRequireDefault(require(\"../config-provider/SizeContext\"));\nvar _Compact = require(\"../space/Compact\");\nvar _reactNode = require(\"../_util/reactNode\");\nvar _type = require(\"../_util/type\");\nvar _warning = _interopRequireDefault(require(\"../_util/warning\"));\nvar _wave = _interopRequireDefault(require(\"../_util/wave\"));\nvar _buttonGroup = _interopRequireWildcard(require(\"./button-group\"));\nvar _LoadingIcon = _interopRequireDefault(require(\"./LoadingIcon\"));\nvar _style = _interopRequireDefault(require(\"./style\"));\nvar __rest = void 0 && (void 0).__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n/* eslint-disable react/button-has-type */\n\nvar rxTwoCNChar = /^[\\u4e00-\\u9fa5]{2}$/;\nvar isTwoCNChar = rxTwoCNChar.test.bind(rxTwoCNChar);\nfunction isString(str) {\n  return typeof str === 'string';\n}\nfunction isUnBorderedButtonType(type) {\n  return type === 'text' || type === 'link';\n}\n// Insert one space between two chinese characters automatically.\nfunction insertSpace(child, needInserted) {\n  // Check the child if is undefined or null.\n  if (child === null || child === undefined) {\n    return;\n  }\n  var SPACE = needInserted ? ' ' : '';\n  // strictNullChecks oops.\n  if (typeof child !== 'string' && typeof child !== 'number' && isString(child.type) && isTwoCNChar(child.props.children)) {\n    return (0, _reactNode.cloneElement)(child, {\n      children: child.props.children.split('').join(SPACE)\n    });\n  }\n  if (typeof child === 'string') {\n    return isTwoCNChar(child) ? /*#__PURE__*/React.createElement(\"span\", null, child.split('').join(SPACE)) : /*#__PURE__*/React.createElement(\"span\", null, child);\n  }\n  if ((0, _reactNode.isFragment)(child)) {\n    return /*#__PURE__*/React.createElement(\"span\", null, child);\n  }\n  return child;\n}\nfunction spaceChildren(children, needInserted) {\n  var isPrevChildPure = false;\n  var childList = [];\n  React.Children.forEach(children, function (child) {\n    var type = (0, _typeof2[\"default\"])(child);\n    var isCurrentChildPure = type === 'string' || type === 'number';\n    if (isPrevChildPure && isCurrentChildPure) {\n      var lastIndex = childList.length - 1;\n      var lastChild = childList[lastIndex];\n      childList[lastIndex] = \"\" + lastChild + child;\n    } else {\n      childList.push(child);\n    }\n    isPrevChildPure = isCurrentChildPure;\n  });\n  // Pass to React.Children.map to auto fill key\n  return React.Children.map(childList, function (child) {\n    return insertSpace(child, needInserted);\n  });\n}\nvar ButtonTypes = (0, _type.tuple)('default', 'primary', 'ghost', 'dashed', 'link', 'text');\nvar ButtonShapes = (0, _type.tuple)('default', 'circle', 'round');\nvar ButtonHTMLTypes = (0, _type.tuple)('submit', 'button', 'reset');\nfunction convertLegacyProps(type) {\n  if (type === 'danger') {\n    return {\n      danger: true\n    };\n  }\n  return {\n    type: type\n  };\n}\nvar InternalButton = function InternalButton(props, ref) {\n  var _classNames;\n  var _props$loading = props.loading,\n    loading = _props$loading === void 0 ? false : _props$loading,\n    customizePrefixCls = props.prefixCls,\n    _props$type = props.type,\n    type = _props$type === void 0 ? 'default' : _props$type,\n    danger = props.danger,\n    _props$shape = props.shape,\n    shape = _props$shape === void 0 ? 'default' : _props$shape,\n    customizeSize = props.size,\n    customDisabled = props.disabled,\n    className = props.className,\n    children = props.children,\n    icon = props.icon,\n    _props$ghost = props.ghost,\n    ghost = _props$ghost === void 0 ? false : _props$ghost,\n    _props$block = props.block,\n    block = _props$block === void 0 ? false : _props$block,\n    _props$htmlType = props.htmlType,\n    htmlType = _props$htmlType === void 0 ? 'button' : _props$htmlType,\n    rest = __rest(props, [\"loading\", \"prefixCls\", \"type\", \"danger\", \"shape\", \"size\", \"disabled\", \"className\", \"children\", \"icon\", \"ghost\", \"block\", \"htmlType\"]);\n  var _React$useContext = React.useContext(_configProvider.ConfigContext),\n    getPrefixCls = _React$useContext.getPrefixCls,\n    autoInsertSpaceInButton = _React$useContext.autoInsertSpaceInButton,\n    direction = _React$useContext.direction;\n  var prefixCls = getPrefixCls('btn', customizePrefixCls);\n  // Style\n  var _useStyle = (0, _style[\"default\"])(prefixCls),\n    _useStyle2 = (0, _slicedToArray2[\"default\"])(_useStyle, 2),\n    wrapSSR = _useStyle2[0],\n    hashId = _useStyle2[1];\n  var size = React.useContext(_SizeContext[\"default\"]);\n  // ===================== Disabled =====================\n  var disabled = React.useContext(_DisabledContext[\"default\"]);\n  var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;\n  var groupSize = React.useContext(_buttonGroup.GroupSizeContext);\n  var _React$useState = React.useState(!!loading),\n    _React$useState2 = (0, _slicedToArray2[\"default\"])(_React$useState, 2),\n    innerLoading = _React$useState2[0],\n    setLoading = _React$useState2[1];\n  var _React$useState3 = React.useState(false),\n    _React$useState4 = (0, _slicedToArray2[\"default\"])(_React$useState3, 2),\n    hasTwoCNChar = _React$useState4[0],\n    setHasTwoCNChar = _React$useState4[1];\n  var buttonRef = ref || /*#__PURE__*/React.createRef();\n  var isNeedInserted = function isNeedInserted() {\n    return React.Children.count(children) === 1 && !icon && !isUnBorderedButtonType(type);\n  };\n  var fixTwoCNChar = function fixTwoCNChar() {\n    // Fix for HOC usage like <FormatMessage />\n    if (!buttonRef || !buttonRef.current || autoInsertSpaceInButton === false) {\n      return;\n    }\n    var buttonText = buttonRef.current.textContent;\n    if (isNeedInserted() && isTwoCNChar(buttonText)) {\n      if (!hasTwoCNChar) {\n        setHasTwoCNChar(true);\n      }\n    } else if (hasTwoCNChar) {\n      setHasTwoCNChar(false);\n    }\n  };\n  // =============== Update Loading ===============\n  var loadingOrDelay = typeof loading === 'boolean' ? loading : (loading === null || loading === void 0 ? void 0 : loading.delay) || true;\n  React.useEffect(function () {\n    var delayTimer = null;\n    if (typeof loadingOrDelay === 'number') {\n      delayTimer = window.setTimeout(function () {\n        delayTimer = null;\n        setLoading(loadingOrDelay);\n      }, loadingOrDelay);\n    } else {\n      setLoading(loadingOrDelay);\n    }\n    return function () {\n      if (delayTimer) {\n        // in order to not perform a React state update on an unmounted component\n        // and clear timer after 'loadingOrDelay' updated.\n        window.clearTimeout(delayTimer);\n        delayTimer = null;\n      }\n    };\n  }, [loadingOrDelay]);\n  React.useEffect(fixTwoCNChar, [buttonRef]);\n  var handleClick = function handleClick(e) {\n    var onClick = props.onClick;\n    // https://github.com/ant-design/ant-design/issues/30207\n    if (innerLoading || mergedDisabled) {\n      e.preventDefault();\n      return;\n    }\n    onClick === null || onClick === void 0 ? void 0 : onClick(e);\n  };\n  process.env.NODE_ENV !== \"production\" ? (0, _warning[\"default\"])(!(typeof icon === 'string' && icon.length > 2), 'Button', \"`icon` is using ReactNode instead of string naming in v4. Please check `\" + icon + \"` at https://ant.design/components/icon\") : void 0;\n  process.env.NODE_ENV !== \"production\" ? (0, _warning[\"default\"])(!(ghost && isUnBorderedButtonType(type)), 'Button', \"`link` or `text` button can't be a `ghost` button.\") : void 0;\n  var autoInsertSpace = autoInsertSpaceInButton !== false;\n  var _useCompactItemContex = (0, _Compact.useCompactItemContext)(prefixCls, direction),\n    compactSize = _useCompactItemContex.compactSize,\n    compactItemClassnames = _useCompactItemContex.compactItemClassnames;\n  var sizeClassNameMap = {\n    large: 'lg',\n    small: 'sm',\n    middle: undefined\n  };\n  var sizeFullname = compactSize || groupSize || customizeSize || size;\n  var sizeCls = sizeFullname ? sizeClassNameMap[sizeFullname] || '' : '';\n  var iconType = innerLoading ? 'loading' : icon;\n  var linkButtonRestProps = (0, _omit[\"default\"])(rest, ['navigate']);\n  var classes = (0, _classnames[\"default\"])(prefixCls, hashId, (_classNames = {}, (0, _defineProperty2[\"default\"])(_classNames, prefixCls + \"-\" + shape, shape !== 'default' && shape), (0, _defineProperty2[\"default\"])(_classNames, prefixCls + \"-\" + type, type), (0, _defineProperty2[\"default\"])(_classNames, prefixCls + \"-\" + sizeCls, sizeCls), (0, _defineProperty2[\"default\"])(_classNames, prefixCls + \"-icon-only\", !children && children !== 0 && !!iconType), (0, _defineProperty2[\"default\"])(_classNames, prefixCls + \"-background-ghost\", ghost && !isUnBorderedButtonType(type)), (0, _defineProperty2[\"default\"])(_classNames, prefixCls + \"-loading\", innerLoading), (0, _defineProperty2[\"default\"])(_classNames, prefixCls + \"-two-chinese-chars\", hasTwoCNChar && autoInsertSpace && !innerLoading), (0, _defineProperty2[\"default\"])(_classNames, prefixCls + \"-block\", block), (0, _defineProperty2[\"default\"])(_classNames, prefixCls + \"-dangerous\", !!danger), (0, _defineProperty2[\"default\"])(_classNames, prefixCls + \"-rtl\", direction === 'rtl'), (0, _defineProperty2[\"default\"])(_classNames, prefixCls + \"-disabled\", linkButtonRestProps.href !== undefined && mergedDisabled), _classNames), compactItemClassnames, className);\n  var iconNode = icon && !innerLoading ? icon : /*#__PURE__*/React.createElement(_LoadingIcon[\"default\"], {\n    existIcon: !!icon,\n    prefixCls: prefixCls,\n    loading: !!innerLoading\n  });\n  var kids = children || children === 0 ? spaceChildren(children, isNeedInserted() && autoInsertSpace) : null;\n  if (linkButtonRestProps.href !== undefined) {\n    return wrapSSR( /*#__PURE__*/React.createElement(\"a\", (0, _extends2[\"default\"])({}, linkButtonRestProps, {\n      className: classes,\n      onClick: handleClick,\n      ref: buttonRef\n    }), iconNode, kids));\n  }\n  var buttonNode = /*#__PURE__*/React.createElement(\"button\", (0, _extends2[\"default\"])({}, rest, {\n    type: htmlType,\n    className: classes,\n    onClick: handleClick,\n    disabled: mergedDisabled,\n    ref: buttonRef\n  }), iconNode, kids);\n  if (!isUnBorderedButtonType(type)) {\n    buttonNode = /*#__PURE__*/React.createElement(_wave[\"default\"], {\n      disabled: !!innerLoading\n    }, buttonNode);\n  }\n  return wrapSSR(buttonNode);\n};\nvar Button = /*#__PURE__*/React.forwardRef(InternalButton);\nif (process.env.NODE_ENV !== 'production') {\n  Button.displayName = 'Button';\n}\nButton.Group = _buttonGroup[\"default\"];\nButton.__ANT_BUTTON = true;\nvar _default = Button;\nexports[\"default\"] = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = void 0;\nvar _button = _interopRequireDefault(require(\"./button\"));\nvar _default = _button[\"default\"];\nexports[\"default\"] = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = void 0;\nvar _defineProperty2 = _interopRequireDefault(require(\"@babel/runtime/helpers/defineProperty\"));\nvar genButtonBorderStyle = function genButtonBorderStyle(buttonTypeCls, borderColor) {\n  return (0, _defineProperty2[\"default\"])({}, \"> span, > \" + buttonTypeCls, {\n    '&:not(:last-child)': (0, _defineProperty2[\"default\"])({}, \"&, & > \" + buttonTypeCls, {\n      '&:not(:disabled)': {\n        borderInlineEndColor: borderColor\n      }\n    }),\n    '&:not(:first-child)': (0, _defineProperty2[\"default\"])({}, \"&, & > \" + buttonTypeCls, {\n      '&:not(:disabled)': {\n        borderInlineStartColor: borderColor\n      }\n    })\n  });\n};\nvar genGroupStyle = function genGroupStyle(token) {\n  var _componentCls, _ref2;\n  var componentCls = token.componentCls,\n    fontSize = token.fontSize,\n    lineWidth = token.lineWidth,\n    colorPrimaryHover = token.colorPrimaryHover,\n    colorErrorHover = token.colorErrorHover;\n  return (0, _defineProperty2[\"default\"])({}, componentCls + \"-group\", [(_ref2 = {\n    position: 'relative',\n    display: 'inline-flex'\n  }, (0, _defineProperty2[\"default\"])(_ref2, \"> span, > \" + componentCls, {\n    '&:not(:last-child)': (0, _defineProperty2[\"default\"])({}, \"&, & > \" + componentCls, {\n      borderStartEndRadius: 0,\n      borderEndEndRadius: 0\n    }),\n    '&:not(:first-child)': (0, _defineProperty2[\"default\"])({\n      marginInlineStart: -lineWidth\n    }, \"&, & > \" + componentCls, {\n      borderStartStartRadius: 0,\n      borderEndStartRadius: 0\n    })\n  }), (0, _defineProperty2[\"default\"])(_ref2, componentCls, (_componentCls = {\n    position: 'relative',\n    zIndex: 1\n  }, (0, _defineProperty2[\"default\"])(_componentCls, \"&:hover,\\n          &:focus,\\n          &:active\", {\n    zIndex: 2\n  }), (0, _defineProperty2[\"default\"])(_componentCls, '&[disabled]', {\n    zIndex: 0\n  }), _componentCls)), (0, _defineProperty2[\"default\"])(_ref2, componentCls + \"-icon-only\", {\n    fontSize: fontSize\n  }), _ref2),\n  // Border Color\n  genButtonBorderStyle(componentCls + \"-primary\", colorPrimaryHover), genButtonBorderStyle(componentCls + \"-danger\", colorErrorHover)]);\n};\nvar _default = genGroupStyle;\nexports[\"default\"] = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = void 0;\nvar _defineProperty2 = _interopRequireDefault(require(\"@babel/runtime/helpers/defineProperty\"));\nvar _extends8 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _theme = require(\"../../theme\");\nvar _group = _interopRequireDefault(require(\"./group\"));\nvar _style = require(\"../../style\");\nvar _compactItem = require(\"../../style/compact-item\");\nvar _compactItemVertical = require(\"../../style/compact-item-vertical\");\n// ============================== Shared ==============================\nvar genSharedButtonStyle = function genSharedButtonStyle(token) {\n  var _extends2, _extends3;\n  var componentCls = token.componentCls,\n    iconCls = token.iconCls;\n  return (0, _defineProperty2[\"default\"])({}, componentCls, (0, _extends8[\"default\"])((0, _extends8[\"default\"])((0, _extends8[\"default\"])((_extends2 = {\n    outline: 'none',\n    position: 'relative',\n    display: 'inline-block',\n    fontWeight: 400,\n    whiteSpace: 'nowrap',\n    textAlign: 'center',\n    backgroundImage: 'none',\n    backgroundColor: 'transparent',\n    border: token.lineWidth + \"px \" + token.lineType + \" transparent\",\n    cursor: 'pointer',\n    transition: \"all \" + token.motionDurationMid + \" \" + token.motionEaseInOut,\n    userSelect: 'none',\n    touchAction: 'manipulation',\n    lineHeight: token.lineHeight,\n    color: token.colorText,\n    '> span': {\n      display: 'inline-block'\n    }\n  }, (0, _defineProperty2[\"default\"])(_extends2, \"> \" + iconCls + \" + span, > span + \" + iconCls, {\n    marginInlineStart: token.marginXS\n  }), (0, _defineProperty2[\"default\"])(_extends2, \"&\" + componentCls + \"-block\", {\n    width: '100%'\n  }), (0, _defineProperty2[\"default\"])(_extends2, '&:not(:disabled)', (0, _extends8[\"default\"])({}, (0, _style.genFocusStyle)(token))), _extends2), (0, _compactItem.genCompactItemStyle)(token, componentCls)), (0, _compactItemVertical.genCompactItemVerticalStyle)(token, componentCls)), (_extends3 = {\n    // make `btn-icon-only` not too narrow\n    '&-icon-only&-compact-item': {\n      flex: 'none'\n    }\n  }, (0, _defineProperty2[\"default\"])(_extends3, \"&-compact-item\" + componentCls + \"-primary\", {\n    '&:not([disabled]) + &:not([disabled])': {\n      position: 'relative',\n      '&:after': {\n        position: 'absolute',\n        top: -token.lineWidth,\n        insetInlineStart: -token.lineWidth,\n        display: 'inline-block',\n        width: token.lineWidth,\n        height: \"calc(100% + \" + token.lineWidth * 2 + \"px)\",\n        backgroundColor: token.colorPrimaryBorder,\n        content: '\"\"'\n      }\n    }\n  }), (0, _defineProperty2[\"default\"])(_extends3, '&-compact-vertical-item', (0, _defineProperty2[\"default\"])({}, \"&\" + componentCls + \"-primary\", {\n    '&:not([disabled]) + &:not([disabled])': {\n      position: 'relative',\n      '&:after': {\n        position: 'absolute',\n        top: -token.lineWidth,\n        insetInlineStart: -token.lineWidth,\n        display: 'inline-block',\n        width: \"calc(100% + \" + token.lineWidth * 2 + \"px)\",\n        height: token.lineWidth,\n        backgroundColor: token.colorPrimaryBorder,\n        content: '\"\"'\n      }\n    }\n  })), _extends3)));\n};\nvar genHoverActiveButtonStyle = function genHoverActiveButtonStyle(hoverStyle, activeStyle) {\n  return {\n    '&:not(:disabled)': {\n      '&:hover': hoverStyle,\n      '&:active': activeStyle\n    }\n  };\n};\n// ============================== Shape ===============================\nvar genCircleButtonStyle = function genCircleButtonStyle(token) {\n  return {\n    minWidth: token.controlHeight,\n    paddingInlineStart: 0,\n    paddingInlineEnd: 0,\n    borderRadius: '50%'\n  };\n};\nvar genRoundButtonStyle = function genRoundButtonStyle(token) {\n  return {\n    borderRadius: token.controlHeight,\n    paddingInlineStart: token.controlHeight / 2,\n    paddingInlineEnd: token.controlHeight / 2,\n    width: 'auto'\n  };\n};\n// =============================== Type ===============================\nvar genGhostButtonStyle = function genGhostButtonStyle(btnCls, textColor, borderColor, textColorDisabled, borderColorDisabled, hoverStyle, activeStyle) {\n  return (0, _defineProperty2[\"default\"])({}, \"&\" + btnCls + \"-background-ghost\", (0, _extends8[\"default\"])((0, _extends8[\"default\"])({\n    color: textColor || undefined,\n    backgroundColor: 'transparent',\n    borderColor: borderColor || undefined,\n    boxShadow: 'none'\n  }, genHoverActiveButtonStyle((0, _extends8[\"default\"])({\n    backgroundColor: 'transparent'\n  }, hoverStyle), (0, _extends8[\"default\"])({\n    backgroundColor: 'transparent'\n  }, activeStyle))), {\n    '&:disabled': {\n      cursor: 'not-allowed',\n      color: textColorDisabled || undefined,\n      borderColor: borderColorDisabled || undefined\n    }\n  }));\n};\nvar genSolidDisabledButtonStyle = function genSolidDisabledButtonStyle(token) {\n  return {\n    '&:disabled': {\n      cursor: 'not-allowed',\n      borderColor: token.colorBorder,\n      color: token.colorTextDisabled,\n      backgroundColor: token.colorBgContainerDisabled,\n      boxShadow: 'none'\n    }\n  };\n};\nvar genSolidButtonStyle = function genSolidButtonStyle(token) {\n  return (0, _extends8[\"default\"])({}, genSolidDisabledButtonStyle(token));\n};\nvar genPureDisabledButtonStyle = function genPureDisabledButtonStyle(token) {\n  return {\n    '&:disabled': {\n      cursor: 'not-allowed',\n      color: token.colorTextDisabled\n    }\n  };\n};\n// Type: Default\nvar genDefaultButtonStyle = function genDefaultButtonStyle(token) {\n  return (0, _extends8[\"default\"])((0, _extends8[\"default\"])((0, _extends8[\"default\"])((0, _extends8[\"default\"])((0, _extends8[\"default\"])({}, genSolidButtonStyle(token)), {\n    backgroundColor: token.colorBgContainer,\n    borderColor: token.colorBorder,\n    boxShadow: \"0 \" + token.controlOutlineWidth + \"px 0 \" + token.controlTmpOutline\n  }), genHoverActiveButtonStyle({\n    color: token.colorPrimaryHover,\n    borderColor: token.colorPrimaryHover\n  }, {\n    color: token.colorPrimaryActive,\n    borderColor: token.colorPrimaryActive\n  })), genGhostButtonStyle(token.componentCls, token.colorBgContainer, token.colorBgContainer, token.colorTextDisabled, token.colorBorder)), (0, _defineProperty2[\"default\"])({}, \"&\" + token.componentCls + \"-dangerous\", (0, _extends8[\"default\"])((0, _extends8[\"default\"])((0, _extends8[\"default\"])({\n    color: token.colorError,\n    borderColor: token.colorError\n  }, genHoverActiveButtonStyle({\n    color: token.colorErrorHover,\n    borderColor: token.colorErrorBorder\n  }, {\n    color: token.colorErrorActive,\n    borderColor: token.colorErrorActive\n  })), genGhostButtonStyle(token.componentCls, token.colorError, token.colorError, token.colorTextDisabled, token.colorBorder)), genSolidDisabledButtonStyle(token))));\n};\n// Type: Primary\nvar genPrimaryButtonStyle = function genPrimaryButtonStyle(token) {\n  return (0, _extends8[\"default\"])((0, _extends8[\"default\"])((0, _extends8[\"default\"])((0, _extends8[\"default\"])((0, _extends8[\"default\"])({}, genSolidButtonStyle(token)), {\n    color: token.colorTextLightSolid,\n    backgroundColor: token.colorPrimary,\n    boxShadow: \"0 \" + token.controlOutlineWidth + \"px 0 \" + token.controlOutline\n  }), genHoverActiveButtonStyle({\n    color: token.colorTextLightSolid,\n    backgroundColor: token.colorPrimaryHover\n  }, {\n    color: token.colorTextLightSolid,\n    backgroundColor: token.colorPrimaryActive\n  })), genGhostButtonStyle(token.componentCls, token.colorPrimary, token.colorPrimary, token.colorTextDisabled, token.colorBorder, {\n    color: token.colorPrimaryHover,\n    borderColor: token.colorPrimaryHover\n  }, {\n    color: token.colorPrimaryActive,\n    borderColor: token.colorPrimaryActive\n  })), (0, _defineProperty2[\"default\"])({}, \"&\" + token.componentCls + \"-dangerous\", (0, _extends8[\"default\"])((0, _extends8[\"default\"])((0, _extends8[\"default\"])({\n    backgroundColor: token.colorError,\n    boxShadow: \"0 \" + token.controlOutlineWidth + \"px 0 \" + token.colorErrorOutline\n  }, genHoverActiveButtonStyle({\n    backgroundColor: token.colorErrorHover\n  }, {\n    backgroundColor: token.colorErrorActive\n  })), genGhostButtonStyle(token.componentCls, token.colorError, token.colorError, token.colorTextDisabled, token.colorBorder, {\n    color: token.colorErrorHover,\n    borderColor: token.colorErrorHover\n  }, {\n    color: token.colorErrorActive,\n    borderColor: token.colorErrorActive\n  })), genSolidDisabledButtonStyle(token))));\n};\n// Type: Dashed\nvar genDashedButtonStyle = function genDashedButtonStyle(token) {\n  return (0, _extends8[\"default\"])((0, _extends8[\"default\"])({}, genDefaultButtonStyle(token)), {\n    borderStyle: 'dashed'\n  });\n};\n// Type: Link\nvar genLinkButtonStyle = function genLinkButtonStyle(token) {\n  return (0, _extends8[\"default\"])((0, _extends8[\"default\"])((0, _extends8[\"default\"])({\n    color: token.colorLink\n  }, genHoverActiveButtonStyle({\n    color: token.colorLinkHover\n  }, {\n    color: token.colorLinkActive\n  })), genPureDisabledButtonStyle(token)), (0, _defineProperty2[\"default\"])({}, \"&\" + token.componentCls + \"-dangerous\", (0, _extends8[\"default\"])((0, _extends8[\"default\"])({\n    color: token.colorError\n  }, genHoverActiveButtonStyle({\n    color: token.colorErrorHover\n  }, {\n    color: token.colorErrorActive\n  })), genPureDisabledButtonStyle(token))));\n};\n// Type: Text\nvar genTextButtonStyle = function genTextButtonStyle(token) {\n  return (0, _extends8[\"default\"])((0, _extends8[\"default\"])((0, _extends8[\"default\"])({}, genHoverActiveButtonStyle({\n    color: token.colorText,\n    backgroundColor: token.colorBgTextHover\n  }, {\n    color: token.colorText,\n    backgroundColor: token.colorBgTextActive\n  })), genPureDisabledButtonStyle(token)), (0, _defineProperty2[\"default\"])({}, \"&\" + token.componentCls + \"-dangerous\", (0, _extends8[\"default\"])((0, _extends8[\"default\"])({\n    color: token.colorError\n  }, genPureDisabledButtonStyle(token)), genHoverActiveButtonStyle({\n    color: token.colorErrorHover,\n    backgroundColor: token.colorErrorBg\n  }, {\n    color: token.colorErrorHover,\n    backgroundColor: token.colorErrorBg\n  }))));\n};\nvar genTypeButtonStyle = function genTypeButtonStyle(token) {\n  var _ref3;\n  var componentCls = token.componentCls;\n  return _ref3 = {}, (0, _defineProperty2[\"default\"])(_ref3, componentCls + \"-default\", genDefaultButtonStyle(token)), (0, _defineProperty2[\"default\"])(_ref3, componentCls + \"-primary\", genPrimaryButtonStyle(token)), (0, _defineProperty2[\"default\"])(_ref3, componentCls + \"-dashed\", genDashedButtonStyle(token)), (0, _defineProperty2[\"default\"])(_ref3, componentCls + \"-link\", genLinkButtonStyle(token)), (0, _defineProperty2[\"default\"])(_ref3, componentCls + \"-text\", genTextButtonStyle(token)), _ref3;\n};\n// =============================== Size ===============================\nvar genSizeButtonStyle = function genSizeButtonStyle(token) {\n  var _ref4;\n  var sizePrefixCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';\n  var componentCls = token.componentCls,\n    iconCls = token.iconCls;\n  var paddingVertical = Math.max(0, (token.controlHeight - token.fontSize * token.lineHeight) / 2 - token.lineWidth);\n  var paddingHorizontal = token.buttonPaddingHorizontal - token.lineWidth;\n  var iconOnlyCls = componentCls + \"-icon-only\";\n  return [// Size\n  (0, _defineProperty2[\"default\"])({}, \"\" + componentCls + sizePrefixCls, (_ref4 = {\n    fontSize: token.fontSize,\n    height: token.controlHeight,\n    padding: paddingVertical + \"px \" + paddingHorizontal + \"px\",\n    borderRadius: token.borderRadius\n  }, (0, _defineProperty2[\"default\"])(_ref4, \"&\" + iconOnlyCls, {\n    width: token.controlHeight,\n    paddingInlineStart: 0,\n    paddingInlineEnd: 0,\n    '> span': {\n      transform: 'scale(1.143)' // 14px -> 16px\n    }\n  }), (0, _defineProperty2[\"default\"])(_ref4, \"&\" + componentCls + \"-loading\", {\n    opacity: token.opacityLoading,\n    cursor: 'default'\n  }), (0, _defineProperty2[\"default\"])(_ref4, componentCls + \"-loading-icon\", {\n    transition: \"width \" + token.motionDurationSlow + \" \" + token.motionEaseInOut + \", opacity \" + token.motionDurationSlow + \" \" + token.motionEaseInOut\n  }), (0, _defineProperty2[\"default\"])(_ref4, \"&:not(\" + iconOnlyCls + \") \" + componentCls + \"-loading-icon > \" + iconCls, {\n    marginInlineEnd: token.marginXS\n  }), _ref4)), // Shape - patch prefixCls again to override solid border radius style\n  (0, _defineProperty2[\"default\"])({}, \"\" + componentCls + componentCls + \"-circle\" + sizePrefixCls, genCircleButtonStyle(token)), (0, _defineProperty2[\"default\"])({}, \"\" + componentCls + componentCls + \"-round\" + sizePrefixCls, genRoundButtonStyle(token))];\n};\nvar genSizeBaseButtonStyle = function genSizeBaseButtonStyle(token) {\n  return genSizeButtonStyle(token);\n};\nvar genSizeSmallButtonStyle = function genSizeSmallButtonStyle(token) {\n  var smallToken = (0, _theme.mergeToken)(token, {\n    controlHeight: token.controlHeightSM,\n    padding: token.paddingXS,\n    buttonPaddingHorizontal: 8,\n    borderRadius: token.borderRadiusSM\n  });\n  return genSizeButtonStyle(smallToken, token.componentCls + \"-sm\");\n};\nvar genSizeLargeButtonStyle = function genSizeLargeButtonStyle(token) {\n  var largeToken = (0, _theme.mergeToken)(token, {\n    controlHeight: token.controlHeightLG,\n    fontSize: token.fontSizeLG,\n    borderRadius: token.borderRadiusLG\n  });\n  return genSizeButtonStyle(largeToken, token.componentCls + \"-lg\");\n};\n// ============================== Export ==============================\nvar _default = (0, _theme.genComponentStyleHook)('Button', function (token) {\n  var controlTmpOutline = token.controlTmpOutline,\n    paddingContentHorizontal = token.paddingContentHorizontal;\n  var buttonToken = (0, _theme.mergeToken)(token, {\n    colorOutlineDefault: controlTmpOutline,\n    buttonPaddingHorizontal: paddingContentHorizontal\n  });\n  return [\n  // Shared\n  genSharedButtonStyle(buttonToken),\n  // Size\n  genSizeSmallButtonStyle(buttonToken), genSizeBaseButtonStyle(buttonToken), genSizeLargeButtonStyle(buttonToken),\n  // Group (type, ghost, danger, disabled, loading)\n  genTypeButtonStyle(buttonToken),\n  // Button Group\n  (0, _group[\"default\"])(buttonToken)];\n});\nexports[\"default\"] = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = void 0;\nvar _en_US = _interopRequireDefault(require(\"../../date-picker/locale/en_US\"));\nvar _default = _en_US[\"default\"];\nexports[\"default\"] = _default;","\"use strict\";\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = exports.DisabledContextProvider = void 0;\nvar React = _interopRequireWildcard(require(\"react\"));\nvar DisabledContext = /*#__PURE__*/React.createContext(false);\nvar DisabledContextProvider = function DisabledContextProvider(_ref) {\n  var children = _ref.children,\n    disabled = _ref.disabled;\n  var originDisabled = React.useContext(DisabledContext);\n  return /*#__PURE__*/React.createElement(DisabledContext.Provider, {\n    value: disabled || originDisabled\n  }, children);\n};\nexports.DisabledContextProvider = DisabledContextProvider;\nvar _default = DisabledContext;\nexports[\"default\"] = _default;","\"use strict\";\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = exports.SizeContextProvider = void 0;\nvar React = _interopRequireWildcard(require(\"react\"));\nvar SizeContext = /*#__PURE__*/React.createContext(undefined);\nvar SizeContextProvider = function SizeContextProvider(_ref) {\n  var children = _ref.children,\n    size = _ref.size;\n  return /*#__PURE__*/React.createElement(SizeContext.Consumer, null, function (originSize) {\n    return /*#__PURE__*/React.createElement(SizeContext.Provider, {\n      value: size || originSize\n    }, children);\n  });\n};\nexports.SizeContextProvider = SizeContextProvider;\nvar _default = SizeContext;\nexports[\"default\"] = _default;","\"use strict\";\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\")[\"default\"];\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.defaultIconPrefixCls = exports.ConfigContext = exports.ConfigConsumer = void 0;\nexports.withConfigConsumer = withConfigConsumer;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar React = _interopRequireWildcard(require(\"react\"));\nvar defaultIconPrefixCls = 'anticon';\nexports.defaultIconPrefixCls = defaultIconPrefixCls;\nvar defaultGetPrefixCls = function defaultGetPrefixCls(suffixCls, customizePrefixCls) {\n  if (customizePrefixCls) return customizePrefixCls;\n  return suffixCls ? \"ant-\" + suffixCls : 'ant';\n};\n// zombieJ: 🚨 Do not pass `defaultRenderEmpty` here since it will case circular dependency.\nvar ConfigContext = /*#__PURE__*/React.createContext({\n  // We provide a default function for Context without provider\n  getPrefixCls: defaultGetPrefixCls,\n  iconPrefixCls: defaultIconPrefixCls\n});\nexports.ConfigContext = ConfigContext;\nvar ConfigConsumer = ConfigContext.Consumer;\n/** @deprecated Use hooks instead. This is a legacy function */\nexports.ConfigConsumer = ConfigConsumer;\nfunction withConfigConsumer(config) {\n  return function withConfigConsumerFunc(Component) {\n    // Wrap with ConfigConsumer. Since we need compatible with react 15, be care when using ref methods\n    var SFC = function SFC(props) {\n      return /*#__PURE__*/React.createElement(ConfigConsumer, null, function (configProps) {\n        var basicPrefixCls = config.prefixCls;\n        var getPrefixCls = configProps.getPrefixCls;\n        var customizePrefixCls = props.prefixCls;\n        var prefixCls = getPrefixCls(basicPrefixCls, customizePrefixCls);\n        return /*#__PURE__*/React.createElement(Component, (0, _extends2[\"default\"])({}, configProps, props, {\n          prefixCls: prefixCls\n        }));\n      });\n    };\n    var cons = Component.constructor;\n    var name = cons && cons.displayName || Component.name || 'Component';\n    if (process.env.NODE_ENV !== 'production') {\n      SFC.displayName = \"withConfigConsumer(\" + name + \")\";\n    }\n    return SFC;\n  };\n}","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.getStyle = getStyle;\nexports.registerTheme = registerTheme;\nvar _colors = require(\"@ant-design/colors\");\nvar _tinycolor = require(\"@ctrl/tinycolor\");\nvar _canUseDom = _interopRequireDefault(require(\"rc-util/lib/Dom/canUseDom\"));\nvar _dynamicCSS = require(\"rc-util/lib/Dom/dynamicCSS\");\nvar _warning = _interopRequireDefault(require(\"../_util/warning\"));\n/* eslint-disable import/prefer-default-export, prefer-destructuring */\n\nvar dynamicStyleMark = \"-ant-\" + Date.now() + \"-\" + Math.random();\nfunction getStyle(globalPrefixCls, theme) {\n  var variables = {};\n  var formatColor = function formatColor(color, updater) {\n    var clone = color.clone();\n    clone = (updater === null || updater === void 0 ? void 0 : updater(clone)) || clone;\n    return clone.toRgbString();\n  };\n  var fillColor = function fillColor(colorVal, type) {\n    var baseColor = new _tinycolor.TinyColor(colorVal);\n    var colorPalettes = (0, _colors.generate)(baseColor.toRgbString());\n    variables[type + \"-color\"] = formatColor(baseColor);\n    variables[type + \"-color-disabled\"] = colorPalettes[1];\n    variables[type + \"-color-hover\"] = colorPalettes[4];\n    variables[type + \"-color-active\"] = colorPalettes[6];\n    variables[type + \"-color-outline\"] = baseColor.clone().setAlpha(0.2).toRgbString();\n    variables[type + \"-color-deprecated-bg\"] = colorPalettes[0];\n    variables[type + \"-color-deprecated-border\"] = colorPalettes[2];\n  };\n  // ================ Primary Color ================\n  if (theme.primaryColor) {\n    fillColor(theme.primaryColor, 'primary');\n    var primaryColor = new _tinycolor.TinyColor(theme.primaryColor);\n    var primaryColors = (0, _colors.generate)(primaryColor.toRgbString());\n    // Legacy - We should use semantic naming standard\n    primaryColors.forEach(function (color, index) {\n      variables[\"primary-\" + (index + 1)] = color;\n    });\n    // Deprecated\n    variables['primary-color-deprecated-l-35'] = formatColor(primaryColor, function (c) {\n      return c.lighten(35);\n    });\n    variables['primary-color-deprecated-l-20'] = formatColor(primaryColor, function (c) {\n      return c.lighten(20);\n    });\n    variables['primary-color-deprecated-t-20'] = formatColor(primaryColor, function (c) {\n      return c.tint(20);\n    });\n    variables['primary-color-deprecated-t-50'] = formatColor(primaryColor, function (c) {\n      return c.tint(50);\n    });\n    variables['primary-color-deprecated-f-12'] = formatColor(primaryColor, function (c) {\n      return c.setAlpha(c.getAlpha() * 0.12);\n    });\n    var primaryActiveColor = new _tinycolor.TinyColor(primaryColors[0]);\n    variables['primary-color-active-deprecated-f-30'] = formatColor(primaryActiveColor, function (c) {\n      return c.setAlpha(c.getAlpha() * 0.3);\n    });\n    variables['primary-color-active-deprecated-d-02'] = formatColor(primaryActiveColor, function (c) {\n      return c.darken(2);\n    });\n  }\n  // ================ Success Color ================\n  if (theme.successColor) {\n    fillColor(theme.successColor, 'success');\n  }\n  // ================ Warning Color ================\n  if (theme.warningColor) {\n    fillColor(theme.warningColor, 'warning');\n  }\n  // ================= Error Color =================\n  if (theme.errorColor) {\n    fillColor(theme.errorColor, 'error');\n  }\n  // ================= Info Color ==================\n  if (theme.infoColor) {\n    fillColor(theme.infoColor, 'info');\n  }\n  // Convert to css variables\n  var cssList = Object.keys(variables).map(function (key) {\n    return \"--\" + globalPrefixCls + \"-\" + key + \": \" + variables[key] + \";\";\n  });\n  return (\"\\n  :root {\\n    \" + cssList.join('\\n') + \"\\n  }\\n  \").trim();\n}\nfunction registerTheme(globalPrefixCls, theme) {\n  var style = getStyle(globalPrefixCls, theme);\n  if ((0, _canUseDom[\"default\"])()) {\n    (0, _dynamicCSS.updateCSS)(style, dynamicStyleMark + \"-dynamic-theme\");\n  } else {\n    process.env.NODE_ENV !== \"production\" ? (0, _warning[\"default\"])(false, 'ConfigProvider', 'SSR do not support dynamic theme with css variables.') : void 0;\n  }\n}","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = useTheme;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _useMemo = _interopRequireDefault(require(\"rc-util/lib/hooks/useMemo\"));\nvar _shallowequal = _interopRequireDefault(require(\"shallowequal\"));\nvar _theme = require(\"../../theme\");\nfunction useTheme(theme, parentTheme) {\n  var themeConfig = theme || {};\n  var parentThemeConfig = themeConfig.inherit === false || !parentTheme ? _theme.defaultConfig : parentTheme;\n  var mergedTheme = (0, _useMemo[\"default\"])(function () {\n    if (!theme) {\n      return parentTheme;\n    }\n    // Override\n    var mergedComponents = (0, _extends2[\"default\"])({}, parentThemeConfig.components);\n    Object.keys(theme.components || {}).forEach(function (componentName) {\n      mergedComponents[componentName] = (0, _extends2[\"default\"])((0, _extends2[\"default\"])({}, mergedComponents[componentName]), theme.components[componentName]);\n    });\n    // Base token\n    return (0, _extends2[\"default\"])((0, _extends2[\"default\"])((0, _extends2[\"default\"])({}, parentThemeConfig), themeConfig), {\n      token: (0, _extends2[\"default\"])((0, _extends2[\"default\"])({}, parentThemeConfig.token), themeConfig.token),\n      components: mergedComponents\n    });\n  }, [themeConfig, parentThemeConfig], function (prev, next) {\n    return prev.some(function (prevTheme, index) {\n      var nextTheme = next[index];\n      return !(0, _shallowequal[\"default\"])(prevTheme, nextTheme);\n    });\n  });\n  return mergedTheme;\n}","\"use strict\";\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\")[\"default\"];\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nObject.defineProperty(exports, \"ConfigConsumer\", {\n  enumerable: true,\n  get: function get() {\n    return _context.ConfigConsumer;\n  }\n});\nObject.defineProperty(exports, \"ConfigContext\", {\n  enumerable: true,\n  get: function get() {\n    return _context.ConfigContext;\n  }\n});\nexports[\"default\"] = exports.configConsumerProps = void 0;\nObject.defineProperty(exports, \"defaultIconPrefixCls\", {\n  enumerable: true,\n  get: function get() {\n    return _context.defaultIconPrefixCls;\n  }\n});\nexports.globalConfig = exports.defaultPrefixCls = void 0;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _cssinjs = require(\"@ant-design/cssinjs\");\nvar _Context = _interopRequireDefault(require(\"@ant-design/icons/lib/components/Context\"));\nvar _rcFieldForm = require(\"rc-field-form\");\nvar _useMemo = _interopRequireDefault(require(\"rc-util/lib/hooks/useMemo\"));\nvar React = _interopRequireWildcard(require(\"react\"));\nvar _localeProvider = _interopRequireWildcard(require(\"../locale-provider\"));\nvar _LocaleReceiver = _interopRequireDefault(require(\"../locale-provider/LocaleReceiver\"));\nvar _en_US = _interopRequireDefault(require(\"../locale/en_US\"));\nvar _theme = require(\"../theme\");\nvar _seed = _interopRequireDefault(require(\"../theme/themes/seed\"));\nvar _context = require(\"./context\");\nvar _cssVariables = require(\"./cssVariables\");\nvar _DisabledContext = require(\"./DisabledContext\");\nvar _useTheme = _interopRequireDefault(require(\"./hooks/useTheme\"));\nvar _SizeContext = _interopRequireWildcard(require(\"./SizeContext\"));\nvar _style = _interopRequireDefault(require(\"./style\"));\nvar __rest = void 0 && (void 0).__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nvar configConsumerProps = ['getTargetContainer', 'getPopupContainer', 'rootPrefixCls', 'getPrefixCls', 'renderEmpty', 'csp', 'autoInsertSpaceInButton', 'locale', 'pageHeader'];\n// These props is used by `useContext` directly in sub component\nexports.configConsumerProps = configConsumerProps;\nvar PASSED_PROPS = ['getTargetContainer', 'getPopupContainer', 'renderEmpty', 'pageHeader', 'input', 'pagination', 'form'];\nvar defaultPrefixCls = 'ant';\nexports.defaultPrefixCls = defaultPrefixCls;\nvar globalPrefixCls;\nvar globalIconPrefixCls;\nfunction getGlobalPrefixCls() {\n  return globalPrefixCls || defaultPrefixCls;\n}\nfunction getGlobalIconPrefixCls() {\n  return globalIconPrefixCls || _context.defaultIconPrefixCls;\n}\nvar setGlobalConfig = function setGlobalConfig(_ref) {\n  var prefixCls = _ref.prefixCls,\n    iconPrefixCls = _ref.iconPrefixCls,\n    theme = _ref.theme;\n  if (prefixCls !== undefined) {\n    globalPrefixCls = prefixCls;\n  }\n  if (iconPrefixCls !== undefined) {\n    globalIconPrefixCls = iconPrefixCls;\n  }\n  if (theme) {\n    (0, _cssVariables.registerTheme)(getGlobalPrefixCls(), theme);\n  }\n};\nvar globalConfig = function globalConfig() {\n  return {\n    getPrefixCls: function getPrefixCls(suffixCls, customizePrefixCls) {\n      if (customizePrefixCls) return customizePrefixCls;\n      return suffixCls ? getGlobalPrefixCls() + \"-\" + suffixCls : getGlobalPrefixCls();\n    },\n    getIconPrefixCls: getGlobalIconPrefixCls,\n    getRootPrefixCls: function getRootPrefixCls() {\n      // If Global prefixCls provided, use this\n      if (globalPrefixCls) {\n        return globalPrefixCls;\n      }\n      // Fallback to default prefixCls\n      return getGlobalPrefixCls();\n    }\n  };\n};\nexports.globalConfig = globalConfig;\nvar ProviderChildren = function ProviderChildren(props) {\n  var _a, _b;\n  var children = props.children,\n    customCsp = props.csp,\n    autoInsertSpaceInButton = props.autoInsertSpaceInButton,\n    form = props.form,\n    locale = props.locale,\n    componentSize = props.componentSize,\n    direction = props.direction,\n    space = props.space,\n    virtual = props.virtual,\n    dropdownMatchSelectWidth = props.dropdownMatchSelectWidth,\n    legacyLocale = props.legacyLocale,\n    parentContext = props.parentContext,\n    customIconPrefixCls = props.iconPrefixCls,\n    theme = props.theme,\n    componentDisabled = props.componentDisabled;\n  var getPrefixCls = React.useCallback(function (suffixCls, customizePrefixCls) {\n    var prefixCls = props.prefixCls;\n    if (customizePrefixCls) return customizePrefixCls;\n    var mergedPrefixCls = prefixCls || parentContext.getPrefixCls('');\n    return suffixCls ? mergedPrefixCls + \"-\" + suffixCls : mergedPrefixCls;\n  }, [parentContext.getPrefixCls, props.prefixCls]);\n  var iconPrefixCls = customIconPrefixCls || parentContext.iconPrefixCls || _context.defaultIconPrefixCls;\n  var shouldWrapSSR = iconPrefixCls !== parentContext.iconPrefixCls;\n  var csp = customCsp || parentContext.csp;\n  var wrapSSR = (0, _style[\"default\"])(iconPrefixCls);\n  var mergedTheme = (0, _useTheme[\"default\"])(theme, parentContext.theme);\n  var config = (0, _extends2[\"default\"])((0, _extends2[\"default\"])({}, parentContext), {\n    csp: csp,\n    autoInsertSpaceInButton: autoInsertSpaceInButton,\n    locale: locale || legacyLocale,\n    direction: direction,\n    space: space,\n    virtual: virtual,\n    dropdownMatchSelectWidth: dropdownMatchSelectWidth,\n    getPrefixCls: getPrefixCls,\n    iconPrefixCls: iconPrefixCls,\n    theme: mergedTheme\n  });\n  // Pass the props used by `useContext` directly with child component.\n  // These props should merged into `config`.\n  PASSED_PROPS.forEach(function (propName) {\n    var propValue = props[propName];\n    if (propValue) {\n      config[propName] = propValue;\n    }\n  });\n  // https://github.com/ant-design/ant-design/issues/27617\n  var memoedConfig = (0, _useMemo[\"default\"])(function () {\n    return config;\n  }, config, function (prevConfig, currentConfig) {\n    var prevKeys = Object.keys(prevConfig);\n    var currentKeys = Object.keys(currentConfig);\n    return prevKeys.length !== currentKeys.length || prevKeys.some(function (key) {\n      return prevConfig[key] !== currentConfig[key];\n    });\n  });\n  var memoIconContextValue = React.useMemo(function () {\n    return {\n      prefixCls: iconPrefixCls,\n      csp: csp\n    };\n  }, [iconPrefixCls, csp]);\n  var childNode = shouldWrapSSR ? wrapSSR(children) : children;\n  // Additional Form provider\n  var validateMessages = {};\n  if (locale) {\n    validateMessages = ((_a = locale.Form) === null || _a === void 0 ? void 0 : _a.defaultValidateMessages) || ((_b = _en_US[\"default\"].Form) === null || _b === void 0 ? void 0 : _b.defaultValidateMessages) || {};\n  }\n  if (form && form.validateMessages) {\n    validateMessages = (0, _extends2[\"default\"])((0, _extends2[\"default\"])({}, validateMessages), form.validateMessages);\n  }\n  if (Object.keys(validateMessages).length > 0) {\n    childNode = /*#__PURE__*/React.createElement(_rcFieldForm.FormProvider, {\n      validateMessages: validateMessages\n    }, children);\n  }\n  if (locale) {\n    childNode = /*#__PURE__*/React.createElement(_localeProvider[\"default\"], {\n      locale: locale,\n      _ANT_MARK__: _localeProvider.ANT_MARK\n    }, childNode);\n  }\n  if (iconPrefixCls || csp) {\n    childNode = /*#__PURE__*/React.createElement(_Context[\"default\"].Provider, {\n      value: memoIconContextValue\n    }, childNode);\n  }\n  if (componentSize) {\n    childNode = /*#__PURE__*/React.createElement(_SizeContext.SizeContextProvider, {\n      size: componentSize\n    }, childNode);\n  }\n  // ================================ Dynamic theme ================================\n  var memoTheme = React.useMemo(function () {\n    var _a = mergedTheme || {},\n      algorithm = _a.algorithm,\n      token = _a.token,\n      rest = __rest(_a, [\"algorithm\", \"token\"]);\n    var themeObj = algorithm && (!Array.isArray(algorithm) || algorithm.length > 0) ? (0, _cssinjs.createTheme)(algorithm) : undefined;\n    return (0, _extends2[\"default\"])((0, _extends2[\"default\"])({}, rest), {\n      theme: themeObj,\n      token: (0, _extends2[\"default\"])((0, _extends2[\"default\"])({}, _seed[\"default\"]), token)\n    });\n  }, [mergedTheme]);\n  if (theme) {\n    childNode = /*#__PURE__*/React.createElement(_theme.DesignTokenContext.Provider, {\n      value: memoTheme\n    }, childNode);\n  }\n  // =================================== Render ===================================\n  if (componentDisabled !== undefined) {\n    childNode = /*#__PURE__*/React.createElement(_DisabledContext.DisabledContextProvider, {\n      disabled: componentDisabled\n    }, childNode);\n  }\n  return /*#__PURE__*/React.createElement(_context.ConfigContext.Provider, {\n    value: memoedConfig\n  }, childNode);\n};\nvar ConfigProvider = function ConfigProvider(props) {\n  return /*#__PURE__*/React.createElement(_LocaleReceiver[\"default\"], null, function (_, __, legacyLocale) {\n    return /*#__PURE__*/React.createElement(_context.ConfigConsumer, null, function (context) {\n      return /*#__PURE__*/React.createElement(ProviderChildren, (0, _extends2[\"default\"])({\n        parentContext: context,\n        legacyLocale: legacyLocale\n      }, props));\n    });\n  });\n};\nConfigProvider.ConfigContext = _context.ConfigContext;\nConfigProvider.SizeContext = _SizeContext[\"default\"];\nConfigProvider.config = setGlobalConfig;\nvar _default = ConfigProvider;\nexports[\"default\"] = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = void 0;\nvar _defineProperty2 = _interopRequireDefault(require(\"@babel/runtime/helpers/defineProperty\"));\nvar _slicedToArray2 = _interopRequireDefault(require(\"@babel/runtime/helpers/slicedToArray\"));\nvar _cssinjs = require(\"@ant-design/cssinjs\");\nvar _style = require(\"../../style\");\nvar _theme = require(\"../../theme\");\nvar useStyle = function useStyle(iconPrefixCls) {\n  var _useToken = (0, _theme.useToken)(),\n    _useToken2 = (0, _slicedToArray2[\"default\"])(_useToken, 2),\n    theme = _useToken2[0],\n    token = _useToken2[1];\n  // Generate style for icons\n  return (0, _cssinjs.useStyleRegister)({\n    theme: theme,\n    token: token,\n    hashId: '',\n    path: ['ant-design-icons', iconPrefixCls]\n  }, function () {\n    return [(0, _defineProperty2[\"default\"])({}, \".\" + iconPrefixCls, (0, _style.resetIcon)())];\n  });\n};\nvar _default = useStyle;\nexports[\"default\"] = _default;","\"use strict\";\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\")[\"default\"];\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = PickerButton;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar React = _interopRequireWildcard(require(\"react\"));\nvar _button = _interopRequireDefault(require(\"../button\"));\nfunction PickerButton(props) {\n  return /*#__PURE__*/React.createElement(_button[\"default\"], (0, _extends2[\"default\"])({\n    size: \"small\",\n    type: \"primary\"\n  }, props));\n}","\"use strict\";\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\")[\"default\"];\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = generateRangePicker;\nvar _defineProperty2 = _interopRequireDefault(require(\"@babel/runtime/helpers/defineProperty\"));\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _slicedToArray2 = _interopRequireDefault(require(\"@babel/runtime/helpers/slicedToArray\"));\nvar _CalendarOutlined = _interopRequireDefault(require(\"@ant-design/icons/CalendarOutlined\"));\nvar _ClockCircleOutlined = _interopRequireDefault(require(\"@ant-design/icons/ClockCircleOutlined\"));\nvar _CloseCircleFilled = _interopRequireDefault(require(\"@ant-design/icons/CloseCircleFilled\"));\nvar _SwapRightOutlined = _interopRequireDefault(require(\"@ant-design/icons/SwapRightOutlined\"));\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\nvar _rcPicker = require(\"rc-picker\");\nvar React = _interopRequireWildcard(require(\"react\"));\nvar _ = require(\".\");\nvar _configProvider = require(\"../../config-provider\");\nvar _DisabledContext = _interopRequireDefault(require(\"../../config-provider/DisabledContext\"));\nvar _SizeContext = _interopRequireDefault(require(\"../../config-provider/SizeContext\"));\nvar _context = require(\"../../form/context\");\nvar _Compact = require(\"../../space/Compact\");\nvar _LocaleReceiver = _interopRequireDefault(require(\"../../locale-provider/LocaleReceiver\"));\nvar _statusUtils = require(\"../../_util/statusUtils\");\nvar _en_US = _interopRequireDefault(require(\"../locale/en_US\"));\nvar _util = require(\"../util\");\nvar _warning = _interopRequireDefault(require(\"../../_util/warning\"));\nvar _style = _interopRequireDefault(require(\"../style\"));\nvar __rest = void 0 && (void 0).__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nfunction generateRangePicker(generateConfig) {\n  var RangePicker = /*#__PURE__*/(0, React.forwardRef)(function (props, ref) {\n    var customizePrefixCls = props.prefixCls,\n      customGetPopupContainer = props.getPopupContainer,\n      className = props.className,\n      placement = props.placement,\n      customizeSize = props.size,\n      customDisabled = props.disabled,\n      _props$bordered = props.bordered,\n      bordered = _props$bordered === void 0 ? true : _props$bordered,\n      placeholder = props.placeholder,\n      popupClassName = props.popupClassName,\n      dropdownClassName = props.dropdownClassName,\n      customStatus = props.status,\n      restProps = __rest(props, [\"prefixCls\", \"getPopupContainer\", \"className\", \"placement\", \"size\", \"disabled\", \"bordered\", \"placeholder\", \"popupClassName\", \"dropdownClassName\", \"status\"]);\n    var innerRef = React.useRef(null);\n    var _useContext = (0, React.useContext)(_configProvider.ConfigContext),\n      getPrefixCls = _useContext.getPrefixCls,\n      direction = _useContext.direction,\n      getPopupContainer = _useContext.getPopupContainer;\n    var prefixCls = getPrefixCls('picker', customizePrefixCls);\n    var _useCompactItemContex = (0, _Compact.useCompactItemContext)(prefixCls, direction),\n      compactSize = _useCompactItemContex.compactSize,\n      compactItemClassnames = _useCompactItemContex.compactItemClassnames;\n    var format = props.format,\n      showTime = props.showTime,\n      picker = props.picker;\n    var rootPrefixCls = getPrefixCls();\n    var _useStyle = (0, _style[\"default\"])(prefixCls),\n      _useStyle2 = (0, _slicedToArray2[\"default\"])(_useStyle, 2),\n      wrapSSR = _useStyle2[0],\n      hashId = _useStyle2[1];\n    var additionalOverrideProps = {};\n    additionalOverrideProps = (0, _extends2[\"default\"])((0, _extends2[\"default\"])((0, _extends2[\"default\"])({}, additionalOverrideProps), showTime ? (0, _.getTimeProps)((0, _extends2[\"default\"])({\n      format: format,\n      picker: picker\n    }, showTime)) : {}), picker === 'time' ? (0, _.getTimeProps)((0, _extends2[\"default\"])((0, _extends2[\"default\"])({\n      format: format\n    }, props), {\n      picker: picker\n    })) : {});\n    // =================== Warning =====================\n    if (process.env.NODE_ENV !== 'production') {\n      process.env.NODE_ENV !== \"production\" ? (0, _warning[\"default\"])(!dropdownClassName, 'DatePicker.RangePicker', '`dropdownClassName` is deprecated. Please use `popupClassName` instead.') : void 0;\n    }\n    // ===================== Size =====================\n    var size = React.useContext(_SizeContext[\"default\"]);\n    var mergedSize = compactSize || customizeSize || size;\n    // ===================== Disabled =====================\n    var disabled = React.useContext(_DisabledContext[\"default\"]);\n    var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;\n    // ===================== FormItemInput =====================\n    var formItemContext = (0, React.useContext)(_context.FormItemInputContext);\n    var hasFeedback = formItemContext.hasFeedback,\n      contextStatus = formItemContext.status,\n      feedbackIcon = formItemContext.feedbackIcon;\n    var suffixNode = /*#__PURE__*/React.createElement(React.Fragment, null, picker === 'time' ? /*#__PURE__*/React.createElement(_ClockCircleOutlined[\"default\"], null) : /*#__PURE__*/React.createElement(_CalendarOutlined[\"default\"], null), hasFeedback && feedbackIcon);\n    (0, React.useImperativeHandle)(ref, function () {\n      return {\n        focus: function focus() {\n          var _a;\n          return (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.focus();\n        },\n        blur: function blur() {\n          var _a;\n          return (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.blur();\n        }\n      };\n    });\n    return wrapSSR( /*#__PURE__*/React.createElement(_LocaleReceiver[\"default\"], {\n      componentName: \"DatePicker\",\n      defaultLocale: _en_US[\"default\"]\n    }, function (contextLocale) {\n      var _classNames;\n      var locale = (0, _extends2[\"default\"])((0, _extends2[\"default\"])({}, contextLocale), props.locale);\n      return /*#__PURE__*/React.createElement(_rcPicker.RangePicker, (0, _extends2[\"default\"])({\n        separator: /*#__PURE__*/React.createElement(\"span\", {\n          \"aria-label\": \"to\",\n          className: prefixCls + \"-separator\"\n        }, /*#__PURE__*/React.createElement(_SwapRightOutlined[\"default\"], null)),\n        disabled: mergedDisabled,\n        ref: innerRef,\n        dropdownAlign: (0, _util.transPlacement2DropdownAlign)(direction, placement),\n        placeholder: (0, _util.getRangePlaceholder)(picker, locale, placeholder),\n        suffixIcon: suffixNode,\n        clearIcon: /*#__PURE__*/React.createElement(_CloseCircleFilled[\"default\"], null),\n        prevIcon: /*#__PURE__*/React.createElement(\"span\", {\n          className: prefixCls + \"-prev-icon\"\n        }),\n        nextIcon: /*#__PURE__*/React.createElement(\"span\", {\n          className: prefixCls + \"-next-icon\"\n        }),\n        superPrevIcon: /*#__PURE__*/React.createElement(\"span\", {\n          className: prefixCls + \"-super-prev-icon\"\n        }),\n        superNextIcon: /*#__PURE__*/React.createElement(\"span\", {\n          className: prefixCls + \"-super-next-icon\"\n        }),\n        allowClear: true,\n        transitionName: rootPrefixCls + \"-slide-up\"\n      }, restProps, additionalOverrideProps, {\n        className: (0, _classnames[\"default\"])((_classNames = {}, (0, _defineProperty2[\"default\"])(_classNames, prefixCls + \"-\" + mergedSize, mergedSize), (0, _defineProperty2[\"default\"])(_classNames, prefixCls + \"-borderless\", !bordered), _classNames), (0, _statusUtils.getStatusClassNames)(prefixCls, (0, _statusUtils.getMergedStatus)(contextStatus, customStatus), hasFeedback), hashId, compactItemClassnames, className),\n        locale: locale.lang,\n        prefixCls: prefixCls,\n        getPopupContainer: customGetPopupContainer || getPopupContainer,\n        generateConfig: generateConfig,\n        components: _.Components,\n        direction: direction,\n        dropdownClassName: (0, _classnames[\"default\"])(hashId, popupClassName || dropdownClassName)\n      }));\n    }));\n  });\n  return RangePicker;\n}","\"use strict\";\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\")[\"default\"];\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = generatePicker;\nvar _defineProperty2 = _interopRequireDefault(require(\"@babel/runtime/helpers/defineProperty\"));\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _slicedToArray2 = _interopRequireDefault(require(\"@babel/runtime/helpers/slicedToArray\"));\nvar _CalendarOutlined = _interopRequireDefault(require(\"@ant-design/icons/CalendarOutlined\"));\nvar _ClockCircleOutlined = _interopRequireDefault(require(\"@ant-design/icons/ClockCircleOutlined\"));\nvar _CloseCircleFilled = _interopRequireDefault(require(\"@ant-design/icons/CloseCircleFilled\"));\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\nvar _rcPicker = _interopRequireDefault(require(\"rc-picker\"));\nvar React = _interopRequireWildcard(require(\"react\"));\nvar _Compact = require(\"../../space/Compact\");\nvar _ = require(\".\");\nvar _configProvider = require(\"../../config-provider\");\nvar _DisabledContext = _interopRequireDefault(require(\"../../config-provider/DisabledContext\"));\nvar _SizeContext = _interopRequireDefault(require(\"../../config-provider/SizeContext\"));\nvar _context = require(\"../../form/context\");\nvar _LocaleReceiver = _interopRequireDefault(require(\"../../locale-provider/LocaleReceiver\"));\nvar _statusUtils = require(\"../../_util/statusUtils\");\nvar _warning = _interopRequireDefault(require(\"../../_util/warning\"));\nvar _en_US = _interopRequireDefault(require(\"../locale/en_US\"));\nvar _util = require(\"../util\");\nvar _style = _interopRequireDefault(require(\"../style\"));\nvar __rest = void 0 && (void 0).__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nfunction generatePicker(generateConfig) {\n  function getPicker(picker, displayName) {\n    var Picker = /*#__PURE__*/(0, React.forwardRef)(function (props, ref) {\n      var customizePrefixCls = props.prefixCls,\n        customizeGetPopupContainer = props.getPopupContainer,\n        className = props.className,\n        customizeSize = props.size,\n        _props$bordered = props.bordered,\n        bordered = _props$bordered === void 0 ? true : _props$bordered,\n        placement = props.placement,\n        placeholder = props.placeholder,\n        popupClassName = props.popupClassName,\n        dropdownClassName = props.dropdownClassName,\n        customDisabled = props.disabled,\n        customStatus = props.status,\n        restProps = __rest(props, [\"prefixCls\", \"getPopupContainer\", \"className\", \"size\", \"bordered\", \"placement\", \"placeholder\", \"popupClassName\", \"dropdownClassName\", \"disabled\", \"status\"]);\n      var _useContext = (0, React.useContext)(_configProvider.ConfigContext),\n        getPrefixCls = _useContext.getPrefixCls,\n        direction = _useContext.direction,\n        getPopupContainer = _useContext.getPopupContainer;\n      var prefixCls = getPrefixCls('picker', customizePrefixCls);\n      var _useCompactItemContex = (0, _Compact.useCompactItemContext)(prefixCls, direction),\n        compactSize = _useCompactItemContex.compactSize,\n        compactItemClassnames = _useCompactItemContex.compactItemClassnames;\n      var innerRef = React.useRef(null);\n      var format = props.format,\n        showTime = props.showTime;\n      var _useStyle = (0, _style[\"default\"])(prefixCls),\n        _useStyle2 = (0, _slicedToArray2[\"default\"])(_useStyle, 2),\n        wrapSSR = _useStyle2[0],\n        hashId = _useStyle2[1];\n      (0, React.useImperativeHandle)(ref, function () {\n        return {\n          focus: function focus() {\n            var _a;\n            return (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.focus();\n          },\n          blur: function blur() {\n            var _a;\n            return (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.blur();\n          }\n        };\n      });\n      var additionalProps = {\n        showToday: true\n      };\n      var additionalOverrideProps = {};\n      if (picker) {\n        additionalOverrideProps.picker = picker;\n      }\n      var mergedPicker = picker || props.picker;\n      additionalOverrideProps = (0, _extends2[\"default\"])((0, _extends2[\"default\"])((0, _extends2[\"default\"])({}, additionalOverrideProps), showTime ? (0, _.getTimeProps)((0, _extends2[\"default\"])({\n        format: format,\n        picker: mergedPicker\n      }, showTime)) : {}), mergedPicker === 'time' ? (0, _.getTimeProps)((0, _extends2[\"default\"])((0, _extends2[\"default\"])({\n        format: format\n      }, props), {\n        picker: mergedPicker\n      })) : {});\n      var rootPrefixCls = getPrefixCls();\n      // =================== Warning =====================\n      if (process.env.NODE_ENV !== 'production') {\n        process.env.NODE_ENV !== \"production\" ? (0, _warning[\"default\"])(picker !== 'quarter', displayName, \"DatePicker.\" + displayName + \" is legacy usage. Please use DatePicker[picker='\" + picker + \"'] directly.\") : void 0;\n        process.env.NODE_ENV !== \"production\" ? (0, _warning[\"default\"])(!dropdownClassName, displayName || 'DatePicker', '`dropdownClassName` is deprecated. Please use `popupClassName` instead.') : void 0;\n      }\n      // ===================== Size =====================\n      var size = React.useContext(_SizeContext[\"default\"]);\n      var mergedSize = compactSize || customizeSize || size;\n      // ===================== Disabled =====================\n      var disabled = React.useContext(_DisabledContext[\"default\"]);\n      var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;\n      // ===================== FormItemInput =====================\n      var formItemContext = (0, React.useContext)(_context.FormItemInputContext);\n      var hasFeedback = formItemContext.hasFeedback,\n        contextStatus = formItemContext.status,\n        feedbackIcon = formItemContext.feedbackIcon;\n      var suffixNode = /*#__PURE__*/React.createElement(React.Fragment, null, mergedPicker === 'time' ? /*#__PURE__*/React.createElement(_ClockCircleOutlined[\"default\"], null) : /*#__PURE__*/React.createElement(_CalendarOutlined[\"default\"], null), hasFeedback && feedbackIcon);\n      return wrapSSR( /*#__PURE__*/React.createElement(_LocaleReceiver[\"default\"], {\n        componentName: \"DatePicker\",\n        defaultLocale: _en_US[\"default\"]\n      }, function (contextLocale) {\n        var _classNames;\n        var locale = (0, _extends2[\"default\"])((0, _extends2[\"default\"])({}, contextLocale), props.locale);\n        return /*#__PURE__*/React.createElement(_rcPicker[\"default\"], (0, _extends2[\"default\"])({\n          ref: innerRef,\n          placeholder: (0, _util.getPlaceholder)(mergedPicker, locale, placeholder),\n          suffixIcon: suffixNode,\n          dropdownAlign: (0, _util.transPlacement2DropdownAlign)(direction, placement),\n          clearIcon: /*#__PURE__*/React.createElement(_CloseCircleFilled[\"default\"], null),\n          prevIcon: /*#__PURE__*/React.createElement(\"span\", {\n            className: prefixCls + \"-prev-icon\"\n          }),\n          nextIcon: /*#__PURE__*/React.createElement(\"span\", {\n            className: prefixCls + \"-next-icon\"\n          }),\n          superPrevIcon: /*#__PURE__*/React.createElement(\"span\", {\n            className: prefixCls + \"-super-prev-icon\"\n          }),\n          superNextIcon: /*#__PURE__*/React.createElement(\"span\", {\n            className: prefixCls + \"-super-next-icon\"\n          }),\n          allowClear: true,\n          transitionName: rootPrefixCls + \"-slide-up\"\n        }, additionalProps, restProps, additionalOverrideProps, {\n          locale: locale.lang,\n          className: (0, _classnames[\"default\"])((_classNames = {}, (0, _defineProperty2[\"default\"])(_classNames, prefixCls + \"-\" + mergedSize, mergedSize), (0, _defineProperty2[\"default\"])(_classNames, prefixCls + \"-borderless\", !bordered), _classNames), (0, _statusUtils.getStatusClassNames)(prefixCls, (0, _statusUtils.getMergedStatus)(contextStatus, customStatus), hasFeedback), hashId, compactItemClassnames, className),\n          prefixCls: prefixCls,\n          getPopupContainer: customizeGetPopupContainer || getPopupContainer,\n          generateConfig: generateConfig,\n          components: _.Components,\n          direction: direction,\n          disabled: mergedDisabled,\n          dropdownClassName: (0, _classnames[\"default\"])(hashId, popupClassName || dropdownClassName)\n        }));\n      }));\n    });\n    if (displayName) {\n      Picker.displayName = displayName;\n    }\n    return Picker;\n  }\n  var DatePicker = getPicker();\n  var WeekPicker = getPicker('week', 'WeekPicker');\n  var MonthPicker = getPicker('month', 'MonthPicker');\n  var YearPicker = getPicker('year', 'YearPicker');\n  var TimePicker = getPicker('time', 'TimePicker');\n  var QuarterPicker = getPicker('quarter', 'QuarterPicker');\n  return {\n    DatePicker: DatePicker,\n    WeekPicker: WeekPicker,\n    MonthPicker: MonthPicker,\n    YearPicker: YearPicker,\n    TimePicker: TimePicker,\n    QuarterPicker: QuarterPicker\n  };\n}","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = exports.Components = void 0;\nexports.getTimeProps = getTimeProps;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _type = require(\"../../_util/type\");\nvar _PickerButton = _interopRequireDefault(require(\"../PickerButton\"));\nvar _generateRangePicker = _interopRequireDefault(require(\"./generateRangePicker\"));\nvar _generateSinglePicker2 = _interopRequireDefault(require(\"./generateSinglePicker\"));\nvar Components = {\n  button: _PickerButton[\"default\"]\n};\nexports.Components = Components;\nfunction toArray(list) {\n  if (!list) {\n    return [];\n  }\n  return Array.isArray(list) ? list : [list];\n}\nfunction getTimeProps(props) {\n  var format = props.format,\n    picker = props.picker,\n    showHour = props.showHour,\n    showMinute = props.showMinute,\n    showSecond = props.showSecond,\n    use12Hours = props.use12Hours;\n  var firstFormat = toArray(format)[0];\n  var showTimeObj = (0, _extends2[\"default\"])({}, props);\n  if (firstFormat && typeof firstFormat === 'string') {\n    if (!firstFormat.includes('s') && showSecond === undefined) {\n      showTimeObj.showSecond = false;\n    }\n    if (!firstFormat.includes('m') && showMinute === undefined) {\n      showTimeObj.showMinute = false;\n    }\n    if (!firstFormat.includes('H') && !firstFormat.includes('h') && showHour === undefined) {\n      showTimeObj.showHour = false;\n    }\n    if ((firstFormat.includes('a') || firstFormat.includes('A')) && use12Hours === undefined) {\n      showTimeObj.use12Hours = true;\n    }\n  }\n  if (picker === 'time') {\n    return showTimeObj;\n  }\n  if (typeof firstFormat === 'function') {\n    // format of showTime should use default when format is custom format function\n    delete showTimeObj.format;\n  }\n  return {\n    showTime: showTimeObj\n  };\n}\nvar DataPickerPlacements = (0, _type.tuple)('bottomLeft', 'bottomRight', 'topLeft', 'topRight');\nfunction generatePicker(generateConfig) {\n  // =========================== Picker ===========================\n  var _generateSinglePicker = (0, _generateSinglePicker2[\"default\"])(generateConfig),\n    DatePicker = _generateSinglePicker.DatePicker,\n    WeekPicker = _generateSinglePicker.WeekPicker,\n    MonthPicker = _generateSinglePicker.MonthPicker,\n    YearPicker = _generateSinglePicker.YearPicker,\n    TimePicker = _generateSinglePicker.TimePicker,\n    QuarterPicker = _generateSinglePicker.QuarterPicker;\n  // ======================== Range Picker ========================\n  var RangePicker = (0, _generateRangePicker[\"default\"])(generateConfig);\n  var MergedDatePicker = DatePicker;\n  MergedDatePicker.WeekPicker = WeekPicker;\n  MergedDatePicker.MonthPicker = MonthPicker;\n  MergedDatePicker.YearPicker = YearPicker;\n  MergedDatePicker.RangePicker = RangePicker;\n  MergedDatePicker.TimePicker = TimePicker;\n  MergedDatePicker.QuarterPicker = QuarterPicker;\n  return MergedDatePicker;\n}\nvar _default = generatePicker;\nexports[\"default\"] = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _en_US = _interopRequireDefault(require(\"rc-picker/lib/locale/en_US\"));\nvar _en_US2 = _interopRequireDefault(require(\"../../time-picker/locale/en_US\"));\n// Merge into a locale object\nvar locale = {\n  lang: (0, _extends2[\"default\"])({\n    placeholder: 'Select date',\n    yearPlaceholder: 'Select year',\n    quarterPlaceholder: 'Select quarter',\n    monthPlaceholder: 'Select month',\n    weekPlaceholder: 'Select week',\n    rangePlaceholder: ['Start date', 'End date'],\n    rangeYearPlaceholder: ['Start year', 'End year'],\n    rangeQuarterPlaceholder: ['Start quarter', 'End quarter'],\n    rangeMonthPlaceholder: ['Start month', 'End month'],\n    rangeWeekPlaceholder: ['Start week', 'End week']\n  }, _en_US[\"default\"]),\n  timePickerLocale: (0, _extends2[\"default\"])({}, _en_US2[\"default\"])\n};\n// All settings at:\n// https://github.com/ant-design/ant-design/blob/master/components/date-picker/locale/example.json\nvar _default = locale;\nexports[\"default\"] = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.initPickerPanelToken = exports.genPanelStyle = exports[\"default\"] = void 0;\nvar _extends5 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _defineProperty2 = _interopRequireDefault(require(\"@babel/runtime/helpers/defineProperty\"));\nvar _tinycolor = require(\"@ctrl/tinycolor\");\nvar _style = require(\"../../input/style\");\nvar _motion = require(\"../../style/motion\");\nvar _theme = require(\"../../theme\");\nvar _style2 = require(\"../../style\");\nvar _compactItem = require(\"../../style/compact-item\");\nvar genPikerPadding = function genPikerPadding(token, inputHeight, fontSize, paddingHorizontal) {\n  var lineHeight = token.lineHeight;\n  var fontHeight = Math.floor(fontSize * lineHeight) + 2;\n  var paddingTop = Math.max((inputHeight - fontHeight) / 2, 0);\n  var paddingBottom = Math.max(inputHeight - fontHeight - paddingTop, 0);\n  return {\n    padding: paddingTop + \"px \" + paddingHorizontal + \"px \" + paddingBottom + \"px\"\n  };\n};\nvar genPickerCellInnerStyle = function genPickerCellInnerStyle(token) {\n  var _disabled, _ref;\n  var componentCls = token.componentCls,\n    pickerCellInnerCls = token.pickerCellInnerCls,\n    pickerPanelCellHeight = token.pickerPanelCellHeight,\n    motionDurationSlow = token.motionDurationSlow,\n    borderRadiusSM = token.borderRadiusSM,\n    motionDurationMid = token.motionDurationMid,\n    controlItemBgHover = token.controlItemBgHover,\n    lineWidth = token.lineWidth,\n    lineType = token.lineType,\n    colorPrimary = token.colorPrimary,\n    controlItemBgActive = token.controlItemBgActive,\n    colorTextLightSolid = token.colorTextLightSolid,\n    controlHeightSM = token.controlHeightSM,\n    pickerDateHoverRangeBorderColor = token.pickerDateHoverRangeBorderColor,\n    pickerCellBorderGap = token.pickerCellBorderGap,\n    pickerBasicCellHoverWithRangeColor = token.pickerBasicCellHoverWithRangeColor,\n    pickerPanelCellWidth = token.pickerPanelCellWidth,\n    colorTextDisabled = token.colorTextDisabled,\n    colorBgContainerDisabled = token.colorBgContainerDisabled;\n  return _ref = {\n    '&::before': {\n      position: 'absolute',\n      top: '50%',\n      insetInlineStart: 0,\n      insetInlineEnd: 0,\n      zIndex: 1,\n      height: pickerPanelCellHeight,\n      transform: 'translateY(-50%)',\n      transition: \"all \" + motionDurationSlow,\n      content: '\"\"'\n    }\n  }, (0, _defineProperty2[\"default\"])(_ref, pickerCellInnerCls, {\n    position: 'relative',\n    zIndex: 2,\n    display: 'inline-block',\n    minWidth: pickerPanelCellHeight,\n    height: pickerPanelCellHeight,\n    lineHeight: pickerPanelCellHeight + \"px\",\n    borderRadius: borderRadiusSM,\n    transition: \"background \" + motionDurationMid + \", border \" + motionDurationMid\n  }), (0, _defineProperty2[\"default\"])(_ref, \"&:hover:not(&-in-view),\\n    &:hover:not(&-selected):not(&-range-start):not(&-range-end):not(&-range-hover-start):not(&-range-hover-end)\", (0, _defineProperty2[\"default\"])({}, pickerCellInnerCls, {\n    background: controlItemBgHover\n  })), (0, _defineProperty2[\"default\"])(_ref, \"&-in-view:is(&-today) \" + pickerCellInnerCls, {\n    '&::before': {\n      position: 'absolute',\n      top: 0,\n      insetInlineEnd: 0,\n      bottom: 0,\n      insetInlineStart: 0,\n      zIndex: 1,\n      border: lineWidth + \"px \" + lineType + \" \" + colorPrimary,\n      borderRadius: borderRadiusSM,\n      content: '\"\"'\n    }\n  }), (0, _defineProperty2[\"default\"])(_ref, '&-in-view:is(&-in-range)', {\n    position: 'relative',\n    '&::before': {\n      background: controlItemBgActive\n    }\n  }), (0, _defineProperty2[\"default\"])(_ref, \"&-in-view:is(&-selected) \" + pickerCellInnerCls + \",\\n    &-in-view:is(&-range-start) \" + pickerCellInnerCls + \",\\n    &-in-view:is(&-range-end) \" + pickerCellInnerCls, {\n    color: colorTextLightSolid,\n    background: colorPrimary\n  }), (0, _defineProperty2[\"default\"])(_ref, \"&-in-view:is(&-range-start):not(&-range-start-single),\\n      &-in-view:is(&-range-end):not(&-range-end-single)\", {\n    '&::before': {\n      background: controlItemBgActive\n    }\n  }), (0, _defineProperty2[\"default\"])(_ref, '&-in-view:is(&-range-start)::before', {\n    insetInlineStart: '50%'\n  }), (0, _defineProperty2[\"default\"])(_ref, '&-in-view:is(&-range-end)::before', {\n    insetInlineEnd: '50%'\n  }), (0, _defineProperty2[\"default\"])(_ref, \"&-in-view:is(&-range-hover-start):not(&-in-range):not(&-range-start):not(&-range-end),\\n      &-in-view:is(&-range-hover-end):not(&-in-range):not(&-range-start):not(&-range-end),\\n      &-in-view:is(&-range-hover-start):is(&-range-start-single),\\n      &-in-view:is(&-range-hover-start):is(&-range-start):is(&-range-end):is(&-range-end-near-hover),\\n      &-in-view:is(&-range-hover-end):is(&-range-start):is(&-range-end):is(&-range-start-near-hover),\\n      &-in-view:is(&-range-hover-end):is(&-range-end-single),\\n      &-in-view:is(&-range-hover):not(&-in-range)\", {\n    '&::after': {\n      position: 'absolute',\n      top: '50%',\n      zIndex: 0,\n      height: controlHeightSM,\n      borderTop: lineWidth + \"px dashed \" + pickerDateHoverRangeBorderColor,\n      borderBottom: lineWidth + \"px dashed \" + pickerDateHoverRangeBorderColor,\n      transform: 'translateY(-50%)',\n      transition: \"all \" + motionDurationSlow,\n      content: '\"\"'\n    }\n  }), (0, _defineProperty2[\"default\"])(_ref, \"&-range-hover-start::after,\\n      &-range-hover-end::after,\\n      &-range-hover::after\", {\n    insetInlineEnd: 0,\n    insetInlineStart: pickerCellBorderGap\n  }), (0, _defineProperty2[\"default\"])(_ref, \"&-in-view:is(&-in-range):is(&-range-hover)::before,\\n      &-in-view:is(&-range-start):is(&-range-hover)::before,\\n      &-in-view:is(&-range-end):is(&-range-hover)::before,\\n      &-in-view:is(&-range-start):not(&-range-start-single):is(&-range-hover-start)::before,\\n      &-in-view:is(&-range-end):not(&-range-end-single):is(&-range-hover-end)::before,\\n      \" + componentCls + \"-panel\\n      > :not(\" + componentCls + \"-date-panel)\\n      &-in-view:is(&-in-range):is(&-range-hover-start)::before,\\n      \" + componentCls + \"-panel\\n      > :not(\" + componentCls + \"-date-panel)\\n      &-in-view:is(&-in-range):is(&-range-hover-end)::before\", {\n    background: pickerBasicCellHoverWithRangeColor\n  }), (0, _defineProperty2[\"default\"])(_ref, \"&-in-view:is(&-range-start):not(&-range-start-single):not(&-range-end) \" + pickerCellInnerCls, {\n    borderStartStartRadius: borderRadiusSM,\n    borderEndStartRadius: borderRadiusSM,\n    borderStartEndRadius: 0,\n    borderEndEndRadius: 0\n  }), (0, _defineProperty2[\"default\"])(_ref, \"&-in-view:is(&-range-end):not(&-range-end-single):not(&-range-start) \" + pickerCellInnerCls, {\n    borderStartStartRadius: 0,\n    borderEndStartRadius: 0,\n    borderStartEndRadius: borderRadiusSM,\n    borderEndEndRadius: borderRadiusSM\n  }), (0, _defineProperty2[\"default\"])(_ref, '&-range-hover:is(&-range-end)::after', {\n    insetInlineStart: '50%'\n  }), (0, _defineProperty2[\"default\"])(_ref, \"tr > &-in-view:is(&-range-hover):first-child::after,\\n      tr > &-in-view:is(&-range-hover-end):first-child::after,\\n      &-in-view:is(&-start):is(&-range-hover-edge-start):is(&-range-hover-edge-start-near-range)::after,\\n      &-in-view:is(&-range-hover-edge-start):not(&-range-hover-edge-start-near-range)::after,\\n      &-in-view:is(&-range-hover-start)::after\", {\n    insetInlineStart: (pickerPanelCellWidth - pickerPanelCellHeight) / 2,\n    borderInlineStart: lineWidth + \"px dashed \" + pickerDateHoverRangeBorderColor,\n    borderStartStartRadius: lineWidth,\n    borderEndStartRadius: lineWidth\n  }), (0, _defineProperty2[\"default\"])(_ref, \"tr > &-in-view:is(&-range-hover):last-child::after,\\n      tr > &-in-view:is(&-range-hover-start):last-child::after,\\n      &-in-view:is(&-end):is(&-range-hover-edge-end):is(&-range-hover-edge-end-near-range)::after,\\n      &-in-view:is(&-range-hover-edge-end):not(&-range-hover-edge-end-near-range)::after,\\n      &-in-view:is(&-range-hover-end)::after\", {\n    insetInlineEnd: (pickerPanelCellWidth - pickerPanelCellHeight) / 2,\n    borderInlineEnd: lineWidth + \"px dashed \" + pickerDateHoverRangeBorderColor,\n    borderStartEndRadius: lineWidth,\n    borderEndEndRadius: lineWidth\n  }), (0, _defineProperty2[\"default\"])(_ref, '&-disabled', (_disabled = {\n    color: colorTextDisabled,\n    pointerEvents: 'none'\n  }, (0, _defineProperty2[\"default\"])(_disabled, pickerCellInnerCls, {\n    background: 'transparent'\n  }), (0, _defineProperty2[\"default\"])(_disabled, '&::before', {\n    background: colorBgContainerDisabled\n  }), _disabled)), (0, _defineProperty2[\"default\"])(_ref, \"&-disabled:is(&-today) \" + pickerCellInnerCls + \"::before\", {\n    borderColor: colorTextDisabled\n  }), _ref;\n};\nvar genPanelStyle = function genPanelStyle(token) {\n  var _rtl, _decadePanel, _decadePanel2, _yearPanel, _selectedTd, _weekPanel, _datePanel, _datetimePanel, _ref5, _timePanel, _componentCls;\n  var componentCls = token.componentCls,\n    pickerCellInnerCls = token.pickerCellInnerCls,\n    pickerYearMonthCellWidth = token.pickerYearMonthCellWidth,\n    pickerControlIconSize = token.pickerControlIconSize,\n    pickerPanelCellWidth = token.pickerPanelCellWidth,\n    paddingSM = token.paddingSM,\n    paddingXS = token.paddingXS,\n    colorBgContainer = token.colorBgContainer,\n    lineWidth = token.lineWidth,\n    lineType = token.lineType,\n    borderRadiusLG = token.borderRadiusLG,\n    colorPrimary = token.colorPrimary,\n    colorTextHeading = token.colorTextHeading,\n    colorSplit = token.colorSplit,\n    pickerControlIconBorderWidth = token.pickerControlIconBorderWidth,\n    colorIcon = token.colorIcon,\n    pickerTextHeight = token.pickerTextHeight,\n    motionDurationMid = token.motionDurationMid,\n    colorIconHover = token.colorIconHover,\n    fontWeightStrong = token.fontWeightStrong,\n    pickerPanelCellHeight = token.pickerPanelCellHeight,\n    pickerCellPaddingVertical = token.pickerCellPaddingVertical,\n    colorTextDisabled = token.colorTextDisabled,\n    colorText = token.colorText,\n    fontSize = token.fontSize,\n    pickerBasicCellHoverWithRangeColor = token.pickerBasicCellHoverWithRangeColor,\n    motionDurationSlow = token.motionDurationSlow,\n    pickerPanelWithoutTimeCellHeight = token.pickerPanelWithoutTimeCellHeight,\n    pickerQuarterPanelContentHeight = token.pickerQuarterPanelContentHeight,\n    colorLink = token.colorLink,\n    colorLinkActive = token.colorLinkActive,\n    colorLinkHover = token.colorLinkHover,\n    pickerDateHoverRangeBorderColor = token.pickerDateHoverRangeBorderColor,\n    borderRadiusSM = token.borderRadiusSM,\n    colorTextLightSolid = token.colorTextLightSolid,\n    borderRadius = token.borderRadius,\n    controlItemBgHover = token.controlItemBgHover,\n    pickerTimePanelColumnHeight = token.pickerTimePanelColumnHeight,\n    pickerTimePanelColumnWidth = token.pickerTimePanelColumnWidth,\n    pickerTimePanelCellHeight = token.pickerTimePanelCellHeight,\n    controlItemBgActive = token.controlItemBgActive,\n    marginXXS = token.marginXXS;\n  var pickerPanelWidth = pickerPanelCellWidth * 7 + paddingSM * 2 + 4;\n  var hoverCellFixedDistance = (pickerPanelWidth - paddingXS * 2) / 3 - pickerYearMonthCellWidth / 2;\n  return (0, _defineProperty2[\"default\"])({}, componentCls, (_componentCls = {\n    '&-panel': {\n      display: 'inline-flex',\n      flexDirection: 'column',\n      textAlign: 'center',\n      background: colorBgContainer,\n      border: lineWidth + \"px \" + lineType + \" \" + colorSplit,\n      borderRadius: borderRadiusLG,\n      outline: 'none',\n      '&-focused': {\n        borderColor: colorPrimary\n      },\n      '&-rtl': (_rtl = {\n        direction: 'rtl'\n      }, (0, _defineProperty2[\"default\"])(_rtl, componentCls + \"-prev-icon,\\n              \" + componentCls + \"-super-prev-icon\", {\n        transform: 'rotate(135deg)'\n      }), (0, _defineProperty2[\"default\"])(_rtl, componentCls + \"-next-icon,\\n              \" + componentCls + \"-super-next-icon\", {\n        transform: 'rotate(-45deg)'\n      }), _rtl)\n    }\n  }, (0, _defineProperty2[\"default\"])(_componentCls, \"&-decade-panel,\\n        &-year-panel,\\n        &-quarter-panel,\\n        &-month-panel,\\n        &-week-panel,\\n        &-date-panel,\\n        &-time-panel\", {\n    display: 'flex',\n    flexDirection: 'column',\n    width: pickerPanelWidth\n  }), (0, _defineProperty2[\"default\"])(_componentCls, '&-header', {\n    display: 'flex',\n    padding: \"0 \" + paddingXS + \"px\",\n    color: colorTextHeading,\n    borderBottom: lineWidth + \"px \" + lineType + \" \" + colorSplit,\n    '> *': {\n      flex: 'none'\n    },\n    button: {\n      padding: 0,\n      color: colorIcon,\n      lineHeight: pickerTextHeight + \"px\",\n      background: 'transparent',\n      border: 0,\n      cursor: 'pointer',\n      transition: \"color \" + motionDurationMid\n    },\n    '> button': {\n      minWidth: '1.6em',\n      fontSize: fontSize,\n      '&:hover': {\n        color: colorIconHover\n      }\n    },\n    '&-view': {\n      flex: 'auto',\n      fontWeight: fontWeightStrong,\n      lineHeight: pickerTextHeight + \"px\",\n      button: {\n        color: 'inherit',\n        fontWeight: 'inherit',\n        verticalAlign: 'top',\n        '&:not(:first-child)': {\n          marginInlineStart: paddingXS\n        },\n        '&:hover': {\n          color: colorPrimary\n        }\n      }\n    }\n  }), (0, _defineProperty2[\"default\"])(_componentCls, \"&-prev-icon,\\n        &-next-icon,\\n        &-super-prev-icon,\\n        &-super-next-icon\", {\n    position: 'relative',\n    display: 'inline-block',\n    width: pickerControlIconSize,\n    height: pickerControlIconSize,\n    '&::before': {\n      position: 'absolute',\n      top: 0,\n      insetInlineStart: 0,\n      display: 'inline-block',\n      width: pickerControlIconSize,\n      height: pickerControlIconSize,\n      border: \"0 solid currentcolor\",\n      borderBlockStartWidth: pickerControlIconBorderWidth,\n      borderBlockEndWidth: 0,\n      borderInlineStartWidth: pickerControlIconBorderWidth,\n      borderInlineEndWidth: 0,\n      content: '\"\"'\n    }\n  }), (0, _defineProperty2[\"default\"])(_componentCls, \"&-super-prev-icon,\\n        &-super-next-icon\", {\n    '&::after': {\n      position: 'absolute',\n      top: Math.ceil(pickerControlIconSize / 2),\n      insetInlineStart: Math.ceil(pickerControlIconSize / 2),\n      display: 'inline-block',\n      width: pickerControlIconSize,\n      height: pickerControlIconSize,\n      border: '0 solid currentcolor',\n      borderBlockStartWidth: pickerControlIconBorderWidth,\n      borderBlockEndWidth: 0,\n      borderInlineStartWidth: pickerControlIconBorderWidth,\n      borderInlineEndWidth: 0,\n      content: '\"\"'\n    }\n  }), (0, _defineProperty2[\"default\"])(_componentCls, \"&-prev-icon,\\n        &-super-prev-icon\", {\n    transform: 'rotate(-45deg)'\n  }), (0, _defineProperty2[\"default\"])(_componentCls, \"&-next-icon,\\n        &-super-next-icon\", {\n    transform: 'rotate(135deg)'\n  }), (0, _defineProperty2[\"default\"])(_componentCls, '&-content', {\n    width: '100%',\n    tableLayout: 'fixed',\n    borderCollapse: 'collapse',\n    'th, td': {\n      position: 'relative',\n      minWidth: pickerPanelCellHeight,\n      fontWeight: 'normal'\n    },\n    th: {\n      height: pickerPanelCellHeight + pickerCellPaddingVertical * 2,\n      color: colorText,\n      verticalAlign: 'middle'\n    }\n  }), (0, _defineProperty2[\"default\"])(_componentCls, '&-cell', (0, _extends5[\"default\"])({\n    padding: pickerCellPaddingVertical + \"px 0\",\n    color: colorTextDisabled,\n    cursor: 'pointer',\n    // In view\n    '&-in-view': {\n      color: colorText\n    }\n  }, genPickerCellInnerStyle(token))), (0, _defineProperty2[\"default\"])(_componentCls, \"&-date-panel \" + componentCls + \"-cell-in-view\" + componentCls + \"-cell-in-range\" + componentCls + \"-cell-range-hover-start \" + pickerCellInnerCls + \",\\n        &-date-panel \" + componentCls + \"-cell-in-view\" + componentCls + \"-cell-in-range\" + componentCls + \"-cell-range-hover-end \" + pickerCellInnerCls, {\n    '&::after': {\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      zIndex: -1,\n      background: pickerBasicCellHoverWithRangeColor,\n      transition: \"all \" + motionDurationSlow,\n      content: '\"\"'\n    }\n  }), (0, _defineProperty2[\"default\"])(_componentCls, \"&-date-panel\\n        \" + componentCls + \"-cell-in-view\" + componentCls + \"-cell-in-range\" + componentCls + \"-cell-range-hover-start\\n        \" + pickerCellInnerCls + \"::after\", {\n    insetInlineEnd: (pickerPanelCellWidth - pickerPanelCellHeight) / 2,\n    insetInlineStart: 0\n  }), (0, _defineProperty2[\"default\"])(_componentCls, \"&-date-panel \" + componentCls + \"-cell-in-view\" + componentCls + \"-cell-in-range\" + componentCls + \"-cell-range-hover-end \" + pickerCellInnerCls + \"::after\", {\n    insetInlineEnd: 0,\n    insetInlineStart: (pickerPanelCellWidth - pickerPanelCellHeight) / 2\n  }), (0, _defineProperty2[\"default\"])(_componentCls, '&-range-hover:is(&-range-start)::after', {\n    insetInlineEnd: '50%'\n  }), (0, _defineProperty2[\"default\"])(_componentCls, \"&-decade-panel,\\n        &-year-panel,\\n        &-quarter-panel,\\n        &-month-panel\", (_decadePanel = {}, (0, _defineProperty2[\"default\"])(_decadePanel, componentCls + \"-content\", {\n    height: pickerPanelWithoutTimeCellHeight * 4\n  }), (0, _defineProperty2[\"default\"])(_decadePanel, pickerCellInnerCls, {\n    padding: \"0 \" + paddingXS + \"px\"\n  }), _decadePanel)), (0, _defineProperty2[\"default\"])(_componentCls, '&-quarter-panel', (0, _defineProperty2[\"default\"])({}, componentCls + \"-content\", {\n    height: pickerQuarterPanelContentHeight\n  })), (0, _defineProperty2[\"default\"])(_componentCls, \"&-panel \" + componentCls + \"-footer\", {\n    borderTop: lineWidth + \"px \" + lineType + \" \" + colorSplit\n  }), (0, _defineProperty2[\"default\"])(_componentCls, '&-footer', {\n    width: 'min-content',\n    minWidth: '100%',\n    lineHeight: pickerTextHeight - 2 * lineWidth + \"px\",\n    textAlign: 'center',\n    '&-extra': {\n      padding: \"0 \" + paddingSM,\n      lineHeight: pickerTextHeight - 2 * lineWidth + \"px\",\n      textAlign: 'start',\n      '&:not(:last-child)': {\n        borderBottom: lineWidth + \"px \" + lineType + \" \" + colorSplit\n      }\n    }\n  }), (0, _defineProperty2[\"default\"])(_componentCls, '&-now', {\n    textAlign: 'start'\n  }), (0, _defineProperty2[\"default\"])(_componentCls, '&-today-btn', {\n    color: colorLink,\n    '&:hover': {\n      color: colorLinkHover\n    },\n    '&:active': {\n      color: colorLinkActive\n    },\n    '&:is(&-disabled)': {\n      color: colorTextDisabled,\n      cursor: 'not-allowed'\n    }\n  }), (0, _defineProperty2[\"default\"])(_componentCls, '&-decade-panel', (_decadePanel2 = {}, (0, _defineProperty2[\"default\"])(_decadePanel2, pickerCellInnerCls, {\n    padding: \"0 \" + paddingXS / 2 + \"px\"\n  }), (0, _defineProperty2[\"default\"])(_decadePanel2, componentCls + \"-cell::before\", {\n    display: 'none'\n  }), _decadePanel2)), (0, _defineProperty2[\"default\"])(_componentCls, \"&-year-panel,\\n        &-quarter-panel,\\n        &-month-panel\", (_yearPanel = {}, (0, _defineProperty2[\"default\"])(_yearPanel, componentCls + \"-body\", {\n    padding: \"0 \" + paddingXS + \"px\"\n  }), (0, _defineProperty2[\"default\"])(_yearPanel, pickerCellInnerCls, {\n    width: pickerYearMonthCellWidth\n  }), (0, _defineProperty2[\"default\"])(_yearPanel, componentCls + \"-cell-range-hover-start::after\", (0, _defineProperty2[\"default\"])({\n    insetInlineStart: hoverCellFixedDistance,\n    borderInlineStart: lineWidth + \"px dashed \" + pickerDateHoverRangeBorderColor,\n    borderStartStartRadius: borderRadiusSM,\n    borderBottomStartRadius: borderRadiusSM,\n    borderStartEndRadius: 0,\n    borderBottomEndRadius: 0\n  }, componentCls + \"-panel-rtl &\", {\n    insetInlineEnd: hoverCellFixedDistance,\n    borderInlineEnd: lineWidth + \"px dashed \" + pickerDateHoverRangeBorderColor,\n    borderStartStartRadius: 0,\n    borderBottomStartRadius: 0,\n    borderStartEndRadius: borderRadiusSM,\n    borderBottomEndRadius: borderRadiusSM\n  })), (0, _defineProperty2[\"default\"])(_yearPanel, componentCls + \"-cell-range-hover-end::after\", (0, _defineProperty2[\"default\"])({\n    insetInlineEnd: hoverCellFixedDistance,\n    borderInlineEnd: lineWidth + \"px dashed \" + pickerDateHoverRangeBorderColor,\n    borderStartStartRadius: 0,\n    borderBottomStartRadius: 0,\n    borderStartEndRadius: borderRadius,\n    borderBottomEndRadius: borderRadius\n  }, componentCls + \"-panel-rtl &\", {\n    insetInlineStart: hoverCellFixedDistance,\n    borderInlineStart: lineWidth + \"px dashed \" + pickerDateHoverRangeBorderColor,\n    borderStartStartRadius: borderRadius,\n    borderBottomStartRadius: borderRadius,\n    borderStartEndRadius: 0,\n    borderBottomEndRadius: 0\n  })), _yearPanel)), (0, _defineProperty2[\"default\"])(_componentCls, '&-week-panel', (_weekPanel = {}, (0, _defineProperty2[\"default\"])(_weekPanel, componentCls + \"-body\", {\n    padding: paddingXS + \"px \" + paddingSM + \"px\"\n  }), (0, _defineProperty2[\"default\"])(_weekPanel, componentCls + \"-cell\", (0, _defineProperty2[\"default\"])({}, \"&:hover \" + pickerCellInnerCls + \",\\n      &-selected \" + pickerCellInnerCls + \",\\n      \" + pickerCellInnerCls, {\n    background: 'transparent !important'\n  })), (0, _defineProperty2[\"default\"])(_weekPanel, '&-row', (0, _defineProperty2[\"default\"])({\n    td: {\n      transition: \"background \" + motionDurationMid,\n      '&:first-child': {\n        borderStartStartRadius: borderRadiusSM,\n        borderEndStartRadius: borderRadiusSM\n      },\n      '&:last-child': {\n        borderStartEndRadius: borderRadiusSM,\n        borderEndEndRadius: borderRadiusSM\n      }\n    },\n    '&:hover td': {\n      background: controlItemBgHover\n    }\n  }, \"&-selected td,\\n            &-selected:hover td\", (_selectedTd = {\n    background: colorPrimary\n  }, (0, _defineProperty2[\"default\"])(_selectedTd, \"&\" + componentCls + \"-cell-week\", {\n    color: new _tinycolor.TinyColor(colorTextLightSolid).setAlpha(0.5).toHexString()\n  }), (0, _defineProperty2[\"default\"])(_selectedTd, \"&\" + componentCls + \"-cell-today \" + pickerCellInnerCls + \"::before\", {\n    borderColor: colorTextLightSolid\n  }), (0, _defineProperty2[\"default\"])(_selectedTd, pickerCellInnerCls, {\n    color: colorTextLightSolid\n  }), _selectedTd))), _weekPanel)), (0, _defineProperty2[\"default\"])(_componentCls, '&-date-panel', (_datePanel = {}, (0, _defineProperty2[\"default\"])(_datePanel, componentCls + \"-body\", {\n    padding: paddingXS + \"px \" + paddingSM + \"px\"\n  }), (0, _defineProperty2[\"default\"])(_datePanel, componentCls + \"-content\", {\n    width: pickerPanelCellWidth * 7,\n    th: {\n      width: pickerPanelCellWidth\n    }\n  }), _datePanel)), (0, _defineProperty2[\"default\"])(_componentCls, '&-datetime-panel', (_datetimePanel = {\n    display: 'flex'\n  }, (0, _defineProperty2[\"default\"])(_datetimePanel, componentCls + \"-time-panel\", {\n    borderInlineStart: lineWidth + \"px \" + lineType + \" \" + colorSplit\n  }), (0, _defineProperty2[\"default\"])(_datetimePanel, componentCls + \"-date-panel,\\n          \" + componentCls + \"-time-panel\", {\n    transition: \"opacity \" + motionDurationSlow\n  }), (0, _defineProperty2[\"default\"])(_datetimePanel, '&-active', (0, _defineProperty2[\"default\"])({}, componentCls + \"-date-panel,\\n            \" + componentCls + \"-time-panel\", {\n    opacity: 0.3,\n    '&-active': {\n      opacity: 1\n    }\n  })), _datetimePanel)), (0, _defineProperty2[\"default\"])(_componentCls, '&-time-panel', (_timePanel = {\n    width: 'auto',\n    minWidth: 'auto',\n    direction: 'ltr'\n  }, (0, _defineProperty2[\"default\"])(_timePanel, componentCls + \"-content\", {\n    display: 'flex',\n    flex: 'auto',\n    height: pickerTimePanelColumnHeight\n  }), (0, _defineProperty2[\"default\"])(_timePanel, '&-column', {\n    flex: '1 0 auto',\n    width: pickerTimePanelColumnWidth,\n    margin: 0,\n    padding: 0,\n    overflowY: 'hidden',\n    textAlign: 'start',\n    listStyle: 'none',\n    transition: \"background \" + motionDurationMid,\n    overflowX: 'hidden',\n    '&::after': (0, _defineProperty2[\"default\"])({\n      display: 'block',\n      height: pickerTimePanelColumnHeight - pickerTimePanelCellHeight,\n      content: '\"\"'\n    }, componentCls + \"-datetime-panel &\", {\n      height: pickerTimePanelColumnHeight - pickerPanelWithoutTimeCellHeight + 2 * lineWidth\n    }),\n    '&:not(:first-child)': {\n      borderInlineStart: lineWidth + \"px \" + lineType + \" \" + colorSplit\n    },\n    '&-active': {\n      background: new _tinycolor.TinyColor(controlItemBgActive).setAlpha(0.2).toHexString()\n    },\n    '&:hover': {\n      overflowY: 'auto'\n    },\n    '> li': (0, _defineProperty2[\"default\"])({\n      margin: 0,\n      padding: 0\n    }, \"&\" + componentCls + \"-time-panel-cell\", (_ref5 = {\n      marginInline: marginXXS\n    }, (0, _defineProperty2[\"default\"])(_ref5, componentCls + \"-time-panel-cell-inner\", {\n      display: 'block',\n      width: pickerTimePanelColumnWidth - 2 * marginXXS,\n      height: pickerTimePanelCellHeight,\n      margin: 0,\n      paddingBlock: 0,\n      paddingInlineEnd: 0,\n      paddingInlineStart: (pickerTimePanelColumnWidth - pickerTimePanelCellHeight) / 2,\n      color: colorText,\n      lineHeight: pickerTimePanelCellHeight + \"px\",\n      borderRadius: borderRadiusSM,\n      cursor: 'pointer',\n      transition: \"background \" + motionDurationMid,\n      '&:hover': {\n        background: controlItemBgHover\n      }\n    }), (0, _defineProperty2[\"default\"])(_ref5, '&-selected', (0, _defineProperty2[\"default\"])({}, componentCls + \"-time-panel-cell-inner\", {\n      background: controlItemBgActive\n    })), (0, _defineProperty2[\"default\"])(_ref5, '&-disabled', (0, _defineProperty2[\"default\"])({}, componentCls + \"-time-panel-cell-inner\", {\n      color: colorTextDisabled,\n      background: 'transparent',\n      cursor: 'not-allowed'\n    })), _ref5))\n  }), _timePanel)), _componentCls));\n};\nexports.genPanelStyle = genPanelStyle;\nvar genPickerStatusStyle = function genPickerStatusStyle(token) {\n  var componentCls = token.componentCls,\n    colorBgContainer = token.colorBgContainer,\n    colorError = token.colorError,\n    colorErrorOutline = token.colorErrorOutline,\n    colorWarning = token.colorWarning,\n    colorWarningOutline = token.colorWarningOutline;\n  return (0, _defineProperty2[\"default\"])({}, componentCls, {\n    '&-status-error&': (0, _defineProperty2[\"default\"])({\n      '&, &:not([disabled]):hover': {\n        backgroundColor: colorBgContainer,\n        borderColor: colorError\n      },\n      '&-focused, &:focus': (0, _extends5[\"default\"])({}, (0, _style.genActiveStyle)((0, _theme.mergeToken)(token, {\n        inputBorderActiveColor: colorError,\n        inputBorderHoverColor: colorError,\n        controlOutline: colorErrorOutline\n      })))\n    }, componentCls + \"-active-bar\", {\n      background: colorError\n    }),\n    '&-status-warning&': (0, _defineProperty2[\"default\"])({\n      '&, &:not([disabled]):hover': {\n        backgroundColor: colorBgContainer,\n        borderColor: colorWarning\n      },\n      '&-focused, &:focus': (0, _extends5[\"default\"])({}, (0, _style.genActiveStyle)((0, _theme.mergeToken)(token, {\n        inputBorderActiveColor: colorWarning,\n        inputBorderHoverColor: colorWarning,\n        controlOutline: colorWarningOutline\n      })))\n    }, componentCls + \"-active-bar\", {\n      background: colorWarning\n    })\n  });\n};\nvar genPickerStyle = function genPickerStyle(token) {\n  var _ref9, _ref11, _range, _ref12, _ref13, _ref14, _ref15, _extends3, _rtl2, _extends4;\n  var componentCls = token.componentCls,\n    antCls = token.antCls,\n    boxShadowPopoverArrow = token.boxShadowPopoverArrow,\n    controlHeight = token.controlHeight,\n    fontSize = token.fontSize,\n    inputPaddingHorizontal = token.inputPaddingHorizontal,\n    colorBgContainer = token.colorBgContainer,\n    lineWidth = token.lineWidth,\n    lineType = token.lineType,\n    colorBorder = token.colorBorder,\n    borderRadius = token.borderRadius,\n    motionDurationMid = token.motionDurationMid,\n    colorBgContainerDisabled = token.colorBgContainerDisabled,\n    colorTextDisabled = token.colorTextDisabled,\n    colorTextPlaceholder = token.colorTextPlaceholder,\n    controlHeightLG = token.controlHeightLG,\n    fontSizeLG = token.fontSizeLG,\n    controlHeightSM = token.controlHeightSM,\n    inputPaddingHorizontalSM = token.inputPaddingHorizontalSM,\n    paddingXS = token.paddingXS,\n    marginXS = token.marginXS,\n    colorTextDescription = token.colorTextDescription,\n    lineWidthBold = token.lineWidthBold,\n    lineHeight = token.lineHeight,\n    colorPrimary = token.colorPrimary,\n    motionDurationSlow = token.motionDurationSlow,\n    zIndexPopup = token.zIndexPopup,\n    paddingXXS = token.paddingXXS,\n    paddingSM = token.paddingSM,\n    pickerTextHeight = token.pickerTextHeight,\n    controlItemBgActive = token.controlItemBgActive,\n    colorPrimaryBorder = token.colorPrimaryBorder,\n    sizePopupArrow = token.sizePopupArrow,\n    borderRadiusXS = token.borderRadiusXS,\n    borderRadiusOuter = token.borderRadiusOuter,\n    colorBgElevated = token.colorBgElevated,\n    borderRadiusLG = token.borderRadiusLG,\n    boxShadowSecondary = token.boxShadowSecondary,\n    borderRadiusSM = token.borderRadiusSM,\n    colorSplit = token.colorSplit,\n    controlItemBgHover = token.controlItemBgHover,\n    presetsWidth = token.presetsWidth,\n    presetsMaxWidth = token.presetsMaxWidth;\n  return [(0, _defineProperty2[\"default\"])({}, componentCls, (0, _extends5[\"default\"])((0, _extends5[\"default\"])((0, _extends5[\"default\"])((0, _extends5[\"default\"])((0, _extends5[\"default\"])({}, (0, _style2.resetComponent)(token)), genPikerPadding(token, controlHeight, fontSize, inputPaddingHorizontal)), {\n    position: 'relative',\n    display: 'inline-flex',\n    alignItems: 'center',\n    background: colorBgContainer,\n    border: lineWidth + \"px \" + lineType + \" \" + colorBorder,\n    borderRadius: borderRadius,\n    transition: \"border \" + motionDurationMid + \", box-shadow \" + motionDurationMid\n  }), (0, _compactItem.genCompactItemStyle)(token, componentCls, '', componentCls + \"-focused\")), (_extends4 = {\n    '&:hover, &-focused': (0, _extends5[\"default\"])({}, (0, _style.genHoverStyle)(token)),\n    '&-focused': (0, _extends5[\"default\"])({}, (0, _style.genActiveStyle)(token)),\n    '&&-disabled': (0, _defineProperty2[\"default\"])({\n      background: colorBgContainerDisabled,\n      borderColor: colorBorder,\n      cursor: 'not-allowed'\n    }, componentCls + \"-suffix\", {\n      color: colorTextDisabled\n    }),\n    '&&-borderless': {\n      backgroundColor: 'transparent !important',\n      borderColor: 'transparent !important',\n      boxShadow: 'none !important'\n    }\n  }, (0, _defineProperty2[\"default\"])(_extends4, componentCls + \"-input\", {\n    position: 'relative',\n    display: 'inline-flex',\n    alignItems: 'center',\n    width: '100%',\n    '> input': (0, _extends5[\"default\"])((0, _extends5[\"default\"])({}, (0, _style.genBasicInputStyle)(token)), {\n      flex: 'auto',\n      // Fix Firefox flex not correct:\n      // https://github.com/ant-design/ant-design/pull/20023#issuecomment-564389553\n      minWidth: 1,\n      height: 'auto',\n      padding: 0,\n      background: 'transparent',\n      border: 0,\n      '&:focus': {\n        boxShadow: 'none'\n      },\n      '&[disabled]': {\n        background: 'transparent'\n      }\n    }),\n    '&:hover': (0, _defineProperty2[\"default\"])({}, componentCls + \"-clear\", {\n      opacity: 1\n    }),\n    '&-placeholder': {\n      '> input': {\n        color: colorTextPlaceholder\n      }\n    }\n  }), (0, _defineProperty2[\"default\"])(_extends4, '&-large', (0, _extends5[\"default\"])((0, _extends5[\"default\"])({}, genPikerPadding(token, controlHeightLG, fontSizeLG, inputPaddingHorizontal)), (0, _defineProperty2[\"default\"])({}, componentCls + \"-input > input\", {\n    fontSize: fontSizeLG\n  }))), (0, _defineProperty2[\"default\"])(_extends4, '&-small', (0, _extends5[\"default\"])({}, genPikerPadding(token, controlHeightSM, fontSize, inputPaddingHorizontalSM))), (0, _defineProperty2[\"default\"])(_extends4, componentCls + \"-suffix\", {\n    display: 'flex',\n    flex: 'none',\n    alignSelf: 'center',\n    marginInlineStart: paddingXS / 2,\n    color: colorTextDisabled,\n    lineHeight: 1,\n    pointerEvents: 'none',\n    '> *': {\n      verticalAlign: 'top',\n      '&:not(:last-child)': {\n        marginInlineEnd: marginXS\n      }\n    }\n  }), (0, _defineProperty2[\"default\"])(_extends4, componentCls + \"-clear\", {\n    position: 'absolute',\n    top: '50%',\n    insetInlineEnd: 0,\n    color: colorTextDisabled,\n    lineHeight: 1,\n    background: colorBgContainer,\n    transform: 'translateY(-50%)',\n    cursor: 'pointer',\n    opacity: 0,\n    transition: \"opacity \" + motionDurationMid + \", color \" + motionDurationMid,\n    '> *': {\n      verticalAlign: 'top'\n    },\n    '&:hover': {\n      color: colorTextDescription\n    }\n  }), (0, _defineProperty2[\"default\"])(_extends4, componentCls + \"-separator\", (_ref9 = {\n    position: 'relative',\n    display: 'inline-block',\n    width: '1em',\n    height: fontSizeLG,\n    color: colorTextDisabled,\n    fontSize: fontSizeLG,\n    verticalAlign: 'top',\n    cursor: 'default'\n  }, (0, _defineProperty2[\"default\"])(_ref9, componentCls + \"-focused &\", {\n    color: colorTextDescription\n  }), (0, _defineProperty2[\"default\"])(_ref9, componentCls + \"-range-separator &\", (0, _defineProperty2[\"default\"])({}, componentCls + \"-disabled &\", {\n    cursor: 'not-allowed'\n  })), _ref9)), (0, _defineProperty2[\"default\"])(_extends4, '&-range', (_range = {\n    position: 'relative',\n    display: 'inline-flex'\n  }, (0, _defineProperty2[\"default\"])(_range, componentCls + \"-clear\", {\n    insetInlineEnd: inputPaddingHorizontal\n  }), (0, _defineProperty2[\"default\"])(_range, '&:hover', (0, _defineProperty2[\"default\"])({}, componentCls + \"-clear\", {\n    opacity: 1\n  })), (0, _defineProperty2[\"default\"])(_range, componentCls + \"-active-bar\", {\n    bottom: -lineWidth,\n    height: lineWidthBold,\n    marginInlineStart: inputPaddingHorizontal,\n    background: colorPrimary,\n    opacity: 0,\n    transition: \"all \" + motionDurationSlow + \" ease-out\",\n    pointerEvents: 'none'\n  }), (0, _defineProperty2[\"default\"])(_range, \"&\" + componentCls + \"-focused\", (0, _defineProperty2[\"default\"])({}, componentCls + \"-active-bar\", {\n    opacity: 1\n  })), (0, _defineProperty2[\"default\"])(_range, componentCls + \"-range-separator\", {\n    alignItems: 'center',\n    padding: \"0 \" + paddingXS + \"px\",\n    lineHeight: 1\n  }), (0, _defineProperty2[\"default\"])(_range, \"&\" + componentCls + \"-small\", (_ref11 = {}, (0, _defineProperty2[\"default\"])(_ref11, componentCls + \"-clear\", {\n    insetInlineEnd: inputPaddingHorizontalSM\n  }), (0, _defineProperty2[\"default\"])(_ref11, componentCls + \"-active-bar\", {\n    marginInlineStart: inputPaddingHorizontalSM\n  }), _ref11)), _range)), (0, _defineProperty2[\"default\"])(_extends4, '&-dropdown', (0, _extends5[\"default\"])((0, _extends5[\"default\"])((0, _extends5[\"default\"])({}, (0, _style2.resetComponent)(token)), genPanelStyle(token)), (_extends3 = {\n    position: 'absolute',\n    // Fix incorrect position of picker popup\n    // https://github.com/ant-design/ant-design/issues/35590\n    top: -9999,\n    left: {\n      _skip_check_: true,\n      value: -9999\n    },\n    zIndex: zIndexPopup,\n    '&&-hidden': {\n      display: 'none'\n    },\n    '&&-placement-bottomLeft': (0, _defineProperty2[\"default\"])({}, componentCls + \"-range-arrow\", {\n      top: 0,\n      display: 'block',\n      transform: 'translateY(-100%)'\n    }),\n    '&&-placement-topLeft': (0, _defineProperty2[\"default\"])({}, componentCls + \"-range-arrow\", {\n      bottom: 0,\n      display: 'block',\n      transform: 'translateY(100%) rotate(180deg)'\n    })\n  }, (0, _defineProperty2[\"default\"])(_extends3, \"&\" + antCls + \"-slide-up-enter\" + antCls + \"-slide-up-enter-active&-placement-topLeft,\\n          &\" + antCls + \"-slide-up-enter\" + antCls + \"-slide-up-enter-active&-placement-topRight,\\n          &\" + antCls + \"-slide-up-appear\" + antCls + \"-slide-up-appear-active&-placement-topLeft,\\n          &\" + antCls + \"-slide-up-appear\" + antCls + \"-slide-up-appear-active&-placement-topRight\", {\n    animationName: _motion.slideDownIn\n  }), (0, _defineProperty2[\"default\"])(_extends3, \"&\" + antCls + \"-slide-up-enter\" + antCls + \"-slide-up-enter-active&-placement-bottomLeft,\\n          &\" + antCls + \"-slide-up-enter\" + antCls + \"-slide-up-enter-active&-placement-bottomRight,\\n          &\" + antCls + \"-slide-up-appear\" + antCls + \"-slide-up-appear-active&-placement-bottomLeft,\\n          &\" + antCls + \"-slide-up-appear\" + antCls + \"-slide-up-appear-active&-placement-bottomRight\", {\n    animationName: _motion.slideUpIn\n  }), (0, _defineProperty2[\"default\"])(_extends3, \"&\" + antCls + \"-slide-up-leave\" + antCls + \"-slide-up-leave-active&-placement-topLeft,\\n          &\" + antCls + \"-slide-up-leave\" + antCls + \"-slide-up-leave-active&-placement-topRight\", {\n    animationName: _motion.slideDownOut\n  }), (0, _defineProperty2[\"default\"])(_extends3, \"&\" + antCls + \"-slide-up-leave\" + antCls + \"-slide-up-leave-active&-placement-bottomLeft,\\n          &\" + antCls + \"-slide-up-leave\" + antCls + \"-slide-up-leave-active&-placement-bottomRight\", {\n    animationName: _motion.slideUpOut\n  }), (0, _defineProperty2[\"default\"])(_extends3, componentCls + \"-panel > \" + componentCls + \"-time-panel\", {\n    paddingTop: paddingXXS\n  }), (0, _defineProperty2[\"default\"])(_extends3, componentCls + \"-ranges\", (_ref12 = {\n    marginBottom: 0,\n    padding: paddingXXS + \"px \" + paddingSM + \"px\",\n    overflow: 'hidden',\n    lineHeight: pickerTextHeight - 2 * lineWidth - paddingXS / 2 + \"px\",\n    textAlign: 'start',\n    listStyle: 'none',\n    display: 'flex',\n    justifyContent: 'space-between',\n    '> li': {\n      display: 'inline-block'\n    }\n  }, (0, _defineProperty2[\"default\"])(_ref12, componentCls + \"-preset > \" + antCls + \"-tag-blue\", {\n    color: colorPrimary,\n    background: controlItemBgActive,\n    borderColor: colorPrimaryBorder,\n    cursor: 'pointer'\n  }), (0, _defineProperty2[\"default\"])(_ref12, componentCls + \"-ok\", {\n    marginInlineStart: 'auto'\n  }), _ref12)), (0, _defineProperty2[\"default\"])(_extends3, componentCls + \"-range-wrapper\", {\n    display: 'flex',\n    position: 'relative'\n  }), (0, _defineProperty2[\"default\"])(_extends3, componentCls + \"-range-arrow\", (0, _extends5[\"default\"])({\n    position: 'absolute',\n    zIndex: 1,\n    display: 'none',\n    marginInlineStart: inputPaddingHorizontal * 1.5,\n    transition: \"left \" + motionDurationSlow + \" ease-out\"\n  }, (0, _style2.roundedArrow)(sizePopupArrow, borderRadiusXS, borderRadiusOuter, colorBgElevated, boxShadowPopoverArrow))), (0, _defineProperty2[\"default\"])(_extends3, componentCls + \"-panel-container\", (_ref15 = {\n    overflow: 'hidden',\n    verticalAlign: 'top',\n    background: colorBgElevated,\n    borderRadius: borderRadiusLG,\n    boxShadow: boxShadowSecondary,\n    transition: \"margin \" + motionDurationSlow\n  }, (0, _defineProperty2[\"default\"])(_ref15, componentCls + \"-panel-layout\", {\n    display: 'flex',\n    flexWrap: 'nowrap',\n    alignItems: 'stretch'\n  }), (0, _defineProperty2[\"default\"])(_ref15, componentCls + \"-presets\", {\n    display: 'flex',\n    flexDirection: 'column',\n    minWidth: presetsWidth,\n    maxWidth: presetsMaxWidth,\n    ul: {\n      height: 0,\n      flex: 'auto',\n      listStyle: 'none',\n      overflow: 'auto',\n      margin: 0,\n      padding: paddingXS,\n      borderInlineEnd: lineWidth + \"px \" + lineType + \" \" + colorSplit,\n      li: (0, _extends5[\"default\"])((0, _extends5[\"default\"])({}, _style2.textEllipsis), {\n        borderRadius: borderRadiusSM,\n        paddingInline: paddingXS,\n        paddingBlock: (controlHeightSM - Math.round(fontSize * lineHeight)) / 2,\n        cursor: 'pointer',\n        transition: \"all \" + motionDurationSlow,\n        '+ li': {\n          marginTop: marginXS\n        },\n        '&:hover': {\n          background: controlItemBgHover\n        }\n      })\n    }\n  }), (0, _defineProperty2[\"default\"])(_ref15, componentCls + \"-panels\", (_ref13 = {\n    display: 'inline-flex',\n    flexWrap: 'nowrap',\n    direction: 'ltr'\n  }, (0, _defineProperty2[\"default\"])(_ref13, componentCls + \"-panel\", {\n    borderWidth: \"0 0 \" + lineWidth + \"px\"\n  }), (0, _defineProperty2[\"default\"])(_ref13, '&:last-child', (0, _defineProperty2[\"default\"])({}, componentCls + \"-panel\", {\n    borderWidth: 0\n  })), _ref13)), (0, _defineProperty2[\"default\"])(_ref15, componentCls + \"-panel\", (_ref14 = {\n    verticalAlign: 'top',\n    background: 'transparent',\n    borderRadius: 0,\n    borderWidth: 0\n  }, (0, _defineProperty2[\"default\"])(_ref14, componentCls + \"-content,\\n            table\", {\n    textAlign: 'center'\n  }), (0, _defineProperty2[\"default\"])(_ref14, '&-focused', {\n    borderColor: colorBorder\n  }), _ref14)), _ref15)), _extends3))), (0, _defineProperty2[\"default\"])(_extends4, '&-dropdown-range', {\n    padding: sizePopupArrow * 2 / 3 + \"px 0\",\n    '&-hidden': {\n      display: 'none'\n    }\n  }), (0, _defineProperty2[\"default\"])(_extends4, '&-rtl', (_rtl2 = {\n    direction: 'rtl'\n  }, (0, _defineProperty2[\"default\"])(_rtl2, componentCls + \"-separator\", {\n    transform: 'rotate(180deg)'\n  }), (0, _defineProperty2[\"default\"])(_rtl2, componentCls + \"-footer\", {\n    '&-extra': {\n      direction: 'rtl'\n    }\n  }), _rtl2)), _extends4))),\n  // Follow code may reuse in other components\n  (0, _motion.initSlideMotion)(token, 'slide-up'), (0, _motion.initSlideMotion)(token, 'slide-down'), (0, _motion.initMoveMotion)(token, 'move-up'), (0, _motion.initMoveMotion)(token, 'move-down')];\n};\nvar initPickerPanelToken = function initPickerPanelToken(token) {\n  var pickerTimePanelCellHeight = 28;\n  var componentCls = token.componentCls,\n    controlHeightLG = token.controlHeightLG,\n    controlHeightSM = token.controlHeightSM,\n    colorPrimary = token.colorPrimary,\n    paddingXXS = token.paddingXXS;\n  return {\n    pickerCellInnerCls: componentCls + \"-cell-inner\",\n    pickerTextHeight: controlHeightLG,\n    pickerPanelCellWidth: controlHeightSM * 1.5,\n    pickerPanelCellHeight: controlHeightSM,\n    pickerDateHoverRangeBorderColor: new _tinycolor.TinyColor(colorPrimary).lighten(20).toHexString(),\n    pickerBasicCellHoverWithRangeColor: new _tinycolor.TinyColor(colorPrimary).lighten(35).toHexString(),\n    pickerPanelWithoutTimeCellHeight: controlHeightLG * 1.65,\n    pickerYearMonthCellWidth: controlHeightLG * 1.5,\n    pickerTimePanelColumnHeight: pickerTimePanelCellHeight * 8,\n    pickerTimePanelColumnWidth: controlHeightLG * 1.4,\n    pickerTimePanelCellHeight: pickerTimePanelCellHeight,\n    pickerQuarterPanelContentHeight: controlHeightLG * 1.4,\n    pickerCellPaddingVertical: paddingXXS,\n    pickerCellBorderGap: 2,\n    pickerControlIconSize: 7,\n    pickerControlIconBorderWidth: 1.5\n  };\n};\n// ============================== Export ==============================\nexports.initPickerPanelToken = initPickerPanelToken;\nvar _default = (0, _theme.genComponentStyleHook)('DatePicker', function (token) {\n  var pickerToken = (0, _theme.mergeToken)((0, _style.initInputToken)(token), initPickerPanelToken(token));\n  return [genPickerStyle(pickerToken), genPickerStatusStyle(pickerToken)];\n}, function (token) {\n  return {\n    presetsWidth: 120,\n    presetsMaxWidth: 200,\n    zIndexPopup: token.zIndexPopupBase + 50\n  };\n});\nexports[\"default\"] = _default;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.getPlaceholder = getPlaceholder;\nexports.getRangePlaceholder = getRangePlaceholder;\nexports.transPlacement2DropdownAlign = transPlacement2DropdownAlign;\nfunction getPlaceholder(picker, locale, customizePlaceholder) {\n  if (customizePlaceholder !== undefined) {\n    return customizePlaceholder;\n  }\n  if (picker === 'year' && locale.lang.yearPlaceholder) {\n    return locale.lang.yearPlaceholder;\n  }\n  if (picker === 'quarter' && locale.lang.quarterPlaceholder) {\n    return locale.lang.quarterPlaceholder;\n  }\n  if (picker === 'month' && locale.lang.monthPlaceholder) {\n    return locale.lang.monthPlaceholder;\n  }\n  if (picker === 'week' && locale.lang.weekPlaceholder) {\n    return locale.lang.weekPlaceholder;\n  }\n  if (picker === 'time' && locale.timePickerLocale.placeholder) {\n    return locale.timePickerLocale.placeholder;\n  }\n  return locale.lang.placeholder;\n}\nfunction getRangePlaceholder(picker, locale, customizePlaceholder) {\n  if (customizePlaceholder !== undefined) {\n    return customizePlaceholder;\n  }\n  if (picker === 'year' && locale.lang.yearPlaceholder) {\n    return locale.lang.rangeYearPlaceholder;\n  }\n  if (picker === 'quarter' && locale.lang.quarterPlaceholder) {\n    return locale.lang.rangeQuarterPlaceholder;\n  }\n  if (picker === 'month' && locale.lang.monthPlaceholder) {\n    return locale.lang.rangeMonthPlaceholder;\n  }\n  if (picker === 'week' && locale.lang.weekPlaceholder) {\n    return locale.lang.rangeWeekPlaceholder;\n  }\n  if (picker === 'time' && locale.timePickerLocale.placeholder) {\n    return locale.timePickerLocale.rangePlaceholder;\n  }\n  return locale.lang.rangePlaceholder;\n}\nfunction transPlacement2DropdownAlign(direction, placement) {\n  var overflow = {\n    adjustX: 1,\n    adjustY: 1\n  };\n  switch (placement) {\n    case 'bottomLeft':\n      {\n        return {\n          points: ['tl', 'bl'],\n          offset: [0, 4],\n          overflow: overflow\n        };\n      }\n    case 'bottomRight':\n      {\n        return {\n          points: ['tr', 'br'],\n          offset: [0, 4],\n          overflow: overflow\n        };\n      }\n    case 'topLeft':\n      {\n        return {\n          points: ['bl', 'tl'],\n          offset: [0, -4],\n          overflow: overflow\n        };\n      }\n    case 'topRight':\n      {\n        return {\n          points: ['br', 'tr'],\n          offset: [0, -4],\n          overflow: overflow\n        };\n      }\n    default:\n      {\n        return {\n          points: direction === 'rtl' ? ['tr', 'br'] : ['tl', 'bl'],\n          offset: [0, 4],\n          overflow: overflow\n        };\n      }\n  }\n}","\"use strict\";\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\")[\"default\"];\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.NoStyleItemContext = exports.NoFormStyle = exports.FormProvider = exports.FormItemPrefixContext = exports.FormItemInputContext = exports.FormContext = void 0;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _rcFieldForm = require(\"rc-field-form\");\nvar _omit = _interopRequireDefault(require(\"rc-util/lib/omit\"));\nvar React = _interopRequireWildcard(require(\"react\"));\nvar FormContext = /*#__PURE__*/React.createContext({\n  labelAlign: 'right',\n  vertical: false,\n  itemRef: function itemRef() {}\n});\nexports.FormContext = FormContext;\nvar NoStyleItemContext = /*#__PURE__*/React.createContext(null);\nexports.NoStyleItemContext = NoStyleItemContext;\nvar FormProvider = function FormProvider(props) {\n  var providerProps = (0, _omit[\"default\"])(props, ['prefixCls']);\n  return /*#__PURE__*/React.createElement(_rcFieldForm.FormProvider, (0, _extends2[\"default\"])({}, providerProps));\n};\nexports.FormProvider = FormProvider;\nvar FormItemPrefixContext = /*#__PURE__*/React.createContext({\n  prefixCls: ''\n});\nexports.FormItemPrefixContext = FormItemPrefixContext;\nvar FormItemInputContext = /*#__PURE__*/React.createContext({});\nexports.FormItemInputContext = FormItemInputContext;\nvar NoFormStyle = function NoFormStyle(_ref) {\n  var children = _ref.children,\n    status = _ref.status,\n    override = _ref.override;\n  var formItemInputContext = (0, React.useContext)(FormItemInputContext);\n  var newFormItemInputContext = (0, React.useMemo)(function () {\n    var newContext = (0, _extends2[\"default\"])({}, formItemInputContext);\n    if (override) {\n      delete newContext.isFormItemInput;\n    }\n    if (status) {\n      delete newContext.status;\n      delete newContext.hasFeedback;\n      delete newContext.feedbackIcon;\n    }\n    return newContext;\n  }, [status, override, formItemInputContext]);\n  return /*#__PURE__*/React.createElement(FormItemInputContext.Provider, {\n    value: newFormItemInputContext\n  }, children);\n};\nexports.NoFormStyle = NoFormStyle;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.genStatusStyle = exports.genPlaceholderStyle = exports.genInputSmallStyle = exports.genInputGroupStyle = exports.genHoverStyle = exports.genDisabledStyle = exports.genBasicInputStyle = exports.genActiveStyle = exports[\"default\"] = void 0;\nexports.initInputToken = initInputToken;\nvar _defineProperty2 = _interopRequireDefault(require(\"@babel/runtime/helpers/defineProperty\"));\nvar _extends6 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _theme = require(\"../../theme\");\nvar _style = require(\"../../style\");\nvar _compactItem = require(\"../../style/compact-item\");\nvar genPlaceholderStyle = function genPlaceholderStyle(color) {\n  return {\n    // Firefox\n    '&::-moz-placeholder': {\n      opacity: 1\n    },\n    '&::placeholder': {\n      color: color,\n      userSelect: 'none' // https://github.com/ant-design/ant-design/pull/32639\n    },\n\n    '&:placeholder-shown': {\n      textOverflow: 'ellipsis'\n    }\n  };\n};\nexports.genPlaceholderStyle = genPlaceholderStyle;\nvar genHoverStyle = function genHoverStyle(token) {\n  return {\n    borderColor: token.inputBorderHoverColor,\n    borderInlineEndWidth: token.lineWidth\n  };\n};\nexports.genHoverStyle = genHoverStyle;\nvar genActiveStyle = function genActiveStyle(token) {\n  return {\n    borderColor: token.inputBorderHoverColor,\n    boxShadow: \"0 0 0 \" + token.controlOutlineWidth + \"px \" + token.controlOutline,\n    borderInlineEndWidth: token.lineWidth,\n    outline: 0\n  };\n};\nexports.genActiveStyle = genActiveStyle;\nvar genDisabledStyle = function genDisabledStyle(token) {\n  return {\n    color: token.colorTextDisabled,\n    backgroundColor: token.colorBgContainerDisabled,\n    borderColor: token.colorBorder,\n    boxShadow: 'none',\n    cursor: 'not-allowed',\n    opacity: 1,\n    '&:hover': (0, _extends6[\"default\"])({}, genHoverStyle((0, _theme.mergeToken)(token, {\n      inputBorderHoverColor: token.colorBorder\n    })))\n  };\n};\nexports.genDisabledStyle = genDisabledStyle;\nvar genInputLargeStyle = function genInputLargeStyle(token) {\n  var inputPaddingVerticalLG = token.inputPaddingVerticalLG,\n    inputPaddingHorizontal = token.inputPaddingHorizontal,\n    fontSizeLG = token.fontSizeLG,\n    lineHeightLG = token.lineHeightLG,\n    borderRadiusLG = token.borderRadiusLG;\n  return {\n    padding: inputPaddingVerticalLG + \"px \" + inputPaddingHorizontal + \"px\",\n    fontSize: fontSizeLG,\n    lineHeight: lineHeightLG,\n    borderRadius: borderRadiusLG\n  };\n};\nvar genInputSmallStyle = function genInputSmallStyle(token) {\n  return {\n    padding: token.inputPaddingVerticalSM + \"px \" + (token.controlPaddingHorizontalSM - 1) + \"px\",\n    borderRadius: token.borderRadiusSM\n  };\n};\nexports.genInputSmallStyle = genInputSmallStyle;\nvar genStatusStyle = function genStatusStyle(token) {\n  var componentCls = token.componentCls,\n    colorError = token.colorError,\n    colorWarning = token.colorWarning,\n    colorErrorOutline = token.colorErrorOutline,\n    colorWarningOutline = token.colorWarningOutline,\n    colorErrorBorderHover = token.colorErrorBorderHover,\n    colorWarningBorderHover = token.colorWarningBorderHover;\n  return {\n    '&-status-error:not(&-disabled):not(&-borderless)&': (0, _defineProperty2[\"default\"])({\n      borderColor: colorError,\n      '&:hover': {\n        borderColor: colorErrorBorderHover\n      },\n      '&:focus, &-focused': (0, _extends6[\"default\"])({}, genActiveStyle((0, _theme.mergeToken)(token, {\n        inputBorderActiveColor: colorError,\n        inputBorderHoverColor: colorError,\n        controlOutline: colorErrorOutline\n      })))\n    }, componentCls + \"-prefix\", {\n      color: colorError\n    }),\n    '&-status-warning:not(&-disabled):not(&-borderless)&': (0, _defineProperty2[\"default\"])({\n      borderColor: colorWarning,\n      '&:hover': {\n        borderColor: colorWarningBorderHover\n      },\n      '&:focus, &-focused': (0, _extends6[\"default\"])({}, genActiveStyle((0, _theme.mergeToken)(token, {\n        inputBorderActiveColor: colorWarning,\n        inputBorderHoverColor: colorWarning,\n        controlOutline: colorWarningOutline\n      })))\n    }, componentCls + \"-prefix\", {\n      color: colorWarning\n    })\n  };\n};\nexports.genStatusStyle = genStatusStyle;\nvar genBasicInputStyle = function genBasicInputStyle(token) {\n  return (0, _extends6[\"default\"])((0, _extends6[\"default\"])({\n    position: 'relative',\n    display: 'inline-block',\n    width: '100%',\n    minWidth: 0,\n    padding: token.inputPaddingVertical + \"px \" + token.inputPaddingHorizontal + \"px\",\n    color: token.colorText,\n    fontSize: token.fontSize,\n    lineHeight: token.lineHeight,\n    backgroundColor: token.colorBgContainer,\n    backgroundImage: 'none',\n    borderWidth: token.lineWidth,\n    borderStyle: token.lineType,\n    borderColor: token.colorBorder,\n    borderRadius: token.borderRadius,\n    transition: \"all \" + token.motionDurationMid\n  }, genPlaceholderStyle(token.colorTextPlaceholder)), {\n    '&:hover': (0, _extends6[\"default\"])({}, genHoverStyle(token)),\n    '&:focus, &-focused': (0, _extends6[\"default\"])({}, genActiveStyle(token)),\n    '&-disabled, &[disabled]': (0, _extends6[\"default\"])({}, genDisabledStyle(token)),\n    '&-borderless': {\n      '&, &:hover, &:focus, &-focused, &-disabled, &[disabled]': {\n        backgroundColor: 'transparent',\n        border: 'none',\n        boxShadow: 'none'\n      }\n    },\n    // Reset height for `textarea`s\n    'textarea&': {\n      maxWidth: '100%',\n      height: 'auto',\n      minHeight: token.controlHeight,\n      lineHeight: token.lineHeight,\n      verticalAlign: 'bottom',\n      transition: \"all \" + token.motionDurationSlow + \", height 0s\"\n    },\n    '&-textarea': {\n      '&-rtl': {\n        direction: 'rtl'\n      }\n    },\n    // Size\n    '&-lg': (0, _extends6[\"default\"])({}, genInputLargeStyle(token)),\n    '&-sm': (0, _extends6[\"default\"])({}, genInputSmallStyle(token)),\n    '&-rtl': {\n      direction: 'rtl'\n    }\n  });\n};\nexports.genBasicInputStyle = genBasicInputStyle;\nvar genInputGroupStyle = function genInputGroupStyle(token) {\n  var _ref2, _addon, _ref4, _ref6, _ref10, _extends2, _ref12;\n  var componentCls = token.componentCls,\n    antCls = token.antCls;\n  return _ref12 = {\n    position: 'relative',\n    display: 'table',\n    width: '100%',\n    borderCollapse: 'separate',\n    borderSpacing: 0\n  }, (0, _defineProperty2[\"default\"])(_ref12, \"&[class*='col-']\", {\n    paddingInlineEnd: token.paddingXS,\n    '&:last-child': {\n      paddingInlineEnd: 0\n    }\n  }), (0, _defineProperty2[\"default\"])(_ref12, \"&-lg \" + componentCls + \", &-lg > \" + componentCls + \"-group-addon\", (0, _extends6[\"default\"])({}, genInputLargeStyle(token))), (0, _defineProperty2[\"default\"])(_ref12, \"&-sm \" + componentCls + \", &-sm > \" + componentCls + \"-group-addon\", (0, _extends6[\"default\"])({}, genInputSmallStyle(token))), (0, _defineProperty2[\"default\"])(_ref12, \"&-lg \" + antCls + \"-select-single \" + antCls + \"-select-selector\", {\n    height: token.controlHeightLG\n  }), (0, _defineProperty2[\"default\"])(_ref12, \"&-sm \" + antCls + \"-select-single \" + antCls + \"-select-selector\", {\n    height: token.controlHeightSM\n  }), (0, _defineProperty2[\"default\"])(_ref12, \"> \" + componentCls, {\n    display: 'table-cell',\n    '&:not(:first-child):not(:last-child)': {\n      borderRadius: 0\n    }\n  }), (0, _defineProperty2[\"default\"])(_ref12, componentCls + \"-group\", (_ref4 = {}, (0, _defineProperty2[\"default\"])(_ref4, \"&-addon, &-wrap\", {\n    display: 'table-cell',\n    width: 1,\n    whiteSpace: 'nowrap',\n    verticalAlign: 'middle',\n    '&:not(:first-child):not(:last-child)': {\n      borderRadius: 0\n    }\n  }), (0, _defineProperty2[\"default\"])(_ref4, '&-wrap > *', {\n    display: 'block !important'\n  }), (0, _defineProperty2[\"default\"])(_ref4, '&-addon', (_addon = {\n    position: 'relative',\n    padding: \"0 \" + token.inputPaddingHorizontal + \"px\",\n    color: token.colorText,\n    fontWeight: 'normal',\n    fontSize: token.fontSize,\n    textAlign: 'center',\n    backgroundColor: token.colorFillAlter,\n    border: token.lineWidth + \"px \" + token.lineType + \" \" + token.colorBorder,\n    borderRadius: token.borderRadius,\n    transition: \"all \" + token.motionDurationSlow\n  }, (0, _defineProperty2[\"default\"])(_addon, antCls + \"-select\", (_ref2 = {\n    margin: \"-\" + (token.inputPaddingVertical + 1) + \"px -\" + token.inputPaddingHorizontal + \"px\"\n  }, (0, _defineProperty2[\"default\"])(_ref2, \"&\" + antCls + \"-select-single:not(\" + antCls + \"-select-customize-input)\", (0, _defineProperty2[\"default\"])({}, antCls + \"-select-selector\", {\n    backgroundColor: 'inherit',\n    border: token.lineWidth + \"px \" + token.lineType + \" transparent\",\n    boxShadow: 'none'\n  })), (0, _defineProperty2[\"default\"])(_ref2, '&-open, &-focused', (0, _defineProperty2[\"default\"])({}, antCls + \"-select-selector\", {\n    color: token.colorPrimary\n  })), _ref2)), (0, _defineProperty2[\"default\"])(_addon, antCls + \"-cascader-picker\", (0, _defineProperty2[\"default\"])({\n    margin: \"-9px -\" + token.inputPaddingHorizontal + \"px\",\n    backgroundColor: 'transparent'\n  }, antCls + \"-cascader-input\", {\n    textAlign: 'start',\n    border: 0,\n    boxShadow: 'none'\n  })), _addon)), (0, _defineProperty2[\"default\"])(_ref4, '&-addon:first-child', {\n    borderInlineEnd: 0\n  }), (0, _defineProperty2[\"default\"])(_ref4, '&-addon:last-child', {\n    borderInlineStart: 0\n  }), _ref4)), (0, _defineProperty2[\"default\"])(_ref12, \"\" + componentCls, {\n    \"float\": 'inline-start',\n    width: '100%',\n    marginBottom: 0,\n    textAlign: 'inherit',\n    '&:focus': {\n      zIndex: 1,\n      borderInlineEndWidth: 1\n    },\n    '&:hover': (0, _defineProperty2[\"default\"])({\n      zIndex: 1,\n      borderInlineEndWidth: 1\n    }, componentCls + \"-search-with-button &\", {\n      zIndex: 0\n    })\n  }), (0, _defineProperty2[\"default\"])(_ref12, \"> \" + componentCls + \":first-child, \" + componentCls + \"-group-addon:first-child\", (0, _defineProperty2[\"default\"])({\n    borderStartEndRadius: 0,\n    borderEndEndRadius: 0\n  }, antCls + \"-select \" + antCls + \"-select-selector\", {\n    borderStartEndRadius: 0,\n    borderEndEndRadius: 0\n  })), (0, _defineProperty2[\"default\"])(_ref12, \"> \" + componentCls + \"-affix-wrapper\", (_ref6 = {}, (0, _defineProperty2[\"default\"])(_ref6, \"&:not(:first-child) \" + componentCls, {\n    borderStartStartRadius: 0,\n    borderEndStartRadius: 0\n  }), (0, _defineProperty2[\"default\"])(_ref6, \"&:not(:last-child) \" + componentCls, {\n    borderStartEndRadius: 0,\n    borderEndEndRadius: 0\n  }), _ref6)), (0, _defineProperty2[\"default\"])(_ref12, \"> \" + componentCls + \":last-child, \" + componentCls + \"-group-addon:last-child\", (0, _defineProperty2[\"default\"])({\n    borderStartStartRadius: 0,\n    borderEndStartRadius: 0\n  }, antCls + \"-select \" + antCls + \"-select-selector\", {\n    borderStartStartRadius: 0,\n    borderEndStartRadius: 0\n  })), (0, _defineProperty2[\"default\"])(_ref12, componentCls + \"-affix-wrapper\", (0, _defineProperty2[\"default\"])({\n    '&:not(:last-child)': (0, _defineProperty2[\"default\"])({\n      borderStartEndRadius: 0,\n      borderEndEndRadius: 0\n    }, componentCls + \"-search &\", {\n      borderStartStartRadius: token.borderRadius,\n      borderEndStartRadius: token.borderRadius\n    })\n  }, \"&:not(:first-child), \" + componentCls + \"-search &:not(:first-child)\", {\n    borderStartStartRadius: 0,\n    borderEndStartRadius: 0\n  })), (0, _defineProperty2[\"default\"])(_ref12, '&&-compact', (0, _extends6[\"default\"])((0, _extends6[\"default\"])({\n    display: 'block'\n  }, (0, _style.clearFix)()), (_extends2 = {}, (0, _defineProperty2[\"default\"])(_extends2, componentCls + \"-group-addon, \" + componentCls + \"-group-wrap, > \" + componentCls, {\n    '&:not(:first-child):not(:last-child)': {\n      borderInlineEndWidth: token.lineWidth,\n      '&:hover': {\n        zIndex: 1\n      },\n      '&:focus': {\n        zIndex: 1\n      }\n    }\n  }), (0, _defineProperty2[\"default\"])(_extends2, '& > *', {\n    display: 'inline-block',\n    \"float\": 'none',\n    verticalAlign: 'top',\n    borderRadius: 0\n  }), (0, _defineProperty2[\"default\"])(_extends2, \"& > \" + componentCls + \"-affix-wrapper\", {\n    display: 'inline-flex'\n  }), (0, _defineProperty2[\"default\"])(_extends2, \"& > \" + antCls + \"-picker-range\", {\n    display: 'inline-flex'\n  }), (0, _defineProperty2[\"default\"])(_extends2, '& > *:not(:last-child)', {\n    marginInlineEnd: -token.lineWidth,\n    borderInlineEndWidth: token.lineWidth\n  }), (0, _defineProperty2[\"default\"])(_extends2, \"\" + componentCls, {\n    \"float\": 'none'\n  }), (0, _defineProperty2[\"default\"])(_extends2, \"& > \" + antCls + \"-select > \" + antCls + \"-select-selector,\\n      & > \" + antCls + \"-select-auto-complete \" + componentCls + \",\\n      & > \" + antCls + \"-cascader-picker \" + componentCls + \",\\n      & > \" + componentCls + \"-group-wrapper \" + componentCls, {\n    borderInlineEndWidth: token.lineWidth,\n    borderRadius: 0,\n    '&:hover': {\n      zIndex: 1\n    },\n    '&:focus': {\n      zIndex: 1\n    }\n  }), (0, _defineProperty2[\"default\"])(_extends2, \"& > \" + antCls + \"-select-focused\", {\n    zIndex: 1\n  }), (0, _defineProperty2[\"default\"])(_extends2, \"& > \" + antCls + \"-select > \" + antCls + \"-select-arrow\", {\n    zIndex: 1 // https://github.com/ant-design/ant-design/issues/20371\n  }), (0, _defineProperty2[\"default\"])(_extends2, \"& > *:first-child,\\n      & > \" + antCls + \"-select:first-child > \" + antCls + \"-select-selector,\\n      & > \" + antCls + \"-select-auto-complete:first-child \" + componentCls + \",\\n      & > \" + antCls + \"-cascader-picker:first-child \" + componentCls, {\n    borderStartStartRadius: token.borderRadius,\n    borderEndStartRadius: token.borderRadius\n  }), (0, _defineProperty2[\"default\"])(_extends2, \"& > *:last-child,\\n      & > \" + antCls + \"-select:last-child > \" + antCls + \"-select-selector,\\n      & > \" + antCls + \"-cascader-picker:last-child \" + componentCls + \",\\n      & > \" + antCls + \"-cascader-picker-focused:last-child \" + componentCls, {\n    borderInlineEndWidth: token.lineWidth,\n    borderStartEndRadius: token.borderRadius,\n    borderEndEndRadius: token.borderRadius\n  }), (0, _defineProperty2[\"default\"])(_extends2, \"& > \" + antCls + \"-select-auto-complete \" + componentCls, {\n    verticalAlign: 'top'\n  }), (0, _defineProperty2[\"default\"])(_extends2, componentCls + \"-group-wrapper + \" + componentCls + \"-group-wrapper\", (0, _defineProperty2[\"default\"])({\n    marginInlineStart: -token.lineWidth\n  }, componentCls + \"-affix-wrapper\", {\n    borderRadius: 0\n  })), (0, _defineProperty2[\"default\"])(_extends2, componentCls + \"-group-wrapper:not(:last-child)\", (0, _defineProperty2[\"default\"])({}, \"&\" + componentCls + \"-search > \" + componentCls + \"-group\", (_ref10 = {}, (0, _defineProperty2[\"default\"])(_ref10, \"& > \" + componentCls + \"-group-addon > \" + componentCls + \"-search-button\", {\n    borderRadius: 0\n  }), (0, _defineProperty2[\"default\"])(_ref10, \"& > \" + componentCls, {\n    borderStartStartRadius: token.borderRadius,\n    borderStartEndRadius: 0,\n    borderEndEndRadius: 0,\n    borderEndStartRadius: token.borderRadius\n  }), _ref10))), _extends2))), _ref12;\n};\nexports.genInputGroupStyle = genInputGroupStyle;\nvar genInputStyle = function genInputStyle(token) {\n  var _typeColor;\n  var prefixCls = token.prefixCls,\n    componentCls = token.componentCls,\n    controlHeightSM = token.controlHeightSM,\n    lineWidth = token.lineWidth;\n  var FIXED_CHROME_COLOR_HEIGHT = 16;\n  var colorSmallPadding = (controlHeightSM - lineWidth * 2 - FIXED_CHROME_COLOR_HEIGHT) / 2;\n  return (0, _defineProperty2[\"default\"])({}, \"\" + componentCls, (0, _extends6[\"default\"])((0, _extends6[\"default\"])((0, _extends6[\"default\"])((0, _extends6[\"default\"])((0, _extends6[\"default\"])({}, (0, _style.resetComponent)(token)), genBasicInputStyle(token)), genStatusStyle(token)), (0, _compactItem.genCompactItemStyle)(token, prefixCls)), {\n    '&[type=\"color\"]': (_typeColor = {\n      height: token.controlHeight\n    }, (0, _defineProperty2[\"default\"])(_typeColor, \"&\" + componentCls + \"-lg\", {\n      height: token.controlHeightLG\n    }), (0, _defineProperty2[\"default\"])(_typeColor, \"&\" + componentCls + \"-sm\", {\n      height: controlHeightSM,\n      paddingTop: colorSmallPadding,\n      paddingBottom: colorSmallPadding\n    }), _typeColor)\n  }));\n};\nvar genAllowClearStyle = function genAllowClearStyle(token) {\n  var _ref14;\n  var componentCls = token.componentCls;\n  return _ref14 = {}, (0, _defineProperty2[\"default\"])(_ref14, componentCls + \"-clear-icon\", {\n    margin: 0,\n    color: token.colorIcon,\n    fontSize: token.fontSizeIcon,\n    verticalAlign: -1,\n    // https://github.com/ant-design/ant-design/pull/18151\n    // https://codesandbox.io/s/wizardly-sun-u10br\n    cursor: 'pointer',\n    transition: \"color \" + token.motionDurationSlow,\n    '&:hover': {\n      color: token.colorTextDescription\n    },\n    '&:active': {\n      color: token.colorText\n    },\n    '&-hidden': {\n      visibility: 'hidden'\n    },\n    '&-has-suffix': {\n      margin: \"0 \" + token.inputAffixPadding + \"px\"\n    }\n  }), (0, _defineProperty2[\"default\"])(_ref14, '&-textarea-with-clear-btn', (0, _defineProperty2[\"default\"])({\n    padding: '0 !important',\n    border: '0 !important'\n  }, componentCls + \"-clear-icon\", {\n    position: 'absolute',\n    insetBlockStart: token.paddingXS,\n    insetInlineEnd: token.paddingXS,\n    zIndex: 1\n  })), _ref14;\n};\nvar genAffixStyle = function genAffixStyle(token) {\n  var _extends4;\n  var componentCls = token.componentCls,\n    inputAffixPadding = token.inputAffixPadding,\n    colorTextDescription = token.colorTextDescription,\n    motionDurationSlow = token.motionDurationSlow,\n    colorIcon = token.colorIcon,\n    colorIconHover = token.colorIconHover,\n    iconCls = token.iconCls;\n  return (0, _defineProperty2[\"default\"])({}, componentCls + \"-affix-wrapper\", (0, _extends6[\"default\"])((0, _extends6[\"default\"])((0, _extends6[\"default\"])((0, _extends6[\"default\"])((0, _extends6[\"default\"])({}, genBasicInputStyle(token)), (_extends4 = {\n    display: 'inline-flex',\n    '&:not(&-disabled):hover': (0, _extends6[\"default\"])((0, _extends6[\"default\"])({}, genHoverStyle(token)), (0, _defineProperty2[\"default\"])({\n      zIndex: 1\n    }, componentCls + \"-search-with-button &\", {\n      zIndex: 0\n    })),\n    '&-focused, &:focus': {\n      zIndex: 1\n    },\n    '&-disabled': (0, _defineProperty2[\"default\"])({}, componentCls + \"[disabled]\", {\n      background: 'transparent'\n    })\n  }, (0, _defineProperty2[\"default\"])(_extends4, \"> input\" + componentCls, {\n    padding: 0,\n    fontSize: 'inherit',\n    border: 'none',\n    borderRadius: 0,\n    outline: 'none',\n    '&:focus': {\n      boxShadow: 'none !important'\n    }\n  }), (0, _defineProperty2[\"default\"])(_extends4, '&::before', {\n    width: 0,\n    visibility: 'hidden',\n    content: '\"\\\\a0\"'\n  }), (0, _defineProperty2[\"default\"])(_extends4, \"\" + componentCls, {\n    '&-prefix, &-suffix': {\n      display: 'flex',\n      flex: 'none',\n      alignItems: 'center',\n      '> *:not(:last-child)': {\n        marginInlineEnd: token.paddingXS\n      }\n    },\n    '&-show-count-suffix': {\n      color: colorTextDescription\n    },\n    '&-show-count-has-suffix': {\n      marginInlineEnd: token.paddingXXS\n    },\n    '&-prefix': {\n      marginInlineEnd: inputAffixPadding\n    },\n    '&-suffix': {\n      marginInlineStart: inputAffixPadding\n    }\n  }), _extends4)), genAllowClearStyle(token)), (0, _defineProperty2[\"default\"])({}, \"\" + iconCls + componentCls + \"-password-icon\", {\n    color: colorIcon,\n    cursor: 'pointer',\n    transition: \"all \" + motionDurationSlow,\n    '&:hover': {\n      color: colorIconHover\n    }\n  })), genStatusStyle(token)));\n};\nvar genGroupStyle = function genGroupStyle(token) {\n  var componentCls = token.componentCls,\n    colorError = token.colorError,\n    colorSuccess = token.colorSuccess,\n    borderRadiusLG = token.borderRadiusLG,\n    borderRadiusSM = token.borderRadiusSM;\n  return (0, _defineProperty2[\"default\"])({}, componentCls + \"-group\", (0, _extends6[\"default\"])((0, _extends6[\"default\"])((0, _extends6[\"default\"])({}, (0, _style.resetComponent)(token)), genInputGroupStyle(token)), {\n    '&-rtl': {\n      direction: 'rtl'\n    },\n    '&-wrapper': {\n      display: 'inline-block',\n      width: '100%',\n      textAlign: 'start',\n      verticalAlign: 'top',\n      '&-rtl': {\n        direction: 'rtl'\n      },\n      // Size\n      '&-lg': (0, _defineProperty2[\"default\"])({}, componentCls + \"-group-addon\", {\n        borderRadius: borderRadiusLG\n      }),\n      '&-sm': (0, _defineProperty2[\"default\"])({}, componentCls + \"-group-addon\", {\n        borderRadius: borderRadiusSM\n      }),\n      // Status\n      '&-status-error': (0, _defineProperty2[\"default\"])({}, componentCls + \"-group-addon\", {\n        color: colorError,\n        borderColor: colorError\n      }),\n      '&-status-warning': (0, _defineProperty2[\"default\"])({}, componentCls + \"-group-addon:last-child\", {\n        color: colorSuccess,\n        borderColor: colorSuccess\n      })\n    }\n  }));\n};\nvar genSearchInputStyle = function genSearchInputStyle(token) {\n  var _ref18, _ref23, _searchPrefixCls;\n  var componentCls = token.componentCls,\n    antCls = token.antCls;\n  var searchPrefixCls = componentCls + \"-search\";\n  return (0, _defineProperty2[\"default\"])({}, searchPrefixCls, (_searchPrefixCls = {}, (0, _defineProperty2[\"default\"])(_searchPrefixCls, \"\" + componentCls, {\n    '&:hover, &:focus': (0, _defineProperty2[\"default\"])({\n      borderColor: token.colorPrimaryHover\n    }, \"+ \" + componentCls + \"-group-addon \" + searchPrefixCls + \"-button:not(\" + antCls + \"-btn-primary)\", {\n      borderInlineStartColor: token.colorPrimaryHover\n    })\n  }), (0, _defineProperty2[\"default\"])(_searchPrefixCls, componentCls + \"-affix-wrapper\", {\n    borderRadius: 0\n  }), (0, _defineProperty2[\"default\"])(_searchPrefixCls, componentCls + \"-lg\", {\n    lineHeight: token.lineHeightLG - 0.0002\n  }), (0, _defineProperty2[\"default\"])(_searchPrefixCls, \"> \" + componentCls + \"-group\", (0, _defineProperty2[\"default\"])({}, \"> \" + componentCls + \"-group-addon:last-child\", (_ref18 = {\n    insetInlineStart: -1,\n    padding: 0,\n    border: 0\n  }, (0, _defineProperty2[\"default\"])(_ref18, searchPrefixCls + \"-button\", {\n    paddingTop: 0,\n    paddingBottom: 0,\n    borderStartStartRadius: 0,\n    borderStartEndRadius: token.borderRadius,\n    borderEndEndRadius: token.borderRadius,\n    borderEndStartRadius: 0\n  }), (0, _defineProperty2[\"default\"])(_ref18, searchPrefixCls + \"-button:not(\" + antCls + \"-btn-primary)\", (0, _defineProperty2[\"default\"])({\n    color: token.colorTextDescription,\n    '&:hover': {\n      color: token.colorPrimaryHover\n    },\n    '&:active': {\n      color: token.colorPrimaryActive\n    }\n  }, \"&\" + antCls + \"-btn-loading::before\", {\n    insetInlineStart: 0,\n    insetInlineEnd: 0,\n    insetBlockStart: 0,\n    insetBlockEnd: 0\n  })), _ref18))), (0, _defineProperty2[\"default\"])(_searchPrefixCls, searchPrefixCls + \"-button\", {\n    height: token.controlHeight,\n    '&:hover, &:focus': {\n      zIndex: 1\n    }\n  }), (0, _defineProperty2[\"default\"])(_searchPrefixCls, \"&-large \" + searchPrefixCls + \"-button\", {\n    height: token.controlHeightLG\n  }), (0, _defineProperty2[\"default\"])(_searchPrefixCls, \"&-small \" + searchPrefixCls + \"-button\", {\n    height: token.controlHeightSM\n  }), (0, _defineProperty2[\"default\"])(_searchPrefixCls, '&-rtl', {\n    direction: 'rtl'\n  }), (0, _defineProperty2[\"default\"])(_searchPrefixCls, \"&\" + componentCls + \"-compact-item\", (_ref23 = {}, (0, _defineProperty2[\"default\"])(_ref23, \"&:not(\" + componentCls + \"-compact-last-item)\", (0, _defineProperty2[\"default\"])({}, componentCls + \"-group-addon\", (0, _defineProperty2[\"default\"])({}, componentCls + \"-search-button\", {\n    marginInlineEnd: -token.lineWidth,\n    borderRadius: 0\n  }))), (0, _defineProperty2[\"default\"])(_ref23, \"&:not(\" + componentCls + \"-compact-first-item)\", (0, _defineProperty2[\"default\"])({}, componentCls + \",\" + componentCls + \"-affix-wrapper\", {\n    borderRadius: 0\n  })), (0, _defineProperty2[\"default\"])(_ref23, \"> \" + componentCls + \"-group-addon \" + componentCls + \"-search-button,\\n        > \" + componentCls + \",\\n        \" + componentCls + \"-affix-wrapper\", {\n    '&:hover,&:focus,&:active': {\n      zIndex: 2\n    }\n  }), (0, _defineProperty2[\"default\"])(_ref23, \"> \" + componentCls + \"-affix-wrapper-focused\", {\n    zIndex: 2\n  }), _ref23)), _searchPrefixCls));\n};\nfunction initInputToken(token) {\n  // @ts-ignore\n  return (0, _theme.mergeToken)(token, {\n    inputAffixPadding: token.paddingXXS,\n    inputPaddingVertical: Math.max(Math.round((token.controlHeight - token.fontSize * token.lineHeight) / 2 * 10) / 10 - token.lineWidth, 3),\n    inputPaddingVerticalLG: Math.ceil((token.controlHeightLG - token.fontSizeLG * token.lineHeightLG) / 2 * 10) / 10 - token.lineWidth,\n    inputPaddingVerticalSM: Math.max(Math.round((token.controlHeightSM - token.fontSize * token.lineHeight) / 2 * 10) / 10 - token.lineWidth, 0),\n    inputPaddingHorizontal: token.controlPaddingHorizontal - token.lineWidth,\n    inputPaddingHorizontalSM: token.controlPaddingHorizontalSM - token.lineWidth,\n    inputBorderHoverColor: token.colorPrimaryHover,\n    inputBorderActiveColor: token.colorPrimaryHover\n  });\n}\nvar genTextAreaStyle = function genTextAreaStyle(token) {\n  var _showCount, _textareaPrefixCls;\n  var componentCls = token.componentCls,\n    inputPaddingHorizontal = token.inputPaddingHorizontal,\n    paddingLG = token.paddingLG;\n  var textareaPrefixCls = componentCls + \"-textarea\";\n  return (0, _defineProperty2[\"default\"])({}, textareaPrefixCls, (_textareaPrefixCls = {\n    position: 'relative'\n  }, (0, _defineProperty2[\"default\"])(_textareaPrefixCls, textareaPrefixCls + \"-suffix\", {\n    position: 'absolute',\n    top: 0,\n    insetInlineEnd: inputPaddingHorizontal,\n    bottom: 0,\n    zIndex: 1,\n    display: 'inline-flex',\n    alignItems: 'center',\n    margin: 'auto'\n  }), (0, _defineProperty2[\"default\"])(_textareaPrefixCls, \"&-status-error,\\n        &-status-warning,\\n        &-status-success,\\n        &-status-validating\", (0, _defineProperty2[\"default\"])({}, \"&\" + textareaPrefixCls + \"-has-feedback\", (0, _defineProperty2[\"default\"])({}, \"\" + componentCls, {\n    paddingInlineEnd: paddingLG\n  }))), (0, _defineProperty2[\"default\"])(_textareaPrefixCls, '&-show-count', (_showCount = {}, (0, _defineProperty2[\"default\"])(_showCount, \"> \" + componentCls, {\n    height: '100%'\n  }), (0, _defineProperty2[\"default\"])(_showCount, '&::after', {\n    position: 'absolute',\n    bottom: 0,\n    insetInlineEnd: 0,\n    color: token.colorTextDescription,\n    whiteSpace: 'nowrap',\n    content: 'attr(data-count)',\n    pointerEvents: 'none',\n    display: 'block',\n    transform: 'translateY(100%)'\n  }), _showCount)), _textareaPrefixCls));\n};\n// ============================== Export ==============================\nvar _default = (0, _theme.genComponentStyleHook)('Input', function (token) {\n  var inputToken = initInputToken(token);\n  return [genInputStyle(inputToken), genTextAreaStyle(inputToken), genAffixStyle(inputToken), genGroupStyle(inputToken), genSearchInputStyle(inputToken)];\n});\nexports[\"default\"] = _default;","\"use strict\";\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\")[\"default\"];\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.useLocaleReceiver = exports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar React = _interopRequireWildcard(require(\"react\"));\nvar _context = _interopRequireDefault(require(\"./context\"));\nvar _en_US = _interopRequireDefault(require(\"../locale/en_US\"));\nvar LocaleReceiver = function LocaleReceiver(props) {\n  var _props$componentName = props.componentName,\n    componentName = _props$componentName === void 0 ? 'global' : _props$componentName,\n    defaultLocale = props.defaultLocale,\n    children = props.children;\n  var antLocale = React.useContext(_context[\"default\"]);\n  var getLocale = React.useMemo(function () {\n    var _a;\n    var locale = defaultLocale || _en_US[\"default\"][componentName];\n    var localeFromContext = (_a = antLocale === null || antLocale === void 0 ? void 0 : antLocale[componentName]) !== null && _a !== void 0 ? _a : {};\n    return (0, _extends2[\"default\"])((0, _extends2[\"default\"])({}, locale instanceof Function ? locale() : locale), localeFromContext || {});\n  }, [componentName, defaultLocale, antLocale]);\n  var getLocaleCode = React.useMemo(function () {\n    var localeCode = antLocale && antLocale.locale;\n    // Had use LocaleProvide but didn't set locale\n    if (antLocale && antLocale.exist && !localeCode) {\n      return _en_US[\"default\"].locale;\n    }\n    return localeCode;\n  }, [antLocale]);\n  return children(getLocale, getLocaleCode, antLocale);\n};\nvar _default = LocaleReceiver;\nexports[\"default\"] = _default;\nvar useLocaleReceiver = function useLocaleReceiver(componentName, defaultLocale) {\n  var antLocale = React.useContext(_context[\"default\"]);\n  var getLocale = React.useMemo(function () {\n    var _a;\n    var locale = defaultLocale || _en_US[\"default\"][componentName];\n    var localeFromContext = (_a = antLocale === null || antLocale === void 0 ? void 0 : antLocale[componentName]) !== null && _a !== void 0 ? _a : {};\n    return (0, _extends2[\"default\"])((0, _extends2[\"default\"])({}, typeof locale === 'function' ? locale() : locale), localeFromContext || {});\n  }, [componentName, defaultLocale, antLocale]);\n  return [getLocale];\n};\nexports.useLocaleReceiver = useLocaleReceiver;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = void 0;\nvar _react = require(\"react\");\nvar LocaleContext = /*#__PURE__*/(0, _react.createContext)(undefined);\nvar _default = LocaleContext;\nexports[\"default\"] = _default;","\"use strict\";\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\")[\"default\"];\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = exports.ANT_MARK = void 0;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar React = _interopRequireWildcard(require(\"react\"));\nvar _warning = _interopRequireDefault(require(\"../_util/warning\"));\nvar _locale = require(\"../modal/locale\");\nvar _context = _interopRequireDefault(require(\"./context\"));\nvar ANT_MARK = 'internalMark';\nexports.ANT_MARK = ANT_MARK;\nvar LocaleProvider = function LocaleProvider(props) {\n  var _props$locale = props.locale,\n    locale = _props$locale === void 0 ? {} : _props$locale,\n    children = props.children,\n    _ANT_MARK__ = props._ANT_MARK__;\n  if (process.env.NODE_ENV !== 'production') {\n    process.env.NODE_ENV !== \"production\" ? (0, _warning[\"default\"])(_ANT_MARK__ === ANT_MARK, 'LocaleProvider', '`LocaleProvider` is deprecated. Please use `locale` with `ConfigProvider` instead: http://u.ant.design/locale') : void 0;\n  }\n  React.useEffect(function () {\n    (0, _locale.changeConfirmLocale)(locale && locale.Modal);\n    return function () {\n      (0, _locale.changeConfirmLocale)();\n    };\n  }, [locale]);\n  var getMemoizedContextValue = React.useMemo(function () {\n    return (0, _extends2[\"default\"])((0, _extends2[\"default\"])({}, locale), {\n      exist: true\n    });\n  }, [locale]);\n  return /*#__PURE__*/React.createElement(_context[\"default\"].Provider, {\n    value: getMemoizedContextValue\n  }, children);\n};\nvar _default = LocaleProvider;\nexports[\"default\"] = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = void 0;\nvar _en_US = _interopRequireDefault(require(\"rc-pagination/lib/locale/en_US\"));\nvar _en_US2 = _interopRequireDefault(require(\"../calendar/locale/en_US\"));\nvar _en_US3 = _interopRequireDefault(require(\"../date-picker/locale/en_US\"));\nvar _en_US4 = _interopRequireDefault(require(\"../time-picker/locale/en_US\"));\n/* eslint-disable no-template-curly-in-string */\n\nvar typeTemplate = '${label} is not a valid ${type}';\nvar localeValues = {\n  locale: 'en',\n  Pagination: _en_US[\"default\"],\n  DatePicker: _en_US3[\"default\"],\n  TimePicker: _en_US4[\"default\"],\n  Calendar: _en_US2[\"default\"],\n  global: {\n    placeholder: 'Please select'\n  },\n  Table: {\n    filterTitle: 'Filter menu',\n    filterConfirm: 'OK',\n    filterReset: 'Reset',\n    filterEmptyText: 'No filters',\n    filterCheckall: 'Select all items',\n    filterSearchPlaceholder: 'Search in filters',\n    emptyText: 'No data',\n    selectAll: 'Select current page',\n    selectInvert: 'Invert current page',\n    selectNone: 'Clear all data',\n    selectionAll: 'Select all data',\n    sortTitle: 'Sort',\n    expand: 'Expand row',\n    collapse: 'Collapse row',\n    triggerDesc: 'Click to sort descending',\n    triggerAsc: 'Click to sort ascending',\n    cancelSort: 'Click to cancel sorting'\n  },\n  Tour: {\n    Next: 'Next',\n    Previous: 'Previous',\n    Finish: 'Finish'\n  },\n  Modal: {\n    okText: 'OK',\n    cancelText: 'Cancel',\n    justOkText: 'OK'\n  },\n  Popconfirm: {\n    okText: 'OK',\n    cancelText: 'Cancel'\n  },\n  Transfer: {\n    titles: ['', ''],\n    searchPlaceholder: 'Search here',\n    itemUnit: 'item',\n    itemsUnit: 'items',\n    remove: 'Remove',\n    selectCurrent: 'Select current page',\n    removeCurrent: 'Remove current page',\n    selectAll: 'Select all data',\n    removeAll: 'Remove all data',\n    selectInvert: 'Invert current page'\n  },\n  Upload: {\n    uploading: 'Uploading...',\n    removeFile: 'Remove file',\n    uploadError: 'Upload error',\n    previewFile: 'Preview file',\n    downloadFile: 'Download file'\n  },\n  Empty: {\n    description: 'No data'\n  },\n  Icon: {\n    icon: 'icon'\n  },\n  Text: {\n    edit: 'Edit',\n    copy: 'Copy',\n    copied: 'Copied',\n    expand: 'Expand'\n  },\n  PageHeader: {\n    back: 'Back'\n  },\n  Form: {\n    optional: '(optional)',\n    defaultValidateMessages: {\n      \"default\": 'Field validation error for ${label}',\n      required: 'Please enter ${label}',\n      \"enum\": '${label} must be one of [${enum}]',\n      whitespace: '${label} cannot be a blank character',\n      date: {\n        format: '${label} date format is invalid',\n        parse: '${label} cannot be converted to a date',\n        invalid: '${label} is an invalid date'\n      },\n      types: {\n        string: typeTemplate,\n        method: typeTemplate,\n        array: typeTemplate,\n        object: typeTemplate,\n        number: typeTemplate,\n        date: typeTemplate,\n        \"boolean\": typeTemplate,\n        integer: typeTemplate,\n        \"float\": typeTemplate,\n        regexp: typeTemplate,\n        email: typeTemplate,\n        url: typeTemplate,\n        hex: typeTemplate\n      },\n      string: {\n        len: '${label} must be ${len} characters',\n        min: '${label} must be at least ${min} characters',\n        max: '${label} must be up to ${max} characters',\n        range: '${label} must be between ${min}-${max} characters'\n      },\n      number: {\n        len: '${label} must be equal to ${len}',\n        min: '${label} must be minimum ${min}',\n        max: '${label} must be maximum ${max}',\n        range: '${label} must be between ${min}-${max}'\n      },\n      array: {\n        len: 'Must be ${len} ${label}',\n        min: 'At least ${min} ${label}',\n        max: 'At most ${max} ${label}',\n        range: 'The amount of ${label} must be between ${min}-${max}'\n      },\n      pattern: {\n        mismatch: '${label} does not match the pattern ${pattern}'\n      }\n    }\n  },\n  Image: {\n    preview: 'Preview'\n  }\n};\nvar _default = localeValues;\nexports[\"default\"] = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.changeConfirmLocale = changeConfirmLocale;\nexports.getConfirmLocale = getConfirmLocale;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _en_US = _interopRequireDefault(require(\"../locale/en_US\"));\nvar runtimeLocale = (0, _extends2[\"default\"])({}, _en_US[\"default\"].Modal);\nfunction changeConfirmLocale(newLocale) {\n  if (newLocale) {\n    runtimeLocale = (0, _extends2[\"default\"])((0, _extends2[\"default\"])({}, runtimeLocale), newLocale);\n  } else {\n    runtimeLocale = (0, _extends2[\"default\"])({}, _en_US[\"default\"].Modal);\n  }\n}\nfunction getConfirmLocale() {\n  return runtimeLocale;\n}","\"use strict\";\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\")[\"default\"];\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.useCompactItemContext = exports[\"default\"] = exports.SpaceCompactItemContext = exports.NoCompactStyle = void 0;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _slicedToArray2 = _interopRequireDefault(require(\"@babel/runtime/helpers/slicedToArray\"));\nvar _defineProperty2 = _interopRequireDefault(require(\"@babel/runtime/helpers/defineProperty\"));\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\nvar _toArray = _interopRequireDefault(require(\"rc-util/lib/Children/toArray\"));\nvar React = _interopRequireWildcard(require(\"react\"));\nvar _configProvider = require(\"../config-provider\");\nvar _style = _interopRequireDefault(require(\"./style\"));\nvar __rest = void 0 && (void 0).__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nvar SpaceCompactItemContext = /*#__PURE__*/React.createContext(null);\nexports.SpaceCompactItemContext = SpaceCompactItemContext;\nvar useCompactItemContext = function useCompactItemContext(prefixCls, direction) {\n  var compactItemContext = React.useContext(SpaceCompactItemContext);\n  var compactItemClassnames = React.useMemo(function () {\n    var _classNames;\n    if (!compactItemContext) return '';\n    var compactDirection = compactItemContext.compactDirection,\n      isFirstItem = compactItemContext.isFirstItem,\n      isLastItem = compactItemContext.isLastItem;\n    var separator = compactDirection === 'vertical' ? '-vertical-' : '-';\n    return (0, _classnames[\"default\"])((_classNames = {}, (0, _defineProperty2[\"default\"])(_classNames, prefixCls + \"-compact\" + separator + \"item\", true), (0, _defineProperty2[\"default\"])(_classNames, prefixCls + \"-compact\" + separator + \"first-item\", isFirstItem), (0, _defineProperty2[\"default\"])(_classNames, prefixCls + \"-compact\" + separator + \"last-item\", isLastItem), (0, _defineProperty2[\"default\"])(_classNames, prefixCls + \"-compact\" + separator + \"item-rtl\", direction === 'rtl'), _classNames));\n  }, [prefixCls, direction, compactItemContext]);\n  return {\n    compactSize: compactItemContext === null || compactItemContext === void 0 ? void 0 : compactItemContext.compactSize,\n    compactDirection: compactItemContext === null || compactItemContext === void 0 ? void 0 : compactItemContext.compactDirection,\n    compactItemClassnames: compactItemClassnames\n  };\n};\nexports.useCompactItemContext = useCompactItemContext;\nvar NoCompactStyle = function NoCompactStyle(_ref) {\n  var children = _ref.children;\n  return /*#__PURE__*/React.createElement(SpaceCompactItemContext.Provider, {\n    value: null\n  }, children);\n};\nexports.NoCompactStyle = NoCompactStyle;\nvar CompactItem = function CompactItem(_a) {\n  var children = _a.children,\n    otherProps = __rest(_a, [\"children\"]);\n  return /*#__PURE__*/React.createElement(SpaceCompactItemContext.Provider, {\n    value: otherProps\n  }, children);\n};\nvar Compact = function Compact(props) {\n  var _classNames2;\n  var _React$useContext = React.useContext(_configProvider.ConfigContext),\n    getPrefixCls = _React$useContext.getPrefixCls,\n    directionConfig = _React$useContext.direction;\n  var _props$size = props.size,\n    size = _props$size === void 0 ? 'middle' : _props$size,\n    direction = props.direction,\n    block = props.block,\n    customizePrefixCls = props.prefixCls,\n    className = props.className,\n    children = props.children,\n    restProps = __rest(props, [\"size\", \"direction\", \"block\", \"prefixCls\", \"className\", \"children\"]);\n  var prefixCls = getPrefixCls('space-compact', customizePrefixCls);\n  var _useStyle = (0, _style[\"default\"])(prefixCls),\n    _useStyle2 = (0, _slicedToArray2[\"default\"])(_useStyle, 2),\n    wrapSSR = _useStyle2[0],\n    hashId = _useStyle2[1];\n  var clx = (0, _classnames[\"default\"])(prefixCls, hashId, (_classNames2 = {}, (0, _defineProperty2[\"default\"])(_classNames2, prefixCls + \"-rtl\", directionConfig === 'rtl'), (0, _defineProperty2[\"default\"])(_classNames2, prefixCls + \"-block\", block), (0, _defineProperty2[\"default\"])(_classNames2, prefixCls + \"-vertical\", direction === 'vertical'), _classNames2), className);\n  var compactItemContext = React.useContext(SpaceCompactItemContext);\n  var childNodes = (0, _toArray[\"default\"])(children);\n  var nodes = React.useMemo(function () {\n    return childNodes.map(function (child, i) {\n      var key = child && child.key || prefixCls + \"-item-\" + i;\n      return /*#__PURE__*/React.createElement(CompactItem, {\n        key: key,\n        compactSize: size,\n        compactDirection: direction,\n        isFirstItem: i === 0 && (!compactItemContext || (compactItemContext === null || compactItemContext === void 0 ? void 0 : compactItemContext.isFirstItem)),\n        isLastItem: i === childNodes.length - 1 && (!compactItemContext || (compactItemContext === null || compactItemContext === void 0 ? void 0 : compactItemContext.isLastItem))\n      }, child);\n    });\n  }, [size, childNodes, compactItemContext]);\n  // =========================== Render ===========================\n  if (childNodes.length === 0) {\n    return null;\n  }\n  return wrapSSR( /*#__PURE__*/React.createElement(\"div\", (0, _extends2[\"default\"])({\n    className: clx\n  }, restProps), nodes));\n};\nvar _default = Compact;\nexports[\"default\"] = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = void 0;\nvar _defineProperty2 = _interopRequireDefault(require(\"@babel/runtime/helpers/defineProperty\"));\nvar genSpaceCompactStyle = function genSpaceCompactStyle(token) {\n  var componentCls = token.componentCls;\n  return (0, _defineProperty2[\"default\"])({}, componentCls, {\n    display: 'inline-flex',\n    '&-block': {\n      display: 'flex',\n      width: '100%'\n    },\n    '&-vertical': {\n      flexDirection: 'column'\n    }\n  });\n};\n// ============================== Export ==============================\nvar _default = genSpaceCompactStyle;\nexports[\"default\"] = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = void 0;\nvar _defineProperty2 = _interopRequireDefault(require(\"@babel/runtime/helpers/defineProperty\"));\nvar _theme = require(\"../../theme\");\nvar _compact = _interopRequireDefault(require(\"./compact\"));\nvar genSpaceStyle = function genSpaceStyle(token) {\n  var componentCls = token.componentCls;\n  return (0, _defineProperty2[\"default\"])({}, componentCls, (0, _defineProperty2[\"default\"])({\n    display: 'inline-flex',\n    '&-rtl': {\n      direction: 'rtl'\n    },\n    '&-vertical': {\n      flexDirection: 'column'\n    },\n    '&-align': {\n      flexDirection: 'column',\n      '&-center': {\n        alignItems: 'center'\n      },\n      '&-start': {\n        alignItems: 'flex-start'\n      },\n      '&-end': {\n        alignItems: 'flex-end'\n      },\n      '&-baseline': {\n        alignItems: 'flex-baseline'\n      }\n    }\n  }, componentCls + \"-space-item\", {\n    '&:empty': {\n      display: 'none'\n    }\n  }));\n};\n// ============================== Export ==============================\nvar _default = (0, _theme.genComponentStyleHook)('Space', function (token) {\n  return [genSpaceStyle(token), (0, _compact[\"default\"])(token)];\n});\nexports[\"default\"] = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.genCompactItemVerticalStyle = genCompactItemVerticalStyle;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _defineProperty2 = _interopRequireDefault(require(\"@babel/runtime/helpers/defineProperty\"));\nfunction compactItemVerticalBorder(token) {\n  return {\n    // border collapse\n    '&-item:not(&-last-item)': {\n      marginBottom: -token.lineWidth\n    },\n    '&-item': {\n      '&:hover,&:focus,&:active': {\n        zIndex: 2\n      },\n      '&[disabled]': {\n        zIndex: 0\n      }\n    }\n  };\n}\nfunction compactItemBorderVerticalRadius(prefixCls) {\n  return {\n    '&-item:not(&-first-item):not(&-last-item)': {\n      borderRadius: 0\n    },\n    '&-item&-first-item': (0, _defineProperty2[\"default\"])({}, \"&, &\" + prefixCls + \"-sm, &\" + prefixCls + \"-lg\", {\n      borderEndEndRadius: 0,\n      borderEndStartRadius: 0\n    }),\n    '&-item&-last-item': (0, _defineProperty2[\"default\"])({}, \"&, &\" + prefixCls + \"-sm, &\" + prefixCls + \"-lg\", {\n      borderStartStartRadius: 0,\n      borderStartEndRadius: 0\n    })\n  };\n}\nfunction genCompactItemVerticalStyle(token, prefixCls) {\n  return {\n    '&-compact-vertical': (0, _extends2[\"default\"])((0, _extends2[\"default\"])({}, compactItemVerticalBorder(token)), compactItemBorderVerticalRadius(prefixCls))\n  };\n}","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.genCompactItemStyle = genCompactItemStyle;\nvar _defineProperty2 = _interopRequireDefault(require(\"@babel/runtime/helpers/defineProperty\"));\nvar _extends4 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n// handle border collapse\nfunction compactItemBorder(token, borderedItemCls, popoverFocusedCls) {\n  var childCombinator = borderedItemCls ? '> *' : '';\n  return {\n    '&-item:not(&-last-item)': {\n      marginInlineEnd: -token.lineWidth\n    },\n    '&-item': (0, _extends4[\"default\"])((0, _extends4[\"default\"])((0, _defineProperty2[\"default\"])({}, \"&:hover \" + childCombinator + \", &:focus \" + childCombinator + \", &:active \" + childCombinator, {\n      zIndex: 2\n    }), popoverFocusedCls ? (0, _defineProperty2[\"default\"])({}, \"&\" + popoverFocusedCls, {\n      zIndex: 2\n    }) : {}), (0, _defineProperty2[\"default\"])({}, \"&[disabled] \" + childCombinator, {\n      zIndex: 0\n    }))\n  };\n}\n// handle border-radius\nfunction compactItemBorderRadius(prefixCls, borderedElementCls) {\n  var _ref2;\n  var childCombinator = borderedElementCls ? \"> \" + borderedElementCls : '';\n  return _ref2 = {}, (0, _defineProperty2[\"default\"])(_ref2, \"&-item:not(&-first-item):not(&-last-item) \" + childCombinator, {\n    borderRadius: 0\n  }), (0, _defineProperty2[\"default\"])(_ref2, '&-item&-first-item', (0, _defineProperty2[\"default\"])({}, \"& \" + childCombinator + \", &\" + prefixCls + \"-sm \" + childCombinator + \", &\" + prefixCls + \"-lg \" + childCombinator, {\n    borderStartEndRadius: 0,\n    borderEndEndRadius: 0\n  })), (0, _defineProperty2[\"default\"])(_ref2, '&-item&-last-item', (0, _defineProperty2[\"default\"])({}, \"& \" + childCombinator + \", &\" + prefixCls + \"-sm \" + childCombinator + \", &\" + prefixCls + \"-lg \" + childCombinator, {\n    borderStartStartRadius: 0,\n    borderEndStartRadius: 0\n  })), _ref2;\n}\nfunction genCompactItemStyle(token, prefixCls, /** Some component borders are implemented on child elements like `Select` */\nborderedElementCls,\n/**\n * Some components have special `focus` className especially with popovers like `Select` and\n * `DatePicker`\n */\npopoverFocusedCls) {\n  return {\n    '&-compact': (0, _extends4[\"default\"])((0, _extends4[\"default\"])({}, compactItemBorder(token, borderedElementCls, popoverFocusedCls)), compactItemBorderRadius(prefixCls, borderedElementCls))\n  };\n}","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.genLinkStyle = exports.genFocusStyle = exports.genFocusOutline = exports.genCommonStyle = exports.clearFix = void 0;\nObject.defineProperty(exports, \"operationUnit\", {\n  enumerable: true,\n  get: function get() {\n    return _operationUnit.operationUnit;\n  }\n});\nexports.resetIcon = exports.resetComponent = void 0;\nObject.defineProperty(exports, \"roundedArrow\", {\n  enumerable: true,\n  get: function get() {\n    return _roundedArrow.roundedArrow;\n  }\n});\nexports.textEllipsis = void 0;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _defineProperty2 = _interopRequireDefault(require(\"@babel/runtime/helpers/defineProperty\"));\nvar _operationUnit = require(\"./operationUnit\");\nvar _roundedArrow = require(\"./roundedArrow\");\nvar textEllipsis = {\n  overflow: 'hidden',\n  whiteSpace: 'nowrap',\n  textOverflow: 'ellipsis'\n};\nexports.textEllipsis = textEllipsis;\nvar resetComponent = function resetComponent(token) {\n  return {\n    boxSizing: 'border-box',\n    margin: 0,\n    padding: 0,\n    color: token.colorText,\n    fontSize: token.fontSize,\n    // font-variant: @font-variant-base;\n    lineHeight: token.lineHeight,\n    listStyle: 'none',\n    // font-feature-settings: @font-feature-settings-base;\n    fontFamily: token.fontFamily\n  };\n};\nexports.resetComponent = resetComponent;\nvar resetIcon = function resetIcon() {\n  return {\n    display: 'inline-flex',\n    alignItems: 'center',\n    color: 'inherit',\n    fontStyle: 'normal',\n    lineHeight: 0,\n    textAlign: 'center',\n    textTransform: 'none',\n    // for SVG icon, see https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4\n    verticalAlign: '-0.125em',\n    textRendering: 'optimizeLegibility',\n    '-webkit-font-smoothing': 'antialiased',\n    '-moz-osx-font-smoothing': 'grayscale',\n    '> *': {\n      lineHeight: 1\n    },\n    svg: {\n      display: 'inline-block'\n    },\n    '& &-icon': {\n      display: 'block'\n    }\n  };\n};\nexports.resetIcon = resetIcon;\nvar clearFix = function clearFix() {\n  return {\n    // https://github.com/ant-design/ant-design/issues/21301#issuecomment-583955229\n    '&::before': {\n      display: 'table',\n      content: '\"\"'\n    },\n    '&::after': {\n      // https://github.com/ant-design/ant-design/issues/21864\n      display: 'table',\n      clear: 'both',\n      content: '\"\"'\n    }\n  };\n};\nexports.clearFix = clearFix;\nvar genLinkStyle = function genLinkStyle(token) {\n  var _a;\n  return {\n    a: (_a = {\n      color: token.colorLink,\n      textDecoration: token.linkDecoration,\n      backgroundColor: 'transparent',\n      outline: 'none',\n      cursor: 'pointer',\n      transition: \"color \" + token.motionDurationSlow,\n      '-webkit-text-decoration-skip': 'objects',\n      '&:hover': {\n        color: token.colorLinkHover\n      },\n      '&:active': {\n        color: token.colorLinkActive\n      }\n    }, (0, _defineProperty2[\"default\"])(_a, \"&:active,\\n  &:hover\", {\n      textDecoration: token.linkHoverDecoration,\n      outline: 0\n    }), (0, _defineProperty2[\"default\"])(_a, '&:focus', {\n      textDecoration: token.linkFocusDecoration,\n      outline: 0\n    }), (0, _defineProperty2[\"default\"])(_a, '&[disabled]', {\n      color: token.colorTextDisabled,\n      cursor: 'not-allowed'\n    }), _a)\n  };\n};\nexports.genLinkStyle = genLinkStyle;\nvar genCommonStyle = function genCommonStyle(token, componentPrefixCls) {\n  var fontFamily = token.fontFamily,\n    fontSize = token.fontSize;\n  var rootPrefixSelector = \"[class^=\\\"\" + componentPrefixCls + \"\\\"], [class*=\\\" \" + componentPrefixCls + \"\\\"]\";\n  return (0, _defineProperty2[\"default\"])({}, rootPrefixSelector, (0, _defineProperty2[\"default\"])({\n    fontFamily: fontFamily,\n    fontSize: fontSize,\n    boxSizing: 'border-box',\n    '&::before, &::after': {\n      boxSizing: 'border-box'\n    }\n  }, rootPrefixSelector, {\n    boxSizing: 'border-box',\n    '&::before, &::after': {\n      boxSizing: 'border-box'\n    }\n  }));\n};\nexports.genCommonStyle = genCommonStyle;\nvar genFocusOutline = function genFocusOutline(token) {\n  return {\n    outline: token.lineWidth * 4 + \"px solid \" + token.colorPrimaryBorder,\n    outlineOffset: 1,\n    transition: 'outline-offset 0s, outline 0s'\n  };\n};\nexports.genFocusOutline = genFocusOutline;\nvar genFocusStyle = function genFocusStyle(token) {\n  return {\n    '&:focus-visible': (0, _extends2[\"default\"])({}, genFocusOutline(token))\n  };\n};\nexports.genFocusStyle = genFocusStyle;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = void 0;\nvar _defineProperty2 = _interopRequireDefault(require(\"@babel/runtime/helpers/defineProperty\"));\nvar genCollapseMotion = function genCollapseMotion(token) {\n  var _token$componentCls;\n  return (0, _defineProperty2[\"default\"])({}, token.componentCls, (_token$componentCls = {}, (0, _defineProperty2[\"default\"])(_token$componentCls, token.antCls + \"-motion-collapse-legacy\", {\n    overflow: 'hidden',\n    '&-active': {\n      transition: \"height \" + token.motionDurationMid + \" \" + token.motionEaseInOut + \",\\n        opacity \" + token.motionDurationMid + \" \" + token.motionEaseInOut + \" !important\"\n    }\n  }), (0, _defineProperty2[\"default\"])(_token$componentCls, token.antCls + \"-motion-collapse\", {\n    overflow: 'hidden',\n    transition: \"height \" + token.motionDurationMid + \" \" + token.motionEaseInOut + \",\\n        opacity \" + token.motionDurationMid + \" \" + token.motionEaseInOut + \" !important\"\n  }), _token$componentCls));\n};\nvar _default = genCollapseMotion;\nexports[\"default\"] = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.initFadeMotion = exports.fadeOut = exports.fadeIn = void 0;\nvar _defineProperty2 = _interopRequireDefault(require(\"@babel/runtime/helpers/defineProperty\"));\nvar _cssinjs = require(\"@ant-design/cssinjs\");\nvar _motion = require(\"./motion\");\nvar fadeIn = new _cssinjs.Keyframes('antFadeIn', {\n  '0%': {\n    opacity: 0\n  },\n  '100%': {\n    opacity: 1\n  }\n});\nexports.fadeIn = fadeIn;\nvar fadeOut = new _cssinjs.Keyframes('antFadeOut', {\n  '0%': {\n    opacity: 1\n  },\n  '100%': {\n    opacity: 0\n  }\n});\nexports.fadeOut = fadeOut;\nvar initFadeMotion = function initFadeMotion(token) {\n  var _ref;\n  var sameLevel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n  var antCls = token.antCls;\n  var motionCls = antCls + \"-fade\";\n  var sameLevelPrefix = sameLevel ? '&' : '';\n  return [(0, _motion.initMotion)(motionCls, fadeIn, fadeOut, token.motionDurationMid, sameLevel), (_ref = {}, (0, _defineProperty2[\"default\"])(_ref, \"\\n        \" + sameLevelPrefix + motionCls + \"-enter,\\n        \" + sameLevelPrefix + motionCls + \"-appear\\n      \", {\n    opacity: 0,\n    animationTimingFunction: 'linear'\n  }), (0, _defineProperty2[\"default\"])(_ref, \"\" + sameLevelPrefix + motionCls + \"-leave\", {\n    animationTimingFunction: 'linear'\n  }), _ref)];\n};\nexports.initFadeMotion = initFadeMotion;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nObject.defineProperty(exports, \"fadeIn\", {\n  enumerable: true,\n  get: function get() {\n    return _fade.fadeIn;\n  }\n});\nObject.defineProperty(exports, \"fadeOut\", {\n  enumerable: true,\n  get: function get() {\n    return _fade.fadeOut;\n  }\n});\nObject.defineProperty(exports, \"genCollapseMotion\", {\n  enumerable: true,\n  get: function get() {\n    return _collapse[\"default\"];\n  }\n});\nObject.defineProperty(exports, \"initFadeMotion\", {\n  enumerable: true,\n  get: function get() {\n    return _fade.initFadeMotion;\n  }\n});\nObject.defineProperty(exports, \"initMoveMotion\", {\n  enumerable: true,\n  get: function get() {\n    return _move.initMoveMotion;\n  }\n});\nObject.defineProperty(exports, \"initSlideMotion\", {\n  enumerable: true,\n  get: function get() {\n    return _slide.initSlideMotion;\n  }\n});\nObject.defineProperty(exports, \"initZoomMotion\", {\n  enumerable: true,\n  get: function get() {\n    return _zoom.initZoomMotion;\n  }\n});\nObject.defineProperty(exports, \"moveDownIn\", {\n  enumerable: true,\n  get: function get() {\n    return _move.moveDownIn;\n  }\n});\nObject.defineProperty(exports, \"moveDownOut\", {\n  enumerable: true,\n  get: function get() {\n    return _move.moveDownOut;\n  }\n});\nObject.defineProperty(exports, \"moveLeftIn\", {\n  enumerable: true,\n  get: function get() {\n    return _move.moveLeftIn;\n  }\n});\nObject.defineProperty(exports, \"moveLeftOut\", {\n  enumerable: true,\n  get: function get() {\n    return _move.moveLeftOut;\n  }\n});\nObject.defineProperty(exports, \"moveRightIn\", {\n  enumerable: true,\n  get: function get() {\n    return _move.moveRightIn;\n  }\n});\nObject.defineProperty(exports, \"moveRightOut\", {\n  enumerable: true,\n  get: function get() {\n    return _move.moveRightOut;\n  }\n});\nObject.defineProperty(exports, \"moveUpIn\", {\n  enumerable: true,\n  get: function get() {\n    return _move.moveUpIn;\n  }\n});\nObject.defineProperty(exports, \"moveUpOut\", {\n  enumerable: true,\n  get: function get() {\n    return _move.moveUpOut;\n  }\n});\nObject.defineProperty(exports, \"slideDownIn\", {\n  enumerable: true,\n  get: function get() {\n    return _slide.slideDownIn;\n  }\n});\nObject.defineProperty(exports, \"slideDownOut\", {\n  enumerable: true,\n  get: function get() {\n    return _slide.slideDownOut;\n  }\n});\nObject.defineProperty(exports, \"slideLeftIn\", {\n  enumerable: true,\n  get: function get() {\n    return _slide.slideLeftIn;\n  }\n});\nObject.defineProperty(exports, \"slideLeftOut\", {\n  enumerable: true,\n  get: function get() {\n    return _slide.slideLeftOut;\n  }\n});\nObject.defineProperty(exports, \"slideRightIn\", {\n  enumerable: true,\n  get: function get() {\n    return _slide.slideRightIn;\n  }\n});\nObject.defineProperty(exports, \"slideRightOut\", {\n  enumerable: true,\n  get: function get() {\n    return _slide.slideRightOut;\n  }\n});\nObject.defineProperty(exports, \"slideUpIn\", {\n  enumerable: true,\n  get: function get() {\n    return _slide.slideUpIn;\n  }\n});\nObject.defineProperty(exports, \"slideUpOut\", {\n  enumerable: true,\n  get: function get() {\n    return _slide.slideUpOut;\n  }\n});\nObject.defineProperty(exports, \"zoomBigIn\", {\n  enumerable: true,\n  get: function get() {\n    return _zoom.zoomBigIn;\n  }\n});\nObject.defineProperty(exports, \"zoomBigOut\", {\n  enumerable: true,\n  get: function get() {\n    return _zoom.zoomBigOut;\n  }\n});\nObject.defineProperty(exports, \"zoomDownIn\", {\n  enumerable: true,\n  get: function get() {\n    return _zoom.zoomDownIn;\n  }\n});\nObject.defineProperty(exports, \"zoomDownOut\", {\n  enumerable: true,\n  get: function get() {\n    return _zoom.zoomDownOut;\n  }\n});\nObject.defineProperty(exports, \"zoomIn\", {\n  enumerable: true,\n  get: function get() {\n    return _zoom.zoomIn;\n  }\n});\nObject.defineProperty(exports, \"zoomLeftIn\", {\n  enumerable: true,\n  get: function get() {\n    return _zoom.zoomLeftIn;\n  }\n});\nObject.defineProperty(exports, \"zoomLeftOut\", {\n  enumerable: true,\n  get: function get() {\n    return _zoom.zoomLeftOut;\n  }\n});\nObject.defineProperty(exports, \"zoomOut\", {\n  enumerable: true,\n  get: function get() {\n    return _zoom.zoomOut;\n  }\n});\nObject.defineProperty(exports, \"zoomRightIn\", {\n  enumerable: true,\n  get: function get() {\n    return _zoom.zoomRightIn;\n  }\n});\nObject.defineProperty(exports, \"zoomRightOut\", {\n  enumerable: true,\n  get: function get() {\n    return _zoom.zoomRightOut;\n  }\n});\nObject.defineProperty(exports, \"zoomUpIn\", {\n  enumerable: true,\n  get: function get() {\n    return _zoom.zoomUpIn;\n  }\n});\nObject.defineProperty(exports, \"zoomUpOut\", {\n  enumerable: true,\n  get: function get() {\n    return _zoom.zoomUpOut;\n  }\n});\nvar _fade = require(\"./fade\");\nvar _move = require(\"./move\");\nvar _slide = require(\"./slide\");\nvar _zoom = require(\"./zoom\");\nvar _collapse = _interopRequireDefault(require(\"./collapse\"));","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.initMotion = void 0;\nvar _defineProperty2 = _interopRequireDefault(require(\"@babel/runtime/helpers/defineProperty\"));\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar initMotionCommon = function initMotionCommon(duration) {\n  return {\n    animationDuration: duration,\n    animationFillMode: 'both'\n  };\n};\n// FIXME: origin less code seems same as initMotionCommon. Maybe we can safe remove\nvar initMotionCommonLeave = function initMotionCommonLeave(duration) {\n  return {\n    animationDuration: duration,\n    animationFillMode: 'both'\n  };\n};\nvar initMotion = function initMotion(motionCls, inKeyframes, outKeyframes, duration) {\n  var _ref;\n  var sameLevel = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;\n  var sameLevelPrefix = sameLevel ? '&' : '';\n  return _ref = {}, (0, _defineProperty2[\"default\"])(_ref, \"\\n      \" + sameLevelPrefix + motionCls + \"-enter,\\n      \" + sameLevelPrefix + motionCls + \"-appear\\n    \", (0, _extends2[\"default\"])((0, _extends2[\"default\"])({}, initMotionCommon(duration)), {\n    animationPlayState: 'paused'\n  })), (0, _defineProperty2[\"default\"])(_ref, \"\" + sameLevelPrefix + motionCls + \"-leave\", (0, _extends2[\"default\"])((0, _extends2[\"default\"])({}, initMotionCommonLeave(duration)), {\n    animationPlayState: 'paused'\n  })), (0, _defineProperty2[\"default\"])(_ref, \"\\n      \" + sameLevelPrefix + motionCls + \"-enter\" + motionCls + \"-enter-active,\\n      \" + sameLevelPrefix + motionCls + \"-appear\" + motionCls + \"-appear-active\\n    \", {\n    animationName: inKeyframes,\n    animationPlayState: 'running'\n  }), (0, _defineProperty2[\"default\"])(_ref, \"\" + sameLevelPrefix + motionCls + \"-leave\" + motionCls + \"-leave-active\", {\n    animationName: outKeyframes,\n    animationPlayState: 'running',\n    pointerEvents: 'none'\n  }), _ref;\n};\nexports.initMotion = initMotion;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.moveUpOut = exports.moveUpIn = exports.moveRightOut = exports.moveRightIn = exports.moveLeftOut = exports.moveLeftIn = exports.moveDownOut = exports.moveDownIn = exports.initMoveMotion = void 0;\nvar _defineProperty2 = _interopRequireDefault(require(\"@babel/runtime/helpers/defineProperty\"));\nvar _cssinjs = require(\"@ant-design/cssinjs\");\nvar _motion = require(\"./motion\");\nvar moveDownIn = new _cssinjs.Keyframes('antMoveDownIn', {\n  '0%': {\n    transform: 'translate3d(0, 100%, 0)',\n    transformOrigin: '0 0',\n    opacity: 0\n  },\n  '100%': {\n    transform: 'translate3d(0, 0, 0)',\n    transformOrigin: '0 0',\n    opacity: 1\n  }\n});\nexports.moveDownIn = moveDownIn;\nvar moveDownOut = new _cssinjs.Keyframes('antMoveDownOut', {\n  '0%': {\n    transform: 'translate3d(0, 0, 0)',\n    transformOrigin: '0 0',\n    opacity: 1\n  },\n  '100%': {\n    transform: 'translate3d(0, 100%, 0)',\n    transformOrigin: '0 0',\n    opacity: 0\n  }\n});\nexports.moveDownOut = moveDownOut;\nvar moveLeftIn = new _cssinjs.Keyframes('antMoveLeftIn', {\n  '0%': {\n    transform: 'translate3d(-100%, 0, 0)',\n    transformOrigin: '0 0',\n    opacity: 0\n  },\n  '100%': {\n    transform: 'translate3d(0, 0, 0)',\n    transformOrigin: '0 0',\n    opacity: 1\n  }\n});\nexports.moveLeftIn = moveLeftIn;\nvar moveLeftOut = new _cssinjs.Keyframes('antMoveLeftOut', {\n  '0%': {\n    transform: 'translate3d(0, 0, 0)',\n    transformOrigin: '0 0',\n    opacity: 1\n  },\n  '100%': {\n    transform: 'translate3d(-100%, 0, 0)',\n    transformOrigin: '0 0',\n    opacity: 0\n  }\n});\nexports.moveLeftOut = moveLeftOut;\nvar moveRightIn = new _cssinjs.Keyframes('antMoveRightIn', {\n  '0%': {\n    transform: 'translate3d(100%, 0, 0)',\n    transformOrigin: '0 0',\n    opacity: 0\n  },\n  '100%': {\n    transform: 'translate3d(0, 0, 0)',\n    transformOrigin: '0 0',\n    opacity: 1\n  }\n});\nexports.moveRightIn = moveRightIn;\nvar moveRightOut = new _cssinjs.Keyframes('antMoveRightOut', {\n  '0%': {\n    transform: 'translate3d(0, 0, 0)',\n    transformOrigin: '0 0',\n    opacity: 1\n  },\n  '100%': {\n    transform: 'translate3d(100%, 0, 0)',\n    transformOrigin: '0 0',\n    opacity: 0\n  }\n});\nexports.moveRightOut = moveRightOut;\nvar moveUpIn = new _cssinjs.Keyframes('antMoveUpIn', {\n  '0%': {\n    transform: 'translate3d(0, -100%, 0)',\n    transformOrigin: '0 0',\n    opacity: 0\n  },\n  '100%': {\n    transform: 'translate3d(0, 0, 0)',\n    transformOrigin: '0 0',\n    opacity: 1\n  }\n});\nexports.moveUpIn = moveUpIn;\nvar moveUpOut = new _cssinjs.Keyframes('antMoveUpOut', {\n  '0%': {\n    transform: 'translate3d(0, 0, 0)',\n    transformOrigin: '0 0',\n    opacity: 1\n  },\n  '100%': {\n    transform: 'translate3d(0, -100%, 0)',\n    transformOrigin: '0 0',\n    opacity: 0\n  }\n});\nexports.moveUpOut = moveUpOut;\nvar moveMotion = {\n  'move-up': {\n    inKeyframes: moveUpIn,\n    outKeyframes: moveUpOut\n  },\n  'move-down': {\n    inKeyframes: moveDownIn,\n    outKeyframes: moveDownOut\n  },\n  'move-left': {\n    inKeyframes: moveLeftIn,\n    outKeyframes: moveLeftOut\n  },\n  'move-right': {\n    inKeyframes: moveRightIn,\n    outKeyframes: moveRightOut\n  }\n};\nvar initMoveMotion = function initMoveMotion(token, motionName) {\n  var _ref;\n  var antCls = token.antCls;\n  var motionCls = antCls + \"-\" + motionName;\n  var _moveMotion$motionNam = moveMotion[motionName],\n    inKeyframes = _moveMotion$motionNam.inKeyframes,\n    outKeyframes = _moveMotion$motionNam.outKeyframes;\n  return [(0, _motion.initMotion)(motionCls, inKeyframes, outKeyframes, token.motionDurationMid), (_ref = {}, (0, _defineProperty2[\"default\"])(_ref, \"\\n        \" + motionCls + \"-enter,\\n        \" + motionCls + \"-appear\\n      \", {\n    opacity: 0,\n    animationTimingFunction: token.motionEaseOutCirc\n  }), (0, _defineProperty2[\"default\"])(_ref, motionCls + \"-leave\", {\n    animationTimingFunction: token.motionEaseInOutCirc\n  }), _ref)];\n};\nexports.initMoveMotion = initMoveMotion;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.slideUpOut = exports.slideUpIn = exports.slideRightOut = exports.slideRightIn = exports.slideLeftOut = exports.slideLeftIn = exports.slideDownOut = exports.slideDownIn = exports.initSlideMotion = void 0;\nvar _defineProperty2 = _interopRequireDefault(require(\"@babel/runtime/helpers/defineProperty\"));\nvar _cssinjs = require(\"@ant-design/cssinjs\");\nvar _motion = require(\"./motion\");\nvar slideUpIn = new _cssinjs.Keyframes('antSlideUpIn', {\n  '0%': {\n    transform: 'scaleY(0.8)',\n    transformOrigin: '0% 0%',\n    opacity: 0\n  },\n  '100%': {\n    transform: 'scaleY(1)',\n    transformOrigin: '0% 0%',\n    opacity: 1\n  }\n});\nexports.slideUpIn = slideUpIn;\nvar slideUpOut = new _cssinjs.Keyframes('antSlideUpOut', {\n  '0%': {\n    transform: 'scaleY(1)',\n    transformOrigin: '0% 0%',\n    opacity: 1\n  },\n  '100%': {\n    transform: 'scaleY(0.8)',\n    transformOrigin: '0% 0%',\n    opacity: 0\n  }\n});\nexports.slideUpOut = slideUpOut;\nvar slideDownIn = new _cssinjs.Keyframes('antSlideDownIn', {\n  '0%': {\n    transform: 'scaleY(0.8)',\n    transformOrigin: '100% 100%',\n    opacity: 0\n  },\n  '100%': {\n    transform: 'scaleY(1)',\n    transformOrigin: '100% 100%',\n    opacity: 1\n  }\n});\nexports.slideDownIn = slideDownIn;\nvar slideDownOut = new _cssinjs.Keyframes('antSlideDownOut', {\n  '0%': {\n    transform: 'scaleY(1)',\n    transformOrigin: '100% 100%',\n    opacity: 1\n  },\n  '100%': {\n    transform: 'scaleY(0.8)',\n    transformOrigin: '100% 100%',\n    opacity: 0\n  }\n});\nexports.slideDownOut = slideDownOut;\nvar slideLeftIn = new _cssinjs.Keyframes('antSlideLeftIn', {\n  '0%': {\n    transform: 'scaleX(0.8)',\n    transformOrigin: '0% 0%',\n    opacity: 0\n  },\n  '100%': {\n    transform: 'scaleX(1)',\n    transformOrigin: '0% 0%',\n    opacity: 1\n  }\n});\nexports.slideLeftIn = slideLeftIn;\nvar slideLeftOut = new _cssinjs.Keyframes('antSlideLeftOut', {\n  '0%': {\n    transform: 'scaleX(1)',\n    transformOrigin: '0% 0%',\n    opacity: 1\n  },\n  '100%': {\n    transform: 'scaleX(0.8)',\n    transformOrigin: '0% 0%',\n    opacity: 0\n  }\n});\nexports.slideLeftOut = slideLeftOut;\nvar slideRightIn = new _cssinjs.Keyframes('antSlideRightIn', {\n  '0%': {\n    transform: 'scaleX(0.8)',\n    transformOrigin: '100% 0%',\n    opacity: 0\n  },\n  '100%': {\n    transform: 'scaleX(1)',\n    transformOrigin: '100% 0%',\n    opacity: 1\n  }\n});\nexports.slideRightIn = slideRightIn;\nvar slideRightOut = new _cssinjs.Keyframes('antSlideRightOut', {\n  '0%': {\n    transform: 'scaleX(1)',\n    transformOrigin: '100% 0%',\n    opacity: 1\n  },\n  '100%': {\n    transform: 'scaleX(0.8)',\n    transformOrigin: '100% 0%',\n    opacity: 0\n  }\n});\nexports.slideRightOut = slideRightOut;\nvar slideMotion = {\n  'slide-up': {\n    inKeyframes: slideUpIn,\n    outKeyframes: slideUpOut\n  },\n  'slide-down': {\n    inKeyframes: slideDownIn,\n    outKeyframes: slideDownOut\n  },\n  'slide-left': {\n    inKeyframes: slideLeftIn,\n    outKeyframes: slideLeftOut\n  },\n  'slide-right': {\n    inKeyframes: slideRightIn,\n    outKeyframes: slideRightOut\n  }\n};\nvar initSlideMotion = function initSlideMotion(token, motionName) {\n  var _ref;\n  var antCls = token.antCls;\n  var motionCls = antCls + \"-\" + motionName;\n  var _slideMotion$motionNa = slideMotion[motionName],\n    inKeyframes = _slideMotion$motionNa.inKeyframes,\n    outKeyframes = _slideMotion$motionNa.outKeyframes;\n  return [(0, _motion.initMotion)(motionCls, inKeyframes, outKeyframes, token.motionDurationMid), (_ref = {}, (0, _defineProperty2[\"default\"])(_ref, \"\\n      \" + motionCls + \"-enter,\\n      \" + motionCls + \"-appear\\n    \", {\n    opacity: 0,\n    animationTimingFunction: token.motionEaseOutQuint\n  }), (0, _defineProperty2[\"default\"])(_ref, motionCls + \"-leave\", {\n    animationTimingFunction: token.motionEaseInQuint\n  }), _ref)];\n};\nexports.initSlideMotion = initSlideMotion;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.zoomUpOut = exports.zoomUpIn = exports.zoomRightOut = exports.zoomRightIn = exports.zoomOut = exports.zoomLeftOut = exports.zoomLeftIn = exports.zoomIn = exports.zoomDownOut = exports.zoomDownIn = exports.zoomBigOut = exports.zoomBigIn = exports.initZoomMotion = void 0;\nvar _defineProperty2 = _interopRequireDefault(require(\"@babel/runtime/helpers/defineProperty\"));\nvar _cssinjs = require(\"@ant-design/cssinjs\");\nvar _motion = require(\"./motion\");\nvar zoomIn = new _cssinjs.Keyframes('antZoomIn', {\n  '0%': {\n    transform: 'scale(0.2)',\n    opacity: 0\n  },\n  '100%': {\n    transform: 'scale(1)',\n    opacity: 1\n  }\n});\nexports.zoomIn = zoomIn;\nvar zoomOut = new _cssinjs.Keyframes('antZoomOut', {\n  '0%': {\n    transform: 'scale(1)'\n  },\n  '100%': {\n    transform: 'scale(0.2)',\n    opacity: 0\n  }\n});\nexports.zoomOut = zoomOut;\nvar zoomBigIn = new _cssinjs.Keyframes('antZoomBigIn', {\n  '0%': {\n    transform: 'scale(0.8)',\n    opacity: 0\n  },\n  '100%': {\n    transform: 'scale(1)',\n    opacity: 1\n  }\n});\nexports.zoomBigIn = zoomBigIn;\nvar zoomBigOut = new _cssinjs.Keyframes('antZoomBigOut', {\n  '0%': {\n    transform: 'scale(1)'\n  },\n  '100%': {\n    transform: 'scale(0.8)',\n    opacity: 0\n  }\n});\nexports.zoomBigOut = zoomBigOut;\nvar zoomUpIn = new _cssinjs.Keyframes('antZoomUpIn', {\n  '0%': {\n    transform: 'scale(0.8)',\n    transformOrigin: '50% 0%',\n    opacity: 0\n  },\n  '100%': {\n    transform: 'scale(1)',\n    transformOrigin: '50% 0%'\n  }\n});\nexports.zoomUpIn = zoomUpIn;\nvar zoomUpOut = new _cssinjs.Keyframes('antZoomUpOut', {\n  '0%': {\n    transform: 'scale(1)',\n    transformOrigin: '50% 0%'\n  },\n  '100%': {\n    transform: 'scale(0.8)',\n    transformOrigin: '50% 0%',\n    opacity: 0\n  }\n});\nexports.zoomUpOut = zoomUpOut;\nvar zoomLeftIn = new _cssinjs.Keyframes('antZoomLeftIn', {\n  '0%': {\n    transform: 'scale(0.8)',\n    transformOrigin: '0% 50%',\n    opacity: 0\n  },\n  '100%': {\n    transform: 'scale(1)',\n    transformOrigin: '0% 50%'\n  }\n});\nexports.zoomLeftIn = zoomLeftIn;\nvar zoomLeftOut = new _cssinjs.Keyframes('antZoomLeftOut', {\n  '0%': {\n    transform: 'scale(1)',\n    transformOrigin: '0% 50%'\n  },\n  '100%': {\n    transform: 'scale(0.8)',\n    transformOrigin: '0% 50%',\n    opacity: 0\n  }\n});\nexports.zoomLeftOut = zoomLeftOut;\nvar zoomRightIn = new _cssinjs.Keyframes('antZoomRightIn', {\n  '0%': {\n    transform: 'scale(0.8)',\n    transformOrigin: '100% 50%',\n    opacity: 0\n  },\n  '100%': {\n    transform: 'scale(1)',\n    transformOrigin: '100% 50%'\n  }\n});\nexports.zoomRightIn = zoomRightIn;\nvar zoomRightOut = new _cssinjs.Keyframes('antZoomRightOut', {\n  '0%': {\n    transform: 'scale(1)',\n    transformOrigin: '100% 50%'\n  },\n  '100%': {\n    transform: 'scale(0.8)',\n    transformOrigin: '100% 50%',\n    opacity: 0\n  }\n});\nexports.zoomRightOut = zoomRightOut;\nvar zoomDownIn = new _cssinjs.Keyframes('antZoomDownIn', {\n  '0%': {\n    transform: 'scale(0.8)',\n    transformOrigin: '50% 100%',\n    opacity: 0\n  },\n  '100%': {\n    transform: 'scale(1)',\n    transformOrigin: '50% 100%'\n  }\n});\nexports.zoomDownIn = zoomDownIn;\nvar zoomDownOut = new _cssinjs.Keyframes('antZoomDownOut', {\n  '0%': {\n    transform: 'scale(1)',\n    transformOrigin: '50% 100%'\n  },\n  '100%': {\n    transform: 'scale(0.8)',\n    transformOrigin: '50% 100%',\n    opacity: 0\n  }\n});\nexports.zoomDownOut = zoomDownOut;\nvar zoomMotion = {\n  zoom: {\n    inKeyframes: zoomIn,\n    outKeyframes: zoomOut\n  },\n  'zoom-big': {\n    inKeyframes: zoomBigIn,\n    outKeyframes: zoomBigOut\n  },\n  'zoom-big-fast': {\n    inKeyframes: zoomBigIn,\n    outKeyframes: zoomBigOut\n  },\n  'zoom-left': {\n    inKeyframes: zoomLeftIn,\n    outKeyframes: zoomLeftOut\n  },\n  'zoom-right': {\n    inKeyframes: zoomRightIn,\n    outKeyframes: zoomRightOut\n  },\n  'zoom-up': {\n    inKeyframes: zoomUpIn,\n    outKeyframes: zoomUpOut\n  },\n  'zoom-down': {\n    inKeyframes: zoomDownIn,\n    outKeyframes: zoomDownOut\n  }\n};\nvar initZoomMotion = function initZoomMotion(token, motionName) {\n  var _ref;\n  var antCls = token.antCls;\n  var motionCls = antCls + \"-\" + motionName;\n  var _zoomMotion$motionNam = zoomMotion[motionName],\n    inKeyframes = _zoomMotion$motionNam.inKeyframes,\n    outKeyframes = _zoomMotion$motionNam.outKeyframes;\n  return [(0, _motion.initMotion)(motionCls, inKeyframes, outKeyframes, motionName === 'zoom-big-fast' ? token.motionDurationMid : token.motionDurationMid), (_ref = {}, (0, _defineProperty2[\"default\"])(_ref, \"\\n        \" + motionCls + \"-enter,\\n        \" + motionCls + \"-appear\\n      \", {\n    transform: 'scale(0)',\n    opacity: 0,\n    animationTimingFunction: token.motionEaseOutCirc,\n    '&-prepare': {\n      transform: 'none'\n    }\n  }), (0, _defineProperty2[\"default\"])(_ref, motionCls + \"-leave\", {\n    animationTimingFunction: token.motionEaseInOutCirc\n  }), _ref)];\n};\nexports.initZoomMotion = initZoomMotion;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.operationUnit = void 0;\n// eslint-disable-next-line import/prefer-default-export\nvar operationUnit = function operationUnit(token) {\n  return {\n    // FIXME: This use link but is a operation unit. Seems should be a colorPrimary.\n    // And Typography use this to generate link style which should not do this.\n    color: token.colorLink,\n    textDecoration: 'none',\n    outline: 'none',\n    cursor: 'pointer',\n    transition: \"color \" + token.motionDurationSlow,\n    '&:focus, &:hover': {\n      color: token.colorLinkHover\n    },\n    '&:active': {\n      color: token.colorLinkActive\n    }\n  };\n};\nexports.operationUnit = operationUnit;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.roundedArrow = void 0;\nvar roundedArrow = function roundedArrow(width, innerRadius, outerRadius, bgColor, boxShadow) {\n  var unitWidth = width / 2;\n  var ax = unitWidth - outerRadius * (Math.sqrt(2) - 1);\n  var ay = unitWidth;\n  var bx = unitWidth + outerRadius * (1 - 1 / Math.sqrt(2));\n  var by = unitWidth - outerRadius * (1 - 1 / Math.sqrt(2));\n  var cx = 2 * unitWidth - innerRadius * (1 / Math.sqrt(2));\n  var cy = innerRadius * (1 / Math.sqrt(2));\n  var dx = 4 * unitWidth - cx;\n  var dy = cy;\n  var ex = 4 * unitWidth - bx;\n  var ey = by;\n  var fx = 4 * unitWidth - ax;\n  var fy = ay;\n  return {\n    borderRadius: {\n      _skip_check_: true,\n      value: \"0 0 \" + innerRadius + \"px\"\n    },\n    pointerEvents: 'none',\n    width: width * 2,\n    height: width * 2,\n    overflow: 'hidden',\n    '&::after': {\n      content: '\"\"',\n      position: 'absolute',\n      width: width / Math.sqrt(2),\n      height: width / Math.sqrt(2),\n      bottom: 0,\n      insetInline: 0,\n      margin: 'auto',\n      borderRadius: {\n        _skip_check_: true,\n        value: \"0 0 \" + innerRadius + \"px 0\"\n      },\n      transform: 'translateY(50%) rotate(-135deg)',\n      boxShadow: boxShadow,\n      zIndex: 0,\n      background: 'transparent'\n    },\n    '&::before': {\n      position: 'absolute',\n      bottom: 0,\n      insetInlineStart: 0,\n      width: width * 2,\n      height: width / 2,\n      background: bgColor,\n      clipPath: \"path('M \" + ax + \" \" + ay + \" A \" + outerRadius + \" \" + outerRadius + \" 0 0 0 \" + bx + \" \" + by + \" L \" + cx + \" \" + cy + \" A \" + innerRadius + \" \" + innerRadius + \" 0 0 1 \" + dx + \" \" + dy + \" L \" + ex + \" \" + ey + \" A \" + outerRadius + \" \" + outerRadius + \" 0 0 0 \" + fx + \" \" + fy + \" Z')\",\n      content: '\"\"'\n    }\n  };\n};\nexports.roundedArrow = roundedArrow;","\"use strict\";\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\")[\"default\"];\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.DesignTokenContext = void 0;\nObject.defineProperty(exports, \"PresetColors\", {\n  enumerable: true,\n  get: function get() {\n    return _interface.PresetColors;\n  }\n});\nexports.defaultConfig = void 0;\nObject.defineProperty(exports, \"genComponentStyleHook\", {\n  enumerable: true,\n  get: function get() {\n    return _genComponentStyleHook[\"default\"];\n  }\n});\nObject.defineProperty(exports, \"mergeToken\", {\n  enumerable: true,\n  get: function get() {\n    return _statistic.merge;\n  }\n});\nObject.defineProperty(exports, \"statistic\", {\n  enumerable: true,\n  get: function get() {\n    return _statistic.statistic;\n  }\n});\nObject.defineProperty(exports, \"statisticToken\", {\n  enumerable: true,\n  get: function get() {\n    return _statistic[\"default\"];\n  }\n});\nObject.defineProperty(exports, \"useStyleRegister\", {\n  enumerable: true,\n  get: function get() {\n    return _cssinjs.useStyleRegister;\n  }\n});\nexports.useToken = useToken;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _slicedToArray2 = _interopRequireDefault(require(\"@babel/runtime/helpers/slicedToArray\"));\nvar _cssinjs = require(\"@ant-design/cssinjs\");\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _version = _interopRequireDefault(require(\"../version\"));\nvar _interface = require(\"./interface\");\nvar _default = _interopRequireDefault(require(\"./themes/default\"));\nvar _seed = _interopRequireDefault(require(\"./themes/seed\"));\nvar _alias = _interopRequireDefault(require(\"./util/alias\"));\nvar _genComponentStyleHook = _interopRequireDefault(require(\"./util/genComponentStyleHook\"));\nvar _statistic = _interopRequireWildcard(require(\"./util/statistic\"));\nvar defaultTheme = (0, _cssinjs.createTheme)(_default[\"default\"]);\n// ================================ Context =================================\n// To ensure snapshot stable. We disable hashed in test env.\nvar defaultConfig = {\n  token: _seed[\"default\"],\n  hashed: true\n};\nexports.defaultConfig = defaultConfig;\nvar DesignTokenContext = /*#__PURE__*/_react[\"default\"].createContext(defaultConfig);\n// ================================== Hook ==================================\n// In dev env, we refresh salt per hour to avoid user use this\n// Note: Do not modify this to real time update which will make debug harder\nexports.DesignTokenContext = DesignTokenContext;\nvar saltPrefix = process.env.NODE_ENV === 'production' ? _version[\"default\"] : _version[\"default\"] + \"-\" + new Date().getHours();\nfunction useToken() {\n  var _React$useContext = _react[\"default\"].useContext(DesignTokenContext),\n    rootDesignToken = _React$useContext.token,\n    hashed = _React$useContext.hashed,\n    theme = _React$useContext.theme,\n    components = _React$useContext.components;\n  var salt = saltPrefix + \"-\" + (hashed || '');\n  var mergedTheme = theme || defaultTheme;\n  var _useCacheToken = (0, _cssinjs.useCacheToken)(mergedTheme, [_seed[\"default\"], rootDesignToken], {\n      salt: salt,\n      override: (0, _extends2[\"default\"])({\n        override: rootDesignToken\n      }, components),\n      formatToken: _alias[\"default\"]\n    }),\n    _useCacheToken2 = (0, _slicedToArray2[\"default\"])(_useCacheToken, 2),\n    token = _useCacheToken2[0],\n    hashId = _useCacheToken2[1];\n  return [mergedTheme, token, hashed ? hashId : ''];\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.PresetColors = void 0;\nvar PresetColors = ['blue', 'purple', 'cyan', 'green', 'magenta', 'pink', 'red', 'orange', 'yellow', 'volcano', 'geekblue', 'lime', 'gold'];\nexports.PresetColors = PresetColors;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.getSolidColor = exports.getAlphaColor = void 0;\nvar _tinycolor = require(\"@ctrl/tinycolor\");\nvar getAlphaColor = function getAlphaColor(baseColor, alpha) {\n  return new _tinycolor.TinyColor(baseColor).setAlpha(alpha).toRgbString();\n};\nexports.getAlphaColor = getAlphaColor;\nvar getSolidColor = function getSolidColor(baseColor, brightness) {\n  var instance = new _tinycolor.TinyColor(baseColor);\n  return instance.darken(brightness).toHexString();\n};\nexports.getSolidColor = getSolidColor;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.generateNeutralColorPalettes = exports.generateColorPalettes = void 0;\nvar _colors = require(\"@ant-design/colors\");\nvar _colorAlgorithm = require(\"./colorAlgorithm\");\nvar generateColorPalettes = function generateColorPalettes(baseColor) {\n  var colors = (0, _colors.generate)(baseColor);\n  return {\n    1: colors[0],\n    2: colors[1],\n    3: colors[2],\n    4: colors[3],\n    5: colors[4],\n    6: colors[5],\n    7: colors[6],\n    8: colors[4],\n    9: colors[5],\n    10: colors[6]\n    // 8: colors[7],\n    // 9: colors[8],\n    // 10: colors[9],\n  };\n};\nexports.generateColorPalettes = generateColorPalettes;\nvar generateNeutralColorPalettes = function generateNeutralColorPalettes(bgBaseColor, textBaseColor) {\n  var colorBgBase = bgBaseColor || '#fff';\n  var colorTextBase = textBaseColor || '#000';\n  return {\n    colorBgBase: colorBgBase,\n    colorTextBase: colorTextBase,\n    colorText: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.88),\n    colorTextSecondary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.65),\n    colorTextTertiary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.45),\n    colorTextQuaternary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.25),\n    colorFill: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.15),\n    colorFillSecondary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.06),\n    colorFillTertiary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.04),\n    colorFillQuaternary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.02),\n    colorBgLayout: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 4),\n    colorBgContainer: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 0),\n    colorBgElevated: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 0),\n    colorBgSpotlight: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.85),\n    colorBorder: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 15),\n    colorBorderSecondary: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 6)\n  };\n};\nexports.generateNeutralColorPalettes = generateNeutralColorPalettes;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = derivative;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _colors = require(\"@ant-design/colors\");\nvar _genControlHeight = _interopRequireDefault(require(\"../shared/genControlHeight\"));\nvar _genSizeMapToken = _interopRequireDefault(require(\"../shared/genSizeMapToken\"));\nvar _seed = require(\"../seed\");\nvar _genColorMapToken = _interopRequireDefault(require(\"../shared/genColorMapToken\"));\nvar _genCommonMapToken = _interopRequireDefault(require(\"../shared/genCommonMapToken\"));\nvar _colors2 = require(\"./colors\");\nfunction derivative(token) {\n  var colorPalettes = Object.keys(_seed.defaultPresetColors).map(function (colorKey) {\n    var colors = (0, _colors.generate)(token[colorKey]);\n    return new Array(10).fill(1).reduce(function (prev, _, i) {\n      prev[colorKey + \"-\" + (i + 1)] = colors[i];\n      return prev;\n    }, {});\n  }).reduce(function (prev, cur) {\n    prev = (0, _extends2[\"default\"])((0, _extends2[\"default\"])({}, prev), cur);\n    return prev;\n  }, {});\n  return (0, _extends2[\"default\"])((0, _extends2[\"default\"])((0, _extends2[\"default\"])((0, _extends2[\"default\"])((0, _extends2[\"default\"])((0, _extends2[\"default\"])({}, token), colorPalettes), (0, _genColorMapToken[\"default\"])(token, {\n    generateColorPalettes: _colors2.generateColorPalettes,\n    generateNeutralColorPalettes: _colors2.generateNeutralColorPalettes\n  })), (0, _genSizeMapToken[\"default\"])(token)), (0, _genControlHeight[\"default\"])(token)), (0, _genCommonMapToken[\"default\"])(token));\n}","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.defaultPresetColors = exports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar defaultPresetColors = {\n  blue: '#1677ff',\n  purple: '#722ED1',\n  cyan: '#13C2C2',\n  green: '#52C41A',\n  magenta: '#EB2F96',\n  pink: '#eb2f96',\n  red: '#F5222D',\n  orange: '#FA8C16',\n  yellow: '#FADB14',\n  volcano: '#FA541C',\n  geekblue: '#2F54EB',\n  gold: '#FAAD14',\n  lime: '#A0D911'\n};\nexports.defaultPresetColors = defaultPresetColors;\nvar seedToken = (0, _extends2[\"default\"])((0, _extends2[\"default\"])({}, defaultPresetColors), {\n  // Color\n  colorPrimary: '#1677ff',\n  colorSuccess: '#52c41a',\n  colorWarning: '#faad14',\n  colorError: '#f5222d',\n  colorInfo: '#1677ff',\n  colorTextBase: '',\n  colorBgBase: '',\n  // Font\n  fontFamily: \"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,\\n'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\\n'Noto Color Emoji'\",\n  fontSize: 14,\n  // Line\n  lineWidth: 1,\n  lineType: 'solid',\n  // Motion\n  motionUnit: 0.1,\n  motionBase: 0,\n  motionEaseOutCirc: \"cubic-bezier(0.08, 0.82, 0.17, 1)\",\n  motionEaseInOutCirc: \"cubic-bezier(0.78, 0.14, 0.15, 0.86)\",\n  motionEaseOut: 'cubic-bezier(0.215, 0.61, 0.355, 1)',\n  motionEaseInOut: \"cubic-bezier(0.645, 0.045, 0.355, 1)\",\n  motionEaseOutBack: \"cubic-bezier(0.12, 0.4, 0.29, 1.46)\",\n  motionEaseInBack: \"cubic-bezier(0.71, -0.46, 0.88, 0.6)\",\n  motionEaseInQuint: \"cubic-bezier(0.645, 0.045, 0.355, 1)\",\n  motionEaseOutQuint: \"cubic-bezier(0.23, 1, 0.32, 1)\",\n  // Radius\n  borderRadius: 6,\n  // Size\n  sizeUnit: 4,\n  sizeStep: 4,\n  sizePopupArrow: 16,\n  // Control Base\n  controlHeight: 32,\n  // zIndex\n  zIndexBase: 0,\n  zIndexPopupBase: 1000,\n  // Image\n  opacityImage: 1,\n  // Wireframe\n  wireframe: false\n});\nvar _default = seedToken;\nexports[\"default\"] = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = genColorMapToken;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _tinycolor = require(\"@ctrl/tinycolor\");\nfunction genColorMapToken(seed, _ref) {\n  var generateColorPalettes = _ref.generateColorPalettes,\n    generateNeutralColorPalettes = _ref.generateNeutralColorPalettes;\n  var colorSuccessBase = seed.colorSuccess,\n    colorWarningBase = seed.colorWarning,\n    colorErrorBase = seed.colorError,\n    colorInfoBase = seed.colorInfo,\n    colorPrimaryBase = seed.colorPrimary,\n    colorBgBase = seed.colorBgBase,\n    colorTextBase = seed.colorTextBase;\n  var primaryColors = generateColorPalettes(colorPrimaryBase);\n  var successColors = generateColorPalettes(colorSuccessBase);\n  var warningColors = generateColorPalettes(colorWarningBase);\n  var errorColors = generateColorPalettes(colorErrorBase);\n  var infoColors = generateColorPalettes(colorInfoBase);\n  var neutralColors = generateNeutralColorPalettes(colorBgBase, colorTextBase);\n  return (0, _extends2[\"default\"])((0, _extends2[\"default\"])({}, neutralColors), {\n    colorPrimaryBg: primaryColors[1],\n    colorPrimaryBgHover: primaryColors[2],\n    colorPrimaryBorder: primaryColors[3],\n    colorPrimaryBorderHover: primaryColors[4],\n    colorPrimaryHover: primaryColors[5],\n    colorPrimary: primaryColors[6],\n    colorPrimaryActive: primaryColors[7],\n    colorPrimaryTextHover: primaryColors[8],\n    colorPrimaryText: primaryColors[9],\n    colorPrimaryTextActive: primaryColors[10],\n    colorSuccessBg: successColors[1],\n    colorSuccessBgHover: successColors[2],\n    colorSuccessBorder: successColors[3],\n    colorSuccessBorderHover: successColors[4],\n    colorSuccessHover: successColors[4],\n    colorSuccess: successColors[6],\n    colorSuccessActive: successColors[7],\n    colorSuccessTextHover: successColors[8],\n    colorSuccessText: successColors[9],\n    colorSuccessTextActive: successColors[10],\n    colorErrorBg: errorColors[1],\n    colorErrorBgHover: errorColors[2],\n    colorErrorBorder: errorColors[3],\n    colorErrorBorderHover: errorColors[4],\n    colorErrorHover: errorColors[4],\n    colorError: errorColors[5],\n    colorErrorActive: errorColors[7],\n    colorErrorTextHover: errorColors[8],\n    colorErrorText: errorColors[9],\n    colorErrorTextActive: errorColors[10],\n    colorWarningBg: warningColors[1],\n    colorWarningBgHover: warningColors[2],\n    colorWarningBorder: warningColors[3],\n    colorWarningBorderHover: warningColors[4],\n    colorWarningHover: warningColors[4],\n    colorWarning: warningColors[6],\n    colorWarningActive: warningColors[7],\n    colorWarningTextHover: warningColors[8],\n    colorWarningText: warningColors[9],\n    colorWarningTextActive: warningColors[10],\n    colorInfoBg: infoColors[1],\n    colorInfoBgHover: infoColors[2],\n    colorInfoBorder: infoColors[3],\n    colorInfoBorderHover: infoColors[4],\n    colorInfoHover: infoColors[4],\n    colorInfo: infoColors[6],\n    colorInfoActive: infoColors[7],\n    colorInfoTextHover: infoColors[8],\n    colorInfoText: infoColors[9],\n    colorInfoTextActive: infoColors[10],\n    colorBgMask: new _tinycolor.TinyColor('#000').setAlpha(0.45).toRgbString(),\n    colorWhite: '#fff'\n  });\n}","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = genCommonMapToken;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _genFontSizes = _interopRequireDefault(require(\"./genFontSizes\"));\nvar _genRadius = _interopRequireDefault(require(\"./genRadius\"));\nfunction genCommonMapToken(token) {\n  var motionUnit = token.motionUnit,\n    motionBase = token.motionBase,\n    fontSize = token.fontSize,\n    borderRadius = token.borderRadius,\n    lineWidth = token.lineWidth;\n  var fontSizes = (0, _genFontSizes[\"default\"])(fontSize);\n  return (0, _extends2[\"default\"])({\n    // motion\n    motionDurationFast: (motionBase + motionUnit).toFixed(1) + \"s\",\n    motionDurationMid: (motionBase + motionUnit * 2).toFixed(1) + \"s\",\n    motionDurationSlow: (motionBase + motionUnit * 3).toFixed(1) + \"s\",\n    // font\n    fontSizes: fontSizes.map(function (fs) {\n      return fs.size;\n    }),\n    lineHeights: fontSizes.map(function (fs) {\n      return fs.lineHeight;\n    }),\n    // line\n    lineWidthBold: lineWidth + 1\n  }, (0, _genRadius[\"default\"])(borderRadius));\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = void 0;\nvar genControlHeight = function genControlHeight(token) {\n  var controlHeight = token.controlHeight;\n  return {\n    controlHeightSM: controlHeight * 0.75,\n    controlHeightXS: controlHeight * 0.5,\n    controlHeightLG: controlHeight * 1.25\n  };\n};\nvar _default = genControlHeight;\nexports[\"default\"] = _default;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = getFontSizes;\n// https://zhuanlan.zhihu.com/p/32746810\nfunction getFontSizes(base) {\n  var fontSizes = new Array(10).fill(null).map(function (_, index) {\n    var i = index - 1;\n    var baseSize = base * Math.pow(2.71828, i / 5);\n    var intSize = index > 1 ? Math.floor(baseSize) : Math.ceil(baseSize);\n    // Convert to even\n    return Math.floor(intSize / 2) * 2;\n  });\n  fontSizes[1] = base;\n  return fontSizes.map(function (size) {\n    var height = size + 8;\n    return {\n      size: size,\n      lineHeight: height / size\n    };\n  });\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = void 0;\nvar genRadius = function genRadius(radiusBase) {\n  var radiusLG = radiusBase;\n  var radiusSM = radiusBase;\n  var radiusXS = radiusBase;\n  var radiusOuter = radiusBase;\n  // radiusLG\n  if (radiusBase < 6 && radiusBase >= 5) {\n    radiusLG = radiusBase + 1;\n  } else if (radiusBase < 16 && radiusBase >= 6) {\n    radiusLG = radiusBase + 2;\n  } else if (radiusBase >= 16) {\n    radiusLG = 16;\n  }\n  // radiusSM\n  if (radiusBase < 7 && radiusBase >= 5) {\n    radiusSM = 4;\n  } else if (radiusBase < 8 && radiusBase >= 7) {\n    radiusSM = 5;\n  } else if (radiusBase < 14 && radiusBase >= 8) {\n    radiusSM = 6;\n  } else if (radiusBase < 16 && radiusBase >= 14) {\n    radiusSM = 7;\n  } else if (radiusBase >= 16) {\n    radiusSM = 8;\n  }\n  // radiusXS\n  if (radiusBase < 6 && radiusBase >= 2) {\n    radiusXS = 1;\n  } else if (radiusBase >= 6) {\n    radiusXS = 2;\n  }\n  // radiusOuter\n  if (radiusBase > 4 && radiusBase < 8) {\n    radiusOuter = 4;\n  } else if (radiusBase >= 8) {\n    radiusOuter = 6;\n  }\n  return {\n    borderRadius: radiusBase > 16 ? 16 : radiusBase,\n    borderRadiusXS: radiusXS,\n    borderRadiusSM: radiusSM,\n    borderRadiusLG: radiusLG,\n    borderRadiusOuter: radiusOuter\n  };\n};\nvar _default = genRadius;\nexports[\"default\"] = _default;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = genSizeMapToken;\nfunction genSizeMapToken(token) {\n  var sizeUnit = token.sizeUnit,\n    sizeStep = token.sizeStep;\n  return {\n    sizeXXL: sizeUnit * (sizeStep + 8),\n    sizeXL: sizeUnit * (sizeStep + 4),\n    sizeLG: sizeUnit * (sizeStep + 2),\n    sizeMD: sizeUnit * (sizeStep + 1),\n    sizeMS: sizeUnit * sizeStep,\n    size: sizeUnit * sizeStep,\n    sizeSM: sizeUnit * (sizeStep - 1),\n    sizeXS: sizeUnit * (sizeStep - 2),\n    sizeXXS: sizeUnit * (sizeStep - 3) // 4\n  };\n}","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = formatToken;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _tinycolor = require(\"@ctrl/tinycolor\");\nvar _getAlphaColor = _interopRequireDefault(require(\"./getAlphaColor\"));\nvar _seed = _interopRequireDefault(require(\"../themes/seed\"));\nvar __rest = void 0 && (void 0).__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n/**\n * Seed (designer) > Derivative (designer) > Alias (developer).\n *\n * Merge seed & derivative & override token and generate alias token for developer.\n */\nfunction formatToken(derivativeToken) {\n  var override = derivativeToken.override,\n    restToken = __rest(derivativeToken, [\"override\"]);\n  var overrideTokens = (0, _extends2[\"default\"])({}, override);\n  Object.keys(_seed[\"default\"]).forEach(function (token) {\n    delete overrideTokens[token];\n  });\n  var mergedToken = (0, _extends2[\"default\"])((0, _extends2[\"default\"])({}, restToken), overrideTokens);\n  var fontSizes = mergedToken.fontSizes,\n    lineHeights = mergedToken.lineHeights;\n  var screenXS = 480;\n  var screenSM = 576;\n  var screenMD = 768;\n  var screenLG = 992;\n  var screenXL = 1200;\n  var screenXXL = 1600;\n  var fontSizeSM = fontSizes[0];\n  // Generate alias token\n  var aliasToken = (0, _extends2[\"default\"])((0, _extends2[\"default\"])((0, _extends2[\"default\"])({}, mergedToken), {\n    colorLink: mergedToken.colorInfoText,\n    colorLinkHover: mergedToken.colorInfoHover,\n    colorLinkActive: mergedToken.colorInfoActive,\n    // ============== Background ============== //\n    colorFillContent: mergedToken.colorFillSecondary,\n    colorFillContentHover: mergedToken.colorFill,\n    colorFillAlter: mergedToken.colorFillQuaternary,\n    colorBgContainerDisabled: mergedToken.colorFillTertiary,\n    // ============== Split ============== //\n    colorBorderBg: mergedToken.colorBgContainer,\n    colorSplit: (0, _getAlphaColor[\"default\"])(mergedToken.colorBorderSecondary, mergedToken.colorBgContainer),\n    // ============== Text ============== //\n    colorTextPlaceholder: mergedToken.colorTextQuaternary,\n    colorTextDisabled: mergedToken.colorTextQuaternary,\n    colorTextHeading: mergedToken.colorText,\n    colorTextLabel: mergedToken.colorTextSecondary,\n    colorTextDescription: mergedToken.colorTextTertiary,\n    colorTextLightSolid: mergedToken.colorWhite,\n    colorHighlight: mergedToken.colorError,\n    colorBgTextHover: mergedToken.colorFillSecondary,\n    colorBgTextActive: mergedToken.colorFill,\n    colorIcon: mergedToken.colorTextTertiary,\n    colorIconHover: mergedToken.colorText,\n    colorErrorOutline: (0, _getAlphaColor[\"default\"])(mergedToken.colorErrorBg, mergedToken.colorBgContainer),\n    colorWarningOutline: (0, _getAlphaColor[\"default\"])(mergedToken.colorWarningBg, mergedToken.colorBgContainer),\n    // Font\n    fontSizeSM: fontSizeSM,\n    fontSize: fontSizes[1],\n    fontSizeLG: fontSizes[2],\n    fontSizeXL: fontSizes[3],\n    fontSizeHeading1: fontSizes[6],\n    fontSizeHeading2: fontSizes[5],\n    fontSizeHeading3: fontSizes[4],\n    fontSizeHeading4: fontSizes[3],\n    fontSizeHeading5: fontSizes[2],\n    fontSizeIcon: fontSizeSM,\n    lineHeight: lineHeights[1],\n    lineHeightLG: lineHeights[2],\n    lineHeightSM: lineHeights[0],\n    lineHeightHeading1: lineHeights[6],\n    lineHeightHeading2: lineHeights[5],\n    lineHeightHeading3: lineHeights[4],\n    lineHeightHeading4: lineHeights[3],\n    lineHeightHeading5: lineHeights[2],\n    // Control\n    lineWidth: mergedToken.lineWidth,\n    controlOutlineWidth: mergedToken.lineWidth * 2,\n    // Checkbox size and expand icon size\n    controlInteractiveSize: mergedToken.controlHeight / 2,\n    controlItemBgHover: mergedToken.colorFillTertiary,\n    controlItemBgActive: mergedToken.colorPrimaryBg,\n    controlItemBgActiveHover: mergedToken.colorPrimaryBgHover,\n    controlItemBgActiveDisabled: mergedToken.colorFill,\n    controlTmpOutline: mergedToken.colorFillQuaternary,\n    controlOutline: (0, _getAlphaColor[\"default\"])(mergedToken.colorPrimaryBg, mergedToken.colorBgContainer),\n    lineType: mergedToken.lineType,\n    borderRadius: mergedToken.borderRadius,\n    borderRadiusXS: mergedToken.borderRadiusXS,\n    borderRadiusSM: mergedToken.borderRadiusSM,\n    borderRadiusLG: mergedToken.borderRadiusLG,\n    fontWeightStrong: 600,\n    opacityLoading: 0.65,\n    linkDecoration: 'none',\n    linkHoverDecoration: 'none',\n    linkFocusDecoration: 'none',\n    controlPaddingHorizontal: 12,\n    controlPaddingHorizontalSM: 8,\n    paddingXXS: mergedToken.sizeXXS,\n    paddingXS: mergedToken.sizeXS,\n    paddingSM: mergedToken.sizeSM,\n    padding: mergedToken.size,\n    paddingMD: mergedToken.sizeMD,\n    paddingLG: mergedToken.sizeLG,\n    paddingXL: mergedToken.sizeXL,\n    paddingContentHorizontalLG: mergedToken.sizeLG,\n    paddingContentVerticalLG: mergedToken.sizeMS,\n    paddingContentHorizontal: mergedToken.sizeMS,\n    paddingContentVertical: mergedToken.sizeSM,\n    paddingContentHorizontalSM: mergedToken.size,\n    paddingContentVerticalSM: mergedToken.sizeXS,\n    marginXXS: mergedToken.sizeXXS,\n    marginXS: mergedToken.sizeXS,\n    marginSM: mergedToken.sizeSM,\n    margin: mergedToken.size,\n    marginMD: mergedToken.sizeMD,\n    marginLG: mergedToken.sizeLG,\n    marginXL: mergedToken.sizeXL,\n    marginXXL: mergedToken.sizeXXL,\n    boxShadow: \"\\n      0 1px 2px 0 rgba(0, 0, 0, 0.03),\\n      0 1px 6px -1px rgba(0, 0, 0, 0.02),\\n      0 2px 4px 0 rgba(0, 0, 0, 0.02)\\n    \",\n    boxShadowSecondary: \"\\n      0 6px 16px 0 rgba(0, 0, 0, 0.08),\\n      0 3px 6px -4px rgba(0, 0, 0, 0.12),\\n      0 9px 28px 8px rgba(0, 0, 0, 0.05)\\n    \",\n    screenXS: screenXS,\n    screenXSMin: screenXS,\n    screenXSMax: screenXS - 1,\n    screenSM: screenSM,\n    screenSMMin: screenSM,\n    screenSMMax: screenSM - 1,\n    screenMD: screenMD,\n    screenMDMin: screenMD,\n    screenMDMax: screenMD - 1,\n    screenLG: screenLG,\n    screenLGMin: screenLG,\n    screenLGMax: screenLG - 1,\n    screenXL: screenXL,\n    screenXLMin: screenXL,\n    screenXLMax: screenXL - 1,\n    screenXXL: screenXXL,\n    screenXXLMin: screenXXL,\n    screenXXLMax: screenXXL - 1,\n    // FIXME: component box-shadow, should be removed\n    boxShadowPopoverArrow: \"3px 3px 7px rgba(0, 0, 0, 0.1)\",\n    boxShadowCard: \"\\n      0 1px 2px -2px \" + new _tinycolor.TinyColor('rgba(0, 0, 0, 0.16)').toRgbString() + \",\\n      0 3px 6px 0 \" + new _tinycolor.TinyColor('rgba(0, 0, 0, 0.12)').toRgbString() + \",\\n      0 5px 12px 4px \" + new _tinycolor.TinyColor('rgba(0, 0, 0, 0.09)').toRgbString() + \"\\n    \",\n    boxShadowDrawerRight: \"\\n      -6px 0 16px 0 rgba(0, 0, 0, 0.08),\\n      -3px 0 6px -4px rgba(0, 0, 0, 0.12),\\n      -9px 0 28px 8px rgba(0, 0, 0, 0.05)\\n    \",\n    boxShadowDrawerLeft: \"\\n      6px 0 16px 0 rgba(0, 0, 0, 0.08),\\n      3px 0 6px -4px rgba(0, 0, 0, 0.12),\\n      9px 0 28px 8px rgba(0, 0, 0, 0.05)\\n    \",\n    boxShadowDrawerUp: \"\\n      0 6px 16px 0 rgba(0, 0, 0, 0.08),\\n      0 3px 6px -4px rgba(0, 0, 0, 0.12),\\n      0 9px 28px 8px rgba(0, 0, 0, 0.05)\\n    \",\n    boxShadowDrawerDown: \"\\n      0 -6px 16px 0 rgba(0, 0, 0, 0.08),\\n      0 -3px 6px -4px rgba(0, 0, 0, 0.12),\\n      0 -9px 28px 8px rgba(0, 0, 0, 0.05)\\n    \",\n    boxShadowTabsOverflowLeft: \"inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)\",\n    boxShadowTabsOverflowRight: \"inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)\",\n    boxShadowTabsOverflowTop: \"inset 0 10px 8px -8px rgba(0, 0, 0, 0.08)\",\n    boxShadowTabsOverflowBottom: \"inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08)\"\n  }), overrideTokens);\n  return aliasToken;\n}","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = genComponentStyleHook;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _slicedToArray2 = _interopRequireDefault(require(\"@babel/runtime/helpers/slicedToArray\"));\nvar _cssinjs = require(\"@ant-design/cssinjs\");\nvar _react = require(\"react\");\nvar _style = require(\"../../style\");\nvar _context = require(\"../../config-provider/context\");\nvar _index = require(\"../index\");\nfunction genComponentStyleHook(component, styleFn, getDefaultToken) {\n  return function (prefixCls) {\n    var _useToken = (0, _index.useToken)(),\n      _useToken2 = (0, _slicedToArray2[\"default\"])(_useToken, 3),\n      theme = _useToken2[0],\n      token = _useToken2[1],\n      hashId = _useToken2[2];\n    var _useContext = (0, _react.useContext)(_context.ConfigContext),\n      getPrefixCls = _useContext.getPrefixCls,\n      iconPrefixCls = _useContext.iconPrefixCls;\n    var rootPrefixCls = getPrefixCls();\n    // Generate style for all a tags in antd component.\n    (0, _cssinjs.useStyleRegister)({\n      theme: theme,\n      token: token,\n      hashId: hashId,\n      path: ['Shared', rootPrefixCls]\n    }, function () {\n      return [{\n        // Link\n        '&': (0, _style.genLinkStyle)(token)\n      }];\n    });\n    return [(0, _cssinjs.useStyleRegister)({\n      theme: theme,\n      token: token,\n      hashId: hashId,\n      path: [component, prefixCls, iconPrefixCls]\n    }, function () {\n      var _statisticToken = (0, _index.statisticToken)(token),\n        proxyToken = _statisticToken.token,\n        flush = _statisticToken.flush;\n      var defaultComponentToken = typeof getDefaultToken === 'function' ? getDefaultToken(proxyToken) : getDefaultToken;\n      var mergedComponentToken = (0, _extends2[\"default\"])((0, _extends2[\"default\"])({}, defaultComponentToken), token[component]);\n      var componentCls = \".\" + prefixCls;\n      var mergedToken = (0, _index.mergeToken)(proxyToken, {\n        componentCls: componentCls,\n        prefixCls: prefixCls,\n        iconCls: \".\" + iconPrefixCls,\n        antCls: \".\" + rootPrefixCls\n      }, mergedComponentToken);\n      var styleInterpolation = styleFn(mergedToken, {\n        hashId: hashId,\n        prefixCls: prefixCls,\n        rootPrefixCls: rootPrefixCls,\n        iconPrefixCls: iconPrefixCls,\n        overrideComponentToken: token[component]\n      });\n      flush(component, mergedComponentToken);\n      return [(0, _style.genCommonStyle)(token, prefixCls), styleInterpolation];\n    }), hashId];\n  };\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = void 0;\nvar _tinycolor = require(\"@ctrl/tinycolor\");\nfunction isStableColor(color) {\n  return color >= 0 && color <= 255;\n}\nfunction getAlphaColor(frontColor, backgroundColor) {\n  var _TinyColor$toRgb = new _tinycolor.TinyColor(frontColor).toRgb(),\n    fR = _TinyColor$toRgb.r,\n    fG = _TinyColor$toRgb.g,\n    fB = _TinyColor$toRgb.b,\n    originAlpha = _TinyColor$toRgb.a;\n  if (originAlpha < 1) {\n    return frontColor;\n  }\n  var _TinyColor$toRgb2 = new _tinycolor.TinyColor(backgroundColor).toRgb(),\n    bR = _TinyColor$toRgb2.r,\n    bG = _TinyColor$toRgb2.g,\n    bB = _TinyColor$toRgb2.b;\n  for (var fA = 0.01; fA <= 1; fA += 0.01) {\n    var r = Math.round((fR - bR * (1 - fA)) / fA);\n    var g = Math.round((fG - bG * (1 - fA)) / fA);\n    var b = Math.round((fB - bB * (1 - fA)) / fA);\n    if (isStableColor(r) && isStableColor(g) && isStableColor(b)) return new _tinycolor.TinyColor({\n      r: r,\n      g: g,\n      b: b,\n      a: Math.round(fA * 100) / 100\n    }).toRgbString();\n  }\n  // fallback\n  /* istanbul ignore next */\n  return new _tinycolor.TinyColor({\n    r: fR,\n    g: fG,\n    b: fB,\n    a: 1\n  }).toRgbString();\n}\nvar _default = getAlphaColor;\nexports[\"default\"] = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports._statistic_build_ = void 0;\nexports[\"default\"] = statisticToken;\nexports.merge = merge;\nexports.statistic = void 0;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar enableStatistic = process.env.NODE_ENV !== 'production' || typeof CSSINJS_STATISTIC !== 'undefined';\nvar recording = true;\n/**\n * This function will do as `Object.assign` in production. But will use Object.defineProperty:get to\n * pass all value access in development. To support statistic field usage with alias token.\n */\nfunction merge() {\n  for (var _len = arguments.length, objs = new Array(_len), _key = 0; _key < _len; _key++) {\n    objs[_key] = arguments[_key];\n  }\n  /* istanbul ignore next */\n  if (!enableStatistic) {\n    return _extends2[\"default\"].apply(void 0, [{}].concat(objs));\n  }\n  recording = false;\n  var ret = {};\n  objs.forEach(function (obj) {\n    var keys = Object.keys(obj);\n    keys.forEach(function (key) {\n      Object.defineProperty(ret, key, {\n        configurable: true,\n        enumerable: true,\n        get: function get() {\n          return obj[key];\n        }\n      });\n    });\n  });\n  recording = true;\n  return ret;\n}\n/** @private Internal Usage. Not use in your production. */\nvar statistic = {};\n/** @private Internal Usage. Not use in your production. */\n// eslint-disable-next-line camelcase\nexports.statistic = statistic;\nvar _statistic_build_ = {};\n/* istanbul ignore next */\nexports._statistic_build_ = _statistic_build_;\nfunction noop() {}\n/** Statistic token usage case. Should use `merge` function if you do not want spread record. */\nfunction statisticToken(token) {\n  var tokenKeys;\n  var proxy = token;\n  var flush = noop;\n  if (enableStatistic) {\n    tokenKeys = new Set();\n    proxy = new Proxy(token, {\n      get: function get(obj, prop) {\n        if (recording) {\n          tokenKeys.add(prop);\n        }\n        return obj[prop];\n      }\n    });\n    flush = function flush(componentName, componentToken) {\n      statistic[componentName] = {\n        global: Array.from(tokenKeys),\n        component: componentToken\n      };\n    };\n  }\n  return {\n    token: proxy,\n    keys: tokenKeys,\n    flush: flush\n  };\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = void 0;\nvar locale = {\n  placeholder: 'Select time',\n  rangePlaceholder: ['Start time', 'End time']\n};\nvar _default = locale;\nexports[\"default\"] = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\")[\"default\"];\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = void 0;\nvar _version = _interopRequireDefault(require(\"./version\"));\n/* eslint import/no-unresolved: 0 */\n// @ts-ignore\nvar _default = _version[\"default\"];\nexports[\"default\"] = _default;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = void 0;\nvar _default = '5.0.1';\nexports[\"default\"] = _default;","import * as React from 'react';\nvar PanelContext = /*#__PURE__*/React.createContext({});\nexport default PanelContext;","import * as React from 'react';\nimport PanelContext from \"../PanelContext\";\nvar HIDDEN_STYLE = {\n  visibility: 'hidden'\n};\nfunction Header(_ref) {\n  var prefixCls = _ref.prefixCls,\n    _ref$prevIcon = _ref.prevIcon,\n    prevIcon = _ref$prevIcon === void 0 ? \"\\u2039\" : _ref$prevIcon,\n    _ref$nextIcon = _ref.nextIcon,\n    nextIcon = _ref$nextIcon === void 0 ? \"\\u203A\" : _ref$nextIcon,\n    _ref$superPrevIcon = _ref.superPrevIcon,\n    superPrevIcon = _ref$superPrevIcon === void 0 ? \"\\xAB\" : _ref$superPrevIcon,\n    _ref$superNextIcon = _ref.superNextIcon,\n    superNextIcon = _ref$superNextIcon === void 0 ? \"\\xBB\" : _ref$superNextIcon,\n    onSuperPrev = _ref.onSuperPrev,\n    onSuperNext = _ref.onSuperNext,\n    onPrev = _ref.onPrev,\n    onNext = _ref.onNext,\n    children = _ref.children;\n  var _React$useContext = React.useContext(PanelContext),\n    hideNextBtn = _React$useContext.hideNextBtn,\n    hidePrevBtn = _React$useContext.hidePrevBtn;\n  return /*#__PURE__*/React.createElement(\"div\", {\n    className: prefixCls\n  }, onSuperPrev && /*#__PURE__*/React.createElement(\"button\", {\n    type: \"button\",\n    onClick: onSuperPrev,\n    tabIndex: -1,\n    className: \"\".concat(prefixCls, \"-super-prev-btn\"),\n    style: hidePrevBtn ? HIDDEN_STYLE : {}\n  }, superPrevIcon), onPrev && /*#__PURE__*/React.createElement(\"button\", {\n    type: \"button\",\n    onClick: onPrev,\n    tabIndex: -1,\n    className: \"\".concat(prefixCls, \"-prev-btn\"),\n    style: hidePrevBtn ? HIDDEN_STYLE : {}\n  }, prevIcon), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"\".concat(prefixCls, \"-view\")\n  }, children), onNext && /*#__PURE__*/React.createElement(\"button\", {\n    type: \"button\",\n    onClick: onNext,\n    tabIndex: -1,\n    className: \"\".concat(prefixCls, \"-next-btn\"),\n    style: hideNextBtn ? HIDDEN_STYLE : {}\n  }, nextIcon), onSuperNext && /*#__PURE__*/React.createElement(\"button\", {\n    type: \"button\",\n    onClick: onSuperNext,\n    tabIndex: -1,\n    className: \"\".concat(prefixCls, \"-super-next-btn\"),\n    style: hideNextBtn ? HIDDEN_STYLE : {}\n  }, superNextIcon));\n}\nexport default Header;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport Header from \"../Header\";\nimport { DECADE_DISTANCE_COUNT } from '.';\nimport PanelContext from \"../../PanelContext\";\nfunction DecadeHeader(props) {\n  var prefixCls = props.prefixCls,\n    generateConfig = props.generateConfig,\n    viewDate = props.viewDate,\n    onPrevDecades = props.onPrevDecades,\n    onNextDecades = props.onNextDecades;\n  var _React$useContext = React.useContext(PanelContext),\n    hideHeader = _React$useContext.hideHeader;\n  if (hideHeader) {\n    return null;\n  }\n  var headerPrefixCls = \"\".concat(prefixCls, \"-header\");\n  var yearNumber = generateConfig.getYear(viewDate);\n  var startYear = Math.floor(yearNumber / DECADE_DISTANCE_COUNT) * DECADE_DISTANCE_COUNT;\n  var endYear = startYear + DECADE_DISTANCE_COUNT - 1;\n  return /*#__PURE__*/React.createElement(Header, _extends({}, props, {\n    prefixCls: headerPrefixCls,\n    onSuperPrev: onPrevDecades,\n    onSuperNext: onNextDecades\n  }), startYear, \"-\", endYear);\n}\nexport default DecadeHeader;","export function setTime(generateConfig, date, hour, minute, second) {\n  var nextTime = generateConfig.setHour(date, hour);\n  nextTime = generateConfig.setMinute(nextTime, minute);\n  nextTime = generateConfig.setSecond(nextTime, second);\n  return nextTime;\n}\nexport function setDateTime(generateConfig, date, defaultDate) {\n  if (!defaultDate) {\n    return date;\n  }\n  var newDate = date;\n  newDate = generateConfig.setHour(newDate, generateConfig.getHour(defaultDate));\n  newDate = generateConfig.setMinute(newDate, generateConfig.getMinute(defaultDate));\n  newDate = generateConfig.setSecond(newDate, generateConfig.getSecond(defaultDate));\n  return newDate;\n}\nexport function getLowerBoundTime(hour, minute, second, hourStep, minuteStep, secondStep) {\n  var lowerBoundHour = Math.floor(hour / hourStep) * hourStep;\n  if (lowerBoundHour < hour) {\n    return [lowerBoundHour, 60 - minuteStep, 60 - secondStep];\n  }\n  var lowerBoundMinute = Math.floor(minute / minuteStep) * minuteStep;\n  if (lowerBoundMinute < minute) {\n    return [lowerBoundHour, lowerBoundMinute, 60 - secondStep];\n  }\n  var lowerBoundSecond = Math.floor(second / secondStep) * secondStep;\n  return [lowerBoundHour, lowerBoundMinute, lowerBoundSecond];\n}\nexport function getLastDay(generateConfig, date) {\n  var year = generateConfig.getYear(date);\n  var month = generateConfig.getMonth(date) + 1;\n  var endDate = generateConfig.getEndDate(generateConfig.getFixedDate(\"\".concat(year, \"-\").concat(month, \"-01\")));\n  var lastDay = generateConfig.getDate(endDate);\n  var monthShow = month < 10 ? \"0\".concat(month) : \"\".concat(month);\n  return \"\".concat(year, \"-\").concat(monthShow, \"-\").concat(lastDay);\n}","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport PanelContext from \"../PanelContext\";\nimport { getLastDay } from \"../utils/timeUtil\";\nimport { getCellDateDisabled } from \"../utils/dateUtil\";\nexport default function PanelBody(_ref) {\n  var prefixCls = _ref.prefixCls,\n    disabledDate = _ref.disabledDate,\n    onSelect = _ref.onSelect,\n    picker = _ref.picker,\n    rowNum = _ref.rowNum,\n    colNum = _ref.colNum,\n    prefixColumn = _ref.prefixColumn,\n    rowClassName = _ref.rowClassName,\n    baseDate = _ref.baseDate,\n    getCellClassName = _ref.getCellClassName,\n    getCellText = _ref.getCellText,\n    getCellNode = _ref.getCellNode,\n    getCellDate = _ref.getCellDate,\n    generateConfig = _ref.generateConfig,\n    titleCell = _ref.titleCell,\n    headerCells = _ref.headerCells;\n  var _React$useContext = React.useContext(PanelContext),\n    onDateMouseEnter = _React$useContext.onDateMouseEnter,\n    onDateMouseLeave = _React$useContext.onDateMouseLeave,\n    mode = _React$useContext.mode;\n  var cellPrefixCls = \"\".concat(prefixCls, \"-cell\");\n\n  // =============================== Body ===============================\n  var rows = [];\n  for (var i = 0; i < rowNum; i += 1) {\n    var row = [];\n    var rowStartDate = void 0;\n    var _loop = function _loop() {\n      var _objectSpread2;\n      var offset = i * colNum + j;\n      var currentDate = getCellDate(baseDate, offset);\n      var disabled = getCellDateDisabled({\n        cellDate: currentDate,\n        mode: mode,\n        disabledDate: disabledDate,\n        generateConfig: generateConfig\n      });\n      if (j === 0) {\n        rowStartDate = currentDate;\n        if (prefixColumn) {\n          row.push(prefixColumn(rowStartDate));\n        }\n      }\n      var title = titleCell && titleCell(currentDate);\n      row.push( /*#__PURE__*/React.createElement(\"td\", {\n        key: j,\n        title: title,\n        className: classNames(cellPrefixCls, _objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, \"\".concat(cellPrefixCls, \"-disabled\"), disabled), _defineProperty(_objectSpread2, \"\".concat(cellPrefixCls, \"-start\"), getCellText(currentDate) === 1 || picker === 'year' && Number(title) % 10 === 0), _defineProperty(_objectSpread2, \"\".concat(cellPrefixCls, \"-end\"), title === getLastDay(generateConfig, currentDate) || picker === 'year' && Number(title) % 10 === 9), _objectSpread2), getCellClassName(currentDate))),\n        onClick: function onClick() {\n          if (!disabled) {\n            onSelect(currentDate);\n          }\n        },\n        onMouseEnter: function onMouseEnter() {\n          if (!disabled && onDateMouseEnter) {\n            onDateMouseEnter(currentDate);\n          }\n        },\n        onMouseLeave: function onMouseLeave() {\n          if (!disabled && onDateMouseLeave) {\n            onDateMouseLeave(currentDate);\n          }\n        }\n      }, getCellNode ? getCellNode(currentDate) : /*#__PURE__*/React.createElement(\"div\", {\n        className: \"\".concat(cellPrefixCls, \"-inner\")\n      }, getCellText(currentDate))));\n    };\n    for (var j = 0; j < colNum; j += 1) {\n      _loop();\n    }\n    rows.push( /*#__PURE__*/React.createElement(\"tr\", {\n      key: i,\n      className: rowClassName && rowClassName(rowStartDate)\n    }, row));\n  }\n  return /*#__PURE__*/React.createElement(\"div\", {\n    className: \"\".concat(prefixCls, \"-body\")\n  }, /*#__PURE__*/React.createElement(\"table\", {\n    className: \"\".concat(prefixCls, \"-content\")\n  }, headerCells && /*#__PURE__*/React.createElement(\"thead\", null, /*#__PURE__*/React.createElement(\"tr\", null, headerCells)), /*#__PURE__*/React.createElement(\"tbody\", null, rows)));\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport * as React from 'react';\nimport { DECADE_DISTANCE_COUNT, DECADE_UNIT_DIFF } from '.';\nimport PanelBody from \"../PanelBody\";\nexport var DECADE_COL_COUNT = 3;\nvar DECADE_ROW_COUNT = 4;\nfunction DecadeBody(props) {\n  var DECADE_UNIT_DIFF_DES = DECADE_UNIT_DIFF - 1;\n  var prefixCls = props.prefixCls,\n    viewDate = props.viewDate,\n    generateConfig = props.generateConfig;\n  var cellPrefixCls = \"\".concat(prefixCls, \"-cell\");\n  var yearNumber = generateConfig.getYear(viewDate);\n  var decadeYearNumber = Math.floor(yearNumber / DECADE_UNIT_DIFF) * DECADE_UNIT_DIFF;\n  var startDecadeYear = Math.floor(yearNumber / DECADE_DISTANCE_COUNT) * DECADE_DISTANCE_COUNT;\n  var endDecadeYear = startDecadeYear + DECADE_DISTANCE_COUNT - 1;\n  var baseDecadeYear = generateConfig.setYear(viewDate, startDecadeYear - Math.ceil((DECADE_COL_COUNT * DECADE_ROW_COUNT * DECADE_UNIT_DIFF - DECADE_DISTANCE_COUNT) / 2));\n  var getCellClassName = function getCellClassName(date) {\n    var _ref;\n    var startDecadeNumber = generateConfig.getYear(date);\n    var endDecadeNumber = startDecadeNumber + DECADE_UNIT_DIFF_DES;\n    return _ref = {}, _defineProperty(_ref, \"\".concat(cellPrefixCls, \"-in-view\"), startDecadeYear <= startDecadeNumber && endDecadeNumber <= endDecadeYear), _defineProperty(_ref, \"\".concat(cellPrefixCls, \"-selected\"), startDecadeNumber === decadeYearNumber), _ref;\n  };\n  return /*#__PURE__*/React.createElement(PanelBody, _extends({}, props, {\n    rowNum: DECADE_ROW_COUNT,\n    colNum: DECADE_COL_COUNT,\n    baseDate: baseDecadeYear,\n    getCellText: function getCellText(date) {\n      var startDecadeNumber = generateConfig.getYear(date);\n      return \"\".concat(startDecadeNumber, \"-\").concat(startDecadeNumber + DECADE_UNIT_DIFF_DES);\n    },\n    getCellClassName: getCellClassName,\n    getCellDate: function getCellDate(date, offset) {\n      return generateConfig.addYear(date, offset * DECADE_UNIT_DIFF);\n    }\n  }));\n}\nexport default DecadeBody;","import _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport KeyCode from \"rc-util/es/KeyCode\";\nimport raf from \"rc-util/es/raf\";\nimport isVisible from \"rc-util/es/Dom/isVisible\";\nvar scrollIds = new Map();\n\n/** Trigger when element is visible in view */\nexport function waitElementReady(element, callback) {\n  var id;\n  function tryOrNextFrame() {\n    if (isVisible(element)) {\n      callback();\n    } else {\n      id = raf(function () {\n        tryOrNextFrame();\n      });\n    }\n  }\n  tryOrNextFrame();\n  return function () {\n    raf.cancel(id);\n  };\n}\n\n/* eslint-disable no-param-reassign */\nexport function scrollTo(element, to, duration) {\n  if (scrollIds.get(element)) {\n    cancelAnimationFrame(scrollIds.get(element));\n  }\n\n  // jump to target if duration zero\n  if (duration <= 0) {\n    scrollIds.set(element, requestAnimationFrame(function () {\n      element.scrollTop = to;\n    }));\n    return;\n  }\n  var difference = to - element.scrollTop;\n  var perTick = difference / duration * 10;\n  scrollIds.set(element, requestAnimationFrame(function () {\n    element.scrollTop += perTick;\n    if (element.scrollTop !== to) {\n      scrollTo(element, to, duration - 10);\n    }\n  }));\n}\n/* eslint-enable */\n\nexport function createKeyDownHandler(event, _ref) {\n  var onLeftRight = _ref.onLeftRight,\n    onCtrlLeftRight = _ref.onCtrlLeftRight,\n    onUpDown = _ref.onUpDown,\n    onPageUpDown = _ref.onPageUpDown,\n    onEnter = _ref.onEnter;\n  var which = event.which,\n    ctrlKey = event.ctrlKey,\n    metaKey = event.metaKey;\n  switch (which) {\n    case KeyCode.LEFT:\n      if (ctrlKey || metaKey) {\n        if (onCtrlLeftRight) {\n          onCtrlLeftRight(-1);\n          return true;\n        }\n      } else if (onLeftRight) {\n        onLeftRight(-1);\n        return true;\n      }\n      /* istanbul ignore next */\n      break;\n    case KeyCode.RIGHT:\n      if (ctrlKey || metaKey) {\n        if (onCtrlLeftRight) {\n          onCtrlLeftRight(1);\n          return true;\n        }\n      } else if (onLeftRight) {\n        onLeftRight(1);\n        return true;\n      }\n      /* istanbul ignore next */\n      break;\n    case KeyCode.UP:\n      if (onUpDown) {\n        onUpDown(-1);\n        return true;\n      }\n      /* istanbul ignore next */\n      break;\n    case KeyCode.DOWN:\n      if (onUpDown) {\n        onUpDown(1);\n        return true;\n      }\n      /* istanbul ignore next */\n      break;\n    case KeyCode.PAGE_UP:\n      if (onPageUpDown) {\n        onPageUpDown(-1);\n        return true;\n      }\n      /* istanbul ignore next */\n      break;\n    case KeyCode.PAGE_DOWN:\n      if (onPageUpDown) {\n        onPageUpDown(1);\n        return true;\n      }\n      /* istanbul ignore next */\n      break;\n    case KeyCode.ENTER:\n      if (onEnter) {\n        onEnter();\n        return true;\n      }\n      /* istanbul ignore next */\n      break;\n  }\n  return false;\n}\n\n// ===================== Format =====================\nexport function getDefaultFormat(format, picker, showTime, use12Hours) {\n  var mergedFormat = format;\n  if (!mergedFormat) {\n    switch (picker) {\n      case 'time':\n        mergedFormat = use12Hours ? 'hh:mm:ss a' : 'HH:mm:ss';\n        break;\n      case 'week':\n        mergedFormat = 'gggg-wo';\n        break;\n      case 'month':\n        mergedFormat = 'YYYY-MM';\n        break;\n      case 'quarter':\n        mergedFormat = 'YYYY-[Q]Q';\n        break;\n      case 'year':\n        mergedFormat = 'YYYY';\n        break;\n      default:\n        mergedFormat = showTime ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD';\n    }\n  }\n  return mergedFormat;\n}\nexport function getInputSize(picker, format, generateConfig) {\n  var defaultSize = picker === 'time' ? 8 : 10;\n  var length = typeof format === 'function' ? format(generateConfig.getNow()).length : format.length;\n  return Math.max(defaultSize, length) + 2;\n}\n\n// ===================== Window =====================\n\nvar globalClickFunc = null;\nvar clickCallbacks = new Set();\nexport function addGlobalMouseDownEvent(callback) {\n  if (!globalClickFunc && typeof window !== 'undefined' && window.addEventListener) {\n    globalClickFunc = function globalClickFunc(e) {\n      // Clone a new list to avoid repeat trigger events\n      _toConsumableArray(clickCallbacks).forEach(function (queueFunc) {\n        queueFunc(e);\n      });\n    };\n    window.addEventListener('mousedown', globalClickFunc);\n  }\n  clickCallbacks.add(callback);\n  return function () {\n    clickCallbacks.delete(callback);\n    if (clickCallbacks.size === 0) {\n      window.removeEventListener('mousedown', globalClickFunc);\n      globalClickFunc = null;\n    }\n  };\n}\nexport function getTargetFromEvent(e) {\n  var target = e.target;\n\n  // get target if in shadow dom\n  if (e.composed && target.shadowRoot) {\n    var _e$composedPath;\n    return ((_e$composedPath = e.composedPath) === null || _e$composedPath === void 0 ? void 0 : _e$composedPath.call(e)[0]) || target;\n  }\n  return target;\n}\n\n// ====================== Mode ======================\nvar getYearNextMode = function getYearNextMode(next) {\n  if (next === 'month' || next === 'date') {\n    return 'year';\n  }\n  return next;\n};\nvar getMonthNextMode = function getMonthNextMode(next) {\n  if (next === 'date') {\n    return 'month';\n  }\n  return next;\n};\nvar getQuarterNextMode = function getQuarterNextMode(next) {\n  if (next === 'month' || next === 'date') {\n    return 'quarter';\n  }\n  return next;\n};\nvar getWeekNextMode = function getWeekNextMode(next) {\n  if (next === 'date') {\n    return 'week';\n  }\n  return next;\n};\nexport var PickerModeMap = {\n  year: getYearNextMode,\n  month: getMonthNextMode,\n  quarter: getQuarterNextMode,\n  week: getWeekNextMode,\n  time: null,\n  date: null\n};\nexport function elementsContains(elements, target) {\n  return elements.some(function (ele) {\n    return ele && ele.contains(target);\n  });\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport DecadeHeader from \"./DecadeHeader\";\nimport DecadeBody, { DECADE_COL_COUNT } from \"./DecadeBody\";\nimport { createKeyDownHandler } from \"../../utils/uiUtil\";\nexport var DECADE_UNIT_DIFF = 10;\nexport var DECADE_DISTANCE_COUNT = DECADE_UNIT_DIFF * 10;\nfunction DecadePanel(props) {\n  var prefixCls = props.prefixCls,\n    onViewDateChange = props.onViewDateChange,\n    generateConfig = props.generateConfig,\n    viewDate = props.viewDate,\n    operationRef = props.operationRef,\n    onSelect = props.onSelect,\n    onPanelChange = props.onPanelChange;\n  var panelPrefixCls = \"\".concat(prefixCls, \"-decade-panel\");\n\n  // ======================= Keyboard =======================\n  operationRef.current = {\n    onKeyDown: function onKeyDown(event) {\n      return createKeyDownHandler(event, {\n        onLeftRight: function onLeftRight(diff) {\n          onSelect(generateConfig.addYear(viewDate, diff * DECADE_UNIT_DIFF), 'key');\n        },\n        onCtrlLeftRight: function onCtrlLeftRight(diff) {\n          onSelect(generateConfig.addYear(viewDate, diff * DECADE_DISTANCE_COUNT), 'key');\n        },\n        onUpDown: function onUpDown(diff) {\n          onSelect(generateConfig.addYear(viewDate, diff * DECADE_UNIT_DIFF * DECADE_COL_COUNT), 'key');\n        },\n        onEnter: function onEnter() {\n          onPanelChange('year', viewDate);\n        }\n      });\n    }\n  };\n\n  // ==================== View Operation ====================\n  var onDecadesChange = function onDecadesChange(diff) {\n    var newDate = generateConfig.addYear(viewDate, diff * DECADE_DISTANCE_COUNT);\n    onViewDateChange(newDate);\n    onPanelChange(null, newDate);\n  };\n  var onInternalSelect = function onInternalSelect(date) {\n    onSelect(date, 'mouse');\n    onPanelChange('year', date);\n  };\n  return /*#__PURE__*/React.createElement(\"div\", {\n    className: panelPrefixCls\n  }, /*#__PURE__*/React.createElement(DecadeHeader, _extends({}, props, {\n    prefixCls: prefixCls,\n    onPrevDecades: function onPrevDecades() {\n      onDecadesChange(-1);\n    },\n    onNextDecades: function onNextDecades() {\n      onDecadesChange(1);\n    }\n  })), /*#__PURE__*/React.createElement(DecadeBody, _extends({}, props, {\n    prefixCls: prefixCls,\n    onSelect: onInternalSelect\n  })));\n}\nexport default DecadePanel;","import { DECADE_UNIT_DIFF } from \"../panels/DecadePanel/index\";\nexport var WEEK_DAY_COUNT = 7;\nexport function isNullEqual(value1, value2) {\n  if (!value1 && !value2) {\n    return true;\n  }\n  if (!value1 || !value2) {\n    return false;\n  }\n  return undefined;\n}\nexport function isSameDecade(generateConfig, decade1, decade2) {\n  var equal = isNullEqual(decade1, decade2);\n  if (typeof equal === 'boolean') {\n    return equal;\n  }\n  var num1 = Math.floor(generateConfig.getYear(decade1) / 10);\n  var num2 = Math.floor(generateConfig.getYear(decade2) / 10);\n  return num1 === num2;\n}\nexport function isSameYear(generateConfig, year1, year2) {\n  var equal = isNullEqual(year1, year2);\n  if (typeof equal === 'boolean') {\n    return equal;\n  }\n  return generateConfig.getYear(year1) === generateConfig.getYear(year2);\n}\nexport function getQuarter(generateConfig, date) {\n  var quota = Math.floor(generateConfig.getMonth(date) / 3);\n  return quota + 1;\n}\nexport function isSameQuarter(generateConfig, quarter1, quarter2) {\n  var equal = isNullEqual(quarter1, quarter2);\n  if (typeof equal === 'boolean') {\n    return equal;\n  }\n  return isSameYear(generateConfig, quarter1, quarter2) && getQuarter(generateConfig, quarter1) === getQuarter(generateConfig, quarter2);\n}\nexport function isSameMonth(generateConfig, month1, month2) {\n  var equal = isNullEqual(month1, month2);\n  if (typeof equal === 'boolean') {\n    return equal;\n  }\n  return isSameYear(generateConfig, month1, month2) && generateConfig.getMonth(month1) === generateConfig.getMonth(month2);\n}\nexport function isSameDate(generateConfig, date1, date2) {\n  var equal = isNullEqual(date1, date2);\n  if (typeof equal === 'boolean') {\n    return equal;\n  }\n  return generateConfig.getYear(date1) === generateConfig.getYear(date2) && generateConfig.getMonth(date1) === generateConfig.getMonth(date2) && generateConfig.getDate(date1) === generateConfig.getDate(date2);\n}\nexport function isSameTime(generateConfig, time1, time2) {\n  var equal = isNullEqual(time1, time2);\n  if (typeof equal === 'boolean') {\n    return equal;\n  }\n  return generateConfig.getHour(time1) === generateConfig.getHour(time2) && generateConfig.getMinute(time1) === generateConfig.getMinute(time2) && generateConfig.getSecond(time1) === generateConfig.getSecond(time2);\n}\nexport function isSameWeek(generateConfig, locale, date1, date2) {\n  var equal = isNullEqual(date1, date2);\n  if (typeof equal === 'boolean') {\n    return equal;\n  }\n  return generateConfig.locale.getWeek(locale, date1) === generateConfig.locale.getWeek(locale, date2);\n}\nexport function isEqual(generateConfig, value1, value2) {\n  return isSameDate(generateConfig, value1, value2) && isSameTime(generateConfig, value1, value2);\n}\n\n/** Between in date but not equal of date */\nexport function isInRange(generateConfig, startDate, endDate, current) {\n  if (!startDate || !endDate || !current) {\n    return false;\n  }\n  return !isSameDate(generateConfig, startDate, current) && !isSameDate(generateConfig, endDate, current) && generateConfig.isAfter(current, startDate) && generateConfig.isAfter(endDate, current);\n}\nexport function getWeekStartDate(locale, generateConfig, value) {\n  var weekFirstDay = generateConfig.locale.getWeekFirstDay(locale);\n  var monthStartDate = generateConfig.setDate(value, 1);\n  var startDateWeekDay = generateConfig.getWeekDay(monthStartDate);\n  var alignStartDate = generateConfig.addDate(monthStartDate, weekFirstDay - startDateWeekDay);\n  if (generateConfig.getMonth(alignStartDate) === generateConfig.getMonth(value) && generateConfig.getDate(alignStartDate) > 1) {\n    alignStartDate = generateConfig.addDate(alignStartDate, -7);\n  }\n  return alignStartDate;\n}\nexport function getClosingViewDate(viewDate, picker, generateConfig) {\n  var offset = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;\n  switch (picker) {\n    case 'year':\n      return generateConfig.addYear(viewDate, offset * 10);\n    case 'quarter':\n    case 'month':\n      return generateConfig.addYear(viewDate, offset);\n    default:\n      return generateConfig.addMonth(viewDate, offset);\n  }\n}\nexport function formatValue(value, _ref) {\n  var generateConfig = _ref.generateConfig,\n    locale = _ref.locale,\n    format = _ref.format;\n  return typeof format === 'function' ? format(value) : generateConfig.locale.format(locale.locale, value, format);\n}\nexport function parseValue(value, _ref2) {\n  var generateConfig = _ref2.generateConfig,\n    locale = _ref2.locale,\n    formatList = _ref2.formatList;\n  if (!value || typeof formatList[0] === 'function') {\n    return null;\n  }\n  return generateConfig.locale.parse(locale.locale, value, formatList);\n}\n\n// eslint-disable-next-line consistent-return\nexport function getCellDateDisabled(_ref3) {\n  var cellDate = _ref3.cellDate,\n    mode = _ref3.mode,\n    disabledDate = _ref3.disabledDate,\n    generateConfig = _ref3.generateConfig;\n  if (!disabledDate) return false;\n  // Whether cellDate is disabled in range\n  var getDisabledFromRange = function getDisabledFromRange(currentMode, start, end) {\n    var current = start;\n    while (current <= end) {\n      var _date = void 0;\n      switch (currentMode) {\n        case 'date':\n          {\n            _date = generateConfig.setDate(cellDate, current);\n            if (!disabledDate(_date)) {\n              return false;\n            }\n            break;\n          }\n        case 'month':\n          {\n            _date = generateConfig.setMonth(cellDate, current);\n            if (!getCellDateDisabled({\n              cellDate: _date,\n              mode: 'month',\n              generateConfig: generateConfig,\n              disabledDate: disabledDate\n            })) {\n              return false;\n            }\n            break;\n          }\n        case 'year':\n          {\n            _date = generateConfig.setYear(cellDate, current);\n            if (!getCellDateDisabled({\n              cellDate: _date,\n              mode: 'year',\n              generateConfig: generateConfig,\n              disabledDate: disabledDate\n            })) {\n              return false;\n            }\n            break;\n          }\n      }\n      current += 1;\n    }\n    return true;\n  };\n  switch (mode) {\n    case 'date':\n    case 'week':\n      {\n        return disabledDate(cellDate);\n      }\n    case 'month':\n      {\n        var startDate = 1;\n        var endDate = generateConfig.getDate(generateConfig.getEndDate(cellDate));\n        return getDisabledFromRange('date', startDate, endDate);\n      }\n    case 'quarter':\n      {\n        var startMonth = Math.floor(generateConfig.getMonth(cellDate) / 3) * 3;\n        var endMonth = startMonth + 2;\n        return getDisabledFromRange('month', startMonth, endMonth);\n      }\n    case 'year':\n      {\n        return getDisabledFromRange('month', 0, 11);\n      }\n    case 'decade':\n      {\n        var year = generateConfig.getYear(cellDate);\n        var startYear = Math.floor(year / DECADE_UNIT_DIFF) * DECADE_UNIT_DIFF;\n        var endYear = startYear + DECADE_UNIT_DIFF - 1;\n        return getDisabledFromRange('year', startYear, endYear);\n      }\n  }\n}","import useMemo from \"rc-util/es/hooks/useMemo\";\nimport shallowEqual from \"rc-util/es/isEqual\";\nimport { formatValue, isEqual } from \"../utils/dateUtil\";\nexport default function useValueTexts(value, _ref) {\n  var formatList = _ref.formatList,\n    generateConfig = _ref.generateConfig,\n    locale = _ref.locale;\n  return useMemo(function () {\n    if (!value) {\n      return [[''], ''];\n    }\n\n    // We will convert data format back to first format\n    var firstValueText = '';\n    var fullValueTexts = [];\n    for (var i = 0; i < formatList.length; i += 1) {\n      var format = formatList[i];\n      var formatStr = formatValue(value, {\n        generateConfig: generateConfig,\n        locale: locale,\n        format: format\n      });\n      fullValueTexts.push(formatStr);\n      if (i === 0) {\n        firstValueText = formatStr;\n      }\n    }\n    return [fullValueTexts, firstValueText];\n  }, [value, formatList], function (prev, next) {\n    return (\n      // Not Same Date\n      !isEqual(generateConfig, prev[0], next[0]) ||\n      // Not Same format\n      !shallowEqual(prev[1], next[1], true)\n    );\n  });\n}","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport { useState, useEffect, useRef } from 'react';\nimport useValueTexts from \"./useValueTexts\";\nexport default function useHoverValue(valueText, _ref) {\n  var formatList = _ref.formatList,\n    generateConfig = _ref.generateConfig,\n    locale = _ref.locale;\n  var _useState = useState(null),\n    _useState2 = _slicedToArray(_useState, 2),\n    value = _useState2[0],\n    internalSetValue = _useState2[1];\n  var raf = useRef(null);\n  function setValue(val) {\n    var immediately = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n    cancelAnimationFrame(raf.current);\n    if (immediately) {\n      internalSetValue(val);\n      return;\n    }\n    raf.current = requestAnimationFrame(function () {\n      internalSetValue(val);\n    });\n  }\n  var _useValueTexts = useValueTexts(value, {\n      formatList: formatList,\n      generateConfig: generateConfig,\n      locale: locale\n    }),\n    _useValueTexts2 = _slicedToArray(_useValueTexts, 2),\n    firstText = _useValueTexts2[1];\n  function onEnter(date) {\n    setValue(date);\n  }\n  function onLeave() {\n    var immediately = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n    setValue(null, immediately);\n  }\n  useEffect(function () {\n    onLeave(true);\n  }, [valueText]);\n  useEffect(function () {\n    return function () {\n      return cancelAnimationFrame(raf.current);\n    };\n  }, []);\n  return [firstText, onEnter, onLeave];\n}","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport { useState, useEffect, useRef } from 'react';\nimport KeyCode from \"rc-util/es/KeyCode\";\nimport { addGlobalMouseDownEvent, getTargetFromEvent } from \"../utils/uiUtil\";\nexport default function usePickerInput(_ref) {\n  var open = _ref.open,\n    value = _ref.value,\n    isClickOutside = _ref.isClickOutside,\n    triggerOpen = _ref.triggerOpen,\n    forwardKeyDown = _ref.forwardKeyDown,\n    _onKeyDown = _ref.onKeyDown,\n    blurToCancel = _ref.blurToCancel,\n    onSubmit = _ref.onSubmit,\n    onCancel = _ref.onCancel,\n    _onFocus = _ref.onFocus,\n    _onBlur = _ref.onBlur;\n  var _useState = useState(false),\n    _useState2 = _slicedToArray(_useState, 2),\n    typing = _useState2[0],\n    setTyping = _useState2[1];\n  var _useState3 = useState(false),\n    _useState4 = _slicedToArray(_useState3, 2),\n    focused = _useState4[0],\n    setFocused = _useState4[1];\n\n  /**\n   * We will prevent blur to handle open event when user click outside,\n   * since this will repeat trigger `onOpenChange` event.\n   */\n  var preventBlurRef = useRef(false);\n  var valueChangedRef = useRef(false);\n  var preventDefaultRef = useRef(false);\n  var inputProps = {\n    onMouseDown: function onMouseDown() {\n      setTyping(true);\n      triggerOpen(true);\n    },\n    onKeyDown: function onKeyDown(e) {\n      var preventDefault = function preventDefault() {\n        preventDefaultRef.current = true;\n      };\n      _onKeyDown(e, preventDefault);\n      if (preventDefaultRef.current) return;\n      switch (e.which) {\n        case KeyCode.ENTER:\n          {\n            if (!open) {\n              triggerOpen(true);\n            } else if (onSubmit() !== false) {\n              setTyping(true);\n            }\n            e.preventDefault();\n            return;\n          }\n        case KeyCode.TAB:\n          {\n            if (typing && open && !e.shiftKey) {\n              setTyping(false);\n              e.preventDefault();\n            } else if (!typing && open) {\n              if (!forwardKeyDown(e) && e.shiftKey) {\n                setTyping(true);\n                e.preventDefault();\n              }\n            }\n            return;\n          }\n        case KeyCode.ESC:\n          {\n            setTyping(true);\n            onCancel();\n            return;\n          }\n      }\n      if (!open && ![KeyCode.SHIFT].includes(e.which)) {\n        triggerOpen(true);\n      } else if (!typing) {\n        // Let popup panel handle keyboard\n        forwardKeyDown(e);\n      }\n    },\n    onFocus: function onFocus(e) {\n      setTyping(true);\n      setFocused(true);\n      if (_onFocus) {\n        _onFocus(e);\n      }\n    },\n    onBlur: function onBlur(e) {\n      if (preventBlurRef.current || !isClickOutside(document.activeElement)) {\n        preventBlurRef.current = false;\n        return;\n      }\n      if (blurToCancel) {\n        setTimeout(function () {\n          var _document = document,\n            activeElement = _document.activeElement;\n          while (activeElement && activeElement.shadowRoot) {\n            activeElement = activeElement.shadowRoot.activeElement;\n          }\n          if (isClickOutside(activeElement)) {\n            onCancel();\n          }\n        }, 0);\n      } else if (open) {\n        triggerOpen(false);\n        if (valueChangedRef.current) {\n          onSubmit();\n        }\n      }\n      setFocused(false);\n      if (_onBlur) {\n        _onBlur(e);\n      }\n    }\n  };\n\n  // check if value changed\n  useEffect(function () {\n    valueChangedRef.current = false;\n  }, [open]);\n  useEffect(function () {\n    valueChangedRef.current = true;\n  }, [value]);\n\n  // Global click handler\n  useEffect(function () {\n    return addGlobalMouseDownEvent(function (e) {\n      var target = getTargetFromEvent(e);\n      if (open) {\n        var clickedOutside = isClickOutside(target);\n        if (!clickedOutside) {\n          preventBlurRef.current = true;\n\n          // Always set back in case `onBlur` prevented by user\n          requestAnimationFrame(function () {\n            preventBlurRef.current = false;\n          });\n        } else if (!focused || clickedOutside) {\n          triggerOpen(false);\n        }\n      }\n    });\n  });\n  return [inputProps, {\n    focused: focused,\n    typing: typing\n  }];\n}","import * as React from 'react';\nimport warning from \"rc-util/es/warning\";\nexport default function usePresets(presets, legacyRanges) {\n  return React.useMemo(function () {\n    if (presets) {\n      return presets;\n    }\n    if (legacyRanges) {\n      warning(false, '`ranges` is deprecated. Please use `presets` instead.');\n      var rangeLabels = Object.keys(legacyRanges);\n      return rangeLabels.map(function (label) {\n        var range = legacyRanges[label];\n        var newValues = typeof range === 'function' ? range() : range;\n        return {\n          label: label,\n          value: newValues\n        };\n      });\n    }\n    return [];\n  }, [presets, legacyRanges]);\n}","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport useLayoutEffect from \"rc-util/es/hooks/useLayoutEffect\";\nimport * as React from 'react';\nexport default function useTextValueMapping(_ref) {\n  var valueTexts = _ref.valueTexts,\n    onTextChange = _ref.onTextChange;\n  var _React$useState = React.useState(''),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    text = _React$useState2[0],\n    setInnerText = _React$useState2[1];\n  var valueTextsRef = React.useRef([]);\n  valueTextsRef.current = valueTexts;\n  function triggerTextChange(value) {\n    setInnerText(value);\n    onTextChange(value);\n  }\n  function resetText() {\n    setInnerText(valueTextsRef.current[0]);\n  }\n  useLayoutEffect(function () {\n    if (valueTexts.every(function (valText) {\n      return valText !== text;\n    })) {\n      resetText();\n    }\n  }, [valueTexts.join('||')]);\n  return [text, triggerTextChange, resetText];\n}","import * as React from 'react';\nimport Header from \"../Header\";\nimport PanelContext from \"../../PanelContext\";\nimport { formatValue } from \"../../utils/dateUtil\";\nfunction TimeHeader(props) {\n  var _React$useContext = React.useContext(PanelContext),\n    hideHeader = _React$useContext.hideHeader;\n  if (hideHeader) {\n    return null;\n  }\n  var prefixCls = props.prefixCls,\n    generateConfig = props.generateConfig,\n    locale = props.locale,\n    value = props.value,\n    format = props.format;\n  var headerPrefixCls = \"\".concat(prefixCls, \"-header\");\n  return /*#__PURE__*/React.createElement(Header, {\n    prefixCls: headerPrefixCls\n  }, value ? formatValue(value, {\n    locale: locale,\n    format: format,\n    generateConfig: generateConfig\n  }) : \"\\xA0\");\n}\nexport default TimeHeader;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport * as React from 'react';\nimport { useRef, useLayoutEffect } from 'react';\nimport classNames from 'classnames';\nimport { scrollTo, waitElementReady } from \"../../utils/uiUtil\";\nimport PanelContext from \"../../PanelContext\";\nfunction TimeUnitColumn(props) {\n  var prefixCls = props.prefixCls,\n    units = props.units,\n    onSelect = props.onSelect,\n    value = props.value,\n    active = props.active,\n    hideDisabledOptions = props.hideDisabledOptions;\n  var cellPrefixCls = \"\".concat(prefixCls, \"-cell\");\n  var _React$useContext = React.useContext(PanelContext),\n    open = _React$useContext.open;\n  var ulRef = useRef(null);\n  var liRefs = useRef(new Map());\n  var scrollRef = useRef();\n\n  // `useLayoutEffect` here to avoid blink by duration is 0\n  useLayoutEffect(function () {\n    var li = liRefs.current.get(value);\n    if (li && open !== false) {\n      scrollTo(ulRef.current, li.offsetTop, 120);\n    }\n  }, [value]);\n  useLayoutEffect(function () {\n    if (open) {\n      var li = liRefs.current.get(value);\n      if (li) {\n        scrollRef.current = waitElementReady(li, function () {\n          scrollTo(ulRef.current, li.offsetTop, 0);\n        });\n      }\n    }\n    return function () {\n      var _scrollRef$current;\n      (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.call(scrollRef);\n    };\n  }, [open]);\n  return /*#__PURE__*/React.createElement(\"ul\", {\n    className: classNames(\"\".concat(prefixCls, \"-column\"), _defineProperty({}, \"\".concat(prefixCls, \"-column-active\"), active)),\n    ref: ulRef,\n    style: {\n      position: 'relative'\n    }\n  }, units.map(function (unit) {\n    var _classNames2;\n    if (hideDisabledOptions && unit.disabled) {\n      return null;\n    }\n    return /*#__PURE__*/React.createElement(\"li\", {\n      key: unit.value,\n      ref: function ref(element) {\n        liRefs.current.set(unit.value, element);\n      },\n      className: classNames(cellPrefixCls, (_classNames2 = {}, _defineProperty(_classNames2, \"\".concat(cellPrefixCls, \"-disabled\"), unit.disabled), _defineProperty(_classNames2, \"\".concat(cellPrefixCls, \"-selected\"), value === unit.value), _classNames2)),\n      onClick: function onClick() {\n        if (unit.disabled) {\n          return;\n        }\n        onSelect(unit.value);\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"\".concat(cellPrefixCls, \"-inner\")\n    }, unit.label));\n  }));\n}\nexport default TimeUnitColumn;","export function leftPad(str, length) {\n  var fill = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '0';\n  var current = String(str);\n  while (current.length < length) {\n    current = \"\".concat(fill).concat(str);\n  }\n  return current;\n}\nexport var tuple = function tuple() {\n  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n    args[_key] = arguments[_key];\n  }\n  return args;\n};\nexport function toArray(val) {\n  if (val === null || val === undefined) {\n    return [];\n  }\n  return Array.isArray(val) ? val : [val];\n}\nexport default function getDataOrAriaProps(props) {\n  var retProps = {};\n  Object.keys(props).forEach(function (key) {\n    if ((key.substr(0, 5) === 'data-' || key.substr(0, 5) === 'aria-' || key === 'role' || key === 'name') && key.substr(0, 7) !== 'data-__') {\n      retProps[key] = props[key];\n    }\n  });\n  return retProps;\n}\nexport function getValue(values, index) {\n  return values ? values[index] : null;\n}\nexport function updateValues(values, value, index) {\n  var newValues = [getValue(values, 0), getValue(values, 1)];\n  newValues[index] = typeof value === 'function' ? value(newValues[index]) : value;\n  if (!newValues[0] && !newValues[1]) {\n    return null;\n  }\n  return newValues;\n}","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nimport useMemo from \"rc-util/es/hooks/useMemo\";\nimport TimeUnitColumn from \"./TimeUnitColumn\";\nimport { leftPad } from \"../../utils/miscUtil\";\nimport { setTime as utilSetTime } from \"../../utils/timeUtil\";\nfunction shouldUnitsUpdate(prevUnits, nextUnits) {\n  if (prevUnits.length !== nextUnits.length) return true;\n  // if any unit's disabled status is different, the units should be re-evaluted\n  for (var i = 0; i < prevUnits.length; i += 1) {\n    if (prevUnits[i].disabled !== nextUnits[i].disabled) return true;\n  }\n  return false;\n}\nfunction generateUnits(start, end, step, disabledUnits) {\n  var units = [];\n  for (var i = start; i <= end; i += step) {\n    units.push({\n      label: leftPad(i, 2),\n      value: i,\n      disabled: (disabledUnits || []).includes(i)\n    });\n  }\n  return units;\n}\nfunction TimeBody(props) {\n  var generateConfig = props.generateConfig,\n    prefixCls = props.prefixCls,\n    operationRef = props.operationRef,\n    activeColumnIndex = props.activeColumnIndex,\n    value = props.value,\n    showHour = props.showHour,\n    showMinute = props.showMinute,\n    showSecond = props.showSecond,\n    use12Hours = props.use12Hours,\n    _props$hourStep = props.hourStep,\n    hourStep = _props$hourStep === void 0 ? 1 : _props$hourStep,\n    _props$minuteStep = props.minuteStep,\n    minuteStep = _props$minuteStep === void 0 ? 1 : _props$minuteStep,\n    _props$secondStep = props.secondStep,\n    secondStep = _props$secondStep === void 0 ? 1 : _props$secondStep,\n    disabledHours = props.disabledHours,\n    disabledMinutes = props.disabledMinutes,\n    disabledSeconds = props.disabledSeconds,\n    disabledTime = props.disabledTime,\n    hideDisabledOptions = props.hideDisabledOptions,\n    onSelect = props.onSelect;\n\n  // Misc\n  var columns = [];\n  var contentPrefixCls = \"\".concat(prefixCls, \"-content\");\n  var columnPrefixCls = \"\".concat(prefixCls, \"-time-panel\");\n  var isPM;\n  var originHour = value ? generateConfig.getHour(value) : -1;\n  var hour = originHour;\n  var minute = value ? generateConfig.getMinute(value) : -1;\n  var second = value ? generateConfig.getSecond(value) : -1;\n\n  // Disabled Time\n  var now = generateConfig.getNow();\n  var _React$useMemo = React.useMemo(function () {\n      if (disabledTime) {\n        var disabledConfig = disabledTime(now);\n        return [disabledConfig.disabledHours, disabledConfig.disabledMinutes, disabledConfig.disabledSeconds];\n      }\n      return [disabledHours, disabledMinutes, disabledSeconds];\n    }, [disabledHours, disabledMinutes, disabledSeconds, disabledTime, now]),\n    _React$useMemo2 = _slicedToArray(_React$useMemo, 3),\n    mergedDisabledHours = _React$useMemo2[0],\n    mergedDisabledMinutes = _React$useMemo2[1],\n    mergedDisabledSeconds = _React$useMemo2[2];\n\n  // Set Time\n  var setTime = function setTime(isNewPM, newHour, newMinute, newSecond) {\n    var newDate = value || generateConfig.getNow();\n    var mergedHour = Math.max(0, newHour);\n    var mergedMinute = Math.max(0, newMinute);\n    var mergedSecond = Math.max(0, newSecond);\n    newDate = utilSetTime(generateConfig, newDate, !use12Hours || !isNewPM ? mergedHour : mergedHour + 12, mergedMinute, mergedSecond);\n    return newDate;\n  };\n\n  // ========================= Unit =========================\n  var rawHours = generateUnits(0, 23, hourStep, mergedDisabledHours && mergedDisabledHours());\n  var memorizedRawHours = useMemo(function () {\n    return rawHours;\n  }, rawHours, shouldUnitsUpdate);\n\n  // Should additional logic to handle 12 hours\n  if (use12Hours) {\n    isPM = hour >= 12; // -1 means should display AM\n    hour %= 12;\n  }\n  var _React$useMemo3 = React.useMemo(function () {\n      if (!use12Hours) {\n        return [false, false];\n      }\n      var AMPMDisabled = [true, true];\n      memorizedRawHours.forEach(function (_ref) {\n        var disabled = _ref.disabled,\n          hourValue = _ref.value;\n        if (disabled) return;\n        if (hourValue >= 12) {\n          AMPMDisabled[1] = false;\n        } else {\n          AMPMDisabled[0] = false;\n        }\n      });\n      return AMPMDisabled;\n    }, [use12Hours, memorizedRawHours]),\n    _React$useMemo4 = _slicedToArray(_React$useMemo3, 2),\n    AMDisabled = _React$useMemo4[0],\n    PMDisabled = _React$useMemo4[1];\n  var hours = React.useMemo(function () {\n    if (!use12Hours) return memorizedRawHours;\n    return memorizedRawHours.filter(isPM ? function (hourMeta) {\n      return hourMeta.value >= 12;\n    } : function (hourMeta) {\n      return hourMeta.value < 12;\n    }).map(function (hourMeta) {\n      var hourValue = hourMeta.value % 12;\n      var hourLabel = hourValue === 0 ? '12' : leftPad(hourValue, 2);\n      return _objectSpread(_objectSpread({}, hourMeta), {}, {\n        label: hourLabel,\n        value: hourValue\n      });\n    });\n  }, [use12Hours, isPM, memorizedRawHours]);\n  var minutes = generateUnits(0, 59, minuteStep, mergedDisabledMinutes && mergedDisabledMinutes(originHour));\n  var seconds = generateUnits(0, 59, secondStep, mergedDisabledSeconds && mergedDisabledSeconds(originHour, minute));\n\n  // ====================== Operations ======================\n  operationRef.current = {\n    onUpDown: function onUpDown(diff) {\n      var column = columns[activeColumnIndex];\n      if (column) {\n        var valueIndex = column.units.findIndex(function (unit) {\n          return unit.value === column.value;\n        });\n        var unitLen = column.units.length;\n        for (var i = 1; i < unitLen; i += 1) {\n          var nextUnit = column.units[(valueIndex + diff * i + unitLen) % unitLen];\n          if (nextUnit.disabled !== true) {\n            column.onSelect(nextUnit.value);\n            break;\n          }\n        }\n      }\n    }\n  };\n\n  // ======================== Render ========================\n  function addColumnNode(condition, node, columnValue, units, onColumnSelect) {\n    if (condition !== false) {\n      columns.push({\n        node: /*#__PURE__*/React.cloneElement(node, {\n          prefixCls: columnPrefixCls,\n          value: columnValue,\n          active: activeColumnIndex === columns.length,\n          onSelect: onColumnSelect,\n          units: units,\n          hideDisabledOptions: hideDisabledOptions\n        }),\n        onSelect: onColumnSelect,\n        value: columnValue,\n        units: units\n      });\n    }\n  }\n\n  // Hour\n  addColumnNode(showHour, /*#__PURE__*/React.createElement(TimeUnitColumn, {\n    key: \"hour\"\n  }), hour, hours, function (num) {\n    onSelect(setTime(isPM, num, minute, second), 'mouse');\n  });\n\n  // Minute\n  addColumnNode(showMinute, /*#__PURE__*/React.createElement(TimeUnitColumn, {\n    key: \"minute\"\n  }), minute, minutes, function (num) {\n    onSelect(setTime(isPM, hour, num, second), 'mouse');\n  });\n\n  // Second\n  addColumnNode(showSecond, /*#__PURE__*/React.createElement(TimeUnitColumn, {\n    key: \"second\"\n  }), second, seconds, function (num) {\n    onSelect(setTime(isPM, hour, minute, num), 'mouse');\n  });\n\n  // 12 Hours\n  var PMIndex = -1;\n  if (typeof isPM === 'boolean') {\n    PMIndex = isPM ? 1 : 0;\n  }\n  addColumnNode(use12Hours === true, /*#__PURE__*/React.createElement(TimeUnitColumn, {\n    key: \"12hours\"\n  }), PMIndex, [{\n    label: 'AM',\n    value: 0,\n    disabled: AMDisabled\n  }, {\n    label: 'PM',\n    value: 1,\n    disabled: PMDisabled\n  }], function (num) {\n    onSelect(setTime(!!num, hour, minute, second), 'mouse');\n  });\n  return /*#__PURE__*/React.createElement(\"div\", {\n    className: contentPrefixCls\n  }, columns.map(function (_ref2) {\n    var node = _ref2.node;\n    return node;\n  }));\n}\nexport default TimeBody;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport TimeHeader from \"./TimeHeader\";\nimport TimeBody from \"./TimeBody\";\nimport { createKeyDownHandler } from \"../../utils/uiUtil\";\nvar countBoolean = function countBoolean(boolList) {\n  return boolList.filter(function (bool) {\n    return bool !== false;\n  }).length;\n};\nfunction TimePanel(props) {\n  var generateConfig = props.generateConfig,\n    _props$format = props.format,\n    format = _props$format === void 0 ? 'HH:mm:ss' : _props$format,\n    prefixCls = props.prefixCls,\n    active = props.active,\n    operationRef = props.operationRef,\n    showHour = props.showHour,\n    showMinute = props.showMinute,\n    showSecond = props.showSecond,\n    _props$use12Hours = props.use12Hours,\n    use12Hours = _props$use12Hours === void 0 ? false : _props$use12Hours,\n    onSelect = props.onSelect,\n    value = props.value;\n  var panelPrefixCls = \"\".concat(prefixCls, \"-time-panel\");\n  var bodyOperationRef = React.useRef();\n\n  // ======================= Keyboard =======================\n  var _React$useState = React.useState(-1),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    activeColumnIndex = _React$useState2[0],\n    setActiveColumnIndex = _React$useState2[1];\n  var columnsCount = countBoolean([showHour, showMinute, showSecond, use12Hours]);\n  operationRef.current = {\n    onKeyDown: function onKeyDown(event) {\n      return createKeyDownHandler(event, {\n        onLeftRight: function onLeftRight(diff) {\n          setActiveColumnIndex((activeColumnIndex + diff + columnsCount) % columnsCount);\n        },\n        onUpDown: function onUpDown(diff) {\n          if (activeColumnIndex === -1) {\n            setActiveColumnIndex(0);\n          } else if (bodyOperationRef.current) {\n            bodyOperationRef.current.onUpDown(diff);\n          }\n        },\n        onEnter: function onEnter() {\n          onSelect(value || generateConfig.getNow(), 'key');\n          setActiveColumnIndex(-1);\n        }\n      });\n    },\n    onBlur: function onBlur() {\n      setActiveColumnIndex(-1);\n    }\n  };\n  return /*#__PURE__*/React.createElement(\"div\", {\n    className: classNames(panelPrefixCls, _defineProperty({}, \"\".concat(panelPrefixCls, \"-active\"), active))\n  }, /*#__PURE__*/React.createElement(TimeHeader, _extends({}, props, {\n    format: format,\n    prefixCls: prefixCls\n  })), /*#__PURE__*/React.createElement(TimeBody, _extends({}, props, {\n    prefixCls: prefixCls,\n    activeColumnIndex: activeColumnIndex,\n    operationRef: bodyOperationRef\n  })));\n}\nexport default TimePanel;","import * as React from 'react';\nvar RangeContext = /*#__PURE__*/React.createContext({});\nexport default RangeContext;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport { isInRange } from \"../utils/dateUtil\";\nimport { getValue } from \"../utils/miscUtil\";\nexport default function useCellClassName(_ref) {\n  var cellPrefixCls = _ref.cellPrefixCls,\n    generateConfig = _ref.generateConfig,\n    rangedValue = _ref.rangedValue,\n    hoverRangedValue = _ref.hoverRangedValue,\n    isInView = _ref.isInView,\n    isSameCell = _ref.isSameCell,\n    offsetCell = _ref.offsetCell,\n    today = _ref.today,\n    value = _ref.value;\n  function getClassName(currentDate) {\n    var _ref2;\n    var prevDate = offsetCell(currentDate, -1);\n    var nextDate = offsetCell(currentDate, 1);\n    var rangeStart = getValue(rangedValue, 0);\n    var rangeEnd = getValue(rangedValue, 1);\n    var hoverStart = getValue(hoverRangedValue, 0);\n    var hoverEnd = getValue(hoverRangedValue, 1);\n    var isRangeHovered = isInRange(generateConfig, hoverStart, hoverEnd, currentDate);\n    function isRangeStart(date) {\n      return isSameCell(rangeStart, date);\n    }\n    function isRangeEnd(date) {\n      return isSameCell(rangeEnd, date);\n    }\n    var isHoverStart = isSameCell(hoverStart, currentDate);\n    var isHoverEnd = isSameCell(hoverEnd, currentDate);\n    var isHoverEdgeStart = (isRangeHovered || isHoverEnd) && (!isInView(prevDate) || isRangeEnd(prevDate));\n    var isHoverEdgeEnd = (isRangeHovered || isHoverStart) && (!isInView(nextDate) || isRangeStart(nextDate));\n    return _ref2 = {}, _defineProperty(_ref2, \"\".concat(cellPrefixCls, \"-in-view\"), isInView(currentDate)), _defineProperty(_ref2, \"\".concat(cellPrefixCls, \"-in-range\"), isInRange(generateConfig, rangeStart, rangeEnd, currentDate)), _defineProperty(_ref2, \"\".concat(cellPrefixCls, \"-range-start\"), isRangeStart(currentDate)), _defineProperty(_ref2, \"\".concat(cellPrefixCls, \"-range-end\"), isRangeEnd(currentDate)), _defineProperty(_ref2, \"\".concat(cellPrefixCls, \"-range-start-single\"), isRangeStart(currentDate) && !rangeEnd), _defineProperty(_ref2, \"\".concat(cellPrefixCls, \"-range-end-single\"), isRangeEnd(currentDate) && !rangeStart), _defineProperty(_ref2, \"\".concat(cellPrefixCls, \"-range-start-near-hover\"), isRangeStart(currentDate) && (isSameCell(prevDate, hoverStart) || isInRange(generateConfig, hoverStart, hoverEnd, prevDate))), _defineProperty(_ref2, \"\".concat(cellPrefixCls, \"-range-end-near-hover\"), isRangeEnd(currentDate) && (isSameCell(nextDate, hoverEnd) || isInRange(generateConfig, hoverStart, hoverEnd, nextDate))), _defineProperty(_ref2, \"\".concat(cellPrefixCls, \"-range-hover\"), isRangeHovered), _defineProperty(_ref2, \"\".concat(cellPrefixCls, \"-range-hover-start\"), isHoverStart), _defineProperty(_ref2, \"\".concat(cellPrefixCls, \"-range-hover-end\"), isHoverEnd), _defineProperty(_ref2, \"\".concat(cellPrefixCls, \"-range-hover-edge-start\"), isHoverEdgeStart), _defineProperty(_ref2, \"\".concat(cellPrefixCls, \"-range-hover-edge-end\"), isHoverEdgeEnd), _defineProperty(_ref2, \"\".concat(cellPrefixCls, \"-range-hover-edge-start-near-range\"), isHoverEdgeStart && isSameCell(prevDate, rangeEnd)), _defineProperty(_ref2, \"\".concat(cellPrefixCls, \"-range-hover-edge-end-near-range\"), isHoverEdgeEnd && isSameCell(nextDate, rangeStart)), _defineProperty(_ref2, \"\".concat(cellPrefixCls, \"-today\"), isSameCell(today, currentDate)), _defineProperty(_ref2, \"\".concat(cellPrefixCls, \"-selected\"), isSameCell(value, currentDate)), _ref2;\n  }\n  return getClassName;\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport { WEEK_DAY_COUNT, getWeekStartDate, isSameDate, isSameMonth, formatValue } from \"../../utils/dateUtil\";\nimport RangeContext from \"../../RangeContext\";\nimport useCellClassName from \"../../hooks/useCellClassName\";\nimport PanelBody from \"../PanelBody\";\nfunction DateBody(props) {\n  var prefixCls = props.prefixCls,\n    generateConfig = props.generateConfig,\n    prefixColumn = props.prefixColumn,\n    locale = props.locale,\n    rowCount = props.rowCount,\n    viewDate = props.viewDate,\n    value = props.value,\n    dateRender = props.dateRender;\n  var _React$useContext = React.useContext(RangeContext),\n    rangedValue = _React$useContext.rangedValue,\n    hoverRangedValue = _React$useContext.hoverRangedValue;\n  var baseDate = getWeekStartDate(locale.locale, generateConfig, viewDate);\n  var cellPrefixCls = \"\".concat(prefixCls, \"-cell\");\n  var weekFirstDay = generateConfig.locale.getWeekFirstDay(locale.locale);\n  var today = generateConfig.getNow();\n\n  // ============================== Header ==============================\n  var headerCells = [];\n  var weekDaysLocale = locale.shortWeekDays || (generateConfig.locale.getShortWeekDays ? generateConfig.locale.getShortWeekDays(locale.locale) : []);\n  if (prefixColumn) {\n    headerCells.push( /*#__PURE__*/React.createElement(\"th\", {\n      key: \"empty\",\n      \"aria-label\": \"empty cell\"\n    }));\n  }\n  for (var i = 0; i < WEEK_DAY_COUNT; i += 1) {\n    headerCells.push( /*#__PURE__*/React.createElement(\"th\", {\n      key: i\n    }, weekDaysLocale[(i + weekFirstDay) % WEEK_DAY_COUNT]));\n  }\n\n  // =============================== Body ===============================\n  var getCellClassName = useCellClassName({\n    cellPrefixCls: cellPrefixCls,\n    today: today,\n    value: value,\n    generateConfig: generateConfig,\n    rangedValue: prefixColumn ? null : rangedValue,\n    hoverRangedValue: prefixColumn ? null : hoverRangedValue,\n    isSameCell: function isSameCell(current, target) {\n      return isSameDate(generateConfig, current, target);\n    },\n    isInView: function isInView(date) {\n      return isSameMonth(generateConfig, date, viewDate);\n    },\n    offsetCell: function offsetCell(date, offset) {\n      return generateConfig.addDate(date, offset);\n    }\n  });\n  var getCellNode = dateRender ? function (date) {\n    return dateRender(date, today);\n  } : undefined;\n  return /*#__PURE__*/React.createElement(PanelBody, _extends({}, props, {\n    rowNum: rowCount,\n    colNum: WEEK_DAY_COUNT,\n    baseDate: baseDate,\n    getCellNode: getCellNode,\n    getCellText: generateConfig.getDate,\n    getCellClassName: getCellClassName,\n    getCellDate: generateConfig.addDate,\n    titleCell: function titleCell(date) {\n      return formatValue(date, {\n        locale: locale,\n        format: 'YYYY-MM-DD',\n        generateConfig: generateConfig\n      });\n    },\n    headerCells: headerCells\n  }));\n}\nexport default DateBody;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport Header from \"../Header\";\nimport PanelContext from \"../../PanelContext\";\nimport { formatValue } from \"../../utils/dateUtil\";\nfunction DateHeader(props) {\n  var prefixCls = props.prefixCls,\n    generateConfig = props.generateConfig,\n    locale = props.locale,\n    viewDate = props.viewDate,\n    onNextMonth = props.onNextMonth,\n    onPrevMonth = props.onPrevMonth,\n    onNextYear = props.onNextYear,\n    onPrevYear = props.onPrevYear,\n    onYearClick = props.onYearClick,\n    onMonthClick = props.onMonthClick;\n  var _React$useContext = React.useContext(PanelContext),\n    hideHeader = _React$useContext.hideHeader;\n  if (hideHeader) {\n    return null;\n  }\n  var headerPrefixCls = \"\".concat(prefixCls, \"-header\");\n  var monthsLocale = locale.shortMonths || (generateConfig.locale.getShortMonths ? generateConfig.locale.getShortMonths(locale.locale) : []);\n  var month = generateConfig.getMonth(viewDate);\n\n  // =================== Month & Year ===================\n  var yearNode = /*#__PURE__*/React.createElement(\"button\", {\n    type: \"button\",\n    key: \"year\",\n    onClick: onYearClick,\n    tabIndex: -1,\n    className: \"\".concat(prefixCls, \"-year-btn\")\n  }, formatValue(viewDate, {\n    locale: locale,\n    format: locale.yearFormat,\n    generateConfig: generateConfig\n  }));\n  var monthNode = /*#__PURE__*/React.createElement(\"button\", {\n    type: \"button\",\n    key: \"month\",\n    onClick: onMonthClick,\n    tabIndex: -1,\n    className: \"\".concat(prefixCls, \"-month-btn\")\n  }, locale.monthFormat ? formatValue(viewDate, {\n    locale: locale,\n    format: locale.monthFormat,\n    generateConfig: generateConfig\n  }) : monthsLocale[month]);\n  var monthYearNodes = locale.monthBeforeYear ? [monthNode, yearNode] : [yearNode, monthNode];\n  return /*#__PURE__*/React.createElement(Header, _extends({}, props, {\n    prefixCls: headerPrefixCls,\n    onSuperPrev: onPrevYear,\n    onPrev: onPrevMonth,\n    onNext: onNextMonth,\n    onSuperNext: onNextYear\n  }), monthYearNodes);\n}\nexport default DateHeader;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport DateBody from \"./DateBody\";\nimport DateHeader from \"./DateHeader\";\nimport { WEEK_DAY_COUNT } from \"../../utils/dateUtil\";\nimport { createKeyDownHandler } from \"../../utils/uiUtil\";\nvar DATE_ROW_COUNT = 6;\nfunction DatePanel(props) {\n  var prefixCls = props.prefixCls,\n    _props$panelName = props.panelName,\n    panelName = _props$panelName === void 0 ? 'date' : _props$panelName,\n    keyboardConfig = props.keyboardConfig,\n    active = props.active,\n    operationRef = props.operationRef,\n    generateConfig = props.generateConfig,\n    value = props.value,\n    viewDate = props.viewDate,\n    onViewDateChange = props.onViewDateChange,\n    onPanelChange = props.onPanelChange,\n    _onSelect = props.onSelect;\n  var panelPrefixCls = \"\".concat(prefixCls, \"-\").concat(panelName, \"-panel\");\n\n  // ======================= Keyboard =======================\n  operationRef.current = {\n    onKeyDown: function onKeyDown(event) {\n      return createKeyDownHandler(event, _objectSpread({\n        onLeftRight: function onLeftRight(diff) {\n          _onSelect(generateConfig.addDate(value || viewDate, diff), 'key');\n        },\n        onCtrlLeftRight: function onCtrlLeftRight(diff) {\n          _onSelect(generateConfig.addYear(value || viewDate, diff), 'key');\n        },\n        onUpDown: function onUpDown(diff) {\n          _onSelect(generateConfig.addDate(value || viewDate, diff * WEEK_DAY_COUNT), 'key');\n        },\n        onPageUpDown: function onPageUpDown(diff) {\n          _onSelect(generateConfig.addMonth(value || viewDate, diff), 'key');\n        }\n      }, keyboardConfig));\n    }\n  };\n\n  // ==================== View Operation ====================\n  var onYearChange = function onYearChange(diff) {\n    var newDate = generateConfig.addYear(viewDate, diff);\n    onViewDateChange(newDate);\n    onPanelChange(null, newDate);\n  };\n  var onMonthChange = function onMonthChange(diff) {\n    var newDate = generateConfig.addMonth(viewDate, diff);\n    onViewDateChange(newDate);\n    onPanelChange(null, newDate);\n  };\n  return /*#__PURE__*/React.createElement(\"div\", {\n    className: classNames(panelPrefixCls, _defineProperty({}, \"\".concat(panelPrefixCls, \"-active\"), active))\n  }, /*#__PURE__*/React.createElement(DateHeader, _extends({}, props, {\n    prefixCls: prefixCls,\n    value: value,\n    viewDate: viewDate\n    // View Operation\n    ,\n    onPrevYear: function onPrevYear() {\n      onYearChange(-1);\n    },\n    onNextYear: function onNextYear() {\n      onYearChange(1);\n    },\n    onPrevMonth: function onPrevMonth() {\n      onMonthChange(-1);\n    },\n    onNextMonth: function onNextMonth() {\n      onMonthChange(1);\n    },\n    onMonthClick: function onMonthClick() {\n      onPanelChange('month', viewDate);\n    },\n    onYearClick: function onYearClick() {\n      onPanelChange('year', viewDate);\n    }\n  })), /*#__PURE__*/React.createElement(DateBody, _extends({}, props, {\n    onSelect: function onSelect(date) {\n      return _onSelect(date, 'mouse');\n    },\n    prefixCls: prefixCls,\n    value: value,\n    viewDate: viewDate,\n    rowCount: DATE_ROW_COUNT\n  })));\n}\nexport default DatePanel;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport KeyCode from \"rc-util/es/KeyCode\";\nimport DatePanel from \"../DatePanel\";\nimport TimePanel from \"../TimePanel\";\nimport { tuple } from \"../../utils/miscUtil\";\nimport { setDateTime as setTime } from \"../../utils/timeUtil\";\nvar ACTIVE_PANEL = tuple('date', 'time');\nfunction DatetimePanel(props) {\n  var prefixCls = props.prefixCls,\n    operationRef = props.operationRef,\n    generateConfig = props.generateConfig,\n    value = props.value,\n    defaultValue = props.defaultValue,\n    disabledTime = props.disabledTime,\n    showTime = props.showTime,\n    onSelect = props.onSelect;\n  var panelPrefixCls = \"\".concat(prefixCls, \"-datetime-panel\");\n  var _React$useState = React.useState(null),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    activePanel = _React$useState2[0],\n    setActivePanel = _React$useState2[1];\n  var dateOperationRef = React.useRef({});\n  var timeOperationRef = React.useRef({});\n  var timeProps = _typeof(showTime) === 'object' ? _objectSpread({}, showTime) : {};\n\n  // ======================= Keyboard =======================\n  function getNextActive(offset) {\n    var activeIndex = ACTIVE_PANEL.indexOf(activePanel) + offset;\n    var nextActivePanel = ACTIVE_PANEL[activeIndex] || null;\n    return nextActivePanel;\n  }\n  var onBlur = function onBlur(e) {\n    if (timeOperationRef.current.onBlur) {\n      timeOperationRef.current.onBlur(e);\n    }\n    setActivePanel(null);\n  };\n  operationRef.current = {\n    onKeyDown: function onKeyDown(event) {\n      // Switch active panel\n      if (event.which === KeyCode.TAB) {\n        var nextActivePanel = getNextActive(event.shiftKey ? -1 : 1);\n        setActivePanel(nextActivePanel);\n        if (nextActivePanel) {\n          event.preventDefault();\n        }\n        return true;\n      }\n\n      // Operate on current active panel\n      if (activePanel) {\n        var ref = activePanel === 'date' ? dateOperationRef : timeOperationRef;\n        if (ref.current && ref.current.onKeyDown) {\n          ref.current.onKeyDown(event);\n        }\n        return true;\n      }\n\n      // Switch first active panel if operate without panel\n      if ([KeyCode.LEFT, KeyCode.RIGHT, KeyCode.UP, KeyCode.DOWN].includes(event.which)) {\n        setActivePanel('date');\n        return true;\n      }\n      return false;\n    },\n    onBlur: onBlur,\n    onClose: onBlur\n  };\n\n  // ======================== Events ========================\n  var onInternalSelect = function onInternalSelect(date, source) {\n    var selectedDate = date;\n    if (source === 'date' && !value && timeProps.defaultValue) {\n      // Date with time defaultValue\n      selectedDate = generateConfig.setHour(selectedDate, generateConfig.getHour(timeProps.defaultValue));\n      selectedDate = generateConfig.setMinute(selectedDate, generateConfig.getMinute(timeProps.defaultValue));\n      selectedDate = generateConfig.setSecond(selectedDate, generateConfig.getSecond(timeProps.defaultValue));\n    } else if (source === 'time' && !value && defaultValue) {\n      selectedDate = generateConfig.setYear(selectedDate, generateConfig.getYear(defaultValue));\n      selectedDate = generateConfig.setMonth(selectedDate, generateConfig.getMonth(defaultValue));\n      selectedDate = generateConfig.setDate(selectedDate, generateConfig.getDate(defaultValue));\n    }\n    if (onSelect) {\n      onSelect(selectedDate, 'mouse');\n    }\n  };\n\n  // ======================== Render ========================\n  var disabledTimes = disabledTime ? disabledTime(value || null) : {};\n  return /*#__PURE__*/React.createElement(\"div\", {\n    className: classNames(panelPrefixCls, _defineProperty({}, \"\".concat(panelPrefixCls, \"-active\"), activePanel))\n  }, /*#__PURE__*/React.createElement(DatePanel, _extends({}, props, {\n    operationRef: dateOperationRef,\n    active: activePanel === 'date',\n    onSelect: function onSelect(date) {\n      onInternalSelect(setTime(generateConfig, date, !value && _typeof(showTime) === 'object' ? showTime.defaultValue : null), 'date');\n    }\n  })), /*#__PURE__*/React.createElement(TimePanel, _extends({}, props, {\n    format: undefined\n  }, timeProps, disabledTimes, {\n    disabledTime: null,\n    defaultValue: undefined,\n    operationRef: timeOperationRef,\n    active: activePanel === 'time',\n    onSelect: function onSelect(date) {\n      onInternalSelect(date, 'time');\n    }\n  })));\n}\nexport default DatetimePanel;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport DatePanel from \"../DatePanel\";\nimport { isSameWeek } from \"../../utils/dateUtil\";\nfunction WeekPanel(props) {\n  var prefixCls = props.prefixCls,\n    generateConfig = props.generateConfig,\n    locale = props.locale,\n    value = props.value;\n\n  // Render additional column\n  var cellPrefixCls = \"\".concat(prefixCls, \"-cell\");\n  var prefixColumn = function prefixColumn(date) {\n    return /*#__PURE__*/React.createElement(\"td\", {\n      key: \"week\",\n      className: classNames(cellPrefixCls, \"\".concat(cellPrefixCls, \"-week\"))\n    }, generateConfig.locale.getWeek(locale.locale, date));\n  };\n\n  // Add row className\n  var rowPrefixCls = \"\".concat(prefixCls, \"-week-panel-row\");\n  var rowClassName = function rowClassName(date) {\n    return classNames(rowPrefixCls, _defineProperty({}, \"\".concat(rowPrefixCls, \"-selected\"), isSameWeek(generateConfig, locale.locale, value, date)));\n  };\n  return /*#__PURE__*/React.createElement(DatePanel, _extends({}, props, {\n    panelName: \"week\",\n    prefixColumn: prefixColumn,\n    rowClassName: rowClassName,\n    keyboardConfig: {\n      onLeftRight: null\n    }\n  }));\n}\nexport default WeekPanel;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport Header from \"../Header\";\nimport PanelContext from \"../../PanelContext\";\nimport { formatValue } from \"../../utils/dateUtil\";\nfunction MonthHeader(props) {\n  var prefixCls = props.prefixCls,\n    generateConfig = props.generateConfig,\n    locale = props.locale,\n    viewDate = props.viewDate,\n    onNextYear = props.onNextYear,\n    onPrevYear = props.onPrevYear,\n    onYearClick = props.onYearClick;\n  var _React$useContext = React.useContext(PanelContext),\n    hideHeader = _React$useContext.hideHeader;\n  if (hideHeader) {\n    return null;\n  }\n  var headerPrefixCls = \"\".concat(prefixCls, \"-header\");\n  return /*#__PURE__*/React.createElement(Header, _extends({}, props, {\n    prefixCls: headerPrefixCls,\n    onSuperPrev: onPrevYear,\n    onSuperNext: onNextYear\n  }), /*#__PURE__*/React.createElement(\"button\", {\n    type: \"button\",\n    onClick: onYearClick,\n    className: \"\".concat(prefixCls, \"-year-btn\")\n  }, formatValue(viewDate, {\n    locale: locale,\n    format: locale.yearFormat,\n    generateConfig: generateConfig\n  })));\n}\nexport default MonthHeader;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport { formatValue, isSameMonth } from \"../../utils/dateUtil\";\nimport RangeContext from \"../../RangeContext\";\nimport useCellClassName from \"../../hooks/useCellClassName\";\nimport PanelBody from \"../PanelBody\";\nexport var MONTH_COL_COUNT = 3;\nvar MONTH_ROW_COUNT = 4;\nfunction MonthBody(props) {\n  var prefixCls = props.prefixCls,\n    locale = props.locale,\n    value = props.value,\n    viewDate = props.viewDate,\n    generateConfig = props.generateConfig,\n    monthCellRender = props.monthCellRender;\n  var _React$useContext = React.useContext(RangeContext),\n    rangedValue = _React$useContext.rangedValue,\n    hoverRangedValue = _React$useContext.hoverRangedValue;\n  var cellPrefixCls = \"\".concat(prefixCls, \"-cell\");\n  var getCellClassName = useCellClassName({\n    cellPrefixCls: cellPrefixCls,\n    value: value,\n    generateConfig: generateConfig,\n    rangedValue: rangedValue,\n    hoverRangedValue: hoverRangedValue,\n    isSameCell: function isSameCell(current, target) {\n      return isSameMonth(generateConfig, current, target);\n    },\n    isInView: function isInView() {\n      return true;\n    },\n    offsetCell: function offsetCell(date, offset) {\n      return generateConfig.addMonth(date, offset);\n    }\n  });\n  var monthsLocale = locale.shortMonths || (generateConfig.locale.getShortMonths ? generateConfig.locale.getShortMonths(locale.locale) : []);\n  var baseMonth = generateConfig.setMonth(viewDate, 0);\n  var getCellNode = monthCellRender ? function (date) {\n    return monthCellRender(date, locale);\n  } : undefined;\n  return /*#__PURE__*/React.createElement(PanelBody, _extends({}, props, {\n    rowNum: MONTH_ROW_COUNT,\n    colNum: MONTH_COL_COUNT,\n    baseDate: baseMonth,\n    getCellNode: getCellNode,\n    getCellText: function getCellText(date) {\n      return locale.monthFormat ? formatValue(date, {\n        locale: locale,\n        format: locale.monthFormat,\n        generateConfig: generateConfig\n      }) : monthsLocale[generateConfig.getMonth(date)];\n    },\n    getCellClassName: getCellClassName,\n    getCellDate: generateConfig.addMonth,\n    titleCell: function titleCell(date) {\n      return formatValue(date, {\n        locale: locale,\n        format: 'YYYY-MM',\n        generateConfig: generateConfig\n      });\n    }\n  }));\n}\nexport default MonthBody;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport MonthHeader from \"./MonthHeader\";\nimport MonthBody, { MONTH_COL_COUNT } from \"./MonthBody\";\nimport { createKeyDownHandler } from \"../../utils/uiUtil\";\nfunction MonthPanel(props) {\n  var prefixCls = props.prefixCls,\n    operationRef = props.operationRef,\n    onViewDateChange = props.onViewDateChange,\n    generateConfig = props.generateConfig,\n    value = props.value,\n    viewDate = props.viewDate,\n    onPanelChange = props.onPanelChange,\n    _onSelect = props.onSelect;\n  var panelPrefixCls = \"\".concat(prefixCls, \"-month-panel\");\n\n  // ======================= Keyboard =======================\n  operationRef.current = {\n    onKeyDown: function onKeyDown(event) {\n      return createKeyDownHandler(event, {\n        onLeftRight: function onLeftRight(diff) {\n          _onSelect(generateConfig.addMonth(value || viewDate, diff), 'key');\n        },\n        onCtrlLeftRight: function onCtrlLeftRight(diff) {\n          _onSelect(generateConfig.addYear(value || viewDate, diff), 'key');\n        },\n        onUpDown: function onUpDown(diff) {\n          _onSelect(generateConfig.addMonth(value || viewDate, diff * MONTH_COL_COUNT), 'key');\n        },\n        onEnter: function onEnter() {\n          onPanelChange('date', value || viewDate);\n        }\n      });\n    }\n  };\n\n  // ==================== View Operation ====================\n  var onYearChange = function onYearChange(diff) {\n    var newDate = generateConfig.addYear(viewDate, diff);\n    onViewDateChange(newDate);\n    onPanelChange(null, newDate);\n  };\n  return /*#__PURE__*/React.createElement(\"div\", {\n    className: panelPrefixCls\n  }, /*#__PURE__*/React.createElement(MonthHeader, _extends({}, props, {\n    prefixCls: prefixCls,\n    onPrevYear: function onPrevYear() {\n      onYearChange(-1);\n    },\n    onNextYear: function onNextYear() {\n      onYearChange(1);\n    },\n    onYearClick: function onYearClick() {\n      onPanelChange('year', viewDate);\n    }\n  })), /*#__PURE__*/React.createElement(MonthBody, _extends({}, props, {\n    prefixCls: prefixCls,\n    onSelect: function onSelect(date) {\n      _onSelect(date, 'mouse');\n      onPanelChange('date', date);\n    }\n  })));\n}\nexport default MonthPanel;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport Header from \"../Header\";\nimport PanelContext from \"../../PanelContext\";\nimport { formatValue } from \"../../utils/dateUtil\";\nfunction QuarterHeader(props) {\n  var prefixCls = props.prefixCls,\n    generateConfig = props.generateConfig,\n    locale = props.locale,\n    viewDate = props.viewDate,\n    onNextYear = props.onNextYear,\n    onPrevYear = props.onPrevYear,\n    onYearClick = props.onYearClick;\n  var _React$useContext = React.useContext(PanelContext),\n    hideHeader = _React$useContext.hideHeader;\n  if (hideHeader) {\n    return null;\n  }\n  var headerPrefixCls = \"\".concat(prefixCls, \"-header\");\n  return /*#__PURE__*/React.createElement(Header, _extends({}, props, {\n    prefixCls: headerPrefixCls,\n    onSuperPrev: onPrevYear,\n    onSuperNext: onNextYear\n  }), /*#__PURE__*/React.createElement(\"button\", {\n    type: \"button\",\n    onClick: onYearClick,\n    className: \"\".concat(prefixCls, \"-year-btn\")\n  }, formatValue(viewDate, {\n    locale: locale,\n    format: locale.yearFormat,\n    generateConfig: generateConfig\n  })));\n}\nexport default QuarterHeader;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport { formatValue, isSameQuarter } from \"../../utils/dateUtil\";\nimport RangeContext from \"../../RangeContext\";\nimport useCellClassName from \"../../hooks/useCellClassName\";\nimport PanelBody from \"../PanelBody\";\nexport var QUARTER_COL_COUNT = 4;\nvar QUARTER_ROW_COUNT = 1;\nfunction QuarterBody(props) {\n  var prefixCls = props.prefixCls,\n    locale = props.locale,\n    value = props.value,\n    viewDate = props.viewDate,\n    generateConfig = props.generateConfig;\n  var _React$useContext = React.useContext(RangeContext),\n    rangedValue = _React$useContext.rangedValue,\n    hoverRangedValue = _React$useContext.hoverRangedValue;\n  var cellPrefixCls = \"\".concat(prefixCls, \"-cell\");\n  var getCellClassName = useCellClassName({\n    cellPrefixCls: cellPrefixCls,\n    value: value,\n    generateConfig: generateConfig,\n    rangedValue: rangedValue,\n    hoverRangedValue: hoverRangedValue,\n    isSameCell: function isSameCell(current, target) {\n      return isSameQuarter(generateConfig, current, target);\n    },\n    isInView: function isInView() {\n      return true;\n    },\n    offsetCell: function offsetCell(date, offset) {\n      return generateConfig.addMonth(date, offset * 3);\n    }\n  });\n  var baseQuarter = generateConfig.setDate(generateConfig.setMonth(viewDate, 0), 1);\n  return /*#__PURE__*/React.createElement(PanelBody, _extends({}, props, {\n    rowNum: QUARTER_ROW_COUNT,\n    colNum: QUARTER_COL_COUNT,\n    baseDate: baseQuarter,\n    getCellText: function getCellText(date) {\n      return formatValue(date, {\n        locale: locale,\n        format: locale.quarterFormat || '[Q]Q',\n        generateConfig: generateConfig\n      });\n    },\n    getCellClassName: getCellClassName,\n    getCellDate: function getCellDate(date, offset) {\n      return generateConfig.addMonth(date, offset * 3);\n    },\n    titleCell: function titleCell(date) {\n      return formatValue(date, {\n        locale: locale,\n        format: 'YYYY-[Q]Q',\n        generateConfig: generateConfig\n      });\n    }\n  }));\n}\nexport default QuarterBody;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport QuarterHeader from \"./QuarterHeader\";\nimport QuarterBody from \"./QuarterBody\";\nimport { createKeyDownHandler } from \"../../utils/uiUtil\";\nfunction QuarterPanel(props) {\n  var prefixCls = props.prefixCls,\n    operationRef = props.operationRef,\n    onViewDateChange = props.onViewDateChange,\n    generateConfig = props.generateConfig,\n    value = props.value,\n    viewDate = props.viewDate,\n    onPanelChange = props.onPanelChange,\n    _onSelect = props.onSelect;\n  var panelPrefixCls = \"\".concat(prefixCls, \"-quarter-panel\");\n\n  // ======================= Keyboard =======================\n  operationRef.current = {\n    onKeyDown: function onKeyDown(event) {\n      return createKeyDownHandler(event, {\n        onLeftRight: function onLeftRight(diff) {\n          _onSelect(generateConfig.addMonth(value || viewDate, diff * 3), 'key');\n        },\n        onCtrlLeftRight: function onCtrlLeftRight(diff) {\n          _onSelect(generateConfig.addYear(value || viewDate, diff), 'key');\n        },\n        onUpDown: function onUpDown(diff) {\n          _onSelect(generateConfig.addYear(value || viewDate, diff), 'key');\n        }\n      });\n    }\n  };\n\n  // ==================== View Operation ====================\n  var onYearChange = function onYearChange(diff) {\n    var newDate = generateConfig.addYear(viewDate, diff);\n    onViewDateChange(newDate);\n    onPanelChange(null, newDate);\n  };\n  return /*#__PURE__*/React.createElement(\"div\", {\n    className: panelPrefixCls\n  }, /*#__PURE__*/React.createElement(QuarterHeader, _extends({}, props, {\n    prefixCls: prefixCls,\n    onPrevYear: function onPrevYear() {\n      onYearChange(-1);\n    },\n    onNextYear: function onNextYear() {\n      onYearChange(1);\n    },\n    onYearClick: function onYearClick() {\n      onPanelChange('year', viewDate);\n    }\n  })), /*#__PURE__*/React.createElement(QuarterBody, _extends({}, props, {\n    prefixCls: prefixCls,\n    onSelect: function onSelect(date) {\n      _onSelect(date, 'mouse');\n    }\n  })));\n}\nexport default QuarterPanel;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport Header from \"../Header\";\nimport { YEAR_DECADE_COUNT } from '.';\nimport PanelContext from \"../../PanelContext\";\nfunction YearHeader(props) {\n  var prefixCls = props.prefixCls,\n    generateConfig = props.generateConfig,\n    viewDate = props.viewDate,\n    onPrevDecade = props.onPrevDecade,\n    onNextDecade = props.onNextDecade,\n    onDecadeClick = props.onDecadeClick;\n  var _React$useContext = React.useContext(PanelContext),\n    hideHeader = _React$useContext.hideHeader;\n  if (hideHeader) {\n    return null;\n  }\n  var headerPrefixCls = \"\".concat(prefixCls, \"-header\");\n  var yearNumber = generateConfig.getYear(viewDate);\n  var startYear = Math.floor(yearNumber / YEAR_DECADE_COUNT) * YEAR_DECADE_COUNT;\n  var endYear = startYear + YEAR_DECADE_COUNT - 1;\n  return /*#__PURE__*/React.createElement(Header, _extends({}, props, {\n    prefixCls: headerPrefixCls,\n    onSuperPrev: onPrevDecade,\n    onSuperNext: onNextDecade\n  }), /*#__PURE__*/React.createElement(\"button\", {\n    type: \"button\",\n    onClick: onDecadeClick,\n    className: \"\".concat(prefixCls, \"-decade-btn\")\n  }, startYear, \"-\", endYear));\n}\nexport default YearHeader;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport { YEAR_DECADE_COUNT } from '.';\nimport useCellClassName from \"../../hooks/useCellClassName\";\nimport { formatValue, isSameYear } from \"../../utils/dateUtil\";\nimport RangeContext from \"../../RangeContext\";\nimport PanelBody from \"../PanelBody\";\nexport var YEAR_COL_COUNT = 3;\nvar YEAR_ROW_COUNT = 4;\nfunction YearBody(props) {\n  var prefixCls = props.prefixCls,\n    value = props.value,\n    viewDate = props.viewDate,\n    locale = props.locale,\n    generateConfig = props.generateConfig;\n  var _React$useContext = React.useContext(RangeContext),\n    rangedValue = _React$useContext.rangedValue,\n    hoverRangedValue = _React$useContext.hoverRangedValue;\n  var yearPrefixCls = \"\".concat(prefixCls, \"-cell\");\n\n  // =============================== Year ===============================\n  var yearNumber = generateConfig.getYear(viewDate);\n  var startYear = Math.floor(yearNumber / YEAR_DECADE_COUNT) * YEAR_DECADE_COUNT;\n  var endYear = startYear + YEAR_DECADE_COUNT - 1;\n  var baseYear = generateConfig.setYear(viewDate, startYear - Math.ceil((YEAR_COL_COUNT * YEAR_ROW_COUNT - YEAR_DECADE_COUNT) / 2));\n  var isInView = function isInView(date) {\n    var currentYearNumber = generateConfig.getYear(date);\n    return startYear <= currentYearNumber && currentYearNumber <= endYear;\n  };\n  var getCellClassName = useCellClassName({\n    cellPrefixCls: yearPrefixCls,\n    value: value,\n    generateConfig: generateConfig,\n    rangedValue: rangedValue,\n    hoverRangedValue: hoverRangedValue,\n    isSameCell: function isSameCell(current, target) {\n      return isSameYear(generateConfig, current, target);\n    },\n    isInView: isInView,\n    offsetCell: function offsetCell(date, offset) {\n      return generateConfig.addYear(date, offset);\n    }\n  });\n  return /*#__PURE__*/React.createElement(PanelBody, _extends({}, props, {\n    rowNum: YEAR_ROW_COUNT,\n    colNum: YEAR_COL_COUNT,\n    baseDate: baseYear,\n    getCellText: generateConfig.getYear,\n    getCellClassName: getCellClassName,\n    getCellDate: generateConfig.addYear,\n    titleCell: function titleCell(date) {\n      return formatValue(date, {\n        locale: locale,\n        format: 'YYYY',\n        generateConfig: generateConfig\n      });\n    }\n  }));\n}\nexport default YearBody;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport YearHeader from \"./YearHeader\";\nimport YearBody, { YEAR_COL_COUNT } from \"./YearBody\";\nimport { createKeyDownHandler } from \"../../utils/uiUtil\";\nexport var YEAR_DECADE_COUNT = 10;\nfunction YearPanel(props) {\n  var prefixCls = props.prefixCls,\n    operationRef = props.operationRef,\n    onViewDateChange = props.onViewDateChange,\n    generateConfig = props.generateConfig,\n    value = props.value,\n    viewDate = props.viewDate,\n    sourceMode = props.sourceMode,\n    _onSelect = props.onSelect,\n    onPanelChange = props.onPanelChange;\n  var panelPrefixCls = \"\".concat(prefixCls, \"-year-panel\");\n\n  // ======================= Keyboard =======================\n  operationRef.current = {\n    onKeyDown: function onKeyDown(event) {\n      return createKeyDownHandler(event, {\n        onLeftRight: function onLeftRight(diff) {\n          _onSelect(generateConfig.addYear(value || viewDate, diff), 'key');\n        },\n        onCtrlLeftRight: function onCtrlLeftRight(diff) {\n          _onSelect(generateConfig.addYear(value || viewDate, diff * YEAR_DECADE_COUNT), 'key');\n        },\n        onUpDown: function onUpDown(diff) {\n          _onSelect(generateConfig.addYear(value || viewDate, diff * YEAR_COL_COUNT), 'key');\n        },\n        onEnter: function onEnter() {\n          onPanelChange(sourceMode === 'date' ? 'date' : 'month', value || viewDate);\n        }\n      });\n    }\n  };\n\n  // ==================== View Operation ====================\n  var onDecadeChange = function onDecadeChange(diff) {\n    var newDate = generateConfig.addYear(viewDate, diff * 10);\n    onViewDateChange(newDate);\n    onPanelChange(null, newDate);\n  };\n  return /*#__PURE__*/React.createElement(\"div\", {\n    className: panelPrefixCls\n  }, /*#__PURE__*/React.createElement(YearHeader, _extends({}, props, {\n    prefixCls: prefixCls,\n    onPrevDecade: function onPrevDecade() {\n      onDecadeChange(-1);\n    },\n    onNextDecade: function onNextDecade() {\n      onDecadeChange(1);\n    },\n    onDecadeClick: function onDecadeClick() {\n      onPanelChange('decade', viewDate);\n    }\n  })), /*#__PURE__*/React.createElement(YearBody, _extends({}, props, {\n    prefixCls: prefixCls,\n    onSelect: function onSelect(date) {\n      onPanelChange(sourceMode === 'date' ? 'date' : 'month', date);\n      _onSelect(date, 'mouse');\n    }\n  })));\n}\nexport default YearPanel;","import * as React from 'react';\nexport default function getExtraFooter(prefixCls, mode, renderExtraFooter) {\n  if (!renderExtraFooter) {\n    return null;\n  }\n  return /*#__PURE__*/React.createElement(\"div\", {\n    className: \"\".concat(prefixCls, \"-footer-extra\")\n  }, renderExtraFooter(mode));\n}","import * as React from 'react';\nexport default function getRanges(_ref) {\n  var prefixCls = _ref.prefixCls,\n    _ref$components = _ref.components,\n    components = _ref$components === void 0 ? {} : _ref$components,\n    needConfirmButton = _ref.needConfirmButton,\n    onNow = _ref.onNow,\n    onOk = _ref.onOk,\n    okDisabled = _ref.okDisabled,\n    showNow = _ref.showNow,\n    locale = _ref.locale;\n  var presetNode;\n  var okNode;\n  if (needConfirmButton) {\n    var Button = components.button || 'button';\n    if (onNow && showNow !== false) {\n      presetNode = /*#__PURE__*/React.createElement(\"li\", {\n        className: \"\".concat(prefixCls, \"-now\")\n      }, /*#__PURE__*/React.createElement(\"a\", {\n        className: \"\".concat(prefixCls, \"-now-btn\"),\n        onClick: onNow\n      }, locale.now));\n    }\n    okNode = needConfirmButton && /*#__PURE__*/React.createElement(\"li\", {\n      className: \"\".concat(prefixCls, \"-ok\")\n    }, /*#__PURE__*/React.createElement(Button, {\n      disabled: okDisabled,\n      onClick: onOk\n    }, locale.ok));\n  }\n  if (!presetNode && !okNode) {\n    return null;\n  }\n  return /*#__PURE__*/React.createElement(\"ul\", {\n    className: \"\".concat(prefixCls, \"-ranges\")\n  }, presetNode, okNode);\n}","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\n/**\n * Logic:\n *  When `mode` === `picker`,\n *  click will trigger `onSelect` (if value changed trigger `onChange` also).\n *  Panel change will not trigger `onSelect` but trigger `onPanelChange`\n */\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport KeyCode from \"rc-util/es/KeyCode\";\nimport warning from \"rc-util/es/warning\";\nimport useMergedState from \"rc-util/es/hooks/useMergedState\";\nimport TimePanel from \"./panels/TimePanel\";\nimport DatetimePanel from \"./panels/DatetimePanel\";\nimport DatePanel from \"./panels/DatePanel\";\nimport WeekPanel from \"./panels/WeekPanel\";\nimport MonthPanel from \"./panels/MonthPanel\";\nimport QuarterPanel from \"./panels/QuarterPanel\";\nimport YearPanel from \"./panels/YearPanel\";\nimport DecadePanel from \"./panels/DecadePanel\";\nimport { isEqual } from \"./utils/dateUtil\";\nimport PanelContext from \"./PanelContext\";\nimport { PickerModeMap } from \"./utils/uiUtil\";\nimport RangeContext from \"./RangeContext\";\nimport getExtraFooter from \"./utils/getExtraFooter\";\nimport getRanges from \"./utils/getRanges\";\nimport { getLowerBoundTime, setDateTime, setTime } from \"./utils/timeUtil\";\nfunction PickerPanel(props) {\n  var _classNames;\n  var _ref = props,\n    _ref$prefixCls = _ref.prefixCls,\n    prefixCls = _ref$prefixCls === void 0 ? 'rc-picker' : _ref$prefixCls,\n    className = _ref.className,\n    style = _ref.style,\n    locale = _ref.locale,\n    generateConfig = _ref.generateConfig,\n    value = _ref.value,\n    defaultValue = _ref.defaultValue,\n    pickerValue = _ref.pickerValue,\n    defaultPickerValue = _ref.defaultPickerValue,\n    disabledDate = _ref.disabledDate,\n    mode = _ref.mode,\n    _ref$picker = _ref.picker,\n    picker = _ref$picker === void 0 ? 'date' : _ref$picker,\n    _ref$tabIndex = _ref.tabIndex,\n    tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,\n    showNow = _ref.showNow,\n    showTime = _ref.showTime,\n    showToday = _ref.showToday,\n    renderExtraFooter = _ref.renderExtraFooter,\n    hideHeader = _ref.hideHeader,\n    onSelect = _ref.onSelect,\n    onChange = _ref.onChange,\n    onPanelChange = _ref.onPanelChange,\n    onMouseDown = _ref.onMouseDown,\n    onPickerValueChange = _ref.onPickerValueChange,\n    _onOk = _ref.onOk,\n    components = _ref.components,\n    direction = _ref.direction,\n    _ref$hourStep = _ref.hourStep,\n    hourStep = _ref$hourStep === void 0 ? 1 : _ref$hourStep,\n    _ref$minuteStep = _ref.minuteStep,\n    minuteStep = _ref$minuteStep === void 0 ? 1 : _ref$minuteStep,\n    _ref$secondStep = _ref.secondStep,\n    secondStep = _ref$secondStep === void 0 ? 1 : _ref$secondStep;\n  var needConfirmButton = picker === 'date' && !!showTime || picker === 'time';\n  var isHourStepValid = 24 % hourStep === 0;\n  var isMinuteStepValid = 60 % minuteStep === 0;\n  var isSecondStepValid = 60 % secondStep === 0;\n  if (process.env.NODE_ENV !== 'production') {\n    warning(!value || generateConfig.isValidate(value), 'Invalidate date pass to `value`.');\n    warning(!value || generateConfig.isValidate(value), 'Invalidate date pass to `defaultValue`.');\n    warning(isHourStepValid, \"`hourStep` \".concat(hourStep, \" is invalid. It should be a factor of 24.\"));\n    warning(isMinuteStepValid, \"`minuteStep` \".concat(minuteStep, \" is invalid. It should be a factor of 60.\"));\n    warning(isSecondStepValid, \"`secondStep` \".concat(secondStep, \" is invalid. It should be a factor of 60.\"));\n  }\n\n  // ============================ State =============================\n\n  var panelContext = React.useContext(PanelContext);\n  var operationRef = panelContext.operationRef,\n    onContextSelect = panelContext.onSelect,\n    hideRanges = panelContext.hideRanges,\n    defaultOpenValue = panelContext.defaultOpenValue;\n  var _React$useContext = React.useContext(RangeContext),\n    inRange = _React$useContext.inRange,\n    panelPosition = _React$useContext.panelPosition,\n    rangedValue = _React$useContext.rangedValue,\n    hoverRangedValue = _React$useContext.hoverRangedValue;\n  var panelRef = React.useRef({});\n\n  // Handle init logic\n  var initRef = React.useRef(true);\n\n  // Value\n  var _useMergedState = useMergedState(null, {\n      value: value,\n      defaultValue: defaultValue,\n      postState: function postState(val) {\n        if (!val && defaultOpenValue && picker === 'time') {\n          return defaultOpenValue;\n        }\n        return val;\n      }\n    }),\n    _useMergedState2 = _slicedToArray(_useMergedState, 2),\n    mergedValue = _useMergedState2[0],\n    setInnerValue = _useMergedState2[1];\n\n  // View date control\n  var _useMergedState3 = useMergedState(null, {\n      value: pickerValue,\n      defaultValue: defaultPickerValue || mergedValue,\n      postState: function postState(date) {\n        var now = generateConfig.getNow();\n        if (!date) {\n          return now;\n        }\n        // When value is null and set showTime\n        if (!mergedValue && showTime) {\n          var defaultDateObject = _typeof(showTime) === 'object' ? showTime.defaultValue : defaultValue;\n          return setDateTime(generateConfig, Array.isArray(date) ? date[0] : date, defaultDateObject || now);\n        }\n        return Array.isArray(date) ? date[0] : date;\n      }\n    }),\n    _useMergedState4 = _slicedToArray(_useMergedState3, 2),\n    viewDate = _useMergedState4[0],\n    setInnerViewDate = _useMergedState4[1];\n  var setViewDate = function setViewDate(date) {\n    setInnerViewDate(date);\n    if (onPickerValueChange) {\n      onPickerValueChange(date);\n    }\n  };\n\n  // Panel control\n  var getInternalNextMode = function getInternalNextMode(nextMode) {\n    var getNextMode = PickerModeMap[picker];\n    if (getNextMode) {\n      return getNextMode(nextMode);\n    }\n    return nextMode;\n  };\n\n  // Save panel is changed from which panel\n  var _useMergedState5 = useMergedState(function () {\n      if (picker === 'time') {\n        return 'time';\n      }\n      return getInternalNextMode('date');\n    }, {\n      value: mode\n    }),\n    _useMergedState6 = _slicedToArray(_useMergedState5, 2),\n    mergedMode = _useMergedState6[0],\n    setInnerMode = _useMergedState6[1];\n  React.useEffect(function () {\n    setInnerMode(picker);\n  }, [picker]);\n  var _React$useState = React.useState(function () {\n      return mergedMode;\n    }),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    sourceMode = _React$useState2[0],\n    setSourceMode = _React$useState2[1];\n  var onInternalPanelChange = function onInternalPanelChange(newMode, viewValue) {\n    var nextMode = getInternalNextMode(newMode || mergedMode);\n    setSourceMode(mergedMode);\n    setInnerMode(nextMode);\n    if (onPanelChange && (mergedMode !== nextMode || isEqual(generateConfig, viewDate, viewDate))) {\n      onPanelChange(viewValue, nextMode);\n    }\n  };\n  var triggerSelect = function triggerSelect(date, type) {\n    var forceTriggerSelect = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n    if (mergedMode === picker || forceTriggerSelect) {\n      setInnerValue(date);\n      if (onSelect) {\n        onSelect(date);\n      }\n      if (onContextSelect) {\n        onContextSelect(date, type);\n      }\n      if (onChange && !isEqual(generateConfig, date, mergedValue) && !(disabledDate !== null && disabledDate !== void 0 && disabledDate(date))) {\n        onChange(date);\n      }\n    }\n  };\n\n  // ========================= Interactive ==========================\n  var onInternalKeyDown = function onInternalKeyDown(e) {\n    if (panelRef.current && panelRef.current.onKeyDown) {\n      if ([KeyCode.LEFT, KeyCode.RIGHT, KeyCode.UP, KeyCode.DOWN, KeyCode.PAGE_UP, KeyCode.PAGE_DOWN, KeyCode.ENTER].includes(e.which)) {\n        e.preventDefault();\n      }\n      return panelRef.current.onKeyDown(e);\n    }\n\n    /* istanbul ignore next */\n    /* eslint-disable no-lone-blocks */\n    {\n      warning(false, 'Panel not correct handle keyDown event. Please help to fire issue about this.');\n      return false;\n    }\n    /* eslint-enable no-lone-blocks */\n  };\n\n  var onInternalBlur = function onInternalBlur(e) {\n    if (panelRef.current && panelRef.current.onBlur) {\n      panelRef.current.onBlur(e);\n    }\n  };\n  if (operationRef && panelPosition !== 'right') {\n    operationRef.current = {\n      onKeyDown: onInternalKeyDown,\n      onClose: function onClose() {\n        if (panelRef.current && panelRef.current.onClose) {\n          panelRef.current.onClose();\n        }\n      }\n    };\n  }\n\n  // ============================ Effect ============================\n  React.useEffect(function () {\n    if (value && !initRef.current) {\n      setInnerViewDate(value);\n    }\n  }, [value]);\n  React.useEffect(function () {\n    initRef.current = false;\n  }, []);\n\n  // ============================ Panels ============================\n  var panelNode;\n  var pickerProps = _objectSpread(_objectSpread({}, props), {}, {\n    operationRef: panelRef,\n    prefixCls: prefixCls,\n    viewDate: viewDate,\n    value: mergedValue,\n    onViewDateChange: setViewDate,\n    sourceMode: sourceMode,\n    onPanelChange: onInternalPanelChange,\n    disabledDate: disabledDate\n  });\n  delete pickerProps.onChange;\n  delete pickerProps.onSelect;\n  switch (mergedMode) {\n    case 'decade':\n      panelNode = /*#__PURE__*/React.createElement(DecadePanel, _extends({}, pickerProps, {\n        onSelect: function onSelect(date, type) {\n          setViewDate(date);\n          triggerSelect(date, type);\n        }\n      }));\n      break;\n    case 'year':\n      panelNode = /*#__PURE__*/React.createElement(YearPanel, _extends({}, pickerProps, {\n        onSelect: function onSelect(date, type) {\n          setViewDate(date);\n          triggerSelect(date, type);\n        }\n      }));\n      break;\n    case 'month':\n      panelNode = /*#__PURE__*/React.createElement(MonthPanel, _extends({}, pickerProps, {\n        onSelect: function onSelect(date, type) {\n          setViewDate(date);\n          triggerSelect(date, type);\n        }\n      }));\n      break;\n    case 'quarter':\n      panelNode = /*#__PURE__*/React.createElement(QuarterPanel, _extends({}, pickerProps, {\n        onSelect: function onSelect(date, type) {\n          setViewDate(date);\n          triggerSelect(date, type);\n        }\n      }));\n      break;\n    case 'week':\n      panelNode = /*#__PURE__*/React.createElement(WeekPanel, _extends({}, pickerProps, {\n        onSelect: function onSelect(date, type) {\n          setViewDate(date);\n          triggerSelect(date, type);\n        }\n      }));\n      break;\n    case 'time':\n      delete pickerProps.showTime;\n      panelNode = /*#__PURE__*/React.createElement(TimePanel, _extends({}, pickerProps, _typeof(showTime) === 'object' ? showTime : null, {\n        onSelect: function onSelect(date, type) {\n          setViewDate(date);\n          triggerSelect(date, type);\n        }\n      }));\n      break;\n    default:\n      if (showTime) {\n        panelNode = /*#__PURE__*/React.createElement(DatetimePanel, _extends({}, pickerProps, {\n          onSelect: function onSelect(date, type) {\n            setViewDate(date);\n            triggerSelect(date, type);\n          }\n        }));\n      } else {\n        panelNode = /*#__PURE__*/React.createElement(DatePanel, _extends({}, pickerProps, {\n          onSelect: function onSelect(date, type) {\n            setViewDate(date);\n            triggerSelect(date, type);\n          }\n        }));\n      }\n  }\n\n  // ============================ Footer ============================\n  var extraFooter;\n  var rangesNode;\n  var onNow = function onNow() {\n    var now = generateConfig.getNow();\n    var lowerBoundTime = getLowerBoundTime(generateConfig.getHour(now), generateConfig.getMinute(now), generateConfig.getSecond(now), isHourStepValid ? hourStep : 1, isMinuteStepValid ? minuteStep : 1, isSecondStepValid ? secondStep : 1);\n    var adjustedNow = setTime(generateConfig, now, lowerBoundTime[0],\n    // hour\n    lowerBoundTime[1],\n    // minute\n    lowerBoundTime[2] // second\n    );\n\n    triggerSelect(adjustedNow, 'submit');\n  };\n  if (!hideRanges) {\n    extraFooter = getExtraFooter(prefixCls, mergedMode, renderExtraFooter);\n    rangesNode = getRanges({\n      prefixCls: prefixCls,\n      components: components,\n      needConfirmButton: needConfirmButton,\n      okDisabled: !mergedValue || disabledDate && disabledDate(mergedValue),\n      locale: locale,\n      showNow: showNow,\n      onNow: needConfirmButton && onNow,\n      onOk: function onOk() {\n        if (mergedValue) {\n          triggerSelect(mergedValue, 'submit', true);\n          if (_onOk) {\n            _onOk(mergedValue);\n          }\n        }\n      }\n    });\n  }\n  var todayNode;\n  if (showToday && mergedMode === 'date' && picker === 'date' && !showTime) {\n    var now = generateConfig.getNow();\n    var todayCls = \"\".concat(prefixCls, \"-today-btn\");\n    var disabled = disabledDate && disabledDate(now);\n    todayNode = /*#__PURE__*/React.createElement(\"a\", {\n      className: classNames(todayCls, disabled && \"\".concat(todayCls, \"-disabled\")),\n      \"aria-disabled\": disabled,\n      onClick: function onClick() {\n        if (!disabled) {\n          triggerSelect(now, 'mouse', true);\n        }\n      }\n    }, locale.today);\n  }\n  return /*#__PURE__*/React.createElement(PanelContext.Provider, {\n    value: _objectSpread(_objectSpread({}, panelContext), {}, {\n      mode: mergedMode,\n      hideHeader: 'hideHeader' in props ? hideHeader : panelContext.hideHeader,\n      hidePrevBtn: inRange && panelPosition === 'right',\n      hideNextBtn: inRange && panelPosition === 'left'\n    })\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    tabIndex: tabIndex,\n    className: classNames(\"\".concat(prefixCls, \"-panel\"), className, (_classNames = {}, _defineProperty(_classNames, \"\".concat(prefixCls, \"-panel-has-range\"), rangedValue && rangedValue[0] && rangedValue[1]), _defineProperty(_classNames, \"\".concat(prefixCls, \"-panel-has-range-hover\"), hoverRangedValue && hoverRangedValue[0] && hoverRangedValue[1]), _defineProperty(_classNames, \"\".concat(prefixCls, \"-panel-rtl\"), direction === 'rtl'), _classNames)),\n    style: style,\n    onKeyDown: onInternalKeyDown,\n    onBlur: onInternalBlur,\n    onMouseDown: onMouseDown\n  }, panelNode, extraFooter || rangesNode || todayNode ? /*#__PURE__*/React.createElement(\"div\", {\n    className: \"\".concat(prefixCls, \"-footer\")\n  }, extraFooter, rangesNode, todayNode) : null));\n}\nexport default PickerPanel;\n/* eslint-enable */","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport Trigger from 'rc-trigger';\nvar BUILT_IN_PLACEMENTS = {\n  bottomLeft: {\n    points: ['tl', 'bl'],\n    offset: [0, 4],\n    overflow: {\n      adjustX: 1,\n      adjustY: 1\n    }\n  },\n  bottomRight: {\n    points: ['tr', 'br'],\n    offset: [0, 4],\n    overflow: {\n      adjustX: 1,\n      adjustY: 1\n    }\n  },\n  topLeft: {\n    points: ['bl', 'tl'],\n    offset: [0, -4],\n    overflow: {\n      adjustX: 0,\n      adjustY: 1\n    }\n  },\n  topRight: {\n    points: ['br', 'tr'],\n    offset: [0, -4],\n    overflow: {\n      adjustX: 0,\n      adjustY: 1\n    }\n  }\n};\nfunction PickerTrigger(_ref) {\n  var _classNames;\n  var prefixCls = _ref.prefixCls,\n    popupElement = _ref.popupElement,\n    popupStyle = _ref.popupStyle,\n    visible = _ref.visible,\n    dropdownClassName = _ref.dropdownClassName,\n    dropdownAlign = _ref.dropdownAlign,\n    transitionName = _ref.transitionName,\n    getPopupContainer = _ref.getPopupContainer,\n    children = _ref.children,\n    range = _ref.range,\n    popupPlacement = _ref.popupPlacement,\n    direction = _ref.direction;\n  var dropdownPrefixCls = \"\".concat(prefixCls, \"-dropdown\");\n  var getPopupPlacement = function getPopupPlacement() {\n    if (popupPlacement !== undefined) {\n      return popupPlacement;\n    }\n    return direction === 'rtl' ? 'bottomRight' : 'bottomLeft';\n  };\n  return /*#__PURE__*/React.createElement(Trigger, {\n    showAction: [],\n    hideAction: [],\n    popupPlacement: getPopupPlacement(),\n    builtinPlacements: BUILT_IN_PLACEMENTS,\n    prefixCls: dropdownPrefixCls,\n    popupTransitionName: transitionName,\n    popup: popupElement,\n    popupAlign: dropdownAlign,\n    popupVisible: visible,\n    popupClassName: classNames(dropdownClassName, (_classNames = {}, _defineProperty(_classNames, \"\".concat(dropdownPrefixCls, \"-range\"), range), _defineProperty(_classNames, \"\".concat(dropdownPrefixCls, \"-rtl\"), direction === 'rtl'), _classNames)),\n    popupStyle: popupStyle,\n    getPopupContainer: getPopupContainer\n  }, children);\n}\nexport default PickerTrigger;","import * as React from 'react';\nexport default function PresetPanel(props) {\n  var prefixCls = props.prefixCls,\n    presets = props.presets,\n    _onClick = props.onClick,\n    onHover = props.onHover;\n  if (!presets.length) {\n    return null;\n  }\n  return /*#__PURE__*/React.createElement(\"div\", {\n    className: \"\".concat(prefixCls, \"-presets\")\n  }, /*#__PURE__*/React.createElement(\"ul\", null, presets.map(function (_ref, index) {\n    var label = _ref.label,\n      value = _ref.value;\n    return /*#__PURE__*/React.createElement(\"li\", {\n      key: index,\n      onClick: function onClick() {\n        _onClick(value);\n      },\n      onMouseEnter: function onMouseEnter() {\n        onHover === null || onHover === void 0 ? void 0 : onHover(value);\n      },\n      onMouseLeave: function onMouseLeave() {\n        onHover === null || onHover === void 0 ? void 0 : onHover(null);\n      }\n    }, label);\n  })));\n}","import warning from \"rc-util/es/warning\";\nexport function legacyPropsWarning(props) {\n  var picker = props.picker,\n    disabledHours = props.disabledHours,\n    disabledMinutes = props.disabledMinutes,\n    disabledSeconds = props.disabledSeconds;\n  if (picker === 'time' && (disabledHours || disabledMinutes || disabledSeconds)) {\n    warning(false, \"'disabledHours', 'disabledMinutes', 'disabledSeconds' will be removed in the next major version, please use 'disabledTime' instead.\");\n  }\n}","import _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/esm/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nimport _createSuper from \"@babel/runtime/helpers/esm/createSuper\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\n/**\n * Removed:\n *  - getCalendarContainer: use `getPopupContainer` instead\n *  - onOk\n *\n * New Feature:\n *  - picker\n *  - allowEmpty\n *  - selectable\n *\n * Tips: Should add faq about `datetime` mode with `defaultValue`\n */\n\nimport classNames from 'classnames';\nimport useMergedState from \"rc-util/es/hooks/useMergedState\";\nimport warning from \"rc-util/es/warning\";\nimport * as React from 'react';\nimport useHoverValue from \"./hooks/useHoverValue\";\nimport usePickerInput from \"./hooks/usePickerInput\";\nimport usePresets from \"./hooks/usePresets\";\nimport useTextValueMapping from \"./hooks/useTextValueMapping\";\nimport useValueTexts from \"./hooks/useValueTexts\";\nimport PanelContext from \"./PanelContext\";\nimport PickerPanel from \"./PickerPanel\";\nimport PickerTrigger from \"./PickerTrigger\";\nimport PresetPanel from \"./PresetPanel\";\nimport { formatValue, isEqual, parseValue } from \"./utils/dateUtil\";\nimport getDataOrAriaProps, { toArray } from \"./utils/miscUtil\";\nimport { elementsContains, getDefaultFormat, getInputSize } from \"./utils/uiUtil\";\nimport { legacyPropsWarning } from \"./utils/warnUtil\";\nfunction InnerPicker(props) {\n  var _classNames2;\n  var _ref = props,\n    _ref$prefixCls = _ref.prefixCls,\n    prefixCls = _ref$prefixCls === void 0 ? 'rc-picker' : _ref$prefixCls,\n    id = _ref.id,\n    tabIndex = _ref.tabIndex,\n    style = _ref.style,\n    className = _ref.className,\n    dropdownClassName = _ref.dropdownClassName,\n    dropdownAlign = _ref.dropdownAlign,\n    popupStyle = _ref.popupStyle,\n    transitionName = _ref.transitionName,\n    generateConfig = _ref.generateConfig,\n    locale = _ref.locale,\n    inputReadOnly = _ref.inputReadOnly,\n    allowClear = _ref.allowClear,\n    autoFocus = _ref.autoFocus,\n    showTime = _ref.showTime,\n    _ref$picker = _ref.picker,\n    picker = _ref$picker === void 0 ? 'date' : _ref$picker,\n    format = _ref.format,\n    use12Hours = _ref.use12Hours,\n    value = _ref.value,\n    defaultValue = _ref.defaultValue,\n    presets = _ref.presets,\n    open = _ref.open,\n    defaultOpen = _ref.defaultOpen,\n    defaultOpenValue = _ref.defaultOpenValue,\n    suffixIcon = _ref.suffixIcon,\n    clearIcon = _ref.clearIcon,\n    disabled = _ref.disabled,\n    disabledDate = _ref.disabledDate,\n    placeholder = _ref.placeholder,\n    getPopupContainer = _ref.getPopupContainer,\n    pickerRef = _ref.pickerRef,\n    panelRender = _ref.panelRender,\n    onChange = _ref.onChange,\n    onOpenChange = _ref.onOpenChange,\n    onFocus = _ref.onFocus,\n    onBlur = _ref.onBlur,\n    onMouseDown = _ref.onMouseDown,\n    onMouseUp = _ref.onMouseUp,\n    onMouseEnter = _ref.onMouseEnter,\n    onMouseLeave = _ref.onMouseLeave,\n    onContextMenu = _ref.onContextMenu,\n    onClick = _ref.onClick,\n    _onKeyDown = _ref.onKeyDown,\n    _onSelect = _ref.onSelect,\n    direction = _ref.direction,\n    _ref$autoComplete = _ref.autoComplete,\n    autoComplete = _ref$autoComplete === void 0 ? 'off' : _ref$autoComplete,\n    inputRender = _ref.inputRender;\n  var inputRef = React.useRef(null);\n  var needConfirmButton = picker === 'date' && !!showTime || picker === 'time';\n  var presetList = usePresets(presets);\n\n  // ============================ Warning ============================\n  if (process.env.NODE_ENV !== 'production') {\n    legacyPropsWarning(props);\n  }\n\n  // ============================= State =============================\n  var formatList = toArray(getDefaultFormat(format, picker, showTime, use12Hours));\n\n  // Panel ref\n  var panelDivRef = React.useRef(null);\n  var inputDivRef = React.useRef(null);\n  var containerRef = React.useRef(null);\n\n  // Real value\n  var _useMergedState = useMergedState(null, {\n      value: value,\n      defaultValue: defaultValue\n    }),\n    _useMergedState2 = _slicedToArray(_useMergedState, 2),\n    mergedValue = _useMergedState2[0],\n    setInnerValue = _useMergedState2[1];\n\n  // Selected value\n  var _React$useState = React.useState(mergedValue),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    selectedValue = _React$useState2[0],\n    setSelectedValue = _React$useState2[1];\n\n  // Operation ref\n  var operationRef = React.useRef(null);\n\n  // Open\n  var _useMergedState3 = useMergedState(false, {\n      value: open,\n      defaultValue: defaultOpen,\n      postState: function postState(postOpen) {\n        return disabled ? false : postOpen;\n      },\n      onChange: function onChange(newOpen) {\n        if (onOpenChange) {\n          onOpenChange(newOpen);\n        }\n        if (!newOpen && operationRef.current && operationRef.current.onClose) {\n          operationRef.current.onClose();\n        }\n      }\n    }),\n    _useMergedState4 = _slicedToArray(_useMergedState3, 2),\n    mergedOpen = _useMergedState4[0],\n    triggerInnerOpen = _useMergedState4[1];\n\n  // ============================= Text ==============================\n  var _useValueTexts = useValueTexts(selectedValue, {\n      formatList: formatList,\n      generateConfig: generateConfig,\n      locale: locale\n    }),\n    _useValueTexts2 = _slicedToArray(_useValueTexts, 2),\n    valueTexts = _useValueTexts2[0],\n    firstValueText = _useValueTexts2[1];\n  var _useTextValueMapping = useTextValueMapping({\n      valueTexts: valueTexts,\n      onTextChange: function onTextChange(newText) {\n        var inputDate = parseValue(newText, {\n          locale: locale,\n          formatList: formatList,\n          generateConfig: generateConfig\n        });\n        if (inputDate && (!disabledDate || !disabledDate(inputDate))) {\n          setSelectedValue(inputDate);\n        }\n      }\n    }),\n    _useTextValueMapping2 = _slicedToArray(_useTextValueMapping, 3),\n    text = _useTextValueMapping2[0],\n    triggerTextChange = _useTextValueMapping2[1],\n    resetText = _useTextValueMapping2[2];\n\n  // ============================ Trigger ============================\n  var triggerChange = function triggerChange(newValue) {\n    setSelectedValue(newValue);\n    setInnerValue(newValue);\n    if (onChange && !isEqual(generateConfig, mergedValue, newValue)) {\n      onChange(newValue, newValue ? formatValue(newValue, {\n        generateConfig: generateConfig,\n        locale: locale,\n        format: formatList[0]\n      }) : '');\n    }\n  };\n  var triggerOpen = function triggerOpen(newOpen) {\n    if (disabled && newOpen) {\n      return;\n    }\n    triggerInnerOpen(newOpen);\n  };\n  var forwardKeyDown = function forwardKeyDown(e) {\n    if (mergedOpen && operationRef.current && operationRef.current.onKeyDown) {\n      // Let popup panel handle keyboard\n      return operationRef.current.onKeyDown(e);\n    }\n\n    /* istanbul ignore next */\n    /* eslint-disable no-lone-blocks */\n    {\n      warning(false, 'Picker not correct forward KeyDown operation. Please help to fire issue about this.');\n      return false;\n    }\n  };\n  var onInternalClick = function onInternalClick() {\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n    onClick === null || onClick === void 0 ? void 0 : onClick.apply(void 0, args);\n    if (inputRef.current) {\n      inputRef.current.focus();\n      triggerOpen(true);\n    }\n  };\n\n  // ============================= Input =============================\n  var _usePickerInput = usePickerInput({\n      blurToCancel: needConfirmButton,\n      open: mergedOpen,\n      value: text,\n      triggerOpen: triggerOpen,\n      forwardKeyDown: forwardKeyDown,\n      isClickOutside: function isClickOutside(target) {\n        return !elementsContains([panelDivRef.current, inputDivRef.current, containerRef.current], target);\n      },\n      onSubmit: function onSubmit() {\n        if (\n        // When user typing disabledDate with keyboard and enter, this value will be empty\n        !selectedValue ||\n        // Normal disabled check\n        disabledDate && disabledDate(selectedValue)) {\n          return false;\n        }\n        triggerChange(selectedValue);\n        triggerOpen(false);\n        resetText();\n        return true;\n      },\n      onCancel: function onCancel() {\n        triggerOpen(false);\n        setSelectedValue(mergedValue);\n        resetText();\n      },\n      onKeyDown: function onKeyDown(e, preventDefault) {\n        _onKeyDown === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(e, preventDefault);\n      },\n      onFocus: onFocus,\n      onBlur: onBlur\n    }),\n    _usePickerInput2 = _slicedToArray(_usePickerInput, 2),\n    inputProps = _usePickerInput2[0],\n    _usePickerInput2$ = _usePickerInput2[1],\n    focused = _usePickerInput2$.focused,\n    typing = _usePickerInput2$.typing;\n\n  // ============================= Sync ==============================\n  // Close should sync back with text value\n  React.useEffect(function () {\n    if (!mergedOpen) {\n      setSelectedValue(mergedValue);\n      if (!valueTexts.length || valueTexts[0] === '') {\n        triggerTextChange('');\n      } else if (firstValueText !== text) {\n        resetText();\n      }\n    }\n  }, [mergedOpen, valueTexts]);\n\n  // Change picker should sync back with text value\n  React.useEffect(function () {\n    if (!mergedOpen) {\n      resetText();\n    }\n  }, [picker]);\n\n  // Sync innerValue with control mode\n  React.useEffect(function () {\n    // Sync select value\n    setSelectedValue(mergedValue);\n  }, [mergedValue]);\n\n  // ============================ Private ============================\n  if (pickerRef) {\n    pickerRef.current = {\n      focus: function focus() {\n        if (inputRef.current) {\n          inputRef.current.focus();\n        }\n      },\n      blur: function blur() {\n        if (inputRef.current) {\n          inputRef.current.blur();\n        }\n      }\n    };\n  }\n  var _useHoverValue = useHoverValue(text, {\n      formatList: formatList,\n      generateConfig: generateConfig,\n      locale: locale\n    }),\n    _useHoverValue2 = _slicedToArray(_useHoverValue, 3),\n    hoverValue = _useHoverValue2[0],\n    onEnter = _useHoverValue2[1],\n    onLeave = _useHoverValue2[2];\n\n  // ============================= Panel =============================\n  var panelProps = _objectSpread(_objectSpread({}, props), {}, {\n    className: undefined,\n    style: undefined,\n    pickerValue: undefined,\n    onPickerValueChange: undefined,\n    onChange: null\n  });\n  var panelNode = /*#__PURE__*/React.createElement(\"div\", {\n    className: \"\".concat(prefixCls, \"-panel-layout\")\n  }, /*#__PURE__*/React.createElement(PresetPanel, {\n    prefixCls: prefixCls,\n    presets: presetList,\n    onClick: function onClick(nextValue) {\n      triggerChange(nextValue);\n      triggerOpen(false);\n    }\n  }), /*#__PURE__*/React.createElement(PickerPanel, _extends({}, panelProps, {\n    generateConfig: generateConfig,\n    className: classNames(_defineProperty({}, \"\".concat(prefixCls, \"-panel-focused\"), !typing)),\n    value: selectedValue,\n    locale: locale,\n    tabIndex: -1,\n    onSelect: function onSelect(date) {\n      _onSelect === null || _onSelect === void 0 ? void 0 : _onSelect(date);\n      setSelectedValue(date);\n    },\n    direction: direction,\n    onPanelChange: function onPanelChange(viewDate, mode) {\n      var onPanelChange = props.onPanelChange;\n      onLeave(true);\n      onPanelChange === null || onPanelChange === void 0 ? void 0 : onPanelChange(viewDate, mode);\n    }\n  })));\n  if (panelRender) {\n    panelNode = panelRender(panelNode);\n  }\n  var panel = /*#__PURE__*/React.createElement(\"div\", {\n    className: \"\".concat(prefixCls, \"-panel-container\"),\n    ref: panelDivRef,\n    onMouseDown: function onMouseDown(e) {\n      e.preventDefault();\n    }\n  }, panelNode);\n  var suffixNode;\n  if (suffixIcon) {\n    suffixNode = /*#__PURE__*/React.createElement(\"span\", {\n      className: \"\".concat(prefixCls, \"-suffix\")\n    }, suffixIcon);\n  }\n  var clearNode;\n  if (allowClear && mergedValue && !disabled) {\n    clearNode = /*#__PURE__*/React.createElement(\"span\", {\n      onMouseDown: function onMouseDown(e) {\n        e.preventDefault();\n        e.stopPropagation();\n      },\n      onMouseUp: function onMouseUp(e) {\n        e.preventDefault();\n        e.stopPropagation();\n        triggerChange(null);\n        triggerOpen(false);\n      },\n      className: \"\".concat(prefixCls, \"-clear\"),\n      role: \"button\"\n    }, clearIcon || /*#__PURE__*/React.createElement(\"span\", {\n      className: \"\".concat(prefixCls, \"-clear-btn\")\n    }));\n  }\n  var mergedInputProps = _objectSpread(_objectSpread(_objectSpread({\n    id: id,\n    tabIndex: tabIndex,\n    disabled: disabled,\n    readOnly: inputReadOnly || typeof formatList[0] === 'function' || !typing,\n    value: hoverValue || text,\n    onChange: function onChange(e) {\n      triggerTextChange(e.target.value);\n    },\n    autoFocus: autoFocus,\n    placeholder: placeholder,\n    ref: inputRef,\n    title: text\n  }, inputProps), {}, {\n    size: getInputSize(picker, formatList[0], generateConfig)\n  }, getDataOrAriaProps(props)), {}, {\n    autoComplete: autoComplete\n  });\n  var inputNode = inputRender ? inputRender(mergedInputProps) : /*#__PURE__*/React.createElement(\"input\", mergedInputProps);\n\n  // ============================ Warning ============================\n  if (process.env.NODE_ENV !== 'production') {\n    warning(!defaultOpenValue, '`defaultOpenValue` may confuse user for the current value status. Please use `defaultValue` instead.');\n  }\n\n  // ============================ Return =============================\n  var onContextSelect = function onContextSelect(date, type) {\n    if (type === 'submit' || type !== 'key' && !needConfirmButton) {\n      // triggerChange will also update selected values\n      triggerChange(date);\n      triggerOpen(false);\n    }\n  };\n  var popupPlacement = direction === 'rtl' ? 'bottomRight' : 'bottomLeft';\n  return /*#__PURE__*/React.createElement(PanelContext.Provider, {\n    value: {\n      operationRef: operationRef,\n      hideHeader: picker === 'time',\n      onSelect: onContextSelect,\n      open: mergedOpen,\n      defaultOpenValue: defaultOpenValue,\n      onDateMouseEnter: onEnter,\n      onDateMouseLeave: onLeave\n    }\n  }, /*#__PURE__*/React.createElement(PickerTrigger, {\n    visible: mergedOpen,\n    popupElement: panel,\n    popupStyle: popupStyle,\n    prefixCls: prefixCls,\n    dropdownClassName: dropdownClassName,\n    dropdownAlign: dropdownAlign,\n    getPopupContainer: getPopupContainer,\n    transitionName: transitionName,\n    popupPlacement: popupPlacement,\n    direction: direction\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    ref: containerRef,\n    className: classNames(prefixCls, className, (_classNames2 = {}, _defineProperty(_classNames2, \"\".concat(prefixCls, \"-disabled\"), disabled), _defineProperty(_classNames2, \"\".concat(prefixCls, \"-focused\"), focused), _defineProperty(_classNames2, \"\".concat(prefixCls, \"-rtl\"), direction === 'rtl'), _classNames2)),\n    style: style,\n    onMouseDown: onMouseDown,\n    onMouseUp: onMouseUp,\n    onMouseEnter: onMouseEnter,\n    onMouseLeave: onMouseLeave,\n    onContextMenu: onContextMenu,\n    onClick: onInternalClick\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: classNames(\"\".concat(prefixCls, \"-input\"), _defineProperty({}, \"\".concat(prefixCls, \"-input-placeholder\"), !!hoverValue)),\n    ref: inputDivRef\n  }, inputNode, suffixNode, clearNode))));\n}\n\n// Wrap with class component to enable pass generic with instance method\nvar Picker = /*#__PURE__*/function (_React$Component) {\n  _inherits(Picker, _React$Component);\n  var _super = _createSuper(Picker);\n  function Picker() {\n    var _this;\n    _classCallCheck(this, Picker);\n    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n      args[_key2] = arguments[_key2];\n    }\n    _this = _super.call.apply(_super, [this].concat(args));\n    _defineProperty(_assertThisInitialized(_this), \"pickerRef\", /*#__PURE__*/React.createRef());\n    _defineProperty(_assertThisInitialized(_this), \"focus\", function () {\n      if (_this.pickerRef.current) {\n        _this.pickerRef.current.focus();\n      }\n    });\n    _defineProperty(_assertThisInitialized(_this), \"blur\", function () {\n      if (_this.pickerRef.current) {\n        _this.pickerRef.current.blur();\n      }\n    });\n    return _this;\n  }\n  _createClass(Picker, [{\n    key: \"render\",\n    value: function render() {\n      return /*#__PURE__*/React.createElement(InnerPicker, _extends({}, this.props, {\n        pickerRef: this.pickerRef\n      }));\n    }\n  }]);\n  return Picker;\n}(React.Component);\nexport default Picker;","import * as React from 'react';\nimport { getValue } from \"../utils/miscUtil\";\nimport { isSameDate, getQuarter } from \"../utils/dateUtil\";\nexport default function useRangeDisabled(_ref, disabledStart, disabledEnd) {\n  var picker = _ref.picker,\n    locale = _ref.locale,\n    selectedValue = _ref.selectedValue,\n    disabledDate = _ref.disabledDate,\n    disabled = _ref.disabled,\n    generateConfig = _ref.generateConfig;\n  var startDate = getValue(selectedValue, 0);\n  var endDate = getValue(selectedValue, 1);\n  function weekFirstDate(date) {\n    return generateConfig.locale.getWeekFirstDate(locale.locale, date);\n  }\n  function monthNumber(date) {\n    var year = generateConfig.getYear(date);\n    var month = generateConfig.getMonth(date);\n    return year * 100 + month;\n  }\n  function quarterNumber(date) {\n    var year = generateConfig.getYear(date);\n    var quarter = getQuarter(generateConfig, date);\n    return year * 10 + quarter;\n  }\n  var disabledStartDate = React.useCallback(function (date) {\n    if (disabledDate && disabledDate(date)) {\n      return true;\n    }\n\n    // Disabled range\n    if (disabled[1] && endDate) {\n      return !isSameDate(generateConfig, date, endDate) && generateConfig.isAfter(date, endDate);\n    }\n\n    // Disabled part\n    if (disabledStart && endDate) {\n      switch (picker) {\n        case 'quarter':\n          return quarterNumber(date) > quarterNumber(endDate);\n        case 'month':\n          return monthNumber(date) > monthNumber(endDate);\n        case 'week':\n          return weekFirstDate(date) > weekFirstDate(endDate);\n        default:\n          return !isSameDate(generateConfig, date, endDate) && generateConfig.isAfter(date, endDate);\n      }\n    }\n    return false;\n  }, [disabledDate, disabled[1], endDate, disabledStart]);\n  var disabledEndDate = React.useCallback(function (date) {\n    if (disabledDate && disabledDate(date)) {\n      return true;\n    }\n\n    // Disabled range\n    if (disabled[0] && startDate) {\n      return !isSameDate(generateConfig, date, endDate) && generateConfig.isAfter(startDate, date);\n    }\n\n    // Disabled part\n    if (disabledEnd && startDate) {\n      switch (picker) {\n        case 'quarter':\n          return quarterNumber(date) < quarterNumber(startDate);\n        case 'month':\n          return monthNumber(date) < monthNumber(startDate);\n        case 'week':\n          return weekFirstDate(date) < weekFirstDate(startDate);\n        default:\n          return !isSameDate(generateConfig, date, startDate) && generateConfig.isAfter(startDate, date);\n      }\n    }\n    return false;\n  }, [disabledDate, disabled[0], startDate, disabledEnd]);\n  return [disabledStartDate, disabledEndDate];\n}","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nimport { getValue, updateValues } from \"../utils/miscUtil\";\nimport { getClosingViewDate, isSameYear, isSameMonth, isSameDecade } from \"../utils/dateUtil\";\nfunction getStartEndDistance(startDate, endDate, picker, generateConfig) {\n  var startNext = getClosingViewDate(startDate, picker, generateConfig, 1);\n  function getDistance(compareFunc) {\n    if (compareFunc(startDate, endDate)) {\n      return 'same';\n    }\n    if (compareFunc(startNext, endDate)) {\n      return 'closing';\n    }\n    return 'far';\n  }\n  switch (picker) {\n    case 'year':\n      return getDistance(function (start, end) {\n        return isSameDecade(generateConfig, start, end);\n      });\n    case 'quarter':\n    case 'month':\n      return getDistance(function (start, end) {\n        return isSameYear(generateConfig, start, end);\n      });\n    default:\n      return getDistance(function (start, end) {\n        return isSameMonth(generateConfig, start, end);\n      });\n  }\n}\nfunction getRangeViewDate(values, index, picker, generateConfig) {\n  var startDate = getValue(values, 0);\n  var endDate = getValue(values, 1);\n  if (index === 0) {\n    return startDate;\n  }\n  if (startDate && endDate) {\n    var distance = getStartEndDistance(startDate, endDate, picker, generateConfig);\n    switch (distance) {\n      case 'same':\n        return startDate;\n      case 'closing':\n        return startDate;\n      default:\n        return getClosingViewDate(endDate, picker, generateConfig, -1);\n    }\n  }\n  return startDate;\n}\nexport default function useRangeViewDates(_ref) {\n  var values = _ref.values,\n    picker = _ref.picker,\n    defaultDates = _ref.defaultDates,\n    generateConfig = _ref.generateConfig;\n  var _React$useState = React.useState(function () {\n      return [getValue(defaultDates, 0), getValue(defaultDates, 1)];\n    }),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    defaultViewDates = _React$useState2[0],\n    setDefaultViewDates = _React$useState2[1];\n  var _React$useState3 = React.useState(null),\n    _React$useState4 = _slicedToArray(_React$useState3, 2),\n    viewDates = _React$useState4[0],\n    setInternalViewDates = _React$useState4[1];\n  var startDate = getValue(values, 0);\n  var endDate = getValue(values, 1);\n  function getViewDate(index) {\n    // If set default view date, use it\n    if (defaultViewDates[index]) {\n      return defaultViewDates[index];\n    }\n    return getValue(viewDates, index) || getRangeViewDate(values, index, picker, generateConfig) || startDate || endDate || generateConfig.getNow();\n  }\n  function setViewDate(viewDate, index) {\n    if (viewDate) {\n      var newViewDates = updateValues(viewDates, viewDate, index);\n      // Set view date will clean up default one\n      setDefaultViewDates(\n      // Should always be an array\n      updateValues(defaultViewDates, null, index) || [null, null]);\n\n      // Reset another one when not have value\n      var anotherIndex = (index + 1) % 2;\n      if (!getValue(values, anotherIndex)) {\n        newViewDates = updateValues(newViewDates, viewDate, anotherIndex);\n      }\n      setInternalViewDates(newViewDates);\n    } else if (startDate || endDate) {\n      // Reset all when has values when `viewDate` is `null` which means from open trigger\n      setInternalViewDates(null);\n    }\n  }\n  return [getViewDate, setViewDate];\n}","import _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/esm/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nimport _createSuper from \"@babel/runtime/helpers/esm/createSuper\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport classNames from 'classnames';\nimport useMergedState from \"rc-util/es/hooks/useMergedState\";\nimport warning from \"rc-util/es/warning\";\nimport * as React from 'react';\nimport { useEffect, useRef, useState } from 'react';\nimport useHoverValue from \"./hooks/useHoverValue\";\nimport usePickerInput from \"./hooks/usePickerInput\";\nimport usePresets from \"./hooks/usePresets\";\nimport useRangeDisabled from \"./hooks/useRangeDisabled\";\nimport useRangeViewDates from \"./hooks/useRangeViewDates\";\nimport useTextValueMapping from \"./hooks/useTextValueMapping\";\nimport useValueTexts from \"./hooks/useValueTexts\";\nimport PanelContext from \"./PanelContext\";\nimport PickerPanel from \"./PickerPanel\";\nimport PickerTrigger from \"./PickerTrigger\";\nimport PresetPanel from \"./PresetPanel\";\nimport RangeContext from \"./RangeContext\";\nimport { formatValue, getClosingViewDate, isEqual, isSameDate, isSameQuarter, isSameWeek, parseValue } from \"./utils/dateUtil\";\nimport getExtraFooter from \"./utils/getExtraFooter\";\nimport getRanges from \"./utils/getRanges\";\nimport getDataOrAriaProps, { getValue, toArray, updateValues } from \"./utils/miscUtil\";\nimport { elementsContains, getDefaultFormat, getInputSize } from \"./utils/uiUtil\";\nimport { legacyPropsWarning } from \"./utils/warnUtil\";\nfunction reorderValues(values, generateConfig) {\n  if (values && values[0] && values[1] && generateConfig.isAfter(values[0], values[1])) {\n    return [values[1], values[0]];\n  }\n  return values;\n}\nfunction canValueTrigger(value, index, disabled, allowEmpty) {\n  if (value) {\n    return true;\n  }\n  if (allowEmpty && allowEmpty[index]) {\n    return true;\n  }\n  if (disabled[(index + 1) % 2]) {\n    return true;\n  }\n  return false;\n}\nfunction InnerRangePicker(props) {\n  var _classNames2, _classNames3, _classNames4;\n  var _ref = props,\n    _ref$prefixCls = _ref.prefixCls,\n    prefixCls = _ref$prefixCls === void 0 ? 'rc-picker' : _ref$prefixCls,\n    id = _ref.id,\n    style = _ref.style,\n    className = _ref.className,\n    popupStyle = _ref.popupStyle,\n    dropdownClassName = _ref.dropdownClassName,\n    transitionName = _ref.transitionName,\n    dropdownAlign = _ref.dropdownAlign,\n    getPopupContainer = _ref.getPopupContainer,\n    generateConfig = _ref.generateConfig,\n    locale = _ref.locale,\n    placeholder = _ref.placeholder,\n    autoFocus = _ref.autoFocus,\n    disabled = _ref.disabled,\n    format = _ref.format,\n    _ref$picker = _ref.picker,\n    picker = _ref$picker === void 0 ? 'date' : _ref$picker,\n    showTime = _ref.showTime,\n    use12Hours = _ref.use12Hours,\n    _ref$separator = _ref.separator,\n    separator = _ref$separator === void 0 ? '~' : _ref$separator,\n    value = _ref.value,\n    defaultValue = _ref.defaultValue,\n    defaultPickerValue = _ref.defaultPickerValue,\n    open = _ref.open,\n    defaultOpen = _ref.defaultOpen,\n    disabledDate = _ref.disabledDate,\n    _disabledTime = _ref.disabledTime,\n    dateRender = _ref.dateRender,\n    panelRender = _ref.panelRender,\n    presets = _ref.presets,\n    ranges = _ref.ranges,\n    allowEmpty = _ref.allowEmpty,\n    allowClear = _ref.allowClear,\n    suffixIcon = _ref.suffixIcon,\n    clearIcon = _ref.clearIcon,\n    pickerRef = _ref.pickerRef,\n    inputReadOnly = _ref.inputReadOnly,\n    mode = _ref.mode,\n    renderExtraFooter = _ref.renderExtraFooter,\n    onChange = _ref.onChange,\n    onOpenChange = _ref.onOpenChange,\n    onPanelChange = _ref.onPanelChange,\n    onCalendarChange = _ref.onCalendarChange,\n    _onFocus = _ref.onFocus,\n    onBlur = _ref.onBlur,\n    onMouseDown = _ref.onMouseDown,\n    onMouseUp = _ref.onMouseUp,\n    onMouseEnter = _ref.onMouseEnter,\n    onMouseLeave = _ref.onMouseLeave,\n    onClick = _ref.onClick,\n    _onOk = _ref.onOk,\n    _onKeyDown = _ref.onKeyDown,\n    components = _ref.components,\n    order = _ref.order,\n    direction = _ref.direction,\n    activePickerIndex = _ref.activePickerIndex,\n    _ref$autoComplete = _ref.autoComplete,\n    autoComplete = _ref$autoComplete === void 0 ? 'off' : _ref$autoComplete;\n  var needConfirmButton = picker === 'date' && !!showTime || picker === 'time';\n\n  // We record opened status here in case repeat open with picker\n  var openRecordsRef = useRef({});\n  var containerRef = useRef(null);\n  var panelDivRef = useRef(null);\n  var startInputDivRef = useRef(null);\n  var endInputDivRef = useRef(null);\n  var separatorRef = useRef(null);\n  var startInputRef = useRef(null);\n  var endInputRef = useRef(null);\n  var arrowRef = useRef(null);\n\n  // ============================ Warning ============================\n  if (process.env.NODE_ENV !== 'production') {\n    legacyPropsWarning(props);\n  }\n\n  // ============================= Misc ==============================\n  var formatList = toArray(getDefaultFormat(format, picker, showTime, use12Hours));\n\n  // Active picker\n  var _useMergedState = useMergedState(0, {\n      value: activePickerIndex\n    }),\n    _useMergedState2 = _slicedToArray(_useMergedState, 2),\n    mergedActivePickerIndex = _useMergedState2[0],\n    setMergedActivePickerIndex = _useMergedState2[1];\n\n  // Operation ref\n  var operationRef = useRef(null);\n  var mergedDisabled = React.useMemo(function () {\n    if (Array.isArray(disabled)) {\n      return disabled;\n    }\n    return [disabled || false, disabled || false];\n  }, [disabled]);\n\n  // ============================= Value =============================\n  var _useMergedState3 = useMergedState(null, {\n      value: value,\n      defaultValue: defaultValue,\n      postState: function postState(values) {\n        return picker === 'time' && !order ? values : reorderValues(values, generateConfig);\n      }\n    }),\n    _useMergedState4 = _slicedToArray(_useMergedState3, 2),\n    mergedValue = _useMergedState4[0],\n    setInnerValue = _useMergedState4[1];\n\n  // =========================== View Date ===========================\n  // Config view panel\n  var _useRangeViewDates = useRangeViewDates({\n      values: mergedValue,\n      picker: picker,\n      defaultDates: defaultPickerValue,\n      generateConfig: generateConfig\n    }),\n    _useRangeViewDates2 = _slicedToArray(_useRangeViewDates, 2),\n    getViewDate = _useRangeViewDates2[0],\n    setViewDate = _useRangeViewDates2[1];\n\n  // ========================= Select Values =========================\n  var _useMergedState5 = useMergedState(mergedValue, {\n      postState: function postState(values) {\n        var postValues = values;\n        if (mergedDisabled[0] && mergedDisabled[1]) {\n          return postValues;\n        }\n\n        // Fill disabled unit\n        for (var i = 0; i < 2; i += 1) {\n          if (mergedDisabled[i] && !getValue(postValues, i) && !getValue(allowEmpty, i)) {\n            postValues = updateValues(postValues, generateConfig.getNow(), i);\n          }\n        }\n        return postValues;\n      }\n    }),\n    _useMergedState6 = _slicedToArray(_useMergedState5, 2),\n    selectedValue = _useMergedState6[0],\n    setSelectedValue = _useMergedState6[1];\n\n  // ============================= Modes =============================\n  var _useMergedState7 = useMergedState([picker, picker], {\n      value: mode\n    }),\n    _useMergedState8 = _slicedToArray(_useMergedState7, 2),\n    mergedModes = _useMergedState8[0],\n    setInnerModes = _useMergedState8[1];\n  useEffect(function () {\n    setInnerModes([picker, picker]);\n  }, [picker]);\n  var triggerModesChange = function triggerModesChange(modes, values) {\n    setInnerModes(modes);\n    if (onPanelChange) {\n      onPanelChange(values, modes);\n    }\n  };\n\n  // ========================= Disable Date ==========================\n  var _useRangeDisabled = useRangeDisabled({\n      picker: picker,\n      selectedValue: selectedValue,\n      locale: locale,\n      disabled: mergedDisabled,\n      disabledDate: disabledDate,\n      generateConfig: generateConfig\n    }, openRecordsRef.current[1], openRecordsRef.current[0]),\n    _useRangeDisabled2 = _slicedToArray(_useRangeDisabled, 2),\n    disabledStartDate = _useRangeDisabled2[0],\n    disabledEndDate = _useRangeDisabled2[1];\n\n  // ============================= Open ==============================\n  var _useMergedState9 = useMergedState(false, {\n      value: open,\n      defaultValue: defaultOpen,\n      postState: function postState(postOpen) {\n        return mergedDisabled[mergedActivePickerIndex] ? false : postOpen;\n      },\n      onChange: function onChange(newOpen) {\n        if (onOpenChange) {\n          onOpenChange(newOpen);\n        }\n        if (!newOpen && operationRef.current && operationRef.current.onClose) {\n          operationRef.current.onClose();\n        }\n      }\n    }),\n    _useMergedState10 = _slicedToArray(_useMergedState9, 2),\n    mergedOpen = _useMergedState10[0],\n    triggerInnerOpen = _useMergedState10[1];\n  var startOpen = mergedOpen && mergedActivePickerIndex === 0;\n  var endOpen = mergedOpen && mergedActivePickerIndex === 1;\n\n  // ============================= Popup =============================\n  // Popup min width\n  var _useState = useState(0),\n    _useState2 = _slicedToArray(_useState, 2),\n    popupMinWidth = _useState2[0],\n    setPopupMinWidth = _useState2[1];\n  useEffect(function () {\n    if (!mergedOpen && containerRef.current) {\n      setPopupMinWidth(containerRef.current.offsetWidth);\n    }\n  }, [mergedOpen]);\n\n  // ============================ Trigger ============================\n  var triggerRef = React.useRef();\n  function _triggerOpen(newOpen, index) {\n    if (newOpen) {\n      clearTimeout(triggerRef.current);\n      openRecordsRef.current[index] = true;\n      setMergedActivePickerIndex(index);\n      triggerInnerOpen(newOpen);\n\n      // Open to reset view date\n      if (!mergedOpen) {\n        setViewDate(null, index);\n      }\n    } else if (mergedActivePickerIndex === index) {\n      triggerInnerOpen(newOpen);\n\n      // Clean up async\n      // This makes ref not quick refresh in case user open another input with blur trigger\n      var openRecords = openRecordsRef.current;\n      triggerRef.current = setTimeout(function () {\n        if (openRecords === openRecordsRef.current) {\n          openRecordsRef.current = {};\n        }\n      });\n    }\n  }\n  function triggerOpenAndFocus(index) {\n    _triggerOpen(true, index);\n    // Use setTimeout to make sure panel DOM exists\n    setTimeout(function () {\n      var inputRef = [startInputRef, endInputRef][index];\n      if (inputRef.current) {\n        inputRef.current.focus();\n      }\n    }, 0);\n  }\n  function triggerChange(newValue, sourceIndex) {\n    var values = newValue;\n    var startValue = getValue(values, 0);\n    var endValue = getValue(values, 1);\n\n    // >>>>> Format start & end values\n    if (startValue && endValue && generateConfig.isAfter(startValue, endValue)) {\n      if (\n      // WeekPicker only compare week\n      picker === 'week' && !isSameWeek(generateConfig, locale.locale, startValue, endValue) ||\n      // QuotaPicker only compare week\n      picker === 'quarter' && !isSameQuarter(generateConfig, startValue, endValue) ||\n      // Other non-TimePicker compare date\n      picker !== 'week' && picker !== 'quarter' && picker !== 'time' && !isSameDate(generateConfig, startValue, endValue)) {\n        // Clean up end date when start date is after end date\n        if (sourceIndex === 0) {\n          values = [startValue, null];\n          endValue = null;\n        } else {\n          startValue = null;\n          values = [null, endValue];\n        }\n\n        // Clean up cache since invalidate\n        openRecordsRef.current = _defineProperty({}, sourceIndex, true);\n      } else if (picker !== 'time' || order !== false) {\n        // Reorder when in same date\n        values = reorderValues(values, generateConfig);\n      }\n    }\n    setSelectedValue(values);\n    var startStr = values && values[0] ? formatValue(values[0], {\n      generateConfig: generateConfig,\n      locale: locale,\n      format: formatList[0]\n    }) : '';\n    var endStr = values && values[1] ? formatValue(values[1], {\n      generateConfig: generateConfig,\n      locale: locale,\n      format: formatList[0]\n    }) : '';\n    if (onCalendarChange) {\n      var _info = {\n        range: sourceIndex === 0 ? 'start' : 'end'\n      };\n      onCalendarChange(values, [startStr, endStr], _info);\n    }\n\n    // >>>>> Trigger `onChange` event\n    var canStartValueTrigger = canValueTrigger(startValue, 0, mergedDisabled, allowEmpty);\n    var canEndValueTrigger = canValueTrigger(endValue, 1, mergedDisabled, allowEmpty);\n    var canTrigger = values === null || canStartValueTrigger && canEndValueTrigger;\n    if (canTrigger) {\n      // Trigger onChange only when value is validate\n      setInnerValue(values);\n      if (onChange && (!isEqual(generateConfig, getValue(mergedValue, 0), startValue) || !isEqual(generateConfig, getValue(mergedValue, 1), endValue))) {\n        onChange(values, [startStr, endStr]);\n      }\n    }\n\n    // >>>>> Open picker when\n\n    // Always open another picker if possible\n    var nextOpenIndex = null;\n    if (sourceIndex === 0 && !mergedDisabled[1]) {\n      nextOpenIndex = 1;\n    } else if (sourceIndex === 1 && !mergedDisabled[0]) {\n      nextOpenIndex = 0;\n    }\n    if (nextOpenIndex !== null && nextOpenIndex !== mergedActivePickerIndex && (!openRecordsRef.current[nextOpenIndex] || !getValue(values, nextOpenIndex)) && getValue(values, sourceIndex)) {\n      // Delay to focus to avoid input blur trigger expired selectedValues\n      triggerOpenAndFocus(nextOpenIndex);\n    } else {\n      _triggerOpen(false, sourceIndex);\n    }\n  }\n  var forwardKeyDown = function forwardKeyDown(e) {\n    if (mergedOpen && operationRef.current && operationRef.current.onKeyDown) {\n      // Let popup panel handle keyboard\n      return operationRef.current.onKeyDown(e);\n    }\n\n    /* istanbul ignore next */\n    /* eslint-disable no-lone-blocks */\n    {\n      warning(false, 'Picker not correct forward KeyDown operation. Please help to fire issue about this.');\n      return false;\n    }\n  };\n\n  // ============================= Text ==============================\n  var sharedTextHooksProps = {\n    formatList: formatList,\n    generateConfig: generateConfig,\n    locale: locale\n  };\n  var _useValueTexts = useValueTexts(getValue(selectedValue, 0), sharedTextHooksProps),\n    _useValueTexts2 = _slicedToArray(_useValueTexts, 2),\n    startValueTexts = _useValueTexts2[0],\n    firstStartValueText = _useValueTexts2[1];\n  var _useValueTexts3 = useValueTexts(getValue(selectedValue, 1), sharedTextHooksProps),\n    _useValueTexts4 = _slicedToArray(_useValueTexts3, 2),\n    endValueTexts = _useValueTexts4[0],\n    firstEndValueText = _useValueTexts4[1];\n  var _onTextChange = function onTextChange(newText, index) {\n    var inputDate = parseValue(newText, {\n      locale: locale,\n      formatList: formatList,\n      generateConfig: generateConfig\n    });\n    var disabledFunc = index === 0 ? disabledStartDate : disabledEndDate;\n    if (inputDate && !disabledFunc(inputDate)) {\n      setSelectedValue(updateValues(selectedValue, inputDate, index));\n      setViewDate(inputDate, index);\n    }\n  };\n  var _useTextValueMapping = useTextValueMapping({\n      valueTexts: startValueTexts,\n      onTextChange: function onTextChange(newText) {\n        return _onTextChange(newText, 0);\n      }\n    }),\n    _useTextValueMapping2 = _slicedToArray(_useTextValueMapping, 3),\n    startText = _useTextValueMapping2[0],\n    triggerStartTextChange = _useTextValueMapping2[1],\n    resetStartText = _useTextValueMapping2[2];\n  var _useTextValueMapping3 = useTextValueMapping({\n      valueTexts: endValueTexts,\n      onTextChange: function onTextChange(newText) {\n        return _onTextChange(newText, 1);\n      }\n    }),\n    _useTextValueMapping4 = _slicedToArray(_useTextValueMapping3, 3),\n    endText = _useTextValueMapping4[0],\n    triggerEndTextChange = _useTextValueMapping4[1],\n    resetEndText = _useTextValueMapping4[2];\n  var _useState3 = useState(null),\n    _useState4 = _slicedToArray(_useState3, 2),\n    rangeHoverValue = _useState4[0],\n    setRangeHoverValue = _useState4[1];\n\n  // ========================== Hover Range ==========================\n  var _useState5 = useState(null),\n    _useState6 = _slicedToArray(_useState5, 2),\n    hoverRangedValue = _useState6[0],\n    setHoverRangedValue = _useState6[1];\n  var _useHoverValue = useHoverValue(startText, {\n      formatList: formatList,\n      generateConfig: generateConfig,\n      locale: locale\n    }),\n    _useHoverValue2 = _slicedToArray(_useHoverValue, 3),\n    startHoverValue = _useHoverValue2[0],\n    onStartEnter = _useHoverValue2[1],\n    onStartLeave = _useHoverValue2[2];\n  var _useHoverValue3 = useHoverValue(endText, {\n      formatList: formatList,\n      generateConfig: generateConfig,\n      locale: locale\n    }),\n    _useHoverValue4 = _slicedToArray(_useHoverValue3, 3),\n    endHoverValue = _useHoverValue4[0],\n    onEndEnter = _useHoverValue4[1],\n    onEndLeave = _useHoverValue4[2];\n  var onDateMouseEnter = function onDateMouseEnter(date) {\n    setHoverRangedValue(updateValues(selectedValue, date, mergedActivePickerIndex));\n    if (mergedActivePickerIndex === 0) {\n      onStartEnter(date);\n    } else {\n      onEndEnter(date);\n    }\n  };\n  var onDateMouseLeave = function onDateMouseLeave() {\n    setHoverRangedValue(updateValues(selectedValue, null, mergedActivePickerIndex));\n    if (mergedActivePickerIndex === 0) {\n      onStartLeave();\n    } else {\n      onEndLeave();\n    }\n  };\n\n  // ============================= Input =============================\n  var getSharedInputHookProps = function getSharedInputHookProps(index, resetText) {\n    return {\n      blurToCancel: needConfirmButton,\n      forwardKeyDown: forwardKeyDown,\n      onBlur: onBlur,\n      isClickOutside: function isClickOutside(target) {\n        return !elementsContains([panelDivRef.current, startInputDivRef.current, endInputDivRef.current, containerRef.current], target);\n      },\n      onFocus: function onFocus(e) {\n        setMergedActivePickerIndex(index);\n        if (_onFocus) {\n          _onFocus(e);\n        }\n      },\n      triggerOpen: function triggerOpen(newOpen) {\n        _triggerOpen(newOpen, index);\n      },\n      onSubmit: function onSubmit() {\n        if (\n        // When user typing disabledDate with keyboard and enter, this value will be empty\n        !selectedValue ||\n        // Normal disabled check\n        disabledDate && disabledDate(selectedValue[index])) {\n          return false;\n        }\n        triggerChange(selectedValue, index);\n        resetText();\n      },\n      onCancel: function onCancel() {\n        _triggerOpen(false, index);\n        setSelectedValue(mergedValue);\n        resetText();\n      }\n    };\n  };\n  var _usePickerInput = usePickerInput(_objectSpread(_objectSpread({}, getSharedInputHookProps(0, resetStartText)), {}, {\n      open: startOpen,\n      value: startText,\n      onKeyDown: function onKeyDown(e, preventDefault) {\n        _onKeyDown === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(e, preventDefault);\n      }\n    })),\n    _usePickerInput2 = _slicedToArray(_usePickerInput, 2),\n    startInputProps = _usePickerInput2[0],\n    _usePickerInput2$ = _usePickerInput2[1],\n    startFocused = _usePickerInput2$.focused,\n    startTyping = _usePickerInput2$.typing;\n  var _usePickerInput3 = usePickerInput(_objectSpread(_objectSpread({}, getSharedInputHookProps(1, resetEndText)), {}, {\n      open: endOpen,\n      value: endText,\n      onKeyDown: function onKeyDown(e, preventDefault) {\n        _onKeyDown === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(e, preventDefault);\n      }\n    })),\n    _usePickerInput4 = _slicedToArray(_usePickerInput3, 2),\n    endInputProps = _usePickerInput4[0],\n    _usePickerInput4$ = _usePickerInput4[1],\n    endFocused = _usePickerInput4$.focused,\n    endTyping = _usePickerInput4$.typing;\n\n  // ========================== Click Picker ==========================\n  var onPickerClick = function onPickerClick(e) {\n    // When click inside the picker & outside the picker's input elements\n    // the panel should still be opened\n    if (onClick) {\n      onClick(e);\n    }\n    if (!mergedOpen && !startInputRef.current.contains(e.target) && !endInputRef.current.contains(e.target)) {\n      if (!mergedDisabled[0]) {\n        triggerOpenAndFocus(0);\n      } else if (!mergedDisabled[1]) {\n        triggerOpenAndFocus(1);\n      }\n    }\n  };\n  var onPickerMouseDown = function onPickerMouseDown(e) {\n    // shouldn't affect input elements if picker is active\n    if (onMouseDown) {\n      onMouseDown(e);\n    }\n    if (mergedOpen && (startFocused || endFocused) && !startInputRef.current.contains(e.target) && !endInputRef.current.contains(e.target)) {\n      e.preventDefault();\n    }\n  };\n\n  // ============================= Sync ==============================\n  // Close should sync back with text value\n  var startStr = mergedValue && mergedValue[0] ? formatValue(mergedValue[0], {\n    locale: locale,\n    format: 'YYYYMMDDHHmmss',\n    generateConfig: generateConfig\n  }) : '';\n  var endStr = mergedValue && mergedValue[1] ? formatValue(mergedValue[1], {\n    locale: locale,\n    format: 'YYYYMMDDHHmmss',\n    generateConfig: generateConfig\n  }) : '';\n  useEffect(function () {\n    if (!mergedOpen) {\n      setSelectedValue(mergedValue);\n      if (!startValueTexts.length || startValueTexts[0] === '') {\n        triggerStartTextChange('');\n      } else if (firstStartValueText !== startText) {\n        resetStartText();\n      }\n      if (!endValueTexts.length || endValueTexts[0] === '') {\n        triggerEndTextChange('');\n      } else if (firstEndValueText !== endText) {\n        resetEndText();\n      }\n    }\n  }, [mergedOpen, startValueTexts, endValueTexts]);\n\n  // Sync innerValue with control mode\n  useEffect(function () {\n    setSelectedValue(mergedValue);\n  }, [startStr, endStr]);\n\n  // ============================ Warning ============================\n  if (process.env.NODE_ENV !== 'production') {\n    if (value && Array.isArray(disabled) && (getValue(disabled, 0) && !getValue(value, 0) || getValue(disabled, 1) && !getValue(value, 1))) {\n      warning(false, '`disabled` should not set with empty `value`. You should set `allowEmpty` or `value` instead.');\n    }\n  }\n\n  // ============================ Private ============================\n  if (pickerRef) {\n    pickerRef.current = {\n      focus: function focus() {\n        if (startInputRef.current) {\n          startInputRef.current.focus();\n        }\n      },\n      blur: function blur() {\n        if (startInputRef.current) {\n          startInputRef.current.blur();\n        }\n        if (endInputRef.current) {\n          endInputRef.current.blur();\n        }\n      }\n    };\n  }\n\n  // ============================ Ranges =============================\n  var presetList = usePresets(presets, ranges);\n\n  // ============================= Panel =============================\n  function renderPanel() {\n    var panelPosition = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n    var panelProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    var panelHoverRangedValue = null;\n    if (mergedOpen && hoverRangedValue && hoverRangedValue[0] && hoverRangedValue[1] && generateConfig.isAfter(hoverRangedValue[1], hoverRangedValue[0])) {\n      panelHoverRangedValue = hoverRangedValue;\n    }\n    var panelShowTime = showTime;\n    if (showTime && _typeof(showTime) === 'object' && showTime.defaultValue) {\n      var timeDefaultValues = showTime.defaultValue;\n      panelShowTime = _objectSpread(_objectSpread({}, showTime), {}, {\n        defaultValue: getValue(timeDefaultValues, mergedActivePickerIndex) || undefined\n      });\n    }\n    var panelDateRender = null;\n    if (dateRender) {\n      panelDateRender = function panelDateRender(date, today) {\n        return dateRender(date, today, {\n          range: mergedActivePickerIndex ? 'end' : 'start'\n        });\n      };\n    }\n    return /*#__PURE__*/React.createElement(RangeContext.Provider, {\n      value: {\n        inRange: true,\n        panelPosition: panelPosition,\n        rangedValue: rangeHoverValue || selectedValue,\n        hoverRangedValue: panelHoverRangedValue\n      }\n    }, /*#__PURE__*/React.createElement(PickerPanel, _extends({}, props, panelProps, {\n      dateRender: panelDateRender,\n      showTime: panelShowTime,\n      mode: mergedModes[mergedActivePickerIndex],\n      generateConfig: generateConfig,\n      style: undefined,\n      direction: direction,\n      disabledDate: mergedActivePickerIndex === 0 ? disabledStartDate : disabledEndDate,\n      disabledTime: function disabledTime(date) {\n        if (_disabledTime) {\n          return _disabledTime(date, mergedActivePickerIndex === 0 ? 'start' : 'end');\n        }\n        return false;\n      },\n      className: classNames(_defineProperty({}, \"\".concat(prefixCls, \"-panel-focused\"), mergedActivePickerIndex === 0 ? !startTyping : !endTyping)),\n      value: getValue(selectedValue, mergedActivePickerIndex),\n      locale: locale,\n      tabIndex: -1,\n      onPanelChange: function onPanelChange(date, newMode) {\n        // clear hover value when panel change\n        if (mergedActivePickerIndex === 0) {\n          onStartLeave(true);\n        }\n        if (mergedActivePickerIndex === 1) {\n          onEndLeave(true);\n        }\n        triggerModesChange(updateValues(mergedModes, newMode, mergedActivePickerIndex), updateValues(selectedValue, date, mergedActivePickerIndex));\n        var viewDate = date;\n        if (panelPosition === 'right' && mergedModes[mergedActivePickerIndex] === newMode) {\n          viewDate = getClosingViewDate(viewDate, newMode, generateConfig, -1);\n        }\n        setViewDate(viewDate, mergedActivePickerIndex);\n      },\n      onOk: null,\n      onSelect: undefined,\n      onChange: undefined,\n      defaultValue: mergedActivePickerIndex === 0 ? getValue(selectedValue, 1) : getValue(selectedValue, 0)\n      // defaultPickerValue={undefined}\n    })));\n  }\n\n  var arrowLeft = 0;\n  var panelLeft = 0;\n  if (mergedActivePickerIndex && startInputDivRef.current && separatorRef.current && panelDivRef.current) {\n    // Arrow offset\n    arrowLeft = startInputDivRef.current.offsetWidth + separatorRef.current.offsetWidth;\n\n    // If panelWidth - arrowWidth - arrowMarginLeft < arrowLeft, panel should move to right side.\n    // If arrowOffsetLeft > arrowLeft, arrowMarginLeft = arrowOffsetLeft - arrowLeft\n    var arrowMarginLeft = arrowRef.current.offsetLeft > arrowLeft ? arrowRef.current.offsetLeft - arrowLeft : arrowRef.current.offsetLeft;\n    if (panelDivRef.current.offsetWidth !== undefined && arrowRef.current.offsetWidth !== undefined && arrowLeft > panelDivRef.current.offsetWidth - arrowRef.current.offsetWidth - (direction === 'rtl' ? 0 : arrowMarginLeft)) {\n      panelLeft = arrowLeft;\n    }\n  }\n  var arrowPositionStyle = direction === 'rtl' ? {\n    right: arrowLeft\n  } : {\n    left: arrowLeft\n  };\n  function renderPanels() {\n    var panels;\n    var extraNode = getExtraFooter(prefixCls, mergedModes[mergedActivePickerIndex], renderExtraFooter);\n    var rangesNode = getRanges({\n      prefixCls: prefixCls,\n      components: components,\n      needConfirmButton: needConfirmButton,\n      okDisabled: !getValue(selectedValue, mergedActivePickerIndex) || disabledDate && disabledDate(selectedValue[mergedActivePickerIndex]),\n      locale: locale,\n      // rangeList,\n      onOk: function onOk() {\n        if (getValue(selectedValue, mergedActivePickerIndex)) {\n          // triggerChangeOld(selectedValue);\n          triggerChange(selectedValue, mergedActivePickerIndex);\n          if (_onOk) {\n            _onOk(selectedValue);\n          }\n        }\n      }\n    });\n    if (picker !== 'time' && !showTime) {\n      var viewDate = getViewDate(mergedActivePickerIndex);\n      var nextViewDate = getClosingViewDate(viewDate, picker, generateConfig);\n      var currentMode = mergedModes[mergedActivePickerIndex];\n      var showDoublePanel = currentMode === picker;\n      var leftPanel = renderPanel(showDoublePanel ? 'left' : false, {\n        pickerValue: viewDate,\n        onPickerValueChange: function onPickerValueChange(newViewDate) {\n          setViewDate(newViewDate, mergedActivePickerIndex);\n        }\n      });\n      var rightPanel = renderPanel('right', {\n        pickerValue: nextViewDate,\n        onPickerValueChange: function onPickerValueChange(newViewDate) {\n          setViewDate(getClosingViewDate(newViewDate, picker, generateConfig, -1), mergedActivePickerIndex);\n        }\n      });\n      if (direction === 'rtl') {\n        panels = /*#__PURE__*/React.createElement(React.Fragment, null, rightPanel, showDoublePanel && leftPanel);\n      } else {\n        panels = /*#__PURE__*/React.createElement(React.Fragment, null, leftPanel, showDoublePanel && rightPanel);\n      }\n    } else {\n      panels = renderPanel();\n    }\n    var mergedNodes = /*#__PURE__*/React.createElement(\"div\", {\n      className: \"\".concat(prefixCls, \"-panel-layout\")\n    }, /*#__PURE__*/React.createElement(PresetPanel, {\n      prefixCls: prefixCls,\n      presets: presetList,\n      onClick: function onClick(nextValue) {\n        triggerChange(nextValue, null);\n        _triggerOpen(false, mergedActivePickerIndex);\n      },\n      onHover: function onHover(hoverValue) {\n        setRangeHoverValue(hoverValue);\n      }\n    }), /*#__PURE__*/React.createElement(\"div\", null, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"\".concat(prefixCls, \"-panels\")\n    }, panels), (extraNode || rangesNode) && /*#__PURE__*/React.createElement(\"div\", {\n      className: \"\".concat(prefixCls, \"-footer\")\n    }, extraNode, rangesNode)));\n    if (panelRender) {\n      mergedNodes = panelRender(mergedNodes);\n    }\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"\".concat(prefixCls, \"-panel-container\"),\n      style: {\n        marginLeft: panelLeft\n      },\n      ref: panelDivRef,\n      onMouseDown: function onMouseDown(e) {\n        e.preventDefault();\n      }\n    }, mergedNodes);\n  }\n  var rangePanel = /*#__PURE__*/React.createElement(\"div\", {\n    className: classNames(\"\".concat(prefixCls, \"-range-wrapper\"), \"\".concat(prefixCls, \"-\").concat(picker, \"-range-wrapper\")),\n    style: {\n      minWidth: popupMinWidth\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    ref: arrowRef,\n    className: \"\".concat(prefixCls, \"-range-arrow\"),\n    style: arrowPositionStyle\n  }), renderPanels());\n\n  // ============================= Icons =============================\n  var suffixNode;\n  if (suffixIcon) {\n    suffixNode = /*#__PURE__*/React.createElement(\"span\", {\n      className: \"\".concat(prefixCls, \"-suffix\")\n    }, suffixIcon);\n  }\n  var clearNode;\n  if (allowClear && (getValue(mergedValue, 0) && !mergedDisabled[0] || getValue(mergedValue, 1) && !mergedDisabled[1])) {\n    clearNode = /*#__PURE__*/React.createElement(\"span\", {\n      onMouseDown: function onMouseDown(e) {\n        e.preventDefault();\n        e.stopPropagation();\n      },\n      onMouseUp: function onMouseUp(e) {\n        e.preventDefault();\n        e.stopPropagation();\n        var values = mergedValue;\n        if (!mergedDisabled[0]) {\n          values = updateValues(values, null, 0);\n        }\n        if (!mergedDisabled[1]) {\n          values = updateValues(values, null, 1);\n        }\n        triggerChange(values, null);\n        _triggerOpen(false, mergedActivePickerIndex);\n      },\n      className: \"\".concat(prefixCls, \"-clear\")\n    }, clearIcon || /*#__PURE__*/React.createElement(\"span\", {\n      className: \"\".concat(prefixCls, \"-clear-btn\")\n    }));\n  }\n  var inputSharedProps = {\n    size: getInputSize(picker, formatList[0], generateConfig)\n  };\n  var activeBarLeft = 0;\n  var activeBarWidth = 0;\n  if (startInputDivRef.current && endInputDivRef.current && separatorRef.current) {\n    if (mergedActivePickerIndex === 0) {\n      activeBarWidth = startInputDivRef.current.offsetWidth;\n    } else {\n      activeBarLeft = arrowLeft;\n      activeBarWidth = endInputDivRef.current.offsetWidth;\n    }\n  }\n  var activeBarPositionStyle = direction === 'rtl' ? {\n    right: activeBarLeft\n  } : {\n    left: activeBarLeft\n  };\n  // ============================ Return =============================\n  var onContextSelect = function onContextSelect(date, type) {\n    var values = updateValues(selectedValue, date, mergedActivePickerIndex);\n    if (type === 'submit' || type !== 'key' && !needConfirmButton) {\n      // triggerChange will also update selected values\n      triggerChange(values, mergedActivePickerIndex);\n      // clear hover value style\n      if (mergedActivePickerIndex === 0) {\n        onStartLeave();\n      } else {\n        onEndLeave();\n      }\n    } else {\n      setSelectedValue(values);\n    }\n  };\n  return /*#__PURE__*/React.createElement(PanelContext.Provider, {\n    value: {\n      operationRef: operationRef,\n      hideHeader: picker === 'time',\n      onDateMouseEnter: onDateMouseEnter,\n      onDateMouseLeave: onDateMouseLeave,\n      hideRanges: true,\n      onSelect: onContextSelect,\n      open: mergedOpen\n    }\n  }, /*#__PURE__*/React.createElement(PickerTrigger, {\n    visible: mergedOpen,\n    popupElement: rangePanel,\n    popupStyle: popupStyle,\n    prefixCls: prefixCls,\n    dropdownClassName: dropdownClassName,\n    dropdownAlign: dropdownAlign,\n    getPopupContainer: getPopupContainer,\n    transitionName: transitionName,\n    range: true,\n    direction: direction\n  }, /*#__PURE__*/React.createElement(\"div\", _extends({\n    ref: containerRef,\n    className: classNames(prefixCls, \"\".concat(prefixCls, \"-range\"), className, (_classNames2 = {}, _defineProperty(_classNames2, \"\".concat(prefixCls, \"-disabled\"), mergedDisabled[0] && mergedDisabled[1]), _defineProperty(_classNames2, \"\".concat(prefixCls, \"-focused\"), mergedActivePickerIndex === 0 ? startFocused : endFocused), _defineProperty(_classNames2, \"\".concat(prefixCls, \"-rtl\"), direction === 'rtl'), _classNames2)),\n    style: style,\n    onClick: onPickerClick,\n    onMouseEnter: onMouseEnter,\n    onMouseLeave: onMouseLeave,\n    onMouseDown: onPickerMouseDown,\n    onMouseUp: onMouseUp\n  }, getDataOrAriaProps(props)), /*#__PURE__*/React.createElement(\"div\", {\n    className: classNames(\"\".concat(prefixCls, \"-input\"), (_classNames3 = {}, _defineProperty(_classNames3, \"\".concat(prefixCls, \"-input-active\"), mergedActivePickerIndex === 0), _defineProperty(_classNames3, \"\".concat(prefixCls, \"-input-placeholder\"), !!startHoverValue), _classNames3)),\n    ref: startInputDivRef\n  }, /*#__PURE__*/React.createElement(\"input\", _extends({\n    id: id,\n    disabled: mergedDisabled[0],\n    readOnly: inputReadOnly || typeof formatList[0] === 'function' || !startTyping,\n    value: startHoverValue || startText,\n    onChange: function onChange(e) {\n      triggerStartTextChange(e.target.value);\n    },\n    autoFocus: autoFocus,\n    placeholder: getValue(placeholder, 0) || '',\n    ref: startInputRef\n  }, startInputProps, inputSharedProps, {\n    autoComplete: autoComplete\n  }))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"\".concat(prefixCls, \"-range-separator\"),\n    ref: separatorRef\n  }, separator), /*#__PURE__*/React.createElement(\"div\", {\n    className: classNames(\"\".concat(prefixCls, \"-input\"), (_classNames4 = {}, _defineProperty(_classNames4, \"\".concat(prefixCls, \"-input-active\"), mergedActivePickerIndex === 1), _defineProperty(_classNames4, \"\".concat(prefixCls, \"-input-placeholder\"), !!endHoverValue), _classNames4)),\n    ref: endInputDivRef\n  }, /*#__PURE__*/React.createElement(\"input\", _extends({\n    disabled: mergedDisabled[1],\n    readOnly: inputReadOnly || typeof formatList[0] === 'function' || !endTyping,\n    value: endHoverValue || endText,\n    onChange: function onChange(e) {\n      triggerEndTextChange(e.target.value);\n    },\n    placeholder: getValue(placeholder, 1) || '',\n    ref: endInputRef\n  }, endInputProps, inputSharedProps, {\n    autoComplete: autoComplete\n  }))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"\".concat(prefixCls, \"-active-bar\"),\n    style: _objectSpread(_objectSpread({}, activeBarPositionStyle), {}, {\n      width: activeBarWidth,\n      position: 'absolute'\n    })\n  }), suffixNode, clearNode)));\n}\n\n// Wrap with class component to enable pass generic with instance method\nvar RangePicker = /*#__PURE__*/function (_React$Component) {\n  _inherits(RangePicker, _React$Component);\n  var _super = _createSuper(RangePicker);\n  function RangePicker() {\n    var _this;\n    _classCallCheck(this, RangePicker);\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n    _this = _super.call.apply(_super, [this].concat(args));\n    _defineProperty(_assertThisInitialized(_this), \"pickerRef\", /*#__PURE__*/React.createRef());\n    _defineProperty(_assertThisInitialized(_this), \"focus\", function () {\n      if (_this.pickerRef.current) {\n        _this.pickerRef.current.focus();\n      }\n    });\n    _defineProperty(_assertThisInitialized(_this), \"blur\", function () {\n      if (_this.pickerRef.current) {\n        _this.pickerRef.current.blur();\n      }\n    });\n    return _this;\n  }\n  _createClass(RangePicker, [{\n    key: \"render\",\n    value: function render() {\n      return /*#__PURE__*/React.createElement(InnerRangePicker, _extends({}, this.props, {\n        pickerRef: this.pickerRef\n      }));\n    }\n  }]);\n  return RangePicker;\n}(React.Component);\nexport default RangePicker;","import Picker from \"./Picker\";\nimport PickerPanel from \"./PickerPanel\";\nimport RangePicker from \"./RangePicker\";\nexport { PickerPanel, RangePicker };\nexport default Picker;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar locale = {\n  locale: 'en_US',\n  today: 'Today',\n  now: 'Now',\n  backToToday: 'Back to today',\n  ok: 'OK',\n  clear: 'Clear',\n  month: 'Month',\n  year: 'Year',\n  timeSelect: 'select time',\n  dateSelect: 'select date',\n  weekSelect: 'Choose a week',\n  monthSelect: 'Choose a month',\n  yearSelect: 'Choose a year',\n  decadeSelect: 'Choose a decade',\n  yearFormat: 'YYYY',\n  dateFormat: 'M/D/YYYY',\n  dayFormat: 'D',\n  dateTimeFormat: 'M/D/YYYY HH:mm:ss',\n  monthBeforeYear: true,\n  previousMonth: 'Previous month (PageUp)',\n  nextMonth: 'Next month (PageDown)',\n  previousYear: 'Last year (Control + left)',\n  nextYear: 'Next year (Control + right)',\n  previousDecade: 'Last decade',\n  nextDecade: 'Next decade',\n  previousCentury: 'Last century',\n  nextCentury: 'Next century'\n};\nvar _default = locale;\nexports.default = _default;","'use strict'\n\nexports.byteLength = byteLength\nexports.toByteArray = toByteArray\nexports.fromByteArray = fromByteArray\n\nvar lookup = []\nvar revLookup = []\nvar Arr = typeof Uint8Array !== 'undefined' ? Uint8Array : Array\n\nvar code = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/'\nfor (var i = 0, len = code.length; i < len; ++i) {\n  lookup[i] = code[i]\n  revLookup[code.charCodeAt(i)] = i\n}\n\n// Support decoding URL-safe base64 strings, as Node.js does.\n// See: https://en.wikipedia.org/wiki/Base64#URL_applications\nrevLookup['-'.charCodeAt(0)] = 62\nrevLookup['_'.charCodeAt(0)] = 63\n\nfunction getLens (b64) {\n  var len = b64.length\n\n  if (len % 4 > 0) {\n    throw new Error('Invalid string. Length must be a multiple of 4')\n  }\n\n  // Trim off extra bytes after placeholder bytes are found\n  // See: https://github.com/beatgammit/base64-js/issues/42\n  var validLen = b64.indexOf('=')\n  if (validLen === -1) validLen = len\n\n  var placeHoldersLen = validLen === len\n    ? 0\n    : 4 - (validLen % 4)\n\n  return [validLen, placeHoldersLen]\n}\n\n// base64 is 4/3 + up to two characters of the original data\nfunction byteLength (b64) {\n  var lens = getLens(b64)\n  var validLen = lens[0]\n  var placeHoldersLen = lens[1]\n  return ((validLen + placeHoldersLen) * 3 / 4) - placeHoldersLen\n}\n\nfunction _byteLength (b64, validLen, placeHoldersLen) {\n  return ((validLen + placeHoldersLen) * 3 / 4) - placeHoldersLen\n}\n\nfunction toByteArray (b64) {\n  var tmp\n  var lens = getLens(b64)\n  var validLen = lens[0]\n  var placeHoldersLen = lens[1]\n\n  var arr = new Arr(_byteLength(b64, validLen, placeHoldersLen))\n\n  var curByte = 0\n\n  // if there are placeholders, only get up to the last complete 4 chars\n  var len = placeHoldersLen > 0\n    ? validLen - 4\n    : validLen\n\n  var i\n  for (i = 0; i < len; i += 4) {\n    tmp =\n      (revLookup[b64.charCodeAt(i)] << 18) |\n      (revLookup[b64.charCodeAt(i + 1)] << 12) |\n      (revLookup[b64.charCodeAt(i + 2)] << 6) |\n      revLookup[b64.charCodeAt(i + 3)]\n    arr[curByte++] = (tmp >> 16) & 0xFF\n    arr[curByte++] = (tmp >> 8) & 0xFF\n    arr[curByte++] = tmp & 0xFF\n  }\n\n  if (placeHoldersLen === 2) {\n    tmp =\n      (revLookup[b64.charCodeAt(i)] << 2) |\n      (revLookup[b64.charCodeAt(i + 1)] >> 4)\n    arr[curByte++] = tmp & 0xFF\n  }\n\n  if (placeHoldersLen === 1) {\n    tmp =\n      (revLookup[b64.charCodeAt(i)] << 10) |\n      (revLookup[b64.charCodeAt(i + 1)] << 4) |\n      (revLookup[b64.charCodeAt(i + 2)] >> 2)\n    arr[curByte++] = (tmp >> 8) & 0xFF\n    arr[curByte++] = tmp & 0xFF\n  }\n\n  return arr\n}\n\nfunction tripletToBase64 (num) {\n  return lookup[num >> 18 & 0x3F] +\n    lookup[num >> 12 & 0x3F] +\n    lookup[num >> 6 & 0x3F] +\n    lookup[num & 0x3F]\n}\n\nfunction encodeChunk (uint8, start, end) {\n  var tmp\n  var output = []\n  for (var i = start; i < end; i += 3) {\n    tmp =\n      ((uint8[i] << 16) & 0xFF0000) +\n      ((uint8[i + 1] << 8) & 0xFF00) +\n      (uint8[i + 2] & 0xFF)\n    output.push(tripletToBase64(tmp))\n  }\n  return output.join('')\n}\n\nfunction fromByteArray (uint8) {\n  var tmp\n  var len = uint8.length\n  var extraBytes = len % 3 // if we have 1 byte left, pad 2 bytes\n  var parts = []\n  var maxChunkLength = 16383 // must be multiple of 3\n\n  // go through the array every three bytes, we'll deal with trailing stuff later\n  for (var i = 0, len2 = len - extraBytes; i < len2; i += maxChunkLength) {\n    parts.push(encodeChunk(uint8, i, (i + maxChunkLength) > len2 ? len2 : (i + maxChunkLength)))\n  }\n\n  // pad the end with zeros, but make sure to not forget the extra bytes\n  if (extraBytes === 1) {\n    tmp = uint8[len - 1]\n    parts.push(\n      lookup[tmp >> 2] +\n      lookup[(tmp << 4) & 0x3F] +\n      '=='\n    )\n  } else if (extraBytes === 2) {\n    tmp = (uint8[len - 2] << 8) + uint8[len - 1]\n    parts.push(\n      lookup[tmp >> 10] +\n      lookup[(tmp >> 4) & 0x3F] +\n      lookup[(tmp << 2) & 0x3F] +\n      '='\n    )\n  }\n\n  return parts.join('')\n}\n","/*!\n * The buffer module from node.js, for the browser.\n *\n * @author   Feross Aboukhadijeh <https://feross.org>\n * @license  MIT\n */\n/* eslint-disable no-proto */\n\n'use strict'\n\nconst base64 = require('base64-js')\nconst ieee754 = require('ieee754')\nconst customInspectSymbol =\n  (typeof Symbol === 'function' && typeof Symbol['for'] === 'function') // eslint-disable-line dot-notation\n    ? Symbol['for']('nodejs.util.inspect.custom') // eslint-disable-line dot-notation\n    : null\n\nexports.Buffer = Buffer\nexports.SlowBuffer = SlowBuffer\nexports.INSPECT_MAX_BYTES = 50\n\nconst K_MAX_LENGTH = 0x7fffffff\nexports.kMaxLength = K_MAX_LENGTH\n\n/**\n * If `Buffer.TYPED_ARRAY_SUPPORT`:\n *   === true    Use Uint8Array implementation (fastest)\n *   === false   Print warning and recommend using `buffer` v4.x which has an Object\n *               implementation (most compatible, even IE6)\n *\n * Browsers that support typed arrays are IE 10+, Firefox 4+, Chrome 7+, Safari 5.1+,\n * Opera 11.6+, iOS 4.2+.\n *\n * We report that the browser does not support typed arrays if the are not subclassable\n * using __proto__. Firefox 4-29 lacks support for adding new properties to `Uint8Array`\n * (See: https://bugzilla.mozilla.org/show_bug.cgi?id=695438). IE 10 lacks support\n * for __proto__ and has a buggy typed array implementation.\n */\nBuffer.TYPED_ARRAY_SUPPORT = typedArraySupport()\n\nif (!Buffer.TYPED_ARRAY_SUPPORT && typeof console !== 'undefined' &&\n    typeof console.error === 'function') {\n  console.error(\n    'This browser lacks typed array (Uint8Array) support which is required by ' +\n    '`buffer` v5.x. Use `buffer` v4.x if you require old browser support.'\n  )\n}\n\nfunction typedArraySupport () {\n  // Can typed array instances can be augmented?\n  try {\n    const arr = new Uint8Array(1)\n    const proto = { foo: function () { return 42 } }\n    Object.setPrototypeOf(proto, Uint8Array.prototype)\n    Object.setPrototypeOf(arr, proto)\n    return arr.foo() === 42\n  } catch (e) {\n    return false\n  }\n}\n\nObject.defineProperty(Buffer.prototype, 'parent', {\n  enumerable: true,\n  get: function () {\n    if (!Buffer.isBuffer(this)) return undefined\n    return this.buffer\n  }\n})\n\nObject.defineProperty(Buffer.prototype, 'offset', {\n  enumerable: true,\n  get: function () {\n    if (!Buffer.isBuffer(this)) return undefined\n    return this.byteOffset\n  }\n})\n\nfunction createBuffer (length) {\n  if (length > K_MAX_LENGTH) {\n    throw new RangeError('The value \"' + length + '\" is invalid for option \"size\"')\n  }\n  // Return an augmented `Uint8Array` instance\n  const buf = new Uint8Array(length)\n  Object.setPrototypeOf(buf, Buffer.prototype)\n  return buf\n}\n\n/**\n * The Buffer constructor returns instances of `Uint8Array` that have their\n * prototype changed to `Buffer.prototype`. Furthermore, `Buffer` is a subclass of\n * `Uint8Array`, so the returned instances will have all the node `Buffer` methods\n * and the `Uint8Array` methods. Square bracket notation works as expected -- it\n * returns a single octet.\n *\n * The `Uint8Array` prototype remains unmodified.\n */\n\nfunction Buffer (arg, encodingOrOffset, length) {\n  // Common case.\n  if (typeof arg === 'number') {\n    if (typeof encodingOrOffset === 'string') {\n      throw new TypeError(\n        'The \"string\" argument must be of type string. Received type number'\n      )\n    }\n    return allocUnsafe(arg)\n  }\n  return from(arg, encodingOrOffset, length)\n}\n\nBuffer.poolSize = 8192 // not used by this implementation\n\nfunction from (value, encodingOrOffset, length) {\n  if (typeof value === 'string') {\n    return fromString(value, encodingOrOffset)\n  }\n\n  if (ArrayBuffer.isView(value)) {\n    return fromArrayView(value)\n  }\n\n  if (value == null) {\n    throw new TypeError(\n      'The first argument must be one of type string, Buffer, ArrayBuffer, Array, ' +\n      'or Array-like Object. Received type ' + (typeof value)\n    )\n  }\n\n  if (isInstance(value, ArrayBuffer) ||\n      (value && isInstance(value.buffer, ArrayBuffer))) {\n    return fromArrayBuffer(value, encodingOrOffset, length)\n  }\n\n  if (typeof SharedArrayBuffer !== 'undefined' &&\n      (isInstance(value, SharedArrayBuffer) ||\n      (value && isInstance(value.buffer, SharedArrayBuffer)))) {\n    return fromArrayBuffer(value, encodingOrOffset, length)\n  }\n\n  if (typeof value === 'number') {\n    throw new TypeError(\n      'The \"value\" argument must not be of type number. Received type number'\n    )\n  }\n\n  const valueOf = value.valueOf && value.valueOf()\n  if (valueOf != null && valueOf !== value) {\n    return Buffer.from(valueOf, encodingOrOffset, length)\n  }\n\n  const b = fromObject(value)\n  if (b) return b\n\n  if (typeof Symbol !== 'undefined' && Symbol.toPrimitive != null &&\n      typeof value[Symbol.toPrimitive] === 'function') {\n    return Buffer.from(value[Symbol.toPrimitive]('string'), encodingOrOffset, length)\n  }\n\n  throw new TypeError(\n    'The first argument must be one of type string, Buffer, ArrayBuffer, Array, ' +\n    'or Array-like Object. Received type ' + (typeof value)\n  )\n}\n\n/**\n * Functionally equivalent to Buffer(arg, encoding) but throws a TypeError\n * if value is a number.\n * Buffer.from(str[, encoding])\n * Buffer.from(array)\n * Buffer.from(buffer)\n * Buffer.from(arrayBuffer[, byteOffset[, length]])\n **/\nBuffer.from = function (value, encodingOrOffset, length) {\n  return from(value, encodingOrOffset, length)\n}\n\n// Note: Change prototype *after* Buffer.from is defined to workaround Chrome bug:\n// https://github.com/feross/buffer/pull/148\nObject.setPrototypeOf(Buffer.prototype, Uint8Array.prototype)\nObject.setPrototypeOf(Buffer, Uint8Array)\n\nfunction assertSize (size) {\n  if (typeof size !== 'number') {\n    throw new TypeError('\"size\" argument must be of type number')\n  } else if (size < 0) {\n    throw new RangeError('The value \"' + size + '\" is invalid for option \"size\"')\n  }\n}\n\nfunction alloc (size, fill, encoding) {\n  assertSize(size)\n  if (size <= 0) {\n    return createBuffer(size)\n  }\n  if (fill !== undefined) {\n    // Only pay attention to encoding if it's a string. This\n    // prevents accidentally sending in a number that would\n    // be interpreted as a start offset.\n    return typeof encoding === 'string'\n      ? createBuffer(size).fill(fill, encoding)\n      : createBuffer(size).fill(fill)\n  }\n  return createBuffer(size)\n}\n\n/**\n * Creates a new filled Buffer instance.\n * alloc(size[, fill[, encoding]])\n **/\nBuffer.alloc = function (size, fill, encoding) {\n  return alloc(size, fill, encoding)\n}\n\nfunction allocUnsafe (size) {\n  assertSize(size)\n  return createBuffer(size < 0 ? 0 : checked(size) | 0)\n}\n\n/**\n * Equivalent to Buffer(num), by default creates a non-zero-filled Buffer instance.\n * */\nBuffer.allocUnsafe = function (size) {\n  return allocUnsafe(size)\n}\n/**\n * Equivalent to SlowBuffer(num), by default creates a non-zero-filled Buffer instance.\n */\nBuffer.allocUnsafeSlow = function (size) {\n  return allocUnsafe(size)\n}\n\nfunction fromString (string, encoding) {\n  if (typeof encoding !== 'string' || encoding === '') {\n    encoding = 'utf8'\n  }\n\n  if (!Buffer.isEncoding(encoding)) {\n    throw new TypeError('Unknown encoding: ' + encoding)\n  }\n\n  const length = byteLength(string, encoding) | 0\n  let buf = createBuffer(length)\n\n  const actual = buf.write(string, encoding)\n\n  if (actual !== length) {\n    // Writing a hex string, for example, that contains invalid characters will\n    // cause everything after the first invalid character to be ignored. (e.g.\n    // 'abxxcd' will be treated as 'ab')\n    buf = buf.slice(0, actual)\n  }\n\n  return buf\n}\n\nfunction fromArrayLike (array) {\n  const length = array.length < 0 ? 0 : checked(array.length) | 0\n  const buf = createBuffer(length)\n  for (let i = 0; i < length; i += 1) {\n    buf[i] = array[i] & 255\n  }\n  return buf\n}\n\nfunction fromArrayView (arrayView) {\n  if (isInstance(arrayView, Uint8Array)) {\n    const copy = new Uint8Array(arrayView)\n    return fromArrayBuffer(copy.buffer, copy.byteOffset, copy.byteLength)\n  }\n  return fromArrayLike(arrayView)\n}\n\nfunction fromArrayBuffer (array, byteOffset, length) {\n  if (byteOffset < 0 || array.byteLength < byteOffset) {\n    throw new RangeError('\"offset\" is outside of buffer bounds')\n  }\n\n  if (array.byteLength < byteOffset + (length || 0)) {\n    throw new RangeError('\"length\" is outside of buffer bounds')\n  }\n\n  let buf\n  if (byteOffset === undefined && length === undefined) {\n    buf = new Uint8Array(array)\n  } else if (length === undefined) {\n    buf = new Uint8Array(array, byteOffset)\n  } else {\n    buf = new Uint8Array(array, byteOffset, length)\n  }\n\n  // Return an augmented `Uint8Array` instance\n  Object.setPrototypeOf(buf, Buffer.prototype)\n\n  return buf\n}\n\nfunction fromObject (obj) {\n  if (Buffer.isBuffer(obj)) {\n    const len = checked(obj.length) | 0\n    const buf = createBuffer(len)\n\n    if (buf.length === 0) {\n      return buf\n    }\n\n    obj.copy(buf, 0, 0, len)\n    return buf\n  }\n\n  if (obj.length !== undefined) {\n    if (typeof obj.length !== 'number' || numberIsNaN(obj.length)) {\n      return createBuffer(0)\n    }\n    return fromArrayLike(obj)\n  }\n\n  if (obj.type === 'Buffer' && Array.isArray(obj.data)) {\n    return fromArrayLike(obj.data)\n  }\n}\n\nfunction checked (length) {\n  // Note: cannot use `length < K_MAX_LENGTH` here because that fails when\n  // length is NaN (which is otherwise coerced to zero.)\n  if (length >= K_MAX_LENGTH) {\n    throw new RangeError('Attempt to allocate Buffer larger than maximum ' +\n                         'size: 0x' + K_MAX_LENGTH.toString(16) + ' bytes')\n  }\n  return length | 0\n}\n\nfunction SlowBuffer (length) {\n  if (+length != length) { // eslint-disable-line eqeqeq\n    length = 0\n  }\n  return Buffer.alloc(+length)\n}\n\nBuffer.isBuffer = function isBuffer (b) {\n  return b != null && b._isBuffer === true &&\n    b !== Buffer.prototype // so Buffer.isBuffer(Buffer.prototype) will be false\n}\n\nBuffer.compare = function compare (a, b) {\n  if (isInstance(a, Uint8Array)) a = Buffer.from(a, a.offset, a.byteLength)\n  if (isInstance(b, Uint8Array)) b = Buffer.from(b, b.offset, b.byteLength)\n  if (!Buffer.isBuffer(a) || !Buffer.isBuffer(b)) {\n    throw new TypeError(\n      'The \"buf1\", \"buf2\" arguments must be one of type Buffer or Uint8Array'\n    )\n  }\n\n  if (a === b) return 0\n\n  let x = a.length\n  let y = b.length\n\n  for (let i = 0, len = Math.min(x, y); i < len; ++i) {\n    if (a[i] !== b[i]) {\n      x = a[i]\n      y = b[i]\n      break\n    }\n  }\n\n  if (x < y) return -1\n  if (y < x) return 1\n  return 0\n}\n\nBuffer.isEncoding = function isEncoding (encoding) {\n  switch (String(encoding).toLowerCase()) {\n    case 'hex':\n    case 'utf8':\n    case 'utf-8':\n    case 'ascii':\n    case 'latin1':\n    case 'binary':\n    case 'base64':\n    case 'ucs2':\n    case 'ucs-2':\n    case 'utf16le':\n    case 'utf-16le':\n      return true\n    default:\n      return false\n  }\n}\n\nBuffer.concat = function concat (list, length) {\n  if (!Array.isArray(list)) {\n    throw new TypeError('\"list\" argument must be an Array of Buffers')\n  }\n\n  if (list.length === 0) {\n    return Buffer.alloc(0)\n  }\n\n  let i\n  if (length === undefined) {\n    length = 0\n    for (i = 0; i < list.length; ++i) {\n      length += list[i].length\n    }\n  }\n\n  const buffer = Buffer.allocUnsafe(length)\n  let pos = 0\n  for (i = 0; i < list.length; ++i) {\n    let buf = list[i]\n    if (isInstance(buf, Uint8Array)) {\n      if (pos + buf.length > buffer.length) {\n        if (!Buffer.isBuffer(buf)) buf = Buffer.from(buf)\n        buf.copy(buffer, pos)\n      } else {\n        Uint8Array.prototype.set.call(\n          buffer,\n          buf,\n          pos\n        )\n      }\n    } else if (!Buffer.isBuffer(buf)) {\n      throw new TypeError('\"list\" argument must be an Array of Buffers')\n    } else {\n      buf.copy(buffer, pos)\n    }\n    pos += buf.length\n  }\n  return buffer\n}\n\nfunction byteLength (string, encoding) {\n  if (Buffer.isBuffer(string)) {\n    return string.length\n  }\n  if (ArrayBuffer.isView(string) || isInstance(string, ArrayBuffer)) {\n    return string.byteLength\n  }\n  if (typeof string !== 'string') {\n    throw new TypeError(\n      'The \"string\" argument must be one of type string, Buffer, or ArrayBuffer. ' +\n      'Received type ' + typeof string\n    )\n  }\n\n  const len = string.length\n  const mustMatch = (arguments.length > 2 && arguments[2] === true)\n  if (!mustMatch && len === 0) return 0\n\n  // Use a for loop to avoid recursion\n  let loweredCase = false\n  for (;;) {\n    switch (encoding) {\n      case 'ascii':\n      case 'latin1':\n      case 'binary':\n        return len\n      case 'utf8':\n      case 'utf-8':\n        return utf8ToBytes(string).length\n      case 'ucs2':\n      case 'ucs-2':\n      case 'utf16le':\n      case 'utf-16le':\n        return len * 2\n      case 'hex':\n        return len >>> 1\n      case 'base64':\n        return base64ToBytes(string).length\n      default:\n        if (loweredCase) {\n          return mustMatch ? -1 : utf8ToBytes(string).length // assume utf8\n        }\n        encoding = ('' + encoding).toLowerCase()\n        loweredCase = true\n    }\n  }\n}\nBuffer.byteLength = byteLength\n\nfunction slowToString (encoding, start, end) {\n  let loweredCase = false\n\n  // No need to verify that \"this.length <= MAX_UINT32\" since it's a read-only\n  // property of a typed array.\n\n  // This behaves neither like String nor Uint8Array in that we set start/end\n  // to their upper/lower bounds if the value passed is out of range.\n  // undefined is handled specially as per ECMA-262 6th Edition,\n  // Section 13.3.3.7 Runtime Semantics: KeyedBindingInitialization.\n  if (start === undefined || start < 0) {\n    start = 0\n  }\n  // Return early if start > this.length. Done here to prevent potential uint32\n  // coercion fail below.\n  if (start > this.length) {\n    return ''\n  }\n\n  if (end === undefined || end > this.length) {\n    end = this.length\n  }\n\n  if (end <= 0) {\n    return ''\n  }\n\n  // Force coercion to uint32. This will also coerce falsey/NaN values to 0.\n  end >>>= 0\n  start >>>= 0\n\n  if (end <= start) {\n    return ''\n  }\n\n  if (!encoding) encoding = 'utf8'\n\n  while (true) {\n    switch (encoding) {\n      case 'hex':\n        return hexSlice(this, start, end)\n\n      case 'utf8':\n      case 'utf-8':\n        return utf8Slice(this, start, end)\n\n      case 'ascii':\n        return asciiSlice(this, start, end)\n\n      case 'latin1':\n      case 'binary':\n        return latin1Slice(this, start, end)\n\n      case 'base64':\n        return base64Slice(this, start, end)\n\n      case 'ucs2':\n      case 'ucs-2':\n      case 'utf16le':\n      case 'utf-16le':\n        return utf16leSlice(this, start, end)\n\n      default:\n        if (loweredCase) throw new TypeError('Unknown encoding: ' + encoding)\n        encoding = (encoding + '').toLowerCase()\n        loweredCase = true\n    }\n  }\n}\n\n// This property is used by `Buffer.isBuffer` (and the `is-buffer` npm package)\n// to detect a Buffer instance. It's not possible to use `instanceof Buffer`\n// reliably in a browserify context because there could be multiple different\n// copies of the 'buffer' package in use. This method works even for Buffer\n// instances that were created from another copy of the `buffer` package.\n// See: https://github.com/feross/buffer/issues/154\nBuffer.prototype._isBuffer = true\n\nfunction swap (b, n, m) {\n  const i = b[n]\n  b[n] = b[m]\n  b[m] = i\n}\n\nBuffer.prototype.swap16 = function swap16 () {\n  const len = this.length\n  if (len % 2 !== 0) {\n    throw new RangeError('Buffer size must be a multiple of 16-bits')\n  }\n  for (let i = 0; i < len; i += 2) {\n    swap(this, i, i + 1)\n  }\n  return this\n}\n\nBuffer.prototype.swap32 = function swap32 () {\n  const len = this.length\n  if (len % 4 !== 0) {\n    throw new RangeError('Buffer size must be a multiple of 32-bits')\n  }\n  for (let i = 0; i < len; i += 4) {\n    swap(this, i, i + 3)\n    swap(this, i + 1, i + 2)\n  }\n  return this\n}\n\nBuffer.prototype.swap64 = function swap64 () {\n  const len = this.length\n  if (len % 8 !== 0) {\n    throw new RangeError('Buffer size must be a multiple of 64-bits')\n  }\n  for (let i = 0; i < len; i += 8) {\n    swap(this, i, i + 7)\n    swap(this, i + 1, i + 6)\n    swap(this, i + 2, i + 5)\n    swap(this, i + 3, i + 4)\n  }\n  return this\n}\n\nBuffer.prototype.toString = function toString () {\n  const length = this.length\n  if (length === 0) return ''\n  if (arguments.length === 0) return utf8Slice(this, 0, length)\n  return slowToString.apply(this, arguments)\n}\n\nBuffer.prototype.toLocaleString = Buffer.prototype.toString\n\nBuffer.prototype.equals = function equals (b) {\n  if (!Buffer.isBuffer(b)) throw new TypeError('Argument must be a Buffer')\n  if (this === b) return true\n  return Buffer.compare(this, b) === 0\n}\n\nBuffer.prototype.inspect = function inspect () {\n  let str = ''\n  const max = exports.INSPECT_MAX_BYTES\n  str = this.toString('hex', 0, max).replace(/(.{2})/g, '$1 ').trim()\n  if (this.length > max) str += ' ... '\n  return '<Buffer ' + str + '>'\n}\nif (customInspectSymbol) {\n  Buffer.prototype[customInspectSymbol] = Buffer.prototype.inspect\n}\n\nBuffer.prototype.compare = function compare (target, start, end, thisStart, thisEnd) {\n  if (isInstance(target, Uint8Array)) {\n    target = Buffer.from(target, target.offset, target.byteLength)\n  }\n  if (!Buffer.isBuffer(target)) {\n    throw new TypeError(\n      'The \"target\" argument must be one of type Buffer or Uint8Array. ' +\n      'Received type ' + (typeof target)\n    )\n  }\n\n  if (start === undefined) {\n    start = 0\n  }\n  if (end === undefined) {\n    end = target ? target.length : 0\n  }\n  if (thisStart === undefined) {\n    thisStart = 0\n  }\n  if (thisEnd === undefined) {\n    thisEnd = this.length\n  }\n\n  if (start < 0 || end > target.length || thisStart < 0 || thisEnd > this.length) {\n    throw new RangeError('out of range index')\n  }\n\n  if (thisStart >= thisEnd && start >= end) {\n    return 0\n  }\n  if (thisStart >= thisEnd) {\n    return -1\n  }\n  if (start >= end) {\n    return 1\n  }\n\n  start >>>= 0\n  end >>>= 0\n  thisStart >>>= 0\n  thisEnd >>>= 0\n\n  if (this === target) return 0\n\n  let x = thisEnd - thisStart\n  let y = end - start\n  const len = Math.min(x, y)\n\n  const thisCopy = this.slice(thisStart, thisEnd)\n  const targetCopy = target.slice(start, end)\n\n  for (let i = 0; i < len; ++i) {\n    if (thisCopy[i] !== targetCopy[i]) {\n      x = thisCopy[i]\n      y = targetCopy[i]\n      break\n    }\n  }\n\n  if (x < y) return -1\n  if (y < x) return 1\n  return 0\n}\n\n// Finds either the first index of `val` in `buffer` at offset >= `byteOffset`,\n// OR the last index of `val` in `buffer` at offset <= `byteOffset`.\n//\n// Arguments:\n// - buffer - a Buffer to search\n// - val - a string, Buffer, or number\n// - byteOffset - an index into `buffer`; will be clamped to an int32\n// - encoding - an optional encoding, relevant is val is a string\n// - dir - true for indexOf, false for lastIndexOf\nfunction bidirectionalIndexOf (buffer, val, byteOffset, encoding, dir) {\n  // Empty buffer means no match\n  if (buffer.length === 0) return -1\n\n  // Normalize byteOffset\n  if (typeof byteOffset === 'string') {\n    encoding = byteOffset\n    byteOffset = 0\n  } else if (byteOffset > 0x7fffffff) {\n    byteOffset = 0x7fffffff\n  } else if (byteOffset < -0x80000000) {\n    byteOffset = -0x80000000\n  }\n  byteOffset = +byteOffset // Coerce to Number.\n  if (numberIsNaN(byteOffset)) {\n    // byteOffset: it it's undefined, null, NaN, \"foo\", etc, search whole buffer\n    byteOffset = dir ? 0 : (buffer.length - 1)\n  }\n\n  // Normalize byteOffset: negative offsets start from the end of the buffer\n  if (byteOffset < 0) byteOffset = buffer.length + byteOffset\n  if (byteOffset >= buffer.length) {\n    if (dir) return -1\n    else byteOffset = buffer.length - 1\n  } else if (byteOffset < 0) {\n    if (dir) byteOffset = 0\n    else return -1\n  }\n\n  // Normalize val\n  if (typeof val === 'string') {\n    val = Buffer.from(val, encoding)\n  }\n\n  // Finally, search either indexOf (if dir is true) or lastIndexOf\n  if (Buffer.isBuffer(val)) {\n    // Special case: looking for empty string/buffer always fails\n    if (val.length === 0) {\n      return -1\n    }\n    return arrayIndexOf(buffer, val, byteOffset, encoding, dir)\n  } else if (typeof val === 'number') {\n    val = val & 0xFF // Search for a byte value [0-255]\n    if (typeof Uint8Array.prototype.indexOf === 'function') {\n      if (dir) {\n        return Uint8Array.prototype.indexOf.call(buffer, val, byteOffset)\n      } else {\n        return Uint8Array.prototype.lastIndexOf.call(buffer, val, byteOffset)\n      }\n    }\n    return arrayIndexOf(buffer, [val], byteOffset, encoding, dir)\n  }\n\n  throw new TypeError('val must be string, number or Buffer')\n}\n\nfunction arrayIndexOf (arr, val, byteOffset, encoding, dir) {\n  let indexSize = 1\n  let arrLength = arr.length\n  let valLength = val.length\n\n  if (encoding !== undefined) {\n    encoding = String(encoding).toLowerCase()\n    if (encoding === 'ucs2' || encoding === 'ucs-2' ||\n        encoding === 'utf16le' || encoding === 'utf-16le') {\n      if (arr.length < 2 || val.length < 2) {\n        return -1\n      }\n      indexSize = 2\n      arrLength /= 2\n      valLength /= 2\n      byteOffset /= 2\n    }\n  }\n\n  function read (buf, i) {\n    if (indexSize === 1) {\n      return buf[i]\n    } else {\n      return buf.readUInt16BE(i * indexSize)\n    }\n  }\n\n  let i\n  if (dir) {\n    let foundIndex = -1\n    for (i = byteOffset; i < arrLength; i++) {\n      if (read(arr, i) === read(val, foundIndex === -1 ? 0 : i - foundIndex)) {\n        if (foundIndex === -1) foundIndex = i\n        if (i - foundIndex + 1 === valLength) return foundIndex * indexSize\n      } else {\n        if (foundIndex !== -1) i -= i - foundIndex\n        foundIndex = -1\n      }\n    }\n  } else {\n    if (byteOffset + valLength > arrLength) byteOffset = arrLength - valLength\n    for (i = byteOffset; i >= 0; i--) {\n      let found = true\n      for (let j = 0; j < valLength; j++) {\n        if (read(arr, i + j) !== read(val, j)) {\n          found = false\n          break\n        }\n      }\n      if (found) return i\n    }\n  }\n\n  return -1\n}\n\nBuffer.prototype.includes = function includes (val, byteOffset, encoding) {\n  return this.indexOf(val, byteOffset, encoding) !== -1\n}\n\nBuffer.prototype.indexOf = function indexOf (val, byteOffset, encoding) {\n  return bidirectionalIndexOf(this, val, byteOffset, encoding, true)\n}\n\nBuffer.prototype.lastIndexOf = function lastIndexOf (val, byteOffset, encoding) {\n  return bidirectionalIndexOf(this, val, byteOffset, encoding, false)\n}\n\nfunction hexWrite (buf, string, offset, length) {\n  offset = Number(offset) || 0\n  const remaining = buf.length - offset\n  if (!length) {\n    length = remaining\n  } else {\n    length = Number(length)\n    if (length > remaining) {\n      length = remaining\n    }\n  }\n\n  const strLen = string.length\n\n  if (length > strLen / 2) {\n    length = strLen / 2\n  }\n  let i\n  for (i = 0; i < length; ++i) {\n    const parsed = parseInt(string.substr(i * 2, 2), 16)\n    if (numberIsNaN(parsed)) return i\n    buf[offset + i] = parsed\n  }\n  return i\n}\n\nfunction utf8Write (buf, string, offset, length) {\n  return blitBuffer(utf8ToBytes(string, buf.length - offset), buf, offset, length)\n}\n\nfunction asciiWrite (buf, string, offset, length) {\n  return blitBuffer(asciiToBytes(string), buf, offset, length)\n}\n\nfunction base64Write (buf, string, offset, length) {\n  return blitBuffer(base64ToBytes(string), buf, offset, length)\n}\n\nfunction ucs2Write (buf, string, offset, length) {\n  return blitBuffer(utf16leToBytes(string, buf.length - offset), buf, offset, length)\n}\n\nBuffer.prototype.write = function write (string, offset, length, encoding) {\n  // Buffer#write(string)\n  if (offset === undefined) {\n    encoding = 'utf8'\n    length = this.length\n    offset = 0\n  // Buffer#write(string, encoding)\n  } else if (length === undefined && typeof offset === 'string') {\n    encoding = offset\n    length = this.length\n    offset = 0\n  // Buffer#write(string, offset[, length][, encoding])\n  } else if (isFinite(offset)) {\n    offset = offset >>> 0\n    if (isFinite(length)) {\n      length = length >>> 0\n      if (encoding === undefined) encoding = 'utf8'\n    } else {\n      encoding = length\n      length = undefined\n    }\n  } else {\n    throw new Error(\n      'Buffer.write(string, encoding, offset[, length]) is no longer supported'\n    )\n  }\n\n  const remaining = this.length - offset\n  if (length === undefined || length > remaining) length = remaining\n\n  if ((string.length > 0 && (length < 0 || offset < 0)) || offset > this.length) {\n    throw new RangeError('Attempt to write outside buffer bounds')\n  }\n\n  if (!encoding) encoding = 'utf8'\n\n  let loweredCase = false\n  for (;;) {\n    switch (encoding) {\n      case 'hex':\n        return hexWrite(this, string, offset, length)\n\n      case 'utf8':\n      case 'utf-8':\n        return utf8Write(this, string, offset, length)\n\n      case 'ascii':\n      case 'latin1':\n      case 'binary':\n        return asciiWrite(this, string, offset, length)\n\n      case 'base64':\n        // Warning: maxLength not taken into account in base64Write\n        return base64Write(this, string, offset, length)\n\n      case 'ucs2':\n      case 'ucs-2':\n      case 'utf16le':\n      case 'utf-16le':\n        return ucs2Write(this, string, offset, length)\n\n      default:\n        if (loweredCase) throw new TypeError('Unknown encoding: ' + encoding)\n        encoding = ('' + encoding).toLowerCase()\n        loweredCase = true\n    }\n  }\n}\n\nBuffer.prototype.toJSON = function toJSON () {\n  return {\n    type: 'Buffer',\n    data: Array.prototype.slice.call(this._arr || this, 0)\n  }\n}\n\nfunction base64Slice (buf, start, end) {\n  if (start === 0 && end === buf.length) {\n    return base64.fromByteArray(buf)\n  } else {\n    return base64.fromByteArray(buf.slice(start, end))\n  }\n}\n\nfunction utf8Slice (buf, start, end) {\n  end = Math.min(buf.length, end)\n  const res = []\n\n  let i = start\n  while (i < end) {\n    const firstByte = buf[i]\n    let codePoint = null\n    let bytesPerSequence = (firstByte > 0xEF)\n      ? 4\n      : (firstByte > 0xDF)\n          ? 3\n          : (firstByte > 0xBF)\n              ? 2\n              : 1\n\n    if (i + bytesPerSequence <= end) {\n      let secondByte, thirdByte, fourthByte, tempCodePoint\n\n      switch (bytesPerSequence) {\n        case 1:\n          if (firstByte < 0x80) {\n            codePoint = firstByte\n          }\n          break\n        case 2:\n          secondByte = buf[i + 1]\n          if ((secondByte & 0xC0) === 0x80) {\n            tempCodePoint = (firstByte & 0x1F) << 0x6 | (secondByte & 0x3F)\n            if (tempCodePoint > 0x7F) {\n              codePoint = tempCodePoint\n            }\n          }\n          break\n        case 3:\n          secondByte = buf[i + 1]\n          thirdByte = buf[i + 2]\n          if ((secondByte & 0xC0) === 0x80 && (thirdByte & 0xC0) === 0x80) {\n            tempCodePoint = (firstByte & 0xF) << 0xC | (secondByte & 0x3F) << 0x6 | (thirdByte & 0x3F)\n            if (tempCodePoint > 0x7FF && (tempCodePoint < 0xD800 || tempCodePoint > 0xDFFF)) {\n              codePoint = tempCodePoint\n            }\n          }\n          break\n        case 4:\n          secondByte = buf[i + 1]\n          thirdByte = buf[i + 2]\n          fourthByte = buf[i + 3]\n          if ((secondByte & 0xC0) === 0x80 && (thirdByte & 0xC0) === 0x80 && (fourthByte & 0xC0) === 0x80) {\n            tempCodePoint = (firstByte & 0xF) << 0x12 | (secondByte & 0x3F) << 0xC | (thirdByte & 0x3F) << 0x6 | (fourthByte & 0x3F)\n            if (tempCodePoint > 0xFFFF && tempCodePoint < 0x110000) {\n              codePoint = tempCodePoint\n            }\n          }\n      }\n    }\n\n    if (codePoint === null) {\n      // we did not generate a valid codePoint so insert a\n      // replacement char (U+FFFD) and advance only 1 byte\n      codePoint = 0xFFFD\n      bytesPerSequence = 1\n    } else if (codePoint > 0xFFFF) {\n      // encode to utf16 (surrogate pair dance)\n      codePoint -= 0x10000\n      res.push(codePoint >>> 10 & 0x3FF | 0xD800)\n      codePoint = 0xDC00 | codePoint & 0x3FF\n    }\n\n    res.push(codePoint)\n    i += bytesPerSequence\n  }\n\n  return decodeCodePointsArray(res)\n}\n\n// Based on http://stackoverflow.com/a/22747272/680742, the browser with\n// the lowest limit is Chrome, with 0x10000 args.\n// We go 1 magnitude less, for safety\nconst MAX_ARGUMENTS_LENGTH = 0x1000\n\nfunction decodeCodePointsArray (codePoints) {\n  const len = codePoints.length\n  if (len <= MAX_ARGUMENTS_LENGTH) {\n    return String.fromCharCode.apply(String, codePoints) // avoid extra slice()\n  }\n\n  // Decode in chunks to avoid \"call stack size exceeded\".\n  let res = ''\n  let i = 0\n  while (i < len) {\n    res += String.fromCharCode.apply(\n      String,\n      codePoints.slice(i, i += MAX_ARGUMENTS_LENGTH)\n    )\n  }\n  return res\n}\n\nfunction asciiSlice (buf, start, end) {\n  let ret = ''\n  end = Math.min(buf.length, end)\n\n  for (let i = start; i < end; ++i) {\n    ret += String.fromCharCode(buf[i] & 0x7F)\n  }\n  return ret\n}\n\nfunction latin1Slice (buf, start, end) {\n  let ret = ''\n  end = Math.min(buf.length, end)\n\n  for (let i = start; i < end; ++i) {\n    ret += String.fromCharCode(buf[i])\n  }\n  return ret\n}\n\nfunction hexSlice (buf, start, end) {\n  const len = buf.length\n\n  if (!start || start < 0) start = 0\n  if (!end || end < 0 || end > len) end = len\n\n  let out = ''\n  for (let i = start; i < end; ++i) {\n    out += hexSliceLookupTable[buf[i]]\n  }\n  return out\n}\n\nfunction utf16leSlice (buf, start, end) {\n  const bytes = buf.slice(start, end)\n  let res = ''\n  // If bytes.length is odd, the last 8 bits must be ignored (same as node.js)\n  for (let i = 0; i < bytes.length - 1; i += 2) {\n    res += String.fromCharCode(bytes[i] + (bytes[i + 1] * 256))\n  }\n  return res\n}\n\nBuffer.prototype.slice = function slice (start, end) {\n  const len = this.length\n  start = ~~start\n  end = end === undefined ? len : ~~end\n\n  if (start < 0) {\n    start += len\n    if (start < 0) start = 0\n  } else if (start > len) {\n    start = len\n  }\n\n  if (end < 0) {\n    end += len\n    if (end < 0) end = 0\n  } else if (end > len) {\n    end = len\n  }\n\n  if (end < start) end = start\n\n  const newBuf = this.subarray(start, end)\n  // Return an augmented `Uint8Array` instance\n  Object.setPrototypeOf(newBuf, Buffer.prototype)\n\n  return newBuf\n}\n\n/*\n * Need to make sure that buffer isn't trying to write out of bounds.\n */\nfunction checkOffset (offset, ext, length) {\n  if ((offset % 1) !== 0 || offset < 0) throw new RangeError('offset is not uint')\n  if (offset + ext > length) throw new RangeError('Trying to access beyond buffer length')\n}\n\nBuffer.prototype.readUintLE =\nBuffer.prototype.readUIntLE = function readUIntLE (offset, byteLength, noAssert) {\n  offset = offset >>> 0\n  byteLength = byteLength >>> 0\n  if (!noAssert) checkOffset(offset, byteLength, this.length)\n\n  let val = this[offset]\n  let mul = 1\n  let i = 0\n  while (++i < byteLength && (mul *= 0x100)) {\n    val += this[offset + i] * mul\n  }\n\n  return val\n}\n\nBuffer.prototype.readUintBE =\nBuffer.prototype.readUIntBE = function readUIntBE (offset, byteLength, noAssert) {\n  offset = offset >>> 0\n  byteLength = byteLength >>> 0\n  if (!noAssert) {\n    checkOffset(offset, byteLength, this.length)\n  }\n\n  let val = this[offset + --byteLength]\n  let mul = 1\n  while (byteLength > 0 && (mul *= 0x100)) {\n    val += this[offset + --byteLength] * mul\n  }\n\n  return val\n}\n\nBuffer.prototype.readUint8 =\nBuffer.prototype.readUInt8 = function readUInt8 (offset, noAssert) {\n  offset = offset >>> 0\n  if (!noAssert) checkOffset(offset, 1, this.length)\n  return this[offset]\n}\n\nBuffer.prototype.readUint16LE =\nBuffer.prototype.readUInt16LE = function readUInt16LE (offset, noAssert) {\n  offset = offset >>> 0\n  if (!noAssert) checkOffset(offset, 2, this.length)\n  return this[offset] | (this[offset + 1] << 8)\n}\n\nBuffer.prototype.readUint16BE =\nBuffer.prototype.readUInt16BE = function readUInt16BE (offset, noAssert) {\n  offset = offset >>> 0\n  if (!noAssert) checkOffset(offset, 2, this.length)\n  return (this[offset] << 8) | this[offset + 1]\n}\n\nBuffer.prototype.readUint32LE =\nBuffer.prototype.readUInt32LE = function readUInt32LE (offset, noAssert) {\n  offset = offset >>> 0\n  if (!noAssert) checkOffset(offset, 4, this.length)\n\n  return ((this[offset]) |\n      (this[offset + 1] << 8) |\n      (this[offset + 2] << 16)) +\n      (this[offset + 3] * 0x1000000)\n}\n\nBuffer.prototype.readUint32BE =\nBuffer.prototype.readUInt32BE = function readUInt32BE (offset, noAssert) {\n  offset = offset >>> 0\n  if (!noAssert) checkOffset(offset, 4, this.length)\n\n  return (this[offset] * 0x1000000) +\n    ((this[offset + 1] << 16) |\n    (this[offset + 2] << 8) |\n    this[offset + 3])\n}\n\nBuffer.prototype.readBigUInt64LE = defineBigIntMethod(function readBigUInt64LE (offset) {\n  offset = offset >>> 0\n  validateNumber(offset, 'offset')\n  const first = this[offset]\n  const last = this[offset + 7]\n  if (first === undefined || last === undefined) {\n    boundsError(offset, this.length - 8)\n  }\n\n  const lo = first +\n    this[++offset] * 2 ** 8 +\n    this[++offset] * 2 ** 16 +\n    this[++offset] * 2 ** 24\n\n  const hi = this[++offset] +\n    this[++offset] * 2 ** 8 +\n    this[++offset] * 2 ** 16 +\n    last * 2 ** 24\n\n  return BigInt(lo) + (BigInt(hi) << BigInt(32))\n})\n\nBuffer.prototype.readBigUInt64BE = defineBigIntMethod(function readBigUInt64BE (offset) {\n  offset = offset >>> 0\n  validateNumber(offset, 'offset')\n  const first = this[offset]\n  const last = this[offset + 7]\n  if (first === undefined || last === undefined) {\n    boundsError(offset, this.length - 8)\n  }\n\n  const hi = first * 2 ** 24 +\n    this[++offset] * 2 ** 16 +\n    this[++offset] * 2 ** 8 +\n    this[++offset]\n\n  const lo = this[++offset] * 2 ** 24 +\n    this[++offset] * 2 ** 16 +\n    this[++offset] * 2 ** 8 +\n    last\n\n  return (BigInt(hi) << BigInt(32)) + BigInt(lo)\n})\n\nBuffer.prototype.readIntLE = function readIntLE (offset, byteLength, noAssert) {\n  offset = offset >>> 0\n  byteLength = byteLength >>> 0\n  if (!noAssert) checkOffset(offset, byteLength, this.length)\n\n  let val = this[offset]\n  let mul = 1\n  let i = 0\n  while (++i < byteLength && (mul *= 0x100)) {\n    val += this[offset + i] * mul\n  }\n  mul *= 0x80\n\n  if (val >= mul) val -= Math.pow(2, 8 * byteLength)\n\n  return val\n}\n\nBuffer.prototype.readIntBE = function readIntBE (offset, byteLength, noAssert) {\n  offset = offset >>> 0\n  byteLength = byteLength >>> 0\n  if (!noAssert) checkOffset(offset, byteLength, this.length)\n\n  let i = byteLength\n  let mul = 1\n  let val = this[offset + --i]\n  while (i > 0 && (mul *= 0x100)) {\n    val += this[offset + --i] * mul\n  }\n  mul *= 0x80\n\n  if (val >= mul) val -= Math.pow(2, 8 * byteLength)\n\n  return val\n}\n\nBuffer.prototype.readInt8 = function readInt8 (offset, noAssert) {\n  offset = offset >>> 0\n  if (!noAssert) checkOffset(offset, 1, this.length)\n  if (!(this[offset] & 0x80)) return (this[offset])\n  return ((0xff - this[offset] + 1) * -1)\n}\n\nBuffer.prototype.readInt16LE = function readInt16LE (offset, noAssert) {\n  offset = offset >>> 0\n  if (!noAssert) checkOffset(offset, 2, this.length)\n  const val = this[offset] | (this[offset + 1] << 8)\n  return (val & 0x8000) ? val | 0xFFFF0000 : val\n}\n\nBuffer.prototype.readInt16BE = function readInt16BE (offset, noAssert) {\n  offset = offset >>> 0\n  if (!noAssert) checkOffset(offset, 2, this.length)\n  const val = this[offset + 1] | (this[offset] << 8)\n  return (val & 0x8000) ? val | 0xFFFF0000 : val\n}\n\nBuffer.prototype.readInt32LE = function readInt32LE (offset, noAssert) {\n  offset = offset >>> 0\n  if (!noAssert) checkOffset(offset, 4, this.length)\n\n  return (this[offset]) |\n    (this[offset + 1] << 8) |\n    (this[offset + 2] << 16) |\n    (this[offset + 3] << 24)\n}\n\nBuffer.prototype.readInt32BE = function readInt32BE (offset, noAssert) {\n  offset = offset >>> 0\n  if (!noAssert) checkOffset(offset, 4, this.length)\n\n  return (this[offset] << 24) |\n    (this[offset + 1] << 16) |\n    (this[offset + 2] << 8) |\n    (this[offset + 3])\n}\n\nBuffer.prototype.readBigInt64LE = defineBigIntMethod(function readBigInt64LE (offset) {\n  offset = offset >>> 0\n  validateNumber(offset, 'offset')\n  const first = this[offset]\n  const last = this[offset + 7]\n  if (first === undefined || last === undefined) {\n    boundsError(offset, this.length - 8)\n  }\n\n  const val = this[offset + 4] +\n    this[offset + 5] * 2 ** 8 +\n    this[offset + 6] * 2 ** 16 +\n    (last << 24) // Overflow\n\n  return (BigInt(val) << BigInt(32)) +\n    BigInt(first +\n    this[++offset] * 2 ** 8 +\n    this[++offset] * 2 ** 16 +\n    this[++offset] * 2 ** 24)\n})\n\nBuffer.prototype.readBigInt64BE = defineBigIntMethod(function readBigInt64BE (offset) {\n  offset = offset >>> 0\n  validateNumber(offset, 'offset')\n  const first = this[offset]\n  const last = this[offset + 7]\n  if (first === undefined || last === undefined) {\n    boundsError(offset, this.length - 8)\n  }\n\n  const val = (first << 24) + // Overflow\n    this[++offset] * 2 ** 16 +\n    this[++offset] * 2 ** 8 +\n    this[++offset]\n\n  return (BigInt(val) << BigInt(32)) +\n    BigInt(this[++offset] * 2 ** 24 +\n    this[++offset] * 2 ** 16 +\n    this[++offset] * 2 ** 8 +\n    last)\n})\n\nBuffer.prototype.readFloatLE = function readFloatLE (offset, noAssert) {\n  offset = offset >>> 0\n  if (!noAssert) checkOffset(offset, 4, this.length)\n  return ieee754.read(this, offset, true, 23, 4)\n}\n\nBuffer.prototype.readFloatBE = function readFloatBE (offset, noAssert) {\n  offset = offset >>> 0\n  if (!noAssert) checkOffset(offset, 4, this.length)\n  return ieee754.read(this, offset, false, 23, 4)\n}\n\nBuffer.prototype.readDoubleLE = function readDoubleLE (offset, noAssert) {\n  offset = offset >>> 0\n  if (!noAssert) checkOffset(offset, 8, this.length)\n  return ieee754.read(this, offset, true, 52, 8)\n}\n\nBuffer.prototype.readDoubleBE = function readDoubleBE (offset, noAssert) {\n  offset = offset >>> 0\n  if (!noAssert) checkOffset(offset, 8, this.length)\n  return ieee754.read(this, offset, false, 52, 8)\n}\n\nfunction checkInt (buf, value, offset, ext, max, min) {\n  if (!Buffer.isBuffer(buf)) throw new TypeError('\"buffer\" argument must be a Buffer instance')\n  if (value > max || value < min) throw new RangeError('\"value\" argument is out of bounds')\n  if (offset + ext > buf.length) throw new RangeError('Index out of range')\n}\n\nBuffer.prototype.writeUintLE =\nBuffer.prototype.writeUIntLE = function writeUIntLE (value, offset, byteLength, noAssert) {\n  value = +value\n  offset = offset >>> 0\n  byteLength = byteLength >>> 0\n  if (!noAssert) {\n    const maxBytes = Math.pow(2, 8 * byteLength) - 1\n    checkInt(this, value, offset, byteLength, maxBytes, 0)\n  }\n\n  let mul = 1\n  let i = 0\n  this[offset] = value & 0xFF\n  while (++i < byteLength && (mul *= 0x100)) {\n    this[offset + i] = (value / mul) & 0xFF\n  }\n\n  return offset + byteLength\n}\n\nBuffer.prototype.writeUintBE =\nBuffer.prototype.writeUIntBE = function writeUIntBE (value, offset, byteLength, noAssert) {\n  value = +value\n  offset = offset >>> 0\n  byteLength = byteLength >>> 0\n  if (!noAssert) {\n    const maxBytes = Math.pow(2, 8 * byteLength) - 1\n    checkInt(this, value, offset, byteLength, maxBytes, 0)\n  }\n\n  let i = byteLength - 1\n  let mul = 1\n  this[offset + i] = value & 0xFF\n  while (--i >= 0 && (mul *= 0x100)) {\n    this[offset + i] = (value / mul) & 0xFF\n  }\n\n  return offset + byteLength\n}\n\nBuffer.prototype.writeUint8 =\nBuffer.prototype.writeUInt8 = function writeUInt8 (value, offset, noAssert) {\n  value = +value\n  offset = offset >>> 0\n  if (!noAssert) checkInt(this, value, offset, 1, 0xff, 0)\n  this[offset] = (value & 0xff)\n  return offset + 1\n}\n\nBuffer.prototype.writeUint16LE =\nBuffer.prototype.writeUInt16LE = function writeUInt16LE (value, offset, noAssert) {\n  value = +value\n  offset = offset >>> 0\n  if (!noAssert) checkInt(this, value, offset, 2, 0xffff, 0)\n  this[offset] = (value & 0xff)\n  this[offset + 1] = (value >>> 8)\n  return offset + 2\n}\n\nBuffer.prototype.writeUint16BE =\nBuffer.prototype.writeUInt16BE = function writeUInt16BE (value, offset, noAssert) {\n  value = +value\n  offset = offset >>> 0\n  if (!noAssert) checkInt(this, value, offset, 2, 0xffff, 0)\n  this[offset] = (value >>> 8)\n  this[offset + 1] = (value & 0xff)\n  return offset + 2\n}\n\nBuffer.prototype.writeUint32LE =\nBuffer.prototype.writeUInt32LE = function writeUInt32LE (value, offset, noAssert) {\n  value = +value\n  offset = offset >>> 0\n  if (!noAssert) checkInt(this, value, offset, 4, 0xffffffff, 0)\n  this[offset + 3] = (value >>> 24)\n  this[offset + 2] = (value >>> 16)\n  this[offset + 1] = (value >>> 8)\n  this[offset] = (value & 0xff)\n  return offset + 4\n}\n\nBuffer.prototype.writeUint32BE =\nBuffer.prototype.writeUInt32BE = function writeUInt32BE (value, offset, noAssert) {\n  value = +value\n  offset = offset >>> 0\n  if (!noAssert) checkInt(this, value, offset, 4, 0xffffffff, 0)\n  this[offset] = (value >>> 24)\n  this[offset + 1] = (value >>> 16)\n  this[offset + 2] = (value >>> 8)\n  this[offset + 3] = (value & 0xff)\n  return offset + 4\n}\n\nfunction wrtBigUInt64LE (buf, value, offset, min, max) {\n  checkIntBI(value, min, max, buf, offset, 7)\n\n  let lo = Number(value & BigInt(0xffffffff))\n  buf[offset++] = lo\n  lo = lo >> 8\n  buf[offset++] = lo\n  lo = lo >> 8\n  buf[offset++] = lo\n  lo = lo >> 8\n  buf[offset++] = lo\n  let hi = Number(value >> BigInt(32) & BigInt(0xffffffff))\n  buf[offset++] = hi\n  hi = hi >> 8\n  buf[offset++] = hi\n  hi = hi >> 8\n  buf[offset++] = hi\n  hi = hi >> 8\n  buf[offset++] = hi\n  return offset\n}\n\nfunction wrtBigUInt64BE (buf, value, offset, min, max) {\n  checkIntBI(value, min, max, buf, offset, 7)\n\n  let lo = Number(value & BigInt(0xffffffff))\n  buf[offset + 7] = lo\n  lo = lo >> 8\n  buf[offset + 6] = lo\n  lo = lo >> 8\n  buf[offset + 5] = lo\n  lo = lo >> 8\n  buf[offset + 4] = lo\n  let hi = Number(value >> BigInt(32) & BigInt(0xffffffff))\n  buf[offset + 3] = hi\n  hi = hi >> 8\n  buf[offset + 2] = hi\n  hi = hi >> 8\n  buf[offset + 1] = hi\n  hi = hi >> 8\n  buf[offset] = hi\n  return offset + 8\n}\n\nBuffer.prototype.writeBigUInt64LE = defineBigIntMethod(function writeBigUInt64LE (value, offset = 0) {\n  return wrtBigUInt64LE(this, value, offset, BigInt(0), BigInt('0xffffffffffffffff'))\n})\n\nBuffer.prototype.writeBigUInt64BE = defineBigIntMethod(function writeBigUInt64BE (value, offset = 0) {\n  return wrtBigUInt64BE(this, value, offset, BigInt(0), BigInt('0xffffffffffffffff'))\n})\n\nBuffer.prototype.writeIntLE = function writeIntLE (value, offset, byteLength, noAssert) {\n  value = +value\n  offset = offset >>> 0\n  if (!noAssert) {\n    const limit = Math.pow(2, (8 * byteLength) - 1)\n\n    checkInt(this, value, offset, byteLength, limit - 1, -limit)\n  }\n\n  let i = 0\n  let mul = 1\n  let sub = 0\n  this[offset] = value & 0xFF\n  while (++i < byteLength && (mul *= 0x100)) {\n    if (value < 0 && sub === 0 && this[offset + i - 1] !== 0) {\n      sub = 1\n    }\n    this[offset + i] = ((value / mul) >> 0) - sub & 0xFF\n  }\n\n  return offset + byteLength\n}\n\nBuffer.prototype.writeIntBE = function writeIntBE (value, offset, byteLength, noAssert) {\n  value = +value\n  offset = offset >>> 0\n  if (!noAssert) {\n    const limit = Math.pow(2, (8 * byteLength) - 1)\n\n    checkInt(this, value, offset, byteLength, limit - 1, -limit)\n  }\n\n  let i = byteLength - 1\n  let mul = 1\n  let sub = 0\n  this[offset + i] = value & 0xFF\n  while (--i >= 0 && (mul *= 0x100)) {\n    if (value < 0 && sub === 0 && this[offset + i + 1] !== 0) {\n      sub = 1\n    }\n    this[offset + i] = ((value / mul) >> 0) - sub & 0xFF\n  }\n\n  return offset + byteLength\n}\n\nBuffer.prototype.writeInt8 = function writeInt8 (value, offset, noAssert) {\n  value = +value\n  offset = offset >>> 0\n  if (!noAssert) checkInt(this, value, offset, 1, 0x7f, -0x80)\n  if (value < 0) value = 0xff + value + 1\n  this[offset] = (value & 0xff)\n  return offset + 1\n}\n\nBuffer.prototype.writeInt16LE = function writeInt16LE (value, offset, noAssert) {\n  value = +value\n  offset = offset >>> 0\n  if (!noAssert) checkInt(this, value, offset, 2, 0x7fff, -0x8000)\n  this[offset] = (value & 0xff)\n  this[offset + 1] = (value >>> 8)\n  return offset + 2\n}\n\nBuffer.prototype.writeInt16BE = function writeInt16BE (value, offset, noAssert) {\n  value = +value\n  offset = offset >>> 0\n  if (!noAssert) checkInt(this, value, offset, 2, 0x7fff, -0x8000)\n  this[offset] = (value >>> 8)\n  this[offset + 1] = (value & 0xff)\n  return offset + 2\n}\n\nBuffer.prototype.writeInt32LE = function writeInt32LE (value, offset, noAssert) {\n  value = +value\n  offset = offset >>> 0\n  if (!noAssert) checkInt(this, value, offset, 4, 0x7fffffff, -0x80000000)\n  this[offset] = (value & 0xff)\n  this[offset + 1] = (value >>> 8)\n  this[offset + 2] = (value >>> 16)\n  this[offset + 3] = (value >>> 24)\n  return offset + 4\n}\n\nBuffer.prototype.writeInt32BE = function writeInt32BE (value, offset, noAssert) {\n  value = +value\n  offset = offset >>> 0\n  if (!noAssert) checkInt(this, value, offset, 4, 0x7fffffff, -0x80000000)\n  if (value < 0) value = 0xffffffff + value + 1\n  this[offset] = (value >>> 24)\n  this[offset + 1] = (value >>> 16)\n  this[offset + 2] = (value >>> 8)\n  this[offset + 3] = (value & 0xff)\n  return offset + 4\n}\n\nBuffer.prototype.writeBigInt64LE = defineBigIntMethod(function writeBigInt64LE (value, offset = 0) {\n  return wrtBigUInt64LE(this, value, offset, -BigInt('0x8000000000000000'), BigInt('0x7fffffffffffffff'))\n})\n\nBuffer.prototype.writeBigInt64BE = defineBigIntMethod(function writeBigInt64BE (value, offset = 0) {\n  return wrtBigUInt64BE(this, value, offset, -BigInt('0x8000000000000000'), BigInt('0x7fffffffffffffff'))\n})\n\nfunction checkIEEE754 (buf, value, offset, ext, max, min) {\n  if (offset + ext > buf.length) throw new RangeError('Index out of range')\n  if (offset < 0) throw new RangeError('Index out of range')\n}\n\nfunction writeFloat (buf, value, offset, littleEndian, noAssert) {\n  value = +value\n  offset = offset >>> 0\n  if (!noAssert) {\n    checkIEEE754(buf, value, offset, 4, 3.4028234663852886e+38, -3.4028234663852886e+38)\n  }\n  ieee754.write(buf, value, offset, littleEndian, 23, 4)\n  return offset + 4\n}\n\nBuffer.prototype.writeFloatLE = function writeFloatLE (value, offset, noAssert) {\n  return writeFloat(this, value, offset, true, noAssert)\n}\n\nBuffer.prototype.writeFloatBE = function writeFloatBE (value, offset, noAssert) {\n  return writeFloat(this, value, offset, false, noAssert)\n}\n\nfunction writeDouble (buf, value, offset, littleEndian, noAssert) {\n  value = +value\n  offset = offset >>> 0\n  if (!noAssert) {\n    checkIEEE754(buf, value, offset, 8, 1.7976931348623157E+308, -1.7976931348623157E+308)\n  }\n  ieee754.write(buf, value, offset, littleEndian, 52, 8)\n  return offset + 8\n}\n\nBuffer.prototype.writeDoubleLE = function writeDoubleLE (value, offset, noAssert) {\n  return writeDouble(this, value, offset, true, noAssert)\n}\n\nBuffer.prototype.writeDoubleBE = function writeDoubleBE (value, offset, noAssert) {\n  return writeDouble(this, value, offset, false, noAssert)\n}\n\n// copy(targetBuffer, targetStart=0, sourceStart=0, sourceEnd=buffer.length)\nBuffer.prototype.copy = function copy (target, targetStart, start, end) {\n  if (!Buffer.isBuffer(target)) throw new TypeError('argument should be a Buffer')\n  if (!start) start = 0\n  if (!end && end !== 0) end = this.length\n  if (targetStart >= target.length) targetStart = target.length\n  if (!targetStart) targetStart = 0\n  if (end > 0 && end < start) end = start\n\n  // Copy 0 bytes; we're done\n  if (end === start) return 0\n  if (target.length === 0 || this.length === 0) return 0\n\n  // Fatal error conditions\n  if (targetStart < 0) {\n    throw new RangeError('targetStart out of bounds')\n  }\n  if (start < 0 || start >= this.length) throw new RangeError('Index out of range')\n  if (end < 0) throw new RangeError('sourceEnd out of bounds')\n\n  // Are we oob?\n  if (end > this.length) end = this.length\n  if (target.length - targetStart < end - start) {\n    end = target.length - targetStart + start\n  }\n\n  const len = end - start\n\n  if (this === target && typeof Uint8Array.prototype.copyWithin === 'function') {\n    // Use built-in when available, missing from IE11\n    this.copyWithin(targetStart, start, end)\n  } else {\n    Uint8Array.prototype.set.call(\n      target,\n      this.subarray(start, end),\n      targetStart\n    )\n  }\n\n  return len\n}\n\n// Usage:\n//    buffer.fill(number[, offset[, end]])\n//    buffer.fill(buffer[, offset[, end]])\n//    buffer.fill(string[, offset[, end]][, encoding])\nBuffer.prototype.fill = function fill (val, start, end, encoding) {\n  // Handle string cases:\n  if (typeof val === 'string') {\n    if (typeof start === 'string') {\n      encoding = start\n      start = 0\n      end = this.length\n    } else if (typeof end === 'string') {\n      encoding = end\n      end = this.length\n    }\n    if (encoding !== undefined && typeof encoding !== 'string') {\n      throw new TypeError('encoding must be a string')\n    }\n    if (typeof encoding === 'string' && !Buffer.isEncoding(encoding)) {\n      throw new TypeError('Unknown encoding: ' + encoding)\n    }\n    if (val.length === 1) {\n      const code = val.charCodeAt(0)\n      if ((encoding === 'utf8' && code < 128) ||\n          encoding === 'latin1') {\n        // Fast path: If `val` fits into a single byte, use that numeric value.\n        val = code\n      }\n    }\n  } else if (typeof val === 'number') {\n    val = val & 255\n  } else if (typeof val === 'boolean') {\n    val = Number(val)\n  }\n\n  // Invalid ranges are not set to a default, so can range check early.\n  if (start < 0 || this.length < start || this.length < end) {\n    throw new RangeError('Out of range index')\n  }\n\n  if (end <= start) {\n    return this\n  }\n\n  start = start >>> 0\n  end = end === undefined ? this.length : end >>> 0\n\n  if (!val) val = 0\n\n  let i\n  if (typeof val === 'number') {\n    for (i = start; i < end; ++i) {\n      this[i] = val\n    }\n  } else {\n    const bytes = Buffer.isBuffer(val)\n      ? val\n      : Buffer.from(val, encoding)\n    const len = bytes.length\n    if (len === 0) {\n      throw new TypeError('The value \"' + val +\n        '\" is invalid for argument \"value\"')\n    }\n    for (i = 0; i < end - start; ++i) {\n      this[i + start] = bytes[i % len]\n    }\n  }\n\n  return this\n}\n\n// CUSTOM ERRORS\n// =============\n\n// Simplified versions from Node, changed for Buffer-only usage\nconst errors = {}\nfunction E (sym, getMessage, Base) {\n  errors[sym] = class NodeError extends Base {\n    constructor () {\n      super()\n\n      Object.defineProperty(this, 'message', {\n        value: getMessage.apply(this, arguments),\n        writable: true,\n        configurable: true\n      })\n\n      // Add the error code to the name to include it in the stack trace.\n      this.name = `${this.name} [${sym}]`\n      // Access the stack to generate the error message including the error code\n      // from the name.\n      this.stack // eslint-disable-line no-unused-expressions\n      // Reset the name to the actual name.\n      delete this.name\n    }\n\n    get code () {\n      return sym\n    }\n\n    set code (value) {\n      Object.defineProperty(this, 'code', {\n        configurable: true,\n        enumerable: true,\n        value,\n        writable: true\n      })\n    }\n\n    toString () {\n      return `${this.name} [${sym}]: ${this.message}`\n    }\n  }\n}\n\nE('ERR_BUFFER_OUT_OF_BOUNDS',\n  function (name) {\n    if (name) {\n      return `${name} is outside of buffer bounds`\n    }\n\n    return 'Attempt to access memory outside buffer bounds'\n  }, RangeError)\nE('ERR_INVALID_ARG_TYPE',\n  function (name, actual) {\n    return `The \"${name}\" argument must be of type number. Received type ${typeof actual}`\n  }, TypeError)\nE('ERR_OUT_OF_RANGE',\n  function (str, range, input) {\n    let msg = `The value of \"${str}\" is out of range.`\n    let received = input\n    if (Number.isInteger(input) && Math.abs(input) > 2 ** 32) {\n      received = addNumericalSeparator(String(input))\n    } else if (typeof input === 'bigint') {\n      received = String(input)\n      if (input > BigInt(2) ** BigInt(32) || input < -(BigInt(2) ** BigInt(32))) {\n        received = addNumericalSeparator(received)\n      }\n      received += 'n'\n    }\n    msg += ` It must be ${range}. Received ${received}`\n    return msg\n  }, RangeError)\n\nfunction addNumericalSeparator (val) {\n  let res = ''\n  let i = val.length\n  const start = val[0] === '-' ? 1 : 0\n  for (; i >= start + 4; i -= 3) {\n    res = `_${val.slice(i - 3, i)}${res}`\n  }\n  return `${val.slice(0, i)}${res}`\n}\n\n// CHECK FUNCTIONS\n// ===============\n\nfunction checkBounds (buf, offset, byteLength) {\n  validateNumber(offset, 'offset')\n  if (buf[offset] === undefined || buf[offset + byteLength] === undefined) {\n    boundsError(offset, buf.length - (byteLength + 1))\n  }\n}\n\nfunction checkIntBI (value, min, max, buf, offset, byteLength) {\n  if (value > max || value < min) {\n    const n = typeof min === 'bigint' ? 'n' : ''\n    let range\n    if (byteLength > 3) {\n      if (min === 0 || min === BigInt(0)) {\n        range = `>= 0${n} and < 2${n} ** ${(byteLength + 1) * 8}${n}`\n      } else {\n        range = `>= -(2${n} ** ${(byteLength + 1) * 8 - 1}${n}) and < 2 ** ` +\n                `${(byteLength + 1) * 8 - 1}${n}`\n      }\n    } else {\n      range = `>= ${min}${n} and <= ${max}${n}`\n    }\n    throw new errors.ERR_OUT_OF_RANGE('value', range, value)\n  }\n  checkBounds(buf, offset, byteLength)\n}\n\nfunction validateNumber (value, name) {\n  if (typeof value !== 'number') {\n    throw new errors.ERR_INVALID_ARG_TYPE(name, 'number', value)\n  }\n}\n\nfunction boundsError (value, length, type) {\n  if (Math.floor(value) !== value) {\n    validateNumber(value, type)\n    throw new errors.ERR_OUT_OF_RANGE(type || 'offset', 'an integer', value)\n  }\n\n  if (length < 0) {\n    throw new errors.ERR_BUFFER_OUT_OF_BOUNDS()\n  }\n\n  throw new errors.ERR_OUT_OF_RANGE(type || 'offset',\n                                    `>= ${type ? 1 : 0} and <= ${length}`,\n                                    value)\n}\n\n// HELPER FUNCTIONS\n// ================\n\nconst INVALID_BASE64_RE = /[^+/0-9A-Za-z-_]/g\n\nfunction base64clean (str) {\n  // Node takes equal signs as end of the Base64 encoding\n  str = str.split('=')[0]\n  // Node strips out invalid characters like \\n and \\t from the string, base64-js does not\n  str = str.trim().replace(INVALID_BASE64_RE, '')\n  // Node converts strings with length < 2 to ''\n  if (str.length < 2) return ''\n  // Node allows for non-padded base64 strings (missing trailing ===), base64-js does not\n  while (str.length % 4 !== 0) {\n    str = str + '='\n  }\n  return str\n}\n\nfunction utf8ToBytes (string, units) {\n  units = units || Infinity\n  let codePoint\n  const length = string.length\n  let leadSurrogate = null\n  const bytes = []\n\n  for (let i = 0; i < length; ++i) {\n    codePoint = string.charCodeAt(i)\n\n    // is surrogate component\n    if (codePoint > 0xD7FF && codePoint < 0xE000) {\n      // last char was a lead\n      if (!leadSurrogate) {\n        // no lead yet\n        if (codePoint > 0xDBFF) {\n          // unexpected trail\n          if ((units -= 3) > -1) bytes.push(0xEF, 0xBF, 0xBD)\n          continue\n        } else if (i + 1 === length) {\n          // unpaired lead\n          if ((units -= 3) > -1) bytes.push(0xEF, 0xBF, 0xBD)\n          continue\n        }\n\n        // valid lead\n        leadSurrogate = codePoint\n\n        continue\n      }\n\n      // 2 leads in a row\n      if (codePoint < 0xDC00) {\n        if ((units -= 3) > -1) bytes.push(0xEF, 0xBF, 0xBD)\n        leadSurrogate = codePoint\n        continue\n      }\n\n      // valid surrogate pair\n      codePoint = (leadSurrogate - 0xD800 << 10 | codePoint - 0xDC00) + 0x10000\n    } else if (leadSurrogate) {\n      // valid bmp char, but last char was a lead\n      if ((units -= 3) > -1) bytes.push(0xEF, 0xBF, 0xBD)\n    }\n\n    leadSurrogate = null\n\n    // encode utf8\n    if (codePoint < 0x80) {\n      if ((units -= 1) < 0) break\n      bytes.push(codePoint)\n    } else if (codePoint < 0x800) {\n      if ((units -= 2) < 0) break\n      bytes.push(\n        codePoint >> 0x6 | 0xC0,\n        codePoint & 0x3F | 0x80\n      )\n    } else if (codePoint < 0x10000) {\n      if ((units -= 3) < 0) break\n      bytes.push(\n        codePoint >> 0xC | 0xE0,\n        codePoint >> 0x6 & 0x3F | 0x80,\n        codePoint & 0x3F | 0x80\n      )\n    } else if (codePoint < 0x110000) {\n      if ((units -= 4) < 0) break\n      bytes.push(\n        codePoint >> 0x12 | 0xF0,\n        codePoint >> 0xC & 0x3F | 0x80,\n        codePoint >> 0x6 & 0x3F | 0x80,\n        codePoint & 0x3F | 0x80\n      )\n    } else {\n      throw new Error('Invalid code point')\n    }\n  }\n\n  return bytes\n}\n\nfunction asciiToBytes (str) {\n  const byteArray = []\n  for (let i = 0; i < str.length; ++i) {\n    // Node's code seems to be doing this and not & 0x7F..\n    byteArray.push(str.charCodeAt(i) & 0xFF)\n  }\n  return byteArray\n}\n\nfunction utf16leToBytes (str, units) {\n  let c, hi, lo\n  const byteArray = []\n  for (let i = 0; i < str.length; ++i) {\n    if ((units -= 2) < 0) break\n\n    c = str.charCodeAt(i)\n    hi = c >> 8\n    lo = c % 256\n    byteArray.push(lo)\n    byteArray.push(hi)\n  }\n\n  return byteArray\n}\n\nfunction base64ToBytes (str) {\n  return base64.toByteArray(base64clean(str))\n}\n\nfunction blitBuffer (src, dst, offset, length) {\n  let i\n  for (i = 0; i < length; ++i) {\n    if ((i + offset >= dst.length) || (i >= src.length)) break\n    dst[i + offset] = src[i]\n  }\n  return i\n}\n\n// ArrayBuffer or Uint8Array objects from other contexts (i.e. iframes) do not pass\n// the `instanceof` check but they should be treated as of that type.\n// See: https://github.com/feross/buffer/issues/166\nfunction isInstance (obj, type) {\n  return obj instanceof type ||\n    (obj != null && obj.constructor != null && obj.constructor.name != null &&\n      obj.constructor.name === type.name)\n}\nfunction numberIsNaN (obj) {\n  // For IE11 support\n  return obj !== obj // eslint-disable-line no-self-compare\n}\n\n// Create lookup table for `toString('hex')`\n// See: https://github.com/feross/buffer/issues/219\nconst hexSliceLookupTable = (function () {\n  const alphabet = '0123456789abcdef'\n  const table = new Array(256)\n  for (let i = 0; i < 16; ++i) {\n    const i16 = i * 16\n    for (let j = 0; j < 16; ++j) {\n      table[i16 + j] = alphabet[i] + alphabet[j]\n    }\n  }\n  return table\n})()\n\n// Return not function with Error if BigInt not supported\nfunction defineBigIntMethod (fn) {\n  return typeof BigInt === 'undefined' ? BufferBigIntNotDefined : fn\n}\n\nfunction BufferBigIntNotDefined () {\n  throw new Error('BigInt not supported')\n}\n","'use strict';\n\nmodule.exports = function (obj) {\n\tif (typeof obj === 'string') { return camelCase(obj); }\n\treturn walk(obj);\n};\n\nfunction walk(obj) {\n\tif (!obj || typeof obj !== 'object') { return obj; }\n\tif (isDate(obj) || isRegex(obj)) { return obj; }\n\tif (isArray(obj)) { return map(obj, walk); }\n\treturn reduce(objectKeys(obj), function (acc, key) {\n\t\tvar camel = camelCase(key);\n\t\tacc[camel] = walk(obj[key]);\n\t\treturn acc;\n\t}, {});\n}\n\nfunction camelCase(str) {\n\treturn str.replace(/[_.-](\\w|$)/g, function (_, x) {\n\t\treturn x.toUpperCase();\n\t});\n}\n\nvar isArray = Array.isArray || function (obj) {\n\treturn Object.prototype.toString.call(obj) === '[object Array]';\n};\n\nvar isDate = function (obj) {\n\treturn Object.prototype.toString.call(obj) === '[object Date]';\n};\n\nvar isRegex = function (obj) {\n\treturn Object.prototype.toString.call(obj) === '[object RegExp]';\n};\n\nvar has = Object.prototype.hasOwnProperty;\nvar objectKeys = Object.keys || function (obj) {\n\tvar keys = [];\n\tfor (var key in obj) {\n\t\tif (has.call(obj, key)) { keys.push(key); }\n\t}\n\treturn keys;\n};\n\nfunction map(xs, f) {\n\tif (xs.map) { return xs.map(f); }\n\tvar res = [];\n\tfor (var i = 0; i < xs.length; i++) {\n\t\tres.push(f(xs[i], i));\n\t}\n\treturn res;\n}\n\nfunction reduce(xs, f, acc) {\n\tif (xs.reduce) { return xs.reduce(f, acc); }\n\tfor (var i = 0; i < xs.length; i++) {\n\t\tacc = f(acc, xs[i], i);\n\t}\n\treturn acc;\n}\n","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","/*!\n * cookie\n * Copyright(c) 2012-2014 Roman Shtylman\n * Copyright(c) 2015 Douglas Christopher Wilson\n * MIT Licensed\n */\n\n'use strict';\n\n/**\n * Module exports.\n * @public\n */\n\nexports.parse = parse;\nexports.serialize = serialize;\n\n/**\n * Module variables.\n * @private\n */\n\nvar __toString = Object.prototype.toString\nvar __hasOwnProperty = Object.prototype.hasOwnProperty\n\n/**\n * RegExp to match cookie-name in RFC 6265 sec 4.1.1\n * This refers out to the obsoleted definition of token in RFC 2616 sec 2.2\n * which has been replaced by the token definition in RFC 7230 appendix B.\n *\n * cookie-name       = token\n * token             = 1*tchar\n * tchar             = \"!\" / \"#\" / \"$\" / \"%\" / \"&\" / \"'\" /\n *                     \"*\" / \"+\" / \"-\" / \".\" / \"^\" / \"_\" /\n *                     \"`\" / \"|\" / \"~\" / DIGIT / ALPHA\n */\n\nvar cookieNameRegExp = /^[!#$%&'*+\\-.^_`|~0-9A-Za-z]+$/;\n\n/**\n * RegExp to match cookie-value in RFC 6265 sec 4.1.1\n *\n * cookie-value      = *cookie-octet / ( DQUOTE *cookie-octet DQUOTE )\n * cookie-octet      = %x21 / %x23-2B / %x2D-3A / %x3C-5B / %x5D-7E\n *                     ; US-ASCII characters excluding CTLs,\n *                     ; whitespace DQUOTE, comma, semicolon,\n *                     ; and backslash\n */\n\nvar cookieValueRegExp = /^(\"?)[\\u0021\\u0023-\\u002B\\u002D-\\u003A\\u003C-\\u005B\\u005D-\\u007E]*\\1$/;\n\n/**\n * RegExp to match domain-value in RFC 6265 sec 4.1.1\n *\n * domain-value      = <subdomain>\n *                     ; defined in [RFC1034], Section 3.5, as\n *                     ; enhanced by [RFC1123], Section 2.1\n * <subdomain>       = <label> | <subdomain> \".\" <label>\n * <label>           = <let-dig> [ [ <ldh-str> ] <let-dig> ]\n *                     Labels must be 63 characters or less.\n *                     'let-dig' not 'letter' in the first char, per RFC1123\n * <ldh-str>         = <let-dig-hyp> | <let-dig-hyp> <ldh-str>\n * <let-dig-hyp>     = <let-dig> | \"-\"\n * <let-dig>         = <letter> | <digit>\n * <letter>          = any one of the 52 alphabetic characters A through Z in\n *                     upper case and a through z in lower case\n * <digit>           = any one of the ten digits 0 through 9\n *\n * Keep support for leading dot: https://github.com/jshttp/cookie/issues/173\n *\n * > (Note that a leading %x2E (\".\"), if present, is ignored even though that\n * character is not permitted, but a trailing %x2E (\".\"), if present, will\n * cause the user agent to ignore the attribute.)\n */\n\nvar domainValueRegExp = /^([.]?[a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)([.][a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)*$/i;\n\n/**\n * RegExp to match path-value in RFC 6265 sec 4.1.1\n *\n * path-value        = <any CHAR except CTLs or \";\">\n * CHAR              = %x01-7F\n *                     ; defined in RFC 5234 appendix B.1\n */\n\nvar pathValueRegExp = /^[\\u0020-\\u003A\\u003D-\\u007E]*$/;\n\n/**\n * Parse a cookie header.\n *\n * Parse the given cookie header string into an object\n * The object has the various cookies as keys(names) => values\n *\n * @param {string} str\n * @param {object} [opt]\n * @return {object}\n * @public\n */\n\nfunction parse(str, opt) {\n  if (typeof str !== 'string') {\n    throw new TypeError('argument str must be a string');\n  }\n\n  var obj = {};\n  var len = str.length;\n  // RFC 6265 sec 4.1.1, RFC 2616 2.2 defines a cookie name consists of one char minimum, plus '='.\n  if (len < 2) return obj;\n\n  var dec = (opt && opt.decode) || decode;\n  var index = 0;\n  var eqIdx = 0;\n  var endIdx = 0;\n\n  do {\n    eqIdx = str.indexOf('=', index);\n    if (eqIdx === -1) break; // No more cookie pairs.\n\n    endIdx = str.indexOf(';', index);\n\n    if (endIdx === -1) {\n      endIdx = len;\n    } else if (eqIdx > endIdx) {\n      // backtrack on prior semicolon\n      index = str.lastIndexOf(';', eqIdx - 1) + 1;\n      continue;\n    }\n\n    var keyStartIdx = startIndex(str, index, eqIdx);\n    var keyEndIdx = endIndex(str, eqIdx, keyStartIdx);\n    var key = str.slice(keyStartIdx, keyEndIdx);\n\n    // only assign once\n    if (!__hasOwnProperty.call(obj, key)) {\n      var valStartIdx = startIndex(str, eqIdx + 1, endIdx);\n      var valEndIdx = endIndex(str, endIdx, valStartIdx);\n\n      if (str.charCodeAt(valStartIdx) === 0x22 /* \" */ && str.charCodeAt(valEndIdx - 1) === 0x22 /* \" */) {\n        valStartIdx++;\n        valEndIdx--;\n      }\n\n      var val = str.slice(valStartIdx, valEndIdx);\n      obj[key] = tryDecode(val, dec);\n    }\n\n    index = endIdx + 1\n  } while (index < len);\n\n  return obj;\n}\n\nfunction startIndex(str, index, max) {\n  do {\n    var code = str.charCodeAt(index);\n    if (code !== 0x20 /*   */ && code !== 0x09 /* \\t */) return index;\n  } while (++index < max);\n  return max;\n}\n\nfunction endIndex(str, index, min) {\n  while (index > min) {\n    var code = str.charCodeAt(--index);\n    if (code !== 0x20 /*   */ && code !== 0x09 /* \\t */) return index + 1;\n  }\n  return min;\n}\n\n/**\n * Serialize data into a cookie header.\n *\n * Serialize a name value pair into a cookie string suitable for\n * http headers. An optional options object specifies cookie parameters.\n *\n * serialize('foo', 'bar', { httpOnly: true })\n *   => \"foo=bar; httpOnly\"\n *\n * @param {string} name\n * @param {string} val\n * @param {object} [opt]\n * @return {string}\n * @public\n */\n\nfunction serialize(name, val, opt) {\n  var enc = (opt && opt.encode) || encodeURIComponent;\n\n  if (typeof enc !== 'function') {\n    throw new TypeError('option encode is invalid');\n  }\n\n  if (!cookieNameRegExp.test(name)) {\n    throw new TypeError('argument name is invalid');\n  }\n\n  var value = enc(val);\n\n  if (!cookieValueRegExp.test(value)) {\n    throw new TypeError('argument val is invalid');\n  }\n\n  var str = name + '=' + value;\n  if (!opt) return str;\n\n  if (null != opt.maxAge) {\n    var maxAge = Math.floor(opt.maxAge);\n\n    if (!isFinite(maxAge)) {\n      throw new TypeError('option maxAge is invalid')\n    }\n\n    str += '; Max-Age=' + maxAge;\n  }\n\n  if (opt.domain) {\n    if (!domainValueRegExp.test(opt.domain)) {\n      throw new TypeError('option domain is invalid');\n    }\n\n    str += '; Domain=' + opt.domain;\n  }\n\n  if (opt.path) {\n    if (!pathValueRegExp.test(opt.path)) {\n      throw new TypeError('option path is invalid');\n    }\n\n    str += '; Path=' + opt.path;\n  }\n\n  if (opt.expires) {\n    var expires = opt.expires\n\n    if (!isDate(expires) || isNaN(expires.valueOf())) {\n      throw new TypeError('option expires is invalid');\n    }\n\n    str += '; Expires=' + expires.toUTCString()\n  }\n\n  if (opt.httpOnly) {\n    str += '; HttpOnly';\n  }\n\n  if (opt.secure) {\n    str += '; Secure';\n  }\n\n  if (opt.partitioned) {\n    str += '; Partitioned'\n  }\n\n  if (opt.priority) {\n    var priority = typeof opt.priority === 'string'\n      ? opt.priority.toLowerCase() : opt.priority;\n\n    switch (priority) {\n      case 'low':\n        str += '; Priority=Low'\n        break\n      case 'medium':\n        str += '; Priority=Medium'\n        break\n      case 'high':\n        str += '; Priority=High'\n        break\n      default:\n        throw new TypeError('option priority is invalid')\n    }\n  }\n\n  if (opt.sameSite) {\n    var sameSite = typeof opt.sameSite === 'string'\n      ? opt.sameSite.toLowerCase() : opt.sameSite;\n\n    switch (sameSite) {\n      case true:\n        str += '; SameSite=Strict';\n        break;\n      case 'lax':\n        str += '; SameSite=Lax';\n        break;\n      case 'strict':\n        str += '; SameSite=Strict';\n        break;\n      case 'none':\n        str += '; SameSite=None';\n        break;\n      default:\n        throw new TypeError('option sameSite is invalid');\n    }\n  }\n\n  return str;\n}\n\n/**\n * URL-decode string value. Optimized to skip native call when no %.\n *\n * @param {string} str\n * @returns {string}\n */\n\nfunction decode (str) {\n  return str.indexOf('%') !== -1\n    ? decodeURIComponent(str)\n    : str\n}\n\n/**\n * Determine if value is a Date.\n *\n * @param {*} val\n * @private\n */\n\nfunction isDate (val) {\n  return __toString.call(val) === '[object Date]';\n}\n\n/**\n * Try decoding a string using a decoding function.\n *\n * @param {string} str\n * @param {function} decode\n * @private\n */\n\nfunction tryDecode(str, decode) {\n  try {\n    return decode(str);\n  } catch (e) {\n    return str;\n  }\n}\n","\"use strict\";\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.hasCookie = exports.deleteCookie = exports.setCookie = exports.getCookie = exports.getCookies = void 0;\nvar cookie_1 = require(\"cookie\");\nvar isClientSide = function () { return typeof window !== 'undefined'; };\nvar isCookiesFromAppRouter = function (cookieStore) {\n    if (!cookieStore)\n        return false;\n    return ('getAll' in cookieStore &&\n        'set' in cookieStore &&\n        typeof cookieStore.getAll === 'function' &&\n        typeof cookieStore.set === 'function');\n};\nvar isContextFromAppRouter = function (context) {\n    return ((!!(context === null || context === void 0 ? void 0 : context.req) && 'cookies' in context.req && isCookiesFromAppRouter(context === null || context === void 0 ? void 0 : context.req.cookies)) ||\n        (!!(context === null || context === void 0 ? void 0 : context.res) && 'cookies' in context.res && isCookiesFromAppRouter(context === null || context === void 0 ? void 0 : context.res.cookies)) ||\n        (!!(context === null || context === void 0 ? void 0 : context.cookies) && isCookiesFromAppRouter(context.cookies())));\n};\nvar transformAppRouterCookies = function (cookies) {\n    var _cookies = {};\n    cookies.getAll().forEach(function (_a) {\n        var name = _a.name, value = _a.value;\n        _cookies[name] = value;\n    });\n    return _cookies;\n};\nvar stringify = function (value) {\n    try {\n        if (typeof value === 'string') {\n            return value;\n        }\n        var stringifiedValue = JSON.stringify(value);\n        return stringifiedValue;\n    }\n    catch (e) {\n        return value;\n    }\n};\nvar decode = function (str) {\n    if (!str)\n        return str;\n    return str.replace(/(%[0-9A-Z]{2})+/g, decodeURIComponent);\n};\nvar getCookies = function (options) {\n    if (isContextFromAppRouter(options)) {\n        if (options === null || options === void 0 ? void 0 : options.req) {\n            return transformAppRouterCookies(options.req.cookies);\n        }\n        if (options === null || options === void 0 ? void 0 : options.cookies) {\n            return transformAppRouterCookies(options.cookies());\n        }\n    }\n    var req;\n    // DefaultOptions['req] can be casted here because is narrowed by using the fn: isContextFromAppRouter\n    if (options)\n        req = options.req;\n    if (!isClientSide()) {\n        // if cookie-parser is used in project get cookies from ctx.req.cookies\n        // if cookie-parser isn't used in project get cookies from ctx.req.headers.cookie\n        if (req && req.cookies)\n            return req.cookies;\n        if (req && req.headers.cookie)\n            return (0, cookie_1.parse)(req.headers.cookie);\n        return {};\n    }\n    var _cookies = {};\n    var documentCookies = document.cookie ? document.cookie.split('; ') : [];\n    for (var i = 0, len = documentCookies.length; i < len; i++) {\n        var cookieParts = documentCookies[i].split('=');\n        var _cookie = cookieParts.slice(1).join('=');\n        var name_1 = cookieParts[0];\n        _cookies[name_1] = _cookie;\n    }\n    return _cookies;\n};\nexports.getCookies = getCookies;\nvar getCookie = function (key, options) {\n    var _cookies = (0, exports.getCookies)(options);\n    var value = _cookies[key];\n    if (value === undefined)\n        return undefined;\n    return decode(value);\n};\nexports.getCookie = getCookie;\nvar setCookie = function (key, data, options) {\n    if (isContextFromAppRouter(options)) {\n        var req = options.req, res = options.res, cookiesFn = options.cookies, restOptions = __rest(options, [\"req\", \"res\", \"cookies\"]);\n        var payload = __assign({ name: key, value: stringify(data) }, restOptions);\n        if (req) {\n            req.cookies.set(payload);\n        }\n        if (res) {\n            res.cookies.set(payload);\n        }\n        if (cookiesFn) {\n            cookiesFn().set(payload);\n        }\n        return;\n    }\n    var _cookieOptions;\n    var _req;\n    var _res;\n    if (options) {\n        // DefaultOptions can be casted here because the AppRouterMiddlewareOptions is narrowed using the fn: isContextFromAppRouter\n        var _a = options, req = _a.req, res = _a.res, _options = __rest(_a, [\"req\", \"res\"]);\n        _req = req;\n        _res = res;\n        _cookieOptions = _options;\n    }\n    var cookieStr = (0, cookie_1.serialize)(key, stringify(data), __assign({ path: '/' }, _cookieOptions));\n    if (!isClientSide()) {\n        if (_res && _req) {\n            var currentCookies = _res.getHeader('Set-Cookie');\n            if (!Array.isArray(currentCookies)) {\n                currentCookies = !currentCookies ? [] : [String(currentCookies)];\n            }\n            _res.setHeader('Set-Cookie', currentCookies.concat(cookieStr));\n            if (_req && _req.cookies) {\n                var _cookies = _req.cookies;\n                data === '' ? delete _cookies[key] : (_cookies[key] = stringify(data));\n            }\n            if (_req && _req.headers && _req.headers.cookie) {\n                var _cookies = (0, cookie_1.parse)(_req.headers.cookie);\n                data === '' ? delete _cookies[key] : (_cookies[key] = stringify(data));\n                _req.headers.cookie = Object.entries(_cookies).reduce(function (accum, item) {\n                    return accum.concat(\"\".concat(item[0], \"=\").concat(item[1], \";\"));\n                }, '');\n            }\n        }\n    }\n    else {\n        document.cookie = cookieStr;\n    }\n};\nexports.setCookie = setCookie;\nvar deleteCookie = function (key, options) {\n    return (0, exports.setCookie)(key, '', __assign(__assign({}, options), { maxAge: -1 }));\n};\nexports.deleteCookie = deleteCookie;\nvar hasCookie = function (key, options) {\n    if (!key)\n        return false;\n    var cookie = (0, exports.getCookies)(options);\n    return cookie.hasOwnProperty(key);\n};\nexports.hasCookie = hasCookie;\n","\"use strict\";\n\nvar deselectCurrent = require(\"toggle-selection\");\n\nvar clipboardToIE11Formatting = {\n  \"text/plain\": \"Text\",\n  \"text/html\": \"Url\",\n  \"default\": \"Text\"\n}\n\nvar defaultMessage = \"Copy to clipboard: #{key}, Enter\";\n\nfunction format(message) {\n  var copyKey = (/mac os x/i.test(navigator.userAgent) ? \"⌘\" : \"Ctrl\") + \"+C\";\n  return message.replace(/#{\\s*key\\s*}/g, copyKey);\n}\n\nfunction copy(text, options) {\n  var debug,\n    message,\n    reselectPrevious,\n    range,\n    selection,\n    mark,\n    success = false;\n  if (!options) {\n    options = {};\n  }\n  debug = options.debug || false;\n  try {\n    reselectPrevious = deselectCurrent();\n\n    range = document.createRange();\n    selection = document.getSelection();\n\n    mark = document.createElement(\"span\");\n    mark.textContent = text;\n    // avoid screen readers from reading out loud the text\n    mark.ariaHidden = \"true\"\n    // reset user styles for span element\n    mark.style.all = \"unset\";\n    // prevents scrolling to the end of the page\n    mark.style.position = \"fixed\";\n    mark.style.top = 0;\n    mark.style.clip = \"rect(0, 0, 0, 0)\";\n    // used to preserve spaces and line breaks\n    mark.style.whiteSpace = \"pre\";\n    // do not inherit user-select (it may be `none`)\n    mark.style.webkitUserSelect = \"text\";\n    mark.style.MozUserSelect = \"text\";\n    mark.style.msUserSelect = \"text\";\n    mark.style.userSelect = \"text\";\n    mark.addEventListener(\"copy\", function(e) {\n      e.stopPropagation();\n      if (options.format) {\n        e.preventDefault();\n        if (typeof e.clipboardData === \"undefined\") { // IE 11\n          debug && console.warn(\"unable to use e.clipboardData\");\n          debug && console.warn(\"trying IE specific stuff\");\n          window.clipboardData.clearData();\n          var format = clipboardToIE11Formatting[options.format] || clipboardToIE11Formatting[\"default\"]\n          window.clipboardData.setData(format, text);\n        } else { // all other browsers\n          e.clipboardData.clearData();\n          e.clipboardData.setData(options.format, text);\n        }\n      }\n      if (options.onCopy) {\n        e.preventDefault();\n        options.onCopy(e.clipboardData);\n      }\n    });\n\n    document.body.appendChild(mark);\n\n    range.selectNodeContents(mark);\n    selection.addRange(range);\n\n    var successful = document.execCommand(\"copy\");\n    if (!successful) {\n      throw new Error(\"copy command was unsuccessful\");\n    }\n    success = true;\n  } catch (err) {\n    debug && console.error(\"unable to copy using execCommand: \", err);\n    debug && console.warn(\"trying IE specific stuff\");\n    try {\n      window.clipboardData.setData(options.format || \"text\", text);\n      options.onCopy && options.onCopy(window.clipboardData);\n      success = true;\n    } catch (err) {\n      debug && console.error(\"unable to copy using clipboardData: \", err);\n      debug && console.error(\"falling back to prompt\");\n      message = format(\"message\" in options ? options.message : defaultMessage);\n      window.prompt(message, text);\n    }\n  } finally {\n    if (selection) {\n      if (typeof selection.removeRange == \"function\") {\n        selection.removeRange(range);\n      } else {\n        selection.removeAllRanges();\n      }\n    }\n\n    if (mark) {\n      document.body.removeChild(mark);\n    }\n    reselectPrevious();\n  }\n\n  return success;\n}\n\nmodule.exports = copy;\n","!function(t,e){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=e():\"function\"==typeof define&&define.amd?define(e):(t=\"undefined\"!=typeof globalThis?globalThis:t||self).dayjs=e()}(this,(function(){\"use strict\";var t=1e3,e=6e4,n=36e5,r=\"millisecond\",i=\"second\",s=\"minute\",u=\"hour\",a=\"day\",o=\"week\",f=\"month\",h=\"quarter\",c=\"year\",d=\"date\",$=\"Invalid Date\",l=/^(\\d{4})[-/]?(\\d{1,2})?[-/]?(\\d{0,2})[Tt\\s]*(\\d{1,2})?:?(\\d{1,2})?:?(\\d{1,2})?[.:]?(\\d+)?$/,y=/\\[([^\\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:\"en\",weekdays:\"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday\".split(\"_\"),months:\"January_February_March_April_May_June_July_August_September_October_November_December\".split(\"_\")},m=function(t,e,n){var r=String(t);return!r||r.length>=e?t:\"\"+Array(e+1-r.length).join(n)+t},g={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return(e<=0?\"+\":\"-\")+m(r,2,\"0\")+\":\"+m(i,2,\"0\")},m:function t(e,n){if(e.date()<n.date())return-t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,f),s=n-i<0,u=e.clone().add(r+(s?-1:1),f);return+(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return{M:f,y:c,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:h}[t]||String(t||\"\").toLowerCase().replace(/s$/,\"\")},u:function(t){return void 0===t}},v=\"en\",D={};D[v]=M;var p=function(t){return t instanceof _},S=function t(e,n,r){var i;if(!e)return v;if(\"string\"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split(\"-\");if(!i&&u.length>1)return t(u[0])}else{var a=e.name;D[a]=e,i=a}return!r&&i&&(v=i),i||!r&&v},w=function(t,e){if(p(t))return t.clone();var n=\"object\"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},O=g;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t)}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(O.u(e))return new Date;if(e instanceof Date)return new Date(e);if(\"string\"==typeof e&&!/Z$/i.test(e)){var r=e.match(l);if(r){var i=r[2]-1||0,s=(r[7]||\"0\").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init()},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},m.$utils=function(){return O},m.isValid=function(){return!(this.$d.toString()===$)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<w(t)},m.$g=function(t,e,n){return O.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!O.u(e)||e,h=O.p(t),$=function(t,e){var i=O.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},l=function(t,e){return O.w(n.toDate()[t].apply(n.toDate(\"s\"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,g=\"set\"+(this.$u?\"UTC\":\"\");switch(h){case c:return r?$(1,0):$(31,11);case f:return r?$(1,M):$(0,M+1);case o:var v=this.$locale().weekStart||0,D=(y<v?y+7:y)-v;return $(r?m-D:m+(6-D),M);case a:case d:return l(g+\"Hours\",0);case u:return l(g+\"Minutes\",1);case s:return l(g+\"Seconds\",2);case i:return l(g+\"Milliseconds\",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=O.p(t),h=\"set\"+(this.$u?\"UTC\":\"\"),$=(n={},n[a]=h+\"Date\",n[d]=h+\"Date\",n[f]=h+\"Month\",n[c]=h+\"FullYear\",n[u]=h+\"Hours\",n[s]=h+\"Minutes\",n[i]=h+\"Seconds\",n[r]=h+\"Milliseconds\",n)[o],l=o===a?this.$D+(e-this.$W):e;if(o===f||o===c){var y=this.clone().set(d,1);y.$d[$](l),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d}else $&&this.$d[$](l);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[O.p(t)]()},m.add=function(r,h){var d,$=this;r=Number(r);var l=O.p(h),y=function(t){var e=w($);return O.w(e.date(e.date()+Math.round(t*r)),$)};if(l===f)return this.set(f,this.$M+r);if(l===c)return this.set(c,this.$y+r);if(l===a)return y(1);if(l===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[l]||1,m=this.$d.getTime()+r*M;return O.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||$;var r=t||\"YYYY-MM-DDTHH:mm:ssZ\",i=O.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,f=n.months,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},c=function(t){return O.s(s%12||12,t,\"0\")},d=n.meridiem||function(t,e,n){var r=t<12?\"AM\":\"PM\";return n?r.toLowerCase():r},l={YY:String(this.$y).slice(-2),YYYY:this.$y,M:a+1,MM:O.s(a+1,2,\"0\"),MMM:h(n.monthsShort,a,f,3),MMMM:h(f,a),D:this.$D,DD:O.s(this.$D,2,\"0\"),d:String(this.$W),dd:h(n.weekdaysMin,this.$W,o,2),ddd:h(n.weekdaysShort,this.$W,o,3),dddd:o[this.$W],H:String(s),HH:O.s(s,2,\"0\"),h:c(1),hh:c(2),a:d(s,u,!0),A:d(s,u,!1),m:String(u),mm:O.s(u,2,\"0\"),s:String(this.$s),ss:O.s(this.$s,2,\"0\"),SSS:O.s(this.$ms,3,\"0\"),Z:i};return r.replace(y,(function(t,e){return e||l[t]||i.replace(\":\",\"\")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,$){var l,y=O.p(d),M=w(r),m=(M.utcOffset()-this.utcOffset())*e,g=this-M,v=O.m(this,M);return v=(l={},l[c]=v/12,l[f]=v,l[h]=v/3,l[o]=(g-m)/6048e5,l[a]=(g-m)/864e5,l[u]=g/n,l[s]=g/e,l[i]=g/t,l)[y]||g,$?v:O.a(v)},m.daysInMonth=function(){return this.endOf(f).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=S(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return O.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),T=_.prototype;return w.prototype=T,[[\"$ms\",r],[\"$s\",i],[\"$m\",s],[\"$H\",u],[\"$W\",a],[\"$M\",f],[\"$y\",c],[\"$D\",d]].forEach((function(t){T[t[1]]=function(e){return this.$g(e,t[0],t[1])}})),w.extend=function(t,e){return t.$i||(t(e,_,w),t.$i=!0),w},w.locale=S,w.isDayjs=p,w.unix=function(t){return w(1e3*t)},w.en=D[v],w.Ls=D,w.p={},w}));","!function(e,t){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=t():\"function\"==typeof define&&define.amd?define(t):(e=\"undefined\"!=typeof globalThis?globalThis:e||self).dayjs_plugin_advancedFormat=t()}(this,(function(){\"use strict\";return function(e,t,r){var n=t.prototype,s=n.format;r.en.ordinal=function(e){var t=[\"th\",\"st\",\"nd\",\"rd\"],r=e%100;return\"[\"+e+(t[(r-20)%10]||t[r]||t[0])+\"]\"},n.format=function(e){var t=this,r=this.$locale();if(!this.isValid())return s.bind(this)(e);var n=this.$utils(),a=(e||\"YYYY-MM-DDTHH:mm:ssZ\").replace(/\\[([^\\]]+)]|Q|wo|ww|w|WW|W|zzz|z|gggg|GGGG|Do|X|x|k{1,2}|S/g,(function(e){switch(e){case\"Q\":return Math.ceil((t.$M+1)/3);case\"Do\":return r.ordinal(t.$D);case\"gggg\":return t.weekYear();case\"GGGG\":return t.isoWeekYear();case\"wo\":return r.ordinal(t.week(),\"W\");case\"w\":case\"ww\":return n.s(t.week(),\"w\"===e?1:2,\"0\");case\"W\":case\"WW\":return n.s(t.isoWeek(),\"W\"===e?1:2,\"0\");case\"k\":case\"kk\":return n.s(String(0===t.$H?24:t.$H),\"k\"===e?1:2,\"0\");case\"X\":return Math.floor(t.$d.getTime()/1e3);case\"x\":return t.$d.getTime();case\"z\":return\"[\"+t.offsetName()+\"]\";case\"zzz\":return\"[\"+t.offsetName(\"long\")+\"]\";default:return e}}));return s.bind(this)(a)}}}));","!function(e,t){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=t():\"function\"==typeof define&&define.amd?define(t):(e=\"undefined\"!=typeof globalThis?globalThis:e||self).dayjs_plugin_customParseFormat=t()}(this,(function(){\"use strict\";var e={LTS:\"h:mm:ss A\",LT:\"h:mm A\",L:\"MM/DD/YYYY\",LL:\"MMMM D, YYYY\",LLL:\"MMMM D, YYYY h:mm A\",LLLL:\"dddd, MMMM D, YYYY h:mm A\"},t=/(\\[[^[]*\\])|([-:/.()\\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,n=/\\d\\d/,r=/\\d\\d?/,i=/\\d*[^\\s\\d-_:/()]+/,o={},s=function(e){return(e=+e)+(e>68?1900:2e3)};var a=function(e){return function(t){this[e]=+t}},f=[/[+-]\\d\\d:?(\\d\\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if(\"Z\"===e)return 0;var t=e.match(/([+-]|\\d\\d)/g),n=60*t[1]+(+t[2]||0);return 0===n?0:\"+\"===t[0]?-n:n}(e)}],h=function(e){var t=o[e];return t&&(t.indexOf?t:t.s.concat(t.f))},u=function(e,t){var n,r=o.meridiem;if(r){for(var i=1;i<=24;i+=1)if(e.indexOf(r(i,0,t))>-1){n=i>12;break}}else n=e===(t?\"pm\":\"PM\");return n},d={A:[i,function(e){this.afternoon=u(e,!1)}],a:[i,function(e){this.afternoon=u(e,!0)}],S:[/\\d/,function(e){this.milliseconds=100*+e}],SS:[n,function(e){this.milliseconds=10*+e}],SSS:[/\\d{3}/,function(e){this.milliseconds=+e}],s:[r,a(\"seconds\")],ss:[r,a(\"seconds\")],m:[r,a(\"minutes\")],mm:[r,a(\"minutes\")],H:[r,a(\"hours\")],h:[r,a(\"hours\")],HH:[r,a(\"hours\")],hh:[r,a(\"hours\")],D:[r,a(\"day\")],DD:[n,a(\"day\")],Do:[i,function(e){var t=o.ordinal,n=e.match(/\\d+/);if(this.day=n[0],t)for(var r=1;r<=31;r+=1)t(r).replace(/\\[|\\]/g,\"\")===e&&(this.day=r)}],M:[r,a(\"month\")],MM:[n,a(\"month\")],MMM:[i,function(e){var t=h(\"months\"),n=(h(\"monthsShort\")||t.map((function(e){return e.slice(0,3)}))).indexOf(e)+1;if(n<1)throw new Error;this.month=n%12||n}],MMMM:[i,function(e){var t=h(\"months\").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t}],Y:[/[+-]?\\d+/,a(\"year\")],YY:[n,function(e){this.year=s(e)}],YYYY:[/\\d{4}/,a(\"year\")],Z:f,ZZ:f};function c(n){var r,i;r=n,i=o&&o.formats;for(var s=(n=r.replace(/(\\[[^\\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,n,r){var o=r&&r.toUpperCase();return n||i[r]||e[r]||i[o].replace(/(\\[[^\\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,n){return t||n.slice(1)}))}))).match(t),a=s.length,f=0;f<a;f+=1){var h=s[f],u=d[h],c=u&&u[0],l=u&&u[1];s[f]=l?{regex:c,parser:l}:h.replace(/^\\[|\\]$/g,\"\")}return function(e){for(var t={},n=0,r=0;n<a;n+=1){var i=s[n];if(\"string\"==typeof i)r+=i.length;else{var o=i.regex,f=i.parser,h=e.slice(r),u=o.exec(h)[0];f.call(t,u),e=e.replace(u,\"\")}}return function(e){var t=e.afternoon;if(void 0!==t){var n=e.hours;t?n<12&&(e.hours+=12):12===n&&(e.hours=0),delete e.afternoon}}(t),t}}return function(e,t,n){n.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&(s=e.parseTwoDigitYear);var r=t.prototype,i=r.parse;r.parse=function(e){var t=e.date,r=e.utc,s=e.args;this.$u=r;var a=s[1];if(\"string\"==typeof a){var f=!0===s[2],h=!0===s[3],u=f||h,d=s[2];h&&(d=s[2]),o=this.$locale(),!f&&d&&(o=n.Ls[d]),this.$d=function(e,t,n){try{if([\"x\",\"X\"].indexOf(t)>-1)return new Date((\"X\"===t?1e3:1)*e);var r=c(t)(e),i=r.year,o=r.month,s=r.day,a=r.hours,f=r.minutes,h=r.seconds,u=r.milliseconds,d=r.zone,l=new Date,m=s||(i||o?1:l.getDate()),M=i||l.getFullYear(),Y=0;i&&!o||(Y=o>0?o-1:l.getMonth());var p=a||0,v=f||0,D=h||0,g=u||0;return d?new Date(Date.UTC(M,Y,m,p,v,D,g+60*d.offset*1e3)):n?new Date(Date.UTC(M,Y,m,p,v,D,g)):new Date(M,Y,m,p,v,D,g)}catch(e){return new Date(\"\")}}(t,a,r),this.init(),d&&!0!==d&&(this.$L=this.locale(d).$L),u&&t!=this.format(a)&&(this.$d=new Date(\"\")),o={}}else if(a instanceof Array)for(var l=a.length,m=1;m<=l;m+=1){s[1]=a[m-1];var M=n.apply(this,s);if(M.isValid()){this.$d=M.$d,this.$L=M.$L,this.init();break}m===l&&(this.$d=new Date(\"\"))}else i.call(this,e)}}}));","!function(n,e){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=e():\"function\"==typeof define&&define.amd?define(e):(n=\"undefined\"!=typeof globalThis?globalThis:n||self).dayjs_plugin_localeData=e()}(this,(function(){\"use strict\";return function(n,e,t){var r=e.prototype,o=function(n){return n&&(n.indexOf?n:n.s)},u=function(n,e,t,r,u){var i=n.name?n:n.$locale(),a=o(i[e]),s=o(i[t]),f=a||s.map((function(n){return n.slice(0,r)}));if(!u)return f;var d=i.weekStart;return f.map((function(n,e){return f[(e+(d||0))%7]}))},i=function(){return t.Ls[t.locale()]},a=function(n,e){return n.formats[e]||function(n){return n.replace(/(\\[[^\\]]+])|(MMMM|MM|DD|dddd)/g,(function(n,e,t){return e||t.slice(1)}))}(n.formats[e.toUpperCase()])},s=function(){var n=this;return{months:function(e){return e?e.format(\"MMMM\"):u(n,\"months\")},monthsShort:function(e){return e?e.format(\"MMM\"):u(n,\"monthsShort\",\"months\",3)},firstDayOfWeek:function(){return n.$locale().weekStart||0},weekdays:function(e){return e?e.format(\"dddd\"):u(n,\"weekdays\")},weekdaysMin:function(e){return e?e.format(\"dd\"):u(n,\"weekdaysMin\",\"weekdays\",2)},weekdaysShort:function(e){return e?e.format(\"ddd\"):u(n,\"weekdaysShort\",\"weekdays\",3)},longDateFormat:function(e){return a(n.$locale(),e)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};r.localeData=function(){return s.bind(this)()},t.localeData=function(){var n=i();return{firstDayOfWeek:function(){return n.weekStart||0},weekdays:function(){return t.weekdays()},weekdaysShort:function(){return t.weekdaysShort()},weekdaysMin:function(){return t.weekdaysMin()},months:function(){return t.months()},monthsShort:function(){return t.monthsShort()},longDateFormat:function(e){return a(n,e)},meridiem:n.meridiem,ordinal:n.ordinal}},t.months=function(){return u(i(),\"months\")},t.monthsShort=function(){return u(i(),\"monthsShort\",\"months\",3)},t.weekdays=function(n){return u(i(),\"weekdays\",null,null,n)},t.weekdaysShort=function(n){return u(i(),\"weekdaysShort\",\"weekdays\",3,n)},t.weekdaysMin=function(n){return u(i(),\"weekdaysMin\",\"weekdays\",2,n)}}}));","!function(e,t){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=t():\"function\"==typeof define&&define.amd?define(t):(e=\"undefined\"!=typeof globalThis?globalThis:e||self).dayjs_plugin_weekOfYear=t()}(this,(function(){\"use strict\";var e=\"week\",t=\"year\";return function(i,n,r){var f=n.prototype;f.week=function(i){if(void 0===i&&(i=null),null!==i)return this.add(7*(i-this.week()),\"day\");var n=this.$locale().yearStart||1;if(11===this.month()&&this.date()>25){var f=r(this).startOf(t).add(1,t).date(n),s=r(this).endOf(e);if(f.isBefore(s))return 1}var a=r(this).startOf(t).date(n).startOf(e).subtract(1,\"millisecond\"),o=this.diff(a,e,!0);return o<0?r(this).startOf(\"week\").week():Math.ceil(o)},f.weeks=function(e){return void 0===e&&(e=null),this.week(e)}}}));","!function(e,t){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=t():\"function\"==typeof define&&define.amd?define(t):(e=\"undefined\"!=typeof globalThis?globalThis:e||self).dayjs_plugin_weekYear=t()}(this,(function(){\"use strict\";return function(e,t){t.prototype.weekYear=function(){var e=this.month(),t=this.week(),n=this.year();return 1===t&&11===e?n+1:0===e&&t>=52?n-1:n}}}));","!function(e,t){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=t():\"function\"==typeof define&&define.amd?define(t):(e=\"undefined\"!=typeof globalThis?globalThis:e||self).dayjs_plugin_weekday=t()}(this,(function(){\"use strict\";return function(e,t){t.prototype.weekday=function(e){var t=this.$locale().weekStart||0,i=this.$W,n=(i<t?i+7:i)-t;return this.$utils().u(e)?n:this.subtract(n,\"day\").add(e,\"day\")}}}));","/**\n * Returns a function, that, as long as it continues to be invoked, will not\n * be triggered. The function will be called after it stops being called for\n * N milliseconds. If `immediate` is passed, trigger the function on the\n * leading edge, instead of the trailing. The function also has a property 'clear' \n * that is a function which will clear the timer to prevent previously scheduled executions. \n *\n * @source underscore.js\n * @see http://unscriptable.com/2009/03/20/debouncing-javascript-methods/\n * @param {Function} function to wrap\n * @param {Number} timeout in ms (`100`)\n * @param {Boolean} whether to execute at the beginning (`false`)\n * @api public\n */\nfunction debounce(func, wait, immediate){\n  var timeout, args, context, timestamp, result;\n  if (null == wait) wait = 100;\n\n  function later() {\n    var last = Date.now() - timestamp;\n\n    if (last < wait && last >= 0) {\n      timeout = setTimeout(later, wait - last);\n    } else {\n      timeout = null;\n      if (!immediate) {\n        result = func.apply(context, args);\n        context = args = null;\n      }\n    }\n  };\n\n  var debounced = function(){\n    context = this;\n    args = arguments;\n    timestamp = Date.now();\n    var callNow = immediate && !timeout;\n    if (!timeout) timeout = setTimeout(later, wait);\n    if (callNow) {\n      result = func.apply(context, args);\n      context = args = null;\n    }\n\n    return result;\n  };\n\n  debounced.clear = function() {\n    if (timeout) {\n      clearTimeout(timeout);\n      timeout = null;\n    }\n  };\n  \n  debounced.flush = function() {\n    if (timeout) {\n      result = func.apply(context, args);\n      context = args = null;\n      \n      clearTimeout(timeout);\n      timeout = null;\n    }\n  };\n\n  return debounced;\n};\n\n// Adds compatibility for ES modules\ndebounce.debounce = debounce;\n\nmodule.exports = debounce;\n","'use strict';\n\n// do not edit .js files directly - edit src/index.jst\n\n\n\nmodule.exports = function equal(a, b) {\n  if (a === b) return true;\n\n  if (a && b && typeof a == 'object' && typeof b == 'object') {\n    if (a.constructor !== b.constructor) return false;\n\n    var length, i, keys;\n    if (Array.isArray(a)) {\n      length = a.length;\n      if (length != b.length) return false;\n      for (i = length; i-- !== 0;)\n        if (!equal(a[i], b[i])) return false;\n      return true;\n    }\n\n\n\n    if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;\n    if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();\n    if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();\n\n    keys = Object.keys(a);\n    length = keys.length;\n    if (length !== Object.keys(b).length) return false;\n\n    for (i = length; i-- !== 0;)\n      if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;\n\n    for (i = length; i-- !== 0;) {\n      var key = keys[i];\n\n      if (!equal(a[key], b[key])) return false;\n    }\n\n    return true;\n  }\n\n  // true if both NaN, false otherwise\n  return a!==a && b!==b;\n};\n","(function(a,b){if(\"function\"==typeof define&&define.amd)define([],b);else if(\"undefined\"!=typeof exports)b();else{b(),a.FileSaver={exports:{}}.exports}})(this,function(){\"use strict\";function b(a,b){return\"undefined\"==typeof b?b={autoBom:!1}:\"object\"!=typeof b&&(console.warn(\"Deprecated: Expected third argument to be a object\"),b={autoBom:!b}),b.autoBom&&/^\\s*(?:text\\/\\S*|application\\/xml|\\S*\\/\\S*\\+xml)\\s*;.*charset\\s*=\\s*utf-8/i.test(a.type)?new Blob([\"\\uFEFF\",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open(\"GET\",a),d.responseType=\"blob\",d.onload=function(){g(d.response,b,c)},d.onerror=function(){console.error(\"could not download file\")},d.send()}function d(a){var b=new XMLHttpRequest;b.open(\"HEAD\",a,!1);try{b.send()}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent(\"click\"))}catch(c){var b=document.createEvent(\"MouseEvents\");b.initMouseEvent(\"click\",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b)}}var f=\"object\"==typeof window&&window.window===window?window:\"object\"==typeof self&&self.self===self?self:\"object\"==typeof global&&global.global===global?global:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||(\"object\"!=typeof window||window!==f?function(){}:\"download\"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement(\"a\");g=g||b.name||\"download\",j.download=g,j.rel=\"noopener\",\"string\"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target=\"_blank\")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href)},4E4),setTimeout(function(){e(j)},0))}:\"msSaveOrOpenBlob\"in navigator?function(f,g,h){if(g=g||f.name||\"download\",\"string\"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else{var i=document.createElement(\"a\");i.href=f,i.target=\"_blank\",setTimeout(function(){e(i)})}}:function(b,d,e,g){if(g=g||open(\"\",\"_blank\"),g&&(g.document.title=g.document.body.innerText=\"downloading...\"),\"string\"==typeof b)return c(b,d,e);var h=\"application/octet-stream\"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\\/[\\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&\"undefined\"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,\"data:attachment/file;\"),g?g.location.href=a:location=a,g=null},k.readAsDataURL(b)}else{var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m)},4E4)}});f.saveAs=g.saveAs=g,\"undefined\"!=typeof module&&(module.exports=g)});\n\n//# sourceMappingURL=FileSaver.min.js.map","/* eslint-env browser */\nmodule.exports = typeof self == 'object' ? self.FormData : window.FormData;\n","'use strict';\n\nvar reactIs = require('react-is');\n\n/**\n * Copyright 2015, Yahoo! Inc.\n * Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.\n */\nvar REACT_STATICS = {\n  childContextTypes: true,\n  contextType: true,\n  contextTypes: true,\n  defaultProps: true,\n  displayName: true,\n  getDefaultProps: true,\n  getDerivedStateFromError: true,\n  getDerivedStateFromProps: true,\n  mixins: true,\n  propTypes: true,\n  type: true\n};\nvar KNOWN_STATICS = {\n  name: true,\n  length: true,\n  prototype: true,\n  caller: true,\n  callee: true,\n  arguments: true,\n  arity: true\n};\nvar FORWARD_REF_STATICS = {\n  '$$typeof': true,\n  render: true,\n  defaultProps: true,\n  displayName: true,\n  propTypes: true\n};\nvar MEMO_STATICS = {\n  '$$typeof': true,\n  compare: true,\n  defaultProps: true,\n  displayName: true,\n  propTypes: true,\n  type: true\n};\nvar TYPE_STATICS = {};\nTYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;\nTYPE_STATICS[reactIs.Memo] = MEMO_STATICS;\n\nfunction getStatics(component) {\n  // React v16.11 and below\n  if (reactIs.isMemo(component)) {\n    return MEMO_STATICS;\n  } // React v16.12 and above\n\n\n  return TYPE_STATICS[component['$$typeof']] || REACT_STATICS;\n}\n\nvar defineProperty = Object.defineProperty;\nvar getOwnPropertyNames = Object.getOwnPropertyNames;\nvar getOwnPropertySymbols = Object.getOwnPropertySymbols;\nvar getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;\nvar getPrototypeOf = Object.getPrototypeOf;\nvar objectPrototype = Object.prototype;\nfunction hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {\n  if (typeof sourceComponent !== 'string') {\n    // don't hoist over string (html) components\n    if (objectPrototype) {\n      var inheritedComponent = getPrototypeOf(sourceComponent);\n\n      if (inheritedComponent && inheritedComponent !== objectPrototype) {\n        hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);\n      }\n    }\n\n    var keys = getOwnPropertyNames(sourceComponent);\n\n    if (getOwnPropertySymbols) {\n      keys = keys.concat(getOwnPropertySymbols(sourceComponent));\n    }\n\n    var targetStatics = getStatics(targetComponent);\n    var sourceStatics = getStatics(sourceComponent);\n\n    for (var i = 0; i < keys.length; ++i) {\n      var key = keys[i];\n\n      if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {\n        var descriptor = getOwnPropertyDescriptor(sourceComponent, key);\n\n        try {\n          // Avoid failures from read-only properties\n          defineProperty(targetComponent, key, descriptor);\n        } catch (e) {}\n      }\n    }\n  }\n\n  return targetComponent;\n}\n\nmodule.exports = hoistNonReactStatics;\n","/** @license React v16.13.1\n * react-is.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';var b=\"function\"===typeof Symbol&&Symbol.for,c=b?Symbol.for(\"react.element\"):60103,d=b?Symbol.for(\"react.portal\"):60106,e=b?Symbol.for(\"react.fragment\"):60107,f=b?Symbol.for(\"react.strict_mode\"):60108,g=b?Symbol.for(\"react.profiler\"):60114,h=b?Symbol.for(\"react.provider\"):60109,k=b?Symbol.for(\"react.context\"):60110,l=b?Symbol.for(\"react.async_mode\"):60111,m=b?Symbol.for(\"react.concurrent_mode\"):60111,n=b?Symbol.for(\"react.forward_ref\"):60112,p=b?Symbol.for(\"react.suspense\"):60113,q=b?\nSymbol.for(\"react.suspense_list\"):60120,r=b?Symbol.for(\"react.memo\"):60115,t=b?Symbol.for(\"react.lazy\"):60116,v=b?Symbol.for(\"react.block\"):60121,w=b?Symbol.for(\"react.fundamental\"):60117,x=b?Symbol.for(\"react.responder\"):60118,y=b?Symbol.for(\"react.scope\"):60119;\nfunction z(a){if(\"object\"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}exports.AsyncMode=l;exports.ConcurrentMode=m;exports.ContextConsumer=k;exports.ContextProvider=h;exports.Element=c;exports.ForwardRef=n;exports.Fragment=e;exports.Lazy=t;exports.Memo=r;exports.Portal=d;\nexports.Profiler=g;exports.StrictMode=f;exports.Suspense=p;exports.isAsyncMode=function(a){return A(a)||z(a)===l};exports.isConcurrentMode=A;exports.isContextConsumer=function(a){return z(a)===k};exports.isContextProvider=function(a){return z(a)===h};exports.isElement=function(a){return\"object\"===typeof a&&null!==a&&a.$$typeof===c};exports.isForwardRef=function(a){return z(a)===n};exports.isFragment=function(a){return z(a)===e};exports.isLazy=function(a){return z(a)===t};\nexports.isMemo=function(a){return z(a)===r};exports.isPortal=function(a){return z(a)===d};exports.isProfiler=function(a){return z(a)===g};exports.isStrictMode=function(a){return z(a)===f};exports.isSuspense=function(a){return z(a)===p};\nexports.isValidElementType=function(a){return\"string\"===typeof a||\"function\"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||\"object\"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};exports.typeOf=z;\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-is.production.min.js');\n} else {\n  module.exports = require('./cjs/react-is.development.js');\n}\n","/*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */\nexports.read = function (buffer, offset, isLE, mLen, nBytes) {\n  var e, m\n  var eLen = (nBytes * 8) - mLen - 1\n  var eMax = (1 << eLen) - 1\n  var eBias = eMax >> 1\n  var nBits = -7\n  var i = isLE ? (nBytes - 1) : 0\n  var d = isLE ? -1 : 1\n  var s = buffer[offset + i]\n\n  i += d\n\n  e = s & ((1 << (-nBits)) - 1)\n  s >>= (-nBits)\n  nBits += eLen\n  for (; nBits > 0; e = (e * 256) + buffer[offset + i], i += d, nBits -= 8) {}\n\n  m = e & ((1 << (-nBits)) - 1)\n  e >>= (-nBits)\n  nBits += mLen\n  for (; nBits > 0; m = (m * 256) + buffer[offset + i], i += d, nBits -= 8) {}\n\n  if (e === 0) {\n    e = 1 - eBias\n  } else if (e === eMax) {\n    return m ? NaN : ((s ? -1 : 1) * Infinity)\n  } else {\n    m = m + Math.pow(2, mLen)\n    e = e - eBias\n  }\n  return (s ? -1 : 1) * m * Math.pow(2, e - mLen)\n}\n\nexports.write = function (buffer, value, offset, isLE, mLen, nBytes) {\n  var e, m, c\n  var eLen = (nBytes * 8) - mLen - 1\n  var eMax = (1 << eLen) - 1\n  var eBias = eMax >> 1\n  var rt = (mLen === 23 ? Math.pow(2, -24) - Math.pow(2, -77) : 0)\n  var i = isLE ? 0 : (nBytes - 1)\n  var d = isLE ? 1 : -1\n  var s = value < 0 || (value === 0 && 1 / value < 0) ? 1 : 0\n\n  value = Math.abs(value)\n\n  if (isNaN(value) || value === Infinity) {\n    m = isNaN(value) ? 1 : 0\n    e = eMax\n  } else {\n    e = Math.floor(Math.log(value) / Math.LN2)\n    if (value * (c = Math.pow(2, -e)) < 1) {\n      e--\n      c *= 2\n    }\n    if (e + eBias >= 1) {\n      value += rt / c\n    } else {\n      value += rt * Math.pow(2, 1 - eBias)\n    }\n    if (value * c >= 2) {\n      e++\n      c /= 2\n    }\n\n    if (e + eBias >= eMax) {\n      m = 0\n      e = eMax\n    } else if (e + eBias >= 1) {\n      m = ((value * c) - 1) * Math.pow(2, mLen)\n      e = e + eBias\n    } else {\n      m = value * Math.pow(2, eBias - 1) * Math.pow(2, mLen)\n      e = 0\n    }\n  }\n\n  for (; mLen >= 8; buffer[offset + i] = m & 0xff, i += d, m /= 256, mLen -= 8) {}\n\n  e = (e << mLen) | m\n  eLen += mLen\n  for (; eLen > 0; buffer[offset + i] = e & 0xff, i += d, e /= 256, eLen -= 8) {}\n\n  buffer[offset + i - d] |= s * 128\n}\n","/**\n * lodash (Custom Build) <https://lodash.com/>\n * Build: `lodash modularize exports=\"npm\" -o ./`\n * Copyright jQuery Foundation and other contributors <https://jquery.org/>\n * Released under MIT license <https://lodash.com/license>\n * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>\n * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors\n */\n\n/** Used as the `TypeError` message for \"Functions\" methods. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/** Used to match leading and trailing whitespace. */\nvar reTrim = /^\\s+|\\s+$/g;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar objectToString = objectProto.toString;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n    nativeMin = Math.min;\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n *   console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function() {\n  return root.Date.now();\n};\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n *  Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n *  The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n *  Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n *   'leading': true,\n *   'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n  var lastArgs,\n      lastThis,\n      maxWait,\n      result,\n      timerId,\n      lastCallTime,\n      lastInvokeTime = 0,\n      leading = false,\n      maxing = false,\n      trailing = true;\n\n  if (typeof func != 'function') {\n    throw new TypeError(FUNC_ERROR_TEXT);\n  }\n  wait = toNumber(wait) || 0;\n  if (isObject(options)) {\n    leading = !!options.leading;\n    maxing = 'maxWait' in options;\n    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n    trailing = 'trailing' in options ? !!options.trailing : trailing;\n  }\n\n  function invokeFunc(time) {\n    var args = lastArgs,\n        thisArg = lastThis;\n\n    lastArgs = lastThis = undefined;\n    lastInvokeTime = time;\n    result = func.apply(thisArg, args);\n    return result;\n  }\n\n  function leadingEdge(time) {\n    // Reset any `maxWait` timer.\n    lastInvokeTime = time;\n    // Start the timer for the trailing edge.\n    timerId = setTimeout(timerExpired, wait);\n    // Invoke the leading edge.\n    return leading ? invokeFunc(time) : result;\n  }\n\n  function remainingWait(time) {\n    var timeSinceLastCall = time - lastCallTime,\n        timeSinceLastInvoke = time - lastInvokeTime,\n        result = wait - timeSinceLastCall;\n\n    return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;\n  }\n\n  function shouldInvoke(time) {\n    var timeSinceLastCall = time - lastCallTime,\n        timeSinceLastInvoke = time - lastInvokeTime;\n\n    // Either this is the first call, activity has stopped and we're at the\n    // trailing edge, the system time has gone backwards and we're treating\n    // it as the trailing edge, or we've hit the `maxWait` limit.\n    return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n      (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n  }\n\n  function timerExpired() {\n    var time = now();\n    if (shouldInvoke(time)) {\n      return trailingEdge(time);\n    }\n    // Restart the timer.\n    timerId = setTimeout(timerExpired, remainingWait(time));\n  }\n\n  function trailingEdge(time) {\n    timerId = undefined;\n\n    // Only invoke if we have `lastArgs` which means `func` has been\n    // debounced at least once.\n    if (trailing && lastArgs) {\n      return invokeFunc(time);\n    }\n    lastArgs = lastThis = undefined;\n    return result;\n  }\n\n  function cancel() {\n    if (timerId !== undefined) {\n      clearTimeout(timerId);\n    }\n    lastInvokeTime = 0;\n    lastArgs = lastCallTime = lastThis = timerId = undefined;\n  }\n\n  function flush() {\n    return timerId === undefined ? result : trailingEdge(now());\n  }\n\n  function debounced() {\n    var time = now(),\n        isInvoking = shouldInvoke(time);\n\n    lastArgs = arguments;\n    lastThis = this;\n    lastCallTime = time;\n\n    if (isInvoking) {\n      if (timerId === undefined) {\n        return leadingEdge(lastCallTime);\n      }\n      if (maxing) {\n        // Handle invocations in a tight loop.\n        timerId = setTimeout(timerExpired, wait);\n        return invokeFunc(lastCallTime);\n      }\n    }\n    if (timerId === undefined) {\n      timerId = setTimeout(timerExpired, wait);\n    }\n    return result;\n  }\n  debounced.cancel = cancel;\n  debounced.flush = flush;\n  return debounced;\n}\n\n/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n  var type = typeof value;\n  return !!value && (type == 'object' || type == 'function');\n}\n\n/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n  return !!value && typeof value == 'object';\n}\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n  return typeof value == 'symbol' ||\n    (isObjectLike(value) && objectToString.call(value) == symbolTag);\n}\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n  if (typeof value == 'number') {\n    return value;\n  }\n  if (isSymbol(value)) {\n    return NAN;\n  }\n  if (isObject(value)) {\n    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n    value = isObject(other) ? (other + '') : other;\n  }\n  if (typeof value != 'string') {\n    return value === 0 ? value : +value;\n  }\n  value = value.replace(reTrim, '');\n  var isBinary = reIsBinary.test(value);\n  return (isBinary || reIsOctal.test(value))\n    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n    : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nmodule.exports = debounce;\n","var root = require('./_root');\n\n/** Built-in value references. */\nvar Symbol = root.Symbol;\n\nmodule.exports = Symbol;\n","var Symbol = require('./_Symbol'),\n    getRawTag = require('./_getRawTag'),\n    objectToString = require('./_objectToString');\n\n/** `Object#toString` result references. */\nvar nullTag = '[object Null]',\n    undefinedTag = '[object Undefined]';\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * The base implementation of `getTag` without fallbacks for buggy environments.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nfunction baseGetTag(value) {\n  if (value == null) {\n    return value === undefined ? undefinedTag : nullTag;\n  }\n  return (symToStringTag && symToStringTag in Object(value))\n    ? getRawTag(value)\n    : objectToString(value);\n}\n\nmodule.exports = baseGetTag;\n","var trimmedEndIndex = require('./_trimmedEndIndex');\n\n/** Used to match leading whitespace. */\nvar reTrimStart = /^\\s+/;\n\n/**\n * The base implementation of `_.trim`.\n *\n * @private\n * @param {string} string The string to trim.\n * @returns {string} Returns the trimmed string.\n */\nfunction baseTrim(string) {\n  return string\n    ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')\n    : string;\n}\n\nmodule.exports = baseTrim;\n","/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\nmodule.exports = freeGlobal;\n","var Symbol = require('./_Symbol');\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the raw `toStringTag`.\n */\nfunction getRawTag(value) {\n  var isOwn = hasOwnProperty.call(value, symToStringTag),\n      tag = value[symToStringTag];\n\n  try {\n    value[symToStringTag] = undefined;\n    var unmasked = true;\n  } catch (e) {}\n\n  var result = nativeObjectToString.call(value);\n  if (unmasked) {\n    if (isOwn) {\n      value[symToStringTag] = tag;\n    } else {\n      delete value[symToStringTag];\n    }\n  }\n  return result;\n}\n\nmodule.exports = getRawTag;\n","/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/**\n * Converts `value` to a string using `Object.prototype.toString`.\n *\n * @private\n * @param {*} value The value to convert.\n * @returns {string} Returns the converted string.\n */\nfunction objectToString(value) {\n  return nativeObjectToString.call(value);\n}\n\nmodule.exports = objectToString;\n","var freeGlobal = require('./_freeGlobal');\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\nmodule.exports = root;\n","/** Used to match a single whitespace character. */\nvar reWhitespace = /\\s/;\n\n/**\n * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace\n * character of `string`.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {number} Returns the index of the last non-whitespace character.\n */\nfunction trimmedEndIndex(string) {\n  var index = string.length;\n\n  while (index-- && reWhitespace.test(string.charAt(index))) {}\n  return index;\n}\n\nmodule.exports = trimmedEndIndex;\n","var isObject = require('./isObject'),\n    now = require('./now'),\n    toNumber = require('./toNumber');\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n    nativeMin = Math.min;\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n *  Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n *  The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n *  Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n *   'leading': true,\n *   'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n  var lastArgs,\n      lastThis,\n      maxWait,\n      result,\n      timerId,\n      lastCallTime,\n      lastInvokeTime = 0,\n      leading = false,\n      maxing = false,\n      trailing = true;\n\n  if (typeof func != 'function') {\n    throw new TypeError(FUNC_ERROR_TEXT);\n  }\n  wait = toNumber(wait) || 0;\n  if (isObject(options)) {\n    leading = !!options.leading;\n    maxing = 'maxWait' in options;\n    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n    trailing = 'trailing' in options ? !!options.trailing : trailing;\n  }\n\n  function invokeFunc(time) {\n    var args = lastArgs,\n        thisArg = lastThis;\n\n    lastArgs = lastThis = undefined;\n    lastInvokeTime = time;\n    result = func.apply(thisArg, args);\n    return result;\n  }\n\n  function leadingEdge(time) {\n    // Reset any `maxWait` timer.\n    lastInvokeTime = time;\n    // Start the timer for the trailing edge.\n    timerId = setTimeout(timerExpired, wait);\n    // Invoke the leading edge.\n    return leading ? invokeFunc(time) : result;\n  }\n\n  function remainingWait(time) {\n    var timeSinceLastCall = time - lastCallTime,\n        timeSinceLastInvoke = time - lastInvokeTime,\n        timeWaiting = wait - timeSinceLastCall;\n\n    return maxing\n      ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)\n      : timeWaiting;\n  }\n\n  function shouldInvoke(time) {\n    var timeSinceLastCall = time - lastCallTime,\n        timeSinceLastInvoke = time - lastInvokeTime;\n\n    // Either this is the first call, activity has stopped and we're at the\n    // trailing edge, the system time has gone backwards and we're treating\n    // it as the trailing edge, or we've hit the `maxWait` limit.\n    return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n      (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n  }\n\n  function timerExpired() {\n    var time = now();\n    if (shouldInvoke(time)) {\n      return trailingEdge(time);\n    }\n    // Restart the timer.\n    timerId = setTimeout(timerExpired, remainingWait(time));\n  }\n\n  function trailingEdge(time) {\n    timerId = undefined;\n\n    // Only invoke if we have `lastArgs` which means `func` has been\n    // debounced at least once.\n    if (trailing && lastArgs) {\n      return invokeFunc(time);\n    }\n    lastArgs = lastThis = undefined;\n    return result;\n  }\n\n  function cancel() {\n    if (timerId !== undefined) {\n      clearTimeout(timerId);\n    }\n    lastInvokeTime = 0;\n    lastArgs = lastCallTime = lastThis = timerId = undefined;\n  }\n\n  function flush() {\n    return timerId === undefined ? result : trailingEdge(now());\n  }\n\n  function debounced() {\n    var time = now(),\n        isInvoking = shouldInvoke(time);\n\n    lastArgs = arguments;\n    lastThis = this;\n    lastCallTime = time;\n\n    if (isInvoking) {\n      if (timerId === undefined) {\n        return leadingEdge(lastCallTime);\n      }\n      if (maxing) {\n        // Handle invocations in a tight loop.\n        clearTimeout(timerId);\n        timerId = setTimeout(timerExpired, wait);\n        return invokeFunc(lastCallTime);\n      }\n    }\n    if (timerId === undefined) {\n      timerId = setTimeout(timerExpired, wait);\n    }\n    return result;\n  }\n  debounced.cancel = cancel;\n  debounced.flush = flush;\n  return debounced;\n}\n\nmodule.exports = debounce;\n","/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n  var type = typeof value;\n  return value != null && (type == 'object' || type == 'function');\n}\n\nmodule.exports = isObject;\n","/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n  return value != null && typeof value == 'object';\n}\n\nmodule.exports = isObjectLike;\n","var baseGetTag = require('./_baseGetTag'),\n    isObjectLike = require('./isObjectLike');\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n  return typeof value == 'symbol' ||\n    (isObjectLike(value) && baseGetTag(value) == symbolTag);\n}\n\nmodule.exports = isSymbol;\n","var root = require('./_root');\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n *   console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function() {\n  return root.Date.now();\n};\n\nmodule.exports = now;\n","var baseTrim = require('./_baseTrim'),\n    isObject = require('./isObject'),\n    isSymbol = require('./isSymbol');\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n  if (typeof value == 'number') {\n    return value;\n  }\n  if (isSymbol(value)) {\n    return NAN;\n  }\n  if (isObject(value)) {\n    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n    value = isObject(other) ? (other + '') : other;\n  }\n  if (typeof value != 'string') {\n    return value === 0 ? value : +value;\n  }\n  value = baseTrim(value);\n  var isBinary = reIsBinary.test(value);\n  return (isBinary || reIsOctal.test(value))\n    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n    : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nmodule.exports = toNumber;\n","import { makeObservable } from \"mobx\";\nimport { useState } from \"react\";\nif (!useState) {\n    throw new Error(\"mobx-react-lite requires React with Hooks support\");\n}\nif (!makeObservable) {\n    throw new Error(\"mobx-react-lite@3 requires mobx at least version 6 to be available\");\n}\n//# sourceMappingURL=assertEnvironment.js.map","export { unstable_batchedUpdates } from \"react-dom\";\n//# sourceMappingURL=reactBatchedUpdates.js.map","import { configure } from \"mobx\";\nexport function defaultNoopBatch(callback) {\n    callback();\n}\nexport function observerBatching(reactionScheduler) {\n    if (!reactionScheduler) {\n        reactionScheduler = defaultNoopBatch;\n        if (\"production\" !== process.env.NODE_ENV) {\n            console.warn(\"[MobX] Failed to get unstable_batched updates from react-dom / react-native\");\n        }\n    }\n    configure({ reactionScheduler: reactionScheduler });\n}\nexport var isObserverBatched = function () {\n    if (\"production\" !== process.env.NODE_ENV) {\n        console.warn(\"[MobX] Deprecated\");\n    }\n    return true;\n};\n//# sourceMappingURL=observerBatching.js.map","import { getDependencyTree } from \"mobx\";\nexport function printDebugValue(v) {\n    return getDependencyTree(v);\n}\n//# sourceMappingURL=printDebugValue.js.map","var FinalizationRegistryLocal = typeof FinalizationRegistry === \"undefined\" ? undefined : FinalizationRegistry;\nexport { FinalizationRegistryLocal as FinalizationRegistry };\n//# sourceMappingURL=FinalizationRegistryWrapper.js.map","export function createTrackingData(reaction) {\n    var trackingData = {\n        reaction: reaction,\n        mounted: false,\n        changedBeforeMount: false,\n        cleanAt: Date.now() + CLEANUP_LEAKED_REACTIONS_AFTER_MILLIS\n    };\n    return trackingData;\n}\n/**\n * The minimum time before we'll clean up a Reaction created in a render\n * for a component that hasn't managed to run its effects. This needs to\n * be big enough to ensure that a component won't turn up and have its\n * effects run without being re-rendered.\n */\nexport var CLEANUP_LEAKED_REACTIONS_AFTER_MILLIS = 10000;\n/**\n * The frequency with which we'll check for leaked reactions.\n */\nexport var CLEANUP_TIMER_LOOP_MILLIS = 10000;\n//# sourceMappingURL=reactionCleanupTrackingCommon.js.map","import { createTrackingData } from \"./reactionCleanupTrackingCommon\";\n/**\n * FinalizationRegistry-based uncommitted reaction cleanup\n */\nexport function createReactionCleanupTrackingUsingFinalizationRegister(FinalizationRegistry) {\n    var cleanupTokenToReactionTrackingMap = new Map();\n    var globalCleanupTokensCounter = 1;\n    var registry = new FinalizationRegistry(function cleanupFunction(token) {\n        var trackedReaction = cleanupTokenToReactionTrackingMap.get(token);\n        if (trackedReaction) {\n            trackedReaction.reaction.dispose();\n            cleanupTokenToReactionTrackingMap.delete(token);\n        }\n    });\n    return {\n        addReactionToTrack: function (reactionTrackingRef, reaction, objectRetainedByReact) {\n            var token = globalCleanupTokensCounter++;\n            registry.register(objectRetainedByReact, token, reactionTrackingRef);\n            reactionTrackingRef.current = createTrackingData(reaction);\n            reactionTrackingRef.current.finalizationRegistryCleanupToken = token;\n            cleanupTokenToReactionTrackingMap.set(token, reactionTrackingRef.current);\n            return reactionTrackingRef.current;\n        },\n        recordReactionAsCommitted: function (reactionRef) {\n            registry.unregister(reactionRef);\n            if (reactionRef.current && reactionRef.current.finalizationRegistryCleanupToken) {\n                cleanupTokenToReactionTrackingMap.delete(reactionRef.current.finalizationRegistryCleanupToken);\n            }\n        },\n        forceCleanupTimerToRunNowForTests: function () {\n            // When FinalizationRegistry in use, this this is no-op\n        },\n        resetCleanupScheduleForTests: function () {\n            // When FinalizationRegistry in use, this this is no-op\n        }\n    };\n}\n//# sourceMappingURL=createReactionCleanupTrackingUsingFinalizationRegister.js.map","var __values = (this && this.__values) || function(o) {\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\n    if (m) return m.call(o);\n    if (o && typeof o.length === \"number\") return {\n        next: function () {\n            if (o && i >= o.length) o = void 0;\n            return { value: o && o[i++], done: !o };\n        }\n    };\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\n};\nimport { CLEANUP_TIMER_LOOP_MILLIS, createTrackingData } from \"./reactionCleanupTrackingCommon\";\n/**\n * timers, gc-style, uncommitted reaction cleanup\n */\nexport function createTimerBasedReactionCleanupTracking() {\n    /**\n     * Reactions created by components that have yet to be fully mounted.\n     */\n    var uncommittedReactionRefs = new Set();\n    /**\n     * Latest 'uncommitted reactions' cleanup timer handle.\n     */\n    var reactionCleanupHandle;\n    /* istanbul ignore next */\n    /**\n     * Only to be used by test functions; do not export outside of mobx-react-lite\n     */\n    function forceCleanupTimerToRunNowForTests() {\n        // This allows us to control the execution of the cleanup timer\n        // to force it to run at awkward times in unit tests.\n        if (reactionCleanupHandle) {\n            clearTimeout(reactionCleanupHandle);\n            cleanUncommittedReactions();\n        }\n    }\n    /* istanbul ignore next */\n    function resetCleanupScheduleForTests() {\n        var e_1, _a;\n        if (uncommittedReactionRefs.size > 0) {\n            try {\n                for (var uncommittedReactionRefs_1 = __values(uncommittedReactionRefs), uncommittedReactionRefs_1_1 = uncommittedReactionRefs_1.next(); !uncommittedReactionRefs_1_1.done; uncommittedReactionRefs_1_1 = uncommittedReactionRefs_1.next()) {\n                    var ref = uncommittedReactionRefs_1_1.value;\n                    var tracking = ref.current;\n                    if (tracking) {\n                        tracking.reaction.dispose();\n                        ref.current = null;\n                    }\n                }\n            }\n            catch (e_1_1) { e_1 = { error: e_1_1 }; }\n            finally {\n                try {\n                    if (uncommittedReactionRefs_1_1 && !uncommittedReactionRefs_1_1.done && (_a = uncommittedReactionRefs_1.return)) _a.call(uncommittedReactionRefs_1);\n                }\n                finally { if (e_1) throw e_1.error; }\n            }\n            uncommittedReactionRefs.clear();\n        }\n        if (reactionCleanupHandle) {\n            clearTimeout(reactionCleanupHandle);\n            reactionCleanupHandle = undefined;\n        }\n    }\n    function ensureCleanupTimerRunning() {\n        if (reactionCleanupHandle === undefined) {\n            reactionCleanupHandle = setTimeout(cleanUncommittedReactions, CLEANUP_TIMER_LOOP_MILLIS);\n        }\n    }\n    function scheduleCleanupOfReactionIfLeaked(ref) {\n        uncommittedReactionRefs.add(ref);\n        ensureCleanupTimerRunning();\n    }\n    function recordReactionAsCommitted(reactionRef) {\n        uncommittedReactionRefs.delete(reactionRef);\n    }\n    /**\n     * Run by the cleanup timer to dispose any outstanding reactions\n     */\n    function cleanUncommittedReactions() {\n        reactionCleanupHandle = undefined;\n        // Loop through all the candidate leaked reactions; those older\n        // than CLEANUP_LEAKED_REACTIONS_AFTER_MILLIS get tidied.\n        var now = Date.now();\n        uncommittedReactionRefs.forEach(function (ref) {\n            var tracking = ref.current;\n            if (tracking) {\n                if (now >= tracking.cleanAt) {\n                    // It's time to tidy up this leaked reaction.\n                    tracking.reaction.dispose();\n                    ref.current = null;\n                    uncommittedReactionRefs.delete(ref);\n                }\n            }\n        });\n        if (uncommittedReactionRefs.size > 0) {\n            // We've just finished a round of cleanups but there are still\n            // some leak candidates outstanding.\n            ensureCleanupTimerRunning();\n        }\n    }\n    return {\n        addReactionToTrack: function (reactionTrackingRef, reaction, \n        /**\n         * On timer based implementation we don't really need this object,\n         * but we keep the same api\n         */\n        objectRetainedByReact) {\n            reactionTrackingRef.current = createTrackingData(reaction);\n            scheduleCleanupOfReactionIfLeaked(reactionTrackingRef);\n            return reactionTrackingRef.current;\n        },\n        recordReactionAsCommitted: recordReactionAsCommitted,\n        forceCleanupTimerToRunNowForTests: forceCleanupTimerToRunNowForTests,\n        resetCleanupScheduleForTests: resetCleanupScheduleForTests\n    };\n}\n//# sourceMappingURL=createTimerBasedReactionCleanupTracking.js.map","import { FinalizationRegistry as FinalizationRegistryMaybeUndefined } from \"./FinalizationRegistryWrapper\";\nimport { createReactionCleanupTrackingUsingFinalizationRegister } from \"./createReactionCleanupTrackingUsingFinalizationRegister\";\nimport { createTimerBasedReactionCleanupTracking } from \"./createTimerBasedReactionCleanupTracking\";\nvar _a = FinalizationRegistryMaybeUndefined\n    ? createReactionCleanupTrackingUsingFinalizationRegister(FinalizationRegistryMaybeUndefined)\n    : createTimerBasedReactionCleanupTracking(), addReactionToTrack = _a.addReactionToTrack, recordReactionAsCommitted = _a.recordReactionAsCommitted, resetCleanupScheduleForTests = _a.resetCleanupScheduleForTests, forceCleanupTimerToRunNowForTests = _a.forceCleanupTimerToRunNowForTests;\nexport { addReactionToTrack, recordReactionAsCommitted, resetCleanupScheduleForTests, forceCleanupTimerToRunNowForTests };\n//# sourceMappingURL=reactionCleanupTracking.js.map","var globalIsUsingStaticRendering = false;\nexport function enableStaticRendering(enable) {\n    globalIsUsingStaticRendering = enable;\n}\nexport function isUsingStaticRendering() {\n    return globalIsUsingStaticRendering;\n}\n//# sourceMappingURL=staticRendering.js.map","var __read = (this && this.__read) || function (o, n) {\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n    if (!m) return o;\n    var i = m.call(o), r, ar = [], e;\n    try {\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n    }\n    catch (error) { e = { error: error }; }\n    finally {\n        try {\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\n        }\n        finally { if (e) throw e.error; }\n    }\n    return ar;\n};\nimport { Reaction } from \"mobx\";\nimport React from \"react\";\nimport { printDebugValue } from \"./utils/printDebugValue\";\nimport { addReactionToTrack, recordReactionAsCommitted } from \"./utils/reactionCleanupTracking\";\nimport { isUsingStaticRendering } from \"./staticRendering\";\nfunction observerComponentNameFor(baseComponentName) {\n    return \"observer\".concat(baseComponentName);\n}\n/**\n * We use class to make it easier to detect in heap snapshots by name\n */\nvar ObjectToBeRetainedByReact = /** @class */ (function () {\n    function ObjectToBeRetainedByReact() {\n    }\n    return ObjectToBeRetainedByReact;\n}());\nfunction objectToBeRetainedByReactFactory() {\n    return new ObjectToBeRetainedByReact();\n}\nexport function useObserver(fn, baseComponentName) {\n    if (baseComponentName === void 0) { baseComponentName = \"observed\"; }\n    if (isUsingStaticRendering()) {\n        return fn();\n    }\n    var _a = __read(React.useState(objectToBeRetainedByReactFactory), 1), objectRetainedByReact = _a[0];\n    // Force update, see #2982\n    var _b = __read(React.useState(), 2), setState = _b[1];\n    var forceUpdate = function () { return setState([]); };\n    // StrictMode/ConcurrentMode/Suspense may mean that our component is\n    // rendered and abandoned multiple times, so we need to track leaked\n    // Reactions.\n    var reactionTrackingRef = React.useRef(null);\n    if (!reactionTrackingRef.current) {\n        // First render for this component (or first time since a previous\n        // reaction from an abandoned render was disposed).\n        var newReaction = new Reaction(observerComponentNameFor(baseComponentName), function () {\n            // Observable has changed, meaning we want to re-render\n            // BUT if we're a component that hasn't yet got to the useEffect()\n            // stage, we might be a component that _started_ to render, but\n            // got dropped, and we don't want to make state changes then.\n            // (It triggers warnings in StrictMode, for a start.)\n            if (trackingData_1.mounted) {\n                // We have reached useEffect(), so we're mounted, and can trigger an update\n                forceUpdate();\n            }\n            else {\n                // We haven't yet reached useEffect(), so we'll need to trigger a re-render\n                // when (and if) useEffect() arrives.\n                trackingData_1.changedBeforeMount = true;\n            }\n        });\n        var trackingData_1 = addReactionToTrack(reactionTrackingRef, newReaction, objectRetainedByReact);\n    }\n    var reaction = reactionTrackingRef.current.reaction;\n    React.useDebugValue(reaction, printDebugValue);\n    React.useEffect(function () {\n        // Called on first mount only\n        recordReactionAsCommitted(reactionTrackingRef);\n        if (reactionTrackingRef.current) {\n            // Great. We've already got our reaction from our render;\n            // all we need to do is to record that it's now mounted,\n            // to allow future observable changes to trigger re-renders\n            reactionTrackingRef.current.mounted = true;\n            // Got a change before first mount, force an update\n            if (reactionTrackingRef.current.changedBeforeMount) {\n                reactionTrackingRef.current.changedBeforeMount = false;\n                forceUpdate();\n            }\n        }\n        else {\n            // The reaction we set up in our render has been disposed.\n            // This can be due to bad timings of renderings, e.g. our\n            // component was paused for a _very_ long time, and our\n            // reaction got cleaned up\n            // Re-create the reaction\n            reactionTrackingRef.current = {\n                reaction: new Reaction(observerComponentNameFor(baseComponentName), function () {\n                    // We've definitely already been mounted at this point\n                    forceUpdate();\n                }),\n                mounted: true,\n                changedBeforeMount: false,\n                cleanAt: Infinity\n            };\n            forceUpdate();\n        }\n        return function () {\n            reactionTrackingRef.current.reaction.dispose();\n            reactionTrackingRef.current = null;\n        };\n    }, []);\n    // render the original component, but have the\n    // reaction track the observables, so that rendering\n    // can be invalidated (see above) once a dependency changes\n    var rendering;\n    var exception;\n    reaction.track(function () {\n        try {\n            rendering = fn();\n        }\n        catch (e) {\n            exception = e;\n        }\n    });\n    if (exception) {\n        throw exception; // re-throw any exceptions caught during rendering\n    }\n    return rendering;\n}\n//# sourceMappingURL=useObserver.js.map","import { forwardRef, memo } from \"react\";\nimport { isUsingStaticRendering } from \"./staticRendering\";\nimport { useObserver } from \"./useObserver\";\nvar warnObserverOptionsDeprecated = true;\nvar hasSymbol = typeof Symbol === \"function\" && Symbol.for;\n// Using react-is had some issues (and operates on elements, not on types), see #608 / #609\nvar ReactForwardRefSymbol = hasSymbol\n    ? Symbol.for(\"react.forward_ref\")\n    : typeof forwardRef === \"function\" && forwardRef(function (props) { return null; })[\"$$typeof\"];\nvar ReactMemoSymbol = hasSymbol\n    ? Symbol.for(\"react.memo\")\n    : typeof memo === \"function\" && memo(function (props) { return null; })[\"$$typeof\"];\n// n.b. base case is not used for actual typings or exported in the typing files\nexport function observer(baseComponent, \n// TODO remove in next major\noptions) {\n    var _a;\n    if (process.env.NODE_ENV !== \"production\" && warnObserverOptionsDeprecated && options) {\n        warnObserverOptionsDeprecated = false;\n        console.warn(\"[mobx-react-lite] `observer(fn, { forwardRef: true })` is deprecated, use `observer(React.forwardRef(fn))`\");\n    }\n    if (ReactMemoSymbol && baseComponent[\"$$typeof\"] === ReactMemoSymbol) {\n        throw new Error(\"[mobx-react-lite] You are trying to use `observer` on a function component wrapped in either another `observer` or `React.memo`. The observer already applies 'React.memo' for you.\");\n    }\n    // The working of observer is explained step by step in this talk: https://www.youtube.com/watch?v=cPF4iBedoF0&feature=youtu.be&t=1307\n    if (isUsingStaticRendering()) {\n        return baseComponent;\n    }\n    var useForwardRef = (_a = options === null || options === void 0 ? void 0 : options.forwardRef) !== null && _a !== void 0 ? _a : false;\n    var render = baseComponent;\n    var baseComponentName = baseComponent.displayName || baseComponent.name;\n    // If already wrapped with forwardRef, unwrap,\n    // so we can patch render and apply memo\n    if (ReactForwardRefSymbol && baseComponent[\"$$typeof\"] === ReactForwardRefSymbol) {\n        useForwardRef = true;\n        render = baseComponent[\"render\"];\n        if (typeof render !== \"function\") {\n            throw new Error(\"[mobx-react-lite] `render` property of ForwardRef was not a function\");\n        }\n    }\n    var observerComponent = function (props, ref) {\n        return useObserver(function () { return render(props, ref); }, baseComponentName);\n    };\n    // Don't set `displayName` for anonymous components,\n    // so the `displayName` can be customized by user, see #3192.\n    if (baseComponentName !== \"\") {\n        ;\n        observerComponent.displayName = baseComponentName;\n    }\n    // Support legacy context: `contextTypes` must be applied before `memo`\n    if (baseComponent.contextTypes) {\n        ;\n        observerComponent.contextTypes = baseComponent.contextTypes;\n    }\n    if (useForwardRef) {\n        // `forwardRef` must be applied prior `memo`\n        // `forwardRef(observer(cmp))` throws:\n        // \"forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))\"\n        observerComponent = forwardRef(observerComponent);\n    }\n    // memo; we are not interested in deep updates\n    // in props; we assume that if deep objects are changed,\n    // this is in observables, which would have been tracked anyway\n    observerComponent = memo(observerComponent);\n    copyStaticProperties(baseComponent, observerComponent);\n    if (\"production\" !== process.env.NODE_ENV) {\n        Object.defineProperty(observerComponent, \"contextTypes\", {\n            set: function () {\n                var _a;\n                throw new Error(\"[mobx-react-lite] `\".concat(this.displayName || ((_a = this.type) === null || _a === void 0 ? void 0 : _a.displayName) || \"Component\", \".contextTypes` must be set before applying `observer`.\"));\n            }\n        });\n    }\n    return observerComponent;\n}\n// based on https://github.com/mridgway/hoist-non-react-statics/blob/master/src/index.js\nvar hoistBlackList = {\n    $$typeof: true,\n    render: true,\n    compare: true,\n    type: true,\n    // Don't redefine `displayName`,\n    // it's defined as getter-setter pair on `memo` (see #3192).\n    displayName: true\n};\nfunction copyStaticProperties(base, target) {\n    Object.keys(base).forEach(function (key) {\n        if (!hoistBlackList[key]) {\n            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(base, key));\n        }\n    });\n}\n//# sourceMappingURL=observer.js.map","import { useObserver } from \"./useObserver\";\nfunction ObserverComponent(_a) {\n    var children = _a.children, render = _a.render;\n    var component = children || render;\n    if (typeof component !== \"function\") {\n        return null;\n    }\n    return useObserver(component);\n}\nif (\"production\" !== process.env.NODE_ENV) {\n    ObserverComponent.propTypes = {\n        children: ObserverPropsCheck,\n        render: ObserverPropsCheck\n    };\n}\nObserverComponent.displayName = \"Observer\";\nexport { ObserverComponent as Observer };\nfunction ObserverPropsCheck(props, key, componentName, location, propFullName) {\n    var extraKey = key === \"children\" ? \"render\" : \"children\";\n    var hasProp = typeof props[key] === \"function\";\n    var hasExtraProp = typeof props[extraKey] === \"function\";\n    if (hasProp && hasExtraProp) {\n        return new Error(\"MobX Observer: Do not use children and render in the same time in`\" + componentName);\n    }\n    if (hasProp || hasExtraProp) {\n        return null;\n    }\n    return new Error(\"Invalid prop `\" +\n        propFullName +\n        \"` of type `\" +\n        typeof props[key] +\n        \"` supplied to\" +\n        \" `\" +\n        componentName +\n        \"`, expected `function`.\");\n}\n//# sourceMappingURL=ObserverComponent.js.map","import { observable } from \"mobx\";\nimport { useState } from \"react\";\nexport function useLocalObservable(initializer, annotations) {\n    return useState(function () { return observable(initializer(), annotations, { autoBind: true }); })[0];\n}\n//# sourceMappingURL=useLocalObservable.js.map","var __read = (this && this.__read) || function (o, n) {\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n    if (!m) return o;\n    var i = m.call(o), r, ar = [], e;\n    try {\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n    }\n    catch (error) { e = { error: error }; }\n    finally {\n        try {\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\n        }\n        finally { if (e) throw e.error; }\n    }\n    return ar;\n};\nimport { useDeprecated } from \"./utils/utils\";\nimport { observable, runInAction } from \"mobx\";\nimport { useState } from \"react\";\nexport function useAsObservableSource(current) {\n    if (\"production\" !== process.env.NODE_ENV)\n        useDeprecated(\"[mobx-react-lite] 'useAsObservableSource' is deprecated, please store the values directly in an observable, for example by using 'useLocalObservable', and sync future updates using 'useEffect' when needed. See the README for examples.\");\n    var _a = __read(useState(function () { return observable(current, {}, { deep: false }); }), 1), res = _a[0];\n    runInAction(function () {\n        Object.assign(res, current);\n    });\n    return res;\n}\n//# sourceMappingURL=useAsObservableSource.js.map","import { observable } from \"mobx\";\nimport { useState } from \"react\";\nimport { useDeprecated } from \"./utils/utils\";\nimport { useAsObservableSource } from \"./useAsObservableSource\";\nexport function useLocalStore(initializer, current) {\n    if (\"production\" !== process.env.NODE_ENV)\n        useDeprecated(\"[mobx-react-lite] 'useLocalStore' is deprecated, use 'useLocalObservable' instead.\");\n    var source = current && useAsObservableSource(current);\n    return useState(function () { return observable(initializer(source), undefined, { autoBind: true }); })[0];\n}\n//# sourceMappingURL=useLocalStore.js.map","import \"./utils/assertEnvironment\";\nimport { unstable_batchedUpdates as batch } from \"./utils/reactBatchedUpdates\";\nimport { observerBatching } from \"./utils/observerBatching\";\nimport { useDeprecated } from \"./utils/utils\";\nimport { useObserver as useObserverOriginal } from \"./useObserver\";\nimport { enableStaticRendering } from \"./staticRendering\";\nobserverBatching(batch);\nexport { isUsingStaticRendering, enableStaticRendering } from \"./staticRendering\";\nexport { observer } from \"./observer\";\nexport { Observer } from \"./ObserverComponent\";\nexport { useLocalObservable } from \"./useLocalObservable\";\nexport { useLocalStore } from \"./useLocalStore\";\nexport { useAsObservableSource } from \"./useAsObservableSource\";\nexport { resetCleanupScheduleForTests as clearTimers } from \"./utils/reactionCleanupTracking\";\nexport function useObserver(fn, baseComponentName) {\n    if (baseComponentName === void 0) { baseComponentName = \"observed\"; }\n    if (\"production\" !== process.env.NODE_ENV) {\n        useDeprecated(\"[mobx-react-lite] 'useObserver(fn)' is deprecated. Use `<Observer>{fn}</Observer>` instead, or wrap the entire component in `observer`.\");\n    }\n    return useObserverOriginal(fn, baseComponentName);\n}\nexport { isObserverBatched, observerBatching } from \"./utils/observerBatching\";\nexport function useStaticRendering(enable) {\n    if (\"production\" !== process.env.NODE_ENV) {\n        console.warn(\"[mobx-react-lite] 'useStaticRendering' is deprecated, use 'enableStaticRendering' instead\");\n    }\n    enableStaticRendering(enable);\n}\n//# sourceMappingURL=index.js.map","var niceErrors = {\n  0: \"Invalid value for configuration 'enforceActions', expected 'never', 'always' or 'observed'\",\n  1: function _(annotationType, key) {\n    return \"Cannot apply '\" + annotationType + \"' to '\" + key.toString() + \"': Field not found.\";\n  },\n\n  /*\r\n  2(prop) {\r\n      return `invalid decorator for '${prop.toString()}'`\r\n  },\r\n  3(prop) {\r\n      return `Cannot decorate '${prop.toString()}': action can only be used on properties with a function value.`\r\n  },\r\n  4(prop) {\r\n      return `Cannot decorate '${prop.toString()}': computed can only be used on getter properties.`\r\n  },\r\n  */\n  5: \"'keys()' can only be used on observable objects, arrays, sets and maps\",\n  6: \"'values()' can only be used on observable objects, arrays, sets and maps\",\n  7: \"'entries()' can only be used on observable objects, arrays and maps\",\n  8: \"'set()' can only be used on observable objects, arrays and maps\",\n  9: \"'remove()' can only be used on observable objects, arrays and maps\",\n  10: \"'has()' can only be used on observable objects, arrays and maps\",\n  11: \"'get()' can only be used on observable objects, arrays and maps\",\n  12: \"Invalid annotation\",\n  13: \"Dynamic observable objects cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)\",\n  14: \"Intercept handlers should return nothing or a change object\",\n  15: \"Observable arrays cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)\",\n  16: \"Modification exception: the internal structure of an observable array was changed.\",\n  17: function _(index, length) {\n    return \"[mobx.array] Index out of bounds, \" + index + \" is larger than \" + length;\n  },\n  18: \"mobx.map requires Map polyfill for the current browser. Check babel-polyfill or core-js/es6/map.js\",\n  19: function _(other) {\n    return \"Cannot initialize from classes that inherit from Map: \" + other.constructor.name;\n  },\n  20: function _(other) {\n    return \"Cannot initialize map from \" + other;\n  },\n  21: function _(dataStructure) {\n    return \"Cannot convert to map from '\" + dataStructure + \"'\";\n  },\n  22: \"mobx.set requires Set polyfill for the current browser. Check babel-polyfill or core-js/es6/set.js\",\n  23: \"It is not possible to get index atoms from arrays\",\n  24: function _(thing) {\n    return \"Cannot obtain administration from \" + thing;\n  },\n  25: function _(property, name) {\n    return \"the entry '\" + property + \"' does not exist in the observable map '\" + name + \"'\";\n  },\n  26: \"please specify a property\",\n  27: function _(property, name) {\n    return \"no observable property '\" + property.toString() + \"' found on the observable object '\" + name + \"'\";\n  },\n  28: function _(thing) {\n    return \"Cannot obtain atom from \" + thing;\n  },\n  29: \"Expecting some object\",\n  30: \"invalid action stack. did you forget to finish an action?\",\n  31: \"missing option for computed: get\",\n  32: function _(name, derivation) {\n    return \"Cycle detected in computation \" + name + \": \" + derivation;\n  },\n  33: function _(name) {\n    return \"The setter of computed value '\" + name + \"' is trying to update itself. Did you intend to update an _observable_ value, instead of the computed property?\";\n  },\n  34: function _(name) {\n    return \"[ComputedValue '\" + name + \"'] It is not possible to assign a new value to a computed value.\";\n  },\n  35: \"There are multiple, different versions of MobX active. Make sure MobX is loaded only once or use `configure({ isolateGlobalState: true })`\",\n  36: \"isolateGlobalState should be called before MobX is running any reactions\",\n  37: function _(method) {\n    return \"[mobx] `observableArray.\" + method + \"()` mutates the array in-place, which is not allowed inside a derivation. Use `array.slice().\" + method + \"()` instead\";\n  },\n  38: \"'ownKeys()' can only be used on observable objects\",\n  39: \"'defineProperty()' can only be used on observable objects\"\n};\nvar errors = process.env.NODE_ENV !== \"production\" ? niceErrors : {};\nfunction die(error) {\n  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n    args[_key - 1] = arguments[_key];\n  }\n\n  if (process.env.NODE_ENV !== \"production\") {\n    var e = typeof error === \"string\" ? error : errors[error];\n    if (typeof e === \"function\") e = e.apply(null, args);\n    throw new Error(\"[MobX] \" + e);\n  }\n\n  throw new Error(typeof error === \"number\" ? \"[MobX] minified error nr: \" + error + (args.length ? \" \" + args.map(String).join(\",\") : \"\") + \". Find the full error at: https://github.com/mobxjs/mobx/blob/main/packages/mobx/src/errors.ts\" : \"[MobX] \" + error);\n}\n\nvar mockGlobal = {};\nfunction getGlobal() {\n  if (typeof globalThis !== \"undefined\") {\n    return globalThis;\n  }\n\n  if (typeof window !== \"undefined\") {\n    return window;\n  }\n\n  if (typeof global !== \"undefined\") {\n    return global;\n  }\n\n  if (typeof self !== \"undefined\") {\n    return self;\n  }\n\n  return mockGlobal;\n}\n\nvar assign = Object.assign;\nvar getDescriptor = Object.getOwnPropertyDescriptor;\nvar defineProperty = Object.defineProperty;\nvar objectPrototype = Object.prototype;\nvar EMPTY_ARRAY = [];\nObject.freeze(EMPTY_ARRAY);\nvar EMPTY_OBJECT = {};\nObject.freeze(EMPTY_OBJECT);\nvar hasProxy = typeof Proxy !== \"undefined\";\nvar plainObjectString = /*#__PURE__*/Object.toString();\nfunction assertProxies() {\n  if (!hasProxy) {\n    die(process.env.NODE_ENV !== \"production\" ? \"`Proxy` objects are not available in the current environment. Please configure MobX to enable a fallback implementation.`\" : \"Proxy not available\");\n  }\n}\nfunction warnAboutProxyRequirement(msg) {\n  if (process.env.NODE_ENV !== \"production\" && globalState.verifyProxies) {\n    die(\"MobX is currently configured to be able to run in ES5 mode, but in ES5 MobX won't be able to \" + msg);\n  }\n}\nfunction getNextId() {\n  return ++globalState.mobxGuid;\n}\n/**\r\n * Makes sure that the provided function is invoked at most once.\r\n */\n\nfunction once(func) {\n  var invoked = false;\n  return function () {\n    if (invoked) {\n      return;\n    }\n\n    invoked = true;\n    return func.apply(this, arguments);\n  };\n}\nvar noop = function noop() {};\nfunction isFunction(fn) {\n  return typeof fn === \"function\";\n}\nfunction isStringish(value) {\n  var t = typeof value;\n\n  switch (t) {\n    case \"string\":\n    case \"symbol\":\n    case \"number\":\n      return true;\n  }\n\n  return false;\n}\nfunction isObject(value) {\n  return value !== null && typeof value === \"object\";\n}\nfunction isPlainObject(value) {\n  if (!isObject(value)) {\n    return false;\n  }\n\n  var proto = Object.getPrototypeOf(value);\n\n  if (proto == null) {\n    return true;\n  }\n\n  var protoConstructor = Object.hasOwnProperty.call(proto, \"constructor\") && proto.constructor;\n  return typeof protoConstructor === \"function\" && protoConstructor.toString() === plainObjectString;\n} // https://stackoverflow.com/a/37865170\n\nfunction isGenerator(obj) {\n  var constructor = obj == null ? void 0 : obj.constructor;\n\n  if (!constructor) {\n    return false;\n  }\n\n  if (\"GeneratorFunction\" === constructor.name || \"GeneratorFunction\" === constructor.displayName) {\n    return true;\n  }\n\n  return false;\n}\nfunction addHiddenProp(object, propName, value) {\n  defineProperty(object, propName, {\n    enumerable: false,\n    writable: true,\n    configurable: true,\n    value: value\n  });\n}\nfunction addHiddenFinalProp(object, propName, value) {\n  defineProperty(object, propName, {\n    enumerable: false,\n    writable: false,\n    configurable: true,\n    value: value\n  });\n}\nfunction createInstanceofPredicate(name, theClass) {\n  var propName = \"isMobX\" + name;\n  theClass.prototype[propName] = true;\n  return function (x) {\n    return isObject(x) && x[propName] === true;\n  };\n}\nfunction isES6Map(thing) {\n  return thing instanceof Map;\n}\nfunction isES6Set(thing) {\n  return thing instanceof Set;\n}\nvar hasGetOwnPropertySymbols = typeof Object.getOwnPropertySymbols !== \"undefined\";\n/**\r\n * Returns the following: own enumerable keys and symbols.\r\n */\n\nfunction getPlainObjectKeys(object) {\n  var keys = Object.keys(object); // Not supported in IE, so there are not going to be symbol props anyway...\n\n  if (!hasGetOwnPropertySymbols) {\n    return keys;\n  }\n\n  var symbols = Object.getOwnPropertySymbols(object);\n\n  if (!symbols.length) {\n    return keys;\n  }\n\n  return [].concat(keys, symbols.filter(function (s) {\n    return objectPrototype.propertyIsEnumerable.call(object, s);\n  }));\n} // From Immer utils\n// Returns all own keys, including non-enumerable and symbolic\n\nvar ownKeys = typeof Reflect !== \"undefined\" && Reflect.ownKeys ? Reflect.ownKeys : hasGetOwnPropertySymbols ? function (obj) {\n  return Object.getOwnPropertyNames(obj).concat(Object.getOwnPropertySymbols(obj));\n} :\n/* istanbul ignore next */\nObject.getOwnPropertyNames;\nfunction stringifyKey(key) {\n  if (typeof key === \"string\") {\n    return key;\n  }\n\n  if (typeof key === \"symbol\") {\n    return key.toString();\n  }\n\n  return new String(key).toString();\n}\nfunction toPrimitive(value) {\n  return value === null ? null : typeof value === \"object\" ? \"\" + value : value;\n}\nfunction hasProp(target, prop) {\n  return objectPrototype.hasOwnProperty.call(target, prop);\n} // From Immer utils\n\nvar getOwnPropertyDescriptors = Object.getOwnPropertyDescriptors || function getOwnPropertyDescriptors(target) {\n  // Polyfill needed for Hermes and IE, see https://github.com/facebook/hermes/issues/274\n  var res = {}; // Note: without polyfill for ownKeys, symbols won't be picked up\n\n  ownKeys(target).forEach(function (key) {\n    res[key] = getDescriptor(target, key);\n  });\n  return res;\n};\n\nfunction _defineProperties(target, props) {\n  for (var i = 0; i < props.length; i++) {\n    var descriptor = props[i];\n    descriptor.enumerable = descriptor.enumerable || false;\n    descriptor.configurable = true;\n    if (\"value\" in descriptor) descriptor.writable = true;\n    Object.defineProperty(target, descriptor.key, descriptor);\n  }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n  if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n  if (staticProps) _defineProperties(Constructor, staticProps);\n  Object.defineProperty(Constructor, \"prototype\", {\n    writable: false\n  });\n  return Constructor;\n}\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n  subClass.prototype = Object.create(superClass.prototype);\n  subClass.prototype.constructor = subClass;\n\n  _setPrototypeOf(subClass, superClass);\n}\n\nfunction _setPrototypeOf(o, p) {\n  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n    o.__proto__ = p;\n    return o;\n  };\n\n  return _setPrototypeOf(o, p);\n}\n\nfunction _assertThisInitialized(self) {\n  if (self === void 0) {\n    throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n  }\n\n  return self;\n}\n\nfunction _unsupportedIterableToArray(o, minLen) {\n  if (!o) return;\n  if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n  var n = Object.prototype.toString.call(o).slice(8, -1);\n  if (n === \"Object\" && o.constructor) n = o.constructor.name;\n  if (n === \"Map\" || n === \"Set\") return Array.from(o);\n  if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\n\nfunction _arrayLikeToArray(arr, len) {\n  if (len == null || len > arr.length) len = arr.length;\n\n  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n\n  return arr2;\n}\n\nfunction _createForOfIteratorHelperLoose(o, allowArrayLike) {\n  var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"];\n  if (it) return (it = it.call(o)).next.bind(it);\n\n  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") {\n    if (it) o = it;\n    var i = 0;\n    return function () {\n      if (i >= o.length) return {\n        done: true\n      };\n      return {\n        done: false,\n        value: o[i++]\n      };\n    };\n  }\n\n  throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nvar storedAnnotationsSymbol = /*#__PURE__*/Symbol(\"mobx-stored-annotations\");\n/**\r\n * Creates a function that acts as\r\n * - decorator\r\n * - annotation object\r\n */\n\nfunction createDecoratorAnnotation(annotation) {\n  function decorator(target, property) {\n    storeAnnotation(target, property, annotation);\n  }\n\n  return Object.assign(decorator, annotation);\n}\n/**\r\n * Stores annotation to prototype,\r\n * so it can be inspected later by `makeObservable` called from constructor\r\n */\n\nfunction storeAnnotation(prototype, key, annotation) {\n  if (!hasProp(prototype, storedAnnotationsSymbol)) {\n    addHiddenProp(prototype, storedAnnotationsSymbol, _extends({}, prototype[storedAnnotationsSymbol]));\n  } // @override must override something\n\n\n  if (process.env.NODE_ENV !== \"production\" && isOverride(annotation) && !hasProp(prototype[storedAnnotationsSymbol], key)) {\n    var fieldName = prototype.constructor.name + \".prototype.\" + key.toString();\n    die(\"'\" + fieldName + \"' is decorated with 'override', \" + \"but no such decorated member was found on prototype.\");\n  } // Cannot re-decorate\n\n\n  assertNotDecorated(prototype, annotation, key); // Ignore override\n\n  if (!isOverride(annotation)) {\n    prototype[storedAnnotationsSymbol][key] = annotation;\n  }\n}\n\nfunction assertNotDecorated(prototype, annotation, key) {\n  if (process.env.NODE_ENV !== \"production\" && !isOverride(annotation) && hasProp(prototype[storedAnnotationsSymbol], key)) {\n    var fieldName = prototype.constructor.name + \".prototype.\" + key.toString();\n    var currentAnnotationType = prototype[storedAnnotationsSymbol][key].annotationType_;\n    var requestedAnnotationType = annotation.annotationType_;\n    die(\"Cannot apply '@\" + requestedAnnotationType + \"' to '\" + fieldName + \"':\" + (\"\\nThe field is already decorated with '@\" + currentAnnotationType + \"'.\") + \"\\nRe-decorating fields is not allowed.\" + \"\\nUse '@override' decorator for methods overriden by subclass.\");\n  }\n}\n/**\r\n * Collects annotations from prototypes and stores them on target (instance)\r\n */\n\n\nfunction collectStoredAnnotations(target) {\n  if (!hasProp(target, storedAnnotationsSymbol)) {\n    if (process.env.NODE_ENV !== \"production\" && !target[storedAnnotationsSymbol]) {\n      die(\"No annotations were passed to makeObservable, but no decorated members have been found either\");\n    } // We need a copy as we will remove annotation from the list once it's applied.\n\n\n    addHiddenProp(target, storedAnnotationsSymbol, _extends({}, target[storedAnnotationsSymbol]));\n  }\n\n  return target[storedAnnotationsSymbol];\n}\n\nvar $mobx = /*#__PURE__*/Symbol(\"mobx administration\");\nvar Atom = /*#__PURE__*/function () {\n  // for effective unobserving. BaseAtom has true, for extra optimization, so its onBecomeUnobserved never gets called, because it's not needed\n\n  /**\r\n   * Create a new atom. For debugging purposes it is recommended to give it a name.\r\n   * The onBecomeObserved and onBecomeUnobserved callbacks can be used for resource management.\r\n   */\n  function Atom(name_) {\n    if (name_ === void 0) {\n      name_ = process.env.NODE_ENV !== \"production\" ? \"Atom@\" + getNextId() : \"Atom\";\n    }\n\n    this.name_ = void 0;\n    this.isPendingUnobservation_ = false;\n    this.isBeingObserved_ = false;\n    this.observers_ = new Set();\n    this.diffValue_ = 0;\n    this.lastAccessedBy_ = 0;\n    this.lowestObserverState_ = IDerivationState_.NOT_TRACKING_;\n    this.onBOL = void 0;\n    this.onBUOL = void 0;\n    this.name_ = name_;\n  } // onBecomeObservedListeners\n\n\n  var _proto = Atom.prototype;\n\n  _proto.onBO = function onBO() {\n    if (this.onBOL) {\n      this.onBOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  };\n\n  _proto.onBUO = function onBUO() {\n    if (this.onBUOL) {\n      this.onBUOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  }\n  /**\r\n   * Invoke this method to notify mobx that your atom has been used somehow.\r\n   * Returns true if there is currently a reactive context.\r\n   */\n  ;\n\n  _proto.reportObserved = function reportObserved$1() {\n    return reportObserved(this);\n  }\n  /**\r\n   * Invoke this method _after_ this method has changed to signal mobx that all its observers should invalidate.\r\n   */\n  ;\n\n  _proto.reportChanged = function reportChanged() {\n    startBatch();\n    propagateChanged(this);\n    endBatch();\n  };\n\n  _proto.toString = function toString() {\n    return this.name_;\n  };\n\n  return Atom;\n}();\nvar isAtom = /*#__PURE__*/createInstanceofPredicate(\"Atom\", Atom);\nfunction createAtom(name, onBecomeObservedHandler, onBecomeUnobservedHandler) {\n  if (onBecomeObservedHandler === void 0) {\n    onBecomeObservedHandler = noop;\n  }\n\n  if (onBecomeUnobservedHandler === void 0) {\n    onBecomeUnobservedHandler = noop;\n  }\n\n  var atom = new Atom(name); // default `noop` listener will not initialize the hook Set\n\n  if (onBecomeObservedHandler !== noop) {\n    onBecomeObserved(atom, onBecomeObservedHandler);\n  }\n\n  if (onBecomeUnobservedHandler !== noop) {\n    onBecomeUnobserved(atom, onBecomeUnobservedHandler);\n  }\n\n  return atom;\n}\n\nfunction identityComparer(a, b) {\n  return a === b;\n}\n\nfunction structuralComparer(a, b) {\n  return deepEqual(a, b);\n}\n\nfunction shallowComparer(a, b) {\n  return deepEqual(a, b, 1);\n}\n\nfunction defaultComparer(a, b) {\n  if (Object.is) {\n    return Object.is(a, b);\n  }\n\n  return a === b ? a !== 0 || 1 / a === 1 / b : a !== a && b !== b;\n}\n\nvar comparer = {\n  identity: identityComparer,\n  structural: structuralComparer,\n  \"default\": defaultComparer,\n  shallow: shallowComparer\n};\n\nfunction deepEnhancer(v, _, name) {\n  // it is an observable already, done\n  if (isObservable(v)) {\n    return v;\n  } // something that can be converted and mutated?\n\n\n  if (Array.isArray(v)) {\n    return observable.array(v, {\n      name: name\n    });\n  }\n\n  if (isPlainObject(v)) {\n    return observable.object(v, undefined, {\n      name: name\n    });\n  }\n\n  if (isES6Map(v)) {\n    return observable.map(v, {\n      name: name\n    });\n  }\n\n  if (isES6Set(v)) {\n    return observable.set(v, {\n      name: name\n    });\n  }\n\n  if (typeof v === \"function\" && !isAction(v) && !isFlow(v)) {\n    if (isGenerator(v)) {\n      return flow(v);\n    } else {\n      return autoAction(name, v);\n    }\n  }\n\n  return v;\n}\nfunction shallowEnhancer(v, _, name) {\n  if (v === undefined || v === null) {\n    return v;\n  }\n\n  if (isObservableObject(v) || isObservableArray(v) || isObservableMap(v) || isObservableSet(v)) {\n    return v;\n  }\n\n  if (Array.isArray(v)) {\n    return observable.array(v, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (isPlainObject(v)) {\n    return observable.object(v, undefined, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (isES6Map(v)) {\n    return observable.map(v, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (isES6Set(v)) {\n    return observable.set(v, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (process.env.NODE_ENV !== \"production\") {\n    die(\"The shallow modifier / decorator can only used in combination with arrays, objects, maps and sets\");\n  }\n}\nfunction referenceEnhancer(newValue) {\n  // never turn into an observable\n  return newValue;\n}\nfunction refStructEnhancer(v, oldValue) {\n  if (process.env.NODE_ENV !== \"production\" && isObservable(v)) {\n    die(\"observable.struct should not be used with observable values\");\n  }\n\n  if (deepEqual(v, oldValue)) {\n    return oldValue;\n  }\n\n  return v;\n}\n\nvar OVERRIDE = \"override\";\nvar override = /*#__PURE__*/createDecoratorAnnotation({\n  annotationType_: OVERRIDE,\n  make_: make_,\n  extend_: extend_\n});\nfunction isOverride(annotation) {\n  return annotation.annotationType_ === OVERRIDE;\n}\n\nfunction make_(adm, key) {\n  // Must not be plain object\n  if (process.env.NODE_ENV !== \"production\" && adm.isPlainObject_) {\n    die(\"Cannot apply '\" + this.annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + this.annotationType_ + \"' cannot be used on plain objects.\"));\n  } // Must override something\n\n\n  if (process.env.NODE_ENV !== \"production\" && !hasProp(adm.appliedAnnotations_, key)) {\n    die(\"'\" + adm.name_ + \".\" + key.toString() + \"' is annotated with '\" + this.annotationType_ + \"', \" + \"but no such annotated member was found on prototype.\");\n  }\n\n  return 0\n  /* Cancel */\n  ;\n}\n\nfunction extend_(adm, key, descriptor, proxyTrap) {\n  die(\"'\" + this.annotationType_ + \"' can only be used with 'makeObservable'\");\n}\n\nfunction createActionAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$1,\n    extend_: extend_$1\n  };\n}\n\nfunction make_$1(adm, key, descriptor, source) {\n  var _this$options_;\n\n  // bound\n  if ((_this$options_ = this.options_) != null && _this$options_.bound) {\n    return this.extend_(adm, key, descriptor, false) === null ? 0\n    /* Cancel */\n    : 1\n    /* Break */\n    ;\n  } // own\n\n\n  if (source === adm.target_) {\n    return this.extend_(adm, key, descriptor, false) === null ? 0\n    /* Cancel */\n    : 2\n    /* Continue */\n    ;\n  } // prototype\n\n\n  if (isAction(descriptor.value)) {\n    // A prototype could have been annotated already by other constructor,\n    // rest of the proto chain must be annotated already\n    return 1\n    /* Break */\n    ;\n  }\n\n  var actionDescriptor = createActionDescriptor(adm, this, key, descriptor, false);\n  defineProperty(source, key, actionDescriptor);\n  return 2\n  /* Continue */\n  ;\n}\n\nfunction extend_$1(adm, key, descriptor, proxyTrap) {\n  var actionDescriptor = createActionDescriptor(adm, this, key, descriptor);\n  return adm.defineProperty_(key, actionDescriptor, proxyTrap);\n}\n\nfunction assertActionDescriptor(adm, _ref, key, _ref2) {\n  var annotationType_ = _ref.annotationType_;\n  var value = _ref2.value;\n\n  if (process.env.NODE_ENV !== \"production\" && !isFunction(value)) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' can only be used on properties with a function value.\"));\n  }\n}\n\nfunction createActionDescriptor(adm, annotation, key, descriptor, // provides ability to disable safeDescriptors for prototypes\nsafeDescriptors) {\n  var _annotation$options_, _annotation$options_$, _annotation$options_2, _annotation$options_$2, _annotation$options_3, _annotation$options_4, _adm$proxy_2;\n\n  if (safeDescriptors === void 0) {\n    safeDescriptors = globalState.safeDescriptors;\n  }\n\n  assertActionDescriptor(adm, annotation, key, descriptor);\n  var value = descriptor.value;\n\n  if ((_annotation$options_ = annotation.options_) != null && _annotation$options_.bound) {\n    var _adm$proxy_;\n\n    value = value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_);\n  }\n\n  return {\n    value: createAction((_annotation$options_$ = (_annotation$options_2 = annotation.options_) == null ? void 0 : _annotation$options_2.name) != null ? _annotation$options_$ : key.toString(), value, (_annotation$options_$2 = (_annotation$options_3 = annotation.options_) == null ? void 0 : _annotation$options_3.autoAction) != null ? _annotation$options_$2 : false, // https://github.com/mobxjs/mobx/discussions/3140\n    (_annotation$options_4 = annotation.options_) != null && _annotation$options_4.bound ? (_adm$proxy_2 = adm.proxy_) != null ? _adm$proxy_2 : adm.target_ : undefined),\n    // Non-configurable for classes\n    // prevents accidental field redefinition in subclass\n    configurable: safeDescriptors ? adm.isPlainObject_ : true,\n    // https://github.com/mobxjs/mobx/pull/2641#issuecomment-737292058\n    enumerable: false,\n    // Non-obsevable, therefore non-writable\n    // Also prevents rewriting in subclass constructor\n    writable: safeDescriptors ? false : true\n  };\n}\n\nfunction createFlowAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$2,\n    extend_: extend_$2\n  };\n}\n\nfunction make_$2(adm, key, descriptor, source) {\n  var _this$options_;\n\n  // own\n  if (source === adm.target_) {\n    return this.extend_(adm, key, descriptor, false) === null ? 0\n    /* Cancel */\n    : 2\n    /* Continue */\n    ;\n  } // prototype\n  // bound - must annotate protos to support super.flow()\n\n\n  if ((_this$options_ = this.options_) != null && _this$options_.bound && (!hasProp(adm.target_, key) || !isFlow(adm.target_[key]))) {\n    if (this.extend_(adm, key, descriptor, false) === null) {\n      return 0\n      /* Cancel */\n      ;\n    }\n  }\n\n  if (isFlow(descriptor.value)) {\n    // A prototype could have been annotated already by other constructor,\n    // rest of the proto chain must be annotated already\n    return 1\n    /* Break */\n    ;\n  }\n\n  var flowDescriptor = createFlowDescriptor(adm, this, key, descriptor, false, false);\n  defineProperty(source, key, flowDescriptor);\n  return 2\n  /* Continue */\n  ;\n}\n\nfunction extend_$2(adm, key, descriptor, proxyTrap) {\n  var _this$options_2;\n\n  var flowDescriptor = createFlowDescriptor(adm, this, key, descriptor, (_this$options_2 = this.options_) == null ? void 0 : _this$options_2.bound);\n  return adm.defineProperty_(key, flowDescriptor, proxyTrap);\n}\n\nfunction assertFlowDescriptor(adm, _ref, key, _ref2) {\n  var annotationType_ = _ref.annotationType_;\n  var value = _ref2.value;\n\n  if (process.env.NODE_ENV !== \"production\" && !isFunction(value)) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' can only be used on properties with a generator function value.\"));\n  }\n}\n\nfunction createFlowDescriptor(adm, annotation, key, descriptor, bound, // provides ability to disable safeDescriptors for prototypes\nsafeDescriptors) {\n  if (safeDescriptors === void 0) {\n    safeDescriptors = globalState.safeDescriptors;\n  }\n\n  assertFlowDescriptor(adm, annotation, key, descriptor);\n  var value = descriptor.value; // In case of flow.bound, the descriptor can be from already annotated prototype\n\n  if (!isFlow(value)) {\n    value = flow(value);\n  }\n\n  if (bound) {\n    var _adm$proxy_;\n\n    // We do not keep original function around, so we bind the existing flow\n    value = value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_); // This is normally set by `flow`, but `bind` returns new function...\n\n    value.isMobXFlow = true;\n  }\n\n  return {\n    value: value,\n    // Non-configurable for classes\n    // prevents accidental field redefinition in subclass\n    configurable: safeDescriptors ? adm.isPlainObject_ : true,\n    // https://github.com/mobxjs/mobx/pull/2641#issuecomment-737292058\n    enumerable: false,\n    // Non-obsevable, therefore non-writable\n    // Also prevents rewriting in subclass constructor\n    writable: safeDescriptors ? false : true\n  };\n}\n\nfunction createComputedAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$3,\n    extend_: extend_$3\n  };\n}\n\nfunction make_$3(adm, key, descriptor) {\n  return this.extend_(adm, key, descriptor, false) === null ? 0\n  /* Cancel */\n  : 1\n  /* Break */\n  ;\n}\n\nfunction extend_$3(adm, key, descriptor, proxyTrap) {\n  assertComputedDescriptor(adm, this, key, descriptor);\n  return adm.defineComputedProperty_(key, _extends({}, this.options_, {\n    get: descriptor.get,\n    set: descriptor.set\n  }), proxyTrap);\n}\n\nfunction assertComputedDescriptor(adm, _ref, key, _ref2) {\n  var annotationType_ = _ref.annotationType_;\n  var get = _ref2.get;\n\n  if (process.env.NODE_ENV !== \"production\" && !get) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' can only be used on getter(+setter) properties.\"));\n  }\n}\n\nfunction createObservableAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$4,\n    extend_: extend_$4\n  };\n}\n\nfunction make_$4(adm, key, descriptor) {\n  return this.extend_(adm, key, descriptor, false) === null ? 0\n  /* Cancel */\n  : 1\n  /* Break */\n  ;\n}\n\nfunction extend_$4(adm, key, descriptor, proxyTrap) {\n  var _this$options_$enhanc, _this$options_;\n\n  assertObservableDescriptor(adm, this, key, descriptor);\n  return adm.defineObservableProperty_(key, descriptor.value, (_this$options_$enhanc = (_this$options_ = this.options_) == null ? void 0 : _this$options_.enhancer) != null ? _this$options_$enhanc : deepEnhancer, proxyTrap);\n}\n\nfunction assertObservableDescriptor(adm, _ref, key, descriptor) {\n  var annotationType_ = _ref.annotationType_;\n\n  if (process.env.NODE_ENV !== \"production\" && !(\"value\" in descriptor)) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' cannot be used on getter/setter properties\"));\n  }\n}\n\nvar AUTO = \"true\";\nvar autoAnnotation = /*#__PURE__*/createAutoAnnotation();\nfunction createAutoAnnotation(options) {\n  return {\n    annotationType_: AUTO,\n    options_: options,\n    make_: make_$5,\n    extend_: extend_$5\n  };\n}\n\nfunction make_$5(adm, key, descriptor, source) {\n  var _this$options_3, _this$options_4;\n\n  // getter -> computed\n  if (descriptor.get) {\n    return computed.make_(adm, key, descriptor, source);\n  } // lone setter -> action setter\n\n\n  if (descriptor.set) {\n    // TODO make action applicable to setter and delegate to action.make_\n    var set = createAction(key.toString(), descriptor.set); // own\n\n    if (source === adm.target_) {\n      return adm.defineProperty_(key, {\n        configurable: globalState.safeDescriptors ? adm.isPlainObject_ : true,\n        set: set\n      }) === null ? 0\n      /* Cancel */\n      : 2\n      /* Continue */\n      ;\n    } // proto\n\n\n    defineProperty(source, key, {\n      configurable: true,\n      set: set\n    });\n    return 2\n    /* Continue */\n    ;\n  } // function on proto -> autoAction/flow\n\n\n  if (source !== adm.target_ && typeof descriptor.value === \"function\") {\n    var _this$options_2;\n\n    if (isGenerator(descriptor.value)) {\n      var _this$options_;\n\n      var flowAnnotation = (_this$options_ = this.options_) != null && _this$options_.autoBind ? flow.bound : flow;\n      return flowAnnotation.make_(adm, key, descriptor, source);\n    }\n\n    var actionAnnotation = (_this$options_2 = this.options_) != null && _this$options_2.autoBind ? autoAction.bound : autoAction;\n    return actionAnnotation.make_(adm, key, descriptor, source);\n  } // other -> observable\n  // Copy props from proto as well, see test:\n  // \"decorate should work with Object.create\"\n\n\n  var observableAnnotation = ((_this$options_3 = this.options_) == null ? void 0 : _this$options_3.deep) === false ? observable.ref : observable; // if function respect autoBind option\n\n  if (typeof descriptor.value === \"function\" && (_this$options_4 = this.options_) != null && _this$options_4.autoBind) {\n    var _adm$proxy_;\n\n    descriptor.value = descriptor.value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_);\n  }\n\n  return observableAnnotation.make_(adm, key, descriptor, source);\n}\n\nfunction extend_$5(adm, key, descriptor, proxyTrap) {\n  var _this$options_5, _this$options_6;\n\n  // getter -> computed\n  if (descriptor.get) {\n    return computed.extend_(adm, key, descriptor, proxyTrap);\n  } // lone setter -> action setter\n\n\n  if (descriptor.set) {\n    // TODO make action applicable to setter and delegate to action.extend_\n    return adm.defineProperty_(key, {\n      configurable: globalState.safeDescriptors ? adm.isPlainObject_ : true,\n      set: createAction(key.toString(), descriptor.set)\n    }, proxyTrap);\n  } // other -> observable\n  // if function respect autoBind option\n\n\n  if (typeof descriptor.value === \"function\" && (_this$options_5 = this.options_) != null && _this$options_5.autoBind) {\n    var _adm$proxy_2;\n\n    descriptor.value = descriptor.value.bind((_adm$proxy_2 = adm.proxy_) != null ? _adm$proxy_2 : adm.target_);\n  }\n\n  var observableAnnotation = ((_this$options_6 = this.options_) == null ? void 0 : _this$options_6.deep) === false ? observable.ref : observable;\n  return observableAnnotation.extend_(adm, key, descriptor, proxyTrap);\n}\n\nvar OBSERVABLE = \"observable\";\nvar OBSERVABLE_REF = \"observable.ref\";\nvar OBSERVABLE_SHALLOW = \"observable.shallow\";\nvar OBSERVABLE_STRUCT = \"observable.struct\"; // Predefined bags of create observable options, to avoid allocating temporarily option objects\n// in the majority of cases\n\nvar defaultCreateObservableOptions = {\n  deep: true,\n  name: undefined,\n  defaultDecorator: undefined,\n  proxy: true\n};\nObject.freeze(defaultCreateObservableOptions);\nfunction asCreateObservableOptions(thing) {\n  return thing || defaultCreateObservableOptions;\n}\nvar observableAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE);\nvar observableRefAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE_REF, {\n  enhancer: referenceEnhancer\n});\nvar observableShallowAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE_SHALLOW, {\n  enhancer: shallowEnhancer\n});\nvar observableStructAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE_STRUCT, {\n  enhancer: refStructEnhancer\n});\nvar observableDecoratorAnnotation = /*#__PURE__*/createDecoratorAnnotation(observableAnnotation);\nfunction getEnhancerFromOptions(options) {\n  return options.deep === true ? deepEnhancer : options.deep === false ? referenceEnhancer : getEnhancerFromAnnotation(options.defaultDecorator);\n}\nfunction getAnnotationFromOptions(options) {\n  var _options$defaultDecor;\n\n  return options ? (_options$defaultDecor = options.defaultDecorator) != null ? _options$defaultDecor : createAutoAnnotation(options) : undefined;\n}\nfunction getEnhancerFromAnnotation(annotation) {\n  var _annotation$options_$, _annotation$options_;\n\n  return !annotation ? deepEnhancer : (_annotation$options_$ = (_annotation$options_ = annotation.options_) == null ? void 0 : _annotation$options_.enhancer) != null ? _annotation$options_$ : deepEnhancer;\n}\n/**\r\n * Turns an object, array or function into a reactive structure.\r\n * @param v the value which should become observable.\r\n */\n\nfunction createObservable(v, arg2, arg3) {\n  // @observable someProp;\n  if (isStringish(arg2)) {\n    storeAnnotation(v, arg2, observableAnnotation);\n    return;\n  } // already observable - ignore\n\n\n  if (isObservable(v)) {\n    return v;\n  } // plain object\n\n\n  if (isPlainObject(v)) {\n    return observable.object(v, arg2, arg3);\n  } // Array\n\n\n  if (Array.isArray(v)) {\n    return observable.array(v, arg2);\n  } // Map\n\n\n  if (isES6Map(v)) {\n    return observable.map(v, arg2);\n  } // Set\n\n\n  if (isES6Set(v)) {\n    return observable.set(v, arg2);\n  } // other object - ignore\n\n\n  if (typeof v === \"object\" && v !== null) {\n    return v;\n  } // anything else\n\n\n  return observable.box(v, arg2);\n}\n\nObject.assign(createObservable, observableDecoratorAnnotation);\nvar observableFactories = {\n  box: function box(value, options) {\n    var o = asCreateObservableOptions(options);\n    return new ObservableValue(value, getEnhancerFromOptions(o), o.name, true, o.equals);\n  },\n  array: function array(initialValues, options) {\n    var o = asCreateObservableOptions(options);\n    return (globalState.useProxies === false || o.proxy === false ? createLegacyArray : createObservableArray)(initialValues, getEnhancerFromOptions(o), o.name);\n  },\n  map: function map(initialValues, options) {\n    var o = asCreateObservableOptions(options);\n    return new ObservableMap(initialValues, getEnhancerFromOptions(o), o.name);\n  },\n  set: function set(initialValues, options) {\n    var o = asCreateObservableOptions(options);\n    return new ObservableSet(initialValues, getEnhancerFromOptions(o), o.name);\n  },\n  object: function object(props, decorators, options) {\n    return extendObservable(globalState.useProxies === false || (options == null ? void 0 : options.proxy) === false ? asObservableObject({}, options) : asDynamicObservableObject({}, options), props, decorators);\n  },\n  ref: /*#__PURE__*/createDecoratorAnnotation(observableRefAnnotation),\n  shallow: /*#__PURE__*/createDecoratorAnnotation(observableShallowAnnotation),\n  deep: observableDecoratorAnnotation,\n  struct: /*#__PURE__*/createDecoratorAnnotation(observableStructAnnotation)\n}; // eslint-disable-next-line\n\nvar observable = /*#__PURE__*/assign(createObservable, observableFactories);\n\nvar COMPUTED = \"computed\";\nvar COMPUTED_STRUCT = \"computed.struct\";\nvar computedAnnotation = /*#__PURE__*/createComputedAnnotation(COMPUTED);\nvar computedStructAnnotation = /*#__PURE__*/createComputedAnnotation(COMPUTED_STRUCT, {\n  equals: comparer.structural\n});\n/**\r\n * Decorator for class properties: @computed get value() { return expr; }.\r\n * For legacy purposes also invokable as ES5 observable created: `computed(() => expr)`;\r\n */\n\nvar computed = function computed(arg1, arg2) {\n  if (isStringish(arg2)) {\n    // @computed\n    return storeAnnotation(arg1, arg2, computedAnnotation);\n  }\n\n  if (isPlainObject(arg1)) {\n    // @computed({ options })\n    return createDecoratorAnnotation(createComputedAnnotation(COMPUTED, arg1));\n  } // computed(expr, options?)\n\n\n  if (process.env.NODE_ENV !== \"production\") {\n    if (!isFunction(arg1)) {\n      die(\"First argument to `computed` should be an expression.\");\n    }\n\n    if (isFunction(arg2)) {\n      die(\"A setter as second argument is no longer supported, use `{ set: fn }` option instead\");\n    }\n  }\n\n  var opts = isPlainObject(arg2) ? arg2 : {};\n  opts.get = arg1;\n  opts.name || (opts.name = arg1.name || \"\");\n  /* for generated name */\n\n  return new ComputedValue(opts);\n};\nObject.assign(computed, computedAnnotation);\ncomputed.struct = /*#__PURE__*/createDecoratorAnnotation(computedStructAnnotation);\n\nvar _getDescriptor$config, _getDescriptor;\n// mobx versions\n\nvar currentActionId = 0;\nvar nextActionId = 1;\nvar isFunctionNameConfigurable = (_getDescriptor$config = (_getDescriptor = /*#__PURE__*/getDescriptor(function () {}, \"name\")) == null ? void 0 : _getDescriptor.configurable) != null ? _getDescriptor$config : false; // we can safely recycle this object\n\nvar tmpNameDescriptor = {\n  value: \"action\",\n  configurable: true,\n  writable: false,\n  enumerable: false\n};\nfunction createAction(actionName, fn, autoAction, ref) {\n  if (autoAction === void 0) {\n    autoAction = false;\n  }\n\n  if (process.env.NODE_ENV !== \"production\") {\n    if (!isFunction(fn)) {\n      die(\"`action` can only be invoked on functions\");\n    }\n\n    if (typeof actionName !== \"string\" || !actionName) {\n      die(\"actions should have valid names, got: '\" + actionName + \"'\");\n    }\n  }\n\n  function res() {\n    return executeAction(actionName, autoAction, fn, ref || this, arguments);\n  }\n\n  res.isMobxAction = true;\n\n  if (isFunctionNameConfigurable) {\n    tmpNameDescriptor.value = actionName;\n    Object.defineProperty(res, \"name\", tmpNameDescriptor);\n  }\n\n  return res;\n}\nfunction executeAction(actionName, canRunAsDerivation, fn, scope, args) {\n  var runInfo = _startAction(actionName, canRunAsDerivation, scope, args);\n\n  try {\n    return fn.apply(scope, args);\n  } catch (err) {\n    runInfo.error_ = err;\n    throw err;\n  } finally {\n    _endAction(runInfo);\n  }\n}\nfunction _startAction(actionName, canRunAsDerivation, // true for autoAction\nscope, args) {\n  var notifySpy_ = process.env.NODE_ENV !== \"production\" && isSpyEnabled() && !!actionName;\n  var startTime_ = 0;\n\n  if (process.env.NODE_ENV !== \"production\" && notifySpy_) {\n    startTime_ = Date.now();\n    var flattenedArgs = args ? Array.from(args) : EMPTY_ARRAY;\n    spyReportStart({\n      type: ACTION,\n      name: actionName,\n      object: scope,\n      arguments: flattenedArgs\n    });\n  }\n\n  var prevDerivation_ = globalState.trackingDerivation;\n  var runAsAction = !canRunAsDerivation || !prevDerivation_;\n  startBatch();\n  var prevAllowStateChanges_ = globalState.allowStateChanges; // by default preserve previous allow\n\n  if (runAsAction) {\n    untrackedStart();\n    prevAllowStateChanges_ = allowStateChangesStart(true);\n  }\n\n  var prevAllowStateReads_ = allowStateReadsStart(true);\n  var runInfo = {\n    runAsAction_: runAsAction,\n    prevDerivation_: prevDerivation_,\n    prevAllowStateChanges_: prevAllowStateChanges_,\n    prevAllowStateReads_: prevAllowStateReads_,\n    notifySpy_: notifySpy_,\n    startTime_: startTime_,\n    actionId_: nextActionId++,\n    parentActionId_: currentActionId\n  };\n  currentActionId = runInfo.actionId_;\n  return runInfo;\n}\nfunction _endAction(runInfo) {\n  if (currentActionId !== runInfo.actionId_) {\n    die(30);\n  }\n\n  currentActionId = runInfo.parentActionId_;\n\n  if (runInfo.error_ !== undefined) {\n    globalState.suppressReactionErrors = true;\n  }\n\n  allowStateChangesEnd(runInfo.prevAllowStateChanges_);\n  allowStateReadsEnd(runInfo.prevAllowStateReads_);\n  endBatch();\n\n  if (runInfo.runAsAction_) {\n    untrackedEnd(runInfo.prevDerivation_);\n  }\n\n  if (process.env.NODE_ENV !== \"production\" && runInfo.notifySpy_) {\n    spyReportEnd({\n      time: Date.now() - runInfo.startTime_\n    });\n  }\n\n  globalState.suppressReactionErrors = false;\n}\nfunction allowStateChanges(allowStateChanges, func) {\n  var prev = allowStateChangesStart(allowStateChanges);\n\n  try {\n    return func();\n  } finally {\n    allowStateChangesEnd(prev);\n  }\n}\nfunction allowStateChangesStart(allowStateChanges) {\n  var prev = globalState.allowStateChanges;\n  globalState.allowStateChanges = allowStateChanges;\n  return prev;\n}\nfunction allowStateChangesEnd(prev) {\n  globalState.allowStateChanges = prev;\n}\n\nvar _Symbol$toPrimitive;\nvar CREATE = \"create\";\n_Symbol$toPrimitive = Symbol.toPrimitive;\nvar ObservableValue = /*#__PURE__*/function (_Atom) {\n  _inheritsLoose(ObservableValue, _Atom);\n\n  function ObservableValue(value, enhancer, name_, notifySpy, equals) {\n    var _this;\n\n    if (name_ === void 0) {\n      name_ = process.env.NODE_ENV !== \"production\" ? \"ObservableValue@\" + getNextId() : \"ObservableValue\";\n    }\n\n    if (notifySpy === void 0) {\n      notifySpy = true;\n    }\n\n    if (equals === void 0) {\n      equals = comparer[\"default\"];\n    }\n\n    _this = _Atom.call(this, name_) || this;\n    _this.enhancer = void 0;\n    _this.name_ = void 0;\n    _this.equals = void 0;\n    _this.hasUnreportedChange_ = false;\n    _this.interceptors_ = void 0;\n    _this.changeListeners_ = void 0;\n    _this.value_ = void 0;\n    _this.dehancer = void 0;\n    _this.enhancer = enhancer;\n    _this.name_ = name_;\n    _this.equals = equals;\n    _this.value_ = enhancer(value, undefined, name_);\n\n    if (process.env.NODE_ENV !== \"production\" && notifySpy && isSpyEnabled()) {\n      // only notify spy if this is a stand-alone observable\n      spyReport({\n        type: CREATE,\n        object: _assertThisInitialized(_this),\n        observableKind: \"value\",\n        debugObjectName: _this.name_,\n        newValue: \"\" + _this.value_\n      });\n    }\n\n    return _this;\n  }\n\n  var _proto = ObservableValue.prototype;\n\n  _proto.dehanceValue = function dehanceValue(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.set = function set(newValue) {\n    var oldValue = this.value_;\n    newValue = this.prepareNewValue_(newValue);\n\n    if (newValue !== globalState.UNCHANGED) {\n      var notifySpy = isSpyEnabled();\n\n      if (process.env.NODE_ENV !== \"production\" && notifySpy) {\n        spyReportStart({\n          type: UPDATE,\n          object: this,\n          observableKind: \"value\",\n          debugObjectName: this.name_,\n          newValue: newValue,\n          oldValue: oldValue\n        });\n      }\n\n      this.setNewValue_(newValue);\n\n      if (process.env.NODE_ENV !== \"production\" && notifySpy) {\n        spyReportEnd();\n      }\n    }\n  };\n\n  _proto.prepareNewValue_ = function prepareNewValue_(newValue) {\n    checkIfStateModificationsAreAllowed(this);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        object: this,\n        type: UPDATE,\n        newValue: newValue\n      });\n\n      if (!change) {\n        return globalState.UNCHANGED;\n      }\n\n      newValue = change.newValue;\n    } // apply modifier\n\n\n    newValue = this.enhancer(newValue, this.value_, this.name_);\n    return this.equals(this.value_, newValue) ? globalState.UNCHANGED : newValue;\n  };\n\n  _proto.setNewValue_ = function setNewValue_(newValue) {\n    var oldValue = this.value_;\n    this.value_ = newValue;\n    this.reportChanged();\n\n    if (hasListeners(this)) {\n      notifyListeners(this, {\n        type: UPDATE,\n        object: this,\n        newValue: newValue,\n        oldValue: oldValue\n      });\n    }\n  };\n\n  _proto.get = function get() {\n    this.reportObserved();\n    return this.dehanceValue(this.value_);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    if (fireImmediately) {\n      listener({\n        observableKind: \"value\",\n        debugObjectName: this.name_,\n        object: this,\n        type: UPDATE,\n        newValue: this.value_,\n        oldValue: undefined\n      });\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.raw = function raw() {\n    // used by MST ot get undehanced value\n    return this.value_;\n  };\n\n  _proto.toJSON = function toJSON() {\n    return this.get();\n  };\n\n  _proto.toString = function toString() {\n    return this.name_ + \"[\" + this.value_ + \"]\";\n  };\n\n  _proto.valueOf = function valueOf() {\n    return toPrimitive(this.get());\n  };\n\n  _proto[_Symbol$toPrimitive] = function () {\n    return this.valueOf();\n  };\n\n  return ObservableValue;\n}(Atom);\nvar isObservableValue = /*#__PURE__*/createInstanceofPredicate(\"ObservableValue\", ObservableValue);\n\nvar _Symbol$toPrimitive$1;\n/**\r\n * A node in the state dependency root that observes other nodes, and can be observed itself.\r\n *\r\n * ComputedValue will remember the result of the computation for the duration of the batch, or\r\n * while being observed.\r\n *\r\n * During this time it will recompute only when one of its direct dependencies changed,\r\n * but only when it is being accessed with `ComputedValue.get()`.\r\n *\r\n * Implementation description:\r\n * 1. First time it's being accessed it will compute and remember result\r\n *    give back remembered result until 2. happens\r\n * 2. First time any deep dependency change, propagate POSSIBLY_STALE to all observers, wait for 3.\r\n * 3. When it's being accessed, recompute if any shallow dependency changed.\r\n *    if result changed: propagate STALE to all observers, that were POSSIBLY_STALE from the last step.\r\n *    go to step 2. either way\r\n *\r\n * If at any point it's outside batch and it isn't observed: reset everything and go to 1.\r\n */\n\n_Symbol$toPrimitive$1 = Symbol.toPrimitive;\nvar ComputedValue = /*#__PURE__*/function () {\n  // nodes we are looking at. Our value depends on these nodes\n  // during tracking it's an array with new observed observers\n  // to check for cycles\n  // N.B: unminified as it is used by MST\n\n  /**\r\n   * Create a new computed value based on a function expression.\r\n   *\r\n   * The `name` property is for debug purposes only.\r\n   *\r\n   * The `equals` property specifies the comparer function to use to determine if a newly produced\r\n   * value differs from the previous value. Two comparers are provided in the library; `defaultComparer`\r\n   * compares based on identity comparison (===), and `structuralComparer` deeply compares the structure.\r\n   * Structural comparison can be convenient if you always produce a new aggregated object and\r\n   * don't want to notify observers if it is structurally the same.\r\n   * This is useful for working with vectors, mouse coordinates etc.\r\n   */\n  function ComputedValue(options) {\n    this.dependenciesState_ = IDerivationState_.NOT_TRACKING_;\n    this.observing_ = [];\n    this.newObserving_ = null;\n    this.isBeingObserved_ = false;\n    this.isPendingUnobservation_ = false;\n    this.observers_ = new Set();\n    this.diffValue_ = 0;\n    this.runId_ = 0;\n    this.lastAccessedBy_ = 0;\n    this.lowestObserverState_ = IDerivationState_.UP_TO_DATE_;\n    this.unboundDepsCount_ = 0;\n    this.value_ = new CaughtException(null);\n    this.name_ = void 0;\n    this.triggeredBy_ = void 0;\n    this.isComputing_ = false;\n    this.isRunningSetter_ = false;\n    this.derivation = void 0;\n    this.setter_ = void 0;\n    this.isTracing_ = TraceMode.NONE;\n    this.scope_ = void 0;\n    this.equals_ = void 0;\n    this.requiresReaction_ = void 0;\n    this.keepAlive_ = void 0;\n    this.onBOL = void 0;\n    this.onBUOL = void 0;\n\n    if (!options.get) {\n      die(31);\n    }\n\n    this.derivation = options.get;\n    this.name_ = options.name || (process.env.NODE_ENV !== \"production\" ? \"ComputedValue@\" + getNextId() : \"ComputedValue\");\n\n    if (options.set) {\n      this.setter_ = createAction(process.env.NODE_ENV !== \"production\" ? this.name_ + \"-setter\" : \"ComputedValue-setter\", options.set);\n    }\n\n    this.equals_ = options.equals || (options.compareStructural || options.struct ? comparer.structural : comparer[\"default\"]);\n    this.scope_ = options.context;\n    this.requiresReaction_ = options.requiresReaction;\n    this.keepAlive_ = !!options.keepAlive;\n  }\n\n  var _proto = ComputedValue.prototype;\n\n  _proto.onBecomeStale_ = function onBecomeStale_() {\n    propagateMaybeChanged(this);\n  };\n\n  _proto.onBO = function onBO() {\n    if (this.onBOL) {\n      this.onBOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  };\n\n  _proto.onBUO = function onBUO() {\n    if (this.onBUOL) {\n      this.onBUOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  }\n  /**\r\n   * Returns the current value of this computed value.\r\n   * Will evaluate its computation first if needed.\r\n   */\n  ;\n\n  _proto.get = function get() {\n    if (this.isComputing_) {\n      die(32, this.name_, this.derivation);\n    }\n\n    if (globalState.inBatch === 0 && // !globalState.trackingDerivatpion &&\n    this.observers_.size === 0 && !this.keepAlive_) {\n      if (shouldCompute(this)) {\n        this.warnAboutUntrackedRead_();\n        startBatch(); // See perf test 'computed memoization'\n\n        this.value_ = this.computeValue_(false);\n        endBatch();\n      }\n    } else {\n      reportObserved(this);\n\n      if (shouldCompute(this)) {\n        var prevTrackingContext = globalState.trackingContext;\n\n        if (this.keepAlive_ && !prevTrackingContext) {\n          globalState.trackingContext = this;\n        }\n\n        if (this.trackAndCompute()) {\n          propagateChangeConfirmed(this);\n        }\n\n        globalState.trackingContext = prevTrackingContext;\n      }\n    }\n\n    var result = this.value_;\n\n    if (isCaughtException(result)) {\n      throw result.cause;\n    }\n\n    return result;\n  };\n\n  _proto.set = function set(value) {\n    if (this.setter_) {\n      if (this.isRunningSetter_) {\n        die(33, this.name_);\n      }\n\n      this.isRunningSetter_ = true;\n\n      try {\n        this.setter_.call(this.scope_, value);\n      } finally {\n        this.isRunningSetter_ = false;\n      }\n    } else {\n      die(34, this.name_);\n    }\n  };\n\n  _proto.trackAndCompute = function trackAndCompute() {\n    // N.B: unminified as it is used by MST\n    var oldValue = this.value_;\n    var wasSuspended =\n    /* see #1208 */\n    this.dependenciesState_ === IDerivationState_.NOT_TRACKING_;\n    var newValue = this.computeValue_(true);\n    var changed = wasSuspended || isCaughtException(oldValue) || isCaughtException(newValue) || !this.equals_(oldValue, newValue);\n\n    if (changed) {\n      this.value_ = newValue;\n\n      if (process.env.NODE_ENV !== \"production\" && isSpyEnabled()) {\n        spyReport({\n          observableKind: \"computed\",\n          debugObjectName: this.name_,\n          object: this.scope_,\n          type: \"update\",\n          oldValue: oldValue,\n          newValue: newValue\n        });\n      }\n    }\n\n    return changed;\n  };\n\n  _proto.computeValue_ = function computeValue_(track) {\n    this.isComputing_ = true; // don't allow state changes during computation\n\n    var prev = allowStateChangesStart(false);\n    var res;\n\n    if (track) {\n      res = trackDerivedFunction(this, this.derivation, this.scope_);\n    } else {\n      if (globalState.disableErrorBoundaries === true) {\n        res = this.derivation.call(this.scope_);\n      } else {\n        try {\n          res = this.derivation.call(this.scope_);\n        } catch (e) {\n          res = new CaughtException(e);\n        }\n      }\n    }\n\n    allowStateChangesEnd(prev);\n    this.isComputing_ = false;\n    return res;\n  };\n\n  _proto.suspend_ = function suspend_() {\n    if (!this.keepAlive_) {\n      clearObserving(this);\n      this.value_ = undefined; // don't hold on to computed value!\n\n      if (process.env.NODE_ENV !== \"production\" && this.isTracing_ !== TraceMode.NONE) {\n        console.log(\"[mobx.trace] Computed value '\" + this.name_ + \"' was suspended and it will recompute on the next access.\");\n      }\n    }\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    var _this = this;\n\n    var firstTime = true;\n    var prevValue = undefined;\n    return autorun(function () {\n      // TODO: why is this in a different place than the spyReport() function? in all other observables it's called in the same place\n      var newValue = _this.get();\n\n      if (!firstTime || fireImmediately) {\n        var prevU = untrackedStart();\n        listener({\n          observableKind: \"computed\",\n          debugObjectName: _this.name_,\n          type: UPDATE,\n          object: _this,\n          newValue: newValue,\n          oldValue: prevValue\n        });\n        untrackedEnd(prevU);\n      }\n\n      firstTime = false;\n      prevValue = newValue;\n    });\n  };\n\n  _proto.warnAboutUntrackedRead_ = function warnAboutUntrackedRead_() {\n    if (!(process.env.NODE_ENV !== \"production\")) {\n      return;\n    }\n\n    if (this.isTracing_ !== TraceMode.NONE) {\n      console.log(\"[mobx.trace] Computed value '\" + this.name_ + \"' is being read outside a reactive context. Doing a full recompute.\");\n    }\n\n    if (typeof this.requiresReaction_ === \"boolean\" ? this.requiresReaction_ : globalState.computedRequiresReaction) {\n      console.warn(\"[mobx] Computed value '\" + this.name_ + \"' is being read outside a reactive context. Doing a full recompute.\");\n    }\n  };\n\n  _proto.toString = function toString() {\n    return this.name_ + \"[\" + this.derivation.toString() + \"]\";\n  };\n\n  _proto.valueOf = function valueOf() {\n    return toPrimitive(this.get());\n  };\n\n  _proto[_Symbol$toPrimitive$1] = function () {\n    return this.valueOf();\n  };\n\n  return ComputedValue;\n}();\nvar isComputedValue = /*#__PURE__*/createInstanceofPredicate(\"ComputedValue\", ComputedValue);\n\nvar IDerivationState_;\n\n(function (IDerivationState_) {\n  // before being run or (outside batch and not being observed)\n  // at this point derivation is not holding any data about dependency tree\n  IDerivationState_[IDerivationState_[\"NOT_TRACKING_\"] = -1] = \"NOT_TRACKING_\"; // no shallow dependency changed since last computation\n  // won't recalculate derivation\n  // this is what makes mobx fast\n\n  IDerivationState_[IDerivationState_[\"UP_TO_DATE_\"] = 0] = \"UP_TO_DATE_\"; // some deep dependency changed, but don't know if shallow dependency changed\n  // will require to check first if UP_TO_DATE or POSSIBLY_STALE\n  // currently only ComputedValue will propagate POSSIBLY_STALE\n  //\n  // having this state is second big optimization:\n  // don't have to recompute on every dependency change, but only when it's needed\n\n  IDerivationState_[IDerivationState_[\"POSSIBLY_STALE_\"] = 1] = \"POSSIBLY_STALE_\"; // A shallow dependency has changed since last computation and the derivation\n  // will need to recompute when it's needed next.\n\n  IDerivationState_[IDerivationState_[\"STALE_\"] = 2] = \"STALE_\";\n})(IDerivationState_ || (IDerivationState_ = {}));\n\nvar TraceMode;\n\n(function (TraceMode) {\n  TraceMode[TraceMode[\"NONE\"] = 0] = \"NONE\";\n  TraceMode[TraceMode[\"LOG\"] = 1] = \"LOG\";\n  TraceMode[TraceMode[\"BREAK\"] = 2] = \"BREAK\";\n})(TraceMode || (TraceMode = {}));\n\nvar CaughtException = function CaughtException(cause) {\n  this.cause = void 0;\n  this.cause = cause; // Empty\n};\nfunction isCaughtException(e) {\n  return e instanceof CaughtException;\n}\n/**\r\n * Finds out whether any dependency of the derivation has actually changed.\r\n * If dependenciesState is 1 then it will recalculate dependencies,\r\n * if any dependency changed it will propagate it by changing dependenciesState to 2.\r\n *\r\n * By iterating over the dependencies in the same order that they were reported and\r\n * stopping on the first change, all the recalculations are only called for ComputedValues\r\n * that will be tracked by derivation. That is because we assume that if the first x\r\n * dependencies of the derivation doesn't change then the derivation should run the same way\r\n * up until accessing x-th dependency.\r\n */\n\nfunction shouldCompute(derivation) {\n  switch (derivation.dependenciesState_) {\n    case IDerivationState_.UP_TO_DATE_:\n      return false;\n\n    case IDerivationState_.NOT_TRACKING_:\n    case IDerivationState_.STALE_:\n      return true;\n\n    case IDerivationState_.POSSIBLY_STALE_:\n      {\n        // state propagation can occur outside of action/reactive context #2195\n        var prevAllowStateReads = allowStateReadsStart(true);\n        var prevUntracked = untrackedStart(); // no need for those computeds to be reported, they will be picked up in trackDerivedFunction.\n\n        var obs = derivation.observing_,\n            l = obs.length;\n\n        for (var i = 0; i < l; i++) {\n          var obj = obs[i];\n\n          if (isComputedValue(obj)) {\n            if (globalState.disableErrorBoundaries) {\n              obj.get();\n            } else {\n              try {\n                obj.get();\n              } catch (e) {\n                // we are not interested in the value *or* exception at this moment, but if there is one, notify all\n                untrackedEnd(prevUntracked);\n                allowStateReadsEnd(prevAllowStateReads);\n                return true;\n              }\n            } // if ComputedValue `obj` actually changed it will be computed and propagated to its observers.\n            // and `derivation` is an observer of `obj`\n            // invariantShouldCompute(derivation)\n\n\n            if (derivation.dependenciesState_ === IDerivationState_.STALE_) {\n              untrackedEnd(prevUntracked);\n              allowStateReadsEnd(prevAllowStateReads);\n              return true;\n            }\n          }\n        }\n\n        changeDependenciesStateTo0(derivation);\n        untrackedEnd(prevUntracked);\n        allowStateReadsEnd(prevAllowStateReads);\n        return false;\n      }\n  }\n}\nfunction isComputingDerivation() {\n  return globalState.trackingDerivation !== null; // filter out actions inside computations\n}\nfunction checkIfStateModificationsAreAllowed(atom) {\n  if (!(process.env.NODE_ENV !== \"production\")) {\n    return;\n  }\n\n  var hasObservers = atom.observers_.size > 0; // Should not be possible to change observed state outside strict mode, except during initialization, see #563\n\n  if (!globalState.allowStateChanges && (hasObservers || globalState.enforceActions === \"always\")) {\n    console.warn(\"[MobX] \" + (globalState.enforceActions ? \"Since strict-mode is enabled, changing (observed) observable values without using an action is not allowed. Tried to modify: \" : \"Side effects like changing state are not allowed at this point. Are you trying to modify state from, for example, a computed value or the render function of a React component? You can wrap side effects in 'runInAction' (or decorate functions with 'action') if needed. Tried to modify: \") + atom.name_);\n  }\n}\nfunction checkIfStateReadsAreAllowed(observable) {\n  if (process.env.NODE_ENV !== \"production\" && !globalState.allowStateReads && globalState.observableRequiresReaction) {\n    console.warn(\"[mobx] Observable '\" + observable.name_ + \"' being read outside a reactive context.\");\n  }\n}\n/**\r\n * Executes the provided function `f` and tracks which observables are being accessed.\r\n * The tracking information is stored on the `derivation` object and the derivation is registered\r\n * as observer of any of the accessed observables.\r\n */\n\nfunction trackDerivedFunction(derivation, f, context) {\n  var prevAllowStateReads = allowStateReadsStart(true); // pre allocate array allocation + room for variation in deps\n  // array will be trimmed by bindDependencies\n\n  changeDependenciesStateTo0(derivation);\n  derivation.newObserving_ = new Array(derivation.observing_.length + 100);\n  derivation.unboundDepsCount_ = 0;\n  derivation.runId_ = ++globalState.runId;\n  var prevTracking = globalState.trackingDerivation;\n  globalState.trackingDerivation = derivation;\n  globalState.inBatch++;\n  var result;\n\n  if (globalState.disableErrorBoundaries === true) {\n    result = f.call(context);\n  } else {\n    try {\n      result = f.call(context);\n    } catch (e) {\n      result = new CaughtException(e);\n    }\n  }\n\n  globalState.inBatch--;\n  globalState.trackingDerivation = prevTracking;\n  bindDependencies(derivation);\n  warnAboutDerivationWithoutDependencies(derivation);\n  allowStateReadsEnd(prevAllowStateReads);\n  return result;\n}\n\nfunction warnAboutDerivationWithoutDependencies(derivation) {\n  if (!(process.env.NODE_ENV !== \"production\")) {\n    return;\n  }\n\n  if (derivation.observing_.length !== 0) {\n    return;\n  }\n\n  if (typeof derivation.requiresObservable_ === \"boolean\" ? derivation.requiresObservable_ : globalState.reactionRequiresObservable) {\n    console.warn(\"[mobx] Derivation '\" + derivation.name_ + \"' is created/updated without reading any observable value.\");\n  }\n}\n/**\r\n * diffs newObserving with observing.\r\n * update observing to be newObserving with unique observables\r\n * notify observers that become observed/unobserved\r\n */\n\n\nfunction bindDependencies(derivation) {\n  // invariant(derivation.dependenciesState !== IDerivationState.NOT_TRACKING, \"INTERNAL ERROR bindDependencies expects derivation.dependenciesState !== -1\");\n  var prevObserving = derivation.observing_;\n  var observing = derivation.observing_ = derivation.newObserving_;\n  var lowestNewObservingDerivationState = IDerivationState_.UP_TO_DATE_; // Go through all new observables and check diffValue: (this list can contain duplicates):\n  //   0: first occurrence, change to 1 and keep it\n  //   1: extra occurrence, drop it\n\n  var i0 = 0,\n      l = derivation.unboundDepsCount_;\n\n  for (var i = 0; i < l; i++) {\n    var dep = observing[i];\n\n    if (dep.diffValue_ === 0) {\n      dep.diffValue_ = 1;\n\n      if (i0 !== i) {\n        observing[i0] = dep;\n      }\n\n      i0++;\n    } // Upcast is 'safe' here, because if dep is IObservable, `dependenciesState` will be undefined,\n    // not hitting the condition\n\n\n    if (dep.dependenciesState_ > lowestNewObservingDerivationState) {\n      lowestNewObservingDerivationState = dep.dependenciesState_;\n    }\n  }\n\n  observing.length = i0;\n  derivation.newObserving_ = null; // newObserving shouldn't be needed outside tracking (statement moved down to work around FF bug, see #614)\n  // Go through all old observables and check diffValue: (it is unique after last bindDependencies)\n  //   0: it's not in new observables, unobserve it\n  //   1: it keeps being observed, don't want to notify it. change to 0\n\n  l = prevObserving.length;\n\n  while (l--) {\n    var _dep = prevObserving[l];\n\n    if (_dep.diffValue_ === 0) {\n      removeObserver(_dep, derivation);\n    }\n\n    _dep.diffValue_ = 0;\n  } // Go through all new observables and check diffValue: (now it should be unique)\n  //   0: it was set to 0 in last loop. don't need to do anything.\n  //   1: it wasn't observed, let's observe it. set back to 0\n\n\n  while (i0--) {\n    var _dep2 = observing[i0];\n\n    if (_dep2.diffValue_ === 1) {\n      _dep2.diffValue_ = 0;\n      addObserver(_dep2, derivation);\n    }\n  } // Some new observed derivations may become stale during this derivation computation\n  // so they have had no chance to propagate staleness (#916)\n\n\n  if (lowestNewObservingDerivationState !== IDerivationState_.UP_TO_DATE_) {\n    derivation.dependenciesState_ = lowestNewObservingDerivationState;\n    derivation.onBecomeStale_();\n  }\n}\n\nfunction clearObserving(derivation) {\n  // invariant(globalState.inBatch > 0, \"INTERNAL ERROR clearObserving should be called only inside batch\");\n  var obs = derivation.observing_;\n  derivation.observing_ = [];\n  var i = obs.length;\n\n  while (i--) {\n    removeObserver(obs[i], derivation);\n  }\n\n  derivation.dependenciesState_ = IDerivationState_.NOT_TRACKING_;\n}\nfunction untracked(action) {\n  var prev = untrackedStart();\n\n  try {\n    return action();\n  } finally {\n    untrackedEnd(prev);\n  }\n}\nfunction untrackedStart() {\n  var prev = globalState.trackingDerivation;\n  globalState.trackingDerivation = null;\n  return prev;\n}\nfunction untrackedEnd(prev) {\n  globalState.trackingDerivation = prev;\n}\nfunction allowStateReadsStart(allowStateReads) {\n  var prev = globalState.allowStateReads;\n  globalState.allowStateReads = allowStateReads;\n  return prev;\n}\nfunction allowStateReadsEnd(prev) {\n  globalState.allowStateReads = prev;\n}\n/**\r\n * needed to keep `lowestObserverState` correct. when changing from (2 or 1) to 0\r\n *\r\n */\n\nfunction changeDependenciesStateTo0(derivation) {\n  if (derivation.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {\n    return;\n  }\n\n  derivation.dependenciesState_ = IDerivationState_.UP_TO_DATE_;\n  var obs = derivation.observing_;\n  var i = obs.length;\n\n  while (i--) {\n    obs[i].lowestObserverState_ = IDerivationState_.UP_TO_DATE_;\n  }\n}\n\n/**\r\n * These values will persist if global state is reset\r\n */\n\nvar persistentKeys = [\"mobxGuid\", \"spyListeners\", \"enforceActions\", \"computedRequiresReaction\", \"reactionRequiresObservable\", \"observableRequiresReaction\", \"allowStateReads\", \"disableErrorBoundaries\", \"runId\", \"UNCHANGED\", \"useProxies\"];\nvar MobXGlobals = function MobXGlobals() {\n  this.version = 6;\n  this.UNCHANGED = {};\n  this.trackingDerivation = null;\n  this.trackingContext = null;\n  this.runId = 0;\n  this.mobxGuid = 0;\n  this.inBatch = 0;\n  this.pendingUnobservations = [];\n  this.pendingReactions = [];\n  this.isRunningReactions = false;\n  this.allowStateChanges = false;\n  this.allowStateReads = true;\n  this.enforceActions = true;\n  this.spyListeners = [];\n  this.globalReactionErrorHandlers = [];\n  this.computedRequiresReaction = false;\n  this.reactionRequiresObservable = false;\n  this.observableRequiresReaction = false;\n  this.disableErrorBoundaries = false;\n  this.suppressReactionErrors = false;\n  this.useProxies = true;\n  this.verifyProxies = false;\n  this.safeDescriptors = true;\n};\nvar canMergeGlobalState = true;\nvar isolateCalled = false;\nvar globalState = /*#__PURE__*/function () {\n  var global = /*#__PURE__*/getGlobal();\n\n  if (global.__mobxInstanceCount > 0 && !global.__mobxGlobals) {\n    canMergeGlobalState = false;\n  }\n\n  if (global.__mobxGlobals && global.__mobxGlobals.version !== new MobXGlobals().version) {\n    canMergeGlobalState = false;\n  }\n\n  if (!canMergeGlobalState) {\n    // Because this is a IIFE we need to let isolateCalled a chance to change\n    // so we run it after the event loop completed at least 1 iteration\n    setTimeout(function () {\n      if (!isolateCalled) {\n        die(35);\n      }\n    }, 1);\n    return new MobXGlobals();\n  } else if (global.__mobxGlobals) {\n    global.__mobxInstanceCount += 1;\n\n    if (!global.__mobxGlobals.UNCHANGED) {\n      global.__mobxGlobals.UNCHANGED = {};\n    } // make merge backward compatible\n\n\n    return global.__mobxGlobals;\n  } else {\n    global.__mobxInstanceCount = 1;\n    return global.__mobxGlobals = /*#__PURE__*/new MobXGlobals();\n  }\n}();\nfunction isolateGlobalState() {\n  if (globalState.pendingReactions.length || globalState.inBatch || globalState.isRunningReactions) {\n    die(36);\n  }\n\n  isolateCalled = true;\n\n  if (canMergeGlobalState) {\n    var global = getGlobal();\n\n    if (--global.__mobxInstanceCount === 0) {\n      global.__mobxGlobals = undefined;\n    }\n\n    globalState = new MobXGlobals();\n  }\n}\nfunction getGlobalState() {\n  return globalState;\n}\n/**\r\n * For testing purposes only; this will break the internal state of existing observables,\r\n * but can be used to get back at a stable state after throwing errors\r\n */\n\nfunction resetGlobalState() {\n  var defaultGlobals = new MobXGlobals();\n\n  for (var key in defaultGlobals) {\n    if (persistentKeys.indexOf(key) === -1) {\n      globalState[key] = defaultGlobals[key];\n    }\n  }\n\n  globalState.allowStateChanges = !globalState.enforceActions;\n}\n\nfunction hasObservers(observable) {\n  return observable.observers_ && observable.observers_.size > 0;\n}\nfunction getObservers(observable) {\n  return observable.observers_;\n} // function invariantObservers(observable: IObservable) {\n//     const list = observable.observers\n//     const map = observable.observersIndexes\n//     const l = list.length\n//     for (let i = 0; i < l; i++) {\n//         const id = list[i].__mapid\n//         if (i) {\n//             invariant(map[id] === i, \"INTERNAL ERROR maps derivation.__mapid to index in list\") // for performance\n//         } else {\n//             invariant(!(id in map), \"INTERNAL ERROR observer on index 0 shouldn't be held in map.\") // for performance\n//         }\n//     }\n//     invariant(\n//         list.length === 0 || Object.keys(map).length === list.length - 1,\n//         \"INTERNAL ERROR there is no junk in map\"\n//     )\n// }\n\nfunction addObserver(observable, node) {\n  // invariant(node.dependenciesState !== -1, \"INTERNAL ERROR, can add only dependenciesState !== -1\");\n  // invariant(observable._observers.indexOf(node) === -1, \"INTERNAL ERROR add already added node\");\n  // invariantObservers(observable);\n  observable.observers_.add(node);\n\n  if (observable.lowestObserverState_ > node.dependenciesState_) {\n    observable.lowestObserverState_ = node.dependenciesState_;\n  } // invariantObservers(observable);\n  // invariant(observable._observers.indexOf(node) !== -1, \"INTERNAL ERROR didn't add node\");\n\n}\nfunction removeObserver(observable, node) {\n  // invariant(globalState.inBatch > 0, \"INTERNAL ERROR, remove should be called only inside batch\");\n  // invariant(observable._observers.indexOf(node) !== -1, \"INTERNAL ERROR remove already removed node\");\n  // invariantObservers(observable);\n  observable.observers_[\"delete\"](node);\n\n  if (observable.observers_.size === 0) {\n    // deleting last observer\n    queueForUnobservation(observable);\n  } // invariantObservers(observable);\n  // invariant(observable._observers.indexOf(node) === -1, \"INTERNAL ERROR remove already removed node2\");\n\n}\nfunction queueForUnobservation(observable) {\n  if (observable.isPendingUnobservation_ === false) {\n    // invariant(observable._observers.length === 0, \"INTERNAL ERROR, should only queue for unobservation unobserved observables\");\n    observable.isPendingUnobservation_ = true;\n    globalState.pendingUnobservations.push(observable);\n  }\n}\n/**\r\n * Batch starts a transaction, at least for purposes of memoizing ComputedValues when nothing else does.\r\n * During a batch `onBecomeUnobserved` will be called at most once per observable.\r\n * Avoids unnecessary recalculations.\r\n */\n\nfunction startBatch() {\n  globalState.inBatch++;\n}\nfunction endBatch() {\n  if (--globalState.inBatch === 0) {\n    runReactions(); // the batch is actually about to finish, all unobserving should happen here.\n\n    var list = globalState.pendingUnobservations;\n\n    for (var i = 0; i < list.length; i++) {\n      var observable = list[i];\n      observable.isPendingUnobservation_ = false;\n\n      if (observable.observers_.size === 0) {\n        if (observable.isBeingObserved_) {\n          // if this observable had reactive observers, trigger the hooks\n          observable.isBeingObserved_ = false;\n          observable.onBUO();\n        }\n\n        if (observable instanceof ComputedValue) {\n          // computed values are automatically teared down when the last observer leaves\n          // this process happens recursively, this computed might be the last observabe of another, etc..\n          observable.suspend_();\n        }\n      }\n    }\n\n    globalState.pendingUnobservations = [];\n  }\n}\nfunction reportObserved(observable) {\n  checkIfStateReadsAreAllowed(observable);\n  var derivation = globalState.trackingDerivation;\n\n  if (derivation !== null) {\n    /**\r\n     * Simple optimization, give each derivation run an unique id (runId)\r\n     * Check if last time this observable was accessed the same runId is used\r\n     * if this is the case, the relation is already known\r\n     */\n    if (derivation.runId_ !== observable.lastAccessedBy_) {\n      observable.lastAccessedBy_ = derivation.runId_; // Tried storing newObserving, or observing, or both as Set, but performance didn't come close...\n\n      derivation.newObserving_[derivation.unboundDepsCount_++] = observable;\n\n      if (!observable.isBeingObserved_ && globalState.trackingContext) {\n        observable.isBeingObserved_ = true;\n        observable.onBO();\n      }\n    }\n\n    return true;\n  } else if (observable.observers_.size === 0 && globalState.inBatch > 0) {\n    queueForUnobservation(observable);\n  }\n\n  return false;\n} // function invariantLOS(observable: IObservable, msg: string) {\n//     // it's expensive so better not run it in produciton. but temporarily helpful for testing\n//     const min = getObservers(observable).reduce((a, b) => Math.min(a, b.dependenciesState), 2)\n//     if (min >= observable.lowestObserverState) return // <- the only assumption about `lowestObserverState`\n//     throw new Error(\n//         \"lowestObserverState is wrong for \" +\n//             msg +\n//             \" because \" +\n//             min +\n//             \" < \" +\n//             observable.lowestObserverState\n//     )\n// }\n\n/**\r\n * NOTE: current propagation mechanism will in case of self reruning autoruns behave unexpectedly\r\n * It will propagate changes to observers from previous run\r\n * It's hard or maybe impossible (with reasonable perf) to get it right with current approach\r\n * Hopefully self reruning autoruns aren't a feature people should depend on\r\n * Also most basic use cases should be ok\r\n */\n// Called by Atom when its value changes\n\nfunction propagateChanged(observable) {\n  // invariantLOS(observable, \"changed start\");\n  if (observable.lowestObserverState_ === IDerivationState_.STALE_) {\n    return;\n  }\n\n  observable.lowestObserverState_ = IDerivationState_.STALE_; // Ideally we use for..of here, but the downcompiled version is really slow...\n\n  observable.observers_.forEach(function (d) {\n    if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {\n      if (process.env.NODE_ENV !== \"production\" && d.isTracing_ !== TraceMode.NONE) {\n        logTraceInfo(d, observable);\n      }\n\n      d.onBecomeStale_();\n    }\n\n    d.dependenciesState_ = IDerivationState_.STALE_;\n  }); // invariantLOS(observable, \"changed end\");\n} // Called by ComputedValue when it recalculate and its value changed\n\nfunction propagateChangeConfirmed(observable) {\n  // invariantLOS(observable, \"confirmed start\");\n  if (observable.lowestObserverState_ === IDerivationState_.STALE_) {\n    return;\n  }\n\n  observable.lowestObserverState_ = IDerivationState_.STALE_;\n  observable.observers_.forEach(function (d) {\n    if (d.dependenciesState_ === IDerivationState_.POSSIBLY_STALE_) {\n      d.dependenciesState_ = IDerivationState_.STALE_;\n\n      if (process.env.NODE_ENV !== \"production\" && d.isTracing_ !== TraceMode.NONE) {\n        logTraceInfo(d, observable);\n      }\n    } else if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_ // this happens during computing of `d`, just keep lowestObserverState up to date.\n    ) {\n      observable.lowestObserverState_ = IDerivationState_.UP_TO_DATE_;\n    }\n  }); // invariantLOS(observable, \"confirmed end\");\n} // Used by computed when its dependency changed, but we don't wan't to immediately recompute.\n\nfunction propagateMaybeChanged(observable) {\n  // invariantLOS(observable, \"maybe start\");\n  if (observable.lowestObserverState_ !== IDerivationState_.UP_TO_DATE_) {\n    return;\n  }\n\n  observable.lowestObserverState_ = IDerivationState_.POSSIBLY_STALE_;\n  observable.observers_.forEach(function (d) {\n    if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {\n      d.dependenciesState_ = IDerivationState_.POSSIBLY_STALE_;\n      d.onBecomeStale_();\n    }\n  }); // invariantLOS(observable, \"maybe end\");\n}\n\nfunction logTraceInfo(derivation, observable) {\n  console.log(\"[mobx.trace] '\" + derivation.name_ + \"' is invalidated due to a change in: '\" + observable.name_ + \"'\");\n\n  if (derivation.isTracing_ === TraceMode.BREAK) {\n    var lines = [];\n    printDepTree(getDependencyTree(derivation), lines, 1); // prettier-ignore\n\n    new Function(\"debugger;\\n/*\\nTracing '\" + derivation.name_ + \"'\\n\\nYou are entering this break point because derivation '\" + derivation.name_ + \"' is being traced and '\" + observable.name_ + \"' is now forcing it to update.\\nJust follow the stacktrace you should now see in the devtools to see precisely what piece of your code is causing this update\\nThe stackframe you are looking for is at least ~6-8 stack-frames up.\\n\\n\" + (derivation instanceof ComputedValue ? derivation.derivation.toString().replace(/[*]\\//g, \"/\") : \"\") + \"\\n\\nThe dependencies for this derivation are:\\n\\n\" + lines.join(\"\\n\") + \"\\n*/\\n    \")();\n  }\n}\n\nfunction printDepTree(tree, lines, depth) {\n  if (lines.length >= 1000) {\n    lines.push(\"(and many more)\");\n    return;\n  }\n\n  lines.push(\"\" + \"\\t\".repeat(depth - 1) + tree.name);\n\n  if (tree.dependencies) {\n    tree.dependencies.forEach(function (child) {\n      return printDepTree(child, lines, depth + 1);\n    });\n  }\n}\n\nvar Reaction = /*#__PURE__*/function () {\n  // nodes we are looking at. Our value depends on these nodes\n  function Reaction(name_, onInvalidate_, errorHandler_, requiresObservable_) {\n    if (name_ === void 0) {\n      name_ = process.env.NODE_ENV !== \"production\" ? \"Reaction@\" + getNextId() : \"Reaction\";\n    }\n\n    this.name_ = void 0;\n    this.onInvalidate_ = void 0;\n    this.errorHandler_ = void 0;\n    this.requiresObservable_ = void 0;\n    this.observing_ = [];\n    this.newObserving_ = [];\n    this.dependenciesState_ = IDerivationState_.NOT_TRACKING_;\n    this.diffValue_ = 0;\n    this.runId_ = 0;\n    this.unboundDepsCount_ = 0;\n    this.isDisposed_ = false;\n    this.isScheduled_ = false;\n    this.isTrackPending_ = false;\n    this.isRunning_ = false;\n    this.isTracing_ = TraceMode.NONE;\n    this.name_ = name_;\n    this.onInvalidate_ = onInvalidate_;\n    this.errorHandler_ = errorHandler_;\n    this.requiresObservable_ = requiresObservable_;\n  }\n\n  var _proto = Reaction.prototype;\n\n  _proto.onBecomeStale_ = function onBecomeStale_() {\n    this.schedule_();\n  };\n\n  _proto.schedule_ = function schedule_() {\n    if (!this.isScheduled_) {\n      this.isScheduled_ = true;\n      globalState.pendingReactions.push(this);\n      runReactions();\n    }\n  };\n\n  _proto.isScheduled = function isScheduled() {\n    return this.isScheduled_;\n  }\n  /**\r\n   * internal, use schedule() if you intend to kick off a reaction\r\n   */\n  ;\n\n  _proto.runReaction_ = function runReaction_() {\n    if (!this.isDisposed_) {\n      startBatch();\n      this.isScheduled_ = false;\n      var prev = globalState.trackingContext;\n      globalState.trackingContext = this;\n\n      if (shouldCompute(this)) {\n        this.isTrackPending_ = true;\n\n        try {\n          this.onInvalidate_();\n\n          if (process.env.NODE_ENV !== \"production\" && this.isTrackPending_ && isSpyEnabled()) {\n            // onInvalidate didn't trigger track right away..\n            spyReport({\n              name: this.name_,\n              type: \"scheduled-reaction\"\n            });\n          }\n        } catch (e) {\n          this.reportExceptionInDerivation_(e);\n        }\n      }\n\n      globalState.trackingContext = prev;\n      endBatch();\n    }\n  };\n\n  _proto.track = function track(fn) {\n    if (this.isDisposed_) {\n      return; // console.warn(\"Reaction already disposed\") // Note: Not a warning / error in mobx 4 either\n    }\n\n    startBatch();\n    var notify = isSpyEnabled();\n    var startTime;\n\n    if (process.env.NODE_ENV !== \"production\" && notify) {\n      startTime = Date.now();\n      spyReportStart({\n        name: this.name_,\n        type: \"reaction\"\n      });\n    }\n\n    this.isRunning_ = true;\n    var prevReaction = globalState.trackingContext; // reactions could create reactions...\n\n    globalState.trackingContext = this;\n    var result = trackDerivedFunction(this, fn, undefined);\n    globalState.trackingContext = prevReaction;\n    this.isRunning_ = false;\n    this.isTrackPending_ = false;\n\n    if (this.isDisposed_) {\n      // disposed during last run. Clean up everything that was bound after the dispose call.\n      clearObserving(this);\n    }\n\n    if (isCaughtException(result)) {\n      this.reportExceptionInDerivation_(result.cause);\n    }\n\n    if (process.env.NODE_ENV !== \"production\" && notify) {\n      spyReportEnd({\n        time: Date.now() - startTime\n      });\n    }\n\n    endBatch();\n  };\n\n  _proto.reportExceptionInDerivation_ = function reportExceptionInDerivation_(error) {\n    var _this = this;\n\n    if (this.errorHandler_) {\n      this.errorHandler_(error, this);\n      return;\n    }\n\n    if (globalState.disableErrorBoundaries) {\n      throw error;\n    }\n\n    var message = process.env.NODE_ENV !== \"production\" ? \"[mobx] Encountered an uncaught exception that was thrown by a reaction or observer component, in: '\" + this + \"'\" : \"[mobx] uncaught error in '\" + this + \"'\";\n\n    if (!globalState.suppressReactionErrors) {\n      console.error(message, error);\n      /** If debugging brought you here, please, read the above message :-). Tnx! */\n    } else if (process.env.NODE_ENV !== \"production\") {\n      console.warn(\"[mobx] (error in reaction '\" + this.name_ + \"' suppressed, fix error of causing action below)\");\n    } // prettier-ignore\n\n\n    if (process.env.NODE_ENV !== \"production\" && isSpyEnabled()) {\n      spyReport({\n        type: \"error\",\n        name: this.name_,\n        message: message,\n        error: \"\" + error\n      });\n    }\n\n    globalState.globalReactionErrorHandlers.forEach(function (f) {\n      return f(error, _this);\n    });\n  };\n\n  _proto.dispose = function dispose() {\n    if (!this.isDisposed_) {\n      this.isDisposed_ = true;\n\n      if (!this.isRunning_) {\n        // if disposed while running, clean up later. Maybe not optimal, but rare case\n        startBatch();\n        clearObserving(this);\n        endBatch();\n      }\n    }\n  };\n\n  _proto.getDisposer_ = function getDisposer_() {\n    var r = this.dispose.bind(this);\n    r[$mobx] = this;\n    return r;\n  };\n\n  _proto.toString = function toString() {\n    return \"Reaction[\" + this.name_ + \"]\";\n  };\n\n  _proto.trace = function trace$1(enterBreakPoint) {\n    if (enterBreakPoint === void 0) {\n      enterBreakPoint = false;\n    }\n\n    trace(this, enterBreakPoint);\n  };\n\n  return Reaction;\n}();\nfunction onReactionError(handler) {\n  globalState.globalReactionErrorHandlers.push(handler);\n  return function () {\n    var idx = globalState.globalReactionErrorHandlers.indexOf(handler);\n\n    if (idx >= 0) {\n      globalState.globalReactionErrorHandlers.splice(idx, 1);\n    }\n  };\n}\n/**\r\n * Magic number alert!\r\n * Defines within how many times a reaction is allowed to re-trigger itself\r\n * until it is assumed that this is gonna be a never ending loop...\r\n */\n\nvar MAX_REACTION_ITERATIONS = 100;\n\nvar reactionScheduler = function reactionScheduler(f) {\n  return f();\n};\n\nfunction runReactions() {\n  // Trampolining, if runReactions are already running, new reactions will be picked up\n  if (globalState.inBatch > 0 || globalState.isRunningReactions) {\n    return;\n  }\n\n  reactionScheduler(runReactionsHelper);\n}\n\nfunction runReactionsHelper() {\n  globalState.isRunningReactions = true;\n  var allReactions = globalState.pendingReactions;\n  var iterations = 0; // While running reactions, new reactions might be triggered.\n  // Hence we work with two variables and check whether\n  // we converge to no remaining reactions after a while.\n\n  while (allReactions.length > 0) {\n    if (++iterations === MAX_REACTION_ITERATIONS) {\n      console.error(process.env.NODE_ENV !== \"production\" ? \"Reaction doesn't converge to a stable state after \" + MAX_REACTION_ITERATIONS + \" iterations.\" + (\" Probably there is a cycle in the reactive function: \" + allReactions[0]) : \"[mobx] cycle in reaction: \" + allReactions[0]);\n      allReactions.splice(0); // clear reactions\n    }\n\n    var remainingReactions = allReactions.splice(0);\n\n    for (var i = 0, l = remainingReactions.length; i < l; i++) {\n      remainingReactions[i].runReaction_();\n    }\n  }\n\n  globalState.isRunningReactions = false;\n}\n\nvar isReaction = /*#__PURE__*/createInstanceofPredicate(\"Reaction\", Reaction);\nfunction setReactionScheduler(fn) {\n  var baseScheduler = reactionScheduler;\n\n  reactionScheduler = function reactionScheduler(f) {\n    return fn(function () {\n      return baseScheduler(f);\n    });\n  };\n}\n\nfunction isSpyEnabled() {\n  return process.env.NODE_ENV !== \"production\" && !!globalState.spyListeners.length;\n}\nfunction spyReport(event) {\n  if (!(process.env.NODE_ENV !== \"production\")) {\n    return;\n  } // dead code elimination can do the rest\n\n\n  if (!globalState.spyListeners.length) {\n    return;\n  }\n\n  var listeners = globalState.spyListeners;\n\n  for (var i = 0, l = listeners.length; i < l; i++) {\n    listeners[i](event);\n  }\n}\nfunction spyReportStart(event) {\n  if (!(process.env.NODE_ENV !== \"production\")) {\n    return;\n  }\n\n  var change = _extends({}, event, {\n    spyReportStart: true\n  });\n\n  spyReport(change);\n}\nvar END_EVENT = {\n  type: \"report-end\",\n  spyReportEnd: true\n};\nfunction spyReportEnd(change) {\n  if (!(process.env.NODE_ENV !== \"production\")) {\n    return;\n  }\n\n  if (change) {\n    spyReport(_extends({}, change, {\n      type: \"report-end\",\n      spyReportEnd: true\n    }));\n  } else {\n    spyReport(END_EVENT);\n  }\n}\nfunction spy(listener) {\n  if (!(process.env.NODE_ENV !== \"production\")) {\n    console.warn(\"[mobx.spy] Is a no-op in production builds\");\n    return function () {};\n  } else {\n    globalState.spyListeners.push(listener);\n    return once(function () {\n      globalState.spyListeners = globalState.spyListeners.filter(function (l) {\n        return l !== listener;\n      });\n    });\n  }\n}\n\nvar ACTION = \"action\";\nvar ACTION_BOUND = \"action.bound\";\nvar AUTOACTION = \"autoAction\";\nvar AUTOACTION_BOUND = \"autoAction.bound\";\nvar DEFAULT_ACTION_NAME = \"<unnamed action>\";\nvar actionAnnotation = /*#__PURE__*/createActionAnnotation(ACTION);\nvar actionBoundAnnotation = /*#__PURE__*/createActionAnnotation(ACTION_BOUND, {\n  bound: true\n});\nvar autoActionAnnotation = /*#__PURE__*/createActionAnnotation(AUTOACTION, {\n  autoAction: true\n});\nvar autoActionBoundAnnotation = /*#__PURE__*/createActionAnnotation(AUTOACTION_BOUND, {\n  autoAction: true,\n  bound: true\n});\n\nfunction createActionFactory(autoAction) {\n  var res = function action(arg1, arg2) {\n    // action(fn() {})\n    if (isFunction(arg1)) {\n      return createAction(arg1.name || DEFAULT_ACTION_NAME, arg1, autoAction);\n    } // action(\"name\", fn() {})\n\n\n    if (isFunction(arg2)) {\n      return createAction(arg1, arg2, autoAction);\n    } // @action\n\n\n    if (isStringish(arg2)) {\n      return storeAnnotation(arg1, arg2, autoAction ? autoActionAnnotation : actionAnnotation);\n    } // action(\"name\") & @action(\"name\")\n\n\n    if (isStringish(arg1)) {\n      return createDecoratorAnnotation(createActionAnnotation(autoAction ? AUTOACTION : ACTION, {\n        name: arg1,\n        autoAction: autoAction\n      }));\n    }\n\n    if (process.env.NODE_ENV !== \"production\") {\n      die(\"Invalid arguments for `action`\");\n    }\n  };\n\n  return res;\n}\n\nvar action = /*#__PURE__*/createActionFactory(false);\nObject.assign(action, actionAnnotation);\nvar autoAction = /*#__PURE__*/createActionFactory(true);\nObject.assign(autoAction, autoActionAnnotation);\naction.bound = /*#__PURE__*/createDecoratorAnnotation(actionBoundAnnotation);\nautoAction.bound = /*#__PURE__*/createDecoratorAnnotation(autoActionBoundAnnotation);\nfunction runInAction(fn) {\n  return executeAction(fn.name || DEFAULT_ACTION_NAME, false, fn, this, undefined);\n}\nfunction isAction(thing) {\n  return isFunction(thing) && thing.isMobxAction === true;\n}\n\n/**\r\n * Creates a named reactive view and keeps it alive, so that the view is always\r\n * updated if one of the dependencies changes, even when the view is not further used by something else.\r\n * @param view The reactive view\r\n * @returns disposer function, which can be used to stop the view from being updated in the future.\r\n */\n\nfunction autorun(view, opts) {\n  var _opts$name, _opts;\n\n  if (opts === void 0) {\n    opts = EMPTY_OBJECT;\n  }\n\n  if (process.env.NODE_ENV !== \"production\") {\n    if (!isFunction(view)) {\n      die(\"Autorun expects a function as first argument\");\n    }\n\n    if (isAction(view)) {\n      die(\"Autorun does not accept actions since actions are untrackable\");\n    }\n  }\n\n  var name = (_opts$name = (_opts = opts) == null ? void 0 : _opts.name) != null ? _opts$name : process.env.NODE_ENV !== \"production\" ? view.name || \"Autorun@\" + getNextId() : \"Autorun\";\n  var runSync = !opts.scheduler && !opts.delay;\n  var reaction;\n\n  if (runSync) {\n    // normal autorun\n    reaction = new Reaction(name, function () {\n      this.track(reactionRunner);\n    }, opts.onError, opts.requiresObservable);\n  } else {\n    var scheduler = createSchedulerFromOptions(opts); // debounced autorun\n\n    var isScheduled = false;\n    reaction = new Reaction(name, function () {\n      if (!isScheduled) {\n        isScheduled = true;\n        scheduler(function () {\n          isScheduled = false;\n\n          if (!reaction.isDisposed_) {\n            reaction.track(reactionRunner);\n          }\n        });\n      }\n    }, opts.onError, opts.requiresObservable);\n  }\n\n  function reactionRunner() {\n    view(reaction);\n  }\n\n  reaction.schedule_();\n  return reaction.getDisposer_();\n}\n\nvar run = function run(f) {\n  return f();\n};\n\nfunction createSchedulerFromOptions(opts) {\n  return opts.scheduler ? opts.scheduler : opts.delay ? function (f) {\n    return setTimeout(f, opts.delay);\n  } : run;\n}\n\nfunction reaction(expression, effect, opts) {\n  var _opts$name2;\n\n  if (opts === void 0) {\n    opts = EMPTY_OBJECT;\n  }\n\n  if (process.env.NODE_ENV !== \"production\") {\n    if (!isFunction(expression) || !isFunction(effect)) {\n      die(\"First and second argument to reaction should be functions\");\n    }\n\n    if (!isPlainObject(opts)) {\n      die(\"Third argument of reactions should be an object\");\n    }\n  }\n\n  var name = (_opts$name2 = opts.name) != null ? _opts$name2 : process.env.NODE_ENV !== \"production\" ? \"Reaction@\" + getNextId() : \"Reaction\";\n  var effectAction = action(name, opts.onError ? wrapErrorHandler(opts.onError, effect) : effect);\n  var runSync = !opts.scheduler && !opts.delay;\n  var scheduler = createSchedulerFromOptions(opts);\n  var firstTime = true;\n  var isScheduled = false;\n  var value;\n  var oldValue;\n  var equals = opts.compareStructural ? comparer.structural : opts.equals || comparer[\"default\"];\n  var r = new Reaction(name, function () {\n    if (firstTime || runSync) {\n      reactionRunner();\n    } else if (!isScheduled) {\n      isScheduled = true;\n      scheduler(reactionRunner);\n    }\n  }, opts.onError, opts.requiresObservable);\n\n  function reactionRunner() {\n    isScheduled = false;\n\n    if (r.isDisposed_) {\n      return;\n    }\n\n    var changed = false;\n    r.track(function () {\n      var nextValue = allowStateChanges(false, function () {\n        return expression(r);\n      });\n      changed = firstTime || !equals(value, nextValue);\n      oldValue = value;\n      value = nextValue;\n    });\n\n    if (firstTime && opts.fireImmediately) {\n      effectAction(value, oldValue, r);\n    } else if (!firstTime && changed) {\n      effectAction(value, oldValue, r);\n    }\n\n    firstTime = false;\n  }\n\n  r.schedule_();\n  return r.getDisposer_();\n}\n\nfunction wrapErrorHandler(errorHandler, baseFn) {\n  return function () {\n    try {\n      return baseFn.apply(this, arguments);\n    } catch (e) {\n      errorHandler.call(this, e);\n    }\n  };\n}\n\nvar ON_BECOME_OBSERVED = \"onBO\";\nvar ON_BECOME_UNOBSERVED = \"onBUO\";\nfunction onBecomeObserved(thing, arg2, arg3) {\n  return interceptHook(ON_BECOME_OBSERVED, thing, arg2, arg3);\n}\nfunction onBecomeUnobserved(thing, arg2, arg3) {\n  return interceptHook(ON_BECOME_UNOBSERVED, thing, arg2, arg3);\n}\n\nfunction interceptHook(hook, thing, arg2, arg3) {\n  var atom = typeof arg3 === \"function\" ? getAtom(thing, arg2) : getAtom(thing);\n  var cb = isFunction(arg3) ? arg3 : arg2;\n  var listenersKey = hook + \"L\";\n\n  if (atom[listenersKey]) {\n    atom[listenersKey].add(cb);\n  } else {\n    atom[listenersKey] = new Set([cb]);\n  }\n\n  return function () {\n    var hookListeners = atom[listenersKey];\n\n    if (hookListeners) {\n      hookListeners[\"delete\"](cb);\n\n      if (hookListeners.size === 0) {\n        delete atom[listenersKey];\n      }\n    }\n  };\n}\n\nvar NEVER = \"never\";\nvar ALWAYS = \"always\";\nvar OBSERVED = \"observed\"; // const IF_AVAILABLE = \"ifavailable\"\n\nfunction configure(options) {\n  if (options.isolateGlobalState === true) {\n    isolateGlobalState();\n  }\n\n  var useProxies = options.useProxies,\n      enforceActions = options.enforceActions;\n\n  if (useProxies !== undefined) {\n    globalState.useProxies = useProxies === ALWAYS ? true : useProxies === NEVER ? false : typeof Proxy !== \"undefined\";\n  }\n\n  if (useProxies === \"ifavailable\") {\n    globalState.verifyProxies = true;\n  }\n\n  if (enforceActions !== undefined) {\n    var ea = enforceActions === ALWAYS ? ALWAYS : enforceActions === OBSERVED;\n    globalState.enforceActions = ea;\n    globalState.allowStateChanges = ea === true || ea === ALWAYS ? false : true;\n  }\n  [\"computedRequiresReaction\", \"reactionRequiresObservable\", \"observableRequiresReaction\", \"disableErrorBoundaries\", \"safeDescriptors\"].forEach(function (key) {\n    if (key in options) {\n      globalState[key] = !!options[key];\n    }\n  });\n  globalState.allowStateReads = !globalState.observableRequiresReaction;\n\n  if (process.env.NODE_ENV !== \"production\" && globalState.disableErrorBoundaries === true) {\n    console.warn(\"WARNING: Debug feature only. MobX will NOT recover from errors when `disableErrorBoundaries` is enabled.\");\n  }\n\n  if (options.reactionScheduler) {\n    setReactionScheduler(options.reactionScheduler);\n  }\n}\n\nfunction extendObservable(target, properties, annotations, options) {\n  if (process.env.NODE_ENV !== \"production\") {\n    if (arguments.length > 4) {\n      die(\"'extendObservable' expected 2-4 arguments\");\n    }\n\n    if (typeof target !== \"object\") {\n      die(\"'extendObservable' expects an object as first argument\");\n    }\n\n    if (isObservableMap(target)) {\n      die(\"'extendObservable' should not be used on maps, use map.merge instead\");\n    }\n\n    if (!isPlainObject(properties)) {\n      die(\"'extendObservable' only accepts plain objects as second argument\");\n    }\n\n    if (isObservable(properties) || isObservable(annotations)) {\n      die(\"Extending an object with another observable (object) is not supported\");\n    }\n  } // Pull descriptors first, so we don't have to deal with props added by administration ($mobx)\n\n\n  var descriptors = getOwnPropertyDescriptors(properties);\n  var adm = asObservableObject(target, options)[$mobx];\n  startBatch();\n\n  try {\n    ownKeys(descriptors).forEach(function (key) {\n      adm.extend_(key, descriptors[key], // must pass \"undefined\" for { key: undefined }\n      !annotations ? true : key in annotations ? annotations[key] : true);\n    });\n  } finally {\n    endBatch();\n  }\n\n  return target;\n}\n\nfunction getDependencyTree(thing, property) {\n  return nodeToDependencyTree(getAtom(thing, property));\n}\n\nfunction nodeToDependencyTree(node) {\n  var result = {\n    name: node.name_\n  };\n\n  if (node.observing_ && node.observing_.length > 0) {\n    result.dependencies = unique(node.observing_).map(nodeToDependencyTree);\n  }\n\n  return result;\n}\n\nfunction getObserverTree(thing, property) {\n  return nodeToObserverTree(getAtom(thing, property));\n}\n\nfunction nodeToObserverTree(node) {\n  var result = {\n    name: node.name_\n  };\n\n  if (hasObservers(node)) {\n    result.observers = Array.from(getObservers(node)).map(nodeToObserverTree);\n  }\n\n  return result;\n}\n\nfunction unique(list) {\n  return Array.from(new Set(list));\n}\n\nvar generatorId = 0;\nfunction FlowCancellationError() {\n  this.message = \"FLOW_CANCELLED\";\n}\nFlowCancellationError.prototype = /*#__PURE__*/Object.create(Error.prototype);\nfunction isFlowCancellationError(error) {\n  return error instanceof FlowCancellationError;\n}\nvar flowAnnotation = /*#__PURE__*/createFlowAnnotation(\"flow\");\nvar flowBoundAnnotation = /*#__PURE__*/createFlowAnnotation(\"flow.bound\", {\n  bound: true\n});\nvar flow = /*#__PURE__*/Object.assign(function flow(arg1, arg2) {\n  // @flow\n  if (isStringish(arg2)) {\n    return storeAnnotation(arg1, arg2, flowAnnotation);\n  } // flow(fn)\n\n\n  if (process.env.NODE_ENV !== \"production\" && arguments.length !== 1) {\n    die(\"Flow expects single argument with generator function\");\n  }\n\n  var generator = arg1;\n  var name = generator.name || \"<unnamed flow>\"; // Implementation based on https://github.com/tj/co/blob/master/index.js\n\n  var res = function res() {\n    var ctx = this;\n    var args = arguments;\n    var runId = ++generatorId;\n    var gen = action(name + \" - runid: \" + runId + \" - init\", generator).apply(ctx, args);\n    var rejector;\n    var pendingPromise = undefined;\n    var promise = new Promise(function (resolve, reject) {\n      var stepId = 0;\n      rejector = reject;\n\n      function onFulfilled(res) {\n        pendingPromise = undefined;\n        var ret;\n\n        try {\n          ret = action(name + \" - runid: \" + runId + \" - yield \" + stepId++, gen.next).call(gen, res);\n        } catch (e) {\n          return reject(e);\n        }\n\n        next(ret);\n      }\n\n      function onRejected(err) {\n        pendingPromise = undefined;\n        var ret;\n\n        try {\n          ret = action(name + \" - runid: \" + runId + \" - yield \" + stepId++, gen[\"throw\"]).call(gen, err);\n        } catch (e) {\n          return reject(e);\n        }\n\n        next(ret);\n      }\n\n      function next(ret) {\n        if (isFunction(ret == null ? void 0 : ret.then)) {\n          // an async iterator\n          ret.then(next, reject);\n          return;\n        }\n\n        if (ret.done) {\n          return resolve(ret.value);\n        }\n\n        pendingPromise = Promise.resolve(ret.value);\n        return pendingPromise.then(onFulfilled, onRejected);\n      }\n\n      onFulfilled(undefined); // kick off the process\n    });\n    promise.cancel = action(name + \" - runid: \" + runId + \" - cancel\", function () {\n      try {\n        if (pendingPromise) {\n          cancelPromise(pendingPromise);\n        } // Finally block can return (or yield) stuff..\n\n\n        var _res = gen[\"return\"](undefined); // eat anything that promise would do, it's cancelled!\n\n\n        var yieldedPromise = Promise.resolve(_res.value);\n        yieldedPromise.then(noop, noop);\n        cancelPromise(yieldedPromise); // maybe it can be cancelled :)\n        // reject our original promise\n\n        rejector(new FlowCancellationError());\n      } catch (e) {\n        rejector(e); // there could be a throwing finally block\n      }\n    });\n    return promise;\n  };\n\n  res.isMobXFlow = true;\n  return res;\n}, flowAnnotation);\nflow.bound = /*#__PURE__*/createDecoratorAnnotation(flowBoundAnnotation);\n\nfunction cancelPromise(promise) {\n  if (isFunction(promise.cancel)) {\n    promise.cancel();\n  }\n}\n\nfunction flowResult(result) {\n  return result; // just tricking TypeScript :)\n}\nfunction isFlow(fn) {\n  return (fn == null ? void 0 : fn.isMobXFlow) === true;\n}\n\nfunction interceptReads(thing, propOrHandler, handler) {\n  var target;\n\n  if (isObservableMap(thing) || isObservableArray(thing) || isObservableValue(thing)) {\n    target = getAdministration(thing);\n  } else if (isObservableObject(thing)) {\n    if (process.env.NODE_ENV !== \"production\" && !isStringish(propOrHandler)) {\n      return die(\"InterceptReads can only be used with a specific property, not with an object in general\");\n    }\n\n    target = getAdministration(thing, propOrHandler);\n  } else if (process.env.NODE_ENV !== \"production\") {\n    return die(\"Expected observable map, object or array as first array\");\n  }\n\n  if (process.env.NODE_ENV !== \"production\" && target.dehancer !== undefined) {\n    return die(\"An intercept reader was already established\");\n  }\n\n  target.dehancer = typeof propOrHandler === \"function\" ? propOrHandler : handler;\n  return function () {\n    target.dehancer = undefined;\n  };\n}\n\nfunction intercept(thing, propOrHandler, handler) {\n  if (isFunction(handler)) {\n    return interceptProperty(thing, propOrHandler, handler);\n  } else {\n    return interceptInterceptable(thing, propOrHandler);\n  }\n}\n\nfunction interceptInterceptable(thing, handler) {\n  return getAdministration(thing).intercept_(handler);\n}\n\nfunction interceptProperty(thing, property, handler) {\n  return getAdministration(thing, property).intercept_(handler);\n}\n\nfunction _isComputed(value, property) {\n  if (property === undefined) {\n    return isComputedValue(value);\n  }\n\n  if (isObservableObject(value) === false) {\n    return false;\n  }\n\n  if (!value[$mobx].values_.has(property)) {\n    return false;\n  }\n\n  var atom = getAtom(value, property);\n  return isComputedValue(atom);\n}\nfunction isComputed(value) {\n  if (process.env.NODE_ENV !== \"production\" && arguments.length > 1) {\n    return die(\"isComputed expects only 1 argument. Use isComputedProp to inspect the observability of a property\");\n  }\n\n  return _isComputed(value);\n}\nfunction isComputedProp(value, propName) {\n  if (process.env.NODE_ENV !== \"production\" && !isStringish(propName)) {\n    return die(\"isComputed expected a property name as second argument\");\n  }\n\n  return _isComputed(value, propName);\n}\n\nfunction _isObservable(value, property) {\n  if (!value) {\n    return false;\n  }\n\n  if (property !== undefined) {\n    if (process.env.NODE_ENV !== \"production\" && (isObservableMap(value) || isObservableArray(value))) {\n      return die(\"isObservable(object, propertyName) is not supported for arrays and maps. Use map.has or array.length instead.\");\n    }\n\n    if (isObservableObject(value)) {\n      return value[$mobx].values_.has(property);\n    }\n\n    return false;\n  } // For first check, see #701\n\n\n  return isObservableObject(value) || !!value[$mobx] || isAtom(value) || isReaction(value) || isComputedValue(value);\n}\n\nfunction isObservable(value) {\n  if (process.env.NODE_ENV !== \"production\" && arguments.length !== 1) {\n    die(\"isObservable expects only 1 argument. Use isObservableProp to inspect the observability of a property\");\n  }\n\n  return _isObservable(value);\n}\nfunction isObservableProp(value, propName) {\n  if (process.env.NODE_ENV !== \"production\" && !isStringish(propName)) {\n    return die(\"expected a property name as second argument\");\n  }\n\n  return _isObservable(value, propName);\n}\n\nfunction keys(obj) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].keys_();\n  }\n\n  if (isObservableMap(obj) || isObservableSet(obj)) {\n    return Array.from(obj.keys());\n  }\n\n  if (isObservableArray(obj)) {\n    return obj.map(function (_, index) {\n      return index;\n    });\n  }\n\n  die(5);\n}\nfunction values(obj) {\n  if (isObservableObject(obj)) {\n    return keys(obj).map(function (key) {\n      return obj[key];\n    });\n  }\n\n  if (isObservableMap(obj)) {\n    return keys(obj).map(function (key) {\n      return obj.get(key);\n    });\n  }\n\n  if (isObservableSet(obj)) {\n    return Array.from(obj.values());\n  }\n\n  if (isObservableArray(obj)) {\n    return obj.slice();\n  }\n\n  die(6);\n}\nfunction entries(obj) {\n  if (isObservableObject(obj)) {\n    return keys(obj).map(function (key) {\n      return [key, obj[key]];\n    });\n  }\n\n  if (isObservableMap(obj)) {\n    return keys(obj).map(function (key) {\n      return [key, obj.get(key)];\n    });\n  }\n\n  if (isObservableSet(obj)) {\n    return Array.from(obj.entries());\n  }\n\n  if (isObservableArray(obj)) {\n    return obj.map(function (key, index) {\n      return [index, key];\n    });\n  }\n\n  die(7);\n}\nfunction set(obj, key, value) {\n  if (arguments.length === 2 && !isObservableSet(obj)) {\n    startBatch();\n    var _values = key;\n\n    try {\n      for (var _key in _values) {\n        set(obj, _key, _values[_key]);\n      }\n    } finally {\n      endBatch();\n    }\n\n    return;\n  }\n\n  if (isObservableObject(obj)) {\n    obj[$mobx].set_(key, value);\n  } else if (isObservableMap(obj)) {\n    obj.set(key, value);\n  } else if (isObservableSet(obj)) {\n    obj.add(key);\n  } else if (isObservableArray(obj)) {\n    if (typeof key !== \"number\") {\n      key = parseInt(key, 10);\n    }\n\n    if (key < 0) {\n      die(\"Invalid index: '\" + key + \"'\");\n    }\n\n    startBatch();\n\n    if (key >= obj.length) {\n      obj.length = key + 1;\n    }\n\n    obj[key] = value;\n    endBatch();\n  } else {\n    die(8);\n  }\n}\nfunction remove(obj, key) {\n  if (isObservableObject(obj)) {\n    obj[$mobx].delete_(key);\n  } else if (isObservableMap(obj)) {\n    obj[\"delete\"](key);\n  } else if (isObservableSet(obj)) {\n    obj[\"delete\"](key);\n  } else if (isObservableArray(obj)) {\n    if (typeof key !== \"number\") {\n      key = parseInt(key, 10);\n    }\n\n    obj.splice(key, 1);\n  } else {\n    die(9);\n  }\n}\nfunction has(obj, key) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].has_(key);\n  } else if (isObservableMap(obj)) {\n    return obj.has(key);\n  } else if (isObservableSet(obj)) {\n    return obj.has(key);\n  } else if (isObservableArray(obj)) {\n    return key >= 0 && key < obj.length;\n  }\n\n  die(10);\n}\nfunction get(obj, key) {\n  if (!has(obj, key)) {\n    return undefined;\n  }\n\n  if (isObservableObject(obj)) {\n    return obj[$mobx].get_(key);\n  } else if (isObservableMap(obj)) {\n    return obj.get(key);\n  } else if (isObservableArray(obj)) {\n    return obj[key];\n  }\n\n  die(11);\n}\nfunction apiDefineProperty(obj, key, descriptor) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].defineProperty_(key, descriptor);\n  }\n\n  die(39);\n}\nfunction apiOwnKeys(obj) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].ownKeys_();\n  }\n\n  die(38);\n}\n\nfunction observe(thing, propOrCb, cbOrFire, fireImmediately) {\n  if (isFunction(cbOrFire)) {\n    return observeObservableProperty(thing, propOrCb, cbOrFire, fireImmediately);\n  } else {\n    return observeObservable(thing, propOrCb, cbOrFire);\n  }\n}\n\nfunction observeObservable(thing, listener, fireImmediately) {\n  return getAdministration(thing).observe_(listener, fireImmediately);\n}\n\nfunction observeObservableProperty(thing, property, listener, fireImmediately) {\n  return getAdministration(thing, property).observe_(listener, fireImmediately);\n}\n\nfunction cache(map, key, value) {\n  map.set(key, value);\n  return value;\n}\n\nfunction toJSHelper(source, __alreadySeen) {\n  if (source == null || typeof source !== \"object\" || source instanceof Date || !isObservable(source)) {\n    return source;\n  }\n\n  if (isObservableValue(source) || isComputedValue(source)) {\n    return toJSHelper(source.get(), __alreadySeen);\n  }\n\n  if (__alreadySeen.has(source)) {\n    return __alreadySeen.get(source);\n  }\n\n  if (isObservableArray(source)) {\n    var res = cache(__alreadySeen, source, new Array(source.length));\n    source.forEach(function (value, idx) {\n      res[idx] = toJSHelper(value, __alreadySeen);\n    });\n    return res;\n  }\n\n  if (isObservableSet(source)) {\n    var _res = cache(__alreadySeen, source, new Set());\n\n    source.forEach(function (value) {\n      _res.add(toJSHelper(value, __alreadySeen));\n    });\n    return _res;\n  }\n\n  if (isObservableMap(source)) {\n    var _res2 = cache(__alreadySeen, source, new Map());\n\n    source.forEach(function (value, key) {\n      _res2.set(key, toJSHelper(value, __alreadySeen));\n    });\n    return _res2;\n  } else {\n    // must be observable object\n    var _res3 = cache(__alreadySeen, source, {});\n\n    apiOwnKeys(source).forEach(function (key) {\n      if (objectPrototype.propertyIsEnumerable.call(source, key)) {\n        _res3[key] = toJSHelper(source[key], __alreadySeen);\n      }\n    });\n    return _res3;\n  }\n}\n/**\r\n * Recursively converts an observable to it's non-observable native counterpart.\r\n * It does NOT recurse into non-observables, these are left as they are, even if they contain observables.\r\n * Computed and other non-enumerable properties are completely ignored.\r\n * Complex scenarios require custom solution, eg implementing `toJSON` or using `serializr` lib.\r\n */\n\n\nfunction toJS(source, options) {\n  if (process.env.NODE_ENV !== \"production\" && options) {\n    die(\"toJS no longer supports options\");\n  }\n\n  return toJSHelper(source, new Map());\n}\n\nfunction trace() {\n  if (!(process.env.NODE_ENV !== \"production\")) {\n    die(\"trace() is not available in production builds\");\n  }\n\n  var enterBreakPoint = false;\n\n  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n    args[_key] = arguments[_key];\n  }\n\n  if (typeof args[args.length - 1] === \"boolean\") {\n    enterBreakPoint = args.pop();\n  }\n\n  var derivation = getAtomFromArgs(args);\n\n  if (!derivation) {\n    return die(\"'trace(break?)' can only be used inside a tracked computed value or a Reaction. Consider passing in the computed value or reaction explicitly\");\n  }\n\n  if (derivation.isTracing_ === TraceMode.NONE) {\n    console.log(\"[mobx.trace] '\" + derivation.name_ + \"' tracing enabled\");\n  }\n\n  derivation.isTracing_ = enterBreakPoint ? TraceMode.BREAK : TraceMode.LOG;\n}\n\nfunction getAtomFromArgs(args) {\n  switch (args.length) {\n    case 0:\n      return globalState.trackingDerivation;\n\n    case 1:\n      return getAtom(args[0]);\n\n    case 2:\n      return getAtom(args[0], args[1]);\n  }\n}\n\n/**\r\n * During a transaction no views are updated until the end of the transaction.\r\n * The transaction will be run synchronously nonetheless.\r\n *\r\n * @param action a function that updates some reactive state\r\n * @returns any value that was returned by the 'action' parameter.\r\n */\n\nfunction transaction(action, thisArg) {\n  if (thisArg === void 0) {\n    thisArg = undefined;\n  }\n\n  startBatch();\n\n  try {\n    return action.apply(thisArg);\n  } finally {\n    endBatch();\n  }\n}\n\nfunction when(predicate, arg1, arg2) {\n  if (arguments.length === 1 || arg1 && typeof arg1 === \"object\") {\n    return whenPromise(predicate, arg1);\n  }\n\n  return _when(predicate, arg1, arg2 || {});\n}\n\nfunction _when(predicate, effect, opts) {\n  var timeoutHandle;\n\n  if (typeof opts.timeout === \"number\") {\n    var error = new Error(\"WHEN_TIMEOUT\");\n    timeoutHandle = setTimeout(function () {\n      if (!disposer[$mobx].isDisposed_) {\n        disposer();\n\n        if (opts.onError) {\n          opts.onError(error);\n        } else {\n          throw error;\n        }\n      }\n    }, opts.timeout);\n  }\n\n  opts.name = process.env.NODE_ENV !== \"production\" ? opts.name || \"When@\" + getNextId() : \"When\";\n  var effectAction = createAction(process.env.NODE_ENV !== \"production\" ? opts.name + \"-effect\" : \"When-effect\", effect); // eslint-disable-next-line\n\n  var disposer = autorun(function (r) {\n    // predicate should not change state\n    var cond = allowStateChanges(false, predicate);\n\n    if (cond) {\n      r.dispose();\n\n      if (timeoutHandle) {\n        clearTimeout(timeoutHandle);\n      }\n\n      effectAction();\n    }\n  }, opts);\n  return disposer;\n}\n\nfunction whenPromise(predicate, opts) {\n  if (process.env.NODE_ENV !== \"production\" && opts && opts.onError) {\n    return die(\"the options 'onError' and 'promise' cannot be combined\");\n  }\n\n  var cancel;\n  var res = new Promise(function (resolve, reject) {\n    var disposer = _when(predicate, resolve, _extends({}, opts, {\n      onError: reject\n    }));\n\n    cancel = function cancel() {\n      disposer();\n      reject(new Error(\"WHEN_CANCELLED\"));\n    };\n  });\n  res.cancel = cancel;\n  return res;\n}\n\nfunction getAdm(target) {\n  return target[$mobx];\n} // Optimization: we don't need the intermediate objects and could have a completely custom administration for DynamicObjects,\n// and skip either the internal values map, or the base object with its property descriptors!\n\n\nvar objectProxyTraps = {\n  has: function has(target, name) {\n    if (process.env.NODE_ENV !== \"production\" && globalState.trackingDerivation) {\n      warnAboutProxyRequirement(\"detect new properties using the 'in' operator. Use 'has' from 'mobx' instead.\");\n    }\n\n    return getAdm(target).has_(name);\n  },\n  get: function get(target, name) {\n    return getAdm(target).get_(name);\n  },\n  set: function set(target, name, value) {\n    var _getAdm$set_;\n\n    if (!isStringish(name)) {\n      return false;\n    }\n\n    if (process.env.NODE_ENV !== \"production\" && !getAdm(target).values_.has(name)) {\n      warnAboutProxyRequirement(\"add a new observable property through direct assignment. Use 'set' from 'mobx' instead.\");\n    } // null (intercepted) -> true (success)\n\n\n    return (_getAdm$set_ = getAdm(target).set_(name, value, true)) != null ? _getAdm$set_ : true;\n  },\n  deleteProperty: function deleteProperty(target, name) {\n    var _getAdm$delete_;\n\n    if (process.env.NODE_ENV !== \"production\") {\n      warnAboutProxyRequirement(\"delete properties from an observable object. Use 'remove' from 'mobx' instead.\");\n    }\n\n    if (!isStringish(name)) {\n      return false;\n    } // null (intercepted) -> true (success)\n\n\n    return (_getAdm$delete_ = getAdm(target).delete_(name, true)) != null ? _getAdm$delete_ : true;\n  },\n  defineProperty: function defineProperty(target, name, descriptor) {\n    var _getAdm$definePropert;\n\n    if (process.env.NODE_ENV !== \"production\") {\n      warnAboutProxyRequirement(\"define property on an observable object. Use 'defineProperty' from 'mobx' instead.\");\n    } // null (intercepted) -> true (success)\n\n\n    return (_getAdm$definePropert = getAdm(target).defineProperty_(name, descriptor)) != null ? _getAdm$definePropert : true;\n  },\n  ownKeys: function ownKeys(target) {\n    if (process.env.NODE_ENV !== \"production\" && globalState.trackingDerivation) {\n      warnAboutProxyRequirement(\"iterate keys to detect added / removed properties. Use 'keys' from 'mobx' instead.\");\n    }\n\n    return getAdm(target).ownKeys_();\n  },\n  preventExtensions: function preventExtensions(target) {\n    die(13);\n  }\n};\nfunction asDynamicObservableObject(target, options) {\n  var _target$$mobx, _target$$mobx$proxy_;\n\n  assertProxies();\n  target = asObservableObject(target, options);\n  return (_target$$mobx$proxy_ = (_target$$mobx = target[$mobx]).proxy_) != null ? _target$$mobx$proxy_ : _target$$mobx.proxy_ = new Proxy(target, objectProxyTraps);\n}\n\nfunction hasInterceptors(interceptable) {\n  return interceptable.interceptors_ !== undefined && interceptable.interceptors_.length > 0;\n}\nfunction registerInterceptor(interceptable, handler) {\n  var interceptors = interceptable.interceptors_ || (interceptable.interceptors_ = []);\n  interceptors.push(handler);\n  return once(function () {\n    var idx = interceptors.indexOf(handler);\n\n    if (idx !== -1) {\n      interceptors.splice(idx, 1);\n    }\n  });\n}\nfunction interceptChange(interceptable, change) {\n  var prevU = untrackedStart();\n\n  try {\n    // Interceptor can modify the array, copy it to avoid concurrent modification, see #1950\n    var interceptors = [].concat(interceptable.interceptors_ || []);\n\n    for (var i = 0, l = interceptors.length; i < l; i++) {\n      change = interceptors[i](change);\n\n      if (change && !change.type) {\n        die(14);\n      }\n\n      if (!change) {\n        break;\n      }\n    }\n\n    return change;\n  } finally {\n    untrackedEnd(prevU);\n  }\n}\n\nfunction hasListeners(listenable) {\n  return listenable.changeListeners_ !== undefined && listenable.changeListeners_.length > 0;\n}\nfunction registerListener(listenable, handler) {\n  var listeners = listenable.changeListeners_ || (listenable.changeListeners_ = []);\n  listeners.push(handler);\n  return once(function () {\n    var idx = listeners.indexOf(handler);\n\n    if (idx !== -1) {\n      listeners.splice(idx, 1);\n    }\n  });\n}\nfunction notifyListeners(listenable, change) {\n  var prevU = untrackedStart();\n  var listeners = listenable.changeListeners_;\n\n  if (!listeners) {\n    return;\n  }\n\n  listeners = listeners.slice();\n\n  for (var i = 0, l = listeners.length; i < l; i++) {\n    listeners[i](change);\n  }\n\n  untrackedEnd(prevU);\n}\n\nfunction makeObservable(target, annotations, options) {\n  var adm = asObservableObject(target, options)[$mobx];\n  startBatch();\n\n  try {\n    var _annotations;\n\n    if (process.env.NODE_ENV !== \"production\" && annotations && target[storedAnnotationsSymbol]) {\n      die(\"makeObservable second arg must be nullish when using decorators. Mixing @decorator syntax with annotations is not supported.\");\n    } // Default to decorators\n\n\n    (_annotations = annotations) != null ? _annotations : annotations = collectStoredAnnotations(target); // Annotate\n\n    ownKeys(annotations).forEach(function (key) {\n      return adm.make_(key, annotations[key]);\n    });\n  } finally {\n    endBatch();\n  }\n\n  return target;\n} // proto[keysSymbol] = new Set<PropertyKey>()\n\nvar keysSymbol = /*#__PURE__*/Symbol(\"mobx-keys\");\nfunction makeAutoObservable(target, overrides, options) {\n  if (process.env.NODE_ENV !== \"production\") {\n    if (!isPlainObject(target) && !isPlainObject(Object.getPrototypeOf(target))) {\n      die(\"'makeAutoObservable' can only be used for classes that don't have a superclass\");\n    }\n\n    if (isObservableObject(target)) {\n      die(\"makeAutoObservable can only be used on objects not already made observable\");\n    }\n  } // Optimization: avoid visiting protos\n  // Assumes that annotation.make_/.extend_ works the same for plain objects\n\n\n  if (isPlainObject(target)) {\n    return extendObservable(target, target, overrides, options);\n  }\n\n  var adm = asObservableObject(target, options)[$mobx]; // Optimization: cache keys on proto\n  // Assumes makeAutoObservable can be called only once per object and can't be used in subclass\n\n  if (!target[keysSymbol]) {\n    var proto = Object.getPrototypeOf(target);\n    var keys = new Set([].concat(ownKeys(target), ownKeys(proto)));\n    keys[\"delete\"](\"constructor\");\n    keys[\"delete\"]($mobx);\n    addHiddenProp(proto, keysSymbol, keys);\n  }\n\n  startBatch();\n\n  try {\n    target[keysSymbol].forEach(function (key) {\n      return adm.make_(key, // must pass \"undefined\" for { key: undefined }\n      !overrides ? true : key in overrides ? overrides[key] : true);\n    });\n  } finally {\n    endBatch();\n  }\n\n  return target;\n}\n\nvar SPLICE = \"splice\";\nvar UPDATE = \"update\";\nvar MAX_SPLICE_SIZE = 10000; // See e.g. https://github.com/mobxjs/mobx/issues/859\n\nvar arrayTraps = {\n  get: function get(target, name) {\n    var adm = target[$mobx];\n\n    if (name === $mobx) {\n      return adm;\n    }\n\n    if (name === \"length\") {\n      return adm.getArrayLength_();\n    }\n\n    if (typeof name === \"string\" && !isNaN(name)) {\n      return adm.get_(parseInt(name));\n    }\n\n    if (hasProp(arrayExtensions, name)) {\n      return arrayExtensions[name];\n    }\n\n    return target[name];\n  },\n  set: function set(target, name, value) {\n    var adm = target[$mobx];\n\n    if (name === \"length\") {\n      adm.setArrayLength_(value);\n    }\n\n    if (typeof name === \"symbol\" || isNaN(name)) {\n      target[name] = value;\n    } else {\n      // numeric string\n      adm.set_(parseInt(name), value);\n    }\n\n    return true;\n  },\n  preventExtensions: function preventExtensions() {\n    die(15);\n  }\n};\nvar ObservableArrayAdministration = /*#__PURE__*/function () {\n  // this is the prop that gets proxied, so can't replace it!\n  function ObservableArrayAdministration(name, enhancer, owned_, legacyMode_) {\n    if (name === void 0) {\n      name = process.env.NODE_ENV !== \"production\" ? \"ObservableArray@\" + getNextId() : \"ObservableArray\";\n    }\n\n    this.owned_ = void 0;\n    this.legacyMode_ = void 0;\n    this.atom_ = void 0;\n    this.values_ = [];\n    this.interceptors_ = void 0;\n    this.changeListeners_ = void 0;\n    this.enhancer_ = void 0;\n    this.dehancer = void 0;\n    this.proxy_ = void 0;\n    this.lastKnownLength_ = 0;\n    this.owned_ = owned_;\n    this.legacyMode_ = legacyMode_;\n    this.atom_ = new Atom(name);\n\n    this.enhancer_ = function (newV, oldV) {\n      return enhancer(newV, oldV, process.env.NODE_ENV !== \"production\" ? name + \"[..]\" : \"ObservableArray[..]\");\n    };\n  }\n\n  var _proto = ObservableArrayAdministration.prototype;\n\n  _proto.dehanceValue_ = function dehanceValue_(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.dehanceValues_ = function dehanceValues_(values) {\n    if (this.dehancer !== undefined && values.length > 0) {\n      return values.map(this.dehancer);\n    }\n\n    return values;\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    if (fireImmediately === void 0) {\n      fireImmediately = false;\n    }\n\n    if (fireImmediately) {\n      listener({\n        observableKind: \"array\",\n        object: this.proxy_,\n        debugObjectName: this.atom_.name_,\n        type: \"splice\",\n        index: 0,\n        added: this.values_.slice(),\n        addedCount: this.values_.length,\n        removed: [],\n        removedCount: 0\n      });\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.getArrayLength_ = function getArrayLength_() {\n    this.atom_.reportObserved();\n    return this.values_.length;\n  };\n\n  _proto.setArrayLength_ = function setArrayLength_(newLength) {\n    if (typeof newLength !== \"number\" || isNaN(newLength) || newLength < 0) {\n      die(\"Out of range: \" + newLength);\n    }\n\n    var currentLength = this.values_.length;\n\n    if (newLength === currentLength) {\n      return;\n    } else if (newLength > currentLength) {\n      var newItems = new Array(newLength - currentLength);\n\n      for (var i = 0; i < newLength - currentLength; i++) {\n        newItems[i] = undefined;\n      } // No Array.fill everywhere...\n\n\n      this.spliceWithArray_(currentLength, 0, newItems);\n    } else {\n      this.spliceWithArray_(newLength, currentLength - newLength);\n    }\n  };\n\n  _proto.updateArrayLength_ = function updateArrayLength_(oldLength, delta) {\n    if (oldLength !== this.lastKnownLength_) {\n      die(16);\n    }\n\n    this.lastKnownLength_ += delta;\n\n    if (this.legacyMode_ && delta > 0) {\n      reserveArrayBuffer(oldLength + delta + 1);\n    }\n  };\n\n  _proto.spliceWithArray_ = function spliceWithArray_(index, deleteCount, newItems) {\n    var _this = this;\n\n    checkIfStateModificationsAreAllowed(this.atom_);\n    var length = this.values_.length;\n\n    if (index === undefined) {\n      index = 0;\n    } else if (index > length) {\n      index = length;\n    } else if (index < 0) {\n      index = Math.max(0, length + index);\n    }\n\n    if (arguments.length === 1) {\n      deleteCount = length - index;\n    } else if (deleteCount === undefined || deleteCount === null) {\n      deleteCount = 0;\n    } else {\n      deleteCount = Math.max(0, Math.min(deleteCount, length - index));\n    }\n\n    if (newItems === undefined) {\n      newItems = EMPTY_ARRAY;\n    }\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        object: this.proxy_,\n        type: SPLICE,\n        index: index,\n        removedCount: deleteCount,\n        added: newItems\n      });\n\n      if (!change) {\n        return EMPTY_ARRAY;\n      }\n\n      deleteCount = change.removedCount;\n      newItems = change.added;\n    }\n\n    newItems = newItems.length === 0 ? newItems : newItems.map(function (v) {\n      return _this.enhancer_(v, undefined);\n    });\n\n    if (this.legacyMode_ || process.env.NODE_ENV !== \"production\") {\n      var lengthDelta = newItems.length - deleteCount;\n      this.updateArrayLength_(length, lengthDelta); // checks if internal array wasn't modified\n    }\n\n    var res = this.spliceItemsIntoValues_(index, deleteCount, newItems);\n\n    if (deleteCount !== 0 || newItems.length !== 0) {\n      this.notifyArraySplice_(index, newItems, res);\n    }\n\n    return this.dehanceValues_(res);\n  };\n\n  _proto.spliceItemsIntoValues_ = function spliceItemsIntoValues_(index, deleteCount, newItems) {\n    if (newItems.length < MAX_SPLICE_SIZE) {\n      var _this$values_;\n\n      return (_this$values_ = this.values_).splice.apply(_this$values_, [index, deleteCount].concat(newItems));\n    } else {\n      // The items removed by the splice\n      var res = this.values_.slice(index, index + deleteCount); // The items that that should remain at the end of the array\n\n      var oldItems = this.values_.slice(index + deleteCount); // New length is the previous length + addition count - deletion count\n\n      this.values_.length += newItems.length - deleteCount;\n\n      for (var i = 0; i < newItems.length; i++) {\n        this.values_[index + i] = newItems[i];\n      }\n\n      for (var _i = 0; _i < oldItems.length; _i++) {\n        this.values_[index + newItems.length + _i] = oldItems[_i];\n      }\n\n      return res;\n    }\n  };\n\n  _proto.notifyArrayChildUpdate_ = function notifyArrayChildUpdate_(index, newValue, oldValue) {\n    var notifySpy = !this.owned_ && isSpyEnabled();\n    var notify = hasListeners(this);\n    var change = notify || notifySpy ? {\n      observableKind: \"array\",\n      object: this.proxy_,\n      type: UPDATE,\n      debugObjectName: this.atom_.name_,\n      index: index,\n      newValue: newValue,\n      oldValue: oldValue\n    } : null; // The reason why this is on right hand side here (and not above), is this way the uglifier will drop it, but it won't\n    // cause any runtime overhead in development mode without NODE_ENV set, unless spying is enabled\n\n    if (process.env.NODE_ENV !== \"production\" && notifySpy) {\n      spyReportStart(change);\n    }\n\n    this.atom_.reportChanged();\n\n    if (notify) {\n      notifyListeners(this, change);\n    }\n\n    if (process.env.NODE_ENV !== \"production\" && notifySpy) {\n      spyReportEnd();\n    }\n  };\n\n  _proto.notifyArraySplice_ = function notifyArraySplice_(index, added, removed) {\n    var notifySpy = !this.owned_ && isSpyEnabled();\n    var notify = hasListeners(this);\n    var change = notify || notifySpy ? {\n      observableKind: \"array\",\n      object: this.proxy_,\n      debugObjectName: this.atom_.name_,\n      type: SPLICE,\n      index: index,\n      removed: removed,\n      added: added,\n      removedCount: removed.length,\n      addedCount: added.length\n    } : null;\n\n    if (process.env.NODE_ENV !== \"production\" && notifySpy) {\n      spyReportStart(change);\n    }\n\n    this.atom_.reportChanged(); // conform: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/observe\n\n    if (notify) {\n      notifyListeners(this, change);\n    }\n\n    if (process.env.NODE_ENV !== \"production\" && notifySpy) {\n      spyReportEnd();\n    }\n  };\n\n  _proto.get_ = function get_(index) {\n    if (index < this.values_.length) {\n      this.atom_.reportObserved();\n      return this.dehanceValue_(this.values_[index]);\n    }\n\n    console.warn(process.env.NODE_ENV !== \"production\" ? \"[mobx] Out of bounds read: \" + index : \"[mobx.array] Attempt to read an array index (\" + index + \") that is out of bounds (\" + this.values_.length + \"). Please check length first. Out of bound indices will not be tracked by MobX\");\n  };\n\n  _proto.set_ = function set_(index, newValue) {\n    var values = this.values_;\n\n    if (index < values.length) {\n      // update at index in range\n      checkIfStateModificationsAreAllowed(this.atom_);\n      var oldValue = values[index];\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          type: UPDATE,\n          object: this.proxy_,\n          index: index,\n          newValue: newValue\n        });\n\n        if (!change) {\n          return;\n        }\n\n        newValue = change.newValue;\n      }\n\n      newValue = this.enhancer_(newValue, oldValue);\n      var changed = newValue !== oldValue;\n\n      if (changed) {\n        values[index] = newValue;\n        this.notifyArrayChildUpdate_(index, newValue, oldValue);\n      }\n    } else if (index === values.length) {\n      // add a new item\n      this.spliceWithArray_(index, 0, [newValue]);\n    } else {\n      // out of bounds\n      die(17, index, values.length);\n    }\n  };\n\n  return ObservableArrayAdministration;\n}();\nfunction createObservableArray(initialValues, enhancer, name, owned) {\n  if (name === void 0) {\n    name = process.env.NODE_ENV !== \"production\" ? \"ObservableArray@\" + getNextId() : \"ObservableArray\";\n  }\n\n  if (owned === void 0) {\n    owned = false;\n  }\n\n  assertProxies();\n  var adm = new ObservableArrayAdministration(name, enhancer, owned, false);\n  addHiddenFinalProp(adm.values_, $mobx, adm);\n  var proxy = new Proxy(adm.values_, arrayTraps);\n  adm.proxy_ = proxy;\n\n  if (initialValues && initialValues.length) {\n    var prev = allowStateChangesStart(true);\n    adm.spliceWithArray_(0, 0, initialValues);\n    allowStateChangesEnd(prev);\n  }\n\n  return proxy;\n} // eslint-disable-next-line\n\nvar arrayExtensions = {\n  clear: function clear() {\n    return this.splice(0);\n  },\n  replace: function replace(newItems) {\n    var adm = this[$mobx];\n    return adm.spliceWithArray_(0, adm.values_.length, newItems);\n  },\n  // Used by JSON.stringify\n  toJSON: function toJSON() {\n    return this.slice();\n  },\n\n  /*\r\n   * functions that do alter the internal structure of the array, (based on lib.es6.d.ts)\r\n   * since these functions alter the inner structure of the array, the have side effects.\r\n   * Because the have side effects, they should not be used in computed function,\r\n   * and for that reason the do not call dependencyState.notifyObserved\r\n   */\n  splice: function splice(index, deleteCount) {\n    for (var _len = arguments.length, newItems = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {\n      newItems[_key - 2] = arguments[_key];\n    }\n\n    var adm = this[$mobx];\n\n    switch (arguments.length) {\n      case 0:\n        return [];\n\n      case 1:\n        return adm.spliceWithArray_(index);\n\n      case 2:\n        return adm.spliceWithArray_(index, deleteCount);\n    }\n\n    return adm.spliceWithArray_(index, deleteCount, newItems);\n  },\n  spliceWithArray: function spliceWithArray(index, deleteCount, newItems) {\n    return this[$mobx].spliceWithArray_(index, deleteCount, newItems);\n  },\n  push: function push() {\n    var adm = this[$mobx];\n\n    for (var _len2 = arguments.length, items = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n      items[_key2] = arguments[_key2];\n    }\n\n    adm.spliceWithArray_(adm.values_.length, 0, items);\n    return adm.values_.length;\n  },\n  pop: function pop() {\n    return this.splice(Math.max(this[$mobx].values_.length - 1, 0), 1)[0];\n  },\n  shift: function shift() {\n    return this.splice(0, 1)[0];\n  },\n  unshift: function unshift() {\n    var adm = this[$mobx];\n\n    for (var _len3 = arguments.length, items = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n      items[_key3] = arguments[_key3];\n    }\n\n    adm.spliceWithArray_(0, 0, items);\n    return adm.values_.length;\n  },\n  reverse: function reverse() {\n    // reverse by default mutates in place before returning the result\n    // which makes it both a 'derivation' and a 'mutation'.\n    if (globalState.trackingDerivation) {\n      die(37, \"reverse\");\n    }\n\n    this.replace(this.slice().reverse());\n    return this;\n  },\n  sort: function sort() {\n    // sort by default mutates in place before returning the result\n    // which goes against all good practices. Let's not change the array in place!\n    if (globalState.trackingDerivation) {\n      die(37, \"sort\");\n    }\n\n    var copy = this.slice();\n    copy.sort.apply(copy, arguments);\n    this.replace(copy);\n    return this;\n  },\n  remove: function remove(value) {\n    var adm = this[$mobx];\n    var idx = adm.dehanceValues_(adm.values_).indexOf(value);\n\n    if (idx > -1) {\n      this.splice(idx, 1);\n      return true;\n    }\n\n    return false;\n  }\n};\n/**\r\n * Wrap function from prototype\r\n * Without this, everything works as well, but this works\r\n * faster as everything works on unproxied values\r\n */\n\naddArrayExtension(\"concat\", simpleFunc);\naddArrayExtension(\"flat\", simpleFunc);\naddArrayExtension(\"includes\", simpleFunc);\naddArrayExtension(\"indexOf\", simpleFunc);\naddArrayExtension(\"join\", simpleFunc);\naddArrayExtension(\"lastIndexOf\", simpleFunc);\naddArrayExtension(\"slice\", simpleFunc);\naddArrayExtension(\"toString\", simpleFunc);\naddArrayExtension(\"toLocaleString\", simpleFunc); // map\n\naddArrayExtension(\"every\", mapLikeFunc);\naddArrayExtension(\"filter\", mapLikeFunc);\naddArrayExtension(\"find\", mapLikeFunc);\naddArrayExtension(\"findIndex\", mapLikeFunc);\naddArrayExtension(\"flatMap\", mapLikeFunc);\naddArrayExtension(\"forEach\", mapLikeFunc);\naddArrayExtension(\"map\", mapLikeFunc);\naddArrayExtension(\"some\", mapLikeFunc); // reduce\n\naddArrayExtension(\"reduce\", reduceLikeFunc);\naddArrayExtension(\"reduceRight\", reduceLikeFunc);\n\nfunction addArrayExtension(funcName, funcFactory) {\n  if (typeof Array.prototype[funcName] === \"function\") {\n    arrayExtensions[funcName] = funcFactory(funcName);\n  }\n} // Report and delegate to dehanced array\n\n\nfunction simpleFunc(funcName) {\n  return function () {\n    var adm = this[$mobx];\n    adm.atom_.reportObserved();\n    var dehancedValues = adm.dehanceValues_(adm.values_);\n    return dehancedValues[funcName].apply(dehancedValues, arguments);\n  };\n} // Make sure callbacks recieve correct array arg #2326\n\n\nfunction mapLikeFunc(funcName) {\n  return function (callback, thisArg) {\n    var _this2 = this;\n\n    var adm = this[$mobx];\n    adm.atom_.reportObserved();\n    var dehancedValues = adm.dehanceValues_(adm.values_);\n    return dehancedValues[funcName](function (element, index) {\n      return callback.call(thisArg, element, index, _this2);\n    });\n  };\n} // Make sure callbacks recieve correct array arg #2326\n\n\nfunction reduceLikeFunc(funcName) {\n  return function () {\n    var _this3 = this;\n\n    var adm = this[$mobx];\n    adm.atom_.reportObserved();\n    var dehancedValues = adm.dehanceValues_(adm.values_); // #2432 - reduce behavior depends on arguments.length\n\n    var callback = arguments[0];\n\n    arguments[0] = function (accumulator, currentValue, index) {\n      return callback(accumulator, currentValue, index, _this3);\n    };\n\n    return dehancedValues[funcName].apply(dehancedValues, arguments);\n  };\n}\n\nvar isObservableArrayAdministration = /*#__PURE__*/createInstanceofPredicate(\"ObservableArrayAdministration\", ObservableArrayAdministration);\nfunction isObservableArray(thing) {\n  return isObject(thing) && isObservableArrayAdministration(thing[$mobx]);\n}\n\nvar _Symbol$iterator, _Symbol$toStringTag;\nvar ObservableMapMarker = {};\nvar ADD = \"add\";\nvar DELETE = \"delete\"; // just extend Map? See also https://gist.github.com/nestharus/13b4d74f2ef4a2f4357dbd3fc23c1e54\n// But: https://github.com/mobxjs/mobx/issues/1556\n\n_Symbol$iterator = Symbol.iterator;\n_Symbol$toStringTag = Symbol.toStringTag;\nvar ObservableMap = /*#__PURE__*/function () {\n  // hasMap, not hashMap >-).\n  function ObservableMap(initialData, enhancer_, name_) {\n    var _this = this;\n\n    if (enhancer_ === void 0) {\n      enhancer_ = deepEnhancer;\n    }\n\n    if (name_ === void 0) {\n      name_ = process.env.NODE_ENV !== \"production\" ? \"ObservableMap@\" + getNextId() : \"ObservableMap\";\n    }\n\n    this.enhancer_ = void 0;\n    this.name_ = void 0;\n    this[$mobx] = ObservableMapMarker;\n    this.data_ = void 0;\n    this.hasMap_ = void 0;\n    this.keysAtom_ = void 0;\n    this.interceptors_ = void 0;\n    this.changeListeners_ = void 0;\n    this.dehancer = void 0;\n    this.enhancer_ = enhancer_;\n    this.name_ = name_;\n\n    if (!isFunction(Map)) {\n      die(18);\n    }\n\n    this.keysAtom_ = createAtom(process.env.NODE_ENV !== \"production\" ? this.name_ + \".keys()\" : \"ObservableMap.keys()\");\n    this.data_ = new Map();\n    this.hasMap_ = new Map();\n    allowStateChanges(true, function () {\n      _this.merge(initialData);\n    });\n  }\n\n  var _proto = ObservableMap.prototype;\n\n  _proto.has_ = function has_(key) {\n    return this.data_.has(key);\n  };\n\n  _proto.has = function has(key) {\n    var _this2 = this;\n\n    if (!globalState.trackingDerivation) {\n      return this.has_(key);\n    }\n\n    var entry = this.hasMap_.get(key);\n\n    if (!entry) {\n      var newEntry = entry = new ObservableValue(this.has_(key), referenceEnhancer, process.env.NODE_ENV !== \"production\" ? this.name_ + \".\" + stringifyKey(key) + \"?\" : \"ObservableMap.key?\", false);\n      this.hasMap_.set(key, newEntry);\n      onBecomeUnobserved(newEntry, function () {\n        return _this2.hasMap_[\"delete\"](key);\n      });\n    }\n\n    return entry.get();\n  };\n\n  _proto.set = function set(key, value) {\n    var hasKey = this.has_(key);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: hasKey ? UPDATE : ADD,\n        object: this,\n        newValue: value,\n        name: key\n      });\n\n      if (!change) {\n        return this;\n      }\n\n      value = change.newValue;\n    }\n\n    if (hasKey) {\n      this.updateValue_(key, value);\n    } else {\n      this.addValue_(key, value);\n    }\n\n    return this;\n  };\n\n  _proto[\"delete\"] = function _delete(key) {\n    var _this3 = this;\n\n    checkIfStateModificationsAreAllowed(this.keysAtom_);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: DELETE,\n        object: this,\n        name: key\n      });\n\n      if (!change) {\n        return false;\n      }\n    }\n\n    if (this.has_(key)) {\n      var notifySpy = isSpyEnabled();\n      var notify = hasListeners(this);\n\n      var _change = notify || notifySpy ? {\n        observableKind: \"map\",\n        debugObjectName: this.name_,\n        type: DELETE,\n        object: this,\n        oldValue: this.data_.get(key).value_,\n        name: key\n      } : null;\n\n      if (process.env.NODE_ENV !== \"production\" && notifySpy) {\n        spyReportStart(_change);\n      } // TODO fix type\n\n\n      transaction(function () {\n        var _this3$hasMap_$get;\n\n        _this3.keysAtom_.reportChanged();\n\n        (_this3$hasMap_$get = _this3.hasMap_.get(key)) == null ? void 0 : _this3$hasMap_$get.setNewValue_(false);\n\n        var observable = _this3.data_.get(key);\n\n        observable.setNewValue_(undefined);\n\n        _this3.data_[\"delete\"](key);\n      });\n\n      if (notify) {\n        notifyListeners(this, _change);\n      }\n\n      if (process.env.NODE_ENV !== \"production\" && notifySpy) {\n        spyReportEnd();\n      }\n\n      return true;\n    }\n\n    return false;\n  };\n\n  _proto.updateValue_ = function updateValue_(key, newValue) {\n    var observable = this.data_.get(key);\n    newValue = observable.prepareNewValue_(newValue);\n\n    if (newValue !== globalState.UNCHANGED) {\n      var notifySpy = isSpyEnabled();\n      var notify = hasListeners(this);\n      var change = notify || notifySpy ? {\n        observableKind: \"map\",\n        debugObjectName: this.name_,\n        type: UPDATE,\n        object: this,\n        oldValue: observable.value_,\n        name: key,\n        newValue: newValue\n      } : null;\n\n      if (process.env.NODE_ENV !== \"production\" && notifySpy) {\n        spyReportStart(change);\n      } // TODO fix type\n\n\n      observable.setNewValue_(newValue);\n\n      if (notify) {\n        notifyListeners(this, change);\n      }\n\n      if (process.env.NODE_ENV !== \"production\" && notifySpy) {\n        spyReportEnd();\n      }\n    }\n  };\n\n  _proto.addValue_ = function addValue_(key, newValue) {\n    var _this4 = this;\n\n    checkIfStateModificationsAreAllowed(this.keysAtom_);\n    transaction(function () {\n      var _this4$hasMap_$get;\n\n      var observable = new ObservableValue(newValue, _this4.enhancer_, process.env.NODE_ENV !== \"production\" ? _this4.name_ + \".\" + stringifyKey(key) : \"ObservableMap.key\", false);\n\n      _this4.data_.set(key, observable);\n\n      newValue = observable.value_; // value might have been changed\n\n      (_this4$hasMap_$get = _this4.hasMap_.get(key)) == null ? void 0 : _this4$hasMap_$get.setNewValue_(true);\n\n      _this4.keysAtom_.reportChanged();\n    });\n    var notifySpy = isSpyEnabled();\n    var notify = hasListeners(this);\n    var change = notify || notifySpy ? {\n      observableKind: \"map\",\n      debugObjectName: this.name_,\n      type: ADD,\n      object: this,\n      name: key,\n      newValue: newValue\n    } : null;\n\n    if (process.env.NODE_ENV !== \"production\" && notifySpy) {\n      spyReportStart(change);\n    } // TODO fix type\n\n\n    if (notify) {\n      notifyListeners(this, change);\n    }\n\n    if (process.env.NODE_ENV !== \"production\" && notifySpy) {\n      spyReportEnd();\n    }\n  };\n\n  _proto.get = function get(key) {\n    if (this.has(key)) {\n      return this.dehanceValue_(this.data_.get(key).get());\n    }\n\n    return this.dehanceValue_(undefined);\n  };\n\n  _proto.dehanceValue_ = function dehanceValue_(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.keys = function keys() {\n    this.keysAtom_.reportObserved();\n    return this.data_.keys();\n  };\n\n  _proto.values = function values() {\n    var self = this;\n    var keys = this.keys();\n    return makeIterable({\n      next: function next() {\n        var _keys$next = keys.next(),\n            done = _keys$next.done,\n            value = _keys$next.value;\n\n        return {\n          done: done,\n          value: done ? undefined : self.get(value)\n        };\n      }\n    });\n  };\n\n  _proto.entries = function entries() {\n    var self = this;\n    var keys = this.keys();\n    return makeIterable({\n      next: function next() {\n        var _keys$next2 = keys.next(),\n            done = _keys$next2.done,\n            value = _keys$next2.value;\n\n        return {\n          done: done,\n          value: done ? undefined : [value, self.get(value)]\n        };\n      }\n    });\n  };\n\n  _proto[_Symbol$iterator] = function () {\n    return this.entries();\n  };\n\n  _proto.forEach = function forEach(callback, thisArg) {\n    for (var _iterator = _createForOfIteratorHelperLoose(this), _step; !(_step = _iterator()).done;) {\n      var _step$value = _step.value,\n          key = _step$value[0],\n          value = _step$value[1];\n      callback.call(thisArg, value, key, this);\n    }\n  }\n  /** Merge another object into this object, returns this. */\n  ;\n\n  _proto.merge = function merge(other) {\n    var _this5 = this;\n\n    if (isObservableMap(other)) {\n      other = new Map(other);\n    }\n\n    transaction(function () {\n      if (isPlainObject(other)) {\n        getPlainObjectKeys(other).forEach(function (key) {\n          return _this5.set(key, other[key]);\n        });\n      } else if (Array.isArray(other)) {\n        other.forEach(function (_ref) {\n          var key = _ref[0],\n              value = _ref[1];\n          return _this5.set(key, value);\n        });\n      } else if (isES6Map(other)) {\n        if (other.constructor !== Map) {\n          die(19, other);\n        }\n\n        other.forEach(function (value, key) {\n          return _this5.set(key, value);\n        });\n      } else if (other !== null && other !== undefined) {\n        die(20, other);\n      }\n    });\n    return this;\n  };\n\n  _proto.clear = function clear() {\n    var _this6 = this;\n\n    transaction(function () {\n      untracked(function () {\n        for (var _iterator2 = _createForOfIteratorHelperLoose(_this6.keys()), _step2; !(_step2 = _iterator2()).done;) {\n          var key = _step2.value;\n\n          _this6[\"delete\"](key);\n        }\n      });\n    });\n  };\n\n  _proto.replace = function replace(values) {\n    var _this7 = this;\n\n    // Implementation requirements:\n    // - respect ordering of replacement map\n    // - allow interceptors to run and potentially prevent individual operations\n    // - don't recreate observables that already exist in original map (so we don't destroy existing subscriptions)\n    // - don't _keysAtom.reportChanged if the keys of resulting map are indentical (order matters!)\n    // - note that result map may differ from replacement map due to the interceptors\n    transaction(function () {\n      // Convert to map so we can do quick key lookups\n      var replacementMap = convertToMap(values);\n      var orderedData = new Map(); // Used for optimization\n\n      var keysReportChangedCalled = false; // Delete keys that don't exist in replacement map\n      // if the key deletion is prevented by interceptor\n      // add entry at the beginning of the result map\n\n      for (var _iterator3 = _createForOfIteratorHelperLoose(_this7.data_.keys()), _step3; !(_step3 = _iterator3()).done;) {\n        var key = _step3.value;\n\n        // Concurrently iterating/deleting keys\n        // iterator should handle this correctly\n        if (!replacementMap.has(key)) {\n          var deleted = _this7[\"delete\"](key); // Was the key removed?\n\n\n          if (deleted) {\n            // _keysAtom.reportChanged() was already called\n            keysReportChangedCalled = true;\n          } else {\n            // Delete prevented by interceptor\n            var value = _this7.data_.get(key);\n\n            orderedData.set(key, value);\n          }\n        }\n      } // Merge entries\n\n\n      for (var _iterator4 = _createForOfIteratorHelperLoose(replacementMap.entries()), _step4; !(_step4 = _iterator4()).done;) {\n        var _step4$value = _step4.value,\n            _key = _step4$value[0],\n            _value = _step4$value[1];\n\n        // We will want to know whether a new key is added\n        var keyExisted = _this7.data_.has(_key); // Add or update value\n\n\n        _this7.set(_key, _value); // The addition could have been prevent by interceptor\n\n\n        if (_this7.data_.has(_key)) {\n          // The update could have been prevented by interceptor\n          // and also we want to preserve existing values\n          // so use value from _data map (instead of replacement map)\n          var _value2 = _this7.data_.get(_key);\n\n          orderedData.set(_key, _value2); // Was a new key added?\n\n          if (!keyExisted) {\n            // _keysAtom.reportChanged() was already called\n            keysReportChangedCalled = true;\n          }\n        }\n      } // Check for possible key order change\n\n\n      if (!keysReportChangedCalled) {\n        if (_this7.data_.size !== orderedData.size) {\n          // If size differs, keys are definitely modified\n          _this7.keysAtom_.reportChanged();\n        } else {\n          var iter1 = _this7.data_.keys();\n\n          var iter2 = orderedData.keys();\n          var next1 = iter1.next();\n          var next2 = iter2.next();\n\n          while (!next1.done) {\n            if (next1.value !== next2.value) {\n              _this7.keysAtom_.reportChanged();\n\n              break;\n            }\n\n            next1 = iter1.next();\n            next2 = iter2.next();\n          }\n        }\n      } // Use correctly ordered map\n\n\n      _this7.data_ = orderedData;\n    });\n    return this;\n  };\n\n  _proto.toString = function toString() {\n    return \"[object ObservableMap]\";\n  };\n\n  _proto.toJSON = function toJSON() {\n    return Array.from(this);\n  };\n\n  /**\r\n   * Observes this object. Triggers for the events 'add', 'update' and 'delete'.\r\n   * See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/observe\r\n   * for callback details\r\n   */\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    if (process.env.NODE_ENV !== \"production\" && fireImmediately === true) {\n      die(\"`observe` doesn't support fireImmediately=true in combination with maps.\");\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _createClass(ObservableMap, [{\n    key: \"size\",\n    get: function get() {\n      this.keysAtom_.reportObserved();\n      return this.data_.size;\n    }\n  }, {\n    key: _Symbol$toStringTag,\n    get: function get() {\n      return \"Map\";\n    }\n  }]);\n\n  return ObservableMap;\n}(); // eslint-disable-next-line\n\nvar isObservableMap = /*#__PURE__*/createInstanceofPredicate(\"ObservableMap\", ObservableMap);\n\nfunction convertToMap(dataStructure) {\n  if (isES6Map(dataStructure) || isObservableMap(dataStructure)) {\n    return dataStructure;\n  } else if (Array.isArray(dataStructure)) {\n    return new Map(dataStructure);\n  } else if (isPlainObject(dataStructure)) {\n    var map = new Map();\n\n    for (var key in dataStructure) {\n      map.set(key, dataStructure[key]);\n    }\n\n    return map;\n  } else {\n    return die(21, dataStructure);\n  }\n}\n\nvar _Symbol$iterator$1, _Symbol$toStringTag$1;\nvar ObservableSetMarker = {};\n_Symbol$iterator$1 = Symbol.iterator;\n_Symbol$toStringTag$1 = Symbol.toStringTag;\nvar ObservableSet = /*#__PURE__*/function () {\n  function ObservableSet(initialData, enhancer, name_) {\n    if (enhancer === void 0) {\n      enhancer = deepEnhancer;\n    }\n\n    if (name_ === void 0) {\n      name_ = process.env.NODE_ENV !== \"production\" ? \"ObservableSet@\" + getNextId() : \"ObservableSet\";\n    }\n\n    this.name_ = void 0;\n    this[$mobx] = ObservableSetMarker;\n    this.data_ = new Set();\n    this.atom_ = void 0;\n    this.changeListeners_ = void 0;\n    this.interceptors_ = void 0;\n    this.dehancer = void 0;\n    this.enhancer_ = void 0;\n    this.name_ = name_;\n\n    if (!isFunction(Set)) {\n      die(22);\n    }\n\n    this.atom_ = createAtom(this.name_);\n\n    this.enhancer_ = function (newV, oldV) {\n      return enhancer(newV, oldV, name_);\n    };\n\n    if (initialData) {\n      this.replace(initialData);\n    }\n  }\n\n  var _proto = ObservableSet.prototype;\n\n  _proto.dehanceValue_ = function dehanceValue_(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.clear = function clear() {\n    var _this = this;\n\n    transaction(function () {\n      untracked(function () {\n        for (var _iterator = _createForOfIteratorHelperLoose(_this.data_.values()), _step; !(_step = _iterator()).done;) {\n          var value = _step.value;\n\n          _this[\"delete\"](value);\n        }\n      });\n    });\n  };\n\n  _proto.forEach = function forEach(callbackFn, thisArg) {\n    for (var _iterator2 = _createForOfIteratorHelperLoose(this), _step2; !(_step2 = _iterator2()).done;) {\n      var value = _step2.value;\n      callbackFn.call(thisArg, value, value, this);\n    }\n  };\n\n  _proto.add = function add(value) {\n    var _this2 = this;\n\n    checkIfStateModificationsAreAllowed(this.atom_);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: ADD,\n        object: this,\n        newValue: value\n      });\n\n      if (!change) {\n        return this;\n      } // ideally, value = change.value would be done here, so that values can be\n      // changed by interceptor. Same applies for other Set and Map api's.\n\n    }\n\n    if (!this.has(value)) {\n      transaction(function () {\n        _this2.data_.add(_this2.enhancer_(value, undefined));\n\n        _this2.atom_.reportChanged();\n      });\n      var notifySpy = process.env.NODE_ENV !== \"production\" && isSpyEnabled();\n      var notify = hasListeners(this);\n\n      var _change = notify || notifySpy ? {\n        observableKind: \"set\",\n        debugObjectName: this.name_,\n        type: ADD,\n        object: this,\n        newValue: value\n      } : null;\n\n      if (notifySpy && process.env.NODE_ENV !== \"production\") {\n        spyReportStart(_change);\n      }\n\n      if (notify) {\n        notifyListeners(this, _change);\n      }\n\n      if (notifySpy && process.env.NODE_ENV !== \"production\") {\n        spyReportEnd();\n      }\n    }\n\n    return this;\n  };\n\n  _proto[\"delete\"] = function _delete(value) {\n    var _this3 = this;\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: DELETE,\n        object: this,\n        oldValue: value\n      });\n\n      if (!change) {\n        return false;\n      }\n    }\n\n    if (this.has(value)) {\n      var notifySpy = process.env.NODE_ENV !== \"production\" && isSpyEnabled();\n      var notify = hasListeners(this);\n\n      var _change2 = notify || notifySpy ? {\n        observableKind: \"set\",\n        debugObjectName: this.name_,\n        type: DELETE,\n        object: this,\n        oldValue: value\n      } : null;\n\n      if (notifySpy && process.env.NODE_ENV !== \"production\") {\n        spyReportStart(_change2);\n      }\n\n      transaction(function () {\n        _this3.atom_.reportChanged();\n\n        _this3.data_[\"delete\"](value);\n      });\n\n      if (notify) {\n        notifyListeners(this, _change2);\n      }\n\n      if (notifySpy && process.env.NODE_ENV !== \"production\") {\n        spyReportEnd();\n      }\n\n      return true;\n    }\n\n    return false;\n  };\n\n  _proto.has = function has(value) {\n    this.atom_.reportObserved();\n    return this.data_.has(this.dehanceValue_(value));\n  };\n\n  _proto.entries = function entries() {\n    var nextIndex = 0;\n    var keys = Array.from(this.keys());\n    var values = Array.from(this.values());\n    return makeIterable({\n      next: function next() {\n        var index = nextIndex;\n        nextIndex += 1;\n        return index < values.length ? {\n          value: [keys[index], values[index]],\n          done: false\n        } : {\n          done: true\n        };\n      }\n    });\n  };\n\n  _proto.keys = function keys() {\n    return this.values();\n  };\n\n  _proto.values = function values() {\n    this.atom_.reportObserved();\n    var self = this;\n    var nextIndex = 0;\n    var observableValues = Array.from(this.data_.values());\n    return makeIterable({\n      next: function next() {\n        return nextIndex < observableValues.length ? {\n          value: self.dehanceValue_(observableValues[nextIndex++]),\n          done: false\n        } : {\n          done: true\n        };\n      }\n    });\n  };\n\n  _proto.replace = function replace(other) {\n    var _this4 = this;\n\n    if (isObservableSet(other)) {\n      other = new Set(other);\n    }\n\n    transaction(function () {\n      if (Array.isArray(other)) {\n        _this4.clear();\n\n        other.forEach(function (value) {\n          return _this4.add(value);\n        });\n      } else if (isES6Set(other)) {\n        _this4.clear();\n\n        other.forEach(function (value) {\n          return _this4.add(value);\n        });\n      } else if (other !== null && other !== undefined) {\n        die(\"Cannot initialize set from \" + other);\n      }\n    });\n    return this;\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    // ... 'fireImmediately' could also be true?\n    if (process.env.NODE_ENV !== \"production\" && fireImmediately === true) {\n      die(\"`observe` doesn't support fireImmediately=true in combination with sets.\");\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.toJSON = function toJSON() {\n    return Array.from(this);\n  };\n\n  _proto.toString = function toString() {\n    return \"[object ObservableSet]\";\n  };\n\n  _proto[_Symbol$iterator$1] = function () {\n    return this.values();\n  };\n\n  _createClass(ObservableSet, [{\n    key: \"size\",\n    get: function get() {\n      this.atom_.reportObserved();\n      return this.data_.size;\n    }\n  }, {\n    key: _Symbol$toStringTag$1,\n    get: function get() {\n      return \"Set\";\n    }\n  }]);\n\n  return ObservableSet;\n}(); // eslint-disable-next-line\n\nvar isObservableSet = /*#__PURE__*/createInstanceofPredicate(\"ObservableSet\", ObservableSet);\n\nvar descriptorCache = /*#__PURE__*/Object.create(null);\nvar REMOVE = \"remove\";\nvar ObservableObjectAdministration = /*#__PURE__*/function () {\n  function ObservableObjectAdministration(target_, values_, name_, // Used anytime annotation is not explicitely provided\n  defaultAnnotation_) {\n    if (values_ === void 0) {\n      values_ = new Map();\n    }\n\n    if (defaultAnnotation_ === void 0) {\n      defaultAnnotation_ = autoAnnotation;\n    }\n\n    this.target_ = void 0;\n    this.values_ = void 0;\n    this.name_ = void 0;\n    this.defaultAnnotation_ = void 0;\n    this.keysAtom_ = void 0;\n    this.changeListeners_ = void 0;\n    this.interceptors_ = void 0;\n    this.proxy_ = void 0;\n    this.isPlainObject_ = void 0;\n    this.appliedAnnotations_ = void 0;\n    this.pendingKeys_ = void 0;\n    this.target_ = target_;\n    this.values_ = values_;\n    this.name_ = name_;\n    this.defaultAnnotation_ = defaultAnnotation_;\n    this.keysAtom_ = new Atom(process.env.NODE_ENV !== \"production\" ? this.name_ + \".keys\" : \"ObservableObject.keys\"); // Optimization: we use this frequently\n\n    this.isPlainObject_ = isPlainObject(this.target_);\n\n    if (process.env.NODE_ENV !== \"production\" && !isAnnotation(this.defaultAnnotation_)) {\n      die(\"defaultAnnotation must be valid annotation\");\n    }\n\n    if (process.env.NODE_ENV !== \"production\") {\n      // Prepare structure for tracking which fields were already annotated\n      this.appliedAnnotations_ = {};\n    }\n  }\n\n  var _proto = ObservableObjectAdministration.prototype;\n\n  _proto.getObservablePropValue_ = function getObservablePropValue_(key) {\n    return this.values_.get(key).get();\n  };\n\n  _proto.setObservablePropValue_ = function setObservablePropValue_(key, newValue) {\n    var observable = this.values_.get(key);\n\n    if (observable instanceof ComputedValue) {\n      observable.set(newValue);\n      return true;\n    } // intercept\n\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: UPDATE,\n        object: this.proxy_ || this.target_,\n        name: key,\n        newValue: newValue\n      });\n\n      if (!change) {\n        return null;\n      }\n\n      newValue = change.newValue;\n    }\n\n    newValue = observable.prepareNewValue_(newValue); // notify spy & observers\n\n    if (newValue !== globalState.UNCHANGED) {\n      var notify = hasListeners(this);\n      var notifySpy = process.env.NODE_ENV !== \"production\" && isSpyEnabled();\n\n      var _change = notify || notifySpy ? {\n        type: UPDATE,\n        observableKind: \"object\",\n        debugObjectName: this.name_,\n        object: this.proxy_ || this.target_,\n        oldValue: observable.value_,\n        name: key,\n        newValue: newValue\n      } : null;\n\n      if (process.env.NODE_ENV !== \"production\" && notifySpy) {\n        spyReportStart(_change);\n      }\n      observable.setNewValue_(newValue);\n\n      if (notify) {\n        notifyListeners(this, _change);\n      }\n\n      if (process.env.NODE_ENV !== \"production\" && notifySpy) {\n        spyReportEnd();\n      }\n    }\n\n    return true;\n  };\n\n  _proto.get_ = function get_(key) {\n    if (globalState.trackingDerivation && !hasProp(this.target_, key)) {\n      // Key doesn't exist yet, subscribe for it in case it's added later\n      this.has_(key);\n    }\n\n    return this.target_[key];\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {any} value\r\n   * @param {Annotation|boolean} annotation true - use default annotation, false - copy as is\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.set_ = function set_(key, value, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    // Don't use .has(key) - we care about own\n    if (hasProp(this.target_, key)) {\n      // Existing prop\n      if (this.values_.has(key)) {\n        // Observable (can be intercepted)\n        return this.setObservablePropValue_(key, value);\n      } else if (proxyTrap) {\n        // Non-observable - proxy\n        return Reflect.set(this.target_, key, value);\n      } else {\n        // Non-observable\n        this.target_[key] = value;\n        return true;\n      }\n    } else {\n      // New prop\n      return this.extend_(key, {\n        value: value,\n        enumerable: true,\n        writable: true,\n        configurable: true\n      }, this.defaultAnnotation_, proxyTrap);\n    }\n  } // Trap for \"in\"\n  ;\n\n  _proto.has_ = function has_(key) {\n    if (!globalState.trackingDerivation) {\n      // Skip key subscription outside derivation\n      return key in this.target_;\n    }\n\n    this.pendingKeys_ || (this.pendingKeys_ = new Map());\n    var entry = this.pendingKeys_.get(key);\n\n    if (!entry) {\n      entry = new ObservableValue(key in this.target_, referenceEnhancer, process.env.NODE_ENV !== \"production\" ? this.name_ + \".\" + stringifyKey(key) + \"?\" : \"ObservableObject.key?\", false);\n      this.pendingKeys_.set(key, entry);\n    }\n\n    return entry.get();\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {Annotation|boolean} annotation true - use default annotation, false - ignore prop\r\n   */\n  ;\n\n  _proto.make_ = function make_(key, annotation) {\n    if (annotation === true) {\n      annotation = this.defaultAnnotation_;\n    }\n\n    if (annotation === false) {\n      return;\n    }\n\n    assertAnnotable(this, annotation, key);\n\n    if (!(key in this.target_)) {\n      var _this$target_$storedA;\n\n      // Throw on missing key, except for decorators:\n      // Decorator annotations are collected from whole prototype chain.\n      // When called from super() some props may not exist yet.\n      // However we don't have to worry about missing prop,\n      // because the decorator must have been applied to something.\n      if ((_this$target_$storedA = this.target_[storedAnnotationsSymbol]) != null && _this$target_$storedA[key]) {\n        return; // will be annotated by subclass constructor\n      } else {\n        die(1, annotation.annotationType_, this.name_ + \".\" + key.toString());\n      }\n    }\n\n    var source = this.target_;\n\n    while (source && source !== objectPrototype) {\n      var descriptor = getDescriptor(source, key);\n\n      if (descriptor) {\n        var outcome = annotation.make_(this, key, descriptor, source);\n\n        if (outcome === 0\n        /* Cancel */\n        ) {\n          return;\n        }\n\n        if (outcome === 1\n        /* Break */\n        ) {\n          break;\n        }\n      }\n\n      source = Object.getPrototypeOf(source);\n    }\n\n    recordAnnotationApplied(this, annotation, key);\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {PropertyDescriptor} descriptor\r\n   * @param {Annotation|boolean} annotation true - use default annotation, false - copy as is\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.extend_ = function extend_(key, descriptor, annotation, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    if (annotation === true) {\n      annotation = this.defaultAnnotation_;\n    }\n\n    if (annotation === false) {\n      return this.defineProperty_(key, descriptor, proxyTrap);\n    }\n\n    assertAnnotable(this, annotation, key);\n    var outcome = annotation.extend_(this, key, descriptor, proxyTrap);\n\n    if (outcome) {\n      recordAnnotationApplied(this, annotation, key);\n    }\n\n    return outcome;\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {PropertyDescriptor} descriptor\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.defineProperty_ = function defineProperty_(key, descriptor, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    try {\n      startBatch(); // Delete\n\n      var deleteOutcome = this.delete_(key);\n\n      if (!deleteOutcome) {\n        // Failure or intercepted\n        return deleteOutcome;\n      } // ADD interceptor\n\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          object: this.proxy_ || this.target_,\n          name: key,\n          type: ADD,\n          newValue: descriptor.value\n        });\n\n        if (!change) {\n          return null;\n        }\n\n        var newValue = change.newValue;\n\n        if (descriptor.value !== newValue) {\n          descriptor = _extends({}, descriptor, {\n            value: newValue\n          });\n        }\n      } // Define\n\n\n      if (proxyTrap) {\n        if (!Reflect.defineProperty(this.target_, key, descriptor)) {\n          return false;\n        }\n      } else {\n        defineProperty(this.target_, key, descriptor);\n      } // Notify\n\n\n      this.notifyPropertyAddition_(key, descriptor.value);\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  } // If original descriptor becomes relevant, move this to annotation directly\n  ;\n\n  _proto.defineObservableProperty_ = function defineObservableProperty_(key, value, enhancer, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    try {\n      startBatch(); // Delete\n\n      var deleteOutcome = this.delete_(key);\n\n      if (!deleteOutcome) {\n        // Failure or intercepted\n        return deleteOutcome;\n      } // ADD interceptor\n\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          object: this.proxy_ || this.target_,\n          name: key,\n          type: ADD,\n          newValue: value\n        });\n\n        if (!change) {\n          return null;\n        }\n\n        value = change.newValue;\n      }\n\n      var cachedDescriptor = getCachedObservablePropDescriptor(key);\n      var descriptor = {\n        configurable: globalState.safeDescriptors ? this.isPlainObject_ : true,\n        enumerable: true,\n        get: cachedDescriptor.get,\n        set: cachedDescriptor.set\n      }; // Define\n\n      if (proxyTrap) {\n        if (!Reflect.defineProperty(this.target_, key, descriptor)) {\n          return false;\n        }\n      } else {\n        defineProperty(this.target_, key, descriptor);\n      }\n\n      var observable = new ObservableValue(value, enhancer, process.env.NODE_ENV !== \"production\" ? this.name_ + \".\" + key.toString() : \"ObservableObject.key\", false);\n      this.values_.set(key, observable); // Notify (value possibly changed by ObservableValue)\n\n      this.notifyPropertyAddition_(key, observable.value_);\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  } // If original descriptor becomes relevant, move this to annotation directly\n  ;\n\n  _proto.defineComputedProperty_ = function defineComputedProperty_(key, options, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    try {\n      startBatch(); // Delete\n\n      var deleteOutcome = this.delete_(key);\n\n      if (!deleteOutcome) {\n        // Failure or intercepted\n        return deleteOutcome;\n      } // ADD interceptor\n\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          object: this.proxy_ || this.target_,\n          name: key,\n          type: ADD,\n          newValue: undefined\n        });\n\n        if (!change) {\n          return null;\n        }\n      }\n\n      options.name || (options.name = process.env.NODE_ENV !== \"production\" ? this.name_ + \".\" + key.toString() : \"ObservableObject.key\");\n      options.context = this.proxy_ || this.target_;\n      var cachedDescriptor = getCachedObservablePropDescriptor(key);\n      var descriptor = {\n        configurable: globalState.safeDescriptors ? this.isPlainObject_ : true,\n        enumerable: false,\n        get: cachedDescriptor.get,\n        set: cachedDescriptor.set\n      }; // Define\n\n      if (proxyTrap) {\n        if (!Reflect.defineProperty(this.target_, key, descriptor)) {\n          return false;\n        }\n      } else {\n        defineProperty(this.target_, key, descriptor);\n      }\n\n      this.values_.set(key, new ComputedValue(options)); // Notify\n\n      this.notifyPropertyAddition_(key, undefined);\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {PropertyDescriptor} descriptor\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.delete_ = function delete_(key, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    // No such prop\n    if (!hasProp(this.target_, key)) {\n      return true;\n    } // Intercept\n\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        object: this.proxy_ || this.target_,\n        name: key,\n        type: REMOVE\n      }); // Cancelled\n\n      if (!change) {\n        return null;\n      }\n    } // Delete\n\n\n    try {\n      var _this$pendingKeys_, _this$pendingKeys_$ge;\n\n      startBatch();\n      var notify = hasListeners(this);\n      var notifySpy = process.env.NODE_ENV !== \"production\" && isSpyEnabled();\n      var observable = this.values_.get(key); // Value needed for spies/listeners\n\n      var value = undefined; // Optimization: don't pull the value unless we will need it\n\n      if (!observable && (notify || notifySpy)) {\n        var _getDescriptor;\n\n        value = (_getDescriptor = getDescriptor(this.target_, key)) == null ? void 0 : _getDescriptor.value;\n      } // delete prop (do first, may fail)\n\n\n      if (proxyTrap) {\n        if (!Reflect.deleteProperty(this.target_, key)) {\n          return false;\n        }\n      } else {\n        delete this.target_[key];\n      } // Allow re-annotating this field\n\n\n      if (process.env.NODE_ENV !== \"production\") {\n        delete this.appliedAnnotations_[key];\n      } // Clear observable\n\n\n      if (observable) {\n        this.values_[\"delete\"](key); // for computed, value is undefined\n\n        if (observable instanceof ObservableValue) {\n          value = observable.value_;\n        } // Notify: autorun(() => obj[key]), see #1796\n\n\n        propagateChanged(observable);\n      } // Notify \"keys/entries/values\" observers\n\n\n      this.keysAtom_.reportChanged(); // Notify \"has\" observers\n      // \"in\" as it may still exist in proto\n\n      (_this$pendingKeys_ = this.pendingKeys_) == null ? void 0 : (_this$pendingKeys_$ge = _this$pendingKeys_.get(key)) == null ? void 0 : _this$pendingKeys_$ge.set(key in this.target_); // Notify spies/listeners\n\n      if (notify || notifySpy) {\n        var _change2 = {\n          type: REMOVE,\n          observableKind: \"object\",\n          object: this.proxy_ || this.target_,\n          debugObjectName: this.name_,\n          oldValue: value,\n          name: key\n        };\n\n        if (process.env.NODE_ENV !== \"production\" && notifySpy) {\n          spyReportStart(_change2);\n        }\n\n        if (notify) {\n          notifyListeners(this, _change2);\n        }\n\n        if (process.env.NODE_ENV !== \"production\" && notifySpy) {\n          spyReportEnd();\n        }\n      }\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  }\n  /**\r\n   * Observes this object. Triggers for the events 'add', 'update' and 'delete'.\r\n   * See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/observe\r\n   * for callback details\r\n   */\n  ;\n\n  _proto.observe_ = function observe_(callback, fireImmediately) {\n    if (process.env.NODE_ENV !== \"production\" && fireImmediately === true) {\n      die(\"`observe` doesn't support the fire immediately property for observable objects.\");\n    }\n\n    return registerListener(this, callback);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.notifyPropertyAddition_ = function notifyPropertyAddition_(key, value) {\n    var _this$pendingKeys_2, _this$pendingKeys_2$g;\n\n    var notify = hasListeners(this);\n    var notifySpy = process.env.NODE_ENV !== \"production\" && isSpyEnabled();\n\n    if (notify || notifySpy) {\n      var change = notify || notifySpy ? {\n        type: ADD,\n        observableKind: \"object\",\n        debugObjectName: this.name_,\n        object: this.proxy_ || this.target_,\n        name: key,\n        newValue: value\n      } : null;\n\n      if (process.env.NODE_ENV !== \"production\" && notifySpy) {\n        spyReportStart(change);\n      }\n\n      if (notify) {\n        notifyListeners(this, change);\n      }\n\n      if (process.env.NODE_ENV !== \"production\" && notifySpy) {\n        spyReportEnd();\n      }\n    }\n\n    (_this$pendingKeys_2 = this.pendingKeys_) == null ? void 0 : (_this$pendingKeys_2$g = _this$pendingKeys_2.get(key)) == null ? void 0 : _this$pendingKeys_2$g.set(true); // Notify \"keys/entries/values\" observers\n\n    this.keysAtom_.reportChanged();\n  };\n\n  _proto.ownKeys_ = function ownKeys_() {\n    this.keysAtom_.reportObserved();\n    return ownKeys(this.target_);\n  };\n\n  _proto.keys_ = function keys_() {\n    // Returns enumerable && own, but unfortunately keysAtom will report on ANY key change.\n    // There is no way to distinguish between Object.keys(object) and Reflect.ownKeys(object) - both are handled by ownKeys trap.\n    // We can either over-report in Object.keys(object) or under-report in Reflect.ownKeys(object)\n    // We choose to over-report in Object.keys(object), because:\n    // - typically it's used with simple data objects\n    // - when symbolic/non-enumerable keys are relevant Reflect.ownKeys works as expected\n    this.keysAtom_.reportObserved();\n    return Object.keys(this.target_);\n  };\n\n  return ObservableObjectAdministration;\n}();\nfunction asObservableObject(target, options) {\n  var _options$name;\n\n  if (process.env.NODE_ENV !== \"production\" && options && isObservableObject(target)) {\n    die(\"Options can't be provided for already observable objects.\");\n  }\n\n  if (hasProp(target, $mobx)) {\n    if (process.env.NODE_ENV !== \"production\" && !(getAdministration(target) instanceof ObservableObjectAdministration)) {\n      die(\"Cannot convert '\" + getDebugName(target) + \"' into observable object:\" + \"\\nThe target is already observable of different type.\" + \"\\nExtending builtins is not supported.\");\n    }\n\n    return target;\n  }\n\n  if (process.env.NODE_ENV !== \"production\" && !Object.isExtensible(target)) {\n    die(\"Cannot make the designated object observable; it is not extensible\");\n  }\n\n  var name = (_options$name = options == null ? void 0 : options.name) != null ? _options$name : process.env.NODE_ENV !== \"production\" ? (isPlainObject(target) ? \"ObservableObject\" : target.constructor.name) + \"@\" + getNextId() : \"ObservableObject\";\n  var adm = new ObservableObjectAdministration(target, new Map(), String(name), getAnnotationFromOptions(options));\n  addHiddenProp(target, $mobx, adm);\n  return target;\n}\nvar isObservableObjectAdministration = /*#__PURE__*/createInstanceofPredicate(\"ObservableObjectAdministration\", ObservableObjectAdministration);\n\nfunction getCachedObservablePropDescriptor(key) {\n  return descriptorCache[key] || (descriptorCache[key] = {\n    get: function get() {\n      return this[$mobx].getObservablePropValue_(key);\n    },\n    set: function set(value) {\n      return this[$mobx].setObservablePropValue_(key, value);\n    }\n  });\n}\n\nfunction isObservableObject(thing) {\n  if (isObject(thing)) {\n    return isObservableObjectAdministration(thing[$mobx]);\n  }\n\n  return false;\n}\nfunction recordAnnotationApplied(adm, annotation, key) {\n  var _adm$target_$storedAn;\n\n  if (process.env.NODE_ENV !== \"production\") {\n    adm.appliedAnnotations_[key] = annotation;\n  } // Remove applied decorator annotation so we don't try to apply it again in subclass constructor\n\n\n  (_adm$target_$storedAn = adm.target_[storedAnnotationsSymbol]) == null ? true : delete _adm$target_$storedAn[key];\n}\n\nfunction assertAnnotable(adm, annotation, key) {\n  // Valid annotation\n  if (process.env.NODE_ENV !== \"production\" && !isAnnotation(annotation)) {\n    die(\"Cannot annotate '\" + adm.name_ + \".\" + key.toString() + \"': Invalid annotation.\");\n  }\n  /*\r\n  // Configurable, not sealed, not frozen\r\n  // Possibly not needed, just a little better error then the one thrown by engine.\r\n  // Cases where this would be useful the most (subclass field initializer) are not interceptable by this.\r\n  if (__DEV__) {\r\n      const configurable = getDescriptor(adm.target_, key)?.configurable\r\n      const frozen = Object.isFrozen(adm.target_)\r\n      const sealed = Object.isSealed(adm.target_)\r\n      if (!configurable || frozen || sealed) {\r\n          const fieldName = `${adm.name_}.${key.toString()}`\r\n          const requestedAnnotationType = annotation.annotationType_\r\n          let error = `Cannot apply '${requestedAnnotationType}' to '${fieldName}':`\r\n          if (frozen) {\r\n              error += `\\nObject is frozen.`\r\n          }\r\n          if (sealed) {\r\n              error += `\\nObject is sealed.`\r\n          }\r\n          if (!configurable) {\r\n              error += `\\nproperty is not configurable.`\r\n              // Mention only if caused by us to avoid confusion\r\n              if (hasProp(adm.appliedAnnotations!, key)) {\r\n                  error += `\\nTo prevent accidental re-definition of a field by a subclass, `\r\n                  error += `all annotated fields of non-plain objects (classes) are not configurable.`\r\n              }\r\n          }\r\n          die(error)\r\n      }\r\n  }\r\n  */\n  // Not annotated\n\n\n  if (process.env.NODE_ENV !== \"production\" && !isOverride(annotation) && hasProp(adm.appliedAnnotations_, key)) {\n    var fieldName = adm.name_ + \".\" + key.toString();\n    var currentAnnotationType = adm.appliedAnnotations_[key].annotationType_;\n    var requestedAnnotationType = annotation.annotationType_;\n    die(\"Cannot apply '\" + requestedAnnotationType + \"' to '\" + fieldName + \"':\" + (\"\\nThe field is already annotated with '\" + currentAnnotationType + \"'.\") + \"\\nRe-annotating fields is not allowed.\" + \"\\nUse 'override' annotation for methods overriden by subclass.\");\n  }\n}\n\n/**\r\n * This array buffer contains two lists of properties, so that all arrays\r\n * can recycle their property definitions, which significantly improves performance of creating\r\n * properties on the fly.\r\n */\n\nvar OBSERVABLE_ARRAY_BUFFER_SIZE = 0; // Typescript workaround to make sure ObservableArray extends Array\n\nvar StubArray = function StubArray() {};\n\nfunction inherit(ctor, proto) {\n  if (Object.setPrototypeOf) {\n    Object.setPrototypeOf(ctor.prototype, proto);\n  } else if (ctor.prototype.__proto__ !== undefined) {\n    ctor.prototype.__proto__ = proto;\n  } else {\n    ctor.prototype = proto;\n  }\n}\n\ninherit(StubArray, Array.prototype); // Weex proto freeze protection was here,\n// but it is unclear why the hack is need as MobX never changed the prototype\n// anyway, so removed it in V6\n\nvar LegacyObservableArray = /*#__PURE__*/function (_StubArray, _Symbol$toStringTag, _Symbol$iterator) {\n  _inheritsLoose(LegacyObservableArray, _StubArray);\n\n  function LegacyObservableArray(initialValues, enhancer, name, owned) {\n    var _this;\n\n    if (name === void 0) {\n      name = process.env.NODE_ENV !== \"production\" ? \"ObservableArray@\" + getNextId() : \"ObservableArray\";\n    }\n\n    if (owned === void 0) {\n      owned = false;\n    }\n\n    _this = _StubArray.call(this) || this;\n    var adm = new ObservableArrayAdministration(name, enhancer, owned, true);\n    adm.proxy_ = _assertThisInitialized(_this);\n    addHiddenFinalProp(_assertThisInitialized(_this), $mobx, adm);\n\n    if (initialValues && initialValues.length) {\n      var prev = allowStateChangesStart(true); // @ts-ignore\n\n      _this.spliceWithArray(0, 0, initialValues);\n\n      allowStateChangesEnd(prev);\n    }\n\n    return _this;\n  }\n\n  var _proto = LegacyObservableArray.prototype;\n\n  _proto.concat = function concat() {\n    this[$mobx].atom_.reportObserved();\n\n    for (var _len = arguments.length, arrays = new Array(_len), _key = 0; _key < _len; _key++) {\n      arrays[_key] = arguments[_key];\n    }\n\n    return Array.prototype.concat.apply(this.slice(), //@ts-ignore\n    arrays.map(function (a) {\n      return isObservableArray(a) ? a.slice() : a;\n    }));\n  };\n\n  _proto[_Symbol$iterator] = function () {\n    var self = this;\n    var nextIndex = 0;\n    return makeIterable({\n      next: function next() {\n        return nextIndex < self.length ? {\n          value: self[nextIndex++],\n          done: false\n        } : {\n          done: true,\n          value: undefined\n        };\n      }\n    });\n  };\n\n  _createClass(LegacyObservableArray, [{\n    key: \"length\",\n    get: function get() {\n      return this[$mobx].getArrayLength_();\n    },\n    set: function set(newLength) {\n      this[$mobx].setArrayLength_(newLength);\n    }\n  }, {\n    key: _Symbol$toStringTag,\n    get: function get() {\n      return \"Array\";\n    }\n  }]);\n\n  return LegacyObservableArray;\n}(StubArray, Symbol.toStringTag, Symbol.iterator);\n\nObject.entries(arrayExtensions).forEach(function (_ref) {\n  var prop = _ref[0],\n      fn = _ref[1];\n\n  if (prop !== \"concat\") {\n    addHiddenProp(LegacyObservableArray.prototype, prop, fn);\n  }\n});\n\nfunction createArrayEntryDescriptor(index) {\n  return {\n    enumerable: false,\n    configurable: true,\n    get: function get() {\n      return this[$mobx].get_(index);\n    },\n    set: function set(value) {\n      this[$mobx].set_(index, value);\n    }\n  };\n}\n\nfunction createArrayBufferItem(index) {\n  defineProperty(LegacyObservableArray.prototype, \"\" + index, createArrayEntryDescriptor(index));\n}\n\nfunction reserveArrayBuffer(max) {\n  if (max > OBSERVABLE_ARRAY_BUFFER_SIZE) {\n    for (var index = OBSERVABLE_ARRAY_BUFFER_SIZE; index < max + 100; index++) {\n      createArrayBufferItem(index);\n    }\n\n    OBSERVABLE_ARRAY_BUFFER_SIZE = max;\n  }\n}\nreserveArrayBuffer(1000);\nfunction createLegacyArray(initialValues, enhancer, name) {\n  return new LegacyObservableArray(initialValues, enhancer, name);\n}\n\nfunction getAtom(thing, property) {\n  if (typeof thing === \"object\" && thing !== null) {\n    if (isObservableArray(thing)) {\n      if (property !== undefined) {\n        die(23);\n      }\n\n      return thing[$mobx].atom_;\n    }\n\n    if (isObservableSet(thing)) {\n      return thing[$mobx];\n    }\n\n    if (isObservableMap(thing)) {\n      if (property === undefined) {\n        return thing.keysAtom_;\n      }\n\n      var observable = thing.data_.get(property) || thing.hasMap_.get(property);\n\n      if (!observable) {\n        die(25, property, getDebugName(thing));\n      }\n\n      return observable;\n    }\n\n\n    if (isObservableObject(thing)) {\n      if (!property) {\n        return die(26);\n      }\n\n      var _observable = thing[$mobx].values_.get(property);\n\n      if (!_observable) {\n        die(27, property, getDebugName(thing));\n      }\n\n      return _observable;\n    }\n\n    if (isAtom(thing) || isComputedValue(thing) || isReaction(thing)) {\n      return thing;\n    }\n  } else if (isFunction(thing)) {\n    if (isReaction(thing[$mobx])) {\n      // disposer function\n      return thing[$mobx];\n    }\n  }\n\n  die(28);\n}\nfunction getAdministration(thing, property) {\n  if (!thing) {\n    die(29);\n  }\n\n  if (property !== undefined) {\n    return getAdministration(getAtom(thing, property));\n  }\n\n  if (isAtom(thing) || isComputedValue(thing) || isReaction(thing)) {\n    return thing;\n  }\n\n  if (isObservableMap(thing) || isObservableSet(thing)) {\n    return thing;\n  }\n\n  if (thing[$mobx]) {\n    return thing[$mobx];\n  }\n\n  die(24, thing);\n}\nfunction getDebugName(thing, property) {\n  var named;\n\n  if (property !== undefined) {\n    named = getAtom(thing, property);\n  } else if (isAction(thing)) {\n    return thing.name;\n  } else if (isObservableObject(thing) || isObservableMap(thing) || isObservableSet(thing)) {\n    named = getAdministration(thing);\n  } else {\n    // valid for arrays as well\n    named = getAtom(thing);\n  }\n\n  return named.name_;\n}\n\nvar toString = objectPrototype.toString;\nfunction deepEqual(a, b, depth) {\n  if (depth === void 0) {\n    depth = -1;\n  }\n\n  return eq(a, b, depth);\n} // Copied from https://github.com/jashkenas/underscore/blob/5c237a7c682fb68fd5378203f0bf22dce1624854/underscore.js#L1186-L1289\n// Internal recursive comparison function for `isEqual`.\n\nfunction eq(a, b, depth, aStack, bStack) {\n  // Identical objects are equal. `0 === -0`, but they aren't identical.\n  // See the [Harmony `egal` proposal](http://wiki.ecmascript.org/doku.php?id=harmony:egal).\n  if (a === b) {\n    return a !== 0 || 1 / a === 1 / b;\n  } // `null` or `undefined` only equal to itself (strict comparison).\n\n\n  if (a == null || b == null) {\n    return false;\n  } // `NaN`s are equivalent, but non-reflexive.\n\n\n  if (a !== a) {\n    return b !== b;\n  } // Exhaust primitive checks\n\n\n  var type = typeof a;\n\n  if (type !== \"function\" && type !== \"object\" && typeof b != \"object\") {\n    return false;\n  } // Compare `[[Class]]` names.\n\n\n  var className = toString.call(a);\n\n  if (className !== toString.call(b)) {\n    return false;\n  }\n\n  switch (className) {\n    // Strings, numbers, regular expressions, dates, and booleans are compared by value.\n    case \"[object RegExp]\": // RegExps are coerced to strings for comparison (Note: '' + /a/i === '/a/i')\n\n    case \"[object String]\":\n      // Primitives and their corresponding object wrappers are equivalent; thus, `\"5\"` is\n      // equivalent to `new String(\"5\")`.\n      return \"\" + a === \"\" + b;\n\n    case \"[object Number]\":\n      // `NaN`s are equivalent, but non-reflexive.\n      // Object(NaN) is equivalent to NaN.\n      if (+a !== +a) {\n        return +b !== +b;\n      } // An `egal` comparison is performed for other numeric values.\n\n\n      return +a === 0 ? 1 / +a === 1 / b : +a === +b;\n\n    case \"[object Date]\":\n    case \"[object Boolean]\":\n      // Coerce dates and booleans to numeric primitive values. Dates are compared by their\n      // millisecond representations. Note that invalid dates with millisecond representations\n      // of `NaN` are not equivalent.\n      return +a === +b;\n\n    case \"[object Symbol]\":\n      return typeof Symbol !== \"undefined\" && Symbol.valueOf.call(a) === Symbol.valueOf.call(b);\n\n    case \"[object Map]\":\n    case \"[object Set]\":\n      // Maps and Sets are unwrapped to arrays of entry-pairs, adding an incidental level.\n      // Hide this extra level by increasing the depth.\n      if (depth >= 0) {\n        depth++;\n      }\n\n      break;\n  } // Unwrap any wrapped objects.\n\n\n  a = unwrap(a);\n  b = unwrap(b);\n  var areArrays = className === \"[object Array]\";\n\n  if (!areArrays) {\n    if (typeof a != \"object\" || typeof b != \"object\") {\n      return false;\n    } // Objects with different constructors are not equivalent, but `Object`s or `Array`s\n    // from different frames are.\n\n\n    var aCtor = a.constructor,\n        bCtor = b.constructor;\n\n    if (aCtor !== bCtor && !(isFunction(aCtor) && aCtor instanceof aCtor && isFunction(bCtor) && bCtor instanceof bCtor) && \"constructor\" in a && \"constructor\" in b) {\n      return false;\n    }\n  }\n\n  if (depth === 0) {\n    return false;\n  } else if (depth < 0) {\n    depth = -1;\n  } // Assume equality for cyclic structures. The algorithm for detecting cyclic\n  // structures is adapted from ES 5.1 section 15.12.3, abstract operation `JO`.\n  // Initializing stack of traversed objects.\n  // It's done here since we only need them for objects and arrays comparison.\n\n\n  aStack = aStack || [];\n  bStack = bStack || [];\n  var length = aStack.length;\n\n  while (length--) {\n    // Linear search. Performance is inversely proportional to the number of\n    // unique nested structures.\n    if (aStack[length] === a) {\n      return bStack[length] === b;\n    }\n  } // Add the first object to the stack of traversed objects.\n\n\n  aStack.push(a);\n  bStack.push(b); // Recursively compare objects and arrays.\n\n  if (areArrays) {\n    // Compare array lengths to determine if a deep comparison is necessary.\n    length = a.length;\n\n    if (length !== b.length) {\n      return false;\n    } // Deep compare the contents, ignoring non-numeric properties.\n\n\n    while (length--) {\n      if (!eq(a[length], b[length], depth - 1, aStack, bStack)) {\n        return false;\n      }\n    }\n  } else {\n    // Deep compare objects.\n    var keys = Object.keys(a);\n    var key;\n    length = keys.length; // Ensure that both objects contain the same number of properties before comparing deep equality.\n\n    if (Object.keys(b).length !== length) {\n      return false;\n    }\n\n    while (length--) {\n      // Deep compare each member\n      key = keys[length];\n\n      if (!(hasProp(b, key) && eq(a[key], b[key], depth - 1, aStack, bStack))) {\n        return false;\n      }\n    }\n  } // Remove the first object from the stack of traversed objects.\n\n\n  aStack.pop();\n  bStack.pop();\n  return true;\n}\n\nfunction unwrap(a) {\n  if (isObservableArray(a)) {\n    return a.slice();\n  }\n\n  if (isES6Map(a) || isObservableMap(a)) {\n    return Array.from(a.entries());\n  }\n\n  if (isES6Set(a) || isObservableSet(a)) {\n    return Array.from(a.entries());\n  }\n\n  return a;\n}\n\nfunction makeIterable(iterator) {\n  iterator[Symbol.iterator] = getSelf;\n  return iterator;\n}\n\nfunction getSelf() {\n  return this;\n}\n\nfunction isAnnotation(thing) {\n  return (// Can be function\n    thing instanceof Object && typeof thing.annotationType_ === \"string\" && isFunction(thing.make_) && isFunction(thing.extend_)\n  );\n}\n\n/**\r\n * (c) Michel Weststrate 2015 - 2020\r\n * MIT Licensed\r\n *\r\n * Welcome to the mobx sources! To get a global overview of how MobX internally works,\r\n * this is a good place to start:\r\n * https://medium.com/@mweststrate/becoming-fully-reactive-an-in-depth-explanation-of-mobservable-55995262a254#.xvbh6qd74\r\n *\r\n * Source folders:\r\n * ===============\r\n *\r\n * - api/     Most of the public static methods exposed by the module can be found here.\r\n * - core/    Implementation of the MobX algorithm; atoms, derivations, reactions, dependency trees, optimizations. Cool stuff can be found here.\r\n * - types/   All the magic that is need to have observable objects, arrays and values is in this folder. Including the modifiers like `asFlat`.\r\n * - utils/   Utility stuff.\r\n *\r\n */\n[\"Symbol\", \"Map\", \"Set\"].forEach(function (m) {\n  var g = getGlobal();\n\n  if (typeof g[m] === \"undefined\") {\n    die(\"MobX requires global '\" + m + \"' to be available or polyfilled\");\n  }\n});\n\nif (typeof __MOBX_DEVTOOLS_GLOBAL_HOOK__ === \"object\") {\n  // See: https://github.com/andykog/mobx-devtools/\n  __MOBX_DEVTOOLS_GLOBAL_HOOK__.injectMobx({\n    spy: spy,\n    extras: {\n      getDebugName: getDebugName\n    },\n    $mobx: $mobx\n  });\n}\n\nexport { $mobx, FlowCancellationError, ObservableMap, ObservableSet, Reaction, allowStateChanges as _allowStateChanges, runInAction as _allowStateChangesInsideComputed, allowStateReadsEnd as _allowStateReadsEnd, allowStateReadsStart as _allowStateReadsStart, autoAction as _autoAction, _endAction, getAdministration as _getAdministration, getGlobalState as _getGlobalState, interceptReads as _interceptReads, isComputingDerivation as _isComputingDerivation, resetGlobalState as _resetGlobalState, _startAction, action, autorun, comparer, computed, configure, createAtom, apiDefineProperty as defineProperty, entries, extendObservable, flow, flowResult, get, getAtom, getDebugName, getDependencyTree, getObserverTree, has, intercept, isAction, isObservableValue as isBoxedObservable, isComputed, isComputedProp, isFlow, isFlowCancellationError, isObservable, isObservableArray, isObservableMap, isObservableObject, isObservableProp, isObservableSet, keys, makeAutoObservable, makeObservable, observable, observe, onBecomeObserved, onBecomeUnobserved, onReactionError, override, apiOwnKeys as ownKeys, reaction, remove, runInAction, set, spy, toJS, trace, transaction, untracked, values, when };\n//# sourceMappingURL=mobx.esm.js.map\n","import React from 'react';\nimport Head from 'next/head';\n\nfunction _extends() {\n  _extends = Object.assign ? Object.assign.bind() : function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n    return target;\n  };\n  return _extends.apply(this, arguments);\n}\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n  return target;\n}\n\nvar _excluded$z = [\"keyOverride\"],\n  _excluded2$2 = [\"crossOrigin\"];\nvar defaults = {\n  templateTitle: '',\n  noindex: false,\n  nofollow: false,\n  norobots: false,\n  defaultOpenGraphImageWidth: 0,\n  defaultOpenGraphImageHeight: 0,\n  defaultOpenGraphVideoWidth: 0,\n  defaultOpenGraphVideoHeight: 0\n};\nvar buildOpenGraphMediaTags = function buildOpenGraphMediaTags(mediaType, media, _temp) {\n  if (media === void 0) {\n    media = [];\n  }\n  var _ref = _temp === void 0 ? {} : _temp,\n    defaultWidth = _ref.defaultWidth,\n    defaultHeight = _ref.defaultHeight;\n  return media.reduce(function (tags, medium, index) {\n    tags.push( /*#__PURE__*/React.createElement(\"meta\", {\n      key: \"og:\" + mediaType + \":0\" + index,\n      property: \"og:\" + mediaType,\n      content: medium.url\n    }));\n    if (medium.alt) {\n      tags.push( /*#__PURE__*/React.createElement(\"meta\", {\n        key: \"og:\" + mediaType + \":alt0\" + index,\n        property: \"og:\" + mediaType + \":alt\",\n        content: medium.alt\n      }));\n    }\n    if (medium.secureUrl) {\n      tags.push( /*#__PURE__*/React.createElement(\"meta\", {\n        key: \"og:\" + mediaType + \":secure_url0\" + index,\n        property: \"og:\" + mediaType + \":secure_url\",\n        content: medium.secureUrl.toString()\n      }));\n    }\n    if (medium.type) {\n      tags.push( /*#__PURE__*/React.createElement(\"meta\", {\n        key: \"og:\" + mediaType + \":type0\" + index,\n        property: \"og:\" + mediaType + \":type\",\n        content: medium.type.toString()\n      }));\n    }\n    if (medium.width) {\n      tags.push( /*#__PURE__*/React.createElement(\"meta\", {\n        key: \"og:\" + mediaType + \":width0\" + index,\n        property: \"og:\" + mediaType + \":width\",\n        content: medium.width.toString()\n      }));\n    } else if (defaultWidth) {\n      tags.push( /*#__PURE__*/React.createElement(\"meta\", {\n        key: \"og:\" + mediaType + \":width0\" + index,\n        property: \"og:\" + mediaType + \":width\",\n        content: defaultWidth.toString()\n      }));\n    }\n    if (medium.height) {\n      tags.push( /*#__PURE__*/React.createElement(\"meta\", {\n        key: \"og:\" + mediaType + \":height\" + index,\n        property: \"og:\" + mediaType + \":height\",\n        content: medium.height.toString()\n      }));\n    } else if (defaultHeight) {\n      tags.push( /*#__PURE__*/React.createElement(\"meta\", {\n        key: \"og:\" + mediaType + \":height\" + index,\n        property: \"og:\" + mediaType + \":height\",\n        content: defaultHeight.toString()\n      }));\n    }\n    return tags;\n  }, []);\n};\nvar buildTags = function buildTags(config) {\n  var _config$openGraph, _config$openGraph3, _config$additionalLin;\n  var tagsToRender = [];\n  if (config.titleTemplate) {\n    defaults.templateTitle = config.titleTemplate;\n  }\n  var updatedTitle = '';\n  if (config.title) {\n    updatedTitle = config.title;\n    if (defaults.templateTitle) {\n      updatedTitle = defaults.templateTitle.replace(/%s/g, function () {\n        return updatedTitle;\n      });\n    }\n  } else if (config.defaultTitle) {\n    updatedTitle = config.defaultTitle;\n  }\n  if (updatedTitle) {\n    tagsToRender.push( /*#__PURE__*/React.createElement(\"title\", {\n      key: \"title\"\n    }, updatedTitle));\n  }\n  var noindex = config.noindex === undefined ? defaults.noindex || config.dangerouslySetAllPagesToNoIndex : config.noindex;\n  var nofollow = config.nofollow === undefined ? defaults.nofollow || config.dangerouslySetAllPagesToNoFollow : config.nofollow;\n  var norobots = config.norobots || defaults.norobots;\n  var robotsParams = '';\n  if (config.robotsProps) {\n    var _config$robotsProps = config.robotsProps,\n      nosnippet = _config$robotsProps.nosnippet,\n      maxSnippet = _config$robotsProps.maxSnippet,\n      maxImagePreview = _config$robotsProps.maxImagePreview,\n      maxVideoPreview = _config$robotsProps.maxVideoPreview,\n      noarchive = _config$robotsProps.noarchive,\n      noimageindex = _config$robotsProps.noimageindex,\n      notranslate = _config$robotsProps.notranslate,\n      unavailableAfter = _config$robotsProps.unavailableAfter;\n    robotsParams = \"\" + (nosnippet ? ',nosnippet' : '') + (maxSnippet ? \",max-snippet:\" + maxSnippet : '') + (maxImagePreview ? \",max-image-preview:\" + maxImagePreview : '') + (noarchive ? ',noarchive' : '') + (unavailableAfter ? \",unavailable_after:\" + unavailableAfter : '') + (noimageindex ? ',noimageindex' : '') + (maxVideoPreview ? \",max-video-preview:\" + maxVideoPreview : '') + (notranslate ? ',notranslate' : '');\n  }\n  if (config.norobots) {\n    defaults.norobots = true;\n  }\n  if (noindex || nofollow) {\n    if (config.dangerouslySetAllPagesToNoIndex) {\n      defaults.noindex = true;\n    }\n    if (config.dangerouslySetAllPagesToNoFollow) {\n      defaults.nofollow = true;\n    }\n    tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n      key: \"robots\",\n      name: \"robots\",\n      content: (noindex ? 'noindex' : 'index') + \",\" + (nofollow ? 'nofollow' : 'follow') + robotsParams\n    }));\n  } else if (!norobots || robotsParams) {\n    tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n      key: \"robots\",\n      name: \"robots\",\n      content: \"index,follow\" + robotsParams\n    }));\n  }\n  if (config.description) {\n    tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n      key: \"description\",\n      name: \"description\",\n      content: config.description\n    }));\n  }\n  if (config.themeColor) {\n    tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n      key: \"theme-color\",\n      name: \"theme-color\",\n      content: config.themeColor\n    }));\n  }\n  if (config.mobileAlternate) {\n    tagsToRender.push( /*#__PURE__*/React.createElement(\"link\", {\n      rel: \"alternate\",\n      key: \"mobileAlternate\",\n      media: config.mobileAlternate.media,\n      href: config.mobileAlternate.href\n    }));\n  }\n  if (config.languageAlternates && config.languageAlternates.length > 0) {\n    config.languageAlternates.forEach(function (languageAlternate) {\n      tagsToRender.push( /*#__PURE__*/React.createElement(\"link\", {\n        rel: \"alternate\",\n        key: \"languageAlternate-\" + languageAlternate.hrefLang,\n        hrefLang: languageAlternate.hrefLang,\n        href: languageAlternate.href\n      }));\n    });\n  }\n  if (config.twitter) {\n    if (config.twitter.cardType) {\n      tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n        key: \"twitter:card\",\n        name: \"twitter:card\",\n        content: config.twitter.cardType\n      }));\n    }\n    if (config.twitter.site) {\n      tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n        key: \"twitter:site\",\n        name: \"twitter:site\",\n        content: config.twitter.site\n      }));\n    }\n    if (config.twitter.handle) {\n      tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n        key: \"twitter:creator\",\n        name: \"twitter:creator\",\n        content: config.twitter.handle\n      }));\n    }\n  }\n  if (config.facebook) {\n    if (config.facebook.appId) {\n      tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n        key: \"fb:app_id\",\n        property: \"fb:app_id\",\n        content: config.facebook.appId\n      }));\n    }\n  }\n  if ((_config$openGraph = config.openGraph) != null && _config$openGraph.title || updatedTitle) {\n    var _config$openGraph2;\n    tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n      key: \"og:title\",\n      property: \"og:title\",\n      content: ((_config$openGraph2 = config.openGraph) == null ? void 0 : _config$openGraph2.title) || updatedTitle\n    }));\n  }\n  if ((_config$openGraph3 = config.openGraph) != null && _config$openGraph3.description || config.description) {\n    var _config$openGraph4;\n    tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n      key: \"og:description\",\n      property: \"og:description\",\n      content: ((_config$openGraph4 = config.openGraph) == null ? void 0 : _config$openGraph4.description) || config.description\n    }));\n  }\n  if (config.openGraph) {\n    if (config.openGraph.url || config.canonical) {\n      tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n        key: \"og:url\",\n        property: \"og:url\",\n        content: config.openGraph.url || config.canonical\n      }));\n    }\n    if (config.openGraph.type) {\n      var type = config.openGraph.type.toLowerCase();\n      tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n        key: \"og:type\",\n        property: \"og:type\",\n        content: type\n      }));\n      if (type === 'profile' && config.openGraph.profile) {\n        if (config.openGraph.profile.firstName) {\n          tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n            key: \"profile:first_name\",\n            property: \"profile:first_name\",\n            content: config.openGraph.profile.firstName\n          }));\n        }\n        if (config.openGraph.profile.lastName) {\n          tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n            key: \"profile:last_name\",\n            property: \"profile:last_name\",\n            content: config.openGraph.profile.lastName\n          }));\n        }\n        if (config.openGraph.profile.username) {\n          tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n            key: \"profile:username\",\n            property: \"profile:username\",\n            content: config.openGraph.profile.username\n          }));\n        }\n        if (config.openGraph.profile.gender) {\n          tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n            key: \"profile:gender\",\n            property: \"profile:gender\",\n            content: config.openGraph.profile.gender\n          }));\n        }\n      } else if (type === 'book' && config.openGraph.book) {\n        if (config.openGraph.book.authors && config.openGraph.book.authors.length) {\n          config.openGraph.book.authors.forEach(function (author, index) {\n            tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n              key: \"book:author:0\" + index,\n              property: \"book:author\",\n              content: author\n            }));\n          });\n        }\n        if (config.openGraph.book.isbn) {\n          tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n            key: \"book:isbn\",\n            property: \"book:isbn\",\n            content: config.openGraph.book.isbn\n          }));\n        }\n        if (config.openGraph.book.releaseDate) {\n          tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n            key: \"book:release_date\",\n            property: \"book:release_date\",\n            content: config.openGraph.book.releaseDate\n          }));\n        }\n        if (config.openGraph.book.tags && config.openGraph.book.tags.length) {\n          config.openGraph.book.tags.forEach(function (tag, index) {\n            tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n              key: \"book:tag:0\" + index,\n              property: \"book:tag\",\n              content: tag\n            }));\n          });\n        }\n      } else if (type === 'article' && config.openGraph.article) {\n        if (config.openGraph.article.publishedTime) {\n          tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n            key: \"article:published_time\",\n            property: \"article:published_time\",\n            content: config.openGraph.article.publishedTime\n          }));\n        }\n        if (config.openGraph.article.modifiedTime) {\n          tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n            key: \"article:modified_time\",\n            property: \"article:modified_time\",\n            content: config.openGraph.article.modifiedTime\n          }));\n        }\n        if (config.openGraph.article.expirationTime) {\n          tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n            key: \"article:expiration_time\",\n            property: \"article:expiration_time\",\n            content: config.openGraph.article.expirationTime\n          }));\n        }\n        if (config.openGraph.article.authors && config.openGraph.article.authors.length) {\n          config.openGraph.article.authors.forEach(function (author, index) {\n            tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n              key: \"article:author:0\" + index,\n              property: \"article:author\",\n              content: author\n            }));\n          });\n        }\n        if (config.openGraph.article.section) {\n          tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n            key: \"article:section\",\n            property: \"article:section\",\n            content: config.openGraph.article.section\n          }));\n        }\n        if (config.openGraph.article.tags && config.openGraph.article.tags.length) {\n          config.openGraph.article.tags.forEach(function (tag, index) {\n            tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n              key: \"article:tag:0\" + index,\n              property: \"article:tag\",\n              content: tag\n            }));\n          });\n        }\n      } else if ((type === 'video.movie' || type === 'video.episode' || type === 'video.tv_show' || type === 'video.other') && config.openGraph.video) {\n        if (config.openGraph.video.actors && config.openGraph.video.actors.length) {\n          config.openGraph.video.actors.forEach(function (actor, index) {\n            if (actor.profile) {\n              tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n                key: \"video:actor:0\" + index,\n                property: \"video:actor\",\n                content: actor.profile\n              }));\n            }\n            if (actor.role) {\n              tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n                key: \"video:actor:role:0\" + index,\n                property: \"video:actor:role\",\n                content: actor.role\n              }));\n            }\n          });\n        }\n        if (config.openGraph.video.directors && config.openGraph.video.directors.length) {\n          config.openGraph.video.directors.forEach(function (director, index) {\n            tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n              key: \"video:director:0\" + index,\n              property: \"video:director\",\n              content: director\n            }));\n          });\n        }\n        if (config.openGraph.video.writers && config.openGraph.video.writers.length) {\n          config.openGraph.video.writers.forEach(function (writer, index) {\n            tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n              key: \"video:writer:0\" + index,\n              property: \"video:writer\",\n              content: writer\n            }));\n          });\n        }\n        if (config.openGraph.video.duration) {\n          tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n            key: \"video:duration\",\n            property: \"video:duration\",\n            content: config.openGraph.video.duration.toString()\n          }));\n        }\n        if (config.openGraph.video.releaseDate) {\n          tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n            key: \"video:release_date\",\n            property: \"video:release_date\",\n            content: config.openGraph.video.releaseDate\n          }));\n        }\n        if (config.openGraph.video.tags && config.openGraph.video.tags.length) {\n          config.openGraph.video.tags.forEach(function (tag, index) {\n            tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n              key: \"video:tag:0\" + index,\n              property: \"video:tag\",\n              content: tag\n            }));\n          });\n        }\n        if (config.openGraph.video.series) {\n          tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n            key: \"video:series\",\n            property: \"video:series\",\n            content: config.openGraph.video.series\n          }));\n        }\n      }\n    }\n    // images\n    if (config.defaultOpenGraphImageWidth) {\n      defaults.defaultOpenGraphImageWidth = config.defaultOpenGraphImageWidth;\n    }\n    if (config.defaultOpenGraphImageHeight) {\n      defaults.defaultOpenGraphImageHeight = config.defaultOpenGraphImageHeight;\n    }\n    if (config.openGraph.images && config.openGraph.images.length) {\n      tagsToRender.push.apply(tagsToRender, buildOpenGraphMediaTags('image', config.openGraph.images, {\n        defaultWidth: defaults.defaultOpenGraphImageWidth,\n        defaultHeight: defaults.defaultOpenGraphImageHeight\n      }));\n    }\n    // videos\n    if (config.defaultOpenGraphVideoWidth) {\n      defaults.defaultOpenGraphVideoWidth = config.defaultOpenGraphVideoWidth;\n    }\n    if (config.defaultOpenGraphVideoHeight) {\n      defaults.defaultOpenGraphVideoHeight = config.defaultOpenGraphVideoHeight;\n    }\n    if (config.openGraph.videos && config.openGraph.videos.length) {\n      tagsToRender.push.apply(tagsToRender, buildOpenGraphMediaTags('video', config.openGraph.videos, {\n        defaultWidth: defaults.defaultOpenGraphVideoWidth,\n        defaultHeight: defaults.defaultOpenGraphVideoHeight\n      }));\n    }\n    // audio\n    if (config.openGraph.audio) {\n      tagsToRender.push.apply(tagsToRender, buildOpenGraphMediaTags('audio', config.openGraph.audio));\n    }\n    if (config.openGraph.locale) {\n      tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n        key: \"og:locale\",\n        property: \"og:locale\",\n        content: config.openGraph.locale\n      }));\n    }\n    if (config.openGraph.siteName || config.openGraph.site_name) {\n      tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", {\n        key: \"og:site_name\",\n        property: \"og:site_name\",\n        content: config.openGraph.siteName || config.openGraph.site_name\n      }));\n    }\n  }\n  if (config.canonical) {\n    tagsToRender.push( /*#__PURE__*/React.createElement(\"link\", {\n      rel: \"canonical\",\n      href: config.canonical,\n      key: \"canonical\"\n    }));\n  }\n  if (config.additionalMetaTags && config.additionalMetaTags.length > 0) {\n    config.additionalMetaTags.forEach(function (_ref2) {\n      var _ref3, _ref4;\n      var keyOverride = _ref2.keyOverride,\n        tag = _objectWithoutPropertiesLoose(_ref2, _excluded$z);\n      tagsToRender.push( /*#__PURE__*/React.createElement(\"meta\", _extends({\n        key: \"meta:\" + ((_ref3 = (_ref4 = keyOverride != null ? keyOverride : tag.name) != null ? _ref4 : tag.property) != null ? _ref3 : tag.httpEquiv)\n      }, tag)));\n    });\n  }\n  if ((_config$additionalLin = config.additionalLinkTags) != null && _config$additionalLin.length) {\n    config.additionalLinkTags.forEach(function (tag) {\n      var _rest$keyOverride;\n      var tagCrossOrigin = tag.crossOrigin,\n        rest = _objectWithoutPropertiesLoose(tag, _excluded2$2);\n      var crossOrigin = tagCrossOrigin === 'anonymous' || tagCrossOrigin === 'use-credentials' || tagCrossOrigin === '' ? tagCrossOrigin : undefined;\n      tagsToRender.push( /*#__PURE__*/React.createElement(\"link\", _extends({\n        key: \"link\" + ((_rest$keyOverride = rest.keyOverride) != null ? _rest$keyOverride : rest.href) + rest.rel\n      }, rest, {\n        crossOrigin: crossOrigin\n      })));\n    });\n  }\n  return tagsToRender;\n};\n\nvar WithHead = function WithHead(props) {\n  return /*#__PURE__*/React.createElement(Head, null, buildTags(props));\n};\n\nvar DefaultSeo = function DefaultSeo(_ref) {\n  var title = _ref.title,\n    titleTemplate = _ref.titleTemplate,\n    defaultTitle = _ref.defaultTitle,\n    themeColor = _ref.themeColor,\n    _ref$dangerouslySetAl = _ref.dangerouslySetAllPagesToNoIndex,\n    dangerouslySetAllPagesToNoIndex = _ref$dangerouslySetAl === void 0 ? false : _ref$dangerouslySetAl,\n    _ref$dangerouslySetAl2 = _ref.dangerouslySetAllPagesToNoFollow,\n    dangerouslySetAllPagesToNoFollow = _ref$dangerouslySetAl2 === void 0 ? false : _ref$dangerouslySetAl2,\n    description = _ref.description,\n    canonical = _ref.canonical,\n    facebook = _ref.facebook,\n    openGraph = _ref.openGraph,\n    additionalMetaTags = _ref.additionalMetaTags,\n    twitter = _ref.twitter,\n    defaultOpenGraphImageWidth = _ref.defaultOpenGraphImageWidth,\n    defaultOpenGraphImageHeight = _ref.defaultOpenGraphImageHeight,\n    defaultOpenGraphVideoWidth = _ref.defaultOpenGraphVideoWidth,\n    defaultOpenGraphVideoHeight = _ref.defaultOpenGraphVideoHeight,\n    mobileAlternate = _ref.mobileAlternate,\n    languageAlternates = _ref.languageAlternates,\n    additionalLinkTags = _ref.additionalLinkTags,\n    robotsProps = _ref.robotsProps,\n    norobots = _ref.norobots;\n  return /*#__PURE__*/React.createElement(WithHead, {\n    title: title,\n    titleTemplate: titleTemplate,\n    defaultTitle: defaultTitle,\n    themeColor: themeColor,\n    dangerouslySetAllPagesToNoIndex: dangerouslySetAllPagesToNoIndex,\n    dangerouslySetAllPagesToNoFollow: dangerouslySetAllPagesToNoFollow,\n    description: description,\n    canonical: canonical,\n    facebook: facebook,\n    openGraph: openGraph,\n    additionalMetaTags: additionalMetaTags,\n    twitter: twitter,\n    defaultOpenGraphImageWidth: defaultOpenGraphImageWidth,\n    defaultOpenGraphImageHeight: defaultOpenGraphImageHeight,\n    defaultOpenGraphVideoWidth: defaultOpenGraphVideoWidth,\n    defaultOpenGraphVideoHeight: defaultOpenGraphVideoHeight,\n    mobileAlternate: mobileAlternate,\n    languageAlternates: languageAlternates,\n    additionalLinkTags: additionalLinkTags,\n    robotsProps: robotsProps,\n    norobots: norobots\n  });\n};\n\nvar NextSeo = function NextSeo(_ref) {\n  var title = _ref.title,\n    themeColor = _ref.themeColor,\n    noindex = _ref.noindex,\n    nofollow = _ref.nofollow,\n    robotsProps = _ref.robotsProps,\n    description = _ref.description,\n    canonical = _ref.canonical,\n    openGraph = _ref.openGraph,\n    facebook = _ref.facebook,\n    twitter = _ref.twitter,\n    additionalMetaTags = _ref.additionalMetaTags,\n    titleTemplate = _ref.titleTemplate,\n    defaultTitle = _ref.defaultTitle,\n    mobileAlternate = _ref.mobileAlternate,\n    languageAlternates = _ref.languageAlternates,\n    additionalLinkTags = _ref.additionalLinkTags;\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WithHead, {\n    title: title,\n    themeColor: themeColor,\n    noindex: noindex,\n    nofollow: nofollow,\n    robotsProps: robotsProps,\n    description: description,\n    canonical: canonical,\n    facebook: facebook,\n    openGraph: openGraph,\n    additionalMetaTags: additionalMetaTags,\n    twitter: twitter,\n    titleTemplate: titleTemplate,\n    defaultTitle: defaultTitle,\n    mobileAlternate: mobileAlternate,\n    languageAlternates: languageAlternates,\n    additionalLinkTags: additionalLinkTags\n  }));\n};\n\nvar toJson = function toJson(type, jsonld) {\n  var data = jsonld;\n  if (Array.isArray(data) && data.length === 1) {\n    data = _extends({}, jsonld[0]);\n  }\n  var jsonLdObject = Array.isArray(data) ? data.map(function (item) {\n    return formatObjectForSchema(type, item);\n  }) : formatObjectForSchema(type, data);\n  return {\n    __html: JSON.stringify(jsonLdObject, safeJsonLdReplacer)\n  };\n};\nvar formatObjectForSchema = function formatObjectForSchema(type, jsonld) {\n  var _jsonld$id = jsonld.id,\n    id = _jsonld$id === void 0 ? undefined : _jsonld$id;\n  var updated = _extends({}, id ? {\n    '@id': jsonld.id\n  } : {}, jsonld);\n  delete updated.id;\n  return _extends({\n    '@context': 'https://schema.org',\n    '@type': type\n  }, updated);\n};\nvar ESCAPE_ENTITIES = Object.freeze({\n  '&': '&amp;',\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&apos;'\n});\nvar ESCAPE_REGEX = new RegExp(\"[\" + Object.keys(ESCAPE_ENTITIES).join('') + \"]\", 'g');\nvar ESCAPE_REPLACER = function ESCAPE_REPLACER(t) {\n  return ESCAPE_ENTITIES[t];\n};\n/**\n * A replacer for JSON.stringify to strip JSON-LD of illegal HTML entities\n * per https://www.w3.org/TR/json-ld11/#restrictions-for-contents-of-json-ld-script-elements\n */\nvar safeJsonLdReplacer = function () {\n  // Replace per https://www.w3.org/TR/json-ld11/#restrictions-for-contents-of-json-ld-script-elements\n  // Solution from https://stackoverflow.com/a/5499821/864313\n  return function (_, value) {\n    switch (typeof value) {\n      case 'object':\n        // Omit null values.\n        if (value === null) {\n          return undefined;\n        }\n        return value;\n      // JSON.stringify will recursively call replacer.\n      case 'number':\n      case 'boolean':\n      case 'bigint':\n        return value;\n      // These values are not risky.\n      case 'string':\n        return value.replace(ESCAPE_REGEX, ESCAPE_REPLACER);\n      default:\n        {\n          // JSON.stringify will remove this element.\n          return undefined;\n        }\n    }\n  };\n}();\n\nvar _excluded$y = [\"type\", \"keyOverride\", \"scriptKey\", \"scriptId\", \"dataArray\", \"useAppDir\"];\nfunction JsonLd(_ref) {\n  var _ref$type = _ref.type,\n    type = _ref$type === void 0 ? 'Thing' : _ref$type,\n    keyOverride = _ref.keyOverride,\n    scriptKey = _ref.scriptKey,\n    _ref$scriptId = _ref.scriptId,\n    scriptId = _ref$scriptId === void 0 ? undefined : _ref$scriptId,\n    dataArray = _ref.dataArray,\n    _ref$useAppDir = _ref.useAppDir,\n    useAppDir = _ref$useAppDir === void 0 ? false : _ref$useAppDir,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$y);\n  var JsonLdScript = function JsonLdScript() {\n    return /*#__PURE__*/React.createElement(\"script\", {\n      type: \"application/ld+json\",\n      id: scriptId,\n      \"data-testid\": scriptId,\n      dangerouslySetInnerHTML: toJson(type, dataArray === undefined ? _extends({}, rest) : dataArray),\n      key: \"jsonld-\" + scriptKey + (keyOverride ? \"-\" + keyOverride : '')\n    });\n  };\n  if (useAppDir) {\n    return /*#__PURE__*/React.createElement(JsonLdScript, null);\n  }\n  return /*#__PURE__*/React.createElement(Head, null, JsonLdScript());\n}\n\n/**\n * Generate author information\n * @param author\n * @returns\n */\nfunction generateAuthorInfo(author) {\n  if (typeof author === 'string') {\n    return {\n      '@type': 'Person',\n      name: author\n    };\n  } else if (!!author.name) {\n    var _author$type;\n    return {\n      '@type': (_author$type = author == null ? void 0 : author.type) != null ? _author$type : 'Person',\n      name: author.name,\n      url: author == null ? void 0 : author.url\n    };\n  }\n  return;\n}\nfunction setAuthor(author) {\n  if (Array.isArray(author)) {\n    return author.map(function (item) {\n      return generateAuthorInfo(item);\n    }).filter(function (item) {\n      return !!item;\n    });\n  } else if (author) {\n    return generateAuthorInfo(author);\n  }\n  return;\n}\n\nfunction setImage(image) {\n  if (image) {\n    return {\n      '@type': 'ImageObject',\n      url: image\n    };\n  }\n  return undefined;\n}\n\nfunction setPublisher(publisherName, publisherLogo) {\n  if (!publisherName) {\n    return undefined;\n  }\n  return {\n    '@type': 'Organization',\n    name: publisherName,\n    logo: setImage(publisherLogo)\n  };\n}\n\nfunction setReviewRating(rating) {\n  if (rating) {\n    return _extends({}, rating, {\n      '@type': 'Rating'\n    });\n  }\n  return undefined;\n}\n\nvar _excluded$x = [\"reviewRating\", \"author\", \"publisher\"];\nfunction setReviews(reviews) {\n  function mapReview(_ref) {\n    var reviewRating = _ref.reviewRating,\n      author = _ref.author,\n      publisher = _ref.publisher,\n      rest = _objectWithoutPropertiesLoose(_ref, _excluded$x);\n    return _extends({}, rest, {\n      '@type': 'Review'\n    }, author && {\n      author: setAuthor(author)\n    }, reviewRating && {\n      reviewRating: setReviewRating(reviewRating)\n    }, publisher && {\n      publisher: setPublisher(publisher.name)\n    });\n  }\n  if (Array.isArray(reviews)) {\n    return reviews.map(mapReview);\n  } else if (reviews) {\n    return mapReview(reviews);\n  }\n  return undefined;\n}\n\nfunction setNutrition(calories) {\n  if (calories) {\n    return {\n      '@type': 'NutritionInformation',\n      calories: calories + \" calories\"\n    };\n  }\n  return undefined;\n}\n\nfunction setAggregateRating(aggregateRating) {\n  if (aggregateRating) {\n    return {\n      '@type': 'AggregateRating',\n      ratingCount: aggregateRating.ratingCount,\n      reviewCount: aggregateRating.reviewCount,\n      bestRating: aggregateRating.bestRating,\n      ratingValue: aggregateRating.ratingValue,\n      worstRating: aggregateRating.worstRating\n    };\n  }\n  return undefined;\n}\n\nfunction setClip(clips) {\n  function mapClip(clip) {\n    return _extends({}, clip, {\n      '@type': 'Clip'\n    });\n  }\n  if (Array.isArray(clips)) {\n    return clips.map(mapClip);\n  } else if (clips) {\n    return mapClip(clips);\n  }\n  return undefined;\n}\n\nfunction setInteractionStatistic(watchCount) {\n  if (watchCount) {\n    return {\n      '@type': 'InteractionCounter',\n      interactionType: 'https://schema.org/WatchAction',\n      userInteractionCount: watchCount\n    };\n  }\n  return undefined;\n}\n\nfunction setBroadcastEvent(publication) {\n  function mapBroadcastEvent(publication) {\n    return _extends({}, publication, {\n      '@type': 'BroadcastEvent'\n    });\n  }\n  if (publication) {\n    if (Array.isArray(publication)) {\n      return publication.map(mapBroadcastEvent);\n    }\n    return mapBroadcastEvent(publication);\n  }\n  return undefined;\n}\n\nvar _excluded$w = [\"thumbnailUrls\", \"hasPart\", \"watchCount\", \"publication\"];\nfunction setVideo(video, setContext) {\n  if (setContext === void 0) {\n    setContext = false;\n  }\n  function mapVideo(_ref, context) {\n    var thumbnailUrls = _ref.thumbnailUrls,\n      hasPart = _ref.hasPart,\n      watchCount = _ref.watchCount,\n      publication = _ref.publication,\n      rest = _objectWithoutPropertiesLoose(_ref, _excluded$w);\n    return _extends({}, rest, {\n      '@type': 'VideoObject'\n    }, context && {\n      '@context': 'https://schema.org'\n    }, {\n      thumbnailUrl: thumbnailUrls,\n      hasPart: setClip(hasPart),\n      interactionStatistic: setInteractionStatistic(watchCount),\n      publication: setBroadcastEvent(publication)\n    });\n  }\n  if (video) {\n    return mapVideo(video, setContext);\n  }\n  return undefined;\n}\n\nfunction setInstruction(instruction) {\n  if (instruction) {\n    return _extends({}, instruction, {\n      '@type': 'HowToStep'\n    });\n  }\n  return undefined;\n}\n\nvar _excluded$v = [\"type\", \"keyOverride\", \"ofType\", \"data\"],\n  _excluded2$1 = [\"authorName\", \"images\", \"yields\", \"category\", \"calories\", \"aggregateRating\", \"video\", \"ingredients\", \"instructions\", \"cuisine\"];\nfunction CarouselJsonLd(_ref) {\n  var _ref$type = _ref.type,\n    type = _ref$type === void 0 ? 'Carousel' : _ref$type,\n    keyOverride = _ref.keyOverride,\n    ofType = _ref.ofType,\n    data = _ref.data,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$v);\n  function generateList(data, ofType) {\n    switch (ofType) {\n      case 'default':\n        return data.map(function (item, index) {\n          return {\n            '@type': 'ListItem',\n            position: \"\" + (index + 1),\n            url: item.url\n          };\n        });\n      case 'course':\n        return data.map(function (item, index) {\n          return {\n            '@type': 'ListItem',\n            position: \"\" + (index + 1),\n            item: {\n              '@context': 'https://schema.org',\n              '@type': 'Course',\n              url: item.url,\n              name: item.courseName,\n              description: item.description,\n              provider: {\n                '@type': 'Organization',\n                name: item.providerName,\n                sameAs: item.providerUrl\n              }\n            }\n          };\n        });\n      case 'movie':\n        return data.map(function (item, index) {\n          return {\n            '@type': 'ListItem',\n            position: \"\" + (index + 1),\n            item: {\n              '@context': 'https://schema.org',\n              '@type': 'Movie',\n              name: item.name,\n              url: item.url,\n              image: item.image,\n              dateCreated: item.dateCreated,\n              director: item.director ? Array.isArray(item.director) ? item.director.map(function (director) {\n                return {\n                  '@type': 'Person',\n                  name: director.name\n                };\n              }) : {\n                '@type': 'Person',\n                name: item.director.name\n              } : undefined,\n              review: setReviews(item.review)\n            }\n          };\n        });\n      case 'recipe':\n        return data.map(function (_ref2, index) {\n          var authorName = _ref2.authorName,\n            images = _ref2.images,\n            yields = _ref2.yields,\n            category = _ref2.category,\n            calories = _ref2.calories,\n            aggregateRating = _ref2.aggregateRating,\n            video = _ref2.video,\n            ingredients = _ref2.ingredients,\n            instructions = _ref2.instructions,\n            cuisine = _ref2.cuisine,\n            rest = _objectWithoutPropertiesLoose(_ref2, _excluded2$1);\n          return {\n            '@type': 'ListItem',\n            position: \"\" + (index + 1),\n            item: _extends({\n              '@context': 'https://schema.org',\n              '@type': 'Recipe'\n            }, rest, {\n              author: setAuthor(authorName),\n              image: images,\n              recipeYield: yields,\n              recipeCategory: category,\n              recipeCuisine: cuisine,\n              nutrition: setNutrition(calories),\n              aggregateRating: setAggregateRating(aggregateRating),\n              video: setVideo(video),\n              recipeIngredient: ingredients,\n              recipeInstructions: instructions.map(setInstruction)\n            })\n          };\n        });\n      case 'custom':\n        return data.map(function (item, index) {\n          var _item$position;\n          return {\n            '@type': 'ListItem',\n            position: (_item$position = item.position) != null ? _item$position : index + 1,\n            item: {\n              '@type': item.type,\n              name: item.name\n            }\n          };\n        });\n    }\n  }\n  var jsonLdData = _extends({\n    '@type': 'ItemList'\n  }, rest, {\n    itemListElement: generateList(data, ofType)\n  }, rest);\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({\n    type: type,\n    keyOverride: keyOverride\n  }, jsonLdData, {\n    scriptKey: \"Carousel\"\n  }));\n}\n\nvar _excluded$u = [\"type\", \"keyOverride\", \"url\", \"title\", \"images\", \"section\", \"dateCreated\", \"datePublished\", \"dateModified\", \"authorName\", \"authorType\", \"publisherName\", \"publisherLogo\", \"body\", \"isAccessibleForFree\"];\nfunction NewsArticleJsonLd(_ref) {\n  var _ref$type = _ref.type,\n    type = _ref$type === void 0 ? 'NewsArticle' : _ref$type,\n    keyOverride = _ref.keyOverride,\n    url = _ref.url,\n    title = _ref.title,\n    images = _ref.images,\n    section = _ref.section,\n    dateCreated = _ref.dateCreated,\n    datePublished = _ref.datePublished,\n    dateModified = _ref.dateModified,\n    authorName = _ref.authorName,\n    publisherName = _ref.publisherName,\n    publisherLogo = _ref.publisherLogo,\n    body = _ref.body,\n    isAccessibleForFree = _ref.isAccessibleForFree,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$u);\n  var data = _extends({}, rest, {\n    mainEntityOfPage: {\n      '@type': 'WebPage',\n      '@id': url\n    },\n    headline: title,\n    image: images,\n    articleSection: section,\n    dateCreated: dateCreated || datePublished,\n    datePublished: datePublished,\n    dateModified: dateModified || datePublished,\n    author: setAuthor(authorName),\n    publisher: setPublisher(publisherName, publisherLogo),\n    articleBody: body,\n    isAccessibleForFree: isAccessibleForFree\n  });\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({\n    type: type,\n    keyOverride: keyOverride\n  }, data, {\n    scriptKey: \"NewsArticle\"\n  }));\n}\n\nvar _excluded$t = [\"type\", \"keyOverride\", \"baseSalary\", \"hiringOrganization\", \"applicantLocationRequirements\", \"experienceRequirements\", \"jobLocation\"];\nfunction JobPostingJsonLd(_ref) {\n  var _ref$type = _ref.type,\n    type = _ref$type === void 0 ? 'JobPosting' : _ref$type,\n    keyOverride = _ref.keyOverride,\n    baseSalary = _ref.baseSalary,\n    hiringOrganization = _ref.hiringOrganization,\n    applicantLocationRequirements = _ref.applicantLocationRequirements,\n    experienceRequirements = _ref.experienceRequirements,\n    jobLocation = _ref.jobLocation,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$t);\n  function setBaseSalary(baseSalary) {\n    if (baseSalary) {\n      return {\n        '@type': 'MonetaryAmount',\n        currency: baseSalary.currency,\n        value: _extends({\n          '@type': 'QuantitativeValue',\n          unitText: baseSalary.unitText\n        }, Array.isArray(baseSalary.value) ? {\n          minValue: baseSalary.value[0],\n          maxValue: baseSalary.value[1]\n        } : {\n          value: baseSalary.value\n        })\n      };\n    }\n    return undefined;\n  }\n  function setHiringOrganization(org) {\n    if (org === 'confidential') {\n      return 'confidential';\n    }\n    return {\n      '@type': 'Organization',\n      name: org.name,\n      sameAs: org.sameAs,\n      logo: org.logo\n    };\n  }\n  function setJobLocation(location) {\n    if (location) {\n      return {\n        '@type': 'Place',\n        address: {\n          '@type': 'PostalAddress',\n          addressCountry: location.addressCountry,\n          addressLocality: location.addressLocality,\n          addressRegion: location.addressRegion,\n          postalCode: location.postalCode,\n          streetAddress: location.streetAddress\n        }\n      };\n    }\n    return undefined;\n  }\n  function setApplicantLocationRequirements(requirements) {\n    if (requirements) {\n      return {\n        '@type': 'Country',\n        name: requirements\n      };\n    }\n    return undefined;\n  }\n  function setOccupationalExperienceRequirements(requirements) {\n    if (requirements) {\n      return {\n        '@type': requirements['@type'] ? requirements['@type'] : 'OccupationalExperienceRequirements',\n        monthsOfExperience: requirements.minimumMonthsOfExperience\n      };\n    }\n    return undefined;\n  }\n  function setEducationalOccupationalCredential(requirements) {\n    if (requirements) {\n      return {\n        '@type': requirements['@type'] ? requirements['@type'] : 'EducationalOccupationalCredential',\n        credentialCategory: requirements.credentialCategory\n      };\n    }\n    return undefined;\n  }\n  var data = _extends({}, rest, {\n    baseSalary: setBaseSalary(baseSalary),\n    hiringOrganization: setHiringOrganization(hiringOrganization),\n    jobLocation: setJobLocation(jobLocation),\n    applicantLocationRequirements: setApplicantLocationRequirements(applicantLocationRequirements),\n    experienceRequirements: setOccupationalExperienceRequirements(experienceRequirements == null ? void 0 : experienceRequirements.occupational),\n    educationRequirements: setEducationalOccupationalCredential(experienceRequirements == null ? void 0 : experienceRequirements.educational),\n    experienceInPlaceOfEducation: experienceRequirements == null ? void 0 : experienceRequirements.experienceInPlaceOfEducation\n  });\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({\n    type: type,\n    keyOverride: keyOverride\n  }, data, {\n    scriptKey: \"JobPosting\"\n  }));\n}\n\nfunction setAddress(address) {\n  if (!address) return undefined;\n  if (!Array.isArray(address)) return toPostalAddress(address);\n  // If array of one address, replace with single address\n  if (address.length === 1) return toPostalAddress(address[0]);\n  // If array, return mapped array of PostalAddresses\n  return address.map(toPostalAddress);\n}\nfunction toPostalAddress(address) {\n  if (typeof address === 'string') return address;\n  return _extends({\n    '@type': 'PostalAddress'\n  }, address);\n}\n\nfunction setGeo(geo) {\n  if (geo) {\n    return _extends({}, geo, {\n      '@type': 'GeoCoordinates'\n    });\n  }\n  return undefined;\n}\n\nfunction setAction(action) {\n  if (action) {\n    return {\n      '@type': action.actionType,\n      name: action.actionName,\n      target: action.target\n    };\n  }\n  return undefined;\n}\n\nfunction setGeoCircle(geoCircle) {\n  if (geoCircle) {\n    return {\n      '@type': 'GeoCircle',\n      geoMidpoint: {\n        '@type': 'GeoCoordinates',\n        latitude: geoCircle.geoMidpoint.latitude,\n        longitude: geoCircle.geoMidpoint.longitude\n      },\n      geoRadius: geoCircle.geoRadius\n    };\n  }\n  return undefined;\n}\n\nfunction setOffer(offer) {\n  function setPriceSpecification(priceSpecification) {\n    if (priceSpecification) {\n      return {\n        '@type': priceSpecification.type,\n        priceCurrency: priceSpecification.priceCurrency,\n        price: priceSpecification.price\n      };\n    }\n    return undefined;\n  }\n  function setItemOffered(itemOffered) {\n    if (itemOffered) {\n      return _extends({}, itemOffered, {\n        '@type': 'Service'\n      });\n    }\n    return undefined;\n  }\n  if (offer) {\n    return _extends({}, offer, {\n      '@type': 'Offer',\n      priceSpecification: setPriceSpecification(offer.priceSpecification),\n      itemOffered: setItemOffered(offer.itemOffered)\n    });\n  }\n  return undefined;\n}\n\nfunction setOpeningHours(openingHours) {\n  if (openingHours) {\n    return _extends({}, openingHours, {\n      '@type': 'OpeningHoursSpecification'\n    });\n  }\n  return undefined;\n}\n\nvar _excluded$s = [\"type\", \"keyOverride\", \"address\", \"geo\", \"rating\", \"review\", \"action\", \"areaServed\", \"makesOffer\", \"openingHours\", \"images\"];\nfunction LocalBusinessJsonLd(_ref) {\n  var _ref$type = _ref.type,\n    type = _ref$type === void 0 ? 'LocalBusiness' : _ref$type,\n    keyOverride = _ref.keyOverride,\n    address = _ref.address,\n    geo = _ref.geo,\n    rating = _ref.rating,\n    review = _ref.review,\n    action = _ref.action,\n    areaServed = _ref.areaServed,\n    makesOffer = _ref.makesOffer,\n    openingHours = _ref.openingHours,\n    images = _ref.images,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$s);\n  var data = _extends({}, rest, {\n    image: images,\n    address: setAddress(address),\n    geo: setGeo(geo),\n    aggregateRating: setAggregateRating(rating),\n    review: setReviews(review),\n    potentialAction: setAction(action),\n    areaServed: areaServed && areaServed.map(setGeoCircle),\n    makesOffer: makesOffer == null ? void 0 : makesOffer.map(setOffer),\n    openingHoursSpecification: Array.isArray(openingHours) ? openingHours.map(setOpeningHours) : setOpeningHours(openingHours)\n  });\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({\n    type: type,\n    keyOverride: keyOverride\n  }, data, {\n    scriptKey: \"LocalBusiness\"\n  }));\n}\n\nvar _excluded$r = [\"type\", \"keyOverride\", \"mainEntity\"],\n  _excluded2 = [\"upvoteCount\"];\nfunction QAPageJsonLd(_ref) {\n  var _mainEntity$acceptedA;\n  var _ref$type = _ref.type,\n    type = _ref$type === void 0 ? 'QAPage' : _ref$type,\n    keyOverride = _ref.keyOverride,\n    mainEntity = _ref.mainEntity,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$r);\n  var data = _extends({}, rest, {\n    mainEntity: _extends({}, mainEntity, {\n      '@type': 'Question',\n      author: setAuthor(mainEntity.author)\n    }, mainEntity.acceptedAnswer && {\n      acceptedAnswer: _extends({}, mainEntity.acceptedAnswer, {\n        '@type': 'Answer',\n        author: setAuthor((_mainEntity$acceptedA = mainEntity.acceptedAnswer) == null ? void 0 : _mainEntity$acceptedA.author)\n      })\n    }, mainEntity.suggestedAnswer && {\n      suggestedAnswer: mainEntity.suggestedAnswer.map(function (_ref2) {\n        var upvoteCount = _ref2.upvoteCount,\n          rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);\n        return _extends({}, rest, {\n          '@type': 'Answer',\n          upvoteCount: upvoteCount || 0,\n          author: setAuthor(rest.author)\n        });\n      })\n    })\n  });\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({\n    type: type,\n    keyOverride: keyOverride\n  }, data, {\n    scriptKey: \"QAPage\"\n  }));\n}\n\nfunction setItemListElements(items) {\n  if (items && items.length) {\n    return items.map(function (item) {\n      return {\n        '@type': 'ListItem',\n        position: item.position,\n        item: item.item,\n        name: item.name\n      };\n    });\n  }\n  return undefined;\n}\n\nvar _excluded$q = [\"type\", \"keyOverride\", \"breadcrumb\"];\nfunction ProfilePageJsonLd(_ref) {\n  var _ref$type = _ref.type,\n    type = _ref$type === void 0 ? 'ProfilePage' : _ref$type,\n    keyOverride = _ref.keyOverride,\n    breadcrumb = _ref.breadcrumb,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$q);\n  var data = _extends({}, rest, {\n    breadcrumb: Array.isArray(breadcrumb) ? {\n      '@type': 'BreadcrumbList',\n      itemListElement: setItemListElements(breadcrumb)\n    } : breadcrumb\n  });\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({\n    type: type,\n    keyOverride: keyOverride\n  }, data, {\n    scriptKey: \"ProfilePage\"\n  }));\n}\n\nvar _excluded$p = [\"type\", \"keyOverride\", \"potentialActions\"];\nfunction SiteLinksSearchBoxJsonLd(_ref) {\n  var _ref$type = _ref.type,\n    type = _ref$type === void 0 ? 'WebSite' : _ref$type,\n    keyOverride = _ref.keyOverride,\n    potentialActions = _ref.potentialActions,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$p);\n  function setPotentialAction(action) {\n    if (action) {\n      var target = action.target,\n        queryInput = action.queryInput;\n      return {\n        '@type': 'SearchAction',\n        target: target + \"={\" + queryInput + \"}\",\n        'query-input': \"required name=\" + queryInput\n      };\n    }\n    return undefined;\n  }\n  var data = _extends({}, rest, {\n    potentialAction: potentialActions.map(setPotentialAction)\n  });\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({\n    type: type,\n    keyOverride: keyOverride\n  }, data, {\n    scriptKey: \"jsonld-siteLinksSearchBox\"\n  }));\n}\n\nvar _excluded$o = [\"type\", \"keyOverride\", \"authorName\", \"images\", \"yields\", \"category\", \"cuisine\", \"calories\", \"aggregateRating\", \"video\", \"ingredients\", \"instructions\"];\nfunction RecipeJsonLd(_ref) {\n  var _ref$type = _ref.type,\n    type = _ref$type === void 0 ? 'Recipe' : _ref$type,\n    keyOverride = _ref.keyOverride,\n    authorName = _ref.authorName,\n    images = _ref.images,\n    yields = _ref.yields,\n    category = _ref.category,\n    cuisine = _ref.cuisine,\n    calories = _ref.calories,\n    aggregateRating = _ref.aggregateRating,\n    video = _ref.video,\n    ingredients = _ref.ingredients,\n    instructions = _ref.instructions,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$o);\n  var data = _extends({}, rest, {\n    author: setAuthor(authorName),\n    image: images,\n    recipeYield: yields,\n    recipeCategory: category,\n    recipeCuisine: cuisine,\n    nutrition: setNutrition(calories),\n    aggregateRating: setAggregateRating(aggregateRating),\n    video: setVideo(video),\n    recipeIngredient: ingredients,\n    recipeInstructions: instructions ? instructions.map(setInstruction) : undefined\n  });\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({\n    type: type,\n    keyOverride: keyOverride\n  }, data, {\n    scriptKey: \"recipe\"\n  }));\n}\n\nfunction setLocation(location) {\n  if (!location) {\n    return undefined;\n  }\n  if (typeof location === 'string') {\n    return location;\n  }\n  if ('url' in location) {\n    return setVirtualLocation(location);\n  } else {\n    return setPlace(location);\n  }\n}\nfunction setVirtualLocation(location) {\n  return _extends({}, location, {\n    '@type': 'VirtualLocation'\n  });\n}\nfunction setPlace(location) {\n  return _extends({}, location, {\n    address: setAddress(location.address),\n    '@type': 'Place'\n  });\n}\n\nvar _excluded$n = [\"type\"];\nfunction setPerformer(performer) {\n  if (performer) {\n    var type = performer.type,\n      restPerformer = _objectWithoutPropertiesLoose(performer, _excluded$n);\n    return _extends({}, restPerformer, {\n      '@type': type || 'PerformingGroup'\n    });\n  }\n  return undefined;\n}\n\nvar _excluded$m = [\"seller\"];\nfunction setOffers(offers) {\n  function mapOffer(_ref) {\n    var seller = _ref.seller,\n      rest = _objectWithoutPropertiesLoose(_ref, _excluded$m);\n    return _extends({}, rest, {\n      '@type': 'Offer'\n    }, seller && {\n      seller: {\n        '@type': 'Organization',\n        name: seller.name\n      }\n    });\n  }\n  if (Array.isArray(offers)) {\n    return offers.map(mapOffer);\n  } else if (offers) {\n    return mapOffer(offers);\n  }\n  return undefined;\n}\n\nfunction setAggregateOffer(aggregateOffer) {\n  if (aggregateOffer) {\n    return {\n      '@type': 'AggregateOffer',\n      priceCurrency: aggregateOffer.priceCurrency,\n      highPrice: aggregateOffer.highPrice,\n      lowPrice: aggregateOffer.lowPrice,\n      offerCount: aggregateOffer.offerCount,\n      offers: setOffers(aggregateOffer.offers)\n    };\n  }\n  return undefined;\n}\n\nvar _excluded$l = [\"type\"];\nfunction setOrganizer(organizer) {\n  if (organizer) {\n    var type = organizer.type,\n      restOrganizer = _objectWithoutPropertiesLoose(organizer, _excluded$l);\n    return _extends({}, restOrganizer, {\n      '@type': type || 'Person'\n    });\n  }\n  return undefined;\n}\n\nvar _excluded$k = [\"type\", \"keyOverride\", \"location\", \"images\", \"offers\", \"aggregateOffer\", \"performers\", \"organizer\", \"eventStatus\", \"eventAttendanceMode\"];\nfunction EventJsonLd(_ref) {\n  var _ref$type = _ref.type,\n    type = _ref$type === void 0 ? 'Event' : _ref$type,\n    keyOverride = _ref.keyOverride,\n    location = _ref.location,\n    images = _ref.images,\n    offers = _ref.offers,\n    aggregateOffer = _ref.aggregateOffer,\n    performers = _ref.performers,\n    organizer = _ref.organizer,\n    eventStatus = _ref.eventStatus,\n    eventAttendanceMode = _ref.eventAttendanceMode,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$k);\n  var data = _extends({}, rest, {\n    location: setLocation(location),\n    image: images,\n    offers: offers ? setOffers(offers) : setAggregateOffer(aggregateOffer),\n    performer: Array.isArray(performers) ? performers.map(setPerformer) : setPerformer(performers),\n    organizer: Array.isArray(organizer) ? organizer.map(setOrganizer) : setOrganizer(organizer),\n    eventStatus: eventStatus ? \"https://schema.org/\" + eventStatus : undefined,\n    eventAttendanceMode: eventAttendanceMode ? \"https://schema.org/\" + eventAttendanceMode : undefined\n  });\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({\n    type: type,\n    keyOverride: keyOverride\n  }, data, {\n    scriptKey: \"Event\"\n  }));\n}\n\nfunction setContactPoint(contactPoint) {\n  if (contactPoint) {\n    return _extends({}, contactPoint, {\n      '@type': 'ContactPoint'\n    });\n  }\n  return undefined;\n}\n\nvar _excluded$j = [\"type\", \"keyOverride\", \"contactPoint\"];\nfunction CorporateContactJsonLd(_ref) {\n  var _ref$type = _ref.type,\n    type = _ref$type === void 0 ? 'Organization' : _ref$type,\n    keyOverride = _ref.keyOverride,\n    contactPoint = _ref.contactPoint,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$j);\n  var data = _extends({}, rest, {\n    contactPoint: contactPoint.map(setContactPoint)\n  });\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({\n    type: type,\n    keyOverride: keyOverride\n  }, data, {\n    scriptKey: \"CorporateContact\"\n  }));\n}\n\nfunction setCreativeWork(creativeWork) {\n  if (creativeWork) {\n    return _extends({}, creativeWork, {\n      '@type': 'CreativeWork'\n    });\n  }\n  return undefined;\n}\n\nvar _excluded$i = [\"type\", \"keyOverride\", \"hasPart\"];\nfunction CollectionPageJsonLd(_ref) {\n  var _ref$type = _ref.type,\n    type = _ref$type === void 0 ? 'CollectionPage' : _ref$type,\n    keyOverride = _ref.keyOverride,\n    hasPart = _ref.hasPart,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$i);\n  var data = _extends({}, rest, {\n    hasPart: hasPart.map(setCreativeWork)\n  });\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({\n    type: type,\n    keyOverride: keyOverride\n  }, data, {\n    scriptKey: \"CollectionPage\"\n  }));\n}\n\nfunction setManufacturer(manufacturer) {\n  if (manufacturer && (manufacturer.manufacturerName || manufacturer.manufacturerLogo)) {\n    return {\n      '@type': 'Organization',\n      name: manufacturer.manufacturerName,\n      logo: setImage(manufacturer.manufacturerLogo)\n    };\n  }\n  return undefined;\n}\n\nfunction setBrand(brand) {\n  if (brand) {\n    return {\n      '@type': 'Brand',\n      name: brand\n    };\n  }\n  return undefined;\n}\n\nvar _excluded$h = [\"type\", \"keyOverride\", \"images\", \"brand\", \"reviews\", \"aggregateRating\", \"manufacturerLogo\", \"manufacturerName\", \"offers\", \"aggregateOffer\", \"productName\"];\nfunction ProductJsonLd(_ref) {\n  var _ref$type = _ref.type,\n    type = _ref$type === void 0 ? 'Product' : _ref$type,\n    keyOverride = _ref.keyOverride,\n    images = _ref.images,\n    brand = _ref.brand,\n    reviews = _ref.reviews,\n    aggregateRating = _ref.aggregateRating,\n    manufacturerLogo = _ref.manufacturerLogo,\n    manufacturerName = _ref.manufacturerName,\n    offers = _ref.offers,\n    aggregateOffer = _ref.aggregateOffer,\n    productName = _ref.productName,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$h);\n  var data = _extends({}, rest, {\n    image: images,\n    brand: setBrand(brand),\n    review: setReviews(reviews),\n    aggregateRating: setAggregateRating(aggregateRating),\n    manufacturer: setManufacturer({\n      manufacturerLogo: manufacturerLogo,\n      manufacturerName: manufacturerName\n    }),\n    offers: offers ? setOffers(offers) : setAggregateOffer(aggregateOffer),\n    name: productName\n  });\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({\n    type: type,\n    keyOverride: keyOverride\n  }, data, {\n    scriptKey: \"Product\"\n  }));\n}\n\nvar _excluded$g = [\"type\", \"keyOverride\", \"priceCurrency\", \"price\", \"aggregateRating\", \"review\", \"keywords\"];\nfunction SoftwareAppJsonLd(_ref) {\n  var _ref$type = _ref.type,\n    type = _ref$type === void 0 ? 'SoftwareApplication' : _ref$type,\n    keyOverride = _ref.keyOverride,\n    priceCurrency = _ref.priceCurrency,\n    price = _ref.price,\n    aggregateRating = _ref.aggregateRating,\n    review = _ref.review,\n    keywords = _ref.keywords,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$g);\n  var data = _extends({}, rest, {\n    offers: {\n      '@type': 'Offer',\n      price: price,\n      priceCurrency: priceCurrency\n    },\n    aggregateRating: setAggregateRating(aggregateRating),\n    review: setReviews(review),\n    keywords: keywords\n  });\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({\n    type: type,\n    keyOverride: keyOverride\n  }, data, {\n    scriptKey: \"SoftwareApp\"\n  }));\n}\n\nvar _excluded$f = [\"type\", \"keyOverride\"];\nfunction VideoJsonLd(_ref) {\n  var _ref$type = _ref.type,\n    type = _ref$type === void 0 ? 'Video' : _ref$type,\n    keyOverride = _ref.keyOverride,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$f);\n  var data = setVideo(rest, true);\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({\n    type: type,\n    keyOverride: keyOverride\n  }, data, {\n    scriptKey: \"Video\"\n  }));\n}\n\nfunction setProducer(producer) {\n  if (producer) {\n    return {\n      '@type': 'Organization',\n      sameAs: producer.url,\n      name: producer.name\n    };\n  }\n  return undefined;\n}\n\nfunction setProvider(provider) {\n  if (provider) {\n    return {\n      '@type': provider.type || 'Organization',\n      name: provider.name,\n      sameAs: provider.url\n    };\n  }\n  return undefined;\n}\n\nvar _excluded$e = [\"type\", \"keyOverride\", \"aggregateRating\", \"trailer\", \"reviews\", \"image\", \"authorName\", \"provider\", \"producerName\", \"producerUrl\", \"offers\", \"operatingSystemName\", \"platformName\", \"translatorName\", \"languageName\", \"genreName\", \"publisherName\"];\nfunction VideoGameJsonLd(_ref) {\n  var _ref$type = _ref.type,\n    type = _ref$type === void 0 ? 'VideoGame' : _ref$type,\n    keyOverride = _ref.keyOverride,\n    aggregateRating = _ref.aggregateRating,\n    trailer = _ref.trailer,\n    reviews = _ref.reviews,\n    image = _ref.image,\n    authorName = _ref.authorName,\n    provider = _ref.provider,\n    producerName = _ref.producerName,\n    producerUrl = _ref.producerUrl,\n    offers = _ref.offers,\n    operatingSystemName = _ref.operatingSystemName,\n    platformName = _ref.platformName,\n    translatorName = _ref.translatorName,\n    languageName = _ref.languageName,\n    genreName = _ref.genreName,\n    publisherName = _ref.publisherName,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);\n  var data = _extends({}, rest, {\n    aggregateRating: setAggregateRating(aggregateRating),\n    trailer: setVideo(trailer),\n    review: setReviews(reviews),\n    image: setImage(image),\n    author: setAuthor(authorName),\n    provider: setProvider(provider),\n    producer: setProducer({\n      name: producerName,\n      url: producerUrl\n    }),\n    offers: setOffers(offers),\n    operatingSystem: operatingSystemName,\n    gamePlatform: platformName,\n    translator: translatorName,\n    inLanguage: languageName,\n    genre: genreName,\n    publisher: publisherName\n  });\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({\n    type: type,\n    keyOverride: keyOverride\n  }, data, {\n    scriptKey: \"VideoGame\"\n  }));\n}\n\nfunction setContactPoints(contactPoint) {\n  if (contactPoint && contactPoint.length) {\n    return contactPoint.map(function (contactPoint) {\n      return _extends({\n        '@type': 'ContactPoint'\n      }, contactPoint);\n    });\n  }\n  return undefined;\n}\n\nvar _excluded$d = [\"type\", \"keyOverride\", \"address\", \"contactPoints\", \"contactPoint\"];\nfunction OrganizationJsonLd(_ref) {\n  var _ref$type = _ref.type,\n    type = _ref$type === void 0 ? 'Organization' : _ref$type,\n    keyOverride = _ref.keyOverride,\n    address = _ref.address,\n    contactPoints = _ref.contactPoints,\n    contactPoint = _ref.contactPoint,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);\n  var data = _extends({}, rest, {\n    address: setAddress(address),\n    contactPoint: setContactPoints(contactPoint || contactPoints)\n  });\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({\n    type: type,\n    keyOverride: keyOverride\n  }, data, {\n    scriptKey: \"organization\"\n  }));\n}\n\nfunction setQuestions(questions) {\n  if (questions && questions.length) {\n    return questions.map(function (question) {\n      return {\n        '@type': 'Question',\n        name: question.questionName,\n        acceptedAnswer: {\n          '@type': 'Answer',\n          text: question.acceptedAnswerText\n        }\n      };\n    });\n  }\n  return undefined;\n}\n\nvar _excluded$c = [\"type\", \"keyOverride\", \"mainEntity\"];\nfunction FAQPageJsonLd(_ref) {\n  var _ref$type = _ref.type,\n    type = _ref$type === void 0 ? 'FAQPage' : _ref$type,\n    keyOverride = _ref.keyOverride,\n    mainEntity = _ref.mainEntity,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$c);\n  var data = _extends({}, rest, {\n    mainEntity: setQuestions(mainEntity)\n  });\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({\n    type: type,\n    keyOverride: keyOverride\n  }, data, {\n    scriptKey: \"faq-page\"\n  }));\n}\n\nvar _excluded$b = [\"type\", \"keyOverride\"];\nfunction LogoJsonLd(_ref) {\n  var _ref$type = _ref.type,\n    type = _ref$type === void 0 ? 'Organization' : _ref$type,\n    keyOverride = _ref.keyOverride,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({\n    type: type,\n    keyOverride: keyOverride\n  }, rest, {\n    scriptKey: \"Logo\"\n  }));\n}\n\nvar _excluded$a = [\"type\", \"keyOverride\"];\nfunction DatasetJsonLd(_ref) {\n  var _ref$type = _ref.type,\n    type = _ref$type === void 0 ? 'Dataset' : _ref$type,\n    keyOverride = _ref.keyOverride,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({\n    type: type,\n    keyOverride: keyOverride\n  }, rest, {\n    scriptKey: \"dataset\"\n  }));\n}\n\nvar _excluded$9 = [\"type\", \"keyOverride\", \"courseName\", \"provider\"];\nfunction CourseJsonLd(_ref) {\n  var _ref$type = _ref.type,\n    type = _ref$type === void 0 ? 'Course' : _ref$type,\n    keyOverride = _ref.keyOverride,\n    courseName = _ref.courseName,\n    provider = _ref.provider,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$9);\n  var data = _extends({\n    name: courseName\n  }, rest, {\n    provider: setProvider(provider)\n  });\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({\n    type: type,\n    keyOverride: keyOverride\n  }, data, {\n    scriptKey: \"course\"\n  }));\n}\n\nvar _excluded$8 = [\"type\", \"keyOverride\", \"itemListElements\"];\nfunction BreadCrumbJsonLd(_ref) {\n  var _ref$type = _ref.type,\n    type = _ref$type === void 0 ? 'BreadcrumbList' : _ref$type,\n    keyOverride = _ref.keyOverride,\n    itemListElements = _ref.itemListElements,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);\n  var data = _extends({}, rest, {\n    itemListElement: setItemListElements(itemListElements)\n  });\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({\n    type: type,\n    keyOverride: keyOverride\n  }, data, {\n    scriptKey: \"breadcrumb\"\n  }));\n}\n\nvar _excluded$7 = [\"type\", \"id\", \"keyOverride\", \"aggregateRating\"];\nfunction BrandJsonLd(_ref) {\n  var _ref$type = _ref.type,\n    type = _ref$type === void 0 ? 'Brand' : _ref$type,\n    id = _ref.id,\n    keyOverride = _ref.keyOverride,\n    aggregateRating = _ref.aggregateRating,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);\n  var data = _extends({\n    aggregateRating: setAggregateRating(aggregateRating),\n    '@id': id\n  }, rest);\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({\n    type: type,\n    keyOverride: keyOverride\n  }, data, {\n    scriptKey: \"brand\"\n  }));\n}\n\nvar _excluded$6 = [\"type\", \"keyOverride\", \"url\", \"title\", \"images\", \"datePublished\", \"dateModified\", \"authorName\", \"publisherName\", \"publisherLogo\", \"description\", \"isAccessibleForFree\"];\nfunction ArticleJsonLd(_ref) {\n  var _ref$type = _ref.type,\n    type = _ref$type === void 0 ? 'Article' : _ref$type,\n    keyOverride = _ref.keyOverride,\n    url = _ref.url,\n    title = _ref.title,\n    images = _ref.images,\n    datePublished = _ref.datePublished,\n    dateModified = _ref.dateModified,\n    authorName = _ref.authorName,\n    _ref$publisherName = _ref.publisherName,\n    publisherName = _ref$publisherName === void 0 ? undefined : _ref$publisherName,\n    _ref$publisherLogo = _ref.publisherLogo,\n    publisherLogo = _ref$publisherLogo === void 0 ? undefined : _ref$publisherLogo,\n    description = _ref.description,\n    isAccessibleForFree = _ref.isAccessibleForFree,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);\n  var data = _extends({\n    datePublished: datePublished,\n    description: description,\n    mainEntityOfPage: {\n      '@type': 'WebPage',\n      '@id': url\n    },\n    headline: title,\n    image: images,\n    dateModified: dateModified || datePublished,\n    author: setAuthor(authorName),\n    publisher: setPublisher(publisherName, publisherLogo),\n    isAccessibleForFree: isAccessibleForFree\n  }, rest);\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({\n    type: type,\n    keyOverride: keyOverride\n  }, data, {\n    scriptKey: \"article\"\n  }));\n}\n\nfunction setReviewedBy(reviewedBy) {\n  if (reviewedBy) {\n    return _extends({\n      '@type': (reviewedBy == null ? void 0 : reviewedBy.type) || 'Organization'\n    }, reviewedBy);\n  }\n  return undefined;\n}\n\nvar _excluded$5 = [\"keyOverride\", \"reviewedBy\"];\nfunction WebPageJsonLd(_ref) {\n  var keyOverride = _ref.keyOverride,\n    reviewedBy = _ref.reviewedBy,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);\n  var data = _extends({}, rest, {\n    reviewedBy: setReviewedBy(reviewedBy)\n  });\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({\n    keyOverride: keyOverride\n  }, data, {\n    type: \"WebPage\",\n    scriptKey: \"WebPage\"\n  }));\n}\n\nvar _excluded$4 = [\"type\", \"keyOverride\"];\nfunction SocialProfileJsonLd(_ref) {\n  var type = _ref.type,\n    keyOverride = _ref.keyOverride,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({\n    type: type,\n    keyOverride: keyOverride\n  }, rest, {\n    scriptKey: \"social\"\n  }));\n}\n\nfunction setCost(cost) {\n  if (cost) {\n    return _extends({}, cost, {\n      '@type': 'MonetaryAmount'\n    });\n  }\n  return undefined;\n}\n\nfunction setSupply(supply) {\n  if (supply) {\n    return supply.map(function (supplyItem) {\n      return {\n        '@type': 'HowToSupply',\n        name: supplyItem\n      };\n    });\n  }\n  return undefined;\n}\n\nfunction setTool(tool) {\n  if (tool) {\n    return tool.map(function (toolItem) {\n      return {\n        '@type': 'HowToTool',\n        name: toolItem\n      };\n    });\n  }\n  return undefined;\n}\n\nfunction setStep(step) {\n  if (step) {\n    return step.map(function (stepElement) {\n      var itemListElement = stepElement.itemListElement,\n        image = stepElement.image;\n      var currentListElements = itemListElement == null ? void 0 : itemListElement.map(function (_ref) {\n        var type = _ref.type,\n          text = _ref.text;\n        return {\n          '@type': type,\n          text: text\n        };\n      });\n      return _extends({}, stepElement, {\n        '@type': 'HowToStep',\n        itemListElement: currentListElements,\n        image: setImage(image)\n      });\n    });\n  }\n  return undefined;\n}\n\nvar _excluded$3 = [\"type\", \"keyOverride\", \"image\", \"estimatedCost\", \"supply\", \"tool\", \"step\"];\nfunction howToJsonLd(_ref) {\n  var _ref$type = _ref.type,\n    type = _ref$type === void 0 ? 'HowTo' : _ref$type,\n    keyOverride = _ref.keyOverride,\n    image = _ref.image,\n    estimatedCost = _ref.estimatedCost,\n    supply = _ref.supply,\n    tool = _ref.tool,\n    step = _ref.step,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);\n  var data = _extends({}, rest, {\n    image: setImage(image),\n    estimatedCost: setCost(estimatedCost),\n    supply: setSupply(supply),\n    tool: setTool(tool),\n    step: setStep(step)\n  });\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({\n    type: type,\n    keyOverride: keyOverride\n  }, data, {\n    scriptKey: \"howTo\"\n  }));\n}\n\nvar _excluded$2 = [\"keyOverride\", \"images\"];\nfunction ImageJsonLd(_ref) {\n  var keyOverride = _ref.keyOverride,\n    images = _ref.images,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({}, rest, {\n    type: \"ImageObject\",\n    keyOverride: keyOverride,\n    dataArray: images,\n    scriptKey: \"image\"\n  }));\n}\n\nfunction setAmenityFeature(amenityFeature) {\n  if (!amenityFeature) return undefined;\n  if (!Array.isArray(amenityFeature)) {\n    return decorateAmenityFeature(amenityFeature);\n  }\n  if (amenityFeature.length === 1) {\n    return decorateAmenityFeature(amenityFeature[0]);\n  }\n  return amenityFeature.map(decorateAmenityFeature);\n}\nfunction decorateAmenityFeature(amenity) {\n  return _extends({\n    '@type': 'LocationFeatureSpecification'\n  }, amenity);\n}\n\nvar _excluded$1 = [\"address\", \"geo\", \"images\", \"keyOverride\", \"openingHours\", \"type\", \"amenityFeature\", \"rating\"];\nfunction CampgroundJsonLd(_ref) {\n  var address = _ref.address,\n    geo = _ref.geo,\n    images = _ref.images,\n    keyOverride = _ref.keyOverride,\n    openingHours = _ref.openingHours,\n    _ref$type = _ref.type,\n    type = _ref$type === void 0 ? 'Campground' : _ref$type,\n    amenityFeature = _ref.amenityFeature,\n    rating = _ref.rating,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);\n  var data = _extends({\n    image: images,\n    openingHoursSpecification: Array.isArray(openingHours) ? openingHours.map(setOpeningHours) : setOpeningHours(openingHours),\n    address: setAddress(address),\n    geo: setGeo(geo),\n    amenityFeature: setAmenityFeature(amenityFeature),\n    aggregateRating: setAggregateRating(rating)\n  }, rest);\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({\n    type: type,\n    keyOverride: keyOverride\n  }, data, {\n    scriptKey: \"campground\"\n  }));\n}\n\nvar _excluded = [\"address\", \"geo\", \"images\", \"keyOverride\", \"openingHours\", \"type\"];\nfunction ParkJsonLd(_ref) {\n  var address = _ref.address,\n    geo = _ref.geo,\n    images = _ref.images,\n    keyOverride = _ref.keyOverride,\n    openingHours = _ref.openingHours,\n    _ref$type = _ref.type,\n    type = _ref$type === void 0 ? 'Park' : _ref$type,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded);\n  var data = _extends({\n    image: images,\n    openingHoursSpecification: Array.isArray(openingHours) ? openingHours.map(setOpeningHours) : setOpeningHours(openingHours),\n    address: setAddress(address),\n    geo: setGeo(geo)\n  }, rest);\n  return /*#__PURE__*/React.createElement(JsonLd, _extends({\n    type: type,\n    keyOverride: keyOverride\n  }, data, {\n    scriptKey: \"park\"\n  }));\n}\n\nexport { ArticleJsonLd, BrandJsonLd, BreadCrumbJsonLd as BreadcrumbJsonLd, CampgroundJsonLd, CarouselJsonLd, CollectionPageJsonLd, CorporateContactJsonLd, CourseJsonLd, DatasetJsonLd, DefaultSeo, EventJsonLd, FAQPageJsonLd, howToJsonLd as HowToJsonLd, ImageJsonLd, JobPostingJsonLd, LocalBusinessJsonLd, LogoJsonLd, NewsArticleJsonLd, NextSeo, OrganizationJsonLd, ParkJsonLd, ProductJsonLd, ProfilePageJsonLd, QAPageJsonLd, RecipeJsonLd, SiteLinksSearchBoxJsonLd, SocialProfileJsonLd, SoftwareAppJsonLd, VideoGameJsonLd, VideoJsonLd, WebPageJsonLd };\n","module.exports = require('./dist/pages/_app')\n","\"use strict\";\nvar assign = Object.assign.bind(Object);\nmodule.exports = assign;\nmodule.exports.default = module.exports;\n\n//# sourceMappingURL=object-assign.js.map","\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/_app\",\n      function () {\n        return require(\"private-next-pages/_app.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/_app\"])\n      });\n    }\n  ","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"getDomainLocale\", {\n    enumerable: true,\n    get: function() {\n        return getDomainLocale;\n    }\n});\nconst basePath = process.env.__NEXT_ROUTER_BASEPATH || \"\";\nfunction getDomainLocale(path, locale, locales, domainLocales) {\n    if (process.env.__NEXT_I18N_SUPPORT) {\n        const normalizeLocalePath = require(\"./normalize-locale-path\").normalizeLocalePath;\n        const detectDomainLocale = require(\"./detect-domain-locale\").detectDomainLocale;\n        const target = locale || normalizeLocalePath(path, locales).detectedLocale;\n        const domain = detectDomainLocale(domainLocales, undefined, target);\n        if (domain) {\n            const proto = \"http\".concat(domain.http ? \"\" : \"s\", \"://\");\n            const finalLocale = target === domain.defaultLocale ? \"\" : \"/\".concat(target);\n            return \"\".concat(proto).concat(domain.domain).concat(basePath).concat(finalLocale).concat(path);\n        }\n        return false;\n    } else {\n        return false;\n    }\n}\nif ((typeof exports.default === \"function\" || typeof exports.default === \"object\" && exports.default !== null) && typeof exports.default.__esModule === \"undefined\") {\n    Object.defineProperty(exports.default, \"__esModule\", {\n        value: true\n    });\n    Object.assign(exports.default, exports);\n    module.exports = exports.default;\n} //# sourceMappingURL=get-domain-locale.js.map\n","\"use strict\";\n\"use client\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"default\", {\n    enumerable: true,\n    get: function() {\n        return _default;\n    }\n});\nconst _extends = require(\"@swc/helpers/_/_extends\");\nconst _interop_require_default = require(\"@swc/helpers/_/_interop_require_default\");\nconst _interop_require_wildcard = require(\"@swc/helpers/_/_interop_require_wildcard\");\nconst _object_without_properties_loose = require(\"@swc/helpers/_/_object_without_properties_loose\");\nconst _react = /*#__PURE__*/ _interop_require_wildcard._(require(\"react\"));\nconst _head = /*#__PURE__*/ _interop_require_default._(require(\"../shared/lib/head\"));\nconst _imageblursvg = require(\"../shared/lib/image-blur-svg\");\nconst _imageconfig = require(\"../shared/lib/image-config\");\nconst _imageconfigcontext = require(\"../shared/lib/image-config-context\");\nconst _warnonce = require(\"../shared/lib/utils/warn-once\");\nconst _imageloader = /*#__PURE__*/ _interop_require_default._(require(\"next/dist/shared/lib/image-loader\"));\nconst configEnv = process.env.__NEXT_IMAGE_OPTS;\nconst allImgs = new Map();\nlet perfObserver;\nif (\"object\" === \"undefined\") {\n    globalThis.__NEXT_IMAGE_IMPORTED = true;\n}\nconst VALID_LOADING_VALUES = [\n    \"lazy\",\n    \"eager\",\n    undefined\n];\nfunction isStaticRequire(src) {\n    return src.default !== undefined;\n}\nfunction isStaticImageData(src) {\n    return src.src !== undefined;\n}\nfunction isStaticImport(src) {\n    return typeof src === \"object\" && (isStaticRequire(src) || isStaticImageData(src));\n}\nfunction getWidths(param, width, sizes) {\n    let { deviceSizes , allSizes  } = param;\n    if (sizes) {\n        // Find all the \"vw\" percent sizes used in the sizes prop\n        const viewportWidthRe = /(^|\\s)(1?\\d?\\d)vw/g;\n        const percentSizes = [];\n        for(let match; match = viewportWidthRe.exec(sizes); match){\n            percentSizes.push(parseInt(match[2]));\n        }\n        if (percentSizes.length) {\n            const smallestRatio = Math.min(...percentSizes) * 0.01;\n            return {\n                widths: allSizes.filter((s)=>s >= deviceSizes[0] * smallestRatio),\n                kind: \"w\"\n            };\n        }\n        return {\n            widths: allSizes,\n            kind: \"w\"\n        };\n    }\n    if (typeof width !== \"number\") {\n        return {\n            widths: deviceSizes,\n            kind: \"w\"\n        };\n    }\n    const widths = [\n        ...new Set(// > are actually 3x in the green color, but only 1.5x in the red and\n        // > blue colors. Showing a 3x resolution image in the app vs a 2x\n        // > resolution image will be visually the same, though the 3x image\n        // > takes significantly more data. Even true 3x resolution screens are\n        // > wasteful as the human eye cannot see that level of detail without\n        // > something like a magnifying glass.\n        // https://blog.twitter.com/engineering/en_us/topics/infrastructure/2019/capping-image-fidelity-on-ultra-high-resolution-devices.html\n        [\n            width,\n            width * 2 /*, width * 3*/ \n        ].map((w)=>allSizes.find((p)=>p >= w) || allSizes[allSizes.length - 1]))\n    ];\n    return {\n        widths,\n        kind: \"x\"\n    };\n}\nfunction generateImgAttrs(param) {\n    let { config , src , unoptimized , width , quality , sizes , loader  } = param;\n    if (unoptimized) {\n        return {\n            src,\n            srcSet: undefined,\n            sizes: undefined\n        };\n    }\n    const { widths , kind  } = getWidths(config, width, sizes);\n    const last = widths.length - 1;\n    return {\n        sizes: !sizes && kind === \"w\" ? \"100vw\" : sizes,\n        srcSet: widths.map((w, i)=>\"\".concat(loader({\n                config,\n                src,\n                quality,\n                width: w\n            }), \" \").concat(kind === \"w\" ? w : i + 1).concat(kind)).join(\", \"),\n        // It's intended to keep `src` the last attribute because React updates\n        // attributes in order. If we keep `src` the first one, Safari will\n        // immediately start to fetch `src`, before `sizes` and `srcSet` are even\n        // updated by React. That causes multiple unnecessary requests if `srcSet`\n        // and `sizes` are defined.\n        // This bug cannot be reproduced in Chrome or Firefox.\n        src: loader({\n            config,\n            src,\n            quality,\n            width: widths[last]\n        })\n    };\n}\nfunction getInt(x) {\n    if (typeof x === \"number\" || typeof x === \"undefined\") {\n        return x;\n    }\n    if (typeof x === \"string\" && /^[0-9]+$/.test(x)) {\n        return parseInt(x, 10);\n    }\n    return NaN;\n}\n// See https://stackoverflow.com/q/39777833/266535 for why we use this ref\n// handler instead of the img's onLoad attribute.\nfunction handleLoading(img, src, placeholder, onLoadRef, onLoadingCompleteRef, setBlurComplete, unoptimized) {\n    if (!img || img[\"data-loaded-src\"] === src) {\n        return;\n    }\n    img[\"data-loaded-src\"] = src;\n    const p = \"decode\" in img ? img.decode() : Promise.resolve();\n    p.catch(()=>{}).then(()=>{\n        if (!img.parentElement || !img.isConnected) {\n            // Exit early in case of race condition:\n            // - onload() is called\n            // - decode() is called but incomplete\n            // - unmount is called\n            // - decode() completes\n            return;\n        }\n        if (placeholder === \"blur\") {\n            setBlurComplete(true);\n        }\n        if (onLoadRef == null ? void 0 : onLoadRef.current) {\n            // Since we don't have the SyntheticEvent here,\n            // we must create one with the same shape.\n            // See https://reactjs.org/docs/events.html\n            const event = new Event(\"load\");\n            Object.defineProperty(event, \"target\", {\n                writable: false,\n                value: img\n            });\n            let prevented = false;\n            let stopped = false;\n            onLoadRef.current(_extends._({}, event, {\n                nativeEvent: event,\n                currentTarget: img,\n                target: img,\n                isDefaultPrevented: ()=>prevented,\n                isPropagationStopped: ()=>stopped,\n                persist: ()=>{},\n                preventDefault: ()=>{\n                    prevented = true;\n                    event.preventDefault();\n                },\n                stopPropagation: ()=>{\n                    stopped = true;\n                    event.stopPropagation();\n                }\n            }));\n        }\n        if (onLoadingCompleteRef == null ? void 0 : onLoadingCompleteRef.current) {\n            onLoadingCompleteRef.current(img);\n        }\n        if (\"production\" !== \"production\") {\n            if (img.getAttribute(\"data-nimg\") === \"fill\") {\n                if (!unoptimized && (!img.getAttribute(\"sizes\") || img.getAttribute(\"sizes\") === \"100vw\")) {\n                    let widthViewportRatio = img.getBoundingClientRect().width / window.innerWidth;\n                    if (widthViewportRatio < 0.6) {\n                        (0, _warnonce.warnOnce)('Image with src \"'.concat(src, '\" has \"fill\" but is missing \"sizes\" prop. Please add it to improve page performance. Read more: https://nextjs.org/docs/api-reference/next/image#sizes'));\n                    }\n                }\n                if (img.parentElement) {\n                    const { position  } = window.getComputedStyle(img.parentElement);\n                    const valid = [\n                        \"absolute\",\n                        \"fixed\",\n                        \"relative\"\n                    ];\n                    if (!valid.includes(position)) {\n                        (0, _warnonce.warnOnce)('Image with src \"'.concat(src, '\" has \"fill\" and parent element with invalid \"position\". Provided \"').concat(position, '\" should be one of ').concat(valid.map(String).join(\",\"), \".\"));\n                    }\n                }\n                if (img.height === 0) {\n                    (0, _warnonce.warnOnce)('Image with src \"'.concat(src, '\" has \"fill\" and a height value of 0. This is likely because the parent element of the image has not been styled to have a set height.'));\n                }\n            }\n            const heightModified = img.height.toString() !== img.getAttribute(\"height\");\n            const widthModified = img.width.toString() !== img.getAttribute(\"width\");\n            if (heightModified && !widthModified || !heightModified && widthModified) {\n                (0, _warnonce.warnOnce)('Image with src \"'.concat(src, '\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles \\'width: \"auto\"\\' or \\'height: \"auto\"\\' to maintain the aspect ratio.'));\n            }\n        }\n    });\n}\nfunction getDynamicProps(fetchPriority) {\n    const [majorStr, minorStr] = _react.version.split(\".\");\n    const major = parseInt(majorStr, 10);\n    const minor = parseInt(minorStr, 10);\n    if (major > 18 || major === 18 && minor >= 3) {\n        // In React 18.3.0 or newer, we must use camelCase\n        // prop to avoid \"Warning: Invalid DOM property\".\n        // See https://github.com/facebook/react/pull/25927\n        return {\n            fetchPriority\n        };\n    }\n    // In React 18.2.0 or older, we must use lowercase prop\n    // to avoid \"Warning: Invalid DOM property\".\n    return {\n        fetchpriority: fetchPriority\n    };\n}\nconst ImageElement = /*#__PURE__*/ (0, _react.forwardRef)((_param, forwardedRef)=>{\n    var { imgAttributes , heightInt , widthInt , qualityInt , className , imgStyle , blurStyle , isLazy , fetchPriority , fill , placeholder , loading , srcString , config , unoptimized , loader , onLoadRef , onLoadingCompleteRef , setBlurComplete , setShowAltText , onLoad , onError  } = _param, rest = _object_without_properties_loose._(_param, [\n        \"imgAttributes\",\n        \"heightInt\",\n        \"widthInt\",\n        \"qualityInt\",\n        \"className\",\n        \"imgStyle\",\n        \"blurStyle\",\n        \"isLazy\",\n        \"fetchPriority\",\n        \"fill\",\n        \"placeholder\",\n        \"loading\",\n        \"srcString\",\n        \"config\",\n        \"unoptimized\",\n        \"loader\",\n        \"onLoadRef\",\n        \"onLoadingCompleteRef\",\n        \"setBlurComplete\",\n        \"setShowAltText\",\n        \"onLoad\",\n        \"onError\"\n    ]);\n    loading = isLazy ? \"lazy\" : loading;\n    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(\"img\", _extends._({}, rest, getDynamicProps(fetchPriority), {\n        loading: loading,\n        width: widthInt,\n        height: heightInt,\n        decoding: \"async\",\n        \"data-nimg\": fill ? \"fill\" : \"1\",\n        className: className,\n        style: _extends._({}, imgStyle, blurStyle)\n    }, imgAttributes, {\n        ref: (0, _react.useCallback)((img)=>{\n            if (forwardedRef) {\n                if (typeof forwardedRef === \"function\") forwardedRef(img);\n                else if (typeof forwardedRef === \"object\") {\n                    // @ts-ignore - .current is read only it's usually assigned by react internally\n                    forwardedRef.current = img;\n                }\n            }\n            if (!img) {\n                return;\n            }\n            if (onError) {\n                // If the image has an error before react hydrates, then the error is lost.\n                // The workaround is to wait until the image is mounted which is after hydration,\n                // then we set the src again to trigger the error handler (if there was an error).\n                // eslint-disable-next-line no-self-assign\n                img.src = img.src;\n            }\n            if (\"production\" !== \"production\") {\n                if (!srcString) {\n                    ;\n                }\n                if (img.getAttribute(\"alt\") === null) {\n                    ;\n                }\n            }\n            if (img.complete) {\n                handleLoading(img, srcString, placeholder, onLoadRef, onLoadingCompleteRef, setBlurComplete, unoptimized);\n            }\n        }, [\n            srcString,\n            placeholder,\n            onLoadRef,\n            onLoadingCompleteRef,\n            setBlurComplete,\n            onError,\n            unoptimized,\n            forwardedRef\n        ]),\n        onLoad: (event)=>{\n            const img = event.currentTarget;\n            handleLoading(img, srcString, placeholder, onLoadRef, onLoadingCompleteRef, setBlurComplete, unoptimized);\n        },\n        onError: (event)=>{\n            // if the real image fails to load, this will ensure \"alt\" is visible\n            setShowAltText(true);\n            if (placeholder === \"blur\") {\n                // If the real image fails to load, this will still remove the placeholder.\n                setBlurComplete(true);\n            }\n            if (onError) {\n                onError(event);\n            }\n        }\n    })));\n});\nconst Image = /*#__PURE__*/ (0, _react.forwardRef)((_param, forwardedRef)=>{\n    var { src , sizes , unoptimized =false , priority =false , loading , className , quality , width , height , fill , style , onLoad , onLoadingComplete , placeholder =\"empty\" , blurDataURL , fetchPriority , layout , objectFit , objectPosition , lazyBoundary , lazyRoot  } = _param, all = _object_without_properties_loose._(_param, [\n        \"src\",\n        \"sizes\",\n        \"unoptimized\",\n        \"priority\",\n        \"loading\",\n        \"className\",\n        \"quality\",\n        \"width\",\n        \"height\",\n        \"fill\",\n        \"style\",\n        \"onLoad\",\n        \"onLoadingComplete\",\n        \"placeholder\",\n        \"blurDataURL\",\n        \"fetchPriority\",\n        \"layout\",\n        \"objectFit\",\n        \"objectPosition\",\n        \"lazyBoundary\",\n        \"lazyRoot\"\n    ]);\n    const configContext = (0, _react.useContext)(_imageconfigcontext.ImageConfigContext);\n    const config = (0, _react.useMemo)(()=>{\n        const c = configEnv || configContext || _imageconfig.imageConfigDefault;\n        const allSizes = [\n            ...c.deviceSizes,\n            ...c.imageSizes\n        ].sort((a, b)=>a - b);\n        const deviceSizes = c.deviceSizes.sort((a, b)=>a - b);\n        return _extends._({}, c, {\n            allSizes,\n            deviceSizes\n        });\n    }, [\n        configContext\n    ]);\n    let rest = all;\n    let loader = rest.loader || _imageloader.default;\n    // Remove property so it's not spread on <img> element\n    delete rest.loader;\n    // This special value indicates that the user\n    // didn't define a \"loader\" prop or \"loader\" config.\n    const isDefaultLoader = \"__next_img_default\" in loader;\n    if (isDefaultLoader) {\n        if (config.loader === \"custom\") {\n            throw new Error('Image with src \"'.concat(src, '\" is missing \"loader\" prop.') + \"\\nRead more: https://nextjs.org/docs/messages/next-image-missing-loader\");\n        }\n    } else {\n        // The user defined a \"loader\" prop or config.\n        // Since the config object is internal only, we\n        // must not pass it to the user-defined \"loader\".\n        const customImageLoader = loader;\n        var _tmp;\n        _tmp = (obj)=>{\n            const { config: _  } = obj, opts = _object_without_properties_loose._(obj, [\n                \"config\"\n            ]);\n            return customImageLoader(opts);\n        }, loader = _tmp, _tmp;\n    }\n    if (layout) {\n        if (layout === \"fill\") {\n            fill = true;\n        }\n        const layoutToStyle = {\n            intrinsic: {\n                maxWidth: \"100%\",\n                height: \"auto\"\n            },\n            responsive: {\n                width: \"100%\",\n                height: \"auto\"\n            }\n        };\n        const layoutToSizes = {\n            responsive: \"100vw\",\n            fill: \"100vw\"\n        };\n        const layoutStyle = layoutToStyle[layout];\n        if (layoutStyle) {\n            style = _extends._({}, style, layoutStyle);\n        }\n        const layoutSizes = layoutToSizes[layout];\n        if (layoutSizes && !sizes) {\n            sizes = layoutSizes;\n        }\n    }\n    let staticSrc = \"\";\n    let widthInt = getInt(width);\n    let heightInt = getInt(height);\n    let blurWidth;\n    let blurHeight;\n    if (isStaticImport(src)) {\n        const staticImageData = isStaticRequire(src) ? src.default : src;\n        if (!staticImageData.src) {\n            throw new Error(\"An object should only be passed to the image component src parameter if it comes from a static image import. It must include src. Received \".concat(JSON.stringify(staticImageData)));\n        }\n        if (!staticImageData.height || !staticImageData.width) {\n            throw new Error(\"An object should only be passed to the image component src parameter if it comes from a static image import. It must include height and width. Received \".concat(JSON.stringify(staticImageData)));\n        }\n        blurWidth = staticImageData.blurWidth;\n        blurHeight = staticImageData.blurHeight;\n        blurDataURL = blurDataURL || staticImageData.blurDataURL;\n        staticSrc = staticImageData.src;\n        if (!fill) {\n            if (!widthInt && !heightInt) {\n                widthInt = staticImageData.width;\n                heightInt = staticImageData.height;\n            } else if (widthInt && !heightInt) {\n                const ratio = widthInt / staticImageData.width;\n                heightInt = Math.round(staticImageData.height * ratio);\n            } else if (!widthInt && heightInt) {\n                const ratio = heightInt / staticImageData.height;\n                widthInt = Math.round(staticImageData.width * ratio);\n            }\n        }\n    }\n    src = typeof src === \"string\" ? src : staticSrc;\n    let isLazy = !priority && (loading === \"lazy\" || typeof loading === \"undefined\");\n    if (!src || src.startsWith(\"data:\") || src.startsWith(\"blob:\")) {\n        // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs\n        unoptimized = true;\n        isLazy = false;\n    }\n    if (config.unoptimized) {\n        unoptimized = true;\n    }\n    if (isDefaultLoader && src.endsWith(\".svg\") && !config.dangerouslyAllowSVG) {\n        // Special case to make svg serve as-is to avoid proxying\n        // through the built-in Image Optimization API.\n        unoptimized = true;\n    }\n    if (priority) {\n        fetchPriority = \"high\";\n    }\n    const [blurComplete, setBlurComplete] = (0, _react.useState)(false);\n    const [showAltText, setShowAltText] = (0, _react.useState)(false);\n    const qualityInt = getInt(quality);\n    if (\"production\" !== \"production\") {\n        if (config.output === \"export\" && isDefaultLoader && !unoptimized) {\n            throw new Error(\"Image Optimization using the default loader is not compatible with `{ output: 'export' }`.\\n  Possible solutions:\\n    - Remove `{ output: 'export' }` and run \\\"next start\\\" to run server mode including the Image Optimization API.\\n    - Configure `{ images: { unoptimized: true } }` in `next.config.js` to disable the Image Optimization API.\\n  Read more: https://nextjs.org/docs/messages/export-image-api\");\n        }\n        if (!src) {\n            // React doesn't show the stack trace and there's\n            // no `src` to help identify which image, so we\n            // instead console.error(ref) during mount.\n            unoptimized = true;\n        } else {\n            if (fill) {\n                if (width) {\n                    throw new Error('Image with src \"'.concat(src, '\" has both \"width\" and \"fill\" properties. Only one should be used.'));\n                }\n                if (height) {\n                    throw new Error('Image with src \"'.concat(src, '\" has both \"height\" and \"fill\" properties. Only one should be used.'));\n                }\n                if ((style == null ? void 0 : style.position) && style.position !== \"absolute\") {\n                    throw new Error('Image with src \"'.concat(src, '\" has both \"fill\" and \"style.position\" properties. Images with \"fill\" always use position absolute - it cannot be modified.'));\n                }\n                if ((style == null ? void 0 : style.width) && style.width !== \"100%\") {\n                    throw new Error('Image with src \"'.concat(src, '\" has both \"fill\" and \"style.width\" properties. Images with \"fill\" always use width 100% - it cannot be modified.'));\n                }\n                if ((style == null ? void 0 : style.height) && style.height !== \"100%\") {\n                    throw new Error('Image with src \"'.concat(src, '\" has both \"fill\" and \"style.height\" properties. Images with \"fill\" always use height 100% - it cannot be modified.'));\n                }\n            } else {\n                if (typeof widthInt === \"undefined\") {\n                    throw new Error('Image with src \"'.concat(src, '\" is missing required \"width\" property.'));\n                } else if (isNaN(widthInt)) {\n                    throw new Error('Image with src \"'.concat(src, '\" has invalid \"width\" property. Expected a numeric value in pixels but received \"').concat(width, '\".'));\n                }\n                if (typeof heightInt === \"undefined\") {\n                    throw new Error('Image with src \"'.concat(src, '\" is missing required \"height\" property.'));\n                } else if (isNaN(heightInt)) {\n                    throw new Error('Image with src \"'.concat(src, '\" has invalid \"height\" property. Expected a numeric value in pixels but received \"').concat(height, '\".'));\n                }\n            }\n        }\n        if (!VALID_LOADING_VALUES.includes(loading)) {\n            throw new Error('Image with src \"'.concat(src, '\" has invalid \"loading\" property. Provided \"').concat(loading, '\" should be one of ').concat(VALID_LOADING_VALUES.map(String).join(\",\"), \".\"));\n        }\n        if (priority && loading === \"lazy\") {\n            throw new Error('Image with src \"'.concat(src, '\" has both \"priority\" and \"loading=\\'lazy\\'\" properties. Only one should be used.'));\n        }\n        if (placeholder === \"blur\") {\n            if (widthInt && heightInt && widthInt * heightInt < 1600) {\n                (0, _warnonce.warnOnce)('Image with src \"'.concat(src, '\" is smaller than 40x40. Consider removing the \"placeholder=\\'blur\\'\" property to improve performance.'));\n            }\n            if (!blurDataURL) {\n                const VALID_BLUR_EXT = [\n                    \"jpeg\",\n                    \"png\",\n                    \"webp\",\n                    \"avif\"\n                ] // should match next-image-loader\n                ;\n                throw new Error('Image with src \"'.concat(src, '\" has \"placeholder=\\'blur\\'\" property but is missing the \"blurDataURL\" property.\\n          Possible solutions:\\n            - Add a \"blurDataURL\" property, the contents should be a small Data URL to represent the image\\n            - Change the \"src\" property to a static import with one of the supported file types: ').concat(VALID_BLUR_EXT.join(\",\"), '\\n            - Remove the \"placeholder\" property, effectively no blur effect\\n          Read more: https://nextjs.org/docs/messages/placeholder-blur-data-url'));\n            }\n        }\n        if (\"ref\" in rest) {\n            (0, _warnonce.warnOnce)('Image with src \"'.concat(src, '\" is using unsupported \"ref\" property. Consider using the \"onLoadingComplete\" property instead.'));\n        }\n        if (!unoptimized && loader !== _imageloader.default) {\n            const urlStr = loader({\n                config,\n                src,\n                width: widthInt || 400,\n                quality: qualityInt || 75\n            });\n            let url;\n            try {\n                url = new URL(urlStr);\n            } catch (err) {}\n            if (urlStr === src || url && url.pathname === src && !url.search) {\n                (0, _warnonce.warnOnce)('Image with src \"'.concat(src, '\" has a \"loader\" property that does not implement width. Please implement it or use the \"unoptimized\" property instead.') + \"\\nRead more: https://nextjs.org/docs/messages/next-image-missing-loader-width\");\n            }\n        }\n        for (const [legacyKey, legacyValue] of Object.entries({\n            layout,\n            objectFit,\n            objectPosition,\n            lazyBoundary,\n            lazyRoot\n        })){\n            if (legacyValue) {\n                (0, _warnonce.warnOnce)('Image with src \"'.concat(src, '\" has legacy prop \"').concat(legacyKey, '\". Did you forget to run the codemod?') + \"\\nRead more: https://nextjs.org/docs/messages/next-image-upgrade-to-13\");\n            }\n        }\n        if (\"object\" !== \"undefined\" && !perfObserver && window.PerformanceObserver) {\n            perfObserver = new PerformanceObserver((entryList)=>{\n                for (const entry of entryList.getEntries()){\n                    var _entry_element;\n                    // @ts-ignore - missing \"LargestContentfulPaint\" class with \"element\" prop\n                    const imgSrc = (entry == null ? void 0 : (_entry_element = entry.element) == null ? void 0 : _entry_element.src) || \"\";\n                    const lcpImage = allImgs.get(imgSrc);\n                    if (lcpImage && !lcpImage.priority && lcpImage.placeholder !== \"blur\" && !lcpImage.src.startsWith(\"data:\") && !lcpImage.src.startsWith(\"blob:\")) {\n                        // https://web.dev/lcp/#measure-lcp-in-javascript\n                        (0, _warnonce.warnOnce)('Image with src \"'.concat(lcpImage.src, '\" was detected as the Largest Contentful Paint (LCP). Please add the \"priority\" property if this image is above the fold.') + \"\\nRead more: https://nextjs.org/docs/api-reference/next/image#priority\");\n                    }\n                }\n            });\n            try {\n                perfObserver.observe({\n                    type: \"largest-contentful-paint\",\n                    buffered: true\n                });\n            } catch (err) {\n                ;\n            }\n        }\n    }\n    const imgStyle = Object.assign(fill ? {\n        position: \"absolute\",\n        height: \"100%\",\n        width: \"100%\",\n        left: 0,\n        top: 0,\n        right: 0,\n        bottom: 0,\n        objectFit,\n        objectPosition\n    } : {}, showAltText ? {} : {\n        color: \"transparent\"\n    }, style);\n    const blurStyle = placeholder === \"blur\" && blurDataURL && !blurComplete ? {\n        backgroundSize: imgStyle.objectFit || \"cover\",\n        backgroundPosition: imgStyle.objectPosition || \"50% 50%\",\n        backgroundRepeat: \"no-repeat\",\n        backgroundImage: 'url(\"data:image/svg+xml;charset=utf-8,'.concat((0, _imageblursvg.getImageBlurSvg)({\n            widthInt,\n            heightInt,\n            blurWidth,\n            blurHeight,\n            blurDataURL,\n            objectFit: imgStyle.objectFit\n        }), '\")')\n    } : {};\n    if (\"production\" === \"development\") {\n        if (blurStyle.backgroundImage && (blurDataURL == null ? void 0 : blurDataURL.startsWith(\"/\"))) {\n            // During `next dev`, we don't want to generate blur placeholders with webpack\n            // because it can delay starting the dev server. Instead, `next-image-loader.js`\n            // will inline a special url to lazily generate the blur placeholder at request time.\n            blurStyle.backgroundImage = 'url(\"'.concat(blurDataURL, '\")');\n        }\n    }\n    const imgAttributes = generateImgAttrs({\n        config,\n        src,\n        unoptimized,\n        width: widthInt,\n        quality: qualityInt,\n        sizes,\n        loader\n    });\n    let srcString = src;\n    if (\"production\" !== \"production\") {\n        if (\"object\" !== \"undefined\") {\n            let fullUrl;\n            try {\n                fullUrl = new URL(imgAttributes.src);\n            } catch (e) {\n                fullUrl = new URL(imgAttributes.src, window.location.href);\n            }\n            allImgs.set(fullUrl.href, {\n                src,\n                priority,\n                placeholder\n            });\n        }\n    }\n    const onLoadRef = (0, _react.useRef)(onLoad);\n    (0, _react.useEffect)(()=>{\n        onLoadRef.current = onLoad;\n    }, [\n        onLoad\n    ]);\n    const onLoadingCompleteRef = (0, _react.useRef)(onLoadingComplete);\n    (0, _react.useEffect)(()=>{\n        onLoadingCompleteRef.current = onLoadingComplete;\n    }, [\n        onLoadingComplete\n    ]);\n    const imgElementArgs = _extends._({\n        isLazy,\n        imgAttributes,\n        heightInt,\n        widthInt,\n        qualityInt,\n        className,\n        imgStyle,\n        blurStyle,\n        loading,\n        config,\n        fetchPriority,\n        fill,\n        unoptimized,\n        placeholder,\n        loader,\n        srcString,\n        onLoadRef,\n        onLoadingCompleteRef,\n        setBlurComplete,\n        setShowAltText\n    }, rest);\n    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(ImageElement, _extends._({}, imgElementArgs, {\n        ref: forwardedRef\n    })), priority ? // for browsers that do not support `imagesrcset`, and in those cases\n    // it would likely cause the incorrect image to be preloaded.\n    //\n    // https://html.spec.whatwg.org/multipage/semantics.html#attr-link-imagesrcset\n    /*#__PURE__*/ _react.default.createElement(_head.default, null, /*#__PURE__*/ _react.default.createElement(\"link\", _extends._({\n        key: \"__nimg-\" + imgAttributes.src + imgAttributes.srcSet + imgAttributes.sizes,\n        rel: \"preload\",\n        as: \"image\",\n        href: imgAttributes.srcSet ? undefined : imgAttributes.src,\n        imageSrcSet: imgAttributes.srcSet,\n        imageSizes: imgAttributes.sizes,\n        crossOrigin: rest.crossOrigin\n    }, getDynamicProps(fetchPriority)))) : null);\n});\nconst _default = Image;\nif ((typeof exports.default === \"function\" || typeof exports.default === \"object\" && exports.default !== null) && typeof exports.default.__esModule === \"undefined\") {\n    Object.defineProperty(exports.default, \"__esModule\", {\n        value: true\n    });\n    Object.assign(exports.default, exports);\n    module.exports = exports.default;\n} //# sourceMappingURL=image.js.map\n","\"use strict\";\n\"use client\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"default\", {\n    enumerable: true,\n    get: function() {\n        return _default;\n    }\n});\nconst _extends = require(\"@swc/helpers/_/_extends\");\nconst _interop_require_default = require(\"@swc/helpers/_/_interop_require_default\");\nconst _object_without_properties_loose = require(\"@swc/helpers/_/_object_without_properties_loose\");\nconst _react = /*#__PURE__*/ _interop_require_default._(require(\"react\"));\nconst _resolvehref = require(\"../shared/lib/router/utils/resolve-href\");\nconst _islocalurl = require(\"../shared/lib/router/utils/is-local-url\");\nconst _formaturl = require(\"../shared/lib/router/utils/format-url\");\nconst _utils = require(\"../shared/lib/utils\");\nconst _addlocale = require(\"./add-locale\");\nconst _routercontext = require(\"../shared/lib/router-context\");\nconst _approutercontext = require(\"../shared/lib/app-router-context\");\nconst _useintersection = require(\"./use-intersection\");\nconst _getdomainlocale = require(\"./get-domain-locale\");\nconst _addbasepath = require(\"./add-base-path\");\nconst prefetched = new Set();\nfunction prefetch(router, href, as, options, isAppRouter) {\n    if (\"object\" === \"undefined\") {\n        return;\n    }\n    // app-router supports external urls out of the box so it shouldn't short-circuit here as support for e.g. `replace` is added in the app-router.\n    if (!isAppRouter && !(0, _islocalurl.isLocalURL)(href)) {\n        return;\n    }\n    // We should only dedupe requests when experimental.optimisticClientCache is\n    // disabled.\n    if (!options.bypassPrefetchedCheck) {\n        const locale = typeof options.locale !== \"undefined\" ? options.locale : \"locale\" in router ? router.locale : undefined;\n        const prefetchedKey = href + \"%\" + as + \"%\" + locale;\n        // If we've already fetched the key, then don't prefetch it again!\n        if (prefetched.has(prefetchedKey)) {\n            return;\n        }\n        // Mark this URL as prefetched.\n        prefetched.add(prefetchedKey);\n    }\n    // Prefetch the JSON page if asked (only in the client)\n    // We need to handle a prefetch error here since we may be\n    // loading with priority which can reject but we don't\n    // want to force navigation since this is only a prefetch\n    Promise.resolve(router.prefetch(href, as, options)).catch((err)=>{\n        if (\"production\" !== \"production\") {\n            // rethrow to show invalid URL errors\n            throw err;\n        }\n    });\n}\nfunction isModifiedEvent(event) {\n    const eventTarget = event.currentTarget;\n    const target = eventTarget.getAttribute(\"target\");\n    return target && target !== \"_self\" || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || // triggers resource download\n    event.nativeEvent && event.nativeEvent.which === 2;\n}\nfunction linkClicked(e, router, href, as, replace, shallow, scroll, locale, isAppRouter, prefetchEnabled) {\n    const { nodeName  } = e.currentTarget;\n    // anchors inside an svg have a lowercase nodeName\n    const isAnchorNodeName = nodeName.toUpperCase() === \"A\";\n    if (isAnchorNodeName && (isModifiedEvent(e) || // app-router supports external urls out of the box so it shouldn't short-circuit here as support for e.g. `replace` is added in the app-router.\n    !isAppRouter && !(0, _islocalurl.isLocalURL)(href))) {\n        // ignore click for browser’s default behavior\n        return;\n    }\n    e.preventDefault();\n    const navigate = ()=>{\n        // If the router is an NextRouter instance it will have `beforePopState`\n        if (\"beforePopState\" in router) {\n            router[replace ? \"replace\" : \"push\"](href, as, {\n                shallow,\n                locale,\n                scroll\n            });\n        } else {\n            router[replace ? \"replace\" : \"push\"](as || href, {\n                forceOptimisticNavigation: !prefetchEnabled\n            });\n        }\n    };\n    if (isAppRouter) {\n        _react.default.startTransition(navigate);\n    } else {\n        navigate();\n    }\n}\nfunction formatStringOrUrl(urlObjOrString) {\n    if (typeof urlObjOrString === \"string\") {\n        return urlObjOrString;\n    }\n    return (0, _formaturl.formatUrl)(urlObjOrString);\n}\n/**\n * React Component that enables client-side transitions between routes.\n */ const Link = /*#__PURE__*/ _react.default.forwardRef(function LinkComponent(props, forwardedRef) {\n    if (\"production\" !== \"production\") {\n        function createPropError(args) {\n            return new Error(\"Failed prop type: The prop `\".concat(args.key, \"` expects a \").concat(args.expected, \" in `<Link>`, but got `\").concat(args.actual, \"` instead.\") + (\"object\" !== \"undefined\" ? \"\\nOpen your browser's console to view the Component stack trace.\" : \"\"));\n        }\n        // TypeScript trick for type-guarding:\n        const requiredPropsGuard = {\n            href: true\n        };\n        const requiredProps = Object.keys(requiredPropsGuard);\n        requiredProps.forEach((key)=>{\n            if (key === \"href\") {\n                if (props[key] == null || typeof props[key] !== \"string\" && typeof props[key] !== \"object\") {\n                    throw createPropError({\n                        key,\n                        expected: \"`string` or `object`\",\n                        actual: props[key] === null ? \"null\" : typeof props[key]\n                    });\n                }\n            } else {\n                // TypeScript trick for type-guarding:\n                // eslint-disable-next-line @typescript-eslint/no-unused-vars\n                const _ = key;\n            }\n        });\n        // TypeScript trick for type-guarding:\n        const optionalPropsGuard = {\n            as: true,\n            replace: true,\n            scroll: true,\n            shallow: true,\n            passHref: true,\n            prefetch: true,\n            locale: true,\n            onClick: true,\n            onMouseEnter: true,\n            onTouchStart: true,\n            legacyBehavior: true\n        };\n        const optionalProps = Object.keys(optionalPropsGuard);\n        optionalProps.forEach((key)=>{\n            const valType = typeof props[key];\n            if (key === \"as\") {\n                if (props[key] && valType !== \"string\" && valType !== \"object\") {\n                    throw createPropError({\n                        key,\n                        expected: \"`string` or `object`\",\n                        actual: valType\n                    });\n                }\n            } else if (key === \"locale\") {\n                if (props[key] && valType !== \"string\") {\n                    throw createPropError({\n                        key,\n                        expected: \"`string`\",\n                        actual: valType\n                    });\n                }\n            } else if (key === \"onClick\" || key === \"onMouseEnter\" || key === \"onTouchStart\") {\n                if (props[key] && valType !== \"function\") {\n                    throw createPropError({\n                        key,\n                        expected: \"`function`\",\n                        actual: valType\n                    });\n                }\n            } else if (key === \"replace\" || key === \"scroll\" || key === \"shallow\" || key === \"passHref\" || key === \"prefetch\" || key === \"legacyBehavior\") {\n                if (props[key] != null && valType !== \"boolean\") {\n                    throw createPropError({\n                        key,\n                        expected: \"`boolean`\",\n                        actual: valType\n                    });\n                }\n            } else {\n                // TypeScript trick for type-guarding:\n                // eslint-disable-next-line @typescript-eslint/no-unused-vars\n                const _ = key;\n            }\n        });\n        // This hook is in a conditional but that is ok because `process.env.NODE_ENV` never changes\n        // eslint-disable-next-line react-hooks/rules-of-hooks\n        const hasWarned = _react.default.useRef(false);\n        if (props.prefetch && !hasWarned.current) {\n            hasWarned.current = true;\n            ;\n        }\n    }\n    let children;\n    const { href: hrefProp , as: asProp , children: childrenProp , prefetch: prefetchProp , passHref , replace , shallow , scroll , locale , onClick , onMouseEnter: onMouseEnterProp , onTouchStart: onTouchStartProp , legacyBehavior =process.env.__NEXT_NEW_LINK_BEHAVIOR === false  } = props, restProps = _object_without_properties_loose._(props, [\n        \"href\",\n        \"as\",\n        \"children\",\n        \"prefetch\",\n        \"passHref\",\n        \"replace\",\n        \"shallow\",\n        \"scroll\",\n        \"locale\",\n        \"onClick\",\n        \"onMouseEnter\",\n        \"onTouchStart\",\n        \"legacyBehavior\"\n    ]);\n    children = childrenProp;\n    if (legacyBehavior && (typeof children === \"string\" || typeof children === \"number\")) {\n        children = /*#__PURE__*/ _react.default.createElement(\"a\", null, children);\n    }\n    const prefetchEnabled = prefetchProp !== false;\n    const pagesRouter = _react.default.useContext(_routercontext.RouterContext);\n    const appRouter = _react.default.useContext(_approutercontext.AppRouterContext);\n    const router = pagesRouter != null ? pagesRouter : appRouter;\n    // We're in the app directory if there is no pages router.\n    const isAppRouter = !pagesRouter;\n    if (\"production\" !== \"production\") {\n        if (isAppRouter && !asProp) {\n            let href;\n            if (typeof hrefProp === \"string\") {\n                href = hrefProp;\n            } else if (typeof hrefProp === \"object\" && typeof hrefProp.pathname === \"string\") {\n                href = hrefProp.pathname;\n            }\n            if (href) {\n                const hasDynamicSegment = href.split(\"/\").some((segment)=>segment.startsWith(\"[\") && segment.endsWith(\"]\"));\n                if (hasDynamicSegment) {\n                    throw new Error(\"Dynamic href `\".concat(href, \"` found in <Link> while using the `/app` router, this is not supported. Read more: https://nextjs.org/docs/messages/app-dir-dynamic-href\"));\n                }\n            }\n        }\n    }\n    const { href , as  } = _react.default.useMemo(()=>{\n        if (!pagesRouter) {\n            const resolvedHref = formatStringOrUrl(hrefProp);\n            return {\n                href: resolvedHref,\n                as: asProp ? formatStringOrUrl(asProp) : resolvedHref\n            };\n        }\n        const [resolvedHref, resolvedAs] = (0, _resolvehref.resolveHref)(pagesRouter, hrefProp, true);\n        return {\n            href: resolvedHref,\n            as: asProp ? (0, _resolvehref.resolveHref)(pagesRouter, asProp) : resolvedAs || resolvedHref\n        };\n    }, [\n        pagesRouter,\n        hrefProp,\n        asProp\n    ]);\n    const previousHref = _react.default.useRef(href);\n    const previousAs = _react.default.useRef(as);\n    // This will return the first child, if multiple are provided it will throw an error\n    let child;\n    if (legacyBehavior) {\n        if (\"production\" === \"development\") {\n            if (onClick) {\n                ;\n            }\n            if (onMouseEnterProp) {\n                ;\n            }\n            try {\n                child = _react.default.Children.only(children);\n            } catch (err) {\n                if (!children) {\n                    throw new Error(\"No children were passed to <Link> with `href` of `\".concat(hrefProp, \"` but one child is required https://nextjs.org/docs/messages/link-no-children\"));\n                }\n                throw new Error(\"Multiple children were passed to <Link> with `href` of `\".concat(hrefProp, \"` but only one child is supported https://nextjs.org/docs/messages/link-multiple-children\") + (\"object\" !== \"undefined\" ? \" \\nOpen your browser's console to view the Component stack trace.\" : \"\"));\n            }\n        } else {\n            child = _react.default.Children.only(children);\n        }\n    } else {\n        if (\"production\" === \"development\") {\n            if ((children == null ? void 0 : children.type) === \"a\") {\n                throw new Error(\"Invalid <Link> with <a> child. Please remove <a> or use <Link legacyBehavior>.\\nLearn more: https://nextjs.org/docs/messages/invalid-new-link-with-extra-anchor\");\n            }\n        }\n    }\n    const childRef = legacyBehavior ? child && typeof child === \"object\" && child.ref : forwardedRef;\n    const [setIntersectionRef, isVisible, resetVisible] = (0, _useintersection.useIntersection)({\n        rootMargin: \"200px\"\n    });\n    const setRef = _react.default.useCallback((el)=>{\n        // Before the link getting observed, check if visible state need to be reset\n        if (previousAs.current !== as || previousHref.current !== href) {\n            resetVisible();\n            previousAs.current = as;\n            previousHref.current = href;\n        }\n        setIntersectionRef(el);\n        if (childRef) {\n            if (typeof childRef === \"function\") childRef(el);\n            else if (typeof childRef === \"object\") {\n                childRef.current = el;\n            }\n        }\n    }, [\n        as,\n        childRef,\n        href,\n        resetVisible,\n        setIntersectionRef\n    ]);\n    // Prefetch the URL if we haven't already and it's visible.\n    _react.default.useEffect(()=>{\n        // in dev, we only prefetch on hover to avoid wasting resources as the prefetch will trigger compiling the page.\n        if (\"production\" !== \"production\") {\n            return;\n        }\n        if (!router) {\n            return;\n        }\n        // If we don't need to prefetch the URL, don't do prefetch.\n        if (!isVisible || !prefetchEnabled) {\n            return;\n        }\n        // Prefetch the URL.\n        prefetch(router, href, as, {\n            locale\n        }, isAppRouter);\n    }, [\n        as,\n        href,\n        isVisible,\n        locale,\n        prefetchEnabled,\n        pagesRouter == null ? void 0 : pagesRouter.locale,\n        router,\n        isAppRouter\n    ]);\n    const childProps = {\n        ref: setRef,\n        onClick (e) {\n            if (\"production\" !== \"production\") {\n                if (!e) {\n                    throw new Error('Component rendered inside next/link has to pass click event to \"onClick\" prop.');\n                }\n            }\n            if (!legacyBehavior && typeof onClick === \"function\") {\n                onClick(e);\n            }\n            if (legacyBehavior && child.props && typeof child.props.onClick === \"function\") {\n                child.props.onClick(e);\n            }\n            if (!router) {\n                return;\n            }\n            if (e.defaultPrevented) {\n                return;\n            }\n            linkClicked(e, router, href, as, replace, shallow, scroll, locale, isAppRouter, prefetchEnabled);\n        },\n        onMouseEnter (e) {\n            if (!legacyBehavior && typeof onMouseEnterProp === \"function\") {\n                onMouseEnterProp(e);\n            }\n            if (legacyBehavior && child.props && typeof child.props.onMouseEnter === \"function\") {\n                child.props.onMouseEnter(e);\n            }\n            if (!router) {\n                return;\n            }\n            if (!prefetchEnabled && isAppRouter) {\n                return;\n            }\n            prefetch(router, href, as, {\n                locale,\n                priority: true,\n                // @see {https://github.com/vercel/next.js/discussions/40268?sort=top#discussioncomment-3572642}\n                bypassPrefetchedCheck: true\n            }, isAppRouter);\n        },\n        onTouchStart (e) {\n            if (!legacyBehavior && typeof onTouchStartProp === \"function\") {\n                onTouchStartProp(e);\n            }\n            if (legacyBehavior && child.props && typeof child.props.onTouchStart === \"function\") {\n                child.props.onTouchStart(e);\n            }\n            if (!router) {\n                return;\n            }\n            if (!prefetchEnabled && isAppRouter) {\n                return;\n            }\n            prefetch(router, href, as, {\n                locale,\n                priority: true,\n                // @see {https://github.com/vercel/next.js/discussions/40268?sort=top#discussioncomment-3572642}\n                bypassPrefetchedCheck: true\n            }, isAppRouter);\n        }\n    };\n    // If child is an <a> tag and doesn't have a href attribute, or if the 'passHref' property is\n    // defined, we specify the current 'href', so that repetition is not needed by the user.\n    // If the url is absolute, we can bypass the logic to prepend the domain and locale.\n    if ((0, _utils.isAbsoluteUrl)(as)) {\n        childProps.href = as;\n    } else if (!legacyBehavior || passHref || child.type === \"a\" && !(\"href\" in child.props)) {\n        const curLocale = typeof locale !== \"undefined\" ? locale : pagesRouter == null ? void 0 : pagesRouter.locale;\n        // we only render domain locales if we are currently on a domain locale\n        // so that locale links are still visitable in development/preview envs\n        const localeDomain = (pagesRouter == null ? void 0 : pagesRouter.isLocaleDomain) && (0, _getdomainlocale.getDomainLocale)(as, curLocale, pagesRouter == null ? void 0 : pagesRouter.locales, pagesRouter == null ? void 0 : pagesRouter.domainLocales);\n        childProps.href = localeDomain || (0, _addbasepath.addBasePath)((0, _addlocale.addLocale)(as, curLocale, pagesRouter == null ? void 0 : pagesRouter.defaultLocale));\n    }\n    return legacyBehavior ? /*#__PURE__*/ _react.default.cloneElement(child, childProps) : /*#__PURE__*/ _react.default.createElement(\"a\", _extends._({}, restProps, childProps), children);\n});\nconst _default = Link;\nif ((typeof exports.default === \"function\" || typeof exports.default === \"object\" && exports.default !== null) && typeof exports.default.__esModule === \"undefined\") {\n    Object.defineProperty(exports.default, \"__esModule\", {\n        value: true\n    });\n    Object.assign(exports.default, exports);\n    module.exports = exports.default;\n} //# sourceMappingURL=link.js.map\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"useIntersection\", {\n    enumerable: true,\n    get: function() {\n        return useIntersection;\n    }\n});\nconst _react = require(\"react\");\nconst _requestidlecallback = require(\"./request-idle-callback\");\nconst hasIntersectionObserver = typeof IntersectionObserver === \"function\";\nconst observers = new Map();\nconst idList = [];\nfunction createObserver(options) {\n    const id = {\n        root: options.root || null,\n        margin: options.rootMargin || \"\"\n    };\n    const existing = idList.find((obj)=>obj.root === id.root && obj.margin === id.margin);\n    let instance;\n    if (existing) {\n        instance = observers.get(existing);\n        if (instance) {\n            return instance;\n        }\n    }\n    const elements = new Map();\n    const observer = new IntersectionObserver((entries)=>{\n        entries.forEach((entry)=>{\n            const callback = elements.get(entry.target);\n            const isVisible = entry.isIntersecting || entry.intersectionRatio > 0;\n            if (callback && isVisible) {\n                callback(isVisible);\n            }\n        });\n    }, options);\n    instance = {\n        id,\n        observer,\n        elements\n    };\n    idList.push(id);\n    observers.set(id, instance);\n    return instance;\n}\nfunction observe(element, callback, options) {\n    const { id , observer , elements  } = createObserver(options);\n    elements.set(element, callback);\n    observer.observe(element);\n    return function unobserve() {\n        elements.delete(element);\n        observer.unobserve(element);\n        // Destroy observer when there's nothing left to watch:\n        if (elements.size === 0) {\n            observer.disconnect();\n            observers.delete(id);\n            const index = idList.findIndex((obj)=>obj.root === id.root && obj.margin === id.margin);\n            if (index > -1) {\n                idList.splice(index, 1);\n            }\n        }\n    };\n}\nfunction useIntersection(param) {\n    let { rootRef , rootMargin , disabled  } = param;\n    const isDisabled = disabled || !hasIntersectionObserver;\n    const [visible, setVisible] = (0, _react.useState)(false);\n    const elementRef = (0, _react.useRef)(null);\n    const setElement = (0, _react.useCallback)((element)=>{\n        elementRef.current = element;\n    }, []);\n    (0, _react.useEffect)(()=>{\n        if (hasIntersectionObserver) {\n            if (isDisabled || visible) return;\n            const element = elementRef.current;\n            if (element && element.tagName) {\n                const unobserve = observe(element, (isVisible)=>isVisible && setVisible(isVisible), {\n                    root: rootRef == null ? void 0 : rootRef.current,\n                    rootMargin\n                });\n                return unobserve;\n            }\n        } else {\n            if (!visible) {\n                const idleCallback = (0, _requestidlecallback.requestIdleCallback)(()=>setVisible(true));\n                return ()=>(0, _requestidlecallback.cancelIdleCallback)(idleCallback);\n            }\n        }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [\n        isDisabled,\n        rootMargin,\n        rootRef,\n        visible,\n        elementRef.current\n    ]);\n    const resetVisible = (0, _react.useCallback)(()=>{\n        setVisible(false);\n    }, []);\n    return [\n        setElement,\n        visible,\n        resetVisible\n    ];\n}\nif ((typeof exports.default === \"function\" || typeof exports.default === \"object\" && exports.default !== null) && typeof exports.default.__esModule === \"undefined\") {\n    Object.defineProperty(exports.default, \"__esModule\", {\n        value: true\n    });\n    Object.assign(exports.default, exports);\n    module.exports = exports.default;\n} //# sourceMappingURL=use-intersection.js.map\n","/**\n * A shared function, used on both client and server, to generate a SVG blur placeholder.\n */ \"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"getImageBlurSvg\", {\n    enumerable: true,\n    get: function() {\n        return getImageBlurSvg;\n    }\n});\nfunction getImageBlurSvg(param) {\n    let { widthInt , heightInt , blurWidth , blurHeight , blurDataURL , objectFit  } = param;\n    const std = blurWidth && blurHeight ? \"1\" : \"20\";\n    const svgWidth = blurWidth || widthInt;\n    const svgHeight = blurHeight || heightInt;\n    const feComponentTransfer = blurDataURL.startsWith(\"data:image/jpeg\") ? \"%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='1 1'/%3E%3C/feComponentTransfer%3E%\" : \"\";\n    if (svgWidth && svgHeight) {\n        return \"%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 \".concat(svgWidth, \" \").concat(svgHeight, \"'%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='\").concat(std, \"'/%3E\").concat(feComponentTransfer, \"%3C/filter%3E%3Cimage preserveAspectRatio='none' filter='url(%23b)' x='0' y='0' height='100%25' width='100%25' href='\").concat(blurDataURL, \"'/%3E%3C/svg%3E\");\n    }\n    const preserveAspectRatio = objectFit === \"contain\" ? \"xMidYMid\" : objectFit === \"cover\" ? \"xMidYMid slice\" : \"none\";\n    return \"%3Csvg xmlns='http%3A//www.w3.org/2000/svg'%3E%3Cimage style='filter:blur(20px)' preserveAspectRatio='\".concat(preserveAspectRatio, \"' x='0' y='0' height='100%25' width='100%25' href='\").concat(blurDataURL, \"'/%3E%3C/svg%3E\");\n} //# sourceMappingURL=image-blur-svg.js.map\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"default\", {\n    enumerable: true,\n    get: function() {\n        return _default;\n    }\n});\nfunction defaultLoader(param) {\n    let { config , src , width , quality  } = param;\n    if (\"production\" !== \"production\") {\n        const missingValues = [];\n        // these should always be provided but make sure they are\n        if (!src) missingValues.push(\"src\");\n        if (!width) missingValues.push(\"width\");\n        if (missingValues.length > 0) {\n            throw new Error(\"Next Image Optimization requires \".concat(missingValues.join(\", \"), \" to be provided. Make sure you pass them as props to the `next/image` component. Received: \").concat(JSON.stringify({\n                src,\n                width,\n                quality\n            })));\n        }\n        if (src.startsWith(\"//\")) {\n            throw new Error('Failed to parse src \"'.concat(src, '\" on `next/image`, protocol-relative URL (//) must be changed to an absolute URL (http:// or https://)'));\n        }\n        if (!src.startsWith(\"/\") && (config.domains || config.remotePatterns)) {\n            let parsedSrc;\n            try {\n                parsedSrc = new URL(src);\n            } catch (err) {\n                ;\n                throw new Error('Failed to parse src \"'.concat(src, '\" on `next/image`, if using relative image it must start with a leading slash \"/\" or be an absolute URL (http:// or https://)'));\n            }\n            if (\"production\" !== \"test\" && // micromatch isn't compatible with edge runtime\n            process.env.NEXT_RUNTIME !== \"edge\") {\n                // We use dynamic require because this should only error in development\n                const { hasMatch  } = require(\"./match-remote-pattern\");\n                if (!hasMatch(config.domains, config.remotePatterns, parsedSrc)) {\n                    throw new Error(\"Invalid src prop (\".concat(src, ') on `next/image`, hostname \"').concat(parsedSrc.hostname, '\" is not configured under images in your `next.config.js`\\n') + \"See more info: https://nextjs.org/docs/messages/next-image-unconfigured-host\");\n                }\n            }\n        }\n    }\n    return \"\".concat(config.path, \"?url=\").concat(encodeURIComponent(src), \"&w=\").concat(width, \"&q=\").concat(quality || 75);\n}\n// We use this to determine if the import is the default loader\n// or a custom loader defined by the user in next.config.js\ndefaultLoader.__next_img_default = true;\nconst _default = defaultLoader; //# sourceMappingURL=image-loader.js.map\n","import { toQueryStringCamel } from \"../utils/misc\";\nimport { otherApiClient } from \"./index\";\nexport const getAdBanner = async (param)=>{\n    let { position , subject , pageId  } = param;\n    const { data  } = await otherApiClient.market(\"/adBanners/\".concat(toQueryStringCamel({\n        position,\n        subject,\n        pageId\n    })));\n    return data;\n};\n","import { useQuery } from \"@tanstack/react-query\";\nimport { otherApiClient } from \".\";\nexport const fetchBooksCart = async (params)=>{\n    const { data  } = await otherApiClient.market(\"/carts/current\", {\n        params\n    });\n    return data;\n};\nexport const fetchBooksCartAllForCounting = async ()=>{\n    const caryTypes = [\n        \"aladinbook\",\n        \"ebook\"\n    ];\n    const results = await Promise.all(caryTypes.map((cartType)=>otherApiClient.market(\"/carts/current\", {\n            params: {\n                cartType\n            }\n        })));\n    return results.reduce((acc, cur)=>acc + cur.data.lineItems.length, 0);\n};\nexport const postBooksCartItem = async (params)=>{\n    const { data  } = await otherApiClient.market.post(\"/carts/current/items\", params);\n    return data;\n};\nexport const deleteBooksCart = async (param)=>{\n    let { lineItemId  } = param;\n    const { data  } = await otherApiClient.market.delete(\"/carts/current/items/\".concat(lineItemId));\n    return data;\n};\nexport const putBooksCart = async (param)=>{\n    let { lineItemId , ...params } = param;\n    const { data  } = await otherApiClient.market.put(\"/carts/current/items/\".concat(lineItemId), params);\n    return data;\n};\nexport const getCurrentCartQuery = (param)=>{\n    let { enabled , params  } = param;\n    return useQuery([\n        \"currentCart\",\n        params\n    ], ()=>fetchBooksCart(params), {\n        enabled\n    });\n};\n","import { otherApiClient } from \"./index\";\nimport { toQueryStringCamel } from \"../utils/misc\";\nimport { CurriculumsWithString, SubjectsWithString } from \"./product\";\nexport const findLabel = (key, value)=>{\n    switch(key){\n        case QueryKey.CURRICULUM:\n            return CurriculumsWithString[value];\n        case QueryKey.SUBJECT:\n            return SubjectsWithString[value];\n        case QueryKey.KEYWORD:\n            return \"검색 : \".concat(value);\n        default:\n            return value;\n    }\n};\nexport const BookListDetailFiltersMap = {\n    publisher: {\n        label: \"출판사\",\n        colSpan: 12\n    },\n    curriculum: {\n        label: \"학년\",\n        colSpan: 12\n    },\n    subject: {\n        label: \"과목\",\n        colSpan: 12\n    }\n};\nexport const QueryKey = {\n    PRODUCT_TYPE: \"productType\",\n    KEYWORD: \"q\",\n    SORT_KEY: \"sortkey\",\n    SORT_DIRECTION: \"sortDirection\",\n    SUBJECT: \"subjects[]\",\n    CURRICULUM: \"curriculums[]\",\n    PUBLISHER: \"publishers[]\",\n    GRADE: \"grades[]\",\n    DEPARTMENT: \"departments[]\",\n    TYPE: \"types[]\"\n};\nexport const FilterTypeToQueryKey = {\n    subject: QueryKey.SUBJECT,\n    curriculum: QueryKey.CURRICULUM,\n    publisher: QueryKey.PUBLISHER\n};\nexport const EbookFilterTypeToQueryKey = {\n    department: QueryKey.DEPARTMENT,\n    type: QueryKey.TYPE\n};\nexport const isBooksProduct = (product)=>{\n    if (typeof product !== \"object\") return false;\n    return [\n        \"author\",\n        \"isbn13\",\n        \"originPrice\",\n        \"productType\",\n        \"provider\",\n        \"publishedAt\"\n    ].every((key)=>key in product);\n};\nexport const getBooksProductsFilters = async (params)=>{\n    const { data  } = await otherApiClient.market(\"/products/filters/\".concat(toQueryStringCamel(params)));\n    return data;\n};\nexport const getBooksProducts = async (params)=>{\n    const { data  } = await otherApiClient.market(\"/products/\".concat(toQueryStringCamel(params), \"  \"));\n    return data;\n};\nexport const getBooksProductsCount = async (productType)=>{\n    const { data  } = await otherApiClient.market(\"/products/count/\".concat(toQueryStringCamel({\n        productType: productType\n    }), \"  \"));\n    return data;\n};\nexport const getBooksProduct = async (params)=>{\n    const { data  } = await otherApiClient.market(\"/products/\".concat(params.id, \"/\").concat(toQueryStringCamel({\n        productType: params.productType\n    })));\n    return data;\n};\n","import { otherApiClient } from \"./index\";\nexport const BrandCategorySortType = {\n    NEW: \"최신순\",\n    DATATYPE: \"자료명순\"\n};\nexport const FilterKey = {\n    RELATEDBOOKS: \"relatedBooks\",\n    UNITS: \"units\",\n    DATATYPES: \"dataTypes\",\n    TICKETS: \"tickets\",\n    SUBJECT: \"subject\"\n};\nexport const getBrand = async (name, token)=>{\n    const headers = {\n        Authorization: token\n    };\n    const { data  } = await otherApiClient.market(\"/brands/\".concat(name), {\n        headers\n    });\n    return data;\n};\nexport const postSubscribeBrand = async (param)=>{\n    let { name , ...rest } = param;\n    const { data  } = await otherApiClient.market.post(\"/brands/\".concat(name, \"/subscribe\"), rest);\n    return data;\n};\nexport const getBrandCount = async (param)=>{\n    let { name  } = param;\n    const { data  } = await otherApiClient.market(\"/brands/\".concat(name, \"/search/count\"));\n    return data;\n};\nexport const getBrandCategory = async (name)=>{\n    const { data  } = await otherApiClient.market(\"/brands/\".concat(name, \"/categories\"));\n    return data;\n};\nexport const getBrandCategoryId = async (param)=>{\n    let { name , categoryId , ...rest } = param;\n    const { data  } = await otherApiClient.market(\"/brands/\".concat(name, \"/categories/\").concat(categoryId), {\n        params: {\n            ...rest\n        }\n    });\n    return data;\n};\nexport const getBrandSearch = async (param)=>{\n    let { name , ...rest } = param;\n    const { data  } = await otherApiClient.market(\"/brands/\".concat(name, \"/search\"), {\n        params: {\n            ...rest\n        }\n    });\n    return data;\n};\nexport const getBrandSearchFilter = async (param)=>{\n    let { name , ...rest } = param;\n    const { data  } = await otherApiClient.market(\"/brands/\".concat(name, \"/search/filter\"), {\n        params: {\n            ...rest\n        }\n    });\n    return data;\n};\n","import { otherApiClient } from \".\";\nexport const getCategoryMenu = async ()=>{\n    const { data  } = await otherApiClient.market(\"/menu-categories\");\n    return data;\n};\nexport const SortType = {\n    POPULAR: \"인기순\",\n    NEW: \"최신순\",\n    LOWPRICE: \"낮은가격순\",\n    NAME: \"이름순\"\n};\nexport const DetailFilterKeys = {\n    UNITS: \"단원\",\n    DATATYPES: \"자료유형\",\n    AUTHORS: \"제작자\",\n    RELATEDBOOKS: \"교재\",\n    TICKETS: \"이용권\",\n    SOLVOOKPASS: \"쏠북패스\"\n};\nexport const CategoryQueryKey = {\n    CATEGORY: \"id\",\n    SORT: \"sort\"\n};\nexport const getCategoryList = async (param)=>{\n    let { id , ...rest } = param;\n    const { data  } = await otherApiClient.market(\"/menu-categories/\".concat(id), {\n        params: rest\n    });\n    return data;\n};\n","import { otherApiClient } from \".\";\nimport { LibrarySearchType } from \"./library\";\nexport const getClassSourceTypeName = (sourceType)=>{\n    switch(sourceType){\n        case \"workbook\":\n        case \"textbook\":\n            return \"교재\";\n        case \"handout\":\n            return \"자료\";\n        default:\n            const label = Object.keys(LibrarySearchType).find((k)=>LibrarySearchType[k] === sourceType);\n            return label;\n    }\n};\nexport const fetchClasses = async (param)=>{\n    let { ...params } = param;\n    const { data  } = await otherApiClient.market(\"/classes\", {\n        params\n    });\n    return data;\n};\nexport const postClass = async (param)=>{\n    let { ...params } = param;\n    const { data  } = await otherApiClient.market.post(\"/classes\", params);\n    return data;\n};\nexport const fetchClass = async (param)=>{\n    let { id , ...params } = param;\n    const { data  } = await otherApiClient.market(\"/classes/\".concat(id), {\n        params\n    });\n    return data;\n};\nexport const patchClass = async (param)=>{\n    let { id , ...params } = param;\n    const { data  } = await otherApiClient.market.patch(\"/classes/\".concat(id), params);\n    return data;\n};\nexport const deleteClass = async (param)=>{\n    let { id  } = param;\n    const { data  } = await otherApiClient.market.delete(\"/classes/\".concat(id));\n    return data;\n};\nexport const fetchClassUseBooks = async (param)=>{\n    let { id , ...params } = param;\n    const { data  } = await otherApiClient.market(\"/classes/\".concat(id, \"/use-books\"), {\n        params\n    });\n    return data;\n};\nexport const patchClassUseBooks = async (param)=>{\n    let { id , ...params } = param;\n    const { data  } = await otherApiClient.market.patch(\"/classes/\".concat(id, \"/use-books\"), params);\n    return data;\n};\n","import { otherApiClient } from \".\";\nexport const getMyCoupons = async ()=>{\n    const { data  } = await otherApiClient.market(\"/coupons/user\");\n    return data;\n};\nexport const getHandoutCoupons = async (params)=>{\n    const { data  } = await otherApiClient.market(\"/coupons\", {\n        params\n    });\n    return data;\n};\nexport const getCouponFilters = async ()=>{\n    const { data  } = await otherApiClient.market(\"/coupons/receivable/filters\");\n    return data;\n};\nexport const getReceivableCoupons = async (param)=>{\n    let { subject , category  } = param;\n    const { data  } = await otherApiClient.market(\"/coupons/receivable\", {\n        params: {\n            subject,\n            category\n        }\n    });\n    return data;\n};\nexport const postUserCoupon = async (couponId)=>{\n    const { data  } = await otherApiClient.market.post(\"/coupons/user\", {\n        couponId\n    });\n    return data;\n};\nexport const patchUserCoupon = async (request)=>{\n    const { data  } = await otherApiClient.market.patch(\"/coupons/user/orders\", {\n        ...request\n    });\n    return data;\n};\nexport const postProductCoupon = async (productId)=>{\n    const { data  } = await otherApiClient.market.post(\"/coupons/products\", {\n        productId\n    });\n    return data;\n};\n","import Cookies from \"js-cookie\";\nimport { cookieOptions, otherApiClient } from \".\";\nexport const getMe = async (accessToken)=>{\n    var _data_option;\n    Cookies.set(\"accessToken\", accessToken, {\n        ...cookieOptions\n    });\n    const headers = {\n        Authorization: accessToken\n    };\n    const { data  } = await otherApiClient.market.get(\"/users/meta\", {\n        headers\n    });\n    return {\n        user: {\n            displayName: data.nickname,\n            email: data.email,\n            phoneNumber: data.phone,\n            photoURL: null,\n            providerId: data.provider.channel,\n            uid: data.uid,\n            mainSubject: data.mainSubject,\n            job: data.job,\n            id: data.userId,\n            emailVerified: data.emailVerified,\n            address: data.address,\n            flags: {\n                is_use_lab: data === null || data === void 0 ? void 0 : (_data_option = data.option) === null || _data_option === void 0 ? void 0 : _data_option.use_lab\n            },\n            brand: data.brand,\n            hasUsableFreepass: data.hasUsableFreepass\n        }\n    };\n};\n","import axios from \"axios\";\nimport Cookies from \"js-cookie\";\nexport const cookieOptions = {\n    path: \"/\",\n    secure: process.env.NEXT_PUBLIC_ENV !== \"development\",\n    domain: process.env.NEXT_PUBLIC_COOKIE_DOMAIN\n};\nconst getDefaultTransfrom = (func)=>func ? Array.isArray(func) ? func : [\n        func\n    ] : [];\nexport const defaultTransformRequest = getDefaultTransfrom(axios.defaults.transformRequest);\nexport const defaultTransformResponse = getDefaultTransfrom(axios.defaults.transformResponse);\nconst transformRequest = [\n    (data)=>{\n        // return snakeize(data)\n        return data;\n    },\n    ...defaultTransformRequest\n];\nconst solvookAPIConfig = {\n    baseURL: process.env.NEXT_PUBLIC_API_ENDPOINT,\n    responseType: \"json\",\n    transformRequest,\n    // headers: { Authorization: Cookies.get('accessToken') },\n    transformResponse: [\n        ...defaultTransformResponse,\n        (data)=>{\n            // return camelize(data)\n            return data;\n        }\n    ]\n};\nconst axiosInstance = axios.create(solvookAPIConfig);\nexport const getAccessToken = ()=>{\n    return Cookies.get(\"accessToken\", {\n        ...cookieOptions\n    });\n};\nconst setupInterceptors = (ax)=>{\n    ax.interceptors.request.use((config)=>{\n        const accessToken = getAccessToken();\n        if (accessToken) {\n            config.headers.Authorization = accessToken;\n        }\n        return config;\n    }, (error)=>{\n        return Promise.reject(error);\n    });\n};\nsetupInterceptors(axiosInstance);\nexport const api = axiosInstance;\nconst axiosVersions = {\n    market: {\n        baseURL: \"\".concat(process.env.NEXT_PUBLIC_MARKET_API_ENDPOINT)\n    }\n};\nexport const otherApiClient = Object.entries(axiosVersions).reduce((acc, param)=>{\n    let [k, v] = param;\n    const instance = axios.create({\n        ...solvookAPIConfig,\n        ...v\n    });\n    setupInterceptors(instance);\n    acc[k] = instance;\n    return acc;\n}, {});\n","import { otherApiClient } from \".\";\nexport function isLibraryGeneralFilter(value) {\n    return value[\"id\"] !== undefined;\n}\nexport const LibraryFiltersMap = {\n    brands: {\n        label: \"제작자\",\n        colSpan: 12,\n        order: 3\n    },\n    dataTypes: {\n        label: \"자료유형\",\n        colSpan: 24,\n        order: 4\n    },\n    units: {\n        label: \"단원\",\n        colSpan: 24,\n        order: 2\n    },\n    publishers: {\n        label: \"출판사\",\n        colSpan: 24\n    },\n    curriculums: {\n        label: \"학년\",\n        colSpan: 24\n    },\n    genres: {\n        label: \"장르\",\n        colSpan: 12,\n        order: 5\n    },\n    eras: {\n        label: \"시대\",\n        colSpan: 12,\n        order: 6\n    },\n    useBooks: {\n        label: \"이용 교재\",\n        colSpan: 24\n    },\n    filterParsing: {\n        label: \"편집 가능\",\n        colSpan: 24\n    },\n    baseSources: {\n        label: \"교재\",\n        colSpan: 24,\n        order: 1\n    },\n    packages: {\n        label: \"패키지\",\n        colSpan: 24,\n        order: 7\n    }\n};\nexport const LibrarySearchType = {\n    자료: \"handout\",\n    교과서: \"textbook\",\n    참고서: \"workbook\",\n    문학: \"literature\",\n    비문학: \"non_literature\"\n};\nexport function isLibrarySearchType(value) {\n    return !!Object.values(LibrarySearchType).find((v)=>v === value);\n}\nexport const getLibrarySearchTypeName = (key)=>Object.keys(LibrarySearchType).find((k)=>LibrarySearchType[k] === key);\n// export interface GetLibraryFiltersResponse extends IQueryResponse {\n// \tfilters: LibraryFilters\n// }\nexport const fetchLibraryFilters = async (params)=>{\n    const { data  } = await otherApiClient.market(\"/libraries/filters\", {\n        params: {\n            ...params,\n            searchType: params.searchType.replaceAll(\"_\", \"-\")\n        }\n    });\n    return data;\n};\nexport const fetchLibraryMetadata = async (params)=>{\n    const { data  } = await otherApiClient.market(\"/libraries/metadata\", {\n        params\n    });\n    return data;\n};\nexport const LibraryFilterRequestMap = {\n    brands: \"brand\",\n    dataTypes: \"dataType\",\n    units: \"unit\",\n    publishers: \"publisher\",\n    curriculums: \"curriculum\",\n    genres: \"genre\",\n    eras: \"era\",\n    useBooks: \"useBook\",\n    filterParsing: \"parsing\",\n    baseSources: \"baseSource\",\n    packages: \"package\"\n};\nexport const fetchLibraries = async (params)=>{\n    const { data  } = await otherApiClient.market(\"/libraries\", {\n        params: {\n            ...params,\n            searchType: params.searchType.replaceAll(\"_\", \"-\")\n        }\n    });\n    return data;\n};\nexport const fetchLibraryLicense = async (param)=>{\n    let { id , ...params } = param;\n    const { data  } = await otherApiClient.market(\"/libraries/\".concat(id, \"/check-can-open\"), {\n        params\n    });\n    return data;\n};\n// 자료보관함 다운로드 로그 기록을 위한 API (정산에 사용되는)\nexport const postOpenCheckLibrary = async (param)=>{\n    let { licenseId , actionType  } = param;\n    const { data  } = await otherApiClient.market.post(\"/license-use-logs/\".concat(licenseId), {\n        actionType\n    });\n    return data;\n};\n// 다운로드 url을 확인하기 위한 API\nexport const getLibraryDownloadUrl = async (param)=>{\n    let { id , logo  } = param;\n    const { data  } = await otherApiClient.market(\"/libraries/\".concat(id, \"/download?logo=\").concat(logo));\n    return data;\n};\n// 다운로드 최초 오픈인 여부 확인을 위한 api\nexport const getLibraryFirstOpen = async (param)=>{\n    let { licenseId  } = param;\n    const { data  } = await otherApiClient.market(\"/license-use-logs/\".concat(licenseId, \"/check-exist-log\"));\n    return data;\n};\n","import { otherApiClient } from \".\";\nimport { toQueryStringCamel } from \"../utils/misc\";\nexport const ActionType = {\n    view3minute: \"view_3minute\",\n    print: \"print\"\n};\nexport const ItemType = {\n    handout: \"handout\",\n    studio: \"studioHandout\"\n};\nexport var PassCategory;\n(function(PassCategory) {\n    PassCategory[\"Solvookplus\"] = \"solvookplus\";\n    PassCategory[\"Ticket\"] = \"ticket\";\n    PassCategory[\"Subscription\"] = \"solvookplus-subscribe\";\n    PassCategory[\"Expert\"] = \"expert\";\n    PassCategory[\"ExpertSubscription\"] = \"expert-subscribe\";\n    PassCategory[\"Package\"] = \"package\";\n    PassCategory[\"FreePass\"] = \"freepass\";\n})(PassCategory || (PassCategory = {}));\nexport const PassCategoryWithString = {\n    [\"solvookplus\"]: \"쏠북 플러스\",\n    [\"ticket\"]: \"이용권\"\n};\nexport const ExpiredReasonWithString = {\n    COUNT: \"사용횟수 소진\",\n    AMOUNT: \"포인트 소진\",\n    PERIOD: \"유효기간 만료\",\n    REFUND: \"환불 만료\"\n};\nexport var TicketDeductionMethod;\n(function(TicketDeductionMethod) {\n    TicketDeductionMethod[\"COUNT\"] = \"count\";\n    TicketDeductionMethod[\"AMOUNT\"] = \"amount\";\n})(TicketDeductionMethod || (TicketDeductionMethod = {}));\nexport var UnUsableReason;\n(function(UnUsableReason) {\n    UnUsableReason[\"SUBJECT\"] = \"이용가능 과목 조건 불일치\";\n    UnUsableReason[\"PUBLISHER\"] = \"이용가능 출판사 조건 불일치\";\n    UnUsableReason[\"CURRICULUM\"] = \"이용가능 교육과정 조건 불일치\";\n    UnUsableReason[\"AUTHOR\"] = \"이용가능 저자 조건 불일치\";\n    UnUsableReason[\"PRODUCT_TYPE\"] = \"이용가능 상품 유형 조건 불일치\";\n    UnUsableReason[\"PRICE\"] = \"이용가능 가격 조건 불일치\";\n})(UnUsableReason || (UnUsableReason = {}));\nexport const postMembershipLog = async (params)=>{\n    const { data  } = await otherApiClient.market.post(\"/membership-use-logs\", {\n        ...params\n    });\n    return data;\n};\nexport const getPassProducts = async (params)=>{\n    const { data  } = await otherApiClient.market(\"/memberships/products\".concat(toQueryStringCamel(params)));\n    return data;\n};\nexport const getPassOneProduct = async (id)=>{\n    const { data  } = await otherApiClient.market(\"/memberships/products/\".concat(id));\n    return data;\n};\nexport const getMemberships = async (params)=>{\n    const { data  } = await otherApiClient.market.get(\"/memberships\", {\n        params\n    });\n    return data;\n};\nexport const patchAddPass = async (param)=>{\n    const { data  } = await otherApiClient.market.patch(\"/memberships/tickets\", param);\n    return data;\n};\nexport const postMembershipSubscribe = async (params)=>{\n    const { data  } = await otherApiClient.market.post(\"/memberships/subscription\", params);\n    return data;\n};\nexport const getCancelMembership = async ()=>{\n    const { data  } = await otherApiClient.market.get(\"/memberships/subscription/cancel\");\n    return data;\n};\nexport const getPassMainProducts = async (params)=>{\n    const { data  } = await otherApiClient.market(\"/main/products\".concat(toQueryStringCamel(params)));\n    return data;\n};\n","import { api, otherApiClient } from \".\";\nexport const SourceTypeWithString = {\n    textbook: \"교과서 라이선스\",\n    workbook: \"참고서 라이선스\",\n    handout: \"수업자료\",\n    work: \"문학 라이선스\",\n    all: \"전체\",\n    aladinbook: \"도서\",\n    ebook: \"굿노트6 eBook\",\n    package: \"이용권\",\n    ebookUniv: \"굿노트6 대학생용 eBook\"\n};\n// EN : 영어, KO : 한국어, MA : 수학, SC : 과학, SO : 사회, SL : 제2외국어, KH : 한국사, ET : 기타\nexport const Subjects = {\n    EN: \"EN\",\n    KO: \"KO\",\n    MA: \"MA\",\n    SO: \"SO\",\n    SC: \"SC\",\n    SL: \"SL\",\n    KH: \"KH\",\n    HI: \"HI\",\n    ET: \"ET\"\n};\nexport function isSubjects(value) {\n    return !!Object.values(Subjects).find((v)=>v === value);\n}\n//구매가능한 과목 리스트 (검색, 과목탭에서 사용)\nexport const purchasableSubjectsList = ()=>{\n    return [\n        Subjects.EN,\n        Subjects.KO,\n        Subjects.MA,\n        Subjects.SC,\n        Subjects.SO\n    ].map((subject)=>{\n        return {\n            key: subject,\n            label: SubjectsWithString[subject]\n        };\n    });\n};\nexport const DataTypesWithString = {\n    10: \"기출예상문제\",\n    20: \"단계별복습\",\n    30: \"변형문제\",\n    40: \"본문분석\",\n    50: \"워크북\",\n    60: \"작품분석\",\n    70: \"어법어휘\",\n    80: \"예상문제\",\n    90: \"모의고사\",\n    100: \"개념완성\",\n    110: \"유형훈련\",\n    120: \"직보/파이널\",\n    130: \"개념정리\"\n};\nexport const CurriculumsWithString = {\n    10: \"초등\",\n    20: \"중등\",\n    30: \"고등\",\n    40: \"대학생\",\n    null: \"\"\n};\nexport const GradesWithString = {\n    // 10 : 1학년, 20 : 2학년, 30 : 3학년, 40 : 4학년, 50 : 5학년 , 60 : 6학년\n    10: \"1학년\",\n    20: \"2학년\",\n    30: \"3학년\",\n    40: \"4학년\",\n    50: \"5학년\",\n    60: \"6학년\",\n    null: \"\"\n};\nexport const SubjectsWithString = {\n    EN: \"영어\",\n    KO: \"국어\",\n    MA: \"수학\",\n    SO: \"사회\",\n    SC: \"과학\",\n    SL: \"제2외국어\",\n    KH: \"한국사\",\n    HI: \"역사\",\n    ET: \"기타\",\n    ALL: \"전과목\",\n    null: \"\"\n};\nexport const ContentTypesWithString = {\n    11: \"어휘 정리\",\n    12: \"문법 정리\",\n    13: \"표현 정리\",\n    14: \"이해추론 정리\",\n    21: \"어휘 훈련\",\n    22: \"문법 훈련\",\n    23: \"표현 훈련\",\n    24: \"이해추론 훈련\",\n    31: \"어휘 문제풀이\",\n    32: \"문법 문제풀이\",\n    33: \"표현 문제풀이\",\n    34: \"이해추론 문제풀이\"\n};\nexport const getLegacyProduct = async (query)=>{\n    const { data  } = await api.get(\"/products/\".concat(query.id));\n    return data;\n};\nexport const getProduct = async (query)=>{\n    const { data  } = await otherApiClient.market.get(\"/products/\".concat(query.id));\n    return data;\n};\nexport const postUseMembership = async (param)=>{\n    var _param_choicePurchaseOption;\n    const { data  } = await otherApiClient.market.post(\"/products/use-as-membership\", {\n        membershipIdToProductIds: {\n            [param.membershipId]: param.productIds\n        },\n        choicePurchaseOption: (_param_choicePurchaseOption = param.choicePurchaseOption) !== null && _param_choicePurchaseOption !== void 0 ? _param_choicePurchaseOption : \"view\"\n    });\n    return data;\n};\nexport const getRelatedProducts = async (id)=>{\n    const { data  } = await otherApiClient.market(\"/products/\".concat(id, \"/relation\"));\n    return data;\n};\nexport const getMembershipAvailable = async (param)=>{\n    let { membershipId , productIds  } = param;\n    const { data  } = await otherApiClient.market.post(\"/products/membership-available\", {\n        membershipIdToProductIds: {\n            [membershipId]: productIds\n        }\n    });\n    return data;\n};\n","import { otherApiClient } from \".\";\nexport var SearchType;\n(function(SearchType) {\n    SearchType[\"ALL\"] = \"all\";\n    SearchType[\"TEXTBOOK\"] = \"textbook\";\n    SearchType[\"WORKBOOK\"] = \"workbook\";\n    SearchType[\"HANDOUT\"] = \"handout\";\n    SearchType[\"WORK\"] = \"work\";\n})(SearchType || (SearchType = {}));\nexport const defaultSearchType = \"all\";\nexport const searchQueryKeys = [\n    \"contentTypes\",\n    \"dataTypes\",\n    \"authors\",\n    \"units\",\n    \"editables\",\n    \"publishers\",\n    \"curriculums\",\n    \"genres\",\n    \"eras\",\n    \"relatedBooks\",\n    \"grades\",\n    \"tickets\",\n    \"solvookPasses\"\n];\nexport const sortKeys = [\n    \"POPULAR\",\n    \"LATEST\",\n    \"TITLE\",\n    \"PRICE_ASC\"\n];\nexport const SortType = {\n    POPULAR: \"인기순\",\n    LATEST: \"최신순\",\n    PRICE_ASC: \"낮은가격순\",\n    TITLE: \"이름순\"\n};\nexport const SearchQueryKey = {\n    PRODUCT_TYPE: \"productType\",\n    KEYWORD: \"q\",\n    SORT: \"sort\",\n    SUBJECT: \"subject\",\n    CURRICULUMS: \"curriculums\",\n    PUBLISHERS: \"publishers\",\n    GRADES: \"grades\",\n    CONTENTTYPES: \"contentTypes\",\n    DATATYPES: \"dataTypes\",\n    UNITS: \"units\",\n    EDITABLES: \"editables\",\n    AUTHORS: \"authors\",\n    GENRES: \"genres\",\n    ERAS: \"eras\",\n    RELATEDBOOKS: \"relatedBooks\",\n    TICKETS: \"tickets\",\n    SOLVOOKPASSES: \"solvookPasses\"\n};\nexport const BaseFilterKeyToLabel = {\n    contentTypes: \"학습 내용\",\n    dataTypes: \"자료유형\",\n    authors: \"제작자\",\n    units: \"단원\",\n    editables: \"편집 가능\",\n    publishers: \"출판사\",\n    curriculums: \"교육 과정\",\n    genres: \"장르\",\n    eras: \"시대\",\n    relatedBooks: \"교재\",\n    grades: \"학년\",\n    tickets: \"이용권\",\n    solvookPasses: \"쏠북패스\"\n};\nconst filterValidFilters = (filters)=>{\n    return Object.entries(filters).reduce((acc, param)=>{\n        let [key, value] = param;\n        if (Array.isArray(value) ? value.length > 0 : value) {\n            acc[key] = value;\n        }\n        return acc;\n    }, {});\n};\nexport const getSearchFilter = async (query)=>{\n    const { filters , productType , ...rest } = query;\n    const validFilters = filters ? filterValidFilters(filters) : undefined;\n    const { data  } = await otherApiClient.market.get(\"/search/filter\", {\n        params: {\n            ...rest,\n            productType: productType,\n            ...validFilters ? {\n                filter: JSON.stringify({\n                    [productType]: validFilters\n                })\n            } : null\n        }\n    });\n    return data;\n};\nexport const getSearchProducts = async (query)=>{\n    const { filters , productType , ...rest } = query;\n    const { data  } = await otherApiClient.market.get(\"/search\", {\n        params: {\n            ...rest,\n            productType: productType,\n            filter: JSON.stringify({\n                [productType]: filterValidFilters(filters)\n            })\n        }\n    });\n    return data;\n};\nexport const getSearchTerms = async ()=>{\n    const { data  } = await otherApiClient.market.get(\"/search/terms\", {});\n    return data;\n};\n","import { toQueryStringCamel } from \"src/utils/misc\";\nimport { otherApiClient } from \".\";\nexport const userTypeWithKorean = {\n    teacher: \"선생님\",\n    student: \"중/고등학생\",\n    parent: \"학부모\",\n    principal: \"원장님\",\n    university: \"대학생\",\n    etc: \"기타\"\n};\n//교재 리스트 가져오기\nexport const getUserSourcesSelection = async (param)=>{\n    let { publisher , curriculum , subject  } = param;\n    const { data  } = await otherApiClient.market.get(\"/users/sources/selection/\".concat(toQueryStringCamel({\n        publisher,\n        curriculum,\n        subject\n    })));\n    return data;\n};\n//맞춤교재 등록\nexport const putUserSource = async (param)=>{\n    let { items , subject  } = param;\n    const { data  } = await otherApiClient.market.put(\"/users/sources\", {\n        subject,\n        items\n    });\n    return data;\n};\n//유저 메타 정보 저장\nexport const patchUserMeta = async (params)=>{\n    const { data  } = await otherApiClient.market.patch(\"/users/meta\", {\n        ...params\n    });\n    return data;\n};\nexport const getUserMeta = async ()=>{\n    const { data  } = await otherApiClient.market.get(\"/users/meta\");\n    return data;\n};\nexport const putUserAddress = async (params)=>{\n    const { data  } = await otherApiClient.market.put(\"/users/address\", params);\n    return data;\n};\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport React, { useCallback } from \"react\";\nimport { useRouter } from \"next/router\";\nimport Link from \"next/link\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nexport function ActiveLink(param) {\n    let { className , children , href , passHref , legacyBehavior , onClick  } = param;\n    const router = useRouter();\n    const handleClick = useCallback((e)=>{\n        e.preventDefault();\n        onClick === null || onClick === void 0 ? void 0 : onClick(e);\n        mixpanel(href);\n        router.push(href);\n    }, [\n        href\n    ]);\n    const mixpanel = (href)=>{\n        switch(href){\n            case \"/introduce\":\n                return mixpanel(\"Introduce Clicked from Header\");\n            case \"/protection\":\n                return mixpanelEvent(\"Protection Clicked from Header\");\n            case \"/b2b\":\n                return mixpanel(\"B2B Clicked from Header\");\n            default:\n                return null;\n        }\n    };\n    const options = {};\n    if (typeof children !== \"string\") {\n        options[\"passHref\"] = true;\n        options[\"legacyBehavior\"] = true;\n    }\n    return /*#__PURE__*/ _jsx(Link, {\n        ...options,\n        className: className,\n        href: href,\n        onClick: handleClick,\n        passHref: passHref,\n        legacyBehavior: legacyBehavior,\n        children: children\n    });\n}\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { AdBannerList, useAdBannerQuery } from \".\";\n//디폴트 배너\nexport const AdBanner = (param)=>{\n    let { shape =\"default\" , position , subject , mixpanelPosition  } = param;\n    const { adBannerResponse , noAdItems  } = useAdBannerQuery({\n        position,\n        subject\n    });\n    if (noAdItems) return null;\n    return /*#__PURE__*/ _jsx(AdBannerList, {\n        position: position,\n        children: adBannerResponse.items.map((param)=>/*#__PURE__*/ {\n            let { link , imageUrl , id  } = param;\n            return _jsx(AdBannerList.Item, {\n                link: link,\n                imageUrl: imageUrl,\n                shape: shape,\n                id: id,\n                mixpanelPosition: mixpanelPosition\n            }, \"adbanner-\" + id);\n        })\n    });\n};\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  height: 100%;\\n\\n  p {\\n    color: \",\n        \";\\n    text-align: center;\\n    font-size: 16px;\\n    line-height: 1.5;\\n    letter-spacing: -0.16px;\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  background-color: rgba(169, 175, 199, 0.2);\\n  display: flex;\\n  align-items: center;\\n  width: 100%;\\n  justify-content: center;\\n  cursor: pointer;\\n  height: 80px;\\n  transition: all 0.3s;\\n\\n  img {\\n    width: 316px;\\n    height: 80px;\\n  }\\n\\n  :hover {\\n    background-color: rgba(169, 175, 199, 0.35);\\n  }\\n\\n  &.fullWidth {\\n    border-radius: 0;\\n  }\\n\\n  &.default {\\n    border-radius: 6px;\\n  }\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  gap: 20px;\\n\\n  &.productDetail {\\n    margin-top: 48px;\\n    @media (max-width: 768px) {\\n      margin-top: 32px;\\n      flex-direction: column;\\n    }\\n  }\\n\\n  &.search {\\n    margin-top: 36px;\\n    @media (max-width: 768px) {\\n      margin: 0 -16px;\\n      a {\\n        border-radius: 0;\\n      }\\n    }\\n  }\\n\\n  &.moSide {\\n  }\\n\\n  &.globalMenu {\\n    flex-direction: column;\\n  }\\n\\n  &.solvookPlus {\\n    margin-top: 20px;\\n\\n    a {\\n      border-radius: 12px;\\n      border: 1px solid \",\n        \";\\n      box-shadow: 3px 3px 12px 0px rgba(28, 31, 46, 0.06);\\n      background-color: #fff;\\n      transition: all 0.3s;\\n      height: 100%;\\n\\n      img {\\n        border-radius: 12px;\\n        height: 100%;\\n        max-width: 340px;\\n        width: 100%;\\n        aspect-ratio: 340 / 110;\\n      }\\n\\n      :hover {\\n        border: 1px solid \",\n        \";\\n      }\\n    }\\n  }\\n\\n  &.brand {\\n    @media (max-width: 1200px) {\\n      a {\\n        border-radius: 0;\\n      }\\n    }\\n  }\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport Link from \"next/link\";\nimport { getAdBanner } from \"src/api/adBanner\";\nimport styled from \"styled-components\";\nexport const useAdBannerQuery = (param)=>{\n    let { position , subject , pageId  } = param;\n    const { isLoading: isAdBannerLoading , isError: isAdBannerError , data: adBannerResponse , isSuccess: isAdBannerSuccess  } = useQuery([\n        \"adBanner\",\n        position,\n        subject,\n        pageId\n    ], ()=>getAdBanner({\n            position,\n            subject,\n            pageId\n        }), {\n        refetchOnWindowFocus: false,\n        refetchOnReconnect: false,\n        select: (data)=>{\n            if (position === \"passes\") {\n                return {\n                    items: data.items.slice(0, 1)\n                };\n            }\n            return data;\n        }\n    });\n    return {\n        isAdBannerLoading,\n        isAdBannerError,\n        adBannerResponse,\n        isAdBannerSuccess,\n        noAdItems: !!!adBannerResponse || adBannerResponse.items.length === 0\n    };\n};\nexport const AdBannerItem = (param)=>{\n    let { shape =\"default\" , link , imageUrl , id , mixpanelPosition  } = param;\n    //외부 url은 새창으로 열기\n    const isCurrentTab = link === null || link === void 0 ? void 0 : link.includes(\"https://solvook.com\");\n    return /*#__PURE__*/ _jsx(AdBannerItemContainer, {\n        onClick: ()=>mixpanelEvent(\"AD Banner Clicked\", {\n                ID: id,\n                \"Button URL\": link,\n                position: mixpanelPosition\n            }),\n        className: \"\".concat(shape, \" adbanner-item\"),\n        href: link,\n        target: !isCurrentTab ? \"_blank\" : \"_self\",\n        children: /*#__PURE__*/ _jsx(\"img\", {\n            src: imageUrl,\n            alt: \"광고 이미지\"\n        })\n    });\n};\nexport const AdBannerLayout = (param)=>{\n    let { children , position  } = param;\n    return /*#__PURE__*/ _jsx(AdBannerLayoutContainer, {\n        className: \"adbanner-container \".concat(position),\n        children: children\n    });\n};\n//moside empty\nexport const AdBannerEmpty = ()=>{\n    return /*#__PURE__*/ _jsx(AdBannerEmptyContainer, {\n        children: /*#__PURE__*/ _jsx(\"p\", {\n            children: \"진행중인 이벤트가 없습니다.\"\n        })\n    });\n};\nexport const AdBannerList = Object.assign(AdBannerLayout, {\n    Item: AdBannerItem,\n    Empty: AdBannerEmpty\n});\nconst AdBannerEmptyContainer = styled.div.withConfig({\n    componentId: \"sc-dbefaebe-0\"\n})(_templateObject(), (props)=>props.theme.new.colors.sol_gray_500);\nexport const AdBannerItemContainer = styled(Link).withConfig({\n    componentId: \"sc-dbefaebe-1\"\n})(_templateObject1());\nconst AdBannerLayoutContainer = styled.div.withConfig({\n    componentId: \"sc-dbefaebe-2\"\n})(_templateObject2(), (props)=>props.theme.new.colors.sol_gray_50, (props)=>props.theme.new.colors.sol_gray_200);\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  p {\\n    margin: 0;\\n  }\\n\\n  .filter-title-wrapper {\\n    cursor: pointer;\\n    height: 45px;\\n    padding: 0 16px;\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: center;\\n    border-bottom: 1px solid \",\n        \";\\n  }\\n\\n  p {\\n    font-size: 14px;\\n    font-weight: 600;\\n    color: \",\n        \";\\n  }\\n\\n  .ant-btn {\\n    border: none;\\n  }\\n\\n  .filter-list-wrapper {\\n  }\\n\\n  .title-expanding {\\n    background-color: \",\n        \";\\n    border-bottom: 1px solid \",\n        \";\\n\\n    p {\\n      color: \",\n        \";\\n    }\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { MobileFilterListItem } from \"@/components/Search/MobileFilterListItem\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport { FilterTypeToQueryKey, findLabel } from \"../../../api/booksProducts\";\nexport const BookListMobileFilterList = (param)=>{\n    let { handleFilter , filters , selectedFilters , openSlider , sliderOpen  } = param;\n    return /*#__PURE__*/ _jsx(BooksMobileFilterListWrapper, {\n        children: /*#__PURE__*/ _jsx(\"ul\", {\n            children: Object.keys(filters).map((key, idx)=>{\n                const newFilters = filters[key].map((item)=>{\n                    return {\n                        id: item,\n                        value: item,\n                        label: findLabel(FilterTypeToQueryKey[key], item)\n                    };\n                });\n                if (filters[key].length > 0) return /*#__PURE__*/ _jsx(\"li\", {\n                    children: /*#__PURE__*/ _jsx(MobileFilterListItem, {\n                        title: FilterTypeToQueryKey[key],\n                        filterItem: newFilters,\n                        handleFilter: handleFilter,\n                        selectedFilters: selectedFilters,\n                        openSlider: openSlider,\n                        sliderOpen: sliderOpen\n                    })\n                }, idx);\n            })\n        })\n    });\n};\nexport const BooksMobileFilterListWrapper = styled.div.withConfig({\n    componentId: \"sc-652079ed-0\"\n})(_templateObject(), (props)=>props.theme.new.colors.sol_gray_100, (props)=>props.theme.new.colors.sol_gray_600, (props)=>props.theme.new.colors.sol_gray_0, (props)=>props.theme.new.colors.sol_gray_0, (props)=>props.theme.new.colors.sol_gray_900);\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  position: relative;\\n  display: flex;\\n  width: 100%;\\n  align-items: center;\\n  justify-content: space-between;\\n  min-height: 60px;\\n  height: auto;\\n  padding: 16px;\\n  border-radius: 6px;\\n  background-color: \",\n        \";\\n  margin-top: 20px;\\n\\n  &.category {\\n    min-height: 58px;\\n  }\\n\\n  .current-area {\\n    display: flex;\\n    align-items: center;\\n    flex-wrap: wrap;\\n    gap: 12px;\\n    height: 100%;\\n\\n    i {\\n      margin-left: 4px;\\n    }\\n  }\\n\\n  @media (max-width: 1200px) {\\n    &.search-page {\\n      padding: 0 16px;\\n      /* margin: 0 -16px; */\\n      width: auto;\\n    }\\n  }\\n\\n  @media (max-width: 768px) {\\n    padding: 0 16px;\\n    min-height: unset;\\n    height: 50px;\\n    margin: 0 -16px;\\n    border-radius: 0;\\n    .current-area {\\n      flex-wrap: nowrap;\\n      white-space: nowrap;\\n      overflow-x: auto;\\n      height: unset;\\n      scrollbar-width: thin;\\n      align-items: center;\\n    }\\n\\n    &.slider-type {\\n      padding: 12px 16px;\\n      height: auto;\\n      flex-direction: column;\\n      align-items: unset;\\n      margin: 0;\\n      border-bottom: 1px solid \",\n        \";\\n\\n      .reset-btn {\\n        justify-content: flex-end;\\n      }\\n\\n      .current-area {\\n        flex-wrap: wrap;\\n        margin-bottom: 0;\\n        align-items: flex-end;\\n      }\\n    }\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport SelectedFilterWrapper from \"@/components/Categories/Menu/SelectedFilter\";\nimport { useBooksQuery } from \"@/hooks/useBooksQuery\";\nimport styled from \"styled-components\";\nimport { findLabel } from \"../../../api/booksProducts\";\nexport const BookListSelectedFilter = (param)=>{\n    let { slider  } = param;\n    const { selectedFilterList , handleResetFilter , handleDetailFilter  } = useBooksQuery();\n    if (selectedFilterList.length === 0) return;\n    return /*#__PURE__*/ _jsx(SelectedFilterWrapper, {\n        position: slider ? \"sideSheet\" : \"top\",\n        button: /*#__PURE__*/ _jsx(SelectedFilterWrapper.ResetButton, {\n            handleResetFilter: handleResetFilter\n        }),\n        children: selectedFilterList.map((filter)=>/*#__PURE__*/ _jsx(SelectedFilterWrapper.SelectedItem, {\n                label: findLabel(filter.key, filter.value),\n                onRemove: ()=>handleDetailFilter(filter.key, filter.value, filter.value)\n            }, filter.value))\n    });\n};\nexport const Wrapper = styled.div.withConfig({\n    componentId: \"sc-b0c1ee62-0\"\n})(_templateObject(), (props)=>props.theme.new.colors.sol_gray_0, (props)=>props.theme.new.colors.sol_gray_100);\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  .ant-modal-content {\\n    display: flex;\\n    flex-direction: column;\\n    gap: 28px;\\n    padding: 28px;\\n    border-radius: 4px;\\n  }\\n  .stack {\\n    display: flex;\\n    gap: 8px;\\n\\n    font-size: 16px;\\n    letter-spacing: -0.16px;\\n    line-height: 1.5;\\n\\n    &.success svg {\\n      color: \",\n        \";\\n    }\\n    &.caution svg {\\n      color: \",\n        \";\\n    }\\n\\n    .stack {\\n      flex-direction: column;\\n    }\\n    h4 {\\n      margin-bottom: 0;\\n      font-size: 20px;\\n      font-weight: 700;\\n      letter-spacing: -0.2px;\\n    }\\n    p {\\n      color: \",\n        \";\\n    }\\n\\n    @media (max-width: 768px) {\\n      flex-direction: column;\\n    }\\n  }\\n\\n  .ant-modal-footer {\\n    display: flex;\\n    justify-content: flex-end;\\n    gap: 8px;\\n    margin-top: 0;\\n\\n    @media (max-width: 768px) {\\n      flex-direction: column;\\n\\n      a,\\n      .ant-btn {\\n        width: 100%;\\n      }\\n    }\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport Icon from \"@/components/icon/Icon\";\nimport { Sizes, Success24Fill, Warning24Fill } from \"@/components/icon/IconList\";\nimport { Modal } from \"antd\";\nimport styled from \"styled-components\";\nconst StyledBooksOrderModal = styled(Modal).withConfig({\n    componentId: \"sc-92ab4c52-0\"\n})(_templateObject(), (props)=>props.theme.new.colors.sol_mint_300, (props)=>props.theme.new.colors.sol_red_400, (props)=>props.theme.new.colors.sol_gray_700);\nconst BooksOrderModal = (param)=>{\n    let { children , title , severity =\"success\" , content , ...props } = param;\n    return /*#__PURE__*/ _jsx(StyledBooksOrderModal, {\n        ...props,\n        closable: false,\n        maskClosable: true,\n        onCancel: props.onClose,\n        cancelButtonProps: {\n            style: {\n                display: \"none\"\n            }\n        },\n        okButtonProps: {\n            style: {\n                display: \"none\"\n            }\n        },\n        children: children || /*#__PURE__*/ _jsxs(\"div\", {\n            className: \"stack \".concat(severity),\n            children: [\n                severity === \"success\" && /*#__PURE__*/ _jsx(Icon, {\n                    icon: Success24Fill,\n                    size: Sizes.large\n                }),\n                severity === \"caution\" && /*#__PURE__*/ _jsx(Icon, {\n                    icon: Warning24Fill,\n                    size: Sizes.large\n                }),\n                /*#__PURE__*/ _jsxs(\"div\", {\n                    className: \"stack\",\n                    children: [\n                        /*#__PURE__*/ _jsx(\"h4\", {\n                            children: title\n                        }),\n                        !!content && /*#__PURE__*/ _jsx(\"p\", {\n                            children: content\n                        })\n                    ]\n                })\n            ]\n        })\n    });\n};\nexport default BooksOrderModal;\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  flex-grow: 1;\\n  background-color: \",\n        \";\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  max-width: 640px;\\n  margin: 0 auto;\\n  padding: 48px 20px;\\n\\n  @media (max-width: 1200px) {\\n  }\\n  @media (max-width: 768px) {\\n    max-width: 390px;\\n    padding: 24px 16px;\\n  }\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  flex-direction: column;\\n  gap: 8px;\\n  margin-bottom: 40px;\\n  font-size: 24px;\\n  font-weight: 600;\\n  line-height: 32px;\\n  color: \",\n        \";\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject3() {\n    const data = _tagged_template_literal([\n        \"\\n  font-size: 16px;\\n  font-weight: 400;\\n  line-height: 1.5;\\n  letter-spacing: -0.16px;\\n  color: \",\n        \";\\n\"\n    ]);\n    _templateObject3 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject4() {\n    const data = _tagged_template_literal([\n        \"\\n  padding: 16px 24px;\\n  font-size: 16px;\\n  font-weight: 600;\\n  line-height: 1.5;\\n  letter-spacing: -0.16px;\\n\"\n    ]);\n    _templateObject4 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject5() {\n    const data = _tagged_template_literal([\n        \"\\n  margin-bottom: 0;\\n  font-size: 14px;\\n  font-weight: 400;\\n  line-height: 22px;\\n  letter-spacing: -0.14px;\\n\\n  &,\\n  dd {\\n    margin-bottom: 0;\\n  }\\n\\n  dt {\\n    margin-bottom: 8px;\\n    color: \",\n        \";\\n    font-size: 16px;\\n    font-weight: 400;\\n    line-height: 1.5;\\n    letter-spacing: -0.16px;\\n  }\\n\\n  li {\\n    color: \",\n        \";\\n  }\\n\\n  ol {\\n    margin-bottom: 0;\\n    padding-left: 20px;\\n\\n    li {\\n      list-style-type: decimal;\\n    }\\n  }\\n\\n  ul {\\n    padding-left: 20px;\\n\\n    li {\\n      list-style-type: disc;\\n\\n      &::marker {\\n        content: '• ';\\n      }\\n    }\\n  }\\n\"\n    ]);\n    _templateObject5 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport FilledButton from \"@/components/common/Button/FilledButton\";\nimport { BOOKS_LANDING } from \"@/settings/constant\";\nimport { useRouter } from \"next/router\";\nimport { useMemo } from \"react\";\nimport styled from \"styled-components\";\nexport const BooksWrapper = styled.div.withConfig({\n    componentId: \"sc-3dad6aec-0\"\n})(_templateObject(), (props)=>props.theme.new.colors.sol_gray_0);\nexport const BooksContainer = styled.div.withConfig({\n    componentId: \"sc-3dad6aec-1\"\n})(_templateObject1());\nexport const BooksStyledTitle = styled.h2.withConfig({\n    componentId: \"sc-3dad6aec-2\"\n})(_templateObject2(), (props)=>props.theme.new.colors.sol_gray_900);\nexport const BooksSubtitle = styled.p.withConfig({\n    componentId: \"sc-3dad6aec-3\"\n})(_templateObject3(), (props)=>props.theme.new.colors.sol_gray_500);\nexport const OrderTitle = (param)=>{\n    let { primary , secondary  } = param;\n    return /*#__PURE__*/ _jsx(_Fragment, {\n        children: /*#__PURE__*/ _jsxs(BooksStyledTitle, {\n            children: [\n                primary,\n                !!secondary && /*#__PURE__*/ _jsx(BooksSubtitle, {\n                    children: secondary\n                })\n            ]\n        })\n    });\n};\nexport const OrderFilledButton = styled(FilledButton).withConfig({\n    componentId: \"sc-3dad6aec-4\"\n})(_templateObject4());\nexport const TermsContainer = styled.dl.withConfig({\n    componentId: \"sc-3dad6aec-5\"\n})(_templateObject5(), (props)=>props.theme.new.colors.sol_gray_900, (props)=>props.theme.new.colors.sol_gray_500);\nexport const getIsBooks = (pathname)=>pathname.startsWith(BOOKS_LANDING);\nexport const useBooks = ()=>{\n    const { pathname  } = useRouter();\n    const { isBooks  } = useMemo(()=>{\n        return {\n            isBooks: getIsBooks(pathname)\n        };\n    }, [\n        pathname\n    ]);\n    return {\n        isBooks\n    };\n};\n","'use client';\n\nimport * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n\n/**\n * @ignore - internal component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"\n}), 'MoreHoriz');","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"slots\", \"slotProps\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { emphasize } from '@mui/system/colorManipulator';\nimport styled from '../styles/styled';\nimport MoreHorizIcon from '../internal/svg-icons/MoreHoriz';\nimport ButtonBase from '../ButtonBase';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst BreadcrumbCollapsedButton = styled(ButtonBase)(({\n  theme\n}) => _extends({\n  display: 'flex',\n  marginLeft: `calc(${theme.spacing(1)} * 0.5)`,\n  marginRight: `calc(${theme.spacing(1)} * 0.5)`\n}, theme.palette.mode === 'light' ? {\n  backgroundColor: theme.palette.grey[100],\n  color: theme.palette.grey[700]\n} : {\n  backgroundColor: theme.palette.grey[700],\n  color: theme.palette.grey[100]\n}, {\n  borderRadius: 2,\n  '&:hover, &:focus': _extends({}, theme.palette.mode === 'light' ? {\n    backgroundColor: theme.palette.grey[200]\n  } : {\n    backgroundColor: theme.palette.grey[600]\n  }),\n  '&:active': _extends({\n    boxShadow: theme.shadows[0]\n  }, theme.palette.mode === 'light' ? {\n    backgroundColor: emphasize(theme.palette.grey[200], 0.12)\n  } : {\n    backgroundColor: emphasize(theme.palette.grey[600], 0.12)\n  })\n}));\nconst BreadcrumbCollapsedIcon = styled(MoreHorizIcon)({\n  width: 24,\n  height: 16\n});\n\n/**\n * @ignore - internal component.\n */\nfunction BreadcrumbCollapsed(props) {\n  const {\n      slots = {},\n      slotProps = {}\n    } = props,\n    otherProps = _objectWithoutPropertiesLoose(props, _excluded);\n  const ownerState = props;\n  return /*#__PURE__*/_jsx(\"li\", {\n    children: /*#__PURE__*/_jsx(BreadcrumbCollapsedButton, _extends({\n      focusRipple: true\n    }, otherProps, {\n      ownerState: ownerState,\n      children: /*#__PURE__*/_jsx(BreadcrumbCollapsedIcon, _extends({\n        as: slots.CollapsedIcon,\n        ownerState: ownerState\n      }, slotProps.collapsedIcon))\n    }))\n  });\n}\nprocess.env.NODE_ENV !== \"production\" ? BreadcrumbCollapsed.propTypes = {\n  /**\n   * The props used for the CollapsedIcon slot.\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    collapsedIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])\n  }),\n  /**\n   * The components used for each slot inside the BreadcumbCollapsed.\n   * Either a string to use a HTML element or a component.\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    CollapsedIcon: PropTypes.elementType\n  }),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.object\n} : void 0;\nexport default BreadcrumbCollapsed;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getBreadcrumbsUtilityClass(slot) {\n  return generateUtilityClass('MuiBreadcrumbs', slot);\n}\nconst breadcrumbsClasses = generateUtilityClasses('MuiBreadcrumbs', ['root', 'ol', 'li', 'separator']);\nexport default breadcrumbsClasses;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"children\", \"className\", \"component\", \"slots\", \"slotProps\", \"expandText\", \"itemsAfterCollapse\", \"itemsBeforeCollapse\", \"maxItems\", \"separator\"];\nimport * as React from 'react';\nimport { isFragment } from 'react-is';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport integerPropType from '@mui/utils/integerPropType';\nimport composeClasses from '@mui/utils/composeClasses';\nimport useSlotProps from '@mui/utils/useSlotProps';\nimport styled from '../styles/styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport Typography from '../Typography';\nimport BreadcrumbCollapsed from './BreadcrumbCollapsed';\nimport breadcrumbsClasses, { getBreadcrumbsUtilityClass } from './breadcrumbsClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root'],\n    li: ['li'],\n    ol: ['ol'],\n    separator: ['separator']\n  };\n  return composeClasses(slots, getBreadcrumbsUtilityClass, classes);\n};\nconst BreadcrumbsRoot = styled(Typography, {\n  name: 'MuiBreadcrumbs',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    return [{\n      [`& .${breadcrumbsClasses.li}`]: styles.li\n    }, styles.root];\n  }\n})({});\nconst BreadcrumbsOl = styled('ol', {\n  name: 'MuiBreadcrumbs',\n  slot: 'Ol',\n  overridesResolver: (props, styles) => styles.ol\n})({\n  display: 'flex',\n  flexWrap: 'wrap',\n  alignItems: 'center',\n  padding: 0,\n  margin: 0,\n  listStyle: 'none'\n});\nconst BreadcrumbsSeparator = styled('li', {\n  name: 'MuiBreadcrumbs',\n  slot: 'Separator',\n  overridesResolver: (props, styles) => styles.separator\n})({\n  display: 'flex',\n  userSelect: 'none',\n  marginLeft: 8,\n  marginRight: 8\n});\nfunction insertSeparators(items, className, separator, ownerState) {\n  return items.reduce((acc, current, index) => {\n    if (index < items.length - 1) {\n      acc = acc.concat(current, /*#__PURE__*/_jsx(BreadcrumbsSeparator, {\n        \"aria-hidden\": true,\n        className: className,\n        ownerState: ownerState,\n        children: separator\n      }, `separator-${index}`));\n    } else {\n      acc.push(current);\n    }\n    return acc;\n  }, []);\n}\nconst Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiBreadcrumbs'\n  });\n  const {\n      children,\n      className,\n      component = 'nav',\n      slots = {},\n      slotProps = {},\n      expandText = 'Show path',\n      itemsAfterCollapse = 1,\n      itemsBeforeCollapse = 1,\n      maxItems = 8,\n      separator = '/'\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const [expanded, setExpanded] = React.useState(false);\n  const ownerState = _extends({}, props, {\n    component,\n    expanded,\n    expandText,\n    itemsAfterCollapse,\n    itemsBeforeCollapse,\n    maxItems,\n    separator\n  });\n  const classes = useUtilityClasses(ownerState);\n  const collapsedIconSlotProps = useSlotProps({\n    elementType: slots.CollapsedIcon,\n    externalSlotProps: slotProps.collapsedIcon,\n    ownerState\n  });\n  const listRef = React.useRef(null);\n  const renderItemsBeforeAndAfter = allItems => {\n    const handleClickExpand = () => {\n      setExpanded(true);\n\n      // The clicked element received the focus but gets removed from the DOM.\n      // Let's keep the focus in the component after expanding.\n      // Moving it to the <ol> or <nav> does not cause any announcement in NVDA.\n      // By moving it to some link/button at least we have some announcement.\n      const focusable = listRef.current.querySelector('a[href],button,[tabindex]');\n      if (focusable) {\n        focusable.focus();\n      }\n    };\n\n    // This defends against someone passing weird input, to ensure that if all\n    // items would be shown anyway, we just show all items without the EllipsisItem\n    if (itemsBeforeCollapse + itemsAfterCollapse >= allItems.length) {\n      if (process.env.NODE_ENV !== 'production') {\n        console.error(['MUI: You have provided an invalid combination of props to the Breadcrumbs.', `itemsAfterCollapse={${itemsAfterCollapse}} + itemsBeforeCollapse={${itemsBeforeCollapse}} >= maxItems={${maxItems}}`].join('\\n'));\n      }\n      return allItems;\n    }\n    return [...allItems.slice(0, itemsBeforeCollapse), /*#__PURE__*/_jsx(BreadcrumbCollapsed, {\n      \"aria-label\": expandText,\n      slots: {\n        CollapsedIcon: slots.CollapsedIcon\n      },\n      slotProps: {\n        collapsedIcon: collapsedIconSlotProps\n      },\n      onClick: handleClickExpand\n    }, \"ellipsis\"), ...allItems.slice(allItems.length - itemsAfterCollapse, allItems.length)];\n  };\n  const allItems = React.Children.toArray(children).filter(child => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (isFragment(child)) {\n        console.error([\"MUI: The Breadcrumbs component doesn't accept a Fragment as a child.\", 'Consider providing an array instead.'].join('\\n'));\n      }\n    }\n    return /*#__PURE__*/React.isValidElement(child);\n  }).map((child, index) => /*#__PURE__*/_jsx(\"li\", {\n    className: classes.li,\n    children: child\n  }, `child-${index}`));\n  return /*#__PURE__*/_jsx(BreadcrumbsRoot, _extends({\n    ref: ref,\n    component: component,\n    color: \"text.secondary\",\n    className: clsx(classes.root, className),\n    ownerState: ownerState\n  }, other, {\n    children: /*#__PURE__*/_jsx(BreadcrumbsOl, {\n      className: classes.ol,\n      ref: listRef,\n      ownerState: ownerState,\n      children: insertSeparators(expanded || maxItems && allItems.length <= maxItems ? allItems : renderItemsBeforeAndAfter(allItems), classes.separator, separator, ownerState)\n    })\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Breadcrumbs.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Override the default label for the expand button.\n   *\n   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).\n   * @default 'Show path'\n   */\n  expandText: PropTypes.string,\n  /**\n   * If max items is exceeded, the number of items to show after the ellipsis.\n   * @default 1\n   */\n  itemsAfterCollapse: integerPropType,\n  /**\n   * If max items is exceeded, the number of items to show before the ellipsis.\n   * @default 1\n   */\n  itemsBeforeCollapse: integerPropType,\n  /**\n   * Specifies the maximum number of breadcrumbs to display. When there are more\n   * than the maximum number, only the first `itemsBeforeCollapse` and last `itemsAfterCollapse`\n   * will be shown, with an ellipsis in between.\n   * @default 8\n   */\n  maxItems: integerPropType,\n  /**\n   * Custom separator node.\n   * @default '/'\n   */\n  separator: PropTypes.node,\n  /**\n   * The props used for each slot inside the Breadcumb.\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    collapsedIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])\n  }),\n  /**\n   * The components used for each slot inside the Breadcumb.\n   * Either a string to use a HTML element or a component.\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    CollapsedIcon: PropTypes.elementType\n  }),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default Breadcrumbs;","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  margin-top: 24px;\\n  display: flex;\\n  flex-direction: column;\\n  @media (max-width: 768px) {\\n    > nav {\\n      display: none;\\n    }\\n\\n    margin: 0 -16px !important;\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport Icon from \"@/components/icon/Icon\";\nimport { ArrowRight, Sizes } from \"@/components/icon/IconList\";\nimport theme from \"@/themes/uiLibraryTheme\";\nimport { Button } from \"@bookips/solvook-ui-library\";\nimport { Breadcrumbs, Link, styled, Typography } from \"@mui/material\";\nimport React, { useCallback, useMemo } from \"react\";\nexport const CategoryBreadCrumbView = (param)=>{\n    let { currentDepth , findCategoryChildren , breadcrumbList , isLastDepth , handleCategoryMenu  } = param;\n    const { palette  } = theme;\n    const items = useMemo(()=>{\n        var _findCategoryChildren;\n        return (_findCategoryChildren = findCategoryChildren(currentDepth)) === null || _findCategoryChildren === void 0 ? void 0 : _findCategoryChildren.items;\n    }, [\n        currentDepth,\n        findCategoryChildren\n    ]);\n    const nextRow = useCallback((index)=>index % 3 === 0, []);\n    const numEmptyCells = useMemo(()=>{\n        if (!items) return 0;\n        const remainder = items.length % 3;\n        return (3 - remainder) % 3;\n    }, [\n        items\n    ]);\n    return /*#__PURE__*/ _jsxs(CategoryQuickMenuContainer, {\n        children: [\n            /*#__PURE__*/ _jsx(CustomBreadcrumb, {\n                separator: /*#__PURE__*/ _jsx(Icon, {\n                    icon: ArrowRight,\n                    size: Sizes.smallHalf,\n                    color: palette.text[\"disabled\"]\n                }),\n                \"aria-label\": \"breadcrumb\",\n                children: breadcrumbList\n            }),\n            !isLastDepth && items && /*#__PURE__*/ _jsx(ButtonTable, {\n                children: /*#__PURE__*/ _jsxs(\"tbody\", {\n                    children: [\n                        items.map((item, index)=>{\n                            var _item_name;\n                            return /*#__PURE__*/ _jsxs(React.Fragment, {\n                                children: [\n                                    nextRow(index) && /*#__PURE__*/ _jsx(\"tr\", {}),\n                                    /*#__PURE__*/ _jsx(\"td\", {\n                                        children: /*#__PURE__*/ _jsx(CustomButton, {\n                                            onClick: ()=>{\n                                                var _item_id;\n                                                handleCategoryMenu((_item_id = item.id) !== null && _item_id !== void 0 ? _item_id : item.categoryId);\n                                            },\n                                            children: (_item_name = item.name) !== null && _item_name !== void 0 ? _item_name : item.title\n                                        })\n                                    })\n                                ]\n                            }, \"\".concat(index, \"-\").concat(item.name || item.title));\n                        }),\n                        numEmptyCells > 0 && /*#__PURE__*/ _jsx(React.Fragment, {\n                            children: Array.from({\n                                length: numEmptyCells\n                            }).map((_, index)=>/*#__PURE__*/ _jsx(\"td\", {\n                                    children: /*#__PURE__*/ _jsx(CustomButton, {\n                                        className: \"empty\"\n                                    })\n                                }, \"empty-\".concat(index)))\n                        })\n                    ]\n                })\n            })\n        ]\n    });\n};\nexport const BreadCrumbItem = (param)=>{\n    let { depth , onClick , item , list  } = param;\n    const { palette  } = theme;\n    if (depth === 1) return /*#__PURE__*/ _jsx(Link, {\n        underline: \"hover\",\n        color: \"inherit\",\n        onClick: onClick,\n        children: /*#__PURE__*/ _jsx(Typography, {\n            variant: \"body2\",\n            color: palette.text[\"secondary\"],\n            children: list[0].name + \" - \" + list[1].name\n        })\n    }, item.id);\n    return /*#__PURE__*/ _jsx(Link, {\n        underline: \"hover\",\n        color: \"inherit\",\n        onClick: onClick,\n        children: /*#__PURE__*/ _jsx(Typography, {\n            variant: \"body2\",\n            color: palette.text[\"secondary\"],\n            children: item.name\n        })\n    }, item.id);\n};\nexport const CustomBreadcrumb = styled(Breadcrumbs)((param)=>{\n    let { theme  } = param;\n    return {\n        \".MuiLink-underlineHover\": {\n            \"&:hover\": {\n                textUnderlineOffset: \"3px\",\n                p: {\n                    color: theme.palette.text[\"title\"]\n                }\n            }\n        },\n        ol: {\n            display: \"flex\",\n            flexDirection: \"row\",\n            padding: 0,\n            margin: 0,\n            alignItems: \"center\"\n        }\n    };\n});\nexport const CategoryQuickMenuContainer = styled(\"div\")(_templateObject());\nexport const ButtonGrid = styled(\"div\")((param)=>{\n    let { theme  } = param;\n    return {\n        display: \"grid\",\n        gridTemplateColumns: \"repeat(3, 1fr)\",\n        marginTop: \"12px\",\n        borderRadius: \"6px\",\n        borderTop: \"1px solid \".concat(theme.palette.grey[100]),\n        marginRight: \"-1px\",\n        [theme.breakpoints.down(1080)]: {\n            gridTemplateColumns: \"repeat(3, 1fr)\"\n        },\n        [theme.breakpoints.down(\"sm\")]: {\n            borderRadius: \"0\",\n            marginTop: \"0\",\n            borderTop: \"none\"\n        }\n    };\n});\nexport const CustomButton = styled(Button)((param)=>{\n    let { theme  } = param;\n    return {\n        width: \"100%\",\n        padding: \"12px 16px\",\n        color: theme.palette.text[\"secondary\"],\n        borderRadius: 0,\n        ...theme.typography.body2,\n        \"&:hover:not(&.empty)\": {\n            backgroundColor: \"rgba(169, 175, 199, 0.20)\",\n            color: theme.palette.text[\"title\"]\n        },\n        \"&.empty\": {\n            pointerEvents: \"none\"\n        }\n    };\n});\nexport const ButtonTable = styled(\"table\")((param)=>{\n    let { theme  } = param;\n    return {\n        width: \"100%\",\n        marginTop: \"12px\",\n        borderCollapse: \"collapse\",\n        borderRadius: \"6px\",\n        border: \"1px solid \".concat(theme.palette.grey[100]),\n        \"& td\": {\n            border: \"1px solid \".concat(theme.palette.grey[100]),\n            padding: 0,\n            width: \"33.33%\",\n            textAlign: \"center\"\n        }\n    };\n});\n","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { DetailFilterButtonList } from \"@/components/Categories/Menu/DetailFilterButton\";\nimport { CustomSelectMenuItem, CustomTextField, SearchResultAmount, SearchResultDescWrap } from \"@/components/Categories/Menu/index\";\nimport { FilterQueryHandlerType } from \"@/hooks/useCategoryFilterHandler\";\nimport { SelectedFilterWrapper } from \"./SelectedFilter\";\nexport const CategoryFilterSectionView = (param)=>{\n    let { filterItems , hasFilterItems , handleMobileSlider , selectedFilterList , filterQueryHandler , totalCount , sortItems , selectedSort , isCheckFilterItem , isCheckFilterCount , mobileFilterSideSheet  } = param;\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            hasFilterItems && /*#__PURE__*/ _jsx(DetailFilterButtonList, {\n                filterItems: filterItems,\n                handleMobileSlider: handleMobileSlider,\n                isCheckFilterItem: isCheckFilterItem,\n                isCheckFilterCount: isCheckFilterCount,\n                selectedFilterList: selectedFilterList,\n                mobileFilterSideSheet: mobileFilterSideSheet,\n                filterQueryHandler: filterQueryHandler\n            }),\n            selectedFilterList.length > 0 && /*#__PURE__*/ _jsx(SelectedFilterWrapper, {\n                className: \"category\",\n                position: undefined,\n                button: /*#__PURE__*/ _jsx(SelectedFilterWrapper.ResetButton, {\n                    handleResetFilter: ()=>filterQueryHandler({\n                            filterType: FilterQueryHandlerType.RESET\n                        })\n                }),\n                children: selectedFilterList.map((item, idx)=>{\n                    return /*#__PURE__*/ _jsx(SelectedFilterWrapper.SelectedItem, {\n                        className: \"category current-btn\",\n                        label: item.value,\n                        onRemove: ()=>filterQueryHandler({\n                                filterType: FilterQueryHandlerType.DETAILFILTER,\n                                filterName: item.key,\n                                value: item.value\n                            })\n                    }, \"selectedItem\" + idx);\n                })\n            }),\n            /*#__PURE__*/ _jsxs(SearchResultDescWrap, {\n                children: [\n                    /*#__PURE__*/ _jsxs(SearchResultAmount, {\n                        children: [\n                            \"총 \",\n                            totalCount,\n                            \"건\"\n                        ]\n                    }),\n                    sortItems.length > 0 && /*#__PURE__*/ _jsx(CustomTextField, {\n                        select: true,\n                        value: selectedSort !== null && selectedSort !== void 0 ? selectedSort : sortItems[0],\n                        onChange: (e)=>{\n                            filterQueryHandler({\n                                filterType: FilterQueryHandlerType.SORT,\n                                value: e.target.value\n                            });\n                        },\n                        children: sortItems.map((option)=>{\n                            return /*#__PURE__*/ _jsx(CustomSelectMenuItem, {\n                                value: option,\n                                className: \"select\",\n                                children: option\n                            }, option);\n                        })\n                    })\n                ]\n            })\n        ]\n    });\n};\n","export function isUnitless(value) {\n  return String(parseFloat(value)).length === String(value).length;\n}\n\n// Ported from Compass\n// https://github.com/Compass/compass/blob/master/core/stylesheets/compass/typography/_units.scss\n// Emulate the sass function \"unit\"\nexport function getUnit(input) {\n  return String(input).match(/[\\d.\\-+]*\\s*(.*)/)[1] || '';\n}\n\n// Emulate the sass function \"unitless\"\nexport function toUnitless(length) {\n  return parseFloat(length);\n}\n\n// Convert any CSS <length> or <percentage> value to any another.\n// From https://github.com/KyleAMathews/convert-css-length\nexport function convertLength(baseFontSize) {\n  return (length, toUnit) => {\n    const fromUnit = getUnit(length);\n\n    // Optimize for cases where `from` and `to` units are accidentally the same.\n    if (fromUnit === toUnit) {\n      return length;\n    }\n\n    // Convert input length to pixels.\n    let pxLength = toUnitless(length);\n    if (fromUnit !== 'px') {\n      if (fromUnit === 'em') {\n        pxLength = toUnitless(length) * toUnitless(baseFontSize);\n      } else if (fromUnit === 'rem') {\n        pxLength = toUnitless(length) * toUnitless(baseFontSize);\n      }\n    }\n\n    // Convert length in pixels to the output unit\n    let outputLength = pxLength;\n    if (toUnit !== 'px') {\n      if (toUnit === 'em') {\n        outputLength = pxLength / toUnitless(baseFontSize);\n      } else if (toUnit === 'rem') {\n        outputLength = pxLength / toUnitless(baseFontSize);\n      } else {\n        return length;\n      }\n    }\n    return parseFloat(outputLength.toFixed(5)) + toUnit;\n  };\n}\nexport function alignProperty({\n  size,\n  grid\n}) {\n  const sizeBelow = size - size % grid;\n  const sizeAbove = sizeBelow + grid;\n  return size - sizeBelow < sizeAbove - size ? sizeBelow : sizeAbove;\n}\n\n// fontGrid finds a minimal grid (in rem) for the fontSize values so that the\n// lineHeight falls under a x pixels grid, 4px in the case of Material Design,\n// without changing the relative line height\nexport function fontGrid({\n  lineHeight,\n  pixels,\n  htmlFontSize\n}) {\n  return pixels / (lineHeight * htmlFontSize);\n}\n\n/**\n * generate a responsive version of a given CSS property\n * @example\n * responsiveProperty({\n *   cssProperty: 'fontSize',\n *   min: 15,\n *   max: 20,\n *   unit: 'px',\n *   breakpoints: [300, 600],\n * })\n *\n * // this returns\n *\n * {\n *   fontSize: '15px',\n *   '@media (min-width:300px)': {\n *     fontSize: '17.5px',\n *   },\n *   '@media (min-width:600px)': {\n *     fontSize: '20px',\n *   },\n * }\n * @param {Object} params\n * @param {string} params.cssProperty - The CSS property to be made responsive\n * @param {number} params.min - The smallest value of the CSS property\n * @param {number} params.max - The largest value of the CSS property\n * @param {string} [params.unit] - The unit to be used for the CSS property\n * @param {Array.number} [params.breakpoints]  - An array of breakpoints\n * @param {number} [params.alignStep] - Round scaled value to fall under this grid\n * @returns {Object} responsive styles for {params.cssProperty}\n */\nexport function responsiveProperty({\n  cssProperty,\n  min,\n  max,\n  unit = 'rem',\n  breakpoints = [600, 900, 1200],\n  transform = null\n}) {\n  const output = {\n    [cssProperty]: `${min}${unit}`\n  };\n  const factor = (max - min) / breakpoints[breakpoints.length - 1];\n  breakpoints.forEach(breakpoint => {\n    let value = min + factor * breakpoint;\n    if (transform !== null) {\n      value = transform(value);\n    }\n    output[`@media (min-width:${breakpoint}px)`] = {\n      [cssProperty]: `${Math.round(value * 10000) / 10000}${unit}`\n    };\n  });\n  return output;\n}","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getSkeletonUtilityClass(slot) {\n  return generateUtilityClass('MuiSkeleton', slot);\n}\nconst skeletonClasses = generateUtilityClasses('MuiSkeleton', ['root', 'text', 'rectangular', 'rounded', 'circular', 'pulse', 'wave', 'withChildren', 'fitContent', 'heightAuto']);\nexport default skeletonClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"animation\", \"className\", \"component\", \"height\", \"style\", \"variant\", \"width\"];\nlet _ = t => t,\n  _t,\n  _t2,\n  _t3,\n  _t4;\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport { keyframes, css } from '@mui/system';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { alpha, unstable_getUnit as getUnit, unstable_toUnitless as toUnitless } from '../styles';\nimport styled from '../styles/styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport { getSkeletonUtilityClass } from './skeletonClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    variant,\n    animation,\n    hasChildren,\n    width,\n    height\n  } = ownerState;\n  const slots = {\n    root: ['root', variant, animation, hasChildren && 'withChildren', hasChildren && !width && 'fitContent', hasChildren && !height && 'heightAuto']\n  };\n  return composeClasses(slots, getSkeletonUtilityClass, classes);\n};\nconst pulseKeyframe = keyframes(_t || (_t = _`\n  0% {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: 0.4;\n  }\n\n  100% {\n    opacity: 1;\n  }\n`));\nconst waveKeyframe = keyframes(_t2 || (_t2 = _`\n  0% {\n    transform: translateX(-100%);\n  }\n\n  50% {\n    /* +0.5s of delay between each loop */\n    transform: translateX(100%);\n  }\n\n  100% {\n    transform: translateX(100%);\n  }\n`));\nconst SkeletonRoot = styled('span', {\n  name: 'MuiSkeleton',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, styles[ownerState.variant], ownerState.animation !== false && styles[ownerState.animation], ownerState.hasChildren && styles.withChildren, ownerState.hasChildren && !ownerState.width && styles.fitContent, ownerState.hasChildren && !ownerState.height && styles.heightAuto];\n  }\n})(({\n  theme,\n  ownerState\n}) => {\n  const radiusUnit = getUnit(theme.shape.borderRadius) || 'px';\n  const radiusValue = toUnitless(theme.shape.borderRadius);\n  return _extends({\n    display: 'block',\n    // Create a \"on paper\" color with sufficient contrast retaining the color\n    backgroundColor: theme.vars ? theme.vars.palette.Skeleton.bg : alpha(theme.palette.text.primary, theme.palette.mode === 'light' ? 0.11 : 0.13),\n    height: '1.2em'\n  }, ownerState.variant === 'text' && {\n    marginTop: 0,\n    marginBottom: 0,\n    height: 'auto',\n    transformOrigin: '0 55%',\n    transform: 'scale(1, 0.60)',\n    borderRadius: `${radiusValue}${radiusUnit}/${Math.round(radiusValue / 0.6 * 10) / 10}${radiusUnit}`,\n    '&:empty:before': {\n      content: '\"\\\\00a0\"'\n    }\n  }, ownerState.variant === 'circular' && {\n    borderRadius: '50%'\n  }, ownerState.variant === 'rounded' && {\n    borderRadius: (theme.vars || theme).shape.borderRadius\n  }, ownerState.hasChildren && {\n    '& > *': {\n      visibility: 'hidden'\n    }\n  }, ownerState.hasChildren && !ownerState.width && {\n    maxWidth: 'fit-content'\n  }, ownerState.hasChildren && !ownerState.height && {\n    height: 'auto'\n  });\n}, ({\n  ownerState\n}) => ownerState.animation === 'pulse' && css(_t3 || (_t3 = _`\n      animation: ${0} 2s ease-in-out 0.5s infinite;\n    `), pulseKeyframe), ({\n  ownerState,\n  theme\n}) => ownerState.animation === 'wave' && css(_t4 || (_t4 = _`\n      position: relative;\n      overflow: hidden;\n\n      /* Fix bug in Safari https://bugs.webkit.org/show_bug.cgi?id=68196 */\n      -webkit-mask-image: -webkit-radial-gradient(white, black);\n\n      &::after {\n        animation: ${0} 2s linear 0.5s infinite;\n        background: linear-gradient(\n          90deg,\n          transparent,\n          ${0},\n          transparent\n        );\n        content: '';\n        position: absolute;\n        transform: translateX(-100%); /* Avoid flash during server-side hydration */\n        bottom: 0;\n        left: 0;\n        right: 0;\n        top: 0;\n      }\n    `), waveKeyframe, (theme.vars || theme).palette.action.hover));\nconst Skeleton = /*#__PURE__*/React.forwardRef(function Skeleton(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiSkeleton'\n  });\n  const {\n      animation = 'pulse',\n      className,\n      component = 'span',\n      height,\n      style,\n      variant = 'text',\n      width\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const ownerState = _extends({}, props, {\n    animation,\n    component,\n    variant,\n    hasChildren: Boolean(other.children)\n  });\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(SkeletonRoot, _extends({\n    as: component,\n    ref: ref,\n    className: clsx(classes.root, className),\n    ownerState: ownerState\n  }, other, {\n    style: _extends({\n      width,\n      height\n    }, style)\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Skeleton.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The animation.\n   * If `false` the animation effect is disabled.\n   * @default 'pulse'\n   */\n  animation: PropTypes.oneOf(['pulse', 'wave', false]),\n  /**\n   * Optional children to infer width and height from.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Height of the skeleton.\n   * Useful when you don't want to adapt the skeleton to a text element but for instance a card.\n   */\n  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * @ignore\n   */\n  style: PropTypes.object,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The type of content that will be rendered.\n   * @default 'text'\n   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['circular', 'rectangular', 'rounded', 'text']), PropTypes.string]),\n  /**\n   * Width of the skeleton.\n   * Useful when the skeleton is inside an inline element with no width of its own.\n   */\n  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n} : void 0;\nexport default Skeleton;","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  flex-direction: column;\\n  width: 100%;\\n  min-width: 180px;\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Skeleton, styled } from \"@mui/material\";\nexport const CategoryListPageSkeletonItem = ()=>{\n    return /*#__PURE__*/ _jsxs(SkeletonItemContainer, {\n        children: [\n            /*#__PURE__*/ _jsx(Skeleton, {\n                variant: \"rectangular\",\n                height: 224,\n                width: \"100%\"\n            }),\n            /*#__PURE__*/ _jsx(Skeleton, {\n                variant: \"rectangular\",\n                height: 26,\n                width: 137,\n                sx: {\n                    marginTop: \"8px\"\n                }\n            }),\n            /*#__PURE__*/ _jsx(Skeleton, {\n                variant: \"rectangular\",\n                height: 48,\n                width: \"100%\",\n                sx: {\n                    marginTop: \"8px\"\n                }\n            }),\n            /*#__PURE__*/ _jsx(Skeleton, {\n                variant: \"rectangular\",\n                height: 20,\n                width: 64,\n                sx: {\n                    marginTop: \"4px\"\n                }\n            }),\n            /*#__PURE__*/ _jsx(Skeleton, {\n                variant: \"rectangular\",\n                height: 26,\n                width: 144,\n                sx: {\n                    marginTop: \"16px\"\n                }\n            })\n        ]\n    });\n};\nexport const SkeletonItemContainer = styled(\"div\")(_templateObject());\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: grid;\\n  grid-template-columns: 1fr 1fr 1fr 1fr;\\n  gap: 20px;\\n  width: 100%;\\n  flex-wrap: wrap;\\n  @media (max-width: 1080px) {\\n    grid-template-columns: 1fr 1fr 1fr;\\n  }\\n  @media (max-width: 920px) {\\n    grid-template-columns: 1fr 1fr 1fr;\\n  }\\n  @media (max-width: 768px) {\\n    grid-template-columns: 1fr 1fr;\\n    gap: 12px;\\n  }\\n\\n  .book-info-wrapper {\\n    min-width: 180px;\\n    width: 100%;\\n    flex: 1 1 0;\\n    flex-direction: column;\\n    gap: 8px;\\n\\n    img {\\n      width: 92px;\\n    }\\n\\n    .thumb-wrapper {\\n      display: flex;\\n      box-sizing: border-box;\\n      flex-direction: column;\\n      width: 100%;\\n      padding: 8px;\\n      height: 224px;\\n      padding-bottom: 40px;\\n    }\\n\\n    > div {\\n      position: relative;\\n    }\\n\\n    .preview-btn {\\n      bottom: 8px;\\n      left: 8px;\\n      right: 8px;\\n      width: auto;\\n      text-align: center;\\n    }\\n  }\\n\\n  @media (max-width: 768px) {\\n    .book-info-wrapper {\\n      //width:100% ;\\n      min-width: 173px;\\n\\n      .thumb-wrapper {\\n        height: 150px;\\n        padding-bottom: 8px;\\n\\n        img {\\n          width: 68px;\\n        }\\n      }\\n    }\\n\\n    .preview-btn {\\n      display: none;\\n    }\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { CategoryListPageSkeletonItem } from \"@/components/Categories/Menu/CategoryListPageSkeleton\";\nimport { EmptyWrapper } from \"@/components/Coupons/Mypage/EmptyWrapper\";\nimport { BookCard } from \"@/components/Landing/BookCard\";\nimport { useAuthStore } from \"@/lib/auth/AuthStore\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { styled } from \"@mui/material\";\nexport const CategoryProductListView = (param)=>{\n    let { isLoadingListItem , items , limit  } = param;\n    const { isLoggedIn  } = useAuthStore();\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            /*#__PURE__*/ _jsx(GridContainer, {\n                children: isLoadingListItem ? Array.from({\n                    length: limit\n                }).map((item, idx)=>{\n                    return /*#__PURE__*/ _jsx(CategoryListPageSkeletonItem, {}, idx);\n                }) : items.map((product, idx)=>{\n                    return /*#__PURE__*/ _jsx(BookCard, {\n                        book: product,\n                        index: idx,\n                        positionType: \"curation\",\n                        mixpanelPosition: \"카테고리\",\n                        onClick: ()=>{\n                            //mx-48\n                            mixpanelEvent(\"Category Product Clicked\", {\n                                subject: product.subject,\n                                productId: product.id,\n                                productTitle: product.title,\n                                productType: \"handout\",\n                                isLoggedIn,\n                                price: product.price,\n                                authorName: product.author,\n                                \"Coupon Badge\": product === null || product === void 0 ? void 0 : product.isCouponAvailable,\n                                \"Edit Badge\": product === null || product === void 0 ? void 0 : product.isEditable,\n                                \"Review Badge\": (product === null || product === void 0 ? void 0 : product.rating) >= 3\n                            });\n                        }\n                    }, idx);\n                })\n            }),\n            !isLoadingListItem && items.length === 0 && /*#__PURE__*/ _jsx(EmptyWrapper, {\n                description: \"해당하는 상품이 없어요.\"\n            })\n        ]\n    });\n};\nconst GridContainer = styled(\"div\")(_templateObject());\n","import generateUtilityClass from '@mui/utils/generateUtilityClass';\nimport generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nexport function getRichTreeViewUtilityClass(slot) {\n  return generateUtilityClass('MuiRichTreeView', slot);\n}\nexport const richTreeViewClasses = generateUtilityClasses('MuiRichTreeView', ['root']);","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\n/**\n * Implements the same behavior as `useControlled` but for several models.\n * The controlled models are never stored in the state, and the state is only updated if the model is not controlled.\n */\nexport const useTreeViewModels = (plugins, props) => {\n  const modelsRef = React.useRef({});\n  const [modelsState, setModelsState] = React.useState(() => {\n    const initialState = {};\n    plugins.forEach(plugin => {\n      if (plugin.models) {\n        Object.entries(plugin.models).forEach(([modelName, modelInitializer]) => {\n          modelsRef.current[modelName] = {\n            isControlled: props[modelName] !== undefined,\n            getDefaultValue: modelInitializer.getDefaultValue\n          };\n          initialState[modelName] = modelInitializer.getDefaultValue(props);\n        });\n      }\n    });\n    return initialState;\n  });\n  const models = Object.fromEntries(Object.entries(modelsRef.current).map(([modelName, model]) => {\n    const value = props[modelName] ?? modelsState[modelName];\n    return [modelName, {\n      value,\n      setControlledValue: newValue => {\n        if (!model.isControlled) {\n          setModelsState(prevState => _extends({}, prevState, {\n            [modelName]: newValue\n          }));\n        }\n      }\n    }];\n  }));\n\n  // We know that `modelsRef` do not vary across renders.\n  /* eslint-disable react-hooks/rules-of-hooks, react-hooks/exhaustive-deps */\n  if (process.env.NODE_ENV !== 'production') {\n    Object.entries(modelsRef.current).forEach(([modelName, model]) => {\n      const controlled = props[modelName];\n      const newDefaultValue = model.getDefaultValue(props);\n      React.useEffect(() => {\n        if (model.isControlled !== (controlled !== undefined)) {\n          console.error([`MUI X: A component is changing the ${model.isControlled ? '' : 'un'}controlled ${modelName} state of TreeView to be ${model.isControlled ? 'un' : ''}controlled.`, 'Elements should not switch from uncontrolled to controlled (or vice versa).', `Decide between using a controlled or uncontrolled ${modelName} ` + 'element for the lifetime of the component.', \"The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.\", 'More info: https://fb.me/react-controlled-components'].join('\\n'));\n        }\n      }, [controlled]);\n      const {\n        current: defaultValue\n      } = React.useRef(newDefaultValue);\n      React.useEffect(() => {\n        if (!model.isControlled && defaultValue !== newDefaultValue) {\n          console.error([`MUI X: A component is changing the default ${modelName} state of an uncontrolled TreeView after being initialized. ` + `To suppress this warning opt to use a controlled TreeView.`].join('\\n'));\n        }\n      }, [JSON.stringify(newDefaultValue)]);\n    });\n  }\n  /* eslint-enable react-hooks/rules-of-hooks, react-hooks/exhaustive-deps */\n\n  return models;\n};","// Used https://gist.github.com/mudge/5830382 as a starting point.\n// See https://github.com/browserify/events/blob/master/events.js for\n// the Node.js (https://nodejs.org/api/events.html) polyfill used by webpack.\nexport class EventManager {\n  constructor() {\n    this.maxListeners = 20;\n    this.warnOnce = false;\n    this.events = {};\n  }\n  on(eventName, listener, options = {}) {\n    let collection = this.events[eventName];\n    if (!collection) {\n      collection = {\n        highPriority: new Map(),\n        regular: new Map()\n      };\n      this.events[eventName] = collection;\n    }\n    if (options.isFirst) {\n      collection.highPriority.set(listener, true);\n    } else {\n      collection.regular.set(listener, true);\n    }\n    if (process.env.NODE_ENV !== 'production') {\n      const collectionSize = collection.highPriority.size + collection.regular.size;\n      if (collectionSize > this.maxListeners && !this.warnOnce) {\n        this.warnOnce = true;\n        console.warn([`Possible EventEmitter memory leak detected. ${collectionSize} ${eventName} listeners added.`].join('\\n'));\n      }\n    }\n  }\n  removeListener(eventName, listener) {\n    if (this.events[eventName]) {\n      this.events[eventName].regular.delete(listener);\n      this.events[eventName].highPriority.delete(listener);\n    }\n  }\n  removeAllListeners() {\n    this.events = {};\n  }\n  emit(eventName, ...args) {\n    const collection = this.events[eventName];\n    if (!collection) {\n      return;\n    }\n    const highPriorityListeners = Array.from(collection.highPriority.keys());\n    const regularListeners = Array.from(collection.regular.keys());\n    for (let i = highPriorityListeners.length - 1; i >= 0; i -= 1) {\n      const listener = highPriorityListeners[i];\n      if (collection.highPriority.has(listener)) {\n        listener.apply(this, args);\n      }\n    }\n    for (let i = 0; i < regularListeners.length; i += 1) {\n      const listener = regularListeners[i];\n      if (collection.regular.has(listener)) {\n        listener.apply(this, args);\n      }\n    }\n  }\n  once(eventName, listener) {\n    // eslint-disable-next-line consistent-this\n    const that = this;\n    this.on(eventName, function oneTimeListener(...args) {\n      that.removeListener(eventName, oneTimeListener);\n      listener.apply(that, args);\n    });\n  }\n}","import * as React from 'react';\nimport { EventManager } from '../../utils/EventManager';\nconst isSyntheticEvent = event => {\n  return event.isPropagationStopped !== undefined;\n};\nexport const useTreeViewInstanceEvents = () => {\n  const [eventManager] = React.useState(() => new EventManager());\n  const publishEvent = React.useCallback((...args) => {\n    const [name, params, event = {}] = args;\n    event.defaultMuiPrevented = false;\n    if (isSyntheticEvent(event) && event.isPropagationStopped()) {\n      return;\n    }\n    eventManager.emit(name, params, event);\n  }, [eventManager]);\n  const subscribeEvent = React.useCallback((event, handler) => {\n    eventManager.on(event, handler);\n    return () => {\n      eventManager.removeListener(event, handler);\n    };\n  }, [eventManager]);\n  return {\n    instance: {\n      $$publishEvent: publishEvent,\n      $$subscribeEvent: subscribeEvent\n    }\n  };\n};\nuseTreeViewInstanceEvents.params = {};","import { useTreeViewInstanceEvents } from './useTreeViewInstanceEvents';\n/**\n * Internal plugins that create the tools used by the other plugins.\n * These plugins are used by the tree view components.\n */\nexport const TREE_VIEW_CORE_PLUGINS = [useTreeViewInstanceEvents];","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport useForkRef from '@mui/utils/useForkRef';\nimport { useTreeViewModels } from './useTreeViewModels';\nimport { TREE_VIEW_CORE_PLUGINS } from '../corePlugins';\nexport function useTreeViewApiInitialization(inputApiRef) {\n  const fallbackPublicApiRef = React.useRef({});\n  if (inputApiRef) {\n    if (inputApiRef.current == null) {\n      inputApiRef.current = {};\n    }\n    return inputApiRef.current;\n  }\n  return fallbackPublicApiRef.current;\n}\nexport const useTreeView = inParams => {\n  const plugins = [...TREE_VIEW_CORE_PLUGINS, ...inParams.plugins];\n  const params = plugins.reduce((acc, plugin) => {\n    if (plugin.getDefaultizedParams) {\n      return plugin.getDefaultizedParams(acc);\n    }\n    return acc;\n  }, inParams);\n  const models = useTreeViewModels(plugins, params);\n  const instanceRef = React.useRef({});\n  const instance = instanceRef.current;\n  const publicAPI = useTreeViewApiInitialization(inParams.apiRef);\n  const innerRootRef = React.useRef(null);\n  const handleRootRef = useForkRef(innerRootRef, inParams.rootRef);\n  const [state, setState] = React.useState(() => {\n    const temp = {};\n    plugins.forEach(plugin => {\n      if (plugin.getInitialState) {\n        Object.assign(temp, plugin.getInitialState(params));\n      }\n    });\n    return temp;\n  });\n  const rootPropsGetters = [];\n  const contextValue = {\n    publicAPI,\n    instance: instance,\n    rootRef: innerRootRef\n  };\n  const runPlugin = plugin => {\n    const pluginResponse = plugin({\n      instance,\n      params,\n      slots: params.slots,\n      slotProps: params.slotProps,\n      experimentalFeatures: params.experimentalFeatures,\n      state,\n      setState,\n      rootRef: innerRootRef,\n      models\n    });\n    if (pluginResponse.getRootProps) {\n      rootPropsGetters.push(pluginResponse.getRootProps);\n    }\n    if (pluginResponse.publicAPI) {\n      Object.assign(publicAPI, pluginResponse.publicAPI);\n    }\n    if (pluginResponse.instance) {\n      Object.assign(instance, pluginResponse.instance);\n    }\n    if (pluginResponse.contextValue) {\n      Object.assign(contextValue, pluginResponse.contextValue);\n    }\n  };\n  plugins.forEach(runPlugin);\n  contextValue.runItemPlugins = itemPluginProps => {\n    let finalRootRef = null;\n    let finalContentRef = null;\n    plugins.forEach(plugin => {\n      if (!plugin.itemPlugin) {\n        return;\n      }\n      const itemPluginResponse = plugin.itemPlugin({\n        props: itemPluginProps,\n        rootRef: finalRootRef,\n        contentRef: finalContentRef\n      });\n      if (itemPluginResponse?.rootRef) {\n        finalRootRef = itemPluginResponse.rootRef;\n      }\n      if (itemPluginResponse?.contentRef) {\n        finalContentRef = itemPluginResponse.contentRef;\n      }\n    });\n    return {\n      contentRef: finalContentRef,\n      rootRef: finalRootRef\n    };\n  };\n  const itemWrappers = plugins.map(plugin => plugin.wrapItem).filter(wrapItem => !!wrapItem);\n  contextValue.wrapItem = ({\n    itemId,\n    children\n  }) => {\n    let finalChildren = children;\n    itemWrappers.forEach(itemWrapper => {\n      finalChildren = itemWrapper({\n        itemId,\n        children: finalChildren,\n        instance\n      });\n    });\n    return finalChildren;\n  };\n  const rootWrappers = plugins.map(plugin => plugin.wrapRoot).filter(wrapRoot => !!wrapRoot)\n  // The wrappers are reversed to ensure that the first wrapper is the outermost one.\n  .reverse();\n  contextValue.wrapRoot = ({\n    children\n  }) => {\n    let finalChildren = children;\n    rootWrappers.forEach(rootWrapper => {\n      finalChildren = rootWrapper({\n        children: finalChildren,\n        instance\n      });\n    });\n    return finalChildren;\n  };\n  const getRootProps = (otherHandlers = {}) => {\n    const rootProps = _extends({\n      role: 'tree'\n    }, otherHandlers, {\n      ref: handleRootRef\n    });\n    rootPropsGetters.forEach(rootPropsGetter => {\n      Object.assign(rootProps, rootPropsGetter(otherHandlers));\n    });\n    return rootProps;\n  };\n  return {\n    getRootProps,\n    rootRef: handleRootRef,\n    contextValue: contextValue,\n    instance: instance\n  };\n};","import * as React from 'react';\nimport { TreeViewContext } from './TreeViewContext';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * Sets up the contexts for the underlying TreeItem components.\n *\n * @ignore - do not document.\n */\nexport function TreeViewProvider(props) {\n  const {\n    value,\n    children\n  } = props;\n  return /*#__PURE__*/_jsx(TreeViewContext.Provider, {\n    value: value,\n    children: value.wrapRoot({\n      children\n    })\n  });\n}","import * as React from 'react';\nimport useId from '@mui/utils/useId';\nexport const useTreeViewId = ({\n  params\n}) => {\n  const treeId = useId(params.id);\n  const getTreeItemIdAttribute = React.useCallback((itemId, idAttribute) => idAttribute ?? `${treeId}-${itemId}`, [treeId]);\n  return {\n    getRootProps: () => ({\n      id: treeId\n    }),\n    instance: {\n      getTreeItemIdAttribute\n    }\n  };\n};\nuseTreeViewId.params = {\n  id: true\n};","export const publishTreeViewEvent = (instance, eventName, params) => {\n  instance.$$publishEvent(eventName, params);\n};","export const TREE_VIEW_ROOT_PARENT_ID = '__TREE_VIEW_ROOT_PARENT_ID__';\nexport const buildSiblingIndexes = siblings => {\n  const siblingsIndexLookup = {};\n  siblings.forEach((childId, index) => {\n    siblingsIndexLookup[childId] = index;\n  });\n  return siblingsIndexLookup;\n};","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport { publishTreeViewEvent } from '../../utils/publishTreeViewEvent';\nimport { buildSiblingIndexes, TREE_VIEW_ROOT_PARENT_ID } from './useTreeViewItems.utils';\nimport { TreeViewItemDepthContext } from '../../TreeViewItemDepthContext';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst updateItemsState = ({\n  items,\n  isItemDisabled,\n  getItemLabel,\n  getItemId\n}) => {\n  const itemMetaMap = {};\n  const itemMap = {};\n  const itemOrderedChildrenIds = {\n    [TREE_VIEW_ROOT_PARENT_ID]: []\n  };\n  const processItem = (item, depth, parentId) => {\n    const id = getItemId ? getItemId(item) : item.id;\n    if (id == null) {\n      throw new Error(['MUI X: The Tree View component requires all items to have a unique `id` property.', 'Alternatively, you can use the `getItemId` prop to specify a custom id for each item.', 'An item was provided without id in the `items` prop:', JSON.stringify(item)].join('\\n'));\n    }\n    if (itemMetaMap[id] != null) {\n      throw new Error(['MUI X: The Tree View component requires all items to have a unique `id` property.', 'Alternatively, you can use the `getItemId` prop to specify a custom id for each item.', `Two items were provided with the same id in the \\`items\\` prop: \"${id}\"`].join('\\n'));\n    }\n    const label = getItemLabel ? getItemLabel(item) : item.label;\n    if (label == null) {\n      throw new Error(['MUI X: The Tree View component requires all items to have a `label` property.', 'Alternatively, you can use the `getItemLabel` prop to specify a custom label for each item.', 'An item was provided without label in the `items` prop:', JSON.stringify(item)].join('\\n'));\n    }\n    itemMetaMap[id] = {\n      id,\n      label,\n      parentId,\n      idAttribute: undefined,\n      expandable: !!item.children?.length,\n      disabled: isItemDisabled ? isItemDisabled(item) : false,\n      depth\n    };\n    itemMap[id] = item;\n    itemOrderedChildrenIds[id] = [];\n    const parentIdWithDefault = parentId ?? TREE_VIEW_ROOT_PARENT_ID;\n    if (!itemOrderedChildrenIds[parentIdWithDefault]) {\n      itemOrderedChildrenIds[parentIdWithDefault] = [];\n    }\n    itemOrderedChildrenIds[parentIdWithDefault].push(id);\n    item.children?.forEach(child => processItem(child, depth + 1, id));\n  };\n  items.forEach(item => processItem(item, 0, null));\n  const itemChildrenIndexes = {};\n  Object.keys(itemOrderedChildrenIds).forEach(parentId => {\n    itemChildrenIndexes[parentId] = buildSiblingIndexes(itemOrderedChildrenIds[parentId]);\n  });\n  return {\n    itemMetaMap,\n    itemMap,\n    itemOrderedChildrenIds,\n    itemChildrenIndexes\n  };\n};\nexport const useTreeViewItems = ({\n  instance,\n  params,\n  state,\n  setState,\n  experimentalFeatures\n}) => {\n  const getItemMeta = React.useCallback(itemId => state.items.itemMetaMap[itemId], [state.items.itemMetaMap]);\n  const getItem = React.useCallback(itemId => state.items.itemMap[itemId], [state.items.itemMap]);\n  const isItemDisabled = React.useCallback(itemId => {\n    if (itemId == null) {\n      return false;\n    }\n    let itemMeta = instance.getItemMeta(itemId);\n\n    // This can be called before the item has been added to the item map.\n    if (!itemMeta) {\n      return false;\n    }\n    if (itemMeta.disabled) {\n      return true;\n    }\n    while (itemMeta.parentId != null) {\n      itemMeta = instance.getItemMeta(itemMeta.parentId);\n      if (itemMeta.disabled) {\n        return true;\n      }\n    }\n    return false;\n  }, [instance]);\n  const getItemIndex = React.useCallback(itemId => {\n    const parentId = instance.getItemMeta(itemId).parentId ?? TREE_VIEW_ROOT_PARENT_ID;\n    return state.items.itemChildrenIndexes[parentId][itemId];\n  }, [instance, state.items.itemChildrenIndexes]);\n  const getItemOrderedChildrenIds = React.useCallback(itemId => state.items.itemOrderedChildrenIds[itemId ?? TREE_VIEW_ROOT_PARENT_ID] ?? [], [state.items.itemOrderedChildrenIds]);\n  const isItemNavigable = itemId => {\n    if (params.disabledItemsFocusable) {\n      return true;\n    }\n    return !instance.isItemDisabled(itemId);\n  };\n  const areItemUpdatesPreventedRef = React.useRef(false);\n  const preventItemUpdates = React.useCallback(() => {\n    areItemUpdatesPreventedRef.current = true;\n  }, []);\n  const areItemUpdatesPrevented = React.useCallback(() => areItemUpdatesPreventedRef.current, []);\n  React.useEffect(() => {\n    if (instance.areItemUpdatesPrevented()) {\n      return;\n    }\n    setState(prevState => {\n      const newState = updateItemsState({\n        items: params.items,\n        isItemDisabled: params.isItemDisabled,\n        getItemId: params.getItemId,\n        getItemLabel: params.getItemLabel\n      });\n      Object.values(prevState.items.itemMetaMap).forEach(item => {\n        if (!newState.itemMetaMap[item.id]) {\n          publishTreeViewEvent(instance, 'removeItem', {\n            id: item.id\n          });\n        }\n      });\n      return _extends({}, prevState, {\n        items: newState\n      });\n    });\n  }, [instance, setState, params.items, params.isItemDisabled, params.getItemId, params.getItemLabel]);\n  const getItemsToRender = () => {\n    const getPropsFromItemId = id => {\n      const item = state.items.itemMetaMap[id];\n      return {\n        label: item.label,\n        itemId: item.id,\n        id: item.idAttribute,\n        children: state.items.itemOrderedChildrenIds[id].map(getPropsFromItemId)\n      };\n    };\n    return state.items.itemOrderedChildrenIds[TREE_VIEW_ROOT_PARENT_ID].map(getPropsFromItemId);\n  };\n  return {\n    getRootProps: () => ({\n      style: {\n        '--TreeView-itemChildrenIndentation': typeof params.itemChildrenIndentation === 'number' ? `${params.itemChildrenIndentation}px` : params.itemChildrenIndentation\n      }\n    }),\n    publicAPI: {\n      getItem\n    },\n    instance: {\n      getItemMeta,\n      getItem,\n      getItemsToRender,\n      getItemIndex,\n      getItemOrderedChildrenIds,\n      isItemDisabled,\n      isItemNavigable,\n      preventItemUpdates,\n      areItemUpdatesPrevented\n    },\n    contextValue: {\n      disabledItemsFocusable: params.disabledItemsFocusable,\n      indentationAtItemLevel: experimentalFeatures.indentationAtItemLevel ?? false\n    }\n  };\n};\nuseTreeViewItems.getInitialState = params => ({\n  items: updateItemsState({\n    items: params.items,\n    isItemDisabled: params.isItemDisabled,\n    getItemId: params.getItemId,\n    getItemLabel: params.getItemLabel\n  })\n});\nuseTreeViewItems.getDefaultizedParams = params => _extends({}, params, {\n  disabledItemsFocusable: params.disabledItemsFocusable ?? false,\n  itemChildrenIndentation: params.itemChildrenIndentation ?? '12px'\n});\nuseTreeViewItems.wrapRoot = ({\n  children,\n  instance\n}) => {\n  return /*#__PURE__*/_jsx(TreeViewItemDepthContext.Provider, {\n    value: itemId => instance.getItemMeta(itemId)?.depth ?? 0,\n    children: children\n  });\n};\nuseTreeViewItems.params = {\n  disabledItemsFocusable: true,\n  items: true,\n  isItemDisabled: true,\n  getItemLabel: true,\n  getItemId: true,\n  itemChildrenIndentation: true\n};","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport useEventCallback from '@mui/utils/useEventCallback';\nexport const useTreeViewExpansion = ({\n  instance,\n  params,\n  models\n}) => {\n  const expandedItemsMap = React.useMemo(() => {\n    const temp = new Map();\n    models.expandedItems.value.forEach(id => {\n      temp.set(id, true);\n    });\n    return temp;\n  }, [models.expandedItems.value]);\n  const setExpandedItems = (event, value) => {\n    params.onExpandedItemsChange?.(event, value);\n    models.expandedItems.setControlledValue(value);\n  };\n  const isItemExpanded = React.useCallback(itemId => expandedItemsMap.has(itemId), [expandedItemsMap]);\n  const isItemExpandable = React.useCallback(itemId => !!instance.getItemMeta(itemId)?.expandable, [instance]);\n  const toggleItemExpansion = useEventCallback((event, itemId) => {\n    const isExpandedBefore = instance.isItemExpanded(itemId);\n    instance.setItemExpansion(event, itemId, !isExpandedBefore);\n  });\n  const setItemExpansion = useEventCallback((event, itemId, isExpanded) => {\n    const isExpandedBefore = instance.isItemExpanded(itemId);\n    if (isExpandedBefore === isExpanded) {\n      return;\n    }\n    let newExpanded;\n    if (isExpanded) {\n      newExpanded = [itemId].concat(models.expandedItems.value);\n    } else {\n      newExpanded = models.expandedItems.value.filter(id => id !== itemId);\n    }\n    if (params.onItemExpansionToggle) {\n      params.onItemExpansionToggle(event, itemId, isExpanded);\n    }\n    setExpandedItems(event, newExpanded);\n  });\n  const expandAllSiblings = (event, itemId) => {\n    const itemMeta = instance.getItemMeta(itemId);\n    const siblings = instance.getItemOrderedChildrenIds(itemMeta.parentId);\n    const diff = siblings.filter(child => instance.isItemExpandable(child) && !instance.isItemExpanded(child));\n    const newExpanded = models.expandedItems.value.concat(diff);\n    if (diff.length > 0) {\n      if (params.onItemExpansionToggle) {\n        diff.forEach(newlyExpandedItemId => {\n          params.onItemExpansionToggle(event, newlyExpandedItemId, true);\n        });\n      }\n      setExpandedItems(event, newExpanded);\n    }\n  };\n  return {\n    publicAPI: {\n      setItemExpansion\n    },\n    instance: {\n      isItemExpanded,\n      isItemExpandable,\n      setItemExpansion,\n      toggleItemExpansion,\n      expandAllSiblings\n    }\n  };\n};\nuseTreeViewExpansion.models = {\n  expandedItems: {\n    getDefaultValue: params => params.defaultExpandedItems\n  }\n};\nconst DEFAULT_EXPANDED_ITEMS = [];\nuseTreeViewExpansion.getDefaultizedParams = params => _extends({}, params, {\n  defaultExpandedItems: params.defaultExpandedItems ?? DEFAULT_EXPANDED_ITEMS\n});\nuseTreeViewExpansion.params = {\n  expandedItems: true,\n  defaultExpandedItems: true,\n  onExpandedItemsChange: true,\n  onItemExpansionToggle: true\n};","const getLastNavigableItemInArray = (instance, items) => {\n  // Equivalent to Array.prototype.findLastIndex\n  let itemIndex = items.length - 1;\n  while (itemIndex >= 0 && !instance.isItemNavigable(items[itemIndex])) {\n    itemIndex -= 1;\n  }\n  if (itemIndex === -1) {\n    return undefined;\n  }\n  return items[itemIndex];\n};\nexport const getPreviousNavigableItem = (instance, itemId) => {\n  const itemMeta = instance.getItemMeta(itemId);\n  const siblings = instance.getItemOrderedChildrenIds(itemMeta.parentId);\n  const itemIndex = instance.getItemIndex(itemId);\n\n  // TODO: What should we do if the parent is not navigable?\n  if (itemIndex === 0) {\n    return itemMeta.parentId;\n  }\n\n  // Finds the previous navigable sibling.\n  let previousNavigableSiblingIndex = itemIndex - 1;\n  while (!instance.isItemNavigable(siblings[previousNavigableSiblingIndex]) && previousNavigableSiblingIndex >= 0) {\n    previousNavigableSiblingIndex -= 1;\n  }\n  if (previousNavigableSiblingIndex === -1) {\n    // If we are at depth 0, then it means all the items above the current item are not navigable.\n    if (itemMeta.parentId == null) {\n      return null;\n    }\n\n    // Otherwise, we can try to go up a level and find the previous navigable item.\n    return getPreviousNavigableItem(instance, itemMeta.parentId);\n  }\n\n  // Finds the last navigable ancestor of the previous navigable sibling.\n  let currentItemId = siblings[previousNavigableSiblingIndex];\n  let lastNavigableChild = getLastNavigableItemInArray(instance, instance.getItemOrderedChildrenIds(currentItemId));\n  while (instance.isItemExpanded(currentItemId) && lastNavigableChild != null) {\n    currentItemId = lastNavigableChild;\n    lastNavigableChild = instance.getItemOrderedChildrenIds(currentItemId).find(instance.isItemNavigable);\n  }\n  return currentItemId;\n};\nexport const getNextNavigableItem = (instance, itemId) => {\n  // If the item is expanded and has some navigable children, return the first of them.\n  if (instance.isItemExpanded(itemId)) {\n    const firstNavigableChild = instance.getItemOrderedChildrenIds(itemId).find(instance.isItemNavigable);\n    if (firstNavigableChild != null) {\n      return firstNavigableChild;\n    }\n  }\n  let itemMeta = instance.getItemMeta(itemId);\n  while (itemMeta != null) {\n    // Try to find the first navigable sibling after the current item.\n    const siblings = instance.getItemOrderedChildrenIds(itemMeta.parentId);\n    const currentItemIndex = instance.getItemIndex(itemMeta.id);\n    if (currentItemIndex < siblings.length - 1) {\n      let nextItemIndex = currentItemIndex + 1;\n      while (!instance.isItemNavigable(siblings[nextItemIndex]) && nextItemIndex < siblings.length - 1) {\n        nextItemIndex += 1;\n      }\n      if (instance.isItemNavigable(siblings[nextItemIndex])) {\n        return siblings[nextItemIndex];\n      }\n    }\n\n    // If the sibling does not exist, go up a level to the parent and try again.\n    itemMeta = instance.getItemMeta(itemMeta.parentId);\n  }\n  return null;\n};\nexport const getLastNavigableItem = instance => {\n  let itemId = null;\n  while (itemId == null || instance.isItemExpanded(itemId)) {\n    const children = instance.getItemOrderedChildrenIds(itemId);\n    const lastNavigableChild = getLastNavigableItemInArray(instance, children);\n\n    // The item has no navigable children.\n    if (lastNavigableChild == null) {\n      return itemId;\n    }\n    itemId = lastNavigableChild;\n  }\n  return itemId;\n};\nexport const getFirstNavigableItem = instance => instance.getItemOrderedChildrenIds(null).find(instance.isItemNavigable);\n\n/**\n * This is used to determine the start and end of a selection range so\n * we can get the items between the two border items.\n *\n * It finds the items' common ancestor using\n * a naive implementation of a lowest common ancestor algorithm\n * (https://en.wikipedia.org/wiki/Lowest_common_ancestor).\n * Then compares the ancestor's 2 children that are ancestors of itemA and ItemB\n * so we can compare their indexes to work out which item comes first in a depth first search.\n * (https://en.wikipedia.org/wiki/Depth-first_search)\n *\n * Another way to put it is which item is shallower in a trémaux tree\n * https://en.wikipedia.org/wiki/Tr%C3%A9maux_tree\n */\nexport const findOrderInTremauxTree = (instance, itemAId, itemBId) => {\n  if (itemAId === itemBId) {\n    return [itemAId, itemBId];\n  }\n  const itemMetaA = instance.getItemMeta(itemAId);\n  const itemMetaB = instance.getItemMeta(itemBId);\n  if (itemMetaA.parentId === itemMetaB.id || itemMetaB.parentId === itemMetaA.id) {\n    return itemMetaB.parentId === itemMetaA.id ? [itemMetaA.id, itemMetaB.id] : [itemMetaB.id, itemMetaA.id];\n  }\n  const aFamily = [itemMetaA.id];\n  const bFamily = [itemMetaB.id];\n  let aAncestor = itemMetaA.parentId;\n  let bAncestor = itemMetaB.parentId;\n  let aAncestorIsCommon = bFamily.indexOf(aAncestor) !== -1;\n  let bAncestorIsCommon = aFamily.indexOf(bAncestor) !== -1;\n  let continueA = true;\n  let continueB = true;\n  while (!bAncestorIsCommon && !aAncestorIsCommon) {\n    if (continueA) {\n      aFamily.push(aAncestor);\n      aAncestorIsCommon = bFamily.indexOf(aAncestor) !== -1;\n      continueA = aAncestor !== null;\n      if (!aAncestorIsCommon && continueA) {\n        aAncestor = instance.getItemMeta(aAncestor).parentId;\n      }\n    }\n    if (continueB && !aAncestorIsCommon) {\n      bFamily.push(bAncestor);\n      bAncestorIsCommon = aFamily.indexOf(bAncestor) !== -1;\n      continueB = bAncestor !== null;\n      if (!bAncestorIsCommon && continueB) {\n        bAncestor = instance.getItemMeta(bAncestor).parentId;\n      }\n    }\n  }\n  const commonAncestor = aAncestorIsCommon ? aAncestor : bAncestor;\n  const ancestorFamily = instance.getItemOrderedChildrenIds(commonAncestor);\n  const aSide = aFamily[aFamily.indexOf(commonAncestor) - 1];\n  const bSide = bFamily[bFamily.indexOf(commonAncestor) - 1];\n  return ancestorFamily.indexOf(aSide) < ancestorFamily.indexOf(bSide) ? [itemAId, itemBId] : [itemBId, itemAId];\n};\nexport const getNonDisabledItemsInRange = (instance, itemAId, itemBId) => {\n  const getNextItem = itemId => {\n    // If the item is expanded and has some children, return the first of them.\n    if (instance.isItemExpandable(itemId) && instance.isItemExpanded(itemId)) {\n      return instance.getItemOrderedChildrenIds(itemId)[0];\n    }\n    let itemMeta = instance.getItemMeta(itemId);\n    while (itemMeta != null) {\n      // Try to find the first navigable sibling after the current item.\n      const siblings = instance.getItemOrderedChildrenIds(itemMeta.parentId);\n      const currentItemIndex = instance.getItemIndex(itemMeta.id);\n      if (currentItemIndex < siblings.length - 1) {\n        return siblings[currentItemIndex + 1];\n      }\n\n      // If the item is the last of its siblings, go up a level to the parent and try again.\n      itemMeta = instance.getItemMeta(itemMeta.parentId);\n    }\n    throw new Error('Invalid range');\n  };\n  const [first, last] = findOrderInTremauxTree(instance, itemAId, itemBId);\n  const items = [first];\n  let current = first;\n  while (current !== last) {\n    current = getNextItem(current);\n    if (!instance.isItemDisabled(current)) {\n      items.push(current);\n    }\n  }\n  return items;\n};\nexport const getAllNavigableItems = instance => {\n  let item = getFirstNavigableItem(instance);\n  const navigableItems = [];\n  while (item != null) {\n    navigableItems.push(item);\n    item = getNextNavigableItem(instance, item);\n  }\n  return navigableItems;\n};","/**\n * Transform the `selectedItems` model to be an array if it was a string or null.\n * @param {string[] | string | null} model The raw model.\n * @returns {string[]} The converted model.\n */\nexport const convertSelectedItemsToArray = model => {\n  if (Array.isArray(model)) {\n    return model;\n  }\n  if (model != null) {\n    return [model];\n  }\n  return [];\n};\nexport const getLookupFromArray = array => {\n  const lookup = {};\n  array.forEach(itemId => {\n    lookup[itemId] = true;\n  });\n  return lookup;\n};","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport { findOrderInTremauxTree, getAllNavigableItems, getFirstNavigableItem, getLastNavigableItem, getNonDisabledItemsInRange } from '../../utils/tree';\nimport { convertSelectedItemsToArray, getLookupFromArray } from './useTreeViewSelection.utils';\nexport const useTreeViewSelection = ({\n  instance,\n  params,\n  models\n}) => {\n  const lastSelectedItem = React.useRef(null);\n  const lastSelectedRange = React.useRef({});\n  const selectedItemsMap = React.useMemo(() => {\n    const temp = new Map();\n    if (Array.isArray(models.selectedItems.value)) {\n      models.selectedItems.value.forEach(id => {\n        temp.set(id, true);\n      });\n    } else if (models.selectedItems.value != null) {\n      temp.set(models.selectedItems.value, true);\n    }\n    return temp;\n  }, [models.selectedItems.value]);\n  const setSelectedItems = (event, newSelectedItems) => {\n    if (params.onItemSelectionToggle) {\n      if (params.multiSelect) {\n        const addedItems = newSelectedItems.filter(itemId => !instance.isItemSelected(itemId));\n        const removedItems = models.selectedItems.value.filter(itemId => !newSelectedItems.includes(itemId));\n        addedItems.forEach(itemId => {\n          params.onItemSelectionToggle(event, itemId, true);\n        });\n        removedItems.forEach(itemId => {\n          params.onItemSelectionToggle(event, itemId, false);\n        });\n      } else if (newSelectedItems !== models.selectedItems.value) {\n        if (models.selectedItems.value != null) {\n          params.onItemSelectionToggle(event, models.selectedItems.value, false);\n        }\n        if (newSelectedItems != null) {\n          params.onItemSelectionToggle(event, newSelectedItems, true);\n        }\n      }\n    }\n    if (params.onSelectedItemsChange) {\n      params.onSelectedItemsChange(event, newSelectedItems);\n    }\n    models.selectedItems.setControlledValue(newSelectedItems);\n  };\n  const isItemSelected = itemId => selectedItemsMap.has(itemId);\n  const selectItem = (event, itemId, keepExistingSelection, newValue) => {\n    if (params.disableSelection) {\n      return;\n    }\n    let newSelected;\n    if (keepExistingSelection) {\n      const cleanSelectedItems = convertSelectedItemsToArray(models.selectedItems.value);\n      const isSelectedBefore = instance.isItemSelected(itemId);\n      if (isSelectedBefore && (newValue === false || newValue == null)) {\n        newSelected = cleanSelectedItems.filter(id => id !== itemId);\n      } else if (!isSelectedBefore && (newValue === true || newValue == null)) {\n        newSelected = [itemId].concat(cleanSelectedItems);\n      } else {\n        newSelected = cleanSelectedItems;\n      }\n    } else {\n      // eslint-disable-next-line no-lonely-if\n      if (newValue === false) {\n        newSelected = params.multiSelect ? [] : null;\n      } else {\n        newSelected = params.multiSelect ? [itemId] : itemId;\n      }\n    }\n    setSelectedItems(event, newSelected);\n    lastSelectedItem.current = itemId;\n    lastSelectedRange.current = {};\n  };\n  const selectRange = (event, [start, end]) => {\n    if (params.disableSelection || !params.multiSelect) {\n      return;\n    }\n    let newSelectedItems = convertSelectedItemsToArray(models.selectedItems.value).slice();\n\n    // If the last selection was a range selection,\n    // remove the items that were part of the last range from the model\n    if (Object.keys(lastSelectedRange.current).length > 0) {\n      newSelectedItems = newSelectedItems.filter(id => !lastSelectedRange.current[id]);\n    }\n\n    // Add to the model the items that are part of the new range and not already part of the model.\n    const selectedItemsLookup = getLookupFromArray(newSelectedItems);\n    const range = getNonDisabledItemsInRange(instance, start, end);\n    const itemsToAddToModel = range.filter(id => !selectedItemsLookup[id]);\n    newSelectedItems = newSelectedItems.concat(itemsToAddToModel);\n    setSelectedItems(event, newSelectedItems);\n    lastSelectedRange.current = getLookupFromArray(range);\n  };\n  const expandSelectionRange = (event, itemId) => {\n    if (lastSelectedItem.current != null) {\n      const [start, end] = findOrderInTremauxTree(instance, itemId, lastSelectedItem.current);\n      selectRange(event, [start, end]);\n    }\n  };\n  const selectRangeFromStartToItem = (event, itemId) => {\n    selectRange(event, [getFirstNavigableItem(instance), itemId]);\n  };\n  const selectRangeFromItemToEnd = (event, itemId) => {\n    selectRange(event, [itemId, getLastNavigableItem(instance)]);\n  };\n  const selectAllNavigableItems = event => {\n    if (params.disableSelection || !params.multiSelect) {\n      return;\n    }\n    const navigableItems = getAllNavigableItems(instance);\n    setSelectedItems(event, navigableItems);\n    lastSelectedRange.current = getLookupFromArray(navigableItems);\n  };\n  const selectItemFromArrowNavigation = (event, currentItem, nextItem) => {\n    if (params.disableSelection || !params.multiSelect) {\n      return;\n    }\n    let newSelectedItems = convertSelectedItemsToArray(models.selectedItems.value).slice();\n    if (Object.keys(lastSelectedRange.current).length === 0) {\n      newSelectedItems.push(nextItem);\n      lastSelectedRange.current = {\n        [currentItem]: true,\n        [nextItem]: true\n      };\n    } else {\n      if (!lastSelectedRange.current[currentItem]) {\n        lastSelectedRange.current = {};\n      }\n      if (lastSelectedRange.current[nextItem]) {\n        newSelectedItems = newSelectedItems.filter(id => id !== currentItem);\n        delete lastSelectedRange.current[currentItem];\n      } else {\n        newSelectedItems.push(nextItem);\n        lastSelectedRange.current[nextItem] = true;\n      }\n    }\n    setSelectedItems(event, newSelectedItems);\n  };\n  return {\n    getRootProps: () => ({\n      'aria-multiselectable': params.multiSelect\n    }),\n    instance: {\n      isItemSelected,\n      selectItem,\n      selectAllNavigableItems,\n      expandSelectionRange,\n      selectRangeFromStartToItem,\n      selectRangeFromItemToEnd,\n      selectItemFromArrowNavigation\n    },\n    contextValue: {\n      selection: {\n        multiSelect: params.multiSelect,\n        checkboxSelection: params.checkboxSelection,\n        disableSelection: params.disableSelection\n      }\n    }\n  };\n};\nuseTreeViewSelection.models = {\n  selectedItems: {\n    getDefaultValue: params => params.defaultSelectedItems\n  }\n};\nconst DEFAULT_SELECTED_ITEMS = [];\nuseTreeViewSelection.getDefaultizedParams = params => _extends({}, params, {\n  disableSelection: params.disableSelection ?? false,\n  multiSelect: params.multiSelect ?? false,\n  checkboxSelection: params.checkboxSelection ?? false,\n  defaultSelectedItems: params.defaultSelectedItems ?? (params.multiSelect ? DEFAULT_SELECTED_ITEMS : null)\n});\nuseTreeViewSelection.params = {\n  disableSelection: true,\n  multiSelect: true,\n  checkboxSelection: true,\n  defaultSelectedItems: true,\n  selectedItems: true,\n  onSelectedItemsChange: true,\n  onItemSelectionToggle: true\n};","// If no effect ran after this amount of time, we assume that the render was not committed by React\nconst CLEANUP_TIMER_LOOP_MILLIS = 1000;\nexport class TimerBasedCleanupTracking {\n  constructor(timeout = CLEANUP_TIMER_LOOP_MILLIS) {\n    this.timeouts = new Map();\n    this.cleanupTimeout = CLEANUP_TIMER_LOOP_MILLIS;\n    this.cleanupTimeout = timeout;\n  }\n  register(object, unsubscribe, unregisterToken) {\n    if (!this.timeouts) {\n      this.timeouts = new Map();\n    }\n    const timeout = setTimeout(() => {\n      if (typeof unsubscribe === 'function') {\n        unsubscribe();\n      }\n      this.timeouts.delete(unregisterToken.cleanupToken);\n    }, this.cleanupTimeout);\n    this.timeouts.set(unregisterToken.cleanupToken, timeout);\n  }\n  unregister(unregisterToken) {\n    const timeout = this.timeouts.get(unregisterToken.cleanupToken);\n    if (timeout) {\n      this.timeouts.delete(unregisterToken.cleanupToken);\n      clearTimeout(timeout);\n    }\n  }\n  reset() {\n    if (this.timeouts) {\n      this.timeouts.forEach((value, key) => {\n        this.unregister({\n          cleanupToken: key\n        });\n      });\n      this.timeouts = undefined;\n    }\n  }\n}","export class FinalizationRegistryBasedCleanupTracking {\n  constructor() {\n    this.registry = new FinalizationRegistry(unsubscribe => {\n      if (typeof unsubscribe === 'function') {\n        unsubscribe();\n      }\n    });\n  }\n  register(object, unsubscribe, unregisterToken) {\n    this.registry.register(object, unsubscribe, unregisterToken);\n  }\n  unregister(unregisterToken) {\n    this.registry.unregister(unregisterToken);\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  reset() {}\n}","import * as React from 'react';\nimport { TimerBasedCleanupTracking } from '../utils/cleanupTracking/TimerBasedCleanupTracking';\nimport { FinalizationRegistryBasedCleanupTracking } from '../utils/cleanupTracking/FinalizationRegistryBasedCleanupTracking';\n// We use class to make it easier to detect in heap snapshots by name\nclass ObjectToBeRetainedByReact {}\n\n// Based on https://github.com/Bnaya/use-dispose-uncommitted/blob/main/src/finalization-registry-based-impl.ts\n// Check https://github.com/facebook/react/issues/15317 to get more information\nexport function createUseInstanceEventHandler(registryContainer) {\n  let cleanupTokensCounter = 0;\n  return function useInstanceEventHandler(instance, eventName, handler) {\n    if (registryContainer.registry === null) {\n      registryContainer.registry = typeof FinalizationRegistry !== 'undefined' ? new FinalizationRegistryBasedCleanupTracking() : new TimerBasedCleanupTracking();\n    }\n    const [objectRetainedByReact] = React.useState(new ObjectToBeRetainedByReact());\n    const subscription = React.useRef(null);\n    const handlerRef = React.useRef();\n    handlerRef.current = handler;\n    const cleanupTokenRef = React.useRef(null);\n    if (!subscription.current && handlerRef.current) {\n      const enhancedHandler = (params, event) => {\n        if (!event.defaultMuiPrevented) {\n          handlerRef.current?.(params, event);\n        }\n      };\n      subscription.current = instance.$$subscribeEvent(eventName, enhancedHandler);\n      cleanupTokensCounter += 1;\n      cleanupTokenRef.current = {\n        cleanupToken: cleanupTokensCounter\n      };\n      registryContainer.registry.register(objectRetainedByReact,\n      // The callback below will be called once this reference stops being retained\n      () => {\n        subscription.current?.();\n        subscription.current = null;\n        cleanupTokenRef.current = null;\n      }, cleanupTokenRef.current);\n    } else if (!handlerRef.current && subscription.current) {\n      subscription.current();\n      subscription.current = null;\n      if (cleanupTokenRef.current) {\n        registryContainer.registry.unregister(cleanupTokenRef.current);\n        cleanupTokenRef.current = null;\n      }\n    }\n    React.useEffect(() => {\n      if (!subscription.current && handlerRef.current) {\n        const enhancedHandler = (params, event) => {\n          if (!event.defaultMuiPrevented) {\n            handlerRef.current?.(params, event);\n          }\n        };\n        subscription.current = instance.$$subscribeEvent(eventName, enhancedHandler);\n      }\n      if (cleanupTokenRef.current && registryContainer.registry) {\n        // If the effect was called, it means that this render was committed\n        // so we can trust the cleanup function to remove the listener.\n        registryContainer.registry.unregister(cleanupTokenRef.current);\n        cleanupTokenRef.current = null;\n      }\n      return () => {\n        subscription.current?.();\n        subscription.current = null;\n      };\n    }, [instance, eventName]);\n  };\n}\nconst registryContainer = {\n  registry: null\n};\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport const unstable_resetCleanupTracking = () => {\n  registryContainer.registry?.reset();\n  registryContainer.registry = null;\n};\nexport const useInstanceEventHandler = createUseInstanceEventHandler(registryContainer);","// https://www.abeautifulsite.net/posts/finding-the-active-element-in-a-shadow-root/\nexport const getActiveElement = (root = document) => {\n  const activeEl = root.activeElement;\n  if (!activeEl) {\n    return null;\n  }\n  if (activeEl.shadowRoot) {\n    return getActiveElement(activeEl.shadowRoot);\n  }\n  return activeEl;\n};","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport useEventCallback from '@mui/utils/useEventCallback';\nimport ownerDocument from '@mui/utils/ownerDocument';\nimport { useInstanceEventHandler } from '../../hooks/useInstanceEventHandler';\nimport { getActiveElement } from '../../utils/utils';\nimport { getFirstNavigableItem } from '../../utils/tree';\nimport { convertSelectedItemsToArray } from '../useTreeViewSelection/useTreeViewSelection.utils';\nconst useDefaultFocusableItemId = (instance, selectedItems) => {\n  let tabbableItemId = convertSelectedItemsToArray(selectedItems).find(itemId => {\n    if (!instance.isItemNavigable(itemId)) {\n      return false;\n    }\n    const itemMeta = instance.getItemMeta(itemId);\n    return itemMeta && (itemMeta.parentId == null || instance.isItemExpanded(itemMeta.parentId));\n  });\n  if (tabbableItemId == null) {\n    tabbableItemId = getFirstNavigableItem(instance);\n  }\n  return tabbableItemId;\n};\nexport const useTreeViewFocus = ({\n  instance,\n  params,\n  state,\n  setState,\n  models,\n  rootRef\n}) => {\n  const defaultFocusableItemId = useDefaultFocusableItemId(instance, models.selectedItems.value);\n  const setFocusedItemId = useEventCallback(itemId => {\n    const cleanItemId = typeof itemId === 'function' ? itemId(state.focusedItemId) : itemId;\n    if (state.focusedItemId !== cleanItemId) {\n      setState(prevState => _extends({}, prevState, {\n        focusedItemId: cleanItemId\n      }));\n    }\n  });\n  const isTreeViewFocused = React.useCallback(() => !!rootRef.current && rootRef.current.contains(getActiveElement(ownerDocument(rootRef.current))), [rootRef]);\n  const isItemFocused = React.useCallback(itemId => state.focusedItemId === itemId && isTreeViewFocused(), [state.focusedItemId, isTreeViewFocused]);\n  const isItemVisible = itemId => {\n    const itemMeta = instance.getItemMeta(itemId);\n    return itemMeta && (itemMeta.parentId == null || instance.isItemExpanded(itemMeta.parentId));\n  };\n  const innerFocusItem = (event, itemId) => {\n    const itemMeta = instance.getItemMeta(itemId);\n    const itemElement = document.getElementById(instance.getTreeItemIdAttribute(itemId, itemMeta.idAttribute));\n    if (itemElement) {\n      itemElement.focus();\n    }\n    setFocusedItemId(itemId);\n    if (params.onItemFocus) {\n      params.onItemFocus(event, itemId);\n    }\n  };\n  const focusItem = useEventCallback((event, itemId) => {\n    // If we receive an itemId, and it is visible, the focus will be set to it\n    if (isItemVisible(itemId)) {\n      innerFocusItem(event, itemId);\n    }\n  });\n  const removeFocusedItem = useEventCallback(() => {\n    if (state.focusedItemId == null) {\n      return;\n    }\n    const itemMeta = instance.getItemMeta(state.focusedItemId);\n    if (itemMeta) {\n      const itemElement = document.getElementById(instance.getTreeItemIdAttribute(state.focusedItemId, itemMeta.idAttribute));\n      if (itemElement) {\n        itemElement.blur();\n      }\n    }\n    setFocusedItemId(null);\n  });\n  const canItemBeTabbed = itemId => itemId === defaultFocusableItemId;\n  useInstanceEventHandler(instance, 'removeItem', ({\n    id\n  }) => {\n    if (state.focusedItemId === id) {\n      innerFocusItem(null, defaultFocusableItemId);\n    }\n  });\n  const createRootHandleFocus = otherHandlers => event => {\n    otherHandlers.onFocus?.(event);\n    if (event.defaultMuiPrevented) {\n      return;\n    }\n\n    // if the event bubbled (which is React specific) we don't want to steal focus\n    if (event.target === event.currentTarget) {\n      innerFocusItem(event, defaultFocusableItemId);\n    }\n  };\n  return {\n    getRootProps: otherHandlers => ({\n      onFocus: createRootHandleFocus(otherHandlers)\n    }),\n    publicAPI: {\n      focusItem\n    },\n    instance: {\n      isItemFocused,\n      canItemBeTabbed,\n      focusItem,\n      removeFocusedItem\n    }\n  };\n};\nuseTreeViewFocus.getInitialState = () => ({\n  focusedItemId: null\n});\nuseTreeViewFocus.params = {\n  onItemFocus: true\n};","import * as React from 'react';\nimport { useTheme } from '@mui/material/styles';\nimport useEventCallback from '@mui/utils/useEventCallback';\nimport { getFirstNavigableItem, getLastNavigableItem, getNextNavigableItem, getPreviousNavigableItem } from '../../utils/tree';\nfunction isPrintableCharacter(string) {\n  return !!string && string.length === 1 && !!string.match(/\\S/);\n}\nexport const useTreeViewKeyboardNavigation = ({\n  instance,\n  params,\n  state\n}) => {\n  const theme = useTheme();\n  const isRTL = theme.direction === 'rtl';\n  const firstCharMap = React.useRef({});\n  const updateFirstCharMap = useEventCallback(callback => {\n    firstCharMap.current = callback(firstCharMap.current);\n  });\n  React.useEffect(() => {\n    if (instance.areItemUpdatesPrevented()) {\n      return;\n    }\n    const newFirstCharMap = {};\n    const processItem = item => {\n      newFirstCharMap[item.id] = item.label.substring(0, 1).toLowerCase();\n    };\n    Object.values(state.items.itemMetaMap).forEach(processItem);\n    firstCharMap.current = newFirstCharMap;\n  }, [state.items.itemMetaMap, params.getItemId, instance]);\n  const getFirstMatchingItem = (itemId, query) => {\n    const cleanQuery = query.toLowerCase();\n    const getNextItem = itemIdToCheck => {\n      const nextItemId = getNextNavigableItem(instance, itemIdToCheck);\n      // We reached the end of the tree, check from the beginning\n      if (nextItemId === null) {\n        return getFirstNavigableItem(instance);\n      }\n      return nextItemId;\n    };\n    let matchingItemId = null;\n    let currentItemId = getNextItem(itemId);\n    const checkedItems = {};\n    // The \"!checkedItems[currentItemId]\" condition avoids an infinite loop when there is no matching item.\n    while (matchingItemId == null && !checkedItems[currentItemId]) {\n      if (firstCharMap.current[currentItemId] === cleanQuery) {\n        matchingItemId = currentItemId;\n      } else {\n        checkedItems[currentItemId] = true;\n        currentItemId = getNextItem(currentItemId);\n      }\n    }\n    return matchingItemId;\n  };\n  const canToggleItemSelection = itemId => !params.disableSelection && !instance.isItemDisabled(itemId);\n  const canToggleItemExpansion = itemId => {\n    return !instance.isItemDisabled(itemId) && instance.isItemExpandable(itemId);\n  };\n\n  // ARIA specification: https://www.w3.org/WAI/ARIA/apg/patterns/treeview/#keyboardinteraction\n  const handleItemKeyDown = (event, itemId) => {\n    if (event.defaultMuiPrevented) {\n      return;\n    }\n    if (event.altKey || event.currentTarget !== event.target.closest('*[role=\"treeitem\"]')) {\n      return;\n    }\n    const ctrlPressed = event.ctrlKey || event.metaKey;\n    const key = event.key;\n\n    // eslint-disable-next-line default-case\n    switch (true) {\n      // Select the item when pressing \"Space\"\n      case key === ' ' && canToggleItemSelection(itemId):\n        {\n          event.preventDefault();\n          if (params.multiSelect && event.shiftKey) {\n            instance.expandSelectionRange(event, itemId);\n          } else if (params.multiSelect) {\n            instance.selectItem(event, itemId, true);\n          } else {\n            instance.selectItem(event, itemId, false);\n          }\n          break;\n        }\n\n      // If the focused item has children, we expand it.\n      // If the focused item has no children, we select it.\n      case key === 'Enter':\n        {\n          if (canToggleItemExpansion(itemId)) {\n            instance.toggleItemExpansion(event, itemId);\n            event.preventDefault();\n          } else if (canToggleItemSelection(itemId)) {\n            if (params.multiSelect) {\n              event.preventDefault();\n              instance.selectItem(event, itemId, true);\n            } else if (!instance.isItemSelected(itemId)) {\n              instance.selectItem(event, itemId, false);\n              event.preventDefault();\n            }\n          }\n          break;\n        }\n\n      // Focus the next focusable item\n      case key === 'ArrowDown':\n        {\n          const nextItem = getNextNavigableItem(instance, itemId);\n          if (nextItem) {\n            event.preventDefault();\n            instance.focusItem(event, nextItem);\n\n            // Multi select behavior when pressing Shift + ArrowDown\n            // Toggles the selection state of the next item\n            if (params.multiSelect && event.shiftKey && canToggleItemSelection(nextItem)) {\n              instance.selectItemFromArrowNavigation(event, itemId, nextItem);\n            }\n          }\n          break;\n        }\n\n      // Focuses the previous focusable item\n      case key === 'ArrowUp':\n        {\n          const previousItem = getPreviousNavigableItem(instance, itemId);\n          if (previousItem) {\n            event.preventDefault();\n            instance.focusItem(event, previousItem);\n\n            // Multi select behavior when pressing Shift + ArrowUp\n            // Toggles the selection state of the previous item\n            if (params.multiSelect && event.shiftKey && canToggleItemSelection(previousItem)) {\n              instance.selectItemFromArrowNavigation(event, itemId, previousItem);\n            }\n          }\n          break;\n        }\n\n      // If the focused item is expanded, we move the focus to its first child\n      // If the focused item is collapsed and has children, we expand it\n      case key === 'ArrowRight' && !isRTL || key === 'ArrowLeft' && isRTL:\n        {\n          if (instance.isItemExpanded(itemId)) {\n            const nextItemId = getNextNavigableItem(instance, itemId);\n            if (nextItemId) {\n              instance.focusItem(event, nextItemId);\n              event.preventDefault();\n            }\n          } else if (canToggleItemExpansion(itemId)) {\n            instance.toggleItemExpansion(event, itemId);\n            event.preventDefault();\n          }\n          break;\n        }\n\n      // If the focused item is expanded, we collapse it\n      // If the focused item is collapsed and has a parent, we move the focus to this parent\n      case key === 'ArrowLeft' && !isRTL || key === 'ArrowRight' && isRTL:\n        {\n          if (canToggleItemExpansion(itemId) && instance.isItemExpanded(itemId)) {\n            instance.toggleItemExpansion(event, itemId);\n            event.preventDefault();\n          } else {\n            const parent = instance.getItemMeta(itemId).parentId;\n            if (parent) {\n              instance.focusItem(event, parent);\n              event.preventDefault();\n            }\n          }\n          break;\n        }\n\n      // Focuses the first item in the tree\n      case key === 'Home':\n        {\n          // Multi select behavior when pressing Ctrl + Shift + Home\n          // Selects the focused item and all items up to the first item.\n          if (canToggleItemSelection(itemId) && params.multiSelect && ctrlPressed && event.shiftKey) {\n            instance.selectRangeFromStartToItem(event, itemId);\n          } else {\n            instance.focusItem(event, getFirstNavigableItem(instance));\n          }\n          event.preventDefault();\n          break;\n        }\n\n      // Focuses the last item in the tree\n      case key === 'End':\n        {\n          // Multi select behavior when pressing Ctrl + Shirt + End\n          // Selects the focused item and all the items down to the last item.\n          if (canToggleItemSelection(itemId) && params.multiSelect && ctrlPressed && event.shiftKey) {\n            instance.selectRangeFromItemToEnd(event, itemId);\n          } else {\n            instance.focusItem(event, getLastNavigableItem(instance));\n          }\n          event.preventDefault();\n          break;\n        }\n\n      // Expand all siblings that are at the same level as the focused item\n      case key === '*':\n        {\n          instance.expandAllSiblings(event, itemId);\n          event.preventDefault();\n          break;\n        }\n\n      // Multi select behavior when pressing Ctrl + a\n      // Selects all the items\n      case key === 'a' && ctrlPressed && params.multiSelect && !params.disableSelection:\n        {\n          instance.selectAllNavigableItems(event);\n          event.preventDefault();\n          break;\n        }\n\n      // Type-ahead\n      // TODO: Support typing multiple characters\n      case !ctrlPressed && !event.shiftKey && isPrintableCharacter(key):\n        {\n          const matchingItem = getFirstMatchingItem(itemId, key);\n          if (matchingItem != null) {\n            instance.focusItem(event, matchingItem);\n            event.preventDefault();\n          }\n          break;\n        }\n    }\n  };\n  return {\n    instance: {\n      updateFirstCharMap,\n      handleItemKeyDown\n    }\n  };\n};\nuseTreeViewKeyboardNavigation.params = {};","export const useTreeViewIcons = ({\n  slots,\n  slotProps\n}) => {\n  return {\n    contextValue: {\n      icons: {\n        slots: {\n          collapseIcon: slots.collapseIcon,\n          expandIcon: slots.expandIcon,\n          endIcon: slots.endIcon\n        },\n        slotProps: {\n          collapseIcon: slotProps.collapseIcon,\n          expandIcon: slotProps.expandIcon,\n          endIcon: slotProps.endIcon\n        }\n      }\n    }\n  };\n};\nuseTreeViewIcons.params = {};","import { useTreeViewId } from './useTreeViewId';\nimport { useTreeViewItems } from './useTreeViewItems';\nimport { useTreeViewExpansion } from './useTreeViewExpansion';\nimport { useTreeViewSelection } from './useTreeViewSelection';\nimport { useTreeViewFocus } from './useTreeViewFocus';\nimport { useTreeViewKeyboardNavigation } from './useTreeViewKeyboardNavigation';\nimport { useTreeViewIcons } from './useTreeViewIcons';\nexport const DEFAULT_TREE_VIEW_PLUGINS = [useTreeViewId, useTreeViewItems, useTreeViewExpansion, useTreeViewSelection, useTreeViewFocus, useTreeViewKeyboardNavigation, useTreeViewIcons];\n\n// We can't infer this type from the plugin, otherwise we would lose the generics.","/* eslint no-restricted-syntax: 0, prefer-template: 0, guard-for-in: 0\n   ---\n   These rules are preventing the performance optimizations below.\n */\n\n/**\n * Compose classes from multiple sources.\n *\n * @example\n * ```tsx\n * const slots = {\n *  root: ['root', 'primary'],\n *  label: ['label'],\n * };\n *\n * const getUtilityClass = (slot) => `MuiButton-${slot}`;\n *\n * const classes = {\n *   root: 'my-root-class',\n * };\n *\n * const output = composeClasses(slots, getUtilityClass, classes);\n * // {\n * //   root: 'MuiButton-root MuiButton-primary my-root-class',\n * //   label: 'MuiButton-label',\n * // }\n * ```\n *\n * @param slots a list of classes for each possible slot\n * @param getUtilityClass a function to resolve the class based on the slot name\n * @param classes the input classes from props\n * @returns the resolved classes for all slots\n */\nexport default function composeClasses(slots, getUtilityClass, classes = undefined) {\n  const output = {};\n  for (const slotName in slots) {\n    const slot = slots[slotName];\n    let buffer = '';\n    let start = true;\n    for (let i = 0; i < slot.length; i += 1) {\n      const value = slot[i];\n      if (value) {\n        buffer += (start === true ? '' : ' ') + getUtilityClass(value);\n        start = false;\n        if (classes && classes[value]) {\n          buffer += ' ' + classes[value];\n        }\n      }\n    }\n    output[slotName] = buffer;\n  }\n  return output;\n}","import { useTreeViewContext } from '../internals/TreeViewProvider/useTreeViewContext';\nexport function useTreeItemState(itemId) {\n  const {\n    instance,\n    selection: {\n      multiSelect,\n      checkboxSelection,\n      disableSelection\n    }\n  } = useTreeViewContext();\n  const expandable = instance.isItemExpandable(itemId);\n  const expanded = instance.isItemExpanded(itemId);\n  const focused = instance.isItemFocused(itemId);\n  const selected = instance.isItemSelected(itemId);\n  const disabled = instance.isItemDisabled(itemId);\n  const handleExpansion = event => {\n    if (!disabled) {\n      if (!focused) {\n        instance.focusItem(event, itemId);\n      }\n      const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n      // If already expanded and trying to toggle selection don't close\n      if (expandable && !(multiple && instance.isItemExpanded(itemId))) {\n        instance.toggleItemExpansion(event, itemId);\n      }\n    }\n  };\n  const handleSelection = event => {\n    if (!disabled) {\n      if (!focused) {\n        instance.focusItem(event, itemId);\n      }\n      const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n      if (multiple) {\n        if (event.shiftKey) {\n          instance.expandSelectionRange(event, itemId);\n        } else {\n          instance.selectItem(event, itemId, true);\n        }\n      } else {\n        instance.selectItem(event, itemId, false);\n      }\n    }\n  };\n  const handleCheckboxSelection = event => {\n    if (disableSelection || disabled) {\n      return;\n    }\n    const hasShift = event.nativeEvent.shiftKey;\n    if (multiSelect && hasShift) {\n      instance.expandSelectionRange(event, itemId);\n    } else {\n      instance.selectItem(event, itemId, multiSelect, event.target.checked);\n    }\n  };\n  const preventSelection = event => {\n    if (event.shiftKey || event.ctrlKey || event.metaKey || disabled) {\n      // Prevent text selection\n      event.preventDefault();\n    }\n  };\n  return {\n    disabled,\n    expanded,\n    selected,\n    focused,\n    disableSelection,\n    checkboxSelection,\n    handleExpansion,\n    handleSelection,\n    handleCheckboxSelection,\n    preventSelection\n  };\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"classes\", \"className\", \"displayIcon\", \"expansionIcon\", \"icon\", \"label\", \"itemId\", \"onClick\", \"onMouseDown\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport Checkbox from '@mui/material/Checkbox';\nimport { useTreeItemState } from './useTreeItemState';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n/**\n * @ignore - internal component.\n */\nconst TreeItemContent = /*#__PURE__*/React.forwardRef(function TreeItemContent(props, ref) {\n  const {\n      classes,\n      className,\n      displayIcon,\n      expansionIcon,\n      icon: iconProp,\n      label,\n      itemId,\n      onClick,\n      onMouseDown\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const {\n    disabled,\n    expanded,\n    selected,\n    focused,\n    disableSelection,\n    checkboxSelection,\n    handleExpansion,\n    handleSelection,\n    handleCheckboxSelection,\n    preventSelection\n  } = useTreeItemState(itemId);\n  const icon = iconProp || expansionIcon || displayIcon;\n  const checkboxRef = React.useRef(null);\n  const handleMouseDown = event => {\n    preventSelection(event);\n    if (onMouseDown) {\n      onMouseDown(event);\n    }\n  };\n  const handleClick = event => {\n    if (checkboxRef.current?.contains(event.target)) {\n      return;\n    }\n    handleExpansion(event);\n    if (!checkboxSelection) {\n      handleSelection(event);\n    }\n    if (onClick) {\n      onClick(event);\n    }\n  };\n  return (\n    /*#__PURE__*/\n    /* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions -- Key event is handled by the TreeView */\n    _jsxs(\"div\", _extends({}, other, {\n      className: clsx(className, classes.root, expanded && classes.expanded, selected && classes.selected, focused && classes.focused, disabled && classes.disabled),\n      onClick: handleClick,\n      onMouseDown: handleMouseDown,\n      ref: ref,\n      children: [/*#__PURE__*/_jsx(\"div\", {\n        className: classes.iconContainer,\n        children: icon\n      }), checkboxSelection && /*#__PURE__*/_jsx(Checkbox, {\n        className: classes.checkbox,\n        checked: selected,\n        onChange: handleCheckboxSelection,\n        disabled: disabled || disableSelection,\n        ref: checkboxRef,\n        tabIndex: -1\n      }), /*#__PURE__*/_jsx(\"div\", {\n        className: classes.label,\n        children: label\n      })]\n    }))\n  );\n});\nprocess.env.NODE_ENV !== \"production\" ? TreeItemContent.propTypes = {\n  // ----------------------------- Warning --------------------------------\n  // | These PropTypes are generated from the TypeScript type definitions |\n  // | To update them edit the TypeScript types and run \"pnpm proptypes\"  |\n  // ----------------------------------------------------------------------\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object.isRequired,\n  className: PropTypes.string,\n  /**\n   * The icon to display next to the tree item's label. Either a parent or end icon.\n   */\n  displayIcon: PropTypes.node,\n  /**\n   * The icon to display next to the tree item's label. Either an expansion or collapse icon.\n   */\n  expansionIcon: PropTypes.node,\n  /**\n   * The icon to display next to the tree item's label.\n   */\n  icon: PropTypes.node,\n  /**\n   * The id of the item.\n   */\n  itemId: PropTypes.string.isRequired,\n  /**\n   * The tree item label.\n   */\n  label: PropTypes.node\n} : void 0;\nexport { TreeItemContent };","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"children\", \"className\", \"slots\", \"slotProps\", \"ContentComponent\", \"ContentProps\", \"itemId\", \"id\", \"label\", \"onClick\", \"onMouseDown\", \"onFocus\", \"onBlur\", \"onKeyDown\"],\n  _excluded2 = [\"ownerState\"],\n  _excluded3 = [\"ownerState\"],\n  _excluded4 = [\"ownerState\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport Collapse from '@mui/material/Collapse';\nimport { resolveComponentProps, useSlotProps } from '@mui/base/utils';\nimport useForkRef from '@mui/utils/useForkRef';\nimport { shouldForwardProp } from '@mui/system/createStyled';\nimport { alpha, styled, useThemeProps } from '@mui/material/styles';\nimport unsupportedProp from '@mui/utils/unsupportedProp';\nimport elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';\nimport { unstable_composeClasses as composeClasses } from '@mui/base';\nimport { TreeItemContent } from './TreeItemContent';\nimport { treeItemClasses, getTreeItemUtilityClass } from './treeItemClasses';\nimport { useTreeViewContext } from '../internals/TreeViewProvider/useTreeViewContext';\nimport { TreeViewCollapseIcon, TreeViewExpandIcon } from '../icons';\nimport { TreeItem2Provider } from '../TreeItem2Provider';\nimport { TreeViewItemDepthContext } from '../internals/TreeViewItemDepthContext';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root'],\n    content: ['content'],\n    expanded: ['expanded'],\n    selected: ['selected'],\n    focused: ['focused'],\n    disabled: ['disabled'],\n    iconContainer: ['iconContainer'],\n    checkbox: ['checkbox'],\n    label: ['label'],\n    groupTransition: ['groupTransition']\n  };\n  return composeClasses(slots, getTreeItemUtilityClass, classes);\n};\nconst TreeItemRoot = styled('li', {\n  name: 'MuiTreeItem',\n  slot: 'Root',\n  overridesResolver: (props, styles) => styles.root\n})({\n  listStyle: 'none',\n  margin: 0,\n  padding: 0,\n  outline: 0\n});\nconst StyledTreeItemContent = styled(TreeItemContent, {\n  name: 'MuiTreeItem',\n  slot: 'Content',\n  overridesResolver: (props, styles) => {\n    return [styles.content, styles.iconContainer && {\n      [`& .${treeItemClasses.iconContainer}`]: styles.iconContainer\n    }, styles.label && {\n      [`& .${treeItemClasses.label}`]: styles.label\n    }];\n  },\n  shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'indentationAtItemLevel'\n})(({\n  theme\n}) => ({\n  padding: theme.spacing(0.5, 1),\n  borderRadius: theme.shape.borderRadius,\n  width: '100%',\n  boxSizing: 'border-box',\n  // prevent width + padding to overflow\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n  cursor: 'pointer',\n  WebkitTapHighlightColor: 'transparent',\n  '&:hover': {\n    backgroundColor: (theme.vars || theme).palette.action.hover,\n    // Reset on touch devices, it doesn't add specificity\n    '@media (hover: none)': {\n      backgroundColor: 'transparent'\n    }\n  },\n  [`&.${treeItemClasses.disabled}`]: {\n    opacity: (theme.vars || theme).palette.action.disabledOpacity,\n    backgroundColor: 'transparent'\n  },\n  [`&.${treeItemClasses.focused}`]: {\n    backgroundColor: (theme.vars || theme).palette.action.focus\n  },\n  [`&.${treeItemClasses.selected}`]: {\n    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),\n    '&:hover': {\n      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity),\n      // Reset on touch devices, it doesn't add specificity\n      '@media (hover: none)': {\n        backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity)\n      }\n    },\n    [`&.${treeItemClasses.focused}`]: {\n      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.focusOpacity}))` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)\n    }\n  },\n  [`& .${treeItemClasses.iconContainer}`]: {\n    width: 16,\n    display: 'flex',\n    flexShrink: 0,\n    justifyContent: 'center',\n    '& svg': {\n      fontSize: 18\n    }\n  },\n  [`& .${treeItemClasses.label}`]: _extends({\n    width: '100%',\n    boxSizing: 'border-box',\n    // prevent width + padding to overflow\n    // fixes overflow - see https://github.com/mui/material-ui/issues/27372\n    minWidth: 0,\n    position: 'relative'\n  }, theme.typography.body1),\n  [`& .${treeItemClasses.checkbox}`]: {\n    padding: 0\n  },\n  variants: [{\n    props: {\n      indentationAtItemLevel: true\n    },\n    style: {\n      paddingLeft: `calc(${theme.spacing(1)} + var(--TreeView-itemChildrenIndentation) * var(--TreeView-itemDepth))`\n    }\n  }]\n}));\nconst TreeItemGroup = styled(Collapse, {\n  name: 'MuiTreeItem',\n  slot: 'GroupTransition',\n  overridesResolver: (props, styles) => styles.groupTransition,\n  shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'indentationAtItemLevel'\n})({\n  margin: 0,\n  padding: 0,\n  paddingLeft: 'var(--TreeView-itemChildrenIndentation)',\n  variants: [{\n    props: {\n      indentationAtItemLevel: true\n    },\n    style: {\n      paddingLeft: 0\n    }\n  }]\n});\n\n/**\n *\n * Demos:\n *\n * - [Tree View](https://mui.com/x/react-tree-view/)\n *\n * API:\n *\n * - [TreeItem API](https://mui.com/x/api/tree-view/tree-item/)\n */\nexport const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, inRef) {\n  const {\n    icons: contextIcons,\n    runItemPlugins,\n    selection: {\n      multiSelect\n    },\n    disabledItemsFocusable,\n    indentationAtItemLevel,\n    instance\n  } = useTreeViewContext();\n  const depthContext = React.useContext(TreeViewItemDepthContext);\n  const props = useThemeProps({\n    props: inProps,\n    name: 'MuiTreeItem'\n  });\n  const {\n      children,\n      className,\n      slots: inSlots,\n      slotProps: inSlotProps,\n      ContentComponent = TreeItemContent,\n      ContentProps,\n      itemId,\n      id,\n      label,\n      onClick,\n      onMouseDown,\n      onBlur,\n      onKeyDown\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const {\n    contentRef,\n    rootRef\n  } = runItemPlugins(props);\n  const handleRootRef = useForkRef(inRef, rootRef);\n  const handleContentRef = useForkRef(ContentProps?.ref, contentRef);\n  const slots = {\n    expandIcon: inSlots?.expandIcon ?? contextIcons.slots.expandIcon ?? TreeViewExpandIcon,\n    collapseIcon: inSlots?.collapseIcon ?? contextIcons.slots.collapseIcon ?? TreeViewCollapseIcon,\n    endIcon: inSlots?.endIcon ?? contextIcons.slots.endIcon,\n    icon: inSlots?.icon,\n    groupTransition: inSlots?.groupTransition\n  };\n  const isExpandable = reactChildren => {\n    if (Array.isArray(reactChildren)) {\n      return reactChildren.length > 0 && reactChildren.some(isExpandable);\n    }\n    return Boolean(reactChildren);\n  };\n  const expandable = isExpandable(children);\n  const expanded = instance.isItemExpanded(itemId);\n  const focused = instance.isItemFocused(itemId);\n  const selected = instance.isItemSelected(itemId);\n  const disabled = instance.isItemDisabled(itemId);\n  const ownerState = _extends({}, props, {\n    expanded,\n    focused,\n    selected,\n    disabled,\n    indentationAtItemLevel\n  });\n  const classes = useUtilityClasses(ownerState);\n  const GroupTransition = slots.groupTransition ?? undefined;\n  const groupTransitionProps = useSlotProps({\n    elementType: GroupTransition,\n    ownerState: {},\n    externalSlotProps: inSlotProps?.groupTransition,\n    additionalProps: _extends({\n      unmountOnExit: true,\n      in: expanded,\n      component: 'ul',\n      role: 'group'\n    }, indentationAtItemLevel ? {\n      indentationAtItemLevel: true\n    } : {}),\n    className: classes.groupTransition\n  });\n  const ExpansionIcon = expanded ? slots.collapseIcon : slots.expandIcon;\n  const _useSlotProps = useSlotProps({\n      elementType: ExpansionIcon,\n      ownerState: {},\n      externalSlotProps: tempOwnerState => {\n        if (expanded) {\n          return _extends({}, resolveComponentProps(contextIcons.slotProps.collapseIcon, tempOwnerState), resolveComponentProps(inSlotProps?.collapseIcon, tempOwnerState));\n        }\n        return _extends({}, resolveComponentProps(contextIcons.slotProps.expandIcon, tempOwnerState), resolveComponentProps(inSlotProps?.expandIcon, tempOwnerState));\n      }\n    }),\n    expansionIconProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded2);\n  const expansionIcon = expandable && !!ExpansionIcon ? /*#__PURE__*/_jsx(ExpansionIcon, _extends({}, expansionIconProps)) : null;\n  const DisplayIcon = expandable ? undefined : slots.endIcon;\n  const _useSlotProps2 = useSlotProps({\n      elementType: DisplayIcon,\n      ownerState: {},\n      externalSlotProps: tempOwnerState => {\n        if (expandable) {\n          return {};\n        }\n        return _extends({}, resolveComponentProps(contextIcons.slotProps.endIcon, tempOwnerState), resolveComponentProps(inSlotProps?.endIcon, tempOwnerState));\n      }\n    }),\n    displayIconProps = _objectWithoutPropertiesLoose(_useSlotProps2, _excluded3);\n  const displayIcon = DisplayIcon ? /*#__PURE__*/_jsx(DisplayIcon, _extends({}, displayIconProps)) : null;\n  const Icon = slots.icon;\n  const _useSlotProps3 = useSlotProps({\n      elementType: Icon,\n      ownerState: {},\n      externalSlotProps: inSlotProps?.icon\n    }),\n    iconProps = _objectWithoutPropertiesLoose(_useSlotProps3, _excluded4);\n  const icon = Icon ? /*#__PURE__*/_jsx(Icon, _extends({}, iconProps)) : null;\n  let ariaSelected;\n  if (multiSelect) {\n    ariaSelected = selected;\n  } else if (selected) {\n    /* single-selection trees unset aria-selected on un-selected items.\n     *\n     * If the tree does not support multiple selection, aria-selected\n     * is set to true for the selected item and it is not present on any other item in the tree.\n     * Source: https://www.w3.org/WAI/ARIA/apg/patterns/treeview/\n     */\n    ariaSelected = true;\n  }\n  function handleFocus(event) {\n    const canBeFocused = !disabled || disabledItemsFocusable;\n    if (!focused && canBeFocused && event.currentTarget === event.target) {\n      instance.focusItem(event, itemId);\n    }\n  }\n  function handleBlur(event) {\n    onBlur?.(event);\n    instance.removeFocusedItem();\n  }\n  const handleKeyDown = event => {\n    onKeyDown?.(event);\n    instance.handleItemKeyDown(event, itemId);\n  };\n  const idAttribute = instance.getTreeItemIdAttribute(itemId, id);\n  const tabIndex = instance.canItemBeTabbed(itemId) ? 0 : -1;\n  return /*#__PURE__*/_jsx(TreeItem2Provider, {\n    itemId: itemId,\n    children: /*#__PURE__*/_jsxs(TreeItemRoot, _extends({\n      className: clsx(classes.root, className),\n      role: \"treeitem\",\n      \"aria-expanded\": expandable ? expanded : undefined,\n      \"aria-selected\": ariaSelected,\n      \"aria-disabled\": disabled || undefined,\n      id: idAttribute,\n      tabIndex: tabIndex\n    }, other, {\n      ownerState: ownerState,\n      onFocus: handleFocus,\n      onBlur: handleBlur,\n      onKeyDown: handleKeyDown,\n      ref: handleRootRef,\n      style: indentationAtItemLevel ? _extends({}, other.style, {\n        '--TreeView-itemDepth': typeof depthContext === 'function' ? depthContext(itemId) : depthContext\n      }) : other.style,\n      children: [/*#__PURE__*/_jsx(StyledTreeItemContent, _extends({\n        as: ContentComponent,\n        classes: {\n          root: classes.content,\n          expanded: classes.expanded,\n          selected: classes.selected,\n          focused: classes.focused,\n          disabled: classes.disabled,\n          iconContainer: classes.iconContainer,\n          label: classes.label,\n          checkbox: classes.checkbox\n        },\n        label: label,\n        itemId: itemId,\n        onClick: onClick,\n        onMouseDown: onMouseDown,\n        icon: icon,\n        expansionIcon: expansionIcon,\n        displayIcon: displayIcon,\n        ownerState: ownerState\n      }, ContentProps, {\n        ref: handleContentRef\n      })), children && /*#__PURE__*/_jsx(TreeItemGroup, _extends({\n        as: GroupTransition\n      }, groupTransitionProps, {\n        children: children\n      }))]\n    }))\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? TreeItem.propTypes = {\n  // ----------------------------- Warning --------------------------------\n  // | These PropTypes are generated from the TypeScript type definitions |\n  // | To update them edit the TypeScript types and run \"pnpm proptypes\"  |\n  // ----------------------------------------------------------------------\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  className: PropTypes.string,\n  /**\n   * The component used to render the content of the item.\n   * @default TreeItemContent\n   */\n  ContentComponent: elementTypeAcceptingRef,\n  /**\n   * Props applied to ContentComponent.\n   */\n  ContentProps: PropTypes.object,\n  /**\n   * If `true`, the item is disabled.\n   * @default false\n   */\n  disabled: PropTypes.bool,\n  /**\n   * The id of the item.\n   */\n  itemId: PropTypes.string.isRequired,\n  /**\n   * The tree item label.\n   */\n  label: PropTypes.node,\n  /**\n   * This prop isn't supported.\n   * Use the `onItemFocus` callback on the tree if you need to monitor a item's focus.\n   */\n  onFocus: unsupportedProp,\n  /**\n   * The props used for each component slot.\n   * @default {}\n   */\n  slotProps: PropTypes.object,\n  /**\n   * Overridable component slots.\n   * @default {}\n   */\n  slots: PropTypes.object,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;","export const buildWarning = (message, gravity = 'warning') => {\n  let alreadyWarned = false;\n  const cleanMessage = Array.isArray(message) ? message.join('\\n') : message;\n  return () => {\n    if (!alreadyWarned) {\n      alreadyWarned = true;\n      if (gravity === 'error') {\n        console.error(cleanMessage);\n      } else {\n        console.warn(cleanMessage);\n      }\n    }\n  };\n};","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"slots\", \"slotProps\", \"apiRef\", \"experimentalFeatures\"];\nexport const extractPluginParamsFromProps = _ref => {\n  let {\n      props: {\n        slots,\n        slotProps,\n        apiRef,\n        experimentalFeatures\n      },\n      plugins,\n      rootRef\n    } = _ref,\n    props = _objectWithoutPropertiesLoose(_ref.props, _excluded);\n  const paramsLookup = {};\n  plugins.forEach(plugin => {\n    Object.assign(paramsLookup, plugin.params);\n  });\n  const pluginParams = {\n    plugins,\n    rootRef,\n    slots: slots ?? {},\n    slotProps: slotProps ?? {},\n    experimentalFeatures: experimentalFeatures ?? {},\n    apiRef\n  };\n  const otherProps = {};\n  Object.keys(props).forEach(propName => {\n    const prop = props[propName];\n    if (paramsLookup[propName]) {\n      pluginParams[propName] = prop;\n    } else {\n      otherProps[propName] = prop;\n    }\n  });\n  return {\n    pluginParams,\n    slots,\n    slotProps,\n    otherProps\n  };\n};","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled, useThemeProps } from '@mui/material/styles';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { useSlotProps } from '@mui/base/utils';\nimport { getRichTreeViewUtilityClass } from './richTreeViewClasses';\nimport { useTreeView } from '../internals/useTreeView';\nimport { TreeViewProvider } from '../internals/TreeViewProvider';\nimport { DEFAULT_TREE_VIEW_PLUGINS } from '../internals/plugins';\nimport { TreeItem } from '../TreeItem';\nimport { buildWarning } from '../internals/utils/warning';\nimport { extractPluginParamsFromProps } from '../internals/utils/extractPluginParamsFromProps';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root']\n  };\n  return composeClasses(slots, getRichTreeViewUtilityClass, classes);\n};\nexport const RichTreeViewRoot = styled('ul', {\n  name: 'MuiRichTreeView',\n  slot: 'Root',\n  overridesResolver: (props, styles) => styles.root\n})({\n  padding: 0,\n  margin: 0,\n  listStyle: 'none',\n  outline: 0,\n  position: 'relative'\n});\nfunction WrappedTreeItem({\n  slots,\n  slotProps,\n  label,\n  id,\n  itemId,\n  children\n}) {\n  const Item = slots?.item ?? TreeItem;\n  const itemProps = useSlotProps({\n    elementType: Item,\n    externalSlotProps: slotProps?.item,\n    additionalProps: {\n      itemId,\n      id,\n      label\n    },\n    ownerState: {\n      itemId,\n      label\n    }\n  });\n  return /*#__PURE__*/_jsx(Item, _extends({}, itemProps, {\n    children: children\n  }));\n}\nconst childrenWarning = buildWarning(['MUI X: The `RichTreeView` component does not support JSX children.', 'If you want to add items, you need to use the `items` prop', 'Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/items/']);\n\n/**\n *\n * Demos:\n *\n * - [Tree View](https://mui.com/x/react-tree-view/)\n *\n * API:\n *\n * - [RichTreeView API](https://mui.com/x/api/tree-view/rich-tree-view/)\n */\nconst RichTreeView = /*#__PURE__*/React.forwardRef(function RichTreeView(inProps, ref) {\n  const props = useThemeProps({\n    props: inProps,\n    name: 'MuiRichTreeView'\n  });\n  if (process.env.NODE_ENV !== 'production') {\n    if (props.children != null) {\n      childrenWarning();\n    }\n  }\n  const {\n    pluginParams,\n    slots,\n    slotProps,\n    otherProps\n  } = extractPluginParamsFromProps({\n    props,\n    plugins: DEFAULT_TREE_VIEW_PLUGINS,\n    rootRef: ref\n  });\n  const {\n    getRootProps,\n    contextValue,\n    instance\n  } = useTreeView(pluginParams);\n  const classes = useUtilityClasses(props);\n  const Root = slots?.root ?? RichTreeViewRoot;\n  const rootProps = useSlotProps({\n    elementType: Root,\n    externalSlotProps: slotProps?.root,\n    externalForwardedProps: otherProps,\n    className: classes.root,\n    getSlotProps: getRootProps,\n    ownerState: props\n  });\n  const itemsToRender = instance.getItemsToRender();\n  const renderItem = ({\n    label,\n    itemId,\n    id,\n    children\n  }) => {\n    return /*#__PURE__*/_jsx(WrappedTreeItem, {\n      slots: slots,\n      slotProps: slotProps,\n      label: label,\n      id: id,\n      itemId: itemId,\n      children: children?.map(renderItem)\n    }, itemId);\n  };\n  return /*#__PURE__*/_jsx(TreeViewProvider, {\n    value: contextValue,\n    children: /*#__PURE__*/_jsx(Root, _extends({}, rootProps, {\n      children: itemsToRender.map(renderItem)\n    }))\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? RichTreeView.propTypes = {\n  // ----------------------------- Warning --------------------------------\n  // | These PropTypes are generated from the TypeScript type definitions |\n  // | To update them edit the TypeScript types and run \"pnpm proptypes\"  |\n  // ----------------------------------------------------------------------\n  /**\n   * The ref object that allows Tree View manipulation. Can be instantiated with `useTreeViewApiRef()`.\n   */\n  apiRef: PropTypes.shape({\n    current: PropTypes.shape({\n      focusItem: PropTypes.func.isRequired,\n      getItem: PropTypes.func.isRequired,\n      setItemExpansion: PropTypes.func.isRequired\n    })\n  }),\n  /**\n   * If `true`, the tree view renders a checkbox at the left of its label that allows selecting it.\n   * @default false\n   */\n  checkboxSelection: PropTypes.bool,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  className: PropTypes.string,\n  /**\n   * Expanded item ids.\n   * Used when the item's expansion is not controlled.\n   * @default []\n   */\n  defaultExpandedItems: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Selected item ids. (Uncontrolled)\n   * When `multiSelect` is true this takes an array of strings; when false (default) a string.\n   * @default []\n   */\n  defaultSelectedItems: PropTypes.any,\n  /**\n   * If `true`, will allow focus on disabled items.\n   * @default false\n   */\n  disabledItemsFocusable: PropTypes.bool,\n  /**\n   * If `true` selection is disabled.\n   * @default false\n   */\n  disableSelection: PropTypes.bool,\n  /**\n   * Expanded item ids.\n   * Used when the item's expansion is controlled.\n   */\n  expandedItems: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Unstable features, breaking changes might be introduced.\n   * For each feature, if the flag is not explicitly set to `true`,\n   * the feature will be fully disabled and any property / method call will not have any effect.\n   */\n  experimentalFeatures: PropTypes.shape({\n    indentationAtItemLevel: PropTypes.bool\n  }),\n  /**\n   * Used to determine the id of a given item.\n   *\n   * @template R\n   * @param {R} item The item to check.\n   * @returns {string} The id of the item.\n   * @default (item) => item.id\n   */\n  getItemId: PropTypes.func,\n  /**\n   * Used to determine the string label for a given item.\n   *\n   * @template R\n   * @param {R} item The item to check.\n   * @returns {string} The label of the item.\n   * @default (item) => item.label\n   */\n  getItemLabel: PropTypes.func,\n  /**\n   * This prop is used to help implement the accessibility logic.\n   * If you don't provide this prop. It falls back to a randomly generated id.\n   */\n  id: PropTypes.string,\n  /**\n   * Used to determine if a given item should be disabled.\n   * @template R\n   * @param {R} item The item to check.\n   * @returns {boolean} `true` if the item should be disabled.\n   */\n  isItemDisabled: PropTypes.func,\n  /**\n   * Horizontal indentation between an item and its children.\n   * Examples: 24, \"24px\", \"2rem\", \"2em\".\n   * @default 12px\n   */\n  itemChildrenIndentation: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  items: PropTypes.array.isRequired,\n  /**\n   * If `true`, `ctrl` and `shift` will trigger multiselect.\n   * @default false\n   */\n  multiSelect: PropTypes.bool,\n  /**\n   * Callback fired when tree items are expanded/collapsed.\n   * @param {React.SyntheticEvent} event The event source of the callback.\n   * @param {array} itemIds The ids of the expanded items.\n   */\n  onExpandedItemsChange: PropTypes.func,\n  /**\n   * Callback fired when a tree item is expanded or collapsed.\n   * @param {React.SyntheticEvent} event The event source of the callback.\n   * @param {array} itemId The itemId of the modified item.\n   * @param {array} isExpanded `true` if the item has just been expanded, `false` if it has just been collapsed.\n   */\n  onItemExpansionToggle: PropTypes.func,\n  /**\n   * Callback fired when tree items are focused.\n   * @param {React.SyntheticEvent} event The event source of the callback **Warning**: This is a generic event not a focus event.\n   * @param {string} itemId The id of the focused item.\n   * @param {string} value of the focused item.\n   */\n  onItemFocus: PropTypes.func,\n  /**\n   * Callback fired when a tree item is selected or deselected.\n   * @param {React.SyntheticEvent} event The event source of the callback.\n   * @param {array} itemId The itemId of the modified item.\n   * @param {array} isSelected `true` if the item has just been selected, `false` if it has just been deselected.\n   */\n  onItemSelectionToggle: PropTypes.func,\n  /**\n   * Callback fired when tree items are selected/deselected.\n   * @param {React.SyntheticEvent} event The event source of the callback\n   * @param {string[] | string} itemIds The ids of the selected items.\n   * When `multiSelect` is `true`, this is an array of strings; when false (default) a string.\n   */\n  onSelectedItemsChange: PropTypes.func,\n  /**\n   * Selected item ids. (Controlled)\n   * When `multiSelect` is true this takes an array of strings; when false (default) a string.\n   */\n  selectedItems: PropTypes.any,\n  /**\n   * The props used for each component slot.\n   * @default {}\n   */\n  slotProps: PropTypes.object,\n  /**\n   * Overridable component slots.\n   * @default {}\n   */\n  slots: PropTypes.object,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport { RichTreeView };","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport Icon from \"@/components/icon/Icon\";\nimport { ArrowDown, ArrowUp, Sizes } from \"@/components/icon/IconList\";\nimport { styled } from \"@mui/material\";\nimport { RichTreeView } from \"@mui/x-tree-view\";\nexport const CategoryTreeView = styled(RichTreeView)(()=>({\n        \"&.MuiRichTreeView-root\": {\n            display: \"flex\",\n            flexDirection: \"column\",\n            gap: \"16px\"\n        }\n    }));\nexport const ChevronDown = (param)=>{\n    let { className  } = param;\n    return /*#__PURE__*/ _jsx(Icon, {\n        icon: ArrowUp,\n        className: className,\n        size: Sizes.small,\n        color: \"rgba(28, 31, 46, 1)\"\n    });\n};\nexport const ChevronUp = (param)=>{\n    let { className  } = param;\n    return /*#__PURE__*/ _jsx(Icon, {\n        icon: ArrowDown,\n        className: className,\n        size: Sizes.small,\n        color: \"rgba(169, 175, 199, 1)\"\n    });\n};\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { FilterQueryHandlerType, useCategoryFilterHandler } from \"@/hooks/useCategoryFilterHandler\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { useTreeItem2Utils } from \"@mui/x-tree-view/hooks\";\nimport { unstable_useTreeItem2 as useTreeItem2 } from \"@mui/x-tree-view/useTreeItem2\";\nimport { forwardRef } from \"react\";\nimport { CustomTreeItem } from \".\";\nexport const CategoryTreeItem = /*#__PURE__*/ forwardRef((props, ref)=>{\n    const { id , itemId , label , disabled , children  } = props;\n    const { filterQueryHandler  } = useCategoryFilterHandler();\n    const { interactions  } = useTreeItem2Utils({\n        itemId,\n        children\n    });\n    const { publicAPI  } = useTreeItem2({\n        id,\n        itemId,\n        label,\n        children,\n        disabled,\n        rootRef: ref\n    });\n    const item = publicAPI.getItem(itemId);\n    const handleContentClick = (event)=>{\n        interactions.handleSelection(event);\n        filterQueryHandler({\n            filterType: FilterQueryHandlerType.CATEGORY,\n            value: item.id\n        });\n        mixpanelEvent(\"Category LNB Clicked\", {\n            Depth: item.id.length / 2,\n            buttonName: item.name\n        });\n    };\n    const handleIconContainerClick = (event)=>{\n        interactions.handleExpansion(event);\n    };\n    return /*#__PURE__*/ _jsx(CustomTreeItem, {\n        ...props,\n        ref: ref,\n        slotProps: {\n            iconContainer: {\n                onClick: handleIconContainerClick\n            },\n            label: {\n                onClick: handleContentClick\n            }\n        }\n    });\n});\nCategoryTreeItem.displayName = \"CategoryTreeItem\";\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  width: 100%;\\n  flex-wrap: wrap;\\n\\n  &::-webkit-scrollbar {\\n    width: 3px;\\n    height: 140px;\\n  }\\n\\n  &::-webkit-scrollbar-thumb {\\n    border-radius: 2px;\\n    background: rgba(206, 210, 224, 1);\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  &.filter-menu {\\n    margin-top: 8px;\\n    padding: 12px;\\n\\n    .MuiPaper-root {\\n      width: 450px;\\n      max-height: 400px;\\n      padding: 0px 4px;\\n      overflow: auto;\\n      border-radius: 6px;\\n\\n      &::-webkit-scrollbar {\\n        width: 3px;\\n        height: 140px;\\n      }\\n\\n      &::-webkit-scrollbar-thumb {\\n        border-radius: 2px;\\n        background: rgba(206, 210, 224, 1);\\n      }\\n    }\\n  }\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  font-size: 16px;\\n  color: rgb(95, 95, 105);\\n  font-weight: normal;\\n  line-height: 1.5;\\n  padding: 0px 0px 0px 12px;\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject3() {\n    const data = _tagged_template_literal([\n        \"\\n  width: 50%;\\n  padding: 0;\\n  text-wrap: wrap;\\n  display: flex;\\n  align-items: flex-start;\\n  min-height: unset;\\n\\n  .ant-checkbox-wrapper {\\n    padding: 8px 12px;\\n    width: 100%;\\n  }\\n\"\n    ]);\n    _templateObject3 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject4() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  gap: 6px;\\n  position: sticky;\\n  top: 0;\\n  width: 100%;\\n  left: 0;\\n  z-index: 10;\\n  padding: 24px 0;\\n  background-color: rgba(255, 255, 255, 0.9);\\n  margin-bottom: -24px;\\n  @media (max-width: 768px) {\\n    margin-bottom: 0;\\n  }\\n\"\n    ]);\n    _templateObject4 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { BooksMobileFilterListWrapper } from \"@/components/Books/List/BookListMobileFilterList\";\nimport { ButtonWithDropdownMenu } from \"@/components/Categories/Menu/index\";\nimport { MobileSliderArea } from \"@/components/Search\";\nimport { MobileFilterListItem } from \"@/components/Search/MobileFilterListItem\";\nimport { MobileFilterSideSheet } from \"@/components/Search/MobileFilterSideSheet\";\nimport Icon from \"@/components/icon/Icon\";\nimport { ArrowDown, Sizes } from \"@/components/icon/IconList\";\nimport { FilterQueryHandlerType } from \"@/hooks/useCategoryFilterHandler\";\nimport { useDropdownMenu } from \"@/hooks/useDropdownMenu\";\nimport useSearchParams from \"@/hooks/useSearchParams\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { SOLVOOKPASS_TEXT } from \"@/settings/constant\";\nimport { Menu, MenuItem, styled, useMediaQuery, useTheme } from \"@mui/material\";\nimport { Checkbox } from \"antd\";\nimport { useRouter } from \"next/router\";\nimport * as React from \"react\";\nimport { useEffect, useMemo } from \"react\";\nimport { DetailFilterKeys } from \"src/api/category\";\nimport { BaseFilterKeyToLabel } from \"src/api/search\";\nimport { DEFAULT_QUERY_SIZE } from \"src/pages/categories\";\nimport SelectedFilterWrapper from \"./SelectedFilter\";\nexport const DetailFilterButtonList = (param)=>{\n    let { filterItems , handleMobileSlider , isCheckFilterItem , isCheckFilterCount , selectedFilterList , mobileFilterSideSheet , filterQueryHandler  } = param;\n    const mixpanelTrigger = (name, item)=>{\n        mixpanelEvent(\"Category Filtered\", {\n            \"Filter Type\": name === \"제작자\" ? \"저자명\" : name,\n            \"Filter Option Selected\": item\n        });\n    };\n    const solvookPassButton = useMemo(()=>{\n        return filterItems.find((filter)=>filter.name === SOLVOOKPASS_TEXT && filter.items.length > 0);\n    }, [\n        filterItems\n    ]);\n    return /*#__PURE__*/ _jsxs(DetailFilterButtonListContainer, {\n        children: [\n            solvookPassButton && /*#__PURE__*/ _jsx(ButtonWithDropdownMenu, {\n                className: selectedFilterList.find((item)=>item.key === SOLVOOKPASS_TEXT) ? \"selected\" : \"\",\n                onClick: (e)=>{\n                    e.preventDefault();\n                    filterQueryHandler({\n                        filterType: FilterQueryHandlerType.DETAILFILTER,\n                        filterName: solvookPassButton.name,\n                        value: solvookPassButton.items[0]\n                    });\n                    //mx-47\n                    mixpanelEvent(\"Category Filtered\", {\n                        \"Filter Type\": \"쏠북패스\",\n                        \"Filter Option Selected\": \"쏠북패스\"\n                    });\n                },\n                children: SOLVOOKPASS_TEXT\n            }),\n            filterItems.map((filter, idx)=>{\n                if (filter.items.length > 0 && filter.name !== SOLVOOKPASS_TEXT) return /*#__PURE__*/ _jsx(CustomMenuButton, {\n                    filterName: filter.name,\n                    items: filter.items,\n                    mobileFilterOpen: handleMobileSlider,\n                    isCheckFilterItem: isCheckFilterItem,\n                    isCheckFilterCount: isCheckFilterCount,\n                    children: /*#__PURE__*/ _jsx(CustomMenuButton.MenuItemListLayout, {\n                        children: filter.items.map((item, idx)=>{\n                            if (!item) return;\n                            return /*#__PURE__*/ _jsx(CustomMenuButton.MenuItem, {\n                                checked: isCheckFilterItem(filter.name, item),\n                                onChange: ()=>{\n                                    filterQueryHandler({\n                                        filterType: FilterQueryHandlerType.DETAILFILTER,\n                                        filterName: filter.name,\n                                        value: item\n                                    });\n                                    //mx-47\n                                    mixpanelTrigger(filter.name, item);\n                                },\n                                children: item\n                            }, filter.name + idx + item);\n                        })\n                    })\n                }, idx);\n            }),\n            /*#__PURE__*/ _jsx(MobileSliderArea, {\n                children: /*#__PURE__*/ _jsxs(MobileFilterSideSheet, {\n                    title: \"상세 필터\",\n                    sliderOpen: mobileFilterSideSheet,\n                    openSlider: handleMobileSlider,\n                    children: [\n                        selectedFilterList.length > 0 && /*#__PURE__*/ _jsx(SelectedFilterWrapper, {\n                            position: \"sideSheet\",\n                            button: /*#__PURE__*/ _jsx(SelectedFilterWrapper.ResetButton, {\n                                handleResetFilter: ()=>filterQueryHandler({\n                                        filterType: FilterQueryHandlerType.RESET\n                                    })\n                            }),\n                            children: selectedFilterList.map((item, idx)=>{\n                                return /*#__PURE__*/ _jsx(SelectedFilterWrapper.SelectedItem, {\n                                    label: item.value,\n                                    onRemove: ()=>filterQueryHandler({\n                                            filterType: FilterQueryHandlerType.DETAILFILTER,\n                                            filterName: item.key,\n                                            value: item.value\n                                        })\n                                }, \"selectedItem\" + idx);\n                            })\n                        }),\n                        /*#__PURE__*/ _jsx(BooksMobileFilterListWrapper, {\n                            children: /*#__PURE__*/ _jsx(\"ul\", {\n                                children: filterItems.map((key, idx)=>{\n                                    const newFilters = key.items.map((item)=>{\n                                        return {\n                                            id: item,\n                                            value: item\n                                        };\n                                    });\n                                    if (key.items.length > 0) return /*#__PURE__*/ _jsx(\"li\", {\n                                        children: /*#__PURE__*/ _jsx(MobileFilterListItem, {\n                                            title: key.name,\n                                            filterItem: newFilters,\n                                            handleFilter: (filterType, id, value)=>{\n                                                filterQueryHandler({\n                                                    filterType: FilterQueryHandlerType.DETAILFILTER,\n                                                    filterName: filterType,\n                                                    value: id.toString()\n                                                });\n                                                //mx-47\n                                                mixpanelTrigger(filterType, id);\n                                            },\n                                            selectedFilters: selectedFilterList,\n                                            openSlider: handleMobileSlider,\n                                            sliderOpen: mobileFilterSideSheet\n                                        })\n                                    }, idx);\n                                })\n                            })\n                        })\n                    ]\n                })\n            })\n        ]\n    });\n};\nexport const CustomMenuButton = (param)=>{\n    let { filterName , mobileFilterOpen , isCheckFilterCount , children  } = param;\n    const buttonRef = React.useRef(null);\n    const { handleOpen , handleClose , open , anchorEl , setAnchorEl  } = useDropdownMenu();\n    const theme = useTheme();\n    const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\"));\n    const searchParams = useSearchParams();\n    const menuNameToKorean = BaseFilterKeyToLabel[filterName] || filterName;\n    const handleClick = (event)=>{\n        if (isMobile) {\n            mobileFilterOpen(true, menuNameToKorean);\n            return;\n        }\n        handleOpen(event);\n    };\n    // hotfix: 기본적으로 클릭을 해야 매뉴 버튼이 오픈을 하는데, 단원 필터를 켜줘야 하기 때문에 여기서 open을 시켜줍니다.\n    const { asPath  } = useRouter();\n    useEffect(()=>{\n        const { innerWidth: width  } = window;\n        const sm = theme.breakpoints.values.sm;\n        if (!buttonRef.current) return;\n        if (!searchParams.get(\"id\")) return;\n        // 이 컴포넌트를 사용하는 페이지가 카테고리 페이지에서만 사용하는걸 가정으로 가벼운 includes 추가하였습니다\n        // 추후 걷어질 훅이라 주석과 함께 남겨두겠습니다.\n        // 25.03.04\n        if (asPath.includes(\"edition\")) return;\n        if (Array.from(searchParams.keys()).length > DEFAULT_QUERY_SIZE) return;\n        if (width < sm) {\n            if (filterName === DetailFilterKeys.UNITS) mobileFilterOpen(true, menuNameToKorean);\n            return;\n        }\n        if (filterName === DetailFilterKeys.UNITS) {\n            setAnchorEl(buttonRef.current);\n        }\n    }, [\n        searchParams.get(\"id\")\n    ]);\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            /*#__PURE__*/ _jsxs(ButtonWithDropdownMenu, {\n                ref: buttonRef,\n                id: \"filter-button\",\n                className: isCheckFilterCount(filterName) ? \"selected\" : \"\",\n                \"aria-controls\": open ? \"filter-menu\" : undefined,\n                \"aria-haspopup\": \"true\",\n                \"aria-expanded\": open ? \"true\" : undefined,\n                onClick: handleClick,\n                children: [\n                    menuNameToKorean,\n                    isCheckFilterCount(filterName) ? \" \".concat(isCheckFilterCount(filterName)) : \"\",\n                    /*#__PURE__*/ _jsx(Icon, {\n                        icon: ArrowDown,\n                        size: Sizes.small,\n                        color: \"rgba(106, 112, 138, 1)\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(CustomMenu, {\n                className: \"filter-menu\",\n                id: \"filter-menu\",\n                anchorEl: anchorEl,\n                open: open,\n                onClose: handleClose,\n                MenuListProps: {\n                    \"aria-labelledby\": \"basic-button\"\n                },\n                children: children\n            })\n        ]\n    });\n};\nexport const CheckboxMenuItem = (param)=>{\n    let { checked , onChange , children , props  } = param;\n    return /*#__PURE__*/ _jsx(CustomMenuItem, {\n        children: /*#__PURE__*/ _jsx(Checkbox, {\n            checked: checked,\n            onChange: onChange,\n            children: /*#__PURE__*/ _jsx(TypographyText, {\n                children: children\n            })\n        })\n    });\n};\nexport const MenuListContainer = styled(\"div\")(_templateObject());\nCustomMenuButton.MenuItemListLayout = MenuListContainer;\nCustomMenuButton.MenuItem = CheckboxMenuItem;\nexport const CustomMenu = styled(Menu)(_templateObject1());\nexport const TypographyText = styled(\"p\")(_templateObject2());\nexport const CustomMenuItem = styled(MenuItem)(_templateObject3());\nconst DetailFilterButtonListContainer = styled(\"div\")(_templateObject4());\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  font-size: 14px;\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  &.reset-btn {\\n    height: 26px;\\n    padding: 2px 0;\\n    display: flex;\\n    align-items: center;\\n    border: none;\\n    background-color: transparent;\\n\\n    i {\\n      margin-right: 4px;\\n    }\\n\\n    span {\\n      display: flex;\\n      align-items: center;\\n      justify-content: center;\\n      gap: 4px;\\n      color: \",\n        \";\\n      font-weight: bold;\\n      transition: color 0.2s linear;\\n\\n      @media (hover: hover) {\\n        &:hover {\\n          color: \",\n        \";\\n        }\\n      }\\n    }\\n\\n    @media (max-width: 768px) {\\n      padding: 0;\\n      margin-left: 8px;\\n      color: \",\n        \";\\n    }\\n  }\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  &.current-btn {\\n    position: relative;\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    color: white;\\n    padding: 2px 12px;\\n    line-height: 22px;\\n    font-weight: 600;\\n    border: none;\\n    height: 26px;\\n    background-color: \",\n        \";\\n    border-radius: 36px;\\n    cursor: pointer;\\n    font-size: 14px;\\n    @media (max-width: 1200px) {\\n    }\\n    @media (max-width: 768px) {\\n      /* padding: 2px 8px; */\\n      height: 26px;\\n      font-weight: 400;\\n    }\\n  }\\n\\n  &.category {\\n    font-size: 14px;\\n  }\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Wrapper } from \"@/components/Books/List/BookListSelectedFilter\";\nimport React from \"react\";\nimport styled, { useTheme } from \"styled-components\";\nimport { Close, Reset, Sizes } from \"@/components/icon/IconList\";\nimport Icon from \"@/components/icon/Icon\";\nimport { themeGet } from \"@styled-system/theme-get\";\nimport { Button } from \"antd\";\nexport const SelectedFilterWrapper = (param)=>{\n    let { position , children , button , className  } = param;\n    return /*#__PURE__*/ _jsxs(Wrapper, {\n        className: position === \"sideSheet\" ? \"slider-type \".concat(className) : className,\n        children: [\n            /*#__PURE__*/ _jsx(\"div\", {\n                className: \"current-area\",\n                children: children\n            }),\n            button\n        ]\n    });\n};\nexport const ResetButton = (param)=>{\n    let { handleResetFilter  } = param;\n    const theme = useTheme();\n    return /*#__PURE__*/ _jsxs(ResetButtonWrapper, {\n        className: \"reset-btn\",\n        onClick: handleResetFilter,\n        children: [\n            /*#__PURE__*/ _jsx(Icon, {\n                icon: Reset,\n                color: theme.new.colors.sol_gray_600,\n                size: Sizes.small\n            }),\n            \"초기화\"\n        ]\n    });\n};\nexport const SelectedItem = (param)=>{\n    let { label , onRemove , className  } = param;\n    return /*#__PURE__*/ _jsxs(SelectedItemWrapper, {\n        onClick: onRemove,\n        className: className || \"current-btn\",\n        children: [\n            label,\n            /*#__PURE__*/ _jsx(Icon, {\n                icon: Close,\n                size: Sizes.small,\n                color: \"#fff\"\n            })\n        ]\n    });\n};\nSelectedFilterWrapper.ResetButton = ResetButton;\nSelectedFilterWrapper.SelectedItem = SelectedItem;\nexport default SelectedFilterWrapper;\nexport const CategorySelectedItem = styled(SelectedItem).withConfig({\n    componentId: \"sc-212f1dc1-0\"\n})(_templateObject());\nconst ResetButtonWrapper = styled(Button).withConfig({\n    componentId: \"sc-212f1dc1-1\"\n})(_templateObject1(), (props)=>props.theme.new.colors.sol_gray_600, themeGet(\"text.0\", \"#1B1B29\"), (props)=>props.theme.new.colors.sol_gray_500);\nconst SelectedItemWrapper = styled.div.withConfig({\n    componentId: \"sc-212f1dc1-2\"\n})(_templateObject2(), (props)=>props.theme.new.colors.sol_gray_500);\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { resolveComponentProps, useSlotProps } from '@mui/base/utils';\nimport { useTreeViewContext } from '../internals/TreeViewProvider/useTreeViewContext';\nimport { TreeViewCollapseIcon, TreeViewExpandIcon } from '../icons';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction TreeItem2Icon(props) {\n  const {\n    slots,\n    slotProps,\n    status\n  } = props;\n  const context = useTreeViewContext();\n  const contextIcons = _extends({}, context.icons.slots, {\n    expandIcon: context.icons.slots.expandIcon ?? TreeViewExpandIcon,\n    collapseIcon: context.icons.slots.collapseIcon ?? TreeViewCollapseIcon\n  });\n  const contextIconProps = context.icons.slotProps;\n  let iconName;\n  if (slots?.icon) {\n    iconName = 'icon';\n  } else if (status.expandable) {\n    if (status.expanded) {\n      iconName = 'collapseIcon';\n    } else {\n      iconName = 'expandIcon';\n    }\n  } else {\n    iconName = 'endIcon';\n  }\n  const Icon = slots?.[iconName] ?? contextIcons[iconName];\n  const iconProps = useSlotProps({\n    elementType: Icon,\n    externalSlotProps: tempOwnerState => _extends({}, resolveComponentProps(contextIconProps[iconName], tempOwnerState), resolveComponentProps(slotProps?.[iconName], tempOwnerState)),\n    // TODO: Add proper ownerState\n    ownerState: {}\n  });\n  if (!Icon) {\n    return null;\n  }\n  return /*#__PURE__*/_jsx(Icon, _extends({}, iconProps));\n}\nprocess.env.NODE_ENV !== \"production\" ? TreeItem2Icon.propTypes = {\n  // ----------------------------- Warning --------------------------------\n  // | These PropTypes are generated from the TypeScript type definitions |\n  // | To update them edit the TypeScript types and run \"pnpm proptypes\"  |\n  // ----------------------------------------------------------------------\n  /**\n   * The props used for each component slot.\n   * @default {}\n   */\n  slotProps: PropTypes.object,\n  /**\n   * Overridable component slots.\n   * @default {}\n   */\n  slots: PropTypes.object,\n  status: PropTypes.shape({\n    disabled: PropTypes.bool.isRequired,\n    expandable: PropTypes.bool.isRequired,\n    expanded: PropTypes.bool.isRequired,\n    focused: PropTypes.bool.isRequired,\n    selected: PropTypes.bool.isRequired\n  }).isRequired\n} : void 0;\nexport { TreeItem2Icon };","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"visible\"],\n  _excluded2 = [\"id\", \"itemId\", \"label\", \"disabled\", \"children\", \"slots\", \"slotProps\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport unsupportedProp from '@mui/utils/unsupportedProp';\nimport { alpha, styled, useThemeProps } from '@mui/material/styles';\nimport Collapse from '@mui/material/Collapse';\nimport MuiCheckbox from '@mui/material/Checkbox';\nimport { useSlotProps } from '@mui/base/utils';\nimport { shouldForwardProp } from '@mui/system/createStyled';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { unstable_useTreeItem2 as useTreeItem2 } from '../useTreeItem2';\nimport { getTreeItemUtilityClass } from '../TreeItem';\nimport { TreeItem2Icon } from '../TreeItem2Icon';\nimport { TreeItem2Provider } from '../TreeItem2Provider';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport const TreeItem2Root = styled('li', {\n  name: 'MuiTreeItem2',\n  slot: 'Root',\n  overridesResolver: (props, styles) => styles.root\n})({\n  listStyle: 'none',\n  margin: 0,\n  padding: 0,\n  outline: 0\n});\nexport const TreeItem2Content = styled('div', {\n  name: 'MuiTreeItem2',\n  slot: 'Content',\n  overridesResolver: (props, styles) => styles.content,\n  shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'status' && prop !== 'indentationAtItemLevel'\n})(({\n  theme\n}) => ({\n  padding: theme.spacing(0.5, 1),\n  borderRadius: theme.shape.borderRadius,\n  width: '100%',\n  boxSizing: 'border-box',\n  // prevent width + padding to overflow\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n  cursor: 'pointer',\n  WebkitTapHighlightColor: 'transparent',\n  '&:hover': {\n    backgroundColor: (theme.vars || theme).palette.action.hover,\n    // Reset on touch devices, it doesn't add specificity\n    '@media (hover: none)': {\n      backgroundColor: 'transparent'\n    }\n  },\n  variants: [{\n    props: {\n      indentationAtItemLevel: true\n    },\n    style: {\n      paddingLeft: `calc(${theme.spacing(1)} + var(--TreeView-itemChildrenIndentation) * var(--TreeView-itemDepth))`\n    }\n  }, {\n    props: ({\n      status\n    }) => status.disabled,\n    style: {\n      opacity: (theme.vars || theme).palette.action.disabledOpacity,\n      backgroundColor: 'transparent'\n    }\n  }, {\n    props: ({\n      status\n    }) => status.focused,\n    style: {\n      backgroundColor: (theme.vars || theme).palette.action.focus\n    }\n  }, {\n    props: ({\n      status\n    }) => status.selected,\n    style: {\n      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),\n      '&:hover': {\n        backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity),\n        // Reset on touch devices, it doesn't add specificity\n        '@media (hover: none)': {\n          backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity)\n        }\n      }\n    }\n  }, {\n    props: ({\n      status\n    }) => status.selected && status.focused,\n    style: {\n      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.focusOpacity}))` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)\n    }\n  }]\n}));\nexport const TreeItem2Label = styled('div', {\n  name: 'MuiTreeItem2',\n  slot: 'Label',\n  overridesResolver: (props, styles) => styles.label\n})(({\n  theme\n}) => _extends({\n  width: '100%',\n  boxSizing: 'border-box',\n  // prevent width + padding to overflow\n  // fixes overflow - see https://github.com/mui/material-ui/issues/27372\n  minWidth: 0,\n  position: 'relative'\n}, theme.typography.body1));\nexport const TreeItem2IconContainer = styled('div', {\n  name: 'MuiTreeItem2',\n  slot: 'IconContainer',\n  overridesResolver: (props, styles) => styles.iconContainer\n})({\n  width: 16,\n  display: 'flex',\n  flexShrink: 0,\n  justifyContent: 'center',\n  '& svg': {\n    fontSize: 18\n  }\n});\nexport const TreeItem2GroupTransition = styled(Collapse, {\n  name: 'MuiTreeItem2',\n  slot: 'GroupTransition',\n  overridesResolver: (props, styles) => styles.groupTransition,\n  shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'indentationAtItemLevel'\n})({\n  margin: 0,\n  padding: 0,\n  paddingLeft: 'var(--TreeView-itemChildrenIndentation)',\n  variants: [{\n    props: {\n      indentationAtItemLevel: true\n    },\n    style: {\n      paddingLeft: 0\n    }\n  }]\n});\nexport const TreeItem2Checkbox = styled( /*#__PURE__*/React.forwardRef((props, ref) => {\n  const {\n      visible\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  if (!visible) {\n    return null;\n  }\n  return /*#__PURE__*/_jsx(MuiCheckbox, _extends({}, other, {\n    ref: ref\n  }));\n}), {\n  name: 'MuiTreeItem2',\n  slot: 'Checkbox',\n  overridesResolver: (props, styles) => styles.checkbox\n})({\n  padding: 0\n});\nconst useUtilityClasses = ownerState => {\n  const {\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root'],\n    content: ['content'],\n    expanded: ['expanded'],\n    selected: ['selected'],\n    focused: ['focused'],\n    disabled: ['disabled'],\n    iconContainer: ['iconContainer'],\n    checkbox: ['checkbox'],\n    label: ['label'],\n    groupTransition: ['groupTransition']\n  };\n  return composeClasses(slots, getTreeItemUtilityClass, classes);\n};\n/**\n *\n * Demos:\n *\n * - [Tree View](https://mui.com/x/react-tree-view/)\n *\n * API:\n *\n * - [TreeItem2 API](https://mui.com/x/api/tree-view/tree-item-2/)\n */\nexport const TreeItem2 = /*#__PURE__*/React.forwardRef(function TreeItem2(inProps, forwardedRef) {\n  const props = useThemeProps({\n    props: inProps,\n    name: 'MuiTreeItem2'\n  });\n  const {\n      id,\n      itemId,\n      label,\n      disabled,\n      children,\n      slots = {},\n      slotProps = {}\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded2);\n  const {\n    getRootProps,\n    getContentProps,\n    getIconContainerProps,\n    getCheckboxProps,\n    getLabelProps,\n    getGroupTransitionProps,\n    status\n  } = useTreeItem2({\n    id,\n    itemId,\n    children,\n    label,\n    disabled\n  });\n  const ownerState = _extends({}, props, status);\n  const classes = useUtilityClasses(ownerState);\n  const Root = slots.root ?? TreeItem2Root;\n  const rootProps = useSlotProps({\n    elementType: Root,\n    getSlotProps: getRootProps,\n    externalForwardedProps: other,\n    externalSlotProps: slotProps.root,\n    additionalProps: {\n      ref: forwardedRef\n    },\n    ownerState: {},\n    className: classes.root\n  });\n  const Content = slots.content ?? TreeItem2Content;\n  const contentProps = useSlotProps({\n    elementType: Content,\n    getSlotProps: getContentProps,\n    externalSlotProps: slotProps.content,\n    ownerState: {},\n    className: clsx(classes.content, status.expanded && classes.expanded, status.selected && classes.selected, status.focused && classes.focused, status.disabled && classes.disabled)\n  });\n  const IconContainer = slots.iconContainer ?? TreeItem2IconContainer;\n  const iconContainerProps = useSlotProps({\n    elementType: IconContainer,\n    getSlotProps: getIconContainerProps,\n    externalSlotProps: slotProps.iconContainer,\n    ownerState: {},\n    className: classes.iconContainer\n  });\n  const Label = slots.label ?? TreeItem2Label;\n  const labelProps = useSlotProps({\n    elementType: Label,\n    getSlotProps: getLabelProps,\n    externalSlotProps: slotProps.label,\n    ownerState: {},\n    className: classes.label\n  });\n  const Checkbox = slots.checkbox ?? TreeItem2Checkbox;\n  const checkboxProps = useSlotProps({\n    elementType: Checkbox,\n    getSlotProps: getCheckboxProps,\n    externalSlotProps: slotProps.checkbox,\n    ownerState: {},\n    className: classes.checkbox\n  });\n  const GroupTransition = slots.groupTransition ?? undefined;\n  const groupTransitionProps = useSlotProps({\n    elementType: GroupTransition,\n    getSlotProps: getGroupTransitionProps,\n    externalSlotProps: slotProps.groupTransition,\n    ownerState: {},\n    className: classes.groupTransition\n  });\n  return /*#__PURE__*/_jsx(TreeItem2Provider, {\n    itemId: itemId,\n    children: /*#__PURE__*/_jsxs(Root, _extends({}, rootProps, {\n      children: [/*#__PURE__*/_jsxs(Content, _extends({}, contentProps, {\n        children: [/*#__PURE__*/_jsx(IconContainer, _extends({}, iconContainerProps, {\n          children: /*#__PURE__*/_jsx(TreeItem2Icon, {\n            status: status,\n            slots: slots,\n            slotProps: slotProps\n          })\n        })), /*#__PURE__*/_jsx(Checkbox, _extends({}, checkboxProps)), /*#__PURE__*/_jsx(Label, _extends({}, labelProps))]\n      })), children && /*#__PURE__*/_jsx(TreeItem2GroupTransition, _extends({\n        as: GroupTransition\n      }, groupTransitionProps))]\n    }))\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? TreeItem2.propTypes = {\n  // ----------------------------- Warning --------------------------------\n  // | These PropTypes are generated from the TypeScript type definitions |\n  // | To update them edit the TypeScript types and run \"pnpm proptypes\"  |\n  // ----------------------------------------------------------------------\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  className: PropTypes.string,\n  /**\n   * If `true`, the item is disabled.\n   * @default false\n   */\n  disabled: PropTypes.bool,\n  /**\n   * The id attribute of the item. If not provided, it will be generated.\n   */\n  id: PropTypes.string,\n  /**\n   * The id of the item.\n   * Must be unique.\n   */\n  itemId: PropTypes.string.isRequired,\n  /**\n   * The label of the item.\n   */\n  label: PropTypes.node,\n  /**\n   * This prop isn't supported.\n   * Use the `onItemFocus` callback on the tree if you need to monitor a item's focus.\n   */\n  onFocus: unsupportedProp,\n  /**\n   * The props used for each component slot.\n   * @default {}\n   */\n  slotProps: PropTypes.object,\n  /**\n   * Overridable component slots.\n   * @default {}\n   */\n  slots: PropTypes.object\n} : void 0;","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  justify-content: space-between;\\n  align-items: flex-end;\\n  padding-bottom: 12px;\\n  width: 100%;\\n  margin-top: 24px;\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Button, TextField } from \"@bookips/solvook-ui-library\";\nimport { MenuItem, styled } from \"@mui/material\";\nimport { treeItemClasses } from \"@mui/x-tree-view\";\nimport { TreeItem2 } from \"@mui/x-tree-view/TreeItem2\";\nexport const ButtonWithDropdownMenu = styled(Button)((param)=>{\n    let { theme  } = param;\n    return {\n        border: \"1px solid \".concat(theme.palette.grey[100]),\n        backgroundColor: \"#fff\",\n        borderRadius: \"6px\",\n        padding: \"6px 12px\",\n        color: theme.palette.grey[500],\n        transition: \"all 0.3s ease\",\n        ...theme.typography.regular16,\n        svg: {\n            marginLeft: \"4px\"\n        },\n        '&.selected, [aria-expanded=\"false\"]': {\n            fontWeight: 600,\n            color: theme.palette.primary[\"main\"],\n            backgroundColor: theme.palette.indigo[0],\n            borderColor: theme.palette.indigo[200],\n            svg: {\n                stroke: theme.palette.primary[\"main\"]\n            }\n        },\n        '&[aria-expanded=\"true\"]': {\n            fontWeight: 600,\n            color: \"#fff\",\n            backgroundColor: theme.palette.primary[\"main\"],\n            svg: {\n                transform: \"rotate(180deg)\",\n                transition: \"all 0.3s ease\",\n                stroke: \"#fff\"\n            }\n        },\n        \"&:hover\": {\n            backgroundColor: theme.palette.indigo[0],\n            color: theme.palette.primary[\"main\"],\n            fontWeight: 600,\n            svg: {\n                stroke: theme.palette.primary[\"main\"]\n            }\n        }\n    };\n});\nexport const CustomTreeItem = styled(TreeItem2)((param)=>{\n    let { theme  } = param;\n    return {\n        [\"& .\".concat(treeItemClasses.iconContainer)]: {\n            \"& .close\": {\n                opacity: 0.3\n            }\n        },\n        \"&.MuiTreeItem-root\": {\n            display: \"flex\",\n            flexDirection: \"column\",\n            gap: \"16px\",\n            [\"& .\".concat(treeItemClasses.content)]: {\n                padding: \"0\",\n                flexDirection: \"row-reverse\",\n                \":hover\": {\n                    backgroundColor: \"transparent\",\n                    \"& .MuiTreeItem-label\": {\n                        transition: \"all 0.3s\",\n                        color: theme.palette.text[\"title\"]\n                    },\n                    i: {\n                        svg: {\n                            transition: \"all 0.3s\",\n                            stroke: theme.palette.text[\"title\"]\n                        }\n                    }\n                },\n                \"& .MuiTreeItem-label\": {\n                    color: theme.palette.text[\"secondary\"],\n                    ...theme.typography.body2\n                },\n                \"&.Mui-focused\": {\n                    backgroundColor: \"transparent\"\n                },\n                \"&.Mui-expanded\": {\n                    \".MuiTreeItem-label\": {\n                        color: theme.palette.text[\"title\"]\n                    }\n                },\n                \"&.Mui-selected\": {\n                    backgroundColor: \"transparent !important\",\n                    \"& .MuiTreeItem-label\": {\n                        fontWeight: \"600\",\n                        color: theme.palette.primary[\"main\"]\n                    }\n                },\n                [\"&.Mui-selected)\"]: {\n                    \"& .MuiTreeItem-label\": {\n                        fontWeight: \"600\",\n                        color: theme.palette.text[\"title\"]\n                    }\n                }\n            }\n        },\n        \"& .MuiCollapse-root\": {\n            paddingLeft: \"16px\",\n            \"& .MuiCollapse-wrapperInner\": {\n                display: \"flex\",\n                flexDirection: \"column\",\n                gap: \"16px\"\n            }\n        }\n    };\n});\nexport const CustomTextField = styled(TextField)((param)=>{\n    let { theme  } = param;\n    return {\n        fieldset: {\n            border: \"none\"\n        },\n        \".MuiInputBase-input\": {\n            ...theme.typography.body2,\n            color: theme.palette.text[\"secondary\"]\n        },\n        \".MuiOutlinedInput-root\": {\n            backgroundColor: \"transparent\",\n            \"> div\": {\n                paddingTop: \"0px\",\n                paddingBottom: \"0px\",\n                paddingRight: \"20px !important\"\n            },\n            \".MuiSelect-icon\": {\n                top: \"unset\",\n                color: theme.palette.text[\"secondary\"],\n                right: 0\n            }\n        },\n        \"& .MuiSelect-root\": {\n            \".MuiSelect-select\": {\n                paddingTop: \"0\",\n                paddingBottom: \"0\"\n            }\n        }\n    };\n});\nexport const CustomSelectMenuItem = styled(MenuItem)((param)=>{\n    let { theme  } = param;\n    return {\n        \"&.select\": {\n            padding: \"5px 12px\"\n        },\n        ...theme.typography.body2,\n        color: theme.palette.text[\"secondary\"],\n        \".MuiMenuItem-root\": {\n            padding: \"5px 12px\"\n        },\n        li: {\n            padding: \"5px 12px !important\"\n        }\n    };\n});\nexport const CustomSelect = ()=>{\n    return /*#__PURE__*/ _jsx(_Fragment, {});\n};\nCustomSelect.CustomTextField = CustomTextField;\nCustomSelect.CustomSelectMenuItem = CustomSelectMenuItem;\nexport const SearchResultAmount = styled(\"div\")((param)=>{\n    let { theme  } = param;\n    return {\n        color: theme.palette.text[\"secondary\"],\n        ...theme.typography.body2\n    };\n});\nexport const SearchResultDescWrap = styled(\"div\")(_templateObject());\n","import { useSideCategoryMenuStore } from \"@/components/SideSheets/store/useCategoryMenuStore\";\nimport { useRouter } from \"next/router\";\nimport { useCallback, useEffect } from \"react\";\nconst useCloseHandler = ()=>{\n    const router = useRouter();\n    const { closeSideMenu  } = useSideCategoryMenuStore();\n    const isSamePath = useCallback((nextUrl)=>{\n        return router.asPath === nextUrl;\n    }, [\n        router.asPath\n    ]);\n    const handleRouteChange = useCallback((path)=>{\n        if (isSamePath(path)) return;\n        closeSideMenu();\n    }, [\n        isSamePath\n    ]);\n    useEffect(()=>{\n        router.events.on(\"routeChangeStart\", handleRouteChange);\n        return ()=>{\n            router.events.off(\"routeChangeStart\", handleRouteChange);\n        };\n    }, [\n        router.events,\n        handleRouteChange\n    ]);\n};\nexport default useCloseHandler;\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  width: 100%;\\n  height: 100vh;\\n\\n  gap: 16px;\\n  top: 72px;\\n  position: fixed;\\n  background: rgba(28, 31, 46, 0.5);\\n  z-index: 11;\\n  display: flex;\\n  justify-content: center;\\n\\n  overflow: hidden;\\n\\n  @media (max-width: 1180px) {\\n    display: none;\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  display: grid;\\n  grid-template-columns: 1fr 1fr 1fr 412px;\\n\\n  width: 100%;\\n  height: 100%;\\n  max-height: 600px;\\n  max-width: 832px;\\n\\n  background-color: #fff;\\n  border-radius: 6px;\\n\\n  margin: 16px 0;\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: space-between;\\n  height: calc(600px - 76px);\\n  overflow-y: auto;\\n\\n  &.container-mobile {\\n    height: 100%;\\n    padding: 20px 0;\\n    flex-grow: 1;\\n  }\\n\\n  @media (max-width: 1199px) {\\n    overflow-y: auto;\\n\\n    &.depth-one-container {\\n      height: calc(100vh - 368px);\\n      max-height: calc(var(--svh, 1svh) * 100 - 268px);\\n    }\\n\\n    &.depth-two-row-container {\\n      height: 100%;\\n    }\\n  }\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject3() {\n    const data = _tagged_template_literal([\n        \"\"\n    ]);\n    _templateObject3 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject4() {\n    const data = _tagged_template_literal([\n        \"\\n  display: grid;\\n  grid-template-columns: 1fr 1fr;\\n\"\n    ]);\n    _templateObject4 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject5() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  flex-direction: column;\\n  gap: 12px;\\n\\n  width: 90%;\\n  word-break: auto-phrase;\\n\\n  @media (max-width: 1199px) {\\n    width: 100%;\\n  }\\n\"\n    ]);\n    _templateObject5 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject6() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  height: fit-content;\\n  max-height: 600px;\\n  flex-direction: column;\\n  gap: 16px;\\n  flex-shrink: 0;\\n\\n  margin: 16px 0;\\n\"\n    ]);\n    _templateObject6 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject7() {\n    const data = _tagged_template_literal([\n        \"\\n  padding: 0 32px;\\n  background-color: \",\n        \";\\n  border-radius: 6px;\\n\\n  :hover {\\n    background-color: \",\n        \";\\n  }\\n\"\n    ]);\n    _templateObject7 = function() {\n        return data;\n    };\n    return data;\n}\nimport { styled as muiStyled } from \"@mui/material\";\nimport styled from \"styled-components\";\nexport const CategoryContainer = styled.div.withConfig({\n    componentId: \"sc-b50d693b-0\"\n})(_templateObject());\nexport const CategoryBox = styled.section.withConfig({\n    componentId: \"sc-b50d693b-1\"\n})(_templateObject1());\nexport const RowContainer = styled.div.withConfig({\n    componentId: \"sc-b50d693b-2\"\n})(_templateObject2());\nexport const BoxContainer = styled.div.withConfig({\n    componentId: \"sc-b50d693b-3\"\n})(_templateObject3());\nexport const MenuLinkBox = muiStyled(\"div\")((param)=>{\n    let { theme  } = param;\n    return {\n        width: \"100%\",\n        height: \"100%\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        borderRight: \"1px solid \".concat(theme.palette.grey[50]),\n        \"&:last-of-type\": {\n            borderRight: \"none\"\n        },\n        \"&.link-box-mobile \": {\n            height: \"100%\",\n            maxHeight: \"calc(var(--svh, 1svh) * 100 - 268px)\",\n            width: \"120px\",\n            flexShrink: 0,\n            borderRight: \"1px solid \".concat(theme.palette.grey[50])\n        },\n        \"&._depth-two\": {\n            maxHeight: \"calc(var(--svh, 1svh) * 100 - 58px)\"\n        },\n        \"&.depth-one-big-width\": {\n            padding: \"20px 0\"\n        }\n    };\n});\nexport const Box = muiStyled(\"ul\")(()=>({\n        display: \"flex\",\n        flexDirection: \"column\",\n        gap: \"8px\",\n        padding: \"0 16px\",\n        \"@media (max-width: 768px)\": {\n            padding: \"0 8px\"\n        }\n    }));\nexport const ButtonBox = muiStyled(\"li\")((param)=>{\n    let { theme  } = param;\n    return {\n        a: {\n            width: \"100%\"\n        },\n        button: {\n            width: \"100%\",\n            height: \"32px\",\n            backgroundColor: \"transparent\",\n            borderRadius: \"4px\",\n            border: \"1px solid \".concat(theme.palette.grey[\"200\"]),\n            cursor: \"pointer\",\n            ...theme.typography.semibold14,\n            color: theme.palette.text.secondary,\n            boxSizing: \"border-box\",\n            whiteSpace: \"nowrap\",\n            padding: 0,\n            \":hover\": {\n                backgroundColor: theme.palette.grey[50]\n            }\n        },\n        \"&.active\": {\n            button: {\n                border: \"1px solid \".concat(theme.palette.primary.main),\n                color: theme.palette.primary.main\n            }\n        }\n    };\n});\nexport const TwoColumnBox = styled.div.withConfig({\n    componentId: \"sc-b50d693b-4\"\n})(_templateObject4());\nexport const BoxColumn = muiStyled(\"div\")((param)=>{\n    let { theme  } = param;\n    return {\n        display: \"flex\",\n        flexDirection: \"column\",\n        gap: \"8px\",\n        padding: \"8px 16px\",\n        \"&.active, &:hover\": {\n            backgroundColor: \"rgba(169, 175, 199, 0.20)\",\n            cursor: \"pointer\",\n            p: {\n                color: theme.palette.indigo[\"500\"],\n                ...theme.typography.semibold16\n            }\n        },\n        \"@media (max-width: 1199px)\": {\n            padding: \"12px 20px\",\n            backgroundColor: \"transparent\",\n            p: {\n                color: theme.palette.text.primary,\n                ...theme.typography.regular16\n            }\n        }\n    };\n});\nexport const BoxTitle = muiStyled(\"p\")((param)=>{\n    let { theme  } = param;\n    return {\n        ...theme.typography.semibold16,\n        padding: \"0 16px\",\n        color: theme.palette.grey[\"700\"],\n        marginBottom: \"12px\",\n        a: {\n            display: \"flex\",\n            alignItems: \"center\",\n            gap: \"4px\",\n            \":hover\": {\n                textDecoration: \"2px underline\"\n            }\n        },\n        \"@media (max-width: 1199px)\": {\n            padding: \"20px 16px 12px 16px\",\n            marginBottom: \"0\"\n        }\n    };\n});\nexport const LabelBox = styled.div.withConfig({\n    componentId: \"sc-b50d693b-5\"\n})(_templateObject5());\nexport const Label = muiStyled(\"p\")((param)=>{\n    let { theme  } = param;\n    return {\n        ...theme.typography.regular16,\n        color: theme.palette.grey[\"500\"],\n        display: \"flex\",\n        justifyContent: \"space-between\",\n        alignItems: \"center\"\n    };\n});\nexport const MenuAdBox = styled.div.withConfig({\n    componentId: \"sc-b50d693b-6\"\n})(_templateObject6());\nexport const AdStack = styled.div.withConfig({\n    componentId: \"sc-b50d693b-7\"\n})(_templateObject7(), (props)=>props.theme.new.colors.sol_gray_50, (props)=>props.theme.new.colors.sol_gray_100);\n","import { useSideCategoryMenuStore } from \"@/components/SideSheets/store/useCategoryMenuStore\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { getCategoryMenu } from \"src/api/category\";\nconst useCategoryPanelData = ()=>{\n    //\n    const [oneDepthId, setOneDepthId] = useState(\"\") //과목 1depth\n    ;\n    const [twoDepthId, setTwoDepthId] = useState(\"\") //단계 2depth\n    ;\n    const [threeDepthId, setThreeDepthId] = useState(\"\") //상세 3depth\n    ;\n    const { data: categoryData  } = useQuery([\n        \"categoryData\"\n    ], ()=>getCategoryMenu(), {\n        retry: 3\n    });\n    const { currentOneDepth , setCurrentDepth  } = useSideCategoryMenuStore((state)=>({\n            currentOneDepth: state.currentDepth,\n            setCurrentDepth: state.setCurrentDepth\n        }));\n    const selectTwoDepth = useMemo(()=>{\n        if (!oneDepthId) return;\n        const data = categoryData.depthItems.filter((menu, idx)=>menu.id === oneDepthId);\n        setTwoDepthId(data[0].items[0].id);\n        return data[0];\n    }, [\n        oneDepthId\n    ]);\n    const selectThreeDepth = useMemo(()=>{\n        if (!twoDepthId) return;\n        const data = selectTwoDepth.items.filter((menu)=>menu.id === twoDepthId);\n        setThreeDepthId(data[0].items[0].id);\n        return data[0];\n    }, [\n        twoDepthId\n    ]);\n    const selectFourDepth = useMemo(()=>{\n        if (!threeDepthId) return;\n        const data = selectThreeDepth.items.filter((menu)=>menu.id === threeDepthId)[0];\n        return data;\n    }, [\n        threeDepthId\n    ]);\n    useEffect(()=>{\n        if (!categoryData) return;\n        if (!currentOneDepth) {\n            setCurrentDepth(categoryData.selectedId);\n        }\n        setOneDepthId(currentOneDepth ? currentOneDepth : categoryData.selectedId);\n        const selectedTwoDepth = categoryData.depthItems.filter((subject)=>{\n            if (currentOneDepth) return subject.id === currentOneDepth;\n            return subject.id === categoryData.selectedId;\n        });\n        setTwoDepthId(selectedTwoDepth[0].items[0].id);\n    }, [\n        categoryData,\n        currentOneDepth\n    ]);\n    return {\n        oneDepthId,\n        setOneDepthId,\n        twoDepthId,\n        setTwoDepthId,\n        threeDepthId,\n        setThreeDepthId,\n        depthData: {\n            origin: categoryData,\n            two: selectTwoDepth,\n            three: selectThreeDepth,\n            four: selectFourDepth\n        }\n    };\n};\nexport default useCategoryPanelData;\n","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { BOOKS_LANDING, EBOOKS_LANDING, EBOOKS_UNIVERSITY_LANDING } from \"@/settings/constant\";\nimport { Divider, Typography } from \"@mui/material\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { getAdBanner } from \"src/api/adBanner\";\nimport { useSideCategoryMenuStore } from \"../SideSheets/store/useCategoryMenuStore\";\nimport Icon from \"../icon/Icon\";\nimport { ArrowRight, GoodnoteIcon, Sizes } from \"../icon/IconList\";\nimport useCategoryPanelData from \"./hooks/useCategoryPanelData\";\nimport useCloseHandler from \"./hooks/useCloseHandler\";\nimport { AdStack, Box, BoxColumn, BoxContainer, BoxTitle, ButtonBox, CategoryBox, CategoryContainer, Label, LabelBox, MenuAdBox, MenuLinkBox, RowContainer, TwoColumnBox } from \"./index.style\";\nexport const MenuColumn = (param)=>{\n    let { data , onColumnClick , isActive , suffix  } = param;\n    return /*#__PURE__*/ _jsx(BoxColumn, {\n        onClick: onColumnClick,\n        className: isActive ? \"active\" : \"\",\n        children: /*#__PURE__*/ _jsx(LabelBox, {\n            children: /*#__PURE__*/ _jsxs(Label, {\n                children: [\n                    \"name\" in data ? data.name : data.title,\n                    suffix && /*#__PURE__*/ _jsx(Icon, {\n                        icon: ArrowRight,\n                        size: Sizes.small\n                    })\n                ]\n            })\n        })\n    });\n};\nconst CategoryMenu = (param)=>{\n    let { onClose  } = param;\n    useCloseHandler();\n    const { closeSideMenu  } = useSideCategoryMenuStore();\n    const { data: menuAd  } = useQuery([\n        \"menupanAd\"\n    ], ()=>getAdBanner({\n            position: \"globalMenu\"\n        }), {\n        retry: 3\n    });\n    const { oneDepthId , setOneDepthId , twoDepthId , setTwoDepthId , threeDepthId , setThreeDepthId , depthData  } = useCategoryPanelData();\n    //카테고리 닫아주기 위한 이벤트\n    const linkIsNewTab = (link)=>{\n        return link.includes(\"https://solvook.com\");\n    };\n    const categoryMenuMixpanel = (depth, title, url)=>{\n        mixpanelEvent(\"Category Menu Clicked\", {\n            Depth: depth,\n            \"Menu Name\": title,\n            Url: url\n        });\n    };\n    const categoryButtonMixpanel = (type, name, url)=>{\n        mixpanelEvent(\"Category Button Clicked\", {\n            \"Button Type\": type,\n            \"Menu Name\": name,\n            Url: url\n        });\n    };\n    if (!depthData.origin) return null;\n    return /*#__PURE__*/ _jsxs(CategoryContainer, {\n        onClick: (e)=>{\n            if (e.target === e.currentTarget) onClose();\n        },\n        children: [\n            /*#__PURE__*/ _jsxs(CategoryBox, {\n                children: [\n                    /*#__PURE__*/ _jsxs(MenuLinkBox, {\n                        className: \"depth-one-big-width\",\n                        children: [\n                            /*#__PURE__*/ _jsx(BoxTitle, {\n                                children: \"과목\"\n                            }),\n                            /*#__PURE__*/ _jsxs(RowContainer, {\n                                children: [\n                                    /*#__PURE__*/ _jsx(BoxContainer, {\n                                        children: depthData.origin.depthItems.map((menu)=>/*#__PURE__*/ _jsx(MenuColumn, {\n                                                data: menu,\n                                                onColumnClick: ()=>{\n                                                    categoryMenuMixpanel(\"one\", menu.name, \"\");\n                                                    setOneDepthId(menu.id);\n                                                },\n                                                isActive: oneDepthId === menu.id\n                                            }, menu.id))\n                                    }),\n                                    /*#__PURE__*/ _jsxs(Box, {\n                                        children: [\n                                            /*#__PURE__*/ _jsxs(ButtonBox, {\n                                                className: \"active\",\n                                                children: [\n                                                    /*#__PURE__*/ _jsxs(Typography, {\n                                                        variant: \"subtitle2\",\n                                                        sx: {\n                                                            display: \"flex\",\n                                                            flexDirection: \"column\",\n                                                            gap: \"4px\",\n                                                            alignItems: \"center\",\n                                                            marginBottom: \"8px\"\n                                                        },\n                                                        children: [\n                                                            /*#__PURE__*/ _jsx(Icon, {\n                                                                icon: GoodnoteIcon,\n                                                                size: Sizes.small\n                                                            }),\n                                                            \"굿노트6 eBook\"\n                                                        ]\n                                                    }),\n                                                    /*#__PURE__*/ _jsx(Link, {\n                                                        href: EBOOKS_UNIVERSITY_LANDING,\n                                                        onClick: ()=>categoryButtonMixpanel(\"goodnotes\", \"대학교재\", EBOOKS_UNIVERSITY_LANDING),\n                                                        children: /*#__PURE__*/ _jsx(\"button\", {\n                                                            children: \"대학 교재\"\n                                                        })\n                                                    })\n                                                ]\n                                            }),\n                                            /*#__PURE__*/ _jsx(ButtonBox, {\n                                                children: /*#__PURE__*/ _jsx(Link, {\n                                                    href: EBOOKS_LANDING,\n                                                    onClick: ()=>categoryButtonMixpanel(\"goodnotes\", \"중고등 교재\", EBOOKS_LANDING),\n                                                    children: /*#__PURE__*/ _jsx(\"button\", {\n                                                        children: \"중고등 교재\"\n                                                    })\n                                                })\n                                            }),\n                                            /*#__PURE__*/ _jsx(Divider, {}),\n                                            /*#__PURE__*/ _jsx(ButtonBox, {\n                                                children: /*#__PURE__*/ _jsx(Link, {\n                                                    href: BOOKS_LANDING,\n                                                    onClick: ()=>categoryButtonMixpanel(\"books\", \"배송 도서\", BOOKS_LANDING),\n                                                    children: /*#__PURE__*/ _jsx(\"button\", {\n                                                        children: \"배송 도서\"\n                                                    })\n                                                })\n                                            })\n                                        ]\n                                    })\n                                ]\n                            })\n                        ]\n                    }),\n                    depthData.two && /*#__PURE__*/ _jsxs(MenuLinkBox, {\n                        className: \"depth-one-big-width\",\n                        children: [\n                            /*#__PURE__*/ _jsx(BoxTitle, {\n                                children: depthData.two.name\n                            }),\n                            /*#__PURE__*/ _jsx(RowContainer, {\n                                children: /*#__PURE__*/ _jsx(BoxContainer, {\n                                    children: depthData.two.items.map((menu, idx)=>/*#__PURE__*/ _jsx(MenuColumn, {\n                                            data: menu,\n                                            onColumnClick: ()=>{\n                                                categoryMenuMixpanel(\"two\", menu.name, \"\");\n                                                setTwoDepthId(menu.id);\n                                            },\n                                            isActive: twoDepthId === menu.id\n                                        }, menu.id))\n                                })\n                            })\n                        ]\n                    }),\n                    depthData.three && /*#__PURE__*/ _jsxs(MenuLinkBox, {\n                        className: \"depth-one-big-width\",\n                        children: [\n                            /*#__PURE__*/ _jsx(BoxTitle, {\n                                children: /*#__PURE__*/ _jsxs(Link, {\n                                    href: \"/categories?id=\".concat(depthData.three.id),\n                                    onClick: ()=>categoryMenuMixpanel(\"three\", depthData.three.name, \"\"),\n                                    children: [\n                                        depthData.three.name,\n                                        /*#__PURE__*/ _jsx(Icon, {\n                                            icon: ArrowRight,\n                                            size: Sizes.smallHalf\n                                        })\n                                    ]\n                                })\n                            }),\n                            /*#__PURE__*/ _jsx(RowContainer, {\n                                children: /*#__PURE__*/ _jsx(BoxContainer, {\n                                    children: depthData.three.items.map((menu, idx)=>/*#__PURE__*/ _jsx(MenuColumn, {\n                                            data: menu,\n                                            onColumnClick: ()=>{\n                                                categoryMenuMixpanel(\"tree\", menu.name, \"\");\n                                                setThreeDepthId(menu.id);\n                                            },\n                                            isActive: threeDepthId === menu.id\n                                        }, menu.id))\n                                })\n                            })\n                        ]\n                    }),\n                    depthData.four && /*#__PURE__*/ _jsxs(MenuLinkBox, {\n                        className: \"depth-one-big-width\",\n                        children: [\n                            /*#__PURE__*/ _jsx(BoxTitle, {\n                                children: /*#__PURE__*/ _jsxs(Link, {\n                                    href: \"/categories?id=\".concat(depthData.four.id),\n                                    onClick: ()=>categoryMenuMixpanel(\"four\", depthData.four.name, \"/categories?id=\".concat(depthData.four.id)),\n                                    children: [\n                                        depthData.four.name,\n                                        /*#__PURE__*/ _jsx(Icon, {\n                                            icon: ArrowRight,\n                                            size: Sizes.smallHalf\n                                        })\n                                    ]\n                                })\n                            }),\n                            /*#__PURE__*/ _jsx(RowContainer, {\n                                children: /*#__PURE__*/ _jsx(TwoColumnBox, {\n                                    children: depthData.four.items.map((menu, idx)=>/*#__PURE__*/ _jsx(Link, {\n                                            href: \"/categories?id=\".concat(menu.id),\n                                            onClick: closeSideMenu,\n                                            children: /*#__PURE__*/ _jsx(MenuColumn, {\n                                                data: menu,\n                                                onColumnClick: ()=>{\n                                                    categoryMenuMixpanel(\"tree\", menu.name, \"/categories?id=\".concat(menu.id));\n                                                },\n                                                isActive: threeDepthId === menu.id\n                                            }, menu.id)\n                                        }, menu.id))\n                                })\n                            })\n                        ]\n                    })\n                ]\n            }),\n            menuAd && /*#__PURE__*/ _jsx(MenuAdBox, {\n                children: menuAd.items.map((ad, idx)=>/*#__PURE__*/ _jsx(AdStack, {\n                        children: /*#__PURE__*/ _jsx(Link, {\n                            href: ad.link,\n                            target: linkIsNewTab(ad.link) ? \"_self\" : \"_blank\",\n                            onClick: ()=>{\n                                mixpanelEvent(\"AD Banner Clicked\", {\n                                    //mx-18 메뉴판 광고 버튼 클릭 시\n                                    ID: ad.id,\n                                    \"Button URL\": ad.link,\n                                    Position: \"globalMenu\"\n                                });\n                            },\n                            children: /*#__PURE__*/ _jsx(Image, {\n                                width: 316,\n                                src: ad.imageUrl,\n                                height: 80,\n                                alt: \"ad banner image\"\n                            })\n                        })\n                    }, idx))\n            })\n        ]\n    });\n};\nexport default CategoryMenu;\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  .ant-modal-content {\\n    display: flex;\\n    min-height: 500px;\\n    padding: 44px 40px 40px;\\n    border-radius: 12px;\\n  }\\n  .ant-modal-body {\\n    display: flex;\\n    flex-direction: column;\\n    flex-grow: 1;\\n  }\\n  .ant-modal-close svg {\\n    width: 24px;\\n    height: 24px;\\n  }\\n\\n  @media (max-width: 1200px) {\\n    .ant-modal-content {\\n      min-height: auto;\\n    }\\n  }\\n  @media (max-width: 768px) {\\n    .ant-modal-content {\\n      padding: 28px 20px;\\n    }\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  margin: 28px 0 20px;\\n  color: \",\n        \";\\n  text-align: center;\\n  font-size: 24px;\\n  line-height: 32px;\\n\\n  &,\\n  strong {\\n    font-weight: 700;\\n  }\\n  strong {\\n    color: \",\n        \";\\n  }\\n\\n  @media (max-width: 768px) {\\n    font-size: 20px;\\n    line-height: 30px;\\n    letter-spacing: -0.2px;\\n  }\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  justify-content: center;\\n  gap: 8px;\\n\\n  button {\\n    min-width: 120px;\\n  }\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject3() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  padding-right: 4px;\\n\\n  \",\n        \"\\n\"\n    ]);\n    _templateObject3 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject4() {\n    const data = _tagged_template_literal([\n        \"\\n  margin-left: -20px;\\n  border: none;\\n  color: \",\n        \";\\n\"\n    ]);\n    _templateObject4 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject5() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  flex-grow: 1;\\n  height: 24px;\\n  gap: 12px;\\n\\n  & > div:nth-child(\",\n        \") {\\n    background-color: \",\n        \";\\n  }\\n\"\n    ]);\n    _templateObject5 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject6() {\n    const data = _tagged_template_literal([\n        \"\\n  width: 8px;\\n  height: 8px;\\n\\n  background-color: \",\n        \";\\n  border-radius: 16px;\\n  line-height: 8px;\\n\"\n    ]);\n    _templateObject6 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject7() {\n    const data = _tagged_template_literal([\n        \"\\n  display: inline-block;\\n  padding: 3px 5.203px 3.906px 5.5px;\\n  background-color: \",\n        \";\\n  border-radius: 16px;\\n  color: \",\n        \";\\n  line-height: 9px;\\n\\n  svg {\\n    width: 23.297px;\\n    height: 9.094px;\\n  }\\n\"\n    ]);\n    _templateObject7 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject8() {\n    const data = _tagged_template_literal([\n        \"\\n  &:not(:last-of-type) {\\n    margin-bottom: 60px;\\n  }\\n  &:last-of-type {\\n    margin-bottom: 0;\\n  }\\n  & > dt {\\n    display: flex;\\n    align-items: center;\\n    margin-bottom: 20px;\\n    color: \",\n        \";\\n    font-size: 18px;\\n    font-weight: 600;\\n    line-height: 26px;\\n\\n    .ant-btn {\\n      margin-left: 2px;\\n    }\\n  }\\n\"\n    ]);\n    _templateObject8 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Modal } from \"antd\";\nimport { useCallback, useMemo } from \"react\";\nimport useClassStore from \"src/store/class\";\nimport styled from \"styled-components\";\nimport NoPadButton from \"../common/Button/NoPadButton\";\nimport _TextField from \"../common/TextField\";\nimport Icon from \"../icon/Icon\";\nimport { ArrowLeft1_5, PickBadgeText } from \"../icon/IconList\";\nexport const StyledModal = styled(Modal).withConfig({\n    componentId: \"sc-3471726c-0\"\n})(_templateObject());\nexport const ModalTitle = styled.h4.withConfig({\n    componentId: \"sc-3471726c-1\"\n})(_templateObject1(), (props)=>props.theme.new.colors.sol_gray_800, (props)=>props.theme.new.colors.sol_indigo_500);\nexport const NewClassActionsContainer = styled.div.withConfig({\n    componentId: \"sc-3471726c-2\"\n})(_templateObject2());\nconst NewClassStepperWrapper = styled.div.withConfig({\n    componentId: \"sc-3471726c-3\"\n})(_templateObject3(), (props)=>!props.backButton ? \"\\n    padding-left: 4px;\\n\\n    .back-button {\\n        display: none;\\n    }\" : \"\");\nconst BackButton = styled(NoPadButton).withConfig({\n    componentId: \"sc-3471726c-4\"\n})(_templateObject4(), (props)=>props.theme.new.colors.sol_gray_800);\nconst NewClassStepperIndicatorWrapper = styled.div.withConfig({\n    componentId: \"sc-3471726c-5\"\n})(_templateObject5(), (props)=>props.activeStep, (props)=>props.theme.new.colors.sol_gray_800);\nconst NewClassStepperIndicator = styled.div.withConfig({\n    componentId: \"sc-3471726c-6\"\n})(_templateObject6(), (props)=>props.theme.new.colors.sol_gray_200);\nexport const NewClassStepper = ()=>{\n    const { step  } = useClassStore((state)=>state.adding);\n    const { setAdding  } = useClassStore((param)=>{\n        let { setAdding  } = param;\n        return {\n            setAdding\n        };\n    });\n    const handleClick = useCallback(()=>{\n        setAdding({\n            step: step - 1\n        });\n    }, [\n        setAdding,\n        step\n    ]);\n    const array = useMemo(()=>new Array(2).fill(null), []);\n    return /*#__PURE__*/ _jsxs(NewClassStepperWrapper, {\n        backButton: step > 1,\n        children: [\n            /*#__PURE__*/ _jsx(BackButton, {\n                className: \"back-button\",\n                type: \"link\",\n                onClick: handleClick,\n                children: /*#__PURE__*/ _jsx(Icon, {\n                    icon: ArrowLeft1_5\n                })\n            }),\n            /*#__PURE__*/ _jsx(NewClassStepperIndicatorWrapper, {\n                activeStep: step,\n                children: array.map((_, idx)=>/*#__PURE__*/ _jsx(NewClassStepperIndicator, {}, idx))\n            })\n        ]\n    });\n};\nexport const TextField = (param)=>{\n    let { name , value , ...props } = param;\n    const { setAdding  } = useClassStore((param)=>{\n        let { setAdding  } = param;\n        return {\n            setAdding\n        };\n    });\n    const handleChange = useCallback((ev)=>{\n        setAdding({\n            [name]: ev.target.value\n        });\n    }, [\n        name,\n        setAdding\n    ]);\n    const handleClear = useCallback(()=>{\n        setAdding({\n            [name]: \"\"\n        });\n    }, [\n        name,\n        setAdding\n    ]);\n    return /*#__PURE__*/ _jsx(_TextField, {\n        ...props,\n        name: name,\n        value: value,\n        onChange: handleChange,\n        onClear: handleClear\n    });\n};\nconst PickChipContainer = styled.div.withConfig({\n    componentId: \"sc-3471726c-7\"\n})(_templateObject7(), (props)=>props.theme.new.colors.sol_indigo_500, (props)=>props.theme.new.colors.white);\nexport const PickChip = ()=>{\n    return /*#__PURE__*/ _jsx(PickChipContainer, {\n        children: /*#__PURE__*/ _jsx(Icon, {\n            icon: PickBadgeText\n        })\n    });\n};\nexport const ClassSectionContainer = styled.dl.withConfig({\n    componentId: \"sc-3471726c-8\"\n})(_templateObject8(), (props)=>props.theme.new.colors.sol_gray_700);\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n      width: 100%;\\n      max-width: none !important;\\n    \"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n        padding-left: 0;\\n        padding-right: 0;\\n      \"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n      padding-left: 30px;\\n      padding-right: 30px;\\n\\n      @media (max-width: 1200px) {\\n        padding-left: 32px;\\n        padding-right: 32px;\\n      }\\n      @media only screen and (max-width: 768px) {\\n        padding-left: 16px;\\n        padding-right: 16px;\\n      }\\n    \"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject3() {\n    const data = _tagged_template_literal([\n        \"\\n      width: 100% !important;\\n      max-width: 100% !important;\\n      @media only screen and (min-width: 1441px) {\\n        padding-left: 64px;\\n        padding-right: 64px;\\n      }\\n    \"\n    ]);\n    _templateObject3 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject4() {\n    const data = _tagged_template_literal([\n        \"\\n  max-width: 1260px;\\n  width: 100%;\\n  margin-left: auto;\\n  margin-right: auto;\\n\\n  \",\n        \";\\n  \",\n        \";\\n\\n  \",\n        \";\\n\\n  @media (max-width: 768px) {\\n  }\\n  @media (max-width: 992px) {\\n  }\\n  @media (max-width: 1200px) {\\n    //overflow: hidden;\\n    max-width: inherit;\\n  }\\n\"\n    ]);\n    _templateObject4 = function() {\n        return data;\n    };\n    return data;\n}\nimport styled, { css } from \"styled-components\";\nconst ContainerWrapper = styled.div.withConfig({\n    componentId: \"sc-7b953523-0\"\n})(_templateObject4(), (props)=>props.fullWidth && css(_templateObject()), (props)=>props.noGutter && css(_templateObject1()) || css(_templateObject2()), (props)=>props.fluid && css(_templateObject3()));\nexport default ContainerWrapper;\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport classNames from \"classnames\";\nimport * as React from \"react\";\nimport ContainerWrapper from \"./Container.style\";\nexport const Container = (param)=>{\n    let { children , className , fullWidth , noGutter , fluid , style  } = param;\n    return /*#__PURE__*/ _jsx(ContainerWrapper, {\n        className: classNames(\"container\", className, {\n            \"no-gutter\": noGutter,\n            \"full-width\": fullWidth,\n            fluid: fluid\n        }),\n        fullWidth: fullWidth,\n        noGutter: noGutter,\n        fluid: fluid,\n        style: style,\n        children: children\n    });\n};\n","export * from \"./Container\";\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  width: 100%;\\n  background-color: \",\n        \";\\n  display: flex;\\n  flex-direction: column;\\n  align-items: center;\\n  justify-content: center;\\n  padding: 40px 10px;\\n  /* margin: 28px 0; */\\n\\n  border-radius: 12px;\\n\\n  h3 {\\n    font-size: 20px;\\n    font-weight: 600;\\n    line-height: 1.5;\\n    letter-spacing: -0.2px;\\n    margin-bottom: 12px;\\n  }\\n\\n  p {\\n    color: \",\n        \";\\n    font-size: 16px;\\n    line-height: 1.5;\\n    letter-spacing: -0.16px;\\n    padding: 28px 0;\\n  }\\n\\n  @media (max-width: 768px) {\\n    /* padding: 20px; */\\n    .ant-row {\\n      flex-direction: column;\\n    }\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport styled from \"styled-components\";\nexport const EmptyWrapper = (param)=>{\n    let { description  } = param;\n    return /*#__PURE__*/ _jsx(EmptyPassContainer, {\n        children: /*#__PURE__*/ _jsx(\"p\", {\n            children: description\n        })\n    });\n};\nconst EmptyPassContainer = styled.div.withConfig({\n    componentId: \"sc-40896334-0\"\n})(_templateObject(), (props)=>props.theme.new.colors.sol_gray_0, (props)=>props.theme.new.colors.sol_gray_500);\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  min-height: \",\n        \"px;\\n  height: 100%;\\n  display: flex;\\n  flex-direction: column;\\n\\n  justify-content: center;\\n  align-items: center;\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  margin-top: 24px;\\n  color: \",\n        \";\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport { Spin } from \"antd\";\nimport { themeGet } from \"@styled-system/theme-get\";\nconst DefaultLoadingContainerWrapper = styled.div.withConfig({\n    componentId: \"sc-731c8572-0\"\n})(_templateObject());\nconst LoadingWrapper = styled.div.withConfig({\n    componentId: \"sc-731c8572-1\"\n})(_templateObject1(), (param)=>{\n    let { height  } = param;\n    return height ? height : 480;\n});\nconst LoadingTitle = styled.p.withConfig({\n    componentId: \"sc-731c8572-2\"\n})(_templateObject2(), themeGet(\"text.2\", \"#1B1B29\"));\nexport const DefaultLoadingContainer = (param)=>{\n    let { title , height , showIndicator =true  } = param;\n    return /*#__PURE__*/ _jsx(DefaultLoadingContainerWrapper, {\n        children: /*#__PURE__*/ _jsxs(LoadingWrapper, {\n            height: height,\n            children: [\n                /*#__PURE__*/ _jsx(Spin, {}),\n                /*#__PURE__*/ _jsx(LoadingTitle, {\n                    children: title\n                })\n            ]\n        })\n    });\n};\n","import { jsx as _jsx, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Children, isValidElement, useCallback, useMemo, useState } from \"react\";\nexport const Funnel = (param)=>{\n    let { step , children  } = param;\n    const validElement = Children.toArray(children).filter(isValidElement);\n    const targetElement = validElement.find((child)=>{\n        var _child_props;\n        return ((_child_props = child.props) === null || _child_props === void 0 ? void 0 : _child_props.name) === step;\n    });\n    if (!targetElement) {\n        return null;\n    }\n    return /*#__PURE__*/ _jsx(_Fragment, {\n        children: targetElement\n    });\n};\nexport const Step = (param)=>{\n    let { children  } = param;\n    return /*#__PURE__*/ _jsx(_Fragment, {\n        children: children\n    });\n};\nexport const useFunnel = (steps, defaultStep)=>{\n    const [step, setStep] = useState(defaultStep);\n    const FunnelElement = useMemo(()=>Object.assign((props)=>{\n            return /*#__PURE__*/ _jsx(Funnel, {\n                step: step,\n                ...props\n            });\n        }, {\n            Step: (props)=>/*#__PURE__*/ _jsx(Step, {\n                    ...props\n                })\n        }), [\n        step\n    ]);\n    const setStepMemoized = useCallback((newStep)=>{\n        setStep(newStep);\n    }, []);\n    return [\n        FunnelElement,\n        setStepMemoized,\n        step\n    ];\n};\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  flex-direction: \",\n        \";\\n  position: relative;\\n  //height: 100%;\\n  gap: 16px;\\n  cursor: pointer;\\n\\n  .book-tag-wrapper {\\n    display: flex;\\n    gap: 4px;\\n  }\\n\\n  .thumb-container {\\n    position: relative;\\n  }\\n\\n  .thumb-wrapper {\\n    position: relative;\\n    width: 136px;\\n    height: 136px;\\n    background-color: \",\n        \";\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    border-radius: 6px;\\n\\n    :hover {\\n      transition: all 0.3s ease-in-out;\\n      background-color: \",\n        \";\\n    }\\n\\n    img {\\n      box-shadow: 3px 3px 12px 0px rgba(28, 31, 46, 0.06);\\n      border-radius: 2px;\\n      //width: 92px;\\n    }\\n\\n    .index-label {\\n      position: absolute;\\n      left: 0;\\n      top: 0;\\n      background-color: rgba(169, 175, 199, 0.2);\\n      color: \",\n        \";\\n      text-align: center;\\n      font-size: 18px;\\n      font-weight: 900;\\n      width: 26px;\\n      height: 26px;\\n      border-radius: 6px 0;\\n    }\\n  }\\n\\n  .preview-btn {\\n    position: absolute;\\n    bottom: 0;\\n    border-radius: 4px;\\n    border: 1px solid \",\n        \";\\n    background-color: #fff;\\n    color: var(--Gray-gray_500, #6a708a);\\n    font-size: 14px;\\n    font-weight: 600;\\n    line-height: 22px;\\n    /* width: 110px; */\\n    text-align: center;\\n    padding: 4px 12px;\\n    cursor: pointer;\\n\\n    :hover {\\n      transition: all 0.3s ease-in-out;\\n      background-color: \",\n        \";\\n    }\\n  }\\n\\n  .contents-wrapper {\\n    flex: 1;\\n    align-items: flex-start;\\n    display: flex;\\n    flex-direction: column;\\n\\n    p {\\n      line-height: 1.5;\\n      text-align: left;\\n    }\\n\\n    .title {\\n      margin-top: 8px;\\n      -webkit-line-clamp: 2;\\n      white-space: normal;\\n      overflow: hidden;\\n      text-overflow: ellipsis;\\n      display: -webkit-box;\\n      -webkit-box-orient: vertical;\\n      color: \",\n        \";\\n    }\\n\\n    .author {\\n      margin-top: 4px;\\n      color: \",\n        \";\\n      font-size: 14px;\\n\\n      &.non-clickable {\\n        pointer-events: none;\\n      }\\n\\n      :hover:not(.non-clickable) {\\n        text-decoration: underline;\\n      }\\n    }\\n\\n    .price {\\n      color: \",\n        \";\\n      font-size: 20px;\\n      font-weight: 700;\\n      line-height: 26px;\\n      margin-top: 16px;\\n      display: flex;\\n      align-items: center;\\n    }\\n  }\\n\\n  @media (max-width: 768px) {\\n    .book-tag-wrapper {\\n      gap: 5px;\\n    }\\n\\n    .thumb-wrapper {\\n      width: 108px;\\n      height: 108px;\\n      border-radius: 4px;\\n\\n      img {\\n        width: 56px;\\n      }\\n\\n      .index-label {\\n        font-size: 12px;\\n        width: 18px;\\n        height: 18px;\\n        line-height: 1.5;\\n      }\\n    }\\n\\n    .contents-wrapper {\\n      .title {\\n        font-size: 14px;\\n      }\\n\\n      .author {\\n        font-size: 14px;\\n        line-height: 22px;\\n      }\\n\\n      .price {\\n        font-size: 16px;\\n        margin-top: 8px;\\n\\n        > span {\\n        }\\n      }\\n    }\\n\\n    .preview-btn {\\n      display: none;\\n    }\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  background-color: \",\n        \";\\n  color: \",\n        \";\\n  font-weight: 400;\\n  padding: 2px 8px;\\n  border-radius: 4px;\\n  line-height: 22px;\\n  font-size: 14px;\\n  @media (max-width: 768px) {\\n    font-size: 12px;\\n    line-height: 22px;\\n    padding: 2px 6px;\\n  }\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  margin-left: 8px;\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject3() {\n    const data = _tagged_template_literal([\n        \"\\n  bottom: \",\n        \";\\n  top: \",\n        \";\\n  left: 8px;\\n\"\n    ]);\n    _templateObject3 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject4() {\n    const data = _tagged_template_literal([\n        \"\\n  bottom: \",\n        \";\\n  top: \",\n        \";\\n  left: 8px;\\n\"\n    ]);\n    _templateObject4 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { numberFormatter } from \"@/lib/utils\";\nimport { useRouter } from \"next/router\";\nimport { useMemo } from \"react\";\nimport styled from \"styled-components\";\nimport { CouponTag, EditableTag, OnlySolvookTag } from \"@/components/Tags\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { Subjects } from \"../../api/product\";\nimport { useMainPageStore } from \"../../store/main\";\nimport { usePreviewDialogStore } from \"../Search/PreviewDialogProvider\";\n// import Image from '../common/Image'\nimport { DEFAULT_BOOK_COVER } from \"@/settings/constant\";\nimport Image from \"next/image\";\nimport RatingWithText from \"../common/RatingWithText\";\n//과목이 사회 과학인 경우 단원태그를 보여주지 않음\nconst HIDDEN_UNIT = [\n    Subjects.SC,\n    Subjects.SO\n];\nexport const BookCard = (param)=>{\n    let { book , index , positionType , onClick , mixpanelPosition =\"쏠북메인\"  } = param;\n    const { openPreviewDialog  } = usePreviewDialogStore();\n    const router = useRouter();\n    const subject = (book === null || book === void 0 ? void 0 : book.subject) || useMainPageStore((state)=>state.subject);\n    //과목이 수학일 경우 단원태그만 보여줌\n    const isMath = useMemo(()=>subject === \"MA\", [\n        subject\n    ]);\n    const onClickPreviewBtn = async (e)=>{\n        openPreviewDialog({\n            id: book.id.toString()\n        });\n        mixpanelEvent(\"Preview Button Clicked\", {\n            bookId: book.id,\n            bookTitle: book.title,\n            Proposition: mixpanelPosition\n        });\n    };\n    const goToProductDetail = (id)=>{\n        router.push(\"/products/\".concat(id));\n        onClick && onClick();\n    };\n    var _book_imageUrl;\n    return /*#__PURE__*/ _jsxs(BookInfoWrapper, {\n        positiontype: positionType,\n        className: \"book-info-wrapper\",\n        children: [\n            /*#__PURE__*/ _jsxs(\"div\", {\n                className: \"thumb-container\",\n                children: [\n                    /*#__PURE__*/ _jsxs(\"div\", {\n                        className: \"thumb-wrapper\",\n                        onClick: ()=>goToProductDetail(book.id),\n                        children: [\n                            positionType === \"selectedBook\" && /*#__PURE__*/ _jsx(\"span\", {\n                                className: \"index-label\",\n                                children: index + 1\n                            }),\n                            /*#__PURE__*/ _jsx(Image, {\n                                src: (_book_imageUrl = book.imageUrl) !== null && _book_imageUrl !== void 0 ? _book_imageUrl : DEFAULT_BOOK_COVER,\n                                width: 100,\n                                height: 100,\n                                alt: \"selected-book-image\"\n                            }),\n                            (book === null || book === void 0 ? void 0 : book.isEditable) && /*#__PURE__*/ _jsx(BookCardEditableTag, {\n                                positionType: positionType,\n                                children: \"편집가능\"\n                            }),\n                            (book === null || book === void 0 ? void 0 : book.badgeText) && /*#__PURE__*/ _jsx(BookOnlySolvookTag, {\n                                positionType: positionType,\n                                children: book.badgeText\n                            })\n                        ]\n                    }),\n                    /*#__PURE__*/ _jsx(\"div\", {\n                        className: \"preview-btn\",\n                        onClick: ()=>onClickPreviewBtn(book.id),\n                        children: \"샘플 보기\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsxs(\"div\", {\n                className: \"contents-wrapper\",\n                onClick: ()=>goToProductDetail(book.id),\n                children: [\n                    /*#__PURE__*/ _jsxs(\"div\", {\n                        className: \"book-tag-wrapper\",\n                        children: [\n                            !HIDDEN_UNIT.includes(subject) && book.unit && /*#__PURE__*/ _jsx(BookTag, {\n                                tagType: \"primary\",\n                                children: book.unit\n                            }),\n                            !isMath && book.category.tag && /*#__PURE__*/ _jsx(BookTag, {\n                                tagType: \"default\",\n                                children: book.category.tag\n                            })\n                        ]\n                    }),\n                    /*#__PURE__*/ _jsx(\"p\", {\n                        className: \"title\",\n                        children: book.title\n                    }),\n                    /*#__PURE__*/ _jsx(\"p\", {\n                        className: \"author \".concat(!book.brandName && \"non-clickable\"),\n                        onClick: (e)=>{\n                            e.stopPropagation();\n                            router.push(\"/@\".concat(book.brandName));\n                        },\n                        children: book.author\n                    }),\n                    /*#__PURE__*/ _jsxs(\"p\", {\n                        className: \"price\",\n                        children: [\n                            typeof book.price === \"number\" ? \"\".concat(numberFormatter(book.price), \"원\") : book.price,\n                            (book === null || book === void 0 ? void 0 : book.isCouponAvailable) && /*#__PURE__*/ _jsx(BookCardCouponTag, {\n                                children: \"할인쿠폰\"\n                            })\n                        ]\n                    }),\n                    book.rating && book.rating >= 3 && /*#__PURE__*/ _jsx(RatingWithText, {\n                        rating: book.rating\n                    })\n                ]\n            })\n        ]\n    });\n};\nconst BookInfoWrapper = styled.div.withConfig({\n    componentId: \"sc-7b194a99-0\"\n})(_templateObject(), (props)=>props.positiontype === \"selectedBook\" ? \"row\" : \"column\", (props)=>props.theme.new.colors.sol_gray_0, (props)=>props.theme.new.colors.sol_gray_50, (props)=>props.theme.new.colors.sol_gray_500, (props)=>props.theme.new.colors.sol_gray_200, (props)=>props.theme.new.colors.sol_gray_50, (props)=>props.theme.new.colors.sol_gray_700, (props)=>props.theme.new.colors.sol_gray_500, (props)=>props.theme.new.colors.sol_gray_800);\nconst BookTag = styled.div.withConfig({\n    componentId: \"sc-7b194a99-1\"\n})(_templateObject1(), (props)=>props.tagType === \"primary\" ? props.theme.new.colors.sol_indigo_0 : props.theme.new.colors.sol_gray_0, (props)=>props.tagType === \"primary\" ? props.theme.new.colors.sol_indigo_500 : props.theme.new.colors.sol_gray_500);\nconst BookCardCouponTag = styled(CouponTag).withConfig({\n    componentId: \"sc-7b194a99-2\"\n})(_templateObject2());\nconst BookCardEditableTag = styled(EditableTag).withConfig({\n    componentId: \"sc-7b194a99-3\"\n})(_templateObject3(), (props)=>props.positionType === \"selectedBook\" && \"8px\", (props)=>props.positionType === \"curation\" && \"8px\");\nconst BookOnlySolvookTag = styled(OnlySolvookTag).withConfig({\n    componentId: \"sc-7b194a99-4\"\n})(_templateObject4(), (props)=>props.positionType === \"selectedBook\" && \"8px\", (props)=>props.positionType === \"curation\" && \"8px\");\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  font-size: 14px;\\n  display: flex;\\n  font-weight: 600;\\n  align-items: center;\\n  line-height: 22px;\\n  padding: 2px 8px;\\n  border-radius: 4px;\\n  color: \",\n        \";\\n\\n  i {\\n    margin-right: 2px;\\n  }\\n\\n  p {\\n    color: \",\n        \";\\n  }\\n\\n  :hover {\\n    transition: background-color 0.3s ease-in-out;\\n    background-color: \",\n        \";\\n  }\\n\\n  @media (max-width: 768px) {\\n    display: flex;\\n    justify-content: space-between;\\n    border-radius: 6px;\\n    margin-bottom: 24px;\\n    padding: 9px 12px;\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport Icon from \"../icon/Icon\";\nimport { PASSES_LANDING } from \"@/settings/constant\";\nimport { Bookmark, Sizes } from \"../icon/IconList\";\nimport styled from \"styled-components\";\nimport Link from \"next/link\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nexport const PassPromotion = (param)=>{\n    let { children  } = param;\n    return /*#__PURE__*/ _jsxs(MembershipStatusLinkWrapper, {\n        href: PASSES_LANDING,\n        onClick: ()=>mixpanelEvent(\"Home Quick Button Clicked\", {\n                \"Button Type\": \"Pass\",\n                \"Button Name\": \"이용권 구매\",\n                url: PASSES_LANDING\n            }),\n        children: [\n            /*#__PURE__*/ _jsx(Icon, {\n                icon: Bookmark,\n                size: Sizes.xmedium\n            }),\n            /*#__PURE__*/ _jsx(\"p\", {\n                children: \"이용권 구매\"\n            }),\n            children\n        ]\n    });\n};\nexport const MembershipStatusLinkWrapper = styled(Link).withConfig({\n    componentId: \"sc-e85cbc06-0\"\n})(_templateObject(), (props)=>props.theme.new.colors.sol_indigo_500, (props)=>props.theme.new.colors.sol_indigo_500, (props)=>props.theme.new.colors.sol_indigo_50);\n","import { jsx as _jsx, Fragment as _Fragment } from \"react/jsx-runtime\";\n//스텝 렌더 컴포넌트\nexport const Step = (param)=>{\n    let { condition , children  } = param;\n    if (condition) return /*#__PURE__*/ _jsx(_Fragment, {\n        children: children\n    });\n    return /*#__PURE__*/ _jsx(_Fragment, {});\n};\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  padding-top: 20px;\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  border: none;\\n  display: block;\\n  position: absolute;\\n  background: transparent;\\n  top: 0px;\\n  right: 0px;\\n  font-size: 0px;\\n  width: 64px;\\n  height: 64px;\\n  @media (max-width: 1200px) {\\n  }\\n  @media (max-width: 768px) {\\n    z-index: 200;\\n    top: 10px;\\n    right: 15px;\\n    font-size: 0px;\\n    width: 20px;\\n    height: 20px;\\n  }\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  width: 18px;\\n  height: 18px;\\n  background-color: \",\n        \";\\n  border-radius: 50%;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  position: absolute;\\n  left: 7px;\\n  top: 7px;\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject3() {\n    const data = _tagged_template_literal([\n        \"\\n  border-top: 1px solid \",\n        \";\\n  display: flex;\\n  //height: 602px;\\n  overflow: hidden;\\n\\n  ul {\\n    padding: 20px 0;\\n    width: 150px;\\n    border-right: 1px solid \",\n        \";\\n    white-space: pre;\\n\\n    li {\\n      color: \",\n        \";\\n      font-size: 16px;\\n      font-weight: 400;\\n      line-height: 24px;\\n      padding: 8px 20px;\\n      text-align: left;\\n      cursor: pointer;\\n\\n      :hover {\\n        background-color: \",\n        \";\\n      }\\n\\n      &.active {\\n        background-color: \",\n        \";\\n        color: \",\n        \";\\n        font-weight: 700;\\n      }\\n    }\\n\\n    @media (max-width: 768px) {\\n      padding: 0;\\n      li {\\n        padding: 8px 16px;\\n        font-size: 14px;\\n        line-height: 22px;\\n      }\\n    }\\n  }\\n\\n  .book-select-wrapper {\\n    width: 584px;\\n    background-color: \",\n        \";\\n    border-right: 1px solid \",\n        \";\\n\\n    .book-select-publisher {\\n      padding: 12px 20px;\\n      font-size: 16px;\\n      font-weight: 700;\\n      line-height: 24px;\\n      border-bottom: 1px solid \",\n        \";\\n      background-color: #fff;\\n    }\\n\\n    .book-select-list {\\n      background-color: \",\n        \";\\n      padding: 20px;\\n      display: flex;\\n      flex-direction: column;\\n      align-items: center;\\n      gap: 10px;\\n\\n      .textfield {\\n        background-color: \",\n        \";\\n      }\\n\\n      input {\\n        padding-top: 12px;\\n        padding-bottom: 12px;\\n      }\\n\\n      .ant-segmented {\\n        padding: 4px;\\n        border-radius: 4px;\\n        background-color: transparent;\\n\\n        .ant-segmented-item:after,\\n        .ant-segmented-item-selected,\\n        .ant-segmented-item-input,\\n        .ant-segmented-thumb {\\n          background-color: transparent;\\n          //border-bottom: 2px solid \",\n        \";\\n          box-shadow: none;\\n          //border-radius: 4px;\\n        }\\n\\n        .ant-segmented-item-selected .ant-segmented-item-label {\\n          color: \",\n        \";\\n          padding: 0;\\n          background-color: transparent;\\n        }\\n\\n        .ant-segmented-group {\\n          display: flex;\\n          gap: 20px;\\n\\n          .ant-segmented-item {\\n            border-bottom: 2px solid transparent;\\n          }\\n\\n          .ant-segmented-item-selected {\\n            border-bottom: 2px solid \",\n        \";\\n            background-color: transparent;\\n            box-shadow: none;\\n            color: \",\n        \";\\n          }\\n\\n          > label {\\n            padding: 4px 13px;\\n            //border-radius: 4px;\\n\\n            > div {\\n              color: \",\n        \";\\n              font-size: 16px;\\n              font-weight: 700;\\n              padding: 0;\\n            }\\n          }\\n        }\\n\\n        @media (max-width: 768px) {\\n          padding: 3px;\\n          .ant-segmented-item-label {\\n            padding: 0;\\n          }\\n\\n          .ant-segmented-group {\\n            > label {\\n              padding: 2px 16px;\\n\\n              > div {\\n                font-size: 14px;\\n              }\\n            }\\n          }\\n        }\\n      }\\n    }\\n\\n    .book-list-section {\\n      //height: 492px;\\n      height: \",\n        \";\\n      overflow-y: auto;\\n      overscroll-behavior: contain;\\n      padding: 0 20px;\\n      position: relative;\\n      //display: flex; //\\n      //align-items: center;\\n      > p {\\n        color: \",\n        \";\\n        font-size: 16px;\\n        font-weight: 600;\\n        line-height: 24px;\\n        margin-bottom: 8px;\\n      }\\n\\n      .empty-text {\\n        color: \",\n        \";\\n        text-align: center;\\n        font-weight: 600;\\n        line-height: 24px;\\n        position: absolute;\\n        top: 45%;\\n        left: 50%;\\n        transform: translate(-50%, -50%);\\n      }\\n\\n      @media (max-width: 768px) {\\n        height: \",\n        \";\\n        padding: 0 12px;\\n        > p {\\n          font-size: 14px;\\n        }\\n      }\\n    }\\n\\n    .grid-book-list {\\n      display: grid;\\n      grid-template-columns: repeat(4, 1fr);\\n      gap: 8px;\\n      @media (max-width: 1200px) {\\n        grid-template-columns: repeat(3, 1fr);\\n      }\\n      @media (max-width: 1060px) {\\n        grid-template-columns: repeat(2, 1fr);\\n      }\\n\\n      .book-item {\\n        display: flex;\\n        flex-direction: column;\\n        align-items: center;\\n        justify-content: flex-start;\\n        //width: 130px;\\n        gap: 16px;\\n        padding: 16px 8px;\\n        border-radius: 6px;\\n        position: relative;\\n        cursor: pointer;\\n        height: 100%;\\n\\n        :hover {\\n          background-color: \",\n        \";\\n        }\\n\\n        .book-cover {\\n          height: 96px;\\n          display: flex;\\n          align-items: center;\\n        }\\n\\n        img {\\n          border-radius: 2px;\\n          box-shadow: 3px 3px 12px 0px rgba(28, 31, 46, 0.06);\\n        }\\n\\n        .book-title {\\n          color: \",\n        \";\\n          text-align: center;\\n          font-size: 14px;\\n          line-height: 22px; /* 157.143% */\\n          text-overflow: ellipsis;\\n          overflow: hidden;\\n          display: -webkit-box;\\n          -webkit-line-clamp: 3;\\n          -webkit-box-orient: vertical;\\n        }\\n\\n        &.selected {\\n          background-color: \",\n        \";\\n\\n          .book-title {\\n            color: \",\n        \";\\n          }\\n        }\\n      }\\n    }\\n\\n    @media (max-width: 768px) {\\n      .book-select-publisher {\\n        display: none;\\n      }\\n\\n      .book-select-list {\\n        padding: 16px 12px;\\n      }\\n\\n      .grid-book-list {\\n        .book-item {\\n          //width: 100%;\\n          img {\\n            width: 44px;\\n          }\\n        }\\n      }\\n    }\\n  }\\n\"\n    ]);\n    _templateObject3 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject4() {\n    const data = _tagged_template_literal([\n        \"\\n  max-width: 335px;\\n  @media (max-width: 1200px) {\\n    max-width: 100%;\\n  }\\n  @media (max-width: 768px) {\\n    &.mobile {\\n      display: block;\\n\\n      > p {\\n        padding: 48px 0 16px;\\n        text-align: center;\\n        font-size: 20px;\\n      }\\n\\n      .selected-book-list {\\n        &.mobile {\\n          height: \",\n        \";\\n        }\\n      }\\n\\n      .bottom-section {\\n        padding: 20px;\\n        display: flex;\\n        gap: 12px;\\n\\n        .ant-btn {\\n          min-width: unset;\\n\\n          &.ant-btn-background-ghost {\\n            background-color: \",\n        \";\\n          }\\n        }\\n      }\\n    }\\n\\n    display: none;\\n  }\\n\\n  > p {\\n    color: \",\n        \";\\n    font-size: 16px;\\n    font-weight: 700;\\n    line-height: 24px;\\n    padding: 12px 20px;\\n    border-bottom: 1px solid \",\n        \";\\n    border-top: none;\\n  }\\n\\n  .selected-book-list {\\n    height: \",\n        \";\\n    overflow: auto;\\n    overscroll-behavior: contain;\\n    background-color: \",\n        \";\\n\\n    .selected-book-item {\\n      background-color: #fff;\\n      display: flex;\\n      padding: 16px 20px;\\n      gap: 16px;\\n      max-width: 335px;\\n\\n      > img {\\n        height: 62px;\\n        box-shadow: 3px 3px 12px 0px rgba(28, 31, 46, 0.06);\\n      }\\n\\n      border-bottom: 1px solid \",\n        \";\\n\\n      > div {\\n        display: flex;\\n        flex-direction: column;\\n        justify-content: space-between;\\n        flex: 1;\\n        width: 100%;\\n        align-items: flex-end;\\n\\n        p {\\n          text-align: left;\\n          overflow: hidden;\\n          color: \",\n        \";\\n          text-overflow: ellipsis;\\n          font-size: 14px;\\n          line-height: 22px;\\n          width: 100%;\\n        }\\n\\n        button {\\n          align-items: flex-end;\\n          height: unset;\\n          display: inline;\\n          width: fit-content;\\n          padding: 2px 8px;\\n          border: none;\\n          background-color: \",\n        \";\\n          border-radius: 4px;\\n\\n          > span {\\n            color: \",\n        \";\\n            font-size: 14px;\\n            line-height: 22px; /* 157.143% */\\n          }\\n\\n          :hover,\\n          :active {\\n            transition: all 0.5s ease;\\n            background-color: \",\n        \";\\n\\n            > span {\\n              transition: all 0.5s;\\n              color: #fff;\\n              font-weight: 600;\\n            }\\n          }\\n        }\\n      }\\n    }\\n\\n    @media (max-width: 768px) {\\n      .selected-book-item {\\n        max-width: unset;\\n      }\\n    }\\n  }\\n\\n  .bottom-section {\\n    width: 336px;\\n    padding: 20px 20px 20px 20px;\\n    border-top: 1px solid \",\n        \";\\n    background-color: #fff;\\n\\n    @media (max-width: 1020px) {\\n      width: 100%;\\n    }\\n\\n    .ant-btn {\\n      padding: 12px 20px;\\n      font-size: 16px;\\n      font-weight: 600;\\n      line-height: 24px;\\n      height: 48px;\\n      width: 100%;\\n      border-radius: 6px;\\n      border: transparent;\\n\\n      :hover,\\n      :active {\\n        background-color: \",\n        \";\\n      }\\n\\n      :disabled {\\n        border: transparent;\\n        background-color: \",\n        \";\\n        color: \",\n        \";\\n      }\\n\\n      @media (max-width: 1020px) {\\n        min-width: 210px;\\n      }\\n    }\\n  }\\n\\n  //}\\n\"\n    ]);\n    _templateObject4 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject5() {\n    const data = _tagged_template_literal([\n        \"\\n          .userType {\\n            background-color: \",\n        \";\\n          }\\n        \"\n    ]);\n    _templateObject5 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject6() {\n    const data = _tagged_template_literal([\n        \"\\n          .userType,\\n          .subject {\\n            background-color: \",\n        \";\\n          }\\n        \"\n    ]);\n    _templateObject6 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject7() {\n    const data = _tagged_template_literal([\n        \"\\n          .userType,\\n          .subject,\\n          .book {\\n            background-color: \",\n        \";\\n          }\\n        \"\n    ]);\n    _templateObject7 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject8() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  gap: 12px;\\n  position: relative;\\n  height: 24px;\\n\\n  .go-back {\\n    all: unset;\\n    position: absolute;\\n    left: -24px;\\n  }\\n\\n  .step {\\n    width: 8px;\\n    height: 8px;\\n    background-color: \",\n        \";\\n    border-radius: 16px;\\n  }\\n\\n  \",\n        \"\\n\"\n    ]);\n    _templateObject8 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject9() {\n    const data = _tagged_template_literal([\n        \"\\n  width: 480px;\\n  height: 588px;\\n  padding: 20px 40px 0;\\n\\n  .button-wrapper {\\n    display: flex;\\n    flex-wrap: wrap;\\n    gap: 12px;\\n    justify-content: center;\\n    align-items: center;\\n\\n    button {\\n      width: 100%;\\n      height: 100%;\\n      padding: 15px 16px;\\n      border-radius: 4px;\\n      background-color: \",\n        \";\\n      color: \",\n        \";\\n      font-size: 18px;\\n      font-weight: 700;\\n      border: transparent;\\n      line-height: 26px;\\n\\n      :hover {\\n        color: \",\n        \";\\n        background-color: \",\n        \";\\n      }\\n\\n      &[aria-selected='true'] {\\n        background-color: \",\n        \";\\n      }\\n    }\\n  }\\n\\n  .small-button-wrapper {\\n    display: flex;\\n    gap: 8px;\\n    width: 100%;\\n\\n    .ant-btn {\\n      width: 50%;\\n    }\\n  }\\n\\n  .error-text {\\n    color: \",\n        \";\\n    font-size: 14px;\\n    font-weight: 600;\\n    line-height: 22px; /* 157.143% */\\n    padding: 9px 0;\\n  }\\n\\n  @media (max-width: 768px) {\\n    width: 100%;\\n  }\\n\"\n    ]);\n    _templateObject9 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject10() {\n    const data = _tagged_template_literal([\n        \"\\n  all: unset;\\n  margin: 32px 0;\\n  display: block;\\n\\n  h5 {\\n    text-align: center;\\n    font-size: 24px;\\n    font-weight: 700;\\n    line-height: 32px; /* 133.333% */\\n  }\\n\\n  p {\\n    color: \",\n        \";\\n    text-align: center;\\n\\n    font-size: 14px;\\n\\n    font-weight: 400;\\n    line-height: 22px; /* 157.143% */\\n  }\\n\\n  strong {\\n    font-weight: 700;\\n    color: \",\n        \";\\n  }\\n\\n  .block_m {\\n    display: none;\\n  }\\n\\n  @media (max-width: 768px) {\\n    h5 {\\n      font-size: 20px;\\n      line-height: 1.5;\\n    }\\n\\n    p {\\n      font-size: 14px;\\n      line-height: 1.5;\\n    }\\n\\n    .block_m {\\n      display: block;\\n    }\\n  }\\n\"\n    ]);\n    _templateObject10 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject11() {\n    const data = _tagged_template_literal([\n        \"\\n  max-width: 1060px;\\n  padding-top: 20px;\\n\\n  .go-back {\\n    left: 40px;\\n  }\\n\\n  .mobile {\\n    display: none;\\n    @media (max-width: 768px) {\\n      position: fixed;\\n      bottom: 0;\\n      left: 0;\\n      right: 0;\\n      padding: 12px 20px;\\n      background-color: white;\\n      display: flex;\\n      > .ant-btn {\\n        flex: 1;\\n        width: 100%;\\n        padding: 12px 20px;\\n        height: 48px;\\n        font-size: 16px;\\n        border-radius: 6px;\\n        font-weight: 600;\\n        line-height: 24px;\\n        border: transparent;\\n\\n        :disabled {\\n          border: transparent;\\n          background-color: \",\n        \";\\n          color: \",\n        \";\\n        }\\n      }\\n    }\\n  }\\n\"\n    ]);\n    _templateObject11 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject12() {\n    const data = _tagged_template_literal([\n        \"\"\n    ]);\n    _templateObject12 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useAuthStore } from \"@/lib/auth/AuthStore\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport useWindowDimensions from \"@/lib/web-ui/useWindowDimensions\";\nimport { DEFAULT_BOOK_COVER } from \"@/settings/constant\";\nimport { useMutation, useQuery } from \"@tanstack/react-query\";\nimport { Button, Modal, Segmented } from \"antd\";\nimport Image from \"next/image\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { CurriculumsWithString, Subjects, SubjectsWithString } from \"src/api/product\";\nimport { useMainPageStore, useSavedUserSourceStore } from \"src/store/main\";\nimport styled, { css, useTheme } from \"styled-components\";\nimport { getUserSourcesSelection, patchUserMeta, putUserSource, userTypeWithKorean } from \"../../api/users\";\nimport { useForm } from \"../../utils/form\";\nimport { Step } from \"../common/Step\";\nimport TextField from \"../common/TextField\";\nimport Icon from \"../icon/Icon\";\nimport { ArrowLeft, Check, Close, Sizes } from \"../icon/IconList\";\nexport const SelectingBooksModal = (param)=>{\n    let { modalType =\"selectBooksModal\" , onClose , isSelectBooksModalOpen , onSubmitSelectedBookList  } = param;\n    const { isLoggedIn , user  } = useAuthStore();\n    const { width  } = useWindowDimensions();\n    const isMobile = width < 769;\n    const { userMeta , setUserMeta , subject , setSubject , selectedBookList , setAllSelectedBookList , initialSelectedBookList  } = useMainPageStore((param)=>{\n        let { userMeta , setUserMeta , subject , selectedBookList , setSelectedBookList , setAllSelectedBookList , setSubject , initialSelectedBookList  } = param;\n        return {\n            userMeta,\n            setUserMeta,\n            subject,\n            selectedBookList,\n            setSelectedBookList,\n            setAllSelectedBookList,\n            setSubject,\n            initialSelectedBookList\n        };\n    });\n    const { savedUserSource , setSavedUserSource , updateUserMeta  } = useSavedUserSourceStore((param)=>{\n        let { savedUserSource , setSavedUserSource , updateUserMeta  } = param;\n        return {\n            savedUserSource,\n            setSavedUserSource,\n            updateUserMeta\n        };\n    });\n    const [step, setStep] = useState(modalType === \"selectBooksModal\" ? \"book\" : \"userType\");\n    const [isError, setIsError] = useState(false);\n    const [selectedPublisher, setSelectedPublisher] = useState(null);\n    const [selectedCurriculum, setSelectedCurriculum] = useState(null);\n    const [isEmptyBookList, setIsEmptyBookList] = useState(false);\n    const [searchBookList, setSearchBookList] = useState([]);\n    //맞춤 교재 등록\n    const userSourceMutation = useMutation(putUserSource);\n    //job, subject 등록\n    const userMetaMutation = useMutation(patchUserMeta);\n    useEffect(()=>{\n        if (isMobile && modalType === \"selectBooksModal\" && selectedBookList.length > 0) {\n            setStep(\"mobileSelectedBook\");\n            return;\n        }\n        setStep(modalType === \"selectBooksModal\" ? \"book\" : \"userType\");\n    }, [\n        modalType,\n        width\n    ]);\n    useEffect(()=>{\n        setSelectedPublisher(null);\n        setSelectedCurriculum(null);\n    }, [\n        subject\n    ]);\n    useEffect(()=>{\n        setTempSelectedBookList(initialSelectedBookList || selectedBookList);\n    }, [\n        isSelectBooksModalOpen,\n        initialSelectedBookList,\n        selectedBookList\n    ]);\n    const [tempSelectedBookList, setTempSelectedBookList] = useState([]);\n    const isSubmitButtonDisabled = tempSelectedBookList.length === 0;\n    const submitSelectedBookList = useCallback(()=>{\n        if (isMobile && step === \"book\") {\n            //모바일이면, 다음 스텝으로\n            setStep(\"mobileSelectedBook\");\n            return;\n        }\n        if (onSubmitSelectedBookList) {\n            onSubmitSelectedBookList(tempSelectedBookList);\n            return;\n        }\n        //저장하기\n        setAllSelectedBookList(tempSelectedBookList);\n        if (!isLoggedIn) {\n            //비로그인시 브라우저에 저장하기\n            setSavedUserSource({\n                subject,\n                selectedBookList: tempSelectedBookList\n            });\n            onClose();\n            return;\n        } else {\n            //로그인시 서버에 저장\n            userSourceMutation.mutate({\n                subject: subject,\n                items: tempSelectedBookList.map((item)=>({\n                        id: item.id,\n                        type: item.type\n                    }))\n            });\n        }\n        //유저 메타 저장\n        if (modalType === \"registeredModal\") {\n            //등록된 유저일 경우 메타 저장하기\n            userMetaMutation.mutate({\n                ...userMeta\n            });\n            updateUserMeta({\n                mainSubject: userMeta.mainSubject,\n                job: userMeta.job\n            });\n        }\n        onClose();\n        tempSelectedBookList.map((item)=>{\n            mixpanelEvent(\"SelectedBookSelectButtonClicked\", {\n                subject: subject,\n                selectedBookId: item.id,\n                selectedBookTitle: item.title\n            });\n        });\n    }, [\n        onSubmitSelectedBookList,\n        tempSelectedBookList,\n        isMobile,\n        step,\n        setAllSelectedBookList,\n        isLoggedIn,\n        setSavedUserSource,\n        subject,\n        onClose,\n        userSourceMutation,\n        modalType,\n        userMetaMutation,\n        userMeta,\n        updateUserMeta\n    ]);\n    //selected 로직\n    const { data , isLoading  } = useQuery([\n        \"userSourcesSelection\",\n        selectedCurriculum,\n        selectedPublisher\n    ], ()=>{\n        return getUserSourcesSelection({\n            curriculum: selectedCurriculum ? selectedCurriculum === null || selectedCurriculum === void 0 ? void 0 : selectedCurriculum.id.toString() : null,\n            publisher: selectedPublisher ? selectedPublisher === null || selectedPublisher === void 0 ? void 0 : selectedPublisher.id.toString() : null,\n            subject: subject\n        });\n    }, {\n        onSuccess: (data)=>{\n            //최초 진입시\n            if (!selectedPublisher) {\n                //첫번째 출판사를 보여줌\n                // 가장 많은 curriculum을 보여줌\n                setSelectedPublisher(data.publisher.items[0]);\n                setSelectedCurriculum({\n                    id: data.sourceData.selectedCurriculum,\n                    title: CurriculumsWithString[data.sourceData.selectedCurriculum]\n                });\n            }\n            //출판사 선택후\n            if (!selectedCurriculum) {\n                //최초에 가장 많은 curriculum을 보여줌\n                setSelectedCurriculum({\n                    id: data.sourceData.selectedCurriculum,\n                    title: CurriculumsWithString[data.sourceData.selectedCurriculum]\n                });\n            }\n            //검색결과가 없을 경우\n            if (data.sourceData.workbook.items.length === 0 && data.sourceData.textbook.items.length === 0) {\n                setIsEmptyBookList(true);\n            } else setIsEmptyBookList(false);\n        },\n        keepPreviousData: true,\n        enabled: isSelectBooksModalOpen\n    });\n    const handlePublisher = (publisher)=>{\n        setSelectedPublisher(publisher);\n        setSelectedCurriculum(null);\n        setKeyword(\"\");\n        mixpanelEvent(\"SelectedBookCategoryClicked\", {\n            publisher: publisher.title,\n            categoryDepth: \"1depth\",\n            subject: subject\n        });\n    };\n    const handleCurriculum = (curriculum)=>{\n        setSelectedCurriculum(curriculum);\n        setKeyword(\"\");\n        mixpanelEvent(\"SelectedBookCategoryClicked\", {\n            publisher: curriculum.title,\n            categoryDepth: \"1depth\",\n            subject: subject\n        });\n    };\n    const handleBookList = (book)=>{\n        const isExist = tempSelectedBookList.find((item)=>item.id === book.id);\n        if (isExist) {\n            setTempSelectedBookList(tempSelectedBookList.filter((item)=>item.id !== book.id));\n        } else {\n            setTempSelectedBookList([\n                ...tempSelectedBookList,\n                book\n            ]);\n        }\n    };\n    const [keyword, setKeyword] = useState(\"\");\n    const handleSearch = (keyword)=>{\n        setKeyword(keyword);\n        const result = data.sourceData.workbook.items.concat(data.sourceData.textbook.items).filter((item)=>item.title.includes(keyword));\n        setSearchBookList(result);\n        mixpanelEvent(\"SelectedBookSearch\", {\n            keyword: keyword,\n            subject: subject,\n            category1Depth: selectedPublisher === null || selectedPublisher === void 0 ? void 0 : selectedPublisher.title,\n            category2Depth: selectedCurriculum === null || selectedCurriculum === void 0 ? void 0 : selectedCurriculum.title,\n            searchResult: result.length,\n            searchResultList: result.map((item)=>item.id)\n        });\n    };\n    return /*#__PURE__*/ _jsxs(SelectingBooksModalWrapper, {\n        children: [\n            /*#__PURE__*/ _jsx(Step, {\n                condition: step === \"userType\",\n                children: /*#__PURE__*/ _jsx(UserTypeStep, {\n                    onNext: ()=>setStep(\"subject\"),\n                    userMeta: userMeta,\n                    setUserMeta: setUserMeta,\n                    onClick: (userType)=>{\n                        setUserMeta({\n                            ...userMeta,\n                            job: userType\n                        });\n                        //onNext()\n                        setStep(\"subject\");\n                        mixpanelEvent(\"UserTypeSelectButtonClicked\", {\n                            userType: userType\n                        });\n                    }\n                })\n            }),\n            /*#__PURE__*/ _jsx(Step, {\n                condition: step === \"subject\",\n                children: /*#__PURE__*/ _jsx(SubjectStep, {\n                    onPrev: ()=>setStep(\"userType\"),\n                    onNext: ()=>setStep(\"book\"),\n                    isError: isError,\n                    userMeta: userMeta,\n                    onClick: (subject)=>{\n                        mixpanelEvent(\"SubjectSelectButtonClicked\", {\n                            subject: subject\n                        });\n                        if (!subjectList.includes(subject)) {\n                            setIsError(true);\n                            return;\n                        }\n                        setIsError(false);\n                        setUserMeta({\n                            ...userMeta,\n                            mainSubject: subject\n                        });\n                        setSubject(subject);\n                        //onNext\n                        setStep(\"book\");\n                    }\n                })\n            }),\n            /*#__PURE__*/ _jsx(Step, {\n                condition: step === \"book\",\n                children: /*#__PURE__*/ _jsx(BookStep, {\n                    onClose: onClose,\n                    onNext: ()=>setStep(\"mobileSelectedBook\"),\n                    onPrev: ()=>setStep(\"subject\"),\n                    modalType: modalType,\n                    isLoading: isLoading,\n                    isSubmitButtonDisabled: isSubmitButtonDisabled,\n                    selectedBookList: tempSelectedBookList,\n                    setSelectedBookList: handleBookList,\n                    submitSelectedBookList: submitSelectedBookList,\n                    isEmptyBookList: isEmptyBookList,\n                    data: data,\n                    handlePublisher: handlePublisher,\n                    selectedPublisher: selectedPublisher,\n                    setSelectedCurriculum: handleCurriculum,\n                    selectedCurriculum: selectedCurriculum,\n                    handleSearch: handleSearch,\n                    searchBookList: searchBookList,\n                    keyword: keyword,\n                    setKeyword: setKeyword\n                })\n            }),\n            /*#__PURE__*/ _jsx(Step, {\n                condition: step === \"mobileSelectedBook\",\n                children: /*#__PURE__*/ _jsx(MobileSelectedBook, {\n                    onClose: onClose,\n                    onNext: ()=>setStep(null),\n                    onPrev: ()=>setStep(\"book\"),\n                    modalType: modalType,\n                    isSubmitButtonDisabled: isSubmitButtonDisabled,\n                    selectedBookList: tempSelectedBookList,\n                    setSelectedBookList: handleBookList,\n                    submitSelectedBookList: submitSelectedBookList\n                })\n            })\n        ]\n    });\n};\n//유저 타입 선택\nconst userTypeList = [\n    \"teacher\",\n    \"principal\",\n    \"student\",\n    \"parent\",\n    \"etc\"\n];\nconst UserTypeStep = (param)=>{\n    let { onNext , setUserMeta , userMeta , onClick  } = param;\n    return /*#__PURE__*/ _jsxs(StepModalWrapper, {\n        children: [\n            /*#__PURE__*/ _jsx(StepModalStatus, {\n                currentStep: \"userType\"\n            }),\n            /*#__PURE__*/ _jsxs(StepModalHeader, {\n                className: \"header\",\n                children: [\n                    /*#__PURE__*/ _jsxs(\"h5\", {\n                        children: [\n                            \"맞춤 솔루션을 제공하기 위해 \",\n                            /*#__PURE__*/ _jsx(\"br\", {}),\n                            \"몇가지 정보가 필요해요\"\n                        ]\n                    }),\n                    /*#__PURE__*/ _jsxs(\"p\", {\n                        children: [\n                            \"입력하신 정보는 다른 사람에게 노출되지 \",\n                            /*#__PURE__*/ _jsx(\"br\", {}),\n                            \" 않으니 걱정하지 마세요\"\n                        ]\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(\"div\", {\n                className: \"button-wrapper\",\n                children: userTypeList.map((user, idx)=>{\n                    return /*#__PURE__*/ _jsx(Button, {\n                        \"aria-selected\": userMeta.job === user,\n                        onClick: ()=>onClick(user),\n                        children: userTypeWithKorean[user]\n                    }, \"userType-\".concat(idx));\n                })\n            })\n        ]\n    });\n};\nconst subjectList = [\n    Subjects.EN,\n    Subjects.KO,\n    Subjects.MA\n];\nconst SubjectStep = (param)=>{\n    let { onNext , onPrev , onClick , isError , userMeta  } = param;\n    return /*#__PURE__*/ _jsxs(StepModalWrapper, {\n        children: [\n            /*#__PURE__*/ _jsx(StepModalStatus, {\n                onPrev: onPrev,\n                currentStep: \"subject\"\n            }),\n            /*#__PURE__*/ _jsxs(StepModalHeader, {\n                children: [\n                    /*#__PURE__*/ _jsx(\"h5\", {\n                        children: \"과목을 선택해주세요\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"p\", {\n                        children: \"선택하신 과목으로 메인페이지를 설정해드려요\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsxs(\"div\", {\n                className: \"button-wrapper\",\n                children: [\n                    subjectList.map((subject, idx)=>{\n                        return /*#__PURE__*/ _jsx(Button, {\n                            \"aria-selected\": userMeta.mainSubject === subject,\n                            onClick: ()=>onClick(subject),\n                            children: SubjectsWithString[subject]\n                        }, \"subject-\".concat(idx));\n                    }),\n                    /*#__PURE__*/ _jsxs(\"div\", {\n                        className: \"small-button-wrapper\",\n                        children: [\n                            /*#__PURE__*/ _jsx(Button, {\n                                onClick: ()=>onClick(Subjects.SO),\n                                children: \"사회\"\n                            }),\n                            /*#__PURE__*/ _jsx(Button, {\n                                onClick: ()=>onClick(Subjects.SC),\n                                children: \"과학\"\n                            })\n                        ]\n                    }),\n                    /*#__PURE__*/ _jsxs(\"div\", {\n                        className: \"small-button-wrapper\",\n                        children: [\n                            /*#__PURE__*/ _jsx(Button, {\n                                onClick: ()=>onClick(Subjects.HI),\n                                children: \"역사\"\n                            }),\n                            /*#__PURE__*/ _jsx(Button, {\n                                onClick: ()=>onClick(Subjects.SL),\n                                children: \"제2외국어\"\n                            })\n                        ]\n                    }),\n                    isError && /*#__PURE__*/ _jsx(\"p\", {\n                        className: \"error-text\",\n                        children: \" 해당 과목은 준비중 입니다. \"\n                    })\n                ]\n            })\n        ]\n    });\n};\nconst textMapper = {\n    textbook: \"교과서\",\n    workbook: \"참고서\",\n    search: \"검색결과\"\n};\nconst BookStep = (param)=>{\n    let { onNext , onPrev , modalType , onClose , isLoading , isSubmitButtonDisabled , selectedBookList , setSelectedBookList , submitSelectedBookList , isEmptyBookList , data , handlePublisher , selectedPublisher , setSelectedCurriculum , selectedCurriculum , handleSearch , searchBookList , keyword , setKeyword  } = param;\n    const theme = useTheme();\n    const { width  } = useWindowDimensions();\n    const isMobile = width < 769;\n    const { values , setValue , submit , isSubmitting , isValidated , reset  } = useForm({\n        keyword: \"\"\n    }, {\n        validator: (values)=>{\n            const isValid = values.keyword.trim().length > 0;\n            return [\n                isValid,\n                isValid ? undefined : \"검색어를 1글자 이상 입력해주세요.\"\n            ];\n        },\n        onSubmit: async (done, param)=>{\n            let { isValid , message  } = param;\n            if (!isValid) {\n                Modal.warn({\n                    title: message\n                });\n                done();\n                return;\n            }\n            handleSearch(values.keyword);\n            done();\n        }\n    });\n    useEffect(()=>{\n        if (keyword.length === 0) reset();\n    }, [\n        keyword\n    ]);\n    if (isLoading || !data) return /*#__PURE__*/ _jsx(_Fragment, {});\n    const { publisher , curriculum , sourceData  } = data;\n    const renderBookSection = (title, items)=>{\n        return /*#__PURE__*/ _jsxs(_Fragment, {\n            children: [\n                /*#__PURE__*/ _jsx(\"p\", {\n                    children: textMapper[title]\n                }),\n                /*#__PURE__*/ _jsx(\"div\", {\n                    className: \"grid-book-list\",\n                    children: items.map((product, idx)=>{\n                        const isSelected = selectedBookList.some((item)=>item.id === product.id);\n                        const imageSrc = product.imageUrl.includes(\"http\") ? product.imageUrl : DEFAULT_BOOK_COVER;\n                        return /*#__PURE__*/ _jsxs(\"div\", {\n                            className: \"book-item \".concat(isSelected ? \"selected\" : \"\"),\n                            onClick: ()=>setSelectedBookList({\n                                    ...product,\n                                    type: title\n                                }),\n                            children: [\n                                isSelected && /*#__PURE__*/ _jsx(CheckboxIcon, {}),\n                                /*#__PURE__*/ _jsx(\"div\", {\n                                    className: \"book-cover\",\n                                    children: /*#__PURE__*/ _jsx(Image, {\n                                        unoptimized: true,\n                                        src: imageSrc,\n                                        width: 68,\n                                        height: 96,\n                                        alt: \"book-thumbr\"\n                                    })\n                                }),\n                                /*#__PURE__*/ _jsx(\"p\", {\n                                    className: \"book-title\",\n                                    children: product.title\n                                })\n                            ]\n                        }, idx);\n                    })\n                })\n            ]\n        });\n    };\n    return /*#__PURE__*/ _jsxs(StepModalBookSelectWrapper, {\n        children: [\n            modalType === \"selectBooksModal\" ? /*#__PURE__*/ _jsx(CloseButton, {\n                onClick: onClose,\n                children: /*#__PURE__*/ _jsx(Icon, {\n                    icon: Close,\n                    size: isMobile ? Sizes.xmedium : Sizes.medium,\n                    color: theme.new.colors.sol_gray_700\n                })\n            }) : /*#__PURE__*/ _jsx(StepModalStatus, {\n                onPrev: onPrev,\n                currentStep: \"book\"\n            }),\n            /*#__PURE__*/ _jsxs(StepModalHeader, {\n                children: [\n                    /*#__PURE__*/ _jsxs(\"h5\", {\n                        children: [\n                            \"찾고 싶은 교재를 \",\n                            /*#__PURE__*/ _jsx(\"div\", {\n                                className: \"block_m\"\n                            }),\n                            /*#__PURE__*/ _jsx(\"strong\", {\n                                children: \"1개 이상 선택해주세요\"\n                            })\n                        ]\n                    }),\n                    /*#__PURE__*/ _jsx(\"p\", {\n                        children: \"선택하신 교재들로 수업자료를 추천해드려요\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsxs(SelectBooksContainer, {\n                modalType: modalType,\n                children: [\n                    /*#__PURE__*/ _jsx(\"ul\", {\n                        children: publisher.items.map((publisher, idx)=>{\n                            return /*#__PURE__*/ _jsx(\"li\", {\n                                onClick: ()=>handlePublisher(publisher),\n                                className: (selectedPublisher === null || selectedPublisher === void 0 ? void 0 : selectedPublisher.id) === publisher.id ? \"active\" : \"\",\n                                children: publisher.title\n                            }, \"publisher-\" + idx);\n                        })\n                    }),\n                    /*#__PURE__*/ _jsxs(\"div\", {\n                        className: \"book-select-wrapper\",\n                        children: [\n                            /*#__PURE__*/ _jsx(\"div\", {\n                                className: \"book-select-publisher\",\n                                children: selectedPublisher === null || selectedPublisher === void 0 ? void 0 : selectedPublisher.title\n                            }),\n                            /*#__PURE__*/ _jsxs(\"form\", {\n                                className: \"book-select-list\",\n                                onSubmit: (e)=>{\n                                    e.preventDefault();\n                                    submit();\n                                },\n                                children: [\n                                    /*#__PURE__*/ _jsx(TextField, {\n                                        placeholder: \"교재명을 입력해주세요\",\n                                        name: \"keyword\",\n                                        value: values.keyword,\n                                        search: true,\n                                        onChange: (ev)=>setValue(\"keyword\", ev.target.value),\n                                        onClear: ()=>{\n                                            setValue(\"keyword\", \"\");\n                                        }\n                                    }),\n                                    /*#__PURE__*/ _jsx(Segmented, {\n                                        onChange: (e)=>setSelectedCurriculum(data.curriculum.items.find((item)=>item.id === e)),\n                                        value: selectedCurriculum === null || selectedCurriculum === void 0 ? void 0 : selectedCurriculum.id,\n                                        onResize: ()=>{},\n                                        onResizeCapture: ()=>{},\n                                        options: [\n                                            {\n                                                value: \"30\",\n                                                label: \"고등\"\n                                            },\n                                            {\n                                                value: \"20\",\n                                                label: \"중등\"\n                                            },\n                                            {\n                                                value: \"10\",\n                                                label: \"초등\"\n                                            }\n                                        ],\n                                        block: true\n                                    })\n                                ]\n                            }),\n                            /*#__PURE__*/ _jsx(\"div\", {\n                                className: \"book-list-section\",\n                                children: keyword.length > 0 ? // 키워드가 있는 경우의 렌더링\n                                searchBookList.length === 0 ? /*#__PURE__*/ _jsxs(\"p\", {\n                                    className: \"empty-text\",\n                                    children: [\n                                        /*#__PURE__*/ _jsx(\"strong\", {\n                                            children: keyword\n                                        }),\n                                        \"의 검색결과가 없습니다 \",\n                                        /*#__PURE__*/ _jsx(\"br\", {}),\n                                        \"출판사 및 학년이 맞게 선택되어 있는지 확인해주세요.\"\n                                    ]\n                                }) : renderBookSection(\"search\", searchBookList) : isEmptyBookList ? /*#__PURE__*/ _jsx(\"p\", {\n                                    className: \"empty-text\",\n                                    children: \"해당 학년의 교재가 아직 등록되지 않았어요\"\n                                }) : /*#__PURE__*/ _jsxs(_Fragment, {\n                                    children: [\n                                        sourceData.textbook.items.length > 0 && renderBookSection(\"textbook\", sourceData.textbook.items),\n                                        sourceData.workbook.items.length > 0 && renderBookSection(\"workbook\", sourceData.workbook.items)\n                                    ]\n                                })\n                            })\n                        ]\n                    }),\n                    /*#__PURE__*/ _jsxs(SelectedBookWrapper, {\n                        className: \"selected-book-wrapper\",\n                        modalType: modalType,\n                        children: [\n                            /*#__PURE__*/ _jsx(\"p\", {\n                                children: \"나의 교재\"\n                            }),\n                            /*#__PURE__*/ _jsx(\"div\", {\n                                className: \"selected-book-list\",\n                                children: selectedBookList && selectedBookList.map((product, idx)=>{\n                                    return /*#__PURE__*/ _jsxs(\"div\", {\n                                        className: \"selected-book-item\",\n                                        children: [\n                                            /*#__PURE__*/ _jsx(Image, {\n                                                unoptimized: true,\n                                                src: product.imageUrl,\n                                                width: 44,\n                                                height: 62,\n                                                alt: \"book-cover\"\n                                            }),\n                                            /*#__PURE__*/ _jsxs(\"div\", {\n                                                children: [\n                                                    /*#__PURE__*/ _jsx(\"p\", {\n                                                        className: \"book-title\",\n                                                        children: product.title\n                                                    }),\n                                                    /*#__PURE__*/ _jsx(Button, {\n                                                        onClick: ()=>setSelectedBookList(product),\n                                                        children: \"삭제\"\n                                                    })\n                                                ]\n                                            })\n                                        ]\n                                    }, idx);\n                                })\n                            }),\n                            /*#__PURE__*/ _jsx(\"div\", {\n                                className: \"bottom-section\",\n                                children: /*#__PURE__*/ _jsx(Button, {\n                                    type: \"primary\",\n                                    disabled: isSubmitButtonDisabled,\n                                    onClick: submitSelectedBookList,\n                                    children: isSubmitButtonDisabled ? \"1개 이상 선택해주세요\" : \"\".concat(selectedBookList.length, \"개 등록하기\")\n                                })\n                            })\n                        ]\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(\"div\", {\n                className: \"bottom-section mobile\",\n                children: /*#__PURE__*/ _jsx(Button, {\n                    type: \"primary\",\n                    disabled: isSubmitButtonDisabled,\n                    onClick: submitSelectedBookList,\n                    children: isSubmitButtonDisabled ? \"1개 이상 선택해주세요\" : \"\".concat(selectedBookList.length, \"개 \").concat(isMobile ? \"선택 완료\" : \"등록하기\")\n                })\n            })\n        ]\n    });\n};\nconst MobileSelectedBook = (param)=>{\n    let { onNext , onPrev , onClose , selectedBookList , setSelectedBookList , isSubmitButtonDisabled , submitSelectedBookList , modalType  } = param;\n    const theme = useTheme();\n    const { width  } = useWindowDimensions();\n    const isMobile = width < 769;\n    useEffect(()=>{\n        // 뷰포트 높이를 기반으로 --vh 변수를 설정하는 함수\n        const setElementHeight = ()=>{\n            const vh = window.innerHeight * 0.01;\n            document.documentElement.style.setProperty(\"--vh\", \"\".concat(vh, \"px\"));\n            window.addEventListener(\"resize\", setElementHeight);\n        };\n        setElementHeight();\n        return ()=>{\n            window.removeEventListener(\"resize\", setElementHeight);\n        };\n    }, [\n        selectedBookList\n    ]);\n    return /*#__PURE__*/ _jsxs(MobileSelectedBookWrapper, {\n        children: [\n            modalType === \"selectBooksModal\" ? /*#__PURE__*/ _jsx(CloseButton, {\n                onClick: onClose,\n                children: /*#__PURE__*/ _jsx(Icon, {\n                    icon: Close,\n                    size: isMobile ? Sizes.xmedium : Sizes.medium,\n                    color: theme.new.colors.sol_gray_700\n                })\n            }) : /*#__PURE__*/ _jsx(StepModalStatus, {\n                onPrev: onPrev,\n                currentStep: \"book\"\n            }),\n            /*#__PURE__*/ _jsxs(SelectedBookWrapper, {\n                className: \"selected-book-wrapper mobile\",\n                modalType: modalType,\n                children: [\n                    /*#__PURE__*/ _jsx(\"p\", {\n                        children: \"선택한 나의 교재를 확인해 주세요\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"div\", {\n                        className: \"selected-book-list mobile\",\n                        children: selectedBookList && selectedBookList.map((product, idx)=>{\n                            return /*#__PURE__*/ _jsxs(\"div\", {\n                                className: \"selected-book-item\",\n                                children: [\n                                    /*#__PURE__*/ _jsx(Image, {\n                                        unoptimized: true,\n                                        src: product.imageUrl,\n                                        width: 44,\n                                        height: 62,\n                                        alt: \"book-cover\"\n                                    }),\n                                    /*#__PURE__*/ _jsxs(\"div\", {\n                                        children: [\n                                            /*#__PURE__*/ _jsx(\"p\", {\n                                                className: \"book-title\",\n                                                children: product.title\n                                            }),\n                                            /*#__PURE__*/ _jsx(Button, {\n                                                onClick: ()=>setSelectedBookList(product),\n                                                children: \"삭제\"\n                                            })\n                                        ]\n                                    })\n                                ]\n                            }, idx);\n                        })\n                    }),\n                    /*#__PURE__*/ _jsxs(\"div\", {\n                        className: \"bottom-section\",\n                        children: [\n                            /*#__PURE__*/ _jsx(Button, {\n                                type: \"primary\",\n                                ghost: true,\n                                onClick: onPrev,\n                                children: \"다른 교재 추가하기\"\n                            }),\n                            /*#__PURE__*/ _jsx(Button, {\n                                type: \"primary\",\n                                disabled: isSubmitButtonDisabled,\n                                onClick: submitSelectedBookList,\n                                children: isSubmitButtonDisabled ? \"1개 이상 선택해주세요\" : \"\".concat(selectedBookList.length, \"개 등록하기\")\n                            })\n                        ]\n                    })\n                ]\n            })\n        ]\n    });\n};\nconst MobileSelectedBookWrapper = styled.div.withConfig({\n    componentId: \"sc-99f2bc11-0\"\n})(_templateObject());\nexport const CloseButton = styled.button.withConfig({\n    componentId: \"sc-99f2bc11-1\"\n})(_templateObject1());\nconst CheckboxIcon = ()=>{\n    return /*#__PURE__*/ _jsx(CheckboxWrapper, {\n        children: /*#__PURE__*/ _jsx(Icon, {\n            icon: Check,\n            size: Sizes.xxsmall,\n            color: \"#fff\"\n        })\n    });\n};\nconst CheckboxWrapper = styled.div.withConfig({\n    componentId: \"sc-99f2bc11-2\"\n})(_templateObject2(), (props)=>props.theme.new.colors.sol_indigo_500);\nconst StepModalStatus = (param)=>{\n    let { currentStep , onPrev  } = param;\n    const theme = useTheme();\n    return /*#__PURE__*/ _jsxs(StepStatusWrapper, {\n        currentStep: currentStep,\n        children: [\n            currentStep !== \"userType\" && /*#__PURE__*/ _jsx(\"button\", {\n                className: \"go-back\",\n                onClick: onPrev,\n                children: /*#__PURE__*/ _jsx(Icon, {\n                    icon: ArrowLeft,\n                    size: Sizes.medium,\n                    color: theme.new.colors.sol_gray_800\n                })\n            }),\n            /*#__PURE__*/ _jsx(\"div\", {\n                className: \"step userType\"\n            }),\n            /*#__PURE__*/ _jsx(\"div\", {\n                className: \"step subject\"\n            }),\n            /*#__PURE__*/ _jsx(\"div\", {\n                className: \"step book\"\n            })\n        ]\n    });\n};\nconst SelectBooksContainer = styled.div.withConfig({\n    componentId: \"sc-99f2bc11-3\"\n})(_templateObject3(), (props)=>props.theme.new.colors.sol_gray_100, (props)=>props.theme.new.colors.sol_gray_100, (props)=>props.theme.new.colors.sol_gray_500, (props)=>props.theme.new.colors.sol_gray_0, (props)=>props.theme.new.colors.sol_indigo_50, (props)=>props.theme.new.colors.sol_indigo_500, (props)=>props.theme.new.colors.sol_gray_0, (props)=>props.theme.new.colors.sol_gray_100, (props)=>props.theme.new.colors.sol_gray_100, (props)=>props.theme.new.colors.sol_gray_0, (props)=>props.theme.new.colors.white, (props)=>props.theme.new.colors.sol_gray_900, (props)=>props.theme.new.colors.sol_gray_900, (props)=>props.theme.new.colors.sol_gray_900, (props)=>props.theme.new.colors.sol_gray_900, (props)=>props.theme.new.colors.sol_gray_300, (props)=>props.modalType === \"selectBooksModal\" ? \"calc(var(--vh, 1vh) * 100 - 426px)\" : \"calc(var(--vh, 1vh) * 100 - 450px)\", (props)=>props.theme.new.colors.sol_gray_700, (props)=>props.theme.new.colors.sol_gray_500, (props)=>props.modalType === \"selectBooksModal\" ? \"calc(var(--vh, 1vh) * 100 - 407px)\" : \"calc(var(--vh, 1vh) * 100 - 420px)\", (props)=>props.theme.new.colors.sol_gray_50, (props)=>props.theme.new.colors.sol_gray_700, (props)=>props.theme.new.colors.sol_indigo_50, (props)=>props.theme.new.colors.sol_indigo_500);\nconst SelectedBookWrapper = styled.div.withConfig({\n    componentId: \"sc-99f2bc11-4\"\n})(_templateObject4(), (props)=>props.modalType === \"selectBooksModal\" ? \"calc(var(--vh, 1vh) * 100 - 232px)\" : \"calc(var(--vh, 1vh) * 100 - 257px)\", (props)=>props.theme.new.colors.sol_indigo_100, (props)=>props.theme.new.colors.sol_gray_900, (props)=>props.theme.new.colors.sol_gray_100, (props)=>props.modalType === \"selectBooksModal\" ? \"calc(var(--vh, 1vh) * 100 - 368px)\" : \"calc(var(--vh, 1vh) * 100 - 392px)\", (props)=>props.theme.new.colors.sol_gray_50, (props)=>props.theme.new.colors.sol_gray_100, (props)=>props.theme.new.colors.sol_gray_700, (props)=>props.theme.new.colors.sol_gray_0, (props)=>props.theme.new.colors.sol_gray_500, (props)=>props.theme.new.colors.sol_red_400, (props)=>props.theme.new.colors.sol_gray_100, (props)=>props.theme.new.colors.sol_indigo_600, (props)=>props.theme.new.colors.sol_gray_100, (props)=>props.theme.new.colors.sol_gray_300);\nconst StepStatusWrapper = styled.div.withConfig({\n    componentId: \"sc-99f2bc11-5\"\n})(_templateObject8(), (props)=>props.theme.new.colors.sol_gray_200, (param)=>{\n    let { currentStep  } = param;\n    return currentStep === \"userType\" ? css(_templateObject5(), (props)=>props.theme.new.colors.sol_gray_800) : currentStep === \"subject\" ? css(_templateObject6(), (props)=>props.theme.new.colors.sol_gray_800) : css(_templateObject7(), (props)=>props.theme.new.colors.sol_gray_800);\n});\nconst StepModalWrapper = styled.div.withConfig({\n    componentId: \"sc-99f2bc11-6\"\n})(_templateObject9(), (props)=>props.theme.new.colors.sol_gray_0, (props)=>props.theme.new.colors.sol_gray_700, (props)=>props.theme.new.colors.sol_gray_700, (props)=>props.theme.new.colors.sol_gray_50, (props)=>props.theme.new.colors.sol_gray_100, (props)=>props.theme.new.colors.sol_red_400);\nconst StepModalHeader = styled.div.withConfig({\n    componentId: \"sc-99f2bc11-7\"\n})(_templateObject10(), (props)=>props.theme.new.colors.sol_gray_500, (props)=>props.theme.new.colors.sol_indigo_500);\nconst StepModalBookSelectWrapper = styled.div.withConfig({\n    componentId: \"sc-99f2bc11-8\"\n})(_templateObject11(), (props)=>props.theme.new.colors.sol_gray_100, (props)=>props.theme.new.colors.sol_gray_300);\nconst SelectingBooksModalWrapper = styled.div.withConfig({\n    componentId: \"sc-99f2bc11-9\"\n})(_templateObject12());\n","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport { useTheme } from \"styled-components\";\nimport Modal from \"@/components/modal/Modal\";\nimport useWindowDimensions from \"@/lib/web-ui/useWindowDimensions\";\nimport Sheet from \"react-modal-sheet\";\nimport { SelectingBooksModal } from \"../UserSourceStep\";\nexport const UserSourceStepModal = (param)=>{\n    let { closeSelectBooksModal , ...props } = param;\n    const { width  } = useWindowDimensions();\n    const isMobile = width < 769;\n    const theme = useTheme();\n    return /*#__PURE__*/ _jsx(_Fragment, {\n        children: !isMobile ? /*#__PURE__*/ _jsx(Modal, {\n            disableOutsideClick: true,\n            onClose: closeSelectBooksModal,\n            open: props.isSelectBooksModalOpen,\n            name: \"selectBooksModal\",\n            children: /*#__PURE__*/ _jsx(SelectingBooksModal, {\n                ...props,\n                onClose: closeSelectBooksModal\n            })\n        }) : /*#__PURE__*/ _jsxs(Sheet, {\n            isOpen: props.isSelectBooksModalOpen,\n            onClose: closeSelectBooksModal,\n            children: [\n                /*#__PURE__*/ _jsx(Sheet.Container, {\n                    children: /*#__PURE__*/ _jsx(Sheet.Content, {\n                        children: /*#__PURE__*/ _jsx(SelectingBooksModal, {\n                            ...props,\n                            onClose: closeSelectBooksModal\n                        })\n                    })\n                }),\n                /*#__PURE__*/ _jsx(Sheet.Backdrop, {})\n            ]\n        })\n    });\n};\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  .react-modal-sheet-backdrop {\\n    background-color: rgba(0, 0, 0, 0.5) !important;\\n    \",\n        \"\\n    transition: background-color 0.3s;\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  all: unset;\\n  /* position: absolute; */\\n  border: none;\\n  display: block;\\n  background: transparent;\\n  top: 28px;\\n  right: 28px;\\n  font-size: 0;\\n  width: 24px;\\n  height: 24px;\\n  cursor: pointer;\\n  margin-top: 4px;\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  padding: 72px 0;\\n\\n  > div {\\n    border-radius: 8px;\\n    display: flex;\\n  }\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject3() {\n    const data = _tagged_template_literal([\n        \"\\n  main {\\n    padding: 28px;\\n    &::-webkit-scrollbar {\\n      width: 5px;\\n      background-color: transparent;\\n    }\\n\\n    &::-webkit-scrollbar-thumb {\\n      border-radius: 32px;\\n      background: \",\n        \";\\n    }\\n\\n    height: auto;\\n    flex-grow: 1;\\n    overflow-y: auto;\\n    overflow-x: hidden;\\n    width: 520px;\\n\\n    h4 {\\n      display: flex;\\n      justify-content: space-between;\\n\\n      font-size: 20px;\\n      font-weight: 700;\\n      line-height: 1.5;\\n      letter-spacing: -0.2px;\\n      margin-bottom: 8px;\\n    }\\n\\n    p {\\n      color: \",\n        \";\\n      font-size: 16px;\\n      font-weight: 600;\\n      line-height: 1.5;\\n      letter-spacing: -0.16px;\\n      margin-bottom: 12px;\\n    }\\n\\n    dl {\\n      display: flex;\\n      flex-wrap: wrap;\\n      margin-bottom: 4px;\\n\\n      dt,\\n      dd {\\n        font-size: 16px;\\n        line-height: 1.5;\\n        letter-spacing: -0.16px;\\n        margin-bottom: 0;\\n\\n        b,\\n        .text-blue {\\n          color: \",\n        \";\\n        }\\n        b.text-green {\\n          color: \",\n        \";\\n        }\\n\\n        b {\\n          white-space: pre;\\n        }\\n      }\\n    }\\n\\n    .pass-summary {\\n      dl {\\n        dd {\\n          margin-left: 4px;\\n        }\\n\\n        dt,\\n        dd {\\n          color: \",\n        \";\\n        }\\n\\n        dd.style-zero {\\n          margin-left: 0;\\n        }\\n      }\\n    }\\n\\n    .pass-range {\\n      dl {\\n        dt {\\n          color: \",\n        \";\\n          width: 100px;\\n        }\\n\\n        dd {\\n          display: flex;\\n          flex: 1;\\n          color: \",\n        \";\\n        }\\n      }\\n    }\\n\\n    .pass-detail {\\n      ul {\\n        li {\\n          color: \",\n        \";\\n          font-size: 16px;\\n          line-height: 1.5;\\n          letter-spacing: -0.16px;\\n          margin-bottom: 4px;\\n          white-space: break-spaces;\\n        }\\n      }\\n    }\\n  }\\n\\n  .ant-divider {\\n    margin: 28px 0;\\n  }\\n\\n  @media (max-width: 768px) {\\n    main {\\n      width: unset;\\n      text-align: left;\\n      padding: 0;\\n\\n      .pass-detail {\\n        ul {\\n          li {\\n            font-size: 14px;\\n          }\\n        }\\n      }\\n    }\\n  }\\n\"\n    ]);\n    _templateObject3 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject4() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  position: sticky;\\n  bottom: 0;\\n  background-color: \",\n        \";\\n  padding: 20px 28px;\\n  gap: 8px;\\n  border-radius: 8px;\\n\\n  button {\\n    width: 100%;\\n  }\\n\\n  @media (max-width: 768px) {\\n    padding: 20px 0;\\n  }\\n\"\n    ]);\n    _templateObject4 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport Icon from \"@/components/icon/Icon\";\nimport { Close, Sizes } from \"@/components/icon/IconList\";\nimport Modal from \"@/components/modal/Modal\";\nimport { useAuthStore } from \"@/lib/auth/AuthStore\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { numberFormatter } from \"@/lib/utils\";\nimport useWindowDimensions from \"@/lib/web-ui/useWindowDimensions\";\nimport { PASSES_LANDING, PASSES_ORDER } from \"@/settings/constant\";\nimport { Button } from \"@bookips/solvook-ui-library\";\nimport { Typography } from \"@mui/material\";\nimport { Divider } from \"antd\";\nimport { useRouter } from \"next/router\";\nimport { useCallback, useMemo } from \"react\";\nimport Sheet from \"react-modal-sheet\";\nimport { TicketDeductionMethod } from \"src/api/membership\";\nimport styled from \"styled-components\";\nimport LoginDialog from \"../../store/loginDialog\";\nimport usePassStore from \"../../store/pass\";\nimport AnchorDrawer from \"../modal/AnchorDrawer\";\nimport { getPassScope, isCategoryIncludesExpert } from \"./getPassScope\";\nconst PassInfoSheet = styled(Sheet).withConfig({\n    componentId: \"sc-94c74eb2-0\"\n})(_templateObject(), (props)=>!props.isOpen && \"background-color: transparent;\");\nexport const PassInfoModal = (param)=>{\n    let { ctaAction  } = param;\n    const { isMobile  } = useWindowDimensions();\n    const isPassInfoModal = usePassStore((state)=>state.isPassInfoModal);\n    const closePassInfoModal = usePassStore((state)=>state.closePassInfoModal);\n    //모바일의 경우 바텀시트\n    if (!isMobile) return /*#__PURE__*/ _jsx(PassInfoModalWrapper, {\n        depth: 1008,\n        open: isPassInfoModal,\n        onClose: closePassInfoModal,\n        disableOutsideClick: false,\n        children: /*#__PURE__*/ _jsx(PassInfoModalContents, {\n            ctaAction: ctaAction\n        })\n    });\n    return /*#__PURE__*/ _jsx(AnchorDrawer, {\n        anchor: \"bottom\",\n        open: isPassInfoModal,\n        onClose: ()=>{\n            closePassInfoModal();\n        },\n        children: /*#__PURE__*/ _jsx(AnchorDrawer.Contents, {\n            children: /*#__PURE__*/ _jsx(PassInfoModalContents, {\n                ctaAction: ctaAction\n            })\n        })\n    });\n};\nconst PassInfoModalContents = (param)=>{\n    let { ctaAction  } = param;\n    var _selectedPass_remainAmount, _selectedPass_availableAmount;\n    const router = useRouter();\n    const { isLoggedIn  } = useAuthStore();\n    const { openLoginDialog  } = LoginDialog();\n    const setIsPassInfoModal = usePassStore((state)=>state.closePassInfoModal);\n    const selectedPass = usePassStore((state)=>state.selectedPass);\n    const purchasePass = usePassStore((state)=>state.purchasePass);\n    const isOrderPage = router.pathname.startsWith(PASSES_LANDING) //구매페이지 일경우\n    ;\n    const isPassPage = router.pathname === PASSES_LANDING //이용권 페이지 일경우\n    ;\n    const isAmountPassType = (selectedPass === null || selectedPass === void 0 ? void 0 : selectedPass.deductionMethod) === TicketDeductionMethod.AMOUNT || false;\n    const onPurchase = useCallback(()=>{\n        mixpanelEvent(\"Purchase Button Clicked\", {\n            \"Product Categories\": purchasePass.category,\n            \"Product ID\": purchasePass.id,\n            \"Product Title\": purchasePass.title,\n            \"Product Price\": purchasePass.price\n        });\n        if (!isLoggedIn) {\n            setIsPassInfoModal();\n            openLoginDialog();\n            return;\n        }\n        router.push(\"\".concat(PASSES_ORDER, \"?id=\").concat(purchasePass.id));\n        setIsPassInfoModal();\n    }, [\n        isLoggedIn,\n        purchasePass\n    ]);\n    const filterPassScope = useMemo(()=>{\n        if (selectedPass === null) return [];\n        return getPassScope(selectedPass).filter((scope)=>{\n            return scope.value !== \"\";\n        });\n    }, [\n        selectedPass\n    ]);\n    if (!selectedPass) return null;\n    var _selectedPass_availableCount;\n    return /*#__PURE__*/ _jsxs(PassInfoModalContainer, {\n        children: [\n            /*#__PURE__*/ _jsxs(\"main\", {\n                children: [\n                    /*#__PURE__*/ _jsxs(\"h4\", {\n                        children: [\n                            selectedPass.title,\n                            /*#__PURE__*/ _jsx(CloseButton, {\n                                onClick: setIsPassInfoModal\n                            })\n                        ]\n                    }),\n                    /*#__PURE__*/ _jsx(\"div\", {\n                        className: \"pass-summary\",\n                        children: isOrderPage ? /*#__PURE__*/ _jsxs(_Fragment, {\n                            children: [\n                                /*#__PURE__*/ _jsxs(\"dl\", {\n                                    children: [\n                                        selectedPass.isNoCountLimit ? \"\" : /*#__PURE__*/ _jsx(\"dt\", {\n                                            children: isCategoryIncludesExpert(selectedPass.category) ? \"총 사용 가능 문제 수 :\" : isAmountPassType ? \"총 사용 가능 금액 : \" : \"총 사용 가능 횟수 : \"\n                                        }),\n                                        selectedPass.isNoCountLimit ? /*#__PURE__*/ _jsx(\"dd\", {\n                                            className: \"style-zero\",\n                                            children: /*#__PURE__*/ _jsx(Typography, {\n                                                variant: \"subtitle1\",\n                                                color: \"secondary.main\",\n                                                children: \"사용범위 내 무제한\"\n                                            })\n                                        }) : /*#__PURE__*/ _jsx(\"dd\", {\n                                            children: \"\".concat(isCategoryIncludesExpert(selectedPass.category) ? selectedPass.isExpertUnLimited ? \"무제한\" : \"\".concat(numberFormatter(selectedPass.availableCount), \"개\") : isAmountPassType ? \"\".concat(numberFormatter(selectedPass.availableAmount), \"원\") : \"\".concat(numberFormatter(selectedPass.availableCount), \"회\"))\n                                        })\n                                    ]\n                                }),\n                                /*#__PURE__*/ _jsxs(\"dl\", {\n                                    children: [\n                                        /*#__PURE__*/ _jsxs(\"dt\", {\n                                            children: [\n                                                \"사용 기간 : \",\n                                                \" \"\n                                            ]\n                                        }),\n                                        /*#__PURE__*/ _jsx(\"dd\", {\n                                            children: \" 결제일로부터 \".concat(selectedPass.period, \"일간\")\n                                        })\n                                    ]\n                                })\n                            ]\n                        }) : /*#__PURE__*/ _jsxs(_Fragment, {\n                            children: [\n                                /*#__PURE__*/ _jsxs(\"dl\", {\n                                    children: [\n                                        /*#__PURE__*/ _jsx(\"dt\", {\n                                            children: /*#__PURE__*/ _jsx(\"b\", {\n                                                className: isCategoryIncludesExpert(selectedPass.category) ? \"text-green\" : \"text-blue\",\n                                                children: selectedPass.isNoCountLimit ? \"\" : isCategoryIncludesExpert(selectedPass.category) ? \"남은 문제 수 : \" : \"남은 \".concat(isAmountPassType ? \"금액 \" : \"횟수 \", \": \")\n                                            })\n                                        }),\n                                        /*#__PURE__*/ _jsx(\"dd\", {\n                                            className: \"style-zero\",\n                                            children: selectedPass.isNoCountLimit ? /*#__PURE__*/ _jsx(\"b\", {\n                                                children: \"사용범위 내 무제한\"\n                                            }) : /*#__PURE__*/ _jsx(\"b\", {\n                                                className: isCategoryIncludesExpert(selectedPass.category) ? \"text-green\" : \"text-blue\",\n                                                children: \"\".concat(isCategoryIncludesExpert(selectedPass.category) ? selectedPass.isExpertUnLimited ? \"무제한\" : \"\".concat(numberFormatter(selectedPass.availableCount), \"개\") : isAmountPassType ? \"\".concat(((_selectedPass_remainAmount = selectedPass.remainAmount) === null || _selectedPass_remainAmount === void 0 ? void 0 : _selectedPass_remainAmount.toLocaleString()) || 0, \"원\") : \"\".concat(numberFormatter(selectedPass.remainCount) || 0, \"회\"))\n                                            })\n                                        })\n                                    ]\n                                }),\n                                !selectedPass.isNoCountLimit && /*#__PURE__*/ _jsx(\"dl\", {\n                                    children: /*#__PURE__*/ _jsxs(\"dd\", {\n                                        className: \"style-zero\",\n                                        children: [\n                                            isCategoryIncludesExpert(selectedPass.category) ? \"총 사용 가능 문제 수 : \" : \"총 사용 가능 \".concat(isAmountPassType ? \"금액\" : \"횟수\", \" : \"),\n                                            isCategoryIncludesExpert(selectedPass.category) && selectedPass.isExpertUnLimited ? \"무제한\" : \"\".concat(isAmountPassType ? ((_selectedPass_availableAmount = selectedPass.availableAmount) === null || _selectedPass_availableAmount === void 0 ? void 0 : _selectedPass_availableAmount.toLocaleString()) || 0 : (_selectedPass_availableCount = selectedPass.availableCount) !== null && _selectedPass_availableCount !== void 0 ? _selectedPass_availableCount : 0).concat(isCategoryIncludesExpert(selectedPass.category) ? \"개\" : isAmountPassType ? \"원\" : \"회\")\n                                        ]\n                                    })\n                                }),\n                                /*#__PURE__*/ _jsx(\"dl\", {\n                                    children: /*#__PURE__*/ _jsxs(\"dd\", {\n                                        className: \"style-zero\",\n                                        children: [\n                                            \"남은 기간 : \",\n                                            selectedPass.remainDay,\n                                            \"일 (\",\n                                            selectedPass.startedAt,\n                                            \" ~\",\n                                            \" \",\n                                            selectedPass.expiredAt,\n                                            \")\"\n                                        ]\n                                    })\n                                })\n                            ]\n                        })\n                    }),\n                    /*#__PURE__*/ _jsx(Divider, {}),\n                    /*#__PURE__*/ _jsxs(\"div\", {\n                        className: \"pass-range\",\n                        children: [\n                            /*#__PURE__*/ _jsx(\"p\", {\n                                children: \"이용권 사용범위\"\n                            }),\n                            filterPassScope.map((scope, idx)=>/*#__PURE__*/ _jsxs(\"dl\", {\n                                    children: [\n                                        /*#__PURE__*/ _jsx(\"dt\", {\n                                            children: scope.type\n                                        }),\n                                        /*#__PURE__*/ _jsx(\"dd\", {\n                                            children: scope.value\n                                        })\n                                    ]\n                                }, \"scope-\" + idx))\n                        ]\n                    }),\n                    /*#__PURE__*/ _jsx(Divider, {}),\n                    /*#__PURE__*/ _jsxs(\"div\", {\n                        className: \"pass-detail\",\n                        children: [\n                            /*#__PURE__*/ _jsx(\"p\", {\n                                children: \"이용권 상세정보\"\n                            }),\n                            /*#__PURE__*/ _jsx(\"ul\", {\n                                children: selectedPass.descriptionList.map((des, idx)=>/*#__PURE__*/ _jsxs(\"li\", {\n                                        children: [\n                                            des,\n                                            \"\\xa0\"\n                                        ]\n                                    }, \"description-\" + idx))\n                            })\n                        ]\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsxs(FooterContainer, {\n                children: [\n                    /*#__PURE__*/ _jsx(Button, {\n                        onClick: ()=>{\n                            mixpanelEvent(\"Guide Button Clicked\", {\n                                \"Guide Categories\": \"Product Detail\",\n                                \"Product ID\": selectedPass.id,\n                                \"Product Title\": selectedPass.title,\n                                \"Guide URL\": selectedPass.category.includes(\"expert\") ? \"https://solvookguide.oopy.io/expert\" : \"https://solvookguide.oopy.io/78b924d5-140f-4475-bd9b-d13d99bedb2b\"\n                            });\n                            if (selectedPass.category.includes(\"expert\")) {\n                                window.open(\"https://solvookguide.oopy.io/expert\", \"_blank\");\n                            } else {\n                                window.open(\"https://solvookguide.oopy.io/78b924d5-140f-4475-bd9b-d13d99bedb2b\", \"_blank\");\n                            }\n                        },\n                        variant: \"strokeSecondary\",\n                        size: \"large\",\n                        label: \"이용방법 보기\"\n                    }),\n                    isPassPage ? /*#__PURE__*/ _jsx(Button, {\n                        onClick: ()=>{\n                            if (ctaAction) {\n                                ctaAction();\n                            } else {\n                                onPurchase();\n                            }\n                        },\n                        variant: \"solid\",\n                        size: \"large\",\n                        label: \"구매하기\"\n                    }) : /*#__PURE__*/ _jsx(Button, {\n                        onClick: setIsPassInfoModal,\n                        variant: \"solid\",\n                        size: \"large\",\n                        label: \"확인\"\n                    })\n                ]\n            })\n        ]\n    });\n};\nconst CloseButton = (param)=>{\n    let { onClick  } = param;\n    return /*#__PURE__*/ _jsx(CloseButtonContainer, {\n        onClick: onClick,\n        children: /*#__PURE__*/ _jsx(Icon, {\n            icon: Close,\n            size: Sizes.medium\n        })\n    });\n};\nconst CloseButtonContainer = styled.button.withConfig({\n    componentId: \"sc-94c74eb2-1\"\n})(_templateObject1());\nconst PassInfoModalWrapper = styled(Modal).withConfig({\n    componentId: \"sc-94c74eb2-2\"\n})(_templateObject2());\nexport const PassInfoModalContainer = styled.div.withConfig({\n    componentId: \"sc-94c74eb2-3\"\n})(_templateObject3(), (props)=>props.theme.new.colors.sol_gray_300, (props)=>props.theme.new.colors.sol_gray_700, (props)=>props.theme.new.colors.sol_blue_500, (props)=>props.theme.new.colors.sol_mint_400, (props)=>props.theme.new.colors.sol_gray_500, (props)=>props.theme.new.colors.sol_gray_300, (props)=>props.theme.new.colors.sol_gray_700, (props)=>props.theme.new.colors.sol_gray_500);\nconst FooterContainer = styled.div.withConfig({\n    componentId: \"sc-94c74eb2-4\"\n})(_templateObject4(), (props)=>props.theme.new.colors.white);\n","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport Icon from \"@/components/icon/Icon\";\nimport { ArrowRight1_5px, CouponFilled, Sizes } from \"@/components/icon/IconList\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { Button } from \"@bookips/solvook-ui-library\";\nimport { Box, Typography, useTheme } from \"@mui/material\";\nconst CouponAlert = (param)=>{\n    let { onClick  } = param;\n    const theme = useTheme();\n    return /*#__PURE__*/ _jsxs(Button, {\n        disableRipple: true,\n        onClick: ()=>{\n            onClick();\n            //mx-39 공통으로 쓴다면 한곳에서 이벤트 관리\n            mixpanelEvent(\"Coupon Get Button Clicked\", {\n                \"Button Name\": \"적용 가능한 쿠폰 받기\"\n            });\n        },\n        sx: {\n            width: \"100%\",\n            display: \"flex\",\n            justifyContent: \"space-between\",\n            backgroundColor: theme.palette.red[0],\n            marginTop: \"8px\",\n            \":hover\": {\n                backgroundColor: theme.palette.red[100]\n            }\n        },\n        children: [\n            /*#__PURE__*/ _jsxs(Box, {\n                sx: {\n                    display: \"flex\",\n                    gap: 1,\n                    alignItems: \"center\"\n                },\n                children: [\n                    /*#__PURE__*/ _jsx(Icon, {\n                        icon: CouponFilled,\n                        size: Sizes.small,\n                        color: theme.palette.red[400]\n                    }),\n                    /*#__PURE__*/ _jsx(Typography, {\n                        variant: \"subtitle2\",\n                        sx: {\n                            color: \"red.400\"\n                        },\n                        children: \"적용 가능한 쿠폰 받기\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(Icon, {\n                icon: ArrowRight1_5px,\n                size: Sizes.smallHalf,\n                color: theme.palette.status.error\n            })\n        ]\n    });\n};\nexport default CouponAlert;\n","import { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { getMemberships, PassCategory } from \"src/api/membership\";\nconst useMembershipQuery = (param)=>{\n    let { productId , isLoggedIn , freepassOnly , selectedPurchaseOption  } = param;\n    return useQuery([\n        \"ticketList\",\n        productId,\n        selectedPurchaseOption\n    ], ()=>{\n        return getMemberships({\n            productId: String(productId),\n            category: freepassOnly ? [\n                PassCategory.FreePass\n            ] : [\n                PassCategory.Solvookplus,\n                PassCategory.Subscription,\n                PassCategory.Ticket\n            ],\n            purchaseOption: selectedPurchaseOption\n        });\n    }, {\n        keepPreviousData: true,\n        enabled: isLoggedIn,\n        select: (data)=>{\n            return data.unexpired.map((ticket)=>{\n                var _ticket_remainAmount;\n                if (!ticket.usable) {\n                    return {\n                        id: ticket.membershipId,\n                        title: ticket.productInfo.title,\n                        detailText: \"사용범위에 맞지 않는 자료\",\n                        isDisabled: true,\n                        raw: ticket\n                    };\n                }\n                const isUnlimitedUse = freepassOnly || ticket.productInfo.category === \"solvookplus\" || ticket.productInfo.category === \"solvookplus-subscribe\";\n                const isRemainUsablePass = ticket.deductionMethod === \"count\" ? ticket.remainCount : ticket.remainAmount;\n                if (!isUnlimitedUse && !isRemainUsablePass) {\n                    return {\n                        id: ticket.membershipId,\n                        title: ticket.productInfo.title,\n                        detailText: \"사용완료\",\n                        isDisabled: true,\n                        raw: ticket\n                    };\n                }\n                var _ticket_remainAmount_toLocaleString;\n                return {\n                    id: ticket.membershipId,\n                    title: ticket.productInfo.title,\n                    detailText: isUnlimitedUse ? \"사용범위 내 무제한\" : ticket.deductionMethod === \"count\" ? \"\".concat(ticket.remainCount, \"회\") : \"\".concat((_ticket_remainAmount_toLocaleString = (_ticket_remainAmount = ticket.remainAmount) === null || _ticket_remainAmount === void 0 ? void 0 : _ticket_remainAmount.toLocaleString()) !== null && _ticket_remainAmount_toLocaleString !== void 0 ? _ticket_remainAmount_toLocaleString : 0, \"원\"),\n                    remainDay: ticket.remainDay,\n                    isDisabled: false,\n                    raw: ticket\n                };\n            });\n        }\n    });\n};\nexport const useInvalidateMembershipQuery = ()=>{\n    const queryClient = useQueryClient();\n    return (productId)=>{\n        queryClient.invalidateQueries({\n            queryKey: [\n                \"ticketList\",\n                productId\n            ]\n        });\n    };\n};\nexport default useMembershipQuery;\n","import { jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { priceFormatter } from \"@/lib/utils\";\nimport { LIBRARIES_INDEX_PAGE, MYPAGE_PASSES, PASSES_ORDER } from \"@/settings/constant\";\nimport { styled } from \"@mui/material\";\nimport { useMutation, useQuery } from \"@tanstack/react-query\";\nimport { useRouter } from \"next/router\";\nimport { useCallback, useEffect } from \"react\";\nimport { Subjects, getMembershipAvailable, getRelatedProducts, postUseMembership } from \"src/api/product\";\nimport useHandoutProductStore from \"src/store/relatedProduct\";\nimport { usePurchaseStore } from \"../purchaseStore\";\nimport { useInvalidateMembershipQuery } from \"../useMembershipQuery\";\nconst EmTitle = styled(\"em\")((param)=>{\n    let { theme  } = param;\n    return {\n        color: theme.palette.secondary.main,\n        ...theme.typography.h6\n    };\n});\nconst EmContent = styled(\"em\")((param)=>{\n    let { theme  } = param;\n    return {\n        color: theme.palette.text.primary,\n        ...theme.typography.subtitle1\n    };\n});\nconst UNLIMITED_COUNT = 999999;\nexport const useLegacyPassLogic = (param)=>{\n    let { product , skipConfirmation =false  } = param;\n    const router = useRouter();\n    const { openModal , closeModal , reset , selectedPass , setFlags  } = usePurchaseStore((state)=>({\n            openModal: state.openModal,\n            closeModal: state.closeModal,\n            reset: state.reset,\n            selectedPass: state.selectedPass,\n            setFlags: state.setFlags,\n            showCouponModal: state.showCouponModal\n        }));\n    const usePassMutation = useMutation(postUseMembership);\n    const useMembershipAvailableMutation = useMutation(getMembershipAvailable);\n    const { refetch: refetchRelatedProducts  } = useQuery([\n        \"relatedProduct\",\n        product.id\n    ], ()=>getRelatedProducts(product.id.toString()));\n    const invalidateMembershipQuery = useInvalidateMembershipQuery();\n    const { closePassSectionModal , updateMembershipAvailable , purchaseProductsInfo , hasAlreadyOwned , selectedPurchaseOption  } = useHandoutProductStore((state)=>({\n            closePassSectionModal: state.closePassSectionModal,\n            updateMembershipAvailable: state.updateMembershipAvailable,\n            purchaseProductsInfo: state.purchaseProductsInfo,\n            hasAlreadyOwned: state.hasAlreadyOwned,\n            selectedPurchaseOption: state.selectedPurchaseOption\n        }));\n    const getModalContent = useCallback(()=>{\n        const isAmount = selectedPass.raw.productInfo.deductionMethod === \"amount\";\n        return {\n            title: /*#__PURE__*/ _jsxs(_Fragment, {\n                children: [\n                    \"자료 \",\n                    /*#__PURE__*/ _jsxs(EmTitle, {\n                        children: [\n                            purchaseProductsInfo.totalCount,\n                            \"개\"\n                        ]\n                    }),\n                    \"에 이용권을 사용할까요?\"\n                ]\n            }),\n            content: isAmount ? /*#__PURE__*/ _jsxs(_Fragment, {\n                children: [\n                    \"구매 시 이용권에서\",\n                    \" \",\n                    /*#__PURE__*/ _jsxs(EmContent, {\n                        children: [\n                            priceFormatter(purchaseProductsInfo.totalPrice),\n                            \"원\"\n                        ]\n                    }),\n                    \"를 차감해요.\"\n                ]\n            }) : /*#__PURE__*/ _jsxs(_Fragment, {\n                children: [\n                    \"사용 시 이용권에서 \",\n                    /*#__PURE__*/ _jsxs(EmContent, {\n                        children: [\n                            purchaseProductsInfo.totalCount,\n                            \"회\"\n                        ]\n                    }),\n                    \"를 차감해요.\"\n                ]\n            })\n        };\n    }, [\n        selectedPass,\n        purchaseProductsInfo\n    ]);\n    const showExceededLimitModal = useCallback((isAmount)=>{\n        openModal({\n            title: isAmount ? \"이용권 사용금액을 초과했어요.\" : \"이용권 사용횟수를 초과했어요.\",\n            content: isAmount ? \"선택하신 자료의 금액이 이용권의 남은 금액을 초과했어요.\" : \"선택하신 상품의 갯수가 이용권의 남은 횟수를 초과했어요.\",\n            severity: \"caution\",\n            prefix: null,\n            suffix: {\n                variant: \"solid\",\n                label: \"확인\",\n                handleClick: ()=>{\n                    closeModal();\n                    mixpanelEvent(\"Pass Unavailable\", {\n                        \"Popup Title\": isAmount ? \"이용권 사용금액을 초과했어요.\" : \"이용권 사용횟수를 초과했어요.\",\n                        \"Button Name\": \"확인\",\n                        \"Button URL\": null\n                    });\n                }\n            }\n        });\n    }, [\n        openModal,\n        closeModal\n    ]);\n    const validateDeductionLimits = useCallback(()=>{\n        if (selectedPass.raw.productInfo.category !== \"freepass\") {\n            const isAmount = selectedPass.raw.productInfo.deductionMethod === \"amount\";\n            if (isAmount && selectedPass.raw.remainAmount < purchaseProductsInfo.totalPrice) {\n                showExceededLimitModal(true);\n                return false;\n            } else if (!isAmount && selectedPass.raw.remainCount < purchaseProductsInfo.totalCount && selectedPass.raw.productInfo.availableCount !== UNLIMITED_COUNT) {\n                showExceededLimitModal(false);\n                return false;\n            }\n        }\n        return true;\n    }, [\n        selectedPass,\n        purchaseProductsInfo,\n        showExceededLimitModal\n    ]);\n    // 연관자료 없이 현재 상품만 사용하려는 경우\n    const currentProductUsePass = useCallback(async ()=>{\n        if (hasAlreadyOwned) {\n            openModal({\n                title: \"이미 이용 중이에요.\",\n                content: \"해당 자료는 자료 보관함에서 확인할 수 있어요.\",\n                suffix: {\n                    variant: \"solid\",\n                    label: \"자료 보관함 이동\",\n                    handleClick: ()=>{\n                        var _product_source;\n                        mixpanelEvent(\"Popup Button Clicked\", {\n                            //팝업 mx-9\n                            \"Popup Type\": \"Already Owned Product\",\n                            \"Popup Title\": \"이미 이용 중이에요.\",\n                            \"Button Name\": \"자료 보관함 이동\",\n                            \"Button URL\": LIBRARIES_INDEX_PAGE\n                        });\n                        var _product_source_subject;\n                        router.push(\"\".concat(LIBRARIES_INDEX_PAGE, \"?subject=\").concat((_product_source_subject = (_product_source = product.source) === null || _product_source === void 0 ? void 0 : _product_source.subject) !== null && _product_source_subject !== void 0 ? _product_source_subject : Subjects.EN));\n                    }\n                }\n            });\n            return;\n        }\n        if (!validateDeductionLimits()) return;\n        // skipConfirmation이 true인 경우, 모달을 띄우지 않고 바로 사용처리\n        if (skipConfirmation) {\n            usePassConfirmed();\n            return;\n        }\n        const { title , content  } = getModalContent();\n        openModal({\n            title,\n            content,\n            prefix: {\n                variant: \"soft\",\n                label: \"취소\",\n                handleClick: ()=>{\n                    closeModal();\n                }\n            },\n            suffix: {\n                variant: \"solid\",\n                label: \"이용권 사용하기\",\n                handleClick: ()=>{\n                    usePassConfirmed();\n                }\n            }\n        });\n    }, [\n        hasAlreadyOwned,\n        openModal,\n        router,\n        product,\n        closeModal,\n        getModalContent,\n        validateDeductionLimits,\n        skipConfirmation\n    ]);\n    const relatedProductUsePass = useCallback(async ()=>{\n        if (!validateDeductionLimits()) return;\n        const productIds = purchaseProductsInfo.selectedRelatedProducts.map((p)=>p.id.toString());\n        const res = await useMembershipAvailableMutation.mutateAsync({\n            membershipId: selectedPass.id.toString(),\n            productIds\n        });\n        const hasUnusableProduct = res.data.filter((p)=>!p.usable).map((p)=>p.productId.toString());\n        if (hasAlreadyOwned) {\n            if (hasUnusableProduct.length > 0) {\n                updateMembershipAvailable(hasUnusableProduct);\n                setFlags({\n                    showAvailableRelatedProductsModal: true\n                });\n                closePassSectionModal();\n                return;\n            }\n            updateMembershipAvailable([]);\n            setFlags({\n                showAvailableRelatedProductsModal: true\n            });\n            closePassSectionModal();\n            return;\n        }\n        if (hasUnusableProduct.length > 0) {\n            updateMembershipAvailable(hasUnusableProduct);\n            setFlags({\n                showAvailableRelatedProductsModal: true\n            });\n            closePassSectionModal();\n            return;\n        }\n        if (skipConfirmation) {\n            usePassConfirmed();\n            return;\n        }\n        const { title , content  } = getModalContent();\n        openModal({\n            title,\n            content,\n            prefix: {\n                variant: \"soft\",\n                label: \"취소\",\n                handleClick: ()=>{\n                    closeModal();\n                }\n            },\n            suffix: {\n                variant: \"solid\",\n                label: \"이용권 사용하기\",\n                handleClick: ()=>{\n                    usePassConfirmed();\n                }\n            }\n        });\n    }, [\n        purchaseProductsInfo,\n        useMembershipAvailableMutation,\n        updateMembershipAvailable,\n        hasAlreadyOwned,\n        openModal,\n        closeModal,\n        closePassSectionModal,\n        selectedPass,\n        setFlags,\n        getModalContent,\n        validateDeductionLimits,\n        skipConfirmation\n    ]);\n    const handleUsePass = useCallback(async ()=>{\n        // mx-3,18\n        mixpanelEvent(\"Purchase Button Clicked\", {\n            PurchaseType: \"이용권 사용\",\n            \"Pass ID\": selectedPass.id,\n            \"Pass Title\": selectedPass.raw.productInfo.title,\n            \"Product IDs\": purchaseProductsInfo.selectedRelatedProducts.map((p)=>p.id).concat([\n                product.id.toString()\n            ]),\n            \"Product Titles\": purchaseProductsInfo.selectedRelatedProducts.map((p)=>p.title).concat([\n                product.title\n            ]),\n            \"Purchase option\": selectedPurchaseOption\n        });\n        if (purchaseProductsInfo.selectedRelatedProducts.length === 0) {\n            currentProductUsePass();\n        } else {\n            relatedProductUsePass();\n        }\n    }, [\n        selectedPass,\n        purchaseProductsInfo,\n        product,\n        currentProductUsePass,\n        relatedProductUsePass,\n        selectedPurchaseOption\n    ]);\n    // 이용권 사용하기 버튼 클릭 후\n    const usePassConfirmed = useCallback(()=>{\n        const productIds = hasAlreadyOwned ? purchaseProductsInfo.selectedRelatedProducts.map((p)=>p.id.toString()) : purchaseProductsInfo.selectedRelatedProducts.map((p)=>p.id.toString()).concat(product.id.toString());\n        usePassMutation.mutate({\n            productIds,\n            membershipId: selectedPass.id.toString(),\n            choicePurchaseOption: selectedPurchaseOption\n        }, {\n            onSuccess: async (data)=>{\n                invalidateMembershipQuery(product.id);\n                openModal({\n                    title: /*#__PURE__*/ _jsxs(_Fragment, {\n                        children: [\n                            \"자료 보관함에 자료 \",\n                            /*#__PURE__*/ _jsxs(EmTitle, {\n                                children: [\n                                    productIds.length,\n                                    \"개\"\n                                ]\n                            }),\n                            \"를 추가했어요.\"\n                        ]\n                    }),\n                    content: \"내 자료들은 자료 보관함에서 확인할 수 있어요.\",\n                    severity: \"success\",\n                    suffix: {\n                        variant: \"solid\",\n                        label: \"자료 보관함 가기\",\n                        handleClick: ()=>{\n                            var _product_source;\n                            //mx-9\n                            mixpanelEvent(\"Popup Button Clicked\", {\n                                \"Popup Type\": \"Use Pass\",\n                                \"Popup Title\": \"자료 보관함에 자료를 추가했어요.\",\n                                \"Button Name\": \"자료 보관함 이동\",\n                                \"Button URL\": LIBRARIES_INDEX_PAGE\n                            });\n                            var _product_source_subject;\n                            router.push(\"\".concat(LIBRARIES_INDEX_PAGE, \"?subject=\").concat((_product_source_subject = (_product_source = product.source) === null || _product_source === void 0 ? void 0 : _product_source.subject) !== null && _product_source_subject !== void 0 ? _product_source_subject : Subjects.EN));\n                        }\n                    },\n                    prefix: {\n                        variant: \"soft\",\n                        label: \"닫기\",\n                        handleClick: ()=>{\n                            closeModal();\n                            mixpanelEvent(\"Popup Button Clicked\", {\n                                \"Popup Type\": \"Use Pass\",\n                                \"Popup Title\": \"자료 보관함에 자료를 추가했어요.\",\n                                \"Button Name\": \"닫기\",\n                                \"Button URL\": null\n                            });\n                        }\n                    }\n                });\n                await refetchRelatedProducts();\n                // mx-15\n                mixpanelEvent(\"Pass Use Completed\", {\n                    \"Pass ID\": selectedPass.id,\n                    \"Pass Category\": selectedPass.raw.productInfo.category,\n                    \"Pass Category Title\": selectedPass.raw.productInfo.categoryTitle,\n                    \"Pass Title\": selectedPass.raw.productInfo.title,\n                    \"Product ID\": product.id,\n                    \"Product Category\": product.category,\n                    \"Product Title\": product.title,\n                    \"Product Price\": product.price,\n                    \"Author ID\": product.author,\n                    \"Author Name\": selectedPass.raw.productInfo.category,\n                    \"Purchase option\": selectedPurchaseOption\n                });\n            },\n            onError: async (error)=>{\n                if (error.response.status === 409 && error.response.data.message.includes(\"could not purchase or use the product\")) {\n                    openModal({\n                        title: \"해당 상품은 판매가 중단됐어요.\",\n                        content: \"저작권 이용기간이 만료된 상품이거나 판매가 중지된 상품이에요.\",\n                        severity: \"caution\",\n                        suffix: null\n                    });\n                }\n                if (error.response.status === 409 && error.response.data.message.includes(\"no remains\")) {\n                    const isAmount = selectedPass.raw.productInfo.deductionMethod === \"amount\";\n                    showExceededLimitModal(isAmount);\n                    return;\n                }\n                if (error.response.status === 409 && error.response.data.message.includes(\"user already has a product\")) {\n                    openModal({\n                        title: \"이미 이용중인 자료가 있어요\",\n                        content: \"해당 자료를 제외한 자료만 이용권 차감돼요\",\n                        severity: \"caution\",\n                        suffix: {\n                            variant: \"solid\",\n                            label: \"자료 보관함 바로가기\",\n                            handleClick: ()=>{\n                                router.push(LIBRARIES_INDEX_PAGE);\n                            }\n                        }\n                    });\n                    await refetchRelatedProducts();\n                }\n                if (error.response.status === 403) {\n                    openModal({\n                        title: \"이용권을 구매해주세요!\",\n                        content: \"해당 자료는 이용권으로 결제할 수 있어요.\",\n                        severity: \"caution\",\n                        suffix: {\n                            variant: \"solid\",\n                            label: \"이용권 구매하기\",\n                            handleClick: ()=>{\n                                router.push(PASSES_ORDER);\n                            }\n                        }\n                    });\n                }\n                // solvookplus, solvookplus-subscribe,쏠플의 경우 이용권으로 다운로드 사용 불가에 대한 에러\n                if (error.response.status === 422) {\n                    openModal({\n                        title: \"이용권의 사용 범위와 맞지 않는 자료에요.\",\n                        content: \"마이페이지 > 이용권 관리에서 선택한 이용권의 사용 범위를 확인해주세요.\",\n                        severity: \"caution\",\n                        suffix: {\n                            variant: \"solid\",\n                            label: \"확인\",\n                            handleClick: ()=>{\n                                mixpanelEvent(\"Popup Button Clicked\", {\n                                    \"Popup Type\": \"Pass Use Failed\",\n                                    \"Popup Title\": \"이용권의 사용 범위와 맞지 않는 자료에요.\",\n                                    \"Button Name\": \"확인\",\n                                    \"Button URL\": null\n                                });\n                                closeModal();\n                            }\n                        },\n                        prefix: {\n                            variant: \"soft\",\n                            label: \"이용권 관리 가기\",\n                            handleClick: ()=>{\n                                mixpanelEvent(\"Popup Button Clicked\", {\n                                    \"Popup Type\": \"Pass Use Failed\",\n                                    \"Popup Title\": \"이용권의 사용 범위와 맞지 않는 자료에요.\",\n                                    \"Button Name\": \"이용권 관리 가기\",\n                                    \"Button URL\": MYPAGE_PASSES\n                                });\n                                router.push(MYPAGE_PASSES);\n                            }\n                        }\n                    });\n                }\n            }\n        });\n    }, [\n        selectedPass,\n        purchaseProductsInfo,\n        product,\n        usePassMutation,\n        refetchRelatedProducts,\n        router,\n        hasAlreadyOwned,\n        openModal,\n        closeModal,\n        showExceededLimitModal,\n        selectedPurchaseOption\n    ]);\n    useEffect(()=>{\n        return ()=>{\n            reset();\n        };\n    }, []);\n    return {\n        // 이용권 사용 프로세스 시작하는 메서드. 단일 상품 + 연관 상품에 대한 로직 처리\n        handleUsePass,\n        // 사용을 확정하는 메서드. 사용 요청을 보내고 결과에 따른 모달 처리\n        usePassConfirmed\n    };\n};\n","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { ArrowRight2px, Sizes } from \"@/components/icon/IconList\";\nimport { MYPAGE_PASSES } from \"@/settings/constant\";\nimport { ButtonBase, Stack, Typography, useTheme } from \"@mui/material\";\nimport { useRouter } from \"next/router\";\nconst ManagePassLink = ()=>{\n    const theme = useTheme();\n    const router = useRouter();\n    const handleClick = ()=>{\n        router.push(MYPAGE_PASSES);\n    };\n    return /*#__PURE__*/ _jsx(ButtonBase, {\n        disableRipple: true,\n        sx: {\n            width: \"100%\",\n            py: 1.5,\n            px: 2\n        },\n        onClick: handleClick,\n        children: /*#__PURE__*/ _jsxs(Stack, {\n            sx: {\n                width: \"100%\",\n                flexDirection: \"row\",\n                gap: 0.5,\n                alignItems: \"center\",\n                justifyContent: \"center\"\n            },\n            children: [\n                /*#__PURE__*/ _jsx(Typography, {\n                    variant: \"subtitle2\",\n                    sx: {\n                        color: \"primary.main\"\n                    },\n                    children: \"이용권 관리 가기\"\n                }),\n                /*#__PURE__*/ _jsx(ArrowRight2px, {\n                    size: Sizes.small,\n                    color: theme.palette.primary.main\n                })\n            ]\n        })\n    });\n};\nexport default ManagePassLink;\n","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Box, Divider, Stack, Typography } from \"@mui/material\";\nconst PassButtonContent = (param)=>{\n    let { rightContent , passContent , isSelected  } = param;\n    if (!passContent) {\n        return /*#__PURE__*/ _jsx(Box, {\n            sx: {\n                minHeight: 50\n            }\n        });\n    }\n    const titleColor = passContent.isDisabled ? \"text.disabled\" : isSelected ? \"primary.main\" : \"inherit\";\n    return /*#__PURE__*/ _jsxs(Stack, {\n        sx: {\n            flexDirection: \"row\",\n            gap: 1.5,\n            width: \"100%\",\n            alignItems: \"center\",\n            minHeight: 50\n        },\n        children: [\n            /*#__PURE__*/ _jsxs(Box, {\n                sx: {\n                    flex: 1,\n                    minWidth: 0\n                },\n                children: [\n                    /*#__PURE__*/ _jsx(Typography, {\n                        variant: \"subtitle1\",\n                        sx: {\n                            mb: 0.25,\n                            textAlign: \"left\",\n                            color: titleColor,\n                            wordBreak: \"keep-all\",\n                            whiteSpace: \"normal\",\n                            overflowWrap: \"break-word\"\n                        },\n                        children: passContent.title\n                    }),\n                    /*#__PURE__*/ _jsxs(Stack, {\n                        sx: {\n                            flexDirection: \"row\",\n                            alignItems: \"center\",\n                            gap: 0.75\n                        },\n                        children: [\n                            /*#__PURE__*/ _jsx(Typography, {\n                                variant: passContent.isDisabled ? \"body2\" : \"subtitle2\",\n                                color: passContent.isDisabled ? \"text.disabled\" : \"blue.400\",\n                                children: passContent.detailText\n                            }),\n                            typeof passContent.remainDay === \"number\" && /*#__PURE__*/ _jsxs(_Fragment, {\n                                children: [\n                                    /*#__PURE__*/ _jsx(Divider, {\n                                        orientation: \"vertical\",\n                                        flexItem: true,\n                                        sx: {\n                                            my: 0.5,\n                                            color: \"grey.100\"\n                                        }\n                                    }),\n                                    /*#__PURE__*/ _jsx(Typography, {\n                                        variant: \"body2\",\n                                        color: passContent.isDisabled ? \"text.disabled\" : \"grey.500\",\n                                        children: \"\".concat(passContent.remainDay, \"일 남음\")\n                                    })\n                                ]\n                            })\n                        ]\n                    })\n                ]\n            }),\n            rightContent\n        ]\n    });\n};\nexport default PassButtonContent;\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport Radio from \"@/components/common/Radio\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { alpha, MenuItem } from \"@mui/material\";\nimport { useEffect } from \"react\";\nimport PassButtonContent from \"./PassButtonContent\";\nconst PassMenuItem = (param)=>{\n    let { passContent , isSelected , onClick , ...props } = param;\n    const backgroundColor = passContent.isDisabled ? \"grey.0\" : isSelected ? \"indigo.0\" : \"transparent\";\n    const handleClick = (e)=>{\n        if (passContent.isDisabled) return;\n        onClick === null || onClick === void 0 ? void 0 : onClick(e);\n    };\n    useEffect(()=>{\n        if (isSelected) {\n            //mx-221\n            mixpanelEvent(\"Pass Selection Clicked\", {\n                \"Pass Name\": passContent.title,\n                \"Pass Id\": passContent.id\n            });\n        }\n    }, [\n        isSelected\n    ]);\n    return /*#__PURE__*/ _jsx(MenuItem, {\n        disableRipple: true,\n        sx: (theme)=>({\n                backgroundColor,\n                borderBottom: \"1px solid\",\n                borderColor: \"grey.50\",\n                \"&:hover\": {\n                    backgroundColor: passContent.isDisabled ? \"grey.0\" : alpha(theme.palette.grey[300], 0.2)\n                },\n                py: 2\n            }),\n        onClick: handleClick,\n        ...props,\n        children: /*#__PURE__*/ _jsx(PassButtonContent, {\n            passContent: passContent,\n            isSelected: isSelected,\n            rightContent: !passContent.isDisabled ? /*#__PURE__*/ _jsx(Radio, {\n                size: \"small\",\n                checked: isSelected\n            }) : null\n        })\n    });\n};\nexport default PassMenuItem;\n","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Menu } from \"@mui/material\";\nimport ManagePassLink from \"./ManagePassLink\";\nimport PassMenuItem from \"./PassMenuItem\";\nconst PassMenuList = (param)=>{\n    let { anchorEl , menuWidth , passes , onPassSelect , selectedId , ...rest } = param;\n    return /*#__PURE__*/ _jsxs(Menu, {\n        ...rest,\n        anchorEl: anchorEl,\n        sx: {\n            // NOTE: HandoutPassSectionModal과 중첩시 뒤로 밀리지 않도록 2008로 설정\n            // HandoutPassSectionModal의 depth는 1007이지만, 이 모달이 쓰는 common/Overlay의 StyledOverlay는 depth + 1000을 z-index로 설정하여 2007이 됨\n            zIndex: 2008\n        },\n        slotProps: {\n            paper: {\n                sx: {\n                    ...menuWidth && {\n                        width: menuWidth\n                    },\n                    borderRadius: \"6px\",\n                    border: \"1px solid\",\n                    borderColor: \"grey.100\",\n                    boxShadow: \"0px 4px 12px 0px rgba(0, 0, 0, 0.08), 0px 4px 8px 0px rgba(0, 0, 0, 0.04);\",\n                    mt: 0.5,\n                    maxHeight: \"400px\"\n                }\n            }\n        },\n        children: [\n            passes.map((pass)=>{\n                /*#__PURE__*/ return _jsx(PassMenuItem, {\n                    passContent: pass,\n                    isSelected: selectedId === pass.id,\n                    onClick: ()=>{\n                        return onPassSelect === null || onPassSelect === void 0 ? void 0 : onPassSelect(pass);\n                    }\n                }, pass.id);\n            }),\n            /*#__PURE__*/ _jsx(ManagePassLink, {})\n        ]\n    });\n};\nexport default PassMenuList;\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { ArrowDown, ArrowUp, Sizes } from \"@/components/icon/IconList\";\nimport { alpha, ButtonBase, useTheme } from \"@mui/material\";\nimport PassButtonContent from \"./PassButtonContent\";\nconst PassSelectButton = (param)=>{\n    let { open , pass , ...props } = param;\n    const theme = useTheme();\n    return /*#__PURE__*/ _jsx(ButtonBase, {\n        disableRipple: true,\n        sx: (theme)=>({\n                py: 1.5,\n                px: 2,\n                width: \"100%\",\n                border: \"1px solid\",\n                borderColor: \"grey.200\",\n                backgroundColor: open ? alpha(theme.palette.grey[300], 0.2) : \"transparent\",\n                borderRadius: \"6px\",\n                \"&:hover\": {\n                    backgroundColor: alpha(theme.palette.grey[300], 0.2)\n                }\n            }),\n        ...props,\n        children: /*#__PURE__*/ _jsx(PassButtonContent, {\n            passContent: pass,\n            rightContent: open ? /*#__PURE__*/ _jsx(ArrowUp, {\n                size: Sizes.small,\n                color: theme.palette.grey[500]\n            }) : /*#__PURE__*/ _jsx(ArrowDown, {\n                size: Sizes.small,\n                color: theme.palette.grey[500]\n            })\n        })\n    });\n};\nexport default PassSelectButton;\n","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { priceFormatter } from \"@/lib/utils\";\nimport { Button } from \"@bookips/solvook-ui-library\";\nimport { Box, Divider, Stack, styled, Typography } from \"@mui/material\";\nimport useHandoutProductStore from \"src/store/relatedProduct\";\nimport CouponAlert from \"./CouponAlert\";\nconst PurchaseDivider = styled(Divider)((param)=>{\n    let { theme  } = param;\n    return {\n        margin: theme.spacing(0, -2.5),\n        borderColor: theme.palette.grey[50]\n    };\n});\nconst labelTextMap = {\n    total: \"합계 금액/상품 수\",\n    freepass: \"상품 수\",\n    basicpass: \"차감 금액/상품 수\"\n};\nconst buttonLabelMap = {\n    total: \"장바구니 담기\",\n    freepass: \"자료 보관함에 넣기\",\n    basicpass: \"이용권 사용하기\"\n};\nconst PurchaseCTA = (param)=>{\n    let { onClick , variant =\"total\" , isHandoutCoupons , onCouponClick  } = param;\n    const { totalPrice , totalCount  } = useHandoutProductStore((param)=>{\n        let { purchaseProductsInfo  } = param;\n        return {\n            totalPrice: purchaseProductsInfo.totalPrice,\n            totalCount: purchaseProductsInfo.totalCount\n        };\n    });\n    const isQuantityOnly = variant === \"freepass\";\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            /*#__PURE__*/ _jsx(PurchaseDivider, {}),\n            /*#__PURE__*/ _jsxs(Box, {\n                sx: {\n                    my: 2.5\n                },\n                children: [\n                    /*#__PURE__*/ _jsxs(Stack, {\n                        sx: {\n                            flexDirection: \"row\",\n                            justifyContent: \"space-between\"\n                        },\n                        children: [\n                            /*#__PURE__*/ _jsx(Typography, {\n                                variant: \"body2\",\n                                sx: {\n                                    color: \"text.secondary\"\n                                },\n                                children: labelTextMap[variant]\n                            }),\n                            isQuantityOnly ? /*#__PURE__*/ _jsxs(Typography, {\n                                variant: \"body2\",\n                                sx: {\n                                    color: \"text.secondary\"\n                                },\n                                children: [\n                                    totalCount,\n                                    \"개\"\n                                ]\n                            }) : /*#__PURE__*/ _jsxs(Stack, {\n                                direction: \"row\",\n                                alignItems: \"center\",\n                                spacing: 0.5,\n                                children: [\n                                    /*#__PURE__*/ _jsxs(Typography, {\n                                        variant: \"body2\",\n                                        sx: {\n                                            color: \"text.secondary\"\n                                        },\n                                        children: [\n                                            priceFormatter(totalPrice),\n                                            \"원\"\n                                        ]\n                                    }),\n                                    /*#__PURE__*/ _jsx(Typography, {\n                                        variant: \"body2\",\n                                        sx: {\n                                            color: \"text.disabled\"\n                                        },\n                                        children: \"/ \".concat(totalCount, \"개\")\n                                    })\n                                ]\n                            })\n                        ]\n                    }),\n                    variant === \"total\" && isHandoutCoupons && /*#__PURE__*/ _jsx(CouponAlert, {\n                        onClick: onCouponClick\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(Button, {\n                variant: \"filledPrimary\",\n                size: \"large\",\n                onClick: onClick,\n                children: buttonLabelMap[variant]\n            })\n        ]\n    });\n};\nexport default PurchaseCTA;\n","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Divider, styled, Typography } from \"@mui/material\";\nexport const TabMessageBox = styled(Box)((param)=>{\n    let { theme  } = param;\n    return {\n        backgroundColor: theme.palette.grey[0],\n        borderRadius: \"6px\",\n        padding: theme.spacing(3, 0),\n        width: \"100%\",\n        textAlign: \"center\"\n    };\n});\nexport const PurchaseDivider = styled(Divider)((param)=>{\n    let { theme  } = param;\n    return {\n        margin: theme.spacing(0, -2.5),\n        borderColor: theme.palette.grey[50]\n    };\n});\nexport const TabFormSection = (param)=>{\n    let { title , children , ...props } = param;\n    return /*#__PURE__*/ _jsxs(Box, {\n        ...props,\n        children: [\n            /*#__PURE__*/ _jsx(Typography, {\n                variant: \"subtitle2\",\n                sx: {\n                    color: \"grey.500\",\n                    mb: 1\n                },\n                children: title\n            }),\n            children\n        ]\n    });\n};\n","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { PASSES_LANDING } from \"@/settings/constant\";\nimport { Button } from \"@bookips/solvook-ui-library\";\nimport { Typography } from \"@mui/material\";\nimport Link from \"next/link\";\nimport { Subjects } from \"src/api/product\";\nimport { TabMessageBox } from \"./PurchaseLayouts\";\nconst PurchaseNoFreepassTab = (param)=>{\n    let { product  } = param;\n    var _product_source;\n    var _product_source_subject;\n    const subject = (_product_source_subject = (_product_source = product.source) === null || _product_source === void 0 ? void 0 : _product_source.subject) !== null && _product_source_subject !== void 0 ? _product_source_subject : Subjects.EN;\n    const passesLandingUrl = \"\".concat(PASSES_LANDING, \"?subject=\").concat(subject);\n    const handleClick = ()=>{\n        //mx-205\n        mixpanelEvent(\"CTA Button Clicked\", {\n            Position: \"구매모듈\",\n            \"Button Type\": \"Freepass Purchase Module\",\n            \"Button Name\": \"무제한 이용하기\",\n            \"Button URL\": passesLandingUrl\n        });\n    };\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            /*#__PURE__*/ _jsx(TabMessageBox, {\n                sx: {\n                    mb: 2.5\n                },\n                children: /*#__PURE__*/ _jsxs(Typography, {\n                    variant: \"subtitle1\",\n                    sx: {\n                        color: \"text.title\"\n                    },\n                    children: [\n                        \"해당 상품은 '전용 패스'를 구매 후\",\n                        /*#__PURE__*/ _jsx(\"br\", {}),\n                        \"이용할 수 있어요.\"\n                    ]\n                })\n            }),\n            /*#__PURE__*/ _jsx(Link, {\n                href: passesLandingUrl,\n                children: /*#__PURE__*/ _jsx(Button, {\n                    size: \"large\",\n                    variant: \"contained\",\n                    fullWidth: true,\n                    onClick: handleClick,\n                    children: \"무제한 이용하기\"\n                })\n            })\n        ]\n    });\n};\nexport default PurchaseNoFreepassTab;\n","import { useEffect, useState } from \"react\";\nimport { usePurchaseStore } from \"./purchaseStore\";\nexport const usePassSelect = (passes, fullWidth)=>{\n    const [anchorEl, setAnchorEl] = useState(null);\n    const [menuWidth, setMenuWidth] = useState(()=>fullWidth ? \"100%\" : null);\n    const { selectedPass , setSelectedPass  } = usePurchaseStore((state)=>({\n            selectedPass: state.selectedPass,\n            setSelectedPass: state.setSelectedPass\n        }));\n    useEffect(()=>{\n        if (passes.length === 0) return;\n        if (selectedPass === null || !selectedPass.raw.usable) {\n            const usablePass = passes.find((pass)=>!pass.isDisabled);\n            if (usablePass) {\n                setSelectedPass(usablePass);\n            }\n            return;\n        }\n        // NOTE: 이용권 사용후 invalidate 되는 경우, 선택된 이용권 갱신\n        const updatedPass = passes.find((pass)=>pass.id === selectedPass.id);\n        if (updatedPass) {\n            setSelectedPass(updatedPass);\n        }\n    }, [\n        passes,\n        selectedPass,\n        setSelectedPass\n    ]);\n    const handleSelectClick = (event)=>{\n        setAnchorEl(event.currentTarget);\n        setMenuWidth(fullWidth ? \"100%\" : event.currentTarget.clientWidth);\n    };\n    const handleSelectClose = ()=>{\n        setAnchorEl(null);\n    };\n    const handlePassSelect = (pass)=>{\n        setSelectedPass(pass);\n        setAnchorEl(null);\n    };\n    const menuListOpen = !!anchorEl;\n    return {\n        anchorEl,\n        menuWidth,\n        menuListOpen,\n        handleSelectClick,\n        handleSelectClose,\n        handlePassSelect,\n        selectedPass\n    };\n};\n","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport useHandoutProductStore from \"src/store/relatedProduct\";\nimport { useLegacyPassLogic } from \"./legacy/useLegacyPassLogic\";\nimport PassMenuList from \"./PassMenuList\";\nimport PassSelectButton from \"./PassSelectButton\";\nimport PurchaseCTA from \"./PurchaseCTA\";\nimport { TabFormSection } from \"./PurchaseLayouts\";\nimport PurchaseNoFreepassTab from \"./PurchaseNoFreepassTab\";\nimport useMembershipQuery from \"./useMembershipQuery\";\nimport { usePassSelect } from \"./usePassSelect\";\nconst PurchaseFreePassTab = (param)=>{\n    let { isLoggedIn , product , fullWidth  } = param;\n    const { handleUsePass  } = useLegacyPassLogic({\n        product,\n        skipConfirmation: true\n    });\n    const { selectedPurchaseOption  } = useHandoutProductStore((state)=>({\n            selectedPurchaseOption: state.selectedPurchaseOption\n        }));\n    const { data: passes = [] , isSuccess  } = useMembershipQuery({\n        productId: product.id,\n        isLoggedIn,\n        freepassOnly: true,\n        selectedPurchaseOption: selectedPurchaseOption\n    });\n    const { anchorEl , menuWidth , menuListOpen , selectedPass , handleSelectClick , handleSelectClose , handlePassSelect  } = usePassSelect(passes, fullWidth);\n    const isAllFreepassDisabled = isSuccess && passes.every((pass)=>pass.isDisabled);\n    if (isAllFreepassDisabled) {\n        return /*#__PURE__*/ _jsx(PurchaseNoFreepassTab, {\n            product: product\n        });\n    }\n    var _selectedPass_id;\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            /*#__PURE__*/ _jsxs(TabFormSection, {\n                sx: {\n                    mb: 2\n                },\n                title: \"이용권 선택\",\n                children: [\n                    /*#__PURE__*/ _jsx(PassSelectButton, {\n                        open: menuListOpen,\n                        onClick: handleSelectClick,\n                        pass: selectedPass\n                    }),\n                    /*#__PURE__*/ _jsx(PassMenuList, {\n                        anchorEl: anchorEl,\n                        onClose: handleSelectClose,\n                        open: menuListOpen,\n                        menuWidth: menuWidth,\n                        passes: passes,\n                        onPassSelect: handlePassSelect,\n                        selectedId: (_selectedPass_id = selectedPass === null || selectedPass === void 0 ? void 0 : selectedPass.id) !== null && _selectedPass_id !== void 0 ? _selectedPass_id : null\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(PurchaseCTA, {\n                variant: \"freepass\",\n                onClick: handleUsePass\n            })\n        ]\n    });\n};\nexport default PurchaseFreePassTab;\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  padding: 72px 0;\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  background-color: rgba(28, 31, 46, 0.5);\\n  \",\n        \"\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  position: sticky;\\n  bottom: 0;\\n  display: flex;\\n  justify-content: flex-end;\\n  width: 100%;\\n  gap: 8px;\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject3() {\n    const data = _tagged_template_literal([\n        \"\\n  overflow: auto;\\n  flex-grow: 1;\\n\"\n    ]);\n    _templateObject3 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject4() {\n    const data = _tagged_template_literal([\n        \"\\n  h3 {\\n    font-size: 20px;\\n    font-weight: 700;\\n    line-height: 1.5;\\n    letter-spacing: -0.2px;\\n\\n    em {\\n      color: \",\n        \";\\n    }\\n  }\\n\\n  p {\\n    color: \",\n        \";\\n    font-size: 16px;\\n    line-height: 1.5;\\n    letter-spacing: -0.16px;\\n  }\\n\"\n    ]);\n    _templateObject4 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject5() {\n    const data = _tagged_template_literal([\n        \"\\n  padding: 28px;\\n  display: flex;\\n  flex-direction: column;\\n  gap: 28px;\\n  overflow-x: hidden;\\n  height: 80vh;\\n  width: 520px;\\n  .active-tab-wrapper {\\n    li {\\n      width: 100%;\\n\\n      div {\\n        line-height: 1.5;\\n      }\\n    }\\n\\n    .active {\\n      .usable {\\n        em {\\n          color: \",\n        \";\\n        }\\n      }\\n\\n      .unusable {\\n        em {\\n          color: \",\n        \";\\n        }\\n      }\\n    }\\n  }\\n  @media (max-width: 768px) {\\n    width: unset;\\n  }\\n\"\n    ]);\n    _templateObject5 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject6() {\n    const data = _tagged_template_literal([\n        \"\\n  font-size: 16px;\\n  font-weight: 600;\\n  line-height: 1.5;\\n  letter-spacing: -0.16px;\\n  text-align: center;\\n\"\n    ]);\n    _templateObject6 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject7() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  padding: 12px 0;\\n\\n  > div {\\n    display: flex;\\n    flex-direction: column;\\n    gap: 4px;\\n  }\\n\\n  .activeTab {\\n  }\\n\"\n    ]);\n    _templateObject7 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject8() {\n    const data = _tagged_template_literal([\n        \"\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  font-size: 16px;\\n  font-weight: 400;\\n  line-height: 1.5;\\n  letter-spacing: -0.16px;\\n\"\n    ]);\n    _templateObject8 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject9() {\n    const data = _tagged_template_literal([\n        \"\\n  color: \",\n        \";\\n  font-size: 14px;\\n  font-weight: 400;\\n  line-height: 22px;\\n  letter-spacing: -0.14px;\\n\"\n    ]);\n    _templateObject9 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject10() {\n    const data = _tagged_template_literal([\n        \"\\n  width: 44px;\\n  height: 62px;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  margin-right: 12px;\\n\\n  img {\\n    box-shadow: 3px 3px 12px 0px rgba(28, 31, 46, 0.06);\\n    border-radius: 2px;\\n  }\\n\"\n    ]);\n    _templateObject10 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { ActiveTab } from \"@/components/common/ActiveTab\";\nimport FilledButton from \"@/components/common/Button/FilledButton\";\nimport Image from \"@/components/common/Image\";\nimport Modal from \"@/components/modal/Modal\";\nimport useWindowDimensions from \"@/lib/web-ui/useWindowDimensions\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport Sheet from \"react-modal-sheet\";\nimport styled from \"styled-components\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { numberFormatter } from \"@/lib/utils\";\nimport { DEFAULT_BOOK_COVER } from \"@/settings/constant\";\nimport useHandoutProductStore from \"src/store/relatedProduct\";\nexport const AvailableRelatedProductsModal = (param)=>{\n    let { isOpen , onClose , usePassConfirmed  } = param;\n    const { isMobile  } = useWindowDimensions();\n    //태블릿은 모달\n    //모바일은 바텀시트\n    if (!isMobile) return /*#__PURE__*/ _jsx(RelatedProductsPurchasedModalContainer, {\n        open: isOpen,\n        onClose: onClose,\n        width: null,\n        depth: 1007,\n        children: /*#__PURE__*/ _jsx(AvailableRelatedProducts, {\n            onClose: onClose,\n            usePassConfirmed: usePassConfirmed\n        })\n    });\n    return /*#__PURE__*/ _jsx(PassInfoSheet, {\n        isOpen: isOpen,\n        onClose: onClose,\n        detent: \"content-height\",\n        children: /*#__PURE__*/ _jsx(Sheet.Container, {\n            children: /*#__PURE__*/ _jsx(Sheet.Content, {\n                children: /*#__PURE__*/ _jsx(AvailableRelatedProducts, {\n                    onClose: onClose,\n                    usePassConfirmed: usePassConfirmed\n                })\n            })\n        })\n    });\n};\nconst RelatedProductsPurchasedModalContainer = styled(Modal).withConfig({\n    componentId: \"sc-72fa8f1e-0\"\n})(_templateObject());\nconst PassInfoSheet = styled(Sheet).withConfig({\n    componentId: \"sc-72fa8f1e-1\"\n})(_templateObject1(), (props)=>!props.isOpen && \"background-color: transparent;\");\nexport const thumbWidth = 56;\nconst AvailableRelatedProducts = (param)=>{\n    let { onClose , usePassConfirmed  } = param;\n    const { updatePurchaseProductsInfo , currentProduct , membershipAvailable , hasAlreadyOwned  } = useHandoutProductStore((state)=>({\n            updatePurchaseProductsInfo: state.updatePurchaseProductsInfo,\n            currentProduct: state.currentProduct,\n            membershipAvailable: state.membershipAvailable,\n            hasAlreadyOwned: state.hasAlreadyOwned\n        }));\n    const usableProducts = useMemo(()=>{\n        if (currentProduct && !hasAlreadyOwned) {\n            //연관교재 + 현재 보고있는 교재\n            return membershipAvailable.usable.concat([\n                {\n                    title: currentProduct.title,\n                    price: currentProduct.price,\n                    id: currentProduct.id.toString(),\n                    author: currentProduct.author,\n                    unit: \"\",\n                    thumbImg: currentProduct.thumb_img,\n                    previewImgs: null,\n                    purchaseOptions: currentProduct.purchaseOptions,\n                    downloadPrice: currentProduct.downloadPrice\n                }\n            ]);\n        }\n        return membershipAvailable.usable;\n    }, [\n        membershipAvailable,\n        hasAlreadyOwned,\n        currentProduct\n    ]);\n    const unUsableProducts = useMemo(()=>{\n        if (currentProduct && hasAlreadyOwned) {\n            return membershipAvailable.unusable.concat([\n                {\n                    title: currentProduct.title,\n                    price: currentProduct.price,\n                    id: currentProduct.id.toString(),\n                    author: currentProduct.author,\n                    unit: \"\",\n                    thumbImg: currentProduct.thumb_img,\n                    previewImgs: null,\n                    purchaseOptions: currentProduct.purchaseOptions,\n                    downloadPrice: currentProduct.downloadPrice\n                }\n            ]);\n        }\n        return membershipAvailable.unusable;\n    }, [\n        membershipAvailable,\n        hasAlreadyOwned,\n        currentProduct\n    ]);\n    const [currentTab, setCurrentTab] = useState(\"usable\");\n    const onChangeTab = (key)=>{\n        setCurrentTab(key);\n        mixpanelEvent(\"Tab UI Clicked\", {\n            \"Tab Type\": \"Pass Availability\",\n            \"Tab Name\": key\n        });\n    };\n    const onClick = ()=>{\n        //선택교재 업데이트\n        updatePurchaseProductsInfo({\n            selectedRelatedProducts: membershipAvailable.usable,\n            totalCount: membershipAvailable.usable.length + 1,\n            totalPrice: membershipAvailable.usable.reduce((acc, cur)=>acc + cur.price, 0) + currentProduct.price\n        });\n        //이용권 사용하기\n        onClose();\n        usePassConfirmed();\n        mixpanelEvent(\"Popup Button Clicked\", {\n            \"Popup Type\": \"Pass Availability Confirmed\",\n            \"Popup Title\": \"사용가능 자료 \".concat(usableProducts.length, \"개에 이용권을 사용할까요?\"),\n            \"Button Name\": \"\".concat(usableProducts.length, \"회 사용하기\"),\n            \"Button URL\": null\n        });\n    };\n    const noUsableProducts = useMemo(()=>usableProducts.length === 0, [\n        usableProducts\n    ]);\n    const tabList = [\n        {\n            key: \"usable\",\n            label: /*#__PURE__*/ _jsxs(TabItem, {\n                className: \"usable\",\n                children: [\n                    \"사용가능 자료 \",\n                    /*#__PURE__*/ _jsxs(\"em\", {\n                        children: [\n                            usableProducts.length,\n                            \"개\"\n                        ]\n                    })\n                ]\n            })\n        },\n        {\n            key: \"unusable\",\n            label: /*#__PURE__*/ _jsxs(TabItem, {\n                className: \"unusable\",\n                children: [\n                    \"사용불가 자료 \",\n                    /*#__PURE__*/ _jsxs(\"em\", {\n                        children: [\n                            unUsableProducts.length,\n                            \"개\"\n                        ]\n                    })\n                ]\n            })\n        }\n    ];\n    useEffect(()=>{\n        mixpanelEvent(\"Pass Availability Popup Viewed\", {\n            \"Product IDs\": usableProducts.map((product)=>product.id).concat(currentProduct === null || currentProduct === void 0 ? void 0 : currentProduct.id.toString()),\n            \"Product Titles\": usableProducts.map((product)=>product.title).concat(currentProduct === null || currentProduct === void 0 ? void 0 : currentProduct.title),\n            \"Pass Availability\": \"Y\"\n        });\n        mixpanelEvent(\"Pass Availability Popup Viewed\", {\n            \"Product IDs\": unUsableProducts.map((product)=>product.id),\n            \"Product Titles\": unUsableProducts.map((product)=>product.title),\n            \"Pass Availability\": \"N\"\n        });\n    }, []);\n    useEffect(()=>{\n        if (noUsableProducts) {\n            setCurrentTab(\"unusable\");\n        }\n    }, [\n        noUsableProducts\n    ]);\n    return /*#__PURE__*/ _jsxs(RelatedProductsPurchasedContainer, {\n        children: [\n            /*#__PURE__*/ _jsxs(Header, {\n                children: [\n                    /*#__PURE__*/ _jsx(\"h3\", {\n                        children: noUsableProducts ? \"선택하신 자료들은 이용권을 사용할 수 없어요.\" : /*#__PURE__*/ _jsxs(_Fragment, {\n                            children: [\n                                \"사용가능 자료 \",\n                                /*#__PURE__*/ _jsxs(\"em\", {\n                                    children: [\n                                        usableProducts.length,\n                                        \"개\"\n                                    ]\n                                }),\n                                \"에 이용권을 사용할까요?\"\n                            ]\n                        })\n                    }),\n                    /*#__PURE__*/ _jsx(\"p\", {\n                        children: noUsableProducts ? \"이미 구매한 자료이거나 이용권 사용 조건에 맞지 않아요.\" : /*#__PURE__*/ _jsxs(_Fragment, {\n                            children: [\n                                \"선택한 이용권에 맞지 않는 자료가 있어요. \",\n                                /*#__PURE__*/ _jsx(\"br\", {}),\n                                \"아래 리스트에서 자료를 확인 후 이용권 사용하기를 눌러주세요.\"\n                            ]\n                        })\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(ActiveTab, {\n                activeTab: currentTab,\n                setActiveTab: onChangeTab,\n                tabList: tabList\n            }),\n            /*#__PURE__*/ _jsx(ProductListLayout, {\n                children: currentTab === \"unusable\" ? unUsableProducts.map((product, idx)=>/*#__PURE__*/ _jsx(RelatedProductItem, {\n                        currentProduct: currentProduct,\n                        hasAlreadyOwned: hasAlreadyOwned,\n                        product: product\n                    }, \"unusable\" + idx)) : usableProducts.map((product, idx)=>/*#__PURE__*/ _jsx(RelatedProductItem, {\n                        product: product\n                    }, \"usable\" + idx))\n            }),\n            /*#__PURE__*/ _jsx(Footer, {\n                children: noUsableProducts ? /*#__PURE__*/ _jsx(FilledButton, {\n                    type: \"text\",\n                    variant: \"solid\",\n                    onClick: onClose,\n                    children: \"닫기\"\n                }) : /*#__PURE__*/ _jsxs(_Fragment, {\n                    children: [\n                        /*#__PURE__*/ _jsx(FilledButton, {\n                            type: \"text\",\n                            variant: \"soft\",\n                            onClick: ()=>{\n                                onClose();\n                                mixpanelEvent(\"Popup Button Clicked\", {\n                                    \"Popup Type\": \"Pass Availability Confirmed\",\n                                    \"Popup Title\": \"사용가능 자료 \".concat(usableProducts.length, \"개에 이용권을 사용할까요?\"),\n                                    \"Button Name\": \"닫기\",\n                                    \"Button URL\": null\n                                });\n                            },\n                            children: \"닫기\"\n                        }),\n                        /*#__PURE__*/ _jsxs(FilledButton, {\n                            type: \"text\",\n                            variant: \"solid\",\n                            onClick: onClick,\n                            children: [\n                                usableProducts.length,\n                                \"회 사용하기\"\n                            ]\n                        })\n                    ]\n                })\n            })\n        ]\n    });\n};\nconst Footer = styled.div.withConfig({\n    componentId: \"sc-72fa8f1e-2\"\n})(_templateObject2());\nconst ProductListLayout = styled.div.withConfig({\n    componentId: \"sc-72fa8f1e-3\"\n})(_templateObject3());\nconst Header = styled.div.withConfig({\n    componentId: \"sc-72fa8f1e-4\"\n})(_templateObject4(), (props)=>props.theme.new.colors.sol_blue_500, (props)=>props.theme.new.colors.sol_gray_700);\nconst RelatedProductsPurchasedContainer = styled.div.withConfig({\n    componentId: \"sc-72fa8f1e-5\"\n})(_templateObject5(), (props)=>props.theme.new.colors.sol_blue_500, (props)=>props.theme.new.colors.sol_red_500);\nconst TabItem = styled.div.withConfig({\n    componentId: \"sc-72fa8f1e-6\"\n})(_templateObject6());\nconst RelatedProductItem = (param)=>{\n    let { product , hasAlreadyOwned , currentProduct  } = param;\n    const isCurrentProduct = useMemo(()=>{\n        return (currentProduct === null || currentProduct === void 0 ? void 0 : currentProduct.id.toString()) === product.id;\n    }, [\n        currentProduct,\n        product\n    ]);\n    return /*#__PURE__*/ _jsxs(RelatedProductItemContainer, {\n        children: [\n            /*#__PURE__*/ _jsx(ImageContainer, {\n                children: /*#__PURE__*/ _jsx(Image, {\n                    src: product.thumbImg || DEFAULT_BOOK_COVER,\n                    alt: product.title,\n                    width: 44,\n                    height: 62\n                })\n            }),\n            /*#__PURE__*/ _jsxs(\"div\", {\n                children: [\n                    /*#__PURE__*/ _jsx(Title, {\n                        children: product.title\n                    }),\n                    hasAlreadyOwned && isCurrentProduct ? /*#__PURE__*/ _jsx(Price, {\n                        children: \"이미 구입한 자료\"\n                    }) : /*#__PURE__*/ _jsxs(Price, {\n                        children: [\n                            numberFormatter(product.price),\n                            \"원\"\n                        ]\n                    })\n                ]\n            })\n        ]\n    });\n};\nconst RelatedProductItemContainer = styled.div.withConfig({\n    componentId: \"sc-72fa8f1e-7\"\n})(_templateObject7());\nconst Title = styled.p.withConfig({\n    componentId: \"sc-72fa8f1e-8\"\n})(_templateObject8());\nconst Price = styled.p.withConfig({\n    componentId: \"sc-72fa8f1e-9\"\n})(_templateObject9(), (props)=>props.theme.new.colors.sol_gray_500);\nconst ImageContainer = styled.div.withConfig({\n    componentId: \"sc-72fa8f1e-10\"\n})(_templateObject10());\n","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport CheckLoginDialog from \"@/components/modal/CheckLoginDialog\";\nimport { AvailableRelatedProductsModal } from \"@/components/Product/Handout/RelatedProducts/AvailableRelatedProductsModal\";\nimport Dialog from \"@/components/Reviews/Detail/Dialog\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { LIBRARIES_INDEX_PAGE } from \"@/settings/constant\";\nimport { useRouter } from \"next/router\";\nimport { useLegacyPassLogic } from \"./legacy/useLegacyPassLogic\";\nimport { usePurchaseStore } from \"./purchaseStore\";\nconst PurchaseModals = (param)=>{\n    let { product  } = param;\n    const { usePassConfirmed  } = useLegacyPassLogic({\n        product\n    });\n    const router = useRouter();\n    const { isModalOpen , modalProps , closeModal , showAvailableRelatedProductsModal , showSignInModal , setFlags  } = usePurchaseStore((state)=>({\n            isModalOpen: state.isModalOpen,\n            modalProps: state.modalProps,\n            closeModal: state.closeModal,\n            showAvailableRelatedProductsModal: state.showAvailableRelatedProductsModal,\n            showSignInModal: state.showSignInModal,\n            setFlags: state.setFlags\n        }));\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            /*#__PURE__*/ _jsx(Dialog, {\n                // NOTE: HandoutPassSectionModal과 중첩시 뒤로 밀리지 않도록 2008로 설정\n                // HandoutPassSectionModal의 depth는 1007이지만, 이 모달이 쓰는 common/Overlay의 StyledOverlay는 depth + 1000을 z-index로 설정하여 2007이 됨\n                zIndex: 2008,\n                isOpen: isModalOpen,\n                title: /*#__PURE__*/ _jsx(_Fragment, {\n                    children: \"이용권을 사용했어요.\"\n                }),\n                onClose: closeModal,\n                prefix: {\n                    label: \"닫기\",\n                    variant: \"soft\",\n                    handleClick: closeModal\n                },\n                suffix: {\n                    label: \"자료 보관함 바로가기\",\n                    variant: \"solid\",\n                    handleClick: ()=>{\n                        mixpanelEvent(\"Popup Button Clicked\", {\n                            //팝업 mx-9\n                            \"Popup Type\": \"Use Pass\",\n                            \"Popup Title\": \"이용권을 사용했어요.\",\n                            \"Button Name\": \"자료 보관함 바로가기\",\n                            \"Button URL\": LIBRARIES_INDEX_PAGE\n                        });\n                        router.push(LIBRARIES_INDEX_PAGE);\n                        closeModal();\n                    }\n                },\n                ...modalProps\n            }),\n            showAvailableRelatedProductsModal && /*#__PURE__*/ _jsx(AvailableRelatedProductsModal, {\n                isOpen: showAvailableRelatedProductsModal,\n                onClose: ()=>setFlags({\n                        showAvailableRelatedProductsModal: false\n                    }),\n                usePassConfirmed: usePassConfirmed\n            }),\n            /*#__PURE__*/ _jsx(CheckLoginDialog, {\n                open: showSignInModal,\n                onClose: ()=>setFlags({\n                        showSignInModal: false\n                    })\n            })\n        ]\n    });\n};\nexport default PurchaseModals;\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { ArrowRight2px, Sizes } from \"@/components/icon/IconList\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { Button } from \"@bookips/solvook-ui-library\";\nimport { Typography, alpha, useTheme } from \"@mui/material\";\nimport useHandoutProductStore from \"src/store/relatedProduct\";\nconst GuideInfo = {\n    view: {\n        link: \"https://solvookguide.oopy.io/print-agent-guide\",\n        text: \"출력 가능한 PC인지 확인하세요\",\n        eventName: \"Printer Guide\"\n    },\n    download: {\n        link: \"https://solvookguide.oopy.io/pdf\",\n        text: \"PDF 다운로드 방법을 확인하세요\",\n        eventName: \"Pdf Download Guide\"\n    }\n};\nconst GuideButton = ()=>{\n    const theme = useTheme();\n    const { selectedPurchaseOption  } = useHandoutProductStore((state)=>({\n            selectedPurchaseOption: state.selectedPurchaseOption\n        }));\n    return /*#__PURE__*/ _jsx(Button, {\n        variant: \"text\",\n        endIcon: /*#__PURE__*/ _jsx(ArrowRight2px, {\n            size: Sizes.small,\n            color: theme.palette.secondary.main\n        }),\n        sx: {\n            color: \"secondary.main\",\n            mt: 1,\n            width: \"100%\",\n            borderRadius: \"6px\",\n            \"&:hover\": {\n                backgroundColor: alpha(theme.palette.grey[\"300\"], 0.2)\n            }\n        },\n        href: GuideInfo[selectedPurchaseOption].link,\n        target: \"_blank\",\n        onClick: ()=>{\n            //mx-6\n            mixpanelEvent(\"Guide Button Clicked\", {\n                \"Guide Categories\": GuideInfo[selectedPurchaseOption].eventName,\n                \"Guide URL\": GuideInfo[selectedPurchaseOption].link\n            });\n        },\n        children: /*#__PURE__*/ _jsx(Typography, {\n            variant: \"body2\",\n            sx: {\n                color: \"secondary.main\"\n            },\n            children: GuideInfo[selectedPurchaseOption].text\n        })\n    });\n};\nexport default GuideButton;\n","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport Radio from \"@/components/common/Radio\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { alpha, FormControl, FormControlLabel, RadioGroup, styled, Typography } from \"@mui/material\";\nimport { useId } from \"react\";\nimport useHandoutProductStore from \"src/store/relatedProduct\";\nconst borderColorMap = {\n    default: (theme)=>theme.palette.grey[200],\n    selected: (theme)=>theme.palette.primary.main,\n    disabled: (theme)=>theme.palette.grey[100]\n};\nconst backgroundColorMap = {\n    default: (theme)=>theme.palette.common.white,\n    selected: (theme)=>theme.palette.indigo[0],\n    disabled: (theme)=>theme.palette.grey[50]\n};\nconst labelColorMap = {\n    default: \"text.primary\",\n    selected: \"indigo.500\",\n    disabled: \"text.disabled\"\n};\nconst PurchaseFormControlLabel = styled(FormControlLabel)((param)=>{\n    let { theme , status  } = param;\n    return {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        flex: 1,\n        border: \"1px solid\",\n        padding: theme.spacing(0.5, 1),\n        borderRadius: \"6px\",\n        borderColor: borderColorMap[status](theme),\n        backgroundColor: backgroundColorMap[status](theme),\n        cursor: status === \"disabled\" ? \"not-allowed\" : \"pointer\",\n        color: labelColorMap[status],\n        \"&:hover\": {\n            backgroundColor: status === \"disabled\" || status === \"selected\" ? \"none\" : alpha(theme.palette.grey[300], 0.2)\n        }\n    };\n});\nconst getStatusAndColor = (param)=>{\n    let { isOptionAvailable , optionType , selectedOption  } = param;\n    let status;\n    if (isOptionAvailable === \"all\") {\n        status = optionType === selectedOption ? \"selected\" : \"default\";\n    } else {\n        status = isOptionAvailable === optionType ? \"selected\" : \"disabled\";\n    }\n    return {\n        status,\n        color: labelColorMap[status]\n    };\n};\nconst PurchaseOption = ()=>{\n    const id = useId();\n    const { selectedPurchaseOption , currentProduct , purchaseOption , setSelectedPurchaseOption  } = useHandoutProductStore((state)=>({\n            selectedPurchaseOption: state.selectedPurchaseOption,\n            currentProduct: state.currentProduct,\n            purchaseOption: state.purchaseOption,\n            setSelectedPurchaseOption: state.setSelectedPurchaseOption\n        }));\n    const { price , downloadPrice  } = currentProduct;\n    const optionToValue = (purchaseOption === null || purchaseOption === void 0 ? void 0 : purchaseOption.length) === 2 ? \"all\" : purchaseOption[0];\n    const handleChange = (e)=>{\n        if (!optionToValue) return;\n        const statusVal = optionToValue === \"all\" ? \"all\" : optionToValue;\n        if (statusVal !== \"all\" && statusVal !== e.target.value) return;\n        setSelectedPurchaseOption(e.target.value);\n        //mx-208\n        mixpanelEvent(\"Purchase Option Button Clicked\", {\n            \"Button Name\": e.target.value\n        });\n    };\n    return /*#__PURE__*/ _jsx(_Fragment, {\n        children: /*#__PURE__*/ _jsx(FormControl, {\n            sx: {\n                width: \"100%\"\n            },\n            children: /*#__PURE__*/ _jsxs(RadioGroup, {\n                value: selectedPurchaseOption,\n                onChange: handleChange,\n                sx: {\n                    flexDirection: \"row\",\n                    gap: \"8px\",\n                    label: {\n                        margin: 0,\n                        display: \"flex\"\n                    }\n                },\n                children: [\n                    /*#__PURE__*/ _jsx(PurchaseOptionRadio, {\n                        optionType: \"view\",\n                        price: price,\n                        label: \"열람+출력 (대여)\",\n                        selectedOption: selectedPurchaseOption,\n                        isOptionAvailable: optionToValue\n                    }),\n                    /*#__PURE__*/ _jsx(PurchaseOptionRadio, {\n                        optionType: \"download\",\n                        // 다운로드 금액은 price의 무조건 2배 가격입니다. 이 downloadPrice가 없을 수 있어요. 그럴 때는 price의 2배로 계산해주세요. 25.03.20\n                        price: downloadPrice !== null && downloadPrice !== void 0 ? downloadPrice : Number(price) * 2,\n                        label: \"PDF 다운 (소장)\",\n                        selectedOption: selectedPurchaseOption,\n                        isOptionAvailable: optionToValue\n                    })\n                ]\n            })\n        })\n    });\n};\nconst PurchaseOptionRadio = (param)=>{\n    let { optionType , price , label , selectedOption , isOptionAvailable  } = param;\n    const { status , color  } = getStatusAndColor({\n        isOptionAvailable,\n        optionType,\n        selectedOption: selectedOption\n    });\n    return /*#__PURE__*/ _jsx(PurchaseFormControlLabel, {\n        status: status,\n        value: isOptionAvailable !== \"all\" ? optionType === isOptionAvailable ? optionType : null : optionType,\n        control: /*#__PURE__*/ _jsx(Radio, {\n            sx: {\n                display: \"none\"\n            }\n        }),\n        sx: (theme)=>({\n                padding: theme.spacing(1)\n            }),\n        label: /*#__PURE__*/ _jsxs(Typography, {\n            sx: {\n                width: \"100%\",\n                color: color,\n                display: \"flex\",\n                flexDirection: \"column\",\n                alignItems: \"center\"\n            },\n            variant: \"subtitle1\",\n            children: [\n                label,\n                /*#__PURE__*/ _jsx(Typography, {\n                    variant: \"caption\",\n                    sx: {\n                        color: status === \"disabled\" ? \"text.disabled\" : \"text.secondary\"\n                    },\n                    children: isOptionAvailable === \"all\" || isOptionAvailable === optionType ? price.toLocaleString() + \"원\" : \"미제공자료\"\n                })\n            ]\n        })\n    });\n};\nexport default PurchaseOption;\n","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Stack } from \"@mui/material\";\nimport PrintAgentGuideButton from \"./GuideButton\";\nimport PurchaseCTA from \"./PurchaseCTA\";\nimport { TabFormSection } from \"./PurchaseLayouts\";\nimport PurchaseOption from \"./PurchaseOption\";\nconst AddToCartTab = (param)=>{\n    let { onClick , isHandoutCoupons , onCouponClick  } = param;\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            /*#__PURE__*/ _jsxs(TabFormSection, {\n                sx: {\n                    py: 2.5\n                },\n                title: \"구매옵션 선택\",\n                children: [\n                    /*#__PURE__*/ _jsx(Stack, {\n                        direction: \"row\",\n                        spacing: 1,\n                        sx: {\n                            width: \"100%\"\n                        },\n                        children: /*#__PURE__*/ _jsx(PurchaseOption, {})\n                    }),\n                    /*#__PURE__*/ _jsx(PrintAgentGuideButton, {})\n                ]\n            }),\n            /*#__PURE__*/ _jsx(PurchaseCTA, {\n                variant: \"total\",\n                onClick: onClick,\n                isHandoutCoupons: isHandoutCoupons,\n                onCouponClick: onCouponClick\n            })\n        ]\n    });\n};\nexport default AddToCartTab;\n","import useRedirect from \"@/hooks/useRedirect\";\nimport { productAddedToCart } from \"@/lib/mixpanels/mixpanel\";\nimport { LIBRARIES_INDEX_PAGE, SHOP_CART_PAGE } from \"@/settings/constant\";\nimport { useMutation } from \"@tanstack/react-query\";\nimport { isAxiosError } from \"axios\";\nimport { useCallback } from \"react\";\nimport { getCurrentCartQuery, postBooksCartItem } from \"src/api/booksCart\";\nimport { isBooksProduct } from \"src/api/booksProducts\";\nimport useHandoutProductStore from \"src/store/relatedProduct\";\nimport { usePurchaseStore } from \"../purchaseStore\";\nexport const useLegacyAddCart = (param)=>{\n    let { isLoggedIn , product  } = param;\n    const { redirectToLogin  } = useRedirect();\n    const { openModal , closeModal  } = usePurchaseStore((state)=>({\n            openModal: state.openModal,\n            closeModal: state.closeModal\n        }));\n    const { selectedPurchaseOption  } = useHandoutProductStore((state)=>({\n            selectedPurchaseOption: state.selectedPurchaseOption\n        }));\n    const { refetch  } = getCurrentCartQuery({\n        enabled: isLoggedIn,\n        params: {\n            cartType: \"separate\"\n        }\n    });\n    const { mutate: addItemToCart  } = useMutation({\n        mutationFn: postBooksCartItem,\n        onSuccess: async (data)=>{\n            const { hasAlreadyOwned , purchaseProductsInfo  } = useHandoutProductStore.getState();\n            let title = \"장바구니에 상품 1개를 담았어요.\";\n            let content = \"이미 장바구니에 담겨있거나 이용 중인 상품은 제외되어 담겨요.\";\n            if (purchaseProductsInfo.selectedRelatedProducts.length > 0) {\n                let count = purchaseProductsInfo.selectedRelatedProducts.length + 1;\n                if (hasAlreadyOwned) {\n                    count = purchaseProductsInfo.selectedRelatedProducts.length;\n                }\n                title = \"장바구니에 상품 \".concat(count, \"개를 담았어요.\");\n            }\n            openModal({\n                title,\n                content,\n                severity: \"success\",\n                suffix: {\n                    variant: \"solid\",\n                    label: \"장바구니 이동\",\n                    handleClick: ()=>{\n                        window.location.href = SHOP_CART_PAGE;\n                    }\n                },\n                prefix: {\n                    variant: \"soft\",\n                    label: \"닫기\",\n                    handleClick: ()=>{\n                        closeModal();\n                    }\n                }\n            });\n            //mixpanel\n            productAddedToCart({\n                ...product,\n                id: product.id,\n                source_type: isBooksProduct(product) ? product.provider : product.source_type,\n                source: isBooksProduct(product) ? null : product.source,\n                relativeProducts: [\n                    ...purchaseProductsInfo.selectedRelatedProducts.map((product)=>product.id)\n                ],\n                purchaseOption: selectedPurchaseOption\n            });\n            refetch();\n        },\n        onError: (error)=>{\n            ;\n            if (isAxiosError(error)) {\n                const { response: { status , data  }  } = error;\n                //여기서 이제 에러처리\n                const errorMessage = data.message;\n                ;\n                if (status === 409 && errorMessage.includes(\"Found already has owned products\")) {\n                    //current product인 경우\n                    openModal({\n                        title: \"이미 이용 중이에요.\",\n                        content: \"해당 자료는 라이브러리에서 확인할 수 있어요.\",\n                        suffix: {\n                            variant: \"solid\",\n                            label: \"자료 보관함 이동\",\n                            handleClick: ()=>{\n                                window.location.href = LIBRARIES_INDEX_PAGE;\n                            }\n                        }\n                    });\n                }\n                if (status === 409 && errorMessage === \"Already added\") {\n                    openModal({\n                        title: \"이미 담은 상품이에요.\",\n                        content: \"상품 구매는 장바구니를 통해서 가능해요.\",\n                        severity: \"caution\",\n                        suffix: {\n                            variant: \"solid\",\n                            label: \"장바구니 이동\",\n                            handleClick: ()=>{\n                                window.location.href = SHOP_CART_PAGE;\n                            }\n                        }\n                    });\n                } else if (status === 409 && errorMessage === \"Duplicate license\") {\n                    openModal({\n                        title: \"이미 이용 중인 자료에요.\",\n                        content: \"해당 자료는 라이브러리에서 확인할 수 있어요.\",\n                        suffix: {\n                            variant: \"solid\",\n                            label: \"자료 보관함 이동\",\n                            handleClick: ()=>{\n                                window.location.href = LIBRARIES_INDEX_PAGE;\n                            }\n                        }\n                    });\n                }\n            }\n        }\n    });\n    const handleAddCartClick = useCallback(()=>{\n        const { purchaseProductsInfo , currentProduct , closePassSectionModal , hasAlreadyOwned  } = useHandoutProductStore.getState();\n        closePassSectionModal();\n        if (!isLoggedIn) {\n            redirectToLogin();\n            return;\n        }\n        const productType = isBooksProduct(product) ? product.productType : product.source_type;\n        if (productType === \"handout\") {\n            //연관교재 조회 및 연관교재 함께구매\n            const { selectedRelatedProducts  } = purchaseProductsInfo;\n            if (selectedRelatedProducts.length === 0 && hasAlreadyOwned) {\n                openModal({\n                    title: \"이미 이용중인 자료에요.\",\n                    content: \"해당 자료는 라이브러리에서 확인할 수 있어요.\",\n                    suffix: {\n                        variant: \"solid\",\n                        label: \"자료 보관함 이동\",\n                        handleClick: ()=>{\n                            window.location.href = LIBRARIES_INDEX_PAGE;\n                        }\n                    }\n                });\n                return;\n            }\n            const mapToCartItem = (product)=>({\n                    productId: \"\".concat(product.id),\n                    choicePurchaseOption: selectedPurchaseOption\n                });\n            // 선택된 관련 상품을 매핑합니다\n            const relatedProductItems = selectedRelatedProducts.map(mapToCartItem);\n            // hasAlreadyOwned 조건에 따라 현재 상품을 추가할지 결정합니다\n            const cartItems = hasAlreadyOwned ? relatedProductItems : [\n                ...relatedProductItems,\n                {\n                    productId: currentProduct.id.toString(),\n                    choicePurchaseOption: selectedPurchaseOption\n                }\n            ];\n            addItemToCart({\n                cartType: \"separate\",\n                cartItems\n            });\n            return;\n        }\n        addItemToCart({\n            cartType: isBooksProduct(product) ? product.productType : \"separate\",\n            cartItems: [\n                {\n                    productId: \"\".concat(product.id),\n                    choicePurchaseOption: selectedPurchaseOption !== null && selectedPurchaseOption !== void 0 ? selectedPurchaseOption : \"view\"\n                }\n            ]\n        });\n    }, [\n        isLoggedIn,\n        redirectToLogin,\n        product,\n        addItemToCart,\n        selectedPurchaseOption\n    ]);\n    return {\n        handleAddCartClick\n    };\n};\n","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { ArrowRight2px, Sizes } from \"@/components/icon/IconList\";\nimport { PASSES_LANDING } from \"@/settings/constant\";\nimport { Button } from \"@bookips/solvook-ui-library\";\nimport { Box, ButtonBase, Typography, useTheme } from \"@mui/material\";\nimport { useRouter } from \"next/router\";\nimport { Subjects } from \"src/api/product\";\nimport { TabMessageBox } from \"./PurchaseLayouts\";\nimport PurchaseOption from \"./PurchaseOption\";\nconst NoPassUsageTab = (param)=>{\n    let { product , hasNoPasses  } = param;\n    const theme = useTheme();\n    const router = useRouter();\n    const handleClick = ()=>{\n        var _product_source;\n        var _product_source_subject;\n        const subject = (_product_source_subject = (_product_source = product.source) === null || _product_source === void 0 ? void 0 : _product_source.subject) !== null && _product_source_subject !== void 0 ? _product_source_subject : Subjects.EN;\n        router.push(\"\".concat(PASSES_LANDING, \"?subject=\").concat(subject));\n    };\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            /*#__PURE__*/ _jsxs(TabMessageBox, {\n                sx: {\n                    my: 2.5\n                },\n                children: [\n                    /*#__PURE__*/ _jsx(Typography, {\n                        variant: \"subtitle1\",\n                        sx: {\n                            color: \"text.secondary\"\n                        },\n                        children: hasNoPasses ? \"등록된 이용권이 없어요.\" : /*#__PURE__*/ _jsxs(_Fragment, {\n                            children: [\n                                \"해당 자료에 사용 가능한\",\n                                /*#__PURE__*/ _jsx(\"br\", {}),\n                                \"이용권이 없어요.\"\n                            ]\n                        })\n                    }),\n                    /*#__PURE__*/ _jsxs(ButtonBase, {\n                        disableRipple: true,\n                        sx: {\n                            color: \"secondary.main\",\n                            pt: 1.5,\n                            width: \"100%\"\n                        },\n                        onClick: handleClick,\n                        children: [\n                            /*#__PURE__*/ _jsx(Typography, {\n                                variant: \"subtitle2\",\n                                sx: {\n                                    color: \"primary.main\"\n                                },\n                                children: \"이용권 구매하기\"\n                            }),\n                            /*#__PURE__*/ _jsx(ArrowRight2px, {\n                                size: Sizes.small,\n                                color: theme.palette.primary.main\n                            })\n                        ]\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(Box, {\n                marginBottom: 2.5,\n                children: /*#__PURE__*/ _jsx(PurchaseOption, {})\n            }),\n            /*#__PURE__*/ _jsx(Button, {\n                size: \"large\",\n                variant: \"contained\",\n                fullWidth: true,\n                disabled: true,\n                children: \"이용권 사용하기\"\n            })\n        ]\n    });\n};\nexport default NoPassUsageTab;\n","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Stack } from \"@mui/material\";\nimport GuideButton from \"./GuideButton\";\nimport PassMenuList from \"./PassMenuList\";\nimport PassSelectButton from \"./PassSelectButton\";\nimport PurchaseCTA from \"./PurchaseCTA\";\nimport { TabFormSection } from \"./PurchaseLayouts\";\nimport PurchaseOption from \"./PurchaseOption\";\nimport { usePassSelect } from \"./usePassSelect\";\nconst PassUsageTab = (param)=>{\n    let { passes , onClick , fullWidth  } = param;\n    const { anchorEl , menuWidth , menuListOpen , selectedPass , handleSelectClick , handleSelectClose , handlePassSelect  } = usePassSelect(passes, fullWidth);\n    var _selectedPass_id;\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            /*#__PURE__*/ _jsxs(TabFormSection, {\n                sx: {\n                    py: 2.5\n                },\n                title: \"이용권 선택\",\n                children: [\n                    /*#__PURE__*/ _jsx(PassSelectButton, {\n                        open: menuListOpen,\n                        onClick: handleSelectClick,\n                        pass: selectedPass\n                    }),\n                    /*#__PURE__*/ _jsx(PassMenuList, {\n                        anchorEl: anchorEl,\n                        onClose: handleSelectClose,\n                        open: menuListOpen,\n                        menuWidth: menuWidth,\n                        passes: passes,\n                        onPassSelect: handlePassSelect,\n                        selectedId: (_selectedPass_id = selectedPass === null || selectedPass === void 0 ? void 0 : selectedPass.id) !== null && _selectedPass_id !== void 0 ? _selectedPass_id : null\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsxs(TabFormSection, {\n                sx: {\n                    pb: 2.5\n                },\n                title: \"구매옵션 선택\",\n                children: [\n                    /*#__PURE__*/ _jsx(Stack, {\n                        direction: \"row\",\n                        spacing: 1,\n                        children: /*#__PURE__*/ _jsx(PurchaseOption, {})\n                    }),\n                    /*#__PURE__*/ _jsx(GuideButton, {})\n                ]\n            }),\n            /*#__PURE__*/ _jsx(PurchaseCTA, {\n                variant: \"basicpass\",\n                onClick: onClick\n            })\n        ]\n    });\n};\nexport default PassUsageTab;\n","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { Stack, styled } from \"@mui/material\";\nimport { useEffect, useRef } from \"react\";\nimport useHandoutProductStore from \"src/store/relatedProduct\";\nimport AddToCartTab from \"./AddToCartTab\";\nimport { useLegacyAddCart } from \"./legacy/useLegacyAddCart\";\nimport useLegacyCouponReceive from \"./legacy/useLegacyCouponReceive\";\nimport { useLegacyPassLogic } from \"./legacy/useLegacyPassLogic\";\nimport NoPassUsageTab from \"./NoPassUsageTab\";\nimport PassUsageTab from \"./PassUsageTab\";\nimport { usePurchaseStore } from \"./purchaseStore\";\nimport useMembershipQuery from \"./useMembershipQuery\";\nconst PurchaseToggleGroup = styled(Stack)((param)=>{\n    let { theme  } = param;\n    return {\n        width: \"100%\",\n        backgroundColor: theme.palette.grey[50],\n        flexDirection: \"row\",\n        borderRadius: \"6px\",\n        padding: theme.spacing(0.25)\n    };\n});\nconst PurchaseToggleButton = styled(\"button\", {\n    shouldForwardProp: (prop)=>prop !== \"active\"\n})((param)=>{\n    let { theme , active  } = param;\n    return {\n        all: \"unset\",\n        color: active ? theme.palette.grey[700] : theme.palette.grey[500],\n        fontSize: \"16px\",\n        fontStyle: \"normal\",\n        fontWeight: 600,\n        lineHeight: \"24px\",\n        letterSpacing: \"-0.16px\",\n        width: \"100%\",\n        textAlign: \"center\",\n        padding: theme.spacing(1.25, 0),\n        borderRadius: \"4px\",\n        boxShadow: active ? \"3px 3px 12px 0px rgba(28, 31, 46, 0.06)\" : \"none\",\n        backgroundColor: active ? theme.palette.common.white : \"transparent\",\n        boxSizing: \"border-box\",\n        cursor: \"pointer\",\n        \"&:hover\": {\n            backgroundColor: active ? theme.palette.common.white : \"transparent\"\n        }\n    };\n});\nconst PurchaseTabs = (param)=>{\n    let { isLoggedIn , product , fullWidth  } = param;\n    const hasChangedTab = useRef(false);\n    const { handleAddCartClick  } = useLegacyAddCart({\n        product,\n        isLoggedIn\n    });\n    const { handleUsePass  } = useLegacyPassLogic({\n        product\n    });\n    const { handoutCoupons  } = useLegacyCouponReceive({\n        id: product.id,\n        price: product.price\n    });\n    const { selectedTab , setSelectedTab , setFlags  } = usePurchaseStore((state)=>({\n            setFlags: state.setFlags,\n            selectedTab: state.selectedTab,\n            setSelectedTab: state.setSelectedTab\n        }));\n    const { selectedPurchaseOption  } = useHandoutProductStore((state)=>({\n            selectedPurchaseOption: state.selectedPurchaseOption\n        }));\n    const { data: passes , isLoading  } = useMembershipQuery({\n        productId: product.id,\n        isLoggedIn,\n        freepassOnly: false,\n        selectedPurchaseOption: selectedPurchaseOption\n    });\n    useEffect(()=>{\n        if (hasChangedTab.current) return;\n        if (!passes) return;\n        var _passes_some;\n        const hasAvailablePass = (_passes_some = passes === null || passes === void 0 ? void 0 : passes.some((pass)=>!pass.isDisabled)) !== null && _passes_some !== void 0 ? _passes_some : false;\n        if (hasAvailablePass) {\n            setSelectedTab(\"pass\");\n        } else {\n            setSelectedTab(\"cart\");\n        }\n        hasChangedTab.current = true;\n    }, [\n        passes\n    ]);\n    const handleCouponClick = ()=>{\n        if (!isLoggedIn) setFlags({\n            showSignInModal: true\n        });\n        else setFlags({\n            showCouponModal: true\n        });\n    };\n    const renderPassTabContent = ()=>{\n        const hasNoPasses = !isLoggedIn || isLoading || !passes || passes.length === 0;\n        if (hasNoPasses) {\n            return /*#__PURE__*/ _jsx(NoPassUsageTab, {\n                product: product,\n                hasNoPasses: true\n            });\n        }\n        const hasNoUsablePasses = passes.every((pass)=>pass.isDisabled);\n        if (hasNoUsablePasses) {\n            return /*#__PURE__*/ _jsx(NoPassUsageTab, {\n                product: product,\n                hasNoPasses: false\n            });\n        }\n        return /*#__PURE__*/ _jsx(PassUsageTab, {\n            passes: passes,\n            onClick: handleUsePass,\n            fullWidth: fullWidth\n        });\n    };\n    // cart가 기본 선택되는 탭\n    const isCartTabActive = selectedTab === \"cart\" || selectedTab === null;\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            /*#__PURE__*/ _jsxs(PurchaseToggleGroup, {\n                children: [\n                    /*#__PURE__*/ _jsx(PurchaseToggleButton, {\n                        active: selectedTab === \"pass\",\n                        onClick: ()=>{\n                            setSelectedTab(\"pass\");\n                            //mx-134\n                            mixpanelEvent(\"Tab UI Clicked\", {\n                                \"Tab Type\": \"purchase module\",\n                                \"Tab Name\": \"이용권 사용\"\n                            });\n                        },\n                        children: \"이용권 사용\"\n                    }),\n                    /*#__PURE__*/ _jsx(PurchaseToggleButton, {\n                        active: isCartTabActive,\n                        onClick: ()=>{\n                            setSelectedTab(\"cart\");\n                            //mx-134\n                            mixpanelEvent(\"Tab UI Clicked\", {\n                                \"Tab Type\": \"purchase module\",\n                                \"Tab Name\": \"자료 구매\"\n                            });\n                        },\n                        children: \"자료 구매\"\n                    })\n                ]\n            }),\n            selectedTab === \"pass\" && renderPassTabContent(),\n            isCartTabActive && /*#__PURE__*/ _jsx(AddToCartTab, {\n                onClick: handleAddCartClick,\n                isHandoutCoupons: handoutCoupons,\n                onCouponClick: handleCouponClick\n            })\n        ]\n    });\n};\nexport default PurchaseTabs;\n","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Button } from \"@bookips/solvook-ui-library\";\nimport { Typography } from \"@mui/material\";\nimport { TabMessageBox } from \"./PurchaseLayouts\";\nconst PurchaseUnavailableTab = ()=>{\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            /*#__PURE__*/ _jsx(TabMessageBox, {\n                children: /*#__PURE__*/ _jsx(Typography, {\n                    variant: \"subtitle1\",\n                    sx: {\n                        color: \"red.400\"\n                    },\n                    children: \"판매가 중지된 상품이에요.\"\n                })\n            }),\n            /*#__PURE__*/ _jsx(Button, {\n                size: \"large\",\n                variant: \"contained\",\n                fullWidth: true,\n                disabled: true,\n                sx: {\n                    mt: 2\n                },\n                children: \"장바구니 담기\"\n            })\n        ]\n    });\n};\nexport default PurchaseUnavailableTab;\n","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Stack, styled } from \"@mui/material\";\nimport { useMemo } from \"react\";\nimport PurchaseFreePassTab from \"./PurchaseFreePassTab\";\nimport PurchaseModals from \"./PurchaseModals\";\nimport PurchaseNoFreepassTab from \"./PurchaseNoFreepassTab\";\nimport PurchaseTabs from \"./PurchaseTabs\";\nimport PurchaseUnavailableTab from \"./PurchaseUnavailbleTab\";\nconst PurchaseRoot = styled(Stack)((param)=>{\n    let { theme  } = param;\n    return {\n        maxHeight: \"calc(100vh - 219px)\",\n        backgroundColor: theme.palette.common.white,\n        borderRadius: \"12px\",\n        boxShadow: \"0px 2px 8px 0px rgba(0, 0, 0, 0.08), 0px 1px 4px 0px rgba(0, 0, 0, 0.04)\",\n        padding: theme.spacing(2.5),\n        width: \"100%\",\n        border: \"1px solid \".concat(theme.palette.grey[50])\n    };\n});\nconst getPurchaseState = (product, isLoggedIn, hasUsableFreepass)=>{\n    if (!product.available) return \"unavailable\";\n    const source = product.source;\n    if ((source === null || source === void 0 ? void 0 : source.type) === \"freepass\") {\n        if (!hasUsableFreepass || !isLoggedIn) return \"noFreepass\";\n        return \"freepass\";\n    }\n    return \"default\";\n};\nconst PurchaseSection = (param)=>{\n    let { sx , product , hasUsableFreepass , isLoggedIn , fullWidth  } = param;\n    const purchaseContent = useMemo(()=>{\n        const purchaseState = getPurchaseState(product, isLoggedIn, hasUsableFreepass);\n        switch(purchaseState){\n            case \"default\":\n                return /*#__PURE__*/ _jsx(PurchaseTabs, {\n                    isLoggedIn: isLoggedIn,\n                    product: product,\n                    fullWidth: fullWidth\n                });\n            case \"freepass\":\n                return /*#__PURE__*/ _jsx(PurchaseFreePassTab, {\n                    isLoggedIn: isLoggedIn,\n                    product: product,\n                    fullWidth: fullWidth\n                });\n            case \"noFreepass\":\n                return /*#__PURE__*/ _jsx(PurchaseNoFreepassTab, {\n                    product: product\n                });\n            case \"unavailable\":\n                return /*#__PURE__*/ _jsx(PurchaseUnavailableTab, {});\n            default:\n                return null;\n        }\n    }, [\n        product,\n        hasUsableFreepass,\n        isLoggedIn\n    ]);\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            /*#__PURE__*/ _jsx(PurchaseRoot, {\n                sx: sx,\n                children: purchaseContent\n            }),\n            /*#__PURE__*/ _jsx(PurchaseModals, {\n                product: product\n            })\n        ]\n    });\n};\nexport default PurchaseSection;\n","import { useQuery } from \"@tanstack/react-query\";\nimport { useCallback, useMemo } from \"react\";\nimport { getHandoutCoupons } from \"src/api/coupon\";\nconst useLegacyCouponReceive = (param)=>{\n    const { data: handoutCoupons  } = useQuery([\n        \"getHandoutCoupons\",\n        param.id\n    ], ()=>{\n        return getHandoutCoupons({\n            productId: String(param.id),\n            productPrice: param.price\n        });\n    }, {\n        retry: 0\n    });\n    const filteredHasCoupon = useCallback(()=>{\n        if (!handoutCoupons || !handoutCoupons.coupons) return null;\n        if (handoutCoupons.coupons.length) {\n            return handoutCoupons.coupons.filter((coupon)=>!coupon.hasBeenReceived);\n        }\n    }, [\n        handoutCoupons\n    ]);\n    const couponStatus = useMemo(()=>{\n        var _handoutCoupons_coupons, _filteredHasCoupon;\n        if (!handoutCoupons || !((_handoutCoupons_coupons = handoutCoupons.coupons) === null || _handoutCoupons_coupons === void 0 ? void 0 : _handoutCoupons_coupons.length)) return \"no-coupons\";\n        if (((_filteredHasCoupon = filteredHasCoupon()) === null || _filteredHasCoupon === void 0 ? void 0 : _filteredHasCoupon.length) === 0) return \"all-received\";\n        return \"has-unreceived\";\n    }, [\n        handoutCoupons,\n        filteredHasCoupon\n    ]);\n    return {\n        handoutCoupons,\n        filteredHasCoupon,\n        couponStatus\n    };\n};\nexport default useLegacyCouponReceive;\n","import { create } from \"zustand\";\nexport const usePurchaseStore = create((set)=>({\n        isModalOpen: false,\n        modalProps: {},\n        openModal: (content)=>set({\n                isModalOpen: true,\n                modalProps: content\n            }),\n        closeModal: ()=>set({\n                isModalOpen: false,\n                modalProps: undefined\n            }),\n        selectedTab: null,\n        setSelectedTab: (tab)=>set({\n                selectedTab: tab\n            }),\n        selectedPass: null,\n        setSelectedPass: (pass)=>set({\n                selectedPass: pass\n            }),\n        showCouponModal: false,\n        showNotAvailablePassModal: false,\n        showAvailableRelatedProductsModal: false,\n        showSignInModal: false,\n        setFlags: (flags)=>set(flags),\n        reset: ()=>set({\n                isModalOpen: false,\n                modalProps: {},\n                selectedTab: null,\n                selectedPass: null,\n                showCouponModal: false,\n                showNotAvailablePassModal: false,\n                showAvailableRelatedProductsModal: false,\n                showSignInModal: false\n            })\n    }));\n","import { numberFormatter } from \"@/lib/utils\";\nimport { PassCategory } from \"src/api/membership\";\nimport { SourceTypeWithString, SubjectsWithString } from \"src/api/product\";\nexport const isCategoryIncludesExpert = (category)=>{\n    return category.includes(PassCategory.Expert);\n};\nexport const getPassScope = (pass)=>{\n    switch(pass.category){\n        case PassCategory.Solvookplus:\n        case PassCategory.Subscription:\n            var _pass_subject, _pass_unavailableAuthorNames;\n            return [\n                {\n                    type: \"과목\",\n                    value: (_pass_subject = pass.subject) !== null && _pass_subject !== void 0 ? _pass_subject : SubjectsWithString[pass.subjectCode]\n                },\n                {\n                    type: \"과정\",\n                    value: pass.availableCurriculumNames\n                },\n                {\n                    type: \"제외저자\",\n                    value: (_pass_unavailableAuthorNames = pass.unavailableAuthorNames) !== null && _pass_unavailableAuthorNames !== void 0 ? _pass_unavailableAuthorNames : \"\"\n                },\n                {\n                    type: \"출판사\",\n                    value: pass.availablePublisherNames\n                },\n                {\n                    type: \"상품종류\",\n                    value: SourceTypeWithString[\"handout\"]\n                }\n            ];\n        case PassCategory.Ticket:\n            var _pass_subject1, _pass_unavailableAuthorNames1, _pass_availablePublisherNames;\n            return [\n                {\n                    type: \"과목\",\n                    value: (_pass_subject1 = pass.subject) !== null && _pass_subject1 !== void 0 ? _pass_subject1 : SubjectsWithString[pass.subjectCode]\n                },\n                {\n                    type: \"과정\",\n                    value: pass.availableCurriculumNames\n                },\n                {\n                    type: \"제외 저자\",\n                    value: (_pass_unavailableAuthorNames1 = pass.unavailableAuthorNames) !== null && _pass_unavailableAuthorNames1 !== void 0 ? _pass_unavailableAuthorNames1 : \"\"\n                },\n                {\n                    type: \"출판사\",\n                    value: (_pass_availablePublisherNames = pass.availablePublisherNames) !== null && _pass_availablePublisherNames !== void 0 ? _pass_availablePublisherNames : \"\"\n                },\n                {\n                    type: \"가격\",\n                    value: pass.deductionMethod === \"count\" ? \"\".concat(numberFormatter(pass.availableMinPrice), \"원~\\n\t\t\t\t\t\t\t\t\").concat(numberFormatter(pass.availableMaxPrice), \"원 사이\") : \"\"\n                },\n                {\n                    type: \"상품종류\",\n                    value: SourceTypeWithString[\"handout\"]\n                }\n            ];\n        case PassCategory.Expert:\n        case PassCategory.ExpertSubscription:\n            var _pass_subject2;\n            return [\n                {\n                    type: \"과목\",\n                    value: (_pass_subject2 = pass.subject) !== null && _pass_subject2 !== void 0 ? _pass_subject2 : SubjectsWithString[pass.subjectCode]\n                },\n                {\n                    type: \"과정\",\n                    value: pass.availableCurriculumNames\n                },\n                {\n                    type: \"출판사\",\n                    value: pass.availablePublisherNames\n                },\n                {\n                    type: \"상품종류\",\n                    value: \"엑스퍼트\"\n                }\n            ];\n        case PassCategory.FreePass:\n            var _pass_subject3, _pass_availableAuthorNames;\n            return [\n                {\n                    type: \"과목\",\n                    value: (_pass_subject3 = pass.subject) !== null && _pass_subject3 !== void 0 ? _pass_subject3 : SubjectsWithString[pass.subjectCode]\n                },\n                {\n                    type: \"과정\",\n                    value: pass.availableCurriculumNames\n                },\n                {\n                    type: \"가능저자\",\n                    value: (_pass_availableAuthorNames = pass.availableAuthorNames) !== null && _pass_availableAuthorNames !== void 0 ? _pass_availableAuthorNames : \"\"\n                },\n                {\n                    type: \"출판사\",\n                    value: pass.availablePublisherNames\n                },\n                {\n                    type: \"상품종류\",\n                    value: SourceTypeWithString[\"handout\"]\n                }\n            ];\n        default:\n            var _pass_subject4, _pass_unavailableAuthorNames2, _pass_availablePublisherNames1;\n            //ticket 타입\n            return [\n                {\n                    type: \"과목\",\n                    value: (_pass_subject4 = pass.subject) !== null && _pass_subject4 !== void 0 ? _pass_subject4 : SubjectsWithString[pass.subjectCode]\n                },\n                {\n                    type: \"과정\",\n                    value: pass.availableCurriculumNames\n                },\n                {\n                    type: \"제외 저자\",\n                    value: (_pass_unavailableAuthorNames2 = pass.unavailableAuthorNames) !== null && _pass_unavailableAuthorNames2 !== void 0 ? _pass_unavailableAuthorNames2 : \"\"\n                },\n                {\n                    type: \"출판사\",\n                    value: (_pass_availablePublisherNames1 = pass.availablePublisherNames) !== null && _pass_availablePublisherNames1 !== void 0 ? _pass_availablePublisherNames1 : \"\"\n                },\n                {\n                    type: \"가격\",\n                    value: pass.deductionMethod === \"count\" ? \"\".concat(numberFormatter(pass.availableMinPrice), \"원~\\n\t\t\t\t\t\t\t\t\").concat(numberFormatter(pass.availableMaxPrice), \"원 사이\") : \"\"\n                },\n                {\n                    type: \"상품종류\",\n                    value: SourceTypeWithString[\"handout\"]\n                }\n            ];\n    }\n};\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  width: 100%;\\n  display: flex;\\n  justify-content: end;\\n  button {\\n    font-size: 16px;\\n    padding: 12px 20px;\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport styled from \"styled-components\";\nimport BooksOrderModal from \"../../Books/Order/BooksOrderModal\";\nimport FilledButton from \"../../common/Button/FilledButton\";\nexport const initialModalProps = {\n    isOpen: false,\n    onClose: ()=>{},\n    title: \"\",\n    content: \"\"\n};\nconst Dialog = (param)=>{\n    let { isOpen , onClose , title , content , severity , prefix , suffix , ...props } = param;\n    return /*#__PURE__*/ _jsx(BooksOrderModal, {\n        open: isOpen,\n        title: title,\n        severity: severity,\n        onClose: ()=>onClose(),\n        content: content,\n        ...props,\n        footer: /*#__PURE__*/ _jsxs(ButtonBox, {\n            children: [\n                prefix && /*#__PURE__*/ _jsx(FilledButton, {\n                    type: \"text\",\n                    variant: prefix.variant,\n                    onClick: ()=>prefix.handleClick && prefix.handleClick(),\n                    children: prefix.label\n                }),\n                suffix && /*#__PURE__*/ _jsx(FilledButton, {\n                    type: \"text\",\n                    variant: suffix.variant,\n                    onClick: ()=>suffix.handleClick && suffix.handleClick(),\n                    children: suffix.label\n                })\n            ]\n        })\n    });\n};\nconst ButtonBox = styled.div.withConfig({\n    componentId: \"sc-229fa5cb-0\"\n})(_templateObject());\nexport default Dialog;\n","const visuallyHidden = {\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  height: '1px',\n  margin: '-1px',\n  overflow: 'hidden',\n  padding: 0,\n  position: 'absolute',\n  whiteSpace: 'nowrap',\n  width: '1px'\n};\nexport default visuallyHidden;","'use client';\n\nimport * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n\n/**\n * @ignore - internal component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\n}), 'Star');","'use client';\n\nimport * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n\n/**\n * @ignore - internal component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z\"\n}), 'StarBorder');","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getRatingUtilityClass(slot) {\n  return generateUtilityClass('MuiRating', slot);\n}\nconst ratingClasses = generateUtilityClasses('MuiRating', ['root', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'readOnly', 'disabled', 'focusVisible', 'visuallyHidden', 'pristine', 'label', 'labelEmptyValueActive', 'icon', 'iconEmpty', 'iconFilled', 'iconHover', 'iconFocus', 'iconActive', 'decimal']);\nexport default ratingClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"value\"],\n  _excluded2 = [\"className\", \"defaultValue\", \"disabled\", \"emptyIcon\", \"emptyLabelText\", \"getLabelText\", \"highlightSelectedOnly\", \"icon\", \"IconContainerComponent\", \"max\", \"name\", \"onChange\", \"onChangeActive\", \"onMouseLeave\", \"onMouseMove\", \"precision\", \"readOnly\", \"size\", \"value\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport clamp from '@mui/utils/clamp';\nimport visuallyHidden from '@mui/utils/visuallyHidden';\nimport chainPropTypes from '@mui/utils/chainPropTypes';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { useRtl } from '@mui/system/RtlProvider';\nimport { capitalize, useForkRef, useIsFocusVisible, useControlled, unstable_useId as useId } from '../utils';\nimport Star from '../internal/svg-icons/Star';\nimport StarBorder from '../internal/svg-icons/StarBorder';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport styled, { slotShouldForwardProp } from '../styles/styled';\nimport ratingClasses, { getRatingUtilityClass } from './ratingClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction getDecimalPrecision(num) {\n  const decimalPart = num.toString().split('.')[1];\n  return decimalPart ? decimalPart.length : 0;\n}\nfunction roundValueToPrecision(value, precision) {\n  if (value == null) {\n    return value;\n  }\n  const nearest = Math.round(value / precision) * precision;\n  return Number(nearest.toFixed(getDecimalPrecision(precision)));\n}\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    size,\n    readOnly,\n    disabled,\n    emptyValueFocused,\n    focusVisible\n  } = ownerState;\n  const slots = {\n    root: ['root', `size${capitalize(size)}`, disabled && 'disabled', focusVisible && 'focusVisible', readOnly && 'readOnly'],\n    label: ['label', 'pristine'],\n    labelEmptyValue: [emptyValueFocused && 'labelEmptyValueActive'],\n    icon: ['icon'],\n    iconEmpty: ['iconEmpty'],\n    iconFilled: ['iconFilled'],\n    iconHover: ['iconHover'],\n    iconFocus: ['iconFocus'],\n    iconActive: ['iconActive'],\n    decimal: ['decimal'],\n    visuallyHidden: ['visuallyHidden']\n  };\n  return composeClasses(slots, getRatingUtilityClass, classes);\n};\nconst RatingRoot = styled('span', {\n  name: 'MuiRating',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [{\n      [`& .${ratingClasses.visuallyHidden}`]: styles.visuallyHidden\n    }, styles.root, styles[`size${capitalize(ownerState.size)}`], ownerState.readOnly && styles.readOnly];\n  }\n})(({\n  theme,\n  ownerState\n}) => _extends({\n  display: 'inline-flex',\n  // Required to position the pristine input absolutely\n  position: 'relative',\n  fontSize: theme.typography.pxToRem(24),\n  color: '#faaf00',\n  cursor: 'pointer',\n  textAlign: 'left',\n  width: 'min-content',\n  WebkitTapHighlightColor: 'transparent',\n  [`&.${ratingClasses.disabled}`]: {\n    opacity: (theme.vars || theme).palette.action.disabledOpacity,\n    pointerEvents: 'none'\n  },\n  [`&.${ratingClasses.focusVisible} .${ratingClasses.iconActive}`]: {\n    outline: '1px solid #999'\n  },\n  [`& .${ratingClasses.visuallyHidden}`]: visuallyHidden\n}, ownerState.size === 'small' && {\n  fontSize: theme.typography.pxToRem(18)\n}, ownerState.size === 'large' && {\n  fontSize: theme.typography.pxToRem(30)\n}, ownerState.readOnly && {\n  pointerEvents: 'none'\n}));\nconst RatingLabel = styled('label', {\n  name: 'MuiRating',\n  slot: 'Label',\n  overridesResolver: ({\n    ownerState\n  }, styles) => [styles.label, ownerState.emptyValueFocused && styles.labelEmptyValueActive]\n})(({\n  ownerState\n}) => _extends({\n  cursor: 'inherit'\n}, ownerState.emptyValueFocused && {\n  top: 0,\n  bottom: 0,\n  position: 'absolute',\n  outline: '1px solid #999',\n  width: '100%'\n}));\nconst RatingIcon = styled('span', {\n  name: 'MuiRating',\n  slot: 'Icon',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.icon, ownerState.iconEmpty && styles.iconEmpty, ownerState.iconFilled && styles.iconFilled, ownerState.iconHover && styles.iconHover, ownerState.iconFocus && styles.iconFocus, ownerState.iconActive && styles.iconActive];\n  }\n})(({\n  theme,\n  ownerState\n}) => _extends({\n  // Fit wrapper to actual icon size.\n  display: 'flex',\n  transition: theme.transitions.create('transform', {\n    duration: theme.transitions.duration.shortest\n  }),\n  // Fix mouseLeave issue.\n  // https://github.com/facebook/react/issues/4492\n  pointerEvents: 'none'\n}, ownerState.iconActive && {\n  transform: 'scale(1.2)'\n}, ownerState.iconEmpty && {\n  color: (theme.vars || theme).palette.action.disabled\n}));\nconst RatingDecimal = styled('span', {\n  name: 'MuiRating',\n  slot: 'Decimal',\n  shouldForwardProp: prop => slotShouldForwardProp(prop) && prop !== 'iconActive',\n  overridesResolver: (props, styles) => {\n    const {\n      iconActive\n    } = props;\n    return [styles.decimal, iconActive && styles.iconActive];\n  }\n})(({\n  iconActive\n}) => _extends({\n  position: 'relative'\n}, iconActive && {\n  transform: 'scale(1.2)'\n}));\nfunction IconContainer(props) {\n  const other = _objectWithoutPropertiesLoose(props, _excluded);\n  return /*#__PURE__*/_jsx(\"span\", _extends({}, other));\n}\nprocess.env.NODE_ENV !== \"production\" ? IconContainer.propTypes = {\n  value: PropTypes.number.isRequired\n} : void 0;\nfunction RatingItem(props) {\n  const {\n    classes,\n    disabled,\n    emptyIcon,\n    focus,\n    getLabelText,\n    highlightSelectedOnly,\n    hover,\n    icon,\n    IconContainerComponent,\n    isActive,\n    itemValue,\n    labelProps,\n    name,\n    onBlur,\n    onChange,\n    onClick,\n    onFocus,\n    readOnly,\n    ownerState,\n    ratingValue,\n    ratingValueRounded\n  } = props;\n  const isFilled = highlightSelectedOnly ? itemValue === ratingValue : itemValue <= ratingValue;\n  const isHovered = itemValue <= hover;\n  const isFocused = itemValue <= focus;\n  const isChecked = itemValue === ratingValueRounded;\n  const id = useId();\n  const container = /*#__PURE__*/_jsx(RatingIcon, {\n    as: IconContainerComponent,\n    value: itemValue,\n    className: clsx(classes.icon, isFilled ? classes.iconFilled : classes.iconEmpty, isHovered && classes.iconHover, isFocused && classes.iconFocus, isActive && classes.iconActive),\n    ownerState: _extends({}, ownerState, {\n      iconEmpty: !isFilled,\n      iconFilled: isFilled,\n      iconHover: isHovered,\n      iconFocus: isFocused,\n      iconActive: isActive\n    }),\n    children: emptyIcon && !isFilled ? emptyIcon : icon\n  });\n  if (readOnly) {\n    return /*#__PURE__*/_jsx(\"span\", _extends({}, labelProps, {\n      children: container\n    }));\n  }\n  return /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [/*#__PURE__*/_jsxs(RatingLabel, _extends({\n      ownerState: _extends({}, ownerState, {\n        emptyValueFocused: undefined\n      }),\n      htmlFor: id\n    }, labelProps, {\n      children: [container, /*#__PURE__*/_jsx(\"span\", {\n        className: classes.visuallyHidden,\n        children: getLabelText(itemValue)\n      })]\n    })), /*#__PURE__*/_jsx(\"input\", {\n      className: classes.visuallyHidden,\n      onFocus: onFocus,\n      onBlur: onBlur,\n      onChange: onChange,\n      onClick: onClick,\n      disabled: disabled,\n      value: itemValue,\n      id: id,\n      type: \"radio\",\n      name: name,\n      checked: isChecked\n    })]\n  });\n}\nprocess.env.NODE_ENV !== \"production\" ? RatingItem.propTypes = {\n  classes: PropTypes.object.isRequired,\n  disabled: PropTypes.bool.isRequired,\n  emptyIcon: PropTypes.node,\n  focus: PropTypes.number.isRequired,\n  getLabelText: PropTypes.func.isRequired,\n  highlightSelectedOnly: PropTypes.bool.isRequired,\n  hover: PropTypes.number.isRequired,\n  icon: PropTypes.node,\n  IconContainerComponent: PropTypes.elementType.isRequired,\n  isActive: PropTypes.bool.isRequired,\n  itemValue: PropTypes.number.isRequired,\n  labelProps: PropTypes.object,\n  name: PropTypes.string,\n  onBlur: PropTypes.func.isRequired,\n  onChange: PropTypes.func.isRequired,\n  onClick: PropTypes.func.isRequired,\n  onFocus: PropTypes.func.isRequired,\n  ownerState: PropTypes.object.isRequired,\n  ratingValue: PropTypes.number,\n  ratingValueRounded: PropTypes.number,\n  readOnly: PropTypes.bool.isRequired\n} : void 0;\nconst defaultIcon = /*#__PURE__*/_jsx(Star, {\n  fontSize: \"inherit\"\n});\nconst defaultEmptyIcon = /*#__PURE__*/_jsx(StarBorder, {\n  fontSize: \"inherit\"\n});\nfunction defaultLabelText(value) {\n  return `${value} Star${value !== 1 ? 's' : ''}`;\n}\nconst Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {\n  const props = useDefaultProps({\n    name: 'MuiRating',\n    props: inProps\n  });\n  const {\n      className,\n      defaultValue = null,\n      disabled = false,\n      emptyIcon = defaultEmptyIcon,\n      emptyLabelText = 'Empty',\n      getLabelText = defaultLabelText,\n      highlightSelectedOnly = false,\n      icon = defaultIcon,\n      IconContainerComponent = IconContainer,\n      max = 5,\n      name: nameProp,\n      onChange,\n      onChangeActive,\n      onMouseLeave,\n      onMouseMove,\n      precision = 1,\n      readOnly = false,\n      size = 'medium',\n      value: valueProp\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded2);\n  const name = useId(nameProp);\n  const [valueDerived, setValueState] = useControlled({\n    controlled: valueProp,\n    default: defaultValue,\n    name: 'Rating'\n  });\n  const valueRounded = roundValueToPrecision(valueDerived, precision);\n  const isRtl = useRtl();\n  const [{\n    hover,\n    focus\n  }, setState] = React.useState({\n    hover: -1,\n    focus: -1\n  });\n  let value = valueRounded;\n  if (hover !== -1) {\n    value = hover;\n  }\n  if (focus !== -1) {\n    value = focus;\n  }\n  const {\n    isFocusVisibleRef,\n    onBlur: handleBlurVisible,\n    onFocus: handleFocusVisible,\n    ref: focusVisibleRef\n  } = useIsFocusVisible();\n  const [focusVisible, setFocusVisible] = React.useState(false);\n  const rootRef = React.useRef();\n  const handleRef = useForkRef(focusVisibleRef, rootRef, ref);\n  const handleMouseMove = event => {\n    if (onMouseMove) {\n      onMouseMove(event);\n    }\n    const rootNode = rootRef.current;\n    const {\n      right,\n      left,\n      width: containerWidth\n    } = rootNode.getBoundingClientRect();\n    let percent;\n    if (isRtl) {\n      percent = (right - event.clientX) / containerWidth;\n    } else {\n      percent = (event.clientX - left) / containerWidth;\n    }\n    let newHover = roundValueToPrecision(max * percent + precision / 2, precision);\n    newHover = clamp(newHover, precision, max);\n    setState(prev => prev.hover === newHover && prev.focus === newHover ? prev : {\n      hover: newHover,\n      focus: newHover\n    });\n    setFocusVisible(false);\n    if (onChangeActive && hover !== newHover) {\n      onChangeActive(event, newHover);\n    }\n  };\n  const handleMouseLeave = event => {\n    if (onMouseLeave) {\n      onMouseLeave(event);\n    }\n    const newHover = -1;\n    setState({\n      hover: newHover,\n      focus: newHover\n    });\n    if (onChangeActive && hover !== newHover) {\n      onChangeActive(event, newHover);\n    }\n  };\n  const handleChange = event => {\n    let newValue = event.target.value === '' ? null : parseFloat(event.target.value);\n\n    // Give mouse priority over keyboard\n    // Fix https://github.com/mui/material-ui/issues/22827\n    if (hover !== -1) {\n      newValue = hover;\n    }\n    setValueState(newValue);\n    if (onChange) {\n      onChange(event, newValue);\n    }\n  };\n  const handleClear = event => {\n    // Ignore keyboard events\n    // https://github.com/facebook/react/issues/7407\n    if (event.clientX === 0 && event.clientY === 0) {\n      return;\n    }\n    setState({\n      hover: -1,\n      focus: -1\n    });\n    setValueState(null);\n    if (onChange && parseFloat(event.target.value) === valueRounded) {\n      onChange(event, null);\n    }\n  };\n  const handleFocus = event => {\n    handleFocusVisible(event);\n    if (isFocusVisibleRef.current === true) {\n      setFocusVisible(true);\n    }\n    const newFocus = parseFloat(event.target.value);\n    setState(prev => ({\n      hover: prev.hover,\n      focus: newFocus\n    }));\n  };\n  const handleBlur = event => {\n    if (hover !== -1) {\n      return;\n    }\n    handleBlurVisible(event);\n    if (isFocusVisibleRef.current === false) {\n      setFocusVisible(false);\n    }\n    const newFocus = -1;\n    setState(prev => ({\n      hover: prev.hover,\n      focus: newFocus\n    }));\n  };\n  const [emptyValueFocused, setEmptyValueFocused] = React.useState(false);\n  const ownerState = _extends({}, props, {\n    defaultValue,\n    disabled,\n    emptyIcon,\n    emptyLabelText,\n    emptyValueFocused,\n    focusVisible,\n    getLabelText,\n    icon,\n    IconContainerComponent,\n    max,\n    precision,\n    readOnly,\n    size\n  });\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsxs(RatingRoot, _extends({\n    ref: handleRef,\n    onMouseMove: handleMouseMove,\n    onMouseLeave: handleMouseLeave,\n    className: clsx(classes.root, className, readOnly && 'MuiRating-readOnly'),\n    ownerState: ownerState,\n    role: readOnly ? 'img' : null,\n    \"aria-label\": readOnly ? getLabelText(value) : null\n  }, other, {\n    children: [Array.from(new Array(max)).map((_, index) => {\n      const itemValue = index + 1;\n      const ratingItemProps = {\n        classes,\n        disabled,\n        emptyIcon,\n        focus,\n        getLabelText,\n        highlightSelectedOnly,\n        hover,\n        icon,\n        IconContainerComponent,\n        name,\n        onBlur: handleBlur,\n        onChange: handleChange,\n        onClick: handleClear,\n        onFocus: handleFocus,\n        ratingValue: value,\n        ratingValueRounded: valueRounded,\n        readOnly,\n        ownerState\n      };\n      const isActive = itemValue === Math.ceil(value) && (hover !== -1 || focus !== -1);\n      if (precision < 1) {\n        const items = Array.from(new Array(1 / precision));\n        return /*#__PURE__*/_jsx(RatingDecimal, {\n          className: clsx(classes.decimal, isActive && classes.iconActive),\n          ownerState: ownerState,\n          iconActive: isActive,\n          children: items.map(($, indexDecimal) => {\n            const itemDecimalValue = roundValueToPrecision(itemValue - 1 + (indexDecimal + 1) * precision, precision);\n            return /*#__PURE__*/_jsx(RatingItem, _extends({}, ratingItemProps, {\n              // The icon is already displayed as active\n              isActive: false,\n              itemValue: itemDecimalValue,\n              labelProps: {\n                style: items.length - 1 === indexDecimal ? {} : {\n                  width: itemDecimalValue === value ? `${(indexDecimal + 1) * precision * 100}%` : '0%',\n                  overflow: 'hidden',\n                  position: 'absolute'\n                }\n              }\n            }), itemDecimalValue);\n          })\n        }, itemValue);\n      }\n      return /*#__PURE__*/_jsx(RatingItem, _extends({}, ratingItemProps, {\n        isActive: isActive,\n        itemValue: itemValue\n      }), itemValue);\n    }), !readOnly && !disabled && /*#__PURE__*/_jsxs(RatingLabel, {\n      className: clsx(classes.label, classes.labelEmptyValue),\n      ownerState: ownerState,\n      children: [/*#__PURE__*/_jsx(\"input\", {\n        className: classes.visuallyHidden,\n        value: \"\",\n        id: `${name}-empty`,\n        type: \"radio\",\n        name: name,\n        checked: valueRounded == null,\n        onFocus: () => setEmptyValueFocused(true),\n        onBlur: () => setEmptyValueFocused(false),\n        onChange: handleChange\n      }), /*#__PURE__*/_jsx(\"span\", {\n        className: classes.visuallyHidden,\n        children: emptyLabelText\n      })]\n    })]\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Rating.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The default value. Use when the component is not controlled.\n   * @default null\n   */\n  defaultValue: PropTypes.number,\n  /**\n   * If `true`, the component is disabled.\n   * @default false\n   */\n  disabled: PropTypes.bool,\n  /**\n   * The icon to display when empty.\n   * @default <StarBorder fontSize=\"inherit\" />\n   */\n  emptyIcon: PropTypes.node,\n  /**\n   * The label read when the rating input is empty.\n   * @default 'Empty'\n   */\n  emptyLabelText: PropTypes.node,\n  /**\n   * Accepts a function which returns a string value that provides a user-friendly name for the current value of the rating.\n   * This is important for screen reader users.\n   *\n   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).\n   * @param {number} value The rating label's value to format.\n   * @returns {string}\n   * @default function defaultLabelText(value) {\n   *   return `${value} Star${value !== 1 ? 's' : ''}`;\n   * }\n   */\n  getLabelText: PropTypes.func,\n  /**\n   * If `true`, only the selected icon will be highlighted.\n   * @default false\n   */\n  highlightSelectedOnly: PropTypes.bool,\n  /**\n   * The icon to display.\n   * @default <Star fontSize=\"inherit\" />\n   */\n  icon: PropTypes.node,\n  /**\n   * The component containing the icon.\n   * @default function IconContainer(props) {\n   *   const { value, ...other } = props;\n   *   return <span {...other} />;\n   * }\n   */\n  IconContainerComponent: PropTypes.elementType,\n  /**\n   * Maximum rating.\n   * @default 5\n   */\n  max: PropTypes.number,\n  /**\n   * The name attribute of the radio `input` elements.\n   * This input `name` should be unique within the page.\n   * Being unique within a form is insufficient since the `name` is used to generated IDs.\n   */\n  name: PropTypes.string,\n  /**\n   * Callback fired when the value changes.\n   * @param {React.SyntheticEvent} event The event source of the callback.\n   * @param {number|null} value The new value.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback function that is fired when the hover state changes.\n   * @param {React.SyntheticEvent} event The event source of the callback.\n   * @param {number} value The new value.\n   */\n  onChangeActive: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onMouseLeave: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onMouseMove: PropTypes.func,\n  /**\n   * The minimum increment value change allowed.\n   * @default 1\n   */\n  precision: chainPropTypes(PropTypes.number, props => {\n    if (props.precision < 0.1) {\n      return new Error(['MUI: The prop `precision` should be above 0.1.', 'A value below this limit has an imperceptible impact.'].join('\\n'));\n    }\n    return null;\n  }),\n  /**\n   * Removes all hover effects and pointer events.\n   * @default false\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * The size of the component.\n   * @default 'medium'\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['small', 'medium', 'large']), PropTypes.string]),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The rating value.\n   */\n  value: PropTypes.number\n} : void 0;\nexport default Rating;","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  padding: 16px;\\n  background-color: \",\n        \";\\n  border-radius: 6px;\\n\\n  & textarea::placeholder {\\n    color: \",\n        \";\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  margin-bottom: 4px;\\n  color: \",\n        \";\\n  font-size: 14px;\\n  font-weight: 400;\\n  line-height: 22px; /* 157.143% */\\n  letter-spacing: -0.14px;\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  align-items: center;\\n  margin-bottom: 16px;\\n\\n  span {\\n    color: \",\n        \";\\n    font-size: 18px;\\n    font-weight: 600;\\n    line-height: 26px; /* 144.444% */\\n  }\\n\\n  strong {\\n    color: \",\n        \";\\n  }\\n\\n  small {\\n    display: inline-flex;\\n    margin-left: 8px;\\n    align-items: center;\\n    color: \",\n        \";\\n    font-size: 14px;\\n    font-weight: 400;\\n    line-height: 22px; /* 157.143% */\\n    letter-spacing: -0.14px;\\n  }\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Button, Divider, Rating, styled as muiStyled } from \"@mui/material\";\nimport BigNumber from \"bignumber.js\";\nimport { forwardRef, useMemo } from \"react\";\nimport styled, { useTheme } from \"styled-components\";\nimport Icon from \"../icon/Icon\";\nimport { Sizes, Star } from \"../icon/IconList\";\nconst ReviewSectionCardWrapper = styled.div.withConfig({\n    componentId: \"sc-587a3800-0\"\n})(_templateObject(), (props)=>props.theme.new.colors.white, (props)=>props.theme.new.colors.sol_gray_300);\nconst ReviewSectionTitle = styled.h2.withConfig({\n    componentId: \"sc-587a3800-1\"\n})(_templateObject1(), (props)=>props.theme.new.colors[props.color]);\nexport const ReviewSectionCard = (param)=>{\n    let { children , title , titleColor =\"sol_blue_500\"  } = param;\n    return /*#__PURE__*/ _jsxs(ReviewSectionCardWrapper, {\n        children: [\n            /*#__PURE__*/ _jsx(ReviewSectionTitle, {\n                color: titleColor,\n                children: title\n            }),\n            children\n        ]\n    });\n};\nconst ReviewTitleWrapper = styled.h3.withConfig({\n    componentId: \"sc-587a3800-2\"\n})(_templateObject2(), (props)=>props.theme.new.colors.sol_blue_900, (param)=>{\n    let { theme  } = param;\n    return theme.new.colors.sol_indigo_500;\n}, (props)=>props.theme.new.colors.sol_gray_300);\nexport const ReviewTitle = (param)=>{\n    let { children , smallSuffix  } = param;\n    return /*#__PURE__*/ _jsxs(ReviewTitleWrapper, {\n        children: [\n            /*#__PURE__*/ _jsx(\"span\", {\n                children: children\n            }),\n            !!smallSuffix && /*#__PURE__*/ _jsx(\"small\", {\n                children: smallSuffix\n            })\n        ]\n    });\n};\nexport const ReviewFormDivider = styled(Divider).withConfig({\n    componentId: \"sc-587a3800-3\"\n})({\n    \"&.MuiDivider-root\": {\n        margin: \"24px 0\"\n    }\n});\nconst ReviewChipButtonWrapper = muiStyled(Button)((param)=>{\n    let { theme , selected  } = param;\n    const { typography: { pxToRem: tpr , ...typo }  } = theme;\n    return {\n        \"&.MuiButton-outlined\": {\n            padding: tpr(12).concat(\" \", tpr(16)),\n            backgroundColor: selected ? theme.palette.indigo[50] : theme.palette.blackAndWhite.white,\n            borderColor: selected ? theme.palette.indigo[200] : theme.palette.grey[100],\n            color: theme.palette[selected ? \"indigo\" : \"grey\"][500],\n            ...typo.semibold16,\n            \"&:hover\": {\n                backgroundColor: theme.palette.indigo[50]\n            }\n        }\n    };\n});\nexport const ReviewChipButton = /*#__PURE__*/ forwardRef((param, ref)=>{\n    let { children , variant =\"outlined\" , label , alignStart , ...props } = param;\n    return /*#__PURE__*/ _jsx(ReviewChipButtonWrapper, {\n        ref: ref,\n        variant: variant,\n        ...props,\n        sx: {\n            ...alignStart ? {\n                justifyContent: \"flex-start\"\n            } : {\n                \"&.MuiButton-outlined\": (theme)=>({\n                        [theme.breakpoints.down(\"sm\")]: {\n                            px: 0\n                        }\n                    })\n            }\n        },\n        children: children || label\n    });\n});\nconst StyledRating = styled(Rating).withConfig({\n    componentId: \"sc-587a3800-4\"\n})((param)=>{\n    let { theme  } = param;\n    return {\n        \"& .MuiRating-icon\": {\n            transition: \"color 0.2s\"\n        },\n        \"& .MuiRating-decimal > span:has(.MuiRating-iconFilled)\": {\n            zIndex: 1\n        },\n        \"&:hover\": {\n            \"& .MuiRating-iconFilled\": {\n                color: theme.new.colors.sol_yellow_200\n            },\n            \"& .MuiRating-iconEmpty\": {\n                color: theme.new.colors.sol_gray_100\n            }\n        }\n    };\n});\nexport const ProductRating = /*#__PURE__*/ forwardRef((param, ref)=>{\n    let { precision =0.01 , readOnly =true , size =Sizes.large , value: _value , ...props } = param;\n    const theme = useTheme();\n    const { value  } = useMemo(()=>{\n        let result = _value;\n        if (_value) {\n            const integer = BigNumber(_value).integerValue(BigNumber.ROUND_FLOOR);\n            if (BigNumber(_value).comparedTo(integer) !== 0) {\n                const decimal = BigNumber(_value).minus(integer);\n                const calculated = decimal.multipliedBy(BigNumber(0.7)).plus(BigNumber(0.15));\n                // console.log(integer.toNumber(), decimal.toNumber(), calculated.toNumber())\n                result = calculated.plus(integer).toNumber();\n            }\n        }\n        return {\n            value: result\n        };\n    }, [\n        _value\n    ]);\n    return /*#__PURE__*/ _jsx(StyledRating, {\n        tabIndex: 0,\n        ref: ref,\n        icon: /*#__PURE__*/ _jsx(Icon, {\n            icon: Star,\n            size: size,\n            color: theme.new.colors.sol_yellow_400\n        }),\n        emptyIcon: /*#__PURE__*/ _jsx(Icon, {\n            icon: Star,\n            size: size,\n            color: theme.new.colors.sol_gray_100\n        }),\n        precision: precision,\n        readOnly: readOnly,\n        value: value,\n        ...props\n    });\n});\n","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { styled, Typography } from \"@mui/material\";\nexport const ChipItem = (param)=>{\n    let { children , bgColor , color  } = param;\n    return /*#__PURE__*/ _jsx(Chip, {\n        style: {\n            backgroundColor: bgColor,\n            color: color\n        },\n        children: children\n    });\n};\nexport const Chip = styled(\"span\")((param)=>{\n    let { theme  } = param;\n    return {\n        padding: \"2px 8px\",\n        borderRadius: \"4px\",\n        marginBottom: \"8px\",\n        display: \"inline-block\",\n        ...theme.typography.subtitle2\n    };\n});\nexport const KeywordChip = (param)=>{\n    let { text , onClick  } = param;\n    return /*#__PURE__*/ _jsxs(Typography, {\n        onClick: onClick,\n        component: \"li\",\n        variant: \"subtitle1\",\n        sx: (theme)=>{\n            return {\n                backgroundColor: \"#fff\",\n                color: theme.palette.secondary[\"main\"],\n                padding: \"8px 12px\",\n                borderRadius: \"6px\",\n                border: \"1px solid \".concat(theme.palette.grey[200]),\n                cursor: \"pointer\",\n                display: \"flex\",\n                \"&:hover\": {\n                    backgroundColor: theme.palette.grey[50]\n                }\n            };\n        },\n        children: [\n            \"#\",\n            /*#__PURE__*/ _jsx(Typography, {\n                variant: \"body1\",\n                sx: (theme)=>{\n                    return {\n                        marginLeft: \"6px\",\n                        color: theme.palette.text[\"title\"]\n                    };\n                },\n                children: text\n            })\n        ]\n    });\n};\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  .checkbox-list-wrapper {\\n    display: flex;\\n    flex-wrap: wrap;\\n    background-color: \",\n        \";\\n  }\\n\\n  .ant-checkbox-wrapper {\\n    padding: 0 16px;\\n    min-height: 41px;\\n    height: fit-content;\\n    align-items: center;\\n    margin-inline-start: 0;\\n    font-size: 14px;\\n    color: \",\n        \";\\n    width: 100%;\\n\\n    :hover {\\n      background-color: rgba(27, 27, 41, 0.03);\\n    }\\n\\n    .ant-checkbox {\\n      top: 0;\\n    }\\n\\n    .ant-checkbox + span {\\n    }\\n  }\\n\\n  .ant-checkbox-wrapper-checked {\\n    .ant-checkbox + span {\\n      font-weight: 600;\\n      color: \",\n        \";\\n    }\\n  }\\n\\n  .layout-1 {\\n    li {\\n      width: 100%;\\n    }\\n  }\\n\\n  .layout-2 {\\n    li {\\n      width: 50%;\\n    }\\n  }\\n\\n  .layout-3 {\\n    li {\\n      width: 33.3333%;\\n      @media (max-width: 768px) {\\n        width: 50%;\\n      }\\n    }\\n  }\\n\\n  .list-wrapper {\\n    overflow: hidden;\\n    transition: height 0.35s ease;\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { renderKoreanFilterName } from \"@/components/Search/index\";\nimport Icon from \"@/components/icon/Icon\";\nimport { ArrowDown, ArrowUp, Sizes } from \"@/components/icon/IconList\";\nimport themeGet from \"@styled-system/theme-get\";\nimport { Checkbox } from \"antd\";\nimport React, { useEffect, useState } from \"react\";\nimport styled, { useTheme } from \"styled-components\";\nexport const MobileFilterListItem = (param)=>{\n    let { title , filterItem , handleFilter , selectedFilters , openSlider , sliderOpen  } = param;\n    const theme = useTheme();\n    const [dropdown, setDropdown] = useState(\"folding\");\n    const [layoutClassName, setLayoutClassName] = useState(\"layout-2\");\n    const [listHeight, setListHeight] = useState(0);\n    const titleCount = selectedFilters.filter((filter)=>filter.key === title).length;\n    const childRef = React.useRef(null);\n    const foldingClick = ()=>{\n        setDropdown(dropdown === \"folding\" ? \"expanding\" : \"folding\");\n        if (dropdown === \"folding\") {\n            openSlider(true, title);\n            return;\n        }\n        openSlider(true, \"\");\n    };\n    const layout = ()=>{\n        if (title === \"brands\") {\n            setLayoutClassName(\"layout-1\");\n        } else if (title === \"units\") {\n            setLayoutClassName(\"layout-3\");\n        }\n    };\n    const onCheckboxChange = (id, value)=>{\n        handleFilter(title, id, value);\n    };\n    useEffect(()=>{\n        layout();\n    }, [\n        title\n    ]);\n    useEffect(()=>{\n        if (dropdown === \"expanding\" && childRef.current) {\n            setListHeight(childRef.current.scrollHeight);\n        }\n        if (!sliderOpen.isOpen || renderKoreanFilterName(title) !== renderKoreanFilterName(sliderOpen.value)) {\n            setDropdown(\"folding\");\n        }\n        if (sliderOpen.isOpen && renderKoreanFilterName(title) === renderKoreanFilterName(sliderOpen.value)) {\n            setDropdown(\"expanding\");\n        }\n    }, [\n        dropdown,\n        sliderOpen.isOpen,\n        sliderOpen.value\n    ]);\n    return /*#__PURE__*/ _jsxs(MobileFilterListItemWrapper, {\n        children: [\n            /*#__PURE__*/ _jsxs(\"div\", {\n                className: \"filter-title-wrapper title-\".concat(dropdown),\n                onClick: foldingClick,\n                children: [\n                    /*#__PURE__*/ _jsxs(\"p\", {\n                        children: [\n                            renderKoreanFilterName(title),\n                            titleCount > 0 && /*#__PURE__*/ _jsxs(\"span\", {\n                                children: [\n                                    \" \",\n                                    titleCount\n                                ]\n                            })\n                        ]\n                    }),\n                    /*#__PURE__*/ _jsx(Icon, {\n                        icon: dropdown === \"folding\" ? ArrowDown : ArrowUp,\n                        color: dropdown === \"folding\" ? theme.new.colors.sol_gray_600 : theme.new.colors.sol_gray_900,\n                        size: Sizes.small\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(\"div\", {\n                className: \"list-wrapper\",\n                style: {\n                    height: dropdown === \"expanding\" ? listHeight : \"0px\"\n                },\n                children: /*#__PURE__*/ _jsx(\"ul\", {\n                    className: \"checkbox-list-wrapper \".concat(layoutClassName),\n                    ref: childRef,\n                    children: filterItem.map((item, idx)=>{\n                        if (title === \"brands\") {\n                            return item.values.map((brand, itemIdx)=>{\n                                let isChecked = false;\n                                selectedFilters.map((filter)=>{\n                                    if (title === filter.key && filter.value === brand.id.toString()) isChecked = true;\n                                });\n                                var _brand_label;\n                                return /*#__PURE__*/ _jsx(\"li\", {\n                                    children: /*#__PURE__*/ _jsx(Checkbox, {\n                                        checked: isChecked,\n                                        onChange: ()=>onCheckboxChange(brand.id, item.value),\n                                        children: (_brand_label = brand.label) !== null && _brand_label !== void 0 ? _brand_label : brand.value\n                                    })\n                                }, itemIdx);\n                            });\n                        } else {\n                            if (!item.value) return;\n                            let isChecked = false;\n                            selectedFilters.map((filter)=>{\n                                if (title === \"units\" && String(filter.value) === String(item.value)) {\n                                    isChecked = true;\n                                } else if (title === filter.key && String(filter.value) === String(item.value)) {\n                                    isChecked = true;\n                                }\n                            });\n                            var _item_label;\n                            return /*#__PURE__*/ _jsx(\"li\", {\n                                children: /*#__PURE__*/ _jsx(Checkbox, {\n                                    checked: isChecked,\n                                    onChange: ()=>{\n                                        if (title === \"units\") {\n                                            onCheckboxChange(item.value, item.value);\n                                        } else onCheckboxChange(item.id, item.value);\n                                    },\n                                    children: (_item_label = item.label) !== null && _item_label !== void 0 ? _item_label : item.value\n                                })\n                            }, idx);\n                        }\n                    })\n                })\n            })\n        ]\n    });\n};\nconst MobileFilterListItemWrapper = styled.div.withConfig({\n    componentId: \"sc-76797c08-0\"\n})(_templateObject(), (props)=>props.theme.new.colors.sol_gray_0, (props)=>props.theme.new.colors.sol_gray_600, themeGet(\"primary.0\", \"#000000\"));\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  .title {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: center;\\n    padding: 12px 16px;\\n    border-bottom: 1px solid rgb(232, 232, 234);\\n    font-weight: 600;\\n    font-size: 16px;\\n  }\\n\\n  .MuiPaper-root {\\n    width: 50%;\\n    @media (max-width: 768px) {\\n      width: 80%;\\n    }\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport styled, { useTheme } from \"styled-components\";\nimport Icon from \"@/components/icon/Icon\";\nimport { Close, Sizes } from \"@/components/icon/IconList\";\nimport { Drawer } from \"@mui/material\";\nexport const MobileFilterSideSheet = (param)=>{\n    let { title , children , sliderOpen , openSlider  } = param;\n    const theme = useTheme();\n    const onClose = ()=>{\n        openSlider(false, \"\");\n    };\n    const titleComponent = /*#__PURE__*/ _jsxs(\"div\", {\n        className: \"title\",\n        children: [\n            /*#__PURE__*/ _jsx(\"p\", {\n                children: title\n            }),\n            /*#__PURE__*/ _jsx(Icon, {\n                icon: Close,\n                size: Sizes.small,\n                color: theme.new.colors.sol_gray_900,\n                onClick: onClose\n            })\n        ]\n    });\n    return /*#__PURE__*/ _jsxs(MobileFilterSliderWrapper, {\n        anchor: \"right\",\n        onClose: onClose,\n        className: \"mobile-filter-slider\",\n        open: sliderOpen.isOpen,\n        children: [\n            titleComponent,\n            children\n        ]\n    });\n};\nconst MobileFilterSliderWrapper = styled(Drawer).withConfig({\n    componentId: \"sc-2b3104a1-0\"\n})(_templateObject());\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  gap: 72px;\\n  width: 100%;\\n  justify-content: center;\\n\\n  .left-align {\\n    display: flex;\\n    max-width: 788px;\\n    flex-direction: column;\\n    flex: 1;\\n\\n    > p {\\n      color: #fff;\\n\\n      font-size: 20px;\\n\\n      font-weight: 700;\\n      line-height: 30px;\\n      margin-bottom: 20px;\\n    }\\n\\n    .image-list {\\n      flex-grow: 1;\\n      display: flex;\\n      flex-direction: column;\\n      overflow-y: auto;\\n      height: calc(100vh - 120px);\\n      gap: 20px;\\n      overscroll-behavior: contain;\\n      width: 100%;\\n    }\\n  }\\n\\n  .cart-wrapper {\\n    width: 340px;\\n    position: relative;\\n    display: flex;\\n    flex-direction: column;\\n    align-items: center;\\n    justify-content: center;\\n\\n    > section {\\n      margin-top: 40px;\\n    }\\n\\n    > div {\\n      :first-of-type {\\n        width: 100%;\\n        position: relative;\\n      }\\n\\n      :last-of-type {\\n        width: 100%;\\n      }\\n    }\\n  }\\n\\n  .close-button {\\n    all: unset;\\n    position: absolute;\\n    top: 20px;\\n    right: 0;\\n    padding: 8px;\\n    background-color: white;\\n    border-radius: 6px;\\n    width: 24px;\\n    height: 24px;\\n    cursor: pointer;\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { DefaultLoadingContainer } from \"@/components/DefaultLoadingContainer\";\nimport Icon from \"@/components/icon/Icon\";\nimport { Close } from \"@/components/icon/IconList\";\nimport PurchaseSection from \"@/components/Package/PurchaseSection\";\nimport { useAuthStore } from \"@/lib/auth/AuthStore\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { PriceSection } from \"@/modules/products/components/PriceSection\";\nimport { styled as muiStyled, Typography } from \"@mui/material\";\nimport Image from \"next/image\";\nimport React from \"react\";\nimport { isBooksProduct } from \"src/api/booksProducts\";\nimport styled from \"styled-components\";\nimport useHandoutProductStore from \"../../../store/relatedProduct\";\nexport const PreviewBookModal = (param)=>{\n    let { onClose  } = param;\n    var _source_images, _source_images1, _source_images2;\n    const { isLoggedIn , user: { hasUsableFreepass  }  } = useAuthStore();\n    const { currentProduct  } = useHandoutProductStore((state)=>({\n            updateCurrentProduct: state.updateCurrentProduct,\n            currentProduct: state.currentProduct\n        }));\n    const source = currentProduct.source;\n    const productType = isBooksProduct(currentProduct) ? currentProduct.productType : currentProduct.source_type;\n    return /*#__PURE__*/ _jsxs(MainPreviewModalWrapper, {\n        children: [\n            /*#__PURE__*/ _jsxs(\"div\", {\n                className: \"left-align\",\n                children: [\n                    /*#__PURE__*/ _jsx(\"p\", {\n                        children: [\n                            currentProduct === null || currentProduct === void 0 ? void 0 : currentProduct.title\n                        ]\n                    }),\n                    /*#__PURE__*/ _jsxs(\"div\", {\n                        className: \"image-list\",\n                        children: [\n                            !currentProduct && /*#__PURE__*/ _jsx(DefaultLoadingContainer, {\n                                title: \"데이터를 불러오는 중입니다.\"\n                            }),\n                            (!(source === null || source === void 0 ? void 0 : (_source_images = source.images) === null || _source_images === void 0 ? void 0 : _source_images.previews) || (source === null || source === void 0 ? void 0 : (_source_images1 = source.images) === null || _source_images1 === void 0 ? void 0 : _source_images1.previews.length) === 0) && /*#__PURE__*/ _jsx(EmptyContainer, {\n                                children: /*#__PURE__*/ _jsx(Typography, {\n                                    variant: \"body1\",\n                                    color: \"rgba(106, 112, 138, 1)\",\n                                    children: \"등록된 샘플이 없어요.\"\n                                })\n                            }),\n                            source === null || source === void 0 ? void 0 : (_source_images2 = source.images) === null || _source_images2 === void 0 ? void 0 : _source_images2.previews.map((image, index)=>/*#__PURE__*/ _jsx(Image, {\n                                    width: 788,\n                                    height: 1124,\n                                    src: image.url,\n                                    alt: \"\"\n                                }, index))\n                        ]\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsxs(\"div\", {\n                className: \"cart-wrapper\",\n                children: [\n                    /*#__PURE__*/ _jsx(\"button\", {\n                        className: \"close-button\",\n                        onClick: ()=>{\n                            onClose();\n                            mixpanelEvent(\"Close UI\", {\n                                Type: \"닫기버튼\",\n                                Position: \"preview modal\"\n                            });\n                        },\n                        children: /*#__PURE__*/ _jsx(Icon, {\n                            icon: Close\n                        })\n                    }),\n                    productType === \"handout\" ? /*#__PURE__*/ _jsx(PurchaseSection, {\n                        product: currentProduct,\n                        isLoggedIn: isLoggedIn,\n                        hasUsableFreepass: hasUsableFreepass\n                    }) : /*#__PURE__*/ _jsx(PriceSection, {\n                        product: currentProduct\n                    })\n                ]\n            })\n        ]\n    });\n};\nconst EmptyContainer = muiStyled(\"div\")((param)=>{\n    let { theme  } = param;\n    return {\n        backgroundColor: theme.palette.background.paper,\n        borderRadius: \"6px\",\n        // margin: '0 auto',\n        width: \"revert-layer\",\n        height: \"100%\",\n        flex: \"1 1 auto\",\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\"\n    };\n});\nconst MainPreviewModalWrapper = styled.div.withConfig({\n    componentId: \"sc-fd9c418f-0\"\n})(_templateObject());\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  width: 100%;\\n\\n  > div {\\n    width: 100%;\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { styled } from \"@mui/material\";\nimport { useMutation } from \"@tanstack/react-query\";\nimport { useRouter } from \"next/router\";\nimport { createContext, useContext, useEffect, useRef, useState } from \"react\";\nimport useHandoutProductStore from \"src/store/relatedProduct\";\nimport { createStore, useStore } from \"zustand\";\nimport { getLegacyProduct, getProduct } from \"../../api/product\";\nimport { PreviewBookModal } from \"../Landing/modals/PreviewBookModal\";\nimport { PassInfoModal } from \"../Package/PassInfoModal\";\nimport Modal from \"../modal/Modal\";\nconst PreviewDialogContext = /*#__PURE__*/ createContext(null);\nexport const PreviewDialogProvider = (param)=>{\n    let { children  } = param;\n    const storeRef = useRef();\n    const router = useRouter();\n    // const [productDetail, setProductDetail] = useState<IProduct | null>(null)\n    const [previewModalOpen, setPreviewModalOpen] = useState(false);\n    const { currentProduct , updateCurrentProduct  } = useHandoutProductStore((state)=>({\n            updateCurrentProduct: state.updateCurrentProduct,\n            currentProduct: state.currentProduct\n        }));\n    const getProductLegacyMutation = useMutation(getLegacyProduct);\n    const getProductMutation = useMutation(getProduct);\n    const openPreviewDialog = async (param)=>{\n        let { id  } = param;\n        try {\n            const response = await getProductLegacyMutation.mutateAsync({\n                id\n            });\n            const newProductResponse = await getProductMutation.mutateAsync({\n                id\n            });\n            updateCurrentProduct({\n                ...response.product,\n                purchaseOptions: newProductResponse.purchaseOptions,\n                downloadPrice: newProductResponse.downloadPrice,\n                type: newProductResponse.type\n            });\n            setPreviewModalOpen(true);\n        } catch (e) {\n            window.alert(\"교재 정보를 불러오는데 실패했습니다.\");\n        }\n    };\n    const closePreviewDialog = ()=>{\n        setPreviewModalOpen(false);\n        updateCurrentProduct(null);\n    };\n    if (!storeRef.current) {\n        storeRef.current = createStore((set)=>({\n                openPreviewDialog,\n                closePreviewDialog\n            }));\n    }\n    useEffect(()=>{\n        //페이지 이동시 닫혀야함.\n        closePreviewDialog();\n    }, [\n        router\n    ]);\n    return /*#__PURE__*/ _jsxs(PreviewDialogContext.Provider, {\n        value: storeRef.current,\n        children: [\n            children,\n            currentProduct && /*#__PURE__*/ _jsxs(_Fragment, {\n                children: [\n                    /*#__PURE__*/ _jsx(StyledModal, {\n                        modalBgColor: \"transparent\",\n                        disableOutsideClick: false,\n                        onClose: closePreviewDialog,\n                        open: previewModalOpen,\n                        name: \"mainPreviewModal\",\n                        children: /*#__PURE__*/ _jsx(PreviewBookModal, {\n                            onClose: closePreviewDialog\n                        })\n                    }),\n                    /*#__PURE__*/ _jsx(PassInfoModal, {})\n                ]\n            })\n        ]\n    });\n};\nconst StyledModal = styled(Modal)(_templateObject());\nexport const usePreviewDialogStore = ()=>{\n    const store = useContext(PreviewDialogContext);\n    if (!store) {\n        throw new Error(\"Missing PreviewDialogProvider\");\n    }\n    return useStore(store);\n};\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  padding: 0 0 80px;\\n  min-height: 80vh;\\n  @media (max-width: 768px) {\\n    /* background-color: #ffff; */\\n    .active-tab-wrapper {\\n      margin: 0 -16px;\\n      padding: unset;\\n      flex: 1;\\n      display: flex;\\n      align-items: center;\\n      gap: unset;\\n      overflow-x: auto;\\n\\n      li {\\n        width: 100%;\\n        display: flex;\\n        align-items: center;\\n        justify-content: center;\\n        padding: 12px 0;\\n\\n        > div {\\n          font-size: 16px;\\n          line-height: 24px;\\n        }\\n\\n        &.active {\\n          padding: 12px 0 10px;\\n        }\\n      }\\n    }\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  flex: 1;\\n\\n  .section-title {\\n    font-size: 20px;\\n    font-weight: bold;\\n  }\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  margin-top: 36px;\\n  border-radius: 6px;\\n  box-shadow: 3px 3px 12px 0px rgba(28, 31, 46, 0.06);\\n  padding: 24px;\\n  background-color: white;\\n  @media (max-width: 768px) {\\n    box-shadow: none;\\n    border-bottom: 8px solid \",\n        \";\\n    border-radius: 6px 6px 0 0;\\n    margin: 0 -16px;\\n    padding: 16px 16px 0;\\n  }\\n\\n  .filter-area {\\n    display: flex;\\n    flex-direction: column;\\n    justify-content: center;\\n    gap: 24px;\\n\\n    @media (max-width: 768px) {\\n      gap: 16px;\\n      margin: 0 -16px;\\n      padding-left: 16px;\\n      padding-bottom: 16px;\\n    }\\n  }\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject3() {\n    const data = _tagged_template_literal([\n        \"\\n  display: block;\\n\"\n    ]);\n    _templateObject3 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject4() {\n    const data = _tagged_template_literal([\n        \"\\n  display: none;\\n  @media (max-width: 768px) {\\n    display: block;\\n    margin: 0 -16px;\\n  }\\n\"\n    ]);\n    _templateObject4 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject5() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  gap: 8px;\\n  font-size: 28px;\\n  align-items: center;\\n\\n  > span {\\n    padding: 0 8px;\\n    border-radius: 6px;\\n    background-color: \",\n        \";\\n    font-size: 14px;\\n    font-weight: 600;\\n    line-height: 22px;\\n    height: 22px;\\n  }\\n\"\n    ]);\n    _templateObject5 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { IconButton, styled as muiStyled } from \"@mui/material\";\nimport styled from \"styled-components\";\nimport Icon from \"../icon/Icon\";\nimport { ArrowLeft, Sizes } from \"../icon/IconList\";\nexport const SearchPageWrapper = styled.div.withConfig({\n    componentId: \"sc-3a4ac789-0\"\n})(_templateObject());\nexport const SearchListWrap = styled.div.withConfig({\n    componentId: \"sc-3a4ac789-1\"\n})(_templateObject1());\nexport const SelectingArea = styled.div.withConfig({\n    componentId: \"sc-3a4ac789-2\"\n})(_templateObject2(), (props)=>props.theme.new.colors.sol_gray_50);\nexport const FilterArea = styled.div.withConfig({\n    componentId: \"sc-3a4ac789-3\"\n})(_templateObject3());\nexport const MobileSliderArea = styled.div.withConfig({\n    componentId: \"sc-3a4ac789-4\"\n})(_templateObject4());\nexport const ActiveTabLabel = styled.div.withConfig({\n    componentId: \"sc-3a4ac789-5\"\n})(_templateObject5(), (props)=>props.theme.new.colors.sol_gray_50);\nexport const FilterTitle = muiStyled(\"p\")((param)=>{\n    let { theme  } = param;\n    return {\n        display: \"flex\",\n        alignItems: \"center\",\n        paddingRight: \"16px\",\n        height: \"38px\",\n        fontSize: \"16px\",\n        fontWeight: 600,\n        lineHeight: \"24px\" /* 150% */ ,\n        letterSpacing: \"-0.16px\"\n    };\n});\nexport const ButtonWithIcon = (param)=>{\n    let { onClick  } = param;\n    return /*#__PURE__*/ _jsx(IconButton, {\n        onClick: onClick,\n        color: \"primary\",\n        sx: (theme)=>{\n            return {\n                p: \"8px\",\n                height: \"fit-content\"\n            };\n        },\n        \"aria-label\": \"directions\",\n        children: /*#__PURE__*/ _jsx(Icon, {\n            icon: ArrowLeft,\n            size: Sizes.xmedium\n        })\n    });\n};\nexport const renderKoreanFilterName = (key)=>{\n    let result = \"\";\n    switch(key){\n        case \"genres\":\n            result = \"장르\";\n            break;\n        case \"eras\":\n            result = \"시대\";\n            break;\n        case \"use_books\":\n        case \"relatedBooks\":\n            result = \"교재\";\n            break;\n        case \"brands\":\n        case \"authors\":\n            result = \"제작자\";\n            break;\n        case \"units\":\n            result = \"단원\";\n            break;\n        case \"publishers\":\n        case \"publishers[]\":\n        case \"publisher\":\n            result = \"출판사\";\n            break;\n        case \"data_types\":\n        case \"dataTypes\":\n            result = \"자료유형\";\n            break;\n        case \"content_types\":\n        case \"contentTypes\":\n            result = \"학습 내용\";\n            break;\n        case \"curriculums\":\n        case \"curriculums[]\":\n        case \"curriculum\":\n            result = \"학년\";\n            break;\n        case \"subjects\":\n        case \"subjects[]\":\n        case \"subject\":\n            result = \"과목\";\n            break;\n        // 믹스패널 때문에 추가\n        case \"추천 카테고리\":\n            result = \"추천 카테고리\";\n            break;\n        case \"편집가능\":\n            result = \"편집가능\";\n            break;\n        case \"tickets\":\n            result = \"이용권\";\n            break;\n        default:\n            result = key;\n            break;\n    }\n    return result;\n};\n","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React, { useCallback, useEffect, useState } from \"react\";\nimport useCloseHandler from \"../Category/hooks/useCloseHandler\";\nimport { useFunnel } from \"../Funnel\";\nimport AnchorDrawer from \"../modal/AnchorDrawer\";\nimport { SideSheetAdListStep, SideSheetDefaultStep, SideSheetMenuListStep } from \"./SideSheetSteps\";\nimport { useSideCategoryMenuStore } from \"./store/useCategoryMenuStore\";\nexport const SideSheetSteps = {\n    default: \"default\",\n    menuList: \"menuList\",\n    adList: \"adList\"\n};\nexport const GNBSideSheet = (param)=>{\n    let { onLogout  } = param;\n    useCloseHandler();\n    const { isOpenMobileSideMenu , openMobileSideMenu , closeSideMenu , setState  } = useSideCategoryMenuStore();\n    const [Funnel, setStep] = useFunnel([\n        SideSheetSteps.default,\n        SideSheetSteps.menuList,\n        SideSheetSteps.adList\n    ], SideSheetSteps.default);\n    const [currentMenu, setCurrentMenu] = useState(null);\n    const goToNextStep = (step)=>{\n        setStep(step);\n    };\n    const goToPrevStep = useCallback(()=>{\n        setStep(SideSheetSteps.default);\n        setState(\"twoDepthId\", \"\");\n        setState(\"threeDepthId\", \"\");\n    }, [\n        setState\n    ]);\n    useEffect(()=>{\n        if (!isOpenMobileSideMenu) setStep(SideSheetSteps.default);\n    }, [\n        isOpenMobileSideMenu\n    ]);\n    return /*#__PURE__*/ _jsx(AnchorDrawer, {\n        anchor: \"right\",\n        open: isOpenMobileSideMenu,\n        onClose: closeSideMenu,\n        children: isOpenMobileSideMenu && /*#__PURE__*/ _jsxs(Funnel, {\n            children: [\n                /*#__PURE__*/ _jsx(Funnel.Step, {\n                    name: SideSheetSteps.default,\n                    children: /*#__PURE__*/ _jsx(SideSheetDefaultStep, {\n                        goToNextStep: goToNextStep,\n                        setCurrentMenu: setCurrentMenu,\n                        onClose: closeSideMenu\n                    })\n                }),\n                /*#__PURE__*/ _jsx(Funnel.Step, {\n                    name: SideSheetSteps.menuList,\n                    children: /*#__PURE__*/ _jsx(SideSheetMenuListStep, {\n                        goToPrevStep: goToPrevStep,\n                        onClose: ()=>{\n                            setStep(SideSheetSteps.default);\n                            closeSideMenu();\n                        }\n                    })\n                }),\n                /*#__PURE__*/ _jsx(Funnel.Step, {\n                    name: SideSheetSteps.adList,\n                    children: /*#__PURE__*/ _jsx(SideSheetAdListStep, {\n                        goToPrevStep: goToPrevStep,\n                        onClose: closeSideMenu\n                    })\n                })\n            ]\n        })\n    });\n};\n","import { useSideCategoryMenuStore } from \"@/components/SideSheets/store/useCategoryMenuStore\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useEffect, useMemo } from \"react\";\nimport { getCategoryMenu } from \"src/api/category\";\nconst useCategorySideDepth = ()=>{\n    const currentOneDepth = useSideCategoryMenuStore((state)=>state.currentDepth);\n    const twoDepthIdInStore = useSideCategoryMenuStore((state)=>state.twoDepthId);\n    const threeDepthIdInStore = useSideCategoryMenuStore((state)=>state.threeDepthId);\n    const setState = useSideCategoryMenuStore((state)=>state.setState);\n    const { data: categoryData  } = useQuery([\n        \"categoryData\"\n    ], ()=>getCategoryMenu(), {\n        retry: 3\n    });\n    // oneDepth 선택시 2depth 선택\n    const selectTwoDepth = useMemo(()=>{\n        if (!categoryData) return;\n        if (!currentOneDepth) return;\n        return categoryData.depthItems.filter((menu, idx)=>menu.id === currentOneDepth)[0];\n    }, [\n        categoryData,\n        currentOneDepth\n    ]);\n    // 2depth 선택시 3depth 선택\n    const selectThreeDepth = useMemo(()=>{\n        if (!twoDepthIdInStore) return;\n        return selectTwoDepth.items.filter((menu)=>{\n            if (twoDepthIdInStore) {\n                return menu.id === twoDepthIdInStore;\n            }\n        })[0];\n    }, [\n        selectTwoDepth,\n        twoDepthIdInStore\n    ]);\n    // 3depth 선택시 4depth 선택\n    const selectFourDepth = useMemo(()=>{\n        if (!selectThreeDepth) return;\n        return selectThreeDepth.items.filter((menu)=>menu.id === threeDepthIdInStore)[0];\n    }, [\n        threeDepthIdInStore\n    ]);\n    useEffect(()=>{\n        if (selectThreeDepth) {\n            if (!threeDepthIdInStore) {\n                setState(\"threeDepthId\", selectThreeDepth.items[0].id);\n            }\n        }\n    }, [\n        selectThreeDepth,\n        threeDepthIdInStore,\n        setState\n    ]);\n    useEffect(()=>{\n        if (!categoryData) return;\n        if (!currentOneDepth) {\n            setState(\"currentDepth\", categoryData.selectedId);\n        }\n    }, [\n        categoryData,\n        currentOneDepth,\n        setState\n    ]);\n    return {\n        currentOneDepth,\n        depthData: {\n            origin: categoryData,\n            two: selectTwoDepth,\n            three: selectThreeDepth,\n            four: selectFourDepth\n        }\n    };\n};\nexport default useCategorySideDepth;\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  padding: 20px;\\n  height: calc(100% - 60px);\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  height: 100%;\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  flex-direction: column;\\n  height: 100%;\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { AdBannerEmpty, useAdBannerQuery } from \"@/components/Banner/AdBanner\";\nimport { SideSheetSteps } from \"@/components/SideSheets/GNBSideSheet\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { BOOKS_LANDING, EBOOKS_LANDING, EBOOKS_UNIVERSITY_LANDING } from \"@/settings/constant\";\nimport { Divider, Box as MuiBox, Typography } from \"@mui/material\";\nimport Link from \"next/link\";\nimport { useCallback } from \"react\";\nimport styled from \"styled-components\";\nimport { MenuListContainer, SideSheetContentsContainer, SideSheetHeader, SideSheetUtils, StepDivider } from \".\";\nimport { AdBanner } from \"../Banner/AdBanner/AdBanner\";\nimport { MenuColumn } from \"../Category\";\nimport useCategorySideDepth from \"../Category/hooks/useCategorySideDepth\";\nimport { Box, BoxContainer, BoxTitle, ButtonBox, MenuLinkBox, RowContainer } from \"../Category/index.style\";\nimport Icon from \"../icon/Icon\";\nimport { ArrowRight, GoodnoteIcon, Sizes } from \"../icon/IconList\";\nimport { useSideCategoryMenuStore } from \"./store/useCategoryMenuStore\";\n//SideSheetSteps.default\nexport const SideSheetDefaultStep = (param)=>{\n    let { goToNextStep , onClose  } = param;\n    var _depthData_origin, _depthData_two;\n    const { currentOneDepth , depthData  } = useCategorySideDepth();\n    const { setState  } = useSideCategoryMenuStore((state)=>({\n            setState: state.setState\n        }));\n    const onClickMenu = useCallback((menuId)=>{\n        setState(\"twoDepthId\", menuId);\n        goToNextStep(SideSheetSteps.menuList);\n    }, [\n        setState,\n        goToNextStep\n    ]);\n    const categoryMenuMixpanel = (depth, title, url)=>{\n        mixpanelEvent(\"Category Menu Clicked\", {\n            Depth: depth,\n            \"Menu Name\": title,\n            Url: url\n        });\n    };\n    const categoryButtonMixpanel = (type, name, url)=>{\n        mixpanelEvent(\"Category Button Clicked\", {\n            \"Button Type\": type,\n            \"Menu Name\": name,\n            Url: url\n        });\n    };\n    return /*#__PURE__*/ _jsx(SideSheetContentsContainer, {\n        children: /*#__PURE__*/ _jsxs(SideSheetContent, {\n            children: [\n                /*#__PURE__*/ _jsx(SideSheetHeader, {\n                    title: \"메뉴\",\n                    onClose: onClose,\n                    currentStep: SideSheetSteps.default\n                }),\n                /*#__PURE__*/ _jsx(SideSheetUtils, {}),\n                /*#__PURE__*/ _jsx(AdBanner, {\n                    position: \"moSide\",\n                    shape: \"fullWidth\",\n                    mixpanelPosition: \"side sheets\"\n                }),\n                depthData && /*#__PURE__*/ _jsx(MenuListContainer, {\n                    children: /*#__PURE__*/ _jsxs(ColumnBox, {\n                        children: [\n                            /*#__PURE__*/ _jsx(MenuLinkBox, {\n                                className: \"link-box-mobile\",\n                                children: /*#__PURE__*/ _jsxs(RowContainer, {\n                                    className: \"container-mobile\",\n                                    children: [\n                                        /*#__PURE__*/ _jsx(BoxContainer, {\n                                            children: (_depthData_origin = depthData.origin) === null || _depthData_origin === void 0 ? void 0 : _depthData_origin.depthItems.map((menu)=>/*#__PURE__*/ _jsx(MenuColumn, {\n                                                    data: menu,\n                                                    onColumnClick: ()=>{\n                                                        setState(\"currentDepth\", menu.id);\n                                                        categoryMenuMixpanel(\"one\", menu.name, \"\");\n                                                    },\n                                                    isActive: currentOneDepth === menu.id\n                                                }, menu.id))\n                                        }),\n                                        /*#__PURE__*/ _jsxs(Box, {\n                                            children: [\n                                                /*#__PURE__*/ _jsxs(ButtonBox, {\n                                                    className: \"active\",\n                                                    children: [\n                                                        /*#__PURE__*/ _jsxs(Typography, {\n                                                            variant: \"subtitle2\",\n                                                            sx: {\n                                                                display: \"flex\",\n                                                                flexDirection: \"column\",\n                                                                gap: \"4px\",\n                                                                alignItems: \"center\",\n                                                                marginBottom: \"8px\",\n                                                                whiteSpace: \"nowrap\"\n                                                            },\n                                                            children: [\n                                                                /*#__PURE__*/ _jsx(Icon, {\n                                                                    icon: GoodnoteIcon,\n                                                                    size: Sizes.small\n                                                                }),\n                                                                \"굿노트6 eBook\"\n                                                            ]\n                                                        }),\n                                                        /*#__PURE__*/ _jsx(Link, {\n                                                            href: EBOOKS_UNIVERSITY_LANDING,\n                                                            onClick: ()=>categoryButtonMixpanel(\"goodnotes\", \"대학교재\", EBOOKS_UNIVERSITY_LANDING),\n                                                            children: /*#__PURE__*/ _jsx(\"button\", {\n                                                                children: \"대학 교재\"\n                                                            })\n                                                        })\n                                                    ]\n                                                }),\n                                                /*#__PURE__*/ _jsx(ButtonBox, {\n                                                    children: /*#__PURE__*/ _jsx(Link, {\n                                                        href: EBOOKS_LANDING,\n                                                        onClick: ()=>categoryButtonMixpanel(\"goodnotes\", \"중고등 교재\", EBOOKS_LANDING),\n                                                        children: /*#__PURE__*/ _jsx(\"button\", {\n                                                            children: \"중고등 교재\"\n                                                        })\n                                                    })\n                                                }),\n                                                /*#__PURE__*/ _jsx(Divider, {}),\n                                                /*#__PURE__*/ _jsx(ButtonBox, {\n                                                    children: /*#__PURE__*/ _jsx(Link, {\n                                                        href: BOOKS_LANDING,\n                                                        onClick: ()=>categoryButtonMixpanel(\"books\", \"배송 도서\", BOOKS_LANDING),\n                                                        children: /*#__PURE__*/ _jsx(\"button\", {\n                                                            children: \"배송 도서\"\n                                                        })\n                                                    })\n                                                })\n                                            ]\n                                        })\n                                    ]\n                                })\n                            }),\n                            depthData.two && /*#__PURE__*/ _jsxs(MenuLinkBox, {\n                                children: [\n                                    /*#__PURE__*/ _jsx(BoxTitle, {\n                                        children: ((_depthData_two = depthData.two) === null || _depthData_two === void 0 ? void 0 : _depthData_two.name) || \"\"\n                                    }),\n                                    /*#__PURE__*/ _jsx(RowContainer, {\n                                        className: \"depth-one-container\",\n                                        children: /*#__PURE__*/ _jsx(BoxContainer, {\n                                            children: depthData.two.items.map((menu, idx)=>/*#__PURE__*/ _jsx(MenuColumn, {\n                                                    data: menu,\n                                                    onColumnClick: ()=>{\n                                                        onClickMenu(menu.id);\n                                                        categoryMenuMixpanel(\"two\", menu.name, \"\");\n                                                    },\n                                                    isActive: false,\n                                                    suffix: true\n                                                }, menu.id))\n                                        })\n                                    })\n                                ]\n                            })\n                        ]\n                    })\n                })\n            ]\n        })\n    });\n};\n//SideSheetSteps.menuList\nexport const SideSheetMenuListStep = (param)=>{\n    let { goToPrevStep , onClose  } = param;\n    var _depthData_two, _depthData_three, _depthData_four, _depthData_four1;\n    const { depthData  } = useCategorySideDepth();\n    const { threeDepthIdInStore , setState  } = useSideCategoryMenuStore((state)=>({\n            threeDepthIdInStore: state.threeDepthId,\n            setState: state.setState,\n            closeSideMenu: state.closeSideMenu\n        }));\n    const categoryMenuMixpanel = (depth, title, url)=>{\n        mixpanelEvent(\"Category Menu Clicked\", {\n            Depth: depth,\n            \"Menu Name\": title,\n            Url: url\n        });\n    };\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            /*#__PURE__*/ _jsx(SideSheetHeader, {\n                title: \"\".concat((_depthData_two = depthData.two) === null || _depthData_two === void 0 ? void 0 : _depthData_two.name, \" - \").concat(depthData.three.name) || \"\",\n                onClose: onClose,\n                currentStep: SideSheetSteps.menuList,\n                goToPrevStep: goToPrevStep\n            }),\n            /*#__PURE__*/ _jsx(StepDivider, {}),\n            /*#__PURE__*/ _jsx(MenuListContainer, {\n                className: \"depth-two-container\",\n                children: /*#__PURE__*/ _jsxs(ColumnBox, {\n                    children: [\n                        /*#__PURE__*/ _jsx(MenuLinkBox, {\n                            className: \"link-box-mobile _depth-two\",\n                            children: /*#__PURE__*/ _jsx(RowContainer, {\n                                className: \"container-mobile\",\n                                children: /*#__PURE__*/ _jsx(BoxContainer, {\n                                    children: (_depthData_three = depthData.three) === null || _depthData_three === void 0 ? void 0 : _depthData_three.items.map((item)=>/*#__PURE__*/ _jsx(MenuColumn, {\n                                            data: item,\n                                            onColumnClick: ()=>{\n                                                setState(\"threeDepthId\", item.id);\n                                                categoryMenuMixpanel(\"three\", item.name, \"\");\n                                            },\n                                            isActive: item.id === threeDepthIdInStore\n                                        }, item.id))\n                                })\n                            })\n                        }),\n                        depthData && /*#__PURE__*/ _jsxs(MenuLinkBox, {\n                            children: [\n                                /*#__PURE__*/ _jsx(Link, {\n                                    href: \"/categories?id=\".concat((_depthData_four = depthData.four) === null || _depthData_four === void 0 ? void 0 : _depthData_four.id),\n                                    children: /*#__PURE__*/ _jsx(BoxTitle, {\n                                        children: /*#__PURE__*/ _jsxs(MuiBox, {\n                                            sx: {\n                                                display: \"flex\",\n                                                alignItems: \"center\",\n                                                gap: \"4px\"\n                                            },\n                                            children: [\n                                                ((_depthData_four1 = depthData.four) === null || _depthData_four1 === void 0 ? void 0 : _depthData_four1.name) || \"\",\n                                                /*#__PURE__*/ _jsx(Icon, {\n                                                    icon: ArrowRight,\n                                                    size: Sizes.small\n                                                })\n                                            ]\n                                        })\n                                    })\n                                }),\n                                /*#__PURE__*/ _jsx(RowContainer, {\n                                    className: \"depth-two-row-container\",\n                                    children: /*#__PURE__*/ _jsx(BoxContainer, {\n                                        children: depthData.four && depthData.four.items.map((menu)=>/*#__PURE__*/ _jsx(Link, {\n                                                href: \"/categories?id=\".concat(menu.id),\n                                                children: /*#__PURE__*/ _jsx(MenuColumn, {\n                                                    data: menu,\n                                                    onColumnClick: ()=>{\n                                                        categoryMenuMixpanel(\"four\", menu.name, \"/categories?id=\".concat(menu.id));\n                                                    },\n                                                    isActive: false,\n                                                    suffix: true\n                                                }, menu.id)\n                                            }, menu.id))\n                                    })\n                                })\n                            ]\n                        })\n                    ]\n                })\n            })\n        ]\n    });\n};\n//SideSheetSteps.adList\nexport const SideSheetAdListStep = (param)=>{\n    let { goToPrevStep , onClose  } = param;\n    const { noAdItems  } = useAdBannerQuery({\n        position: \"globalMenu\",\n        subject: null\n    });\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            /*#__PURE__*/ _jsx(SideSheetHeader, {\n                title: \"쏠북 소식\",\n                onClose: onClose,\n                currentStep: SideSheetSteps.adList,\n                goToPrevStep: goToPrevStep\n            }),\n            /*#__PURE__*/ _jsx(StepDivider, {}),\n            /*#__PURE__*/ _jsx(SideSheetAdListContainer, {\n                children: noAdItems ? /*#__PURE__*/ _jsx(AdBannerEmpty, {}) : /*#__PURE__*/ _jsx(AdBanner, {\n                    position: \"globalMenu\",\n                    mixpanelPosition: \"side sheets\"\n                })\n            })\n        ]\n    });\n};\nconst SideSheetAdListContainer = styled.div.withConfig({\n    componentId: \"sc-abda8531-0\"\n})(_templateObject());\nexport const ColumnBox = styled.div.withConfig({\n    componentId: \"sc-abda8531-1\"\n})(_templateObject1());\nconst SideSheetContent = styled.div.withConfig({\n    componentId: \"sc-abda8531-2\"\n})(_templateObject2());\n","import { useEffect, useState } from \"react\";\nimport { getCookie, setCookie } from \"cookies-next\";\nexport const useTooltip = (param)=>{\n    let { cookieName , day  } = param;\n    const [isTooltipVisible, setIsTooltipVisible] = useState(false);\n    const handleTooltip = ()=>{\n        if (!isTooltipVisible) return;\n        setIsTooltipVisible(false);\n        const tomorrow = new Date();\n        tomorrow.setDate(tomorrow.getDate() + day);\n        setCookie(cookieName, \"false\", {\n            expires: tomorrow\n        });\n    };\n    useEffect(()=>{\n        const tooltipCookie = getCookie(cookieName);\n        if (tooltipCookie !== \"false\") {\n            setIsTooltipVisible(true);\n        }\n    }, []);\n    return {\n        isTooltipVisible,\n        handleTooltip\n    };\n};\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  padding: 16px 20px;\\n  justify-content: space-between;\\n  align-items: center;\\n  font-size: 16px;\\n  font-weight: 600;\\n  line-height: 26px;\\n\\n  p {\\n    align-items: center;\\n    display: flex;\\n\\n    i {\\n      margin-right: 12px;\\n    }\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  padding: 12px 20px 20px 20px;\\n  display: flex;\\n  flex-direction: column;\\n  gap: 8px;\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  padding: 16px 20px;\\n  display: flex;\\n  justify-content: space-between;\\n  color: \",\n        \";\\n  font-size: 16px;\\n  font-weight: 600;\\n  line-height: 1.5;\\n  letter-spacing: -0.16px;\\n  cursor: pointer;\\n  word-break: break-word;\\n  align-items: center;\\n\\n  i {\\n    margin-left: 20px;\\n  }\\n\\n  p {\\n    color: \",\n        \";\\n  }\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject3() {\n    const data = _tagged_template_literal([\n        \"\\n  /* margin-top: 24px; */\\n  height: 100%;\\n  margin: 0;\\n\\n  &.depth-two-container {\\n    height: calc(100vh - 58px);\\n    max-height: calc(var(--svh, 1svh) * 100 - 58px);\\n  }\\n\"\n    ]);\n    _templateObject3 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject4() {\n    const data = _tagged_template_literal([\n        \"\\n  color: \",\n        \";\\n  font-size: 14px;\\n  font-weight: 600;\\n  line-height: 22px;\\n  letter-spacing: -0.14px;\\n  padding: 0 20px;\\n\"\n    ]);\n    _templateObject4 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject5() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  width: 100%;\\n  gap: 8px;\\n\"\n    ]);\n    _templateObject5 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject6() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  border: 1px solid \",\n        \";\\n  border-radius: 6px;\\n  padding: 8px 16px;\\n  width: 100%;\\n  align-items: center;\\n  flex-direction: column;\\n  gap: 2px;\\n  justify-content: center;\\n\\n  text-align: center;\\n\\n  :hover {\\n    color: unset;\\n  }\\n\\n  p {\\n    font-size: 14px;\\n    line-height: 22px;\\n    font-weight: 600;\\n    letter-spacing: -0.14px;\\n  }\\n\"\n    ]);\n    _templateObject6 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject7() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  gap: 8px;\\n\\n  > button {\\n    width: 100%;\\n    padding: 12px 20px;\\n    font-size: 16px;\\n    line-height: 1.5;\\n    transition: all 0.3s;\\n\\n    :first-child {\\n      border: 1px solid \",\n        \";\\n\\n      :hover {\\n        color: unset;\\n        background-color: \",\n        \";\\n      }\\n    }\\n  }\\n\"\n    ]);\n    _templateObject7 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject8() {\n    const data = _tagged_template_literal([\n        \"\\n  //position: sticky;\\n  display: flex;\\n  align-items: center;\\n  width: 100%;\\n  bottom: 0;\\n  margin-top: 80px;\\n  border: none;\\n  text-align: left;\\n  padding: 13px 20px;\\n  height: 48px;\\n  color: \",\n        \";\\n  line-height: 22px; /* 157.143% */\\n  border-top: 1px solid \",\n        \";\\n\\n  i {\\n    margin-right: 8px;\\n  }\\n\"\n    ]);\n    _templateObject8 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject9() {\n    const data = _tagged_template_literal([\n        \"\\n  border-radius: 6px;\\n  justify-content: space-between;\\n  margin-bottom: 0;\\n  padding: 9px 16px;\\n\"\n    ]);\n    _templateObject9 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject10() {\n    const data = _tagged_template_literal([\n        \"\\n  height: 100vh;\\n  height: calc(var(--vh, 1vh) * 100);\\n\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: space-between;\\n\"\n    ]);\n    _templateObject10 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject11() {\n    const data = _tagged_template_literal([\n        \"\\n  margin: 0;\\n\"\n    ]);\n    _templateObject11 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport useRedirect, { REDIRECT_QUERY } from \"@/hooks/useRedirect\";\nimport { useAuthStore } from \"@/lib/auth/AuthStore\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { LIBRARIES_INDEX_PAGE, LOGIN_PAGE, MYPAGE_PASSES, PASSES_LANDING, REGISTRATION_PAGE, SOLVOOK_WRITE_STUDIO } from \"@/settings/constant\";\nimport { Button as SolvookButton } from \"@bookips/solvook-ui-library\";\nimport { Button, Divider } from \"antd\";\nimport Link from \"next/link\";\nimport { useRouter } from \"next/router\";\nimport styled, { useTheme } from \"styled-components\";\nimport { useTooltip } from \"../common/GNB/useTooltip\";\nimport Icon from \"../icon/Icon\";\nimport { ArrowLeft, ArrowRight, Close1_5px, Library, Sizes, Studio, User } from \"../icon/IconList\";\nimport { MembershipStatusLinkWrapper } from \"../Landing/PassPromotion\";\nexport const SideSheetHeader = (param)=>{\n    let { title , onClose , currentStep , goToPrevStep  } = param;\n    const theme = useTheme();\n    return /*#__PURE__*/ _jsxs(SideSheetHeaderContainer, {\n        children: [\n            /*#__PURE__*/ _jsxs(\"p\", {\n                children: [\n                    !!goToPrevStep && /*#__PURE__*/ _jsx(Icon, {\n                        onClick: goToPrevStep,\n                        icon: ArrowLeft,\n                        size: Sizes.xmedium,\n                        color: theme.new.colors.sol_gray_900\n                    }),\n                    title\n                ]\n            }),\n            /*#__PURE__*/ _jsx(Icon, {\n                className: \"close-btn\",\n                onClick: onClose,\n                icon: Close1_5px,\n                size: Sizes.xmedium,\n                color: theme.new.colors.sol_gray_900\n            })\n        ]\n    });\n};\nexport const SideSheetHeaderContainer = styled.div.withConfig({\n    componentId: \"sc-606e4a5b-0\"\n})(_templateObject());\nexport const SideSheetUtils = ()=>{\n    const { isLoggedIn  } = useAuthStore();\n    const theme = useTheme();\n    return /*#__PURE__*/ _jsxs(SideSheetUtilContainer, {\n        children: [\n            isLoggedIn ? /*#__PURE__*/ _jsx(LoginMenu, {}) : /*#__PURE__*/ _jsx(LogoutMenu, {}),\n            /*#__PURE__*/ _jsxs(SideSheetPromotionLink, {\n                href: PASSES_LANDING,\n                children: [\n                    /*#__PURE__*/ _jsx(\"p\", {\n                        children: \"이용권 구매하기\"\n                    }),\n                    /*#__PURE__*/ _jsx(Icon, {\n                        icon: ArrowRight,\n                        size: Sizes.small,\n                        color: theme.new.colors.sol_indigo_500\n                    })\n                ]\n            })\n        ]\n    });\n};\nexport const SideSheetUtilContainer = styled.div.withConfig({\n    componentId: \"sc-606e4a5b-1\"\n})(_templateObject1());\nconst LogoutMenu = ()=>{\n    const router = useRouter();\n    const currentPathname = router.asPath;\n    const { redirectToLogin  } = useRedirect();\n    const sideSheetMixpanel = (name, link, type)=>{\n        mixpanelEvent(\"Side Sheets Button Clicked\", {\n            \"Button Type\": type,\n            \"Button Name\": name,\n            \"Button Url\": link\n        });\n    };\n    return /*#__PURE__*/ _jsxs(LogoutMenuWrapper, {\n        children: [\n            /*#__PURE__*/ _jsx(SolvookButton, {\n                variant: \"strokeSecondary\",\n                onClick: ()=>{\n                    sideSheetMixpanel(\"login\", LOGIN_PAGE, \"로그인\");\n                    redirectToLogin();\n                },\n                label: \"로그인\"\n            }),\n            /*#__PURE__*/ _jsx(SolvookButton, {\n                variant: \"soft\",\n                onClick: ()=>{\n                    sideSheetMixpanel(\"signup\", REGISTRATION_PAGE, \"회원가입\");\n                    router.push({\n                        pathname: \"\".concat(REGISTRATION_PAGE),\n                        query: currentPathname.length > 1 && {\n                            [REDIRECT_QUERY]: currentPathname\n                        }\n                    });\n                },\n                label: \"회원가입\"\n            })\n        ]\n    });\n};\nconst LoginMenu = ()=>{\n    const theme = useTheme();\n    const loginMenu = [\n        {\n            title: \"자료 보관함\",\n            icon: Library,\n            link: LIBRARIES_INDEX_PAGE,\n            type: \"library\"\n        },\n        {\n            title: \"엑스퍼트\",\n            icon: Studio,\n            link: SOLVOOK_WRITE_STUDIO,\n            type: \"expert\"\n        },\n        {\n            title: \"마이페이지\",\n            icon: User,\n            link: MYPAGE_PASSES,\n            type: \"mypage\"\n        }\n    ];\n    const { isTooltipVisible , handleTooltip  } = useTooltip({\n        cookieName: \"expertTooltip\",\n        day: 1\n    });\n    return /*#__PURE__*/ _jsx(LoginMenuContainer, {\n        children: loginMenu.map((menu, index)=>{\n            return /*#__PURE__*/ _jsxs(SideSheetMenuLink, {\n                href: menu.link,\n                onClick: ()=>{\n                    mixpanelEvent(\"Side Sheets Button Clicked\", {\n                        \"Button Type\": menu.type,\n                        \"Button Name\": menu.title,\n                        \"Button Url\": menu.link\n                    });\n                    if (menu.type === \"expert\") handleTooltip();\n                },\n                children: [\n                    /*#__PURE__*/ _jsx(Icon, {\n                        icon: menu.icon,\n                        size: Sizes.medium,\n                        color: theme.new.colors.sol_gray_700\n                    }),\n                    /*#__PURE__*/ _jsx(\"p\", {\n                        children: menu.title\n                    })\n                ]\n            }, index);\n        })\n    });\n};\nexport const MenuListItem = (param)=>{\n    let { label , onClick  } = param;\n    return /*#__PURE__*/ _jsxs(MenuListItemContainer, {\n        onClick: onClick,\n        children: [\n            /*#__PURE__*/ _jsx(\"p\", {\n                children: label\n            }),\n            /*#__PURE__*/ _jsx(Icon, {\n                icon: ArrowRight,\n                size: Sizes.xmedium\n            })\n        ]\n    });\n};\nexport const MenuListItemContainer = styled.li.withConfig({\n    componentId: \"sc-606e4a5b-2\"\n})(_templateObject2(), (props)=>props.theme.new.colors.sol_gray_700, (props)=>props.theme.new.colors.sol_gray_700);\nexport const MenuListContainer = styled.div.withConfig({\n    componentId: \"sc-606e4a5b-3\"\n})(_templateObject3());\nexport const MenuListTitle = styled.p.withConfig({\n    componentId: \"sc-606e4a5b-4\"\n})(_templateObject4(), (props)=>props.theme.new.colors.sol_gray_300);\nconst LoginMenuContainer = styled.div.withConfig({\n    componentId: \"sc-606e4a5b-5\"\n})(_templateObject5());\nconst SideSheetMenuLink = styled(Link).withConfig({\n    componentId: \"sc-606e4a5b-6\"\n})(_templateObject6(), (props)=>props.theme.new.colors.sol_gray_100);\nexport const LogoutMenuWrapper = styled.div.withConfig({\n    componentId: \"sc-606e4a5b-7\"\n})(_templateObject7(), (props)=>props.theme.new.colors.sol_gray_100, (props)=>props.theme.new.colors.sol_gray_100);\nexport const LogoutButton = styled(Button).withConfig({\n    componentId: \"sc-606e4a5b-8\"\n})(_templateObject8(), (props)=>props.theme.new.colors.sol_gray_500, (props)=>props.theme.new.colors.sol_gray_100);\nexport const SideSheetPromotionLink = styled(MembershipStatusLinkWrapper).withConfig({\n    componentId: \"sc-606e4a5b-9\"\n})(_templateObject9());\nexport const SideSheetContentsContainer = styled.div.withConfig({\n    componentId: \"sc-606e4a5b-10\"\n})(_templateObject10());\nexport const StepDivider = styled(Divider).withConfig({\n    componentId: \"sc-606e4a5b-11\"\n})(_templateObject11());\n","import { create } from \"zustand\";\nimport { devtools } from \"zustand/middleware\";\nexport const useSideCategoryMenuStore = create()(devtools((set, get)=>({\n        isOpenSideMenu: false,\n        isOpenMobileSideMenu: false,\n        currentDepth: \"\",\n        twoDepthId: \"\",\n        threeDepthId: \"\",\n        fourDepthId: \"\",\n        closeSideMenu: ()=>set({\n                isOpenSideMenu: false,\n                isOpenMobileSideMenu: false,\n                currentDepth: \"\",\n                twoDepthId: \"\",\n                threeDepthId: \"\",\n                fourDepthId: \"\"\n            }),\n        openSideMenu: ()=>set({\n                isOpenSideMenu: true\n            }),\n        openMobileSideMenu: ()=>set({\n                isOpenMobileSideMenu: true\n            }),\n        setCurrentDepth: (depthId)=>set({\n                currentDepth: depthId\n            }),\n        setInitDepth: ()=>set({\n                threeDepthId: \"\"\n            }),\n        setState: (key, param)=>{\n            set((state)=>({\n                    ...state,\n                    [key]: param\n                }));\n        }\n    })));\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { styled as muiStyled } from \"@mui/material\";\nimport Icon from \"../icon/Icon\";\nimport { New } from \"../icon/IconList\";\nconst CouponTag = muiStyled(\"span\")((param)=>{\n    let { theme  } = param;\n    return {\n        padding: \"2px 6px\",\n        borderRadius: \"4px\",\n        backgroundColor: theme.palette.red[0],\n        color: theme.palette.red[400],\n        ...theme.typography.bold12\n    };\n});\nconst EditableTag = muiStyled(\"span\")((param)=>{\n    let { theme  } = param;\n    return {\n        position: \"absolute\",\n        padding: \"2px 6px\",\n        borderRadius: \"4px\",\n        backgroundColor: theme.palette.mint[300],\n        color: \"#fff\",\n        boxShadow: \"3px 3px 12px 0px rgba(28, 31, 46, 0.06)\",\n        ...theme.typography.semibold14\n    };\n});\nconst OnlySolvookTag = muiStyled(\"span\")((param)=>{\n    let { theme , style  } = param;\n    return {\n        position: \"absolute\",\n        padding: \"1px 7px\",\n        borderRadius: \"4px\",\n        backgroundColor: theme.palette.blackAndWhite.white,\n        border: \"1px solid \".concat(theme.palette.indigo[200]),\n        color: theme.palette.primary.main,\n        boxShadow: \"0px 1px 2px 0px rgba(0, 0, 0, 0.08), 0px 0px 1px 0px rgba(0, 0, 0, 0.04)\",\n        ...theme.typography.bold14,\n        ...style\n    };\n});\nconst UpdateTag = muiStyled(\"span\")((param)=>{\n    let { theme  } = param;\n    return {\n        top: \"-10px\",\n        left: \"-8px\",\n        position: \"absolute\",\n        backgroundImage: \"\",\n        borderRadius: \"12px\",\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        height: \"18px\"\n    };\n});\nconst UpdateTagWithIcon = ()=>{\n    return /*#__PURE__*/ _jsx(UpdateTag, {\n        children: /*#__PURE__*/ _jsx(Icon, {\n            icon: New\n        })\n    });\n};\nexport { CouponTag, EditableTag, OnlySolvookTag, UpdateTag, UpdateTagWithIcon };\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  gap: 24px;\\n  border-bottom: 1px solid \",\n        \";\\n  background-color: white;\\n  margin: 0 -100%;\\n  padding: 0 100%;\\n\\n  li {\\n    padding: 13px 0;\\n    border-bottom: none;\\n    border-radius: 4px 4px 0 0;\\n    cursor: pointer;\\n\\n    div {\\n      color: \",\n        \";\\n      line-height: 38px;\\n    }\\n\\n    &.active {\\n      border-bottom: 2px solid \",\n        \";\\n      padding: 13px 0 11px;\\n      font-weight: 600;\\n\\n      div {\\n        transition: color 0.2s;\\n        color: \",\n        \";\\n      }\\n    }\\n\\n    &.disabled {\\n      pointer-events: none;\\n      cursor: not-allowed;\\n    }\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nexport const ActiveTab = (param)=>{\n    let { tabList , activeTab , setActiveTab  } = param;\n    return /*#__PURE__*/ _jsx(ActiveTabWrapper, {\n        className: \"active-tab-wrapper\",\n        children: tabList.map((tab)=>{\n            return /*#__PURE__*/ _jsx(\"li\", {\n                onClick: ()=>setActiveTab(tab.key),\n                className: \"\".concat(activeTab === tab.key ? \"active\" : \"\", \" \").concat(tab.disabled ? \"disabled\" : \"\"),\n                children: tab.label\n            }, \"active-tab-\".concat(tab.key));\n        })\n    });\n};\nconst ActiveTabWrapper = styled.ul.withConfig({\n    componentId: \"sc-db3249ec-0\"\n})(_templateObject(), (props)=>props.theme.new.colors.sol_gray_100, (props)=>props.theme.new.colors.sol_gray_400, (props)=>props.theme.new.colors.sol_gray_800, (props)=>props.theme.new.colors.sol_gray_800);\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  height: auto;\\n  padding: 9px 16px;\\n\\n  border-radius: 6px;\\n  font-weight: 600;\\n  letter-spacing: -0.14px;\\n\\n  &.ant-btn-text:disabled {\\n    background-color: \",\n        \" !important;\\n    color: \",\n        \" !important;\\n  }\\n\\n  &\",\n        \" {\\n    background-color: \",\n        \";\\n    color: \",\n        \";\\n\\n    &.active,\\n    &:hover {\\n      background-color: \",\n        \";\\n      color: \",\n        \";\\n    }\\n  }\\n  &\",\n        \" {\\n    background-color: \",\n        \";\\n    color: \",\n        \";\\n\\n    &.active,\\n    &:hover {\\n      background-color: \",\n        \";\\n      color: \",\n        \";\\n    }\\n  }\\n  &\",\n        \" {\\n    color: \",\n        \";\\n    border: 1px solid \",\n        \";\\n    &.active,\\n    &:hover {\\n      background-color: \",\n        \";\\n      color: \",\n        \";\\n    }\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { Button } from \"antd\";\nimport styled from \"styled-components\";\nexport const ButtonVariants = {\n    plain: \"plain\",\n    outlined: \"outlined\",\n    soft: \"soft\",\n    solid: \"solid\"\n};\nconst FilledButton = styled(Button).withConfig({\n    componentId: \"sc-78c9556b-0\"\n})(_templateObject(), (props)=>props.theme.new.colors.sol_gray_100, (props)=>props.theme.new.colors.sol_gray_300, (props)=>props.variant === ButtonVariants.solid ? \".ant-btn-text\" : \".unavailable\", (props)=>props.theme.new.colors.sol_indigo_500, (props)=>props.theme.new.colors.white, (props)=>props.theme.new.colors.sol_indigo_600, (props)=>props.theme.new.colors.white, (props)=>props.variant === ButtonVariants.soft ? \".ant-btn-text\" : \".unavailable\", (props)=>props.theme.new.colors.sol_indigo_100, (props)=>props.theme.new.colors.sol_indigo_600, (props)=>props.theme.new.colors.sol_indigo_200, (props)=>props.theme.new.colors.sol_indigo_600, (props)=>props.variant === ButtonVariants.outlined ? \".ant-btn-text\" : \".unavailable\", (props)=>props.theme.new.colors.sol_indigo_500, (props)=>props.theme.new.colors.sol_indigo_500, (props)=>props.theme.new.colors.sol_indigo_50, (props)=>props.theme.new.colors.sol_indigo_500);\nexport default FilledButton;\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  align-items: center;\\n  height: auto;\\n  padding: 0 !important;\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { Button } from \"antd\";\nimport styled from \"styled-components\";\nconst NoPadButton = styled(Button).withConfig({\n    componentId: \"sc-664f0d5b-0\"\n})(_templateObject());\nexport default NoPadButton;\n","import { useSignout } from \"@/containers/Header/LoginMenu\";\nimport apiService from \"@/lib/apiService/apiService\";\nimport { useAuthStore } from \"@/lib/auth/AuthStore\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { redirect } from \"@/lib/next-utils\";\nimport { LogoutCommand } from \"@/modules/accounts/commands/logoutCommand\";\nimport { HOME_PAGE } from \"@/settings/constant\";\nimport { useCallback, useMemo } from \"react\";\nimport { useSavedUserSourceStore } from \"../../../store/main\";\nimport { isInWebview } from \"../../../utils/misc\";\nimport { useSideCategoryMenuStore } from \"../../SideSheets/store/useCategoryMenuStore\";\nconst useLogout = function() {\n    let { redirectPath =HOME_PAGE  } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};\n    const { user , logout , isLoggedIn  } = useAuthStore();\n    const { postProcessForKakao  } = useSignout();\n    const { closeSideMenu  } = useSideCategoryMenuStore();\n    const { updateUserMeta  } = useSavedUserSourceStore((param)=>{\n        let { updateUserMeta  } = param;\n        return {\n            updateUserMeta\n        };\n    });\n    const { logoutCommand  } = useMemo(()=>({\n            logoutCommand: new LogoutCommand(apiService),\n            isUseFooter: !isInWebview()\n        }), [\n        apiService\n    ]);\n    const onLogout = useCallback(async ()=>{\n        if (user.providerId === \"kakao\") {\n            postProcessForKakao();\n        }\n        logout();\n        await logoutCommand.execute();\n        redirect(redirectPath);\n    }, [\n        user,\n        logoutCommand,\n        postProcessForKakao\n    ]);\n    const handleLogout = ()=>{\n        mixpanelEvent(\"GNB Button Clicked\", {\n            \"button type\": \"mypage\",\n            \"button name\": \"로그아웃\"\n        });\n        updateUserMeta({\n            mainSubject: null,\n            job: null\n        });\n        closeSideMenu();\n        onLogout();\n    };\n    return {\n        handleLogout,\n        isLoggedIn\n    };\n};\nexport default useLogout;\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { DEFAULT_BOOK_COVER } from \"@/settings/constant\";\nimport NextImage from \"next/image\";\nimport { useCallback, useState } from \"react\";\nconst Image = (param)=>{\n    let { src , defaultImage , ...props } = param;\n    const [isError, setIsError] = useState(false);\n    const initialImage = defaultImage || DEFAULT_BOOK_COVER;\n    const onError = useCallback(()=>{\n        setIsError(true);\n    }, []);\n    return /*#__PURE__*/ _jsx(NextImage, {\n        ...props,\n        src: isError ? initialImage : src || initialImage,\n        onError: onError,\n        quality: props.quality || 90\n    });\n};\nexport default Image;\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n          visibility: visible;\\n        \"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n          visibility: hidden;\\n          transition: visibility 0s 0.4s;\\n        \"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n      pointer-events: none;\\n    \"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject3() {\n    const data = _tagged_template_literal([\n        \"\\n  position: fixed;\\n  top: 0;\\n  left: 0;\\n  max-width: inherit;\\n  width: 100%;\\n  height: 100%;\\n  z-index: \",\n        \";\\n  \",\n        \";\\n  \",\n        \"\\n\"\n    ]);\n    _templateObject3 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject4() {\n    const data = _tagged_template_literal([\n        \"\\n          opacity: 1;\\n        \"\n    ]);\n    _templateObject4 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject5() {\n    const data = _tagged_template_literal([\n        \"\\n          opacity: 0;\\n          //background-color: red;\\n        \"\n    ]);\n    _templateObject5 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject6() {\n    const data = _tagged_template_literal([\n        \"\\n  position: absolute;\\n  top: 0;\\n  left: 0;\\n  width: 100%;\\n  height: 100%;\\n  background-color: rgba(0, 0, 0, 0.5);\\n  transition: opacity 0.3s;\\n  \",\n        \";\\n\"\n    ]);\n    _templateObject6 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject7() {\n    const data = _tagged_template_literal([\n        \"\\n  all: unset;\\n  position: absolute;\\n  top: 0px;\\n  right: 0px;\\n  z-index: 9;\\n  cursor: pointer;\\n\"\n    ]);\n    _templateObject7 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport Icon from \"@/components/icon/Icon\";\nimport { Close, Sizes } from \"@/components/icon/IconList\";\nimport Router from \"next/router\";\nimport { useEffect, useRef } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport styled, { css, useTheme } from \"styled-components\";\nimport { create } from \"zustand\";\nimport { lockScroll, unlockScroll, useDelayedState, useMounted } from \"../../utils/misc\";\nconst _handleOpitons = (options)=>{\n    if (!options) {\n        return;\n    }\n    if (options.afterClose) {\n        setTimeout(options.afterClose, 400);\n    }\n};\nexport const useOverlayStore = create((set, get)=>({\n        isBackKeyEnabled: false,\n        stack: [],\n        isLocked: false,\n        setBackKeyEnabled: (isBackKeyEnabled)=>{\n            set({\n                isBackKeyEnabled: isBackKeyEnabled\n            });\n        },\n        open: (options)=>{\n            const { isBackKeyEnabled , isLocked  } = get();\n            if (!isLocked) {\n                // lockScroll()\n                set({\n                    isLocked: true\n                });\n            }\n            if (isBackKeyEnabled && options.routeChange) {\n                const url = new URL(location.href);\n                if (Router.router) {\n                    Router.router.isFirstPopStateEvent = true;\n                }\n                url.hash = options.name;\n                history.pushState(history.state, \"\", url);\n            }\n            set((state)=>({\n                    stack: state.stack.concat(options)\n                }));\n        },\n        close: (options)=>{\n            const { stack , isBackKeyEnabled , pop  } = get();\n            if (stack.length === 0) {\n                return;\n            }\n            const last = stack[stack.length - 1];\n            if (isBackKeyEnabled && last.routeChange) {\n                history.back();\n                _handleOpitons(options);\n                return;\n            }\n            pop(options);\n        },\n        pop: (options)=>{\n            const { stack  } = get();\n            if (stack.length === 0) {\n                return;\n            }\n            const popped = stack[stack.length - 1];\n            popped.onClose();\n            if (stack.length === 1) {\n                unlockScroll();\n                set({\n                    isLocked: false\n                });\n            }\n            _handleOpitons(options);\n            set((state)=>({\n                    stack: state.stack.slice(0, -1)\n                }));\n        }\n    }));\nexport const useCloseOverlay = ()=>useOverlayStore((state)=>state.close);\nconst Overlay = (param)=>{\n    let { className , open , name , depth =1 , blocking =true , disableOutsideClick =false , onClose , children  } = param;\n    const isMounted = useMounted();\n    const [delayOpen, setDelayOpenImmediate, setDelayOpen] = useDelayedState(open);\n    const ref = useRef(null);\n    useEffect(()=>{\n        if (open) {\n            setDelayOpen(true);\n            lockScroll();\n        } else {\n            setDelayOpenImmediate(false);\n            unlockScroll();\n        }\n        return ()=>{\n            unlockScroll();\n        };\n    }, [\n        open\n    ]);\n    return isMounted ? /*#__PURE__*/ createPortal(/*#__PURE__*/ _jsxs(StyledOverlay, {\n        id: name,\n        open: open,\n        delayOpen: delayOpen,\n        depth: depth,\n        className: className,\n        ref: ref,\n        children: [\n            blocking && /*#__PURE__*/ _jsx(OverlayBg, {\n                isOpen: open,\n                onClick: ()=>!disableOutsideClick && onClose()\n            }),\n            children\n        ]\n    }), document.getElementById(\"overlay\")) : null;\n};\nexport default Overlay;\nconst StyledOverlay = styled.div.withConfig({\n    componentId: \"sc-63b143b1-0\"\n})(_templateObject3(), (props)=>1000 + props.depth, (param)=>{\n    let { open  } = param;\n    return open ? css(_templateObject()) : css(_templateObject1());\n}, (param)=>{\n    let { delayOpen  } = param;\n    return !delayOpen && css(_templateObject2());\n});\nconst OverlayBg = styled.div.withConfig({\n    componentId: \"sc-63b143b1-1\"\n})(_templateObject6(), (param)=>{\n    let { isOpen  } = param;\n    return isOpen ? css(_templateObject4()) : css(_templateObject5());\n});\nexport const OverlayClose = (param)=>{\n    let { onClose , color , size , noFixed =false  } = param;\n    const theme = useTheme();\n    return /*#__PURE__*/ _jsx(OverlayCloseBtn, {\n        // css={!noFixed && overlayCloseCSS}\n        className: \"icon-btn\",\n        \"aria-label\": \"닫기\",\n        onClick: ()=>onClose(),\n        children: /*#__PURE__*/ _jsx(Icon, {\n            icon: Close,\n            color: color !== null && color !== void 0 ? color : theme.new.colors.black,\n            size: size !== null && size !== void 0 ? size : Sizes.medium\n        })\n    });\n};\nconst OverlayCloseBtn = styled.button.withConfig({\n    componentId: \"sc-63b143b1-2\"\n})(_templateObject7());\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { alpha, Radio as MuiRadio, styled } from \"@mui/material\";\nconst RadioIcon = styled(\"span\")((param)=>{\n    let { theme  } = param;\n    return {\n        borderRadius: \"50%\",\n        width: 16,\n        height: 16,\n        border: \"2px solid \".concat(theme.palette.grey[200]),\n        backgroundColor: \"transparent\",\n        transition: \"background-color 0.2s, border-color 0.2s\",\n        \".Mui-focusVisible &\": {\n            outline: \"2px auto \".concat(theme.palette.primary.main),\n            outlineOffset: 2\n        },\n        \"input:hover ~ &\": {\n            borderColor: theme.palette.grey[200]\n        },\n        \"input:disabled ~ &\": {\n            backgroundColor: alpha(theme.palette.grey[300], 0.2),\n            border: \"none\"\n        }\n    };\n});\nconst RadioCheckedIcon = styled(RadioIcon)((param)=>{\n    let { theme  } = param;\n    return {\n        backgroundColor: theme.palette.primary.main,\n        borderColor: theme.palette.primary.main,\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        \"&::before\": {\n            content: '\"\"',\n            width: 6,\n            height: 6,\n            borderRadius: \"50%\",\n            backgroundColor: theme.palette.common.white\n        },\n        \"input:hover ~ &\": {\n            backgroundColor: theme.palette.primary.main,\n            borderColor: theme.palette.primary.main\n        },\n        \"input:disabled ~ &\": {\n            backgroundColor: alpha(theme.palette.grey[300], 0.2),\n            border: \"none\",\n            \"&::before\": {\n                backgroundColor: alpha(theme.palette.grey[300], 0.2)\n            }\n        }\n    };\n});\nconst Radio = (props)=>{\n    return /*#__PURE__*/ _jsx(MuiRadio, {\n        color: \"default\",\n        disableRipple: true,\n        checkedIcon: /*#__PURE__*/ _jsx(RadioCheckedIcon, {}),\n        icon: /*#__PURE__*/ _jsx(RadioIcon, {}),\n        ...props\n    });\n};\nexport default Radio;\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  align-items: center;\\n  gap: 4px;\\n\\n  p {\\n    color: \",\n        \";\\n    font-size: 12px;\\n    font-style: normal;\\n    font-weight: 400;\\n    line-height: 22px; /* 157.143% */\\n    letter-spacing: -0.14px;\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport styled from \"styled-components\";\nimport { styled as muiStyled } from \"@mui/material/styles\";\nimport { Sizes } from \"../icon/IconList\";\nimport { ProductRating } from \"../Reviews\";\n// 메인에서 혹은 검색페이지에서 사용되는 평점 컴포넌트입니다.\n// 일단 시안상 통일된다면, 사이즈는 작게 가는게 좋을 것 같아서 스타일은 고정인데,\n// 추가로 확장이 필요하다면 자유롭게 확장해주세요.\nconst RatingWithText = (param)=>{\n    let { rating  } = param;\n    return /*#__PURE__*/ _jsxs(AverageRating, {\n        children: [\n            /*#__PURE__*/ _jsx(ProductRating, {\n                precision: 0.1,\n                max: 1,\n                value: rating,\n                readOnly: true,\n                size: Sizes.small\n            }),\n            /*#__PURE__*/ _jsx(\"p\", {\n                children: Number.isInteger(rating) ? \"\".concat(rating, \".0\") : rating\n            })\n        ]\n    });\n};\n//검색에서 사용되는 평점 컴포넌트\n//스타일의 변경이 있어서 container를 새로 생성하였습니다.\nexport const SearchRatingWithText = (param)=>{\n    let { rating  } = param;\n    return /*#__PURE__*/ _jsxs(SearchAverageRating, {\n        children: [\n            /*#__PURE__*/ _jsx(ProductRating, {\n                precision: 0.1,\n                max: 1,\n                value: rating,\n                readOnly: true,\n                size: Sizes.small\n            }),\n            /*#__PURE__*/ _jsx(\"p\", {\n                children: Number.isInteger(rating) ? \"\".concat(rating, \".0\") : rating\n            })\n        ]\n    });\n};\nconst SearchAverageRating = muiStyled(\"div\")((param)=>{\n    let { theme  } = param;\n    return {\n        display: \"flex\",\n        alignItems: \"center\",\n        gap: \"4px\",\n        p: {\n            color: theme.palette.text.secondary,\n            ...theme.typography.body2\n        }\n    };\n});\nconst AverageRating = styled.div.withConfig({\n    componentId: \"sc-a59a8c42-0\"\n})(_templateObject(), (props)=>props.theme.new.colors.sol_gray_700);\nexport default RatingWithText;\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  align-items: center;\\n  gap: 8px;\\n  justify-content: center;\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport Icon from \"@/components/icon/Icon\";\nimport { Sizes, Success24Fill, Warning24FillRed } from \"@/components/icon/IconList\";\nimport { Snackbar as MuiSnackbar, Typography, styled as muiStyled, useTheme } from \"@mui/material\";\nimport { useState } from \"react\";\nimport styled from \"styled-components\";\nexport const defaultSnackbarProps = {\n    autoHideDuration: 3000,\n    anchorOrigin: {\n        vertical: \"top\",\n        horizontal: \"center\"\n    },\n    style: {\n        top: 88\n    }\n};\nexport const Snackbar = muiStyled(MuiSnackbar)((param)=>{\n    let { theme  } = param;\n    return {\n        \".MuiSnackbarContent-root\": {\n            minWidth: \"unset\",\n            padding: \"12px 16px\",\n            borderRadius: 8,\n            backgroundColor: theme.palette.grey[700],\n            \".MuiSnackbarContent-message\": {\n                padding: 0\n            }\n        }\n    };\n});\nexport const IconWithSnackbarMessage = (param)=>{\n    let { text , icon  } = param;\n    const theme = useTheme();\n    return /*#__PURE__*/ _jsxs(SnackbarMessage, {\n        children: [\n            icon === \"success\" && /*#__PURE__*/ _jsx(Typography, {\n                color: (theme)=>theme.palette.success.main,\n                sx: {\n                    display: \"flex\",\n                    justifyContent: \"center\"\n                },\n                children: /*#__PURE__*/ _jsx(Icon, {\n                    icon: Success24Fill,\n                    size: Sizes.medium\n                })\n            }),\n            icon === \"warning\" && /*#__PURE__*/ _jsx(Icon, {\n                icon: Warning24FillRed,\n                size: Sizes.medium,\n                color: theme.palette.status.error\n            }),\n            /*#__PURE__*/ _jsx(Typography, {\n                component: \"div\",\n                typography: \"semibold16\",\n                color: theme.palette.blackAndWhite.white,\n                children: text\n            })\n        ]\n    });\n};\nconst SnackbarMessage = styled.div.withConfig({\n    componentId: \"sc-7a5680f0-0\"\n})(_templateObject());\nconst useSnackbar = (variants)=>{\n    const [isShowSnackbar, setIsShowSnackbar] = useState(false);\n    const [snackbarMessage, setSnackbarMessage] = useState({\n        icon: null,\n        text: \"\"\n    });\n    const showSnackbar = (variant)=>{\n        if (variant) {\n            setSnackbarMessage(variants[variant]);\n        }\n        setIsShowSnackbar(true);\n    };\n    const hideSnackbar = ()=>{\n        setIsShowSnackbar(false);\n    };\n    return {\n        isShowSnackbar,\n        snackbarMessage,\n        showSnackbar,\n        hideSnackbar\n    };\n};\nexport default useSnackbar;\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  border-radius: 6px;\\n  padding: 0 16px 0 8px;\\n  background-color: \",\n        \";\\n  width: 100%;\\n  display: flex;\\n  align-items: center;\\n  transition: all 0.3s ease;\\n  border: 1px solid transparent;\\n  &:hover,\\n  &.active {\\n    border: 1px solid \",\n        \";\\n  }\\n  &.active {\\n    background-color: \",\n        \";\\n  }\\n  input,\\n  textarea {\\n    padding: 8px 0 8px 8px;\\n    line-height: 1.5;\\n    width: 100%;\\n    min-height: auto;\\n    background-color: transparent;\\n    border: unset;\\n    font-size: 16px;\\n    &:focus {\\n      outline: none !important;\\n    }\\n\\n    &::placeholder {\\n      color: \",\n        \";\\n    }\\n  }\\n\\n  button {\\n    all: unset;\\n    height: 20px;\\n    display: flex;\\n    align-items: center;\\n  }\\n  .delete-btn {\\n    margin-left: 8px;\\n    i {\\n      background-color: \",\n        \";\\n      border-radius: 50%;\\n      padding: 2px;\\n    }\\n    div {\\n      margin: 0 12px;\\n    }\\n  }\\n  @media (max-width: 1200px) {\\n  }\\n  @media (max-width: 768px) {\\n    max-width: unset;\\n    input {\\n      font-size: 14px;\\n      line-height: 20px;\\n    }\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport Icon from \"@/components/icon/Icon\";\nimport { Close, Search, Sizes } from \"@/components/icon/IconList\";\nimport useWindowDimensions from \"@/lib/web-ui/useWindowDimensions\";\nimport { Input } from \"antd\";\nimport { createContext, useCallback, useContext, useMemo, useRef, useState } from \"react\";\nimport styled, { useTheme } from \"styled-components\";\nconst InputWrapper = styled.div.withConfig({\n    componentId: \"sc-da2280ea-0\"\n})(_templateObject(), (props)=>props.theme.new.colors.sol_gray_50, (props)=>props.theme.new.colors.sol_gray_700, (props)=>props.theme.new.colors.white, (props)=>props.theme.new.colors.sol_gray_500, (props)=>props.theme.new.colors.sol_gray_800);\nconst TextFieldContext = /*#__PURE__*/ createContext({});\nconst InputContainer = (param)=>{\n    let { children , value , onBlur , onClear , search , onSearchClick , searchButtonType  } = param;\n    const theme = useTheme();\n    const { width  } = useWindowDimensions();\n    const isMobile = useMemo(()=>width < 769, [\n        width\n    ]);\n    const inputRef = useRef({\n        element: null,\n        focusTimeout: null\n    });\n    const [focused, setFocused] = useState(false);\n    const handleFocus = useCallback(()=>{\n        clearTimeout(inputRef.current.focusTimeout);\n        setFocused(true);\n    }, []);\n    const handleBlur = useCallback(()=>{\n        inputRef.current.focusTimeout = setTimeout(()=>{\n            setFocused(false);\n        }, 100);\n        if (onBlur) {\n            onBlur();\n        }\n    }, [\n        onBlur\n    ]);\n    const handleClear = useCallback(()=>{\n        if (onClear) {\n            onClear();\n        }\n        if (inputRef.current.element) {\n            inputRef.current.element.focus();\n        }\n    }, [\n        onClear\n    ]);\n    return /*#__PURE__*/ _jsx(TextFieldContext.Provider, {\n        value: {\n            inputRef,\n            focused,\n            setFocused,\n            handleFocus,\n            handleBlur\n        },\n        children: /*#__PURE__*/ _jsxs(InputWrapper, {\n            className: \"textfield \".concat((focused || (value === null || value === void 0 ? void 0 : value.length)) && \"active\"),\n            children: [\n                children,\n                !!onClear && (value === null || value === void 0 ? void 0 : value.length) > 0 && /*#__PURE__*/ _jsxs(\"button\", {\n                    className: \"delete-btn\",\n                    onClick: handleClear,\n                    type: \"button\",\n                    children: [\n                        /*#__PURE__*/ _jsx(Icon, {\n                            icon: Close,\n                            size: isMobile ? Sizes.xxsmall : Sizes.xsmall,\n                            color: \"#fff\"\n                        }),\n                        (onSearchClick || search) && /*#__PURE__*/ _jsx(\"div\", {\n                            children: \"ㅣ\"\n                        })\n                    ]\n                }),\n                (onSearchClick || search) && /*#__PURE__*/ _jsx(\"button\", {\n                    onClick: onSearchClick,\n                    type: searchButtonType || \"submit\",\n                    children: /*#__PURE__*/ _jsx(Icon, {\n                        icon: Search,\n                        size: isMobile ? Sizes.small : Sizes.xmedium,\n                        color: theme.new.colors.sol_gray_800\n                    })\n                })\n            ]\n        })\n    });\n};\nconst TextField = (param)=>{\n    let { onClick , onChange , fieldRef , search , ...props } = param;\n    const { inputRef , handleFocus , handleBlur  } = useContext(TextFieldContext);\n    const handleClick = useCallback((ev)=>{\n        onClick === null || onClick === void 0 ? void 0 : onClick(ev);\n    }, [\n        onClick\n    ]);\n    const setupRef = useCallback((el)=>{\n        if (inputRef) {\n            inputRef.current.element = el;\n        }\n        fieldRef === null || fieldRef === void 0 ? void 0 : fieldRef(el);\n    }, [\n        fieldRef\n    ]);\n    const formProps = {\n        onBlur: handleBlur,\n        onClick: handleClick,\n        onFocus: handleFocus,\n        onChange\n    };\n    return /*#__PURE__*/ _jsx(InputContainer, {\n        ...props,\n        children: /*#__PURE__*/ _jsx(\"input\", {\n            ref: setupRef,\n            ...formProps,\n            ...search && {\n                type: \"search\"\n            },\n            ...props\n        })\n    });\n};\nexport default TextField;\nexport const TextAreaField = (param)=>{\n    let { onClick , onChange , fieldRef , search , ...props } = param;\n    const { inputRef , handleFocus , handleBlur  } = useContext(TextFieldContext);\n    const handleClick = useCallback((ev)=>{\n        onClick === null || onClick === void 0 ? void 0 : onClick(ev);\n    }, [\n        onClick\n    ]);\n    const setupRef = useCallback((el)=>{\n        if (inputRef) {\n            inputRef.current.element = el;\n        }\n        fieldRef === null || fieldRef === void 0 ? void 0 : fieldRef(el);\n    }, [\n        fieldRef\n    ]);\n    const formProps = {\n        onBlur: handleBlur,\n        onClick: handleClick,\n        onFocus: handleFocus,\n        onChange\n    };\n    return /*#__PURE__*/ _jsx(InputContainer, {\n        ...props,\n        children: /*#__PURE__*/ _jsx(Input.TextArea, {\n            ref: setupRef,\n            ...formProps,\n            ...search && {\n                type: \"search\"\n            },\n            ...props\n        })\n    });\n};\n","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport * as React from \"react\";\nimport { useCallback, useRef, useState } from \"react\";\nimport Paper from \"@mui/material/Paper\";\nimport InputBase from \"@mui/material/InputBase\";\nimport Divider from \"@mui/material/Divider\";\nimport IconButton from \"@mui/material/IconButton\";\nimport Icon from \"@/components/icon/Icon\";\nimport { Close, Search, Sizes } from \"@/components/icon/IconList\";\nimport useWindowDimensions from \"@/lib/web-ui/useWindowDimensions\";\nimport { Portal } from \"@mui/material\";\nimport useSnackbar, { defaultSnackbarProps, IconWithSnackbarMessage, Snackbar } from \"../Snackbar\";\nexport const SearchTextField = (param)=>{\n    let { onClickForm , onSubmit , placeholder , onBlur , onClear , value , onChange , onSearchClick , autoFocus , ...props } = param;\n    const { isMobile  } = useWindowDimensions();\n    const { isShowSnackbar , hideSnackbar , showSnackbar  } = useSnackbar();\n    const [focused, setFocused] = useState(false);\n    const inputRef = useRef({\n        element: null,\n        focusTimeout: null\n    });\n    const handleFocus = useCallback(()=>{\n        clearTimeout(inputRef.current.focusTimeout);\n        setFocused(true);\n    }, []);\n    const handleBlur = useCallback(()=>{\n        inputRef.current.focusTimeout = setTimeout(()=>{\n            setFocused(false);\n        }, 100);\n        if (onBlur) {\n            onBlur();\n        }\n    }, [\n        onBlur\n    ]);\n    const handleClear = useCallback(()=>{\n        if (onClear) {\n            onClear();\n        }\n        if (inputRef.current.element) {\n            inputRef.current.element.focus();\n        }\n    }, [\n        onClear\n    ]);\n    const handleOnChange = useCallback((e)=>{\n        if (onChange) {\n            if (e.target.value.trim().length === 0) {\n                showSnackbar();\n                return;\n            }\n            onChange(e);\n        }\n    }, [\n        onChange\n    ]);\n    const handleOnSubmit = useCallback((e)=>{\n        e.preventDefault();\n        if (onSubmit) {\n            if (value.trim().length === 0) {\n                showSnackbar();\n                return;\n            }\n            onSubmit(e);\n        }\n    }, [\n        onSubmit,\n        value\n    ]);\n    const handleOnSearchClick = useCallback((e)=>{\n        e.preventDefault();\n        if (onSearchClick) {\n            if (value.trim().length === 0) {\n                showSnackbar();\n                return;\n            }\n            onSearchClick(e);\n        }\n    }, [\n        onSearchClick,\n        value\n    ]);\n    return /*#__PURE__*/ _jsxs(Paper, {\n        onClick: onClickForm,\n        onSubmit: handleOnSubmit,\n        onFocus: handleFocus,\n        onBlur: handleBlur,\n        component: \"form\",\n        className: \"search-request-form \".concat(focused || (value === null || value === void 0 ? void 0 : value.length) ? \"active\" : \"\"),\n        sx: (theme)=>{\n            return {\n                p: \"12px 12px 12px 20px \",\n                display: \"flex\",\n                alignItems: \"center\",\n                borderRadius: \"24px\",\n                height: \"48px\",\n                width: \"400px\",\n                backgroundColor: \"rgba(169, 175, 199, 0.2)\",\n                \"&.active\": {\n                    backgroundColor: \"#fff\",\n                    border: \"1px solid \".concat(theme.palette.grey[700]),\n                    transition: \"all 0.2s\"\n                },\n                input: {\n                    p: 0,\n                    ...theme.typography.body1\n                },\n                [theme.breakpoints.down(\"sm\")]: {\n                    width: \"100%\",\n                    marginRight: \"8px\"\n                }\n            };\n        },\n        children: [\n            /*#__PURE__*/ _jsx(InputBase, {\n                ...props,\n                onChange: onChange,\n                autoFocus: autoFocus,\n                ref: inputRef,\n                value: value,\n                autoComplete: \"off\",\n                sx: {\n                    flexGrow: 1\n                },\n                placeholder: placeholder\n            }),\n            (value === null || value === void 0 ? void 0 : value.length) > 0 && /*#__PURE__*/ _jsxs(_Fragment, {\n                children: [\n                    /*#__PURE__*/ _jsx(IconButton, {\n                        type: \"button\",\n                        onClick: handleClear,\n                        color: \"primary\",\n                        sx: (theme)=>{\n                            return {\n                                p: \"8px\",\n                                i: {\n                                    backgroundColor: theme.palette.grey[800],\n                                    borderRadius: \"50%\",\n                                    padding: \"2px\"\n                                }\n                            };\n                        },\n                        children: /*#__PURE__*/ _jsx(Icon, {\n                            icon: Close,\n                            size: isMobile ? Sizes.xxsmall : Sizes.xsmall,\n                            color: \"#fff\"\n                        })\n                    }),\n                    /*#__PURE__*/ _jsx(Divider, {\n                        sx: {\n                            height: 12,\n                            m: 1\n                        },\n                        orientation: \"vertical\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(IconButton, {\n                onClick: handleOnSearchClick,\n                sx: {\n                    p: \"8px\"\n                },\n                type: \"submit\",\n                children: /*#__PURE__*/ _jsx(Icon, {\n                    icon: Search,\n                    size: isMobile ? Sizes.small : Sizes.xmedium\n                })\n            }),\n            /*#__PURE__*/ _jsx(Portal, {\n                children: /*#__PURE__*/ _jsx(Snackbar, {\n                    ...defaultSnackbarProps,\n                    open: isShowSnackbar,\n                    onClose: hideSnackbar,\n                    autoHideDuration: 2000,\n                    message: /*#__PURE__*/ _jsx(IconWithSnackbarMessage, {\n                        text: \"검색어를 1글자 이상 입력해주세요.\"\n                    })\n                })\n            })\n        ]\n    });\n};\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: inline-block;\\n  \",\n        \"\\n\\n  svg {\\n    display: block;\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport styled from \"styled-components\";\nconst Icon = (param)=>{\n    let { icon: IconComponent , onClick , className , ...props } = param;\n    return /*#__PURE__*/ _jsx(IconWrapper, {\n        isButton: !!onClick,\n        onClick: onClick,\n        className: className,\n        children: /*#__PURE__*/ _jsx(IconComponent, {\n            ...props\n        })\n    });\n};\nexport default Icon;\nconst IconWrapper = styled.i.withConfig({\n    componentId: \"sc-f2523ccb-0\"\n})(_templateObject(), (props)=>props.isButton && \"cursor: pointer;\");\n","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React from \"react\";\nexport var Sizes;\n(function(Sizes) {\n    Sizes[\"xxlarge\"] = \"xxl\";\n    Sizes[\"xlarge\"] = \"xl\";\n    Sizes[\"large\"] = \"l\";\n    Sizes[\"medium\"] = \"m\";\n    Sizes[\"mediumLarge\"] = \"ml\";\n    Sizes[\"xmedium\"] = \"xm\";\n    Sizes[\"small\"] = \"s\";\n    Sizes[\"smallHalf\"] = \"sh\";\n    Sizes[\"xsmall\"] = \"xs\";\n    Sizes[\"xxsmall\"] = \"xxs\";\n})(Sizes || (Sizes = {}));\nconst ViewBoxSizes = {\n    xxl: 64,\n    xl: 48,\n    l: 32,\n    ml: 26,\n    m: 24,\n    xm: 20,\n    s: 16,\n    sh: 14,\n    xs: 12,\n    xxs: 10\n};\nconst withSVGProps = function(Component) {\n    let colorType = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : \"fill\";\n    return (param)=>{\n        let { size , color =\"#000000\"  } = param;\n        const width = ViewBoxSizes[size !== null && size !== void 0 ? size : Sizes.medium];\n        const colorProps = colorType === \"fixed\" ? {\n            fill: \"none\",\n            stroke: \"none\"\n        } : {\n            fill: colorType.includes(\"fill\") ? color : \"none\",\n            stroke: colorType.includes(\"stroke\") ? color : \"none\"\n        };\n        return /*#__PURE__*/ _jsx(Component, {\n            width: width,\n            height: width,\n            viewBox: \"0 0 48 48\",\n            shapeRendering: \"geometricPrecision\",\n            xmlns: \"http://www.w3.org/2000/svg\",\n            ...colorProps\n        });\n    };\n};\nexport const ArrowUp = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 24 24\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            d: \"M4 15l8-7 8 7\",\n            strokeWidth: \"2\"\n        })\n    }), \"stroke\");\nexport const ArrowDown = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 24 24\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            d: \"m4 9 8 7 8-7\",\n            strokeWidth: \"2\"\n        })\n    }), \"stroke\");\nexport const ArrowDownOutlined = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 16 16\",\n        fill: \"none\",\n        xmlns: \"http://www.w3.org/2000/svg\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            d: \"M2.667 6 8 10.667 13.333 6\",\n            stroke: \"currentColor\",\n            strokeWidth: \"1.333\"\n        })\n    }), \"stroke\");\nexport const ArrowUpOutlined = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 24 24\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            d: \"M4 15l8-7 8 7\",\n            stroke: \"currentColor\",\n            strokeWidth: \"2\"\n        })\n    }), \"stroke\");\nexport const ArrowLeft = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            d: \"M31.5 6.5L13.5 24L31.5 41.5\",\n            strokeWidth: \"3\",\n            strokeLinecap: \"round\",\n            strokeLinejoin: \"round\"\n        })\n    }), \"stroke\");\nexport const ArrowLeft1_5 = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        xmlns: \"http://www.w3.org/2000/svg\",\n        viewBox: \"0 0 24 24\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M5.99609 12L14.439 2.50172C14.7142 2.19213 15.1882 2.16425 15.4978 2.43944C15.8074 2.71462 15.8353 3.18868 15.5601 3.49826L8.00303 12L15.5601 20.5017C15.8353 20.8113 15.8074 21.2854 15.4978 21.5605C15.1882 21.8357 14.7142 21.8079 14.439 21.4983L5.99609 12Z\",\n            fill: \"currentColor\"\n        })\n    }), \"fill\");\nexport const ArrowRight = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            d: \"M16.5 41.5L34.5 24L16.5 6.5\",\n            strokeWidth: \"3\",\n            strokeLinecap: \"round\",\n            strokeLinejoin: \"round\"\n        })\n    }), \"stroke\");\nexport const ArrowRight1_5px = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        xmlns: \"http://www.w3.org/2000/svg\",\n        viewBox: \"0 0 14 14\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M10.502 7L5.57692 12.5407C5.4164 12.7213 5.13986 12.7375 4.95927 12.577C4.77868 12.4165 4.76241 12.1399 4.92294 11.9593L9.33124 7L4.92294 2.04066C4.76241 1.86007 4.77868 1.58354 4.95927 1.42301C5.13986 1.26249 5.4164 1.27875 5.57692 1.45935L10.502 7Z\"\n        })\n    }), \"fill\");\nexport const ArrowRight2px = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        xmlns: \"http://www.w3.org/2000/svg\",\n        viewBox: \"0 0 14 14\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M10.9887 6.99996L5.97758 12.6375C5.76354 12.8783 5.39484 12.9 5.15405 12.686C4.91326 12.4719 4.89157 12.1032 5.1056 11.8624L9.42778 6.99996L5.1056 2.13751C4.89157 1.89672 4.91326 1.52801 5.15405 1.31398C5.39484 1.09994 5.76354 1.12163 5.97758 1.36242L10.9887 6.99996Z\"\n        })\n    }), \"fill\");\nexport const ArrowRight4px = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        xmlns: \"http://www.w3.org/2000/svg\",\n        width: \"24\",\n        height: \"24\",\n        viewBox: \"0 0 24 24\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M18.0034 12L9.56051 21.4983C9.28532 21.8079 8.81127 21.8358 8.50168 21.5606C8.19209 21.2854 8.16421 20.8113 8.43939 20.5017L15.9965 12L8.43939 3.49828C8.16421 3.18869 8.19209 2.71464 8.50168 2.43945C8.81127 2.16426 9.28532 2.19215 9.56051 2.50174L18.0034 12Z\",\n            fill: \"currentColor\"\n        })\n    }), \"fill\");\nexport const InfoCircle = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M5.5 24C5.5 13.7827 13.7827 5.5 24 5.5C34.2173 5.5 42.5 13.7827 42.5 24C42.5 34.2173 34.2173 42.5 24 42.5C13.7827 42.5 5.5 34.2173 5.5 24ZM24 2.5C12.1259 2.5 2.5 12.1259 2.5 24C2.5 35.8741 12.1259 45.5 24 45.5C35.8741 45.5 45.5 35.8741 45.5 24C45.5 12.1259 35.8741 2.5 24 2.5ZM22.4326 19.0918V35H25.5674V19.0918H22.4326ZM22.0225 14.7852C22.0225 15.8105 22.9307 16.6309 24.0146 16.6309C25.0693 16.6309 25.9775 15.8105 25.9775 14.7852C25.9775 13.7598 25.0693 12.9395 24.0146 12.9395C22.9307 12.9395 22.0225 13.7598 22.0225 14.7852Z\",\n            fill: \"#4F556B\"\n        })\n    }));\nexport const Home = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M40.5 40.5H7.5V15.8722L24 5.75932L40.5 15.8722V40.5Z\",\n                strokeWidth: \"3\",\n                strokeLinecap: \"square\"\n            }),\n            /*#__PURE__*/ _jsx(\"rect\", {\n                x: \"17.5\",\n                y: \"27.5\",\n                width: \"13\",\n                height: \"13\",\n                strokeWidth: \"3\",\n                strokeLinecap: \"square\"\n            })\n        ]\n    }), \"stroke\");\nexport const QuestionCircle = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M7 24C7 14.6112 14.6112 7 24 7C33.3888 7 41 14.6112 41 24C41 33.3888 33.3888 41 24 41C14.6112 41 7 33.3888 7 24ZM24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4ZM25.983 13.464C25.1804 13.2027 24.275 13.072 23.267 13.072C22.091 13.072 21.0457 13.24 20.131 13.576C19.235 13.8933 18.4417 14.3227 17.751 14.864C17.3777 15.144 17.1817 15.4987 17.163 15.928C17.163 16.3387 17.2937 16.712 17.555 17.048C17.8164 17.4027 18.1244 17.6267 18.479 17.72C18.8524 17.7947 19.2257 17.7013 19.599 17.44C20.103 17.0853 20.635 16.796 21.195 16.572C21.755 16.348 22.4084 16.236 23.155 16.236C23.715 16.236 24.1817 16.3013 24.555 16.432C24.947 16.544 25.255 16.7027 25.479 16.908C25.7217 17.1133 25.899 17.3467 26.011 17.608C26.123 17.8693 26.179 18.1493 26.179 18.448V18.588C26.179 18.868 26.151 19.1293 26.095 19.372C26.039 19.596 25.9177 19.848 25.731 20.128C25.5444 20.408 25.2737 20.7253 24.919 21.08C24.583 21.416 24.1257 21.836 23.547 22.34C23.043 22.788 22.6324 23.1987 22.315 23.572C22.0164 23.9267 21.783 24.2907 21.615 24.664C21.4657 25.0187 21.363 25.392 21.307 25.784C21.251 26.176 21.223 26.6147 21.223 27.1C21.223 27.604 21.391 27.9773 21.727 28.22C22.063 28.444 22.4644 28.556 22.931 28.556C23.3604 28.556 23.7337 28.4347 24.051 28.192C24.387 27.9493 24.555 27.6133 24.555 27.184C24.555 26.8853 24.5737 26.624 24.611 26.4C24.6484 26.1573 24.7324 25.924 24.863 25.7C24.9937 25.4573 25.1804 25.2053 25.423 24.944C25.6657 24.664 25.9924 24.3373 26.403 23.964C27.0564 23.3667 27.5977 22.8347 28.027 22.368C28.475 21.9013 28.8204 21.4627 29.063 21.052C29.3244 20.6413 29.5017 20.24 29.595 19.848C29.707 19.4373 29.763 19.008 29.763 18.56V18.252C29.763 17.4867 29.6137 16.7867 29.315 16.152C29.0164 15.5173 28.587 14.976 28.027 14.528C27.467 14.0613 26.7857 13.7067 25.983 13.464ZM24.415 31.048C24.0044 30.6373 23.5004 30.432 22.903 30.432C22.3057 30.432 21.8017 30.6373 21.391 31.048C20.9804 31.4587 20.775 31.9627 20.775 32.56C20.775 33.1573 20.9804 33.6613 21.391 34.072C21.8017 34.4827 22.3057 34.688 22.903 34.688C23.5004 34.688 24.0044 34.4827 24.415 34.072C24.8257 33.6613 25.031 33.1573 25.031 32.56C25.031 31.9627 24.8257 31.4587 24.415 31.048Z\"\n        })\n    }));\nexport const Comment = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M26.8266 33L34 39.3428V33H37C39.2091 33 41 31.2091 41 29V12C41 9.79086 39.2091 8 37 8H11C8.79086 8 7 9.79086 7 12V29C7 31.2091 8.79086 33 11 33H26.8266ZM37 36C40.866 36 44 32.866 44 29V12C44 8.13401 40.866 5 37 5H11C7.13401 5 4 8.13401 4 12V29C4 32.866 7.13401 36 11 36H25.6905L33.6752 43.0602C34.9661 44.2016 37 43.2851 37 41.5619V36Z\"\n        })\n    }));\nexport const Check = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 10 10\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            d: \"M1.25 5.37959L3.49667 7.62632L8.75 2.37305\",\n            strokeWidth: \"1.5\",\n            strokeLinecap: \"round\"\n        })\n    }), \"stroke\");\nexport const Check1_5 = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        xmlns: \"http://www.w3.org/2000/svg\",\n        viewBox: \"0 0 10 10\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            d: \"M1.25 5.37983L3.49667 7.62656L8.75 2.37329\",\n            stroke: \"currentColor\",\n            strokeWidth: \"1.5\",\n            strokeLinecap: \"round\"\n        })\n    }), \"stroke\");\nexport const Check_Thin = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 24 24\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M21.5303 5.16572C21.8232 5.45861 21.8232 5.93349 21.5303 6.22638L8.39201 19.3646L2.46966 13.4421C2.17677 13.1492 2.17678 12.6743 2.46968 12.3814C2.76257 12.0885 3.23745 12.0885 3.53034 12.3814L8.39203 17.2432L20.4697 5.16571C20.7626 4.87282 21.2374 4.87282 21.5303 5.16572Z\"\n        })\n    }));\nexport const Close = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 16 16\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M8.00005 8.94286L12.862 13.8048L13.8048 12.862L8.94286 8.00005L13.8048 3.13812L12.862 2.19531L8.00005 7.05724L3.13812 2.19531L2.19531 3.13812L7.05724 8.00005L2.19531 12.862L3.13812 13.8048L8.00005 8.94286Z\"\n        })\n    }));\nexport const Close1_5px = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        xmlns: \"http://www.w3.org/2000/svg\",\n        viewBox: \"0 0 16 16\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M1.97982 1.97994C2.17508 1.78468 2.49167 1.78468 2.68693 1.97994L8.00004 7.29306L13.3132 1.97994C13.5084 1.78468 13.825 1.78468 14.0203 1.97994C14.2155 2.17521 14.2155 2.49179 14.0203 2.68705L8.70715 8.00016L14.0203 13.3133C14.2155 13.5085 14.2155 13.8251 14.0203 14.0204C13.825 14.2156 13.5084 14.2156 13.3132 14.0204L8.00004 8.70727L2.68693 14.0204C2.49167 14.2156 2.17508 14.2156 1.97982 14.0204C1.78456 13.8251 1.78456 13.5085 1.97982 13.3133L7.29293 8.00016L1.97982 2.68705C1.78456 2.49179 1.78456 2.1752 1.97982 1.97994Z\",\n            fill: \"currentColor\"\n        })\n    }));\nexport const Search = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 20 20\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M8.33333 3.125C5.45685 3.125 3.125 5.45685 3.125 8.33333C3.125 11.2098 5.45685 13.5417 8.33333 13.5417C11.2098 13.5417 13.5417 11.2098 13.5417 8.33333C13.5417 5.45685 11.2098 3.125 8.33333 3.125ZM1.875 8.33333C1.875 4.76649 4.76649 1.875 8.33333 1.875C11.9002 1.875 14.7917 4.76649 14.7917 8.33333C14.7917 9.89167 14.2397 11.3211 13.3207 12.4368L17.9419 17.0579C18.186 17.302 18.186 17.6977 17.9419 17.9418C17.6979 18.1859 17.3021 18.1859 17.0581 17.9418L12.4368 13.3207C11.3211 14.2397 9.89168 14.7917 8.33333 14.7917C4.76649 14.7917 1.875 11.9002 1.875 8.33333Z\"\n        })\n    }), \"fill\");\nexport const VerticalEllipsis = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M24 12C26.2091 12 28 10.2091 28 8C28 5.79086 26.2091 4 24 4C21.7909 4 20 5.79086 20 8C20 10.2091 21.7909 12 24 12ZM28 24C28 26.2091 26.2091 28 24 28C21.7909 28 20 26.2091 20 24C20 21.7909 21.7909 20 24 20C26.2091 20 28 21.7909 28 24ZM28 40C28 42.2091 26.2091 44 24 44C21.7909 44 20 42.2091 20 40C20 37.7909 21.7909 36 24 36C26.2091 36 28 37.7909 28 40Z\"\n        })\n    }));\nexport const Pencil = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 20 20\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M12.357 2.67138C12.9384 2.08813 13.8831 2.08879 14.4636 2.67285L15.8783 4.09609C16.4571 4.67842 16.454 5.61977 15.8713 6.19828L14.4161 7.6433L7.24415 14.7655C6.96756 15.0402 6.59411 15.1952 6.20431 15.1971L3.33398 15.2113V12.3412C3.33398 11.948 3.4898 11.5709 3.76732 11.2923L10.8912 4.14203L12.357 2.67138ZM13.9751 6.31959L14.9906 5.31128C15.0832 5.21936 15.0836 5.0698 14.9917 4.97728L13.5771 3.55404C13.4848 3.46124 13.3347 3.46114 13.2424 3.55381L12.2192 4.58032L13.9751 6.31959ZM11.3369 5.46576L4.65283 12.1746C4.60874 12.2188 4.58398 12.2787 4.58398 12.3412V13.9551L6.19814 13.9471C6.26007 13.9468 6.3194 13.9222 6.36335 13.8785L13.0881 7.20039L11.3369 5.46576ZM2.70898 17.4998C2.70898 17.1546 2.98881 16.8748 3.33398 16.8748L16.6673 16.8748C17.0125 16.8748 17.2923 17.1546 17.2923 17.4998C17.2923 17.845 17.0125 18.1248 16.6673 18.1248L3.33398 18.1248C2.98881 18.1248 2.70898 17.845 2.70898 17.4998Z\"\n        })\n    }), \"fill\");\nexport const Heart = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M25.7555 8.06412C30.2718 3.31179 37.6274 3.31213 42.1436 8.06412C46.6188 12.7729 46.6188 20.3776 42.1435 25.0864C42.1434 25.0864 42.1435 25.0864 42.1435 25.0864L39.3009 28.0776L25.0873 43.0333C24.8041 43.3313 24.4111 43.5 24 43.5C23.589 43.5 23.1959 43.3313 22.9127 43.0333L8.69919 28.0779L5.85639 25.0867C1.3812 20.3778 1.3812 12.7732 5.85639 8.06435C10.3726 3.31232 17.7282 3.3123 22.2445 8.06431C22.2445 8.06433 22.2445 8.0643 22.2445 8.06431L24 9.91133L25.7555 8.06412C25.7555 8.06413 25.7555 8.06411 25.7555 8.06412ZM39.9691 10.1308C36.6354 6.62314 31.2637 6.623 27.9301 10.1308L25.0873 13.122C24.8041 13.42 24.4111 13.5887 24 13.5887C23.589 13.5887 23.1959 13.42 22.9128 13.1221L20.07 10.1311C16.7364 6.62345 11.3645 6.62341 8.03097 10.131C4.65634 13.6819 4.65634 19.4692 8.03097 23.02L24 39.8226L37.1262 26.011L39.9688 23.0198C43.3436 19.469 43.3437 13.6816 39.9691 10.1308Z\"\n        })\n    }));\nexport const HeartFill = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M41.0563 9.09746C37.1314 4.96763 30.7677 4.9674 26.8428 9.09746L24 12.0887L21.1572 9.09769C17.2323 4.96786 10.8686 4.96786 6.94368 9.09769C3.01877 13.2275 3.01877 19.9235 6.94368 24.0534L9.78648 27.0446L24 42L38.2136 27.0443L41.0561 24.0531C44.9813 19.9233 44.9813 13.2273 41.0563 9.09746Z\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M25.7555 8.06412C30.2718 3.31179 37.6274 3.31213 42.1436 8.06412C46.6188 12.7729 46.6188 20.3776 42.1435 25.0864C42.1434 25.0864 42.1435 25.0864 42.1435 25.0864L39.3009 28.0776L25.0873 43.0333C24.8041 43.3313 24.4111 43.5 24 43.5C23.589 43.5 23.1959 43.3313 22.9127 43.0333L8.69919 28.0779L5.85639 25.0867C1.3812 20.3778 1.3812 12.7732 5.85639 8.06435C10.3726 3.31232 17.7282 3.3123 22.2445 8.06431C22.2445 8.06433 22.2445 8.0643 22.2445 8.06431L24 9.91133L25.7555 8.06412C25.7555 8.06413 25.7555 8.06411 25.7555 8.06412ZM39.9691 10.1308C36.6354 6.62314 31.2637 6.623 27.9301 10.1308L25.0873 13.122C24.8041 13.42 24.4111 13.5887 24 13.5887C23.589 13.5887 23.1959 13.42 22.9128 13.1221L20.07 10.1311C16.7364 6.62345 11.3645 6.62341 8.03097 10.131C4.65634 13.6819 4.65634 19.4692 8.03097 23.02L24 39.8226L37.1262 26.011L39.9688 23.0198C43.3436 19.469 43.3437 13.6816 39.9691 10.1308Z\"\n            })\n        ]\n    }));\nexport const Bell = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 20 20\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M10 1.45825C10.3452 1.45825 10.625 1.73807 10.625 2.08325V3.15477C13.8986 3.46913 16.4583 6.22726 16.4583 9.58325V14.7916H17.5C17.8452 14.7916 18.125 15.0714 18.125 15.4166C18.125 15.7618 17.8452 16.0416 17.5 16.0416H13.0625C12.7729 17.468 11.5118 18.5416 10 18.5416C8.48815 18.5416 7.22706 17.468 6.93751 16.0416H2.5C2.15482 16.0416 1.875 15.7618 1.875 15.4166C1.875 15.0714 2.15482 14.7916 2.5 14.7916H3.54167V9.58325C3.54167 6.22726 6.10142 3.46913 9.375 3.15477V2.08325C9.375 1.73807 9.65482 1.45825 10 1.45825ZM4.79167 14.7916H15.2083V9.58325C15.2083 6.70677 12.8765 4.37492 10 4.37492C7.12352 4.37492 4.79167 6.70677 4.79167 9.58325V14.7916ZM8.23169 16.0416C8.48909 16.7698 9.18361 17.2916 10 17.2916C10.8164 17.2916 11.5109 16.7698 11.7683 16.0416H8.23169Z\"\n        })\n    }), \"fill\");\nexport const BellFill = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M25.5 4C25.5 3.17157 24.8284 2.5 24 2.5C23.1716 2.5 22.5 3.17157 22.5 4V7C22.5 7.82843 23.1716 8.5 24 8.5C24.8284 8.5 25.5 7.82843 25.5 7V4ZM20.9642 37.5L20.9499 37.5001C20.4477 37.5049 19.9426 37.6402 19.5093 37.9638C19.0861 38.2798 18.8498 38.6869 18.718 39.0345C18.4963 39.6193 18.4988 40.258 18.4999 40.5303L18.5001 40.5774C18.5001 41.9734 19.4274 42.9877 20.3946 43.5735C21.3896 44.176 22.668 44.5 24.0002 44.5C25.3324 44.5 26.6108 44.176 27.6057 43.5734C28.5729 42.9876 29.5001 41.9733 29.5001 40.5774L29.5002 40.5307C29.5013 40.2602 29.5038 39.6244 29.2858 39.0427C29.1566 38.6978 28.9227 38.288 28.4987 37.9701C28.1122 37.6802 27.6682 37.5421 27.221 37.5145C27.1521 37.5048 27.0827 37.5 27.013 37.5H20.9642ZM21.5001 40.5696L21.5002 40.5H26.5L26.5001 40.5696C26.4954 40.5916 26.4475 40.7675 26.0515 41.0074C25.5987 41.2816 24.8772 41.5 24.0002 41.5C23.1232 41.5 22.4016 41.2816 21.9487 41.0074C21.5527 40.7675 21.5047 40.5916 21.5001 40.5696Z\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M9.77337 19.0746C9.77337 19.0746 9.77337 7 24 7C24 7 38.0527 7 38.0527 19.0746V32.718C38.0527 33.5747 38.2503 34.421 38.6318 35.1975L40.5 39H7.5L9.26408 35.1346C9.60004 34.3984 9.77337 33.6048 9.77337 32.8026V19.0746Z\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M11.2734 19.0791V32.8026C11.2734 33.8216 11.0531 34.8275 10.6287 35.7574L9.8334 37.5H38.0918L37.2856 35.859C36.804 34.8787 36.5527 33.8064 36.5527 32.718V19.0746C36.5527 16.3698 35.7737 14.4337 34.6718 13.0135C33.5535 11.5721 32.0326 10.5742 30.4342 9.88752C28.8359 9.20083 27.2168 8.8502 25.9831 8.67352C25.3701 8.58573 24.8619 8.54224 24.5119 8.52077C24.3372 8.51004 24.2026 8.50485 24.1149 8.50233C24.071 8.50108 24.039 8.50049 24.0195 8.50022L23.9989 8.5C23.9994 8.5 24 8.5 24 7L24 8.50001C17.4079 8.50001 14.3478 11.2462 12.8441 13.7987C12.0635 15.1238 11.6669 16.4617 11.4676 17.477C11.3684 17.9818 11.3197 18.3983 11.2959 18.6815C11.284 18.8229 11.2784 18.9302 11.2757 18.9978C11.2744 19.0316 11.2738 19.0554 11.2735 19.0684L11.2734 19.0791ZM9.77338 19.0746C8.27338 19.0746 8.27338 19.0737 8.27338 19.0727L8.27338 19.0706L8.2734 19.0654L8.2735 19.0518L8.27408 19.0114C8.2747 18.9788 8.27586 18.9348 8.27801 18.8801C8.2823 18.7708 8.29056 18.6188 8.30645 18.43C8.33818 18.0529 8.40062 17.5261 8.52378 16.8989C8.76899 15.6502 9.2616 13.9695 10.2593 12.2759C12.3123 8.79109 16.3654 5.5 24 5.5V7C24 5.5 24.0007 5.5 24.0014 5.5L24.0032 5.5L24.0076 5.50001L24.0204 5.50008L24.0611 5.50051C24.0948 5.50098 24.1417 5.50187 24.2008 5.50356C24.3189 5.50695 24.4862 5.51354 24.6957 5.5264C25.1143 5.55209 25.704 5.60294 26.4084 5.70381C27.8095 5.90446 29.7036 6.30849 31.6184 7.13113C33.5332 7.95375 35.5255 9.21987 37.042 11.1745C38.575 13.1502 39.5527 15.7421 39.5527 19.0746V32.718C39.5527 33.343 39.6967 33.9633 39.9781 34.5361L41.8463 38.3386C42.0747 38.8035 42.0471 39.3534 41.7732 39.793C41.4994 40.2327 41.018 40.5 40.5 40.5H7.5C6.9896 40.5 6.51423 40.2405 6.23823 39.8111C5.96223 39.3818 5.92349 38.8416 6.1354 38.3772L7.89948 34.5118C8.14703 33.9694 8.27338 33.388 8.27338 32.8026V19.0746H9.77338Z\"\n            })\n        ]\n    }));\nexport const Pin = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M6.07834 20.4569C6.12495 20.2326 6.28087 20.0472 6.48934 19.9643C8.35619 19.2202 10.3357 18.8435 12.3712 18.8435C15.5423 18.8435 17.9921 19.7493 18.9387 20.1598L29.0246 11.5856C28.6738 8.49337 30.3424 6.37712 30.4186 6.28485C30.5381 6.13587 30.7169 6.0436 30.9084 6.03332C31.1008 6.03006 31.2889 6.09608 31.4245 6.23237L41.7663 16.5622C41.9019 16.6976 41.9748 16.8864 41.9646 17.0811C41.9511 17.2733 41.8587 17.451 41.7096 17.5704C40.23 18.7445 38.4258 18.9891 37.1717 18.9891C36.8937 18.9891 36.6547 18.9756 36.4734 18.9629L27.8467 29.0878C28.4357 30.5988 30.233 36.0444 28.0552 41.5068C27.9721 41.7184 27.7874 41.8742 27.562 41.9208C27.5188 41.9275 27.4722 41.9335 27.4264 41.9335C27.2476 41.9335 27.0756 41.864 26.9459 41.7354L17.0685 31.8686L7.86977 41.0573C7.73673 41.1894 7.5647 41.2563 7.38929 41.2563C7.21726 41.2563 7.04185 41.1894 6.90965 41.0573C6.64441 40.7932 6.64441 40.3666 6.90965 40.1016L16.1117 30.9095L6.26053 21.0723C6.10207 20.9098 6.03258 20.6787 6.07834 20.4569Z\",\n            strokeWidth: \"3\"\n        })\n    }), \"stroke\");\nexport const PinFill = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M6.07829 20.4569C6.1249 20.2326 6.28083 20.0472 6.48929 19.9643C8.35614 19.2202 10.3357 18.8435 12.3712 18.8435C15.5422 18.8435 17.9921 19.7493 18.9387 20.1598L29.0246 11.5856C28.6737 8.49337 30.3423 6.37712 30.4186 6.28485C30.5381 6.13587 30.7169 6.0436 30.9084 6.03332C31.1007 6.03006 31.2889 6.09608 31.4245 6.23237L41.7663 16.5622C41.9019 16.6976 41.9748 16.8864 41.9646 17.0811C41.951 17.2733 41.8587 17.451 41.7095 17.5704C40.2299 18.7445 38.4258 18.9891 37.1716 18.9891C36.8937 18.9891 36.6547 18.9756 36.4733 18.9629L27.8467 29.0878C28.4356 30.5988 30.233 36.0444 28.0551 41.5068C27.9721 41.7184 27.7874 41.8742 27.5619 41.9208C27.5187 41.9275 27.4721 41.9335 27.4264 41.9335C27.2475 41.9335 27.0755 41.864 26.9459 41.7354L17.0684 31.8686L7.86973 41.0573C7.73668 41.1894 7.56466 41.2563 7.38924 41.2563C7.21722 41.2563 7.0418 41.1894 6.90961 41.0573C6.64437 40.7932 6.64437 40.3666 6.90961 40.1016L16.1117 30.9095L6.26049 21.0723C6.10202 20.9098 6.03253 20.6787 6.07829 20.4569Z\",\n            strokeWidth: \"3\"\n        })\n    }), \"fill-stroke\");\nexport const Setting = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M23.0685 4C21.4001 4 19.9637 5.17756 19.6364 6.81349L19.3784 8.10358C19.3447 8.27196 19.1929 8.48242 18.8908 8.58256C18.138 8.83207 17.4103 9.13503 16.7115 9.48684C16.4286 9.62922 16.1731 9.58815 16.0301 9.49281L14.9332 8.7616C13.545 7.83623 11.6967 8.01929 10.517 9.19898L9.19919 10.5168C8.01951 11.6965 7.83645 13.5448 8.76181 14.933L9.49293 16.0298C9.58827 16.1728 9.62937 16.4284 9.48691 16.7113C9.13505 17.4102 8.83211 18.138 8.58259 18.8907C8.48251 19.1927 8.27213 19.3445 8.10376 19.3781L6.81349 19.6362C5.17755 19.9635 4 21.3999 4 23.0682V24.9318C4 26.6003 5.17772 28.0368 6.8138 28.3639L8.10371 28.6218C8.2721 28.6555 8.48243 28.8072 8.58249 29.109C8.83208 29.8619 9.13508 30.5898 9.487 31.2889C9.62942 31.5718 9.58833 31.8273 9.49299 31.9704L8.76181 33.0672C7.83645 34.4554 8.01951 36.3037 9.19919 37.4834L10.5169 38.8011C11.6967 39.9809 13.5452 40.1639 14.9333 39.2384L16.0299 38.5072C16.1729 38.4119 16.4286 38.3708 16.7116 38.5133C17.4104 38.8652 18.138 39.1681 18.8908 39.4176C19.1929 39.5178 19.3447 39.7283 19.3784 39.8966L19.6364 41.1865C19.9637 42.8225 21.4001 44 23.0684 44H24.9321C26.6005 44 28.037 42.8224 28.3642 41.1864L28.6221 39.8966C28.6558 39.7282 28.8076 39.5177 29.1097 39.4176C29.8624 39.1681 30.5899 38.8651 31.2887 38.5132C31.5717 38.3707 31.8273 38.4118 31.9704 38.5072L33.0674 39.2385C34.4556 40.164 36.304 39.9809 37.4837 38.8012L38.8014 37.4835C39.9811 36.3038 40.1642 34.4553 39.2387 33.0672L38.5076 31.9705C38.4122 31.8274 38.3711 31.5718 38.5136 31.2889C38.8655 30.5899 39.1685 29.8622 39.4181 29.1093C39.5182 28.8072 39.7287 28.6554 39.8971 28.6217L41.1865 28.3639C42.8225 28.0368 44.0002 26.6003 44.0002 24.9318V23.0682C44.0002 21.3999 42.8227 19.9635 41.1868 19.6362L39.8969 19.3782C39.7285 19.3445 39.5182 19.1927 39.4181 18.8908C39.1686 18.1381 38.8657 17.4103 38.5138 16.7115C38.3712 16.4283 38.4123 16.1726 38.5077 16.0296L39.2387 14.9331C40.1642 13.5449 39.9811 11.6965 38.8014 10.5167L37.4837 9.19901C36.304 8.0193 34.4556 7.83626 33.0674 8.76168L31.9704 9.49302C31.8273 9.58838 31.5717 9.62948 31.2887 9.48697C30.5899 9.1351 29.8624 8.83213 29.1097 8.58264C28.8076 8.48247 28.6558 8.27199 28.6221 8.10361L28.3642 6.81366C28.037 5.17765 26.6005 4 24.9321 4H23.0685ZM22.5782 7.40193C22.6249 7.16822 22.8301 7 23.0685 7H24.9321C25.1704 7 25.3757 7.16824 25.4224 7.40195L25.6804 8.6919C25.9535 10.0576 26.983 11.0382 28.1658 11.4302C28.7779 11.6332 29.3701 11.8797 29.9394 12.1664C31.0537 12.7275 32.4757 12.7616 33.6344 11.9892L34.7315 11.2579C34.9298 11.1257 35.1938 11.1518 35.3624 11.3203L36.6801 12.6381C36.8486 12.8066 36.8748 13.0706 36.7426 13.269L36.0115 14.3655C35.239 15.5243 35.2732 16.9463 35.8343 18.0606C36.1209 18.63 36.3675 19.2223 36.5704 19.8346C36.9624 21.0174 37.943 22.0467 39.3084 22.3199L40.5983 22.5779C40.832 22.6247 41.0002 22.8299 41.0002 23.0682V24.9318C41.0002 25.1702 40.832 25.3754 40.5983 25.4221L39.3089 25.6799C37.9431 25.953 36.9625 26.9826 36.5704 28.1655C36.3674 28.7778 36.1209 29.3702 35.8341 29.9397C35.273 31.054 35.239 32.4759 36.0114 33.6346L36.7426 34.7313C36.8748 34.9296 36.8486 35.1936 36.6801 35.3622L35.3624 36.6799C35.1938 36.8484 34.9298 36.8746 34.7315 36.7424L33.6344 36.011C32.4757 35.2386 31.0537 35.2727 29.9394 35.8338C29.3701 36.1205 28.7779 36.3671 28.1657 36.57C26.983 36.9621 25.9535 37.9426 25.6804 39.3083L25.4224 40.5981C25.3757 40.8318 25.1705 41 24.9321 41H23.0684C22.8301 41 22.6249 40.8318 22.5782 40.5981L22.3201 39.3082C22.0469 37.9426 21.0174 36.962 19.8347 36.57C19.2225 36.3671 18.6302 36.1205 18.0609 35.8338C16.9465 35.2727 15.5244 35.2386 14.3657 36.0112L13.2691 36.7423C13.0708 36.8745 12.8068 36.8484 12.6382 36.6798L11.3205 35.3621C11.152 35.1936 11.1258 34.9295 11.258 34.7312L11.9892 33.6344C12.7615 32.4759 12.7275 31.0542 12.1666 29.9399C11.8798 29.3703 11.6332 28.7776 11.4301 28.165C11.038 26.9822 10.0573 25.953 8.69188 25.68L7.40197 25.4221C7.16824 25.3754 7 25.1702 7 24.9318V23.0682C7 22.8299 7.16822 22.6247 7.40193 22.578L8.69219 22.3199C10.0576 22.0467 11.0382 21.0174 11.4302 19.8346C11.6332 19.2222 11.8798 18.6298 12.1665 18.0604C12.7274 16.9461 12.7615 15.5243 11.9892 14.3658L11.258 13.269C11.1258 13.0707 11.152 12.8066 11.3205 12.6381L12.6383 11.3203C12.8068 11.1518 13.0709 11.1256 13.2692 11.2578L14.3661 11.989C15.5246 12.7612 16.9462 12.7274 18.0604 12.1664C18.6299 11.8797 19.2223 11.6332 19.8346 11.4302C21.0174 11.0382 22.0469 10.0576 22.3201 8.69201L22.5782 7.40193ZM18.8873 23.9999C18.8873 21.1762 21.1763 18.8872 24 18.8872C26.8236 18.8872 29.1126 21.1762 29.1126 23.9999C29.1126 26.8235 26.8236 29.1125 24 29.1125C21.1763 29.1125 18.8873 26.8235 18.8873 23.9999ZM24 15.8872C19.5195 15.8872 15.8873 19.5194 15.8873 23.9999C15.8873 28.4804 19.5195 32.1125 24 32.1125C28.4805 32.1125 32.1126 28.4804 32.1126 23.9999C32.1126 19.5194 28.4805 15.8872 24 15.8872Z\"\n        })\n    }));\nexport const Settings1_5 = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        xmlns: \"http://www.w3.org/2000/svg\",\n        viewBox: \"0 0 24 24\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M10.2617 3.75C10.1685 3.75 10.0929 3.82559 10.0929 3.91884V5.82566L9.62812 6.01677C9.07907 6.24254 8.56757 6.54469 8.10652 6.91075L7.70399 7.23035L6.08102 6.27827C5.9998 6.23062 5.8953 6.25862 5.84878 6.34049L4.09946 9.41911C4.05384 9.49939 4.08118 9.60143 4.16083 9.64816L5.79233 10.6052L5.7245 11.1008C5.68432 11.3943 5.6635 11.6945 5.6635 12C5.6635 12.3052 5.68427 12.605 5.72435 12.8982L5.79209 13.3936L4.16169 14.3501C4.08205 14.3968 4.05471 14.4988 4.10033 14.5791L5.84965 17.6578C5.89617 17.7396 6.00066 17.7676 6.08188 17.72L7.70316 16.7689L8.1057 17.0886C8.56697 17.455 9.07875 17.7573 9.62812 17.9832L10.0929 18.1743V20.0812C10.0929 20.1744 10.1685 20.25 10.2617 20.25H13.7386C13.8319 20.25 13.9075 20.1744 13.9075 20.0812V18.174L14.3721 17.9828C14.9216 17.7568 15.4334 17.4542 15.8947 17.0877L16.2973 16.7678L17.9174 17.7182C17.9987 17.7659 18.1032 17.7379 18.1497 17.656L19.899 14.5774C19.9446 14.4971 19.9173 14.3951 19.8376 14.3483L18.2074 13.392L18.2751 12.8967C18.315 12.604 18.3357 12.3046 18.3357 12C18.3357 11.695 18.3149 11.3953 18.2749 11.1023L18.2072 10.6069L19.8385 9.64992C19.9181 9.60319 19.9455 9.50115 19.8999 9.42087L18.1505 6.34225C18.104 6.26038 17.9995 6.23238 17.9183 6.28003L16.2964 7.23148L15.8939 6.9117C15.4328 6.54544 14.9212 6.24312 14.3721 6.0172L13.9075 5.82604V3.91885C13.9075 3.82559 13.8319 3.75 13.7386 3.75H10.2617ZM8.5929 3.91884C8.5929 2.99717 9.34007 2.25 10.2617 2.25H13.7386C14.6603 2.25 15.4075 2.99717 15.4075 3.91885V4.83932C15.7565 5.01056 16.0909 5.20718 16.4084 5.42675L17.1593 4.98622C17.9621 4.5153 18.9949 4.79202 19.4547 5.6012L21.204 8.67982C21.6549 9.47335 21.3847 10.4819 20.5975 10.9437L19.8139 11.4034C19.8284 11.6005 19.8357 11.7994 19.8357 12C19.8357 12.2002 19.8284 12.3987 19.814 12.5954L20.5966 13.0545C21.3839 13.5163 21.6541 14.5249 21.2032 15.3184L19.4538 18.397C18.9941 19.2062 17.9612 19.4829 17.1585 19.012L16.4093 18.5726C16.0916 18.7924 15.7568 18.9893 15.4075 19.1607V20.0812C15.4075 21.0028 14.6603 21.75 13.7386 21.75H10.2617C9.34006 21.75 8.5929 21.0028 8.5929 20.0812V19.1613C8.24365 18.99 7.90901 18.7933 7.59129 18.5736L6.84087 19.0138C6.03811 19.4847 5.00527 19.208 4.54548 18.3988L2.79616 15.3202C2.34526 14.5267 2.61547 13.5181 3.40271 13.0563L4.18531 12.5972C4.17085 12.3999 4.1635 12.2008 4.1635 12C4.1635 11.7988 4.17088 11.5993 4.1854 11.4016L3.40184 10.942C2.61461 10.4802 2.3444 9.47159 2.79529 8.67806L4.54462 5.59944C5.00441 4.79026 6.03725 4.51354 6.84 4.98446L7.59226 5.42576C7.9097 5.20634 8.24401 5.00986 8.5929 4.83875V3.91884Z\",\n                fill: \"currentColor\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M11.9997 14.5C13.3804 14.5 14.4997 13.3807 14.4997 12C14.4997 10.6193 13.3804 9.5 11.9997 9.5C10.619 9.5 9.49966 10.6193 9.49966 12C9.49966 13.3807 10.619 14.5 11.9997 14.5ZM11.9997 16C14.2088 16 15.9997 14.2091 15.9997 12C15.9997 9.79086 14.2088 8 11.9997 8C9.79053 8 7.99966 9.79086 7.99966 12C7.99966 14.2091 9.79053 16 11.9997 16Z\",\n                fill: \"currentColor\"\n            })\n        ]\n    }));\nexport const Triangle = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 16 16\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            d: \"M10 8L6 12L6 4L10 8Z\"\n        })\n    }), \"fill-stroke\");\nexport const User = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 24 24\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M12 3.75C9.92893 3.75 8.25 5.42893 8.25 7.5C8.25 9.57107 9.92893 11.25 12 11.25C14.0711 11.25 15.75 9.57107 15.75 7.5C15.75 5.42893 14.0711 3.75 12 3.75ZM15.0853 11.7482C16.3972 10.7938 17.25 9.2465 17.25 7.5C17.25 4.6005 14.8995 2.25 12 2.25C9.1005 2.25 6.75 4.6005 6.75 7.5C6.75 9.2465 7.60281 10.7938 8.91473 11.7482C5.04205 13.0391 2.25 16.6935 2.25 21C2.25 21.4142 2.58579 21.75 3 21.75C3.41421 21.75 3.75 21.4142 3.75 21C3.75 16.4437 7.44365 12.75 12 12.75C16.5563 12.75 20.25 16.4437 20.25 21C20.25 21.4142 20.5858 21.75 21 21.75C21.4142 21.75 21.75 21.4142 21.75 21C21.75 16.6935 18.9579 13.0391 15.0853 11.7482Z\"\n        })\n    }), \"fill\");\nexport const UCILogo = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        viewBox: \"0 0 30 22\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M12.2824 10.7782C12.2824 8.56475 13.1967 6.56559 14.6675 5.1352V3.25781H10.4801V12.1469C10.4801 13.7622 9.02783 15.094 7.32267 15.094C5.61752 15.094 4.18833 13.7622 4.18833 12.1469V3.25781H0.000976562V12.3257H0.00560177C0.0934806 16.0204 3.53926 18.9921 7.46297 18.9921C10.1995 18.9921 12.5784 17.5463 13.7964 15.4177C12.8452 14.1168 12.2824 12.5122 12.2824 10.7782Z\",\n                fill: \"#231F20\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M25.1716 11.5962V14.6959H20.81C18.536 14.6959 16.692 12.9511 16.692 10.7978C16.692 8.64449 18.536 6.89966 20.81 6.89966H21.9571V3H20.3999V3.00925C16.043 3.21271 12.5771 6.62067 12.5771 10.7962C12.5771 14.9718 16.043 18.3798 20.3999 18.5832V18.594H29.3358V11.5962H25.1716Z\",\n                fill: \"#231F20\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M29.3371 3.25586H25.1729V7.37286H29.3371V3.25586Z\",\n                fill: \"#FCAF17\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M29.3371 10.5635H25.1729V11.6131H29.3371V10.5635Z\",\n                fill: \"#925B37\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M29.3371 9.54395H25.1729V10.5936H29.3371V9.54395Z\",\n                fill: \"#ED1C2A\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M29.3371 8.49805H25.1729V9.54772H29.3371V8.49805Z\",\n                fill: \"#718D46\"\n            })\n        ]\n    }), \"fixed\");\nexport const UCILogo_w = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        width: \"157\",\n        height: \"84\",\n        viewBox: \"0 0 157 84\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M64.1958 40.666C64.1958 29.1705 68.9441 18.7877 76.583 11.3588V1.6084H54.8354V47.7747C54.8354 56.1642 47.2925 63.0807 38.4365 63.0807C29.5805 63.0807 22.1578 56.1642 22.1578 47.7747V1.6084H0.410156V48.7033H0.434178C0.890591 67.8918 18.7868 83.3259 39.1652 83.3259C53.378 83.3259 65.7332 75.817 72.0589 64.7618C67.1185 58.0054 64.1958 49.6719 64.1958 40.666Z\",\n                fill: \"white\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M131.142 44.9177V61.0162H108.489C96.6785 61.0162 87.1018 51.9543 87.1018 40.771C87.1018 29.5876 96.6785 20.5257 108.489 20.5257H114.447V0.272461H106.359V0.320492C83.7308 1.37718 65.7305 19.0768 65.7305 40.763C65.7305 62.4492 83.7308 80.1487 106.359 81.2054V81.2615H152.769V44.9177H131.142Z\",\n                fill: \"white\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M152.776 1.604H131.148V22.986H152.776V1.604Z\",\n                fill: \"#FCAF17\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M152.778 39.5532H131.15V45.0048H152.778V39.5532Z\",\n                fill: \"#925B37\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M152.778 34.2603H131.15V39.7118H152.778V34.2603Z\",\n                fill: \"#ED1C2A\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M152.776 28.8251H131.148V34.2766H152.776V28.8251Z\",\n                fill: \"#718D46\"\n            })\n        ]\n    }), \"fixed\");\nexport const OutLink = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 24 24\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            d: \"M13.834 4c1.703 1.703 4.419 1.747 6.067.1-1.648 1.647-1.604 4.364.099 6.066m-.87-5.296L12 12M11 6H4v14h14v-7\",\n            // stroke=\"#fff\"\n            strokeWidth: \"2\"\n        })\n    }), \"stroke\");\nexport const TriangleWarning = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        viewBox: \"0 0 32 32\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M15.9993 5.53955L29.3326 28.6335H2.66602L15.9993 5.53955Z\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M17.1551 14H14.8457V21.3131H17.1551V14Z\",\n                fill: \"white\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M16.0005 25.5544C16.8508 25.5544 17.5401 24.8651 17.5401 24.0148C17.5401 23.1645 16.8508 22.4752 16.0005 22.4752C15.1502 22.4752 14.4609 23.1645 14.4609 24.0148C14.4609 24.8651 15.1502 25.5544 16.0005 25.5544Z\",\n                fill: \"white\"\n            })\n        ]\n    }), \"fill-stroke\");\nexport const Reset = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 16 16\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M6.54 3.568a4.667 4.667 0 0 1 5.29 1.765H10v1.334h4v-4h-1.333v1.562A6 6 0 1 0 14 8h-1.333a4.667 4.667 0 1 1-6.128-4.432z\"\n        })\n    }), \"fill\");\nexport const Reset24_2 = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        xmlns: \"http://www.w3.org/2000/svg\",\n        viewBox: \"0 0 16 16\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M6.53935 3.56782C7.63356 3.20721 8.82248 3.26411 9.87726 3.72756C10.6684 4.07519 11.3422 4.63312 11.8297 5.33334H10V6.66667H13.3333H14V6V2.66667H12.6667V4.22875C12.0686 3.48866 11.2982 2.89553 10.4136 2.50687C9.05748 1.911 7.52886 1.83785 6.12202 2.30148C4.71518 2.76512 3.52957 3.73277 2.79342 5.01816C2.05727 6.30356 1.82262 7.81583 2.13464 9.26386C2.44665 10.7119 3.28329 11.9933 4.48348 12.8615C5.68367 13.7296 7.16258 14.1231 8.63552 13.9663C10.1085 13.8094 11.4713 13.1132 12.4617 12.0117C13.4521 10.9102 14 9.48127 14 8H12.6667C12.6667 9.1521 12.2405 10.2635 11.4702 11.1202C10.6999 11.9769 9.63991 12.5184 8.49429 12.6404C7.34868 12.7624 6.19841 12.4564 5.26493 11.7812C4.33145 11.1059 3.68073 10.1093 3.43805 8.983C3.19537 7.85676 3.37788 6.68054 3.95044 5.68079C4.523 4.68104 5.44514 3.92842 6.53935 3.56782Z\",\n            fill: \"currentColor\"\n        })\n    }), \"fill\");\nexport const EditLabel = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        viewBox: \"0 0 70 21\",\n        width: 70,\n        height: 21,\n        children: [\n            /*#__PURE__*/ _jsxs(\"mask\", {\n                id: \"path-1-outside-1_2112_18707\",\n                maskUnits: \"userSpaceOnUse\",\n                x: \"22.0391\",\n                y: \"3.22949\",\n                width: \"49\",\n                height: \"15\",\n                fill: \"black\",\n                children: [\n                    /*#__PURE__*/ _jsx(\"rect\", {\n                        fill: \"white\",\n                        x: \"22.0391\",\n                        y: \"3.22949\",\n                        width: \"49\",\n                        height: \"15\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"path\", {\n                        d: \"M23.0391 11.4162V10.0834H24.202V6.26789H23.1175V4.93509H29.8468V6.07189H31.2319V4.22949H32.8652V12.9188H31.2319V9.56069H29.7292V8.22789H31.2319V7.40469H29.7292V6.26789H28.6839V9.96576C29.1673 9.93963 29.6508 9.91349 30.1735 9.87429L30.278 11.1679C28.2396 11.3508 25.2735 11.4162 23.0391 11.4162ZM26.7892 12.3047V14.8396H33.0612V16.2508H25.1297V12.3047H26.7892ZM25.7831 10.0703L27.1028 10.0311V6.26789H25.7831V10.0703Z\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"path\", {\n                        d: \"M43.1376 11.0634H44.771V16.3946H37.0355V11.0634H38.6688V12.4223H43.1376V11.0634ZM44.771 4.22949V10.5146H43.1246V4.22949H44.771ZM38.6688 15.0356H43.1376V13.7812H38.6688V15.0356ZM35.4022 6.29403V4.89589H41.7003V6.29403H39.4267V6.85589C39.4267 7.45696 39.5835 7.77056 40.3544 8.29323C40.851 8.63296 41.5435 9.06416 42.1446 9.41696L41.3083 10.606C40.7464 10.2663 40.1846 9.91349 39.6488 9.56069C39.1131 9.20789 38.7864 8.94656 38.708 8.80283H38.695C38.6296 8.95963 38.303 9.24709 37.728 9.66523C37.1923 10.0572 36.6043 10.4623 35.7942 10.985L34.8926 9.74363C35.7288 9.22096 36.4475 8.72443 37.0486 8.25403C37.6104 7.80976 37.7803 7.45696 37.7803 6.85589V6.29403H35.4022Z\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"path\", {\n                        d: \"M56.2063 4.22949V8.65909H57.8789V10.0964H56.2063V16.3815H54.5469V4.22949H56.2063ZM47.713 13.8727L46.8375 12.566C50.7706 10.2271 50.9927 9.56069 50.9927 7.62683V6.75136H47.0597V5.32709H52.6522V7.70523C52.6522 10.3447 52.0511 11.2202 47.713 13.8727Z\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"path\", {\n                        d: \"M58.4559 9.84816H69.5887V11.194H58.4559V9.84816ZM64.0223 16.7474C61.9055 16.7474 60.1023 16.0287 60.1023 14.4999V14.1079C60.1023 12.5791 61.9055 11.8604 64.0223 11.8604C66.1391 11.8604 67.9423 12.5791 67.9423 14.1079V14.4999C67.9423 16.0287 66.1391 16.7474 64.0223 16.7474ZM64.0223 13.1932C62.8593 13.1932 61.7356 13.5852 61.7356 14.2124V14.3954C61.7356 15.0226 62.8593 15.4146 64.0223 15.4146C65.1852 15.4146 66.3089 15.0226 66.3089 14.3954V14.2124C66.3089 13.5852 65.1852 13.1932 64.0223 13.1932ZM60.0239 4.60843H61.6703V7.49616H67.9945V8.84203H60.0239V4.60843Z\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M23.0391 11.4162V10.0834H24.202V6.26789H23.1175V4.93509H29.8468V6.07189H31.2319V4.22949H32.8652V12.9188H31.2319V9.56069H29.7292V8.22789H31.2319V7.40469H29.7292V6.26789H28.6839V9.96576C29.1673 9.93963 29.6508 9.91349 30.1735 9.87429L30.278 11.1679C28.2396 11.3508 25.2735 11.4162 23.0391 11.4162ZM26.7892 12.3047V14.8396H33.0612V16.2508H25.1297V12.3047H26.7892ZM25.7831 10.0703L27.1028 10.0311V6.26789H25.7831V10.0703Z\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M43.1376 11.0634H44.771V16.3946H37.0355V11.0634H38.6688V12.4223H43.1376V11.0634ZM44.771 4.22949V10.5146H43.1246V4.22949H44.771ZM38.6688 15.0356H43.1376V13.7812H38.6688V15.0356ZM35.4022 6.29403V4.89589H41.7003V6.29403H39.4267V6.85589C39.4267 7.45696 39.5835 7.77056 40.3544 8.29323C40.851 8.63296 41.5435 9.06416 42.1446 9.41696L41.3083 10.606C40.7464 10.2663 40.1846 9.91349 39.6488 9.56069C39.1131 9.20789 38.7864 8.94656 38.708 8.80283H38.695C38.6296 8.95963 38.303 9.24709 37.728 9.66523C37.1923 10.0572 36.6043 10.4623 35.7942 10.985L34.8926 9.74363C35.7288 9.22096 36.4475 8.72443 37.0486 8.25403C37.6104 7.80976 37.7803 7.45696 37.7803 6.85589V6.29403H35.4022Z\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M56.2063 4.22949V8.65909H57.8789V10.0964H56.2063V16.3815H54.5469V4.22949H56.2063ZM47.713 13.8727L46.8375 12.566C50.7706 10.2271 50.9927 9.56069 50.9927 7.62683V6.75136H47.0597V5.32709H52.6522V7.70523C52.6522 10.3447 52.0511 11.2202 47.713 13.8727Z\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M58.4559 9.84816H69.5887V11.194H58.4559V9.84816ZM64.0223 16.7474C61.9055 16.7474 60.1023 16.0287 60.1023 14.4999V14.1079C60.1023 12.5791 61.9055 11.8604 64.0223 11.8604C66.1391 11.8604 67.9423 12.5791 67.9423 14.1079V14.4999C67.9423 16.0287 66.1391 16.7474 64.0223 16.7474ZM64.0223 13.1932C62.8593 13.1932 61.7356 13.5852 61.7356 14.2124V14.3954C61.7356 15.0226 62.8593 15.4146 64.0223 15.4146C65.1852 15.4146 66.3089 15.0226 66.3089 14.3954V14.2124C66.3089 13.5852 65.1852 13.1932 64.0223 13.1932ZM60.0239 4.60843H61.6703V7.49616H67.9945V8.84203H60.0239V4.60843Z\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M23.0391 11.4162V10.0834H24.202V6.26789H23.1175V4.93509H29.8468V6.07189H31.2319V4.22949H32.8652V12.9188H31.2319V9.56069H29.7292V8.22789H31.2319V7.40469H29.7292V6.26789H28.6839V9.96576C29.1673 9.93963 29.6508 9.91349 30.1735 9.87429L30.278 11.1679C28.2396 11.3508 25.2735 11.4162 23.0391 11.4162ZM26.7892 12.3047V14.8396H33.0612V16.2508H25.1297V12.3047H26.7892ZM25.7831 10.0703L27.1028 10.0311V6.26789H25.7831V10.0703Z\",\n                stroke: \"white\",\n                strokeWidth: \"1.86667\",\n                mask: \"url(#path-1-outside-1_2112_18707)\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M43.1376 11.0634H44.771V16.3946H37.0355V11.0634H38.6688V12.4223H43.1376V11.0634ZM44.771 4.22949V10.5146H43.1246V4.22949H44.771ZM38.6688 15.0356H43.1376V13.7812H38.6688V15.0356ZM35.4022 6.29403V4.89589H41.7003V6.29403H39.4267V6.85589C39.4267 7.45696 39.5835 7.77056 40.3544 8.29323C40.851 8.63296 41.5435 9.06416 42.1446 9.41696L41.3083 10.606C40.7464 10.2663 40.1846 9.91349 39.6488 9.56069C39.1131 9.20789 38.7864 8.94656 38.708 8.80283H38.695C38.6296 8.95963 38.303 9.24709 37.728 9.66523C37.1923 10.0572 36.6043 10.4623 35.7942 10.985L34.8926 9.74363C35.7288 9.22096 36.4475 8.72443 37.0486 8.25403C37.6104 7.80976 37.7803 7.45696 37.7803 6.85589V6.29403H35.4022Z\",\n                stroke: \"white\",\n                strokeWidth: \"1.86667\",\n                mask: \"url(#path-1-outside-1_2112_18707)\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M56.2063 4.22949V8.65909H57.8789V10.0964H56.2063V16.3815H54.5469V4.22949H56.2063ZM47.713 13.8727L46.8375 12.566C50.7706 10.2271 50.9927 9.56069 50.9927 7.62683V6.75136H47.0597V5.32709H52.6522V7.70523C52.6522 10.3447 52.0511 11.2202 47.713 13.8727Z\",\n                stroke: \"white\",\n                strokeWidth: \"1.86667\",\n                mask: \"url(#path-1-outside-1_2112_18707)\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M58.4559 9.84816H69.5887V11.194H58.4559V9.84816ZM64.0223 16.7474C61.9055 16.7474 60.1023 16.0287 60.1023 14.4999V14.1079C60.1023 12.5791 61.9055 11.8604 64.0223 11.8604C66.1391 11.8604 67.9423 12.5791 67.9423 14.1079V14.4999C67.9423 16.0287 66.1391 16.7474 64.0223 16.7474ZM64.0223 13.1932C62.8593 13.1932 61.7356 13.5852 61.7356 14.2124V14.3954C61.7356 15.0226 62.8593 15.4146 64.0223 15.4146C65.1852 15.4146 66.3089 15.0226 66.3089 14.3954V14.2124C66.3089 13.5852 65.1852 13.1932 64.0223 13.1932ZM60.0239 4.60843H61.6703V7.49616H67.9945V8.84203H60.0239V4.60843Z\",\n                stroke: \"white\",\n                strokeWidth: \"1.86667\",\n                mask: \"url(#path-1-outside-1_2112_18707)\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M14.3002 8.61056L13.287 7.59246L16.6433 4.21998L17.6565 5.23808C18.123 5.70684 18.123 6.46618 17.6565 6.93493L15.9889 8.61056C15.5224 9.07932 14.7667 9.07932 14.3002 8.61056Z\",\n                fill: \"#FF7B7B\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M3.4842 17.4467C-0.124943 13.8202 -0.124943 7.84792 3.4842 4.22137C7.09335 0.594828 13.037 0.594828 16.6461 4.22137L13.2907 7.59295C11.5205 5.81718 8.60985 5.81718 6.84259 7.59295C5.07533 9.36873 5.07235 12.2964 6.84259 14.0721C8.61284 15.8509 11.5234 15.8509 13.2907 14.0721L16.6461 17.4437C13.037 21.0703 7.09335 21.0703 3.4842 17.4437V17.4467Z\",\n                fill: \"#FCF1C3\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M17.8744 12.8389L15.5817 13.4568L13.2891 14.0717L14.9697 15.7605L16.6475 17.4463L17.2624 15.1426L17.8744 12.8389Z\",\n                fill: \"#FFF3E1\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M17.8758 12.8389L17.225 13.0128L16.207 13.2888L17.428 14.5157L17.8758 12.8389Z\",\n                fill: \"#FF7B7B\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M10.0377 3.95117C6.25241 3.95117 3.18359 7.03479 3.18359 10.8383C3.18359 14.6418 6.25241 17.7255 10.0377 17.7255C11.9393 17.7255 13.6588 16.9485 14.9006 15.6917L13.2886 14.0719C11.5184 15.8507 8.60776 15.8507 6.84051 14.0719C5.07325 12.2931 5.07026 9.3685 6.84051 7.59272C8.60776 5.81394 11.5214 5.81394 13.2886 7.59272L14.8947 5.97892C13.6528 4.72508 11.9363 3.95117 10.0377 3.95117Z\",\n                fill: \"#FFBC00\"\n            }),\n            /*#__PURE__*/ _jsx(\"mask\", {\n                id: \"mask0_2112_18707\",\n                maskUnits: \"userSpaceOnUse\",\n                x: \"13\",\n                y: \"12\",\n                width: \"5\",\n                height: \"6\",\n                children: /*#__PURE__*/ _jsx(\"path\", {\n                    d: \"M17.8744 12.8389L15.5817 13.4568L13.2891 14.0717L14.9697 15.7605L16.6475 17.4463L17.2624 15.1426L17.8744 12.8389Z\",\n                    fill: \"#FFF3E1\"\n                })\n            }),\n            /*#__PURE__*/ _jsx(\"g\", {\n                mask: \"url(#mask0_2112_18707)\",\n                children: /*#__PURE__*/ _jsx(\"path\", {\n                    d: \"M18.6658 12.3892L17.4525 12.712L15.5547 13.224L17.831 15.5003L18.6658 12.3892Z\",\n                    fill: \"#FF7B7B\"\n                })\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M10.0359 17.7282C6.2506 17.7282 3.18178 14.6446 3.18178 10.8411C3.18178 7.03753 6.2506 3.95092 10.0359 3.95092C11.9345 3.95092 13.651 4.72782 14.8928 5.97867L16.6422 4.22089C13.033 0.59434 7.08945 0.59434 3.4803 4.22089C-0.128849 7.84743 -0.128849 13.8197 3.4803 17.4462C7.08945 21.0728 13.033 21.0728 16.6422 17.4462L14.8988 15.6945C13.657 16.9513 11.9375 17.7282 10.0359 17.7282Z\",\n                fill: \"#FFD629\"\n            })\n        ]\n    }), \"fill\");\nexport const Cart = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 32 32\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M2.27856 4.66675C2.27856 4.08385 2.75109 3.61133 3.33398 3.61133H5.09814C6.25351 3.61133 7.24731 4.41586 7.50013 5.53813L8.02351 7.86139H27.2569C28.8289 7.86139 29.9929 9.31541 29.6685 10.8475L28.1629 17.9812C27.9216 19.1207 26.916 19.9399 25.7511 19.9399H10.7446L10.9019 20.6385C11.0852 21.4521 11.8006 22.0217 12.6171 22.0217H23.7381C23.7859 22.0217 23.833 22.0249 23.8792 22.0311C25.5684 22.1053 26.9044 23.5057 26.9044 25.2084C26.9044 26.9582 25.4934 28.3888 23.7381 28.3888C21.9828 28.3888 20.5719 26.9582 20.5719 25.2084C20.5719 24.8313 20.6374 24.4689 20.7578 24.1326H15.4606C15.581 24.4689 15.6465 24.8313 15.6465 25.2084C15.6465 26.9582 14.2356 28.3888 12.4803 28.3888C10.725 28.3888 9.31402 26.9582 9.31402 25.2084C9.31402 24.43 9.5932 23.7149 10.0577 23.1606C9.4629 22.6337 9.02742 21.9224 8.84271 21.1024L5.44091 6.00203C5.40299 5.83372 5.25732 5.72216 5.09814 5.72216H3.33398C2.75109 5.72216 2.27856 5.24964 2.27856 4.66675ZM10.269 17.8291H25.7511C25.9142 17.8291 26.0617 17.7131 26.0976 17.5453M26.0976 17.5453L27.6033 10.4109C27.6522 10.18 27.4754 9.97222 27.2569 9.97222H8.49904L10.2396 17.6986L10.269 17.8291M12.4803 24.1388C11.904 24.1388 11.4249 24.611 11.4249 25.2084C11.4249 25.8058 11.904 26.278 12.4803 26.278C13.0565 26.278 13.5357 25.8058 13.5357 25.2084C13.5357 24.611 13.0565 24.1388 12.4803 24.1388ZM23.7381 24.1388C23.1619 24.1388 22.6827 24.611 22.6827 25.2084C22.6827 25.8058 23.1619 26.278 23.7381 26.278C24.3144 26.278 24.7935 25.8058 24.7935 25.2084C24.7935 24.611 24.3144 24.1388 23.7381 24.1388Z\"\n        })\n    }), \"fill\");\nexport const Library = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 32 32\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M3.06519 5.33333C3.06519 4.04467 4.10985 3 5.39852 3H8.73185C9.2276 3 9.68724 3.1546 10.0652 3.41823C10.4431 3.1546 10.9028 3 11.3985 3H14.7319C16.0205 3 17.0652 4.04467 17.0652 5.33333V12.9257C17.2081 12.8112 17.3668 12.7118 17.5401 12.6309L19.9557 11.5045C21.1236 10.9599 22.5119 11.4652 23.0565 12.6331L28.4081 24.1096C28.9527 25.2775 28.4474 26.6658 27.2795 27.2104L24.8639 28.3368C23.6959 28.8814 22.3077 28.3761 21.763 27.2082L17.0652 17.1336V26.6607C17.0652 27.9493 16.0205 28.994 14.7319 28.994H11.3985C10.9028 28.994 10.4431 28.8394 10.0652 28.5758C9.68725 28.8394 9.22761 28.994 8.73185 28.994H5.39852C4.10985 28.994 3.06519 27.9493 3.06519 26.6607V5.33333ZM11.0652 26.6607C11.0652 26.8448 11.2144 26.994 11.3985 26.994H14.7319C14.9159 26.994 15.0652 26.8448 15.0652 26.6607V5.33333C15.0652 5.14924 14.9159 5 14.7319 5H11.3985C11.2144 5 11.0652 5.14924 11.0652 5.33333V26.6607ZM9.06519 5.33333C9.06519 5.14924 8.91595 5 8.73185 5H5.39852C5.21443 5 5.06519 5.14924 5.06519 5.33333V26.6607C5.06519 26.8448 5.21442 26.994 5.39852 26.994H8.73185C8.91595 26.994 9.06519 26.8448 9.06519 26.6607V5.33333ZM21.2439 13.4784C21.1661 13.3115 20.9678 13.2393 20.801 13.3171L18.3853 14.4435C18.2185 14.5214 18.1463 14.7197 18.2241 14.8865L23.5757 26.363C23.6535 26.5298 23.8518 26.602 24.0186 26.5242L26.4342 25.3978C26.6011 25.32 26.6733 25.1216 26.5955 24.9548L21.2439 13.4784Z\"\n        })\n    }), \"fill\");\nexport const Studio = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 24 24\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M2.06006 3.59009C2.06006 2.62359 2.84356 1.84009 3.81006 1.84009H14.8101C15.7755 1.84009 16.5601 2.62138 16.5601 3.58897V3.59519V3.60143V3.60769V3.61395V3.62024V3.62653V3.63284V3.63917V3.64551V3.65186V3.65823V3.66461V3.671V3.67741V3.68383V3.69027V3.69672V3.70318V3.70966V3.71615V3.72265V3.72917V3.7357V3.74225V3.74881V3.75538V3.76196V3.76856V3.77517V3.78179V3.78843V3.79508V3.80174V3.80841V3.8151V3.8218V3.82852V3.83524V3.84198V3.84873V3.8555V3.86227V3.86906V3.87586V3.88268V3.8895V3.89634V3.90319V3.91005V3.91693V3.92382V3.93071V3.93763V3.94455V3.95148V3.95843V3.96539V3.97236V3.97934V3.98633V3.99334V4.00035V4.00738V4.01442V4.02147V4.02853V4.0356V4.04269V4.04978V4.05689V4.06401V4.07114V4.07828V4.08543V4.09259V4.09976V4.10694V4.11414V4.12134V4.12856V4.13578V4.14302V4.15027V4.15752V4.16479V4.17207V4.17936V4.18666V4.19397V4.20129V4.20862V4.21596V4.2233V4.23066V4.23803V4.24541V4.2528V4.2602V4.26761V4.27503V4.28246V4.28989V4.29734V4.3048V4.31226V4.31974V4.32722V4.33472V4.34222V4.34973V4.35726V4.36479V4.37233V4.37988V4.38743V4.395V4.40258V4.41016V4.41775V4.42536V4.43297V4.44059V4.44822V4.45585V4.4635V4.47115V4.47881V4.48648V4.49416V4.50185V4.50954V4.51725V4.52496V4.53268V4.5404V4.54814V4.55588V4.56363V4.57139V4.57916V4.58693V4.59471V4.6025V4.6103V4.61811V4.62592V4.63374V4.64156V4.6494V4.65724V4.66509V4.67294V4.68081V4.68868V4.69656V4.70444V4.71233V4.72023V4.72813V4.73605V4.74396V4.75189V4.75982V4.76776V4.7757V4.78366V4.79161V4.79958V4.80755V4.81553V4.82351V4.8315V4.83949V4.8475V4.8555V4.86352V4.87154V4.87956V4.8876V4.89563V4.90368V4.91173V4.91978V4.92784V4.93591V4.94398V4.95206V4.96014V4.96823V4.97632V4.98442V4.99252V5.00063V5.00875V5.01687V5.02499V5.03312V5.04125V5.04939V5.05754V5.06569V5.07384V5.082V5.09016V5.09833V5.1065V5.11468V5.12286V5.13105V5.13924V5.14743V5.15563V5.16383V5.17204V5.18025V5.18847V5.19669V5.20491V5.21314V5.22137V5.22961V5.23785V5.24609V5.25434V5.26259V5.27084V5.2791V5.28736V5.29562V5.30389V5.31216V5.32044V5.32872V5.337V5.34528V5.35357V5.36186V5.37015V5.37845V5.38675V5.39505V5.40336V5.41167V5.41998V5.42829V5.43661V5.44493V5.45325V5.46157V5.4699V5.47823V5.48656V5.49489V5.50323V5.51156V5.5199V5.52825V5.53659V5.54494V5.55329V5.56164V5.56999V5.57834V5.5867V5.59506V5.60342V5.61178V5.62014V5.6285V5.63687V5.64524V5.6536V5.66197V5.67034V5.67872V5.68709V5.69546V5.70384V5.71222V5.7206V5.72897V5.73735V5.74573V5.75412V5.7625V5.77088V5.77926V5.78765V5.79603V5.80442V5.8128V5.82119V5.82958V5.83797V5.84635V5.85474V5.86313V5.87152V5.8799V5.88829V5.89668V5.90507V5.91346V5.92184V5.93023V5.93862V5.94701V5.95539V5.96378V5.97216V5.98055V5.98893V5.99732V6.0057V6.01409V6.02247V6.03085V6.03923V6.04761V6.05599V6.06437V6.07274V6.08112V6.08949V6.09787V6.10624V6.11461V6.12298V6.13135V6.13972V6.14808V6.15645V6.16481V6.17317V6.18153V6.18989V6.19825V6.2066V6.21495V6.2233V6.23165V6.24V6.24834V6.25669V6.26503V6.27336V6.2817V6.29003V6.29837V6.30669V6.31502V6.32335V6.33167V6.33999V6.3483V6.35662V6.36493V6.37324V6.38154V6.38985V6.39815V6.40644V6.41474V6.42303V6.43132V6.4396V6.44788V6.45616V6.46444V6.47271V6.48098V6.48924V6.4975V6.50576V6.51402V6.52227V6.53051V6.53876V6.547V6.55523V6.56347V6.57169V6.57992V6.58814V6.59636V6.60457V6.61278V6.62098V6.62918V6.63737V6.64557V6.65375V6.66193V6.67011V6.67829V6.68645V6.69462V6.70278V6.71093V6.71908V6.72723V6.73537V6.7435V6.75163V6.75976V6.76788V6.77599V6.7841V6.79221V6.80031V6.8084V6.81649V6.82457V6.83265V6.84072V6.84879V6.85685V6.86491V6.87296V6.881V6.88904V6.89707V6.9051V6.91312V6.92113V6.92914V6.93715V6.94514V6.95313V6.96112V6.9691V6.97707V6.98503V6.99299V7.00094V7.00889V7.01683V7.02476V7.03269V7.04061V7.04852V7.05643V7.06433V7.07222V7.0801V7.08798V7.09585V7.10372V7.11158V7.11942V7.12727V7.1351V7.14293V7.15075V7.15857V7.16637V7.17417V7.18196V7.18974V7.19752V7.20529V7.21305V7.2208V7.22854V7.23628V7.24401V7.25173V7.25944V7.26714V7.27484V7.28253V7.29021V7.29788V7.30554V7.3132V7.32084V7.32848V7.33611V7.34373V7.35134V7.35895V7.36654V7.37413V7.3817V7.38927V7.39683V7.40438V7.41192V7.41946V7.42698V7.43449V7.442V7.44949V7.45698V7.46446V7.47192V7.47938V7.48683V7.49427V7.5017V7.50912V7.51653V7.52393V7.53132V7.5387V7.54607V7.55343V7.56078V7.56813V7.57546V7.58278V7.59009C16.5601 8.0043 16.2243 8.34009 15.8101 8.34009C15.3958 8.34009 15.0601 8.0043 15.0601 7.59009V7.58278V7.57546V7.56813V7.56078V7.55343V7.54607V7.5387V7.53132V7.52393V7.51653V7.50912V7.5017V7.49427V7.48683V7.47938V7.47192V7.46446V7.45698V7.44949V7.442V7.43449V7.42698V7.41946V7.41192V7.40438V7.39683V7.38927V7.3817V7.37413V7.36654V7.35895V7.35134V7.34373V7.33611V7.32848V7.32084V7.3132V7.30554V7.29788V7.29021V7.28253V7.27484V7.26714V7.25944V7.25173V7.24401V7.23628V7.22854V7.2208V7.21305V7.20529V7.19752V7.18974V7.18196V7.17417V7.16637V7.15857V7.15075V7.14293V7.1351V7.12727V7.11942V7.11158V7.10372V7.09585V7.08798V7.0801V7.07222V7.06433V7.05643V7.04852V7.04061V7.03269V7.02476V7.01683V7.00889V7.00094V6.99299V6.98503V6.97707V6.9691V6.96112V6.95313V6.94514V6.93715V6.92914V6.92113V6.91312V6.9051V6.89707V6.88904V6.881V6.87296V6.86491V6.85685V6.84879V6.84072V6.83265V6.82457V6.81649V6.8084V6.80031V6.79221V6.7841V6.77599V6.76788V6.75976V6.75163V6.7435V6.73537V6.72723V6.71908V6.71093V6.70278V6.69462V6.68645V6.67829V6.67011V6.66193V6.65375V6.64557V6.63737V6.62918V6.62098V6.61278V6.60457V6.59636V6.58814V6.57992V6.57169V6.56347V6.55523V6.547V6.53876V6.53051V6.52227V6.51402V6.50576V6.4975V6.48924V6.48098V6.47271V6.46444V6.45616V6.44788V6.4396V6.43132V6.42303V6.41474V6.40644V6.39815V6.38985V6.38154V6.37324V6.36493V6.35662V6.3483V6.33999V6.33167V6.32335V6.31502V6.30669V6.29837V6.29003V6.2817V6.27336V6.26503V6.25669V6.24834V6.24V6.23165V6.2233V6.21495V6.2066V6.19825V6.18989V6.18153V6.17317V6.16481V6.15645V6.14808V6.13972V6.13135V6.12298V6.11461V6.10624V6.09787V6.08949V6.08112V6.07274V6.06437V6.05599V6.04761V6.03923V6.03085V6.02247V6.01409V6.0057V5.99732V5.98893V5.98055V5.97216V5.96378V5.95539V5.94701V5.93862V5.93023V5.92184V5.91346V5.90507V5.89668V5.88829V5.8799V5.87152V5.86313V5.85474V5.84635V5.83797V5.82958V5.82119V5.8128V5.80442V5.79603V5.78765V5.77926V5.77088V5.7625V5.75412V5.74573V5.73735V5.72897V5.7206V5.71222V5.70384V5.69546V5.68709V5.67872V5.67034V5.66197V5.6536V5.64524V5.63687V5.6285V5.62014V5.61178V5.60342V5.59506V5.5867V5.57834V5.56999V5.56164V5.55329V5.54494V5.53659V5.52825V5.5199V5.51156V5.50323V5.49489V5.48656V5.47823V5.4699V5.46157V5.45325V5.44493V5.43661V5.42829V5.41998V5.41167V5.40336V5.39505V5.38675V5.37845V5.37015V5.36186V5.35357V5.34528V5.337V5.32872V5.32044V5.31216V5.30389V5.29562V5.28736V5.2791V5.27084V5.26259V5.25434V5.24609V5.23785V5.22961V5.22137V5.21314V5.20491V5.19669V5.18847V5.18025V5.17204V5.16383V5.15563V5.14743V5.13924V5.13105V5.12286V5.11468V5.1065V5.09833V5.09016V5.082V5.07384V5.06569V5.05754V5.04939V5.04125V5.03312V5.02499V5.01687V5.00875V5.00063V4.99252V4.98442V4.97632V4.96823V4.96014V4.95206V4.94398V4.93591V4.92784V4.91978V4.91173V4.90368V4.89563V4.8876V4.87956V4.87154V4.86352V4.8555V4.8475V4.83949V4.8315V4.82351V4.81553V4.80755V4.79958V4.79161V4.78366V4.7757V4.76776V4.75982V4.75189V4.74396V4.73605V4.72813V4.72023V4.71233V4.70444V4.69656V4.68868V4.68081V4.67294V4.66509V4.65724V4.6494V4.64156V4.63374V4.62592V4.61811V4.6103V4.6025V4.59471V4.58693V4.57916V4.57139V4.56363V4.55588V4.54814V4.5404V4.53268V4.52496V4.51725V4.50954V4.50185V4.49416V4.48648V4.47881V4.47115V4.4635V4.45585V4.44822V4.44059V4.43297V4.42536V4.41775V4.41016V4.40258V4.395V4.38743V4.37988V4.37233V4.36479V4.35726V4.34973V4.34222V4.33472V4.32722V4.31974V4.31226V4.3048V4.29734V4.28989V4.28246V4.27503V4.26761V4.2602V4.2528V4.24541V4.23803V4.23066V4.2233V4.21596V4.20862V4.20129V4.19397V4.18666V4.17936V4.17207V4.16479V4.15752V4.15027V4.14302V4.13578V4.12856V4.12134V4.11414V4.10694V4.09976V4.09259V4.08543V4.07828V4.07114V4.06401V4.05689V4.04978V4.04269V4.0356V4.02853V4.02147V4.01442V4.00738V4.00035V3.99334V3.98633V3.97934V3.97236V3.96539V3.95843V3.95148V3.94455V3.93763V3.93071V3.92382V3.91693V3.91005V3.90319V3.89634V3.8895V3.88268V3.87586V3.86906V3.86227V3.8555V3.84873V3.84198V3.83524V3.82852V3.8218V3.8151V3.80841V3.80174V3.79508V3.78843V3.78179V3.77517V3.76856V3.76196V3.75538V3.74881V3.74225V3.7357V3.72917V3.72265V3.71615V3.70966V3.70318V3.69672V3.69027V3.68383V3.67741V3.671V3.66461V3.65823V3.65186V3.64551V3.63917V3.63284V3.62653V3.62024V3.61395V3.60769V3.60143V3.59519V3.58897C15.0601 3.45199 14.9492 3.34009 14.8101 3.34009H3.81006C3.67199 3.34009 3.56006 3.45202 3.56006 3.59009V17.5901C3.56006 17.7282 3.67199 17.8401 3.81006 17.8401H7.81006C8.22427 17.8401 8.56006 18.1759 8.56006 18.5901C8.56006 19.0043 8.22427 19.3401 7.81006 19.3401H3.81006C2.84356 19.3401 2.06006 18.5566 2.06006 17.5901V3.59009ZM5.06006 6.59009C5.06006 6.17587 5.39584 5.84009 5.81006 5.84009H12.8101C13.2243 5.84009 13.5601 6.17587 13.5601 6.59009C13.5601 7.0043 13.2243 7.34009 12.8101 7.34009H5.81006C5.39584 7.34009 5.06006 7.0043 5.06006 6.59009ZM5.81006 8.84009C5.39584 8.84009 5.06006 9.17587 5.06006 9.59009C5.06006 10.0043 5.39584 10.3401 5.81006 10.3401H12.8101C13.2243 10.3401 13.5601 10.0043 13.5601 9.59009C13.5601 9.17587 13.2243 8.84009 12.8101 8.84009H5.81006ZM5.06006 12.5901C5.06006 12.1759 5.39584 11.8401 5.81006 11.8401H8.81006C9.22427 11.8401 9.56006 12.1759 9.56006 12.5901C9.56006 13.0043 9.22427 13.3401 8.81006 13.3401H5.81006C5.39584 13.3401 5.06006 13.0043 5.06006 12.5901ZM19.1666 9.22154C18.5118 8.56268 17.446 8.56194 16.7902 9.21989L15.2133 10.802L15.2126 10.8027L10.5476 15.4956C10.2353 15.8097 10.0601 16.2346 10.0601 16.6775V19.0901C10.0601 19.2896 10.1396 19.481 10.281 19.6217C10.4225 19.7625 10.6142 19.8411 10.8138 19.8401L13.2272 19.8282C13.6657 19.826 14.0859 19.6521 14.3977 19.3438L19.114 14.6799L19.1151 14.6788L20.6808 13.1242C21.338 12.4716 21.3415 11.4097 20.6886 10.7528L19.1666 9.22154ZM17.8527 10.2788C17.9217 10.2096 18.0338 10.2096 18.1028 10.279L19.6247 11.8102C19.6934 11.8793 19.693 11.9911 19.6239 12.0598L18.586 13.0904L16.8068 11.3281L17.8527 10.2788ZM13.343 18.2772L17.5204 14.1462L15.7486 12.3912L11.6114 16.5531C11.5785 16.5861 11.5601 16.6308 11.5601 16.6775V18.3364L13.2198 18.3282C13.266 18.328 13.3102 18.3097 13.343 18.2772Z\"\n        })\n    }), \"fill\");\nexport const Play = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        xmlns: \"http://www.w3.org/2000/svg\",\n        viewBox: \"0 0 30 31\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"rect\", {\n                y: \"0.420532\",\n                width: \"30\",\n                height: \"30\",\n                rx: \"15\",\n                fill: \"currentColor\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M11.5 19.5111V11.3299C11.5 10.6961 12.1796 10.2943 12.7349 10.5997L20.1724 14.6904C20.748 15.007 20.748 15.8341 20.1724 16.1507L12.7349 20.2413C12.1796 20.5468 11.5 20.145 11.5 19.5111Z\",\n                fill: \"white\"\n            })\n        ]\n    }), \"fill\");\nexport const Category = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 24 24\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M4 3.75C3.86193 3.75 3.75 3.86193 3.75 4V9.5C3.75 9.63807 3.86193 9.75 4 9.75H9.5C9.63807 9.75 9.75 9.63807 9.75 9.5V4C9.75 3.86193 9.63807 3.75 9.5 3.75H4ZM2.25 4C2.25 3.0335 3.0335 2.25 4 2.25H9.5C10.4665 2.25 11.25 3.0335 11.25 4V9.5C11.25 10.4665 10.4665 11.25 9.5 11.25H4C3.0335 11.25 2.25 10.4665 2.25 9.5V4ZM14.5 3.75C14.3619 3.75 14.25 3.86193 14.25 4V9.5C14.25 9.63807 14.3619 9.75 14.5 9.75H20C20.1381 9.75 20.25 9.63807 20.25 9.5V4C20.25 3.86193 20.1381 3.75 20 3.75H14.5ZM12.75 4C12.75 3.0335 13.5335 2.25 14.5 2.25H20C20.9665 2.25 21.75 3.0335 21.75 4V9.5C21.75 10.4665 20.9665 11.25 20 11.25H14.5C13.5335 11.25 12.75 10.4665 12.75 9.5V4ZM4 14.25C3.86193 14.25 3.75 14.3619 3.75 14.5V20C3.75 20.1381 3.86193 20.25 4 20.25H9.5C9.63807 20.25 9.75 20.1381 9.75 20V14.5C9.75 14.3619 9.63807 14.25 9.5 14.25H4ZM2.25 14.5C2.25 13.5335 3.0335 12.75 4 12.75H9.5C10.4665 12.75 11.25 13.5335 11.25 14.5V20C11.25 20.9665 10.4665 21.75 9.5 21.75H4C3.0335 21.75 2.25 20.9665 2.25 20V14.5ZM14.5 14.25C14.3619 14.25 14.25 14.3619 14.25 14.5V20C14.25 20.1381 14.3619 20.25 14.5 20.25H20C20.1381 20.25 20.25 20.1381 20.25 20V14.5C20.25 14.3619 20.1381 14.25 20 14.25H14.5ZM12.75 14.5C12.75 13.5335 13.5335 12.75 14.5 12.75H20C20.9665 12.75 21.75 13.5335 21.75 14.5V20C21.75 20.9665 20.9665 21.75 20 21.75H14.5C13.5335 21.75 12.75 20.9665 12.75 20V14.5Z\"\n        })\n    }), \"fill\");\nexport const Calendar = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        viewBox: \"0 0 20 20\",\n        ...props,\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M6.66667 1.04102C7.01184 1.04102 7.29167 1.32084 7.29167 1.66602V2.70768H12.7083V1.66602C12.7083 1.32084 12.9882 1.04102 13.3333 1.04102C13.6785 1.04102 13.9583 1.32084 13.9583 1.66602V2.70768H16.6667C17.4721 2.70768 18.125 3.3606 18.125 4.16602V16.666C18.125 17.4714 17.4721 18.1243 16.6667 18.1243H3.33333C2.52792 18.1243 1.875 17.4714 1.875 16.666V4.16602C1.875 3.3606 2.52792 2.70768 3.33333 2.70768H6.04167V1.66602C6.04167 1.32084 6.32149 1.04102 6.66667 1.04102ZM6.04167 3.95768H3.33333C3.21827 3.95768 3.125 4.05096 3.125 4.16602V6.87435H16.875V4.16602C16.875 4.05096 16.7817 3.95768 16.6667 3.95768H13.9583V4.99935C13.9583 5.34453 13.6785 5.62435 13.3333 5.62435C12.9882 5.62435 12.7083 5.34453 12.7083 4.99935V3.95768H7.29167V4.99935C7.29167 5.34453 7.01184 5.62435 6.66667 5.62435C6.32149 5.62435 6.04167 5.34453 6.04167 4.99935V3.95768ZM16.875 8.12435H3.125V16.666C3.125 16.7811 3.21827 16.8743 3.33333 16.8743H16.6667C16.7817 16.8743 16.875 16.7811 16.875 16.666V8.12435ZM4.375 10.8327C4.375 10.4875 4.65482 10.2077 5 10.2077H15C15.3452 10.2077 15.625 10.4875 15.625 10.8327C15.625 11.1779 15.3452 11.4577 15 11.4577H5C4.65482 11.4577 4.375 11.1779 4.375 10.8327ZM4.375 14.166C4.375 13.8208 4.65482 13.541 5 13.541H12.5C12.8452 13.541 13.125 13.8208 13.125 14.166C13.125 14.5112 12.8452 14.791 12.5 14.791H5C4.65482 14.791 4.375 14.5112 4.375 14.166Z\",\n            fill: \"#3B4054\"\n        })\n    }), \"fill\");\nexport const Plus = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 21 20\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M10.5 1.875C10.8452 1.875 11.125 2.15482 11.125 2.5V9.375H18C18.3452 9.375 18.625 9.65482 18.625 10C18.625 10.3452 18.3452 10.625 18 10.625H11.125V17.5C11.125 17.8452 10.8452 18.125 10.5 18.125C10.1548 18.125 9.875 17.8452 9.875 17.5V10.625H3C2.65482 10.625 2.375 10.3452 2.375 10C2.375 9.65482 2.65482 9.375 3 9.375H9.875V2.5C9.875 2.15482 10.1548 1.875 10.5 1.875Z\"\n        })\n    }), \"fill\");\nexport const Hamburger = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 20 20\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M1.875 5C1.875 4.65482 2.15482 4.375 2.5 4.375H17.5C17.8452 4.375 18.125 4.65482 18.125 5C18.125 5.34518 17.8452 5.625 17.5 5.625H2.5C2.15482 5.625 1.875 5.34518 1.875 5ZM1.875 10C1.875 9.65482 2.15482 9.375 2.5 9.375H17.5C17.8452 9.375 18.125 9.65482 18.125 10C18.125 10.3452 17.8452 10.625 17.5 10.625H2.5C2.15482 10.625 1.875 10.3452 1.875 10ZM1.875 15C1.875 14.6548 2.15482 14.375 2.5 14.375H17.5C17.8452 14.375 18.125 14.6548 18.125 15C18.125 15.3452 17.8452 15.625 17.5 15.625H2.5C2.15482 15.625 1.875 15.3452 1.875 15Z\"\n        })\n    }), \"fill\");\nexport const NaverPost = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        viewBox: \"0 0 20 20\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M14.5827 2.28418H5.41602V11.4508H14.5827V2.28418ZM9.28001 5.00021L10.6658 6.98169V5.00021H11.8664V8.70391H10.7183L9.33556 6.72243V8.70391H8.13186V5.00021H9.28001Z\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M5.41602 12.4692H14.5827L12.8852 14.8458H7.11355L5.41602 12.4692Z\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M9.99814 18.2408L11.8654 15.8643H8.13086L9.99814 18.2408Z\"\n            })\n        ]\n    }), \"fill\");\nexport const Plus1_5 = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        xmlns: \"http://www.w3.org/2000/svg\",\n        viewBox: \"0 0 19 18\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M9.5 1.6875C9.81066 1.6875 10.0625 1.93934 10.0625 2.25V8.4375H16.25C16.5607 8.4375 16.8125 8.68934 16.8125 9C16.8125 9.31066 16.5607 9.5625 16.25 9.5625H10.0625V15.75C10.0625 16.0607 9.81066 16.3125 9.5 16.3125C9.18934 16.3125 8.9375 16.0607 8.9375 15.75V9.5625H2.75C2.43934 9.5625 2.1875 9.31066 2.1875 9C2.1875 8.68934 2.43934 8.4375 2.75 8.4375H8.9375V2.25C8.9375 1.93934 9.18934 1.6875 9.5 1.6875Z\",\n            fill: \"currentColor\"\n        })\n    }), \"fill\");\nexport const Plus2 = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        xmlns: \"http://www.w3.org/2000/svg\",\n        viewBox: \"0 0 24 24\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M12 2C12.5523 2 13 2.44772 13 3V11H21C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13H13V21C13 21.5523 12.5523 22 12 22C11.4477 22 11 21.5523 11 21V13H3C2.44772 13 2 12.5523 2 12C2 11.4477 2.44772 11 3 11L11 11V3C11 2.44772 11.4477 2 12 2Z\",\n            fill: \"currentColor\"\n        })\n    }), \"fill\");\nexport const Minus2 = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        xmlns: \"http://www.w3.org/2000/svg\",\n        viewBox: \"0 0 24 24\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M2 12C2 11.4477 2.44772 11 3 11L21 11C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13L3 13C2.44772 13 2 12.5523 2 12Z\",\n            fill: \"currentColor\"\n        })\n    }), \"fill\");\nexport const BigPlus = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        xmlns: \"http://www.w3.org/2000/svg\",\n        viewBox: \"0 0 70 70\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            d: \"M35.3984 9.3999V61.3999M61.3984 35.3999L9.39844 35.3999\",\n            stroke: \"currentColor\",\n            strokeWidth: \"0.965517\",\n            strokeLinecap: \"round\"\n        })\n    }), \"stroke\");\nexport const PlayableMedia = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        viewBox: \"0 0 24 24\",\n        fill: \"none\",\n        xmlns: \"http://www.w3.org/2000/svg\",\n        children: [\n            /*#__PURE__*/ _jsx(\"rect\", {\n                x: \"3\",\n                y: \"4\",\n                width: \"18\",\n                height: \"13\",\n                rx: \"2\",\n                fill: \"currentColor\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M10.5 12.8V8L14.5 10.4L10.5 12.8Z\",\n                fill: \"white\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M9 20H15\",\n                stroke: \"currentColor\",\n                strokeWidth: \"2\",\n                strokeLinecap: \"round\",\n                strokeLinejoin: \"round\"\n            })\n        ]\n    }));\nexport const ClassChalkboard = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        xmlns: \"http://www.w3.org/2000/svg\",\n        viewBox: \"0 0 162 162\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M0 6C0 2.68629 2.68629 0 6 0H156C159.314 0 162 2.68629 162 6V162H0V6Z\",\n                fill: \"#3EA381\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M0 150H162V156C162 159.314 159.314 162 156 162H6C2.68629 162 0 159.314 0 156V150Z\",\n                fill: \"#12141F\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M120 144H150V151C150 152.657 148.657 154 147 154H123C121.343 154 120 152.657 120 151V144Z\",\n                fill: \"#4F556B\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M120 143C120 141.343 121.343 140 123 140H147C148.657 140 150 141.343 150 143V144H120V143Z\",\n                fill: \"#B88E2E\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M34 149C34 148.448 34.4477 148 35 148H48C48.5523 148 49 148.448 49 149V151C49 151.552 48.5523 152 48 152H35C34.4477 152 34 151.552 34 151V149Z\",\n                fill: \"#F26A55\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M16 149C16 148.448 16.4477 148 17 148H30C30.5523 148 31 148.448 31 149V151C31 151.552 30.5523 152 30 152H17C16.4477 152 16 151.552 16 151V149Z\",\n                fill: \"white\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M60.0943 30.8319C60.757 31.0746 61.4757 31.1959 62.2504 31.1959C63.1557 31.1959 63.963 31.0372 64.6723 30.7199C65.391 30.3932 65.9884 29.9359 66.4644 29.3479L64.7003 27.7519C64.383 28.1252 64.033 28.4099 63.6503 28.6059C63.277 28.8019 62.857 28.8999 62.3904 28.8999C61.989 28.8999 61.6203 28.8346 61.2844 28.7039C60.9484 28.5732 60.659 28.3866 60.4164 28.1439C60.183 27.8919 59.9963 27.5932 59.8563 27.2479C59.7257 26.9026 59.6604 26.5199 59.6604 26.0999C59.6604 25.6799 59.7257 25.2972 59.8563 24.9519C59.9963 24.6066 60.183 24.3126 60.4164 24.0699C60.659 23.8179 60.9484 23.6266 61.2844 23.4959C61.6203 23.3652 61.989 23.2999 62.3904 23.2999C62.857 23.2999 63.277 23.3979 63.6503 23.5939C64.033 23.7899 64.383 24.0746 64.7003 24.4479L66.4644 22.8519C65.9884 22.2546 65.391 21.7972 64.6723 21.4799C63.963 21.1626 63.1557 21.0039 62.2504 21.0039C61.4757 21.0039 60.757 21.1299 60.0943 21.3819C59.441 21.6246 58.8717 21.9746 58.3863 22.4319C57.9103 22.8892 57.537 23.4306 57.2663 24.0559C56.9957 24.6719 56.8604 25.3532 56.8604 26.0999C56.8604 26.8466 56.9957 27.5326 57.2663 28.1579C57.537 28.7739 57.9103 29.3106 58.3863 29.7679C58.8717 30.2252 59.441 30.5799 60.0943 30.8319Z\",\n                fill: \"#186150\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M91.631 31.1959C90.8283 31.1959 90.0536 31.0979 89.307 30.9019C88.5696 30.6966 87.9676 30.4352 87.501 30.1179L88.411 28.0739C88.8496 28.3539 89.3537 28.5872 89.923 28.7739C90.5016 28.9512 91.0757 29.0399 91.645 29.0399C92.0276 29.0399 92.3356 29.0072 92.569 28.9419C92.8023 28.8672 92.9703 28.7739 93.073 28.6619C93.185 28.5406 93.241 28.4006 93.241 28.2419C93.241 28.0179 93.1383 27.8406 92.933 27.7099C92.7276 27.5792 92.4616 27.4719 92.135 27.3879C91.8083 27.3039 91.4443 27.2199 91.043 27.1359C90.651 27.0519 90.2543 26.9446 89.853 26.8139C89.461 26.6832 89.1016 26.5152 88.775 26.3099C88.4483 26.0952 88.1823 25.8199 87.977 25.4839C87.7716 25.1386 87.669 24.7046 87.669 24.1819C87.669 23.5939 87.8277 23.0619 88.145 22.5859C88.4716 22.1099 88.957 21.7272 89.601 21.4379C90.245 21.1486 91.0476 21.0039 92.009 21.0039C92.653 21.0039 93.283 21.0786 93.899 21.2279C94.5243 21.3679 95.0797 21.5779 95.565 21.8579L94.711 23.9159C94.2443 23.6639 93.7823 23.4772 93.325 23.3559C92.8676 23.2252 92.4243 23.1599 91.995 23.1599C91.6123 23.1599 91.3043 23.2019 91.071 23.2859C90.8376 23.3606 90.6696 23.4632 90.567 23.5939C90.4643 23.7246 90.413 23.8739 90.413 24.0419C90.413 24.2566 90.511 24.4292 90.707 24.5599C90.9123 24.6812 91.1783 24.7839 91.505 24.8679C91.841 24.9426 92.205 25.0219 92.597 25.1059C92.9983 25.1899 93.395 25.2972 93.787 25.4279C94.1883 25.5492 94.5523 25.7172 94.879 25.9319C95.2056 26.1372 95.467 26.4126 95.663 26.7579C95.8683 27.0939 95.971 27.5186 95.971 28.0319C95.971 28.6012 95.8076 29.1286 95.481 29.6139C95.1637 30.0899 94.683 30.4726 94.039 30.7619C93.4043 31.0512 92.6016 31.1959 91.631 31.1959Z\",\n                fill: \"#186150\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M100.975 31.1959C100.172 31.1959 99.3974 31.0979 98.6507 30.9019C97.9134 30.6966 97.3114 30.4352 96.8447 30.1179L97.7547 28.0739C98.1934 28.3539 98.6974 28.5872 99.2667 28.7739C99.8454 28.9512 100.419 29.0399 100.989 29.0399C101.371 29.0399 101.679 29.0072 101.913 28.9419C102.146 28.8672 102.314 28.7739 102.417 28.6619C102.529 28.5406 102.585 28.4006 102.585 28.2419C102.585 28.0179 102.482 27.8406 102.277 27.7099C102.071 27.5792 101.805 27.4719 101.479 27.3879C101.152 27.3039 100.788 27.2199 100.387 27.1359C99.9947 27.0519 99.5981 26.9446 99.1967 26.8139C98.8047 26.6832 98.4454 26.5152 98.1187 26.3099C97.7921 26.0952 97.5261 25.8199 97.3207 25.4839C97.1154 25.1386 97.0127 24.7046 97.0127 24.1819C97.0127 23.5939 97.1714 23.0619 97.4887 22.5859C97.8154 22.1099 98.3007 21.7272 98.9447 21.4379C99.5887 21.1486 100.391 21.0039 101.353 21.0039C101.997 21.0039 102.627 21.0786 103.243 21.2279C103.868 21.3679 104.423 21.5779 104.909 21.8579L104.055 23.9159C103.588 23.6639 103.126 23.4772 102.669 23.3559C102.211 23.2252 101.768 23.1599 101.339 23.1599C100.956 23.1599 100.648 23.2019 100.415 23.2859C100.181 23.3606 100.013 23.4632 99.9107 23.5939C99.8081 23.7246 99.7567 23.8739 99.7567 24.0419C99.7567 24.2566 99.8547 24.4292 100.051 24.5599C100.256 24.6812 100.522 24.7839 100.849 24.8679C101.185 24.9426 101.549 25.0219 101.941 25.1059C102.342 25.1899 102.739 25.2972 103.131 25.4279C103.532 25.5492 103.896 25.7172 104.223 25.9319C104.549 26.1372 104.811 26.4126 105.007 26.7579C105.212 27.0939 105.315 27.5186 105.315 28.0319C105.315 28.6012 105.151 29.1286 104.825 29.6139C104.507 30.0899 104.027 30.4726 103.383 30.7619C102.748 31.0512 101.945 31.1959 100.975 31.1959Z\",\n                fill: \"#186150\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M80.0506 21.2002L75.7246 31.0002H78.5526L79.3167 29.0962H83.4725L84.2366 31.0002H87.1206L82.7806 21.2002H80.0506ZM82.6522 27.0522L81.3946 23.9187L80.137 27.0522H82.6522Z\",\n                fill: \"#186150\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M67.9805 31.0002V21.2002H70.7525V28.8022H75.4285V31.0002H67.9805Z\",\n                fill: \"#186150\"\n            })\n        ]\n    }));\nexport const Class1 = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        viewBox: \"0 0 24 24\",\n        fill: \"none\",\n        xmlns: \"http://www.w3.org/2000/svg\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M2.5 5C2.5 4.17157 3.17157 3.5 4 3.5H20C20.8284 3.5 21.5 4.17157 21.5 5V16C21.5 16.8284 20.8284 17.5 20 17.5H4C3.17157 17.5 2.5 16.8284 2.5 16V5ZM4 4.5C3.72386 4.5 3.5 4.72386 3.5 5V16C3.5 16.2761 3.72386 16.5 4 16.5H20C20.2761 16.5 20.5 16.2761 20.5 16V5C20.5 4.72386 20.2761 4.5 20 4.5H4Z\",\n                fill: \"currentColor\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M10.2537 7.5649C10.4104 7.47615 10.6028 7.47857 10.7572 7.57125L14.7572 9.97125C14.9079 10.0616 15 10.2244 15 10.4C15 10.5756 14.9079 10.7384 14.7572 10.8287L10.7572 13.2287C10.6028 13.3214 10.4104 13.3239 10.2537 13.2351C10.0969 13.1463 10 12.9801 10 12.8V8C10 7.81986 10.0969 7.65365 10.2537 7.5649ZM11 8.8831V11.9169L13.5282 10.4L11 8.8831Z\",\n                fill: \"currentColor\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M8.5 20C8.5 19.7239 8.72386 19.5 9 19.5H15C15.2761 19.5 15.5 19.7239 15.5 20C15.5 20.2761 15.2761 20.5 15 20.5H9C8.72386 20.5 8.5 20.2761 8.5 20Z\",\n                fill: \"currentColor\"\n            })\n        ]\n    }));\nexport const PickBadgeText = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        xmlns: \"http://www.w3.org/2000/svg\",\n        viewBox: \"0 0 24 10\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M17.7852 9.46484V0.980469H19.5195V5.53906H19.6133L21.6758 3.10156H23.668L21.2949 5.85547L23.7969 9.46484H21.7578L20.0059 6.875L19.5195 7.42578V9.46484H17.7852Z\",\n                fill: \"currentColor\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M13.8828 9.59375C11.9317 9.58789 10.7598 8.24023 10.7656 6.30078C10.7598 4.35547 11.9551 3.01953 13.8828 3.01953C15.5235 3.01953 16.6367 3.97461 16.7071 5.43359H15.0781C14.9727 4.80664 14.5625 4.37305 13.9063 4.36719C13.0742 4.37305 12.5235 5.07031 12.5235 6.27734C12.5235 7.50781 13.0625 8.21094 13.9063 8.21094C14.5156 8.21094 14.9668 7.83008 15.0781 7.15625H16.7071C16.6309 8.59766 15.5703 9.58789 13.8828 9.59375Z\",\n                fill: \"currentColor\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M7.94141 9.46484V3.10156H9.67578V9.46484H7.94141ZM7.85938 1.39062C7.85938 0.898438 8.28711 0.505859 8.80859 0.5C9.32422 0.505859 9.75195 0.898438 9.74609 1.39062C9.75195 1.87109 9.32422 2.26953 8.80859 2.26953C8.28711 2.26953 7.85938 1.87109 7.85938 1.39062Z\",\n                fill: \"currentColor\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M0.5 9.46484V0.980469H3.82812C5.75586 0.980469 6.86328 2.16992 6.86328 3.83984C6.86328 5.5332 5.73828 6.69922 3.78125 6.69922H2.25781V9.46484H0.5ZM2.25781 5.28125H3.5C4.54297 5.28125 5.05273 4.69531 5.04688 3.83984C5.05273 2.99609 4.54297 2.42773 3.5 2.42188H2.25781V5.28125Z\",\n                fill: \"currentColor\"\n            })\n        ]\n    }));\nexport const Delete1_5 = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        xmlns: \"http://www.w3.org/2000/svg\",\n        viewBox: \"0 0 18 18\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M5.0625 3C5.0625 2.27513 5.65013 1.6875 6.375 1.6875H11.625C12.3499 1.6875 12.9375 2.27513 12.9375 3V3.9375H15.75C16.0607 3.9375 16.3125 4.18934 16.3125 4.5C16.3125 4.81066 16.0607 5.0625 15.75 5.0625H14.8125V15C14.8125 15.7249 14.2249 16.3125 13.5 16.3125H4.5C3.77513 16.3125 3.1875 15.7249 3.1875 15V5.0625H2.25C1.93934 5.0625 1.6875 4.81066 1.6875 4.5C1.6875 4.18934 1.93934 3.9375 2.25 3.9375H5.0625V3ZM6.1875 3.9375H11.8125V3C11.8125 2.89645 11.7286 2.8125 11.625 2.8125H6.375C6.27145 2.8125 6.1875 2.89645 6.1875 3V3.9375ZM4.3125 5.0625V15C4.3125 15.1036 4.39645 15.1875 4.5 15.1875H13.5C13.6036 15.1875 13.6875 15.1036 13.6875 15V5.0625H4.3125ZM6.375 5.8125C6.68566 5.8125 6.9375 6.06434 6.9375 6.375V13.875C6.9375 14.1857 6.68566 14.4375 6.375 14.4375C6.06434 14.4375 5.8125 14.1857 5.8125 13.875V6.375C5.8125 6.06434 6.06434 5.8125 6.375 5.8125ZM9 5.8125C9.31066 5.8125 9.5625 6.06434 9.5625 6.375V13.875C9.5625 14.1857 9.31066 14.4375 9 14.4375C8.68934 14.4375 8.4375 14.1857 8.4375 13.875V6.375C8.4375 6.06434 8.68934 5.8125 9 5.8125ZM11.625 5.8125C11.9357 5.8125 12.1875 6.06434 12.1875 6.375V13.875C12.1875 14.1857 11.9357 14.4375 11.625 14.4375C11.3143 14.4375 11.0625 14.1857 11.0625 13.875V6.375C11.0625 6.06434 11.3143 5.8125 11.625 5.8125Z\",\n            fill: \"currentColor\"\n        })\n    }));\nexport const Success24Fill = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        xmlns: \"http://www.w3.org/2000/svg\",\n        viewBox: \"0 0 32 32\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"circle\", {\n                cx: \"16.0003\",\n                cy: \"16.0001\",\n                r: \"13.3333\",\n                fill: \"currentColor\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M23.4018 12.4169L14.5733 22.1664L8.98438 15.8808L10.9772 14.1088L14.5914 18.1736L21.4251 10.627L23.4018 12.4169Z\",\n                fill: \"white\"\n            })\n        ]\n    }));\nexport const Warning24Fill = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        xmlns: \"http://www.w3.org/2000/svg\",\n        viewBox: \"0 0 32 32\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M16 5.53979L29.3333 28.6337H2.66675L16 5.53979Z\",\n                fill: \"currentColor\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M17.1551 14H14.8457V21.3131H17.1551V14Z\",\n                fill: \"white\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M16.0005 25.5544C16.8508 25.5544 17.5401 24.8651 17.5401 24.0148C17.5401 23.1645 16.8508 22.4752 16.0005 22.4752C15.1502 22.4752 14.4609 23.1645 14.4609 24.0148C14.4609 24.8651 15.1502 25.5544 16.0005 25.5544Z\",\n                fill: \"white\"\n            })\n        ]\n    }));\n// 스낵바에서는 color가 입혀지지 않는 이슈로 임시로 사용합니다 25.01.18\nexport const Warning24FillRed = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        xmlns: \"http://www.w3.org/2000/svg\",\n        viewBox: \"0 0 24 24\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M11.1341 5.6543C11.519 4.98763 12.4813 4.98763 12.8662 5.6543L21.1341 19.9748C21.519 20.6414 21.0379 21.4748 20.2681 21.4748H3.73223C2.96243 21.4748 2.48131 20.6414 2.86621 19.9748L11.1341 5.6543Z\",\n                fill: \"#F26A55\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M12.8661 11.366C12.8661 10.8877 12.4783 10.5 12.0001 10.5C11.5218 10.5 11.134 10.8877 11.134 11.366V15.1188C11.134 15.5971 11.5218 15.9848 12.0001 15.9848C12.4783 15.9848 12.8661 15.5971 12.8661 15.1188V11.366Z\",\n                fill: \"white\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M12.0002 19.1658C12.6379 19.1658 13.1549 18.6488 13.1549 18.0111C13.1549 17.3734 12.6379 16.8564 12.0002 16.8564C11.3624 16.8564 10.8455 17.3734 10.8455 18.0111C10.8455 18.6488 11.3624 19.1658 12.0002 19.1658Z\",\n                fill: \"white\"\n            })\n        ]\n    }));\nexport const Empty = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        xmlns: \"http://www.w3.org/2000/svg\",\n        viewBox: \"0 0 80 50\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M40 46C62.0914 46 80 42.866 80 39C80 35.134 62.0914 32 40 32C17.9086 32 0 35.134 0 39C0 42.866 17.9086 46 40 46Z\",\n                fill: \"black\",\n                fillOpacity: \"0.05\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M60 5H20L10 11.875V40H70V11.875L60 5Z\",\n                fill: \"#FDFDFF\",\n                stroke: \"#DBDBDD\",\n                strokeLinecap: \"round\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M27 12H10V40H70V12H53L51.5556 20H28.4444L27 12Z\",\n                fill: \"white\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M10 12V11.5H9.5V12H10ZM27 12L27.492 11.9112L27.4178 11.5H27V12ZM10 40H9.5V40.5H10V40ZM70 40V40.5H70.5V40H70ZM70 12H70.5V11.5H70V12ZM53 12V11.5H52.5822L52.508 11.9112L53 12ZM51.5556 20V20.5H51.9734L52.0476 20.0888L51.5556 20ZM28.4444 20L27.9524 20.0888L28.0266 20.5H28.4444V20ZM10 12.5H27V11.5H10V12.5ZM10.5 40V12H9.5V40H10.5ZM70 39.5H10V40.5H70V39.5ZM69.5 12V40H70.5V12H69.5ZM53 12.5H70V11.5H53V12.5ZM52.508 11.9112L51.0635 19.9112L52.0476 20.0888L53.492 12.0888L52.508 11.9112ZM51.5556 19.5H28.4444V20.5H51.5556V19.5ZM28.9365 19.9112L27.492 11.9112L26.508 12.0888L27.9524 20.0888L28.9365 19.9112Z\",\n                fill: \"#DBDBDD\"\n            })\n        ]\n    }));\nexport const Package = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        xmlns: \"http://www.w3.org/2000/svg\",\n        viewBox: \"0 0 15 14\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"g\", {\n            mask: \"url(#mask0_7821_8367)\",\n            children: /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M7.31255 11.4152V7.25115L3.66673 5.13995V9.20306C3.66673 9.23298 3.67421 9.26103 3.68917 9.28721C3.70412 9.31339 3.72656 9.33583 3.75647 9.35452L7.31255 11.4152ZM8.18751 11.4152L11.7436 9.35452C11.7735 9.33583 11.7959 9.31339 11.8109 9.28721C11.8259 9.26103 11.8333 9.23298 11.8333 9.20306V5.13995L8.18751 7.25115V11.4152ZM7.22279 12.3699L3.31899 10.1229C3.15296 10.0272 3.02359 9.89932 2.93086 9.73927C2.83812 9.57924 2.79175 9.40349 2.79175 9.21204V4.78772C2.79175 4.59628 2.83812 4.42053 2.93086 4.2605C3.02359 4.10045 3.15296 3.97256 3.31899 3.87684L7.22279 1.62991C7.38881 1.53419 7.56456 1.48633 7.75003 1.48633C7.9355 1.48633 8.11125 1.53419 8.27727 1.62991L12.1811 3.87684C12.3471 3.97256 12.4765 4.10045 12.5692 4.2605C12.6619 4.42053 12.7083 4.59628 12.7083 4.78772V9.21204C12.7083 9.40349 12.6619 9.57924 12.5692 9.73927C12.4765 9.89932 12.3471 10.0272 12.1811 10.1229L8.27727 12.3699C8.11125 12.4656 7.9355 12.5134 7.75003 12.5134C7.56456 12.5134 7.38881 12.4656 7.22279 12.3699ZM9.9992 5.19158L11.3521 4.4153L7.83978 2.38374C7.80986 2.36504 7.77995 2.35569 7.75003 2.35569C7.72012 2.35569 7.6902 2.36504 7.66029 2.38374L6.39378 3.1129L9.9992 5.19158ZM7.75003 6.49733L9.10629 5.71208L5.50421 3.63003L4.14796 4.4153L7.75003 6.49733Z\",\n                fill: \"currentColor\"\n            })\n        })\n    }));\nexport const Goodnote6 = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        xmlns: \"http://www.w3.org/2000/svg\",\n        viewBox: \"0 0 15 14\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M4.80453 0.377686H10.5256C11.8343 0.377686 12.3067 0.514151 12.786 0.769588C13.2654 1.02502 13.6398 1.39943 13.8953 1.87881C14.1507 2.35819 14.2872 2.83057 14.2872 4.13925V9.86032C14.2872 11.169 14.1507 11.6414 13.8953 12.1208C13.646 12.594 13.2593 12.9807 12.786 13.23C12.3067 13.4854 11.8343 13.6219 10.5256 13.6219H4.80453C3.49586 13.6219 3.02347 13.4854 2.54409 13.23C2.07085 12.9807 1.68415 12.594 1.43487 12.1208C1.17943 11.6414 1.04297 11.169 1.04297 9.86032V4.13925C1.04297 2.83057 1.17943 2.35819 1.43487 1.87881C1.69031 1.39943 2.06471 1.02502 2.54409 0.769588C3.02347 0.514151 3.49586 0.377686 4.80453 0.377686Z\",\n                fill: \"white\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M10.5301 14H4.80548C3.43382 14 2.90895 13.853 2.36659 13.5626C1.82751 13.2789 1.38708 12.8385 1.10341 12.2994C0.812979 11.7571 0.666016 11.2322 0.666016 9.86053V4.13947C0.666016 2.76781 0.812979 2.24294 1.10341 1.70057C1.38708 1.16149 1.82751 0.721064 2.36659 0.437391C2.90895 0.146963 3.43382 0 4.80548 0H10.5266C11.8982 0 12.4231 0.146963 12.9654 0.437391C13.5045 0.721064 13.945 1.16149 14.2286 1.70057C14.5191 2.24294 14.666 2.76781 14.666 4.13947V9.86053C14.666 11.2322 14.5191 11.7571 14.2286 12.2994C13.945 12.8385 13.5045 13.2789 12.9654 13.5626C12.4231 13.853 11.8982 14 10.5266 14H10.5301ZM4.80548 0.752312C3.47581 0.752312 3.09091 0.902774 2.72 1.09873C2.30711 1.31917 1.98519 1.64109 1.76474 2.05399C1.56879 2.42139 1.41833 2.8098 1.41833 4.13947V9.86053C1.41833 11.1902 1.56879 11.5751 1.76474 11.946C1.98519 12.3589 2.30711 12.6808 2.72 12.9013C3.08741 13.0972 3.47581 13.2477 4.80548 13.2477H10.5266C11.8562 13.2477 12.2411 13.0972 12.612 12.9013C13.0249 12.6808 13.3468 12.3589 13.5673 11.946C13.7632 11.5786 13.9137 11.1902 13.9137 9.86053V4.13947C13.9137 2.8098 13.7632 2.42489 13.5673 2.05399C13.3524 1.64661 13.0194 1.31366 12.612 1.09873C12.2446 0.902774 11.8562 0.752312 10.5266 0.752312H4.80548Z\",\n                fill: \"#E6E5E4\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M9.14878 3.63892H4.00506C3.70764 3.63892 3.63066 3.7159 3.63066 4.01332C3.63066 4.31075 3.70764 4.38773 4.00506 4.38773H9.14878C9.4462 4.38773 9.52318 4.31075 9.52318 4.01332C9.52318 3.7159 9.4462 3.63892 9.14878 3.63892ZM8.73588 10.1438C8.60641 10.2628 7.91708 10.8471 7.0423 10.6862C6.48244 10.5847 6.13253 10.2278 6.01706 10.1123C5.4572 9.54194 5.40121 8.82462 5.40121 8.54469C5.40121 8.37673 5.29274 8.22977 5.13178 8.18078C4.97082 8.13529 4.79936 8.20178 4.70839 8.34174C4.49583 8.68848 4.18018 8.96009 3.80561 9.11855C3.53268 9.23752 3.49069 9.33899 3.60966 9.61192C3.72513 9.88485 3.83011 9.92684 4.10304 9.80787C4.34584 9.70509 4.57221 9.56714 4.77487 9.39848C4.88684 9.79038 5.09329 10.2348 5.48519 10.6337C5.64265 10.7911 6.11504 11.2775 6.90934 11.421C7.0598 11.449 7.20326 11.4595 7.34673 11.4595C8.35448 11.4595 9.09279 10.8331 9.24675 10.6932C9.4672 10.4937 9.4707 10.3817 9.27125 10.1648C9.0718 9.94784 8.95982 9.94084 8.74288 10.1403L8.73588 10.1438ZM8.20401 6.23527H4.00506C3.70764 6.23527 3.63066 6.31225 3.63066 6.60967C3.63066 6.9071 3.70764 6.98408 4.00506 6.98408H8.20401C8.50144 6.98408 8.57842 6.9071 8.57842 6.60967C8.57842 6.31225 8.50144 6.23527 8.20401 6.23527Z\",\n                fill: \"#45BFDB\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M12.5921 3.78594C12.7565 3.33106 12.5221 2.82368 12.0672 2.65922C11.6123 2.49477 11.105 2.72921 10.9405 3.18409L9.42537 7.34455C9.37289 7.49152 9.34839 7.64898 9.35189 7.80294L9.39738 9.26207C9.40438 9.50701 9.7053 9.61548 9.86976 9.43353L10.8425 8.3453C10.9475 8.22983 11.028 8.09337 11.0805 7.9464L12.5956 3.78594H12.5921Z\",\n                fill: \"#130D0C\"\n            })\n        ]\n    }));\nexport const Folder = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 16 16\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M8.25 4.5 9 6h4.667V4.5H8.25zm-.5-1-.417-.833h-6v10.666h13.334V3.5H7.75zm5.917 3.833v5H2.333V3.667h4.382l1.39 2.78.277.553h5.285v.333z\",\n            fill: \"currentColor\",\n            fillOpacity: \"1\"\n        })\n    }));\nexport const CouponThin = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        viewBox: \"0 0 16 16\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M1.58325 4.66671C1.58325 4.0684 2.06828 3.58337 2.66659 3.58337H13.3333C13.9316 3.58337 14.4166 4.0684 14.4166 4.66671V6.74551L14.1676 6.85495C13.7265 7.04879 13.4199 7.48906 13.4199 8.00004C13.4199 8.51102 13.7265 8.95129 14.1676 9.14513L14.4166 9.25458V11.3334C14.4166 11.9317 13.9316 12.4167 13.3333 12.4167H2.66659C2.06828 12.4167 1.58325 11.9317 1.58325 11.3334V9.25467L1.83236 9.14526C2.27355 8.95148 2.58033 8.51113 2.58033 8.00004C2.58033 7.48895 2.27355 7.0486 1.83236 6.85483L1.58325 6.74541V4.66671ZM2.66659 4.41671C2.52851 4.41671 2.41659 4.52864 2.41659 4.66671V6.22206C3.01411 6.58786 3.41367 7.24693 3.41367 8.00004C3.41367 8.75315 3.01411 9.41222 2.41659 9.77802V11.3334C2.41659 11.4714 2.52851 11.5834 2.66659 11.5834H13.3333C13.4713 11.5834 13.5833 11.4714 13.5833 11.3334V9.77779C12.9859 9.41194 12.5865 8.75299 12.5865 8.00004C12.5865 7.24709 12.9859 6.58814 13.5833 6.22229V4.66671C13.5833 4.52864 13.4713 4.41671 13.3333 4.41671H2.66659ZM10.2945 5.70541C10.4573 5.86813 10.4573 6.13195 10.2945 6.29467L6.29455 10.2947C6.13183 10.4574 5.86801 10.4574 5.70529 10.2947C5.54257 10.132 5.54257 9.86813 5.70529 9.70541L9.70529 5.70541C9.86801 5.54269 10.1318 5.54269 10.2945 5.70541Z\",\n                fill: \"#1B1B29\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M6.99813 6.32987C6.99813 6.78962 6.62543 7.16231 6.16569 7.16231C5.70595 7.16231 5.33325 6.78962 5.33325 6.32987C5.33325 5.87013 5.70595 5.49744 6.16569 5.49744C6.62543 5.49744 6.99813 5.87013 6.99813 6.32987Z\",\n                fill: \"#1B1B29\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M10.6666 9.66858C10.6666 10.1292 10.2932 10.5026 9.83252 10.5026C9.37188 10.5026 8.99845 10.1292 8.99845 9.66858C8.99845 9.20794 9.37188 8.83451 9.83252 8.83451C10.2932 8.83451 10.6666 9.20794 10.6666 9.66858Z\",\n                fill: \"#1B1B29\"\n            })\n        ]\n    }));\nexport const CouponFilled = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        viewBox: \"0 0 18 12\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M2.33333 0.375C1.52792 0.375 0.875 1.02792 0.875 1.83333V4.49974L1.24867 4.66385C1.76368 4.89005 2.12135 5.40395 2.12135 6C2.12135 6.59605 1.76368 7.10995 1.24867 7.33615L0.875 7.50026V10.1667C0.875 10.9721 1.52792 11.625 2.33333 11.625H15.6667C16.4721 11.625 17.125 10.9721 17.125 10.1667V7.50017L16.7515 7.336C16.2366 7.10973 15.8791 6.59592 15.8791 6C15.8791 5.40408 16.2366 4.89027 16.7515 4.664L17.125 4.49983V1.83333C17.125 1.02792 16.4721 0.375 15.6667 0.375H2.33333Z\",\n                fill: \"#F26A55\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M11.8684 3.1318C12.0718 3.33519 12.0718 3.66497 11.8684 3.86837L6.86837 8.86837C6.66497 9.07176 6.33519 9.07176 6.1318 8.86837C5.9284 8.66497 5.9284 8.33519 6.1318 8.1318L11.1318 3.1318C11.3352 2.9284 11.665 2.9284 11.8684 3.1318Z\",\n                fill: \"white\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M7.74784 3.91237C7.74784 4.48705 7.28197 4.95292 6.7073 4.95292C6.13262 4.95292 5.66675 4.48705 5.66675 3.91237C5.66675 3.3377 6.13262 2.87183 6.7073 2.87183C7.28197 2.87183 7.74784 3.3377 7.74784 3.91237Z\",\n                fill: \"white\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M12.3334 8.08575C12.3334 8.66156 11.8666 9.12834 11.2908 9.12834C10.715 9.12834 10.2483 8.66156 10.2483 8.08575C10.2483 7.50995 10.715 7.04317 11.2908 7.04317C11.8666 7.04317 12.3334 7.50995 12.3334 8.08575Z\",\n                fill: \"white\"\n            })\n        ]\n    }));\nexport const CouponDownload = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 24 24\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M12 2.75C12.4142 2.75 12.75 3.08579 12.75 3.5L12.75 15.1209L17.1865 11.4238C17.5047 11.1587 17.9777 11.2017 18.2428 11.5199C18.508 11.8381 18.465 12.311 18.1468 12.5762L12 17.6985L5.8532 12.5762C5.53499 12.311 5.49199 11.8381 5.75717 11.5199C6.02234 11.2017 6.49526 11.1587 6.81347 11.4238L11.25 15.1209L11.25 3.5C11.25 3.08579 11.5858 2.75 12 2.75ZM2.75 20.5C2.75 20.0858 3.08579 19.75 3.5 19.75H20.5C20.9142 19.75 21.25 20.0858 21.25 20.5C21.25 20.9142 20.9142 21.25 20.5 21.25H3.5C3.08579 21.25 2.75 20.9142 2.75 20.5Z\"\n        })\n    }));\nexport const Bookmark = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        viewBox: \"0 0 24 25\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M2.25 7.74219C2.25 6.77569 3.0335 5.99219 4 5.99219H13.7002L13.9168 6.36664C14.134 6.74223 14.5383 6.99219 15 6.99219C15.4617 6.99219 15.866 6.74223 16.0832 6.36664L16.2998 5.99219H20C20.9665 5.99219 21.75 6.77569 21.75 7.74219V17.7422C21.75 18.7087 20.9665 19.4922 20 19.4922H16.2998L16.0832 19.1177C15.866 18.7421 15.4617 18.4922 15 18.4922C14.5383 18.4922 14.134 18.7421 13.9168 19.1177L13.7002 19.4922H4C3.0335 19.4922 2.25 18.7087 2.25 17.7422V7.74219ZM4 7.49219C3.86193 7.49219 3.75 7.60412 3.75 7.74219V17.7422C3.75 17.8803 3.86193 17.9922 4 17.9922H12.8787C13.3824 17.3824 14.1453 16.9922 15 16.9922C15.8547 16.9922 16.6176 17.3824 17.1213 17.9922H20C20.1381 17.9922 20.25 17.8803 20.25 17.7422V7.74219C20.25 7.60412 20.1381 7.49219 20 7.49219H17.1213C16.6176 8.10201 15.8547 8.49219 15 8.49219C14.1453 8.49219 13.3824 8.10201 12.8787 7.49219H4Z\",\n                fill: \"currentColor\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M15.75 10.2463C15.75 10.6606 15.4142 10.9963 15 10.9963C14.5858 10.9963 14.25 10.6606 14.25 10.2463C14.25 9.83212 14.5858 9.49634 15 9.49634C15.4142 9.49634 15.75 9.83212 15.75 10.2463Z\",\n                fill: \"currentColor\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M15.75 12.7422C15.75 13.1564 15.4142 13.4922 15 13.4922C14.5858 13.4922 14.25 13.1564 14.25 12.7422C14.25 12.328 14.5858 11.9922 15 11.9922C15.4142 11.9922 15.75 12.328 15.75 12.7422Z\",\n                fill: \"currentColor\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M15.75 15.238C15.75 15.6523 15.4142 15.988 15 15.988C14.5858 15.988 14.25 15.6523 14.25 15.238C14.25 14.8238 14.5858 14.488 15 14.488C15.4142 14.488 15.75 14.8238 15.75 15.238Z\",\n                fill: \"currentColor\"\n            })\n        ]\n    }));\nexport const Card = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 16 16\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M14.3334 4.33331H1.66669V6.33333H14.3334V4.33331ZM1.66669 12.3333V7.33333H14.3334V12.3333H1.66669ZM1.66669 3.33331H0.666687V4.33331V12.3333V13.3333H1.66669H14.3334H15.3334V12.3333V4.33331V3.33331H14.3334H1.66669ZM3.66673 9.66667H4.33339V10.3333H3.66673V9.66667ZM2.66673 8.66667H3.66673H4.33339H5.33339V9.66667V10.3333V11.3333H4.33339H3.66673H2.66673V10.3333V9.66667V8.66667Z\",\n            fill: \"currentColor\"\n        })\n    }));\nexport const Logout = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        viewBox: \"0 0 16 16\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M2.16699 1.83337C2.08029 1.83337 1.99361 1.8559 1.91603 1.90092C1.76187 1.99038 1.66699 2.15514 1.66699 2.33337V11.6667C1.66699 11.8473 1.76442 12.0139 1.92186 12.1025L6.26169 14.5436C7.03939 14.9811 8.00033 14.4191 8.00033 13.5268V12.1667H10.167C10.8113 12.1667 11.3337 11.6444 11.3337 11V9.00004H10.3337V11C10.3337 11.0921 10.259 11.1667 10.167 11.1667H8.00033V5.72026C8.00033 5.3018 7.77613 4.91451 7.41125 4.70712C6.6057 4.24927 5.8376 3.82083 5.07148 3.3935C4.73779 3.20736 4.40445 3.02143 4.06857 2.83337H10.167C10.259 2.83337 10.3337 2.90799 10.3337 3.00004V6.33337H11.3337V3.00004C11.3337 2.35571 10.8113 1.83337 10.167 1.83337H2.16699ZM2.66699 11.3743V3.19246C3.31508 3.55867 3.95623 3.91639 4.59598 4.27334C5.36844 4.70432 6.1389 5.13419 6.91712 5.57651C6.96821 5.60555 7.00033 5.66023 7.00033 5.72026V13.5268C7.00033 13.6543 6.86305 13.7346 6.75195 13.6721L2.66699 11.3743Z\",\n                fill: \"currentColor\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M14.8741 7.66671L14.5208 8.02C14.5206 8.0202 14.5204 8.02039 14.5202 8.02059L13.1872 9.35359C12.9919 9.54886 12.6754 9.54886 12.4801 9.35359C12.2848 9.15833 12.2848 8.84175 12.4801 8.64649L12.9599 8.16671L8.83366 8.16671C8.55752 8.16671 8.33366 7.94285 8.33366 7.66671C8.33366 7.39057 8.55752 7.16671 8.83366 7.16671L12.9599 7.16671L12.4801 6.68693C12.2848 6.49167 12.2848 6.17508 12.4801 5.97982C12.6754 5.78456 12.9919 5.78456 13.1872 5.97982L14.8741 7.66671Z\",\n                fill: \"currentColor\"\n            })\n        ]\n    }));\nexport const Print = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 24 24\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M5.75 2.25H18.25V6.75H19.5185C20.7509 6.75 21.75 7.74907 21.75 8.98148V16.7593C21.75 17.5826 21.0826 18.25 20.2593 18.25H18.25V21.75H5.75V18.25H3.74074C2.91743 18.25 2.25 17.5826 2.25 16.7593V8.98148C2.25 7.74907 3.24907 6.75 4.48148 6.75H5.75V2.25ZM4.48148 8.25C4.0775 8.25 3.75 8.5775 3.75 8.98148V16.75H5.75V14.2407C5.75 13.4174 6.41743 12.75 7.24074 12.75H16.7593C17.5826 12.75 18.25 13.4174 18.25 14.2407V16.75H20.25V8.98148C20.25 8.5775 19.9225 8.25 19.5185 8.25H4.48148ZM16.75 6.75H7.25V3.75H16.75V6.75ZM16.25 10.5C16.25 10.0858 16.5858 9.75 17 9.75H18C18.4142 9.75 18.75 10.0858 18.75 10.5C18.75 10.9142 18.4142 11.25 18 11.25H17C16.5858 11.25 16.25 10.9142 16.25 10.5ZM7.25 14.25V20.25H16.75V14.25H7.25Z\"\n        })\n    }), \"fill\");\nexport const Print_2px = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        viewBox: \"0 0 20 20\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M14.167 7.91675C13.7068 7.91675 13.3337 8.28984 13.3337 8.75008C13.3337 9.21032 13.7068 9.58342 14.167 9.58342H15.0003C15.4606 9.58342 15.8337 9.21032 15.8337 8.75008C15.8337 8.28984 15.4606 7.91675 15.0003 7.91675H14.167Z\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M4.58366 1.66675H15.417V5.41675H16.2658C17.4078 5.41675 18.3337 6.34258 18.3337 7.48465V13.9661C18.3337 14.7673 17.6842 15.4167 16.883 15.4167H15.417V18.3334H4.58366V15.4167H3.11761C2.31646 15.4167 1.66699 14.7673 1.66699 13.9661V7.48465C1.66699 6.34258 2.59282 5.41675 3.73489 5.41675H4.58366V1.66675ZM13.7503 3.33341V5.41675H6.25033V3.33341H13.7503ZM15.417 13.7501H16.667V7.48465C16.667 7.26305 16.4874 7.08342 16.2658 7.08342H3.73489C3.5133 7.08342 3.33366 7.26305 3.33366 7.48465V13.7501H4.58366V11.8674C4.58366 11.0662 5.23312 10.4167 6.03428 10.4167H13.9664C14.7675 10.4167 15.417 11.0662 15.417 11.8674V13.7501ZM6.25033 16.6667V12.0834H13.7503V16.6667H6.25033Z\"\n            })\n        ]\n    }), \"fill\");\nexport const Review = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        viewBox: \"0 0 16 16\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M8.82479 5.78374L8.00018 4.27173L7.17557 5.78374L5.48275 6.10075L6.66594 7.35223L6.44432 9.06017L8.00018 8.32161L9.55604 9.06017L9.33442 7.35223L10.5176 6.10075L8.82479 5.78374Z\",\n                fill: \"currentColor\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M2.66667 2.16602C2.02233 2.16602 1.5 2.68835 1.5 3.33268V9.99935C1.5 10.6437 2.02233 11.166 2.66667 11.166H12.076L13.5931 13.29C13.7195 13.4668 13.9456 13.5418 14.1526 13.4755C14.3596 13.4092 14.5 13.2167 14.5 12.9993V3.33268C14.5 2.68835 13.9777 2.16602 13.3333 2.16602H2.66667ZM2.5 3.33268C2.5 3.24063 2.57462 3.16602 2.66667 3.16602H13.3333C13.4254 3.16602 13.5 3.24064 13.5 3.33268V11.4391L12.5906 10.166H2.66667C2.57462 10.166 2.5 10.0914 2.5 9.99935V3.33268Z\",\n                fill: \"currentColor\"\n            })\n        ]\n    }));\nexport const Edit = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 22 22\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M13.5923 2.93872C14.2318 2.29714 15.271 2.29787 15.9096 2.94033L17.4657 4.50589C18.1024 5.14646 18.099 6.18195 17.4581 6.81831L15.8573 8.40783L7.96818 16.2422C7.66392 16.5444 7.25313 16.7149 6.82435 16.717L3.66699 16.7326V13.5755C3.66699 13.143 3.83839 12.7281 4.14366 12.4217L11.98 4.55643L13.5923 2.93872ZM15.3722 6.95174L16.4893 5.8426C16.5911 5.7415 16.5916 5.57698 16.4905 5.47521L14.9344 3.90964C14.8329 3.80756 14.6678 3.80745 14.5662 3.90938L13.4408 5.03855L15.3722 6.95174ZM12.4702 6.01253L5.11772 13.3922C5.06922 13.4409 5.04199 13.5068 5.04199 13.5755V15.3508L6.81756 15.342C6.88569 15.3417 6.95095 15.3146 6.99929 15.2666L14.3965 7.92063L12.4702 6.01253ZM2.97949 19.25C2.97949 18.8703 3.2873 18.5625 3.66699 18.5625L18.3337 18.5625C18.7134 18.5625 19.0212 18.8703 19.0212 19.25C19.0212 19.6297 18.7134 19.9375 18.3337 19.9375L3.66699 19.9375C3.2873 19.9375 2.97949 19.6297 2.97949 19.25Z\",\n            fill: \"currentColor\"\n        })\n    }));\nexport const Note = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        viewBox: \"0 0 22 22\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M9.625 10.8871V7.22611C9.625 6.86985 10.0137 6.6498 10.3191 6.83309L13.37 8.66359C13.6667 8.84161 13.6667 9.27161 13.37 9.44962L10.3191 11.2801C10.0137 11.4634 9.625 11.2434 9.625 10.8871Z\",\n                fill: \"currentColor\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M2.0625 4.12516C2.0625 3.23921 2.78071 2.521 3.66667 2.521H18.3333C19.2193 2.521 19.9375 3.23921 19.9375 4.12516V14.2085C19.9375 15.0945 19.2193 15.8127 18.3333 15.8127H3.66667C2.78071 15.8127 2.0625 15.0945 2.0625 14.2085V4.12516ZM3.66667 3.896C3.5401 3.896 3.4375 3.9986 3.4375 4.12516V14.2085C3.4375 14.3351 3.5401 14.4377 3.66667 14.4377H18.3333C18.4599 14.4377 18.5625 14.3351 18.5625 14.2085V4.12516C18.5625 3.9986 18.4599 3.896 18.3333 3.896H3.66667Z\",\n                fill: \"currentColor\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M8.25 18.1043C7.8703 18.1043 7.5625 18.4121 7.5625 18.7918C7.5625 19.1715 7.8703 19.4793 8.25 19.4793H13.75C14.1297 19.4793 14.4375 19.1715 14.4375 18.7918C14.4375 18.4121 14.1297 18.1043 13.75 18.1043H8.25Z\",\n                fill: \"currentColor\"\n            })\n        ]\n    }));\nexport const WriteStudio = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 24 24\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M6 3.75C5.66848 3.75 5.35054 3.8817 5.11612 4.11612C4.8817 4.35054 4.75 4.66848 4.75 5V16.5505C5.13355 16.3548 5.56137 16.25 6 16.25H19.25V3.75H6ZM3.25 19V5C3.25 4.27065 3.53973 3.57118 4.05546 3.05546C4.57118 2.53973 5.27065 2.25 6 2.25H19.4C19.758 2.25 20.1014 2.39223 20.3546 2.64541C20.6078 2.89858 20.75 3.24196 20.75 3.6V17.75H6C5.66848 17.75 5.35054 17.8817 5.11612 18.1161C4.8817 18.3505 4.75 18.6685 4.75 19C4.75 19.3315 4.8817 19.6495 5.11612 19.8839C5.35054 20.1183 5.66848 20.25 6 20.25H20C20.4142 20.25 20.75 20.5858 20.75 21C20.75 21.4142 20.4142 21.75 20 21.75H6C5.27065 21.75 4.57118 21.4603 4.05546 20.9445C3.53973 20.4288 3.25 19.7293 3.25 19ZM8.25 7C8.25 6.58579 8.58579 6.25 9 6.25H16C16.4142 6.25 16.75 6.58579 16.75 7C16.75 7.41421 16.4142 7.75 16 7.75H9C8.58579 7.75 8.25 7.41421 8.25 7Z\",\n            fill: \"currentColor\"\n        })\n    }));\nexport const EditStudio = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 24 24\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M2.06055 3.5498C2.06055 2.58331 2.84405 1.7998 3.81055 1.7998H14.8105C15.7754 1.7998 16.5605 2.57989 16.5605 3.54808V9.0498C16.5605 9.46402 16.2248 9.7998 15.8105 9.7998C15.3963 9.7998 15.0605 9.46402 15.0605 9.0498V3.54808C15.0605 3.41169 14.9503 3.2998 14.8105 3.2998H3.81055C3.67248 3.2998 3.56055 3.41173 3.56055 3.5498V17.5498C3.56055 17.6879 3.67248 17.7998 3.81055 17.7998H9.81055C10.2248 17.7998 10.5605 18.1356 10.5605 18.5498C10.5605 18.964 10.2248 19.2998 9.81055 19.2998H3.81055C2.84405 19.2998 2.06055 18.5163 2.06055 17.5498V3.5498ZM5.06055 6.5498C5.06055 6.13559 5.39633 5.7998 5.81055 5.7998H12.8105C13.2248 5.7998 13.5605 6.13559 13.5605 6.5498C13.5605 6.96402 13.2248 7.2998 12.8105 7.2998H5.81055C5.39633 7.2998 5.06055 6.96402 5.06055 6.5498ZM5.06055 9.5498C5.06055 9.13559 5.39633 8.7998 5.81055 8.7998H9.81055C10.2248 8.7998 10.5605 9.13559 10.5605 9.5498C10.5605 9.96402 10.2248 10.2998 9.81055 10.2998H5.81055C5.39633 10.2998 5.06055 9.96402 5.06055 9.5498ZM13.717 10.1864C14.1219 10.0987 14.5211 10.3559 14.6087 10.7608L15.3552 14.2101L17.4717 14.755C17.5652 14.5697 17.6892 14.396 17.844 14.2412C18.625 13.4602 19.8914 13.4602 20.6724 14.2412C21.4535 15.0223 21.4535 16.2886 20.6724 17.0697C19.8914 17.8507 18.625 17.8507 17.844 17.0697C17.6129 16.8386 17.4502 16.565 17.3558 16.2741L15.7101 15.8504L16.0151 17.2596C16.4109 17.3262 16.7906 17.5122 17.096 17.8176C17.8771 18.5986 17.8771 19.865 17.096 20.646C16.315 21.4271 15.0487 21.4271 14.2676 20.646C13.4866 19.865 13.4866 18.5986 14.2676 17.8176C14.3561 17.7292 14.4507 17.6507 14.5502 17.5823L14.0849 15.4319L10.7588 14.5756C10.3576 14.4723 10.1162 14.0634 10.2195 13.6623C10.3227 13.2611 10.7316 13.0197 11.1328 13.123L13.7299 13.7916L13.1426 11.078C13.055 10.6732 13.3122 10.274 13.717 10.1864ZM5.06055 12.5498C5.06055 12.1356 5.39633 11.7998 5.81055 11.7998H7.81055C8.22476 11.7998 8.56055 12.1356 8.56055 12.5498C8.56055 12.964 8.22476 13.2998 7.81055 13.2998H5.81055C5.39633 13.2998 5.06055 12.964 5.06055 12.5498ZM19.6117 15.3019C19.4165 15.1066 19.0999 15.1066 18.9046 15.3019C18.7094 15.4972 18.7094 15.8137 18.9046 16.009C19.0999 16.2043 19.4165 16.2043 19.6117 16.009C19.807 15.8137 19.807 15.4972 19.6117 15.3019ZM16.0354 18.8783C15.8401 18.683 15.5235 18.683 15.3283 18.8783C15.133 19.0735 15.133 19.3901 15.3283 19.5854C15.5235 19.7806 15.8401 19.7806 16.0354 19.5854C16.2306 19.3901 16.2306 19.0735 16.0354 18.8783Z\",\n            fill: \"currentColor\"\n        })\n    }));\nexport const Book = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 24 24\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M6 3.75C5.66848 3.75 5.35054 3.8817 5.11612 4.11612C4.8817 4.35054 4.75 4.66848 4.75 5V16.5505C5.13355 16.3548 5.56137 16.25 6 16.25H19.25V3.75H6ZM3.25 19V5C3.25 4.27065 3.53973 3.57118 4.05546 3.05546C4.57118 2.53973 5.27065 2.25 6 2.25H19.4C19.758 2.25 20.1014 2.39223 20.3546 2.64541C20.6078 2.89858 20.75 3.24196 20.75 3.6V17.75H6C5.66848 17.75 5.35054 17.8817 5.11612 18.1161C4.8817 18.3505 4.75 18.6685 4.75 19C4.75 19.3315 4.8817 19.6495 5.11612 19.8839C5.35054 20.1183 5.66848 20.25 6 20.25H20C20.4142 20.25 20.75 20.5858 20.75 21C20.75 21.4142 20.4142 21.75 20 21.75H6C5.27065 21.75 4.57118 21.4603 4.05546 20.9445C3.53973 20.4288 3.25 19.7293 3.25 19ZM8.25 7C8.25 6.58579 8.58579 6.25 9 6.25H16C16.4142 6.25 16.75 6.58579 16.75 7C16.75 7.41421 16.4142 7.75 16 7.75H9C8.58579 7.75 8.25 7.41421 8.25 7Z\"\n        })\n    }), \"fill\");\nexport const Book_2px = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        viewBox: \"0 0 16 18\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M5.5 3.99989C5.03976 3.99989 4.66667 4.37298 4.66667 4.83322C4.66667 5.29346 5.03976 5.66655 5.5 5.66655H11.3333C11.7936 5.66655 12.1667 5.29346 12.1667 4.83322C12.1667 4.37298 11.7936 3.99989 11.3333 3.99989H5.5Z\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M0.5 3.1665V14.8332C0.5 15.4962 0.763392 16.1321 1.23223 16.6009C1.70107 17.0698 2.33696 17.3332 3 17.3332H14.6667C15.1269 17.3332 15.5 16.9601 15.5 16.4998C15.5 16.0396 15.1269 15.6665 14.6667 15.6665H3C2.77899 15.6665 2.56702 15.5787 2.41074 15.4224C2.25446 15.2661 2.16667 15.0542 2.16667 14.8332C2.16667 14.6122 2.25446 14.4002 2.41074 14.2439C2.56702 14.0876 2.77899 13.9998 3 13.9998H15.5V1.99984C15.5 1.64622 15.3595 1.30708 15.1095 1.05703C14.8594 0.806979 14.5203 0.666504 14.1667 0.666504H3C2.33696 0.666504 1.70107 0.929896 1.23223 1.39874C0.763392 1.86758 0.5 2.50346 0.5 3.1665ZM2.41074 2.57725C2.56702 2.42097 2.77899 2.33317 3 2.33317H13.8333V12.3332H3C2.71338 12.3332 2.43184 12.3824 2.16667 12.4761V3.1665C2.16667 2.94549 2.25446 2.73353 2.41074 2.57725Z\"\n            })\n        ]\n    }), \"fill\");\nexport const DownLoadDiasbled = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 24 24\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M3.53033 2.46967C3.23744 2.17678 2.76257 2.17678 2.46967 2.46967C2.17678 2.76256 2.17678 3.23743 2.46967 3.53033L11.25 12.3108V15.1209L6.81347 11.4238C6.49526 11.1587 6.02234 11.2017 5.75717 11.5199C5.49199 11.8381 5.53499 12.311 5.8532 12.5762L12 17.6985L14.5296 15.5905L18.6891 19.75H3.5C3.08579 19.75 2.75 20.0858 2.75 20.5C2.75 20.9142 3.08579 21.25 3.5 21.25H20.1891L20.4697 21.5306C20.7626 21.8235 21.2374 21.8235 21.5303 21.5306C21.8232 21.2377 21.8232 20.7628 21.5303 20.4699L21.0414 19.981C21.0341 19.9734 21.0266 19.9659 21.019 19.9586L15.6867 14.6262L18.1468 12.5762C18.465 12.311 18.508 11.8381 18.2428 11.5199C17.9777 11.2017 17.5047 11.1587 17.1865 11.4238L14.6217 13.5612L12.75 11.6895L12.75 3.5C12.75 3.08579 12.4142 2.75 12 2.75C11.5858 2.75 11.25 3.08579 11.25 3.5L11.25 10.1894L3.53033 2.46967ZM12.75 13.8108V15.1209L13.4646 14.5254L12.75 13.8108Z\",\n            fill: \"currentColor\"\n        })\n    }));\nexport const DownLoadDisabled_2px = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 20 20\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M3.08959 1.91083C2.76415 1.58539 2.23651 1.58539 1.91107 1.91082C1.58563 2.23626 1.58563 2.76389 1.91107 3.08933L9.16699 10.3454V12.1561L5.81159 9.3599C5.45803 9.06526 4.93256 9.11303 4.63792 9.46659C4.34328 9.82016 4.39105 10.3456 4.74462 10.6403L10.0003 15.02L12.0956 13.274L15.0716 16.2501H2.91699C2.45675 16.2501 2.08366 16.6232 2.08366 17.0834C2.08366 17.5437 2.45675 17.9167 2.91699 17.9167H16.7383L16.9111 18.0895C17.2365 18.415 17.7641 18.415 18.0896 18.0895C18.415 17.7641 18.415 17.2365 18.0896 16.911L17.6836 16.505C17.6765 16.4977 17.6694 16.4905 17.662 16.4835L13.3812 12.2026L15.256 10.6403C15.6096 10.3456 15.6574 9.82016 15.3627 9.4666C15.0681 9.11303 14.5426 9.06526 14.1891 9.3599L12.1979 11.0192L10.8337 9.65501L10.8337 2.91675C10.8337 2.45651 10.4606 2.08341 10.0003 2.08341C9.54009 2.08341 9.16699 2.45651 9.16699 2.91675L9.16699 7.98832L3.08959 1.91083ZM10.8337 12.012V12.1561L10.9122 12.0906L10.8337 12.012Z\"\n        })\n    }), \"fill\");\nexport const ImageMask = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        xmlns: \"http://www.w3.org/2000/svg\",\n        width: \"44\",\n        height: \"62\",\n        viewBox: \"0 0 44 62\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"rect\", {\n                width: \"44\",\n                height: \"62\",\n                rx: \"2\",\n                fill: \"#1C1F2E\",\n                fillOpacity: \"0.3\"\n            }),\n            /*#__PURE__*/ _jsx(\"circle\", {\n                cx: \"22\",\n                cy: \"31\",\n                r: \"15\",\n                fill: \"#1C1F2E\",\n                fillOpacity: \"0.6\"\n            }),\n            /*#__PURE__*/ _jsx(\"mask\", {\n                id: \"mask0_2957_3743\",\n                // style=\"mask-type:alpha\"\n                maskUnits: \"userSpaceOnUse\",\n                x: \"10\",\n                y: \"19\",\n                width: \"24\",\n                height: \"24\",\n                children: /*#__PURE__*/ _jsx(\"rect\", {\n                    x: \"34\",\n                    y: \"19\",\n                    width: \"24\",\n                    height: \"24\",\n                    transform: \"rotate(90 34 19)\",\n                    fill: \"#D9D9D9\"\n                })\n            }),\n            /*#__PURE__*/ _jsx(\"g\", {\n                mask: \"url(#mask0_2957_3743)\",\n                children: /*#__PURE__*/ _jsx(\"path\", {\n                    d: \"M17.25 33.25L17.25 37.75L21.75 37.75L21.75 36.25L18.75 36.25L18.75 33.25L17.25 33.25ZM22.25 24.25L22.25 25.7499L25.25 25.7499L25.25 28.75L26.75 28.75L26.75 24.25L22.25 24.25ZM14.5 23.3077C14.5 22.8026 14.675 22.375 15.025 22.025C15.375 21.675 15.8026 21.5 16.3077 21.5L27.6923 21.5C28.1974 21.5 28.625 21.675 28.975 22.025C29.325 22.375 29.5 22.8026 29.5 23.3077L29.5 38.6923C29.5 39.1974 29.325 39.625 28.975 39.975C28.625 40.325 28.1974 40.5 27.6923 40.5L16.3077 40.5C15.8026 40.5 15.375 40.325 15.025 39.975C14.675 39.625 14.5 39.1974 14.5 38.6923L14.5 23.3077ZM16 23.3077L16 38.6923C16 38.7692 16.0321 38.8397 16.0962 38.9038C16.1603 38.9679 16.2308 39 16.3077 39L27.6923 39C27.7692 39 27.8398 38.9679 27.9039 38.9038C27.968 38.8397 28 38.7692 28 38.6923L28 23.3077C28 23.2308 27.968 23.1602 27.9039 23.0961C27.8398 23.032 27.7692 23 27.6923 23L16.3077 23C16.2308 23 16.1603 23.032 16.0962 23.0961C16.0321 23.1602 16 23.2308 16 23.3077Z\",\n                    fill: \"white\"\n                })\n            })\n        ]\n    }));\nexport const Star = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        xmlns: \"http://www.w3.org/2000/svg\",\n        viewBox: \"0 0 48 48\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            d: \"M24.0701 6L29.9891 16.8532L42.1402 19.1287L33.6472 28.1118L35.238 40.3713L24.0701 35.07L12.9022 40.3713L14.4929 28.1118L6 19.1287L18.1511 16.8532L24.0701 6Z\",\n            fill: \"currentColor\"\n        })\n    }));\nexport const Coupon = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        viewBox: \"0 0 18 12\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M2.33333 0.375C1.52792 0.375 0.875 1.02792 0.875 1.83333V4.49974L1.24867 4.66385C1.76368 4.89005 2.12135 5.40395 2.12135 6C2.12135 6.59605 1.76368 7.10995 1.24867 7.33615L0.875 7.50026V10.1667C0.875 10.9721 1.52792 11.625 2.33333 11.625H15.6667C16.4721 11.625 17.125 10.9721 17.125 10.1667V7.50017L16.7515 7.336C16.2366 7.10973 15.8791 6.59592 15.8791 6C15.8791 5.40408 16.2366 4.89027 16.7515 4.664L17.125 4.49983V1.83333C17.125 1.02792 16.4721 0.375 15.6667 0.375H2.33333Z\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M11.8684 3.13174C12.0718 3.33513 12.0718 3.66491 11.8684 3.86831L6.86837 8.86831C6.66497 9.0717 6.33519 9.0717 6.1318 8.86831C5.9284 8.66491 5.9284 8.33513 6.1318 8.13174L11.1318 3.13174C11.3352 2.92834 11.665 2.92834 11.8684 3.13174Z\",\n                fill: \"white\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M7.74784 3.91231C7.74784 4.48699 7.28197 4.95286 6.7073 4.95286C6.13262 4.95286 5.66675 4.48699 5.66675 3.91231C5.66675 3.33763 6.13262 2.87177 6.7073 2.87177C7.28197 2.87177 7.74784 3.33763 7.74784 3.91231Z\",\n                fill: \"white\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M12.3334 8.08569C12.3334 8.6615 11.8666 9.12828 11.2908 9.12828C10.715 9.12828 10.2483 8.6615 10.2483 8.08569C10.2483 7.50989 10.715 7.04311 11.2908 7.04311C11.8666 7.04311 12.3334 7.50989 12.3334 8.08569Z\",\n                fill: \"white\"\n            })\n        ]\n    }));\nexport const SolvookLogo = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        width: \"134\",\n        height: \"34\",\n        viewBox: \"0 0 144 36\",\n        fill: \"none\",\n        xmlns: \"http://www.w3.org/2000/svg\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M21.3515 26.7026C19.8879 25.9331 18.6624 24.7783 17.8074 23.3629C16.9524 21.9475 16.5005 20.3253 16.5005 18.6717C16.5005 17.0181 16.9524 15.396 17.8074 13.9806C18.6624 12.5651 19.8879 11.4103 21.3515 10.6408C22.9223 9.86146 24.6521 9.45593 26.4056 9.45593C28.1592 9.45593 29.8889 9.86146 31.4598 10.6408C32.9255 11.4086 34.1531 12.5628 35.0096 13.9784C35.8662 15.3941 36.319 17.0171 36.319 18.6717C36.319 20.3263 35.8662 21.9494 35.0096 23.365C34.1531 24.7806 32.9255 25.9349 31.4598 26.7026C29.8904 27.4868 28.16 27.895 26.4056 27.895C24.6513 27.895 22.9209 27.4868 21.3515 26.7026ZM28.8399 23.1333C29.569 22.7111 30.165 22.0928 30.5603 21.3487C30.9981 20.5385 31.2171 19.6281 31.1956 18.7074C31.2153 17.7824 30.9965 16.8678 30.5603 16.0518C30.1611 15.3107 29.566 14.6933 28.8399 14.2672C28.0966 13.8534 27.26 13.6362 26.4092 13.6362C25.5585 13.6362 24.7218 13.8534 23.9785 14.2672C23.2521 14.6952 22.6551 15.3119 22.251 16.0518C21.8205 16.8697 21.6044 17.7834 21.6228 18.7074C21.6027 19.6271 21.819 20.5365 22.251 21.3487C22.651 22.0917 23.2489 22.7094 23.9785 23.1333C24.7194 23.5545 25.557 23.7759 26.4092 23.7759C27.2614 23.7759 28.099 23.5545 28.8399 23.1333ZM3.29089 27.3595C2.11772 27.0832 1.00329 26.5997 0 25.9318L1.64188 22.234C3.39596 23.3424 5.4209 23.9474 7.49552 23.983C9.42293 23.983 10.351 23.4975 10.351 22.5552C10.3499 22.3048 10.27 22.0611 10.1227 21.8587C9.97533 21.6562 9.76796 21.5053 9.53001 21.4273C8.67323 21.0882 7.78655 20.8301 6.8816 20.6564C5.76105 20.4215 4.657 20.1139 3.57643 19.7355C2.68707 19.409 1.89414 18.864 1.27067 18.1507C0.595774 17.3266 0.252187 16.2806 0.306959 15.2168C0.296447 14.1737 0.605338 13.1524 1.19215 12.29C1.85877 11.3625 2.77813 10.6463 3.84056 10.2269C5.20229 9.68648 6.65913 9.42667 8.12371 9.46305C9.28431 9.46072 10.4413 9.59248 11.5716 9.85569C12.6221 10.0855 13.6309 10.4756 14.5627 11.0121L13.0422 14.7385C11.5446 13.8801 9.85651 13.4089 8.13085 13.3679C7.37511 13.3125 6.61887 13.4682 5.94644 13.8176C5.74202 13.9323 5.5716 14.099 5.45249 14.3009C5.33337 14.5027 5.26982 14.7325 5.26828 14.9669C5.27527 15.2061 5.35674 15.4372 5.50135 15.6279C5.64596 15.8185 5.84648 15.9593 6.07494 16.0306C6.92171 16.3494 7.79643 16.5884 8.68766 16.7444C9.82759 16.9698 10.9491 17.28 12.0428 17.6724C12.9287 17.9952 13.7208 18.5323 14.3486 19.2358C15.0342 20.0547 15.3837 21.1032 15.3266 22.1698C15.3277 23.1904 15.0163 24.1868 14.4342 25.0252C13.7639 25.9521 12.8425 26.6679 11.7787 27.0882C10.4188 27.6357 8.96095 27.8981 7.49552 27.8592C6.07803 27.8796 4.66411 27.7115 3.29089 27.3595ZM43.6381 9.81252H38.6411V27.5448H54.0319V23.5686H43.6381V9.81252Z\",\n                fill: \"#403391\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M87.6977 26.6713C86.234 25.9018 85.0085 24.7469 84.1536 23.3315C83.2986 21.9161 82.8467 20.2939 82.8467 18.6403C82.8467 16.9868 83.2986 15.3646 84.1536 13.9492C85.0085 12.5338 86.234 11.3789 87.6977 10.6094C89.2685 9.83009 90.9983 9.42456 92.7518 9.42456C94.5053 9.42456 96.2351 9.83009 97.8059 10.6094C99.2716 11.3772 100.499 12.5314 101.356 13.9471C102.212 15.3627 102.665 16.9857 102.665 18.6403C102.665 20.2949 102.212 21.918 101.356 23.3336C100.499 24.7493 99.2716 25.9035 97.8059 26.6713C96.2365 27.4554 94.5062 27.8636 92.7518 27.8636C90.9974 27.8636 89.2671 27.4554 87.6977 26.6713ZM95.1861 23.102C95.9151 22.6797 96.5112 22.0614 96.9065 21.3173C97.3409 20.5058 97.5597 19.5963 97.5418 18.676C97.558 17.7514 97.3394 16.8377 96.9065 16.0205C96.5072 15.2793 95.9121 14.662 95.1861 14.2358C94.4419 13.8207 93.6039 13.6028 92.7518 13.6028C91.8997 13.6028 91.0617 13.8207 90.3175 14.2358C89.5931 14.664 88.9985 15.2808 88.5972 16.0205C88.1642 16.8377 87.9456 17.7514 87.9618 18.676C87.944 19.5963 88.1627 20.5058 88.5972 21.3173C88.9946 22.0598 89.5901 22.6776 90.3175 23.102C91.0597 23.5231 91.8985 23.7444 92.7518 23.7444C93.6051 23.7444 94.4439 23.5231 95.1861 23.102ZM108.871 26.6713C107.407 25.9018 106.182 24.747 105.327 23.3316C104.472 21.9161 104.02 20.294 104.02 18.6404C104.02 16.9868 104.472 15.3647 105.327 13.9492C106.182 12.5338 107.407 11.379 108.871 10.6095C110.442 9.83016 112.171 9.42463 113.925 9.42463C115.678 9.42463 117.408 9.83016 118.979 10.6095C120.445 11.3773 121.672 12.5315 122.529 13.9471C123.385 15.3628 123.838 16.9858 123.838 18.6404C123.838 20.295 123.385 21.9181 122.529 23.3337C121.672 24.7493 120.445 25.9036 118.979 26.6713C117.41 27.4555 115.679 27.8637 113.925 27.8637C112.171 27.8637 110.44 27.4555 108.871 26.6713ZM116.359 23.102C117.088 22.6798 117.684 22.0615 118.08 21.3174C118.514 20.5059 118.733 19.5964 118.715 18.6761C118.731 17.7514 118.513 16.8378 118.08 16.0205C117.68 15.2794 117.085 14.662 116.359 14.2359C115.615 13.8208 114.777 13.6029 113.925 13.6029C113.073 13.6029 112.235 13.8208 111.491 14.2359C110.766 14.664 110.172 15.2809 109.77 16.0205C109.34 16.8384 109.124 17.7521 109.142 18.6761C109.122 19.5958 109.338 20.5052 109.77 21.3174C110.168 22.0599 110.763 22.6777 111.491 23.102C112.233 23.5231 113.072 23.7445 113.925 23.7445C114.778 23.7445 115.617 23.5231 116.359 23.102ZM131.129 23.0733L132.999 21.0745L138.068 27.5135H143.871L136.247 17.6337L143.493 9.78121H137.996L131.129 17.1554V9.78121H126.132V27.5135H131.129V23.0733Z\",\n                fill: \"#57C29E\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M66.9106 15.3783V34.9166C66.9106 34.9166 71.4579 22.6882 79.5031 17.9268V2.57166C71.4579 7.2974 66.9106 15.3783 66.9106 15.3783Z\",\n                fill: \"#57C29E\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M54.3179 2.60303V17.9867C62.3631 22.7481 66.9103 34.9765 66.9103 34.9765V15.4097C66.9103 15.4097 62.3631 7.32877 54.3179 2.60303Z\",\n                fill: \"#403391\"\n            })\n        ]\n    }));\nexport const SolvookLogo_s = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        xmlns: \"http://www.w3.org/2000/svg\",\n        width: \"134\",\n        height: \"32\",\n        viewBox: \"0 0 134 32\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M19.8718 23.4571C18.5096 22.741 17.369 21.6662 16.5732 20.3489C15.7775 19.0317 15.3569 17.522 15.3569 15.9831C15.3569 14.4442 15.7775 12.9345 16.5732 11.6172C17.369 10.3 18.5096 9.22522 19.8718 8.50909C21.3338 7.78378 22.9437 7.40637 24.5757 7.40637C26.2078 7.40637 27.8177 7.78378 29.2797 8.50909C30.6438 9.22361 31.7864 10.2978 32.5836 11.6153C33.3808 12.9327 33.8022 14.4432 33.8022 15.9831C33.8022 17.523 33.3808 19.0335 32.5836 20.3509C31.7864 21.6684 30.6438 22.7426 29.2797 23.4571C27.819 24.1869 26.2086 24.5668 24.5757 24.5668C22.9429 24.5668 21.3325 24.1869 19.8718 23.4571ZM26.8413 20.1353C27.5199 19.7423 28.0747 19.1669 28.4426 18.4744C28.85 17.7204 29.0538 16.8732 29.0339 16.0163C29.0522 15.1554 28.8485 14.3043 28.4426 13.5449C28.071 12.8551 27.5171 12.2806 26.8413 11.884C26.1495 11.4989 25.3709 11.2968 24.5791 11.2968C23.7873 11.2968 23.0086 11.4989 22.3168 11.884C21.6407 12.2823 21.0851 12.8563 20.709 13.5449C20.3083 14.3061 20.1072 15.1563 20.1243 16.0163C20.1056 16.8722 20.3069 17.7186 20.709 18.4744C21.0812 19.1659 21.6377 19.7408 22.3168 20.1353C23.0063 20.5273 23.7859 20.7333 24.5791 20.7333C25.3722 20.7333 26.1518 20.5273 26.8413 20.1353ZM3.06288 24.0683C1.971 23.8111 0.933776 23.3612 0 22.7396L1.52812 19.2982C3.16067 20.3297 5.04531 20.8928 6.97618 20.9259C8.77006 20.9259 9.63378 20.4742 9.63378 19.5972C9.6328 19.3642 9.55847 19.1374 9.42133 18.9489C9.28418 18.7605 9.09118 18.6201 8.86972 18.5475C8.0723 18.2319 7.24705 17.9917 6.4048 17.83C5.36189 17.6114 4.33433 17.3251 3.32864 16.973C2.50089 16.6692 1.7629 16.162 1.18263 15.4981C0.554495 14.7311 0.234714 13.7576 0.285692 12.7676C0.275907 11.7969 0.563397 10.8464 1.10955 10.0438C1.72999 9.18057 2.58565 8.51406 3.57447 8.12375C4.84184 7.62082 6.19775 7.37902 7.56086 7.41288C8.64104 7.41071 9.71786 7.53333 10.7699 7.77829C11.7475 7.99221 12.6865 8.3552 13.5537 8.85455L12.1386 12.3225C10.7448 11.5236 9.17359 11.0851 7.5675 11.0469C6.86412 10.9954 6.16027 11.1403 5.53444 11.4655C5.34418 11.5722 5.18557 11.7274 5.07471 11.9152C4.96385 12.1031 4.9047 12.317 4.90326 12.5351C4.90977 12.7577 4.9856 12.9727 5.12018 13.1502C5.25477 13.3277 5.4414 13.4587 5.65403 13.525C6.44214 13.8217 7.25624 14.0441 8.08573 14.1893C9.14668 14.3991 10.1905 14.6877 11.2084 15.053C12.0329 15.3534 12.7701 15.8532 13.3544 16.5079C13.9925 17.2701 14.3178 18.2459 14.2646 19.2384C14.2657 20.1883 13.9759 21.1157 13.4341 21.8959C12.8103 22.7585 11.9527 23.4247 10.9626 23.8159C9.6969 24.3254 8.34009 24.5696 6.97618 24.5334C5.65691 24.5523 4.34096 24.3959 3.06288 24.0683ZM40.615 7.73812H35.9642V24.2407H50.2886V20.5403H40.615V7.73812Z\",\n                fill: \"#403391\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M81.6184 23.4273C80.2562 22.7112 79.1156 21.6364 78.3198 20.3192C77.5241 19.0019 77.1035 17.4922 77.1035 15.9533C77.1035 14.4144 77.5241 12.9047 78.3198 11.5875C79.1156 10.2702 80.2562 9.19543 81.6184 8.4793C83.0804 7.754 84.6903 7.37659 86.3224 7.37659C87.9544 7.37659 89.5643 7.754 91.0263 8.4793C92.3904 9.19382 93.533 10.268 94.3302 11.5855C95.1274 12.903 95.5488 14.4135 95.5488 15.9533C95.5488 17.4932 95.1274 19.0037 94.3302 20.3211C93.533 21.6386 92.3904 22.7128 91.0263 23.4273C89.5656 24.1571 87.9552 24.537 86.3224 24.537C84.6895 24.537 83.0791 24.1571 81.6184 23.4273ZM88.588 20.1055C89.2665 19.7126 89.8213 19.1371 90.1892 18.4447C90.5935 17.6894 90.7971 16.843 90.7805 15.9865C90.7955 15.126 90.5921 14.2757 90.1892 13.5151C89.8176 12.8253 89.2637 12.2508 88.588 11.8542C87.8953 11.4679 87.1154 11.2651 86.3224 11.2651C85.5293 11.2651 84.7494 11.4679 84.0568 11.8542C83.3825 12.2527 82.8291 12.8267 82.4556 13.5151C82.0526 14.2757 81.8492 15.126 81.8642 15.9865C81.8476 16.843 82.0512 17.6894 82.4556 18.4447C82.8255 19.1357 83.3797 19.7106 84.0568 20.1055C84.7475 20.4975 85.5281 20.7035 86.3224 20.7035C87.1166 20.7035 87.8972 20.4975 88.588 20.1055ZM101.325 23.4276C99.963 22.7114 98.8224 21.6367 98.0267 20.3194C97.231 19.0021 96.8104 17.4925 96.8104 15.9536C96.8104 14.4146 97.231 12.905 98.0267 11.5877C98.8224 10.2704 99.963 9.19568 101.325 8.47955C102.787 7.75425 104.397 7.37684 106.029 7.37684C107.661 7.37684 109.271 7.75425 110.733 8.47955C112.097 9.19407 113.24 10.2683 114.037 11.5857C114.834 12.9032 115.256 14.4137 115.256 15.9536C115.256 17.4934 114.834 19.0039 114.037 20.3214C113.24 21.6389 112.097 22.7131 110.733 23.4276C109.272 24.1574 107.662 24.5373 106.029 24.5373C104.396 24.5373 102.786 24.1574 101.325 23.4276ZM108.295 20.1058C108.973 19.7128 109.528 19.1374 109.896 18.4449C110.3 17.6897 110.504 16.8433 110.487 15.9868C110.502 15.1262 110.299 14.2759 109.896 13.5154C109.524 12.8256 108.971 12.2511 108.295 11.8545C107.602 11.4682 106.822 11.2654 106.029 11.2654C105.236 11.2654 104.456 11.4682 103.764 11.8545C103.089 12.2529 102.536 12.827 102.162 13.5154C101.762 14.2765 101.561 15.1268 101.578 15.9868C101.559 16.8427 101.76 17.689 102.162 18.4449C102.532 19.1359 103.087 19.7108 103.764 20.1058C104.454 20.4977 105.235 20.7037 106.029 20.7037C106.823 20.7037 107.604 20.4977 108.295 20.1058ZM122.04 20.0796L123.781 18.2194L128.498 24.2119H133.899L126.804 15.0172L133.547 7.70932H128.431L122.04 14.5721V7.70932H117.389V24.2119H122.04V20.0796Z\",\n                fill: \"#57C29E\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M62.2729 12.9186V31.102C62.2729 31.102 66.5052 19.7216 73.9929 15.2903V1C66.5052 5.39804 62.2729 12.9186 62.2729 12.9186Z\",\n                fill: \"#57C29E\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M50.5527 1.03027V15.3472C58.0405 19.7784 62.2727 31.1589 62.2727 31.1589V12.9488C62.2727 12.9488 58.0405 5.42832 50.5527 1.03027Z\",\n                fill: \"#403391\"\n            })\n        ]\n    }));\nexport const Update = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        width: \"41\",\n        height: \"12\",\n        viewBox: \"0 0 41 12\",\n        fill: \"none\",\n        xmlns: \"http://www.w3.org/2000/svg\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            d: \"M5.96685 0.513812H7.73204V6.02486C7.73204 7.88122 6.3232 9.12017 4.22238 9.12017C2.10912 9.12017 0.716851 7.88122 0.716851 6.02486V0.513812H2.4779V5.87569C2.4779 6.86188 3.16989 7.5663 4.22238 7.5663C5.27901 7.5663 5.96685 6.86188 5.96685 5.87569V0.513812ZM9.12463 11.3867V2.63536H10.836V3.70442H10.9147C11.1509 3.19061 11.6564 2.55249 12.7255 2.55249C14.1343 2.55249 15.3111 3.64641 15.3111 5.82597C15.3111 7.95166 14.1799 9.10359 12.7255 9.10359C11.6896 9.10359 11.1592 8.50691 10.9147 7.98481H10.8608V11.3867H9.12463ZM10.8235 5.81768C10.8235 6.96133 11.3166 7.71961 12.1826 7.71961C13.0611 7.71961 13.5376 6.94061 13.5376 5.81768C13.5376 4.70304 13.0694 3.94061 12.1826 3.94061C11.3083 3.94061 10.8235 4.66989 10.8235 5.81768ZM18.7749 9.10359C17.3163 9.10359 16.1851 7.95166 16.1851 5.82597C16.1851 3.64641 17.366 2.55249 18.7707 2.55249C19.8439 2.55249 20.3494 3.19061 20.5856 3.70442H20.6354V0.513812H22.3674V9H20.6602V7.98481H20.5856C20.337 8.50691 19.8108 9.10359 18.7749 9.10359ZM17.9586 5.81768C17.9586 6.94061 18.4351 7.71961 19.3177 7.71961C20.1754 7.71961 20.6727 6.96133 20.6727 5.81768C20.6727 4.66989 20.1837 3.94061 19.3177 3.94061C18.4268 3.94061 17.9586 4.70304 17.9586 5.81768ZM23.463 7.22238C23.463 5.79696 24.6067 5.33702 25.829 5.25829C26.2807 5.22928 27.1426 5.19199 27.4078 5.1837V4.66989C27.4036 4.13122 27.039 3.82459 26.3967 3.82459C25.8 3.82459 25.4271 4.09392 25.3318 4.52901H23.6868C23.7862 3.42265 24.7475 2.55249 26.4381 2.55249C27.8263 2.55249 29.1357 3.17818 29.1357 4.71133V9H27.4906V8.1174H27.4409C27.1343 8.7058 26.5252 9.12017 25.5804 9.12017C24.3663 9.12017 23.463 8.4779 23.463 7.22238ZM25.1246 7.16851C25.1246 7.6616 25.5183 7.91436 26.0735 7.91436C26.8649 7.91436 27.4202 7.39641 27.416 6.72514V6.26105C27.1591 6.27348 26.4091 6.31492 26.1108 6.34392C25.5058 6.39365 25.1246 6.67956 25.1246 7.16851ZM33.8133 2.63536V3.94061H32.6116V7.04834C32.6116 7.55387 32.8602 7.67403 33.2166 7.68646C33.3865 7.69061 33.6889 7.66989 33.8961 7.65746V9.02486C33.7138 9.05387 33.403 9.08702 32.9804 9.08702C31.7207 9.08702 30.8671 8.52348 30.8754 7.28453V3.94061H30.0011V2.63536H30.8754V1.1105H32.6116V2.63536H33.8133ZM37.712 9.12431C35.7603 9.12431 34.5628 7.86464 34.5628 5.84668C34.5628 3.8826 35.7769 2.55249 37.6415 2.55249C39.3114 2.55249 40.6291 3.60912 40.6291 5.78039V6.26519H36.2783C36.2783 7.23066 36.8501 7.8232 37.741 7.8232C38.3377 7.8232 38.7603 7.5663 38.9343 7.18923H40.5835C40.3349 8.36188 39.2824 9.12431 37.712 9.12431ZM36.2783 5.17956H38.9924C38.9841 4.40884 38.4495 3.84945 37.6747 3.84945C36.875 3.84945 36.3197 4.45028 36.2783 5.17956Z\",\n            fill: \"white\"\n        })\n    }));\nexport const New = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        width: \"44\",\n        height: \"22\",\n        viewBox: \"0 0 44 22\",\n        fill: \"none\",\n        xmlns: \"http://www.w3.org/2000/svg\",\n        children: [\n            /*#__PURE__*/ _jsxs(\"g\", {\n                filter: \"url(#filter0_dd_3169_40172)\",\n                children: [\n                    /*#__PURE__*/ _jsx(\"rect\", {\n                        x: \"2\",\n                        y: \"1\",\n                        width: \"40\",\n                        height: \"18\",\n                        rx: \"9\",\n                        fill: \"#F26A55\",\n                        shapeRendering: \"crispEdges\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"path\", {\n                        d: \"M15.7942 5.51381V14H14.2693L10.5401 8.60912H10.4779V14H8.71685V5.51381H10.2666L13.9669 10.9006H14.0414V5.51381H15.7942ZM17.2247 14V5.51381H22.918V6.97238H18.9857V9.02762H22.6238V10.482H18.9857V12.5414H22.9346V14H17.2247ZM26.1889 14L23.7648 5.51381H25.6875L27.1087 11.4517H27.1833L28.7413 5.51381H30.3988L31.9568 11.4599H32.0273L33.4485 5.51381H35.3712L32.9471 14H31.2275L29.6032 8.40193H29.5369L27.9126 14H26.1889Z\",\n                        fill: \"white\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(\"defs\", {\n                children: /*#__PURE__*/ _jsxs(\"filter\", {\n                    id: \"filter0_dd_3169_40172\",\n                    x: \"0\",\n                    y: \"0\",\n                    width: \"44\",\n                    height: \"22\",\n                    filterUnits: \"userSpaceOnUse\",\n                    colorInterpolationFilters: \"sRGB\",\n                    children: [\n                        /*#__PURE__*/ _jsx(\"feFlood\", {\n                            floodOpacity: \"0\",\n                            result: \"BackgroundImageFix\"\n                        }),\n                        /*#__PURE__*/ _jsx(\"feColorMatrix\", {\n                            in: \"SourceAlpha\",\n                            type: \"matrix\",\n                            values: \"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\",\n                            result: \"hardAlpha\"\n                        }),\n                        /*#__PURE__*/ _jsx(\"feOffset\", {}),\n                        /*#__PURE__*/ _jsx(\"feGaussianBlur\", {\n                            stdDeviation: \"0.5\"\n                        }),\n                        /*#__PURE__*/ _jsx(\"feComposite\", {\n                            in2: \"hardAlpha\",\n                            operator: \"out\"\n                        }),\n                        /*#__PURE__*/ _jsx(\"feColorMatrix\", {\n                            type: \"matrix\",\n                            values: \"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0\"\n                        }),\n                        /*#__PURE__*/ _jsx(\"feBlend\", {\n                            mode: \"normal\",\n                            in2: \"BackgroundImageFix\",\n                            result: \"effect1_dropShadow_3169_40172\"\n                        }),\n                        /*#__PURE__*/ _jsx(\"feColorMatrix\", {\n                            in: \"SourceAlpha\",\n                            type: \"matrix\",\n                            values: \"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\",\n                            result: \"hardAlpha\"\n                        }),\n                        /*#__PURE__*/ _jsx(\"feOffset\", {\n                            dy: \"1\"\n                        }),\n                        /*#__PURE__*/ _jsx(\"feGaussianBlur\", {\n                            stdDeviation: \"1\"\n                        }),\n                        /*#__PURE__*/ _jsx(\"feComposite\", {\n                            in2: \"hardAlpha\",\n                            operator: \"out\"\n                        }),\n                        /*#__PURE__*/ _jsx(\"feColorMatrix\", {\n                            type: \"matrix\",\n                            values: \"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0\"\n                        }),\n                        /*#__PURE__*/ _jsx(\"feBlend\", {\n                            mode: \"normal\",\n                            in2: \"effect1_dropShadow_3169_40172\",\n                            result: \"effect2_dropShadow_3169_40172\"\n                        }),\n                        /*#__PURE__*/ _jsx(\"feBlend\", {\n                            mode: \"normal\",\n                            in: \"SourceGraphic\",\n                            in2: \"effect2_dropShadow_3169_40172\",\n                            result: \"shape\"\n                        })\n                    ]\n                })\n            })\n        ]\n    }));\nexport const Ellipse = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        width: \"4\",\n        height: \"4\",\n        viewBox: \"0 0 4 4\",\n        children: /*#__PURE__*/ _jsx(\"circle\", {\n            cx: \"2\",\n            cy: \"2\",\n            r: \"2\"\n        })\n    }), \"fill\");\nexport const Teacher = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        xmlns: \"http://www.w3.org/2000/svg\",\n        width: \"32\",\n        height: \"32\",\n        viewBox: \"0 0 32 32\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M14.2119 13.1561C14.2288 13.206 14.2456 13.256 14.2622 13.3062H15.3427C15.7109 13.3062 16.0094 13.6047 16.0094 13.9729C16.0094 14.3411 15.7109 14.6395 15.3427 14.6395H14.6537C14.7225 14.9143 14.7821 15.186 14.8295 15.4507C14.9591 16.1748 15.0106 16.9155 14.8566 17.5313C14.7673 17.8885 14.4054 18.1056 14.0482 18.0163C13.691 17.927 13.4738 17.5651 13.5631 17.2079C13.648 16.8683 13.6362 16.3514 13.517 15.6856C13.4575 15.3534 13.3747 15.0012 13.2751 14.6395H10.2014C9.82757 15.5689 9.47119 16.5618 9.18806 17.5527C9.08691 17.9068 8.71792 18.1117 8.3639 18.0106C8.00988 17.9094 7.80488 17.5405 7.90603 17.1864C8.85362 13.8699 10.5678 10.5738 11.1548 9.49252C11.5056 8.84641 12.4243 8.88853 12.7314 9.53753C13.0452 10.2008 13.6973 11.6363 14.2119 13.1561ZM10.7661 13.3062C11.1828 12.3677 11.5869 11.5466 11.903 10.9315C12.1889 11.577 12.5414 12.4208 12.8531 13.3062H10.7661Z\",\n                fill: \"#6A708A\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M18.8034 9.8489L17.7976 16.8894C17.6993 16.9025 17.6141 16.9132 17.5443 16.9216C17.4749 16.93 17.4209 16.9361 17.3848 16.94L17.3442 16.9444L17.3346 16.9454L17.3321 16.9456C16.9659 16.9823 16.6986 17.309 16.7353 17.6753C16.7719 18.0417 17.0988 18.309 17.4652 18.2723L17.4666 18.2722L17.4702 18.2718L17.483 18.2705L17.5301 18.2654C17.5707 18.261 17.6295 18.2543 17.7039 18.2454C17.8528 18.2274 18.0648 18.2001 18.3204 18.1624C18.8302 18.0872 19.52 17.9696 20.2306 17.8004C20.9354 17.6326 21.6898 17.4073 22.3149 17.1083C22.8974 16.8298 23.5543 16.4013 23.7781 15.73C23.8914 15.39 23.882 15.0497 23.7594 14.7364C23.6424 14.4374 23.4385 14.2029 23.2253 14.0224C22.9156 13.7604 22.5209 13.5581 22.1281 13.4013C22.4371 13.2612 22.7414 13.09 23.0034 12.8805C23.4353 12.5352 23.8251 12.0218 23.8122 11.3271C23.8009 10.7152 23.5037 10.253 23.1083 9.93465C22.7326 9.63218 22.2631 9.45157 21.8311 9.33794C20.9636 9.10977 20.026 9.09682 19.651 9.10138C19.2062 9.10679 18.8618 9.44031 18.8034 9.8489ZM19.7407 12.716L20.0659 10.4396C20.4617 10.4535 21.0027 10.4987 21.492 10.6274C21.8382 10.7185 22.1039 10.8378 22.2721 10.9732C22.4207 11.0929 22.4764 11.2067 22.4791 11.3518C22.4815 11.4794 22.4217 11.6385 22.1707 11.8392C21.9154 12.0433 21.5393 12.2231 21.111 12.371C20.691 12.5159 20.2634 12.6159 19.9364 12.6797C19.8655 12.6936 19.7999 12.7056 19.7407 12.716ZM19.5661 14.1138L19.5416 14.1101L19.1767 16.664C19.4177 16.6169 19.6689 16.5635 19.9218 16.5033C20.5885 16.3446 21.2383 16.1453 21.7396 15.9055C22.2837 15.6453 22.4758 15.4207 22.5132 15.3083C22.5305 15.2564 22.5237 15.2375 22.5177 15.2223C22.5061 15.1927 22.4691 15.1292 22.364 15.0403C22.1443 14.8544 21.7685 14.6743 21.3022 14.5189C20.8506 14.3684 20.3758 14.2606 20.008 14.1902C19.8255 14.1553 19.6725 14.1301 19.5661 14.1138ZM17.3986 17.609L17.4652 18.2723C17.4652 18.2723 17.4649 18.2723 17.3986 17.609Z\",\n                fill: \"#6A708A\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M4 5.3335C2.89543 5.3335 2 6.22893 2 7.3335V24.6668C2 25.7714 2.89543 26.6668 4 26.6668H28C29.1046 26.6668 30 25.7714 30 24.6668V7.3335C30 6.22893 29.1046 5.3335 28 5.3335H4ZM3.33333 7.3335C3.33333 6.96531 3.63181 6.66683 4 6.66683H28C28.3682 6.66683 28.6667 6.96531 28.6667 7.3335V22.6668H27.3333V22.0002C27.3333 20.8956 26.4379 20.0002 25.3333 20.0002H20C18.8954 20.0002 18 20.8956 18 22.0002V22.6668H3.33333V7.3335ZM28.6667 24.0002V24.6668C28.6667 25.035 28.3682 25.3335 28 25.3335H4C3.63181 25.3335 3.33333 25.035 3.33333 24.6668V24.0002H28.6667ZM26 22.0002V22.6668H19.3333V22.0002C19.3333 21.632 19.6318 21.3335 20 21.3335H25.3333C25.7015 21.3335 26 21.632 26 22.0002Z\",\n                fill: \"#6A708A\"\n            })\n        ]\n    }));\nexport const Principal = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        xmlns: \"http://www.w3.org/2000/svg\",\n        width: \"32\",\n        height: \"32\",\n        viewBox: \"0 0 32 32\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M3.3335 5.3335C3.3335 4.22893 4.22893 3.3335 5.3335 3.3335H18.6668C19.7714 3.3335 20.6668 4.22893 20.6668 5.3335V14.0002H26.6668C27.7714 14.0002 28.6668 14.8956 28.6668 16.0002V26.6668C28.6668 27.7714 27.7714 28.6668 26.6668 28.6668H5.3335C4.22893 28.6668 3.3335 27.7714 3.3335 26.6668V5.3335ZM8.66683 27.3335H5.3335C4.96531 27.3335 4.66683 27.035 4.66683 26.6668V5.3335C4.66683 4.96531 4.96531 4.66683 5.3335 4.66683H18.6668C19.035 4.66683 19.3335 4.96531 19.3335 5.3335V27.3335H15.3335V24.6668C15.3335 23.9304 14.7365 23.3335 14.0002 23.3335H10.0002C9.26378 23.3335 8.66683 23.9304 8.66683 24.6668V27.3335ZM20.6668 27.3335H26.6668C27.035 27.3335 27.3335 27.035 27.3335 26.6668V16.0002C27.3335 15.632 27.035 15.3335 26.6668 15.3335H20.6668V27.3335ZM6.00016 7.3335C6.00016 6.59712 6.59712 6.00016 7.3335 6.00016H16.6668C17.4032 6.00016 18.0002 6.59712 18.0002 7.3335V11.3335C18.0002 12.0699 17.4032 12.6668 16.6668 12.6668H7.3335C6.59712 12.6668 6.00016 12.0699 6.00016 11.3335V7.3335ZM16.6668 7.3335H7.3335V11.3335H16.6668V7.3335ZM6.00016 16.0002C6.00016 15.632 6.29864 15.3335 6.66683 15.3335H17.3335C17.7017 15.3335 18.0002 15.632 18.0002 16.0002C18.0002 16.3684 17.7017 16.6668 17.3335 16.6668H6.66683C6.29864 16.6668 6.00016 16.3684 6.00016 16.0002ZM22.0002 18.6668C22.0002 18.2986 22.2986 18.0002 22.6668 18.0002H25.3335C25.7017 18.0002 26.0002 18.2986 26.0002 18.6668C26.0002 19.035 25.7017 19.3335 25.3335 19.3335H22.6668C22.2986 19.3335 22.0002 19.035 22.0002 18.6668ZM6.00016 20.0002C6.00016 19.632 6.29864 19.3335 6.66683 19.3335H17.3335C17.7017 19.3335 18.0002 19.632 18.0002 20.0002C18.0002 20.3684 17.7017 20.6668 17.3335 20.6668H6.66683C6.29864 20.6668 6.00016 20.3684 6.00016 20.0002ZM22.0002 22.6668C22.0002 22.2986 22.2986 22.0002 22.6668 22.0002H25.3335C25.7017 22.0002 26.0002 22.2986 26.0002 22.6668C26.0002 23.035 25.7017 23.3335 25.3335 23.3335H22.6668C22.2986 23.3335 22.0002 23.035 22.0002 22.6668ZM14.0002 24.6668H10.0002V27.3335H14.0002V24.6668Z\",\n            fill: \"#6A708A\"\n        })\n    }));\nexport const Student = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        xmlns: \"http://www.w3.org/2000/svg\",\n        width: \"32\",\n        height: \"32\",\n        viewBox: \"0 0 32 32\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M12.6668 5.3335C12.6668 4.22893 13.5623 3.3335 14.6668 3.3335H17.3335C18.4381 3.3335 19.3335 4.22893 19.3335 5.3335V6.00016H22.6668C24.5078 6.00016 26.0002 7.49255 26.0002 9.3335V15.3335H26.6668C27.7714 15.3335 28.6668 16.2289 28.6668 17.3335V25.3335C28.6668 26.4381 27.7714 27.3335 26.6668 27.3335H25.3337C24.7256 28.1431 23.7574 28.6668 22.6668 28.6668H9.3335C8.24295 28.6668 7.27472 28.1431 6.66659 27.3335H5.3335C4.22893 27.3335 3.3335 26.4381 3.3335 25.3335V17.3335C3.3335 16.2289 4.22893 15.3335 5.3335 15.3335H6.00016V9.3335C6.00016 7.49255 7.49255 6.00016 9.3335 6.00016H12.6668V5.3335ZM14.0002 6.00016H18.0002V5.3335C18.0002 4.96531 17.7017 4.66683 17.3335 4.66683H14.6668C14.2986 4.66683 14.0002 4.96531 14.0002 5.3335V6.00016ZM9.3335 7.3335C8.22893 7.3335 7.3335 8.22893 7.3335 9.3335V12.0002C7.3335 13.1047 8.22893 14.0002 9.3335 14.0002H22.6668C23.7714 14.0002 24.6668 13.1047 24.6668 12.0002V9.3335C24.6668 8.22893 23.7714 7.3335 22.6668 7.3335H9.3335ZM24.6668 14.6671C24.1097 15.0855 23.4172 15.3335 22.6668 15.3335H9.3335C8.58309 15.3335 7.8906 15.0855 7.3335 14.6671V25.3335C7.3335 26.4381 8.22893 27.3335 9.3335 27.3335H22.6668C23.7714 27.3335 24.6668 26.4381 24.6668 25.3335V14.6671ZM6.00016 16.6668H5.3335C4.96531 16.6668 4.66683 16.9653 4.66683 17.3335V25.3335C4.66683 25.7017 4.96531 26.0002 5.3335 26.0002H6.00016V16.6668ZM26.0002 26.0002H26.6668C27.035 26.0002 27.3335 25.7017 27.3335 25.3335V17.3335C27.3335 16.9653 27.035 16.6668 26.6668 16.6668H26.0002V26.0002ZM12.6668 10.6668C12.6668 10.2986 12.9653 10.0002 13.3335 10.0002H18.6668C19.035 10.0002 19.3335 10.2986 19.3335 10.6668C19.3335 11.035 19.035 11.3335 18.6668 11.3335H13.3335C12.9653 11.3335 12.6668 11.035 12.6668 10.6668ZM8.66683 20.0002C8.66683 18.8956 9.56226 18.0002 10.6668 18.0002H21.3335C22.4381 18.0002 23.3335 18.8956 23.3335 20.0002V24.0002C23.3335 25.1047 22.4381 26.0002 21.3335 26.0002H10.6668C9.56226 26.0002 8.66683 25.1047 8.66683 24.0002V20.0002ZM10.6668 19.3335C10.2986 19.3335 10.0002 19.632 10.0002 20.0002V24.0002C10.0002 24.3684 10.2986 24.6668 10.6668 24.6668H21.3335C21.7017 24.6668 22.0002 24.3684 22.0002 24.0002V20.0002C22.0002 19.632 21.7017 19.3335 21.3335 19.3335H10.6668Z\",\n            fill: \"#6A708A\"\n        })\n    }));\nexport const Parent = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        xmlns: \"http://www.w3.org/2000/svg\",\n        width: \"32\",\n        height: \"32\",\n        viewBox: \"0 0 32 32\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M14.2915 7.6954C12.0896 5.43465 8.52723 5.43465 6.3254 7.6954C4.11451 9.96544 4.11398 13.6527 6.3238 15.9234C6.32433 15.924 6.32487 15.9245 6.3254 15.9251L15.5264 25.2379C15.7874 25.5021 16.2139 25.5021 16.4749 25.2379L25.6749 15.926C25.6755 15.9255 25.676 15.9249 25.6765 15.9244C27.8864 13.6536 27.8858 9.96641 25.6749 7.69637C23.4731 5.43563 19.9107 5.43563 17.7089 7.69637L16.6693 8.76381C16.3029 9.13999 15.6984 9.13999 15.332 8.76381L14.2915 7.6954ZM5.37023 6.76512C8.09545 3.96697 12.5214 3.96697 15.2466 6.76511L16.0006 7.53931L16.7537 6.76609C19.4789 3.96795 23.9049 3.96794 26.6301 6.76609C29.3457 9.55439 29.3457 14.068 26.6301 16.8563L26.6268 16.8597L17.4234 26.175C16.6404 26.9675 15.3609 26.9675 14.5779 26.175L5.37022 16.8553C2.65458 14.067 2.65459 9.55341 5.37023 6.76512Z\",\n            fill: \"#6A708A\"\n        })\n    }));\nexport const University = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        xmlns: \"http://www.w3.org/2000/svg\",\n        width: \"32\",\n        height: \"32\",\n        viewBox: \"0 0 32 32\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M15.1055 5.03536C15.6686 4.75384 16.3313 4.75384 16.8944 5.03536L29.1544 11.1654C29.8423 11.5093 29.8423 12.491 29.1544 12.835L28.6246 13.0999C28.6518 13.1726 28.6666 13.2513 28.6666 13.3335V16.7806C29.4434 17.0552 30 17.796 30 18.6668V21.3335C30 22.4381 29.1045 23.3335 28 23.3335C26.8954 23.3335 26 22.4381 26 21.3335V18.6668C26 17.796 26.5565 17.0552 27.3333 16.7806V13.7455L24.6666 15.0789V23.5885C24.6666 24.1348 24.4393 24.705 23.9362 25.0647C22.8834 25.8175 20.2346 27.3335 16 27.3335C11.7654 27.3335 9.11649 25.8175 8.0637 25.0647L8.45145 24.5224L8.0637 25.0647C7.56059 24.705 7.3333 24.1348 7.3333 23.5885V15.0789L2.84552 12.835C2.15761 12.491 2.15761 11.5093 2.84552 11.1654L15.1055 5.03536ZM8.66664 15.7455V23.5885C8.66664 23.7792 8.74284 23.9112 8.83921 23.9801C9.71842 24.6087 12.1019 26.0002 16 26.0002C19.8981 26.0002 22.2815 24.6087 23.1607 23.9801C23.2571 23.9112 23.3333 23.7792 23.3333 23.5885V15.7455L16.8944 18.965C16.3313 19.2465 15.6686 19.2465 15.1055 18.965L8.66664 15.7455ZM16.2981 6.22793C16.1104 6.13409 15.8895 6.13409 15.7018 6.22793L4.15735 12.0002L15.7018 17.7724C15.8895 17.8663 16.1104 17.8663 16.2981 17.7724L27.8426 12.0002L16.2981 6.22793ZM28 18.0002C27.6318 18.0002 27.3333 18.2987 27.3333 18.6668V21.3335C27.3333 21.7017 27.6318 22.0002 28 22.0002C28.3682 22.0002 28.6666 21.7017 28.6666 21.3335V18.6668C28.6666 18.2987 28.3682 18.0002 28 18.0002Z\",\n            fill: \"#6A708A\"\n        })\n    }));\nexport const English = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        xmlns: \"http://www.w3.org/2000/svg\",\n        width: \"32\",\n        height: \"32\",\n        viewBox: \"0 0 32 32\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M22.4474 13.6763C23.2499 13.6763 23.8816 14.1339 24.0169 14.9268H25.2191C25.0128 13.4571 23.8848 12.6095 22.4281 12.6095C20.7006 12.6095 19.4083 13.8664 19.4083 16C19.4083 18.127 20.6845 19.3904 22.4281 19.3904C23.9912 19.3904 25.0354 18.3784 25.2191 17.1183L24.0169 17.1118C23.8622 17.8853 23.2306 18.3236 22.441 18.3236C21.371 18.3236 20.6007 17.5179 20.6007 16C20.6007 14.5078 21.3645 13.6763 22.4474 13.6763Z\",\n                fill: \"#6A708A\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M8.05121 19.3001H6.78141L9.1083 12.6998H10.5715L12.8984 19.3001H11.6318L11.0839 17.6662H8.59909L8.05121 19.3001ZM8.91815 16.7122H10.7616L9.86567 14.0469H9.8141L8.91815 16.7122Z\",\n                fill: \"#6A708A\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M13.6911 19.3001V12.6998H16.2146C17.6423 12.6998 18.3481 13.4281 18.3481 14.4143C18.3481 15.2136 17.8421 15.6648 17.1975 15.8163V15.8807C17.9001 15.9194 18.6059 16.5027 18.6059 17.5018C18.6059 18.5299 17.8679 19.3001 16.3564 19.3001H13.6911ZM14.8739 18.3075H16.1694C17.0396 18.3075 17.4038 17.9369 17.4038 17.4116C17.4038 16.8186 16.9397 16.3674 16.2049 16.3674H14.8739V18.3075ZM14.8739 15.5101H16.0663C16.6915 15.5101 17.1653 15.1459 17.1653 14.5626C17.1653 14.0534 16.7979 13.6827 16.0921 13.6827H14.8739V15.5101Z\",\n                fill: \"#6A708A\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M5.3335 3.3335C4.22893 3.3335 3.3335 4.22893 3.3335 5.3335V26.6668C3.3335 27.7714 4.22893 28.6668 5.3335 28.6668H26.6668C27.7714 28.6668 28.6668 27.7714 28.6668 26.6668V5.3335C28.6668 4.22893 27.7714 3.3335 26.6668 3.3335H5.3335ZM4.66683 5.3335C4.66683 4.96531 4.96531 4.66683 5.3335 4.66683H26.6668C27.035 4.66683 27.3335 4.96531 27.3335 5.3335V26.6668C27.3335 27.035 27.035 27.3335 26.6668 27.3335H5.3335C4.96531 27.3335 4.66683 27.035 4.66683 26.6668V5.3335Z\",\n                fill: \"#6A708A\"\n            })\n        ]\n    }));\nexport const Korean = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        xmlns: \"http://www.w3.org/2000/svg\",\n        width: \"32\",\n        height: \"32\",\n        viewBox: \"0 0 32 32\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M25.1945 14.7605V13.7163H19.9058V18.2702H25.2654V17.2453H21.2304V14.7605H25.1945Z\",\n                fill: \"#6A708A\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M12.0999 13.7453V18.2798H10.8011V14.7895H6.73714V13.7453H12.0999Z\",\n                fill: \"#6A708A\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M18.7471 17.0874V18.1316H13.3038V13.7453H14.6219V17.0874H18.7471Z\",\n                fill: \"#6A708A\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M5.3335 3.3335C4.22893 3.3335 3.3335 4.22893 3.3335 5.3335V26.6668C3.3335 27.7714 4.22893 28.6668 5.3335 28.6668H26.6668C27.7714 28.6668 28.6668 27.7714 28.6668 26.6668V5.3335C28.6668 4.22893 27.7714 3.3335 26.6668 3.3335H5.3335ZM4.66683 5.3335C4.66683 4.96531 4.96531 4.66683 5.3335 4.66683H26.6668C27.035 4.66683 27.3335 4.96531 27.3335 5.3335V26.6668C27.3335 27.035 27.035 27.3335 26.6668 27.3335H5.3335C4.96531 27.3335 4.66683 27.035 4.66683 26.6668V5.3335Z\",\n                fill: \"#6A708A\"\n            })\n        ]\n    }));\nexport const Math = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        xmlns: \"http://www.w3.org/2000/svg\",\n        width: \"32\",\n        height: \"32\",\n        viewBox: \"0 0 32 32\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M19.7545 18.3576L19.7578 19.347H24.4857V18.2223H21.6625V18.1771L22.668 17.2071C24.028 15.9759 24.3922 15.3571 24.3954 14.6062C24.3922 13.4621 23.4544 12.6564 22.0363 12.6564C20.6505 12.6564 19.6933 13.4815 19.6965 14.7738H20.9986C20.9953 14.1389 21.4046 13.749 22.0266 13.749C22.6261 13.749 23.0708 14.1099 23.0741 14.6932C23.0708 15.2218 22.7389 15.586 22.1265 16.1757L19.7545 18.3576Z\",\n                fill: \"#6A708A\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M10.4421 12.7467V19.347H9.06919V14.0519H9.03052L7.51579 15.0026V13.7844L9.14977 12.7467H10.4421Z\",\n                fill: \"#6A708A\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M14.7784 18.335V16.6269H13.0736V15.4893H14.7784V13.7844H15.9193V15.4893H17.6274V16.6269H15.9193V18.335H14.7784Z\",\n                fill: \"#6A708A\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M5.3335 3.3335C4.22893 3.3335 3.3335 4.22893 3.3335 5.3335V26.6668C3.3335 27.7714 4.22893 28.6668 5.3335 28.6668H26.6668C27.7714 28.6668 28.6668 27.7714 28.6668 26.6668V5.3335C28.6668 4.22893 27.7714 3.3335 26.6668 3.3335H5.3335ZM4.66683 5.3335C4.66683 4.96531 4.96531 4.66683 5.3335 4.66683H26.6668C27.035 4.66683 27.3335 4.96531 27.3335 5.3335V26.6668C27.3335 27.035 27.035 27.3335 26.6668 27.3335H5.3335C4.96531 27.3335 4.66683 27.035 4.66683 26.6668V5.3335Z\",\n                fill: \"#6A708A\"\n            })\n        ]\n    }));\nexport const Science = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        xmlns: \"http://www.w3.org/2000/svg\",\n        width: \"33\",\n        height: \"32\",\n        viewBox: \"0 0 33 32\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"rect\", {\n                width: \"32\",\n                height: \"32\",\n                transform: \"translate(0.5)\",\n                fill: \"none\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M12.2043 13.5204C12.1323 14.3177 12.0942 15.1473 12.0942 16.0002C12.0942 16.853 12.1323 17.6825 12.2042 18.4798C12.8587 18.9407 13.558 19.3885 14.2965 19.8148C15.0353 20.2414 15.773 20.6232 16.4997 20.9597C17.2262 20.6233 17.9636 20.2416 18.7021 19.8152C19.4407 19.3888 20.14 18.941 20.7946 18.48C20.8666 17.6826 20.9047 16.853 20.9047 16.0002C20.9047 15.1473 20.8666 14.3176 20.7946 13.5202C20.1399 13.0591 19.4404 12.6112 18.7017 12.1847C17.9634 11.7584 17.2261 11.3767 16.4997 11.0404C15.7731 11.3768 15.0355 11.7586 14.2968 12.1851C13.5582 12.6115 12.8589 13.0593 12.2043 13.5204ZM10.7945 14.5886C10.7723 15.0524 10.7609 15.5235 10.7609 16.0002C10.7609 16.4769 10.7723 16.9478 10.7945 17.4116C10.2233 16.9453 9.69918 16.4722 9.2273 16.0001C9.69918 15.528 10.2233 15.055 10.7945 14.5886ZM10.9384 12.7895C9.96278 13.5101 9.08365 14.2619 8.32145 15.0204C8.15629 14.826 8.00081 14.6327 7.85541 14.441C7.17219 13.5402 6.73183 12.7028 6.53662 11.9818C6.34234 11.2642 6.402 10.7134 6.63721 10.306C6.87242 9.89858 7.31965 9.57149 8.0382 9.38097C8.7602 9.18953 9.70563 9.15217 10.8273 9.29349C11.066 9.32356 11.3111 9.36153 11.5621 9.40734C11.2862 10.4468 11.0747 11.5842 10.9384 12.7895ZM12.4245 11.7653C12.8151 11.5142 13.2173 11.2688 13.6302 11.0304C14.0431 10.792 14.4568 10.5663 14.8697 10.3536C14.1802 10.0921 13.5083 9.87462 12.8634 9.70197C12.6905 10.3468 12.5428 11.0374 12.4245 11.7653ZM13.259 8.42765C14.2971 8.70851 15.3878 9.09402 16.4998 9.5787C17.6115 9.09415 18.7021 8.70874 19.74 8.42795C19.6542 8.18788 19.5646 7.95673 19.4714 7.73511C19.0329 6.69305 18.5278 5.89297 18.001 5.36341C17.4768 4.83639 16.9699 4.61263 16.4995 4.61263C16.029 4.61263 15.5221 4.83639 14.9979 5.36341C14.4711 5.89297 13.966 6.69305 13.5275 7.73511C13.4343 7.95664 13.3447 8.18769 13.259 8.42765ZM20.1356 9.70227C19.4908 9.87486 18.8191 10.0922 18.1298 10.3537C18.5424 10.5662 18.9558 10.7918 19.3684 11.03C19.7814 11.2684 20.1837 11.5139 20.5743 11.7651C20.4561 11.0373 20.3085 10.3469 20.1356 9.70227ZM22.0605 12.7893C21.9242 11.5842 21.7127 10.447 21.4369 9.40768C21.6877 9.3619 21.9327 9.32396 22.1713 9.29391C23.2929 9.15259 24.2384 9.18995 24.9604 9.38139C25.6789 9.57191 26.1261 9.899 26.3614 10.3064C26.5966 10.7138 26.6562 11.2647 26.462 11.9822C26.2667 12.7032 25.8264 13.5406 25.1432 14.4414C24.9979 14.6329 24.8425 14.8261 24.6775 15.0204C23.9153 14.2618 23.0361 13.51 22.0605 12.7893ZM22.2044 14.5885C22.2266 15.0523 22.238 15.5234 22.238 16.0002C22.238 16.4769 22.2266 16.9479 22.2044 17.4117C22.7756 16.9454 23.2998 16.4723 23.7717 16.0001C23.2998 15.528 22.7756 15.0549 22.2044 14.5885ZM24.6775 16.9799C23.9153 17.7384 23.0361 18.4902 22.0605 19.2108C21.9243 20.4159 21.7128 21.5531 21.437 22.5923C21.6876 22.6381 21.9325 22.676 22.1709 22.706C23.2926 22.8474 24.238 22.81 24.96 22.6186C25.6786 22.428 26.1258 22.1009 26.361 21.6935C26.5962 21.2861 26.6559 20.7353 26.4616 20.0177C26.2664 19.2967 25.8261 18.4593 25.1428 17.5586C24.9976 17.3671 24.8424 17.1741 24.6775 16.9799ZM20.1356 22.2978C20.3085 21.6531 20.4561 20.9628 20.5744 20.235C20.1838 20.4862 19.7816 20.7316 19.3687 20.9699C18.956 21.2082 18.5425 21.4338 18.1298 21.6464C18.8192 21.9078 19.4909 22.1252 20.1356 22.2978ZM16.4998 22.4214C17.6116 22.9059 18.7021 23.2913 19.7401 23.5721C19.6543 23.8123 19.5646 24.0435 19.4714 24.2652C19.0329 25.3073 18.5278 26.1074 18.001 26.6369C17.4768 27.164 16.9699 27.3877 16.4995 27.3877C16.029 27.3877 15.5221 27.164 14.9979 26.6369C14.4711 26.1074 13.966 25.3073 13.5275 24.2652C13.4343 24.0436 13.3447 23.8125 13.2589 23.5724C14.297 23.2916 15.3878 22.9061 16.4998 22.4214ZM14.8697 21.6465C14.4567 21.4338 14.0429 21.208 13.6298 20.9695C13.2171 20.7312 12.815 20.4859 12.4245 20.2348C12.5428 20.9627 12.6904 21.6533 12.8634 22.2981C13.5083 22.1255 14.1801 21.908 14.8697 21.6465ZM11.562 22.5927C11.2861 21.5533 11.0746 20.416 10.9384 19.2107C9.96279 18.4901 9.08368 17.7384 8.32148 16.9799C8.15643 17.1742 8.00106 17.3674 7.85574 17.559C7.17252 18.4597 6.73216 19.2972 6.53695 20.0182C6.34267 20.7357 6.40233 21.2866 6.63754 21.694C6.87275 22.1014 7.31998 22.4285 8.03853 22.619C8.76053 22.8104 9.70596 22.8478 10.8276 22.7065C11.0662 22.6764 11.3112 22.6385 11.562 22.5927ZM7.4052 16.0002C7.18711 15.7483 6.98282 15.4969 6.7931 15.2467C6.0461 14.2619 5.50412 13.2702 5.24962 12.3302C4.99418 11.3868 5.01744 10.4448 5.48251 9.63932C5.94758 8.83379 6.75172 8.34267 7.69648 8.09217C8.63778 7.84258 9.7676 7.8161 10.994 7.97061C11.3054 8.00985 11.6253 8.06104 11.9524 8.12398C12.0614 7.80948 12.1769 7.50713 12.2986 7.21801C12.778 6.07869 13.3658 5.11347 14.0526 4.42307C14.7419 3.73014 15.5693 3.2793 16.4995 3.2793C17.4296 3.2793 18.257 3.73014 18.9463 4.42307C19.6331 5.11347 20.2209 6.07869 20.7003 7.21801C20.822 7.50723 20.9376 7.8097 21.0466 8.12432C21.3736 8.06141 21.6933 8.01025 22.0046 7.97103C23.231 7.81652 24.3608 7.843 25.3021 8.09259C26.2468 8.34309 27.051 8.83421 27.5161 9.63974C27.9811 10.4453 28.0044 11.3872 27.7489 12.3307C27.4944 13.2707 26.9525 14.2623 26.2055 15.2472C26.0159 15.4972 25.8117 15.7485 25.5937 16.0002C25.8116 16.2517 26.0156 16.5029 26.2051 16.7528C26.9521 17.7376 27.4941 18.7293 27.7486 19.6693C28.0041 20.6127 27.9808 21.5547 27.5157 22.3602C27.0507 23.1657 26.2465 23.6569 25.3018 23.9074C24.3605 24.1569 23.2306 24.1834 22.0043 24.0289C21.6931 23.9897 21.3735 23.9386 21.0467 23.8757C20.9377 24.1905 20.8221 24.493 20.7003 24.7824C20.2209 25.9217 19.6331 26.8869 18.9463 27.5773C18.257 28.2702 17.4296 28.7211 16.4995 28.7211C15.5693 28.7211 14.7419 28.2702 14.0526 27.5773C13.3658 26.8869 12.778 25.9217 12.2986 24.7824C12.1769 24.4931 12.0613 24.1907 11.9523 23.876C11.6253 23.9389 11.3056 23.9901 10.9943 24.0293C9.76793 24.1838 8.63811 24.1574 7.69681 23.9078C6.75205 23.6573 5.94791 23.1662 5.48284 22.3606C5.01777 21.5551 4.99452 20.6131 5.24995 19.6697C5.50446 18.7297 6.04644 17.738 6.79343 16.7532C6.98306 16.5032 7.18723 16.2519 7.4052 16.0002Z\",\n                fill: \"#6A708A\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M18.2396 16.0002C18.2396 16.9609 17.4608 17.7398 16.5 17.7398C15.5393 17.7398 14.7604 16.9609 14.7604 16.0002C14.7604 15.0394 15.5393 14.2606 16.5 14.2606C17.4608 14.2606 18.2396 15.0394 18.2396 16.0002Z\",\n                fill: \"#6A708A\"\n            })\n        ]\n    }));\nexport const Society = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        xmlns: \"http://www.w3.org/2000/svg\",\n        width: \"33\",\n        height: \"32\",\n        viewBox: \"0 0 33 32\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"rect\", {\n                width: \"32\",\n                height: \"32\",\n                transform: \"translate(0.5)\",\n                fill: \"none\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M8.63291 8.66217C9.52132 8.87811 10.5055 9.05895 11.5635 9.19706C11.8323 8.61666 12.1232 8.07426 12.425 7.57607C12.8984 6.79462 13.4044 6.11258 13.9037 5.55731C11.8511 6.06586 10.031 7.16384 8.63291 8.66217ZM16.5 3.90869C12.5978 3.90869 9.12721 5.75794 6.9175 8.62516C5.34461 10.6661 4.40881 13.2246 4.40881 15.9998C4.40881 18.7751 5.34461 21.3336 6.9175 23.3745C9.12721 26.2417 12.5978 28.091 16.5 28.091C20.4021 28.091 23.8727 26.2417 26.0824 23.3745C27.6553 21.3336 28.5911 18.7751 28.5911 15.9998C28.5911 13.2246 27.6553 10.6661 26.0824 8.62516C23.8727 5.75794 20.4021 3.90869 16.5 3.90869ZM15.8489 5.56349C15.7028 5.66935 15.5429 5.80131 15.3721 5.96061C14.8055 6.48925 14.1663 7.27509 13.5654 8.26695C13.3594 8.60698 13.1591 8.96915 12.9687 9.35102C13.8892 9.43332 14.8533 9.48439 15.8489 9.49997V5.56349ZM15.8489 10.8335C14.6536 10.8153 13.4967 10.7476 12.3983 10.6359C11.8483 12.041 11.4561 13.6367 11.3731 15.3332H15.8489V10.8335ZM17.1823 15.3332V10.833C18.3665 10.8142 19.5128 10.7466 20.6016 10.6359C21.1516 12.041 21.5439 13.6367 21.6268 15.3332H17.1823ZM15.8489 16.6665H11.373C11.4555 18.3633 11.8455 19.9593 12.3931 21.3643C13.493 21.2523 14.6517 21.1844 15.8489 21.1662V16.6665ZM17.1823 21.1667V16.6665H21.6269C21.5444 18.3633 21.1544 19.9593 20.6068 21.3643C19.5164 21.2533 18.3684 21.1856 17.1823 21.1667ZM15.8489 22.4997C14.8507 22.5153 13.884 22.5666 12.9613 22.6493C13.1511 23.0312 13.3507 23.3934 13.5562 23.7334C14.1554 24.725 14.7936 25.5104 15.3609 26.0386C15.5358 26.2015 15.6995 26.3357 15.8489 26.4427V22.4997ZM13.8891 26.4387C13.3905 25.8838 12.8863 25.2028 12.415 24.423C12.1142 23.9251 11.8245 23.3833 11.5569 22.8035C10.5014 22.9415 9.51948 23.122 8.63291 23.3375C10.0276 24.8323 11.8425 25.9286 13.8891 26.4387ZM7.70704 22.1995C8.70426 21.9268 9.82238 21.7005 11.0302 21.5296C10.4924 20.0642 10.1158 18.4173 10.0382 16.6665H5.76245C5.88791 18.7202 6.58915 20.6171 7.70704 22.1995ZM5.76245 15.3332H10.0383C10.1163 13.5825 10.495 11.9358 11.0349 10.4708C9.82526 10.2997 8.70555 10.0732 7.70704 9.80021C6.58915 11.3826 5.88791 13.2795 5.76245 15.3332ZM19.1108 26.4387C21.1575 25.9286 22.9723 24.8323 24.367 23.3375C23.4804 23.122 22.4985 22.9415 21.443 22.8035C21.1754 23.3833 20.8857 23.9251 20.5849 24.423C20.1137 25.2028 19.6095 25.8838 19.1108 26.4387ZM20.0386 22.6493C19.1255 22.5675 18.1694 22.5164 17.1823 22.5002V26.4201C17.3232 26.317 17.4763 26.1902 17.639 26.0386C18.2063 25.5104 18.8445 24.725 19.4438 23.7334C19.6492 23.3934 19.8488 23.0312 20.0386 22.6493ZM21.9697 21.5296C23.1775 21.7005 24.2957 21.9268 25.2929 22.1995C26.4108 20.6171 27.112 18.7202 27.2375 16.6665H22.9617C22.8842 18.4173 22.5075 20.0642 21.9697 21.5296ZM22.9616 15.3332H27.2375C27.112 13.2795 26.4108 11.3826 25.2929 9.80021C24.2944 10.0732 23.1747 10.2997 21.965 10.4708C22.5049 11.9358 22.8836 13.5825 22.9616 15.3332ZM21.4364 9.19706C21.1676 8.61666 20.8768 8.07426 20.5749 7.57607C20.1015 6.79462 19.5955 6.11258 19.0962 5.55731C21.1488 6.06586 22.969 7.16384 24.367 8.66217C23.4786 8.87811 22.4944 9.05895 21.4364 9.19706ZM20.0312 9.35102C19.1204 9.43246 18.1668 9.48332 17.1823 9.49946V5.58637C17.3198 5.68817 17.4691 5.81259 17.6278 5.96061C18.1944 6.48925 18.8337 7.27509 19.4346 8.26695C19.6406 8.60698 19.8408 8.96915 20.0312 9.35102Z\",\n                fill: \"#6A708A\"\n            })\n        ]\n    }));\nexport const Mobile = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        xmlns: \"http://www.w3.org/2000/svg\",\n        width: \"17\",\n        height: \"16\",\n        viewBox: \"0 0 17 16\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M8.50002 13.3363C9.0523 13.3363 9.50002 12.8886 9.50002 12.3363C9.50002 11.7841 9.0523 11.3363 8.50002 11.3363C7.94774 11.3363 7.50002 11.7841 7.50002 12.3363C7.50002 12.8886 7.94774 13.3363 8.50002 13.3363Z\",\n                fill: \"#6A708A\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M4.50002 0.666748C3.76364 0.666748 3.16669 1.2637 3.16669 2.00008V14.0001C3.16669 14.7365 3.76364 15.3334 4.50002 15.3334H12.5C13.2364 15.3334 13.8334 14.7365 13.8334 14.0001V2.00008C13.8334 1.2637 13.2364 0.666748 12.5 0.666748H4.50002ZM4.50002 2.00008L12.5 2.00008V14.0001H4.50002V2.00008Z\",\n                fill: \"#6A708A\"\n            })\n        ]\n    }));\nexport const KakaoLoginIcon = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        xmlns: \"http://www.w3.org/2000/svg\",\n        width: \"17\",\n        height: \"16\",\n        viewBox: \"0 0 17 16\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M8.54414 1.96338C4.81687 1.96338 1.79456 4.31073 1.79456 7.20181C1.79456 9.00169 2.96448 10.5878 4.74187 11.5328L3.99192 14.2814C3.92442 14.5251 4.20191 14.7201 4.41564 14.5776L7.69669 12.399C7.97417 12.4252 8.25541 12.4402 8.54039 12.4402C12.2677 12.4402 15.29 10.0929 15.29 7.20181C15.29 4.31073 12.2714 1.96338 8.54414 1.96338Z\",\n            fill: \"black\"\n        })\n    }));\nexport const WhaleIcon = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        xmlns: \"http://www.w3.org/2000/svg\",\n        width: \"40\",\n        height: \"40\",\n        viewBox: \"0 0 40 40\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M17.5898 13.5603C18.5538 12.8043 19.6778 11.9183 21.1218 10.9483C24.9018 8.40828 28.3578 8.40828 29.7198 8.51228C29.8612 8.52028 30.0018 8.53628 30.1418 8.56028C30.2218 8.57428 30.2378 8.64028 30.1418 8.67628C30.0457 8.71065 29.951 8.74868 29.8578 8.79028C26.7578 10.1583 23.6838 12.8103 21.6038 18.2203C20.0898 22.1563 18.7498 24.9003 17.4878 26.6743C16.8728 27.5458 16.1275 28.3175 15.2778 28.9623C14.6022 29.518 13.8678 29.9982 13.0878 30.3943L13.0638 30.4063C10.5878 31.6643 7.41982 31.8403 4.75382 31.0203C4.72773 31.0078 4.70458 30.99 4.68591 30.9679C4.66725 30.9458 4.65348 30.92 4.64554 30.8922C4.6376 30.8644 4.63566 30.8353 4.63984 30.8066C4.64403 30.778 4.65425 30.7506 4.66982 30.7263C4.68991 30.6934 4.71908 30.667 4.75382 30.6503C6.34212 29.9864 7.78521 29.0182 9.00182 27.8003C6.3978 25.4287 4.74099 22.1942 4.338 18.6952C3.935 15.1962 4.81311 11.6697 6.80982 8.76828C6.83163 8.73737 6.86369 8.71519 6.9003 8.70567C6.93692 8.69615 6.97572 8.69991 7.00982 8.71628C7.04203 8.73448 7.06626 8.76407 7.07774 8.79924C7.08921 8.83441 7.0871 8.8726 7.07182 8.90628C5.69182 13.7703 9.64982 16.2263 12.1078 16.2263C14.2078 16.2263 15.5278 15.1883 17.5898 13.5643M17.6598 17.0063C17.6598 17.6423 18.0998 18.1583 18.6398 18.1583C19.1798 18.1583 19.6198 17.6463 19.6198 17.0083C19.6198 16.3683 19.1798 15.8543 18.6398 15.8543C18.0998 15.8543 17.6598 16.3703 17.6598 17.0063ZM30.6038 9.21028L30.7558 9.16228C32.3783 11.7076 33.1708 14.6938 33.0239 17.7088C32.8771 20.7237 31.7981 23.6187 29.9358 25.9943C28.0794 28.3603 25.5287 30.0856 22.6418 30.9283C19.7604 31.7672 16.688 31.6784 13.8598 30.6743L14.7158 30.1663C15.2033 29.8783 15.6698 29.5561 16.1118 29.2023C16.9578 28.5623 17.6998 27.7923 18.3098 26.9223C19.6698 24.9983 20.8198 22.6703 22.1498 19.1303C24.0898 13.9883 27.0838 10.4603 30.6038 9.21028Z\",\n            fill: \"#6A708A\"\n        })\n    }));\nexport const ThunderboltIcon = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        xmlns: \"http://www.w3.org/2000/svg\",\n        width: \"16\",\n        height: \"16\",\n        viewBox: \"0 0 16 16\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"mask\", {\n                id: \"mask0_2821_550\",\n                style: {\n                    maskType: \"alpha\"\n                },\n                maskUnits: \"userSpaceOnUse\",\n                x: \"0\",\n                y: \"0\",\n                width: \"16\",\n                height: \"16\",\n                children: /*#__PURE__*/ _jsx(\"rect\", {\n                    width: \"16\",\n                    height: \"16\",\n                    fill: \"#FEE500\"\n                })\n            }),\n            /*#__PURE__*/ _jsx(\"g\", {\n                mask: \"url(#mask0_2821_550)\",\n                children: /*#__PURE__*/ _jsx(\"path\", {\n                    d: \"M6.10234 13.9226L6.769 9.33296H3.93567L8.92284 2.14062H9.23067L8.57684 7.33296H11.9102L6.41017 13.9226H6.10234Z\",\n                    fill: \"#FEE500\"\n                })\n            })\n        ]\n    }));\nexport const GoodnoteIcon = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        xmlns: \"http://www.w3.org/2000/svg\",\n        width: \"24\",\n        height: \"24\",\n        viewBox: \"0 0 24 24\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M8.05528 2.56641H16.4246C18.3391 2.56641 19.0301 2.77017 19.7314 3.15158C20.4327 3.53299 20.9804 4.09204 21.3541 4.80784C21.7278 5.52363 21.9274 6.22898 21.9274 8.18305V16.7256C21.9274 18.6796 21.7278 19.385 21.3541 20.1008C20.9804 20.8166 20.4327 21.3756 19.7314 21.757C19.0301 22.1384 18.3391 22.3422 16.4246 22.3422H8.05528C6.14082 22.3422 5.44977 22.1384 4.74849 21.757C4.0472 21.3756 3.49948 20.8166 3.1258 20.1008C2.75213 19.385 2.55249 18.6796 2.55249 16.7256V8.18305C2.55249 6.22898 2.75213 5.52363 3.1258 4.80784C3.49948 4.09204 4.0472 3.53299 4.74849 3.15158C5.44977 2.77017 6.14082 2.56641 8.05528 2.56641Z\",\n                fill: \"white\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M16.4301 22.9044H8.05563C6.04903 22.9044 5.2812 22.6849 4.48777 22.2513C3.68923 21.8176 3.06473 21.1802 2.63986 20.3651C2.21499 19.5553 2 18.7716 2 16.7234V8.18092C2 6.1328 2.21499 5.34909 2.63986 4.53924C3.06473 3.72418 3.68923 3.08675 4.48777 2.6531C5.2812 2.21944 6.04903 2 8.05563 2H16.425C18.4316 2 19.1994 2.21944 19.9928 2.6531C20.7914 3.08675 21.4159 3.72418 21.8408 4.53924C22.2656 5.34909 22.4806 6.1328 22.4806 8.18092V16.7234C22.4806 18.7716 22.2656 19.5553 21.8408 20.3651C21.4159 21.1802 20.7914 21.8176 19.9928 22.2513C19.1994 22.6849 18.4316 22.9044 16.425 22.9044H16.4301ZM8.05563 3.12333C6.11046 3.12333 5.54738 3.34799 5.00478 3.64058C4.40075 3.96974 3.92982 4.45042 3.60733 5.06695C3.32067 5.61555 3.10056 6.1955 3.10056 8.18092V16.7234C3.10056 18.7089 3.32067 19.2836 3.60733 19.8374C3.92982 20.4539 4.40075 20.9346 5.00478 21.2638C5.54226 21.5564 6.11046 21.781 8.05563 21.781H16.425C18.3702 21.781 18.9332 21.5564 19.4758 21.2638C20.0799 20.9346 20.5508 20.4539 20.8733 19.8374C21.1599 19.2888 21.3801 18.7089 21.3801 16.7234V8.18092C21.3801 6.1955 21.1599 5.62077 20.8733 5.06695C20.5508 4.45042 20.0799 3.96974 19.4758 3.64058C18.9384 3.34799 18.3702 3.12333 16.425 3.12333H8.05563Z\",\n                fill: \"#E6E5E4\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M14.4089 7.43555H6.88415C6.44904 7.43555 6.33643 7.55049 6.33643 7.9946C6.33643 8.4387 6.44904 8.55365 6.88415 8.55365H14.4089C14.844 8.55365 14.9566 8.4387 14.9566 7.9946C14.9566 7.55049 14.844 7.43555 14.4089 7.43555Z\",\n                fill: \"#45BFDB\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M13.8051 17.1476C13.6157 17.3253 12.6073 18.1978 11.3276 17.9575C10.5086 17.8059 9.99667 17.273 9.82775 17.1006C9.00873 16.249 8.92682 15.1779 8.92682 14.7599C8.92682 14.5091 8.76814 14.2897 8.53267 14.2165C8.2972 14.1486 8.04638 14.2479 7.91329 14.4569C7.70853 14.7965 7.44747 15.0786 7.14034 15.3033C6.97142 15.4287 6.78714 15.5332 6.59262 15.6168C6.19335 15.7944 6.13192 15.9459 6.30596 16.3535C6.47488 16.761 6.62845 16.8237 7.02772 16.646C7.2939 16.5311 7.54985 16.3848 7.78532 16.2124C7.8621 16.1549 7.93888 16.0974 8.01055 16.0347C8.17435 16.6199 8.47636 17.2835 9.04968 17.8791C9.28003 18.1142 9.97107 18.8404 11.1331 19.0547C11.3532 19.0965 11.563 19.1121 11.7729 19.1121C13.2472 19.1121 14.3272 18.1769 14.5525 17.9679C14.875 17.6701 14.8801 17.5029 14.5883 17.179C14.2965 16.855 14.1327 16.8446 13.8153 17.1424L13.8051 17.1476Z\",\n                fill: \"#45BFDB\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M13.0268 11.3125H6.88414C6.44904 11.3125 6.33643 11.4274 6.33643 11.8716C6.33643 12.3157 6.44904 12.4306 6.88414 12.4306H11.4962H13.0268C13.4619 12.4306 13.5745 12.3157 13.5745 11.8716C13.5745 11.4274 13.4619 11.3125 13.0268 11.3125Z\",\n                fill: \"#45BFDB\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M19.4454 7.6534C19.686 6.97418 19.343 6.21659 18.6776 5.97102C18.0121 5.72546 17.2699 6.07552 17.0293 6.75474L14.8128 12.967C14.736 13.1864 14.7002 13.4216 14.7053 13.6515L14.7719 15.8302C14.7821 16.1959 15.2223 16.3579 15.4629 16.0862L16.886 14.4613C17.0395 14.2889 17.1573 14.0851 17.234 13.8657L19.4505 7.6534H19.4454Z\",\n                fill: \"#130D0C\"\n            })\n        ]\n    }));\nexport const NoticeIcon = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        xmlns: \"http://www.w3.org/2000/svg\",\n        width: \"15\",\n        height: \"14\",\n        viewBox: \"0 0 15 14\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M7.50002 0.875C7.82219 0.875 8.08335 1.13617 8.08335 1.45833V2.07777C10.3854 2.36483 12.1667 4.32856 12.1667 6.70833V10.2083H12.75C13.0722 10.2083 13.3334 10.4695 13.3334 10.7917C13.3334 11.1138 13.0722 11.375 12.75 11.375H9.75984C9.50082 12.3814 8.58726 13.125 7.50002 13.125C6.41278 13.125 5.49922 12.3814 5.2402 11.375H2.25002C1.92785 11.375 1.66669 11.1138 1.66669 10.7917C1.66669 10.4695 1.92785 10.2083 2.25002 10.2083H2.83335V6.70833C2.83335 4.32856 4.61467 2.36483 6.91669 2.07777V1.45833C6.91669 1.13617 7.17785 0.875 7.50002 0.875ZM4.00002 10.2083H11V6.70833C11 4.77534 9.43302 3.20833 7.50002 3.20833C5.56702 3.20833 4.00002 4.77534 4.00002 6.70833V10.2083ZM6.48943 11.375C6.69115 11.7237 7.06819 11.9583 7.50002 11.9583C7.93185 11.9583 8.30889 11.7237 8.51061 11.375H6.48943Z\",\n            fill: \"white\"\n        })\n    }));\nexport const GoodnoteLogoAndText = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        xmlns: \"http://www.w3.org/2000/svg\",\n        ...props,\n        width: \"132\",\n        viewBox: \"0 0 132 26\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsxs(\"g\", {\n                clipPath: \"url(#clip0_3012_25279)\",\n                children: [\n                    /*#__PURE__*/ _jsx(\"path\", {\n                        fillRule: \"evenodd\",\n                        clipRule: \"evenodd\",\n                        d: \"M6.94816 1.6416H16.5593C18.7578 1.6416 19.5514 1.8756 20.3567 2.3136C21.1621 2.7516 21.7911 3.3936 22.2202 4.2156C22.6493 5.0376 22.8786 5.8476 22.8786 8.0916V17.9016C22.8786 20.1456 22.6493 20.9556 22.2202 21.7776C21.7911 22.5996 21.1621 23.2416 20.3567 23.6796C19.5514 24.1176 18.7578 24.3516 16.5593 24.3516H6.94816C4.74965 24.3516 3.95607 24.1176 3.15073 23.6796C2.34539 23.2416 1.71641 22.5996 1.28728 21.7776C0.858163 20.9556 0.628906 20.1456 0.628906 17.9016V8.0916C0.628906 5.8476 0.858163 5.0376 1.28728 4.2156C1.71641 3.3936 2.34539 2.7516 3.15073 2.3136C3.95607 1.8756 4.74965 1.6416 6.94816 1.6416Z\",\n                        fill: \"white\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"path\", {\n                        d: \"M16.5653 24.9982H6.94826C4.64394 24.9982 3.76218 24.7462 2.85103 24.2482C1.93401 23.7502 1.21684 23.0182 0.728938 22.0822C0.241033 21.1522 -0.00585938 20.2522 -0.00585938 17.9002V8.09019C-0.00585938 5.73819 0.241033 4.83819 0.728938 3.90819C1.21684 2.97219 1.93401 2.24019 2.85103 1.74219C3.76218 1.24419 4.64394 0.992188 6.94826 0.992188H16.5594C18.8637 0.992188 19.7455 1.24419 20.6566 1.74219C21.5737 2.24019 22.2908 2.97219 22.7787 3.90819C23.2666 4.83819 23.5135 5.73819 23.5135 8.09019V17.9002C23.5135 20.2522 23.2666 21.1522 22.7787 22.0822C22.2908 23.0182 21.5737 23.7502 20.6566 24.2482C19.7455 24.7462 18.8637 24.9982 16.5594 24.9982H16.5653ZM6.94826 2.28219C4.71448 2.28219 4.06786 2.54019 3.44475 2.87619C2.7511 3.25419 2.21029 3.80619 1.83995 4.51419C1.51076 5.14419 1.25799 5.81019 1.25799 8.09019V17.9002C1.25799 20.1802 1.51076 20.8402 1.83995 21.4762C2.21029 22.1842 2.7511 22.7362 3.44475 23.1142C4.06198 23.4502 4.71448 23.7082 6.94826 23.7082H16.5594C18.7932 23.7082 19.4398 23.4502 20.0629 23.1142C20.7566 22.7362 21.2974 22.1842 21.6677 21.4762C21.9969 20.8462 22.2497 20.1802 22.2497 17.9002V8.09019C22.2497 5.81019 21.9969 5.15019 21.6677 4.51419C21.2974 3.80619 20.7566 3.25419 20.0629 2.87619C19.4457 2.54019 18.7932 2.28219 16.5594 2.28219H6.94826Z\",\n                        fill: \"#E6E5E4\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"path\", {\n                        d: \"M96.4001 20.0715C93.214 20.0715 90.8979 17.7015 90.8979 14.4315C90.8979 11.1615 93.214 8.7915 96.4001 8.7915C99.5862 8.7915 101.879 11.1615 101.879 14.4315C101.879 17.7015 99.5744 20.0715 96.4001 20.0715ZM96.4001 10.5495C94.3427 10.5495 92.9084 12.1455 92.9084 14.4315C92.9084 16.7175 94.3427 18.3135 96.4001 18.3135C98.4575 18.3135 99.8684 16.7175 99.8684 14.4315C99.8684 12.1455 98.4399 10.5495 96.4001 10.5495Z\",\n                        fill: \"#130D0C\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"path\", {\n                        d: \"M124.199 20.0707C121.807 20.0707 120.184 18.7567 119.914 16.6447C119.914 16.6267 119.914 16.5907 119.902 16.5487C119.89 16.4467 119.973 16.3567 120.072 16.3567H121.63C121.718 16.3567 121.789 16.4227 121.801 16.5067C121.801 16.5427 121.812 16.5727 121.812 16.5907C122.024 17.6887 122.9 18.3247 124.187 18.3247C125.363 18.3247 126.221 17.7187 126.221 16.8547C126.221 15.5527 124.999 15.3487 123.705 15.1327C122.042 14.8567 120.149 14.5387 120.149 11.9407C120.149 10.0627 121.671 8.80273 123.935 8.80273C126.198 8.80273 127.726 9.94273 128.044 11.7427C128.049 11.7907 128.067 11.9047 128.079 12.0127C128.091 12.1147 128.008 12.2107 127.908 12.2107H126.345C126.262 12.2107 126.192 12.1507 126.174 12.0667C126.157 11.9947 126.145 11.9167 126.139 11.8927C125.845 10.9027 124.828 10.5007 123.94 10.5007C122.829 10.5007 122.077 11.0167 122.077 11.8747C122.077 13.0387 123.235 13.2127 124.458 13.3927C126.204 13.6507 128.191 13.9447 128.191 16.8067C128.191 18.7927 126.621 20.0767 124.193 20.0767\",\n                        fill: \"#130D0C\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"path\", {\n                        d: \"M107.105 19.903C106.035 19.903 105.147 19.573 104.548 18.943C103.919 18.283 103.613 17.329 103.648 16.123V11.479H103.631C103.043 11.443 102.455 11.371 101.897 11.263C101.855 11.257 101.826 11.233 101.802 11.197C101.779 11.161 101.773 11.125 101.779 11.083L102.073 9.55904C102.085 9.48704 102.149 9.43904 102.22 9.43904C102.226 9.43904 102.237 9.43904 102.243 9.43904C102.696 9.52304 103.16 9.58304 103.631 9.61304H103.648V6.21104C103.648 6.12704 103.719 6.06104 103.801 6.06104H105.471C105.553 6.06104 105.618 6.12704 105.618 6.21104V9.60104H105.635C106.535 9.52304 107.358 9.34904 108.233 9.05504C108.251 9.05504 108.263 9.04904 108.28 9.04904C108.345 9.04904 108.398 9.09104 108.422 9.15104L108.915 10.621C108.927 10.657 108.927 10.699 108.909 10.741C108.892 10.777 108.862 10.807 108.821 10.819C107.757 11.179 106.74 11.383 105.635 11.467H105.623V16.123C105.623 17.341 106.294 18.037 107.452 18.037H108.545C108.627 18.037 108.692 18.103 108.692 18.187V19.759C108.692 19.843 108.627 19.909 108.545 19.909H107.111L107.105 19.903Z\",\n                        fill: \"#130D0C\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"path\", {\n                        d: \"M87.7884 19.9034C87.7061 19.9034 87.6415 19.8374 87.6415 19.7534V13.5974C87.6415 11.9054 86.6657 10.7714 85.2137 10.7714C83.5971 10.7714 82.4273 12.1214 82.4273 13.9814V19.7474C82.4273 19.8314 82.3627 19.8974 82.2804 19.8974H80.4287C80.3464 19.8974 80.2817 19.8314 80.2817 19.7474V9.10936C80.2817 9.02536 80.3464 8.95936 80.4287 8.95936H82.2804C82.3627 8.95936 82.4273 9.02536 82.4273 9.10936V10.6874C83.0328 9.48136 84.2438 8.79736 85.7839 8.79736C88.1823 8.79736 89.7929 10.5614 89.7929 13.1894V19.7534C89.7929 19.8374 89.7283 19.9034 89.646 19.9034H87.7943H87.7884Z\",\n                        fill: \"#130D0C\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"path\", {\n                        d: \"M76.3784 19.9095C76.2961 19.9095 76.2314 19.8435 76.2314 19.7595V18.6135L76.2021 18.6555C75.6319 19.4895 74.3915 19.9875 72.8925 19.9875C69.8299 19.9875 67.8489 17.8095 67.8489 14.4315C67.8489 11.0535 69.8181 8.87553 72.8749 8.87553C74.2504 8.87553 75.6201 9.59553 76.2079 10.2735L76.2314 10.3035V4.66953C76.2314 4.58553 76.2961 4.51953 76.3784 4.51953H78.0773C78.1596 4.51953 78.2242 4.58553 78.2242 4.66953V19.7535C78.2242 19.8375 78.1596 19.9035 78.0773 19.9035H76.3784V19.9095ZM73.1394 10.6335C71.176 10.6335 69.8593 12.1635 69.8593 14.4375C69.8593 16.7115 71.176 18.2415 73.1394 18.2415C75.1028 18.2415 76.4431 16.7115 76.4431 14.4375C76.4431 12.1635 75.1146 10.6335 73.1394 10.6335Z\",\n                        fill: \"#130D0C\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"path\", {\n                        d: \"M36.4583 20.0709C33.2369 20.0709 29.8804 17.9049 29.8804 13.0689C29.8804 8.23289 33.2722 6.06689 36.5347 6.06689C39.18 6.06689 41.1551 7.57289 41.9546 10.1949C41.9722 10.2489 41.9604 10.3029 41.9369 10.3509C41.9134 10.3989 41.8605 10.4289 41.8076 10.4409L40.2675 10.6989C40.2675 10.6989 40.2498 10.6989 40.2381 10.6989C40.1617 10.6989 40.097 10.6509 40.0617 10.5849C39.274 8.74289 38.1865 7.92089 36.5347 7.92089C33.7954 7.92089 31.9143 9.94289 31.9143 13.0749C31.9143 16.2069 33.8365 18.2829 36.5112 18.2829C38.6392 18.2829 40.3027 16.9749 40.3027 15.0309C40.3027 14.7909 40.3027 14.9409 40.291 14.8449C39.9089 14.8929 39.5621 14.9109 39.2329 14.9109C38.5275 14.9109 37.9514 14.8089 37.246 14.6469C37.146 14.6229 37.0814 14.5209 37.1049 14.4189L37.3812 12.9909C37.3988 12.9009 37.4752 12.8349 37.5693 12.8349C37.581 12.8349 37.5987 12.8349 37.6104 12.8349C38.2453 12.9789 38.8919 13.0569 39.5209 13.0569C40.4791 13.0569 41.4373 12.8949 42.4483 12.5589C42.466 12.5529 42.4895 12.5469 42.5071 12.5469C42.5894 12.5469 42.66 12.6009 42.6894 12.6789L43.1185 14.0649C43.1361 14.1129 43.1302 14.1729 43.1067 14.2149C43.0832 14.2629 43.0362 14.2989 42.9892 14.3109C42.7599 14.3709 42.513 14.4249 42.3014 14.4729L42.1309 14.5089L42.2661 19.7049C42.2661 19.7589 42.2485 19.8069 42.2132 19.8429C42.1779 19.8789 42.1309 19.9029 42.078 19.9029H40.6143C40.5085 19.9029 40.4262 19.8129 40.4262 19.7109V18.3189C39.615 19.4289 38.2042 20.0709 36.4642 20.0709\",\n                        fill: \"#130D0C\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"path\", {\n                        d: \"M114.141 20.0715C109.786 19.9515 108.68 16.3455 108.857 14.1435C109.18 10.1895 111.966 8.7915 114 8.7915C118.815 8.7915 119.015 14.2935 119.015 14.3475C119.015 14.4255 118.968 14.4915 118.897 14.5155C116.651 15.3315 114.888 15.5655 113.365 15.5655C112.595 15.5655 111.825 15.4275 110.926 15.2535C110.902 15.2535 110.879 15.2715 110.885 15.2955C111.161 17.0955 112.713 18.3315 114.183 18.3135C115.887 18.2955 116.722 17.5815 117.069 16.4595C117.086 16.3935 117.145 16.3455 117.21 16.3455H118.968C119.015 16.3455 119.056 16.3695 119.085 16.4055C119.114 16.4415 119.126 16.4895 119.114 16.5315C118.662 18.6435 116.763 20.1255 114.136 20.0655M113.677 10.5075C111.878 10.6815 111.061 12.4095 110.885 13.3395C110.885 13.3575 110.885 13.3755 110.891 13.3935C110.897 13.4115 110.914 13.4175 110.938 13.4235C113.289 14.0535 115.446 13.6875 116.928 13.2915C116.945 13.2915 116.963 13.2735 116.969 13.2615C116.975 13.2495 116.981 13.2315 116.975 13.2135C116.934 12.5175 116.081 10.2795 113.671 10.5135\",\n                        fill: \"#130D0C\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"path\", {\n                        d: \"M61.4355 20.0827C58.2494 20.0827 55.9333 17.7127 55.9333 14.4427C55.9333 11.1727 58.2494 8.80273 61.4355 8.80273C64.6216 8.80273 66.9142 11.1727 66.9142 14.4427C66.9142 17.7127 64.6098 20.0827 61.4355 20.0827ZM61.4355 10.5607C59.3781 10.5607 57.9438 12.1567 57.9438 14.4427C57.9438 16.7287 59.3781 18.3187 61.4355 18.3187C63.4929 18.3187 64.9038 16.7287 64.9038 14.4427C64.9038 12.1567 63.4753 10.5607 61.4355 10.5607Z\",\n                        fill: \"#130D0C\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"path\", {\n                        d: \"M49.4904 20.0827C46.3044 20.0827 43.9883 17.7127 43.9883 14.4427C43.9883 11.1727 46.3044 8.80273 49.4904 8.80273C52.6765 8.80273 54.9691 11.1727 54.9691 14.4427C54.9691 17.7127 52.6648 20.0827 49.4904 20.0827ZM49.4904 10.5607C47.433 10.5607 45.9987 12.1567 45.9987 14.4427C45.9987 16.7287 47.433 18.3187 49.4904 18.3187C51.5479 18.3187 52.9587 16.7287 52.9587 14.4427C52.9587 12.1567 51.5302 10.5607 49.4904 10.5607Z\",\n                        fill: \"#130D0C\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"path\", {\n                        d: \"M14.2438 7.23389H5.60262C5.10296 7.23389 4.97363 7.36589 4.97363 7.87589C4.97363 8.38589 5.10296 8.51789 5.60262 8.51789H14.2438C14.7435 8.51789 14.8728 8.38589 14.8728 7.87589C14.8728 7.36589 14.7435 7.23389 14.2438 7.23389Z\",\n                        fill: \"#45BFDB\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"path\", {\n                        d: \"M13.5503 18.3874C13.3328 18.5914 12.1748 19.5934 10.7052 19.3174C9.76463 19.1434 9.1768 18.5314 8.98281 18.3334C8.04227 17.3554 7.94822 16.1254 7.94822 15.6454C7.94822 15.3574 7.76599 15.1054 7.49558 15.0214C7.22518 14.9434 6.93714 15.0574 6.7843 15.2974C6.54916 15.6874 6.24936 16.0114 5.89666 16.2694C5.70268 16.4134 5.49105 16.5334 5.26768 16.6294C4.80916 16.8334 4.73862 17.0074 4.93849 17.4754C5.13247 17.9434 5.30882 18.0154 5.76734 17.8114C6.07301 17.6794 6.36693 17.5114 6.63734 17.3134C6.72551 17.2474 6.81369 17.1814 6.89599 17.1094C7.08409 17.7814 7.43092 18.5434 8.0893 19.2274C8.35382 19.4974 9.14741 20.3314 10.4818 20.5774C10.7346 20.6254 10.9756 20.6434 11.2166 20.6434C12.9096 20.6434 14.1499 19.5694 14.4086 19.3294C14.7789 18.9874 14.7848 18.7954 14.4497 18.4234C14.1146 18.0514 13.9265 18.0394 13.5621 18.3814L13.5503 18.3874Z\",\n                        fill: \"#45BFDB\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"path\", {\n                        d: \"M12.6567 11.6855H5.60262C5.10296 11.6855 4.97363 11.8175 4.97363 12.3275C4.97363 12.8375 5.10296 12.9695 5.60262 12.9695H10.899H12.6567C13.1563 12.9695 13.2857 12.8375 13.2857 12.3275C13.2857 11.8175 13.1563 11.6855 12.6567 11.6855Z\",\n                        fill: \"#45BFDB\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"path\", {\n                        fillRule: \"evenodd\",\n                        clipRule: \"evenodd\",\n                        d: \"M20.0282 7.48351C20.3044 6.70351 19.9106 5.83351 19.1464 5.55151C18.3822 5.26951 17.5298 5.67151 17.2536 6.45151L14.7082 13.5855C14.6201 13.8375 14.5789 14.1075 14.5848 14.3715L14.6612 16.8735C14.673 17.2935 15.1785 17.4795 15.4548 17.1675L17.089 15.3015C17.2653 15.1035 17.4005 14.8695 17.4887 14.6175L20.034 7.48351H20.0282Z\",\n                        fill: \"#130D0C\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"path\", {\n                        d: \"M126.955 6.05859H128.284V6.35859H127.784V7.76259H127.461V6.35859H126.961V6.05859H126.955ZM128.554 6.05859H128.936L129.424 7.28859L129.912 6.05859H130.294V7.76259H129.988V6.65859L129.553 7.76259H129.295L128.866 6.65859V7.76259H128.56V6.05859H128.554Z\",\n                        fill: \"#130D0C\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(\"defs\", {\n                children: /*#__PURE__*/ _jsx(\"clipPath\", {\n                    id: \"clip0_3012_25279\",\n                    children: /*#__PURE__*/ _jsx(\"rect\", {\n                        width: \"132\",\n                        height: \"26\",\n                        fill: \"white\"\n                    })\n                })\n            })\n        ]\n    }));\nexport const Warning1_5px = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        xmlns: \"http://www.w3.org/2000/svg\",\n        viewBox: \"0 0 18 18\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M9 1.6875C9.20428 1.6875 9.39251 1.79825 9.49171 1.97683L16.9917 15.4768C17.0885 15.6511 17.0859 15.8635 16.9848 16.0353C16.8837 16.207 16.6993 16.3125 16.5 16.3125H1.5C1.3007 16.3125 1.11627 16.207 1.0152 16.0353C0.914125 15.8635 0.911496 15.6511 1.00829 15.4768L8.50829 1.97683C8.60749 1.79825 8.79572 1.6875 9 1.6875ZM2.45598 15.1875H15.544L9 3.40826L2.45598 15.1875Z\",\n                fill: \"currentColor\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M9.50977 7.51172L9.43066 12.0381H8.56055L8.48145 7.51172H9.50977ZM8.37598 13.3125C8.37158 12.9697 8.65723 12.6885 9 12.6885C9.33838 12.6885 9.61963 12.9697 9.62402 13.3125C9.61963 13.6553 9.33838 13.9321 9 13.9365C8.65723 13.9321 8.37158 13.6553 8.37598 13.3125Z\",\n                fill: \"currentColor\"\n            })\n        ]\n    }));\nexport const Download1_5px = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        xmlns: \"http://www.w3.org/2000/svg\",\n        viewBox: \"0 0 20 20\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M9.99984 2.29169C10.345 2.29169 10.6248 2.57151 10.6248 2.91669L10.6248 12.6008L14.3219 9.51988C14.5871 9.29891 14.9812 9.33473 15.2022 9.59991C15.4232 9.86508 15.3873 10.2592 15.1222 10.4802L9.99984 14.7488L4.8775 10.4802C4.61233 10.2592 4.5765 9.86508 4.79748 9.59991C5.01845 9.33473 5.41256 9.2989 5.67773 9.51988L9.37484 12.6008L9.37484 2.91669C9.37484 2.57151 9.65466 2.29169 9.99984 2.29169ZM2.2915 17.0834C2.2915 16.7382 2.57133 16.4584 2.9165 16.4584H17.0832C17.4283 16.4584 17.7082 16.7382 17.7082 17.0834C17.7082 17.4285 17.4283 17.7084 17.0832 17.7084H2.9165C2.57133 17.7084 2.2915 17.4285 2.2915 17.0834Z\"\n        })\n    }), \"fill\");\nexport const Download2px = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 20 20\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M9.99992 2.08301C10.4602 2.08301 10.8333 2.4561 10.8333 2.91634L10.8333 12.1557L14.1887 9.35949C14.5422 9.06485 15.0677 9.11262 15.3623 9.46619C15.657 9.81975 15.6092 10.3452 15.2556 10.6399L9.99992 15.0196L4.74421 10.6399C4.39065 10.3452 4.34288 9.81975 4.63751 9.46619C4.93215 9.11262 5.45762 9.06485 5.81118 9.35949L9.16658 12.1557L9.16659 2.91634C9.16659 2.4561 9.53968 2.08301 9.99992 2.08301ZM2.08325 17.083C2.08325 16.6228 2.45635 16.2497 2.91659 16.2497H17.0833C17.5435 16.2497 17.9166 16.6228 17.9166 17.083C17.9166 17.5432 17.5435 17.9163 17.0833 17.9163H2.91659C2.45635 17.9163 2.08325 17.5432 2.08325 17.083Z\"\n        })\n    }), \"fill\");\nexport const Device_Desktop = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        viewBox: \"0 0 48 48\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"rect\", {\n                width: \"48\",\n                height: \"48\",\n                rx: \"6\",\n                fill: \"#A9AFC7\",\n                fillOpacity: \"0.2\"\n            }),\n            /*#__PURE__*/ _jsxs(\"g\", {\n                clipPath: \"url(#clip0_2259_36064)\",\n                children: [\n                    /*#__PURE__*/ _jsx(\"rect\", {\n                        x: \"10.6667\",\n                        y: \"13.3333\",\n                        width: \"26.6667\",\n                        height: \"16\",\n                        rx: \"0.666667\",\n                        stroke: \"white\",\n                        strokeLinecap: \"round\",\n                        strokeLinejoin: \"round\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"path\", {\n                        d: \"M20 34.6666H28\",\n                        stroke: \"white\",\n                        strokeLinecap: \"round\",\n                        strokeLinejoin: \"round\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"path\", {\n                        d: \"M24 29.3333V34.6666\",\n                        stroke: \"white\",\n                        strokeLinecap: \"round\",\n                        strokeLinejoin: \"round\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"path\", {\n                        fillRule: \"evenodd\",\n                        clipRule: \"evenodd\",\n                        d: \"M9.66675 14.6663C9.66675 13.3777 10.7114 12.333 12.0001 12.333H36.0001C37.2887 12.333 38.3334 13.3777 38.3334 14.6663V27.9997C38.3334 29.2883 37.2887 30.333 36.0001 30.333H25.0001V33.6663H28.0001C28.5524 33.6663 29.0001 34.1141 29.0001 34.6663C29.0001 35.2186 28.5524 35.6663 28.0001 35.6663H24.0021C24.0014 35.6663 24.0027 35.6663 24.0021 35.6663C24.0014 35.6663 23.9988 35.6663 23.9981 35.6663H20.0001C19.4478 35.6663 19.0001 35.2186 19.0001 34.6663C19.0001 34.1141 19.4478 33.6663 20.0001 33.6663H23.0001V30.333H12.0001C10.7114 30.333 9.66675 29.2883 9.66675 27.9997V14.6663ZM36.0001 28.333C36.1842 28.333 36.3334 28.1838 36.3334 27.9997V14.6663C36.3334 14.4822 36.1842 14.333 36.0001 14.333H12.0001C11.816 14.333 11.6667 14.4822 11.6667 14.6663V27.9997C11.6667 28.1838 11.816 28.333 12.0001 28.333H36.0001Z\",\n                        fill: \"#3B4054\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(\"defs\", {\n                children: /*#__PURE__*/ _jsx(\"clipPath\", {\n                    id: \"clip0_2259_36064\",\n                    children: /*#__PURE__*/ _jsx(\"rect\", {\n                        width: \"32\",\n                        height: \"32\",\n                        fill: \"white\",\n                        transform: \"translate(8 8)\"\n                    })\n                })\n            })\n        ]\n    }));\nexport const Device_Tablet = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        viewBox: \"0 0 48 48\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"rect\", {\n                width: \"48\",\n                height: \"48\",\n                rx: \"6\",\n                fill: \"#A9AFC7\",\n                \"fill-opacity\": \"0.2\"\n            }),\n            /*#__PURE__*/ _jsx(\"g\", {\n                \"clip-path\": \"url(#clip0_2259_36072)\",\n                children: /*#__PURE__*/ _jsx(\"path\", {\n                    fillRule: \"evenodd\",\n                    clipRule: \"evenodd\",\n                    d: \"M35.3334 15.6663L12.6667 15.6663C12.1145 15.6663 11.6667 16.114 11.6667 16.6663L11.6667 31.333C11.6667 31.8853 12.1145 32.333 12.6667 32.333L35.3334 32.333C35.8857 32.333 36.3334 31.8853 36.3334 31.333V16.6663C36.3334 16.114 35.8857 15.6663 35.3334 15.6663ZM12.6667 13.6663L35.3334 13.6663C36.9903 13.6663 38.3334 15.0095 38.3334 16.6663V31.333C38.3334 32.9898 36.9903 34.333 35.3334 34.333L12.6667 34.333C11.0099 34.333 9.66675 32.9898 9.66675 31.333L9.66675 16.6663C9.66675 15.0095 11.0099 13.6663 12.6667 13.6663ZM19.0001 29.9997C19.0001 29.4474 19.4478 28.9997 20.0001 28.9997H28.0001C28.5524 28.9997 29.0001 29.4474 29.0001 29.9997C29.0001 30.5519 28.5524 30.9997 28.0001 30.9997H20.0001C19.4478 30.9997 19.0001 30.5519 19.0001 29.9997Z\",\n                    fill: \"#3B4054\"\n                })\n            }),\n            /*#__PURE__*/ _jsx(\"defs\", {\n                children: /*#__PURE__*/ _jsx(\"clipPath\", {\n                    id: \"clip0_2259_36072\",\n                    children: /*#__PURE__*/ _jsx(\"rect\", {\n                        width: \"32\",\n                        height: \"32\",\n                        fill: \"white\",\n                        transform: \"translate(8 8)\"\n                    })\n                })\n            })\n        ]\n    }));\nexport const Device_Mobile = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        viewBox: \"0 0 48 48\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"rect\", {\n                width: \"48\",\n                height: \"48\",\n                rx: \"6\",\n                fill: \"#A9AFC7\",\n                fillOpacity: \"0.2\"\n            }),\n            /*#__PURE__*/ _jsxs(\"g\", {\n                clipPath: \"url(#clip0_2259_36079)\",\n                children: [\n                    /*#__PURE__*/ _jsx(\"path\", {\n                        fillRule: \"evenodd\",\n                        clipRule: \"evenodd\",\n                        d: \"M13.6641 12.668C13.6641 11.0111 15.0072 9.66797 16.6641 9.66797H31.3307C32.9876 9.66797 34.3307 11.0111 34.3307 12.668V35.3346C34.3307 36.9915 32.9876 38.3346 31.3307 38.3346H16.6641C15.0072 38.3346 13.6641 36.9915 13.6641 35.3346V12.668ZM16.6641 11.668C16.1118 11.668 15.6641 12.1157 15.6641 12.668V35.3346C15.6641 35.8869 16.1118 36.3346 16.6641 36.3346H31.3307C31.883 36.3346 32.3307 35.8869 32.3307 35.3346V12.668C32.3307 12.1157 31.883 11.668 31.3307 11.668H16.6641Z\",\n                        fill: \"#3B4054\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"path\", {\n                        d: \"M25.9974 32.6738C25.9974 33.7784 25.102 34.6738 23.9974 34.6738C22.8928 34.6738 21.9974 33.7784 21.9974 32.6738C21.9974 31.5693 22.8928 30.6738 23.9974 30.6738C25.102 30.6738 25.9974 31.5693 25.9974 32.6738Z\",\n                        fill: \"#3B4054\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(\"defs\", {\n                children: /*#__PURE__*/ _jsx(\"clipPath\", {\n                    id: \"clip0_2259_36079\",\n                    children: /*#__PURE__*/ _jsx(\"rect\", {\n                        width: \"32\",\n                        height: \"32\",\n                        fill: \"white\",\n                        transform: \"translate(8 8)\"\n                    })\n                })\n            })\n        ]\n    }));\nexport const Device = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        xmlns: \"http://www.w3.org/2000/svg\",\n        width: \"16\",\n        height: \"16\",\n        viewBox: \"0 0 16 16\",\n        fill: \"none\",\n        children: [\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M2.83203 2.33398C2.83203 1.50556 3.5036 0.833984 4.33203 0.833984H11.6654C12.4938 0.833984 13.1654 1.50556 13.1654 2.33398V13.6673C13.1654 14.4957 12.4938 15.1673 11.6654 15.1673H4.33203C3.5036 15.1673 2.83203 14.4957 2.83203 13.6673V2.33398ZM4.33203 1.83398C4.05589 1.83398 3.83203 2.05784 3.83203 2.33398V13.6673C3.83203 13.9435 4.05589 14.1673 4.33203 14.1673H11.6654C11.9415 14.1673 12.1654 13.9435 12.1654 13.6673V2.33398C12.1654 2.05784 11.9415 1.83398 11.6654 1.83398H4.33203Z\",\n                fill: \"#1B1B29\",\n                fillOpacity: \"0.7\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                d: \"M8.9987 12.3369C8.9987 12.8892 8.55098 13.3369 7.9987 13.3369C7.44641 13.3369 6.9987 12.8892 6.9987 12.3369C6.9987 11.7846 7.44641 11.3369 7.9987 11.3369C8.55098 11.3369 8.9987 11.7846 8.9987 12.3369Z\",\n                fill: \"#1B1B29\",\n                fillOpacity: \"0.7\"\n            })\n        ]\n    }));\nexport const Packages = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        xmlns: \"http://www.w3.org/2000/svg\",\n        width: \"14\",\n        height: \"14\",\n        viewBox: \"0 0 14 14\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M2.86852 1.5C2.70134 1.5 2.54522 1.58355 2.45249 1.72265L1.93426 2.5H12.0657L11.5475 1.72265C11.4548 1.58355 11.2987 1.5 11.1315 1.5H2.86852ZM12.5 3.5H10.1667V9.05483L7.00004 7.86733L3.83337 9.05483V3.5H1.5V12C1.5 12.2761 1.72386 12.5 2 12.5H12C12.2761 12.5 12.5 12.2761 12.5 12V3.5ZM4.83337 3.5V7.61183L7.00004 6.79933L9.16671 7.61183V3.5H4.83337ZM1.62044 1.16795C1.89864 0.750651 2.36699 0.5 2.86852 0.5H11.1315C11.633 0.5 12.1014 0.750652 12.3796 1.16795L13.2481 2.47073C13.4123 2.71713 13.5 3.00664 13.5 3.30278V12C13.5 12.8284 12.8284 13.5 12 13.5H2C1.17157 13.5 0.5 12.8284 0.5 12V3.30278C0.5 3.00664 0.587657 2.71713 0.751925 2.47073L1.62044 1.16795Z\",\n            fill: \"#5F5F69\"\n        })\n    }));\nexport const Package_Fill = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 24 24\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M3.87108 2.8906C4.24201 2.3342 4.86648 2 5.53518 2H18.4648C19.1335 2 19.758 2.3342 20.1289 2.8906L21.6641 5.19338C21.8831 5.52191 22 5.90793 22 6.30278V20C22 21.1046 21.1046 22 20 22H4C2.89543 22 2 21.1046 2 20V6.30278C2 5.90793 2.11688 5.52191 2.3359 5.19338L3.87108 2.8906ZM18.4648 4H5.53518L4.86852 5H19.1315L18.4648 4ZM8 7V16L12 14.125L16 16V7H8Z\",\n            fill: \"currentColor\"\n        })\n    }));\nexport const Dot = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 12 12\",\n        children: /*#__PURE__*/ _jsx(\"circle\", {\n            cx: \"6\",\n            cy: \"6\",\n            r: \"2\"\n        })\n    }), \"fill\");\nexport const Share = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        xmlns: \"http://www.w3.org/2000/svg\",\n        viewBox: \"0 0 24 24\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M17 4C16.1716 4 15.5 4.67157 15.5 5.5C15.5 6.32843 16.1716 7 17 7C17.8284 7 18.5 6.32843 18.5 5.5C18.5 4.67157 17.8284 4 17 4ZM13.5 5.5C13.5 3.567 15.067 2 17 2C18.933 2 20.5 3.567 20.5 5.5C20.5 7.433 18.933 9 17 9C16.0707 9 15.226 8.63781 14.5993 8.04689L9.34086 10.9535C9.44427 11.2839 9.5 11.6355 9.5 12C9.5 12.4139 9.42816 12.811 9.29627 13.1795L14.406 16.1503C15.0463 15.4438 15.9713 15 17 15C18.933 15 20.5 16.567 20.5 18.5C20.5 20.433 18.933 22 17 22C15.067 22 13.5 20.433 13.5 18.5C13.5 18.3167 13.5141 18.1367 13.5412 17.961L8.10209 14.7987C7.51677 15.239 6.78886 15.5 6 15.5C4.067 15.5 2.5 13.933 2.5 12C2.5 10.067 4.067 8.5 6 8.5C6.84065 8.5 7.61207 8.79637 8.21549 9.29032L13.5957 6.31641C13.5331 6.05448 13.5 5.78111 13.5 5.5ZM6 10.5C5.17157 10.5 4.5 11.1716 4.5 12C4.5 12.8284 5.17157 13.5 6 13.5C6.82843 13.5 7.5 12.8284 7.5 12C7.5 11.1716 6.82843 10.5 6 10.5ZM17 17C16.1716 17 15.5 17.6716 15.5 18.5C15.5 19.3284 16.1716 20 17 20C17.8284 20 18.5 19.3284 18.5 18.5C18.5 17.6716 17.8284 17 17 17Z\",\n            fill: \"#6A708A\"\n        })\n    }));\nexport const Copy_2px = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 24 24\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M7 4C7 2.89543 7.89543 2 9 2H20C21.1046 2 22 2.89543 22 4V15C22 16.1046 21.1046 17 20 17H17V20C17 21.1046 16.1046 22 15 22H4C2.89543 22 2 21.1046 2 20V9C2 7.89543 2.89543 7 4 7H7V4ZM9 7H15C16.1046 7 17 7.89543 17 9V15H20V4H9V7ZM15 9H4V20H15V9Z\",\n            fill: \"white\"\n        })\n    }));\nexport const Window_2px = withSVGProps((props)=>/*#__PURE__*/ _jsx(\"svg\", {\n        ...props,\n        viewBox: \"0 0 16 16\",\n        fill: \"none\",\n        children: /*#__PURE__*/ _jsx(\"path\", {\n            fillRule: \"evenodd\",\n            clipRule: \"evenodd\",\n            d: \"M1.33331 2.66665C1.33331 1.93027 1.93027 1.33331 2.66665 1.33331H5.99998C6.36817 1.33331 6.66665 1.63179 6.66665 1.99998C6.66665 2.36817 6.36817 2.66665 5.99998 2.66665H2.66665V13.3333H13.3333V9.99998C13.3333 9.63179 13.6318 9.33331 14 9.33331C14.3682 9.33331 14.6666 9.63179 14.6666 9.99998V13.3333C14.6666 14.0697 14.0697 14.6666 13.3333 14.6666H2.66665C1.93027 14.6666 1.33331 14.0697 1.33331 13.3333V2.66665ZM9.33331 2.66665C8.96512 2.66665 8.66665 2.36817 8.66665 1.99998C8.66665 1.63179 8.96512 1.33331 9.33331 1.33331H14.6666V6.66665C14.6666 7.03484 14.3682 7.33331 14 7.33331C13.6318 7.33331 13.3333 7.03484 13.3333 6.66665V3.60946L7.13805 9.80472C6.8777 10.0651 6.45559 10.0651 6.19524 9.80472C5.93489 9.54437 5.93489 9.12226 6.19524 8.86191L12.3905 2.66665H9.33331Z\",\n            fill: \"#A9AFC7\"\n        })\n    }));\nexport const Success_fill = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        viewBox: \"0 0 14 14\",\n        children: [\n            /*#__PURE__*/ _jsx(\"circle\", {\n                cx: \"6.99984\",\n                cy: \"6.99984\",\n                r: \"5.83333\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M10.2378 5.43251L6.37531 9.69792L3.93018 6.94796L4.80204 6.17274L6.38324 7.95106L9.37301 4.64941L10.2378 5.43251Z\",\n                fill: \"white\"\n            })\n        ]\n    }), \"fill\");\nexport const Close_fill = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        viewBox: \"0 0 20 20\",\n        children: [\n            /*#__PURE__*/ _jsx(\"circle\", {\n                cx: \"9.99996\",\n                cy: \"10\",\n                r: \"8.33333\"\n            }),\n            /*#__PURE__*/ _jsx(\"path\", {\n                fillRule: \"evenodd\",\n                clipRule: \"evenodd\",\n                d: \"M5.83929 5.83929C6.16473 5.51386 6.69237 5.51386 7.0178 5.83929L9.99998 8.82147L12.9821 5.83929C13.3076 5.51386 13.8352 5.51386 14.1607 5.83929C14.4861 6.16473 14.4861 6.69237 14.1607 7.0178L11.1785 9.99998L14.1607 12.9821C14.4861 13.3076 14.4861 13.8352 14.1607 14.1607C13.8352 14.4861 13.3076 14.4861 12.9821 14.1607L9.99998 11.1785L7.0178 14.1607C6.69237 14.4861 6.16473 14.4861 5.83929 14.1607C5.51386 13.8352 5.51386 13.3076 5.83929 12.9821L8.82147 9.99998L5.83929 7.0178C5.51386 6.69237 5.51386 6.16473 5.83929 5.83929Z\",\n                fill: \"white\"\n            })\n        ]\n    }), \"fill\");\nexport const Copyright = withSVGProps((props)=>/*#__PURE__*/ _jsxs(\"svg\", {\n        ...props,\n        viewBox: \"0 0 12 12\",\n        children: [\n            /*#__PURE__*/ _jsxs(\"g\", {\n                clipPath: \"url(#clip0_2556_12369)\",\n                children: [\n                    /*#__PURE__*/ _jsx(\"path\", {\n                        fillRule: \"evenodd\",\n                        clipRule: \"evenodd\",\n                        d: \"M6 10.5C8.48528 10.5 10.5 8.48528 10.5 6C10.5 3.51472 8.48528 1.5 6 1.5C3.51472 1.5 1.5 3.51472 1.5 6C1.5 8.48528 3.51472 10.5 6 10.5ZM6 11.5C9.03757 11.5 11.5 9.03757 11.5 6C11.5 2.96243 9.03757 0.5 6 0.5C2.96243 0.5 0.5 2.96243 0.5 6C0.5 9.03757 2.96243 11.5 6 11.5Z\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"path\", {\n                        d: \"M7.24035 5.20977C7.16853 4.62966 6.74864 4.26502 6.1188 4.26502C5.28455 4.26502 4.7735 4.90038 4.7735 5.99983C4.7735 7.14071 5.2956 7.73463 6.11052 7.73463C6.72101 7.73463 7.1409 7.40591 7.24035 6.85066L8.58842 6.85894C8.48068 7.86723 7.6188 8.9059 6.08565 8.9059C4.55527 8.9059 3.41162 7.85894 3.41162 5.99983C3.41162 4.13519 4.58013 3.09375 6.08565 3.09375C7.44201 3.09375 8.44477 3.86171 8.58842 5.20977H7.24035Z\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(\"defs\", {\n                children: /*#__PURE__*/ _jsx(\"clipPath\", {\n                    id: \"clip0_2556_12369\",\n                    children: /*#__PURE__*/ _jsx(\"rect\", {\n                        width: \"12\",\n                        height: \"12\",\n                        fill: \"white\"\n                    })\n                })\n            })\n        ]\n    }), \"fill\");\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  h3 {\\n    color: \",\n        \";\\n    text-transform: capitalize;\\n    font-size: 22px;\\n    font-weight: 700;\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport styled from \"styled-components\";\nimport { themeGet } from \"@styled-system/theme-get\";\nconst LogoArea = styled.div.withConfig({\n    componentId: \"sc-535ed6a3-0\"\n})(_templateObject(), themeGet(\"primary.0\", \"#008489\"));\nexport default LogoArea;\n","import { jsx as _jsx, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport * as React from \"react\";\nimport Link from \"next/link\";\nimport LogoArea from \"./Logo.style\";\nimport Image from \"next/image\";\nexport const Logo = (param)=>{\n    let { className , withLink , title , src , linkTo =\"#\" , size  } = param;\n    return /*#__PURE__*/ _jsx(LogoArea, {\n        className: className,\n        children: withLink ? /*#__PURE__*/ _jsx(Link, {\n            href: linkTo,\n            passHref: true,\n            legacyBehavior: true,\n            children: src ? /*#__PURE__*/ _jsx(Image, {\n                src: src,\n                alt: title,\n                ...size\n            }) : /*#__PURE__*/ _jsx(\"h3\", {\n                children: title\n            })\n        }) : /*#__PURE__*/ _jsx(_Fragment, {\n            children: /*#__PURE__*/ _jsx(\"a\", {\n                children: src ? /*#__PURE__*/ _jsx(Image, {\n                    src: src,\n                    alt: title,\n                    ...size\n                }) : /*#__PURE__*/ _jsx(\"h3\", {\n                    children: title\n                })\n            })\n        })\n    });\n};\n","export * from \"./Logo\";\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  .__json-pretty__ {\\n    width: 100%;\\n    padding: 25px;\\n    line-height: 1.3;\\n    color: rgba(248, 248, 242, 1);\\n    background: #1e1e1e;\\n    overflow: auto;\\n  }\\n  .__json-key__ {\\n    color: #ffffff;\\n  }\\n  .__json-value__ {\\n    color: #ae81ff;\\n  }\\n\\n  .__json-string__ {\\n    color: #e6db74;\\n  }\\n  .__json-boolean__ {\\n    color: #f92672;\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport * as React from \"react\";\nimport styled from \"styled-components\";\nimport JSONPretty from \"react-json-pretty\";\nconst JsonContainer = styled.div.withConfig({\n    componentId: \"sc-87c2f973-0\"\n})(_templateObject());\nexport const PrettyJson = (param)=>/*#__PURE__*/ {\n    let { value  } = param;\n    return _jsx(JsonContainer, {\n        children: /*#__PURE__*/ _jsx(JSONPretty, {\n            data: value\n        })\n    });\n};\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport * as React from \"react\";\nimport { LoadingOutlined } from \"@ant-design/icons\";\nexport const ActivityIndicator = (param)=>{\n    let { color , fontSize =24 , indicator  } = param;\n    return /*#__PURE__*/ _jsx(LoadingOutlined, {\n        style: {\n            fontSize,\n            color\n        },\n        spin: true\n    });\n// return <Spin indicator={indicator} />\n};\n","/**\n * This example previously used antd-dayjs-webpack-plugin\n * (https://github.com/ant-design/antd-dayjs-webpack-plugin) to attempt to\n * replace Moment.js with Day.js, but it would crash the page when the user\n * clicked on the DatePicker. Using this custom component (following Ant Design\n * guidelines at https://ant.design/docs/react/replace-moment) instead of the\n * webpack plugin fixes that bug.\n */ import dayjsGenerateConfig from \"rc-picker/lib/generate/dayjs\";\nimport generatePicker from \"antd/lib/date-picker/generatePicker\";\nconst DatePicker = generatePicker(dayjsGenerateConfig);\nexport default DatePicker;\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n/**\n * Wrap of sub component which need use as Button capacity (like Icon component).\n *\n * This helps accessibility reader to tread as a interactive button to operation.\n */\nimport KeyCode from \"rc-util/es/KeyCode\";\nimport * as React from 'react';\nvar inlineStyle = {\n  border: 0,\n  background: 'transparent',\n  padding: 0,\n  lineHeight: 'inherit',\n  display: 'inline-block'\n};\nvar TransButton = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  var onKeyDown = function onKeyDown(event) {\n    var keyCode = event.keyCode;\n    if (keyCode === KeyCode.ENTER) {\n      event.preventDefault();\n    }\n  };\n  var onKeyUp = function onKeyUp(event) {\n    var keyCode = event.keyCode;\n    var onClick = props.onClick;\n    if (keyCode === KeyCode.ENTER && onClick) {\n      onClick();\n    }\n  };\n  var style = props.style,\n    noStyle = props.noStyle,\n    disabled = props.disabled,\n    restProps = __rest(props, [\"style\", \"noStyle\", \"disabled\"]);\n  var mergedStyle = {};\n  if (!noStyle) {\n    mergedStyle = _extends({}, inlineStyle);\n  }\n  if (disabled) {\n    mergedStyle.pointerEvents = 'none';\n  }\n  mergedStyle = _extends(_extends({}, mergedStyle), style);\n  return /*#__PURE__*/React.createElement(\"div\", _extends({\n    role: \"button\",\n    tabIndex: 0,\n    ref: ref\n  }, restProps, {\n    onKeyDown: onKeyDown,\n    onKeyUp: onKeyUp,\n    style: mergedStyle\n  }));\n});\nexport default TransButton;","// This icon file is generated automatically.\nvar EnterOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M864 170h-60c-4.4 0-8 3.6-8 8v518H310v-73c0-6.7-7.8-10.5-13-6.3l-141.9 112a8 8 0 000 12.6l141.9 112c5.3 4.2 13 .4 13-6.3v-75h498c35.3 0 64-28.7 64-64V178c0-4.4-3.6-8-8-8z\" } }] }, \"name\": \"enter\", \"theme\": \"outlined\" };\nexport default EnterOutlined;\n","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport * as React from 'react';\nimport EnterOutlinedSvg from \"@ant-design/icons-svg/es/asn/EnterOutlined\";\nimport AntdIcon from '../components/AntdIcon';\nvar EnterOutlined = function EnterOutlined(props, ref) {\n  return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread(_objectSpread({}, props), {}, {\n    ref: ref,\n    icon: EnterOutlinedSvg\n  }));\n};\nEnterOutlined.displayName = 'EnterOutlined';\nexport default /*#__PURE__*/React.forwardRef(EnterOutlined);","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\n/*\n.typography-title(@fontSize; @fontWeight; @lineHeight; @headingColor; @headingMarginBottom;) {\n  margin-bottom: @headingMarginBottom;\n  color: @headingColor;\n  font-weight: @fontWeight;\n  fontSize: @fontSize;\n  line-height: @lineHeight;\n}\n*/\nimport { gold } from '@ant-design/colors';\nimport { initInputToken } from '../../input/style';\nimport { operationUnit } from '../../style';\n// eslint-disable-next-line import/prefer-default-export\nvar getTitleStyle = function getTitleStyle(fontSize, lineHeight, color, token) {\n  var sizeMarginHeadingVerticalEnd = token.sizeMarginHeadingVerticalEnd,\n    fontWeightStrong = token.fontWeightStrong;\n  return {\n    marginBottom: sizeMarginHeadingVerticalEnd,\n    color: color,\n    fontWeight: fontWeightStrong,\n    fontSize: fontSize,\n    lineHeight: lineHeight\n  };\n};\n// eslint-disable-next-line import/prefer-default-export\nexport var getTitleStyles = function getTitleStyles(token) {\n  var headings = [1, 2, 3, 4, 5];\n  var styles = {};\n  headings.forEach(function (headingLevel) {\n    styles[\"\\n      h\" + headingLevel + \"&,\\n      div&-h\" + headingLevel + \",\\n      div&-h\" + headingLevel + \" > textarea,\\n      h\" + headingLevel + \"\\n    \"] = getTitleStyle(token[\"fontSizeHeading\" + headingLevel], token[\"lineHeightHeading\" + headingLevel], token.colorTextHeading, token);\n  });\n  return styles;\n};\nexport var getLinkStyles = function getLinkStyles(token) {\n  var componentCls = token.componentCls;\n  return {\n    'a&, a': _extends(_extends({}, operationUnit(token)), _defineProperty({\n      textDecoration: token.linkDecoration,\n      '&:active, &:hover': {\n        textDecoration: token.linkHoverDecoration\n      }\n    }, \"&[disabled], &\" + componentCls + \"-disabled\", {\n      color: token.colorTextDisabled,\n      cursor: 'not-allowed',\n      '&:active, &:hover': {\n        color: token.colorTextDisabled\n      },\n      '&:active': {\n        pointerEvents: 'none'\n      }\n    }))\n  };\n};\nexport var getResetStyles = function getResetStyles() {\n  return {\n    code: {\n      margin: '0 0.2em',\n      paddingInline: '0.4em',\n      paddingBlock: '0.2em 0.1em',\n      fontSize: '85%',\n      background: 'rgba(150, 150, 150, 0.1)',\n      border: '1px solid rgba(100, 100, 100, 0.2)',\n      borderRadius: 3\n    },\n    kbd: {\n      margin: '0 0.2em',\n      paddingInline: '0.4em',\n      paddingBlock: '0.15em 0.1em',\n      fontSize: '90%',\n      background: 'rgba(150, 150, 150, 0.06)',\n      border: '1px solid rgba(100, 100, 100, 0.2)',\n      borderBottomWidth: 2,\n      borderRadius: 3\n    },\n    mark: {\n      padding: 0,\n      // FIXME hardcode in v4\n      backgroundColor: gold[2]\n    },\n    'u, ins': {\n      textDecoration: 'underline',\n      textDecorationSkipInk: 'auto'\n    },\n    's, del': {\n      textDecoration: 'line-through'\n    },\n    strong: {\n      fontWeight: 600\n    },\n    // list\n    'ul, ol': {\n      marginInline: 0,\n      marginBlock: '0 1em',\n      padding: 0,\n      li: {\n        marginInline: '20px 0',\n        marginBlock: 0,\n        paddingInline: '4px 0',\n        paddingBlock: 0\n      }\n    },\n    ul: {\n      listStyleType: 'circle',\n      ul: {\n        listStyleType: 'disc'\n      }\n    },\n    ol: {\n      listStyleType: 'decimal'\n    },\n    // pre & block\n    'pre, blockquote': {\n      margin: '1em 0'\n    },\n    pre: {\n      padding: '0.4em 0.6em',\n      whiteSpace: 'pre-wrap',\n      wordWrap: 'break-word',\n      background: 'rgba(150, 150, 150, 0.1)',\n      border: '1px solid rgba(100, 100, 100, 0.2)',\n      borderRadius: 3,\n      // Compatible for marked\n      code: {\n        display: 'inline',\n        margin: 0,\n        padding: 0,\n        fontSize: 'inherit',\n        fontFamily: 'inherit',\n        background: 'transparent',\n        border: 0\n      }\n    },\n    blockquote: {\n      paddingInline: '0.6em 0',\n      paddingBlock: 0,\n      borderInlineStart: '4px solid rgba(100, 100, 100, 0.2)',\n      opacity: 0.85\n    }\n  };\n};\nexport var getEditableStyles = function getEditableStyles(token) {\n  var _editContent;\n  var componentCls = token.componentCls;\n  var inputToken = initInputToken(token);\n  var inputShift = inputToken.inputPaddingVertical + 1;\n  return {\n    '&-edit-content': (_editContent = {\n      position: 'relative',\n      'div&': {\n        insetInlineStart: -token.paddingSM,\n        marginTop: -inputShift,\n        marginBottom: \"calc(1em - \" + inputShift + \"px)\"\n      }\n    }, _defineProperty(_editContent, componentCls + \"-edit-content-confirm\", {\n      position: 'absolute',\n      insetInlineEnd: token.marginXS + 2,\n      insetBlockEnd: token.marginXS,\n      color: token.colorTextDescription,\n      // default style\n      fontWeight: 'normal',\n      fontSize: token.fontSize,\n      fontStyle: 'normal',\n      pointerEvents: 'none'\n    }), _defineProperty(_editContent, \"textarea\", {\n      margin: '0!important',\n      // Fix Editable Textarea flash in Firefox\n      MozTransition: 'none',\n      height: '1em'\n    }), _editContent)\n  };\n};\nexport var getCopiableStyles = function getCopiableStyles(token) {\n  return {\n    '&-copy-success': _defineProperty({}, \"\\n    &,\\n    &:hover,\\n    &:focus\", {\n      color: token.colorSuccess\n    })\n  };\n};\nexport var getEllipsisStyles = function getEllipsisStyles() {\n  var _ref;\n  return _ref = {}, _defineProperty(_ref, \"\\n  a&-ellipsis,\\n  span&-ellipsis\\n  \", {\n    display: 'inline-block',\n    maxWidth: '100%'\n  }), _defineProperty(_ref, '&-single-line', {\n    whiteSpace: 'nowrap'\n  }), _defineProperty(_ref, '&-ellipsis-single-line', {\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    // https://blog.csdn.net/iefreer/article/details/50421025\n    'a&, span&': {\n      verticalAlign: 'bottom'\n    }\n  }), _defineProperty(_ref, '&-ellipsis-multiple-line', {\n    display: '-webkit-box',\n    overflow: 'hidden',\n    WebkitLineClamp: 3,\n    WebkitBoxOrient: 'vertical'\n  }), _ref;\n};","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport { genComponentStyleHook } from '../../theme';\nimport { getCopiableStyles, getEditableStyles, getEllipsisStyles, getLinkStyles, getResetStyles, getTitleStyles } from './mixins';\nimport { operationUnit } from '../../style';\nvar genTypographyStyle = function genTypographyStyle(token) {\n  var _extends3;\n  var componentCls = token.componentCls,\n    sizeMarginHeadingVerticalStart = token.sizeMarginHeadingVerticalStart;\n  return _defineProperty({}, componentCls, _extends(_extends(_extends(_extends(_extends(_extends(_extends(_extends(_extends(_defineProperty({\n    color: token.colorText,\n    wordBreak: 'break-word',\n    lineHeight: token.lineHeight,\n    '&&-secondary': {\n      color: token.colorTextDescription\n    },\n    '&&-success': {\n      color: token.colorSuccess\n    },\n    '&&-warning': {\n      color: token.colorWarning\n    },\n    '&&-danger': {\n      color: token.colorError,\n      'a&:active, a&:focus': {\n        color: token.colorErrorActive\n      },\n      'a&:hover': {\n        color: token.colorErrorHover\n      }\n    },\n    '&&-disabled': {\n      color: token.colorTextDisabled,\n      cursor: 'not-allowed',\n      userSelect: 'none'\n    }\n  }, \"\\n        div&,\\n        p\\n      \", {\n    marginBottom: '1em'\n  }), getTitleStyles(token)), (_extends3 = {}, _defineProperty(_extends3, \"\\n      & + h1&,\\n      & + h2&,\\n      & + h3&,\\n      & + h4&,\\n      & + h5&\\n      \", {\n    marginTop: sizeMarginHeadingVerticalStart\n  }), _defineProperty(_extends3, \"\\n      div,\\n      ul,\\n      li,\\n      p,\\n      h1,\\n      h2,\\n      h3,\\n      h4,\\n      h5\", _defineProperty({}, \"\\n        + h1,\\n        + h2,\\n        + h3,\\n        + h4,\\n        + h5\\n        \", {\n    marginTop: sizeMarginHeadingVerticalStart\n  })), _extends3)), getResetStyles()), getLinkStyles(token)), _defineProperty({}, \"\\n        \" + componentCls + \"-expand,\\n        \" + componentCls + \"-edit,\\n        \" + componentCls + \"-copy\\n      \", _extends(_extends({}, operationUnit(token)), {\n    marginInlineStart: token.marginXXS\n  }))), getEditableStyles(token)), getCopiableStyles(token)), getEllipsisStyles()), {\n    '&-rtl': {\n      direction: 'rtl'\n    }\n  }));\n};\n// ============================== Export ==============================\nexport default genComponentStyleHook('Typography', function (token) {\n  return [genTypographyStyle(token)];\n}, {\n  sizeMarginHeadingVerticalStart: '1.2em',\n  sizeMarginHeadingVerticalEnd: '0.5em'\n});","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport EnterOutlined from \"@ant-design/icons/es/icons/EnterOutlined\";\nimport classNames from 'classnames';\nimport KeyCode from \"rc-util/es/KeyCode\";\nimport * as React from 'react';\nimport TextArea from '../input/TextArea';\nimport { cloneElement } from '../_util/reactNode';\nimport useStyle from './style';\nvar Editable = function Editable(_ref) {\n  var prefixCls = _ref.prefixCls,\n    ariaLabel = _ref['aria-label'],\n    className = _ref.className,\n    style = _ref.style,\n    direction = _ref.direction,\n    maxLength = _ref.maxLength,\n    _ref$autoSize = _ref.autoSize,\n    autoSize = _ref$autoSize === void 0 ? true : _ref$autoSize,\n    value = _ref.value,\n    onSave = _ref.onSave,\n    onCancel = _ref.onCancel,\n    onEnd = _ref.onEnd,\n    component = _ref.component,\n    _ref$enterIcon = _ref.enterIcon,\n    enterIcon = _ref$enterIcon === void 0 ? /*#__PURE__*/React.createElement(EnterOutlined, null) : _ref$enterIcon;\n  var ref = React.useRef(null);\n  var inComposition = React.useRef(false);\n  var lastKeyCode = React.useRef();\n  var _React$useState = React.useState(value),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    current = _React$useState2[0],\n    setCurrent = _React$useState2[1];\n  React.useEffect(function () {\n    setCurrent(value);\n  }, [value]);\n  React.useEffect(function () {\n    if (ref.current && ref.current.resizableTextArea) {\n      var textArea = ref.current.resizableTextArea.textArea;\n      textArea.focus();\n      var length = textArea.value.length;\n      textArea.setSelectionRange(length, length);\n    }\n  }, []);\n  var onChange = function onChange(_ref2) {\n    var target = _ref2.target;\n    setCurrent(target.value.replace(/[\\n\\r]/g, ''));\n  };\n  var onCompositionStart = function onCompositionStart() {\n    inComposition.current = true;\n  };\n  var onCompositionEnd = function onCompositionEnd() {\n    inComposition.current = false;\n  };\n  var onKeyDown = function onKeyDown(_ref3) {\n    var keyCode = _ref3.keyCode;\n    // We don't record keyCode when IME is using\n    if (inComposition.current) return;\n    lastKeyCode.current = keyCode;\n  };\n  var confirmChange = function confirmChange() {\n    onSave(current.trim());\n  };\n  var onKeyUp = function onKeyUp(_ref4) {\n    var keyCode = _ref4.keyCode,\n      ctrlKey = _ref4.ctrlKey,\n      altKey = _ref4.altKey,\n      metaKey = _ref4.metaKey,\n      shiftKey = _ref4.shiftKey;\n    // Check if it's a real key\n    if (lastKeyCode.current === keyCode && !inComposition.current && !ctrlKey && !altKey && !metaKey && !shiftKey) {\n      if (keyCode === KeyCode.ENTER) {\n        confirmChange();\n        onEnd === null || onEnd === void 0 ? void 0 : onEnd();\n      } else if (keyCode === KeyCode.ESC) {\n        onCancel();\n      }\n    }\n  };\n  var onBlur = function onBlur() {\n    confirmChange();\n  };\n  var textClassName = component ? prefixCls + \"-\" + component : '';\n  var _useStyle = useStyle(prefixCls),\n    _useStyle2 = _slicedToArray(_useStyle, 2),\n    wrapSSR = _useStyle2[0],\n    hashId = _useStyle2[1];\n  var textAreaClassName = classNames(prefixCls, prefixCls + \"-edit-content\", _defineProperty({}, prefixCls + \"-rtl\", direction === 'rtl'), className, textClassName, hashId);\n  return wrapSSR( /*#__PURE__*/React.createElement(\"div\", {\n    className: textAreaClassName,\n    style: style\n  }, /*#__PURE__*/React.createElement(TextArea, {\n    ref: ref,\n    maxLength: maxLength,\n    value: current,\n    onChange: onChange,\n    onKeyDown: onKeyDown,\n    onKeyUp: onKeyUp,\n    onCompositionStart: onCompositionStart,\n    onCompositionEnd: onCompositionEnd,\n    onBlur: onBlur,\n    \"aria-label\": ariaLabel,\n    rows: 1,\n    autoSize: autoSize\n  }), enterIcon !== null ? cloneElement(enterIcon, {\n    className: prefixCls + \"-edit-content-confirm\"\n  }) : null));\n};\nexport default Editable;","import _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nexport default function useMergedConfig(propConfig, templateConfig) {\n  return React.useMemo(function () {\n    var support = !!propConfig;\n    return [support, _extends(_extends({}, templateConfig), support && _typeof(propConfig) === 'object' ? propConfig : null)];\n  }, [propConfig]);\n}","import * as React from 'react';\n/** Similar with `useEffect` but only trigger after mounted */\nvar useUpdatedEffect = function useUpdatedEffect(callback, conditions) {\n  var mountRef = React.useRef(false);\n  React.useEffect(function () {\n    if (mountRef.current) {\n      callback();\n    } else {\n      mountRef.current = true;\n    }\n  }, conditions);\n};\nexport default useUpdatedEffect;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport classNames from 'classnames';\nimport { composeRef } from \"rc-util/es/ref\";\nimport * as React from 'react';\nimport { ConfigContext } from '../config-provider';\nimport warning from '../_util/warning';\nimport useStyle from './style';\nvar Typography = /*#__PURE__*/React.forwardRef(function (_a, ref) {\n  var customizePrefixCls = _a.prefixCls,\n    _a$component = _a.component,\n    Component = _a$component === void 0 ? 'article' : _a$component,\n    className = _a.className,\n    setContentRef = _a.setContentRef,\n    children = _a.children,\n    typographyDirection = _a.direction,\n    restProps = __rest(_a, [\"prefixCls\", \"component\", \"className\", \"setContentRef\", \"children\", \"direction\"]);\n  var _React$useContext = React.useContext(ConfigContext),\n    getPrefixCls = _React$useContext.getPrefixCls,\n    contextDirection = _React$useContext.direction;\n  var direction = typographyDirection !== null && typographyDirection !== void 0 ? typographyDirection : contextDirection;\n  var mergedRef = ref;\n  if (setContentRef) {\n    process.env.NODE_ENV !== \"production\" ? warning(false, 'Typography', '`setContentRef` is deprecated. Please use `ref` instead.') : void 0;\n    mergedRef = composeRef(ref, setContentRef);\n  }\n  var prefixCls = getPrefixCls('typography', customizePrefixCls);\n  // Style\n  var _useStyle = useStyle(prefixCls),\n    _useStyle2 = _slicedToArray(_useStyle, 2),\n    wrapSSR = _useStyle2[0],\n    hashId = _useStyle2[1];\n  var componentClassName = classNames(prefixCls, _defineProperty({}, prefixCls + \"-rtl\", direction === 'rtl'), className, hashId);\n  return wrapSSR(\n  /*#__PURE__*/\n  // @ts-expect-error: Expression produces a union type that is too complex to represent.\n  React.createElement(Component, _extends({\n    className: componentClassName,\n    ref: mergedRef\n  }, restProps), children));\n});\nif (process.env.NODE_ENV !== 'production') {\n  Typography.displayName = 'Typography';\n}\n// es default export should use const instead of let\nexport default Typography;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport toArray from \"rc-util/es/Children/toArray\";\nimport useIsomorphicLayoutEffect from \"rc-util/es/hooks/useLayoutEffect\";\nimport * as React from 'react';\nfunction cuttable(node) {\n  var type = _typeof(node);\n  return type === 'string' || type === 'number';\n}\nfunction getNodesLen(nodeList) {\n  var totalLen = 0;\n  nodeList.forEach(function (node) {\n    if (cuttable(node)) {\n      totalLen += String(node).length;\n    } else {\n      totalLen += 1;\n    }\n  });\n  return totalLen;\n}\nfunction sliceNodes(nodeList, len) {\n  var currLen = 0;\n  var currentNodeList = [];\n  for (var i = 0; i < nodeList.length; i += 1) {\n    // Match to return\n    if (currLen === len) {\n      return currentNodeList;\n    }\n    var node = nodeList[i];\n    var canCut = cuttable(node);\n    var nodeLen = canCut ? String(node).length : 1;\n    var nextLen = currLen + nodeLen;\n    // Exceed but current not which means we need cut this\n    // This will not happen on validate ReactElement\n    if (nextLen > len) {\n      var restLen = len - currLen;\n      currentNodeList.push(String(node).slice(0, restLen));\n      return currentNodeList;\n    }\n    currentNodeList.push(node);\n    currLen = nextLen;\n  }\n  return nodeList;\n}\nvar NONE = 0;\nvar PREPARE = 1;\nvar WALKING = 2;\nvar DONE_WITH_ELLIPSIS = 3;\nvar DONE_WITHOUT_ELLIPSIS = 4;\nvar Ellipsis = function Ellipsis(_ref) {\n  var enabledMeasure = _ref.enabledMeasure,\n    children = _ref.children,\n    text = _ref.text,\n    width = _ref.width,\n    fontSize = _ref.fontSize,\n    rows = _ref.rows,\n    onEllipsis = _ref.onEllipsis;\n  var _React$useState = React.useState([0, 0, 0]),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    _React$useState2$ = _slicedToArray(_React$useState2[0], 3),\n    startLen = _React$useState2$[0],\n    midLen = _React$useState2$[1],\n    endLen = _React$useState2$[2],\n    setCutLength = _React$useState2[1];\n  var _React$useState3 = React.useState(NONE),\n    _React$useState4 = _slicedToArray(_React$useState3, 2),\n    walkingState = _React$useState4[0],\n    setWalkingState = _React$useState4[1];\n  var _React$useState5 = React.useState(0),\n    _React$useState6 = _slicedToArray(_React$useState5, 2),\n    singleRowHeight = _React$useState6[0],\n    setSingleRowHeight = _React$useState6[1];\n  var singleRowRef = React.useRef(null);\n  var midRowRef = React.useRef(null);\n  var nodeList = React.useMemo(function () {\n    return toArray(text);\n  }, [text]);\n  var totalLen = React.useMemo(function () {\n    return getNodesLen(nodeList);\n  }, [nodeList]);\n  var mergedChildren = React.useMemo(function () {\n    if (!enabledMeasure || walkingState !== DONE_WITH_ELLIPSIS) {\n      return children(nodeList, false);\n    }\n    return children(sliceNodes(nodeList, midLen), midLen < totalLen);\n  }, [enabledMeasure, walkingState, children, nodeList, midLen, totalLen]);\n  // ======================== Walk ========================\n  useIsomorphicLayoutEffect(function () {\n    if (enabledMeasure && width && fontSize && totalLen) {\n      setWalkingState(PREPARE);\n      setCutLength([0, Math.ceil(totalLen / 2), totalLen]);\n    }\n  }, [enabledMeasure, width, fontSize, text, totalLen, rows]);\n  useIsomorphicLayoutEffect(function () {\n    var _a;\n    if (walkingState === PREPARE) {\n      setSingleRowHeight(((_a = singleRowRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0);\n    }\n  }, [walkingState]);\n  useIsomorphicLayoutEffect(function () {\n    var _a, _b;\n    if (singleRowHeight) {\n      if (walkingState === PREPARE) {\n        // Ignore if position is enough\n        var midHeight = ((_a = midRowRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0;\n        var maxHeight = rows * singleRowHeight;\n        if (midHeight <= maxHeight) {\n          setWalkingState(DONE_WITHOUT_ELLIPSIS);\n          onEllipsis(false);\n        } else {\n          setWalkingState(WALKING);\n        }\n      } else if (walkingState === WALKING) {\n        if (startLen !== endLen) {\n          var _midHeight = ((_b = midRowRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0;\n          var _maxHeight = rows * singleRowHeight;\n          var nextStartLen = startLen;\n          var nextEndLen = endLen;\n          // We reach the last round\n          if (startLen === endLen - 1) {\n            nextEndLen = startLen;\n          } else if (_midHeight <= _maxHeight) {\n            nextStartLen = midLen;\n          } else {\n            nextEndLen = midLen;\n          }\n          var nextMidLen = Math.ceil((nextStartLen + nextEndLen) / 2);\n          setCutLength([nextStartLen, nextMidLen, nextEndLen]);\n        } else {\n          setWalkingState(DONE_WITH_ELLIPSIS);\n          onEllipsis(true);\n        }\n      }\n    }\n  }, [walkingState, startLen, endLen, rows, singleRowHeight]);\n  // ======================= Render =======================\n  var measureStyle = {\n    width: width,\n    whiteSpace: 'normal',\n    margin: 0,\n    padding: 0\n  };\n  var renderMeasure = function renderMeasure(content, ref, style) {\n    return /*#__PURE__*/React.createElement(\"span\", {\n      \"aria-hidden\": true,\n      ref: ref,\n      style: _extends({\n        position: 'fixed',\n        display: 'block',\n        left: 0,\n        top: 0,\n        zIndex: -9999,\n        visibility: 'hidden',\n        pointerEvents: 'none',\n        fontSize: Math.floor(fontSize / 2) * 2\n      }, style)\n    }, content);\n  };\n  var renderMeasureSlice = function renderMeasureSlice(len, ref) {\n    var sliceNodeList = sliceNodes(nodeList, len);\n    return renderMeasure(children(sliceNodeList, true), ref, measureStyle);\n  };\n  return /*#__PURE__*/React.createElement(React.Fragment, null, mergedChildren, enabledMeasure && walkingState !== DONE_WITH_ELLIPSIS && walkingState !== DONE_WITHOUT_ELLIPSIS && /*#__PURE__*/React.createElement(React.Fragment, null, renderMeasure('lg', singleRowRef, {\n    wordBreak: 'keep-all',\n    whiteSpace: 'nowrap'\n  }), walkingState === PREPARE ? renderMeasure(children(nodeList, false), midRowRef, measureStyle) : renderMeasureSlice(midLen, midRowRef)));\n};\nif (process.env.NODE_ENV !== 'production') {\n  Ellipsis.displayName = 'Ellipsis';\n}\nexport default Ellipsis;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport Tooltip from '../../tooltip';\nvar EllipsisTooltip = function EllipsisTooltip(_ref) {\n  var enabledEllipsis = _ref.enabledEllipsis,\n    isEllipsis = _ref.isEllipsis,\n    children = _ref.children,\n    tooltipProps = _ref.tooltipProps;\n  if (!(tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.title) || !enabledEllipsis) {\n    return children;\n  }\n  return /*#__PURE__*/React.createElement(Tooltip, _extends({\n    open: isEllipsis ? undefined : false\n  }, tooltipProps), children);\n};\nif (process.env.NODE_ENV !== 'production') {\n  EllipsisTooltip.displayName = 'EllipsisTooltip';\n}\nexport default EllipsisTooltip;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport CheckOutlined from \"@ant-design/icons/es/icons/CheckOutlined\";\nimport CopyOutlined from \"@ant-design/icons/es/icons/CopyOutlined\";\nimport EditOutlined from \"@ant-design/icons/es/icons/EditOutlined\";\nimport classNames from 'classnames';\nimport copy from 'copy-to-clipboard';\nimport ResizeObserver from 'rc-resize-observer';\nimport toArray from \"rc-util/es/Children/toArray\";\nimport useIsomorphicLayoutEffect from \"rc-util/es/hooks/useLayoutEffect\";\nimport useMergedState from \"rc-util/es/hooks/useMergedState\";\nimport omit from \"rc-util/es/omit\";\nimport { composeRef } from \"rc-util/es/ref\";\nimport * as React from 'react';\nimport { ConfigContext } from '../../config-provider';\nimport { useLocaleReceiver } from '../../locale-provider/LocaleReceiver';\nimport TransButton from '../../_util/transButton';\nimport { isStyleSupport } from '../../_util/styleChecker';\nimport Tooltip from '../../tooltip';\nimport Editable from '../Editable';\nimport useMergedConfig from '../hooks/useMergedConfig';\nimport useUpdatedEffect from '../hooks/useUpdatedEffect';\nimport Typography from '../Typography';\nimport Ellipsis from './Ellipsis';\nimport EllipsisTooltip from './EllipsisTooltip';\nfunction wrapperDecorations(_ref, content) {\n  var mark = _ref.mark,\n    code = _ref.code,\n    underline = _ref.underline,\n    del = _ref[\"delete\"],\n    strong = _ref.strong,\n    keyboard = _ref.keyboard,\n    italic = _ref.italic;\n  var currentContent = content;\n  function wrap(needed, tag) {\n    if (!needed) return;\n    currentContent = /*#__PURE__*/React.createElement(tag, {}, currentContent);\n  }\n  wrap(strong, 'strong');\n  wrap(underline, 'u');\n  wrap(del, 'del');\n  wrap(code, 'code');\n  wrap(mark, 'mark');\n  wrap(keyboard, 'kbd');\n  wrap(italic, 'i');\n  return currentContent;\n}\nfunction getNode(dom, defaultNode, needDom) {\n  if (dom === true || dom === undefined) {\n    return defaultNode;\n  }\n  return dom || needDom && defaultNode;\n}\nfunction toList(val) {\n  if (val === false) {\n    return [false, false];\n  }\n  return Array.isArray(val) ? val : [val];\n}\nvar ELLIPSIS_STR = '...';\nvar Base = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  var _a, _b, _c;\n  var customizePrefixCls = props.prefixCls,\n    className = props.className,\n    style = props.style,\n    type = props.type,\n    disabled = props.disabled,\n    children = props.children,\n    ellipsis = props.ellipsis,\n    editable = props.editable,\n    copyable = props.copyable,\n    component = props.component,\n    title = props.title,\n    restProps = __rest(props, [\"prefixCls\", \"className\", \"style\", \"type\", \"disabled\", \"children\", \"ellipsis\", \"editable\", \"copyable\", \"component\", \"title\"]);\n  var _React$useContext = React.useContext(ConfigContext),\n    getPrefixCls = _React$useContext.getPrefixCls,\n    direction = _React$useContext.direction;\n  var textLocale = useLocaleReceiver('Text')[0]; // Force TS get this\n  var typographyRef = React.useRef(null);\n  var editIconRef = React.useRef(null);\n  // ============================ MISC ============================\n  var prefixCls = getPrefixCls('typography', customizePrefixCls);\n  var textProps = omit(restProps, ['mark', 'code', 'delete', 'underline', 'strong', 'keyboard', 'italic']);\n  // ========================== Editable ==========================\n  var _useMergedConfig = useMergedConfig(editable),\n    _useMergedConfig2 = _slicedToArray(_useMergedConfig, 2),\n    enableEdit = _useMergedConfig2[0],\n    editConfig = _useMergedConfig2[1];\n  var _useMergedState = useMergedState(false, {\n      value: editConfig.editing\n    }),\n    _useMergedState2 = _slicedToArray(_useMergedState, 2),\n    editing = _useMergedState2[0],\n    setEditing = _useMergedState2[1];\n  var _editConfig$triggerTy = editConfig.triggerType,\n    triggerType = _editConfig$triggerTy === void 0 ? ['icon'] : _editConfig$triggerTy;\n  var triggerEdit = function triggerEdit(edit) {\n    var _a;\n    if (edit) {\n      (_a = editConfig.onStart) === null || _a === void 0 ? void 0 : _a.call(editConfig);\n    }\n    setEditing(edit);\n  };\n  // Focus edit icon when back\n  useUpdatedEffect(function () {\n    var _a;\n    if (!editing) {\n      (_a = editIconRef.current) === null || _a === void 0 ? void 0 : _a.focus();\n    }\n  }, [editing]);\n  var onEditClick = function onEditClick(e) {\n    e === null || e === void 0 ? void 0 : e.preventDefault();\n    triggerEdit(true);\n  };\n  var onEditChange = function onEditChange(value) {\n    var _a;\n    (_a = editConfig.onChange) === null || _a === void 0 ? void 0 : _a.call(editConfig, value);\n    triggerEdit(false);\n  };\n  var onEditCancel = function onEditCancel() {\n    var _a;\n    (_a = editConfig.onCancel) === null || _a === void 0 ? void 0 : _a.call(editConfig);\n    triggerEdit(false);\n  };\n  // ========================== Copyable ==========================\n  var _useMergedConfig3 = useMergedConfig(copyable),\n    _useMergedConfig4 = _slicedToArray(_useMergedConfig3, 2),\n    enableCopy = _useMergedConfig4[0],\n    copyConfig = _useMergedConfig4[1];\n  var _React$useState = React.useState(false),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    copied = _React$useState2[0],\n    setCopied = _React$useState2[1];\n  var copyIdRef = React.useRef();\n  var copyOptions = {};\n  if (copyConfig.format) {\n    copyOptions.format = copyConfig.format;\n  }\n  var cleanCopyId = function cleanCopyId() {\n    window.clearTimeout(copyIdRef.current);\n  };\n  var onCopyClick = function onCopyClick(e) {\n    var _a;\n    e === null || e === void 0 ? void 0 : e.preventDefault();\n    e === null || e === void 0 ? void 0 : e.stopPropagation();\n    copy(copyConfig.text || String(children) || '', copyOptions);\n    setCopied(true);\n    // Trigger tips update\n    cleanCopyId();\n    copyIdRef.current = window.setTimeout(function () {\n      setCopied(false);\n    }, 3000);\n    (_a = copyConfig.onCopy) === null || _a === void 0 ? void 0 : _a.call(copyConfig, e);\n  };\n  React.useEffect(function () {\n    return cleanCopyId;\n  }, []);\n  // ========================== Ellipsis ==========================\n  var _React$useState3 = React.useState(false),\n    _React$useState4 = _slicedToArray(_React$useState3, 2),\n    isLineClampSupport = _React$useState4[0],\n    setIsLineClampSupport = _React$useState4[1];\n  var _React$useState5 = React.useState(false),\n    _React$useState6 = _slicedToArray(_React$useState5, 2),\n    isTextOverflowSupport = _React$useState6[0],\n    setIsTextOverflowSupport = _React$useState6[1];\n  var _React$useState7 = React.useState(false),\n    _React$useState8 = _slicedToArray(_React$useState7, 2),\n    expanded = _React$useState8[0],\n    setExpanded = _React$useState8[1];\n  var _React$useState9 = React.useState(false),\n    _React$useState10 = _slicedToArray(_React$useState9, 2),\n    isJsEllipsis = _React$useState10[0],\n    setIsJsEllipsis = _React$useState10[1];\n  var _React$useState11 = React.useState(false),\n    _React$useState12 = _slicedToArray(_React$useState11, 2),\n    isNativeEllipsis = _React$useState12[0],\n    setIsNativeEllipsis = _React$useState12[1];\n  var _React$useState13 = React.useState(true),\n    _React$useState14 = _slicedToArray(_React$useState13, 2),\n    isNativeVisible = _React$useState14[0],\n    setIsNativeVisible = _React$useState14[1];\n  var _useMergedConfig5 = useMergedConfig(ellipsis, {\n      expandable: false\n    }),\n    _useMergedConfig6 = _slicedToArray(_useMergedConfig5, 2),\n    enableEllipsis = _useMergedConfig6[0],\n    ellipsisConfig = _useMergedConfig6[1];\n  var mergedEnableEllipsis = enableEllipsis && !expanded;\n  // Shared prop to reduce bundle size\n  var _ellipsisConfig$rows = ellipsisConfig.rows,\n    rows = _ellipsisConfig$rows === void 0 ? 1 : _ellipsisConfig$rows;\n  var needMeasureEllipsis = React.useMemo(function () {\n    return (\n      // Disable ellipsis\n      !mergedEnableEllipsis ||\n      // Provide suffix\n      ellipsisConfig.suffix !== undefined || ellipsisConfig.onEllipsis ||\n      // Can't use css ellipsis since we need to provide the place for button\n      ellipsisConfig.expandable || enableEdit || enableCopy\n    );\n  }, [mergedEnableEllipsis, ellipsisConfig, enableEdit, enableCopy]);\n  useIsomorphicLayoutEffect(function () {\n    if (enableEllipsis && !needMeasureEllipsis) {\n      setIsLineClampSupport(isStyleSupport('webkitLineClamp'));\n      setIsTextOverflowSupport(isStyleSupport('textOverflow'));\n    }\n  }, [needMeasureEllipsis, enableEllipsis]);\n  var cssEllipsis = React.useMemo(function () {\n    if (needMeasureEllipsis) {\n      return false;\n    }\n    if (rows === 1) {\n      return isTextOverflowSupport;\n    }\n    return isLineClampSupport;\n  }, [needMeasureEllipsis, isTextOverflowSupport, isLineClampSupport]);\n  var isMergedEllipsis = mergedEnableEllipsis && (cssEllipsis ? isNativeEllipsis : isJsEllipsis);\n  var cssTextOverflow = mergedEnableEllipsis && rows === 1 && cssEllipsis;\n  var cssLineClamp = mergedEnableEllipsis && rows > 1 && cssEllipsis;\n  // >>>>> Expand\n  var onExpandClick = function onExpandClick(e) {\n    var _a;\n    setExpanded(true);\n    (_a = ellipsisConfig.onExpand) === null || _a === void 0 ? void 0 : _a.call(ellipsisConfig, e);\n  };\n  var _React$useState15 = React.useState(0),\n    _React$useState16 = _slicedToArray(_React$useState15, 2),\n    ellipsisWidth = _React$useState16[0],\n    setEllipsisWidth = _React$useState16[1];\n  var _React$useState17 = React.useState(0),\n    _React$useState18 = _slicedToArray(_React$useState17, 2),\n    ellipsisFontSize = _React$useState18[0],\n    setEllipsisFontSize = _React$useState18[1];\n  var onResize = function onResize(_ref2, element) {\n    var offsetWidth = _ref2.offsetWidth;\n    var _a;\n    setEllipsisWidth(offsetWidth);\n    setEllipsisFontSize(parseInt((_a = window.getComputedStyle) === null || _a === void 0 ? void 0 : _a.call(window, element).fontSize, 10) || 0);\n  };\n  // >>>>> JS Ellipsis\n  var onJsEllipsis = function onJsEllipsis(jsEllipsis) {\n    var _a;\n    setIsJsEllipsis(jsEllipsis);\n    // Trigger if changed\n    if (isJsEllipsis !== jsEllipsis) {\n      (_a = ellipsisConfig.onEllipsis) === null || _a === void 0 ? void 0 : _a.call(ellipsisConfig, jsEllipsis);\n    }\n  };\n  // >>>>> Native ellipsis\n  React.useEffect(function () {\n    var textEle = typographyRef.current;\n    if (enableEllipsis && cssEllipsis && textEle) {\n      var currentEllipsis = cssLineClamp ? textEle.offsetHeight < textEle.scrollHeight : textEle.offsetWidth < textEle.scrollWidth;\n      if (isNativeEllipsis !== currentEllipsis) {\n        setIsNativeEllipsis(currentEllipsis);\n      }\n    }\n  }, [enableEllipsis, cssEllipsis, children, cssLineClamp, isNativeVisible]);\n  // https://github.com/ant-design/ant-design/issues/36786\n  // Use IntersectionObserver to check if element is invisible\n  React.useEffect(function () {\n    var textEle = typographyRef.current;\n    if (typeof IntersectionObserver === 'undefined' || !textEle || !cssEllipsis || !mergedEnableEllipsis) {\n      return;\n    }\n    /* eslint-disable-next-line compat/compat */\n    var observer = new IntersectionObserver(function () {\n      setIsNativeVisible(!!textEle.offsetParent);\n    });\n    observer.observe(textEle);\n    return function () {\n      observer.disconnect();\n    };\n  }, [cssEllipsis, mergedEnableEllipsis]);\n  // ========================== Tooltip ===========================\n  var tooltipProps = {};\n  if (ellipsisConfig.tooltip === true) {\n    tooltipProps = {\n      title: (_a = editConfig.text) !== null && _a !== void 0 ? _a : children\n    };\n  } else if ( /*#__PURE__*/React.isValidElement(ellipsisConfig.tooltip)) {\n    tooltipProps = {\n      title: ellipsisConfig.tooltip\n    };\n  } else if (_typeof(ellipsisConfig.tooltip) === 'object') {\n    tooltipProps = _extends({\n      title: (_b = editConfig.text) !== null && _b !== void 0 ? _b : children\n    }, ellipsisConfig.tooltip);\n  } else {\n    tooltipProps = {\n      title: ellipsisConfig.tooltip\n    };\n  }\n  var topAriaLabel = React.useMemo(function () {\n    var isValid = function isValid(val) {\n      return ['string', 'number'].includes(_typeof(val));\n    };\n    if (!enableEllipsis || cssEllipsis) {\n      return undefined;\n    }\n    if (isValid(editConfig.text)) {\n      return editConfig.text;\n    }\n    if (isValid(children)) {\n      return children;\n    }\n    if (isValid(title)) {\n      return title;\n    }\n    if (isValid(tooltipProps.title)) {\n      return tooltipProps.title;\n    }\n    return undefined;\n  }, [enableEllipsis, cssEllipsis, title, tooltipProps.title, isMergedEllipsis]);\n  // =========================== Render ===========================\n  // >>>>>>>>>>> Editing input\n  if (editing) {\n    return /*#__PURE__*/React.createElement(Editable, {\n      value: (_c = editConfig.text) !== null && _c !== void 0 ? _c : typeof children === 'string' ? children : '',\n      onSave: onEditChange,\n      onCancel: onEditCancel,\n      onEnd: editConfig.onEnd,\n      prefixCls: prefixCls,\n      className: className,\n      style: style,\n      direction: direction,\n      component: component,\n      maxLength: editConfig.maxLength,\n      autoSize: editConfig.autoSize,\n      enterIcon: editConfig.enterIcon\n    });\n  }\n  // >>>>>>>>>>> Typography\n  // Expand\n  var renderExpand = function renderExpand() {\n    var expandable = ellipsisConfig.expandable,\n      symbol = ellipsisConfig.symbol;\n    if (!expandable) return null;\n    var expandContent;\n    if (symbol) {\n      expandContent = symbol;\n    } else {\n      expandContent = textLocale.expand;\n    }\n    return /*#__PURE__*/React.createElement(\"a\", {\n      key: \"expand\",\n      className: prefixCls + \"-expand\",\n      onClick: onExpandClick,\n      \"aria-label\": textLocale.expand\n    }, expandContent);\n  };\n  // Edit\n  var renderEdit = function renderEdit() {\n    if (!enableEdit) return;\n    var icon = editConfig.icon,\n      tooltip = editConfig.tooltip;\n    var editTitle = toArray(tooltip)[0] || textLocale.edit;\n    var ariaLabel = typeof editTitle === 'string' ? editTitle : '';\n    return triggerType.includes('icon') ? /*#__PURE__*/React.createElement(Tooltip, {\n      key: \"edit\",\n      title: tooltip === false ? '' : editTitle\n    }, /*#__PURE__*/React.createElement(TransButton, {\n      ref: editIconRef,\n      className: prefixCls + \"-edit\",\n      onClick: onEditClick,\n      \"aria-label\": ariaLabel\n    }, icon || /*#__PURE__*/React.createElement(EditOutlined, {\n      role: \"button\"\n    }))) : null;\n  };\n  // Copy\n  var renderCopy = function renderCopy() {\n    if (!enableCopy) return;\n    var tooltips = copyConfig.tooltips,\n      icon = copyConfig.icon;\n    var tooltipNodes = toList(tooltips);\n    var iconNodes = toList(icon);\n    var copyTitle = copied ? getNode(tooltipNodes[1], textLocale.copied) : getNode(tooltipNodes[0], textLocale.copy);\n    var systemStr = copied ? textLocale.copied : textLocale.copy;\n    var ariaLabel = typeof copyTitle === 'string' ? copyTitle : systemStr;\n    return /*#__PURE__*/React.createElement(Tooltip, {\n      key: \"copy\",\n      title: copyTitle\n    }, /*#__PURE__*/React.createElement(TransButton, {\n      className: classNames(prefixCls + \"-copy\", copied && prefixCls + \"-copy-success\"),\n      onClick: onCopyClick,\n      \"aria-label\": ariaLabel\n    }, copied ? getNode(iconNodes[1], /*#__PURE__*/React.createElement(CheckOutlined, null), true) : getNode(iconNodes[0], /*#__PURE__*/React.createElement(CopyOutlined, null), true)));\n  };\n  var renderOperations = function renderOperations(renderExpanded) {\n    return [renderExpanded && renderExpand(), renderEdit(), renderCopy()];\n  };\n  var renderEllipsis = function renderEllipsis(needEllipsis) {\n    return [needEllipsis && /*#__PURE__*/React.createElement(\"span\", {\n      \"aria-hidden\": true,\n      key: \"ellipsis\"\n    }, ELLIPSIS_STR), ellipsisConfig.suffix, renderOperations(needEllipsis)];\n  };\n  return /*#__PURE__*/React.createElement(ResizeObserver, {\n    onResize: onResize,\n    disabled: !mergedEnableEllipsis || cssEllipsis\n  }, function (resizeRef) {\n    var _classNames;\n    return /*#__PURE__*/React.createElement(EllipsisTooltip, {\n      tooltipProps: tooltipProps,\n      enabledEllipsis: mergedEnableEllipsis,\n      isEllipsis: isMergedEllipsis\n    }, /*#__PURE__*/React.createElement(Typography, _extends({\n      className: classNames((_classNames = {}, _defineProperty(_classNames, prefixCls + \"-\" + type, type), _defineProperty(_classNames, prefixCls + \"-disabled\", disabled), _defineProperty(_classNames, prefixCls + \"-ellipsis\", enableEllipsis), _defineProperty(_classNames, prefixCls + \"-single-line\", mergedEnableEllipsis && rows === 1), _defineProperty(_classNames, prefixCls + \"-ellipsis-single-line\", cssTextOverflow), _defineProperty(_classNames, prefixCls + \"-ellipsis-multiple-line\", cssLineClamp), _classNames), className),\n      prefixCls: customizePrefixCls,\n      style: _extends(_extends({}, style), {\n        WebkitLineClamp: cssLineClamp ? rows : undefined\n      }),\n      component: component,\n      ref: composeRef(resizeRef, typographyRef, ref),\n      direction: direction,\n      onClick: triggerType.includes('text') ? onEditClick : undefined,\n      \"aria-label\": topAriaLabel === null || topAriaLabel === void 0 ? void 0 : topAriaLabel.toString(),\n      title: title\n    }, textProps), /*#__PURE__*/React.createElement(Ellipsis, {\n      enabledMeasure: mergedEnableEllipsis && !cssEllipsis,\n      text: children,\n      rows: rows,\n      width: ellipsisWidth,\n      fontSize: ellipsisFontSize,\n      onEllipsis: onJsEllipsis\n    }, function (node, needEllipsis) {\n      var renderNode = node;\n      if (node.length && needEllipsis && topAriaLabel) {\n        renderNode = /*#__PURE__*/React.createElement(\"span\", {\n          key: \"show-content\",\n          \"aria-hidden\": true\n        }, renderNode);\n      }\n      var wrappedContext = wrapperDecorations(props, /*#__PURE__*/React.createElement(React.Fragment, null, renderNode, renderEllipsis(needEllipsis)));\n      return wrappedContext;\n    })));\n  });\n});\nexport default Base;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport * as React from 'react';\nimport warning from '../_util/warning';\nimport Base from './Base';\nvar Link = /*#__PURE__*/React.forwardRef(function (_a, ref) {\n  var ellipsis = _a.ellipsis,\n    rel = _a.rel,\n    restProps = __rest(_a, [\"ellipsis\", \"rel\"]);\n  process.env.NODE_ENV !== \"production\" ? warning(_typeof(ellipsis) !== 'object', 'Typography.Link', '`ellipsis` only supports boolean value.') : void 0;\n  var mergedProps = _extends(_extends({}, restProps), {\n    rel: rel === undefined && restProps.target === '_blank' ? 'noopener noreferrer' : rel\n  });\n  // @ts-expect-error: https://github.com/ant-design/ant-design/issues/26622\n  delete mergedProps.navigate;\n  return /*#__PURE__*/React.createElement(Base, _extends({}, mergedProps, {\n    ref: ref,\n    ellipsis: !!ellipsis,\n    component: \"a\"\n  }));\n});\nexport default Link;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport Base from './Base';\nvar Paragraph = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  return /*#__PURE__*/React.createElement(Base, _extends({\n    ref: ref\n  }, props, {\n    component: \"div\"\n  }));\n});\nexport default Paragraph;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport omit from \"rc-util/es/omit\";\nimport * as React from 'react';\nimport warning from '../_util/warning';\nimport Base from './Base';\nvar Text = function Text(_a, ref) {\n  var ellipsis = _a.ellipsis,\n    restProps = __rest(_a, [\"ellipsis\"]);\n  var mergedEllipsis = React.useMemo(function () {\n    if (ellipsis && _typeof(ellipsis) === 'object') {\n      return omit(ellipsis, ['expandable', 'rows']);\n    }\n    return ellipsis;\n  }, [ellipsis]);\n  process.env.NODE_ENV !== \"production\" ? warning(_typeof(ellipsis) !== 'object' || !ellipsis || !('expandable' in ellipsis) && !('rows' in ellipsis), 'Typography.Text', '`ellipsis` do not support `expandable` or `rows` props.') : void 0;\n  return /*#__PURE__*/React.createElement(Base, _extends({\n    ref: ref\n  }, restProps, {\n    ellipsis: mergedEllipsis,\n    component: \"span\"\n  }));\n};\nexport default /*#__PURE__*/React.forwardRef(Text);","import _extends from \"@babel/runtime/helpers/esm/extends\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport * as React from 'react';\nimport { tupleNum } from '../_util/type';\nimport warning from '../_util/warning';\nimport Base from './Base';\nvar TITLE_ELE_LIST = tupleNum(1, 2, 3, 4, 5);\nvar Title = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  var _props$level = props.level,\n    level = _props$level === void 0 ? 1 : _props$level,\n    restProps = __rest(props, [\"level\"]);\n  var component;\n  if (TITLE_ELE_LIST.includes(level)) {\n    component = \"h\" + level;\n  } else {\n    process.env.NODE_ENV !== \"production\" ? warning(false, 'Typography.Title', 'Title only accept `1 | 2 | 3 | 4 | 5` as `level` value. And `5` need 4.6.0+ version.') : void 0;\n    component = 'h1';\n  }\n  return /*#__PURE__*/React.createElement(Base, _extends({\n    ref: ref\n  }, restProps, {\n    component: component\n  }));\n});\nexport default Title;","import Link from './Link';\nimport Paragraph from './Paragraph';\nimport Text from './Text';\nimport Title from './Title';\nimport OriginTypography from './Typography';\nvar Typography = OriginTypography;\nTypography.Text = Text;\nTypography.Link = Link;\nTypography.Title = Title;\nTypography.Paragraph = Paragraph;\nexport default Typography;","import * as React from \"react\";\nimport { Typography } from \"antd\";\nconst RText = Typography.Text;\nconst RTitle = Typography.Title;\nconst RParagraph = Typography.Paragraph;\nexport const Text = Typography.Text;\nexport const Title = Typography.Title;\nexport const Paragraph = Typography.Paragraph;\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  flex: 1;\\n  width: 100%;\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport * as React from \"react\";\nimport styled from \"styled-components\";\nexport const View = styled.div.withConfig({\n    componentId: \"sc-ff41ff95-0\"\n})(_templateObject());\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  flex: 1;\\n  justify-content: center;\\n  align-items: center;\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  flex: 1;\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  padding: 16px 24px;\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport * as React from \"react\";\nimport { useEffect, useState } from \"react\";\nimport styled from \"styled-components\";\nimport { List } from \"antd\";\n// import { FlatList as RNFlatList } from 'react-native-gesture-handler'\n// import Animated from 'react-native-reanimated'\nimport { reaction, toJS } from \"mobx\";\nimport { Text } from \"./Text\";\nimport { View } from \"./View\";\nimport { ActivityIndicator } from \"./ActivityIndicator\";\nimport { useStyledTheme } from \"@/hooks/useStyledTheme\";\nconst FlatListLoadingWrapper = styled(View).withConfig({\n    componentId: \"sc-f65b68e6-0\"\n})(_templateObject());\nexport const DefaultEmptyComponent = (param)=>{\n    let {} = param;\n    const theme = useStyledTheme();\n    return /*#__PURE__*/ _jsx(View, {\n        style: {\n            flex: 1,\n            alignContent: \"center\",\n            justifyContent: \"center\"\n        },\n        children: /*#__PURE__*/ _jsx(Text, {\n            style: {\n                flex: 0,\n                textAlign: \"center\"\n            },\n            children: \"데이터가 없습니다.\"\n        })\n    });\n};\nexport const DefaultLoadingComponent = (param)=>{\n    let { children  } = param;\n    return /*#__PURE__*/ _jsxs(FlatListLoadingWrapper, {\n        children: [\n            /*#__PURE__*/ _jsx(ActivityIndicator, {\n                color: \"#000\"\n            }),\n            children\n        ]\n    });\n};\nconst ListWrapper = styled(View).withConfig({\n    componentId: \"sc-f65b68e6-1\"\n})(_templateObject1());\nexport const FlatList = (param)=>{\n    let { status , actions , renderItem , ListHeaderComponent , ListFooterComponent , useRefresh =true , ListEmptyComponent =DefaultEmptyComponent , ListLoadingComponent =DefaultLoadingComponent , // contentContainerStyle,\n    // onScroll,\n    contentOffset  } = param;\n    const [visible, setVisible] = useState(false);\n    const [dataSource, setDataSource] = useState([]);\n    const [refreshing, setRefreshing] = useState(false);\n    const [addingItems, setAddingItems] = useState(false);\n    useEffect(()=>{\n        const loadingReaction = reaction(()=>status.loading, (value, dispose)=>{\n            setVisible(!value);\n        });\n        const refreshingReaction = reaction(()=>status.refreshing, (value)=>{\n            setRefreshing(value);\n        });\n        const addingItemsReaction = reaction(()=>status.addingItems, (value)=>{\n            setAddingItems(value);\n        });\n        const dataSourceReaction = reaction(()=>actions.items, (data)=>{\n            const list = toJS(data);\n            setDataSource(list);\n        });\n        return ()=>{\n            loadingReaction();\n            refreshingReaction();\n            addingItemsReaction();\n            dataSourceReaction();\n        };\n    }, []);\n    if (!visible) {\n        return /*#__PURE__*/ _jsx(_Fragment, {\n            children: ListLoadingComponent\n        });\n    }\n    return /*#__PURE__*/ _jsx(ListWrapper, {\n        children: /*#__PURE__*/ _jsx(List, {\n            itemLayout: \"horizontal\",\n            dataSource: dataSource,\n            renderItem: renderItem\n        })\n    });\n};\nconst FlatListFooterWrapper = styled(View).withConfig({\n    componentId: \"sc-f65b68e6-2\"\n})(_templateObject2());\nexport const FlatListDefaultFooter = ()=>{\n    return /*#__PURE__*/ _jsx(FlatListFooterWrapper, {\n        children: /*#__PURE__*/ _jsx(ActivityIndicator, {\n            color: \"#000\"\n        })\n    });\n};\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  flex-direction: column;\\n  align-items: center;\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  margin-top: 32px;\\n\\n  ul {\\n    display: flex;\\n  }\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { CategoryFilterSectionView } from \"@/components/Categories/Menu/CategoryFilterSectionView\";\nimport { CategoryProductListView } from \"@/components/Categories/Menu/CategoryProductListView\";\nimport { useCategoryFilterHandler } from \"@/hooks/useCategoryFilterHandler\";\nimport { useMobileFilterSideSheet } from \"@/hooks/useMobileFilterSideSheet\";\nimport theme from \"@/themes/uiLibraryTheme\";\nimport { Pagination } from \"@bookips/solvook-ui-library\";\nimport { Typography, styled } from \"@mui/material\";\nimport { useMemo } from \"react\";\nimport { PreviewDialogProvider } from \"../../Search/PreviewDialogProvider\";\nexport const CategoryList = (param)=>{\n    let { items =[] , totalCount =0 , filterItems =[] , sortItems =[] , isLoadingListItem , categoryName , limit , currentPage , totalPage , onChangePage  } = param;\n    const { palette  } = theme;\n    const { selectedFilterList , selectedSort , filterQueryHandler , isCheckFilterItem , isCheckFilterCount  } = useCategoryFilterHandler();\n    const hasFilterItems = useMemo(()=>{\n        return filterItems.some((filter)=>filter.items.length > 0);\n    }, [\n        filterItems\n    ]);\n    const { mobileFilterSideSheet , handleMobileSideSheet  } = useMobileFilterSideSheet();\n    return /*#__PURE__*/ _jsx(PreviewDialogProvider, {\n        children: /*#__PURE__*/ _jsxs(CategoryListViewContainer, {\n            children: [\n                /*#__PURE__*/ _jsx(Typography, {\n                    component: \"h5\",\n                    typography: \"h5\",\n                    color: palette.text[\"title\"],\n                    style: {\n                        textAlign: \"left\",\n                        width: \"100%\"\n                    },\n                    children: categoryName\n                }),\n                /*#__PURE__*/ _jsx(CategoryFilterSectionView, {\n                    filterItems: filterItems,\n                    hasFilterItems: hasFilterItems,\n                    handleMobileSlider: handleMobileSideSheet,\n                    selectedFilterList: selectedFilterList,\n                    filterQueryHandler: filterQueryHandler,\n                    totalCount: totalCount,\n                    sortItems: sortItems,\n                    selectedSort: selectedSort,\n                    isCheckFilterItem: isCheckFilterItem,\n                    isCheckFilterCount: isCheckFilterCount,\n                    mobileFilterSideSheet: mobileFilterSideSheet\n                }),\n                /*#__PURE__*/ _jsx(CategoryProductListView, {\n                    isLoadingListItem: isLoadingListItem,\n                    items: items,\n                    limit: limit\n                }),\n                /*#__PURE__*/ _jsx(PaginationContainer, {\n                    children: /*#__PURE__*/ _jsx(Pagination, {\n                        page: currentPage,\n                        onChange: (event, page)=>onChangePage(page),\n                        count: totalPage,\n                        size: \"medium\"\n                    })\n                })\n            ]\n        })\n    });\n};\nconst CategoryListViewContainer = styled(\"div\")(_templateObject());\nconst PaginationContainer = styled(\"div\")(_templateObject1());\n","export * from \"./Container\";\nexport * from \"./Logo\";\nexport * from \"./PretteyJson\";\nexport * from \"./ActivityIndicator\";\nexport * from \"./DatePicker\";\nexport * from \"./FlatList\";\nexport * from \"./FlatListInifity\";\nexport * from \"./Text\";\nexport * from \"./View\";\nexport { CategoryList } from \"@/components/Categories/Menu/CategoryList\";\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  .MuiBox-root {\\n    width: 100%;\\n  }\\n  .MuiPaper-root {\\n    overflow: hidden;\\n\\n    @media (max-width: 1200px) {\\n      width: 400px;\\n    }\\n    @media (max-width: 768px) {\\n      width: 100%;\\n    }\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  width: 100%;\\n  max-height: calc(100vh - 48px);\\n  padding: 28px 20px 0 20px;\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  justify-content: space-between;\\n\\n  font-size: 20px;\\n  font-style: normal;\\n  font-weight: 700;\\n  line-height: 30px; /* 150% */\\n\\n  margin-bottom: 8px;\\n  color: \",\n        \";\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box, Drawer } from \"@mui/material\";\nimport styled from \"styled-components\";\nconst AnchorDrawer = (param)=>{\n    let { open , onClose , anchor =\"bottom\" , children , ...props } = param;\n    return /*#__PURE__*/ _jsx(DrawerBox, {\n        anchor: anchor,\n        open: open,\n        onClose: onClose,\n        transitionDuration: {\n            enter: 500,\n            exit: 400\n        },\n        sx: anchor === \"bottom\" ? {\n            \".MuiPaper-root\": {\n                borderRadius: \"12px 12px 0 0\"\n            },\n            maxHeight: \"calc(100vh - 48px)\"\n        } : {},\n        ...props,\n        children: /*#__PURE__*/ _jsx(Box, {\n            sx: {\n                width: anchor === \"bottom\" || anchor === \"top\" ? \"100%\" : \"250px\"\n            },\n            children: children\n        })\n    });\n};\nconst Contents = (param)=>{\n    let { children  } = param;\n    return /*#__PURE__*/ _jsx(BottomBox, {\n        children: children\n    });\n};\nconst Title = (param)=>{\n    let { children  } = param;\n    return /*#__PURE__*/ _jsx(TitleText, {\n        children: children\n    });\n};\nAnchorDrawer.Contents = Contents;\nAnchorDrawer.Title = Title;\nexport const DrawerBox = styled(Drawer).withConfig({\n    componentId: \"sc-76dc330b-0\"\n})(_templateObject());\nconst BottomBox = styled.div.withConfig({\n    componentId: \"sc-76dc330b-1\"\n})(_templateObject1());\nconst TitleText = styled.p.withConfig({\n    componentId: \"sc-76dc330b-2\"\n})(_templateObject2(), (props)=>props.theme.new.colors.sol_gray_900);\nexport default AnchorDrawer;\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  gap: 8px;\\n  align-items: center;\\n  justify-content: end;\\n  margin-top: 28px;\\n\\n  > button {\\n    font-size: 16px;\\n    padding: 12px 20px;\\n    line-height: 1.5;\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport useRedirect, { REDIRECT_QUERY } from \"@/hooks/useRedirect\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { LOGIN_PAGE, REGISTRATION_PAGE } from \"@/settings/constant\";\nimport { Button, ConfirmDialog } from \"@bookips/solvook-ui-library\";\nimport { useRouter } from \"next/router\";\nimport { useCallback } from \"react\";\nimport styled from \"styled-components\";\nimport LoginDialog from \"../../store/loginDialog\";\nconst CheckLoginDialog = (param)=>{\n    let { open , onClose , onClickLogin , onClickSignUp  } = param;\n    const router = useRouter();\n    const { loginPath , redirectToLogin  } = useRedirect();\n    const { closeLoginDialog  } = LoginDialog();\n    const currentPathname = router.asPath;\n    const redirectLoginPage = useCallback(()=>{\n        // mx-9\n        mixpanelEvent(\"Popup Button Clicked\", {\n            \"Popup Type\": \"login\",\n            \"Popup Title\": \"로그인이 필요해요\",\n            \"Button Name\": \"로그인\",\n            \"Button URL\": LOGIN_PAGE\n        });\n        onClickLogin === null || onClickLogin === void 0 ? void 0 : onClickLogin(loginPath);\n        closeLoginDialog();\n        redirectToLogin();\n    }, [\n        router,\n        loginPath\n    ]);\n    const redirectSignUpPage = useCallback(()=>{\n        // mx-9\n        mixpanelEvent(\"Popup Button Clicked\", {\n            \"Popup Type\": \"signup\",\n            \"Popup Title\": \"로그인이 필요해요\",\n            \"Button Name\": \"회원가입\",\n            \"Button URL\": REGISTRATION_PAGE\n        });\n        const registrationPath = \"\".concat(REGISTRATION_PAGE, \"?\").concat(REDIRECT_QUERY, \"=\").concat(currentPathname);\n        onClickSignUp === null || onClickSignUp === void 0 ? void 0 : onClickSignUp(registrationPath);\n        closeLoginDialog();\n        router.push(registrationPath);\n    }, [\n        router,\n        currentPathname\n    ]);\n    return /*#__PURE__*/ _jsx(ConfirmDialog, {\n        open: open,\n        onClose: onClose,\n        title: \"로그인이 필요해요.\",\n        content: /*#__PURE__*/ _jsx(\"p\", {\n            children: \"로그인 혹은 회원가입을 진행해주세요.\"\n        }),\n        footer: /*#__PURE__*/ _jsxs(ButtonBox, {\n            children: [\n                /*#__PURE__*/ _jsx(Button, {\n                    variant: \"soft\",\n                    label: \"로그인\",\n                    onClick: redirectLoginPage\n                }),\n                /*#__PURE__*/ _jsx(Button, {\n                    variant: \"solid\",\n                    label: \"회원가입\",\n                    onClick: redirectSignUpPage\n                })\n            ]\n        })\n    });\n};\nconst ButtonBox = styled.div.withConfig({\n    componentId: \"sc-71e6b03-0\"\n})(_templateObject());\nexport default CheckLoginDialog;\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n          transform: scale(1);\\n          visibility: visible;\\n        \"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n          transition: 0.25s;\\n          transform: scale(0.4);\\n          opacity: 0;\\n          visibility: hidden;\\n        \"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  position: relative;\\n  border-radius: 12px;\\n  background-color: #fff;\\n  color: #222;\\n  \",\n        \"\\n  //max-width: 90%;\\n\tmax-height: 100%;\\n  margin: 0 auto;\\n  transition: 0.3s;\\n  will-change: transform;\\n  overflow: hidden;\\n  @media (max-width: 1200px) {\\n    \",\n        \"\\n  }\\n  \",\n        \";\\n  header {\\n    position: relative;\\n    justify-content: space-between;\\n    padding: 0 16px;\\n    height: 44px;\\n    border-bottom: 1px solid #e3e3e3;\\n    background-color: #fff;\\n\\n    h4 {\\n      text-align: center;\\n      line-height: 44px;\\n      margin-bottom: 0;\\n    }\\n\\n    button {\\n      position: absolute;\\n      top: 10px;\\n      right: 15px;\\n    }\\n  }\\n\\n  > div {\\n    overflow: auto;\\n  }\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject3() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  align-items: center;\\n  padding: 40px;\\n\"\n    ]);\n    _templateObject3 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject4() {\n    const data = _tagged_template_literal([\n        \"\\n  margin-top: 24px;\\n\"\n    ]);\n    _templateObject4 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject5() {\n    const data = _tagged_template_literal([\n        \"\\n  text-align: center;\\n  padding-bottom: 24px;\\n\"\n    ]);\n    _templateObject5 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport Overlay, { OverlayClose, useCloseOverlay } from \"../common/Overlay\";\nimport styled, { css } from \"styled-components\";\nconst Modal = (param)=>{\n    let { title , width , children , modalBgColor , ...props } = param;\n    const { open  } = props;\n    return /*#__PURE__*/ _jsx(StyledOverlay, {\n        ...props,\n        children: /*#__PURE__*/ _jsxs(StyledDiv, {\n            open: open,\n            width: width,\n            style: {\n                backgroundColor: modalBgColor\n            },\n            children: [\n                title && /*#__PURE__*/ _jsxs(\"header\", {\n                    children: [\n                        /*#__PURE__*/ _jsx(\"h4\", {\n                            children: title\n                        }),\n                        /*#__PURE__*/ _jsx(OverlayClose, {\n                            ...props\n                        })\n                    ]\n                }),\n                /*#__PURE__*/ _jsx(\"div\", {\n                    children: children\n                })\n            ]\n        })\n    });\n};\nexport default Modal;\nconst StyledDiv = styled.div.withConfig({\n    componentId: \"sc-ad535ec3-0\"\n})(_templateObject2(), (param)=>{\n    let { width  } = param;\n    return width && \"width: \".concat(width, \"px;\");\n}, (param)=>{\n    let { width  } = param;\n    return width && \"width: \".concat(width, \"px;\");\n}, (param)=>{\n    let { open  } = param;\n    return open ? css(_templateObject()) : css(_templateObject1());\n});\nconst StyledOverlay = styled(Overlay).withConfig({\n    componentId: \"sc-ad535ec3-1\"\n})(_templateObject3());\nexport const ModalButton = (param)=>{\n    let { onClick , ...props } = param;\n    const closeOverlay = useCloseOverlay();\n    return /*#__PURE__*/ _jsx(StyledModalButton, {\n        children: /*#__PURE__*/ _jsx(\"button\", {\n            ...props,\n            onClick: onClick !== null && onClick !== void 0 ? onClick : ()=>closeOverlay()\n        })\n    });\n};\nconst StyledModalButton = styled.div.withConfig({\n    componentId: \"sc-ad535ec3-2\"\n})(_templateObject4());\nexport const ModalTitle = (param)=>{\n    let { text  } = param;\n    return /*#__PURE__*/ _jsx(StyledModal, {\n        className: \"multiline\",\n        children: text\n    });\n};\nconst StyledModal = styled.h4.withConfig({\n    componentId: \"sc-ad535ec3-3\"\n})(_templateObject5());\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  position: sticky;\\n  background-color: #fff;\\n  border-bottom: solid 1px #f3f3f3;\\n  left: 0;\\n  right: 0;\\n  top: 0;\\n  z-index: 800;\\n  @media (max-width: 768px) {\\n    border-bottom: none;\\n  }\\n\\n  .inner {\\n    max-width: 1200px;\\n    position: relative;\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: center;\\n    //gap: 40px;\\n    padding: 12px 0;\\n    height: \",\n        \"px;\\n    @media (max-width: 1200px) {\\n      padding: 0 32px;\\n    }\\n    @media (max-width: 768px) {\\n      /* flex-direction: column; */\\n      align-items: center;\\n      gap: 12px;\\n      padding: 12px 16px;\\n      height: 61px;\\n    }\\n  }\\n\\n  .logo {\\n    /* margin: 0 20px 0 0; */\\n    display: flex;\\n    gap: 20px;\\n    margin: 0;\\n    align-items: center;\\n    /* width: 270px; */\\n    //flex: 1;\\n\\n    a {\\n      display: block;\\n      /* padding: 8px; */\\n      display: flex;\\n\\n      img {\\n        display: block;\\n      }\\n    }\\n\\n    .mobile-menu-icon {\\n      all: unset;\\n      display: none;\\n      cursor: pointer;\\n    }\\n\\n    @media (max-width: 1200px) {\\n      width: unset;\\n      .mobile-menu-icon {\\n        display: block;\\n      }\\n    }\\n    @media (max-width: 768px) {\\n      display: flex;\\n      align-items: center;\\n      justify-content: space-between;\\n      width: 100%;\\n      img {\\n        height: 24px;\\n        width: auto;\\n      }\\n\\n      svg {\\n        height: 24px;\\n        width: 96px;\\n      }\\n\\n      .mobile-menu-icon {\\n        display: block;\\n\\n        p {\\n          display: none;\\n        }\\n      }\\n\\n      hr {\\n        display: none;\\n      }\\n    }\\n  }\\n\\n  .search-area {\\n    display: flex;\\n    justify-content: center;\\n    align-items: center;\\n    gap: 24px;\\n\\n    &.hide {\\n      display: none;\\n    }\\n\\n    @media (max-width: 1200px) {\\n      width: 100%;\\n      order: 4;\\n\\n      .category {\\n        display: none;\\n      }\\n    }\\n    @media (max-width: 768px) {\\n    }\\n\\n    .category {\\n      width: 84px;\\n      cursor: pointer;\\n\\n      a {\\n        display: block;\\n        font-size: 16px;\\n        font-weight: bold;\\n        white-space: nowrap;\\n        transition: opacity 0.2s;\\n        z-index: 1;\\n\\n        &,\\n        span svg {\\n          color: \",\n        \";\\n          transition: color 0.2s;\\n        }\\n\\n        span {\\n          display: inline-block;\\n          margin-right: 4px;\\n        }\\n\\n        body:has(&) {\\n          .ant-dropdown {\\n            &.category_dropdown {\\n              padding-top: 16px;\\n\\n              .ant-dropdown-menu {\\n                width: 160px;\\n\\n                .ant-dropdown-menu-item {\\n                  height: 40px;\\n\\n                  @media (hover: hover) {\\n                    &:hover {\\n                      color: \",\n        \";\\n                      background-color: #f5f8fb;\\n                    }\\n                  }\\n                }\\n              }\\n            }\\n          }\\n\\n          .ant-select-dropdown.search_type_dropdown {\\n            padding: 4px 0;\\n\\n            .ant-select-item {\\n              .ant-select-item-option-content {\\n                line-height: 22px;\\n              }\\n\\n              &.ant-select-item-option-active {\\n                background-color: transparent;\\n\\n                @media (hover: hover) {\\n                  &:hover {\\n                    background-color: \",\n        \";\\n\\n                    .ant-select-item-option-content {\\n                      color: \",\n        \";\\n                    }\\n                  }\\n                }\\n              }\\n\\n              &.ant-select-item-option-selected {\\n                font-weight: bold;\\n                background-color: transparent;\\n\\n                .ant-select-item-option-content {\\n                  color: \",\n        \";\\n                }\\n              }\\n            }\\n\\n            &.search_type_dropdown {\\n              .ant-select-item {\\n                height: 37px;\\n                padding: 0 0 0 24px;\\n\\n                .ant-select-item-option-content {\\n                  line-height: 35px;\\n                }\\n              }\\n            }\\n\\n            &.small-type-select {\\n              .ant-select-item {\\n                height: 32px;\\n                padding: 0 0 0 12px;\\n\\n                .ant-select-item-option-content {\\n                  line-height: 30px;\\n                }\\n              }\\n            }\\n          }\\n\\n          .ant-dropdown.util_dropdown {\\n            .ant-dropdown-menu {\\n              .ant-dropdown-menu-item {\\n                @media (hover: hover) {\\n                  &:hover {\\n                    background-color: \",\n        \";\\n\\n                    .ant-dropdown-menu-title-content {\\n                      color: \",\n        \";\\n                    }\\n                  }\\n                }\\n              }\\n            }\\n          }\\n\\n          .ant-modal-content {\\n            .ant-modal-close {\\n              top: 0;\\n              right: 0;\\n\\n              &:hover {\\n                background-color: transparent;\\n              }\\n            }\\n          }\\n\\n          .ant-pagination-options {\\n            display: none;\\n          }\\n        }\\n\\n        &.ant-dropdown-open {\\n          &,\\n          span svg {\\n            color: \",\n        \";\\n          }\\n        }\\n      }\\n    }\\n  }\\n\\n  .util_login {\\n    display: flex;\\n\\n    @media (max-width: 1200px) {\\n      /* display: none; */\\n      //justify-content: end;\\n      //order: 2;\\n      //width: calc(50% - 72px);\\n      //margin-top: -16px;\\n      //margin-right: -16px;\\n      //z-index: 9;\\n    }\\n\\n    @media (max-width: 768px) {\\n    }\\n\\n    & > a {\\n      display: flex;\\n\\n      &:not(:first-child) {\\n        margin-left: 48px;\\n\\n        @media (max-width: 1200px) {\\n          margin-left: 24px;\\n        }\\n      }\\n    }\\n\\n    .cart-btn {\\n      width: 32px;\\n      height: 32px;\\n      padding: 0;\\n      border: none;\\n      transition: opacity 0.2s;\\n\\n      @media (max-width: 768px) {\\n      }\\n      @media (max-width: 1200px) {\\n        order: 2;\\n        width: 24px;\\n        min-width: 24px;\\n        height: 24px;\\n        background-size: contain;\\n      }\\n\\n      &:before {\\n        display: block;\\n        content: '';\\n        width: 100%;\\n        height: 100%;\\n        background: url('/static/assets/icon_shopping.svg') no-repeat 50% 50%;\\n        background-size: contain;\\n      }\\n\\n      &:hover {\\n        opacity: 0.7;\\n      }\\n    }\\n\\n    .link-to-libraries {\\n      position: relative;\\n    }\\n\\n    .util_dropdown {\\n    }\\n  }\\n\\n  .util_logout {\\n    display: flex;\\n    justify-content: flex-end;\\n    margin-right: -18px;\\n\\n    a {\\n      display: block;\\n      font-size: 16px;\\n      padding: 18px;\\n      color: \",\n        \";\\n      transition: opacity 0.2s;\\n\\n      &:hover {\\n        opacity: 0.8;\\n      }\\n    }\\n\\n    @media (max-width: 1200px) {\\n      display: none;\\n    }\\n    @media (max-width: 768px) {\\n    }\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  display: none;\\n  order: 3;\\n  width: 24px;\\n  height: 24px;\\n  font-size: 0;\\n\\n  .dim {\\n    position: fixed;\\n    top: 63px;\\n    left: 0;\\n    width: 100%;\\n    height: 100%;\\n    background-color: rgba(0, 0, 0, 0.5);\\n    z-index: 999;\\n  }\\n\\n  .ant-btn {\\n    width: 100%;\\n    height: 100%;\\n    padding: 16px;\\n    border: none;\\n\\n    img {\\n      display: block;\\n      width: 100%;\\n      height: 100%;\\n    }\\n  }\\n\\n  @media (max-width: 1200px) {\\n    display: block;\\n    width: 56px;\\n    height: 56px;\\n    margin-top: -16px;\\n    margin-right: -16px;\\n  }\\n  @media (max-width: 768px) {\\n  }\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  @media (max-width: 768px) {\\n    height: \",\n        \"px;\\n  }\\n  @media (max-width: 1200px) {\\n    //display: none;\\n    height: \",\n        \"px;\\n  }\\n\\n  &.header-fixed {\\n    height: 85px;\\n  }\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject3() {\n    const data = _tagged_template_literal([\n        \"\\n  .fixed-gnb-wrapper {\\n    display: none;\\n\\n    .mobile-search-button {\\n      display: none;\\n      all: unset;\\n      margin-right: 6px;\\n      cursor: pointer;\\n    }\\n\\n    .gnb-login-menu {\\n      width: 270px;\\n      /* display: none; */\\n    }\\n  }\\n\\n  @media (max-width: 1200px) {\\n    /* flex-wrap: wrap; */\\n  }\\n  @media (max-width: 768px) {\\n    .search-request-form {\\n      display: none;\\n    }\\n\\n    .gnb-login-menu,\\n    .gnb-logout-menu {\\n      /* display: none; */\\n    }\\n\\n    .fixed-gnb-wrapper {\\n      display: flex;\\n      gap: 8px;\\n\\n      .mobile-search-button {\\n        display: block;\\n      }\\n\\n      .gnb-login-menu {\\n        display: block;\\n\\n        p {\\n          display: none;\\n        }\\n\\n        .cart-link {\\n          svg {\\n            width: 24px;\\n            height: 24px;\\n          }\\n        }\\n\\n        a:not(:nth-of-type(2)) {\\n          display: none;\\n        }\\n\\n        a:before {\\n          display: none;\\n        }\\n      }\\n    }\\n  }\\n\"\n    ]);\n    _templateObject3 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject4() {\n    const data = _tagged_template_literal([\n        \"\\n  display: none;\\n  padding: 0px 16px 12px;\\n  position: relative;\\n\\n  @media (max-width: 768px) {\\n    display: block;\\n\\n    &.fixed {\\n      position: sticky;\\n      z-index: 200;\\n      top: 61px;\\n      background-color: white;\\n      left: 0;\\n      right: 0;\\n    }\\n\\n    &.block {\\n      display: block;\\n    }\\n  }\\n\"\n    ]);\n    _templateObject4 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject5() {\n    const data = _tagged_template_literal([\n        \"\\n  padding: 24px 20px;\\n\\n  .gnb-logout-menu {\\n    padding-bottom: 8px;\\n\\n    > a {\\n      display: flex;\\n      width: 100%;\\n      align-items: center;\\n      justify-content: center;\\n    }\\n  }\\n\\n  ul {\\n    li {\\n      padding: 13px 12px;\\n      color: \",\n        \";\\n      font-size: 14px;\\n      line-height: 22px; /* 157.143% */\\n      cursor: pointer;\\n    }\\n  }\\n\\n  .logout-btn {\\n    position: fixed;\\n    bottom: 0;\\n    border: none;\\n    width: 70%;\\n    text-align: left;\\n    padding: 13px 0;\\n    height: 48px;\\n    color: \",\n        \";\\n    line-height: 22px; /* 157.143% */\\n    border-top: 1px solid \",\n        \";\\n  }\\n\\n  .gnb-login-menu {\\n    display: flex;\\n    width: 100%;\\n    gap: 4px;\\n    padding-bottom: 20px;\\n\\n    > a {\\n      display: flex;\\n      border: 1px solid \",\n        \";\\n      border-radius: 6px;\\n      padding: 9px 16px;\\n      width: 100%;\\n      align-items: center;\\n      flex-direction: column;\\n      gap: 2px;\\n      justify-content: center;\\n      font-weight: 600;\\n      letter-spacing: -0.14px;\\n      text-align: center;\\n\\n      i {\\n        //margin-right: 4px;\\n      }\\n    }\\n  }\\n\"\n    ]);\n    _templateObject5 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject6() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  align-items: center;\\n  justify-content: space-between;\\n  font-size: 20px;\\n  font-weight: 700;\\n\\n  img {\\n    height: 24px;\\n    width: auto;\\n  }\\n\"\n    ]);\n    _templateObject6 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject7() {\n    const data = _tagged_template_literal([\n        \"\\n  position: relative;\\n\"\n    ]);\n    _templateObject7 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject8() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  gap: 8px;\\n\\n  > a {\\n    padding: 4px;\\n    display: flex;\\n    flex-direction: column;\\n    align-items: center;\\n    border-radius: 6px;\\n\\n    :hover {\\n      background-color: \",\n        \";\\n    }\\n  }\\n\\n  p {\\n    white-space: nowrap;\\n  }\\n\\n  .studio-link {\\n    position: relative;\\n    @media (max-width: 1200px) {\\n      display: none;\\n    }\\n  }\\n\\n  .link-to-libraries {\\n    position: relative;\\n\\n    .guid-tooltip-wrapper {\\n      p {\\n        font-size: 12px;\\n      }\\n    }\\n\\n    @media (max-width: 1200px) {\\n      display: none;\\n    }\\n  }\\n\\n  .ant-dropdown-trigger {\\n    flex-direction: row;\\n\\n    .stack-centered {\\n      display: flex;\\n      align-items: center;\\n      flex-direction: column;\\n    }\\n\\n    p {\\n      margin-bottom: 0;\\n      font-size: 12px;\\n      font-weight: 600;\\n      line-height: 1.5;\\n      color: \",\n        \";\\n    }\\n\\n    .stack-row {\\n      display: flex;\\n      align-items: center;\\n      gap: 4px;\\n    }\\n  }\\n\\n  > a > p {\\n    margin-bottom: 0;\\n    font-size: 12px;\\n    font-weight: 600;\\n    line-height: 1.5;\\n    color: \",\n        \";\\n  }\\n\\n  .cart-link {\\n    position: relative;\\n\\n    ::before {\\n      content: '\",\n        \"';\\n      position: absolute;\\n      top: -3px;\\n      padding: 1px 5px 0px;\\n      right: 6px;\\n      //width: 13px;\\n      //height: 15px;\\n      color: #fff;\\n      border-radius: 50%;\\n      font-size: 11px;\\n      font-weight: 600;\\n      text-align: center;\\n      line-height: 1.4;\\n      background-color: \",\n        \";\\n      z-index: 1;\\n    }\\n\\n    @media (max-width: 768px) {\\n      ::before {\\n        content: none;\\n      }\\n\\n      p {\\n        display: none;\\n      }\\n    }\\n  }\\n\"\n    ]);\n    _templateObject8 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject9() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  gap: 8px;\\n  position: relative;\\n  width: 270px;\\n  //flex: 1;\\n  justify-content: flex-end;\\n\\n  > a {\\n    line-height: 22px;\\n    padding: 8px 15px;\\n    border-radius: 6px;\\n    font-size: 14px;\\n    font-weight: 600;\\n    transition: all 0.2s;\\n\\n    &:nth-child(2) {\\n      border: \",\n        \" 1px solid;\\n\\n      :hover,\\n      :active {\\n        background-color: \",\n        \";\\n      }\\n    }\\n\\n    &:last-child {\\n      background-color: \",\n        \";\\n      color: \",\n        \";\\n      border: \",\n        \" 1px solid;\\n\\n      :hover,\\n      :active {\\n        background-color: \",\n        \";\\n      }\\n    }\\n  }\\n\\n  @media (max-width: 1200px) {\\n    display: none;\\n  }\\n\"\n    ]);\n    _templateObject9 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject10() {\n    const data = _tagged_template_literal([\n        \"\\n  position: absolute;\\n  top: calc(100% + 8px);\\n  left: 50%;\\n  transform: translateX(-50%);\\n  transition: opacity 0.2s;\\n  pointer-events: none;\\n  opacity: \",\n        \";\\n\\n  p {\\n    white-space: nowrap;\\n    color: \",\n        \";\\n    padding: 8px 12px;\\n    border-radius: 4px;\\n    box-shadow: 6px 6px 20px 0px rgba(28, 31, 46, 0.12);\\n    font-size: 14px;\\n    font-weight: 400;\\n    line-height: 22px;\\n    background: \",\n        \";\\n    text-align: center;\\n\\n    &::before {\\n      content: '';\\n      position: absolute;\\n      bottom: 100%;\\n      left: 50%;\\n      transform: translateX(-50%);\\n      border-width: 8px;\\n      border-style: solid;\\n      border-color: transparent transparent \",\n        \"\\n        transparent;\\n    }\\n  }\\n\"\n    ]);\n    _templateObject10 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject11() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  align-items: center;\\n  gap: 8px;\\n  position: relative;\\n  padding: 6px 16px;\\n  border-radius: 18px;\\n  border: 1px solid \",\n        \";\\n  background-color: \",\n        \";\\n  color: \",\n        \";\\n\\n  font-size: 16px;\\n  font-style: normal;\\n  font-weight: 600;\\n  line-height: 24px; /* 150% */\\n  letter-spacing: -0.16px;\\n\\n  outline: none;\\n\\n  :hover {\\n    background-color: \",\n        \";\\n  }\\n\\n  &.active {\\n    color: \",\n        \";\\n    background-color: \",\n        \";\\n  }\\n\\n  @media (max-width: 1200px) {\\n    display: none;\\n  }\\n\"\n    ]);\n    _templateObject11 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject12() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  align-items: center;\\n\\n  @media (max-width: 1200px) {\\n    display: none;\\n  }\\n\"\n    ]);\n    _templateObject12 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject13() {\n    const data = _tagged_template_literal([\n        \"\\n  display: none;\\n  padding: 4px 13px;\\n\\n  button {\\n    all: unset;\\n    display: flex;\\n    flex-direction: column;\\n    align-items: center;\\n  }\\n\\n  p {\\n    font-size: 12px;\\n    font-style: normal;\\n    font-weight: 600;\\n    line-height: 18px; /* 150% */\\n  }\\n\\n  @media (max-width: 1200px) {\\n    display: flex;\\n    align-items: center;\\n  }\\n  @media (max-width: 768px) {\\n    p {\\n      display: none;\\n    }\\n\\n    padding: 0;\\n  }\\n\"\n    ]);\n    _templateObject13 = function() {\n        return data;\n    };\n    return data;\n}\nimport { Container } from \"@/components\";\nimport { themeGet } from \"@styled-system/theme-get\";\nimport styled from \"styled-components\";\nexport const GNBHeight = 74;\nexport const GNBHeightMobile = 104;\nexport const GNBWrapper = styled.div.withConfig({\n    componentId: \"sc-b44553bb-0\"\n})(_templateObject(), GNBHeight, themeGet(\"text.2\", \"#5F5F69\"), themeGet(\"primary.0\", \"#002FA8\"), themeGet(\"background.1\", \"#F5F8FB\"), themeGet(\"primary.0\", \"#002FA8\"), themeGet(\"primary.0\", \"#002FA8\"), themeGet(\"background.1\", \"#F5F8FB\"), themeGet(\"primary.0\", \"#002FA8\"), themeGet(\"primary.0\", \"#002FA8\"), themeGet(\"text.0\", \"#1B1B29\"));\nexport const MobileMenu = styled.div.withConfig({\n    componentId: \"sc-b44553bb-1\"\n})(_templateObject1());\nexport const mobileHeaderHeight = 110;\nexport const FixedBox = styled.div.withConfig({\n    componentId: \"sc-b44553bb-2\"\n})(_templateObject2(), mobileHeaderHeight, mobileHeaderHeight);\nexport const StyledContainer = styled(Container).withConfig({\n    componentId: \"sc-b44553bb-3\"\n})(_templateObject3());\nexport const MobileSearchBar = styled.div.withConfig({\n    componentId: \"sc-b44553bb-4\"\n})(_templateObject4());\nexport const MobileMenuDrawer = styled.div.withConfig({\n    componentId: \"sc-b44553bb-5\"\n})(_templateObject5(), (props)=>props.theme.new.colors.sol_gray_700, (props)=>props.theme.new.colors.sol_gray_500, (props)=>props.theme.new.colors.sol_gray_100, (props)=>props.theme.new.colors.sol_gray_100);\nexport const DrawerHeader = styled.div.withConfig({\n    componentId: \"sc-b44553bb-6\"\n})(_templateObject6());\nconst StTemp = styled.div.withConfig({\n    componentId: \"sc-b44553bb-7\"\n})(_templateObject7());\nexport const LoginMenuWrapper = styled.div.withConfig({\n    componentId: \"sc-b44553bb-8\"\n})(_templateObject8(), (props)=>props.theme.new.colors.sol_gray_50, (props)=>props.theme.new.colors.gray700, (props)=>props.theme.new.colors.gray700, (props)=>props.count, (props)=>props.theme.new.colors.sol_red_400);\nexport const LogoutMenuWrapper = styled.div.withConfig({\n    componentId: \"sc-b44553bb-9\"\n})(_templateObject9(), (props)=>props.theme.new.colors.sol_gray_100, (props)=>props.theme.new.colors.sol_dim_gray, (props)=>props.theme.new.colors.sol_indigo_100, (props)=>props.theme.new.colors.sol_indigo_600, (props)=>props.theme.new.colors.sol_indigo_100, (props)=>props.theme.new.colors.sol_indigo_200);\nexport const StyledTooltip = styled.div.withConfig({\n    componentId: \"sc-b44553bb-10\"\n})(_templateObject10(), (props)=>props.visible ? 1 : 0, (props)=>props.theme.new.colors.white, (props)=>props.theme.new.colors.sol_blue_400, (props)=>props.theme.new.colors.sol_blue_400);\nexport const CategoryButton = styled.button.withConfig({\n    componentId: \"sc-b44553bb-11\"\n})(_templateObject11(), (props)=>props.theme.new.colors.sol_gray_100, (props)=>props.theme.new.colors.white, (props)=>props.theme.new.colors.sol_gray_700, (props)=>props.theme.new.colors.sol_dim_gray, (props)=>props.theme.new.colors.white, (props)=>props.theme.new.colors.sol_gray_700);\nexport const MypageMenu = styled.div.withConfig({\n    componentId: \"sc-b44553bb-12\"\n})(_templateObject12());\nexport const MenuHam = styled.div.withConfig({\n    componentId: \"sc-b44553bb-13\"\n})(_templateObject13());\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { MYPAGE_COUPONS, MYPAGE_PAGE, MYPAGE_PASSES, MYPAGE_STORES_PRODUCTS_INDEX } from \"@/settings/constant\";\nimport Link from \"next/link\";\nexport const utilItems_default = [\n    {\n        key: \"0\",\n        label: /*#__PURE__*/ _jsx(Link, {\n            onClick: ()=>mixpanelEvent(\"MyClicked\", {\n                    \"Menu Category\": \"library\"\n                }),\n            href: MYPAGE_PAGE,\n            children: \"마이쏠북\"\n        })\n    },\n    {\n        key: \"1\",\n        label: /*#__PURE__*/ _jsx(Link, {\n            onClick: ()=>{\n                mixpanelEvent(\"MyClicked\", {\n                    \"Menu Category\": \"coupons\"\n                });\n                mixpanelEvent(\"GNB Button Clicked\", {\n                    \"Button Name\": \"쿠폰 관리\"\n                });\n            },\n            href: MYPAGE_COUPONS,\n            children: \"쿠폰 관리\"\n        })\n    },\n    {\n        key: \"2\",\n        label: /*#__PURE__*/ _jsx(Link, {\n            onClick: ()=>mixpanelEvent(\"MyClicked\", {\n                    \"Menu Category\": \"packages\"\n                }),\n            href: MYPAGE_PASSES,\n            children: \"이용권 관리\"\n        })\n    },\n    {\n        key: \"4\",\n        label: /*#__PURE__*/ _jsx(Link, {\n            onClick: ()=>mixpanelEvent(\"MyClicked\", {\n                    \"Menu Category\": \"store\"\n                }),\n            href: MYPAGE_STORES_PRODUCTS_INDEX,\n            children: \"자료판매\"\n        })\n    },\n    // {\n    // \tkey: '4',\n    // \tlabel: (\n    // \t\t<Link\n    // \t\t\tonClick={() =>\n    // \t\t\t\tmixpanelEvent('MyClicked', {\n    // \t\t\t\t\t'Menu Category': 'account',\n    // \t\t\t\t} as MyClickedProperty)\n    // \t\t\t}\n    // \t\t\thref={MYPAGE_ACCOUNTS_INDEX_PAGE}>\n    // \t\t\t계정관리\n    // \t\t</Link>\n    // \t),\n    // },\n    {\n        // todo: @button onClick 이벤트로 logout function 호출\n        key: \"logout\",\n        label: /*#__PURE__*/ _jsx(Link, {\n            href: \"/\",\n            children: \"로그아웃\"\n        })\n    }\n];\n","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useSideCategoryMenuStore } from \"@/components/SideSheets/store/useCategoryMenuStore\";\nimport Icon from \"@/components/icon/Icon\";\nimport { ArrowDownOutlined, ArrowUp, Cart, Hamburger, Library, Sizes, Studio, User } from \"@/components/icon/IconList\";\nimport apiService from \"@/lib/apiService/apiService\";\nimport { useAuthStore } from \"@/lib/auth/AuthStore\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { redirect } from \"@/lib/next-utils\";\nimport { LogoutCommand } from \"@/modules/accounts/commands/logoutCommand\";\nimport { GetLabByAuthorIdCommand } from \"@/modules/lab/commands/getLabByAuthorIdCommand\";\nimport { EBOOKS_UNIVERSITY_LANDING, HOME_PAGE, LIBRARIES_INDEX_PAGE, MYPAGE_PAGE, SHOP_CART_PAGE, SOLVOOK_WRITE_STUDIO, STUDIO_TITLE } from \"@/settings/constant\";\nimport { Dropdown } from \"antd\";\nimport Link from \"next/link\";\nimport { useRouter } from \"next/router\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useSavedUserSourceStore } from \"src/store/main\";\nimport { isInWebview } from \"src/utils/misc\";\nimport { useTheme } from \"styled-components\";\nimport { LoginMenuWrapper, MenuHam, MypageMenu } from \"./GNB.style\";\nimport { utilItems_default } from \"./categoryItems\";\nconst LoginMenu = (param)=>{\n    let { cartItemsCount  } = param;\n    const { pathname  } = useRouter();\n    const theme = useTheme();\n    const authStore = useAuthStore();\n    const [isAuthor, setIsAuthor] = useState(false);\n    const [isMypageDropdown, setIsMypageDropdown] = useState(false);\n    const [labName, setLabName] = useState(null);\n    const { updateUserMeta  } = useSavedUserSourceStore((param)=>{\n        let { updateUserMeta  } = param;\n        return {\n            updateUserMeta\n        };\n    });\n    const { closeSideMenu , openMobileSideMenu  } = useSideCategoryMenuStore();\n    const { logoutCommand , isUseFooter  } = useMemo(()=>({\n            logoutCommand: new LogoutCommand(apiService),\n            isUseFooter: !isInWebview()\n        }), [\n        apiService\n    ]);\n    const utilItems = useMemo(()=>[\n            ...isAuthor ? [\n                {\n                    key: \"3\",\n                    label: /*#__PURE__*/ _jsx(Link, {\n                        onClick: ()=>mixpanelEvent(\"MyClicked\", {\n                                \"Menu Category\": \"authorHome\"\n                            }),\n                        href: \"/@\".concat(labName),\n                        children: \"나의 연구소\"\n                    })\n                }\n            ] : [],\n            ...utilItems_default\n        ], [\n        isAuthor,\n        labName,\n        utilItems_default\n    ]);\n    //저자홈\n    const getLabByAuthorIdCommand = useMemo(()=>new GetLabByAuthorIdCommand(apiService), [\n        apiService\n    ]);\n    const { postProcessForKakao  } = useSignout();\n    const onLogout = useCallback(async ()=>{\n        if (authStore.user.providerId === \"kakao\") {\n            postProcessForKakao();\n        }\n        authStore.logout();\n        await logoutCommand.execute();\n        redirect(HOME_PAGE);\n    }, [\n        authStore,\n        logoutCommand,\n        postProcessForKakao\n    ]);\n    const handleLogout = ()=>{\n        updateUserMeta({\n            mainSubject: null,\n            job: null\n        });\n        closeSideMenu();\n        onLogout();\n    };\n    const handleMenuClick = useCallback((e)=>{\n        mixpanelEvent(\"GNB Button Clicked\", {\n            //mx-16 gnb 버튼 클릭 시\n            \"Button Name\": \"마이페이지\"\n        });\n        if (e.key === \"logout\") {\n            mixpanelEvent(\"GNB Button Clicked\", {\n                //mx-16 gnb 버튼 클릭 시\n                \"Button Name\": \"로그아웃\"\n            });\n            handleLogout();\n        }\n    // handleDimClick()\n    }, [\n        onLogout\n    ]);\n    const fetchLabData = async ()=>{\n        try {\n            const response = await getLabByAuthorIdCommand.execute({\n                author_id: authStore.user.id\n            });\n            setLabName(response.lab.lab_name);\n            setIsAuthor(true);\n        } catch (e) {}\n    };\n    //gnb가 또 공사가 될 예정일 수 있나 싶어서 분기를 쳐놨습니다..\n    const isUniversityHome = useMemo(()=>{\n        if (pathname.includes(EBOOKS_UNIVERSITY_LANDING)) {\n            return true;\n        }\n        return false;\n    }, [\n        pathname\n    ]);\n    useEffect(()=>{\n        var _authStore_user, _authStore_user_flags;\n        if (authStore.isLoggedIn && (authStore === null || authStore === void 0 ? void 0 : (_authStore_user = authStore.user) === null || _authStore_user === void 0 ? void 0 : (_authStore_user_flags = _authStore_user.flags) === null || _authStore_user_flags === void 0 ? void 0 : _authStore_user_flags.is_use_lab)) {\n            fetchLabData();\n        } else setIsAuthor(false);\n    }, [\n        authStore.isLoggedIn,\n        authStore.user\n    ]);\n    return /*#__PURE__*/ _jsxs(LoginMenuWrapper, {\n        count: cartItemsCount,\n        className: \"gnb-login-menu\",\n        children: [\n            authStore.isLoggedIn && /*#__PURE__*/ _jsxs(_Fragment, {\n                children: [\n                    !isUniversityHome && /*#__PURE__*/ _jsxs(_Fragment, {\n                        children: [\n                            /*#__PURE__*/ _jsxs(Link, {\n                                href: LIBRARIES_INDEX_PAGE,\n                                onClick: ()=>{\n                                    mixpanelEvent(\"GNB Button Clicked\", {\n                                        \"Button Name\": \"자료 보관함\"\n                                    });\n                                },\n                                passHref: true,\n                                className: \"link-to-libraries\",\n                                children: [\n                                    /*#__PURE__*/ _jsx(Icon, {\n                                        icon: Library,\n                                        size: Sizes.medium,\n                                        color: theme.new.colors.sol_gray_700\n                                    }),\n                                    /*#__PURE__*/ _jsx(\"p\", {\n                                        children: \"자료 보관함\"\n                                    })\n                                ]\n                            }),\n                            /*#__PURE__*/ _jsxs(Link, {\n                                onClick: ()=>{\n                                    mixpanelEvent(\"GNB Button Clicked\", {\n                                        \"Button Name\": \"스튜디오\"\n                                    });\n                                },\n                                className: \"studio-link\",\n                                href: SOLVOOK_WRITE_STUDIO,\n                                passHref: true,\n                                children: [\n                                    /*#__PURE__*/ _jsx(Icon, {\n                                        icon: Studio,\n                                        size: Sizes.medium,\n                                        color: theme.new.colors.sol_gray_700\n                                    }),\n                                    /*#__PURE__*/ _jsx(\"p\", {\n                                        children: STUDIO_TITLE\n                                    })\n                                ]\n                            })\n                        ]\n                    }),\n                    /*#__PURE__*/ _jsxs(Link, {\n                        onClick: ()=>{\n                            mixpanelEvent(\"GNB Button Clicked\", {\n                                //mx-16 gnb 버튼 클릭 시\n                                \"Button Name\": \"장바구니\"\n                            });\n                        },\n                        className: \"cart-link\",\n                        href: SHOP_CART_PAGE,\n                        passHref: true,\n                        children: [\n                            /*#__PURE__*/ _jsx(Icon, {\n                                icon: Cart,\n                                size: Sizes.medium,\n                                color: theme.new.colors.sol_gray_700\n                            }),\n                            /*#__PURE__*/ _jsx(\"p\", {\n                                children: \"장바구니\"\n                            })\n                        ]\n                    }),\n                    /*#__PURE__*/ _jsx(MypageMenu, {\n                        children: /*#__PURE__*/ _jsx(Dropdown, {\n                            onOpenChange: (open)=>setIsMypageDropdown(open),\n                            trigger: [\n                                \"click\"\n                            ],\n                            menu: {\n                                items: utilItems,\n                                onClick: handleMenuClick\n                            },\n                            overlayClassName: \"dropdown util_dropdown\",\n                            placement: \"bottom\",\n                            children: /*#__PURE__*/ _jsx(Link, {\n                                href: MYPAGE_PAGE,\n                                passHref: true,\n                                onClick: (e)=>{\n                                    e.preventDefault();\n                                },\n                                children: /*#__PURE__*/ _jsxs(\"div\", {\n                                    className: \"stack-row\",\n                                    children: [\n                                        /*#__PURE__*/ _jsxs(\"div\", {\n                                            className: \"stack-centered\",\n                                            children: [\n                                                /*#__PURE__*/ _jsx(Icon, {\n                                                    icon: User,\n                                                    size: Sizes.medium,\n                                                    color: theme.new.colors.sol_gray_800\n                                                }),\n                                                /*#__PURE__*/ _jsx(\"p\", {\n                                                    children: \"마이페이지\"\n                                                })\n                                            ]\n                                        }),\n                                        isMypageDropdown ? /*#__PURE__*/ _jsx(Icon, {\n                                            icon: ArrowUp,\n                                            size: Sizes.small\n                                        }) : /*#__PURE__*/ _jsx(Icon, {\n                                            icon: ArrowDownOutlined,\n                                            size: Sizes.small\n                                        })\n                                    ]\n                                })\n                            })\n                        })\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(MenuHam, {\n                children: /*#__PURE__*/ _jsxs(\"button\", {\n                    onClick: ()=>openMobileSideMenu(),\n                    className: \"mobile-menu-icon\",\n                    children: [\n                        /*#__PURE__*/ _jsx(Icon, {\n                            icon: Hamburger,\n                            size: Sizes.medium,\n                            color: theme.new.colors.sol_gray_900\n                        }),\n                        /*#__PURE__*/ _jsx(\"p\", {\n                            children: \"메뉴\"\n                        })\n                    ]\n                })\n            })\n        ]\n    });\n};\nexport default LoginMenu;\nexport const useSignout = ()=>{\n    const postProcessForKakao = useCallback(()=>{\n        const searchParams = new URLSearchParams();\n        searchParams.set(\"client_id\", process.env.NEXT_PUBLIC_KAKAO_REST_API_KEY);\n        searchParams.set(\"logout_redirect_uri\", document.location.origin.concat(\"/login/kakao-logout\"));\n        window.open(\"https://kauth.kakao.com/oauth/logout?\".concat(searchParams.toString()), \"solvook-kakao-logout\", \"width=500, height=700, scrollbars=no, resizable=no\");\n    }, []);\n    return {\n        postProcessForKakao\n    };\n};\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: none;\\n  position: fixed;\\n  bottom: 0;\\n  left: 0;\\n  right: 0;\\n  width: 100%;\\n  height: \",\n        \";\\n  background-color: \",\n        \";\\n  border-top: solid 1px #ebebeb;\\n  box-shadow: 0 7px 70px 0 rgba(0, 0, 0, 0.1);\\n  z-index: 999;\\n\\n  @media (max-width: 1200px) {\\n    display: block;\\n  }\\n\\n  ul {\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    height: 100%;\\n\\n    li {\\n      flex: 1;\\n      height: 100%;\\n      text-align: center;\\n\\n      .active-link {\\n        height: 100%;\\n        text-align: center;\\n        opacity: 0.35;\\n\\n        &.active {\\n          opacity: 1;\\n        }\\n\\n        > * {\\n          display: block;\\n        }\\n        img,\\n        svg {\\n          margin: 8px auto 4px;\\n        }\\n\\n        span {\\n          display: block;\\n          width: 100%;\\n          font-size: 12px;\\n          font-weight: bold;\\n          color: \",\n        \";\\n          text-align: center;\\n        }\\n        @media (max-width: 1200px) {\\n        }\\n        @media (max-width: 768px) {\\n        }\\n      }\\n    }\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport styled, { useTheme } from \"styled-components\";\nimport { observer } from \"mobx-react-lite\";\nimport React from \"react\";\nimport Image from \"next/image\";\nimport { themeGet } from \"@styled-system/theme-get\";\nimport { includesPath } from \"@/lib/utils/url\";\nimport { CATEGORY_PAGE, HOME_PAGE, LIBRARIES_INDEX_PAGE, LOGIN_PAGE, MOBILE_CATEGORY_PAGE, MYPAGE_PAGE, SHOP_CART_PAGE } from \"@/settings/constant\";\nimport { ActiveLink } from \"@/components/ActiveLink\";\nimport { useRouter } from \"next/router\";\nimport Icon from \"@/components/icon/Icon\";\nimport { Cart, Library } from \"@/components/icon/IconList\";\nexport const MobileOnlyHeaderHeight = \"64px\";\nexport const mobileTabBarHeight = \"0\";\nconst MobileTabBarWrapper = styled.div.withConfig({\n    componentId: \"sc-7026df3d-0\"\n})(_templateObject(), mobileTabBarHeight, themeGet(\"background.0\", \"#FDFDFF\"), themeGet(\"text.0\", \"#1B1B29\"));\nexport const MobileTabBar = observer((param)=>{\n    let { isLogin  } = param;\n    // const {status, actions} = useViewModel({}, MobileTabBarModel)\n    const router = useRouter();\n    const { pathname , query  } = router;\n    const theme = useTheme();\n    return /*#__PURE__*/ _jsx(MobileTabBarWrapper, {\n        children: /*#__PURE__*/ _jsxs(\"ul\", {\n            children: [\n                /*#__PURE__*/ _jsx(\"li\", {\n                    children: /*#__PURE__*/ _jsxs(ActiveLink, {\n                        className: includesPath(pathname, HOME_PAGE) && !includesPath(pathname, MOBILE_CATEGORY_PAGE) && !includesPath(pathname, CATEGORY_PAGE) && !includesPath(pathname, SHOP_CART_PAGE) && !includesPath(pathname, LIBRARIES_INDEX_PAGE) && !includesPath(pathname, MYPAGE_PAGE) ? \"active-link active\" : \"active-link\",\n                        href: \"\".concat(HOME_PAGE),\n                        passHref: true,\n                        children: [\n                            /*#__PURE__*/ _jsx(Image, {\n                                src: \"/static/assets/ico-home.svg\",\n                                alt: \"홈\",\n                                width: 24,\n                                height: 24\n                            }),\n                            /*#__PURE__*/ _jsx(\"span\", {\n                                children: \"홈\"\n                            })\n                        ]\n                    })\n                }),\n                /*#__PURE__*/ _jsx(\"li\", {\n                    children: /*#__PURE__*/ _jsxs(ActiveLink, {\n                        className: includesPath(pathname, SHOP_CART_PAGE) ? \"active-link active\" : \"active-link\",\n                        href: isLogin ? SHOP_CART_PAGE : LOGIN_PAGE,\n                        passHref: true,\n                        children: [\n                            /*#__PURE__*/ _jsx(Icon, {\n                                icon: Cart\n                            }),\n                            /*#__PURE__*/ _jsx(\"span\", {\n                                children: \"장바구니\"\n                            })\n                        ]\n                    })\n                }),\n                /*#__PURE__*/ _jsx(\"li\", {\n                    children: /*#__PURE__*/ _jsxs(ActiveLink, {\n                        className: includesPath(pathname, LIBRARIES_INDEX_PAGE) ? \"active-link active\" : \"active-link\",\n                        href: isLogin ? LIBRARIES_INDEX_PAGE : LOGIN_PAGE,\n                        passHref: true,\n                        children: [\n                            /*#__PURE__*/ _jsx(Icon, {\n                                icon: Library\n                            }),\n                            /*#__PURE__*/ _jsx(\"span\", {\n                                children: \"라이브러리\"\n                            })\n                        ]\n                    })\n                }),\n                /*#__PURE__*/ _jsx(\"li\", {\n                    children: /*#__PURE__*/ _jsxs(ActiveLink, {\n                        className: includesPath(pathname, MYPAGE_PAGE) ? \"active-link active\" : \"active-link\",\n                        href: isLogin ? MYPAGE_PAGE : LOGIN_PAGE,\n                        passHref: true,\n                        children: [\n                            /*#__PURE__*/ _jsx(Image, {\n                                src: \"/static/assets/ico-user-tabbar.svg\",\n                                alt: \"마이페이지\",\n                                width: 24,\n                                height: 24\n                            }),\n                            /*#__PURE__*/ _jsx(\"span\", {\n                                children: \"마이페이지\"\n                            })\n                        ]\n                    })\n                })\n            ]\n        })\n    });\n});\n","import useRedirect from \"@/hooks/useRedirect\";\nimport { useAuthStore } from \"@/lib/auth/AuthStore\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { EBOOKS_ORDER, LIBRARIES_INDEX_PAGE, LOGIN_PAGE, MYPAGE_COUPONS, MYPAGE_PACKAGES_INDEX_PAGE, MYPAGE_PAGE, MYPAGE_PASSES, MYPAGE_STORES_PRODUCTS_INDEX, REGISTRATION_PAGE, SHOP_CART_PAGE, SOLVOOK_WRITE_STUDIO } from \"@/settings/constant\";\nimport { useRouter } from \"next/router\";\nimport { useCallback } from \"react\";\nimport { useSideCategoryMenuStore } from \"../../SideSheets/store/useCategoryMenuStore\";\nconst MixPanelPropertyType = {\n    [SHOP_CART_PAGE]: {\n        name: \"장바구니\",\n        type: \"cart\"\n    },\n    [EBOOKS_ORDER]: {\n        name: \"장바구니\",\n        type: \"cart\"\n    },\n    [SOLVOOK_WRITE_STUDIO]: {\n        name: \"엑스퍼트\",\n        type: \"expert\"\n    },\n    [LIBRARIES_INDEX_PAGE]: {\n        name: \"자료보관함\",\n        type: \"library\"\n    },\n    [LOGIN_PAGE]: {\n        name: \"로그인\",\n        type: \"login\"\n    },\n    [REGISTRATION_PAGE]: {\n        name: \"회원가입\",\n        type: \"signup\"\n    },\n    [MYPAGE_PAGE]: {\n        name: \"마이쏠북\",\n        type: \"mypage\"\n    },\n    [MYPAGE_COUPONS]: {\n        name: \"쿠폰 관리\",\n        type: \"mypageCoupons\"\n    },\n    [MYPAGE_PASSES]: {\n        name: \"이용권 관리\",\n        type: \"mypagePasses\"\n    },\n    [MYPAGE_STORES_PRODUCTS_INDEX]: {\n        name: \"자료 판매\",\n        type: \"mypageStores\"\n    },\n    [MYPAGE_PACKAGES_INDEX_PAGE]: {\n        name: \"패키지보관함\",\n        type: \"mypagePackages\"\n    }\n};\nconst useGNBHandler = ()=>{\n    var _user_brand;\n    const { push  } = useRouter();\n    const { redirectTo  } = useRedirect();\n    const { user , isLoggedIn  } = useAuthStore();\n    const { isOpenSideMenu , openSideMenu , closeSideMenu , openMobileSideMenu  } = useSideCategoryMenuStore();\n    const queueMixpanel = useCallback((type, name)=>{\n        mixpanelEvent(\"GNB Button Clicked\", {\n            \"button type\": type,\n            \"button name\": name\n        });\n    }, []);\n    const handleDropdownClick = useCallback((url)=>{\n        var _MixPanelPropertyType_url;\n        const name = url.includes(\"@\") ? \"브랜드 홈\" : (_MixPanelPropertyType_url = MixPanelPropertyType[url]) === null || _MixPanelPropertyType_url === void 0 ? void 0 : _MixPanelPropertyType_url.name;\n        queueMixpanel(\"mypage\", name);\n        push(url);\n    }, [\n        user\n    ]);\n    const handleCategoryButton = ()=>{\n        if (isOpenSideMenu) closeSideMenu();\n        else openSideMenu();\n        queueMixpanel(\"category\", \"카테고리\");\n    };\n    const handlePageMove = (url, redirect)=>{\n        var _MixPanelPropertyType_url, _MixPanelPropertyType_url1;\n        queueMixpanel((_MixPanelPropertyType_url = MixPanelPropertyType[url]) === null || _MixPanelPropertyType_url === void 0 ? void 0 : _MixPanelPropertyType_url.type, (_MixPanelPropertyType_url1 = MixPanelPropertyType[url]) === null || _MixPanelPropertyType_url1 === void 0 ? void 0 : _MixPanelPropertyType_url1.name);\n        if (redirect) {\n            redirectTo(url);\n            return;\n        }\n        push(url);\n    };\n    const handleSideMenu = ()=>{\n        queueMixpanel(\"menu\", \"메뉴\");\n        openMobileSideMenu();\n    };\n    const labName = user === null || user === void 0 ? void 0 : (_user_brand = user.brand) === null || _user_brand === void 0 ? void 0 : _user_brand.name;\n    return {\n        handleDropdownClick,\n        handleCategoryButton,\n        handlePageMove,\n        isOpenSideMenu,\n        handleSideMenu,\n        labName,\n        queueMixpanel\n    };\n};\nexport default useGNBHandler;\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport useGNBHandler from \"@/components/common/GNB/useGNBHandler\";\nimport useLogout from \"@/components/common/GNB/useLogout\";\nimport { User } from \"@/components/icon/IconList\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { LOGIN_PAGE, MYPAGE_PASSES, REGISTRATION_PAGE } from \"@/settings/constant\";\nimport { CommonGNB, GNBMenuIcon } from \"@bookips/solvook-ui-library\";\nimport { getCurrentCartQuery } from \"src/api/booksCart\";\nconst ExpertGNB = ()=>{\n    const { isLoggedIn  } = useLogout();\n    const { data: cartCounter  } = getCurrentCartQuery({\n        enabled: isLoggedIn,\n        params: {\n            cartType: \"separate\"\n        }\n    });\n    const { handlePageMove  } = useGNBHandler();\n    return /*#__PURE__*/ _jsx(CommonGNB, {\n        onClickLogo: ()=>mixpanelEvent(\"Logo Clicked\"),\n        isLoggedIn: isLoggedIn,\n        loginButtonGroup: {\n            onLoginClick: ()=>handlePageMove(LOGIN_PAGE, true),\n            onSignUpClick: ()=>handlePageMove(REGISTRATION_PAGE, true)\n        },\n        menu: {\n            cart: (path)=>handlePageMove(path, false),\n            fixedMobileMenu: {\n                loggedIn: {\n                    onClick: ()=>handlePageMove(MYPAGE_PASSES, false),\n                    icon: /*#__PURE__*/ _jsx(GNBMenuIcon, {\n                        Element: User\n                    }),\n                    label: \"마이페이지\"\n                },\n                loggedOut: {\n                    onClick: ()=>handlePageMove(REGISTRATION_PAGE, false),\n                    icon: /*#__PURE__*/ _jsx(GNBMenuIcon, {\n                        Element: User\n                    }),\n                    label: \"마이페이지\"\n                }\n            },\n            cartBadge: cartCounter === null || cartCounter === void 0 ? void 0 : cartCounter.lineItemsCount,\n            mypage: ()=>handlePageMove(isLoggedIn ? MYPAGE_PASSES : REGISTRATION_PAGE, false)\n        },\n        searchTextField: false,\n        banner: \"expert\",\n        brandSiblings: \"expert\",\n        disabledCategory: true\n    });\n};\nexport default ExpertGNB;\n","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport useGNBHandler from \"@/components/common/GNB/useGNBHandler\";\nimport useLogout from \"@/components/common/GNB/useLogout\";\nimport { Hamburger, User } from \"@/components/icon/IconList\";\nimport { GNBSideSheet } from \"@/components/SideSheets/GNBSideSheet\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { EBOOKS_ORDER, LOGIN_PAGE, MYPAGE_COUPONS, MYPAGE_PACKAGES_INDEX_PAGE, MYPAGE_PASSES, MYPAGE_STORES_PRODUCTS_INDEX, REGISTRATION_PAGE } from \"@/settings/constant\";\nimport { CommonGNB, GNB, GNBMenuIcon } from \"@bookips/solvook-ui-library\";\nimport { getCurrentCartQuery } from \"src/api/booksCart\";\nconst GoodnotesGNB = ()=>{\n    const { handleLogout , isLoggedIn  } = useLogout();\n    const { data: cartCounter  } = getCurrentCartQuery({\n        enabled: isLoggedIn,\n        params: {\n            cartType: \"ebook\"\n        }\n    });\n    const { handleDropdownClick , handlePageMove , handleSideMenu , labName  } = useGNBHandler();\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            /*#__PURE__*/ _jsx(CommonGNB, {\n                onClickLogo: ()=>mixpanelEvent(\"Logo Clicked\"),\n                loginButtonGroup: {\n                    onLoginClick: ()=>handlePageMove(LOGIN_PAGE, true),\n                    onSignUpClick: ()=>handlePageMove(REGISTRATION_PAGE, true)\n                },\n                menu: {\n                    cart: ()=>handlePageMove(EBOOKS_ORDER, false),\n                    fixedMobileMenu: {\n                        loggedIn: {\n                            onClick: ()=>handleSideMenu(),\n                            icon: /*#__PURE__*/ _jsx(GNBMenuIcon, {\n                                Element: Hamburger\n                            }),\n                            label: \"메뉴\"\n                        },\n                        loggedOut: {\n                            onClick: ()=>handleSideMenu(),\n                            icon: /*#__PURE__*/ _jsx(GNBMenuIcon, {\n                                Element: Hamburger\n                            }),\n                            label: \"메뉴\"\n                        }\n                    },\n                    cartBadge: cartCounter === null || cartCounter === void 0 ? void 0 : cartCounter.lineItemsCount,\n                    dropdown: /*#__PURE__*/ _jsx(GNB.MenuButtonWithDropdown, {\n                        label: \"마이페이지\",\n                        menuItems: [\n                            ...labName ? [\n                                {\n                                    label: \"나의 연구소\",\n                                    onClick: ()=>handleDropdownClick(\"/@\".concat(labName))\n                                }\n                            ] : [],\n                            {\n                                label: \"패키지 보관함\",\n                                onClick: ()=>handleDropdownClick(MYPAGE_PACKAGES_INDEX_PAGE)\n                            },\n                            {\n                                label: \"쿠폰 관리\",\n                                onClick: ()=>handleDropdownClick(MYPAGE_COUPONS)\n                            },\n                            {\n                                label: \"이용권 관리\",\n                                onClick: ()=>handleDropdownClick(MYPAGE_PASSES)\n                            },\n                            {\n                                label: \"자료 판매\",\n                                onClick: ()=>handleDropdownClick(MYPAGE_STORES_PRODUCTS_INDEX)\n                            },\n                            {\n                                label: \"로그아웃\",\n                                onClick: ()=>handleLogout()\n                            }\n                        ],\n                        children: /*#__PURE__*/ _jsx(GNBMenuIcon, {\n                            Element: User\n                        })\n                    })\n                },\n                searchTextField: false,\n                isLoggedIn: isLoggedIn,\n                banner: \"goodnotes\",\n                brandSiblings: \"goodnotes\",\n                disabledCategory: true\n            }),\n            /*#__PURE__*/ _jsx(GNBSideSheet, {\n                onLogout: handleLogout\n            })\n        ]\n    });\n};\nexport default GoodnotesGNB;\n","// Source from https://github.com/alitaheri/normalize-scroll-left\nlet cachedType;\n\n/**\n * Based on the jquery plugin https://github.com/othree/jquery.rtl-scroll-type\n *\n * Types of scrollLeft, assuming scrollWidth=100 and direction is rtl.\n *\n * Type             | <- Most Left | Most Right -> | Initial\n * ---------------- | ------------ | ------------- | -------\n * default          | 0            | 100           | 100\n * negative (spec*) | -100         | 0             | 0\n * reverse          | 100          | 0             | 0\n *\n * Edge 85: default\n * Safari 14: negative\n * Chrome 85: negative\n * Firefox 81: negative\n * IE11: reverse\n *\n * spec* https://drafts.csswg.org/cssom-view/#dom-window-scroll\n */\nexport function detectScrollType() {\n  if (cachedType) {\n    return cachedType;\n  }\n  const dummy = document.createElement('div');\n  const container = document.createElement('div');\n  container.style.width = '10px';\n  container.style.height = '1px';\n  dummy.appendChild(container);\n  dummy.dir = 'rtl';\n  dummy.style.fontSize = '14px';\n  dummy.style.width = '4px';\n  dummy.style.height = '1px';\n  dummy.style.position = 'absolute';\n  dummy.style.top = '-1000px';\n  dummy.style.overflow = 'scroll';\n  document.body.appendChild(dummy);\n  cachedType = 'reverse';\n  if (dummy.scrollLeft > 0) {\n    cachedType = 'default';\n  } else {\n    dummy.scrollLeft = 1;\n    if (dummy.scrollLeft === 0) {\n      cachedType = 'negative';\n    }\n  }\n  document.body.removeChild(dummy);\n  return cachedType;\n}\n\n// Based on https://stackoverflow.com/a/24394376\nexport function getNormalizedScrollLeft(element, direction) {\n  const scrollLeft = element.scrollLeft;\n\n  // Perform the calculations only when direction is rtl to avoid messing up the ltr behavior\n  if (direction !== 'rtl') {\n    return scrollLeft;\n  }\n  const type = detectScrollType();\n  switch (type) {\n    case 'negative':\n      return element.scrollWidth - element.clientWidth + scrollLeft;\n    case 'reverse':\n      return element.scrollWidth - element.clientWidth - scrollLeft;\n    default:\n      return scrollLeft;\n  }\n}","function easeInOutSin(time) {\n  return (1 + Math.sin(Math.PI * time - Math.PI / 2)) / 2;\n}\nexport default function animate(property, element, to, options = {}, cb = () => {}) {\n  const {\n    ease = easeInOutSin,\n    duration = 300 // standard\n  } = options;\n  let start = null;\n  const from = element[property];\n  let cancelled = false;\n  const cancel = () => {\n    cancelled = true;\n  };\n  const step = timestamp => {\n    if (cancelled) {\n      cb(new Error('Animation cancelled'));\n      return;\n    }\n    if (start === null) {\n      start = timestamp;\n    }\n    const time = Math.min(1, (timestamp - start) / duration);\n    element[property] = ease(time) * (to - from) + from;\n    if (time >= 1) {\n      requestAnimationFrame(() => {\n        cb(null);\n      });\n      return;\n    }\n    requestAnimationFrame(step);\n  };\n  if (from === to) {\n    cb(new Error('Element already at target position'));\n    return cancel;\n  }\n  requestAnimationFrame(step);\n  return cancel;\n}","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"onChange\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport debounce from '../utils/debounce';\nimport { ownerWindow, unstable_useEnhancedEffect as useEnhancedEffect } from '../utils';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst styles = {\n  width: 99,\n  height: 99,\n  position: 'absolute',\n  top: -9999,\n  overflow: 'scroll'\n};\n\n/**\n * @ignore - internal component.\n * The component originates from https://github.com/STORIS/react-scrollbar-size.\n * It has been moved into the core in order to minimize the bundle size.\n */\nexport default function ScrollbarSize(props) {\n  const {\n      onChange\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const scrollbarHeight = React.useRef();\n  const nodeRef = React.useRef(null);\n  const setMeasurements = () => {\n    scrollbarHeight.current = nodeRef.current.offsetHeight - nodeRef.current.clientHeight;\n  };\n  useEnhancedEffect(() => {\n    const handleResize = debounce(() => {\n      const prevHeight = scrollbarHeight.current;\n      setMeasurements();\n      if (prevHeight !== scrollbarHeight.current) {\n        onChange(scrollbarHeight.current);\n      }\n    });\n    const containerWindow = ownerWindow(nodeRef.current);\n    containerWindow.addEventListener('resize', handleResize);\n    return () => {\n      handleResize.clear();\n      containerWindow.removeEventListener('resize', handleResize);\n    };\n  }, [onChange]);\n  React.useEffect(() => {\n    setMeasurements();\n    onChange(scrollbarHeight.current);\n  }, [onChange]);\n  return /*#__PURE__*/_jsx(\"div\", _extends({\n    style: styles,\n    ref: nodeRef\n  }, other));\n}\nprocess.env.NODE_ENV !== \"production\" ? ScrollbarSize.propTypes = {\n  onChange: PropTypes.func.isRequired\n} : void 0;","'use client';\n\nimport * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n\n/**\n * @ignore - internal component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z\"\n}), 'KeyboardArrowLeft');","'use client';\n\nimport * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n\n/**\n * @ignore - internal component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z\"\n}), 'KeyboardArrowRight');","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getTabScrollButtonUtilityClass(slot) {\n  return generateUtilityClass('MuiTabScrollButton', slot);\n}\nconst tabScrollButtonClasses = generateUtilityClasses('MuiTabScrollButton', ['root', 'vertical', 'horizontal', 'disabled']);\nexport default tabScrollButtonClasses;","'use client';\n\n/* eslint-disable jsx-a11y/aria-role */\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"className\", \"slots\", \"slotProps\", \"direction\", \"orientation\", \"disabled\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { useRtl } from '@mui/system/RtlProvider';\nimport useSlotProps from '@mui/utils/useSlotProps';\nimport KeyboardArrowLeft from '../internal/svg-icons/KeyboardArrowLeft';\nimport KeyboardArrowRight from '../internal/svg-icons/KeyboardArrowRight';\nimport ButtonBase from '../ButtonBase';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport styled from '../styles/styled';\nimport tabScrollButtonClasses, { getTabScrollButtonUtilityClass } from './tabScrollButtonClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    orientation,\n    disabled\n  } = ownerState;\n  const slots = {\n    root: ['root', orientation, disabled && 'disabled']\n  };\n  return composeClasses(slots, getTabScrollButtonUtilityClass, classes);\n};\nconst TabScrollButtonRoot = styled(ButtonBase, {\n  name: 'MuiTabScrollButton',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.orientation && styles[ownerState.orientation]];\n  }\n})(({\n  ownerState\n}) => _extends({\n  width: 40,\n  flexShrink: 0,\n  opacity: 0.8,\n  [`&.${tabScrollButtonClasses.disabled}`]: {\n    opacity: 0\n  }\n}, ownerState.orientation === 'vertical' && {\n  width: '100%',\n  height: 40,\n  '& svg': {\n    transform: `rotate(${ownerState.isRtl ? -90 : 90}deg)`\n  }\n}));\nconst TabScrollButton = /*#__PURE__*/React.forwardRef(function TabScrollButton(inProps, ref) {\n  var _slots$StartScrollBut, _slots$EndScrollButto;\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiTabScrollButton'\n  });\n  const {\n      className,\n      slots = {},\n      slotProps = {},\n      direction\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const isRtl = useRtl();\n  const ownerState = _extends({\n    isRtl\n  }, props);\n  const classes = useUtilityClasses(ownerState);\n  const StartButtonIcon = (_slots$StartScrollBut = slots.StartScrollButtonIcon) != null ? _slots$StartScrollBut : KeyboardArrowLeft;\n  const EndButtonIcon = (_slots$EndScrollButto = slots.EndScrollButtonIcon) != null ? _slots$EndScrollButto : KeyboardArrowRight;\n  const startButtonIconProps = useSlotProps({\n    elementType: StartButtonIcon,\n    externalSlotProps: slotProps.startScrollButtonIcon,\n    additionalProps: {\n      fontSize: 'small'\n    },\n    ownerState\n  });\n  const endButtonIconProps = useSlotProps({\n    elementType: EndButtonIcon,\n    externalSlotProps: slotProps.endScrollButtonIcon,\n    additionalProps: {\n      fontSize: 'small'\n    },\n    ownerState\n  });\n  return /*#__PURE__*/_jsx(TabScrollButtonRoot, _extends({\n    component: \"div\",\n    className: clsx(classes.root, className),\n    ref: ref,\n    role: null,\n    ownerState: ownerState,\n    tabIndex: null\n  }, other, {\n    children: direction === 'left' ? /*#__PURE__*/_jsx(StartButtonIcon, _extends({}, startButtonIconProps)) : /*#__PURE__*/_jsx(EndButtonIcon, _extends({}, endButtonIconProps))\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? TabScrollButton.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The direction the button should indicate.\n   */\n  direction: PropTypes.oneOf(['left', 'right']).isRequired,\n  /**\n   * If `true`, the component is disabled.\n   * @default false\n   */\n  disabled: PropTypes.bool,\n  /**\n   * The component orientation (layout flow direction).\n   */\n  orientation: PropTypes.oneOf(['horizontal', 'vertical']).isRequired,\n  /**\n   * The extra props for the slot components.\n   * You can override the existing props or add new ones.\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    endScrollButtonIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n    startScrollButtonIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])\n  }),\n  /**\n   * The components used for each slot inside.\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    EndScrollButtonIcon: PropTypes.elementType,\n    StartScrollButtonIcon: PropTypes.elementType\n  }),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default TabScrollButton;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getTabsUtilityClass(slot) {\n  return generateUtilityClass('MuiTabs', slot);\n}\nconst tabsClasses = generateUtilityClasses('MuiTabs', ['root', 'vertical', 'flexContainer', 'flexContainerVertical', 'centered', 'scroller', 'fixed', 'scrollableX', 'scrollableY', 'hideScrollbar', 'scrollButtons', 'scrollButtonsHideMobile', 'indicator']);\nexport default tabsClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"aria-label\", \"aria-labelledby\", \"action\", \"centered\", \"children\", \"className\", \"component\", \"allowScrollButtonsMobile\", \"indicatorColor\", \"onChange\", \"orientation\", \"ScrollButtonComponent\", \"scrollButtons\", \"selectionFollowsFocus\", \"slots\", \"slotProps\", \"TabIndicatorProps\", \"TabScrollButtonProps\", \"textColor\", \"value\", \"variant\", \"visibleScrollbar\"];\nimport * as React from 'react';\nimport { isFragment } from 'react-is';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport refType from '@mui/utils/refType';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { useRtl } from '@mui/system/RtlProvider';\nimport useSlotProps from '@mui/utils/useSlotProps';\nimport styled from '../styles/styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport useTheme from '../styles/useTheme';\nimport debounce from '../utils/debounce';\nimport { getNormalizedScrollLeft, detectScrollType } from '../utils/scrollLeft';\nimport animate from '../internal/animate';\nimport ScrollbarSize from './ScrollbarSize';\nimport TabScrollButton from '../TabScrollButton';\nimport useEventCallback from '../utils/useEventCallback';\nimport tabsClasses, { getTabsUtilityClass } from './tabsClasses';\nimport ownerDocument from '../utils/ownerDocument';\nimport ownerWindow from '../utils/ownerWindow';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nconst nextItem = (list, item) => {\n  if (list === item) {\n    return list.firstChild;\n  }\n  if (item && item.nextElementSibling) {\n    return item.nextElementSibling;\n  }\n  return list.firstChild;\n};\nconst previousItem = (list, item) => {\n  if (list === item) {\n    return list.lastChild;\n  }\n  if (item && item.previousElementSibling) {\n    return item.previousElementSibling;\n  }\n  return list.lastChild;\n};\nconst moveFocus = (list, currentFocus, traversalFunction) => {\n  let wrappedOnce = false;\n  let nextFocus = traversalFunction(list, currentFocus);\n  while (nextFocus) {\n    // Prevent infinite loop.\n    if (nextFocus === list.firstChild) {\n      if (wrappedOnce) {\n        return;\n      }\n      wrappedOnce = true;\n    }\n\n    // Same logic as useAutocomplete.js\n    const nextFocusDisabled = nextFocus.disabled || nextFocus.getAttribute('aria-disabled') === 'true';\n    if (!nextFocus.hasAttribute('tabindex') || nextFocusDisabled) {\n      // Move to the next element.\n      nextFocus = traversalFunction(list, nextFocus);\n    } else {\n      nextFocus.focus();\n      return;\n    }\n  }\n};\nconst useUtilityClasses = ownerState => {\n  const {\n    vertical,\n    fixed,\n    hideScrollbar,\n    scrollableX,\n    scrollableY,\n    centered,\n    scrollButtonsHideMobile,\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root', vertical && 'vertical'],\n    scroller: ['scroller', fixed && 'fixed', hideScrollbar && 'hideScrollbar', scrollableX && 'scrollableX', scrollableY && 'scrollableY'],\n    flexContainer: ['flexContainer', vertical && 'flexContainerVertical', centered && 'centered'],\n    indicator: ['indicator'],\n    scrollButtons: ['scrollButtons', scrollButtonsHideMobile && 'scrollButtonsHideMobile'],\n    scrollableX: [scrollableX && 'scrollableX'],\n    hideScrollbar: [hideScrollbar && 'hideScrollbar']\n  };\n  return composeClasses(slots, getTabsUtilityClass, classes);\n};\nconst TabsRoot = styled('div', {\n  name: 'MuiTabs',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [{\n      [`& .${tabsClasses.scrollButtons}`]: styles.scrollButtons\n    }, {\n      [`& .${tabsClasses.scrollButtons}`]: ownerState.scrollButtonsHideMobile && styles.scrollButtonsHideMobile\n    }, styles.root, ownerState.vertical && styles.vertical];\n  }\n})(({\n  ownerState,\n  theme\n}) => _extends({\n  overflow: 'hidden',\n  minHeight: 48,\n  // Add iOS momentum scrolling for iOS < 13.0\n  WebkitOverflowScrolling: 'touch',\n  display: 'flex'\n}, ownerState.vertical && {\n  flexDirection: 'column'\n}, ownerState.scrollButtonsHideMobile && {\n  [`& .${tabsClasses.scrollButtons}`]: {\n    [theme.breakpoints.down('sm')]: {\n      display: 'none'\n    }\n  }\n}));\nconst TabsScroller = styled('div', {\n  name: 'MuiTabs',\n  slot: 'Scroller',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.scroller, ownerState.fixed && styles.fixed, ownerState.hideScrollbar && styles.hideScrollbar, ownerState.scrollableX && styles.scrollableX, ownerState.scrollableY && styles.scrollableY];\n  }\n})(({\n  ownerState\n}) => _extends({\n  position: 'relative',\n  display: 'inline-block',\n  flex: '1 1 auto',\n  whiteSpace: 'nowrap'\n}, ownerState.fixed && {\n  overflowX: 'hidden',\n  width: '100%'\n}, ownerState.hideScrollbar && {\n  // Hide dimensionless scrollbar on macOS\n  scrollbarWidth: 'none',\n  // Firefox\n  '&::-webkit-scrollbar': {\n    display: 'none' // Safari + Chrome\n  }\n}, ownerState.scrollableX && {\n  overflowX: 'auto',\n  overflowY: 'hidden'\n}, ownerState.scrollableY && {\n  overflowY: 'auto',\n  overflowX: 'hidden'\n}));\nconst FlexContainer = styled('div', {\n  name: 'MuiTabs',\n  slot: 'FlexContainer',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.flexContainer, ownerState.vertical && styles.flexContainerVertical, ownerState.centered && styles.centered];\n  }\n})(({\n  ownerState\n}) => _extends({\n  display: 'flex'\n}, ownerState.vertical && {\n  flexDirection: 'column'\n}, ownerState.centered && {\n  justifyContent: 'center'\n}));\nconst TabsIndicator = styled('span', {\n  name: 'MuiTabs',\n  slot: 'Indicator',\n  overridesResolver: (props, styles) => styles.indicator\n})(({\n  ownerState,\n  theme\n}) => _extends({\n  position: 'absolute',\n  height: 2,\n  bottom: 0,\n  width: '100%',\n  transition: theme.transitions.create()\n}, ownerState.indicatorColor === 'primary' && {\n  backgroundColor: (theme.vars || theme).palette.primary.main\n}, ownerState.indicatorColor === 'secondary' && {\n  backgroundColor: (theme.vars || theme).palette.secondary.main\n}, ownerState.vertical && {\n  height: '100%',\n  width: 2,\n  right: 0\n}));\nconst TabsScrollbarSize = styled(ScrollbarSize)({\n  overflowX: 'auto',\n  overflowY: 'hidden',\n  // Hide dimensionless scrollbar on macOS\n  scrollbarWidth: 'none',\n  // Firefox\n  '&::-webkit-scrollbar': {\n    display: 'none' // Safari + Chrome\n  }\n});\nconst defaultIndicatorStyle = {};\nlet warnedOnceTabPresent = false;\nconst Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiTabs'\n  });\n  const theme = useTheme();\n  const isRtl = useRtl();\n  const {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      action,\n      centered = false,\n      children: childrenProp,\n      className,\n      component = 'div',\n      allowScrollButtonsMobile = false,\n      indicatorColor = 'primary',\n      onChange,\n      orientation = 'horizontal',\n      ScrollButtonComponent = TabScrollButton,\n      scrollButtons = 'auto',\n      selectionFollowsFocus,\n      slots = {},\n      slotProps = {},\n      TabIndicatorProps = {},\n      TabScrollButtonProps = {},\n      textColor = 'primary',\n      value,\n      variant = 'standard',\n      visibleScrollbar = false\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const scrollable = variant === 'scrollable';\n  const vertical = orientation === 'vertical';\n  const scrollStart = vertical ? 'scrollTop' : 'scrollLeft';\n  const start = vertical ? 'top' : 'left';\n  const end = vertical ? 'bottom' : 'right';\n  const clientSize = vertical ? 'clientHeight' : 'clientWidth';\n  const size = vertical ? 'height' : 'width';\n  const ownerState = _extends({}, props, {\n    component,\n    allowScrollButtonsMobile,\n    indicatorColor,\n    orientation,\n    vertical,\n    scrollButtons,\n    textColor,\n    variant,\n    visibleScrollbar,\n    fixed: !scrollable,\n    hideScrollbar: scrollable && !visibleScrollbar,\n    scrollableX: scrollable && !vertical,\n    scrollableY: scrollable && vertical,\n    centered: centered && !scrollable,\n    scrollButtonsHideMobile: !allowScrollButtonsMobile\n  });\n  const classes = useUtilityClasses(ownerState);\n  const startScrollButtonIconProps = useSlotProps({\n    elementType: slots.StartScrollButtonIcon,\n    externalSlotProps: slotProps.startScrollButtonIcon,\n    ownerState\n  });\n  const endScrollButtonIconProps = useSlotProps({\n    elementType: slots.EndScrollButtonIcon,\n    externalSlotProps: slotProps.endScrollButtonIcon,\n    ownerState\n  });\n  if (process.env.NODE_ENV !== 'production') {\n    if (centered && scrollable) {\n      console.error('MUI: You can not use the `centered={true}` and `variant=\"scrollable\"` properties ' + 'at the same time on a `Tabs` component.');\n    }\n  }\n  const [mounted, setMounted] = React.useState(false);\n  const [indicatorStyle, setIndicatorStyle] = React.useState(defaultIndicatorStyle);\n  const [displayStartScroll, setDisplayStartScroll] = React.useState(false);\n  const [displayEndScroll, setDisplayEndScroll] = React.useState(false);\n  const [updateScrollObserver, setUpdateScrollObserver] = React.useState(false);\n  const [scrollerStyle, setScrollerStyle] = React.useState({\n    overflow: 'hidden',\n    scrollbarWidth: 0\n  });\n  const valueToIndex = new Map();\n  const tabsRef = React.useRef(null);\n  const tabListRef = React.useRef(null);\n  const getTabsMeta = () => {\n    const tabsNode = tabsRef.current;\n    let tabsMeta;\n    if (tabsNode) {\n      const rect = tabsNode.getBoundingClientRect();\n      // create a new object with ClientRect class props + scrollLeft\n      tabsMeta = {\n        clientWidth: tabsNode.clientWidth,\n        scrollLeft: tabsNode.scrollLeft,\n        scrollTop: tabsNode.scrollTop,\n        scrollLeftNormalized: getNormalizedScrollLeft(tabsNode, isRtl ? 'rtl' : 'ltr'),\n        scrollWidth: tabsNode.scrollWidth,\n        top: rect.top,\n        bottom: rect.bottom,\n        left: rect.left,\n        right: rect.right\n      };\n    }\n    let tabMeta;\n    if (tabsNode && value !== false) {\n      const children = tabListRef.current.children;\n      if (children.length > 0) {\n        const tab = children[valueToIndex.get(value)];\n        if (process.env.NODE_ENV !== 'production') {\n          if (!tab) {\n            console.error([`MUI: The \\`value\\` provided to the Tabs component is invalid.`, `None of the Tabs' children match with \"${value}\".`, valueToIndex.keys ? `You can provide one of the following values: ${Array.from(valueToIndex.keys()).join(', ')}.` : null].join('\\n'));\n          }\n        }\n        tabMeta = tab ? tab.getBoundingClientRect() : null;\n        if (process.env.NODE_ENV !== 'production') {\n          if (process.env.NODE_ENV !== 'test' && !warnedOnceTabPresent && tabMeta && tabMeta.width === 0 && tabMeta.height === 0 &&\n          // if the whole Tabs component is hidden, don't warn\n          tabsMeta.clientWidth !== 0) {\n            tabsMeta = null;\n            console.error(['MUI: The `value` provided to the Tabs component is invalid.', `The Tab with this \\`value\\` (\"${value}\") is not part of the document layout.`, \"Make sure the tab item is present in the document or that it's not `display: none`.\"].join('\\n'));\n            warnedOnceTabPresent = true;\n          }\n        }\n      }\n    }\n    return {\n      tabsMeta,\n      tabMeta\n    };\n  };\n  const updateIndicatorState = useEventCallback(() => {\n    const {\n      tabsMeta,\n      tabMeta\n    } = getTabsMeta();\n    let startValue = 0;\n    let startIndicator;\n    if (vertical) {\n      startIndicator = 'top';\n      if (tabMeta && tabsMeta) {\n        startValue = tabMeta.top - tabsMeta.top + tabsMeta.scrollTop;\n      }\n    } else {\n      startIndicator = isRtl ? 'right' : 'left';\n      if (tabMeta && tabsMeta) {\n        const correction = isRtl ? tabsMeta.scrollLeftNormalized + tabsMeta.clientWidth - tabsMeta.scrollWidth : tabsMeta.scrollLeft;\n        startValue = (isRtl ? -1 : 1) * (tabMeta[startIndicator] - tabsMeta[startIndicator] + correction);\n      }\n    }\n    const newIndicatorStyle = {\n      [startIndicator]: startValue,\n      // May be wrong until the font is loaded.\n      [size]: tabMeta ? tabMeta[size] : 0\n    };\n\n    // IE11 support, replace with Number.isNaN\n    // eslint-disable-next-line no-restricted-globals\n    if (isNaN(indicatorStyle[startIndicator]) || isNaN(indicatorStyle[size])) {\n      setIndicatorStyle(newIndicatorStyle);\n    } else {\n      const dStart = Math.abs(indicatorStyle[startIndicator] - newIndicatorStyle[startIndicator]);\n      const dSize = Math.abs(indicatorStyle[size] - newIndicatorStyle[size]);\n      if (dStart >= 1 || dSize >= 1) {\n        setIndicatorStyle(newIndicatorStyle);\n      }\n    }\n  });\n  const scroll = (scrollValue, {\n    animation = true\n  } = {}) => {\n    if (animation) {\n      animate(scrollStart, tabsRef.current, scrollValue, {\n        duration: theme.transitions.duration.standard\n      });\n    } else {\n      tabsRef.current[scrollStart] = scrollValue;\n    }\n  };\n  const moveTabsScroll = delta => {\n    let scrollValue = tabsRef.current[scrollStart];\n    if (vertical) {\n      scrollValue += delta;\n    } else {\n      scrollValue += delta * (isRtl ? -1 : 1);\n      // Fix for Edge\n      scrollValue *= isRtl && detectScrollType() === 'reverse' ? -1 : 1;\n    }\n    scroll(scrollValue);\n  };\n  const getScrollSize = () => {\n    const containerSize = tabsRef.current[clientSize];\n    let totalSize = 0;\n    const children = Array.from(tabListRef.current.children);\n    for (let i = 0; i < children.length; i += 1) {\n      const tab = children[i];\n      if (totalSize + tab[clientSize] > containerSize) {\n        // If the first item is longer than the container size, then only scroll\n        // by the container size.\n        if (i === 0) {\n          totalSize = containerSize;\n        }\n        break;\n      }\n      totalSize += tab[clientSize];\n    }\n    return totalSize;\n  };\n  const handleStartScrollClick = () => {\n    moveTabsScroll(-1 * getScrollSize());\n  };\n  const handleEndScrollClick = () => {\n    moveTabsScroll(getScrollSize());\n  };\n\n  // TODO Remove <ScrollbarSize /> as browser support for hiding the scrollbar\n  // with CSS improves.\n  const handleScrollbarSizeChange = React.useCallback(scrollbarWidth => {\n    setScrollerStyle({\n      overflow: null,\n      scrollbarWidth\n    });\n  }, []);\n  const getConditionalElements = () => {\n    const conditionalElements = {};\n    conditionalElements.scrollbarSizeListener = scrollable ? /*#__PURE__*/_jsx(TabsScrollbarSize, {\n      onChange: handleScrollbarSizeChange,\n      className: clsx(classes.scrollableX, classes.hideScrollbar)\n    }) : null;\n    const scrollButtonsActive = displayStartScroll || displayEndScroll;\n    const showScrollButtons = scrollable && (scrollButtons === 'auto' && scrollButtonsActive || scrollButtons === true);\n    conditionalElements.scrollButtonStart = showScrollButtons ? /*#__PURE__*/_jsx(ScrollButtonComponent, _extends({\n      slots: {\n        StartScrollButtonIcon: slots.StartScrollButtonIcon\n      },\n      slotProps: {\n        startScrollButtonIcon: startScrollButtonIconProps\n      },\n      orientation: orientation,\n      direction: isRtl ? 'right' : 'left',\n      onClick: handleStartScrollClick,\n      disabled: !displayStartScroll\n    }, TabScrollButtonProps, {\n      className: clsx(classes.scrollButtons, TabScrollButtonProps.className)\n    })) : null;\n    conditionalElements.scrollButtonEnd = showScrollButtons ? /*#__PURE__*/_jsx(ScrollButtonComponent, _extends({\n      slots: {\n        EndScrollButtonIcon: slots.EndScrollButtonIcon\n      },\n      slotProps: {\n        endScrollButtonIcon: endScrollButtonIconProps\n      },\n      orientation: orientation,\n      direction: isRtl ? 'left' : 'right',\n      onClick: handleEndScrollClick,\n      disabled: !displayEndScroll\n    }, TabScrollButtonProps, {\n      className: clsx(classes.scrollButtons, TabScrollButtonProps.className)\n    })) : null;\n    return conditionalElements;\n  };\n  const scrollSelectedIntoView = useEventCallback(animation => {\n    const {\n      tabsMeta,\n      tabMeta\n    } = getTabsMeta();\n    if (!tabMeta || !tabsMeta) {\n      return;\n    }\n    if (tabMeta[start] < tabsMeta[start]) {\n      // left side of button is out of view\n      const nextScrollStart = tabsMeta[scrollStart] + (tabMeta[start] - tabsMeta[start]);\n      scroll(nextScrollStart, {\n        animation\n      });\n    } else if (tabMeta[end] > tabsMeta[end]) {\n      // right side of button is out of view\n      const nextScrollStart = tabsMeta[scrollStart] + (tabMeta[end] - tabsMeta[end]);\n      scroll(nextScrollStart, {\n        animation\n      });\n    }\n  });\n  const updateScrollButtonState = useEventCallback(() => {\n    if (scrollable && scrollButtons !== false) {\n      setUpdateScrollObserver(!updateScrollObserver);\n    }\n  });\n  React.useEffect(() => {\n    const handleResize = debounce(() => {\n      // If the Tabs component is replaced by Suspense with a fallback, the last\n      // ResizeObserver's handler that runs because of the change in the layout is trying to\n      // access a dom node that is no longer there (as the fallback component is being shown instead).\n      // See https://github.com/mui/material-ui/issues/33276\n      // TODO: Add tests that will ensure the component is not failing when\n      // replaced by Suspense with a fallback, once React is updated to version 18\n      if (tabsRef.current) {\n        updateIndicatorState();\n      }\n    });\n    let resizeObserver;\n\n    /**\n     * @type {MutationCallback}\n     */\n    const handleMutation = records => {\n      records.forEach(record => {\n        record.removedNodes.forEach(item => {\n          var _resizeObserver;\n          (_resizeObserver = resizeObserver) == null || _resizeObserver.unobserve(item);\n        });\n        record.addedNodes.forEach(item => {\n          var _resizeObserver2;\n          (_resizeObserver2 = resizeObserver) == null || _resizeObserver2.observe(item);\n        });\n      });\n      handleResize();\n      updateScrollButtonState();\n    };\n    const win = ownerWindow(tabsRef.current);\n    win.addEventListener('resize', handleResize);\n    let mutationObserver;\n    if (typeof ResizeObserver !== 'undefined') {\n      resizeObserver = new ResizeObserver(handleResize);\n      Array.from(tabListRef.current.children).forEach(child => {\n        resizeObserver.observe(child);\n      });\n    }\n    if (typeof MutationObserver !== 'undefined') {\n      mutationObserver = new MutationObserver(handleMutation);\n      mutationObserver.observe(tabListRef.current, {\n        childList: true\n      });\n    }\n    return () => {\n      var _mutationObserver, _resizeObserver3;\n      handleResize.clear();\n      win.removeEventListener('resize', handleResize);\n      (_mutationObserver = mutationObserver) == null || _mutationObserver.disconnect();\n      (_resizeObserver3 = resizeObserver) == null || _resizeObserver3.disconnect();\n    };\n  }, [updateIndicatorState, updateScrollButtonState]);\n\n  /**\n   * Toggle visibility of start and end scroll buttons\n   * Using IntersectionObserver on first and last Tabs.\n   */\n  React.useEffect(() => {\n    const tabListChildren = Array.from(tabListRef.current.children);\n    const length = tabListChildren.length;\n    if (typeof IntersectionObserver !== 'undefined' && length > 0 && scrollable && scrollButtons !== false) {\n      const firstTab = tabListChildren[0];\n      const lastTab = tabListChildren[length - 1];\n      const observerOptions = {\n        root: tabsRef.current,\n        threshold: 0.99\n      };\n      const handleScrollButtonStart = entries => {\n        setDisplayStartScroll(!entries[0].isIntersecting);\n      };\n      const firstObserver = new IntersectionObserver(handleScrollButtonStart, observerOptions);\n      firstObserver.observe(firstTab);\n      const handleScrollButtonEnd = entries => {\n        setDisplayEndScroll(!entries[0].isIntersecting);\n      };\n      const lastObserver = new IntersectionObserver(handleScrollButtonEnd, observerOptions);\n      lastObserver.observe(lastTab);\n      return () => {\n        firstObserver.disconnect();\n        lastObserver.disconnect();\n      };\n    }\n    return undefined;\n  }, [scrollable, scrollButtons, updateScrollObserver, childrenProp == null ? void 0 : childrenProp.length]);\n  React.useEffect(() => {\n    setMounted(true);\n  }, []);\n  React.useEffect(() => {\n    updateIndicatorState();\n  });\n  React.useEffect(() => {\n    // Don't animate on the first render.\n    scrollSelectedIntoView(defaultIndicatorStyle !== indicatorStyle);\n  }, [scrollSelectedIntoView, indicatorStyle]);\n  React.useImperativeHandle(action, () => ({\n    updateIndicator: updateIndicatorState,\n    updateScrollButtons: updateScrollButtonState\n  }), [updateIndicatorState, updateScrollButtonState]);\n  const indicator = /*#__PURE__*/_jsx(TabsIndicator, _extends({}, TabIndicatorProps, {\n    className: clsx(classes.indicator, TabIndicatorProps.className),\n    ownerState: ownerState,\n    style: _extends({}, indicatorStyle, TabIndicatorProps.style)\n  }));\n  let childIndex = 0;\n  const children = React.Children.map(childrenProp, child => {\n    if (! /*#__PURE__*/React.isValidElement(child)) {\n      return null;\n    }\n    if (process.env.NODE_ENV !== 'production') {\n      if (isFragment(child)) {\n        console.error([\"MUI: The Tabs component doesn't accept a Fragment as a child.\", 'Consider providing an array instead.'].join('\\n'));\n      }\n    }\n    const childValue = child.props.value === undefined ? childIndex : child.props.value;\n    valueToIndex.set(childValue, childIndex);\n    const selected = childValue === value;\n    childIndex += 1;\n    return /*#__PURE__*/React.cloneElement(child, _extends({\n      fullWidth: variant === 'fullWidth',\n      indicator: selected && !mounted && indicator,\n      selected,\n      selectionFollowsFocus,\n      onChange,\n      textColor,\n      value: childValue\n    }, childIndex === 1 && value === false && !child.props.tabIndex ? {\n      tabIndex: 0\n    } : {}));\n  });\n  const handleKeyDown = event => {\n    const list = tabListRef.current;\n    const currentFocus = ownerDocument(list).activeElement;\n    // Keyboard navigation assumes that [role=\"tab\"] are siblings\n    // though we might warn in the future about nested, interactive elements\n    // as a a11y violation\n    const role = currentFocus.getAttribute('role');\n    if (role !== 'tab') {\n      return;\n    }\n    let previousItemKey = orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';\n    let nextItemKey = orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown';\n    if (orientation === 'horizontal' && isRtl) {\n      // swap previousItemKey with nextItemKey\n      previousItemKey = 'ArrowRight';\n      nextItemKey = 'ArrowLeft';\n    }\n    switch (event.key) {\n      case previousItemKey:\n        event.preventDefault();\n        moveFocus(list, currentFocus, previousItem);\n        break;\n      case nextItemKey:\n        event.preventDefault();\n        moveFocus(list, currentFocus, nextItem);\n        break;\n      case 'Home':\n        event.preventDefault();\n        moveFocus(list, null, nextItem);\n        break;\n      case 'End':\n        event.preventDefault();\n        moveFocus(list, null, previousItem);\n        break;\n      default:\n        break;\n    }\n  };\n  const conditionalElements = getConditionalElements();\n  return /*#__PURE__*/_jsxs(TabsRoot, _extends({\n    className: clsx(classes.root, className),\n    ownerState: ownerState,\n    ref: ref,\n    as: component\n  }, other, {\n    children: [conditionalElements.scrollButtonStart, conditionalElements.scrollbarSizeListener, /*#__PURE__*/_jsxs(TabsScroller, {\n      className: classes.scroller,\n      ownerState: ownerState,\n      style: {\n        overflow: scrollerStyle.overflow,\n        [vertical ? `margin${isRtl ? 'Left' : 'Right'}` : 'marginBottom']: visibleScrollbar ? undefined : -scrollerStyle.scrollbarWidth\n      },\n      ref: tabsRef,\n      children: [/*#__PURE__*/_jsx(FlexContainer, {\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        \"aria-orientation\": orientation === 'vertical' ? 'vertical' : null,\n        className: classes.flexContainer,\n        ownerState: ownerState,\n        onKeyDown: handleKeyDown,\n        ref: tabListRef,\n        role: \"tablist\",\n        children: children\n      }), mounted && indicator]\n    }), conditionalElements.scrollButtonEnd]\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Tabs.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * Callback fired when the component mounts.\n   * This is useful when you want to trigger an action programmatically.\n   * It supports two actions: `updateIndicator()` and `updateScrollButtons()`\n   *\n   * @param {object} actions This object contains all possible actions\n   * that can be triggered programmatically.\n   */\n  action: refType,\n  /**\n   * If `true`, the scroll buttons aren't forced hidden on mobile.\n   * By default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.\n   * @default false\n   */\n  allowScrollButtonsMobile: PropTypes.bool,\n  /**\n   * The label for the Tabs as a string.\n   */\n  'aria-label': PropTypes.string,\n  /**\n   * An id or list of ids separated by a space that label the Tabs.\n   */\n  'aria-labelledby': PropTypes.string,\n  /**\n   * If `true`, the tabs are centered.\n   * This prop is intended for large views.\n   * @default false\n   */\n  centered: PropTypes.bool,\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Determines the color of the indicator.\n   * @default 'primary'\n   */\n  indicatorColor: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['primary', 'secondary']), PropTypes.string]),\n  /**\n   * Callback fired when the value changes.\n   *\n   * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.\n   * @param {any} value We default to the index of the child (number)\n   */\n  onChange: PropTypes.func,\n  /**\n   * The component orientation (layout flow direction).\n   * @default 'horizontal'\n   */\n  orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n  /**\n   * The component used to render the scroll buttons.\n   * @default TabScrollButton\n   */\n  ScrollButtonComponent: PropTypes.elementType,\n  /**\n   * Determine behavior of scroll buttons when tabs are set to scroll:\n   *\n   * - `auto` will only present them when not all the items are visible.\n   * - `true` will always present them.\n   * - `false` will never present them.\n   *\n   * By default the scroll buttons are hidden on mobile.\n   * This behavior can be disabled with `allowScrollButtonsMobile`.\n   * @default 'auto'\n   */\n  scrollButtons: PropTypes /* @typescript-to-proptypes-ignore */.oneOf(['auto', false, true]),\n  /**\n   * If `true` the selected tab changes on focus. Otherwise it only\n   * changes on activation.\n   */\n  selectionFollowsFocus: PropTypes.bool,\n  /**\n   * The extra props for the slot components.\n   * You can override the existing props or add new ones.\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    endScrollButtonIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n    startScrollButtonIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])\n  }),\n  /**\n   * The components used for each slot inside.\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    EndScrollButtonIcon: PropTypes.elementType,\n    StartScrollButtonIcon: PropTypes.elementType\n  }),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * Props applied to the tab indicator element.\n   * @default  {}\n   */\n  TabIndicatorProps: PropTypes.object,\n  /**\n   * Props applied to the [`TabScrollButton`](/material-ui/api/tab-scroll-button/) element.\n   * @default {}\n   */\n  TabScrollButtonProps: PropTypes.object,\n  /**\n   * Determines the color of the `Tab`.\n   * @default 'primary'\n   */\n  textColor: PropTypes.oneOf(['inherit', 'primary', 'secondary']),\n  /**\n   * The value of the currently selected `Tab`.\n   * If you don't want any selected `Tab`, you can set this prop to `false`.\n   */\n  value: PropTypes.any,\n  /**\n   * Determines additional display behavior of the tabs:\n   *\n   *  - `scrollable` will invoke scrolling properties and allow for horizontally\n   *  scrolling (or swiping) of the tab bar.\n   *  - `fullWidth` will make the tabs grow to use all the available space,\n   *  which should be used for small views, like on mobile.\n   *  - `standard` will render the default state.\n   * @default 'standard'\n   */\n  variant: PropTypes.oneOf(['fullWidth', 'scrollable', 'standard']),\n  /**\n   * If `true`, the scrollbar is visible. It can be useful when displaying\n   * a long vertical list of tabs.\n   * @default false\n   */\n  visibleScrollbar: PropTypes.bool\n} : void 0;\nexport default Tabs;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getTabUtilityClass(slot) {\n  return generateUtilityClass('MuiTab', slot);\n}\nconst tabClasses = generateUtilityClasses('MuiTab', ['root', 'labelIcon', 'textColorInherit', 'textColorPrimary', 'textColorSecondary', 'selected', 'disabled', 'fullWidth', 'wrapped', 'iconWrapper']);\nexport default tabClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"className\", \"disabled\", \"disableFocusRipple\", \"fullWidth\", \"icon\", \"iconPosition\", \"indicator\", \"label\", \"onChange\", \"onClick\", \"onFocus\", \"selected\", \"selectionFollowsFocus\", \"textColor\", \"value\", \"wrapped\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport ButtonBase from '../ButtonBase';\nimport capitalize from '../utils/capitalize';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport styled from '../styles/styled';\nimport unsupportedProp from '../utils/unsupportedProp';\nimport tabClasses, { getTabUtilityClass } from './tabClasses';\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    textColor,\n    fullWidth,\n    wrapped,\n    icon,\n    label,\n    selected,\n    disabled\n  } = ownerState;\n  const slots = {\n    root: ['root', icon && label && 'labelIcon', `textColor${capitalize(textColor)}`, fullWidth && 'fullWidth', wrapped && 'wrapped', selected && 'selected', disabled && 'disabled'],\n    iconWrapper: ['iconWrapper']\n  };\n  return composeClasses(slots, getTabUtilityClass, classes);\n};\nconst TabRoot = styled(ButtonBase, {\n  name: 'MuiTab',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.label && ownerState.icon && styles.labelIcon, styles[`textColor${capitalize(ownerState.textColor)}`], ownerState.fullWidth && styles.fullWidth, ownerState.wrapped && styles.wrapped, {\n      [`& .${tabClasses.iconWrapper}`]: styles.iconWrapper\n    }];\n  }\n})(({\n  theme,\n  ownerState\n}) => _extends({}, theme.typography.button, {\n  maxWidth: 360,\n  minWidth: 90,\n  position: 'relative',\n  minHeight: 48,\n  flexShrink: 0,\n  padding: '12px 16px',\n  overflow: 'hidden',\n  whiteSpace: 'normal',\n  textAlign: 'center'\n}, ownerState.label && {\n  flexDirection: ownerState.iconPosition === 'top' || ownerState.iconPosition === 'bottom' ? 'column' : 'row'\n}, {\n  lineHeight: 1.25\n}, ownerState.icon && ownerState.label && {\n  minHeight: 72,\n  paddingTop: 9,\n  paddingBottom: 9,\n  [`& > .${tabClasses.iconWrapper}`]: _extends({}, ownerState.iconPosition === 'top' && {\n    marginBottom: 6\n  }, ownerState.iconPosition === 'bottom' && {\n    marginTop: 6\n  }, ownerState.iconPosition === 'start' && {\n    marginRight: theme.spacing(1)\n  }, ownerState.iconPosition === 'end' && {\n    marginLeft: theme.spacing(1)\n  })\n}, ownerState.textColor === 'inherit' && {\n  color: 'inherit',\n  opacity: 0.6,\n  // same opacity as theme.palette.text.secondary\n  [`&.${tabClasses.selected}`]: {\n    opacity: 1\n  },\n  [`&.${tabClasses.disabled}`]: {\n    opacity: (theme.vars || theme).palette.action.disabledOpacity\n  }\n}, ownerState.textColor === 'primary' && {\n  color: (theme.vars || theme).palette.text.secondary,\n  [`&.${tabClasses.selected}`]: {\n    color: (theme.vars || theme).palette.primary.main\n  },\n  [`&.${tabClasses.disabled}`]: {\n    color: (theme.vars || theme).palette.text.disabled\n  }\n}, ownerState.textColor === 'secondary' && {\n  color: (theme.vars || theme).palette.text.secondary,\n  [`&.${tabClasses.selected}`]: {\n    color: (theme.vars || theme).palette.secondary.main\n  },\n  [`&.${tabClasses.disabled}`]: {\n    color: (theme.vars || theme).palette.text.disabled\n  }\n}, ownerState.fullWidth && {\n  flexShrink: 1,\n  flexGrow: 1,\n  flexBasis: 0,\n  maxWidth: 'none'\n}, ownerState.wrapped && {\n  fontSize: theme.typography.pxToRem(12)\n}));\nconst Tab = /*#__PURE__*/React.forwardRef(function Tab(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiTab'\n  });\n  const {\n      className,\n      disabled = false,\n      disableFocusRipple = false,\n      // eslint-disable-next-line react/prop-types\n      fullWidth,\n      icon: iconProp,\n      iconPosition = 'top',\n      // eslint-disable-next-line react/prop-types\n      indicator,\n      label,\n      onChange,\n      onClick,\n      onFocus,\n      // eslint-disable-next-line react/prop-types\n      selected,\n      // eslint-disable-next-line react/prop-types\n      selectionFollowsFocus,\n      // eslint-disable-next-line react/prop-types\n      textColor = 'inherit',\n      value,\n      wrapped = false\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const ownerState = _extends({}, props, {\n    disabled,\n    disableFocusRipple,\n    selected,\n    icon: !!iconProp,\n    iconPosition,\n    label: !!label,\n    fullWidth,\n    textColor,\n    wrapped\n  });\n  const classes = useUtilityClasses(ownerState);\n  const icon = iconProp && label && /*#__PURE__*/React.isValidElement(iconProp) ? /*#__PURE__*/React.cloneElement(iconProp, {\n    className: clsx(classes.iconWrapper, iconProp.props.className)\n  }) : iconProp;\n  const handleClick = event => {\n    if (!selected && onChange) {\n      onChange(event, value);\n    }\n    if (onClick) {\n      onClick(event);\n    }\n  };\n  const handleFocus = event => {\n    if (selectionFollowsFocus && !selected && onChange) {\n      onChange(event, value);\n    }\n    if (onFocus) {\n      onFocus(event);\n    }\n  };\n  return /*#__PURE__*/_jsxs(TabRoot, _extends({\n    focusRipple: !disableFocusRipple,\n    className: clsx(classes.root, className),\n    ref: ref,\n    role: \"tab\",\n    \"aria-selected\": selected,\n    disabled: disabled,\n    onClick: handleClick,\n    onFocus: handleFocus,\n    ownerState: ownerState,\n    tabIndex: selected ? 0 : -1\n  }, other, {\n    children: [iconPosition === 'top' || iconPosition === 'start' ? /*#__PURE__*/_jsxs(React.Fragment, {\n      children: [icon, label]\n    }) : /*#__PURE__*/_jsxs(React.Fragment, {\n      children: [label, icon]\n    }), indicator]\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Tab.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * This prop isn't supported.\n   * Use the `component` prop if you need to change the children structure.\n   */\n  children: unsupportedProp,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * If `true`, the component is disabled.\n   * @default false\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the  keyboard focus ripple is disabled.\n   * @default false\n   */\n  disableFocusRipple: PropTypes.bool,\n  /**\n   * If `true`, the ripple effect is disabled.\n   *\n   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\n   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.\n   * @default false\n   */\n  disableRipple: PropTypes.bool,\n  /**\n   * The icon to display.\n   */\n  icon: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\n  /**\n   * The position of the icon relative to the label.\n   * @default 'top'\n   */\n  iconPosition: PropTypes.oneOf(['bottom', 'end', 'start', 'top']),\n  /**\n   * The label element.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  onChange: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onClick: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onFocus: PropTypes.func,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * You can provide your own value. Otherwise, we fallback to the child position index.\n   */\n  value: PropTypes.any,\n  /**\n   * Tab labels appear in a single row.\n   * They can use a second line if needed.\n   * @default false\n   */\n  wrapped: PropTypes.bool\n} : void 0;\nexport default Tab;","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useMemo } from \"react\";\nimport { Dialog, styled as muiStyled, Tab, Tabs, Typography } from \"@mui/material\";\nimport { SearchTextField } from \"../common/TextField/searchTextField\";\nimport useWindowDimensions from \"@/lib/web-ui/useWindowDimensions\";\nimport { purchasableSubjectsList } from \"../../api/product\";\nimport { KeywordChip } from \"../Search/Chips\";\nimport { ButtonWithIcon } from \"../Search\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nexport const SearchRecommendDialog = (param)=>{\n    let { isOpen , onClose , modalValue , onClear , onChange , currentSubject , handleCurrentSubject , onSubmit , onClick , recommendSearchTermList  } = param;\n    const { width , isTablet , isMobile  } = useWindowDimensions();\n    const hasRecommendSearchTerm = useMemo(()=>recommendSearchTermList.terms && recommendSearchTermList.terms.length > 0, [\n        recommendSearchTermList\n    ]);\n    return /*#__PURE__*/ _jsx(SearchDialog, {\n        onClose: onClose,\n        open: isOpen,\n        children: /*#__PURE__*/ _jsxs(Panel, {\n            children: [\n                /*#__PURE__*/ _jsxs(SearchSection, {\n                    children: [\n                        isTablet && /*#__PURE__*/ _jsx(ButtonWithIcon, {\n                            onClick: onClose\n                        }),\n                        /*#__PURE__*/ _jsx(SearchTextField, {\n                            autoFocus: true,\n                            onSearchClick: ()=>{\n                                onSubmit();\n                                mixpanelEvent(\"Icon UI Clicked\", {\n                                    \"Icon Type\": \"Search\",\n                                    \"Icon Position\": \"[Market] Search Modal\"\n                                });\n                            },\n                            onClear: onClear,\n                            placeholder: recommendSearchTermList.placeHolder,\n                            value: modalValue,\n                            onChange: onChange,\n                            onSubmit: (e)=>{\n                                e.preventDefault();\n                                onSubmit();\n                            }\n                        })\n                    ]\n                }),\n                /*#__PURE__*/ _jsx(SubjectTabList, {\n                    value: currentSubject,\n                    onChange: (e, subject)=>{\n                        handleCurrentSubject(subject);\n                        mixpanelEvent(\"Tab UI Clicked\", {\n                            \"Tab Type\": \"Search Modal\",\n                            \"Tab Name\": subject\n                        });\n                    },\n                    centered: true,\n                    children: purchasableSubjectsList().map((tab)=>/*#__PURE__*/ _jsx(SubjectTabItem, {\n                            label: tab.label,\n                            value: tab.key\n                        }, tab.key))\n                }),\n                hasRecommendSearchTerm && /*#__PURE__*/ _jsxs(RecommendationKeywordSection, {\n                    children: [\n                        /*#__PURE__*/ _jsx(Typography, {\n                            variant: \"subtitle1\",\n                            component: \"p\",\n                            sx: {\n                                marginBottom: \"12px\"\n                            },\n                            children: \"쏠북 인기 검색어\"\n                        }),\n                        /*#__PURE__*/ _jsx(RecommendationKeywordList, {\n                            children: recommendSearchTermList.terms.map((item, idx)=>{\n                                return /*#__PURE__*/ _jsx(KeywordChip, {\n                                    text: item,\n                                    onClick: ()=>{\n                                        mixpanelEvent(\"Search Keyword Clicked\", {\n                                            \"Button Name\": item,\n                                            Subject: currentSubject,\n                                            \"Keyword Order\": idx + 1,\n                                            \"Placeholder Text\": recommendSearchTermList === null || recommendSearchTermList === void 0 ? void 0 : recommendSearchTermList.placeHolder\n                                        });\n                                        onClick(item);\n                                    }\n                                }, idx + \"-\" + item);\n                            })\n                        })\n                    ]\n                })\n            ]\n        })\n    });\n};\nconst RecommendationKeywordList = muiStyled(\"ul\")((param)=>{\n    let { theme  } = param;\n    return {\n        display: \"flex\",\n        flexWrap: \"wrap\",\n        gap: \"8px\"\n    };\n});\nconst RecommendationKeywordSection = muiStyled(\"section\")((param)=>{\n    let { theme  } = param;\n    return {\n        padding: \"24px 20px\",\n        maxWidth: \"440px\",\n        margin: \"0 auto\",\n        width: \"100%\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        flex: \"1 1 auto\",\n        height: \"auto\",\n        overflowY: \"auto\",\n        overscrollBehavior: \"contain\",\n        [theme.breakpoints.down(\"lg\")]: {\n            maxWidth: \"480px\"\n        }\n    };\n});\nconst SubjectTabList = muiStyled(Tabs)((param)=>{\n    let { theme  } = param;\n    return {\n        width: \"100%\",\n        margin: \"0 auto\",\n        position: \"relative\",\n        borderBottom: \"1px solid \".concat(theme.palette.grey[50]),\n        \"& .MuiTabs-indicator\": {\n            backgroundColor: theme.palette.text[\"title\"]\n        },\n        \"& .MuiTabs-scroller\": {\n            maxWidth: \"440px\",\n            margin: \"0 auto\",\n            [theme.breakpoints.down(\"lg\")]: {\n                maxWidth: \"480px\"\n            },\n            [theme.breakpoints.down(\"sm\")]: {\n                maxWidth: \"100%\"\n            }\n        }\n    };\n});\nconst SubjectTabItem = muiStyled(Tab)((param)=>{\n    let { theme  } = param;\n    return {\n        width: \"100%\",\n        flex: 1,\n        \"&.MuiTab-root\": {\n            minWidth: \"auto\",\n            color: theme.palette.text[\"disabled\"],\n            ...theme.typography.subtitle1,\n            padding: \"12px 0\",\n            \"&:hover\": {\n                color: theme.palette.text[\"title\"],\n                transition: \"color 0.3s\"\n            },\n            \"&.Mui-selected\": {\n                color: theme.palette.text[\"title\"],\n                \"& ::selection\": {\n                    backgroundColor: theme.palette.text[\"title\"]\n                }\n            }\n        }\n    };\n});\nconst Panel = muiStyled(\"div\")((param)=>{\n    let { theme  } = param;\n    return {\n        display: \"flex\",\n        flexDirection: \"column\",\n        overflowY: \"hidden\",\n        flex: \"1 1 auto\",\n        width: \"440px\",\n        [theme.breakpoints.down(\"lg\")]: {\n            width: \"100%\"\n        }\n    };\n});\nconst SearchSection = muiStyled(\"div\")((param)=>{\n    let { theme  } = param;\n    return {\n        padding: \"8px 20px\",\n        boxSizing: \"border-box\",\n        [theme.breakpoints.down(\"lg\")]: {\n            display: \"flex\",\n            padding: \"8px 12px\",\n            gap: \"4px\",\n            width: \"100%\",\n            alignItems: \"center\",\n            form: {\n                width: \"100%\"\n            }\n        }\n    };\n});\nconst SearchDialog = muiStyled(Dialog)((param)=>{\n    let { theme  } = param;\n    return {\n        overflowY: \"scroll\",\n        \"&.MuiBackdrop-root\": {\n            backgroundColor: \"rgba(28, 31, 46, 0.2)\"\n        },\n        \"& .MuiDialog-container\": {\n            alignItems: \"flex-start\",\n            \"& .MuiDialog-paper\": {\n                margin: \"4px 0 40px\",\n                borderRadius: \"12px\",\n                boxShadow: \"0px 4px 12px 0px rgba(0, 0, 0, 0.08), 0px 4px 8px 0px rgba(0, 0, 0, 0.04)\",\n                [theme.breakpoints.down(\"lg\")]: {\n                    width: \"100%\",\n                    maxWidth: \"100%\",\n                    borderRadius: \"0\",\n                    margin: \"0\",\n                    height: \"100%\",\n                    maxHeight: \"100%\"\n                }\n            }\n        }\n    };\n});\n","import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { Subjects } from \"../../api/product\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { defaultSearchType, getSearchTerms } from \"../../api/search\";\nimport { useAuthStore } from \"@/lib/auth/AuthStore\";\nimport { useRouter } from \"next/router\";\nimport { PRODUCT_SEARCH_PAGE } from \"@/settings/constant\";\nimport { mixpanelEvent, searchBarEvent } from \"@/lib/mixpanels/mixpanel\";\nexport const useSearchWithSearchDialog = ()=>{\n    const { isLoggedIn , user  } = useAuthStore();\n    const router = useRouter();\n    const { query , push , pathname  } = router;\n    const { q: keyword  } = query;\n    const [isOpenSearchDialog, setIsOpenSearchDialog] = useState(false);\n    const [selectedSubject, setSelectedSubject] = useState((user === null || user === void 0 ? void 0 : user.mainSubject) || Subjects.EN);\n    const [searchTermValue, setSearchTermValue] = useState(\"\");\n    const defaultTerms = {\n        subject: null,\n        placeHolder: \"찾고 싶은 자료를 검색해보세요\",\n        terms: []\n    };\n    const { data: getSearchTermsResponse  } = useQuery([\n        \"getSearchTerms\"\n    ], getSearchTerms);\n    const userMainSubject = useMemo(()=>{\n        return (user === null || user === void 0 ? void 0 : user.mainSubject) || Subjects.EN;\n    }, [\n        user\n    ]);\n    const recommendSearchTermList = useMemo(()=>{\n        return (getSearchTermsResponse === null || getSearchTermsResponse === void 0 ? void 0 : getSearchTermsResponse.termItems.find((item)=>{\n            return (item === null || item === void 0 ? void 0 : item.subject) === selectedSubject;\n        })) || defaultTerms;\n    }, [\n        getSearchTermsResponse,\n        selectedSubject,\n        userMainSubject\n    ]);\n    const onClearAll = ()=>{\n        setSelectedSubject(userMainSubject);\n        setSearchTermValue(\"\");\n    };\n    const openSearchDialog = ()=>{\n        //검색후 검색페이지에서 모달을 열었을때 검색어와 과목이  유지되어야함.\n        if (keyword && pathname === PRODUCT_SEARCH_PAGE) {\n            setSearchTermValue(keyword);\n            setSelectedSubject(query.subject || userMainSubject);\n        }\n        setIsOpenSearchDialog(true);\n        mixpanelEvent(\"Search Modal Clicked\", {\n            Subject: selectedSubject,\n            Type: \"Market\",\n            \"Placeholder Text\": recommendSearchTermList === null || recommendSearchTermList === void 0 ? void 0 : recommendSearchTermList.placeHolder\n        });\n        mixpanelEvent(\"GNB button clicked\", {\n            position: \"market\",\n            \"button type\": \"search bar\",\n            \"button name\": \"검색창\"\n        });\n    };\n    const closeSearchDialog = useCallback(()=>{\n        setIsOpenSearchDialog(false);\n    }, []);\n    const onClearSearchTerm = useCallback(()=>{\n        setSearchTermValue(\"\");\n    }, []);\n    const onChangeSearchTerm = useCallback((e)=>{\n        setSearchTermValue(e.target.value);\n    }, []);\n    const handleSelectedSubject = useCallback((subject)=>{\n        setSelectedSubject(subject);\n    }, []);\n    const navigateToSearch = useCallback((keyword)=>{\n        const query = {\n            q: keyword,\n            subject: selectedSubject\n        };\n        push({\n            pathname: PRODUCT_SEARCH_PAGE,\n            query: {\n                ...query\n            }\n        });\n    }, [\n        router,\n        selectedSubject\n    ]);\n    const currentSearchTerm = useMemo(()=>{\n        return pathname === PRODUCT_SEARCH_PAGE && keyword || \"\";\n    }, [\n        keyword,\n        pathname\n    ]);\n    const onSelectRecommendSearchTerm = useCallback((keyword)=>{\n        navigateToSearch(keyword);\n        closeSearchDialog();\n    }, [\n        selectedSubject\n    ]);\n    const onSubmitSearchTerm = useCallback(()=>{\n        searchBarEvent({\n            keyword: searchTermValue,\n            search_type: defaultSearchType\n        });\n        navigateToSearch(searchTermValue);\n        closeSearchDialog();\n    }, [\n        searchTermValue,\n        selectedSubject\n    ]);\n    useEffect(()=>{\n        setSelectedSubject(userMainSubject);\n    }, [\n        userMainSubject\n    ]);\n    useEffect(()=>{\n        //페이지 이동시에는 초기화 되어야함.\n        onClearAll();\n    }, [\n        pathname\n    ]);\n    return {\n        openSearchDialog,\n        recommendSearchTermList,\n        currentSearchTerm,\n        isOpenSearchDialog,\n        closeSearchDialog,\n        searchTermValue,\n        onClearSearchTerm,\n        onChangeSearchTerm,\n        handleSelectedSubject,\n        selectedSubject,\n        onSubmitSearchTerm,\n        onSelectRecommendSearchTerm\n    };\n};\n","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport { SearchTextField } from \"@/components/common/TextField/searchTextField\";\nimport { SearchRecommendDialog } from \"@/components/SearchRecommend/SearchRecommendDialog\";\nimport { useSearchWithSearchDialog } from \"@/components/Search/useSearchWithSearchTerms\";\nexport const SearchRequestForm = (param)=>{\n    let {} = param;\n    const { openSearchDialog , recommendSearchTermList , currentSearchTerm , isOpenSearchDialog , closeSearchDialog , searchTermValue , onClearSearchTerm , onChangeSearchTerm , handleSelectedSubject , selectedSubject , onSubmitSearchTerm , onSelectRecommendSearchTerm  } = useSearchWithSearchDialog();\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            /*#__PURE__*/ _jsx(SearchTextField, {\n                readOnly: true,\n                onClickForm: openSearchDialog,\n                placeholder: recommendSearchTermList.placeHolder,\n                name: \"keyword\",\n                value: currentSearchTerm\n            }),\n            /*#__PURE__*/ _jsx(SearchRecommendDialog, {\n                isOpen: isOpenSearchDialog,\n                onClose: closeSearchDialog,\n                modalValue: searchTermValue,\n                onClear: onClearSearchTerm,\n                onChange: onChangeSearchTerm,\n                currentSubject: selectedSubject,\n                handleCurrentSubject: handleSelectedSubject,\n                onSubmit: onSubmitSearchTerm,\n                onClick: onSelectRecommendSearchTerm,\n                recommendSearchTermList: recommendSearchTermList\n            })\n        ]\n    });\n};\n","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport Category from \"@/components/Category\";\nimport useGNBHandler from \"@/components/common/GNB/useGNBHandler\";\nimport useLogout from \"@/components/common/GNB/useLogout\";\nimport { Hamburger, User } from \"@/components/icon/IconList\";\nimport { GNBSideSheet } from \"@/components/SideSheets/GNBSideSheet\";\nimport { useSideCategoryMenuStore } from \"@/components/SideSheets/store/useCategoryMenuStore\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { LOGIN_PAGE, MYPAGE_COUPONS, MYPAGE_PACKAGES_INDEX_PAGE, MYPAGE_PASSES, MYPAGE_STORES_PRODUCTS_INDEX, REGISTRATION_PAGE, SOLVOOK_WRITE_STUDIO } from \"@/settings/constant\";\nimport { CommonGNB, GNB, GNBMenuIcon } from \"@bookips/solvook-ui-library\";\nimport { useRouter } from \"next/router\";\nimport { useMemo } from \"react\";\nimport Headroom from \"react-headroom\";\nimport { getCurrentCartQuery } from \"src/api/booksCart\";\nimport { SearchRequestForm } from \"../../../containers/Header/SearchRequestForm\";\nconst MarketGNB = ()=>{\n    const { handleLogout , isLoggedIn  } = useLogout();\n    const { data: cartCounter  } = getCurrentCartQuery({\n        enabled: isLoggedIn,\n        params: {\n            cartType: \"separate\"\n        }\n    });\n    const { handleDropdownClick , handleCategoryButton , handlePageMove , handleSideMenu , isOpenSideMenu , labName  } = useGNBHandler();\n    const { isOpenSideMenu: isOpenCategorySideMenu , closeSideMenu  } = useSideCategoryMenuStore();\n    return /*#__PURE__*/ _jsxs(HeadroomWrapper, {\n        children: [\n            /*#__PURE__*/ _jsx(CommonGNB, {\n                onClickLogo: ()=>mixpanelEvent(\"Logo Clicked\"),\n                isLoggedIn: isLoggedIn,\n                loginButtonGroup: {\n                    onLoginClick: ()=>handlePageMove(LOGIN_PAGE, true),\n                    onSignUpClick: ()=>handlePageMove(REGISTRATION_PAGE, true)\n                },\n                category: {\n                    onClick: handleCategoryButton,\n                    openCategory: isOpenSideMenu\n                },\n                menu: {\n                    cart: (path)=>handlePageMove(path, false),\n                    expert: ()=>{\n                        mixpanelEvent(\"GNB Button Clicked\", {\n                            \"Button Type\": \"엑스퍼트\",\n                            \"Button Name\": \"엑스퍼트\",\n                            \"Button URL\": SOLVOOK_WRITE_STUDIO\n                        }, {\n                            send_immediately: true\n                        });\n                        handlePageMove(SOLVOOK_WRITE_STUDIO, false);\n                    },\n                    library: (path)=>handlePageMove(path, false),\n                    cartBadge: cartCounter === null || cartCounter === void 0 ? void 0 : cartCounter.lineItemsCount,\n                    fixedMobileMenu: {\n                        loggedIn: {\n                            onClick: handleSideMenu,\n                            icon: /*#__PURE__*/ _jsx(GNBMenuIcon, {\n                                Element: Hamburger\n                            }),\n                            label: \"메뉴\"\n                        },\n                        loggedOut: {\n                            onClick: handleSideMenu,\n                            icon: /*#__PURE__*/ _jsx(GNBMenuIcon, {\n                                Element: Hamburger\n                            }),\n                            label: \"메뉴\"\n                        }\n                    },\n                    dropdown: /*#__PURE__*/ _jsx(GNB.MenuButtonWithDropdown, {\n                        label: \"마이페이지\",\n                        menuItems: [\n                            ...labName ? [\n                                {\n                                    label: \"브랜드 홈\",\n                                    onClick: ()=>handleDropdownClick(\"/@\".concat(labName))\n                                }\n                            ] : [],\n                            {\n                                label: \"패키지 보관함\",\n                                onClick: ()=>handleDropdownClick(MYPAGE_PACKAGES_INDEX_PAGE)\n                            },\n                            {\n                                label: \"쿠폰 관리\",\n                                onClick: ()=>handleDropdownClick(MYPAGE_COUPONS)\n                            },\n                            {\n                                label: \"이용권 관리\",\n                                onClick: ()=>handleDropdownClick(MYPAGE_PASSES)\n                            },\n                            {\n                                label: \"자료 판매\",\n                                onClick: ()=>handleDropdownClick(MYPAGE_STORES_PRODUCTS_INDEX)\n                            },\n                            {\n                                label: \"로그아웃\",\n                                onClick: ()=>handleLogout()\n                            }\n                        ],\n                        children: /*#__PURE__*/ _jsx(GNBMenuIcon, {\n                            Element: User\n                        })\n                    })\n                },\n                searchTextField: /*#__PURE__*/ _jsx(SearchRequestForm, {})\n            }),\n            isOpenCategorySideMenu && /*#__PURE__*/ _jsx(Category, {\n                onClose: closeSideMenu\n            }),\n            /*#__PURE__*/ _jsx(GNBSideSheet, {\n                onLogout: handleLogout\n            })\n        ]\n    });\n};\nexport default MarketGNB;\nconst HeadroomWrapper = (param)=>{\n    let { children  } = param;\n    const { pathname  } = useRouter();\n    const { isHidden  } = useMemo(()=>{\n        return {\n            isHidden: pathname === \"/products/[id]\" || pathname.includes(\"labs\")\n        };\n    }, [\n        pathname\n    ]);\n    return isHidden ? /*#__PURE__*/ _jsx(Headroom, {\n        disable: !isHidden,\n        style: {\n            zIndex: \"800\"\n        },\n        children: children\n    }) : /*#__PURE__*/ _jsx(_Fragment, {\n        children: children\n    });\n};\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  padding: 40px;\\n  border-top: solid 1px \",\n        \";\\n\\n  > div {\\n    max-width: 1200px;\\n    width: 100%;\\n    margin: 0 auto;\\n  }\\n\\n  a {\\n    color: \",\n        \";\\n  }\\n\\n  @media (max-width: 768px) {\\n    padding: 16px;\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  justify-content: space-between;\\n  padding-bottom: 28px;\\n\\n  .ant-collapse {\\n    display: none;\\n    border: none;\\n    border-bottom: 1px solid \",\n        \";\\n\\n    .ant-collapse-content-box {\\n      padding: 0;\\n    }\\n\\n    .ant-collapse-header {\\n      border-top: 1px solid \",\n        \";\\n      flex-direction: row-reverse;\\n\\n      .ant-collapse-expand-icon {\\n        padding-inline-end: 0;\\n      }\\n    }\\n  }\\n\\n  .ant-collapse-header-text {\\n    color: \",\n        \";\\n    font-size: 14px;\\n    font-weight: 700;\\n    line-height: 22px;\\n  }\\n\\n  .ant-collapse-item-active {\\n    .ant-collapse-expand-icon {\\n      transform: rotate(180deg);\\n    }\\n  }\\n\\n  @media (max-width: 768px) {\\n    flex-direction: column;\\n    .ant-collapse {\\n      display: block;\\n    }\\n\\n    li {\\n      padding: 12px;\\n    }\\n  }\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  p {\\n    font-size: 20px;\\n    font-weight: 700;\\n    margin-bottom: 16px;\\n    white-space: nowrap;\\n  }\\n\\n  ul {\\n    display: flex;\\n    flex-direction: column;\\n    gap: 12px;\\n  }\\n\\n  li {\\n    display: flex;\\n\\n    p {\\n      margin-bottom: 0;\\n    }\\n\\n    button {\\n      width: 124px;\\n      padding: 9px 0;\\n\\n      font-weight: 600;\\n      color: \",\n        \" !important;\\n      border: 1px solid \",\n        \" !important;\\n      border-radius: 6px;\\n      height: 100%;\\n      margin-right: 12px;\\n\\n      span {\\n        font-size: 14px;\\n      }\\n    }\\n\\n    :first-child {\\n      button {\\n        color: \",\n        \" !important;\\n      }\\n    }\\n\\n    p {\\n      font-size: 12px;\\n      color: \",\n        \";\\n      font-weight: 400;\\n      line-height: 1.5;\\n    }\\n  }\\n\\n  @media (max-width: 1200px) {\\n    margin-right: 32px;\\n  }\\n  @media (max-width: 768px) {\\n    margin-bottom: 20px;\\n    margin-right: 0;\\n    li {\\n      padding: 0;\\n\\n      p {\\n        margin-bottom: 0;\\n      }\\n    }\\n  }\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject3() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  width: 100%;\\n  max-width: 800px;\\n  font-size: 14px;\\n\\n  > div {\\n    width: 100%;\\n    flex: 1;\\n    display: flex;\\n    flex-direction: column;\\n\\n    p {\\n      font-weight: 700;\\n      margin-bottom: 12px;\\n    }\\n\\n    ul {\\n      display: flex;\\n      flex-direction: column;\\n      gap: 12px;\\n\\n      li {\\n        height: 24px;\\n\\n        a {\\n          line-height: 22px;\\n          vertical-align: sub;\\n        }\\n      }\\n    }\\n  }\\n\\n  @media (max-width: 768px) {\\n    display: none;\\n  }\\n\"\n    ]);\n    _templateObject3 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject4() {\n    const data = _tagged_template_literal([\n        \"\\n  padding-top: 24px;\\n  border-top: 1px solid \",\n        \";\\n  display: flex;\\n  justify-content: space-between;\\n  @media (max-width: 768px) {\\n    border-top: none;\\n    padding-top: 0;\\n    flex-direction: column-reverse;\\n  }\\n\"\n    ]);\n    _templateObject4 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject5() {\n    const data = _tagged_template_literal([\n        \"\\n  line-height: 1.5;\\n\\n  p {\\n    font-size: 12px;\\n    color: \",\n        \";\\n  }\\n\\n  .copyright {\\n    font-size: 12px;\\n    margin-top: 16px;\\n    color: \",\n        \";\\n  }\\n\\n  .block_m {\\n    display: none;\\n  }\\n\\n  @media (max-width: 1200px) {\\n    p {\\n      max-width: 350px;\\n    }\\n\\n    .block_m {\\n      display: block;\\n      font-size: 0;\\n    }\\n\\n    .copyright {\\n      margin-bottom: 16px;\\n    }\\n\\n    br {\\n      display: none;\\n    }\\n  }\\n  @media (max-width: 768px) {\\n    border: none;\\n\\n    .info {\\n      display: none;\\n    }\\n  }\\n\"\n    ]);\n    _templateObject5 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject6() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  flex-direction: column;\\n  gap: 28px;\\n  align-items: flex-end;\\n\\n  ul {\\n    display: flex;\\n  }\\n\\n  li {\\n    border-right: 1px solid \",\n        \";\\n    padding: 0 12px;\\n    font-size: 14px;\\n    //line-height: 22px;\\n  }\\n\\n  li:last-child {\\n    border-right: none;\\n    padding-right: 0;\\n  }\\n\\n  .social-box {\\n    display: flex;\\n    gap: 12px;\\n\\n    a {\\n      padding: 8px 12px;\\n      font-size: 14px;\\n      background-color: \",\n        \";\\n      border-radius: 6px;\\n      line-height: 22px;\\n      align-items: center;\\n      justify-content: center;\\n      display: flex;\\n\\n      i,\\n      img {\\n        margin-right: 4px;\\n      }\\n    }\\n  }\\n\\n  @media (max-width: 768px) {\\n    align-items: flex-start;\\n    div {\\n      margin-bottom: 20px;\\n    }\\n  }\\n\"\n    ]);\n    _templateObject6 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { EXTERNAL_B2B_WEBFLOW_PAGE, EXTERNAL_CAREER_PAGE, EXTERNAL_CHANNEL_TALK, EXTERNAL_COMPANY_INTRODUCE, EXTERNAL_INTRODUCE_LIBRARY, EXTERNAL_PROMOTION_AUTHOR_PAGE, EXTERNAL_PROTECTION_GUIDE, EXTERNAL_SOLVOOK_BLOG, EXTERNAL_SOLVOOK_GUIDE, INTRODUCE_PAGE, PRIVACY_PAGE, RNUMBER_PAGE, SOLVOOK_WRITE_STUDIO, TERMS_OF_REFUND_PAGE, TERMS_OF_USE_PAGE, UCI_PAGE } from \"@/settings/constant\";\nimport Link from \"next/link\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport Icon from \"@/components/icon/Icon\";\nimport { ArrowDown, Sizes } from \"@/components/icon/IconList\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { Button, Collapse } from \"antd\";\nimport Image from \"next/image\";\nimport { useRouter } from \"next/router\";\nconst { Panel  } = Collapse;\nconst categoryLinkList = [\n    {\n        title: \"소개\",\n        links: [\n            {\n                title: \"회사 소개\",\n                link: EXTERNAL_COMPANY_INTRODUCE\n            },\n            {\n                title: \"서비스 소개\",\n                link: INTRODUCE_PAGE\n            },\n            {\n                title: \"채용\",\n                link: EXTERNAL_CAREER_PAGE\n            }\n        ]\n    },\n    {\n        title: \"솔루션\",\n        links: [\n            {\n                title: \"쏠북 마켓\",\n                link: \"/\"\n            },\n            {\n                title: \"쏠북 엑스퍼트\",\n                link: SOLVOOK_WRITE_STUDIO\n            },\n            {\n                title: \"자료 보관함\",\n                link: EXTERNAL_INTRODUCE_LIBRARY\n            }\n        ]\n    },\n    {\n        title: \"저작권보호센터\",\n        links: [\n            {\n                title: \"저작권 안내\",\n                link: EXTERNAL_PROTECTION_GUIDE\n            },\n            {\n                title: \"R인증\",\n                link: RNUMBER_PAGE\n            },\n            {\n                title: \"UCI 코드\",\n                link: UCI_PAGE\n            }\n        ]\n    },\n    {\n        title: \"문의\",\n        links: [\n            {\n                title: \"사업 제휴\",\n                link: EXTERNAL_B2B_WEBFLOW_PAGE\n            },\n            {\n                title: \"저자 신청\",\n                link: EXTERNAL_PROMOTION_AUTHOR_PAGE\n            }\n        ]\n    }\n];\nconst policyLinkList = [\n    {\n        title: \"서비스 이용약관\",\n        link: TERMS_OF_USE_PAGE\n    },\n    {\n        title: \"개인정보처리방침\",\n        link: PRIVACY_PAGE\n    },\n    {\n        title: \"취소/환불정책\",\n        link: TERMS_OF_REFUND_PAGE\n    }\n];\nexport const FooterView = (props)=>{\n    const SolvookAddress = \"서울 서초구 법원로4길 11-6 (서초동,스매치 서초사옥)\";\n    const router = useRouter();\n    const year = new Date().getFullYear();\n    const openBlank = (link)=>{\n        return link.includes(\"https\") ? \"_blank\" : \"_self\";\n    };\n    const onClickLink = (link, name)=>{\n        mixpanelEvent(\"Footer Section Clicked\", {\n            buttonName: name,\n            buttonUrl: link\n        });\n    };\n    return /*#__PURE__*/ _jsx(FooterViewWrapper, {\n        children: /*#__PURE__*/ _jsxs(\"div\", {\n            children: [\n                /*#__PURE__*/ _jsxs(FooterTop, {\n                    children: [\n                        /*#__PURE__*/ _jsxs(HelpCenter, {\n                            children: [\n                                /*#__PURE__*/ _jsx(\"p\", {\n                                    children: \"고객만족센터\"\n                                }),\n                                /*#__PURE__*/ _jsxs(\"ul\", {\n                                    children: [\n                                        /*#__PURE__*/ _jsxs(\"li\", {\n                                            children: [\n                                                /*#__PURE__*/ _jsx(Button, {\n                                                    type: \"primary\",\n                                                    ghost: true,\n                                                    onClick: ()=>{\n                                                        onClickLink(EXTERNAL_CHANNEL_TALK, \"채널톡 문의\");\n                                                        router.push(EXTERNAL_CHANNEL_TALK);\n                                                    },\n                                                    children: \"채널톡 문의\"\n                                                }),\n                                                /*#__PURE__*/ _jsxs(\"p\", {\n                                                    children: [\n                                                        \"채널톡으로 문의하시면\",\n                                                        /*#__PURE__*/ _jsx(\"br\", {}),\n                                                        \"가장 빠른 처리가 가능합니다.\"\n                                                    ]\n                                                })\n                                            ]\n                                        }),\n                                        /*#__PURE__*/ _jsxs(\"li\", {\n                                            children: [\n                                                /*#__PURE__*/ _jsx(Button, {\n                                                    type: \"primary\",\n                                                    ghost: true,\n                                                    onClick: ()=>{\n                                                        onClickLink(EXTERNAL_SOLVOOK_GUIDE, \"쏠북 이용 가이드\");\n                                                        router.push(EXTERNAL_SOLVOOK_GUIDE);\n                                                    },\n                                                    children: \"쏠북 이용 가이드\"\n                                                }),\n                                                /*#__PURE__*/ _jsx(\"p\", {})\n                                            ]\n                                        })\n                                    ]\n                                })\n                            ]\n                        }),\n                        /*#__PURE__*/ _jsx(CategoryLinkList, {\n                            children: categoryLinkList.map((category, idx)=>/*#__PURE__*/ _jsxs(\"div\", {\n                                    children: [\n                                        /*#__PURE__*/ _jsx(\"p\", {\n                                            children: category.title\n                                        }),\n                                        /*#__PURE__*/ _jsx(\"ul\", {\n                                            children: category.links.map((linkItem, idx)=>/*#__PURE__*/ _jsx(\"li\", {\n                                                    children: /*#__PURE__*/ _jsx(Link, {\n                                                        onClick: ()=>onClickLink(linkItem.link, linkItem.title),\n                                                        href: linkItem.link,\n                                                        target: openBlank(linkItem.link),\n                                                        children: linkItem.title\n                                                    })\n                                                }, \"category-link-item-\".concat(idx)))\n                                        })\n                                    ]\n                                }, \"category-link-list-\".concat(idx)))\n                        }),\n                        /*#__PURE__*/ _jsx(Collapse, {\n                            collapsible: \"header\",\n                            ghost: true,\n                            expandIcon: ()=>/*#__PURE__*/ _jsx(Icon, {\n                                    icon: ArrowDown,\n                                    size: Sizes.small\n                                }),\n                            children: categoryLinkList.map((category, idx)=>/*#__PURE__*/ _jsx(Panel, {\n                                    header: category.title,\n                                    children: /*#__PURE__*/ _jsx(\"ul\", {\n                                        children: category.links.map((linkItem, idx)=>/*#__PURE__*/ _jsx(\"li\", {\n                                                children: /*#__PURE__*/ _jsx(Link, {\n                                                    onClick: ()=>onClickLink(linkItem.link, linkItem.title),\n                                                    href: linkItem.link,\n                                                    target: openBlank(linkItem.link),\n                                                    children: linkItem.title\n                                                })\n                                            }, \"category-link-item-\".concat(idx)))\n                                    })\n                                }, idx))\n                        })\n                    ]\n                }),\n                /*#__PURE__*/ _jsxs(FooterBottom, {\n                    children: [\n                        /*#__PURE__*/ _jsxs(CompanyInfo, {\n                            children: [\n                                /*#__PURE__*/ _jsxs(\"p\", {\n                                    children: [\n                                        \"(주)북아이피스ㅣ대표 윤미선, 김관백 | 사업자 등록번호 493-88-01679\",\n                                        /*#__PURE__*/ _jsx(\"span\", {\n                                            className: \"block_m\",\n                                            children: \"|\"\n                                        }),\n                                        \" 통신판매업 신고 제2021-서울서초-0156호\",\n                                        \" \",\n                                        /*#__PURE__*/ _jsx(\"span\", {\n                                            className: \"block_m\",\n                                            children: \"|\"\n                                        }),\n                                        /*#__PURE__*/ _jsx(\"br\", {}),\n                                        \" 저작권대리중개업 신고 제1496호 | 본사: \",\n                                        SolvookAddress,\n                                        \" \",\n                                        /*#__PURE__*/ _jsx(\"br\", {}),\n                                        \"기업부설연구소: \",\n                                        SolvookAddress,\n                                        \" | 이메일 문의 : support@bookips.com | 전화 문의 : 02-2606-4990\"\n                                    ]\n                                }),\n                                /*#__PURE__*/ _jsx(\"p\", {\n                                    className: \"copyright\",\n                                    children: \"ⓒ Copyright \".concat(year, \". BookIPs All Rights Reserved.\")\n                                })\n                            ]\n                        }),\n                        /*#__PURE__*/ _jsxs(CompanyLink, {\n                            children: [\n                                /*#__PURE__*/ _jsx(\"ul\", {\n                                    children: policyLinkList.map((linkItem, idx)=>/*#__PURE__*/ _jsx(\"li\", {\n                                            children: /*#__PURE__*/ _jsx(Link, {\n                                                href: linkItem.link,\n                                                target: openBlank(linkItem.link),\n                                                onClick: ()=>onClickLink(linkItem.link, linkItem.title),\n                                                children: linkItem.title\n                                            })\n                                        }, \"company-link-\".concat(idx)))\n                                }),\n                                /*#__PURE__*/ _jsx(\"div\", {\n                                    className: \"social-box\",\n                                    children: /*#__PURE__*/ _jsxs(Link, {\n                                        passHref: true,\n                                        onClick: ()=>onClickLink(EXTERNAL_SOLVOOK_BLOG, \"쏠북 블로그\"),\n                                        href: EXTERNAL_SOLVOOK_BLOG,\n                                        target: \"_blank\",\n                                        rel: \"noreferrer\",\n                                        children: [\n                                            /*#__PURE__*/ _jsx(Image, {\n                                                src: \"/static/assets/icon_blog.svg\",\n                                                alt: \"icon image\",\n                                                width: 20,\n                                                height: 20\n                                            }),\n                                            \"쏠북 블로그\"\n                                        ]\n                                    })\n                                })\n                            ]\n                        })\n                    ]\n                })\n            ]\n        })\n    });\n};\nconst FooterViewWrapper = styled.footer.withConfig({\n    componentId: \"sc-4825f39a-0\"\n})(_templateObject(), (props)=>props.theme.new.colors.sol_gray_100, (props)=>props.theme.new.colors.sol_gray_500);\nconst FooterTop = styled.div.withConfig({\n    componentId: \"sc-4825f39a-1\"\n})(_templateObject1(), (props)=>props.theme.new.colors.sol_gray_100, (props)=>props.theme.new.colors.sol_gray_100, (props)=>props.theme.new.colors.sol_gray_900);\nconst HelpCenter = styled.div.withConfig({\n    componentId: \"sc-4825f39a-2\"\n})(_templateObject2(), (props)=>props.theme.new.colors.sol_gray_500, (props)=>props.theme.new.colors.sol_gray_200, (props)=>props.theme.new.colors.sol_blue_400, (props)=>props.theme.new.colors.sol_gray_500);\nconst CategoryLinkList = styled.div.withConfig({\n    componentId: \"sc-4825f39a-3\"\n})(_templateObject3());\nconst FooterBottom = styled.div.withConfig({\n    componentId: \"sc-4825f39a-4\"\n})(_templateObject4(), (props)=>props.theme.new.colors.sol_gray_100);\nconst CompanyInfo = styled.div.withConfig({\n    componentId: \"sc-4825f39a-5\"\n})(_templateObject5(), (props)=>props.theme.new.colors.sol_gray_500, (props)=>props.theme.new.colors.sol_gray_300);\nconst CompanyLink = styled.div.withConfig({\n    componentId: \"sc-4825f39a-6\"\n})(_templateObject6(), (props)=>props.theme.new.colors.sol_gray_100, (props)=>props.theme.new.colors.sol_gray_50);\n","import InternalLayout, { Content, Footer, Header } from './layout';\nimport Sider from './Sider';\nvar Layout = InternalLayout;\nLayout.Header = Header;\nLayout.Footer = Footer;\nLayout.Content = Content;\nLayout.Sider = Sider;\nexport default Layout;","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { CommonGNB } from \"@bookips/solvook-ui-library\";\nimport { SearchRequestForm } from \"../../../containers/Header/SearchRequestForm\";\nconst SkeletonGNB = ()=>{\n    return /*#__PURE__*/ _jsx(CommonGNB, {\n        isLoggedIn: true,\n        onClickLogo: ()=>mixpanelEvent(\"Logo Clicked\"),\n        searchTextField: /*#__PURE__*/ _jsx(SearchRequestForm, {}),\n        menu: {},\n        disabledCategory: true\n    });\n};\nexport default SkeletonGNB;\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  flex-direction: column;\\n  min-height: 100vh;\\n  background: white;\\n\\n  .ant-layout-content {\\n    display: flex;\\n    flex-direction: column;\\n    flex-grow: 1;\\n  }\\n\\n  @media (min-width: 769px) and (max-width: 1200px) {\\n    padding-bottom: \",\n        \";\\n\\n    &:has(#library-lnb) > footer {\\n      padding-left: \",\n        \"px;\\n    }\\n  }\\n  //FIXME 디자인 시스템 적용시 제거\\n\\n  .gnb {\\n    h1 {\\n      .MuiBadge-badge {\\n        display: none;\\n      }\\n    }\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport ExpertGNB from \"@/components/common/GNB/ExpertGNB\";\nimport GoodnotesGNB from \"@/components/common/GNB/GoodnotesGNB\";\nimport MarketGNB from \"@/components/common/GNB/MarketGNB\";\nimport { FooterView } from \"@/containers/Layout/Footer/FooterView\";\nimport { mobileTabBarHeight } from \"@/containers/Layout/Header/MobileTabBar\";\nimport { libraryLnbDimensions } from \"@/modules/mypages/libraries/components/LibraryLNB\";\nimport { ADMIN_PAGE_LOGIN, EBOOKS_UNIVERSITY_LANDING, MYPAGE_STORES_PRODUCTS_NEW_INDEX, PUBLISHER_LOGIN, VIEWER_PAGE, VIEWER_PRINTOUT_PAGE } from \"@/settings/constant\";\nimport { Layout } from \"antd\";\nimport { observer } from \"mobx-react-lite\";\nimport { useRouter } from \"next/router\";\nimport * as React from \"react\";\nimport { useMemo } from \"react\";\nimport { isInWebview, useMounted } from \"src/utils/misc\";\nimport styled from \"styled-components\";\nimport SkeletonGNB from \"@/components/common/GNB/SkeletonGNB\";\nconst { Content  } = Layout;\nconst WebViewWrapper = styled.div.withConfig({\n    componentId: \"sc-a9f6f2ac-0\"\n})(_templateObject(), mobileTabBarHeight, libraryLnbDimensions.widthOnTablet + 40);\nexport const LayoutContainer = observer((param)=>{\n    let { children  } = param;\n    const router = useRouter();\n    const { pathname , query  } = router;\n    const { isUseFooter  } = useMemo(()=>({\n            isUseFooter: !isInWebview()\n        }), []);\n    const withoutLayoutPages = [\n        VIEWER_PRINTOUT_PAGE,\n        VIEWER_PAGE,\n        MYPAGE_STORES_PRODUCTS_NEW_INDEX,\n        ADMIN_PAGE_LOGIN,\n        PUBLISHER_LOGIN\n    ];\n    const isViewerPages = /\\/viewer\\//.test(pathname);\n    const productEditPage = /\\/products\\/(.*)\\/edit/.test(pathname);\n    const goodNotesPage = pathname.includes(EBOOKS_UNIVERSITY_LANDING);\n    const expertPage = pathname.includes(\"/expert\");\n    const mounted = useMounted();\n    const renderGNB = useMemo(()=>{\n        if (!mounted) return /*#__PURE__*/ _jsx(SkeletonGNB, {});\n        if (goodNotesPage) return /*#__PURE__*/ _jsx(GoodnotesGNB, {});\n        if (expertPage) return /*#__PURE__*/ _jsx(ExpertGNB, {});\n        return /*#__PURE__*/ _jsx(MarketGNB, {});\n    }, [\n        mounted,\n        pathname\n    ]);\n    if (withoutLayoutPages.includes(pathname) || isViewerPages || productEditPage) {\n        return /*#__PURE__*/ _jsx(Content, {\n            children: children\n        });\n    }\n    return /*#__PURE__*/ _jsxs(WebViewWrapper, {\n        children: [\n            isUseFooter && renderGNB,\n            /*#__PURE__*/ _jsx(Content, {\n                children: children\n            }),\n            isUseFooter && /*#__PURE__*/ _jsx(FooterView, {})\n        ]\n    });\n});\n","import { useRouter } from \"next/router\";\nimport { useCallback, useMemo } from \"react\";\nimport useSearchParams from \"./useSearchParams\";\nimport { FilterTypeToQueryKey, QueryKey } from \"../api/booksProducts\";\nimport { useBooks } from \"@/components/Books/Order\";\nimport { BOOKS_LANDING, EBOOKS_LANDING } from \"@/settings/constant\";\nconst routerOptions = {\n    shallow: true,\n    scroll: true\n};\nexport const useBooksQuery = ()=>{\n    const { asPath , query , push , pathname  } = useRouter();\n    const { isBooks  } = useBooks();\n    const searchParams = useSearchParams();\n    const keyword = useMemo(()=>{\n        return searchParams.get(QueryKey.KEYWORD) || \"\";\n    }, [\n        searchParams\n    ]);\n    const selectedFilterList = useMemo(()=>{\n        let selectedFilters = [];\n        Object.keys(query).forEach((key)=>{\n            //Querykey에 없는 key는 제외\n            if (!Object.values(QueryKey).includes(key)) return;\n            searchParams.getAll(key).map((item)=>{\n                selectedFilters.push({\n                    key: key,\n                    value: item\n                });\n            });\n        });\n        return selectedFilters;\n    }, [\n        searchParams\n    ]);\n    const hasSelectedFilter = useMemo(()=>{\n        return selectedFilterList.length > 0;\n    }, [\n        selectedFilterList\n    ]);\n    const handleDetailFilter = (filterType, id, value)=>{\n        const isExist = searchParams.getAll(filterType).includes(id.toString());\n        if (isExist) {\n            const newFilter = searchParams.getAll(filterType).filter((item)=>item !== id.toString());\n            searchParams.delete(filterType);\n            if (newFilter.length > 0) {\n                newFilter.map((item)=>searchParams.append(filterType, item));\n            }\n        } else {\n            searchParams.append(filterType, id.toString());\n        }\n        push({\n            pathname,\n            query: searchParams.toString()\n        }, undefined, routerOptions);\n    };\n    const handleResetFilter = ()=>{\n        //productType 제외 모든 query 삭제\n        for(const key in FilterTypeToQueryKey){\n            searchParams.delete(FilterTypeToQueryKey[key]);\n        }\n        searchParams.delete(QueryKey.KEYWORD);\n        push({\n            pathname,\n            query: searchParams.toString()\n        }, undefined, routerOptions);\n    };\n    const handleBooksTab = useCallback((key)=>{\n        const url = key === \"aladinbook\" ? BOOKS_LANDING : EBOOKS_LANDING;\n        push(url, undefined, {\n            ...routerOptions\n        });\n    }, [\n        pathname,\n        query,\n        push\n    ]);\n    const handleSearch = (keyword)=>{\n        if (!!keyword) {\n            push({\n                pathname,\n                query: {\n                    ...query,\n                    [QueryKey.KEYWORD]: keyword\n                }\n            }, undefined, routerOptions);\n            return;\n        }\n        searchParams.delete(QueryKey.KEYWORD);\n        push({\n            pathname,\n            query: searchParams.toString()\n        }, undefined, routerOptions);\n    };\n    const productType = useMemo(()=>{\n        return isBooks ? \"aladinbook\" : \"ebook\";\n    }, [\n        isBooks\n    ]);\n    //getBooksProduct로 전송할 쿼리\n    const getFilteredQuery = useMemo(()=>{\n        const filteredQuery = {};\n        searchParams.forEach((value, key)=>{\n            if (Object.values(QueryKey).includes(key)) {\n                filteredQuery[key] = value;\n            }\n        });\n        return filteredQuery;\n    }, [\n        searchParams\n    ]);\n    return {\n        handleDetailFilter,\n        handleResetFilter,\n        handleSearch,\n        handleActiveTab: handleBooksTab,\n        selectedFilterList,\n        hasSelectedFilter,\n        productType,\n        keyword,\n        query,\n        getFilteredQuery,\n        searchParams\n    };\n};\n","import useSearchParams from \"@/hooks/useSearchParams\";\nimport { useRouter } from \"next/router\";\nimport { useCallback, useMemo } from \"react\";\nimport { SOLVOOKPASS_TEXT } from \"@/settings/constant\";\nimport { FilterKey } from \"src/api/brand\";\nimport { SearchQueryKey } from \"src/api/search\";\nimport { CategoryQueryKey, DetailFilterKeys } from \"../api/category\";\nconst routerOptions = {\n    shallow: true,\n    scroll: true\n};\nexport var FilterQueryHandlerType;\n(function(FilterQueryHandlerType) {\n    FilterQueryHandlerType[\"RESET\"] = \"reset\";\n    FilterQueryHandlerType[\"DETAILFILTER\"] = \"detailFilter\";\n    FilterQueryHandlerType[\"CATEGORY\"] = \"category\";\n    FilterQueryHandlerType[\"SORT\"] = \"sort\";\n})(FilterQueryHandlerType || (FilterQueryHandlerType = {}));\n// @TODO filter의 타입이 바뀌거나, 추가되어도 대응이 가능해야 한다.\n// 네이밍을 useFilterHandler로 변경하는게 좋을것 같네요.\nexport const useCategoryFilterHandler = (props)=>{\n    const { query , push , pathname , asPath  } = useRouter();\n    const searchParams = useSearchParams();\n    const checkAsPath = useMemo(()=>{\n        return (props === null || props === void 0 ? void 0 : props.isUseAsPath) ? asPath.split(\"?\")[0] : pathname;\n    }, [\n        asPath,\n        pathname\n    ]);\n    const navigationHandler = useCallback((parameter)=>{\n        // 브랜드의 경우, rewrite로 path 경로를 재설정 하기 때문에 labs 카테고리인지 한번 확인하는 과정을 넣었습니다.\n        const path = (props === null || props === void 0 ? void 0 : props.isUseAsPath) ? checkAsPath : pathname;\n        // edition category일때 동적경로인 editionId쿼리값을 경로에 추가해줌\n        if (query.editionId) {\n            parameter.set(\"editionId\", query.editionId);\n        }\n        push({\n            pathname: path,\n            query: parameter.toString()\n        }, undefined, (props === null || props === void 0 ? void 0 : props.isUseAsPath) ? props.routerOptions : routerOptions);\n    }, [\n        push\n    ]);\n    const handleSortFilter = (sortKey)=>{\n        searchParams.delete(CategoryQueryKey.SORT);\n        //페이지네이션 초기화\n        resetPagination();\n        searchParams.append(CategoryQueryKey.SORT, sortKey);\n        navigationHandler(searchParams);\n    };\n    //영어로 쿼리키가 나가야함.\n    const handleDetailFilter = (filterName, filterItem)=>{\n        //pagination 초기화\n        resetPagination();\n        const isExist = searchParams.getAll(filterName).includes(filterItem.toString());\n        const isSolvookPass = !!searchParams.getAll(filterName).length;\n        if (isExist) {\n            const newFilter = searchParams.getAll(filterName).filter((item)=>item !== filterItem.toString());\n            searchParams.delete(filterName);\n            if (newFilter.length > 0) {\n                newFilter.map((item)=>searchParams.append(filterName, item));\n            }\n        } else {\n            if (isSolvookPass && filterName === DetailFilterKeys.SOLVOOKPASS) searchParams.delete(SOLVOOKPASS_TEXT);\n            else searchParams.append(filterName, filterItem.toString());\n        }\n        navigationHandler(searchParams);\n    };\n    const handleResetFilter = ()=>{\n        //productType 제외 모든 query 삭제\n        //pagination 초기화\n        resetPagination();\n        for(const key in SearchQueryKey){\n            if (props === null || props === void 0 ? void 0 : props.isUseAsPath) searchParams.delete(FilterKey[key]);\n            else searchParams.delete(DetailFilterKeys[key]);\n        }\n        navigationHandler(searchParams);\n    };\n    const handleCategoryMenu = useCallback((category, path)=>{\n        push({\n            pathname: path ? checkAsPath + path : checkAsPath,\n            query: {\n                [CategoryQueryKey.CATEGORY]: category,\n                // edition category일때 동적경로인 editionId쿼리값을 경로에 추가해줌\n                ...query.editionId ? {\n                    editionId: query.editionId\n                } : {}\n            }\n        }, undefined, (props === null || props === void 0 ? void 0 : props.isUseAsPath) ? props.routerOptions : routerOptions);\n    }, [\n        searchParams\n    ]);\n    const selectedFilterList = useMemo(()=>{\n        let selectedFilters = [];\n        Object.keys(query).forEach((key)=>{\n            //Querykey에 없는 key는 제외\n            //categoryId는 제외\n            if (!Object.values(DetailFilterKeys).includes(key)) return;\n            searchParams.getAll(key).map((item)=>{\n                if (key === SOLVOOKPASS_TEXT) selectedFilters.push({\n                    key: key,\n                    value: key\n                });\n                else selectedFilters.push({\n                    key: key,\n                    value: item\n                });\n            });\n        });\n        return selectedFilters;\n    }, [\n        searchParams\n    ]);\n    const resetPagination = useCallback(()=>{\n        searchParams.delete(\"page\");\n    }, [\n        query\n    ]);\n    const selectedSort = useMemo(()=>{\n        return searchParams.get(CategoryQueryKey.SORT);\n    }, [\n        searchParams\n    ]);\n    const hasSelectedFilter = useMemo(()=>{\n        return selectedFilterList.length > 0;\n    }, [\n        selectedFilterList\n    ]);\n    const isCheckFilterItem = (filterName, filterItem)=>{\n        return searchParams.getAll(filterName).includes(filterItem.toString());\n    };\n    const isCheckFilterCount = (filterName)=>{\n        return searchParams.getAll(filterName).length;\n    };\n    const filterQueryHandler = (param)=>{\n        let { filterType , filterName , value  } = param;\n        switch(filterType){\n            case \"reset\":\n                handleResetFilter();\n                break;\n            case \"detailFilter\":\n                handleDetailFilter(filterName, value);\n                break;\n            case \"category\":\n                handleCategoryMenu(value);\n                break;\n            case \"sort\":\n                handleSortFilter(value);\n                break;\n            default:\n                break;\n        }\n    };\n    //getBooksProduct로 전송할 쿼리\n    const getFilteredQuery = useMemo(()=>{\n        const filteredQuery = {};\n        searchParams.forEach((value, key)=>{\n            filteredQuery[key] = value;\n        });\n        return filteredQuery;\n    }, [\n        searchParams\n    ]);\n    return {\n        selectedFilterList,\n        selectedSort,\n        hasSelectedFilter,\n        getFilteredQuery,\n        isCheckFilterItem,\n        isCheckFilterCount,\n        filterQueryHandler,\n        handleCategoryMenu,\n        searchParams\n    };\n};\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport React, { createContext, useContext } from \"react\";\nimport { useLocalObservable } from \"mobx-react-lite\";\nconst createGlobalConfigStore = (initialValues)=>{\n    return {\n        defaultPageLimit: initialValues.defaultPageLimit || 10,\n        defaultPageMaxLimit: initialValues.defaultPageMaxLimit || 50\n    };\n};\nexport const GlobalConfigContext = /*#__PURE__*/ createContext(null);\nexport const GlobalConfigProvider = (param)=>{\n    let { children , initialValues ={}  } = param;\n    const store = useLocalObservable(()=>createGlobalConfigStore(initialValues));\n    return /*#__PURE__*/ _jsx(GlobalConfigContext.Provider, {\n        value: store,\n        children: children\n    });\n};\nexport const useGlobalConfigStore = ()=>{\n    const store = useContext(GlobalConfigContext);\n    if (!store) {\n        // this is especially useful in TypeScript so you don't need to be checking for null all the time\n        throw new Error(\"useStore must be used within a StoreProvider.\");\n    }\n    return store;\n};\n","import { useState } from \"react\";\nexport const useDropdownMenu = ()=>{\n    const [anchorEl, setAnchorEl] = useState(null);\n    const open = Boolean(anchorEl);\n    const handleOpen = (event)=>{\n        setAnchorEl(event.currentTarget);\n    };\n    const handleClose = ()=>{\n        setAnchorEl(null);\n    };\n    return {\n        handleOpen,\n        handleClose,\n        setAnchorEl,\n        open,\n        anchorEl\n    };\n};\n","import { useRouter } from \"next/router\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nexport const useHandleTreeView = (param)=>{\n    let { categoryId , categoryMenu  } = param;\n    //category id만 바뀌어도 열려야 한다.\n    const { push  } = useRouter();\n    //상위 카테고리 아이디 찾기\n    const findParents = useCallback((targetId)=>{\n        let parents = [];\n        if (!targetId) return parents;\n        const depth = targetId.length / 2;\n        for(let i = 0; i < depth; i++){\n            parents.push(targetId.slice(0, 2 * i));\n        }\n        return parents;\n    }, []);\n    const [expandedItems, setExpandedItems] = useState([\n        ...findParents(categoryId)\n    ]);\n    const [selectedItem, setSelectedItem] = useState([\n        categoryId || \"\"\n    ]);\n    const handleSelectedItemsChange = useCallback((_, ids)=>{\n        setSelectedItem(ids);\n    }, [\n        setSelectedItem\n    ]);\n    const handleExpandedItemsChange = useCallback((_, ids)=>{\n        setExpandedItems(ids);\n    }, [\n        setExpandedItems\n    ]);\n    const depth = useMemo(()=>{\n        if (!categoryId) return 0;\n        return categoryId.length / 2;\n    }, [\n        categoryId\n    ]);\n    const goTo404 = useCallback(()=>{\n        push(\"/404\");\n    }, []);\n    const isValidId = useCallback((categoryId)=>{\n        if (!categoryId) return true;\n        const regex = /^(?:\\d{2}|\\d{4}|\\d{6}|\\d{8}|\\d{10})$/;\n        return regex.test(categoryId);\n    }, []);\n    const changeTreeItems = useCallback((items, categoryId)=>{\n        handleExpandedItemsChange(null, [\n            ...findParents(categoryId),\n            items && categoryId\n        ]);\n        handleSelectedItemsChange(null, [\n            categoryId\n        ]);\n    }, []);\n    //children이 있을 경우 tree를 오픈 맟 카테고리에 없는 id일경우 404, gnb에서 id가 변경되었을 경우 tree를 열어줘야한다.\n    useEffect(()=>{\n        if (!isValidId(categoryId)) {\n            goTo404();\n            return;\n        }\n        if (categoryMenu) {\n            //categoryId = 1001\n            let items = categoryMenu;\n            //depth = 2depth\n            for(let i = 1; i <= depth; i++){\n                //1001 -> 10\n                let currentId = categoryId.slice(0, 2 * i);\n                let currentCategory = items.find((item)=>\"id\" in item ? item.id === currentId : item.categoryId === currentId);\n                if (!currentCategory) {\n                    goTo404();\n                    return;\n                }\n                //마지막 depth인 경우\n                if (i === depth) {\n                    changeTreeItems(currentCategory === null || currentCategory === void 0 ? void 0 : currentCategory.items, categoryId);\n                    return;\n                }\n                items = currentCategory.items;\n            }\n        }\n    }, [\n        categoryMenu,\n        categoryId\n    ]);\n    return {\n        expandedItems,\n        handleSelectedItemsChange,\n        handleExpandedItemsChange,\n        selectedItem,\n        findParents\n    };\n};\n","import { useState } from \"react\";\nexport const useMobileFilterSideSheet = ()=>{\n    const [mobileFilterSideSheet, setMobileFilterSideSheet] = useState({\n        isOpen: false,\n        value: \"\"\n    });\n    const handleMobileSideSheet = (isOpen, value)=>{\n        setMobileFilterSideSheet({\n            isOpen,\n            value\n        });\n    };\n    return {\n        mobileFilterSideSheet,\n        handleMobileSideSheet\n    };\n};\n","import useSearchParams from \"@/hooks/useSearchParams\";\nimport { useRouter } from \"next/router\";\nimport { useCallback, useMemo } from \"react\";\nexport const usePagination = (param)=>{\n    let { limit =24 , totalCount , isUseAsPath  } = param;\n    const { push , query , asPath , pathname  } = useRouter();\n    const searchParams = useSearchParams();\n    const onChangePage = useCallback((page)=>{\n        searchParams.delete(\"page\");\n        searchParams.append(\"page\", page.toString());\n        const path = isUseAsPath ? asPath.split(\"?\")[0] : pathname;\n        push({\n            pathname: isUseAsPath ? path : pathname,\n            query: searchParams.toString()\n        }, undefined, {\n            shallow: true,\n            scroll: true\n        });\n    }, [\n        query\n    ]);\n    const offset = useMemo(()=>{\n        const page = Number(query.page) || 1;\n        return limit * (page - 1);\n    }, [\n        query\n    ]);\n    const currentPage = Number(query.page) || 1;\n    const totalPage = useMemo(()=>{\n        return Math.ceil(totalCount / limit);\n    }, [\n        totalCount\n    ]);\n    return {\n        onChangePage,\n        offset,\n        currentPage,\n        totalPage\n    };\n};\n","import { LOGIN_PAGE } from \"@/settings/constant\";\nimport { useRouter } from \"next/router\";\nimport { useCallback } from \"react\";\nconst HOME_PATH = \"/\";\nconst LOGIN_PATH = LOGIN_PAGE;\nexport const REDIRECT_QUERY = \"redirectPath\";\nconst useRedirect = ()=>{\n    const router = useRouter();\n    const currentPathname = router.asPath;\n    const loginPath = \"\".concat(LOGIN_PATH, \"?\").concat(REDIRECT_QUERY, \"=\").concat(currentPathname);\n    const redirectPath = router.query[REDIRECT_QUERY];\n    const redirectToLogin = useCallback(()=>{\n        router.push(\"\".concat(LOGIN_PATH, \"?\").concat(REDIRECT_QUERY, \"=\").concat(currentPathname));\n    }, [\n        router,\n        currentPathname\n    ]);\n    const redirectTo = useCallback((path)=>{\n        router.push(\"\".concat(path, \"?\").concat(REDIRECT_QUERY, \"=\").concat(currentPathname));\n    }, [\n        router,\n        currentPathname\n    ]);\n    const redirectBack = useCallback(()=>{\n        if (redirectPath) {\n            router.replace(redirectPath);\n        } else {\n            router.replace(HOME_PATH);\n        }\n    }, [\n        router\n    ]);\n    const redirectAgain = useCallback(async (url, query)=>{\n        const hasPath = !!redirectPath;\n        if (hasPath) {\n            await router.push({\n                pathname: url,\n                query: {\n                    ...query,\n                    [REDIRECT_QUERY]: redirectPath\n                }\n            });\n        } else {\n            await router.push(url);\n        }\n    }, [\n        router\n    ]);\n    return {\n        loginPath,\n        redirectPath: typeof redirectPath === \"object\" ? redirectPath[0] : redirectPath,\n        redirectToLogin,\n        redirectBack,\n        redirectAgain,\n        redirectTo\n    };\n};\nexport default useRedirect;\n","import { useRouter } from \"next/router\";\nimport { useMemo } from \"react\";\nconst useSearchParams = ()=>{\n    const { asPath  } = useRouter();\n    return useMemo(()=>{\n        const splitedPath = asPath.split(\"?\");\n        const searchParams = new URLSearchParams(splitedPath.length > 1 ? splitedPath[1] : undefined);\n        return searchParams;\n    }, [\n        asPath\n    ]);\n};\nexport default useSearchParams;\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport axios from \"axios\";\nimport * as React from \"react\";\nimport { createContext, useContext } from \"react\";\nexport var RestfulApiType;\n(function(RestfulApiType) {\n    RestfulApiType[RestfulApiType[\"AUTH\"] = 0] = \"AUTH\";\n    RestfulApiType[RestfulApiType[\"ALL\"] = 1] = \"ALL\";\n})(RestfulApiType || (RestfulApiType = {}));\nexport const FormSubmitRequest = [\n    \"/signin\",\n    \"/signup/signup\",\n    \"/signup/sendId\",\n    \"/signup/checkUserId\",\n    \"/signup/Vcccdeehko\",\n    \"/signup/checkVcode\",\n    \"/signup/sendTempPass\",\n    \"/payment/requiredValue\",\n    \"/more/changePassword\",\n    \"/more/apiConnect\",\n    \"/more/apiDisconnect\",\n    \"/more/secession\",\n    \"/more/subscriptionFee\",\n    \"/rank/tradeHistory\"\n];\nexport class RestfulApiService {\n    // getNavigationRef() {\n    // \treturn this.navigationRef\n    // }\n    async initialize() {\n        this.client = axios.create();\n        this.client.defaults.baseURL = this.getEndpoint(RestfulApiType.ALL);\n        this.client.defaults.withCredentials = true;\n        // this.client.defaults.headers.common['x-app-version'] = DeviceInfo.getVersion()\n        // this.client.defaults.headers.common['x-app-platform'] = Platform.OS\n        this.client.interceptors.request.use((config)=>{\n            // log a message before any HTTP request is sent\n            // console.log('request: ', config.url, config.params, config.data)\n            return config;\n        });\n    }\n    setAccessToken(accessToken, refreshToken) {\n        ;\n        if (!accessToken) {\n            delete this.client.defaults.headers.common[\"Authorization\"];\n        // delete this.client.defaults.headers.common['x-access-token']\n        } else {\n            this.client.defaults.headers.common[\"Authorization\"] = accessToken;\n        // this.client.defaults.headers.common['x-access-token'] = accessToken\n        }\n    // if (!refreshToken) {\n    // \tdelete this.client.defaults.headers.common['x-refresh-token']\n    // } else {\n    // \tthis.client.defaults.headers.common['x-refresh-token'] = refreshToken\n    // }\n    }\n    getAccessToken() {\n        var _this_client_defaults_headers_common_Authorization, _this_client_defaults_headers;\n        return (_this_client_defaults_headers_common_Authorization = (_this_client_defaults_headers = this.client.defaults.headers) === null || _this_client_defaults_headers === void 0 ? void 0 : _this_client_defaults_headers.common[\"Authorization\"]) === null || _this_client_defaults_headers_common_Authorization === void 0 ? void 0 : _this_client_defaults_headers_common_Authorization.toString();\n    }\n    getCommonHeader() {\n        const { Accept , ...header } = this.client.defaults.headers.common;\n        return header;\n    }\n    getClient() {\n        return this.client;\n    }\n    setApiEndpoint(values) {\n        this.endpoints = values;\n    }\n    getEndpoint(type) {\n        const apiEndpoints = this.endpoints[RestfulApiType[type]];\n        const currentIdx = this.loadBalanceTable[RestfulApiType[type]];\n        const nextIdx = (currentIdx + 1) % apiEndpoints.length;\n        this.loadBalanceTable[RestfulApiType[type]] = nextIdx;\n        return apiEndpoints[currentIdx];\n    }\n    fetch(url) {\n        let options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};\n        return this.client({\n            ...options,\n            headers: {\n                ...options.headers\n            },\n            url: url.toString(),\n            params: options.params\n        });\n    }\n    constructor(options = {\n        maxRetry: 3\n    }){\n        // console.log('initialize restful api client')\n        this.options = options;\n        this.loadBalanceTable = {\n            AUTH: 0,\n            ALL: 0\n        };\n        this.initialize = this.initialize.bind(this);\n        this.setAccessToken = this.setAccessToken.bind(this);\n        this.getAccessToken = this.getAccessToken.bind(this);\n        this.getClient = this.getClient.bind(this);\n        this.setApiEndpoint = this.setApiEndpoint.bind(this);\n        this.getEndpoint = this.getEndpoint.bind(this);\n        this.fetch = this.fetch.bind(this);\n    // this.refreshToken = this.refreshToken.bind(this)\n    // this.navigationRef = null\n    // this.authStore = null\n    }\n}\nexport const RestfulContext = /*#__PURE__*/ createContext(null);\nexport const RestfulApiProvider = (param)=>{\n    let { value , children  } = param;\n    return /*#__PURE__*/ _jsx(RestfulContext.Provider, {\n        value: value,\n        children: children\n    });\n};\nexport const useApiService = ()=>{\n    const store = useContext(RestfulContext);\n    if (!store) {\n        // this is especially useful in TypeScript so you don't need to be checking for null all the time\n        throw new Error(\"useStore must be used within a StoreProvider.\");\n    }\n    return store;\n};\nexport const isRestfulApiService = (value)=>{\n    return value instanceof RestfulApiService;\n};\n","import { RestfulApiService } from \"./RestfulApiService\";\nconst API_ENDPOINT = process.env.NEXT_PUBLIC_API_ENDPOINT;\nconst apiService = new RestfulApiService({\n    maxRetry: 3\n});\napiService.setApiEndpoint({\n    AUTH: [\n        API_ENDPOINT\n    ],\n    ALL: [\n        API_ENDPOINT\n    ]\n});\napiService.initialize();\nexport default apiService;\n","import { __awaiter, __generator, __read, __spreadArray } from \"tslib\";\nimport { useEffect, useRef } from 'react';\nimport deepEqual from 'fast-deep-equal';\n/**\n * Hook for callback from prop.\n */\nexport var useCallbackProp = function (cb) {\n    var cbRef = useRef(cb);\n    useEffect(function () {\n        cbRef.current = cb;\n    }, [cb]);\n    return cbRef;\n};\n/**\n * `useEffect` hook that compare dependencies deeply.\n */\nexport var useDeepEffect = function (effect, deps) {\n    var ref = useRef(undefined);\n    if (!ref.current || !deepEqual(deps, ref.current)) {\n        ref.current = deps;\n    }\n    useEffect(effect, ref.current);\n};\n/**\n * Check current env SSR.\n */\nexport function checkSSR() {\n    return typeof window === 'undefined';\n}\n/**\n * Inject script.\n */\nexport function scriptInjector(scriptUrl, verbose) {\n    if (verbose === void 0) { verbose = false; }\n    return __awaiter(this, void 0, void 0, function () {\n        return __generator(this, function (_a) {\n            if (document.querySelector(\"[src=\\\"\" + scriptUrl + \"\\\"]\")) {\n                return [2 /*return*/];\n            }\n            debugLogger(verbose, 'Injecting SDK script...');\n            return [2 /*return*/, new Promise(function (resolve, reject) {\n                    var el = document.createElement('script');\n                    el.src = scriptUrl;\n                    el.async = true;\n                    el.defer = true;\n                    el.onload = function () {\n                        resolve();\n                        el.onload = null;\n                        el.onerror = null;\n                    };\n                    el.onerror = function () {\n                        reject(new Error('Fail to inject SDK script.'));\n                        el.onload = null;\n                        el.onerror = null;\n                    };\n                    document.head.appendChild(el);\n                })];\n        });\n    });\n}\n/**\n * Log warning.\n */\nexport function warnLogger() {\n    var msgs = [];\n    for (var _i = 0; _i < arguments.length; _i++) {\n        msgs[_i] = arguments[_i];\n    }\n    // eslint-disable-next-line no-console\n    console.warn.apply(console, __spreadArray(['[ReactChannelIO]'], __read(msgs)));\n}\n/**\n * Log debugging.\n */\nexport function debugLogger(verbose) {\n    var msgs = [];\n    for (var _i = 1; _i < arguments.length; _i++) {\n        msgs[_i - 1] = arguments[_i];\n    }\n    if (!verbose) {\n        return;\n    }\n    // eslint-disable-next-line no-console\n    console.debug.apply(console, __spreadArray(['⚙️ [ReactChannelIO - debug]'], __read(msgs)));\n}\n","import { __read, __spreadArray } from \"tslib\";\nimport { checkSSR, warnLogger } from './utils';\n/**\n * ChannelIO SDK.\n *\n * @link https://developers.channel.io/docs/web-channel-io\n */\nexport var ChannelIO = function (method) {\n    var args = [];\n    for (var _i = 1; _i < arguments.length; _i++) {\n        args[_i - 1] = arguments[_i];\n    }\n    if (checkSSR()) {\n        return;\n    }\n    if (typeof window.ChannelIO !== 'function') {\n        warnLogger('ChannelIO instance is not initalized yet.');\n        return;\n    }\n    window.ChannelIO.apply(window, __spreadArray([method], __read(args)));\n};\n","import { createContext } from 'react';\nexport var ReactChannelIOContext = createContext(null);\n","export var REACT_CHANNELIO_INTERNAL_CUSTOMEVENT_TYPE = 'react-channelio-evt';\nexport var REACT_CHANNELIO_EVENT_METHODS = [\n    'onBoot',\n    'onShowMessenger',\n    'onShow',\n    'onHideMessenger',\n    'onHide',\n    'onBadgeChanged',\n    'onChangeBadge',\n    'onChatCreated',\n    'onCreateChat',\n    'onProfileChanged',\n    'onChangeProfile',\n    'onUrlClicked',\n    'onClickRedirect',\n];\n/**\n * Get `window.CustomEvent`.\n */\nexport var getCustomEvent = function () {\n    if (typeof window.CustomEvent === 'function') {\n        return window.CustomEvent;\n    }\n    // Polyfill `window.CustomEvent`.\n    // - ref: https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent#polyfill\n    var CustomEvent = function (typeArg, eventInitDict) {\n        var _a, _b, _c;\n        var evt = document.createEvent('CustomEvent');\n        evt.initCustomEvent(typeArg, (_a = eventInitDict === null || eventInitDict === void 0 ? void 0 : eventInitDict.bubbles) !== null && _a !== void 0 ? _a : false, (_b = eventInitDict === null || eventInitDict === void 0 ? void 0 : eventInitDict.cancelable) !== null && _b !== void 0 ? _b : false, (_c = eventInitDict === null || eventInitDict === void 0 ? void 0 : eventInitDict.detail) !== null && _c !== void 0 ? _c : undefined);\n    };\n    CustomEvent.prototype = window.Event.prototype;\n    window.CustomEvent = CustomEvent;\n    return window.CustomEvent;\n};\n/**\n * Check whether event method is valid or not.\n */\nexport function checkEventMethodValidity(method) {\n    return REACT_CHANNELIO_EVENT_METHODS.includes(method);\n}\n/**\n * Create dispatching function for ChannelIO event.\n */\nexport var createChannelIOEventDispatcher = function (method) {\n    return function () {\n        var args = [];\n        for (var _i = 0; _i < arguments.length; _i++) {\n            args[_i] = arguments[_i];\n        }\n        document.dispatchEvent(new (getCustomEvent())(REACT_CHANNELIO_INTERNAL_CUSTOMEVENT_TYPE, {\n            detail: {\n                method: method,\n                args: args,\n            },\n        }));\n    };\n};\n","import { __awaiter, __generator, __read, __rest, __spreadArray } from \"tslib\";\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport { ChannelIO } from './ChannelIO';\nimport { ReactChannelIOContext } from './context';\nimport { createChannelIOEventDispatcher, REACT_CHANNELIO_EVENT_METHODS, } from './events';\nimport { debugLogger, scriptInjector, useCallbackProp, useDeepEffect, warnLogger, } from './utils';\n/** URL of ChannelIO SDK. */\nvar PLUGIN_URL = 'https://cdn.channel.io/plugin/ch-plugin-web.js';\n/** Attribute name of custom launcher. */\nvar LAUNCHER_ATTR_NAME = 'data-channel-plugin';\n/** Attribute value of custom launcher. */\nvar LAUNCHER_ATTR_VAL = 'launcher';\nexport var ReactChannelIO = function (_a) {\n    var children = _a.children, _b = _a.autoBoot, autoBoot = _b === void 0 ? false : _b, _c = _a.autoBootTimeout, autoBootTimeout = _c === void 0 ? 1000 : _c, _d = _a.rebootOnOptionChanged, rebootOnOptionChanged = _d === void 0 ? true : _d, _e = _a.useCustomLauncherSelectorTweak, useCustomLauncherSelectorTweak = _e === void 0 ? true : _e, _f = _a.verbose, verbose = _f === void 0 ? false : _f, onBoot = _a.onBoot, channelIOBootOption = __rest(_a, [\"children\", \"autoBoot\", \"autoBootTimeout\", \"rebootOnOptionChanged\", \"useCustomLauncherSelectorTweak\", \"verbose\", \"onBoot\"]);\n    var onBootRef = useCallbackProp(onBoot);\n    var optionRef = useRef(channelIOBootOption);\n    var _g = __read(React.useState(false), 2), isBooted = _g[0], setBooted = _g[1];\n    /**\n     * Make ready before plug in init.\n     * - ref: https://developers.channel.io/docs/web-installation\n     */\n    var createPluginQueue = function () {\n        if (window.ChannelIO) {\n            return;\n        }\n        debugLogger(verbose, 'Creating plugin queue...');\n        var ch = function () {\n            var args = [];\n            for (var _i = 0; _i < arguments.length; _i++) {\n                args[_i] = arguments[_i];\n            }\n            ch.c(args);\n        };\n        ch.q = [];\n        ch.c = function (args) {\n            ch.q.push(args);\n        };\n        window.ChannelIO = ch;\n    };\n    /**\n     * Add event callbacks that dispatching internal events.\n     */\n    var addPluginEventCallbacks = function () {\n        REACT_CHANNELIO_EVENT_METHODS.forEach(function (method) {\n            ChannelIO(method, createChannelIOEventDispatcher(method));\n        });\n    };\n    /**\n     * ### `boot`\n     *\n     * Boot up channel plugin(button) to make it ready to use\n     *\n     * @link https://developers.channel.io/docs/web-channel-io#boot\n     *\n     * @param option a Boot Option object contains informations to initialize Channel IO plugin\n     */\n    var boot = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {\n        return __generator(this, function (_a) {\n            return [2 /*return*/, new Promise(function (resolve, reject) {\n                    try {\n                        addPluginEventCallbacks();\n                        debugLogger(verbose, 'Booting plugin...');\n                        debugLogger(verbose, 'boot options =>', optionRef.current);\n                        ChannelIO('boot', optionRef.current, function (err, user) {\n                            if (typeof onBootRef.current === 'function') {\n                                onBootRef.current(err, user);\n                            }\n                            if (err) {\n                                warnLogger('Error occurred while boot plugin.', err);\n                                setBooted(false);\n                                reject(err);\n                                return;\n                            }\n                            //\n                            // === update user ===\n                            // Need to update user since channel plugin has limitation\n                            //\n                            var updateUserData = {};\n                            // Change user language, when user language of plugin different with option one.\n                            // User language won't change, if the user already created.\n                            // - ref: https://developers.channel.io/docs/mobile-models#bootconfig\n                            if ((user === null || user === void 0 ? void 0 : user.language) !== optionRef.current.language) {\n                                updateUserData.language = optionRef.current.language;\n                            }\n                            // Reset profile when `profile` set as `null`.\n                            if (optionRef.current.profile === null) {\n                                updateUserData.profile = null;\n                            }\n                            ChannelIO('updateUser', updateUserData, function (err, updatedUser) {\n                                if (err) {\n                                    warnLogger('Fail to reset user information of plugin.');\n                                    return;\n                                }\n                                debugLogger(verbose, 'User updated after booting', updatedUser);\n                            });\n                            //\n                            // === update user end ===\n                            //\n                            debugLogger(verbose, 'Booted');\n                            setBooted(true);\n                            resolve(user);\n                        });\n                    }\n                    catch (err) {\n                        reject(err);\n                    }\n                })];\n        });\n    }); }, [verbose, onBootRef]);\n    /**\n     * ### `shutdown`\n     *\n     * Shutdown channel plugin\n     *\n     * @link https://developers.channel.io/docs/web-channel-io#shutdown\n     */\n    var shutdown = useCallback(function () {\n        var args = [];\n        for (var _i = 0; _i < arguments.length; _i++) {\n            args[_i] = arguments[_i];\n        }\n        debugLogger(verbose, 'Shuting down plugin...');\n        ChannelIO('clearCallbacks');\n        ChannelIO.apply(void 0, __spreadArray(['shutdown'], __read(args)));\n        setBooted(false);\n    }, [verbose]);\n    //\n    // Bootstrap plugin.\n    //\n    useEffect(function () {\n        debugLogger(verbose, 'Bootstraping plugin...', '(Set verbose flag `false`, to remove these debugging logs)');\n        void (function () { return __awaiter(void 0, void 0, void 0, function () {\n            var err_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 5, , 6]);\n                        createPluginQueue();\n                        return [4 /*yield*/, scriptInjector(PLUGIN_URL, verbose)];\n                    case 1:\n                        _a.sent();\n                        debugLogger(verbose, 'Auto boot flag set as', autoBoot);\n                        if (!autoBoot) return [3 /*break*/, 4];\n                        return [4 /*yield*/, new Promise(function (r) { return setTimeout(r, autoBootTimeout); })];\n                    case 2:\n                        _a.sent();\n                        debugLogger(verbose, 'Auto Booting...');\n                        return [4 /*yield*/, boot().catch(function () { return void 0; })];\n                    case 3:\n                        _a.sent();\n                        _a.label = 4;\n                    case 4: return [3 /*break*/, 6];\n                    case 5:\n                        err_1 = _a.sent();\n                        warnLogger('Error occurred at plugin boot processing on first mount.', err_1);\n                        return [3 /*break*/, 6];\n                    case 6: return [2 /*return*/];\n                }\n            });\n        }); })();\n        return function () {\n            shutdown();\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n    //\n    //\n    //\n    useEffect(function () {\n        optionRef.current = channelIOBootOption;\n    }, [channelIOBootOption]);\n    //\n    // Re-boot channel plugin when boot option changed.\n    //\n    useDeepEffect(function () {\n        if (isBooted && rebootOnOptionChanged) {\n            debugLogger(verbose, 'Rebooting since option has been changed...');\n            void boot().catch(function () { return void 0; });\n        }\n    }, [channelIOBootOption]);\n    //\n    // Since ChannelIO does not support `customLauncherSelector` after plugin booted,\n    // add onClick event listener at element which has `customLauncherSelector`\n    // whenever DOM tree mutated. (observed by `MutationObserver`)\n    //\n    useEffect(function () {\n        var customLauncherSelector = channelIOBootOption.customLauncherSelector;\n        if (!useCustomLauncherSelectorTweak || !customLauncherSelector) {\n            return;\n        }\n        var observer = new MutationObserver(function (mutationsList) {\n            mutationsList\n                .filter(function (mutation) { return mutation.type === 'childList'; })\n                .filter(function (mutation) { return mutation.target instanceof HTMLElement; })\n                .map(function (mutation) {\n                return mutation.target.querySelectorAll(customLauncherSelector);\n            })\n                .forEach(function (customLauncherEls) {\n                return Array.from(customLauncherEls)\n                    .filter(function (customLauncherEl) { return customLauncherEl instanceof HTMLElement; })\n                    .forEach(function (customLauncherEl) {\n                    var el = customLauncherEl;\n                    if (el.getAttribute(LAUNCHER_ATTR_NAME) === LAUNCHER_ATTR_VAL) {\n                        return;\n                    }\n                    el.setAttribute(LAUNCHER_ATTR_NAME, LAUNCHER_ATTR_VAL);\n                    el.addEventListener('click', function () { return ChannelIO('showMessenger'); }, false);\n                });\n            });\n        });\n        observer.observe(document.body, {\n            attributes: false,\n            childList: true,\n            subtree: true,\n        });\n        return function () {\n            observer.disconnect();\n        };\n    }, [\n        channelIOBootOption.customLauncherSelector,\n        useCustomLauncherSelectorTweak,\n    ]);\n    //\n    //\n    //\n    return (React.createElement(ReactChannelIOContext.Provider, { value: { isBooted: isBooted, boot: boot, shutdown: shutdown } }, children));\n};\n","import { useRouter } from \"next/router\";\nimport { useEffect } from \"react\";\nimport ReactIFDO from \"react-ifdo\";\nimport { useAuthStore } from \"../auth/AuthStore\";\nimport { useIfdoStore } from \"src/store/useIfdoStore\";\nconst useBridgeIfdo = ()=>{\n    const router = useRouter();\n    const initialized = useIfdoStore((state)=>state.initialized);\n    const setInitialized = useIfdoStore((state)=>state.setInitialized);\n    const { user  } = useAuthStore();\n    useEffect(()=>{\n        try {\n            ReactIFDO.initialize(process.env.NEXT_PUBLIC_IFDO_GCODE);\n            setInitialized(true);\n        } catch (error) {\n            ;\n        }\n    }, []);\n    useEffect(()=>{\n        if (initialized) {\n            ReactIFDO.pageView(router.asPath);\n        }\n    }, [\n        initialized,\n        router.asPath\n    ]);\n    useEffect(()=>{\n        if (initialized && user) {\n            ReactIFDO._NB_ID = \"\".concat(user.id);\n            ReactIFDO.strValidNotice(\"_NB_ID\");\n        }\n    }, [\n        initialized,\n        user\n    ]);\n    return null;\n};\nexport default useBridgeIfdo;\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { userLogout } from \"@/lib/mixpanels/mixpanel\";\nimport * as Sentry from \"@sentry/react\";\nimport Cookies from \"js-cookie\";\nimport { observer, useLocalObservable } from \"mobx-react-lite\";\nimport React, { createContext, useContext } from \"react\";\nimport { ReactChannelIO } from \"react-channel-plugin\";\nimport { cookieOptions } from \"src/api\";\nimport { isInWebview } from \"src/utils/misc\";\nimport useBridgeIfdo from \"../ifdo\";\nconst createAuthStore = (initialValues)=>{\n    return {\n        user: initialValues.user || {},\n        initialized: initialValues.initialized || false,\n        isInitializing: initialValues.isInitializing || true,\n        userType: initialValues.userType || \"user\",\n        verifyMethod: initialValues.verifyMethod || \"session\",\n        // updateUserFromToken: (decodedIdToken: UserInfo) => {\n        //     this.user = decodedIdToken\n        // },\n        authenticate (user) {\n            if (user) {\n                this.updateUser(user);\n            } else {\n                this.user = {};\n            }\n            this.isInitializing = false;\n        },\n        updateUser (user) {\n            this.user = {\n                ...this.user,\n                ...user\n            };\n            Sentry.configureScope((scope)=>{\n                scope.setUser({\n                    id: user.uid,\n                    email: user === null || user === void 0 ? void 0 : user.email,\n                    username: user === null || user === void 0 ? void 0 : user.displayName\n                });\n            });\n        },\n        async logout () {\n            userLogout();\n            this.user = {};\n            Cookies.remove(\"accessToken\", {\n                ...cookieOptions\n            });\n            Sentry.configureScope((scope)=>scope.setUser(null));\n        },\n        get isLoggedIn () {\n            var _this_user;\n            return !!((_this_user = this.user) === null || _this_user === void 0 ? void 0 : _this_user.uid);\n        },\n        get currentUser () {\n            return this.user;\n        },\n        redirectUrlAfterLogout () {\n            return \"/\";\n        }\n    };\n};\nexport const AuthContext = /*#__PURE__*/ createContext(null);\nexport const AuthProvider = (param)=>{\n    let { children , initialValues ={\n        initialized: false,\n        isInitializing: true,\n        userType: \"unknown\"\n    }  } = param;\n    const store = useLocalObservable(()=>createAuthStore(initialValues));\n    return /*#__PURE__*/ _jsx(AuthContext.Provider, {\n        value: store,\n        children: /*#__PURE__*/ _jsx(AnalyticsWrapper, {\n            children: children\n        })\n    });\n};\nconst AnalyticsWrapper = observer((param)=>{\n    let { children  } = param;\n    const CHANNEL_ID_PLUGIN_KEY = process.env.NEXT_PUBLIC_CHANNEL_ID_PLUGIN_KEY;\n    const CHANNEL_USE_AUTO_BOOT = !isInWebview() && process.env.NEXT_PUBLIC_CHANNEL_USE_AUTOBOOT === \"true\";\n    const { user , isLoggedIn  } = useAuthStore();\n    //ifdo bridge\n    useBridgeIfdo();\n    return /*#__PURE__*/ _jsx(ReactChannelIO, {\n        pluginKey: CHANNEL_ID_PLUGIN_KEY,\n        language: \"ko\",\n        autoBoot: CHANNEL_USE_AUTO_BOOT,\n        ...isLoggedIn && (user === null || user === void 0 ? void 0 : user.id) && {\n            memberId: \"\".concat(user.id),\n            profile: {\n                name: user.displayName\n            }\n        },\n        children: children\n    });\n});\nexport const useAuthStore = ()=>{\n    const store = useContext(AuthContext);\n    // console.log(333, store.isLoggedIn, store.isInitializing)\n    if (!store) {\n        // this is especially useful in TypeScript so you don't need to be checking for null all the time\n        throw new Error(\"useStore must be used within a StoreProvider.\");\n    }\n    return store;\n};\n","import dayjs from \"dayjs\";\nexport const GA_TRACKING_ID = process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_ID;\n// https://developers.google.com/analytics/devguides/collection/gtagjs/pages\nexport const gaPageView = (url)=>{\n    window.gtag(\"config\", GA_TRACKING_ID, {\n        page_path: url\n    });\n};\n// https://developers.google.com/analytics/devguides/collection/gtagjs/events\nexport const gaEvent = (param)=>{\n    let { action , category , label , value  } = param;\n    if (!window.gtag) return console.log(\"no gtag\");\n    window.gtag(\"event\", action, {\n        event_category: category,\n        event_label: label,\n        value: value\n    });\n};\nexport const gaAddToCart = (param)=>{\n    let { id , name , price , quantity =1 , currency =\"KRW\"  } = param;\n    window.gtag(\"event\", \"add_to_cart\", {\n        currency,\n        value: price,\n        items: [\n            {\n                item_id: id,\n                item_name: name,\n                index: 0,\n                // item_brand: 'Google',\n                // item_category: 'Apparel',\n                // item_category2: 'Adult',\n                // item_category3: 'Shirts',\n                // item_category4: 'Crew',\n                // item_category5: 'Short sleeve',\n                // item_list_id: 'related_products',\n                // item_list_name: 'Related Products',\n                // item_variant: 'green',\n                // location_id: 'ChIJIQBpAG2ahYAR_6128GcTUEo',\n                price: price,\n                quantity\n            }\n        ]\n    });\n};\nexport const gaViewItem = (param)=>{\n    let { id , name , price , quantity =1 , currency =\"KRW\"  } = param;\n    if (!window.gtag) return console.log(\"no gtag\");\n    window.gtag(\"event\", \"view_item\", {\n        currency,\n        value: price,\n        items: [\n            {\n                item_id: id,\n                item_name: name,\n                index: 0,\n                // item_brand: 'Google',\n                // item_category: 'Apparel',\n                // item_category2: 'Adult',\n                // item_category3: 'Shirts',\n                // item_category4: 'Crew',\n                // item_category5: 'Short sleeve',\n                // item_list_id: 'related_products',\n                // item_list_name: 'Related Products',\n                // item_variant: 'green',\n                // location_id: 'ChIJIQBpAG2ahYAR_6128GcTUEo',\n                price: price,\n                quantity\n            }\n        ]\n    });\n};\nexport const gaBeginCheckout = (param)=>{\n    let { items , currency , value  } = param;\n    window.gtag(\"event\", \"begin_checkout\", {\n        currency: currency,\n        value: value,\n        items: items\n    });\n};\nexport const gaPurchase = (param)=>{\n    let { items , currency , value , transaction_id , paymethod  } = param;\n    window.gtag(\"event\", \"purchase\", {\n        currency: currency,\n        value: value,\n        transaction_id: transaction_id,\n        paymethod: paymethod,\n        items: items\n    });\n};\nexport const gaViewItemList = (param)=>{\n    let { item_list_id , item_list_name , items  } = param;\n    window.gtag(\"event\", \"view_item_list\", {\n        item_list_id: item_list_id,\n        item_list_name: item_list_name,\n        items: items\n    });\n};\nexport const gaSignupCompleted = (property)=>{\n    const date = property.registration_date;\n    const created_at = dayjs(date).format(\"YYYY-MM-DD HH:mm:ss\");\n    const today = dayjs().format(\"YYYY-MM-DD HH:mm:ss\");\n    const diffMinute = dayjs(today).diff(created_at, \"minute\");\n    if (property[\"type\"] === \"phone\") {\n        window.gtag(\"event\", \"sign_up\", {\n            method: \"phone\",\n            name: property.name,\n            user_id: property.user_id\n        });\n    } else if (property[\"type\"] === \"kakao\" && diffMinute < 1) {\n        window.gtag(\"event\", \"sign_up\", {\n            method: \"kakao\",\n            name: property.name,\n            user_id: property.user_id\n        });\n    }\n};\n","export * from \"./ga\";\nexport * from \"./gtm\";\n","import { create } from \"zustand\";\nimport { Subjects } from \"../../../api/product\";\nimport { SearchType, SortType } from \"../../../api/search\";\nexport const SortTypeToString = {\n    [SortType.POPULAR]: \"인기순\",\n    [SortType.LATEST]: \"최신순\",\n    [SortType.PRICE_ASC]: \"가격순\",\n    [SortType.TITLE]: \"제목순\"\n};\nexport const useSearchStore = create((set)=>({\n        items: [],\n        query: {},\n        filters: {},\n        selectedFilters: [],\n        baseLicenses: [],\n        search_type: SearchType.HANDOUT,\n        search_keyword: \"\",\n        prevKeyword: \"\",\n        prevBaseLicense: undefined,\n        subject: undefined,\n        loadingTemp: \"\",\n        totalCount: \"0\",\n        filter_parsing: false,\n        emptyTooltipOpen: false,\n        sliderOpen: {\n            isOpen: false,\n            value: \"\"\n        },\n        count: {\n            [Subjects.EN]: \"0\",\n            [Subjects.KO]: \"0\",\n            [Subjects.MA]: \"0\"\n        },\n        updateFilters: (newFilters)=>{\n            set({\n                filters: newFilters\n            });\n        },\n        updateBaseLicenses: (newLicenses)=>{\n            set({\n                baseLicenses: newLicenses\n            });\n        },\n        updateSelectedFilters: (newSelectedFilters)=>{\n            set({\n                selectedFilters: newSelectedFilters\n            });\n        },\n        updateQuery: (query)=>{\n            set({\n                query: query\n            });\n        },\n        updateKeyword: (value)=>{\n            set({\n                search_keyword: value\n            });\n        },\n        updatePrevKeyword: (value)=>{\n            set({\n                prevKeyword: value\n            });\n        },\n        updateSubject: (value)=>{\n            set({\n                subject: value\n            });\n        },\n        updatePrevBaseLicense: (value)=>{\n            set({\n                prevBaseLicense: value\n            });\n        },\n        updateSearchType: (value)=>{\n            set({\n                search_type: value\n            });\n        },\n        updateLoadingTemp: (value)=>{\n            set({\n                loadingTemp: value\n            });\n        },\n        generateUrl: (query)=>{\n            let path = \"/search?\";\n            if (!query) return path;\n            Object.keys(query).forEach((key)=>{\n                query[key] && (path += key + \"=\" + query[key] + \"&\");\n            });\n            return path;\n        },\n        updateTotalCount: (value)=>{\n            set({\n                totalCount: value\n            });\n        },\n        updateFilterParsing: (value)=>{\n            set({\n                filter_parsing: value\n            });\n        },\n        updateEmptyTooltipOpen: (value)=>{\n            set({\n                emptyTooltipOpen: value\n            });\n        },\n        openSlider: (isOpen, value)=>{\n            set({\n                sliderOpen: {\n                    isOpen,\n                    value\n                }\n            });\n        },\n        updateCount: (value)=>{\n            set({\n                count: value\n            });\n        }\n    }));\n","import { renderKoreanFilterName } from \"@/components/Search\";\nimport { useSearchStore } from \"@/modules/search/store/search.store\";\nimport { CurriculumsWithString, DataTypesWithString, GradesWithString } from \"../../api/product\";\nexport const mixpanelEvent = function() {\n    for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){\n        args[_key] = arguments[_key];\n    }\n    try {\n        if (window.mixpanel) {\n            window.mixpanel.track(...args);\n        }\n    } catch (e) {\n        ;\n    }\n};\n//Signup login\nexport function signupCompleted(property) {\n    if (property[\"Login Method\"] === \"phone\") {\n        try {\n            if (window.mixpanel) {\n                window.mixpanel.alias(property.user_id);\n                window.mixpanel.track(\"Sign Up Completed\");\n            }\n            //네이버\n            const script = document.createElement(\"script\");\n            script.type = \"text/javascript\";\n            script.src = \"//wcs.naver.net/wcslog.js\";\n            document.body.appendChild(script);\n            const wcsScript1 = document.createElement(\"script\");\n            wcsScript1.src = \"//wcs.naver.net/wcslog.js\";\n            wcsScript1.async = true;\n            wcsScript1.onload = function() {\n                const nasaScript1 = document.createElement(\"script\");\n                nasaScript1.innerHTML = '\\n          var _nasa = {};\\n          if (window.wcs) _nasa[\"cnv\"] = wcs.cnv(\"2\",\"0\");\\n        ';\n                document.head.appendChild(nasaScript1);\n            };\n            document.head.appendChild(wcsScript1);\n        } catch (e) {\n            ;\n        }\n    } else if (property[\"Login Method\"] === \"kakao\") {\n        try {\n            if (window.mixpanel) {\n                window.mixpanel.alias(property.user_id);\n                window.mixpanel.track(\"Sign Up Completed\");\n            }\n            //네이버\n            const script = document.createElement(\"script\");\n            script.type = \"text/javascript\";\n            script.src = \"//wcs.naver.net/wcslog.js\";\n            document.body.appendChild(script);\n            const wcsScript1 = document.createElement(\"script\");\n            wcsScript1.src = \"//wcs.naver.net/wcslog.js\";\n            wcsScript1.async = true;\n            wcsScript1.onload = function() {\n                const nasaScript1 = document.createElement(\"script\");\n                nasaScript1.innerHTML = '\\n          var _nasa = {};\\n          if (window.wcs) _nasa[\"cnv\"] = wcs.cnv(\"2\",\"0\");\\n        ';\n                document.head.appendChild(nasaScript1);\n            };\n            document.head.appendChild(wcsScript1);\n        } catch (e) {\n            ;\n        }\n    }\n}\nexport function loginCompleted(property) {\n    try {\n        if (window.mixpanel) {\n            window.mixpanel.identify(property.user_id) //distinct id 설정\n            ;\n            window.mixpanel.people.set_once({\n                ...property\n            });\n            window.mixpanel.track(\"Login Completed\");\n        }\n    } catch (e) {\n        ;\n    }\n}\nexport function productDetailPageViewed(property) {\n    var _property_source, _property_source1, _property_source2;\n    const sourceType = property.source_type;\n    const handout = property.source;\n    const textbook = property.source;\n    const isEditable = !!handout && handout.studio_version === \"v2\";\n    const item = {\n        \"Product ID\": property.id,\n        Price: property.price,\n        \"Product Name\": property.title,\n        \"Product Category\": property.source_type,\n        \"Product Type\": sourceType === \"handout\" ? DataTypesWithString[handout.category] : null,\n        \"Product Subject\": (_property_source = property.source) === null || _property_source === void 0 ? void 0 : _property_source.subject,\n        \"Product Curriculum\": CurriculumsWithString[(_property_source1 = property.source) === null || _property_source1 === void 0 ? void 0 : _property_source1.curriculum],\n        \"Product Grade\": GradesWithString[(_property_source2 = property.source) === null || _property_source2 === void 0 ? void 0 : _property_source2.grade],\n        \"Product Author\": property.author,\n        \"Product Publisher\": sourceType === \"handout\" ? null : textbook === null || textbook === void 0 ? void 0 : textbook.publisher_id.toString(),\n        \"Product Based License\": sourceType === \"handout\" ? handout === null || handout === void 0 ? void 0 : handout.based_textbook_title : null,\n        \"Product Based License Type\": sourceType === \"handout\" ? handout === null || handout === void 0 ? void 0 : handout.base_source_type : null,\n        \"Parsing-badge\": isEditable\n    };\n    try {\n        if (window.mixpanel) {\n            window.mixpanel.track(\"Product Detail Page Viewed\", {\n                ...item\n            });\n        }\n    } catch (e) {\n        ;\n    }\n}\nexport function productDetailTimeSpent() {\n    try {\n        if (window.mixpanel) {\n            window.mixpanel.time_event(\"Product Detail Page time spent\");\n        }\n    } catch (e) {\n        ;\n    }\n}\nexport function noteTimeSpent() {\n    try {\n        if (window.mixpanel) {\n            window.mixpanel.time_event(\"[Note] Session Length in Viewer\");\n        }\n    } catch (e) {\n        ;\n    }\n}\nexport function noteClassStartTimeSpent() {\n    try {\n        if (window.mixpanel) {\n            window.mixpanel.time_event(\"[Note] Class Clicked\");\n        }\n    } catch (e) {\n        ;\n    }\n}\nexport function productAddedToCart(property) {\n    var _property_source, _textbook_publisher_id;\n    const sourceType = property.source_type;\n    const handout = property.source;\n    const textbook = property.source;\n    const item = {\n        \"Product ID\": property.id,\n        // Price: property.property_variants.find((item) => item.options.label === '라이선스').price,\n        \"Product Name\": property.title,\n        \"Product Category\": property.source_type,\n        \"Product Type\": sourceType === \"handout\" ? handout.category : null,\n        \"Product Subject\": ((_property_source = property.source) === null || _property_source === void 0 ? void 0 : _property_source.subject) || property.subject,\n        \"Product Curriculum\": sourceType === \"handout\" ? CurriculumsWithString[handout.curriculum] : null,\n        \"Product Grade\": sourceType === \"handout\" ? GradesWithString[handout.grade] : null,\n        \"Product Author\": property.author,\n        \"Product Publisher\": sourceType === \"handout\" ? null : textbook === null || textbook === void 0 ? void 0 : (_textbook_publisher_id = textbook.publisher_id) === null || _textbook_publisher_id === void 0 ? void 0 : _textbook_publisher_id.toString(),\n        \"Product Based License\": sourceType === \"handout\" ? handout.based_textbook_title : null,\n        \"Product Based License Type\": sourceType === \"handout\" ? handout.base_source_type : null,\n        \"Order Type\": \"일반\",\n        \"Product Variant\": \"라이선스\",\n        \"Parsing Badge\": sourceType === \"handout\" ? handout.studio_version === \"v2\" : null,\n        \"relative products\": property.relativeProducts,\n        \"Purchase option\": property.purchaseOption\n    };\n    try {\n        if (window.mixpanel) {\n            // mx-43\n            window.mixpanel.track(\"Product Added to Cart\", {\n                ...item\n            });\n        }\n    } catch (e) {\n        ;\n    }\n}\nexport function purchasedProduct(property) {\n    //네이버\n    const script = document.createElement(\"script\");\n    script.type = \"text/javascript\";\n    script.src = \"//wcs.naver.net/wcslog.js\";\n    document.body.appendChild(script);\n    const wcsScript1 = document.createElement(\"script\");\n    wcsScript1.src = \"//wcs.naver.net/wcslog.js\";\n    wcsScript1.async = true;\n    wcsScript1.onload = function() {\n        const nasaScript1 = document.createElement(\"script\");\n        nasaScript1.innerHTML = '\\n          var _nasa = {};\\n          if (window.wcs) _nasa[\"cnv\"] = wcs.cnv(\"3\",\"0\");\\n        ';\n        document.head.appendChild(nasaScript1);\n    };\n    document.head.appendChild(wcsScript1);\n    for(let i = 0; i < property.length; i++){\n        try {\n            if (window.mixpanel) {\n                window.mixpanel.track(\"Purchased Product\", {\n                    \"Product ID\": property[i].product_id,\n                    \"Product Category\": property[i].product.source_type,\n                    \"Product Name\": property[i].product.title,\n                    Price: property[i].price,\n                    // 'Product Sourcce': property[i].product.,\n                    \"Product Author\": property[i].product.author,\n                    \"Product Variant\": property[i].product_variant.options.label,\n                    \"Order Type\": \"일반\",\n                    // @ts-ignore\n                    \"Source Product ID\": property[i].source_product_id,\n                    // @ts-ignore\n                    \"Source Product Title\": property[i].source_product_title\n                });\n            }\n        } catch (e) {\n            ;\n        }\n    }\n}\nexport function userLogout() {\n    try {\n        if (window.mixpanel) {\n            window.mixpanel.reset();\n            window.mixpanel.track(\"Logout\");\n        }\n    } catch (e) {\n        ;\n    }\n}\n//productDetail\nexport const productDetailPageScrolled = (property)=>{\n    try {\n        if (window.mixpanel) {\n            window.mixpanel.track(\"Product Detail Page Scrolled\", {\n                ...property\n            });\n        }\n    } catch (e) {\n        ;\n    }\n};\nexport const solvookPageViewed = (url)=>{\n    try {\n        if (window.mixpanel) {\n            window.mixpanel.track(\"[Solvook] page Viewed\", {\n                url: url\n            });\n        }\n    } catch (e) {\n        ;\n    }\n};\nexport const searchBarEvent = (param)=>{\n    let { keyword , search_type  } = param;\n    // const totalCount = useSearchStore?.getState()?.totalCount || 0\n    try {\n        if (window.mixpanel) {\n            window.mixpanel.track(\"Searched from Search-bar\", {\n                \"Search Term\": keyword,\n                \"Search Category\": search_type\n            });\n        }\n    } catch (e) {\n        ;\n    }\n};\nexport const searchFilteredEvent = (param)=>{\n    let { filterType , value  } = param;\n    var _useSearchStore_getState;\n    const totalCount = ((_useSearchStore_getState = useSearchStore === null || useSearchStore === void 0 ? void 0 : useSearchStore.getState()) === null || _useSearchStore_getState === void 0 ? void 0 : _useSearchStore_getState.totalCount) || 0;\n    try {\n        if (window.mixpanel) {\n            window.mixpanel.track(\"Search Filtered\", {\n                \"Filter Location\": \"keyword\",\n                \"Filter Type\": renderKoreanFilterName(filterType),\n                \"Filter Option Selected\": value,\n                \"# of Results\": totalCount\n            });\n        }\n    } catch (e) {\n        ;\n    }\n};\nexport const updateUserInfoMixpanel = (param)=>{\n    let { userProfile , userId  } = param;\n    try {\n        if (window.mixpanel) {\n            window.mixpanel.identify(userId);\n            window.mixpanel.people.set_once({\n                \"User Type\": userProfile.userType,\n                \"Main Subject\": userProfile.subject,\n                \"School Name\": userProfile.school.map((item)=>item.name).join(\",\")\n            });\n        }\n    } catch (e) {\n        ;\n    }\n};\n","export const isBrowser = \"object\" !== \"undefined\";\n","function e(e){this.message=e}e.prototype=new Error,e.prototype.name=\"InvalidCharacterError\";var r=\"undefined\"!=typeof window&&window.atob&&window.atob.bind(window)||function(r){var t=String(r).replace(/=+$/,\"\");if(t.length%4==1)throw new e(\"'atob' failed: The string to be decoded is not correctly encoded.\");for(var n,o,a=0,i=0,c=\"\";o=t.charAt(i++);~o&&(n=a%4?64*n+o:o,a++%4)?c+=String.fromCharCode(255&n>>(-2*a&6)):0)o=\"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=\".indexOf(o);return c};function t(e){var t=e.replace(/-/g,\"+\").replace(/_/g,\"/\");switch(t.length%4){case 0:break;case 2:t+=\"==\";break;case 3:t+=\"=\";break;default:throw\"Illegal base64url string!\"}try{return function(e){return decodeURIComponent(r(e).replace(/(.)/g,(function(e,r){var t=r.charCodeAt(0).toString(16).toUpperCase();return t.length<2&&(t=\"0\"+t),\"%\"+t})))}(t)}catch(e){return r(t)}}function n(e){this.message=e}function o(e,r){if(\"string\"!=typeof e)throw new n(\"Invalid token specified\");var o=!0===(r=r||{}).header?0:1;try{return JSON.parse(t(e.split(\".\")[o]))}catch(e){throw new n(\"Invalid token specified: \"+e.message)}}n.prototype=new Error,n.prototype.name=\"InvalidTokenError\";export default o;export{n as InvalidTokenError};\n//# sourceMappingURL=jwt-decode.esm.js.map\n","import cookie from \"js-cookie\";\nexport const DEFAULT_SESSION_COOKIE_NAME = \"session_id\";\nexport const DEFAULT_USER_COOKIE_NAME = \"save_id\";\nexport const setCookie = function(key, value) {\n    let expires = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 1;\n    if (\"object\" === \"undefined\") {\n        cookie.set(key, value, {\n            expires,\n            path: \"/\"\n        });\n    }\n};\nexport const removeCookie = (key)=>{\n    if (\"object\" === \"undefined\") {\n        cookie.remove(key, {\n            expires: 1\n        });\n    }\n};\nexport const getCookie = (key, req)=>{\n    if (\"object\" === \"undefined\") {\n        return getCookieFromBrowser(key);\n    } else {\n        return getCookieFromServer(key, req);\n    }\n};\nexport const getCookieFromBrowser = (key)=>{\n    return cookie.get(key);\n};\nexport const getCookieFromServer = (key, req)=>{\n    if (!req) {\n        return null;\n    }\n    const { headers  } = req;\n    if (!headers || !headers.cookie) {\n        return null;\n    }\n    const rawCookie = headers.cookie.split(\";\").find((c)=>c.trim().startsWith(\"\".concat(key, \"=\")));\n    if (!rawCookie) {\n        return null;\n    }\n    return rawCookie.split(\"=\")[1];\n};\n","import { getCookie, setCookie } from \"./sessions\";\nexport const DEFAULT_FIREBASE_COOKIE = \"__session\" //firebase only accept __session cookie\n;\nexport const setFirebaseCookie = (key, token)=>{\n    // get cookie from __session using getCookie function\n    // parse the data from cookie\n    // assign the token to the key\n    // call set cookie function with the new data\n    try {\n        const cookieData = getCookie(DEFAULT_FIREBASE_COOKIE);\n        const data = cookieData ? JSON.parse(cookieData) : {};\n        data[key] = token;\n        setCookie(DEFAULT_FIREBASE_COOKIE, data);\n    } catch (error) {\n        ;\n    }\n};\nexport const removeFirebaseCookie = (key)=>{\n    // get cookie from __session  using getCookie function\n    // parse the data from cookie\n    // remove the key from the data\n    // call set cookie function with the new data\n    try {\n        const cookieData = getCookie(DEFAULT_FIREBASE_COOKIE);\n        const data = cookieData ? JSON.parse(cookieData) : {};\n        if (data && data.hasOwnProperty(key)) {\n            delete data[key];\n            setCookie(DEFAULT_FIREBASE_COOKIE, data);\n        } else {\n            ;\n        }\n    } catch (error) {\n        ;\n    }\n};\nexport const getFirebaseCookieFromClient = (key)=>{\n    // get cookie from __session using getCookie function\n    // parse the data from cookie\n    // get the relatedData using the key\n    try {\n        const cookieData = getCookie(DEFAULT_FIREBASE_COOKIE);\n        const data = cookieData ? JSON.parse(cookieData) : {};\n        if (data && data.hasOwnProperty(key)) {\n            return data[key];\n        } else {\n            ;\n        }\n    } catch (error) {\n        ;\n    }\n};\n","export * from \"./firebaseSession\";\nexport * from \"./sessions\";\n","import jwtDecode from \"jwt-decode\";\nimport { getCookie, removeCookie, setCookie } from \"../sessions\";\nexport const getJWTFromCookie = (cookie_name, req)=>{\n    return getCookie(cookie_name, req);\n};\nexport const saveJWTToCookie = (cookie_name, jwt)=>{\n    return setCookie(cookie_name, jwt);\n};\nexport const removeJWTCookie = (cookie_name)=>{\n    return removeCookie(cookie_name);\n};\nexport const decodeJWT = (jwt)=>{\n    return jwtDecode(jwt);\n} // interface ServerContext extends NextPageContext {}\n //\n // export const isAuthenticated = (cookie_name: string, ctx: ServerContext) =>\n // \t!!getJWTFromCookie(cookie_name, ctx.req)\n //\n // export const redirectIfAuthenticated = (ctx: ServerContext, path = '/') => {\n // \tif (isAuthenticated(DEFAULT_SESSION_COOKIE_NAME, ctx)) {\n // \t\tredirect(path, ctx)\n // \t\treturn true\n // \t}\n // \treturn false\n // }\n //\n // export const redirectIfNotAuthenticated = (ctx: ServerContext, path = '/login') => {\n // \tif (!isAuthenticated(DEFAULT_SESSION_COOKIE_NAME, ctx)) {\n // \t\tredirect(path, ctx)\n // \t\treturn true\n // \t}\n // \treturn false\n // }\n;\n","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React, { createContext, useContext, useEffect } from \"react\";\nimport { useLocalObservable } from \"mobx-react-lite\";\nimport App from \"next/app\";\nimport { UAParser } from \"ua-parser-js\";\nimport { debounce } from \"debounce\";\nconst UserAgentModel = (props)=>{\n    return {\n        _ua: props.ua,\n        get source () {\n            var _this__ua;\n            return (_this__ua = this._ua) === null || _this__ua === void 0 ? void 0 : _this__ua.source;\n        },\n        get userAgent () {\n            return this._ua;\n        },\n        updateSource (uaString) {\n            ;\n            this._ua = parse(uaString);\n        }\n    };\n};\nconst UserAgentStore = /*#__PURE__*/ createContext(null);\nexport const UserAgentProvider = (param)=>{\n    let { initialValues , children  } = param;\n    const store = useLocalObservable(()=>UserAgentModel(initialValues));\n    return /*#__PURE__*/ _jsxs(UserAgentStore.Provider, {\n        value: store,\n        children: [\n            \" \",\n            children\n        ]\n    });\n};\nexport const useUserAgent = ()=>{\n    const store = useContext(UserAgentStore);\n    if (!store) {\n        throw new Error(\"useStore must be used within a StoreProvider.\");\n    }\n    useEffect(()=>{\n        // window.addEventListener('orientationchange', function() {\n        // \t// orientationChanged = true\n        // \tconsole.log('orientationchange')\n        // \t// setChangedView(true)\n        // })\n        const resize = debounce(()=>{\n            ;\n            store.updateSource(window.navigator.userAgent);\n        }, 150);\n        window.addEventListener(\"resize\", resize);\n        return ()=>{\n            window.removeEventListener(\"resize\", resize);\n        };\n    // @ts-ignore\n    }, []);\n    return store;\n};\nconst getDisplayName = (Component)=>Component.displayName || Component.name || \"Unknown\";\n// only use appcontenx\nexport function withUserAgent(WrappedComponent) {\n    var _WithUserAgentComponent;\n    return _WithUserAgentComponent = class WithUserAgentComponent extends App {\n        render() {\n            const props = {\n                ...this.props\n            };\n            return /*#__PURE__*/ _jsx(WrappedComponent, {\n                ...props\n            });\n        }\n    }, (()=>{\n        _WithUserAgentComponent.displayName = \"WithUserAgent(\".concat(getDisplayName(WrappedComponent), \")\");\n    })(), (()=>{\n        _WithUserAgentComponent.getInitialProps = async (pageCtx)=>{\n            const ctx = \"Component\" in pageCtx ? pageCtx.ctx : pageCtx;\n            // const ctx = 'Component' in pageCtx ? pageCtx.ctx : pageCtx\n            let uaString;\n            if (\"object\" === \"undefined\") {\n                var _ctx_req;\n                // @ts-ignore\n                uaString = (_ctx_req = ctx.req) === null || _ctx_req === void 0 ? void 0 : _ctx_req.headers[\"user-agent\"];\n            } else {\n                uaString = window.navigator.userAgent;\n            }\n            const pageProps = await WrappedComponent.getInitialProps(pageCtx);\n            if (uaString) {\n                const ua = parse(uaString);\n                // if (WrappedComponent as NextPage) {\n                // const nextPage: NextPage = WrappedComponent as NextPage\n                // if (nextPage && nextPage.getInitialProps) {\n                // @ts-ignore\n                ctx.ua = ua;\n                return {\n                    ...pageProps,\n                    ua\n                };\n            } else {\n                return {\n                    ...pageProps\n                };\n            }\n        };\n    })(), _WithUserAgentComponent;\n}\n/**\n * Get the information of an useragent string.\n *\n * @param phase user agent strings.\n * @returns parsed information.\n */ export function parse(phase) {\n    const result = new UAParser(phase).getResult();\n    const regex = new RegExp(\"(\".concat(BOT_UA.join(\"|\"), \")\"), \"ig\");\n    const isBot = phase ? regex.test(phase.toLowerCase()) : false;\n    const browser = result.browser.name;\n    const deviceType = result.device.type;\n    const os = result.os.name;\n    const isMobile = deviceType === \"mobile\";\n    const isTablet = deviceType === \"tablet\";\n    const isIos = os === \"iOS\";\n    const ua = Object.freeze({\n        browser,\n        deviceType,\n        os,\n        isMobile,\n        isTablet,\n        isIos,\n        source: phase,\n        deviceVendor: result.device.vendor,\n        osVersion: parseInt(result.os.version, 10),\n        browserVersion: parseFloat(result.browser.version),\n        isIphone: isMobile && isIos,\n        isIpad: isTablet && isIos,\n        isDesktop: !isMobile && !isTablet,\n        isChrome: browser === \"Chrome\",\n        isFirefox: browser === \"Firefox\",\n        isSafari: browser === \"Safari\",\n        isIE: browser === \"IE\",\n        isMac: os === \"Mac OS\",\n        isChromeOS: os === \"Chromium OS\",\n        isWindows: os === \"Windows\",\n        isAndroid: os === \"Android\",\n        isBot: isBot\n    });\n    return ua;\n}\nexport const BOT_UA = [\n    \"\\\\+https:\\\\/\\\\/developers.google.com\\\\/\\\\+\\\\/web\\\\/snippet\\\\/\",\n    \"googlebot\",\n    \"baiduspider\",\n    \"gurujibot\",\n    \"yandexbot\",\n    \"slurp\",\n    \"msnbot\",\n    \"bingbot\",\n    \"facebookexternalhit\",\n    \"linkedinbot\",\n    \"twitterbot\",\n    \"slackbot\",\n    \"telegrambot\",\n    \"applebot\",\n    \"pingdom\",\n    \"tumblr\"\n];\n","export * from \"./useUserAgent\";\n","import { saveAs } from \"file-saver\";\n// {type: \"text/plain;charset=utf-8\"}\nconst downloadFile = (base64Data, contentType, filename)=>{\n    var blob = base64toBlob(base64Data, contentType);\n    return saveAs(blob, filename);\n};\nfunction base64toBlob(base64Data, contentType) {\n    contentType = contentType || \"\";\n    var sliceSize = 1024;\n    var byteCharacters = atob(base64Data);\n    var bytesLength = byteCharacters.length;\n    var slicesCount = Math.ceil(bytesLength / sliceSize);\n    var byteArrays = new Array(slicesCount);\n    for(var sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex){\n        var begin = sliceIndex * sliceSize;\n        var end = Math.min(begin + sliceSize, bytesLength);\n        var bytes = new Array(end - begin);\n        for(var offset = begin, i = 0; offset < end; ++i, ++offset){\n            bytes[i] = byteCharacters[offset].charCodeAt(0);\n        }\n        byteArrays[sliceIndex] = new Uint8Array(bytes);\n    }\n    return new Blob(byteArrays, {\n        type: contentType\n    });\n}\nexport { downloadFile };\n","// https://www.npmjs.com/package/form-data\nimport FormData from \"form-data\";\nconst uploadFile = (file)=>{\n    ;\n};\nconst createFormData = ()=>{\n    return new FormData();\n};\nexport { uploadFile, createFormData };\n","export * from \"./download\";\nexport * from \"./upload\";\n","import Router from \"next/router\";\nfunction redirect(target, ctx, options) {\n    if (ctx && ctx.res) {\n        // server\n        // 303: \"See other\"\n        // 302: \"Found\"\n        ctx.res.writeHead(302, {\n            Location: target\n        });\n        // ctx.res.finished = true\n        ctx.res.end();\n    } else {\n        // import Router from 'next/router'\n        // In the browser, we just pretend like this never even happened ;)\n        if (options === null || options === void 0 ? void 0 : options.redirectUrl) {\n            Router.replace(\"\".concat(target, \"?redirect_url=\").concat(options.redirectUrl));\n        } else {\n            Router.replace(\"\".concat(target));\n        }\n    }\n}\nexport { redirect };\n","import { redirect } from \"./index\";\nimport { DEFAULT_SESSION_COOKIE_NAME, DEFAULT_USER_COOKIE_NAME, getCookie } from \"../sessions\";\nexport function isAuthenticated(context) {\n    const token = getCookie(DEFAULT_SESSION_COOKIE_NAME, context.req);\n    const isLoggedIn = !!token;\n    if (isLoggedIn) {\n        redirect(\"/\", context);\n    }\n    return {\n        isLoggedIn\n    };\n}\nexport function secretPage(context) {\n    const token = getCookie(DEFAULT_SESSION_COOKIE_NAME, context.req);\n    const isLoggedIn = !!token;\n    if (!isLoggedIn) {\n        redirect(\"/login\", context);\n    }\n    return {\n        isLoggedIn\n    };\n}\nexport function withData(context) {\n    const token = getCookie(DEFAULT_SESSION_COOKIE_NAME, context.req);\n    const isLoggedIn = !!token;\n    const isUser = getCookie(DEFAULT_USER_COOKIE_NAME, context.req);\n    const userCookie = isUser ? JSON.parse(isUser) : {};\n    const user = userCookie ? userCookie : {};\n    return {\n        user,\n        isLoggedIn\n    };\n}\n","export * from \"./redirect\";\nexport * from \"./restriction\";\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport * as React from \"react\";\nimport { createContext, useContext } from \"react\";\nconst LinkStore = /*#__PURE__*/ createContext(null);\nexport const LinkProvider = (param)=>{\n    let { children , value  } = param;\n    const store = {\n        Link: value\n    };\n    // return <></>\n    return /*#__PURE__*/ _jsx(LinkStore.Provider, {\n        value: store,\n        children: children\n    });\n};\nexport const useLinkStore = ()=>{\n    const store = useContext(LinkStore);\n    if (!store) {\n        // this is especially useful in TypeScript so you don't need to be checking for null all the time\n        throw new Error(\"useStore must be used within a StoreProvider.\");\n    }\n    return store;\n};\n","export * from \"./helpers\";\nexport * from \"./link\";\n","export * from \"./browser\";\nexport * from \"./cookies\";\nexport * from \"./devices\";\nexport * from \"./files\";\nexport * from \"./nextjs\";\nexport * from \"./sessions\";\nexport * from \"./devices\";\nexport * from \"./router\";\nexport * from \"./urls\";\n","import numeral from \"numeral\";\nimport dayjs from \"dayjs\";\nexport var PhoneType;\n(function(PhoneType) {\n    PhoneType[PhoneType[\"default\"] = 0] = \"default\";\n})(PhoneType || (PhoneType = {}));\nexport const priceFormatter = (price)=>{\n    return numeral(price).format(\"0,0\");\n};\nexport const priceWithStringFormatter = (price)=>{\n    return numeral(price).format(\"0,0\") + \"원\";\n};\nexport const numberFormatter = (price)=>{\n    return numeral(price).format(\"0,0\");\n};\nexport const dateFormatter = (date)=>{\n    return dayjs(date).format(\"YYYY. MM. DD. A HH:mm\");\n};\nexport const dateTransFormatter = (date)=>{\n    return dayjs(date).format(\"YYYY. MM. DD\");\n};\nexport function phoneFormatter(num) {\n    let type = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : PhoneType.default;\n    var formatNum = \"\";\n    if (num.length === 11) {\n        if (type === 0) {\n            formatNum = num.replace(/(\\d{3})(\\d{4})(\\d{4})/, \"$1-****-$3\");\n        } else {\n            formatNum = num.replace(/(\\d{3})(\\d{4})(\\d{4})/, \"$1-$2-$3\");\n        }\n    } else if (num.length === 8) {\n        formatNum = num.replace(/(\\d{4})(\\d{4})/, \"$1-$2\");\n    } else {\n        if (num.indexOf(\"02\") === 0) {\n            if (type === 0) {\n                formatNum = num.replace(/(\\d{2})(\\d{3,4})(\\d{4})/, \"$1-****-$3\");\n            } else {\n                formatNum = num.replace(/(\\d{2})(\\d{3,4})(\\d{4})/, \"$1-$2-$3\");\n            }\n        } else {\n            if (type === 0) {\n                formatNum = num.replace(/(\\d{3})(\\d{3,4})(\\d{4})/, \"$1-***-$3\");\n            } else {\n                formatNum = num.replace(/(\\d{3})(\\d{3,4})(\\d{4})/, \"$1-$2-$3\");\n            }\n        }\n    }\n    return formatNum;\n}\n","export * from \"./color\";\nexport * from \"./datetime\";\nexport * from \"./formatter\";\nexport * from \"./integer\";\nexport * from \"./object\";\n","export const includesPath = (path, target)=>{\n    // 연구소 페이지 [] 텍스트로 인해 수정\n    const escapedTarget = target.replace(/[.*+\\-?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n    // return !!new RegExp(`^${target}`).exec(path)\n    return !!new RegExp(\"^\".concat(escapedTarget)).exec(path);\n};\nexport const toQueryString = function(obj) {\n    let withQuerySymbol = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;\n    if (obj === null) {\n        return \"\";\n    }\n    const query = Object.keys(obj).filter((key)=>key !== \"\" && obj[key] !== undefined && obj[key] !== \"\").map((key)=>\"\".concat(encodeURIComponent(key), \"=\").concat(encodeURIComponent(obj[key]))).join(\"&\");\n    if (!query) {\n        return \"\";\n    }\n    return withQuerySymbol ? \"?\".concat(query) : query;\n};\nexport const getUrlStringToParams = (url)=>{\n    const params = {};\n    const urlSplit = url.split(\"?\");\n    if (urlSplit.length > 1) {\n        const paramsSplit = urlSplit[1].split(\"&\");\n        paramsSplit.forEach((param)=>{\n            const paramSplit = param.split(\"=\");\n            params[paramSplit[0]] = paramSplit[1];\n        });\n    }\n    return params;\n};\n","import { useEffect, useState } from \"react\";\nimport { isBrowser } from \"../next-utils\";\nfunction getWindowDimensions() {\n    if (!isBrowser || !window) return;\n    const { innerWidth: width , innerHeight: height  } = window;\n    return {\n        width,\n        height\n    };\n}\nexport default function useWindowDimensions() {\n    const [windowDimensions, setWindowDimensions] = useState({\n        width: 0,\n        height: 0\n    });\n    const isMobile = windowDimensions.width < 769;\n    const isTablet = windowDimensions.width < 1201;\n    const device = isMobile ? \"mobile\" : isTablet ? \"tablet\" : \"pc\";\n    useEffect(()=>{\n        function handleResize() {\n            setWindowDimensions(getWindowDimensions());\n        }\n        if (isBrowser) {\n            handleResize() // call once to set initial dimensions\n            ;\n            window.addEventListener(\"resize\", handleResize);\n        }\n        return ()=>{\n            if (isBrowser) {\n                window.removeEventListener(\"resize\", handleResize);\n            }\n        };\n    }, []);\n    return {\n        ...windowDimensions,\n        isMobile,\n        isTablet,\n        device\n    };\n}\n","/**\n * 로그아웃 명령\n * @param\n * @returns Promise<LogoutResponseDTO>\n */ export class LogoutCommand {\n    execute() {\n        const url = \"/sessions\";\n        return this.apiService.fetch(url, {\n            method: \"DELETE\"\n        }).then((res)=>res.data);\n    }\n    constructor(apiService){\n        this.apiService = apiService;\n    }\n}\n","import { api } from \"../../../api\";\nexport class GetLabByAuthorIdCommand {\n    execute(dto) {\n        const { author_id  } = dto;\n        const url = \"/labs/author/\".concat(author_id);\n        return api(url, {\n            method: \"GET\"\n        }).then((res)=>res.data);\n    }\n    constructor(apiService){\n        this.apiService = apiService;\n    }\n}\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  flex-direction: column;\\n  flex-grow: 1;\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  flex-direction: column;\\n  gap: 4px;\\n  flex-grow: 1;\\n  margin-bottom: 60px;\\n\\n  @media (max-width: 768px) {\\n    margin-bottom: 20px;\\n  }\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  color: \",\n        \";\\n  font-size: 14px;\\n  font-weight: 600;\\n  line-height: 22px;\\n  letter-spacing: -0.14px;\\n\\n  .required {\\n    margin: 0 2px;\\n    color: \",\n        \";\\n  }\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject3() {\n    const data = _tagged_template_literal([\n        \"\\n  margin-left: 4px;\\n  color: \",\n        \";\\n  font-size: 14px;\\n  font-weight: 400;\\n  line-height: 22px;\\n  letter-spacing: -0.14px;\\n\"\n    ]);\n    _templateObject3 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useLibrarySubject } from \"@/modules/mypages/libraries/components\";\nimport { CLASS_INDEX_PAGE } from \"@/settings/constant\";\nimport { useMutation } from \"@tanstack/react-query\";\nimport { message } from \"antd\";\nimport { useRouter } from \"next/router\";\nimport { useCallback } from \"react\";\nimport { postClass } from \"src/api/class\";\nimport useClassStore from \"src/store/class\";\nimport styled from \"styled-components\";\nimport { ModalTitle, NewClassActionsContainer, TextField } from \".\";\nimport FilledButton from \"../common/Button/FilledButton\";\nconst NewClassForm = styled.form.withConfig({\n    componentId: \"sc-745fa1a3-0\"\n})(_templateObject());\nconst NewClassStep1 = (param)=>{\n    let { onCancel  } = param;\n    const { name , isWithSelected  } = useClassStore((state)=>state.adding);\n    const selected = useClassStore((state)=>state.selected);\n    const { setAdding , closeNewClass  } = useClassStore((param)=>{\n        let { setAdding , closeNewClass  } = param;\n        return {\n            setAdding,\n            closeNewClass\n        };\n    });\n    const { push  } = useRouter();\n    const subject = useLibrarySubject();\n    const classMutation = useMutation(postClass);\n    const handleSubmit = useCallback(async (e)=>{\n        e.preventDefault();\n        if (name.length >= 3) {\n            if (isWithSelected) {\n                const cls = await classMutation.mutateAsync({\n                    name,\n                    subject,\n                    choices: Object.entries(selected).map((param)=>{\n                        let [k, v] = param;\n                        return {\n                            sourceId: k,\n                            sourceType: v\n                        };\n                    })\n                });\n                closeNewClass();\n                message.info(\"클래스가 생성됐어요.\");\n                push(CLASS_INDEX_PAGE.concat(\"/\".concat(cls.id)));\n            } else {\n                setAdding({\n                    step: 2\n                });\n            }\n        } else {\n            message.warning(\"클래스 이름은 최소 3글자입니다.\");\n        }\n    }, [\n        name,\n        setAdding,\n        isWithSelected,\n        classMutation,\n        subject,\n        selected,\n        push,\n        closeNewClass\n    ]);\n    return /*#__PURE__*/ _jsx(_Fragment, {\n        children: /*#__PURE__*/ _jsxs(NewClassForm, {\n            onSubmit: handleSubmit,\n            children: [\n                /*#__PURE__*/ _jsx(NewClassName, {}),\n                /*#__PURE__*/ _jsxs(NewClassActionsContainer, {\n                    children: [\n                        /*#__PURE__*/ _jsx(FilledButton, {\n                            type: \"text\",\n                            variant: \"soft\",\n                            onClick: onCancel,\n                            children: \"취소\"\n                        }),\n                        /*#__PURE__*/ _jsx(FilledButton, {\n                            type: \"text\",\n                            variant: \"solid\",\n                            disabled: !name.length,\n                            htmlType: \"submit\",\n                            children: \"다음\"\n                        })\n                    ]\n                })\n            ]\n        })\n    });\n};\nexport default NewClassStep1;\nconst NewClassNameFieldset = styled.fieldset.withConfig({\n    componentId: \"sc-745fa1a3-1\"\n})(_templateObject1());\nconst NewClassNameLegend = styled.legend.withConfig({\n    componentId: \"sc-745fa1a3-2\"\n})(_templateObject2(), (props)=>props.theme.new.colors.sol_gray_900, (props)=>props.theme.new.colors.sol_mint_400);\nconst NewClassHelperText = styled.p.withConfig({\n    componentId: \"sc-745fa1a3-3\"\n})(_templateObject3(), (props)=>props.theme.new.colors.sol_gray_500);\nconst NewClassName = ()=>{\n    const { name  } = useClassStore((state)=>state.adding);\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            /*#__PURE__*/ _jsxs(ModalTitle, {\n                children: [\n                    \"새 \",\n                    /*#__PURE__*/ _jsx(\"strong\", {\n                        children: \"클래스 이름\"\n                    }),\n                    \"을\",\n                    /*#__PURE__*/ _jsx(\"br\", {}),\n                    \"입력해주세요.\"\n                ]\n            }),\n            /*#__PURE__*/ _jsxs(NewClassNameFieldset, {\n                children: [\n                    /*#__PURE__*/ _jsxs(NewClassNameLegend, {\n                        children: [\n                            \"클래스 이름\",\n                            /*#__PURE__*/ _jsx(\"span\", {\n                                className: \"required\",\n                                children: \"*\"\n                            })\n                        ]\n                    }),\n                    /*#__PURE__*/ _jsx(TextField, {\n                        placeholder: \"예비 고2 선행반\",\n                        name: \"name\",\n                        value: name,\n                        maxLength: 10\n                    }),\n                    /*#__PURE__*/ _jsx(NewClassHelperText, {\n                        children: \"클래스 이름은 최대 10글자입니다.\"\n                    })\n                ]\n            })\n        ]\n    });\n};\n","import { jsx as _jsx, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useLibrarySubject } from \"@/modules/mypages/libraries/components\";\nimport { CLASS_INDEX_PAGE } from \"@/settings/constant\";\nimport { useMutation } from \"@tanstack/react-query\";\nimport { message } from \"antd\";\nimport { useRouter } from \"next/router\";\nimport { createContext, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { postClass } from \"src/api/class\";\nimport useClassStore from \"src/store/class\";\nimport { useMainPageStore } from \"src/store/main\";\nimport { useModal } from \"src/utils/overlay\";\nimport { StyledModal } from \".\";\nimport NewClassStep1 from \"./NewClassStep1\";\nexport const NewClassContext = /*#__PURE__*/ createContext(null);\nconst NewClass = ()=>{\n    const [isSelectBooksModalOpen, { open: openSelectBooksModal , close: closeSelectBooksModal  }] = useModal(\"selectBooksModal\");\n    const data = useClassStore((state)=>state.adding);\n    const userSourceBooks = useClassStore((state)=>state.userSourceBooks);\n    const { setAdding , openNewClass , closeNewClass , setUserSourceBooks  } = useClassStore((param)=>{\n        let { setAdding , openNewClass , closeNewClass , setUserSourceBooks  } = param;\n        return {\n            setAdding,\n            openNewClass,\n            closeNewClass,\n            setUserSourceBooks\n        };\n    });\n    const { setSubject  } = useMainPageStore((param)=>{\n        let { setSubject  } = param;\n        return {\n            setSubject\n        };\n    });\n    const subjectOnLibrary = useLibrarySubject();\n    const subjectOnMain = useMainPageStore((state)=>state.subject);\n    const { subject , isNewClassOpen  } = useMemo(()=>({\n            subject: subjectOnLibrary || subjectOnMain,\n            isNewClassOpen: data.open\n        }), [\n        subjectOnLibrary,\n        subjectOnMain,\n        data\n    ]);\n    useEffect(()=>{\n        if (isNewClassOpen) {\n            setAdding({\n                name: \"\"\n            });\n            setUserSourceBooks({\n                type: \"new\",\n                books: undefined\n            });\n            if (subject) {\n                setSubject(subject);\n            }\n        }\n    }, [\n        isNewClassOpen,\n        setAdding,\n        setSubject,\n        setUserSourceBooks,\n        subject\n    ]);\n    useEffect(()=>{\n        if (data.step === 2) {\n            openSelectBooksModal();\n        }\n    }, [\n        data.step,\n        openSelectBooksModal\n    ]);\n    useEffect(()=>{\n        if (isSelectBooksModalOpen) {\n            closeNewClass();\n        } else {\n            setAdding({\n                step: 1\n            });\n        }\n    }, [\n        isSelectBooksModalOpen,\n        closeNewClass,\n        setAdding\n    ]);\n    const classMutation = useMutation(postClass);\n    const { push  } = useRouter();\n    const handleSubmitSelectedBookList = useCallback(async (selected)=>{\n        // console.log(selected, data)\n        if (!subject) {\n            return;\n        }\n        const cls = await classMutation.mutateAsync({\n            name: data.name,\n            subject,\n            choices: selected.map((param)=>{\n                let { id  } = param;\n                return {\n                    sourceId: id,\n                    sourceType: \"workbook\"\n                };\n            })\n        });\n        setUserSourceBooks({\n            books: undefined\n        });\n        closeSelectBooksModal();\n        message.info(\"클래스가 생성됐어요.\");\n        push(CLASS_INDEX_PAGE.concat(\"/\".concat(cls.id)));\n    }, [\n        subject,\n        classMutation,\n        data,\n        push,\n        setUserSourceBooks,\n        closeSelectBooksModal\n    ]);\n    const isSubmitting = useRef(false);\n    useEffect(()=>{\n        if (userSourceBooks.books) {\n            if (userSourceBooks.type === \"new\" && !isSubmitting.current) {\n                isSubmitting.current = true;\n                handleSubmitSelectedBookList(userSourceBooks.books);\n            }\n        } else {\n            isSubmitting.current = false;\n        }\n    }, [\n        userSourceBooks,\n        handleSubmitSelectedBookList\n    ]);\n    return /*#__PURE__*/ _jsx(_Fragment, {\n        children: data.step === 1 && /*#__PURE__*/ _jsx(StyledModal, {\n            open: isNewClassOpen,\n            closable: false,\n            okButtonProps: {\n                style: {\n                    display: \"none\"\n                }\n            },\n            cancelButtonProps: {\n                style: {\n                    display: \"none\"\n                }\n            },\n            children: /*#__PURE__*/ _jsx(NewClassStep1, {\n                onCancel: closeNewClass\n            })\n        })\n    });\n};\nexport default NewClass;\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  width: \",\n        \"px;\\n  padding: 20px;\\n  background-color: \",\n        \";\\n  border-radius: 10px;\\n  font-size: 14px;\\n  line-height: 22px;\\n  letter-spacing: -0.14px;\\n\\n  dt,\\n  dd p {\\n    color: \",\n        \";\\n  }\\n  dt {\\n    padding: 8px 12px;\\n    font-weight: 600;\\n  }\\n  dd {\\n    margin-bottom: 0;\\n    padding-top: 4px;\\n\\n    p {\\n      padding: 4px 12px;\\n    }\\n  }\\n\\n  @media (max-width: 1200px) {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    bottom: 0;\\n    width: \",\n        \"px;\\n    padding: 20px 8px;\\n    border-radius: 0;\\n\\n    body:has(.gnb) & {\\n      top: \",\n        \"px;\\n    }\\n\\n    dl {\\n      padding-bottom: 8px !important;\\n    }\\n    dt {\\n      display: none;\\n    }\\n    dd {\\n      padding-top: 0;\\n    }\\n\\n    ul {\\n    }\\n    li {\\n      margin-bottom: 8px !important;\\n    }\\n\\n    button {\\n      padding: 11px 4px;\\n      flex-direction: column;\\n      font-size: 12px;\\n      font-weight: 400;\\n\\n      &.ant-btn-text:has(label) {\\n        background-color: transparent;\\n      }\\n      svg {\\n        width: 32px;\\n        height: 32px;\\n        margin-right: 0;\\n        margin-bottom: 4px;\\n      }\\n      span {\\n        display: block;\\n        width: 100%;\\n        overflow: hidden;\\n        text-overflow: ellipsis;\\n\\n        &.extra {\\n          display: none;\\n        }\\n      }\\n    }\\n  }\\n\\n  @media (max-width: 768px) {\\n    display: none;\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  padding: 0 4px;\\n\\n  .ant-divider {\\n    margin: 10px 0 18px;\\n    border-color: \",\n        \";\\n  }\\n  @media (min-width: 1201px) {\\n    display: none;\\n  }\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  max-height: \",\n        \";\\n  margin-bottom: 0;\\n\\n  &:not(:last-of-type) {\\n    padding-bottom: 40px;\\n  }\\n  &:last-of-type {\\n    padding-bottom: 16px;\\n  }\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject3() {\n    const data = _tagged_template_literal([\n        \"\\n  svg {\\n    width: 18px;\\n    height: 18px;\\n    margin-right: 4px;\\n  }\\n\"\n    ]);\n    _templateObject3 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject4() {\n    const data = _tagged_template_literal([\n        \"\\n  justify-content: flex-start !important;\\n  padding: 8px 12px !important;\\n  background-color: transparent !important;\\n  border-radius: 4px !important;\\n  color: \",\n        \" !important;\\n  font-size: 16px;\\n  font-weight: 400;\\n  letter-spacing: -0.16px !important;\\n\\n  &.active,\\n  &:hover {\\n    background-color: rgba(169, 175, 199, 0.1) !important;\\n    color: \",\n        \" !important;\\n  }\\n  svg {\\n    width: 22px;\\n    height: 22px;\\n    margin-right: 4px;\\n  }\\n\"\n    ]);\n    _templateObject4 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject5() {\n    const data = _tagged_template_literal([\n        \"\\n  max-height: 340px;\\n  overflow: auto;\\n  margin-right: -2px;\\n  padding-right: 2px;\\n  li:not(:last-of-type) {\\n    margin-bottom: 4px;\\n  }\\n\"\n    ]);\n    _templateObject5 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject6() {\n    const data = _tagged_template_literal([\n        \"\\n  svg {\\n    color: \",\n        \";\\n    transition: 0.2s all;\\n  }\\n\\n  &.active,\\n  &:hover {\\n    svg {\\n      color: \",\n        \";\\n    }\\n  }\\n\"\n    ]);\n    _templateObject6 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport NewClass from \"@/components/Class/NewClass\";\nimport FilledButton from \"@/components/common/Button/FilledButton\";\nimport Icon from \"@/components/icon/Icon\";\nimport { Class1, Library, PlayableMedia, Plus1_5 } from \"@/components/icon/IconList\";\nimport { UserSourceStepModal } from \"@/components/Landing/modals/UserSourceStepModal\";\nimport { GNBHeight } from \"@/containers/Header/GNB.style\";\nimport { useAuthStore } from \"@/lib/auth/AuthStore\";\nimport useWindowDimensions from \"@/lib/web-ui/useWindowDimensions\";\nimport { CLASS_INDEX_PAGE, LIBRARIES_INDEX_PAGE } from \"@/settings/constant\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { Divider } from \"antd\";\nimport Link from \"next/link\";\nimport { useRouter } from \"next/router\";\nimport { useCallback, useEffect, useMemo } from \"react\";\nimport { fetchClasses } from \"src/api/class\";\nimport useClassStore from \"src/store/class\";\nimport { useMainPageStore } from \"src/store/main\";\nimport { useModal } from \"src/utils/overlay\";\nimport styled from \"styled-components\";\nimport { useLibrarySubject } from \".\";\n// export const libraryLnbDimensions = { width: 270, gap: 40, widthOnTablet: 92 }\nexport const libraryLnbDimensions = {\n    width: 0,\n    gap: 0,\n    widthOnTablet: 0\n};\nconst libraryLnbID = \"library-lnb\";\nconst LibraryLNBWrapper = styled.aside.withConfig({\n    componentId: \"sc-43561272-0\"\n})(_templateObject(), libraryLnbDimensions.width, (props)=>props.theme.new.colors.sol_gray_0, (props)=>props.theme.new.colors.sol_gray_300, libraryLnbDimensions.widthOnTablet, GNBHeight);\nconst LibraryDividerWrapper = styled.div.withConfig({\n    componentId: \"sc-43561272-1\"\n})(_templateObject1(), (props)=>props.theme.new.colors.sol_gray_100);\nconst LibraryLNBDefinitionList = styled.dl.withConfig({\n    componentId: \"sc-43561272-2\"\n})(_templateObject2(), (props)=>props.height || \"auto\");\nconst NewClassButton = styled(FilledButton).withConfig({\n    componentId: \"sc-43561272-3\"\n})(_templateObject3());\nconst LinkButton = styled(FilledButton).withConfig({\n    componentId: \"sc-43561272-4\"\n})(_templateObject4(), (props)=>props.theme.new.colors.sol_gray_500, (props)=>props.theme.new.colors.sol_gray_900);\nconst LibraryLNB = ()=>{\n    const { pathname  } = useRouter();\n    const [isSelectBooksModalOpen, { open: openSelectBooksModal , close: closeSelectBooksModal  }] = useModal(\"selectBooksModal\");\n    const { isLoggedIn  } = useAuthStore();\n    const subjectOnLibrary = useLibrarySubject();\n    const subjectOnMain = useMainPageStore((state)=>state.subject);\n    const { subject , search  } = useMemo(()=>{\n        const subject = subjectOnLibrary || subjectOnMain;\n        const searchParams = new URLSearchParams();\n        searchParams.set(\"subject\", subject);\n        return {\n            subject,\n            search: \"?\".concat(searchParams.toString())\n        };\n    }, [\n        subjectOnLibrary,\n        subjectOnMain\n    ]);\n    const { data , refetch  } = useQuery([\n        \"myClasses\",\n        subject\n    ], ()=>fetchClasses({\n            offset: 0,\n            limit: 9999999,\n            subject\n        }), {\n        enabled: isLoggedIn && !!subject\n    });\n    const items = useClassStore((state)=>state.mine);\n    const selected = useClassStore((state)=>state.selected);\n    const { openNewClass , setMine  } = useClassStore((param)=>{\n        let { openNewClass , setMine  } = param;\n        return {\n            openNewClass,\n            setMine\n        };\n    });\n    useEffect(()=>{\n        if (!data) {\n            return;\n        }\n        setMine(data.data);\n    }, [\n        data,\n        setMine\n    ]);\n    useEffect(()=>{\n        if (!selected || !isSelectBooksModalOpen) {\n            refetch();\n        }\n    }, [\n        selected,\n        isSelectBooksModalOpen\n    ]);\n    const { setUserSourceBooks  } = useClassStore((param)=>{\n        let { setUserSourceBooks  } = param;\n        return {\n            setUserSourceBooks\n        };\n    });\n    const handleSubmitSelectedBookList = useCallback(async (selected)=>{\n        setUserSourceBooks({\n            books: selected\n        });\n    }, [\n        setUserSourceBooks\n    ]);\n    return /*#__PURE__*/ _jsxs(LibraryLNBWrapper, {\n        id: libraryLnbID,\n        children: [\n            /*#__PURE__*/ _jsxs(LibraryLNBDefinitionList, {\n                children: [\n                    /*#__PURE__*/ _jsx(\"dt\", {\n                        children: \"내 콘텐츠\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"dd\", {\n                        children: /*#__PURE__*/ _jsx(Link, {\n                            href: LIBRARIES_INDEX_PAGE.concat(search),\n                            children: /*#__PURE__*/ _jsxs(LinkButton, {\n                                type: \"text\",\n                                block: true,\n                                className: pathname.startsWith(LIBRARIES_INDEX_PAGE) && \"active\",\n                                children: [\n                                    /*#__PURE__*/ _jsx(Icon, {\n                                        icon: Library\n                                    }),\n                                    \"라이브러리\"\n                                ]\n                            })\n                        })\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(LibraryDividerWrapper, {\n                children: /*#__PURE__*/ _jsx(Divider, {})\n            }),\n            /*#__PURE__*/ _jsxs(LibraryLNBDefinitionList, {\n                className: \"scrollable\",\n                children: [\n                    /*#__PURE__*/ _jsx(\"dt\", {\n                        children: \"내 클래스\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"dd\", {\n                        children: items && items.length ? /*#__PURE__*/ _jsx(MyClassContainer, {\n                            children: items.map((param)=>/*#__PURE__*/ {\n                                let { id , name  } = param;\n                                return _jsx(MyClass, {\n                                    id: id,\n                                    name: name\n                                }, id);\n                            })\n                        }) : /*#__PURE__*/ _jsx(\"p\", {\n                            children: \"아직 생성한 클래스가 없습니다.\"\n                        })\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsxs(NewClassButton, {\n                variant: \"soft\",\n                type: \"text\",\n                block: true,\n                onClick: ()=>openNewClass(),\n                children: [\n                    /*#__PURE__*/ _jsx(Icon, {\n                        icon: Plus1_5\n                    }),\n                    /*#__PURE__*/ _jsxs(\"label\", {\n                        children: [\n                            \"새 클래스\",\n                            /*#__PURE__*/ _jsx(\"span\", {\n                                className: \"extra\",\n                                children: \" 만들기\"\n                            })\n                        ]\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(NewClass, {}),\n            /*#__PURE__*/ _jsx(UserSourceStepModal, {\n                closeSelectBooksModal: closeSelectBooksModal,\n                isSelectBooksModalOpen: isSelectBooksModalOpen,\n                modalType: \"selectBooksModal\",\n                onSubmitSelectedBookList: handleSubmitSelectedBookList\n            })\n        ]\n    });\n};\nexport default LibraryLNB;\nconst MyClassContainer = styled.ul.withConfig({\n    componentId: \"sc-43561272-5\"\n})(_templateObject5());\nconst MyClassButton = styled(LinkButton).withConfig({\n    componentId: \"sc-43561272-6\"\n})(_templateObject6(), (props)=>props.theme.new.colors.sol_gray_300, (props)=>props.theme.new.colors.sol_gray_900);\nconst MyClass = (param)=>{\n    let { id , name  } = param;\n    const { width  } = useWindowDimensions();\n    const isTablet = width < 1201;\n    const { asPath  } = useRouter();\n    const { href , matched  } = useMemo(()=>{\n        const href = \"\".concat(CLASS_INDEX_PAGE, \"/\").concat(id);\n        return {\n            href,\n            matched: asPath.endsWith(href)\n        };\n    }, [\n        id,\n        asPath\n    ]);\n    return /*#__PURE__*/ _jsx(\"li\", {\n        children: /*#__PURE__*/ _jsx(Link, {\n            href: href,\n            children: /*#__PURE__*/ _jsxs(MyClassButton, {\n                type: \"text\",\n                block: true,\n                className: matched && \"active\",\n                children: [\n                    /*#__PURE__*/ _jsx(Icon, {\n                        icon: isTablet ? Class1 : PlayableMedia\n                    }),\n                    name\n                ]\n            })\n        })\n    });\n};\n","import { useRouter } from \"next/router\";\nimport { useMemo } from \"react\";\nimport { isSubjects } from \"src/api/product\";\nexport const useLibrarySubject = ()=>{\n    const { query  } = useRouter();\n    return useMemo(()=>{\n        const value = query.subject;\n        const result = value ? [\n            ...value instanceof Array ? value : [\n                value\n            ]\n        ] : [];\n        if (isSubjects(result[0])) {\n            return result[0];\n        }\n        return null;\n    }, [\n        query\n    ]);\n};\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  align-items: center;\\n  gap: 4px;\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport styled, { useTheme } from \"styled-components\";\nimport Link from \"next/link\";\nimport { AddToCartComplete } from \"@/modules/products/styles/ProductDetail.style\";\nimport Icon from \"@/components/icon/Icon\";\nimport { ArrowRight, Sizes } from \"@/components/icon/IconList\";\nconst TextWithIconSpan = styled.span.withConfig({\n    componentId: \"sc-c68da2d-0\"\n})(_templateObject());\nexport const AddToCartToast = (param)=>{\n    let { type , content , link , addToCartCompleteModal  } = param;\n    const theme = useTheme();\n    return /*#__PURE__*/ _jsx(Link, {\n        href: link,\n        children: /*#__PURE__*/ _jsxs(AddToCartComplete, {\n            className: \"alert-\".concat(type, \" \").concat(addToCartCompleteModal ? \"fadeIn\" : \"fadeOut\"),\n            children: [\n                /*#__PURE__*/ _jsx(TextWithIconSpan, {\n                    children: content\n                }),\n                /*#__PURE__*/ _jsx(Icon, {\n                    icon: ArrowRight,\n                    size: Sizes.small,\n                    color: theme.new.colors.white\n                })\n            ]\n        })\n    });\n};\n","import BigNumber from \"bignumber.js\";\nexport const calculateSaleRate = (original, current)=>{\n    if (!original || !current) return \"0%\";\n    const originalPrice = new BigNumber(original.replace(/,/g, \"\"));\n    const currentPrice = new BigNumber(current.replace(/,/g, \"\"));\n    if (originalPrice.isEqualTo(currentPrice)) return \"0%\";\n    const rate = originalPrice.minus(currentPrice).dividedBy(originalPrice).multipliedBy(100);\n    return \"\".concat(rate.toFixed(0), \"%\");\n};\n","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport Icon from \"@/components/icon/Icon\";\nimport { ArrowRight, Sizes } from \"@/components/icon/IconList\";\nimport Link from \"next/link\";\nimport React, { useRef } from \"react\";\nimport { useTheme } from \"styled-components\";\nimport { useResizeObserver } from \"usehooks-ts\";\nimport { WarnBoxLayout } from \"../../styles/ProductDetail.style\";\nconst WarnBox = (param)=>{\n    let { productType  } = param;\n    const theme = useTheme();\n    const ref = useRef(null);\n    const { width =0  } = useResizeObserver({\n        ref,\n        box: \"border-box\"\n    });\n    const DefaultWarnBox = (param)=>{\n        let { children  } = param;\n        return /*#__PURE__*/ _jsx(WarnBoxLayout, {\n            ref: ref,\n            children: /*#__PURE__*/ _jsxs(\"div\", {\n                className: \"license\",\n                children: [\n                    /*#__PURE__*/ _jsx(\"h5\", {\n                        children: \"구매 시 확인해주세요!\"\n                    }),\n                    children\n                ]\n            })\n        });\n    };\n    switch(productType){\n        case \"aladinbook\":\n            return /*#__PURE__*/ _jsx(DefaultWarnBox, {\n                children: /*#__PURE__*/ _jsxs(\"p\", {\n                    children: [\n                        /*#__PURE__*/ _jsx(\"b\", {\n                            children: \"실물 교재 혹은 도서를 배송 받는 상품입니다.\"\n                        }),\n                        \"\\xa0상품 수령까지 영업일 기준 2~4일 정도 소요됩니다.\"\n                    ]\n                })\n            });\n        case \"ebookUniversity\":\n        case \"ebook\":\n            return /*#__PURE__*/ _jsx(DefaultWarnBox, {\n                children: /*#__PURE__*/ _jsxs(\"p\", {\n                    children: [\n                        /*#__PURE__*/ _jsx(\"b\", {\n                            children: \"굿노트6 앱 (iOS)에서만 열리는 eBook 상품입니다.\"\n                        }),\n                        \"\\xa0아이폰, 아이패드, 맥북 내 굿노트 6 앱이 설치되어 있어야하며 굿노트 계정(무료계정 가능)이 필요합니다.\"\n                    ]\n                })\n            });\n        case \"workbook\":\n        case \"textbook\":\n            return /*#__PURE__*/ _jsxs(DefaultWarnBox, {\n                children: [\n                    /*#__PURE__*/ _jsxs(\"p\", {\n                        children: [\n                            /*#__PURE__*/ _jsx(\"b\", {\n                                children: \"해당 상품은 수업자료가 아닙니다.\"\n                            }),\n                            \"저작 및 판매 등의 이용 권리를 1년 단위로 계약하는 라이선스 상품입니다.\"\n                        ]\n                    }),\n                    /*#__PURE__*/ _jsxs(Link, {\n                        className: width > 400 ? \"link-default\" : null,\n                        href: \"https://solvookguide.oopy.io/qna/8\",\n                        target: \"_blank\",\n                        children: [\n                            \"자세히 보기\",\n                            \" \",\n                            /*#__PURE__*/ _jsx(Icon, {\n                                icon: ArrowRight,\n                                size: Sizes.xsmall,\n                                color: theme.new.colors.sol_gray_600\n                            })\n                        ]\n                    })\n                ]\n            });\n        default:\n            return null;\n    }\n};\nexport default WarnBox;\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  position: relative;\\n  display: flex;\\n  flex-direction: column;\\n\\n  gap: 14px;\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useBooks } from \"@/components/Books/Order\";\nimport { AddToCartToast } from \"@/components/Product/AddToCartToast\";\nimport { calculateSaleRate } from \"@/components/Product/CalculateSaleRate\";\nimport Icon from \"@/components/icon/Icon\";\nimport { Cart, Sizes } from \"@/components/icon/IconList\";\nimport useRedirect from \"@/hooks/useRedirect\";\nimport { useAuthStore } from \"@/lib/auth/AuthStore\";\nimport { productAddedToCart } from \"@/lib/mixpanels/mixpanel\";\nimport { numberFormatter } from \"@/lib/utils/formatter\";\nimport { BOOKS_ORDER, EBOOKS_ORDER, EBOOKS_UNIVERSITY_LANDING, LIBRARIES_INDEX_PAGE, SHOP_CART_PAGE } from \"@/settings/constant\";\nimport { ConfirmDialog } from \"@bookips/solvook-ui-library\";\nimport { useMutation } from \"@tanstack/react-query\";\nimport { Button } from \"antd\";\nimport { isAxiosError } from \"axios\";\nimport { useRouter } from \"next/router\";\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport { getCurrentCartQuery, postBooksCartItem } from \"src/api/booksCart\";\nimport { isBooksProduct } from \"src/api/booksProducts\";\nimport useHandoutProductStore from \"src/store/relatedProduct\";\nimport { useModal } from \"src/utils/overlay\";\nimport styled, { useTheme } from \"styled-components\";\nimport { PriceInfo } from \"../styles/ProductDetail.style\";\nimport WarnBox from \"./ProductDetail/WarnBox\";\nexport var PurchaseStatus;\n(function(PurchaseStatus) {\n    PurchaseStatus[\"unknownLicense\"] = \"unknownLicense\";\n    PurchaseStatus[\"noLicense\"] = \"noLicense\";\n    PurchaseStatus[\"inActive\"] = \"inActive\";\n    PurchaseStatus[\"normal\"] = \"normal\";\n})(PurchaseStatus || (PurchaseStatus = {}));\nexport const getMillisecondsOfAddedModal = (product)=>1000 * (isBooksProduct(product) ? 5 : 2);\nexport const PriceSection = (param)=>{\n    let { type =\"default\" , product  } = param;\n    const router = useRouter();\n    const theme = useTheme();\n    const { isBooks  } = useBooks();\n    const { isLoggedIn  } = useAuthStore();\n    const { redirectToLogin  } = useRedirect();\n    const timer = useRef();\n    const [isShowModal, setIsShowModal] = useState(false);\n    const originalPrice = isBooksProduct(product) ? numberFormatter(product.originPrice) : null;\n    const productType = isBooksProduct(product) ? product.productType : product.source_type;\n    const [addToCartCompleteModal, setAddToCartCompleteModal] = useState(false);\n    const [isAlreadyPurchasedModal, { open: openAlreadyPurchasedModal , close: closeAlreadyPurchasedModal  }] = useModal(\"alreadyPurchased-modal\");\n    const [isAlreadyDialog, setIsAlreadyDialog] = useState(false);\n    const { selectedPurchaseOption  } = useHandoutProductStore((state)=>({\n            selectedPurchaseOption: state.selectedPurchaseOption\n        }));\n    const { purchaseStatus , statusMessage  } = useMemo(()=>{\n        var _product_flags;\n        let status = \"normal\";\n        const isActive = (isBooksProduct(product) ? \"active\" : product.status) === \"active\";\n        const canPurchase = isBooksProduct(product) ? false : product === null || product === void 0 ? void 0 : (_product_flags = product.flags) === null || _product_flags === void 0 ? void 0 : _product_flags.is_possible_purchase;\n        if (!isActive) {\n            status = \"inActive\";\n        } else if (isBooksProduct(product)) {\n            status = product.available ? \"normal\" : \"noLicense\";\n        } else if (product.source_type === \"handout\" && !canPurchase) {\n            status = isLoggedIn ? \"noLicense\" : \"unknownLicense\";\n        }\n        return {\n            purchaseStatus: status,\n            statusMessage: status === \"unknownLicense\" ? \"구매제한이 있는 상품입니다.\\n 로그인후 확인해주세요.\" : status !== \"normal\" ? \"판매 중지된 상품입니다.\" : \"\".concat(productType === \"ebook\" ? \"eBook \" : productType === \"aladinbook\" ? \"도서 \" : \"\", \"장바구니 담기\")\n        };\n    }, [\n        product,\n        isLoggedIn,\n        productType\n    ]);\n    const showCompletedAddingItemToCart = useCallback(()=>{\n        clearTimeout(timer.current);\n        setAddToCartCompleteModal(true);\n        timer.current = setTimeout(()=>setAddToCartCompleteModal(false), getMillisecondsOfAddedModal(product));\n    }, [\n        product\n    ]);\n    const { refetch  } = getCurrentCartQuery({\n        enabled: isLoggedIn,\n        params: {\n            cartType: isBooksProduct(product) ? product.productType : \"separate\"\n        }\n    });\n    const { mutate: addItemToCart  } = useMutation({\n        mutationFn: postBooksCartItem,\n        onSuccess: async (data)=>{\n            showCompletedAddingItemToCart();\n            productAddedToCart({\n                ...product,\n                id: product.id,\n                source_type: isBooksProduct(product) ? product.provider : product.source_type,\n                source: isBooksProduct(product) ? null : product.source,\n                purchaseOption: selectedPurchaseOption\n            });\n            refetch();\n        },\n        onError: (error)=>{\n            if (isAxiosError(error)) {\n                const { response: { status , data  }  } = error;\n                if (status === 409 && data.message === \"Already added\") {\n                    showCompletedAddingItemToCart();\n                } else if (data.message === \"Duplicate license\") {\n                    openAlreadyPurchasedModal();\n                }\n            }\n        }\n    });\n    const licensePrice = useCallback(()=>{\n        if (isBooksProduct(product)) {\n            return {\n                originalPrice: product.originPrice,\n                price: product.price,\n                id: product.id\n            };\n        } else {\n            return {\n                price: product.price,\n                id: product.id\n            } // Fallback if no variant is found\n            ;\n        }\n    }, [\n        product\n    ]);\n    const price = numberFormatter(licensePrice().price);\n    const onCart = useCallback(async ()=>{\n        if (!isLoggedIn) {\n            redirectToLogin();\n            return;\n        }\n        addItemToCart({\n            cartType: isBooksProduct(product) ? product.productType : \"separate\",\n            cartItems: [\n                {\n                    productId: \"\".concat(product.id)\n                }\n            ]\n        });\n    }, [\n        isLoggedIn,\n        redirectToLogin,\n        product,\n        showCompletedAddingItemToCart,\n        addItemToCart,\n        licensePrice\n    ]);\n    const handleClick = useCallback(()=>{\n        clearTimeout(timer.current);\n        setIsShowModal(true);\n        onCart();\n        timer.current = setTimeout(()=>setIsShowModal(false), getMillisecondsOfAddedModal(product) + 1000);\n    }, [\n        onCart,\n        product\n    ]);\n    // 대학생 이북인지 체크합니다. 이북에서만 할인율을 보여주지 않습니다.\n    const isUniversityHome = useMemo(()=>{\n        if (router.pathname.includes(EBOOKS_UNIVERSITY_LANDING)) {\n            return true;\n        }\n        return false;\n    }, [\n        router.pathname\n    ]);\n    return /*#__PURE__*/ _jsxs(PriceSectionLayout, {\n        children: [\n            /*#__PURE__*/ _jsxs(PriceInfo, {\n                children: [\n                    originalPrice && originalPrice !== price && /*#__PURE__*/ _jsxs(\"p\", {\n                        className: \"original-price\",\n                        children: [\n                            !isUniversityHome && /*#__PURE__*/ _jsx(\"span\", {\n                                className: \"sale-rate\",\n                                children: calculateSaleRate(originalPrice, price)\n                            }),\n                            /*#__PURE__*/ _jsxs(\"span\", {\n                                className: \"origin-price-text\",\n                                children: [\n                                    originalPrice,\n                                    \"원\"\n                                ]\n                            })\n                        ]\n                    }),\n                    /*#__PURE__*/ _jsxs(\"p\", {\n                        className: \"price\",\n                        children: [\n                            /*#__PURE__*/ _jsx(\"span\", {\n                                children: \"판매가 \"\n                            }),\n                            price,\n                            \"원\"\n                        ]\n                    }),\n                    /*#__PURE__*/ _jsx(Button, {\n                        onClick: handleClick,\n                        className: \"ctCartBtn\",\n                        size: \"large\",\n                        type: \"primary\",\n                        block: true,\n                        disabled: purchaseStatus !== \"normal\",\n                        ghost: true,\n                        children: statusMessage\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(\"div\", {\n                style: {\n                    position: \"relative\"\n                },\n                children: isShowModal && (isBooksProduct(product) ? /*#__PURE__*/ _jsx(AddToCartToast, {\n                    addToCartCompleteModal: addToCartCompleteModal,\n                    type: type,\n                    link: isBooks ? BOOKS_ORDER : EBOOKS_ORDER,\n                    content: /*#__PURE__*/ _jsxs(_Fragment, {\n                        children: [\n                            /*#__PURE__*/ _jsx(Icon, {\n                                icon: Cart,\n                                size: Sizes.medium,\n                                color: theme.new.colors.white\n                            }),\n                            isBooks ? \"도서\" : \"eBook\",\n                            \" 장바구니에 담았어요\"\n                        ]\n                    })\n                }) : /*#__PURE__*/ _jsx(AddToCartToast, {\n                    type: type,\n                    content: /*#__PURE__*/ _jsxs(_Fragment, {\n                        children: [\n                            /*#__PURE__*/ _jsx(Icon, {\n                                icon: Cart,\n                                size: Sizes.medium,\n                                color: theme.new.colors.white\n                            }),\n                            \"장바구니에 담았어요\"\n                        ]\n                    }),\n                    link: SHOP_CART_PAGE,\n                    addToCartCompleteModal: addToCartCompleteModal\n                }))\n            }),\n            /*#__PURE__*/ _jsx(WarnBox, {\n                productType: productType\n            }),\n            /*#__PURE__*/ _jsx(ConfirmDialog, {\n                open: isAlreadyDialog,\n                severity: \"success\",\n                onClose: ()=>setIsAlreadyDialog(false),\n                title: \"이미 구매한 상품입니다\",\n                content: \"마이쏠북의 자료 보관함을 통해 상품을 확인할 수 있습니다.\",\n                okText: \"자료 보관함 가기\",\n                onOk: ()=>router.push(LIBRARIES_INDEX_PAGE),\n                cancelText: \"닫기\"\n            })\n        ]\n    });\n};\nconst PriceSectionLayout = styled.div.withConfig({\n    componentId: \"sc-5b09f161-0\"\n})(_templateObject());\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  border-radius: 6px;\\n  background-color: \",\n        \";\\n  color: \",\n        \";\\n  display: flex;\\n  justify-content: space-between;\\n  align-items: center;\\n  padding: 12px 16px;\\n  font-size: 18px;\\n  font-weight: 600;\\n  box-shadow: 6px 6px 6px 0 rgba(0, 0, 0, 0.25);\\n  line-height: 1.5;\\n  position: absolute;\\n  z-index: 3;\\n  left: 0;\\n  right: 0;\\n  top: 0;\\n  transition: 0.3s;\\n  will-change: transform;\\n\\n  &.fadeOut {\\n    visibility: hidden;\\n    transition: 0.25s;\\n    transform: scale(0.4);\\n    opacity: 0;\\n  }\\n\\n  &.fadeIn {\\n    visibility: visible;\\n    transform: scale(1);\\n  }\\n\\n  a {\\n    display: flex;\\n    align-items: center;\\n    color: \",\n        \";\\n    font-size: 14px;\\n    font-weight: 600;\\n    gap: 4px;\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  width: 960px;\\n  height: 90vh;\\n  @media (max-width: 1200px) {\\n    width: 100%;\\n    height: 77vh;\\n  }\\n\\n  .navigator {\\n    background-color: \",\n        \";\\n    padding: 20px;\\n    overflow: scroll;\\n    height: 100%;\\n\\n    > div {\\n      gap: 12px;\\n      flex-direction: column;\\n      display: flex;\\n    }\\n\\n    button {\\n      width: 120px;\\n      height: 167px;\\n      background-size: cover;\\n      background-repeat: no-repeat;\\n      border: 2px solid \",\n        \";\\n      background-position: center;\\n      backdrop-filter: opacity(0.6);\\n\\n      :hover,\\n      &.active {\\n        border: 2px solid \",\n        \";\\n        transition: 0.4s;\\n      }\\n    }\\n  }\\n\\n  .zoom {\\n    background-color: \",\n        \";\\n    width: 85%;\\n    display: flex;\\n    justify-content: center;\\n    align-items: center;\\n    padding: 25px 20px;\\n    @media (max-width: 1200px) {\\n      width: 100%;\\n      flex: 1;\\n    }\\n\\n    .zoom-image {\\n      width: 100%;\\n      height: calc(100% - 50px);\\n      background-size: contain;\\n      background-repeat: no-repeat;\\n      background-position: center;\\n    }\\n  }\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  text-align: left;\\n  font-size: 16px;\\n  font-weight: 600;\\n  line-height: 24px;\\n  padding: 11px;\\n\\n  span {\\n    margin-left: 4px;\\n    color: \",\n        \";\\n  }\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject3() {\n    const data = _tagged_template_literal([\n        \"\\n  max-width: 1232px;\\n  width: 100%;\\n  margin-left: auto;\\n  margin-right: auto;\\n  padding-left: 16px;\\n  padding-right: 16px;\\n\\n  @media (max-width: 1200px) {\\n  }\\n  @media (max-width: 768px) {\\n    padding: 0;\\n  }\\n\"\n    ]);\n    _templateObject3 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject4() {\n    const data = _tagged_template_literal([\n        \"\\n  margin-bottom: 80px;\\n  display: flex;\\n  justify-content: center;\\n\\n  @media (max-width: 1200px) {\\n    margin-bottom: 60px;\\n  }\\n  @media (max-width: 768px) {\\n    margin-bottom: 40px;\\n  }\\n  i {\\n    vertical-align: middle;\\n  }\\n  .ant-row {\\n    width: 100%;\\n\\n    @media (max-width: 1200px) {\\n      margin: 0 !important;\\n      .ant-col {\\n        max-width: 100%;\\n      }\\n    }\\n    @media (max-width: 768px) {\\n      display: block;\\n      width: 100%;\\n    }\\n  }\\n  .amount {\\n    display: inline-block;\\n    vertical-align: bottom;\\n    font-size: 16px;\\n    font-weight: bold;\\n    color: rgba(27, 27, 41, 0.7);\\n    padding: 4px 12px;\\n    margin-left: 8px;\\n    border-radius: 15px;\\n    border: solid 1px rgba(27, 27, 41, 0.7);\\n  }\\n  .ant-col {\\n    .preview-btn {\\n      margin-top: 20px;\\n      display: block;\\n      height: 48px;\\n      width: 100%;\\n      border-radius: 6px;\\n      font-size: 16px;\\n      font-weight: 700;\\n      border-color: #6950e5;\\n      @media (max-width: 768px) {\\n        display: none;\\n      }\\n      span {\\n        color: #6950e5;\\n      }\\n      :hover {\\n        opacity: 0.7;\\n      }\\n    }\\n    .share-btn {\\n      display: block;\\n      width: 100%;\\n      height: 72px;\\n      font-size: 24px;\\n      font-weight: 600;\\n      color: #5f5f69;\\n      margin: 24px auto 0;\\n      box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.03) !important;\\n\\n      span {\\n        transition: color 0.2s;\\n      }\\n\\n      &:hover {\\n        border-color: #01bfc8;\\n\\n        span {\\n          color: #01bfc8;\\n        }\\n      }\\n\\n      img {\\n        margin-right: 8px;\\n        margin-top: -4px;\\n      }\\n\\n      @media (max-width: 1200px) {\\n        width: calc(100% - 36px);\\n        height: 48px;\\n        line-height: 0;\\n        padding: 0;\\n        margin-top: 16px;\\n        margin-left: 0;\\n\\n        img {\\n          width: 20px;\\n          height: 20px;\\n          margin-right: 8px;\\n        }\\n\\n        span {\\n          font-size: 18px;\\n        }\\n      }\\n      @media (max-width: 768px) {\\n        width: 48px;\\n        padding: 0;\\n        margin-left: auto;\\n        margin-right: 0;\\n        margin-top: 8px;\\n        border-radius: 2px;\\n\\n        img {\\n          width: 18px;\\n          height: 18px;\\n          margin-top: -2px;\\n          margin-right: 0;\\n        }\\n\\n        span {\\n          display: none;\\n        }\\n      }\\n    }\\n  }\\n\\n  .titleWrapper {\\n    display: flex;\\n    flex-direction: row;\\n  }\\n\\n  .ant-radio-group-outline {\\n    display: flex;\\n    flex-direction: column;\\n  }\\n\\n  .ant-radio-wrapper {\\n    border: 1px solid \",\n        \";\\n    margin-bottom: 5px;\\n    padding: 15px;\\n  }\\n\\n  .alert {\\n    width: 100%;\\n    text-align: right;\\n\\n    span {\\n      color: #00bfc8;\\n    }\\n  }\\n\\n  .workbook {\\n    border-top: 1px solid rgba(27, 27, 41, 0.1);\\n    border-bottom: 1px solid rgba(27, 27, 41, 0.1);\\n    padding: 10px 0;\\n\\n    p {\\n      font-weight: bold;\\n    }\\n  }\\n\\n  .price {\\n    font-weight: bold;\\n    font-size: 32px;\\n    display: flex;\\n    justify-content: space-between;\\n\\n    @media (max-width: 1200px) {\\n      font-size: 24px;\\n    }\\n    @media (max-width: 768px) {\\n      font-size: 20px;\\n    }\\n  }\\n\\n  .btnWrapper {\\n    border-style: unset;\\n    display: flex;\\n    justify-content: space-between;\\n    margin: 20px;\\n\\n    button {\\n      width: 45%;\\n      padding: 5px;\\n    }\\n  }\\n  .parsing-badge-wrapper {\\n    margin-top: 16px;\\n    width: 100%;\\n    padding: 14px;\\n    display: flex;\\n    align-items: center;\\n    background-color: #fff6e5;\\n    justify-content: space-between;\\n    .left-badge {\\n      display: flex;\\n      align-items: center;\\n      line-height: 1.43;\\n      font-size: 14px;\\n      color: \",\n        \";\\n    }\\n    span {\\n      margin-left: 8px;\\n      float: left;\\n    }\\n  }\\n  .notParsing-badge-wrapper {\\n    margin-top: 16px;\\n    width: 100%;\\n    padding: 14px;\\n    display: flex;\\n    align-items: center;\\n    background-color: rgba(27, 27, 41, 0.03);\\n    justify-content: space-between;\\n    .label-edit-img {\\n      -webkit-filter: grayscale(100%);\\n      filter: grayscale(100%);\\n      filter: gray;\\n    }\\n    .edit-desc {\\n      color: #5f5f69;\\n      font-size: 14px;\\n      font-weight: 800;\\n      margin-left: 4px;\\n      text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;\\n    }\\n    .left-badge {\\n      display: flex;\\n      align-items: center;\\n      line-height: 1.43;\\n      font-size: 14px;\\n      color: \",\n        \";\\n    }\\n    .edit-request {\\n      font-size: 14px;\\n      color: #1890ff;\\n      font-weight: 800;\\n    }\\n    span {\\n      margin-left: 4px;\\n      float: left;\\n    }\\n    .right-edit {\\n      line-height: 1.43;\\n      img {\\n        margin-left: 4px;\\n        vertical-align: sub;\\n      }\\n    }\\n  }\\n\"\n    ]);\n    _templateObject4 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject5() {\n    const data = _tagged_template_literal([\n        \"\\n  padding-right: 48px;\\n  width: 292px;\\n  @media (max-width: 768px) {\\n    background-color: \",\n        \";\\n    padding: 40px 0;\\n    width: 100%;\\n  }\\n  .img_box {\\n    width: 244px;\\n    border: solid 1px #e8e8ea;\\n    text-align: center;\\n    border-radius: 6px;\\n    height: auto;\\n    box-shadow: 6px 6px 20px 0px rgba(28, 31, 46, 0.12);\\n    img {\\n      border-radius: 6px;\\n      position: relative;\\n      display: inline-block;\\n      object-fit: contain;\\n      margin: 0 auto;\\n      width: 100%;\\n      height: auto;\\n      max-height: 698px;\\n    }\\n    .no-image {\\n      border-radius: 6px;\\n      position: relative;\\n      display: flex;\\n      flex-direction: column;\\n      justify-content: center;\\n      object-fit: contain;\\n      margin: 0 auto;\\n      width: 100%;\\n      height: 330px;\\n      max-height: 698px;\\n    }\\n    @media (max-width: 768px) {\\n      width: 160px;\\n      margin: 0 auto;\\n    }\\n  }\\n\"\n    ]);\n    _templateObject5 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject6() {\n    const data = _tagged_template_literal([\n        \"\\n  width: 340px;\\n  @media (max-width: 1200px) {\\n    display: none;\\n  }\\n\"\n    ]);\n    _templateObject6 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject7() {\n    const data = _tagged_template_literal([\n        \"\\n  width: 100%;\\n  flex: 1;\\n  padding-right: 72px;\\n  @media (max-width: 1200px) {\\n    //margin-top: 36px;\\n  }\\n  @media (max-width: 768px) {\\n    margin-top: 16px;\\n    padding: 0 16px;\\n  }\\n  position: relative;\\n  padding-bottom: 20px;\\n  > p {\\n    font-size: 14px;\\n    color: #6950e5;\\n    margin-bottom: 0;\\n    font-weight: 600;\\n    > span {\\n      color: \",\n        \";\\n      margin-left: 12px;\\n    }\\n  }\\n  > h1 {\\n    display: flex;\\n    align-items: center;\\n    font-size: 28px;\\n    font-weight: 700;\\n    color: \",\n        \";\\n    line-height: 1.5;\\n    word-break: keep-all;\\n    margin-top: 4px;\\n\\n    @media (max-width: 1200px) {\\n      font-size: 28px;\\n    }\\n    @media (max-width: 768px) {\\n      font-size: 20px;\\n    }\\n  }\\n  .authorContainer {\\n    display: flex;\\n    font-size: 16px;\\n    font-weight: 600;\\n    color: \",\n        \";\\n    line-height: 24px;\\n    margin-bottom: 28px;\\n    > a {\\n      border-radius: 4px;\\n      border: 1px solid \",\n        \";\\n      padding: 2px 4px 2px 8px;\\n      font-size: 12px;\\n      color: #4f556b;\\n      line-height: 18px;\\n      margin-left: 8px;\\n      display: flex;\\n      align-items: center;\\n    }\\n  }\\n  .license-guide-btn {\\n    position: absolute;\\n    top: -8px;\\n    right: -16px;\\n    transition: opacity 0.2s;\\n\\n    &,\\n    &:hover {\\n      font-size: 16px;\\n      font-weight: bold;\\n      color: #5f5f69;\\n      border: none;\\n    }\\n\\n    span {\\n      text-decoration: underline;\\n    }\\n  }\\n\"\n    ]);\n    _templateObject7 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject8() {\n    const data = _tagged_template_literal([\n        \"\\n  font-size: 16px;\\n  border-top: 1px solid \",\n        \";\\n  border-bottom: 1px solid \",\n        \";\\n  padding: 28px 0;\\n  display: flex;\\n  flex-direction: column;\\n  gap: 8px;\\n  li {\\n    display: flex;\\n    div {\\n      line-height: 1.5;\\n      &.type {\\n        color: \",\n        \";\\n        width: 100px;\\n      }\\n      &.type-value {\\n        color: \",\n        \";\\n        width: calc(100% - 100px);\\n        i {\\n          margin-left: 4px;\\n        }\\n      }\\n    }\\n    &.core-info-handout {\\n      .출처교재 {\\n        display: flex;\\n        align-items: center;\\n        > span {\\n          cursor: pointer;\\n          transition: all 0.3s ease;\\n          :hover {\\n            text-decoration: underline;\\n            //text-underline-offset: 1px;\\n          }\\n        }\\n      }\\n    }\\n  }\\n\"\n    ]);\n    _templateObject8 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject9() {\n    const data = _tagged_template_literal([\n        \"\\n  padding: 28px 0;\\n  .activity {\\n    .desc-title {\\n      display: flex;\\n      align-items: center;\\n      font-size: 16px;\\n      font-weight: 600;\\n      margin-bottom: 12px;\\n      color: \",\n        \";\\n\\n      span {\\n        font-weight: normal;\\n        margin-left: 8px;\\n        color: \",\n        \";\\n        font-size: 12px;\\n      }\\n    }\\n    .allowance-wrapper {\\n      display: flex;\\n      gap: 8px;\\n      flex-wrap: wrap;\\n      @media (max-width: 768px) {\\n        //flex-wrap: nowrap;\\n        //overflow-x: auto;\\n      }\\n    }\\n  }\\n\\n  .key-info {\\n    padding-bottom: 12px;\\n    border-top: solid 1px \",\n        \";\\n\\n    .desc-title {\\n      font-size: 16px;\\n      font-weight: bold;\\n      color: \",\n        \";\\n      padding: 16px 8px;\\n      margin-bottom: 12px;\\n      border: 0;\\n      background-image: linear-gradient(to right, #e8e8ea 33%, rgba(255, 255, 255, 0) 0%);\\n      background-position: bottom;\\n      background-size: 5px 2px;\\n      background-repeat: repeat-x;\\n\\n      &:after {\\n        display: inline-block;\\n        vertical-align: text-top;\\n        content: '';\\n        width: 24px;\\n        height: 24px;\\n        margin-top: -3px;\\n        background: url('/static/assets/img-pin.svg') no-repeat 50% 50%;\\n        background-size: contain;\\n      }\\n    }\\n\\n    p:not(.desc-title) {\\n      font-size: 16px;\\n      font-weight: normal;\\n      color: \",\n        \";\\n      padding: 4px 8px;\\n\\n      span {\\n        display: inline-block;\\n        width: 50px;\\n        font-weight: bold;\\n        color: #5f5f69;\\n      }\\n    }\\n  }\\n\\n  .base-license {\\n    padding: 16px 8px 0;\\n    border: 0;\\n    background-image: linear-gradient(to right, #e8e8ea 33%, rgba(255, 255, 255, 0) 0%);\\n    background-position: top;\\n    background-size: 5px 2px;\\n    background-repeat: repeat-x;\\n\\n    a {\\n      display: inline-block;\\n      border: solid 1px #e8e8ea;\\n      transition: opacity 0.2s;\\n\\n      @media (hover: hover) {\\n        &:hover {\\n          opacity: 0.7;\\n        }\\n      }\\n    }\\n\\n    p {\\n      font-size: 16px;\\n      font-weight: bold;\\n      color: #5f5f69;\\n      margin-bottom: 8px;\\n    }\\n\\n    button {\\n      display: inline-block;\\n      height: auto;\\n      border: solid 1px #e8e8ea;\\n      padding: 0;\\n      margin-right: 4px;\\n    }\\n  }\\n\\n  button.desc-title {\\n    display: block;\\n    width: 100%;\\n    height: 56px;\\n    font-size: 16px;\\n    font-weight: bold;\\n    color: \",\n        \";\\n    text-align: left;\\n    padding: 15px 0;\\n    border: solid 1px \",\n        \";\\n    border-left: 0;\\n    border-right: 0;\\n    background: url('/static/assets/ico-plus-black.svg') no-repeat 100% 50%;\\n    background-size: 16px;\\n    transition: opacity 0.2s;\\n\\n    @media (hover: hover) {\\n      &:hover {\\n        opacity: 0.7;\\n        color: \",\n        \";\\n        border-color: \",\n        \";\\n      }\\n    }\\n  }\\n\"\n    ]);\n    _templateObject9 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject10() {\n    const data = _tagged_template_literal([\n        \"\\n  padding: 20px;\\n\\n  background-color: #fff;\\n  margin-top: 28px;\\n  border-radius: 6px;\\n  box-shadow: 6px 6px 20px 0px rgba(28, 31, 46, 0.12);\\n\\n  display: flex;\\n  flex-direction: column;\\n\\n  .original-price {\\n    display: flex;\\n    width: 100%;\\n    align-items: center;\\n    justify-content: flex-end;\\n    font-size: 14px;\\n    .origin-price-text {\\n      color: \",\n        \";\\n      font-weight: 400;\\n      text-decoration: line-through;\\n    }\\n    span.sale-rate {\\n      color: \",\n        \";\\n      font-weight: 600;\\n    }\\n  }\\n  .price {\\n    display: flex;\\n    align-items: center;\\n    justify-content: space-between;\\n    font-size: 24px;\\n    margin: 0;\\n    color: \",\n        \";\\n    font-weight: 700;\\n    span {\\n      flex: 1;\\n      font-size: 16px;\\n      color: \",\n        \";\\n      font-weight: 400;\\n    }\\n  }\\n  .ctCartBtn {\\n    position: relative;\\n    height: 56px;\\n    font-weight: 600;\\n    color: #fff;\\n    margin-top: 24px;\\n    background-color: \",\n        \";\\n    border-radius: 6px;\\n    border: none;\\n    span {\\n      white-space: pre-wrap;\\n    }\\n    :hover:not(:disabled) {\\n      opacity: 0.8;\\n      background-color: \",\n        \" !important;\\n      color: #fff !important;\\n    }\\n    :disabled {\\n      background-color: transparent;\\n      border: 1px solid \",\n        \";\\n      color: \",\n        \";\\n    }\\n  }\\n\"\n    ]);\n    _templateObject10 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject11() {\n    const data = _tagged_template_literal([\n        \"\\n  position: relative;\\n  > .license {\\n    position: relative;\\n    border: 1px solid \",\n        \";\\n    border-radius: 6px;\\n    padding: 20px;\\n    p {\\n      margin: 0;\\n      font-size: 14px;\\n      letter-spacing: -0.2px;\\n      color: \",\n        \";\\n      line-height: 22px;\\n      b {\\n        font-weight: 700;\\n        color: \",\n        \";\\n      }\\n    }\\n\\n    h5 {\\n      z-index: 2;\\n      position: relative;\\n      font-size: 20px;\\n      display: inline-block;\\n      font-weight: 700;\\n      color: \",\n        \";\\n      margin-bottom: 16px;\\n      ::before {\\n        position: absolute;\\n        display: block;\\n        vertical-align: middle;\\n        content: '';\\n        z-index: -1;\\n        height: 12px;\\n        bottom: 0;\\n        width: 100%;\\n        background-color: \",\n        \";\\n      }\\n      @media (max-width: 768px) {\\n        h5 {\\n          font-size: 18px;\\n        }\\n      }\\n    }\\n    a {\\n      display: flex;\\n      width: 100%;\\n      align-items: center;\\n      justify-content: flex-end;\\n      color: \",\n        \";\\n      margin-top: 16px;\\n    }\\n    .link-default {\\n      position: absolute;\\n      top: 20px;\\n      right: 20px;\\n      margin-top: 0;\\n    }\\n  }\\n\"\n    ]);\n    _templateObject11 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject12() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  margin-top: 12px;\\n  padding: 11px 16px;\\n  background-color: \",\n        \";\\n  gap: 8px;\\n  border-radius: 4px;\\n  align-items: center;\\n  p {\\n    margin: 0;\\n  }\\n  > div {\\n    p:first-child {\\n      margin-bottom: 4px;\\n      font-size: 10px;\\n      color: \",\n        \";\\n    }\\n    p:last-child {\\n      font-size: 7px;\\n      color: \",\n        \";\\n    }\\n  }\\n  @media (max-width: 768px) {\\n    align-items: center;\\n    justify-content: center;\\n    padding: 0;\\n    margin-top: 17px;\\n    > div p:first-child {\\n      color: \",\n        \";\\n      margin: 0;\\n    }\\n    .hide_m {\\n      display: none;\\n    }\\n  }\\n\"\n    ]);\n    _templateObject12 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject13() {\n    const data = _tagged_template_literal([\n        \"\\n  margin-bottom: 16px;\\n\"\n    ]);\n    _templateObject13 = function() {\n        return data;\n    };\n    return data;\n}\nimport { themeGet } from \"@styled-system/theme-get\";\nimport { Col } from \"antd\";\nimport styled from \"styled-components\";\nexport const AddToCartComplete = styled.div.withConfig({\n    componentId: \"sc-ac6f7205-0\"\n})(_templateObject(), (props)=>props.theme.new.colors.sol_gray_700, (props)=>props.theme.new.colors.white, (props)=>props.theme.new.colors.white);\nexport const PreviewModal = styled.div.withConfig({\n    componentId: \"sc-ac6f7205-1\"\n})(_templateObject1(), (props)=>props.theme.new.colors.gray200, (props)=>props.theme.new.colors.gray200, (props)=>props.theme.new.colors.primary, (props)=>props.theme.new.colors.gray270);\nexport const PreviewTitle = styled.div.withConfig({\n    componentId: \"sc-ac6f7205-2\"\n})(_templateObject2(), (props)=>props.theme.new.colors.primary);\nexport const ProductDetailViewWrapper = styled.div.withConfig({\n    componentId: \"sc-ac6f7205-3\"\n})(_templateObject3());\nexport const ProductDetailInfoWrapper = styled.div.withConfig({\n    componentId: \"sc-ac6f7205-4\"\n})(_templateObject4(), themeGet(\"border.0\"), themeGet(\"text.2\", \"#2C2C2C\"), themeGet(\"text.2\", \"#2C2C2C\"));\nexport const ImageSection = styled(Col).withConfig({\n    componentId: \"sc-ac6f7205-5\"\n})(_templateObject5(), (props)=>props.theme.new.colors.sol_gray_0);\nexport const StickySection = styled(Col).withConfig({\n    componentId: \"sc-ac6f7205-6\"\n})(_templateObject6());\nexport const CoreSection = styled(Col).withConfig({\n    componentId: \"sc-ac6f7205-7\"\n})(_templateObject7(), (props)=>props.theme.new.colors.sol_gray_400, (props)=>props.theme.new.colors.sol_gray_900, (props)=>props.theme.new.colors.sol_gray_600, (props)=>props.theme.new.colors.sol_gray_100);\nexport const ContentInfo = styled.ul.withConfig({\n    componentId: \"sc-ac6f7205-8\"\n})(_templateObject8(), (props)=>props.theme.new.colors.sol_gray_100, (props)=>props.theme.new.colors.sol_gray_100, (props)=>props.theme.new.colors.sol_gray_400, (props)=>props.theme.new.colors.sol_gray_600);\nexport const AllowanceInfo = styled.div.withConfig({\n    componentId: \"sc-ac6f7205-9\"\n})(_templateObject9(), (props)=>props.theme.new.colors.sol_gray_900, (props)=>props.theme.new.colors.sol_gray_400, themeGet(\"border.1\", \"#E8E8EA\"), themeGet(\"text.0\", \"#1B1B29\"), themeGet(\"text.0\", \"#1B1B29\"), themeGet(\"text.0\", \"#1B1B29\"), themeGet(\"border.1\", \"#E8E8EA\"), themeGet(\"text.0\", \"#1B1B29\"), themeGet(\"border.1\", \"#E8E8EA\"));\nexport const PriceInfo = styled.div.withConfig({\n    componentId: \"sc-ac6f7205-10\"\n})(_templateObject10(), (props)=>props.theme.new.colors.sol_gray_300, (props)=>props.theme.new.colors.sol_indigo_500, (props)=>props.theme.new.colors.sol_gray_900, (props)=>props.theme.new.colors.sol_gray_500, (props)=>props.theme.new.colors.sol_indigo_500, (props)=>props.theme.new.colors.sol_indigo_500, (props)=>props.theme.new.colors.sol_red_100, (props)=>props.theme.new.colors.sol_red_400);\nexport const WarnBoxLayout = styled.div.withConfig({\n    componentId: \"sc-ac6f7205-11\"\n})(_templateObject11(), (props)=>props.theme.new.colors.sol_gray_100, (props)=>props.theme.new.colors.sol_gray_600, (props)=>props.theme.new.colors.sol_indigo_500, (props)=>props.theme.new.colors.sol_gray_900, (props)=>props.theme.new.colors.sol_indigo_100, (props)=>props.theme.new.colors.sol_gray_600);\nexport const UCIPromotionBox = styled.div.withConfig({\n    componentId: \"sc-ac6f7205-12\"\n})(_templateObject12(), (props)=>props.theme.new.colors.sol_gray_0, (props)=>props.theme.new.colors.sol_gray_600, (props)=>props.theme.new.colors.sol_gray_400, (props)=>props.theme.new.colors.sol_gray_400);\nexport const ModalTitle = styled.div.withConfig({\n    componentId: \"sc-ac6f7205-13\"\n})(_templateObject13());\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n\\nspan {\\n\tcolor: inherit;\\n}\\n\\nbody {\\n   //-webkit-user-select: none;\\n   //-webkit-tap-highlight-color: transparent;\\n   //-webkit-touch-callout: none;\\n\tpadding-top: constant(safe-area-inset-top); /* iOS 11.0 */\\n\tpadding-top: env(safe-area-inset-top); /* iOS 11.2 */\\n}\\n    \\n.ant-form-item {\\nmargin: 0 0 16px;\\n\\n .ant-form-explain, .ant-form-extra {\\n\tmargin-top: 2px;\\n\tline-height: 26px;   \t\t\\n  } \\n}\\n\\n.active-link {\\n\tdisplay: inline-block;\\n\theight: 64px;\\n}\\n\\n .am-tabs-default-bar-tab-active {\\n \tcolor: \",\n        \";\\n } \\n \\n .am-tabs-default-bar-underline {\\n \tborder: 1px \",\n        \" solid;\\n }\\n//\\n// .ant-checkbox {\\n// \tflex-shrink: 0;\\n// \t.ant-checkbox-inner {\\n// \t  border-radius: 0;\\n// \t  border-color: \",\n        \";\\n// \t}\\n//     &.ant-checkbox-checked {\\n// \t  .ant-checkbox-inner {\\n// \t     border-color: \",\n        \";\\n// \t\t background-color: \",\n        \";\\n// \t   }\\n//     }\\n// \t&::after {\\n// \t\tdisplay: none;\\n// \t}\\n// }  \\n// \"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { createGlobalStyle } from \"styled-components\";\nimport { themeGet } from \"@styled-system/theme-get\";\n//less\nexport const AppDefaultStyle = createGlobalStyle(_templateObject(), themeGet(\"primary.0\"), themeGet(\"primary.0\"), themeGet(\"text.1\", \"#909090\"), themeGet(\"primary.0\", \"#008489\"), themeGet(\"primary.0\", \"#008489\"));\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n    * {\\n        box-sizing: inherit;\\n        -webkit-font-smoothing: antialiased;\\n        -moz-osx-font-smoothing: grayscale;\\n        font-family: 'Pretendard', sans-serif;\\n\\n        &::before,\\n        &::after {\\n            box-sizing: inherit;\\n        }\\n    }\\n\\n    ::selection {\\n        background: \",\n        \";\\n        color: \",\n        \";\\n    }\\n\\n    html {\\n        box-sizing: border-box;\\n        -ms-overflow-style: scrollbar;\\n    }\\n\\n    html,\\n    html a,\\n    h1,\\n    h2,\\n    h3,\\n    h4,\\n    h5,\\n    h6,\\n    a,\\n    p,\\n    li,\\n    dl,\\n    th,\\n    dt,\\n    input,\\n    textarea,\\n    div {\\n        color: \",\n        \";\\n        //font-family: 'Pretendard', 'Noto Sans KR', sans-serif;\\n        font-family: 'Pretendard', sans-serif;\\n        -webkit-font-smoothing: antialiased;\\n        -moz-osx-font-smoothing: grayscale;\\n        //text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);\\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\\n        -webkit-tap-highlight-color: transparent;\\n    }\\n\\n    //@font-face {\\n    //font-family: 'Noto Sans KR';\\n    //  src: url('/static/fonts/NotoSansKR-Regular.woff2') format('woff2'),\\n    //  url('/static/fonts/NotoSansKR-Regular.woff') format('woff'),\\n    //  url('/static/fonts/NotoSansKR-Regular.otf') format('otf');\\n    //  font-weight: 400;\\n    //  font-style: normal;\\n    //}\\n\\n    //@font-face {\\n    //  font-family: 'Pretendard';\\n    //  src: url('/static/fonts/Pretendard-Regular.woff2') format('woff2'),\\n    //  url('/static/fonts/Pretendard-Regular.woff') format('woff');\\n    //  font-weight: 400;\\n    //  font-style: normal;\\n    //}\\n\\n    //@font-face {\\n    //  font-family: 'Pretendard';\\n    //  src: url('/static/fonts/Pretendard-Bold.woff2') format('woff2'),\\n    //  url('/static/fonts/Pretendard-Bold.woff') format('woff');\\n    //  font-weight: 800;\\n    //  font-style: normal;\\n    //}\\n\\n    //@font-face {\\n    //  font-family: 'Pretendard';\\n    //  src: url('/static/fonts/Pretendard-ExtraBold.woff2') format('woff2'),\\n    //  url('/static/fonts/Pretendard-ExtraBold.woff') format('woff');\\n    //  font-weight: 900;\\n    //  font-style: normal;\\n    //}\\n\\n    body {\\n        margin: 0;\\n        padding: 0;\\n        overflow-x: hidden !important;\\n        //font-family: 'Pretendard', 'Noto Sans KR', sans-serif;\\n        font-family: 'Pretendard', sans-serif;\\n        -webkit-tap-highlight-color: transparent;\\n    }\\n\\n    ul {\\n        margin: 0;\\n        padding: 0;\\n    }\\n\\n    li {\\n        list-style-type: none;\\n    }\\n\\n    a {\\n        text-decoration: none;\\n        cursor: pointer;\\n    }\\n\\n    p {\\n        margin: 0;\\n    }\\n\\n    button {\\n        cursor: pointer;\\n    }\\n\\n    strong {\\n        font-weight: 700;\\n    }\\n\\n    img {\\n        max-width: 100%;\\n        height: auto;\\n    }\\n\\n    em {\\n        font-style: normal;\\n    }\\n\\n    #__next {\\n        height: 100%;\\n    }\\n\\n    #root,\\n    #__next {\\n        > .ant-layout {\\n            max-height: 100vh;\\n            overflow: hidden;\\n\\n            /* hotel submission style  */\\n\\n            .hotel-submission-form {\\n                .ant-progress-outer {\\n                    position: fixed;\\n                    z-index: 9;\\n                    left: 0;\\n                    top: auto;\\n                }\\n\\n                .gm-style {\\n                    > input[type=\\\"text\\\"] {\\n                        left: 9px !important;\\n                        top: 46px !important;\\n                        text-overflow: ellipsis;\\n                        overflow: hidden;\\n                        white-space: nowrap;\\n                    }\\n                }\\n\\n                .hotel-form-location {\\n                    .ant-card-head-title {\\n                        font-size: 16px;\\n                        line-height: 18px;\\n                        font-weight: 700;\\n                        color: \",\n        \";\\n                    }\\n\\n                    .ant-card-body p {\\n                        display: flex;\\n                        color: \",\n        \";\\n                        justify-content: flex-start;\\n\\n                        strong {\\n                            color: \",\n        \";\\n                            width: 30%;\\n                        }\\n                    }\\n                }\\n            }\\n        }\\n    }\\n\\n    .gnb .logo {\\n        margin: 0;\\n    }\\n\\n    // antd button common\\n    .ant-btn {\\n        box-sizing: border-box;\\n        outline: none;\\n        //position: relative;\\n        //display: inline-block;\\n        font-size: 14px;\\n        //height: 32px;\\n        font-weight: 400;\\n        white-space: nowrap;\\n        text-align: center;\\n        padding: 4px 15px;\\n        //border-radius: 2px;\\n        background-image: none;\\n        background-color: transparent;\\n        border: 1px solid transparent;\\n        cursor: pointer;\\n        transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\\n        user-select: none;\\n        touch-action: manipulation;\\n        line-height: 1.5714285714285714;\\n        color: rgba(0, 0, 0, 0.88);\\n\\n        &.ant-btn-block {\\n            width: 100%;\\n        }\\n    }\\n\\n    .ant-btn-primary {\\n        color: #fff;\\n        background-color: #6857E5;\\n        box-shadow: 0 2px 0 rgba(13, 66, 134, 0.19);\\n    }\\n\\n    .ant-btn-default {\\n        background-color: #ffffff;\\n        border-color: #d9d9d9;\\n        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);\\n    }\\n\\n    .ant-btn-background-ghost {\\n        color: #6857E5;\\n        background-color: transparent;\\n        border-color: #6857E5;\\n        box-shadow: none;\\n\\n        .anticon + span {\\n            margin-left: 8px;\\n        }\\n    }\\n\\n\\n    // channel.io mobile\\n    div[data-ch-testid='launcher'] {\\n        @media (max-width: 768px) {\\n            bottom: 68px !important;\\n        }\\n    }\\n\\n    [data-ch-testid='launcher'] {\\n        @media (max-width: 768px) {\\n            bottom: 68px !important;\\n        }\\n    }\\n\\n    .kpPUDB {\\n        @media (max-width: 768px) {\\n            bottom: 68px !important;\\n        }\\n    }\\n\\n    /*------------------------------------------*/\\n    // style for validtaion text\\n    /*------------------------------------------*/\\n    .ant-form-item-explain {\\n        height: 20px !important;\\n\\n        @media (max-width: 1200px) {\\n        }\\n        @media (max-width: 768px) {\\n            height: 24px !important;\\n\\n            li {\\n                margin-top: 4px !important;\\n            }\\n        }\\n    }\\n\\n\\n    /*------------------------------------------*/\\n    // style for transparent sticky header\\n    /*------------------------------------------*/\\n    .isHeaderSticky {\\n        .sticky-inner-wrapper {\\n            .navbar {\\n                &.is_transparent {\\n                    background-color: \",\n        \";\\n                    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);\\n\\n                    .ant-menu {\\n                        li {\\n                            a {\\n                                color: \",\n        \";\\n\\n                                &.active {\\n                                    border-bottom: 3px solid \",\n        \";\\n                                }\\n                            }\\n\\n                            &.ant-menu-item:active, .ant-menu-submenu-title:active {\\n                                background-color: \",\n        \";\\n                            }\\n                        }\\n                    }\\n\\n                    .auth_menu {\\n                        .ant-menu {\\n                            li {\\n                                &:last-child {\\n                                    a {\\n                                        color: \",\n        \";\\n                                    }\\n                                }\\n                            }\\n                        }\\n                    }\\n                }\\n            }\\n\\n            nav.transparent {\\n                background-color: \",\n        \";\\n                box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);\\n\\n                .hamburg-btn {\\n                    > span {\\n                        background-color: \",\n        \";\\n                    }\\n                }\\n            }\\n        }\\n    }\\n\\n\\n    /*------------------------------------------*/\\n    // style for input\\n    /*------------------------------------------*/\\n    .ant-input {\\n        box-shadow: none !important\\n    }\\n\\n\\n    /*------------------------------------------*/\\n    // style for date-picker\\n    /*------------------------------------------*/\\n    .ant-picker {\\n        box-shadow: none !important\\n    }\\n\\n\\n    /*------------------------------------------*/\\n    // style for navbar profile / account menu\\n    /*------------------------------------------*/\\n    .ant-popover {\\n        &.profile_menu {\\n            z-index: 9999;\\n        }\\n\\n        .ant-popover-content {\\n            .ant-popover-inner {\\n                .ant-popover-inner-content {\\n                    ul.ant-menu {\\n                        border: 0;\\n\\n                        &.account_menu {\\n                            li {\\n                                color: \",\n        \";\\n                                font-size: 16px;\\n                                line-height: 18px;\\n                                font-weight: 400;\\n                                height: auto;\\n                                transition: color 0.2s ease-in-out;\\n\\n                                &.ant-menu-item-selected,\\n                                &.ant-menu-item-active {\\n                                    background-color: transparent;\\n                                }\\n\\n                                a {\\n                                    padding: 8px 0;\\n                                    color: \",\n        \";\\n                                    transition: color 0.2s ease-in-out;\\n\\n                                    &:hover {\\n                                        color: \",\n        \";\\n                                    }\\n\\n                                    &.active {\\n                                        font-weight: 700;\\n                                        color: \",\n        \";\\n                                    }\\n                                }\\n\\n                                button {\\n                                    padding: 0;\\n                                    border: 0;\\n                                    cursor: pointer;\\n                                    padding: 8px 0;\\n                                    background-color: transparent;\\n                                    transition: color 0.2s ease-in-out;\\n\\n                                    &:hover {\\n                                        color: \",\n        \";\\n                                    }\\n\\n                                    &:focus {\\n                                        outline: none;\\n                                    }\\n                                }\\n                            }\\n                        }\\n                    }\\n                }\\n            }\\n        }\\n\\n        &.infoPopup-price {\\n            .ant-popover-content {\\n                .ant-popover-arrow {\\n                    &:before {\\n                        background-color: \",\n        \";\\n                    }\\n                }\\n\\n                .ant-popover-inner {\\n                    padding: 0 16px;\\n                    height: 40px;\\n                    line-height: 40px;\\n                    background-color: \",\n        \";\\n\\n                    .ant-popconfirm-inner-content {\\n                        .ant-popconfirm-message-title {\\n                            color: #fff;\\n                        }\\n                    }\\n                }\\n            }\\n        }\\n\\n        &.confirmCart {\\n            .ant-popover-content {\\n                .ant-popover-arrow {\\n                    height: 18px;\\n\\n                    &:before {\\n                        background-color: \",\n        \";\\n                    }\\n                }\\n\\n                .ant-popover-inner {\\n                    padding: 18px 28px 16px;\\n                    border-radius: 3px;\\n                    background-color: \",\n        \";\\n\\n                    .ant-popconfirm-inner-content {\\n                        .ant-popconfirm-message {\\n                            margin-bottom: 4px;\\n\\n                            .ant-popconfirm-message-icon {\\n                                display: none;\\n                            }\\n\\n                            .ant-popconfirm-message-title {\\n                                font-size: 20px;\\n                                color: #fff;\\n                                margin-left: 0;\\n                            }\\n                        }\\n\\n                        .ant-popconfirm-buttons {\\n                            .ant-btn {\\n                                justify-content: center;\\n                                width: 100%;\\n                                color: #fff;\\n                                margin: 0;\\n                                background-color: \",\n        \";\\n                            }\\n\\n                            .confirmBtn {\\n                                display: flex;\\n                                align-items: center;\\n                                flex-direction: row-reverse;\\n                                font-size: 18px;\\n\\n                                &:before {\\n                                    display: block;\\n                                    content: '';\\n                                    position: absolute;\\n                                    bottom: -16px;\\n                                    left: -28px;\\n                                    width: 238px;\\n                                    height: 94px;\\n                                    z-index: 1;\\n                                }\\n\\n                                img {\\n                                    display: inline-block;\\n                                    width: 18px;\\n                                    height: 18px;\\n                                }\\n                            }\\n\\n                            .closeBtn {\\n                                position: absolute;\\n                                top: 0;\\n                                right: 0;\\n                                width: 28px;\\n                                height: 28px;\\n                                font-size: 0;\\n                                z-index: 5;\\n                                border: 0;\\n                                background: url('/static/assets/ico-close-white.svg') no-repeat center center;\\n                                background-size: 16px;\\n                            }\\n                        }\\n\\n                    }\\n                }\\n            }\\n        }\\n    }\\n\\n    /*------------------------------------------*/\\n    // style for date range picker\\n    /*------------------------------------------*/\\n    .DateRangePicker {\\n        .DateRangePickerInput {\\n            .DateRangePicker_picker {\\n                .DayPicker_weekHeader {\\n                    .DayPicker_weekHeader_ul {\\n                        .DayPicker_weekHeader_li {\\n                            color: \",\n        \";\\n\\n                            small {\\n                                font-size: 13px;\\n                            }\\n                        }\\n                    }\\n                }\\n\\n                .DayPicker_focusRegion {\\n                    .CalendarMonthGrid {\\n                        .CalendarMonth {\\n                            .CalendarMonth_caption {\\n                                font-size: 16px;\\n                                color: \",\n        \";\\n                            }\\n                        }\\n                    }\\n                }\\n\\n                .DayPickerNavigation {\\n                    .DayPickerNavigation_button {\\n                        &:focus {\\n                            outline: none;\\n                        }\\n                    }\\n                }\\n\\n                .DayPickerKeyboardShortcuts_buttonReset {\\n                    &:focus {\\n                        outline: none;\\n                    }\\n                }\\n            }\\n        }\\n    }\\n\\n    /*------------------------------------------*/\\n    // style for ant tooltip\\n    /*------------------------------------------*/\\n    .ant-tooltip {\\n        font-size: 13px;\\n        font-weight: 700;\\n\\n        &.ant-tooltip-placement-top .ant-tooltip-arrow {\\n            border-top-color: \",\n        \";\\n        }\\n\\n        .ant-tooltip-inner {\\n            box-shadow: none;\\n            text-align: center;\\n            border-radius: 4px;\\n            min-height: 26px;\\n            padding: 4px 10px;\\n            background-color: \",\n        \";\\n        }\\n\\n        #library-item-title-tooltip {\\n            margin-top: -10px;\\n            margin-left: 40px;\\n            padding: 8px 12px;\\n            background-color: rgba(28, 31, 46, 0.50);\\n            font-size: 14px;\\n            font-weight: 400;\\n            line-height: 22px; /* 157.143% */\\n            letter-spacing: -0.14px;\\n            white-space: nowrap;\\n\\n            @media (max-width: 768px) {\\n                margin-left: 0;\\n                white-space: normal;\\n            }\\n        }\\n\\n        &:has(#library-item-title-tooltip) {\\n            max-width: 90vw;\\n\\n            .ant-tooltip-arrow {\\n                display: none\\n            }\\n        }\\n    }\\n\\n    /*------------------------------------------*/\\n    // style for dropdown\\n    /*------------------------------------------*/\\n    .ant-select-dropdown {\\n        padding: 0;\\n        margin-top: -4px;\\n        border-radius: 0;\\n        z-index: 99999;\\n\\n        .ant-select-item {\\n            border-radius: 0;\\n        }\\n\\n        .ant-select-dropdown-menu {\\n            .ant-select-dropdown-menu-item {\\n                padding: 12px 12px;\\n                line-height: 1;\\n\\n                &.ant-select-dropdown-menu-item-active {\\n                    background-color: rgba(0, 132, 137, 0.1);\\n                }\\n            }\\n        }\\n\\n        // small type select box\\n\\n        &.small-type-select-popup {\\n            & > div {\\n                margin-top: -4px;\\n            }\\n\\n            .ant-select-item {\\n                font-size: 12px;\\n            }\\n        }\\n    }\\n\\n    .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {\\n        background-color: #efeff0;\\n    }\\n\\n    /*------------------------------------------*/\\n    // style for date-picker \\n    /*------------------------------------------*/\\n    .ant-picker-dropdown {\\n        z-index: 99999;\\n    }\\n\\n    /*------------------------------------------*/\\n    // here fix height issue for RoomGuest \\n    /*------------------------------------------*/\\n    .view_with__popup {\\n        &.room_guest__component {\\n            &.active {\\n                min-height: 54px;\\n            }\\n\\n            &.alt {\\n                .popup_container {\\n                    #popup {\\n                        > div {\\n                            > div {\\n                                padding: 0;\\n                            }\\n                        }\\n                    }\\n                }\\n\\n                &.active {\\n                    min-height: inherit;\\n                }\\n            }\\n        }\\n    }\\n\\n    /*------------------------------------------*/\\n    // ant dropdown and social share menu style \\n    /*------------------------------------------*/\\n    .ant-dropdown {\\n        padding-top: 8px;\\n\\n        .ant-dropdown-menu {\\n            padding: 4px 0;\\n            border-radius: 0;\\n            box-shadow: 0 9px 28px 8px rgba(0, 0, 0, 0.05), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12);\\n\\n            .ant-dropdown-menu-item {\\n                font-size: 16px;\\n                color: \",\n        \";\\n                line-height: 24px;\\n                padding: 4px 24px;\\n            }\\n        }\\n\\n        &.util_dropdown {\\n            .ant-dropdown-menu-title-content {\\n                text-align: center;\\n                line-height: 32px;\\n            }\\n\\n        }\\n\\n        &.social_share_menu {\\n            z-index: 9999 !important;\\n\\n            .ant-menu {\\n                padding: 7px 0;\\n                min-width: 150px;\\n                border: 0;\\n                border-radius: 4px;\\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\\n\\n                .ant-menu-item {\\n                    margin: 0;\\n                    padding: 0;\\n                    height: inherit;\\n                    line-height: inherit;\\n\\n                    > div {\\n                        padding: 15px 20px;\\n                        color: \",\n        \";\\n\\n                        svg {\\n                            margin-right: 8px;\\n                        }\\n                    }\\n\\n                    &:hover {\\n                        background-color: \",\n        \";\\n                    }\\n                }\\n            }\\n        }\\n\\n        &.mobile-gnb-dropdown {\\n            width: 100%;\\n            padding-top: 0;\\n\\n            .ant-dropdown-menu {\\n                padding: 16px 0;\\n                box-shadow: none;\\n\\n                .ant-dropdown-menu-item-group {\\n                    margin-left: 18px;\\n\\n                    .ant-dropdown-menu-item-group-title {\\n                        font-size: 16px;\\n                    }\\n                }\\n\\n                .ant-dropdown-menu-item {\\n                    padding: 0 32px;\\n\\n                    &:nth-of-type(5) {\\n                        padding-bottom: 16px;\\n                        margin-bottom: 16px;\\n                        border-bottom: solid 1px \",\n        \";\\n\\n                        a {\\n                            font-weight: 600;\\n                            color: \",\n        \";\\n                        }\\n                    }\\n\\n                    a, span {\\n                        font-size: 16px;\\n                        line-height: 1.5;\\n                        color: \",\n        \";\\n                        padding: 4px 0;\\n                    }\\n\\n                    a {\\n                        display: block;\\n                    }\\n\\n                    .ant-btn {\\n                        display: block;\\n                        width: 100%;\\n                        text-align: left;\\n                        padding: 0;\\n                        border: none;\\n                        box-shadow: none;\\n                        background-color: transparent;\\n\\n                        span {\\n                            text-shadow: none;\\n                        }\\n                    }\\n                }\\n            }\\n\\n            @media (max-width: 768px) {\\n            }\\n            @media (max-width: 1200px) {\\n            }\\n        }\\n    }\\n\\n    /*------------------------------------------*/\\n    // ant button style \\n    /*------------------------------------------*/\\n    .ant-btn {\\n        outline: none !important;\\n        box-shadow: none !important;\\n\\n        &[ant-click-animating-without-extra-node='true']::after {\\n            display: none !important;\\n        }\\n    }\\n\\n\\n    /*------------------------------------------*/\\n    // ant upload style \\n    /*------------------------------------------*/\\n    .ant-upload-wrapper {\\n        .ant-tooltip {\\n            display: none;\\n        }\\n    }\\n\\n\\n    /*------------------------------------------*/\\n    // ant modal and drawer style \\n    /*------------------------------------------*/\\n    .ant-drawer,\\n    .ant-modal-mask,\\n    .ant-modal-wrap {\\n        z-index: 1005\\n    }\\n\\n    .ant-drawer {\\n        &.filter_drawer {\\n            pointer-events: none;\\n\\n            .ant-drawer-mask {\\n                display: none;\\n            }\\n\\n            &.ant-drawer-bottom {\\n                &.ant-drawer-open {\\n                    .ant-drawer-content-wrapper {\\n                        box-shadow: none;\\n                    }\\n                }\\n            }\\n\\n            .ant-drawer-content-wrapper {\\n                height: calc(100vh - 152px) !important;\\n                pointer-events: all;\\n\\n                .ant-drawer-wrapper-body {\\n                    height: 100%;\\n\\n                    .ant-drawer-body {\\n                        height: 100%;\\n                        padding-top: 0;\\n                        overflow: hidden;\\n                    }\\n                }\\n            }\\n        }\\n    }\\n\\n    .ant-modal-wrap {\\n        .ant-modal-content {\\n            box-shadow: 0 1px 10px rgba(0, 0, 0, 0.16);\\n        }\\n\\n        &.review_modal {\\n            .ant-modal {\\n                max-width: 1200px;\\n                box-sizing: border-box;\\n                @media only screen and (max-width: 1200px) {\\n                    padding-left: 30px;\\n                    padding-right: 30px;\\n                }\\n                @media only screen and (max-width: 767px) {\\n                    top: 0;\\n                    padding: 0;\\n                    margin-top: 0;\\n                    margin-bottom: 0;\\n                }\\n\\n                .ant-modal-body {\\n                    padding-left: 60px;\\n                    padding-right: 60px;\\n                    padding-bottom: 60px;\\n                    padding-top: 30px;\\n                    @media only screen and (max-width: 1200px) {\\n                        padding: 40px 30px;\\n                    }\\n                }\\n            }\\n\\n            .image_uploader {\\n                display: flex;\\n                flex-direction: row-reverse;\\n                justify-content: flex-end;\\n                @media only screen and (max-width: 667px) {\\n                    flex-wrap: wrap;\\n                }\\n\\n                .ant-upload {\\n                    @media only screen and (max-width: 667px) {\\n                        margin-bottom: 10px;\\n                    }\\n\\n                    &.ant-upload-drag {\\n                        border: 0;\\n                        border-radius: 0;\\n                        background: transparent;\\n\\n                        .ant-upload {\\n                            padding: 0;\\n                            display: block;\\n                            width: auto;\\n                            height: auto;\\n                        }\\n                    }\\n\\n                    &.ant-upload-drag-hover {\\n                        .image-drag-area {\\n                            border-color: #48bdc1;\\n                        }\\n                    }\\n                }\\n\\n                .ant-upload-list {\\n                    float: none;\\n                    display: flex;\\n\\n                    .ant-upload-list-item {\\n                        width: 125px;\\n                        height: 125px;\\n                        border-radius: 4px;\\n                    }\\n                }\\n\\n                .ant-upload-drag-container {\\n                    display: block;\\n                }\\n            }\\n        }\\n    }\\n\\n    .ant-modal-wrap {\\n        &.main-description-popup {\\n            .ant-modal-content {\\n                padding: 0;\\n                border-radius: 2px;\\n            }\\n        }\\n    }\\n\\n    .mobile-filter-slider {\\n        .ant-drawer-wrapper-body {\\n            .ant-drawer-header {\\n                padding: 12px 16px;\\n                border-bottom: 1px solid \",\n        ';\\n\\n                .ant-drawer-header-title {\\n                    line-height: 1.5;\\n\\n                    .title {\\n                        display: flex;\\n                        align-items: center;\\n                        justify-content: space-between;\\n                        line-height: 1.5;\\n\\n                        p {\\n                            margin: 0;\\n                            line-height: 1.5;\\n\\n                        }\\n\\n                        img {\\n                            cursor: pointer;\\n                            filter: brightness(0%);\\n                        }\\n                    }\\n\\n                    .ant-drawer-close {\\n                        display: none;\\n                    }\\n                }\\n            }\\n\\n            .ant-drawer-body {\\n                padding: 0;\\n            }\\n        }\\n    }\\n\\n    /*------------------------------------------*/\\n    // map info window style \\n    /*------------------------------------------*/\\n    .gm-style-iw-c {\\n        box-shadow: none !important;\\n    }\\n\\n    .gm-style-iw {\\n        padding: 0 !important;\\n        border-radius: 4px !important;\\n        width: 270px !important;\\n        z-index: 1;\\n\\n        .gm-style-iw-d {\\n            overflow-y: auto !important;\\n            overflow-x: hidden !important;\\n            max-width: 100% !important;\\n        }\\n\\n        .info_window_card {\\n            width: 270px;\\n            margin-bottom: 0;\\n\\n            > div {\\n                > img {\\n                    width: 100%;\\n                    height: 190px;\\n                    object-fit: cover;\\n                    border-bottom-left-radius: 0;\\n                    border-bottom-right-radius: 0;\\n                }\\n            }\\n\\n            .content_wrapper {\\n                padding: 10px 15px 20px;\\n            }\\n        }\\n\\n        button[title=\"Close\"].gm-ui-hover-effect {\\n            width: 26px !important;\\n            height: 26px !important;\\n            padding: 6px !important;\\n            border-radius: 50%;\\n            margin: 0 !important;\\n            top: 14px !important;\\n            right: 11px !important;\\n            opacity: 1;\\n            align-items: center;\\n            display: inline-flex !important;\\n            background-color: ',\n        \" !important;\\n            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);\\n\\n            > img {\\n                margin: 0 !important;\\n            }\\n        }\\n    }\\n\\n    /*------------------------------------------*/\\n    // Image Gallery Modal style\\n    /*------------------------------------------*/\\n    .ant-modal-wrap {\\n        &.image_gallery_modal {\\n            .ant-modal {\\n                top: 50px;\\n\\n                .ant-modal-content {\\n                    box-shadow: none;\\n                    padding: 0 30px;\\n                    background: transparent;\\n                    @media only screen and (max-width: 480px) {\\n                        padding: 0 20px;\\n                    }\\n\\n                    .ant-modal-body {\\n                        max-width: 1200px;\\n                        padding: 0;\\n                        margin: 0 auto;\\n                        @media only screen and (max-width: 1440px) {\\n                            position: relative;\\n                        }\\n                    }\\n                }\\n\\n                .image_gallery_close {\\n                    background: transparent;\\n                    border: 0;\\n                    width: 60px;\\n                    height: 60px;\\n                    position: absolute;\\n                    top: -20px;\\n                    right: 40px;\\n\\n                    &:focus,\\n                    &:hover {\\n                        outline: none;\\n                    }\\n\\n                    @media only screen and (max-width: 1440px) {\\n                        top: 0;\\n                        right: 0;\\n                        svg {\\n                            path {\\n                                opacity: 0.8;\\n                                fill: \",\n        \";\\n                                transition: all 0.3s ease;\\n                            }\\n                        }\\n\\n                        &:hover {\\n                            svg {\\n                                path {\\n                                    opacity: 1;\\n                                }\\n                            }\\n                        }\\n                    }\\n                }\\n            }\\n        }\\n    }\\n\\n    /*------------------------------------------*/\\n    // style for Increment Decrement Component\\n    /*------------------------------------------*/\\n    .quantity {\\n        button.btn {\\n            svg {\\n                fill: \",\n        ';\\n            }\\n        }\\n\\n        input[type=\"number\"],\\n        input[type=\"number\"].qnt-input {\\n            color: ',\n        \";\\n        }\\n    }\\n\\n    /*------------------------------------------*/\\n    // style for mobile Header Component\\n    /*------------------------------------------*/\\n    .mobile-header {\\n        &.ant-drawer {\\n            z-index: 10000;\\n        }\\n\\n        .ant-drawer-body {\\n            padding: 0;\\n\\n            .auth-menu {\\n                border: 0;\\n                display: flex;\\n                margin: 0 0 30px;\\n                padding: 25px 20px;\\n                align-items: center;\\n                background-color: \",\n        \";\\n\\n                li {\\n                    height: auto;\\n                    line-height: 1;\\n                    padding: 0;\\n                    margin: 0;\\n\\n                    &.ant-menu-item-selected,\\n                    &.ant-menu-item-active {\\n                        background-color: transparent;\\n                    }\\n\\n                    a {\\n                        display: inline-flex;\\n                        align-items: center;\\n                        justify-content: center;\\n                        padding: 12px 15px;\\n                        border-radius: 4px;\\n                        font-size: 16px;\\n                        font-weight: 700;\\n                        color: \",\n        \";\\n                    }\\n\\n                    &:last-child {\\n                        a {\\n                            color: \",\n        \";\\n                            background-color: \",\n        \";\\n                            transition: opacity 0.2s ease;\\n\\n                            &:hover {\\n                                opacity: 0.9;\\n                            }\\n                        }\\n                    }\\n                }\\n            }\\n\\n            .main-menu {\\n                border: 0;\\n                padding-top: 30px;\\n\\n                li {\\n                    padding: 0;\\n\\n                    &.ant-menu-item-selected,\\n                    &.ant-menu-item-active {\\n                        background-color: transparent;\\n                    }\\n\\n                    a {\\n                        font-size: 16px;\\n                        padding: 0 31px;\\n                        border-left: 4px solid transparent;\\n                        color: \",\n        \";\\n\\n                        &.active {\\n                            font-weight: 700;\\n                            border-color: \",\n        \";\\n                            color: \",\n        \";\\n                        }\\n                    }\\n\\n                    button {\\n                        display: block;\\n                        text-align: left;\\n                        width: 100%;\\n                        border: 0;\\n                        padding: 0 32px;\\n                        cursor: pointer;\\n                        background-color: transparent;\\n                        color: \",\n        \";\\n                        transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\\n\\n                        &:hover {\\n                            color: \",\n        \";\\n                        }\\n\\n                        &focus {\\n                            outline: 0;\\n                        }\\n                    }\\n\\n                    &:hover {\\n                        a {\\n                            color: \",\n        \";\\n                        }\\n                    }\\n                }\\n            }\\n        }\\n    }\\n\\n    /*------------------------------------------*/\\n    // style for google map dropdown\\n    /*------------------------------------------*/\\n    .pac-container {\\n        border: 0;\\n        z-index: 99999;\\n        padding: 5px 0;\\n        margin-top: 0;\\n        border-radius: 4px;\\n        box-shadow: 0 15px 46px -10px rgba(26, 26, 29, 0.3);\\n        @media only screen and (max-width: 991px) {\\n            margin-top: 0;\\n        }\\n\\n        &::after {\\n            display: none;\\n        }\\n\\n        .pac-item {\\n            border-top: 0;\\n            line-height: 30px;\\n            padding: 10px 14px;\\n            cursor: pointer;\\n            font-size: 13px;\\n            color: \",\n        \";\\n\\n            .pac-icon {\\n                margin-top: 6px;\\n            }\\n\\n            .pac-item-query {\\n                font-size: 16px;\\n                font-weight: 600;\\n                color: \",\n        \";\\n\\n                .pac-matched {\\n                    font-weight: 700;\\n                    color: \",\n        \";\\n                }\\n            }\\n\\n            &:hover {\\n                background-color: \",\n        \";\\n            }\\n        }\\n    }\\n\\n    /*------------------------------------------*/\\n    // style for reservation form\\n    /*------------------------------------------*/\\n    .reservation_modal {\\n        .ant-modal {\\n            width: 100% !important;\\n            max-width: 450px;\\n            padding: 0 15px;\\n        }\\n\\n        .ant-modal-content {\\n            box-shadow: none;\\n\\n            .ant-modal-body {\\n                padding: 0;\\n                position: relative;\\n\\n                .reservation_sidebar {\\n                    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.16);\\n\\n                    header {\\n                        padding-top: 50px;\\n                        padding-bottom: 20px;\\n                        border-color: \",\n        \";\\n                        @media only screen and (max-width: 375px) {\\n                            padding-top: 30px;\\n                        }\\n                    }\\n\\n                    .DateInput__small {\\n                        width: 112px;\\n                    }\\n\\n                    input,\\n                    .DateRangePickerInput {\\n                        padding: 0 9px;\\n                    }\\n\\n                    footer {\\n                        border-color: \",\n        \";\\n                    }\\n                }\\n\\n                > button.close {\\n                    border: 0;\\n                    padding: 0;\\n                    top: 15px;\\n                    right: 15px;\\n                    height: auto;\\n                    line-height: 1;\\n                    position: absolute;\\n                    font-size: 32px;\\n                    background-color: transparent;\\n                    color: \",\n        \";\\n                    transition: all 0.3s ease;\\n                    @media only screen and (max-width: 375px) {\\n                        top: 10px;\\n                        right: 10px;\\n                        font-size: 25px;\\n                    }\\n\\n                    &:hover,\\n                    &:focus {\\n                        outline: none;\\n                        color: \",\n        \";\\n                    }\\n\\n                    &::after {\\n                        display: none;\\n                    }\\n                }\\n            }\\n        }\\n    }\\n\\n    .reservation_sidebar {\\n        padding: 0 !important;\\n        background-color: \",\n        \";\\n\\n        header {\\n            margin-bottom: 29px;\\n            padding: 25px 30px 26px 30px;\\n            border-bottom: 1px solid \",\n        \";\\n            @media only screen and (max-width: 375px) {\\n                padding: 25px 15px 26px 15px;\\n            }\\n\\n            a {\\n                &:hover {\\n                    color: #31b8bd;\\n                }\\n            }\\n        }\\n\\n        p {\\n            color: \",\n        \";\\n            font-size: 16px;\\n            font-weight: 400;\\n\\n            a {\\n                color: \",\n        \";\\n                font-weight: 700;\\n\\n                &:hover,\\n                &:focus {\\n                    outline: 0;\\n                    color: #008489d1;\\n                    text-decoration: underline;\\n                }\\n            }\\n        }\\n\\n        footer {\\n            padding: 25px 30px 28px 30px;\\n            margin-top: 29px;\\n            border-top: 1px solid \",\n        \";\\n            @media only screen and (max-width: 375px) {\\n                padding: 20px 15px 25px 15px;\\n            }\\n\\n            p {\\n                margin-bottom: 0;\\n            }\\n        }\\n\\n        // channel talk\\n\\n        #ch-shadow-root-wrapper {\\n            .launcherIcon {\\n                @media (max-width: 768px) {\\n                    margin-bottom: 63px;\\n                }\\n            }\\n        }\\n\\n        @media (max-width: 1200px) {\\n        }\\n        @media (max-width: 768px) {\\n        }\\n    }\\n\\n    .ant-modal {\\n        &.modal-over-time {\\n            .ant-modal-root:has(&) {\\n                height: 0;\\n\\n                .ant-modal-mask {\\n                    display: none;\\n                }\\n\\n                .ant-modal-wrap {\\n                    top: unset;\\n                    bottom: 40px;\\n                    right: unset;\\n                    left: 40px;\\n                    overflow: visible;\\n\\n                    .ant-modal {\\n                        top: unset;\\n                        width: 325px;\\n                        padding: 0;\\n\\n                        .ant-modal-content {\\n                            border-radius: 4px;\\n                            box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.35);\\n                        }\\n\\n                        .panel_wrapper {\\n                            min-width: 325px;\\n                            padding: 24px;\\n                            text-align: left;\\n\\n                            .panel_header {\\n                                align-items: flex-start;\\n                                padding: 0;\\n\\n                                .panel_desc {\\n                                    font-size: 14px;\\n                                    text-align: left;\\n                                }\\n                            }\\n\\n                            .panel_footer {\\n                                padding: 0;\\n                                margin-top: 28px;\\n\\n                                .ant-row {\\n                                    flex-direction: column;\\n\\n                                    .ant-col {\\n                                        max-width: 100%;\\n                                        margin: 0;\\n\\n                                        .ant-btn {\\n                                            height: 40px;\\n                                            padding: 9px 16px;\\n\\n                                            &:not(.ant-btn-background-ghost) {\\n                                                border-color: \",\n        \";\\n                                                background-color: \",\n        \" !important;\\n\\n                                                span {\\n                                                    color: \",\n        \";\\n                                                }\\n                                            }\\n\\n                                            span {\\n                                                font-size: 14px;\\n                                            }\\n                                        }\\n                                    }\\n                                }\\n                            }\\n                        }\\n                    }\\n                }\\n            }\\n        }\\n    }\\n\\n    .ReactQueryDevtoolsPanel {\\n        div {\\n            color: #FFFF;\\n        }\\n    }\\n\\n    #overlay {\\n        margin: 0 auto;\\n    }\\n\\n    .ellipsis {\\n        overflow: hidden;\\n        text-overflow: ellipsis;\\n        white-space: nowrap;\\n    }\\n\\n    .swiper-scrollbar {\\n        display: none;\\n    }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { themeGet } from \"@styled-system/theme-get\";\nimport { createGlobalStyle } from \"styled-components\";\nexport const GlobalStyles = createGlobalStyle(_templateObject(), themeGet(\"primary.0\", \"#008489\"), themeGet(\"color.1\", \"#ffffff\"), (props)=>props.theme.new.colors.sol_gray_900, themeGet(\"text.0\", \"#2C2C2C\"), themeGet(\"text.2\", \"#777777\"), themeGet(\"text.0\", \"#2C2C2C\"), themeGet(\"color.1\", \"#ffffff\"), themeGet(\"text.0\", \"#2C2C2C\"), themeGet(\"primary.0\", \"#008489\"), themeGet(\"color.2\", \"transparent\"), themeGet(\"color.1\", \"#ffffff\"), themeGet(\"color.1\", \"#ffffff\"), themeGet(\"text.0\", \"#2C2C2C\"), themeGet(\"text.0\", \"#2C2C2C\"), themeGet(\"text.0\", \"#2C2C2C\"), themeGet(\"primary.0\", \"#008489\"), themeGet(\"primary.0\", \"#008489\"), themeGet(\"primary.0\", \"#008489\"), themeGet(\"color.0\", \"#1B1B29\"), themeGet(\"color.0\", \"#1B1B29\"), themeGet(\"color.0\", \"#1B1B29\"), themeGet(\"color.0\", \"#1B1B29\"), themeGet(\"color.0\", \"#1B1B29\"), themeGet(\"text.0\", \"#2C2C2C\"), themeGet(\"text.0\", \"#2C2C2C\"), themeGet(\"primary.0\", \"#008489\"), themeGet(\"primary.0\", \"#008489\"), themeGet(\"text.0\", \"#1C1F2E\"), themeGet(\"text.0\", \"#2C2C2C\"), themeGet(\"color.2\", \"#F7F7F7\"), themeGet(\"border.0\", \"#F3F3F#\"), (props)=>props.theme.new.colors.green, themeGet(\"text.0\", \"#1B1B29\"), themeGet(\"border.3\", \"#E8E8EA\"), themeGet(\"color.1\", \"#ffffff\"), themeGet(\"color.1\", \"#ffffff\"), themeGet(\"primary.0\", \"#008489\"), themeGet(\"text.0\", \"#2C2C2C\"), themeGet(\"color.2\", \"#F7F7F7\"), themeGet(\"text.0\", \"#2C2C2C\"), themeGet(\"color.1\", \"#ffffff\"), themeGet(\"primary.0\", \"#008489\"), themeGet(\"text.0\", \"#2C2C2C\"), themeGet(\"primary.0\", \"#008489\"), themeGet(\"primary.0\", \"#008489\"), themeGet(\"text.0\", \"#2C2C2C\"), themeGet(\"primary.0\", \"#008489\"), themeGet(\"primary.0\", \"#008489\"), themeGet(\"text.1\", \"#909090\"), themeGet(\"text.0\", \"#2C2C2C\"), themeGet(\"color.0\", \"#000000\"), themeGet(\"color.2\", \"#F7F7F7\"), themeGet(\"border.0\", \"#EBEBEB\"), themeGet(\"border.0\", \"#EBEBEB\"), themeGet(\"text.1\", \"#909090\"), themeGet(\"text.0\", \"#2C2C2C\"), themeGet(\"color.1\", \"#ffffff\"), themeGet(\"border.0\", \"#EBEBEB\"), themeGet(\"text.0\", \"#2C2C2C\"), themeGet(\"primary.0\", \"#008489\"), themeGet(\"border.0\", \"#EBEBEB\"), (props)=>props.theme.new.colors.gray200, (props)=>props.theme.new.colors.white, (props)=>props.theme.new.colors.gray700);\n","import * as React from 'react';\nconst ThemeContext = /*#__PURE__*/React.createContext(null);\nif (process.env.NODE_ENV !== 'production') {\n  ThemeContext.displayName = 'ThemeContext';\n}\nexport default ThemeContext;","import * as React from 'react';\nimport ThemeContext from './ThemeContext';\nexport default function useTheme() {\n  const theme = React.useContext(ThemeContext);\n  if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useDebugValue(theme);\n  }\n  return theme;\n}","const hasSymbol = typeof Symbol === 'function' && Symbol.for;\nexport default hasSymbol ? Symbol.for('mui.nested') : '__THEME_NESTED__';","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { exactProp } from '@mui/utils';\nimport ThemeContext from '../useTheme/ThemeContext';\nimport useTheme from '../useTheme';\nimport nested from './nested';\n\n// To support composition of theme.\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction mergeOuterLocalTheme(outerTheme, localTheme) {\n  if (typeof localTheme === 'function') {\n    const mergedTheme = localTheme(outerTheme);\n    if (process.env.NODE_ENV !== 'production') {\n      if (!mergedTheme) {\n        console.error(['MUI: You should return an object from your theme function, i.e.', '<ThemeProvider theme={() => ({})} />'].join('\\n'));\n      }\n    }\n    return mergedTheme;\n  }\n  return _extends({}, outerTheme, localTheme);\n}\n\n/**\n * This component takes a `theme` prop.\n * It makes the `theme` available down the React tree thanks to React context.\n * This component should preferably be used at **the root of your component tree**.\n */\nfunction ThemeProvider(props) {\n  const {\n    children,\n    theme: localTheme\n  } = props;\n  const outerTheme = useTheme();\n  if (process.env.NODE_ENV !== 'production') {\n    if (outerTheme === null && typeof localTheme === 'function') {\n      console.error(['MUI: You are providing a theme function prop to the ThemeProvider component:', '<ThemeProvider theme={outerTheme => outerTheme} />', '', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\\n'));\n    }\n  }\n  const theme = React.useMemo(() => {\n    const output = outerTheme === null ? localTheme : mergeOuterLocalTheme(outerTheme, localTheme);\n    if (output != null) {\n      output[nested] = outerTheme !== null;\n    }\n    return output;\n  }, [localTheme, outerTheme]);\n  return /*#__PURE__*/_jsx(ThemeContext.Provider, {\n    value: theme,\n    children: children\n  });\n}\nprocess.env.NODE_ENV !== \"production\" ? ThemeProvider.propTypes = {\n  /**\n   * Your component tree.\n   */\n  children: PropTypes.node,\n  /**\n   * A theme object. You can provide a function to extend the outer theme.\n   */\n  theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired\n} : void 0;\nif (process.env.NODE_ENV !== 'production') {\n  process.env.NODE_ENV !== \"production\" ? ThemeProvider.propTypes = exactProp(ThemeProvider.propTypes) : void 0;\n}\nexport default ThemeProvider;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { ThemeProvider as MuiThemeProvider, useTheme as usePrivateTheme } from '@mui/private-theming';\nimport exactProp from '@mui/utils/exactProp';\nimport { ThemeContext as StyledEngineThemeContext } from '@mui/styled-engine';\nimport useThemeWithoutDefault from '../useThemeWithoutDefault';\nimport RtlProvider from '../RtlProvider';\nimport DefaultPropsProvider from '../DefaultPropsProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst EMPTY_THEME = {};\nfunction useThemeScoping(themeId, upperTheme, localTheme, isPrivate = false) {\n  return React.useMemo(() => {\n    const resolvedTheme = themeId ? upperTheme[themeId] || upperTheme : upperTheme;\n    if (typeof localTheme === 'function') {\n      const mergedTheme = localTheme(resolvedTheme);\n      const result = themeId ? _extends({}, upperTheme, {\n        [themeId]: mergedTheme\n      }) : mergedTheme;\n      // must return a function for the private theme to NOT merge with the upper theme.\n      // see the test case \"use provided theme from a callback\" in ThemeProvider.test.js\n      if (isPrivate) {\n        return () => result;\n      }\n      return result;\n    }\n    return themeId ? _extends({}, upperTheme, {\n      [themeId]: localTheme\n    }) : _extends({}, upperTheme, localTheme);\n  }, [themeId, upperTheme, localTheme, isPrivate]);\n}\n\n/**\n * This component makes the `theme` available down the React tree.\n * It should preferably be used at **the root of your component tree**.\n *\n * <ThemeProvider theme={theme}> // existing use case\n * <ThemeProvider theme={{ id: theme }}> // theme scoping\n */\nfunction ThemeProvider(props) {\n  const {\n    children,\n    theme: localTheme,\n    themeId\n  } = props;\n  const upperTheme = useThemeWithoutDefault(EMPTY_THEME);\n  const upperPrivateTheme = usePrivateTheme() || EMPTY_THEME;\n  if (process.env.NODE_ENV !== 'production') {\n    if (upperTheme === null && typeof localTheme === 'function' || themeId && upperTheme && !upperTheme[themeId] && typeof localTheme === 'function') {\n      console.error(['MUI: You are providing a theme function prop to the ThemeProvider component:', '<ThemeProvider theme={outerTheme => outerTheme} />', '', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\\n'));\n    }\n  }\n  const engineTheme = useThemeScoping(themeId, upperTheme, localTheme);\n  const privateTheme = useThemeScoping(themeId, upperPrivateTheme, localTheme, true);\n  const rtlValue = engineTheme.direction === 'rtl';\n  return /*#__PURE__*/_jsx(MuiThemeProvider, {\n    theme: privateTheme,\n    children: /*#__PURE__*/_jsx(StyledEngineThemeContext.Provider, {\n      value: engineTheme,\n      children: /*#__PURE__*/_jsx(RtlProvider, {\n        value: rtlValue,\n        children: /*#__PURE__*/_jsx(DefaultPropsProvider, {\n          value: engineTheme == null ? void 0 : engineTheme.components,\n          children: children\n        })\n      })\n    })\n  });\n}\nprocess.env.NODE_ENV !== \"production\" ? ThemeProvider.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * Your component tree.\n   */\n  children: PropTypes.node,\n  /**\n   * A theme object. You can provide a function to extend the outer theme.\n   */\n  theme: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,\n  /**\n   * The design system's unique id for getting the corresponded theme when there are multiple design systems.\n   */\n  themeId: PropTypes.string\n} : void 0;\nif (process.env.NODE_ENV !== 'production') {\n  process.env.NODE_ENV !== \"production\" ? ThemeProvider.propTypes = exactProp(ThemeProvider.propTypes) : void 0;\n}\nexport default ThemeProvider;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"theme\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { ThemeProvider as SystemThemeProvider } from '@mui/system';\nimport THEME_ID from './identifier';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function ThemeProvider(_ref) {\n  let {\n      theme: themeInput\n    } = _ref,\n    props = _objectWithoutPropertiesLoose(_ref, _excluded);\n  const scopedTheme = themeInput[THEME_ID];\n  return /*#__PURE__*/_jsx(SystemThemeProvider, _extends({}, props, {\n    themeId: scopedTheme ? THEME_ID : undefined,\n    theme: scopedTheme || themeInput\n  }));\n}\nprocess.env.NODE_ENV !== \"production\" ? ThemeProvider.propTypes = {\n  /**\n   * Your component tree.\n   */\n  children: PropTypes.node,\n  /**\n   * A theme object. You can provide a function to extend the outer theme.\n   */\n  theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired\n} : void 0;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport GlobalStyles from '../GlobalStyles';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport const html = (theme, enableColorScheme) => _extends({\n  WebkitFontSmoothing: 'antialiased',\n  // Antialiasing.\n  MozOsxFontSmoothing: 'grayscale',\n  // Antialiasing.\n  // Change from `box-sizing: content-box` so that `width`\n  // is not affected by `padding` or `border`.\n  boxSizing: 'border-box',\n  // Fix font resize problem in iOS\n  WebkitTextSizeAdjust: '100%'\n}, enableColorScheme && !theme.vars && {\n  colorScheme: theme.palette.mode\n});\nexport const body = theme => _extends({\n  color: (theme.vars || theme).palette.text.primary\n}, theme.typography.body1, {\n  backgroundColor: (theme.vars || theme).palette.background.default,\n  '@media print': {\n    // Save printer ink.\n    backgroundColor: (theme.vars || theme).palette.common.white\n  }\n});\nexport const styles = (theme, enableColorScheme = false) => {\n  var _theme$components;\n  const colorSchemeStyles = {};\n  if (enableColorScheme && theme.colorSchemes) {\n    Object.entries(theme.colorSchemes).forEach(([key, scheme]) => {\n      var _scheme$palette;\n      colorSchemeStyles[theme.getColorSchemeSelector(key).replace(/\\s*&/, '')] = {\n        colorScheme: (_scheme$palette = scheme.palette) == null ? void 0 : _scheme$palette.mode\n      };\n    });\n  }\n  let defaultStyles = _extends({\n    html: html(theme, enableColorScheme),\n    '*, *::before, *::after': {\n      boxSizing: 'inherit'\n    },\n    'strong, b': {\n      fontWeight: theme.typography.fontWeightBold\n    },\n    body: _extends({\n      margin: 0\n    }, body(theme), {\n      // Add support for document.body.requestFullScreen().\n      // Other elements, if background transparent, are not supported.\n      '&::backdrop': {\n        backgroundColor: (theme.vars || theme).palette.background.default\n      }\n    })\n  }, colorSchemeStyles);\n  const themeOverrides = (_theme$components = theme.components) == null || (_theme$components = _theme$components.MuiCssBaseline) == null ? void 0 : _theme$components.styleOverrides;\n  if (themeOverrides) {\n    defaultStyles = [defaultStyles, themeOverrides];\n  }\n  return defaultStyles;\n};\n\n/**\n * Kickstart an elegant, consistent, and simple baseline to build upon.\n */\nfunction CssBaseline(inProps) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiCssBaseline'\n  });\n  const {\n    children,\n    enableColorScheme = false\n  } = props;\n  return /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [/*#__PURE__*/_jsx(GlobalStyles, {\n      styles: theme => styles(theme, enableColorScheme)\n    }), children]\n  });\n}\nprocess.env.NODE_ENV !== \"production\" ? CssBaseline.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * You can wrap a node.\n   */\n  children: PropTypes.node,\n  /**\n   * Enable `color-scheme` CSS property to use `theme.palette.mode`.\n   * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme\n   * For browser support, check out https://caniuse.com/?search=color-scheme\n   * @default false\n   */\n  enableColorScheme: PropTypes.bool\n} : void 0;\nexport default CssBaseline;","import { replaceData, noop, timeUntilStale, getAbortController } from './utils.mjs';\nimport { defaultLogger } from './logger.mjs';\nimport { notifyManager } from './notifyManager.mjs';\nimport { createRetryer, isCancelledError, canFetch } from './retryer.mjs';\nimport { Removable } from './removable.mjs';\n\n// CLASS\nclass Query extends Removable {\n  constructor(config) {\n    super();\n    this.abortSignalConsumed = false;\n    this.defaultOptions = config.defaultOptions;\n    this.setOptions(config.options);\n    this.observers = [];\n    this.cache = config.cache;\n    this.logger = config.logger || defaultLogger;\n    this.queryKey = config.queryKey;\n    this.queryHash = config.queryHash;\n    this.initialState = config.state || getDefaultState(this.options);\n    this.state = this.initialState;\n    this.scheduleGc();\n  }\n\n  get meta() {\n    return this.options.meta;\n  }\n\n  setOptions(options) {\n    this.options = { ...this.defaultOptions,\n      ...options\n    };\n    this.updateCacheTime(this.options.cacheTime);\n  }\n\n  optionalRemove() {\n    if (!this.observers.length && this.state.fetchStatus === 'idle') {\n      this.cache.remove(this);\n    }\n  }\n\n  setData(newData, options) {\n    const data = replaceData(this.state.data, newData, this.options); // Set data and mark it as cached\n\n    this.dispatch({\n      data,\n      type: 'success',\n      dataUpdatedAt: options == null ? void 0 : options.updatedAt,\n      manual: options == null ? void 0 : options.manual\n    });\n    return data;\n  }\n\n  setState(state, setStateOptions) {\n    this.dispatch({\n      type: 'setState',\n      state,\n      setStateOptions\n    });\n  }\n\n  cancel(options) {\n    var _this$retryer;\n\n    const promise = this.promise;\n    (_this$retryer = this.retryer) == null ? void 0 : _this$retryer.cancel(options);\n    return promise ? promise.then(noop).catch(noop) : Promise.resolve();\n  }\n\n  destroy() {\n    super.destroy();\n    this.cancel({\n      silent: true\n    });\n  }\n\n  reset() {\n    this.destroy();\n    this.setState(this.initialState);\n  }\n\n  isActive() {\n    return this.observers.some(observer => observer.options.enabled !== false);\n  }\n\n  isDisabled() {\n    return this.getObserversCount() > 0 && !this.isActive();\n  }\n\n  isStale() {\n    return this.state.isInvalidated || !this.state.dataUpdatedAt || this.observers.some(observer => observer.getCurrentResult().isStale);\n  }\n\n  isStaleByTime(staleTime = 0) {\n    return this.state.isInvalidated || !this.state.dataUpdatedAt || !timeUntilStale(this.state.dataUpdatedAt, staleTime);\n  }\n\n  onFocus() {\n    var _this$retryer2;\n\n    const observer = this.observers.find(x => x.shouldFetchOnWindowFocus());\n\n    if (observer) {\n      observer.refetch({\n        cancelRefetch: false\n      });\n    } // Continue fetch if currently paused\n\n\n    (_this$retryer2 = this.retryer) == null ? void 0 : _this$retryer2.continue();\n  }\n\n  onOnline() {\n    var _this$retryer3;\n\n    const observer = this.observers.find(x => x.shouldFetchOnReconnect());\n\n    if (observer) {\n      observer.refetch({\n        cancelRefetch: false\n      });\n    } // Continue fetch if currently paused\n\n\n    (_this$retryer3 = this.retryer) == null ? void 0 : _this$retryer3.continue();\n  }\n\n  addObserver(observer) {\n    if (!this.observers.includes(observer)) {\n      this.observers.push(observer); // Stop the query from being garbage collected\n\n      this.clearGcTimeout();\n      this.cache.notify({\n        type: 'observerAdded',\n        query: this,\n        observer\n      });\n    }\n  }\n\n  removeObserver(observer) {\n    if (this.observers.includes(observer)) {\n      this.observers = this.observers.filter(x => x !== observer);\n\n      if (!this.observers.length) {\n        // If the transport layer does not support cancellation\n        // we'll let the query continue so the result can be cached\n        if (this.retryer) {\n          if (this.abortSignalConsumed) {\n            this.retryer.cancel({\n              revert: true\n            });\n          } else {\n            this.retryer.cancelRetry();\n          }\n        }\n\n        this.scheduleGc();\n      }\n\n      this.cache.notify({\n        type: 'observerRemoved',\n        query: this,\n        observer\n      });\n    }\n  }\n\n  getObserversCount() {\n    return this.observers.length;\n  }\n\n  invalidate() {\n    if (!this.state.isInvalidated) {\n      this.dispatch({\n        type: 'invalidate'\n      });\n    }\n  }\n\n  fetch(options, fetchOptions) {\n    var _this$options$behavio, _context$fetchOptions;\n\n    if (this.state.fetchStatus !== 'idle') {\n      if (this.state.dataUpdatedAt && fetchOptions != null && fetchOptions.cancelRefetch) {\n        // Silently cancel current fetch if the user wants to cancel refetches\n        this.cancel({\n          silent: true\n        });\n      } else if (this.promise) {\n        var _this$retryer4;\n\n        // make sure that retries that were potentially cancelled due to unmounts can continue\n        (_this$retryer4 = this.retryer) == null ? void 0 : _this$retryer4.continueRetry(); // Return current promise if we are already fetching\n\n        return this.promise;\n      }\n    } // Update config if passed, otherwise the config from the last execution is used\n\n\n    if (options) {\n      this.setOptions(options);\n    } // Use the options from the first observer with a query function if no function is found.\n    // This can happen when the query is hydrated or created with setQueryData.\n\n\n    if (!this.options.queryFn) {\n      const observer = this.observers.find(x => x.options.queryFn);\n\n      if (observer) {\n        this.setOptions(observer.options);\n      }\n    }\n\n    if (process.env.NODE_ENV !== 'production') {\n      if (!Array.isArray(this.options.queryKey)) {\n        this.logger.error(\"As of v4, queryKey needs to be an Array. If you are using a string like 'repoData', please change it to an Array, e.g. ['repoData']\");\n      }\n    }\n\n    const abortController = getAbortController(); // Create query function context\n\n    const queryFnContext = {\n      queryKey: this.queryKey,\n      pageParam: undefined,\n      meta: this.meta\n    }; // Adds an enumerable signal property to the object that\n    // which sets abortSignalConsumed to true when the signal\n    // is read.\n\n    const addSignalProperty = object => {\n      Object.defineProperty(object, 'signal', {\n        enumerable: true,\n        get: () => {\n          if (abortController) {\n            this.abortSignalConsumed = true;\n            return abortController.signal;\n          }\n\n          return undefined;\n        }\n      });\n    };\n\n    addSignalProperty(queryFnContext); // Create fetch function\n\n    const fetchFn = () => {\n      if (!this.options.queryFn) {\n        return Promise.reject(\"Missing queryFn for queryKey '\" + this.options.queryHash + \"'\");\n      }\n\n      this.abortSignalConsumed = false;\n      return this.options.queryFn(queryFnContext);\n    }; // Trigger behavior hook\n\n\n    const context = {\n      fetchOptions,\n      options: this.options,\n      queryKey: this.queryKey,\n      state: this.state,\n      fetchFn\n    };\n    addSignalProperty(context);\n    (_this$options$behavio = this.options.behavior) == null ? void 0 : _this$options$behavio.onFetch(context); // Store state in case the current fetch needs to be reverted\n\n    this.revertState = this.state; // Set to fetching state if not already in it\n\n    if (this.state.fetchStatus === 'idle' || this.state.fetchMeta !== ((_context$fetchOptions = context.fetchOptions) == null ? void 0 : _context$fetchOptions.meta)) {\n      var _context$fetchOptions2;\n\n      this.dispatch({\n        type: 'fetch',\n        meta: (_context$fetchOptions2 = context.fetchOptions) == null ? void 0 : _context$fetchOptions2.meta\n      });\n    }\n\n    const onError = error => {\n      // Optimistically update state if needed\n      if (!(isCancelledError(error) && error.silent)) {\n        this.dispatch({\n          type: 'error',\n          error: error\n        });\n      }\n\n      if (!isCancelledError(error)) {\n        var _this$cache$config$on, _this$cache$config, _this$cache$config$on2, _this$cache$config2;\n\n        // Notify cache callback\n        (_this$cache$config$on = (_this$cache$config = this.cache.config).onError) == null ? void 0 : _this$cache$config$on.call(_this$cache$config, error, this);\n        (_this$cache$config$on2 = (_this$cache$config2 = this.cache.config).onSettled) == null ? void 0 : _this$cache$config$on2.call(_this$cache$config2, this.state.data, error, this);\n\n        if (process.env.NODE_ENV !== 'production') {\n          this.logger.error(error);\n        }\n      }\n\n      if (!this.isFetchingOptimistic) {\n        // Schedule query gc after fetching\n        this.scheduleGc();\n      }\n\n      this.isFetchingOptimistic = false;\n    }; // Try to fetch the data\n\n\n    this.retryer = createRetryer({\n      fn: context.fetchFn,\n      abort: abortController == null ? void 0 : abortController.abort.bind(abortController),\n      onSuccess: data => {\n        var _this$cache$config$on3, _this$cache$config3, _this$cache$config$on4, _this$cache$config4;\n\n        if (typeof data === 'undefined') {\n          if (process.env.NODE_ENV !== 'production') {\n            this.logger.error(\"Query data cannot be undefined. Please make sure to return a value other than undefined from your query function. Affected query key: \" + this.queryHash);\n          }\n\n          onError(new Error(this.queryHash + \" data is undefined\"));\n          return;\n        }\n\n        this.setData(data); // Notify cache callback\n\n        (_this$cache$config$on3 = (_this$cache$config3 = this.cache.config).onSuccess) == null ? void 0 : _this$cache$config$on3.call(_this$cache$config3, data, this);\n        (_this$cache$config$on4 = (_this$cache$config4 = this.cache.config).onSettled) == null ? void 0 : _this$cache$config$on4.call(_this$cache$config4, data, this.state.error, this);\n\n        if (!this.isFetchingOptimistic) {\n          // Schedule query gc after fetching\n          this.scheduleGc();\n        }\n\n        this.isFetchingOptimistic = false;\n      },\n      onError,\n      onFail: (failureCount, error) => {\n        this.dispatch({\n          type: 'failed',\n          failureCount,\n          error\n        });\n      },\n      onPause: () => {\n        this.dispatch({\n          type: 'pause'\n        });\n      },\n      onContinue: () => {\n        this.dispatch({\n          type: 'continue'\n        });\n      },\n      retry: context.options.retry,\n      retryDelay: context.options.retryDelay,\n      networkMode: context.options.networkMode\n    });\n    this.promise = this.retryer.promise;\n    return this.promise;\n  }\n\n  dispatch(action) {\n    const reducer = state => {\n      var _action$meta, _action$dataUpdatedAt;\n\n      switch (action.type) {\n        case 'failed':\n          return { ...state,\n            fetchFailureCount: action.failureCount,\n            fetchFailureReason: action.error\n          };\n\n        case 'pause':\n          return { ...state,\n            fetchStatus: 'paused'\n          };\n\n        case 'continue':\n          return { ...state,\n            fetchStatus: 'fetching'\n          };\n\n        case 'fetch':\n          return { ...state,\n            fetchFailureCount: 0,\n            fetchFailureReason: null,\n            fetchMeta: (_action$meta = action.meta) != null ? _action$meta : null,\n            fetchStatus: canFetch(this.options.networkMode) ? 'fetching' : 'paused',\n            ...(!state.dataUpdatedAt && {\n              error: null,\n              status: 'loading'\n            })\n          };\n\n        case 'success':\n          return { ...state,\n            data: action.data,\n            dataUpdateCount: state.dataUpdateCount + 1,\n            dataUpdatedAt: (_action$dataUpdatedAt = action.dataUpdatedAt) != null ? _action$dataUpdatedAt : Date.now(),\n            error: null,\n            isInvalidated: false,\n            status: 'success',\n            ...(!action.manual && {\n              fetchStatus: 'idle',\n              fetchFailureCount: 0,\n              fetchFailureReason: null\n            })\n          };\n\n        case 'error':\n          const error = action.error;\n\n          if (isCancelledError(error) && error.revert && this.revertState) {\n            return { ...this.revertState,\n              fetchStatus: 'idle'\n            };\n          }\n\n          return { ...state,\n            error: error,\n            errorUpdateCount: state.errorUpdateCount + 1,\n            errorUpdatedAt: Date.now(),\n            fetchFailureCount: state.fetchFailureCount + 1,\n            fetchFailureReason: error,\n            fetchStatus: 'idle',\n            status: 'error'\n          };\n\n        case 'invalidate':\n          return { ...state,\n            isInvalidated: true\n          };\n\n        case 'setState':\n          return { ...state,\n            ...action.state\n          };\n      }\n    };\n\n    this.state = reducer(this.state);\n    notifyManager.batch(() => {\n      this.observers.forEach(observer => {\n        observer.onQueryUpdate(action);\n      });\n      this.cache.notify({\n        query: this,\n        type: 'updated',\n        action\n      });\n    });\n  }\n\n}\n\nfunction getDefaultState(options) {\n  const data = typeof options.initialData === 'function' ? options.initialData() : options.initialData;\n  const hasData = typeof data !== 'undefined';\n  const initialDataUpdatedAt = hasData ? typeof options.initialDataUpdatedAt === 'function' ? options.initialDataUpdatedAt() : options.initialDataUpdatedAt : 0;\n  return {\n    data,\n    dataUpdateCount: 0,\n    dataUpdatedAt: hasData ? initialDataUpdatedAt != null ? initialDataUpdatedAt : Date.now() : 0,\n    error: null,\n    errorUpdateCount: 0,\n    errorUpdatedAt: 0,\n    fetchFailureCount: 0,\n    fetchFailureReason: null,\n    fetchMeta: null,\n    isInvalidated: false,\n    status: hasData ? 'success' : 'loading',\n    fetchStatus: 'idle'\n  };\n}\n\nexport { Query };\n//# sourceMappingURL=query.mjs.map\n","import { hashQueryKeyByOptions, parseFilterArgs, matchQuery } from './utils.mjs';\nimport { Query } from './query.mjs';\nimport { notifyManager } from './notifyManager.mjs';\nimport { Subscribable } from './subscribable.mjs';\n\n// CLASS\nclass QueryCache extends Subscribable {\n  constructor(config) {\n    super();\n    this.config = config || {};\n    this.queries = [];\n    this.queriesMap = {};\n  }\n\n  build(client, options, state) {\n    var _options$queryHash;\n\n    const queryKey = options.queryKey;\n    const queryHash = (_options$queryHash = options.queryHash) != null ? _options$queryHash : hashQueryKeyByOptions(queryKey, options);\n    let query = this.get(queryHash);\n\n    if (!query) {\n      query = new Query({\n        cache: this,\n        logger: client.getLogger(),\n        queryKey,\n        queryHash,\n        options: client.defaultQueryOptions(options),\n        state,\n        defaultOptions: client.getQueryDefaults(queryKey)\n      });\n      this.add(query);\n    }\n\n    return query;\n  }\n\n  add(query) {\n    if (!this.queriesMap[query.queryHash]) {\n      this.queriesMap[query.queryHash] = query;\n      this.queries.push(query);\n      this.notify({\n        type: 'added',\n        query\n      });\n    }\n  }\n\n  remove(query) {\n    const queryInMap = this.queriesMap[query.queryHash];\n\n    if (queryInMap) {\n      query.destroy();\n      this.queries = this.queries.filter(x => x !== query);\n\n      if (queryInMap === query) {\n        delete this.queriesMap[query.queryHash];\n      }\n\n      this.notify({\n        type: 'removed',\n        query\n      });\n    }\n  }\n\n  clear() {\n    notifyManager.batch(() => {\n      this.queries.forEach(query => {\n        this.remove(query);\n      });\n    });\n  }\n\n  get(queryHash) {\n    return this.queriesMap[queryHash];\n  }\n\n  getAll() {\n    return this.queries;\n  }\n\n  find(arg1, arg2) {\n    const [filters] = parseFilterArgs(arg1, arg2);\n\n    if (typeof filters.exact === 'undefined') {\n      filters.exact = true;\n    }\n\n    return this.queries.find(query => matchQuery(filters, query));\n  }\n\n  findAll(arg1, arg2) {\n    const [filters] = parseFilterArgs(arg1, arg2);\n    return Object.keys(filters).length > 0 ? this.queries.filter(query => matchQuery(filters, query)) : this.queries;\n  }\n\n  notify(event) {\n    notifyManager.batch(() => {\n      this.listeners.forEach(({\n        listener\n      }) => {\n        listener(event);\n      });\n    });\n  }\n\n  onFocus() {\n    notifyManager.batch(() => {\n      this.queries.forEach(query => {\n        query.onFocus();\n      });\n    });\n  }\n\n  onOnline() {\n    notifyManager.batch(() => {\n      this.queries.forEach(query => {\n        query.onOnline();\n      });\n    });\n  }\n\n}\n\nexport { QueryCache };\n//# sourceMappingURL=queryCache.mjs.map\n","import { notifyManager } from './notifyManager.mjs';\nimport { Mutation } from './mutation.mjs';\nimport { matchMutation, noop } from './utils.mjs';\nimport { Subscribable } from './subscribable.mjs';\n\n// CLASS\nclass MutationCache extends Subscribable {\n  constructor(config) {\n    super();\n    this.config = config || {};\n    this.mutations = [];\n    this.mutationId = 0;\n  }\n\n  build(client, options, state) {\n    const mutation = new Mutation({\n      mutationCache: this,\n      logger: client.getLogger(),\n      mutationId: ++this.mutationId,\n      options: client.defaultMutationOptions(options),\n      state,\n      defaultOptions: options.mutationKey ? client.getMutationDefaults(options.mutationKey) : undefined\n    });\n    this.add(mutation);\n    return mutation;\n  }\n\n  add(mutation) {\n    this.mutations.push(mutation);\n    this.notify({\n      type: 'added',\n      mutation\n    });\n  }\n\n  remove(mutation) {\n    this.mutations = this.mutations.filter(x => x !== mutation);\n    this.notify({\n      type: 'removed',\n      mutation\n    });\n  }\n\n  clear() {\n    notifyManager.batch(() => {\n      this.mutations.forEach(mutation => {\n        this.remove(mutation);\n      });\n    });\n  }\n\n  getAll() {\n    return this.mutations;\n  }\n\n  find(filters) {\n    if (typeof filters.exact === 'undefined') {\n      filters.exact = true;\n    }\n\n    return this.mutations.find(mutation => matchMutation(filters, mutation));\n  }\n\n  findAll(filters) {\n    return this.mutations.filter(mutation => matchMutation(filters, mutation));\n  }\n\n  notify(event) {\n    notifyManager.batch(() => {\n      this.listeners.forEach(({\n        listener\n      }) => {\n        listener(event);\n      });\n    });\n  }\n\n  resumePausedMutations() {\n    var _this$resuming;\n\n    this.resuming = ((_this$resuming = this.resuming) != null ? _this$resuming : Promise.resolve()).then(() => {\n      const pausedMutations = this.mutations.filter(x => x.state.isPaused);\n      return notifyManager.batch(() => pausedMutations.reduce((promise, mutation) => promise.then(() => mutation.continue().catch(noop)), Promise.resolve()));\n    }).then(() => {\n      this.resuming = undefined;\n    });\n    return this.resuming;\n  }\n\n}\n\nexport { MutationCache };\n//# sourceMappingURL=mutationCache.mjs.map\n","import { parseFilterArgs, parseQueryArgs, functionalUpdate, noop, hashQueryKey, partialMatchKey, hashQueryKeyByOptions } from './utils.mjs';\nimport { QueryCache } from './queryCache.mjs';\nimport { MutationCache } from './mutationCache.mjs';\nimport { focusManager } from './focusManager.mjs';\nimport { onlineManager } from './onlineManager.mjs';\nimport { notifyManager } from './notifyManager.mjs';\nimport { infiniteQueryBehavior } from './infiniteQueryBehavior.mjs';\nimport { defaultLogger } from './logger.mjs';\n\n// CLASS\nclass QueryClient {\n  constructor(config = {}) {\n    this.queryCache = config.queryCache || new QueryCache();\n    this.mutationCache = config.mutationCache || new MutationCache();\n    this.logger = config.logger || defaultLogger;\n    this.defaultOptions = config.defaultOptions || {};\n    this.queryDefaults = [];\n    this.mutationDefaults = [];\n    this.mountCount = 0;\n\n    if (process.env.NODE_ENV !== 'production' && config.logger) {\n      this.logger.error(\"Passing a custom logger has been deprecated and will be removed in the next major version.\");\n    }\n  }\n\n  mount() {\n    this.mountCount++;\n    if (this.mountCount !== 1) return;\n    this.unsubscribeFocus = focusManager.subscribe(() => {\n      if (focusManager.isFocused()) {\n        this.resumePausedMutations();\n        this.queryCache.onFocus();\n      }\n    });\n    this.unsubscribeOnline = onlineManager.subscribe(() => {\n      if (onlineManager.isOnline()) {\n        this.resumePausedMutations();\n        this.queryCache.onOnline();\n      }\n    });\n  }\n\n  unmount() {\n    var _this$unsubscribeFocu, _this$unsubscribeOnli;\n\n    this.mountCount--;\n    if (this.mountCount !== 0) return;\n    (_this$unsubscribeFocu = this.unsubscribeFocus) == null ? void 0 : _this$unsubscribeFocu.call(this);\n    this.unsubscribeFocus = undefined;\n    (_this$unsubscribeOnli = this.unsubscribeOnline) == null ? void 0 : _this$unsubscribeOnli.call(this);\n    this.unsubscribeOnline = undefined;\n  }\n\n  isFetching(arg1, arg2) {\n    const [filters] = parseFilterArgs(arg1, arg2);\n    filters.fetchStatus = 'fetching';\n    return this.queryCache.findAll(filters).length;\n  }\n\n  isMutating(filters) {\n    return this.mutationCache.findAll({ ...filters,\n      fetching: true\n    }).length;\n  }\n\n  getQueryData(queryKey, filters) {\n    var _this$queryCache$find;\n\n    return (_this$queryCache$find = this.queryCache.find(queryKey, filters)) == null ? void 0 : _this$queryCache$find.state.data;\n  }\n\n  ensureQueryData(arg1, arg2, arg3) {\n    const parsedOptions = parseQueryArgs(arg1, arg2, arg3);\n    const cachedData = this.getQueryData(parsedOptions.queryKey);\n    return cachedData ? Promise.resolve(cachedData) : this.fetchQuery(parsedOptions);\n  }\n\n  getQueriesData(queryKeyOrFilters) {\n    return this.getQueryCache().findAll(queryKeyOrFilters).map(({\n      queryKey,\n      state\n    }) => {\n      const data = state.data;\n      return [queryKey, data];\n    });\n  }\n\n  setQueryData(queryKey, updater, options) {\n    const query = this.queryCache.find(queryKey);\n    const prevData = query == null ? void 0 : query.state.data;\n    const data = functionalUpdate(updater, prevData);\n\n    if (typeof data === 'undefined') {\n      return undefined;\n    }\n\n    const parsedOptions = parseQueryArgs(queryKey);\n    const defaultedOptions = this.defaultQueryOptions(parsedOptions);\n    return this.queryCache.build(this, defaultedOptions).setData(data, { ...options,\n      manual: true\n    });\n  }\n\n  setQueriesData(queryKeyOrFilters, updater, options) {\n    return notifyManager.batch(() => this.getQueryCache().findAll(queryKeyOrFilters).map(({\n      queryKey\n    }) => [queryKey, this.setQueryData(queryKey, updater, options)]));\n  }\n\n  getQueryState(queryKey, filters) {\n    var _this$queryCache$find2;\n\n    return (_this$queryCache$find2 = this.queryCache.find(queryKey, filters)) == null ? void 0 : _this$queryCache$find2.state;\n  }\n\n  removeQueries(arg1, arg2) {\n    const [filters] = parseFilterArgs(arg1, arg2);\n    const queryCache = this.queryCache;\n    notifyManager.batch(() => {\n      queryCache.findAll(filters).forEach(query => {\n        queryCache.remove(query);\n      });\n    });\n  }\n\n  resetQueries(arg1, arg2, arg3) {\n    const [filters, options] = parseFilterArgs(arg1, arg2, arg3);\n    const queryCache = this.queryCache;\n    const refetchFilters = {\n      type: 'active',\n      ...filters\n    };\n    return notifyManager.batch(() => {\n      queryCache.findAll(filters).forEach(query => {\n        query.reset();\n      });\n      return this.refetchQueries(refetchFilters, options);\n    });\n  }\n\n  cancelQueries(arg1, arg2, arg3) {\n    const [filters, cancelOptions = {}] = parseFilterArgs(arg1, arg2, arg3);\n\n    if (typeof cancelOptions.revert === 'undefined') {\n      cancelOptions.revert = true;\n    }\n\n    const promises = notifyManager.batch(() => this.queryCache.findAll(filters).map(query => query.cancel(cancelOptions)));\n    return Promise.all(promises).then(noop).catch(noop);\n  }\n\n  invalidateQueries(arg1, arg2, arg3) {\n    const [filters, options] = parseFilterArgs(arg1, arg2, arg3);\n    return notifyManager.batch(() => {\n      var _ref, _filters$refetchType;\n\n      this.queryCache.findAll(filters).forEach(query => {\n        query.invalidate();\n      });\n\n      if (filters.refetchType === 'none') {\n        return Promise.resolve();\n      }\n\n      const refetchFilters = { ...filters,\n        type: (_ref = (_filters$refetchType = filters.refetchType) != null ? _filters$refetchType : filters.type) != null ? _ref : 'active'\n      };\n      return this.refetchQueries(refetchFilters, options);\n    });\n  }\n\n  refetchQueries(arg1, arg2, arg3) {\n    const [filters, options] = parseFilterArgs(arg1, arg2, arg3);\n    const promises = notifyManager.batch(() => this.queryCache.findAll(filters).filter(query => !query.isDisabled()).map(query => {\n      var _options$cancelRefetc;\n\n      return query.fetch(undefined, { ...options,\n        cancelRefetch: (_options$cancelRefetc = options == null ? void 0 : options.cancelRefetch) != null ? _options$cancelRefetc : true,\n        meta: {\n          refetchPage: filters.refetchPage\n        }\n      });\n    }));\n    let promise = Promise.all(promises).then(noop);\n\n    if (!(options != null && options.throwOnError)) {\n      promise = promise.catch(noop);\n    }\n\n    return promise;\n  }\n\n  fetchQuery(arg1, arg2, arg3) {\n    const parsedOptions = parseQueryArgs(arg1, arg2, arg3);\n    const defaultedOptions = this.defaultQueryOptions(parsedOptions); // https://github.com/tannerlinsley/react-query/issues/652\n\n    if (typeof defaultedOptions.retry === 'undefined') {\n      defaultedOptions.retry = false;\n    }\n\n    const query = this.queryCache.build(this, defaultedOptions);\n    return query.isStaleByTime(defaultedOptions.staleTime) ? query.fetch(defaultedOptions) : Promise.resolve(query.state.data);\n  }\n\n  prefetchQuery(arg1, arg2, arg3) {\n    return this.fetchQuery(arg1, arg2, arg3).then(noop).catch(noop);\n  }\n\n  fetchInfiniteQuery(arg1, arg2, arg3) {\n    const parsedOptions = parseQueryArgs(arg1, arg2, arg3);\n    parsedOptions.behavior = infiniteQueryBehavior();\n    return this.fetchQuery(parsedOptions);\n  }\n\n  prefetchInfiniteQuery(arg1, arg2, arg3) {\n    return this.fetchInfiniteQuery(arg1, arg2, arg3).then(noop).catch(noop);\n  }\n\n  resumePausedMutations() {\n    return this.mutationCache.resumePausedMutations();\n  }\n\n  getQueryCache() {\n    return this.queryCache;\n  }\n\n  getMutationCache() {\n    return this.mutationCache;\n  }\n\n  getLogger() {\n    return this.logger;\n  }\n\n  getDefaultOptions() {\n    return this.defaultOptions;\n  }\n\n  setDefaultOptions(options) {\n    this.defaultOptions = options;\n  }\n\n  setQueryDefaults(queryKey, options) {\n    const result = this.queryDefaults.find(x => hashQueryKey(queryKey) === hashQueryKey(x.queryKey));\n\n    if (result) {\n      result.defaultOptions = options;\n    } else {\n      this.queryDefaults.push({\n        queryKey,\n        defaultOptions: options\n      });\n    }\n  }\n\n  getQueryDefaults(queryKey) {\n    if (!queryKey) {\n      return undefined;\n    } // Get the first matching defaults\n\n\n    const firstMatchingDefaults = this.queryDefaults.find(x => partialMatchKey(queryKey, x.queryKey)); // Additional checks and error in dev mode\n\n    if (process.env.NODE_ENV !== 'production') {\n      // Retrieve all matching defaults for the given key\n      const matchingDefaults = this.queryDefaults.filter(x => partialMatchKey(queryKey, x.queryKey)); // It is ok not having defaults, but it is error prone to have more than 1 default for a given key\n\n      if (matchingDefaults.length > 1) {\n        this.logger.error(\"[QueryClient] Several query defaults match with key '\" + JSON.stringify(queryKey) + \"'. The first matching query defaults are used. Please check how query defaults are registered. Order does matter here. cf. https://react-query.tanstack.com/reference/QueryClient#queryclientsetquerydefaults.\");\n      }\n    }\n\n    return firstMatchingDefaults == null ? void 0 : firstMatchingDefaults.defaultOptions;\n  }\n\n  setMutationDefaults(mutationKey, options) {\n    const result = this.mutationDefaults.find(x => hashQueryKey(mutationKey) === hashQueryKey(x.mutationKey));\n\n    if (result) {\n      result.defaultOptions = options;\n    } else {\n      this.mutationDefaults.push({\n        mutationKey,\n        defaultOptions: options\n      });\n    }\n  }\n\n  getMutationDefaults(mutationKey) {\n    if (!mutationKey) {\n      return undefined;\n    } // Get the first matching defaults\n\n\n    const firstMatchingDefaults = this.mutationDefaults.find(x => partialMatchKey(mutationKey, x.mutationKey)); // Additional checks and error in dev mode\n\n    if (process.env.NODE_ENV !== 'production') {\n      // Retrieve all matching defaults for the given key\n      const matchingDefaults = this.mutationDefaults.filter(x => partialMatchKey(mutationKey, x.mutationKey)); // It is ok not having defaults, but it is error prone to have more than 1 default for a given key\n\n      if (matchingDefaults.length > 1) {\n        this.logger.error(\"[QueryClient] Several mutation defaults match with key '\" + JSON.stringify(mutationKey) + \"'. The first matching mutation defaults are used. Please check how mutation defaults are registered. Order does matter here. cf. https://react-query.tanstack.com/reference/QueryClient#queryclientsetmutationdefaults.\");\n      }\n    }\n\n    return firstMatchingDefaults == null ? void 0 : firstMatchingDefaults.defaultOptions;\n  }\n\n  defaultQueryOptions(options) {\n    if (options != null && options._defaulted) {\n      return options;\n    }\n\n    const defaultedOptions = { ...this.defaultOptions.queries,\n      ...this.getQueryDefaults(options == null ? void 0 : options.queryKey),\n      ...options,\n      _defaulted: true\n    };\n\n    if (!defaultedOptions.queryHash && defaultedOptions.queryKey) {\n      defaultedOptions.queryHash = hashQueryKeyByOptions(defaultedOptions.queryKey, defaultedOptions);\n    } // dependent default values\n\n\n    if (typeof defaultedOptions.refetchOnReconnect === 'undefined') {\n      defaultedOptions.refetchOnReconnect = defaultedOptions.networkMode !== 'always';\n    }\n\n    if (typeof defaultedOptions.useErrorBoundary === 'undefined') {\n      defaultedOptions.useErrorBoundary = !!defaultedOptions.suspense;\n    }\n\n    return defaultedOptions;\n  }\n\n  defaultMutationOptions(options) {\n    if (options != null && options._defaulted) {\n      return options;\n    }\n\n    return { ...this.defaultOptions.mutations,\n      ...this.getMutationDefaults(options == null ? void 0 : options.mutationKey),\n      ...options,\n      _defaulted: true\n    };\n  }\n\n  clear() {\n    this.queryCache.clear();\n    this.mutationCache.clear();\n  }\n\n}\n\nexport { QueryClient };\n//# sourceMappingURL=queryClient.mjs.map\n","'use client';\nimport { ReactQueryDevtools as ReactQueryDevtools$1, ReactQueryDevtoolsPanel as ReactQueryDevtoolsPanel$1 } from './devtools.mjs';\n\nconst ReactQueryDevtools = process.env.NODE_ENV !== 'development' ? function () {\n  return null;\n} : ReactQueryDevtools$1;\nconst ReactQueryDevtoolsPanel = process.env.NODE_ENV !== 'development' ? function () {\n  return null;\n} : ReactQueryDevtoolsPanel$1;\n\nexport { ReactQueryDevtools, ReactQueryDevtoolsPanel };\n//# sourceMappingURL=index.mjs.map\n","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { LayoutContainer } from \"@/containers/Layout/Layout\";\nimport { GlobalConfigProvider } from \"@/hooks/useConfig\";\nimport { AuthProvider } from \"@/lib/auth/AuthStore\";\nimport { GA_TRACKING_ID, gaPageView } from \"@/lib/ga4\";\nimport { AppDefaultStyle } from \"@/themes/defaultStyle\";\nimport { GlobalStyles } from \"@/themes/Global.style\";\nimport { ConfigProvider } from \"antd\";\nimport \"antd/dist/reset.css\"; // import '../themes/antd-custom.less'\nimport App from \"next/app\";\nimport Head from \"next/head\";\nimport { useRouter } from \"next/router\";\nimport Script from \"next/script\";\nimport { useEffect } from \"react\";\nimport { StyleSheetManager, ThemeProvider } from \"styled-components\";\nimport { default as themes } from \"../themes\";\nimport apiService from \"@/lib/apiService/apiService\";\nimport { RestfulApiProvider } from \"@/lib/apiService/RestfulApiService\";\nimport uiLibraryTheme from \"@/themes/uiLibraryTheme\";\nimport { CssBaseline, ThemeProvider as MuiThemeProvider } from \"@mui/material\";\nimport { QueryClient, QueryClientProvider } from \"@tanstack/react-query\";\nimport { ReactQueryDevtools } from \"@tanstack/react-query-devtools\";\nimport { getCookies } from \"cookies-next\";\nimport { DefaultSeo } from \"next-seo\";\nimport { isInWebview } from \"src/utils/misc\";\nimport { getMe } from \"../api/getMe\";\nimport defaultSeoConfig from \"../settings/next-seo.config\";\nimport { solvookPageViewed } from \"@/lib/mixpanels/mixpanel\";\nconst KAKAO_JAVASCRIPT_SDK_KEY = process.env.NEXT_PUBLIC_KAKAO_JAVASCRIPT_SDK_KEY;\nconst Mixpanel_TOKEN = process.env.NEXT_PUBLIC_MIXPANEL_TOKEN;\nconst GOOGLE_TAG_MANAGER_ID = isInWebview() || process.env.NEXT_PUBLIC_GOOGLE_TAG_MANAGER_ID;\nconst queryClient = new QueryClient();\nconst MyApp = (param)=>{\n    let { Component , pageProps , auth  } = param;\n    const currentSelectedTheme = \"defaultTheme\";\n    const currentTheme = themes[currentSelectedTheme];\n    const router = useRouter();\n    const asPath = router.asPath;\n    useEffect(()=>{\n        try {\n            if (!window.Kakao.isInitialized() && window.Kakao) {\n                // JavaScript key를 인자로 주고 SDK 초기화\n                window.Kakao.init(KAKAO_JAVASCRIPT_SDK_KEY);\n                ;\n            // window.Kakao.init(process.env.NEXT_PUBLIC_KAKAO_JAVASCRIPT)\n            }\n        } catch (e) {\n            ;\n        }\n    }, []);\n    useEffect(()=>{\n        gaPageView(asPath);\n        solvookPageViewed(asPath);\n    }, [\n        asPath\n    ]);\n    var _Component_getLayout;\n    const getLayout = (_Component_getLayout = Component.getLayout) !== null && _Component_getLayout !== void 0 ? _Component_getLayout : (page)=>/*#__PURE__*/ _jsx(LayoutContainer, {\n            children: page\n        });\n    const isSignupPage = router.pathname.includes(\"/signup\") || router.pathname.includes(\"/checkout\");\n    const jsonLdData = {\n        \"@context\": \"http://schema.org\",\n        \"@type\": \"Organization\",\n        name: \"쏠북\",\n        url: \"https://solvook.com\",\n        sameAs: [\n            \"https://blog.naver.com/bookips\"\n        ]\n    };\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            /*#__PURE__*/ _jsxs(Head, {\n                children: [\n                    /*#__PURE__*/ _jsx(\"meta\", {\n                        name: \"viewport\",\n                        content: \"width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"link\", {\n                        rel: \"stylesheet\",\n                        type: \"text/css\",\n                        href: \"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"link\", {\n                        rel: \"preconnect\",\n                        href: \"https://fonts.googleapis.com\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"link\", {\n                        rel: \"preconnect\",\n                        href: \"https://fonts.gstatic.com\",\n                        crossOrigin: \"anonymous\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"link\", {\n                        href: \"https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap\",\n                        rel: \"stylesheet\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"script\", {\n                        type: \"application/ld+json\",\n                        dangerouslySetInnerHTML: {\n                            __html: JSON.stringify(jsonLdData)\n                        }\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(DefaultSeo, {\n                ...defaultSeoConfig,\n                ...process.env.NEXT_PUBLIC_ENV !== \"production\" && {\n                    dangerouslySetAllPagesToNoIndex: true,\n                    dangerouslySetAllPagesToNoFollow: true\n                }\n            }),\n            /*#__PURE__*/ _jsx(GlobalConfigProvider, {\n                children: /*#__PURE__*/ _jsx(AuthProvider, {\n                    initialValues: auth,\n                    children: /*#__PURE__*/ _jsx(RestfulApiProvider, {\n                        value: apiService,\n                        children: /*#__PURE__*/ _jsx(ThemeProvider, {\n                            theme: currentTheme,\n                            children: /*#__PURE__*/ _jsx(StyleSheetManager, {\n                                disableVendorPrefixes: true,\n                                children: /*#__PURE__*/ _jsx(ConfigProvider, {\n                                    theme: {\n                                        token: {\n                                            colorPrimary: currentTheme.primary[0],\n                                            colorPrimaryText: currentTheme.text[0],\n                                            borderRadius: 2\n                                        },\n                                        components: {\n                                            Button: {\n                                                colorPrimary: currentTheme.primary[0]\n                                            }\n                                        }\n                                    },\n                                    children: /*#__PURE__*/ _jsx(QueryClientProvider, {\n                                        client: queryClient,\n                                        children: /*#__PURE__*/ _jsxs(_Fragment, {\n                                            children: [\n                                                /*#__PURE__*/ _jsx(GlobalStyles, {}),\n                                                /*#__PURE__*/ _jsx(AppDefaultStyle, {}),\n                                                /*#__PURE__*/ _jsxs(MuiThemeProvider, {\n                                                    theme: uiLibraryTheme,\n                                                    children: [\n                                                        /*#__PURE__*/ _jsx(CssBaseline, {}),\n                                                        getLayout(/*#__PURE__*/ _jsx(Component, {\n                                                            ...pageProps\n                                                        }))\n                                                    ]\n                                                }),\n                                                /*#__PURE__*/ _jsx(ReactQueryDevtools, {\n                                                    initialIsOpen: true\n                                                }),\n                                                /*#__PURE__*/ _jsx(\"div\", {\n                                                    id: \"overlay\"\n                                                })\n                                            ]\n                                        })\n                                    })\n                                })\n                            })\n                        })\n                    })\n                })\n            }),\n            /*#__PURE__*/ _jsx(Script, {\n                id: \"gtag-script\",\n                strategy: \"afterInteractive\",\n                src: \"https://www.googletagmanager.com/gtag/js?id=\".concat(GA_TRACKING_ID)\n            }),\n            /*#__PURE__*/ _jsx(Script, {\n                id: \"gtag-init-script\",\n                strategy: \"afterInteractive\",\n                dangerouslySetInnerHTML: {\n                    __html: \"\\n            window.dataLayer = window.dataLayer || [];\\n            function gtag(){dataLayer.push(arguments);}\\n            gtag('js', new Date());\\n            gtag('config', '\".concat(GA_TRACKING_ID, \"', {\\n              page_path: window.location.pathname,\\n            });\\n          \")\n                }\n            }),\n            \"object\" != \"undefined\" && !window.mixpanel && /*#__PURE__*/ _jsx(Script, {\n                id: \"mixpanel-init-script\",\n                strategy: \"afterInteractive\",\n                dangerouslySetInnerHTML: {\n                    __html: '\\n              (function(f,b){if(!b.__SV){var e,g,i,h;window.mixpanel=b;b._i=[];b.init=function(e,f,c){function g(a,d){var b=d.split(\".\");2==b.length&&(a=a[b[0]],d=b[1]);a[d]=function(){a.push([d].concat(Array.prototype.slice.call(arguments,0)))}}var a=b;\"undefined\"!==typeof c?a=b[c]=[]:c=\"mixpanel\";a.people=a.people||[];a.toString=function(a){var d=\"mixpanel\";\"mixpanel\"!==c&&(d+=\".\"+c);a||(d+=\" (stub)\");return d};a.people.toString=function(){return a.toString(1)+\".people (stub)\"};i=\"disable time_event track track_pageview track_links track_forms track_with_groups add_group set_group remove_group register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking start_batch_senders people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user people.remove\".split(\" \");\\n            for(h=0;h<i.length;h++)g(a,i[h]);var j=\"set set_once union unset remove delete\".split(\" \");a.get_group=function(){function b(c){d[c]=function(){call2_args=arguments;call2=[c].concat(Array.prototype.slice.call(call2_args,0));a.push([e,call2])}}for(var d={},e=[\"get_group\"].concat(Array.prototype.slice.call(arguments,0)),c=0;c<j.length;c++)b(j[c]);return d};b._i.push([e,f,c])};b.__SV=1.2;e=f.createElement(\"script\");e.type=\"text/javascript\";e.async=!0;e.src=\"undefined\"!==typeof MIXPANEL_CUSTOM_LIB_URL?\\n            MIXPANEL_CUSTOM_LIB_URL:\"file:\"===f.location.protocol&&\"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js\".match(/^\\\\/\\\\//)?\"https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js\":\"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js\";g=f.getElementsByTagName(\"script\")[0];g.parentNode.insertBefore(e,g)}})(document,window.mixpanel||[]);\\n            mixpanel.init(\\''.concat(Mixpanel_TOKEN, '\\', {debug: true, track_pageview: \"full-url\"});\\n          \\n  ')\n                }\n            }),\n            /*#__PURE__*/ _jsx(\"noscript\", {\n                children: /*#__PURE__*/ _jsx(\"iframe\", {\n                    src: \"https://www.googletagmanager.com/ns.html?id=\".concat(GOOGLE_TAG_MANAGER_ID),\n                    height: \"0\",\n                    width: \"0\",\n                    style: {\n                        display: \"none\",\n                        visibility: \"hidden\"\n                    }\n                })\n            }),\n            /*#__PURE__*/ _jsx(Script, {\n                id: \"google-tag-manager\",\n                dangerouslySetInnerHTML: {\n                    __html: \"\\n        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\\n        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\\n        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\\n        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\\n        })(window,document,'script','dataLayer', '\".concat(GOOGLE_TAG_MANAGER_ID, \"');\\n        \")\n                }\n            }),\n            /*#__PURE__*/ _jsx(Script, {\n                type: \"text/javascript\",\n                src: \"//wcs.naver.net/wcslog.js\"\n            }),\n            !isSignupPage && /*#__PURE__*/ _jsx(Script, {\n                id: \"wcs-nasa-script\",\n                strategy: \"lazyOnload\",\n                children: '\\n          if (!wcs_add) var wcs_add={};\\n          wcs_add[\"wa\"] = \"s_1b6f4943c842\";\\n          if (!_nasa) var _nasa={};\\n          if(window.wcs){\\n            wcs.inflow();\\n            wcs_do(_nasa);\\n          }\\n        '\n            })\n        ]\n    });\n};\nMyApp.getInitialProps = async (appContext)=>{\n    var _appContext_ctx, _appContext_ctx1;\n    const appProps = await App.getInitialProps(appContext);\n    const req = (_appContext_ctx = appContext.ctx) === null || _appContext_ctx === void 0 ? void 0 : _appContext_ctx.req;\n    const res = (_appContext_ctx1 = appContext.ctx) === null || _appContext_ctx1 === void 0 ? void 0 : _appContext_ctx1.res;\n    if (!req) return {\n        ...appProps,\n        auth: undefined\n    };\n    const { accessToken , session  } = getCookies({\n        req,\n        res\n    });\n    let auth = req === null || req === void 0 ? void 0 : req.auth;\n    if (accessToken) {\n        try {\n            let response = await getMe(accessToken);\n            auth = {\n                ...auth,\n                ...response\n            } // auth 정보에 추가\n            ;\n        } catch (e) {\n            ;\n            ;\n        }\n    }\n    return {\n        ...appProps,\n        auth: auth\n    };\n};\nexport default MyApp;\n","import { useCallback, useMemo } from \"react\";\nexport const useCategoryTree = (param)=>{\n    let { categoryMenu , categoryId  } = param;\n    const currentDepth = useMemo(()=>{\n        if (!categoryId) return 1;\n        return categoryId.length / 2;\n    }, [\n        categoryId\n    ]);\n    const convertCategoryToTreeData = useCallback((category)=>{\n        if (!category) return [];\n        const convertItems = (items)=>{\n            return items.map((item)=>{\n                return {\n                    id: item.id,\n                    label: item.name,\n                    children: item.items ? convertItems(item.items) : []\n                };\n            });\n        };\n        return convertItems(category.items);\n    }, []);\n    const findCategoryChildren = useCallback((depth, id)=>{\n        if (!categoryMenu) return null;\n        const currentId = id || categoryId;\n        let currentItems = categoryMenu.depthItems;\n        let currentIdSlice = \"\";\n        for(let i = 1; i <= depth; i++){\n            currentIdSlice = currentId.slice(0, i * 2).toString();\n            const currentCategory = currentItems.find((item)=>item.id === currentIdSlice);\n            if (!currentCategory) return null;\n            if (i === depth) return currentCategory;\n            currentItems = currentCategory.items;\n        }\n        return null;\n    }, [\n        categoryId,\n        categoryMenu\n    ]);\n    const findCategoryDepthNameWithIds = useCallback(()=>{\n        if (!categoryMenu) return [];\n        if (!categoryId) return [\n            {\n                name: findCategoryChildren(1).name,\n                id: findCategoryChildren(1).id\n            }\n        ];\n        const findCategory = function(items) {\n            let depthNames = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];\n            for(let i = 0; i < items.length; i++){\n                if (items[i].id === categoryId) return [\n                    ...depthNames,\n                    {\n                        name: items[i].name,\n                        id: items[i].id\n                    }\n                ];\n                if (items[i].items) {\n                    const found = findCategory(items[i].items, [\n                        ...depthNames,\n                        {\n                            name: items[i].name,\n                            id: items[i].id\n                        }\n                    ]);\n                    if (found) return found;\n                }\n            }\n        };\n        return findCategory(categoryMenu.depthItems) || [];\n    }, [\n        categoryMenu,\n        categoryId\n    ]);\n    const isLastDepth = useMemo(()=>{\n        var _findCategoryChildren, _findCategoryChildren1;\n        return ((_findCategoryChildren = findCategoryChildren(currentDepth)) === null || _findCategoryChildren === void 0 ? void 0 : _findCategoryChildren.items) ? ((_findCategoryChildren1 = findCategoryChildren(currentDepth)) === null || _findCategoryChildren1 === void 0 ? void 0 : _findCategoryChildren1.items.length) === 0 : true;\n    }, [\n        categoryId,\n        categoryMenu\n    ]);\n    const checkLastDepth = useCallback((id)=>{\n        var _findCategoryChildren, _findCategoryChildren1;\n        return ((_findCategoryChildren = findCategoryChildren(id.length / 2, id)) === null || _findCategoryChildren === void 0 ? void 0 : _findCategoryChildren.items) ? ((_findCategoryChildren1 = findCategoryChildren(id.length / 2, id)) === null || _findCategoryChildren1 === void 0 ? void 0 : _findCategoryChildren1.items.length) === 0 : true;\n    }, [\n        categoryMenu,\n        categoryId\n    ]);\n    return {\n        treeData: convertCategoryToTreeData(findCategoryChildren(1)),\n        findCategoryChildren,\n        categoryDepthNameList: findCategoryDepthNameWithIds(),\n        currentDepth,\n        isLastDepth,\n        checkLastDepth\n    };\n};\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  gap: 24px;\\n  margin-bottom: 64px;\\n\\n  body:has(&) {\\n    .gnb {\\n      position: unset;\\n    }\\n\\n    .fixed {\\n      position: unset;\\n      top: unset;\\n    }\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  width: 204px;\\n  height: calc(100vh - 12px);\\n  padding: 32px 16px 0 0;\\n  position: sticky;\\n  top: 0;\\n  transition: top 0.3s ease;\\n  overflow-y: auto;\\n\\n  &::-webkit-scrollbar {\\n    width: 3px;\\n    height: 140px;\\n  }\\n\\n  &::-webkit-scrollbar-thumb {\\n    border-radius: 2px;\\n    background: rgba(206, 210, 224, 1);\\n  }\\n\\n  @media (max-width: 768px) {\\n    display: none;\\n  }\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  flex-direction: column;\\n  gap: 32px;\\n  width: calc(100% - 204px);\\n  flex: 1;\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { CategoryList, Container } from \"@/components\";\nimport { BreadCrumbItem, CategoryBreadCrumbView } from \"@/components/Categories/Menu/CategoryBreadCrumbView\";\nimport { CategoryTreeView, ChevronDown, ChevronUp } from \"@/components/Categories/Menu/CategoryTree\";\nimport { CategoryTreeItem } from \"@/components/Categories/Menu/CategoryTreeItem\";\nimport { FilterQueryHandlerType, useCategoryFilterHandler } from \"@/hooks/useCategoryFilterHandler\";\nimport { useCategoryTree } from \"@/hooks/useCategoryTree\";\nimport { useHandleTreeView } from \"@/hooks/useHandleTreeView\";\nimport { usePagination } from \"@/hooks/usePaginationNew\";\nimport { Typography, styled } from \"@mui/material\";\nimport { useTreeViewApiRef } from \"@mui/x-tree-view\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useRouter } from \"next/router\";\nimport { useEffect } from \"react\";\nimport { CategoryQueryKey, DetailFilterKeys, getCategoryList, getCategoryMenu } from \"../../api/category\";\nconst LIMIT = 24;\nexport const DEFAULT_QUERY_SIZE = 1;\nconst CategoryPage = ()=>{\n    var _categoryMenu_depthItems__items_, _categoryMenu_depthItems_, _findCategoryChildren, _categoryDepthNameList_;\n    const { filterQueryHandler , searchParams , hasSelectedFilter  } = useCategoryFilterHandler();\n    const { data: categoryMenu  } = useQuery([\n        \"categoryMenu\"\n    ], ()=>getCategoryMenu(), {});\n    var _searchParams_get;\n    const categoryId = (_searchParams_get = searchParams.get(CategoryQueryKey.CATEGORY)) !== null && _searchParams_get !== void 0 ? _searchParams_get : (_categoryMenu_depthItems__items_ = (_categoryMenu_depthItems_ = categoryMenu === null || categoryMenu === void 0 ? void 0 : categoryMenu.depthItems[0]) === null || _categoryMenu_depthItems_ === void 0 ? void 0 : _categoryMenu_depthItems_.items[0]) === null || _categoryMenu_depthItems__items_ === void 0 ? void 0 : _categoryMenu_depthItems__items_.id;\n    const { data: { id: queriedCategoryId , data: categoryList  } = {} , isLoading , isSuccess  } = useQuery([\n        \"categoryList\",\n        categoryId,\n        searchParams.toString()\n    ], ()=>getCategoryList({\n            sort: searchParams.get(CategoryQueryKey.SORT),\n            id: categoryId,\n            \"authors[]\": searchParams.getAll(DetailFilterKeys.AUTHORS),\n            \"dataTypes[]\": searchParams.getAll(DetailFilterKeys.DATATYPES),\n            \"units[]\": searchParams.getAll(DetailFilterKeys.UNITS),\n            \"solvookPass[]\": searchParams.getAll(DetailFilterKeys.SOLVOOKPASS),\n            offset: offset,\n            limit: LIMIT\n        }), {\n        enabled: !!categoryId,\n        keepPreviousData: true,\n        select: (data)=>{\n            return {\n                id: categoryId,\n                data\n            };\n        }\n    });\n    var _categoryList_totalCount;\n    const { offset , ...paginationProps } = usePagination({\n        limit: LIMIT,\n        totalCount: (_categoryList_totalCount = categoryList === null || categoryList === void 0 ? void 0 : categoryList.totalCount) !== null && _categoryList_totalCount !== void 0 ? _categoryList_totalCount : 0\n    });\n    const { treeData , categoryDepthNameList , currentDepth , findCategoryChildren , isLastDepth  } = useCategoryTree({\n        categoryMenu,\n        categoryId\n    });\n    const apiRef = useTreeViewApiRef();\n    const { expandedItems , handleSelectedItemsChange , handleExpandedItemsChange , selectedItem  } = useHandleTreeView({\n        categoryId,\n        categoryMenu: categoryMenu === null || categoryMenu === void 0 ? void 0 : categoryMenu.depthItems\n    });\n    const handleBreadCrumbs = (id)=>{\n        filterQueryHandler({\n            filterType: FilterQueryHandlerType.CATEGORY,\n            value: id\n        });\n    //TODO: usehandletreeview에서 useeffect로 처리\n    // 지금의 함수로 처리를 훅으로 변경하고자 하는 이유가 궁금합니다\n    // handleExpandedItemsChange(null, [...findParents(id), checkLastDepth(id) ? '' : id])\n    // handleSelectedItemsChange(null, [id])\n    };\n    const breadcrumbList = categoryDepthNameList.map((item, idx)=>{\n        if (idx === 0) return;\n        return /*#__PURE__*/ _jsx(BreadCrumbItem, {\n            depth: idx,\n            onClick: ()=>handleBreadCrumbs(item.id),\n            item: item,\n            list: categoryDepthNameList\n        }, item.id);\n    });\n    const router = useRouter();\n    useEffect(()=>{\n        if (!isSuccess) return;\n        if (queriedCategoryId !== searchParams.get(\"id\")) return;\n        if (Array.from(searchParams.keys()).length > DEFAULT_QUERY_SIZE) return;\n        const findFilterItem = categoryList === null || categoryList === void 0 ? void 0 : categoryList.filterItems.find((filterItem)=>filterItem.name === DetailFilterKeys.UNITS);\n        if (findFilterItem && findFilterItem.items.length) {\n            router.push(\"/categories?id=\".concat(searchParams.get(\"id\"), \"&단원=\").concat(findFilterItem.items[0]));\n        }\n    }, [\n        isSuccess,\n        searchParams.get(\"id\"),\n        queriedCategoryId\n    ]);\n    return /*#__PURE__*/ _jsxs(CategoryNextPageContainer, {\n        children: [\n            /*#__PURE__*/ _jsxs(CategoryLNBSection, {\n                children: [\n                    categoryMenu && /*#__PURE__*/ _jsxs(Typography, {\n                        variant: \"subtitle1\",\n                        sx: {\n                            marginBottom: \"16px\"\n                        },\n                        children: [\n                            (_findCategoryChildren = findCategoryChildren(1)) === null || _findCategoryChildren === void 0 ? void 0 : _findCategoryChildren.name,\n                            \" 카테고리\"\n                        ]\n                    }),\n                    /*#__PURE__*/ _jsx(CategoryTreeView, {\n                        apiRef: apiRef,\n                        slots: {\n                            item: CategoryTreeItem,\n                            expandIcon: ChevronUp,\n                            collapseIcon: ChevronDown\n                        },\n                        items: treeData,\n                        expandedItems: expandedItems,\n                        selectedItems: selectedItem,\n                        onSelectedItemsChange: handleSelectedItemsChange,\n                        onExpandedItemsChange: handleExpandedItemsChange\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsxs(CategoryContentsSection, {\n                children: [\n                    /*#__PURE__*/ _jsx(CategoryBreadCrumbView, {\n                        breadcrumbList: breadcrumbList,\n                        currentDepth: currentDepth,\n                        findCategoryChildren: findCategoryChildren,\n                        handleCategoryMenu: handleBreadCrumbs,\n                        isLastDepth: isLastDepth\n                    }),\n                    categoryMenu && /*#__PURE__*/ _jsx(CategoryList, {\n                        ...categoryList,\n                        ...paginationProps,\n                        limit: LIMIT,\n                        isLoadingListItem: isLoading,\n                        categoryName: (_categoryDepthNameList_ = categoryDepthNameList[categoryDepthNameList.length - 1]) === null || _categoryDepthNameList_ === void 0 ? void 0 : _categoryDepthNameList_.name\n                    })\n                ]\n            })\n        ]\n    });\n};\nexport default CategoryPage;\nconst CategoryNextPageContainer = styled(Container)(_templateObject());\nconst CategoryLNBSection = styled(\"section\")(_templateObject1());\nconst CategoryContentsSection = styled(\"section\")(_templateObject2());\n","/**************** WEBAPP CONSTANT (start) **************************/ // General Page Section\nexport const HOME_PAGE = \"/\";\n// account / login / signup /\nexport const LOGIN_PAGE = \"/member/login\";\nexport const LOGIN_EXIST_KAKAO = \"/member/login/exist-kakao-account\";\nexport const LOGIN_EXIST_PHONE = \"/member/login/exist-account\";\nexport const LOGIN_WITH_PHONE_PAGE = \"/member/login/phone\";\nexport const LOGIN_RESET_PASSWORD_PAGE = \"/member/login/reset-password\";\nexport const REGISTRATION_PAGE = \"/member/signup\";\nexport const REGISTRATION_WITH_PHONE_PAGE = \"/member/signup/phone\";\nexport const FORGOT_USERNAME_PAGE = \"/forgot-username\";\nexport const FORGOT_PASSWORD_PAGE = \"/forgot-password\";\nexport const FORGOT_PASSWORD_NEW_PAGE = \"/member/forgot-password/new\";\nexport const SIGNUP_WITH_PHONE = \"/member/signup/form\";\nexport const SIGNUP_AFTER_USER_PROFILE = \"/member/signup/profile\";\nexport const SIGNUP_COMPLETE = \"/member/signup/complete\";\n// company\n// guides-for-copyright-holder\nexport const MOBILE_CATEGORY_PAGE = \"/categories\";\nexport const INTRODUCE_PAGE = \"/introduce\";\nexport const UCI_PAGE = \"/protection/uci\";\nexport const RNUMBER_PAGE = \"/protection/rNumber\";\n// todo: 저작권자 영어로 뭐라고 할지?\nexport const GUIDES_PAGE = \"/guides\";\nexport const B2B_INDEX_PAGE = \"/b2b\";\nexport const B2B_WEBFLOW_PAGE = \"https://help.solvook.com/b2b\";\nexport const HELP_INDEX_PAGE = \"/help\";\nexport const HELP_FAQS_INDEX_PAGE = \"/help/faqs\";\nexport const HELP_NOTICES_INDEX_PAGE = \"/help/notices\";\n// Terms\nexport const TERMS_OF_USE_PAGE = \"https://solvookguide.oopy.io/policies/terms\";\nexport const PRIVACY_PAGE = \"https://solvookguide.oopy.io/policies/privacy\";\nexport const TERMS_OF_REFUND_PAGE = \"https://solvookguide.oopy.io/policies/refund\";\nexport const TERMS_OF_LICENSE_PAGE = \"/policies/license\";\nexport const CAREER_PAGE = \"https://www.wanted.co.kr/company/30143\";\n// protection\nexport const COPYRIGHT_PROTECTION_INDEX_PAGE = \"/protection\";\nexport const COPYRIGHT_PROTECTION_ABOUT_PAGE = \"/protection/about\";\nexport const COPYRIGHT_PROTECTION_REPORT_PAGE = \"/protection/report\";\nexport const COPYRIGHT_PROTECTION_SEARCH_PAGE = \"/protection/search\";\n// export const\n// community\nexport const COMMUNITY_INDEX_PAGE = \"/community\";\nexport const COMMUNITY_SHOW_PAGE = \"/community/\";\n// collection\nexport const COLLECTION_SLUG_LIST_PAGE = \"/collections/\";\n// category\nexport const CATEGORY_PAGE = \"/categories\";\n//Fixme : 과거 어딘가에서 사용중이어서 삭제하지 않음\nexport const CATEGORY_TEXTBOOK_PAGE = \"/category/textbook\";\nexport const CATEGORY_WORKBOOK_PAGE = \"/category/workbook\";\nexport const CATEGORY_HANDOUT_PAGE = \"/category/handout\";\nexport const CATEGORY_WORK_PAGE = \"/category/work\";\n// products\n// resources\nexport const PRODUCTS_PAGE = \"/products\";\n//search\nexport const PRODUCT_SEARCH_PAGE = \"/search\";\n//@todo 임시 url\nexport const PRODUCTS_TEXTBOOK_PAGE = \"/products?category=textbook\";\n// export const PRODUCTS_TEXTBOOK_PAGE = '/products/textbook'\nexport const PRODUCTS_WORKBOOK_PAGE = \"/products?category=workbook\";\n// export const PRODUCTS_WORKBOOK_PAGE = '/products/workbook'\n// export const PRODUCTS_HANDOUT_PAGE = '/products/handout'\nexport const PRODUCTS_HANDOUT_PAGE = \"/products?category=handout\";\nexport const PRODUCTS_DETAIL_PAGE = \"/products/\";\n// shop\nexport const SHOP_CART_PAGE = \"/shop/cart\";\nexport const SHOP_CHECKOUT_PAGE = \"/shop/checkout\";\nexport const SHOP_CHECKOUT_COMPLETE_PAGE = \"/shop/checkout/complete\";\nexport const SHOP_CHECKOUT_UPGRADE_PAGE = \"/shop/checkout?upgrade\";\nexport const SHOP_ORDERS_PAGE = \"/shop/orders\";\nexport const SHOP_ORDERS_DETAIL_PAGE = \"/shop/orders/\" // /shop/orders/:id\n;\nexport const SHOP_ORDERS_COMPLETE_PAGE = \"/shop/orders/complete\" //shop/orders/complete\n;\nexport const NEW_PRODUCTS_PAGE = \"/search\" //검색\n;\nexport const B2B_LANDING_PAGE = \"/b2b\";\nexport const LIBRARIES_INDEX_PAGE = \"/libraries\" // 라이브러리\n;\nexport const CLASS_INDEX_PAGE = \"/class\";\nexport const MYPAGE_PAGE = \"/mypage\" // 마이페이지 메인\n;\n// mySolvook Tab\nexport const MYPAGE_FREEPRASSES_INDEX_PAGE = \"/mypage/freepasses\" // 프리패스\n;\nexport const MYPAGE_LICENSES_INDEX_PAGE = \"/mypage/licenses\" // 구독관리\n;\nexport const MYPAGE_LICENSES_DETAIL_INDEX_PAGE = \"/mypage/licenses/\" // 구독관리\n;\nexport const MYPAGE_ORDERS_INDEX_PAGE = \"/mypage/orders\" // 결제관리\n;\nexport const MYPAGE_ORDERS_DETAIL_INDEX_PAGE = \"/mypage/orders/\" // 결제관리\n;\nexport const MYPAGE_ACCOUNTS_INDEX_PAGE = \"/mypage/accounts\" // 계정관리\n;\nexport const MYPAGE_STUDIO_INDEX_PAGE = \"/mypage/studio\" // 계정관리\n;\nexport const MYPAGE_DEVICE_INDEX_PAGE = \"/mypage/devices\";\nexport const MYPAGE_PACKAGES_INDEX_PAGE = \"/mypage/packages\";\n// Store Tab\nexport const MYPAGE_STORES_INDEX = \"/mypage/stores\" // 스토어\n;\nexport const MYPAGE_STORES_PRODUCTS_INDEX = \"/mypage/stores/products\" // 스토어:상품 조회\n;\nexport const MYPAGE_STORES_PRODUCTS_NEW_INDEX = \"/mypage/stores/products/new\" // 스토어:상품 등록\n;\nexport const MYPAGE_STORES_PRODUCTS_EDIT_INDEX = \"/mypage/stores/products/:id/edit\" // 스토어:상품 등록\n;\nexport const MYPAGE_STORES_PAYOUT_INDEX = \"/mypage/stores/payouts\" // 스토어:정산관리\n;\nexport const MYPAGE_STORES_UCI_INDEX = \"/mypage/stores/uci\" // 스토어:uci 관리\n;\n// Viewer Page\nexport const VIEWER_PAGE = \"/viewer\";\nexport const VIEWER_PRINTOUT_PAGE = \"/viewer/printout\";\n// export const MYPAGE_MY_PRODUCTS = '/mypage/products'\n// export const MYPAGE_HISTORY_PAGE = '/mypage/histories'\n// export const MYPAGE_PRODUCTS_INDEX = '/mypage/stores/products' //자료관리\n// export const MYPAGE_PAYOUTS_INDEX = '/mypage/payouts' //정산관리\n// Lab Page\nexport const LAB_PAGE = (authorId)=>{\n    return \"/@\".concat(authorId);\n};\nexport const LAB_NOTICE_PAGE = (authorId)=>{\n    return \"/@\".concat(authorId, \"/notices\");\n};\nexport const LAB_QNA_PAGE = (authorId)=>{\n    return \"/@\".concat(authorId, \"/qna\");\n};\nexport const LAB_INFO_PAGE = (authorId)=>{\n    return \"/@\".concat(authorId, \"/info\");\n};\nexport const BRAND_HOME_PAGE = (authorId)=>{\n    return \"/@\".concat(authorId);\n};\nexport const BRAND_ABOUT_PAGE = (authorId)=>{\n    return \"/@\".concat(authorId, \"/about\");\n};\nexport const BRAND_PRODUCTS_PAGE = (authorId)=>{\n    return \"/@\".concat(authorId, \"/products\");\n};\nexport const BRAND_SEARCH_PAGE = (authorId)=>{\n    return \"/@\".concat(authorId, \"/products/search\");\n};\nexport const BRAND_FULL_SEARCH_PAGE = (authorId)=>{\n    return \"/@\".concat(authorId, \"/products/full-search\");\n};\nexport const LAB_REWRITE_PAGE = \"/labs/[author]/home\";\nexport const LAB_NOTICE_REWRITE_PAGE = \"/labs/[author]/notices\";\nexport const LAB_NOTICE_NEW_REWRITE_PAGE = \"/labs/[author]/notices/new\";\nexport const LAB_QNA_REWRITE_PAGE = \"/labs/[author]/qna\";\nexport const LAB_INFO_REWRITE_PAGE = \"/labs/[author]/info\";\nexport const LAB_PRODUCTS_CATEGORY = \"/products/category\";\n/**************** WEBAPP CONSTANT (end) **************************/ /**************** ADMIN CONSTANT (start) **************************/ // Admin Page\nexport const ADMIN_PAGE_INDEX = \"/admin\";\nexport const ADMIN_PAGE_LOGIN = \"/admin/login\";\nexport const ADMIN_PAGE_HANDOUTS_INDEX = \"/admin/handouts\";\nexport const ADMIN_PAGE_HANDOUTS_NEW_PAGE = \"/admin/handouts/new\";\nexport const ADMIN_PAGE_HANDOUTS_EDIT_PAGE = \"/admin/handouts/:id/edit\";\nexport const ADMIN_PAGE_WORKBOOKS_INDEX = \"/admin/workbooks\";\nexport const ADMIN_PAGE_WORKBOOKS_NEW_PAGE = \"/admin/workbooks/new\";\nexport const ADMIN_PAGE_WORKBOOKS_EDIT_PAGE = \"/admin/workbooks/:id/edit\";\nexport const ADMIN_PAGE_TEXTBOOKS_INDEX = \"/admin/textbooks\";\nexport const ADMIN_PAGE_TEXTBOOKS_NEW_PAGE = \"/admin/textbooks/new\";\nexport const ADMIN_PAGE_TEXTBOOKS_EDIT_PAGE = \"/admin/textbooks/:id/edit\";\nexport const ADMIN_PAGE_ORDERS_EDIT_PAGE = \"/admin/orders\";\nexport const ADMIN_PAGE_ORDERS_DETAIL_PAGE = \"/admin/orders/:id\";\nexport const ADMIN_PAGE_PROTECTS_INDEX = \"/admin/protects\";\nexport const ADMIN_PAGE_USER_INDEX = \"/admin/users\";\nexport const ADMIN_PAGE_USER_DETAIL_PAGE = \"/admin/users/:id\";\nexport const ADMIN_PAGE_BANNERS_INDEX = \"/admin/banners\";\nexport const ADMIN_PAGE_POLICIES_INDEX = \"/admin/policies\";\n/**************** ADMIN CONSTANT (end) **************************/ /**************** PUBLISHER CONSTANT (start) **************************/ export const PUBLISHER_LOGIN = \"/publisher/login\";\nexport const PUBLISHER_DASHBOARD = \"/publisher/dashboard\";\nexport const PUBLISHER_PRODUCT = \"/publisher/product\";\nexport const PUBLISHER_SALES_TEXTBOOK = \"/publisher/sales/textbook\";\nexport const PUBLISHER_SALES_HANDOUT = \"/publisher/sales/handout\";\nexport const PUBLISHER_PROTECT = \"/publisher/protect\";\n/**************** PUBLISHER CONSTANT (end) **************************/ export const DEFAULT_BOOK_COVER = \"/static/assets/img_book_def.jpg\";\n/**************** PROMOTION CONSTANT (end) **************************/ export const PROMOTION_AUTHOR_PAGE = \"https://promotion.solvook.com/promotions/consulting2/home\";\nexport const PROMOTION_EBOOK_PAGE = \"https://promotion.solvook.com/promotions/ebook\";\n/**************** HELP CENTER CONSTANT (end) **************************/ export const HELP_CENTER_PAGE = \"https://help.solvook.com\";\n/**************** EXTERNAL LINK CONSTANT (end) **************************/ export const EXTERNAL_COMPANY_INTRODUCE = \"https://solvookguide.oopy.io/company\";\nexport const EXTERNAL_PROTECTION_GUIDE = \"https://solvookguide.oopy.io/copyright\";\nexport const EXTERNAL_SOLVOOK_NOTE_GUIDE = \"https://solvookguide.oopy.io/guide/5\";\nexport const EXTERNAL_CHANNEL_TALK = \"https://solvook.channel.io/home\";\nexport const EXTERNAL_CAHNNEL_TALK_BOT = \"https://solvook.channel.io/support-bots/92860\";\nexport const EXTERNAL_SOLVOOK_GUIDE = \"https://solvookguide.oopy.io/\";\nexport const EXTERNAL_SOLVOOK_BLOG = \"https://blog.naver.com/bookips\";\nexport const EXTERNAL_SOLVOOK_POST = \"https://post.naver.com/my.naver?memberNo=55570568\";\nexport const EXTERNAL_B2B_WEBFLOW_PAGE = \"http://biz.solvook.com\";\nexport const EXTERNAL_PROMOTION_AUTHOR_PAGE = \"https://promotion.solvook.com/apply/author\";\nexport const EXTERNAL_PROMOTION_EBOOK_PAGE = \"https://promotion.solvook.com/promotions/ebook\";\nexport const EXTERNAL_CAREER_PAGE = \"https://bookips.careers.team/\";\nexport const EXTERNAL_IR_PAGE = \"https://solvook.channel.io/support-bots/92681\";\nexport const EXTERNAL_INTRODUCE_MARKET = \"https://solvookguide.oopy.io/guide/13\";\nexport const EXTERNAL_INTRODUCE_STUDIO = \"https://solvookguide.oopy.io/guide/12\";\nexport const EXTERNAL_INTRODUCE_LIBRARY = \"https://solvookguide.oopy.io/guide/11\";\nexport const EXTERNAL_INTRODUCE_NOTE = \"https://solvookguide.oopy.io/guide/10\";\nexport const EXTERNAL_SOLVOOK_MEMBERSHIP_PROMOTION = \"https://promotion.solvook.com/promotions/membership\";\nexport const EXTERNAL_DEVICE_GUIDE = \"https://solvookguide.oopy.io/guide/device\";\nexport const BOOKS_LANDING = \"/books\";\nexport const BOOKS_ORDER = \"/books/order\";\nexport const BOOKS_PRODUCT = \"/books/products\";\nexport const BOOKS_DELIVERY_ADDRESS = \"/books/delivery-address\";\nexport const EBOOKS_LANDING = \"/ebooks\";\nexport const EBOOKS_ORDER = \"/ebooks/order\";\nexport const EBOOKS_PRODUCT = \"/ebooks/products\";\nexport const EBOOKS_UNIVERSITY_LANDING = \"/goodnotes-univ\" //대학생용 ebook 메인 페이지\n;\nexport const EBOOKS_UNIVERSITY_PRODUCT = \"/goodnotes-univ/products\";\nexport const EBOOKS_UNIVERSITY_ORDER = \"/goodnotes-univ/order\";\nexport const PASSES_LANDING = \"/passes\" //이용권 페이지\n;\nexport const PASSES_ORDER = \"/passes/order\" //이용권 구매\n;\nexport const PASSES_NEW = \"/passes/new\" //이용권 등록\n;\nexport const MYPAGE_PASSES = \"/mypage/passes\" //이용권 관리\n;\nexport const SUBSCRIBE_PAYMENTS = \"/subscribe\" //정기결제 신청\n;\nexport const SUBSCRIBE_CANCEL = \"/subscribe/checkCancel\" //정기결제 해지\n;\nexport const PROMOTION_MEGASTUDY = \"promotion/megastudy\";\nexport const SOLVOOK_WRITE_STUDIO = process.env.NEXT_PUBLIC_STUDIO_URL + \"/handouts\" //저작스튜디오\n;\nexport const SOLVOOK_EDIT_STUDIO = process.env.NEXT_PUBLIC_EDIT_STUDIO_URL + \"/layout\" //편집스튜디오\n;\nexport const EXPERT_PRE_EXAM = process.env.NEXT_PUBLIC_EDIT_STUDIO_URL + \"/handouts/pre-exam\" //엑스퍼트 우리학교 기출 경로\n;\nexport const REVIEWS_NEW = \"/reviews/new\";\nexport const COUPONS_LANDING = \"/coupons\";\nexport const MYPAGE_COUPONS = \"/mypage/coupons\" //쿠폰 관리\n;\nexport const STUDIO_TITLE = \"학습지 편집\";\nexport const PACKAGE_ORDER = \"/package/order\";\nexport const PACKAGE_ORDER_COMPLETE = \"/package/complete\";\nexport const EXTERNAL_PACKAGE_CAMPAIGN = \"https://campaign.solvook.com/package/products\";\nexport const SOLVOOKPASS_TEXT = \"쏠북패스\";\nexport const EDITION_CATEGORY_DAECHI = \"/categories/edition/daechi\";\n","const defaultSeoConfig = {\n    title: \"쏠북 | 내신자료 플랫폼 1위\",\n    description: \"현직 학원 강사 7만명이 선택한 자료 - 교과서, 모의고사, 참고서 변형문제 최다 보유\",\n    openGraph: {\n        url: 'https://solvook.com\"',\n        type: \"website\",\n        siteName: \"solvook\",\n        images: [\n            {\n                url: \"https://solvook.com/static/images/meta-image.jpg\",\n                alt: \"solvook\"\n            }\n        ]\n    },\n    // 키워드는 권장사항이 아니지만, 기존에 설정한 키워드가 존재하기에 추가하였습니다.\n    additionalMetaTags: [\n        {\n            name: \"keywords\",\n            content: \"라이센스, 저작권, 교재, 이용권, 수업, 콘텐츠\"\n        }\n    ]\n};\nexport default defaultSeoConfig;\n","import { create } from \"zustand\";\nconst useClassStore = create((set)=>({\n        adding: {\n            name: \"\",\n            step: 0\n        },\n        selected: {},\n        userSourceBooks: {},\n        setAdding: (newValue)=>set((state)=>({\n                    ...state,\n                    adding: {\n                        ...state.adding,\n                        ...newValue\n                    }\n                })),\n        openNewClass: (isWithSelected)=>set((state)=>({\n                    ...state,\n                    adding: {\n                        ...state.adding,\n                        open: true,\n                        isWithSelected: !!isWithSelected\n                    }\n                })),\n        closeNewClass: ()=>set((state)=>({\n                    ...state,\n                    adding: {\n                        ...state.adding,\n                        open: false\n                    }\n                })),\n        setMine: (classes)=>set((state)=>({\n                    ...state,\n                    mine: classes\n                })),\n        setSelected: (selected)=>set((state)=>({\n                    ...state,\n                    selected\n                })),\n        toggleSelected: (param)=>{\n            let { sourceId , sourceType  } = param;\n            return set((state)=>{\n                const result = {\n                    ...state.selected\n                };\n                if (result[sourceId]) {\n                    delete result[sourceId];\n                } else {\n                    result[sourceId] = sourceType;\n                }\n                return {\n                    ...state,\n                    selected: result\n                };\n            });\n        },\n        setUserSourceBooks: (userSourceBooks)=>set((state)=>({\n                    ...state,\n                    userSourceBooks: {\n                        ...state.userSourceBooks,\n                        ...userSourceBooks\n                    }\n                }))\n    }));\nexport default useClassStore;\n","import { create } from \"zustand\";\nconst LoginDialog = create((set)=>({\n        isOpenLoginDialog: false,\n        closeLoginDialog: ()=>set({\n                isOpenLoginDialog: false\n            }),\n        openLoginDialog: ()=>set({\n                isOpenLoginDialog: true\n            }),\n        isOpenSignUpDialog: false,\n        openSignUpDialogContents: {\n            title: \"\",\n            content: \"\",\n            btnLabel: \"\"\n        },\n        setState: (key, param)=>{\n            set((state)=>({\n                    ...state,\n                    [key]: param\n                }));\n        }\n    }));\nexport default LoginDialog;\n","import { create } from \"zustand\";\nimport { persist } from \"zustand/middleware\";\nexport const useMainPageStore = create((set, get)=>({\n        subject: null,\n        selectedBookList: [],\n        userMeta: {\n            job: null,\n            mainSubject: null\n        },\n        modalType: \"selectBooksModal\",\n        selectedBook: null,\n        selectedDataType: null,\n        setSubject: (subject)=>{\n            //과목 변경시 선택교재 리스트, 선택교재 초기화\n            set((state)=>{\n                return {\n                    subject,\n                    selectedBookList: [],\n                    selectedBook: null\n                };\n            });\n        },\n        setSelectedBookList: (selectedBook)=>{\n            //교재 선택시 선택교재 리스트에 추가/제거\n            set((state)=>{\n                const findBook = state.selectedBookList.find((item)=>item.id === selectedBook.id);\n                const newSelectedBookList = findBook ? state.selectedBookList.filter((item)=>item.id !== selectedBook.id) : [\n                    ...state.selectedBookList,\n                    selectedBook\n                ];\n                const newSelectedBook = newSelectedBookList.length > 0 ? newSelectedBookList[0] : null;\n                return {\n                    selectedBookList: newSelectedBookList,\n                    selectedBook: newSelectedBook\n                };\n            });\n        },\n        setInitialSelectedBookList: (selectedBooks)=>{\n            set((state)=>({\n                    initialSelectedBookList: selectedBooks\n                }));\n        },\n        setAllSelectedBookList: (selectedBookList)=>{\n            set((state)=>{\n                return {\n                    selectedBookList,\n                    selectedBook: selectedBookList.length > 0 ? selectedBookList[0] : null\n                };\n            });\n        },\n        setUserMeta: (param)=>{\n            let { job , mainSubject  } = param;\n            return set({\n                userMeta: {\n                    job,\n                    mainSubject\n                }\n            });\n        },\n        setModalType: (modalType)=>set({\n                modalType\n            }),\n        setSelectedBook: (selectedBook)=>{\n            set((state)=>{\n                return {\n                    selectedBook,\n                    selectedDataType: null\n                };\n            });\n        },\n        setSelectedDataType: (selectedDataType)=>set({\n                selectedDataType\n            })\n    }));\nconst StorageKey = \"user-selected-books\";\nexport const useSavedUserSourceStore = create(persist((set, get)=>({\n        savedUserSource: [],\n        savedUserMeta: {\n            job: null,\n            mainSubject: null,\n            schoolItems: []\n        },\n        setSavedUserSource: (userSource)=>{\n            const index = get().savedUserSource.findIndex((item)=>item.subject === userSource.subject);\n            let newSavedUserSource;\n            if (index !== -1) {\n                newSavedUserSource = [\n                    ...get().savedUserSource\n                ];\n                newSavedUserSource[index] = userSource;\n            } else {\n                newSavedUserSource = [\n                    ...get().savedUserSource,\n                    userSource\n                ];\n            }\n            set({\n                savedUserSource: newSavedUserSource\n            });\n        },\n        updateUserMeta: (userMeta)=>{\n            set({\n                savedUserMeta: userMeta\n            });\n        }\n    }), {\n    name: StorageKey\n}));\n","import { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport dayjs from \"dayjs\";\nimport { create } from \"zustand\";\nimport { PassCategory } from \"../api/membership\";\nconst usePassStore = create((set)=>{\n    return {\n        isPassInfoModal: false,\n        selectedPass: null,\n        purchasePass: null,\n        passPayMethod: \"card\",\n        redirectPath: null,\n        setRedirectPath: (url)=>set({\n                redirectPath: url\n            }),\n        setPassPayMethod: (payMethod)=>set({\n                passPayMethod: payMethod\n            }),\n        setPurchasePass: (pass)=>set({\n                purchasePass: pass\n            }),\n        closePassInfoModal: ()=>{\n            set({\n                isPassInfoModal: false\n            });\n            set({\n                selectedPass: null\n            });\n        },\n        openPassInfoModal: (pass)=>{\n            var _pass_userPassInfo;\n            // pass를 맵핑\n            const { passInfo  } = pass;\n            const descriptionList = passInfo.description ? passInfo.description.split(\"\\n\") : [];\n            const expiredAt = ()=>{\n                if (!pass.userPassInfo) return null;\n                return dayjs(pass.userPassInfo.expiredAt).format(\"YYYY.MM.DD HH:mm:ss\");\n            };\n            const startedAt = ()=>{\n                if (!pass.userPassInfo) return null;\n                return dayjs(pass.userPassInfo.startedAt).format(\"YYYY.MM.DD\");\n            };\n            var _passInfo_isUnlimited, _ref;\n            const mappedPass = {\n                remainDay: pass.userPassInfo ? pass.userPassInfo.remainDay : null,\n                expiredAt: expiredAt(),\n                startedAt: startedAt(),\n                remainCount: pass.userPassInfo ? pass.userPassInfo.remainCount : null,\n                remainAmount: pass.userPassInfo ? pass.userPassInfo.remainAmount : null,\n                isNoCountLimit: passInfo.category === PassCategory.FreePass || passInfo.category === PassCategory.Subscription || passInfo.category === PassCategory.Solvookplus,\n                descriptionList,\n                // isUnlimited는 /passes에서 진입시, 이용권 구매 페이지에서 전달되는 이용권관련 값.\n                // userPassInfo는 mypage/passes에서 전달되는 내가 가지고 있는 이용권 정보.\n                isExpertUnLimited: (_ref = (_passInfo_isUnlimited = passInfo.isUnlimited) !== null && _passInfo_isUnlimited !== void 0 ? _passInfo_isUnlimited : (_pass_userPassInfo = pass.userPassInfo) === null || _pass_userPassInfo === void 0 ? void 0 : _pass_userPassInfo.isUnLimited) !== null && _ref !== void 0 ? _ref : false\n            };\n            set({\n                selectedPass: {\n                    ...passInfo,\n                    ...mappedPass\n                }\n            });\n            set({\n                isPassInfoModal: true\n            });\n            mixpanelEvent(\"Product Detail Popup Viewed\", {\n                \"Product Categories\": passInfo.category,\n                \"Product ID\": passInfo.id,\n                \"Product Title\": passInfo.title,\n                \"Product Price\": passInfo.price\n            });\n        }\n    };\n});\nexport default usePassStore;\n","import { create } from \"zustand\";\nconst initialState = {\n    currentProduct: null,\n    relatedProducts: [],\n    hasAlreadyOwned: false,\n    isOpenPassSectionModal: false,\n    purchaseProductsInfo: {\n        totalCount: 0,\n        totalPrice: 0,\n        selectedRelatedProducts: []\n    },\n    membershipAvailable: {\n        usable: [],\n        unusable: []\n    },\n    isOpenRelatedProductPreviewModal: false,\n    selectedPreviewProduct: null,\n    hasReview: true,\n    rating: 0,\n    selectedPurchaseOption: null,\n    purchaseOption: null\n};\nconst useHandoutProductStore = create((set)=>{\n    return {\n        currentProduct: null,\n        hasAlreadyOwned: false,\n        hasReview: true,\n        relatedProducts: [],\n        isOpenPassSectionModal: false,\n        purchaseProductsInfo: {\n            totalCount: 0,\n            totalPrice: 0,\n            selectedRelatedProducts: []\n        },\n        membershipAvailable: {\n            usable: [],\n            unusable: []\n        },\n        isOpenRelatedProductPreviewModal: false,\n        selectedPreviewProduct: null,\n        rating: 0,\n        selectedPurchaseOption: null,\n        purchaseOption: null,\n        // 구매모듈에서 사용되는 purchaseOption 업데이트\n        setSelectedPurchaseOption: (option)=>{\n            set((state)=>{\n                return {\n                    selectedPurchaseOption: option,\n                    purchaseProductsInfo: {\n                        ...state.purchaseProductsInfo,\n                        totalCount: 1,\n                        totalPrice: option === \"view\" ? state.currentProduct.price : state.currentProduct.downloadPrice,\n                        selectedRelatedProducts: []\n                    }\n                };\n            });\n        },\n        //상품페이지가 바뀌었을땐 연관교재 초기화\n        updateCurrentProduct: (product)=>{\n            if (!product) return set(()=>({\n                    currentProduct: initialState.currentProduct,\n                    selectedPurchaseOption: initialState.selectedPurchaseOption,\n                    purchaseProductsInfo: initialState.purchaseProductsInfo\n                }));\n            set(()=>({\n                    currentProduct: product,\n                    selectedPurchaseOption: product.purchaseOptions[0],\n                    purchaseOption: product.purchaseOptions,\n                    purchaseProductsInfo: {\n                        totalCount: 1,\n                        totalPrice: product.purchaseOptions[0] === \"view\" ? product.price : product.downloadPrice,\n                        selectedRelatedProducts: []\n                    }\n                }));\n        },\n        //연과교재 업데이트시 선택상품 초기화\n        updateRelatedProducts: (products)=>{\n            return set((state)=>{\n                var _state_currentProduct;\n                if (products.length === 0) return {\n                    relatedProducts: []\n                };\n                return {\n                    relatedProducts: products,\n                    purchaseProductsInfo: {\n                        totalCount: state.currentProduct ? 1 : 0,\n                        totalPrice: ((_state_currentProduct = state.currentProduct) === null || _state_currentProduct === void 0 ? void 0 : _state_currentProduct.price) || 0,\n                        selectedRelatedProducts: []\n                    }\n                };\n            });\n        },\n        toggleRelatedProductSelected: (product)=>set((state)=>{\n                const find = state.purchaseProductsInfo.selectedRelatedProducts.find((item)=>item.id === product.id);\n                const newSelectedBookList = find ? state.purchaseProductsInfo.selectedRelatedProducts.filter((item)=>item.id !== product.id) : [\n                    ...state.purchaseProductsInfo.selectedRelatedProducts,\n                    product\n                ];\n                const isPurchaseOptionViewType = state.selectedPurchaseOption === \"view\";\n                return {\n                    purchaseProductsInfo: {\n                        totalCount: newSelectedBookList.length + 1,\n                        totalPrice: newSelectedBookList.reduce((acc, cur)=>acc + (isPurchaseOptionViewType ? cur.price : cur.downloadPrice), 0) + (isPurchaseOptionViewType ? state.currentProduct.price : state.currentProduct.downloadPrice),\n                        selectedRelatedProducts: newSelectedBookList\n                    }\n                };\n            }),\n        updatePurchaseProductsInfo: (info)=>set(()=>{\n                return {\n                    purchaseProductsInfo: info\n                };\n            }),\n        updateMembershipAvailable: (unUsableProductIds)=>{\n            set((state)=>{\n                const usable = state.purchaseProductsInfo.selectedRelatedProducts.filter((product)=>!unUsableProductIds.includes(product.id));\n                const unusable = state.purchaseProductsInfo.selectedRelatedProducts.filter((product)=>unUsableProductIds.includes(product.id));\n                return {\n                    membershipAvailable: {\n                        usable,\n                        unusable\n                    }\n                };\n            });\n        },\n        openPassSectionModal: ()=>set(()=>({\n                    isOpenPassSectionModal: true\n                })),\n        closePassSectionModal: ()=>set(()=>({\n                    isOpenPassSectionModal: false\n                })),\n        openRelatedProductPreviewModal: (product)=>set(()=>({\n                    isOpenRelatedProductPreviewModal: true,\n                    selectedPreviewProduct: product\n                })),\n        closeRelatedProductPreviewModal: ()=>set(()=>({\n                    isOpenRelatedProductPreviewModal: false,\n                    selectedPreviewProduct: null\n                })),\n        setHasAlreadyOwned: (hasAlreadyOwned)=>set(()=>({\n                    hasAlreadyOwned\n                })),\n        setHasReview: (hasReview)=>set(()=>({\n                    hasReview\n                })),\n        setRating: (rating)=>set(()=>({\n                    rating\n                }))\n    };\n});\nexport default useHandoutProductStore;\n","import { create } from \"zustand\";\nimport { devtools } from \"zustand/middleware\";\nexport const useIfdoStore = create()(devtools((set)=>({\n        initialized: false,\n        setInitialized: (initialized)=>set(()=>({\n                    initialized\n                }))\n    })));\n","const defaultTheme = {\n    breakpoints: [\n        \"481px\",\n        \"768px\",\n        \"992px\",\n        \"1201px\",\n        \"1441px\",\n        \"1601px\"\n    ],\n    primary: [\n        \"#6857E5\",\n        \"#00BFC8\",\n        \"rgba(0, 244, 255, 0.05)\"\n    ],\n    background: [\n        \"#FDFDFF\",\n        \"#F5F8FB\",\n        \"#F0FAFC\",\n        \"rgba(27, 27, 41, 0.03)\",\n        \"#E9EBEE\"\n    ],\n    color: [\n        \"#1B1B29\",\n        \"#ffffff\",\n        \"#F7F7F7\",\n        \"#E9E8E8\",\n        \"#FC5C63\",\n        \"rgba(0, 0, 0, 0.25)\",\n        \"#273343\",\n        \"#3b5998\",\n        \"#55ADEE\",\n        \"#FFF900\",\n        \"#dd4b39\",\n        \"#F61C0D\",\n        \"#e4405f\",\n        \"#E2E2E2\",\n        \"#00ACEE\",\n        \"#FFCB2B\",\n        \"#484848\"\n    ],\n    info: [\n        \"#1890FF\"\n    ],\n    warning: [\n        \"#FF5252\"\n    ],\n    success: [\n        \"#51C200\"\n    ],\n    error: [\n        \"#FF5252\",\n        \"rgba(249, 80, 61, 0.08)\"\n    ],\n    text: [\n        \"#1B1B29\",\n        \"#1B1B29\",\n        \"#5F5F69\",\n        \"#BBBBBF\"\n    ],\n    border: [\n        \"#F3F3F3\",\n        \"#E8E8EA\",\n        \"#1B1B29\"\n    ],\n    boxShadow: [\n        \"rgba(26, 68, 116, 0.16)\",\n        \"rgba(0, 0, 0, 0.16)\"\n    ],\n    font: [\n        \"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, sans-serif\",\n        \"Lato, Noto Sans KR, sans-serif\"\n    ],\n    prices: [\n        \"#3f8600\",\n        \"#cf1322\"\n    ],\n    black: [\n        \"#1B1B29\",\n        \"#5F5F69\",\n        \"#BBBBBF\",\n        \"#E8E8EA\"\n    ],\n    blue: [\n        \"#1890FF\",\n        \"#91D5FF\",\n        \"#E6F7FF\"\n    ],\n    green: [\n        \"#27AE60\",\n        \"#27AE60\",\n        \"#27AE60\"\n    ],\n    red: [\n        \"#FF5252\",\n        \"#FFA39E\",\n        \"#FFF1F0\"\n    ],\n    white: [\n        \"#FFFFFF\"\n    ],\n    new: {\n        colors: {\n            white: \"#ffffff\",\n            primary: \"#002FA8\",\n            subPrimary: \"#00bfc8\",\n            darkBlack: \"#000\",\n            black: \"#1b1b29\",\n            gray900: \"#1C1F2E\",\n            gray700: \"#3B4054\",\n            gray650: \"#5a5f6b\",\n            gray600: \"#4F556B\",\n            gray500: \"#6A708A\",\n            gray400: \"#8990AB\",\n            gray350: \"#bbbbbf\",\n            gray300: \"#b5b8bf\",\n            gray290: \"#cccccc\",\n            gray270: \"#e2e3e5\",\n            gray250: \"#e5e5e5\",\n            gray230: \"#e8e8ea\",\n            gray200: \"#CACEE0\",\n            gray180: \"#eaeae8\",\n            gray150: \"#ebebec\",\n            gray100: \"#efeff0\",\n            gray50: \"#F2F3F7\",\n            gray30: \"#fdfdff\",\n            blue800: \"#113ac3\",\n            blue700: \"#1890ff\",\n            blue500: \"#326EE5\",\n            blue200: \"#94CCFF\",\n            blue100: \"#bdd3e9\",\n            blue50: \"#E8EEFA\",\n            indigo: \"#021852\",\n            indigo900: \"#1E1C38\",\n            indigo800: \"#2C265E\",\n            indigo700: \"#403391\",\n            indigo600: \"#5843BF\",\n            indigo500: \"#6857E5\",\n            indigo200: \"#C7C6F7\",\n            indigo50: \"#F0F0FC\",\n            sky300: \"#afccf7\",\n            sky200: \"#EDF2FF\",\n            sky100: \"#cce2fa\",\n            mint600: \"#186150\",\n            mint500: \"#2D8069\",\n            mint400: \"#07d3de\",\n            mint300: \"#57C29E\",\n            mint200: \"#A3D9C7\",\n            mint100: \"#CEEDE3\",\n            mint50: \"#E9F5F1\",\n            mint: \"#E6F8FA\",\n            green: \"#298006\",\n            green200: \"#a0cdaa\",\n            green700: \"#329e08\",\n            red: \"#f25252\",\n            pink: \"#e0b4e1\",\n            yellow: \"#FCF2E1\",\n            yellow500: \"#E5AB22\",\n            yellow400: \"#F2C14E\",\n            yellow300: \"#FAD378\",\n            yellow50: \"#FAF2E1\",\n            orange: \"#e9c5ab\",\n            gold: \"#ffb938\",\n            silver: \"#ffb938\",\n            bronze: \"#c27a08\",\n            brown: \"#c27a08\",\n            sol_dim_gray: \"rgba(169, 175, 199, 0.20)\",\n            sol_gray_0: \"#F7F8FA\",\n            sol_gray_50: \"#F0F1F5\",\n            sol_gray_100: \"#E1E4ED\",\n            sol_gray_200: \"#CACEE0\",\n            sol_gray_300: \"#AEB4C5\",\n            sol_gray_400: \"#8990AB\",\n            sol_gray_500: \"#6A708A\",\n            sol_gray_600: \"#4F556B\",\n            sol_gray_700: \"#3B4054\",\n            sol_gray_800: \"#292E40\",\n            sol_gray_900: \"#1C1F2E\",\n            sol_indigo_0: \"#F5F5FC\",\n            sol_indigo_50: \"#F0F0FA\",\n            sol_indigo_100: \"#E1E1FA\",\n            sol_indigo_200: \"#C7C6F7\",\n            sol_indigo_300: \"#A09BFA\",\n            sol_indigo_400: \"#8378FA\",\n            sol_indigo_500: \"#6950E5\",\n            sol_indigo_600: \"#513CBA\",\n            sol_indigo_700: \"#403391\",\n            sol_indigo_800: \"#2C265E\",\n            sol_indigo_900: \"#1E1C38\",\n            sol_mint_0: \"#F0F7F5\",\n            sol_mint_50: \"#E9F7F2\",\n            sol_mint_100: \"#CEEDE3\",\n            sol_mint_200: \"#A3D9C7\",\n            sol_mint_300: \"#57C29E\",\n            sol_mint_400: \"#3EA381\",\n            sol_mint_500: \"#29876E\",\n            sol_mint_600: \"#186150\",\n            sol_mint_700: \"#12473D\",\n            sol_mint_800: \"#0E332D\",\n            sol_mint_900: \"#0C211E\",\n            sol_blue_0: \"#F0F4FC\",\n            sol_blue_50: \"#E8EEFA\",\n            sol_blue_100: \"#D5E0F7\",\n            sol_blue_200: \"#B9CFFA\",\n            sol_blue_300: \"#82AAFA\",\n            sol_blue_400: \"#578FFF\",\n            sol_blue_500: \"#326EE5\",\n            sol_blue_600: \"#2453B2\",\n            sol_blue_700: \"#1A3C80\",\n            sol_blue_800: \"#1A2C57\",\n            sol_blue_900: \"#141D33\",\n            sol_yellow_0: \"#FCF7EB\",\n            sol_yellow_50: \"#FAF2E1\",\n            sol_yellow_100: \"#FAE9C3\",\n            sol_yellow_200: \"#FAE0A2\",\n            sol_yellow_300: \"#FAD378\",\n            sol_yellow_400: \"#F2C14E\",\n            sol_yellow_500: \"#E5AB22\",\n            sol_yellow_600: \"#B88E2E\",\n            sol_yellow_700: \"#806526\",\n            sol_yellow_800: \"#473919\",\n            sol_yellow_900: \"#2E2612\",\n            sol_red_0: \"#FAF1F0\",\n            sol_red_50: \"#F7EAE9\",\n            sol_red_100: \"#F7DBD7\",\n            sol_red_200: \"#F7BDB5\",\n            sol_red_300: \"#FF9180\",\n            sol_red_400: \"#F26A55\",\n            sol_red_500: \"#D14D38\",\n            sol_red_600: \"#A83725\",\n            sol_red_700: \"#7A291C\",\n            sol_red_800: \"#4D211A\",\n            sol_red_900: \"#2E1612\",\n            sol_dim_white_90: \"rgba(255, 255, 255, 0.90)\",\n            border: \"#D1D3D6\",\n            bg: {\n                blue: \"#F5F8FB\",\n                gray: \"#f7f7f8\",\n                green: \"#e0f6cd\",\n                yellow: \"#fff2db\",\n                red: \"#FFF0F0\"\n            }\n        }\n    }\n};\nexport default defaultTheme;\n","import defaultTheme from \"./default.theme\";\nconst index = {\n    defaultTheme\n};\nexport default index;\n","import { getTheme } from \"@bookips/solvook-ui-library\";\nimport { createTheme } from \"@mui/material\";\nconst defaultTheme = createTheme();\nconst theme = getTheme({\n    breakpoints: {\n        values: {\n            ...defaultTheme.breakpoints.values,\n            sm: 768\n        }\n    },\n    components: {\n        MuiCssBaseline: {\n            styleOverrides: (th)=>({\n                    svg: {\n                        transform: \"translateZ(0)\"\n                    }\n                })\n        }\n    }\n});\nexport default theme;\n","import React, { useCallback, useState } from \"react\";\nexport const useSubmit = ()=>{\n    const [isSubmmiting, setSubmitting] = useState(false);\n    const start = useCallback(()=>{\n        setSubmitting(true);\n    }, []);\n    const done = useCallback(()=>{\n        setSubmitting(false);\n    }, []);\n    return [\n        isSubmmiting,\n        start,\n        done\n    ];\n};\nexport const useForm = (initialValue, param)=>{\n    let { validator , onSubmit  } = param;\n    const [values, setValues] = useState(initialValue);\n    const [isSubmitting, start, done] = useSubmit();\n    const onChange = useCallback((e)=>{\n        const { name , value , type  } = e.target;\n        if (type === \"checkbox\") {\n            const { checked  } = e.target;\n            setValues((prev)=>({\n                    ...prev,\n                    [name]: checked\n                }));\n        } else {\n            setValues((prev)=>({\n                    ...prev,\n                    [name]: value\n                }));\n        }\n    }, []);\n    const setValue = useCallback((name, value)=>{\n        setValues((prev)=>({\n                ...prev,\n                [name]: value\n            }));\n    }, []);\n    const submit = useCallback(()=>{\n        if (isSubmitting) {\n            return;\n        }\n        if (onSubmit) {\n            start();\n            if (validator) {\n                const [isValid, message] = validator(values);\n                onSubmit(done, {\n                    isValid,\n                    message\n                });\n            } else {\n                onSubmit(done, {\n                    isValid: true\n                });\n            }\n        }\n    }, [\n        isSubmitting,\n        onSubmit,\n        validator,\n        values\n    ]);\n    const reset = useCallback(()=>{\n        setValues(initialValue);\n    }, [\n        initialValue\n    ]);\n    return {\n        values,\n        setValues,\n        setValue,\n        onChange,\n        submit,\n        isSubmitting,\n        isValidated: validator ? validator(values)[0] : true,\n        reset\n    };\n};\n","import camelize from \"camelize\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport snakeize from \"snakeize\";\n//스네이크 쿼리스트링\nexport const toQueryString = function(obj) {\n    let withQuerySymbol = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true, transSnake = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : true;\n    if (obj === null) {\n        return \"\";\n    }\n    const snakeObj = transSnake ? snakeize(obj) : obj;\n    const query = Object.keys(snakeObj).filter((key)=>key !== \"\" && snakeObj[key] !== undefined && snakeObj[key] !== \"\").map((key)=>\"\".concat(encodeURIComponent(key), \"=\").concat(encodeURIComponent(snakeObj[key]))).join(\"&\");\n    if (!query) {\n        return \"\";\n    }\n    return withQuerySymbol ? \"?\".concat(query) : query;\n};\n//카멜 쿼리스트링\nexport const toQueryStringCamel = function(obj) {\n    let withQuerySymbol = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true, transSnake = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : true;\n    if (obj === null) {\n        return \"\";\n    }\n    const query = Object.keys(obj).filter((key)=>key !== \"\" && obj[key] !== undefined && obj[key] !== \"\" && obj[key] !== null).map((key)=>{\n        if (Array.isArray(obj[key])) {\n            return obj[key].map((value)=>\"\".concat(encodeURIComponent(key), \"=\").concat(encodeURIComponent(value))).join(\"&\");\n        }\n        return \"\".concat(encodeURIComponent(key), \"=\").concat(encodeURIComponent(obj[key]));\n    }).join(\"&\");\n    if (!query) {\n        return \"\";\n    }\n    return withQuerySymbol ? \"?\".concat(query) : query;\n};\nexport const getParams = (query)=>{\n    if (!query) {\n        return {};\n    }\n    return camelize((/^[?#]/.test(query) ? query.slice(1) : query).split(\"&\").filter((key)=>key !== \"\").reduce((params, param)=>{\n        const pair = param.split(\"=\");\n        const key = pair[0];\n        let value = pair[1];\n        // value = value.indexOf(',') > -1 ? value.split(',') : value;\n        value = value ? decodeURIComponent(value.replace(/\\+/g, \" \")) : \"\";\n        params[key] = value // eslint-disable-line\n        ;\n        return params;\n    }, {}));\n};\nexport function useMounted() {\n    const [mounted, setMounted] = useState(false);\n    useEffect(()=>{\n        setMounted(true);\n    }, []);\n    return mounted;\n}\nexport function useDelayedState(initialValue) {\n    let delay = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 200;\n    const [value, setValue] = useState(initialValue);\n    const timeout = useRef(0);\n    const setDelayValue = useCallback((value)=>{\n        timeout.current = window.setTimeout(()=>{\n            setValue(value);\n        }, delay);\n    }, [\n        delay\n    ]);\n    useEffect(()=>{\n        return ()=>{\n            clearTimeout(timeout.current);\n        };\n    }, []);\n    return [\n        value,\n        setValue,\n        setDelayValue\n    ];\n}\nexport const lockScroll = ()=>{\n    document.body.style.overflow = \"hidden\";\n    document.body.style.paddingRight = \"0px\";\n};\nexport const unlockScroll = ()=>{\n    document.body.style.overflow = \"auto\";\n    document.body.style.paddingRight = \"0px\";\n};\nexport const isInWebview = ()=>\"object\" !== \"undefined\" && !!window[\"mobileWebview\"];\n","function shallow(objA, objB) {\n  if (Object.is(objA, objB)) {\n    return true;\n  }\n  if (typeof objA !== \"object\" || objA === null || typeof objB !== \"object\" || objB === null) {\n    return false;\n  }\n  if (objA instanceof Map && objB instanceof Map) {\n    if (objA.size !== objB.size)\n      return false;\n    for (const [key, value] of objA) {\n      if (!Object.is(value, objB.get(key))) {\n        return false;\n      }\n    }\n    return true;\n  }\n  if (objA instanceof Set && objB instanceof Set) {\n    if (objA.size !== objB.size)\n      return false;\n    for (const value of objA) {\n      if (!objB.has(value)) {\n        return false;\n      }\n    }\n    return true;\n  }\n  const keysA = Object.keys(objA);\n  if (keysA.length !== Object.keys(objB).length) {\n    return false;\n  }\n  for (let i = 0; i < keysA.length; i++) {\n    if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !Object.is(objA[keysA[i]], objB[keysA[i]])) {\n      return false;\n    }\n  }\n  return true;\n}\nvar shallow$1 = (objA, objB) => {\n  if ((import.meta.env ? import.meta.env.MODE : void 0) !== \"production\") {\n    console.warn(\n      \"[DEPRECATED] Default export is deprecated. Instead use `import { shallow } from 'zustand/shallow'`.\"\n    );\n  }\n  return shallow(objA, objB);\n};\n\nexport { shallow$1 as default, shallow };\n","import { useCallback, useEffect } from \"react\";\nimport { create } from \"zustand\";\nimport { shallow } from \"zustand/shallow\";\nimport { useOverlayStore } from \"@/components/common/Overlay\";\nexport const useModalStore = create((set)=>({\n        map: new Map(),\n        setModal: (name)=>(state)=>{\n                set((prev)=>{\n                    const prevState = prev.map.get(name);\n                    return {\n                        map: new Map(prev.map).set(name, {\n                            ...prevState,\n                            ...state\n                        }),\n                        current: name\n                    };\n                });\n            },\n        current: undefined,\n        setCurrent: (name)=>{\n            set({\n                current: name\n            });\n        }\n    }));\nexport function useModal(name) {\n    let { initialOpen =false , routeChange =true , trigger =true , onClose  } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};\n    var _state_map_get;\n    const [{ isOpen , meta  }, setModal, setCurrent] = useModalStore((state)=>[\n            (_state_map_get = state.map.get(name)) !== null && _state_map_get !== void 0 ? _state_map_get : {\n                isOpen: initialOpen\n            },\n            state.setModal(name),\n            state.setCurrent\n        ]);\n    const [openOverlay, closeOverlay] = useOverlayStore((state)=>[\n            state.open,\n            state.close\n        ], shallow);\n    useEffect(()=>{\n        if (!trigger) {\n            return;\n        }\n        if (isOpen) {\n            openOverlay({\n                name,\n                routeChange,\n                onClose: ()=>{\n                    setModal({\n                        isOpen: false\n                    });\n                    onClose === null || onClose === void 0 ? void 0 : onClose();\n                }\n            });\n        } else {\n            setCurrent(undefined);\n        }\n    }, [\n        isOpen,\n        trigger\n    ]);\n    const open = useCallback((meta)=>{\n        setModal({\n            isOpen: true,\n            meta\n        });\n    }, []);\n    return [\n        isOpen,\n        {\n            open,\n            close: closeOverlay\n        },\n        meta\n    ];\n}\n","// extracted by mini-css-extract-plugin","module.exports = require('./dist/shared/lib/head')\n","module.exports = require('./dist/client/image')\n","module.exports = require('./dist/client/link')\n","module.exports = require('./dist/client/router')\n","module.exports = require('./dist/client/script')\n","/*! @preserve\n * numeral.js\n * version : 2.0.6\n * author : Adam Draper\n * license : MIT\n * http://adamwdraper.github.com/Numeral-js/\n */\n\n(function (global, factory) {\n    if (typeof define === 'function' && define.amd) {\n        define(factory);\n    } else if (typeof module === 'object' && module.exports) {\n        module.exports = factory();\n    } else {\n        global.numeral = factory();\n    }\n}(this, function () {\n    /************************************\n        Variables\n    ************************************/\n\n    var numeral,\n        _,\n        VERSION = '2.0.6',\n        formats = {},\n        locales = {},\n        defaults = {\n            currentLocale: 'en',\n            zeroFormat: null,\n            nullFormat: null,\n            defaultFormat: '0,0',\n            scalePercentBy100: true\n        },\n        options = {\n            currentLocale: defaults.currentLocale,\n            zeroFormat: defaults.zeroFormat,\n            nullFormat: defaults.nullFormat,\n            defaultFormat: defaults.defaultFormat,\n            scalePercentBy100: defaults.scalePercentBy100\n        };\n\n\n    /************************************\n        Constructors\n    ************************************/\n\n    // Numeral prototype object\n    function Numeral(input, number) {\n        this._input = input;\n\n        this._value = number;\n    }\n\n    numeral = function(input) {\n        var value,\n            kind,\n            unformatFunction,\n            regexp;\n\n        if (numeral.isNumeral(input)) {\n            value = input.value();\n        } else if (input === 0 || typeof input === 'undefined') {\n            value = 0;\n        } else if (input === null || _.isNaN(input)) {\n            value = null;\n        } else if (typeof input === 'string') {\n            if (options.zeroFormat && input === options.zeroFormat) {\n                value = 0;\n            } else if (options.nullFormat && input === options.nullFormat || !input.replace(/[^0-9]+/g, '').length) {\n                value = null;\n            } else {\n                for (kind in formats) {\n                    regexp = typeof formats[kind].regexps.unformat === 'function' ? formats[kind].regexps.unformat() : formats[kind].regexps.unformat;\n\n                    if (regexp && input.match(regexp)) {\n                        unformatFunction = formats[kind].unformat;\n\n                        break;\n                    }\n                }\n\n                unformatFunction = unformatFunction || numeral._.stringToNumber;\n\n                value = unformatFunction(input);\n            }\n        } else {\n            value = Number(input)|| null;\n        }\n\n        return new Numeral(input, value);\n    };\n\n    // version number\n    numeral.version = VERSION;\n\n    // compare numeral object\n    numeral.isNumeral = function(obj) {\n        return obj instanceof Numeral;\n    };\n\n    // helper functions\n    numeral._ = _ = {\n        // formats numbers separators, decimals places, signs, abbreviations\n        numberToFormat: function(value, format, roundingFunction) {\n            var locale = locales[numeral.options.currentLocale],\n                negP = false,\n                optDec = false,\n                leadingCount = 0,\n                abbr = '',\n                trillion = 1000000000000,\n                billion = 1000000000,\n                million = 1000000,\n                thousand = 1000,\n                decimal = '',\n                neg = false,\n                abbrForce, // force abbreviation\n                abs,\n                min,\n                max,\n                power,\n                int,\n                precision,\n                signed,\n                thousands,\n                output;\n\n            // make sure we never format a null value\n            value = value || 0;\n\n            abs = Math.abs(value);\n\n            // see if we should use parentheses for negative number or if we should prefix with a sign\n            // if both are present we default to parentheses\n            if (numeral._.includes(format, '(')) {\n                negP = true;\n                format = format.replace(/[\\(|\\)]/g, '');\n            } else if (numeral._.includes(format, '+') || numeral._.includes(format, '-')) {\n                signed = numeral._.includes(format, '+') ? format.indexOf('+') : value < 0 ? format.indexOf('-') : -1;\n                format = format.replace(/[\\+|\\-]/g, '');\n            }\n\n            // see if abbreviation is wanted\n            if (numeral._.includes(format, 'a')) {\n                abbrForce = format.match(/a(k|m|b|t)?/);\n\n                abbrForce = abbrForce ? abbrForce[1] : false;\n\n                // check for space before abbreviation\n                if (numeral._.includes(format, ' a')) {\n                    abbr = ' ';\n                }\n\n                format = format.replace(new RegExp(abbr + 'a[kmbt]?'), '');\n\n                if (abs >= trillion && !abbrForce || abbrForce === 't') {\n                    // trillion\n                    abbr += locale.abbreviations.trillion;\n                    value = value / trillion;\n                } else if (abs < trillion && abs >= billion && !abbrForce || abbrForce === 'b') {\n                    // billion\n                    abbr += locale.abbreviations.billion;\n                    value = value / billion;\n                } else if (abs < billion && abs >= million && !abbrForce || abbrForce === 'm') {\n                    // million\n                    abbr += locale.abbreviations.million;\n                    value = value / million;\n                } else if (abs < million && abs >= thousand && !abbrForce || abbrForce === 'k') {\n                    // thousand\n                    abbr += locale.abbreviations.thousand;\n                    value = value / thousand;\n                }\n            }\n\n            // check for optional decimals\n            if (numeral._.includes(format, '[.]')) {\n                optDec = true;\n                format = format.replace('[.]', '.');\n            }\n\n            // break number and format\n            int = value.toString().split('.')[0];\n            precision = format.split('.')[1];\n            thousands = format.indexOf(',');\n            leadingCount = (format.split('.')[0].split(',')[0].match(/0/g) || []).length;\n\n            if (precision) {\n                if (numeral._.includes(precision, '[')) {\n                    precision = precision.replace(']', '');\n                    precision = precision.split('[');\n                    decimal = numeral._.toFixed(value, (precision[0].length + precision[1].length), roundingFunction, precision[1].length);\n                } else {\n                    decimal = numeral._.toFixed(value, precision.length, roundingFunction);\n                }\n\n                int = decimal.split('.')[0];\n\n                if (numeral._.includes(decimal, '.')) {\n                    decimal = locale.delimiters.decimal + decimal.split('.')[1];\n                } else {\n                    decimal = '';\n                }\n\n                if (optDec && Number(decimal.slice(1)) === 0) {\n                    decimal = '';\n                }\n            } else {\n                int = numeral._.toFixed(value, 0, roundingFunction);\n            }\n\n            // check abbreviation again after rounding\n            if (abbr && !abbrForce && Number(int) >= 1000 && abbr !== locale.abbreviations.trillion) {\n                int = String(Number(int) / 1000);\n\n                switch (abbr) {\n                    case locale.abbreviations.thousand:\n                        abbr = locale.abbreviations.million;\n                        break;\n                    case locale.abbreviations.million:\n                        abbr = locale.abbreviations.billion;\n                        break;\n                    case locale.abbreviations.billion:\n                        abbr = locale.abbreviations.trillion;\n                        break;\n                }\n            }\n\n\n            // format number\n            if (numeral._.includes(int, '-')) {\n                int = int.slice(1);\n                neg = true;\n            }\n\n            if (int.length < leadingCount) {\n                for (var i = leadingCount - int.length; i > 0; i--) {\n                    int = '0' + int;\n                }\n            }\n\n            if (thousands > -1) {\n                int = int.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1' + locale.delimiters.thousands);\n            }\n\n            if (format.indexOf('.') === 0) {\n                int = '';\n            }\n\n            output = int + decimal + (abbr ? abbr : '');\n\n            if (negP) {\n                output = (negP && neg ? '(' : '') + output + (negP && neg ? ')' : '');\n            } else {\n                if (signed >= 0) {\n                    output = signed === 0 ? (neg ? '-' : '+') + output : output + (neg ? '-' : '+');\n                } else if (neg) {\n                    output = '-' + output;\n                }\n            }\n\n            return output;\n        },\n        // unformats numbers separators, decimals places, signs, abbreviations\n        stringToNumber: function(string) {\n            var locale = locales[options.currentLocale],\n                stringOriginal = string,\n                abbreviations = {\n                    thousand: 3,\n                    million: 6,\n                    billion: 9,\n                    trillion: 12\n                },\n                abbreviation,\n                value,\n                i,\n                regexp;\n\n            if (options.zeroFormat && string === options.zeroFormat) {\n                value = 0;\n            } else if (options.nullFormat && string === options.nullFormat || !string.replace(/[^0-9]+/g, '').length) {\n                value = null;\n            } else {\n                value = 1;\n\n                if (locale.delimiters.decimal !== '.') {\n                    string = string.replace(/\\./g, '').replace(locale.delimiters.decimal, '.');\n                }\n\n                for (abbreviation in abbreviations) {\n                    regexp = new RegExp('[^a-zA-Z]' + locale.abbreviations[abbreviation] + '(?:\\\\)|(\\\\' + locale.currency.symbol + ')?(?:\\\\))?)?$');\n\n                    if (stringOriginal.match(regexp)) {\n                        value *= Math.pow(10, abbreviations[abbreviation]);\n                        break;\n                    }\n                }\n\n                // check for negative number\n                value *= (string.split('-').length + Math.min(string.split('(').length - 1, string.split(')').length - 1)) % 2 ? 1 : -1;\n\n                // remove non numbers\n                string = string.replace(/[^0-9\\.]+/g, '');\n\n                value *= Number(string);\n            }\n\n            return value;\n        },\n        isNaN: function(value) {\n            return typeof value === 'number' && isNaN(value);\n        },\n        includes: function(string, search) {\n            return string.indexOf(search) !== -1;\n        },\n        insert: function(string, subString, start) {\n            return string.slice(0, start) + subString + string.slice(start);\n        },\n        reduce: function(array, callback /*, initialValue*/) {\n            if (this === null) {\n                throw new TypeError('Array.prototype.reduce called on null or undefined');\n            }\n\n            if (typeof callback !== 'function') {\n                throw new TypeError(callback + ' is not a function');\n            }\n\n            var t = Object(array),\n                len = t.length >>> 0,\n                k = 0,\n                value;\n\n            if (arguments.length === 3) {\n                value = arguments[2];\n            } else {\n                while (k < len && !(k in t)) {\n                    k++;\n                }\n\n                if (k >= len) {\n                    throw new TypeError('Reduce of empty array with no initial value');\n                }\n\n                value = t[k++];\n            }\n            for (; k < len; k++) {\n                if (k in t) {\n                    value = callback(value, t[k], k, t);\n                }\n            }\n            return value;\n        },\n        /**\n         * Computes the multiplier necessary to make x >= 1,\n         * effectively eliminating miscalculations caused by\n         * finite precision.\n         */\n        multiplier: function (x) {\n            var parts = x.toString().split('.');\n\n            return parts.length < 2 ? 1 : Math.pow(10, parts[1].length);\n        },\n        /**\n         * Given a variable number of arguments, returns the maximum\n         * multiplier that must be used to normalize an operation involving\n         * all of them.\n         */\n        correctionFactor: function () {\n            var args = Array.prototype.slice.call(arguments);\n\n            return args.reduce(function(accum, next) {\n                var mn = _.multiplier(next);\n                return accum > mn ? accum : mn;\n            }, 1);\n        },\n        /**\n         * Implementation of toFixed() that treats floats more like decimals\n         *\n         * Fixes binary rounding issues (eg. (0.615).toFixed(2) === '0.61') that present\n         * problems for accounting- and finance-related software.\n         */\n        toFixed: function(value, maxDecimals, roundingFunction, optionals) {\n            var splitValue = value.toString().split('.'),\n                minDecimals = maxDecimals - (optionals || 0),\n                boundedPrecision,\n                optionalsRegExp,\n                power,\n                output;\n\n            // Use the smallest precision value possible to avoid errors from floating point representation\n            if (splitValue.length === 2) {\n              boundedPrecision = Math.min(Math.max(splitValue[1].length, minDecimals), maxDecimals);\n            } else {\n              boundedPrecision = minDecimals;\n            }\n\n            power = Math.pow(10, boundedPrecision);\n\n            // Multiply up by precision, round accurately, then divide and use native toFixed():\n            output = (roundingFunction(value + 'e+' + boundedPrecision) / power).toFixed(boundedPrecision);\n\n            if (optionals > maxDecimals - boundedPrecision) {\n                optionalsRegExp = new RegExp('\\\\.?0{1,' + (optionals - (maxDecimals - boundedPrecision)) + '}$');\n                output = output.replace(optionalsRegExp, '');\n            }\n\n            return output;\n        }\n    };\n\n    // avaliable options\n    numeral.options = options;\n\n    // avaliable formats\n    numeral.formats = formats;\n\n    // avaliable formats\n    numeral.locales = locales;\n\n    // This function sets the current locale.  If\n    // no arguments are passed in, it will simply return the current global\n    // locale key.\n    numeral.locale = function(key) {\n        if (key) {\n            options.currentLocale = key.toLowerCase();\n        }\n\n        return options.currentLocale;\n    };\n\n    // This function provides access to the loaded locale data.  If\n    // no arguments are passed in, it will simply return the current\n    // global locale object.\n    numeral.localeData = function(key) {\n        if (!key) {\n            return locales[options.currentLocale];\n        }\n\n        key = key.toLowerCase();\n\n        if (!locales[key]) {\n            throw new Error('Unknown locale : ' + key);\n        }\n\n        return locales[key];\n    };\n\n    numeral.reset = function() {\n        for (var property in defaults) {\n            options[property] = defaults[property];\n        }\n    };\n\n    numeral.zeroFormat = function(format) {\n        options.zeroFormat = typeof(format) === 'string' ? format : null;\n    };\n\n    numeral.nullFormat = function (format) {\n        options.nullFormat = typeof(format) === 'string' ? format : null;\n    };\n\n    numeral.defaultFormat = function(format) {\n        options.defaultFormat = typeof(format) === 'string' ? format : '0.0';\n    };\n\n    numeral.register = function(type, name, format) {\n        name = name.toLowerCase();\n\n        if (this[type + 's'][name]) {\n            throw new TypeError(name + ' ' + type + ' already registered.');\n        }\n\n        this[type + 's'][name] = format;\n\n        return format;\n    };\n\n\n    numeral.validate = function(val, culture) {\n        var _decimalSep,\n            _thousandSep,\n            _currSymbol,\n            _valArray,\n            _abbrObj,\n            _thousandRegEx,\n            localeData,\n            temp;\n\n        //coerce val to string\n        if (typeof val !== 'string') {\n            val += '';\n\n            if (console.warn) {\n                console.warn('Numeral.js: Value is not string. It has been co-erced to: ', val);\n            }\n        }\n\n        //trim whitespaces from either sides\n        val = val.trim();\n\n        //if val is just digits return true\n        if (!!val.match(/^\\d+$/)) {\n            return true;\n        }\n\n        //if val is empty return false\n        if (val === '') {\n            return false;\n        }\n\n        //get the decimal and thousands separator from numeral.localeData\n        try {\n            //check if the culture is understood by numeral. if not, default it to current locale\n            localeData = numeral.localeData(culture);\n        } catch (e) {\n            localeData = numeral.localeData(numeral.locale());\n        }\n\n        //setup the delimiters and currency symbol based on culture/locale\n        _currSymbol = localeData.currency.symbol;\n        _abbrObj = localeData.abbreviations;\n        _decimalSep = localeData.delimiters.decimal;\n        if (localeData.delimiters.thousands === '.') {\n            _thousandSep = '\\\\.';\n        } else {\n            _thousandSep = localeData.delimiters.thousands;\n        }\n\n        // validating currency symbol\n        temp = val.match(/^[^\\d]+/);\n        if (temp !== null) {\n            val = val.substr(1);\n            if (temp[0] !== _currSymbol) {\n                return false;\n            }\n        }\n\n        //validating abbreviation symbol\n        temp = val.match(/[^\\d]+$/);\n        if (temp !== null) {\n            val = val.slice(0, -1);\n            if (temp[0] !== _abbrObj.thousand && temp[0] !== _abbrObj.million && temp[0] !== _abbrObj.billion && temp[0] !== _abbrObj.trillion) {\n                return false;\n            }\n        }\n\n        _thousandRegEx = new RegExp(_thousandSep + '{2}');\n\n        if (!val.match(/[^\\d.,]/g)) {\n            _valArray = val.split(_decimalSep);\n            if (_valArray.length > 2) {\n                return false;\n            } else {\n                if (_valArray.length < 2) {\n                    return ( !! _valArray[0].match(/^\\d+.*\\d$/) && !_valArray[0].match(_thousandRegEx));\n                } else {\n                    if (_valArray[0].length === 1) {\n                        return ( !! _valArray[0].match(/^\\d+$/) && !_valArray[0].match(_thousandRegEx) && !! _valArray[1].match(/^\\d+$/));\n                    } else {\n                        return ( !! _valArray[0].match(/^\\d+.*\\d$/) && !_valArray[0].match(_thousandRegEx) && !! _valArray[1].match(/^\\d+$/));\n                    }\n                }\n            }\n        }\n\n        return false;\n    };\n\n\n    /************************************\n        Numeral Prototype\n    ************************************/\n\n    numeral.fn = Numeral.prototype = {\n        clone: function() {\n            return numeral(this);\n        },\n        format: function(inputString, roundingFunction) {\n            var value = this._value,\n                format = inputString || options.defaultFormat,\n                kind,\n                output,\n                formatFunction;\n\n            // make sure we have a roundingFunction\n            roundingFunction = roundingFunction || Math.round;\n\n            // format based on value\n            if (value === 0 && options.zeroFormat !== null) {\n                output = options.zeroFormat;\n            } else if (value === null && options.nullFormat !== null) {\n                output = options.nullFormat;\n            } else {\n                for (kind in formats) {\n                    if (format.match(formats[kind].regexps.format)) {\n                        formatFunction = formats[kind].format;\n\n                        break;\n                    }\n                }\n\n                formatFunction = formatFunction || numeral._.numberToFormat;\n\n                output = formatFunction(value, format, roundingFunction);\n            }\n\n            return output;\n        },\n        value: function() {\n            return this._value;\n        },\n        input: function() {\n            return this._input;\n        },\n        set: function(value) {\n            this._value = Number(value);\n\n            return this;\n        },\n        add: function(value) {\n            var corrFactor = _.correctionFactor.call(null, this._value, value);\n\n            function cback(accum, curr, currI, O) {\n                return accum + Math.round(corrFactor * curr);\n            }\n\n            this._value = _.reduce([this._value, value], cback, 0) / corrFactor;\n\n            return this;\n        },\n        subtract: function(value) {\n            var corrFactor = _.correctionFactor.call(null, this._value, value);\n\n            function cback(accum, curr, currI, O) {\n                return accum - Math.round(corrFactor * curr);\n            }\n\n            this._value = _.reduce([value], cback, Math.round(this._value * corrFactor)) / corrFactor;\n\n            return this;\n        },\n        multiply: function(value) {\n            function cback(accum, curr, currI, O) {\n                var corrFactor = _.correctionFactor(accum, curr);\n                return Math.round(accum * corrFactor) * Math.round(curr * corrFactor) / Math.round(corrFactor * corrFactor);\n            }\n\n            this._value = _.reduce([this._value, value], cback, 1);\n\n            return this;\n        },\n        divide: function(value) {\n            function cback(accum, curr, currI, O) {\n                var corrFactor = _.correctionFactor(accum, curr);\n                return Math.round(accum * corrFactor) / Math.round(curr * corrFactor);\n            }\n\n            this._value = _.reduce([this._value, value], cback);\n\n            return this;\n        },\n        difference: function(value) {\n            return Math.abs(numeral(this._value).subtract(value).value());\n        }\n    };\n\n    /************************************\n        Default Locale && Format\n    ************************************/\n\n    numeral.register('locale', 'en', {\n        delimiters: {\n            thousands: ',',\n            decimal: '.'\n        },\n        abbreviations: {\n            thousand: 'k',\n            million: 'm',\n            billion: 'b',\n            trillion: 't'\n        },\n        ordinal: function(number) {\n            var b = number % 10;\n            return (~~(number % 100 / 10) === 1) ? 'th' :\n                (b === 1) ? 'st' :\n                (b === 2) ? 'nd' :\n                (b === 3) ? 'rd' : 'th';\n        },\n        currency: {\n            symbol: '$'\n        }\n    });\n\n    \n\n(function() {\n        numeral.register('format', 'bps', {\n            regexps: {\n                format: /(BPS)/,\n                unformat: /(BPS)/\n            },\n            format: function(value, format, roundingFunction) {\n                var space = numeral._.includes(format, ' BPS') ? ' ' : '',\n                    output;\n\n                value = value * 10000;\n\n                // check for space before BPS\n                format = format.replace(/\\s?BPS/, '');\n\n                output = numeral._.numberToFormat(value, format, roundingFunction);\n\n                if (numeral._.includes(output, ')')) {\n                    output = output.split('');\n\n                    output.splice(-1, 0, space + 'BPS');\n\n                    output = output.join('');\n                } else {\n                    output = output + space + 'BPS';\n                }\n\n                return output;\n            },\n            unformat: function(string) {\n                return +(numeral._.stringToNumber(string) * 0.0001).toFixed(15);\n            }\n        });\n})();\n\n\n(function() {\n        var decimal = {\n            base: 1000,\n            suffixes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n        },\n        binary = {\n            base: 1024,\n            suffixes: ['B', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']\n        };\n\n    var allSuffixes =  decimal.suffixes.concat(binary.suffixes.filter(function (item) {\n            return decimal.suffixes.indexOf(item) < 0;\n        }));\n        var unformatRegex = allSuffixes.join('|');\n        // Allow support for BPS (http://www.investopedia.com/terms/b/basispoint.asp)\n        unformatRegex = '(' + unformatRegex.replace('B', 'B(?!PS)') + ')';\n\n    numeral.register('format', 'bytes', {\n        regexps: {\n            format: /([0\\s]i?b)/,\n            unformat: new RegExp(unformatRegex)\n        },\n        format: function(value, format, roundingFunction) {\n            var output,\n                bytes = numeral._.includes(format, 'ib') ? binary : decimal,\n                suffix = numeral._.includes(format, ' b') || numeral._.includes(format, ' ib') ? ' ' : '',\n                power,\n                min,\n                max;\n\n            // check for space before\n            format = format.replace(/\\s?i?b/, '');\n\n            for (power = 0; power <= bytes.suffixes.length; power++) {\n                min = Math.pow(bytes.base, power);\n                max = Math.pow(bytes.base, power + 1);\n\n                if (value === null || value === 0 || value >= min && value < max) {\n                    suffix += bytes.suffixes[power];\n\n                    if (min > 0) {\n                        value = value / min;\n                    }\n\n                    break;\n                }\n            }\n\n            output = numeral._.numberToFormat(value, format, roundingFunction);\n\n            return output + suffix;\n        },\n        unformat: function(string) {\n            var value = numeral._.stringToNumber(string),\n                power,\n                bytesMultiplier;\n\n            if (value) {\n                for (power = decimal.suffixes.length - 1; power >= 0; power--) {\n                    if (numeral._.includes(string, decimal.suffixes[power])) {\n                        bytesMultiplier = Math.pow(decimal.base, power);\n\n                        break;\n                    }\n\n                    if (numeral._.includes(string, binary.suffixes[power])) {\n                        bytesMultiplier = Math.pow(binary.base, power);\n\n                        break;\n                    }\n                }\n\n                value *= (bytesMultiplier || 1);\n            }\n\n            return value;\n        }\n    });\n})();\n\n\n(function() {\n        numeral.register('format', 'currency', {\n        regexps: {\n            format: /(\\$)/\n        },\n        format: function(value, format, roundingFunction) {\n            var locale = numeral.locales[numeral.options.currentLocale],\n                symbols = {\n                    before: format.match(/^([\\+|\\-|\\(|\\s|\\$]*)/)[0],\n                    after: format.match(/([\\+|\\-|\\)|\\s|\\$]*)$/)[0]\n                },\n                output,\n                symbol,\n                i;\n\n            // strip format of spaces and $\n            format = format.replace(/\\s?\\$\\s?/, '');\n\n            // format the number\n            output = numeral._.numberToFormat(value, format, roundingFunction);\n\n            // update the before and after based on value\n            if (value >= 0) {\n                symbols.before = symbols.before.replace(/[\\-\\(]/, '');\n                symbols.after = symbols.after.replace(/[\\-\\)]/, '');\n            } else if (value < 0 && (!numeral._.includes(symbols.before, '-') && !numeral._.includes(symbols.before, '('))) {\n                symbols.before = '-' + symbols.before;\n            }\n\n            // loop through each before symbol\n            for (i = 0; i < symbols.before.length; i++) {\n                symbol = symbols.before[i];\n\n                switch (symbol) {\n                    case '$':\n                        output = numeral._.insert(output, locale.currency.symbol, i);\n                        break;\n                    case ' ':\n                        output = numeral._.insert(output, ' ', i + locale.currency.symbol.length - 1);\n                        break;\n                }\n            }\n\n            // loop through each after symbol\n            for (i = symbols.after.length - 1; i >= 0; i--) {\n                symbol = symbols.after[i];\n\n                switch (symbol) {\n                    case '$':\n                        output = i === symbols.after.length - 1 ? output + locale.currency.symbol : numeral._.insert(output, locale.currency.symbol, -(symbols.after.length - (1 + i)));\n                        break;\n                    case ' ':\n                        output = i === symbols.after.length - 1 ? output + ' ' : numeral._.insert(output, ' ', -(symbols.after.length - (1 + i) + locale.currency.symbol.length - 1));\n                        break;\n                }\n            }\n\n\n            return output;\n        }\n    });\n})();\n\n\n(function() {\n        numeral.register('format', 'exponential', {\n        regexps: {\n            format: /(e\\+|e-)/,\n            unformat: /(e\\+|e-)/\n        },\n        format: function(value, format, roundingFunction) {\n            var output,\n                exponential = typeof value === 'number' && !numeral._.isNaN(value) ? value.toExponential() : '0e+0',\n                parts = exponential.split('e');\n\n            format = format.replace(/e[\\+|\\-]{1}0/, '');\n\n            output = numeral._.numberToFormat(Number(parts[0]), format, roundingFunction);\n\n            return output + 'e' + parts[1];\n        },\n        unformat: function(string) {\n            var parts = numeral._.includes(string, 'e+') ? string.split('e+') : string.split('e-'),\n                value = Number(parts[0]),\n                power = Number(parts[1]);\n\n            power = numeral._.includes(string, 'e-') ? power *= -1 : power;\n\n            function cback(accum, curr, currI, O) {\n                var corrFactor = numeral._.correctionFactor(accum, curr),\n                    num = (accum * corrFactor) * (curr * corrFactor) / (corrFactor * corrFactor);\n                return num;\n            }\n\n            return numeral._.reduce([value, Math.pow(10, power)], cback, 1);\n        }\n    });\n})();\n\n\n(function() {\n        numeral.register('format', 'ordinal', {\n        regexps: {\n            format: /(o)/\n        },\n        format: function(value, format, roundingFunction) {\n            var locale = numeral.locales[numeral.options.currentLocale],\n                output,\n                ordinal = numeral._.includes(format, ' o') ? ' ' : '';\n\n            // check for space before\n            format = format.replace(/\\s?o/, '');\n\n            ordinal += locale.ordinal(value);\n\n            output = numeral._.numberToFormat(value, format, roundingFunction);\n\n            return output + ordinal;\n        }\n    });\n})();\n\n\n(function() {\n        numeral.register('format', 'percentage', {\n        regexps: {\n            format: /(%)/,\n            unformat: /(%)/\n        },\n        format: function(value, format, roundingFunction) {\n            var space = numeral._.includes(format, ' %') ? ' ' : '',\n                output;\n\n            if (numeral.options.scalePercentBy100) {\n                value = value * 100;\n            }\n\n            // check for space before %\n            format = format.replace(/\\s?\\%/, '');\n\n            output = numeral._.numberToFormat(value, format, roundingFunction);\n\n            if (numeral._.includes(output, ')')) {\n                output = output.split('');\n\n                output.splice(-1, 0, space + '%');\n\n                output = output.join('');\n            } else {\n                output = output + space + '%';\n            }\n\n            return output;\n        },\n        unformat: function(string) {\n            var number = numeral._.stringToNumber(string);\n            if (numeral.options.scalePercentBy100) {\n                return number * 0.01;\n            }\n            return number;\n        }\n    });\n})();\n\n\n(function() {\n        numeral.register('format', 'time', {\n        regexps: {\n            format: /(:)/,\n            unformat: /(:)/\n        },\n        format: function(value, format, roundingFunction) {\n            var hours = Math.floor(value / 60 / 60),\n                minutes = Math.floor((value - (hours * 60 * 60)) / 60),\n                seconds = Math.round(value - (hours * 60 * 60) - (minutes * 60));\n\n            return hours + ':' + (minutes < 10 ? '0' + minutes : minutes) + ':' + (seconds < 10 ? '0' + seconds : seconds);\n        },\n        unformat: function(string) {\n            var timeArray = string.split(':'),\n                seconds = 0;\n\n            // turn hours and minutes into seconds and add them all up\n            if (timeArray.length === 3) {\n                // hours\n                seconds = seconds + (Number(timeArray[0]) * 60 * 60);\n                // minutes\n                seconds = seconds + (Number(timeArray[1]) * 60);\n                // seconds\n                seconds = seconds + Number(timeArray[2]);\n            } else if (timeArray.length === 2) {\n                // minutes\n                seconds = seconds + (Number(timeArray[0]) * 60);\n                // seconds\n                seconds = seconds + Number(timeArray[1]);\n            }\n            return Number(seconds);\n        }\n    });\n})();\n\nreturn numeral;\n}));\n","// Generated by CoffeeScript 1.12.2\n(function() {\n  var getNanoSeconds, hrtime, loadTime, moduleLoadTime, nodeLoadTime, upTime;\n\n  if ((typeof performance !== \"undefined\" && performance !== null) && performance.now) {\n    module.exports = function() {\n      return performance.now();\n    };\n  } else if ((typeof process !== \"undefined\" && process !== null) && process.hrtime) {\n    module.exports = function() {\n      return (getNanoSeconds() - nodeLoadTime) / 1e6;\n    };\n    hrtime = process.hrtime;\n    getNanoSeconds = function() {\n      var hr;\n      hr = hrtime();\n      return hr[0] * 1e9 + hr[1];\n    };\n    moduleLoadTime = getNanoSeconds();\n    upTime = process.uptime() * 1e9;\n    nodeLoadTime = moduleLoadTime - upTime;\n  } else if (Date.now) {\n    module.exports = function() {\n      return Date.now() - loadTime;\n    };\n    loadTime = Date.now();\n  } else {\n    module.exports = function() {\n      return new Date().getTime() - loadTime;\n    };\n    loadTime = new Date().getTime();\n  }\n\n}).call(this);\n\n//# sourceMappingURL=performance-now.js.map\n","// shim for using process in browser\nvar process = module.exports = {};\n\n// cached from whatever global is present so that test runners that stub it\n// don't break things.  But we need to wrap it in a try catch in case it is\n// wrapped in strict mode code which doesn't define any globals.  It's inside a\n// function because try/catches deoptimize in certain engines.\n\nvar cachedSetTimeout;\nvar cachedClearTimeout;\n\nfunction defaultSetTimout() {\n    throw new Error('setTimeout has not been defined');\n}\nfunction defaultClearTimeout () {\n    throw new Error('clearTimeout has not been defined');\n}\n(function () {\n    try {\n        if (typeof setTimeout === 'function') {\n            cachedSetTimeout = setTimeout;\n        } else {\n            cachedSetTimeout = defaultSetTimout;\n        }\n    } catch (e) {\n        cachedSetTimeout = defaultSetTimout;\n    }\n    try {\n        if (typeof clearTimeout === 'function') {\n            cachedClearTimeout = clearTimeout;\n        } else {\n            cachedClearTimeout = defaultClearTimeout;\n        }\n    } catch (e) {\n        cachedClearTimeout = defaultClearTimeout;\n    }\n} ())\nfunction runTimeout(fun) {\n    if (cachedSetTimeout === setTimeout) {\n        //normal enviroments in sane situations\n        return setTimeout(fun, 0);\n    }\n    // if setTimeout wasn't available but was latter defined\n    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {\n        cachedSetTimeout = setTimeout;\n        return setTimeout(fun, 0);\n    }\n    try {\n        // when when somebody has screwed with setTimeout but no I.E. maddness\n        return cachedSetTimeout(fun, 0);\n    } catch(e){\n        try {\n            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally\n            return cachedSetTimeout.call(null, fun, 0);\n        } catch(e){\n            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error\n            return cachedSetTimeout.call(this, fun, 0);\n        }\n    }\n\n\n}\nfunction runClearTimeout(marker) {\n    if (cachedClearTimeout === clearTimeout) {\n        //normal enviroments in sane situations\n        return clearTimeout(marker);\n    }\n    // if clearTimeout wasn't available but was latter defined\n    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {\n        cachedClearTimeout = clearTimeout;\n        return clearTimeout(marker);\n    }\n    try {\n        // when when somebody has screwed with setTimeout but no I.E. maddness\n        return cachedClearTimeout(marker);\n    } catch (e){\n        try {\n            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally\n            return cachedClearTimeout.call(null, marker);\n        } catch (e){\n            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.\n            // Some versions of I.E. have different rules for clearTimeout vs setTimeout\n            return cachedClearTimeout.call(this, marker);\n        }\n    }\n\n\n\n}\nvar queue = [];\nvar draining = false;\nvar currentQueue;\nvar queueIndex = -1;\n\nfunction cleanUpNextTick() {\n    if (!draining || !currentQueue) {\n        return;\n    }\n    draining = false;\n    if (currentQueue.length) {\n        queue = currentQueue.concat(queue);\n    } else {\n        queueIndex = -1;\n    }\n    if (queue.length) {\n        drainQueue();\n    }\n}\n\nfunction drainQueue() {\n    if (draining) {\n        return;\n    }\n    var timeout = runTimeout(cleanUpNextTick);\n    draining = true;\n\n    var len = queue.length;\n    while(len) {\n        currentQueue = queue;\n        queue = [];\n        while (++queueIndex < len) {\n            if (currentQueue) {\n                currentQueue[queueIndex].run();\n            }\n        }\n        queueIndex = -1;\n        len = queue.length;\n    }\n    currentQueue = null;\n    draining = false;\n    runClearTimeout(timeout);\n}\n\nprocess.nextTick = function (fun) {\n    var args = new Array(arguments.length - 1);\n    if (arguments.length > 1) {\n        for (var i = 1; i < arguments.length; i++) {\n            args[i - 1] = arguments[i];\n        }\n    }\n    queue.push(new Item(fun, args));\n    if (queue.length === 1 && !draining) {\n        runTimeout(drainQueue);\n    }\n};\n\n// v8 likes predictible objects\nfunction Item(fun, array) {\n    this.fun = fun;\n    this.array = array;\n}\nItem.prototype.run = function () {\n    this.fun.apply(null, this.array);\n};\nprocess.title = 'browser';\nprocess.browser = true;\nprocess.env = {};\nprocess.argv = [];\nprocess.version = ''; // empty string to avoid regexp issues\nprocess.versions = {};\n\nfunction noop() {}\n\nprocess.on = noop;\nprocess.addListener = noop;\nprocess.once = noop;\nprocess.off = noop;\nprocess.removeListener = noop;\nprocess.removeAllListeners = noop;\nprocess.emit = noop;\nprocess.prependListener = noop;\nprocess.prependOnceListener = noop;\n\nprocess.listeners = function (name) { return [] }\n\nprocess.binding = function (name) {\n    throw new Error('process.binding is not supported');\n};\n\nprocess.cwd = function () { return '/' };\nprocess.chdir = function (dir) {\n    throw new Error('process.chdir is not supported');\n};\nprocess.umask = function() { return 0; };\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');\n\nfunction emptyFunction() {}\nfunction emptyFunctionWithReset() {}\nemptyFunctionWithReset.resetWarningCache = emptyFunction;\n\nmodule.exports = function() {\n  function shim(props, propName, componentName, location, propFullName, secret) {\n    if (secret === ReactPropTypesSecret) {\n      // It is still safe when called from React.\n      return;\n    }\n    var err = new Error(\n      'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +\n      'Use PropTypes.checkPropTypes() to call them. ' +\n      'Read more at http://fb.me/use-check-prop-types'\n    );\n    err.name = 'Invariant Violation';\n    throw err;\n  };\n  shim.isRequired = shim;\n  function getShim() {\n    return shim;\n  };\n  // Important!\n  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.\n  var ReactPropTypes = {\n    array: shim,\n    bigint: shim,\n    bool: shim,\n    func: shim,\n    number: shim,\n    object: shim,\n    string: shim,\n    symbol: shim,\n\n    any: shim,\n    arrayOf: getShim,\n    element: shim,\n    elementType: shim,\n    instanceOf: getShim,\n    node: shim,\n    objectOf: getShim,\n    oneOf: getShim,\n    oneOfType: getShim,\n    shape: getShim,\n    exact: getShim,\n\n    checkPropTypes: emptyFunctionWithReset,\n    resetWarningCache: emptyFunction\n  };\n\n  ReactPropTypes.PropTypes = ReactPropTypes;\n\n  return ReactPropTypes;\n};\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nif (process.env.NODE_ENV !== 'production') {\n  var ReactIs = require('react-is');\n\n  // By explicitly using `prop-types` you are opting into new development behavior.\n  // http://fb.me/prop-types-in-prod\n  var throwOnDirectAccess = true;\n  module.exports = require('./factoryWithTypeCheckers')(ReactIs.isElement, throwOnDirectAccess);\n} else {\n  // By explicitly using `prop-types` you are opting into new production behavior.\n  // http://fb.me/prop-types-in-prod\n  module.exports = require('./factoryWithThrowingShims')();\n}\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';\n\nmodule.exports = ReactPropTypesSecret;\n","var now = require('performance-now')\n  , root = typeof window === 'undefined' ? global : window\n  , vendors = ['moz', 'webkit']\n  , suffix = 'AnimationFrame'\n  , raf = root['request' + suffix]\n  , caf = root['cancel' + suffix] || root['cancelRequest' + suffix]\n\nfor(var i = 0; !raf && i < vendors.length; i++) {\n  raf = root[vendors[i] + 'Request' + suffix]\n  caf = root[vendors[i] + 'Cancel' + suffix]\n      || root[vendors[i] + 'CancelRequest' + suffix]\n}\n\n// Some versions of FF have rAF but not cAF\nif(!raf || !caf) {\n  var last = 0\n    , id = 0\n    , queue = []\n    , frameDuration = 1000 / 60\n\n  raf = function(callback) {\n    if(queue.length === 0) {\n      var _now = now()\n        , next = Math.max(0, frameDuration - (_now - last))\n      last = next + _now\n      setTimeout(function() {\n        var cp = queue.slice(0)\n        // Clear queue here to prevent\n        // callbacks from appending listeners\n        // to the current frame's queue\n        queue.length = 0\n        for(var i = 0; i < cp.length; i++) {\n          if(!cp[i].cancelled) {\n            try{\n              cp[i].callback(last)\n            } catch(e) {\n              setTimeout(function() { throw e }, 0)\n            }\n          }\n        }\n      }, Math.round(next))\n    }\n    queue.push({\n      handle: ++id,\n      callback: callback,\n      cancelled: false\n    })\n    return id\n  }\n\n  caf = function(handle) {\n    for(var i = 0; i < queue.length; i++) {\n      if(queue[i].handle === handle) {\n        queue[i].cancelled = true\n      }\n    }\n  }\n}\n\nmodule.exports = function(fn) {\n  // Wrap in a new function to prevent\n  // `cancel` potentially being assigned\n  // to the native rAF function\n  return raf.call(root, fn)\n}\nmodule.exports.cancel = function() {\n  caf.apply(root, arguments)\n}\nmodule.exports.polyfill = function(object) {\n  if (!object) {\n    object = root;\n  }\n  object.requestAnimationFrame = raf\n  object.cancelAnimationFrame = caf\n}\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nimport _createSuper from \"@babel/runtime/helpers/esm/createSuper\";\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport React, { Component } from 'react';\nimport classNames from 'classnames';\n\nvar Checkbox = /*#__PURE__*/function (_Component) {\n  _inherits(Checkbox, _Component);\n\n  var _super = _createSuper(Checkbox);\n\n  function Checkbox(props) {\n    var _this;\n\n    _classCallCheck(this, Checkbox);\n\n    _this = _super.call(this, props);\n\n    _this.handleChange = function (e) {\n      var _this$props = _this.props,\n          disabled = _this$props.disabled,\n          onChange = _this$props.onChange;\n\n      if (disabled) {\n        return;\n      }\n\n      if (!('checked' in _this.props)) {\n        _this.setState({\n          checked: e.target.checked\n        });\n      }\n\n      if (onChange) {\n        onChange({\n          target: _objectSpread(_objectSpread({}, _this.props), {}, {\n            checked: e.target.checked\n          }),\n          stopPropagation: function stopPropagation() {\n            e.stopPropagation();\n          },\n          preventDefault: function preventDefault() {\n            e.preventDefault();\n          },\n          nativeEvent: e.nativeEvent\n        });\n      }\n    };\n\n    _this.saveInput = function (node) {\n      _this.input = node;\n    };\n\n    var checked = 'checked' in props ? props.checked : props.defaultChecked;\n    _this.state = {\n      checked: checked\n    };\n    return _this;\n  }\n\n  _createClass(Checkbox, [{\n    key: \"focus\",\n    value: function focus() {\n      this.input.focus();\n    }\n  }, {\n    key: \"blur\",\n    value: function blur() {\n      this.input.blur();\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      var _classNames;\n\n      var _this$props2 = this.props,\n          prefixCls = _this$props2.prefixCls,\n          className = _this$props2.className,\n          style = _this$props2.style,\n          name = _this$props2.name,\n          id = _this$props2.id,\n          type = _this$props2.type,\n          disabled = _this$props2.disabled,\n          readOnly = _this$props2.readOnly,\n          tabIndex = _this$props2.tabIndex,\n          onClick = _this$props2.onClick,\n          onFocus = _this$props2.onFocus,\n          onBlur = _this$props2.onBlur,\n          onKeyDown = _this$props2.onKeyDown,\n          onKeyPress = _this$props2.onKeyPress,\n          onKeyUp = _this$props2.onKeyUp,\n          autoFocus = _this$props2.autoFocus,\n          value = _this$props2.value,\n          required = _this$props2.required,\n          others = _objectWithoutProperties(_this$props2, [\"prefixCls\", \"className\", \"style\", \"name\", \"id\", \"type\", \"disabled\", \"readOnly\", \"tabIndex\", \"onClick\", \"onFocus\", \"onBlur\", \"onKeyDown\", \"onKeyPress\", \"onKeyUp\", \"autoFocus\", \"value\", \"required\"]);\n\n      var globalProps = Object.keys(others).reduce(function (prev, key) {\n        if (key.substr(0, 5) === 'aria-' || key.substr(0, 5) === 'data-' || key === 'role') {\n          // eslint-disable-next-line no-param-reassign\n          prev[key] = others[key];\n        }\n\n        return prev;\n      }, {});\n      var checked = this.state.checked;\n      var classString = classNames(prefixCls, className, (_classNames = {}, _defineProperty(_classNames, \"\".concat(prefixCls, \"-checked\"), checked), _defineProperty(_classNames, \"\".concat(prefixCls, \"-disabled\"), disabled), _classNames));\n      return /*#__PURE__*/React.createElement(\"span\", {\n        className: classString,\n        style: style\n      }, /*#__PURE__*/React.createElement(\"input\", _extends({\n        name: name,\n        id: id,\n        type: type,\n        required: required,\n        readOnly: readOnly,\n        disabled: disabled,\n        tabIndex: tabIndex,\n        className: \"\".concat(prefixCls, \"-input\"),\n        checked: !!checked,\n        onClick: onClick,\n        onFocus: onFocus,\n        onBlur: onBlur,\n        onKeyUp: onKeyUp,\n        onKeyDown: onKeyDown,\n        onKeyPress: onKeyPress,\n        onChange: this.handleChange,\n        autoFocus: autoFocus,\n        ref: this.saveInput,\n        value: value\n      }, globalProps)), /*#__PURE__*/React.createElement(\"span\", {\n        className: \"\".concat(prefixCls, \"-inner\")\n      }));\n    }\n  }], [{\n    key: \"getDerivedStateFromProps\",\n    value: function getDerivedStateFromProps(props, state) {\n      if ('checked' in props) {\n        return _objectSpread(_objectSpread({}, state), {}, {\n          checked: props.checked\n        });\n      }\n\n      return null;\n    }\n  }]);\n\n  return Checkbox;\n}(Component);\n\nCheckbox.defaultProps = {\n  prefixCls: 'rc-checkbox',\n  className: '',\n  style: {},\n  type: 'checkbox',\n  defaultChecked: false,\n  onFocus: function onFocus() {},\n  onBlur: function onBlur() {},\n  onChange: function onChange() {},\n  onKeyDown: function onKeyDown() {},\n  onKeyPress: function onKeyPress() {},\n  onKeyUp: function onKeyUp() {}\n};\nexport default Checkbox;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\n\n/* eslint-disable no-underscore-dangle */\n\n/* eslint-disable react/prop-types */\nimport * as React from 'react';\nimport classnames from 'classnames';\nvar PanelContent = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  var _classnames;\n\n  var prefixCls = props.prefixCls,\n      forceRender = props.forceRender,\n      className = props.className,\n      style = props.style,\n      children = props.children,\n      isActive = props.isActive,\n      role = props.role;\n\n  var _React$useState = React.useState(isActive || forceRender),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      rendered = _React$useState2[0],\n      setRendered = _React$useState2[1];\n\n  React.useEffect(function () {\n    if (forceRender || isActive) {\n      setRendered(true);\n    }\n  }, [forceRender, isActive]);\n\n  if (!rendered) {\n    return null;\n  }\n\n  return /*#__PURE__*/React.createElement(\"div\", {\n    ref: ref,\n    className: classnames(\"\".concat(prefixCls, \"-content\"), (_classnames = {}, _defineProperty(_classnames, \"\".concat(prefixCls, \"-content-active\"), isActive), _defineProperty(_classnames, \"\".concat(prefixCls, \"-content-inactive\"), !isActive), _classnames), className),\n    style: style,\n    role: role\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"\".concat(prefixCls, \"-content-box\")\n  }, children));\n});\nPanelContent.displayName = 'PanelContent';\nexport default PanelContent;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nimport _createSuper from \"@babel/runtime/helpers/esm/createSuper\";\nvar _excluded = [\"className\", \"id\", \"style\", \"prefixCls\", \"headerClass\", \"children\", \"isActive\", \"destroyInactivePanel\", \"accordion\", \"forceRender\", \"openMotion\", \"extra\", \"collapsible\"];\n\n/* eslint-disable react/prop-types */\nimport classNames from 'classnames';\nimport CSSMotion from 'rc-motion';\nimport * as React from 'react';\nimport shallowEqual from 'shallowequal';\nimport PanelContent from './PanelContent';\n\nvar CollapsePanel = /*#__PURE__*/function (_React$Component) {\n  _inherits(CollapsePanel, _React$Component);\n\n  var _super = _createSuper(CollapsePanel);\n\n  function CollapsePanel() {\n    var _this;\n\n    _classCallCheck(this, CollapsePanel);\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _super.call.apply(_super, [this].concat(args));\n\n    _this.onItemClick = function () {\n      var _this$props = _this.props,\n          onItemClick = _this$props.onItemClick,\n          panelKey = _this$props.panelKey;\n\n      if (typeof onItemClick === 'function') {\n        onItemClick(panelKey);\n      }\n    };\n\n    _this.handleKeyPress = function (e) {\n      if (e.key === 'Enter' || e.keyCode === 13 || e.which === 13) {\n        _this.onItemClick();\n      }\n    };\n\n    _this.renderIcon = function () {\n      var _this$props2 = _this.props,\n          showArrow = _this$props2.showArrow,\n          expandIcon = _this$props2.expandIcon,\n          prefixCls = _this$props2.prefixCls,\n          collapsible = _this$props2.collapsible;\n\n      if (!showArrow) {\n        return null;\n      }\n\n      var iconNode = typeof expandIcon === 'function' ? expandIcon(_this.props) : /*#__PURE__*/React.createElement(\"i\", {\n        className: \"arrow\"\n      });\n      return iconNode && /*#__PURE__*/React.createElement(\"div\", {\n        className: \"\".concat(prefixCls, \"-expand-icon\"),\n        onClick: collapsible === 'header' || collapsible === 'icon' ? _this.onItemClick : null\n      }, iconNode);\n    };\n\n    _this.renderTitle = function () {\n      var _this$props3 = _this.props,\n          header = _this$props3.header,\n          prefixCls = _this$props3.prefixCls,\n          collapsible = _this$props3.collapsible;\n      return /*#__PURE__*/React.createElement(\"span\", {\n        className: \"\".concat(prefixCls, \"-header-text\"),\n        onClick: collapsible === 'header' ? _this.onItemClick : null\n      }, header);\n    };\n\n    return _this;\n  }\n\n  _createClass(CollapsePanel, [{\n    key: \"shouldComponentUpdate\",\n    value: function shouldComponentUpdate(nextProps) {\n      return !shallowEqual(this.props, nextProps);\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      var _classNames, _classNames2;\n\n      var _this$props4 = this.props,\n          className = _this$props4.className,\n          id = _this$props4.id,\n          style = _this$props4.style,\n          prefixCls = _this$props4.prefixCls,\n          headerClass = _this$props4.headerClass,\n          children = _this$props4.children,\n          isActive = _this$props4.isActive,\n          destroyInactivePanel = _this$props4.destroyInactivePanel,\n          accordion = _this$props4.accordion,\n          forceRender = _this$props4.forceRender,\n          openMotion = _this$props4.openMotion,\n          extra = _this$props4.extra,\n          collapsible = _this$props4.collapsible,\n          rest = _objectWithoutProperties(_this$props4, _excluded);\n\n      var disabled = collapsible === 'disabled';\n      var collapsibleHeader = collapsible === 'header';\n      var collapsibleIcon = collapsible === 'icon';\n      var itemCls = classNames((_classNames = {}, _defineProperty(_classNames, \"\".concat(prefixCls, \"-item\"), true), _defineProperty(_classNames, \"\".concat(prefixCls, \"-item-active\"), isActive), _defineProperty(_classNames, \"\".concat(prefixCls, \"-item-disabled\"), disabled), _classNames), className);\n      var headerCls = classNames(\"\".concat(prefixCls, \"-header\"), (_classNames2 = {}, _defineProperty(_classNames2, headerClass, headerClass), _defineProperty(_classNames2, \"\".concat(prefixCls, \"-header-collapsible-only\"), collapsibleHeader), _defineProperty(_classNames2, \"\".concat(prefixCls, \"-icon-collapsible-only\"), collapsibleIcon), _classNames2));\n      /** header 节点属性 */\n\n      var headerProps = {\n        className: headerCls,\n        'aria-expanded': isActive,\n        'aria-disabled': disabled,\n        onKeyPress: this.handleKeyPress\n      };\n\n      if (!collapsibleHeader && !collapsibleIcon) {\n        headerProps.onClick = this.onItemClick;\n        headerProps.role = accordion ? 'tab' : 'button';\n        headerProps.tabIndex = disabled ? -1 : 0;\n      }\n\n      var ifExtraExist = extra !== null && extra !== undefined && typeof extra !== 'boolean'; // https://github.com/ant-design/ant-design/pull/37419#issuecomment-1238812797\n\n      delete rest.header;\n      delete rest.panelKey;\n      delete rest.onItemClick;\n      delete rest.showArrow;\n      delete rest.expandIcon;\n      return /*#__PURE__*/React.createElement(\"div\", _extends({}, rest, {\n        className: itemCls,\n        style: style,\n        id: id\n      }), /*#__PURE__*/React.createElement(\"div\", headerProps, this.renderIcon(), this.renderTitle(), ifExtraExist && /*#__PURE__*/React.createElement(\"div\", {\n        className: \"\".concat(prefixCls, \"-extra\")\n      }, extra)), /*#__PURE__*/React.createElement(CSSMotion, _extends({\n        visible: isActive,\n        leavedClassName: \"\".concat(prefixCls, \"-content-hidden\")\n      }, openMotion, {\n        forceRender: forceRender,\n        removeOnLeave: destroyInactivePanel\n      }), function (_ref, ref) {\n        var motionClassName = _ref.className,\n            motionStyle = _ref.style;\n        return /*#__PURE__*/React.createElement(PanelContent, {\n          ref: ref,\n          prefixCls: prefixCls,\n          className: motionClassName,\n          style: motionStyle,\n          isActive: isActive,\n          forceRender: forceRender,\n          role: accordion ? 'tabpanel' : null\n        }, children);\n      }));\n    }\n  }]);\n\n  return CollapsePanel;\n}(React.Component);\n\nCollapsePanel.defaultProps = {\n  showArrow: true,\n  isActive: false,\n  onItemClick: function onItemClick() {},\n  headerClass: '',\n  forceRender: false\n};\nexport default CollapsePanel;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nimport _createSuper from \"@babel/runtime/helpers/esm/createSuper\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\n\n/* eslint-disable react/prop-types */\nimport classNames from 'classnames';\nimport toArray from \"rc-util/es/Children/toArray\";\nimport * as React from 'react';\nimport shallowEqual from 'shallowequal';\nimport CollapsePanel from './Panel';\n\nfunction getActiveKeysArray(activeKey) {\n  var currentActiveKey = activeKey;\n\n  if (!Array.isArray(currentActiveKey)) {\n    var activeKeyType = _typeof(currentActiveKey);\n\n    currentActiveKey = activeKeyType === 'number' || activeKeyType === 'string' ? [currentActiveKey] : [];\n  }\n\n  return currentActiveKey.map(function (key) {\n    return String(key);\n  });\n}\n\nvar Collapse = /*#__PURE__*/function (_React$Component) {\n  _inherits(Collapse, _React$Component);\n\n  var _super = _createSuper(Collapse);\n\n  function Collapse(_props) {\n    var _this;\n\n    _classCallCheck(this, Collapse);\n\n    _this = _super.call(this, _props);\n\n    _this.onClickItem = function (key) {\n      var activeKey = _this.state.activeKey;\n\n      if (_this.props.accordion) {\n        activeKey = activeKey[0] === key ? [] : [key];\n      } else {\n        activeKey = _toConsumableArray(activeKey);\n        var index = activeKey.indexOf(key);\n        var isActive = index > -1;\n\n        if (isActive) {\n          // remove active state\n          activeKey.splice(index, 1);\n        } else {\n          activeKey.push(key);\n        }\n      }\n\n      _this.setActiveKey(activeKey);\n    };\n\n    _this.getNewChild = function (child, index) {\n      if (!child) return null;\n      var activeKey = _this.state.activeKey;\n      var _this$props = _this.props,\n          prefixCls = _this$props.prefixCls,\n          openMotion = _this$props.openMotion,\n          accordion = _this$props.accordion,\n          rootDestroyInactivePanel = _this$props.destroyInactivePanel,\n          expandIcon = _this$props.expandIcon,\n          collapsible = _this$props.collapsible; // If there is no key provide, use the panel order as default key\n\n      var key = child.key || String(index);\n      var _child$props = child.props,\n          header = _child$props.header,\n          headerClass = _child$props.headerClass,\n          destroyInactivePanel = _child$props.destroyInactivePanel,\n          childCollapsible = _child$props.collapsible;\n      var isActive = false;\n\n      if (accordion) {\n        isActive = activeKey[0] === key;\n      } else {\n        isActive = activeKey.indexOf(key) > -1;\n      }\n\n      var mergeCollapsible = childCollapsible !== null && childCollapsible !== void 0 ? childCollapsible : collapsible;\n      var props = {\n        key: key,\n        panelKey: key,\n        header: header,\n        headerClass: headerClass,\n        isActive: isActive,\n        prefixCls: prefixCls,\n        destroyInactivePanel: destroyInactivePanel !== null && destroyInactivePanel !== void 0 ? destroyInactivePanel : rootDestroyInactivePanel,\n        openMotion: openMotion,\n        accordion: accordion,\n        children: child.props.children,\n        onItemClick: mergeCollapsible === 'disabled' ? null : _this.onClickItem,\n        expandIcon: expandIcon,\n        collapsible: mergeCollapsible\n      }; // https://github.com/ant-design/ant-design/issues/20479\n\n      if (typeof child.type === 'string') {\n        return child;\n      }\n\n      Object.keys(props).forEach(function (propName) {\n        if (typeof props[propName] === 'undefined') {\n          delete props[propName];\n        }\n      });\n      return /*#__PURE__*/React.cloneElement(child, props);\n    };\n\n    _this.getItems = function () {\n      var children = _this.props.children;\n      return toArray(children).map(_this.getNewChild);\n    };\n\n    _this.setActiveKey = function (activeKey) {\n      if (!('activeKey' in _this.props)) {\n        _this.setState({\n          activeKey: activeKey\n        });\n      }\n\n      _this.props.onChange(_this.props.accordion ? activeKey[0] : activeKey);\n    };\n\n    var _activeKey = _props.activeKey,\n        defaultActiveKey = _props.defaultActiveKey;\n    var currentActiveKey = defaultActiveKey;\n\n    if ('activeKey' in _props) {\n      currentActiveKey = _activeKey;\n    }\n\n    _this.state = {\n      activeKey: getActiveKeysArray(currentActiveKey)\n    };\n    return _this;\n  }\n\n  _createClass(Collapse, [{\n    key: \"shouldComponentUpdate\",\n    value: function shouldComponentUpdate(nextProps, nextState) {\n      return !shallowEqual(this.props, nextProps) || !shallowEqual(this.state, nextState);\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      var _classNames;\n\n      var _this$props2 = this.props,\n          prefixCls = _this$props2.prefixCls,\n          className = _this$props2.className,\n          style = _this$props2.style,\n          accordion = _this$props2.accordion;\n      var collapseClassName = classNames((_classNames = {}, _defineProperty(_classNames, prefixCls, true), _defineProperty(_classNames, className, !!className), _classNames));\n      return /*#__PURE__*/React.createElement(\"div\", {\n        className: collapseClassName,\n        style: style,\n        role: accordion ? 'tablist' : null\n      }, this.getItems());\n    }\n  }], [{\n    key: \"getDerivedStateFromProps\",\n    value: function getDerivedStateFromProps(nextProps) {\n      var newState = {};\n\n      if ('activeKey' in nextProps) {\n        newState.activeKey = getActiveKeysArray(nextProps.activeKey);\n      }\n\n      return newState;\n    }\n  }]);\n\n  return Collapse;\n}(React.Component);\n\nCollapse.defaultProps = {\n  prefixCls: 'rc-collapse',\n  onChange: function onChange() {},\n  accordion: false,\n  destroyInactivePanel: false\n};\nCollapse.Panel = CollapsePanel;\nexport default Collapse;","import Collapse from './Collapse';\nexport default Collapse;\nvar Panel = Collapse.Panel;\nexport { Panel };","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport CSSMotion from 'rc-motion';\nexport default function Mask(props) {\n  var prefixCls = props.prefixCls,\n    style = props.style,\n    visible = props.visible,\n    maskProps = props.maskProps,\n    motionName = props.motionName;\n  return /*#__PURE__*/React.createElement(CSSMotion, {\n    key: \"mask\",\n    visible: visible,\n    motionName: motionName,\n    leavedClassName: \"\".concat(prefixCls, \"-mask-hidden\")\n  }, function (_ref, ref) {\n    var motionClassName = _ref.className,\n      motionStyle = _ref.style;\n    return /*#__PURE__*/React.createElement(\"div\", _extends({\n      ref: ref,\n      style: _objectSpread(_objectSpread({}, motionStyle), style),\n      className: classNames(\"\".concat(prefixCls, \"-mask\"), motionClassName)\n    }, maskProps));\n  });\n}","// =============================== Motion ===============================\nexport function getMotionName(prefixCls, transitionName, animationName) {\n  var motionName = transitionName;\n  if (!motionName && animationName) {\n    motionName = \"\".concat(prefixCls, \"-\").concat(animationName);\n  }\n  return motionName;\n}\n// =============================== Offset ===============================\nfunction getScroll(w, top) {\n  var ret = w[\"page\".concat(top ? 'Y' : 'X', \"Offset\")];\n  var method = \"scroll\".concat(top ? 'Top' : 'Left');\n  if (typeof ret !== 'number') {\n    var d = w.document;\n    ret = d.documentElement[method];\n    if (typeof ret !== 'number') {\n      ret = d.body[method];\n    }\n  }\n  return ret;\n}\nexport function offset(el) {\n  var rect = el.getBoundingClientRect();\n  var pos = {\n    left: rect.left,\n    top: rect.top\n  };\n  var doc = el.ownerDocument;\n  var w = doc.defaultView || doc.parentWindow;\n  pos.left += getScroll(w);\n  pos.top += getScroll(w, true);\n  return pos;\n}","import * as React from 'react';\nexport default /*#__PURE__*/React.memo(function (_ref) {\n  var children = _ref.children;\n  return children;\n}, function (_, _ref2) {\n  var shouldUpdate = _ref2.shouldUpdate;\n  return !shouldUpdate;\n});","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport React, { useRef } from 'react';\nimport classNames from 'classnames';\nimport MemoChildren from './MemoChildren';\nvar sentinelStyle = {\n  width: 0,\n  height: 0,\n  overflow: 'hidden',\n  outline: 'none'\n};\nvar Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  var prefixCls = props.prefixCls,\n    className = props.className,\n    style = props.style,\n    title = props.title,\n    ariaId = props.ariaId,\n    footer = props.footer,\n    closable = props.closable,\n    closeIcon = props.closeIcon,\n    onClose = props.onClose,\n    children = props.children,\n    bodyStyle = props.bodyStyle,\n    bodyProps = props.bodyProps,\n    modalRender = props.modalRender,\n    onMouseDown = props.onMouseDown,\n    onMouseUp = props.onMouseUp,\n    holderRef = props.holderRef,\n    visible = props.visible,\n    forceRender = props.forceRender,\n    width = props.width,\n    height = props.height;\n  // ================================= Refs =================================\n  var sentinelStartRef = useRef();\n  var sentinelEndRef = useRef();\n  React.useImperativeHandle(ref, function () {\n    return {\n      focus: function focus() {\n        var _sentinelStartRef$cur;\n        (_sentinelStartRef$cur = sentinelStartRef.current) === null || _sentinelStartRef$cur === void 0 ? void 0 : _sentinelStartRef$cur.focus({\n          preventScroll: true\n        });\n      },\n      changeActive: function changeActive(next) {\n        var _document = document,\n          activeElement = _document.activeElement;\n        if (next && activeElement === sentinelEndRef.current) {\n          sentinelStartRef.current.focus({\n            preventScroll: true\n          });\n        } else if (!next && activeElement === sentinelStartRef.current) {\n          sentinelEndRef.current.focus({\n            preventScroll: true\n          });\n        }\n      }\n    };\n  });\n  // ================================ Style =================================\n  var contentStyle = {};\n  if (width !== undefined) {\n    contentStyle.width = width;\n  }\n  if (height !== undefined) {\n    contentStyle.height = height;\n  }\n  // ================================ Render ================================\n  var footerNode;\n  if (footer) {\n    footerNode = /*#__PURE__*/React.createElement(\"div\", {\n      className: \"\".concat(prefixCls, \"-footer\")\n    }, footer);\n  }\n  var headerNode;\n  if (title) {\n    headerNode = /*#__PURE__*/React.createElement(\"div\", {\n      className: \"\".concat(prefixCls, \"-header\")\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"\".concat(prefixCls, \"-title\"),\n      id: ariaId\n    }, title));\n  }\n  var closer;\n  if (closable) {\n    closer = /*#__PURE__*/React.createElement(\"button\", {\n      type: \"button\",\n      onClick: onClose,\n      \"aria-label\": \"Close\",\n      className: \"\".concat(prefixCls, \"-close\")\n    }, closeIcon || /*#__PURE__*/React.createElement(\"span\", {\n      className: \"\".concat(prefixCls, \"-close-x\")\n    }));\n  }\n  var content = /*#__PURE__*/React.createElement(\"div\", {\n    className: \"\".concat(prefixCls, \"-content\")\n  }, closer, headerNode, /*#__PURE__*/React.createElement(\"div\", _extends({\n    className: \"\".concat(prefixCls, \"-body\"),\n    style: bodyStyle\n  }, bodyProps), children), footerNode);\n  return /*#__PURE__*/React.createElement(\"div\", {\n    key: \"dialog-element\",\n    role: \"dialog\",\n    \"aria-labelledby\": title ? ariaId : null,\n    \"aria-modal\": \"true\",\n    ref: holderRef,\n    style: _objectSpread(_objectSpread({}, style), contentStyle),\n    className: classNames(prefixCls, className),\n    onMouseDown: onMouseDown,\n    onMouseUp: onMouseUp\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    tabIndex: 0,\n    ref: sentinelStartRef,\n    style: sentinelStyle\n  }), /*#__PURE__*/React.createElement(MemoChildren, {\n    shouldUpdate: visible || forceRender\n  }, modalRender ? modalRender(content) : content), /*#__PURE__*/React.createElement(\"div\", {\n    tabIndex: 0,\n    ref: sentinelEndRef,\n    style: sentinelStyle\n  }));\n});\nif (process.env.NODE_ENV !== 'production') {\n  Panel.displayName = 'Panel';\n}\nexport default Panel;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nimport { useRef } from 'react';\nimport classNames from 'classnames';\nimport CSSMotion from 'rc-motion';\nimport { offset } from '../../util';\nimport Panel from './Panel';\nvar Content = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  var prefixCls = props.prefixCls,\n    title = props.title,\n    style = props.style,\n    className = props.className,\n    visible = props.visible,\n    forceRender = props.forceRender,\n    destroyOnClose = props.destroyOnClose,\n    motionName = props.motionName,\n    ariaId = props.ariaId,\n    onVisibleChanged = props.onVisibleChanged,\n    mousePosition = props.mousePosition;\n  var dialogRef = useRef();\n  // ============================= Style ==============================\n  var _React$useState = React.useState(),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    transformOrigin = _React$useState2[0],\n    setTransformOrigin = _React$useState2[1];\n  var contentStyle = {};\n  if (transformOrigin) {\n    contentStyle.transformOrigin = transformOrigin;\n  }\n  function onPrepare() {\n    var elementOffset = offset(dialogRef.current);\n    setTransformOrigin(mousePosition ? \"\".concat(mousePosition.x - elementOffset.left, \"px \").concat(mousePosition.y - elementOffset.top, \"px\") : '');\n  }\n  // ============================= Render =============================\n  return /*#__PURE__*/React.createElement(CSSMotion, {\n    visible: visible,\n    onVisibleChanged: onVisibleChanged,\n    onAppearPrepare: onPrepare,\n    onEnterPrepare: onPrepare,\n    forceRender: forceRender,\n    motionName: motionName,\n    removeOnLeave: destroyOnClose,\n    ref: dialogRef\n  }, function (_ref, motionRef) {\n    var motionClassName = _ref.className,\n      motionStyle = _ref.style;\n    return /*#__PURE__*/React.createElement(Panel, _extends({}, props, {\n      ref: ref,\n      title: title,\n      ariaId: ariaId,\n      prefixCls: prefixCls,\n      holderRef: motionRef,\n      style: _objectSpread(_objectSpread(_objectSpread({}, motionStyle), style), contentStyle),\n      className: classNames(className, motionClassName)\n    }));\n  });\n});\nContent.displayName = 'Content';\nexport default Content;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nimport { useRef, useEffect } from 'react';\nimport classNames from 'classnames';\nimport KeyCode from \"rc-util/es/KeyCode\";\nimport useId from \"rc-util/es/hooks/useId\";\nimport contains from \"rc-util/es/Dom/contains\";\nimport pickAttrs from \"rc-util/es/pickAttrs\";\nimport Mask from './Mask';\nimport { getMotionName } from '../util';\nimport Content from './Content';\nexport default function Dialog(props) {\n  var _props$prefixCls = props.prefixCls,\n    prefixCls = _props$prefixCls === void 0 ? 'rc-dialog' : _props$prefixCls,\n    zIndex = props.zIndex,\n    _props$visible = props.visible,\n    visible = _props$visible === void 0 ? false : _props$visible,\n    _props$keyboard = props.keyboard,\n    keyboard = _props$keyboard === void 0 ? true : _props$keyboard,\n    _props$focusTriggerAf = props.focusTriggerAfterClose,\n    focusTriggerAfterClose = _props$focusTriggerAf === void 0 ? true : _props$focusTriggerAf,\n    wrapStyle = props.wrapStyle,\n    wrapClassName = props.wrapClassName,\n    wrapProps = props.wrapProps,\n    onClose = props.onClose,\n    afterClose = props.afterClose,\n    transitionName = props.transitionName,\n    animation = props.animation,\n    _props$closable = props.closable,\n    closable = _props$closable === void 0 ? true : _props$closable,\n    _props$mask = props.mask,\n    mask = _props$mask === void 0 ? true : _props$mask,\n    maskTransitionName = props.maskTransitionName,\n    maskAnimation = props.maskAnimation,\n    _props$maskClosable = props.maskClosable,\n    maskClosable = _props$maskClosable === void 0 ? true : _props$maskClosable,\n    maskStyle = props.maskStyle,\n    maskProps = props.maskProps,\n    rootClassName = props.rootClassName;\n  var lastOutSideActiveElementRef = useRef();\n  var wrapperRef = useRef();\n  var contentRef = useRef();\n  var _React$useState = React.useState(visible),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    animatedVisible = _React$useState2[0],\n    setAnimatedVisible = _React$useState2[1];\n  // ========================== Init ==========================\n  var ariaId = useId();\n  function saveLastOutSideActiveElementRef() {\n    if (!contains(wrapperRef.current, document.activeElement)) {\n      lastOutSideActiveElementRef.current = document.activeElement;\n    }\n  }\n  function focusDialogContent() {\n    if (!contains(wrapperRef.current, document.activeElement)) {\n      var _contentRef$current;\n      (_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 ? void 0 : _contentRef$current.focus();\n    }\n  }\n  // ========================= Events =========================\n  function onDialogVisibleChanged(newVisible) {\n    // Try to focus\n    if (newVisible) {\n      focusDialogContent();\n    } else {\n      // Clean up scroll bar & focus back\n      setAnimatedVisible(false);\n      if (mask && lastOutSideActiveElementRef.current && focusTriggerAfterClose) {\n        try {\n          lastOutSideActiveElementRef.current.focus({\n            preventScroll: true\n          });\n        } catch (e) {\n          // Do nothing\n        }\n        lastOutSideActiveElementRef.current = null;\n      }\n      // Trigger afterClose only when change visible from true to false\n      if (animatedVisible) {\n        afterClose === null || afterClose === void 0 ? void 0 : afterClose();\n      }\n    }\n  }\n  function onInternalClose(e) {\n    onClose === null || onClose === void 0 ? void 0 : onClose(e);\n  }\n  // >>> Content\n  var contentClickRef = useRef(false);\n  var contentTimeoutRef = useRef();\n  // We need record content click incase content popup out of dialog\n  var onContentMouseDown = function onContentMouseDown() {\n    clearTimeout(contentTimeoutRef.current);\n    contentClickRef.current = true;\n  };\n  var onContentMouseUp = function onContentMouseUp() {\n    contentTimeoutRef.current = setTimeout(function () {\n      contentClickRef.current = false;\n    });\n  };\n  // >>> Wrapper\n  // Close only when element not on dialog\n  var onWrapperClick = null;\n  if (maskClosable) {\n    onWrapperClick = function onWrapperClick(e) {\n      if (contentClickRef.current) {\n        contentClickRef.current = false;\n      } else if (wrapperRef.current === e.target) {\n        onInternalClose(e);\n      }\n    };\n  }\n  function onWrapperKeyDown(e) {\n    if (keyboard && e.keyCode === KeyCode.ESC) {\n      e.stopPropagation();\n      onInternalClose(e);\n      return;\n    }\n    // keep focus inside dialog\n    if (visible && e.keyCode === KeyCode.TAB) {\n      contentRef.current.changeActive(!e.shiftKey);\n    }\n  }\n  // ========================= Effect =========================\n  useEffect(function () {\n    if (visible) {\n      setAnimatedVisible(true);\n      saveLastOutSideActiveElementRef();\n    }\n  }, [visible]);\n  // Remove direct should also check the scroll bar update\n  useEffect(function () {\n    return function () {\n      clearTimeout(contentTimeoutRef.current);\n    };\n  }, []);\n  // ========================= Render =========================\n  return /*#__PURE__*/React.createElement(\"div\", _extends({\n    className: classNames(\"\".concat(prefixCls, \"-root\"), rootClassName)\n  }, pickAttrs(props, {\n    data: true\n  })), /*#__PURE__*/React.createElement(Mask, {\n    prefixCls: prefixCls,\n    visible: mask && visible,\n    motionName: getMotionName(prefixCls, maskTransitionName, maskAnimation),\n    style: _objectSpread({\n      zIndex: zIndex\n    }, maskStyle),\n    maskProps: maskProps\n  }), /*#__PURE__*/React.createElement(\"div\", _extends({\n    tabIndex: -1,\n    onKeyDown: onWrapperKeyDown,\n    className: classNames(\"\".concat(prefixCls, \"-wrap\"), wrapClassName),\n    ref: wrapperRef,\n    onClick: onWrapperClick,\n    style: _objectSpread(_objectSpread({\n      zIndex: zIndex\n    }, wrapStyle), {}, {\n      display: !animatedVisible ? 'none' : null\n    })\n  }, wrapProps), /*#__PURE__*/React.createElement(Content, _extends({}, props, {\n    onMouseDown: onContentMouseDown,\n    onMouseUp: onContentMouseUp,\n    ref: contentRef,\n    closable: closable,\n    ariaId: ariaId,\n    prefixCls: prefixCls,\n    visible: visible && animatedVisible,\n    onClose: onInternalClose,\n    onVisibleChanged: onDialogVisibleChanged,\n    motionName: getMotionName(prefixCls, transitionName, animation)\n  }))));\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nimport Portal from '@rc-component/portal';\nimport Dialog from './Dialog';\n// fix issue #10656\n/*\n * getContainer remarks\n * Custom container should not be return, because in the Portal component, it will remove the\n * return container element here, if the custom container is the only child of it's component,\n * like issue #10656, It will has a conflict with removeChild method in react-dom.\n * So here should add a child (div element) to custom container.\n * */\nvar DialogWrap = function DialogWrap(props) {\n  var visible = props.visible,\n    getContainer = props.getContainer,\n    forceRender = props.forceRender,\n    _props$destroyOnClose = props.destroyOnClose,\n    destroyOnClose = _props$destroyOnClose === void 0 ? false : _props$destroyOnClose,\n    _afterClose = props.afterClose;\n  var _React$useState = React.useState(visible),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    animatedVisible = _React$useState2[0],\n    setAnimatedVisible = _React$useState2[1];\n  React.useEffect(function () {\n    if (visible) {\n      setAnimatedVisible(true);\n    }\n  }, [visible]);\n  // // 渲染在当前 dom 里；\n  // if (getContainer === false) {\n  //   return (\n  //     <Dialog\n  //       {...props}\n  //       getOpenCount={() => 2} // 不对 body 做任何操作。。\n  //     />\n  //   );\n  // }\n  // Destroy on close will remove wrapped div\n  if (!forceRender && destroyOnClose && !animatedVisible) {\n    return null;\n  }\n  return /*#__PURE__*/React.createElement(Portal, {\n    open: visible || forceRender || animatedVisible,\n    autoDestroy: false,\n    getContainer: getContainer,\n    autoLock: visible || animatedVisible\n  }, /*#__PURE__*/React.createElement(Dialog, _extends({}, props, {\n    destroyOnClose: destroyOnClose,\n    afterClose: function afterClose() {\n      _afterClose === null || _afterClose === void 0 ? void 0 : _afterClose();\n      setAnimatedVisible(false);\n    }\n  })));\n};\nDialogWrap.displayName = 'Dialog';\nexport default DialogWrap;","import DialogWrap from './DialogWrap';\nimport Panel from './Dialog/Content/Panel';\nexport { Panel };\nexport default DialogWrap;","import warning from \"rc-util/es/warning\";\nimport * as React from 'react';\nexport var HOOK_MARK = 'RC_FORM_INTERNAL_HOOKS';\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nvar warningFunc = function warningFunc() {\n  warning(false, 'Can not find FormContext. Please make sure you wrap Field under Form.');\n};\nvar Context = /*#__PURE__*/React.createContext({\n  getFieldValue: warningFunc,\n  getFieldsValue: warningFunc,\n  getFieldError: warningFunc,\n  getFieldWarning: warningFunc,\n  getFieldsError: warningFunc,\n  isFieldsTouched: warningFunc,\n  isFieldTouched: warningFunc,\n  isFieldValidating: warningFunc,\n  isFieldsValidating: warningFunc,\n  resetFields: warningFunc,\n  setFields: warningFunc,\n  setFieldValue: warningFunc,\n  setFieldsValue: warningFunc,\n  validateFields: warningFunc,\n  submit: warningFunc,\n  getInternalHooks: function getInternalHooks() {\n    warningFunc();\n    return {\n      dispatch: warningFunc,\n      initEntityValue: warningFunc,\n      registerField: warningFunc,\n      useSubscribe: warningFunc,\n      setInitialValues: warningFunc,\n      destroyForm: warningFunc,\n      setCallbacks: warningFunc,\n      registerWatch: warningFunc,\n      getFields: warningFunc,\n      setValidateMessages: warningFunc,\n      setPreserve: warningFunc,\n      getInitialValue: warningFunc\n    };\n  }\n});\nexport default Context;","export function toArray(value) {\n  if (value === undefined || value === null) {\n    return [];\n  }\n  return Array.isArray(value) ? value : [value];\n}","function _extends() {\n  _extends = Object.assign ? Object.assign.bind() : function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n  return _extends.apply(this, arguments);\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n  subClass.prototype = Object.create(superClass.prototype);\n  subClass.prototype.constructor = subClass;\n\n  _setPrototypeOf(subClass, superClass);\n}\n\nfunction _getPrototypeOf(o) {\n  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {\n    return o.__proto__ || Object.getPrototypeOf(o);\n  };\n  return _getPrototypeOf(o);\n}\n\nfunction _setPrototypeOf(o, p) {\n  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {\n    o.__proto__ = p;\n    return o;\n  };\n  return _setPrototypeOf(o, p);\n}\n\nfunction _isNativeReflectConstruct() {\n  if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n  if (Reflect.construct.sham) return false;\n  if (typeof Proxy === \"function\") return true;\n\n  try {\n    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));\n    return true;\n  } catch (e) {\n    return false;\n  }\n}\n\nfunction _construct(Parent, args, Class) {\n  if (_isNativeReflectConstruct()) {\n    _construct = Reflect.construct.bind();\n  } else {\n    _construct = function _construct(Parent, args, Class) {\n      var a = [null];\n      a.push.apply(a, args);\n      var Constructor = Function.bind.apply(Parent, a);\n      var instance = new Constructor();\n      if (Class) _setPrototypeOf(instance, Class.prototype);\n      return instance;\n    };\n  }\n\n  return _construct.apply(null, arguments);\n}\n\nfunction _isNativeFunction(fn) {\n  return Function.toString.call(fn).indexOf(\"[native code]\") !== -1;\n}\n\nfunction _wrapNativeSuper(Class) {\n  var _cache = typeof Map === \"function\" ? new Map() : undefined;\n\n  _wrapNativeSuper = function _wrapNativeSuper(Class) {\n    if (Class === null || !_isNativeFunction(Class)) return Class;\n\n    if (typeof Class !== \"function\") {\n      throw new TypeError(\"Super expression must either be null or a function\");\n    }\n\n    if (typeof _cache !== \"undefined\") {\n      if (_cache.has(Class)) return _cache.get(Class);\n\n      _cache.set(Class, Wrapper);\n    }\n\n    function Wrapper() {\n      return _construct(Class, arguments, _getPrototypeOf(this).constructor);\n    }\n\n    Wrapper.prototype = Object.create(Class.prototype, {\n      constructor: {\n        value: Wrapper,\n        enumerable: false,\n        writable: true,\n        configurable: true\n      }\n    });\n    return _setPrototypeOf(Wrapper, Class);\n  };\n\n  return _wrapNativeSuper(Class);\n}\n\n/* eslint no-console:0 */\nvar formatRegExp = /%[sdj%]/g;\nvar warning = function warning() {}; // don't print warning message when in production env or node runtime\n\nif (typeof process !== 'undefined' && process.env && process.env.NODE_ENV !== 'production' && typeof window !== 'undefined' && typeof document !== 'undefined') {\n  warning = function warning(type, errors) {\n    if (typeof console !== 'undefined' && console.warn && typeof ASYNC_VALIDATOR_NO_WARNING === 'undefined') {\n      if (errors.every(function (e) {\n        return typeof e === 'string';\n      })) {\n        console.warn(type, errors);\n      }\n    }\n  };\n}\n\nfunction convertFieldsError(errors) {\n  if (!errors || !errors.length) return null;\n  var fields = {};\n  errors.forEach(function (error) {\n    var field = error.field;\n    fields[field] = fields[field] || [];\n    fields[field].push(error);\n  });\n  return fields;\n}\nfunction format(template) {\n  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n    args[_key - 1] = arguments[_key];\n  }\n\n  var i = 0;\n  var len = args.length;\n\n  if (typeof template === 'function') {\n    return template.apply(null, args);\n  }\n\n  if (typeof template === 'string') {\n    var str = template.replace(formatRegExp, function (x) {\n      if (x === '%%') {\n        return '%';\n      }\n\n      if (i >= len) {\n        return x;\n      }\n\n      switch (x) {\n        case '%s':\n          return String(args[i++]);\n\n        case '%d':\n          return Number(args[i++]);\n\n        case '%j':\n          try {\n            return JSON.stringify(args[i++]);\n          } catch (_) {\n            return '[Circular]';\n          }\n\n          break;\n\n        default:\n          return x;\n      }\n    });\n    return str;\n  }\n\n  return template;\n}\n\nfunction isNativeStringType(type) {\n  return type === 'string' || type === 'url' || type === 'hex' || type === 'email' || type === 'date' || type === 'pattern';\n}\n\nfunction isEmptyValue(value, type) {\n  if (value === undefined || value === null) {\n    return true;\n  }\n\n  if (type === 'array' && Array.isArray(value) && !value.length) {\n    return true;\n  }\n\n  if (isNativeStringType(type) && typeof value === 'string' && !value) {\n    return true;\n  }\n\n  return false;\n}\n\nfunction asyncParallelArray(arr, func, callback) {\n  var results = [];\n  var total = 0;\n  var arrLength = arr.length;\n\n  function count(errors) {\n    results.push.apply(results, errors || []);\n    total++;\n\n    if (total === arrLength) {\n      callback(results);\n    }\n  }\n\n  arr.forEach(function (a) {\n    func(a, count);\n  });\n}\n\nfunction asyncSerialArray(arr, func, callback) {\n  var index = 0;\n  var arrLength = arr.length;\n\n  function next(errors) {\n    if (errors && errors.length) {\n      callback(errors);\n      return;\n    }\n\n    var original = index;\n    index = index + 1;\n\n    if (original < arrLength) {\n      func(arr[original], next);\n    } else {\n      callback([]);\n    }\n  }\n\n  next([]);\n}\n\nfunction flattenObjArr(objArr) {\n  var ret = [];\n  Object.keys(objArr).forEach(function (k) {\n    ret.push.apply(ret, objArr[k] || []);\n  });\n  return ret;\n}\n\nvar AsyncValidationError = /*#__PURE__*/function (_Error) {\n  _inheritsLoose(AsyncValidationError, _Error);\n\n  function AsyncValidationError(errors, fields) {\n    var _this;\n\n    _this = _Error.call(this, 'Async Validation Error') || this;\n    _this.errors = errors;\n    _this.fields = fields;\n    return _this;\n  }\n\n  return AsyncValidationError;\n}( /*#__PURE__*/_wrapNativeSuper(Error));\nfunction asyncMap(objArr, option, func, callback, source) {\n  if (option.first) {\n    var _pending = new Promise(function (resolve, reject) {\n      var next = function next(errors) {\n        callback(errors);\n        return errors.length ? reject(new AsyncValidationError(errors, convertFieldsError(errors))) : resolve(source);\n      };\n\n      var flattenArr = flattenObjArr(objArr);\n      asyncSerialArray(flattenArr, func, next);\n    });\n\n    _pending[\"catch\"](function (e) {\n      return e;\n    });\n\n    return _pending;\n  }\n\n  var firstFields = option.firstFields === true ? Object.keys(objArr) : option.firstFields || [];\n  var objArrKeys = Object.keys(objArr);\n  var objArrLength = objArrKeys.length;\n  var total = 0;\n  var results = [];\n  var pending = new Promise(function (resolve, reject) {\n    var next = function next(errors) {\n      results.push.apply(results, errors);\n      total++;\n\n      if (total === objArrLength) {\n        callback(results);\n        return results.length ? reject(new AsyncValidationError(results, convertFieldsError(results))) : resolve(source);\n      }\n    };\n\n    if (!objArrKeys.length) {\n      callback(results);\n      resolve(source);\n    }\n\n    objArrKeys.forEach(function (key) {\n      var arr = objArr[key];\n\n      if (firstFields.indexOf(key) !== -1) {\n        asyncSerialArray(arr, func, next);\n      } else {\n        asyncParallelArray(arr, func, next);\n      }\n    });\n  });\n  pending[\"catch\"](function (e) {\n    return e;\n  });\n  return pending;\n}\n\nfunction isErrorObj(obj) {\n  return !!(obj && obj.message !== undefined);\n}\n\nfunction getValue(value, path) {\n  var v = value;\n\n  for (var i = 0; i < path.length; i++) {\n    if (v == undefined) {\n      return v;\n    }\n\n    v = v[path[i]];\n  }\n\n  return v;\n}\n\nfunction complementError(rule, source) {\n  return function (oe) {\n    var fieldValue;\n\n    if (rule.fullFields) {\n      fieldValue = getValue(source, rule.fullFields);\n    } else {\n      fieldValue = source[oe.field || rule.fullField];\n    }\n\n    if (isErrorObj(oe)) {\n      oe.field = oe.field || rule.fullField;\n      oe.fieldValue = fieldValue;\n      return oe;\n    }\n\n    return {\n      message: typeof oe === 'function' ? oe() : oe,\n      fieldValue: fieldValue,\n      field: oe.field || rule.fullField\n    };\n  };\n}\nfunction deepMerge(target, source) {\n  if (source) {\n    for (var s in source) {\n      if (source.hasOwnProperty(s)) {\n        var value = source[s];\n\n        if (typeof value === 'object' && typeof target[s] === 'object') {\n          target[s] = _extends({}, target[s], value);\n        } else {\n          target[s] = value;\n        }\n      }\n    }\n  }\n\n  return target;\n}\n\nvar required$1 = function required(rule, value, source, errors, options, type) {\n  if (rule.required && (!source.hasOwnProperty(rule.field) || isEmptyValue(value, type || rule.type))) {\n    errors.push(format(options.messages.required, rule.fullField));\n  }\n};\n\n/**\n *  Rule for validating whitespace.\n *\n *  @param rule The validation rule.\n *  @param value The value of the field on the source object.\n *  @param source The source object being validated.\n *  @param errors An array of errors that this rule may add\n *  validation errors to.\n *  @param options The validation options.\n *  @param options.messages The validation messages.\n */\n\nvar whitespace = function whitespace(rule, value, source, errors, options) {\n  if (/^\\s+$/.test(value) || value === '') {\n    errors.push(format(options.messages.whitespace, rule.fullField));\n  }\n};\n\n// https://github.com/kevva/url-regex/blob/master/index.js\nvar urlReg;\nvar getUrlRegex = (function () {\n  if (urlReg) {\n    return urlReg;\n  }\n\n  var word = '[a-fA-F\\\\d:]';\n\n  var b = function b(options) {\n    return options && options.includeBoundaries ? \"(?:(?<=\\\\s|^)(?=\" + word + \")|(?<=\" + word + \")(?=\\\\s|$))\" : '';\n  };\n\n  var v4 = '(?:25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]\\\\d|\\\\d)(?:\\\\.(?:25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]\\\\d|\\\\d)){3}';\n  var v6seg = '[a-fA-F\\\\d]{1,4}';\n  var v6 = (\"\\n(?:\\n(?:\" + v6seg + \":){7}(?:\" + v6seg + \"|:)|                                    // 1:2:3:4:5:6:7::  1:2:3:4:5:6:7:8\\n(?:\" + v6seg + \":){6}(?:\" + v4 + \"|:\" + v6seg + \"|:)|                             // 1:2:3:4:5:6::    1:2:3:4:5:6::8   1:2:3:4:5:6::8  1:2:3:4:5:6::1.2.3.4\\n(?:\" + v6seg + \":){5}(?::\" + v4 + \"|(?::\" + v6seg + \"){1,2}|:)|                   // 1:2:3:4:5::      1:2:3:4:5::7:8   1:2:3:4:5::8    1:2:3:4:5::7:1.2.3.4\\n(?:\" + v6seg + \":){4}(?:(?::\" + v6seg + \"){0,1}:\" + v4 + \"|(?::\" + v6seg + \"){1,3}|:)| // 1:2:3:4::        1:2:3:4::6:7:8   1:2:3:4::8      1:2:3:4::6:7:1.2.3.4\\n(?:\" + v6seg + \":){3}(?:(?::\" + v6seg + \"){0,2}:\" + v4 + \"|(?::\" + v6seg + \"){1,4}|:)| // 1:2:3::          1:2:3::5:6:7:8   1:2:3::8        1:2:3::5:6:7:1.2.3.4\\n(?:\" + v6seg + \":){2}(?:(?::\" + v6seg + \"){0,3}:\" + v4 + \"|(?::\" + v6seg + \"){1,5}|:)| // 1:2::            1:2::4:5:6:7:8   1:2::8          1:2::4:5:6:7:1.2.3.4\\n(?:\" + v6seg + \":){1}(?:(?::\" + v6seg + \"){0,4}:\" + v4 + \"|(?::\" + v6seg + \"){1,6}|:)| // 1::              1::3:4:5:6:7:8   1::8            1::3:4:5:6:7:1.2.3.4\\n(?::(?:(?::\" + v6seg + \"){0,5}:\" + v4 + \"|(?::\" + v6seg + \"){1,7}|:))             // ::2:3:4:5:6:7:8  ::2:3:4:5:6:7:8  ::8             ::1.2.3.4\\n)(?:%[0-9a-zA-Z]{1,})?                                             // %eth0            %1\\n\").replace(/\\s*\\/\\/.*$/gm, '').replace(/\\n/g, '').trim(); // Pre-compile only the exact regexes because adding a global flag make regexes stateful\n\n  var v46Exact = new RegExp(\"(?:^\" + v4 + \"$)|(?:^\" + v6 + \"$)\");\n  var v4exact = new RegExp(\"^\" + v4 + \"$\");\n  var v6exact = new RegExp(\"^\" + v6 + \"$\");\n\n  var ip = function ip(options) {\n    return options && options.exact ? v46Exact : new RegExp(\"(?:\" + b(options) + v4 + b(options) + \")|(?:\" + b(options) + v6 + b(options) + \")\", 'g');\n  };\n\n  ip.v4 = function (options) {\n    return options && options.exact ? v4exact : new RegExp(\"\" + b(options) + v4 + b(options), 'g');\n  };\n\n  ip.v6 = function (options) {\n    return options && options.exact ? v6exact : new RegExp(\"\" + b(options) + v6 + b(options), 'g');\n  };\n\n  var protocol = \"(?:(?:[a-z]+:)?//)\";\n  var auth = '(?:\\\\S+(?::\\\\S*)?@)?';\n  var ipv4 = ip.v4().source;\n  var ipv6 = ip.v6().source;\n  var host = \"(?:(?:[a-z\\\\u00a1-\\\\uffff0-9][-_]*)*[a-z\\\\u00a1-\\\\uffff0-9]+)\";\n  var domain = \"(?:\\\\.(?:[a-z\\\\u00a1-\\\\uffff0-9]-*)*[a-z\\\\u00a1-\\\\uffff0-9]+)*\";\n  var tld = \"(?:\\\\.(?:[a-z\\\\u00a1-\\\\uffff]{2,}))\";\n  var port = '(?::\\\\d{2,5})?';\n  var path = '(?:[/?#][^\\\\s\"]*)?';\n  var regex = \"(?:\" + protocol + \"|www\\\\.)\" + auth + \"(?:localhost|\" + ipv4 + \"|\" + ipv6 + \"|\" + host + domain + tld + \")\" + port + path;\n  urlReg = new RegExp(\"(?:^\" + regex + \"$)\", 'i');\n  return urlReg;\n});\n\n/* eslint max-len:0 */\n\nvar pattern$2 = {\n  // http://emailregex.com/\n  email: /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF]+\\.)+[a-zA-Z\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF]{2,}))$/,\n  // url: new RegExp(\n  //   '^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\\\S+(?::\\\\S*)?@)?(?:(?:(?:[1-9]\\\\d?|1\\\\d\\\\d|2[01]\\\\d|22[0-3])(?:\\\\.(?:1?\\\\d{1,2}|2[0-4]\\\\d|25[0-5])){2}(?:\\\\.(?:[0-9]\\\\d?|1\\\\d\\\\d|2[0-4]\\\\d|25[0-4]))|(?:(?:[a-z\\\\u00a1-\\\\uffff0-9]+-*)*[a-z\\\\u00a1-\\\\uffff0-9]+)(?:\\\\.(?:[a-z\\\\u00a1-\\\\uffff0-9]+-*)*[a-z\\\\u00a1-\\\\uffff0-9]+)*(?:\\\\.(?:[a-z\\\\u00a1-\\\\uffff]{2,})))|localhost)(?::\\\\d{2,5})?(?:(/|\\\\?|#)[^\\\\s]*)?$',\n  //   'i',\n  // ),\n  hex: /^#?([a-f0-9]{6}|[a-f0-9]{3})$/i\n};\nvar types = {\n  integer: function integer(value) {\n    return types.number(value) && parseInt(value, 10) === value;\n  },\n  \"float\": function float(value) {\n    return types.number(value) && !types.integer(value);\n  },\n  array: function array(value) {\n    return Array.isArray(value);\n  },\n  regexp: function regexp(value) {\n    if (value instanceof RegExp) {\n      return true;\n    }\n\n    try {\n      return !!new RegExp(value);\n    } catch (e) {\n      return false;\n    }\n  },\n  date: function date(value) {\n    return typeof value.getTime === 'function' && typeof value.getMonth === 'function' && typeof value.getYear === 'function' && !isNaN(value.getTime());\n  },\n  number: function number(value) {\n    if (isNaN(value)) {\n      return false;\n    }\n\n    return typeof value === 'number';\n  },\n  object: function object(value) {\n    return typeof value === 'object' && !types.array(value);\n  },\n  method: function method(value) {\n    return typeof value === 'function';\n  },\n  email: function email(value) {\n    return typeof value === 'string' && value.length <= 320 && !!value.match(pattern$2.email);\n  },\n  url: function url(value) {\n    return typeof value === 'string' && value.length <= 2048 && !!value.match(getUrlRegex());\n  },\n  hex: function hex(value) {\n    return typeof value === 'string' && !!value.match(pattern$2.hex);\n  }\n};\n\nvar type$1 = function type(rule, value, source, errors, options) {\n  if (rule.required && value === undefined) {\n    required$1(rule, value, source, errors, options);\n    return;\n  }\n\n  var custom = ['integer', 'float', 'array', 'regexp', 'object', 'method', 'email', 'number', 'date', 'url', 'hex'];\n  var ruleType = rule.type;\n\n  if (custom.indexOf(ruleType) > -1) {\n    if (!types[ruleType](value)) {\n      errors.push(format(options.messages.types[ruleType], rule.fullField, rule.type));\n    } // straight typeof check\n\n  } else if (ruleType && typeof value !== rule.type) {\n    errors.push(format(options.messages.types[ruleType], rule.fullField, rule.type));\n  }\n};\n\nvar range = function range(rule, value, source, errors, options) {\n  var len = typeof rule.len === 'number';\n  var min = typeof rule.min === 'number';\n  var max = typeof rule.max === 'number'; // 正则匹配码点范围从U+010000一直到U+10FFFF的文字（补充平面Supplementary Plane）\n\n  var spRegexp = /[\\uD800-\\uDBFF][\\uDC00-\\uDFFF]/g;\n  var val = value;\n  var key = null;\n  var num = typeof value === 'number';\n  var str = typeof value === 'string';\n  var arr = Array.isArray(value);\n\n  if (num) {\n    key = 'number';\n  } else if (str) {\n    key = 'string';\n  } else if (arr) {\n    key = 'array';\n  } // if the value is not of a supported type for range validation\n  // the validation rule rule should use the\n  // type property to also test for a particular type\n\n\n  if (!key) {\n    return false;\n  }\n\n  if (arr) {\n    val = value.length;\n  }\n\n  if (str) {\n    // 处理码点大于U+010000的文字length属性不准确的bug，如\"𠮷𠮷𠮷\".lenght !== 3\n    val = value.replace(spRegexp, '_').length;\n  }\n\n  if (len) {\n    if (val !== rule.len) {\n      errors.push(format(options.messages[key].len, rule.fullField, rule.len));\n    }\n  } else if (min && !max && val < rule.min) {\n    errors.push(format(options.messages[key].min, rule.fullField, rule.min));\n  } else if (max && !min && val > rule.max) {\n    errors.push(format(options.messages[key].max, rule.fullField, rule.max));\n  } else if (min && max && (val < rule.min || val > rule.max)) {\n    errors.push(format(options.messages[key].range, rule.fullField, rule.min, rule.max));\n  }\n};\n\nvar ENUM$1 = 'enum';\n\nvar enumerable$1 = function enumerable(rule, value, source, errors, options) {\n  rule[ENUM$1] = Array.isArray(rule[ENUM$1]) ? rule[ENUM$1] : [];\n\n  if (rule[ENUM$1].indexOf(value) === -1) {\n    errors.push(format(options.messages[ENUM$1], rule.fullField, rule[ENUM$1].join(', ')));\n  }\n};\n\nvar pattern$1 = function pattern(rule, value, source, errors, options) {\n  if (rule.pattern) {\n    if (rule.pattern instanceof RegExp) {\n      // if a RegExp instance is passed, reset `lastIndex` in case its `global`\n      // flag is accidentally set to `true`, which in a validation scenario\n      // is not necessary and the result might be misleading\n      rule.pattern.lastIndex = 0;\n\n      if (!rule.pattern.test(value)) {\n        errors.push(format(options.messages.pattern.mismatch, rule.fullField, value, rule.pattern));\n      }\n    } else if (typeof rule.pattern === 'string') {\n      var _pattern = new RegExp(rule.pattern);\n\n      if (!_pattern.test(value)) {\n        errors.push(format(options.messages.pattern.mismatch, rule.fullField, value, rule.pattern));\n      }\n    }\n  }\n};\n\nvar rules = {\n  required: required$1,\n  whitespace: whitespace,\n  type: type$1,\n  range: range,\n  \"enum\": enumerable$1,\n  pattern: pattern$1\n};\n\nvar string = function string(rule, value, callback, source, options) {\n  var errors = [];\n  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);\n\n  if (validate) {\n    if (isEmptyValue(value, 'string') && !rule.required) {\n      return callback();\n    }\n\n    rules.required(rule, value, source, errors, options, 'string');\n\n    if (!isEmptyValue(value, 'string')) {\n      rules.type(rule, value, source, errors, options);\n      rules.range(rule, value, source, errors, options);\n      rules.pattern(rule, value, source, errors, options);\n\n      if (rule.whitespace === true) {\n        rules.whitespace(rule, value, source, errors, options);\n      }\n    }\n  }\n\n  callback(errors);\n};\n\nvar method = function method(rule, value, callback, source, options) {\n  var errors = [];\n  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);\n\n  if (validate) {\n    if (isEmptyValue(value) && !rule.required) {\n      return callback();\n    }\n\n    rules.required(rule, value, source, errors, options);\n\n    if (value !== undefined) {\n      rules.type(rule, value, source, errors, options);\n    }\n  }\n\n  callback(errors);\n};\n\nvar number = function number(rule, value, callback, source, options) {\n  var errors = [];\n  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);\n\n  if (validate) {\n    if (value === '') {\n      value = undefined;\n    }\n\n    if (isEmptyValue(value) && !rule.required) {\n      return callback();\n    }\n\n    rules.required(rule, value, source, errors, options);\n\n    if (value !== undefined) {\n      rules.type(rule, value, source, errors, options);\n      rules.range(rule, value, source, errors, options);\n    }\n  }\n\n  callback(errors);\n};\n\nvar _boolean = function _boolean(rule, value, callback, source, options) {\n  var errors = [];\n  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);\n\n  if (validate) {\n    if (isEmptyValue(value) && !rule.required) {\n      return callback();\n    }\n\n    rules.required(rule, value, source, errors, options);\n\n    if (value !== undefined) {\n      rules.type(rule, value, source, errors, options);\n    }\n  }\n\n  callback(errors);\n};\n\nvar regexp = function regexp(rule, value, callback, source, options) {\n  var errors = [];\n  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);\n\n  if (validate) {\n    if (isEmptyValue(value) && !rule.required) {\n      return callback();\n    }\n\n    rules.required(rule, value, source, errors, options);\n\n    if (!isEmptyValue(value)) {\n      rules.type(rule, value, source, errors, options);\n    }\n  }\n\n  callback(errors);\n};\n\nvar integer = function integer(rule, value, callback, source, options) {\n  var errors = [];\n  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);\n\n  if (validate) {\n    if (isEmptyValue(value) && !rule.required) {\n      return callback();\n    }\n\n    rules.required(rule, value, source, errors, options);\n\n    if (value !== undefined) {\n      rules.type(rule, value, source, errors, options);\n      rules.range(rule, value, source, errors, options);\n    }\n  }\n\n  callback(errors);\n};\n\nvar floatFn = function floatFn(rule, value, callback, source, options) {\n  var errors = [];\n  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);\n\n  if (validate) {\n    if (isEmptyValue(value) && !rule.required) {\n      return callback();\n    }\n\n    rules.required(rule, value, source, errors, options);\n\n    if (value !== undefined) {\n      rules.type(rule, value, source, errors, options);\n      rules.range(rule, value, source, errors, options);\n    }\n  }\n\n  callback(errors);\n};\n\nvar array = function array(rule, value, callback, source, options) {\n  var errors = [];\n  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);\n\n  if (validate) {\n    if ((value === undefined || value === null) && !rule.required) {\n      return callback();\n    }\n\n    rules.required(rule, value, source, errors, options, 'array');\n\n    if (value !== undefined && value !== null) {\n      rules.type(rule, value, source, errors, options);\n      rules.range(rule, value, source, errors, options);\n    }\n  }\n\n  callback(errors);\n};\n\nvar object = function object(rule, value, callback, source, options) {\n  var errors = [];\n  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);\n\n  if (validate) {\n    if (isEmptyValue(value) && !rule.required) {\n      return callback();\n    }\n\n    rules.required(rule, value, source, errors, options);\n\n    if (value !== undefined) {\n      rules.type(rule, value, source, errors, options);\n    }\n  }\n\n  callback(errors);\n};\n\nvar ENUM = 'enum';\n\nvar enumerable = function enumerable(rule, value, callback, source, options) {\n  var errors = [];\n  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);\n\n  if (validate) {\n    if (isEmptyValue(value) && !rule.required) {\n      return callback();\n    }\n\n    rules.required(rule, value, source, errors, options);\n\n    if (value !== undefined) {\n      rules[ENUM](rule, value, source, errors, options);\n    }\n  }\n\n  callback(errors);\n};\n\nvar pattern = function pattern(rule, value, callback, source, options) {\n  var errors = [];\n  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);\n\n  if (validate) {\n    if (isEmptyValue(value, 'string') && !rule.required) {\n      return callback();\n    }\n\n    rules.required(rule, value, source, errors, options);\n\n    if (!isEmptyValue(value, 'string')) {\n      rules.pattern(rule, value, source, errors, options);\n    }\n  }\n\n  callback(errors);\n};\n\nvar date = function date(rule, value, callback, source, options) {\n  // console.log('integer rule called %j', rule);\n  var errors = [];\n  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field); // console.log('validate on %s value', value);\n\n  if (validate) {\n    if (isEmptyValue(value, 'date') && !rule.required) {\n      return callback();\n    }\n\n    rules.required(rule, value, source, errors, options);\n\n    if (!isEmptyValue(value, 'date')) {\n      var dateObject;\n\n      if (value instanceof Date) {\n        dateObject = value;\n      } else {\n        dateObject = new Date(value);\n      }\n\n      rules.type(rule, dateObject, source, errors, options);\n\n      if (dateObject) {\n        rules.range(rule, dateObject.getTime(), source, errors, options);\n      }\n    }\n  }\n\n  callback(errors);\n};\n\nvar required = function required(rule, value, callback, source, options) {\n  var errors = [];\n  var type = Array.isArray(value) ? 'array' : typeof value;\n  rules.required(rule, value, source, errors, options, type);\n  callback(errors);\n};\n\nvar type = function type(rule, value, callback, source, options) {\n  var ruleType = rule.type;\n  var errors = [];\n  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);\n\n  if (validate) {\n    if (isEmptyValue(value, ruleType) && !rule.required) {\n      return callback();\n    }\n\n    rules.required(rule, value, source, errors, options, ruleType);\n\n    if (!isEmptyValue(value, ruleType)) {\n      rules.type(rule, value, source, errors, options);\n    }\n  }\n\n  callback(errors);\n};\n\nvar any = function any(rule, value, callback, source, options) {\n  var errors = [];\n  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);\n\n  if (validate) {\n    if (isEmptyValue(value) && !rule.required) {\n      return callback();\n    }\n\n    rules.required(rule, value, source, errors, options);\n  }\n\n  callback(errors);\n};\n\nvar validators = {\n  string: string,\n  method: method,\n  number: number,\n  \"boolean\": _boolean,\n  regexp: regexp,\n  integer: integer,\n  \"float\": floatFn,\n  array: array,\n  object: object,\n  \"enum\": enumerable,\n  pattern: pattern,\n  date: date,\n  url: type,\n  hex: type,\n  email: type,\n  required: required,\n  any: any\n};\n\nfunction newMessages() {\n  return {\n    \"default\": 'Validation error on field %s',\n    required: '%s is required',\n    \"enum\": '%s must be one of %s',\n    whitespace: '%s cannot be empty',\n    date: {\n      format: '%s date %s is invalid for format %s',\n      parse: '%s date could not be parsed, %s is invalid ',\n      invalid: '%s date %s is invalid'\n    },\n    types: {\n      string: '%s is not a %s',\n      method: '%s is not a %s (function)',\n      array: '%s is not an %s',\n      object: '%s is not an %s',\n      number: '%s is not a %s',\n      date: '%s is not a %s',\n      \"boolean\": '%s is not a %s',\n      integer: '%s is not an %s',\n      \"float\": '%s is not a %s',\n      regexp: '%s is not a valid %s',\n      email: '%s is not a valid %s',\n      url: '%s is not a valid %s',\n      hex: '%s is not a valid %s'\n    },\n    string: {\n      len: '%s must be exactly %s characters',\n      min: '%s must be at least %s characters',\n      max: '%s cannot be longer than %s characters',\n      range: '%s must be between %s and %s characters'\n    },\n    number: {\n      len: '%s must equal %s',\n      min: '%s cannot be less than %s',\n      max: '%s cannot be greater than %s',\n      range: '%s must be between %s and %s'\n    },\n    array: {\n      len: '%s must be exactly %s in length',\n      min: '%s cannot be less than %s in length',\n      max: '%s cannot be greater than %s in length',\n      range: '%s must be between %s and %s in length'\n    },\n    pattern: {\n      mismatch: '%s value %s does not match pattern %s'\n    },\n    clone: function clone() {\n      var cloned = JSON.parse(JSON.stringify(this));\n      cloned.clone = this.clone;\n      return cloned;\n    }\n  };\n}\nvar messages = newMessages();\n\n/**\n *  Encapsulates a validation schema.\n *\n *  @param descriptor An object declaring validation rules\n *  for this schema.\n */\n\nvar Schema = /*#__PURE__*/function () {\n  // ========================= Static =========================\n  // ======================== Instance ========================\n  function Schema(descriptor) {\n    this.rules = null;\n    this._messages = messages;\n    this.define(descriptor);\n  }\n\n  var _proto = Schema.prototype;\n\n  _proto.define = function define(rules) {\n    var _this = this;\n\n    if (!rules) {\n      throw new Error('Cannot configure a schema with no rules');\n    }\n\n    if (typeof rules !== 'object' || Array.isArray(rules)) {\n      throw new Error('Rules must be an object');\n    }\n\n    this.rules = {};\n    Object.keys(rules).forEach(function (name) {\n      var item = rules[name];\n      _this.rules[name] = Array.isArray(item) ? item : [item];\n    });\n  };\n\n  _proto.messages = function messages(_messages) {\n    if (_messages) {\n      this._messages = deepMerge(newMessages(), _messages);\n    }\n\n    return this._messages;\n  };\n\n  _proto.validate = function validate(source_, o, oc) {\n    var _this2 = this;\n\n    if (o === void 0) {\n      o = {};\n    }\n\n    if (oc === void 0) {\n      oc = function oc() {};\n    }\n\n    var source = source_;\n    var options = o;\n    var callback = oc;\n\n    if (typeof options === 'function') {\n      callback = options;\n      options = {};\n    }\n\n    if (!this.rules || Object.keys(this.rules).length === 0) {\n      if (callback) {\n        callback(null, source);\n      }\n\n      return Promise.resolve(source);\n    }\n\n    function complete(results) {\n      var errors = [];\n      var fields = {};\n\n      function add(e) {\n        if (Array.isArray(e)) {\n          var _errors;\n\n          errors = (_errors = errors).concat.apply(_errors, e);\n        } else {\n          errors.push(e);\n        }\n      }\n\n      for (var i = 0; i < results.length; i++) {\n        add(results[i]);\n      }\n\n      if (!errors.length) {\n        callback(null, source);\n      } else {\n        fields = convertFieldsError(errors);\n        callback(errors, fields);\n      }\n    }\n\n    if (options.messages) {\n      var messages$1 = this.messages();\n\n      if (messages$1 === messages) {\n        messages$1 = newMessages();\n      }\n\n      deepMerge(messages$1, options.messages);\n      options.messages = messages$1;\n    } else {\n      options.messages = this.messages();\n    }\n\n    var series = {};\n    var keys = options.keys || Object.keys(this.rules);\n    keys.forEach(function (z) {\n      var arr = _this2.rules[z];\n      var value = source[z];\n      arr.forEach(function (r) {\n        var rule = r;\n\n        if (typeof rule.transform === 'function') {\n          if (source === source_) {\n            source = _extends({}, source);\n          }\n\n          value = source[z] = rule.transform(value);\n        }\n\n        if (typeof rule === 'function') {\n          rule = {\n            validator: rule\n          };\n        } else {\n          rule = _extends({}, rule);\n        } // Fill validator. Skip if nothing need to validate\n\n\n        rule.validator = _this2.getValidationMethod(rule);\n\n        if (!rule.validator) {\n          return;\n        }\n\n        rule.field = z;\n        rule.fullField = rule.fullField || z;\n        rule.type = _this2.getType(rule);\n        series[z] = series[z] || [];\n        series[z].push({\n          rule: rule,\n          value: value,\n          source: source,\n          field: z\n        });\n      });\n    });\n    var errorFields = {};\n    return asyncMap(series, options, function (data, doIt) {\n      var rule = data.rule;\n      var deep = (rule.type === 'object' || rule.type === 'array') && (typeof rule.fields === 'object' || typeof rule.defaultField === 'object');\n      deep = deep && (rule.required || !rule.required && data.value);\n      rule.field = data.field;\n\n      function addFullField(key, schema) {\n        return _extends({}, schema, {\n          fullField: rule.fullField + \".\" + key,\n          fullFields: rule.fullFields ? [].concat(rule.fullFields, [key]) : [key]\n        });\n      }\n\n      function cb(e) {\n        if (e === void 0) {\n          e = [];\n        }\n\n        var errorList = Array.isArray(e) ? e : [e];\n\n        if (!options.suppressWarning && errorList.length) {\n          Schema.warning('async-validator:', errorList);\n        }\n\n        if (errorList.length && rule.message !== undefined) {\n          errorList = [].concat(rule.message);\n        } // Fill error info\n\n\n        var filledErrors = errorList.map(complementError(rule, source));\n\n        if (options.first && filledErrors.length) {\n          errorFields[rule.field] = 1;\n          return doIt(filledErrors);\n        }\n\n        if (!deep) {\n          doIt(filledErrors);\n        } else {\n          // if rule is required but the target object\n          // does not exist fail at the rule level and don't\n          // go deeper\n          if (rule.required && !data.value) {\n            if (rule.message !== undefined) {\n              filledErrors = [].concat(rule.message).map(complementError(rule, source));\n            } else if (options.error) {\n              filledErrors = [options.error(rule, format(options.messages.required, rule.field))];\n            }\n\n            return doIt(filledErrors);\n          }\n\n          var fieldsSchema = {};\n\n          if (rule.defaultField) {\n            Object.keys(data.value).map(function (key) {\n              fieldsSchema[key] = rule.defaultField;\n            });\n          }\n\n          fieldsSchema = _extends({}, fieldsSchema, data.rule.fields);\n          var paredFieldsSchema = {};\n          Object.keys(fieldsSchema).forEach(function (field) {\n            var fieldSchema = fieldsSchema[field];\n            var fieldSchemaList = Array.isArray(fieldSchema) ? fieldSchema : [fieldSchema];\n            paredFieldsSchema[field] = fieldSchemaList.map(addFullField.bind(null, field));\n          });\n          var schema = new Schema(paredFieldsSchema);\n          schema.messages(options.messages);\n\n          if (data.rule.options) {\n            data.rule.options.messages = options.messages;\n            data.rule.options.error = options.error;\n          }\n\n          schema.validate(data.value, data.rule.options || options, function (errs) {\n            var finalErrors = [];\n\n            if (filledErrors && filledErrors.length) {\n              finalErrors.push.apply(finalErrors, filledErrors);\n            }\n\n            if (errs && errs.length) {\n              finalErrors.push.apply(finalErrors, errs);\n            }\n\n            doIt(finalErrors.length ? finalErrors : null);\n          });\n        }\n      }\n\n      var res;\n\n      if (rule.asyncValidator) {\n        res = rule.asyncValidator(rule, data.value, cb, data.source, options);\n      } else if (rule.validator) {\n        try {\n          res = rule.validator(rule, data.value, cb, data.source, options);\n        } catch (error) {\n          console.error == null ? void 0 : console.error(error); // rethrow to report error\n\n          if (!options.suppressValidatorError) {\n            setTimeout(function () {\n              throw error;\n            }, 0);\n          }\n\n          cb(error.message);\n        }\n\n        if (res === true) {\n          cb();\n        } else if (res === false) {\n          cb(typeof rule.message === 'function' ? rule.message(rule.fullField || rule.field) : rule.message || (rule.fullField || rule.field) + \" fails\");\n        } else if (res instanceof Array) {\n          cb(res);\n        } else if (res instanceof Error) {\n          cb(res.message);\n        }\n      }\n\n      if (res && res.then) {\n        res.then(function () {\n          return cb();\n        }, function (e) {\n          return cb(e);\n        });\n      }\n    }, function (results) {\n      complete(results);\n    }, source);\n  };\n\n  _proto.getType = function getType(rule) {\n    if (rule.type === undefined && rule.pattern instanceof RegExp) {\n      rule.type = 'pattern';\n    }\n\n    if (typeof rule.validator !== 'function' && rule.type && !validators.hasOwnProperty(rule.type)) {\n      throw new Error(format('Unknown rule type %s', rule.type));\n    }\n\n    return rule.type || 'string';\n  };\n\n  _proto.getValidationMethod = function getValidationMethod(rule) {\n    if (typeof rule.validator === 'function') {\n      return rule.validator;\n    }\n\n    var keys = Object.keys(rule);\n    var messageIndex = keys.indexOf('message');\n\n    if (messageIndex !== -1) {\n      keys.splice(messageIndex, 1);\n    }\n\n    if (keys.length === 1 && keys[0] === 'required') {\n      return validators.required;\n    }\n\n    return validators[this.getType(rule)] || undefined;\n  };\n\n  return Schema;\n}();\n\nSchema.register = function register(type, validator) {\n  if (typeof validator !== 'function') {\n    throw new Error('Cannot register a validator by type, validator is not a function');\n  }\n\n  validators[type] = validator;\n};\n\nSchema.warning = warning;\nSchema.messages = messages;\nSchema.validators = validators;\n\nexport { Schema as default };\n//# sourceMappingURL=index.js.map\n","var typeTemplate = \"'${name}' is not a valid ${type}\";\nexport var defaultValidateMessages = {\n  default: \"Validation error on field '${name}'\",\n  required: \"'${name}' is required\",\n  enum: \"'${name}' must be one of [${enum}]\",\n  whitespace: \"'${name}' cannot be empty\",\n  date: {\n    format: \"'${name}' is invalid for format date\",\n    parse: \"'${name}' could not be parsed as date\",\n    invalid: \"'${name}' is invalid date\"\n  },\n  types: {\n    string: typeTemplate,\n    method: typeTemplate,\n    array: typeTemplate,\n    object: typeTemplate,\n    number: typeTemplate,\n    date: typeTemplate,\n    boolean: typeTemplate,\n    integer: typeTemplate,\n    float: typeTemplate,\n    regexp: typeTemplate,\n    email: typeTemplate,\n    url: typeTemplate,\n    hex: typeTemplate\n  },\n  string: {\n    len: \"'${name}' must be exactly ${len} characters\",\n    min: \"'${name}' must be at least ${min} characters\",\n    max: \"'${name}' cannot be longer than ${max} characters\",\n    range: \"'${name}' must be between ${min} and ${max} characters\"\n  },\n  number: {\n    len: \"'${name}' must equal ${len}\",\n    min: \"'${name}' cannot be less than ${min}\",\n    max: \"'${name}' cannot be greater than ${max}\",\n    range: \"'${name}' must be between ${min} and ${max}\"\n  },\n  array: {\n    len: \"'${name}' must be exactly ${len} in length\",\n    min: \"'${name}' cannot be less than ${min} in length\",\n    max: \"'${name}' cannot be greater than ${max} in length\",\n    range: \"'${name}' must be between ${min} and ${max} in length\"\n  },\n  pattern: {\n    mismatch: \"'${name}' does not match pattern ${pattern}\"\n  }\n};","import _typeof from \"@babel/runtime/helpers/esm/typeof\";\nfunction cloneDeep(val) {\n  if (Array.isArray(val)) {\n    return cloneArrayDeep(val);\n  } else if (_typeof(val) === 'object' && val !== null) {\n    return cloneObjectDeep(val);\n  }\n  return val;\n}\nfunction cloneObjectDeep(val) {\n  if (Object.getPrototypeOf(val) === Object.prototype) {\n    var res = {};\n    for (var key in val) {\n      res[key] = cloneDeep(val[key]);\n    }\n    return res;\n  }\n  return val;\n}\nfunction cloneArrayDeep(val) {\n  return val.map(function (item) {\n    return cloneDeep(item);\n  });\n}\nexport default cloneDeep;","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport get from \"rc-util/es/utils/get\";\nimport set from \"rc-util/es/utils/set\";\nimport { toArray } from './typeUtil';\nimport cloneDeep from '../utils/cloneDeep';\n/**\n * Convert name to internal supported format.\n * This function should keep since we still thinking if need support like `a.b.c` format.\n * 'a' => ['a']\n * 123 => [123]\n * ['a', 123] => ['a', 123]\n */\nexport function getNamePath(path) {\n  return toArray(path);\n}\nexport function getValue(store, namePath) {\n  var value = get(store, namePath);\n  return value;\n}\nexport function setValue(store, namePath, value) {\n  var removeIfUndefined = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;\n  var newStore = set(store, namePath, value, removeIfUndefined);\n  return newStore;\n}\nexport function cloneByNamePathList(store, namePathList) {\n  var newStore = {};\n  namePathList.forEach(function (namePath) {\n    var value = getValue(store, namePath);\n    newStore = setValue(newStore, namePath, value);\n  });\n  return newStore;\n}\nexport function containsNamePath(namePathList, namePath) {\n  return namePathList && namePathList.some(function (path) {\n    return matchNamePath(path, namePath);\n  });\n}\nfunction isObject(obj) {\n  return _typeof(obj) === 'object' && obj !== null && Object.getPrototypeOf(obj) === Object.prototype;\n}\n/**\n * Copy values into store and return a new values object\n * ({ a: 1, b: { c: 2 } }, { a: 4, b: { d: 5 } }) => { a: 4, b: { c: 2, d: 5 } }\n */\nfunction internalSetValues(store, values) {\n  var newStore = Array.isArray(store) ? _toConsumableArray(store) : _objectSpread({}, store);\n  if (!values) {\n    return newStore;\n  }\n  Object.keys(values).forEach(function (key) {\n    var prevValue = newStore[key];\n    var value = values[key];\n    // If both are object (but target is not array), we use recursion to set deep value\n    var recursive = isObject(prevValue) && isObject(value);\n    newStore[key] = recursive ? internalSetValues(prevValue, value || {}) : cloneDeep(value); // Clone deep for arrays\n  });\n\n  return newStore;\n}\nexport function setValues(store) {\n  for (var _len = arguments.length, restValues = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n    restValues[_key - 1] = arguments[_key];\n  }\n  return restValues.reduce(function (current, newStore) {\n    return internalSetValues(current, newStore);\n  }, store);\n}\nexport function matchNamePath(namePath, changedNamePath) {\n  if (!namePath || !changedNamePath || namePath.length !== changedNamePath.length) {\n    return false;\n  }\n  return namePath.every(function (nameUnit, i) {\n    return changedNamePath[i] === nameUnit;\n  });\n}\nexport function isSimilar(source, target) {\n  if (source === target) {\n    return true;\n  }\n  if (!source && target || source && !target) {\n    return false;\n  }\n  if (!source || !target || _typeof(source) !== 'object' || _typeof(target) !== 'object') {\n    return false;\n  }\n  var sourceKeys = Object.keys(source);\n  var targetKeys = Object.keys(target);\n  var keys = new Set([].concat(sourceKeys, targetKeys));\n  return _toConsumableArray(keys).every(function (key) {\n    var sourceValue = source[key];\n    var targetValue = target[key];\n    if (typeof sourceValue === 'function' && typeof targetValue === 'function') {\n      return true;\n    }\n    return sourceValue === targetValue;\n  });\n}\nexport function defaultGetValueFromEvent(valuePropName) {\n  var event = arguments.length <= 1 ? undefined : arguments[1];\n  if (event && event.target && _typeof(event.target) === 'object' && valuePropName in event.target) {\n    return event.target[valuePropName];\n  }\n  return event;\n}\n/**\n * Moves an array item from one position in an array to another.\n *\n * Note: This is a pure function so a new array will be returned, instead\n * of altering the array argument.\n *\n * @param array         Array in which to move an item.         (required)\n * @param moveIndex     The index of the item to move.          (required)\n * @param toIndex       The index to move item at moveIndex to. (required)\n */\nexport function move(array, moveIndex, toIndex) {\n  var length = array.length;\n  if (moveIndex < 0 || moveIndex >= length || toIndex < 0 || toIndex >= length) {\n    return array;\n  }\n  var item = array[moveIndex];\n  var diff = moveIndex - toIndex;\n  if (diff > 0) {\n    // move left\n    return [].concat(_toConsumableArray(array.slice(0, toIndex)), [item], _toConsumableArray(array.slice(toIndex, moveIndex)), _toConsumableArray(array.slice(moveIndex + 1, length)));\n  }\n  if (diff < 0) {\n    // move right\n    return [].concat(_toConsumableArray(array.slice(0, moveIndex)), _toConsumableArray(array.slice(moveIndex + 1, toIndex + 1)), [item], _toConsumableArray(array.slice(toIndex + 1, length)));\n  }\n  return array;\n}","import _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _regeneratorRuntime from \"@babel/runtime/helpers/esm/regeneratorRuntime\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _asyncToGenerator from \"@babel/runtime/helpers/esm/asyncToGenerator\";\nimport RawAsyncValidator from 'async-validator';\nimport * as React from 'react';\nimport warning from \"rc-util/es/warning\";\nimport { defaultValidateMessages } from './messages';\nimport { setValues } from './valueUtil';\n// Remove incorrect original ts define\nvar AsyncValidator = RawAsyncValidator;\n/**\n * Replace with template.\n *   `I'm ${name}` + { name: 'bamboo' } = I'm bamboo\n */\nfunction replaceMessage(template, kv) {\n  return template.replace(/\\$\\{\\w+\\}/g, function (str) {\n    var key = str.slice(2, -1);\n    return kv[key];\n  });\n}\nvar CODE_LOGIC_ERROR = 'CODE_LOGIC_ERROR';\nfunction validateRule(_x, _x2, _x3, _x4, _x5) {\n  return _validateRule.apply(this, arguments);\n}\n/**\n * We use `async-validator` to validate the value.\n * But only check one value in a time to avoid namePath validate issue.\n */\nfunction _validateRule() {\n  _validateRule = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(name, value, rule, options, messageVariables) {\n    var cloneRule, originValidator, subRuleField, validator, messages, result, subResults, kv, fillVariableResult;\n    return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n      while (1) switch (_context2.prev = _context2.next) {\n        case 0:\n          cloneRule = _objectSpread({}, rule); // Bug of `async-validator`\n          // https://github.com/react-component/field-form/issues/316\n          // https://github.com/react-component/field-form/issues/313\n          delete cloneRule.ruleIndex;\n          if (cloneRule.validator) {\n            originValidator = cloneRule.validator;\n            cloneRule.validator = function () {\n              try {\n                return originValidator.apply(void 0, arguments);\n              } catch (error) {\n                console.error(error);\n                return Promise.reject(CODE_LOGIC_ERROR);\n              }\n            };\n          }\n          // We should special handle array validate\n          subRuleField = null;\n          if (cloneRule && cloneRule.type === 'array' && cloneRule.defaultField) {\n            subRuleField = cloneRule.defaultField;\n            delete cloneRule.defaultField;\n          }\n          validator = new AsyncValidator(_defineProperty({}, name, [cloneRule]));\n          messages = setValues({}, defaultValidateMessages, options.validateMessages);\n          validator.messages(messages);\n          result = [];\n          _context2.prev = 9;\n          _context2.next = 12;\n          return Promise.resolve(validator.validate(_defineProperty({}, name, value), _objectSpread({}, options)));\n        case 12:\n          _context2.next = 17;\n          break;\n        case 14:\n          _context2.prev = 14;\n          _context2.t0 = _context2[\"catch\"](9);\n          if (_context2.t0.errors) {\n            result = _context2.t0.errors.map(function (_ref4, index) {\n              var message = _ref4.message;\n              var mergedMessage = message === CODE_LOGIC_ERROR ? messages.default : message;\n              return /*#__PURE__*/React.isValidElement(mergedMessage) ?\n              /*#__PURE__*/\n              // Wrap ReactNode with `key`\n              React.cloneElement(mergedMessage, {\n                key: \"error_\".concat(index)\n              }) : mergedMessage;\n            });\n          }\n        case 17:\n          if (!(!result.length && subRuleField)) {\n            _context2.next = 22;\n            break;\n          }\n          _context2.next = 20;\n          return Promise.all(value.map(function (subValue, i) {\n            return validateRule(\"\".concat(name, \".\").concat(i), subValue, subRuleField, options, messageVariables);\n          }));\n        case 20:\n          subResults = _context2.sent;\n          return _context2.abrupt(\"return\", subResults.reduce(function (prev, errors) {\n            return [].concat(_toConsumableArray(prev), _toConsumableArray(errors));\n          }, []));\n        case 22:\n          // Replace message with variables\n          kv = _objectSpread(_objectSpread({}, rule), {}, {\n            name: name,\n            enum: (rule.enum || []).join(', ')\n          }, messageVariables);\n          fillVariableResult = result.map(function (error) {\n            if (typeof error === 'string') {\n              return replaceMessage(error, kv);\n            }\n            return error;\n          });\n          return _context2.abrupt(\"return\", fillVariableResult);\n        case 25:\n        case \"end\":\n          return _context2.stop();\n      }\n    }, _callee2, null, [[9, 14]]);\n  }));\n  return _validateRule.apply(this, arguments);\n}\nexport function validateRules(namePath, value, rules, options, validateFirst, messageVariables) {\n  var name = namePath.join('.');\n  // Fill rule with context\n  var filledRules = rules.map(function (currentRule, ruleIndex) {\n    var originValidatorFunc = currentRule.validator;\n    var cloneRule = _objectSpread(_objectSpread({}, currentRule), {}, {\n      ruleIndex: ruleIndex\n    });\n    // Replace validator if needed\n    if (originValidatorFunc) {\n      cloneRule.validator = function (rule, val, callback) {\n        var hasPromise = false;\n        // Wrap callback only accept when promise not provided\n        var wrappedCallback = function wrappedCallback() {\n          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n            args[_key] = arguments[_key];\n          }\n          // Wait a tick to make sure return type is a promise\n          Promise.resolve().then(function () {\n            warning(!hasPromise, 'Your validator function has already return a promise. `callback` will be ignored.');\n            if (!hasPromise) {\n              callback.apply(void 0, args);\n            }\n          });\n        };\n        // Get promise\n        var promise = originValidatorFunc(rule, val, wrappedCallback);\n        hasPromise = promise && typeof promise.then === 'function' && typeof promise.catch === 'function';\n        /**\n         * 1. Use promise as the first priority.\n         * 2. If promise not exist, use callback with warning instead\n         */\n        warning(hasPromise, '`callback` is deprecated. Please return a promise instead.');\n        if (hasPromise) {\n          promise.then(function () {\n            callback();\n          }).catch(function (err) {\n            callback(err || ' ');\n          });\n        }\n      };\n    }\n    return cloneRule;\n  }).sort(function (_ref, _ref2) {\n    var w1 = _ref.warningOnly,\n      i1 = _ref.ruleIndex;\n    var w2 = _ref2.warningOnly,\n      i2 = _ref2.ruleIndex;\n    if (!!w1 === !!w2) {\n      // Let keep origin order\n      return i1 - i2;\n    }\n    if (w1) {\n      return 1;\n    }\n    return -1;\n  });\n  // Do validate rules\n  var summaryPromise;\n  if (validateFirst === true) {\n    // >>>>> Validate by serialization\n    summaryPromise = new Promise( /*#__PURE__*/function () {\n      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(resolve, reject) {\n        var i, rule, errors;\n        return _regeneratorRuntime().wrap(function _callee$(_context) {\n          while (1) switch (_context.prev = _context.next) {\n            case 0:\n              i = 0;\n            case 1:\n              if (!(i < filledRules.length)) {\n                _context.next = 12;\n                break;\n              }\n              rule = filledRules[i];\n              _context.next = 5;\n              return validateRule(name, value, rule, options, messageVariables);\n            case 5:\n              errors = _context.sent;\n              if (!errors.length) {\n                _context.next = 9;\n                break;\n              }\n              reject([{\n                errors: errors,\n                rule: rule\n              }]);\n              return _context.abrupt(\"return\");\n            case 9:\n              i += 1;\n              _context.next = 1;\n              break;\n            case 12:\n              /* eslint-enable */\n              resolve([]);\n            case 13:\n            case \"end\":\n              return _context.stop();\n          }\n        }, _callee);\n      }));\n      return function (_x6, _x7) {\n        return _ref3.apply(this, arguments);\n      };\n    }());\n  } else {\n    // >>>>> Validate by parallel\n    var rulePromises = filledRules.map(function (rule) {\n      return validateRule(name, value, rule, options, messageVariables).then(function (errors) {\n        return {\n          errors: errors,\n          rule: rule\n        };\n      });\n    });\n    summaryPromise = (validateFirst ? finishOnFirstFailed(rulePromises) : finishOnAllFailed(rulePromises)).then(function (errors) {\n      // Always change to rejection for Field to catch\n      return Promise.reject(errors);\n    });\n  }\n  // Internal catch error to avoid console error log.\n  summaryPromise.catch(function (e) {\n    return e;\n  });\n  return summaryPromise;\n}\nfunction finishOnAllFailed(_x8) {\n  return _finishOnAllFailed.apply(this, arguments);\n}\nfunction _finishOnAllFailed() {\n  _finishOnAllFailed = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(rulePromises) {\n    return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n      while (1) switch (_context3.prev = _context3.next) {\n        case 0:\n          return _context3.abrupt(\"return\", Promise.all(rulePromises).then(function (errorsList) {\n            var _ref5;\n            var errors = (_ref5 = []).concat.apply(_ref5, _toConsumableArray(errorsList));\n            return errors;\n          }));\n        case 1:\n        case \"end\":\n          return _context3.stop();\n      }\n    }, _callee3);\n  }));\n  return _finishOnAllFailed.apply(this, arguments);\n}\nfunction finishOnFirstFailed(_x9) {\n  return _finishOnFirstFailed.apply(this, arguments);\n}\nfunction _finishOnFirstFailed() {\n  _finishOnFirstFailed = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(rulePromises) {\n    var count;\n    return _regeneratorRuntime().wrap(function _callee4$(_context4) {\n      while (1) switch (_context4.prev = _context4.next) {\n        case 0:\n          count = 0;\n          return _context4.abrupt(\"return\", new Promise(function (resolve) {\n            rulePromises.forEach(function (promise) {\n              promise.then(function (ruleError) {\n                if (ruleError.errors.length) {\n                  resolve([ruleError]);\n                }\n                count += 1;\n                if (count === rulePromises.length) {\n                  resolve([]);\n                }\n              });\n            });\n          }));\n        case 2:\n        case \"end\":\n          return _context4.stop();\n      }\n    }, _callee4);\n  }));\n  return _finishOnFirstFailed.apply(this, arguments);\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/esm/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nimport _createSuper from \"@babel/runtime/helpers/esm/createSuper\";\nvar _excluded = [\"name\"];\nimport toChildrenArray from \"rc-util/es/Children/toArray\";\nimport warning from \"rc-util/es/warning\";\nimport * as React from 'react';\nimport FieldContext, { HOOK_MARK } from './FieldContext';\nimport { toArray } from './utils/typeUtil';\nimport { validateRules } from './utils/validateUtil';\nimport { containsNamePath, defaultGetValueFromEvent, getNamePath, getValue } from './utils/valueUtil';\nvar EMPTY_ERRORS = [];\nfunction requireUpdate(shouldUpdate, prev, next, prevValue, nextValue, info) {\n  if (typeof shouldUpdate === 'function') {\n    return shouldUpdate(prev, next, 'source' in info ? {\n      source: info.source\n    } : {});\n  }\n  return prevValue !== nextValue;\n}\n// We use Class instead of Hooks here since it will cost much code by using Hooks.\nvar Field = /*#__PURE__*/function (_React$Component) {\n  _inherits(Field, _React$Component);\n  var _super = _createSuper(Field);\n  /**\n   * Follow state should not management in State since it will async update by React.\n   * This makes first render of form can not get correct state value.\n   */\n\n  /**\n   * Mark when touched & validated. Currently only used for `dependencies`.\n   * Note that we do not think field with `initialValue` is dirty\n   * but this will be by `isFieldDirty` func.\n   */\n\n  // ============================== Subscriptions ==============================\n  function Field(props) {\n    var _this;\n    _classCallCheck(this, Field);\n    _this = _super.call(this, props);\n    // Register on init\n    _this.state = {\n      resetCount: 0\n    };\n    _this.cancelRegisterFunc = null;\n    _this.mounted = false;\n    _this.touched = false;\n    _this.dirty = false;\n    _this.validatePromise = null;\n    _this.prevValidating = void 0;\n    _this.errors = EMPTY_ERRORS;\n    _this.warnings = EMPTY_ERRORS;\n    _this.cancelRegister = function () {\n      var _this$props = _this.props,\n        preserve = _this$props.preserve,\n        isListField = _this$props.isListField,\n        name = _this$props.name;\n      if (_this.cancelRegisterFunc) {\n        _this.cancelRegisterFunc(isListField, preserve, getNamePath(name));\n      }\n      _this.cancelRegisterFunc = null;\n    };\n    _this.getNamePath = function () {\n      var _this$props2 = _this.props,\n        name = _this$props2.name,\n        fieldContext = _this$props2.fieldContext;\n      var _fieldContext$prefixN = fieldContext.prefixName,\n        prefixName = _fieldContext$prefixN === void 0 ? [] : _fieldContext$prefixN;\n      return name !== undefined ? [].concat(_toConsumableArray(prefixName), _toConsumableArray(name)) : [];\n    };\n    _this.getRules = function () {\n      var _this$props3 = _this.props,\n        _this$props3$rules = _this$props3.rules,\n        rules = _this$props3$rules === void 0 ? [] : _this$props3$rules,\n        fieldContext = _this$props3.fieldContext;\n      return rules.map(function (rule) {\n        if (typeof rule === 'function') {\n          return rule(fieldContext);\n        }\n        return rule;\n      });\n    };\n    _this.refresh = function () {\n      if (!_this.mounted) return;\n      /**\n       * Clean up current node.\n       */\n      _this.setState(function (_ref) {\n        var resetCount = _ref.resetCount;\n        return {\n          resetCount: resetCount + 1\n        };\n      });\n    };\n    _this.triggerMetaEvent = function (destroy) {\n      var onMetaChange = _this.props.onMetaChange;\n      onMetaChange === null || onMetaChange === void 0 ? void 0 : onMetaChange(_objectSpread(_objectSpread({}, _this.getMeta()), {}, {\n        destroy: destroy\n      }));\n    };\n    _this.onStoreChange = function (prevStore, namePathList, info) {\n      var _this$props4 = _this.props,\n        shouldUpdate = _this$props4.shouldUpdate,\n        _this$props4$dependen = _this$props4.dependencies,\n        dependencies = _this$props4$dependen === void 0 ? [] : _this$props4$dependen,\n        onReset = _this$props4.onReset;\n      var store = info.store;\n      var namePath = _this.getNamePath();\n      var prevValue = _this.getValue(prevStore);\n      var curValue = _this.getValue(store);\n      var namePathMatch = namePathList && containsNamePath(namePathList, namePath);\n      // `setFieldsValue` is a quick access to update related status\n      if (info.type === 'valueUpdate' && info.source === 'external' && prevValue !== curValue) {\n        _this.touched = true;\n        _this.dirty = true;\n        _this.validatePromise = null;\n        _this.errors = EMPTY_ERRORS;\n        _this.warnings = EMPTY_ERRORS;\n        _this.triggerMetaEvent();\n      }\n      switch (info.type) {\n        case 'reset':\n          if (!namePathList || namePathMatch) {\n            // Clean up state\n            _this.touched = false;\n            _this.dirty = false;\n            _this.validatePromise = null;\n            _this.errors = EMPTY_ERRORS;\n            _this.warnings = EMPTY_ERRORS;\n            _this.triggerMetaEvent();\n            onReset === null || onReset === void 0 ? void 0 : onReset();\n            _this.refresh();\n            return;\n          }\n          break;\n        /**\n         * In case field with `preserve = false` nest deps like:\n         * - A = 1 => show B\n         * - B = 1 => show C\n         * - Reset A, need clean B, C\n         */\n        case 'remove':\n          {\n            if (shouldUpdate) {\n              _this.reRender();\n              return;\n            }\n            break;\n          }\n        case 'setField':\n          {\n            if (namePathMatch) {\n              var data = info.data;\n              if ('touched' in data) {\n                _this.touched = data.touched;\n              }\n              if ('validating' in data && !('originRCField' in data)) {\n                _this.validatePromise = data.validating ? Promise.resolve([]) : null;\n              }\n              if ('errors' in data) {\n                _this.errors = data.errors || EMPTY_ERRORS;\n              }\n              if ('warnings' in data) {\n                _this.warnings = data.warnings || EMPTY_ERRORS;\n              }\n              _this.dirty = true;\n              _this.triggerMetaEvent();\n              _this.reRender();\n              return;\n            }\n            // Handle update by `setField` with `shouldUpdate`\n            if (shouldUpdate && !namePath.length && requireUpdate(shouldUpdate, prevStore, store, prevValue, curValue, info)) {\n              _this.reRender();\n              return;\n            }\n            break;\n          }\n        case 'dependenciesUpdate':\n          {\n            /**\n             * Trigger when marked `dependencies` updated. Related fields will all update\n             */\n            var dependencyList = dependencies.map(getNamePath);\n            // No need for `namePathMath` check and `shouldUpdate` check, since `valueUpdate` will be\n            // emitted earlier and they will work there\n            // If set it may cause unnecessary twice rerendering\n            if (dependencyList.some(function (dependency) {\n              return containsNamePath(info.relatedFields, dependency);\n            })) {\n              _this.reRender();\n              return;\n            }\n            break;\n          }\n        default:\n          // 1. If `namePath` exists in `namePathList`, means it's related value and should update\n          //      For example <List name=\"list\"><Field name={['list', 0]}></List>\n          //      If `namePathList` is [['list']] (List value update), Field should be updated\n          //      If `namePathList` is [['list', 0]] (Field value update), List shouldn't be updated\n          // 2.\n          //   2.1 If `dependencies` is set, `name` is not set and `shouldUpdate` is not set,\n          //       don't use `shouldUpdate`. `dependencies` is view as a shortcut if `shouldUpdate`\n          //       is not provided\n          //   2.2 If `shouldUpdate` provided, use customize logic to update the field\n          //       else to check if value changed\n          if (namePathMatch || (!dependencies.length || namePath.length || shouldUpdate) && requireUpdate(shouldUpdate, prevStore, store, prevValue, curValue, info)) {\n            _this.reRender();\n            return;\n          }\n          break;\n      }\n      if (shouldUpdate === true) {\n        _this.reRender();\n      }\n    };\n    _this.validateRules = function (options) {\n      // We should fixed namePath & value to avoid developer change then by form function\n      var namePath = _this.getNamePath();\n      var currentValue = _this.getValue();\n      // Force change to async to avoid rule OOD under renderProps field\n      var rootPromise = Promise.resolve().then(function () {\n        if (!_this.mounted) {\n          return [];\n        }\n        var _this$props5 = _this.props,\n          _this$props5$validate = _this$props5.validateFirst,\n          validateFirst = _this$props5$validate === void 0 ? false : _this$props5$validate,\n          messageVariables = _this$props5.messageVariables;\n        var _ref2 = options || {},\n          triggerName = _ref2.triggerName;\n        var filteredRules = _this.getRules();\n        if (triggerName) {\n          filteredRules = filteredRules.filter(function (rule) {\n            return rule;\n          }).filter(function (rule) {\n            var validateTrigger = rule.validateTrigger;\n            if (!validateTrigger) {\n              return true;\n            }\n            var triggerList = toArray(validateTrigger);\n            return triggerList.includes(triggerName);\n          });\n        }\n        var promise = validateRules(namePath, currentValue, filteredRules, options, validateFirst, messageVariables);\n        promise.catch(function (e) {\n          return e;\n        }).then(function () {\n          var ruleErrors = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : EMPTY_ERRORS;\n          if (_this.validatePromise === rootPromise) {\n            var _ruleErrors$forEach;\n            _this.validatePromise = null;\n            // Get errors & warnings\n            var nextErrors = [];\n            var nextWarnings = [];\n            (_ruleErrors$forEach = ruleErrors.forEach) === null || _ruleErrors$forEach === void 0 ? void 0 : _ruleErrors$forEach.call(ruleErrors, function (_ref3) {\n              var warningOnly = _ref3.rule.warningOnly,\n                _ref3$errors = _ref3.errors,\n                errors = _ref3$errors === void 0 ? EMPTY_ERRORS : _ref3$errors;\n              if (warningOnly) {\n                nextWarnings.push.apply(nextWarnings, _toConsumableArray(errors));\n              } else {\n                nextErrors.push.apply(nextErrors, _toConsumableArray(errors));\n              }\n            });\n            _this.errors = nextErrors;\n            _this.warnings = nextWarnings;\n            _this.triggerMetaEvent();\n            _this.reRender();\n          }\n        });\n        return promise;\n      });\n      _this.validatePromise = rootPromise;\n      _this.dirty = true;\n      _this.errors = EMPTY_ERRORS;\n      _this.warnings = EMPTY_ERRORS;\n      _this.triggerMetaEvent();\n      // Force trigger re-render since we need sync renderProps with new meta\n      _this.reRender();\n      return rootPromise;\n    };\n    _this.isFieldValidating = function () {\n      return !!_this.validatePromise;\n    };\n    _this.isFieldTouched = function () {\n      return _this.touched;\n    };\n    _this.isFieldDirty = function () {\n      // Touched or validate or has initialValue\n      if (_this.dirty || _this.props.initialValue !== undefined) {\n        return true;\n      }\n      // Form set initialValue\n      var fieldContext = _this.props.fieldContext;\n      var _fieldContext$getInte = fieldContext.getInternalHooks(HOOK_MARK),\n        getInitialValue = _fieldContext$getInte.getInitialValue;\n      if (getInitialValue(_this.getNamePath()) !== undefined) {\n        return true;\n      }\n      return false;\n    };\n    _this.getErrors = function () {\n      return _this.errors;\n    };\n    _this.getWarnings = function () {\n      return _this.warnings;\n    };\n    _this.isListField = function () {\n      return _this.props.isListField;\n    };\n    _this.isList = function () {\n      return _this.props.isList;\n    };\n    _this.isPreserve = function () {\n      return _this.props.preserve;\n    };\n    _this.getMeta = function () {\n      // Make error & validating in cache to save perf\n      _this.prevValidating = _this.isFieldValidating();\n      var meta = {\n        touched: _this.isFieldTouched(),\n        validating: _this.prevValidating,\n        errors: _this.errors,\n        warnings: _this.warnings,\n        name: _this.getNamePath()\n      };\n      return meta;\n    };\n    _this.getOnlyChild = function (children) {\n      // Support render props\n      if (typeof children === 'function') {\n        var meta = _this.getMeta();\n        return _objectSpread(_objectSpread({}, _this.getOnlyChild(children(_this.getControlled(), meta, _this.props.fieldContext))), {}, {\n          isFunction: true\n        });\n      }\n      // Filed element only\n      var childList = toChildrenArray(children);\n      if (childList.length !== 1 || ! /*#__PURE__*/React.isValidElement(childList[0])) {\n        return {\n          child: childList,\n          isFunction: false\n        };\n      }\n      return {\n        child: childList[0],\n        isFunction: false\n      };\n    };\n    _this.getValue = function (store) {\n      var getFieldsValue = _this.props.fieldContext.getFieldsValue;\n      var namePath = _this.getNamePath();\n      return getValue(store || getFieldsValue(true), namePath);\n    };\n    _this.getControlled = function () {\n      var childProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n      var _this$props6 = _this.props,\n        trigger = _this$props6.trigger,\n        validateTrigger = _this$props6.validateTrigger,\n        getValueFromEvent = _this$props6.getValueFromEvent,\n        normalize = _this$props6.normalize,\n        valuePropName = _this$props6.valuePropName,\n        getValueProps = _this$props6.getValueProps,\n        fieldContext = _this$props6.fieldContext;\n      var mergedValidateTrigger = validateTrigger !== undefined ? validateTrigger : fieldContext.validateTrigger;\n      var namePath = _this.getNamePath();\n      var getInternalHooks = fieldContext.getInternalHooks,\n        getFieldsValue = fieldContext.getFieldsValue;\n      var _getInternalHooks = getInternalHooks(HOOK_MARK),\n        dispatch = _getInternalHooks.dispatch;\n      var value = _this.getValue();\n      var mergedGetValueProps = getValueProps || function (val) {\n        return _defineProperty({}, valuePropName, val);\n      };\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      var originTriggerFunc = childProps[trigger];\n      var control = _objectSpread(_objectSpread({}, childProps), mergedGetValueProps(value));\n      // Add trigger\n      control[trigger] = function () {\n        // Mark as touched\n        _this.touched = true;\n        _this.dirty = true;\n        _this.triggerMetaEvent();\n        var newValue;\n        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n          args[_key] = arguments[_key];\n        }\n        if (getValueFromEvent) {\n          newValue = getValueFromEvent.apply(void 0, args);\n        } else {\n          newValue = defaultGetValueFromEvent.apply(void 0, [valuePropName].concat(args));\n        }\n        if (normalize) {\n          newValue = normalize(newValue, value, getFieldsValue(true));\n        }\n        dispatch({\n          type: 'updateValue',\n          namePath: namePath,\n          value: newValue\n        });\n        if (originTriggerFunc) {\n          originTriggerFunc.apply(void 0, args);\n        }\n      };\n      // Add validateTrigger\n      var validateTriggerList = toArray(mergedValidateTrigger || []);\n      validateTriggerList.forEach(function (triggerName) {\n        // Wrap additional function of component, so that we can get latest value from store\n        var originTrigger = control[triggerName];\n        control[triggerName] = function () {\n          if (originTrigger) {\n            originTrigger.apply(void 0, arguments);\n          }\n          // Always use latest rules\n          var rules = _this.props.rules;\n          if (rules && rules.length) {\n            // We dispatch validate to root,\n            // since it will update related data with other field with same name\n            dispatch({\n              type: 'validateField',\n              namePath: namePath,\n              triggerName: triggerName\n            });\n          }\n        };\n      });\n      return control;\n    };\n    if (props.fieldContext) {\n      var getInternalHooks = props.fieldContext.getInternalHooks;\n      var _getInternalHooks2 = getInternalHooks(HOOK_MARK),\n        initEntityValue = _getInternalHooks2.initEntityValue;\n      initEntityValue(_assertThisInitialized(_this));\n    }\n    return _this;\n  }\n  _createClass(Field, [{\n    key: \"componentDidMount\",\n    value: function componentDidMount() {\n      var _this$props7 = this.props,\n        shouldUpdate = _this$props7.shouldUpdate,\n        fieldContext = _this$props7.fieldContext;\n      this.mounted = true;\n      // Register on init\n      if (fieldContext) {\n        var getInternalHooks = fieldContext.getInternalHooks;\n        var _getInternalHooks3 = getInternalHooks(HOOK_MARK),\n          registerField = _getInternalHooks3.registerField;\n        this.cancelRegisterFunc = registerField(this);\n      }\n      // One more render for component in case fields not ready\n      if (shouldUpdate === true) {\n        this.reRender();\n      }\n    }\n  }, {\n    key: \"componentWillUnmount\",\n    value: function componentWillUnmount() {\n      this.cancelRegister();\n      this.triggerMetaEvent(true);\n      this.mounted = false;\n    }\n  }, {\n    key: \"reRender\",\n    value: function reRender() {\n      if (!this.mounted) return;\n      this.forceUpdate();\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      var resetCount = this.state.resetCount;\n      var children = this.props.children;\n      var _this$getOnlyChild = this.getOnlyChild(children),\n        child = _this$getOnlyChild.child,\n        isFunction = _this$getOnlyChild.isFunction;\n      // Not need to `cloneElement` since user can handle this in render function self\n      var returnChildNode;\n      if (isFunction) {\n        returnChildNode = child;\n      } else if ( /*#__PURE__*/React.isValidElement(child)) {\n        returnChildNode = /*#__PURE__*/React.cloneElement(child, this.getControlled(child.props));\n      } else {\n        warning(!child, '`children` of Field is not validate ReactElement.');\n        returnChildNode = child;\n      }\n      return /*#__PURE__*/React.createElement(React.Fragment, {\n        key: resetCount\n      }, returnChildNode);\n    }\n  }]);\n  return Field;\n}(React.Component);\nField.contextType = FieldContext;\nField.defaultProps = {\n  trigger: 'onChange',\n  valuePropName: 'value'\n};\nfunction WrapperField(_ref5) {\n  var name = _ref5.name,\n    restProps = _objectWithoutProperties(_ref5, _excluded);\n  var fieldContext = React.useContext(FieldContext);\n  var namePath = name !== undefined ? getNamePath(name) : undefined;\n  var key = 'keep';\n  if (!restProps.isListField) {\n    key = \"_\".concat((namePath || []).join('_'));\n  }\n  // Warning if it's a directly list field.\n  // We can still support multiple level field preserve.\n  if (process.env.NODE_ENV !== 'production' && restProps.preserve === false && restProps.isListField && namePath.length <= 1) {\n    warning(false, '`preserve` should not apply on Form.List fields.');\n  }\n  return /*#__PURE__*/React.createElement(Field, _extends({\n    key: key,\n    name: namePath\n  }, restProps, {\n    fieldContext: fieldContext\n  }));\n}\nexport default WrapperField;","import * as React from 'react';\nvar ListContext = /*#__PURE__*/React.createContext(null);\nexport default ListContext;","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport * as React from 'react';\nimport warning from \"rc-util/es/warning\";\nimport FieldContext from './FieldContext';\nimport Field from './Field';\nimport { move as _move, getNamePath } from './utils/valueUtil';\nimport ListContext from './ListContext';\nvar List = function List(_ref) {\n  var name = _ref.name,\n    initialValue = _ref.initialValue,\n    children = _ref.children,\n    rules = _ref.rules,\n    validateTrigger = _ref.validateTrigger;\n  var context = React.useContext(FieldContext);\n  var keyRef = React.useRef({\n    keys: [],\n    id: 0\n  });\n  var keyManager = keyRef.current;\n  var prefixName = React.useMemo(function () {\n    var parentPrefixName = getNamePath(context.prefixName) || [];\n    return [].concat(_toConsumableArray(parentPrefixName), _toConsumableArray(getNamePath(name)));\n  }, [context.prefixName, name]);\n  var fieldContext = React.useMemo(function () {\n    return _objectSpread(_objectSpread({}, context), {}, {\n      prefixName: prefixName\n    });\n  }, [context, prefixName]);\n  // List context\n  var listContext = React.useMemo(function () {\n    return {\n      getKey: function getKey(namePath) {\n        var len = prefixName.length;\n        var pathName = namePath[len];\n        return [keyManager.keys[pathName], namePath.slice(len + 1)];\n      }\n    };\n  }, [prefixName]);\n  // User should not pass `children` as other type.\n  if (typeof children !== 'function') {\n    warning(false, 'Form.List only accepts function as children.');\n    return null;\n  }\n  var shouldUpdate = function shouldUpdate(prevValue, nextValue, _ref2) {\n    var source = _ref2.source;\n    if (source === 'internal') {\n      return false;\n    }\n    return prevValue !== nextValue;\n  };\n  return /*#__PURE__*/React.createElement(ListContext.Provider, {\n    value: listContext\n  }, /*#__PURE__*/React.createElement(FieldContext.Provider, {\n    value: fieldContext\n  }, /*#__PURE__*/React.createElement(Field, {\n    name: [],\n    shouldUpdate: shouldUpdate,\n    rules: rules,\n    validateTrigger: validateTrigger,\n    initialValue: initialValue,\n    isList: true\n  }, function (_ref3, meta) {\n    var _ref3$value = _ref3.value,\n      value = _ref3$value === void 0 ? [] : _ref3$value,\n      onChange = _ref3.onChange;\n    var getFieldValue = context.getFieldValue;\n    var getNewValue = function getNewValue() {\n      var values = getFieldValue(prefixName || []);\n      return values || [];\n    };\n    /**\n     * Always get latest value in case user update fields by `form` api.\n     */\n    var operations = {\n      add: function add(defaultValue, index) {\n        // Mapping keys\n        var newValue = getNewValue();\n        if (index >= 0 && index <= newValue.length) {\n          keyManager.keys = [].concat(_toConsumableArray(keyManager.keys.slice(0, index)), [keyManager.id], _toConsumableArray(keyManager.keys.slice(index)));\n          onChange([].concat(_toConsumableArray(newValue.slice(0, index)), [defaultValue], _toConsumableArray(newValue.slice(index))));\n        } else {\n          if (process.env.NODE_ENV !== 'production' && (index < 0 || index > newValue.length)) {\n            warning(false, 'The second parameter of the add function should be a valid positive number.');\n          }\n          keyManager.keys = [].concat(_toConsumableArray(keyManager.keys), [keyManager.id]);\n          onChange([].concat(_toConsumableArray(newValue), [defaultValue]));\n        }\n        keyManager.id += 1;\n      },\n      remove: function remove(index) {\n        var newValue = getNewValue();\n        var indexSet = new Set(Array.isArray(index) ? index : [index]);\n        if (indexSet.size <= 0) {\n          return;\n        }\n        keyManager.keys = keyManager.keys.filter(function (_, keysIndex) {\n          return !indexSet.has(keysIndex);\n        });\n        // Trigger store change\n        onChange(newValue.filter(function (_, valueIndex) {\n          return !indexSet.has(valueIndex);\n        }));\n      },\n      move: function move(from, to) {\n        if (from === to) {\n          return;\n        }\n        var newValue = getNewValue();\n        // Do not handle out of range\n        if (from < 0 || from >= newValue.length || to < 0 || to >= newValue.length) {\n          return;\n        }\n        keyManager.keys = _move(keyManager.keys, from, to);\n        // Trigger store change\n        onChange(_move(newValue, from, to));\n      }\n    };\n    var listValue = value || [];\n    if (!Array.isArray(listValue)) {\n      listValue = [];\n      if (process.env.NODE_ENV !== 'production') {\n        warning(false, \"Current value of '\".concat(prefixName.join(' > '), \"' is not an array type.\"));\n      }\n    }\n    return children(listValue.map(function (__, index) {\n      var key = keyManager.keys[index];\n      if (key === undefined) {\n        keyManager.keys[index] = keyManager.id;\n        key = keyManager.keys[index];\n        keyManager.id += 1;\n      }\n      return {\n        name: index,\n        key: key,\n        isListField: true\n      };\n    }), operations, meta);\n  })));\n};\nexport default List;","export function allPromiseFinish(promiseList) {\n  var hasError = false;\n  var count = promiseList.length;\n  var results = [];\n  if (!promiseList.length) {\n    return Promise.resolve([]);\n  }\n  return new Promise(function (resolve, reject) {\n    promiseList.forEach(function (promise, index) {\n      promise.catch(function (e) {\n        hasError = true;\n        return e;\n      }).then(function (result) {\n        count -= 1;\n        results[index] = result;\n        if (count > 0) {\n          return;\n        }\n        if (hasError) {\n          reject(results);\n        }\n        resolve(results);\n      });\n    });\n  });\n}","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nvar SPLIT = '__@field_split__';\n/**\n * Convert name path into string to fast the fetch speed of Map.\n */\nfunction normalize(namePath) {\n  return namePath.map(function (cell) {\n    return \"\".concat(_typeof(cell), \":\").concat(cell);\n  })\n  // Magic split\n  .join(SPLIT);\n}\n/**\n * NameMap like a `Map` but accepts `string[]` as key.\n */\nvar NameMap = /*#__PURE__*/function () {\n  function NameMap() {\n    _classCallCheck(this, NameMap);\n    this.kvs = new Map();\n  }\n  _createClass(NameMap, [{\n    key: \"set\",\n    value: function set(key, value) {\n      this.kvs.set(normalize(key), value);\n    }\n  }, {\n    key: \"get\",\n    value: function get(key) {\n      return this.kvs.get(normalize(key));\n    }\n  }, {\n    key: \"update\",\n    value: function update(key, updater) {\n      var origin = this.get(key);\n      var next = updater(origin);\n      if (!next) {\n        this.delete(key);\n      } else {\n        this.set(key, next);\n      }\n    }\n  }, {\n    key: \"delete\",\n    value: function _delete(key) {\n      this.kvs.delete(normalize(key));\n    }\n    // Since we only use this in test, let simply realize this\n  }, {\n    key: \"map\",\n    value: function map(callback) {\n      return _toConsumableArray(this.kvs.entries()).map(function (_ref) {\n        var _ref2 = _slicedToArray(_ref, 2),\n          key = _ref2[0],\n          value = _ref2[1];\n        var cells = key.split(SPLIT);\n        return callback({\n          key: cells.map(function (cell) {\n            var _cell$match = cell.match(/^([^:]*):(.*)$/),\n              _cell$match2 = _slicedToArray(_cell$match, 3),\n              type = _cell$match2[1],\n              unit = _cell$match2[2];\n            return type === 'number' ? Number(unit) : unit;\n          }),\n          value: value\n        });\n      });\n    }\n  }, {\n    key: \"toJSON\",\n    value: function toJSON() {\n      var json = {};\n      this.map(function (_ref3) {\n        var key = _ref3.key,\n          value = _ref3.value;\n        json[key.join('.')] = value;\n        return null;\n      });\n      return json;\n    }\n  }]);\n  return NameMap;\n}();\nexport default NameMap;","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nvar _excluded = [\"name\", \"errors\"];\nimport warning from \"rc-util/es/warning\";\nimport * as React from 'react';\nimport { HOOK_MARK } from './FieldContext';\nimport { allPromiseFinish } from './utils/asyncUtil';\nimport cloneDeep from './utils/cloneDeep';\nimport { defaultValidateMessages } from './utils/messages';\nimport NameMap from './utils/NameMap';\nimport { cloneByNamePathList, containsNamePath, getNamePath, getValue, matchNamePath, setValue, setValues } from './utils/valueUtil';\nexport var FormStore = /*#__PURE__*/_createClass(function FormStore(forceRootUpdate) {\n  var _this = this;\n  _classCallCheck(this, FormStore);\n  this.formHooked = false;\n  this.forceRootUpdate = void 0;\n  this.subscribable = true;\n  this.store = {};\n  this.fieldEntities = [];\n  this.initialValues = {};\n  this.callbacks = {};\n  this.validateMessages = null;\n  this.preserve = null;\n  this.lastValidatePromise = null;\n  this.getForm = function () {\n    return {\n      getFieldValue: _this.getFieldValue,\n      getFieldsValue: _this.getFieldsValue,\n      getFieldError: _this.getFieldError,\n      getFieldWarning: _this.getFieldWarning,\n      getFieldsError: _this.getFieldsError,\n      isFieldsTouched: _this.isFieldsTouched,\n      isFieldTouched: _this.isFieldTouched,\n      isFieldValidating: _this.isFieldValidating,\n      isFieldsValidating: _this.isFieldsValidating,\n      resetFields: _this.resetFields,\n      setFields: _this.setFields,\n      setFieldValue: _this.setFieldValue,\n      setFieldsValue: _this.setFieldsValue,\n      validateFields: _this.validateFields,\n      submit: _this.submit,\n      _init: true,\n      getInternalHooks: _this.getInternalHooks\n    };\n  };\n  this.getInternalHooks = function (key) {\n    if (key === HOOK_MARK) {\n      _this.formHooked = true;\n      return {\n        dispatch: _this.dispatch,\n        initEntityValue: _this.initEntityValue,\n        registerField: _this.registerField,\n        useSubscribe: _this.useSubscribe,\n        setInitialValues: _this.setInitialValues,\n        destroyForm: _this.destroyForm,\n        setCallbacks: _this.setCallbacks,\n        setValidateMessages: _this.setValidateMessages,\n        getFields: _this.getFields,\n        setPreserve: _this.setPreserve,\n        getInitialValue: _this.getInitialValue,\n        registerWatch: _this.registerWatch\n      };\n    }\n    warning(false, '`getInternalHooks` is internal usage. Should not call directly.');\n    return null;\n  };\n  this.useSubscribe = function (subscribable) {\n    _this.subscribable = subscribable;\n  };\n  this.prevWithoutPreserves = null;\n  this.setInitialValues = function (initialValues, init) {\n    _this.initialValues = initialValues || {};\n    if (init) {\n      var _this$prevWithoutPres;\n      var nextStore = setValues({}, initialValues, _this.store);\n      // We will take consider prev form unmount fields.\n      // When the field is not `preserve`, we need fill this with initialValues instead of store.\n      // eslint-disable-next-line array-callback-return\n      (_this$prevWithoutPres = _this.prevWithoutPreserves) === null || _this$prevWithoutPres === void 0 ? void 0 : _this$prevWithoutPres.map(function (_ref) {\n        var namePath = _ref.key;\n        nextStore = setValue(nextStore, namePath, getValue(initialValues, namePath));\n      });\n      _this.prevWithoutPreserves = null;\n      _this.updateStore(nextStore);\n    }\n  };\n  this.destroyForm = function () {\n    var prevWithoutPreserves = new NameMap();\n    _this.getFieldEntities(true).forEach(function (entity) {\n      if (!_this.isMergedPreserve(entity.isPreserve())) {\n        prevWithoutPreserves.set(entity.getNamePath(), true);\n      }\n    });\n    _this.prevWithoutPreserves = prevWithoutPreserves;\n  };\n  this.getInitialValue = function (namePath) {\n    var initValue = getValue(_this.initialValues, namePath);\n    // Not cloneDeep when without `namePath`\n    return namePath.length ? cloneDeep(initValue) : initValue;\n  };\n  this.setCallbacks = function (callbacks) {\n    _this.callbacks = callbacks;\n  };\n  this.setValidateMessages = function (validateMessages) {\n    _this.validateMessages = validateMessages;\n  };\n  this.setPreserve = function (preserve) {\n    _this.preserve = preserve;\n  };\n  this.watchList = [];\n  this.registerWatch = function (callback) {\n    _this.watchList.push(callback);\n    return function () {\n      _this.watchList = _this.watchList.filter(function (fn) {\n        return fn !== callback;\n      });\n    };\n  };\n  this.notifyWatch = function () {\n    var namePath = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n    // No need to cost perf when nothing need to watch\n    if (_this.watchList.length) {\n      var values = _this.getFieldsValue();\n      _this.watchList.forEach(function (callback) {\n        callback(values, namePath);\n      });\n    }\n  };\n  this.timeoutId = null;\n  this.warningUnhooked = function () {\n    if (process.env.NODE_ENV !== 'production' && !_this.timeoutId && typeof window !== 'undefined') {\n      _this.timeoutId = setTimeout(function () {\n        _this.timeoutId = null;\n        if (!_this.formHooked) {\n          warning(false, 'Instance created by `useForm` is not connected to any Form element. Forget to pass `form` prop?');\n        }\n      });\n    }\n  };\n  this.updateStore = function (nextStore) {\n    _this.store = nextStore;\n  };\n  this.getFieldEntities = function () {\n    var pure = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n    if (!pure) {\n      return _this.fieldEntities;\n    }\n    return _this.fieldEntities.filter(function (field) {\n      return field.getNamePath().length;\n    });\n  };\n  this.getFieldsMap = function () {\n    var pure = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n    var cache = new NameMap();\n    _this.getFieldEntities(pure).forEach(function (field) {\n      var namePath = field.getNamePath();\n      cache.set(namePath, field);\n    });\n    return cache;\n  };\n  this.getFieldEntitiesForNamePathList = function (nameList) {\n    if (!nameList) {\n      return _this.getFieldEntities(true);\n    }\n    var cache = _this.getFieldsMap(true);\n    return nameList.map(function (name) {\n      var namePath = getNamePath(name);\n      return cache.get(namePath) || {\n        INVALIDATE_NAME_PATH: getNamePath(name)\n      };\n    });\n  };\n  this.getFieldsValue = function (nameList, filterFunc) {\n    _this.warningUnhooked();\n    if (nameList === true && !filterFunc) {\n      return _this.store;\n    }\n    var fieldEntities = _this.getFieldEntitiesForNamePathList(Array.isArray(nameList) ? nameList : null);\n    var filteredNameList = [];\n    fieldEntities.forEach(function (entity) {\n      var _entity$isListField;\n      var namePath = 'INVALIDATE_NAME_PATH' in entity ? entity.INVALIDATE_NAME_PATH : entity.getNamePath();\n      // Ignore when it's a list item and not specific the namePath,\n      // since parent field is already take in count\n      if (!nameList && ((_entity$isListField = entity.isListField) === null || _entity$isListField === void 0 ? void 0 : _entity$isListField.call(entity))) {\n        return;\n      }\n      if (!filterFunc) {\n        filteredNameList.push(namePath);\n      } else {\n        var meta = 'getMeta' in entity ? entity.getMeta() : null;\n        if (filterFunc(meta)) {\n          filteredNameList.push(namePath);\n        }\n      }\n    });\n    return cloneByNamePathList(_this.store, filteredNameList.map(getNamePath));\n  };\n  this.getFieldValue = function (name) {\n    _this.warningUnhooked();\n    var namePath = getNamePath(name);\n    return getValue(_this.store, namePath);\n  };\n  this.getFieldsError = function (nameList) {\n    _this.warningUnhooked();\n    var fieldEntities = _this.getFieldEntitiesForNamePathList(nameList);\n    return fieldEntities.map(function (entity, index) {\n      if (entity && !('INVALIDATE_NAME_PATH' in entity)) {\n        return {\n          name: entity.getNamePath(),\n          errors: entity.getErrors(),\n          warnings: entity.getWarnings()\n        };\n      }\n      return {\n        name: getNamePath(nameList[index]),\n        errors: [],\n        warnings: []\n      };\n    });\n  };\n  this.getFieldError = function (name) {\n    _this.warningUnhooked();\n    var namePath = getNamePath(name);\n    var fieldError = _this.getFieldsError([namePath])[0];\n    return fieldError.errors;\n  };\n  this.getFieldWarning = function (name) {\n    _this.warningUnhooked();\n    var namePath = getNamePath(name);\n    var fieldError = _this.getFieldsError([namePath])[0];\n    return fieldError.warnings;\n  };\n  this.isFieldsTouched = function () {\n    _this.warningUnhooked();\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n    var arg0 = args[0],\n      arg1 = args[1];\n    var namePathList;\n    var isAllFieldsTouched = false;\n    if (args.length === 0) {\n      namePathList = null;\n    } else if (args.length === 1) {\n      if (Array.isArray(arg0)) {\n        namePathList = arg0.map(getNamePath);\n        isAllFieldsTouched = false;\n      } else {\n        namePathList = null;\n        isAllFieldsTouched = arg0;\n      }\n    } else {\n      namePathList = arg0.map(getNamePath);\n      isAllFieldsTouched = arg1;\n    }\n    var fieldEntities = _this.getFieldEntities(true);\n    var isFieldTouched = function isFieldTouched(field) {\n      return field.isFieldTouched();\n    };\n    // ===== Will get fully compare when not config namePathList =====\n    if (!namePathList) {\n      return isAllFieldsTouched ? fieldEntities.every(isFieldTouched) : fieldEntities.some(isFieldTouched);\n    }\n    // Generate a nest tree for validate\n    var map = new NameMap();\n    namePathList.forEach(function (shortNamePath) {\n      map.set(shortNamePath, []);\n    });\n    fieldEntities.forEach(function (field) {\n      var fieldNamePath = field.getNamePath();\n      // Find matched entity and put into list\n      namePathList.forEach(function (shortNamePath) {\n        if (shortNamePath.every(function (nameUnit, i) {\n          return fieldNamePath[i] === nameUnit;\n        })) {\n          map.update(shortNamePath, function (list) {\n            return [].concat(_toConsumableArray(list), [field]);\n          });\n        }\n      });\n    });\n    // Check if NameMap value is touched\n    var isNamePathListTouched = function isNamePathListTouched(entities) {\n      return entities.some(isFieldTouched);\n    };\n    var namePathListEntities = map.map(function (_ref2) {\n      var value = _ref2.value;\n      return value;\n    });\n    return isAllFieldsTouched ? namePathListEntities.every(isNamePathListTouched) : namePathListEntities.some(isNamePathListTouched);\n  };\n  this.isFieldTouched = function (name) {\n    _this.warningUnhooked();\n    return _this.isFieldsTouched([name]);\n  };\n  this.isFieldsValidating = function (nameList) {\n    _this.warningUnhooked();\n    var fieldEntities = _this.getFieldEntities();\n    if (!nameList) {\n      return fieldEntities.some(function (testField) {\n        return testField.isFieldValidating();\n      });\n    }\n    var namePathList = nameList.map(getNamePath);\n    return fieldEntities.some(function (testField) {\n      var fieldNamePath = testField.getNamePath();\n      return containsNamePath(namePathList, fieldNamePath) && testField.isFieldValidating();\n    });\n  };\n  this.isFieldValidating = function (name) {\n    _this.warningUnhooked();\n    return _this.isFieldsValidating([name]);\n  };\n  this.resetWithFieldInitialValue = function () {\n    var info = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    // Create cache\n    var cache = new NameMap();\n    var fieldEntities = _this.getFieldEntities(true);\n    fieldEntities.forEach(function (field) {\n      var initialValue = field.props.initialValue;\n      var namePath = field.getNamePath();\n      // Record only if has `initialValue`\n      if (initialValue !== undefined) {\n        var records = cache.get(namePath) || new Set();\n        records.add({\n          entity: field,\n          value: initialValue\n        });\n        cache.set(namePath, records);\n      }\n    });\n    // Reset\n    var resetWithFields = function resetWithFields(entities) {\n      entities.forEach(function (field) {\n        var initialValue = field.props.initialValue;\n        if (initialValue !== undefined) {\n          var namePath = field.getNamePath();\n          var formInitialValue = _this.getInitialValue(namePath);\n          if (formInitialValue !== undefined) {\n            // Warning if conflict with form initialValues and do not modify value\n            warning(false, \"Form already set 'initialValues' with path '\".concat(namePath.join('.'), \"'. Field can not overwrite it.\"));\n          } else {\n            var records = cache.get(namePath);\n            if (records && records.size > 1) {\n              // Warning if multiple field set `initialValue`and do not modify value\n              warning(false, \"Multiple Field with path '\".concat(namePath.join('.'), \"' set 'initialValue'. Can not decide which one to pick.\"));\n            } else if (records) {\n              var originValue = _this.getFieldValue(namePath);\n              // Set `initialValue`\n              if (!info.skipExist || originValue === undefined) {\n                _this.updateStore(setValue(_this.store, namePath, _toConsumableArray(records)[0].value));\n              }\n            }\n          }\n        }\n      });\n    };\n    var requiredFieldEntities;\n    if (info.entities) {\n      requiredFieldEntities = info.entities;\n    } else if (info.namePathList) {\n      requiredFieldEntities = [];\n      info.namePathList.forEach(function (namePath) {\n        var records = cache.get(namePath);\n        if (records) {\n          var _requiredFieldEntitie;\n          (_requiredFieldEntitie = requiredFieldEntities).push.apply(_requiredFieldEntitie, _toConsumableArray(_toConsumableArray(records).map(function (r) {\n            return r.entity;\n          })));\n        }\n      });\n    } else {\n      requiredFieldEntities = fieldEntities;\n    }\n    resetWithFields(requiredFieldEntities);\n  };\n  this.resetFields = function (nameList) {\n    _this.warningUnhooked();\n    var prevStore = _this.store;\n    if (!nameList) {\n      _this.updateStore(setValues({}, _this.initialValues));\n      _this.resetWithFieldInitialValue();\n      _this.notifyObservers(prevStore, null, {\n        type: 'reset'\n      });\n      _this.notifyWatch();\n      return;\n    }\n    // Reset by `nameList`\n    var namePathList = nameList.map(getNamePath);\n    namePathList.forEach(function (namePath) {\n      var initialValue = _this.getInitialValue(namePath);\n      _this.updateStore(setValue(_this.store, namePath, initialValue));\n    });\n    _this.resetWithFieldInitialValue({\n      namePathList: namePathList\n    });\n    _this.notifyObservers(prevStore, namePathList, {\n      type: 'reset'\n    });\n    _this.notifyWatch(namePathList);\n  };\n  this.setFields = function (fields) {\n    _this.warningUnhooked();\n    var prevStore = _this.store;\n    var namePathList = [];\n    fields.forEach(function (fieldData) {\n      var name = fieldData.name,\n        errors = fieldData.errors,\n        data = _objectWithoutProperties(fieldData, _excluded);\n      var namePath = getNamePath(name);\n      namePathList.push(namePath);\n      // Value\n      if ('value' in data) {\n        _this.updateStore(setValue(_this.store, namePath, data.value));\n      }\n      _this.notifyObservers(prevStore, [namePath], {\n        type: 'setField',\n        data: fieldData\n      });\n    });\n    _this.notifyWatch(namePathList);\n  };\n  this.getFields = function () {\n    var entities = _this.getFieldEntities(true);\n    var fields = entities.map(function (field) {\n      var namePath = field.getNamePath();\n      var meta = field.getMeta();\n      var fieldData = _objectSpread(_objectSpread({}, meta), {}, {\n        name: namePath,\n        value: _this.getFieldValue(namePath)\n      });\n      Object.defineProperty(fieldData, 'originRCField', {\n        value: true\n      });\n      return fieldData;\n    });\n    return fields;\n  };\n  this.initEntityValue = function (entity) {\n    var initialValue = entity.props.initialValue;\n    if (initialValue !== undefined) {\n      var namePath = entity.getNamePath();\n      var prevValue = getValue(_this.store, namePath);\n      if (prevValue === undefined) {\n        _this.updateStore(setValue(_this.store, namePath, initialValue));\n      }\n    }\n  };\n  this.isMergedPreserve = function (fieldPreserve) {\n    var mergedPreserve = fieldPreserve !== undefined ? fieldPreserve : _this.preserve;\n    return mergedPreserve !== null && mergedPreserve !== void 0 ? mergedPreserve : true;\n  };\n  this.registerField = function (entity) {\n    _this.fieldEntities.push(entity);\n    var namePath = entity.getNamePath();\n    _this.notifyWatch([namePath]);\n    // Set initial values\n    if (entity.props.initialValue !== undefined) {\n      var prevStore = _this.store;\n      _this.resetWithFieldInitialValue({\n        entities: [entity],\n        skipExist: true\n      });\n      _this.notifyObservers(prevStore, [entity.getNamePath()], {\n        type: 'valueUpdate',\n        source: 'internal'\n      });\n    }\n    // un-register field callback\n    return function (isListField, preserve) {\n      var subNamePath = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];\n      _this.fieldEntities = _this.fieldEntities.filter(function (item) {\n        return item !== entity;\n      });\n      // Clean up store value if not preserve\n      if (!_this.isMergedPreserve(preserve) && (!isListField || subNamePath.length > 1)) {\n        var defaultValue = isListField ? undefined : _this.getInitialValue(namePath);\n        if (namePath.length && _this.getFieldValue(namePath) !== defaultValue && _this.fieldEntities.every(function (field) {\n          return (\n            // Only reset when no namePath exist\n            !matchNamePath(field.getNamePath(), namePath)\n          );\n        })) {\n          var _prevStore = _this.store;\n          _this.updateStore(setValue(_prevStore, namePath, defaultValue, true));\n          // Notify that field is unmount\n          _this.notifyObservers(_prevStore, [namePath], {\n            type: 'remove'\n          });\n          // Dependencies update\n          _this.triggerDependenciesUpdate(_prevStore, namePath);\n        }\n      }\n      _this.notifyWatch([namePath]);\n    };\n  };\n  this.dispatch = function (action) {\n    switch (action.type) {\n      case 'updateValue':\n        {\n          var namePath = action.namePath,\n            value = action.value;\n          _this.updateValue(namePath, value);\n          break;\n        }\n      case 'validateField':\n        {\n          var _namePath = action.namePath,\n            triggerName = action.triggerName;\n          _this.validateFields([_namePath], {\n            triggerName: triggerName\n          });\n          break;\n        }\n      default:\n      // Currently we don't have other action. Do nothing.\n    }\n  };\n  this.notifyObservers = function (prevStore, namePathList, info) {\n    if (_this.subscribable) {\n      var mergedInfo = _objectSpread(_objectSpread({}, info), {}, {\n        store: _this.getFieldsValue(true)\n      });\n      _this.getFieldEntities().forEach(function (_ref3) {\n        var onStoreChange = _ref3.onStoreChange;\n        onStoreChange(prevStore, namePathList, mergedInfo);\n      });\n    } else {\n      _this.forceRootUpdate();\n    }\n  };\n  this.triggerDependenciesUpdate = function (prevStore, namePath) {\n    var childrenFields = _this.getDependencyChildrenFields(namePath);\n    if (childrenFields.length) {\n      _this.validateFields(childrenFields);\n    }\n    _this.notifyObservers(prevStore, childrenFields, {\n      type: 'dependenciesUpdate',\n      relatedFields: [namePath].concat(_toConsumableArray(childrenFields))\n    });\n    return childrenFields;\n  };\n  this.updateValue = function (name, value) {\n    var namePath = getNamePath(name);\n    var prevStore = _this.store;\n    _this.updateStore(setValue(_this.store, namePath, value));\n    _this.notifyObservers(prevStore, [namePath], {\n      type: 'valueUpdate',\n      source: 'internal'\n    });\n    _this.notifyWatch([namePath]);\n    // Dependencies update\n    var childrenFields = _this.triggerDependenciesUpdate(prevStore, namePath);\n    // trigger callback function\n    var onValuesChange = _this.callbacks.onValuesChange;\n    if (onValuesChange) {\n      var changedValues = cloneByNamePathList(_this.store, [namePath]);\n      onValuesChange(changedValues, _this.getFieldsValue());\n    }\n    _this.triggerOnFieldsChange([namePath].concat(_toConsumableArray(childrenFields)));\n  };\n  this.setFieldsValue = function (store) {\n    _this.warningUnhooked();\n    var prevStore = _this.store;\n    if (store) {\n      var nextStore = setValues(_this.store, store);\n      _this.updateStore(nextStore);\n    }\n    _this.notifyObservers(prevStore, null, {\n      type: 'valueUpdate',\n      source: 'external'\n    });\n    _this.notifyWatch();\n  };\n  this.setFieldValue = function (name, value) {\n    _this.setFields([{\n      name: name,\n      value: value\n    }]);\n  };\n  this.getDependencyChildrenFields = function (rootNamePath) {\n    var children = new Set();\n    var childrenFields = [];\n    var dependencies2fields = new NameMap();\n    /**\n     * Generate maps\n     * Can use cache to save perf if user report performance issue with this\n     */\n    _this.getFieldEntities().forEach(function (field) {\n      var dependencies = field.props.dependencies;\n      (dependencies || []).forEach(function (dependency) {\n        var dependencyNamePath = getNamePath(dependency);\n        dependencies2fields.update(dependencyNamePath, function () {\n          var fields = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Set();\n          fields.add(field);\n          return fields;\n        });\n      });\n    });\n    var fillChildren = function fillChildren(namePath) {\n      var fields = dependencies2fields.get(namePath) || new Set();\n      fields.forEach(function (field) {\n        if (!children.has(field)) {\n          children.add(field);\n          var fieldNamePath = field.getNamePath();\n          if (field.isFieldDirty() && fieldNamePath.length) {\n            childrenFields.push(fieldNamePath);\n            fillChildren(fieldNamePath);\n          }\n        }\n      });\n    };\n    fillChildren(rootNamePath);\n    return childrenFields;\n  };\n  this.triggerOnFieldsChange = function (namePathList, filedErrors) {\n    var onFieldsChange = _this.callbacks.onFieldsChange;\n    if (onFieldsChange) {\n      var fields = _this.getFields();\n      /**\n       * Fill errors since `fields` may be replaced by controlled fields\n       */\n      if (filedErrors) {\n        var cache = new NameMap();\n        filedErrors.forEach(function (_ref4) {\n          var name = _ref4.name,\n            errors = _ref4.errors;\n          cache.set(name, errors);\n        });\n        fields.forEach(function (field) {\n          // eslint-disable-next-line no-param-reassign\n          field.errors = cache.get(field.name) || field.errors;\n        });\n      }\n      var changedFields = fields.filter(function (_ref5) {\n        var fieldName = _ref5.name;\n        return containsNamePath(namePathList, fieldName);\n      });\n      onFieldsChange(changedFields, fields);\n    }\n  };\n  this.validateFields = function (nameList, options) {\n    _this.warningUnhooked();\n    var provideNameList = !!nameList;\n    var namePathList = provideNameList ? nameList.map(getNamePath) : [];\n    // Collect result in promise list\n    var promiseList = [];\n    _this.getFieldEntities(true).forEach(function (field) {\n      // Add field if not provide `nameList`\n      if (!provideNameList) {\n        namePathList.push(field.getNamePath());\n      }\n      /**\n       * Recursive validate if configured.\n       * TODO: perf improvement @zombieJ\n       */\n      if ((options === null || options === void 0 ? void 0 : options.recursive) && provideNameList) {\n        var namePath = field.getNamePath();\n        if (\n        // nameList[i] === undefined 说明是以 nameList 开头的\n        // ['name'] -> ['name','list']\n        namePath.every(function (nameUnit, i) {\n          return nameList[i] === nameUnit || nameList[i] === undefined;\n        })) {\n          namePathList.push(namePath);\n        }\n      }\n      // Skip if without rule\n      if (!field.props.rules || !field.props.rules.length) {\n        return;\n      }\n      var fieldNamePath = field.getNamePath();\n      // Add field validate rule in to promise list\n      if (!provideNameList || containsNamePath(namePathList, fieldNamePath)) {\n        var promise = field.validateRules(_objectSpread({\n          validateMessages: _objectSpread(_objectSpread({}, defaultValidateMessages), _this.validateMessages)\n        }, options));\n        // Wrap promise with field\n        promiseList.push(promise.then(function () {\n          return {\n            name: fieldNamePath,\n            errors: [],\n            warnings: []\n          };\n        }).catch(function (ruleErrors) {\n          var _ruleErrors$forEach;\n          var mergedErrors = [];\n          var mergedWarnings = [];\n          (_ruleErrors$forEach = ruleErrors.forEach) === null || _ruleErrors$forEach === void 0 ? void 0 : _ruleErrors$forEach.call(ruleErrors, function (_ref6) {\n            var warningOnly = _ref6.rule.warningOnly,\n              errors = _ref6.errors;\n            if (warningOnly) {\n              mergedWarnings.push.apply(mergedWarnings, _toConsumableArray(errors));\n            } else {\n              mergedErrors.push.apply(mergedErrors, _toConsumableArray(errors));\n            }\n          });\n          if (mergedErrors.length) {\n            return Promise.reject({\n              name: fieldNamePath,\n              errors: mergedErrors,\n              warnings: mergedWarnings\n            });\n          }\n          return {\n            name: fieldNamePath,\n            errors: mergedErrors,\n            warnings: mergedWarnings\n          };\n        }));\n      }\n    });\n    var summaryPromise = allPromiseFinish(promiseList);\n    _this.lastValidatePromise = summaryPromise;\n    // Notify fields with rule that validate has finished and need update\n    summaryPromise.catch(function (results) {\n      return results;\n    }).then(function (results) {\n      var resultNamePathList = results.map(function (_ref7) {\n        var name = _ref7.name;\n        return name;\n      });\n      _this.notifyObservers(_this.store, resultNamePathList, {\n        type: 'validateFinish'\n      });\n      _this.triggerOnFieldsChange(resultNamePathList, results);\n    });\n    var returnPromise = summaryPromise.then(function () {\n      if (_this.lastValidatePromise === summaryPromise) {\n        return Promise.resolve(_this.getFieldsValue(namePathList));\n      }\n      return Promise.reject([]);\n    }).catch(function (results) {\n      var errorList = results.filter(function (result) {\n        return result && result.errors.length;\n      });\n      return Promise.reject({\n        values: _this.getFieldsValue(namePathList),\n        errorFields: errorList,\n        outOfDate: _this.lastValidatePromise !== summaryPromise\n      });\n    });\n    // Do not throw in console\n    returnPromise.catch(function (e) {\n      return e;\n    });\n    return returnPromise;\n  };\n  this.submit = function () {\n    _this.warningUnhooked();\n    _this.validateFields().then(function (values) {\n      var onFinish = _this.callbacks.onFinish;\n      if (onFinish) {\n        try {\n          onFinish(values);\n        } catch (err) {\n          // Should print error if user `onFinish` callback failed\n          console.error(err);\n        }\n      }\n    }).catch(function (e) {\n      var onFinishFailed = _this.callbacks.onFinishFailed;\n      if (onFinishFailed) {\n        onFinishFailed(e);\n      }\n    });\n  };\n  this.forceRootUpdate = forceRootUpdate;\n});\nfunction useForm(form) {\n  var formRef = React.useRef();\n  var _React$useState = React.useState({}),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    forceUpdate = _React$useState2[1];\n  if (!formRef.current) {\n    if (form) {\n      formRef.current = form;\n    } else {\n      // Create a new FormStore if not provided\n      var forceReRender = function forceReRender() {\n        forceUpdate({});\n      };\n      var formStore = new FormStore(forceReRender);\n      formRef.current = formStore.getForm();\n    }\n  }\n  return [formRef.current];\n}\nexport default useForm;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport * as React from 'react';\nvar FormContext = /*#__PURE__*/React.createContext({\n  triggerFormChange: function triggerFormChange() {},\n  triggerFormFinish: function triggerFormFinish() {},\n  registerForm: function registerForm() {},\n  unregisterForm: function unregisterForm() {}\n});\nvar FormProvider = function FormProvider(_ref) {\n  var validateMessages = _ref.validateMessages,\n    onFormChange = _ref.onFormChange,\n    onFormFinish = _ref.onFormFinish,\n    children = _ref.children;\n  var formContext = React.useContext(FormContext);\n  var formsRef = React.useRef({});\n  return /*#__PURE__*/React.createElement(FormContext.Provider, {\n    value: _objectSpread(_objectSpread({}, formContext), {}, {\n      validateMessages: _objectSpread(_objectSpread({}, formContext.validateMessages), validateMessages),\n      // =========================================================\n      // =                  Global Form Control                  =\n      // =========================================================\n      triggerFormChange: function triggerFormChange(name, changedFields) {\n        if (onFormChange) {\n          onFormChange(name, {\n            changedFields: changedFields,\n            forms: formsRef.current\n          });\n        }\n        formContext.triggerFormChange(name, changedFields);\n      },\n      triggerFormFinish: function triggerFormFinish(name, values) {\n        if (onFormFinish) {\n          onFormFinish(name, {\n            values: values,\n            forms: formsRef.current\n          });\n        }\n        formContext.triggerFormFinish(name, values);\n      },\n      registerForm: function registerForm(name, form) {\n        if (name) {\n          formsRef.current = _objectSpread(_objectSpread({}, formsRef.current), {}, _defineProperty({}, name, form));\n        }\n        formContext.registerForm(name, form);\n      },\n      unregisterForm: function unregisterForm(name) {\n        var newForms = _objectSpread({}, formsRef.current);\n        delete newForms[name];\n        formsRef.current = newForms;\n        formContext.unregisterForm(name);\n      }\n    })\n  }, children);\n};\nexport { FormProvider };\nexport default FormContext;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"name\", \"initialValues\", \"fields\", \"form\", \"preserve\", \"children\", \"component\", \"validateMessages\", \"validateTrigger\", \"onValuesChange\", \"onFieldsChange\", \"onFinish\", \"onFinishFailed\"];\nimport * as React from 'react';\nimport useForm from './useForm';\nimport FieldContext, { HOOK_MARK } from './FieldContext';\nimport FormContext from './FormContext';\nimport { isSimilar } from './utils/valueUtil';\nvar Form = function Form(_ref, ref) {\n  var name = _ref.name,\n    initialValues = _ref.initialValues,\n    fields = _ref.fields,\n    form = _ref.form,\n    preserve = _ref.preserve,\n    children = _ref.children,\n    _ref$component = _ref.component,\n    Component = _ref$component === void 0 ? 'form' : _ref$component,\n    validateMessages = _ref.validateMessages,\n    _ref$validateTrigger = _ref.validateTrigger,\n    validateTrigger = _ref$validateTrigger === void 0 ? 'onChange' : _ref$validateTrigger,\n    onValuesChange = _ref.onValuesChange,\n    _onFieldsChange = _ref.onFieldsChange,\n    _onFinish = _ref.onFinish,\n    onFinishFailed = _ref.onFinishFailed,\n    restProps = _objectWithoutProperties(_ref, _excluded);\n  var formContext = React.useContext(FormContext);\n  // We customize handle event since Context will makes all the consumer re-render:\n  // https://reactjs.org/docs/context.html#contextprovider\n  var _useForm = useForm(form),\n    _useForm2 = _slicedToArray(_useForm, 1),\n    formInstance = _useForm2[0];\n  var _formInstance$getInte = formInstance.getInternalHooks(HOOK_MARK),\n    useSubscribe = _formInstance$getInte.useSubscribe,\n    setInitialValues = _formInstance$getInte.setInitialValues,\n    setCallbacks = _formInstance$getInte.setCallbacks,\n    setValidateMessages = _formInstance$getInte.setValidateMessages,\n    setPreserve = _formInstance$getInte.setPreserve,\n    destroyForm = _formInstance$getInte.destroyForm;\n  // Pass ref with form instance\n  React.useImperativeHandle(ref, function () {\n    return formInstance;\n  });\n  // Register form into Context\n  React.useEffect(function () {\n    formContext.registerForm(name, formInstance);\n    return function () {\n      formContext.unregisterForm(name);\n    };\n  }, [formContext, formInstance, name]);\n  // Pass props to store\n  setValidateMessages(_objectSpread(_objectSpread({}, formContext.validateMessages), validateMessages));\n  setCallbacks({\n    onValuesChange: onValuesChange,\n    onFieldsChange: function onFieldsChange(changedFields) {\n      formContext.triggerFormChange(name, changedFields);\n      if (_onFieldsChange) {\n        for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n          rest[_key - 1] = arguments[_key];\n        }\n        _onFieldsChange.apply(void 0, [changedFields].concat(rest));\n      }\n    },\n    onFinish: function onFinish(values) {\n      formContext.triggerFormFinish(name, values);\n      if (_onFinish) {\n        _onFinish(values);\n      }\n    },\n    onFinishFailed: onFinishFailed\n  });\n  setPreserve(preserve);\n  // Set initial value, init store value when first mount\n  var mountRef = React.useRef(null);\n  setInitialValues(initialValues, !mountRef.current);\n  if (!mountRef.current) {\n    mountRef.current = true;\n  }\n  React.useEffect(function () {\n    return destroyForm;\n  },\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  []);\n  // Prepare children by `children` type\n  var childrenNode;\n  var childrenRenderProps = typeof children === 'function';\n  if (childrenRenderProps) {\n    var values = formInstance.getFieldsValue(true);\n    childrenNode = children(values, formInstance);\n  } else {\n    childrenNode = children;\n  }\n  // Not use subscribe when using render props\n  useSubscribe(!childrenRenderProps);\n  // Listen if fields provided. We use ref to save prev data here to avoid additional render\n  var prevFieldsRef = React.useRef();\n  React.useEffect(function () {\n    if (!isSimilar(prevFieldsRef.current || [], fields || [])) {\n      formInstance.setFields(fields || []);\n    }\n    prevFieldsRef.current = fields;\n  }, [fields, formInstance]);\n  var formContextValue = React.useMemo(function () {\n    return _objectSpread(_objectSpread({}, formInstance), {}, {\n      validateTrigger: validateTrigger\n    });\n  }, [formInstance, validateTrigger]);\n  var wrapperNode = /*#__PURE__*/React.createElement(FieldContext.Provider, {\n    value: formContextValue\n  }, childrenNode);\n  if (Component === false) {\n    return wrapperNode;\n  }\n  return /*#__PURE__*/React.createElement(Component, _extends({}, restProps, {\n    onSubmit: function onSubmit(event) {\n      event.preventDefault();\n      event.stopPropagation();\n      formInstance.submit();\n    },\n    onReset: function onReset(event) {\n      var _restProps$onReset;\n      event.preventDefault();\n      formInstance.resetFields();\n      (_restProps$onReset = restProps.onReset) === null || _restProps$onReset === void 0 ? void 0 : _restProps$onReset.call(restProps, event);\n    }\n  }), wrapperNode);\n};\nexport default Form;","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport { FieldContext } from '.';\nimport warning from \"rc-util/es/warning\";\nimport { HOOK_MARK } from './FieldContext';\nimport { useState, useContext, useEffect, useRef, useMemo } from 'react';\nimport { getNamePath, getValue } from './utils/valueUtil';\nexport function stringify(value) {\n  try {\n    return JSON.stringify(value);\n  } catch (err) {\n    return Math.random();\n  }\n}\nvar useWatchWarning = process.env.NODE_ENV !== 'production' ? function (namePath) {\n  var fullyStr = namePath.join('__RC_FIELD_FORM_SPLIT__');\n  var nameStrRef = useRef(fullyStr);\n  warning(nameStrRef.current === fullyStr, '`useWatch` is not support dynamic `namePath`. Please provide static instead.');\n} : function () {};\nfunction useWatch() {\n  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n    args[_key] = arguments[_key];\n  }\n  var _args$ = args[0],\n    dependencies = _args$ === void 0 ? [] : _args$,\n    form = args[1];\n  var _useState = useState(),\n    _useState2 = _slicedToArray(_useState, 2),\n    value = _useState2[0],\n    setValue = _useState2[1];\n  var valueStr = useMemo(function () {\n    return stringify(value);\n  }, [value]);\n  var valueStrRef = useRef(valueStr);\n  valueStrRef.current = valueStr;\n  var fieldContext = useContext(FieldContext);\n  var formInstance = form || fieldContext;\n  var isValidForm = formInstance && formInstance._init;\n  // Warning if not exist form instance\n  if (process.env.NODE_ENV !== 'production') {\n    warning(args.length === 2 ? form ? isValidForm : true : isValidForm, 'useWatch requires a form instance since it can not auto detect from context.');\n  }\n  var namePath = getNamePath(dependencies);\n  var namePathRef = useRef(namePath);\n  namePathRef.current = namePath;\n  useWatchWarning(namePath);\n  useEffect(function () {\n    // Skip if not exist form instance\n    if (!isValidForm) {\n      return;\n    }\n    var getFieldsValue = formInstance.getFieldsValue,\n      getInternalHooks = formInstance.getInternalHooks;\n    var _getInternalHooks = getInternalHooks(HOOK_MARK),\n      registerWatch = _getInternalHooks.registerWatch;\n    var cancelRegister = registerWatch(function (store) {\n      var newValue = getValue(store, namePathRef.current);\n      var nextValueStr = stringify(newValue);\n      // Compare stringify in case it's nest object\n      if (valueStrRef.current !== nextValueStr) {\n        valueStrRef.current = nextValueStr;\n        setValue(newValue);\n      }\n    });\n    // TODO: We can improve this perf in future\n    var initialValue = getValue(getFieldsValue(), namePathRef.current);\n    setValue(initialValue);\n    return cancelRegister;\n  },\n  // We do not need re-register since namePath content is the same\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  [isValidForm]);\n  return value;\n}\nexport default useWatch;","import * as React from 'react';\nimport Field from './Field';\nimport List from './List';\nimport useForm from './useForm';\nimport FieldForm from './Form';\nimport { FormProvider } from './FormContext';\nimport FieldContext from './FieldContext';\nimport ListContext from './ListContext';\nimport useWatch from './useWatch';\nvar InternalForm = /*#__PURE__*/React.forwardRef(FieldForm);\nvar RefForm = InternalForm;\nRefForm.FormProvider = FormProvider;\nRefForm.Field = Field;\nRefForm.List = List;\nRefForm.useForm = useForm;\nRefForm.useWatch = useWatch;\nexport { Field, List, useForm, FormProvider, FieldContext, ListContext, useWatch };\nexport default RefForm;","export function hasAddon(props) {\n  return !!(props.addonBefore || props.addonAfter);\n}\nexport function hasPrefixSuffix(props) {\n  return !!(props.prefix || props.suffix || props.allowClear);\n}\nexport function resolveOnChange(target, e, onChange, targetValue) {\n  if (!onChange) {\n    return;\n  }\n\n  var event = e;\n\n  if (e.type === 'click') {\n    // Clone a new target for event.\n    // Avoid the following usage, the setQuery method gets the original value.\n    //\n    // const [query, setQuery] = React.useState('');\n    // <Input\n    //   allowClear\n    //   value={query}\n    //   onChange={(e)=> {\n    //     setQuery((prevStatus) => e.target.value);\n    //   }}\n    // />\n    var currentTarget = target.cloneNode(true); // click clear icon\n\n    event = Object.create(e, {\n      target: {\n        value: currentTarget\n      },\n      currentTarget: {\n        value: currentTarget\n      }\n    });\n    currentTarget.value = '';\n    onChange(event);\n    return;\n  } // Trigger by composition event, this means we need force change the input value\n\n\n  if (targetValue !== undefined) {\n    event = Object.create(e, {\n      target: {\n        value: target\n      },\n      currentTarget: {\n        value: target\n      }\n    });\n    target.value = targetValue;\n    onChange(event);\n    return;\n  }\n\n  onChange(event);\n}\nexport function triggerFocus(element, option) {\n  if (!element) return;\n  element.focus(option); // Selection content\n\n  var _ref = option || {},\n      cursor = _ref.cursor;\n\n  if (cursor) {\n    var len = element.value.length;\n\n    switch (cursor) {\n      case 'start':\n        element.setSelectionRange(0, 0);\n        break;\n\n      case 'end':\n        element.setSelectionRange(len, len);\n        break;\n\n      default:\n        element.setSelectionRange(0, len);\n    }\n  }\n}\nexport function fixControlledValue(value) {\n  if (typeof value === 'undefined' || value === null) {\n    return '';\n  }\n\n  return String(value);\n}","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport React, { cloneElement, useRef } from 'react';\nimport classNames from 'classnames';\nimport { hasAddon, hasPrefixSuffix } from \"./utils/commonUtils\";\n\nvar BaseInput = function BaseInput(props) {\n  var inputElement = props.inputElement,\n      prefixCls = props.prefixCls,\n      prefix = props.prefix,\n      suffix = props.suffix,\n      addonBefore = props.addonBefore,\n      addonAfter = props.addonAfter,\n      className = props.className,\n      style = props.style,\n      affixWrapperClassName = props.affixWrapperClassName,\n      groupClassName = props.groupClassName,\n      wrapperClassName = props.wrapperClassName,\n      disabled = props.disabled,\n      readOnly = props.readOnly,\n      focused = props.focused,\n      triggerFocus = props.triggerFocus,\n      allowClear = props.allowClear,\n      value = props.value,\n      handleReset = props.handleReset,\n      hidden = props.hidden;\n  var containerRef = useRef(null);\n\n  var onInputClick = function onInputClick(e) {\n    var _containerRef$current;\n\n    if ((_containerRef$current = containerRef.current) !== null && _containerRef$current !== void 0 && _containerRef$current.contains(e.target)) {\n      triggerFocus === null || triggerFocus === void 0 ? void 0 : triggerFocus();\n    }\n  }; // ================== Clear Icon ================== //\n\n\n  var getClearIcon = function getClearIcon() {\n    var _classNames;\n\n    if (!allowClear) {\n      return null;\n    }\n\n    var needClear = !disabled && !readOnly && value;\n    var clearIconCls = \"\".concat(prefixCls, \"-clear-icon\");\n    var iconNode = _typeof(allowClear) === 'object' && allowClear !== null && allowClear !== void 0 && allowClear.clearIcon ? allowClear.clearIcon : '✖';\n    return /*#__PURE__*/React.createElement(\"span\", {\n      onClick: handleReset // Do not trigger onBlur when clear input\n      // https://github.com/ant-design/ant-design/issues/31200\n      ,\n      onMouseDown: function onMouseDown(e) {\n        return e.preventDefault();\n      },\n      className: classNames(clearIconCls, (_classNames = {}, _defineProperty(_classNames, \"\".concat(clearIconCls, \"-hidden\"), !needClear), _defineProperty(_classNames, \"\".concat(clearIconCls, \"-has-suffix\"), !!suffix), _classNames)),\n      role: \"button\",\n      tabIndex: -1\n    }, iconNode);\n  };\n\n  var element = /*#__PURE__*/cloneElement(inputElement, {\n    value: value,\n    hidden: hidden\n  }); // ================== Prefix & Suffix ================== //\n\n  if (hasPrefixSuffix(props)) {\n    var _classNames2;\n\n    var affixWrapperPrefixCls = \"\".concat(prefixCls, \"-affix-wrapper\");\n    var affixWrapperCls = classNames(affixWrapperPrefixCls, (_classNames2 = {}, _defineProperty(_classNames2, \"\".concat(affixWrapperPrefixCls, \"-disabled\"), disabled), _defineProperty(_classNames2, \"\".concat(affixWrapperPrefixCls, \"-focused\"), focused), _defineProperty(_classNames2, \"\".concat(affixWrapperPrefixCls, \"-readonly\"), readOnly), _defineProperty(_classNames2, \"\".concat(affixWrapperPrefixCls, \"-input-with-clear-btn\"), suffix && allowClear && value), _classNames2), !hasAddon(props) && className, affixWrapperClassName);\n    var suffixNode = (suffix || allowClear) && /*#__PURE__*/React.createElement(\"span\", {\n      className: \"\".concat(prefixCls, \"-suffix\")\n    }, getClearIcon(), suffix);\n    element = /*#__PURE__*/React.createElement(\"span\", {\n      className: affixWrapperCls,\n      style: style,\n      hidden: !hasAddon(props) && hidden,\n      onClick: onInputClick,\n      ref: containerRef\n    }, prefix && /*#__PURE__*/React.createElement(\"span\", {\n      className: \"\".concat(prefixCls, \"-prefix\")\n    }, prefix), /*#__PURE__*/cloneElement(inputElement, {\n      style: null,\n      value: value,\n      hidden: null\n    }), suffixNode);\n  } // ================== Addon ================== //\n\n\n  if (hasAddon(props)) {\n    var wrapperCls = \"\".concat(prefixCls, \"-group\");\n    var addonCls = \"\".concat(wrapperCls, \"-addon\");\n    var mergedWrapperClassName = classNames(\"\".concat(prefixCls, \"-wrapper\"), wrapperCls, wrapperClassName);\n    var mergedGroupClassName = classNames(\"\".concat(prefixCls, \"-group-wrapper\"), className, groupClassName); // Need another wrapper for changing display:table to display:inline-block\n    // and put style prop in wrapper\n\n    return /*#__PURE__*/React.createElement(\"span\", {\n      className: mergedGroupClassName,\n      style: style,\n      hidden: hidden\n    }, /*#__PURE__*/React.createElement(\"span\", {\n      className: mergedWrapperClassName\n    }, addonBefore && /*#__PURE__*/React.createElement(\"span\", {\n      className: addonCls\n    }, addonBefore), /*#__PURE__*/cloneElement(element, {\n      style: null,\n      hidden: null\n    }), addonAfter && /*#__PURE__*/React.createElement(\"span\", {\n      className: addonCls\n    }, addonAfter)));\n  }\n\n  return element;\n};\n\nexport default BaseInput;","import _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"autoComplete\", \"onChange\", \"onFocus\", \"onBlur\", \"onPressEnter\", \"onKeyDown\", \"prefixCls\", \"disabled\", \"htmlSize\", \"className\", \"maxLength\", \"suffix\", \"showCount\", \"type\", \"inputClassName\"];\nimport React, { useRef, useState, forwardRef, useImperativeHandle, useEffect } from 'react';\nimport BaseInput from \"./BaseInput\";\nimport omit from \"rc-util/es/omit\";\nimport { fixControlledValue, hasAddon, hasPrefixSuffix, resolveOnChange, triggerFocus } from \"./utils/commonUtils\";\nimport classNames from 'classnames';\nimport useMergedState from \"rc-util/es/hooks/useMergedState\";\nvar Input = /*#__PURE__*/forwardRef(function (props, ref) {\n  var autoComplete = props.autoComplete,\n      onChange = props.onChange,\n      onFocus = props.onFocus,\n      onBlur = props.onBlur,\n      onPressEnter = props.onPressEnter,\n      onKeyDown = props.onKeyDown,\n      _props$prefixCls = props.prefixCls,\n      prefixCls = _props$prefixCls === void 0 ? 'rc-input' : _props$prefixCls,\n      disabled = props.disabled,\n      htmlSize = props.htmlSize,\n      className = props.className,\n      maxLength = props.maxLength,\n      suffix = props.suffix,\n      showCount = props.showCount,\n      _props$type = props.type,\n      type = _props$type === void 0 ? 'text' : _props$type,\n      inputClassName = props.inputClassName,\n      rest = _objectWithoutProperties(props, _excluded);\n\n  var _useMergedState = useMergedState(props.defaultValue, {\n    value: props.value\n  }),\n      _useMergedState2 = _slicedToArray(_useMergedState, 2),\n      value = _useMergedState2[0],\n      setValue = _useMergedState2[1];\n\n  var _useState = useState(false),\n      _useState2 = _slicedToArray(_useState, 2),\n      focused = _useState2[0],\n      setFocused = _useState2[1];\n\n  var inputRef = useRef(null);\n\n  var focus = function focus(option) {\n    if (inputRef.current) {\n      triggerFocus(inputRef.current, option);\n    }\n  };\n\n  useImperativeHandle(ref, function () {\n    return {\n      focus: focus,\n      blur: function blur() {\n        var _inputRef$current;\n\n        (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.blur();\n      },\n      setSelectionRange: function setSelectionRange(start, end, direction) {\n        var _inputRef$current2;\n\n        (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.setSelectionRange(start, end, direction);\n      },\n      select: function select() {\n        var _inputRef$current3;\n\n        (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.select();\n      },\n      input: inputRef.current\n    };\n  });\n  useEffect(function () {\n    setFocused(function (prev) {\n      return prev && disabled ? false : prev;\n    });\n  }, [disabled]);\n\n  var handleChange = function handleChange(e) {\n    if (props.value === undefined) {\n      setValue(e.target.value);\n    }\n\n    if (inputRef.current) {\n      resolveOnChange(inputRef.current, e, onChange);\n    }\n  };\n\n  var handleKeyDown = function handleKeyDown(e) {\n    if (onPressEnter && e.key === 'Enter') {\n      onPressEnter(e);\n    }\n\n    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);\n  };\n\n  var handleFocus = function handleFocus(e) {\n    setFocused(true);\n    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);\n  };\n\n  var handleBlur = function handleBlur(e) {\n    setFocused(false);\n    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);\n  };\n\n  var handleReset = function handleReset(e) {\n    setValue('');\n    focus();\n\n    if (inputRef.current) {\n      resolveOnChange(inputRef.current, e, onChange);\n    }\n  };\n\n  var getInputElement = function getInputElement() {\n    // Fix https://fb.me/react-unknown-prop\n    var otherProps = omit(props, ['prefixCls', 'onPressEnter', 'addonBefore', 'addonAfter', 'prefix', 'suffix', 'allowClear', // Input elements must be either controlled or uncontrolled,\n    // specify either the value prop, or the defaultValue prop, but not both.\n    'defaultValue', 'showCount', 'affixWrapperClassName', 'groupClassName', 'inputClassName', 'wrapperClassName', 'htmlSize']);\n    return /*#__PURE__*/React.createElement(\"input\", _extends({\n      autoComplete: autoComplete\n    }, otherProps, {\n      onChange: handleChange,\n      onFocus: handleFocus,\n      onBlur: handleBlur,\n      onKeyDown: handleKeyDown,\n      className: classNames(prefixCls, _defineProperty({}, \"\".concat(prefixCls, \"-disabled\"), disabled), inputClassName, !hasAddon(props) && !hasPrefixSuffix(props) && className),\n      ref: inputRef,\n      size: htmlSize,\n      type: type\n    }));\n  };\n\n  var getSuffix = function getSuffix() {\n    // Max length value\n    var hasMaxLength = Number(maxLength) > 0;\n\n    if (suffix || showCount) {\n      var val = fixControlledValue(value);\n\n      var valueLength = _toConsumableArray(val).length;\n\n      var dataCount = _typeof(showCount) === 'object' ? showCount.formatter({\n        value: val,\n        count: valueLength,\n        maxLength: maxLength\n      }) : \"\".concat(valueLength).concat(hasMaxLength ? \" / \".concat(maxLength) : '');\n      return /*#__PURE__*/React.createElement(React.Fragment, null, !!showCount && /*#__PURE__*/React.createElement(\"span\", {\n        className: classNames(\"\".concat(prefixCls, \"-show-count-suffix\"), _defineProperty({}, \"\".concat(prefixCls, \"-show-count-has-suffix\"), !!suffix))\n      }, dataCount), suffix);\n    }\n\n    return null;\n  };\n\n  return /*#__PURE__*/React.createElement(BaseInput, _extends({}, rest, {\n    prefixCls: prefixCls,\n    className: className,\n    inputElement: getInputElement(),\n    handleReset: handleReset,\n    value: fixControlledValue(value),\n    focused: focused,\n    triggerFocus: focus,\n    suffix: getSuffix(),\n    disabled: disabled\n  }));\n});\nexport default Input;","import BaseInput from \"./BaseInput\";\nimport Input from \"./Input\";\nexport { BaseInput };\nexport default Input;","import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"children\"];\nimport * as React from 'react';\nexport var Context = /*#__PURE__*/React.createContext({});\nexport default function MotionProvider(_ref) {\n  var children = _ref.children,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return /*#__PURE__*/React.createElement(Context.Provider, {\n    value: props\n  }, children);\n}","import _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nimport _createSuper from \"@babel/runtime/helpers/esm/createSuper\";\nimport * as React from 'react';\nvar DomWrapper = /*#__PURE__*/function (_React$Component) {\n  _inherits(DomWrapper, _React$Component);\n  var _super = _createSuper(DomWrapper);\n  function DomWrapper() {\n    _classCallCheck(this, DomWrapper);\n    return _super.apply(this, arguments);\n  }\n  _createClass(DomWrapper, [{\n    key: \"render\",\n    value: function render() {\n      return this.props.children;\n    }\n  }]);\n  return DomWrapper;\n}(React.Component);\nexport default DomWrapper;","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nimport useEvent from \"./useEvent\";\n/**\n * Same as React.useState but will always get latest state.\n * This is useful when React merge multiple state updates into one.\n * e.g. onTransitionEnd trigger multiple event at once will be merged state update in React.\n */\nexport default function useSyncState(defaultValue) {\n  var _React$useReducer = React.useReducer(function (x) {\n      return x + 1;\n    }, 0),\n    _React$useReducer2 = _slicedToArray(_React$useReducer, 2),\n    forceUpdate = _React$useReducer2[1];\n  var currentValueRef = React.useRef(defaultValue);\n  var getValue = useEvent(function () {\n    return currentValueRef.current;\n  });\n  var setValue = useEvent(function (updater) {\n    currentValueRef.current = typeof updater === 'function' ? updater(currentValueRef.current) : updater;\n    forceUpdate();\n  });\n  return [getValue, setValue];\n}","export var STATUS_NONE = 'none';\nexport var STATUS_APPEAR = 'appear';\nexport var STATUS_ENTER = 'enter';\nexport var STATUS_LEAVE = 'leave';\nexport var STEP_NONE = 'none';\nexport var STEP_PREPARE = 'prepare';\nexport var STEP_START = 'start';\nexport var STEP_ACTIVE = 'active';\nexport var STEP_ACTIVATED = 'end';\n/**\n * Used for disabled motion case.\n * Prepare stage will still work but start & active will be skipped.\n */\nexport var STEP_PREPARED = 'prepared';","import _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport canUseDOM from \"rc-util/es/Dom/canUseDom\";\n// ================= Transition =================\n// Event wrapper. Copy from react source code\nfunction makePrefixMap(styleProp, eventName) {\n  var prefixes = {};\n  prefixes[styleProp.toLowerCase()] = eventName.toLowerCase();\n  prefixes[\"Webkit\".concat(styleProp)] = \"webkit\".concat(eventName);\n  prefixes[\"Moz\".concat(styleProp)] = \"moz\".concat(eventName);\n  prefixes[\"ms\".concat(styleProp)] = \"MS\".concat(eventName);\n  prefixes[\"O\".concat(styleProp)] = \"o\".concat(eventName.toLowerCase());\n  return prefixes;\n}\nexport function getVendorPrefixes(domSupport, win) {\n  var prefixes = {\n    animationend: makePrefixMap('Animation', 'AnimationEnd'),\n    transitionend: makePrefixMap('Transition', 'TransitionEnd')\n  };\n  if (domSupport) {\n    if (!('AnimationEvent' in win)) {\n      delete prefixes.animationend.animation;\n    }\n    if (!('TransitionEvent' in win)) {\n      delete prefixes.transitionend.transition;\n    }\n  }\n  return prefixes;\n}\nvar vendorPrefixes = getVendorPrefixes(canUseDOM(), typeof window !== 'undefined' ? window : {});\nvar style = {};\nif (canUseDOM()) {\n  var _document$createEleme = document.createElement('div');\n  style = _document$createEleme.style;\n}\nvar prefixedEventNames = {};\nexport function getVendorPrefixedEventName(eventName) {\n  if (prefixedEventNames[eventName]) {\n    return prefixedEventNames[eventName];\n  }\n  var prefixMap = vendorPrefixes[eventName];\n  if (prefixMap) {\n    var stylePropList = Object.keys(prefixMap);\n    var len = stylePropList.length;\n    for (var i = 0; i < len; i += 1) {\n      var styleProp = stylePropList[i];\n      if (Object.prototype.hasOwnProperty.call(prefixMap, styleProp) && styleProp in style) {\n        prefixedEventNames[eventName] = prefixMap[styleProp];\n        return prefixedEventNames[eventName];\n      }\n    }\n  }\n  return '';\n}\nvar internalAnimationEndName = getVendorPrefixedEventName('animationend');\nvar internalTransitionEndName = getVendorPrefixedEventName('transitionend');\nexport var supportTransition = !!(internalAnimationEndName && internalTransitionEndName);\nexport var animationEndName = internalAnimationEndName || 'animationend';\nexport var transitionEndName = internalTransitionEndName || 'transitionend';\nexport function getTransitionName(transitionName, transitionType) {\n  if (!transitionName) return null;\n  if (_typeof(transitionName) === 'object') {\n    var type = transitionType.replace(/-\\w/g, function (match) {\n      return match[1].toUpperCase();\n    });\n    return transitionName[type];\n  }\n  return \"\".concat(transitionName, \"-\").concat(transitionType);\n}","import * as React from 'react';\nimport { useRef } from 'react';\nimport { animationEndName, transitionEndName } from \"../util/motion\";\nexport default (function (onInternalMotionEnd) {\n  var cacheElementRef = useRef();\n\n  // Remove events\n  function removeMotionEvents(element) {\n    if (element) {\n      element.removeEventListener(transitionEndName, onInternalMotionEnd);\n      element.removeEventListener(animationEndName, onInternalMotionEnd);\n    }\n  }\n\n  // Patch events\n  function patchMotionEvents(element) {\n    if (cacheElementRef.current && cacheElementRef.current !== element) {\n      removeMotionEvents(cacheElementRef.current);\n    }\n    if (element && element !== cacheElementRef.current) {\n      element.addEventListener(transitionEndName, onInternalMotionEnd);\n      element.addEventListener(animationEndName, onInternalMotionEnd);\n\n      // Save as cache in case dom removed trigger by `motionDeadline`\n      cacheElementRef.current = element;\n    }\n  }\n\n  // Clean up when removed\n  React.useEffect(function () {\n    return function () {\n      removeMotionEvents(cacheElementRef.current);\n    };\n  }, []);\n  return [patchMotionEvents, removeMotionEvents];\n});","import canUseDom from \"rc-util/es/Dom/canUseDom\";\nimport { useEffect, useLayoutEffect } from 'react';\n\n// It's safe to use `useLayoutEffect` but the warning is annoying\nvar useIsomorphicLayoutEffect = canUseDom() ? useLayoutEffect : useEffect;\nexport default useIsomorphicLayoutEffect;","import raf from \"rc-util/es/raf\";\nimport * as React from 'react';\nexport default (function () {\n  var nextFrameRef = React.useRef(null);\n  function cancelNextFrame() {\n    raf.cancel(nextFrameRef.current);\n  }\n  function nextFrame(callback) {\n    var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;\n    cancelNextFrame();\n    var nextFrameId = raf(function () {\n      if (delay <= 1) {\n        callback({\n          isCanceled: function isCanceled() {\n            return nextFrameId !== nextFrameRef.current;\n          }\n        });\n      } else {\n        nextFrame(callback, delay - 1);\n      }\n    });\n    nextFrameRef.current = nextFrameId;\n  }\n  React.useEffect(function () {\n    return function () {\n      cancelNextFrame();\n    };\n  }, []);\n  return [nextFrame, cancelNextFrame];\n});","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport useState from \"rc-util/es/hooks/useState\";\nimport * as React from 'react';\nimport { STEP_ACTIVATED, STEP_ACTIVE, STEP_NONE, STEP_PREPARE, STEP_PREPARED, STEP_START } from \"../interface\";\nimport useIsomorphicLayoutEffect from \"./useIsomorphicLayoutEffect\";\nimport useNextFrame from \"./useNextFrame\";\nvar FULL_STEP_QUEUE = [STEP_PREPARE, STEP_START, STEP_ACTIVE, STEP_ACTIVATED];\nvar SIMPLE_STEP_QUEUE = [STEP_PREPARE, STEP_PREPARED];\n\n/** Skip current step */\nexport var SkipStep = false;\n/** Current step should be update in */\nexport var DoStep = true;\nexport function isActive(step) {\n  return step === STEP_ACTIVE || step === STEP_ACTIVATED;\n}\nexport default (function (status, prepareOnly, callback) {\n  var _useState = useState(STEP_NONE),\n    _useState2 = _slicedToArray(_useState, 2),\n    step = _useState2[0],\n    setStep = _useState2[1];\n  var _useNextFrame = useNextFrame(),\n    _useNextFrame2 = _slicedToArray(_useNextFrame, 2),\n    nextFrame = _useNextFrame2[0],\n    cancelNextFrame = _useNextFrame2[1];\n  function startQueue() {\n    setStep(STEP_PREPARE, true);\n  }\n  var STEP_QUEUE = prepareOnly ? SIMPLE_STEP_QUEUE : FULL_STEP_QUEUE;\n  useIsomorphicLayoutEffect(function () {\n    if (step !== STEP_NONE && step !== STEP_ACTIVATED) {\n      var index = STEP_QUEUE.indexOf(step);\n      var nextStep = STEP_QUEUE[index + 1];\n      var result = callback(step);\n      if (result === SkipStep) {\n        // Skip when no needed\n        setStep(nextStep, true);\n      } else if (nextStep) {\n        // Do as frame for step update\n        nextFrame(function (info) {\n          function doNext() {\n            // Skip since current queue is ood\n            if (info.isCanceled()) return;\n            setStep(nextStep, true);\n          }\n          if (result === true) {\n            doNext();\n          } else {\n            // Only promise should be async\n            Promise.resolve(result).then(doNext);\n          }\n        });\n      }\n    }\n  }, [status, step]);\n  React.useEffect(function () {\n    return function () {\n      cancelNextFrame();\n    };\n  }, []);\n  return [startQueue, step];\n});","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport { useEvent } from 'rc-util';\nimport useState from \"rc-util/es/hooks/useState\";\nimport useSyncState from \"rc-util/es/hooks/useSyncState\";\nimport * as React from 'react';\nimport { useEffect, useRef } from 'react';\nimport { STATUS_APPEAR, STATUS_ENTER, STATUS_LEAVE, STATUS_NONE, STEP_ACTIVE, STEP_PREPARE, STEP_PREPARED, STEP_START } from \"../interface\";\nimport useDomMotionEvents from \"./useDomMotionEvents\";\nimport useIsomorphicLayoutEffect from \"./useIsomorphicLayoutEffect\";\nimport useStepQueue, { DoStep, isActive, SkipStep } from \"./useStepQueue\";\nexport default function useStatus(supportMotion, visible, getElement, _ref) {\n  var _ref$motionEnter = _ref.motionEnter,\n    motionEnter = _ref$motionEnter === void 0 ? true : _ref$motionEnter,\n    _ref$motionAppear = _ref.motionAppear,\n    motionAppear = _ref$motionAppear === void 0 ? true : _ref$motionAppear,\n    _ref$motionLeave = _ref.motionLeave,\n    motionLeave = _ref$motionLeave === void 0 ? true : _ref$motionLeave,\n    motionDeadline = _ref.motionDeadline,\n    motionLeaveImmediately = _ref.motionLeaveImmediately,\n    onAppearPrepare = _ref.onAppearPrepare,\n    onEnterPrepare = _ref.onEnterPrepare,\n    onLeavePrepare = _ref.onLeavePrepare,\n    onAppearStart = _ref.onAppearStart,\n    onEnterStart = _ref.onEnterStart,\n    onLeaveStart = _ref.onLeaveStart,\n    onAppearActive = _ref.onAppearActive,\n    onEnterActive = _ref.onEnterActive,\n    onLeaveActive = _ref.onLeaveActive,\n    onAppearEnd = _ref.onAppearEnd,\n    onEnterEnd = _ref.onEnterEnd,\n    onLeaveEnd = _ref.onLeaveEnd,\n    onVisibleChanged = _ref.onVisibleChanged;\n  // Used for outer render usage to avoid `visible: false & status: none` to render nothing\n  var _useState = useState(),\n    _useState2 = _slicedToArray(_useState, 2),\n    asyncVisible = _useState2[0],\n    setAsyncVisible = _useState2[1];\n  var _useSyncState = useSyncState(STATUS_NONE),\n    _useSyncState2 = _slicedToArray(_useSyncState, 2),\n    getStatus = _useSyncState2[0],\n    setStatus = _useSyncState2[1];\n  var _useState3 = useState(null),\n    _useState4 = _slicedToArray(_useState3, 2),\n    style = _useState4[0],\n    setStyle = _useState4[1];\n  var currentStatus = getStatus();\n  var mountedRef = useRef(false);\n  var deadlineRef = useRef(null);\n\n  // =========================== Dom Node ===========================\n  function getDomElement() {\n    return getElement();\n  }\n\n  // ========================== Motion End ==========================\n  var activeRef = useRef(false);\n\n  /**\n   * Clean up status & style\n   */\n  function updateMotionEndStatus() {\n    setStatus(STATUS_NONE);\n    setStyle(null, true);\n  }\n  var onInternalMotionEnd = useEvent(function (event) {\n    var status = getStatus();\n    // Do nothing since not in any transition status.\n    // This may happen when `motionDeadline` trigger.\n    if (status === STATUS_NONE) {\n      return;\n    }\n    var element = getDomElement();\n    if (event && !event.deadline && event.target !== element) {\n      // event exists\n      // not initiated by deadline\n      // transitionEnd not fired by inner elements\n      return;\n    }\n    var currentActive = activeRef.current;\n    var canEnd;\n    if (status === STATUS_APPEAR && currentActive) {\n      canEnd = onAppearEnd === null || onAppearEnd === void 0 ? void 0 : onAppearEnd(element, event);\n    } else if (status === STATUS_ENTER && currentActive) {\n      canEnd = onEnterEnd === null || onEnterEnd === void 0 ? void 0 : onEnterEnd(element, event);\n    } else if (status === STATUS_LEAVE && currentActive) {\n      canEnd = onLeaveEnd === null || onLeaveEnd === void 0 ? void 0 : onLeaveEnd(element, event);\n    }\n\n    // Only update status when `canEnd` and not destroyed\n    if (currentActive && canEnd !== false) {\n      updateMotionEndStatus();\n    }\n  });\n  var _useDomMotionEvents = useDomMotionEvents(onInternalMotionEnd),\n    _useDomMotionEvents2 = _slicedToArray(_useDomMotionEvents, 1),\n    patchMotionEvents = _useDomMotionEvents2[0];\n\n  // ============================= Step =============================\n  var getEventHandlers = function getEventHandlers(targetStatus) {\n    switch (targetStatus) {\n      case STATUS_APPEAR:\n        return _defineProperty(_defineProperty(_defineProperty({}, STEP_PREPARE, onAppearPrepare), STEP_START, onAppearStart), STEP_ACTIVE, onAppearActive);\n      case STATUS_ENTER:\n        return _defineProperty(_defineProperty(_defineProperty({}, STEP_PREPARE, onEnterPrepare), STEP_START, onEnterStart), STEP_ACTIVE, onEnterActive);\n      case STATUS_LEAVE:\n        return _defineProperty(_defineProperty(_defineProperty({}, STEP_PREPARE, onLeavePrepare), STEP_START, onLeaveStart), STEP_ACTIVE, onLeaveActive);\n      default:\n        return {};\n    }\n  };\n  var eventHandlers = React.useMemo(function () {\n    return getEventHandlers(currentStatus);\n  }, [currentStatus]);\n  var _useStepQueue = useStepQueue(currentStatus, !supportMotion, function (newStep) {\n      // Only prepare step can be skip\n      if (newStep === STEP_PREPARE) {\n        var onPrepare = eventHandlers[STEP_PREPARE];\n        if (!onPrepare) {\n          return SkipStep;\n        }\n        return onPrepare(getDomElement());\n      }\n\n      // Rest step is sync update\n      if (step in eventHandlers) {\n        var _eventHandlers$step;\n        setStyle(((_eventHandlers$step = eventHandlers[step]) === null || _eventHandlers$step === void 0 ? void 0 : _eventHandlers$step.call(eventHandlers, getDomElement(), null)) || null);\n      }\n      if (step === STEP_ACTIVE && currentStatus !== STATUS_NONE) {\n        // Patch events when motion needed\n        patchMotionEvents(getDomElement());\n        if (motionDeadline > 0) {\n          clearTimeout(deadlineRef.current);\n          deadlineRef.current = setTimeout(function () {\n            onInternalMotionEnd({\n              deadline: true\n            });\n          }, motionDeadline);\n        }\n      }\n      if (step === STEP_PREPARED) {\n        updateMotionEndStatus();\n      }\n      return DoStep;\n    }),\n    _useStepQueue2 = _slicedToArray(_useStepQueue, 2),\n    startStep = _useStepQueue2[0],\n    step = _useStepQueue2[1];\n  var active = isActive(step);\n  activeRef.current = active;\n\n  // ============================ Status ============================\n  // Update with new status\n  useIsomorphicLayoutEffect(function () {\n    setAsyncVisible(visible);\n    var isMounted = mountedRef.current;\n    mountedRef.current = true;\n\n    // if (!supportMotion) {\n    //   return;\n    // }\n\n    var nextStatus;\n\n    // Appear\n    if (!isMounted && visible && motionAppear) {\n      nextStatus = STATUS_APPEAR;\n    }\n\n    // Enter\n    if (isMounted && visible && motionEnter) {\n      nextStatus = STATUS_ENTER;\n    }\n\n    // Leave\n    if (isMounted && !visible && motionLeave || !isMounted && motionLeaveImmediately && !visible && motionLeave) {\n      nextStatus = STATUS_LEAVE;\n    }\n    var nextEventHandlers = getEventHandlers(nextStatus);\n\n    // Update to next status\n    if (nextStatus && (supportMotion || nextEventHandlers[STEP_PREPARE])) {\n      setStatus(nextStatus);\n      startStep();\n    } else {\n      // Set back in case no motion but prev status has prepare step\n      setStatus(STATUS_NONE);\n    }\n  }, [visible]);\n\n  // ============================ Effect ============================\n  // Reset when motion changed\n  useEffect(function () {\n    if (\n    // Cancel appear\n    currentStatus === STATUS_APPEAR && !motionAppear ||\n    // Cancel enter\n    currentStatus === STATUS_ENTER && !motionEnter ||\n    // Cancel leave\n    currentStatus === STATUS_LEAVE && !motionLeave) {\n      setStatus(STATUS_NONE);\n    }\n  }, [motionAppear, motionEnter, motionLeave]);\n  useEffect(function () {\n    return function () {\n      mountedRef.current = false;\n      clearTimeout(deadlineRef.current);\n    };\n  }, []);\n\n  // Trigger `onVisibleChanged`\n  var firstMountChangeRef = React.useRef(false);\n  useEffect(function () {\n    // [visible & motion not end] => [!visible & motion end] still need trigger onVisibleChanged\n    if (asyncVisible) {\n      firstMountChangeRef.current = true;\n    }\n    if (asyncVisible !== undefined && currentStatus === STATUS_NONE) {\n      // Skip first render is invisible since it's nothing changed\n      if (firstMountChangeRef.current || asyncVisible) {\n        onVisibleChanged === null || onVisibleChanged === void 0 || onVisibleChanged(asyncVisible);\n      }\n      firstMountChangeRef.current = true;\n    }\n  }, [asyncVisible, currentStatus]);\n\n  // ============================ Styles ============================\n  var mergedStyle = style;\n  if (eventHandlers[STEP_PREPARE] && step === STEP_START) {\n    mergedStyle = _objectSpread({\n      transition: 'none'\n    }, mergedStyle);\n  }\n  return [currentStatus, step, mergedStyle, asyncVisible !== null && asyncVisible !== void 0 ? asyncVisible : visible];\n}","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\n/* eslint-disable react/default-props-match-prop-types, react/no-multi-comp, react/prop-types */\nimport classNames from 'classnames';\nimport findDOMNode from \"rc-util/es/Dom/findDOMNode\";\nimport { fillRef, getNodeRef, supportRef } from \"rc-util/es/ref\";\nimport * as React from 'react';\nimport { useRef } from 'react';\nimport { Context } from \"./context\";\nimport DomWrapper from \"./DomWrapper\";\nimport useStatus from \"./hooks/useStatus\";\nimport { isActive } from \"./hooks/useStepQueue\";\nimport { STATUS_NONE, STEP_PREPARE, STEP_START } from \"./interface\";\nimport { getTransitionName, supportTransition } from \"./util/motion\";\n/**\n * `transitionSupport` is used for none transition test case.\n * Default we use browser transition event support check.\n */\nexport function genCSSMotion(config) {\n  var transitionSupport = config;\n  if (_typeof(config) === 'object') {\n    transitionSupport = config.transitionSupport;\n  }\n  function isSupportTransition(props, contextMotion) {\n    return !!(props.motionName && transitionSupport && contextMotion !== false);\n  }\n  var CSSMotion = /*#__PURE__*/React.forwardRef(function (props, ref) {\n    var _props$visible = props.visible,\n      visible = _props$visible === void 0 ? true : _props$visible,\n      _props$removeOnLeave = props.removeOnLeave,\n      removeOnLeave = _props$removeOnLeave === void 0 ? true : _props$removeOnLeave,\n      forceRender = props.forceRender,\n      children = props.children,\n      motionName = props.motionName,\n      leavedClassName = props.leavedClassName,\n      eventProps = props.eventProps;\n    var _React$useContext = React.useContext(Context),\n      contextMotion = _React$useContext.motion;\n    var supportMotion = isSupportTransition(props, contextMotion);\n\n    // Ref to the react node, it may be a HTMLElement\n    var nodeRef = useRef();\n    // Ref to the dom wrapper in case ref can not pass to HTMLElement\n    var wrapperNodeRef = useRef();\n    function getDomElement() {\n      try {\n        // Here we're avoiding call for findDOMNode since it's deprecated\n        // in strict mode. We're calling it only when node ref is not\n        // an instance of DOM HTMLElement. Otherwise use\n        // findDOMNode as a final resort\n        return nodeRef.current instanceof HTMLElement ? nodeRef.current : findDOMNode(wrapperNodeRef.current);\n      } catch (e) {\n        // Only happen when `motionDeadline` trigger but element removed.\n        return null;\n      }\n    }\n    var _useStatus = useStatus(supportMotion, visible, getDomElement, props),\n      _useStatus2 = _slicedToArray(_useStatus, 4),\n      status = _useStatus2[0],\n      statusStep = _useStatus2[1],\n      statusStyle = _useStatus2[2],\n      mergedVisible = _useStatus2[3];\n\n    // Record whether content has rendered\n    // Will return null for un-rendered even when `removeOnLeave={false}`\n    var renderedRef = React.useRef(mergedVisible);\n    if (mergedVisible) {\n      renderedRef.current = true;\n    }\n\n    // ====================== Refs ======================\n    var setNodeRef = React.useCallback(function (node) {\n      nodeRef.current = node;\n      fillRef(ref, node);\n    }, [ref]);\n\n    // ===================== Render =====================\n    var motionChildren;\n    var mergedProps = _objectSpread(_objectSpread({}, eventProps), {}, {\n      visible: visible\n    });\n    if (!children) {\n      // No children\n      motionChildren = null;\n    } else if (status === STATUS_NONE) {\n      // Stable children\n      if (mergedVisible) {\n        motionChildren = children(_objectSpread({}, mergedProps), setNodeRef);\n      } else if (!removeOnLeave && renderedRef.current && leavedClassName) {\n        motionChildren = children(_objectSpread(_objectSpread({}, mergedProps), {}, {\n          className: leavedClassName\n        }), setNodeRef);\n      } else if (forceRender || !removeOnLeave && !leavedClassName) {\n        motionChildren = children(_objectSpread(_objectSpread({}, mergedProps), {}, {\n          style: {\n            display: 'none'\n          }\n        }), setNodeRef);\n      } else {\n        motionChildren = null;\n      }\n    } else {\n      // In motion\n      var statusSuffix;\n      if (statusStep === STEP_PREPARE) {\n        statusSuffix = 'prepare';\n      } else if (isActive(statusStep)) {\n        statusSuffix = 'active';\n      } else if (statusStep === STEP_START) {\n        statusSuffix = 'start';\n      }\n      var motionCls = getTransitionName(motionName, \"\".concat(status, \"-\").concat(statusSuffix));\n      motionChildren = children(_objectSpread(_objectSpread({}, mergedProps), {}, {\n        className: classNames(getTransitionName(motionName, status), _defineProperty(_defineProperty({}, motionCls, motionCls && statusSuffix), motionName, typeof motionName === 'string')),\n        style: statusStyle\n      }), setNodeRef);\n    }\n\n    // Auto inject ref if child node not have `ref` props\n    if ( /*#__PURE__*/React.isValidElement(motionChildren) && supportRef(motionChildren)) {\n      var originNodeRef = getNodeRef(motionChildren);\n      if (!originNodeRef) {\n        motionChildren = /*#__PURE__*/React.cloneElement(motionChildren, {\n          ref: setNodeRef\n        });\n      }\n    }\n    return /*#__PURE__*/React.createElement(DomWrapper, {\n      ref: wrapperNodeRef\n    }, motionChildren);\n  });\n  CSSMotion.displayName = 'CSSMotion';\n  return CSSMotion;\n}\nexport default genCSSMotion(supportTransition);","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nexport var STATUS_ADD = 'add';\nexport var STATUS_KEEP = 'keep';\nexport var STATUS_REMOVE = 'remove';\nexport var STATUS_REMOVED = 'removed';\nexport function wrapKeyToObject(key) {\n  var keyObj;\n  if (key && _typeof(key) === 'object' && 'key' in key) {\n    keyObj = key;\n  } else {\n    keyObj = {\n      key: key\n    };\n  }\n  return _objectSpread(_objectSpread({}, keyObj), {}, {\n    key: String(keyObj.key)\n  });\n}\nexport function parseKeys() {\n  var keys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n  return keys.map(wrapKeyToObject);\n}\nexport function diffKeys() {\n  var prevKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n  var currentKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n  var list = [];\n  var currentIndex = 0;\n  var currentLen = currentKeys.length;\n  var prevKeyObjects = parseKeys(prevKeys);\n  var currentKeyObjects = parseKeys(currentKeys);\n\n  // Check prev keys to insert or keep\n  prevKeyObjects.forEach(function (keyObj) {\n    var hit = false;\n    for (var i = currentIndex; i < currentLen; i += 1) {\n      var currentKeyObj = currentKeyObjects[i];\n      if (currentKeyObj.key === keyObj.key) {\n        // New added keys should add before current key\n        if (currentIndex < i) {\n          list = list.concat(currentKeyObjects.slice(currentIndex, i).map(function (obj) {\n            return _objectSpread(_objectSpread({}, obj), {}, {\n              status: STATUS_ADD\n            });\n          }));\n          currentIndex = i;\n        }\n        list.push(_objectSpread(_objectSpread({}, currentKeyObj), {}, {\n          status: STATUS_KEEP\n        }));\n        currentIndex += 1;\n        hit = true;\n        break;\n      }\n    }\n\n    // If not hit, it means key is removed\n    if (!hit) {\n      list.push(_objectSpread(_objectSpread({}, keyObj), {}, {\n        status: STATUS_REMOVE\n      }));\n    }\n  });\n\n  // Add rest to the list\n  if (currentIndex < currentLen) {\n    list = list.concat(currentKeyObjects.slice(currentIndex).map(function (obj) {\n      return _objectSpread(_objectSpread({}, obj), {}, {\n        status: STATUS_ADD\n      });\n    }));\n  }\n\n  /**\n   * Merge same key when it remove and add again:\n   *    [1 - add, 2 - keep, 1 - remove] -> [1 - keep, 2 - keep]\n   */\n  var keys = {};\n  list.forEach(function (_ref) {\n    var key = _ref.key;\n    keys[key] = (keys[key] || 0) + 1;\n  });\n  var duplicatedKeys = Object.keys(keys).filter(function (key) {\n    return keys[key] > 1;\n  });\n  duplicatedKeys.forEach(function (matchKey) {\n    // Remove `STATUS_REMOVE` node.\n    list = list.filter(function (_ref2) {\n      var key = _ref2.key,\n        status = _ref2.status;\n      return key !== matchKey || status !== STATUS_REMOVE;\n    });\n\n    // Update `STATUS_ADD` to `STATUS_KEEP`\n    list.forEach(function (node) {\n      if (node.key === matchKey) {\n        // eslint-disable-next-line no-param-reassign\n        node.status = STATUS_KEEP;\n      }\n    });\n  });\n  return list;\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/esm/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nimport _createSuper from \"@babel/runtime/helpers/esm/createSuper\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nvar _excluded = [\"component\", \"children\", \"onVisibleChanged\", \"onAllRemoved\"],\n  _excluded2 = [\"status\"];\n/* eslint react/prop-types: 0 */\nimport * as React from 'react';\nimport OriginCSSMotion from \"./CSSMotion\";\nimport { diffKeys, parseKeys, STATUS_ADD, STATUS_KEEP, STATUS_REMOVE, STATUS_REMOVED } from \"./util/diff\";\nimport { supportTransition } from \"./util/motion\";\nvar MOTION_PROP_NAMES = ['eventProps', 'visible', 'children', 'motionName', 'motionAppear', 'motionEnter', 'motionLeave', 'motionLeaveImmediately', 'motionDeadline', 'removeOnLeave', 'leavedClassName', 'onAppearPrepare', 'onAppearStart', 'onAppearActive', 'onAppearEnd', 'onEnterStart', 'onEnterActive', 'onEnterEnd', 'onLeaveStart', 'onLeaveActive', 'onLeaveEnd'];\n/**\n * Generate a CSSMotionList component with config\n * @param transitionSupport No need since CSSMotionList no longer depends on transition support\n * @param CSSMotion CSSMotion component\n */\nexport function genCSSMotionList(transitionSupport) {\n  var CSSMotion = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : OriginCSSMotion;\n  var CSSMotionList = /*#__PURE__*/function (_React$Component) {\n    _inherits(CSSMotionList, _React$Component);\n    var _super = _createSuper(CSSMotionList);\n    function CSSMotionList() {\n      var _this;\n      _classCallCheck(this, CSSMotionList);\n      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n        args[_key] = arguments[_key];\n      }\n      _this = _super.call.apply(_super, [this].concat(args));\n      _defineProperty(_assertThisInitialized(_this), \"state\", {\n        keyEntities: []\n      });\n      // ZombieJ: Return the count of rest keys. It's safe to refactor if need more info.\n      _defineProperty(_assertThisInitialized(_this), \"removeKey\", function (removeKey) {\n        _this.setState(function (prevState) {\n          var nextKeyEntities = prevState.keyEntities.map(function (entity) {\n            if (entity.key !== removeKey) return entity;\n            return _objectSpread(_objectSpread({}, entity), {}, {\n              status: STATUS_REMOVED\n            });\n          });\n          return {\n            keyEntities: nextKeyEntities\n          };\n        }, function () {\n          var keyEntities = _this.state.keyEntities;\n          var restKeysCount = keyEntities.filter(function (_ref) {\n            var status = _ref.status;\n            return status !== STATUS_REMOVED;\n          }).length;\n          if (restKeysCount === 0 && _this.props.onAllRemoved) {\n            _this.props.onAllRemoved();\n          }\n        });\n      });\n      return _this;\n    }\n    _createClass(CSSMotionList, [{\n      key: \"render\",\n      value: function render() {\n        var _this2 = this;\n        var keyEntities = this.state.keyEntities;\n        var _this$props = this.props,\n          component = _this$props.component,\n          children = _this$props.children,\n          _onVisibleChanged = _this$props.onVisibleChanged,\n          onAllRemoved = _this$props.onAllRemoved,\n          restProps = _objectWithoutProperties(_this$props, _excluded);\n        var Component = component || React.Fragment;\n        var motionProps = {};\n        MOTION_PROP_NAMES.forEach(function (prop) {\n          motionProps[prop] = restProps[prop];\n          delete restProps[prop];\n        });\n        delete restProps.keys;\n        return /*#__PURE__*/React.createElement(Component, restProps, keyEntities.map(function (_ref2, index) {\n          var status = _ref2.status,\n            eventProps = _objectWithoutProperties(_ref2, _excluded2);\n          var visible = status === STATUS_ADD || status === STATUS_KEEP;\n          return /*#__PURE__*/React.createElement(CSSMotion, _extends({}, motionProps, {\n            key: eventProps.key,\n            visible: visible,\n            eventProps: eventProps,\n            onVisibleChanged: function onVisibleChanged(changedVisible) {\n              _onVisibleChanged === null || _onVisibleChanged === void 0 || _onVisibleChanged(changedVisible, {\n                key: eventProps.key\n              });\n              if (!changedVisible) {\n                _this2.removeKey(eventProps.key);\n              }\n            }\n          }), function (props, ref) {\n            return children(_objectSpread(_objectSpread({}, props), {}, {\n              index: index\n            }), ref);\n          });\n        }));\n      }\n    }], [{\n      key: \"getDerivedStateFromProps\",\n      value: function getDerivedStateFromProps(_ref3, _ref4) {\n        var keys = _ref3.keys;\n        var keyEntities = _ref4.keyEntities;\n        var parsedKeyObjects = parseKeys(keys);\n        var mixedKeyEntities = diffKeys(keyEntities, parsedKeyObjects);\n        return {\n          keyEntities: mixedKeyEntities.filter(function (entity) {\n            var prevEntity = keyEntities.find(function (_ref5) {\n              var key = _ref5.key;\n              return entity.key === key;\n            });\n\n            // Remove if already mark as removed\n            if (prevEntity && prevEntity.status === STATUS_REMOVED && entity.status === STATUS_REMOVE) {\n              return false;\n            }\n            return true;\n          })\n        };\n      }\n    }]);\n    return CSSMotionList;\n  }(React.Component);\n  _defineProperty(CSSMotionList, \"defaultProps\", {\n    component: 'div'\n  });\n  return CSSMotionList;\n}\nexport default genCSSMotionList(supportTransition);","import CSSMotion from \"./CSSMotion\";\nimport CSSMotionList from \"./CSSMotionList\";\nexport { default as Provider } from \"./context\";\nexport { CSSMotionList };\nexport default CSSMotion;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport classNames from 'classnames';\nimport KeyCode from \"rc-util/es/KeyCode\";\nimport * as React from 'react';\nvar Notify = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  var prefixCls = props.prefixCls,\n    style = props.style,\n    className = props.className,\n    _props$duration = props.duration,\n    duration = _props$duration === void 0 ? 4.5 : _props$duration,\n    eventKey = props.eventKey,\n    content = props.content,\n    closable = props.closable,\n    _props$closeIcon = props.closeIcon,\n    closeIcon = _props$closeIcon === void 0 ? 'x' : _props$closeIcon,\n    divProps = props.props,\n    onClick = props.onClick,\n    onNoticeClose = props.onNoticeClose,\n    times = props.times;\n  var _React$useState = React.useState(false),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    hovering = _React$useState2[0],\n    setHovering = _React$useState2[1];\n  // ======================== Close =========================\n  var onInternalClose = function onInternalClose() {\n    onNoticeClose(eventKey);\n  };\n  var onCloseKeyDown = function onCloseKeyDown(e) {\n    if (e.key === 'Enter' || e.code === 'Enter' || e.keyCode === KeyCode.ENTER) {\n      onInternalClose();\n    }\n  };\n  // ======================== Effect ========================\n  React.useEffect(function () {\n    if (!hovering && duration > 0) {\n      var timeout = setTimeout(function () {\n        onInternalClose();\n      }, duration * 1000);\n      return function () {\n        clearTimeout(timeout);\n      };\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [duration, hovering, times]);\n  // ======================== Render ========================\n  var noticePrefixCls = \"\".concat(prefixCls, \"-notice\");\n  return /*#__PURE__*/React.createElement(\"div\", _extends({}, divProps, {\n    ref: ref,\n    className: classNames(noticePrefixCls, className, _defineProperty({}, \"\".concat(noticePrefixCls, \"-closable\"), closable)),\n    style: style,\n    onMouseEnter: function onMouseEnter() {\n      setHovering(true);\n    },\n    onMouseLeave: function onMouseLeave() {\n      setHovering(false);\n    },\n    onClick: onClick\n  }), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"\".concat(noticePrefixCls, \"-content\")\n  }, content), closable && /*#__PURE__*/React.createElement(\"a\", {\n    tabIndex: 0,\n    className: \"\".concat(noticePrefixCls, \"-close\"),\n    onKeyDown: onCloseKeyDown,\n    onClick: function onClick(e) {\n      e.preventDefault();\n      e.stopPropagation();\n      onInternalClose();\n    }\n  }, closeIcon));\n});\nexport default Notify;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { CSSMotionList } from 'rc-motion';\nimport classNames from 'classnames';\nimport Notice from './Notice';\n// ant-notification ant-notification-topRight\nvar Notifications = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  var _props$prefixCls = props.prefixCls,\n    prefixCls = _props$prefixCls === void 0 ? 'rc-notification' : _props$prefixCls,\n    container = props.container,\n    motion = props.motion,\n    maxCount = props.maxCount,\n    className = props.className,\n    style = props.style,\n    onAllRemoved = props.onAllRemoved;\n  var _React$useState = React.useState([]),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    configList = _React$useState2[0],\n    setConfigList = _React$useState2[1];\n  // ======================== Close =========================\n  var onNoticeClose = function onNoticeClose(key) {\n    var _config$onClose;\n    // Trigger close event\n    var config = configList.find(function (item) {\n      return item.key === key;\n    });\n    config === null || config === void 0 ? void 0 : (_config$onClose = config.onClose) === null || _config$onClose === void 0 ? void 0 : _config$onClose.call(config);\n    setConfigList(function (list) {\n      return list.filter(function (item) {\n        return item.key !== key;\n      });\n    });\n  };\n  // ========================= Refs =========================\n  React.useImperativeHandle(ref, function () {\n    return {\n      open: function open(config) {\n        setConfigList(function (list) {\n          var clone = _toConsumableArray(list);\n          // Replace if exist\n          var index = clone.findIndex(function (item) {\n            return item.key === config.key;\n          });\n          var innerConfig = _objectSpread({}, config);\n          if (index >= 0) {\n            var _list$index;\n            innerConfig.times = (((_list$index = list[index]) === null || _list$index === void 0 ? void 0 : _list$index.times) || 0) + 1;\n            clone[index] = innerConfig;\n          } else {\n            innerConfig.times = 0;\n            clone.push(innerConfig);\n          }\n          if (maxCount > 0 && clone.length > maxCount) {\n            clone = clone.slice(-maxCount);\n          }\n          return clone;\n        });\n      },\n      close: function close(key) {\n        onNoticeClose(key);\n      },\n      destroy: function destroy() {\n        setConfigList([]);\n      }\n    };\n  });\n  // ====================== Placements ======================\n  var _React$useState3 = React.useState({}),\n    _React$useState4 = _slicedToArray(_React$useState3, 2),\n    placements = _React$useState4[0],\n    setPlacements = _React$useState4[1];\n  React.useEffect(function () {\n    var nextPlacements = {};\n    configList.forEach(function (config) {\n      var _config$placement = config.placement,\n        placement = _config$placement === void 0 ? 'topRight' : _config$placement;\n      if (placement) {\n        nextPlacements[placement] = nextPlacements[placement] || [];\n        nextPlacements[placement].push(config);\n      }\n    });\n    // Fill exist placements to avoid empty list causing remove without motion\n    Object.keys(placements).forEach(function (placement) {\n      nextPlacements[placement] = nextPlacements[placement] || [];\n    });\n    setPlacements(nextPlacements);\n  }, [configList]);\n  // Clean up container if all notices fade out\n  var onAllNoticeRemoved = function onAllNoticeRemoved(placement) {\n    setPlacements(function (originPlacements) {\n      var clone = _objectSpread({}, originPlacements);\n      var list = clone[placement] || [];\n      if (!list.length) {\n        delete clone[placement];\n      }\n      return clone;\n    });\n  };\n  // Effect tell that placements is empty now\n  var emptyRef = React.useRef(false);\n  React.useEffect(function () {\n    if (Object.keys(placements).length > 0) {\n      emptyRef.current = true;\n    } else if (emptyRef.current) {\n      // Trigger only when from exist to empty\n      onAllRemoved === null || onAllRemoved === void 0 ? void 0 : onAllRemoved();\n      emptyRef.current = false;\n    }\n  }, [placements]);\n  // ======================== Render ========================\n  if (!container) {\n    return null;\n  }\n  var placementList = Object.keys(placements);\n  return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(React.Fragment, null, placementList.map(function (placement) {\n    var placementConfigList = placements[placement];\n    var keys = placementConfigList.map(function (config) {\n      return {\n        config: config,\n        key: config.key\n      };\n    });\n    var placementMotion = typeof motion === 'function' ? motion(placement) : motion;\n    return /*#__PURE__*/React.createElement(CSSMotionList, _extends({\n      key: placement,\n      className: classNames(prefixCls, \"\".concat(prefixCls, \"-\").concat(placement), className === null || className === void 0 ? void 0 : className(placement)),\n      style: style === null || style === void 0 ? void 0 : style(placement),\n      keys: keys,\n      motionAppear: true\n    }, placementMotion, {\n      onAllRemoved: function onAllRemoved() {\n        onAllNoticeRemoved(placement);\n      }\n    }), function (_ref, nodeRef) {\n      var config = _ref.config,\n        motionClassName = _ref.className,\n        motionStyle = _ref.style;\n      var key = config.key,\n        times = config.times;\n      var configClassName = config.className,\n        configStyle = config.style;\n      return /*#__PURE__*/React.createElement(Notice, _extends({}, config, {\n        ref: nodeRef,\n        prefixCls: prefixCls,\n        className: classNames(motionClassName, configClassName),\n        style: _objectSpread(_objectSpread({}, motionStyle), configStyle),\n        times: times,\n        key: key,\n        eventKey: key,\n        onNoticeClose: onNoticeClose\n      }));\n    });\n  })), container);\n});\nif (process.env.NODE_ENV !== 'production') {\n  Notifications.displayName = 'Notifications';\n}\nexport default Notifications;","import _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"getContainer\", \"motion\", \"prefixCls\", \"maxCount\", \"className\", \"style\", \"onAllRemoved\"];\nimport * as React from 'react';\nimport Notifications from './Notifications';\nvar defaultGetContainer = function defaultGetContainer() {\n  return document.body;\n};\nvar uniqueKey = 0;\nfunction mergeConfig() {\n  var clone = {};\n  for (var _len = arguments.length, objList = new Array(_len), _key = 0; _key < _len; _key++) {\n    objList[_key] = arguments[_key];\n  }\n  objList.forEach(function (obj) {\n    if (obj) {\n      Object.keys(obj).forEach(function (key) {\n        var val = obj[key];\n        if (val !== undefined) {\n          clone[key] = val;\n        }\n      });\n    }\n  });\n  return clone;\n}\nexport default function useNotification() {\n  var rootConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  var _rootConfig$getContai = rootConfig.getContainer,\n    getContainer = _rootConfig$getContai === void 0 ? defaultGetContainer : _rootConfig$getContai,\n    motion = rootConfig.motion,\n    prefixCls = rootConfig.prefixCls,\n    maxCount = rootConfig.maxCount,\n    className = rootConfig.className,\n    style = rootConfig.style,\n    onAllRemoved = rootConfig.onAllRemoved,\n    shareConfig = _objectWithoutProperties(rootConfig, _excluded);\n  var _React$useState = React.useState(),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    container = _React$useState2[0],\n    setContainer = _React$useState2[1];\n  var notificationsRef = React.useRef();\n  var contextHolder = /*#__PURE__*/React.createElement(Notifications, {\n    container: container,\n    ref: notificationsRef,\n    prefixCls: prefixCls,\n    motion: motion,\n    maxCount: maxCount,\n    className: className,\n    style: style,\n    onAllRemoved: onAllRemoved\n  });\n  var _React$useState3 = React.useState([]),\n    _React$useState4 = _slicedToArray(_React$useState3, 2),\n    taskQueue = _React$useState4[0],\n    setTaskQueue = _React$useState4[1];\n  // ========================= Refs =========================\n  var api = React.useMemo(function () {\n    return {\n      open: function open(config) {\n        var mergedConfig = mergeConfig(shareConfig, config);\n        if (mergedConfig.key === null || mergedConfig.key === undefined) {\n          mergedConfig.key = \"rc-notification-\".concat(uniqueKey);\n          uniqueKey += 1;\n        }\n        setTaskQueue(function (queue) {\n          return [].concat(_toConsumableArray(queue), [{\n            type: 'open',\n            config: mergedConfig\n          }]);\n        });\n      },\n      close: function close(key) {\n        setTaskQueue(function (queue) {\n          return [].concat(_toConsumableArray(queue), [{\n            type: 'close',\n            key: key\n          }]);\n        });\n      },\n      destroy: function destroy() {\n        setTaskQueue(function (queue) {\n          return [].concat(_toConsumableArray(queue), [{\n            type: 'destroy'\n          }]);\n        });\n      }\n    };\n  }, []);\n  // ======================= Container ======================\n  // React 18 should all in effect that we will check container in each render\n  // Which means getContainer should be stable.\n  React.useEffect(function () {\n    setContainer(getContainer());\n  });\n  // ======================== Effect ========================\n  React.useEffect(function () {\n    // Flush task when node ready\n    if (notificationsRef.current && taskQueue.length) {\n      taskQueue.forEach(function (task) {\n        switch (task.type) {\n          case 'open':\n            notificationsRef.current.open(task.config);\n            break;\n          case 'close':\n            notificationsRef.current.close(task.key);\n            break;\n          case 'destroy':\n            notificationsRef.current.destroy();\n            break;\n        }\n      });\n      // React 17 will mix order of effect & setState in async\n      // - open: setState[0]\n      // - effect[0]\n      // - open: setState[1]\n      // - effect setState([]) * here will clean up [0, 1] in React 17\n      setTaskQueue(function (oriQueue) {\n        return oriQueue.filter(function (task) {\n          return !taskQueue.includes(task);\n        });\n      });\n    }\n  }, [taskQueue]);\n  // ======================== Return ========================\n  return [api, contextHolder];\n}","import useNotification from './useNotification';\nimport Notice from './Notice';\nexport { useNotification, Notice };","export default {\n  // Options.jsx\n  items_per_page: '/ page',\n  jump_to: 'Go to',\n  jump_to_confirm: 'confirm',\n  page: 'Page',\n  // Pagination.jsx\n  prev_page: 'Previous Page',\n  next_page: 'Next Page',\n  prev_5: 'Previous 5 Pages',\n  next_5: 'Next 5 Pages',\n  prev_3: 'Previous 3 Pages',\n  next_3: 'Next 3 Pages',\n  page_size: 'Page Size'\n};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar _default = {\n  // Options.jsx\n  items_per_page: '/ page',\n  jump_to: 'Go to',\n  jump_to_confirm: 'confirm',\n  page: 'Page',\n  // Pagination.jsx\n  prev_page: 'Previous Page',\n  next_page: 'Next Page',\n  prev_5: 'Previous 5 Pages',\n  next_5: 'Next 5 Pages',\n  prev_3: 'Previous 3 Pages',\n  next_3: 'Next 3 Pages',\n  page_size: 'Page Size'\n};\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\").default;\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar _dayjs = _interopRequireDefault(require(\"dayjs\"));\nvar _weekday = _interopRequireDefault(require(\"dayjs/plugin/weekday\"));\nvar _localeData = _interopRequireDefault(require(\"dayjs/plugin/localeData\"));\nvar _weekOfYear = _interopRequireDefault(require(\"dayjs/plugin/weekOfYear\"));\nvar _weekYear = _interopRequireDefault(require(\"dayjs/plugin/weekYear\"));\nvar _advancedFormat = _interopRequireDefault(require(\"dayjs/plugin/advancedFormat\"));\nvar _customParseFormat = _interopRequireDefault(require(\"dayjs/plugin/customParseFormat\"));\n_dayjs.default.extend(_customParseFormat.default);\n_dayjs.default.extend(_advancedFormat.default);\n_dayjs.default.extend(_weekday.default);\n_dayjs.default.extend(_localeData.default);\n_dayjs.default.extend(_weekOfYear.default);\n_dayjs.default.extend(_weekYear.default);\n_dayjs.default.extend(function (o, c) {\n  // todo support Wo (ISO week)\n  var proto = c.prototype;\n  var oldFormat = proto.format;\n  proto.format = function f(formatStr) {\n    var str = (formatStr || '').replace('Wo', 'wo');\n    return oldFormat.bind(this)(str);\n  };\n});\nvar localeMap = {\n  // ar_EG:\n  // az_AZ:\n  // bg_BG:\n  bn_BD: 'bn-bd',\n  by_BY: 'be',\n  // ca_ES:\n  // cs_CZ:\n  // da_DK:\n  // de_DE:\n  // el_GR:\n  en_GB: 'en-gb',\n  en_US: 'en',\n  // es_ES:\n  // et_EE:\n  // fa_IR:\n  // fi_FI:\n  fr_BE: 'fr',\n  // todo: dayjs has no fr_BE locale, use fr at present\n  fr_CA: 'fr-ca',\n  // fr_FR:\n  // ga_IE:\n  // gl_ES:\n  // he_IL:\n  // hi_IN:\n  // hr_HR:\n  // hu_HU:\n  hy_AM: 'hy-am',\n  // id_ID:\n  // is_IS:\n  // it_IT:\n  // ja_JP:\n  // ka_GE:\n  // kk_KZ:\n  // km_KH:\n  kmr_IQ: 'ku',\n  // kn_IN:\n  // ko_KR:\n  // ku_IQ: // previous ku in antd\n  // lt_LT:\n  // lv_LV:\n  // mk_MK:\n  // ml_IN:\n  // mn_MN:\n  // ms_MY:\n  // nb_NO:\n  // ne_NP:\n  nl_BE: 'nl-be',\n  // nl_NL:\n  // pl_PL:\n  pt_BR: 'pt-br',\n  // pt_PT:\n  // ro_RO:\n  // ru_RU:\n  // sk_SK:\n  // sl_SI:\n  // sr_RS:\n  // sv_SE:\n  // ta_IN:\n  // th_TH:\n  // tr_TR:\n  // uk_UA:\n  // ur_PK:\n  // vi_VN:\n  zh_CN: 'zh-cn',\n  zh_HK: 'zh-hk',\n  zh_TW: 'zh-tw'\n};\nvar parseLocale = function parseLocale(locale) {\n  var mapLocale = localeMap[locale];\n  return mapLocale || locale.split('_')[0];\n};\n\n/* istanbul ignore next */\nvar parseNoMatchNotice = function parseNoMatchNotice() {\n  // zombieJ:\n  // When user typing, its always miss match format.\n  // This check is meaningless.\n  // https://github.com/ant-design/ant-design/issues/51839\n  // noteOnce(false, 'Not match any format. Please help to fire a issue about this.');\n};\nvar generateConfig = {\n  // get\n  getNow: function getNow() {\n    var now = (0, _dayjs.default)();\n    // https://github.com/ant-design/ant-design/discussions/50934\n    if (typeof now.tz === 'function') {\n      return now.tz(); // use default timezone\n    }\n    return now;\n  },\n  getFixedDate: function getFixedDate(string) {\n    return (0, _dayjs.default)(string, ['YYYY-M-DD', 'YYYY-MM-DD']);\n  },\n  getEndDate: function getEndDate(date) {\n    return date.endOf('month');\n  },\n  getWeekDay: function getWeekDay(date) {\n    var clone = date.locale('en');\n    return clone.weekday() + clone.localeData().firstDayOfWeek();\n  },\n  getYear: function getYear(date) {\n    return date.year();\n  },\n  getMonth: function getMonth(date) {\n    return date.month();\n  },\n  getDate: function getDate(date) {\n    return date.date();\n  },\n  getHour: function getHour(date) {\n    return date.hour();\n  },\n  getMinute: function getMinute(date) {\n    return date.minute();\n  },\n  getSecond: function getSecond(date) {\n    return date.second();\n  },\n  getMillisecond: function getMillisecond(date) {\n    return date.millisecond();\n  },\n  // set\n  addYear: function addYear(date, diff) {\n    return date.add(diff, 'year');\n  },\n  addMonth: function addMonth(date, diff) {\n    return date.add(diff, 'month');\n  },\n  addDate: function addDate(date, diff) {\n    return date.add(diff, 'day');\n  },\n  setYear: function setYear(date, year) {\n    return date.year(year);\n  },\n  setMonth: function setMonth(date, month) {\n    return date.month(month);\n  },\n  setDate: function setDate(date, num) {\n    return date.date(num);\n  },\n  setHour: function setHour(date, hour) {\n    return date.hour(hour);\n  },\n  setMinute: function setMinute(date, minute) {\n    return date.minute(minute);\n  },\n  setSecond: function setSecond(date, second) {\n    return date.second(second);\n  },\n  setMillisecond: function setMillisecond(date, milliseconds) {\n    return date.millisecond(milliseconds);\n  },\n  // Compare\n  isAfter: function isAfter(date1, date2) {\n    return date1.isAfter(date2);\n  },\n  isValidate: function isValidate(date) {\n    return date.isValid();\n  },\n  locale: {\n    getWeekFirstDay: function getWeekFirstDay(locale) {\n      return (0, _dayjs.default)().locale(parseLocale(locale)).localeData().firstDayOfWeek();\n    },\n    getWeekFirstDate: function getWeekFirstDate(locale, date) {\n      return date.locale(parseLocale(locale)).weekday(0);\n    },\n    getWeek: function getWeek(locale, date) {\n      return date.locale(parseLocale(locale)).week();\n    },\n    getShortWeekDays: function getShortWeekDays(locale) {\n      return (0, _dayjs.default)().locale(parseLocale(locale)).localeData().weekdaysMin();\n    },\n    getShortMonths: function getShortMonths(locale) {\n      return (0, _dayjs.default)().locale(parseLocale(locale)).localeData().monthsShort();\n    },\n    format: function format(locale, date, _format) {\n      return date.locale(parseLocale(locale)).format(_format);\n    },\n    parse: function parse(locale, text, formats) {\n      var localeStr = parseLocale(locale);\n      for (var i = 0; i < formats.length; i += 1) {\n        var format = formats[i];\n        var formatText = text;\n        if (format.includes('wo') || format.includes('Wo')) {\n          // parse Wo\n          var year = formatText.split('-')[0];\n          var weekStr = formatText.split('-')[1];\n          var firstWeek = (0, _dayjs.default)(year, 'YYYY').startOf('year').locale(localeStr);\n          for (var j = 0; j <= 52; j += 1) {\n            var nextWeek = firstWeek.add(j, 'week');\n            if (nextWeek.format('Wo') === weekStr) {\n              return nextWeek;\n            }\n          }\n          parseNoMatchNotice();\n          return null;\n        }\n        var date = (0, _dayjs.default)(formatText, format, true).locale(localeStr);\n        if (date.isValid()) {\n          return date;\n        }\n      }\n      if (text) {\n        parseNoMatchNotice();\n      }\n      return null;\n    }\n  }\n};\nvar _default = exports.default = generateConfig;","import * as React from 'react';\nexport var CollectionContext = /*#__PURE__*/React.createContext(null);\n/**\n * Collect all the resize event from children ResizeObserver\n */\nexport function Collection(_ref) {\n  var children = _ref.children,\n    onBatchResize = _ref.onBatchResize;\n  var resizeIdRef = React.useRef(0);\n  var resizeInfosRef = React.useRef([]);\n  var onCollectionResize = React.useContext(CollectionContext);\n  var onResize = React.useCallback(function (size, element, data) {\n    resizeIdRef.current += 1;\n    var currentId = resizeIdRef.current;\n    resizeInfosRef.current.push({\n      size: size,\n      element: element,\n      data: data\n    });\n    Promise.resolve().then(function () {\n      if (currentId === resizeIdRef.current) {\n        onBatchResize === null || onBatchResize === void 0 || onBatchResize(resizeInfosRef.current);\n        resizeInfosRef.current = [];\n      }\n    });\n\n    // Continue bubbling if parent exist\n    onCollectionResize === null || onCollectionResize === void 0 || onCollectionResize(size, element, data);\n  }, [onBatchResize, onCollectionResize]);\n  return /*#__PURE__*/React.createElement(CollectionContext.Provider, {\n    value: onResize\n  }, children);\n}","import ResizeObserver from 'resize-observer-polyfill';\n// =============================== Const ===============================\nvar elementListeners = new Map();\nfunction onResize(entities) {\n  entities.forEach(function (entity) {\n    var _elementListeners$get;\n    var target = entity.target;\n    (_elementListeners$get = elementListeners.get(target)) === null || _elementListeners$get === void 0 || _elementListeners$get.forEach(function (listener) {\n      return listener(target);\n    });\n  });\n}\n\n// Note: ResizeObserver polyfill not support option to measure border-box resize\nvar resizeObserver = new ResizeObserver(onResize);\n\n// Dev env only\nexport var _el = process.env.NODE_ENV !== 'production' ? elementListeners : null; // eslint-disable-line\nexport var _rs = process.env.NODE_ENV !== 'production' ? onResize : null; // eslint-disable-line\n\n// ============================== Observe ==============================\nexport function observe(element, callback) {\n  if (!elementListeners.has(element)) {\n    elementListeners.set(element, new Set());\n    resizeObserver.observe(element);\n  }\n  elementListeners.get(element).add(callback);\n}\nexport function unobserve(element, callback) {\n  if (elementListeners.has(element)) {\n    elementListeners.get(element).delete(callback);\n    if (!elementListeners.get(element).size) {\n      resizeObserver.unobserve(element);\n      elementListeners.delete(element);\n    }\n  }\n}","import _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nimport _createSuper from \"@babel/runtime/helpers/esm/createSuper\";\nimport * as React from 'react';\n/**\n * Fallback to findDOMNode if origin ref do not provide any dom element\n */\nvar DomWrapper = /*#__PURE__*/function (_React$Component) {\n  _inherits(DomWrapper, _React$Component);\n  var _super = _createSuper(DomWrapper);\n  function DomWrapper() {\n    _classCallCheck(this, DomWrapper);\n    return _super.apply(this, arguments);\n  }\n  _createClass(DomWrapper, [{\n    key: \"render\",\n    value: function render() {\n      return this.props.children;\n    }\n  }]);\n  return DomWrapper;\n}(React.Component);\nexport { DomWrapper as default };","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport findDOMNode from \"rc-util/es/Dom/findDOMNode\";\nimport { supportRef, useComposeRef, getNodeRef } from \"rc-util/es/ref\";\nimport * as React from 'react';\nimport { CollectionContext } from \"../Collection\";\nimport { observe, unobserve } from \"../utils/observerUtil\";\nimport DomWrapper from \"./DomWrapper\";\nfunction SingleObserver(props, ref) {\n  var children = props.children,\n    disabled = props.disabled;\n  var elementRef = React.useRef(null);\n  var wrapperRef = React.useRef(null);\n  var onCollectionResize = React.useContext(CollectionContext);\n\n  // =========================== Children ===========================\n  var isRenderProps = typeof children === 'function';\n  var mergedChildren = isRenderProps ? children(elementRef) : children;\n\n  // ============================= Size =============================\n  var sizeRef = React.useRef({\n    width: -1,\n    height: -1,\n    offsetWidth: -1,\n    offsetHeight: -1\n  });\n\n  // ============================= Ref ==============================\n  var canRef = !isRenderProps && /*#__PURE__*/React.isValidElement(mergedChildren) && supportRef(mergedChildren);\n  var originRef = canRef ? getNodeRef(mergedChildren) : null;\n  var mergedRef = useComposeRef(originRef, elementRef);\n  var getDom = function getDom() {\n    var _elementRef$current;\n    return findDOMNode(elementRef.current) || (\n    // Support `nativeElement` format\n    elementRef.current && _typeof(elementRef.current) === 'object' ? findDOMNode((_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.nativeElement) : null) || findDOMNode(wrapperRef.current);\n  };\n  React.useImperativeHandle(ref, function () {\n    return getDom();\n  });\n\n  // =========================== Observe ============================\n  var propsRef = React.useRef(props);\n  propsRef.current = props;\n\n  // Handler\n  var onInternalResize = React.useCallback(function (target) {\n    var _propsRef$current = propsRef.current,\n      onResize = _propsRef$current.onResize,\n      data = _propsRef$current.data;\n    var _target$getBoundingCl = target.getBoundingClientRect(),\n      width = _target$getBoundingCl.width,\n      height = _target$getBoundingCl.height;\n    var offsetWidth = target.offsetWidth,\n      offsetHeight = target.offsetHeight;\n\n    /**\n     * Resize observer trigger when content size changed.\n     * In most case we just care about element size,\n     * let's use `boundary` instead of `contentRect` here to avoid shaking.\n     */\n    var fixedWidth = Math.floor(width);\n    var fixedHeight = Math.floor(height);\n    if (sizeRef.current.width !== fixedWidth || sizeRef.current.height !== fixedHeight || sizeRef.current.offsetWidth !== offsetWidth || sizeRef.current.offsetHeight !== offsetHeight) {\n      var size = {\n        width: fixedWidth,\n        height: fixedHeight,\n        offsetWidth: offsetWidth,\n        offsetHeight: offsetHeight\n      };\n      sizeRef.current = size;\n\n      // IE is strange, right?\n      var mergedOffsetWidth = offsetWidth === Math.round(width) ? width : offsetWidth;\n      var mergedOffsetHeight = offsetHeight === Math.round(height) ? height : offsetHeight;\n      var sizeInfo = _objectSpread(_objectSpread({}, size), {}, {\n        offsetWidth: mergedOffsetWidth,\n        offsetHeight: mergedOffsetHeight\n      });\n\n      // Let collection know what happened\n      onCollectionResize === null || onCollectionResize === void 0 || onCollectionResize(sizeInfo, target, data);\n      if (onResize) {\n        // defer the callback but not defer to next frame\n        Promise.resolve().then(function () {\n          onResize(sizeInfo, target);\n        });\n      }\n    }\n  }, []);\n\n  // Dynamic observe\n  React.useEffect(function () {\n    var currentElement = getDom();\n    if (currentElement && !disabled) {\n      observe(currentElement, onInternalResize);\n    }\n    return function () {\n      return unobserve(currentElement, onInternalResize);\n    };\n  }, [elementRef.current, disabled]);\n\n  // ============================ Render ============================\n  return /*#__PURE__*/React.createElement(DomWrapper, {\n    ref: wrapperRef\n  }, canRef ? /*#__PURE__*/React.cloneElement(mergedChildren, {\n    ref: mergedRef\n  }) : mergedChildren);\n}\nvar RefSingleObserver = /*#__PURE__*/React.forwardRef(SingleObserver);\nif (process.env.NODE_ENV !== 'production') {\n  RefSingleObserver.displayName = 'SingleObserver';\n}\nexport default RefSingleObserver;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport toArray from \"rc-util/es/Children/toArray\";\nimport { warning } from \"rc-util/es/warning\";\nimport SingleObserver from \"./SingleObserver\";\nimport { Collection } from \"./Collection\";\nvar INTERNAL_PREFIX_KEY = 'rc-observer-key';\nimport { _rs } from \"./utils/observerUtil\";\nexport { /** @private Test only for mock trigger resize event */\n_rs };\nfunction ResizeObserver(props, ref) {\n  var children = props.children;\n  var childNodes = typeof children === 'function' ? [children] : toArray(children);\n  if (process.env.NODE_ENV !== 'production') {\n    if (childNodes.length > 1) {\n      warning(false, 'Find more than one child node with `children` in ResizeObserver. Please use ResizeObserver.Collection instead.');\n    } else if (childNodes.length === 0) {\n      warning(false, '`children` of ResizeObserver is empty. Nothing is in observe.');\n    }\n  }\n  return childNodes.map(function (child, index) {\n    var key = (child === null || child === void 0 ? void 0 : child.key) || \"\".concat(INTERNAL_PREFIX_KEY, \"-\").concat(index);\n    return /*#__PURE__*/React.createElement(SingleObserver, _extends({}, props, {\n      key: key,\n      ref: index === 0 ? ref : undefined\n    }), child);\n  });\n}\nvar RefResizeObserver = /*#__PURE__*/React.forwardRef(ResizeObserver);\nif (process.env.NODE_ENV !== 'production') {\n  RefResizeObserver.displayName = 'ResizeObserver';\n}\nRefResizeObserver.Collection = Collection;\nexport default RefResizeObserver;","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport classNames from 'classnames';\nimport CSSMotion from 'rc-motion';\nimport useLayoutEffect from \"rc-util/es/hooks/useLayoutEffect\";\nimport { composeRef } from \"rc-util/es/ref\";\nimport * as React from 'react';\nvar calcThumbStyle = function calcThumbStyle(targetElement) {\n  return targetElement ? {\n    left: targetElement.offsetLeft,\n    right: targetElement.parentElement.clientWidth - targetElement.clientWidth - targetElement.offsetLeft,\n    width: targetElement.clientWidth\n  } : null;\n};\nvar toPX = function toPX(value) {\n  return value !== undefined ? \"\".concat(value, \"px\") : undefined;\n};\nexport default function MotionThumb(props) {\n  var prefixCls = props.prefixCls,\n    containerRef = props.containerRef,\n    value = props.value,\n    getValueIndex = props.getValueIndex,\n    motionName = props.motionName,\n    onMotionStart = props.onMotionStart,\n    onMotionEnd = props.onMotionEnd,\n    direction = props.direction;\n  var thumbRef = React.useRef(null);\n  var _React$useState = React.useState(value),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    prevValue = _React$useState2[0],\n    setPrevValue = _React$useState2[1];\n\n  // =========================== Effect ===========================\n  var findValueElement = function findValueElement(val) {\n    var _containerRef$current;\n    var index = getValueIndex(val);\n    var ele = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.querySelectorAll(\".\".concat(prefixCls, \"-item\"))[index];\n    return (ele === null || ele === void 0 ? void 0 : ele.offsetParent) && ele;\n  };\n  var _React$useState3 = React.useState(null),\n    _React$useState4 = _slicedToArray(_React$useState3, 2),\n    prevStyle = _React$useState4[0],\n    setPrevStyle = _React$useState4[1];\n  var _React$useState5 = React.useState(null),\n    _React$useState6 = _slicedToArray(_React$useState5, 2),\n    nextStyle = _React$useState6[0],\n    setNextStyle = _React$useState6[1];\n  useLayoutEffect(function () {\n    if (prevValue !== value) {\n      var prev = findValueElement(prevValue);\n      var next = findValueElement(value);\n      var calcPrevStyle = calcThumbStyle(prev);\n      var calcNextStyle = calcThumbStyle(next);\n      setPrevValue(value);\n      setPrevStyle(calcPrevStyle);\n      setNextStyle(calcNextStyle);\n      if (prev && next) {\n        onMotionStart();\n      } else {\n        onMotionEnd();\n      }\n    }\n  }, [value]);\n  var thumbStart = React.useMemo(function () {\n    return direction === 'rtl' ? toPX(-(prevStyle === null || prevStyle === void 0 ? void 0 : prevStyle.right)) : toPX(prevStyle === null || prevStyle === void 0 ? void 0 : prevStyle.left);\n  }, [direction, prevStyle]);\n  var thumbActive = React.useMemo(function () {\n    return direction === 'rtl' ? toPX(-(nextStyle === null || nextStyle === void 0 ? void 0 : nextStyle.right)) : toPX(nextStyle === null || nextStyle === void 0 ? void 0 : nextStyle.left);\n  }, [direction, nextStyle]);\n\n  // =========================== Motion ===========================\n  var onAppearStart = function onAppearStart() {\n    return {\n      transform: \"translateX(var(--thumb-start-left))\",\n      width: \"var(--thumb-start-width)\"\n    };\n  };\n  var onAppearActive = function onAppearActive() {\n    return {\n      transform: \"translateX(var(--thumb-active-left))\",\n      width: \"var(--thumb-active-width)\"\n    };\n  };\n  var onAppearEnd = function onAppearEnd() {\n    setPrevStyle(null);\n    setNextStyle(null);\n    onMotionEnd();\n  };\n\n  // =========================== Render ===========================\n  // No need motion when nothing exist in queue\n  if (!prevStyle || !nextStyle) {\n    return null;\n  }\n  return /*#__PURE__*/React.createElement(CSSMotion, {\n    visible: true,\n    motionName: motionName,\n    motionAppear: true,\n    onAppearStart: onAppearStart,\n    onAppearActive: onAppearActive,\n    onAppearEnd: onAppearEnd\n  }, function (_ref, ref) {\n    var motionClassName = _ref.className,\n      motionStyle = _ref.style;\n    var mergedStyle = _objectSpread(_objectSpread({}, motionStyle), {}, {\n      '--thumb-start-left': thumbStart,\n      '--thumb-start-width': toPX(prevStyle === null || prevStyle === void 0 ? void 0 : prevStyle.width),\n      '--thumb-active-left': thumbActive,\n      '--thumb-active-width': toPX(nextStyle === null || nextStyle === void 0 ? void 0 : nextStyle.width)\n    });\n\n    // It's little ugly which should be refactor when @umi/test update to latest jsdom\n    var motionProps = {\n      ref: composeRef(thumbRef, ref),\n      style: mergedStyle,\n      className: classNames(\"\".concat(prefixCls, \"-thumb\"), motionClassName)\n    };\n    if (process.env.NODE_ENV === 'test') {\n      motionProps['data-test-style'] = JSON.stringify(mergedStyle);\n    }\n    return /*#__PURE__*/React.createElement(\"div\", motionProps);\n  });\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nvar _excluded = [\"prefixCls\", \"direction\", \"options\", \"disabled\", \"defaultValue\", \"value\", \"onChange\", \"className\", \"motionName\"];\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport useMergedState from \"rc-util/es/hooks/useMergedState\";\nimport { composeRef } from \"rc-util/es/ref\";\nimport omit from \"rc-util/es/omit\";\nimport MotionThumb from \"./MotionThumb\";\nfunction getValidTitle(option) {\n  if (typeof option.title !== 'undefined') {\n    return option.title;\n  }\n\n  // read `label` when title is `undefined`\n  if (_typeof(option.label) !== 'object') {\n    var _option$label;\n    return (_option$label = option.label) === null || _option$label === void 0 ? void 0 : _option$label.toString();\n  }\n}\nfunction normalizeOptions(options) {\n  return options.map(function (option) {\n    if (_typeof(option) === 'object' && option !== null) {\n      var validTitle = getValidTitle(option);\n      return _objectSpread(_objectSpread({}, option), {}, {\n        title: validTitle\n      });\n    }\n    return {\n      label: option === null || option === void 0 ? void 0 : option.toString(),\n      title: option === null || option === void 0 ? void 0 : option.toString(),\n      value: option\n    };\n  });\n}\nvar InternalSegmentedOption = function InternalSegmentedOption(_ref) {\n  var prefixCls = _ref.prefixCls,\n    className = _ref.className,\n    disabled = _ref.disabled,\n    checked = _ref.checked,\n    label = _ref.label,\n    title = _ref.title,\n    value = _ref.value,\n    onChange = _ref.onChange;\n  var handleChange = function handleChange(event) {\n    if (disabled) {\n      return;\n    }\n    onChange(event, value);\n  };\n  return /*#__PURE__*/React.createElement(\"label\", {\n    className: classNames(className, _defineProperty({}, \"\".concat(prefixCls, \"-item-disabled\"), disabled))\n  }, /*#__PURE__*/React.createElement(\"input\", {\n    className: \"\".concat(prefixCls, \"-item-input\"),\n    type: \"radio\",\n    disabled: disabled,\n    checked: checked,\n    onChange: handleChange\n  }), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"\".concat(prefixCls, \"-item-label\"),\n    title: title\n  }, label));\n};\nvar Segmented = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  var _segmentedOptions$, _classNames2;\n  var _props$prefixCls = props.prefixCls,\n    prefixCls = _props$prefixCls === void 0 ? 'rc-segmented' : _props$prefixCls,\n    direction = props.direction,\n    options = props.options,\n    disabled = props.disabled,\n    defaultValue = props.defaultValue,\n    value = props.value,\n    onChange = props.onChange,\n    _props$className = props.className,\n    className = _props$className === void 0 ? '' : _props$className,\n    _props$motionName = props.motionName,\n    motionName = _props$motionName === void 0 ? 'thumb-motion' : _props$motionName,\n    restProps = _objectWithoutProperties(props, _excluded);\n  var containerRef = React.useRef(null);\n  var mergedRef = React.useMemo(function () {\n    return composeRef(containerRef, ref);\n  }, [containerRef, ref]);\n  var segmentedOptions = React.useMemo(function () {\n    return normalizeOptions(options);\n  }, [options]);\n\n  // Note: We should not auto switch value when value not exist in options\n  // which may break single source of truth.\n  var _useMergedState = useMergedState((_segmentedOptions$ = segmentedOptions[0]) === null || _segmentedOptions$ === void 0 ? void 0 : _segmentedOptions$.value, {\n      value: value,\n      defaultValue: defaultValue\n    }),\n    _useMergedState2 = _slicedToArray(_useMergedState, 2),\n    rawValue = _useMergedState2[0],\n    setRawValue = _useMergedState2[1];\n\n  // ======================= Change ========================\n  var _React$useState = React.useState(false),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    thumbShow = _React$useState2[0],\n    setThumbShow = _React$useState2[1];\n  var handleChange = function handleChange(event, val) {\n    if (disabled) {\n      return;\n    }\n    setRawValue(val);\n    onChange === null || onChange === void 0 ? void 0 : onChange(val);\n  };\n  var divProps = omit(restProps, ['children']);\n  return /*#__PURE__*/React.createElement(\"div\", _extends({}, divProps, {\n    className: classNames(prefixCls, (_classNames2 = {}, _defineProperty(_classNames2, \"\".concat(prefixCls, \"-rtl\"), direction === 'rtl'), _defineProperty(_classNames2, \"\".concat(prefixCls, \"-disabled\"), disabled), _classNames2), className),\n    ref: mergedRef\n  }), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"\".concat(prefixCls, \"-group\")\n  }, /*#__PURE__*/React.createElement(MotionThumb, {\n    prefixCls: prefixCls,\n    value: rawValue,\n    containerRef: containerRef,\n    motionName: \"\".concat(prefixCls, \"-\").concat(motionName),\n    direction: direction,\n    getValueIndex: function getValueIndex(val) {\n      return segmentedOptions.findIndex(function (n) {\n        return n.value === val;\n      });\n    },\n    onMotionStart: function onMotionStart() {\n      setThumbShow(true);\n    },\n    onMotionEnd: function onMotionEnd() {\n      setThumbShow(false);\n    }\n  }), segmentedOptions.map(function (segmentedOption) {\n    return /*#__PURE__*/React.createElement(InternalSegmentedOption, _extends({\n      key: segmentedOption.value,\n      prefixCls: prefixCls,\n      className: classNames(segmentedOption.className, \"\".concat(prefixCls, \"-item\"), _defineProperty({}, \"\".concat(prefixCls, \"-item-selected\"), segmentedOption.value === rawValue && !thumbShow)),\n      checked: segmentedOption.value === rawValue,\n      onChange: handleChange\n    }, segmentedOption, {\n      disabled: !!disabled || !!segmentedOption.disabled\n    }));\n  })));\n});\nSegmented.displayName = 'Segmented';\nSegmented.defaultProps = {\n  options: []\n};\nexport default Segmented;","// Thanks to https://github.com/andreypopp/react-textarea-autosize/\n/**\n * calculateNodeHeight(uiTextNode, useCache = false)\n */\nvar HIDDEN_TEXTAREA_STYLE = \"\\n  min-height:0 !important;\\n  max-height:none !important;\\n  height:0 !important;\\n  visibility:hidden !important;\\n  overflow:hidden !important;\\n  position:absolute !important;\\n  z-index:-1000 !important;\\n  top:0 !important;\\n  right:0 !important;\\n  pointer-events: none !important;\\n\";\nvar SIZING_STYLE = ['letter-spacing', 'line-height', 'padding-top', 'padding-bottom', 'font-family', 'font-weight', 'font-size', 'font-variant', 'text-rendering', 'text-transform', 'width', 'text-indent', 'padding-left', 'padding-right', 'border-width', 'box-sizing', 'word-break'];\nvar computedStyleCache = {};\nvar hiddenTextarea;\nexport function calculateNodeStyling(node) {\n  var useCache = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n  var nodeRef = node.getAttribute('id') || node.getAttribute('data-reactid') || node.getAttribute('name');\n  if (useCache && computedStyleCache[nodeRef]) {\n    return computedStyleCache[nodeRef];\n  }\n  var style = window.getComputedStyle(node);\n  var boxSizing = style.getPropertyValue('box-sizing') || style.getPropertyValue('-moz-box-sizing') || style.getPropertyValue('-webkit-box-sizing');\n  var paddingSize = parseFloat(style.getPropertyValue('padding-bottom')) + parseFloat(style.getPropertyValue('padding-top'));\n  var borderSize = parseFloat(style.getPropertyValue('border-bottom-width')) + parseFloat(style.getPropertyValue('border-top-width'));\n  var sizingStyle = SIZING_STYLE.map(function (name) {\n    return \"\".concat(name, \":\").concat(style.getPropertyValue(name));\n  }).join(';');\n  var nodeInfo = {\n    sizingStyle: sizingStyle,\n    paddingSize: paddingSize,\n    borderSize: borderSize,\n    boxSizing: boxSizing\n  };\n  if (useCache && nodeRef) {\n    computedStyleCache[nodeRef] = nodeInfo;\n  }\n  return nodeInfo;\n}\nexport default function calculateAutoSizeStyle(uiTextNode) {\n  var useCache = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n  var minRows = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;\n  var maxRows = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;\n  if (!hiddenTextarea) {\n    hiddenTextarea = document.createElement('textarea');\n    hiddenTextarea.setAttribute('tab-index', '-1');\n    hiddenTextarea.setAttribute('aria-hidden', 'true');\n    document.body.appendChild(hiddenTextarea);\n  }\n  // Fix wrap=\"off\" issue\n  // https://github.com/ant-design/ant-design/issues/6577\n  if (uiTextNode.getAttribute('wrap')) {\n    hiddenTextarea.setAttribute('wrap', uiTextNode.getAttribute('wrap'));\n  } else {\n    hiddenTextarea.removeAttribute('wrap');\n  }\n  // Copy all CSS properties that have an impact on the height of the content in\n  // the textbox\n  var _calculateNodeStyling = calculateNodeStyling(uiTextNode, useCache),\n    paddingSize = _calculateNodeStyling.paddingSize,\n    borderSize = _calculateNodeStyling.borderSize,\n    boxSizing = _calculateNodeStyling.boxSizing,\n    sizingStyle = _calculateNodeStyling.sizingStyle;\n  // Need to have the overflow attribute to hide the scrollbar otherwise\n  // text-lines will not calculated properly as the shadow will technically be\n  // narrower for content\n  hiddenTextarea.setAttribute('style', \"\".concat(sizingStyle, \";\").concat(HIDDEN_TEXTAREA_STYLE));\n  hiddenTextarea.value = uiTextNode.value || uiTextNode.placeholder || '';\n  var minHeight = undefined;\n  var maxHeight = undefined;\n  var overflowY;\n  var height = hiddenTextarea.scrollHeight;\n  if (boxSizing === 'border-box') {\n    // border-box: add border, since height = content + padding + border\n    height += borderSize;\n  } else if (boxSizing === 'content-box') {\n    // remove padding, since height = content\n    height -= paddingSize;\n  }\n  if (minRows !== null || maxRows !== null) {\n    // measure height of a textarea with a single row\n    hiddenTextarea.value = ' ';\n    var singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;\n    if (minRows !== null) {\n      minHeight = singleRowHeight * minRows;\n      if (boxSizing === 'border-box') {\n        minHeight = minHeight + paddingSize + borderSize;\n      }\n      height = Math.max(minHeight, height);\n    }\n    if (maxRows !== null) {\n      maxHeight = singleRowHeight * maxRows;\n      if (boxSizing === 'border-box') {\n        maxHeight = maxHeight + paddingSize + borderSize;\n      }\n      overflowY = height > maxHeight ? '' : 'hidden';\n      height = Math.min(maxHeight, height);\n    }\n  }\n  var style = {\n    height: height,\n    overflowY: overflowY,\n    resize: 'none'\n  };\n  if (minHeight) {\n    style.minHeight = minHeight;\n  }\n  if (maxHeight) {\n    style.maxHeight = maxHeight;\n  }\n  return style;\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"prefixCls\", \"onPressEnter\", \"defaultValue\", \"value\", \"autoSize\", \"onResize\", \"className\", \"style\", \"disabled\", \"onChange\", \"onInternalAutoSize\"];\nimport * as React from 'react';\nimport ResizeObserver from 'rc-resize-observer';\nimport useLayoutEffect from \"rc-util/es/hooks/useLayoutEffect\";\nimport raf from \"rc-util/es/raf\";\nimport useMergedState from \"rc-util/es/hooks/useMergedState\";\nimport classNames from 'classnames';\nimport calculateAutoSizeStyle from './calculateNodeHeight';\nvar RESIZE_START = 0;\nvar RESIZE_MEASURING = 1;\nvar RESIZE_STABLE = 2;\nvar ResizableTextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  var _props$prefixCls = props.prefixCls,\n    prefixCls = _props$prefixCls === void 0 ? 'rc-textarea' : _props$prefixCls,\n    onPressEnter = props.onPressEnter,\n    defaultValue = props.defaultValue,\n    value = props.value,\n    autoSize = props.autoSize,\n    onResize = props.onResize,\n    className = props.className,\n    style = props.style,\n    disabled = props.disabled,\n    onChange = props.onChange,\n    onInternalAutoSize = props.onInternalAutoSize,\n    restProps = _objectWithoutProperties(props, _excluded);\n  // =============================== Value ================================\n  var _useMergedState = useMergedState(defaultValue, {\n      value: value,\n      postState: function postState(val) {\n        return val !== null && val !== void 0 ? val : '';\n      }\n    }),\n    _useMergedState2 = _slicedToArray(_useMergedState, 2),\n    mergedValue = _useMergedState2[0],\n    setMergedValue = _useMergedState2[1];\n  var onInternalChange = function onInternalChange(event) {\n    setMergedValue(event.target.value);\n    onChange === null || onChange === void 0 ? void 0 : onChange(event);\n  };\n  // ================================ Ref =================================\n  var textareaRef = React.useRef();\n  React.useImperativeHandle(ref, function () {\n    return {\n      textArea: textareaRef.current\n    };\n  });\n  // ============================== AutoSize ==============================\n  var _React$useMemo = React.useMemo(function () {\n      if (autoSize && _typeof(autoSize) === 'object') {\n        return [autoSize.minRows, autoSize.maxRows];\n      }\n      return [];\n    }, [autoSize]),\n    _React$useMemo2 = _slicedToArray(_React$useMemo, 2),\n    minRows = _React$useMemo2[0],\n    maxRows = _React$useMemo2[1];\n  var needAutoSize = !!autoSize;\n  // =============================== Scroll ===============================\n  // https://github.com/ant-design/ant-design/issues/21870\n  var fixFirefoxAutoScroll = function fixFirefoxAutoScroll() {\n    try {\n      // FF has bug with jump of scroll to top. We force back here.\n      if (document.activeElement === textareaRef.current) {\n        var _textareaRef$current = textareaRef.current,\n          selectionStart = _textareaRef$current.selectionStart,\n          selectionEnd = _textareaRef$current.selectionEnd,\n          scrollTop = _textareaRef$current.scrollTop;\n        // Fix Safari bug which not rollback when break line\n        // This makes Chinese IME can't input. Do not fix this\n        // const { value: tmpValue } = textareaRef.current;\n        // textareaRef.current.value = '';\n        // textareaRef.current.value = tmpValue;\n        textareaRef.current.setSelectionRange(selectionStart, selectionEnd);\n        textareaRef.current.scrollTop = scrollTop;\n      }\n    } catch (e) {\n      // Fix error in Chrome:\n      // Failed to read the 'selectionStart' property from 'HTMLInputElement'\n      // http://stackoverflow.com/q/21177489/3040605\n    }\n  };\n  // =============================== Resize ===============================\n  var _React$useState = React.useState(RESIZE_STABLE),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    resizeState = _React$useState2[0],\n    setResizeState = _React$useState2[1];\n  var _React$useState3 = React.useState(),\n    _React$useState4 = _slicedToArray(_React$useState3, 2),\n    autoSizeStyle = _React$useState4[0],\n    setAutoSizeStyle = _React$useState4[1];\n  var startResize = function startResize() {\n    setResizeState(RESIZE_START);\n    if (process.env.NODE_ENV === 'test') {\n      onInternalAutoSize === null || onInternalAutoSize === void 0 ? void 0 : onInternalAutoSize();\n    }\n  };\n  // Change to trigger resize measure\n  useLayoutEffect(function () {\n    if (needAutoSize) {\n      startResize();\n    }\n  }, [value, minRows, maxRows, needAutoSize]);\n  useLayoutEffect(function () {\n    if (resizeState === RESIZE_START) {\n      setResizeState(RESIZE_MEASURING);\n    } else if (resizeState === RESIZE_MEASURING) {\n      var textareaStyles = calculateAutoSizeStyle(textareaRef.current, false, minRows, maxRows);\n      // Safari has bug that text will keep break line on text cut when it's prev is break line.\n      // ZombieJ: This not often happen. So we just skip it.\n      // const { selectionStart, selectionEnd, scrollTop } = textareaRef.current;\n      // const { value: tmpValue } = textareaRef.current;\n      // textareaRef.current.value = '';\n      // textareaRef.current.value = tmpValue;\n      // if (document.activeElement === textareaRef.current) {\n      //   textareaRef.current.scrollTop = scrollTop;\n      //   textareaRef.current.setSelectionRange(selectionStart, selectionEnd);\n      // }\n      setResizeState(RESIZE_STABLE);\n      setAutoSizeStyle(textareaStyles);\n    } else {\n      fixFirefoxAutoScroll();\n    }\n  }, [resizeState]);\n  // We lock resize trigger by raf to avoid Safari warning\n  var resizeRafRef = React.useRef();\n  var cleanRaf = function cleanRaf() {\n    raf.cancel(resizeRafRef.current);\n  };\n  var onInternalResize = function onInternalResize(size) {\n    if (resizeState === RESIZE_STABLE) {\n      onResize === null || onResize === void 0 ? void 0 : onResize(size);\n      if (autoSize) {\n        cleanRaf();\n        resizeRafRef.current = raf(function () {\n          startResize();\n        });\n      }\n    }\n  };\n  React.useEffect(function () {\n    return cleanRaf;\n  }, []);\n  // =============================== Render ===============================\n  var mergedAutoSizeStyle = needAutoSize ? autoSizeStyle : null;\n  var mergedStyle = _objectSpread(_objectSpread({}, style), mergedAutoSizeStyle);\n  if (resizeState === RESIZE_START || resizeState === RESIZE_MEASURING) {\n    mergedStyle.overflowY = 'hidden';\n    mergedStyle.overflowX = 'hidden';\n  }\n  return /*#__PURE__*/React.createElement(ResizeObserver, {\n    onResize: onInternalResize,\n    disabled: !(autoSize || onResize)\n  }, /*#__PURE__*/React.createElement(\"textarea\", _extends({}, restProps, {\n    ref: textareaRef,\n    style: mergedStyle,\n    className: classNames(prefixCls, className, _defineProperty({}, \"\".concat(prefixCls, \"-disabled\"), disabled)),\n    disabled: disabled,\n    value: mergedValue,\n    onChange: onInternalChange\n  })));\n});\nexport default ResizableTextArea;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nimport _createSuper from \"@babel/runtime/helpers/esm/createSuper\";\nimport * as React from 'react';\nimport ResizableTextArea from './ResizableTextArea';\nvar TextArea = /*#__PURE__*/function (_React$Component) {\n  _inherits(TextArea, _React$Component);\n  var _super = _createSuper(TextArea);\n  function TextArea(props) {\n    var _this;\n    _classCallCheck(this, TextArea);\n    _this = _super.call(this, props);\n    _this.resizableTextArea = void 0;\n    _this.focus = function () {\n      _this.resizableTextArea.textArea.focus();\n    };\n    _this.saveTextArea = function (resizableTextArea) {\n      _this.resizableTextArea = resizableTextArea;\n    };\n    _this.handleChange = function (e) {\n      var onChange = _this.props.onChange;\n      _this.setValue(e.target.value);\n      if (onChange) {\n        onChange(e);\n      }\n    };\n    _this.handleKeyDown = function (e) {\n      var _this$props = _this.props,\n        onPressEnter = _this$props.onPressEnter,\n        onKeyDown = _this$props.onKeyDown;\n      if (e.keyCode === 13 && onPressEnter) {\n        onPressEnter(e);\n      }\n      if (onKeyDown) {\n        onKeyDown(e);\n      }\n    };\n    var value = typeof props.value === 'undefined' || props.value === null ? props.defaultValue : props.value;\n    _this.state = {\n      value: value\n    };\n    return _this;\n  }\n  _createClass(TextArea, [{\n    key: \"setValue\",\n    value: function setValue(value, callback) {\n      if (!('value' in this.props)) {\n        this.setState({\n          value: value\n        }, callback);\n      }\n    }\n  }, {\n    key: \"blur\",\n    value: function blur() {\n      this.resizableTextArea.textArea.blur();\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      return /*#__PURE__*/React.createElement(ResizableTextArea, _extends({}, this.props, {\n        value: this.state.value,\n        onKeyDown: this.handleKeyDown,\n        onChange: this.handleChange,\n        ref: this.saveTextArea\n      }));\n    }\n  }], [{\n    key: \"getDerivedStateFromProps\",\n    value: function getDerivedStateFromProps(nextProps) {\n      if ('value' in nextProps) {\n        return {\n          value: nextProps.value\n        };\n      }\n      return null;\n    }\n  }]);\n  return TextArea;\n}(React.Component);\nexport { ResizableTextArea };\nexport default TextArea;","import * as React from 'react';\nimport classNames from 'classnames';\nexport default function Popup(props) {\n  var showArrow = props.showArrow,\n      arrowContent = props.arrowContent,\n      children = props.children,\n      prefixCls = props.prefixCls,\n      id = props.id,\n      overlayInnerStyle = props.overlayInnerStyle,\n      className = props.className,\n      style = props.style;\n  return /*#__PURE__*/React.createElement(\"div\", {\n    className: classNames(\"\".concat(prefixCls, \"-content\"), className),\n    style: style\n  }, showArrow !== false && /*#__PURE__*/React.createElement(\"div\", {\n    className: \"\".concat(prefixCls, \"-arrow\"),\n    key: \"arrow\"\n  }, arrowContent), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"\".concat(prefixCls, \"-inner\"),\n    id: id,\n    role: \"tooltip\",\n    style: overlayInnerStyle\n  }, typeof children === 'function' ? children() : children));\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport { useRef, useImperativeHandle, forwardRef } from 'react';\nimport Trigger from 'rc-trigger';\nimport { placements } from './placements';\nimport Popup from './Popup';\n\nvar Tooltip = function Tooltip(props, ref) {\n  var overlayClassName = props.overlayClassName,\n      _props$trigger = props.trigger,\n      trigger = _props$trigger === void 0 ? ['hover'] : _props$trigger,\n      _props$mouseEnterDela = props.mouseEnterDelay,\n      mouseEnterDelay = _props$mouseEnterDela === void 0 ? 0 : _props$mouseEnterDela,\n      _props$mouseLeaveDela = props.mouseLeaveDelay,\n      mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela,\n      overlayStyle = props.overlayStyle,\n      _props$prefixCls = props.prefixCls,\n      prefixCls = _props$prefixCls === void 0 ? 'rc-tooltip' : _props$prefixCls,\n      children = props.children,\n      onVisibleChange = props.onVisibleChange,\n      afterVisibleChange = props.afterVisibleChange,\n      transitionName = props.transitionName,\n      animation = props.animation,\n      motion = props.motion,\n      _props$placement = props.placement,\n      placement = _props$placement === void 0 ? 'right' : _props$placement,\n      _props$align = props.align,\n      align = _props$align === void 0 ? {} : _props$align,\n      _props$destroyTooltip = props.destroyTooltipOnHide,\n      destroyTooltipOnHide = _props$destroyTooltip === void 0 ? false : _props$destroyTooltip,\n      defaultVisible = props.defaultVisible,\n      getTooltipContainer = props.getTooltipContainer,\n      overlayInnerStyle = props.overlayInnerStyle,\n      arrowContent = props.arrowContent,\n      overlay = props.overlay,\n      id = props.id,\n      showArrow = props.showArrow,\n      restProps = _objectWithoutProperties(props, [\"overlayClassName\", \"trigger\", \"mouseEnterDelay\", \"mouseLeaveDelay\", \"overlayStyle\", \"prefixCls\", \"children\", \"onVisibleChange\", \"afterVisibleChange\", \"transitionName\", \"animation\", \"motion\", \"placement\", \"align\", \"destroyTooltipOnHide\", \"defaultVisible\", \"getTooltipContainer\", \"overlayInnerStyle\", \"arrowContent\", \"overlay\", \"id\", \"showArrow\"]);\n\n  var domRef = useRef(null);\n  useImperativeHandle(ref, function () {\n    return domRef.current;\n  });\n\n  var extraProps = _objectSpread({}, restProps);\n\n  if ('visible' in props) {\n    extraProps.popupVisible = props.visible;\n  }\n\n  var getPopupElement = function getPopupElement() {\n    return /*#__PURE__*/React.createElement(Popup, {\n      showArrow: showArrow,\n      arrowContent: arrowContent,\n      key: \"content\",\n      prefixCls: prefixCls,\n      id: id,\n      overlayInnerStyle: overlayInnerStyle\n    }, overlay);\n  };\n\n  var destroyTooltip = false;\n  var autoDestroy = false;\n\n  if (typeof destroyTooltipOnHide === 'boolean') {\n    destroyTooltip = destroyTooltipOnHide;\n  } else if (destroyTooltipOnHide && _typeof(destroyTooltipOnHide) === 'object') {\n    var keepParent = destroyTooltipOnHide.keepParent;\n    destroyTooltip = keepParent === true;\n    autoDestroy = keepParent === false;\n  }\n\n  return /*#__PURE__*/React.createElement(Trigger, _extends({\n    popupClassName: overlayClassName,\n    prefixCls: prefixCls,\n    popup: getPopupElement,\n    action: trigger,\n    builtinPlacements: placements,\n    popupPlacement: placement,\n    ref: domRef,\n    popupAlign: align,\n    getPopupContainer: getTooltipContainer,\n    onPopupVisibleChange: onVisibleChange,\n    afterPopupVisibleChange: afterVisibleChange,\n    popupTransitionName: transitionName,\n    popupAnimation: animation,\n    popupMotion: motion,\n    defaultPopupVisible: defaultVisible,\n    destroyPopupOnHide: destroyTooltip,\n    autoDestroy: autoDestroy,\n    mouseLeaveDelay: mouseLeaveDelay,\n    popupStyle: overlayStyle,\n    mouseEnterDelay: mouseEnterDelay\n  }, extraProps), children);\n};\n\nexport default /*#__PURE__*/forwardRef(Tooltip);","import Tooltip from './Tooltip';\nimport Popup from './Popup';\nexport { Popup };\nexport default Tooltip;","var autoAdjustOverflow = {\n  adjustX: 1,\n  adjustY: 1\n};\nvar targetOffset = [0, 0];\nexport var placements = {\n  left: {\n    points: ['cr', 'cl'],\n    overflow: autoAdjustOverflow,\n    offset: [-4, 0],\n    targetOffset: targetOffset\n  },\n  right: {\n    points: ['cl', 'cr'],\n    overflow: autoAdjustOverflow,\n    offset: [4, 0],\n    targetOffset: targetOffset\n  },\n  top: {\n    points: ['bc', 'tc'],\n    overflow: autoAdjustOverflow,\n    offset: [0, -4],\n    targetOffset: targetOffset\n  },\n  bottom: {\n    points: ['tc', 'bc'],\n    overflow: autoAdjustOverflow,\n    offset: [0, 4],\n    targetOffset: targetOffset\n  },\n  topLeft: {\n    points: ['bl', 'tl'],\n    overflow: autoAdjustOverflow,\n    offset: [0, -4],\n    targetOffset: targetOffset\n  },\n  leftTop: {\n    points: ['tr', 'tl'],\n    overflow: autoAdjustOverflow,\n    offset: [-4, 0],\n    targetOffset: targetOffset\n  },\n  topRight: {\n    points: ['br', 'tr'],\n    overflow: autoAdjustOverflow,\n    offset: [0, -4],\n    targetOffset: targetOffset\n  },\n  rightTop: {\n    points: ['tl', 'tr'],\n    overflow: autoAdjustOverflow,\n    offset: [4, 0],\n    targetOffset: targetOffset\n  },\n  bottomRight: {\n    points: ['tr', 'br'],\n    overflow: autoAdjustOverflow,\n    offset: [0, 4],\n    targetOffset: targetOffset\n  },\n  rightBottom: {\n    points: ['bl', 'br'],\n    overflow: autoAdjustOverflow,\n    offset: [4, 0],\n    targetOffset: targetOffset\n  },\n  bottomLeft: {\n    points: ['tl', 'bl'],\n    overflow: autoAdjustOverflow,\n    offset: [0, 4],\n    targetOffset: targetOffset\n  },\n  leftBottom: {\n    points: ['br', 'bl'],\n    overflow: autoAdjustOverflow,\n    offset: [-4, 0],\n    targetOffset: targetOffset\n  }\n};\nexport default placements;","import { useRef, useEffect, forwardRef, useImperativeHandle } from 'react';\nimport ReactDOM from 'react-dom';\nimport canUseDom from \"./Dom/canUseDom\";\nvar Portal = /*#__PURE__*/forwardRef(function (props, ref) {\n  var didUpdate = props.didUpdate,\n    getContainer = props.getContainer,\n    children = props.children;\n  var parentRef = useRef();\n  var containerRef = useRef();\n\n  // Ref return nothing, only for wrapper check exist\n  useImperativeHandle(ref, function () {\n    return {};\n  });\n\n  // Create container in client side with sync to avoid useEffect not get ref\n  var initRef = useRef(false);\n  if (!initRef.current && canUseDom()) {\n    containerRef.current = getContainer();\n    parentRef.current = containerRef.current.parentNode;\n    initRef.current = true;\n  }\n\n  // [Legacy] Used by `rc-trigger`\n  useEffect(function () {\n    didUpdate === null || didUpdate === void 0 || didUpdate(props);\n  });\n  useEffect(function () {\n    // Restore container to original place\n    // React 18 StrictMode will unmount first and mount back for effect test:\n    // https://reactjs.org/blog/2022/03/29/react-v18.html#new-strict-mode-behaviors\n    if (containerRef.current.parentNode === null && parentRef.current !== null) {\n      parentRef.current.appendChild(containerRef.current);\n    }\n    return function () {\n      var _containerRef$current;\n      // [Legacy] This should not be handle by Portal but parent PortalWrapper instead.\n      // Since some component use `Portal` directly, we have to keep the logic here.\n      (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 || (_containerRef$current = _containerRef$current.parentNode) === null || _containerRef$current === void 0 || _containerRef$current.removeChild(containerRef.current);\n    };\n  }, []);\n  return containerRef.current ? /*#__PURE__*/ReactDOM.createPortal(children, containerRef.current) : null;\n});\nexport default Portal;","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n\nfunction isPointsEq(a1, a2, isAlignPoint) {\n  if (isAlignPoint) {\n    return a1[0] === a2[0];\n  }\n\n  return a1[0] === a2[0] && a1[1] === a2[1];\n}\n\nexport function getAlignFromPlacement(builtinPlacements, placementStr, align) {\n  var baseAlign = builtinPlacements[placementStr] || {};\n  return _objectSpread(_objectSpread({}, baseAlign), align);\n}\nexport function getAlignPopupClassName(builtinPlacements, prefixCls, align, isAlignPoint) {\n  var points = align.points;\n  var placements = Object.keys(builtinPlacements);\n\n  for (var i = 0; i < placements.length; i += 1) {\n    var placement = placements[i];\n\n    if (isPointsEq(builtinPlacements[placement].points, points, isAlignPoint)) {\n      return \"\".concat(prefixCls, \"-placement-\").concat(placement);\n    }\n  }\n\n  return '';\n}","export function getMotion(_ref) {\n  var prefixCls = _ref.prefixCls,\n      motion = _ref.motion,\n      animation = _ref.animation,\n      transitionName = _ref.transitionName;\n\n  if (motion) {\n    return motion;\n  }\n\n  if (animation) {\n    return {\n      motionName: \"\".concat(prefixCls, \"-\").concat(animation)\n    };\n  }\n\n  if (transitionName) {\n    return {\n      motionName: transitionName\n    };\n  }\n\n  return null;\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport CSSMotion from 'rc-motion';\nimport { getMotion } from \"../utils/legacyUtil\";\nexport default function Mask(props) {\n  var prefixCls = props.prefixCls,\n      visible = props.visible,\n      zIndex = props.zIndex,\n      mask = props.mask,\n      maskMotion = props.maskMotion,\n      maskAnimation = props.maskAnimation,\n      maskTransitionName = props.maskTransitionName;\n\n  if (!mask) {\n    return null;\n  }\n\n  var motion = {};\n\n  if (maskMotion || maskTransitionName || maskAnimation) {\n    motion = _objectSpread({\n      motionAppear: true\n    }, getMotion({\n      motion: maskMotion,\n      prefixCls: prefixCls,\n      transitionName: maskTransitionName,\n      animation: maskAnimation\n    }));\n  }\n\n  return /*#__PURE__*/React.createElement(CSSMotion, _extends({}, motion, {\n    visible: visible,\n    removeOnLeave: true\n  }), function (_ref) {\n    var className = _ref.className;\n    return /*#__PURE__*/React.createElement(\"div\", {\n      style: {\n        zIndex: zIndex\n      },\n      className: classNames(\"\".concat(prefixCls, \"-mask\"), className)\n    });\n  });\n}","function ownKeys(object, enumerableOnly) {\n  var keys = Object.keys(object);\n  if (Object.getOwnPropertySymbols) {\n    var symbols = Object.getOwnPropertySymbols(object);\n    enumerableOnly && (symbols = symbols.filter(function (sym) {\n      return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n    })), keys.push.apply(keys, symbols);\n  }\n  return keys;\n}\nfunction _objectSpread2(target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = null != arguments[i] ? arguments[i] : {};\n    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {\n      _defineProperty(target, key, source[key]);\n    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {\n      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n    });\n  }\n  return target;\n}\nfunction _typeof(obj) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n    return typeof obj;\n  } : function (obj) {\n    return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n  }, _typeof(obj);\n}\nfunction _defineProperty(obj, key, value) {\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n  return obj;\n}\n\nvar vendorPrefix;\nvar jsCssMap = {\n  Webkit: '-webkit-',\n  Moz: '-moz-',\n  // IE did it wrong again ...\n  ms: '-ms-',\n  O: '-o-'\n};\nfunction getVendorPrefix() {\n  if (vendorPrefix !== undefined) {\n    return vendorPrefix;\n  }\n  vendorPrefix = '';\n  var style = document.createElement('p').style;\n  var testProp = 'Transform';\n  for (var key in jsCssMap) {\n    if (key + testProp in style) {\n      vendorPrefix = key;\n    }\n  }\n  return vendorPrefix;\n}\nfunction getTransitionName() {\n  return getVendorPrefix() ? \"\".concat(getVendorPrefix(), \"TransitionProperty\") : 'transitionProperty';\n}\nfunction getTransformName() {\n  return getVendorPrefix() ? \"\".concat(getVendorPrefix(), \"Transform\") : 'transform';\n}\nfunction setTransitionProperty(node, value) {\n  var name = getTransitionName();\n  if (name) {\n    node.style[name] = value;\n    if (name !== 'transitionProperty') {\n      node.style.transitionProperty = value;\n    }\n  }\n}\nfunction setTransform(node, value) {\n  var name = getTransformName();\n  if (name) {\n    node.style[name] = value;\n    if (name !== 'transform') {\n      node.style.transform = value;\n    }\n  }\n}\nfunction getTransitionProperty(node) {\n  return node.style.transitionProperty || node.style[getTransitionName()];\n}\nfunction getTransformXY(node) {\n  var style = window.getComputedStyle(node, null);\n  var transform = style.getPropertyValue('transform') || style.getPropertyValue(getTransformName());\n  if (transform && transform !== 'none') {\n    var matrix = transform.replace(/[^0-9\\-.,]/g, '').split(',');\n    return {\n      x: parseFloat(matrix[12] || matrix[4], 0),\n      y: parseFloat(matrix[13] || matrix[5], 0)\n    };\n  }\n  return {\n    x: 0,\n    y: 0\n  };\n}\nvar matrix2d = /matrix\\((.*)\\)/;\nvar matrix3d = /matrix3d\\((.*)\\)/;\nfunction setTransformXY(node, xy) {\n  var style = window.getComputedStyle(node, null);\n  var transform = style.getPropertyValue('transform') || style.getPropertyValue(getTransformName());\n  if (transform && transform !== 'none') {\n    var arr;\n    var match2d = transform.match(matrix2d);\n    if (match2d) {\n      match2d = match2d[1];\n      arr = match2d.split(',').map(function (item) {\n        return parseFloat(item, 10);\n      });\n      arr[4] = xy.x;\n      arr[5] = xy.y;\n      setTransform(node, \"matrix(\".concat(arr.join(','), \")\"));\n    } else {\n      var match3d = transform.match(matrix3d)[1];\n      arr = match3d.split(',').map(function (item) {\n        return parseFloat(item, 10);\n      });\n      arr[12] = xy.x;\n      arr[13] = xy.y;\n      setTransform(node, \"matrix3d(\".concat(arr.join(','), \")\"));\n    }\n  } else {\n    setTransform(node, \"translateX(\".concat(xy.x, \"px) translateY(\").concat(xy.y, \"px) translateZ(0)\"));\n  }\n}\n\nvar RE_NUM = /[\\-+]?(?:\\d*\\.|)\\d+(?:[eE][\\-+]?\\d+|)/.source;\nvar getComputedStyleX;\n\n// https://stackoverflow.com/a/3485654/3040605\nfunction forceRelayout(elem) {\n  var originalStyle = elem.style.display;\n  elem.style.display = 'none';\n  elem.offsetHeight; // eslint-disable-line\n  elem.style.display = originalStyle;\n}\nfunction css(el, name, v) {\n  var value = v;\n  if (_typeof(name) === 'object') {\n    for (var i in name) {\n      if (name.hasOwnProperty(i)) {\n        css(el, i, name[i]);\n      }\n    }\n    return undefined;\n  }\n  if (typeof value !== 'undefined') {\n    if (typeof value === 'number') {\n      value = \"\".concat(value, \"px\");\n    }\n    el.style[name] = value;\n    return undefined;\n  }\n  return getComputedStyleX(el, name);\n}\nfunction getClientPosition(elem) {\n  var box;\n  var x;\n  var y;\n  var doc = elem.ownerDocument;\n  var body = doc.body;\n  var docElem = doc && doc.documentElement;\n  // 根据 GBS 最新数据，A-Grade Browsers 都已支持 getBoundingClientRect 方法，不用再考虑传统的实现方式\n  box = elem.getBoundingClientRect();\n\n  // 注：jQuery 还考虑减去 docElem.clientLeft/clientTop\n  // 但测试发现，这样反而会导致当 html 和 body 有边距/边框样式时，获取的值不正确\n  // 此外，ie6 会忽略 html 的 margin 值，幸运地是没有谁会去设置 html 的 margin\n\n  x = Math.floor(box.left);\n  y = Math.floor(box.top);\n\n  // In IE, most of the time, 2 extra pixels are added to the top and left\n  // due to the implicit 2-pixel inset border.  In IE6/7 quirks mode and\n  // IE6 standards mode, this border can be overridden by setting the\n  // document element's border to zero -- thus, we cannot rely on the\n  // offset always being 2 pixels.\n\n  // In quirks mode, the offset can be determined by querying the body's\n  // clientLeft/clientTop, but in standards mode, it is found by querying\n  // the document element's clientLeft/clientTop.  Since we already called\n  // getClientBoundingRect we have already forced a reflow, so it is not\n  // too expensive just to query them all.\n\n  // ie 下应该减去窗口的边框吧，毕竟默认 absolute 都是相对窗口定位的\n  // 窗口边框标准是设 documentElement ,quirks 时设置 body\n  // 最好禁止在 body 和 html 上边框 ，但 ie < 9 html 默认有 2px ，减去\n  // 但是非 ie 不可能设置窗口边框，body html 也不是窗口 ,ie 可以通过 html,body 设置\n  // 标准 ie 下 docElem.clientTop 就是 border-top\n  // ie7 html 即窗口边框改变不了。永远为 2\n  // 但标准 firefox/chrome/ie9 下 docElem.clientTop 是窗口边框，即使设了 border-top 也为 0\n\n  x -= docElem.clientLeft || body.clientLeft || 0;\n  y -= docElem.clientTop || body.clientTop || 0;\n  return {\n    left: x,\n    top: y\n  };\n}\nfunction getScroll(w, top) {\n  var ret = w[\"page\".concat(top ? 'Y' : 'X', \"Offset\")];\n  var method = \"scroll\".concat(top ? 'Top' : 'Left');\n  if (typeof ret !== 'number') {\n    var d = w.document;\n    // ie6,7,8 standard mode\n    ret = d.documentElement[method];\n    if (typeof ret !== 'number') {\n      // quirks mode\n      ret = d.body[method];\n    }\n  }\n  return ret;\n}\nfunction getScrollLeft(w) {\n  return getScroll(w);\n}\nfunction getScrollTop(w) {\n  return getScroll(w, true);\n}\nfunction getOffset(el) {\n  var pos = getClientPosition(el);\n  var doc = el.ownerDocument;\n  var w = doc.defaultView || doc.parentWindow;\n  pos.left += getScrollLeft(w);\n  pos.top += getScrollTop(w);\n  return pos;\n}\n\n/**\n * A crude way of determining if an object is a window\n * @member util\n */\nfunction isWindow(obj) {\n  // must use == for ie8\n  /* eslint eqeqeq:0 */\n  return obj !== null && obj !== undefined && obj == obj.window;\n}\nfunction getDocument(node) {\n  if (isWindow(node)) {\n    return node.document;\n  }\n  if (node.nodeType === 9) {\n    return node;\n  }\n  return node.ownerDocument;\n}\nfunction _getComputedStyle(elem, name, cs) {\n  var computedStyle = cs;\n  var val = '';\n  var d = getDocument(elem);\n  computedStyle = computedStyle || d.defaultView.getComputedStyle(elem, null);\n\n  // https://github.com/kissyteam/kissy/issues/61\n  if (computedStyle) {\n    val = computedStyle.getPropertyValue(name) || computedStyle[name];\n  }\n  return val;\n}\nvar _RE_NUM_NO_PX = new RegExp(\"^(\".concat(RE_NUM, \")(?!px)[a-z%]+$\"), 'i');\nvar RE_POS = /^(top|right|bottom|left)$/;\nvar CURRENT_STYLE = 'currentStyle';\nvar RUNTIME_STYLE = 'runtimeStyle';\nvar LEFT = 'left';\nvar PX = 'px';\nfunction _getComputedStyleIE(elem, name) {\n  // currentStyle maybe null\n  // http://msdn.microsoft.com/en-us/library/ms535231.aspx\n  var ret = elem[CURRENT_STYLE] && elem[CURRENT_STYLE][name];\n\n  // 当 width/height 设置为百分比时，通过 pixelLeft 方式转换的 width/height 值\n  // 一开始就处理了! CUSTOM_STYLE.height,CUSTOM_STYLE.width ,cssHook 解决@2011-08-19\n  // 在 ie 下不对，需要直接用 offset 方式\n  // borderWidth 等值也有问题，但考虑到 borderWidth 设为百分比的概率很小，这里就不考虑了\n\n  // From the awesome hack by Dean Edwards\n  // http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291\n  // If we're not dealing with a regular pixel number\n  // but a number that has a weird ending, we need to convert it to pixels\n  // exclude left right for relativity\n  if (_RE_NUM_NO_PX.test(ret) && !RE_POS.test(name)) {\n    // Remember the original values\n    var style = elem.style;\n    var left = style[LEFT];\n    var rsLeft = elem[RUNTIME_STYLE][LEFT];\n\n    // prevent flashing of content\n    elem[RUNTIME_STYLE][LEFT] = elem[CURRENT_STYLE][LEFT];\n\n    // Put in the new values to get a computed value out\n    style[LEFT] = name === 'fontSize' ? '1em' : ret || 0;\n    ret = style.pixelLeft + PX;\n\n    // Revert the changed values\n    style[LEFT] = left;\n    elem[RUNTIME_STYLE][LEFT] = rsLeft;\n  }\n  return ret === '' ? 'auto' : ret;\n}\nif (typeof window !== 'undefined') {\n  getComputedStyleX = window.getComputedStyle ? _getComputedStyle : _getComputedStyleIE;\n}\nfunction getOffsetDirection(dir, option) {\n  if (dir === 'left') {\n    return option.useCssRight ? 'right' : dir;\n  }\n  return option.useCssBottom ? 'bottom' : dir;\n}\nfunction oppositeOffsetDirection(dir) {\n  if (dir === 'left') {\n    return 'right';\n  } else if (dir === 'right') {\n    return 'left';\n  } else if (dir === 'top') {\n    return 'bottom';\n  } else if (dir === 'bottom') {\n    return 'top';\n  }\n}\n\n// 设置 elem 相对 elem.ownerDocument 的坐标\nfunction setLeftTop(elem, offset, option) {\n  // set position first, in-case top/left are set even on static elem\n  if (css(elem, 'position') === 'static') {\n    elem.style.position = 'relative';\n  }\n  var presetH = -999;\n  var presetV = -999;\n  var horizontalProperty = getOffsetDirection('left', option);\n  var verticalProperty = getOffsetDirection('top', option);\n  var oppositeHorizontalProperty = oppositeOffsetDirection(horizontalProperty);\n  var oppositeVerticalProperty = oppositeOffsetDirection(verticalProperty);\n  if (horizontalProperty !== 'left') {\n    presetH = 999;\n  }\n  if (verticalProperty !== 'top') {\n    presetV = 999;\n  }\n  var originalTransition = '';\n  var originalOffset = getOffset(elem);\n  if ('left' in offset || 'top' in offset) {\n    originalTransition = getTransitionProperty(elem) || '';\n    setTransitionProperty(elem, 'none');\n  }\n  if ('left' in offset) {\n    elem.style[oppositeHorizontalProperty] = '';\n    elem.style[horizontalProperty] = \"\".concat(presetH, \"px\");\n  }\n  if ('top' in offset) {\n    elem.style[oppositeVerticalProperty] = '';\n    elem.style[verticalProperty] = \"\".concat(presetV, \"px\");\n  }\n  // force relayout\n  forceRelayout(elem);\n  var old = getOffset(elem);\n  var originalStyle = {};\n  for (var key in offset) {\n    if (offset.hasOwnProperty(key)) {\n      var dir = getOffsetDirection(key, option);\n      var preset = key === 'left' ? presetH : presetV;\n      var off = originalOffset[key] - old[key];\n      if (dir === key) {\n        originalStyle[dir] = preset + off;\n      } else {\n        originalStyle[dir] = preset - off;\n      }\n    }\n  }\n  css(elem, originalStyle);\n  // force relayout\n  forceRelayout(elem);\n  if ('left' in offset || 'top' in offset) {\n    setTransitionProperty(elem, originalTransition);\n  }\n  var ret = {};\n  for (var _key in offset) {\n    if (offset.hasOwnProperty(_key)) {\n      var _dir = getOffsetDirection(_key, option);\n      var _off = offset[_key] - originalOffset[_key];\n      if (_key === _dir) {\n        ret[_dir] = originalStyle[_dir] + _off;\n      } else {\n        ret[_dir] = originalStyle[_dir] - _off;\n      }\n    }\n  }\n  css(elem, ret);\n}\nfunction setTransform$1(elem, offset) {\n  var originalOffset = getOffset(elem);\n  var originalXY = getTransformXY(elem);\n  var resultXY = {\n    x: originalXY.x,\n    y: originalXY.y\n  };\n  if ('left' in offset) {\n    resultXY.x = originalXY.x + offset.left - originalOffset.left;\n  }\n  if ('top' in offset) {\n    resultXY.y = originalXY.y + offset.top - originalOffset.top;\n  }\n  setTransformXY(elem, resultXY);\n}\nfunction setOffset(elem, offset, option) {\n  if (option.ignoreShake) {\n    var oriOffset = getOffset(elem);\n    var oLeft = oriOffset.left.toFixed(0);\n    var oTop = oriOffset.top.toFixed(0);\n    var tLeft = offset.left.toFixed(0);\n    var tTop = offset.top.toFixed(0);\n    if (oLeft === tLeft && oTop === tTop) {\n      return;\n    }\n  }\n  if (option.useCssRight || option.useCssBottom) {\n    setLeftTop(elem, offset, option);\n  } else if (option.useCssTransform && getTransformName() in document.body.style) {\n    setTransform$1(elem, offset);\n  } else {\n    setLeftTop(elem, offset, option);\n  }\n}\nfunction each(arr, fn) {\n  for (var i = 0; i < arr.length; i++) {\n    fn(arr[i]);\n  }\n}\nfunction isBorderBoxFn(elem) {\n  return getComputedStyleX(elem, 'boxSizing') === 'border-box';\n}\nvar BOX_MODELS = ['margin', 'border', 'padding'];\nvar CONTENT_INDEX = -1;\nvar PADDING_INDEX = 2;\nvar BORDER_INDEX = 1;\nvar MARGIN_INDEX = 0;\nfunction swap(elem, options, callback) {\n  var old = {};\n  var style = elem.style;\n  var name;\n\n  // Remember the old values, and insert the new ones\n  for (name in options) {\n    if (options.hasOwnProperty(name)) {\n      old[name] = style[name];\n      style[name] = options[name];\n    }\n  }\n  callback.call(elem);\n\n  // Revert the old values\n  for (name in options) {\n    if (options.hasOwnProperty(name)) {\n      style[name] = old[name];\n    }\n  }\n}\nfunction getPBMWidth(elem, props, which) {\n  var value = 0;\n  var prop;\n  var j;\n  var i;\n  for (j = 0; j < props.length; j++) {\n    prop = props[j];\n    if (prop) {\n      for (i = 0; i < which.length; i++) {\n        var cssProp = void 0;\n        if (prop === 'border') {\n          cssProp = \"\".concat(prop).concat(which[i], \"Width\");\n        } else {\n          cssProp = prop + which[i];\n        }\n        value += parseFloat(getComputedStyleX(elem, cssProp)) || 0;\n      }\n    }\n  }\n  return value;\n}\nvar domUtils = {\n  getParent: function getParent(element) {\n    var parent = element;\n    do {\n      if (parent.nodeType === 11 && parent.host) {\n        parent = parent.host;\n      } else {\n        parent = parent.parentNode;\n      }\n    } while (parent && parent.nodeType !== 1 && parent.nodeType !== 9);\n    return parent;\n  }\n};\neach(['Width', 'Height'], function (name) {\n  domUtils[\"doc\".concat(name)] = function (refWin) {\n    var d = refWin.document;\n    return Math.max(\n    // firefox chrome documentElement.scrollHeight< body.scrollHeight\n    // ie standard mode : documentElement.scrollHeight> body.scrollHeight\n    d.documentElement[\"scroll\".concat(name)],\n    // quirks : documentElement.scrollHeight 最大等于可视窗口多一点？\n    d.body[\"scroll\".concat(name)], domUtils[\"viewport\".concat(name)](d));\n  };\n  domUtils[\"viewport\".concat(name)] = function (win) {\n    // pc browser includes scrollbar in window.innerWidth\n    var prop = \"client\".concat(name);\n    var doc = win.document;\n    var body = doc.body;\n    var documentElement = doc.documentElement;\n    var documentElementProp = documentElement[prop];\n    // 标准模式取 documentElement\n    // backcompat 取 body\n    return doc.compatMode === 'CSS1Compat' && documentElementProp || body && body[prop] || documentElementProp;\n  };\n});\n\n/*\n 得到元素的大小信息\n @param elem\n @param name\n @param {String} [extra]  'padding' : (css width) + padding\n 'border' : (css width) + padding + border\n 'margin' : (css width) + padding + border + margin\n */\nfunction getWH(elem, name, ex) {\n  var extra = ex;\n  if (isWindow(elem)) {\n    return name === 'width' ? domUtils.viewportWidth(elem) : domUtils.viewportHeight(elem);\n  } else if (elem.nodeType === 9) {\n    return name === 'width' ? domUtils.docWidth(elem) : domUtils.docHeight(elem);\n  }\n  var which = name === 'width' ? ['Left', 'Right'] : ['Top', 'Bottom'];\n  var borderBoxValue = name === 'width' ? Math.floor(elem.getBoundingClientRect().width) : Math.floor(elem.getBoundingClientRect().height);\n  var isBorderBox = isBorderBoxFn(elem);\n  var cssBoxValue = 0;\n  if (borderBoxValue === null || borderBoxValue === undefined || borderBoxValue <= 0) {\n    borderBoxValue = undefined;\n    // Fall back to computed then un computed css if necessary\n    cssBoxValue = getComputedStyleX(elem, name);\n    if (cssBoxValue === null || cssBoxValue === undefined || Number(cssBoxValue) < 0) {\n      cssBoxValue = elem.style[name] || 0;\n    }\n    // Normalize '', auto, and prepare for extra\n    cssBoxValue = Math.floor(parseFloat(cssBoxValue)) || 0;\n  }\n  if (extra === undefined) {\n    extra = isBorderBox ? BORDER_INDEX : CONTENT_INDEX;\n  }\n  var borderBoxValueOrIsBorderBox = borderBoxValue !== undefined || isBorderBox;\n  var val = borderBoxValue || cssBoxValue;\n  if (extra === CONTENT_INDEX) {\n    if (borderBoxValueOrIsBorderBox) {\n      return val - getPBMWidth(elem, ['border', 'padding'], which);\n    }\n    return cssBoxValue;\n  } else if (borderBoxValueOrIsBorderBox) {\n    if (extra === BORDER_INDEX) {\n      return val;\n    }\n    return val + (extra === PADDING_INDEX ? -getPBMWidth(elem, ['border'], which) : getPBMWidth(elem, ['margin'], which));\n  }\n  return cssBoxValue + getPBMWidth(elem, BOX_MODELS.slice(extra), which);\n}\nvar cssShow = {\n  position: 'absolute',\n  visibility: 'hidden',\n  display: 'block'\n};\n\n// fix #119 : https://github.com/kissyteam/kissy/issues/119\nfunction getWHIgnoreDisplay() {\n  for (var _len = arguments.length, args = new Array(_len), _key2 = 0; _key2 < _len; _key2++) {\n    args[_key2] = arguments[_key2];\n  }\n  var val;\n  var elem = args[0];\n  // in case elem is window\n  // elem.offsetWidth === undefined\n  if (elem.offsetWidth !== 0) {\n    val = getWH.apply(undefined, args);\n  } else {\n    swap(elem, cssShow, function () {\n      val = getWH.apply(undefined, args);\n    });\n  }\n  return val;\n}\neach(['width', 'height'], function (name) {\n  var first = name.charAt(0).toUpperCase() + name.slice(1);\n  domUtils[\"outer\".concat(first)] = function (el, includeMargin) {\n    return el && getWHIgnoreDisplay(el, name, includeMargin ? MARGIN_INDEX : BORDER_INDEX);\n  };\n  var which = name === 'width' ? ['Left', 'Right'] : ['Top', 'Bottom'];\n  domUtils[name] = function (elem, v) {\n    var val = v;\n    if (val !== undefined) {\n      if (elem) {\n        var isBorderBox = isBorderBoxFn(elem);\n        if (isBorderBox) {\n          val += getPBMWidth(elem, ['padding', 'border'], which);\n        }\n        return css(elem, name, val);\n      }\n      return undefined;\n    }\n    return elem && getWHIgnoreDisplay(elem, name, CONTENT_INDEX);\n  };\n});\nfunction mix(to, from) {\n  for (var i in from) {\n    if (from.hasOwnProperty(i)) {\n      to[i] = from[i];\n    }\n  }\n  return to;\n}\nvar utils = {\n  getWindow: function getWindow(node) {\n    if (node && node.document && node.setTimeout) {\n      return node;\n    }\n    var doc = node.ownerDocument || node;\n    return doc.defaultView || doc.parentWindow;\n  },\n  getDocument: getDocument,\n  offset: function offset(el, value, option) {\n    if (typeof value !== 'undefined') {\n      setOffset(el, value, option || {});\n    } else {\n      return getOffset(el);\n    }\n  },\n  isWindow: isWindow,\n  each: each,\n  css: css,\n  clone: function clone(obj) {\n    var i;\n    var ret = {};\n    for (i in obj) {\n      if (obj.hasOwnProperty(i)) {\n        ret[i] = obj[i];\n      }\n    }\n    var overflow = obj.overflow;\n    if (overflow) {\n      for (i in obj) {\n        if (obj.hasOwnProperty(i)) {\n          ret.overflow[i] = obj.overflow[i];\n        }\n      }\n    }\n    return ret;\n  },\n  mix: mix,\n  getWindowScrollLeft: function getWindowScrollLeft(w) {\n    return getScrollLeft(w);\n  },\n  getWindowScrollTop: function getWindowScrollTop(w) {\n    return getScrollTop(w);\n  },\n  merge: function merge() {\n    var ret = {};\n    for (var i = 0; i < arguments.length; i++) {\n      utils.mix(ret, i < 0 || arguments.length <= i ? undefined : arguments[i]);\n    }\n    return ret;\n  },\n  viewportWidth: 0,\n  viewportHeight: 0\n};\nmix(utils, domUtils);\n\n/**\n * 得到会导致元素显示不全的祖先元素\n */\nvar getParent = utils.getParent;\nfunction getOffsetParent(element) {\n  if (utils.isWindow(element) || element.nodeType === 9) {\n    return null;\n  }\n  // ie 这个也不是完全可行\n  /*\n   <div style=\"width: 50px;height: 100px;overflow: hidden\">\n   <div style=\"width: 50px;height: 100px;position: relative;\" id=\"d6\">\n   元素 6 高 100px 宽 50px<br/>\n   </div>\n   </div>\n   */\n  // element.offsetParent does the right thing in ie7 and below. Return parent with layout!\n  //  In other browsers it only includes elements with position absolute, relative or\n  // fixed, not elements with overflow set to auto or scroll.\n  //        if (UA.ie && ieMode < 8) {\n  //            return element.offsetParent;\n  //        }\n  // 统一的 offsetParent 方法\n  var doc = utils.getDocument(element);\n  var body = doc.body;\n  var parent;\n  var positionStyle = utils.css(element, 'position');\n  var skipStatic = positionStyle === 'fixed' || positionStyle === 'absolute';\n  if (!skipStatic) {\n    return element.nodeName.toLowerCase() === 'html' ? null : getParent(element);\n  }\n  for (parent = getParent(element); parent && parent !== body && parent.nodeType !== 9; parent = getParent(parent)) {\n    positionStyle = utils.css(parent, 'position');\n    if (positionStyle !== 'static') {\n      return parent;\n    }\n  }\n  return null;\n}\n\nvar getParent$1 = utils.getParent;\nfunction isAncestorFixed(element) {\n  if (utils.isWindow(element) || element.nodeType === 9) {\n    return false;\n  }\n  var doc = utils.getDocument(element);\n  var body = doc.body;\n  var parent = null;\n  for (parent = getParent$1(element);\n  // 修复元素位于 document.documentElement 下导致崩溃问题\n  parent && parent !== body && parent !== doc; parent = getParent$1(parent)) {\n    var positionStyle = utils.css(parent, 'position');\n    if (positionStyle === 'fixed') {\n      return true;\n    }\n  }\n  return false;\n}\n\n/**\n * 获得元素的显示部分的区域\n */\nfunction getVisibleRectForElement(element, alwaysByViewport) {\n  var visibleRect = {\n    left: 0,\n    right: Infinity,\n    top: 0,\n    bottom: Infinity\n  };\n  var el = getOffsetParent(element);\n  var doc = utils.getDocument(element);\n  var win = doc.defaultView || doc.parentWindow;\n  var body = doc.body;\n  var documentElement = doc.documentElement;\n\n  // Determine the size of the visible rect by climbing the dom accounting for\n  // all scrollable containers.\n  while (el) {\n    // clientWidth is zero for inline block elements in ie.\n    if ((navigator.userAgent.indexOf('MSIE') === -1 || el.clientWidth !== 0) &&\n    // body may have overflow set on it, yet we still get the entire\n    // viewport. In some browsers, el.offsetParent may be\n    // document.documentElement, so check for that too.\n    el !== body && el !== documentElement && utils.css(el, 'overflow') !== 'visible') {\n      var pos = utils.offset(el);\n      // add border\n      pos.left += el.clientLeft;\n      pos.top += el.clientTop;\n      visibleRect.top = Math.max(visibleRect.top, pos.top);\n      visibleRect.right = Math.min(visibleRect.right,\n      // consider area without scrollBar\n      pos.left + el.clientWidth);\n      visibleRect.bottom = Math.min(visibleRect.bottom, pos.top + el.clientHeight);\n      visibleRect.left = Math.max(visibleRect.left, pos.left);\n    } else if (el === body || el === documentElement) {\n      break;\n    }\n    el = getOffsetParent(el);\n  }\n\n  // Set element position to fixed\n  // make sure absolute element itself don't affect it's visible area\n  // https://github.com/ant-design/ant-design/issues/7601\n  var originalPosition = null;\n  if (!utils.isWindow(element) && element.nodeType !== 9) {\n    originalPosition = element.style.position;\n    var position = utils.css(element, 'position');\n    if (position === 'absolute') {\n      element.style.position = 'fixed';\n    }\n  }\n  var scrollX = utils.getWindowScrollLeft(win);\n  var scrollY = utils.getWindowScrollTop(win);\n  var viewportWidth = utils.viewportWidth(win);\n  var viewportHeight = utils.viewportHeight(win);\n  var documentWidth = documentElement.scrollWidth;\n  var documentHeight = documentElement.scrollHeight;\n\n  // scrollXXX on html is sync with body which means overflow: hidden on body gets wrong scrollXXX.\n  // We should cut this ourself.\n  var bodyStyle = window.getComputedStyle(body);\n  if (bodyStyle.overflowX === 'hidden') {\n    documentWidth = win.innerWidth;\n  }\n  if (bodyStyle.overflowY === 'hidden') {\n    documentHeight = win.innerHeight;\n  }\n\n  // Reset element position after calculate the visible area\n  if (element.style) {\n    element.style.position = originalPosition;\n  }\n  if (alwaysByViewport || isAncestorFixed(element)) {\n    // Clip by viewport's size.\n    visibleRect.left = Math.max(visibleRect.left, scrollX);\n    visibleRect.top = Math.max(visibleRect.top, scrollY);\n    visibleRect.right = Math.min(visibleRect.right, scrollX + viewportWidth);\n    visibleRect.bottom = Math.min(visibleRect.bottom, scrollY + viewportHeight);\n  } else {\n    // Clip by document's size.\n    var maxVisibleWidth = Math.max(documentWidth, scrollX + viewportWidth);\n    visibleRect.right = Math.min(visibleRect.right, maxVisibleWidth);\n    var maxVisibleHeight = Math.max(documentHeight, scrollY + viewportHeight);\n    visibleRect.bottom = Math.min(visibleRect.bottom, maxVisibleHeight);\n  }\n  return visibleRect.top >= 0 && visibleRect.left >= 0 && visibleRect.bottom > visibleRect.top && visibleRect.right > visibleRect.left ? visibleRect : null;\n}\n\nfunction adjustForViewport(elFuturePos, elRegion, visibleRect, overflow) {\n  var pos = utils.clone(elFuturePos);\n  var size = {\n    width: elRegion.width,\n    height: elRegion.height\n  };\n  if (overflow.adjustX && pos.left < visibleRect.left) {\n    pos.left = visibleRect.left;\n  }\n\n  // Left edge inside and right edge outside viewport, try to resize it.\n  if (overflow.resizeWidth && pos.left >= visibleRect.left && pos.left + size.width > visibleRect.right) {\n    size.width -= pos.left + size.width - visibleRect.right;\n  }\n\n  // Right edge outside viewport, try to move it.\n  if (overflow.adjustX && pos.left + size.width > visibleRect.right) {\n    // 保证左边界和可视区域左边界对齐\n    pos.left = Math.max(visibleRect.right - size.width, visibleRect.left);\n  }\n\n  // Top edge outside viewport, try to move it.\n  if (overflow.adjustY && pos.top < visibleRect.top) {\n    pos.top = visibleRect.top;\n  }\n\n  // Top edge inside and bottom edge outside viewport, try to resize it.\n  if (overflow.resizeHeight && pos.top >= visibleRect.top && pos.top + size.height > visibleRect.bottom) {\n    size.height -= pos.top + size.height - visibleRect.bottom;\n  }\n\n  // Bottom edge outside viewport, try to move it.\n  if (overflow.adjustY && pos.top + size.height > visibleRect.bottom) {\n    // 保证上边界和可视区域上边界对齐\n    pos.top = Math.max(visibleRect.bottom - size.height, visibleRect.top);\n  }\n  return utils.mix(pos, size);\n}\n\nfunction getRegion(node) {\n  var offset;\n  var w;\n  var h;\n  if (!utils.isWindow(node) && node.nodeType !== 9) {\n    offset = utils.offset(node);\n    w = utils.outerWidth(node);\n    h = utils.outerHeight(node);\n  } else {\n    var win = utils.getWindow(node);\n    offset = {\n      left: utils.getWindowScrollLeft(win),\n      top: utils.getWindowScrollTop(win)\n    };\n    w = utils.viewportWidth(win);\n    h = utils.viewportHeight(win);\n  }\n  offset.width = w;\n  offset.height = h;\n  return offset;\n}\n\n/**\n * 获取 node 上的 align 对齐点 相对于页面的坐标\n */\n\nfunction getAlignOffset(region, align) {\n  var V = align.charAt(0);\n  var H = align.charAt(1);\n  var w = region.width;\n  var h = region.height;\n  var x = region.left;\n  var y = region.top;\n  if (V === 'c') {\n    y += h / 2;\n  } else if (V === 'b') {\n    y += h;\n  }\n  if (H === 'c') {\n    x += w / 2;\n  } else if (H === 'r') {\n    x += w;\n  }\n  return {\n    left: x,\n    top: y\n  };\n}\n\nfunction getElFuturePos(elRegion, refNodeRegion, points, offset, targetOffset) {\n  var p1 = getAlignOffset(refNodeRegion, points[1]);\n  var p2 = getAlignOffset(elRegion, points[0]);\n  var diff = [p2.left - p1.left, p2.top - p1.top];\n  return {\n    left: Math.round(elRegion.left - diff[0] + offset[0] - targetOffset[0]),\n    top: Math.round(elRegion.top - diff[1] + offset[1] - targetOffset[1])\n  };\n}\n\n/**\n * align dom node flexibly\n * @author yiminghe@gmail.com\n */\n\n// http://yiminghe.iteye.com/blog/1124720\n\nfunction isFailX(elFuturePos, elRegion, visibleRect) {\n  return elFuturePos.left < visibleRect.left || elFuturePos.left + elRegion.width > visibleRect.right;\n}\nfunction isFailY(elFuturePos, elRegion, visibleRect) {\n  return elFuturePos.top < visibleRect.top || elFuturePos.top + elRegion.height > visibleRect.bottom;\n}\nfunction isCompleteFailX(elFuturePos, elRegion, visibleRect) {\n  return elFuturePos.left > visibleRect.right || elFuturePos.left + elRegion.width < visibleRect.left;\n}\nfunction isCompleteFailY(elFuturePos, elRegion, visibleRect) {\n  return elFuturePos.top > visibleRect.bottom || elFuturePos.top + elRegion.height < visibleRect.top;\n}\nfunction flip(points, reg, map) {\n  var ret = [];\n  utils.each(points, function (p) {\n    ret.push(p.replace(reg, function (m) {\n      return map[m];\n    }));\n  });\n  return ret;\n}\nfunction flipOffset(offset, index) {\n  offset[index] = -offset[index];\n  return offset;\n}\nfunction convertOffset(str, offsetLen) {\n  var n;\n  if (/%$/.test(str)) {\n    n = parseInt(str.substring(0, str.length - 1), 10) / 100 * offsetLen;\n  } else {\n    n = parseInt(str, 10);\n  }\n  return n || 0;\n}\nfunction normalizeOffset(offset, el) {\n  offset[0] = convertOffset(offset[0], el.width);\n  offset[1] = convertOffset(offset[1], el.height);\n}\n\n/**\n * @param el\n * @param tgtRegion 参照节点所占的区域: { left, top, width, height }\n * @param align\n */\nfunction doAlign(el, tgtRegion, align, isTgtRegionVisible) {\n  var points = align.points;\n  var offset = align.offset || [0, 0];\n  var targetOffset = align.targetOffset || [0, 0];\n  var overflow = align.overflow;\n  var source = align.source || el;\n  offset = [].concat(offset);\n  targetOffset = [].concat(targetOffset);\n  overflow = overflow || {};\n  var newOverflowCfg = {};\n  var fail = 0;\n  var alwaysByViewport = !!(overflow && overflow.alwaysByViewport);\n  // 当前节点可以被放置的显示区域\n  var visibleRect = getVisibleRectForElement(source, alwaysByViewport);\n  // 当前节点所占的区域, left/top/width/height\n  var elRegion = getRegion(source);\n  // 将 offset 转换成数值，支持百分比\n  normalizeOffset(offset, elRegion);\n  normalizeOffset(targetOffset, tgtRegion);\n  // 当前节点将要被放置的位置\n  var elFuturePos = getElFuturePos(elRegion, tgtRegion, points, offset, targetOffset);\n  // 当前节点将要所处的区域\n  var newElRegion = utils.merge(elRegion, elFuturePos);\n\n  // 如果可视区域不能完全放置当前节点时允许调整\n  if (visibleRect && (overflow.adjustX || overflow.adjustY) && isTgtRegionVisible) {\n    if (overflow.adjustX) {\n      // 如果横向不能放下\n      if (isFailX(elFuturePos, elRegion, visibleRect)) {\n        // 对齐位置反下\n        var newPoints = flip(points, /[lr]/gi, {\n          l: 'r',\n          r: 'l'\n        });\n        // 偏移量也反下\n        var newOffset = flipOffset(offset, 0);\n        var newTargetOffset = flipOffset(targetOffset, 0);\n        var newElFuturePos = getElFuturePos(elRegion, tgtRegion, newPoints, newOffset, newTargetOffset);\n        if (!isCompleteFailX(newElFuturePos, elRegion, visibleRect)) {\n          fail = 1;\n          points = newPoints;\n          offset = newOffset;\n          targetOffset = newTargetOffset;\n        }\n      }\n    }\n    if (overflow.adjustY) {\n      // 如果纵向不能放下\n      if (isFailY(elFuturePos, elRegion, visibleRect)) {\n        // 对齐位置反下\n        var _newPoints = flip(points, /[tb]/gi, {\n          t: 'b',\n          b: 't'\n        });\n        // 偏移量也反下\n        var _newOffset = flipOffset(offset, 1);\n        var _newTargetOffset = flipOffset(targetOffset, 1);\n        var _newElFuturePos = getElFuturePos(elRegion, tgtRegion, _newPoints, _newOffset, _newTargetOffset);\n        if (!isCompleteFailY(_newElFuturePos, elRegion, visibleRect)) {\n          fail = 1;\n          points = _newPoints;\n          offset = _newOffset;\n          targetOffset = _newTargetOffset;\n        }\n      }\n    }\n\n    // 如果失败，重新计算当前节点将要被放置的位置\n    if (fail) {\n      elFuturePos = getElFuturePos(elRegion, tgtRegion, points, offset, targetOffset);\n      utils.mix(newElRegion, elFuturePos);\n    }\n    var isStillFailX = isFailX(elFuturePos, elRegion, visibleRect);\n    var isStillFailY = isFailY(elFuturePos, elRegion, visibleRect);\n    // 检查反下后的位置是否可以放下了，如果仍然放不下：\n    // 1. 复原修改过的定位参数\n    if (isStillFailX || isStillFailY) {\n      var _newPoints2 = points;\n\n      // 重置对应部分的翻转逻辑\n      if (isStillFailX) {\n        _newPoints2 = flip(points, /[lr]/gi, {\n          l: 'r',\n          r: 'l'\n        });\n      }\n      if (isStillFailY) {\n        _newPoints2 = flip(points, /[tb]/gi, {\n          t: 'b',\n          b: 't'\n        });\n      }\n      points = _newPoints2;\n      offset = align.offset || [0, 0];\n      targetOffset = align.targetOffset || [0, 0];\n    }\n    // 2. 只有指定了可以调整当前方向才调整\n    newOverflowCfg.adjustX = overflow.adjustX && isStillFailX;\n    newOverflowCfg.adjustY = overflow.adjustY && isStillFailY;\n\n    // 确实要调整，甚至可能会调整高度宽度\n    if (newOverflowCfg.adjustX || newOverflowCfg.adjustY) {\n      newElRegion = adjustForViewport(elFuturePos, elRegion, visibleRect, newOverflowCfg);\n    }\n  }\n\n  // need judge to in case set fixed with in css on height auto element\n  if (newElRegion.width !== elRegion.width) {\n    utils.css(source, 'width', utils.width(source) + newElRegion.width - elRegion.width);\n  }\n  if (newElRegion.height !== elRegion.height) {\n    utils.css(source, 'height', utils.height(source) + newElRegion.height - elRegion.height);\n  }\n\n  // https://github.com/kissyteam/kissy/issues/190\n  // 相对于屏幕位置没变，而 left/top 变了\n  // 例如 <div 'relative'><el absolute></div>\n  utils.offset(source, {\n    left: newElRegion.left,\n    top: newElRegion.top\n  }, {\n    useCssRight: align.useCssRight,\n    useCssBottom: align.useCssBottom,\n    useCssTransform: align.useCssTransform,\n    ignoreShake: align.ignoreShake\n  });\n  return {\n    points: points,\n    offset: offset,\n    targetOffset: targetOffset,\n    overflow: newOverflowCfg\n  };\n}\n/**\n *  2012-04-26 yiminghe@gmail.com\n *   - 优化智能对齐算法\n *   - 慎用 resizeXX\n *\n *  2011-07-13 yiminghe@gmail.com note:\n *   - 增加智能对齐，以及大小调整选项\n **/\n\nfunction isOutOfVisibleRect(target, alwaysByViewport) {\n  var visibleRect = getVisibleRectForElement(target, alwaysByViewport);\n  var targetRegion = getRegion(target);\n  return !visibleRect || targetRegion.left + targetRegion.width <= visibleRect.left || targetRegion.top + targetRegion.height <= visibleRect.top || targetRegion.left >= visibleRect.right || targetRegion.top >= visibleRect.bottom;\n}\nfunction alignElement(el, refNode, align) {\n  var target = align.target || refNode;\n  var refNodeRegion = getRegion(target);\n  var isTargetNotOutOfVisible = !isOutOfVisibleRect(target, align.overflow && align.overflow.alwaysByViewport);\n  return doAlign(el, refNodeRegion, align, isTargetNotOutOfVisible);\n}\nalignElement.__getOffsetParent = getOffsetParent;\nalignElement.__getVisibleRectForElement = getVisibleRectForElement;\n\n/**\n * `tgtPoint`: { pageX, pageY } or { clientX, clientY }.\n * If client position provided, will internal convert to page position.\n */\n\nfunction alignPoint(el, tgtPoint, align) {\n  var pageX;\n  var pageY;\n  var doc = utils.getDocument(el);\n  var win = doc.defaultView || doc.parentWindow;\n  var scrollX = utils.getWindowScrollLeft(win);\n  var scrollY = utils.getWindowScrollTop(win);\n  var viewportWidth = utils.viewportWidth(win);\n  var viewportHeight = utils.viewportHeight(win);\n  if ('pageX' in tgtPoint) {\n    pageX = tgtPoint.pageX;\n  } else {\n    pageX = scrollX + tgtPoint.clientX;\n  }\n  if ('pageY' in tgtPoint) {\n    pageY = tgtPoint.pageY;\n  } else {\n    pageY = scrollY + tgtPoint.clientY;\n  }\n  var tgtRegion = {\n    left: pageX,\n    top: pageY,\n    width: 0,\n    height: 0\n  };\n  var pointInView = pageX >= 0 && pageX <= scrollX + viewportWidth && pageY >= 0 && pageY <= scrollY + viewportHeight;\n\n  // Provide default target point\n  var points = [align.points[0], 'cc'];\n  return doAlign(el, tgtRegion, _objectSpread2(_objectSpread2({}, align), {}, {\n    points: points\n  }), pointInView);\n}\n\nexport default alignElement;\nexport { alignElement, alignPoint };\n//# sourceMappingURL=index.js.map\n","import React from 'react';\nexport default (function (callback, buffer) {\n  var calledRef = React.useRef(false);\n  var timeoutRef = React.useRef(null);\n\n  function cancelTrigger() {\n    window.clearTimeout(timeoutRef.current);\n  }\n\n  function trigger(force) {\n    cancelTrigger();\n\n    if (!calledRef.current || force === true) {\n      if (callback(force) === false) {\n        // Not delay since callback cancelled self\n        return;\n      }\n\n      calledRef.current = true;\n      timeoutRef.current = window.setTimeout(function () {\n        calledRef.current = false;\n      }, buffer);\n    } else {\n      timeoutRef.current = window.setTimeout(function () {\n        calledRef.current = false;\n        trigger();\n      }, buffer);\n    }\n  }\n\n  return [trigger, function () {\n    calledRef.current = false;\n    cancelTrigger();\n  }];\n});","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport ResizeObserver from 'resize-observer-polyfill';\nimport contains from \"rc-util/es/Dom/contains\";\nexport function isSamePoint(prev, next) {\n  if (prev === next) return true;\n  if (!prev || !next) return false;\n\n  if ('pageX' in next && 'pageY' in next) {\n    return prev.pageX === next.pageX && prev.pageY === next.pageY;\n  }\n\n  if ('clientX' in next && 'clientY' in next) {\n    return prev.clientX === next.clientX && prev.clientY === next.clientY;\n  }\n\n  return false;\n}\nexport function restoreFocus(activeElement, container) {\n  // Focus back if is in the container\n  if (activeElement !== document.activeElement && contains(container, activeElement) && typeof activeElement.focus === 'function') {\n    activeElement.focus();\n  }\n}\nexport function monitorResize(element, callback) {\n  var prevWidth = null;\n  var prevHeight = null;\n\n  function onResize(_ref) {\n    var _ref2 = _slicedToArray(_ref, 1),\n        target = _ref2[0].target;\n\n    if (!document.documentElement.contains(target)) return;\n\n    var _target$getBoundingCl = target.getBoundingClientRect(),\n        width = _target$getBoundingCl.width,\n        height = _target$getBoundingCl.height;\n\n    var fixedWidth = Math.floor(width);\n    var fixedHeight = Math.floor(height);\n\n    if (prevWidth !== fixedWidth || prevHeight !== fixedHeight) {\n      // https://webkit.org/blog/9997/resizeobserver-in-webkit/\n      Promise.resolve().then(function () {\n        callback({\n          width: fixedWidth,\n          height: fixedHeight\n        });\n      });\n    }\n\n    prevWidth = fixedWidth;\n    prevHeight = fixedHeight;\n  }\n\n  var resizeObserver = new ResizeObserver(onResize);\n\n  if (element) {\n    resizeObserver.observe(element);\n  }\n\n  return function () {\n    resizeObserver.disconnect();\n  };\n}","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\n\n/**\n * Removed props:\n *  - childrenProps\n */\nimport { alignElement, alignPoint } from 'dom-align';\nimport isEqual from \"rc-util/es/isEqual\";\nimport addEventListener from \"rc-util/es/Dom/addEventListener\";\nimport isVisible from \"rc-util/es/Dom/isVisible\";\nimport useLayoutEffect from \"rc-util/es/hooks/useLayoutEffect\";\nimport { composeRef } from \"rc-util/es/ref\";\nimport React from 'react';\nimport useBuffer from \"./hooks/useBuffer\";\nimport { isSamePoint, monitorResize, restoreFocus } from \"./util\";\n\nfunction getElement(func) {\n  if (typeof func !== 'function') return null;\n  return func();\n}\n\nfunction getPoint(point) {\n  if (_typeof(point) !== 'object' || !point) return null;\n  return point;\n}\n\nvar Align = function Align(_ref, ref) {\n  var children = _ref.children,\n      disabled = _ref.disabled,\n      target = _ref.target,\n      align = _ref.align,\n      onAlign = _ref.onAlign,\n      monitorWindowResize = _ref.monitorWindowResize,\n      _ref$monitorBufferTim = _ref.monitorBufferTime,\n      monitorBufferTime = _ref$monitorBufferTim === void 0 ? 0 : _ref$monitorBufferTim;\n  var cacheRef = React.useRef({});\n  /** Popup node ref */\n\n  var nodeRef = React.useRef();\n  var childNode = React.Children.only(children); // ===================== Align ======================\n  // We save the props here to avoid closure makes props ood\n\n  var forceAlignPropsRef = React.useRef({});\n  forceAlignPropsRef.current.disabled = disabled;\n  forceAlignPropsRef.current.target = target;\n  forceAlignPropsRef.current.align = align;\n  forceAlignPropsRef.current.onAlign = onAlign;\n\n  var _useBuffer = useBuffer(function () {\n    var _forceAlignPropsRef$c = forceAlignPropsRef.current,\n        latestDisabled = _forceAlignPropsRef$c.disabled,\n        latestTarget = _forceAlignPropsRef$c.target,\n        latestAlign = _forceAlignPropsRef$c.align,\n        latestOnAlign = _forceAlignPropsRef$c.onAlign;\n    var source = nodeRef.current;\n\n    if (!latestDisabled && latestTarget && source) {\n      var _result;\n\n      var _element = getElement(latestTarget);\n\n      var _point = getPoint(latestTarget);\n\n      cacheRef.current.element = _element;\n      cacheRef.current.point = _point;\n      cacheRef.current.align = latestAlign; // IE lose focus after element realign\n      // We should record activeElement and restore later\n\n      var _document = document,\n          activeElement = _document.activeElement; // We only align when element is visible\n\n      if (_element && isVisible(_element)) {\n        _result = alignElement(source, _element, latestAlign);\n      } else if (_point) {\n        _result = alignPoint(source, _point, latestAlign);\n      }\n\n      restoreFocus(activeElement, source);\n\n      if (latestOnAlign && _result) {\n        latestOnAlign(source, _result);\n      }\n\n      return true;\n    }\n\n    return false;\n  }, monitorBufferTime),\n      _useBuffer2 = _slicedToArray(_useBuffer, 2),\n      _forceAlign = _useBuffer2[0],\n      cancelForceAlign = _useBuffer2[1]; // ===================== Effect =====================\n  // Handle props change\n\n\n  var _React$useState = React.useState(),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      element = _React$useState2[0],\n      setElement = _React$useState2[1];\n\n  var _React$useState3 = React.useState(),\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\n      point = _React$useState4[0],\n      setPoint = _React$useState4[1];\n\n  useLayoutEffect(function () {\n    setElement(getElement(target));\n    setPoint(getPoint(target));\n  });\n  React.useEffect(function () {\n    if (cacheRef.current.element !== element || !isSamePoint(cacheRef.current.point, point) || !isEqual(cacheRef.current.align, align)) {\n      _forceAlign();\n    }\n  }); // Watch popup element resize\n\n  React.useEffect(function () {\n    var cancelFn = monitorResize(nodeRef.current, _forceAlign);\n    return cancelFn;\n  }, [nodeRef.current]); // Watch target element resize\n\n  React.useEffect(function () {\n    var cancelFn = monitorResize(element, _forceAlign);\n    return cancelFn;\n  }, [element]); // Listen for disabled change\n\n  React.useEffect(function () {\n    if (!disabled) {\n      _forceAlign();\n    } else {\n      cancelForceAlign();\n    }\n  }, [disabled]); // Listen for window resize\n\n  React.useEffect(function () {\n    if (monitorWindowResize) {\n      var cancelFn = addEventListener(window, 'resize', _forceAlign);\n      return cancelFn.remove;\n    }\n  }, [monitorWindowResize]); // Clear all if unmount\n\n  React.useEffect(function () {\n    return function () {\n      cancelForceAlign();\n    };\n  }, []); // ====================== Ref =======================\n\n  React.useImperativeHandle(ref, function () {\n    return {\n      forceAlign: function forceAlign() {\n        return _forceAlign(true);\n      }\n    };\n  }); // ===================== Render =====================\n\n  if ( /*#__PURE__*/React.isValidElement(childNode)) {\n    childNode = /*#__PURE__*/React.cloneElement(childNode, {\n      ref: composeRef(childNode.ref, nodeRef)\n    });\n  }\n\n  return childNode;\n};\n\nvar RcAlign = /*#__PURE__*/React.forwardRef(Align);\nRcAlign.displayName = 'Align';\nexport default RcAlign;","// export this package's api\nimport Align from \"./Align\";\nexport default Align;","import _regeneratorRuntime from \"@babel/runtime/helpers/esm/regeneratorRuntime\";\nimport _asyncToGenerator from \"@babel/runtime/helpers/esm/asyncToGenerator\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport { useEffect, useRef } from 'react';\nimport raf from \"rc-util/es/raf\";\nimport useState from \"rc-util/es/hooks/useState\";\n/**\n * Popup should follow the steps for each component work correctly:\n * measure - check for the current stretch size\n * align - let component align the position\n * aligned - re-align again in case additional className changed the size\n * afterAlign - choice next step is trigger motion or finished\n * beforeMotion - should reset motion to invisible so that CSSMotion can do normal motion\n * motion - play the motion\n * stable - everything is done\n */\n\nvar StatusQueue = ['measure', 'alignPre', 'align', null, 'motion'];\nexport default (function (visible, doMeasure) {\n  var _useState = useState(null),\n      _useState2 = _slicedToArray(_useState, 2),\n      status = _useState2[0],\n      setInternalStatus = _useState2[1];\n\n  var rafRef = useRef();\n\n  function setStatus(nextStatus) {\n    setInternalStatus(nextStatus, true);\n  }\n\n  function cancelRaf() {\n    raf.cancel(rafRef.current);\n  }\n\n  function goNextStatus(callback) {\n    cancelRaf();\n    rafRef.current = raf(function () {\n      // Only align should be manually trigger\n      setStatus(function (prev) {\n        switch (status) {\n          case 'align':\n            return 'motion';\n\n          case 'motion':\n            return 'stable';\n\n          default:\n        }\n\n        return prev;\n      });\n      callback === null || callback === void 0 ? void 0 : callback();\n    });\n  } // Init status\n\n\n  useEffect(function () {\n    setStatus('measure');\n  }, [visible]); // Go next status\n\n  useEffect(function () {\n    switch (status) {\n      case 'measure':\n        doMeasure();\n        break;\n\n      default:\n    }\n\n    if (status) {\n      rafRef.current = raf( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n        var index, nextStatus;\n        return _regeneratorRuntime().wrap(function _callee$(_context) {\n          while (1) {\n            switch (_context.prev = _context.next) {\n              case 0:\n                index = StatusQueue.indexOf(status);\n                nextStatus = StatusQueue[index + 1];\n\n                if (nextStatus && index !== -1) {\n                  setStatus(nextStatus);\n                }\n\n              case 3:\n              case \"end\":\n                return _context.stop();\n            }\n          }\n        }, _callee);\n      })));\n    }\n  }, [status]);\n  useEffect(function () {\n    return function () {\n      cancelRaf();\n    };\n  }, []);\n  return [status, goNextStatus];\n});","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nexport default (function (stretch) {\n  var _React$useState = React.useState({\n    width: 0,\n    height: 0\n  }),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      targetSize = _React$useState2[0],\n      setTargetSize = _React$useState2[1];\n\n  function measureStretch(element) {\n    var tgtWidth = element.offsetWidth,\n        tgtHeight = element.offsetHeight;\n\n    var _element$getBoundingC = element.getBoundingClientRect(),\n        width = _element$getBoundingC.width,\n        height = _element$getBoundingC.height; // Rect is more accurate than offset, use if near\n\n\n    if (Math.abs(tgtWidth - width) < 1 && Math.abs(tgtHeight - height) < 1) {\n      tgtWidth = width;\n      tgtHeight = height;\n    }\n\n    setTargetSize({\n      width: tgtWidth,\n      height: tgtHeight\n    });\n  } // Merge stretch style\n\n\n  var style = React.useMemo(function () {\n    var sizeStyle = {};\n\n    if (stretch) {\n      var width = targetSize.width,\n          height = targetSize.height; // Stretch with target\n\n      if (stretch.indexOf('height') !== -1 && height) {\n        sizeStyle.height = height;\n      } else if (stretch.indexOf('minHeight') !== -1 && height) {\n        sizeStyle.minHeight = height;\n      }\n\n      if (stretch.indexOf('width') !== -1 && width) {\n        sizeStyle.width = width;\n      } else if (stretch.indexOf('minWidth') !== -1 && width) {\n        sizeStyle.minWidth = width;\n      }\n    }\n\n    return sizeStyle;\n  }, [stretch, targetSize]);\n  return [style, measureStretch];\n});","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nimport { useRef, useState } from 'react';\nimport Align from 'rc-align';\nimport useLayoutEffect from \"rc-util/es/hooks/useLayoutEffect\";\nimport CSSMotion from 'rc-motion';\nimport classNames from 'classnames';\nimport useVisibleStatus from \"./useVisibleStatus\";\nimport { getMotion } from \"../utils/legacyUtil\";\nimport useStretchStyle from \"./useStretchStyle\";\nvar PopupInner = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  var visible = props.visible,\n      prefixCls = props.prefixCls,\n      className = props.className,\n      style = props.style,\n      children = props.children,\n      zIndex = props.zIndex,\n      stretch = props.stretch,\n      destroyPopupOnHide = props.destroyPopupOnHide,\n      forceRender = props.forceRender,\n      align = props.align,\n      point = props.point,\n      getRootDomNode = props.getRootDomNode,\n      getClassNameFromAlign = props.getClassNameFromAlign,\n      onAlign = props.onAlign,\n      onMouseEnter = props.onMouseEnter,\n      onMouseLeave = props.onMouseLeave,\n      onMouseDown = props.onMouseDown,\n      onTouchStart = props.onTouchStart,\n      onClick = props.onClick;\n  var alignRef = useRef();\n  var elementRef = useRef();\n\n  var _useState = useState(),\n      _useState2 = _slicedToArray(_useState, 2),\n      alignedClassName = _useState2[0],\n      setAlignedClassName = _useState2[1]; // ======================= Measure ========================\n\n\n  var _useStretchStyle = useStretchStyle(stretch),\n      _useStretchStyle2 = _slicedToArray(_useStretchStyle, 2),\n      stretchStyle = _useStretchStyle2[0],\n      measureStretchStyle = _useStretchStyle2[1];\n\n  function doMeasure() {\n    if (stretch) {\n      measureStretchStyle(getRootDomNode());\n    }\n  } // ======================== Status ========================\n\n\n  var _useVisibleStatus = useVisibleStatus(visible, doMeasure),\n      _useVisibleStatus2 = _slicedToArray(_useVisibleStatus, 2),\n      status = _useVisibleStatus2[0],\n      goNextStatus = _useVisibleStatus2[1]; // ======================== Aligns ========================\n\n  /**\n   * `alignedClassName` may modify `source` size,\n   * which means one time align may not move to the correct position at once.\n   *\n   * We will reset `alignTimes` for each status switch to `alignPre`\n   * and let `rc-align` to align for multiple times to ensure get final stable place.\n   * Currently we mark `alignTimes < 2` repeat align, it will increase if user report for align issue.\n   * \n   * Update:\n   * In React 18. `rc-align` effect of align may faster than ref called trigger `forceAlign`.\n   * We adjust this to `alignTimes < 2`.\n   * We need refactor `rc-align` to support mark of `forceAlign` call if this still happen.\n   */\n\n\n  var _useState3 = useState(0),\n      _useState4 = _slicedToArray(_useState3, 2),\n      alignTimes = _useState4[0],\n      setAlignTimes = _useState4[1];\n\n  var prepareResolveRef = useRef();\n  useLayoutEffect(function () {\n    if (status === 'alignPre') {\n      setAlignTimes(0);\n    }\n  }, [status]); // `target` on `rc-align` can accept as a function to get the bind element or a point.\n  // ref: https://www.npmjs.com/package/rc-align\n\n  function getAlignTarget() {\n    if (point) {\n      return point;\n    }\n\n    return getRootDomNode;\n  }\n\n  function forceAlign() {\n    var _alignRef$current;\n\n    (_alignRef$current = alignRef.current) === null || _alignRef$current === void 0 ? void 0 : _alignRef$current.forceAlign();\n  }\n\n  function onInternalAlign(popupDomNode, matchAlign) {\n    var nextAlignedClassName = getClassNameFromAlign(matchAlign);\n\n    if (alignedClassName !== nextAlignedClassName) {\n      setAlignedClassName(nextAlignedClassName);\n    } // We will retry multi times to make sure that the element has been align in the right position.\n\n\n    setAlignTimes(function (val) {\n      return val + 1;\n    });\n\n    if (status === 'align') {\n      onAlign === null || onAlign === void 0 ? void 0 : onAlign(popupDomNode, matchAlign);\n    }\n  } // Delay to go to next status\n\n\n  useLayoutEffect(function () {\n    if (status === 'align') {\n      // Repeat until not more align needed\n      if (alignTimes < 3) {\n        forceAlign();\n      } else {\n        goNextStatus(function () {\n          var _prepareResolveRef$cu;\n\n          (_prepareResolveRef$cu = prepareResolveRef.current) === null || _prepareResolveRef$cu === void 0 ? void 0 : _prepareResolveRef$cu.call(prepareResolveRef);\n        });\n      }\n    }\n  }, [alignTimes]); // ======================== Motion ========================\n\n  var motion = _objectSpread({}, getMotion(props));\n\n  ['onAppearEnd', 'onEnterEnd', 'onLeaveEnd'].forEach(function (eventName) {\n    var originHandler = motion[eventName];\n\n    motion[eventName] = function (element, event) {\n      goNextStatus();\n      return originHandler === null || originHandler === void 0 ? void 0 : originHandler(element, event);\n    };\n  });\n\n  function onShowPrepare() {\n    return new Promise(function (resolve) {\n      prepareResolveRef.current = resolve;\n    });\n  } // Go to stable directly when motion not provided\n\n\n  React.useEffect(function () {\n    if (!motion.motionName && status === 'motion') {\n      goNextStatus();\n    }\n  }, [motion.motionName, status]); // ========================= Refs =========================\n\n  React.useImperativeHandle(ref, function () {\n    return {\n      forceAlign: forceAlign,\n      getElement: function getElement() {\n        return elementRef.current;\n      }\n    };\n  }); // ======================== Render ========================\n\n  var mergedStyle = _objectSpread(_objectSpread({}, stretchStyle), {}, {\n    zIndex: zIndex,\n    opacity: status === 'motion' || status === 'stable' || !visible ? undefined : 0,\n    // Cannot interact with disappearing elements\n    // https://github.com/ant-design/ant-design/issues/35051#issuecomment-1101340714\n    pointerEvents: !visible && status !== 'stable' ? 'none' : undefined\n  }, style); // Align status\n\n\n  var alignDisabled = true;\n\n  if (align !== null && align !== void 0 && align.points && (status === 'align' || status === 'stable')) {\n    alignDisabled = false;\n  }\n\n  var childNode = children; // Wrapper when multiple children\n\n  if (React.Children.count(children) > 1) {\n    childNode = /*#__PURE__*/React.createElement(\"div\", {\n      className: \"\".concat(prefixCls, \"-content\")\n    }, children);\n  }\n\n  return /*#__PURE__*/React.createElement(CSSMotion, _extends({\n    visible: visible,\n    ref: elementRef,\n    leavedClassName: \"\".concat(prefixCls, \"-hidden\")\n  }, motion, {\n    onAppearPrepare: onShowPrepare,\n    onEnterPrepare: onShowPrepare,\n    removeOnLeave: destroyPopupOnHide,\n    forceRender: forceRender\n  }), function (_ref, motionRef) {\n    var motionClassName = _ref.className,\n        motionStyle = _ref.style;\n    var mergedClassName = classNames(prefixCls, className, alignedClassName, motionClassName);\n    return /*#__PURE__*/React.createElement(Align, {\n      target: getAlignTarget(),\n      key: \"popup\",\n      ref: alignRef,\n      monitorWindowResize: true,\n      disabled: alignDisabled,\n      align: align,\n      onAlign: onInternalAlign\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      ref: motionRef,\n      className: mergedClassName,\n      onMouseEnter: onMouseEnter,\n      onMouseLeave: onMouseLeave,\n      onMouseDownCapture: onMouseDown,\n      onTouchStartCapture: onTouchStart,\n      onClick: onClick,\n      style: _objectSpread(_objectSpread({}, motionStyle), mergedStyle)\n    }, childNode));\n  });\n});\nPopupInner.displayName = 'PopupInner';\nexport default PopupInner;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport * as React from 'react';\nimport CSSMotion from 'rc-motion';\nimport classNames from 'classnames';\nvar MobilePopupInner = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  var prefixCls = props.prefixCls,\n      visible = props.visible,\n      zIndex = props.zIndex,\n      children = props.children,\n      _props$mobile = props.mobile;\n  _props$mobile = _props$mobile === void 0 ? {} : _props$mobile;\n  var popupClassName = _props$mobile.popupClassName,\n      popupStyle = _props$mobile.popupStyle,\n      _props$mobile$popupMo = _props$mobile.popupMotion,\n      popupMotion = _props$mobile$popupMo === void 0 ? {} : _props$mobile$popupMo,\n      popupRender = _props$mobile.popupRender,\n      onClick = props.onClick;\n  var elementRef = React.useRef(); // ========================= Refs =========================\n\n  React.useImperativeHandle(ref, function () {\n    return {\n      forceAlign: function forceAlign() {},\n      getElement: function getElement() {\n        return elementRef.current;\n      }\n    };\n  }); // ======================== Render ========================\n\n  var mergedStyle = _objectSpread({\n    zIndex: zIndex\n  }, popupStyle);\n\n  var childNode = children; // Wrapper when multiple children\n\n  if (React.Children.count(children) > 1) {\n    childNode = /*#__PURE__*/React.createElement(\"div\", {\n      className: \"\".concat(prefixCls, \"-content\")\n    }, children);\n  } // Mobile support additional render\n\n\n  if (popupRender) {\n    childNode = popupRender(childNode);\n  }\n\n  return /*#__PURE__*/React.createElement(CSSMotion, _extends({\n    visible: visible,\n    ref: elementRef,\n    removeOnLeave: true\n  }, popupMotion), function (_ref, motionRef) {\n    var motionClassName = _ref.className,\n        motionStyle = _ref.style;\n    var mergedClassName = classNames(prefixCls, popupClassName, motionClassName);\n    return /*#__PURE__*/React.createElement(\"div\", {\n      ref: motionRef,\n      className: mergedClassName,\n      onClick: onClick,\n      style: _objectSpread(_objectSpread({}, motionStyle), mergedStyle)\n    }, childNode);\n  });\n});\nMobilePopupInner.displayName = 'MobilePopupInner';\nexport default MobilePopupInner;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"visible\", \"mobile\"];\nimport * as React from 'react';\nimport { useState, useEffect } from 'react';\nimport isMobile from \"rc-util/es/isMobile\";\nimport Mask from \"./Mask\";\nimport PopupInner from \"./PopupInner\";\nimport MobilePopupInner from \"./MobilePopupInner\";\nvar Popup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {\n  var visible = _ref.visible,\n      mobile = _ref.mobile,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  var _useState = useState(visible),\n      _useState2 = _slicedToArray(_useState, 2),\n      innerVisible = _useState2[0],\n      serInnerVisible = _useState2[1];\n\n  var _useState3 = useState(false),\n      _useState4 = _slicedToArray(_useState3, 2),\n      inMobile = _useState4[0],\n      setInMobile = _useState4[1];\n\n  var cloneProps = _objectSpread(_objectSpread({}, props), {}, {\n    visible: innerVisible\n  }); // We check mobile in visible changed here.\n  // And this also delay set `innerVisible` to avoid popup component render flash\n\n\n  useEffect(function () {\n    serInnerVisible(visible);\n\n    if (visible && mobile) {\n      setInMobile(isMobile());\n    }\n  }, [visible, mobile]);\n  var popupNode = inMobile ? /*#__PURE__*/React.createElement(MobilePopupInner, _extends({}, cloneProps, {\n    mobile: mobile,\n    ref: ref\n  })) : /*#__PURE__*/React.createElement(PopupInner, _extends({}, cloneProps, {\n    ref: ref\n  })); // We can use fragment directly but this may failed some selector usage. Keep as origin logic\n\n  return /*#__PURE__*/React.createElement(\"div\", null, /*#__PURE__*/React.createElement(Mask, cloneProps), popupNode);\n});\nPopup.displayName = 'Popup';\nexport default Popup;","import * as React from 'react';\nvar TriggerContext = /*#__PURE__*/React.createContext(null);\nexport default TriggerContext;","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/esm/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nimport _createSuper from \"@babel/runtime/helpers/esm/createSuper\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport * as React from 'react';\nimport ReactDOM from 'react-dom';\nimport raf from \"rc-util/es/raf\";\nimport contains from \"rc-util/es/Dom/contains\";\nimport findDOMNode from \"rc-util/es/Dom/findDOMNode\";\nimport { composeRef, supportRef } from \"rc-util/es/ref\";\nimport addEventListener from \"rc-util/es/Dom/addEventListener\";\nimport Portal from \"rc-util/es/Portal\";\nimport classNames from 'classnames';\nimport { getAlignFromPlacement, getAlignPopupClassName } from \"./utils/alignUtil\";\nimport Popup from \"./Popup\";\nimport TriggerContext from \"./context\";\n\nfunction noop() {}\n\nfunction returnEmptyString() {\n  return '';\n}\n\nfunction returnDocument(element) {\n  if (element) {\n    return element.ownerDocument;\n  }\n\n  return window.document;\n}\n\nvar ALL_HANDLERS = ['onClick', 'onMouseDown', 'onTouchStart', 'onMouseEnter', 'onMouseLeave', 'onFocus', 'onBlur', 'onContextMenu'];\n\n/**\n * Internal usage. Do not use in your code since this will be removed.\n */\nexport function generateTrigger(PortalComponent) {\n  var Trigger = /*#__PURE__*/function (_React$Component) {\n    _inherits(Trigger, _React$Component);\n\n    var _super = _createSuper(Trigger);\n\n    // ensure `getContainer` will be called only once\n    function Trigger(props) {\n      var _this;\n\n      _classCallCheck(this, Trigger);\n\n      _this = _super.call(this, props);\n\n      _defineProperty(_assertThisInitialized(_this), \"popupRef\", /*#__PURE__*/React.createRef());\n\n      _defineProperty(_assertThisInitialized(_this), \"triggerRef\", /*#__PURE__*/React.createRef());\n\n      _defineProperty(_assertThisInitialized(_this), \"portalContainer\", void 0);\n\n      _defineProperty(_assertThisInitialized(_this), \"attachId\", void 0);\n\n      _defineProperty(_assertThisInitialized(_this), \"clickOutsideHandler\", void 0);\n\n      _defineProperty(_assertThisInitialized(_this), \"touchOutsideHandler\", void 0);\n\n      _defineProperty(_assertThisInitialized(_this), \"contextMenuOutsideHandler1\", void 0);\n\n      _defineProperty(_assertThisInitialized(_this), \"contextMenuOutsideHandler2\", void 0);\n\n      _defineProperty(_assertThisInitialized(_this), \"mouseDownTimeout\", void 0);\n\n      _defineProperty(_assertThisInitialized(_this), \"focusTime\", void 0);\n\n      _defineProperty(_assertThisInitialized(_this), \"preClickTime\", void 0);\n\n      _defineProperty(_assertThisInitialized(_this), \"preTouchTime\", void 0);\n\n      _defineProperty(_assertThisInitialized(_this), \"delayTimer\", void 0);\n\n      _defineProperty(_assertThisInitialized(_this), \"hasPopupMouseDown\", void 0);\n\n      _defineProperty(_assertThisInitialized(_this), \"onMouseEnter\", function (e) {\n        var mouseEnterDelay = _this.props.mouseEnterDelay;\n\n        _this.fireEvents('onMouseEnter', e);\n\n        _this.delaySetPopupVisible(true, mouseEnterDelay, mouseEnterDelay ? null : e);\n      });\n\n      _defineProperty(_assertThisInitialized(_this), \"onMouseMove\", function (e) {\n        _this.fireEvents('onMouseMove', e);\n\n        _this.setPoint(e);\n      });\n\n      _defineProperty(_assertThisInitialized(_this), \"onMouseLeave\", function (e) {\n        _this.fireEvents('onMouseLeave', e);\n\n        _this.delaySetPopupVisible(false, _this.props.mouseLeaveDelay);\n      });\n\n      _defineProperty(_assertThisInitialized(_this), \"onPopupMouseEnter\", function () {\n        _this.clearDelayTimer();\n      });\n\n      _defineProperty(_assertThisInitialized(_this), \"onPopupMouseLeave\", function (e) {\n        var _this$popupRef$curren;\n\n        // https://github.com/react-component/trigger/pull/13\n        // react bug?\n        if (e.relatedTarget && !e.relatedTarget.setTimeout && contains((_this$popupRef$curren = _this.popupRef.current) === null || _this$popupRef$curren === void 0 ? void 0 : _this$popupRef$curren.getElement(), e.relatedTarget)) {\n          return;\n        }\n\n        _this.delaySetPopupVisible(false, _this.props.mouseLeaveDelay);\n      });\n\n      _defineProperty(_assertThisInitialized(_this), \"onFocus\", function (e) {\n        _this.fireEvents('onFocus', e); // incase focusin and focusout\n\n\n        _this.clearDelayTimer();\n\n        if (_this.isFocusToShow()) {\n          _this.focusTime = Date.now();\n\n          _this.delaySetPopupVisible(true, _this.props.focusDelay);\n        }\n      });\n\n      _defineProperty(_assertThisInitialized(_this), \"onMouseDown\", function (e) {\n        _this.fireEvents('onMouseDown', e);\n\n        _this.preClickTime = Date.now();\n      });\n\n      _defineProperty(_assertThisInitialized(_this), \"onTouchStart\", function (e) {\n        _this.fireEvents('onTouchStart', e);\n\n        _this.preTouchTime = Date.now();\n      });\n\n      _defineProperty(_assertThisInitialized(_this), \"onBlur\", function (e) {\n        _this.fireEvents('onBlur', e);\n\n        _this.clearDelayTimer();\n\n        if (_this.isBlurToHide()) {\n          _this.delaySetPopupVisible(false, _this.props.blurDelay);\n        }\n      });\n\n      _defineProperty(_assertThisInitialized(_this), \"onContextMenu\", function (e) {\n        e.preventDefault();\n\n        _this.fireEvents('onContextMenu', e);\n\n        _this.setPopupVisible(true, e);\n      });\n\n      _defineProperty(_assertThisInitialized(_this), \"onContextMenuClose\", function () {\n        if (_this.isContextMenuToShow()) {\n          _this.close();\n        }\n      });\n\n      _defineProperty(_assertThisInitialized(_this), \"onClick\", function (event) {\n        _this.fireEvents('onClick', event); // focus will trigger click\n\n\n        if (_this.focusTime) {\n          var preTime;\n\n          if (_this.preClickTime && _this.preTouchTime) {\n            preTime = Math.min(_this.preClickTime, _this.preTouchTime);\n          } else if (_this.preClickTime) {\n            preTime = _this.preClickTime;\n          } else if (_this.preTouchTime) {\n            preTime = _this.preTouchTime;\n          }\n\n          if (Math.abs(preTime - _this.focusTime) < 20) {\n            return;\n          }\n\n          _this.focusTime = 0;\n        }\n\n        _this.preClickTime = 0;\n        _this.preTouchTime = 0; // Only prevent default when all the action is click.\n        // https://github.com/ant-design/ant-design/issues/17043\n        // https://github.com/ant-design/ant-design/issues/17291\n\n        if (_this.isClickToShow() && (_this.isClickToHide() || _this.isBlurToHide()) && event && event.preventDefault) {\n          event.preventDefault();\n        }\n\n        var nextVisible = !_this.state.popupVisible;\n\n        if (_this.isClickToHide() && !nextVisible || nextVisible && _this.isClickToShow()) {\n          _this.setPopupVisible(!_this.state.popupVisible, event);\n        }\n      });\n\n      _defineProperty(_assertThisInitialized(_this), \"onPopupMouseDown\", function () {\n        _this.hasPopupMouseDown = true;\n        clearTimeout(_this.mouseDownTimeout);\n        _this.mouseDownTimeout = window.setTimeout(function () {\n          _this.hasPopupMouseDown = false;\n        }, 0);\n\n        if (_this.context) {\n          var _this$context;\n\n          (_this$context = _this.context).onPopupMouseDown.apply(_this$context, arguments);\n        }\n      });\n\n      _defineProperty(_assertThisInitialized(_this), \"onDocumentClick\", function (event) {\n        if (_this.props.mask && !_this.props.maskClosable) {\n          return;\n        }\n\n        var target = event.target;\n\n        var root = _this.getRootDomNode();\n\n        var popupNode = _this.getPopupDomNode();\n\n        if ( // mousedown on the target should also close popup when action is contextMenu.\n        // https://github.com/ant-design/ant-design/issues/29853\n        (!contains(root, target) || _this.isContextMenuOnly()) && !contains(popupNode, target) && !_this.hasPopupMouseDown) {\n          _this.close();\n        }\n      });\n\n      _defineProperty(_assertThisInitialized(_this), \"getRootDomNode\", function () {\n        var getTriggerDOMNode = _this.props.getTriggerDOMNode;\n\n        if (getTriggerDOMNode) {\n          return getTriggerDOMNode(_this.triggerRef.current);\n        }\n\n        try {\n          var domNode = findDOMNode(_this.triggerRef.current);\n\n          if (domNode) {\n            return domNode;\n          }\n        } catch (err) {// Do nothing\n        }\n\n        return ReactDOM.findDOMNode(_assertThisInitialized(_this));\n      });\n\n      _defineProperty(_assertThisInitialized(_this), \"getPopupClassNameFromAlign\", function (align) {\n        var className = [];\n        var _this$props = _this.props,\n            popupPlacement = _this$props.popupPlacement,\n            builtinPlacements = _this$props.builtinPlacements,\n            prefixCls = _this$props.prefixCls,\n            alignPoint = _this$props.alignPoint,\n            getPopupClassNameFromAlign = _this$props.getPopupClassNameFromAlign;\n\n        if (popupPlacement && builtinPlacements) {\n          className.push(getAlignPopupClassName(builtinPlacements, prefixCls, align, alignPoint));\n        }\n\n        if (getPopupClassNameFromAlign) {\n          className.push(getPopupClassNameFromAlign(align));\n        }\n\n        return className.join(' ');\n      });\n\n      _defineProperty(_assertThisInitialized(_this), \"getComponent\", function () {\n        var _this$props2 = _this.props,\n            prefixCls = _this$props2.prefixCls,\n            destroyPopupOnHide = _this$props2.destroyPopupOnHide,\n            popupClassName = _this$props2.popupClassName,\n            onPopupAlign = _this$props2.onPopupAlign,\n            popupMotion = _this$props2.popupMotion,\n            popupAnimation = _this$props2.popupAnimation,\n            popupTransitionName = _this$props2.popupTransitionName,\n            popupStyle = _this$props2.popupStyle,\n            mask = _this$props2.mask,\n            maskAnimation = _this$props2.maskAnimation,\n            maskTransitionName = _this$props2.maskTransitionName,\n            maskMotion = _this$props2.maskMotion,\n            zIndex = _this$props2.zIndex,\n            popup = _this$props2.popup,\n            stretch = _this$props2.stretch,\n            alignPoint = _this$props2.alignPoint,\n            mobile = _this$props2.mobile,\n            forceRender = _this$props2.forceRender,\n            onPopupClick = _this$props2.onPopupClick;\n        var _this$state = _this.state,\n            popupVisible = _this$state.popupVisible,\n            point = _this$state.point;\n\n        var align = _this.getPopupAlign();\n\n        var mouseProps = {};\n\n        if (_this.isMouseEnterToShow()) {\n          mouseProps.onMouseEnter = _this.onPopupMouseEnter;\n        }\n\n        if (_this.isMouseLeaveToHide()) {\n          mouseProps.onMouseLeave = _this.onPopupMouseLeave;\n        }\n\n        mouseProps.onMouseDown = _this.onPopupMouseDown;\n        mouseProps.onTouchStart = _this.onPopupMouseDown;\n        return /*#__PURE__*/React.createElement(Popup, _extends({\n          prefixCls: prefixCls,\n          destroyPopupOnHide: destroyPopupOnHide,\n          visible: popupVisible,\n          point: alignPoint && point,\n          className: popupClassName,\n          align: align,\n          onAlign: onPopupAlign,\n          animation: popupAnimation,\n          getClassNameFromAlign: _this.getPopupClassNameFromAlign\n        }, mouseProps, {\n          stretch: stretch,\n          getRootDomNode: _this.getRootDomNode,\n          style: popupStyle,\n          mask: mask,\n          zIndex: zIndex,\n          transitionName: popupTransitionName,\n          maskAnimation: maskAnimation,\n          maskTransitionName: maskTransitionName,\n          maskMotion: maskMotion,\n          ref: _this.popupRef,\n          motion: popupMotion,\n          mobile: mobile,\n          forceRender: forceRender,\n          onClick: onPopupClick\n        }), typeof popup === 'function' ? popup() : popup);\n      });\n\n      _defineProperty(_assertThisInitialized(_this), \"attachParent\", function (popupContainer) {\n        raf.cancel(_this.attachId);\n        var _this$props3 = _this.props,\n            getPopupContainer = _this$props3.getPopupContainer,\n            getDocument = _this$props3.getDocument;\n\n        var domNode = _this.getRootDomNode();\n\n        var mountNode;\n\n        if (!getPopupContainer) {\n          mountNode = getDocument(_this.getRootDomNode()).body;\n        } else if (domNode || getPopupContainer.length === 0) {\n          // Compatible for legacy getPopupContainer with domNode argument.\n          // If no need `domNode` argument, will call directly.\n          // https://codesandbox.io/s/eloquent-mclean-ss93m?file=/src/App.js\n          mountNode = getPopupContainer(domNode);\n        }\n\n        if (mountNode) {\n          mountNode.appendChild(popupContainer);\n        } else {\n          // Retry after frame render in case parent not ready\n          _this.attachId = raf(function () {\n            _this.attachParent(popupContainer);\n          });\n        }\n      });\n\n      _defineProperty(_assertThisInitialized(_this), \"getContainer\", function () {\n        if (!_this.portalContainer) {\n          // In React.StrictMode component will call render multiple time in first mount.\n          // When you want to refactor with FC, useRef will also init multiple time and\n          // point to different useRef instance which will create multiple element\n          // (This multiple render will not trigger effect so you can not clean up this\n          // in effect). But this is safe with class component since it always point to same class instance.\n          var getDocument = _this.props.getDocument;\n          var popupContainer = getDocument(_this.getRootDomNode()).createElement('div'); // Make sure default popup container will never cause scrollbar appearing\n          // https://github.com/react-component/trigger/issues/41\n\n          popupContainer.style.position = 'absolute';\n          popupContainer.style.top = '0';\n          popupContainer.style.left = '0';\n          popupContainer.style.width = '100%';\n          _this.portalContainer = popupContainer;\n        }\n\n        _this.attachParent(_this.portalContainer);\n\n        return _this.portalContainer;\n      });\n\n      _defineProperty(_assertThisInitialized(_this), \"setPoint\", function (point) {\n        var alignPoint = _this.props.alignPoint;\n        if (!alignPoint || !point) return;\n\n        _this.setState({\n          point: {\n            pageX: point.pageX,\n            pageY: point.pageY\n          }\n        });\n      });\n\n      _defineProperty(_assertThisInitialized(_this), \"handlePortalUpdate\", function () {\n        if (_this.state.prevPopupVisible !== _this.state.popupVisible) {\n          _this.props.afterPopupVisibleChange(_this.state.popupVisible);\n        }\n      });\n\n      _defineProperty(_assertThisInitialized(_this), \"triggerContextValue\", {\n        onPopupMouseDown: _this.onPopupMouseDown\n      });\n\n      var _popupVisible;\n\n      if ('popupVisible' in props) {\n        _popupVisible = !!props.popupVisible;\n      } else {\n        _popupVisible = !!props.defaultPopupVisible;\n      }\n\n      _this.state = {\n        prevPopupVisible: _popupVisible,\n        popupVisible: _popupVisible\n      };\n      ALL_HANDLERS.forEach(function (h) {\n        _this[\"fire\".concat(h)] = function (e) {\n          _this.fireEvents(h, e);\n        };\n      });\n      return _this;\n    }\n\n    _createClass(Trigger, [{\n      key: \"componentDidMount\",\n      value: function componentDidMount() {\n        this.componentDidUpdate();\n      }\n    }, {\n      key: \"componentDidUpdate\",\n      value: function componentDidUpdate() {\n        var props = this.props;\n        var state = this.state; // We must listen to `mousedown` or `touchstart`, edge case:\n        // https://github.com/ant-design/ant-design/issues/5804\n        // https://github.com/react-component/calendar/issues/250\n        // https://github.com/react-component/trigger/issues/50\n\n        if (state.popupVisible) {\n          var currentDocument;\n\n          if (!this.clickOutsideHandler && (this.isClickToHide() || this.isContextMenuToShow())) {\n            currentDocument = props.getDocument(this.getRootDomNode());\n            this.clickOutsideHandler = addEventListener(currentDocument, 'mousedown', this.onDocumentClick);\n          } // always hide on mobile\n\n\n          if (!this.touchOutsideHandler) {\n            currentDocument = currentDocument || props.getDocument(this.getRootDomNode());\n            this.touchOutsideHandler = addEventListener(currentDocument, 'touchstart', this.onDocumentClick);\n          } // close popup when trigger type contains 'onContextMenu' and document is scrolling.\n\n\n          if (!this.contextMenuOutsideHandler1 && this.isContextMenuToShow()) {\n            currentDocument = currentDocument || props.getDocument(this.getRootDomNode());\n            this.contextMenuOutsideHandler1 = addEventListener(currentDocument, 'scroll', this.onContextMenuClose);\n          } // close popup when trigger type contains 'onContextMenu' and window is blur.\n\n\n          if (!this.contextMenuOutsideHandler2 && this.isContextMenuToShow()) {\n            this.contextMenuOutsideHandler2 = addEventListener(window, 'blur', this.onContextMenuClose);\n          }\n\n          return;\n        }\n\n        this.clearOutsideHandler();\n      }\n    }, {\n      key: \"componentWillUnmount\",\n      value: function componentWillUnmount() {\n        this.clearDelayTimer();\n        this.clearOutsideHandler();\n        clearTimeout(this.mouseDownTimeout);\n        raf.cancel(this.attachId);\n      }\n    }, {\n      key: \"getPopupDomNode\",\n      value: function getPopupDomNode() {\n        var _this$popupRef$curren2;\n\n        // for test\n        return ((_this$popupRef$curren2 = this.popupRef.current) === null || _this$popupRef$curren2 === void 0 ? void 0 : _this$popupRef$curren2.getElement()) || null;\n      }\n    }, {\n      key: \"getPopupAlign\",\n      value: function getPopupAlign() {\n        var props = this.props;\n        var popupPlacement = props.popupPlacement,\n            popupAlign = props.popupAlign,\n            builtinPlacements = props.builtinPlacements;\n\n        if (popupPlacement && builtinPlacements) {\n          return getAlignFromPlacement(builtinPlacements, popupPlacement, popupAlign);\n        }\n\n        return popupAlign;\n      }\n    }, {\n      key: \"setPopupVisible\",\n      value:\n      /**\n       * @param popupVisible    Show or not the popup element\n       * @param event           SyntheticEvent, used for `pointAlign`\n       */\n      function setPopupVisible(popupVisible, event) {\n        var alignPoint = this.props.alignPoint;\n        var prevPopupVisible = this.state.popupVisible;\n        this.clearDelayTimer();\n\n        if (prevPopupVisible !== popupVisible) {\n          if (!('popupVisible' in this.props)) {\n            this.setState({\n              popupVisible: popupVisible,\n              prevPopupVisible: prevPopupVisible\n            });\n          }\n\n          this.props.onPopupVisibleChange(popupVisible);\n        } // Always record the point position since mouseEnterDelay will delay the show\n\n\n        if (alignPoint && event && popupVisible) {\n          this.setPoint(event);\n        }\n      }\n    }, {\n      key: \"delaySetPopupVisible\",\n      value: function delaySetPopupVisible(visible, delayS, event) {\n        var _this2 = this;\n\n        var delay = delayS * 1000;\n        this.clearDelayTimer();\n\n        if (delay) {\n          var point = event ? {\n            pageX: event.pageX,\n            pageY: event.pageY\n          } : null;\n          this.delayTimer = window.setTimeout(function () {\n            _this2.setPopupVisible(visible, point);\n\n            _this2.clearDelayTimer();\n          }, delay);\n        } else {\n          this.setPopupVisible(visible, event);\n        }\n      }\n    }, {\n      key: \"clearDelayTimer\",\n      value: function clearDelayTimer() {\n        if (this.delayTimer) {\n          clearTimeout(this.delayTimer);\n          this.delayTimer = null;\n        }\n      }\n    }, {\n      key: \"clearOutsideHandler\",\n      value: function clearOutsideHandler() {\n        if (this.clickOutsideHandler) {\n          this.clickOutsideHandler.remove();\n          this.clickOutsideHandler = null;\n        }\n\n        if (this.contextMenuOutsideHandler1) {\n          this.contextMenuOutsideHandler1.remove();\n          this.contextMenuOutsideHandler1 = null;\n        }\n\n        if (this.contextMenuOutsideHandler2) {\n          this.contextMenuOutsideHandler2.remove();\n          this.contextMenuOutsideHandler2 = null;\n        }\n\n        if (this.touchOutsideHandler) {\n          this.touchOutsideHandler.remove();\n          this.touchOutsideHandler = null;\n        }\n      }\n    }, {\n      key: \"createTwoChains\",\n      value: function createTwoChains(event) {\n        var childPros = this.props.children.props;\n        var props = this.props;\n\n        if (childPros[event] && props[event]) {\n          return this[\"fire\".concat(event)];\n        }\n\n        return childPros[event] || props[event];\n      }\n    }, {\n      key: \"isClickToShow\",\n      value: function isClickToShow() {\n        var _this$props4 = this.props,\n            action = _this$props4.action,\n            showAction = _this$props4.showAction;\n        return action.indexOf('click') !== -1 || showAction.indexOf('click') !== -1;\n      }\n    }, {\n      key: \"isContextMenuOnly\",\n      value: function isContextMenuOnly() {\n        var action = this.props.action;\n        return action === 'contextMenu' || action.length === 1 && action[0] === 'contextMenu';\n      }\n    }, {\n      key: \"isContextMenuToShow\",\n      value: function isContextMenuToShow() {\n        var _this$props5 = this.props,\n            action = _this$props5.action,\n            showAction = _this$props5.showAction;\n        return action.indexOf('contextMenu') !== -1 || showAction.indexOf('contextMenu') !== -1;\n      }\n    }, {\n      key: \"isClickToHide\",\n      value: function isClickToHide() {\n        var _this$props6 = this.props,\n            action = _this$props6.action,\n            hideAction = _this$props6.hideAction;\n        return action.indexOf('click') !== -1 || hideAction.indexOf('click') !== -1;\n      }\n    }, {\n      key: \"isMouseEnterToShow\",\n      value: function isMouseEnterToShow() {\n        var _this$props7 = this.props,\n            action = _this$props7.action,\n            showAction = _this$props7.showAction;\n        return action.indexOf('hover') !== -1 || showAction.indexOf('mouseEnter') !== -1;\n      }\n    }, {\n      key: \"isMouseLeaveToHide\",\n      value: function isMouseLeaveToHide() {\n        var _this$props8 = this.props,\n            action = _this$props8.action,\n            hideAction = _this$props8.hideAction;\n        return action.indexOf('hover') !== -1 || hideAction.indexOf('mouseLeave') !== -1;\n      }\n    }, {\n      key: \"isFocusToShow\",\n      value: function isFocusToShow() {\n        var _this$props9 = this.props,\n            action = _this$props9.action,\n            showAction = _this$props9.showAction;\n        return action.indexOf('focus') !== -1 || showAction.indexOf('focus') !== -1;\n      }\n    }, {\n      key: \"isBlurToHide\",\n      value: function isBlurToHide() {\n        var _this$props10 = this.props,\n            action = _this$props10.action,\n            hideAction = _this$props10.hideAction;\n        return action.indexOf('focus') !== -1 || hideAction.indexOf('blur') !== -1;\n      }\n    }, {\n      key: \"forcePopupAlign\",\n      value: function forcePopupAlign() {\n        if (this.state.popupVisible) {\n          var _this$popupRef$curren3;\n\n          (_this$popupRef$curren3 = this.popupRef.current) === null || _this$popupRef$curren3 === void 0 ? void 0 : _this$popupRef$curren3.forceAlign();\n        }\n      }\n    }, {\n      key: \"fireEvents\",\n      value: function fireEvents(type, e) {\n        var childCallback = this.props.children.props[type];\n\n        if (childCallback) {\n          childCallback(e);\n        }\n\n        var callback = this.props[type];\n\n        if (callback) {\n          callback(e);\n        }\n      }\n    }, {\n      key: \"close\",\n      value: function close() {\n        this.setPopupVisible(false);\n      }\n    }, {\n      key: \"render\",\n      value: function render() {\n        var popupVisible = this.state.popupVisible;\n        var _this$props11 = this.props,\n            children = _this$props11.children,\n            forceRender = _this$props11.forceRender,\n            alignPoint = _this$props11.alignPoint,\n            className = _this$props11.className,\n            autoDestroy = _this$props11.autoDestroy;\n        var child = React.Children.only(children);\n        var newChildProps = {\n          key: 'trigger'\n        }; // ============================== Visible Handlers ==============================\n        // >>> ContextMenu\n\n        if (this.isContextMenuToShow()) {\n          newChildProps.onContextMenu = this.onContextMenu;\n        } else {\n          newChildProps.onContextMenu = this.createTwoChains('onContextMenu');\n        } // >>> Click\n\n\n        if (this.isClickToHide() || this.isClickToShow()) {\n          newChildProps.onClick = this.onClick;\n          newChildProps.onMouseDown = this.onMouseDown;\n          newChildProps.onTouchStart = this.onTouchStart;\n        } else {\n          newChildProps.onClick = this.createTwoChains('onClick');\n          newChildProps.onMouseDown = this.createTwoChains('onMouseDown');\n          newChildProps.onTouchStart = this.createTwoChains('onTouchStart');\n        } // >>> Hover(enter)\n\n\n        if (this.isMouseEnterToShow()) {\n          newChildProps.onMouseEnter = this.onMouseEnter; // Point align\n\n          if (alignPoint) {\n            newChildProps.onMouseMove = this.onMouseMove;\n          }\n        } else {\n          newChildProps.onMouseEnter = this.createTwoChains('onMouseEnter');\n        } // >>> Hover(leave)\n\n\n        if (this.isMouseLeaveToHide()) {\n          newChildProps.onMouseLeave = this.onMouseLeave;\n        } else {\n          newChildProps.onMouseLeave = this.createTwoChains('onMouseLeave');\n        } // >>> Focus\n\n\n        if (this.isFocusToShow() || this.isBlurToHide()) {\n          newChildProps.onFocus = this.onFocus;\n          newChildProps.onBlur = this.onBlur;\n        } else {\n          newChildProps.onFocus = this.createTwoChains('onFocus');\n          newChildProps.onBlur = this.createTwoChains('onBlur');\n        } // =================================== Render ===================================\n\n\n        var childrenClassName = classNames(child && child.props && child.props.className, className);\n\n        if (childrenClassName) {\n          newChildProps.className = childrenClassName;\n        }\n\n        var cloneProps = _objectSpread({}, newChildProps);\n\n        if (supportRef(child)) {\n          cloneProps.ref = composeRef(this.triggerRef, child.ref);\n        }\n\n        var trigger = /*#__PURE__*/React.cloneElement(child, cloneProps);\n        var portal; // prevent unmounting after it's rendered\n\n        if (popupVisible || this.popupRef.current || forceRender) {\n          portal = /*#__PURE__*/React.createElement(PortalComponent, {\n            key: \"portal\",\n            getContainer: this.getContainer,\n            didUpdate: this.handlePortalUpdate\n          }, this.getComponent());\n        }\n\n        if (!popupVisible && autoDestroy) {\n          portal = null;\n        }\n\n        return /*#__PURE__*/React.createElement(TriggerContext.Provider, {\n          value: this.triggerContextValue\n        }, trigger, portal);\n      }\n    }], [{\n      key: \"getDerivedStateFromProps\",\n      value: function getDerivedStateFromProps(_ref, prevState) {\n        var popupVisible = _ref.popupVisible;\n        var newState = {};\n\n        if (popupVisible !== undefined && prevState.popupVisible !== popupVisible) {\n          newState.popupVisible = popupVisible;\n          newState.prevPopupVisible = prevState.popupVisible;\n        }\n\n        return newState;\n      }\n    }]);\n\n    return Trigger;\n  }(React.Component);\n\n  _defineProperty(Trigger, \"contextType\", TriggerContext);\n\n  _defineProperty(Trigger, \"defaultProps\", {\n    prefixCls: 'rc-trigger-popup',\n    getPopupClassNameFromAlign: returnEmptyString,\n    getDocument: returnDocument,\n    onPopupVisibleChange: noop,\n    afterPopupVisibleChange: noop,\n    onPopupAlign: noop,\n    popupClassName: '',\n    mouseEnterDelay: 0,\n    mouseLeaveDelay: 0.1,\n    focusDelay: 0,\n    blurDelay: 0.15,\n    popupStyle: {},\n    destroyPopupOnHide: false,\n    popupAlign: {},\n    defaultPopupVisible: false,\n    mask: false,\n    maskClosable: true,\n    action: [],\n    showAction: [],\n    hideAction: [],\n    autoDestroy: false\n  });\n\n  return Trigger;\n}\nexport default generateTrigger(Portal);","import isFragment from \"../React/isFragment\";\nimport React from 'react';\nexport default function toArray(children) {\n  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n  var ret = [];\n  React.Children.forEach(children, function (child) {\n    if ((child === undefined || child === null) && !option.keepEmpty) {\n      return;\n    }\n    if (Array.isArray(child)) {\n      ret = ret.concat(toArray(child));\n    } else if (isFragment(child) && child.props) {\n      ret = ret.concat(toArray(child.props.children, option));\n    } else {\n      ret.push(child);\n    }\n  });\n  return ret;\n}","import ReactDOM from 'react-dom';\nexport default function addEventListenerWrap(target, eventType, cb, option) {\n  /* eslint camelcase: 2 */\n  var callback = ReactDOM.unstable_batchedUpdates ? function run(e) {\n    ReactDOM.unstable_batchedUpdates(cb, e);\n  } : cb;\n  if (target !== null && target !== void 0 && target.addEventListener) {\n    target.addEventListener(eventType, callback, option);\n  }\n  return {\n    remove: function remove() {\n      if (target !== null && target !== void 0 && target.removeEventListener) {\n        target.removeEventListener(eventType, callback, option);\n      }\n    }\n  };\n}","export default function canUseDom() {\n  return !!(typeof window !== 'undefined' && window.document && window.document.createElement);\n}","export default function contains(root, n) {\n  if (!root) {\n    return false;\n  }\n\n  // Use native if support\n  if (root.contains) {\n    return root.contains(n);\n  }\n\n  // `document.contains` not support with IE11\n  var node = n;\n  while (node) {\n    if (node === root) {\n      return true;\n    }\n    node = node.parentNode;\n  }\n  return false;\n}","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport canUseDom from \"./canUseDom\";\nimport contains from \"./contains\";\nvar APPEND_ORDER = 'data-rc-order';\nvar APPEND_PRIORITY = 'data-rc-priority';\nvar MARK_KEY = \"rc-util-key\";\nvar containerCache = new Map();\nfunction getMark() {\n  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n    mark = _ref.mark;\n  if (mark) {\n    return mark.startsWith('data-') ? mark : \"data-\".concat(mark);\n  }\n  return MARK_KEY;\n}\nfunction getContainer(option) {\n  if (option.attachTo) {\n    return option.attachTo;\n  }\n  var head = document.querySelector('head');\n  return head || document.body;\n}\nfunction getOrder(prepend) {\n  if (prepend === 'queue') {\n    return 'prependQueue';\n  }\n  return prepend ? 'prepend' : 'append';\n}\n\n/**\n * Find style which inject by rc-util\n */\nfunction findStyles(container) {\n  return Array.from((containerCache.get(container) || container).children).filter(function (node) {\n    return node.tagName === 'STYLE';\n  });\n}\nexport function injectCSS(css) {\n  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n  if (!canUseDom()) {\n    return null;\n  }\n  var csp = option.csp,\n    prepend = option.prepend,\n    _option$priority = option.priority,\n    priority = _option$priority === void 0 ? 0 : _option$priority;\n  var mergedOrder = getOrder(prepend);\n  var isPrependQueue = mergedOrder === 'prependQueue';\n  var styleNode = document.createElement('style');\n  styleNode.setAttribute(APPEND_ORDER, mergedOrder);\n  if (isPrependQueue && priority) {\n    styleNode.setAttribute(APPEND_PRIORITY, \"\".concat(priority));\n  }\n  if (csp !== null && csp !== void 0 && csp.nonce) {\n    styleNode.nonce = csp === null || csp === void 0 ? void 0 : csp.nonce;\n  }\n  styleNode.innerHTML = css;\n  var container = getContainer(option);\n  var firstChild = container.firstChild;\n  if (prepend) {\n    // If is queue `prepend`, it will prepend first style and then append rest style\n    if (isPrependQueue) {\n      var existStyle = (option.styles || findStyles(container)).filter(function (node) {\n        // Ignore style which not injected by rc-util with prepend\n        if (!['prepend', 'prependQueue'].includes(node.getAttribute(APPEND_ORDER))) {\n          return false;\n        }\n\n        // Ignore style which priority less then new style\n        var nodePriority = Number(node.getAttribute(APPEND_PRIORITY) || 0);\n        return priority >= nodePriority;\n      });\n      if (existStyle.length) {\n        container.insertBefore(styleNode, existStyle[existStyle.length - 1].nextSibling);\n        return styleNode;\n      }\n    }\n\n    // Use `insertBefore` as `prepend`\n    container.insertBefore(styleNode, firstChild);\n  } else {\n    container.appendChild(styleNode);\n  }\n  return styleNode;\n}\nfunction findExistNode(key) {\n  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n  var container = getContainer(option);\n  return (option.styles || findStyles(container)).find(function (node) {\n    return node.getAttribute(getMark(option)) === key;\n  });\n}\nexport function removeCSS(key) {\n  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n  var existNode = findExistNode(key, option);\n  if (existNode) {\n    var container = getContainer(option);\n    container.removeChild(existNode);\n  }\n}\n\n/**\n * qiankun will inject `appendChild` to insert into other\n */\nfunction syncRealContainer(container, option) {\n  var cachedRealContainer = containerCache.get(container);\n\n  // Find real container when not cached or cached container removed\n  if (!cachedRealContainer || !contains(document, cachedRealContainer)) {\n    var placeholderStyle = injectCSS('', option);\n    var parentNode = placeholderStyle.parentNode;\n    containerCache.set(container, parentNode);\n    container.removeChild(placeholderStyle);\n  }\n}\n\n/**\n * manually clear container cache to avoid global cache in unit testes\n */\nexport function clearContainerCache() {\n  containerCache.clear();\n}\nexport function updateCSS(css, key) {\n  var originOption = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n  var container = getContainer(originOption);\n  var styles = findStyles(container);\n  var option = _objectSpread(_objectSpread({}, originOption), {}, {\n    styles: styles\n  });\n\n  // Sync real parent\n  syncRealContainer(container, option);\n  var existNode = findExistNode(key, option);\n  if (existNode) {\n    var _option$csp, _option$csp2;\n    if ((_option$csp = option.csp) !== null && _option$csp !== void 0 && _option$csp.nonce && existNode.nonce !== ((_option$csp2 = option.csp) === null || _option$csp2 === void 0 ? void 0 : _option$csp2.nonce)) {\n      var _option$csp3;\n      existNode.nonce = (_option$csp3 = option.csp) === null || _option$csp3 === void 0 ? void 0 : _option$csp3.nonce;\n    }\n    if (existNode.innerHTML !== css) {\n      existNode.innerHTML = css;\n    }\n    return existNode;\n  }\n  var newNode = injectCSS(css, option);\n  newNode.setAttribute(getMark(option), key);\n  return newNode;\n}","import _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nexport function isDOM(node) {\n  // https://developer.mozilla.org/en-US/docs/Web/API/Element\n  // Since XULElement is also subclass of Element, we only need HTMLElement and SVGElement\n  return node instanceof HTMLElement || node instanceof SVGElement;\n}\n\n/**\n * Retrieves a DOM node via a ref, and does not invoke `findDOMNode`.\n */\nexport function getDOM(node) {\n  if (node && _typeof(node) === 'object' && isDOM(node.nativeElement)) {\n    return node.nativeElement;\n  }\n  if (isDOM(node)) {\n    return node;\n  }\n  return null;\n}\n\n/**\n * Return if a node is a DOM node. Else will return by `findDOMNode`\n */\nexport default function findDOMNode(node) {\n  var domNode = getDOM(node);\n  if (domNode) {\n    return domNode;\n  }\n  if (node instanceof React.Component) {\n    var _ReactDOM$findDOMNode;\n    return (_ReactDOM$findDOMNode = ReactDOM.findDOMNode) === null || _ReactDOM$findDOMNode === void 0 ? void 0 : _ReactDOM$findDOMNode.call(ReactDOM, node);\n  }\n  return null;\n}","export default (function (element) {\n  if (!element) {\n    return false;\n  }\n  if (element instanceof Element) {\n    if (element.offsetParent) {\n      return true;\n    }\n    if (element.getBBox) {\n      var _getBBox = element.getBBox(),\n        width = _getBBox.width,\n        height = _getBBox.height;\n      if (width || height) {\n        return true;\n      }\n    }\n    if (element.getBoundingClientRect) {\n      var _element$getBoundingC = element.getBoundingClientRect(),\n        _width = _element$getBoundingC.width,\n        _height = _element$getBoundingC.height;\n      if (_width || _height) {\n        return true;\n      }\n    }\n  }\n  return false;\n});","import canUseDom from \"./canUseDom\";\nvar isStyleNameSupport = function isStyleNameSupport(styleName) {\n  if (canUseDom() && window.document.documentElement) {\n    var styleNameList = Array.isArray(styleName) ? styleName : [styleName];\n    var documentElement = window.document.documentElement;\n    return styleNameList.some(function (name) {\n      return name in documentElement.style;\n    });\n  }\n  return false;\n};\nvar isStyleValueSupport = function isStyleValueSupport(styleName, value) {\n  if (!isStyleNameSupport(styleName)) {\n    return false;\n  }\n  var ele = document.createElement('div');\n  var origin = ele.style[styleName];\n  ele.style[styleName] = value;\n  return ele.style[styleName] !== origin;\n};\nexport function isStyleSupport(styleName, styleValue) {\n  if (!Array.isArray(styleName) && styleValue !== undefined) {\n    return isStyleValueSupport(styleName, styleValue);\n  }\n  return isStyleNameSupport(styleName);\n}","/**\n * @ignore\n * some key-codes definition and utils from closure-library\n * @author yiminghe@gmail.com\n */\n\nvar KeyCode = {\n  /**\n   * MAC_ENTER\n   */\n  MAC_ENTER: 3,\n  /**\n   * BACKSPACE\n   */\n  BACKSPACE: 8,\n  /**\n   * TAB\n   */\n  TAB: 9,\n  /**\n   * NUMLOCK on FF/Safari Mac\n   */\n  NUM_CENTER: 12,\n  // NUMLOCK on FF/Safari Mac\n  /**\n   * ENTER\n   */\n  ENTER: 13,\n  /**\n   * SHIFT\n   */\n  SHIFT: 16,\n  /**\n   * CTRL\n   */\n  CTRL: 17,\n  /**\n   * ALT\n   */\n  ALT: 18,\n  /**\n   * PAUSE\n   */\n  PAUSE: 19,\n  /**\n   * CAPS_LOCK\n   */\n  CAPS_LOCK: 20,\n  /**\n   * ESC\n   */\n  ESC: 27,\n  /**\n   * SPACE\n   */\n  SPACE: 32,\n  /**\n   * PAGE_UP\n   */\n  PAGE_UP: 33,\n  // also NUM_NORTH_EAST\n  /**\n   * PAGE_DOWN\n   */\n  PAGE_DOWN: 34,\n  // also NUM_SOUTH_EAST\n  /**\n   * END\n   */\n  END: 35,\n  // also NUM_SOUTH_WEST\n  /**\n   * HOME\n   */\n  HOME: 36,\n  // also NUM_NORTH_WEST\n  /**\n   * LEFT\n   */\n  LEFT: 37,\n  // also NUM_WEST\n  /**\n   * UP\n   */\n  UP: 38,\n  // also NUM_NORTH\n  /**\n   * RIGHT\n   */\n  RIGHT: 39,\n  // also NUM_EAST\n  /**\n   * DOWN\n   */\n  DOWN: 40,\n  // also NUM_SOUTH\n  /**\n   * PRINT_SCREEN\n   */\n  PRINT_SCREEN: 44,\n  /**\n   * INSERT\n   */\n  INSERT: 45,\n  // also NUM_INSERT\n  /**\n   * DELETE\n   */\n  DELETE: 46,\n  // also NUM_DELETE\n  /**\n   * ZERO\n   */\n  ZERO: 48,\n  /**\n   * ONE\n   */\n  ONE: 49,\n  /**\n   * TWO\n   */\n  TWO: 50,\n  /**\n   * THREE\n   */\n  THREE: 51,\n  /**\n   * FOUR\n   */\n  FOUR: 52,\n  /**\n   * FIVE\n   */\n  FIVE: 53,\n  /**\n   * SIX\n   */\n  SIX: 54,\n  /**\n   * SEVEN\n   */\n  SEVEN: 55,\n  /**\n   * EIGHT\n   */\n  EIGHT: 56,\n  /**\n   * NINE\n   */\n  NINE: 57,\n  /**\n   * QUESTION_MARK\n   */\n  QUESTION_MARK: 63,\n  // needs localization\n  /**\n   * A\n   */\n  A: 65,\n  /**\n   * B\n   */\n  B: 66,\n  /**\n   * C\n   */\n  C: 67,\n  /**\n   * D\n   */\n  D: 68,\n  /**\n   * E\n   */\n  E: 69,\n  /**\n   * F\n   */\n  F: 70,\n  /**\n   * G\n   */\n  G: 71,\n  /**\n   * H\n   */\n  H: 72,\n  /**\n   * I\n   */\n  I: 73,\n  /**\n   * J\n   */\n  J: 74,\n  /**\n   * K\n   */\n  K: 75,\n  /**\n   * L\n   */\n  L: 76,\n  /**\n   * M\n   */\n  M: 77,\n  /**\n   * N\n   */\n  N: 78,\n  /**\n   * O\n   */\n  O: 79,\n  /**\n   * P\n   */\n  P: 80,\n  /**\n   * Q\n   */\n  Q: 81,\n  /**\n   * R\n   */\n  R: 82,\n  /**\n   * S\n   */\n  S: 83,\n  /**\n   * T\n   */\n  T: 84,\n  /**\n   * U\n   */\n  U: 85,\n  /**\n   * V\n   */\n  V: 86,\n  /**\n   * W\n   */\n  W: 87,\n  /**\n   * X\n   */\n  X: 88,\n  /**\n   * Y\n   */\n  Y: 89,\n  /**\n   * Z\n   */\n  Z: 90,\n  /**\n   * META\n   */\n  META: 91,\n  // WIN_KEY_LEFT\n  /**\n   * WIN_KEY_RIGHT\n   */\n  WIN_KEY_RIGHT: 92,\n  /**\n   * CONTEXT_MENU\n   */\n  CONTEXT_MENU: 93,\n  /**\n   * NUM_ZERO\n   */\n  NUM_ZERO: 96,\n  /**\n   * NUM_ONE\n   */\n  NUM_ONE: 97,\n  /**\n   * NUM_TWO\n   */\n  NUM_TWO: 98,\n  /**\n   * NUM_THREE\n   */\n  NUM_THREE: 99,\n  /**\n   * NUM_FOUR\n   */\n  NUM_FOUR: 100,\n  /**\n   * NUM_FIVE\n   */\n  NUM_FIVE: 101,\n  /**\n   * NUM_SIX\n   */\n  NUM_SIX: 102,\n  /**\n   * NUM_SEVEN\n   */\n  NUM_SEVEN: 103,\n  /**\n   * NUM_EIGHT\n   */\n  NUM_EIGHT: 104,\n  /**\n   * NUM_NINE\n   */\n  NUM_NINE: 105,\n  /**\n   * NUM_MULTIPLY\n   */\n  NUM_MULTIPLY: 106,\n  /**\n   * NUM_PLUS\n   */\n  NUM_PLUS: 107,\n  /**\n   * NUM_MINUS\n   */\n  NUM_MINUS: 109,\n  /**\n   * NUM_PERIOD\n   */\n  NUM_PERIOD: 110,\n  /**\n   * NUM_DIVISION\n   */\n  NUM_DIVISION: 111,\n  /**\n   * F1\n   */\n  F1: 112,\n  /**\n   * F2\n   */\n  F2: 113,\n  /**\n   * F3\n   */\n  F3: 114,\n  /**\n   * F4\n   */\n  F4: 115,\n  /**\n   * F5\n   */\n  F5: 116,\n  /**\n   * F6\n   */\n  F6: 117,\n  /**\n   * F7\n   */\n  F7: 118,\n  /**\n   * F8\n   */\n  F8: 119,\n  /**\n   * F9\n   */\n  F9: 120,\n  /**\n   * F10\n   */\n  F10: 121,\n  /**\n   * F11\n   */\n  F11: 122,\n  /**\n   * F12\n   */\n  F12: 123,\n  /**\n   * NUMLOCK\n   */\n  NUMLOCK: 144,\n  /**\n   * SEMICOLON\n   */\n  SEMICOLON: 186,\n  // needs localization\n  /**\n   * DASH\n   */\n  DASH: 189,\n  // needs localization\n  /**\n   * EQUALS\n   */\n  EQUALS: 187,\n  // needs localization\n  /**\n   * COMMA\n   */\n  COMMA: 188,\n  // needs localization\n  /**\n   * PERIOD\n   */\n  PERIOD: 190,\n  // needs localization\n  /**\n   * SLASH\n   */\n  SLASH: 191,\n  // needs localization\n  /**\n   * APOSTROPHE\n   */\n  APOSTROPHE: 192,\n  // needs localization\n  /**\n   * SINGLE_QUOTE\n   */\n  SINGLE_QUOTE: 222,\n  // needs localization\n  /**\n   * OPEN_SQUARE_BRACKET\n   */\n  OPEN_SQUARE_BRACKET: 219,\n  // needs localization\n  /**\n   * BACKSLASH\n   */\n  BACKSLASH: 220,\n  // needs localization\n  /**\n   * CLOSE_SQUARE_BRACKET\n   */\n  CLOSE_SQUARE_BRACKET: 221,\n  // needs localization\n  /**\n   * WIN_KEY\n   */\n  WIN_KEY: 224,\n  /**\n   * MAC_FF_META\n   */\n  MAC_FF_META: 224,\n  // Firefox (Gecko) fires this for the meta key instead of 91\n  /**\n   * WIN_IME\n   */\n  WIN_IME: 229,\n  // ======================== Function ========================\n  /**\n   * whether text and modified key is entered at the same time.\n   */\n  isTextModifyingKeyEvent: function isTextModifyingKeyEvent(e) {\n    var keyCode = e.keyCode;\n    if (e.altKey && !e.ctrlKey || e.metaKey ||\n    // Function keys don't generate text\n    keyCode >= KeyCode.F1 && keyCode <= KeyCode.F12) {\n      return false;\n    }\n\n    // The following keys are quite harmless, even in combination with\n    // CTRL, ALT or SHIFT.\n    switch (keyCode) {\n      case KeyCode.ALT:\n      case KeyCode.CAPS_LOCK:\n      case KeyCode.CONTEXT_MENU:\n      case KeyCode.CTRL:\n      case KeyCode.DOWN:\n      case KeyCode.END:\n      case KeyCode.ESC:\n      case KeyCode.HOME:\n      case KeyCode.INSERT:\n      case KeyCode.LEFT:\n      case KeyCode.MAC_FF_META:\n      case KeyCode.META:\n      case KeyCode.NUMLOCK:\n      case KeyCode.NUM_CENTER:\n      case KeyCode.PAGE_DOWN:\n      case KeyCode.PAGE_UP:\n      case KeyCode.PAUSE:\n      case KeyCode.PRINT_SCREEN:\n      case KeyCode.RIGHT:\n      case KeyCode.SHIFT:\n      case KeyCode.UP:\n      case KeyCode.WIN_KEY:\n      case KeyCode.WIN_KEY_RIGHT:\n        return false;\n      default:\n        return true;\n    }\n  },\n  /**\n   * whether character is entered.\n   */\n  isCharacterKey: function isCharacterKey(keyCode) {\n    if (keyCode >= KeyCode.ZERO && keyCode <= KeyCode.NINE) {\n      return true;\n    }\n    if (keyCode >= KeyCode.NUM_ZERO && keyCode <= KeyCode.NUM_MULTIPLY) {\n      return true;\n    }\n    if (keyCode >= KeyCode.A && keyCode <= KeyCode.Z) {\n      return true;\n    }\n\n    // Safari sends zero key code for non-latin characters.\n    if (window.navigator.userAgent.indexOf('WebKit') !== -1 && keyCode === 0) {\n      return true;\n    }\n    switch (keyCode) {\n      case KeyCode.SPACE:\n      case KeyCode.QUESTION_MARK:\n      case KeyCode.NUM_PLUS:\n      case KeyCode.NUM_MINUS:\n      case KeyCode.NUM_PERIOD:\n      case KeyCode.NUM_DIVISION:\n      case KeyCode.SEMICOLON:\n      case KeyCode.DASH:\n      case KeyCode.EQUALS:\n      case KeyCode.COMMA:\n      case KeyCode.PERIOD:\n      case KeyCode.SLASH:\n      case KeyCode.APOSTROPHE:\n      case KeyCode.SINGLE_QUOTE:\n      case KeyCode.OPEN_SQUARE_BRACKET:\n      case KeyCode.BACKSLASH:\n      case KeyCode.CLOSE_SQUARE_BRACKET:\n        return true;\n      default:\n        return false;\n    }\n  }\n};\nexport default KeyCode;","import _typeof from \"@babel/runtime/helpers/esm/typeof\";\nvar REACT_ELEMENT_TYPE_18 = Symbol.for('react.element');\nvar REACT_ELEMENT_TYPE_19 = Symbol.for('react.transitional.element');\nvar REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');\n\n/**\n * Compatible with React 18 or 19 to check if node is a Fragment.\n */\nexport default function isFragment(object) {\n  return (\n    // Base object type\n    object && _typeof(object) === 'object' && (\n    // React Element type\n    object.$$typeof === REACT_ELEMENT_TYPE_18 || object.$$typeof === REACT_ELEMENT_TYPE_19) &&\n    // React Fragment type\n    object.type === REACT_FRAGMENT_TYPE\n  );\n}","import _regeneratorRuntime from \"@babel/runtime/helpers/esm/regeneratorRuntime\";\nimport _asyncToGenerator from \"@babel/runtime/helpers/esm/asyncToGenerator\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport * as ReactDOM from 'react-dom';\n// Let compiler not to search module usage\nvar fullClone = _objectSpread({}, ReactDOM);\nvar version = fullClone.version,\n  reactRender = fullClone.render,\n  unmountComponentAtNode = fullClone.unmountComponentAtNode;\nvar createRoot;\ntry {\n  var mainVersion = Number((version || '').split('.')[0]);\n  if (mainVersion >= 18) {\n    createRoot = fullClone.createRoot;\n  }\n} catch (e) {\n  // Do nothing;\n}\nfunction toggleWarning(skip) {\n  var __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = fullClone.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n  if (__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED && _typeof(__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === 'object') {\n    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;\n  }\n}\nvar MARK = '__rc_react_root__';\n\n// ========================== Render ==========================\n\nfunction modernRender(node, container) {\n  toggleWarning(true);\n  var root = container[MARK] || createRoot(container);\n  toggleWarning(false);\n  root.render(node);\n  container[MARK] = root;\n}\nfunction legacyRender(node, container) {\n  reactRender(node, container);\n}\n\n/** @private Test usage. Not work in prod */\nexport function _r(node, container) {\n  if (process.env.NODE_ENV !== 'production') {\n    return legacyRender(node, container);\n  }\n}\nexport function render(node, container) {\n  if (createRoot) {\n    modernRender(node, container);\n    return;\n  }\n  legacyRender(node, container);\n}\n\n// ========================= Unmount ==========================\nfunction modernUnmount(_x) {\n  return _modernUnmount.apply(this, arguments);\n}\nfunction _modernUnmount() {\n  _modernUnmount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(container) {\n    return _regeneratorRuntime().wrap(function _callee$(_context) {\n      while (1) switch (_context.prev = _context.next) {\n        case 0:\n          return _context.abrupt(\"return\", Promise.resolve().then(function () {\n            var _container$MARK;\n            (_container$MARK = container[MARK]) === null || _container$MARK === void 0 || _container$MARK.unmount();\n            delete container[MARK];\n          }));\n        case 1:\n        case \"end\":\n          return _context.stop();\n      }\n    }, _callee);\n  }));\n  return _modernUnmount.apply(this, arguments);\n}\nfunction legacyUnmount(container) {\n  unmountComponentAtNode(container);\n}\n\n/** @private Test usage. Not work in prod */\nexport function _u(container) {\n  if (process.env.NODE_ENV !== 'production') {\n    return legacyUnmount(container);\n  }\n}\nexport function unmount(_x2) {\n  return _unmount.apply(this, arguments);\n}\nfunction _unmount() {\n  _unmount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(container) {\n    return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n      while (1) switch (_context2.prev = _context2.next) {\n        case 0:\n          if (!(createRoot !== undefined)) {\n            _context2.next = 2;\n            break;\n          }\n          return _context2.abrupt(\"return\", modernUnmount(container));\n        case 2:\n          legacyUnmount(container);\n        case 3:\n        case \"end\":\n          return _context2.stop();\n      }\n    }, _callee2);\n  }));\n  return _unmount.apply(this, arguments);\n}","/* eslint-disable no-param-reassign */\nimport { removeCSS, updateCSS } from \"./Dom/dynamicCSS\";\nvar cached;\nfunction measureScrollbarSize(ele) {\n  var randomId = \"rc-scrollbar-measure-\".concat(Math.random().toString(36).substring(7));\n  var measureEle = document.createElement('div');\n  measureEle.id = randomId;\n\n  // Create Style\n  var measureStyle = measureEle.style;\n  measureStyle.position = 'absolute';\n  measureStyle.left = '0';\n  measureStyle.top = '0';\n  measureStyle.width = '100px';\n  measureStyle.height = '100px';\n  measureStyle.overflow = 'scroll';\n\n  // Clone Style if needed\n  var fallbackWidth;\n  var fallbackHeight;\n  if (ele) {\n    var targetStyle = getComputedStyle(ele);\n    measureStyle.scrollbarColor = targetStyle.scrollbarColor;\n    measureStyle.scrollbarWidth = targetStyle.scrollbarWidth;\n\n    // Set Webkit style\n    var webkitScrollbarStyle = getComputedStyle(ele, '::-webkit-scrollbar');\n    var width = parseInt(webkitScrollbarStyle.width, 10);\n    var height = parseInt(webkitScrollbarStyle.height, 10);\n\n    // Try wrap to handle CSP case\n    try {\n      var widthStyle = width ? \"width: \".concat(webkitScrollbarStyle.width, \";\") : '';\n      var heightStyle = height ? \"height: \".concat(webkitScrollbarStyle.height, \";\") : '';\n      updateCSS(\"\\n#\".concat(randomId, \"::-webkit-scrollbar {\\n\").concat(widthStyle, \"\\n\").concat(heightStyle, \"\\n}\"), randomId);\n    } catch (e) {\n      // Can't wrap, just log error\n      console.error(e);\n\n      // Get from style directly\n      fallbackWidth = width;\n      fallbackHeight = height;\n    }\n  }\n  document.body.appendChild(measureEle);\n\n  // Measure. Get fallback style if provided\n  var scrollWidth = ele && fallbackWidth && !isNaN(fallbackWidth) ? fallbackWidth : measureEle.offsetWidth - measureEle.clientWidth;\n  var scrollHeight = ele && fallbackHeight && !isNaN(fallbackHeight) ? fallbackHeight : measureEle.offsetHeight - measureEle.clientHeight;\n\n  // Clean up\n  document.body.removeChild(measureEle);\n  removeCSS(randomId);\n  return {\n    width: scrollWidth,\n    height: scrollHeight\n  };\n}\nexport default function getScrollBarSize(fresh) {\n  if (typeof document === 'undefined') {\n    return 0;\n  }\n  if (fresh || cached === undefined) {\n    cached = measureScrollbarSize();\n  }\n  return cached.width;\n}\nexport function getTargetScrollBarSize(target) {\n  if (typeof document === 'undefined' || !target || !(target instanceof Element)) {\n    return {\n      width: 0,\n      height: 0\n    };\n  }\n  return measureScrollbarSize(target);\n}","import * as React from 'react';\nexport default function useEvent(callback) {\n  var fnRef = React.useRef();\n  fnRef.current = callback;\n  var memoFn = React.useCallback(function () {\n    var _fnRef$current;\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n    return (_fnRef$current = fnRef.current) === null || _fnRef$current === void 0 ? void 0 : _fnRef$current.call.apply(_fnRef$current, [fnRef].concat(args));\n  }, []);\n  return memoFn;\n}","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport * as React from 'react';\nfunction getUseId() {\n  // We need fully clone React function here to avoid webpack warning React 17 do not export `useId`\n  var fullClone = _objectSpread({}, React);\n  return fullClone.useId;\n}\nvar uuid = 0;\n\n/** @private Note only worked in develop env. Not work in production. */\nexport function resetUuid() {\n  if (process.env.NODE_ENV !== 'production') {\n    uuid = 0;\n  }\n}\nvar useOriginId = getUseId();\nexport default useOriginId ?\n// Use React `useId`\nfunction useId(id) {\n  var reactId = useOriginId();\n\n  // Developer passed id is single source of truth\n  if (id) {\n    return id;\n  }\n\n  // Test env always return mock id\n  if (process.env.NODE_ENV === 'test') {\n    return 'test-id';\n  }\n  return reactId;\n} :\n// Use compatible of `useId`\nfunction useCompatId(id) {\n  // Inner id for accessibility usage. Only work in client side\n  var _React$useState = React.useState('ssr-id'),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    innerId = _React$useState2[0],\n    setInnerId = _React$useState2[1];\n  React.useEffect(function () {\n    var nextId = uuid;\n    uuid += 1;\n    setInnerId(\"rc_unique_\".concat(nextId));\n  }, []);\n\n  // Developer passed id is single source of truth\n  if (id) {\n    return id;\n  }\n\n  // Test env always return mock id\n  if (process.env.NODE_ENV === 'test') {\n    return 'test-id';\n  }\n\n  // Return react native id or inner id\n  return innerId;\n};","import * as React from 'react';\nimport canUseDom from \"../Dom/canUseDom\";\n\n/**\n * Wrap `React.useLayoutEffect` which will not throw warning message in test env\n */\nvar useInternalLayoutEffect = process.env.NODE_ENV !== 'test' && canUseDom() ? React.useLayoutEffect : React.useEffect;\nvar useLayoutEffect = function useLayoutEffect(callback, deps) {\n  var firstMountRef = React.useRef(true);\n  useInternalLayoutEffect(function () {\n    return callback(firstMountRef.current);\n  }, deps);\n\n  // We tell react that first mount has passed\n  useInternalLayoutEffect(function () {\n    firstMountRef.current = false;\n    return function () {\n      firstMountRef.current = true;\n    };\n  }, []);\n};\nexport var useLayoutUpdateEffect = function useLayoutUpdateEffect(callback, deps) {\n  useLayoutEffect(function (firstMount) {\n    if (!firstMount) {\n      return callback();\n    }\n  }, deps);\n};\nexport default useLayoutEffect;","import * as React from 'react';\nexport default function useMemo(getValue, condition, shouldUpdate) {\n  var cacheRef = React.useRef({});\n  if (!('value' in cacheRef.current) || shouldUpdate(cacheRef.current.condition, condition)) {\n    cacheRef.current.value = getValue();\n    cacheRef.current.condition = condition;\n  }\n  return cacheRef.current.value;\n}","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport useEvent from \"./useEvent\";\nimport { useLayoutUpdateEffect } from \"./useLayoutEffect\";\nimport useState from \"./useState\";\n/** We only think `undefined` is empty */\nfunction hasValue(value) {\n  return value !== undefined;\n}\n\n/**\n * Similar to `useState` but will use props value if provided.\n * Note that internal use rc-util `useState` hook.\n */\nexport default function useMergedState(defaultStateValue, option) {\n  var _ref = option || {},\n    defaultValue = _ref.defaultValue,\n    value = _ref.value,\n    onChange = _ref.onChange,\n    postState = _ref.postState;\n\n  // ======================= Init =======================\n  var _useState = useState(function () {\n      if (hasValue(value)) {\n        return value;\n      } else if (hasValue(defaultValue)) {\n        return typeof defaultValue === 'function' ? defaultValue() : defaultValue;\n      } else {\n        return typeof defaultStateValue === 'function' ? defaultStateValue() : defaultStateValue;\n      }\n    }),\n    _useState2 = _slicedToArray(_useState, 2),\n    innerValue = _useState2[0],\n    setInnerValue = _useState2[1];\n  var mergedValue = value !== undefined ? value : innerValue;\n  var postMergedValue = postState ? postState(mergedValue) : mergedValue;\n\n  // ====================== Change ======================\n  var onChangeFn = useEvent(onChange);\n  var _useState3 = useState([mergedValue]),\n    _useState4 = _slicedToArray(_useState3, 2),\n    prevValue = _useState4[0],\n    setPrevValue = _useState4[1];\n  useLayoutUpdateEffect(function () {\n    var prev = prevValue[0];\n    if (innerValue !== prev) {\n      onChangeFn(innerValue, prev);\n    }\n  }, [prevValue]);\n\n  // Sync value back to `undefined` when it from control to un-control\n  useLayoutUpdateEffect(function () {\n    if (!hasValue(value)) {\n      setInnerValue(value);\n    }\n  }, [value]);\n\n  // ====================== Update ======================\n  var triggerChange = useEvent(function (updater, ignoreDestroy) {\n    setInnerValue(updater, ignoreDestroy);\n    setPrevValue([mergedValue], ignoreDestroy);\n  });\n  return [postMergedValue, triggerChange];\n}","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\n/**\n * Same as React.useState but `setState` accept `ignoreDestroy` param to not to setState after destroyed.\n * We do not make this auto is to avoid real memory leak.\n * Developer should confirm it's safe to ignore themselves.\n */\nexport default function useSafeState(defaultValue) {\n  var destroyRef = React.useRef(false);\n  var _React$useState = React.useState(defaultValue),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    value = _React$useState2[0],\n    setValue = _React$useState2[1];\n  React.useEffect(function () {\n    destroyRef.current = false;\n    return function () {\n      destroyRef.current = true;\n    };\n  }, []);\n  function safeSetState(updater, ignoreDestroy) {\n    if (ignoreDestroy && destroyRef.current) {\n      return;\n    }\n    setValue(updater);\n  }\n  return [value, safeSetState];\n}","export { default as useEvent } from \"./hooks/useEvent\";\nexport { default as useMergedState } from \"./hooks/useMergedState\";\nexport { supportNodeRef, supportRef, useComposeRef } from \"./ref\";\nexport { default as get } from \"./utils/get\";\nexport { default as set } from \"./utils/set\";\nexport { default as warning } from \"./warning\";","import _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport warning from \"./warning\";\n\n/**\n * Deeply compares two object literals.\n * @param obj1 object 1\n * @param obj2 object 2\n * @param shallow shallow compare\n * @returns\n */\nfunction isEqual(obj1, obj2) {\n  var shallow = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n  // https://github.com/mapbox/mapbox-gl-js/pull/5979/files#diff-fde7145050c47cc3a306856efd5f9c3016e86e859de9afbd02c879be5067e58f\n  var refSet = new Set();\n  function deepEqual(a, b) {\n    var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;\n    var circular = refSet.has(a);\n    warning(!circular, 'Warning: There may be circular references');\n    if (circular) {\n      return false;\n    }\n    if (a === b) {\n      return true;\n    }\n    if (shallow && level > 1) {\n      return false;\n    }\n    refSet.add(a);\n    var newLevel = level + 1;\n    if (Array.isArray(a)) {\n      if (!Array.isArray(b) || a.length !== b.length) {\n        return false;\n      }\n      for (var i = 0; i < a.length; i++) {\n        if (!deepEqual(a[i], b[i], newLevel)) {\n          return false;\n        }\n      }\n      return true;\n    }\n    if (a && b && _typeof(a) === 'object' && _typeof(b) === 'object') {\n      var keys = Object.keys(a);\n      if (keys.length !== Object.keys(b).length) {\n        return false;\n      }\n      return keys.every(function (key) {\n        return deepEqual(a[key], b[key], newLevel);\n      });\n    }\n    // other\n    return false;\n  }\n  return deepEqual(obj1, obj2);\n}\nexport default isEqual;","export default (function () {\n  if (typeof navigator === 'undefined' || typeof window === 'undefined') {\n    return false;\n  }\n  var agent = navigator.userAgent || navigator.vendor || window.opera;\n  return /(android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(agent) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\\/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\\/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i.test(agent === null || agent === void 0 ? void 0 : agent.substr(0, 4));\n});","export default function omit(obj, fields) {\n  var clone = Object.assign({}, obj);\n  if (Array.isArray(fields)) {\n    fields.forEach(function (key) {\n      delete clone[key];\n    });\n  }\n  return clone;\n}","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nvar attributes = \"accept acceptCharset accessKey action allowFullScreen allowTransparency\\n    alt async autoComplete autoFocus autoPlay capture cellPadding cellSpacing challenge\\n    charSet checked classID className colSpan cols content contentEditable contextMenu\\n    controls coords crossOrigin data dateTime default defer dir disabled download draggable\\n    encType form formAction formEncType formMethod formNoValidate formTarget frameBorder\\n    headers height hidden high href hrefLang htmlFor httpEquiv icon id inputMode integrity\\n    is keyParams keyType kind label lang list loop low manifest marginHeight marginWidth max maxLength media\\n    mediaGroup method min minLength multiple muted name noValidate nonce open\\n    optimum pattern placeholder poster preload radioGroup readOnly rel required\\n    reversed role rowSpan rows sandbox scope scoped scrolling seamless selected\\n    shape size sizes span spellCheck src srcDoc srcLang srcSet start step style\\n    summary tabIndex target title type useMap value width wmode wrap\";\nvar eventsName = \"onCopy onCut onPaste onCompositionEnd onCompositionStart onCompositionUpdate onKeyDown\\n    onKeyPress onKeyUp onFocus onBlur onChange onInput onSubmit onClick onContextMenu onDoubleClick\\n    onDrag onDragEnd onDragEnter onDragExit onDragLeave onDragOver onDragStart onDrop onMouseDown\\n    onMouseEnter onMouseLeave onMouseMove onMouseOut onMouseOver onMouseUp onSelect onTouchCancel\\n    onTouchEnd onTouchMove onTouchStart onScroll onWheel onAbort onCanPlay onCanPlayThrough\\n    onDurationChange onEmptied onEncrypted onEnded onError onLoadedData onLoadedMetadata\\n    onLoadStart onPause onPlay onPlaying onProgress onRateChange onSeeked onSeeking onStalled onSuspend onTimeUpdate onVolumeChange onWaiting onLoad onError\";\nvar propList = \"\".concat(attributes, \" \").concat(eventsName).split(/[\\s\\n]+/);\n\n/* eslint-enable max-len */\nvar ariaPrefix = 'aria-';\nvar dataPrefix = 'data-';\nfunction match(key, prefix) {\n  return key.indexOf(prefix) === 0;\n}\n/**\n * Picker props from exist props with filter\n * @param props Passed props\n * @param ariaOnly boolean | { aria?: boolean; data?: boolean; attr?: boolean; } filter config\n */\nexport default function pickAttrs(props) {\n  var ariaOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n  var mergedConfig;\n  if (ariaOnly === false) {\n    mergedConfig = {\n      aria: true,\n      data: true,\n      attr: true\n    };\n  } else if (ariaOnly === true) {\n    mergedConfig = {\n      aria: true\n    };\n  } else {\n    mergedConfig = _objectSpread({}, ariaOnly);\n  }\n  var attrs = {};\n  Object.keys(props).forEach(function (key) {\n    if (\n    // Aria\n    mergedConfig.aria && (key === 'role' || match(key, ariaPrefix)) ||\n    // Data\n    mergedConfig.data && match(key, dataPrefix) ||\n    // Attr\n    mergedConfig.attr && propList.includes(key)) {\n      attrs[key] = props[key];\n    }\n  });\n  return attrs;\n}","var raf = function raf(callback) {\n  return +setTimeout(callback, 16);\n};\nvar caf = function caf(num) {\n  return clearTimeout(num);\n};\nif (typeof window !== 'undefined' && 'requestAnimationFrame' in window) {\n  raf = function raf(callback) {\n    return window.requestAnimationFrame(callback);\n  };\n  caf = function caf(handle) {\n    return window.cancelAnimationFrame(handle);\n  };\n}\nvar rafUUID = 0;\nvar rafIds = new Map();\nfunction cleanup(id) {\n  rafIds.delete(id);\n}\nvar wrapperRaf = function wrapperRaf(callback) {\n  var times = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;\n  rafUUID += 1;\n  var id = rafUUID;\n  function callRef(leftTimes) {\n    if (leftTimes === 0) {\n      // Clean up\n      cleanup(id);\n\n      // Trigger\n      callback();\n    } else {\n      // Next raf\n      var realId = raf(function () {\n        callRef(leftTimes - 1);\n      });\n\n      // Bind real raf id\n      rafIds.set(id, realId);\n    }\n  }\n  callRef(times);\n  return id;\n};\nwrapperRaf.cancel = function (id) {\n  var realId = rafIds.get(id);\n  cleanup(id);\n  return caf(realId);\n};\nif (process.env.NODE_ENV !== 'production') {\n  wrapperRaf.ids = function () {\n    return rafIds;\n  };\n}\nexport default wrapperRaf;","import _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport { isValidElement } from 'react';\nimport { ForwardRef, isMemo } from 'react-is';\nimport useMemo from \"./hooks/useMemo\";\nimport isFragment from \"./React/isFragment\";\nexport var fillRef = function fillRef(ref, node) {\n  if (typeof ref === 'function') {\n    ref(node);\n  } else if (_typeof(ref) === 'object' && ref && 'current' in ref) {\n    ref.current = node;\n  }\n};\n\n/**\n * Merge refs into one ref function to support ref passing.\n */\nexport var composeRef = function composeRef() {\n  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {\n    refs[_key] = arguments[_key];\n  }\n  var refList = refs.filter(Boolean);\n  if (refList.length <= 1) {\n    return refList[0];\n  }\n  return function (node) {\n    refs.forEach(function (ref) {\n      fillRef(ref, node);\n    });\n  };\n};\nexport var useComposeRef = function useComposeRef() {\n  for (var _len2 = arguments.length, refs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n    refs[_key2] = arguments[_key2];\n  }\n  return useMemo(function () {\n    return composeRef.apply(void 0, refs);\n  }, refs, function (prev, next) {\n    return prev.length !== next.length || prev.every(function (ref, i) {\n      return ref !== next[i];\n    });\n  });\n};\nexport var supportRef = function supportRef(nodeOrComponent) {\n  var _type$prototype, _nodeOrComponent$prot;\n  if (!nodeOrComponent) {\n    return false;\n  }\n\n  // React 19 no need `forwardRef` anymore. So just pass if is a React element.\n  if (isReactElement(nodeOrComponent) && nodeOrComponent.props.propertyIsEnumerable('ref')) {\n    return true;\n  }\n  var type = isMemo(nodeOrComponent) ? nodeOrComponent.type.type : nodeOrComponent.type;\n\n  // Function component node\n  if (typeof type === 'function' && !((_type$prototype = type.prototype) !== null && _type$prototype !== void 0 && _type$prototype.render) && type.$$typeof !== ForwardRef) {\n    return false;\n  }\n\n  // Class component\n  if (typeof nodeOrComponent === 'function' && !((_nodeOrComponent$prot = nodeOrComponent.prototype) !== null && _nodeOrComponent$prot !== void 0 && _nodeOrComponent$prot.render) && nodeOrComponent.$$typeof !== ForwardRef) {\n    return false;\n  }\n  return true;\n};\nfunction isReactElement(node) {\n  return /*#__PURE__*/isValidElement(node) && !isFragment(node);\n}\nexport var supportNodeRef = function supportNodeRef(node) {\n  return isReactElement(node) && supportRef(node);\n};\n\n/**\n * In React 19. `ref` is not a property from node.\n * But a property from `props.ref`.\n * To check if `props.ref` exist or fallback to `ref`.\n */\nexport var getNodeRef = function getNodeRef(node) {\n  if (node && isReactElement(node)) {\n    var ele = node;\n\n    // Source from:\n    // https://github.com/mui/material-ui/blob/master/packages/mui-utils/src/getReactNodeRef/getReactNodeRef.ts\n    return ele.props.propertyIsEnumerable('ref') ? ele.props.ref : ele.ref;\n  }\n  return null;\n};","export default function get(entity, path) {\n  var current = entity;\n  for (var i = 0; i < path.length; i += 1) {\n    if (current === null || current === undefined) {\n      return undefined;\n    }\n    current = current[path[i]];\n  }\n  return current;\n}","import _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _toArray from \"@babel/runtime/helpers/esm/toArray\";\nimport get from \"./get\";\nfunction internalSet(entity, paths, value, removeIfUndefined) {\n  if (!paths.length) {\n    return value;\n  }\n  var _paths = _toArray(paths),\n    path = _paths[0],\n    restPath = _paths.slice(1);\n  var clone;\n  if (!entity && typeof path === 'number') {\n    clone = [];\n  } else if (Array.isArray(entity)) {\n    clone = _toConsumableArray(entity);\n  } else {\n    clone = _objectSpread({}, entity);\n  }\n\n  // Delete prop if `removeIfUndefined` and value is undefined\n  if (removeIfUndefined && value === undefined && restPath.length === 1) {\n    delete clone[path][restPath[0]];\n  } else {\n    clone[path] = internalSet(clone[path], restPath, value, removeIfUndefined);\n  }\n  return clone;\n}\nexport default function set(entity, paths, value) {\n  var removeIfUndefined = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;\n  // Do nothing if `removeIfUndefined` and parent object not exist\n  if (paths.length && removeIfUndefined && value === undefined && !get(entity, paths.slice(0, -1))) {\n    return entity;\n  }\n  return internalSet(entity, paths, value, removeIfUndefined);\n}\nfunction isObject(obj) {\n  return _typeof(obj) === 'object' && obj !== null && Object.getPrototypeOf(obj) === Object.prototype;\n}\nfunction createEmpty(source) {\n  return Array.isArray(source) ? [] : {};\n}\nvar keys = typeof Reflect === 'undefined' ? Object.keys : Reflect.ownKeys;\n\n/**\n * Merge objects which will create\n */\nexport function merge() {\n  for (var _len = arguments.length, sources = new Array(_len), _key = 0; _key < _len; _key++) {\n    sources[_key] = arguments[_key];\n  }\n  var clone = createEmpty(sources[0]);\n  sources.forEach(function (src) {\n    function internalMerge(path, parentLoopSet) {\n      var loopSet = new Set(parentLoopSet);\n      var value = get(src, path);\n      var isArr = Array.isArray(value);\n      if (isArr || isObject(value)) {\n        // Only add not loop obj\n        if (!loopSet.has(value)) {\n          loopSet.add(value);\n          var originValue = get(clone, path);\n          if (isArr) {\n            // Array will always be override\n            clone = set(clone, path, []);\n          } else if (!originValue || _typeof(originValue) !== 'object') {\n            // Init container if not exist\n            clone = set(clone, path, createEmpty(value));\n          }\n          keys(value).forEach(function (key) {\n            internalMerge([].concat(_toConsumableArray(path), [key]), loopSet);\n          });\n        }\n      } else {\n        clone = set(clone, path, value);\n      }\n    }\n    internalMerge([]);\n  });\n  return clone;\n}","/* eslint-disable no-console */\nvar warned = {};\nvar preWarningFns = [];\n\n/**\n * Pre warning enable you to parse content before console.error.\n * Modify to null will prevent warning.\n */\nexport var preMessage = function preMessage(fn) {\n  preWarningFns.push(fn);\n};\n\n/**\n * Warning if condition not match.\n * @param valid Condition\n * @param message Warning message\n * @example\n * ```js\n * warning(false, 'some error'); // print some error\n * warning(true, 'some error'); // print nothing\n * warning(1 === 2, 'some error'); // print some error\n * ```\n */\nexport function warning(valid, message) {\n  if (process.env.NODE_ENV !== 'production' && !valid && console !== undefined) {\n    var finalMessage = preWarningFns.reduce(function (msg, preMessageFn) {\n      return preMessageFn(msg !== null && msg !== void 0 ? msg : '', 'warning');\n    }, message);\n    if (finalMessage) {\n      console.error(\"Warning: \".concat(finalMessage));\n    }\n  }\n}\n\n/** @see Similar to {@link warning} */\nexport function note(valid, message) {\n  if (process.env.NODE_ENV !== 'production' && !valid && console !== undefined) {\n    var finalMessage = preWarningFns.reduce(function (msg, preMessageFn) {\n      return preMessageFn(msg !== null && msg !== void 0 ? msg : '', 'note');\n    }, message);\n    if (finalMessage) {\n      console.warn(\"Note: \".concat(finalMessage));\n    }\n  }\n}\nexport function resetWarned() {\n  warned = {};\n}\nexport function call(method, valid, message) {\n  if (!valid && !warned[message]) {\n    method(false, message);\n    warned[message] = true;\n  }\n}\n\n/** @see Same as {@link warning}, but only warn once for the same message */\nexport function warningOnce(valid, message) {\n  call(warning, valid, message);\n}\n\n/** @see Same as {@link warning}, but only warn once for the same message */\nexport function noteOnce(valid, message) {\n  call(note, valid, message);\n}\nwarningOnce.preMessage = preMessage;\nwarningOnce.resetWarned = resetWarned;\nwarningOnce.noteOnce = noteOnce;\nexport default warningOnce;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\").default;\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = toArray;\nvar _isFragment = _interopRequireDefault(require(\"../React/isFragment\"));\nvar _react = _interopRequireDefault(require(\"react\"));\nfunction toArray(children) {\n  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n  var ret = [];\n  _react.default.Children.forEach(children, function (child) {\n    if ((child === undefined || child === null) && !option.keepEmpty) {\n      return;\n    }\n    if (Array.isArray(child)) {\n      ret = ret.concat(toArray(child));\n    } else if ((0, _isFragment.default)(child) && child.props) {\n      ret = ret.concat(toArray(child.props.children, option));\n    } else {\n      ret.push(child);\n    }\n  });\n  return ret;\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = canUseDom;\nfunction canUseDom() {\n  return !!(typeof window !== 'undefined' && window.document && window.document.createElement);\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = contains;\nfunction contains(root, n) {\n  if (!root) {\n    return false;\n  }\n\n  // Use native if support\n  if (root.contains) {\n    return root.contains(n);\n  }\n\n  // `document.contains` not support with IE11\n  var node = n;\n  while (node) {\n    if (node === root) {\n      return true;\n    }\n    node = node.parentNode;\n  }\n  return false;\n}","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\").default;\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.clearContainerCache = clearContainerCache;\nexports.injectCSS = injectCSS;\nexports.removeCSS = removeCSS;\nexports.updateCSS = updateCSS;\nvar _objectSpread2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectSpread2\"));\nvar _canUseDom = _interopRequireDefault(require(\"./canUseDom\"));\nvar _contains = _interopRequireDefault(require(\"./contains\"));\nvar APPEND_ORDER = 'data-rc-order';\nvar APPEND_PRIORITY = 'data-rc-priority';\nvar MARK_KEY = \"rc-util-key\";\nvar containerCache = new Map();\nfunction getMark() {\n  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n    mark = _ref.mark;\n  if (mark) {\n    return mark.startsWith('data-') ? mark : \"data-\".concat(mark);\n  }\n  return MARK_KEY;\n}\nfunction getContainer(option) {\n  if (option.attachTo) {\n    return option.attachTo;\n  }\n  var head = document.querySelector('head');\n  return head || document.body;\n}\nfunction getOrder(prepend) {\n  if (prepend === 'queue') {\n    return 'prependQueue';\n  }\n  return prepend ? 'prepend' : 'append';\n}\n\n/**\n * Find style which inject by rc-util\n */\nfunction findStyles(container) {\n  return Array.from((containerCache.get(container) || container).children).filter(function (node) {\n    return node.tagName === 'STYLE';\n  });\n}\nfunction injectCSS(css) {\n  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n  if (!(0, _canUseDom.default)()) {\n    return null;\n  }\n  var csp = option.csp,\n    prepend = option.prepend,\n    _option$priority = option.priority,\n    priority = _option$priority === void 0 ? 0 : _option$priority;\n  var mergedOrder = getOrder(prepend);\n  var isPrependQueue = mergedOrder === 'prependQueue';\n  var styleNode = document.createElement('style');\n  styleNode.setAttribute(APPEND_ORDER, mergedOrder);\n  if (isPrependQueue && priority) {\n    styleNode.setAttribute(APPEND_PRIORITY, \"\".concat(priority));\n  }\n  if (csp !== null && csp !== void 0 && csp.nonce) {\n    styleNode.nonce = csp === null || csp === void 0 ? void 0 : csp.nonce;\n  }\n  styleNode.innerHTML = css;\n  var container = getContainer(option);\n  var firstChild = container.firstChild;\n  if (prepend) {\n    // If is queue `prepend`, it will prepend first style and then append rest style\n    if (isPrependQueue) {\n      var existStyle = (option.styles || findStyles(container)).filter(function (node) {\n        // Ignore style which not injected by rc-util with prepend\n        if (!['prepend', 'prependQueue'].includes(node.getAttribute(APPEND_ORDER))) {\n          return false;\n        }\n\n        // Ignore style which priority less then new style\n        var nodePriority = Number(node.getAttribute(APPEND_PRIORITY) || 0);\n        return priority >= nodePriority;\n      });\n      if (existStyle.length) {\n        container.insertBefore(styleNode, existStyle[existStyle.length - 1].nextSibling);\n        return styleNode;\n      }\n    }\n\n    // Use `insertBefore` as `prepend`\n    container.insertBefore(styleNode, firstChild);\n  } else {\n    container.appendChild(styleNode);\n  }\n  return styleNode;\n}\nfunction findExistNode(key) {\n  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n  var container = getContainer(option);\n  return (option.styles || findStyles(container)).find(function (node) {\n    return node.getAttribute(getMark(option)) === key;\n  });\n}\nfunction removeCSS(key) {\n  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n  var existNode = findExistNode(key, option);\n  if (existNode) {\n    var container = getContainer(option);\n    container.removeChild(existNode);\n  }\n}\n\n/**\n * qiankun will inject `appendChild` to insert into other\n */\nfunction syncRealContainer(container, option) {\n  var cachedRealContainer = containerCache.get(container);\n\n  // Find real container when not cached or cached container removed\n  if (!cachedRealContainer || !(0, _contains.default)(document, cachedRealContainer)) {\n    var placeholderStyle = injectCSS('', option);\n    var parentNode = placeholderStyle.parentNode;\n    containerCache.set(container, parentNode);\n    container.removeChild(placeholderStyle);\n  }\n}\n\n/**\n * manually clear container cache to avoid global cache in unit testes\n */\nfunction clearContainerCache() {\n  containerCache.clear();\n}\nfunction updateCSS(css, key) {\n  var originOption = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n  var container = getContainer(originOption);\n  var styles = findStyles(container);\n  var option = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, originOption), {}, {\n    styles: styles\n  });\n\n  // Sync real parent\n  syncRealContainer(container, option);\n  var existNode = findExistNode(key, option);\n  if (existNode) {\n    var _option$csp, _option$csp2;\n    if ((_option$csp = option.csp) !== null && _option$csp !== void 0 && _option$csp.nonce && existNode.nonce !== ((_option$csp2 = option.csp) === null || _option$csp2 === void 0 ? void 0 : _option$csp2.nonce)) {\n      var _option$csp3;\n      existNode.nonce = (_option$csp3 = option.csp) === null || _option$csp3 === void 0 ? void 0 : _option$csp3.nonce;\n    }\n    if (existNode.innerHTML !== css) {\n      existNode.innerHTML = css;\n    }\n    return existNode;\n  }\n  var newNode = injectCSS(css, option);\n  newNode.setAttribute(getMark(option), key);\n  return newNode;\n}","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\").default;\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = isFragment;\nvar _typeof2 = _interopRequireDefault(require(\"@babel/runtime/helpers/typeof\"));\nvar REACT_ELEMENT_TYPE_18 = Symbol.for('react.element');\nvar REACT_ELEMENT_TYPE_19 = Symbol.for('react.transitional.element');\nvar REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');\n\n/**\n * Compatible with React 18 or 19 to check if node is a Fragment.\n */\nfunction isFragment(object) {\n  return (\n    // Base object type\n    object && (0, _typeof2.default)(object) === 'object' && (\n    // React Element type\n    object.$$typeof === REACT_ELEMENT_TYPE_18 || object.$$typeof === REACT_ELEMENT_TYPE_19) &&\n    // React Fragment type\n    object.type === REACT_FRAGMENT_TYPE\n  );\n}","\"use strict\";\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\").default;\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = useMemo;\nvar React = _interopRequireWildcard(require(\"react\"));\nfunction useMemo(getValue, condition, shouldUpdate) {\n  var cacheRef = React.useRef({});\n  if (!('value' in cacheRef.current) || shouldUpdate(cacheRef.current.condition, condition)) {\n    cacheRef.current.value = getValue();\n    cacheRef.current.condition = condition;\n  }\n  return cacheRef.current.value;\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = omit;\nfunction omit(obj, fields) {\n  var clone = Object.assign({}, obj);\n  if (Array.isArray(fields)) {\n    fields.forEach(function (key) {\n      delete clone[key];\n    });\n  }\n  return clone;\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar raf = function raf(callback) {\n  return +setTimeout(callback, 16);\n};\nvar caf = function caf(num) {\n  return clearTimeout(num);\n};\nif (typeof window !== 'undefined' && 'requestAnimationFrame' in window) {\n  raf = function raf(callback) {\n    return window.requestAnimationFrame(callback);\n  };\n  caf = function caf(handle) {\n    return window.cancelAnimationFrame(handle);\n  };\n}\nvar rafUUID = 0;\nvar rafIds = new Map();\nfunction cleanup(id) {\n  rafIds.delete(id);\n}\nvar wrapperRaf = function wrapperRaf(callback) {\n  var times = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;\n  rafUUID += 1;\n  var id = rafUUID;\n  function callRef(leftTimes) {\n    if (leftTimes === 0) {\n      // Clean up\n      cleanup(id);\n\n      // Trigger\n      callback();\n    } else {\n      // Next raf\n      var realId = raf(function () {\n        callRef(leftTimes - 1);\n      });\n\n      // Bind real raf id\n      rafIds.set(id, realId);\n    }\n  }\n  callRef(times);\n  return id;\n};\nwrapperRaf.cancel = function (id) {\n  var realId = rafIds.get(id);\n  cleanup(id);\n  return caf(realId);\n};\nif (process.env.NODE_ENV !== 'production') {\n  wrapperRaf.ids = function () {\n    return rafIds;\n  };\n}\nvar _default = exports.default = wrapperRaf;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\").default;\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.useComposeRef = exports.supportRef = exports.supportNodeRef = exports.getNodeRef = exports.fillRef = exports.composeRef = void 0;\nvar _typeof2 = _interopRequireDefault(require(\"@babel/runtime/helpers/typeof\"));\nvar _react = require(\"react\");\nvar _reactIs = require(\"react-is\");\nvar _useMemo = _interopRequireDefault(require(\"./hooks/useMemo\"));\nvar _isFragment = _interopRequireDefault(require(\"./React/isFragment\"));\nvar fillRef = exports.fillRef = function fillRef(ref, node) {\n  if (typeof ref === 'function') {\n    ref(node);\n  } else if ((0, _typeof2.default)(ref) === 'object' && ref && 'current' in ref) {\n    ref.current = node;\n  }\n};\n\n/**\n * Merge refs into one ref function to support ref passing.\n */\nvar composeRef = exports.composeRef = function composeRef() {\n  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {\n    refs[_key] = arguments[_key];\n  }\n  var refList = refs.filter(Boolean);\n  if (refList.length <= 1) {\n    return refList[0];\n  }\n  return function (node) {\n    refs.forEach(function (ref) {\n      fillRef(ref, node);\n    });\n  };\n};\nvar useComposeRef = exports.useComposeRef = function useComposeRef() {\n  for (var _len2 = arguments.length, refs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n    refs[_key2] = arguments[_key2];\n  }\n  return (0, _useMemo.default)(function () {\n    return composeRef.apply(void 0, refs);\n  }, refs, function (prev, next) {\n    return prev.length !== next.length || prev.every(function (ref, i) {\n      return ref !== next[i];\n    });\n  });\n};\nvar supportRef = exports.supportRef = function supportRef(nodeOrComponent) {\n  var _type$prototype, _nodeOrComponent$prot;\n  if (!nodeOrComponent) {\n    return false;\n  }\n\n  // React 19 no need `forwardRef` anymore. So just pass if is a React element.\n  if (isReactElement(nodeOrComponent) && nodeOrComponent.props.propertyIsEnumerable('ref')) {\n    return true;\n  }\n  var type = (0, _reactIs.isMemo)(nodeOrComponent) ? nodeOrComponent.type.type : nodeOrComponent.type;\n\n  // Function component node\n  if (typeof type === 'function' && !((_type$prototype = type.prototype) !== null && _type$prototype !== void 0 && _type$prototype.render) && type.$$typeof !== _reactIs.ForwardRef) {\n    return false;\n  }\n\n  // Class component\n  if (typeof nodeOrComponent === 'function' && !((_nodeOrComponent$prot = nodeOrComponent.prototype) !== null && _nodeOrComponent$prot !== void 0 && _nodeOrComponent$prot.render) && nodeOrComponent.$$typeof !== _reactIs.ForwardRef) {\n    return false;\n  }\n  return true;\n};\nfunction isReactElement(node) {\n  return /*#__PURE__*/(0, _react.isValidElement)(node) && !(0, _isFragment.default)(node);\n}\nvar supportNodeRef = exports.supportNodeRef = function supportNodeRef(node) {\n  return isReactElement(node) && supportRef(node);\n};\n\n/**\n * In React 19. `ref` is not a property from node.\n * But a property from `props.ref`.\n * To check if `props.ref` exist or fallback to `ref`.\n */\nvar getNodeRef = exports.getNodeRef = function getNodeRef(node) {\n  if (node && isReactElement(node)) {\n    var ele = node;\n\n    // Source from:\n    // https://github.com/mui/material-ui/blob/master/packages/mui-utils/src/getReactNodeRef/getReactNodeRef.ts\n    return ele.props.propertyIsEnumerable('ref') ? ele.props.ref : ele.ref;\n  }\n  return null;\n};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.call = call;\nexports.default = void 0;\nexports.note = note;\nexports.noteOnce = noteOnce;\nexports.preMessage = void 0;\nexports.resetWarned = resetWarned;\nexports.warning = warning;\nexports.warningOnce = warningOnce;\n/* eslint-disable no-console */\nvar warned = {};\nvar preWarningFns = [];\n\n/**\n * Pre warning enable you to parse content before console.error.\n * Modify to null will prevent warning.\n */\nvar preMessage = exports.preMessage = function preMessage(fn) {\n  preWarningFns.push(fn);\n};\n\n/**\n * Warning if condition not match.\n * @param valid Condition\n * @param message Warning message\n * @example\n * ```js\n * warning(false, 'some error'); // print some error\n * warning(true, 'some error'); // print nothing\n * warning(1 === 2, 'some error'); // print some error\n * ```\n */\nfunction warning(valid, message) {\n  if (process.env.NODE_ENV !== 'production' && !valid && console !== undefined) {\n    var finalMessage = preWarningFns.reduce(function (msg, preMessageFn) {\n      return preMessageFn(msg !== null && msg !== void 0 ? msg : '', 'warning');\n    }, message);\n    if (finalMessage) {\n      console.error(\"Warning: \".concat(finalMessage));\n    }\n  }\n}\n\n/** @see Similar to {@link warning} */\nfunction note(valid, message) {\n  if (process.env.NODE_ENV !== 'production' && !valid && console !== undefined) {\n    var finalMessage = preWarningFns.reduce(function (msg, preMessageFn) {\n      return preMessageFn(msg !== null && msg !== void 0 ? msg : '', 'note');\n    }, message);\n    if (finalMessage) {\n      console.warn(\"Note: \".concat(finalMessage));\n    }\n  }\n}\nfunction resetWarned() {\n  warned = {};\n}\nfunction call(method, valid, message) {\n  if (!valid && !warned[message]) {\n    method(false, message);\n    warned[message] = true;\n  }\n}\n\n/** @see Same as {@link warning}, but only warn once for the same message */\nfunction warningOnce(valid, message) {\n  call(warning, valid, message);\n}\n\n/** @see Same as {@link warning}, but only warn once for the same message */\nfunction noteOnce(valid, message) {\n  call(note, valid, message);\n}\nwarningOnce.preMessage = preMessage;\nwarningOnce.resetWarned = resetWarned;\nwarningOnce.noteOnce = noteOnce;\nvar _default = exports.default = warningOnce;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _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; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _shallowequal = require('shallowequal');\n\nvar _shallowequal2 = _interopRequireDefault(_shallowequal);\n\nvar _raf = require('raf');\n\nvar _raf2 = _interopRequireDefault(_raf);\n\nvar _shouldUpdate2 = require('./shouldUpdate');\n\nvar _shouldUpdate3 = _interopRequireDefault(_shouldUpdate2);\n\nvar _supportsPassiveEvents = require('./supportsPassiveEvents');\n\nvar _supportsPassiveEvents2 = _interopRequireDefault(_supportsPassiveEvents);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // eslint-disable-line import/no-unresolved\n\n\nvar noop = function noop() {};\n\nvar Headroom = function (_Component) {\n  _inherits(Headroom, _Component);\n\n  _createClass(Headroom, null, [{\n    key: 'getDerivedStateFromProps',\n    value: function getDerivedStateFromProps(props, state) {\n      if (props.disable && state.state !== 'unfixed') {\n        return {\n          translateY: 0,\n          className: 'headroom headroom--unfixed headroom-disable-animation',\n          animation: false,\n          state: 'unfixed'\n        };\n      }\n\n      return null;\n    }\n  }]);\n\n  function Headroom(props) {\n    _classCallCheck(this, Headroom);\n\n    // Class variables.\n    var _this = _possibleConstructorReturn(this, (Headroom.__proto__ || Object.getPrototypeOf(Headroom)).call(this, props));\n\n    _this.setRef = function (ref) {\n      return _this.inner = ref;\n    };\n\n    _this.setHeightOffset = function () {\n      _this.setState({\n        height: _this.inner ? _this.inner.offsetHeight : ''\n      });\n      _this.resizeTicking = false;\n    };\n\n    _this.getScrollY = function () {\n      if (_this.props.parent().pageYOffset !== void 0) {\n        return _this.props.parent().pageYOffset;\n      } else if (_this.props.parent().scrollTop !== void 0) {\n        return _this.props.parent().scrollTop;\n      } else {\n        return (document.documentElement || document.body.parentNode || document.body).scrollTop;\n      }\n    };\n\n    _this.getViewportHeight = function () {\n      return window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;\n    };\n\n    _this.getDocumentHeight = function () {\n      var body = document.body;\n      var documentElement = document.documentElement;\n\n      return Math.max(body.scrollHeight, documentElement.scrollHeight, body.offsetHeight, documentElement.offsetHeight, body.clientHeight, documentElement.clientHeight);\n    };\n\n    _this.getElementPhysicalHeight = function (elm) {\n      return Math.max(elm.offsetHeight, elm.clientHeight);\n    };\n\n    _this.getElementHeight = function (elm) {\n      return Math.max(elm.scrollHeight, elm.offsetHeight, elm.clientHeight);\n    };\n\n    _this.getScrollerPhysicalHeight = function () {\n      var parent = _this.props.parent();\n\n      return parent === window || parent === document.body ? _this.getViewportHeight() : _this.getElementPhysicalHeight(parent);\n    };\n\n    _this.getScrollerHeight = function () {\n      var parent = _this.props.parent();\n\n      return parent === window || parent === document.body ? _this.getDocumentHeight() : _this.getElementHeight(parent);\n    };\n\n    _this.isOutOfBound = function (currentScrollY) {\n      var pastTop = currentScrollY < 0;\n\n      var scrollerPhysicalHeight = _this.getScrollerPhysicalHeight();\n      var scrollerHeight = _this.getScrollerHeight();\n\n      var pastBottom = currentScrollY + scrollerPhysicalHeight > scrollerHeight;\n\n      return pastTop || pastBottom;\n    };\n\n    _this.handleScroll = function () {\n      if (!_this.scrollTicking) {\n        _this.scrollTicking = true;\n        (0, _raf2.default)(_this.update);\n      }\n    };\n\n    _this.handleResize = function () {\n      if (!_this.resizeTicking) {\n        _this.resizeTicking = true;\n        (0, _raf2.default)(_this.setHeightOffset);\n      }\n    };\n\n    _this.unpin = function () {\n      _this.props.onUnpin();\n\n      _this.setState({\n        translateY: '-100%',\n        className: 'headroom headroom--unpinned',\n        animation: true,\n        state: 'unpinned'\n      });\n    };\n\n    _this.unpinSnap = function () {\n      _this.props.onUnpin();\n\n      _this.setState({\n        translateY: '-100%',\n        className: 'headroom headroom--unpinned headroom-disable-animation',\n        animation: false,\n        state: 'unpinned'\n      });\n    };\n\n    _this.pin = function () {\n      _this.props.onPin();\n\n      _this.setState({\n        translateY: 0,\n        className: 'headroom headroom--pinned',\n        animation: true,\n        state: 'pinned'\n      });\n    };\n\n    _this.unfix = function () {\n      _this.props.onUnfix();\n\n      _this.setState({\n        translateY: 0,\n        className: 'headroom headroom--unfixed headroom-disable-animation',\n        animation: false\n      }, function () {\n        setTimeout(function () {\n          _this.setState({ state: 'unfixed' });\n        }, 0);\n      });\n    };\n\n    _this.update = function () {\n      _this.currentScrollY = _this.getScrollY();\n\n      if (!_this.isOutOfBound(_this.currentScrollY)) {\n        var _shouldUpdate = (0, _shouldUpdate3.default)(_this.lastKnownScrollY, _this.currentScrollY, _this.props, _this.state),\n            action = _shouldUpdate.action;\n\n        if (action === 'pin') {\n          _this.pin();\n        } else if (action === 'unpin') {\n          _this.unpin();\n        } else if (action === 'unpin-snap') {\n          _this.unpinSnap();\n        } else if (action === 'unfix') {\n          _this.unfix();\n        }\n      }\n\n      _this.lastKnownScrollY = _this.currentScrollY;\n      _this.scrollTicking = false;\n    };\n\n    _this.currentScrollY = 0;\n    _this.lastKnownScrollY = 0;\n    _this.scrollTicking = false;\n    _this.resizeTicking = false;\n    _this.eventListenerOptions = false;\n    _this.state = {\n      state: 'unfixed',\n      translateY: 0,\n      className: 'headroom headroom--unfixed'\n    };\n    return _this;\n  }\n\n  _createClass(Headroom, [{\n    key: 'componentDidMount',\n    value: function componentDidMount() {\n      this.setHeightOffset();\n\n      this.eventListenerOptions = (0, _supportsPassiveEvents2.default)() ? { passive: true, capture: false } : false;\n\n      if (!this.props.disable) {\n        this.props.parent().addEventListener('scroll', this.handleScroll, this.eventListenerOptions);\n\n        if (this.props.calcHeightOnResize) {\n          this.props.parent().addEventListener('resize', this.handleResize, this.eventListenerOptions);\n        }\n      }\n    }\n  }, {\n    key: 'shouldComponentUpdate',\n    value: function shouldComponentUpdate(nextProps, nextState) {\n      return !(0, _shallowequal2.default)(this.props, nextProps) || !(0, _shallowequal2.default)(this.state, nextState);\n    }\n  }, {\n    key: 'componentDidUpdate',\n    value: function componentDidUpdate(prevProps, prevState) {\n      // If children have changed, remeasure height.\n      if (prevProps.children !== this.props.children) {\n        this.setHeightOffset();\n      }\n\n      // Add/remove event listeners when re-enabled/disabled\n      if (!prevProps.disable && this.props.disable) {\n        this.props.parent().removeEventListener('scroll', this.handleScroll, this.eventListenerOptions);\n        this.props.parent().removeEventListener('resize', this.handleResize, this.eventListenerOptions);\n\n        if (prevState.state !== 'unfixed' && this.state.state === 'unfixed') {\n          this.props.onUnfix();\n        }\n      } else if (prevProps.disable && !this.props.disable) {\n        this.props.parent().addEventListener('scroll', this.handleScroll, this.eventListenerOptions);\n\n        if (this.props.calcHeightOnResize) {\n          this.props.parent().addEventListener('resize', this.handleResize, this.eventListenerOptions);\n        }\n      }\n\n      if (prevProps.pin !== this.props.pin) {\n        this.handleScroll();\n      }\n    }\n  }, {\n    key: 'componentWillUnmount',\n    value: function componentWillUnmount() {\n      if (this.props.parent()) {\n        this.props.parent().removeEventListener('scroll', this.handleScroll, this.eventListenerOptions);\n        this.props.parent().removeEventListener('resize', this.handleResize, this.eventListenerOptions);\n      }\n      window.removeEventListener('scroll', this.handleScroll, this.eventListenerOptions);\n    }\n  }, {\n    key: 'render',\n    value: function render() {\n      var _props = this.props,\n          userClassName = _props.className,\n          Tag = _props.tag,\n          divProps = _objectWithoutProperties(_props, ['className', 'tag']);\n\n      delete divProps.onUnpin;\n      delete divProps.onPin;\n      delete divProps.onUnfix;\n      delete divProps.disableInlineStyles;\n      delete divProps.disable;\n      delete divProps.pin;\n      delete divProps.parent;\n      delete divProps.children;\n      delete divProps.upTolerance;\n      delete divProps.downTolerance;\n      delete divProps.pinStart;\n      delete divProps.calcHeightOnResize;\n\n      var style = divProps.style,\n          wrapperStyle = divProps.wrapperStyle,\n          rest = _objectWithoutProperties(divProps, ['style', 'wrapperStyle']);\n\n      var innerStyle = {\n        position: this.props.disable || this.state.state === 'unfixed' ? 'relative' : 'fixed',\n        top: 0,\n        left: 0,\n        right: 0,\n        zIndex: 1,\n        WebkitTransform: 'translate3D(0, ' + this.state.translateY + ', 0)',\n        MsTransform: 'translate3D(0, ' + this.state.translateY + ', 0)',\n        transform: 'translate3D(0, ' + this.state.translateY + ', 0)'\n      };\n\n      var className = this.state.className;\n\n      // Don't add css transitions until after we've done the initial\n      // negative transform when transitioning from 'unfixed' to 'unpinned'.\n      // If we don't do this, the header will flash into view temporarily\n      // while it transitions from 0 — -100%.\n      if (this.state.animation) {\n        innerStyle = _extends({}, innerStyle, {\n          WebkitTransition: 'all .2s ease-in-out',\n          MozTransition: 'all .2s ease-in-out',\n          OTransition: 'all .2s ease-in-out',\n          transition: 'all .2s ease-in-out'\n        });\n        className += ' headroom--scrolled';\n      }\n\n      if (!this.props.disableInlineStyles) {\n        innerStyle = _extends({}, innerStyle, style);\n      } else {\n        innerStyle = style;\n      }\n\n      var wrapperStyles = _extends({}, wrapperStyle, {\n        height: this.state.height ? this.state.height : null\n      });\n\n      var wrapperClassName = userClassName ? userClassName + ' headroom-wrapper' : 'headroom-wrapper';\n\n      return _react2.default.createElement(\n        Tag,\n        { style: wrapperStyles, className: wrapperClassName },\n        _react2.default.createElement(\n          'div',\n          _extends({\n            ref: this.setRef\n          }, rest, {\n            style: innerStyle,\n            className: className\n          }),\n          this.props.children\n        )\n      );\n    }\n  }]);\n\n  return Headroom;\n}(_react.Component);\n\nHeadroom.propTypes = {\n  className: _propTypes2.default.string,\n  parent: _propTypes2.default.func,\n  children: _propTypes2.default.any.isRequired,\n  disableInlineStyles: _propTypes2.default.bool,\n  disable: _propTypes2.default.bool,\n  pin: _propTypes2.default.bool,\n  upTolerance: _propTypes2.default.number,\n  downTolerance: _propTypes2.default.number,\n  onPin: _propTypes2.default.func,\n  onUnpin: _propTypes2.default.func,\n  onUnfix: _propTypes2.default.func,\n  wrapperStyle: _propTypes2.default.object,\n  pinStart: _propTypes2.default.number,\n  style: _propTypes2.default.object,\n  calcHeightOnResize: _propTypes2.default.bool,\n  tag: _propTypes2.default.string\n};\nHeadroom.defaultProps = {\n  parent: function parent() {\n    return window;\n  },\n  disableInlineStyles: false,\n  disable: false,\n  pin: false,\n  upTolerance: 5,\n  downTolerance: 0,\n  onPin: noop,\n  onUnpin: noop,\n  onUnfix: noop,\n  wrapperStyle: {},\n  pinStart: 0,\n  calcHeightOnResize: true,\n  tag: 'div'\n};\nexports.default = Headroom;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nexports.default = function () {\n  var lastKnownScrollY = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;\n  var currentScrollY = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;\n  var props = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};\n  var state = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};\n\n  var scrollDirection = currentScrollY >= lastKnownScrollY ? 'down' : 'up';\n  var distanceScrolled = Math.abs(currentScrollY - lastKnownScrollY);\n\n  // We're disabled\n  if (props.disable) {\n    return {\n      action: 'none',\n      scrollDirection: scrollDirection,\n      distanceScrolled: distanceScrolled\n      // We're pinned\n    };\n  } else if (props.pin) {\n    return {\n      action: state.state !== 'pinned' ? 'pin' : 'none',\n      scrollDirection: scrollDirection,\n      distanceScrolled: distanceScrolled\n      // We're at the top and not fixed yet.\n    };\n  } else if (currentScrollY <= props.pinStart && state.state !== 'unfixed') {\n    return {\n      action: 'unfix',\n      scrollDirection: scrollDirection,\n      distanceScrolled: distanceScrolled\n      // We're unfixed and headed down. Carry on.\n    };\n  } else if (currentScrollY <= state.height && scrollDirection === 'down' && state.state === 'unfixed') {\n    return {\n      action: 'none',\n      scrollDirection: scrollDirection,\n      distanceScrolled: distanceScrolled\n    };\n  } else if (currentScrollY > state.height + props.pinStart && scrollDirection === 'down' && state.state === 'unfixed') {\n    return {\n      action: 'unpin-snap',\n      scrollDirection: scrollDirection,\n      distanceScrolled: distanceScrolled\n      // We're past the header and scrolling down.\n      // We transition to \"unpinned\" if necessary.\n    };\n  } else if (scrollDirection === 'down' && ['pinned', 'unfixed'].indexOf(state.state) >= 0 && currentScrollY > state.height + props.pinStart && distanceScrolled > props.downTolerance) {\n    return {\n      action: 'unpin',\n      scrollDirection: scrollDirection,\n      distanceScrolled: distanceScrolled\n      // We're scrolling up, we transition to \"pinned\"\n    };\n  } else if (scrollDirection === 'up' && distanceScrolled > props.upTolerance && ['pinned', 'unfixed'].indexOf(state.state) < 0) {\n    return {\n      action: 'pin',\n      scrollDirection: scrollDirection,\n      distanceScrolled: distanceScrolled\n      // We're scrolling up, and inside the header.\n      // We transition to pin regardless of upTolerance\n    };\n  } else if (scrollDirection === 'up' && currentScrollY <= state.height && ['pinned', 'unfixed'].indexOf(state.state) < 0) {\n    return {\n      action: 'pin',\n      scrollDirection: scrollDirection,\n      distanceScrolled: distanceScrolled\n    };\n  } else {\n    return {\n      action: 'none',\n      scrollDirection: scrollDirection,\n      distanceScrolled: distanceScrolled\n    };\n  }\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = supportsPassiveEvents;\n/**\n * Used to detect browser support for adding an event listener with options\n * @see https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#Improving_scrolling_performance_with_passive_listeners\n * @returns Boolean\n */\nfunction supportsPassiveEvents() {\n  var passiveSupported = false;\n\n  try {\n    var options = {\n      get passive() {\n        // This function will be called when the browser\n        // attempts to access the passive property.\n        passiveSupported = true;\n        return false;\n      }\n    };\n\n    window.addEventListener('test', null, options);\n    window.removeEventListener('test', null, options);\n  } catch (err) {\n    passiveSupported = false;\n  }\n\n  return passiveSupported;\n}","'use strict';\n\nvar _jfullscript = require('./jfullscript');\n\nvar _jfullscript2 = _interopRequireDefault(_jfullscript);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nmodule.exports = _jfullscript2.default;","'use strict';\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; /**\r\n                                                                                                                                                                                                                                                                               * @author nibblesky <Nibblesky.com>\r\n                                                                                                                                                                                                                                                                               * @description IFDO service modules for React-only Websites. \r\n                                                                                                                                                                                                                                                                               * @version 1.1.2, 2023.08.07 소스 수정\r\n                                                                                                                                                                                                                                                                               * @copyright © Nibblesky.com 2023\r\n                                                                                                                                                                                                                                                                               */\n\nvar _warnlog = require('./lib/warnlog');\n\nvar _warnlog2 = _interopRequireDefault(_warnlog);\n\nvar _errorlog = require('./lib/errorlog');\n\nvar _errorlog2 = _interopRequireDefault(_errorlog);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar jfullscript = {\n  _NB_JID: \"\", /* 로그인아이디(필수) */\n  _NB_JN: \"\", /* 가입/해지여부(join,withdraw) */\n  _NB_ID: \"\", /* 로그인아이디(필수) */\n  _NB_EMAIL: \"\", /* 로그인 사용자 이메일주소 */\n  _NB_CT: \"\", /* 카테고리명 */\n  _NB_PD: \"\", /* 제품명 */\n  _NB_PC: \"\", /* 제품코드 */\n  _NB_AMT: 0, /* 제품가격, 내부검색 결과수 */\n  _NB_IMG: \"\", /* 제품이미지 */\n  _NB_PD_USE: \"\", /* 현재 상품이 품절인 경우 N 값을 넣어주세요 */\n  _NB_PM: \"\", /* 장바구니 구분값(u:장바구니),구매완료 구분값(b), 위시리스트 구분값( w:위시리스트) */\n  _NB_ORD_NO: \"\", /* 주문번호(임의번호) */\n  _NB_ORD_AMT: 0, /* 주문 총액(숫자) */\n  _NB_kwd: \"\", /* 내부검색어 */\n  _NB_UDF: {},\n  _NB_LO: {\n    prodObj: {},\n    push: function push(pObj) {\n      if ((typeof pObj === 'undefined' ? 'undefined' : _typeof(pObj)) === \"object\" && pObj.PN !== undefined && pObj.PC !== undefined && pObj.CT !== undefined && pObj.AM !== undefined && pObj.PR !== undefined) {\n\n        var tmpObj = this.prodObj[pObj.PN];\n\n        if (tmpObj) {\n          pObj.AM += tmpObj.AM;\n          pObj.PR += tmpObj.PR;\n          this.prodObj[pObj.PN] = pObj;\n        } else {\n          this.prodObj[pObj.PN] = pObj;\n        }\n      } else {\n        (0, _warnlog2.default)(\"_NB_LO 입력 형식에 맞지 않습니다.\");\n      }\n    } },\n  timeObj: {},\n  /**\r\n   * 초기 GCODE 생성해주는 함수로 매개변수로 받은 gcode를 window 객체에 넘겨준다.\r\n   * \r\n   * @param {string} gcode 고객사이트의 수집 분석 고유아이디 값\r\n   */\n  initialize: function initialize(gcode) {\n    if (gcode === undefined || gcode == '' || String(gcode).length < 13) {\n      (0, _errorlog2.default)(\"잘못된 GCODE 입니다.\");\n      return 0;\n    }\n\n    window._NB_gs = \"wlog.ifdo.co.kr\";\n    window._NB_MKTCD = gcode;\n\n    this.scriptImport();\n  },\n\n  /**\r\n   * ifdo-jfullscript 설치 및 pageView 불러오는 함수로 조건문에 맞게 각각 실행한다.\r\n   * \r\n   * @param {string} PageURL 고객이 직접 설정한 가상 페이지 주소\r\n   */\n  scriptImport: function scriptImport(PageURL) {\n\n    if (window._IFDO_SCRIPT === undefined) {\n\n      window._IFDO_SCRIPT = Math.floor(Date.now() / 1000);\n      var scriptURL = \"https://script.ifdo.co.kr/jfullscript.js?rnd=\" + window._IFDO_SCRIPT;\n      var scriptElement = document.createElement(\"script\");\n      scriptElement.src = scriptURL;\n      document.body.appendChild(scriptElement);\n    } else {\n      this.pageView(PageURL ? PageURL : window.location.pathname + window.location.search);\n    }\n  },\n  /**\r\n   * _NB_PAGE_EVENT가 로드되면 매개변수로 받은 pageURL을 window._NB_PAGE_EVENT 함수로 전달한다.\r\n   * _NB_PAGE_EVENT가 로드되지 않은 경우 경고 메세지를 출력한다.\r\n   * \r\n   * @param {string} PageURL 고객이 직접 설정한 가상 페이지 주소\r\n   */\n  pageView: function pageView(pageURL) {\n\n    if (!pageURL) (0, _errorlog2.default)(\"pageURL 이 없습니다.\");\n\n    if (typeof window._NB_PAGE_EVENT === \"function\") window._NB_PAGE_EVENT(pageURL);else (0, _warnlog2.default)(\"_NB_PAGE_EVENT 가 로드 되지 않았습니다.\");\n\n    this.resetVar();\n  },\n  /**\r\n   * 변수의 값이 누적되지 않도록 변수 재설정해주는 함수이며 pageView() 함수 하단에서 호출된다.\r\n   * \r\n   */\n  resetVar: function resetVar() {\n\n    this._NB_IMG = \"\";\n    this._NB_LO.prodObj = {};\n\n    window._NB_IMG = \"\";\n    window._NB_LO = [];\n  },\n  /**\r\n   * 각 페이지마다 호출되는 함수로 고객이 설정한 변수값의 type을 확인하고, 전역 객체인 window 변수에 설정한다.\r\n   * \r\n   * @param {string} PageIs 각 페이지 이름\r\n   * @param {string} PageURL 고객이 직접 설정한 가상 페이지 주소\r\n   */\n  _SEND: function _SEND(PageIs, PageURL) {\n\n    var curTime = Math.floor(Date.now() / 1000); // 현재 시간\n    var timeTmpObj = this.timeObj[PageIs];\n\n    if (timeTmpObj && curTime - timeTmpObj < 5) return 0;else this.timeObj[PageIs] = curTime;\n\n    console.log(\"IFDO SEND code is completed : \", PageIs);\n\n    this.strValidNotice(\"_NB_ID\");\n    this.strValidNotice(\"_NB_EMAIL\");\n    this.objValidNotice(\"_NB_UDF\");\n\n    switch (PageIs) {\n\n      case \"join\":\n      case \"withdraw\":\n        this.strValidNotice(\"_NB_JID\");\n        window._NB_JN = PageIs;\n        break;\n      case \"prodDetail\":\n        this.strValidNotice(\"_NB_CT\");\n        this.strValidNotice(\"_NB_PD\");\n        this.strValidNotice(\"_NB_PC\");\n        this.intValidNotice(\"_NB_AMT\");\n        this.imgValidMetaTag(\"_NB_IMG\");\n        this.strValidNotice(\"_NB_PD_USE\");\n        break;\n      case \"cart\":\n        this.objGlobalProd(\"u\");\n        break;\n      case \"order\":\n        this.strValidNotice(\"_NB_ORD_NO\");\n        this.intValidNotice(\"_NB_ORD_AMT\");\n        this.objGlobalProd(\"b\");\n        break;\n      case \"prodSearch\":\n        this.strValidNotice(\"_NB_kwd\");\n        this.intValidNotice(\"_NB_AMT\");\n        break;\n      case \"wishList\":\n        this.objGlobalProd(\"w\");\n        break;\n    }\n    if (PageURL !== undefined && PageURL != '') {\n      this.scriptImport(PageURL);\n      console.log(\"IFDO SEND PageURL is completed : \", PageURL);\n    }\n  },\n  /**\r\n   * 상품 정보가 담긴 객체를 window 객체에 설정하며 _send() 함수에서 호출된다. \r\n   * \r\n   * @param {string} mode 문자열 변수(w:위시리스트 ,b:구매 ,u:장바구니 )\r\n   */\n  objGlobalProd: function objGlobalProd(mode) {\n    window._NB_PM = mode;\n    window._NB_LO = Object.values(this._NB_LO.prodObj);\n  },\n  /**\r\n   * 문자열 변수 값이 유효성 검증이 되면 window 객체에 값을 설정하고, 검증되지 않으면 경고메세지를 출력한다.\r\n   * \r\n   * @param {string} mName 문자열 변수\r\n   */\n  strValidNotice: function strValidNotice(mName) {\n\n    if (typeof this[mName] == \"string\") {\n      if (this[mName] != \"\") window[mName] = this[mName];\n    } else {\n      (0, _warnlog2.default)(mName + ' \\uC774(\\uAC00) \\uBB38\\uC790 \\uD615\\uC2DD\\uC774 \\uC544\\uB2D9\\uB2C8\\uB2E4.');\n    }\n  },\n  /**\r\n   * 정수형 변수 값이 유효성 검증이 되면 window 객체에 값을 설정하고, 검증되지 않으면 경고메세지를 출력한다.\r\n   * \r\n   * @param {string} mName 정수형 변수\r\n   */\n  intValidNotice: function intValidNotice(mName) {\n\n    if (typeof this[mName] == \"number\") {\n      if (this[mName] != 0) window[mName] = this[mName];\n    } else {\n      (0, _warnlog2.default)(mName + ' \\uC774(\\uAC00) \\uC22B\\uC790 \\uD615\\uC2DD\\uC774 \\uC544\\uB2D9\\uB2C8\\uB2E4.');\n    }\n  },\n  /**\r\n   * 객체형 변수 값이 유효성 검증이 되면 window 객체에 값을 설정하고, 검증되지 않으면 경고메세지를 출력한다.\r\n   * \r\n   * @param {string} mName 객체형 변수\r\n   */\n  objValidNotice: function objValidNotice(mName) {\n\n    if (_typeof(this[mName]) == \"object\") {\n      if (Object.keys(mName).length > 0) window[mName] = this[mName];\n    } else {\n      (0, _warnlog2.default)(mName + ' \\uC774(\\uAC00) \\uAC1D\\uCCB4 \\uD615\\uC2DD\\uC774 \\uC544\\uB2D9\\uB2C8\\uB2E4.');\n    }\n  },\n  /**\r\n   * 고객이 직접 설정한 이미지 주소가 있으면 유효성 검증 후 window 객체에 값을 설정한다.\r\n   * 직접 설정한 주소값이 없으면 meta값에 설정되어 있는 값을 불러와 window 객체에 값을 설정한다.\r\n   * \r\n   * @param {string} mName 고객이 직접 설정한 이미지 주소\r\n   */\n  imgValidMetaTag: function imgValidMetaTag(mName) {\n\n    if (typeof this[mName] === \"string\" && this[mName].length > 5) {\n      window[mName] = this[mName];\n    } else {\n\n      var metas = document.getElementsByTagName(\"meta\");\n\n      for (var i = 0; i < metas.length; i++) {\n        if (metas[i].getAttribute('property') == 'og:image') {\n          window[mName] = metas[i].getAttribute(\"content\");\n          break;\n        }\n      }\n    }\n  }\n};\n\nmodule.exports = jfullscript;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nvar errorlog = function errorlog(s) {\n  console.warn('[react-ifdo]', s);\n};\nexports.default = errorlog;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nvar warnlog = function warnlog(s) {\n  console.warn('[react-ifdo]', s);\n};\nexports.default = warnlog;","/**\n * @license React\n * react-is.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var b=Symbol.for(\"react.element\"),c=Symbol.for(\"react.portal\"),d=Symbol.for(\"react.fragment\"),e=Symbol.for(\"react.strict_mode\"),f=Symbol.for(\"react.profiler\"),g=Symbol.for(\"react.provider\"),h=Symbol.for(\"react.context\"),k=Symbol.for(\"react.server_context\"),l=Symbol.for(\"react.forward_ref\"),m=Symbol.for(\"react.suspense\"),n=Symbol.for(\"react.suspense_list\"),p=Symbol.for(\"react.memo\"),q=Symbol.for(\"react.lazy\"),t=Symbol.for(\"react.offscreen\"),u;u=Symbol.for(\"react.module.reference\");\nfunction v(a){if(\"object\"===typeof a&&null!==a){var r=a.$$typeof;switch(r){case b:switch(a=a.type,a){case d:case f:case e:case m:case n:return a;default:switch(a=a&&a.$$typeof,a){case k:case h:case l:case q:case p:case g:return a;default:return r}}case c:return r}}}exports.ContextConsumer=h;exports.ContextProvider=g;exports.Element=b;exports.ForwardRef=l;exports.Fragment=d;exports.Lazy=q;exports.Memo=p;exports.Portal=c;exports.Profiler=f;exports.StrictMode=e;exports.Suspense=m;\nexports.SuspenseList=n;exports.isAsyncMode=function(){return!1};exports.isConcurrentMode=function(){return!1};exports.isContextConsumer=function(a){return v(a)===h};exports.isContextProvider=function(a){return v(a)===g};exports.isElement=function(a){return\"object\"===typeof a&&null!==a&&a.$$typeof===b};exports.isForwardRef=function(a){return v(a)===l};exports.isFragment=function(a){return v(a)===d};exports.isLazy=function(a){return v(a)===q};exports.isMemo=function(a){return v(a)===p};\nexports.isPortal=function(a){return v(a)===c};exports.isProfiler=function(a){return v(a)===f};exports.isStrictMode=function(a){return v(a)===e};exports.isSuspense=function(a){return v(a)===m};exports.isSuspenseList=function(a){return v(a)===n};\nexports.isValidElementType=function(a){return\"string\"===typeof a||\"function\"===typeof a||a===d||a===f||a===e||a===m||a===n||a===t||\"object\"===typeof a&&null!==a&&(a.$$typeof===q||a.$$typeof===p||a.$$typeof===g||a.$$typeof===h||a.$$typeof===l||a.$$typeof===u||void 0!==a.getModuleId)?!0:!1};exports.typeOf=v;\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-is.production.min.js');\n} else {\n  module.exports = require('./cjs/react-is.development.js');\n}\n","\"use strict\";\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)\n            t[p[i]] = s[p[i]];\n    return t;\n};\nvar __importStar = (this && this.__importStar) || function (mod) {\n    if (mod && mod.__esModule) return mod;\n    var result = {};\n    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\n    result[\"default\"] = mod;\n    return result;\n};\nvar PropTypes = __importStar(require(\"prop-types\"));\nvar React = __importStar(require(\"react\"));\nfunction getStyleValue(name, theme, styles) {\n    var extra = styles[name + 'Style'] || '';\n    var style = theme ? theme[name] || '' : '';\n    return extra ? extra + \";\" + style : style;\n}\nfunction getStyle(name, theme, styles) {\n    var value = getStyleValue(name, theme, styles);\n    return value ? \" style=\\\"\" + value + \"\\\"\" : '';\n}\nvar xssmap = {\n    '\"': '&quot;',\n    '\\'': '&apos;',\n    '&': '&amp;',\n    '>': '&gt;',\n    '<': '&lt',\n};\nfunction xss(s) {\n    if (!s) {\n        return s;\n    }\n    return s.replace(/<|>|&|\"|'/g, function (m) {\n        return xssmap[m];\n    });\n}\nvar JSONPretty = /** @class */ (function (_super) {\n    __extends(JSONPretty, _super);\n    function JSONPretty() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    JSONPretty.prototype.render = function () {\n        var _a = this.props, json = _a.json, data = _a.data, replacer = _a.replacer, space = _a.space, themeClassName = _a.themeClassName, theme = _a.theme, onJSONPrettyError = _a.onJSONPrettyError, onError = _a.onError, silent = _a.silent, mainStyle = _a.mainStyle, keyStyle = _a.keyStyle, valueStyle = _a.valueStyle, stringStyle = _a.stringStyle, booleanStyle = _a.booleanStyle, errorStyle = _a.errorStyle, rest = __rest(_a, [\"json\", \"data\", \"replacer\", \"space\", \"themeClassName\", \"theme\", \"onJSONPrettyError\", \"onError\", \"silent\", \"mainStyle\", \"keyStyle\", \"valueStyle\", \"stringStyle\", \"booleanStyle\", \"errorStyle\"]);\n        var styles = {\n            mainStyle: mainStyle,\n            keyStyle: keyStyle,\n            valueStyle: valueStyle,\n            stringStyle: stringStyle,\n            booleanStyle: booleanStyle,\n            errorStyle: errorStyle\n        };\n        var obj = data || json;\n        // See https://facebook.github.io/react/warnings/unknown-prop.html\n        if (typeof obj === 'string') {\n            try {\n                obj = JSON.parse(obj);\n            }\n            catch (e) {\n                if (!silent) {\n                    console.warn(\"[react-json-pretty]: \" + e.message);\n                }\n                if (onJSONPrettyError) {\n                    onJSONPrettyError(e);\n                }\n                if (!onJSONPrettyError && onError) {\n                    onError(e);\n                    console.warn('JSONPretty#onError is deprecated, please use JSONPretty#onJSONPrettyError instead');\n                }\n                return (React.createElement(\"div\", __assign({}, rest, { dangerouslySetInnerHTML: { __html: \"<pre class=\\\"__json-pretty-error__\\\"\" + getStyle('error', theme, styles) + \">\" + xss(obj) + \"</pre>\"\n                    } })));\n            }\n        }\n        return (React.createElement(\"div\", __assign({}, rest, { dangerouslySetInnerHTML: { __html: \"<pre class=\\\"\" + themeClassName + \"\\\"\" + getStyle('main', theme, styles) + \">\" + this._pretty(theme, obj, replacer, +space, styles) + \"</pre>\"\n            } })));\n    };\n    // JSON =》 HTML转换器\n    JSONPretty.prototype._pretty = function (theme, obj, replacer, space, styles) {\n        // 逐行匹配，列举：“key”: \"value\" | \"key\": value | \"key\": [ | \"key\": { | \"key\": [],| \"Key\": {},\n        var regLine = /^( *)(\"[^\"]+\": )?(\"[^\"]*\"|[\\w.+-]*)?([,[{]|\\[\\s*\\],?|\\{\\s*\\},?)?$/mg;\n        var text = JSON.stringify(obj, typeof replacer === 'function' ? replacer : null, isNaN(space) ? 2 : space);\n        /* istanbul ignore next */\n        if (!text) {\n            return text;\n        }\n        return text.replace(/&/g, '&amp;').replace(/\\\\\"([^,])/g, '\\\\&quot;$1')\n            .replace(/</g, '&lt;').replace(/>/g, '&gt;')\n            .replace(regLine, this._replace.bind(null, theme, styles));\n    };\n    // 格式化函数\n    JSONPretty.prototype._replace = function (theme, styles, match, ind, key, val, tra) {\n        var spanEnd = '</span>';\n        var keySpan = \"<span class=\\\"__json-key__\\\"\" + getStyle('key', theme, styles) + \">\";\n        var valSpan = \"<span class=\\\"__json-value__\\\"\" + getStyle('value', theme, styles) + \">\";\n        var strSpan = \"<span class=\\\"__json-string__\\\"\" + getStyle('string', theme, styles) + \">\";\n        var booSpan = \"<span class=\\\"__json-boolean__\\\"\" + getStyle('boolean', theme, styles) + \">\";\n        var sps = ind || '';\n        if (key) {\n            sps = sps + '\"' + keySpan + key.replace(/^\"|\":\\s$/g, '') + spanEnd + '\": ';\n        }\n        if (val) {\n            if (val === 'true' || val === 'false') {\n                sps = sps + booSpan + val + spanEnd;\n            }\n            else {\n                sps = sps + (val[0] === '\"' ? strSpan : valSpan) + val + spanEnd;\n            }\n        }\n        return sps + (tra || '');\n    };\n    JSONPretty.propTypes = {\n        data: PropTypes.any,\n        json: PropTypes.any,\n        replacer: PropTypes.func,\n        silent: PropTypes.bool,\n        space: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n        theme: PropTypes.object,\n        themeClassName: PropTypes.string,\n        onJSONPrettyError: PropTypes.func\n    };\n    JSONPretty.defaultProps = {\n        data: '',\n        json: '',\n        silent: true,\n        space: 2,\n        themeClassName: '__json-pretty__',\n    };\n    return JSONPretty;\n}(React.Component));\nmodule.exports = JSONPretty;\n","import { createContext } from 'react';\n\n/**\n * @public\n */\nconst MotionConfigContext = createContext({\n    transformPagePoint: (p) => p,\n    isStatic: false,\n    reducedMotion: \"never\",\n});\n\nexport { MotionConfigContext };\n","import { useContext, useState, useEffect } from 'react';\nimport { motionValue } from './index.mjs';\nimport { MotionConfigContext } from '../context/MotionConfigContext.mjs';\nimport { useConstant } from '../utils/use-constant.mjs';\n\n/**\n * Creates a `MotionValue` to track the state and velocity of a value.\n *\n * Usually, these are created automatically. For advanced use-cases, like use with `useTransform`, you can create `MotionValue`s externally and pass them into the animated component via the `style` prop.\n *\n * ```jsx\n * export const MyComponent = () => {\n *   const scale = useMotionValue(1)\n *\n *   return <motion.div style={{ scale }} />\n * }\n * ```\n *\n * @param initial - The initial state.\n *\n * @public\n */\nfunction useMotionValue(initial) {\n    const value = useConstant(() => motionValue(initial));\n    /**\n     * If this motion value is being used in static mode, like on\n     * the Framer canvas, force components to rerender when the motion\n     * value is updated.\n     */\n    const { isStatic } = useContext(MotionConfigContext);\n    if (isStatic) {\n        const [, setLatest] = useState(initial);\n        useEffect(() => value.on(\"change\", setLatest), []);\n    }\n    return value;\n}\n\nexport { useMotionValue };\n","// Does this device prefer reduced motion? Returns `null` server-side.\nconst prefersReducedMotion = { current: null };\nconst hasReducedMotionListener = { current: false };\n\nexport { hasReducedMotionListener, prefersReducedMotion };\n","import { isBrowser } from '../is-browser.mjs';\nimport { hasReducedMotionListener, prefersReducedMotion } from './state.mjs';\n\nfunction initPrefersReducedMotion() {\n    hasReducedMotionListener.current = true;\n    if (!isBrowser)\n        return;\n    if (window.matchMedia) {\n        const motionMediaQuery = window.matchMedia(\"(prefers-reduced-motion)\");\n        const setReducedMotionPreferences = () => (prefersReducedMotion.current = motionMediaQuery.matches);\n        motionMediaQuery.addListener(setReducedMotionPreferences);\n        setReducedMotionPreferences();\n    }\n    else {\n        prefersReducedMotion.current = false;\n    }\n}\n\nexport { initPrefersReducedMotion };\n","import { useState } from 'react';\nimport { initPrefersReducedMotion } from './index.mjs';\nimport { warnOnce } from '../warn-once.mjs';\nimport { hasReducedMotionListener, prefersReducedMotion } from './state.mjs';\n\n/**\n * A hook that returns `true` if we should be using reduced motion based on the current device's Reduced Motion setting.\n *\n * This can be used to implement changes to your UI based on Reduced Motion. For instance, replacing motion-sickness inducing\n * `x`/`y` animations with `opacity`, disabling the autoplay of background videos, or turning off parallax motion.\n *\n * It will actively respond to changes and re-render your components with the latest setting.\n *\n * ```jsx\n * export function Sidebar({ isOpen }) {\n *   const shouldReduceMotion = useReducedMotion()\n *   const closedX = shouldReduceMotion ? 0 : \"-100%\"\n *\n *   return (\n *     <motion.div animate={{\n *       opacity: isOpen ? 1 : 0,\n *       x: isOpen ? 0 : closedX\n *     }} />\n *   )\n * }\n * ```\n *\n * @return boolean\n *\n * @public\n */\nfunction useReducedMotion() {\n    /**\n     * Lazy initialisation of prefersReducedMotion\n     */\n    !hasReducedMotionListener.current && initPrefersReducedMotion();\n    const [shouldReduceMotion] = useState(prefersReducedMotion.current);\n    if (process.env.NODE_ENV !== \"production\") {\n        warnOnce(shouldReduceMotion !== true, \"You have Reduced Motion enabled on your device. Animations may not appear as expected.\");\n    }\n    /**\n     * TODO See if people miss automatically updating shouldReduceMotion setting\n     */\n    return shouldReduceMotion;\n}\n\nexport { useReducedMotion };\n","import { interpolate } from './interpolate.mjs';\n\nconst isCustomValueType = (v) => {\n    return v && typeof v === \"object\" && v.mix;\n};\nconst getMixer = (v) => (isCustomValueType(v) ? v.mix : undefined);\nfunction transform(...args) {\n    const useImmediate = !Array.isArray(args[0]);\n    const argOffset = useImmediate ? 0 : -1;\n    const inputValue = args[0 + argOffset];\n    const inputRange = args[1 + argOffset];\n    const outputRange = args[2 + argOffset];\n    const options = args[3 + argOffset];\n    const interpolator = interpolate(inputRange, outputRange, {\n        mixer: getMixer(outputRange[0]),\n        ...options,\n    });\n    return useImmediate ? interpolator(inputValue) : interpolator;\n}\n\nexport { transform };\n","import { useMotionValue } from './use-motion-value.mjs';\nimport { useIsomorphicLayoutEffect } from '../utils/use-isomorphic-effect.mjs';\nimport { cancelFrame, frame } from '../frameloop/frame.mjs';\n\nfunction useCombineMotionValues(values, combineValues) {\n    /**\n     * Initialise the returned motion value. This remains the same between renders.\n     */\n    const value = useMotionValue(combineValues());\n    /**\n     * Create a function that will update the template motion value with the latest values.\n     * This is pre-bound so whenever a motion value updates it can schedule its\n     * execution in Framesync. If it's already been scheduled it won't be fired twice\n     * in a single frame.\n     */\n    const updateValue = () => value.set(combineValues());\n    /**\n     * Synchronously update the motion value with the latest values during the render.\n     * This ensures that within a React render, the styles applied to the DOM are up-to-date.\n     */\n    updateValue();\n    /**\n     * Subscribe to all motion values found within the template. Whenever any of them change,\n     * schedule an update.\n     */\n    useIsomorphicLayoutEffect(() => {\n        const scheduleUpdate = () => frame.update(updateValue, false, true);\n        const subscriptions = values.map((v) => v.on(\"change\", scheduleUpdate));\n        return () => {\n            subscriptions.forEach((unsubscribe) => unsubscribe());\n            cancelFrame(updateValue);\n        };\n    });\n    return value;\n}\n\nexport { useCombineMotionValues };\n","import { collectMotionValues } from './index.mjs';\nimport { useCombineMotionValues } from './use-combine-values.mjs';\n\nfunction useComputed(compute) {\n    /**\n     * Open session of collectMotionValues. Any MotionValue that calls get()\n     * will be saved into this array.\n     */\n    collectMotionValues.current = [];\n    compute();\n    const value = useCombineMotionValues(collectMotionValues.current, compute);\n    /**\n     * Synchronously close session of collectMotionValues.\n     */\n    collectMotionValues.current = undefined;\n    return value;\n}\n\nexport { useComputed };\n","import { transform } from '../utils/transform.mjs';\nimport { useCombineMotionValues } from './use-combine-values.mjs';\nimport { useConstant } from '../utils/use-constant.mjs';\nimport { useComputed } from './use-computed.mjs';\n\nfunction useTransform(input, inputRangeOrTransformer, outputRange, options) {\n    if (typeof input === \"function\") {\n        return useComputed(input);\n    }\n    const transformer = typeof inputRangeOrTransformer === \"function\"\n        ? inputRangeOrTransformer\n        : transform(inputRangeOrTransformer, outputRange, options);\n    return Array.isArray(input)\n        ? useListTransform(input, transformer)\n        : useListTransform([input], ([latest]) => transformer(latest));\n}\nfunction useListTransform(values, transformer) {\n    const latest = useConstant(() => []);\n    return useCombineMotionValues(values, () => {\n        latest.length = 0;\n        const numValues = values.length;\n        for (let i = 0; i < numValues; i++) {\n            latest[i] = values[i].get();\n        }\n        return transformer(latest);\n    });\n}\n\nexport { useTransform };\n","const visualElementStore = new WeakMap();\n\nexport { visualElementStore };\n","import { frame, cancelFrame } from '../../../frameloop/frame.mjs';\n\nfunction observeTimeline(update, timeline) {\n    let prevProgress;\n    const onFrame = () => {\n        const { currentTime } = timeline;\n        const percentage = currentTime === null ? 0 : currentTime.value;\n        const progress = percentage / 100;\n        if (prevProgress !== progress) {\n            update(progress);\n        }\n        prevProgress = progress;\n    };\n    frame.update(onFrame, true);\n    return () => cancelFrame(onFrame);\n}\n\nexport { observeTimeline };\n","function memo(callback) {\n    let result;\n    return () => {\n        if (result === undefined)\n            result = callback();\n        return result;\n    };\n}\n\nexport { memo };\n","import { memo } from '../../../utils/memo.mjs';\n\nconst supportsScrollTimeline = memo(() => window.ScrollTimeline !== undefined);\n\nexport { supportsScrollTimeline };\n","import { observeTimeline } from '../render/dom/scroll/observe.mjs';\nimport { supportsScrollTimeline } from '../render/dom/scroll/supports.mjs';\n\nclass GroupPlaybackControls {\n    constructor(animations) {\n        this.animations = animations.filter(Boolean);\n    }\n    then(onResolve, onReject) {\n        return Promise.all(this.animations).then(onResolve).catch(onReject);\n    }\n    /**\n     * TODO: Filter out cancelled or stopped animations before returning\n     */\n    getAll(propName) {\n        return this.animations[0][propName];\n    }\n    setAll(propName, newValue) {\n        for (let i = 0; i < this.animations.length; i++) {\n            this.animations[i][propName] = newValue;\n        }\n    }\n    attachTimeline(timeline) {\n        const cancelAll = this.animations.map((animation) => {\n            if (supportsScrollTimeline() && animation.attachTimeline) {\n                animation.attachTimeline(timeline);\n            }\n            else {\n                animation.pause();\n                return observeTimeline((progress) => {\n                    animation.time = animation.duration * progress;\n                }, timeline);\n            }\n        });\n        return () => {\n            cancelAll.forEach((cancelTimeline, i) => {\n                if (cancelTimeline)\n                    cancelTimeline();\n                this.animations[i].stop();\n            });\n        };\n    }\n    get time() {\n        return this.getAll(\"time\");\n    }\n    set time(time) {\n        this.setAll(\"time\", time);\n    }\n    get speed() {\n        return this.getAll(\"speed\");\n    }\n    set speed(speed) {\n        this.setAll(\"speed\", speed);\n    }\n    get duration() {\n        let max = 0;\n        for (let i = 0; i < this.animations.length; i++) {\n            max = Math.max(max, this.animations[i].duration);\n        }\n        return max;\n    }\n    runAll(methodName) {\n        this.animations.forEach((controls) => controls[methodName]());\n    }\n    play() {\n        this.runAll(\"play\");\n    }\n    pause() {\n        this.runAll(\"pause\");\n    }\n    stop() {\n        this.runAll(\"stop\");\n    }\n    cancel() {\n        this.runAll(\"cancel\");\n    }\n    complete() {\n        this.runAll(\"complete\");\n    }\n}\n\nexport { GroupPlaybackControls };\n","function isDOMKeyframes(keyframes) {\n    return typeof keyframes === \"object\" && !Array.isArray(keyframes);\n}\n\nexport { isDOMKeyframes };\n","/**\n * Generate a list of every possible transform key.\n */\nconst transformPropOrder = [\n    \"transformPerspective\",\n    \"x\",\n    \"y\",\n    \"z\",\n    \"translateX\",\n    \"translateY\",\n    \"translateZ\",\n    \"scale\",\n    \"scaleX\",\n    \"scaleY\",\n    \"rotate\",\n    \"rotateX\",\n    \"rotateY\",\n    \"rotateZ\",\n    \"skew\",\n    \"skewX\",\n    \"skewY\",\n];\n/**\n * A quick lookup for transform props.\n */\nconst transformProps = new Set(transformPropOrder);\n\nexport { transformPropOrder, transformProps };\n","/**\n * Convert camelCase to dash-case properties.\n */\nconst camelToDash = (str) => str.replace(/([a-z])([A-Z])/g, \"$1-$2\").toLowerCase();\n\nexport { camelToDash };\n","import { camelToDash } from '../../render/dom/utils/camel-to-dash.mjs';\n\nconst optimizedAppearDataId = \"framerAppearId\";\nconst optimizedAppearDataAttribute = \"data-\" + camelToDash(optimizedAppearDataId);\n\nexport { optimizedAppearDataAttribute, optimizedAppearDataId };\n","/**\n * Converts seconds to milliseconds\n *\n * @param seconds - Time in seconds.\n * @return milliseconds - Converted time in milliseconds.\n */\nconst secondsToMilliseconds = (seconds) => seconds * 1000;\nconst millisecondsToSeconds = (milliseconds) => milliseconds / 1000;\n\nexport { millisecondsToSeconds, secondsToMilliseconds };\n","const instantAnimationState = {\n    current: false,\n};\n\nexport { instantAnimationState };\n","const isBezierDefinition = (easing) => Array.isArray(easing) && typeof easing[0] === \"number\";\n\nexport { isBezierDefinition };\n","import { isBezierDefinition } from '../../../easing/utils/is-bezier-definition.mjs';\n\nfunction isWaapiSupportedEasing(easing) {\n    return Boolean(!easing ||\n        (typeof easing === \"string\" && supportedWaapiEasing[easing]) ||\n        isBezierDefinition(easing) ||\n        (Array.isArray(easing) && easing.every(isWaapiSupportedEasing)));\n}\nconst cubicBezierAsString = ([a, b, c, d]) => `cubic-bezier(${a}, ${b}, ${c}, ${d})`;\nconst supportedWaapiEasing = {\n    linear: \"linear\",\n    ease: \"ease\",\n    easeIn: \"ease-in\",\n    easeOut: \"ease-out\",\n    easeInOut: \"ease-in-out\",\n    circIn: cubicBezierAsString([0, 0.65, 0.55, 1]),\n    circOut: cubicBezierAsString([0.55, 0, 1, 0.45]),\n    backIn: cubicBezierAsString([0.31, 0.01, 0.66, -0.59]),\n    backOut: cubicBezierAsString([0.33, 1.53, 0.69, 0.99]),\n};\nfunction mapEasingToNativeEasing(easing) {\n    if (!easing)\n        return undefined;\n    return isBezierDefinition(easing)\n        ? cubicBezierAsString(easing)\n        : Array.isArray(easing)\n            ? easing.map(mapEasingToNativeEasing)\n            : supportedWaapiEasing[easing];\n}\n\nexport { cubicBezierAsString, isWaapiSupportedEasing, mapEasingToNativeEasing, supportedWaapiEasing };\n","import { mapEasingToNativeEasing } from './easing.mjs';\n\nfunction animateStyle(element, valueName, keyframes, { delay = 0, duration, repeat = 0, repeatType = \"loop\", ease, times, } = {}) {\n    const keyframeOptions = { [valueName]: keyframes };\n    if (times)\n        keyframeOptions.offset = times;\n    const easing = mapEasingToNativeEasing(ease);\n    /**\n     * If this is an easing array, apply to keyframes, not animation as a whole\n     */\n    if (Array.isArray(easing))\n        keyframeOptions.easing = easing;\n    return element.animate(keyframeOptions, {\n        delay,\n        duration,\n        easing: !Array.isArray(easing) ? easing : \"linear\",\n        fill: \"both\",\n        iterations: repeat + 1,\n        direction: repeatType === \"reverse\" ? \"alternate\" : \"normal\",\n    });\n}\n\nexport { animateStyle };\n","function getFinalKeyframe(keyframes, { repeat, repeatType = \"loop\" }) {\n    const index = repeat && repeatType !== \"loop\" && repeat % 2 === 1\n        ? 0\n        : keyframes.length - 1;\n    return keyframes[index];\n}\n\nexport { getFinalKeyframe };\n","import { noop } from '../utils/noop.mjs';\n\n/*\n  Bezier function generator\n  This has been modified from Gaëtan Renaudeau's BezierEasing\n  https://github.com/gre/bezier-easing/blob/master/src/index.js\n  https://github.com/gre/bezier-easing/blob/master/LICENSE\n  \n  I've removed the newtonRaphsonIterate algo because in benchmarking it\n  wasn't noticiably faster than binarySubdivision, indeed removing it\n  usually improved times, depending on the curve.\n  I also removed the lookup table, as for the added bundle size and loop we're\n  only cutting ~4 or so subdivision iterations. I bumped the max iterations up\n  to 12 to compensate and this still tended to be faster for no perceivable\n  loss in accuracy.\n  Usage\n    const easeOut = cubicBezier(.17,.67,.83,.67);\n    const x = easeOut(0.5); // returns 0.627...\n*/\n// Returns x(t) given t, x1, and x2, or y(t) given t, y1, and y2.\nconst calcBezier = (t, a1, a2) => (((1.0 - 3.0 * a2 + 3.0 * a1) * t + (3.0 * a2 - 6.0 * a1)) * t + 3.0 * a1) *\n    t;\nconst subdivisionPrecision = 0.0000001;\nconst subdivisionMaxIterations = 12;\nfunction binarySubdivide(x, lowerBound, upperBound, mX1, mX2) {\n    let currentX;\n    let currentT;\n    let i = 0;\n    do {\n        currentT = lowerBound + (upperBound - lowerBound) / 2.0;\n        currentX = calcBezier(currentT, mX1, mX2) - x;\n        if (currentX > 0.0) {\n            upperBound = currentT;\n        }\n        else {\n            lowerBound = currentT;\n        }\n    } while (Math.abs(currentX) > subdivisionPrecision &&\n        ++i < subdivisionMaxIterations);\n    return currentT;\n}\nfunction cubicBezier(mX1, mY1, mX2, mY2) {\n    // If this is a linear gradient, return linear easing\n    if (mX1 === mY1 && mX2 === mY2)\n        return noop;\n    const getTForX = (aX) => binarySubdivide(aX, 0, 1, mX1, mX2);\n    // If animation is at start/end, return t without easing\n    return (t) => t === 0 || t === 1 ? t : calcBezier(getTForX(t), mY1, mY2);\n}\n\nexport { cubicBezier };\n","import { cubicBezier } from './cubic-bezier.mjs';\n\nconst easeIn = cubicBezier(0.42, 0, 1, 1);\nconst easeOut = cubicBezier(0, 0, 0.58, 1);\nconst easeInOut = cubicBezier(0.42, 0, 0.58, 1);\n\nexport { easeIn, easeInOut, easeOut };\n","const isEasingArray = (ease) => {\n    return Array.isArray(ease) && typeof ease[0] !== \"number\";\n};\n\nexport { isEasingArray };\n","// Accepts an easing function and returns a new one that outputs mirrored values for\n// the second half of the animation. Turns easeIn into easeInOut.\nconst mirrorEasing = (easing) => (p) => p <= 0.5 ? easing(2 * p) / 2 : (2 - easing(2 * (1 - p))) / 2;\n\nexport { mirrorEasing };\n","// Accepts an easing function and returns a new one that outputs reversed values.\n// Turns easeIn into easeOut.\nconst reverseEasing = (easing) => (p) => 1 - easing(1 - p);\n\nexport { reverseEasing };\n","import { mirrorEasing } from './modifiers/mirror.mjs';\nimport { reverseEasing } from './modifiers/reverse.mjs';\n\nconst circIn = (p) => 1 - Math.sin(Math.acos(p));\nconst circOut = reverseEasing(circIn);\nconst circInOut = mirrorEasing(circIn);\n\nexport { circIn, circInOut, circOut };\n","import { cubicBezier } from './cubic-bezier.mjs';\nimport { mirrorEasing } from './modifiers/mirror.mjs';\nimport { reverseEasing } from './modifiers/reverse.mjs';\n\nconst backOut = cubicBezier(0.33, 1.53, 0.69, 0.99);\nconst backIn = reverseEasing(backOut);\nconst backInOut = mirrorEasing(backIn);\n\nexport { backIn, backInOut, backOut };\n","import { backIn } from './back.mjs';\n\nconst anticipate = (p) => (p *= 2) < 1 ? 0.5 * backIn(p) : 0.5 * (2 - Math.pow(2, -10 * (p - 1)));\n\nexport { anticipate };\n","import { invariant } from '../../utils/errors.mjs';\nimport { cubicBezier } from '../cubic-bezier.mjs';\nimport { noop } from '../../utils/noop.mjs';\nimport { easeIn, easeInOut, easeOut } from '../ease.mjs';\nimport { circIn, circInOut, circOut } from '../circ.mjs';\nimport { backIn, backInOut, backOut } from '../back.mjs';\nimport { anticipate } from '../anticipate.mjs';\n\nconst easingLookup = {\n    linear: noop,\n    easeIn,\n    easeInOut,\n    easeOut,\n    circIn,\n    circInOut,\n    circOut,\n    backIn,\n    backInOut,\n    backOut,\n    anticipate,\n};\nconst easingDefinitionToFunction = (definition) => {\n    if (Array.isArray(definition)) {\n        // If cubic bezier definition, create bezier curve\n        invariant(definition.length === 4, `Cubic bezier arrays must contain four numerical values.`);\n        const [x1, y1, x2, y2] = definition;\n        return cubicBezier(x1, y1, x2, y2);\n    }\n    else if (typeof definition === \"string\") {\n        // Else lookup from table\n        invariant(easingLookup[definition] !== undefined, `Invalid easing type '${definition}'`);\n        return easingLookup[definition];\n    }\n    return definition;\n};\n\nexport { easingDefinitionToFunction };\n","function convertOffsetToTimes(offset, duration) {\n    return offset.map((o) => o * duration);\n}\n\nexport { convertOffsetToTimes };\n","import { easeInOut } from '../../easing/ease.mjs';\nimport { isEasingArray } from '../../easing/utils/is-easing-array.mjs';\nimport { easingDefinitionToFunction } from '../../easing/utils/map.mjs';\nimport { interpolate } from '../../utils/interpolate.mjs';\nimport { defaultOffset } from '../../utils/offsets/default.mjs';\nimport { convertOffsetToTimes } from '../../utils/offsets/time.mjs';\n\nfunction defaultEasing(values, easing) {\n    return values.map(() => easing || easeInOut).splice(0, values.length - 1);\n}\nfunction keyframes({ duration = 300, keyframes: keyframeValues, times, ease = \"easeInOut\", }) {\n    /**\n     * Easing functions can be externally defined as strings. Here we convert them\n     * into actual functions.\n     */\n    const easingFunctions = isEasingArray(ease)\n        ? ease.map(easingDefinitionToFunction)\n        : easingDefinitionToFunction(ease);\n    /**\n     * This is the Iterator-spec return value. We ensure it's mutable rather than using a generator\n     * to reduce GC during animation.\n     */\n    const state = {\n        done: false,\n        value: keyframeValues[0],\n    };\n    /**\n     * Create a times array based on the provided 0-1 offsets\n     */\n    const absoluteTimes = convertOffsetToTimes(\n    // Only use the provided offsets if they're the correct length\n    // TODO Maybe we should warn here if there's a length mismatch\n    times && times.length === keyframeValues.length\n        ? times\n        : defaultOffset(keyframeValues), duration);\n    const mapTimeToKeyframe = interpolate(absoluteTimes, keyframeValues, {\n        ease: Array.isArray(easingFunctions)\n            ? easingFunctions\n            : defaultEasing(keyframeValues, easingFunctions),\n    });\n    return {\n        calculatedDuration: duration,\n        next: (t) => {\n            state.value = mapTimeToKeyframe(t);\n            state.done = t >= duration;\n            return state;\n        },\n    };\n}\n\nexport { defaultEasing, keyframes };\n","import { velocityPerSecond } from '../../../utils/velocity-per-second.mjs';\n\nconst velocitySampleDuration = 5; // ms\nfunction calcGeneratorVelocity(resolveValue, t, current) {\n    const prevT = Math.max(t - velocitySampleDuration, 0);\n    return velocityPerSecond(current - resolveValue(prevT), t - prevT);\n}\n\nexport { calcGeneratorVelocity };\n","import { warning } from '../../../utils/errors.mjs';\nimport { clamp } from '../../../utils/clamp.mjs';\nimport { secondsToMilliseconds, millisecondsToSeconds } from '../../../utils/time-conversion.mjs';\n\nconst safeMin = 0.001;\nconst minDuration = 0.01;\nconst maxDuration = 10.0;\nconst minDamping = 0.05;\nconst maxDamping = 1;\nfunction findSpring({ duration = 800, bounce = 0.25, velocity = 0, mass = 1, }) {\n    let envelope;\n    let derivative;\n    warning(duration <= secondsToMilliseconds(maxDuration), \"Spring duration must be 10 seconds or less\");\n    let dampingRatio = 1 - bounce;\n    /**\n     * Restrict dampingRatio and duration to within acceptable ranges.\n     */\n    dampingRatio = clamp(minDamping, maxDamping, dampingRatio);\n    duration = clamp(minDuration, maxDuration, millisecondsToSeconds(duration));\n    if (dampingRatio < 1) {\n        /**\n         * Underdamped spring\n         */\n        envelope = (undampedFreq) => {\n            const exponentialDecay = undampedFreq * dampingRatio;\n            const delta = exponentialDecay * duration;\n            const a = exponentialDecay - velocity;\n            const b = calcAngularFreq(undampedFreq, dampingRatio);\n            const c = Math.exp(-delta);\n            return safeMin - (a / b) * c;\n        };\n        derivative = (undampedFreq) => {\n            const exponentialDecay = undampedFreq * dampingRatio;\n            const delta = exponentialDecay * duration;\n            const d = delta * velocity + velocity;\n            const e = Math.pow(dampingRatio, 2) * Math.pow(undampedFreq, 2) * duration;\n            const f = Math.exp(-delta);\n            const g = calcAngularFreq(Math.pow(undampedFreq, 2), dampingRatio);\n            const factor = -envelope(undampedFreq) + safeMin > 0 ? -1 : 1;\n            return (factor * ((d - e) * f)) / g;\n        };\n    }\n    else {\n        /**\n         * Critically-damped spring\n         */\n        envelope = (undampedFreq) => {\n            const a = Math.exp(-undampedFreq * duration);\n            const b = (undampedFreq - velocity) * duration + 1;\n            return -safeMin + a * b;\n        };\n        derivative = (undampedFreq) => {\n            const a = Math.exp(-undampedFreq * duration);\n            const b = (velocity - undampedFreq) * (duration * duration);\n            return a * b;\n        };\n    }\n    const initialGuess = 5 / duration;\n    const undampedFreq = approximateRoot(envelope, derivative, initialGuess);\n    duration = secondsToMilliseconds(duration);\n    if (isNaN(undampedFreq)) {\n        return {\n            stiffness: 100,\n            damping: 10,\n            duration,\n        };\n    }\n    else {\n        const stiffness = Math.pow(undampedFreq, 2) * mass;\n        return {\n            stiffness,\n            damping: dampingRatio * 2 * Math.sqrt(mass * stiffness),\n            duration,\n        };\n    }\n}\nconst rootIterations = 12;\nfunction approximateRoot(envelope, derivative, initialGuess) {\n    let result = initialGuess;\n    for (let i = 1; i < rootIterations; i++) {\n        result = result - envelope(result) / derivative(result);\n    }\n    return result;\n}\nfunction calcAngularFreq(undampedFreq, dampingRatio) {\n    return undampedFreq * Math.sqrt(1 - dampingRatio * dampingRatio);\n}\n\nexport { calcAngularFreq, findSpring, maxDamping, maxDuration, minDamping, minDuration };\n","import { millisecondsToSeconds } from '../../../utils/time-conversion.mjs';\nimport { calcGeneratorVelocity } from '../utils/velocity.mjs';\nimport { findSpring, calcAngularFreq } from './find.mjs';\n\nconst durationKeys = [\"duration\", \"bounce\"];\nconst physicsKeys = [\"stiffness\", \"damping\", \"mass\"];\nfunction isSpringType(options, keys) {\n    return keys.some((key) => options[key] !== undefined);\n}\nfunction getSpringOptions(options) {\n    let springOptions = {\n        velocity: 0.0,\n        stiffness: 100,\n        damping: 10,\n        mass: 1.0,\n        isResolvedFromDuration: false,\n        ...options,\n    };\n    // stiffness/damping/mass overrides duration/bounce\n    if (!isSpringType(options, physicsKeys) &&\n        isSpringType(options, durationKeys)) {\n        const derived = findSpring(options);\n        springOptions = {\n            ...springOptions,\n            ...derived,\n            mass: 1.0,\n        };\n        springOptions.isResolvedFromDuration = true;\n    }\n    return springOptions;\n}\nfunction spring({ keyframes, restDelta, restSpeed, ...options }) {\n    const origin = keyframes[0];\n    const target = keyframes[keyframes.length - 1];\n    /**\n     * This is the Iterator-spec return value. We ensure it's mutable rather than using a generator\n     * to reduce GC during animation.\n     */\n    const state = { done: false, value: origin };\n    const { stiffness, damping, mass, duration, velocity, isResolvedFromDuration, } = getSpringOptions({\n        ...options,\n        velocity: -millisecondsToSeconds(options.velocity || 0),\n    });\n    const initialVelocity = velocity || 0.0;\n    const dampingRatio = damping / (2 * Math.sqrt(stiffness * mass));\n    const initialDelta = target - origin;\n    const undampedAngularFreq = millisecondsToSeconds(Math.sqrt(stiffness / mass));\n    /**\n     * If we're working on a granular scale, use smaller defaults for determining\n     * when the spring is finished.\n     *\n     * These defaults have been selected emprically based on what strikes a good\n     * ratio between feeling good and finishing as soon as changes are imperceptible.\n     */\n    const isGranularScale = Math.abs(initialDelta) < 5;\n    restSpeed || (restSpeed = isGranularScale ? 0.01 : 2);\n    restDelta || (restDelta = isGranularScale ? 0.005 : 0.5);\n    let resolveSpring;\n    if (dampingRatio < 1) {\n        const angularFreq = calcAngularFreq(undampedAngularFreq, dampingRatio);\n        // Underdamped spring\n        resolveSpring = (t) => {\n            const envelope = Math.exp(-dampingRatio * undampedAngularFreq * t);\n            return (target -\n                envelope *\n                    (((initialVelocity +\n                        dampingRatio * undampedAngularFreq * initialDelta) /\n                        angularFreq) *\n                        Math.sin(angularFreq * t) +\n                        initialDelta * Math.cos(angularFreq * t)));\n        };\n    }\n    else if (dampingRatio === 1) {\n        // Critically damped spring\n        resolveSpring = (t) => target -\n            Math.exp(-undampedAngularFreq * t) *\n                (initialDelta +\n                    (initialVelocity + undampedAngularFreq * initialDelta) * t);\n    }\n    else {\n        // Overdamped spring\n        const dampedAngularFreq = undampedAngularFreq * Math.sqrt(dampingRatio * dampingRatio - 1);\n        resolveSpring = (t) => {\n            const envelope = Math.exp(-dampingRatio * undampedAngularFreq * t);\n            // When performing sinh or cosh values can hit Infinity so we cap them here\n            const freqForT = Math.min(dampedAngularFreq * t, 300);\n            return (target -\n                (envelope *\n                    ((initialVelocity +\n                        dampingRatio * undampedAngularFreq * initialDelta) *\n                        Math.sinh(freqForT) +\n                        dampedAngularFreq *\n                            initialDelta *\n                            Math.cosh(freqForT))) /\n                    dampedAngularFreq);\n        };\n    }\n    return {\n        calculatedDuration: isResolvedFromDuration ? duration || null : null,\n        next: (t) => {\n            const current = resolveSpring(t);\n            if (!isResolvedFromDuration) {\n                let currentVelocity = initialVelocity;\n                if (t !== 0) {\n                    /**\n                     * We only need to calculate velocity for under-damped springs\n                     * as over- and critically-damped springs can't overshoot, so\n                     * checking only for displacement is enough.\n                     */\n                    if (dampingRatio < 1) {\n                        currentVelocity = calcGeneratorVelocity(resolveSpring, t, current);\n                    }\n                    else {\n                        currentVelocity = 0;\n                    }\n                }\n                const isBelowVelocityThreshold = Math.abs(currentVelocity) <= restSpeed;\n                const isBelowDisplacementThreshold = Math.abs(target - current) <= restDelta;\n                state.done =\n                    isBelowVelocityThreshold && isBelowDisplacementThreshold;\n            }\n            else {\n                state.done = t >= duration;\n            }\n            state.value = state.done ? target : current;\n            return state;\n        },\n    };\n}\n\nexport { spring };\n","import { spring } from './spring/index.mjs';\nimport { calcGeneratorVelocity } from './utils/velocity.mjs';\n\nfunction inertia({ keyframes, velocity = 0.0, power = 0.8, timeConstant = 325, bounceDamping = 10, bounceStiffness = 500, modifyTarget, min, max, restDelta = 0.5, restSpeed, }) {\n    const origin = keyframes[0];\n    const state = {\n        done: false,\n        value: origin,\n    };\n    const isOutOfBounds = (v) => (min !== undefined && v < min) || (max !== undefined && v > max);\n    const nearestBoundary = (v) => {\n        if (min === undefined)\n            return max;\n        if (max === undefined)\n            return min;\n        return Math.abs(min - v) < Math.abs(max - v) ? min : max;\n    };\n    let amplitude = power * velocity;\n    const ideal = origin + amplitude;\n    const target = modifyTarget === undefined ? ideal : modifyTarget(ideal);\n    /**\n     * If the target has changed we need to re-calculate the amplitude, otherwise\n     * the animation will start from the wrong position.\n     */\n    if (target !== ideal)\n        amplitude = target - origin;\n    const calcDelta = (t) => -amplitude * Math.exp(-t / timeConstant);\n    const calcLatest = (t) => target + calcDelta(t);\n    const applyFriction = (t) => {\n        const delta = calcDelta(t);\n        const latest = calcLatest(t);\n        state.done = Math.abs(delta) <= restDelta;\n        state.value = state.done ? target : latest;\n    };\n    /**\n     * Ideally this would resolve for t in a stateless way, we could\n     * do that by always precalculating the animation but as we know\n     * this will be done anyway we can assume that spring will\n     * be discovered during that.\n     */\n    let timeReachedBoundary;\n    let spring$1;\n    const checkCatchBoundary = (t) => {\n        if (!isOutOfBounds(state.value))\n            return;\n        timeReachedBoundary = t;\n        spring$1 = spring({\n            keyframes: [state.value, nearestBoundary(state.value)],\n            velocity: calcGeneratorVelocity(calcLatest, t, state.value),\n            damping: bounceDamping,\n            stiffness: bounceStiffness,\n            restDelta,\n            restSpeed,\n        });\n    };\n    checkCatchBoundary(0);\n    return {\n        calculatedDuration: null,\n        next: (t) => {\n            /**\n             * We need to resolve the friction to figure out if we need a\n             * spring but we don't want to do this twice per frame. So here\n             * we flag if we updated for this frame and later if we did\n             * we can skip doing it again.\n             */\n            let hasUpdatedFrame = false;\n            if (!spring$1 && timeReachedBoundary === undefined) {\n                hasUpdatedFrame = true;\n                applyFriction(t);\n                checkCatchBoundary(t);\n            }\n            /**\n             * If we have a spring and the provided t is beyond the moment the friction\n             * animation crossed the min/max boundary, use the spring.\n             */\n            if (timeReachedBoundary !== undefined && t > timeReachedBoundary) {\n                return spring$1.next(t - timeReachedBoundary);\n            }\n            else {\n                !hasUpdatedFrame && applyFriction(t);\n                return state;\n            }\n        },\n    };\n}\n\nexport { inertia };\n","import { frame, cancelFrame, frameData } from '../../../frameloop/frame.mjs';\n\nconst frameloopDriver = (update) => {\n    const passTimestamp = ({ timestamp }) => update(timestamp);\n    return {\n        start: () => frame.update(passTimestamp, true),\n        stop: () => cancelFrame(passTimestamp),\n        /**\n         * If we're processing this frame we can use the\n         * framelocked timestamp to keep things in sync.\n         */\n        now: () => frameData.isProcessing ? frameData.timestamp : performance.now(),\n    };\n};\n\nexport { frameloopDriver };\n","/**\n * Implement a practical max duration for keyframe generation\n * to prevent infinite loops\n */\nconst maxGeneratorDuration = 20000;\nfunction calcGeneratorDuration(generator) {\n    let duration = 0;\n    const timeStep = 50;\n    let state = generator.next(duration);\n    while (!state.done && duration < maxGeneratorDuration) {\n        duration += timeStep;\n        state = generator.next(duration);\n    }\n    return duration >= maxGeneratorDuration ? Infinity : duration;\n}\n\nexport { calcGeneratorDuration, maxGeneratorDuration };\n","import { keyframes } from '../../generators/keyframes.mjs';\nimport { spring } from '../../generators/spring/index.mjs';\nimport { inertia } from '../../generators/inertia.mjs';\nimport { frameloopDriver } from './driver-frameloop.mjs';\nimport { interpolate } from '../../../utils/interpolate.mjs';\nimport { clamp } from '../../../utils/clamp.mjs';\nimport { millisecondsToSeconds, secondsToMilliseconds } from '../../../utils/time-conversion.mjs';\nimport { calcGeneratorDuration } from '../../generators/utils/calc-duration.mjs';\nimport { invariant } from '../../../utils/errors.mjs';\n\nconst types = {\n    decay: inertia,\n    inertia,\n    tween: keyframes,\n    keyframes: keyframes,\n    spring,\n};\n/**\n * Animate a single value on the main thread.\n *\n * This function is written, where functionality overlaps,\n * to be largely spec-compliant with WAAPI to allow fungibility\n * between the two.\n */\nfunction animateValue({ autoplay = true, delay = 0, driver = frameloopDriver, keyframes: keyframes$1, type = \"keyframes\", repeat = 0, repeatDelay = 0, repeatType = \"loop\", onPlay, onStop, onComplete, onUpdate, ...options }) {\n    let speed = 1;\n    let hasStopped = false;\n    let resolveFinishedPromise;\n    let currentFinishedPromise;\n    /**\n     * Resolve the current Promise every time we enter the\n     * finished state. This is WAAPI-compatible behaviour.\n     */\n    const updateFinishedPromise = () => {\n        currentFinishedPromise = new Promise((resolve) => {\n            resolveFinishedPromise = resolve;\n        });\n    };\n    // Create the first finished promise\n    updateFinishedPromise();\n    let animationDriver;\n    const generatorFactory = types[type] || keyframes;\n    /**\n     * If this isn't the keyframes generator and we've been provided\n     * strings as keyframes, we need to interpolate these.\n     */\n    let mapNumbersToKeyframes;\n    if (generatorFactory !== keyframes &&\n        typeof keyframes$1[0] !== \"number\") {\n        if (process.env.NODE_ENV !== \"production\") {\n            invariant(keyframes$1.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes$1}`);\n        }\n        mapNumbersToKeyframes = interpolate([0, 100], keyframes$1, {\n            clamp: false,\n        });\n        keyframes$1 = [0, 100];\n    }\n    const generator = generatorFactory({ ...options, keyframes: keyframes$1 });\n    let mirroredGenerator;\n    if (repeatType === \"mirror\") {\n        mirroredGenerator = generatorFactory({\n            ...options,\n            keyframes: [...keyframes$1].reverse(),\n            velocity: -(options.velocity || 0),\n        });\n    }\n    let playState = \"idle\";\n    let holdTime = null;\n    let startTime = null;\n    let cancelTime = null;\n    /**\n     * If duration is undefined and we have repeat options,\n     * we need to calculate a duration from the generator.\n     *\n     * We set it to the generator itself to cache the duration.\n     * Any timeline resolver will need to have already precalculated\n     * the duration by this step.\n     */\n    if (generator.calculatedDuration === null && repeat) {\n        generator.calculatedDuration = calcGeneratorDuration(generator);\n    }\n    const { calculatedDuration } = generator;\n    let resolvedDuration = Infinity;\n    let totalDuration = Infinity;\n    if (calculatedDuration !== null) {\n        resolvedDuration = calculatedDuration + repeatDelay;\n        totalDuration = resolvedDuration * (repeat + 1) - repeatDelay;\n    }\n    let currentTime = 0;\n    const tick = (timestamp) => {\n        if (startTime === null)\n            return;\n        /**\n         * requestAnimationFrame timestamps can come through as lower than\n         * the startTime as set by performance.now(). Here we prevent this,\n         * though in the future it could be possible to make setting startTime\n         * a pending operation that gets resolved here.\n         */\n        if (speed > 0)\n            startTime = Math.min(startTime, timestamp);\n        if (speed < 0)\n            startTime = Math.min(timestamp - totalDuration / speed, startTime);\n        if (holdTime !== null) {\n            currentTime = holdTime;\n        }\n        else {\n            // Rounding the time because floating point arithmetic is not always accurate, e.g. 3000.367 - 1000.367 =\n            // 2000.0000000000002. This is a problem when we are comparing the currentTime with the duration, for\n            // example.\n            currentTime = Math.round(timestamp - startTime) * speed;\n        }\n        // Rebase on delay\n        const timeWithoutDelay = currentTime - delay * (speed >= 0 ? 1 : -1);\n        const isInDelayPhase = speed >= 0 ? timeWithoutDelay < 0 : timeWithoutDelay > totalDuration;\n        currentTime = Math.max(timeWithoutDelay, 0);\n        /**\n         * If this animation has finished, set the current time\n         * to the total duration.\n         */\n        if (playState === \"finished\" && holdTime === null) {\n            currentTime = totalDuration;\n        }\n        let elapsed = currentTime;\n        let frameGenerator = generator;\n        if (repeat) {\n            /**\n             * Get the current progress (0-1) of the animation. If t is >\n             * than duration we'll get values like 2.5 (midway through the\n             * third iteration)\n             */\n            const progress = Math.min(currentTime, totalDuration) / resolvedDuration;\n            /**\n             * Get the current iteration (0 indexed). For instance the floor of\n             * 2.5 is 2.\n             */\n            let currentIteration = Math.floor(progress);\n            /**\n             * Get the current progress of the iteration by taking the remainder\n             * so 2.5 is 0.5 through iteration 2\n             */\n            let iterationProgress = progress % 1.0;\n            /**\n             * If iteration progress is 1 we count that as the end\n             * of the previous iteration.\n             */\n            if (!iterationProgress && progress >= 1) {\n                iterationProgress = 1;\n            }\n            iterationProgress === 1 && currentIteration--;\n            currentIteration = Math.min(currentIteration, repeat + 1);\n            /**\n             * Reverse progress if we're not running in \"normal\" direction\n             */\n            const isOddIteration = Boolean(currentIteration % 2);\n            if (isOddIteration) {\n                if (repeatType === \"reverse\") {\n                    iterationProgress = 1 - iterationProgress;\n                    if (repeatDelay) {\n                        iterationProgress -= repeatDelay / resolvedDuration;\n                    }\n                }\n                else if (repeatType === \"mirror\") {\n                    frameGenerator = mirroredGenerator;\n                }\n            }\n            elapsed = clamp(0, 1, iterationProgress) * resolvedDuration;\n        }\n        /**\n         * If we're in negative time, set state as the initial keyframe.\n         * This prevents delay: x, duration: 0 animations from finishing\n         * instantly.\n         */\n        const state = isInDelayPhase\n            ? { done: false, value: keyframes$1[0] }\n            : frameGenerator.next(elapsed);\n        if (mapNumbersToKeyframes) {\n            state.value = mapNumbersToKeyframes(state.value);\n        }\n        let { done } = state;\n        if (!isInDelayPhase && calculatedDuration !== null) {\n            done = speed >= 0 ? currentTime >= totalDuration : currentTime <= 0;\n        }\n        const isAnimationFinished = holdTime === null &&\n            (playState === \"finished\" || (playState === \"running\" && done));\n        if (onUpdate) {\n            onUpdate(state.value);\n        }\n        if (isAnimationFinished) {\n            finish();\n        }\n        return state;\n    };\n    const stopAnimationDriver = () => {\n        animationDriver && animationDriver.stop();\n        animationDriver = undefined;\n    };\n    const cancel = () => {\n        playState = \"idle\";\n        stopAnimationDriver();\n        resolveFinishedPromise();\n        updateFinishedPromise();\n        startTime = cancelTime = null;\n    };\n    const finish = () => {\n        playState = \"finished\";\n        onComplete && onComplete();\n        stopAnimationDriver();\n        resolveFinishedPromise();\n    };\n    const play = () => {\n        if (hasStopped)\n            return;\n        if (!animationDriver)\n            animationDriver = driver(tick);\n        const now = animationDriver.now();\n        onPlay && onPlay();\n        if (holdTime !== null) {\n            startTime = now - holdTime;\n        }\n        else if (!startTime || playState === \"finished\") {\n            startTime = now;\n        }\n        if (playState === \"finished\") {\n            updateFinishedPromise();\n        }\n        cancelTime = startTime;\n        holdTime = null;\n        /**\n         * Set playState to running only after we've used it in\n         * the previous logic.\n         */\n        playState = \"running\";\n        animationDriver.start();\n    };\n    if (autoplay) {\n        play();\n    }\n    const controls = {\n        then(resolve, reject) {\n            return currentFinishedPromise.then(resolve, reject);\n        },\n        get time() {\n            return millisecondsToSeconds(currentTime);\n        },\n        set time(newTime) {\n            newTime = secondsToMilliseconds(newTime);\n            currentTime = newTime;\n            if (holdTime !== null || !animationDriver || speed === 0) {\n                holdTime = newTime;\n            }\n            else {\n                startTime = animationDriver.now() - newTime / speed;\n            }\n        },\n        get duration() {\n            const duration = generator.calculatedDuration === null\n                ? calcGeneratorDuration(generator)\n                : generator.calculatedDuration;\n            return millisecondsToSeconds(duration);\n        },\n        get speed() {\n            return speed;\n        },\n        set speed(newSpeed) {\n            if (newSpeed === speed || !animationDriver)\n                return;\n            speed = newSpeed;\n            controls.time = millisecondsToSeconds(currentTime);\n        },\n        get state() {\n            return playState;\n        },\n        play,\n        pause: () => {\n            playState = \"paused\";\n            holdTime = currentTime;\n        },\n        stop: () => {\n            hasStopped = true;\n            if (playState === \"idle\")\n                return;\n            playState = \"idle\";\n            onStop && onStop();\n            cancel();\n        },\n        cancel: () => {\n            if (cancelTime !== null)\n                tick(cancelTime);\n            cancel();\n        },\n        complete: () => {\n            playState = \"finished\";\n        },\n        sample: (elapsed) => {\n            startTime = 0;\n            return tick(elapsed);\n        },\n    };\n    return controls;\n}\n\nexport { animateValue };\n","import { animateStyle } from './index.mjs';\nimport { isWaapiSupportedEasing } from './easing.mjs';\nimport { getFinalKeyframe } from './utils/get-final-keyframe.mjs';\nimport { animateValue } from '../js/index.mjs';\nimport { millisecondsToSeconds, secondsToMilliseconds } from '../../../utils/time-conversion.mjs';\nimport { memo } from '../../../utils/memo.mjs';\nimport { noop } from '../../../utils/noop.mjs';\nimport { frame, cancelFrame } from '../../../frameloop/frame.mjs';\n\nconst supportsWaapi = memo(() => Object.hasOwnProperty.call(Element.prototype, \"animate\"));\n/**\n * A list of values that can be hardware-accelerated.\n */\nconst acceleratedValues = new Set([\n    \"opacity\",\n    \"clipPath\",\n    \"filter\",\n    \"transform\",\n    \"backgroundColor\",\n]);\n/**\n * 10ms is chosen here as it strikes a balance between smooth\n * results (more than one keyframe per frame at 60fps) and\n * keyframe quantity.\n */\nconst sampleDelta = 10; //ms\n/**\n * Implement a practical max duration for keyframe generation\n * to prevent infinite loops\n */\nconst maxDuration = 20000;\nconst requiresPregeneratedKeyframes = (valueName, options) => options.type === \"spring\" ||\n    valueName === \"backgroundColor\" ||\n    !isWaapiSupportedEasing(options.ease);\nfunction createAcceleratedAnimation(value, valueName, { onUpdate, onComplete, ...options }) {\n    const canAccelerateAnimation = supportsWaapi() &&\n        acceleratedValues.has(valueName) &&\n        !options.repeatDelay &&\n        options.repeatType !== \"mirror\" &&\n        options.damping !== 0 &&\n        options.type !== \"inertia\";\n    if (!canAccelerateAnimation)\n        return false;\n    /**\n     * TODO: Unify with js/index\n     */\n    let hasStopped = false;\n    let resolveFinishedPromise;\n    let currentFinishedPromise;\n    /**\n     * Cancelling an animation will write to the DOM. For safety we want to defer\n     * this until the next `update` frame lifecycle. This flag tracks whether we\n     * have a pending cancel, if so we shouldn't allow animations to finish.\n     */\n    let pendingCancel = false;\n    /**\n     * Resolve the current Promise every time we enter the\n     * finished state. This is WAAPI-compatible behaviour.\n     */\n    const updateFinishedPromise = () => {\n        currentFinishedPromise = new Promise((resolve) => {\n            resolveFinishedPromise = resolve;\n        });\n    };\n    // Create the first finished promise\n    updateFinishedPromise();\n    let { keyframes, duration = 300, ease, times } = options;\n    /**\n     * If this animation needs pre-generated keyframes then generate.\n     */\n    if (requiresPregeneratedKeyframes(valueName, options)) {\n        const sampleAnimation = animateValue({\n            ...options,\n            repeat: 0,\n            delay: 0,\n        });\n        let state = { done: false, value: keyframes[0] };\n        const pregeneratedKeyframes = [];\n        /**\n         * Bail after 20 seconds of pre-generated keyframes as it's likely\n         * we're heading for an infinite loop.\n         */\n        let t = 0;\n        while (!state.done && t < maxDuration) {\n            state = sampleAnimation.sample(t);\n            pregeneratedKeyframes.push(state.value);\n            t += sampleDelta;\n        }\n        times = undefined;\n        keyframes = pregeneratedKeyframes;\n        duration = t - sampleDelta;\n        ease = \"linear\";\n    }\n    const animation = animateStyle(value.owner.current, valueName, keyframes, {\n        ...options,\n        duration,\n        /**\n         * This function is currently not called if ease is provided\n         * as a function so the cast is safe.\n         *\n         * However it would be possible for a future refinement to port\n         * in easing pregeneration from Motion One for browsers that\n         * support the upcoming `linear()` easing function.\n         */\n        ease: ease,\n        times,\n    });\n    const cancelAnimation = () => {\n        pendingCancel = false;\n        animation.cancel();\n    };\n    const safeCancel = () => {\n        pendingCancel = true;\n        frame.update(cancelAnimation);\n        resolveFinishedPromise();\n        updateFinishedPromise();\n    };\n    /**\n     * Prefer the `onfinish` prop as it's more widely supported than\n     * the `finished` promise.\n     *\n     * Here, we synchronously set the provided MotionValue to the end\n     * keyframe. If we didn't, when the WAAPI animation is finished it would\n     * be removed from the element which would then revert to its old styles.\n     */\n    animation.onfinish = () => {\n        if (pendingCancel)\n            return;\n        value.set(getFinalKeyframe(keyframes, options));\n        onComplete && onComplete();\n        safeCancel();\n    };\n    /**\n     * Animation interrupt callback.\n     */\n    const controls = {\n        then(resolve, reject) {\n            return currentFinishedPromise.then(resolve, reject);\n        },\n        attachTimeline(timeline) {\n            animation.timeline = timeline;\n            animation.onfinish = null;\n            return noop;\n        },\n        get time() {\n            return millisecondsToSeconds(animation.currentTime || 0);\n        },\n        set time(newTime) {\n            animation.currentTime = secondsToMilliseconds(newTime);\n        },\n        get speed() {\n            return animation.playbackRate;\n        },\n        set speed(newSpeed) {\n            animation.playbackRate = newSpeed;\n        },\n        get duration() {\n            return millisecondsToSeconds(duration);\n        },\n        play: () => {\n            if (hasStopped)\n                return;\n            animation.play();\n            /**\n             * Cancel any pending cancel tasks\n             */\n            cancelFrame(cancelAnimation);\n        },\n        pause: () => animation.pause(),\n        stop: () => {\n            hasStopped = true;\n            if (animation.playState === \"idle\")\n                return;\n            /**\n             * WAAPI doesn't natively have any interruption capabilities.\n             *\n             * Rather than read commited styles back out of the DOM, we can\n             * create a renderless JS animation and sample it twice to calculate\n             * its current value, \"previous\" value, and therefore allow\n             * Motion to calculate velocity for any subsequent animation.\n             */\n            const { currentTime } = animation;\n            if (currentTime) {\n                const sampleAnimation = animateValue({\n                    ...options,\n                    autoplay: false,\n                });\n                value.setWithVelocity(sampleAnimation.sample(currentTime - sampleDelta).value, sampleAnimation.sample(currentTime).value, sampleDelta);\n            }\n            safeCancel();\n        },\n        complete: () => {\n            if (pendingCancel)\n                return;\n            animation.finish();\n        },\n        cancel: safeCancel,\n    };\n    return controls;\n}\n\nexport { createAcceleratedAnimation };\n","import { animateValue } from './js/index.mjs';\nimport { noop } from '../../utils/noop.mjs';\n\nfunction createInstantAnimation({ keyframes, delay, onUpdate, onComplete, }) {\n    const setValue = () => {\n        onUpdate && onUpdate(keyframes[keyframes.length - 1]);\n        onComplete && onComplete();\n        /**\n         * TODO: As this API grows it could make sense to always return\n         * animateValue. This will be a bigger project as animateValue\n         * is frame-locked whereas this function resolves instantly.\n         * This is a behavioural change and also has ramifications regarding\n         * assumptions within tests.\n         */\n        return {\n            time: 0,\n            speed: 1,\n            duration: 0,\n            play: (noop),\n            pause: (noop),\n            stop: (noop),\n            then: (resolve) => {\n                resolve();\n                return Promise.resolve();\n            },\n            cancel: (noop),\n            complete: (noop),\n        };\n    };\n    return delay\n        ? animateValue({\n            keyframes: [0, 1],\n            duration: 0,\n            delay,\n            onComplete: setValue,\n        })\n        : setValue();\n}\n\nexport { createInstantAnimation };\n","import { transformProps } from '../../render/html/utils/transform.mjs';\n\nconst underDampedSpring = {\n    type: \"spring\",\n    stiffness: 500,\n    damping: 25,\n    restSpeed: 10,\n};\nconst criticallyDampedSpring = (target) => ({\n    type: \"spring\",\n    stiffness: 550,\n    damping: target === 0 ? 2 * Math.sqrt(550) : 30,\n    restSpeed: 10,\n});\nconst keyframesTransition = {\n    type: \"keyframes\",\n    duration: 0.8,\n};\n/**\n * Default easing curve is a slightly shallower version of\n * the default browser easing curve.\n */\nconst ease = {\n    type: \"keyframes\",\n    ease: [0.25, 0.1, 0.35, 1],\n    duration: 0.3,\n};\nconst getDefaultTransition = (valueKey, { keyframes }) => {\n    if (keyframes.length > 2) {\n        return keyframesTransition;\n    }\n    else if (transformProps.has(valueKey)) {\n        return valueKey.startsWith(\"scale\")\n            ? criticallyDampedSpring(keyframes[1])\n            : underDampedSpring;\n    }\n    return ease;\n};\n\nexport { getDefaultTransition };\n","import { complex } from '../../value/types/complex/index.mjs';\n\n/**\n * Check if a value is animatable. Examples:\n *\n * ✅: 100, \"100px\", \"#fff\"\n * ❌: \"block\", \"url(2.jpg)\"\n * @param value\n *\n * @internal\n */\nconst isAnimatable = (key, value) => {\n    // If the list of keys tat might be non-animatable grows, replace with Set\n    if (key === \"zIndex\")\n        return false;\n    // If it's a number or a keyframes array, we can animate it. We might at some point\n    // need to do a deep isAnimatable check of keyframes, or let Popmotion handle this,\n    // but for now lets leave it like this for performance reasons\n    if (typeof value === \"number\" || Array.isArray(value))\n        return true;\n    if (typeof value === \"string\" && // It's animatable if we have a string\n        (complex.test(value) || value === \"0\") && // And it contains numbers and/or colors\n        !value.startsWith(\"url(\") // Unless it starts with \"url(\"\n    ) {\n        return true;\n    }\n    return false;\n};\n\nexport { isAnimatable };\n","import { complex } from './index.mjs';\nimport { floatRegex } from '../utils.mjs';\n\n/**\n * Properties that should default to 1 or 100%\n */\nconst maxDefaults = new Set([\"brightness\", \"contrast\", \"saturate\", \"opacity\"]);\nfunction applyDefaultFilter(v) {\n    const [name, value] = v.slice(0, -1).split(\"(\");\n    if (name === \"drop-shadow\")\n        return v;\n    const [number] = value.match(floatRegex) || [];\n    if (!number)\n        return v;\n    const unit = value.replace(number, \"\");\n    let defaultValue = maxDefaults.has(name) ? 1 : 0;\n    if (number !== value)\n        defaultValue *= 100;\n    return name + \"(\" + defaultValue + unit + \")\";\n}\nconst functionRegex = /([a-z-]*)\\(.*?\\)/g;\nconst filter = {\n    ...complex,\n    getAnimatableNone: (v) => {\n        const functions = v.match(functionRegex);\n        return functions ? functions.map(applyDefaultFilter).join(\" \") : v;\n    },\n};\n\nexport { filter };\n","import { number } from '../../../value/types/numbers/index.mjs';\n\nconst int = {\n    ...number,\n    transform: Math.round,\n};\n\nexport { int };\n","import { scale, alpha } from '../../../value/types/numbers/index.mjs';\nimport { px, degrees, progressPercentage } from '../../../value/types/numbers/units.mjs';\nimport { int } from './type-int.mjs';\n\nconst numberValueTypes = {\n    // Border props\n    borderWidth: px,\n    borderTopWidth: px,\n    borderRightWidth: px,\n    borderBottomWidth: px,\n    borderLeftWidth: px,\n    borderRadius: px,\n    radius: px,\n    borderTopLeftRadius: px,\n    borderTopRightRadius: px,\n    borderBottomRightRadius: px,\n    borderBottomLeftRadius: px,\n    // Positioning props\n    width: px,\n    maxWidth: px,\n    height: px,\n    maxHeight: px,\n    size: px,\n    top: px,\n    right: px,\n    bottom: px,\n    left: px,\n    // Spacing props\n    padding: px,\n    paddingTop: px,\n    paddingRight: px,\n    paddingBottom: px,\n    paddingLeft: px,\n    margin: px,\n    marginTop: px,\n    marginRight: px,\n    marginBottom: px,\n    marginLeft: px,\n    // Transform props\n    rotate: degrees,\n    rotateX: degrees,\n    rotateY: degrees,\n    rotateZ: degrees,\n    scale,\n    scaleX: scale,\n    scaleY: scale,\n    scaleZ: scale,\n    skew: degrees,\n    skewX: degrees,\n    skewY: degrees,\n    distance: px,\n    translateX: px,\n    translateY: px,\n    translateZ: px,\n    x: px,\n    y: px,\n    z: px,\n    perspective: px,\n    transformPerspective: px,\n    opacity: alpha,\n    originX: progressPercentage,\n    originY: progressPercentage,\n    originZ: px,\n    // Misc\n    zIndex: int,\n    // SVG\n    fillOpacity: alpha,\n    strokeOpacity: alpha,\n    numOctaves: int,\n};\n\nexport { numberValueTypes };\n","import { color } from '../../../value/types/color/index.mjs';\nimport { filter } from '../../../value/types/complex/filter.mjs';\nimport { numberValueTypes } from './number.mjs';\n\n/**\n * A map of default value types for common values\n */\nconst defaultValueTypes = {\n    ...numberValueTypes,\n    // Color props\n    color,\n    backgroundColor: color,\n    outlineColor: color,\n    fill: color,\n    stroke: color,\n    // Border props\n    borderColor: color,\n    borderTopColor: color,\n    borderRightColor: color,\n    borderBottomColor: color,\n    borderLeftColor: color,\n    filter,\n    WebkitFilter: filter,\n};\n/**\n * Gets the default ValueType for the provided value key\n */\nconst getDefaultValueType = (key) => defaultValueTypes[key];\n\nexport { defaultValueTypes, getDefaultValueType };\n","import { complex } from '../../../value/types/complex/index.mjs';\nimport { filter } from '../../../value/types/complex/filter.mjs';\nimport { getDefaultValueType } from './defaults.mjs';\n\nfunction getAnimatableNone(key, value) {\n    let defaultValueType = getDefaultValueType(key);\n    if (defaultValueType !== filter)\n        defaultValueType = complex;\n    // If value is not recognised as animatable, ie \"none\", create an animatable version origin based on the target\n    return defaultValueType.getAnimatableNone\n        ? defaultValueType.getAnimatableNone(value)\n        : undefined;\n}\n\nexport { getAnimatableNone };\n","/**\n * Check if the value is a zero value string like \"0px\" or \"0%\"\n */\nconst isZeroValueString = (v) => /^0[^.\\s]+$/.test(v);\n\nexport { isZeroValueString };\n","import { isZeroValueString } from '../../utils/is-zero-value-string.mjs';\n\nfunction isNone(value) {\n    if (typeof value === \"number\") {\n        return value === 0;\n    }\n    else if (value !== null) {\n        return value === \"none\" || value === \"0\" || isZeroValueString(value);\n    }\n}\n\nexport { isNone };\n","import { getAnimatableNone } from '../../render/dom/value-types/animatable-none.mjs';\nimport { isAnimatable } from './is-animatable.mjs';\nimport { isNone } from './is-none.mjs';\n\nfunction getKeyframes(value, valueName, target, transition) {\n    const isTargetAnimatable = isAnimatable(valueName, target);\n    let keyframes;\n    if (Array.isArray(target)) {\n        keyframes = [...target];\n    }\n    else {\n        keyframes = [null, target];\n    }\n    const defaultOrigin = transition.from !== undefined ? transition.from : value.get();\n    let animatableTemplateValue = undefined;\n    const noneKeyframeIndexes = [];\n    for (let i = 0; i < keyframes.length; i++) {\n        /**\n         * Fill null/wildcard keyframes\n         */\n        if (keyframes[i] === null) {\n            keyframes[i] = i === 0 ? defaultOrigin : keyframes[i - 1];\n        }\n        if (isNone(keyframes[i])) {\n            noneKeyframeIndexes.push(i);\n        }\n        // TODO: Clean this conditional, it works for now\n        if (typeof keyframes[i] === \"string\" &&\n            keyframes[i] !== \"none\" &&\n            keyframes[i] !== \"0\") {\n            animatableTemplateValue = keyframes[i];\n        }\n    }\n    if (isTargetAnimatable &&\n        noneKeyframeIndexes.length &&\n        animatableTemplateValue) {\n        for (let i = 0; i < noneKeyframeIndexes.length; i++) {\n            const index = noneKeyframeIndexes[i];\n            keyframes[index] = getAnimatableNone(valueName, animatableTemplateValue);\n        }\n    }\n    return keyframes;\n}\n\nexport { getKeyframes };\n","/**\n * Decide whether a transition is defined on a given Transition.\n * This filters out orchestration options and returns true\n * if any options are left.\n */\nfunction isTransitionDefined({ when, delay: _delay, delayChildren, staggerChildren, staggerDirection, repeat, repeatType, repeatDelay, from, elapsed, ...transition }) {\n    return !!Object.keys(transition).length;\n}\nfunction getValueTransition(transition, key) {\n    return transition[key] || transition[\"default\"] || transition;\n}\n\nexport { getValueTransition, isTransitionDefined };\n","const MotionGlobalConfig = {\n    skipAnimations: false,\n};\n\nexport { MotionGlobalConfig };\n","import { warning } from '../../utils/errors.mjs';\nimport { secondsToMilliseconds } from '../../utils/time-conversion.mjs';\nimport { instantAnimationState } from '../../utils/use-instant-transition-state.mjs';\nimport { createAcceleratedAnimation } from '../animators/waapi/create-accelerated-animation.mjs';\nimport { createInstantAnimation } from '../animators/instant.mjs';\nimport { getDefaultTransition } from '../utils/default-transitions.mjs';\nimport { isAnimatable } from '../utils/is-animatable.mjs';\nimport { getKeyframes } from '../utils/keyframes.mjs';\nimport { getValueTransition, isTransitionDefined } from '../utils/transitions.mjs';\nimport { animateValue } from '../animators/js/index.mjs';\nimport { MotionGlobalConfig } from '../../utils/GlobalConfig.mjs';\n\nconst animateMotionValue = (valueName, value, target, transition = {}) => {\n    return (onComplete) => {\n        const valueTransition = getValueTransition(transition, valueName) || {};\n        /**\n         * Most transition values are currently completely overwritten by value-specific\n         * transitions. In the future it'd be nicer to blend these transitions. But for now\n         * delay actually does inherit from the root transition if not value-specific.\n         */\n        const delay = valueTransition.delay || transition.delay || 0;\n        /**\n         * Elapsed isn't a public transition option but can be passed through from\n         * optimized appear effects in milliseconds.\n         */\n        let { elapsed = 0 } = transition;\n        elapsed = elapsed - secondsToMilliseconds(delay);\n        const keyframes = getKeyframes(value, valueName, target, valueTransition);\n        /**\n         * Check if we're able to animate between the start and end keyframes,\n         * and throw a warning if we're attempting to animate between one that's\n         * animatable and another that isn't.\n         */\n        const originKeyframe = keyframes[0];\n        const targetKeyframe = keyframes[keyframes.length - 1];\n        const isOriginAnimatable = isAnimatable(valueName, originKeyframe);\n        const isTargetAnimatable = isAnimatable(valueName, targetKeyframe);\n        warning(isOriginAnimatable === isTargetAnimatable, `You are trying to animate ${valueName} from \"${originKeyframe}\" to \"${targetKeyframe}\". ${originKeyframe} is not an animatable value - to enable this animation set ${originKeyframe} to a value animatable to ${targetKeyframe} via the \\`style\\` property.`);\n        let options = {\n            keyframes,\n            velocity: value.getVelocity(),\n            ease: \"easeOut\",\n            ...valueTransition,\n            delay: -elapsed,\n            onUpdate: (v) => {\n                value.set(v);\n                valueTransition.onUpdate && valueTransition.onUpdate(v);\n            },\n            onComplete: () => {\n                onComplete();\n                valueTransition.onComplete && valueTransition.onComplete();\n            },\n        };\n        /**\n         * If there's no transition defined for this value, we can generate\n         * unqiue transition settings for this value.\n         */\n        if (!isTransitionDefined(valueTransition)) {\n            options = {\n                ...options,\n                ...getDefaultTransition(valueName, options),\n            };\n        }\n        /**\n         * Both WAAPI and our internal animation functions use durations\n         * as defined by milliseconds, while our external API defines them\n         * as seconds.\n         */\n        if (options.duration) {\n            options.duration = secondsToMilliseconds(options.duration);\n        }\n        if (options.repeatDelay) {\n            options.repeatDelay = secondsToMilliseconds(options.repeatDelay);\n        }\n        if (!isOriginAnimatable ||\n            !isTargetAnimatable ||\n            instantAnimationState.current ||\n            valueTransition.type === false ||\n            MotionGlobalConfig.skipAnimations) {\n            /**\n             * If we can't animate this value, or the global instant animation flag is set,\n             * or this is simply defined as an instant transition, return an instant transition.\n             */\n            return createInstantAnimation(instantAnimationState.current\n                ? { ...options, delay: 0 }\n                : options);\n        }\n        /**\n         * Animate via WAAPI if possible.\n         */\n        if (\n        /**\n         * If this is a handoff animation, the optimised animation will be running via\n         * WAAPI. Therefore, this animation must be JS to ensure it runs \"under\" the\n         * optimised animation.\n         */\n        !transition.isHandoff &&\n            value.owner &&\n            value.owner.current instanceof HTMLElement &&\n            /**\n             * If we're outputting values to onUpdate then we can't use WAAPI as there's\n             * no way to read the value from WAAPI every frame.\n             */\n            !value.owner.getProps().onUpdate) {\n            const acceleratedAnimation = createAcceleratedAnimation(value, valueName, options);\n            if (acceleratedAnimation)\n                return acceleratedAnimation;\n        }\n        /**\n         * If we didn't create an accelerated animation, create a JS animation\n         */\n        return animateValue(options);\n    };\n};\n\nexport { animateMotionValue };\n","const isMotionValue = (value) => Boolean(value && value.getVelocity);\n\nexport { isMotionValue };\n","import { isMotionValue } from '../utils/is-motion-value.mjs';\n\nfunction isWillChangeMotionValue(value) {\n    return Boolean(isMotionValue(value) && value.add);\n}\n\nexport { isWillChangeMotionValue };\n","/**\n * Check if value is a numerical string, ie a string that is purely a number eg \"100\" or \"-100.1\"\n */\nconst isNumericalString = (v) => /^\\-?\\d*\\.?\\d+$/.test(v);\n\nexport { isNumericalString };\n","const isKeyframesTarget = (v) => {\n    return Array.isArray(v);\n};\n\nexport { isKeyframesTarget };\n","import { isKeyframesTarget } from '../animation/utils/is-keyframes-target.mjs';\n\nconst isCustomValue = (v) => {\n    return Boolean(v && typeof v === \"object\" && v.mix && v.toValue);\n};\nconst resolveFinalValueInKeyframes = (v) => {\n    // TODO maybe throw if v.length - 1 is placeholder token?\n    return isKeyframesTarget(v) ? v[v.length - 1] || 0 : v;\n};\n\nexport { isCustomValue, resolveFinalValueInKeyframes };\n","/**\n * Tests a provided value against a ValueType\n */\nconst testValueType = (v) => (type) => type.test(v);\n\nexport { testValueType };\n","/**\n * ValueType for \"auto\"\n */\nconst auto = {\n    test: (v) => v === \"auto\",\n    parse: (v) => v,\n};\n\nexport { auto };\n","import { number } from '../../../value/types/numbers/index.mjs';\nimport { px, percent, degrees, vw, vh } from '../../../value/types/numbers/units.mjs';\nimport { testValueType } from './test.mjs';\nimport { auto } from './type-auto.mjs';\n\n/**\n * A list of value types commonly used for dimensions\n */\nconst dimensionValueTypes = [number, px, percent, degrees, vw, vh, auto];\n/**\n * Tests a dimensional value against the list of dimension ValueTypes\n */\nconst findDimensionValueType = (v) => dimensionValueTypes.find(testValueType(v));\n\nexport { dimensionValueTypes, findDimensionValueType };\n","import { color } from '../../../value/types/color/index.mjs';\nimport { complex } from '../../../value/types/complex/index.mjs';\nimport { dimensionValueTypes } from './dimensions.mjs';\nimport { testValueType } from './test.mjs';\n\n/**\n * A list of all ValueTypes\n */\nconst valueTypes = [...dimensionValueTypes, color, complex];\n/**\n * Tests a value against the list of ValueTypes\n */\nconst findValueType = (v) => valueTypes.find(testValueType(v));\n\nexport { findValueType };\n","function resolveVariantFromProps(props, definition, custom, currentValues = {}, currentVelocity = {}) {\n    /**\n     * If the variant definition is a function, resolve.\n     */\n    if (typeof definition === \"function\") {\n        definition = definition(custom !== undefined ? custom : props.custom, currentValues, currentVelocity);\n    }\n    /**\n     * If the variant definition is a variant label, or\n     * the function returned a variant label, resolve.\n     */\n    if (typeof definition === \"string\") {\n        definition = props.variants && props.variants[definition];\n    }\n    /**\n     * At this point we've resolved both functions and variant labels,\n     * but the resolved variant label might itself have been a function.\n     * If so, resolve. This can only have returned a valid target object.\n     */\n    if (typeof definition === \"function\") {\n        definition = definition(custom !== undefined ? custom : props.custom, currentValues, currentVelocity);\n    }\n    return definition;\n}\n\nexport { resolveVariantFromProps };\n","import { resolveVariantFromProps } from './resolve-variants.mjs';\n\n/**\n * Creates an object containing the latest state of every MotionValue on a VisualElement\n */\nfunction getCurrent(visualElement) {\n    const current = {};\n    visualElement.values.forEach((value, key) => (current[key] = value.get()));\n    return current;\n}\n/**\n * Creates an object containing the latest velocity of every MotionValue on a VisualElement\n */\nfunction getVelocity(visualElement) {\n    const velocity = {};\n    visualElement.values.forEach((value, key) => (velocity[key] = value.getVelocity()));\n    return velocity;\n}\nfunction resolveVariant(visualElement, definition, custom) {\n    const props = visualElement.getProps();\n    return resolveVariantFromProps(props, definition, custom !== undefined ? custom : props.custom, getCurrent(visualElement), getVelocity(visualElement));\n}\n\nexport { resolveVariant };\n","import { isNumericalString } from '../../utils/is-numerical-string.mjs';\nimport { isZeroValueString } from '../../utils/is-zero-value-string.mjs';\nimport { resolveFinalValueInKeyframes } from '../../utils/resolve-value.mjs';\nimport { motionValue } from '../../value/index.mjs';\nimport { complex } from '../../value/types/complex/index.mjs';\nimport { getAnimatableNone } from '../dom/value-types/animatable-none.mjs';\nimport { findValueType } from '../dom/value-types/find.mjs';\nimport { resolveVariant } from './resolve-dynamic-variants.mjs';\n\n/**\n * Set VisualElement's MotionValue, creating a new MotionValue for it if\n * it doesn't exist.\n */\nfunction setMotionValue(visualElement, key, value) {\n    if (visualElement.hasValue(key)) {\n        visualElement.getValue(key).set(value);\n    }\n    else {\n        visualElement.addValue(key, motionValue(value));\n    }\n}\nfunction setTarget(visualElement, definition) {\n    const resolved = resolveVariant(visualElement, definition);\n    let { transitionEnd = {}, transition = {}, ...target } = resolved ? visualElement.makeTargetAnimatable(resolved, false) : {};\n    target = { ...target, ...transitionEnd };\n    for (const key in target) {\n        const value = resolveFinalValueInKeyframes(target[key]);\n        setMotionValue(visualElement, key, value);\n    }\n}\nfunction setVariants(visualElement, variantLabels) {\n    const reversedLabels = [...variantLabels].reverse();\n    reversedLabels.forEach((key) => {\n        const variant = visualElement.getVariant(key);\n        variant && setTarget(visualElement, variant);\n        if (visualElement.variantChildren) {\n            visualElement.variantChildren.forEach((child) => {\n                setVariants(child, variantLabels);\n            });\n        }\n    });\n}\nfunction setValues(visualElement, definition) {\n    if (Array.isArray(definition)) {\n        return setVariants(visualElement, definition);\n    }\n    else if (typeof definition === \"string\") {\n        return setVariants(visualElement, [definition]);\n    }\n    else {\n        setTarget(visualElement, definition);\n    }\n}\nfunction checkTargetForNewValues(visualElement, target, origin) {\n    var _a, _b;\n    const newValueKeys = Object.keys(target).filter((key) => !visualElement.hasValue(key));\n    const numNewValues = newValueKeys.length;\n    if (!numNewValues)\n        return;\n    for (let i = 0; i < numNewValues; i++) {\n        const key = newValueKeys[i];\n        const targetValue = target[key];\n        let value = null;\n        /**\n         * If the target is a series of keyframes, we can use the first value\n         * in the array. If this first value is null, we'll still need to read from the DOM.\n         */\n        if (Array.isArray(targetValue)) {\n            value = targetValue[0];\n        }\n        /**\n         * If the target isn't keyframes, or the first keyframe was null, we need to\n         * first check if an origin value was explicitly defined in the transition as \"from\",\n         * if not read the value from the DOM. As an absolute fallback, take the defined target value.\n         */\n        if (value === null) {\n            value = (_b = (_a = origin[key]) !== null && _a !== void 0 ? _a : visualElement.readValue(key)) !== null && _b !== void 0 ? _b : target[key];\n        }\n        /**\n         * If value is still undefined or null, ignore it. Preferably this would throw,\n         * but this was causing issues in Framer.\n         */\n        if (value === undefined || value === null)\n            continue;\n        if (typeof value === \"string\" &&\n            (isNumericalString(value) || isZeroValueString(value))) {\n            // If this is a number read as a string, ie \"0\" or \"200\", convert it to a number\n            value = parseFloat(value);\n        }\n        else if (!findValueType(value) && complex.test(targetValue)) {\n            value = getAnimatableNone(key, targetValue);\n        }\n        visualElement.addValue(key, motionValue(value, { owner: visualElement }));\n        if (origin[key] === undefined) {\n            origin[key] = value;\n        }\n        if (value !== null)\n            visualElement.setBaseTarget(key, value);\n    }\n}\nfunction getOriginFromTransition(key, transition) {\n    if (!transition)\n        return;\n    const valueTransition = transition[key] || transition[\"default\"] || transition;\n    return valueTransition.from;\n}\nfunction getOrigin(target, transition, visualElement) {\n    const origin = {};\n    for (const key in target) {\n        const transitionOrigin = getOriginFromTransition(key, transition);\n        if (transitionOrigin !== undefined) {\n            origin[key] = transitionOrigin;\n        }\n        else {\n            const value = visualElement.getValue(key);\n            if (value) {\n                origin[key] = value.get();\n            }\n        }\n    }\n    return origin;\n}\n\nexport { checkTargetForNewValues, getOrigin, getOriginFromTransition, setTarget, setValues };\n","import { transformProps } from '../../render/html/utils/transform.mjs';\nimport { optimizedAppearDataAttribute } from '../optimized-appear/data-id.mjs';\nimport { animateMotionValue } from './motion-value.mjs';\nimport { isWillChangeMotionValue } from '../../value/use-will-change/is.mjs';\nimport { setTarget } from '../../render/utils/setters.mjs';\nimport { getValueTransition } from '../utils/transitions.mjs';\nimport { frame } from '../../frameloop/frame.mjs';\n\n/**\n * Decide whether we should block this animation. Previously, we achieved this\n * just by checking whether the key was listed in protectedKeys, but this\n * posed problems if an animation was triggered by afterChildren and protectedKeys\n * had been set to true in the meantime.\n */\nfunction shouldBlockAnimation({ protectedKeys, needsAnimating }, key) {\n    const shouldBlock = protectedKeys.hasOwnProperty(key) && needsAnimating[key] !== true;\n    needsAnimating[key] = false;\n    return shouldBlock;\n}\nfunction hasKeyframesChanged(value, target) {\n    const current = value.get();\n    if (Array.isArray(target)) {\n        for (let i = 0; i < target.length; i++) {\n            if (target[i] !== current)\n                return true;\n        }\n    }\n    else {\n        return current !== target;\n    }\n}\nfunction animateTarget(visualElement, definition, { delay = 0, transitionOverride, type } = {}) {\n    let { transition = visualElement.getDefaultTransition(), transitionEnd, ...target } = visualElement.makeTargetAnimatable(definition);\n    const willChange = visualElement.getValue(\"willChange\");\n    if (transitionOverride)\n        transition = transitionOverride;\n    const animations = [];\n    const animationTypeState = type &&\n        visualElement.animationState &&\n        visualElement.animationState.getState()[type];\n    for (const key in target) {\n        const value = visualElement.getValue(key);\n        const valueTarget = target[key];\n        if (!value ||\n            valueTarget === undefined ||\n            (animationTypeState &&\n                shouldBlockAnimation(animationTypeState, key))) {\n            continue;\n        }\n        const valueTransition = {\n            delay,\n            elapsed: 0,\n            ...getValueTransition(transition || {}, key),\n        };\n        /**\n         * If this is the first time a value is being animated, check\n         * to see if we're handling off from an existing animation.\n         */\n        if (window.HandoffAppearAnimations) {\n            const appearId = visualElement.getProps()[optimizedAppearDataAttribute];\n            if (appearId) {\n                const elapsed = window.HandoffAppearAnimations(appearId, key, value, frame);\n                if (elapsed !== null) {\n                    valueTransition.elapsed = elapsed;\n                    valueTransition.isHandoff = true;\n                }\n            }\n        }\n        let canSkip = !valueTransition.isHandoff &&\n            !hasKeyframesChanged(value, valueTarget);\n        if (valueTransition.type === \"spring\" &&\n            (value.getVelocity() || valueTransition.velocity)) {\n            canSkip = false;\n        }\n        /**\n         * Temporarily disable skipping animations if there's an animation in\n         * progress. Better would be to track the current target of a value\n         * and compare that against valueTarget.\n         */\n        if (value.animation) {\n            canSkip = false;\n        }\n        if (canSkip)\n            continue;\n        value.start(animateMotionValue(key, value, valueTarget, visualElement.shouldReduceMotion && transformProps.has(key)\n            ? { type: false }\n            : valueTransition));\n        const animation = value.animation;\n        if (isWillChangeMotionValue(willChange)) {\n            willChange.add(key);\n            animation.then(() => willChange.remove(key));\n        }\n        animations.push(animation);\n    }\n    if (transitionEnd) {\n        Promise.all(animations).then(() => {\n            transitionEnd && setTarget(visualElement, transitionEnd);\n        });\n    }\n    return animations;\n}\n\nexport { animateTarget };\n","function isSVGElement(element) {\n    return element instanceof SVGElement && element.tagName !== \"svg\";\n}\n\nexport { isSVGElement };\n","const scaleCorrectors = {};\nfunction addScaleCorrector(correctors) {\n    Object.assign(scaleCorrectors, correctors);\n}\n\nexport { addScaleCorrector, scaleCorrectors };\n","import { scaleCorrectors } from '../../projection/styles/scale-correction.mjs';\nimport { transformProps } from '../../render/html/utils/transform.mjs';\n\nfunction isForcedMotionValue(key, { layout, layoutId }) {\n    return (transformProps.has(key) ||\n        key.startsWith(\"origin\") ||\n        ((layout || layoutId !== undefined) &&\n            (!!scaleCorrectors[key] || key === \"opacity\")));\n}\n\nexport { isForcedMotionValue };\n","import { isForcedMotionValue } from '../../../motion/utils/is-forced-motion-value.mjs';\nimport { isMotionValue } from '../../../value/utils/is-motion-value.mjs';\n\nfunction scrapeMotionValuesFromProps(props, prevProps) {\n    const { style } = props;\n    const newValues = {};\n    for (const key in style) {\n        if (isMotionValue(style[key]) ||\n            (prevProps.style && isMotionValue(prevProps.style[key])) ||\n            isForcedMotionValue(key, props)) {\n            newValues[key] = style[key];\n        }\n    }\n    return newValues;\n}\n\nexport { scrapeMotionValuesFromProps };\n","import { isMotionValue } from '../../../value/utils/is-motion-value.mjs';\nimport { scrapeMotionValuesFromProps as scrapeMotionValuesFromProps$1 } from '../../html/utils/scrape-motion-values.mjs';\nimport { transformPropOrder } from '../../html/utils/transform.mjs';\n\nfunction scrapeMotionValuesFromProps(props, prevProps) {\n    const newValues = scrapeMotionValuesFromProps$1(props, prevProps);\n    for (const key in props) {\n        if (isMotionValue(props[key]) || isMotionValue(prevProps[key])) {\n            const targetKey = transformPropOrder.indexOf(key) !== -1\n                ? \"attr\" + key.charAt(0).toUpperCase() + key.substring(1)\n                : key;\n            newValues[targetKey] = props[key];\n        }\n    }\n    return newValues;\n}\n\nexport { scrapeMotionValuesFromProps };\n","import { invariant } from '../../../utils/errors.mjs';\nimport { isNumericalString } from '../../../utils/is-numerical-string.mjs';\nimport { isCSSVariableToken } from './is-css-variable.mjs';\n\n/**\n * Parse Framer's special CSS variable format into a CSS token and a fallback.\n *\n * ```\n * `var(--foo, #fff)` => [`--foo`, '#fff']\n * ```\n *\n * @param current\n */\nconst splitCSSVariableRegex = /var\\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\\)/;\nfunction parseCSSVariable(current) {\n    const match = splitCSSVariableRegex.exec(current);\n    if (!match)\n        return [,];\n    const [, token, fallback] = match;\n    return [token, fallback];\n}\nconst maxDepth = 4;\nfunction getVariableValue(current, element, depth = 1) {\n    invariant(depth <= maxDepth, `Max CSS variable fallback depth detected in property \"${current}\". This may indicate a circular fallback dependency.`);\n    const [token, fallback] = parseCSSVariable(current);\n    // No CSS variable detected\n    if (!token)\n        return;\n    // Attempt to read this CSS variable off the element\n    const resolved = window.getComputedStyle(element).getPropertyValue(token);\n    if (resolved) {\n        const trimmed = resolved.trim();\n        return isNumericalString(trimmed) ? parseFloat(trimmed) : trimmed;\n    }\n    else if (isCSSVariableToken(fallback)) {\n        // The fallback might itself be a CSS variable, in which case we attempt to resolve it too.\n        return getVariableValue(fallback, element, depth + 1);\n    }\n    else {\n        return fallback;\n    }\n}\n/**\n * Resolve CSS variables from\n *\n * @internal\n */\nfunction resolveCSSVariables(visualElement, { ...target }, transitionEnd) {\n    const element = visualElement.current;\n    if (!(element instanceof Element))\n        return { target, transitionEnd };\n    // If `transitionEnd` isn't `undefined`, clone it. We could clone `target` and `transitionEnd`\n    // only if they change but I think this reads clearer and this isn't a performance-critical path.\n    if (transitionEnd) {\n        transitionEnd = { ...transitionEnd };\n    }\n    // Go through existing `MotionValue`s and ensure any existing CSS variables are resolved\n    visualElement.values.forEach((value) => {\n        const current = value.get();\n        if (!isCSSVariableToken(current))\n            return;\n        const resolved = getVariableValue(current, element);\n        if (resolved)\n            value.set(resolved);\n    });\n    // Cycle through every target property and resolve CSS variables. Currently\n    // we only read single-var properties like `var(--foo)`, not `calc(var(--foo) + 20px)`\n    for (const key in target) {\n        const current = target[key];\n        if (!isCSSVariableToken(current))\n            continue;\n        const resolved = getVariableValue(current, element);\n        if (!resolved)\n            continue;\n        // Clone target if it hasn't already been\n        target[key] = resolved;\n        if (!transitionEnd)\n            transitionEnd = {};\n        // If the user hasn't already set this key on `transitionEnd`, set it to the unresolved\n        // CSS variable. This will ensure that after the animation the component will reflect\n        // changes in the value of the CSS variable.\n        if (transitionEnd[key] === undefined) {\n            transitionEnd[key] = current;\n        }\n    }\n    return { target, transitionEnd };\n}\n\nexport { parseCSSVariable, resolveCSSVariables };\n","import { isKeyframesTarget } from '../../../animation/utils/is-keyframes-target.mjs';\nimport { invariant } from '../../../utils/errors.mjs';\nimport { transformPropOrder } from '../../html/utils/transform.mjs';\nimport { findDimensionValueType } from '../value-types/dimensions.mjs';\nimport { isBrowser } from '../../../utils/is-browser.mjs';\nimport { number } from '../../../value/types/numbers/index.mjs';\nimport { px } from '../../../value/types/numbers/units.mjs';\n\nconst positionalKeys = new Set([\n    \"width\",\n    \"height\",\n    \"top\",\n    \"left\",\n    \"right\",\n    \"bottom\",\n    \"x\",\n    \"y\",\n    \"translateX\",\n    \"translateY\",\n]);\nconst isPositionalKey = (key) => positionalKeys.has(key);\nconst hasPositionalKey = (target) => {\n    return Object.keys(target).some(isPositionalKey);\n};\nconst isNumOrPxType = (v) => v === number || v === px;\nconst getPosFromMatrix = (matrix, pos) => parseFloat(matrix.split(\", \")[pos]);\nconst getTranslateFromMatrix = (pos2, pos3) => (_bbox, { transform }) => {\n    if (transform === \"none\" || !transform)\n        return 0;\n    const matrix3d = transform.match(/^matrix3d\\((.+)\\)$/);\n    if (matrix3d) {\n        return getPosFromMatrix(matrix3d[1], pos3);\n    }\n    else {\n        const matrix = transform.match(/^matrix\\((.+)\\)$/);\n        if (matrix) {\n            return getPosFromMatrix(matrix[1], pos2);\n        }\n        else {\n            return 0;\n        }\n    }\n};\nconst transformKeys = new Set([\"x\", \"y\", \"z\"]);\nconst nonTranslationalTransformKeys = transformPropOrder.filter((key) => !transformKeys.has(key));\nfunction removeNonTranslationalTransform(visualElement) {\n    const removedTransforms = [];\n    nonTranslationalTransformKeys.forEach((key) => {\n        const value = visualElement.getValue(key);\n        if (value !== undefined) {\n            removedTransforms.push([key, value.get()]);\n            value.set(key.startsWith(\"scale\") ? 1 : 0);\n        }\n    });\n    // Apply changes to element before measurement\n    if (removedTransforms.length)\n        visualElement.render();\n    return removedTransforms;\n}\nconst positionalValues = {\n    // Dimensions\n    width: ({ x }, { paddingLeft = \"0\", paddingRight = \"0\" }) => x.max - x.min - parseFloat(paddingLeft) - parseFloat(paddingRight),\n    height: ({ y }, { paddingTop = \"0\", paddingBottom = \"0\" }) => y.max - y.min - parseFloat(paddingTop) - parseFloat(paddingBottom),\n    top: (_bbox, { top }) => parseFloat(top),\n    left: (_bbox, { left }) => parseFloat(left),\n    bottom: ({ y }, { top }) => parseFloat(top) + (y.max - y.min),\n    right: ({ x }, { left }) => parseFloat(left) + (x.max - x.min),\n    // Transform\n    x: getTranslateFromMatrix(4, 13),\n    y: getTranslateFromMatrix(5, 14),\n};\n// Alias translate longform names\npositionalValues.translateX = positionalValues.x;\npositionalValues.translateY = positionalValues.y;\nconst convertChangedValueTypes = (target, visualElement, changedKeys) => {\n    const originBbox = visualElement.measureViewportBox();\n    const element = visualElement.current;\n    const elementComputedStyle = getComputedStyle(element);\n    const { display } = elementComputedStyle;\n    const origin = {};\n    // If the element is currently set to display: \"none\", make it visible before\n    // measuring the target bounding box\n    if (display === \"none\") {\n        visualElement.setStaticValue(\"display\", target.display || \"block\");\n    }\n    /**\n     * Record origins before we render and update styles\n     */\n    changedKeys.forEach((key) => {\n        origin[key] = positionalValues[key](originBbox, elementComputedStyle);\n    });\n    // Apply the latest values (as set in checkAndConvertChangedValueTypes)\n    visualElement.render();\n    const targetBbox = visualElement.measureViewportBox();\n    changedKeys.forEach((key) => {\n        // Restore styles to their **calculated computed style**, not their actual\n        // originally set style. This allows us to animate between equivalent pixel units.\n        const value = visualElement.getValue(key);\n        value && value.jump(origin[key]);\n        target[key] = positionalValues[key](targetBbox, elementComputedStyle);\n    });\n    return target;\n};\nconst checkAndConvertChangedValueTypes = (visualElement, target, origin = {}, transitionEnd = {}) => {\n    target = { ...target };\n    transitionEnd = { ...transitionEnd };\n    const targetPositionalKeys = Object.keys(target).filter(isPositionalKey);\n    // We want to remove any transform values that could affect the element's bounding box before\n    // it's measured. We'll reapply these later.\n    let removedTransformValues = [];\n    let hasAttemptedToRemoveTransformValues = false;\n    const changedValueTypeKeys = [];\n    targetPositionalKeys.forEach((key) => {\n        const value = visualElement.getValue(key);\n        if (!visualElement.hasValue(key))\n            return;\n        let from = origin[key];\n        let fromType = findDimensionValueType(from);\n        const to = target[key];\n        let toType;\n        // TODO: The current implementation of this basically throws an error\n        // if you try and do value conversion via keyframes. There's probably\n        // a way of doing this but the performance implications would need greater scrutiny,\n        // as it'd be doing multiple resize-remeasure operations.\n        if (isKeyframesTarget(to)) {\n            const numKeyframes = to.length;\n            const fromIndex = to[0] === null ? 1 : 0;\n            from = to[fromIndex];\n            fromType = findDimensionValueType(from);\n            for (let i = fromIndex; i < numKeyframes; i++) {\n                /**\n                 * Don't allow wildcard keyframes to be used to detect\n                 * a difference in value types.\n                 */\n                if (to[i] === null)\n                    break;\n                if (!toType) {\n                    toType = findDimensionValueType(to[i]);\n                    invariant(toType === fromType ||\n                        (isNumOrPxType(fromType) && isNumOrPxType(toType)), \"Keyframes must be of the same dimension as the current value\");\n                }\n                else {\n                    invariant(findDimensionValueType(to[i]) === toType, \"All keyframes must be of the same type\");\n                }\n            }\n        }\n        else {\n            toType = findDimensionValueType(to);\n        }\n        if (fromType !== toType) {\n            // If they're both just number or px, convert them both to numbers rather than\n            // relying on resize/remeasure to convert (which is wasteful in this situation)\n            if (isNumOrPxType(fromType) && isNumOrPxType(toType)) {\n                const current = value.get();\n                if (typeof current === \"string\") {\n                    value.set(parseFloat(current));\n                }\n                if (typeof to === \"string\") {\n                    target[key] = parseFloat(to);\n                }\n                else if (Array.isArray(to) && toType === px) {\n                    target[key] = to.map(parseFloat);\n                }\n            }\n            else if ((fromType === null || fromType === void 0 ? void 0 : fromType.transform) &&\n                (toType === null || toType === void 0 ? void 0 : toType.transform) &&\n                (from === 0 || to === 0)) {\n                // If one or the other value is 0, it's safe to coerce it to the\n                // type of the other without measurement\n                if (from === 0) {\n                    value.set(toType.transform(from));\n                }\n                else {\n                    target[key] = fromType.transform(to);\n                }\n            }\n            else {\n                // If we're going to do value conversion via DOM measurements, we first\n                // need to remove non-positional transform values that could affect the bbox measurements.\n                if (!hasAttemptedToRemoveTransformValues) {\n                    removedTransformValues =\n                        removeNonTranslationalTransform(visualElement);\n                    hasAttemptedToRemoveTransformValues = true;\n                }\n                changedValueTypeKeys.push(key);\n                transitionEnd[key] =\n                    transitionEnd[key] !== undefined\n                        ? transitionEnd[key]\n                        : target[key];\n                value.jump(to);\n            }\n        }\n    });\n    if (changedValueTypeKeys.length) {\n        const scrollY = changedValueTypeKeys.indexOf(\"height\") >= 0\n            ? window.pageYOffset\n            : null;\n        const convertedTarget = convertChangedValueTypes(target, visualElement, changedValueTypeKeys);\n        // If we removed transform values, reapply them before the next render\n        if (removedTransformValues.length) {\n            removedTransformValues.forEach(([key, value]) => {\n                visualElement.getValue(key).set(value);\n            });\n        }\n        // Reapply original values\n        visualElement.render();\n        // Restore scroll position\n        if (isBrowser && scrollY !== null) {\n            window.scrollTo({ top: scrollY });\n        }\n        return { target: convertedTarget, transitionEnd };\n    }\n    else {\n        return { target, transitionEnd };\n    }\n};\n/**\n * Convert value types for x/y/width/height/top/left/bottom/right\n *\n * Allows animation between `'auto'` -> `'100%'` or `0` -> `'calc(50% - 10vw)'`\n *\n * @internal\n */\nfunction unitConversion(visualElement, target, origin, transitionEnd) {\n    return hasPositionalKey(target)\n        ? checkAndConvertChangedValueTypes(visualElement, target, origin, transitionEnd)\n        : { target, transitionEnd };\n}\n\nexport { positionalValues, unitConversion };\n","import { resolveCSSVariables } from './css-variables-conversion.mjs';\nimport { unitConversion } from './unit-conversion.mjs';\n\n/**\n * Parse a DOM variant to make it animatable. This involves resolving CSS variables\n * and ensuring animations like \"20%\" => \"calc(50vw)\" are performed in pixels.\n */\nconst parseDomVariant = (visualElement, target, origin, transitionEnd) => {\n    const resolved = resolveCSSVariables(visualElement, target, transitionEnd);\n    target = resolved.target;\n    transitionEnd = resolved.transitionEnd;\n    return unitConversion(visualElement, target, origin, transitionEnd);\n};\n\nexport { parseDomVariant };\n","const createAxisDelta = () => ({\n    translate: 0,\n    scale: 1,\n    origin: 0,\n    originPoint: 0,\n});\nconst createDelta = () => ({\n    x: createAxisDelta(),\n    y: createAxisDelta(),\n});\nconst createAxis = () => ({ min: 0, max: 0 });\nconst createBox = () => ({\n    x: createAxis(),\n    y: createAxis(),\n});\n\nexport { createAxis, createAxisDelta, createBox, createDelta };\n","function isRefObject(ref) {\n    return (ref &&\n        typeof ref === \"object\" &&\n        Object.prototype.hasOwnProperty.call(ref, \"current\"));\n}\n\nexport { isRefObject };\n","function isAnimationControls(v) {\n    return (v !== null &&\n        typeof v === \"object\" &&\n        typeof v.start === \"function\");\n}\n\nexport { isAnimationControls };\n","/**\n * Decides if the supplied variable is variant label\n */\nfunction isVariantLabel(v) {\n    return typeof v === \"string\" || Array.isArray(v);\n}\n\nexport { isVariantLabel };\n","const variantPriorityOrder = [\n    \"animate\",\n    \"whileInView\",\n    \"whileFocus\",\n    \"whileHover\",\n    \"whileTap\",\n    \"whileDrag\",\n    \"exit\",\n];\nconst variantProps = [\"initial\", ...variantPriorityOrder];\n\nexport { variantPriorityOrder, variantProps };\n","import { isAnimationControls } from '../../animation/utils/is-animation-controls.mjs';\nimport { isVariantLabel } from './is-variant-label.mjs';\nimport { variantProps } from './variant-props.mjs';\n\nfunction isControllingVariants(props) {\n    return (isAnimationControls(props.animate) ||\n        variantProps.some((name) => isVariantLabel(props[name])));\n}\nfunction isVariantNode(props) {\n    return Boolean(isControllingVariants(props) || props.variants);\n}\n\nexport { isControllingVariants, isVariantNode };\n","import { isWillChangeMotionValue } from '../../value/use-will-change/is.mjs';\nimport { warnOnce } from '../../utils/warn-once.mjs';\nimport { motionValue } from '../../value/index.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\nfunction updateMotionValuesFromProps(element, next, prev) {\n    const { willChange } = next;\n    for (const key in next) {\n        const nextValue = next[key];\n        const prevValue = prev[key];\n        if (isMotionValue(nextValue)) {\n            /**\n             * If this is a motion value found in props or style, we want to add it\n             * to our visual element's motion value map.\n             */\n            element.addValue(key, nextValue);\n            if (isWillChangeMotionValue(willChange)) {\n                willChange.add(key);\n            }\n            /**\n             * Check the version of the incoming motion value with this version\n             * and warn against mismatches.\n             */\n            if (process.env.NODE_ENV === \"development\") {\n                warnOnce(nextValue.version === \"10.18.0\", `Attempting to mix Framer Motion versions ${nextValue.version} with 10.18.0 may not work as expected.`);\n            }\n        }\n        else if (isMotionValue(prevValue)) {\n            /**\n             * If we're swapping from a motion value to a static value,\n             * create a new motion value from that\n             */\n            element.addValue(key, motionValue(nextValue, { owner: element }));\n            if (isWillChangeMotionValue(willChange)) {\n                willChange.remove(key);\n            }\n        }\n        else if (prevValue !== nextValue) {\n            /**\n             * If this is a flat value that has changed, update the motion value\n             * or create one if it doesn't exist. We only want to do this if we're\n             * not handling the value with our animation state.\n             */\n            if (element.hasValue(key)) {\n                const existingValue = element.getValue(key);\n                // TODO: Only update values that aren't being animated or even looked at\n                !existingValue.hasAnimated && existingValue.set(nextValue);\n            }\n            else {\n                const latestValue = element.getStaticValue(key);\n                element.addValue(key, motionValue(latestValue !== undefined ? latestValue : nextValue, { owner: element }));\n            }\n        }\n    }\n    // Handle removed values\n    for (const key in prev) {\n        if (next[key] === undefined)\n            element.removeValue(key);\n    }\n    return next;\n}\n\nexport { updateMotionValuesFromProps };\n","const featureProps = {\n    animation: [\n        \"animate\",\n        \"variants\",\n        \"whileHover\",\n        \"whileTap\",\n        \"exit\",\n        \"whileInView\",\n        \"whileFocus\",\n        \"whileDrag\",\n    ],\n    exit: [\"exit\"],\n    drag: [\"drag\", \"dragControls\"],\n    focus: [\"whileFocus\"],\n    hover: [\"whileHover\", \"onHoverStart\", \"onHoverEnd\"],\n    tap: [\"whileTap\", \"onTap\", \"onTapStart\", \"onTapCancel\"],\n    pan: [\"onPan\", \"onPanStart\", \"onPanSessionStart\", \"onPanEnd\"],\n    inView: [\"whileInView\", \"onViewportEnter\", \"onViewportLeave\"],\n    layout: [\"layout\", \"layoutId\"],\n};\nconst featureDefinitions = {};\nfor (const key in featureProps) {\n    featureDefinitions[key] = {\n        isEnabled: (props) => featureProps[key].some((name) => !!props[name]),\n    };\n}\n\nexport { featureDefinitions };\n","import { warning, invariant } from '../utils/errors.mjs';\nimport { createBox } from '../projection/geometry/models.mjs';\nimport { isRefObject } from '../utils/is-ref-object.mjs';\nimport { initPrefersReducedMotion } from '../utils/reduced-motion/index.mjs';\nimport { hasReducedMotionListener, prefersReducedMotion } from '../utils/reduced-motion/state.mjs';\nimport { SubscriptionManager } from '../utils/subscription-manager.mjs';\nimport { motionValue } from '../value/index.mjs';\nimport { isWillChangeMotionValue } from '../value/use-will-change/is.mjs';\nimport { isMotionValue } from '../value/utils/is-motion-value.mjs';\nimport { transformProps } from './html/utils/transform.mjs';\nimport { isControllingVariants, isVariantNode } from './utils/is-controlling-variants.mjs';\nimport { isVariantLabel } from './utils/is-variant-label.mjs';\nimport { updateMotionValuesFromProps } from './utils/motion-values.mjs';\nimport { resolveVariantFromProps } from './utils/resolve-variants.mjs';\nimport { warnOnce } from '../utils/warn-once.mjs';\nimport { featureDefinitions } from '../motion/features/definitions.mjs';\nimport { variantProps } from './utils/variant-props.mjs';\nimport { visualElementStore } from './store.mjs';\nimport { frame, cancelFrame } from '../frameloop/frame.mjs';\n\nconst featureNames = Object.keys(featureDefinitions);\nconst numFeatures = featureNames.length;\nconst propEventHandlers = [\n    \"AnimationStart\",\n    \"AnimationComplete\",\n    \"Update\",\n    \"BeforeLayoutMeasure\",\n    \"LayoutMeasure\",\n    \"LayoutAnimationStart\",\n    \"LayoutAnimationComplete\",\n];\nconst numVariantProps = variantProps.length;\n/**\n * A VisualElement is an imperative abstraction around UI elements such as\n * HTMLElement, SVGElement, Three.Object3D etc.\n */\nclass VisualElement {\n    constructor({ parent, props, presenceContext, reducedMotionConfig, visualState, }, options = {}) {\n        /**\n         * A reference to the current underlying Instance, e.g. a HTMLElement\n         * or Three.Mesh etc.\n         */\n        this.current = null;\n        /**\n         * A set containing references to this VisualElement's children.\n         */\n        this.children = new Set();\n        /**\n         * Determine what role this visual element should take in the variant tree.\n         */\n        this.isVariantNode = false;\n        this.isControllingVariants = false;\n        /**\n         * Decides whether this VisualElement should animate in reduced motion\n         * mode.\n         *\n         * TODO: This is currently set on every individual VisualElement but feels\n         * like it could be set globally.\n         */\n        this.shouldReduceMotion = null;\n        /**\n         * A map of all motion values attached to this visual element. Motion\n         * values are source of truth for any given animated value. A motion\n         * value might be provided externally by the component via props.\n         */\n        this.values = new Map();\n        /**\n         * Cleanup functions for active features (hover/tap/exit etc)\n         */\n        this.features = {};\n        /**\n         * A map of every subscription that binds the provided or generated\n         * motion values onChange listeners to this visual element.\n         */\n        this.valueSubscriptions = new Map();\n        /**\n         * A reference to the previously-provided motion values as returned\n         * from scrapeMotionValuesFromProps. We use the keys in here to determine\n         * if any motion values need to be removed after props are updated.\n         */\n        this.prevMotionValues = {};\n        /**\n         * An object containing a SubscriptionManager for each active event.\n         */\n        this.events = {};\n        /**\n         * An object containing an unsubscribe function for each prop event subscription.\n         * For example, every \"Update\" event can have multiple subscribers via\n         * VisualElement.on(), but only one of those can be defined via the onUpdate prop.\n         */\n        this.propEventSubscriptions = {};\n        this.notifyUpdate = () => this.notify(\"Update\", this.latestValues);\n        this.render = () => {\n            if (!this.current)\n                return;\n            this.triggerBuild();\n            this.renderInstance(this.current, this.renderState, this.props.style, this.projection);\n        };\n        this.scheduleRender = () => frame.render(this.render, false, true);\n        const { latestValues, renderState } = visualState;\n        this.latestValues = latestValues;\n        this.baseTarget = { ...latestValues };\n        this.initialValues = props.initial ? { ...latestValues } : {};\n        this.renderState = renderState;\n        this.parent = parent;\n        this.props = props;\n        this.presenceContext = presenceContext;\n        this.depth = parent ? parent.depth + 1 : 0;\n        this.reducedMotionConfig = reducedMotionConfig;\n        this.options = options;\n        this.isControllingVariants = isControllingVariants(props);\n        this.isVariantNode = isVariantNode(props);\n        if (this.isVariantNode) {\n            this.variantChildren = new Set();\n        }\n        this.manuallyAnimateOnMount = Boolean(parent && parent.current);\n        /**\n         * Any motion values that are provided to the element when created\n         * aren't yet bound to the element, as this would technically be impure.\n         * However, we iterate through the motion values and set them to the\n         * initial values for this component.\n         *\n         * TODO: This is impure and we should look at changing this to run on mount.\n         * Doing so will break some tests but this isn't neccessarily a breaking change,\n         * more a reflection of the test.\n         */\n        const { willChange, ...initialMotionValues } = this.scrapeMotionValuesFromProps(props, {});\n        for (const key in initialMotionValues) {\n            const value = initialMotionValues[key];\n            if (latestValues[key] !== undefined && isMotionValue(value)) {\n                value.set(latestValues[key], false);\n                if (isWillChangeMotionValue(willChange)) {\n                    willChange.add(key);\n                }\n            }\n        }\n    }\n    /**\n     * This method takes React props and returns found MotionValues. For example, HTML\n     * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.\n     *\n     * This isn't an abstract method as it needs calling in the constructor, but it is\n     * intended to be one.\n     */\n    scrapeMotionValuesFromProps(_props, _prevProps) {\n        return {};\n    }\n    mount(instance) {\n        this.current = instance;\n        visualElementStore.set(instance, this);\n        if (this.projection && !this.projection.instance) {\n            this.projection.mount(instance);\n        }\n        if (this.parent && this.isVariantNode && !this.isControllingVariants) {\n            this.removeFromVariantTree = this.parent.addVariantChild(this);\n        }\n        this.values.forEach((value, key) => this.bindToMotionValue(key, value));\n        if (!hasReducedMotionListener.current) {\n            initPrefersReducedMotion();\n        }\n        this.shouldReduceMotion =\n            this.reducedMotionConfig === \"never\"\n                ? false\n                : this.reducedMotionConfig === \"always\"\n                    ? true\n                    : prefersReducedMotion.current;\n        if (process.env.NODE_ENV !== \"production\") {\n            warnOnce(this.shouldReduceMotion !== true, \"You have Reduced Motion enabled on your device. Animations may not appear as expected.\");\n        }\n        if (this.parent)\n            this.parent.children.add(this);\n        this.update(this.props, this.presenceContext);\n    }\n    unmount() {\n        visualElementStore.delete(this.current);\n        this.projection && this.projection.unmount();\n        cancelFrame(this.notifyUpdate);\n        cancelFrame(this.render);\n        this.valueSubscriptions.forEach((remove) => remove());\n        this.removeFromVariantTree && this.removeFromVariantTree();\n        this.parent && this.parent.children.delete(this);\n        for (const key in this.events) {\n            this.events[key].clear();\n        }\n        for (const key in this.features) {\n            this.features[key].unmount();\n        }\n        this.current = null;\n    }\n    bindToMotionValue(key, value) {\n        const valueIsTransform = transformProps.has(key);\n        const removeOnChange = value.on(\"change\", (latestValue) => {\n            this.latestValues[key] = latestValue;\n            this.props.onUpdate &&\n                frame.update(this.notifyUpdate, false, true);\n            if (valueIsTransform && this.projection) {\n                this.projection.isTransformDirty = true;\n            }\n        });\n        const removeOnRenderRequest = value.on(\"renderRequest\", this.scheduleRender);\n        this.valueSubscriptions.set(key, () => {\n            removeOnChange();\n            removeOnRenderRequest();\n        });\n    }\n    sortNodePosition(other) {\n        /**\n         * If these nodes aren't even of the same type we can't compare their depth.\n         */\n        if (!this.current ||\n            !this.sortInstanceNodePosition ||\n            this.type !== other.type) {\n            return 0;\n        }\n        return this.sortInstanceNodePosition(this.current, other.current);\n    }\n    loadFeatures({ children, ...renderedProps }, isStrict, preloadedFeatures, initialLayoutGroupConfig) {\n        let ProjectionNodeConstructor;\n        let MeasureLayout;\n        /**\n         * If we're in development mode, check to make sure we're not rendering a motion component\n         * as a child of LazyMotion, as this will break the file-size benefits of using it.\n         */\n        if (process.env.NODE_ENV !== \"production\" &&\n            preloadedFeatures &&\n            isStrict) {\n            const strictMessage = \"You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.\";\n            renderedProps.ignoreStrict\n                ? warning(false, strictMessage)\n                : invariant(false, strictMessage);\n        }\n        for (let i = 0; i < numFeatures; i++) {\n            const name = featureNames[i];\n            const { isEnabled, Feature: FeatureConstructor, ProjectionNode, MeasureLayout: MeasureLayoutComponent, } = featureDefinitions[name];\n            if (ProjectionNode)\n                ProjectionNodeConstructor = ProjectionNode;\n            if (isEnabled(renderedProps)) {\n                if (!this.features[name] && FeatureConstructor) {\n                    this.features[name] = new FeatureConstructor(this);\n                }\n                if (MeasureLayoutComponent) {\n                    MeasureLayout = MeasureLayoutComponent;\n                }\n            }\n        }\n        if ((this.type === \"html\" || this.type === \"svg\") &&\n            !this.projection &&\n            ProjectionNodeConstructor) {\n            this.projection = new ProjectionNodeConstructor(this.latestValues, this.parent && this.parent.projection);\n            const { layoutId, layout, drag, dragConstraints, layoutScroll, layoutRoot, } = renderedProps;\n            this.projection.setOptions({\n                layoutId,\n                layout,\n                alwaysMeasureLayout: Boolean(drag) ||\n                    (dragConstraints && isRefObject(dragConstraints)),\n                visualElement: this,\n                scheduleRender: () => this.scheduleRender(),\n                /**\n                 * TODO: Update options in an effect. This could be tricky as it'll be too late\n                 * to update by the time layout animations run.\n                 * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,\n                 * ensuring it gets called if there's no potential layout animations.\n                 *\n                 */\n                animationType: typeof layout === \"string\" ? layout : \"both\",\n                initialPromotionConfig: initialLayoutGroupConfig,\n                layoutScroll,\n                layoutRoot,\n            });\n        }\n        return MeasureLayout;\n    }\n    updateFeatures() {\n        for (const key in this.features) {\n            const feature = this.features[key];\n            if (feature.isMounted) {\n                feature.update();\n            }\n            else {\n                feature.mount();\n                feature.isMounted = true;\n            }\n        }\n    }\n    triggerBuild() {\n        this.build(this.renderState, this.latestValues, this.options, this.props);\n    }\n    /**\n     * Measure the current viewport box with or without transforms.\n     * Only measures axis-aligned boxes, rotate and skew must be manually\n     * removed with a re-render to work.\n     */\n    measureViewportBox() {\n        return this.current\n            ? this.measureInstanceViewportBox(this.current, this.props)\n            : createBox();\n    }\n    getStaticValue(key) {\n        return this.latestValues[key];\n    }\n    setStaticValue(key, value) {\n        this.latestValues[key] = value;\n    }\n    /**\n     * Make a target animatable by Popmotion. For instance, if we're\n     * trying to animate width from 100px to 100vw we need to measure 100vw\n     * in pixels to determine what we really need to animate to. This is also\n     * pluggable to support Framer's custom value types like Color,\n     * and CSS variables.\n     */\n    makeTargetAnimatable(target, canMutate = true) {\n        return this.makeTargetAnimatableFromInstance(target, this.props, canMutate);\n    }\n    /**\n     * Update the provided props. Ensure any newly-added motion values are\n     * added to our map, old ones removed, and listeners updated.\n     */\n    update(props, presenceContext) {\n        if (props.transformTemplate || this.props.transformTemplate) {\n            this.scheduleRender();\n        }\n        this.prevProps = this.props;\n        this.props = props;\n        this.prevPresenceContext = this.presenceContext;\n        this.presenceContext = presenceContext;\n        /**\n         * Update prop event handlers ie onAnimationStart, onAnimationComplete\n         */\n        for (let i = 0; i < propEventHandlers.length; i++) {\n            const key = propEventHandlers[i];\n            if (this.propEventSubscriptions[key]) {\n                this.propEventSubscriptions[key]();\n                delete this.propEventSubscriptions[key];\n            }\n            const listener = props[\"on\" + key];\n            if (listener) {\n                this.propEventSubscriptions[key] = this.on(key, listener);\n            }\n        }\n        this.prevMotionValues = updateMotionValuesFromProps(this, this.scrapeMotionValuesFromProps(props, this.prevProps), this.prevMotionValues);\n        if (this.handleChildMotionValue) {\n            this.handleChildMotionValue();\n        }\n    }\n    getProps() {\n        return this.props;\n    }\n    /**\n     * Returns the variant definition with a given name.\n     */\n    getVariant(name) {\n        return this.props.variants ? this.props.variants[name] : undefined;\n    }\n    /**\n     * Returns the defined default transition on this component.\n     */\n    getDefaultTransition() {\n        return this.props.transition;\n    }\n    getTransformPagePoint() {\n        return this.props.transformPagePoint;\n    }\n    getClosestVariantNode() {\n        return this.isVariantNode\n            ? this\n            : this.parent\n                ? this.parent.getClosestVariantNode()\n                : undefined;\n    }\n    getVariantContext(startAtParent = false) {\n        if (startAtParent) {\n            return this.parent ? this.parent.getVariantContext() : undefined;\n        }\n        if (!this.isControllingVariants) {\n            const context = this.parent\n                ? this.parent.getVariantContext() || {}\n                : {};\n            if (this.props.initial !== undefined) {\n                context.initial = this.props.initial;\n            }\n            return context;\n        }\n        const context = {};\n        for (let i = 0; i < numVariantProps; i++) {\n            const name = variantProps[i];\n            const prop = this.props[name];\n            if (isVariantLabel(prop) || prop === false) {\n                context[name] = prop;\n            }\n        }\n        return context;\n    }\n    /**\n     * Add a child visual element to our set of children.\n     */\n    addVariantChild(child) {\n        const closestVariantNode = this.getClosestVariantNode();\n        if (closestVariantNode) {\n            closestVariantNode.variantChildren &&\n                closestVariantNode.variantChildren.add(child);\n            return () => closestVariantNode.variantChildren.delete(child);\n        }\n    }\n    /**\n     * Add a motion value and bind it to this visual element.\n     */\n    addValue(key, value) {\n        // Remove existing value if it exists\n        if (value !== this.values.get(key)) {\n            this.removeValue(key);\n            this.bindToMotionValue(key, value);\n        }\n        this.values.set(key, value);\n        this.latestValues[key] = value.get();\n    }\n    /**\n     * Remove a motion value and unbind any active subscriptions.\n     */\n    removeValue(key) {\n        this.values.delete(key);\n        const unsubscribe = this.valueSubscriptions.get(key);\n        if (unsubscribe) {\n            unsubscribe();\n            this.valueSubscriptions.delete(key);\n        }\n        delete this.latestValues[key];\n        this.removeValueFromRenderState(key, this.renderState);\n    }\n    /**\n     * Check whether we have a motion value for this key\n     */\n    hasValue(key) {\n        return this.values.has(key);\n    }\n    getValue(key, defaultValue) {\n        if (this.props.values && this.props.values[key]) {\n            return this.props.values[key];\n        }\n        let value = this.values.get(key);\n        if (value === undefined && defaultValue !== undefined) {\n            value = motionValue(defaultValue, { owner: this });\n            this.addValue(key, value);\n        }\n        return value;\n    }\n    /**\n     * If we're trying to animate to a previously unencountered value,\n     * we need to check for it in our state and as a last resort read it\n     * directly from the instance (which might have performance implications).\n     */\n    readValue(key) {\n        var _a;\n        return this.latestValues[key] !== undefined || !this.current\n            ? this.latestValues[key]\n            : (_a = this.getBaseTargetFromProps(this.props, key)) !== null && _a !== void 0 ? _a : this.readValueFromInstance(this.current, key, this.options);\n    }\n    /**\n     * Set the base target to later animate back to. This is currently\n     * only hydrated on creation and when we first read a value.\n     */\n    setBaseTarget(key, value) {\n        this.baseTarget[key] = value;\n    }\n    /**\n     * Find the base target for a value thats been removed from all animation\n     * props.\n     */\n    getBaseTarget(key) {\n        var _a;\n        const { initial } = this.props;\n        const valueFromInitial = typeof initial === \"string\" || typeof initial === \"object\"\n            ? (_a = resolveVariantFromProps(this.props, initial)) === null || _a === void 0 ? void 0 : _a[key]\n            : undefined;\n        /**\n         * If this value still exists in the current initial variant, read that.\n         */\n        if (initial && valueFromInitial !== undefined) {\n            return valueFromInitial;\n        }\n        /**\n         * Alternatively, if this VisualElement config has defined a getBaseTarget\n         * so we can read the value from an alternative source, try that.\n         */\n        const target = this.getBaseTargetFromProps(this.props, key);\n        if (target !== undefined && !isMotionValue(target))\n            return target;\n        /**\n         * If the value was initially defined on initial, but it doesn't any more,\n         * return undefined. Otherwise return the value as initially read from the DOM.\n         */\n        return this.initialValues[key] !== undefined &&\n            valueFromInitial === undefined\n            ? undefined\n            : this.baseTarget[key];\n    }\n    on(eventName, callback) {\n        if (!this.events[eventName]) {\n            this.events[eventName] = new SubscriptionManager();\n        }\n        return this.events[eventName].add(callback);\n    }\n    notify(eventName, ...args) {\n        if (this.events[eventName]) {\n            this.events[eventName].notify(...args);\n        }\n    }\n}\n\nexport { VisualElement };\n","import { getOrigin, checkTargetForNewValues } from '../utils/setters.mjs';\nimport { parseDomVariant } from './utils/parse-dom-variant.mjs';\nimport { VisualElement } from '../VisualElement.mjs';\n\nclass DOMVisualElement extends VisualElement {\n    sortInstanceNodePosition(a, b) {\n        /**\n         * compareDocumentPosition returns a bitmask, by using the bitwise &\n         * we're returning true if 2 in that bitmask is set to true. 2 is set\n         * to true if b preceeds a.\n         */\n        return a.compareDocumentPosition(b) & 2 ? 1 : -1;\n    }\n    getBaseTargetFromProps(props, key) {\n        return props.style ? props.style[key] : undefined;\n    }\n    removeValueFromRenderState(key, { vars, style }) {\n        delete vars[key];\n        delete style[key];\n    }\n    makeTargetAnimatableFromInstance({ transition, transitionEnd, ...target }, { transformValues }, isMounted) {\n        let origin = getOrigin(target, transition || {}, this);\n        /**\n         * If Framer has provided a function to convert `Color` etc value types, convert them\n         */\n        if (transformValues) {\n            if (transitionEnd)\n                transitionEnd = transformValues(transitionEnd);\n            if (target)\n                target = transformValues(target);\n            if (origin)\n                origin = transformValues(origin);\n        }\n        if (isMounted) {\n            checkTargetForNewValues(this, target, origin);\n            const parsed = parseDomVariant(this, target, origin, transitionEnd);\n            transitionEnd = parsed.transitionEnd;\n            target = parsed.target;\n        }\n        return {\n            transition,\n            transitionEnd,\n            ...target,\n        };\n    }\n}\n\nexport { DOMVisualElement };\n","import { transformPropOrder } from './transform.mjs';\n\nconst translateAlias = {\n    x: \"translateX\",\n    y: \"translateY\",\n    z: \"translateZ\",\n    transformPerspective: \"perspective\",\n};\nconst numTransforms = transformPropOrder.length;\n/**\n * Build a CSS transform style from individual x/y/scale etc properties.\n *\n * This outputs with a default order of transforms/scales/rotations, this can be customised by\n * providing a transformTemplate function.\n */\nfunction buildTransform(transform, { enableHardwareAcceleration = true, allowTransformNone = true, }, transformIsDefault, transformTemplate) {\n    // The transform string we're going to build into.\n    let transformString = \"\";\n    /**\n     * Loop over all possible transforms in order, adding the ones that\n     * are present to the transform string.\n     */\n    for (let i = 0; i < numTransforms; i++) {\n        const key = transformPropOrder[i];\n        if (transform[key] !== undefined) {\n            const transformName = translateAlias[key] || key;\n            transformString += `${transformName}(${transform[key]}) `;\n        }\n    }\n    if (enableHardwareAcceleration && !transform.z) {\n        transformString += \"translateZ(0)\";\n    }\n    transformString = transformString.trim();\n    // If we have a custom `transform` template, pass our transform values and\n    // generated transformString to that before returning\n    if (transformTemplate) {\n        transformString = transformTemplate(transform, transformIsDefault ? \"\" : transformString);\n    }\n    else if (allowTransformNone && transformIsDefault) {\n        transformString = \"none\";\n    }\n    return transformString;\n}\n\nexport { buildTransform };\n","/**\n * Provided a value and a ValueType, returns the value as that value type.\n */\nconst getValueAsType = (value, type) => {\n    return type && typeof value === \"number\"\n        ? type.transform(value)\n        : value;\n};\n\nexport { getValueAsType };\n","import { buildTransform } from './build-transform.mjs';\nimport { isCSSVariableName } from '../../dom/utils/is-css-variable.mjs';\nimport { transformProps } from './transform.mjs';\nimport { getValueAsType } from '../../dom/value-types/get-as-type.mjs';\nimport { numberValueTypes } from '../../dom/value-types/number.mjs';\n\nfunction buildHTMLStyles(state, latestValues, options, transformTemplate) {\n    const { style, vars, transform, transformOrigin } = state;\n    // Track whether we encounter any transform or transformOrigin values.\n    let hasTransform = false;\n    let hasTransformOrigin = false;\n    // Does the calculated transform essentially equal \"none\"?\n    let transformIsNone = true;\n    /**\n     * Loop over all our latest animated values and decide whether to handle them\n     * as a style or CSS variable.\n     *\n     * Transforms and transform origins are kept seperately for further processing.\n     */\n    for (const key in latestValues) {\n        const value = latestValues[key];\n        /**\n         * If this is a CSS variable we don't do any further processing.\n         */\n        if (isCSSVariableName(key)) {\n            vars[key] = value;\n            continue;\n        }\n        // Convert the value to its default value type, ie 0 -> \"0px\"\n        const valueType = numberValueTypes[key];\n        const valueAsType = getValueAsType(value, valueType);\n        if (transformProps.has(key)) {\n            // If this is a transform, flag to enable further transform processing\n            hasTransform = true;\n            transform[key] = valueAsType;\n            // If we already know we have a non-default transform, early return\n            if (!transformIsNone)\n                continue;\n            // Otherwise check to see if this is a default transform\n            if (value !== (valueType.default || 0))\n                transformIsNone = false;\n        }\n        else if (key.startsWith(\"origin\")) {\n            // If this is a transform origin, flag and enable further transform-origin processing\n            hasTransformOrigin = true;\n            transformOrigin[key] = valueAsType;\n        }\n        else {\n            style[key] = valueAsType;\n        }\n    }\n    if (!latestValues.transform) {\n        if (hasTransform || transformTemplate) {\n            style.transform = buildTransform(state.transform, options, transformIsNone, transformTemplate);\n        }\n        else if (style.transform) {\n            /**\n             * If we have previously created a transform but currently don't have any,\n             * reset transform style to none.\n             */\n            style.transform = \"none\";\n        }\n    }\n    /**\n     * Build a transformOrigin style. Uses the same defaults as the browser for\n     * undefined origins.\n     */\n    if (hasTransformOrigin) {\n        const { originX = \"50%\", originY = \"50%\", originZ = 0, } = transformOrigin;\n        style.transformOrigin = `${originX} ${originY} ${originZ}`;\n    }\n}\n\nexport { buildHTMLStyles };\n","import { px } from '../../../value/types/numbers/units.mjs';\n\nfunction calcOrigin(origin, offset, size) {\n    return typeof origin === \"string\"\n        ? origin\n        : px.transform(offset + size * origin);\n}\n/**\n * The SVG transform origin defaults are different to CSS and is less intuitive,\n * so we use the measured dimensions of the SVG to reconcile these.\n */\nfunction calcSVGTransformOrigin(dimensions, originX, originY) {\n    const pxOriginX = calcOrigin(originX, dimensions.x, dimensions.width);\n    const pxOriginY = calcOrigin(originY, dimensions.y, dimensions.height);\n    return `${pxOriginX} ${pxOriginY}`;\n}\n\nexport { calcSVGTransformOrigin };\n","import { px } from '../../../value/types/numbers/units.mjs';\n\nconst dashKeys = {\n    offset: \"stroke-dashoffset\",\n    array: \"stroke-dasharray\",\n};\nconst camelKeys = {\n    offset: \"strokeDashoffset\",\n    array: \"strokeDasharray\",\n};\n/**\n * Build SVG path properties. Uses the path's measured length to convert\n * our custom pathLength, pathSpacing and pathOffset into stroke-dashoffset\n * and stroke-dasharray attributes.\n *\n * This function is mutative to reduce per-frame GC.\n */\nfunction buildSVGPath(attrs, length, spacing = 1, offset = 0, useDashCase = true) {\n    // Normalise path length by setting SVG attribute pathLength to 1\n    attrs.pathLength = 1;\n    // We use dash case when setting attributes directly to the DOM node and camel case\n    // when defining props on a React component.\n    const keys = useDashCase ? dashKeys : camelKeys;\n    // Build the dash offset\n    attrs[keys.offset] = px.transform(-offset);\n    // Build the dash array\n    const pathLength = px.transform(length);\n    const pathSpacing = px.transform(spacing);\n    attrs[keys.array] = `${pathLength} ${pathSpacing}`;\n}\n\nexport { buildSVGPath };\n","import { buildHTMLStyles } from '../../html/utils/build-styles.mjs';\nimport { calcSVGTransformOrigin } from './transform-origin.mjs';\nimport { buildSVGPath } from './path.mjs';\n\n/**\n * Build SVG visual attrbutes, like cx and style.transform\n */\nfunction buildSVGAttrs(state, { attrX, attrY, attrScale, originX, originY, pathLength, pathSpacing = 1, pathOffset = 0, \n// This is object creation, which we try to avoid per-frame.\n...latest }, options, isSVGTag, transformTemplate) {\n    buildHTMLStyles(state, latest, options, transformTemplate);\n    /**\n     * For svg tags we just want to make sure viewBox is animatable and treat all the styles\n     * as normal HTML tags.\n     */\n    if (isSVGTag) {\n        if (state.style.viewBox) {\n            state.attrs.viewBox = state.style.viewBox;\n        }\n        return;\n    }\n    state.attrs = state.style;\n    state.style = {};\n    const { attrs, style, dimensions } = state;\n    /**\n     * However, we apply transforms as CSS transforms. So if we detect a transform we take it from attrs\n     * and copy it into style.\n     */\n    if (attrs.transform) {\n        if (dimensions)\n            style.transform = attrs.transform;\n        delete attrs.transform;\n    }\n    // Parse transformOrigin\n    if (dimensions &&\n        (originX !== undefined || originY !== undefined || style.transform)) {\n        style.transformOrigin = calcSVGTransformOrigin(dimensions, originX !== undefined ? originX : 0.5, originY !== undefined ? originY : 0.5);\n    }\n    // Render attrX/attrY/attrScale as attributes\n    if (attrX !== undefined)\n        attrs.x = attrX;\n    if (attrY !== undefined)\n        attrs.y = attrY;\n    if (attrScale !== undefined)\n        attrs.scale = attrScale;\n    // Build SVG path if one has been defined\n    if (pathLength !== undefined) {\n        buildSVGPath(attrs, pathLength, pathSpacing, pathOffset, false);\n    }\n}\n\nexport { buildSVGAttrs };\n","/**\n * A set of attribute names that are always read/written as camel case.\n */\nconst camelCaseAttributes = new Set([\n    \"baseFrequency\",\n    \"diffuseConstant\",\n    \"kernelMatrix\",\n    \"kernelUnitLength\",\n    \"keySplines\",\n    \"keyTimes\",\n    \"limitingConeAngle\",\n    \"markerHeight\",\n    \"markerWidth\",\n    \"numOctaves\",\n    \"targetX\",\n    \"targetY\",\n    \"surfaceScale\",\n    \"specularConstant\",\n    \"specularExponent\",\n    \"stdDeviation\",\n    \"tableValues\",\n    \"viewBox\",\n    \"gradientTransform\",\n    \"pathLength\",\n    \"startOffset\",\n    \"textLength\",\n    \"lengthAdjust\",\n]);\n\nexport { camelCaseAttributes };\n","function renderHTML(element, { style, vars }, styleProp, projection) {\n    Object.assign(element.style, style, projection && projection.getProjectionStyles(styleProp));\n    // Loop over any CSS variables and assign those.\n    for (const key in vars) {\n        element.style.setProperty(key, vars[key]);\n    }\n}\n\nexport { renderHTML };\n","import { camelToDash } from '../../dom/utils/camel-to-dash.mjs';\nimport { renderHTML } from '../../html/utils/render.mjs';\nimport { camelCaseAttributes } from './camel-case-attrs.mjs';\n\nfunction renderSVG(element, renderState, _styleProp, projection) {\n    renderHTML(element, renderState, undefined, projection);\n    for (const key in renderState.attrs) {\n        element.setAttribute(!camelCaseAttributes.has(key) ? camelToDash(key) : key, renderState.attrs[key]);\n    }\n}\n\nexport { renderSVG };\n","const isSVGTag = (tag) => typeof tag === \"string\" && tag.toLowerCase() === \"svg\";\n\nexport { isSVGTag };\n","import { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { DOMVisualElement } from '../dom/DOMVisualElement.mjs';\nimport { buildSVGAttrs } from './utils/build-attrs.mjs';\nimport { camelToDash } from '../dom/utils/camel-to-dash.mjs';\nimport { camelCaseAttributes } from './utils/camel-case-attrs.mjs';\nimport { transformProps } from '../html/utils/transform.mjs';\nimport { renderSVG } from './utils/render.mjs';\nimport { getDefaultValueType } from '../dom/value-types/defaults.mjs';\nimport { createBox } from '../../projection/geometry/models.mjs';\nimport { isSVGTag } from './utils/is-svg-tag.mjs';\n\nclass SVGVisualElement extends DOMVisualElement {\n    constructor() {\n        super(...arguments);\n        this.type = \"svg\";\n        this.isSVGTag = false;\n    }\n    getBaseTargetFromProps(props, key) {\n        return props[key];\n    }\n    readValueFromInstance(instance, key) {\n        if (transformProps.has(key)) {\n            const defaultType = getDefaultValueType(key);\n            return defaultType ? defaultType.default || 0 : 0;\n        }\n        key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;\n        return instance.getAttribute(key);\n    }\n    measureInstanceViewportBox() {\n        return createBox();\n    }\n    scrapeMotionValuesFromProps(props, prevProps) {\n        return scrapeMotionValuesFromProps(props, prevProps);\n    }\n    build(renderState, latestValues, options, props) {\n        buildSVGAttrs(renderState, latestValues, options, this.isSVGTag, props.transformTemplate);\n    }\n    renderInstance(instance, renderState, styleProp, projection) {\n        renderSVG(instance, renderState, styleProp, projection);\n    }\n    mount(instance) {\n        this.isSVGTag = isSVGTag(instance.tagName);\n        super.mount(instance);\n    }\n}\n\nexport { SVGVisualElement };\n","/**\n * Bounding boxes tend to be defined as top, left, right, bottom. For various operations\n * it's easier to consider each axis individually. This function returns a bounding box\n * as a map of single-axis min/max values.\n */\nfunction convertBoundingBoxToBox({ top, left, right, bottom, }) {\n    return {\n        x: { min: left, max: right },\n        y: { min: top, max: bottom },\n    };\n}\nfunction convertBoxToBoundingBox({ x, y }) {\n    return { top: y.min, right: x.max, bottom: y.max, left: x.min };\n}\n/**\n * Applies a TransformPoint function to a bounding box. TransformPoint is usually a function\n * provided by Framer to allow measured points to be corrected for device scaling. This is used\n * when measuring DOM elements and DOM event points.\n */\nfunction transformBoxPoints(point, transformPoint) {\n    if (!transformPoint)\n        return point;\n    const topLeft = transformPoint({ x: point.left, y: point.top });\n    const bottomRight = transformPoint({ x: point.right, y: point.bottom });\n    return {\n        top: topLeft.y,\n        left: topLeft.x,\n        bottom: bottomRight.y,\n        right: bottomRight.x,\n    };\n}\n\nexport { convertBoundingBoxToBox, convertBoxToBoundingBox, transformBoxPoints };\n","function isIdentityScale(scale) {\n    return scale === undefined || scale === 1;\n}\nfunction hasScale({ scale, scaleX, scaleY }) {\n    return (!isIdentityScale(scale) ||\n        !isIdentityScale(scaleX) ||\n        !isIdentityScale(scaleY));\n}\nfunction hasTransform(values) {\n    return (hasScale(values) ||\n        has2DTranslate(values) ||\n        values.z ||\n        values.rotate ||\n        values.rotateX ||\n        values.rotateY);\n}\nfunction has2DTranslate(values) {\n    return is2DTranslate(values.x) || is2DTranslate(values.y);\n}\nfunction is2DTranslate(value) {\n    return value && value !== \"0%\";\n}\n\nexport { has2DTranslate, hasScale, hasTransform };\n","import { mix } from '../../utils/mix.mjs';\nimport { hasTransform } from '../utils/has-transform.mjs';\n\n/**\n * Scales a point based on a factor and an originPoint\n */\nfunction scalePoint(point, scale, originPoint) {\n    const distanceFromOrigin = point - originPoint;\n    const scaled = scale * distanceFromOrigin;\n    return originPoint + scaled;\n}\n/**\n * Applies a translate/scale delta to a point\n */\nfunction applyPointDelta(point, translate, scale, originPoint, boxScale) {\n    if (boxScale !== undefined) {\n        point = scalePoint(point, boxScale, originPoint);\n    }\n    return scalePoint(point, scale, originPoint) + translate;\n}\n/**\n * Applies a translate/scale delta to an axis\n */\nfunction applyAxisDelta(axis, translate = 0, scale = 1, originPoint, boxScale) {\n    axis.min = applyPointDelta(axis.min, translate, scale, originPoint, boxScale);\n    axis.max = applyPointDelta(axis.max, translate, scale, originPoint, boxScale);\n}\n/**\n * Applies a translate/scale delta to a box\n */\nfunction applyBoxDelta(box, { x, y }) {\n    applyAxisDelta(box.x, x.translate, x.scale, x.originPoint);\n    applyAxisDelta(box.y, y.translate, y.scale, y.originPoint);\n}\n/**\n * Apply a tree of deltas to a box. We do this to calculate the effect of all the transforms\n * in a tree upon our box before then calculating how to project it into our desired viewport-relative box\n *\n * This is the final nested loop within updateLayoutDelta for future refactoring\n */\nfunction applyTreeDeltas(box, treeScale, treePath, isSharedTransition = false) {\n    const treeLength = treePath.length;\n    if (!treeLength)\n        return;\n    // Reset the treeScale\n    treeScale.x = treeScale.y = 1;\n    let node;\n    let delta;\n    for (let i = 0; i < treeLength; i++) {\n        node = treePath[i];\n        delta = node.projectionDelta;\n        /**\n         * TODO: Prefer to remove this, but currently we have motion components with\n         * display: contents in Framer.\n         */\n        const instance = node.instance;\n        if (instance &&\n            instance.style &&\n            instance.style.display === \"contents\") {\n            continue;\n        }\n        if (isSharedTransition &&\n            node.options.layoutScroll &&\n            node.scroll &&\n            node !== node.root) {\n            transformBox(box, {\n                x: -node.scroll.offset.x,\n                y: -node.scroll.offset.y,\n            });\n        }\n        if (delta) {\n            // Incoporate each ancestor's scale into a culmulative treeScale for this component\n            treeScale.x *= delta.x.scale;\n            treeScale.y *= delta.y.scale;\n            // Apply each ancestor's calculated delta into this component's recorded layout box\n            applyBoxDelta(box, delta);\n        }\n        if (isSharedTransition && hasTransform(node.latestValues)) {\n            transformBox(box, node.latestValues);\n        }\n    }\n    /**\n     * Snap tree scale back to 1 if it's within a non-perceivable threshold.\n     * This will help reduce useless scales getting rendered.\n     */\n    treeScale.x = snapToDefault(treeScale.x);\n    treeScale.y = snapToDefault(treeScale.y);\n}\nfunction snapToDefault(scale) {\n    if (Number.isInteger(scale))\n        return scale;\n    return scale > 1.0000000000001 || scale < 0.999999999999 ? scale : 1;\n}\nfunction translateAxis(axis, distance) {\n    axis.min = axis.min + distance;\n    axis.max = axis.max + distance;\n}\n/**\n * Apply a transform to an axis from the latest resolved motion values.\n * This function basically acts as a bridge between a flat motion value map\n * and applyAxisDelta\n */\nfunction transformAxis(axis, transforms, [key, scaleKey, originKey]) {\n    const axisOrigin = transforms[originKey] !== undefined ? transforms[originKey] : 0.5;\n    const originPoint = mix(axis.min, axis.max, axisOrigin);\n    // Apply the axis delta to the final axis\n    applyAxisDelta(axis, transforms[key], transforms[scaleKey], originPoint, transforms.scale);\n}\n/**\n * The names of the motion values we want to apply as translation, scale and origin.\n */\nconst xKeys = [\"x\", \"scaleX\", \"originX\"];\nconst yKeys = [\"y\", \"scaleY\", \"originY\"];\n/**\n * Apply a transform to a box from the latest resolved motion values.\n */\nfunction transformBox(box, transform) {\n    transformAxis(box.x, transform, xKeys);\n    transformAxis(box.y, transform, yKeys);\n}\n\nexport { applyAxisDelta, applyBoxDelta, applyPointDelta, applyTreeDeltas, scalePoint, transformAxis, transformBox, translateAxis };\n","import { convertBoundingBoxToBox, transformBoxPoints } from '../geometry/conversion.mjs';\nimport { translateAxis } from '../geometry/delta-apply.mjs';\n\nfunction measureViewportBox(instance, transformPoint) {\n    return convertBoundingBoxToBox(transformBoxPoints(instance.getBoundingClientRect(), transformPoint));\n}\nfunction measurePageBox(element, rootProjectionNode, transformPagePoint) {\n    const viewportBox = measureViewportBox(element, transformPagePoint);\n    const { scroll } = rootProjectionNode;\n    if (scroll) {\n        translateAxis(viewportBox.x, scroll.offset.x);\n        translateAxis(viewportBox.y, scroll.offset.y);\n    }\n    return viewportBox;\n}\n\nexport { measurePageBox, measureViewportBox };\n","import { buildHTMLStyles } from './utils/build-styles.mjs';\nimport { isCSSVariableName } from '../dom/utils/is-css-variable.mjs';\nimport { transformProps } from './utils/transform.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { renderHTML } from './utils/render.mjs';\nimport { getDefaultValueType } from '../dom/value-types/defaults.mjs';\nimport { measureViewportBox } from '../../projection/utils/measure.mjs';\nimport { DOMVisualElement } from '../dom/DOMVisualElement.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\nfunction getComputedStyle(element) {\n    return window.getComputedStyle(element);\n}\nclass HTMLVisualElement extends DOMVisualElement {\n    constructor() {\n        super(...arguments);\n        this.type = \"html\";\n    }\n    readValueFromInstance(instance, key) {\n        if (transformProps.has(key)) {\n            const defaultType = getDefaultValueType(key);\n            return defaultType ? defaultType.default || 0 : 0;\n        }\n        else {\n            const computedStyle = getComputedStyle(instance);\n            const value = (isCSSVariableName(key)\n                ? computedStyle.getPropertyValue(key)\n                : computedStyle[key]) || 0;\n            return typeof value === \"string\" ? value.trim() : value;\n        }\n    }\n    measureInstanceViewportBox(instance, { transformPagePoint }) {\n        return measureViewportBox(instance, transformPagePoint);\n    }\n    build(renderState, latestValues, options, props) {\n        buildHTMLStyles(renderState, latestValues, options, props.transformTemplate);\n    }\n    scrapeMotionValuesFromProps(props, prevProps) {\n        return scrapeMotionValuesFromProps(props, prevProps);\n    }\n    handleChildMotionValue() {\n        if (this.childSubscription) {\n            this.childSubscription();\n            delete this.childSubscription;\n        }\n        const { children } = this.props;\n        if (isMotionValue(children)) {\n            this.childSubscription = children.on(\"change\", (latest) => {\n                if (this.current)\n                    this.current.textContent = `${latest}`;\n            });\n        }\n    }\n    renderInstance(instance, renderState, styleProp, projection) {\n        renderHTML(instance, renderState, styleProp, projection);\n    }\n}\n\nexport { HTMLVisualElement, getComputedStyle };\n","import { isSVGElement } from '../../render/dom/utils/is-svg-element.mjs';\nimport { SVGVisualElement } from '../../render/svg/SVGVisualElement.mjs';\nimport { HTMLVisualElement } from '../../render/html/HTMLVisualElement.mjs';\nimport { visualElementStore } from '../../render/store.mjs';\n\nfunction createVisualElement(element) {\n    const options = {\n        presenceContext: null,\n        props: {},\n        visualState: {\n            renderState: {\n                transform: {},\n                transformOrigin: {},\n                style: {},\n                vars: {},\n                attrs: {},\n            },\n            latestValues: {},\n        },\n    };\n    const node = isSVGElement(element)\n        ? new SVGVisualElement(options, {\n            enableHardwareAcceleration: false,\n        })\n        : new HTMLVisualElement(options, {\n            enableHardwareAcceleration: true,\n        });\n    node.mount(element);\n    visualElementStore.set(element, node);\n}\n\nexport { createVisualElement };\n","import { animateMotionValue } from './motion-value.mjs';\nimport { motionValue } from '../../value/index.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\nfunction animateSingleValue(value, keyframes, options) {\n    const motionValue$1 = isMotionValue(value) ? value : motionValue(value);\n    motionValue$1.start(animateMotionValue(\"\", motionValue$1, keyframes, options));\n    return motionValue$1.animation;\n}\n\nexport { animateSingleValue };\n","import { spring } from '../../animation/generators/spring/index.mjs';\nimport { calcGeneratorDuration, maxGeneratorDuration } from '../../animation/generators/utils/calc-duration.mjs';\nimport { millisecondsToSeconds } from '../../utils/time-conversion.mjs';\n\n/**\n * Create a progress => progress easing function from a generator.\n */\nfunction createGeneratorEasing(options, scale = 100) {\n    const generator = spring({ keyframes: [0, scale], ...options });\n    const duration = Math.min(calcGeneratorDuration(generator), maxGeneratorDuration);\n    return {\n        type: \"keyframes\",\n        ease: (progress) => generator.next(duration * progress).value / scale,\n        duration: millisecondsToSeconds(duration),\n    };\n}\n\nexport { createGeneratorEasing };\n","/**\n * Given a absolute or relative time definition and current/prev time state of the sequence,\n * calculate an absolute time for the next keyframes.\n */\nfunction calcNextTime(current, next, prev, labels) {\n    var _a;\n    if (typeof next === \"number\") {\n        return next;\n    }\n    else if (next.startsWith(\"-\") || next.startsWith(\"+\")) {\n        return Math.max(0, current + parseFloat(next));\n    }\n    else if (next === \"<\") {\n        return prev;\n    }\n    else {\n        return (_a = labels.get(next)) !== null && _a !== void 0 ? _a : current;\n    }\n}\n\nexport { calcNextTime };\n","const wrap = (min, max, v) => {\n    const rangeSize = max - min;\n    return ((((v - min) % rangeSize) + rangeSize) % rangeSize) + min;\n};\n\nexport { wrap };\n","import { wrap } from '../../utils/wrap.mjs';\nimport { isEasingArray } from './is-easing-array.mjs';\n\nfunction getEasingForSegment(easing, i) {\n    return isEasingArray(easing) ? easing[wrap(0, easing.length, i)] : easing;\n}\n\nexport { getEasingForSegment };\n","import { getEasingForSegment } from '../../../easing/utils/get-easing-for-segment.mjs';\nimport { removeItem } from '../../../utils/array.mjs';\nimport { mix } from '../../../utils/mix.mjs';\n\nfunction eraseKeyframes(sequence, startTime, endTime) {\n    for (let i = 0; i < sequence.length; i++) {\n        const keyframe = sequence[i];\n        if (keyframe.at > startTime && keyframe.at < endTime) {\n            removeItem(sequence, keyframe);\n            // If we remove this item we have to push the pointer back one\n            i--;\n        }\n    }\n}\nfunction addKeyframes(sequence, keyframes, easing, offset, startTime, endTime) {\n    /**\n     * Erase every existing value between currentTime and targetTime,\n     * this will essentially splice this timeline into any currently\n     * defined ones.\n     */\n    eraseKeyframes(sequence, startTime, endTime);\n    for (let i = 0; i < keyframes.length; i++) {\n        sequence.push({\n            value: keyframes[i],\n            at: mix(startTime, endTime, offset[i]),\n            easing: getEasingForSegment(easing, i),\n        });\n    }\n}\n\nexport { addKeyframes, eraseKeyframes };\n","function compareByTime(a, b) {\n    if (a.at === b.at) {\n        if (a.value === null)\n            return 1;\n        if (b.value === null)\n            return -1;\n        return 0;\n    }\n    else {\n        return a.at - b.at;\n    }\n}\n\nexport { compareByTime };\n","import { createGeneratorEasing } from '../../easing/utils/create-generator-easing.mjs';\nimport { resolveElements } from '../../render/dom/utils/resolve-element.mjs';\nimport { defaultOffset } from '../../utils/offsets/default.mjs';\nimport { fillOffset } from '../../utils/offsets/fill.mjs';\nimport { progress } from '../../utils/progress.mjs';\nimport { secondsToMilliseconds } from '../../utils/time-conversion.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\nimport { calcNextTime } from './utils/calc-time.mjs';\nimport { addKeyframes } from './utils/edit.mjs';\nimport { compareByTime } from './utils/sort.mjs';\n\nconst defaultSegmentEasing = \"easeInOut\";\nfunction createAnimationsFromSequence(sequence, { defaultTransition = {}, ...sequenceTransition } = {}, scope) {\n    const defaultDuration = defaultTransition.duration || 0.3;\n    const animationDefinitions = new Map();\n    const sequences = new Map();\n    const elementCache = {};\n    const timeLabels = new Map();\n    let prevTime = 0;\n    let currentTime = 0;\n    let totalDuration = 0;\n    /**\n     * Build the timeline by mapping over the sequence array and converting\n     * the definitions into keyframes and offsets with absolute time values.\n     * These will later get converted into relative offsets in a second pass.\n     */\n    for (let i = 0; i < sequence.length; i++) {\n        const segment = sequence[i];\n        /**\n         * If this is a timeline label, mark it and skip the rest of this iteration.\n         */\n        if (typeof segment === \"string\") {\n            timeLabels.set(segment, currentTime);\n            continue;\n        }\n        else if (!Array.isArray(segment)) {\n            timeLabels.set(segment.name, calcNextTime(currentTime, segment.at, prevTime, timeLabels));\n            continue;\n        }\n        let [subject, keyframes, transition = {}] = segment;\n        /**\n         * If a relative or absolute time value has been specified we need to resolve\n         * it in relation to the currentTime.\n         */\n        if (transition.at !== undefined) {\n            currentTime = calcNextTime(currentTime, transition.at, prevTime, timeLabels);\n        }\n        /**\n         * Keep track of the maximum duration in this definition. This will be\n         * applied to currentTime once the definition has been parsed.\n         */\n        let maxDuration = 0;\n        const resolveValueSequence = (valueKeyframes, valueTransition, valueSequence, elementIndex = 0, numElements = 0) => {\n            const valueKeyframesAsList = keyframesAsList(valueKeyframes);\n            const { delay = 0, times = defaultOffset(valueKeyframesAsList), type = \"keyframes\", ...remainingTransition } = valueTransition;\n            let { ease = defaultTransition.ease || \"easeOut\", duration } = valueTransition;\n            /**\n             * Resolve stagger() if defined.\n             */\n            const calculatedDelay = typeof delay === \"function\"\n                ? delay(elementIndex, numElements)\n                : delay;\n            /**\n             * If this animation should and can use a spring, generate a spring easing function.\n             */\n            const numKeyframes = valueKeyframesAsList.length;\n            if (numKeyframes <= 2 && type === \"spring\") {\n                /**\n                 * As we're creating an easing function from a spring,\n                 * ideally we want to generate it using the real distance\n                 * between the two keyframes. However this isn't always\n                 * possible - in these situations we use 0-100.\n                 */\n                let absoluteDelta = 100;\n                if (numKeyframes === 2 &&\n                    isNumberKeyframesArray(valueKeyframesAsList)) {\n                    const delta = valueKeyframesAsList[1] - valueKeyframesAsList[0];\n                    absoluteDelta = Math.abs(delta);\n                }\n                const springTransition = { ...remainingTransition };\n                if (duration !== undefined) {\n                    springTransition.duration = secondsToMilliseconds(duration);\n                }\n                const springEasing = createGeneratorEasing(springTransition, absoluteDelta);\n                ease = springEasing.ease;\n                duration = springEasing.duration;\n            }\n            duration !== null && duration !== void 0 ? duration : (duration = defaultDuration);\n            const startTime = currentTime + calculatedDelay;\n            const targetTime = startTime + duration;\n            /**\n             * If there's only one time offset of 0, fill in a second with length 1\n             */\n            if (times.length === 1 && times[0] === 0) {\n                times[1] = 1;\n            }\n            /**\n             * Fill out if offset if fewer offsets than keyframes\n             */\n            const remainder = times.length - valueKeyframesAsList.length;\n            remainder > 0 && fillOffset(times, remainder);\n            /**\n             * If only one value has been set, ie [1], push a null to the start of\n             * the keyframe array. This will let us mark a keyframe at this point\n             * that will later be hydrated with the previous value.\n             */\n            valueKeyframesAsList.length === 1 &&\n                valueKeyframesAsList.unshift(null);\n            /**\n             * Add keyframes, mapping offsets to absolute time.\n             */\n            addKeyframes(valueSequence, valueKeyframesAsList, ease, times, startTime, targetTime);\n            maxDuration = Math.max(calculatedDelay + duration, maxDuration);\n            totalDuration = Math.max(targetTime, totalDuration);\n        };\n        if (isMotionValue(subject)) {\n            const subjectSequence = getSubjectSequence(subject, sequences);\n            resolveValueSequence(keyframes, transition, getValueSequence(\"default\", subjectSequence));\n        }\n        else {\n            /**\n             * Find all the elements specified in the definition and parse value\n             * keyframes from their timeline definitions.\n             */\n            const elements = resolveElements(subject, scope, elementCache);\n            const numElements = elements.length;\n            /**\n             * For every element in this segment, process the defined values.\n             */\n            for (let elementIndex = 0; elementIndex < numElements; elementIndex++) {\n                /**\n                 * Cast necessary, but we know these are of this type\n                 */\n                keyframes = keyframes;\n                transition = transition;\n                const element = elements[elementIndex];\n                const subjectSequence = getSubjectSequence(element, sequences);\n                for (const key in keyframes) {\n                    resolveValueSequence(keyframes[key], getValueTransition(transition, key), getValueSequence(key, subjectSequence), elementIndex, numElements);\n                }\n            }\n        }\n        prevTime = currentTime;\n        currentTime += maxDuration;\n    }\n    /**\n     * For every element and value combination create a new animation.\n     */\n    sequences.forEach((valueSequences, element) => {\n        for (const key in valueSequences) {\n            const valueSequence = valueSequences[key];\n            /**\n             * Arrange all the keyframes in ascending time order.\n             */\n            valueSequence.sort(compareByTime);\n            const keyframes = [];\n            const valueOffset = [];\n            const valueEasing = [];\n            /**\n             * For each keyframe, translate absolute times into\n             * relative offsets based on the total duration of the timeline.\n             */\n            for (let i = 0; i < valueSequence.length; i++) {\n                const { at, value, easing } = valueSequence[i];\n                keyframes.push(value);\n                valueOffset.push(progress(0, totalDuration, at));\n                valueEasing.push(easing || \"easeOut\");\n            }\n            /**\n             * If the first keyframe doesn't land on offset: 0\n             * provide one by duplicating the initial keyframe. This ensures\n             * it snaps to the first keyframe when the animation starts.\n             */\n            if (valueOffset[0] !== 0) {\n                valueOffset.unshift(0);\n                keyframes.unshift(keyframes[0]);\n                valueEasing.unshift(defaultSegmentEasing);\n            }\n            /**\n             * If the last keyframe doesn't land on offset: 1\n             * provide one with a null wildcard value. This will ensure it\n             * stays static until the end of the animation.\n             */\n            if (valueOffset[valueOffset.length - 1] !== 1) {\n                valueOffset.push(1);\n                keyframes.push(null);\n            }\n            if (!animationDefinitions.has(element)) {\n                animationDefinitions.set(element, {\n                    keyframes: {},\n                    transition: {},\n                });\n            }\n            const definition = animationDefinitions.get(element);\n            definition.keyframes[key] = keyframes;\n            definition.transition[key] = {\n                ...defaultTransition,\n                duration: totalDuration,\n                ease: valueEasing,\n                times: valueOffset,\n                ...sequenceTransition,\n            };\n        }\n    });\n    return animationDefinitions;\n}\nfunction getSubjectSequence(subject, sequences) {\n    !sequences.has(subject) && sequences.set(subject, {});\n    return sequences.get(subject);\n}\nfunction getValueSequence(name, sequences) {\n    if (!sequences[name])\n        sequences[name] = [];\n    return sequences[name];\n}\nfunction keyframesAsList(keyframes) {\n    return Array.isArray(keyframes) ? keyframes : [keyframes];\n}\nfunction getValueTransition(transition, key) {\n    return transition[key]\n        ? { ...transition, ...transition[key] }\n        : { ...transition };\n}\nconst isNumber = (keyframe) => typeof keyframe === \"number\";\nconst isNumberKeyframesArray = (keyframes) => keyframes.every(isNumber);\n\nexport { createAnimationsFromSequence, getValueTransition };\n","import { resolveElements } from '../render/dom/utils/resolve-element.mjs';\nimport { visualElementStore } from '../render/store.mjs';\nimport { invariant } from '../utils/errors.mjs';\nimport { GroupPlaybackControls } from './GroupPlaybackControls.mjs';\nimport { isDOMKeyframes } from './utils/is-dom-keyframes.mjs';\nimport { animateTarget } from './interfaces/visual-element-target.mjs';\nimport { createVisualElement } from './utils/create-visual-element.mjs';\nimport { animateSingleValue } from './interfaces/single-value.mjs';\nimport { createAnimationsFromSequence } from './sequence/create.mjs';\nimport { isMotionValue } from '../value/utils/is-motion-value.mjs';\n\nfunction animateElements(elementOrSelector, keyframes, options, scope) {\n    const elements = resolveElements(elementOrSelector, scope);\n    const numElements = elements.length;\n    invariant(Boolean(numElements), \"No valid element provided.\");\n    const animations = [];\n    for (let i = 0; i < numElements; i++) {\n        const element = elements[i];\n        /**\n         * Check each element for an associated VisualElement. If none exists,\n         * we need to create one.\n         */\n        if (!visualElementStore.has(element)) {\n            /**\n             * TODO: We only need render-specific parts of the VisualElement.\n             * With some additional work the size of the animate() function\n             * could be reduced significantly.\n             */\n            createVisualElement(element);\n        }\n        const visualElement = visualElementStore.get(element);\n        const transition = { ...options };\n        /**\n         * Resolve stagger function if provided.\n         */\n        if (typeof transition.delay === \"function\") {\n            transition.delay = transition.delay(i, numElements);\n        }\n        animations.push(...animateTarget(visualElement, { ...keyframes, transition }, {}));\n    }\n    return new GroupPlaybackControls(animations);\n}\nconst isSequence = (value) => Array.isArray(value) && Array.isArray(value[0]);\nfunction animateSequence(sequence, options, scope) {\n    const animations = [];\n    const animationDefinitions = createAnimationsFromSequence(sequence, options, scope);\n    animationDefinitions.forEach(({ keyframes, transition }, subject) => {\n        let animation;\n        if (isMotionValue(subject)) {\n            animation = animateSingleValue(subject, keyframes.default, transition.default);\n        }\n        else {\n            animation = animateElements(subject, keyframes, transition);\n        }\n        animations.push(animation);\n    });\n    return new GroupPlaybackControls(animations);\n}\nconst createScopedAnimate = (scope) => {\n    /**\n     * Implementation\n     */\n    function scopedAnimate(valueOrElementOrSequence, keyframes, options) {\n        let animation;\n        if (isSequence(valueOrElementOrSequence)) {\n            animation = animateSequence(valueOrElementOrSequence, keyframes, scope);\n        }\n        else if (isDOMKeyframes(keyframes)) {\n            animation = animateElements(valueOrElementOrSequence, keyframes, options, scope);\n        }\n        else {\n            animation = animateSingleValue(valueOrElementOrSequence, keyframes, options);\n        }\n        if (scope) {\n            scope.animations.push(animation);\n        }\n        return animation;\n    }\n    return scopedAnimate;\n};\nconst animate = createScopedAnimate();\n\nexport { animate, createScopedAnimate };\n","import { createContext } from 'react';\n\nconst MotionContext = createContext({});\n\nexport { MotionContext };\n","import { createContext } from 'react';\n\n/**\n * @public\n */\nconst PresenceContext = createContext(null);\n\nexport { PresenceContext };\n","import { createContext } from 'react';\n\nconst LazyContext = createContext({ strict: false });\n\nexport { LazyContext };\n","import { useContext, useRef, useInsertionEffect, useEffect } from 'react';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\nimport { MotionContext } from '../../context/MotionContext/index.mjs';\nimport { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';\nimport { LazyContext } from '../../context/LazyContext.mjs';\nimport { MotionConfigContext } from '../../context/MotionConfigContext.mjs';\nimport { optimizedAppearDataAttribute } from '../../animation/optimized-appear/data-id.mjs';\n\nfunction useVisualElement(Component, visualState, props, createVisualElement) {\n    const { visualElement: parent } = useContext(MotionContext);\n    const lazyContext = useContext(LazyContext);\n    const presenceContext = useContext(PresenceContext);\n    const reducedMotionConfig = useContext(MotionConfigContext).reducedMotion;\n    const visualElementRef = useRef();\n    /**\n     * If we haven't preloaded a renderer, check to see if we have one lazy-loaded\n     */\n    createVisualElement = createVisualElement || lazyContext.renderer;\n    if (!visualElementRef.current && createVisualElement) {\n        visualElementRef.current = createVisualElement(Component, {\n            visualState,\n            parent,\n            props,\n            presenceContext,\n            blockInitialAnimation: presenceContext\n                ? presenceContext.initial === false\n                : false,\n            reducedMotionConfig,\n        });\n    }\n    const visualElement = visualElementRef.current;\n    useInsertionEffect(() => {\n        visualElement && visualElement.update(props, presenceContext);\n    });\n    /**\n     * Cache this value as we want to know whether HandoffAppearAnimations\n     * was present on initial render - it will be deleted after this.\n     */\n    const wantsHandoff = useRef(Boolean(props[optimizedAppearDataAttribute] && !window.HandoffComplete));\n    useIsomorphicLayoutEffect(() => {\n        if (!visualElement)\n            return;\n        visualElement.render();\n        /**\n         * Ideally this function would always run in a useEffect.\n         *\n         * However, if we have optimised appear animations to handoff from,\n         * it needs to happen synchronously to ensure there's no flash of\n         * incorrect styles in the event of a hydration error.\n         *\n         * So if we detect a situtation where optimised appear animations\n         * are running, we use useLayoutEffect to trigger animations.\n         */\n        if (wantsHandoff.current && visualElement.animationState) {\n            visualElement.animationState.animateChanges();\n        }\n    });\n    useEffect(() => {\n        if (!visualElement)\n            return;\n        visualElement.updateFeatures();\n        if (!wantsHandoff.current && visualElement.animationState) {\n            visualElement.animationState.animateChanges();\n        }\n        if (wantsHandoff.current) {\n            wantsHandoff.current = false;\n            // This ensures all future calls to animateChanges() will run in useEffect\n            window.HandoffComplete = true;\n        }\n    });\n    return visualElement;\n}\n\nexport { useVisualElement };\n","import { useCallback } from 'react';\nimport { isRefObject } from '../../utils/is-ref-object.mjs';\n\n/**\n * Creates a ref function that, when called, hydrates the provided\n * external ref and VisualElement.\n */\nfunction useMotionRef(visualState, visualElement, externalRef) {\n    return useCallback((instance) => {\n        instance && visualState.mount && visualState.mount(instance);\n        if (visualElement) {\n            instance\n                ? visualElement.mount(instance)\n                : visualElement.unmount();\n        }\n        if (externalRef) {\n            if (typeof externalRef === \"function\") {\n                externalRef(instance);\n            }\n            else if (isRefObject(externalRef)) {\n                externalRef.current = instance;\n            }\n        }\n    }, \n    /**\n     * Only pass a new ref callback to React if we've received a visual element\n     * factory. Otherwise we'll be mounting/remounting every time externalRef\n     * or other dependencies change.\n     */\n    [visualElement]);\n}\n\nexport { useMotionRef };\n","import { isVariantLabel } from '../../render/utils/is-variant-label.mjs';\nimport { isControllingVariants } from '../../render/utils/is-controlling-variants.mjs';\n\nfunction getCurrentTreeVariants(props, context) {\n    if (isControllingVariants(props)) {\n        const { initial, animate } = props;\n        return {\n            initial: initial === false || isVariantLabel(initial)\n                ? initial\n                : undefined,\n            animate: isVariantLabel(animate) ? animate : undefined,\n        };\n    }\n    return props.inherit !== false ? context : {};\n}\n\nexport { getCurrentTreeVariants };\n","import { useContext, useMemo } from 'react';\nimport { MotionContext } from './index.mjs';\nimport { getCurrentTreeVariants } from './utils.mjs';\n\nfunction useCreateMotionContext(props) {\n    const { initial, animate } = getCurrentTreeVariants(props, useContext(MotionContext));\n    return useMemo(() => ({ initial, animate }), [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate)]);\n}\nfunction variantLabelsAsDependency(prop) {\n    return Array.isArray(prop) ? prop.join(\" \") : prop;\n}\n\nexport { useCreateMotionContext };\n","import { featureDefinitions } from './definitions.mjs';\n\nfunction loadFeatures(features) {\n    for (const key in features) {\n        featureDefinitions[key] = {\n            ...featureDefinitions[key],\n            ...features[key],\n        };\n    }\n}\n\nexport { loadFeatures };\n","import { createContext } from 'react';\n\nconst LayoutGroupContext = createContext({});\n\nexport { LayoutGroupContext };\n","import { createContext } from 'react';\n\n/**\n * Internal, exported only for usage in Framer\n */\nconst SwitchLayoutGroupContext = createContext({});\n\nexport { SwitchLayoutGroupContext };\n","const motionComponentSymbol = Symbol.for(\"motionComponentSymbol\");\n\nexport { motionComponentSymbol };\n","import * as React from 'react';\nimport { forwardRef, useContext } from 'react';\nimport { MotionConfigContext } from '../context/MotionConfigContext.mjs';\nimport { MotionContext } from '../context/MotionContext/index.mjs';\nimport { useVisualElement } from './utils/use-visual-element.mjs';\nimport { useMotionRef } from './utils/use-motion-ref.mjs';\nimport { useCreateMotionContext } from '../context/MotionContext/create.mjs';\nimport { loadFeatures } from './features/load-features.mjs';\nimport { isBrowser } from '../utils/is-browser.mjs';\nimport { LayoutGroupContext } from '../context/LayoutGroupContext.mjs';\nimport { LazyContext } from '../context/LazyContext.mjs';\nimport { SwitchLayoutGroupContext } from '../context/SwitchLayoutGroupContext.mjs';\nimport { motionComponentSymbol } from './utils/symbol.mjs';\n\n/**\n * Create a `motion` component.\n *\n * This function accepts a Component argument, which can be either a string (ie \"div\"\n * for `motion.div`), or an actual React component.\n *\n * Alongside this is a config option which provides a way of rendering the provided\n * component \"offline\", or outside the React render cycle.\n */\nfunction createMotionComponent({ preloadedFeatures, createVisualElement, useRender, useVisualState, Component, }) {\n    preloadedFeatures && loadFeatures(preloadedFeatures);\n    function MotionComponent(props, externalRef) {\n        /**\n         * If we need to measure the element we load this functionality in a\n         * separate class component in order to gain access to getSnapshotBeforeUpdate.\n         */\n        let MeasureLayout;\n        const configAndProps = {\n            ...useContext(MotionConfigContext),\n            ...props,\n            layoutId: useLayoutId(props),\n        };\n        const { isStatic } = configAndProps;\n        const context = useCreateMotionContext(props);\n        const visualState = useVisualState(props, isStatic);\n        if (!isStatic && isBrowser) {\n            /**\n             * Create a VisualElement for this component. A VisualElement provides a common\n             * interface to renderer-specific APIs (ie DOM/Three.js etc) as well as\n             * providing a way of rendering to these APIs outside of the React render loop\n             * for more performant animations and interactions\n             */\n            context.visualElement = useVisualElement(Component, visualState, configAndProps, createVisualElement);\n            /**\n             * Load Motion gesture and animation features. These are rendered as renderless\n             * components so each feature can optionally make use of React lifecycle methods.\n             */\n            const initialLayoutGroupConfig = useContext(SwitchLayoutGroupContext);\n            const isStrict = useContext(LazyContext).strict;\n            if (context.visualElement) {\n                MeasureLayout = context.visualElement.loadFeatures(\n                // Note: Pass the full new combined props to correctly re-render dynamic feature components.\n                configAndProps, isStrict, preloadedFeatures, initialLayoutGroupConfig);\n            }\n        }\n        /**\n         * The mount order and hierarchy is specific to ensure our element ref\n         * is hydrated by the time features fire their effects.\n         */\n        return (React.createElement(MotionContext.Provider, { value: context },\n            MeasureLayout && context.visualElement ? (React.createElement(MeasureLayout, { visualElement: context.visualElement, ...configAndProps })) : null,\n            useRender(Component, props, useMotionRef(visualState, context.visualElement, externalRef), visualState, isStatic, context.visualElement)));\n    }\n    const ForwardRefComponent = forwardRef(MotionComponent);\n    ForwardRefComponent[motionComponentSymbol] = Component;\n    return ForwardRefComponent;\n}\nfunction useLayoutId({ layoutId }) {\n    const layoutGroupId = useContext(LayoutGroupContext).id;\n    return layoutGroupId && layoutId !== undefined\n        ? layoutGroupId + \"-\" + layoutId\n        : layoutId;\n}\n\nexport { createMotionComponent };\n","import { createMotionComponent } from '../../motion/index.mjs';\n\n/**\n * Convert any React component into a `motion` component. The provided component\n * **must** use `React.forwardRef` to the underlying DOM component you want to animate.\n *\n * ```jsx\n * const Component = React.forwardRef((props, ref) => {\n *   return <div ref={ref} />\n * })\n *\n * const MotionComponent = motion(Component)\n * ```\n *\n * @public\n */\nfunction createMotionProxy(createConfig) {\n    function custom(Component, customMotionComponentConfig = {}) {\n        return createMotionComponent(createConfig(Component, customMotionComponentConfig));\n    }\n    if (typeof Proxy === \"undefined\") {\n        return custom;\n    }\n    /**\n     * A cache of generated `motion` components, e.g `motion.div`, `motion.input` etc.\n     * Rather than generating them anew every render.\n     */\n    const componentCache = new Map();\n    return new Proxy(custom, {\n        /**\n         * Called when `motion` is referenced with a prop: `motion.div`, `motion.input` etc.\n         * The prop name is passed through as `key` and we can use that to generate a `motion`\n         * DOM component with that name.\n         */\n        get: (_target, key) => {\n            /**\n             * If this element doesn't exist in the component cache, create it and cache.\n             */\n            if (!componentCache.has(key)) {\n                componentCache.set(key, custom(key));\n            }\n            return componentCache.get(key);\n        },\n    });\n}\n\nexport { createMotionProxy };\n","/**\n * We keep these listed seperately as we use the lowercase tag names as part\n * of the runtime bundle to detect SVG components\n */\nconst lowercaseSVGElements = [\n    \"animate\",\n    \"circle\",\n    \"defs\",\n    \"desc\",\n    \"ellipse\",\n    \"g\",\n    \"image\",\n    \"line\",\n    \"filter\",\n    \"marker\",\n    \"mask\",\n    \"metadata\",\n    \"path\",\n    \"pattern\",\n    \"polygon\",\n    \"polyline\",\n    \"rect\",\n    \"stop\",\n    \"switch\",\n    \"symbol\",\n    \"svg\",\n    \"text\",\n    \"tspan\",\n    \"use\",\n    \"view\",\n];\n\nexport { lowercaseSVGElements };\n","import { lowercaseSVGElements } from '../../svg/lowercase-elements.mjs';\n\nfunction isSVGComponent(Component) {\n    if (\n    /**\n     * If it's not a string, it's a custom React component. Currently we only support\n     * HTML custom React components.\n     */\n    typeof Component !== \"string\" ||\n        /**\n         * If it contains a dash, the element is a custom HTML webcomponent.\n         */\n        Component.includes(\"-\")) {\n        return false;\n    }\n    else if (\n    /**\n     * If it's in our list of lowercase SVG tags, it's an SVG component\n     */\n    lowercaseSVGElements.indexOf(Component) > -1 ||\n        /**\n         * If it contains a capital letter, it's an SVG component\n         */\n        /[A-Z]/.test(Component)) {\n        return true;\n    }\n    return false;\n}\n\nexport { isSVGComponent };\n","const createHtmlRenderState = () => ({\n    style: {},\n    transform: {},\n    transformOrigin: {},\n    vars: {},\n});\n\nexport { createHtmlRenderState };\n","import { useMemo } from 'react';\nimport { isForcedMotionValue } from '../../motion/utils/is-forced-motion-value.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\nimport { buildHTMLStyles } from './utils/build-styles.mjs';\nimport { createHtmlRenderState } from './utils/create-render-state.mjs';\n\nfunction copyRawValuesOnly(target, source, props) {\n    for (const key in source) {\n        if (!isMotionValue(source[key]) && !isForcedMotionValue(key, props)) {\n            target[key] = source[key];\n        }\n    }\n}\nfunction useInitialMotionValues({ transformTemplate }, visualState, isStatic) {\n    return useMemo(() => {\n        const state = createHtmlRenderState();\n        buildHTMLStyles(state, visualState, { enableHardwareAcceleration: !isStatic }, transformTemplate);\n        return Object.assign({}, state.vars, state.style);\n    }, [visualState]);\n}\nfunction useStyle(props, visualState, isStatic) {\n    const styleProp = props.style || {};\n    const style = {};\n    /**\n     * Copy non-Motion Values straight into style\n     */\n    copyRawValuesOnly(style, styleProp, props);\n    Object.assign(style, useInitialMotionValues(props, visualState, isStatic));\n    return props.transformValues ? props.transformValues(style) : style;\n}\nfunction useHTMLProps(props, visualState, isStatic) {\n    // The `any` isn't ideal but it is the type of createElement props argument\n    const htmlProps = {};\n    const style = useStyle(props, visualState, isStatic);\n    if (props.drag && props.dragListener !== false) {\n        // Disable the ghost element when a user drags\n        htmlProps.draggable = false;\n        // Disable text selection\n        style.userSelect =\n            style.WebkitUserSelect =\n                style.WebkitTouchCallout =\n                    \"none\";\n        // Disable scrolling on the draggable direction\n        style.touchAction =\n            props.drag === true\n                ? \"none\"\n                : `pan-${props.drag === \"x\" ? \"y\" : \"x\"}`;\n    }\n    if (props.tabIndex === undefined &&\n        (props.onTap || props.onTapStart || props.whileTap)) {\n        htmlProps.tabIndex = 0;\n    }\n    htmlProps.style = style;\n    return htmlProps;\n}\n\nexport { copyRawValuesOnly, useHTMLProps };\n","/**\n * A list of all valid MotionProps.\n *\n * @privateRemarks\n * This doesn't throw if a `MotionProp` name is missing - it should.\n */\nconst validMotionProps = new Set([\n    \"animate\",\n    \"exit\",\n    \"variants\",\n    \"initial\",\n    \"style\",\n    \"values\",\n    \"variants\",\n    \"transition\",\n    \"transformTemplate\",\n    \"transformValues\",\n    \"custom\",\n    \"inherit\",\n    \"onBeforeLayoutMeasure\",\n    \"onAnimationStart\",\n    \"onAnimationComplete\",\n    \"onUpdate\",\n    \"onDragStart\",\n    \"onDrag\",\n    \"onDragEnd\",\n    \"onMeasureDragConstraints\",\n    \"onDirectionLock\",\n    \"onDragTransitionEnd\",\n    \"_dragX\",\n    \"_dragY\",\n    \"onHoverStart\",\n    \"onHoverEnd\",\n    \"onViewportEnter\",\n    \"onViewportLeave\",\n    \"globalTapTarget\",\n    \"ignoreStrict\",\n    \"viewport\",\n]);\n/**\n * Check whether a prop name is a valid `MotionProp` key.\n *\n * @param key - Name of the property to check\n * @returns `true` is key is a valid `MotionProp`.\n *\n * @public\n */\nfunction isValidMotionProp(key) {\n    return (key.startsWith(\"while\") ||\n        (key.startsWith(\"drag\") && key !== \"draggable\") ||\n        key.startsWith(\"layout\") ||\n        key.startsWith(\"onTap\") ||\n        key.startsWith(\"onPan\") ||\n        key.startsWith(\"onLayout\") ||\n        validMotionProps.has(key));\n}\n\nexport { isValidMotionProp };\n","import { isValidMotionProp } from '../../../motion/utils/valid-prop.mjs';\n\nlet shouldForward = (key) => !isValidMotionProp(key);\nfunction loadExternalIsValidProp(isValidProp) {\n    if (!isValidProp)\n        return;\n    // Explicitly filter our events\n    shouldForward = (key) => key.startsWith(\"on\") ? !isValidMotionProp(key) : isValidProp(key);\n}\n/**\n * Emotion and Styled Components both allow users to pass through arbitrary props to their components\n * to dynamically generate CSS. They both use the `@emotion/is-prop-valid` package to determine which\n * of these should be passed to the underlying DOM node.\n *\n * However, when styling a Motion component `styled(motion.div)`, both packages pass through *all* props\n * as it's seen as an arbitrary component rather than a DOM node. Motion only allows arbitrary props\n * passed through the `custom` prop so it doesn't *need* the payload or computational overhead of\n * `@emotion/is-prop-valid`, however to fix this problem we need to use it.\n *\n * By making it an optionalDependency we can offer this functionality only in the situations where it's\n * actually required.\n */\ntry {\n    /**\n     * We attempt to import this package but require won't be defined in esm environments, in that case\n     * isPropValid will have to be provided via `MotionContext`. In a 6.0.0 this should probably be removed\n     * in favour of explicit injection.\n     */\n    loadExternalIsValidProp(require(\"@emotion/is-prop-valid\").default);\n}\ncatch (_a) {\n    // We don't need to actually do anything here - the fallback is the existing `isPropValid`.\n}\nfunction filterProps(props, isDom, forwardMotionProps) {\n    const filteredProps = {};\n    for (const key in props) {\n        /**\n         * values is considered a valid prop by Emotion, so if it's present\n         * this will be rendered out to the DOM unless explicitly filtered.\n         *\n         * We check the type as it could be used with the `feColorMatrix`\n         * element, which we support.\n         */\n        if (key === \"values\" && typeof props.values === \"object\")\n            continue;\n        if (shouldForward(key) ||\n            (forwardMotionProps === true && isValidMotionProp(key)) ||\n            (!isDom && !isValidMotionProp(key)) ||\n            // If trying to use native HTML drag events, forward drag listeners\n            (props[\"draggable\"] && key.startsWith(\"onDrag\"))) {\n            filteredProps[key] = props[key];\n        }\n    }\n    return filteredProps;\n}\n\nexport { filterProps, loadExternalIsValidProp };\n","import { createHtmlRenderState } from '../../html/utils/create-render-state.mjs';\n\nconst createSvgRenderState = () => ({\n    ...createHtmlRenderState(),\n    attrs: {},\n});\n\nexport { createSvgRenderState };\n","import { useMemo } from 'react';\nimport { copyRawValuesOnly } from '../html/use-props.mjs';\nimport { buildSVGAttrs } from './utils/build-attrs.mjs';\nimport { createSvgRenderState } from './utils/create-render-state.mjs';\nimport { isSVGTag } from './utils/is-svg-tag.mjs';\n\nfunction useSVGProps(props, visualState, _isStatic, Component) {\n    const visualProps = useMemo(() => {\n        const state = createSvgRenderState();\n        buildSVGAttrs(state, visualState, { enableHardwareAcceleration: false }, isSVGTag(Component), props.transformTemplate);\n        return {\n            ...state.attrs,\n            style: { ...state.style },\n        };\n    }, [visualState]);\n    if (props.style) {\n        const rawStyles = {};\n        copyRawValuesOnly(rawStyles, props.style, props);\n        visualProps.style = { ...rawStyles, ...visualProps.style };\n    }\n    return visualProps;\n}\n\nexport { useSVGProps };\n","import { useMemo, createElement } from 'react';\nimport { useHTMLProps } from '../html/use-props.mjs';\nimport { filterProps } from './utils/filter-props.mjs';\nimport { isSVGComponent } from './utils/is-svg-component.mjs';\nimport { useSVGProps } from '../svg/use-props.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\nfunction createUseRender(forwardMotionProps = false) {\n    const useRender = (Component, props, ref, { latestValues }, isStatic) => {\n        const useVisualProps = isSVGComponent(Component)\n            ? useSVGProps\n            : useHTMLProps;\n        const visualProps = useVisualProps(props, latestValues, isStatic, Component);\n        const filteredProps = filterProps(props, typeof Component === \"string\", forwardMotionProps);\n        const elementProps = {\n            ...filteredProps,\n            ...visualProps,\n            ref,\n        };\n        /**\n         * If component has been handed a motion value as its child,\n         * memoise its initial value and render that. Subsequent updates\n         * will be handled by the onChange handler\n         */\n        const { children } = props;\n        const renderedChildren = useMemo(() => (isMotionValue(children) ? children.get() : children), [children]);\n        return createElement(Component, {\n            ...elementProps,\n            children: renderedChildren,\n        });\n    };\n    return useRender;\n}\n\nexport { createUseRender };\n","import { isCustomValue } from '../../utils/resolve-value.mjs';\nimport { isMotionValue } from './is-motion-value.mjs';\n\n/**\n * If the provided value is a MotionValue, this returns the actual value, otherwise just the value itself\n *\n * TODO: Remove and move to library\n */\nfunction resolveMotionValue(value) {\n    const unwrappedValue = isMotionValue(value) ? value.get() : value;\n    return isCustomValue(unwrappedValue)\n        ? unwrappedValue.toValue()\n        : unwrappedValue;\n}\n\nexport { resolveMotionValue };\n","import { useContext } from 'react';\nimport { isAnimationControls } from '../../animation/utils/is-animation-controls.mjs';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\nimport { resolveVariantFromProps } from '../../render/utils/resolve-variants.mjs';\nimport { useConstant } from '../../utils/use-constant.mjs';\nimport { resolveMotionValue } from '../../value/utils/resolve-motion-value.mjs';\nimport { MotionContext } from '../../context/MotionContext/index.mjs';\nimport { isControllingVariants, isVariantNode } from '../../render/utils/is-controlling-variants.mjs';\n\nfunction makeState({ scrapeMotionValuesFromProps, createRenderState, onMount, }, props, context, presenceContext) {\n    const state = {\n        latestValues: makeLatestValues(props, context, presenceContext, scrapeMotionValuesFromProps),\n        renderState: createRenderState(),\n    };\n    if (onMount) {\n        state.mount = (instance) => onMount(props, instance, state);\n    }\n    return state;\n}\nconst makeUseVisualState = (config) => (props, isStatic) => {\n    const context = useContext(MotionContext);\n    const presenceContext = useContext(PresenceContext);\n    const make = () => makeState(config, props, context, presenceContext);\n    return isStatic ? make() : useConstant(make);\n};\nfunction makeLatestValues(props, context, presenceContext, scrapeMotionValues) {\n    const values = {};\n    const motionValues = scrapeMotionValues(props, {});\n    for (const key in motionValues) {\n        values[key] = resolveMotionValue(motionValues[key]);\n    }\n    let { initial, animate } = props;\n    const isControllingVariants$1 = isControllingVariants(props);\n    const isVariantNode$1 = isVariantNode(props);\n    if (context &&\n        isVariantNode$1 &&\n        !isControllingVariants$1 &&\n        props.inherit !== false) {\n        if (initial === undefined)\n            initial = context.initial;\n        if (animate === undefined)\n            animate = context.animate;\n    }\n    let isInitialAnimationBlocked = presenceContext\n        ? presenceContext.initial === false\n        : false;\n    isInitialAnimationBlocked = isInitialAnimationBlocked || initial === false;\n    const variantToSet = isInitialAnimationBlocked ? animate : initial;\n    if (variantToSet &&\n        typeof variantToSet !== \"boolean\" &&\n        !isAnimationControls(variantToSet)) {\n        const list = Array.isArray(variantToSet) ? variantToSet : [variantToSet];\n        list.forEach((definition) => {\n            const resolved = resolveVariantFromProps(props, definition);\n            if (!resolved)\n                return;\n            const { transitionEnd, transition, ...target } = resolved;\n            for (const key in target) {\n                let valueTarget = target[key];\n                if (Array.isArray(valueTarget)) {\n                    /**\n                     * Take final keyframe if the initial animation is blocked because\n                     * we want to initialise at the end of that blocked animation.\n                     */\n                    const index = isInitialAnimationBlocked\n                        ? valueTarget.length - 1\n                        : 0;\n                    valueTarget = valueTarget[index];\n                }\n                if (valueTarget !== null) {\n                    values[key] = valueTarget;\n                }\n            }\n            for (const key in transitionEnd)\n                values[key] = transitionEnd[key];\n        });\n    }\n    return values;\n}\n\nexport { makeUseVisualState };\n","import { renderSVG } from './utils/render.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { makeUseVisualState } from '../../motion/utils/use-visual-state.mjs';\nimport { createSvgRenderState } from './utils/create-render-state.mjs';\nimport { buildSVGAttrs } from './utils/build-attrs.mjs';\nimport { isSVGTag } from './utils/is-svg-tag.mjs';\nimport { frame } from '../../frameloop/frame.mjs';\n\nconst svgMotionConfig = {\n    useVisualState: makeUseVisualState({\n        scrapeMotionValuesFromProps: scrapeMotionValuesFromProps,\n        createRenderState: createSvgRenderState,\n        onMount: (props, instance, { renderState, latestValues }) => {\n            frame.read(() => {\n                try {\n                    renderState.dimensions =\n                        typeof instance.getBBox ===\n                            \"function\"\n                            ? instance.getBBox()\n                            : instance.getBoundingClientRect();\n                }\n                catch (e) {\n                    // Most likely trying to measure an unrendered element under Firefox\n                    renderState.dimensions = {\n                        x: 0,\n                        y: 0,\n                        width: 0,\n                        height: 0,\n                    };\n                }\n            });\n            frame.render(() => {\n                buildSVGAttrs(renderState, latestValues, { enableHardwareAcceleration: false }, isSVGTag(instance.tagName), props.transformTemplate);\n                renderSVG(instance, renderState);\n            });\n        },\n    }),\n};\n\nexport { svgMotionConfig };\n","import { makeUseVisualState } from '../../motion/utils/use-visual-state.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { createHtmlRenderState } from './utils/create-render-state.mjs';\n\nconst htmlMotionConfig = {\n    useVisualState: makeUseVisualState({\n        scrapeMotionValuesFromProps,\n        createRenderState: createHtmlRenderState,\n    }),\n};\n\nexport { htmlMotionConfig };\n","import { isSVGComponent } from './is-svg-component.mjs';\nimport { createUseRender } from '../use-render.mjs';\nimport { svgMotionConfig } from '../../svg/config-motion.mjs';\nimport { htmlMotionConfig } from '../../html/config-motion.mjs';\n\nfunction createDomMotionConfig(Component, { forwardMotionProps = false }, preloadedFeatures, createVisualElement) {\n    const baseConfig = isSVGComponent(Component)\n        ? svgMotionConfig\n        : htmlMotionConfig;\n    return {\n        ...baseConfig,\n        preloadedFeatures,\n        useRender: createUseRender(forwardMotionProps),\n        createVisualElement,\n        Component,\n    };\n}\n\nexport { createDomMotionConfig };\n","function addDomEvent(target, eventName, handler, options = { passive: true }) {\n    target.addEventListener(eventName, handler, options);\n    return () => target.removeEventListener(eventName, handler);\n}\n\nexport { addDomEvent };\n","const isPrimaryPointer = (event) => {\n    if (event.pointerType === \"mouse\") {\n        return typeof event.button !== \"number\" || event.button <= 0;\n    }\n    else {\n        /**\n         * isPrimary is true for all mice buttons, whereas every touch point\n         * is regarded as its own input. So subsequent concurrent touch points\n         * will be false.\n         *\n         * Specifically match against false here as incomplete versions of\n         * PointerEvents in very old browser might have it set as undefined.\n         */\n        return event.isPrimary !== false;\n    }\n};\n\nexport { isPrimaryPointer };\n","import { isPrimaryPointer } from './utils/is-primary-pointer.mjs';\n\nfunction extractEventInfo(event, pointType = \"page\") {\n    return {\n        point: {\n            x: event[pointType + \"X\"],\n            y: event[pointType + \"Y\"],\n        },\n    };\n}\nconst addPointerInfo = (handler) => {\n    return (event) => isPrimaryPointer(event) && handler(event, extractEventInfo(event));\n};\n\nexport { addPointerInfo, extractEventInfo };\n","import { addDomEvent } from './add-dom-event.mjs';\nimport { addPointerInfo } from './event-info.mjs';\n\nfunction addPointerEvent(target, eventName, handler, options) {\n    return addDomEvent(target, eventName, addPointerInfo(handler), options);\n}\n\nexport { addPointerEvent };\n","function createLock(name) {\n    let lock = null;\n    return () => {\n        const openLock = () => {\n            lock = null;\n        };\n        if (lock === null) {\n            lock = name;\n            return openLock;\n        }\n        return false;\n    };\n}\nconst globalHorizontalLock = createLock(\"dragHorizontal\");\nconst globalVerticalLock = createLock(\"dragVertical\");\nfunction getGlobalLock(drag) {\n    let lock = false;\n    if (drag === \"y\") {\n        lock = globalVerticalLock();\n    }\n    else if (drag === \"x\") {\n        lock = globalHorizontalLock();\n    }\n    else {\n        const openHorizontal = globalHorizontalLock();\n        const openVertical = globalVerticalLock();\n        if (openHorizontal && openVertical) {\n            lock = () => {\n                openHorizontal();\n                openVertical();\n            };\n        }\n        else {\n            // Release the locks because we don't use them\n            if (openHorizontal)\n                openHorizontal();\n            if (openVertical)\n                openVertical();\n        }\n    }\n    return lock;\n}\nfunction isDragActive() {\n    // Check the gesture lock - if we get it, it means no drag gesture is active\n    // and we can safely fire the tap gesture.\n    const openGestureLock = getGlobalLock(true);\n    if (!openGestureLock)\n        return true;\n    openGestureLock();\n    return false;\n}\n\nexport { createLock, getGlobalLock, isDragActive };\n","class Feature {\n    constructor(node) {\n        this.isMounted = false;\n        this.node = node;\n    }\n    update() { }\n}\n\nexport { Feature };\n","import { addPointerEvent } from '../events/add-pointer-event.mjs';\nimport { pipe } from '../utils/pipe.mjs';\nimport { isDragActive } from './drag/utils/lock.mjs';\nimport { Feature } from '../motion/features/Feature.mjs';\nimport { frame } from '../frameloop/frame.mjs';\n\nfunction addHoverEvent(node, isActive) {\n    const eventName = \"pointer\" + (isActive ? \"enter\" : \"leave\");\n    const callbackName = \"onHover\" + (isActive ? \"Start\" : \"End\");\n    const handleEvent = (event, info) => {\n        if (event.pointerType === \"touch\" || isDragActive())\n            return;\n        const props = node.getProps();\n        if (node.animationState && props.whileHover) {\n            node.animationState.setActive(\"whileHover\", isActive);\n        }\n        if (props[callbackName]) {\n            frame.update(() => props[callbackName](event, info));\n        }\n    };\n    return addPointerEvent(node.current, eventName, handleEvent, {\n        passive: !node.getProps()[callbackName],\n    });\n}\nclass HoverGesture extends Feature {\n    mount() {\n        this.unmount = pipe(addHoverEvent(this.node, true), addHoverEvent(this.node, false));\n    }\n    unmount() { }\n}\n\nexport { HoverGesture };\n","import { addDomEvent } from '../events/add-dom-event.mjs';\nimport { Feature } from '../motion/features/Feature.mjs';\nimport { pipe } from '../utils/pipe.mjs';\n\nclass FocusGesture extends Feature {\n    constructor() {\n        super(...arguments);\n        this.isActive = false;\n    }\n    onFocus() {\n        let isFocusVisible = false;\n        /**\n         * If this element doesn't match focus-visible then don't\n         * apply whileHover. But, if matches throws that focus-visible\n         * is not a valid selector then in that browser outline styles will be applied\n         * to the element by default and we want to match that behaviour with whileFocus.\n         */\n        try {\n            isFocusVisible = this.node.current.matches(\":focus-visible\");\n        }\n        catch (e) {\n            isFocusVisible = true;\n        }\n        if (!isFocusVisible || !this.node.animationState)\n            return;\n        this.node.animationState.setActive(\"whileFocus\", true);\n        this.isActive = true;\n    }\n    onBlur() {\n        if (!this.isActive || !this.node.animationState)\n            return;\n        this.node.animationState.setActive(\"whileFocus\", false);\n        this.isActive = false;\n    }\n    mount() {\n        this.unmount = pipe(addDomEvent(this.node.current, \"focus\", () => this.onFocus()), addDomEvent(this.node.current, \"blur\", () => this.onBlur()));\n    }\n    unmount() { }\n}\n\nexport { FocusGesture };\n","/**\n * Recursively traverse up the tree to check whether the provided child node\n * is the parent or a descendant of it.\n *\n * @param parent - Element to find\n * @param child - Element to test against parent\n */\nconst isNodeOrChild = (parent, child) => {\n    if (!child) {\n        return false;\n    }\n    else if (parent === child) {\n        return true;\n    }\n    else {\n        return isNodeOrChild(parent, child.parentElement);\n    }\n};\n\nexport { isNodeOrChild };\n","import { extractEventInfo } from '../events/event-info.mjs';\nimport { addDomEvent } from '../events/add-dom-event.mjs';\nimport { addPointerEvent } from '../events/add-pointer-event.mjs';\nimport { Feature } from '../motion/features/Feature.mjs';\nimport { pipe } from '../utils/pipe.mjs';\nimport { isDragActive } from './drag/utils/lock.mjs';\nimport { isNodeOrChild } from './utils/is-node-or-child.mjs';\nimport { noop } from '../utils/noop.mjs';\nimport { frame } from '../frameloop/frame.mjs';\n\nfunction fireSyntheticPointerEvent(name, handler) {\n    if (!handler)\n        return;\n    const syntheticPointerEvent = new PointerEvent(\"pointer\" + name);\n    handler(syntheticPointerEvent, extractEventInfo(syntheticPointerEvent));\n}\nclass PressGesture extends Feature {\n    constructor() {\n        super(...arguments);\n        this.removeStartListeners = noop;\n        this.removeEndListeners = noop;\n        this.removeAccessibleListeners = noop;\n        this.startPointerPress = (startEvent, startInfo) => {\n            if (this.isPressing)\n                return;\n            this.removeEndListeners();\n            const props = this.node.getProps();\n            const endPointerPress = (endEvent, endInfo) => {\n                if (!this.checkPressEnd())\n                    return;\n                const { onTap, onTapCancel, globalTapTarget } = this.node.getProps();\n                frame.update(() => {\n                    /**\n                     * We only count this as a tap gesture if the event.target is the same\n                     * as, or a child of, this component's element\n                     */\n                    !globalTapTarget &&\n                        !isNodeOrChild(this.node.current, endEvent.target)\n                        ? onTapCancel && onTapCancel(endEvent, endInfo)\n                        : onTap && onTap(endEvent, endInfo);\n                });\n            };\n            const removePointerUpListener = addPointerEvent(window, \"pointerup\", endPointerPress, { passive: !(props.onTap || props[\"onPointerUp\"]) });\n            const removePointerCancelListener = addPointerEvent(window, \"pointercancel\", (cancelEvent, cancelInfo) => this.cancelPress(cancelEvent, cancelInfo), { passive: !(props.onTapCancel || props[\"onPointerCancel\"]) });\n            this.removeEndListeners = pipe(removePointerUpListener, removePointerCancelListener);\n            this.startPress(startEvent, startInfo);\n        };\n        this.startAccessiblePress = () => {\n            const handleKeydown = (keydownEvent) => {\n                if (keydownEvent.key !== \"Enter\" || this.isPressing)\n                    return;\n                const handleKeyup = (keyupEvent) => {\n                    if (keyupEvent.key !== \"Enter\" || !this.checkPressEnd())\n                        return;\n                    fireSyntheticPointerEvent(\"up\", (event, info) => {\n                        const { onTap } = this.node.getProps();\n                        if (onTap) {\n                            frame.update(() => onTap(event, info));\n                        }\n                    });\n                };\n                this.removeEndListeners();\n                this.removeEndListeners = addDomEvent(this.node.current, \"keyup\", handleKeyup);\n                fireSyntheticPointerEvent(\"down\", (event, info) => {\n                    this.startPress(event, info);\n                });\n            };\n            const removeKeydownListener = addDomEvent(this.node.current, \"keydown\", handleKeydown);\n            const handleBlur = () => {\n                if (!this.isPressing)\n                    return;\n                fireSyntheticPointerEvent(\"cancel\", (cancelEvent, cancelInfo) => this.cancelPress(cancelEvent, cancelInfo));\n            };\n            const removeBlurListener = addDomEvent(this.node.current, \"blur\", handleBlur);\n            this.removeAccessibleListeners = pipe(removeKeydownListener, removeBlurListener);\n        };\n    }\n    startPress(event, info) {\n        this.isPressing = true;\n        const { onTapStart, whileTap } = this.node.getProps();\n        /**\n         * Ensure we trigger animations before firing event callback\n         */\n        if (whileTap && this.node.animationState) {\n            this.node.animationState.setActive(\"whileTap\", true);\n        }\n        if (onTapStart) {\n            frame.update(() => onTapStart(event, info));\n        }\n    }\n    checkPressEnd() {\n        this.removeEndListeners();\n        this.isPressing = false;\n        const props = this.node.getProps();\n        if (props.whileTap && this.node.animationState) {\n            this.node.animationState.setActive(\"whileTap\", false);\n        }\n        return !isDragActive();\n    }\n    cancelPress(event, info) {\n        if (!this.checkPressEnd())\n            return;\n        const { onTapCancel } = this.node.getProps();\n        if (onTapCancel) {\n            frame.update(() => onTapCancel(event, info));\n        }\n    }\n    mount() {\n        const props = this.node.getProps();\n        const removePointerListener = addPointerEvent(props.globalTapTarget ? window : this.node.current, \"pointerdown\", this.startPointerPress, { passive: !(props.onTapStart || props[\"onPointerStart\"]) });\n        const removeFocusListener = addDomEvent(this.node.current, \"focus\", this.startAccessiblePress);\n        this.removeStartListeners = pipe(removePointerListener, removeFocusListener);\n    }\n    unmount() {\n        this.removeStartListeners();\n        this.removeEndListeners();\n        this.removeAccessibleListeners();\n    }\n}\n\nexport { PressGesture };\n","/**\n * Map an IntersectionHandler callback to an element. We only ever make one handler for one\n * element, so even though these handlers might all be triggered by different\n * observers, we can keep them in the same map.\n */\nconst observerCallbacks = new WeakMap();\n/**\n * Multiple observers can be created for multiple element/document roots. Each with\n * different settings. So here we store dictionaries of observers to each root,\n * using serialised settings (threshold/margin) as lookup keys.\n */\nconst observers = new WeakMap();\nconst fireObserverCallback = (entry) => {\n    const callback = observerCallbacks.get(entry.target);\n    callback && callback(entry);\n};\nconst fireAllObserverCallbacks = (entries) => {\n    entries.forEach(fireObserverCallback);\n};\nfunction initIntersectionObserver({ root, ...options }) {\n    const lookupRoot = root || document;\n    /**\n     * If we don't have an observer lookup map for this root, create one.\n     */\n    if (!observers.has(lookupRoot)) {\n        observers.set(lookupRoot, {});\n    }\n    const rootObservers = observers.get(lookupRoot);\n    const key = JSON.stringify(options);\n    /**\n     * If we don't have an observer for this combination of root and settings,\n     * create one.\n     */\n    if (!rootObservers[key]) {\n        rootObservers[key] = new IntersectionObserver(fireAllObserverCallbacks, { root, ...options });\n    }\n    return rootObservers[key];\n}\nfunction observeIntersection(element, options, callback) {\n    const rootInteresectionObserver = initIntersectionObserver(options);\n    observerCallbacks.set(element, callback);\n    rootInteresectionObserver.observe(element);\n    return () => {\n        observerCallbacks.delete(element);\n        rootInteresectionObserver.unobserve(element);\n    };\n}\n\nexport { observeIntersection };\n","import { Feature } from '../Feature.mjs';\nimport { observeIntersection } from './observers.mjs';\n\nconst thresholdNames = {\n    some: 0,\n    all: 1,\n};\nclass InViewFeature extends Feature {\n    constructor() {\n        super(...arguments);\n        this.hasEnteredView = false;\n        this.isInView = false;\n    }\n    startObserver() {\n        this.unmount();\n        const { viewport = {} } = this.node.getProps();\n        const { root, margin: rootMargin, amount = \"some\", once } = viewport;\n        const options = {\n            root: root ? root.current : undefined,\n            rootMargin,\n            threshold: typeof amount === \"number\" ? amount : thresholdNames[amount],\n        };\n        const onIntersectionUpdate = (entry) => {\n            const { isIntersecting } = entry;\n            /**\n             * If there's been no change in the viewport state, early return.\n             */\n            if (this.isInView === isIntersecting)\n                return;\n            this.isInView = isIntersecting;\n            /**\n             * Handle hasEnteredView. If this is only meant to run once, and\n             * element isn't visible, early return. Otherwise set hasEnteredView to true.\n             */\n            if (once && !isIntersecting && this.hasEnteredView) {\n                return;\n            }\n            else if (isIntersecting) {\n                this.hasEnteredView = true;\n            }\n            if (this.node.animationState) {\n                this.node.animationState.setActive(\"whileInView\", isIntersecting);\n            }\n            /**\n             * Use the latest committed props rather than the ones in scope\n             * when this observer is created\n             */\n            const { onViewportEnter, onViewportLeave } = this.node.getProps();\n            const callback = isIntersecting ? onViewportEnter : onViewportLeave;\n            callback && callback(entry);\n        };\n        return observeIntersection(this.node.current, options, onIntersectionUpdate);\n    }\n    mount() {\n        this.startObserver();\n    }\n    update() {\n        if (typeof IntersectionObserver === \"undefined\")\n            return;\n        const { props, prevProps } = this.node;\n        const hasOptionsChanged = [\"amount\", \"margin\", \"root\"].some(hasViewportOptionChanged(props, prevProps));\n        if (hasOptionsChanged) {\n            this.startObserver();\n        }\n    }\n    unmount() { }\n}\nfunction hasViewportOptionChanged({ viewport = {} }, { viewport: prevViewport = {} } = {}) {\n    return (name) => viewport[name] !== prevViewport[name];\n}\n\nexport { InViewFeature };\n","import { HoverGesture } from '../../gestures/hover.mjs';\nimport { FocusGesture } from '../../gestures/focus.mjs';\nimport { PressGesture } from '../../gestures/press.mjs';\nimport { InViewFeature } from './viewport/index.mjs';\n\nconst gestureAnimations = {\n    inView: {\n        Feature: InViewFeature,\n    },\n    tap: {\n        Feature: PressGesture,\n    },\n    focus: {\n        Feature: FocusGesture,\n    },\n    hover: {\n        Feature: HoverGesture,\n    },\n};\n\nexport { gestureAnimations };\n","function shallowCompare(next, prev) {\n    if (!Array.isArray(prev))\n        return false;\n    const prevLength = prev.length;\n    if (prevLength !== next.length)\n        return false;\n    for (let i = 0; i < prevLength; i++) {\n        if (prev[i] !== next[i])\n            return false;\n    }\n    return true;\n}\n\nexport { shallowCompare };\n","import { resolveVariant } from '../../render/utils/resolve-dynamic-variants.mjs';\nimport { animateTarget } from './visual-element-target.mjs';\n\nfunction animateVariant(visualElement, variant, options = {}) {\n    const resolved = resolveVariant(visualElement, variant, options.custom);\n    let { transition = visualElement.getDefaultTransition() || {} } = resolved || {};\n    if (options.transitionOverride) {\n        transition = options.transitionOverride;\n    }\n    /**\n     * If we have a variant, create a callback that runs it as an animation.\n     * Otherwise, we resolve a Promise immediately for a composable no-op.\n     */\n    const getAnimation = resolved\n        ? () => Promise.all(animateTarget(visualElement, resolved, options))\n        : () => Promise.resolve();\n    /**\n     * If we have children, create a callback that runs all their animations.\n     * Otherwise, we resolve a Promise immediately for a composable no-op.\n     */\n    const getChildAnimations = visualElement.variantChildren && visualElement.variantChildren.size\n        ? (forwardDelay = 0) => {\n            const { delayChildren = 0, staggerChildren, staggerDirection, } = transition;\n            return animateChildren(visualElement, variant, delayChildren + forwardDelay, staggerChildren, staggerDirection, options);\n        }\n        : () => Promise.resolve();\n    /**\n     * If the transition explicitly defines a \"when\" option, we need to resolve either\n     * this animation or all children animations before playing the other.\n     */\n    const { when } = transition;\n    if (when) {\n        const [first, last] = when === \"beforeChildren\"\n            ? [getAnimation, getChildAnimations]\n            : [getChildAnimations, getAnimation];\n        return first().then(() => last());\n    }\n    else {\n        return Promise.all([getAnimation(), getChildAnimations(options.delay)]);\n    }\n}\nfunction animateChildren(visualElement, variant, delayChildren = 0, staggerChildren = 0, staggerDirection = 1, options) {\n    const animations = [];\n    const maxStaggerDuration = (visualElement.variantChildren.size - 1) * staggerChildren;\n    const generateStaggerDuration = staggerDirection === 1\n        ? (i = 0) => i * staggerChildren\n        : (i = 0) => maxStaggerDuration - i * staggerChildren;\n    Array.from(visualElement.variantChildren)\n        .sort(sortByTreeOrder)\n        .forEach((child, i) => {\n        child.notify(\"AnimationStart\", variant);\n        animations.push(animateVariant(child, variant, {\n            ...options,\n            delay: delayChildren + generateStaggerDuration(i),\n        }).then(() => child.notify(\"AnimationComplete\", variant)));\n    });\n    return Promise.all(animations);\n}\nfunction sortByTreeOrder(a, b) {\n    return a.sortNodePosition(b);\n}\n\nexport { animateVariant, sortByTreeOrder };\n","import { resolveVariant } from '../../render/utils/resolve-dynamic-variants.mjs';\nimport { animateTarget } from './visual-element-target.mjs';\nimport { animateVariant } from './visual-element-variant.mjs';\n\nfunction animateVisualElement(visualElement, definition, options = {}) {\n    visualElement.notify(\"AnimationStart\", definition);\n    let animation;\n    if (Array.isArray(definition)) {\n        const animations = definition.map((variant) => animateVariant(visualElement, variant, options));\n        animation = Promise.all(animations);\n    }\n    else if (typeof definition === \"string\") {\n        animation = animateVariant(visualElement, definition, options);\n    }\n    else {\n        const resolvedDefinition = typeof definition === \"function\"\n            ? resolveVariant(visualElement, definition, options.custom)\n            : definition;\n        animation = Promise.all(animateTarget(visualElement, resolvedDefinition, options));\n    }\n    return animation.then(() => visualElement.notify(\"AnimationComplete\", definition));\n}\n\nexport { animateVisualElement };\n","import { isAnimationControls } from '../../animation/utils/is-animation-controls.mjs';\nimport { isKeyframesTarget } from '../../animation/utils/is-keyframes-target.mjs';\nimport { shallowCompare } from '../../utils/shallow-compare.mjs';\nimport { isVariantLabel } from './is-variant-label.mjs';\nimport { resolveVariant } from './resolve-dynamic-variants.mjs';\nimport { variantPriorityOrder } from './variant-props.mjs';\nimport { animateVisualElement } from '../../animation/interfaces/visual-element.mjs';\n\nconst reversePriorityOrder = [...variantPriorityOrder].reverse();\nconst numAnimationTypes = variantPriorityOrder.length;\nfunction animateList(visualElement) {\n    return (animations) => Promise.all(animations.map(({ animation, options }) => animateVisualElement(visualElement, animation, options)));\n}\nfunction createAnimationState(visualElement) {\n    let animate = animateList(visualElement);\n    const state = createState();\n    let isInitialRender = true;\n    /**\n     * This function will be used to reduce the animation definitions for\n     * each active animation type into an object of resolved values for it.\n     */\n    const buildResolvedTypeValues = (acc, definition) => {\n        const resolved = resolveVariant(visualElement, definition);\n        if (resolved) {\n            const { transition, transitionEnd, ...target } = resolved;\n            acc = { ...acc, ...target, ...transitionEnd };\n        }\n        return acc;\n    };\n    /**\n     * This just allows us to inject mocked animation functions\n     * @internal\n     */\n    function setAnimateFunction(makeAnimator) {\n        animate = makeAnimator(visualElement);\n    }\n    /**\n     * When we receive new props, we need to:\n     * 1. Create a list of protected keys for each type. This is a directory of\n     *    value keys that are currently being \"handled\" by types of a higher priority\n     *    so that whenever an animation is played of a given type, these values are\n     *    protected from being animated.\n     * 2. Determine if an animation type needs animating.\n     * 3. Determine if any values have been removed from a type and figure out\n     *    what to animate those to.\n     */\n    function animateChanges(options, changedActiveType) {\n        const props = visualElement.getProps();\n        const context = visualElement.getVariantContext(true) || {};\n        /**\n         * A list of animations that we'll build into as we iterate through the animation\n         * types. This will get executed at the end of the function.\n         */\n        const animations = [];\n        /**\n         * Keep track of which values have been removed. Then, as we hit lower priority\n         * animation types, we can check if they contain removed values and animate to that.\n         */\n        const removedKeys = new Set();\n        /**\n         * A dictionary of all encountered keys. This is an object to let us build into and\n         * copy it without iteration. Each time we hit an animation type we set its protected\n         * keys - the keys its not allowed to animate - to the latest version of this object.\n         */\n        let encounteredKeys = {};\n        /**\n         * If a variant has been removed at a given index, and this component is controlling\n         * variant animations, we want to ensure lower-priority variants are forced to animate.\n         */\n        let removedVariantIndex = Infinity;\n        /**\n         * Iterate through all animation types in reverse priority order. For each, we want to\n         * detect which values it's handling and whether or not they've changed (and therefore\n         * need to be animated). If any values have been removed, we want to detect those in\n         * lower priority props and flag for animation.\n         */\n        for (let i = 0; i < numAnimationTypes; i++) {\n            const type = reversePriorityOrder[i];\n            const typeState = state[type];\n            const prop = props[type] !== undefined ? props[type] : context[type];\n            const propIsVariant = isVariantLabel(prop);\n            /**\n             * If this type has *just* changed isActive status, set activeDelta\n             * to that status. Otherwise set to null.\n             */\n            const activeDelta = type === changedActiveType ? typeState.isActive : null;\n            if (activeDelta === false)\n                removedVariantIndex = i;\n            /**\n             * If this prop is an inherited variant, rather than been set directly on the\n             * component itself, we want to make sure we allow the parent to trigger animations.\n             *\n             * TODO: Can probably change this to a !isControllingVariants check\n             */\n            let isInherited = prop === context[type] && prop !== props[type] && propIsVariant;\n            /**\n             *\n             */\n            if (isInherited &&\n                isInitialRender &&\n                visualElement.manuallyAnimateOnMount) {\n                isInherited = false;\n            }\n            /**\n             * Set all encountered keys so far as the protected keys for this type. This will\n             * be any key that has been animated or otherwise handled by active, higher-priortiy types.\n             */\n            typeState.protectedKeys = { ...encounteredKeys };\n            // Check if we can skip analysing this prop early\n            if (\n            // If it isn't active and hasn't *just* been set as inactive\n            (!typeState.isActive && activeDelta === null) ||\n                // If we didn't and don't have any defined prop for this animation type\n                (!prop && !typeState.prevProp) ||\n                // Or if the prop doesn't define an animation\n                isAnimationControls(prop) ||\n                typeof prop === \"boolean\") {\n                continue;\n            }\n            /**\n             * As we go look through the values defined on this type, if we detect\n             * a changed value or a value that was removed in a higher priority, we set\n             * this to true and add this prop to the animation list.\n             */\n            const variantDidChange = checkVariantsDidChange(typeState.prevProp, prop);\n            let shouldAnimateType = variantDidChange ||\n                // If we're making this variant active, we want to always make it active\n                (type === changedActiveType &&\n                    typeState.isActive &&\n                    !isInherited &&\n                    propIsVariant) ||\n                // If we removed a higher-priority variant (i is in reverse order)\n                (i > removedVariantIndex && propIsVariant);\n            let handledRemovedValues = false;\n            /**\n             * As animations can be set as variant lists, variants or target objects, we\n             * coerce everything to an array if it isn't one already\n             */\n            const definitionList = Array.isArray(prop) ? prop : [prop];\n            /**\n             * Build an object of all the resolved values. We'll use this in the subsequent\n             * animateChanges calls to determine whether a value has changed.\n             */\n            let resolvedValues = definitionList.reduce(buildResolvedTypeValues, {});\n            if (activeDelta === false)\n                resolvedValues = {};\n            /**\n             * Now we need to loop through all the keys in the prev prop and this prop,\n             * and decide:\n             * 1. If the value has changed, and needs animating\n             * 2. If it has been removed, and needs adding to the removedKeys set\n             * 3. If it has been removed in a higher priority type and needs animating\n             * 4. If it hasn't been removed in a higher priority but hasn't changed, and\n             *    needs adding to the type's protectedKeys list.\n             */\n            const { prevResolvedValues = {} } = typeState;\n            const allKeys = {\n                ...prevResolvedValues,\n                ...resolvedValues,\n            };\n            const markToAnimate = (key) => {\n                shouldAnimateType = true;\n                if (removedKeys.has(key)) {\n                    handledRemovedValues = true;\n                    removedKeys.delete(key);\n                }\n                typeState.needsAnimating[key] = true;\n            };\n            for (const key in allKeys) {\n                const next = resolvedValues[key];\n                const prev = prevResolvedValues[key];\n                // If we've already handled this we can just skip ahead\n                if (encounteredKeys.hasOwnProperty(key))\n                    continue;\n                /**\n                 * If the value has changed, we probably want to animate it.\n                 */\n                let valueHasChanged = false;\n                if (isKeyframesTarget(next) && isKeyframesTarget(prev)) {\n                    valueHasChanged = !shallowCompare(next, prev);\n                }\n                else {\n                    valueHasChanged = next !== prev;\n                }\n                if (valueHasChanged) {\n                    if (next !== undefined) {\n                        // If next is defined and doesn't equal prev, it needs animating\n                        markToAnimate(key);\n                    }\n                    else {\n                        // If it's undefined, it's been removed.\n                        removedKeys.add(key);\n                    }\n                }\n                else if (next !== undefined && removedKeys.has(key)) {\n                    /**\n                     * If next hasn't changed and it isn't undefined, we want to check if it's\n                     * been removed by a higher priority\n                     */\n                    markToAnimate(key);\n                }\n                else {\n                    /**\n                     * If it hasn't changed, we add it to the list of protected values\n                     * to ensure it doesn't get animated.\n                     */\n                    typeState.protectedKeys[key] = true;\n                }\n            }\n            /**\n             * Update the typeState so next time animateChanges is called we can compare the\n             * latest prop and resolvedValues to these.\n             */\n            typeState.prevProp = prop;\n            typeState.prevResolvedValues = resolvedValues;\n            /**\n             *\n             */\n            if (typeState.isActive) {\n                encounteredKeys = { ...encounteredKeys, ...resolvedValues };\n            }\n            if (isInitialRender && visualElement.blockInitialAnimation) {\n                shouldAnimateType = false;\n            }\n            /**\n             * If this is an inherited prop we want to hard-block animations\n             */\n            if (shouldAnimateType && (!isInherited || handledRemovedValues)) {\n                animations.push(...definitionList.map((animation) => ({\n                    animation: animation,\n                    options: { type, ...options },\n                })));\n            }\n        }\n        /**\n         * If there are some removed value that haven't been dealt with,\n         * we need to create a new animation that falls back either to the value\n         * defined in the style prop, or the last read value.\n         */\n        if (removedKeys.size) {\n            const fallbackAnimation = {};\n            removedKeys.forEach((key) => {\n                const fallbackTarget = visualElement.getBaseTarget(key);\n                if (fallbackTarget !== undefined) {\n                    fallbackAnimation[key] = fallbackTarget;\n                }\n            });\n            animations.push({ animation: fallbackAnimation });\n        }\n        let shouldAnimate = Boolean(animations.length);\n        if (isInitialRender &&\n            (props.initial === false || props.initial === props.animate) &&\n            !visualElement.manuallyAnimateOnMount) {\n            shouldAnimate = false;\n        }\n        isInitialRender = false;\n        return shouldAnimate ? animate(animations) : Promise.resolve();\n    }\n    /**\n     * Change whether a certain animation type is active.\n     */\n    function setActive(type, isActive, options) {\n        var _a;\n        // If the active state hasn't changed, we can safely do nothing here\n        if (state[type].isActive === isActive)\n            return Promise.resolve();\n        // Propagate active change to children\n        (_a = visualElement.variantChildren) === null || _a === void 0 ? void 0 : _a.forEach((child) => { var _a; return (_a = child.animationState) === null || _a === void 0 ? void 0 : _a.setActive(type, isActive); });\n        state[type].isActive = isActive;\n        const animations = animateChanges(options, type);\n        for (const key in state) {\n            state[key].protectedKeys = {};\n        }\n        return animations;\n    }\n    return {\n        animateChanges,\n        setActive,\n        setAnimateFunction,\n        getState: () => state,\n    };\n}\nfunction checkVariantsDidChange(prev, next) {\n    if (typeof next === \"string\") {\n        return next !== prev;\n    }\n    else if (Array.isArray(next)) {\n        return !shallowCompare(next, prev);\n    }\n    return false;\n}\nfunction createTypeState(isActive = false) {\n    return {\n        isActive,\n        protectedKeys: {},\n        needsAnimating: {},\n        prevResolvedValues: {},\n    };\n}\nfunction createState() {\n    return {\n        animate: createTypeState(true),\n        whileInView: createTypeState(),\n        whileHover: createTypeState(),\n        whileTap: createTypeState(),\n        whileDrag: createTypeState(),\n        whileFocus: createTypeState(),\n        exit: createTypeState(),\n    };\n}\n\nexport { checkVariantsDidChange, createAnimationState };\n","import { isAnimationControls } from '../../../animation/utils/is-animation-controls.mjs';\nimport { createAnimationState } from '../../../render/utils/animation-state.mjs';\nimport { Feature } from '../Feature.mjs';\n\nclass AnimationFeature extends Feature {\n    /**\n     * We dynamically generate the AnimationState manager as it contains a reference\n     * to the underlying animation library. We only want to load that if we load this,\n     * so people can optionally code split it out using the `m` component.\n     */\n    constructor(node) {\n        super(node);\n        node.animationState || (node.animationState = createAnimationState(node));\n    }\n    updateAnimationControlsSubscription() {\n        const { animate } = this.node.getProps();\n        this.unmount();\n        if (isAnimationControls(animate)) {\n            this.unmount = animate.subscribe(this.node);\n        }\n    }\n    /**\n     * Subscribe any provided AnimationControls to the component's VisualElement\n     */\n    mount() {\n        this.updateAnimationControlsSubscription();\n    }\n    update() {\n        const { animate } = this.node.getProps();\n        const { animate: prevAnimate } = this.node.prevProps || {};\n        if (animate !== prevAnimate) {\n            this.updateAnimationControlsSubscription();\n        }\n    }\n    unmount() { }\n}\n\nexport { AnimationFeature };\n","import { Feature } from '../Feature.mjs';\n\nlet id = 0;\nclass ExitAnimationFeature extends Feature {\n    constructor() {\n        super(...arguments);\n        this.id = id++;\n    }\n    update() {\n        if (!this.node.presenceContext)\n            return;\n        const { isPresent, onExitComplete, custom } = this.node.presenceContext;\n        const { isPresent: prevIsPresent } = this.node.prevPresenceContext || {};\n        if (!this.node.animationState || isPresent === prevIsPresent) {\n            return;\n        }\n        const exitAnimation = this.node.animationState.setActive(\"exit\", !isPresent, { custom: custom !== null && custom !== void 0 ? custom : this.node.getProps().custom });\n        if (onExitComplete && !isPresent) {\n            exitAnimation.then(() => onExitComplete(this.id));\n        }\n    }\n    mount() {\n        const { register } = this.node.presenceContext || {};\n        if (register) {\n            this.unmount = register(this.id);\n        }\n    }\n    unmount() { }\n}\n\nexport { ExitAnimationFeature };\n","import { AnimationFeature } from './animation/index.mjs';\nimport { ExitAnimationFeature } from './animation/exit.mjs';\n\nconst animations = {\n    animation: {\n        Feature: AnimationFeature,\n    },\n    exit: {\n        Feature: ExitAnimationFeature,\n    },\n};\n\nexport { animations };\n","const distance = (a, b) => Math.abs(a - b);\nfunction distance2D(a, b) {\n    // Multi-dimensional\n    const xDelta = distance(a.x, b.x);\n    const yDelta = distance(a.y, b.y);\n    return Math.sqrt(xDelta ** 2 + yDelta ** 2);\n}\n\nexport { distance, distance2D };\n","import { extractEventInfo } from '../../events/event-info.mjs';\nimport { secondsToMilliseconds, millisecondsToSeconds } from '../../utils/time-conversion.mjs';\nimport { addPointerEvent } from '../../events/add-pointer-event.mjs';\nimport { pipe } from '../../utils/pipe.mjs';\nimport { distance2D } from '../../utils/distance.mjs';\nimport { isPrimaryPointer } from '../../events/utils/is-primary-pointer.mjs';\nimport { frame, cancelFrame, frameData } from '../../frameloop/frame.mjs';\n\n/**\n * @internal\n */\nclass PanSession {\n    constructor(event, handlers, { transformPagePoint, contextWindow, dragSnapToOrigin = false } = {}) {\n        /**\n         * @internal\n         */\n        this.startEvent = null;\n        /**\n         * @internal\n         */\n        this.lastMoveEvent = null;\n        /**\n         * @internal\n         */\n        this.lastMoveEventInfo = null;\n        /**\n         * @internal\n         */\n        this.handlers = {};\n        /**\n         * @internal\n         */\n        this.contextWindow = window;\n        this.updatePoint = () => {\n            if (!(this.lastMoveEvent && this.lastMoveEventInfo))\n                return;\n            const info = getPanInfo(this.lastMoveEventInfo, this.history);\n            const isPanStarted = this.startEvent !== null;\n            // Only start panning if the offset is larger than 3 pixels. If we make it\n            // any larger than this we'll want to reset the pointer history\n            // on the first update to avoid visual snapping to the cursoe.\n            const isDistancePastThreshold = distance2D(info.offset, { x: 0, y: 0 }) >= 3;\n            if (!isPanStarted && !isDistancePastThreshold)\n                return;\n            const { point } = info;\n            const { timestamp } = frameData;\n            this.history.push({ ...point, timestamp });\n            const { onStart, onMove } = this.handlers;\n            if (!isPanStarted) {\n                onStart && onStart(this.lastMoveEvent, info);\n                this.startEvent = this.lastMoveEvent;\n            }\n            onMove && onMove(this.lastMoveEvent, info);\n        };\n        this.handlePointerMove = (event, info) => {\n            this.lastMoveEvent = event;\n            this.lastMoveEventInfo = transformPoint(info, this.transformPagePoint);\n            // Throttle mouse move event to once per frame\n            frame.update(this.updatePoint, true);\n        };\n        this.handlePointerUp = (event, info) => {\n            this.end();\n            const { onEnd, onSessionEnd, resumeAnimation } = this.handlers;\n            if (this.dragSnapToOrigin)\n                resumeAnimation && resumeAnimation();\n            if (!(this.lastMoveEvent && this.lastMoveEventInfo))\n                return;\n            const panInfo = getPanInfo(event.type === \"pointercancel\"\n                ? this.lastMoveEventInfo\n                : transformPoint(info, this.transformPagePoint), this.history);\n            if (this.startEvent && onEnd) {\n                onEnd(event, panInfo);\n            }\n            onSessionEnd && onSessionEnd(event, panInfo);\n        };\n        // If we have more than one touch, don't start detecting this gesture\n        if (!isPrimaryPointer(event))\n            return;\n        this.dragSnapToOrigin = dragSnapToOrigin;\n        this.handlers = handlers;\n        this.transformPagePoint = transformPagePoint;\n        this.contextWindow = contextWindow || window;\n        const info = extractEventInfo(event);\n        const initialInfo = transformPoint(info, this.transformPagePoint);\n        const { point } = initialInfo;\n        const { timestamp } = frameData;\n        this.history = [{ ...point, timestamp }];\n        const { onSessionStart } = handlers;\n        onSessionStart &&\n            onSessionStart(event, getPanInfo(initialInfo, this.history));\n        this.removeListeners = pipe(addPointerEvent(this.contextWindow, \"pointermove\", this.handlePointerMove), addPointerEvent(this.contextWindow, \"pointerup\", this.handlePointerUp), addPointerEvent(this.contextWindow, \"pointercancel\", this.handlePointerUp));\n    }\n    updateHandlers(handlers) {\n        this.handlers = handlers;\n    }\n    end() {\n        this.removeListeners && this.removeListeners();\n        cancelFrame(this.updatePoint);\n    }\n}\nfunction transformPoint(info, transformPagePoint) {\n    return transformPagePoint ? { point: transformPagePoint(info.point) } : info;\n}\nfunction subtractPoint(a, b) {\n    return { x: a.x - b.x, y: a.y - b.y };\n}\nfunction getPanInfo({ point }, history) {\n    return {\n        point,\n        delta: subtractPoint(point, lastDevicePoint(history)),\n        offset: subtractPoint(point, startDevicePoint(history)),\n        velocity: getVelocity(history, 0.1),\n    };\n}\nfunction startDevicePoint(history) {\n    return history[0];\n}\nfunction lastDevicePoint(history) {\n    return history[history.length - 1];\n}\nfunction getVelocity(history, timeDelta) {\n    if (history.length < 2) {\n        return { x: 0, y: 0 };\n    }\n    let i = history.length - 1;\n    let timestampedPoint = null;\n    const lastPoint = lastDevicePoint(history);\n    while (i >= 0) {\n        timestampedPoint = history[i];\n        if (lastPoint.timestamp - timestampedPoint.timestamp >\n            secondsToMilliseconds(timeDelta)) {\n            break;\n        }\n        i--;\n    }\n    if (!timestampedPoint) {\n        return { x: 0, y: 0 };\n    }\n    const time = millisecondsToSeconds(lastPoint.timestamp - timestampedPoint.timestamp);\n    if (time === 0) {\n        return { x: 0, y: 0 };\n    }\n    const currentVelocity = {\n        x: (lastPoint.x - timestampedPoint.x) / time,\n        y: (lastPoint.y - timestampedPoint.y) / time,\n    };\n    if (currentVelocity.x === Infinity) {\n        currentVelocity.x = 0;\n    }\n    if (currentVelocity.y === Infinity) {\n        currentVelocity.y = 0;\n    }\n    return currentVelocity;\n}\n\nexport { PanSession };\n","import { mix } from '../../utils/mix.mjs';\n\nfunction calcLength(axis) {\n    return axis.max - axis.min;\n}\nfunction isNear(value, target = 0, maxDistance = 0.01) {\n    return Math.abs(value - target) <= maxDistance;\n}\nfunction calcAxisDelta(delta, source, target, origin = 0.5) {\n    delta.origin = origin;\n    delta.originPoint = mix(source.min, source.max, delta.origin);\n    delta.scale = calcLength(target) / calcLength(source);\n    if (isNear(delta.scale, 1, 0.0001) || isNaN(delta.scale))\n        delta.scale = 1;\n    delta.translate =\n        mix(target.min, target.max, delta.origin) - delta.originPoint;\n    if (isNear(delta.translate) || isNaN(delta.translate))\n        delta.translate = 0;\n}\nfunction calcBoxDelta(delta, source, target, origin) {\n    calcAxisDelta(delta.x, source.x, target.x, origin ? origin.originX : undefined);\n    calcAxisDelta(delta.y, source.y, target.y, origin ? origin.originY : undefined);\n}\nfunction calcRelativeAxis(target, relative, parent) {\n    target.min = parent.min + relative.min;\n    target.max = target.min + calcLength(relative);\n}\nfunction calcRelativeBox(target, relative, parent) {\n    calcRelativeAxis(target.x, relative.x, parent.x);\n    calcRelativeAxis(target.y, relative.y, parent.y);\n}\nfunction calcRelativeAxisPosition(target, layout, parent) {\n    target.min = layout.min - parent.min;\n    target.max = target.min + calcLength(layout);\n}\nfunction calcRelativePosition(target, layout, parent) {\n    calcRelativeAxisPosition(target.x, layout.x, parent.x);\n    calcRelativeAxisPosition(target.y, layout.y, parent.y);\n}\n\nexport { calcAxisDelta, calcBoxDelta, calcLength, calcRelativeAxis, calcRelativeAxisPosition, calcRelativeBox, calcRelativePosition, isNear };\n","import { progress } from '../../../utils/progress.mjs';\nimport { calcLength } from '../../../projection/geometry/delta-calc.mjs';\nimport { clamp } from '../../../utils/clamp.mjs';\nimport { mix } from '../../../utils/mix.mjs';\n\n/**\n * Apply constraints to a point. These constraints are both physical along an\n * axis, and an elastic factor that determines how much to constrain the point\n * by if it does lie outside the defined parameters.\n */\nfunction applyConstraints(point, { min, max }, elastic) {\n    if (min !== undefined && point < min) {\n        // If we have a min point defined, and this is outside of that, constrain\n        point = elastic ? mix(min, point, elastic.min) : Math.max(point, min);\n    }\n    else if (max !== undefined && point > max) {\n        // If we have a max point defined, and this is outside of that, constrain\n        point = elastic ? mix(max, point, elastic.max) : Math.min(point, max);\n    }\n    return point;\n}\n/**\n * Calculate constraints in terms of the viewport when defined relatively to the\n * measured axis. This is measured from the nearest edge, so a max constraint of 200\n * on an axis with a max value of 300 would return a constraint of 500 - axis length\n */\nfunction calcRelativeAxisConstraints(axis, min, max) {\n    return {\n        min: min !== undefined ? axis.min + min : undefined,\n        max: max !== undefined\n            ? axis.max + max - (axis.max - axis.min)\n            : undefined,\n    };\n}\n/**\n * Calculate constraints in terms of the viewport when\n * defined relatively to the measured bounding box.\n */\nfunction calcRelativeConstraints(layoutBox, { top, left, bottom, right }) {\n    return {\n        x: calcRelativeAxisConstraints(layoutBox.x, left, right),\n        y: calcRelativeAxisConstraints(layoutBox.y, top, bottom),\n    };\n}\n/**\n * Calculate viewport constraints when defined as another viewport-relative axis\n */\nfunction calcViewportAxisConstraints(layoutAxis, constraintsAxis) {\n    let min = constraintsAxis.min - layoutAxis.min;\n    let max = constraintsAxis.max - layoutAxis.max;\n    // If the constraints axis is actually smaller than the layout axis then we can\n    // flip the constraints\n    if (constraintsAxis.max - constraintsAxis.min <\n        layoutAxis.max - layoutAxis.min) {\n        [min, max] = [max, min];\n    }\n    return { min, max };\n}\n/**\n * Calculate viewport constraints when defined as another viewport-relative box\n */\nfunction calcViewportConstraints(layoutBox, constraintsBox) {\n    return {\n        x: calcViewportAxisConstraints(layoutBox.x, constraintsBox.x),\n        y: calcViewportAxisConstraints(layoutBox.y, constraintsBox.y),\n    };\n}\n/**\n * Calculate a transform origin relative to the source axis, between 0-1, that results\n * in an asthetically pleasing scale/transform needed to project from source to target.\n */\nfunction calcOrigin(source, target) {\n    let origin = 0.5;\n    const sourceLength = calcLength(source);\n    const targetLength = calcLength(target);\n    if (targetLength > sourceLength) {\n        origin = progress(target.min, target.max - sourceLength, source.min);\n    }\n    else if (sourceLength > targetLength) {\n        origin = progress(source.min, source.max - targetLength, target.min);\n    }\n    return clamp(0, 1, origin);\n}\n/**\n * Rebase the calculated viewport constraints relative to the layout.min point.\n */\nfunction rebaseAxisConstraints(layout, constraints) {\n    const relativeConstraints = {};\n    if (constraints.min !== undefined) {\n        relativeConstraints.min = constraints.min - layout.min;\n    }\n    if (constraints.max !== undefined) {\n        relativeConstraints.max = constraints.max - layout.min;\n    }\n    return relativeConstraints;\n}\nconst defaultElastic = 0.35;\n/**\n * Accepts a dragElastic prop and returns resolved elastic values for each axis.\n */\nfunction resolveDragElastic(dragElastic = defaultElastic) {\n    if (dragElastic === false) {\n        dragElastic = 0;\n    }\n    else if (dragElastic === true) {\n        dragElastic = defaultElastic;\n    }\n    return {\n        x: resolveAxisElastic(dragElastic, \"left\", \"right\"),\n        y: resolveAxisElastic(dragElastic, \"top\", \"bottom\"),\n    };\n}\nfunction resolveAxisElastic(dragElastic, minLabel, maxLabel) {\n    return {\n        min: resolvePointElastic(dragElastic, minLabel),\n        max: resolvePointElastic(dragElastic, maxLabel),\n    };\n}\nfunction resolvePointElastic(dragElastic, label) {\n    return typeof dragElastic === \"number\"\n        ? dragElastic\n        : dragElastic[label] || 0;\n}\n\nexport { applyConstraints, calcOrigin, calcRelativeAxisConstraints, calcRelativeConstraints, calcViewportAxisConstraints, calcViewportConstraints, defaultElastic, rebaseAxisConstraints, resolveAxisElastic, resolveDragElastic, resolvePointElastic };\n","function eachAxis(callback) {\n    return [callback(\"x\"), callback(\"y\")];\n}\n\nexport { eachAxis };\n","// Fixes https://github.com/framer/motion/issues/2270\nconst getContextWindow = ({ current }) => {\n    return current ? current.ownerDocument.defaultView : null;\n};\n\nexport { getContextWindow };\n","import { invariant } from '../../utils/errors.mjs';\nimport { PanSession } from '../pan/PanSession.mjs';\nimport { getGlobalLock } from './utils/lock.mjs';\nimport { isRefObject } from '../../utils/is-ref-object.mjs';\nimport { addPointerEvent } from '../../events/add-pointer-event.mjs';\nimport { applyConstraints, calcRelativeConstraints, resolveDragElastic, calcViewportConstraints, defaultElastic, rebaseAxisConstraints, calcOrigin } from './utils/constraints.mjs';\nimport { createBox } from '../../projection/geometry/models.mjs';\nimport { eachAxis } from '../../projection/utils/each-axis.mjs';\nimport { measurePageBox } from '../../projection/utils/measure.mjs';\nimport { extractEventInfo } from '../../events/event-info.mjs';\nimport { convertBoxToBoundingBox, convertBoundingBoxToBox } from '../../projection/geometry/conversion.mjs';\nimport { addDomEvent } from '../../events/add-dom-event.mjs';\nimport { calcLength } from '../../projection/geometry/delta-calc.mjs';\nimport { mix } from '../../utils/mix.mjs';\nimport { percent } from '../../value/types/numbers/units.mjs';\nimport { animateMotionValue } from '../../animation/interfaces/motion-value.mjs';\nimport { getContextWindow } from '../../utils/get-context-window.mjs';\nimport { frame } from '../../frameloop/frame.mjs';\n\nconst elementDragControls = new WeakMap();\n/**\n *\n */\n// let latestPointerEvent: PointerEvent\nclass VisualElementDragControls {\n    constructor(visualElement) {\n        // This is a reference to the global drag gesture lock, ensuring only one component\n        // can \"capture\" the drag of one or both axes.\n        // TODO: Look into moving this into pansession?\n        this.openGlobalLock = null;\n        this.isDragging = false;\n        this.currentDirection = null;\n        this.originPoint = { x: 0, y: 0 };\n        /**\n         * The permitted boundaries of travel, in pixels.\n         */\n        this.constraints = false;\n        this.hasMutatedConstraints = false;\n        /**\n         * The per-axis resolved elastic values.\n         */\n        this.elastic = createBox();\n        this.visualElement = visualElement;\n    }\n    start(originEvent, { snapToCursor = false } = {}) {\n        /**\n         * Don't start dragging if this component is exiting\n         */\n        const { presenceContext } = this.visualElement;\n        if (presenceContext && presenceContext.isPresent === false)\n            return;\n        const onSessionStart = (event) => {\n            const { dragSnapToOrigin } = this.getProps();\n            // Stop or pause any animations on both axis values immediately. This allows the user to throw and catch\n            // the component.\n            dragSnapToOrigin ? this.pauseAnimation() : this.stopAnimation();\n            if (snapToCursor) {\n                this.snapToCursor(extractEventInfo(event, \"page\").point);\n            }\n        };\n        const onStart = (event, info) => {\n            // Attempt to grab the global drag gesture lock - maybe make this part of PanSession\n            const { drag, dragPropagation, onDragStart } = this.getProps();\n            if (drag && !dragPropagation) {\n                if (this.openGlobalLock)\n                    this.openGlobalLock();\n                this.openGlobalLock = getGlobalLock(drag);\n                // If we don 't have the lock, don't start dragging\n                if (!this.openGlobalLock)\n                    return;\n            }\n            this.isDragging = true;\n            this.currentDirection = null;\n            this.resolveConstraints();\n            if (this.visualElement.projection) {\n                this.visualElement.projection.isAnimationBlocked = true;\n                this.visualElement.projection.target = undefined;\n            }\n            /**\n             * Record gesture origin\n             */\n            eachAxis((axis) => {\n                let current = this.getAxisMotionValue(axis).get() || 0;\n                /**\n                 * If the MotionValue is a percentage value convert to px\n                 */\n                if (percent.test(current)) {\n                    const { projection } = this.visualElement;\n                    if (projection && projection.layout) {\n                        const measuredAxis = projection.layout.layoutBox[axis];\n                        if (measuredAxis) {\n                            const length = calcLength(measuredAxis);\n                            current = length * (parseFloat(current) / 100);\n                        }\n                    }\n                }\n                this.originPoint[axis] = current;\n            });\n            // Fire onDragStart event\n            if (onDragStart) {\n                frame.update(() => onDragStart(event, info), false, true);\n            }\n            const { animationState } = this.visualElement;\n            animationState && animationState.setActive(\"whileDrag\", true);\n        };\n        const onMove = (event, info) => {\n            // latestPointerEvent = event\n            const { dragPropagation, dragDirectionLock, onDirectionLock, onDrag, } = this.getProps();\n            // If we didn't successfully receive the gesture lock, early return.\n            if (!dragPropagation && !this.openGlobalLock)\n                return;\n            const { offset } = info;\n            // Attempt to detect drag direction if directionLock is true\n            if (dragDirectionLock && this.currentDirection === null) {\n                this.currentDirection = getCurrentDirection(offset);\n                // If we've successfully set a direction, notify listener\n                if (this.currentDirection !== null) {\n                    onDirectionLock && onDirectionLock(this.currentDirection);\n                }\n                return;\n            }\n            // Update each point with the latest position\n            this.updateAxis(\"x\", info.point, offset);\n            this.updateAxis(\"y\", info.point, offset);\n            /**\n             * Ideally we would leave the renderer to fire naturally at the end of\n             * this frame but if the element is about to change layout as the result\n             * of a re-render we want to ensure the browser can read the latest\n             * bounding box to ensure the pointer and element don't fall out of sync.\n             */\n            this.visualElement.render();\n            /**\n             * This must fire after the render call as it might trigger a state\n             * change which itself might trigger a layout update.\n             */\n            onDrag && onDrag(event, info);\n        };\n        const onSessionEnd = (event, info) => this.stop(event, info);\n        const resumeAnimation = () => eachAxis((axis) => {\n            var _a;\n            return this.getAnimationState(axis) === \"paused\" &&\n                ((_a = this.getAxisMotionValue(axis).animation) === null || _a === void 0 ? void 0 : _a.play());\n        });\n        const { dragSnapToOrigin } = this.getProps();\n        this.panSession = new PanSession(originEvent, {\n            onSessionStart,\n            onStart,\n            onMove,\n            onSessionEnd,\n            resumeAnimation,\n        }, {\n            transformPagePoint: this.visualElement.getTransformPagePoint(),\n            dragSnapToOrigin,\n            contextWindow: getContextWindow(this.visualElement),\n        });\n    }\n    stop(event, info) {\n        const isDragging = this.isDragging;\n        this.cancel();\n        if (!isDragging)\n            return;\n        const { velocity } = info;\n        this.startAnimation(velocity);\n        const { onDragEnd } = this.getProps();\n        if (onDragEnd) {\n            frame.update(() => onDragEnd(event, info));\n        }\n    }\n    cancel() {\n        this.isDragging = false;\n        const { projection, animationState } = this.visualElement;\n        if (projection) {\n            projection.isAnimationBlocked = false;\n        }\n        this.panSession && this.panSession.end();\n        this.panSession = undefined;\n        const { dragPropagation } = this.getProps();\n        if (!dragPropagation && this.openGlobalLock) {\n            this.openGlobalLock();\n            this.openGlobalLock = null;\n        }\n        animationState && animationState.setActive(\"whileDrag\", false);\n    }\n    updateAxis(axis, _point, offset) {\n        const { drag } = this.getProps();\n        // If we're not dragging this axis, do an early return.\n        if (!offset || !shouldDrag(axis, drag, this.currentDirection))\n            return;\n        const axisValue = this.getAxisMotionValue(axis);\n        let next = this.originPoint[axis] + offset[axis];\n        // Apply constraints\n        if (this.constraints && this.constraints[axis]) {\n            next = applyConstraints(next, this.constraints[axis], this.elastic[axis]);\n        }\n        axisValue.set(next);\n    }\n    resolveConstraints() {\n        var _a;\n        const { dragConstraints, dragElastic } = this.getProps();\n        const layout = this.visualElement.projection &&\n            !this.visualElement.projection.layout\n            ? this.visualElement.projection.measure(false)\n            : (_a = this.visualElement.projection) === null || _a === void 0 ? void 0 : _a.layout;\n        const prevConstraints = this.constraints;\n        if (dragConstraints && isRefObject(dragConstraints)) {\n            if (!this.constraints) {\n                this.constraints = this.resolveRefConstraints();\n            }\n        }\n        else {\n            if (dragConstraints && layout) {\n                this.constraints = calcRelativeConstraints(layout.layoutBox, dragConstraints);\n            }\n            else {\n                this.constraints = false;\n            }\n        }\n        this.elastic = resolveDragElastic(dragElastic);\n        /**\n         * If we're outputting to external MotionValues, we want to rebase the measured constraints\n         * from viewport-relative to component-relative.\n         */\n        if (prevConstraints !== this.constraints &&\n            layout &&\n            this.constraints &&\n            !this.hasMutatedConstraints) {\n            eachAxis((axis) => {\n                if (this.getAxisMotionValue(axis)) {\n                    this.constraints[axis] = rebaseAxisConstraints(layout.layoutBox[axis], this.constraints[axis]);\n                }\n            });\n        }\n    }\n    resolveRefConstraints() {\n        const { dragConstraints: constraints, onMeasureDragConstraints } = this.getProps();\n        if (!constraints || !isRefObject(constraints))\n            return false;\n        const constraintsElement = constraints.current;\n        invariant(constraintsElement !== null, \"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.\");\n        const { projection } = this.visualElement;\n        // TODO\n        if (!projection || !projection.layout)\n            return false;\n        const constraintsBox = measurePageBox(constraintsElement, projection.root, this.visualElement.getTransformPagePoint());\n        let measuredConstraints = calcViewportConstraints(projection.layout.layoutBox, constraintsBox);\n        /**\n         * If there's an onMeasureDragConstraints listener we call it and\n         * if different constraints are returned, set constraints to that\n         */\n        if (onMeasureDragConstraints) {\n            const userConstraints = onMeasureDragConstraints(convertBoxToBoundingBox(measuredConstraints));\n            this.hasMutatedConstraints = !!userConstraints;\n            if (userConstraints) {\n                measuredConstraints = convertBoundingBoxToBox(userConstraints);\n            }\n        }\n        return measuredConstraints;\n    }\n    startAnimation(velocity) {\n        const { drag, dragMomentum, dragElastic, dragTransition, dragSnapToOrigin, onDragTransitionEnd, } = this.getProps();\n        const constraints = this.constraints || {};\n        const momentumAnimations = eachAxis((axis) => {\n            if (!shouldDrag(axis, drag, this.currentDirection)) {\n                return;\n            }\n            let transition = (constraints && constraints[axis]) || {};\n            if (dragSnapToOrigin)\n                transition = { min: 0, max: 0 };\n            /**\n             * Overdamp the boundary spring if `dragElastic` is disabled. There's still a frame\n             * of spring animations so we should look into adding a disable spring option to `inertia`.\n             * We could do something here where we affect the `bounceStiffness` and `bounceDamping`\n             * using the value of `dragElastic`.\n             */\n            const bounceStiffness = dragElastic ? 200 : 1000000;\n            const bounceDamping = dragElastic ? 40 : 10000000;\n            const inertia = {\n                type: \"inertia\",\n                velocity: dragMomentum ? velocity[axis] : 0,\n                bounceStiffness,\n                bounceDamping,\n                timeConstant: 750,\n                restDelta: 1,\n                restSpeed: 10,\n                ...dragTransition,\n                ...transition,\n            };\n            // If we're not animating on an externally-provided `MotionValue` we can use the\n            // component's animation controls which will handle interactions with whileHover (etc),\n            // otherwise we just have to animate the `MotionValue` itself.\n            return this.startAxisValueAnimation(axis, inertia);\n        });\n        // Run all animations and then resolve the new drag constraints.\n        return Promise.all(momentumAnimations).then(onDragTransitionEnd);\n    }\n    startAxisValueAnimation(axis, transition) {\n        const axisValue = this.getAxisMotionValue(axis);\n        return axisValue.start(animateMotionValue(axis, axisValue, 0, transition));\n    }\n    stopAnimation() {\n        eachAxis((axis) => this.getAxisMotionValue(axis).stop());\n    }\n    pauseAnimation() {\n        eachAxis((axis) => { var _a; return (_a = this.getAxisMotionValue(axis).animation) === null || _a === void 0 ? void 0 : _a.pause(); });\n    }\n    getAnimationState(axis) {\n        var _a;\n        return (_a = this.getAxisMotionValue(axis).animation) === null || _a === void 0 ? void 0 : _a.state;\n    }\n    /**\n     * Drag works differently depending on which props are provided.\n     *\n     * - If _dragX and _dragY are provided, we output the gesture delta directly to those motion values.\n     * - Otherwise, we apply the delta to the x/y motion values.\n     */\n    getAxisMotionValue(axis) {\n        const dragKey = \"_drag\" + axis.toUpperCase();\n        const props = this.visualElement.getProps();\n        const externalMotionValue = props[dragKey];\n        return externalMotionValue\n            ? externalMotionValue\n            : this.visualElement.getValue(axis, (props.initial ? props.initial[axis] : undefined) || 0);\n    }\n    snapToCursor(point) {\n        eachAxis((axis) => {\n            const { drag } = this.getProps();\n            // If we're not dragging this axis, do an early return.\n            if (!shouldDrag(axis, drag, this.currentDirection))\n                return;\n            const { projection } = this.visualElement;\n            const axisValue = this.getAxisMotionValue(axis);\n            if (projection && projection.layout) {\n                const { min, max } = projection.layout.layoutBox[axis];\n                axisValue.set(point[axis] - mix(min, max, 0.5));\n            }\n        });\n    }\n    /**\n     * When the viewport resizes we want to check if the measured constraints\n     * have changed and, if so, reposition the element within those new constraints\n     * relative to where it was before the resize.\n     */\n    scalePositionWithinConstraints() {\n        if (!this.visualElement.current)\n            return;\n        const { drag, dragConstraints } = this.getProps();\n        const { projection } = this.visualElement;\n        if (!isRefObject(dragConstraints) || !projection || !this.constraints)\n            return;\n        /**\n         * Stop current animations as there can be visual glitching if we try to do\n         * this mid-animation\n         */\n        this.stopAnimation();\n        /**\n         * Record the relative position of the dragged element relative to the\n         * constraints box and save as a progress value.\n         */\n        const boxProgress = { x: 0, y: 0 };\n        eachAxis((axis) => {\n            const axisValue = this.getAxisMotionValue(axis);\n            if (axisValue) {\n                const latest = axisValue.get();\n                boxProgress[axis] = calcOrigin({ min: latest, max: latest }, this.constraints[axis]);\n            }\n        });\n        /**\n         * Update the layout of this element and resolve the latest drag constraints\n         */\n        const { transformTemplate } = this.visualElement.getProps();\n        this.visualElement.current.style.transform = transformTemplate\n            ? transformTemplate({}, \"\")\n            : \"none\";\n        projection.root && projection.root.updateScroll();\n        projection.updateLayout();\n        this.resolveConstraints();\n        /**\n         * For each axis, calculate the current progress of the layout axis\n         * within the new constraints.\n         */\n        eachAxis((axis) => {\n            if (!shouldDrag(axis, drag, null))\n                return;\n            /**\n             * Calculate a new transform based on the previous box progress\n             */\n            const axisValue = this.getAxisMotionValue(axis);\n            const { min, max } = this.constraints[axis];\n            axisValue.set(mix(min, max, boxProgress[axis]));\n        });\n    }\n    addListeners() {\n        if (!this.visualElement.current)\n            return;\n        elementDragControls.set(this.visualElement, this);\n        const element = this.visualElement.current;\n        /**\n         * Attach a pointerdown event listener on this DOM element to initiate drag tracking.\n         */\n        const stopPointerListener = addPointerEvent(element, \"pointerdown\", (event) => {\n            const { drag, dragListener = true } = this.getProps();\n            drag && dragListener && this.start(event);\n        });\n        const measureDragConstraints = () => {\n            const { dragConstraints } = this.getProps();\n            if (isRefObject(dragConstraints)) {\n                this.constraints = this.resolveRefConstraints();\n            }\n        };\n        const { projection } = this.visualElement;\n        const stopMeasureLayoutListener = projection.addEventListener(\"measure\", measureDragConstraints);\n        if (projection && !projection.layout) {\n            projection.root && projection.root.updateScroll();\n            projection.updateLayout();\n        }\n        measureDragConstraints();\n        /**\n         * Attach a window resize listener to scale the draggable target within its defined\n         * constraints as the window resizes.\n         */\n        const stopResizeListener = addDomEvent(window, \"resize\", () => this.scalePositionWithinConstraints());\n        /**\n         * If the element's layout changes, calculate the delta and apply that to\n         * the drag gesture's origin point.\n         */\n        const stopLayoutUpdateListener = projection.addEventListener(\"didUpdate\", (({ delta, hasLayoutChanged }) => {\n            if (this.isDragging && hasLayoutChanged) {\n                eachAxis((axis) => {\n                    const motionValue = this.getAxisMotionValue(axis);\n                    if (!motionValue)\n                        return;\n                    this.originPoint[axis] += delta[axis].translate;\n                    motionValue.set(motionValue.get() + delta[axis].translate);\n                });\n                this.visualElement.render();\n            }\n        }));\n        return () => {\n            stopResizeListener();\n            stopPointerListener();\n            stopMeasureLayoutListener();\n            stopLayoutUpdateListener && stopLayoutUpdateListener();\n        };\n    }\n    getProps() {\n        const props = this.visualElement.getProps();\n        const { drag = false, dragDirectionLock = false, dragPropagation = false, dragConstraints = false, dragElastic = defaultElastic, dragMomentum = true, } = props;\n        return {\n            ...props,\n            drag,\n            dragDirectionLock,\n            dragPropagation,\n            dragConstraints,\n            dragElastic,\n            dragMomentum,\n        };\n    }\n}\nfunction shouldDrag(direction, drag, currentDirection) {\n    return ((drag === true || drag === direction) &&\n        (currentDirection === null || currentDirection === direction));\n}\n/**\n * Based on an x/y offset determine the current drag direction. If both axis' offsets are lower\n * than the provided threshold, return `null`.\n *\n * @param offset - The x/y offset from origin.\n * @param lockThreshold - (Optional) - the minimum absolute offset before we can determine a drag direction.\n */\nfunction getCurrentDirection(offset, lockThreshold = 10) {\n    let direction = null;\n    if (Math.abs(offset.y) > lockThreshold) {\n        direction = \"y\";\n    }\n    else if (Math.abs(offset.x) > lockThreshold) {\n        direction = \"x\";\n    }\n    return direction;\n}\n\nexport { VisualElementDragControls, elementDragControls };\n","import { Feature } from '../../motion/features/Feature.mjs';\nimport { noop } from '../../utils/noop.mjs';\nimport { VisualElementDragControls } from './VisualElementDragControls.mjs';\n\nclass DragGesture extends Feature {\n    constructor(node) {\n        super(node);\n        this.removeGroupControls = noop;\n        this.removeListeners = noop;\n        this.controls = new VisualElementDragControls(node);\n    }\n    mount() {\n        // If we've been provided a DragControls for manual control over the drag gesture,\n        // subscribe this component to it on mount.\n        const { dragControls } = this.node.getProps();\n        if (dragControls) {\n            this.removeGroupControls = dragControls.subscribe(this.controls);\n        }\n        this.removeListeners = this.controls.addListeners() || noop;\n    }\n    unmount() {\n        this.removeGroupControls();\n        this.removeListeners();\n    }\n}\n\nexport { DragGesture };\n","import { PanSession } from './PanSession.mjs';\nimport { addPointerEvent } from '../../events/add-pointer-event.mjs';\nimport { Feature } from '../../motion/features/Feature.mjs';\nimport { noop } from '../../utils/noop.mjs';\nimport { getContextWindow } from '../../utils/get-context-window.mjs';\nimport { frame } from '../../frameloop/frame.mjs';\n\nconst asyncHandler = (handler) => (event, info) => {\n    if (handler) {\n        frame.update(() => handler(event, info));\n    }\n};\nclass PanGesture extends Feature {\n    constructor() {\n        super(...arguments);\n        this.removePointerDownListener = noop;\n    }\n    onPointerDown(pointerDownEvent) {\n        this.session = new PanSession(pointerDownEvent, this.createPanHandlers(), {\n            transformPagePoint: this.node.getTransformPagePoint(),\n            contextWindow: getContextWindow(this.node),\n        });\n    }\n    createPanHandlers() {\n        const { onPanSessionStart, onPanStart, onPan, onPanEnd } = this.node.getProps();\n        return {\n            onSessionStart: asyncHandler(onPanSessionStart),\n            onStart: asyncHandler(onPanStart),\n            onMove: onPan,\n            onEnd: (event, info) => {\n                delete this.session;\n                if (onPanEnd) {\n                    frame.update(() => onPanEnd(event, info));\n                }\n            },\n        };\n    }\n    mount() {\n        this.removePointerDownListener = addPointerEvent(this.node.current, \"pointerdown\", (event) => this.onPointerDown(event));\n    }\n    update() {\n        this.session && this.session.updateHandlers(this.createPanHandlers());\n    }\n    unmount() {\n        this.removePointerDownListener();\n        this.session && this.session.end();\n    }\n}\n\nexport { PanGesture };\n","import { useContext, useId, useEffect } from 'react';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\n\n/**\n * When a component is the child of `AnimatePresence`, it can use `usePresence`\n * to access information about whether it's still present in the React tree.\n *\n * ```jsx\n * import { usePresence } from \"framer-motion\"\n *\n * export const Component = () => {\n *   const [isPresent, safeToRemove] = usePresence()\n *\n *   useEffect(() => {\n *     !isPresent && setTimeout(safeToRemove, 1000)\n *   }, [isPresent])\n *\n *   return <div />\n * }\n * ```\n *\n * If `isPresent` is `false`, it means that a component has been removed the tree, but\n * `AnimatePresence` won't really remove it until `safeToRemove` has been called.\n *\n * @public\n */\nfunction usePresence() {\n    const context = useContext(PresenceContext);\n    if (context === null)\n        return [true, null];\n    const { isPresent, onExitComplete, register } = context;\n    // It's safe to call the following hooks conditionally (after an early return) because the context will always\n    // either be null or non-null for the lifespan of the component.\n    const id = useId();\n    useEffect(() => register(id), []);\n    const safeToRemove = () => onExitComplete && onExitComplete(id);\n    return !isPresent && onExitComplete ? [false, safeToRemove] : [true];\n}\n/**\n * Similar to `usePresence`, except `useIsPresent` simply returns whether or not the component is present.\n * There is no `safeToRemove` function.\n *\n * ```jsx\n * import { useIsPresent } from \"framer-motion\"\n *\n * export const Component = () => {\n *   const isPresent = useIsPresent()\n *\n *   useEffect(() => {\n *     !isPresent && console.log(\"I've been removed!\")\n *   }, [isPresent])\n *\n *   return <div />\n * }\n * ```\n *\n * @public\n */\nfunction useIsPresent() {\n    return isPresent(useContext(PresenceContext));\n}\nfunction isPresent(context) {\n    return context === null ? true : context.isPresent;\n}\n\nexport { isPresent, useIsPresent, usePresence };\n","/**\n * This should only ever be modified on the client otherwise it'll\n * persist through server requests. If we need instanced states we\n * could lazy-init via root.\n */\nconst globalProjectionState = {\n    /**\n     * Global flag as to whether the tree has animated since the last time\n     * we resized the window\n     */\n    hasAnimatedSinceResize: true,\n    /**\n     * We set this to true once, on the first update. Any nodes added to the tree beyond that\n     * update will be given a `data-projection-id` attribute.\n     */\n    hasEverUpdated: false,\n};\n\nexport { globalProjectionState };\n","import { px } from '../../value/types/numbers/units.mjs';\n\nfunction pixelsToPercent(pixels, axis) {\n    if (axis.max === axis.min)\n        return 0;\n    return (pixels / (axis.max - axis.min)) * 100;\n}\n/**\n * We always correct borderRadius as a percentage rather than pixels to reduce paints.\n * For example, if you are projecting a box that is 100px wide with a 10px borderRadius\n * into a box that is 200px wide with a 20px borderRadius, that is actually a 10%\n * borderRadius in both states. If we animate between the two in pixels that will trigger\n * a paint each time. If we animate between the two in percentage we'll avoid a paint.\n */\nconst correctBorderRadius = {\n    correct: (latest, node) => {\n        if (!node.target)\n            return latest;\n        /**\n         * If latest is a string, if it's a percentage we can return immediately as it's\n         * going to be stretched appropriately. Otherwise, if it's a pixel, convert it to a number.\n         */\n        if (typeof latest === \"string\") {\n            if (px.test(latest)) {\n                latest = parseFloat(latest);\n            }\n            else {\n                return latest;\n            }\n        }\n        /**\n         * If latest is a number, it's a pixel value. We use the current viewportBox to calculate that\n         * pixel value as a percentage of each axis\n         */\n        const x = pixelsToPercent(latest, node.target.x);\n        const y = pixelsToPercent(latest, node.target.y);\n        return `${x}% ${y}%`;\n    },\n};\n\nexport { correctBorderRadius, pixelsToPercent };\n","import { mix } from '../../utils/mix.mjs';\nimport { complex } from '../../value/types/complex/index.mjs';\n\nconst correctBoxShadow = {\n    correct: (latest, { treeScale, projectionDelta }) => {\n        const original = latest;\n        const shadow = complex.parse(latest);\n        // TODO: Doesn't support multiple shadows\n        if (shadow.length > 5)\n            return original;\n        const template = complex.createTransformer(latest);\n        const offset = typeof shadow[0] !== \"number\" ? 1 : 0;\n        // Calculate the overall context scale\n        const xScale = projectionDelta.x.scale * treeScale.x;\n        const yScale = projectionDelta.y.scale * treeScale.y;\n        shadow[0 + offset] /= xScale;\n        shadow[1 + offset] /= yScale;\n        /**\n         * Ideally we'd correct x and y scales individually, but because blur and\n         * spread apply to both we have to take a scale average and apply that instead.\n         * We could potentially improve the outcome of this by incorporating the ratio between\n         * the two scales.\n         */\n        const averageScale = mix(xScale, yScale, 0.5);\n        // Blur\n        if (typeof shadow[2 + offset] === \"number\")\n            shadow[2 + offset] /= averageScale;\n        // Spread\n        if (typeof shadow[3 + offset] === \"number\")\n            shadow[3 + offset] /= averageScale;\n        return template(shadow);\n    },\n};\n\nexport { correctBoxShadow };\n","import React__default, { useContext } from 'react';\nimport { usePresence } from '../../../components/AnimatePresence/use-presence.mjs';\nimport { LayoutGroupContext } from '../../../context/LayoutGroupContext.mjs';\nimport { SwitchLayoutGroupContext } from '../../../context/SwitchLayoutGroupContext.mjs';\nimport { globalProjectionState } from '../../../projection/node/state.mjs';\nimport { correctBorderRadius } from '../../../projection/styles/scale-border-radius.mjs';\nimport { correctBoxShadow } from '../../../projection/styles/scale-box-shadow.mjs';\nimport { addScaleCorrector } from '../../../projection/styles/scale-correction.mjs';\nimport { frame } from '../../../frameloop/frame.mjs';\n\nclass MeasureLayoutWithContext extends React__default.Component {\n    /**\n     * This only mounts projection nodes for components that\n     * need measuring, we might want to do it for all components\n     * in order to incorporate transforms\n     */\n    componentDidMount() {\n        const { visualElement, layoutGroup, switchLayoutGroup, layoutId } = this.props;\n        const { projection } = visualElement;\n        addScaleCorrector(defaultScaleCorrectors);\n        if (projection) {\n            if (layoutGroup.group)\n                layoutGroup.group.add(projection);\n            if (switchLayoutGroup && switchLayoutGroup.register && layoutId) {\n                switchLayoutGroup.register(projection);\n            }\n            projection.root.didUpdate();\n            projection.addEventListener(\"animationComplete\", () => {\n                this.safeToRemove();\n            });\n            projection.setOptions({\n                ...projection.options,\n                onExitComplete: () => this.safeToRemove(),\n            });\n        }\n        globalProjectionState.hasEverUpdated = true;\n    }\n    getSnapshotBeforeUpdate(prevProps) {\n        const { layoutDependency, visualElement, drag, isPresent } = this.props;\n        const projection = visualElement.projection;\n        if (!projection)\n            return null;\n        /**\n         * TODO: We use this data in relegate to determine whether to\n         * promote a previous element. There's no guarantee its presence data\n         * will have updated by this point - if a bug like this arises it will\n         * have to be that we markForRelegation and then find a new lead some other way,\n         * perhaps in didUpdate\n         */\n        projection.isPresent = isPresent;\n        if (drag ||\n            prevProps.layoutDependency !== layoutDependency ||\n            layoutDependency === undefined) {\n            projection.willUpdate();\n        }\n        else {\n            this.safeToRemove();\n        }\n        if (prevProps.isPresent !== isPresent) {\n            if (isPresent) {\n                projection.promote();\n            }\n            else if (!projection.relegate()) {\n                /**\n                 * If there's another stack member taking over from this one,\n                 * it's in charge of the exit animation and therefore should\n                 * be in charge of the safe to remove. Otherwise we call it here.\n                 */\n                frame.postRender(() => {\n                    const stack = projection.getStack();\n                    if (!stack || !stack.members.length) {\n                        this.safeToRemove();\n                    }\n                });\n            }\n        }\n        return null;\n    }\n    componentDidUpdate() {\n        const { projection } = this.props.visualElement;\n        if (projection) {\n            projection.root.didUpdate();\n            queueMicrotask(() => {\n                if (!projection.currentAnimation && projection.isLead()) {\n                    this.safeToRemove();\n                }\n            });\n        }\n    }\n    componentWillUnmount() {\n        const { visualElement, layoutGroup, switchLayoutGroup: promoteContext, } = this.props;\n        const { projection } = visualElement;\n        if (projection) {\n            projection.scheduleCheckAfterUnmount();\n            if (layoutGroup && layoutGroup.group)\n                layoutGroup.group.remove(projection);\n            if (promoteContext && promoteContext.deregister)\n                promoteContext.deregister(projection);\n        }\n    }\n    safeToRemove() {\n        const { safeToRemove } = this.props;\n        safeToRemove && safeToRemove();\n    }\n    render() {\n        return null;\n    }\n}\nfunction MeasureLayout(props) {\n    const [isPresent, safeToRemove] = usePresence();\n    const layoutGroup = useContext(LayoutGroupContext);\n    return (React__default.createElement(MeasureLayoutWithContext, { ...props, layoutGroup: layoutGroup, switchLayoutGroup: useContext(SwitchLayoutGroupContext), isPresent: isPresent, safeToRemove: safeToRemove }));\n}\nconst defaultScaleCorrectors = {\n    borderRadius: {\n        ...correctBorderRadius,\n        applyTo: [\n            \"borderTopLeftRadius\",\n            \"borderTopRightRadius\",\n            \"borderBottomLeftRadius\",\n            \"borderBottomRightRadius\",\n        ],\n    },\n    borderTopLeftRadius: correctBorderRadius,\n    borderTopRightRadius: correctBorderRadius,\n    borderBottomLeftRadius: correctBorderRadius,\n    borderBottomRightRadius: correctBorderRadius,\n    boxShadow: correctBoxShadow,\n};\n\nexport { MeasureLayout };\n","import { circOut } from '../../easing/circ.mjs';\nimport { progress } from '../../utils/progress.mjs';\nimport { mix } from '../../utils/mix.mjs';\nimport { noop } from '../../utils/noop.mjs';\nimport { percent, px } from '../../value/types/numbers/units.mjs';\n\nconst borders = [\"TopLeft\", \"TopRight\", \"BottomLeft\", \"BottomRight\"];\nconst numBorders = borders.length;\nconst asNumber = (value) => typeof value === \"string\" ? parseFloat(value) : value;\nconst isPx = (value) => typeof value === \"number\" || px.test(value);\nfunction mixValues(target, follow, lead, progress, shouldCrossfadeOpacity, isOnlyMember) {\n    if (shouldCrossfadeOpacity) {\n        target.opacity = mix(0, \n        // TODO Reinstate this if only child\n        lead.opacity !== undefined ? lead.opacity : 1, easeCrossfadeIn(progress));\n        target.opacityExit = mix(follow.opacity !== undefined ? follow.opacity : 1, 0, easeCrossfadeOut(progress));\n    }\n    else if (isOnlyMember) {\n        target.opacity = mix(follow.opacity !== undefined ? follow.opacity : 1, lead.opacity !== undefined ? lead.opacity : 1, progress);\n    }\n    /**\n     * Mix border radius\n     */\n    for (let i = 0; i < numBorders; i++) {\n        const borderLabel = `border${borders[i]}Radius`;\n        let followRadius = getRadius(follow, borderLabel);\n        let leadRadius = getRadius(lead, borderLabel);\n        if (followRadius === undefined && leadRadius === undefined)\n            continue;\n        followRadius || (followRadius = 0);\n        leadRadius || (leadRadius = 0);\n        const canMix = followRadius === 0 ||\n            leadRadius === 0 ||\n            isPx(followRadius) === isPx(leadRadius);\n        if (canMix) {\n            target[borderLabel] = Math.max(mix(asNumber(followRadius), asNumber(leadRadius), progress), 0);\n            if (percent.test(leadRadius) || percent.test(followRadius)) {\n                target[borderLabel] += \"%\";\n            }\n        }\n        else {\n            target[borderLabel] = leadRadius;\n        }\n    }\n    /**\n     * Mix rotation\n     */\n    if (follow.rotate || lead.rotate) {\n        target.rotate = mix(follow.rotate || 0, lead.rotate || 0, progress);\n    }\n}\nfunction getRadius(values, radiusName) {\n    return values[radiusName] !== undefined\n        ? values[radiusName]\n        : values.borderRadius;\n}\n// /**\n//  * We only want to mix the background color if there's a follow element\n//  * that we're not crossfading opacity between. For instance with switch\n//  * AnimateSharedLayout animations, this helps the illusion of a continuous\n//  * element being animated but also cuts down on the number of paints triggered\n//  * for elements where opacity is doing that work for us.\n//  */\n// if (\n//     !hasFollowElement &&\n//     latestLeadValues.backgroundColor &&\n//     latestFollowValues.backgroundColor\n// ) {\n//     /**\n//      * This isn't ideal performance-wise as mixColor is creating a new function every frame.\n//      * We could probably create a mixer that runs at the start of the animation but\n//      * the idea behind the crossfader is that it runs dynamically between two potentially\n//      * changing targets (ie opacity or borderRadius may be animating independently via variants)\n//      */\n//     leadState.backgroundColor = followState.backgroundColor = mixColor(\n//         latestFollowValues.backgroundColor as string,\n//         latestLeadValues.backgroundColor as string\n//     )(p)\n// }\nconst easeCrossfadeIn = compress(0, 0.5, circOut);\nconst easeCrossfadeOut = compress(0.5, 0.95, noop);\nfunction compress(min, max, easing) {\n    return (p) => {\n        // Could replace ifs with clamp\n        if (p < min)\n            return 0;\n        if (p > max)\n            return 1;\n        return easing(progress(min, max, p));\n    };\n}\n\nexport { mixValues };\n","/**\n * Reset an axis to the provided origin box.\n *\n * This is a mutative operation.\n */\nfunction copyAxisInto(axis, originAxis) {\n    axis.min = originAxis.min;\n    axis.max = originAxis.max;\n}\n/**\n * Reset a box to the provided origin box.\n *\n * This is a mutative operation.\n */\nfunction copyBoxInto(box, originBox) {\n    copyAxisInto(box.x, originBox.x);\n    copyAxisInto(box.y, originBox.y);\n}\n\nexport { copyAxisInto, copyBoxInto };\n","import { mix } from '../../utils/mix.mjs';\nimport { percent } from '../../value/types/numbers/units.mjs';\nimport { scalePoint } from './delta-apply.mjs';\n\n/**\n * Remove a delta from a point. This is essentially the steps of applyPointDelta in reverse\n */\nfunction removePointDelta(point, translate, scale, originPoint, boxScale) {\n    point -= translate;\n    point = scalePoint(point, 1 / scale, originPoint);\n    if (boxScale !== undefined) {\n        point = scalePoint(point, 1 / boxScale, originPoint);\n    }\n    return point;\n}\n/**\n * Remove a delta from an axis. This is essentially the steps of applyAxisDelta in reverse\n */\nfunction removeAxisDelta(axis, translate = 0, scale = 1, origin = 0.5, boxScale, originAxis = axis, sourceAxis = axis) {\n    if (percent.test(translate)) {\n        translate = parseFloat(translate);\n        const relativeProgress = mix(sourceAxis.min, sourceAxis.max, translate / 100);\n        translate = relativeProgress - sourceAxis.min;\n    }\n    if (typeof translate !== \"number\")\n        return;\n    let originPoint = mix(originAxis.min, originAxis.max, origin);\n    if (axis === originAxis)\n        originPoint -= translate;\n    axis.min = removePointDelta(axis.min, translate, scale, originPoint, boxScale);\n    axis.max = removePointDelta(axis.max, translate, scale, originPoint, boxScale);\n}\n/**\n * Remove a transforms from an axis. This is essentially the steps of applyAxisTransforms in reverse\n * and acts as a bridge between motion values and removeAxisDelta\n */\nfunction removeAxisTransforms(axis, transforms, [key, scaleKey, originKey], origin, sourceAxis) {\n    removeAxisDelta(axis, transforms[key], transforms[scaleKey], transforms[originKey], transforms.scale, origin, sourceAxis);\n}\n/**\n * The names of the motion values we want to apply as translation, scale and origin.\n */\nconst xKeys = [\"x\", \"scaleX\", \"originX\"];\nconst yKeys = [\"y\", \"scaleY\", \"originY\"];\n/**\n * Remove a transforms from an box. This is essentially the steps of applyAxisBox in reverse\n * and acts as a bridge between motion values and removeAxisDelta\n */\nfunction removeBoxTransforms(box, transforms, originBox, sourceBox) {\n    removeAxisTransforms(box.x, transforms, xKeys, originBox ? originBox.x : undefined, sourceBox ? sourceBox.x : undefined);\n    removeAxisTransforms(box.y, transforms, yKeys, originBox ? originBox.y : undefined, sourceBox ? sourceBox.y : undefined);\n}\n\nexport { removeAxisDelta, removeAxisTransforms, removeBoxTransforms, removePointDelta };\n","import { calcLength } from './delta-calc.mjs';\n\nfunction isAxisDeltaZero(delta) {\n    return delta.translate === 0 && delta.scale === 1;\n}\nfunction isDeltaZero(delta) {\n    return isAxisDeltaZero(delta.x) && isAxisDeltaZero(delta.y);\n}\nfunction boxEquals(a, b) {\n    return (a.x.min === b.x.min &&\n        a.x.max === b.x.max &&\n        a.y.min === b.y.min &&\n        a.y.max === b.y.max);\n}\nfunction boxEqualsRounded(a, b) {\n    return (Math.round(a.x.min) === Math.round(b.x.min) &&\n        Math.round(a.x.max) === Math.round(b.x.max) &&\n        Math.round(a.y.min) === Math.round(b.y.min) &&\n        Math.round(a.y.max) === Math.round(b.y.max));\n}\nfunction aspectRatio(box) {\n    return calcLength(box.x) / calcLength(box.y);\n}\n\nexport { aspectRatio, boxEquals, boxEqualsRounded, isDeltaZero };\n","import { addUniqueItem, removeItem } from '../../utils/array.mjs';\n\nclass NodeStack {\n    constructor() {\n        this.members = [];\n    }\n    add(node) {\n        addUniqueItem(this.members, node);\n        node.scheduleRender();\n    }\n    remove(node) {\n        removeItem(this.members, node);\n        if (node === this.prevLead) {\n            this.prevLead = undefined;\n        }\n        if (node === this.lead) {\n            const prevLead = this.members[this.members.length - 1];\n            if (prevLead) {\n                this.promote(prevLead);\n            }\n        }\n    }\n    relegate(node) {\n        const indexOfNode = this.members.findIndex((member) => node === member);\n        if (indexOfNode === 0)\n            return false;\n        /**\n         * Find the next projection node that is present\n         */\n        let prevLead;\n        for (let i = indexOfNode; i >= 0; i--) {\n            const member = this.members[i];\n            if (member.isPresent !== false) {\n                prevLead = member;\n                break;\n            }\n        }\n        if (prevLead) {\n            this.promote(prevLead);\n            return true;\n        }\n        else {\n            return false;\n        }\n    }\n    promote(node, preserveFollowOpacity) {\n        const prevLead = this.lead;\n        if (node === prevLead)\n            return;\n        this.prevLead = prevLead;\n        this.lead = node;\n        node.show();\n        if (prevLead) {\n            prevLead.instance && prevLead.scheduleRender();\n            node.scheduleRender();\n            node.resumeFrom = prevLead;\n            if (preserveFollowOpacity) {\n                node.resumeFrom.preserveOpacity = true;\n            }\n            if (prevLead.snapshot) {\n                node.snapshot = prevLead.snapshot;\n                node.snapshot.latestValues =\n                    prevLead.animationValues || prevLead.latestValues;\n            }\n            if (node.root && node.root.isUpdating) {\n                node.isLayoutDirty = true;\n            }\n            const { crossfade } = node.options;\n            if (crossfade === false) {\n                prevLead.hide();\n            }\n            /**\n             * TODO:\n             *   - Test border radius when previous node was deleted\n             *   - boxShadow mixing\n             *   - Shared between element A in scrolled container and element B (scroll stays the same or changes)\n             *   - Shared between element A in transformed container and element B (transform stays the same or changes)\n             *   - Shared between element A in scrolled page and element B (scroll stays the same or changes)\n             * ---\n             *   - Crossfade opacity of root nodes\n             *   - layoutId changes after animation\n             *   - layoutId changes mid animation\n             */\n        }\n    }\n    exitAnimationComplete() {\n        this.members.forEach((node) => {\n            const { options, resumingFrom } = node;\n            options.onExitComplete && options.onExitComplete();\n            if (resumingFrom) {\n                resumingFrom.options.onExitComplete &&\n                    resumingFrom.options.onExitComplete();\n            }\n        });\n    }\n    scheduleRender() {\n        this.members.forEach((node) => {\n            node.instance && node.scheduleRender(false);\n        });\n    }\n    /**\n     * Clear any leads that have been removed this render to prevent them from being\n     * used in future animations and to prevent memory leaks\n     */\n    removeLeadSnapshot() {\n        if (this.lead && this.lead.snapshot) {\n            this.lead.snapshot = undefined;\n        }\n    }\n}\n\nexport { NodeStack };\n","function buildProjectionTransform(delta, treeScale, latestTransform) {\n    let transform = \"\";\n    /**\n     * The translations we use to calculate are always relative to the viewport coordinate space.\n     * But when we apply scales, we also scale the coordinate space of an element and its children.\n     * For instance if we have a treeScale (the culmination of all parent scales) of 0.5 and we need\n     * to move an element 100 pixels, we actually need to move it 200 in within that scaled space.\n     */\n    const xTranslate = delta.x.translate / treeScale.x;\n    const yTranslate = delta.y.translate / treeScale.y;\n    if (xTranslate || yTranslate) {\n        transform = `translate3d(${xTranslate}px, ${yTranslate}px, 0) `;\n    }\n    /**\n     * Apply scale correction for the tree transform.\n     * This will apply scale to the screen-orientated axes.\n     */\n    if (treeScale.x !== 1 || treeScale.y !== 1) {\n        transform += `scale(${1 / treeScale.x}, ${1 / treeScale.y}) `;\n    }\n    if (latestTransform) {\n        const { rotate, rotateX, rotateY } = latestTransform;\n        if (rotate)\n            transform += `rotate(${rotate}deg) `;\n        if (rotateX)\n            transform += `rotateX(${rotateX}deg) `;\n        if (rotateY)\n            transform += `rotateY(${rotateY}deg) `;\n    }\n    /**\n     * Apply scale to match the size of the element to the size we want it.\n     * This will apply scale to the element-orientated axes.\n     */\n    const elementScaleX = delta.x.scale * treeScale.x;\n    const elementScaleY = delta.y.scale * treeScale.y;\n    if (elementScaleX !== 1 || elementScaleY !== 1) {\n        transform += `scale(${elementScaleX}, ${elementScaleY})`;\n    }\n    return transform || \"none\";\n}\n\nexport { buildProjectionTransform };\n","const compareByDepth = (a, b) => a.depth - b.depth;\n\nexport { compareByDepth };\n","import { addUniqueItem, removeItem } from '../../utils/array.mjs';\nimport { compareByDepth } from './compare-by-depth.mjs';\n\nclass FlatTree {\n    constructor() {\n        this.children = [];\n        this.isDirty = false;\n    }\n    add(child) {\n        addUniqueItem(this.children, child);\n        this.isDirty = true;\n    }\n    remove(child) {\n        removeItem(this.children, child);\n        this.isDirty = true;\n    }\n    forEach(callback) {\n        this.isDirty && this.children.sort(compareByDepth);\n        this.isDirty = false;\n        this.children.forEach(callback);\n    }\n}\n\nexport { FlatTree };\n","import { frame, cancelFrame } from '../frameloop/frame.mjs';\n\n/**\n * Timeout defined in ms\n */\nfunction delay(callback, timeout) {\n    const start = performance.now();\n    const checkElapsed = ({ timestamp }) => {\n        const elapsed = timestamp - start;\n        if (elapsed >= timeout) {\n            cancelFrame(checkElapsed);\n            callback(elapsed - timeout);\n        }\n    };\n    frame.read(checkElapsed, true);\n    return () => cancelFrame(checkElapsed);\n}\n\nexport { delay };\n","function record(data) {\n    if (window.MotionDebug) {\n        window.MotionDebug.record(data);\n    }\n}\n\nexport { record };\n","import { SubscriptionManager } from '../../utils/subscription-manager.mjs';\nimport { mixValues } from '../animation/mix-values.mjs';\nimport { copyBoxInto } from '../geometry/copy.mjs';\nimport { translateAxis, transformBox, applyBoxDelta, applyTreeDeltas } from '../geometry/delta-apply.mjs';\nimport { calcRelativePosition, calcRelativeBox, calcBoxDelta, calcLength, isNear } from '../geometry/delta-calc.mjs';\nimport { removeBoxTransforms } from '../geometry/delta-remove.mjs';\nimport { createBox, createDelta } from '../geometry/models.mjs';\nimport { getValueTransition } from '../../animation/utils/transitions.mjs';\nimport { boxEqualsRounded, isDeltaZero, aspectRatio, boxEquals } from '../geometry/utils.mjs';\nimport { NodeStack } from '../shared/stack.mjs';\nimport { scaleCorrectors } from '../styles/scale-correction.mjs';\nimport { buildProjectionTransform } from '../styles/transform.mjs';\nimport { eachAxis } from '../utils/each-axis.mjs';\nimport { hasTransform, hasScale, has2DTranslate } from '../utils/has-transform.mjs';\nimport { FlatTree } from '../../render/utils/flat-tree.mjs';\nimport { resolveMotionValue } from '../../value/utils/resolve-motion-value.mjs';\nimport { globalProjectionState } from './state.mjs';\nimport { delay } from '../../utils/delay.mjs';\nimport { mix } from '../../utils/mix.mjs';\nimport { record } from '../../debug/record.mjs';\nimport { isSVGElement } from '../../render/dom/utils/is-svg-element.mjs';\nimport { animateSingleValue } from '../../animation/interfaces/single-value.mjs';\nimport { clamp } from '../../utils/clamp.mjs';\nimport { cancelFrame, frameData, steps, frame } from '../../frameloop/frame.mjs';\nimport { noop } from '../../utils/noop.mjs';\n\nconst transformAxes = [\"\", \"X\", \"Y\", \"Z\"];\nconst hiddenVisibility = { visibility: \"hidden\" };\n/**\n * We use 1000 as the animation target as 0-1000 maps better to pixels than 0-1\n * which has a noticeable difference in spring animations\n */\nconst animationTarget = 1000;\nlet id = 0;\n/**\n * Use a mutable data object for debug data so as to not create a new\n * object every frame.\n */\nconst projectionFrameData = {\n    type: \"projectionFrame\",\n    totalNodes: 0,\n    resolvedTargetDeltas: 0,\n    recalculatedProjection: 0,\n};\nfunction createProjectionNode({ attachResizeListener, defaultParent, measureScroll, checkIsScrollRoot, resetTransform, }) {\n    return class ProjectionNode {\n        constructor(latestValues = {}, parent = defaultParent === null || defaultParent === void 0 ? void 0 : defaultParent()) {\n            /**\n             * A unique ID generated for every projection node.\n             */\n            this.id = id++;\n            /**\n             * An id that represents a unique session instigated by startUpdate.\n             */\n            this.animationId = 0;\n            /**\n             * A Set containing all this component's children. This is used to iterate\n             * through the children.\n             *\n             * TODO: This could be faster to iterate as a flat array stored on the root node.\n             */\n            this.children = new Set();\n            /**\n             * Options for the node. We use this to configure what kind of layout animations\n             * we should perform (if any).\n             */\n            this.options = {};\n            /**\n             * We use this to detect when its safe to shut down part of a projection tree.\n             * We have to keep projecting children for scale correction and relative projection\n             * until all their parents stop performing layout animations.\n             */\n            this.isTreeAnimating = false;\n            this.isAnimationBlocked = false;\n            /**\n             * Flag to true if we think this layout has been changed. We can't always know this,\n             * currently we set it to true every time a component renders, or if it has a layoutDependency\n             * if that has changed between renders. Additionally, components can be grouped by LayoutGroup\n             * and if one node is dirtied, they all are.\n             */\n            this.isLayoutDirty = false;\n            /**\n             * Flag to true if we think the projection calculations for this node needs\n             * recalculating as a result of an updated transform or layout animation.\n             */\n            this.isProjectionDirty = false;\n            /**\n             * Flag to true if the layout *or* transform has changed. This then gets propagated\n             * throughout the projection tree, forcing any element below to recalculate on the next frame.\n             */\n            this.isSharedProjectionDirty = false;\n            /**\n             * Flag transform dirty. This gets propagated throughout the whole tree but is only\n             * respected by shared nodes.\n             */\n            this.isTransformDirty = false;\n            /**\n             * Block layout updates for instant layout transitions throughout the tree.\n             */\n            this.updateManuallyBlocked = false;\n            this.updateBlockedByResize = false;\n            /**\n             * Set to true between the start of the first `willUpdate` call and the end of the `didUpdate`\n             * call.\n             */\n            this.isUpdating = false;\n            /**\n             * If this is an SVG element we currently disable projection transforms\n             */\n            this.isSVG = false;\n            /**\n             * Flag to true (during promotion) if a node doing an instant layout transition needs to reset\n             * its projection styles.\n             */\n            this.needsReset = false;\n            /**\n             * Flags whether this node should have its transform reset prior to measuring.\n             */\n            this.shouldResetTransform = false;\n            /**\n             * An object representing the calculated contextual/accumulated/tree scale.\n             * This will be used to scale calculcated projection transforms, as these are\n             * calculated in screen-space but need to be scaled for elements to layoutly\n             * make it to their calculated destinations.\n             *\n             * TODO: Lazy-init\n             */\n            this.treeScale = { x: 1, y: 1 };\n            /**\n             *\n             */\n            this.eventHandlers = new Map();\n            this.hasTreeAnimated = false;\n            // Note: Currently only running on root node\n            this.updateScheduled = false;\n            this.projectionUpdateScheduled = false;\n            this.checkUpdateFailed = () => {\n                if (this.isUpdating) {\n                    this.isUpdating = false;\n                    this.clearAllSnapshots();\n                }\n            };\n            /**\n             * This is a multi-step process as shared nodes might be of different depths. Nodes\n             * are sorted by depth order, so we need to resolve the entire tree before moving to\n             * the next step.\n             */\n            this.updateProjection = () => {\n                this.projectionUpdateScheduled = false;\n                /**\n                 * Reset debug counts. Manually resetting rather than creating a new\n                 * object each frame.\n                 */\n                projectionFrameData.totalNodes =\n                    projectionFrameData.resolvedTargetDeltas =\n                        projectionFrameData.recalculatedProjection =\n                            0;\n                this.nodes.forEach(propagateDirtyNodes);\n                this.nodes.forEach(resolveTargetDelta);\n                this.nodes.forEach(calcProjection);\n                this.nodes.forEach(cleanDirtyNodes);\n                record(projectionFrameData);\n            };\n            this.hasProjected = false;\n            this.isVisible = true;\n            this.animationProgress = 0;\n            /**\n             * Shared layout\n             */\n            // TODO Only running on root node\n            this.sharedNodes = new Map();\n            this.latestValues = latestValues;\n            this.root = parent ? parent.root || parent : this;\n            this.path = parent ? [...parent.path, parent] : [];\n            this.parent = parent;\n            this.depth = parent ? parent.depth + 1 : 0;\n            for (let i = 0; i < this.path.length; i++) {\n                this.path[i].shouldResetTransform = true;\n            }\n            if (this.root === this)\n                this.nodes = new FlatTree();\n        }\n        addEventListener(name, handler) {\n            if (!this.eventHandlers.has(name)) {\n                this.eventHandlers.set(name, new SubscriptionManager());\n            }\n            return this.eventHandlers.get(name).add(handler);\n        }\n        notifyListeners(name, ...args) {\n            const subscriptionManager = this.eventHandlers.get(name);\n            subscriptionManager && subscriptionManager.notify(...args);\n        }\n        hasListeners(name) {\n            return this.eventHandlers.has(name);\n        }\n        /**\n         * Lifecycles\n         */\n        mount(instance, isLayoutDirty = this.root.hasTreeAnimated) {\n            if (this.instance)\n                return;\n            this.isSVG = isSVGElement(instance);\n            this.instance = instance;\n            const { layoutId, layout, visualElement } = this.options;\n            if (visualElement && !visualElement.current) {\n                visualElement.mount(instance);\n            }\n            this.root.nodes.add(this);\n            this.parent && this.parent.children.add(this);\n            if (isLayoutDirty && (layout || layoutId)) {\n                this.isLayoutDirty = true;\n            }\n            if (attachResizeListener) {\n                let cancelDelay;\n                const resizeUnblockUpdate = () => (this.root.updateBlockedByResize = false);\n                attachResizeListener(instance, () => {\n                    this.root.updateBlockedByResize = true;\n                    cancelDelay && cancelDelay();\n                    cancelDelay = delay(resizeUnblockUpdate, 250);\n                    if (globalProjectionState.hasAnimatedSinceResize) {\n                        globalProjectionState.hasAnimatedSinceResize = false;\n                        this.nodes.forEach(finishAnimation);\n                    }\n                });\n            }\n            if (layoutId) {\n                this.root.registerSharedNode(layoutId, this);\n            }\n            // Only register the handler if it requires layout animation\n            if (this.options.animate !== false &&\n                visualElement &&\n                (layoutId || layout)) {\n                this.addEventListener(\"didUpdate\", ({ delta, hasLayoutChanged, hasRelativeTargetChanged, layout: newLayout, }) => {\n                    if (this.isTreeAnimationBlocked()) {\n                        this.target = undefined;\n                        this.relativeTarget = undefined;\n                        return;\n                    }\n                    // TODO: Check here if an animation exists\n                    const layoutTransition = this.options.transition ||\n                        visualElement.getDefaultTransition() ||\n                        defaultLayoutTransition;\n                    const { onLayoutAnimationStart, onLayoutAnimationComplete, } = visualElement.getProps();\n                    /**\n                     * The target layout of the element might stay the same,\n                     * but its position relative to its parent has changed.\n                     */\n                    const targetChanged = !this.targetLayout ||\n                        !boxEqualsRounded(this.targetLayout, newLayout) ||\n                        hasRelativeTargetChanged;\n                    /**\n                     * If the layout hasn't seemed to have changed, it might be that the\n                     * element is visually in the same place in the document but its position\n                     * relative to its parent has indeed changed. So here we check for that.\n                     */\n                    const hasOnlyRelativeTargetChanged = !hasLayoutChanged && hasRelativeTargetChanged;\n                    if (this.options.layoutRoot ||\n                        (this.resumeFrom && this.resumeFrom.instance) ||\n                        hasOnlyRelativeTargetChanged ||\n                        (hasLayoutChanged &&\n                            (targetChanged || !this.currentAnimation))) {\n                        if (this.resumeFrom) {\n                            this.resumingFrom = this.resumeFrom;\n                            this.resumingFrom.resumingFrom = undefined;\n                        }\n                        this.setAnimationOrigin(delta, hasOnlyRelativeTargetChanged);\n                        const animationOptions = {\n                            ...getValueTransition(layoutTransition, \"layout\"),\n                            onPlay: onLayoutAnimationStart,\n                            onComplete: onLayoutAnimationComplete,\n                        };\n                        if (visualElement.shouldReduceMotion ||\n                            this.options.layoutRoot) {\n                            animationOptions.delay = 0;\n                            animationOptions.type = false;\n                        }\n                        this.startAnimation(animationOptions);\n                    }\n                    else {\n                        /**\n                         * If the layout hasn't changed and we have an animation that hasn't started yet,\n                         * finish it immediately. Otherwise it will be animating from a location\n                         * that was probably never commited to screen and look like a jumpy box.\n                         */\n                        if (!hasLayoutChanged) {\n                            finishAnimation(this);\n                        }\n                        if (this.isLead() && this.options.onExitComplete) {\n                            this.options.onExitComplete();\n                        }\n                    }\n                    this.targetLayout = newLayout;\n                });\n            }\n        }\n        unmount() {\n            this.options.layoutId && this.willUpdate();\n            this.root.nodes.remove(this);\n            const stack = this.getStack();\n            stack && stack.remove(this);\n            this.parent && this.parent.children.delete(this);\n            this.instance = undefined;\n            cancelFrame(this.updateProjection);\n        }\n        // only on the root\n        blockUpdate() {\n            this.updateManuallyBlocked = true;\n        }\n        unblockUpdate() {\n            this.updateManuallyBlocked = false;\n        }\n        isUpdateBlocked() {\n            return this.updateManuallyBlocked || this.updateBlockedByResize;\n        }\n        isTreeAnimationBlocked() {\n            return (this.isAnimationBlocked ||\n                (this.parent && this.parent.isTreeAnimationBlocked()) ||\n                false);\n        }\n        // Note: currently only running on root node\n        startUpdate() {\n            if (this.isUpdateBlocked())\n                return;\n            this.isUpdating = true;\n            this.nodes && this.nodes.forEach(resetRotation);\n            this.animationId++;\n        }\n        getTransformTemplate() {\n            const { visualElement } = this.options;\n            return visualElement && visualElement.getProps().transformTemplate;\n        }\n        willUpdate(shouldNotifyListeners = true) {\n            this.root.hasTreeAnimated = true;\n            if (this.root.isUpdateBlocked()) {\n                this.options.onExitComplete && this.options.onExitComplete();\n                return;\n            }\n            !this.root.isUpdating && this.root.startUpdate();\n            if (this.isLayoutDirty)\n                return;\n            this.isLayoutDirty = true;\n            for (let i = 0; i < this.path.length; i++) {\n                const node = this.path[i];\n                node.shouldResetTransform = true;\n                node.updateScroll(\"snapshot\");\n                if (node.options.layoutRoot) {\n                    node.willUpdate(false);\n                }\n            }\n            const { layoutId, layout } = this.options;\n            if (layoutId === undefined && !layout)\n                return;\n            const transformTemplate = this.getTransformTemplate();\n            this.prevTransformTemplateValue = transformTemplate\n                ? transformTemplate(this.latestValues, \"\")\n                : undefined;\n            this.updateSnapshot();\n            shouldNotifyListeners && this.notifyListeners(\"willUpdate\");\n        }\n        update() {\n            this.updateScheduled = false;\n            const updateWasBlocked = this.isUpdateBlocked();\n            // When doing an instant transition, we skip the layout update,\n            // but should still clean up the measurements so that the next\n            // snapshot could be taken correctly.\n            if (updateWasBlocked) {\n                this.unblockUpdate();\n                this.clearAllSnapshots();\n                this.nodes.forEach(clearMeasurements);\n                return;\n            }\n            if (!this.isUpdating) {\n                this.nodes.forEach(clearIsLayoutDirty);\n            }\n            this.isUpdating = false;\n            /**\n             * Write\n             */\n            this.nodes.forEach(resetTransformStyle);\n            /**\n             * Read ==================\n             */\n            // Update layout measurements of updated children\n            this.nodes.forEach(updateLayout);\n            /**\n             * Write\n             */\n            // Notify listeners that the layout is updated\n            this.nodes.forEach(notifyLayoutUpdate);\n            this.clearAllSnapshots();\n            /**\n             * Manually flush any pending updates. Ideally\n             * we could leave this to the following requestAnimationFrame but this seems\n             * to leave a flash of incorrectly styled content.\n             */\n            const now = performance.now();\n            frameData.delta = clamp(0, 1000 / 60, now - frameData.timestamp);\n            frameData.timestamp = now;\n            frameData.isProcessing = true;\n            steps.update.process(frameData);\n            steps.preRender.process(frameData);\n            steps.render.process(frameData);\n            frameData.isProcessing = false;\n        }\n        didUpdate() {\n            if (!this.updateScheduled) {\n                this.updateScheduled = true;\n                queueMicrotask(() => this.update());\n            }\n        }\n        clearAllSnapshots() {\n            this.nodes.forEach(clearSnapshot);\n            this.sharedNodes.forEach(removeLeadSnapshots);\n        }\n        scheduleUpdateProjection() {\n            if (!this.projectionUpdateScheduled) {\n                this.projectionUpdateScheduled = true;\n                frame.preRender(this.updateProjection, false, true);\n            }\n        }\n        scheduleCheckAfterUnmount() {\n            /**\n             * If the unmounting node is in a layoutGroup and did trigger a willUpdate,\n             * we manually call didUpdate to give a chance to the siblings to animate.\n             * Otherwise, cleanup all snapshots to prevents future nodes from reusing them.\n             */\n            frame.postRender(() => {\n                if (this.isLayoutDirty) {\n                    this.root.didUpdate();\n                }\n                else {\n                    this.root.checkUpdateFailed();\n                }\n            });\n        }\n        /**\n         * Update measurements\n         */\n        updateSnapshot() {\n            if (this.snapshot || !this.instance)\n                return;\n            this.snapshot = this.measure();\n        }\n        updateLayout() {\n            if (!this.instance)\n                return;\n            // TODO: Incorporate into a forwarded scroll offset\n            this.updateScroll();\n            if (!(this.options.alwaysMeasureLayout && this.isLead()) &&\n                !this.isLayoutDirty) {\n                return;\n            }\n            /**\n             * When a node is mounted, it simply resumes from the prevLead's\n             * snapshot instead of taking a new one, but the ancestors scroll\n             * might have updated while the prevLead is unmounted. We need to\n             * update the scroll again to make sure the layout we measure is\n             * up to date.\n             */\n            if (this.resumeFrom && !this.resumeFrom.instance) {\n                for (let i = 0; i < this.path.length; i++) {\n                    const node = this.path[i];\n                    node.updateScroll();\n                }\n            }\n            const prevLayout = this.layout;\n            this.layout = this.measure(false);\n            this.layoutCorrected = createBox();\n            this.isLayoutDirty = false;\n            this.projectionDelta = undefined;\n            this.notifyListeners(\"measure\", this.layout.layoutBox);\n            const { visualElement } = this.options;\n            visualElement &&\n                visualElement.notify(\"LayoutMeasure\", this.layout.layoutBox, prevLayout ? prevLayout.layoutBox : undefined);\n        }\n        updateScroll(phase = \"measure\") {\n            let needsMeasurement = Boolean(this.options.layoutScroll && this.instance);\n            if (this.scroll &&\n                this.scroll.animationId === this.root.animationId &&\n                this.scroll.phase === phase) {\n                needsMeasurement = false;\n            }\n            if (needsMeasurement) {\n                this.scroll = {\n                    animationId: this.root.animationId,\n                    phase,\n                    isRoot: checkIsScrollRoot(this.instance),\n                    offset: measureScroll(this.instance),\n                };\n            }\n        }\n        resetTransform() {\n            if (!resetTransform)\n                return;\n            const isResetRequested = this.isLayoutDirty || this.shouldResetTransform;\n            const hasProjection = this.projectionDelta && !isDeltaZero(this.projectionDelta);\n            const transformTemplate = this.getTransformTemplate();\n            const transformTemplateValue = transformTemplate\n                ? transformTemplate(this.latestValues, \"\")\n                : undefined;\n            const transformTemplateHasChanged = transformTemplateValue !== this.prevTransformTemplateValue;\n            if (isResetRequested &&\n                (hasProjection ||\n                    hasTransform(this.latestValues) ||\n                    transformTemplateHasChanged)) {\n                resetTransform(this.instance, transformTemplateValue);\n                this.shouldResetTransform = false;\n                this.scheduleRender();\n            }\n        }\n        measure(removeTransform = true) {\n            const pageBox = this.measurePageBox();\n            let layoutBox = this.removeElementScroll(pageBox);\n            /**\n             * Measurements taken during the pre-render stage\n             * still have transforms applied so we remove them\n             * via calculation.\n             */\n            if (removeTransform) {\n                layoutBox = this.removeTransform(layoutBox);\n            }\n            roundBox(layoutBox);\n            return {\n                animationId: this.root.animationId,\n                measuredBox: pageBox,\n                layoutBox,\n                latestValues: {},\n                source: this.id,\n            };\n        }\n        measurePageBox() {\n            const { visualElement } = this.options;\n            if (!visualElement)\n                return createBox();\n            const box = visualElement.measureViewportBox();\n            // Remove viewport scroll to give page-relative coordinates\n            const { scroll } = this.root;\n            if (scroll) {\n                translateAxis(box.x, scroll.offset.x);\n                translateAxis(box.y, scroll.offset.y);\n            }\n            return box;\n        }\n        removeElementScroll(box) {\n            const boxWithoutScroll = createBox();\n            copyBoxInto(boxWithoutScroll, box);\n            /**\n             * Performance TODO: Keep a cumulative scroll offset down the tree\n             * rather than loop back up the path.\n             */\n            for (let i = 0; i < this.path.length; i++) {\n                const node = this.path[i];\n                const { scroll, options } = node;\n                if (node !== this.root && scroll && options.layoutScroll) {\n                    /**\n                     * If this is a new scroll root, we want to remove all previous scrolls\n                     * from the viewport box.\n                     */\n                    if (scroll.isRoot) {\n                        copyBoxInto(boxWithoutScroll, box);\n                        const { scroll: rootScroll } = this.root;\n                        /**\n                         * Undo the application of page scroll that was originally added\n                         * to the measured bounding box.\n                         */\n                        if (rootScroll) {\n                            translateAxis(boxWithoutScroll.x, -rootScroll.offset.x);\n                            translateAxis(boxWithoutScroll.y, -rootScroll.offset.y);\n                        }\n                    }\n                    translateAxis(boxWithoutScroll.x, scroll.offset.x);\n                    translateAxis(boxWithoutScroll.y, scroll.offset.y);\n                }\n            }\n            return boxWithoutScroll;\n        }\n        applyTransform(box, transformOnly = false) {\n            const withTransforms = createBox();\n            copyBoxInto(withTransforms, box);\n            for (let i = 0; i < this.path.length; i++) {\n                const node = this.path[i];\n                if (!transformOnly &&\n                    node.options.layoutScroll &&\n                    node.scroll &&\n                    node !== node.root) {\n                    transformBox(withTransforms, {\n                        x: -node.scroll.offset.x,\n                        y: -node.scroll.offset.y,\n                    });\n                }\n                if (!hasTransform(node.latestValues))\n                    continue;\n                transformBox(withTransforms, node.latestValues);\n            }\n            if (hasTransform(this.latestValues)) {\n                transformBox(withTransforms, this.latestValues);\n            }\n            return withTransforms;\n        }\n        removeTransform(box) {\n            const boxWithoutTransform = createBox();\n            copyBoxInto(boxWithoutTransform, box);\n            for (let i = 0; i < this.path.length; i++) {\n                const node = this.path[i];\n                if (!node.instance)\n                    continue;\n                if (!hasTransform(node.latestValues))\n                    continue;\n                hasScale(node.latestValues) && node.updateSnapshot();\n                const sourceBox = createBox();\n                const nodeBox = node.measurePageBox();\n                copyBoxInto(sourceBox, nodeBox);\n                removeBoxTransforms(boxWithoutTransform, node.latestValues, node.snapshot ? node.snapshot.layoutBox : undefined, sourceBox);\n            }\n            if (hasTransform(this.latestValues)) {\n                removeBoxTransforms(boxWithoutTransform, this.latestValues);\n            }\n            return boxWithoutTransform;\n        }\n        setTargetDelta(delta) {\n            this.targetDelta = delta;\n            this.root.scheduleUpdateProjection();\n            this.isProjectionDirty = true;\n        }\n        setOptions(options) {\n            this.options = {\n                ...this.options,\n                ...options,\n                crossfade: options.crossfade !== undefined ? options.crossfade : true,\n            };\n        }\n        clearMeasurements() {\n            this.scroll = undefined;\n            this.layout = undefined;\n            this.snapshot = undefined;\n            this.prevTransformTemplateValue = undefined;\n            this.targetDelta = undefined;\n            this.target = undefined;\n            this.isLayoutDirty = false;\n        }\n        forceRelativeParentToResolveTarget() {\n            if (!this.relativeParent)\n                return;\n            /**\n             * If the parent target isn't up-to-date, force it to update.\n             * This is an unfortunate de-optimisation as it means any updating relative\n             * projection will cause all the relative parents to recalculate back\n             * up the tree.\n             */\n            if (this.relativeParent.resolvedRelativeTargetAt !==\n                frameData.timestamp) {\n                this.relativeParent.resolveTargetDelta(true);\n            }\n        }\n        resolveTargetDelta(forceRecalculation = false) {\n            var _a;\n            /**\n             * Once the dirty status of nodes has been spread through the tree, we also\n             * need to check if we have a shared node of a different depth that has itself\n             * been dirtied.\n             */\n            const lead = this.getLead();\n            this.isProjectionDirty || (this.isProjectionDirty = lead.isProjectionDirty);\n            this.isTransformDirty || (this.isTransformDirty = lead.isTransformDirty);\n            this.isSharedProjectionDirty || (this.isSharedProjectionDirty = lead.isSharedProjectionDirty);\n            const isShared = Boolean(this.resumingFrom) || this !== lead;\n            /**\n             * We don't use transform for this step of processing so we don't\n             * need to check whether any nodes have changed transform.\n             */\n            const canSkip = !(forceRecalculation ||\n                (isShared && this.isSharedProjectionDirty) ||\n                this.isProjectionDirty ||\n                ((_a = this.parent) === null || _a === void 0 ? void 0 : _a.isProjectionDirty) ||\n                this.attemptToResolveRelativeTarget);\n            if (canSkip)\n                return;\n            const { layout, layoutId } = this.options;\n            /**\n             * If we have no layout, we can't perform projection, so early return\n             */\n            if (!this.layout || !(layout || layoutId))\n                return;\n            this.resolvedRelativeTargetAt = frameData.timestamp;\n            /**\n             * If we don't have a targetDelta but do have a layout, we can attempt to resolve\n             * a relativeParent. This will allow a component to perform scale correction\n             * even if no animation has started.\n             */\n            // TODO If this is unsuccessful this currently happens every frame\n            if (!this.targetDelta && !this.relativeTarget) {\n                // TODO: This is a semi-repetition of further down this function, make DRY\n                const relativeParent = this.getClosestProjectingParent();\n                if (relativeParent &&\n                    relativeParent.layout &&\n                    this.animationProgress !== 1) {\n                    this.relativeParent = relativeParent;\n                    this.forceRelativeParentToResolveTarget();\n                    this.relativeTarget = createBox();\n                    this.relativeTargetOrigin = createBox();\n                    calcRelativePosition(this.relativeTargetOrigin, this.layout.layoutBox, relativeParent.layout.layoutBox);\n                    copyBoxInto(this.relativeTarget, this.relativeTargetOrigin);\n                }\n                else {\n                    this.relativeParent = this.relativeTarget = undefined;\n                }\n            }\n            /**\n             * If we have no relative target or no target delta our target isn't valid\n             * for this frame.\n             */\n            if (!this.relativeTarget && !this.targetDelta)\n                return;\n            /**\n             * Lazy-init target data structure\n             */\n            if (!this.target) {\n                this.target = createBox();\n                this.targetWithTransforms = createBox();\n            }\n            /**\n             * If we've got a relative box for this component, resolve it into a target relative to the parent.\n             */\n            if (this.relativeTarget &&\n                this.relativeTargetOrigin &&\n                this.relativeParent &&\n                this.relativeParent.target) {\n                this.forceRelativeParentToResolveTarget();\n                calcRelativeBox(this.target, this.relativeTarget, this.relativeParent.target);\n                /**\n                 * If we've only got a targetDelta, resolve it into a target\n                 */\n            }\n            else if (this.targetDelta) {\n                if (Boolean(this.resumingFrom)) {\n                    // TODO: This is creating a new object every frame\n                    this.target = this.applyTransform(this.layout.layoutBox);\n                }\n                else {\n                    copyBoxInto(this.target, this.layout.layoutBox);\n                }\n                applyBoxDelta(this.target, this.targetDelta);\n            }\n            else {\n                /**\n                 * If no target, use own layout as target\n                 */\n                copyBoxInto(this.target, this.layout.layoutBox);\n            }\n            /**\n             * If we've been told to attempt to resolve a relative target, do so.\n             */\n            if (this.attemptToResolveRelativeTarget) {\n                this.attemptToResolveRelativeTarget = false;\n                const relativeParent = this.getClosestProjectingParent();\n                if (relativeParent &&\n                    Boolean(relativeParent.resumingFrom) ===\n                        Boolean(this.resumingFrom) &&\n                    !relativeParent.options.layoutScroll &&\n                    relativeParent.target &&\n                    this.animationProgress !== 1) {\n                    this.relativeParent = relativeParent;\n                    this.forceRelativeParentToResolveTarget();\n                    this.relativeTarget = createBox();\n                    this.relativeTargetOrigin = createBox();\n                    calcRelativePosition(this.relativeTargetOrigin, this.target, relativeParent.target);\n                    copyBoxInto(this.relativeTarget, this.relativeTargetOrigin);\n                }\n                else {\n                    this.relativeParent = this.relativeTarget = undefined;\n                }\n            }\n            /**\n             * Increase debug counter for resolved target deltas\n             */\n            projectionFrameData.resolvedTargetDeltas++;\n        }\n        getClosestProjectingParent() {\n            if (!this.parent ||\n                hasScale(this.parent.latestValues) ||\n                has2DTranslate(this.parent.latestValues)) {\n                return undefined;\n            }\n            if (this.parent.isProjecting()) {\n                return this.parent;\n            }\n            else {\n                return this.parent.getClosestProjectingParent();\n            }\n        }\n        isProjecting() {\n            return Boolean((this.relativeTarget ||\n                this.targetDelta ||\n                this.options.layoutRoot) &&\n                this.layout);\n        }\n        calcProjection() {\n            var _a;\n            const lead = this.getLead();\n            const isShared = Boolean(this.resumingFrom) || this !== lead;\n            let canSkip = true;\n            /**\n             * If this is a normal layout animation and neither this node nor its nearest projecting\n             * is dirty then we can't skip.\n             */\n            if (this.isProjectionDirty || ((_a = this.parent) === null || _a === void 0 ? void 0 : _a.isProjectionDirty)) {\n                canSkip = false;\n            }\n            /**\n             * If this is a shared layout animation and this node's shared projection is dirty then\n             * we can't skip.\n             */\n            if (isShared &&\n                (this.isSharedProjectionDirty || this.isTransformDirty)) {\n                canSkip = false;\n            }\n            /**\n             * If we have resolved the target this frame we must recalculate the\n             * projection to ensure it visually represents the internal calculations.\n             */\n            if (this.resolvedRelativeTargetAt === frameData.timestamp) {\n                canSkip = false;\n            }\n            if (canSkip)\n                return;\n            const { layout, layoutId } = this.options;\n            /**\n             * If this section of the tree isn't animating we can\n             * delete our target sources for the following frame.\n             */\n            this.isTreeAnimating = Boolean((this.parent && this.parent.isTreeAnimating) ||\n                this.currentAnimation ||\n                this.pendingAnimation);\n            if (!this.isTreeAnimating) {\n                this.targetDelta = this.relativeTarget = undefined;\n            }\n            if (!this.layout || !(layout || layoutId))\n                return;\n            /**\n             * Reset the corrected box with the latest values from box, as we're then going\n             * to perform mutative operations on it.\n             */\n            copyBoxInto(this.layoutCorrected, this.layout.layoutBox);\n            /**\n             * Record previous tree scales before updating.\n             */\n            const prevTreeScaleX = this.treeScale.x;\n            const prevTreeScaleY = this.treeScale.y;\n            /**\n             * Apply all the parent deltas to this box to produce the corrected box. This\n             * is the layout box, as it will appear on screen as a result of the transforms of its parents.\n             */\n            applyTreeDeltas(this.layoutCorrected, this.treeScale, this.path, isShared);\n            /**\n             * If this layer needs to perform scale correction but doesn't have a target,\n             * use the layout as the target.\n             */\n            if (lead.layout &&\n                !lead.target &&\n                (this.treeScale.x !== 1 || this.treeScale.y !== 1)) {\n                lead.target = lead.layout.layoutBox;\n            }\n            const { target } = lead;\n            if (!target) {\n                /**\n                 * If we don't have a target to project into, but we were previously\n                 * projecting, we want to remove the stored transform and schedule\n                 * a render to ensure the elements reflect the removed transform.\n                 */\n                if (this.projectionTransform) {\n                    this.projectionDelta = createDelta();\n                    this.projectionTransform = \"none\";\n                    this.scheduleRender();\n                }\n                return;\n            }\n            if (!this.projectionDelta) {\n                this.projectionDelta = createDelta();\n                this.projectionDeltaWithTransform = createDelta();\n            }\n            const prevProjectionTransform = this.projectionTransform;\n            /**\n             * Update the delta between the corrected box and the target box before user-set transforms were applied.\n             * This will allow us to calculate the corrected borderRadius and boxShadow to compensate\n             * for our layout reprojection, but still allow them to be scaled correctly by the user.\n             * It might be that to simplify this we may want to accept that user-set scale is also corrected\n             * and we wouldn't have to keep and calc both deltas, OR we could support a user setting\n             * to allow people to choose whether these styles are corrected based on just the\n             * layout reprojection or the final bounding box.\n             */\n            calcBoxDelta(this.projectionDelta, this.layoutCorrected, target, this.latestValues);\n            this.projectionTransform = buildProjectionTransform(this.projectionDelta, this.treeScale);\n            if (this.projectionTransform !== prevProjectionTransform ||\n                this.treeScale.x !== prevTreeScaleX ||\n                this.treeScale.y !== prevTreeScaleY) {\n                this.hasProjected = true;\n                this.scheduleRender();\n                this.notifyListeners(\"projectionUpdate\", target);\n            }\n            /**\n             * Increase debug counter for recalculated projections\n             */\n            projectionFrameData.recalculatedProjection++;\n        }\n        hide() {\n            this.isVisible = false;\n            // TODO: Schedule render\n        }\n        show() {\n            this.isVisible = true;\n            // TODO: Schedule render\n        }\n        scheduleRender(notifyAll = true) {\n            this.options.scheduleRender && this.options.scheduleRender();\n            if (notifyAll) {\n                const stack = this.getStack();\n                stack && stack.scheduleRender();\n            }\n            if (this.resumingFrom && !this.resumingFrom.instance) {\n                this.resumingFrom = undefined;\n            }\n        }\n        setAnimationOrigin(delta, hasOnlyRelativeTargetChanged = false) {\n            const snapshot = this.snapshot;\n            const snapshotLatestValues = snapshot\n                ? snapshot.latestValues\n                : {};\n            const mixedValues = { ...this.latestValues };\n            const targetDelta = createDelta();\n            if (!this.relativeParent ||\n                !this.relativeParent.options.layoutRoot) {\n                this.relativeTarget = this.relativeTargetOrigin = undefined;\n            }\n            this.attemptToResolveRelativeTarget = !hasOnlyRelativeTargetChanged;\n            const relativeLayout = createBox();\n            const snapshotSource = snapshot ? snapshot.source : undefined;\n            const layoutSource = this.layout ? this.layout.source : undefined;\n            const isSharedLayoutAnimation = snapshotSource !== layoutSource;\n            const stack = this.getStack();\n            const isOnlyMember = !stack || stack.members.length <= 1;\n            const shouldCrossfadeOpacity = Boolean(isSharedLayoutAnimation &&\n                !isOnlyMember &&\n                this.options.crossfade === true &&\n                !this.path.some(hasOpacityCrossfade));\n            this.animationProgress = 0;\n            let prevRelativeTarget;\n            this.mixTargetDelta = (latest) => {\n                const progress = latest / 1000;\n                mixAxisDelta(targetDelta.x, delta.x, progress);\n                mixAxisDelta(targetDelta.y, delta.y, progress);\n                this.setTargetDelta(targetDelta);\n                if (this.relativeTarget &&\n                    this.relativeTargetOrigin &&\n                    this.layout &&\n                    this.relativeParent &&\n                    this.relativeParent.layout) {\n                    calcRelativePosition(relativeLayout, this.layout.layoutBox, this.relativeParent.layout.layoutBox);\n                    mixBox(this.relativeTarget, this.relativeTargetOrigin, relativeLayout, progress);\n                    /**\n                     * If this is an unchanged relative target we can consider the\n                     * projection not dirty.\n                     */\n                    if (prevRelativeTarget &&\n                        boxEquals(this.relativeTarget, prevRelativeTarget)) {\n                        this.isProjectionDirty = false;\n                    }\n                    if (!prevRelativeTarget)\n                        prevRelativeTarget = createBox();\n                    copyBoxInto(prevRelativeTarget, this.relativeTarget);\n                }\n                if (isSharedLayoutAnimation) {\n                    this.animationValues = mixedValues;\n                    mixValues(mixedValues, snapshotLatestValues, this.latestValues, progress, shouldCrossfadeOpacity, isOnlyMember);\n                }\n                this.root.scheduleUpdateProjection();\n                this.scheduleRender();\n                this.animationProgress = progress;\n            };\n            this.mixTargetDelta(this.options.layoutRoot ? 1000 : 0);\n        }\n        startAnimation(options) {\n            this.notifyListeners(\"animationStart\");\n            this.currentAnimation && this.currentAnimation.stop();\n            if (this.resumingFrom && this.resumingFrom.currentAnimation) {\n                this.resumingFrom.currentAnimation.stop();\n            }\n            if (this.pendingAnimation) {\n                cancelFrame(this.pendingAnimation);\n                this.pendingAnimation = undefined;\n            }\n            /**\n             * Start the animation in the next frame to have a frame with progress 0,\n             * where the target is the same as when the animation started, so we can\n             * calculate the relative positions correctly for instant transitions.\n             */\n            this.pendingAnimation = frame.update(() => {\n                globalProjectionState.hasAnimatedSinceResize = true;\n                this.currentAnimation = animateSingleValue(0, animationTarget, {\n                    ...options,\n                    onUpdate: (latest) => {\n                        this.mixTargetDelta(latest);\n                        options.onUpdate && options.onUpdate(latest);\n                    },\n                    onComplete: () => {\n                        options.onComplete && options.onComplete();\n                        this.completeAnimation();\n                    },\n                });\n                if (this.resumingFrom) {\n                    this.resumingFrom.currentAnimation = this.currentAnimation;\n                }\n                this.pendingAnimation = undefined;\n            });\n        }\n        completeAnimation() {\n            if (this.resumingFrom) {\n                this.resumingFrom.currentAnimation = undefined;\n                this.resumingFrom.preserveOpacity = undefined;\n            }\n            const stack = this.getStack();\n            stack && stack.exitAnimationComplete();\n            this.resumingFrom =\n                this.currentAnimation =\n                    this.animationValues =\n                        undefined;\n            this.notifyListeners(\"animationComplete\");\n        }\n        finishAnimation() {\n            if (this.currentAnimation) {\n                this.mixTargetDelta && this.mixTargetDelta(animationTarget);\n                this.currentAnimation.stop();\n            }\n            this.completeAnimation();\n        }\n        applyTransformsToTarget() {\n            const lead = this.getLead();\n            let { targetWithTransforms, target, layout, latestValues } = lead;\n            if (!targetWithTransforms || !target || !layout)\n                return;\n            /**\n             * If we're only animating position, and this element isn't the lead element,\n             * then instead of projecting into the lead box we instead want to calculate\n             * a new target that aligns the two boxes but maintains the layout shape.\n             */\n            if (this !== lead &&\n                this.layout &&\n                layout &&\n                shouldAnimatePositionOnly(this.options.animationType, this.layout.layoutBox, layout.layoutBox)) {\n                target = this.target || createBox();\n                const xLength = calcLength(this.layout.layoutBox.x);\n                target.x.min = lead.target.x.min;\n                target.x.max = target.x.min + xLength;\n                const yLength = calcLength(this.layout.layoutBox.y);\n                target.y.min = lead.target.y.min;\n                target.y.max = target.y.min + yLength;\n            }\n            copyBoxInto(targetWithTransforms, target);\n            /**\n             * Apply the latest user-set transforms to the targetBox to produce the targetBoxFinal.\n             * This is the final box that we will then project into by calculating a transform delta and\n             * applying it to the corrected box.\n             */\n            transformBox(targetWithTransforms, latestValues);\n            /**\n             * Update the delta between the corrected box and the final target box, after\n             * user-set transforms are applied to it. This will be used by the renderer to\n             * create a transform style that will reproject the element from its layout layout\n             * into the desired bounding box.\n             */\n            calcBoxDelta(this.projectionDeltaWithTransform, this.layoutCorrected, targetWithTransforms, latestValues);\n        }\n        registerSharedNode(layoutId, node) {\n            if (!this.sharedNodes.has(layoutId)) {\n                this.sharedNodes.set(layoutId, new NodeStack());\n            }\n            const stack = this.sharedNodes.get(layoutId);\n            stack.add(node);\n            const config = node.options.initialPromotionConfig;\n            node.promote({\n                transition: config ? config.transition : undefined,\n                preserveFollowOpacity: config && config.shouldPreserveFollowOpacity\n                    ? config.shouldPreserveFollowOpacity(node)\n                    : undefined,\n            });\n        }\n        isLead() {\n            const stack = this.getStack();\n            return stack ? stack.lead === this : true;\n        }\n        getLead() {\n            var _a;\n            const { layoutId } = this.options;\n            return layoutId ? ((_a = this.getStack()) === null || _a === void 0 ? void 0 : _a.lead) || this : this;\n        }\n        getPrevLead() {\n            var _a;\n            const { layoutId } = this.options;\n            return layoutId ? (_a = this.getStack()) === null || _a === void 0 ? void 0 : _a.prevLead : undefined;\n        }\n        getStack() {\n            const { layoutId } = this.options;\n            if (layoutId)\n                return this.root.sharedNodes.get(layoutId);\n        }\n        promote({ needsReset, transition, preserveFollowOpacity, } = {}) {\n            const stack = this.getStack();\n            if (stack)\n                stack.promote(this, preserveFollowOpacity);\n            if (needsReset) {\n                this.projectionDelta = undefined;\n                this.needsReset = true;\n            }\n            if (transition)\n                this.setOptions({ transition });\n        }\n        relegate() {\n            const stack = this.getStack();\n            if (stack) {\n                return stack.relegate(this);\n            }\n            else {\n                return false;\n            }\n        }\n        resetRotation() {\n            const { visualElement } = this.options;\n            if (!visualElement)\n                return;\n            // If there's no detected rotation values, we can early return without a forced render.\n            let hasRotate = false;\n            /**\n             * An unrolled check for rotation values. Most elements don't have any rotation and\n             * skipping the nested loop and new object creation is 50% faster.\n             */\n            const { latestValues } = visualElement;\n            if (latestValues.rotate ||\n                latestValues.rotateX ||\n                latestValues.rotateY ||\n                latestValues.rotateZ) {\n                hasRotate = true;\n            }\n            // If there's no rotation values, we don't need to do any more.\n            if (!hasRotate)\n                return;\n            const resetValues = {};\n            // Check the rotate value of all axes and reset to 0\n            for (let i = 0; i < transformAxes.length; i++) {\n                const key = \"rotate\" + transformAxes[i];\n                // Record the rotation and then temporarily set it to 0\n                if (latestValues[key]) {\n                    resetValues[key] = latestValues[key];\n                    visualElement.setStaticValue(key, 0);\n                }\n            }\n            // Force a render of this element to apply the transform with all rotations\n            // set to 0.\n            visualElement.render();\n            // Put back all the values we reset\n            for (const key in resetValues) {\n                visualElement.setStaticValue(key, resetValues[key]);\n            }\n            // Schedule a render for the next frame. This ensures we won't visually\n            // see the element with the reset rotate value applied.\n            visualElement.scheduleRender();\n        }\n        getProjectionStyles(styleProp) {\n            var _a, _b;\n            if (!this.instance || this.isSVG)\n                return undefined;\n            if (!this.isVisible) {\n                return hiddenVisibility;\n            }\n            const styles = {\n                visibility: \"\",\n            };\n            const transformTemplate = this.getTransformTemplate();\n            if (this.needsReset) {\n                this.needsReset = false;\n                styles.opacity = \"\";\n                styles.pointerEvents =\n                    resolveMotionValue(styleProp === null || styleProp === void 0 ? void 0 : styleProp.pointerEvents) || \"\";\n                styles.transform = transformTemplate\n                    ? transformTemplate(this.latestValues, \"\")\n                    : \"none\";\n                return styles;\n            }\n            const lead = this.getLead();\n            if (!this.projectionDelta || !this.layout || !lead.target) {\n                const emptyStyles = {};\n                if (this.options.layoutId) {\n                    emptyStyles.opacity =\n                        this.latestValues.opacity !== undefined\n                            ? this.latestValues.opacity\n                            : 1;\n                    emptyStyles.pointerEvents =\n                        resolveMotionValue(styleProp === null || styleProp === void 0 ? void 0 : styleProp.pointerEvents) || \"\";\n                }\n                if (this.hasProjected && !hasTransform(this.latestValues)) {\n                    emptyStyles.transform = transformTemplate\n                        ? transformTemplate({}, \"\")\n                        : \"none\";\n                    this.hasProjected = false;\n                }\n                return emptyStyles;\n            }\n            const valuesToRender = lead.animationValues || lead.latestValues;\n            this.applyTransformsToTarget();\n            styles.transform = buildProjectionTransform(this.projectionDeltaWithTransform, this.treeScale, valuesToRender);\n            if (transformTemplate) {\n                styles.transform = transformTemplate(valuesToRender, styles.transform);\n            }\n            const { x, y } = this.projectionDelta;\n            styles.transformOrigin = `${x.origin * 100}% ${y.origin * 100}% 0`;\n            if (lead.animationValues) {\n                /**\n                 * If the lead component is animating, assign this either the entering/leaving\n                 * opacity\n                 */\n                styles.opacity =\n                    lead === this\n                        ? (_b = (_a = valuesToRender.opacity) !== null && _a !== void 0 ? _a : this.latestValues.opacity) !== null && _b !== void 0 ? _b : 1\n                        : this.preserveOpacity\n                            ? this.latestValues.opacity\n                            : valuesToRender.opacityExit;\n            }\n            else {\n                /**\n                 * Or we're not animating at all, set the lead component to its layout\n                 * opacity and other components to hidden.\n                 */\n                styles.opacity =\n                    lead === this\n                        ? valuesToRender.opacity !== undefined\n                            ? valuesToRender.opacity\n                            : \"\"\n                        : valuesToRender.opacityExit !== undefined\n                            ? valuesToRender.opacityExit\n                            : 0;\n            }\n            /**\n             * Apply scale correction\n             */\n            for (const key in scaleCorrectors) {\n                if (valuesToRender[key] === undefined)\n                    continue;\n                const { correct, applyTo } = scaleCorrectors[key];\n                /**\n                 * Only apply scale correction to the value if we have an\n                 * active projection transform. Otherwise these values become\n                 * vulnerable to distortion if the element changes size without\n                 * a corresponding layout animation.\n                 */\n                const corrected = styles.transform === \"none\"\n                    ? valuesToRender[key]\n                    : correct(valuesToRender[key], lead);\n                if (applyTo) {\n                    const num = applyTo.length;\n                    for (let i = 0; i < num; i++) {\n                        styles[applyTo[i]] = corrected;\n                    }\n                }\n                else {\n                    styles[key] = corrected;\n                }\n            }\n            /**\n             * Disable pointer events on follow components. This is to ensure\n             * that if a follow component covers a lead component it doesn't block\n             * pointer events on the lead.\n             */\n            if (this.options.layoutId) {\n                styles.pointerEvents =\n                    lead === this\n                        ? resolveMotionValue(styleProp === null || styleProp === void 0 ? void 0 : styleProp.pointerEvents) || \"\"\n                        : \"none\";\n            }\n            return styles;\n        }\n        clearSnapshot() {\n            this.resumeFrom = this.snapshot = undefined;\n        }\n        // Only run on root\n        resetTree() {\n            this.root.nodes.forEach((node) => { var _a; return (_a = node.currentAnimation) === null || _a === void 0 ? void 0 : _a.stop(); });\n            this.root.nodes.forEach(clearMeasurements);\n            this.root.sharedNodes.clear();\n        }\n    };\n}\nfunction updateLayout(node) {\n    node.updateLayout();\n}\nfunction notifyLayoutUpdate(node) {\n    var _a;\n    const snapshot = ((_a = node.resumeFrom) === null || _a === void 0 ? void 0 : _a.snapshot) || node.snapshot;\n    if (node.isLead() &&\n        node.layout &&\n        snapshot &&\n        node.hasListeners(\"didUpdate\")) {\n        const { layoutBox: layout, measuredBox: measuredLayout } = node.layout;\n        const { animationType } = node.options;\n        const isShared = snapshot.source !== node.layout.source;\n        // TODO Maybe we want to also resize the layout snapshot so we don't trigger\n        // animations for instance if layout=\"size\" and an element has only changed position\n        if (animationType === \"size\") {\n            eachAxis((axis) => {\n                const axisSnapshot = isShared\n                    ? snapshot.measuredBox[axis]\n                    : snapshot.layoutBox[axis];\n                const length = calcLength(axisSnapshot);\n                axisSnapshot.min = layout[axis].min;\n                axisSnapshot.max = axisSnapshot.min + length;\n            });\n        }\n        else if (shouldAnimatePositionOnly(animationType, snapshot.layoutBox, layout)) {\n            eachAxis((axis) => {\n                const axisSnapshot = isShared\n                    ? snapshot.measuredBox[axis]\n                    : snapshot.layoutBox[axis];\n                const length = calcLength(layout[axis]);\n                axisSnapshot.max = axisSnapshot.min + length;\n                /**\n                 * Ensure relative target gets resized and rerendererd\n                 */\n                if (node.relativeTarget && !node.currentAnimation) {\n                    node.isProjectionDirty = true;\n                    node.relativeTarget[axis].max =\n                        node.relativeTarget[axis].min + length;\n                }\n            });\n        }\n        const layoutDelta = createDelta();\n        calcBoxDelta(layoutDelta, layout, snapshot.layoutBox);\n        const visualDelta = createDelta();\n        if (isShared) {\n            calcBoxDelta(visualDelta, node.applyTransform(measuredLayout, true), snapshot.measuredBox);\n        }\n        else {\n            calcBoxDelta(visualDelta, layout, snapshot.layoutBox);\n        }\n        const hasLayoutChanged = !isDeltaZero(layoutDelta);\n        let hasRelativeTargetChanged = false;\n        if (!node.resumeFrom) {\n            const relativeParent = node.getClosestProjectingParent();\n            /**\n             * If the relativeParent is itself resuming from a different element then\n             * the relative snapshot is not relavent\n             */\n            if (relativeParent && !relativeParent.resumeFrom) {\n                const { snapshot: parentSnapshot, layout: parentLayout } = relativeParent;\n                if (parentSnapshot && parentLayout) {\n                    const relativeSnapshot = createBox();\n                    calcRelativePosition(relativeSnapshot, snapshot.layoutBox, parentSnapshot.layoutBox);\n                    const relativeLayout = createBox();\n                    calcRelativePosition(relativeLayout, layout, parentLayout.layoutBox);\n                    if (!boxEqualsRounded(relativeSnapshot, relativeLayout)) {\n                        hasRelativeTargetChanged = true;\n                    }\n                    if (relativeParent.options.layoutRoot) {\n                        node.relativeTarget = relativeLayout;\n                        node.relativeTargetOrigin = relativeSnapshot;\n                        node.relativeParent = relativeParent;\n                    }\n                }\n            }\n        }\n        node.notifyListeners(\"didUpdate\", {\n            layout,\n            snapshot,\n            delta: visualDelta,\n            layoutDelta,\n            hasLayoutChanged,\n            hasRelativeTargetChanged,\n        });\n    }\n    else if (node.isLead()) {\n        const { onExitComplete } = node.options;\n        onExitComplete && onExitComplete();\n    }\n    /**\n     * Clearing transition\n     * TODO: Investigate why this transition is being passed in as {type: false } from Framer\n     * and why we need it at all\n     */\n    node.options.transition = undefined;\n}\nfunction propagateDirtyNodes(node) {\n    /**\n     * Increase debug counter for nodes encountered this frame\n     */\n    projectionFrameData.totalNodes++;\n    if (!node.parent)\n        return;\n    /**\n     * If this node isn't projecting, propagate isProjectionDirty. It will have\n     * no performance impact but it will allow the next child that *is* projecting\n     * but *isn't* dirty to just check its parent to see if *any* ancestor needs\n     * correcting.\n     */\n    if (!node.isProjecting()) {\n        node.isProjectionDirty = node.parent.isProjectionDirty;\n    }\n    /**\n     * Propagate isSharedProjectionDirty and isTransformDirty\n     * throughout the whole tree. A future revision can take another look at\n     * this but for safety we still recalcualte shared nodes.\n     */\n    node.isSharedProjectionDirty || (node.isSharedProjectionDirty = Boolean(node.isProjectionDirty ||\n        node.parent.isProjectionDirty ||\n        node.parent.isSharedProjectionDirty));\n    node.isTransformDirty || (node.isTransformDirty = node.parent.isTransformDirty);\n}\nfunction cleanDirtyNodes(node) {\n    node.isProjectionDirty =\n        node.isSharedProjectionDirty =\n            node.isTransformDirty =\n                false;\n}\nfunction clearSnapshot(node) {\n    node.clearSnapshot();\n}\nfunction clearMeasurements(node) {\n    node.clearMeasurements();\n}\nfunction clearIsLayoutDirty(node) {\n    node.isLayoutDirty = false;\n}\nfunction resetTransformStyle(node) {\n    const { visualElement } = node.options;\n    if (visualElement && visualElement.getProps().onBeforeLayoutMeasure) {\n        visualElement.notify(\"BeforeLayoutMeasure\");\n    }\n    node.resetTransform();\n}\nfunction finishAnimation(node) {\n    node.finishAnimation();\n    node.targetDelta = node.relativeTarget = node.target = undefined;\n    node.isProjectionDirty = true;\n}\nfunction resolveTargetDelta(node) {\n    node.resolveTargetDelta();\n}\nfunction calcProjection(node) {\n    node.calcProjection();\n}\nfunction resetRotation(node) {\n    node.resetRotation();\n}\nfunction removeLeadSnapshots(stack) {\n    stack.removeLeadSnapshot();\n}\nfunction mixAxisDelta(output, delta, p) {\n    output.translate = mix(delta.translate, 0, p);\n    output.scale = mix(delta.scale, 1, p);\n    output.origin = delta.origin;\n    output.originPoint = delta.originPoint;\n}\nfunction mixAxis(output, from, to, p) {\n    output.min = mix(from.min, to.min, p);\n    output.max = mix(from.max, to.max, p);\n}\nfunction mixBox(output, from, to, p) {\n    mixAxis(output.x, from.x, to.x, p);\n    mixAxis(output.y, from.y, to.y, p);\n}\nfunction hasOpacityCrossfade(node) {\n    return (node.animationValues && node.animationValues.opacityExit !== undefined);\n}\nconst defaultLayoutTransition = {\n    duration: 0.45,\n    ease: [0.4, 0, 0.1, 1],\n};\nconst userAgentContains = (string) => typeof navigator !== \"undefined\" &&\n    navigator.userAgent.toLowerCase().includes(string);\n/**\n * Measured bounding boxes must be rounded in Safari and\n * left untouched in Chrome, otherwise non-integer layouts within scaled-up elements\n * can appear to jump.\n */\nconst roundPoint = userAgentContains(\"applewebkit/\") && !userAgentContains(\"chrome/\")\n    ? Math.round\n    : noop;\nfunction roundAxis(axis) {\n    // Round to the nearest .5 pixels to support subpixel layouts\n    axis.min = roundPoint(axis.min);\n    axis.max = roundPoint(axis.max);\n}\nfunction roundBox(box) {\n    roundAxis(box.x);\n    roundAxis(box.y);\n}\nfunction shouldAnimatePositionOnly(animationType, snapshot, layout) {\n    return (animationType === \"position\" ||\n        (animationType === \"preserve-aspect\" &&\n            !isNear(aspectRatio(snapshot), aspectRatio(layout), 0.2)));\n}\n\nexport { cleanDirtyNodes, createProjectionNode, mixAxis, mixAxisDelta, mixBox, propagateDirtyNodes };\n","import { createProjectionNode } from './create-projection-node.mjs';\nimport { addDomEvent } from '../../events/add-dom-event.mjs';\n\nconst DocumentProjectionNode = createProjectionNode({\n    attachResizeListener: (ref, notify) => addDomEvent(ref, \"resize\", notify),\n    measureScroll: () => ({\n        x: document.documentElement.scrollLeft || document.body.scrollLeft,\n        y: document.documentElement.scrollTop || document.body.scrollTop,\n    }),\n    checkIsScrollRoot: () => true,\n});\n\nexport { DocumentProjectionNode };\n","import { createProjectionNode } from './create-projection-node.mjs';\nimport { DocumentProjectionNode } from './DocumentProjectionNode.mjs';\n\nconst rootProjectionNode = {\n    current: undefined,\n};\nconst HTMLProjectionNode = createProjectionNode({\n    measureScroll: (instance) => ({\n        x: instance.scrollLeft,\n        y: instance.scrollTop,\n    }),\n    defaultParent: () => {\n        if (!rootProjectionNode.current) {\n            const documentNode = new DocumentProjectionNode({});\n            documentNode.mount(window);\n            documentNode.setOptions({ layoutScroll: true });\n            rootProjectionNode.current = documentNode;\n        }\n        return rootProjectionNode.current;\n    },\n    resetTransform: (instance, value) => {\n        instance.style.transform = value !== undefined ? value : \"none\";\n    },\n    checkIsScrollRoot: (instance) => Boolean(window.getComputedStyle(instance).position === \"fixed\"),\n});\n\nexport { HTMLProjectionNode, rootProjectionNode };\n","import { DragGesture } from '../../gestures/drag/index.mjs';\nimport { PanGesture } from '../../gestures/pan/index.mjs';\nimport { MeasureLayout } from './layout/MeasureLayout.mjs';\nimport { HTMLProjectionNode } from '../../projection/node/HTMLProjectionNode.mjs';\n\nconst drag = {\n    pan: {\n        Feature: PanGesture,\n    },\n    drag: {\n        Feature: DragGesture,\n        ProjectionNode: HTMLProjectionNode,\n        MeasureLayout,\n    },\n};\n\nexport { drag };\n","import { HTMLVisualElement } from '../html/HTMLVisualElement.mjs';\nimport { SVGVisualElement } from '../svg/SVGVisualElement.mjs';\nimport { isSVGComponent } from './utils/is-svg-component.mjs';\n\nconst createDomVisualElement = (Component, options) => {\n    return isSVGComponent(Component)\n        ? new SVGVisualElement(options, { enableHardwareAcceleration: false })\n        : new HTMLVisualElement(options, { enableHardwareAcceleration: true });\n};\n\nexport { createDomVisualElement };\n","import { HTMLProjectionNode } from '../../projection/node/HTMLProjectionNode.mjs';\nimport { MeasureLayout } from './layout/MeasureLayout.mjs';\n\nconst layout = {\n    layout: {\n        ProjectionNode: HTMLProjectionNode,\n        MeasureLayout,\n    },\n};\n\nexport { layout };\n","import { createMotionComponent } from '../../motion/index.mjs';\nimport { createMotionProxy } from './motion-proxy.mjs';\nimport { createDomMotionConfig } from './utils/create-config.mjs';\nimport { gestureAnimations } from '../../motion/features/gestures.mjs';\nimport { animations } from '../../motion/features/animations.mjs';\nimport { drag } from '../../motion/features/drag.mjs';\nimport { createDomVisualElement } from './create-visual-element.mjs';\nimport { layout } from '../../motion/features/layout.mjs';\n\nconst preloadedFeatures = {\n    ...animations,\n    ...gestureAnimations,\n    ...drag,\n    ...layout,\n};\n/**\n * HTML & SVG components, optimised for use with gestures and animation. These can be used as\n * drop-in replacements for any HTML & SVG component, all CSS & SVG properties are supported.\n *\n * @public\n */\nconst motion = /*@__PURE__*/ createMotionProxy((Component, config) => createDomMotionConfig(Component, config, preloadedFeatures, createDomVisualElement));\n/**\n * Create a DOM `motion` component with the provided string. This is primarily intended\n * as a full alternative to `motion` for consumers who have to support environments that don't\n * support `Proxy`.\n *\n * ```javascript\n * import { createDomMotionComponent } from \"framer-motion\"\n *\n * const motion = {\n *   div: createDomMotionComponent('div')\n * }\n * ```\n *\n * @public\n */\nfunction createDomMotionComponent(key) {\n    return createMotionComponent(createDomMotionConfig(key, { forwardMotionProps: false }, preloadedFeatures, createDomVisualElement));\n}\n\nexport { createDomMotionComponent, motion };\n","import { useRef } from 'react';\nimport { useIsomorphicLayoutEffect } from './use-isomorphic-effect.mjs';\n\nfunction useIsMounted() {\n    const isMounted = useRef(false);\n    useIsomorphicLayoutEffect(() => {\n        isMounted.current = true;\n        return () => {\n            isMounted.current = false;\n        };\n    }, []);\n    return isMounted;\n}\n\nexport { useIsMounted };\n","import { useState, useCallback } from 'react';\nimport { useIsMounted } from './use-is-mounted.mjs';\nimport { frame } from '../frameloop/frame.mjs';\n\nfunction useForceUpdate() {\n    const isMounted = useIsMounted();\n    const [forcedRenderCount, setForcedRenderCount] = useState(0);\n    const forceRender = useCallback(() => {\n        isMounted.current && setForcedRenderCount(forcedRenderCount + 1);\n    }, [forcedRenderCount]);\n    /**\n     * Defer this to the end of the next animation frame in case there are multiple\n     * synchronous calls.\n     */\n    const deferredForceRender = useCallback(() => frame.postRender(forceRender), [forceRender]);\n    return [deferredForceRender, forcedRenderCount];\n}\n\nexport { useForceUpdate };\n","import * as React from 'react';\nimport { useId, useRef, useInsertionEffect } from 'react';\n\n/**\n * Measurement functionality has to be within a separate component\n * to leverage snapshot lifecycle.\n */\nclass PopChildMeasure extends React.Component {\n    getSnapshotBeforeUpdate(prevProps) {\n        const element = this.props.childRef.current;\n        if (element && prevProps.isPresent && !this.props.isPresent) {\n            const size = this.props.sizeRef.current;\n            size.height = element.offsetHeight || 0;\n            size.width = element.offsetWidth || 0;\n            size.top = element.offsetTop;\n            size.left = element.offsetLeft;\n        }\n        return null;\n    }\n    /**\n     * Required with getSnapshotBeforeUpdate to stop React complaining.\n     */\n    componentDidUpdate() { }\n    render() {\n        return this.props.children;\n    }\n}\nfunction PopChild({ children, isPresent }) {\n    const id = useId();\n    const ref = useRef(null);\n    const size = useRef({\n        width: 0,\n        height: 0,\n        top: 0,\n        left: 0,\n    });\n    /**\n     * We create and inject a style block so we can apply this explicit\n     * sizing in a non-destructive manner by just deleting the style block.\n     *\n     * We can't apply size via render as the measurement happens\n     * in getSnapshotBeforeUpdate (post-render), likewise if we apply the\n     * styles directly on the DOM node, we might be overwriting\n     * styles set via the style prop.\n     */\n    useInsertionEffect(() => {\n        const { width, height, top, left } = size.current;\n        if (isPresent || !ref.current || !width || !height)\n            return;\n        ref.current.dataset.motionPopId = id;\n        const style = document.createElement(\"style\");\n        document.head.appendChild(style);\n        if (style.sheet) {\n            style.sheet.insertRule(`\n          [data-motion-pop-id=\"${id}\"] {\n            position: absolute !important;\n            width: ${width}px !important;\n            height: ${height}px !important;\n            top: ${top}px !important;\n            left: ${left}px !important;\n          }\n        `);\n        }\n        return () => {\n            document.head.removeChild(style);\n        };\n    }, [isPresent]);\n    return (React.createElement(PopChildMeasure, { isPresent: isPresent, childRef: ref, sizeRef: size }, React.cloneElement(children, { ref })));\n}\n\nexport { PopChild };\n","import * as React from 'react';\nimport { useId, useMemo } from 'react';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\nimport { useConstant } from '../../utils/use-constant.mjs';\nimport { PopChild } from './PopChild.mjs';\n\nconst PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, presenceAffectsLayout, mode, }) => {\n    const presenceChildren = useConstant(newChildrenMap);\n    const id = useId();\n    const context = useMemo(() => ({\n        id,\n        initial,\n        isPresent,\n        custom,\n        onExitComplete: (childId) => {\n            presenceChildren.set(childId, true);\n            for (const isComplete of presenceChildren.values()) {\n                if (!isComplete)\n                    return; // can stop searching when any is incomplete\n            }\n            onExitComplete && onExitComplete();\n        },\n        register: (childId) => {\n            presenceChildren.set(childId, false);\n            return () => presenceChildren.delete(childId);\n        },\n    }), \n    /**\n     * If the presence of a child affects the layout of the components around it,\n     * we want to make a new context value to ensure they get re-rendered\n     * so they can detect that layout change.\n     */\n    presenceAffectsLayout ? undefined : [isPresent]);\n    useMemo(() => {\n        presenceChildren.forEach((_, key) => presenceChildren.set(key, false));\n    }, [isPresent]);\n    /**\n     * If there's no `motion` components to fire exit animations, we want to remove this\n     * component immediately.\n     */\n    React.useEffect(() => {\n        !isPresent &&\n            !presenceChildren.size &&\n            onExitComplete &&\n            onExitComplete();\n    }, [isPresent]);\n    if (mode === \"popLayout\") {\n        children = React.createElement(PopChild, { isPresent: isPresent }, children);\n    }\n    return (React.createElement(PresenceContext.Provider, { value: context }, children));\n};\nfunction newChildrenMap() {\n    return new Map();\n}\n\nexport { PresenceChild };\n","import { useEffect } from 'react';\n\nfunction useUnmountEffect(callback) {\n    return useEffect(() => () => callback(), []);\n}\n\nexport { useUnmountEffect };\n","import * as React from 'react';\nimport { useContext, useRef, cloneElement, Children, isValidElement } from 'react';\nimport { useForceUpdate } from '../../utils/use-force-update.mjs';\nimport { useIsMounted } from '../../utils/use-is-mounted.mjs';\nimport { PresenceChild } from './PresenceChild.mjs';\nimport { LayoutGroupContext } from '../../context/LayoutGroupContext.mjs';\nimport { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';\nimport { useUnmountEffect } from '../../utils/use-unmount-effect.mjs';\nimport { invariant } from '../../utils/errors.mjs';\n\nconst getChildKey = (child) => child.key || \"\";\nfunction updateChildLookup(children, allChildren) {\n    children.forEach((child) => {\n        const key = getChildKey(child);\n        allChildren.set(key, child);\n    });\n}\nfunction onlyElements(children) {\n    const filtered = [];\n    // We use forEach here instead of map as map mutates the component key by preprending `.$`\n    Children.forEach(children, (child) => {\n        if (isValidElement(child))\n            filtered.push(child);\n    });\n    return filtered;\n}\n/**\n * `AnimatePresence` enables the animation of components that have been removed from the tree.\n *\n * When adding/removing more than a single child, every child **must** be given a unique `key` prop.\n *\n * Any `motion` components that have an `exit` property defined will animate out when removed from\n * the tree.\n *\n * ```jsx\n * import { motion, AnimatePresence } from 'framer-motion'\n *\n * export const Items = ({ items }) => (\n *   <AnimatePresence>\n *     {items.map(item => (\n *       <motion.div\n *         key={item.id}\n *         initial={{ opacity: 0 }}\n *         animate={{ opacity: 1 }}\n *         exit={{ opacity: 0 }}\n *       />\n *     ))}\n *   </AnimatePresence>\n * )\n * ```\n *\n * You can sequence exit animations throughout a tree using variants.\n *\n * If a child contains multiple `motion` components with `exit` props, it will only unmount the child\n * once all `motion` components have finished animating out. Likewise, any components using\n * `usePresence` all need to call `safeToRemove`.\n *\n * @public\n */\nconst AnimatePresence = ({ children, custom, initial = true, onExitComplete, exitBeforeEnter, presenceAffectsLayout = true, mode = \"sync\", }) => {\n    invariant(!exitBeforeEnter, \"Replace exitBeforeEnter with mode='wait'\");\n    // We want to force a re-render once all exiting animations have finished. We\n    // either use a local forceRender function, or one from a parent context if it exists.\n    const forceRender = useContext(LayoutGroupContext).forceRender || useForceUpdate()[0];\n    const isMounted = useIsMounted();\n    // Filter out any children that aren't ReactElements. We can only track ReactElements with a props.key\n    const filteredChildren = onlyElements(children);\n    let childrenToRender = filteredChildren;\n    const exitingChildren = useRef(new Map()).current;\n    // Keep a living record of the children we're actually rendering so we\n    // can diff to figure out which are entering and exiting\n    const presentChildren = useRef(childrenToRender);\n    // A lookup table to quickly reference components by key\n    const allChildren = useRef(new Map()).current;\n    // If this is the initial component render, just deal with logic surrounding whether\n    // we play onMount animations or not.\n    const isInitialRender = useRef(true);\n    useIsomorphicLayoutEffect(() => {\n        isInitialRender.current = false;\n        updateChildLookup(filteredChildren, allChildren);\n        presentChildren.current = childrenToRender;\n    });\n    useUnmountEffect(() => {\n        isInitialRender.current = true;\n        allChildren.clear();\n        exitingChildren.clear();\n    });\n    if (isInitialRender.current) {\n        return (React.createElement(React.Fragment, null, childrenToRender.map((child) => (React.createElement(PresenceChild, { key: getChildKey(child), isPresent: true, initial: initial ? undefined : false, presenceAffectsLayout: presenceAffectsLayout, mode: mode }, child)))));\n    }\n    // If this is a subsequent render, deal with entering and exiting children\n    childrenToRender = [...childrenToRender];\n    // Diff the keys of the currently-present and target children to update our\n    // exiting list.\n    const presentKeys = presentChildren.current.map(getChildKey);\n    const targetKeys = filteredChildren.map(getChildKey);\n    // Diff the present children with our target children and mark those that are exiting\n    const numPresent = presentKeys.length;\n    for (let i = 0; i < numPresent; i++) {\n        const key = presentKeys[i];\n        if (targetKeys.indexOf(key) === -1 && !exitingChildren.has(key)) {\n            exitingChildren.set(key, undefined);\n        }\n    }\n    // If we currently have exiting children, and we're deferring rendering incoming children\n    // until after all current children have exiting, empty the childrenToRender array\n    if (mode === \"wait\" && exitingChildren.size) {\n        childrenToRender = [];\n    }\n    // Loop through all currently exiting components and clone them to overwrite `animate`\n    // with any `exit` prop they might have defined.\n    exitingChildren.forEach((component, key) => {\n        // If this component is actually entering again, early return\n        if (targetKeys.indexOf(key) !== -1)\n            return;\n        const child = allChildren.get(key);\n        if (!child)\n            return;\n        const insertionIndex = presentKeys.indexOf(key);\n        let exitingComponent = component;\n        if (!exitingComponent) {\n            const onExit = () => {\n                // clean up the exiting children map\n                exitingChildren.delete(key);\n                // compute the keys of children that were rendered once but are no longer present\n                // this could happen in case of too many fast consequent renderings\n                // @link https://github.com/framer/motion/issues/2023\n                const leftOverKeys = Array.from(allChildren.keys()).filter((childKey) => !targetKeys.includes(childKey));\n                // clean up the all children map\n                leftOverKeys.forEach((leftOverKey) => allChildren.delete(leftOverKey));\n                // make sure to render only the children that are actually visible\n                presentChildren.current = filteredChildren.filter((presentChild) => {\n                    const presentChildKey = getChildKey(presentChild);\n                    return (\n                    // filter out the node exiting\n                    presentChildKey === key ||\n                        // filter out the leftover children\n                        leftOverKeys.includes(presentChildKey));\n                });\n                // Defer re-rendering until all exiting children have indeed left\n                if (!exitingChildren.size) {\n                    if (isMounted.current === false)\n                        return;\n                    forceRender();\n                    onExitComplete && onExitComplete();\n                }\n            };\n            exitingComponent = (React.createElement(PresenceChild, { key: getChildKey(child), isPresent: false, onExitComplete: onExit, custom: custom, presenceAffectsLayout: presenceAffectsLayout, mode: mode }, child));\n            exitingChildren.set(key, exitingComponent);\n        }\n        childrenToRender.splice(insertionIndex, 0, exitingComponent);\n    });\n    // Add `MotionContext` even to children that don't need it to ensure we're rendering\n    // the same tree between renders\n    childrenToRender = childrenToRender.map((child) => {\n        const key = child.key;\n        return exitingChildren.has(key) ? (child) : (React.createElement(PresenceChild, { key: getChildKey(child), isPresent: true, presenceAffectsLayout: presenceAffectsLayout, mode: mode }, child));\n    });\n    if (process.env.NODE_ENV !== \"production\" &&\n        mode === \"wait\" &&\n        childrenToRender.length > 1) {\n        console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to \"wait\". This will lead to odd visual behaviour.`);\n    }\n    return (React.createElement(React.Fragment, null, exitingChildren.size\n        ? childrenToRender\n        : childrenToRender.map((child) => cloneElement(child))));\n};\n\nexport { AnimatePresence };\n","import {clamp as $4507461a1b870123$re_export$clamp, snapValueToStep as $4507461a1b870123$re_export$snapValueToStep} from \"@react-stately/utils\";\nimport $12uGp$react, {useState as $12uGp$useState, useRef as $12uGp$useRef, useCallback as $12uGp$useCallback, useEffect as $12uGp$useEffect} from \"react\";\nimport {useSSRSafeId as $12uGp$useSSRSafeId} from \"@react-aria/ssr\";\nimport $12uGp$clsx from \"clsx\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ /*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nconst $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof window !== \"undefined\" ? (0, $12uGp$react).useLayoutEffect : ()=>{};\n\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\nfunction $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {\n    let [value, setValue] = (0, $12uGp$useState)(defaultValue);\n    let valueRef = (0, $12uGp$useRef)(value);\n    let effect = (0, $12uGp$useRef)(null);\n    // Must be stable so that `queue` is stable.\n    let nextIter = (0, $12uGp$useCallback)(()=>{\n        // Run the generator to the next yield.\n        let newValue = effect.current.next();\n        while(!newValue.done && valueRef.current === newValue.value)// If the value is the same as the current value,\n        // then continue to the next yield. Otherwise,\n        // set the value in state and wait for the next layout effect.\n        newValue = effect.current.next();\n        // If the generator is done, reset the effect.\n        if (newValue.done) {\n            effect.current = null;\n            return;\n        }\n        // Always update valueRef when setting the state.\n        // This is needed because the function is not regenerated with the new state value since\n        // they must be stable across renders. Instead, it gets carried in the ref, but the setState\n        // is also needed in order to cause a rerender.\n        setValue(newValue.value);\n        valueRef.current = newValue.value;\n    // this list of dependencies is stable, setState and refs never change after first render.\n    }, [\n        setValue,\n        valueRef,\n        effect\n    ]);\n    (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{\n        // If there is an effect currently running, continue to the next yield.\n        if (effect.current) nextIter();\n    });\n    // queue must be a stable function, much like setState.\n    let queue = (0, $12uGp$useCallback)((fn)=>{\n        effect.current = fn(valueRef.current);\n        nextIter();\n    // this list of dependencies is stable, setState and refs never change after first render.\n    // in addition, nextIter is stable as outlined above\n    }, [\n        nextIter,\n        effect,\n        valueRef\n    ]);\n    return [\n        value,\n        queue\n    ];\n}\n\n\nlet $bdb11010cef70236$var$idsUpdaterMap = new Map();\nfunction $bdb11010cef70236$export$f680877a34711e37(defaultId) {\n    let [value, setValue] = (0, $12uGp$useState)(defaultId);\n    let nextId = (0, $12uGp$useRef)(null);\n    let res = (0, $12uGp$useSSRSafeId)(value);\n    let updateValue = (0, $12uGp$useCallback)((val)=>{\n        nextId.current = val;\n    }, []);\n    $bdb11010cef70236$var$idsUpdaterMap.set(res, updateValue);\n    (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{\n        let r = res;\n        return ()=>{\n            $bdb11010cef70236$var$idsUpdaterMap.delete(r);\n        };\n    }, [\n        res\n    ]);\n    // This cannot cause an infinite loop because the ref is updated first.\n    // eslint-disable-next-line\n    (0, $12uGp$useEffect)(()=>{\n        let newId = nextId.current;\n        if (newId) {\n            nextId.current = null;\n            setValue(newId);\n        }\n    });\n    return res;\n}\nfunction $bdb11010cef70236$export$cd8c9cb68f842629(idA, idB) {\n    if (idA === idB) return idA;\n    let setIdA = $bdb11010cef70236$var$idsUpdaterMap.get(idA);\n    if (setIdA) {\n        setIdA(idB);\n        return idB;\n    }\n    let setIdB = $bdb11010cef70236$var$idsUpdaterMap.get(idB);\n    if (setIdB) {\n        setIdB(idA);\n        return idA;\n    }\n    return idB;\n}\nfunction $bdb11010cef70236$export$b4cc09c592e8fdb8(depArray = []) {\n    let id = $bdb11010cef70236$export$f680877a34711e37();\n    let [resolvedId, setResolvedId] = (0, $1dbecbe27a04f9af$export$14d238f342723f25)(id);\n    let updateId = (0, $12uGp$useCallback)(()=>{\n        setResolvedId(function*() {\n            yield id;\n            yield document.getElementById(id) ? id : undefined;\n        });\n    }, [\n        id,\n        setResolvedId\n    ]);\n    (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(updateId, [\n        id,\n        updateId,\n        ...depArray\n    ]);\n    return resolvedId;\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ /**\n * Calls all functions in the order they were chained with the same arguments.\n */ function $ff5963eb1fccf552$export$e08e3b67e392101e(...callbacks) {\n    return (...args)=>{\n        for (let callback of callbacks)if (typeof callback === \"function\") callback(...args);\n    };\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\nfunction $3ef42575df84b30b$export$9d1611c77c2fe928(...args) {\n    // Start with a base clone of the first argument. This is a lot faster than starting\n    // with an empty object and adding properties as we go.\n    let result = {\n        ...args[0]\n    };\n    for(let i = 1; i < args.length; i++){\n        let props = args[i];\n        for(let key in props){\n            let a = result[key];\n            let b = props[key];\n            // Chain events\n            if (typeof a === \"function\" && typeof b === \"function\" && // This is a lot faster than a regex.\n            key[0] === \"o\" && key[1] === \"n\" && key.charCodeAt(2) >= /* 'A' */ 65 && key.charCodeAt(2) <= /* 'Z' */ 90) result[key] = (0, $ff5963eb1fccf552$export$e08e3b67e392101e)(a, b);\n            else if ((key === \"className\" || key === \"UNSAFE_className\") && typeof a === \"string\" && typeof b === \"string\") result[key] = (0, $12uGp$clsx)(a, b);\n            else if (key === \"id\" && a && b) result.id = (0, $bdb11010cef70236$export$cd8c9cb68f842629)(a, b);\n            else result[key] = b !== undefined ? b : a;\n        }\n    }\n    return result;\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ function $5dc95899b306f630$export$c9058316764c140e(...refs) {\n    if (refs.length === 1) return refs[0];\n    return (value)=>{\n        for (let ref of refs){\n            if (typeof ref === \"function\") ref(value);\n            else if (ref != null) ref.current = value;\n        }\n    };\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ const $65484d02dcb7eb3e$var$DOMPropNames = new Set([\n    \"id\"\n]);\nconst $65484d02dcb7eb3e$var$labelablePropNames = new Set([\n    \"aria-label\",\n    \"aria-labelledby\",\n    \"aria-describedby\",\n    \"aria-details\"\n]);\nconst $65484d02dcb7eb3e$var$propRe = /^(data-.*)$/;\nfunction $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, opts = {}) {\n    let { labelable: labelable , propNames: propNames  } = opts;\n    let filteredProps = {};\n    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];\n    return filteredProps;\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ function $7215afc6de606d6b$export$de79e2c695e052f3(element) {\n    if ($7215afc6de606d6b$var$supportsPreventScroll()) element.focus({\n        preventScroll: true\n    });\n    else {\n        let scrollableElements = $7215afc6de606d6b$var$getScrollableElements(element);\n        element.focus();\n        $7215afc6de606d6b$var$restoreScrollPosition(scrollableElements);\n    }\n}\nlet $7215afc6de606d6b$var$supportsPreventScrollCached = null;\nfunction $7215afc6de606d6b$var$supportsPreventScroll() {\n    if ($7215afc6de606d6b$var$supportsPreventScrollCached == null) {\n        $7215afc6de606d6b$var$supportsPreventScrollCached = false;\n        try {\n            var focusElem = document.createElement(\"div\");\n            focusElem.focus({\n                get preventScroll () {\n                    $7215afc6de606d6b$var$supportsPreventScrollCached = true;\n                    return true;\n                }\n            });\n        } catch (e) {\n        // Ignore\n        }\n    }\n    return $7215afc6de606d6b$var$supportsPreventScrollCached;\n}\nfunction $7215afc6de606d6b$var$getScrollableElements(element) {\n    var parent = element.parentNode;\n    var scrollableElements = [];\n    var rootScrollingElement = document.scrollingElement || document.documentElement;\n    while(parent instanceof HTMLElement && parent !== rootScrollingElement){\n        if (parent.offsetHeight < parent.scrollHeight || parent.offsetWidth < parent.scrollWidth) scrollableElements.push({\n            element: parent,\n            scrollTop: parent.scrollTop,\n            scrollLeft: parent.scrollLeft\n        });\n        parent = parent.parentNode;\n    }\n    if (rootScrollingElement instanceof HTMLElement) scrollableElements.push({\n        element: rootScrollingElement,\n        scrollTop: rootScrollingElement.scrollTop,\n        scrollLeft: rootScrollingElement.scrollLeft\n    });\n    return scrollableElements;\n}\nfunction $7215afc6de606d6b$var$restoreScrollPosition(scrollableElements) {\n    for (let { element: element , scrollTop: scrollTop , scrollLeft: scrollLeft  } of scrollableElements){\n        element.scrollTop = scrollTop;\n        element.scrollLeft = scrollLeft;\n    }\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ function $ab71dadb03a6fb2e$export$622cea445a1c5b7d(element, reverse, orientation = \"horizontal\") {\n    let rect = element.getBoundingClientRect();\n    if (reverse) return orientation === \"horizontal\" ? rect.right : rect.bottom;\n    return orientation === \"horizontal\" ? rect.left : rect.top;\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ // We store a global list of elements that are currently transitioning,\n// mapped to a set of CSS properties that are transitioning for that element.\n// This is necessary rather than a simple count of transitions because of browser\n// bugs, e.g. Chrome sometimes fires both transitionend and transitioncancel rather\n// than one or the other. So we need to track what's actually transitioning so that\n// we can ignore these duplicate events.\nlet $bbed8b41f857bcc0$var$transitionsByElement = new Map();\n// A list of callbacks to call once there are no transitioning elements.\nlet $bbed8b41f857bcc0$var$transitionCallbacks = new Set();\nfunction $bbed8b41f857bcc0$var$setupGlobalEvents() {\n    if (typeof window === \"undefined\") return;\n    let onTransitionStart = (e)=>{\n        // Add the transitioning property to the list for this element.\n        let transitions = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);\n        if (!transitions) {\n            transitions = new Set();\n            $bbed8b41f857bcc0$var$transitionsByElement.set(e.target, transitions);\n            // The transitioncancel event must be registered on the element itself, rather than as a global\n            // event. This enables us to handle when the node is deleted from the document while it is transitioning.\n            // In that case, the cancel event would have nowhere to bubble to so we need to handle it directly.\n            e.target.addEventListener(\"transitioncancel\", onTransitionEnd);\n        }\n        transitions.add(e.propertyName);\n    };\n    let onTransitionEnd = (e)=>{\n        // Remove property from list of transitioning properties.\n        let properties = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);\n        if (!properties) return;\n        properties.delete(e.propertyName);\n        // If empty, remove transitioncancel event, and remove the element from the list of transitioning elements.\n        if (properties.size === 0) {\n            e.target.removeEventListener(\"transitioncancel\", onTransitionEnd);\n            $bbed8b41f857bcc0$var$transitionsByElement.delete(e.target);\n        }\n        // If no transitioning elements, call all of the queued callbacks.\n        if ($bbed8b41f857bcc0$var$transitionsByElement.size === 0) {\n            for (let cb of $bbed8b41f857bcc0$var$transitionCallbacks)cb();\n            $bbed8b41f857bcc0$var$transitionCallbacks.clear();\n        }\n    };\n    document.body.addEventListener(\"transitionrun\", onTransitionStart);\n    document.body.addEventListener(\"transitionend\", onTransitionEnd);\n}\nif (typeof document !== \"undefined\") {\n    if (document.readyState !== \"loading\") $bbed8b41f857bcc0$var$setupGlobalEvents();\n    else document.addEventListener(\"DOMContentLoaded\", $bbed8b41f857bcc0$var$setupGlobalEvents);\n}\nfunction $bbed8b41f857bcc0$export$24490316f764c430(fn) {\n    // Wait one frame to see if an animation starts, e.g. a transition on mount.\n    requestAnimationFrame(()=>{\n        // If no transitions are running, call the function immediately.\n        // Otherwise, add it to a list of callbacks to run at the end of the animation.\n        if ($bbed8b41f857bcc0$var$transitionsByElement.size === 0) fn();\n        else $bbed8b41f857bcc0$var$transitionCallbacks.add(fn);\n    });\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n// Keep track of elements that we are currently handling dragging for via useDrag1D.\n// If there's an ancestor and a descendant both using useDrag1D(), and the user starts\n// dragging the descendant, we don't want useDrag1D events to fire for the ancestor.\nconst $9cc09df9fd7676be$var$draggingElements = [];\nfunction $9cc09df9fd7676be$export$7bbed75feba39706(props) {\n    console.warn(\"useDrag1D is deprecated, please use `useMove` instead https://react-spectrum.adobe.com/react-aria/useMove.html\");\n    let { containerRef: containerRef , reverse: reverse , orientation: orientation , onHover: onHover , onDrag: onDrag , onPositionChange: onPositionChange , onIncrement: onIncrement , onDecrement: onDecrement , onIncrementToMax: onIncrementToMax , onDecrementToMin: onDecrementToMin , onCollapseToggle: onCollapseToggle  } = props;\n    let getPosition = (e)=>orientation === \"horizontal\" ? e.clientX : e.clientY;\n    let getNextOffset = (e)=>{\n        let containerOffset = (0, $ab71dadb03a6fb2e$export$622cea445a1c5b7d)(containerRef.current, reverse, orientation);\n        let mouseOffset = getPosition(e);\n        let nextOffset = reverse ? containerOffset - mouseOffset : mouseOffset - containerOffset;\n        return nextOffset;\n    };\n    let dragging = (0, $12uGp$useRef)(false);\n    let prevPosition = (0, $12uGp$useRef)(0);\n    // Keep track of the current handlers in a ref so that the events can access them.\n    let handlers = (0, $12uGp$useRef)({\n        onPositionChange: onPositionChange,\n        onDrag: onDrag\n    });\n    handlers.current.onDrag = onDrag;\n    handlers.current.onPositionChange = onPositionChange;\n    let onMouseDragged = (e)=>{\n        e.preventDefault();\n        let nextOffset = getNextOffset(e);\n        if (!dragging.current) {\n            dragging.current = true;\n            if (handlers.current.onDrag) handlers.current.onDrag(true);\n            if (handlers.current.onPositionChange) handlers.current.onPositionChange(nextOffset);\n        }\n        if (prevPosition.current === nextOffset) return;\n        prevPosition.current = nextOffset;\n        if (onPositionChange) onPositionChange(nextOffset);\n    };\n    let onMouseUp = (e)=>{\n        const target = e.target;\n        dragging.current = false;\n        let nextOffset = getNextOffset(e);\n        if (handlers.current.onDrag) handlers.current.onDrag(false);\n        if (handlers.current.onPositionChange) handlers.current.onPositionChange(nextOffset);\n        $9cc09df9fd7676be$var$draggingElements.splice($9cc09df9fd7676be$var$draggingElements.indexOf(target), 1);\n        window.removeEventListener(\"mouseup\", onMouseUp, false);\n        window.removeEventListener(\"mousemove\", onMouseDragged, false);\n    };\n    let onMouseDown = (e)=>{\n        const target = e.currentTarget;\n        // If we're already handling dragging on a descendant with useDrag1D, then\n        // we don't want to handle the drag motion on this target as well.\n        if ($9cc09df9fd7676be$var$draggingElements.some((elt)=>target.contains(elt))) return;\n        $9cc09df9fd7676be$var$draggingElements.push(target);\n        window.addEventListener(\"mousemove\", onMouseDragged, false);\n        window.addEventListener(\"mouseup\", onMouseUp, false);\n    };\n    let onMouseEnter = ()=>{\n        if (onHover) onHover(true);\n    };\n    let onMouseOut = ()=>{\n        if (onHover) onHover(false);\n    };\n    let onKeyDown = (e)=>{\n        switch(e.key){\n            case \"Left\":\n            case \"ArrowLeft\":\n                if (orientation === \"horizontal\") {\n                    e.preventDefault();\n                    if (onDecrement && !reverse) onDecrement();\n                    else if (onIncrement && reverse) onIncrement();\n                }\n                break;\n            case \"Up\":\n            case \"ArrowUp\":\n                if (orientation === \"vertical\") {\n                    e.preventDefault();\n                    if (onDecrement && !reverse) onDecrement();\n                    else if (onIncrement && reverse) onIncrement();\n                }\n                break;\n            case \"Right\":\n            case \"ArrowRight\":\n                if (orientation === \"horizontal\") {\n                    e.preventDefault();\n                    if (onIncrement && !reverse) onIncrement();\n                    else if (onDecrement && reverse) onDecrement();\n                }\n                break;\n            case \"Down\":\n            case \"ArrowDown\":\n                if (orientation === \"vertical\") {\n                    e.preventDefault();\n                    if (onIncrement && !reverse) onIncrement();\n                    else if (onDecrement && reverse) onDecrement();\n                }\n                break;\n            case \"Home\":\n                e.preventDefault();\n                if (onDecrementToMin) onDecrementToMin();\n                break;\n            case \"End\":\n                e.preventDefault();\n                if (onIncrementToMax) onIncrementToMax();\n                break;\n            case \"Enter\":\n                e.preventDefault();\n                if (onCollapseToggle) onCollapseToggle();\n                break;\n        }\n    };\n    return {\n        onMouseDown: onMouseDown,\n        onMouseEnter: onMouseEnter,\n        onMouseOut: onMouseOut,\n        onKeyDown: onKeyDown\n    };\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $03deb23ff14920c4$export$4eaf04e54aa8eed6() {\n    let globalListeners = (0, $12uGp$useRef)(new Map());\n    let addGlobalListener = (0, $12uGp$useCallback)((eventTarget, type, listener, options)=>{\n        // Make sure we remove the listener after it is called with the `once` option.\n        let fn = (options === null || options === void 0 ? void 0 : options.once) ? (...args)=>{\n            globalListeners.current.delete(listener);\n            listener(...args);\n        } : listener;\n        globalListeners.current.set(listener, {\n            type: type,\n            eventTarget: eventTarget,\n            fn: fn,\n            options: options\n        });\n        eventTarget.addEventListener(type, listener, options);\n    }, []);\n    let removeGlobalListener = (0, $12uGp$useCallback)((eventTarget, type, listener, options)=>{\n        var _globalListeners_current_get;\n        let fn = ((_globalListeners_current_get = globalListeners.current.get(listener)) === null || _globalListeners_current_get === void 0 ? void 0 : _globalListeners_current_get.fn) || listener;\n        eventTarget.removeEventListener(type, fn, options);\n        globalListeners.current.delete(listener);\n    }, []);\n    let removeAllGlobalListeners = (0, $12uGp$useCallback)(()=>{\n        globalListeners.current.forEach((value, key)=>{\n            removeGlobalListener(value.eventTarget, value.type, key, value.options);\n        });\n    }, [\n        removeGlobalListener\n    ]);\n    // eslint-disable-next-line arrow-body-style\n    (0, $12uGp$useEffect)(()=>{\n        return removeAllGlobalListeners;\n    }, [\n        removeAllGlobalListeners\n    ]);\n    return {\n        addGlobalListener: addGlobalListener,\n        removeGlobalListener: removeGlobalListener,\n        removeAllGlobalListeners: removeAllGlobalListeners\n    };\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $313b98861ee5dd6c$export$d6875122194c7b44(props, defaultLabel) {\n    let { id: id , \"aria-label\": label , \"aria-labelledby\": labelledBy  } = props;\n    // If there is both an aria-label and aria-labelledby,\n    // combine them by pointing to the element itself.\n    id = (0, $bdb11010cef70236$export$f680877a34711e37)(id);\n    if (labelledBy && label) {\n        let ids = new Set([\n            ...labelledBy.trim().split(/\\s+/),\n            id\n        ]);\n        labelledBy = [\n            ...ids\n        ].join(\" \");\n    } else if (labelledBy) labelledBy = labelledBy.trim().split(/\\s+/).join(\" \");\n    // If no labels are provided, use the default\n    if (!label && !labelledBy && defaultLabel) label = defaultLabel;\n    return {\n        id: id,\n        \"aria-label\": label,\n        \"aria-labelledby\": labelledBy\n    };\n}\n\n\n/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\nfunction $df56164dff5785e2$export$4338b53315abf666(forwardedRef) {\n    const objRef = (0, $12uGp$useRef)();\n    /**\n   * We're using `useLayoutEffect` here instead of `useEffect` because we want\n   * to make sure that the `ref` value is up to date before other places in the\n   * the execution cycle try to read it.\n   */ (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{\n        if (!forwardedRef) return;\n        if (typeof forwardedRef === \"function\") forwardedRef(objRef.current);\n        else forwardedRef.current = objRef.current;\n        return ()=>{\n            if (typeof forwardedRef === \"function\") forwardedRef(null);\n            else forwardedRef.current = null;\n        };\n    }, [\n        forwardedRef\n    ]);\n    return objRef;\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $4f58c5f72bcf79f7$export$496315a1608d9602(effect, dependencies) {\n    const isInitialMount = (0, $12uGp$useRef)(true);\n    (0, $12uGp$useEffect)(()=>{\n        if (isInitialMount.current) isInitialMount.current = false;\n        else effect();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, dependencies);\n}\n\n\n\n\nfunction $9daab02d461809db$var$hasResizeObserver() {\n    return typeof window.ResizeObserver !== \"undefined\";\n}\nfunction $9daab02d461809db$export$683480f191c0e3ea(options) {\n    const { ref: ref , onResize: onResize  } = options;\n    (0, $12uGp$useEffect)(()=>{\n        let element = ref === null || ref === void 0 ? void 0 : ref.current;\n        if (!element) return;\n        if (!$9daab02d461809db$var$hasResizeObserver()) {\n            window.addEventListener(\"resize\", onResize, false);\n            return ()=>{\n                window.removeEventListener(\"resize\", onResize, false);\n            };\n        } else {\n            const resizeObserverInstance = new window.ResizeObserver((entries)=>{\n                if (!entries.length) return;\n                onResize();\n            });\n            resizeObserverInstance.observe(element);\n            return ()=>{\n                if (element) resizeObserverInstance.unobserve(element);\n            };\n        }\n    }, [\n        onResize,\n        ref\n    ]);\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $e7801be82b4b2a53$export$4debdb1a3f0fa79e(context, ref) {\n    (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{\n        if (context && context.ref && ref) {\n            context.ref.current = ref.current;\n            return ()=>{\n                context.ref.current = null;\n            };\n        }\n    }, [\n        context,\n        ref\n    ]);\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ function $62d8ded9296f3872$export$cfa2225e87938781(node) {\n    if ($62d8ded9296f3872$export$2bb74740c4e19def(node)) node = node.parentElement;\n    while(node && !$62d8ded9296f3872$export$2bb74740c4e19def(node))node = node.parentElement;\n    return node || document.scrollingElement || document.documentElement;\n}\nfunction $62d8ded9296f3872$export$2bb74740c4e19def(node) {\n    let style = window.getComputedStyle(node);\n    return /(auto|scroll)/.test(style.overflow + style.overflowX + style.overflowY);\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n// @ts-ignore\nlet $5df64b3807dc15ee$var$visualViewport = typeof window !== \"undefined\" && window.visualViewport;\nfunction $5df64b3807dc15ee$export$d699905dd57c73ca() {\n    let [size, setSize] = (0, $12uGp$useState)(()=>$5df64b3807dc15ee$var$getViewportSize());\n    (0, $12uGp$useEffect)(()=>{\n        // Use visualViewport api to track available height even on iOS virtual keyboard opening\n        let onResize = ()=>{\n            setSize((size)=>{\n                let newSize = $5df64b3807dc15ee$var$getViewportSize();\n                if (newSize.width === size.width && newSize.height === size.height) return size;\n                return newSize;\n            });\n        };\n        if (!$5df64b3807dc15ee$var$visualViewport) window.addEventListener(\"resize\", onResize);\n        else $5df64b3807dc15ee$var$visualViewport.addEventListener(\"resize\", onResize);\n        return ()=>{\n            if (!$5df64b3807dc15ee$var$visualViewport) window.removeEventListener(\"resize\", onResize);\n            else $5df64b3807dc15ee$var$visualViewport.removeEventListener(\"resize\", onResize);\n        };\n    }, []);\n    return size;\n}\nfunction $5df64b3807dc15ee$var$getViewportSize() {\n    return {\n        width: ($5df64b3807dc15ee$var$visualViewport === null || $5df64b3807dc15ee$var$visualViewport === void 0 ? void 0 : $5df64b3807dc15ee$var$visualViewport.width) || window.innerWidth,\n        height: ($5df64b3807dc15ee$var$visualViewport === null || $5df64b3807dc15ee$var$visualViewport === void 0 ? void 0 : $5df64b3807dc15ee$var$visualViewport.height) || window.innerHeight\n    };\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\nlet $ef06256079686ba0$var$descriptionId = 0;\nconst $ef06256079686ba0$var$descriptionNodes = new Map();\nfunction $ef06256079686ba0$export$f8aeda7b10753fa1(description) {\n    let [id, setId] = (0, $12uGp$useState)(undefined);\n    (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{\n        if (!description) return;\n        let desc = $ef06256079686ba0$var$descriptionNodes.get(description);\n        if (!desc) {\n            let id = `react-aria-description-${$ef06256079686ba0$var$descriptionId++}`;\n            setId(id);\n            let node = document.createElement(\"div\");\n            node.id = id;\n            node.style.display = \"none\";\n            node.textContent = description;\n            document.body.appendChild(node);\n            desc = {\n                refCount: 0,\n                element: node\n            };\n            $ef06256079686ba0$var$descriptionNodes.set(description, desc);\n        } else setId(desc.element.id);\n        desc.refCount++;\n        return ()=>{\n            if (--desc.refCount === 0) {\n                desc.element.remove();\n                $ef06256079686ba0$var$descriptionNodes.delete(description);\n            }\n        };\n    }, [\n        description\n    ]);\n    return {\n        \"aria-describedby\": description ? id : undefined\n    };\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ function $c87311424ea30a05$var$testUserAgent(re) {\n    var _window_navigator_userAgentData;\n    if (typeof window === \"undefined\" || window.navigator == null) return false;\n    return ((_window_navigator_userAgentData = window.navigator[\"userAgentData\"]) === null || _window_navigator_userAgentData === void 0 ? void 0 : _window_navigator_userAgentData.brands.some((brand)=>re.test(brand.brand))) || re.test(window.navigator.userAgent);\n}\nfunction $c87311424ea30a05$var$testPlatform(re) {\n    var _window_navigator_userAgentData;\n    return typeof window !== \"undefined\" && window.navigator != null ? re.test(((_window_navigator_userAgentData = window.navigator[\"userAgentData\"]) === null || _window_navigator_userAgentData === void 0 ? void 0 : _window_navigator_userAgentData.platform) || window.navigator.platform) : false;\n}\nfunction $c87311424ea30a05$export$9ac100e40613ea10() {\n    return $c87311424ea30a05$var$testPlatform(/^Mac/i);\n}\nfunction $c87311424ea30a05$export$186c6964ca17d99() {\n    return $c87311424ea30a05$var$testPlatform(/^iPhone/i);\n}\nfunction $c87311424ea30a05$export$7bef049ce92e4224() {\n    return $c87311424ea30a05$var$testPlatform(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.\n    $c87311424ea30a05$export$9ac100e40613ea10() && navigator.maxTouchPoints > 1;\n}\nfunction $c87311424ea30a05$export$fedb369cb70207f1() {\n    return $c87311424ea30a05$export$186c6964ca17d99() || $c87311424ea30a05$export$7bef049ce92e4224();\n}\nfunction $c87311424ea30a05$export$e1865c3bedcd822b() {\n    return $c87311424ea30a05$export$9ac100e40613ea10() || $c87311424ea30a05$export$fedb369cb70207f1();\n}\nfunction $c87311424ea30a05$export$78551043582a6a98() {\n    return $c87311424ea30a05$var$testUserAgent(/AppleWebKit/i) && !$c87311424ea30a05$export$6446a186d09e379e();\n}\nfunction $c87311424ea30a05$export$6446a186d09e379e() {\n    return $c87311424ea30a05$var$testUserAgent(/Chrome/i);\n}\nfunction $c87311424ea30a05$export$a11b0059900ceec8() {\n    return $c87311424ea30a05$var$testUserAgent(/Android/i);\n}\n\n\n/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $e9faafb641e167db$export$90fc3a17d93f704c(ref, event, handler, options) {\n    let handlerRef = (0, $12uGp$useRef)(handler);\n    handlerRef.current = handler;\n    let isDisabled = handler == null;\n    (0, $12uGp$useEffect)(()=>{\n        if (isDisabled) return;\n        let element = ref.current;\n        let handler = (e)=>handlerRef.current.call(this, e);\n        element.addEventListener(event, handler, options);\n        return ()=>{\n            element.removeEventListener(event, handler, options);\n        };\n    }, [\n        ref,\n        event,\n        options,\n        isDisabled\n    ]);\n}\n\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollView, element) {\n    let offsetX = $2f04cbc44ee30ce0$var$relativeOffset(scrollView, element, \"left\");\n    let offsetY = $2f04cbc44ee30ce0$var$relativeOffset(scrollView, element, \"top\");\n    let width = element.offsetWidth;\n    let height = element.offsetHeight;\n    let x = scrollView.scrollLeft;\n    let y = scrollView.scrollTop;\n    // Account for top/left border offsetting the scroll top/Left\n    let { borderTopWidth: borderTopWidth , borderLeftWidth: borderLeftWidth  } = getComputedStyle(scrollView);\n    let borderAdjustedX = scrollView.scrollLeft + parseInt(borderLeftWidth, 10);\n    let borderAdjustedY = scrollView.scrollTop + parseInt(borderTopWidth, 10);\n    // Ignore end/bottom border via clientHeight/Width instead of offsetHeight/Width\n    let maxX = borderAdjustedX + scrollView.clientWidth;\n    let maxY = borderAdjustedY + scrollView.clientHeight;\n    if (offsetX <= x) x = offsetX - parseInt(borderLeftWidth, 10);\n    else if (offsetX + width > maxX) x += offsetX + width - maxX;\n    if (offsetY <= borderAdjustedY) y = offsetY - parseInt(borderTopWidth, 10);\n    else if (offsetY + height > maxY) y += offsetY + height - maxY;\n    scrollView.scrollLeft = x;\n    scrollView.scrollTop = y;\n}\n/**\n * Computes the offset left or top from child to ancestor by accumulating\n * offsetLeft or offsetTop through intervening offsetParents.\n */ function $2f04cbc44ee30ce0$var$relativeOffset(ancestor, child, axis) {\n    const prop = axis === \"left\" ? \"offsetLeft\" : \"offsetTop\";\n    let sum = 0;\n    while(child.offsetParent){\n        sum += child[prop];\n        if (child.offsetParent === ancestor) break;\n        else if (child.offsetParent.contains(ancestor)) {\n            // If the ancestor is not `position:relative`, then we stop at\n            // _its_ offset parent, and we subtract off _its_ offset, so that\n            // we end up with the proper offset from child to ancestor.\n            sum -= ancestor[prop];\n            break;\n        }\n        child = child.offsetParent;\n    }\n    return sum;\n}\nfunction $2f04cbc44ee30ce0$export$c826860796309d1b(targetElement, opts) {\n    if (document.contains(targetElement)) {\n        let root = document.scrollingElement || document.documentElement;\n        let isScrollPrevented = window.getComputedStyle(root).overflow === \"hidden\";\n        // If scrolling is not currently prevented then we aren’t in a overlay nor is a overlay open, just use element.scrollIntoView to bring the element into view\n        if (!isScrollPrevented) {\n            var // use scrollIntoView({block: 'nearest'}) instead of .focus to check if the element is fully in view or not since .focus()\n            // won't cause a scroll if the element is already focused and doesn't behave consistently when an element is partially out of view horizontally vs vertically\n            _targetElement_scrollIntoView;\n            let { left: originalLeft , top: originalTop  } = targetElement.getBoundingClientRect();\n            targetElement === null || targetElement === void 0 ? void 0 : (_targetElement_scrollIntoView = targetElement.scrollIntoView) === null || _targetElement_scrollIntoView === void 0 ? void 0 : _targetElement_scrollIntoView.call(targetElement, {\n                block: \"nearest\"\n            });\n            let { left: newLeft , top: newTop  } = targetElement.getBoundingClientRect();\n            // Account for sub pixel differences from rounding\n            if (Math.abs(originalLeft - newLeft) > 1 || Math.abs(originalTop - newTop) > 1) {\n                var _opts_containingElement, _opts_containingElement_scrollIntoView, _targetElement_scrollIntoView1;\n                opts === null || opts === void 0 ? void 0 : (_opts_containingElement = opts.containingElement) === null || _opts_containingElement === void 0 ? void 0 : (_opts_containingElement_scrollIntoView = _opts_containingElement.scrollIntoView) === null || _opts_containingElement_scrollIntoView === void 0 ? void 0 : _opts_containingElement_scrollIntoView.call(_opts_containingElement, {\n                    block: \"center\",\n                    inline: \"center\"\n                });\n                (_targetElement_scrollIntoView1 = targetElement.scrollIntoView) === null || _targetElement_scrollIntoView1 === void 0 ? void 0 : _targetElement_scrollIntoView1.call(targetElement, {\n                    block: \"nearest\"\n                });\n            }\n        } else {\n            let scrollParent = (0, $62d8ded9296f3872$export$cfa2225e87938781)(targetElement);\n            // If scrolling is prevented, we don't want to scroll the body since it might move the overlay partially offscreen and the user can't scroll it back into view.\n            while(targetElement && scrollParent && targetElement !== root && scrollParent !== root){\n                $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollParent, targetElement);\n                targetElement = scrollParent;\n                scrollParent = (0, $62d8ded9296f3872$export$cfa2225e87938781)(targetElement);\n            }\n        }\n    }\n}\n\n\n\n/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $6a7db85432448f7f$export$60278871457622de(event) {\n    // JAWS/NVDA with Firefox.\n    if (event.mozInputSource === 0 && event.isTrusted) return true;\n    // Android TalkBack's detail value varies depending on the event listener providing the event so we have specific logic here instead\n    // If pointerType is defined, event is from a click listener. For events from mousedown listener, detail === 0 is a sufficient check\n    // to detect TalkBack virtual clicks.\n    if ((0, $c87311424ea30a05$export$a11b0059900ceec8)() && event.pointerType) return event.type === \"click\" && event.buttons === 1;\n    return event.detail === 0 && !event.pointerType;\n}\nfunction $6a7db85432448f7f$export$29bf1b5f2c56cf63(event) {\n    // If the pointer size is zero, then we assume it's from a screen reader.\n    // Android TalkBack double tap will sometimes return a event with width and height of 1\n    // and pointerType === 'mouse' so we need to check for a specific combination of event attributes.\n    // Cannot use \"event.pressure === 0\" as the sole check due to Safari pointer events always returning pressure === 0\n    // instead of .5, see https://bugs.webkit.org/show_bug.cgi?id=206216. event.pointerType === 'mouse' is to distingush\n    // Talkback double tap from Windows Firefox touch screen press\n    return event.width === 0 && event.height === 0 || event.width === 1 && event.height === 1 && event.pressure === 0 && event.detail === 0 && event.pointerType === \"mouse\";\n}\n\n\n/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\nfunction $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {\n    const ref = (0, $12uGp$useRef)(null);\n    (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{\n        ref.current = fn;\n    }, [\n        fn\n    ]);\n    return (0, $12uGp$useCallback)((...args)=>{\n        const f = ref.current;\n        return f(...args);\n    }, []);\n}\n\n\n\n\nexport {$bdb11010cef70236$export$f680877a34711e37 as useId, $bdb11010cef70236$export$cd8c9cb68f842629 as mergeIds, $bdb11010cef70236$export$b4cc09c592e8fdb8 as useSlotId, $ff5963eb1fccf552$export$e08e3b67e392101e as chain, $3ef42575df84b30b$export$9d1611c77c2fe928 as mergeProps, $5dc95899b306f630$export$c9058316764c140e as mergeRefs, $65484d02dcb7eb3e$export$457c3d6518dd4c6f as filterDOMProps, $7215afc6de606d6b$export$de79e2c695e052f3 as focusWithoutScrolling, $ab71dadb03a6fb2e$export$622cea445a1c5b7d as getOffset, $bbed8b41f857bcc0$export$24490316f764c430 as runAfterTransition, $9cc09df9fd7676be$export$7bbed75feba39706 as useDrag1D, $03deb23ff14920c4$export$4eaf04e54aa8eed6 as useGlobalListeners, $313b98861ee5dd6c$export$d6875122194c7b44 as useLabels, $df56164dff5785e2$export$4338b53315abf666 as useObjectRef, $4f58c5f72bcf79f7$export$496315a1608d9602 as useUpdateEffect, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as useLayoutEffect, $9daab02d461809db$export$683480f191c0e3ea as useResizeObserver, $e7801be82b4b2a53$export$4debdb1a3f0fa79e as useSyncRef, $62d8ded9296f3872$export$cfa2225e87938781 as getScrollParent, $62d8ded9296f3872$export$2bb74740c4e19def as isScrollable, $5df64b3807dc15ee$export$d699905dd57c73ca as useViewportSize, $ef06256079686ba0$export$f8aeda7b10753fa1 as useDescription, $c87311424ea30a05$export$9ac100e40613ea10 as isMac, $c87311424ea30a05$export$186c6964ca17d99 as isIPhone, $c87311424ea30a05$export$7bef049ce92e4224 as isIPad, $c87311424ea30a05$export$fedb369cb70207f1 as isIOS, $c87311424ea30a05$export$e1865c3bedcd822b as isAppleDevice, $c87311424ea30a05$export$78551043582a6a98 as isWebKit, $c87311424ea30a05$export$6446a186d09e379e as isChrome, $c87311424ea30a05$export$a11b0059900ceec8 as isAndroid, $e9faafb641e167db$export$90fc3a17d93f704c as useEvent, $1dbecbe27a04f9af$export$14d238f342723f25 as useValueEffect, $2f04cbc44ee30ce0$export$53a0910f038337bd as scrollIntoView, $2f04cbc44ee30ce0$export$c826860796309d1b as scrollIntoViewport, $4507461a1b870123$re_export$clamp as clamp, $4507461a1b870123$re_export$snapValueToStep as snapValueToStep, $6a7db85432448f7f$export$60278871457622de as isVirtualClick, $6a7db85432448f7f$export$29bf1b5f2c56cf63 as isVirtualPointerEvent, $8ae05eaa5c114e9c$export$7f54fc3180508a52 as useEffectEvent};\n//# sourceMappingURL=module.js.map\n","import { useCallback, useEffect, useLayoutEffect, useRef, useState, createContext, useContext, createElement, forwardRef, useImperativeHandle, useMemo, Children, cloneElement } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useMotionValue, useReducedMotion, useTransform, animate, motion, AnimatePresence } from 'framer-motion';\nimport { useLayoutEffect as useLayoutEffect$1, isIOS, chain, getScrollParent } from '@react-aria/utils';\n\nfunction _extends() {\n  _extends = Object.assign ? Object.assign.bind() : function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n    return target;\n  };\n  return _extends.apply(this, arguments);\n}\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n  return target;\n}\n\nvar MAX_HEIGHT = 'calc(100% - env(safe-area-inset-top) - 34px)';\nvar IS_SSR = typeof window === 'undefined';\nvar DEFAULT_TWEEN_CONFIG = {\n  ease: 'easeOut',\n  duration: 0.2\n};\nvar REDUCED_MOTION_TWEEN_CONFIG = {\n  ease: 'linear',\n  duration: 0.01\n};\nvar DRAG_CLOSE_THRESHOLD = 0.6;\nvar DRAG_VELOCITY_THRESHOLD = 500;\n\nfunction getClosest(nums, goal) {\n  var closest = nums[0];\n  var minDifference = Math.abs(nums[0] - goal);\n  for (var i = 1; i < nums.length; i++) {\n    var difference = Math.abs(nums[i] - goal);\n    if (difference < minDifference) {\n      closest = nums[i];\n      minDifference = difference;\n    }\n  }\n  return closest;\n}\nfunction applyRootStyles(rootId) {\n  var body = document.querySelector('body');\n  var root = document.querySelector(\"#\" + rootId);\n  if (root) {\n    var p = 24;\n    var h = window.innerHeight;\n    var s = (h - p) / h;\n    body.style.backgroundColor = '#000';\n    root.style.overflow = 'hidden';\n    root.style.willChange = 'transform';\n    root.style.transition = 'transform 200ms ease-in-out, border-radius 200ms linear';\n    root.style.transform = \"translateY(calc(env(safe-area-inset-top) + \" + p / 2 + \"px)) scale(\" + s + \")\"; // prettier-ignore\n    root.style.borderTopRightRadius = '10px';\n    root.style.borderTopLeftRadius = '10px';\n  }\n}\nfunction cleanupRootStyles(rootId) {\n  var body = document.querySelector('body');\n  var root = document.getElementById(rootId);\n  function onTransitionEnd() {\n    root.style.removeProperty('overflow');\n    root.style.removeProperty('will-change');\n    root.style.removeProperty('transition');\n    body.style.removeProperty('background-color');\n    root.removeEventListener('transitionend', onTransitionEnd);\n  }\n  if (root) {\n    // Start animating back\n    root.style.removeProperty('border-top-right-radius');\n    root.style.removeProperty('border-top-left-radius');\n    root.style.removeProperty('transform');\n    // Remove temp properties after animation is finished\n    root.addEventListener('transitionend', onTransitionEnd);\n  }\n}\nfunction inDescendingOrder(arr) {\n  for (var i = 0; i < arr.length; i++) {\n    if (arr[i + 1] > arr[i]) return false;\n  }\n  return true;\n}\nfunction validateSnapTo(_ref) {\n  var snapTo = _ref.snapTo,\n    sheetHeight = _ref.sheetHeight;\n  if (snapTo < 0) {\n    console.warn(\"Snap point is out of bounds. Sheet height is \" + sheetHeight + \" but snap point is \" + (sheetHeight + Math.abs(snapTo)) + \".\");\n  }\n  return Math.max(Math.round(snapTo), 0);\n}\nfunction mergeRefs(refs) {\n  return function (value) {\n    refs.forEach(function (ref) {\n      if (typeof ref === 'function') {\n        ref(value);\n      } else if (ref) {\n        ref.current = value;\n      }\n    });\n  };\n}\nfunction isTouchDevice() {\n  if (typeof window === 'undefined') return false;\n  return 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n}\n\nvar useIsomorphicLayoutEffect = IS_SSR ? useEffect : useLayoutEffect;\nfunction useModalEffect(isOpen, rootId) {\n  var prevOpen = usePrevious(isOpen);\n  // Automatically apply the iOS modal effect to the body when sheet opens/closes\n  useEffect(function () {\n    if (rootId && !prevOpen && isOpen) {\n      applyRootStyles(rootId);\n    } else if (rootId && !isOpen && prevOpen) {\n      cleanupRootStyles(rootId);\n    }\n  }, [isOpen, prevOpen]); // eslint-disable-line\n  // Make sure to cleanup modal styles on unmount\n  useEffect(function () {\n    return function () {\n      if (rootId && isOpen) cleanupRootStyles(rootId);\n    };\n  }, [isOpen]); // eslint-disable-line\n}\n\nfunction useEventCallbacks(isOpen, callbacks) {\n  var prevOpen = usePrevious(isOpen);\n  var didOpen = useRef(false);\n  // Because of AnimatePrecence we don't have access to latest isOpen value\n  // so we need to read and write to a ref to determine if we are\n  // opening or closing the sheet\n  var handleAnimationComplete = useCallback(function () {\n    if (!didOpen.current) {\n      callbacks.current.onOpenEnd == null || callbacks.current.onOpenEnd();\n      didOpen.current = true;\n    } else {\n      callbacks.current.onCloseEnd == null || callbacks.current.onCloseEnd();\n      didOpen.current = false;\n    }\n  }, [isOpen, prevOpen]); // eslint-disable-line\n  useEffect(function () {\n    if (!prevOpen && isOpen) {\n      callbacks.current.onOpenStart == null || callbacks.current.onOpenStart();\n    } else if (!isOpen && prevOpen) {\n      callbacks.current.onCloseStart == null || callbacks.current.onCloseStart();\n    }\n  }, [isOpen, prevOpen]); // eslint-disable-line\n  return {\n    handleAnimationComplete: handleAnimationComplete\n  };\n}\nfunction useWindowHeight() {\n  var _React$useState = useState(0),\n    windowHeight = _React$useState[0],\n    setWindowHeight = _React$useState[1];\n  useIsomorphicLayoutEffect(function () {\n    var updateHeight = function updateHeight() {\n      return setWindowHeight(window.innerHeight);\n    };\n    window.addEventListener('resize', updateHeight);\n    updateHeight();\n    return function () {\n      return window.removeEventListener('resize', updateHeight);\n    };\n  }, []);\n  return windowHeight;\n}\nfunction usePrevious(state) {\n  var ref = useRef();\n  useEffect(function () {\n    ref.current = state;\n  });\n  return ref.current;\n}\n// Userland version of the `useEvent` React hook:\n// RFC: https://github.com/reactjs/rfcs/blob/useevent/text/0000-useevent.md\nfunction useEvent(handler) {\n  var handlerRef = useRef();\n  useIsomorphicLayoutEffect(function () {\n    handlerRef.current = handler;\n  });\n  return useCallback(function () {\n    var fn = handlerRef.current;\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n    return fn == null ? void 0 : fn.apply(void 0, args);\n  }, []);\n}\n// This is a hacky way to fix a bug in framer-motion where the drag\n// constraints are not updated when window is resized.\n// https://github.com/framer/motion/issues/1659\nvar constraints = {\n  bottom: 0,\n  top: 0,\n  left: 0,\n  right: 0\n};\nfunction useDragConstraints() {\n  var constraintsRef = useRef(null);\n  var onMeasureDragConstraints = useCallback(function () {\n    return constraints;\n  }, []);\n  return {\n    constraintsRef: constraintsRef,\n    onMeasureDragConstraints: onMeasureDragConstraints\n  };\n}\n\nvar SheetContext = /*#__PURE__*/createContext(undefined);\nvar useSheetContext = function useSheetContext() {\n  var context = useContext(SheetContext);\n  if (!context) throw Error('Sheet context error');\n  return context;\n};\nvar SheetScrollerContext = /*#__PURE__*/createContext(undefined);\nfunction SheetScrollerContextProvider(_ref) {\n  var children = _ref.children;\n  var sheetContext = useSheetContext();\n  var _React$useState = useState(!!sheetContext.disableDrag),\n    disableDrag = _React$useState[0],\n    setDisableDrag = _React$useState[1];\n  function setDragEnabled() {\n    if (!sheetContext.disableDrag) setDisableDrag(false);\n  }\n  function setDragDisabled() {\n    if (!disableDrag) setDisableDrag(true);\n  }\n  return createElement(SheetScrollerContext.Provider, {\n    value: {\n      disableDrag: disableDrag,\n      setDragEnabled: setDragEnabled,\n      setDragDisabled: setDragDisabled\n    }\n  }, children);\n}\nvar useSheetScrollerContext = function useSheetScrollerContext() {\n  var context = useContext(SheetScrollerContext);\n  if (!context) throw Error('Sheet scroller context error');\n  return context;\n};\n\n// Source: https://github.com/adobe/react-spectrum/blob/main/packages/@react-aria/overlays/src/usePreventScroll.ts\n// @ts-ignore\nvar visualViewport = typeof window !== 'undefined' && window.visualViewport;\n// HTML input types that do not cause the software keyboard to appear.\nvar nonTextInputTypes = /*#__PURE__*/new Set(['checkbox', 'radio', 'range', 'color', 'file', 'image', 'button', 'submit', 'reset']);\n// The number of active usePreventScroll calls. Used to determine whether to revert back to the original page style/scroll position\nvar preventScrollCount = 0;\nvar restore;\n/**\r\n * Prevents scrolling on the document body on mount, and\r\n * restores it on unmount. Also ensures that content does not\r\n * shift due to the scrollbars disappearing.\r\n */\nfunction usePreventScroll(options) {\n  if (options === void 0) {\n    options = {};\n  }\n  var _options = options,\n    isDisabled = _options.isDisabled;\n  useLayoutEffect$1(function () {\n    if (isDisabled) {\n      return;\n    }\n    preventScrollCount++;\n    if (preventScrollCount === 1) {\n      if (isIOS()) {\n        restore = preventScrollMobileSafari();\n      } else {\n        restore = preventScrollStandard();\n      }\n    }\n    return function () {\n      preventScrollCount--;\n      if (preventScrollCount === 0) {\n        restore();\n      }\n    };\n  }, [isDisabled]);\n}\n// For most browsers, all we need to do is set `overflow: hidden` on the root element, and\n// add some padding to prevent the page from shifting when the scrollbar is hidden.\nfunction preventScrollStandard() {\n  return chain(setStyle(document.documentElement, 'paddingRight', window.innerWidth - document.documentElement.clientWidth + \"px\"), setStyle(document.documentElement, 'overflow', 'hidden'));\n}\n// Mobile Safari is a whole different beast. Even with overflow: hidden,\n// it still scrolls the page in many situations:\n//\n// 1. When the bottom toolbar and address bar are collapsed, page scrolling is always allowed.\n// 2. When the keyboard is visible, the viewport does not resize. Instead, the keyboard covers part of\n//    it, so it becomes scrollable.\n// 3. When tapping on an input, the page always scrolls so that the input is centered in the visual viewport.\n//    This may cause even fixed position elements to scroll off the screen.\n// 4. When using the next/previous buttons in the keyboard to navigate between inputs, the whole page always\n//    scrolls, even if the input is inside a nested scrollable element that could be scrolled instead.\n//\n// In order to work around these cases, and prevent scrolling without jankiness, we do a few things:\n//\n// 1. Prevent default on `touchmove` events that are not in a scrollable element. This prevents touch scrolling\n//    on the window.\n// 2. Prevent default on `touchmove` events inside a scrollable element when the scroll position is at the\n//    top or bottom. This avoids the whole page scrolling instead, but does prevent overscrolling.\n// 3. Prevent default on `touchend` events on input elements and handle focusing the element ourselves.\n// 4. When focusing an input, apply a transform to trick Safari into thinking the input is at the top\n//    of the page, which prevents it from scrolling the page. After the input is focused, scroll the element\n//    into view ourselves, without scrolling the whole page.\n// 5. Offset the body by the scroll position using a negative margin and scroll to the top. This should appear the\n//    same visually, but makes the actual scroll position always zero. This is required to make all of the\n//    above work or Safari will still try to scroll the page when focusing an input.\n// 6. As a last resort, handle window scroll events, and scroll back to the top. This can happen when attempting\n//    to navigate to an input with the next/previous buttons that's outside a modal.\nfunction preventScrollMobileSafari() {\n  var scrollable;\n  var lastY = 0;\n  var onTouchStart = function onTouchStart(e) {\n    // Store the nearest scrollable parent element from the element that the user touched.\n    scrollable = getScrollParent(e.target);\n    if (scrollable === document.documentElement && scrollable === document.body) {\n      return;\n    }\n    lastY = e.changedTouches[0].pageY;\n  };\n  var onTouchMove = function onTouchMove(e) {\n    // In special situations, `onTouchStart` may be called without `onTouchStart` being called.\n    // (e.g. when the user places a finger on the screen before the <Sheet> is mounted and then moves the finger after it is mounted).\n    // If `onTouchStart` is not called, `scrollable` is `undefined`. Therefore, such cases are ignored.\n    if (scrollable === undefined) {\n      return;\n    }\n    // Prevent scrolling the window.\n    if (scrollable === document.documentElement || scrollable === document.body) {\n      e.preventDefault();\n      return;\n    }\n    // Prevent scrolling up when at the top and scrolling down when at the bottom\n    // of a nested scrollable area, otherwise mobile Safari will start scrolling\n    // the window instead. Unfortunately, this disables bounce scrolling when at\n    // the top but it's the best we can do.\n    var y = e.changedTouches[0].pageY;\n    var scrollTop = scrollable.scrollTop;\n    var bottom = scrollable.scrollHeight - scrollable.clientHeight;\n    // Fix for: https://github.com/adobe/react-spectrum/pull/3780/files\n    if (bottom === 0) {\n      return;\n    }\n    if (scrollTop <= 0 && y > lastY || scrollTop >= bottom && y < lastY) {\n      e.preventDefault();\n    }\n    lastY = y;\n  };\n  var onTouchEnd = function onTouchEnd(e) {\n    var target = e.target;\n    // Apply this change if we're not already focused on the target element\n    if (willOpenKeyboard(target) && target !== document.activeElement) {\n      e.preventDefault();\n      // Apply a transform to trick Safari into thinking the input is at the top of the page\n      // so it doesn't try to scroll it into view. When tapping on an input, this needs to\n      // be done before the \"focus\" event, so we have to focus the element ourselves.\n      target.style.transform = 'translateY(-2000px)';\n      target.focus();\n      requestAnimationFrame(function () {\n        target.style.transform = '';\n      });\n    }\n  };\n  var onFocus = function onFocus(e) {\n    var target = e.target;\n    if (willOpenKeyboard(target)) {\n      // Transform also needs to be applied in the focus event in cases where focus moves\n      // other than tapping on an input directly, e.g. the next/previous buttons in the\n      // software keyboard. In these cases, it seems applying the transform in the focus event\n      // is good enough, whereas when tapping an input, it must be done before the focus event. 🤷‍♂️\n      target.style.transform = 'translateY(-2000px)';\n      requestAnimationFrame(function () {\n        target.style.transform = '';\n        // This will have prevented the browser from scrolling the focused element into view,\n        // so we need to do this ourselves in a way that doesn't cause the whole page to scroll.\n        if (visualViewport) {\n          if (visualViewport.height < window.innerHeight) {\n            // If the keyboard is already visible, do this after one additional frame\n            // to wait for the transform to be removed.\n            requestAnimationFrame(function () {\n              scrollIntoView(target);\n            });\n          } else {\n            // Otherwise, wait for the visual viewport to resize before scrolling so we can\n            // measure the correct position to scroll to.\n            visualViewport.addEventListener('resize', function () {\n              return scrollIntoView(target);\n            }, {\n              once: true\n            });\n          }\n        }\n      });\n    }\n  };\n  var onWindowScroll = function onWindowScroll() {\n    // Last resort. If the window scrolled, scroll it back to the top.\n    // It should always be at the top because the body will have a negative margin (see below).\n    window.scrollTo(0, 0);\n  };\n  // Record the original scroll position so we can restore it.\n  // Then apply a negative margin to the body to offset it by the scroll position. This will\n  // enable us to scroll the window to the top, which is required for the rest of this to work.\n  var scrollX = window.pageXOffset;\n  var scrollY = window.pageYOffset;\n  var restoreStyles = chain(setStyle(document.documentElement, 'paddingRight', window.innerWidth - document.documentElement.clientWidth + \"px\"), setStyle(document.documentElement, 'overflow', 'hidden'), setStyle(document.body, 'marginTop', \"-\" + scrollY + \"px\"));\n  // Scroll to the top. The negative margin on the body will make this appear the same.\n  window.scrollTo(0, 0);\n  var removeEvents = chain(addEvent(document, 'touchstart', onTouchStart, {\n    passive: false,\n    capture: true\n  }), addEvent(document, 'touchmove', onTouchMove, {\n    passive: false,\n    capture: true\n  }), addEvent(document, 'touchend', onTouchEnd, {\n    passive: false,\n    capture: true\n  }), addEvent(document, 'focus', onFocus, true), addEvent(window, 'scroll', onWindowScroll));\n  return function () {\n    // Restore styles and scroll the page back to where it was.\n    restoreStyles();\n    removeEvents();\n    window.scrollTo(scrollX, scrollY);\n  };\n}\n// Sets a CSS property on an element, and returns a function to revert it to the previous value.\nfunction setStyle(element, style, value) {\n  var cur = element.style[style];\n  element.style[style] = value;\n  return function () {\n    element.style[style] = cur;\n  };\n}\n// Adds an event listener to an element, and returns a function to remove it.\nfunction addEvent(target, event, handler, options) {\n  target.addEventListener(event, handler, options);\n  return function () {\n    target.removeEventListener(event, handler, options);\n  };\n}\nfunction scrollIntoView(target) {\n  var root = document.scrollingElement || document.documentElement;\n  while (target && target !== root) {\n    // Find the parent scrollable element and adjust the scroll position if the target is not already in view.\n    var scrollable = getScrollParent(target);\n    if (scrollable !== document.documentElement && scrollable !== document.body && scrollable !== target) {\n      var scrollableTop = scrollable.getBoundingClientRect().top;\n      var targetTop = target.getBoundingClientRect().top;\n      if (targetTop > scrollableTop + target.clientHeight) {\n        scrollable.scrollTop += targetTop - scrollableTop;\n      }\n    }\n    target = scrollable.parentElement;\n  }\n}\nfunction willOpenKeyboard(target) {\n  return target instanceof HTMLInputElement && !nonTextInputTypes.has(target.type) || target instanceof HTMLTextAreaElement || target instanceof HTMLElement && target.isContentEditable;\n}\n\nvar styles = {\n  wrapper: {\n    position: 'fixed',\n    top: 0,\n    bottom: 0,\n    left: 0,\n    right: 0,\n    overflow: 'hidden',\n    pointerEvents: 'none'\n  },\n  backdrop: {\n    zIndex: 1,\n    position: 'fixed',\n    top: 0,\n    left: 0,\n    width: '100%',\n    height: '100%',\n    backgroundColor: 'rgba(0, 0, 0, 0.2)',\n    touchAction: 'none',\n    border: 'none'\n  },\n  container: {\n    zIndex: 2,\n    position: 'absolute',\n    left: 0,\n    bottom: 0,\n    width: '100%',\n    backgroundColor: '#fff',\n    borderTopRightRadius: '8px',\n    borderTopLeftRadius: '8px',\n    boxShadow: '0px -2px 16px rgba(0, 0, 0, 0.3)',\n    display: 'flex',\n    flexDirection: 'column',\n    pointerEvents: 'auto'\n  },\n  headerWrapper: {\n    width: '100%'\n  },\n  header: {\n    height: '40px',\n    width: '100%',\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center'\n  },\n  indicator: {\n    width: '18px',\n    height: '4px',\n    borderRadius: '99px',\n    backgroundColor: '#ddd'\n  },\n  content: {\n    flexGrow: 1,\n    display: 'flex',\n    flexDirection: 'column',\n    minHeight: '0px',\n    position: 'relative'\n  },\n  scroller: {\n    height: '100%',\n    overflowY: 'auto'\n  }\n};\n\nvar _excluded = [\"onOpenStart\", \"onOpenEnd\", \"onClose\", \"onCloseStart\", \"onCloseEnd\", \"onSnap\", \"children\", \"disableScrollLocking\", \"isOpen\", \"snapPoints\", \"rootId\", \"mountPoint\", \"style\", \"detent\", \"initialSnap\", \"disableDrag\", \"prefersReducedMotion\", \"tweenConfig\"];\nvar Sheet = /*#__PURE__*/forwardRef(function (_ref, ref) {\n  var onOpenStart = _ref.onOpenStart,\n    onOpenEnd = _ref.onOpenEnd,\n    onClose = _ref.onClose,\n    onCloseStart = _ref.onCloseStart,\n    onCloseEnd = _ref.onCloseEnd,\n    onSnap = _ref.onSnap,\n    children = _ref.children,\n    _ref$disableScrollLoc = _ref.disableScrollLocking,\n    disableScrollLocking = _ref$disableScrollLoc === void 0 ? false : _ref$disableScrollLoc,\n    isOpen = _ref.isOpen,\n    snapPoints = _ref.snapPoints,\n    rootId = _ref.rootId,\n    mountPoint = _ref.mountPoint,\n    style = _ref.style,\n    _ref$detent = _ref.detent,\n    detent = _ref$detent === void 0 ? 'full-height' : _ref$detent,\n    _ref$initialSnap = _ref.initialSnap,\n    initialSnap = _ref$initialSnap === void 0 ? 0 : _ref$initialSnap,\n    _ref$disableDrag = _ref.disableDrag,\n    disableDrag = _ref$disableDrag === void 0 ? false : _ref$disableDrag,\n    _ref$prefersReducedMo = _ref.prefersReducedMotion,\n    prefersReducedMotion = _ref$prefersReducedMo === void 0 ? false : _ref$prefersReducedMo,\n    _ref$tweenConfig = _ref.tweenConfig,\n    tweenConfig = _ref$tweenConfig === void 0 ? DEFAULT_TWEEN_CONFIG : _ref$tweenConfig,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded);\n  var sheetRef = useRef(null);\n  var indicatorRotation = useMotionValue(0);\n  var windowHeight = useWindowHeight();\n  var shouldReduceMotion = useReducedMotion();\n  var reduceMotion = Boolean(prefersReducedMotion || shouldReduceMotion);\n  var animationOptions = _extends({\n    type: 'tween'\n  }, reduceMotion ? REDUCED_MOTION_TWEEN_CONFIG : tweenConfig);\n  // NOTE: the inital value for `y` doesn't matter since it is overwritten by\n  // the value driven by the `AnimatePresence` component when the sheet is opened\n  // and after that it is driven by the gestures and/or snapping\n  var y = useMotionValue(0);\n  var zIndex = useTransform(y, function (value) {\n    return value >= windowHeight ? -1 : 9999999;\n  });\n  var visibility = useTransform(y, function (value) {\n    return value >= windowHeight ? 'hidden' : 'visible';\n  });\n  // Keep the callback fns up-to-date so that they can be accessed inside\n  // the effect without including them to the dependencies array\n  var callbacks = useRef({\n    onOpenStart: onOpenStart,\n    onOpenEnd: onOpenEnd,\n    onCloseStart: onCloseStart,\n    onCloseEnd: onCloseEnd\n  });\n  useIsomorphicLayoutEffect(function () {\n    callbacks.current = {\n      onOpenStart: onOpenStart,\n      onOpenEnd: onOpenEnd,\n      onCloseStart: onCloseStart,\n      onCloseEnd: onCloseEnd\n    };\n  });\n  if (snapPoints) {\n    // Convert negative / percentage snap points to absolute values\n    snapPoints = snapPoints.map(function (point) {\n      // Percentage values e.g. between 0.0 and 1.0\n      if (point > 0 && point <= 1) return Math.round(point * windowHeight);\n      return point < 0 ? windowHeight + point : point; // negative values\n    });\n\n    console.assert(inDescendingOrder(snapPoints) || windowHeight === 0, \"Snap points need to be in descending order got: [\" + snapPoints + \"]\");\n  }\n  var onDrag = useEvent(function (_, _ref2) {\n    var delta = _ref2.delta;\n    // Update drag indicator rotation based on drag velocity\n    var velocity = y.getVelocity();\n    if (velocity > 0) indicatorRotation.set(10);\n    if (velocity < 0) indicatorRotation.set(-10);\n    // Make sure user cannot drag beyond the top of the sheet\n    y.set(Math.max(y.get() + delta.y, 0));\n  });\n  var onDragEnd = useEvent(function (_, _ref3) {\n    var velocity = _ref3.velocity;\n    if (velocity.y > DRAG_VELOCITY_THRESHOLD) {\n      // User flicked the sheet down\n      onClose();\n    } else {\n      var sheetEl = sheetRef.current;\n      var sheetHeight = sheetEl.getBoundingClientRect().height;\n      var currentY = y.get();\n      var snapTo = 0;\n      if (snapPoints) {\n        var snapToValues = snapPoints.map(function (p) {\n          return sheetHeight - Math.min(p, sheetHeight);\n        });\n        // Allow snapping to the top of the sheet if detent is set to `content-height`\n        if (detent === 'content-height' && !snapToValues.includes(0)) {\n          snapToValues.unshift(0);\n        }\n        // Get the closest snap point\n        snapTo = getClosest(snapToValues, currentY);\n      } else if (currentY / sheetHeight > DRAG_CLOSE_THRESHOLD) {\n        // Close if dragged over enough far\n        snapTo = sheetHeight;\n      }\n      snapTo = validateSnapTo({\n        snapTo: snapTo,\n        sheetHeight: sheetHeight\n      });\n      // Update the spring value so that the sheet is animated to the snap point\n      animate(y, snapTo, animationOptions);\n      if (snapPoints && onSnap) {\n        var snapValue = Math.abs(Math.round(snapPoints[0] - snapTo));\n        var snapIndex = snapPoints.indexOf(getClosest(snapPoints, snapValue)); // prettier-ignore\n        onSnap(snapIndex);\n      }\n      var roundedSheetHeight = Math.round(sheetHeight);\n      var shouldClose = snapTo >= roundedSheetHeight;\n      if (shouldClose) onClose();\n    }\n    // Reset indicator rotation after dragging\n    indicatorRotation.set(0);\n  });\n  // Trigger onSnap callback when sheet is opened or closed\n  useEffect(function () {\n    if (!snapPoints || !onSnap) return;\n    var snapIndex = isOpen ? initialSnap : snapPoints.length - 1;\n    onSnap(snapIndex);\n  }, [isOpen]); // eslint-disable-line\n  useImperativeHandle(ref, function () {\n    return {\n      y: y,\n      snapTo: function snapTo(snapIndex) {\n        var sheetEl = sheetRef.current;\n        if (snapPoints && snapPoints[snapIndex] !== undefined && sheetEl !== null) {\n          var sheetHeight = sheetEl.getBoundingClientRect().height;\n          var snapPoint = snapPoints[snapIndex];\n          var snapTo = validateSnapTo({\n            snapTo: sheetHeight - snapPoint,\n            sheetHeight: sheetHeight\n          });\n          animate(y, snapTo, animationOptions);\n          if (onSnap) onSnap(snapIndex);\n          if (snapTo >= sheetHeight) onClose();\n        }\n      }\n    };\n  });\n  useModalEffect(isOpen, rootId);\n  // Framer Motion should handle body scroll locking but it's not working\n  // properly on iOS. Scroll locking from React Aria seems to work much better.\n  usePreventScroll({\n    isDisabled: disableScrollLocking === true || !isOpen\n  });\n  var dragProps = useMemo(function () {\n    var dragProps = {\n      drag: 'y',\n      dragElastic: 0,\n      dragMomentum: false,\n      dragPropagation: false,\n      onDrag: onDrag,\n      onDragEnd: onDragEnd\n    };\n    return disableDrag ? undefined : dragProps;\n  }, [disableDrag]); // eslint-disable-line\n  var context = {\n    y: y,\n    sheetRef: sheetRef,\n    isOpen: isOpen,\n    initialSnap: initialSnap,\n    snapPoints: snapPoints,\n    detent: detent,\n    indicatorRotation: indicatorRotation,\n    callbacks: callbacks,\n    dragProps: dragProps,\n    windowHeight: windowHeight,\n    animationOptions: animationOptions,\n    reduceMotion: reduceMotion,\n    disableDrag: disableDrag\n  };\n  var sheet = createElement(SheetContext.Provider, {\n    value: context\n  }, createElement(motion.div, Object.assign({}, rest, {\n    ref: ref,\n    style: _extends({}, styles.wrapper, {\n      zIndex: zIndex,\n      visibility: visibility\n    }, style)\n  }), createElement(AnimatePresence, null, isOpen ? createElement(SheetScrollerContextProvider, null, Children.map(children, function (child, i) {\n    return cloneElement(child, {\n      key: \"sheet-child-\" + i\n    });\n  })) : null)));\n  if (IS_SSR) return sheet;\n  return createPortal(sheet, mountPoint != null ? mountPoint : document.body);\n});\n\nvar _excluded$1 = [\"children\", \"style\", \"className\"];\nvar SheetContainer = /*#__PURE__*/forwardRef(function (_ref, ref) {\n  var children = _ref.children,\n    _ref$style = _ref.style,\n    style = _ref$style === void 0 ? {} : _ref$style,\n    _ref$className = _ref.className,\n    className = _ref$className === void 0 ? '' : _ref$className,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);\n  var _useSheetContext = useSheetContext(),\n    y = _useSheetContext.y,\n    isOpen = _useSheetContext.isOpen,\n    callbacks = _useSheetContext.callbacks,\n    snapPoints = _useSheetContext.snapPoints,\n    _useSheetContext$init = _useSheetContext.initialSnap,\n    initialSnap = _useSheetContext$init === void 0 ? 0 : _useSheetContext$init,\n    sheetRef = _useSheetContext.sheetRef,\n    windowHeight = _useSheetContext.windowHeight,\n    detent = _useSheetContext.detent,\n    animationOptions = _useSheetContext.animationOptions,\n    reduceMotion = _useSheetContext.reduceMotion;\n  var _useEventCallbacks = useEventCallbacks(isOpen, callbacks),\n    handleAnimationComplete = _useEventCallbacks.handleAnimationComplete;\n  var initialY = snapPoints ? snapPoints[0] - snapPoints[initialSnap] : 0;\n  var maxSnapHeight = snapPoints ? snapPoints[0] : null;\n  var height = maxSnapHeight !== null ? \"min(\" + maxSnapHeight + \"px, \" + MAX_HEIGHT + \")\" : MAX_HEIGHT;\n  return createElement(motion.div, Object.assign({}, rest, {\n    ref: mergeRefs([sheetRef, ref]),\n    className: \"react-modal-sheet-container \" + className,\n    style: _extends({}, styles.container, style, detent === 'full-height' && {\n      height: height\n    }, detent === 'content-height' && {\n      maxHeight: height\n    }, {\n      y: y\n    }),\n    initial: reduceMotion ? false : {\n      y: windowHeight\n    },\n    animate: {\n      y: initialY,\n      transition: animationOptions\n    },\n    exit: {\n      y: windowHeight,\n      transition: animationOptions\n    },\n    onAnimationComplete: handleAnimationComplete\n  }), children);\n});\n\nvar _excluded$2 = [\"children\", \"style\", \"disableDrag\", \"className\"];\nvar SheetContent = /*#__PURE__*/forwardRef(function (_ref, ref) {\n  var children = _ref.children,\n    style = _ref.style,\n    disableDrag = _ref.disableDrag,\n    _ref$className = _ref.className,\n    className = _ref$className === void 0 ? '' : _ref$className,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);\n  var sheetContext = useSheetContext();\n  var sheetScrollerContext = useSheetScrollerContext();\n  var _useDragConstraints = useDragConstraints(),\n    constraintsRef = _useDragConstraints.constraintsRef,\n    onMeasureDragConstraints = _useDragConstraints.onMeasureDragConstraints;\n  var dragProps = disableDrag || sheetScrollerContext.disableDrag ? undefined : sheetContext.dragProps;\n  return createElement(motion.div, Object.assign({}, rest, {\n    ref: mergeRefs([ref, constraintsRef]),\n    className: \"react-modal-sheet-content \" + className,\n    style: _extends({}, styles.content, style)\n  }, dragProps, {\n    dragConstraints: constraintsRef,\n    onMeasureDragConstraints: onMeasureDragConstraints\n  }), children);\n});\n\nvar _excluded$3 = [\"children\", \"style\", \"disableDrag\"];\nvar SheetHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {\n  var children = _ref.children,\n    style = _ref.style,\n    disableDrag = _ref.disableDrag,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);\n  var _useSheetContext = useSheetContext(),\n    indicatorRotation = _useSheetContext.indicatorRotation,\n    dragProps = _useSheetContext.dragProps;\n  var _useDragConstraints = useDragConstraints(),\n    constraintsRef = _useDragConstraints.constraintsRef,\n    onMeasureDragConstraints = _useDragConstraints.onMeasureDragConstraints;\n  var _dragProps = disableDrag ? undefined : dragProps;\n  var indicator1Transform = useTransform(indicatorRotation, function (r) {\n    return \"translateX(2px) rotate(\" + r + \"deg)\";\n  });\n  var indicator2Transform = useTransform(indicatorRotation, function (r) {\n    return \"translateX(-2px) rotate(\" + -1 * r + \"deg)\";\n  });\n  return createElement(motion.div, Object.assign({}, rest, {\n    ref: mergeRefs([ref, constraintsRef]),\n    style: _extends({}, styles.headerWrapper, style)\n  }, _dragProps, {\n    dragConstraints: constraintsRef,\n    onMeasureDragConstraints: onMeasureDragConstraints\n  }), children || createElement(\"div\", {\n    className: \"react-modal-sheet-header\",\n    style: styles.header\n  }, createElement(motion.span, {\n    className: \"react-modal-sheet-drag-indicator\",\n    style: _extends({}, styles.indicator, {\n      transform: indicator1Transform\n    })\n  }), createElement(motion.span, {\n    className: \"react-modal-sheet-drag-indicator\",\n    style: _extends({}, styles.indicator, {\n      transform: indicator2Transform\n    })\n  })));\n});\n\nvar _excluded$4 = [\"style\", \"className\"];\nvar isClickable = function isClickable(props) {\n  return !!props.onClick || !!props.onTap;\n};\nvar SheetBackdrop = /*#__PURE__*/forwardRef(function (_ref, ref) {\n  var _ref$style = _ref.style,\n    style = _ref$style === void 0 ? {} : _ref$style,\n    _ref$className = _ref.className,\n    className = _ref$className === void 0 ? '' : _ref$className,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);\n  var Comp = isClickable(rest) ? motion.button : motion.div;\n  var pointerEvents = isClickable(rest) ? 'auto' : 'none';\n  return createElement(Comp, Object.assign({}, rest, {\n    ref: ref,\n    className: \"react-modal-sheet-backdrop \" + className,\n    style: _extends({}, styles.backdrop, style, {\n      pointerEvents: pointerEvents\n    }),\n    initial: {\n      opacity: 0\n    },\n    animate: {\n      opacity: 1\n    },\n    exit: {\n      opacity: 0\n    }\n  }));\n});\n\nvar _excluded$5 = [\"draggableAt\", \"children\", \"style\", \"className\"];\nvar SheetScroller = /*#__PURE__*/forwardRef(function (_ref, ref) {\n  var _ref$draggableAt = _ref.draggableAt,\n    draggableAt = _ref$draggableAt === void 0 ? 'top' : _ref$draggableAt,\n    children = _ref.children,\n    style = _ref.style,\n    _ref$className = _ref.className,\n    className = _ref$className === void 0 ? '' : _ref$className,\n    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);\n  var sheetScrollerContext = useSheetScrollerContext();\n  function determineDragState(element) {\n    var scrollTop = element.scrollTop,\n      scrollHeight = element.scrollHeight,\n      clientHeight = element.clientHeight;\n    var isScrollable = scrollHeight > clientHeight;\n    if (!isScrollable) return;\n    var isAtTop = scrollTop <= 0;\n    var isAtBottom = scrollHeight - scrollTop === clientHeight;\n    var shouldEnable = draggableAt === 'top' && isAtTop || draggableAt === 'bottom' && isAtBottom || draggableAt === 'both' && (isAtTop || isAtBottom);\n    if (shouldEnable) {\n      sheetScrollerContext.setDragEnabled();\n    } else {\n      sheetScrollerContext.setDragDisabled();\n    }\n  }\n  function onScroll(e) {\n    determineDragState(e.currentTarget);\n  }\n  function onTouchStart(e) {\n    determineDragState(e.currentTarget);\n  }\n  var scrollProps = isTouchDevice() ? {\n    onScroll: onScroll,\n    onTouchStart: onTouchStart\n  } : undefined;\n  return createElement(\"div\", Object.assign({}, rest, {\n    ref: ref,\n    className: \"react-modal-sheet-scroller \" + className,\n    style: _extends({}, styles.scroller, style)\n  }, scrollProps), children);\n});\n\n// HACK: this is needed to get the typing to work properly...\nvar _SheetCompound = Sheet;\n_SheetCompound.Container = SheetContainer;\n_SheetCompound.Header = SheetHeader;\n_SheetCompound.Content = SheetContent;\n_SheetCompound.Backdrop = SheetBackdrop;\n_SheetCompound.Scroller = SheetScroller;\n\nexport default _SheetCompound;\n//# sourceMappingURL=react-modal-sheet.esm.js.map\n","export default {\n  disabled: false\n};","export var forceReflow = function forceReflow(node) {\n  return node.scrollTop;\n};","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport config from './config';\nimport { timeoutsShape } from './utils/PropTypes';\nimport TransitionGroupContext from './TransitionGroupContext';\nimport { forceReflow } from './utils/reflow';\nexport var UNMOUNTED = 'unmounted';\nexport var EXITED = 'exited';\nexport var ENTERING = 'entering';\nexport var ENTERED = 'entered';\nexport var EXITING = 'exiting';\n/**\n * The Transition component lets you describe a transition from one component\n * state to another _over time_ with a simple declarative API. Most commonly\n * it's used to animate the mounting and unmounting of a component, but can also\n * be used to describe in-place transition states as well.\n *\n * ---\n *\n * **Note**: `Transition` is a platform-agnostic base component. If you're using\n * transitions in CSS, you'll probably want to use\n * [`CSSTransition`](https://reactcommunity.org/react-transition-group/css-transition)\n * instead. It inherits all the features of `Transition`, but contains\n * additional features necessary to play nice with CSS transitions (hence the\n * name of the component).\n *\n * ---\n *\n * By default the `Transition` component does not alter the behavior of the\n * component it renders, it only tracks \"enter\" and \"exit\" states for the\n * components. It's up to you to give meaning and effect to those states. For\n * example we can add styles to a component when it enters or exits:\n *\n * ```jsx\n * import { Transition } from 'react-transition-group';\n *\n * const duration = 300;\n *\n * const defaultStyle = {\n *   transition: `opacity ${duration}ms ease-in-out`,\n *   opacity: 0,\n * }\n *\n * const transitionStyles = {\n *   entering: { opacity: 1 },\n *   entered:  { opacity: 1 },\n *   exiting:  { opacity: 0 },\n *   exited:  { opacity: 0 },\n * };\n *\n * const Fade = ({ in: inProp }) => (\n *   <Transition in={inProp} timeout={duration}>\n *     {state => (\n *       <div style={{\n *         ...defaultStyle,\n *         ...transitionStyles[state]\n *       }}>\n *         I'm a fade Transition!\n *       </div>\n *     )}\n *   </Transition>\n * );\n * ```\n *\n * There are 4 main states a Transition can be in:\n *  - `'entering'`\n *  - `'entered'`\n *  - `'exiting'`\n *  - `'exited'`\n *\n * Transition state is toggled via the `in` prop. When `true` the component\n * begins the \"Enter\" stage. During this stage, the component will shift from\n * its current transition state, to `'entering'` for the duration of the\n * transition and then to the `'entered'` stage once it's complete. Let's take\n * the following example (we'll use the\n * [useState](https://reactjs.org/docs/hooks-reference.html#usestate) hook):\n *\n * ```jsx\n * function App() {\n *   const [inProp, setInProp] = useState(false);\n *   return (\n *     <div>\n *       <Transition in={inProp} timeout={500}>\n *         {state => (\n *           // ...\n *         )}\n *       </Transition>\n *       <button onClick={() => setInProp(true)}>\n *         Click to Enter\n *       </button>\n *     </div>\n *   );\n * }\n * ```\n *\n * When the button is clicked the component will shift to the `'entering'` state\n * and stay there for 500ms (the value of `timeout`) before it finally switches\n * to `'entered'`.\n *\n * When `in` is `false` the same thing happens except the state moves from\n * `'exiting'` to `'exited'`.\n */\n\nvar Transition = /*#__PURE__*/function (_React$Component) {\n  _inheritsLoose(Transition, _React$Component);\n\n  function Transition(props, context) {\n    var _this;\n\n    _this = _React$Component.call(this, props, context) || this;\n    var parentGroup = context; // In the context of a TransitionGroup all enters are really appears\n\n    var appear = parentGroup && !parentGroup.isMounting ? props.enter : props.appear;\n    var initialStatus;\n    _this.appearStatus = null;\n\n    if (props.in) {\n      if (appear) {\n        initialStatus = EXITED;\n        _this.appearStatus = ENTERING;\n      } else {\n        initialStatus = ENTERED;\n      }\n    } else {\n      if (props.unmountOnExit || props.mountOnEnter) {\n        initialStatus = UNMOUNTED;\n      } else {\n        initialStatus = EXITED;\n      }\n    }\n\n    _this.state = {\n      status: initialStatus\n    };\n    _this.nextCallback = null;\n    return _this;\n  }\n\n  Transition.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) {\n    var nextIn = _ref.in;\n\n    if (nextIn && prevState.status === UNMOUNTED) {\n      return {\n        status: EXITED\n      };\n    }\n\n    return null;\n  } // getSnapshotBeforeUpdate(prevProps) {\n  //   let nextStatus = null\n  //   if (prevProps !== this.props) {\n  //     const { status } = this.state\n  //     if (this.props.in) {\n  //       if (status !== ENTERING && status !== ENTERED) {\n  //         nextStatus = ENTERING\n  //       }\n  //     } else {\n  //       if (status === ENTERING || status === ENTERED) {\n  //         nextStatus = EXITING\n  //       }\n  //     }\n  //   }\n  //   return { nextStatus }\n  // }\n  ;\n\n  var _proto = Transition.prototype;\n\n  _proto.componentDidMount = function componentDidMount() {\n    this.updateStatus(true, this.appearStatus);\n  };\n\n  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n    var nextStatus = null;\n\n    if (prevProps !== this.props) {\n      var status = this.state.status;\n\n      if (this.props.in) {\n        if (status !== ENTERING && status !== ENTERED) {\n          nextStatus = ENTERING;\n        }\n      } else {\n        if (status === ENTERING || status === ENTERED) {\n          nextStatus = EXITING;\n        }\n      }\n    }\n\n    this.updateStatus(false, nextStatus);\n  };\n\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    this.cancelNextCallback();\n  };\n\n  _proto.getTimeouts = function getTimeouts() {\n    var timeout = this.props.timeout;\n    var exit, enter, appear;\n    exit = enter = appear = timeout;\n\n    if (timeout != null && typeof timeout !== 'number') {\n      exit = timeout.exit;\n      enter = timeout.enter; // TODO: remove fallback for next major\n\n      appear = timeout.appear !== undefined ? timeout.appear : enter;\n    }\n\n    return {\n      exit: exit,\n      enter: enter,\n      appear: appear\n    };\n  };\n\n  _proto.updateStatus = function updateStatus(mounting, nextStatus) {\n    if (mounting === void 0) {\n      mounting = false;\n    }\n\n    if (nextStatus !== null) {\n      // nextStatus will always be ENTERING or EXITING.\n      this.cancelNextCallback();\n\n      if (nextStatus === ENTERING) {\n        if (this.props.unmountOnExit || this.props.mountOnEnter) {\n          var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this); // https://github.com/reactjs/react-transition-group/pull/749\n          // With unmountOnExit or mountOnEnter, the enter animation should happen at the transition between `exited` and `entering`.\n          // To make the animation happen,  we have to separate each rendering and avoid being processed as batched.\n\n          if (node) forceReflow(node);\n        }\n\n        this.performEnter(mounting);\n      } else {\n        this.performExit();\n      }\n    } else if (this.props.unmountOnExit && this.state.status === EXITED) {\n      this.setState({\n        status: UNMOUNTED\n      });\n    }\n  };\n\n  _proto.performEnter = function performEnter(mounting) {\n    var _this2 = this;\n\n    var enter = this.props.enter;\n    var appearing = this.context ? this.context.isMounting : mounting;\n\n    var _ref2 = this.props.nodeRef ? [appearing] : [ReactDOM.findDOMNode(this), appearing],\n        maybeNode = _ref2[0],\n        maybeAppearing = _ref2[1];\n\n    var timeouts = this.getTimeouts();\n    var enterTimeout = appearing ? timeouts.appear : timeouts.enter; // no enter animation skip right to ENTERED\n    // if we are mounting and running this it means appear _must_ be set\n\n    if (!mounting && !enter || config.disabled) {\n      this.safeSetState({\n        status: ENTERED\n      }, function () {\n        _this2.props.onEntered(maybeNode);\n      });\n      return;\n    }\n\n    this.props.onEnter(maybeNode, maybeAppearing);\n    this.safeSetState({\n      status: ENTERING\n    }, function () {\n      _this2.props.onEntering(maybeNode, maybeAppearing);\n\n      _this2.onTransitionEnd(enterTimeout, function () {\n        _this2.safeSetState({\n          status: ENTERED\n        }, function () {\n          _this2.props.onEntered(maybeNode, maybeAppearing);\n        });\n      });\n    });\n  };\n\n  _proto.performExit = function performExit() {\n    var _this3 = this;\n\n    var exit = this.props.exit;\n    var timeouts = this.getTimeouts();\n    var maybeNode = this.props.nodeRef ? undefined : ReactDOM.findDOMNode(this); // no exit animation skip right to EXITED\n\n    if (!exit || config.disabled) {\n      this.safeSetState({\n        status: EXITED\n      }, function () {\n        _this3.props.onExited(maybeNode);\n      });\n      return;\n    }\n\n    this.props.onExit(maybeNode);\n    this.safeSetState({\n      status: EXITING\n    }, function () {\n      _this3.props.onExiting(maybeNode);\n\n      _this3.onTransitionEnd(timeouts.exit, function () {\n        _this3.safeSetState({\n          status: EXITED\n        }, function () {\n          _this3.props.onExited(maybeNode);\n        });\n      });\n    });\n  };\n\n  _proto.cancelNextCallback = function cancelNextCallback() {\n    if (this.nextCallback !== null) {\n      this.nextCallback.cancel();\n      this.nextCallback = null;\n    }\n  };\n\n  _proto.safeSetState = function safeSetState(nextState, callback) {\n    // This shouldn't be necessary, but there are weird race conditions with\n    // setState callbacks and unmounting in testing, so always make sure that\n    // we can cancel any pending setState callbacks after we unmount.\n    callback = this.setNextCallback(callback);\n    this.setState(nextState, callback);\n  };\n\n  _proto.setNextCallback = function setNextCallback(callback) {\n    var _this4 = this;\n\n    var active = true;\n\n    this.nextCallback = function (event) {\n      if (active) {\n        active = false;\n        _this4.nextCallback = null;\n        callback(event);\n      }\n    };\n\n    this.nextCallback.cancel = function () {\n      active = false;\n    };\n\n    return this.nextCallback;\n  };\n\n  _proto.onTransitionEnd = function onTransitionEnd(timeout, handler) {\n    this.setNextCallback(handler);\n    var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this);\n    var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;\n\n    if (!node || doesNotHaveTimeoutOrListener) {\n      setTimeout(this.nextCallback, 0);\n      return;\n    }\n\n    if (this.props.addEndListener) {\n      var _ref3 = this.props.nodeRef ? [this.nextCallback] : [node, this.nextCallback],\n          maybeNode = _ref3[0],\n          maybeNextCallback = _ref3[1];\n\n      this.props.addEndListener(maybeNode, maybeNextCallback);\n    }\n\n    if (timeout != null) {\n      setTimeout(this.nextCallback, timeout);\n    }\n  };\n\n  _proto.render = function render() {\n    var status = this.state.status;\n\n    if (status === UNMOUNTED) {\n      return null;\n    }\n\n    var _this$props = this.props,\n        children = _this$props.children,\n        _in = _this$props.in,\n        _mountOnEnter = _this$props.mountOnEnter,\n        _unmountOnExit = _this$props.unmountOnExit,\n        _appear = _this$props.appear,\n        _enter = _this$props.enter,\n        _exit = _this$props.exit,\n        _timeout = _this$props.timeout,\n        _addEndListener = _this$props.addEndListener,\n        _onEnter = _this$props.onEnter,\n        _onEntering = _this$props.onEntering,\n        _onEntered = _this$props.onEntered,\n        _onExit = _this$props.onExit,\n        _onExiting = _this$props.onExiting,\n        _onExited = _this$props.onExited,\n        _nodeRef = _this$props.nodeRef,\n        childProps = _objectWithoutPropertiesLoose(_this$props, [\"children\", \"in\", \"mountOnEnter\", \"unmountOnExit\", \"appear\", \"enter\", \"exit\", \"timeout\", \"addEndListener\", \"onEnter\", \"onEntering\", \"onEntered\", \"onExit\", \"onExiting\", \"onExited\", \"nodeRef\"]);\n\n    return (\n      /*#__PURE__*/\n      // allows for nested Transitions\n      React.createElement(TransitionGroupContext.Provider, {\n        value: null\n      }, typeof children === 'function' ? children(status, childProps) : React.cloneElement(React.Children.only(children), childProps))\n    );\n  };\n\n  return Transition;\n}(React.Component);\n\nTransition.contextType = TransitionGroupContext;\nTransition.propTypes = process.env.NODE_ENV !== \"production\" ? {\n  /**\n   * A React reference to DOM element that need to transition:\n   * https://stackoverflow.com/a/51127130/4671932\n   *\n   *   - When `nodeRef` prop is used, `node` is not passed to callback functions\n   *      (e.g. `onEnter`) because user already has direct access to the node.\n   *   - When changing `key` prop of `Transition` in a `TransitionGroup` a new\n   *     `nodeRef` need to be provided to `Transition` with changed `key` prop\n   *     (see\n   *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).\n   */\n  nodeRef: PropTypes.shape({\n    current: typeof Element === 'undefined' ? PropTypes.any : function (propValue, key, componentName, location, propFullName, secret) {\n      var value = propValue[key];\n      return PropTypes.instanceOf(value && 'ownerDocument' in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);\n    }\n  }),\n\n  /**\n   * A `function` child can be used instead of a React element. This function is\n   * called with the current transition status (`'entering'`, `'entered'`,\n   * `'exiting'`, `'exited'`), which can be used to apply context\n   * specific props to a component.\n   *\n   * ```jsx\n   * <Transition in={this.state.in} timeout={150}>\n   *   {state => (\n   *     <MyComponent className={`fade fade-${state}`} />\n   *   )}\n   * </Transition>\n   * ```\n   */\n  children: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,\n\n  /**\n   * Show the component; triggers the enter or exit states\n   */\n  in: PropTypes.bool,\n\n  /**\n   * By default the child component is mounted immediately along with\n   * the parent `Transition` component. If you want to \"lazy mount\" the component on the\n   * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay\n   * mounted, even on \"exited\", unless you also specify `unmountOnExit`.\n   */\n  mountOnEnter: PropTypes.bool,\n\n  /**\n   * By default the child component stays mounted after it reaches the `'exited'` state.\n   * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.\n   */\n  unmountOnExit: PropTypes.bool,\n\n  /**\n   * By default the child component does not perform the enter transition when\n   * it first mounts, regardless of the value of `in`. If you want this\n   * behavior, set both `appear` and `in` to `true`.\n   *\n   * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop\n   * > only adds an additional enter transition. However, in the\n   * > `<CSSTransition>` component that first enter transition does result in\n   * > additional `.appear-*` classes, that way you can choose to style it\n   * > differently.\n   */\n  appear: PropTypes.bool,\n\n  /**\n   * Enable or disable enter transitions.\n   */\n  enter: PropTypes.bool,\n\n  /**\n   * Enable or disable exit transitions.\n   */\n  exit: PropTypes.bool,\n\n  /**\n   * The duration of the transition, in milliseconds.\n   * Required unless `addEndListener` is provided.\n   *\n   * You may specify a single timeout for all transitions:\n   *\n   * ```jsx\n   * timeout={500}\n   * ```\n   *\n   * or individually:\n   *\n   * ```jsx\n   * timeout={{\n   *  appear: 500,\n   *  enter: 300,\n   *  exit: 500,\n   * }}\n   * ```\n   *\n   * - `appear` defaults to the value of `enter`\n   * - `enter` defaults to `0`\n   * - `exit` defaults to `0`\n   *\n   * @type {number | { enter?: number, exit?: number, appear?: number }}\n   */\n  timeout: function timeout(props) {\n    var pt = timeoutsShape;\n    if (!props.addEndListener) pt = pt.isRequired;\n\n    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n      args[_key - 1] = arguments[_key];\n    }\n\n    return pt.apply(void 0, [props].concat(args));\n  },\n\n  /**\n   * Add a custom transition end trigger. Called with the transitioning\n   * DOM node and a `done` callback. Allows for more fine grained transition end\n   * logic. Timeouts are still used as a fallback if provided.\n   *\n   * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n   *\n   * ```jsx\n   * addEndListener={(node, done) => {\n   *   // use the css transitionend event to mark the finish of a transition\n   *   node.addEventListener('transitionend', done, false);\n   * }}\n   * ```\n   */\n  addEndListener: PropTypes.func,\n\n  /**\n   * Callback fired before the \"entering\" status is applied. An extra parameter\n   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n   *\n   * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n   *\n   * @type Function(node: HtmlElement, isAppearing: bool) -> void\n   */\n  onEnter: PropTypes.func,\n\n  /**\n   * Callback fired after the \"entering\" status is applied. An extra parameter\n   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n   *\n   * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n   *\n   * @type Function(node: HtmlElement, isAppearing: bool)\n   */\n  onEntering: PropTypes.func,\n\n  /**\n   * Callback fired after the \"entered\" status is applied. An extra parameter\n   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n   *\n   * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n   *\n   * @type Function(node: HtmlElement, isAppearing: bool) -> void\n   */\n  onEntered: PropTypes.func,\n\n  /**\n   * Callback fired before the \"exiting\" status is applied.\n   *\n   * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n   *\n   * @type Function(node: HtmlElement) -> void\n   */\n  onExit: PropTypes.func,\n\n  /**\n   * Callback fired after the \"exiting\" status is applied.\n   *\n   * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n   *\n   * @type Function(node: HtmlElement) -> void\n   */\n  onExiting: PropTypes.func,\n\n  /**\n   * Callback fired after the \"exited\" status is applied.\n   *\n   * **Note**: when `nodeRef` prop is passed, `node` is not passed\n   *\n   * @type Function(node: HtmlElement) -> void\n   */\n  onExited: PropTypes.func\n} : {}; // Name the function so it is clearer in the documentation\n\nfunction noop() {}\n\nTransition.defaultProps = {\n  in: false,\n  mountOnEnter: false,\n  unmountOnExit: false,\n  appear: false,\n  enter: true,\n  exit: true,\n  onEnter: noop,\n  onEntering: noop,\n  onEntered: noop,\n  onExit: noop,\n  onExiting: noop,\n  onExited: noop\n};\nTransition.UNMOUNTED = UNMOUNTED;\nTransition.EXITED = EXITED;\nTransition.ENTERING = ENTERING;\nTransition.ENTERED = ENTERED;\nTransition.EXITING = EXITING;\nexport default Transition;","import React from 'react';\nexport default React.createContext(null);","/**\r\n * A collection of shims that provide minimal functionality of the ES6 collections.\r\n *\r\n * These implementations are not meant to be used outside of the ResizeObserver\r\n * modules as they cover only a limited range of use cases.\r\n */\r\n/* eslint-disable require-jsdoc, valid-jsdoc */\r\nvar MapShim = (function () {\r\n    if (typeof Map !== 'undefined') {\r\n        return Map;\r\n    }\r\n    /**\r\n     * Returns index in provided array that matches the specified key.\r\n     *\r\n     * @param {Array<Array>} arr\r\n     * @param {*} key\r\n     * @returns {number}\r\n     */\r\n    function getIndex(arr, key) {\r\n        var result = -1;\r\n        arr.some(function (entry, index) {\r\n            if (entry[0] === key) {\r\n                result = index;\r\n                return true;\r\n            }\r\n            return false;\r\n        });\r\n        return result;\r\n    }\r\n    return /** @class */ (function () {\r\n        function class_1() {\r\n            this.__entries__ = [];\r\n        }\r\n        Object.defineProperty(class_1.prototype, \"size\", {\r\n            /**\r\n             * @returns {boolean}\r\n             */\r\n            get: function () {\r\n                return this.__entries__.length;\r\n            },\r\n            enumerable: true,\r\n            configurable: true\r\n        });\r\n        /**\r\n         * @param {*} key\r\n         * @returns {*}\r\n         */\r\n        class_1.prototype.get = function (key) {\r\n            var index = getIndex(this.__entries__, key);\r\n            var entry = this.__entries__[index];\r\n            return entry && entry[1];\r\n        };\r\n        /**\r\n         * @param {*} key\r\n         * @param {*} value\r\n         * @returns {void}\r\n         */\r\n        class_1.prototype.set = function (key, value) {\r\n            var index = getIndex(this.__entries__, key);\r\n            if (~index) {\r\n                this.__entries__[index][1] = value;\r\n            }\r\n            else {\r\n                this.__entries__.push([key, value]);\r\n            }\r\n        };\r\n        /**\r\n         * @param {*} key\r\n         * @returns {void}\r\n         */\r\n        class_1.prototype.delete = function (key) {\r\n            var entries = this.__entries__;\r\n            var index = getIndex(entries, key);\r\n            if (~index) {\r\n                entries.splice(index, 1);\r\n            }\r\n        };\r\n        /**\r\n         * @param {*} key\r\n         * @returns {void}\r\n         */\r\n        class_1.prototype.has = function (key) {\r\n            return !!~getIndex(this.__entries__, key);\r\n        };\r\n        /**\r\n         * @returns {void}\r\n         */\r\n        class_1.prototype.clear = function () {\r\n            this.__entries__.splice(0);\r\n        };\r\n        /**\r\n         * @param {Function} callback\r\n         * @param {*} [ctx=null]\r\n         * @returns {void}\r\n         */\r\n        class_1.prototype.forEach = function (callback, ctx) {\r\n            if (ctx === void 0) { ctx = null; }\r\n            for (var _i = 0, _a = this.__entries__; _i < _a.length; _i++) {\r\n                var entry = _a[_i];\r\n                callback.call(ctx, entry[1], entry[0]);\r\n            }\r\n        };\r\n        return class_1;\r\n    }());\r\n})();\n\n/**\r\n * Detects whether window and document objects are available in current environment.\r\n */\r\nvar isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined' && window.document === document;\n\n// Returns global object of a current environment.\r\nvar global$1 = (function () {\r\n    if (typeof global !== 'undefined' && global.Math === Math) {\r\n        return global;\r\n    }\r\n    if (typeof self !== 'undefined' && self.Math === Math) {\r\n        return self;\r\n    }\r\n    if (typeof window !== 'undefined' && window.Math === Math) {\r\n        return window;\r\n    }\r\n    // eslint-disable-next-line no-new-func\r\n    return Function('return this')();\r\n})();\n\n/**\r\n * A shim for the requestAnimationFrame which falls back to the setTimeout if\r\n * first one is not supported.\r\n *\r\n * @returns {number} Requests' identifier.\r\n */\r\nvar requestAnimationFrame$1 = (function () {\r\n    if (typeof requestAnimationFrame === 'function') {\r\n        // It's required to use a bounded function because IE sometimes throws\r\n        // an \"Invalid calling object\" error if rAF is invoked without the global\r\n        // object on the left hand side.\r\n        return requestAnimationFrame.bind(global$1);\r\n    }\r\n    return function (callback) { return setTimeout(function () { return callback(Date.now()); }, 1000 / 60); };\r\n})();\n\n// Defines minimum timeout before adding a trailing call.\r\nvar trailingTimeout = 2;\r\n/**\r\n * Creates a wrapper function which ensures that provided callback will be\r\n * invoked only once during the specified delay period.\r\n *\r\n * @param {Function} callback - Function to be invoked after the delay period.\r\n * @param {number} delay - Delay after which to invoke callback.\r\n * @returns {Function}\r\n */\r\nfunction throttle (callback, delay) {\r\n    var leadingCall = false, trailingCall = false, lastCallTime = 0;\r\n    /**\r\n     * Invokes the original callback function and schedules new invocation if\r\n     * the \"proxy\" was called during current request.\r\n     *\r\n     * @returns {void}\r\n     */\r\n    function resolvePending() {\r\n        if (leadingCall) {\r\n            leadingCall = false;\r\n            callback();\r\n        }\r\n        if (trailingCall) {\r\n            proxy();\r\n        }\r\n    }\r\n    /**\r\n     * Callback invoked after the specified delay. It will further postpone\r\n     * invocation of the original function delegating it to the\r\n     * requestAnimationFrame.\r\n     *\r\n     * @returns {void}\r\n     */\r\n    function timeoutCallback() {\r\n        requestAnimationFrame$1(resolvePending);\r\n    }\r\n    /**\r\n     * Schedules invocation of the original function.\r\n     *\r\n     * @returns {void}\r\n     */\r\n    function proxy() {\r\n        var timeStamp = Date.now();\r\n        if (leadingCall) {\r\n            // Reject immediately following calls.\r\n            if (timeStamp - lastCallTime < trailingTimeout) {\r\n                return;\r\n            }\r\n            // Schedule new call to be in invoked when the pending one is resolved.\r\n            // This is important for \"transitions\" which never actually start\r\n            // immediately so there is a chance that we might miss one if change\r\n            // happens amids the pending invocation.\r\n            trailingCall = true;\r\n        }\r\n        else {\r\n            leadingCall = true;\r\n            trailingCall = false;\r\n            setTimeout(timeoutCallback, delay);\r\n        }\r\n        lastCallTime = timeStamp;\r\n    }\r\n    return proxy;\r\n}\n\n// Minimum delay before invoking the update of observers.\r\nvar REFRESH_DELAY = 20;\r\n// A list of substrings of CSS properties used to find transition events that\r\n// might affect dimensions of observed elements.\r\nvar transitionKeys = ['top', 'right', 'bottom', 'left', 'width', 'height', 'size', 'weight'];\r\n// Check if MutationObserver is available.\r\nvar mutationObserverSupported = typeof MutationObserver !== 'undefined';\r\n/**\r\n * Singleton controller class which handles updates of ResizeObserver instances.\r\n */\r\nvar ResizeObserverController = /** @class */ (function () {\r\n    /**\r\n     * Creates a new instance of ResizeObserverController.\r\n     *\r\n     * @private\r\n     */\r\n    function ResizeObserverController() {\r\n        /**\r\n         * Indicates whether DOM listeners have been added.\r\n         *\r\n         * @private {boolean}\r\n         */\r\n        this.connected_ = false;\r\n        /**\r\n         * Tells that controller has subscribed for Mutation Events.\r\n         *\r\n         * @private {boolean}\r\n         */\r\n        this.mutationEventsAdded_ = false;\r\n        /**\r\n         * Keeps reference to the instance of MutationObserver.\r\n         *\r\n         * @private {MutationObserver}\r\n         */\r\n        this.mutationsObserver_ = null;\r\n        /**\r\n         * A list of connected observers.\r\n         *\r\n         * @private {Array<ResizeObserverSPI>}\r\n         */\r\n        this.observers_ = [];\r\n        this.onTransitionEnd_ = this.onTransitionEnd_.bind(this);\r\n        this.refresh = throttle(this.refresh.bind(this), REFRESH_DELAY);\r\n    }\r\n    /**\r\n     * Adds observer to observers list.\r\n     *\r\n     * @param {ResizeObserverSPI} observer - Observer to be added.\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverController.prototype.addObserver = function (observer) {\r\n        if (!~this.observers_.indexOf(observer)) {\r\n            this.observers_.push(observer);\r\n        }\r\n        // Add listeners if they haven't been added yet.\r\n        if (!this.connected_) {\r\n            this.connect_();\r\n        }\r\n    };\r\n    /**\r\n     * Removes observer from observers list.\r\n     *\r\n     * @param {ResizeObserverSPI} observer - Observer to be removed.\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverController.prototype.removeObserver = function (observer) {\r\n        var observers = this.observers_;\r\n        var index = observers.indexOf(observer);\r\n        // Remove observer if it's present in registry.\r\n        if (~index) {\r\n            observers.splice(index, 1);\r\n        }\r\n        // Remove listeners if controller has no connected observers.\r\n        if (!observers.length && this.connected_) {\r\n            this.disconnect_();\r\n        }\r\n    };\r\n    /**\r\n     * Invokes the update of observers. It will continue running updates insofar\r\n     * it detects changes.\r\n     *\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverController.prototype.refresh = function () {\r\n        var changesDetected = this.updateObservers_();\r\n        // Continue running updates if changes have been detected as there might\r\n        // be future ones caused by CSS transitions.\r\n        if (changesDetected) {\r\n            this.refresh();\r\n        }\r\n    };\r\n    /**\r\n     * Updates every observer from observers list and notifies them of queued\r\n     * entries.\r\n     *\r\n     * @private\r\n     * @returns {boolean} Returns \"true\" if any observer has detected changes in\r\n     *      dimensions of it's elements.\r\n     */\r\n    ResizeObserverController.prototype.updateObservers_ = function () {\r\n        // Collect observers that have active observations.\r\n        var activeObservers = this.observers_.filter(function (observer) {\r\n            return observer.gatherActive(), observer.hasActive();\r\n        });\r\n        // Deliver notifications in a separate cycle in order to avoid any\r\n        // collisions between observers, e.g. when multiple instances of\r\n        // ResizeObserver are tracking the same element and the callback of one\r\n        // of them changes content dimensions of the observed target. Sometimes\r\n        // this may result in notifications being blocked for the rest of observers.\r\n        activeObservers.forEach(function (observer) { return observer.broadcastActive(); });\r\n        return activeObservers.length > 0;\r\n    };\r\n    /**\r\n     * Initializes DOM listeners.\r\n     *\r\n     * @private\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverController.prototype.connect_ = function () {\r\n        // Do nothing if running in a non-browser environment or if listeners\r\n        // have been already added.\r\n        if (!isBrowser || this.connected_) {\r\n            return;\r\n        }\r\n        // Subscription to the \"Transitionend\" event is used as a workaround for\r\n        // delayed transitions. This way it's possible to capture at least the\r\n        // final state of an element.\r\n        document.addEventListener('transitionend', this.onTransitionEnd_);\r\n        window.addEventListener('resize', this.refresh);\r\n        if (mutationObserverSupported) {\r\n            this.mutationsObserver_ = new MutationObserver(this.refresh);\r\n            this.mutationsObserver_.observe(document, {\r\n                attributes: true,\r\n                childList: true,\r\n                characterData: true,\r\n                subtree: true\r\n            });\r\n        }\r\n        else {\r\n            document.addEventListener('DOMSubtreeModified', this.refresh);\r\n            this.mutationEventsAdded_ = true;\r\n        }\r\n        this.connected_ = true;\r\n    };\r\n    /**\r\n     * Removes DOM listeners.\r\n     *\r\n     * @private\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverController.prototype.disconnect_ = function () {\r\n        // Do nothing if running in a non-browser environment or if listeners\r\n        // have been already removed.\r\n        if (!isBrowser || !this.connected_) {\r\n            return;\r\n        }\r\n        document.removeEventListener('transitionend', this.onTransitionEnd_);\r\n        window.removeEventListener('resize', this.refresh);\r\n        if (this.mutationsObserver_) {\r\n            this.mutationsObserver_.disconnect();\r\n        }\r\n        if (this.mutationEventsAdded_) {\r\n            document.removeEventListener('DOMSubtreeModified', this.refresh);\r\n        }\r\n        this.mutationsObserver_ = null;\r\n        this.mutationEventsAdded_ = false;\r\n        this.connected_ = false;\r\n    };\r\n    /**\r\n     * \"Transitionend\" event handler.\r\n     *\r\n     * @private\r\n     * @param {TransitionEvent} event\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverController.prototype.onTransitionEnd_ = function (_a) {\r\n        var _b = _a.propertyName, propertyName = _b === void 0 ? '' : _b;\r\n        // Detect whether transition may affect dimensions of an element.\r\n        var isReflowProperty = transitionKeys.some(function (key) {\r\n            return !!~propertyName.indexOf(key);\r\n        });\r\n        if (isReflowProperty) {\r\n            this.refresh();\r\n        }\r\n    };\r\n    /**\r\n     * Returns instance of the ResizeObserverController.\r\n     *\r\n     * @returns {ResizeObserverController}\r\n     */\r\n    ResizeObserverController.getInstance = function () {\r\n        if (!this.instance_) {\r\n            this.instance_ = new ResizeObserverController();\r\n        }\r\n        return this.instance_;\r\n    };\r\n    /**\r\n     * Holds reference to the controller's instance.\r\n     *\r\n     * @private {ResizeObserverController}\r\n     */\r\n    ResizeObserverController.instance_ = null;\r\n    return ResizeObserverController;\r\n}());\n\n/**\r\n * Defines non-writable/enumerable properties of the provided target object.\r\n *\r\n * @param {Object} target - Object for which to define properties.\r\n * @param {Object} props - Properties to be defined.\r\n * @returns {Object} Target object.\r\n */\r\nvar defineConfigurable = (function (target, props) {\r\n    for (var _i = 0, _a = Object.keys(props); _i < _a.length; _i++) {\r\n        var key = _a[_i];\r\n        Object.defineProperty(target, key, {\r\n            value: props[key],\r\n            enumerable: false,\r\n            writable: false,\r\n            configurable: true\r\n        });\r\n    }\r\n    return target;\r\n});\n\n/**\r\n * Returns the global object associated with provided element.\r\n *\r\n * @param {Object} target\r\n * @returns {Object}\r\n */\r\nvar getWindowOf = (function (target) {\r\n    // Assume that the element is an instance of Node, which means that it\r\n    // has the \"ownerDocument\" property from which we can retrieve a\r\n    // corresponding global object.\r\n    var ownerGlobal = target && target.ownerDocument && target.ownerDocument.defaultView;\r\n    // Return the local global object if it's not possible extract one from\r\n    // provided element.\r\n    return ownerGlobal || global$1;\r\n});\n\n// Placeholder of an empty content rectangle.\r\nvar emptyRect = createRectInit(0, 0, 0, 0);\r\n/**\r\n * Converts provided string to a number.\r\n *\r\n * @param {number|string} value\r\n * @returns {number}\r\n */\r\nfunction toFloat(value) {\r\n    return parseFloat(value) || 0;\r\n}\r\n/**\r\n * Extracts borders size from provided styles.\r\n *\r\n * @param {CSSStyleDeclaration} styles\r\n * @param {...string} positions - Borders positions (top, right, ...)\r\n * @returns {number}\r\n */\r\nfunction getBordersSize(styles) {\r\n    var positions = [];\r\n    for (var _i = 1; _i < arguments.length; _i++) {\r\n        positions[_i - 1] = arguments[_i];\r\n    }\r\n    return positions.reduce(function (size, position) {\r\n        var value = styles['border-' + position + '-width'];\r\n        return size + toFloat(value);\r\n    }, 0);\r\n}\r\n/**\r\n * Extracts paddings sizes from provided styles.\r\n *\r\n * @param {CSSStyleDeclaration} styles\r\n * @returns {Object} Paddings box.\r\n */\r\nfunction getPaddings(styles) {\r\n    var positions = ['top', 'right', 'bottom', 'left'];\r\n    var paddings = {};\r\n    for (var _i = 0, positions_1 = positions; _i < positions_1.length; _i++) {\r\n        var position = positions_1[_i];\r\n        var value = styles['padding-' + position];\r\n        paddings[position] = toFloat(value);\r\n    }\r\n    return paddings;\r\n}\r\n/**\r\n * Calculates content rectangle of provided SVG element.\r\n *\r\n * @param {SVGGraphicsElement} target - Element content rectangle of which needs\r\n *      to be calculated.\r\n * @returns {DOMRectInit}\r\n */\r\nfunction getSVGContentRect(target) {\r\n    var bbox = target.getBBox();\r\n    return createRectInit(0, 0, bbox.width, bbox.height);\r\n}\r\n/**\r\n * Calculates content rectangle of provided HTMLElement.\r\n *\r\n * @param {HTMLElement} target - Element for which to calculate the content rectangle.\r\n * @returns {DOMRectInit}\r\n */\r\nfunction getHTMLElementContentRect(target) {\r\n    // Client width & height properties can't be\r\n    // used exclusively as they provide rounded values.\r\n    var clientWidth = target.clientWidth, clientHeight = target.clientHeight;\r\n    // By this condition we can catch all non-replaced inline, hidden and\r\n    // detached elements. Though elements with width & height properties less\r\n    // than 0.5 will be discarded as well.\r\n    //\r\n    // Without it we would need to implement separate methods for each of\r\n    // those cases and it's not possible to perform a precise and performance\r\n    // effective test for hidden elements. E.g. even jQuery's ':visible' filter\r\n    // gives wrong results for elements with width & height less than 0.5.\r\n    if (!clientWidth && !clientHeight) {\r\n        return emptyRect;\r\n    }\r\n    var styles = getWindowOf(target).getComputedStyle(target);\r\n    var paddings = getPaddings(styles);\r\n    var horizPad = paddings.left + paddings.right;\r\n    var vertPad = paddings.top + paddings.bottom;\r\n    // Computed styles of width & height are being used because they are the\r\n    // only dimensions available to JS that contain non-rounded values. It could\r\n    // be possible to utilize the getBoundingClientRect if only it's data wasn't\r\n    // affected by CSS transformations let alone paddings, borders and scroll bars.\r\n    var width = toFloat(styles.width), height = toFloat(styles.height);\r\n    // Width & height include paddings and borders when the 'border-box' box\r\n    // model is applied (except for IE).\r\n    if (styles.boxSizing === 'border-box') {\r\n        // Following conditions are required to handle Internet Explorer which\r\n        // doesn't include paddings and borders to computed CSS dimensions.\r\n        //\r\n        // We can say that if CSS dimensions + paddings are equal to the \"client\"\r\n        // properties then it's either IE, and thus we don't need to subtract\r\n        // anything, or an element merely doesn't have paddings/borders styles.\r\n        if (Math.round(width + horizPad) !== clientWidth) {\r\n            width -= getBordersSize(styles, 'left', 'right') + horizPad;\r\n        }\r\n        if (Math.round(height + vertPad) !== clientHeight) {\r\n            height -= getBordersSize(styles, 'top', 'bottom') + vertPad;\r\n        }\r\n    }\r\n    // Following steps can't be applied to the document's root element as its\r\n    // client[Width/Height] properties represent viewport area of the window.\r\n    // Besides, it's as well not necessary as the <html> itself neither has\r\n    // rendered scroll bars nor it can be clipped.\r\n    if (!isDocumentElement(target)) {\r\n        // In some browsers (only in Firefox, actually) CSS width & height\r\n        // include scroll bars size which can be removed at this step as scroll\r\n        // bars are the only difference between rounded dimensions + paddings\r\n        // and \"client\" properties, though that is not always true in Chrome.\r\n        var vertScrollbar = Math.round(width + horizPad) - clientWidth;\r\n        var horizScrollbar = Math.round(height + vertPad) - clientHeight;\r\n        // Chrome has a rather weird rounding of \"client\" properties.\r\n        // E.g. for an element with content width of 314.2px it sometimes gives\r\n        // the client width of 315px and for the width of 314.7px it may give\r\n        // 314px. And it doesn't happen all the time. So just ignore this delta\r\n        // as a non-relevant.\r\n        if (Math.abs(vertScrollbar) !== 1) {\r\n            width -= vertScrollbar;\r\n        }\r\n        if (Math.abs(horizScrollbar) !== 1) {\r\n            height -= horizScrollbar;\r\n        }\r\n    }\r\n    return createRectInit(paddings.left, paddings.top, width, height);\r\n}\r\n/**\r\n * Checks whether provided element is an instance of the SVGGraphicsElement.\r\n *\r\n * @param {Element} target - Element to be checked.\r\n * @returns {boolean}\r\n */\r\nvar isSVGGraphicsElement = (function () {\r\n    // Some browsers, namely IE and Edge, don't have the SVGGraphicsElement\r\n    // interface.\r\n    if (typeof SVGGraphicsElement !== 'undefined') {\r\n        return function (target) { return target instanceof getWindowOf(target).SVGGraphicsElement; };\r\n    }\r\n    // If it's so, then check that element is at least an instance of the\r\n    // SVGElement and that it has the \"getBBox\" method.\r\n    // eslint-disable-next-line no-extra-parens\r\n    return function (target) { return (target instanceof getWindowOf(target).SVGElement &&\r\n        typeof target.getBBox === 'function'); };\r\n})();\r\n/**\r\n * Checks whether provided element is a document element (<html>).\r\n *\r\n * @param {Element} target - Element to be checked.\r\n * @returns {boolean}\r\n */\r\nfunction isDocumentElement(target) {\r\n    return target === getWindowOf(target).document.documentElement;\r\n}\r\n/**\r\n * Calculates an appropriate content rectangle for provided html or svg element.\r\n *\r\n * @param {Element} target - Element content rectangle of which needs to be calculated.\r\n * @returns {DOMRectInit}\r\n */\r\nfunction getContentRect(target) {\r\n    if (!isBrowser) {\r\n        return emptyRect;\r\n    }\r\n    if (isSVGGraphicsElement(target)) {\r\n        return getSVGContentRect(target);\r\n    }\r\n    return getHTMLElementContentRect(target);\r\n}\r\n/**\r\n * Creates rectangle with an interface of the DOMRectReadOnly.\r\n * Spec: https://drafts.fxtf.org/geometry/#domrectreadonly\r\n *\r\n * @param {DOMRectInit} rectInit - Object with rectangle's x/y coordinates and dimensions.\r\n * @returns {DOMRectReadOnly}\r\n */\r\nfunction createReadOnlyRect(_a) {\r\n    var x = _a.x, y = _a.y, width = _a.width, height = _a.height;\r\n    // If DOMRectReadOnly is available use it as a prototype for the rectangle.\r\n    var Constr = typeof DOMRectReadOnly !== 'undefined' ? DOMRectReadOnly : Object;\r\n    var rect = Object.create(Constr.prototype);\r\n    // Rectangle's properties are not writable and non-enumerable.\r\n    defineConfigurable(rect, {\r\n        x: x, y: y, width: width, height: height,\r\n        top: y,\r\n        right: x + width,\r\n        bottom: height + y,\r\n        left: x\r\n    });\r\n    return rect;\r\n}\r\n/**\r\n * Creates DOMRectInit object based on the provided dimensions and the x/y coordinates.\r\n * Spec: https://drafts.fxtf.org/geometry/#dictdef-domrectinit\r\n *\r\n * @param {number} x - X coordinate.\r\n * @param {number} y - Y coordinate.\r\n * @param {number} width - Rectangle's width.\r\n * @param {number} height - Rectangle's height.\r\n * @returns {DOMRectInit}\r\n */\r\nfunction createRectInit(x, y, width, height) {\r\n    return { x: x, y: y, width: width, height: height };\r\n}\n\n/**\r\n * Class that is responsible for computations of the content rectangle of\r\n * provided DOM element and for keeping track of it's changes.\r\n */\r\nvar ResizeObservation = /** @class */ (function () {\r\n    /**\r\n     * Creates an instance of ResizeObservation.\r\n     *\r\n     * @param {Element} target - Element to be observed.\r\n     */\r\n    function ResizeObservation(target) {\r\n        /**\r\n         * Broadcasted width of content rectangle.\r\n         *\r\n         * @type {number}\r\n         */\r\n        this.broadcastWidth = 0;\r\n        /**\r\n         * Broadcasted height of content rectangle.\r\n         *\r\n         * @type {number}\r\n         */\r\n        this.broadcastHeight = 0;\r\n        /**\r\n         * Reference to the last observed content rectangle.\r\n         *\r\n         * @private {DOMRectInit}\r\n         */\r\n        this.contentRect_ = createRectInit(0, 0, 0, 0);\r\n        this.target = target;\r\n    }\r\n    /**\r\n     * Updates content rectangle and tells whether it's width or height properties\r\n     * have changed since the last broadcast.\r\n     *\r\n     * @returns {boolean}\r\n     */\r\n    ResizeObservation.prototype.isActive = function () {\r\n        var rect = getContentRect(this.target);\r\n        this.contentRect_ = rect;\r\n        return (rect.width !== this.broadcastWidth ||\r\n            rect.height !== this.broadcastHeight);\r\n    };\r\n    /**\r\n     * Updates 'broadcastWidth' and 'broadcastHeight' properties with a data\r\n     * from the corresponding properties of the last observed content rectangle.\r\n     *\r\n     * @returns {DOMRectInit} Last observed content rectangle.\r\n     */\r\n    ResizeObservation.prototype.broadcastRect = function () {\r\n        var rect = this.contentRect_;\r\n        this.broadcastWidth = rect.width;\r\n        this.broadcastHeight = rect.height;\r\n        return rect;\r\n    };\r\n    return ResizeObservation;\r\n}());\n\nvar ResizeObserverEntry = /** @class */ (function () {\r\n    /**\r\n     * Creates an instance of ResizeObserverEntry.\r\n     *\r\n     * @param {Element} target - Element that is being observed.\r\n     * @param {DOMRectInit} rectInit - Data of the element's content rectangle.\r\n     */\r\n    function ResizeObserverEntry(target, rectInit) {\r\n        var contentRect = createReadOnlyRect(rectInit);\r\n        // According to the specification following properties are not writable\r\n        // and are also not enumerable in the native implementation.\r\n        //\r\n        // Property accessors are not being used as they'd require to define a\r\n        // private WeakMap storage which may cause memory leaks in browsers that\r\n        // don't support this type of collections.\r\n        defineConfigurable(this, { target: target, contentRect: contentRect });\r\n    }\r\n    return ResizeObserverEntry;\r\n}());\n\nvar ResizeObserverSPI = /** @class */ (function () {\r\n    /**\r\n     * Creates a new instance of ResizeObserver.\r\n     *\r\n     * @param {ResizeObserverCallback} callback - Callback function that is invoked\r\n     *      when one of the observed elements changes it's content dimensions.\r\n     * @param {ResizeObserverController} controller - Controller instance which\r\n     *      is responsible for the updates of observer.\r\n     * @param {ResizeObserver} callbackCtx - Reference to the public\r\n     *      ResizeObserver instance which will be passed to callback function.\r\n     */\r\n    function ResizeObserverSPI(callback, controller, callbackCtx) {\r\n        /**\r\n         * Collection of resize observations that have detected changes in dimensions\r\n         * of elements.\r\n         *\r\n         * @private {Array<ResizeObservation>}\r\n         */\r\n        this.activeObservations_ = [];\r\n        /**\r\n         * Registry of the ResizeObservation instances.\r\n         *\r\n         * @private {Map<Element, ResizeObservation>}\r\n         */\r\n        this.observations_ = new MapShim();\r\n        if (typeof callback !== 'function') {\r\n            throw new TypeError('The callback provided as parameter 1 is not a function.');\r\n        }\r\n        this.callback_ = callback;\r\n        this.controller_ = controller;\r\n        this.callbackCtx_ = callbackCtx;\r\n    }\r\n    /**\r\n     * Starts observing provided element.\r\n     *\r\n     * @param {Element} target - Element to be observed.\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverSPI.prototype.observe = function (target) {\r\n        if (!arguments.length) {\r\n            throw new TypeError('1 argument required, but only 0 present.');\r\n        }\r\n        // Do nothing if current environment doesn't have the Element interface.\r\n        if (typeof Element === 'undefined' || !(Element instanceof Object)) {\r\n            return;\r\n        }\r\n        if (!(target instanceof getWindowOf(target).Element)) {\r\n            throw new TypeError('parameter 1 is not of type \"Element\".');\r\n        }\r\n        var observations = this.observations_;\r\n        // Do nothing if element is already being observed.\r\n        if (observations.has(target)) {\r\n            return;\r\n        }\r\n        observations.set(target, new ResizeObservation(target));\r\n        this.controller_.addObserver(this);\r\n        // Force the update of observations.\r\n        this.controller_.refresh();\r\n    };\r\n    /**\r\n     * Stops observing provided element.\r\n     *\r\n     * @param {Element} target - Element to stop observing.\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverSPI.prototype.unobserve = function (target) {\r\n        if (!arguments.length) {\r\n            throw new TypeError('1 argument required, but only 0 present.');\r\n        }\r\n        // Do nothing if current environment doesn't have the Element interface.\r\n        if (typeof Element === 'undefined' || !(Element instanceof Object)) {\r\n            return;\r\n        }\r\n        if (!(target instanceof getWindowOf(target).Element)) {\r\n            throw new TypeError('parameter 1 is not of type \"Element\".');\r\n        }\r\n        var observations = this.observations_;\r\n        // Do nothing if element is not being observed.\r\n        if (!observations.has(target)) {\r\n            return;\r\n        }\r\n        observations.delete(target);\r\n        if (!observations.size) {\r\n            this.controller_.removeObserver(this);\r\n        }\r\n    };\r\n    /**\r\n     * Stops observing all elements.\r\n     *\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverSPI.prototype.disconnect = function () {\r\n        this.clearActive();\r\n        this.observations_.clear();\r\n        this.controller_.removeObserver(this);\r\n    };\r\n    /**\r\n     * Collects observation instances the associated element of which has changed\r\n     * it's content rectangle.\r\n     *\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverSPI.prototype.gatherActive = function () {\r\n        var _this = this;\r\n        this.clearActive();\r\n        this.observations_.forEach(function (observation) {\r\n            if (observation.isActive()) {\r\n                _this.activeObservations_.push(observation);\r\n            }\r\n        });\r\n    };\r\n    /**\r\n     * Invokes initial callback function with a list of ResizeObserverEntry\r\n     * instances collected from active resize observations.\r\n     *\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverSPI.prototype.broadcastActive = function () {\r\n        // Do nothing if observer doesn't have active observations.\r\n        if (!this.hasActive()) {\r\n            return;\r\n        }\r\n        var ctx = this.callbackCtx_;\r\n        // Create ResizeObserverEntry instance for every active observation.\r\n        var entries = this.activeObservations_.map(function (observation) {\r\n            return new ResizeObserverEntry(observation.target, observation.broadcastRect());\r\n        });\r\n        this.callback_.call(ctx, entries, ctx);\r\n        this.clearActive();\r\n    };\r\n    /**\r\n     * Clears the collection of active observations.\r\n     *\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverSPI.prototype.clearActive = function () {\r\n        this.activeObservations_.splice(0);\r\n    };\r\n    /**\r\n     * Tells whether observer has active observations.\r\n     *\r\n     * @returns {boolean}\r\n     */\r\n    ResizeObserverSPI.prototype.hasActive = function () {\r\n        return this.activeObservations_.length > 0;\r\n    };\r\n    return ResizeObserverSPI;\r\n}());\n\n// Registry of internal observers. If WeakMap is not available use current shim\r\n// for the Map collection as it has all required methods and because WeakMap\r\n// can't be fully polyfilled anyway.\r\nvar observers = typeof WeakMap !== 'undefined' ? new WeakMap() : new MapShim();\r\n/**\r\n * ResizeObserver API. Encapsulates the ResizeObserver SPI implementation\r\n * exposing only those methods and properties that are defined in the spec.\r\n */\r\nvar ResizeObserver = /** @class */ (function () {\r\n    /**\r\n     * Creates a new instance of ResizeObserver.\r\n     *\r\n     * @param {ResizeObserverCallback} callback - Callback that is invoked when\r\n     *      dimensions of the observed elements change.\r\n     */\r\n    function ResizeObserver(callback) {\r\n        if (!(this instanceof ResizeObserver)) {\r\n            throw new TypeError('Cannot call a class as a function.');\r\n        }\r\n        if (!arguments.length) {\r\n            throw new TypeError('1 argument required, but only 0 present.');\r\n        }\r\n        var controller = ResizeObserverController.getInstance();\r\n        var observer = new ResizeObserverSPI(callback, controller, this);\r\n        observers.set(this, observer);\r\n    }\r\n    return ResizeObserver;\r\n}());\r\n// Expose public methods of ResizeObserver.\r\n[\r\n    'observe',\r\n    'unobserve',\r\n    'disconnect'\r\n].forEach(function (method) {\r\n    ResizeObserver.prototype[method] = function () {\r\n        var _a;\r\n        return (_a = observers.get(this))[method].apply(_a, arguments);\r\n    };\r\n});\n\nvar index = (function () {\r\n    // Export existing implementation if available.\r\n    if (typeof global$1.ResizeObserver !== 'undefined') {\r\n        return global$1.ResizeObserver;\r\n    }\r\n    return ResizeObserver;\r\n})();\n\nexport default index;\n","//\n\nmodule.exports = function shallowEqual(objA, objB, compare, compareContext) {\n  var ret = compare ? compare.call(compareContext, objA, objB) : void 0;\n\n  if (ret !== void 0) {\n    return !!ret;\n  }\n\n  if (objA === objB) {\n    return true;\n  }\n\n  if (typeof objA !== \"object\" || !objA || typeof objB !== \"object\" || !objB) {\n    return false;\n  }\n\n  var keysA = Object.keys(objA);\n  var keysB = Object.keys(objB);\n\n  if (keysA.length !== keysB.length) {\n    return false;\n  }\n\n  var bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB);\n\n  // Test for A's keys different from B.\n  for (var idx = 0; idx < keysA.length; idx++) {\n    var key = keysA[idx];\n\n    if (!bHasOwnProperty(key)) {\n      return false;\n    }\n\n    var valueA = objA[key];\n    var valueB = objB[key];\n\n    ret = compare ? compare.call(compareContext, valueA, valueB, key) : void 0;\n\n    if (ret === false || (ret === void 0 && valueA !== valueB)) {\n      return false;\n    }\n  }\n\n  return true;\n};\n","module.exports = function walk (obj) {\n    if (!obj || typeof obj !== 'object') return obj;\n    if (isDate(obj) || isRegex(obj)) return obj;\n    if (Array.isArray(obj)) return obj.map(walk);\n    return Object.keys(obj).reduce(function (acc, key) {\n        var camel = key[0].toLowerCase() + key.slice(1).replace(/([A-Z]+)/g, function (m, x) {\n            return '_' + x.toLowerCase();\n        });\n        acc[camel] = walk(obj[key]);\n        return acc;\n    }, {});\n};\n\nvar isDate = function (obj) {\n    return Object.prototype.toString.call(obj) === '[object Date]';\n};\n\nvar isRegex = function (obj) {\n    return Object.prototype.toString.call(obj) === '[object RegExp]';\n};\n","function stylis_min (W) {\n  function M(d, c, e, h, a) {\n    for (var m = 0, b = 0, v = 0, n = 0, q, g, x = 0, K = 0, k, u = k = q = 0, l = 0, r = 0, I = 0, t = 0, B = e.length, J = B - 1, y, f = '', p = '', F = '', G = '', C; l < B;) {\n      g = e.charCodeAt(l);\n      l === J && 0 !== b + n + v + m && (0 !== b && (g = 47 === b ? 10 : 47), n = v = m = 0, B++, J++);\n\n      if (0 === b + n + v + m) {\n        if (l === J && (0 < r && (f = f.replace(N, '')), 0 < f.trim().length)) {\n          switch (g) {\n            case 32:\n            case 9:\n            case 59:\n            case 13:\n            case 10:\n              break;\n\n            default:\n              f += e.charAt(l);\n          }\n\n          g = 59;\n        }\n\n        switch (g) {\n          case 123:\n            f = f.trim();\n            q = f.charCodeAt(0);\n            k = 1;\n\n            for (t = ++l; l < B;) {\n              switch (g = e.charCodeAt(l)) {\n                case 123:\n                  k++;\n                  break;\n\n                case 125:\n                  k--;\n                  break;\n\n                case 47:\n                  switch (g = e.charCodeAt(l + 1)) {\n                    case 42:\n                    case 47:\n                      a: {\n                        for (u = l + 1; u < J; ++u) {\n                          switch (e.charCodeAt(u)) {\n                            case 47:\n                              if (42 === g && 42 === e.charCodeAt(u - 1) && l + 2 !== u) {\n                                l = u + 1;\n                                break a;\n                              }\n\n                              break;\n\n                            case 10:\n                              if (47 === g) {\n                                l = u + 1;\n                                break a;\n                              }\n\n                          }\n                        }\n\n                        l = u;\n                      }\n\n                  }\n\n                  break;\n\n                case 91:\n                  g++;\n\n                case 40:\n                  g++;\n\n                case 34:\n                case 39:\n                  for (; l++ < J && e.charCodeAt(l) !== g;) {\n                  }\n\n              }\n\n              if (0 === k) break;\n              l++;\n            }\n\n            k = e.substring(t, l);\n            0 === q && (q = (f = f.replace(ca, '').trim()).charCodeAt(0));\n\n            switch (q) {\n              case 64:\n                0 < r && (f = f.replace(N, ''));\n                g = f.charCodeAt(1);\n\n                switch (g) {\n                  case 100:\n                  case 109:\n                  case 115:\n                  case 45:\n                    r = c;\n                    break;\n\n                  default:\n                    r = O;\n                }\n\n                k = M(c, r, k, g, a + 1);\n                t = k.length;\n                0 < A && (r = X(O, f, I), C = H(3, k, r, c, D, z, t, g, a, h), f = r.join(''), void 0 !== C && 0 === (t = (k = C.trim()).length) && (g = 0, k = ''));\n                if (0 < t) switch (g) {\n                  case 115:\n                    f = f.replace(da, ea);\n\n                  case 100:\n                  case 109:\n                  case 45:\n                    k = f + '{' + k + '}';\n                    break;\n\n                  case 107:\n                    f = f.replace(fa, '$1 $2');\n                    k = f + '{' + k + '}';\n                    k = 1 === w || 2 === w && L('@' + k, 3) ? '@-webkit-' + k + '@' + k : '@' + k;\n                    break;\n\n                  default:\n                    k = f + k, 112 === h && (k = (p += k, ''));\n                } else k = '';\n                break;\n\n              default:\n                k = M(c, X(c, f, I), k, h, a + 1);\n            }\n\n            F += k;\n            k = I = r = u = q = 0;\n            f = '';\n            g = e.charCodeAt(++l);\n            break;\n\n          case 125:\n          case 59:\n            f = (0 < r ? f.replace(N, '') : f).trim();\n            if (1 < (t = f.length)) switch (0 === u && (q = f.charCodeAt(0), 45 === q || 96 < q && 123 > q) && (t = (f = f.replace(' ', ':')).length), 0 < A && void 0 !== (C = H(1, f, c, d, D, z, p.length, h, a, h)) && 0 === (t = (f = C.trim()).length) && (f = '\\x00\\x00'), q = f.charCodeAt(0), g = f.charCodeAt(1), q) {\n              case 0:\n                break;\n\n              case 64:\n                if (105 === g || 99 === g) {\n                  G += f + e.charAt(l);\n                  break;\n                }\n\n              default:\n                58 !== f.charCodeAt(t - 1) && (p += P(f, q, g, f.charCodeAt(2)));\n            }\n            I = r = u = q = 0;\n            f = '';\n            g = e.charCodeAt(++l);\n        }\n      }\n\n      switch (g) {\n        case 13:\n        case 10:\n          47 === b ? b = 0 : 0 === 1 + q && 107 !== h && 0 < f.length && (r = 1, f += '\\x00');\n          0 < A * Y && H(0, f, c, d, D, z, p.length, h, a, h);\n          z = 1;\n          D++;\n          break;\n\n        case 59:\n        case 125:\n          if (0 === b + n + v + m) {\n            z++;\n            break;\n          }\n\n        default:\n          z++;\n          y = e.charAt(l);\n\n          switch (g) {\n            case 9:\n            case 32:\n              if (0 === n + m + b) switch (x) {\n                case 44:\n                case 58:\n                case 9:\n                case 32:\n                  y = '';\n                  break;\n\n                default:\n                  32 !== g && (y = ' ');\n              }\n              break;\n\n            case 0:\n              y = '\\\\0';\n              break;\n\n            case 12:\n              y = '\\\\f';\n              break;\n\n            case 11:\n              y = '\\\\v';\n              break;\n\n            case 38:\n              0 === n + b + m && (r = I = 1, y = '\\f' + y);\n              break;\n\n            case 108:\n              if (0 === n + b + m + E && 0 < u) switch (l - u) {\n                case 2:\n                  112 === x && 58 === e.charCodeAt(l - 3) && (E = x);\n\n                case 8:\n                  111 === K && (E = K);\n              }\n              break;\n\n            case 58:\n              0 === n + b + m && (u = l);\n              break;\n\n            case 44:\n              0 === b + v + n + m && (r = 1, y += '\\r');\n              break;\n\n            case 34:\n            case 39:\n              0 === b && (n = n === g ? 0 : 0 === n ? g : n);\n              break;\n\n            case 91:\n              0 === n + b + v && m++;\n              break;\n\n            case 93:\n              0 === n + b + v && m--;\n              break;\n\n            case 41:\n              0 === n + b + m && v--;\n              break;\n\n            case 40:\n              if (0 === n + b + m) {\n                if (0 === q) switch (2 * x + 3 * K) {\n                  case 533:\n                    break;\n\n                  default:\n                    q = 1;\n                }\n                v++;\n              }\n\n              break;\n\n            case 64:\n              0 === b + v + n + m + u + k && (k = 1);\n              break;\n\n            case 42:\n            case 47:\n              if (!(0 < n + m + v)) switch (b) {\n                case 0:\n                  switch (2 * g + 3 * e.charCodeAt(l + 1)) {\n                    case 235:\n                      b = 47;\n                      break;\n\n                    case 220:\n                      t = l, b = 42;\n                  }\n\n                  break;\n\n                case 42:\n                  47 === g && 42 === x && t + 2 !== l && (33 === e.charCodeAt(t + 2) && (p += e.substring(t, l + 1)), y = '', b = 0);\n              }\n          }\n\n          0 === b && (f += y);\n      }\n\n      K = x;\n      x = g;\n      l++;\n    }\n\n    t = p.length;\n\n    if (0 < t) {\n      r = c;\n      if (0 < A && (C = H(2, p, r, d, D, z, t, h, a, h), void 0 !== C && 0 === (p = C).length)) return G + p + F;\n      p = r.join(',') + '{' + p + '}';\n\n      if (0 !== w * E) {\n        2 !== w || L(p, 2) || (E = 0);\n\n        switch (E) {\n          case 111:\n            p = p.replace(ha, ':-moz-$1') + p;\n            break;\n\n          case 112:\n            p = p.replace(Q, '::-webkit-input-$1') + p.replace(Q, '::-moz-$1') + p.replace(Q, ':-ms-input-$1') + p;\n        }\n\n        E = 0;\n      }\n    }\n\n    return G + p + F;\n  }\n\n  function X(d, c, e) {\n    var h = c.trim().split(ia);\n    c = h;\n    var a = h.length,\n        m = d.length;\n\n    switch (m) {\n      case 0:\n      case 1:\n        var b = 0;\n\n        for (d = 0 === m ? '' : d[0] + ' '; b < a; ++b) {\n          c[b] = Z(d, c[b], e).trim();\n        }\n\n        break;\n\n      default:\n        var v = b = 0;\n\n        for (c = []; b < a; ++b) {\n          for (var n = 0; n < m; ++n) {\n            c[v++] = Z(d[n] + ' ', h[b], e).trim();\n          }\n        }\n\n    }\n\n    return c;\n  }\n\n  function Z(d, c, e) {\n    var h = c.charCodeAt(0);\n    33 > h && (h = (c = c.trim()).charCodeAt(0));\n\n    switch (h) {\n      case 38:\n        return c.replace(F, '$1' + d.trim());\n\n      case 58:\n        return d.trim() + c.replace(F, '$1' + d.trim());\n\n      default:\n        if (0 < 1 * e && 0 < c.indexOf('\\f')) return c.replace(F, (58 === d.charCodeAt(0) ? '' : '$1') + d.trim());\n    }\n\n    return d + c;\n  }\n\n  function P(d, c, e, h) {\n    var a = d + ';',\n        m = 2 * c + 3 * e + 4 * h;\n\n    if (944 === m) {\n      d = a.indexOf(':', 9) + 1;\n      var b = a.substring(d, a.length - 1).trim();\n      b = a.substring(0, d).trim() + b + ';';\n      return 1 === w || 2 === w && L(b, 1) ? '-webkit-' + b + b : b;\n    }\n\n    if (0 === w || 2 === w && !L(a, 1)) return a;\n\n    switch (m) {\n      case 1015:\n        return 97 === a.charCodeAt(10) ? '-webkit-' + a + a : a;\n\n      case 951:\n        return 116 === a.charCodeAt(3) ? '-webkit-' + a + a : a;\n\n      case 963:\n        return 110 === a.charCodeAt(5) ? '-webkit-' + a + a : a;\n\n      case 1009:\n        if (100 !== a.charCodeAt(4)) break;\n\n      case 969:\n      case 942:\n        return '-webkit-' + a + a;\n\n      case 978:\n        return '-webkit-' + a + '-moz-' + a + a;\n\n      case 1019:\n      case 983:\n        return '-webkit-' + a + '-moz-' + a + '-ms-' + a + a;\n\n      case 883:\n        if (45 === a.charCodeAt(8)) return '-webkit-' + a + a;\n        if (0 < a.indexOf('image-set(', 11)) return a.replace(ja, '$1-webkit-$2') + a;\n        break;\n\n      case 932:\n        if (45 === a.charCodeAt(4)) switch (a.charCodeAt(5)) {\n          case 103:\n            return '-webkit-box-' + a.replace('-grow', '') + '-webkit-' + a + '-ms-' + a.replace('grow', 'positive') + a;\n\n          case 115:\n            return '-webkit-' + a + '-ms-' + a.replace('shrink', 'negative') + a;\n\n          case 98:\n            return '-webkit-' + a + '-ms-' + a.replace('basis', 'preferred-size') + a;\n        }\n        return '-webkit-' + a + '-ms-' + a + a;\n\n      case 964:\n        return '-webkit-' + a + '-ms-flex-' + a + a;\n\n      case 1023:\n        if (99 !== a.charCodeAt(8)) break;\n        b = a.substring(a.indexOf(':', 15)).replace('flex-', '').replace('space-between', 'justify');\n        return '-webkit-box-pack' + b + '-webkit-' + a + '-ms-flex-pack' + b + a;\n\n      case 1005:\n        return ka.test(a) ? a.replace(aa, ':-webkit-') + a.replace(aa, ':-moz-') + a : a;\n\n      case 1e3:\n        b = a.substring(13).trim();\n        c = b.indexOf('-') + 1;\n\n        switch (b.charCodeAt(0) + b.charCodeAt(c)) {\n          case 226:\n            b = a.replace(G, 'tb');\n            break;\n\n          case 232:\n            b = a.replace(G, 'tb-rl');\n            break;\n\n          case 220:\n            b = a.replace(G, 'lr');\n            break;\n\n          default:\n            return a;\n        }\n\n        return '-webkit-' + a + '-ms-' + b + a;\n\n      case 1017:\n        if (-1 === a.indexOf('sticky', 9)) break;\n\n      case 975:\n        c = (a = d).length - 10;\n        b = (33 === a.charCodeAt(c) ? a.substring(0, c) : a).substring(d.indexOf(':', 7) + 1).trim();\n\n        switch (m = b.charCodeAt(0) + (b.charCodeAt(7) | 0)) {\n          case 203:\n            if (111 > b.charCodeAt(8)) break;\n\n          case 115:\n            a = a.replace(b, '-webkit-' + b) + ';' + a;\n            break;\n\n          case 207:\n          case 102:\n            a = a.replace(b, '-webkit-' + (102 < m ? 'inline-' : '') + 'box') + ';' + a.replace(b, '-webkit-' + b) + ';' + a.replace(b, '-ms-' + b + 'box') + ';' + a;\n        }\n\n        return a + ';';\n\n      case 938:\n        if (45 === a.charCodeAt(5)) switch (a.charCodeAt(6)) {\n          case 105:\n            return b = a.replace('-items', ''), '-webkit-' + a + '-webkit-box-' + b + '-ms-flex-' + b + a;\n\n          case 115:\n            return '-webkit-' + a + '-ms-flex-item-' + a.replace(ba, '') + a;\n\n          default:\n            return '-webkit-' + a + '-ms-flex-line-pack' + a.replace('align-content', '').replace(ba, '') + a;\n        }\n        break;\n\n      case 973:\n      case 989:\n        if (45 !== a.charCodeAt(3) || 122 === a.charCodeAt(4)) break;\n\n      case 931:\n      case 953:\n        if (!0 === la.test(d)) return 115 === (b = d.substring(d.indexOf(':') + 1)).charCodeAt(0) ? P(d.replace('stretch', 'fill-available'), c, e, h).replace(':fill-available', ':stretch') : a.replace(b, '-webkit-' + b) + a.replace(b, '-moz-' + b.replace('fill-', '')) + a;\n        break;\n\n      case 962:\n        if (a = '-webkit-' + a + (102 === a.charCodeAt(5) ? '-ms-' + a : '') + a, 211 === e + h && 105 === a.charCodeAt(13) && 0 < a.indexOf('transform', 10)) return a.substring(0, a.indexOf(';', 27) + 1).replace(ma, '$1-webkit-$2') + a;\n    }\n\n    return a;\n  }\n\n  function L(d, c) {\n    var e = d.indexOf(1 === c ? ':' : '{'),\n        h = d.substring(0, 3 !== c ? e : 10);\n    e = d.substring(e + 1, d.length - 1);\n    return R(2 !== c ? h : h.replace(na, '$1'), e, c);\n  }\n\n  function ea(d, c) {\n    var e = P(c, c.charCodeAt(0), c.charCodeAt(1), c.charCodeAt(2));\n    return e !== c + ';' ? e.replace(oa, ' or ($1)').substring(4) : '(' + c + ')';\n  }\n\n  function H(d, c, e, h, a, m, b, v, n, q) {\n    for (var g = 0, x = c, w; g < A; ++g) {\n      switch (w = S[g].call(B, d, x, e, h, a, m, b, v, n, q)) {\n        case void 0:\n        case !1:\n        case !0:\n        case null:\n          break;\n\n        default:\n          x = w;\n      }\n    }\n\n    if (x !== c) return x;\n  }\n\n  function T(d) {\n    switch (d) {\n      case void 0:\n      case null:\n        A = S.length = 0;\n        break;\n\n      default:\n        if ('function' === typeof d) S[A++] = d;else if ('object' === typeof d) for (var c = 0, e = d.length; c < e; ++c) {\n          T(d[c]);\n        } else Y = !!d | 0;\n    }\n\n    return T;\n  }\n\n  function U(d) {\n    d = d.prefix;\n    void 0 !== d && (R = null, d ? 'function' !== typeof d ? w = 1 : (w = 2, R = d) : w = 0);\n    return U;\n  }\n\n  function B(d, c) {\n    var e = d;\n    33 > e.charCodeAt(0) && (e = e.trim());\n    V = e;\n    e = [V];\n\n    if (0 < A) {\n      var h = H(-1, c, e, e, D, z, 0, 0, 0, 0);\n      void 0 !== h && 'string' === typeof h && (c = h);\n    }\n\n    var a = M(O, e, c, 0, 0);\n    0 < A && (h = H(-2, a, e, e, D, z, a.length, 0, 0, 0), void 0 !== h && (a = h));\n    V = '';\n    E = 0;\n    z = D = 1;\n    return a;\n  }\n\n  var ca = /^\\0+/g,\n      N = /[\\0\\r\\f]/g,\n      aa = /: */g,\n      ka = /zoo|gra/,\n      ma = /([,: ])(transform)/g,\n      ia = /,\\r+?/g,\n      F = /([\\t\\r\\n ])*\\f?&/g,\n      fa = /@(k\\w+)\\s*(\\S*)\\s*/,\n      Q = /::(place)/g,\n      ha = /:(read-only)/g,\n      G = /[svh]\\w+-[tblr]{2}/,\n      da = /\\(\\s*(.*)\\s*\\)/g,\n      oa = /([\\s\\S]*?);/g,\n      ba = /-self|flex-/g,\n      na = /[^]*?(:[rp][el]a[\\w-]+)[^]*/,\n      la = /stretch|:\\s*\\w+\\-(?:conte|avail)/,\n      ja = /([^-])(image-set\\()/,\n      z = 1,\n      D = 1,\n      E = 0,\n      w = 1,\n      O = [],\n      S = [],\n      A = 0,\n      R = null,\n      Y = 0,\n      V = '';\n  B.use = T;\n  B.set = U;\n  void 0 !== W && U(W);\n  return B;\n}\n\nexport default stylis_min;\n","import{typeOf as e,isElement as t,isValidElementType as n}from\"react-is\";import r,{useState as o,useContext as s,useMemo as i,useEffect as a,useRef as c,createElement as u,useDebugValue as l,useLayoutEffect as d}from\"react\";import h from\"shallowequal\";import p from\"@emotion/stylis\";import f from\"@emotion/unitless\";import m from\"@emotion/is-prop-valid\";import y from\"hoist-non-react-statics\";function v(){return(v=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var g=function(e,t){for(var n=[e[0]],r=0,o=t.length;r<o;r+=1)n.push(t[r],e[r+1]);return n},S=function(t){return null!==t&&\"object\"==typeof t&&\"[object Object]\"===(t.toString?t.toString():Object.prototype.toString.call(t))&&!e(t)},w=Object.freeze([]),E=Object.freeze({});function b(e){return\"function\"==typeof e}function _(e){return\"production\"!==process.env.NODE_ENV&&\"string\"==typeof e&&e||e.displayName||e.name||\"Component\"}function N(e){return e&&\"string\"==typeof e.styledComponentId}var A=\"undefined\"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||\"data-styled\",C=\"5.3.5\",I=\"undefined\"!=typeof window&&\"HTMLElement\"in window,P=Boolean(\"boolean\"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:\"undefined\"!=typeof process&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&\"\"!==process.env.REACT_APP_SC_DISABLE_SPEEDY?\"false\"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:\"undefined\"!=typeof process&&void 0!==process.env.SC_DISABLE_SPEEDY&&\"\"!==process.env.SC_DISABLE_SPEEDY?\"false\"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:\"production\"!==process.env.NODE_ENV),O={},R=\"production\"!==process.env.NODE_ENV?{1:\"Cannot create styled-component for component: %s.\\n\\n\",2:\"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\\n\\n- Are you trying to reuse it across renders?\\n- Are you accidentally calling collectStyles twice?\\n\\n\",3:\"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\\n\\n\",4:\"The `StyleSheetManager` expects a valid target or sheet prop!\\n\\n- Does this error occur on the client and is your target falsy?\\n- Does this error occur on the server and is the sheet falsy?\\n\\n\",5:\"The clone method cannot be used on the client!\\n\\n- Are you running in a client-like environment on the server?\\n- Are you trying to run SSR on the client?\\n\\n\",6:\"Trying to insert a new style tag, but the given Node is unmounted!\\n\\n- Are you using a custom target that isn't mounted?\\n- Does your document not have a valid head element?\\n- Have you accidentally removed a style tag manually?\\n\\n\",7:'ThemeProvider: Please return an object from your \"theme\" prop function, e.g.\\n\\n```js\\ntheme={() => ({})}\\n```\\n\\n',8:'ThemeProvider: Please make your \"theme\" prop an object.\\n\\n',9:\"Missing document `<head>`\\n\\n\",10:\"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\\n\\n\",11:\"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\\n\\n\",12:\"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\\\`\\\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\\n\\n\",13:\"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\\n\\n\",14:'ThemeProvider: \"theme\" prop is required.\\n\\n',15:\"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\\n\\n```js\\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\\n```\\n\\n\",16:\"Reached the limit of how many styled components may be created at group %s.\\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\\nas for instance in your render method then you may be running into this limitation.\\n\\n\",17:\"CSSStyleSheet could not be found on HTMLStyleElement.\\nHas styled-components' style tag been unmounted or altered by another script?\\n\"}:{};function D(){for(var e=arguments.length<=0?void 0:arguments[0],t=[],n=1,r=arguments.length;n<r;n+=1)t.push(n<0||arguments.length<=n?void 0:arguments[n]);return t.forEach((function(t){e=e.replace(/%[a-z]/,t)})),e}function j(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];throw\"production\"===process.env.NODE_ENV?new Error(\"An error occurred. See https://git.io/JUIaE#\"+e+\" for more information.\"+(n.length>0?\" Args: \"+n.join(\", \"):\"\")):new Error(D.apply(void 0,[R[e]].concat(n)).trim())}var T=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}var t=e.prototype;return t.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},t.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,o=r;e>=o;)(o<<=1)<0&&j(16,\"\"+e);this.groupSizes=new Uint32Array(o),this.groupSizes.set(n),this.length=o;for(var s=r;s<o;s++)this.groupSizes[s]=0}for(var i=this.indexOfGroup(e+1),a=0,c=t.length;a<c;a++)this.tag.insertRule(i,t[a])&&(this.groupSizes[e]++,i++)},t.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),r=n+t;this.groupSizes[e]=0;for(var o=n;o<r;o++)this.tag.deleteRule(n)}},t.getGroup=function(e){var t=\"\";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],r=this.indexOfGroup(e),o=r+n,s=r;s<o;s++)t+=this.tag.getRule(s)+\"/*!sc*/\\n\";return t},e}(),x=new Map,k=new Map,V=1,B=function(e){if(x.has(e))return x.get(e);for(;k.has(V);)V++;var t=V++;return\"production\"!==process.env.NODE_ENV&&((0|t)<0||t>1<<30)&&j(16,\"\"+t),x.set(e,t),k.set(t,e),t},z=function(e){return k.get(e)},M=function(e,t){t>=V&&(V=t+1),x.set(e,t),k.set(t,e)},G=\"style[\"+A+'][data-styled-version=\"5.3.5\"]',L=new RegExp(\"^\"+A+'\\\\.g(\\\\d+)\\\\[id=\"([\\\\w\\\\d-]+)\"\\\\].*?\"([^\"]*)'),F=function(e,t,n){for(var r,o=n.split(\",\"),s=0,i=o.length;s<i;s++)(r=o[s])&&e.registerName(t,r)},Y=function(e,t){for(var n=(t.textContent||\"\").split(\"/*!sc*/\\n\"),r=[],o=0,s=n.length;o<s;o++){var i=n[o].trim();if(i){var a=i.match(L);if(a){var c=0|parseInt(a[1],10),u=a[2];0!==c&&(M(u,c),F(e,u,a[3]),e.getTag().insertRules(c,r)),r.length=0}else r.push(i)}}},q=function(){return\"undefined\"!=typeof window&&void 0!==window.__webpack_nonce__?window.__webpack_nonce__:null},H=function(e){var t=document.head,n=e||t,r=document.createElement(\"style\"),o=function(e){for(var t=e.childNodes,n=t.length;n>=0;n--){var r=t[n];if(r&&1===r.nodeType&&r.hasAttribute(A))return r}}(n),s=void 0!==o?o.nextSibling:null;r.setAttribute(A,\"active\"),r.setAttribute(\"data-styled-version\",\"5.3.5\");var i=q();return i&&r.setAttribute(\"nonce\",i),n.insertBefore(r,s),r},$=function(){function e(e){var t=this.element=H(e);t.appendChild(document.createTextNode(\"\")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,r=t.length;n<r;n++){var o=t[n];if(o.ownerNode===e)return o}j(17)}(t),this.length=0}var t=e.prototype;return t.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},t.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},t.getRule=function(e){var t=this.sheet.cssRules[e];return void 0!==t&&\"string\"==typeof t.cssText?t.cssText:\"\"},e}(),W=function(){function e(e){var t=this.element=H(e);this.nodes=t.childNodes,this.length=0}var t=e.prototype;return t.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t),r=this.nodes[e];return this.element.insertBefore(n,r||null),this.length++,!0}return!1},t.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},t.getRule=function(e){return e<this.length?this.nodes[e].textContent:\"\"},e}(),U=function(){function e(e){this.rules=[],this.length=0}var t=e.prototype;return t.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},t.deleteRule=function(e){this.rules.splice(e,1),this.length--},t.getRule=function(e){return e<this.length?this.rules[e]:\"\"},e}(),J=I,X={isServer:!I,useCSSOMInjection:!P},Z=function(){function e(e,t,n){void 0===e&&(e=E),void 0===t&&(t={}),this.options=v({},X,{},e),this.gs=t,this.names=new Map(n),this.server=!!e.isServer,!this.server&&I&&J&&(J=!1,function(e){for(var t=document.querySelectorAll(G),n=0,r=t.length;n<r;n++){var o=t[n];o&&\"active\"!==o.getAttribute(A)&&(Y(e,o),o.parentNode&&o.parentNode.removeChild(o))}}(this))}e.registerId=function(e){return B(e)};var t=e.prototype;return t.reconstructWithOptions=function(t,n){return void 0===n&&(n=!0),new e(v({},this.options,{},t),this.gs,n&&this.names||void 0)},t.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},t.getTag=function(){return this.tag||(this.tag=(n=(t=this.options).isServer,r=t.useCSSOMInjection,o=t.target,e=n?new U(o):r?new $(o):new W(o),new T(e)));var e,t,n,r,o},t.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},t.registerName=function(e,t){if(B(e),this.names.has(e))this.names.get(e).add(t);else{var n=new Set;n.add(t),this.names.set(e,n)}},t.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(B(e),n)},t.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},t.clearRules=function(e){this.getTag().clearGroup(B(e)),this.clearNames(e)},t.clearTag=function(){this.tag=void 0},t.toString=function(){return function(e){for(var t=e.getTag(),n=t.length,r=\"\",o=0;o<n;o++){var s=z(o);if(void 0!==s){var i=e.names.get(s),a=t.getGroup(o);if(i&&a&&i.size){var c=A+\".g\"+o+'[id=\"'+s+'\"]',u=\"\";void 0!==i&&i.forEach((function(e){e.length>0&&(u+=e+\",\")})),r+=\"\"+a+c+'{content:\"'+u+'\"}/*!sc*/\\n'}}}return r}(this)},e}(),K=/(a)(d)/gi,Q=function(e){return String.fromCharCode(e+(e>25?39:97))};function ee(e){var t,n=\"\";for(t=Math.abs(e);t>52;t=t/52|0)n=Q(t%52)+n;return(Q(t%52)+n).replace(K,\"$1-$2\")}var te=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},ne=function(e){return te(5381,e)};function re(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(b(n)&&!N(n))return!1}return!0}var oe=ne(\"5.3.5\"),se=function(){function e(e,t,n){this.rules=e,this.staticRulesId=\"\",this.isStatic=\"production\"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&re(e),this.componentId=t,this.baseHash=te(oe,t),this.baseStyle=n,Z.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,n){var r=this.componentId,o=[];if(this.baseStyle&&o.push(this.baseStyle.generateAndInjectStyles(e,t,n)),this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(r,this.staticRulesId))o.push(this.staticRulesId);else{var s=Ne(this.rules,e,t,n).join(\"\"),i=ee(te(this.baseHash,s)>>>0);if(!t.hasNameForId(r,i)){var a=n(s,\".\"+i,void 0,r);t.insertRules(r,i,a)}o.push(i),this.staticRulesId=i}else{for(var c=this.rules.length,u=te(this.baseHash,n.hash),l=\"\",d=0;d<c;d++){var h=this.rules[d];if(\"string\"==typeof h)l+=h,\"production\"!==process.env.NODE_ENV&&(u=te(u,h+d));else if(h){var p=Ne(h,e,t,n),f=Array.isArray(p)?p.join(\"\"):p;u=te(u,f+d),l+=f}}if(l){var m=ee(u>>>0);if(!t.hasNameForId(r,m)){var y=n(l,\".\"+m,void 0,r);t.insertRules(r,m,y)}o.push(m)}}return o.join(\" \")},e}(),ie=/^\\s*\\/\\/.*$/gm,ae=[\":\",\"[\",\".\",\"#\"];function ce(e){var t,n,r,o,s=void 0===e?E:e,i=s.options,a=void 0===i?E:i,c=s.plugins,u=void 0===c?w:c,l=new p(a),d=[],h=function(e){function t(t){if(t)try{e(t+\"}\")}catch(e){}}return function(n,r,o,s,i,a,c,u,l,d){switch(n){case 1:if(0===l&&64===r.charCodeAt(0))return e(r+\";\"),\"\";break;case 2:if(0===u)return r+\"/*|*/\";break;case 3:switch(u){case 102:case 112:return e(o[0]+r),\"\";default:return r+(0===d?\"/*|*/\":\"\")}case-2:r.split(\"/*|*/}\").forEach(t)}}}((function(e){d.push(e)})),f=function(e,r,s){return 0===r&&-1!==ae.indexOf(s[n.length])||s.match(o)?e:\".\"+t};function m(e,s,i,a){void 0===a&&(a=\"&\");var c=e.replace(ie,\"\"),u=s&&i?i+\" \"+s+\" { \"+c+\" }\":c;return t=a,n=s,r=new RegExp(\"\\\\\"+n+\"\\\\b\",\"g\"),o=new RegExp(\"(\\\\\"+n+\"\\\\b){2,}\"),l(i||!s?\"\":s,u)}return l.use([].concat(u,[function(e,t,o){2===e&&o.length&&o[0].lastIndexOf(n)>0&&(o[0]=o[0].replace(r,f))},h,function(e){if(-2===e){var t=d;return d=[],t}}])),m.hash=u.length?u.reduce((function(e,t){return t.name||j(15),te(e,t.name)}),5381).toString():\"\",m}var ue=r.createContext(),le=ue.Consumer,de=r.createContext(),he=(de.Consumer,new Z),pe=ce();function fe(){return s(ue)||he}function me(){return s(de)||pe}function ye(e){var t=o(e.stylisPlugins),n=t[0],s=t[1],c=fe(),u=i((function(){var t=c;return e.sheet?t=e.sheet:e.target&&(t=t.reconstructWithOptions({target:e.target},!1)),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t}),[e.disableCSSOMInjection,e.sheet,e.target]),l=i((function(){return ce({options:{prefix:!e.disableVendorPrefixes},plugins:n})}),[e.disableVendorPrefixes,n]);return a((function(){h(n,e.stylisPlugins)||s(e.stylisPlugins)}),[e.stylisPlugins]),r.createElement(ue.Provider,{value:u},r.createElement(de.Provider,{value:l},\"production\"!==process.env.NODE_ENV?r.Children.only(e.children):e.children))}var ve=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=pe);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,\"@keyframes\"))},this.toString=function(){return j(12,String(n.name))},this.name=e,this.id=\"sc-keyframes-\"+e,this.rules=t}return e.prototype.getName=function(e){return void 0===e&&(e=pe),this.name+e.hash},e}(),ge=/([A-Z])/,Se=/([A-Z])/g,we=/^ms-/,Ee=function(e){return\"-\"+e.toLowerCase()};function be(e){return ge.test(e)?e.replace(Se,Ee).replace(we,\"-ms-\"):e}var _e=function(e){return null==e||!1===e||\"\"===e};function Ne(e,n,r,o){if(Array.isArray(e)){for(var s,i=[],a=0,c=e.length;a<c;a+=1)\"\"!==(s=Ne(e[a],n,r,o))&&(Array.isArray(s)?i.push.apply(i,s):i.push(s));return i}if(_e(e))return\"\";if(N(e))return\".\"+e.styledComponentId;if(b(e)){if(\"function\"!=typeof(l=e)||l.prototype&&l.prototype.isReactComponent||!n)return e;var u=e(n);return\"production\"!==process.env.NODE_ENV&&t(u)&&console.warn(_(e)+\" is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\"),Ne(u,n,r,o)}var l;return e instanceof ve?r?(e.inject(r,o),e.getName(o)):e:S(e)?function e(t,n){var r,o,s=[];for(var i in t)t.hasOwnProperty(i)&&!_e(t[i])&&(Array.isArray(t[i])&&t[i].isCss||b(t[i])?s.push(be(i)+\":\",t[i],\";\"):S(t[i])?s.push.apply(s,e(t[i],i)):s.push(be(i)+\": \"+(r=i,null==(o=t[i])||\"boolean\"==typeof o||\"\"===o?\"\":\"number\"!=typeof o||0===o||r in f?String(o).trim():o+\"px\")+\";\"));return n?[n+\" {\"].concat(s,[\"}\"]):s}(e):e.toString()}var Ae=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function Ce(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return b(e)||S(e)?Ae(Ne(g(w,[e].concat(n)))):0===n.length&&1===e.length&&\"string\"==typeof e[0]?e:Ae(Ne(g(e,n)))}var Ie=/invalid hook call/i,Pe=new Set,Oe=function(e,t){if(\"production\"!==process.env.NODE_ENV){var n=\"The component \"+e+(t?' with the id of \"'+t+'\"':\"\")+\" has been created dynamically.\\nYou may see this warning because you've called styled inside another component.\\nTo resolve this only create new StyledComponents outside of any render method and function component.\",r=console.error;try{var o=!0;console.error=function(e){if(Ie.test(e))o=!1,Pe.delete(n);else{for(var t=arguments.length,s=new Array(t>1?t-1:0),i=1;i<t;i++)s[i-1]=arguments[i];r.apply(void 0,[e].concat(s))}},c(),o&&!Pe.has(n)&&(console.warn(n),Pe.add(n))}catch(e){Ie.test(e.message)&&Pe.delete(n)}finally{console.error=r}}},Re=function(e,t,n){return void 0===n&&(n=E),e.theme!==n.theme&&e.theme||t||n.theme},De=/[!\"#$%&'()*+,./:;<=>?@[\\\\\\]^`{|}~-]+/g,je=/(^-|-$)/g;function Te(e){return e.replace(De,\"-\").replace(je,\"\")}var xe=function(e){return ee(ne(e)>>>0)};function ke(e){return\"string\"==typeof e&&(\"production\"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var Ve=function(e){return\"function\"==typeof e||\"object\"==typeof e&&null!==e&&!Array.isArray(e)},Be=function(e){return\"__proto__\"!==e&&\"constructor\"!==e&&\"prototype\"!==e};function ze(e,t,n){var r=e[n];Ve(t)&&Ve(r)?Me(r,t):e[n]=t}function Me(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];for(var o=0,s=n;o<s.length;o++){var i=s[o];if(Ve(i))for(var a in i)Be(a)&&ze(e,i[a],a)}return e}var Ge=r.createContext(),Le=Ge.Consumer;function Fe(e){var t=s(Ge),n=i((function(){return function(e,t){if(!e)return j(14);if(b(e)){var n=e(t);return\"production\"===process.env.NODE_ENV||null!==n&&!Array.isArray(n)&&\"object\"==typeof n?n:j(7)}return Array.isArray(e)||\"object\"!=typeof e?j(8):t?v({},t,{},e):e}(e.theme,t)}),[e.theme,t]);return e.children?r.createElement(Ge.Provider,{value:n},e.children):null}var Ye={};function qe(e,t,n){var o=N(e),i=!ke(e),a=t.attrs,c=void 0===a?w:a,d=t.componentId,h=void 0===d?function(e,t){var n=\"string\"!=typeof e?\"sc\":Te(e);Ye[n]=(Ye[n]||0)+1;var r=n+\"-\"+xe(\"5.3.5\"+n+Ye[n]);return t?t+\"-\"+r:r}(t.displayName,t.parentComponentId):d,p=t.displayName,f=void 0===p?function(e){return ke(e)?\"styled.\"+e:\"Styled(\"+_(e)+\")\"}(e):p,g=t.displayName&&t.componentId?Te(t.displayName)+\"-\"+t.componentId:t.componentId||h,S=o&&e.attrs?Array.prototype.concat(e.attrs,c).filter(Boolean):c,A=t.shouldForwardProp;o&&e.shouldForwardProp&&(A=t.shouldForwardProp?function(n,r,o){return e.shouldForwardProp(n,r,o)&&t.shouldForwardProp(n,r,o)}:e.shouldForwardProp);var C,I=new se(n,g,o?e.componentStyle:void 0),P=I.isStatic&&0===c.length,O=function(e,t){return function(e,t,n,r){var o=e.attrs,i=e.componentStyle,a=e.defaultProps,c=e.foldedComponentIds,d=e.shouldForwardProp,h=e.styledComponentId,p=e.target;\"production\"!==process.env.NODE_ENV&&l(h);var f=function(e,t,n){void 0===e&&(e=E);var r=v({},t,{theme:e}),o={};return n.forEach((function(e){var t,n,s,i=e;for(t in b(i)&&(i=i(r)),i)r[t]=o[t]=\"className\"===t?(n=o[t],s=i[t],n&&s?n+\" \"+s:n||s):i[t]})),[r,o]}(Re(t,s(Ge),a)||E,t,o),y=f[0],g=f[1],S=function(e,t,n,r){var o=fe(),s=me(),i=t?e.generateAndInjectStyles(E,o,s):e.generateAndInjectStyles(n,o,s);return\"production\"!==process.env.NODE_ENV&&l(i),\"production\"!==process.env.NODE_ENV&&!t&&r&&r(i),i}(i,r,y,\"production\"!==process.env.NODE_ENV?e.warnTooManyClasses:void 0),w=n,_=g.$as||t.$as||g.as||t.as||p,N=ke(_),A=g!==t?v({},t,{},g):t,C={};for(var I in A)\"$\"!==I[0]&&\"as\"!==I&&(\"forwardedAs\"===I?C.as=A[I]:(d?d(I,m,_):!N||m(I))&&(C[I]=A[I]));return t.style&&g.style!==t.style&&(C.style=v({},t.style,{},g.style)),C.className=Array.prototype.concat(c,h,S!==h?S:null,t.className,g.className).filter(Boolean).join(\" \"),C.ref=w,u(_,C)}(C,e,t,P)};return O.displayName=f,(C=r.forwardRef(O)).attrs=S,C.componentStyle=I,C.displayName=f,C.shouldForwardProp=A,C.foldedComponentIds=o?Array.prototype.concat(e.foldedComponentIds,e.styledComponentId):w,C.styledComponentId=g,C.target=o?e.target:e,C.withComponent=function(e){var r=t.componentId,o=function(e,t){if(null==e)return{};var n,r,o={},s=Object.keys(e);for(r=0;r<s.length;r++)n=s[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(t,[\"componentId\"]),s=r&&r+\"-\"+(ke(e)?e:Te(_(e)));return qe(e,v({},o,{attrs:S,componentId:s}),n)},Object.defineProperty(C,\"defaultProps\",{get:function(){return this._foldedDefaultProps},set:function(t){this._foldedDefaultProps=o?Me({},e.defaultProps,t):t}}),\"production\"!==process.env.NODE_ENV&&(Oe(f,g),C.warnTooManyClasses=function(e,t){var n={},r=!1;return function(o){if(!r&&(n[o]=!0,Object.keys(n).length>=200)){var s=t?' with the id of \"'+t+'\"':\"\";console.warn(\"Over 200 classes were generated for component \"+e+s+\".\\nConsider using the attrs method, together with a style object for frequently changed styles.\\nExample:\\n  const Component = styled.div.attrs(props => ({\\n    style: {\\n      background: props.background,\\n    },\\n  }))`width: 100%;`\\n\\n  <Component />\"),r=!0,n={}}}}(f,g)),C.toString=function(){return\".\"+C.styledComponentId},i&&y(C,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),C}var He=function(e){return function e(t,r,o){if(void 0===o&&(o=E),!n(r))return j(1,String(r));var s=function(){return t(r,o,Ce.apply(void 0,arguments))};return s.withConfig=function(n){return e(t,r,v({},o,{},n))},s.attrs=function(n){return e(t,r,v({},o,{attrs:Array.prototype.concat(o.attrs,n).filter(Boolean)}))},s}(qe,e)};[\"a\",\"abbr\",\"address\",\"area\",\"article\",\"aside\",\"audio\",\"b\",\"base\",\"bdi\",\"bdo\",\"big\",\"blockquote\",\"body\",\"br\",\"button\",\"canvas\",\"caption\",\"cite\",\"code\",\"col\",\"colgroup\",\"data\",\"datalist\",\"dd\",\"del\",\"details\",\"dfn\",\"dialog\",\"div\",\"dl\",\"dt\",\"em\",\"embed\",\"fieldset\",\"figcaption\",\"figure\",\"footer\",\"form\",\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\",\"head\",\"header\",\"hgroup\",\"hr\",\"html\",\"i\",\"iframe\",\"img\",\"input\",\"ins\",\"kbd\",\"keygen\",\"label\",\"legend\",\"li\",\"link\",\"main\",\"map\",\"mark\",\"marquee\",\"menu\",\"menuitem\",\"meta\",\"meter\",\"nav\",\"noscript\",\"object\",\"ol\",\"optgroup\",\"option\",\"output\",\"p\",\"param\",\"picture\",\"pre\",\"progress\",\"q\",\"rp\",\"rt\",\"ruby\",\"s\",\"samp\",\"script\",\"section\",\"select\",\"small\",\"source\",\"span\",\"strong\",\"style\",\"sub\",\"summary\",\"sup\",\"table\",\"tbody\",\"td\",\"textarea\",\"tfoot\",\"th\",\"thead\",\"time\",\"title\",\"tr\",\"track\",\"u\",\"ul\",\"var\",\"video\",\"wbr\",\"circle\",\"clipPath\",\"defs\",\"ellipse\",\"foreignObject\",\"g\",\"image\",\"line\",\"linearGradient\",\"marker\",\"mask\",\"path\",\"pattern\",\"polygon\",\"polyline\",\"radialGradient\",\"rect\",\"stop\",\"svg\",\"text\",\"textPath\",\"tspan\"].forEach((function(e){He[e]=He(e)}));var $e=function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=re(e),Z.registerId(this.componentId+1)}var t=e.prototype;return t.createStyles=function(e,t,n,r){var o=r(Ne(this.rules,t,n,r).join(\"\"),\"\"),s=this.componentId+e;n.insertRules(s,s,o)},t.removeStyles=function(e,t){t.clearRules(this.componentId+e)},t.renderStyles=function(e,t,n,r){e>2&&Z.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,r)},e}();function We(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),o=1;o<t;o++)n[o-1]=arguments[o];var i=Ce.apply(void 0,[e].concat(n)),a=\"sc-global-\"+xe(JSON.stringify(i)),u=new $e(i,a);function l(e){var t=fe(),n=me(),o=s(Ge),l=c(t.allocateGSInstance(a)).current;return\"production\"!==process.env.NODE_ENV&&r.Children.count(e.children)&&console.warn(\"The global style component \"+a+\" was given child JSX. createGlobalStyle does not render children.\"),\"production\"!==process.env.NODE_ENV&&i.some((function(e){return\"string\"==typeof e&&-1!==e.indexOf(\"@import\")}))&&console.warn(\"Please do not use @import CSS syntax in createGlobalStyle at this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such as react-helmet to inject a typical <link> meta tag to the stylesheet, or simply embedding it manually in your index.html <head> section for a simpler app.\"),t.server&&h(l,e,t,o,n),d((function(){if(!t.server)return h(l,e,t,o,n),function(){return u.removeStyles(l,t)}}),[l,e,t,o,n]),null}function h(e,t,n,r,o){if(u.isStatic)u.renderStyles(e,O,n,o);else{var s=v({},t,{theme:Re(t,r,l.defaultProps)});u.renderStyles(e,s,n,o)}}return\"production\"!==process.env.NODE_ENV&&Oe(a),r.memo(l)}function Ue(e){\"production\"!==process.env.NODE_ENV&&\"undefined\"!=typeof navigator&&\"ReactNative\"===navigator.product&&console.warn(\"`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.\");for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];var o=Ce.apply(void 0,[e].concat(n)).join(\"\"),s=xe(o);return new ve(s,o)}var Je=function(){function e(){var e=this;this._emitSheetCSS=function(){var t=e.instance.toString();if(!t)return\"\";var n=q();return\"<style \"+[n&&'nonce=\"'+n+'\"',A+'=\"true\"','data-styled-version=\"5.3.5\"'].filter(Boolean).join(\" \")+\">\"+t+\"</style>\"},this.getStyleTags=function(){return e.sealed?j(2):e._emitSheetCSS()},this.getStyleElement=function(){var t;if(e.sealed)return j(2);var n=((t={})[A]=\"\",t[\"data-styled-version\"]=\"5.3.5\",t.dangerouslySetInnerHTML={__html:e.instance.toString()},t),o=q();return o&&(n.nonce=o),[r.createElement(\"style\",v({},n,{key:\"sc-0-0\"}))]},this.seal=function(){e.sealed=!0},this.instance=new Z({isServer:!0}),this.sealed=!1}var t=e.prototype;return t.collectStyles=function(e){return this.sealed?j(2):r.createElement(ye,{sheet:this.instance},e)},t.interleaveWithNodeStream=function(e){return j(3)},e}(),Xe=function(e){var t=r.forwardRef((function(t,n){var o=s(Ge),i=e.defaultProps,a=Re(t,o,i);return\"production\"!==process.env.NODE_ENV&&void 0===a&&console.warn('[withTheme] You are not using a ThemeProvider nor passing a theme prop or a theme in defaultProps in component class \"'+_(e)+'\"'),r.createElement(e,v({},t,{theme:a,ref:n}))}));return y(t,e),t.displayName=\"WithTheme(\"+_(e)+\")\",t},Ze=function(){return s(Ge)},Ke={StyleSheet:Z,masterSheet:he};\"production\"!==process.env.NODE_ENV&&\"undefined\"!=typeof navigator&&\"ReactNative\"===navigator.product&&console.warn(\"It looks like you've imported 'styled-components' on React Native.\\nPerhaps you're looking to import 'styled-components/native'?\\nRead more about this at https://www.styled-components.com/docs/basics#react-native\"),\"production\"!==process.env.NODE_ENV&&\"test\"!==process.env.NODE_ENV&&\"undefined\"!=typeof window&&(window[\"__styled-components-init__\"]=window[\"__styled-components-init__\"]||0,1===window[\"__styled-components-init__\"]&&console.warn(\"It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\\n\\nSee https://s-c.sh/2BAXzed for more info.\"),window[\"__styled-components-init__\"]+=1);export default He;export{Je as ServerStyleSheet,le as StyleSheetConsumer,ue as StyleSheetContext,ye as StyleSheetManager,Le as ThemeConsumer,Ge as ThemeContext,Fe as ThemeProvider,Ke as __PRIVATE__,We as createGlobalStyle,Ce as css,N as isStyledComponent,Ue as keyframes,Ze as useTheme,C as version,Xe as withTheme};\n//# sourceMappingURL=styled-components.browser.esm.js.map\n","/**\n * @license React\n * react-is.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n  REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n  REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n  REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n  REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\");\nSymbol.for(\"react.provider\");\nvar REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n  REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n  REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n  REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n  REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n  REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n  REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n  REACT_OFFSCREEN_TYPE = Symbol.for(\"react.offscreen\"),\n  REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\");\nfunction typeOf(object) {\n  if (\"object\" === typeof object && null !== object) {\n    var $$typeof = object.$$typeof;\n    switch ($$typeof) {\n      case REACT_ELEMENT_TYPE:\n        switch (((object = object.type), object)) {\n          case REACT_FRAGMENT_TYPE:\n          case REACT_PROFILER_TYPE:\n          case REACT_STRICT_MODE_TYPE:\n          case REACT_SUSPENSE_TYPE:\n          case REACT_SUSPENSE_LIST_TYPE:\n            return object;\n          default:\n            switch (((object = object && object.$$typeof), object)) {\n              case REACT_CONTEXT_TYPE:\n              case REACT_FORWARD_REF_TYPE:\n              case REACT_LAZY_TYPE:\n              case REACT_MEMO_TYPE:\n                return object;\n              case REACT_CONSUMER_TYPE:\n                return object;\n              default:\n                return $$typeof;\n            }\n        }\n      case REACT_PORTAL_TYPE:\n        return $$typeof;\n    }\n  }\n}\nexports.ContextConsumer = REACT_CONSUMER_TYPE;\nexports.ContextProvider = REACT_CONTEXT_TYPE;\nexports.Element = REACT_ELEMENT_TYPE;\nexports.ForwardRef = REACT_FORWARD_REF_TYPE;\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.Lazy = REACT_LAZY_TYPE;\nexports.Memo = REACT_MEMO_TYPE;\nexports.Portal = REACT_PORTAL_TYPE;\nexports.Profiler = REACT_PROFILER_TYPE;\nexports.StrictMode = REACT_STRICT_MODE_TYPE;\nexports.Suspense = REACT_SUSPENSE_TYPE;\nexports.SuspenseList = REACT_SUSPENSE_LIST_TYPE;\nexports.isContextConsumer = function (object) {\n  return typeOf(object) === REACT_CONSUMER_TYPE;\n};\nexports.isContextProvider = function (object) {\n  return typeOf(object) === REACT_CONTEXT_TYPE;\n};\nexports.isElement = function (object) {\n  return (\n    \"object\" === typeof object &&\n    null !== object &&\n    object.$$typeof === REACT_ELEMENT_TYPE\n  );\n};\nexports.isForwardRef = function (object) {\n  return typeOf(object) === REACT_FORWARD_REF_TYPE;\n};\nexports.isFragment = function (object) {\n  return typeOf(object) === REACT_FRAGMENT_TYPE;\n};\nexports.isLazy = function (object) {\n  return typeOf(object) === REACT_LAZY_TYPE;\n};\nexports.isMemo = function (object) {\n  return typeOf(object) === REACT_MEMO_TYPE;\n};\nexports.isPortal = function (object) {\n  return typeOf(object) === REACT_PORTAL_TYPE;\n};\nexports.isProfiler = function (object) {\n  return typeOf(object) === REACT_PROFILER_TYPE;\n};\nexports.isStrictMode = function (object) {\n  return typeOf(object) === REACT_STRICT_MODE_TYPE;\n};\nexports.isSuspense = function (object) {\n  return typeOf(object) === REACT_SUSPENSE_TYPE;\n};\nexports.isSuspenseList = function (object) {\n  return typeOf(object) === REACT_SUSPENSE_LIST_TYPE;\n};\nexports.isValidElementType = function (type) {\n  return \"string\" === typeof type ||\n    \"function\" === typeof type ||\n    type === REACT_FRAGMENT_TYPE ||\n    type === REACT_PROFILER_TYPE ||\n    type === REACT_STRICT_MODE_TYPE ||\n    type === REACT_SUSPENSE_TYPE ||\n    type === REACT_SUSPENSE_LIST_TYPE ||\n    type === REACT_OFFSCREEN_TYPE ||\n    (\"object\" === typeof type &&\n      null !== type &&\n      (type.$$typeof === REACT_LAZY_TYPE ||\n        type.$$typeof === REACT_MEMO_TYPE ||\n        type.$$typeof === REACT_CONTEXT_TYPE ||\n        type.$$typeof === REACT_CONSUMER_TYPE ||\n        type.$$typeof === REACT_FORWARD_REF_TYPE ||\n        type.$$typeof === REACT_CLIENT_REFERENCE ||\n        void 0 !== type.getModuleId))\n    ? !0\n    : !1;\n};\nexports.typeOf = typeOf;\n","\nmodule.exports = function () {\n  var selection = document.getSelection();\n  if (!selection.rangeCount) {\n    return function () {};\n  }\n  var active = document.activeElement;\n\n  var ranges = [];\n  for (var i = 0; i < selection.rangeCount; i++) {\n    ranges.push(selection.getRangeAt(i));\n  }\n\n  switch (active.tagName.toUpperCase()) { // .toUpperCase handles XHTML\n    case 'INPUT':\n    case 'TEXTAREA':\n      active.blur();\n      break;\n\n    default:\n      active = null;\n      break;\n  }\n\n  selection.removeAllRanges();\n  return function () {\n    selection.type === 'Caret' &&\n    selection.removeAllRanges();\n\n    if (!selection.rangeCount) {\n      ranges.forEach(function(range) {\n        selection.addRange(range);\n      });\n    }\n\n    active &&\n    active.focus();\n  };\n};\n","/////////////////////////////////////////////////////////////////////////////////\n/* UAParser.js v1.0.38\n   Copyright © 2012-2021 Faisal Salman <f@faisalman.com>\n   MIT License *//*\n   Detect Browser, Engine, OS, CPU, and Device type/model from User-Agent data.\n   Supports browser & node.js environment. \n   Demo   : https://faisalman.github.io/ua-parser-js\n   Source : https://github.com/faisalman/ua-parser-js */\n/////////////////////////////////////////////////////////////////////////////////\n\n(function (window, undefined) {\n\n    'use strict';\n\n    //////////////\n    // Constants\n    /////////////\n\n\n    var LIBVERSION  = '1.0.38',\n        EMPTY       = '',\n        UNKNOWN     = '?',\n        FUNC_TYPE   = 'function',\n        UNDEF_TYPE  = 'undefined',\n        OBJ_TYPE    = 'object',\n        STR_TYPE    = 'string',\n        MAJOR       = 'major',\n        MODEL       = 'model',\n        NAME        = 'name',\n        TYPE        = 'type',\n        VENDOR      = 'vendor',\n        VERSION     = 'version',\n        ARCHITECTURE= 'architecture',\n        CONSOLE     = 'console',\n        MOBILE      = 'mobile',\n        TABLET      = 'tablet',\n        SMARTTV     = 'smarttv',\n        WEARABLE    = 'wearable',\n        EMBEDDED    = 'embedded',\n        UA_MAX_LENGTH = 500;\n\n    var AMAZON  = 'Amazon',\n        APPLE   = 'Apple',\n        ASUS    = 'ASUS',\n        BLACKBERRY = 'BlackBerry',\n        BROWSER = 'Browser',\n        CHROME  = 'Chrome',\n        EDGE    = 'Edge',\n        FIREFOX = 'Firefox',\n        GOOGLE  = 'Google',\n        HUAWEI  = 'Huawei',\n        LG      = 'LG',\n        MICROSOFT = 'Microsoft',\n        MOTOROLA  = 'Motorola',\n        OPERA   = 'Opera',\n        SAMSUNG = 'Samsung',\n        SHARP   = 'Sharp',\n        SONY    = 'Sony',\n        XIAOMI  = 'Xiaomi',\n        ZEBRA   = 'Zebra',\n        FACEBOOK    = 'Facebook',\n        CHROMIUM_OS = 'Chromium OS',\n        MAC_OS  = 'Mac OS';\n\n    ///////////\n    // Helper\n    //////////\n\n    var extend = function (regexes, extensions) {\n            var mergedRegexes = {};\n            for (var i in regexes) {\n                if (extensions[i] && extensions[i].length % 2 === 0) {\n                    mergedRegexes[i] = extensions[i].concat(regexes[i]);\n                } else {\n                    mergedRegexes[i] = regexes[i];\n                }\n            }\n            return mergedRegexes;\n        },\n        enumerize = function (arr) {\n            var enums = {};\n            for (var i=0; i<arr.length; i++) {\n                enums[arr[i].toUpperCase()] = arr[i];\n            }\n            return enums;\n        },\n        has = function (str1, str2) {\n            return typeof str1 === STR_TYPE ? lowerize(str2).indexOf(lowerize(str1)) !== -1 : false;\n        },\n        lowerize = function (str) {\n            return str.toLowerCase();\n        },\n        majorize = function (version) {\n            return typeof(version) === STR_TYPE ? version.replace(/[^\\d\\.]/g, EMPTY).split('.')[0] : undefined;\n        },\n        trim = function (str, len) {\n            if (typeof(str) === STR_TYPE) {\n                str = str.replace(/^\\s\\s*/, EMPTY);\n                return typeof(len) === UNDEF_TYPE ? str : str.substring(0, UA_MAX_LENGTH);\n            }\n    };\n\n    ///////////////\n    // Map helper\n    //////////////\n\n    var rgxMapper = function (ua, arrays) {\n\n            var i = 0, j, k, p, q, matches, match;\n\n            // loop through all regexes maps\n            while (i < arrays.length && !matches) {\n\n                var regex = arrays[i],       // even sequence (0,2,4,..)\n                    props = arrays[i + 1];   // odd sequence (1,3,5,..)\n                j = k = 0;\n\n                // try matching uastring with regexes\n                while (j < regex.length && !matches) {\n\n                    if (!regex[j]) { break; }\n                    matches = regex[j++].exec(ua);\n\n                    if (!!matches) {\n                        for (p = 0; p < props.length; p++) {\n                            match = matches[++k];\n                            q = props[p];\n                            // check if given property is actually array\n                            if (typeof q === OBJ_TYPE && q.length > 0) {\n                                if (q.length === 2) {\n                                    if (typeof q[1] == FUNC_TYPE) {\n                                        // assign modified match\n                                        this[q[0]] = q[1].call(this, match);\n                                    } else {\n                                        // assign given value, ignore regex match\n                                        this[q[0]] = q[1];\n                                    }\n                                } else if (q.length === 3) {\n                                    // check whether function or regex\n                                    if (typeof q[1] === FUNC_TYPE && !(q[1].exec && q[1].test)) {\n                                        // call function (usually string mapper)\n                                        this[q[0]] = match ? q[1].call(this, match, q[2]) : undefined;\n                                    } else {\n                                        // sanitize match using given regex\n                                        this[q[0]] = match ? match.replace(q[1], q[2]) : undefined;\n                                    }\n                                } else if (q.length === 4) {\n                                        this[q[0]] = match ? q[3].call(this, match.replace(q[1], q[2])) : undefined;\n                                }\n                            } else {\n                                this[q] = match ? match : undefined;\n                            }\n                        }\n                    }\n                }\n                i += 2;\n            }\n        },\n\n        strMapper = function (str, map) {\n\n            for (var i in map) {\n                // check if current value is array\n                if (typeof map[i] === OBJ_TYPE && map[i].length > 0) {\n                    for (var j = 0; j < map[i].length; j++) {\n                        if (has(map[i][j], str)) {\n                            return (i === UNKNOWN) ? undefined : i;\n                        }\n                    }\n                } else if (has(map[i], str)) {\n                    return (i === UNKNOWN) ? undefined : i;\n                }\n            }\n            return str;\n    };\n\n    ///////////////\n    // String map\n    //////////////\n\n    // Safari < 3.0\n    var oldSafariMap = {\n            '1.0'   : '/8',\n            '1.2'   : '/1',\n            '1.3'   : '/3',\n            '2.0'   : '/412',\n            '2.0.2' : '/416',\n            '2.0.3' : '/417',\n            '2.0.4' : '/419',\n            '?'     : '/'\n        },\n        windowsVersionMap = {\n            'ME'        : '4.90',\n            'NT 3.11'   : 'NT3.51',\n            'NT 4.0'    : 'NT4.0',\n            '2000'      : 'NT 5.0',\n            'XP'        : ['NT 5.1', 'NT 5.2'],\n            'Vista'     : 'NT 6.0',\n            '7'         : 'NT 6.1',\n            '8'         : 'NT 6.2',\n            '8.1'       : 'NT 6.3',\n            '10'        : ['NT 6.4', 'NT 10.0'],\n            'RT'        : 'ARM'\n    };\n\n    //////////////\n    // Regex map\n    /////////////\n\n    var regexes = {\n\n        browser : [[\n\n            /\\b(?:crmo|crios)\\/([\\w\\.]+)/i                                      // Chrome for Android/iOS\n            ], [VERSION, [NAME, 'Chrome']], [\n            /edg(?:e|ios|a)?\\/([\\w\\.]+)/i                                       // Microsoft Edge\n            ], [VERSION, [NAME, 'Edge']], [\n\n            // Presto based\n            /(opera mini)\\/([-\\w\\.]+)/i,                                        // Opera Mini\n            /(opera [mobiletab]{3,6})\\b.+version\\/([-\\w\\.]+)/i,                 // Opera Mobi/Tablet\n            /(opera)(?:.+version\\/|[\\/ ]+)([\\w\\.]+)/i                           // Opera\n            ], [NAME, VERSION], [\n            /opios[\\/ ]+([\\w\\.]+)/i                                             // Opera mini on iphone >= 8.0\n            ], [VERSION, [NAME, OPERA+' Mini']], [\n            /\\bop(?:rg)?x\\/([\\w\\.]+)/i                                          // Opera GX\n            ], [VERSION, [NAME, OPERA+' GX']], [\n            /\\bopr\\/([\\w\\.]+)/i                                                 // Opera Webkit\n            ], [VERSION, [NAME, OPERA]], [\n\n            // Mixed\n            /\\bb[ai]*d(?:uhd|[ub]*[aekoprswx]{5,6})[\\/ ]?([\\w\\.]+)/i            // Baidu\n            ], [VERSION, [NAME, 'Baidu']], [\n            /(kindle)\\/([\\w\\.]+)/i,                                             // Kindle\n            /(lunascape|maxthon|netfront|jasmine|blazer)[\\/ ]?([\\w\\.]*)/i,      // Lunascape/Maxthon/Netfront/Jasmine/Blazer\n            // Trident based\n            /(avant|iemobile|slim)\\s?(?:browser)?[\\/ ]?([\\w\\.]*)/i,             // Avant/IEMobile/SlimBrowser\n            /(?:ms|\\()(ie) ([\\w\\.]+)/i,                                         // Internet Explorer\n\n            // Webkit/KHTML based                                               // Flock/RockMelt/Midori/Epiphany/Silk/Skyfire/Bolt/Iron/Iridium/PhantomJS/Bowser/QupZilla/Falkon\n            /(flock|rockmelt|midori|epiphany|silk|skyfire|bolt|iron|vivaldi|iridium|phantomjs|bowser|quark|qupzilla|falkon|rekonq|puffin|brave|whale(?!.+naver)|qqbrowserlite|qq|duckduckgo)\\/([-\\w\\.]+)/i,\n                                                                                // Rekonq/Puffin/Brave/Whale/QQBrowserLite/QQ, aka ShouQ\n            /(heytap|ovi)browser\\/([\\d\\.]+)/i,                                  // Heytap/Ovi\n            /(weibo)__([\\d\\.]+)/i                                               // Weibo\n            ], [NAME, VERSION], [\n            /\\bddg\\/([\\w\\.]+)/i                                                 // DuckDuckGo\n            ], [VERSION, [NAME, 'DuckDuckGo']], [\n            /(?:\\buc? ?browser|(?:juc.+)ucweb)[\\/ ]?([\\w\\.]+)/i                 // UCBrowser\n            ], [VERSION, [NAME, 'UC'+BROWSER]], [\n            /microm.+\\bqbcore\\/([\\w\\.]+)/i,                                     // WeChat Desktop for Windows Built-in Browser\n            /\\bqbcore\\/([\\w\\.]+).+microm/i,\n            /micromessenger\\/([\\w\\.]+)/i                                        // WeChat\n            ], [VERSION, [NAME, 'WeChat']], [\n            /konqueror\\/([\\w\\.]+)/i                                             // Konqueror\n            ], [VERSION, [NAME, 'Konqueror']], [\n            /trident.+rv[: ]([\\w\\.]{1,9})\\b.+like gecko/i                       // IE11\n            ], [VERSION, [NAME, 'IE']], [\n            /ya(?:search)?browser\\/([\\w\\.]+)/i                                  // Yandex\n            ], [VERSION, [NAME, 'Yandex']], [\n            /slbrowser\\/([\\w\\.]+)/i                                             // Smart Lenovo Browser\n            ], [VERSION, [NAME, 'Smart Lenovo '+BROWSER]], [\n            /(avast|avg)\\/([\\w\\.]+)/i                                           // Avast/AVG Secure Browser\n            ], [[NAME, /(.+)/, '$1 Secure '+BROWSER], VERSION], [\n            /\\bfocus\\/([\\w\\.]+)/i                                               // Firefox Focus\n            ], [VERSION, [NAME, FIREFOX+' Focus']], [\n            /\\bopt\\/([\\w\\.]+)/i                                                 // Opera Touch\n            ], [VERSION, [NAME, OPERA+' Touch']], [\n            /coc_coc\\w+\\/([\\w\\.]+)/i                                            // Coc Coc Browser\n            ], [VERSION, [NAME, 'Coc Coc']], [\n            /dolfin\\/([\\w\\.]+)/i                                                // Dolphin\n            ], [VERSION, [NAME, 'Dolphin']], [\n            /coast\\/([\\w\\.]+)/i                                                 // Opera Coast\n            ], [VERSION, [NAME, OPERA+' Coast']], [\n            /miuibrowser\\/([\\w\\.]+)/i                                           // MIUI Browser\n            ], [VERSION, [NAME, 'MIUI '+BROWSER]], [\n            /fxios\\/([-\\w\\.]+)/i                                                // Firefox for iOS\n            ], [VERSION, [NAME, FIREFOX]], [\n            /\\bqihu|(qi?ho?o?|360)browser/i                                     // 360\n            ], [[NAME, '360 ' + BROWSER]], [\n            /(oculus|sailfish|huawei|vivo)browser\\/([\\w\\.]+)/i\n            ], [[NAME, /(.+)/, '$1 ' + BROWSER], VERSION], [                    // Oculus/Sailfish/HuaweiBrowser/VivoBrowser\n            /samsungbrowser\\/([\\w\\.]+)/i                                        // Samsung Internet\n            ], [VERSION, [NAME, SAMSUNG + ' Internet']], [\n            /(comodo_dragon)\\/([\\w\\.]+)/i                                       // Comodo Dragon\n            ], [[NAME, /_/g, ' '], VERSION], [\n            /metasr[\\/ ]?([\\d\\.]+)/i                                            // Sogou Explorer\n            ], [VERSION, [NAME, 'Sogou Explorer']], [\n            /(sogou)mo\\w+\\/([\\d\\.]+)/i                                          // Sogou Mobile\n            ], [[NAME, 'Sogou Mobile'], VERSION], [\n            /(electron)\\/([\\w\\.]+) safari/i,                                    // Electron-based App\n            /(tesla)(?: qtcarbrowser|\\/(20\\d\\d\\.[-\\w\\.]+))/i,                   // Tesla\n            /m?(qqbrowser|2345Explorer)[\\/ ]?([\\w\\.]+)/i                        // QQBrowser/2345 Browser\n            ], [NAME, VERSION], [\n            /(lbbrowser)/i,                                                     // LieBao Browser\n            /\\[(linkedin)app\\]/i                                                // LinkedIn App for iOS & Android\n            ], [NAME], [\n\n            // WebView\n            /((?:fban\\/fbios|fb_iab\\/fb4a)(?!.+fbav)|;fbav\\/([\\w\\.]+);)/i       // Facebook App for iOS & Android\n            ], [[NAME, FACEBOOK], VERSION], [\n            /(Klarna)\\/([\\w\\.]+)/i,                                             // Klarna Shopping Browser for iOS & Android\n            /(kakao(?:talk|story))[\\/ ]([\\w\\.]+)/i,                             // Kakao App\n            /(naver)\\(.*?(\\d+\\.[\\w\\.]+).*\\)/i,                                  // Naver InApp\n            /safari (line)\\/([\\w\\.]+)/i,                                        // Line App for iOS\n            /\\b(line)\\/([\\w\\.]+)\\/iab/i,                                        // Line App for Android\n            /(alipay)client\\/([\\w\\.]+)/i,                                       // Alipay\n            /(twitter)(?:and| f.+e\\/([\\w\\.]+))/i,                               // Twitter\n            /(chromium|instagram|snapchat)[\\/ ]([-\\w\\.]+)/i                     // Chromium/Instagram/Snapchat\n            ], [NAME, VERSION], [\n            /\\bgsa\\/([\\w\\.]+) .*safari\\//i                                      // Google Search Appliance on iOS\n            ], [VERSION, [NAME, 'GSA']], [\n            /musical_ly(?:.+app_?version\\/|_)([\\w\\.]+)/i                        // TikTok\n            ], [VERSION, [NAME, 'TikTok']], [\n\n            /headlesschrome(?:\\/([\\w\\.]+)| )/i                                  // Chrome Headless\n            ], [VERSION, [NAME, CHROME+' Headless']], [\n\n            / wv\\).+(chrome)\\/([\\w\\.]+)/i                                       // Chrome WebView\n            ], [[NAME, CHROME+' WebView'], VERSION], [\n\n            /droid.+ version\\/([\\w\\.]+)\\b.+(?:mobile safari|safari)/i           // Android Browser\n            ], [VERSION, [NAME, 'Android '+BROWSER]], [\n\n            /(chrome|omniweb|arora|[tizenoka]{5} ?browser)\\/v?([\\w\\.]+)/i       // Chrome/OmniWeb/Arora/Tizen/Nokia\n            ], [NAME, VERSION], [\n\n            /version\\/([\\w\\.\\,]+) .*mobile\\/\\w+ (safari)/i                      // Mobile Safari\n            ], [VERSION, [NAME, 'Mobile Safari']], [\n            /version\\/([\\w(\\.|\\,)]+) .*(mobile ?safari|safari)/i                // Safari & Safari Mobile\n            ], [VERSION, NAME], [\n            /webkit.+?(mobile ?safari|safari)(\\/[\\w\\.]+)/i                      // Safari < 3.0\n            ], [NAME, [VERSION, strMapper, oldSafariMap]], [\n\n            /(webkit|khtml)\\/([\\w\\.]+)/i\n            ], [NAME, VERSION], [\n\n            // Gecko based\n            /(navigator|netscape\\d?)\\/([-\\w\\.]+)/i                              // Netscape\n            ], [[NAME, 'Netscape'], VERSION], [\n            /mobile vr; rv:([\\w\\.]+)\\).+firefox/i                               // Firefox Reality\n            ], [VERSION, [NAME, FIREFOX+' Reality']], [\n            /ekiohf.+(flow)\\/([\\w\\.]+)/i,                                       // Flow\n            /(swiftfox)/i,                                                      // Swiftfox\n            /(icedragon|iceweasel|camino|chimera|fennec|maemo browser|minimo|conkeror|klar)[\\/ ]?([\\w\\.\\+]+)/i,\n                                                                                // IceDragon/Iceweasel/Camino/Chimera/Fennec/Maemo/Minimo/Conkeror/Klar\n            /(seamonkey|k-meleon|icecat|iceape|firebird|phoenix|palemoon|basilisk|waterfox)\\/([-\\w\\.]+)$/i,\n                                                                                // Firefox/SeaMonkey/K-Meleon/IceCat/IceApe/Firebird/Phoenix\n            /(firefox)\\/([\\w\\.]+)/i,                                            // Other Firefox-based\n            /(mozilla)\\/([\\w\\.]+) .+rv\\:.+gecko\\/\\d+/i,                         // Mozilla\n\n            // Other\n            /(polaris|lynx|dillo|icab|doris|amaya|w3m|netsurf|sleipnir|obigo|mosaic|(?:go|ice|up)[\\. ]?browser)[-\\/ ]?v?([\\w\\.]+)/i,\n                                                                                // Polaris/Lynx/Dillo/iCab/Doris/Amaya/w3m/NetSurf/Sleipnir/Obigo/Mosaic/Go/ICE/UP.Browser\n            /(links) \\(([\\w\\.]+)/i,                                             // Links\n            /panasonic;(viera)/i                                                // Panasonic Viera\n            ], [NAME, VERSION], [\n            \n            /(cobalt)\\/([\\w\\.]+)/i                                              // Cobalt\n            ], [NAME, [VERSION, /master.|lts./, \"\"]]\n        ],\n\n        cpu : [[\n\n            /(?:(amd|x(?:(?:86|64)[-_])?|wow|win)64)[;\\)]/i                     // AMD64 (x64)\n            ], [[ARCHITECTURE, 'amd64']], [\n\n            /(ia32(?=;))/i                                                      // IA32 (quicktime)\n            ], [[ARCHITECTURE, lowerize]], [\n\n            /((?:i[346]|x)86)[;\\)]/i                                            // IA32 (x86)\n            ], [[ARCHITECTURE, 'ia32']], [\n\n            /\\b(aarch64|arm(v?8e?l?|_?64))\\b/i                                 // ARM64\n            ], [[ARCHITECTURE, 'arm64']], [\n\n            /\\b(arm(?:v[67])?ht?n?[fl]p?)\\b/i                                   // ARMHF\n            ], [[ARCHITECTURE, 'armhf']], [\n\n            // PocketPC mistakenly identified as PowerPC\n            /windows (ce|mobile); ppc;/i\n            ], [[ARCHITECTURE, 'arm']], [\n\n            /((?:ppc|powerpc)(?:64)?)(?: mac|;|\\))/i                            // PowerPC\n            ], [[ARCHITECTURE, /ower/, EMPTY, lowerize]], [\n\n            /(sun4\\w)[;\\)]/i                                                    // SPARC\n            ], [[ARCHITECTURE, 'sparc']], [\n\n            /((?:avr32|ia64(?=;))|68k(?=\\))|\\barm(?=v(?:[1-7]|[5-7]1)l?|;|eabi)|(?=atmel )avr|(?:irix|mips|sparc)(?:64)?\\b|pa-risc)/i\n                                                                                // IA64, 68K, ARM/64, AVR/32, IRIX/64, MIPS/64, SPARC/64, PA-RISC\n            ], [[ARCHITECTURE, lowerize]]\n        ],\n\n        device : [[\n\n            //////////////////////////\n            // MOBILES & TABLETS\n            /////////////////////////\n\n            // Samsung\n            /\\b(sch-i[89]0\\d|shw-m380s|sm-[ptx]\\w{2,4}|gt-[pn]\\d{2,4}|sgh-t8[56]9|nexus 10)/i\n            ], [MODEL, [VENDOR, SAMSUNG], [TYPE, TABLET]], [\n            /\\b((?:s[cgp]h|gt|sm)-\\w+|sc[g-]?[\\d]+a?|galaxy nexus)/i,\n            /samsung[- ]([-\\w]+)/i,\n            /sec-(sgh\\w+)/i\n            ], [MODEL, [VENDOR, SAMSUNG], [TYPE, MOBILE]], [\n\n            // Apple\n            /(?:\\/|\\()(ip(?:hone|od)[\\w, ]*)(?:\\/|;)/i                          // iPod/iPhone\n            ], [MODEL, [VENDOR, APPLE], [TYPE, MOBILE]], [\n            /\\((ipad);[-\\w\\),; ]+apple/i,                                       // iPad\n            /applecoremedia\\/[\\w\\.]+ \\((ipad)/i,\n            /\\b(ipad)\\d\\d?,\\d\\d?[;\\]].+ios/i\n            ], [MODEL, [VENDOR, APPLE], [TYPE, TABLET]], [\n            /(macintosh);/i\n            ], [MODEL, [VENDOR, APPLE]], [\n\n            // Sharp\n            /\\b(sh-?[altvz]?\\d\\d[a-ekm]?)/i\n            ], [MODEL, [VENDOR, SHARP], [TYPE, MOBILE]], [\n\n            // Huawei\n            /\\b((?:ag[rs][23]?|bah2?|sht?|btv)-a?[lw]\\d{2})\\b(?!.+d\\/s)/i\n            ], [MODEL, [VENDOR, HUAWEI], [TYPE, TABLET]], [\n            /(?:huawei|honor)([-\\w ]+)[;\\)]/i,\n            /\\b(nexus 6p|\\w{2,4}e?-[atu]?[ln][\\dx][012359c][adn]?)\\b(?!.+d\\/s)/i\n            ], [MODEL, [VENDOR, HUAWEI], [TYPE, MOBILE]], [\n\n            // Xiaomi\n            /\\b(poco[\\w ]+|m2\\d{3}j\\d\\d[a-z]{2})(?: bui|\\))/i,                  // Xiaomi POCO\n            /\\b; (\\w+) build\\/hm\\1/i,                                           // Xiaomi Hongmi 'numeric' models\n            /\\b(hm[-_ ]?note?[_ ]?(?:\\d\\w)?) bui/i,                             // Xiaomi Hongmi\n            /\\b(redmi[\\-_ ]?(?:note|k)?[\\w_ ]+)(?: bui|\\))/i,                   // Xiaomi Redmi\n            /oid[^\\)]+; (m?[12][0-389][01]\\w{3,6}[c-y])( bui|; wv|\\))/i,        // Xiaomi Redmi 'numeric' models\n            /\\b(mi[-_ ]?(?:a\\d|one|one[_ ]plus|note lte|max|cc)?[_ ]?(?:\\d?\\w?)[_ ]?(?:plus|se|lite)?)(?: bui|\\))/i // Xiaomi Mi\n            ], [[MODEL, /_/g, ' '], [VENDOR, XIAOMI], [TYPE, MOBILE]], [\n            /oid[^\\)]+; (2\\d{4}(283|rpbf)[cgl])( bui|\\))/i,                     // Redmi Pad\n            /\\b(mi[-_ ]?(?:pad)(?:[\\w_ ]+))(?: bui|\\))/i                        // Mi Pad tablets\n            ],[[MODEL, /_/g, ' '], [VENDOR, XIAOMI], [TYPE, TABLET]], [\n\n            // OPPO\n            /; (\\w+) bui.+ oppo/i,\n            /\\b(cph[12]\\d{3}|p(?:af|c[al]|d\\w|e[ar])[mt]\\d0|x9007|a101op)\\b/i\n            ], [MODEL, [VENDOR, 'OPPO'], [TYPE, MOBILE]], [\n            /\\b(opd2\\d{3}a?) bui/i\n            ], [MODEL, [VENDOR, 'OPPO'], [TYPE, TABLET]], [\n\n            // Vivo\n            /vivo (\\w+)(?: bui|\\))/i,\n            /\\b(v[12]\\d{3}\\w?[at])(?: bui|;)/i\n            ], [MODEL, [VENDOR, 'Vivo'], [TYPE, MOBILE]], [\n\n            // Realme\n            /\\b(rmx[1-3]\\d{3})(?: bui|;|\\))/i\n            ], [MODEL, [VENDOR, 'Realme'], [TYPE, MOBILE]], [\n\n            // Motorola\n            /\\b(milestone|droid(?:[2-4x]| (?:bionic|x2|pro|razr))?:?( 4g)?)\\b[\\w ]+build\\//i,\n            /\\bmot(?:orola)?[- ](\\w*)/i,\n            /((?:moto[\\w\\(\\) ]+|xt\\d{3,4}|nexus 6)(?= bui|\\)))/i\n            ], [MODEL, [VENDOR, MOTOROLA], [TYPE, MOBILE]], [\n            /\\b(mz60\\d|xoom[2 ]{0,2}) build\\//i\n            ], [MODEL, [VENDOR, MOTOROLA], [TYPE, TABLET]], [\n\n            // LG\n            /((?=lg)?[vl]k\\-?\\d{3}) bui| 3\\.[-\\w; ]{10}lg?-([06cv9]{3,4})/i\n            ], [MODEL, [VENDOR, LG], [TYPE, TABLET]], [\n            /(lm(?:-?f100[nv]?|-[\\w\\.]+)(?= bui|\\))|nexus [45])/i,\n            /\\blg[-e;\\/ ]+((?!browser|netcast|android tv)\\w+)/i,\n            /\\blg-?([\\d\\w]+) bui/i\n            ], [MODEL, [VENDOR, LG], [TYPE, MOBILE]], [\n\n            // Lenovo\n            /(ideatab[-\\w ]+)/i,\n            /lenovo ?(s[56]000[-\\w]+|tab(?:[\\w ]+)|yt[-\\d\\w]{6}|tb[-\\d\\w]{6})/i\n            ], [MODEL, [VENDOR, 'Lenovo'], [TYPE, TABLET]], [\n\n            // Nokia\n            /(?:maemo|nokia).*(n900|lumia \\d+)/i,\n            /nokia[-_ ]?([-\\w\\.]*)/i\n            ], [[MODEL, /_/g, ' '], [VENDOR, 'Nokia'], [TYPE, MOBILE]], [\n\n            // Google\n            /(pixel c)\\b/i                                                      // Google Pixel C\n            ], [MODEL, [VENDOR, GOOGLE], [TYPE, TABLET]], [\n            /droid.+; (pixel[\\daxl ]{0,6})(?: bui|\\))/i                         // Google Pixel\n            ], [MODEL, [VENDOR, GOOGLE], [TYPE, MOBILE]], [\n\n            // Sony\n            /droid.+ (a?\\d[0-2]{2}so|[c-g]\\d{4}|so[-gl]\\w+|xq-a\\w[4-7][12])(?= bui|\\).+chrome\\/(?![1-6]{0,1}\\d\\.))/i\n            ], [MODEL, [VENDOR, SONY], [TYPE, MOBILE]], [\n            /sony tablet [ps]/i,\n            /\\b(?:sony)?sgp\\w+(?: bui|\\))/i\n            ], [[MODEL, 'Xperia Tablet'], [VENDOR, SONY], [TYPE, TABLET]], [\n\n            // OnePlus\n            / (kb2005|in20[12]5|be20[12][59])\\b/i,\n            /(?:one)?(?:plus)? (a\\d0\\d\\d)(?: b|\\))/i\n            ], [MODEL, [VENDOR, 'OnePlus'], [TYPE, MOBILE]], [\n\n            // Amazon\n            /(alexa)webm/i,\n            /(kf[a-z]{2}wi|aeo[c-r]{2})( bui|\\))/i,                             // Kindle Fire without Silk / Echo Show\n            /(kf[a-z]+)( bui|\\)).+silk\\//i                                      // Kindle Fire HD\n            ], [MODEL, [VENDOR, AMAZON], [TYPE, TABLET]], [\n            /((?:sd|kf)[0349hijorstuw]+)( bui|\\)).+silk\\//i                     // Fire Phone\n            ], [[MODEL, /(.+)/g, 'Fire Phone $1'], [VENDOR, AMAZON], [TYPE, MOBILE]], [\n\n            // BlackBerry\n            /(playbook);[-\\w\\),; ]+(rim)/i                                      // BlackBerry PlayBook\n            ], [MODEL, VENDOR, [TYPE, TABLET]], [\n            /\\b((?:bb[a-f]|st[hv])100-\\d)/i,\n            /\\(bb10; (\\w+)/i                                                    // BlackBerry 10\n            ], [MODEL, [VENDOR, BLACKBERRY], [TYPE, MOBILE]], [\n\n            // Asus\n            /(?:\\b|asus_)(transfo[prime ]{4,10} \\w+|eeepc|slider \\w+|nexus 7|padfone|p00[cj])/i\n            ], [MODEL, [VENDOR, ASUS], [TYPE, TABLET]], [\n            / (z[bes]6[027][012][km][ls]|zenfone \\d\\w?)\\b/i\n            ], [MODEL, [VENDOR, ASUS], [TYPE, MOBILE]], [\n\n            // HTC\n            /(nexus 9)/i                                                        // HTC Nexus 9\n            ], [MODEL, [VENDOR, 'HTC'], [TYPE, TABLET]], [\n            /(htc)[-;_ ]{1,2}([\\w ]+(?=\\)| bui)|\\w+)/i,                         // HTC\n\n            // ZTE\n            /(zte)[- ]([\\w ]+?)(?: bui|\\/|\\))/i,\n            /(alcatel|geeksphone|nexian|panasonic(?!(?:;|\\.))|sony(?!-bra))[-_ ]?([-\\w]*)/i         // Alcatel/GeeksPhone/Nexian/Panasonic/Sony\n            ], [VENDOR, [MODEL, /_/g, ' '], [TYPE, MOBILE]], [\n\n            // Acer\n            /droid.+; ([ab][1-7]-?[0178a]\\d\\d?)/i\n            ], [MODEL, [VENDOR, 'Acer'], [TYPE, TABLET]], [\n\n            // Meizu\n            /droid.+; (m[1-5] note) bui/i,\n            /\\bmz-([-\\w]{2,})/i\n            ], [MODEL, [VENDOR, 'Meizu'], [TYPE, MOBILE]], [\n                \n            // Ulefone\n            /; ((?:power )?armor(?:[\\w ]{0,8}))(?: bui|\\))/i\n            ], [MODEL, [VENDOR, 'Ulefone'], [TYPE, MOBILE]], [\n\n            // MIXED\n            /(blackberry|benq|palm(?=\\-)|sonyericsson|acer|asus|dell|meizu|motorola|polytron|infinix|tecno)[-_ ]?([-\\w]*)/i,\n                                                                                // BlackBerry/BenQ/Palm/Sony-Ericsson/Acer/Asus/Dell/Meizu/Motorola/Polytron\n            /(hp) ([\\w ]+\\w)/i,                                                 // HP iPAQ\n            /(asus)-?(\\w+)/i,                                                   // Asus\n            /(microsoft); (lumia[\\w ]+)/i,                                      // Microsoft Lumia\n            /(lenovo)[-_ ]?([-\\w]+)/i,                                          // Lenovo\n            /(jolla)/i,                                                         // Jolla\n            /(oppo) ?([\\w ]+) bui/i                                             // OPPO\n            ], [VENDOR, MODEL, [TYPE, MOBILE]], [\n\n            /(kobo)\\s(ereader|touch)/i,                                         // Kobo\n            /(archos) (gamepad2?)/i,                                            // Archos\n            /(hp).+(touchpad(?!.+tablet)|tablet)/i,                             // HP TouchPad\n            /(kindle)\\/([\\w\\.]+)/i,                                             // Kindle\n            /(nook)[\\w ]+build\\/(\\w+)/i,                                        // Nook\n            /(dell) (strea[kpr\\d ]*[\\dko])/i,                                   // Dell Streak\n            /(le[- ]+pan)[- ]+(\\w{1,9}) bui/i,                                  // Le Pan Tablets\n            /(trinity)[- ]*(t\\d{3}) bui/i,                                      // Trinity Tablets\n            /(gigaset)[- ]+(q\\w{1,9}) bui/i,                                    // Gigaset Tablets\n            /(vodafone) ([\\w ]+)(?:\\)| bui)/i                                   // Vodafone\n            ], [VENDOR, MODEL, [TYPE, TABLET]], [\n\n            /(surface duo)/i                                                    // Surface Duo\n            ], [MODEL, [VENDOR, MICROSOFT], [TYPE, TABLET]], [\n            /droid [\\d\\.]+; (fp\\du?)(?: b|\\))/i                                 // Fairphone\n            ], [MODEL, [VENDOR, 'Fairphone'], [TYPE, MOBILE]], [\n            /(u304aa)/i                                                         // AT&T\n            ], [MODEL, [VENDOR, 'AT&T'], [TYPE, MOBILE]], [\n            /\\bsie-(\\w*)/i                                                      // Siemens\n            ], [MODEL, [VENDOR, 'Siemens'], [TYPE, MOBILE]], [\n            /\\b(rct\\w+) b/i                                                     // RCA Tablets\n            ], [MODEL, [VENDOR, 'RCA'], [TYPE, TABLET]], [\n            /\\b(venue[\\d ]{2,7}) b/i                                            // Dell Venue Tablets\n            ], [MODEL, [VENDOR, 'Dell'], [TYPE, TABLET]], [\n            /\\b(q(?:mv|ta)\\w+) b/i                                              // Verizon Tablet\n            ], [MODEL, [VENDOR, 'Verizon'], [TYPE, TABLET]], [\n            /\\b(?:barnes[& ]+noble |bn[rt])([\\w\\+ ]*) b/i                       // Barnes & Noble Tablet\n            ], [MODEL, [VENDOR, 'Barnes & Noble'], [TYPE, TABLET]], [\n            /\\b(tm\\d{3}\\w+) b/i\n            ], [MODEL, [VENDOR, 'NuVision'], [TYPE, TABLET]], [\n            /\\b(k88) b/i                                                        // ZTE K Series Tablet\n            ], [MODEL, [VENDOR, 'ZTE'], [TYPE, TABLET]], [\n            /\\b(nx\\d{3}j) b/i                                                   // ZTE Nubia\n            ], [MODEL, [VENDOR, 'ZTE'], [TYPE, MOBILE]], [\n            /\\b(gen\\d{3}) b.+49h/i                                              // Swiss GEN Mobile\n            ], [MODEL, [VENDOR, 'Swiss'], [TYPE, MOBILE]], [\n            /\\b(zur\\d{3}) b/i                                                   // Swiss ZUR Tablet\n            ], [MODEL, [VENDOR, 'Swiss'], [TYPE, TABLET]], [\n            /\\b((zeki)?tb.*\\b) b/i                                              // Zeki Tablets\n            ], [MODEL, [VENDOR, 'Zeki'], [TYPE, TABLET]], [\n            /\\b([yr]\\d{2}) b/i,\n            /\\b(dragon[- ]+touch |dt)(\\w{5}) b/i                                // Dragon Touch Tablet\n            ], [[VENDOR, 'Dragon Touch'], MODEL, [TYPE, TABLET]], [\n            /\\b(ns-?\\w{0,9}) b/i                                                // Insignia Tablets\n            ], [MODEL, [VENDOR, 'Insignia'], [TYPE, TABLET]], [\n            /\\b((nxa|next)-?\\w{0,9}) b/i                                        // NextBook Tablets\n            ], [MODEL, [VENDOR, 'NextBook'], [TYPE, TABLET]], [\n            /\\b(xtreme\\_)?(v(1[045]|2[015]|[3469]0|7[05])) b/i                  // Voice Xtreme Phones\n            ], [[VENDOR, 'Voice'], MODEL, [TYPE, MOBILE]], [\n            /\\b(lvtel\\-)?(v1[12]) b/i                                           // LvTel Phones\n            ], [[VENDOR, 'LvTel'], MODEL, [TYPE, MOBILE]], [\n            /\\b(ph-1) /i                                                        // Essential PH-1\n            ], [MODEL, [VENDOR, 'Essential'], [TYPE, MOBILE]], [\n            /\\b(v(100md|700na|7011|917g).*\\b) b/i                               // Envizen Tablets\n            ], [MODEL, [VENDOR, 'Envizen'], [TYPE, TABLET]], [\n            /\\b(trio[-\\w\\. ]+) b/i                                              // MachSpeed Tablets\n            ], [MODEL, [VENDOR, 'MachSpeed'], [TYPE, TABLET]], [\n            /\\btu_(1491) b/i                                                    // Rotor Tablets\n            ], [MODEL, [VENDOR, 'Rotor'], [TYPE, TABLET]], [\n            /(shield[\\w ]+) b/i                                                 // Nvidia Shield Tablets\n            ], [MODEL, [VENDOR, 'Nvidia'], [TYPE, TABLET]], [\n            /(sprint) (\\w+)/i                                                   // Sprint Phones\n            ], [VENDOR, MODEL, [TYPE, MOBILE]], [\n            /(kin\\.[onetw]{3})/i                                                // Microsoft Kin\n            ], [[MODEL, /\\./g, ' '], [VENDOR, MICROSOFT], [TYPE, MOBILE]], [\n            /droid.+; (cc6666?|et5[16]|mc[239][23]x?|vc8[03]x?)\\)/i             // Zebra\n            ], [MODEL, [VENDOR, ZEBRA], [TYPE, TABLET]], [\n            /droid.+; (ec30|ps20|tc[2-8]\\d[kx])\\)/i\n            ], [MODEL, [VENDOR, ZEBRA], [TYPE, MOBILE]], [\n\n            ///////////////////\n            // SMARTTVS\n            ///////////////////\n\n            /smart-tv.+(samsung)/i                                              // Samsung\n            ], [VENDOR, [TYPE, SMARTTV]], [\n            /hbbtv.+maple;(\\d+)/i\n            ], [[MODEL, /^/, 'SmartTV'], [VENDOR, SAMSUNG], [TYPE, SMARTTV]], [\n            /(nux; netcast.+smarttv|lg (netcast\\.tv-201\\d|android tv))/i        // LG SmartTV\n            ], [[VENDOR, LG], [TYPE, SMARTTV]], [\n            /(apple) ?tv/i                                                      // Apple TV\n            ], [VENDOR, [MODEL, APPLE+' TV'], [TYPE, SMARTTV]], [\n            /crkey/i                                                            // Google Chromecast\n            ], [[MODEL, CHROME+'cast'], [VENDOR, GOOGLE], [TYPE, SMARTTV]], [\n            /droid.+aft(\\w+)( bui|\\))/i                                         // Fire TV\n            ], [MODEL, [VENDOR, AMAZON], [TYPE, SMARTTV]], [\n            /\\(dtv[\\);].+(aquos)/i,\n            /(aquos-tv[\\w ]+)\\)/i                                               // Sharp\n            ], [MODEL, [VENDOR, SHARP], [TYPE, SMARTTV]],[\n            /(bravia[\\w ]+)( bui|\\))/i                                              // Sony\n            ], [MODEL, [VENDOR, SONY], [TYPE, SMARTTV]], [\n            /(mitv-\\w{5}) bui/i                                                 // Xiaomi\n            ], [MODEL, [VENDOR, XIAOMI], [TYPE, SMARTTV]], [\n            /Hbbtv.*(technisat) (.*);/i                                         // TechniSAT\n            ], [VENDOR, MODEL, [TYPE, SMARTTV]], [\n            /\\b(roku)[\\dx]*[\\)\\/]((?:dvp-)?[\\d\\.]*)/i,                          // Roku\n            /hbbtv\\/\\d+\\.\\d+\\.\\d+ +\\([\\w\\+ ]*; *([\\w\\d][^;]*);([^;]*)/i         // HbbTV devices\n            ], [[VENDOR, trim], [MODEL, trim], [TYPE, SMARTTV]], [\n            /\\b(android tv|smart[- ]?tv|opera tv|tv; rv:)\\b/i                   // SmartTV from Unidentified Vendors\n            ], [[TYPE, SMARTTV]], [\n\n            ///////////////////\n            // CONSOLES\n            ///////////////////\n\n            /(ouya)/i,                                                          // Ouya\n            /(nintendo) ([wids3utch]+)/i                                        // Nintendo\n            ], [VENDOR, MODEL, [TYPE, CONSOLE]], [\n            /droid.+; (shield) bui/i                                            // Nvidia\n            ], [MODEL, [VENDOR, 'Nvidia'], [TYPE, CONSOLE]], [\n            /(playstation [345portablevi]+)/i                                   // Playstation\n            ], [MODEL, [VENDOR, SONY], [TYPE, CONSOLE]], [\n            /\\b(xbox(?: one)?(?!; xbox))[\\); ]/i                                // Microsoft Xbox\n            ], [MODEL, [VENDOR, MICROSOFT], [TYPE, CONSOLE]], [\n\n            ///////////////////\n            // WEARABLES\n            ///////////////////\n\n            /((pebble))app/i                                                    // Pebble\n            ], [VENDOR, MODEL, [TYPE, WEARABLE]], [\n            /(watch)(?: ?os[,\\/]|\\d,\\d\\/)[\\d\\.]+/i                              // Apple Watch\n            ], [MODEL, [VENDOR, APPLE], [TYPE, WEARABLE]], [\n            /droid.+; (glass) \\d/i                                              // Google Glass\n            ], [MODEL, [VENDOR, GOOGLE], [TYPE, WEARABLE]], [\n            /droid.+; (wt63?0{2,3})\\)/i\n            ], [MODEL, [VENDOR, ZEBRA], [TYPE, WEARABLE]], [\n            /(quest( \\d| pro)?)/i                                               // Oculus Quest\n            ], [MODEL, [VENDOR, FACEBOOK], [TYPE, WEARABLE]], [\n\n            ///////////////////\n            // EMBEDDED\n            ///////////////////\n\n            /(tesla)(?: qtcarbrowser|\\/[-\\w\\.]+)/i                              // Tesla\n            ], [VENDOR, [TYPE, EMBEDDED]], [\n            /(aeobc)\\b/i                                                        // Echo Dot\n            ], [MODEL, [VENDOR, AMAZON], [TYPE, EMBEDDED]], [\n\n            ////////////////////\n            // MIXED (GENERIC)\n            ///////////////////\n\n            /droid .+?; ([^;]+?)(?: bui|; wv\\)|\\) applew).+? mobile safari/i    // Android Phones from Unidentified Vendors\n            ], [MODEL, [TYPE, MOBILE]], [\n            /droid .+?; ([^;]+?)(?: bui|\\) applew).+?(?! mobile) safari/i       // Android Tablets from Unidentified Vendors\n            ], [MODEL, [TYPE, TABLET]], [\n            /\\b((tablet|tab)[;\\/]|focus\\/\\d(?!.+mobile))/i                      // Unidentifiable Tablet\n            ], [[TYPE, TABLET]], [\n            /(phone|mobile(?:[;\\/]| [ \\w\\/\\.]*safari)|pda(?=.+windows ce))/i    // Unidentifiable Mobile\n            ], [[TYPE, MOBILE]], [\n            /(android[-\\w\\. ]{0,9});.+buil/i                                    // Generic Android Device\n            ], [MODEL, [VENDOR, 'Generic']]\n        ],\n\n        engine : [[\n\n            /windows.+ edge\\/([\\w\\.]+)/i                                       // EdgeHTML\n            ], [VERSION, [NAME, EDGE+'HTML']], [\n\n            /webkit\\/537\\.36.+chrome\\/(?!27)([\\w\\.]+)/i                         // Blink\n            ], [VERSION, [NAME, 'Blink']], [\n\n            /(presto)\\/([\\w\\.]+)/i,                                             // Presto\n            /(webkit|trident|netfront|netsurf|amaya|lynx|w3m|goanna)\\/([\\w\\.]+)/i, // WebKit/Trident/NetFront/NetSurf/Amaya/Lynx/w3m/Goanna\n            /ekioh(flow)\\/([\\w\\.]+)/i,                                          // Flow\n            /(khtml|tasman|links)[\\/ ]\\(?([\\w\\.]+)/i,                           // KHTML/Tasman/Links\n            /(icab)[\\/ ]([23]\\.[\\d\\.]+)/i,                                      // iCab\n            /\\b(libweb)/i\n            ], [NAME, VERSION], [\n\n            /rv\\:([\\w\\.]{1,9})\\b.+(gecko)/i                                     // Gecko\n            ], [VERSION, NAME]\n        ],\n\n        os : [[\n\n            // Windows\n            /microsoft (windows) (vista|xp)/i                                   // Windows (iTunes)\n            ], [NAME, VERSION], [\n            /(windows (?:phone(?: os)?|mobile))[\\/ ]?([\\d\\.\\w ]*)/i             // Windows Phone\n            ], [NAME, [VERSION, strMapper, windowsVersionMap]], [\n            /windows nt 6\\.2; (arm)/i,                                        // Windows RT\n            /windows[\\/ ]?([ntce\\d\\. ]+\\w)(?!.+xbox)/i,\n            /(?:win(?=3|9|n)|win 9x )([nt\\d\\.]+)/i\n            ], [[VERSION, strMapper, windowsVersionMap], [NAME, 'Windows']], [\n\n            // iOS/macOS\n            /ip[honead]{2,4}\\b(?:.*os ([\\w]+) like mac|; opera)/i,              // iOS\n            /(?:ios;fbsv\\/|iphone.+ios[\\/ ])([\\d\\.]+)/i,\n            /cfnetwork\\/.+darwin/i\n            ], [[VERSION, /_/g, '.'], [NAME, 'iOS']], [\n            /(mac os x) ?([\\w\\. ]*)/i,\n            /(macintosh|mac_powerpc\\b)(?!.+haiku)/i                             // Mac OS\n            ], [[NAME, MAC_OS], [VERSION, /_/g, '.']], [\n\n            // Mobile OSes\n            /droid ([\\w\\.]+)\\b.+(android[- ]x86|harmonyos)/i                    // Android-x86/HarmonyOS\n            ], [VERSION, NAME], [                                               // Android/WebOS/QNX/Bada/RIM/Maemo/MeeGo/Sailfish OS\n            /(android|webos|qnx|bada|rim tablet os|maemo|meego|sailfish)[-\\/ ]?([\\w\\.]*)/i,\n            /(blackberry)\\w*\\/([\\w\\.]*)/i,                                      // Blackberry\n            /(tizen|kaios)[\\/ ]([\\w\\.]+)/i,                                     // Tizen/KaiOS\n            /\\((series40);/i                                                    // Series 40\n            ], [NAME, VERSION], [\n            /\\(bb(10);/i                                                        // BlackBerry 10\n            ], [VERSION, [NAME, BLACKBERRY]], [\n            /(?:symbian ?os|symbos|s60(?=;)|series60)[-\\/ ]?([\\w\\.]*)/i         // Symbian\n            ], [VERSION, [NAME, 'Symbian']], [\n            /mozilla\\/[\\d\\.]+ \\((?:mobile|tablet|tv|mobile; [\\w ]+); rv:.+ gecko\\/([\\w\\.]+)/i // Firefox OS\n            ], [VERSION, [NAME, FIREFOX+' OS']], [\n            /web0s;.+rt(tv)/i,\n            /\\b(?:hp)?wos(?:browser)?\\/([\\w\\.]+)/i                              // WebOS\n            ], [VERSION, [NAME, 'webOS']], [\n            /watch(?: ?os[,\\/]|\\d,\\d\\/)([\\d\\.]+)/i                              // watchOS\n            ], [VERSION, [NAME, 'watchOS']], [\n\n            // Google Chromecast\n            /crkey\\/([\\d\\.]+)/i                                                 // Google Chromecast\n            ], [VERSION, [NAME, CHROME+'cast']], [\n            /(cros) [\\w]+(?:\\)| ([\\w\\.]+)\\b)/i                                  // Chromium OS\n            ], [[NAME, CHROMIUM_OS], VERSION],[\n\n            // Smart TVs\n            /panasonic;(viera)/i,                                               // Panasonic Viera\n            /(netrange)mmh/i,                                                   // Netrange\n            /(nettv)\\/(\\d+\\.[\\w\\.]+)/i,                                         // NetTV\n\n            // Console\n            /(nintendo|playstation) ([wids345portablevuch]+)/i,                 // Nintendo/Playstation\n            /(xbox); +xbox ([^\\);]+)/i,                                         // Microsoft Xbox (360, One, X, S, Series X, Series S)\n\n            // Other\n            /\\b(joli|palm)\\b ?(?:os)?\\/?([\\w\\.]*)/i,                            // Joli/Palm\n            /(mint)[\\/\\(\\) ]?(\\w*)/i,                                           // Mint\n            /(mageia|vectorlinux)[; ]/i,                                        // Mageia/VectorLinux\n            /([kxln]?ubuntu|debian|suse|opensuse|gentoo|arch(?= linux)|slackware|fedora|mandriva|centos|pclinuxos|red ?hat|zenwalk|linpus|raspbian|plan 9|minix|risc os|contiki|deepin|manjaro|elementary os|sabayon|linspire)(?: gnu\\/linux)?(?: enterprise)?(?:[- ]linux)?(?:-gnu)?[-\\/ ]?(?!chrom|package)([-\\w\\.]*)/i,\n                                                                                // Ubuntu/Debian/SUSE/Gentoo/Arch/Slackware/Fedora/Mandriva/CentOS/PCLinuxOS/RedHat/Zenwalk/Linpus/Raspbian/Plan9/Minix/RISCOS/Contiki/Deepin/Manjaro/elementary/Sabayon/Linspire\n            /(hurd|linux) ?([\\w\\.]*)/i,                                         // Hurd/Linux\n            /(gnu) ?([\\w\\.]*)/i,                                                // GNU\n            /\\b([-frentopcghs]{0,5}bsd|dragonfly)[\\/ ]?(?!amd|[ix346]{1,2}86)([\\w\\.]*)/i, // FreeBSD/NetBSD/OpenBSD/PC-BSD/GhostBSD/DragonFly\n            /(haiku) (\\w+)/i                                                    // Haiku\n            ], [NAME, VERSION], [\n            /(sunos) ?([\\w\\.\\d]*)/i                                             // Solaris\n            ], [[NAME, 'Solaris'], VERSION], [\n            /((?:open)?solaris)[-\\/ ]?([\\w\\.]*)/i,                              // Solaris\n            /(aix) ((\\d)(?=\\.|\\)| )[\\w\\.])*/i,                                  // AIX\n            /\\b(beos|os\\/2|amigaos|morphos|openvms|fuchsia|hp-ux|serenityos)/i, // BeOS/OS2/AmigaOS/MorphOS/OpenVMS/Fuchsia/HP-UX/SerenityOS\n            /(unix) ?([\\w\\.]*)/i                                                // UNIX\n            ], [NAME, VERSION]\n        ]\n    };\n\n    /////////////////\n    // Constructor\n    ////////////////\n\n    var UAParser = function (ua, extensions) {\n\n        if (typeof ua === OBJ_TYPE) {\n            extensions = ua;\n            ua = undefined;\n        }\n\n        if (!(this instanceof UAParser)) {\n            return new UAParser(ua, extensions).getResult();\n        }\n\n        var _navigator = (typeof window !== UNDEF_TYPE && window.navigator) ? window.navigator : undefined;\n        var _ua = ua || ((_navigator && _navigator.userAgent) ? _navigator.userAgent : EMPTY);\n        var _uach = (_navigator && _navigator.userAgentData) ? _navigator.userAgentData : undefined;\n        var _rgxmap = extensions ? extend(regexes, extensions) : regexes;\n        var _isSelfNav = _navigator && _navigator.userAgent == _ua;\n\n        this.getBrowser = function () {\n            var _browser = {};\n            _browser[NAME] = undefined;\n            _browser[VERSION] = undefined;\n            rgxMapper.call(_browser, _ua, _rgxmap.browser);\n            _browser[MAJOR] = majorize(_browser[VERSION]);\n            // Brave-specific detection\n            if (_isSelfNav && _navigator && _navigator.brave && typeof _navigator.brave.isBrave == FUNC_TYPE) {\n                _browser[NAME] = 'Brave';\n            }\n            return _browser;\n        };\n        this.getCPU = function () {\n            var _cpu = {};\n            _cpu[ARCHITECTURE] = undefined;\n            rgxMapper.call(_cpu, _ua, _rgxmap.cpu);\n            return _cpu;\n        };\n        this.getDevice = function () {\n            var _device = {};\n            _device[VENDOR] = undefined;\n            _device[MODEL] = undefined;\n            _device[TYPE] = undefined;\n            rgxMapper.call(_device, _ua, _rgxmap.device);\n            if (_isSelfNav && !_device[TYPE] && _uach && _uach.mobile) {\n                _device[TYPE] = MOBILE;\n            }\n            // iPadOS-specific detection: identified as Mac, but has some iOS-only properties\n            if (_isSelfNav && _device[MODEL] == 'Macintosh' && _navigator && typeof _navigator.standalone !== UNDEF_TYPE && _navigator.maxTouchPoints && _navigator.maxTouchPoints > 2) {\n                _device[MODEL] = 'iPad';\n                _device[TYPE] = TABLET;\n            }\n            return _device;\n        };\n        this.getEngine = function () {\n            var _engine = {};\n            _engine[NAME] = undefined;\n            _engine[VERSION] = undefined;\n            rgxMapper.call(_engine, _ua, _rgxmap.engine);\n            return _engine;\n        };\n        this.getOS = function () {\n            var _os = {};\n            _os[NAME] = undefined;\n            _os[VERSION] = undefined;\n            rgxMapper.call(_os, _ua, _rgxmap.os);\n            if (_isSelfNav && !_os[NAME] && _uach && _uach.platform && _uach.platform != 'Unknown') {\n                _os[NAME] = _uach.platform  \n                                    .replace(/chrome os/i, CHROMIUM_OS)\n                                    .replace(/macos/i, MAC_OS);           // backward compatibility\n            }\n            return _os;\n        };\n        this.getResult = function () {\n            return {\n                ua      : this.getUA(),\n                browser : this.getBrowser(),\n                engine  : this.getEngine(),\n                os      : this.getOS(),\n                device  : this.getDevice(),\n                cpu     : this.getCPU()\n            };\n        };\n        this.getUA = function () {\n            return _ua;\n        };\n        this.setUA = function (ua) {\n            _ua = (typeof ua === STR_TYPE && ua.length > UA_MAX_LENGTH) ? trim(ua, UA_MAX_LENGTH) : ua;\n            return this;\n        };\n        this.setUA(_ua);\n        return this;\n    };\n\n    UAParser.VERSION = LIBVERSION;\n    UAParser.BROWSER =  enumerize([NAME, VERSION, MAJOR]);\n    UAParser.CPU = enumerize([ARCHITECTURE]);\n    UAParser.DEVICE = enumerize([MODEL, VENDOR, TYPE, CONSOLE, MOBILE, SMARTTV, TABLET, WEARABLE, EMBEDDED]);\n    UAParser.ENGINE = UAParser.OS = enumerize([NAME, VERSION]);\n\n    ///////////\n    // Export\n    //////////\n\n    // check js environment\n    if (typeof(exports) !== UNDEF_TYPE) {\n        // nodejs env\n        if (typeof module !== UNDEF_TYPE && module.exports) {\n            exports = module.exports = UAParser;\n        }\n        exports.UAParser = UAParser;\n    } else {\n        // requirejs env (optional)\n        if (typeof(define) === FUNC_TYPE && define.amd) {\n            define(function () {\n                return UAParser;\n            });\n        } else if (typeof window !== UNDEF_TYPE) {\n            // browser env\n            window.UAParser = UAParser;\n        }\n    }\n\n    // jQuery/Zepto specific (optional)\n    // Note:\n    //   In AMD env the global scope should be kept clean, but jQuery is an exception.\n    //   jQuery always exports to global scope, unless jQuery.noConflict(true) is used,\n    //   and we should catch that.\n    var $ = typeof window !== UNDEF_TYPE && (window.jQuery || window.Zepto);\n    if ($ && !$.ua) {\n        var parser = new UAParser();\n        $.ua = parser.getResult();\n        $.ua.get = function () {\n            return parser.getUA();\n        };\n        $.ua.set = function (ua) {\n            parser.setUA(ua);\n            var result = parser.getResult();\n            for (var prop in result) {\n                $.ua[prop] = result[prop];\n            }\n        };\n    }\n\n})(typeof window === 'object' ? window : this);\n","/**\n * @license React\n * use-sync-external-store-shim.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar React = require(\"react\");\nfunction is(x, y) {\n  return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);\n}\nvar objectIs = \"function\" === typeof Object.is ? Object.is : is,\n  useState = React.useState,\n  useEffect = React.useEffect,\n  useLayoutEffect = React.useLayoutEffect,\n  useDebugValue = React.useDebugValue;\nfunction useSyncExternalStore$2(subscribe, getSnapshot) {\n  var value = getSnapshot(),\n    _useState = useState({ inst: { value: value, getSnapshot: getSnapshot } }),\n    inst = _useState[0].inst,\n    forceUpdate = _useState[1];\n  useLayoutEffect(\n    function () {\n      inst.value = value;\n      inst.getSnapshot = getSnapshot;\n      checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n    },\n    [subscribe, value, getSnapshot]\n  );\n  useEffect(\n    function () {\n      checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n      return subscribe(function () {\n        checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n      });\n    },\n    [subscribe]\n  );\n  useDebugValue(value);\n  return value;\n}\nfunction checkIfSnapshotChanged(inst) {\n  var latestGetSnapshot = inst.getSnapshot;\n  inst = inst.value;\n  try {\n    var nextValue = latestGetSnapshot();\n    return !objectIs(inst, nextValue);\n  } catch (error) {\n    return !0;\n  }\n}\nfunction useSyncExternalStore$1(subscribe, getSnapshot) {\n  return getSnapshot();\n}\nvar shim =\n  \"undefined\" === typeof window ||\n  \"undefined\" === typeof window.document ||\n  \"undefined\" === typeof window.document.createElement\n    ? useSyncExternalStore$1\n    : useSyncExternalStore$2;\nexports.useSyncExternalStore =\n  void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('../cjs/use-sync-external-store-shim.production.js');\n} else {\n  module.exports = require('../cjs/use-sync-external-store-shim.development.js');\n}\n","/**\n * @license React\n * use-sync-external-store-shim.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var e=require(\"react\");function h(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var k=\"function\"===typeof Object.is?Object.is:h,l=e.useState,m=e.useEffect,n=e.useLayoutEffect,p=e.useDebugValue;function q(a,b){var d=b(),f=l({inst:{value:d,getSnapshot:b}}),c=f[0].inst,g=f[1];n(function(){c.value=d;c.getSnapshot=b;r(c)&&g({inst:c})},[a,d,b]);m(function(){r(c)&&g({inst:c});return a(function(){r(c)&&g({inst:c})})},[a]);p(d);return d}\nfunction r(a){var b=a.getSnapshot;a=a.value;try{var d=b();return!k(a,d)}catch(f){return!0}}function t(a,b){return b()}var u=\"undefined\"===typeof window||\"undefined\"===typeof window.document||\"undefined\"===typeof window.document.createElement?t:q;exports.useSyncExternalStore=void 0!==e.useSyncExternalStore?e.useSyncExternalStore:u;\n","/**\n * @license React\n * use-sync-external-store-shim/with-selector.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var h=require(\"react\"),n=require(\"use-sync-external-store/shim\");function p(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var q=\"function\"===typeof Object.is?Object.is:p,r=n.useSyncExternalStore,t=h.useRef,u=h.useEffect,v=h.useMemo,w=h.useDebugValue;\nexports.useSyncExternalStoreWithSelector=function(a,b,e,l,g){var c=t(null);if(null===c.current){var f={hasValue:!1,value:null};c.current=f}else f=c.current;c=v(function(){function a(a){if(!c){c=!0;d=a;a=l(a);if(void 0!==g&&f.hasValue){var b=f.value;if(g(b,a))return k=b}return k=a}b=k;if(q(d,a))return b;var e=l(a);if(void 0!==g&&g(b,e))return b;d=a;return k=e}var c=!1,d,k,m=void 0===e?null:e;return[function(){return a(b())},null===m?void 0:function(){return a(m())}]},[b,e,l,g]);var d=r(a,c[0],c[1]);\nu(function(){f.hasValue=!0;f.value=d},[d]);w(d);return d};\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('../cjs/use-sync-external-store-shim.production.min.js');\n} else {\n  module.exports = require('../cjs/use-sync-external-store-shim.development.js');\n}\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('../cjs/use-sync-external-store-shim/with-selector.production.min.js');\n} else {\n  module.exports = require('../cjs/use-sync-external-store-shim/with-selector.development.js');\n}\n","function _arrayLikeToArray(r, a) {\n  (null == a || a > r.length) && (a = r.length);\n  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];\n  return n;\n}\nmodule.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _arrayWithHoles(r) {\n  if (Array.isArray(r)) return r;\n}\nmodule.exports = _arrayWithHoles, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _assertThisInitialized(e) {\n  if (void 0 === e) throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n  return e;\n}\nmodule.exports = _assertThisInitialized, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _classCallCheck(a, n) {\n  if (!(a instanceof n)) throw new TypeError(\"Cannot call a class as a function\");\n}\nmodule.exports = _classCallCheck, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","var toPropertyKey = require(\"./toPropertyKey.js\");\nfunction _defineProperties(e, r) {\n  for (var t = 0; t < r.length; t++) {\n    var o = r[t];\n    o.enumerable = o.enumerable || !1, o.configurable = !0, \"value\" in o && (o.writable = !0), Object.defineProperty(e, toPropertyKey(o.key), o);\n  }\n}\nfunction _createClass(e, r, t) {\n  return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, \"prototype\", {\n    writable: !1\n  }), e;\n}\nmodule.exports = _createClass, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","var getPrototypeOf = require(\"./getPrototypeOf.js\");\nvar isNativeReflectConstruct = require(\"./isNativeReflectConstruct.js\");\nvar possibleConstructorReturn = require(\"./possibleConstructorReturn.js\");\nfunction _createSuper(t) {\n  var r = isNativeReflectConstruct();\n  return function () {\n    var e,\n      o = getPrototypeOf(t);\n    if (r) {\n      var s = getPrototypeOf(this).constructor;\n      e = Reflect.construct(o, arguments, s);\n    } else e = o.apply(this, arguments);\n    return possibleConstructorReturn(this, e);\n  };\n}\nmodule.exports = _createSuper, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","var toPropertyKey = require(\"./toPropertyKey.js\");\nfunction _defineProperty(e, r, t) {\n  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {\n    value: t,\n    enumerable: !0,\n    configurable: !0,\n    writable: !0\n  }) : e[r] = t, e;\n}\nmodule.exports = _defineProperty, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _extends() {\n  return module.exports = _extends = Object.assign ? Object.assign.bind() : function (n) {\n    for (var e = 1; e < arguments.length; e++) {\n      var t = arguments[e];\n      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);\n    }\n    return n;\n  }, module.exports.__esModule = true, module.exports[\"default\"] = module.exports, _extends.apply(null, arguments);\n}\nmodule.exports = _extends, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _getPrototypeOf(t) {\n  return module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {\n    return t.__proto__ || Object.getPrototypeOf(t);\n  }, module.exports.__esModule = true, module.exports[\"default\"] = module.exports, _getPrototypeOf(t);\n}\nmodule.exports = _getPrototypeOf, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","var setPrototypeOf = require(\"./setPrototypeOf.js\");\nfunction _inherits(t, e) {\n  if (\"function\" != typeof e && null !== e) throw new TypeError(\"Super expression must either be null or a function\");\n  t.prototype = Object.create(e && e.prototype, {\n    constructor: {\n      value: t,\n      writable: !0,\n      configurable: !0\n    }\n  }), Object.defineProperty(t, \"prototype\", {\n    writable: !1\n  }), e && setPrototypeOf(t, e);\n}\nmodule.exports = _inherits, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _interopRequireDefault(e) {\n  return e && e.__esModule ? e : {\n    \"default\": e\n  };\n}\nmodule.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","var _typeof = require(\"./typeof.js\")[\"default\"];\nfunction _getRequireWildcardCache(e) {\n  if (\"function\" != typeof WeakMap) return null;\n  var r = new WeakMap(),\n    t = new WeakMap();\n  return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {\n    return e ? t : r;\n  })(e);\n}\nfunction _interopRequireWildcard(e, r) {\n  if (!r && e && e.__esModule) return e;\n  if (null === e || \"object\" != _typeof(e) && \"function\" != typeof e) return {\n    \"default\": e\n  };\n  var t = _getRequireWildcardCache(r);\n  if (t && t.has(e)) return t.get(e);\n  var n = {\n      __proto__: null\n    },\n    a = Object.defineProperty && Object.getOwnPropertyDescriptor;\n  for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) {\n    var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;\n    i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];\n  }\n  return n[\"default\"] = e, t && t.set(e, n), n;\n}\nmodule.exports = _interopRequireWildcard, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _isNativeReflectConstruct() {\n  try {\n    var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));\n  } catch (t) {}\n  return (module.exports = _isNativeReflectConstruct = function _isNativeReflectConstruct() {\n    return !!t;\n  }, module.exports.__esModule = true, module.exports[\"default\"] = module.exports)();\n}\nmodule.exports = _isNativeReflectConstruct, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _iterableToArrayLimit(r, l) {\n  var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"];\n  if (null != t) {\n    var e,\n      n,\n      i,\n      u,\n      a = [],\n      f = !0,\n      o = !1;\n    try {\n      if (i = (t = t.call(r)).next, 0 === l) {\n        if (Object(t) !== t) return;\n        f = !1;\n      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);\n    } catch (r) {\n      o = !0, n = r;\n    } finally {\n      try {\n        if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return;\n      } finally {\n        if (o) throw n;\n      }\n    }\n    return a;\n  }\n}\nmodule.exports = _iterableToArrayLimit, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _nonIterableRest() {\n  throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\nmodule.exports = _nonIterableRest, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","var defineProperty = require(\"./defineProperty.js\");\nfunction ownKeys(e, r) {\n  var t = Object.keys(e);\n  if (Object.getOwnPropertySymbols) {\n    var o = Object.getOwnPropertySymbols(e);\n    r && (o = o.filter(function (r) {\n      return Object.getOwnPropertyDescriptor(e, r).enumerable;\n    })), t.push.apply(t, o);\n  }\n  return t;\n}\nfunction _objectSpread2(e) {\n  for (var r = 1; r < arguments.length; r++) {\n    var t = null != arguments[r] ? arguments[r] : {};\n    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {\n      defineProperty(e, r, t[r]);\n    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {\n      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));\n    });\n  }\n  return e;\n}\nmodule.exports = _objectSpread2, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","var objectWithoutPropertiesLoose = require(\"./objectWithoutPropertiesLoose.js\");\nfunction _objectWithoutProperties(e, t) {\n  if (null == e) return {};\n  var o,\n    r,\n    i = objectWithoutPropertiesLoose(e, t);\n  if (Object.getOwnPropertySymbols) {\n    var s = Object.getOwnPropertySymbols(e);\n    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);\n  }\n  return i;\n}\nmodule.exports = _objectWithoutProperties, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _objectWithoutPropertiesLoose(r, e) {\n  if (null == r) return {};\n  var t = {};\n  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {\n    if (e.includes(n)) continue;\n    t[n] = r[n];\n  }\n  return t;\n}\nmodule.exports = _objectWithoutPropertiesLoose, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","var _typeof = require(\"./typeof.js\")[\"default\"];\nvar assertThisInitialized = require(\"./assertThisInitialized.js\");\nfunction _possibleConstructorReturn(t, e) {\n  if (e && (\"object\" == _typeof(e) || \"function\" == typeof e)) return e;\n  if (void 0 !== e) throw new TypeError(\"Derived constructors may only return object or undefined\");\n  return assertThisInitialized(t);\n}\nmodule.exports = _possibleConstructorReturn, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _setPrototypeOf(t, e) {\n  return module.exports = _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {\n    return t.__proto__ = e, t;\n  }, module.exports.__esModule = true, module.exports[\"default\"] = module.exports, _setPrototypeOf(t, e);\n}\nmodule.exports = _setPrototypeOf, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","var arrayWithHoles = require(\"./arrayWithHoles.js\");\nvar iterableToArrayLimit = require(\"./iterableToArrayLimit.js\");\nvar unsupportedIterableToArray = require(\"./unsupportedIterableToArray.js\");\nvar nonIterableRest = require(\"./nonIterableRest.js\");\nfunction _slicedToArray(r, e) {\n  return arrayWithHoles(r) || iterableToArrayLimit(r, e) || unsupportedIterableToArray(r, e) || nonIterableRest();\n}\nmodule.exports = _slicedToArray, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","var _typeof = require(\"./typeof.js\")[\"default\"];\nfunction toPrimitive(t, r) {\n  if (\"object\" != _typeof(t) || !t) return t;\n  var e = t[Symbol.toPrimitive];\n  if (void 0 !== e) {\n    var i = e.call(t, r || \"default\");\n    if (\"object\" != _typeof(i)) return i;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (\"string\" === r ? String : Number)(t);\n}\nmodule.exports = toPrimitive, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","var _typeof = require(\"./typeof.js\")[\"default\"];\nvar toPrimitive = require(\"./toPrimitive.js\");\nfunction toPropertyKey(t) {\n  var i = toPrimitive(t, \"string\");\n  return \"symbol\" == _typeof(i) ? i : i + \"\";\n}\nmodule.exports = toPropertyKey, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return module.exports = _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, module.exports.__esModule = true, module.exports[\"default\"] = module.exports, _typeof(o);\n}\nmodule.exports = _typeof, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","var arrayLikeToArray = require(\"./arrayLikeToArray.js\");\nfunction _unsupportedIterableToArray(r, a) {\n  if (r) {\n    if (\"string\" == typeof r) return arrayLikeToArray(r, a);\n    var t = {}.toString.call(r).slice(8, -1);\n    return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? arrayLikeToArray(r, a) : void 0;\n  }\n}\nmodule.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _arrayLikeToArray(r, a) {\n  (null == a || a > r.length) && (a = r.length);\n  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];\n  return n;\n}\nexport { _arrayLikeToArray as default };","function _arrayWithHoles(r) {\n  if (Array.isArray(r)) return r;\n}\nexport { _arrayWithHoles as default };","function _assertThisInitialized(e) {\n  if (void 0 === e) throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n  return e;\n}\nexport { _assertThisInitialized as default };","function asyncGeneratorStep(n, t, e, r, o, a, c) {\n  try {\n    var i = n[a](c),\n      u = i.value;\n  } catch (n) {\n    return void e(n);\n  }\n  i.done ? t(u) : Promise.resolve(u).then(r, o);\n}\nfunction _asyncToGenerator(n) {\n  return function () {\n    var t = this,\n      e = arguments;\n    return new Promise(function (r, o) {\n      var a = n.apply(t, e);\n      function _next(n) {\n        asyncGeneratorStep(a, r, o, _next, _throw, \"next\", n);\n      }\n      function _throw(n) {\n        asyncGeneratorStep(a, r, o, _next, _throw, \"throw\", n);\n      }\n      _next(void 0);\n    });\n  };\n}\nexport { _asyncToGenerator as default };","function _classCallCheck(a, n) {\n  if (!(a instanceof n)) throw new TypeError(\"Cannot call a class as a function\");\n}\nexport { _classCallCheck as default };","import toPropertyKey from \"./toPropertyKey.js\";\nfunction _defineProperties(e, r) {\n  for (var t = 0; t < r.length; t++) {\n    var o = r[t];\n    o.enumerable = o.enumerable || !1, o.configurable = !0, \"value\" in o && (o.writable = !0), Object.defineProperty(e, toPropertyKey(o.key), o);\n  }\n}\nfunction _createClass(e, r, t) {\n  return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, \"prototype\", {\n    writable: !1\n  }), e;\n}\nexport { _createClass as default };","function _getPrototypeOf(t) {\n  return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {\n    return t.__proto__ || Object.getPrototypeOf(t);\n  }, _getPrototypeOf(t);\n}\nexport { _getPrototypeOf as default };","function _isNativeReflectConstruct() {\n  try {\n    var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));\n  } catch (t) {}\n  return (_isNativeReflectConstruct = function _isNativeReflectConstruct() {\n    return !!t;\n  })();\n}\nexport { _isNativeReflectConstruct as default };","import _typeof from \"./typeof.js\";\nimport assertThisInitialized from \"./assertThisInitialized.js\";\nfunction _possibleConstructorReturn(t, e) {\n  if (e && (\"object\" == _typeof(e) || \"function\" == typeof e)) return e;\n  if (void 0 !== e) throw new TypeError(\"Derived constructors may only return object or undefined\");\n  return assertThisInitialized(t);\n}\nexport { _possibleConstructorReturn as default };","import getPrototypeOf from \"./getPrototypeOf.js\";\nimport isNativeReflectConstruct from \"./isNativeReflectConstruct.js\";\nimport possibleConstructorReturn from \"./possibleConstructorReturn.js\";\nfunction _createSuper(t) {\n  var r = isNativeReflectConstruct();\n  return function () {\n    var e,\n      o = getPrototypeOf(t);\n    if (r) {\n      var s = getPrototypeOf(this).constructor;\n      e = Reflect.construct(o, arguments, s);\n    } else e = o.apply(this, arguments);\n    return possibleConstructorReturn(this, e);\n  };\n}\nexport { _createSuper as default };","import toPropertyKey from \"./toPropertyKey.js\";\nfunction _defineProperty(e, r, t) {\n  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {\n    value: t,\n    enumerable: !0,\n    configurable: !0,\n    writable: !0\n  }) : e[r] = t, e;\n}\nexport { _defineProperty as default };","function _extends() {\n  return _extends = Object.assign ? Object.assign.bind() : function (n) {\n    for (var e = 1; e < arguments.length; e++) {\n      var t = arguments[e];\n      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);\n    }\n    return n;\n  }, _extends.apply(null, arguments);\n}\nexport { _extends as default };","import setPrototypeOf from \"./setPrototypeOf.js\";\nfunction _inherits(t, e) {\n  if (\"function\" != typeof e && null !== e) throw new TypeError(\"Super expression must either be null or a function\");\n  t.prototype = Object.create(e && e.prototype, {\n    constructor: {\n      value: t,\n      writable: !0,\n      configurable: !0\n    }\n  }), Object.defineProperty(t, \"prototype\", {\n    writable: !1\n  }), e && setPrototypeOf(t, e);\n}\nexport { _inherits as default };","import setPrototypeOf from \"./setPrototypeOf.js\";\nfunction _inheritsLoose(t, o) {\n  t.prototype = Object.create(o.prototype), t.prototype.constructor = t, setPrototypeOf(t, o);\n}\nexport { _inheritsLoose as default };","function _iterableToArray(r) {\n  if (\"undefined\" != typeof Symbol && null != r[Symbol.iterator] || null != r[\"@@iterator\"]) return Array.from(r);\n}\nexport { _iterableToArray as default };","function _nonIterableRest() {\n  throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\nexport { _nonIterableRest as default };","import defineProperty from \"./defineProperty.js\";\nfunction ownKeys(e, r) {\n  var t = Object.keys(e);\n  if (Object.getOwnPropertySymbols) {\n    var o = Object.getOwnPropertySymbols(e);\n    r && (o = o.filter(function (r) {\n      return Object.getOwnPropertyDescriptor(e, r).enumerable;\n    })), t.push.apply(t, o);\n  }\n  return t;\n}\nfunction _objectSpread2(e) {\n  for (var r = 1; r < arguments.length; r++) {\n    var t = null != arguments[r] ? arguments[r] : {};\n    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {\n      defineProperty(e, r, t[r]);\n    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {\n      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));\n    });\n  }\n  return e;\n}\nexport { _objectSpread2 as default };","import objectWithoutPropertiesLoose from \"./objectWithoutPropertiesLoose.js\";\nfunction _objectWithoutProperties(e, t) {\n  if (null == e) return {};\n  var o,\n    r,\n    i = objectWithoutPropertiesLoose(e, t);\n  if (Object.getOwnPropertySymbols) {\n    var s = Object.getOwnPropertySymbols(e);\n    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);\n  }\n  return i;\n}\nexport { _objectWithoutProperties as default };","function _objectWithoutPropertiesLoose(r, e) {\n  if (null == r) return {};\n  var t = {};\n  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {\n    if (e.includes(n)) continue;\n    t[n] = r[n];\n  }\n  return t;\n}\nexport { _objectWithoutPropertiesLoose as default };","import _typeof from \"./typeof.js\";\nfunction _regeneratorRuntime() {\n  \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */\n  _regeneratorRuntime = function _regeneratorRuntime() {\n    return e;\n  };\n  var t,\n    e = {},\n    r = Object.prototype,\n    n = r.hasOwnProperty,\n    o = Object.defineProperty || function (t, e, r) {\n      t[e] = r.value;\n    },\n    i = \"function\" == typeof Symbol ? Symbol : {},\n    a = i.iterator || \"@@iterator\",\n    c = i.asyncIterator || \"@@asyncIterator\",\n    u = i.toStringTag || \"@@toStringTag\";\n  function define(t, e, r) {\n    return Object.defineProperty(t, e, {\n      value: r,\n      enumerable: !0,\n      configurable: !0,\n      writable: !0\n    }), t[e];\n  }\n  try {\n    define({}, \"\");\n  } catch (t) {\n    define = function define(t, e, r) {\n      return t[e] = r;\n    };\n  }\n  function wrap(t, e, r, n) {\n    var i = e && e.prototype instanceof Generator ? e : Generator,\n      a = Object.create(i.prototype),\n      c = new Context(n || []);\n    return o(a, \"_invoke\", {\n      value: makeInvokeMethod(t, r, c)\n    }), a;\n  }\n  function tryCatch(t, e, r) {\n    try {\n      return {\n        type: \"normal\",\n        arg: t.call(e, r)\n      };\n    } catch (t) {\n      return {\n        type: \"throw\",\n        arg: t\n      };\n    }\n  }\n  e.wrap = wrap;\n  var h = \"suspendedStart\",\n    l = \"suspendedYield\",\n    f = \"executing\",\n    s = \"completed\",\n    y = {};\n  function Generator() {}\n  function GeneratorFunction() {}\n  function GeneratorFunctionPrototype() {}\n  var p = {};\n  define(p, a, function () {\n    return this;\n  });\n  var d = Object.getPrototypeOf,\n    v = d && d(d(values([])));\n  v && v !== r && n.call(v, a) && (p = v);\n  var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);\n  function defineIteratorMethods(t) {\n    [\"next\", \"throw\", \"return\"].forEach(function (e) {\n      define(t, e, function (t) {\n        return this._invoke(e, t);\n      });\n    });\n  }\n  function AsyncIterator(t, e) {\n    function invoke(r, o, i, a) {\n      var c = tryCatch(t[r], t, o);\n      if (\"throw\" !== c.type) {\n        var u = c.arg,\n          h = u.value;\n        return h && \"object\" == _typeof(h) && n.call(h, \"__await\") ? e.resolve(h.__await).then(function (t) {\n          invoke(\"next\", t, i, a);\n        }, function (t) {\n          invoke(\"throw\", t, i, a);\n        }) : e.resolve(h).then(function (t) {\n          u.value = t, i(u);\n        }, function (t) {\n          return invoke(\"throw\", t, i, a);\n        });\n      }\n      a(c.arg);\n    }\n    var r;\n    o(this, \"_invoke\", {\n      value: function value(t, n) {\n        function callInvokeWithMethodAndArg() {\n          return new e(function (e, r) {\n            invoke(t, n, e, r);\n          });\n        }\n        return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();\n      }\n    });\n  }\n  function makeInvokeMethod(e, r, n) {\n    var o = h;\n    return function (i, a) {\n      if (o === f) throw Error(\"Generator is already running\");\n      if (o === s) {\n        if (\"throw\" === i) throw a;\n        return {\n          value: t,\n          done: !0\n        };\n      }\n      for (n.method = i, n.arg = a;;) {\n        var c = n.delegate;\n        if (c) {\n          var u = maybeInvokeDelegate(c, n);\n          if (u) {\n            if (u === y) continue;\n            return u;\n          }\n        }\n        if (\"next\" === n.method) n.sent = n._sent = n.arg;else if (\"throw\" === n.method) {\n          if (o === h) throw o = s, n.arg;\n          n.dispatchException(n.arg);\n        } else \"return\" === n.method && n.abrupt(\"return\", n.arg);\n        o = f;\n        var p = tryCatch(e, r, n);\n        if (\"normal\" === p.type) {\n          if (o = n.done ? s : l, p.arg === y) continue;\n          return {\n            value: p.arg,\n            done: n.done\n          };\n        }\n        \"throw\" === p.type && (o = s, n.method = \"throw\", n.arg = p.arg);\n      }\n    };\n  }\n  function maybeInvokeDelegate(e, r) {\n    var n = r.method,\n      o = e.iterator[n];\n    if (o === t) return r.delegate = null, \"throw\" === n && e.iterator[\"return\"] && (r.method = \"return\", r.arg = t, maybeInvokeDelegate(e, r), \"throw\" === r.method) || \"return\" !== n && (r.method = \"throw\", r.arg = new TypeError(\"The iterator does not provide a '\" + n + \"' method\")), y;\n    var i = tryCatch(o, e.iterator, r.arg);\n    if (\"throw\" === i.type) return r.method = \"throw\", r.arg = i.arg, r.delegate = null, y;\n    var a = i.arg;\n    return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, \"return\" !== r.method && (r.method = \"next\", r.arg = t), r.delegate = null, y) : a : (r.method = \"throw\", r.arg = new TypeError(\"iterator result is not an object\"), r.delegate = null, y);\n  }\n  function pushTryEntry(t) {\n    var e = {\n      tryLoc: t[0]\n    };\n    1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);\n  }\n  function resetTryEntry(t) {\n    var e = t.completion || {};\n    e.type = \"normal\", delete e.arg, t.completion = e;\n  }\n  function Context(t) {\n    this.tryEntries = [{\n      tryLoc: \"root\"\n    }], t.forEach(pushTryEntry, this), this.reset(!0);\n  }\n  function values(e) {\n    if (e || \"\" === e) {\n      var r = e[a];\n      if (r) return r.call(e);\n      if (\"function\" == typeof e.next) return e;\n      if (!isNaN(e.length)) {\n        var o = -1,\n          i = function next() {\n            for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next;\n            return next.value = t, next.done = !0, next;\n          };\n        return i.next = i;\n      }\n    }\n    throw new TypeError(_typeof(e) + \" is not iterable\");\n  }\n  return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, \"constructor\", {\n    value: GeneratorFunctionPrototype,\n    configurable: !0\n  }), o(GeneratorFunctionPrototype, \"constructor\", {\n    value: GeneratorFunction,\n    configurable: !0\n  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, \"GeneratorFunction\"), e.isGeneratorFunction = function (t) {\n    var e = \"function\" == typeof t && t.constructor;\n    return !!e && (e === GeneratorFunction || \"GeneratorFunction\" === (e.displayName || e.name));\n  }, e.mark = function (t) {\n    return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, \"GeneratorFunction\")), t.prototype = Object.create(g), t;\n  }, e.awrap = function (t) {\n    return {\n      __await: t\n    };\n  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {\n    return this;\n  }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {\n    void 0 === i && (i = Promise);\n    var a = new AsyncIterator(wrap(t, r, n, o), i);\n    return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {\n      return t.done ? t.value : a.next();\n    });\n  }, defineIteratorMethods(g), define(g, u, \"Generator\"), define(g, a, function () {\n    return this;\n  }), define(g, \"toString\", function () {\n    return \"[object Generator]\";\n  }), e.keys = function (t) {\n    var e = Object(t),\n      r = [];\n    for (var n in e) r.push(n);\n    return r.reverse(), function next() {\n      for (; r.length;) {\n        var t = r.pop();\n        if (t in e) return next.value = t, next.done = !1, next;\n      }\n      return next.done = !0, next;\n    };\n  }, e.values = values, Context.prototype = {\n    constructor: Context,\n    reset: function reset(e) {\n      if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) \"t\" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);\n    },\n    stop: function stop() {\n      this.done = !0;\n      var t = this.tryEntries[0].completion;\n      if (\"throw\" === t.type) throw t.arg;\n      return this.rval;\n    },\n    dispatchException: function dispatchException(e) {\n      if (this.done) throw e;\n      var r = this;\n      function handle(n, o) {\n        return a.type = \"throw\", a.arg = e, r.next = n, o && (r.method = \"next\", r.arg = t), !!o;\n      }\n      for (var o = this.tryEntries.length - 1; o >= 0; --o) {\n        var i = this.tryEntries[o],\n          a = i.completion;\n        if (\"root\" === i.tryLoc) return handle(\"end\");\n        if (i.tryLoc <= this.prev) {\n          var c = n.call(i, \"catchLoc\"),\n            u = n.call(i, \"finallyLoc\");\n          if (c && u) {\n            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);\n            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);\n          } else if (c) {\n            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);\n          } else {\n            if (!u) throw Error(\"try statement without catch or finally\");\n            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);\n          }\n        }\n      }\n    },\n    abrupt: function abrupt(t, e) {\n      for (var r = this.tryEntries.length - 1; r >= 0; --r) {\n        var o = this.tryEntries[r];\n        if (o.tryLoc <= this.prev && n.call(o, \"finallyLoc\") && this.prev < o.finallyLoc) {\n          var i = o;\n          break;\n        }\n      }\n      i && (\"break\" === t || \"continue\" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);\n      var a = i ? i.completion : {};\n      return a.type = t, a.arg = e, i ? (this.method = \"next\", this.next = i.finallyLoc, y) : this.complete(a);\n    },\n    complete: function complete(t, e) {\n      if (\"throw\" === t.type) throw t.arg;\n      return \"break\" === t.type || \"continue\" === t.type ? this.next = t.arg : \"return\" === t.type ? (this.rval = this.arg = t.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === t.type && e && (this.next = e), y;\n    },\n    finish: function finish(t) {\n      for (var e = this.tryEntries.length - 1; e >= 0; --e) {\n        var r = this.tryEntries[e];\n        if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;\n      }\n    },\n    \"catch\": function _catch(t) {\n      for (var e = this.tryEntries.length - 1; e >= 0; --e) {\n        var r = this.tryEntries[e];\n        if (r.tryLoc === t) {\n          var n = r.completion;\n          if (\"throw\" === n.type) {\n            var o = n.arg;\n            resetTryEntry(r);\n          }\n          return o;\n        }\n      }\n      throw Error(\"illegal catch attempt\");\n    },\n    delegateYield: function delegateYield(e, r, n) {\n      return this.delegate = {\n        iterator: values(e),\n        resultName: r,\n        nextLoc: n\n      }, \"next\" === this.method && (this.arg = t), y;\n    }\n  }, e;\n}\nexport { _regeneratorRuntime as default };","function _setPrototypeOf(t, e) {\n  return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {\n    return t.__proto__ = e, t;\n  }, _setPrototypeOf(t, e);\n}\nexport { _setPrototypeOf as default };","function _iterableToArrayLimit(r, l) {\n  var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"];\n  if (null != t) {\n    var e,\n      n,\n      i,\n      u,\n      a = [],\n      f = !0,\n      o = !1;\n    try {\n      if (i = (t = t.call(r)).next, 0 === l) {\n        if (Object(t) !== t) return;\n        f = !1;\n      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);\n    } catch (r) {\n      o = !0, n = r;\n    } finally {\n      try {\n        if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return;\n      } finally {\n        if (o) throw n;\n      }\n    }\n    return a;\n  }\n}\nexport { _iterableToArrayLimit as default };","import arrayWithHoles from \"./arrayWithHoles.js\";\nimport iterableToArrayLimit from \"./iterableToArrayLimit.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableRest from \"./nonIterableRest.js\";\nfunction _slicedToArray(r, e) {\n  return arrayWithHoles(r) || iterableToArrayLimit(r, e) || unsupportedIterableToArray(r, e) || nonIterableRest();\n}\nexport { _slicedToArray as default };","import arrayWithHoles from \"./arrayWithHoles.js\";\nimport iterableToArray from \"./iterableToArray.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableRest from \"./nonIterableRest.js\";\nfunction _toArray(r) {\n  return arrayWithHoles(r) || iterableToArray(r) || unsupportedIterableToArray(r) || nonIterableRest();\n}\nexport { _toArray as default };","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nfunction _arrayWithoutHoles(r) {\n  if (Array.isArray(r)) return arrayLikeToArray(r);\n}\nexport { _arrayWithoutHoles as default };","function _nonIterableSpread() {\n  throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\nexport { _nonIterableSpread as default };","import arrayWithoutHoles from \"./arrayWithoutHoles.js\";\nimport iterableToArray from \"./iterableToArray.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableSpread from \"./nonIterableSpread.js\";\nfunction _toConsumableArray(r) {\n  return arrayWithoutHoles(r) || iterableToArray(r) || unsupportedIterableToArray(r) || nonIterableSpread();\n}\nexport { _toConsumableArray as default };","import _typeof from \"./typeof.js\";\nfunction toPrimitive(t, r) {\n  if (\"object\" != _typeof(t) || !t) return t;\n  var e = t[Symbol.toPrimitive];\n  if (void 0 !== e) {\n    var i = e.call(t, r || \"default\");\n    if (\"object\" != _typeof(i)) return i;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (\"string\" === r ? String : Number)(t);\n}\nexport { toPrimitive as default };","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nfunction toPropertyKey(t) {\n  var i = toPrimitive(t, \"string\");\n  return \"symbol\" == _typeof(i) ? i : i + \"\";\n}\nexport { toPropertyKey as default };","function _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}\nexport { _typeof as default };","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nfunction _unsupportedIterableToArray(r, a) {\n  if (r) {\n    if (\"string\" == typeof r) return arrayLikeToArray(r, a);\n    var t = {}.toString.call(r).slice(8, -1);\n    return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? arrayLikeToArray(r, a) : void 0;\n  }\n}\nexport { _unsupportedIterableToArray as default };","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getAlertUtilityClass(slot) {\n  return generateUtilityClass('MuiAlert', slot);\n}\nconst alertClasses = generateUtilityClasses('MuiAlert', ['root', 'action', 'icon', 'message', 'filled', 'colorSuccess', 'colorInfo', 'colorWarning', 'colorError', 'filledSuccess', 'filledInfo', 'filledWarning', 'filledError', 'outlined', 'outlinedSuccess', 'outlinedInfo', 'outlinedWarning', 'outlinedError', 'standard', 'standardSuccess', 'standardInfo', 'standardWarning', 'standardError']);\nexport default alertClasses;","'use client';\n\nimport * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n\n/**\n * @ignore - internal component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z\"\n}), 'SuccessOutlined');","'use client';\n\nimport * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n\n/**\n * @ignore - internal component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z\"\n}), 'ReportProblemOutlined');","'use client';\n\nimport * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n\n/**\n * @ignore - internal component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"\n}), 'ErrorOutline');","'use client';\n\nimport * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n\n/**\n * @ignore - internal component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20, 12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10, 10 0 0,0 12,2M11,17H13V11H11V17Z\"\n}), 'InfoOutlined');","'use client';\n\nimport * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n\n/**\n * @ignore - internal component.\n *\n * Alias to `Clear`.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\n}), 'Close');","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"action\", \"children\", \"className\", \"closeText\", \"color\", \"components\", \"componentsProps\", \"icon\", \"iconMapping\", \"onClose\", \"role\", \"severity\", \"slotProps\", \"slots\", \"variant\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { darken, lighten } from '@mui/system/colorManipulator';\nimport { styled } from '../zero-styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport useSlot from '../utils/useSlot';\nimport capitalize from '../utils/capitalize';\nimport Paper from '../Paper';\nimport alertClasses, { getAlertUtilityClass } from './alertClasses';\nimport IconButton from '../IconButton';\nimport SuccessOutlinedIcon from '../internal/svg-icons/SuccessOutlined';\nimport ReportProblemOutlinedIcon from '../internal/svg-icons/ReportProblemOutlined';\nimport ErrorOutlineIcon from '../internal/svg-icons/ErrorOutline';\nimport InfoOutlinedIcon from '../internal/svg-icons/InfoOutlined';\nimport CloseIcon from '../internal/svg-icons/Close';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    variant,\n    color,\n    severity,\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root', `color${capitalize(color || severity)}`, `${variant}${capitalize(color || severity)}`, `${variant}`],\n    icon: ['icon'],\n    message: ['message'],\n    action: ['action']\n  };\n  return composeClasses(slots, getAlertUtilityClass, classes);\n};\nconst AlertRoot = styled(Paper, {\n  name: 'MuiAlert',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, styles[ownerState.variant], styles[`${ownerState.variant}${capitalize(ownerState.color || ownerState.severity)}`]];\n  }\n})(({\n  theme\n}) => {\n  const getColor = theme.palette.mode === 'light' ? darken : lighten;\n  const getBackgroundColor = theme.palette.mode === 'light' ? lighten : darken;\n  return _extends({}, theme.typography.body2, {\n    backgroundColor: 'transparent',\n    display: 'flex',\n    padding: '6px 16px',\n    variants: [...Object.entries(theme.palette).filter(([, value]) => value.main && value.light).map(([color]) => ({\n      props: {\n        colorSeverity: color,\n        variant: 'standard'\n      },\n      style: {\n        color: theme.vars ? theme.vars.palette.Alert[`${color}Color`] : getColor(theme.palette[color].light, 0.6),\n        backgroundColor: theme.vars ? theme.vars.palette.Alert[`${color}StandardBg`] : getBackgroundColor(theme.palette[color].light, 0.9),\n        [`& .${alertClasses.icon}`]: theme.vars ? {\n          color: theme.vars.palette.Alert[`${color}IconColor`]\n        } : {\n          color: theme.palette[color].main\n        }\n      }\n    })), ...Object.entries(theme.palette).filter(([, value]) => value.main && value.light).map(([color]) => ({\n      props: {\n        colorSeverity: color,\n        variant: 'outlined'\n      },\n      style: {\n        color: theme.vars ? theme.vars.palette.Alert[`${color}Color`] : getColor(theme.palette[color].light, 0.6),\n        border: `1px solid ${(theme.vars || theme).palette[color].light}`,\n        [`& .${alertClasses.icon}`]: theme.vars ? {\n          color: theme.vars.palette.Alert[`${color}IconColor`]\n        } : {\n          color: theme.palette[color].main\n        }\n      }\n    })), ...Object.entries(theme.palette).filter(([, value]) => value.main && value.dark).map(([color]) => ({\n      props: {\n        colorSeverity: color,\n        variant: 'filled'\n      },\n      style: _extends({\n        fontWeight: theme.typography.fontWeightMedium\n      }, theme.vars ? {\n        color: theme.vars.palette.Alert[`${color}FilledColor`],\n        backgroundColor: theme.vars.palette.Alert[`${color}FilledBg`]\n      } : {\n        backgroundColor: theme.palette.mode === 'dark' ? theme.palette[color].dark : theme.palette[color].main,\n        color: theme.palette.getContrastText(theme.palette[color].main)\n      })\n    }))]\n  });\n});\nconst AlertIcon = styled('div', {\n  name: 'MuiAlert',\n  slot: 'Icon',\n  overridesResolver: (props, styles) => styles.icon\n})({\n  marginRight: 12,\n  padding: '7px 0',\n  display: 'flex',\n  fontSize: 22,\n  opacity: 0.9\n});\nconst AlertMessage = styled('div', {\n  name: 'MuiAlert',\n  slot: 'Message',\n  overridesResolver: (props, styles) => styles.message\n})({\n  padding: '8px 0',\n  minWidth: 0,\n  overflow: 'auto'\n});\nconst AlertAction = styled('div', {\n  name: 'MuiAlert',\n  slot: 'Action',\n  overridesResolver: (props, styles) => styles.action\n})({\n  display: 'flex',\n  alignItems: 'flex-start',\n  padding: '4px 0 0 16px',\n  marginLeft: 'auto',\n  marginRight: -8\n});\nconst defaultIconMapping = {\n  success: /*#__PURE__*/_jsx(SuccessOutlinedIcon, {\n    fontSize: \"inherit\"\n  }),\n  warning: /*#__PURE__*/_jsx(ReportProblemOutlinedIcon, {\n    fontSize: \"inherit\"\n  }),\n  error: /*#__PURE__*/_jsx(ErrorOutlineIcon, {\n    fontSize: \"inherit\"\n  }),\n  info: /*#__PURE__*/_jsx(InfoOutlinedIcon, {\n    fontSize: \"inherit\"\n  })\n};\nconst Alert = /*#__PURE__*/React.forwardRef(function Alert(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiAlert'\n  });\n  const {\n      action,\n      children,\n      className,\n      closeText = 'Close',\n      color,\n      components = {},\n      componentsProps = {},\n      icon,\n      iconMapping = defaultIconMapping,\n      onClose,\n      role = 'alert',\n      severity = 'success',\n      slotProps = {},\n      slots = {},\n      variant = 'standard'\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const ownerState = _extends({}, props, {\n    color,\n    severity,\n    variant,\n    colorSeverity: color || severity\n  });\n  const classes = useUtilityClasses(ownerState);\n  const externalForwardedProps = {\n    slots: _extends({\n      closeButton: components.CloseButton,\n      closeIcon: components.CloseIcon\n    }, slots),\n    slotProps: _extends({}, componentsProps, slotProps)\n  };\n  const [CloseButtonSlot, closeButtonProps] = useSlot('closeButton', {\n    elementType: IconButton,\n    externalForwardedProps,\n    ownerState\n  });\n  const [CloseIconSlot, closeIconProps] = useSlot('closeIcon', {\n    elementType: CloseIcon,\n    externalForwardedProps,\n    ownerState\n  });\n  return /*#__PURE__*/_jsxs(AlertRoot, _extends({\n    role: role,\n    elevation: 0,\n    ownerState: ownerState,\n    className: clsx(classes.root, className),\n    ref: ref\n  }, other, {\n    children: [icon !== false ? /*#__PURE__*/_jsx(AlertIcon, {\n      ownerState: ownerState,\n      className: classes.icon,\n      children: icon || iconMapping[severity] || defaultIconMapping[severity]\n    }) : null, /*#__PURE__*/_jsx(AlertMessage, {\n      ownerState: ownerState,\n      className: classes.message,\n      children: children\n    }), action != null ? /*#__PURE__*/_jsx(AlertAction, {\n      ownerState: ownerState,\n      className: classes.action,\n      children: action\n    }) : null, action == null && onClose ? /*#__PURE__*/_jsx(AlertAction, {\n      ownerState: ownerState,\n      className: classes.action,\n      children: /*#__PURE__*/_jsx(CloseButtonSlot, _extends({\n        size: \"small\",\n        \"aria-label\": closeText,\n        title: closeText,\n        color: \"inherit\",\n        onClick: onClose\n      }, closeButtonProps, {\n        children: /*#__PURE__*/_jsx(CloseIconSlot, _extends({\n          fontSize: \"small\"\n        }, closeIconProps))\n      }))\n    }) : null]\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Alert.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The action to display. It renders after the message, at the end of the alert.\n   */\n  action: PropTypes.node,\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * Override the default label for the *close popup* icon button.\n   *\n   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).\n   * @default 'Close'\n   */\n  closeText: PropTypes.string,\n  /**\n   * The color of the component. Unless provided, the value is taken from the `severity` prop.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['error', 'info', 'success', 'warning']), PropTypes.string]),\n  /**\n   * The components used for each slot inside.\n   *\n   * @deprecated use the `slots` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).\n   *\n   * @default {}\n   */\n  components: PropTypes.shape({\n    CloseButton: PropTypes.elementType,\n    CloseIcon: PropTypes.elementType\n  }),\n  /**\n   * The extra props for the slot components.\n   * You can override the existing props or add new ones.\n   *\n   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).\n   *\n   * @default {}\n   */\n  componentsProps: PropTypes.shape({\n    closeButton: PropTypes.object,\n    closeIcon: PropTypes.object\n  }),\n  /**\n   * Override the icon displayed before the children.\n   * Unless provided, the icon is mapped to the value of the `severity` prop.\n   * Set to `false` to remove the `icon`.\n   */\n  icon: PropTypes.node,\n  /**\n   * The component maps the `severity` prop to a range of different icons,\n   * for instance success to `<SuccessOutlined>`.\n   * If you wish to change this mapping, you can provide your own.\n   * Alternatively, you can use the `icon` prop to override the icon displayed.\n   */\n  iconMapping: PropTypes.shape({\n    error: PropTypes.node,\n    info: PropTypes.node,\n    success: PropTypes.node,\n    warning: PropTypes.node\n  }),\n  /**\n   * Callback fired when the component requests to be closed.\n   * When provided and no `action` prop is set, a close icon button is displayed that triggers the callback when clicked.\n   * @param {React.SyntheticEvent} event The event source of the callback.\n   */\n  onClose: PropTypes.func,\n  /**\n   * The ARIA role attribute of the element.\n   * @default 'alert'\n   */\n  role: PropTypes.string,\n  /**\n   * The severity of the alert. This defines the color and icon used.\n   * @default 'success'\n   */\n  severity: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['error', 'info', 'success', 'warning']), PropTypes.string]),\n  /**\n   * The props used for each slot inside.\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    closeButton: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n    closeIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])\n  }),\n  /**\n   * The components used for each slot inside.\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    closeButton: PropTypes.elementType,\n    closeIcon: PropTypes.elementType\n  }),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The variant to use.\n   * @default 'standard'\n   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['filled', 'outlined', 'standard']), PropTypes.string])\n} : void 0;\nexport default Alert;","'use client';\n\nimport * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n\n/**\n * @ignore - internal component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"\n}), 'Cancel');","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getChipUtilityClass(slot) {\n  return generateUtilityClass('MuiChip', slot);\n}\nconst chipClasses = generateUtilityClasses('MuiChip', ['root', 'sizeSmall', 'sizeMedium', 'colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning', 'disabled', 'clickable', 'clickableColorPrimary', 'clickableColorSecondary', 'deletable', 'deletableColorPrimary', 'deletableColorSecondary', 'outlined', 'filled', 'outlinedPrimary', 'outlinedSecondary', 'filledPrimary', 'filledSecondary', 'avatar', 'avatarSmall', 'avatarMedium', 'avatarColorPrimary', 'avatarColorSecondary', 'icon', 'iconSmall', 'iconMedium', 'iconColorPrimary', 'iconColorSecondary', 'label', 'labelSmall', 'labelMedium', 'deleteIcon', 'deleteIconSmall', 'deleteIconMedium', 'deleteIconColorPrimary', 'deleteIconColorSecondary', 'deleteIconOutlinedColorPrimary', 'deleteIconOutlinedColorSecondary', 'deleteIconFilledColorPrimary', 'deleteIconFilledColorSecondary', 'focusVisible']);\nexport default chipClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"avatar\", \"className\", \"clickable\", \"color\", \"component\", \"deleteIcon\", \"disabled\", \"icon\", \"label\", \"onClick\", \"onDelete\", \"onKeyDown\", \"onKeyUp\", \"size\", \"variant\", \"tabIndex\", \"skipFocusWhenDisabled\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { alpha } from '@mui/system/colorManipulator';\nimport CancelIcon from '../internal/svg-icons/Cancel';\nimport useForkRef from '../utils/useForkRef';\nimport unsupportedProp from '../utils/unsupportedProp';\nimport capitalize from '../utils/capitalize';\nimport ButtonBase from '../ButtonBase';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport styled from '../styles/styled';\nimport chipClasses, { getChipUtilityClass } from './chipClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    disabled,\n    size,\n    color,\n    iconColor,\n    onDelete,\n    clickable,\n    variant\n  } = ownerState;\n  const slots = {\n    root: ['root', variant, disabled && 'disabled', `size${capitalize(size)}`, `color${capitalize(color)}`, clickable && 'clickable', clickable && `clickableColor${capitalize(color)}`, onDelete && 'deletable', onDelete && `deletableColor${capitalize(color)}`, `${variant}${capitalize(color)}`],\n    label: ['label', `label${capitalize(size)}`],\n    avatar: ['avatar', `avatar${capitalize(size)}`, `avatarColor${capitalize(color)}`],\n    icon: ['icon', `icon${capitalize(size)}`, `iconColor${capitalize(iconColor)}`],\n    deleteIcon: ['deleteIcon', `deleteIcon${capitalize(size)}`, `deleteIconColor${capitalize(color)}`, `deleteIcon${capitalize(variant)}Color${capitalize(color)}`]\n  };\n  return composeClasses(slots, getChipUtilityClass, classes);\n};\nconst ChipRoot = styled('div', {\n  name: 'MuiChip',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    const {\n      color,\n      iconColor,\n      clickable,\n      onDelete,\n      size,\n      variant\n    } = ownerState;\n    return [{\n      [`& .${chipClasses.avatar}`]: styles.avatar\n    }, {\n      [`& .${chipClasses.avatar}`]: styles[`avatar${capitalize(size)}`]\n    }, {\n      [`& .${chipClasses.avatar}`]: styles[`avatarColor${capitalize(color)}`]\n    }, {\n      [`& .${chipClasses.icon}`]: styles.icon\n    }, {\n      [`& .${chipClasses.icon}`]: styles[`icon${capitalize(size)}`]\n    }, {\n      [`& .${chipClasses.icon}`]: styles[`iconColor${capitalize(iconColor)}`]\n    }, {\n      [`& .${chipClasses.deleteIcon}`]: styles.deleteIcon\n    }, {\n      [`& .${chipClasses.deleteIcon}`]: styles[`deleteIcon${capitalize(size)}`]\n    }, {\n      [`& .${chipClasses.deleteIcon}`]: styles[`deleteIconColor${capitalize(color)}`]\n    }, {\n      [`& .${chipClasses.deleteIcon}`]: styles[`deleteIcon${capitalize(variant)}Color${capitalize(color)}`]\n    }, styles.root, styles[`size${capitalize(size)}`], styles[`color${capitalize(color)}`], clickable && styles.clickable, clickable && color !== 'default' && styles[`clickableColor${capitalize(color)})`], onDelete && styles.deletable, onDelete && color !== 'default' && styles[`deletableColor${capitalize(color)}`], styles[variant], styles[`${variant}${capitalize(color)}`]];\n  }\n})(({\n  theme,\n  ownerState\n}) => {\n  const textColor = theme.palette.mode === 'light' ? theme.palette.grey[700] : theme.palette.grey[300];\n  return _extends({\n    maxWidth: '100%',\n    fontFamily: theme.typography.fontFamily,\n    fontSize: theme.typography.pxToRem(13),\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: 32,\n    color: (theme.vars || theme).palette.text.primary,\n    backgroundColor: (theme.vars || theme).palette.action.selected,\n    borderRadius: 32 / 2,\n    whiteSpace: 'nowrap',\n    transition: theme.transitions.create(['background-color', 'box-shadow']),\n    // reset cursor explicitly in case ButtonBase is used\n    cursor: 'unset',\n    // We disable the focus ring for mouse, touch and keyboard users.\n    outline: 0,\n    textDecoration: 'none',\n    border: 0,\n    // Remove `button` border\n    padding: 0,\n    // Remove `button` padding\n    verticalAlign: 'middle',\n    boxSizing: 'border-box',\n    [`&.${chipClasses.disabled}`]: {\n      opacity: (theme.vars || theme).palette.action.disabledOpacity,\n      pointerEvents: 'none'\n    },\n    [`& .${chipClasses.avatar}`]: {\n      marginLeft: 5,\n      marginRight: -6,\n      width: 24,\n      height: 24,\n      color: theme.vars ? theme.vars.palette.Chip.defaultAvatarColor : textColor,\n      fontSize: theme.typography.pxToRem(12)\n    },\n    [`& .${chipClasses.avatarColorPrimary}`]: {\n      color: (theme.vars || theme).palette.primary.contrastText,\n      backgroundColor: (theme.vars || theme).palette.primary.dark\n    },\n    [`& .${chipClasses.avatarColorSecondary}`]: {\n      color: (theme.vars || theme).palette.secondary.contrastText,\n      backgroundColor: (theme.vars || theme).palette.secondary.dark\n    },\n    [`& .${chipClasses.avatarSmall}`]: {\n      marginLeft: 4,\n      marginRight: -4,\n      width: 18,\n      height: 18,\n      fontSize: theme.typography.pxToRem(10)\n    },\n    [`& .${chipClasses.icon}`]: _extends({\n      marginLeft: 5,\n      marginRight: -6\n    }, ownerState.size === 'small' && {\n      fontSize: 18,\n      marginLeft: 4,\n      marginRight: -4\n    }, ownerState.iconColor === ownerState.color && _extends({\n      color: theme.vars ? theme.vars.palette.Chip.defaultIconColor : textColor\n    }, ownerState.color !== 'default' && {\n      color: 'inherit'\n    })),\n    [`& .${chipClasses.deleteIcon}`]: _extends({\n      WebkitTapHighlightColor: 'transparent',\n      color: theme.vars ? `rgba(${theme.vars.palette.text.primaryChannel} / 0.26)` : alpha(theme.palette.text.primary, 0.26),\n      fontSize: 22,\n      cursor: 'pointer',\n      margin: '0 5px 0 -6px',\n      '&:hover': {\n        color: theme.vars ? `rgba(${theme.vars.palette.text.primaryChannel} / 0.4)` : alpha(theme.palette.text.primary, 0.4)\n      }\n    }, ownerState.size === 'small' && {\n      fontSize: 16,\n      marginRight: 4,\n      marginLeft: -4\n    }, ownerState.color !== 'default' && {\n      color: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].contrastTextChannel} / 0.7)` : alpha(theme.palette[ownerState.color].contrastText, 0.7),\n      '&:hover, &:active': {\n        color: (theme.vars || theme).palette[ownerState.color].contrastText\n      }\n    })\n  }, ownerState.size === 'small' && {\n    height: 24\n  }, ownerState.color !== 'default' && {\n    backgroundColor: (theme.vars || theme).palette[ownerState.color].main,\n    color: (theme.vars || theme).palette[ownerState.color].contrastText\n  }, ownerState.onDelete && {\n    [`&.${chipClasses.focusVisible}`]: {\n      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.selectedChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.focusOpacity}))` : alpha(theme.palette.action.selected, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)\n    }\n  }, ownerState.onDelete && ownerState.color !== 'default' && {\n    [`&.${chipClasses.focusVisible}`]: {\n      backgroundColor: (theme.vars || theme).palette[ownerState.color].dark\n    }\n  });\n}, ({\n  theme,\n  ownerState\n}) => _extends({}, ownerState.clickable && {\n  userSelect: 'none',\n  WebkitTapHighlightColor: 'transparent',\n  cursor: 'pointer',\n  '&:hover': {\n    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.selectedChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))` : alpha(theme.palette.action.selected, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity)\n  },\n  [`&.${chipClasses.focusVisible}`]: {\n    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.selectedChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.focusOpacity}))` : alpha(theme.palette.action.selected, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)\n  },\n  '&:active': {\n    boxShadow: (theme.vars || theme).shadows[1]\n  }\n}, ownerState.clickable && ownerState.color !== 'default' && {\n  [`&:hover, &.${chipClasses.focusVisible}`]: {\n    backgroundColor: (theme.vars || theme).palette[ownerState.color].dark\n  }\n}), ({\n  theme,\n  ownerState\n}) => _extends({}, ownerState.variant === 'outlined' && {\n  backgroundColor: 'transparent',\n  border: theme.vars ? `1px solid ${theme.vars.palette.Chip.defaultBorder}` : `1px solid ${theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[700]}`,\n  [`&.${chipClasses.clickable}:hover`]: {\n    backgroundColor: (theme.vars || theme).palette.action.hover\n  },\n  [`&.${chipClasses.focusVisible}`]: {\n    backgroundColor: (theme.vars || theme).palette.action.focus\n  },\n  [`& .${chipClasses.avatar}`]: {\n    marginLeft: 4\n  },\n  [`& .${chipClasses.avatarSmall}`]: {\n    marginLeft: 2\n  },\n  [`& .${chipClasses.icon}`]: {\n    marginLeft: 4\n  },\n  [`& .${chipClasses.iconSmall}`]: {\n    marginLeft: 2\n  },\n  [`& .${chipClasses.deleteIcon}`]: {\n    marginRight: 5\n  },\n  [`& .${chipClasses.deleteIconSmall}`]: {\n    marginRight: 3\n  }\n}, ownerState.variant === 'outlined' && ownerState.color !== 'default' && {\n  color: (theme.vars || theme).palette[ownerState.color].main,\n  border: `1px solid ${theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.7)` : alpha(theme.palette[ownerState.color].main, 0.7)}`,\n  [`&.${chipClasses.clickable}:hover`]: {\n    backgroundColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity)\n  },\n  [`&.${chipClasses.focusVisible}`]: {\n    backgroundColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.focusOpacity})` : alpha(theme.palette[ownerState.color].main, theme.palette.action.focusOpacity)\n  },\n  [`& .${chipClasses.deleteIcon}`]: {\n    color: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.7)` : alpha(theme.palette[ownerState.color].main, 0.7),\n    '&:hover, &:active': {\n      color: (theme.vars || theme).palette[ownerState.color].main\n    }\n  }\n}));\nconst ChipLabel = styled('span', {\n  name: 'MuiChip',\n  slot: 'Label',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    const {\n      size\n    } = ownerState;\n    return [styles.label, styles[`label${capitalize(size)}`]];\n  }\n})(({\n  ownerState\n}) => _extends({\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  paddingLeft: 12,\n  paddingRight: 12,\n  whiteSpace: 'nowrap'\n}, ownerState.variant === 'outlined' && {\n  paddingLeft: 11,\n  paddingRight: 11\n}, ownerState.size === 'small' && {\n  paddingLeft: 8,\n  paddingRight: 8\n}, ownerState.size === 'small' && ownerState.variant === 'outlined' && {\n  paddingLeft: 7,\n  paddingRight: 7\n}));\nfunction isDeleteKeyboardEvent(keyboardEvent) {\n  return keyboardEvent.key === 'Backspace' || keyboardEvent.key === 'Delete';\n}\n\n/**\n * Chips represent complex entities in small blocks, such as a contact.\n */\nconst Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiChip'\n  });\n  const {\n      avatar: avatarProp,\n      className,\n      clickable: clickableProp,\n      color = 'default',\n      component: ComponentProp,\n      deleteIcon: deleteIconProp,\n      disabled = false,\n      icon: iconProp,\n      label,\n      onClick,\n      onDelete,\n      onKeyDown,\n      onKeyUp,\n      size = 'medium',\n      variant = 'filled',\n      tabIndex,\n      skipFocusWhenDisabled = false // TODO v6: Rename to `focusableWhenDisabled`.\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const chipRef = React.useRef(null);\n  const handleRef = useForkRef(chipRef, ref);\n  const handleDeleteIconClick = event => {\n    // Stop the event from bubbling up to the `Chip`\n    event.stopPropagation();\n    if (onDelete) {\n      onDelete(event);\n    }\n  };\n  const handleKeyDown = event => {\n    // Ignore events from children of `Chip`.\n    if (event.currentTarget === event.target && isDeleteKeyboardEvent(event)) {\n      // Will be handled in keyUp, otherwise some browsers\n      // might init navigation\n      event.preventDefault();\n    }\n    if (onKeyDown) {\n      onKeyDown(event);\n    }\n  };\n  const handleKeyUp = event => {\n    // Ignore events from children of `Chip`.\n    if (event.currentTarget === event.target) {\n      if (onDelete && isDeleteKeyboardEvent(event)) {\n        onDelete(event);\n      } else if (event.key === 'Escape' && chipRef.current) {\n        chipRef.current.blur();\n      }\n    }\n    if (onKeyUp) {\n      onKeyUp(event);\n    }\n  };\n  const clickable = clickableProp !== false && onClick ? true : clickableProp;\n  const component = clickable || onDelete ? ButtonBase : ComponentProp || 'div';\n  const ownerState = _extends({}, props, {\n    component,\n    disabled,\n    size,\n    color,\n    iconColor: /*#__PURE__*/React.isValidElement(iconProp) ? iconProp.props.color || color : color,\n    onDelete: !!onDelete,\n    clickable,\n    variant\n  });\n  const classes = useUtilityClasses(ownerState);\n  const moreProps = component === ButtonBase ? _extends({\n    component: ComponentProp || 'div',\n    focusVisibleClassName: classes.focusVisible\n  }, onDelete && {\n    disableRipple: true\n  }) : {};\n  let deleteIcon = null;\n  if (onDelete) {\n    deleteIcon = deleteIconProp && /*#__PURE__*/React.isValidElement(deleteIconProp) ? ( /*#__PURE__*/React.cloneElement(deleteIconProp, {\n      className: clsx(deleteIconProp.props.className, classes.deleteIcon),\n      onClick: handleDeleteIconClick\n    })) : /*#__PURE__*/_jsx(CancelIcon, {\n      className: clsx(classes.deleteIcon),\n      onClick: handleDeleteIconClick\n    });\n  }\n  let avatar = null;\n  if (avatarProp && /*#__PURE__*/React.isValidElement(avatarProp)) {\n    avatar = /*#__PURE__*/React.cloneElement(avatarProp, {\n      className: clsx(classes.avatar, avatarProp.props.className)\n    });\n  }\n  let icon = null;\n  if (iconProp && /*#__PURE__*/React.isValidElement(iconProp)) {\n    icon = /*#__PURE__*/React.cloneElement(iconProp, {\n      className: clsx(classes.icon, iconProp.props.className)\n    });\n  }\n  if (process.env.NODE_ENV !== 'production') {\n    if (avatar && icon) {\n      console.error('MUI: The Chip component can not handle the avatar ' + 'and the icon prop at the same time. Pick one.');\n    }\n  }\n  return /*#__PURE__*/_jsxs(ChipRoot, _extends({\n    as: component,\n    className: clsx(classes.root, className),\n    disabled: clickable && disabled ? true : undefined,\n    onClick: onClick,\n    onKeyDown: handleKeyDown,\n    onKeyUp: handleKeyUp,\n    ref: handleRef,\n    tabIndex: skipFocusWhenDisabled && disabled ? -1 : tabIndex,\n    ownerState: ownerState\n  }, moreProps, other, {\n    children: [avatar || icon, /*#__PURE__*/_jsx(ChipLabel, {\n      className: clsx(classes.label),\n      ownerState: ownerState,\n      children: label\n    }), deleteIcon]\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Chip.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The Avatar element to display.\n   */\n  avatar: PropTypes.element,\n  /**\n   * This prop isn't supported.\n   * Use the `component` prop if you need to change the children structure.\n   */\n  children: unsupportedProp,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * If `true`, the chip will appear clickable, and will raise when pressed,\n   * even if the onClick prop is not defined.\n   * If `false`, the chip will not appear clickable, even if onClick prop is defined.\n   * This can be used, for example,\n   * along with the component prop to indicate an anchor Chip is clickable.\n   * Note: this controls the UI and does not affect the onClick event.\n   */\n  clickable: PropTypes.bool,\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * @default 'default'\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Override the default delete icon element. Shown only if `onDelete` is set.\n   */\n  deleteIcon: PropTypes.element,\n  /**\n   * If `true`, the component is disabled.\n   * @default false\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Icon element.\n   */\n  icon: PropTypes.element,\n  /**\n   * The content of the component.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  onClick: PropTypes.func,\n  /**\n   * Callback fired when the delete icon is clicked.\n   * If set, the delete icon will be shown.\n   */\n  onDelete: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onKeyDown: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onKeyUp: PropTypes.func,\n  /**\n   * The size of the component.\n   * @default 'medium'\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),\n  /**\n   * If `true`, allows the disabled chip to escape focus.\n   * If `false`, allows the disabled chip to receive focus.\n   * @default false\n   */\n  skipFocusWhenDisabled: PropTypes.bool,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * @ignore\n   */\n  tabIndex: PropTypes.number,\n  /**\n   * The variant to use.\n   * @default 'filled'\n   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['filled', 'outlined']), PropTypes.string])\n} : void 0;\nexport default Chip;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getLinearProgressUtilityClass(slot) {\n  return generateUtilityClass('MuiLinearProgress', slot);\n}\nconst linearProgressClasses = generateUtilityClasses('MuiLinearProgress', ['root', 'colorPrimary', 'colorSecondary', 'determinate', 'indeterminate', 'buffer', 'query', 'dashed', 'dashedColorPrimary', 'dashedColorSecondary', 'bar', 'barColorPrimary', 'barColorSecondary', 'bar1Indeterminate', 'bar1Determinate', 'bar1Buffer', 'bar2Indeterminate', 'bar2Buffer']);\nexport default linearProgressClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"className\", \"color\", \"value\", \"valueBuffer\", \"variant\"];\nlet _ = t => t,\n  _t,\n  _t2,\n  _t3,\n  _t4,\n  _t5,\n  _t6;\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { keyframes, css } from '@mui/system';\nimport { darken, lighten } from '@mui/system/colorManipulator';\nimport { useRtl } from '@mui/system/RtlProvider';\nimport capitalize from '../utils/capitalize';\nimport styled from '../styles/styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport { getLinearProgressUtilityClass } from './linearProgressClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nconst TRANSITION_DURATION = 4; // seconds\nconst indeterminate1Keyframe = keyframes(_t || (_t = _`\n  0% {\n    left: -35%;\n    right: 100%;\n  }\n\n  60% {\n    left: 100%;\n    right: -90%;\n  }\n\n  100% {\n    left: 100%;\n    right: -90%;\n  }\n`));\nconst indeterminate2Keyframe = keyframes(_t2 || (_t2 = _`\n  0% {\n    left: -200%;\n    right: 100%;\n  }\n\n  60% {\n    left: 107%;\n    right: -8%;\n  }\n\n  100% {\n    left: 107%;\n    right: -8%;\n  }\n`));\nconst bufferKeyframe = keyframes(_t3 || (_t3 = _`\n  0% {\n    opacity: 1;\n    background-position: 0 -23px;\n  }\n\n  60% {\n    opacity: 0;\n    background-position: 0 -23px;\n  }\n\n  100% {\n    opacity: 1;\n    background-position: -200px -23px;\n  }\n`));\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    variant,\n    color\n  } = ownerState;\n  const slots = {\n    root: ['root', `color${capitalize(color)}`, variant],\n    dashed: ['dashed', `dashedColor${capitalize(color)}`],\n    bar1: ['bar', `barColor${capitalize(color)}`, (variant === 'indeterminate' || variant === 'query') && 'bar1Indeterminate', variant === 'determinate' && 'bar1Determinate', variant === 'buffer' && 'bar1Buffer'],\n    bar2: ['bar', variant !== 'buffer' && `barColor${capitalize(color)}`, variant === 'buffer' && `color${capitalize(color)}`, (variant === 'indeterminate' || variant === 'query') && 'bar2Indeterminate', variant === 'buffer' && 'bar2Buffer']\n  };\n  return composeClasses(slots, getLinearProgressUtilityClass, classes);\n};\nconst getColorShade = (theme, color) => {\n  if (color === 'inherit') {\n    return 'currentColor';\n  }\n  if (theme.vars) {\n    return theme.vars.palette.LinearProgress[`${color}Bg`];\n  }\n  return theme.palette.mode === 'light' ? lighten(theme.palette[color].main, 0.62) : darken(theme.palette[color].main, 0.5);\n};\nconst LinearProgressRoot = styled('span', {\n  name: 'MuiLinearProgress',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, styles[`color${capitalize(ownerState.color)}`], styles[ownerState.variant]];\n  }\n})(({\n  ownerState,\n  theme\n}) => _extends({\n  position: 'relative',\n  overflow: 'hidden',\n  display: 'block',\n  height: 4,\n  zIndex: 0,\n  // Fix Safari's bug during composition of different paint.\n  '@media print': {\n    colorAdjust: 'exact'\n  },\n  backgroundColor: getColorShade(theme, ownerState.color)\n}, ownerState.color === 'inherit' && ownerState.variant !== 'buffer' && {\n  backgroundColor: 'none',\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    left: 0,\n    top: 0,\n    right: 0,\n    bottom: 0,\n    backgroundColor: 'currentColor',\n    opacity: 0.3\n  }\n}, ownerState.variant === 'buffer' && {\n  backgroundColor: 'transparent'\n}, ownerState.variant === 'query' && {\n  transform: 'rotate(180deg)'\n}));\nconst LinearProgressDashed = styled('span', {\n  name: 'MuiLinearProgress',\n  slot: 'Dashed',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.dashed, styles[`dashedColor${capitalize(ownerState.color)}`]];\n  }\n})(({\n  ownerState,\n  theme\n}) => {\n  const backgroundColor = getColorShade(theme, ownerState.color);\n  return _extends({\n    position: 'absolute',\n    marginTop: 0,\n    height: '100%',\n    width: '100%'\n  }, ownerState.color === 'inherit' && {\n    opacity: 0.3\n  }, {\n    backgroundImage: `radial-gradient(${backgroundColor} 0%, ${backgroundColor} 16%, transparent 42%)`,\n    backgroundSize: '10px 10px',\n    backgroundPosition: '0 -23px'\n  });\n}, css(_t4 || (_t4 = _`\n    animation: ${0} 3s infinite linear;\n  `), bufferKeyframe));\nconst LinearProgressBar1 = styled('span', {\n  name: 'MuiLinearProgress',\n  slot: 'Bar1',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.bar, styles[`barColor${capitalize(ownerState.color)}`], (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && styles.bar1Indeterminate, ownerState.variant === 'determinate' && styles.bar1Determinate, ownerState.variant === 'buffer' && styles.bar1Buffer];\n  }\n})(({\n  ownerState,\n  theme\n}) => _extends({\n  width: '100%',\n  position: 'absolute',\n  left: 0,\n  bottom: 0,\n  top: 0,\n  transition: 'transform 0.2s linear',\n  transformOrigin: 'left',\n  backgroundColor: ownerState.color === 'inherit' ? 'currentColor' : (theme.vars || theme).palette[ownerState.color].main\n}, ownerState.variant === 'determinate' && {\n  transition: `transform .${TRANSITION_DURATION}s linear`\n}, ownerState.variant === 'buffer' && {\n  zIndex: 1,\n  transition: `transform .${TRANSITION_DURATION}s linear`\n}), ({\n  ownerState\n}) => (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && css(_t5 || (_t5 = _`\n      width: auto;\n      animation: ${0} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n    `), indeterminate1Keyframe));\nconst LinearProgressBar2 = styled('span', {\n  name: 'MuiLinearProgress',\n  slot: 'Bar2',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.bar, styles[`barColor${capitalize(ownerState.color)}`], (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && styles.bar2Indeterminate, ownerState.variant === 'buffer' && styles.bar2Buffer];\n  }\n})(({\n  ownerState,\n  theme\n}) => _extends({\n  width: '100%',\n  position: 'absolute',\n  left: 0,\n  bottom: 0,\n  top: 0,\n  transition: 'transform 0.2s linear',\n  transformOrigin: 'left'\n}, ownerState.variant !== 'buffer' && {\n  backgroundColor: ownerState.color === 'inherit' ? 'currentColor' : (theme.vars || theme).palette[ownerState.color].main\n}, ownerState.color === 'inherit' && {\n  opacity: 0.3\n}, ownerState.variant === 'buffer' && {\n  backgroundColor: getColorShade(theme, ownerState.color),\n  transition: `transform .${TRANSITION_DURATION}s linear`\n}), ({\n  ownerState\n}) => (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && css(_t6 || (_t6 = _`\n      width: auto;\n      animation: ${0} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;\n    `), indeterminate2Keyframe));\n\n/**\n * ## ARIA\n *\n * If the progress bar is describing the loading progress of a particular region of a page,\n * you should use `aria-describedby` to point to the progress bar, and set the `aria-busy`\n * attribute to `true` on that region until it has finished loading.\n */\nconst LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiLinearProgress'\n  });\n  const {\n      className,\n      color = 'primary',\n      value,\n      valueBuffer,\n      variant = 'indeterminate'\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const ownerState = _extends({}, props, {\n    color,\n    variant\n  });\n  const classes = useUtilityClasses(ownerState);\n  const isRtl = useRtl();\n  const rootProps = {};\n  const inlineStyles = {\n    bar1: {},\n    bar2: {}\n  };\n  if (variant === 'determinate' || variant === 'buffer') {\n    if (value !== undefined) {\n      rootProps['aria-valuenow'] = Math.round(value);\n      rootProps['aria-valuemin'] = 0;\n      rootProps['aria-valuemax'] = 100;\n      let transform = value - 100;\n      if (isRtl) {\n        transform = -transform;\n      }\n      inlineStyles.bar1.transform = `translateX(${transform}%)`;\n    } else if (process.env.NODE_ENV !== 'production') {\n      console.error('MUI: You need to provide a value prop ' + 'when using the determinate or buffer variant of LinearProgress .');\n    }\n  }\n  if (variant === 'buffer') {\n    if (valueBuffer !== undefined) {\n      let transform = (valueBuffer || 0) - 100;\n      if (isRtl) {\n        transform = -transform;\n      }\n      inlineStyles.bar2.transform = `translateX(${transform}%)`;\n    } else if (process.env.NODE_ENV !== 'production') {\n      console.error('MUI: You need to provide a valueBuffer prop ' + 'when using the buffer variant of LinearProgress.');\n    }\n  }\n  return /*#__PURE__*/_jsxs(LinearProgressRoot, _extends({\n    className: clsx(classes.root, className),\n    ownerState: ownerState,\n    role: \"progressbar\"\n  }, rootProps, {\n    ref: ref\n  }, other, {\n    children: [variant === 'buffer' ? /*#__PURE__*/_jsx(LinearProgressDashed, {\n      className: classes.dashed,\n      ownerState: ownerState\n    }) : null, /*#__PURE__*/_jsx(LinearProgressBar1, {\n      className: classes.bar1,\n      ownerState: ownerState,\n      style: inlineStyles.bar1\n    }), variant === 'determinate' ? null : /*#__PURE__*/_jsx(LinearProgressBar2, {\n      className: classes.bar2,\n      ownerState: ownerState,\n      style: inlineStyles.bar2\n    })]\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? LinearProgress.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * @default 'primary'\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary']), PropTypes.string]),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The value of the progress indicator for the determinate and buffer variants.\n   * Value between 0 and 100.\n   */\n  value: PropTypes.number,\n  /**\n   * The value for the buffer variant.\n   * Value between 0 and 100.\n   */\n  valueBuffer: PropTypes.number,\n  /**\n   * The variant to use.\n   * Use indeterminate or query when there is no progress value.\n   * @default 'indeterminate'\n   */\n  variant: PropTypes.oneOf(['buffer', 'determinate', 'indeterminate', 'query'])\n} : void 0;\nexport default LinearProgress;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getPaginationUtilityClass(slot) {\n  return generateUtilityClass('MuiPagination', slot);\n}\nconst paginationClasses = generateUtilityClasses('MuiPagination', ['root', 'ul', 'outlined', 'text']);\nexport default paginationClasses;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"boundaryCount\", \"componentName\", \"count\", \"defaultPage\", \"disabled\", \"hideNextButton\", \"hidePrevButton\", \"onChange\", \"page\", \"showFirstButton\", \"showLastButton\", \"siblingCount\"];\nimport useControlled from '@mui/utils/useControlled';\nexport default function usePagination(props = {}) {\n  // keep default values in sync with @default tags in Pagination.propTypes\n  const {\n      boundaryCount = 1,\n      componentName = 'usePagination',\n      count = 1,\n      defaultPage = 1,\n      disabled = false,\n      hideNextButton = false,\n      hidePrevButton = false,\n      onChange: handleChange,\n      page: pageProp,\n      showFirstButton = false,\n      showLastButton = false,\n      siblingCount = 1\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const [page, setPageState] = useControlled({\n    controlled: pageProp,\n    default: defaultPage,\n    name: componentName,\n    state: 'page'\n  });\n  const handleClick = (event, value) => {\n    if (!pageProp) {\n      setPageState(value);\n    }\n    if (handleChange) {\n      handleChange(event, value);\n    }\n  };\n\n  // https://dev.to/namirsab/comment/2050\n  const range = (start, end) => {\n    const length = end - start + 1;\n    return Array.from({\n      length\n    }, (_, i) => start + i);\n  };\n  const startPages = range(1, Math.min(boundaryCount, count));\n  const endPages = range(Math.max(count - boundaryCount + 1, boundaryCount + 1), count);\n  const siblingsStart = Math.max(Math.min(\n  // Natural start\n  page - siblingCount,\n  // Lower boundary when page is high\n  count - boundaryCount - siblingCount * 2 - 1),\n  // Greater than startPages\n  boundaryCount + 2);\n  const siblingsEnd = Math.min(Math.max(\n  // Natural end\n  page + siblingCount,\n  // Upper boundary when page is low\n  boundaryCount + siblingCount * 2 + 2),\n  // Less than endPages\n  endPages.length > 0 ? endPages[0] - 2 : count - 1);\n\n  // Basic list of items to render\n  // for example itemList = ['first', 'previous', 1, 'ellipsis', 4, 5, 6, 'ellipsis', 10, 'next', 'last']\n  const itemList = [...(showFirstButton ? ['first'] : []), ...(hidePrevButton ? [] : ['previous']), ...startPages,\n  // Start ellipsis\n  // eslint-disable-next-line no-nested-ternary\n  ...(siblingsStart > boundaryCount + 2 ? ['start-ellipsis'] : boundaryCount + 1 < count - boundaryCount ? [boundaryCount + 1] : []),\n  // Sibling pages\n  ...range(siblingsStart, siblingsEnd),\n  // End ellipsis\n  // eslint-disable-next-line no-nested-ternary\n  ...(siblingsEnd < count - boundaryCount - 1 ? ['end-ellipsis'] : count - boundaryCount > boundaryCount ? [count - boundaryCount] : []), ...endPages, ...(hideNextButton ? [] : ['next']), ...(showLastButton ? ['last'] : [])];\n\n  // Map the button type to its page number\n  const buttonPage = type => {\n    switch (type) {\n      case 'first':\n        return 1;\n      case 'previous':\n        return page - 1;\n      case 'next':\n        return page + 1;\n      case 'last':\n        return count;\n      default:\n        return null;\n    }\n  };\n\n  // Convert the basic item list to PaginationItem props objects\n  const items = itemList.map(item => {\n    return typeof item === 'number' ? {\n      onClick: event => {\n        handleClick(event, item);\n      },\n      type: 'page',\n      page: item,\n      selected: item === page,\n      disabled,\n      'aria-current': item === page ? 'true' : undefined\n    } : {\n      onClick: event => {\n        handleClick(event, buttonPage(item));\n      },\n      type: item,\n      page: buttonPage(item),\n      selected: false,\n      disabled: disabled || item.indexOf('ellipsis') === -1 && (item === 'next' || item === 'last' ? page >= count : page <= 1)\n    };\n  });\n  return _extends({\n    items\n  }, other);\n}","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getPaginationItemUtilityClass(slot) {\n  return generateUtilityClass('MuiPaginationItem', slot);\n}\nconst paginationItemClasses = generateUtilityClasses('MuiPaginationItem', ['root', 'page', 'sizeSmall', 'sizeLarge', 'text', 'textPrimary', 'textSecondary', 'outlined', 'outlinedPrimary', 'outlinedSecondary', 'rounded', 'ellipsis', 'firstLast', 'previousNext', 'focusVisible', 'disabled', 'selected', 'icon', 'colorPrimary', 'colorSecondary']);\nexport default paginationItemClasses;","'use client';\n\nimport * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n\n/**\n * @ignore - internal component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z\"\n}), 'FirstPage');","'use client';\n\nimport * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n\n/**\n * @ignore - internal component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z\"\n}), 'LastPage');","'use client';\n\nimport * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n\n/**\n * @ignore - internal component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\n}), 'NavigateBefore');","'use client';\n\nimport * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n\n/**\n * @ignore - internal component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\n}), 'NavigateNext');","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"className\", \"color\", \"component\", \"components\", \"disabled\", \"page\", \"selected\", \"shape\", \"size\", \"slots\", \"type\", \"variant\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { alpha } from '@mui/system/colorManipulator';\nimport { useRtl } from '@mui/system/RtlProvider';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport paginationItemClasses, { getPaginationItemUtilityClass } from './paginationItemClasses';\nimport ButtonBase from '../ButtonBase';\nimport capitalize from '../utils/capitalize';\nimport FirstPageIcon from '../internal/svg-icons/FirstPage';\nimport LastPageIcon from '../internal/svg-icons/LastPage';\nimport NavigateBeforeIcon from '../internal/svg-icons/NavigateBefore';\nimport NavigateNextIcon from '../internal/svg-icons/NavigateNext';\nimport styled from '../styles/styled';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nconst overridesResolver = (props, styles) => {\n  const {\n    ownerState\n  } = props;\n  return [styles.root, styles[ownerState.variant], styles[`size${capitalize(ownerState.size)}`], ownerState.variant === 'text' && styles[`text${capitalize(ownerState.color)}`], ownerState.variant === 'outlined' && styles[`outlined${capitalize(ownerState.color)}`], ownerState.shape === 'rounded' && styles.rounded, ownerState.type === 'page' && styles.page, (ownerState.type === 'start-ellipsis' || ownerState.type === 'end-ellipsis') && styles.ellipsis, (ownerState.type === 'previous' || ownerState.type === 'next') && styles.previousNext, (ownerState.type === 'first' || ownerState.type === 'last') && styles.firstLast];\n};\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    color,\n    disabled,\n    selected,\n    size,\n    shape,\n    type,\n    variant\n  } = ownerState;\n  const slots = {\n    root: ['root', `size${capitalize(size)}`, variant, shape, color !== 'standard' && `color${capitalize(color)}`, color !== 'standard' && `${variant}${capitalize(color)}`, disabled && 'disabled', selected && 'selected', {\n      page: 'page',\n      first: 'firstLast',\n      last: 'firstLast',\n      'start-ellipsis': 'ellipsis',\n      'end-ellipsis': 'ellipsis',\n      previous: 'previousNext',\n      next: 'previousNext'\n    }[type]],\n    icon: ['icon']\n  };\n  return composeClasses(slots, getPaginationItemUtilityClass, classes);\n};\nconst PaginationItemEllipsis = styled('div', {\n  name: 'MuiPaginationItem',\n  slot: 'Root',\n  overridesResolver\n})(({\n  theme,\n  ownerState\n}) => _extends({}, theme.typography.body2, {\n  borderRadius: 32 / 2,\n  textAlign: 'center',\n  boxSizing: 'border-box',\n  minWidth: 32,\n  padding: '0 6px',\n  margin: '0 3px',\n  color: (theme.vars || theme).palette.text.primary,\n  height: 'auto',\n  [`&.${paginationItemClasses.disabled}`]: {\n    opacity: (theme.vars || theme).palette.action.disabledOpacity\n  }\n}, ownerState.size === 'small' && {\n  minWidth: 26,\n  borderRadius: 26 / 2,\n  margin: '0 1px',\n  padding: '0 4px'\n}, ownerState.size === 'large' && {\n  minWidth: 40,\n  borderRadius: 40 / 2,\n  padding: '0 10px',\n  fontSize: theme.typography.pxToRem(15)\n}));\nconst PaginationItemPage = styled(ButtonBase, {\n  name: 'MuiPaginationItem',\n  slot: 'Root',\n  overridesResolver\n})(({\n  theme,\n  ownerState\n}) => _extends({}, theme.typography.body2, {\n  borderRadius: 32 / 2,\n  textAlign: 'center',\n  boxSizing: 'border-box',\n  minWidth: 32,\n  height: 32,\n  padding: '0 6px',\n  margin: '0 3px',\n  color: (theme.vars || theme).palette.text.primary,\n  [`&.${paginationItemClasses.focusVisible}`]: {\n    backgroundColor: (theme.vars || theme).palette.action.focus\n  },\n  [`&.${paginationItemClasses.disabled}`]: {\n    opacity: (theme.vars || theme).palette.action.disabledOpacity\n  },\n  transition: theme.transitions.create(['color', 'background-color'], {\n    duration: theme.transitions.duration.short\n  }),\n  '&:hover': {\n    backgroundColor: (theme.vars || theme).palette.action.hover,\n    // Reset on touch devices, it doesn't add specificity\n    '@media (hover: none)': {\n      backgroundColor: 'transparent'\n    }\n  },\n  [`&.${paginationItemClasses.selected}`]: {\n    backgroundColor: (theme.vars || theme).palette.action.selected,\n    '&:hover': {\n      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.selectedChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))` : alpha(theme.palette.action.selected, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity),\n      // Reset on touch devices, it doesn't add specificity\n      '@media (hover: none)': {\n        backgroundColor: (theme.vars || theme).palette.action.selected\n      }\n    },\n    [`&.${paginationItemClasses.focusVisible}`]: {\n      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.selectedChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.focusOpacity}))` : alpha(theme.palette.action.selected, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)\n    },\n    [`&.${paginationItemClasses.disabled}`]: {\n      opacity: 1,\n      color: (theme.vars || theme).palette.action.disabled,\n      backgroundColor: (theme.vars || theme).palette.action.selected\n    }\n  }\n}, ownerState.size === 'small' && {\n  minWidth: 26,\n  height: 26,\n  borderRadius: 26 / 2,\n  margin: '0 1px',\n  padding: '0 4px'\n}, ownerState.size === 'large' && {\n  minWidth: 40,\n  height: 40,\n  borderRadius: 40 / 2,\n  padding: '0 10px',\n  fontSize: theme.typography.pxToRem(15)\n}, ownerState.shape === 'rounded' && {\n  borderRadius: (theme.vars || theme).shape.borderRadius\n}), ({\n  theme,\n  ownerState\n}) => _extends({}, ownerState.variant === 'text' && {\n  [`&.${paginationItemClasses.selected}`]: _extends({}, ownerState.color !== 'standard' && {\n    color: (theme.vars || theme).palette[ownerState.color].contrastText,\n    backgroundColor: (theme.vars || theme).palette[ownerState.color].main,\n    '&:hover': {\n      backgroundColor: (theme.vars || theme).palette[ownerState.color].dark,\n      // Reset on touch devices, it doesn't add specificity\n      '@media (hover: none)': {\n        backgroundColor: (theme.vars || theme).palette[ownerState.color].main\n      }\n    },\n    [`&.${paginationItemClasses.focusVisible}`]: {\n      backgroundColor: (theme.vars || theme).palette[ownerState.color].dark\n    }\n  }, {\n    [`&.${paginationItemClasses.disabled}`]: {\n      color: (theme.vars || theme).palette.action.disabled\n    }\n  })\n}, ownerState.variant === 'outlined' && {\n  border: theme.vars ? `1px solid rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)'}`,\n  [`&.${paginationItemClasses.selected}`]: _extends({}, ownerState.color !== 'standard' && {\n    color: (theme.vars || theme).palette[ownerState.color].main,\n    border: `1px solid ${theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.5)` : alpha(theme.palette[ownerState.color].main, 0.5)}`,\n    backgroundColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.activatedOpacity})` : alpha(theme.palette[ownerState.color].main, theme.palette.action.activatedOpacity),\n    '&:hover': {\n      backgroundColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / calc(${theme.vars.palette.action.activatedOpacity} + ${theme.vars.palette.action.focusOpacity}))` : alpha(theme.palette[ownerState.color].main, theme.palette.action.activatedOpacity + theme.palette.action.focusOpacity),\n      // Reset on touch devices, it doesn't add specificity\n      '@media (hover: none)': {\n        backgroundColor: 'transparent'\n      }\n    },\n    [`&.${paginationItemClasses.focusVisible}`]: {\n      backgroundColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / calc(${theme.vars.palette.action.activatedOpacity} + ${theme.vars.palette.action.focusOpacity}))` : alpha(theme.palette[ownerState.color].main, theme.palette.action.activatedOpacity + theme.palette.action.focusOpacity)\n    }\n  }, {\n    [`&.${paginationItemClasses.disabled}`]: {\n      borderColor: (theme.vars || theme).palette.action.disabledBackground,\n      color: (theme.vars || theme).palette.action.disabled\n    }\n  })\n}));\nconst PaginationItemPageIcon = styled('div', {\n  name: 'MuiPaginationItem',\n  slot: 'Icon',\n  overridesResolver: (props, styles) => styles.icon\n})(({\n  theme,\n  ownerState\n}) => _extends({\n  fontSize: theme.typography.pxToRem(20),\n  margin: '0 -8px'\n}, ownerState.size === 'small' && {\n  fontSize: theme.typography.pxToRem(18)\n}, ownerState.size === 'large' && {\n  fontSize: theme.typography.pxToRem(22)\n}));\nconst PaginationItem = /*#__PURE__*/React.forwardRef(function PaginationItem(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiPaginationItem'\n  });\n  const {\n      className,\n      color = 'standard',\n      component,\n      components = {},\n      disabled = false,\n      page,\n      selected = false,\n      shape = 'circular',\n      size = 'medium',\n      slots = {},\n      type = 'page',\n      variant = 'text'\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const ownerState = _extends({}, props, {\n    color,\n    disabled,\n    selected,\n    shape,\n    size,\n    type,\n    variant\n  });\n  const isRtl = useRtl();\n  const classes = useUtilityClasses(ownerState);\n  const normalizedIcons = isRtl ? {\n    previous: slots.next || components.next || NavigateNextIcon,\n    next: slots.previous || components.previous || NavigateBeforeIcon,\n    last: slots.first || components.first || FirstPageIcon,\n    first: slots.last || components.last || LastPageIcon\n  } : {\n    previous: slots.previous || components.previous || NavigateBeforeIcon,\n    next: slots.next || components.next || NavigateNextIcon,\n    first: slots.first || components.first || FirstPageIcon,\n    last: slots.last || components.last || LastPageIcon\n  };\n  const Icon = normalizedIcons[type];\n  return type === 'start-ellipsis' || type === 'end-ellipsis' ? /*#__PURE__*/_jsx(PaginationItemEllipsis, {\n    ref: ref,\n    ownerState: ownerState,\n    className: clsx(classes.root, className),\n    children: \"\\u2026\"\n  }) : /*#__PURE__*/_jsxs(PaginationItemPage, _extends({\n    ref: ref,\n    ownerState: ownerState,\n    component: component,\n    disabled: disabled,\n    className: clsx(classes.root, className)\n  }, other, {\n    children: [type === 'page' && page, Icon ? /*#__PURE__*/_jsx(PaginationItemPageIcon, {\n      as: Icon,\n      ownerState: ownerState,\n      className: classes.icon\n    }) : null]\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? PaginationItem.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * @ignore\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The active color.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * @default 'standard'\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['primary', 'secondary', 'standard']), PropTypes.string]),\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * The components used for each slot inside.\n   *\n   * This prop is an alias for the `slots` prop.\n   * It's recommended to use the `slots` prop instead.\n   *\n   * @default {}\n   */\n  components: PropTypes.shape({\n    first: PropTypes.elementType,\n    last: PropTypes.elementType,\n    next: PropTypes.elementType,\n    previous: PropTypes.elementType\n  }),\n  /**\n   * If `true`, the component is disabled.\n   * @default false\n   */\n  disabled: PropTypes.bool,\n  /**\n   * The current page number.\n   */\n  page: PropTypes.node,\n  /**\n   * If `true` the pagination item is selected.\n   * @default false\n   */\n  selected: PropTypes.bool,\n  /**\n   * The shape of the pagination item.\n   * @default 'circular'\n   */\n  shape: PropTypes.oneOf(['circular', 'rounded']),\n  /**\n   * The size of the component.\n   * @default 'medium'\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['small', 'medium', 'large']), PropTypes.string]),\n  /**\n   * The components used for each slot inside.\n   *\n   * This prop is an alias for the `components` prop, which will be deprecated in the future.\n   *\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    first: PropTypes.elementType,\n    last: PropTypes.elementType,\n    next: PropTypes.elementType,\n    previous: PropTypes.elementType\n  }),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The type of pagination item.\n   * @default 'page'\n   */\n  type: PropTypes.oneOf(['end-ellipsis', 'first', 'last', 'next', 'page', 'previous', 'start-ellipsis']),\n  /**\n   * The variant to use.\n   * @default 'text'\n   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['outlined', 'text']), PropTypes.string])\n} : void 0;\nexport default PaginationItem;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"boundaryCount\", \"className\", \"color\", \"count\", \"defaultPage\", \"disabled\", \"getItemAriaLabel\", \"hideNextButton\", \"hidePrevButton\", \"onChange\", \"page\", \"renderItem\", \"shape\", \"showFirstButton\", \"showLastButton\", \"siblingCount\", \"size\", \"variant\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport integerPropType from '@mui/utils/integerPropType';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport { getPaginationUtilityClass } from './paginationClasses';\nimport usePagination from '../usePagination';\nimport PaginationItem from '../PaginationItem';\nimport styled from '../styles/styled';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    variant\n  } = ownerState;\n  const slots = {\n    root: ['root', variant],\n    ul: ['ul']\n  };\n  return composeClasses(slots, getPaginationUtilityClass, classes);\n};\nconst PaginationRoot = styled('nav', {\n  name: 'MuiPagination',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, styles[ownerState.variant]];\n  }\n})({});\nconst PaginationUl = styled('ul', {\n  name: 'MuiPagination',\n  slot: 'Ul',\n  overridesResolver: (props, styles) => styles.ul\n})({\n  display: 'flex',\n  flexWrap: 'wrap',\n  alignItems: 'center',\n  padding: 0,\n  margin: 0,\n  listStyle: 'none'\n});\nfunction defaultGetAriaLabel(type, page, selected) {\n  if (type === 'page') {\n    return `${selected ? '' : 'Go to '}page ${page}`;\n  }\n  return `Go to ${type} page`;\n}\nconst Pagination = /*#__PURE__*/React.forwardRef(function Pagination(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiPagination'\n  });\n  const {\n      boundaryCount = 1,\n      className,\n      color = 'standard',\n      count = 1,\n      defaultPage = 1,\n      disabled = false,\n      getItemAriaLabel = defaultGetAriaLabel,\n      hideNextButton = false,\n      hidePrevButton = false,\n      renderItem = item => /*#__PURE__*/_jsx(PaginationItem, _extends({}, item)),\n      shape = 'circular',\n      showFirstButton = false,\n      showLastButton = false,\n      siblingCount = 1,\n      size = 'medium',\n      variant = 'text'\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const {\n    items\n  } = usePagination(_extends({}, props, {\n    componentName: 'Pagination'\n  }));\n  const ownerState = _extends({}, props, {\n    boundaryCount,\n    color,\n    count,\n    defaultPage,\n    disabled,\n    getItemAriaLabel,\n    hideNextButton,\n    hidePrevButton,\n    renderItem,\n    shape,\n    showFirstButton,\n    showLastButton,\n    siblingCount,\n    size,\n    variant\n  });\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(PaginationRoot, _extends({\n    \"aria-label\": \"pagination navigation\",\n    className: clsx(classes.root, className),\n    ownerState: ownerState,\n    ref: ref\n  }, other, {\n    children: /*#__PURE__*/_jsx(PaginationUl, {\n      className: classes.ul,\n      ownerState: ownerState,\n      children: items.map((item, index) => /*#__PURE__*/_jsx(\"li\", {\n        children: renderItem(_extends({}, item, {\n          color,\n          'aria-label': getItemAriaLabel(item.type, item.page, item.selected),\n          shape,\n          size,\n          variant\n        }))\n      }, index))\n    })\n  }));\n});\n\n// @default tags synced with default values from usePagination\n\nprocess.env.NODE_ENV !== \"production\" ? Pagination.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * Number of always visible pages at the beginning and end.\n   * @default 1\n   */\n  boundaryCount: integerPropType,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The active color.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * @default 'standard'\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['primary', 'secondary', 'standard']), PropTypes.string]),\n  /**\n   * The total number of pages.\n   * @default 1\n   */\n  count: integerPropType,\n  /**\n   * The page selected by default when the component is uncontrolled.\n   * @default 1\n   */\n  defaultPage: integerPropType,\n  /**\n   * If `true`, the component is disabled.\n   * @default false\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Accepts a function which returns a string value that provides a user-friendly name for the current page.\n   * This is important for screen reader users.\n   *\n   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).\n   * @param {string} type The link or button type to format ('page' | 'first' | 'last' | 'next' | 'previous' | 'start-ellipsis' | 'end-ellipsis'). Defaults to 'page'.\n   * @param {number} page The page number to format.\n   * @param {bool} selected If true, the current page is selected.\n   * @returns {string}\n   */\n  getItemAriaLabel: PropTypes.func,\n  /**\n   * If `true`, hide the next-page button.\n   * @default false\n   */\n  hideNextButton: PropTypes.bool,\n  /**\n   * If `true`, hide the previous-page button.\n   * @default false\n   */\n  hidePrevButton: PropTypes.bool,\n  /**\n   * Callback fired when the page is changed.\n   *\n   * @param {React.ChangeEvent<unknown>} event The event source of the callback.\n   * @param {number} page The page selected.\n   */\n  onChange: PropTypes.func,\n  /**\n   * The current page. Unlike `TablePagination`, which starts numbering from `0`, this pagination starts from `1`.\n   */\n  page: integerPropType,\n  /**\n   * Render the item.\n   * @param {PaginationRenderItemParams} params The props to spread on a PaginationItem.\n   * @returns {ReactNode}\n   * @default (item) => <PaginationItem {...item} />\n   */\n  renderItem: PropTypes.func,\n  /**\n   * The shape of the pagination items.\n   * @default 'circular'\n   */\n  shape: PropTypes.oneOf(['circular', 'rounded']),\n  /**\n   * If `true`, show the first-page button.\n   * @default false\n   */\n  showFirstButton: PropTypes.bool,\n  /**\n   * If `true`, show the last-page button.\n   * @default false\n   */\n  showLastButton: PropTypes.bool,\n  /**\n   * Number of always visible pages before and after the current page.\n   * @default 1\n   */\n  siblingCount: integerPropType,\n  /**\n   * The size of the component.\n   * @default 'medium'\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['small', 'medium', 'large']), PropTypes.string]),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The variant to use.\n   * @default 'text'\n   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['outlined', 'text']), PropTypes.string])\n} : void 0;\nexport default Pagination;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nimport { inputBaseClasses } from '../InputBase';\nexport function getInputUtilityClass(slot) {\n  return generateUtilityClass('MuiInput', slot);\n}\nconst inputClasses = _extends({}, inputBaseClasses, generateUtilityClasses('MuiInput', ['root', 'underline', 'input']));\nexport default inputClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"disableUnderline\", \"components\", \"componentsProps\", \"fullWidth\", \"inputComponent\", \"multiline\", \"slotProps\", \"slots\", \"type\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport composeClasses from '@mui/utils/composeClasses';\nimport deepmerge from '@mui/utils/deepmerge';\nimport refType from '@mui/utils/refType';\nimport InputBase from '../InputBase';\nimport styled, { rootShouldForwardProp } from '../styles/styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport inputClasses, { getInputUtilityClass } from './inputClasses';\nimport { rootOverridesResolver as inputBaseRootOverridesResolver, inputOverridesResolver as inputBaseInputOverridesResolver, InputBaseRoot, InputBaseComponent as InputBaseInput } from '../InputBase/InputBase';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    disableUnderline\n  } = ownerState;\n  const slots = {\n    root: ['root', !disableUnderline && 'underline'],\n    input: ['input']\n  };\n  const composedClasses = composeClasses(slots, getInputUtilityClass, classes);\n  return _extends({}, classes, composedClasses);\n};\nconst InputRoot = styled(InputBaseRoot, {\n  shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',\n  name: 'MuiInput',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [...inputBaseRootOverridesResolver(props, styles), !ownerState.disableUnderline && styles.underline];\n  }\n})(({\n  theme,\n  ownerState\n}) => {\n  const light = theme.palette.mode === 'light';\n  let bottomLineColor = light ? 'rgba(0, 0, 0, 0.42)' : 'rgba(255, 255, 255, 0.7)';\n  if (theme.vars) {\n    bottomLineColor = `rgba(${theme.vars.palette.common.onBackgroundChannel} / ${theme.vars.opacity.inputUnderline})`;\n  }\n  return _extends({\n    position: 'relative'\n  }, ownerState.formControl && {\n    'label + &': {\n      marginTop: 16\n    }\n  }, !ownerState.disableUnderline && {\n    '&::after': {\n      borderBottom: `2px solid ${(theme.vars || theme).palette[ownerState.color].main}`,\n      left: 0,\n      bottom: 0,\n      // Doing the other way around crash on IE11 \"''\" https://github.com/cssinjs/jss/issues/242\n      content: '\"\"',\n      position: 'absolute',\n      right: 0,\n      transform: 'scaleX(0)',\n      transition: theme.transitions.create('transform', {\n        duration: theme.transitions.duration.shorter,\n        easing: theme.transitions.easing.easeOut\n      }),\n      pointerEvents: 'none' // Transparent to the hover style.\n    },\n    [`&.${inputClasses.focused}:after`]: {\n      // translateX(0) is a workaround for Safari transform scale bug\n      // See https://github.com/mui/material-ui/issues/31766\n      transform: 'scaleX(1) translateX(0)'\n    },\n    [`&.${inputClasses.error}`]: {\n      '&::before, &::after': {\n        borderBottomColor: (theme.vars || theme).palette.error.main\n      }\n    },\n    '&::before': {\n      borderBottom: `1px solid ${bottomLineColor}`,\n      left: 0,\n      bottom: 0,\n      // Doing the other way around crash on IE11 \"''\" https://github.com/cssinjs/jss/issues/242\n      content: '\"\\\\00a0\"',\n      position: 'absolute',\n      right: 0,\n      transition: theme.transitions.create('border-bottom-color', {\n        duration: theme.transitions.duration.shorter\n      }),\n      pointerEvents: 'none' // Transparent to the hover style.\n    },\n    [`&:hover:not(.${inputClasses.disabled}, .${inputClasses.error}):before`]: {\n      borderBottom: `2px solid ${(theme.vars || theme).palette.text.primary}`,\n      // Reset on touch devices, it doesn't add specificity\n      '@media (hover: none)': {\n        borderBottom: `1px solid ${bottomLineColor}`\n      }\n    },\n    [`&.${inputClasses.disabled}:before`]: {\n      borderBottomStyle: 'dotted'\n    }\n  });\n});\nconst InputInput = styled(InputBaseInput, {\n  name: 'MuiInput',\n  slot: 'Input',\n  overridesResolver: inputBaseInputOverridesResolver\n})({});\nconst Input = /*#__PURE__*/React.forwardRef(function Input(inProps, ref) {\n  var _ref, _slots$root, _ref2, _slots$input;\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiInput'\n  });\n  const {\n      disableUnderline,\n      components = {},\n      componentsProps: componentsPropsProp,\n      fullWidth = false,\n      inputComponent = 'input',\n      multiline = false,\n      slotProps,\n      slots = {},\n      type = 'text'\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const classes = useUtilityClasses(props);\n  const ownerState = {\n    disableUnderline\n  };\n  const inputComponentsProps = {\n    root: {\n      ownerState\n    }\n  };\n  const componentsProps = (slotProps != null ? slotProps : componentsPropsProp) ? deepmerge(slotProps != null ? slotProps : componentsPropsProp, inputComponentsProps) : inputComponentsProps;\n  const RootSlot = (_ref = (_slots$root = slots.root) != null ? _slots$root : components.Root) != null ? _ref : InputRoot;\n  const InputSlot = (_ref2 = (_slots$input = slots.input) != null ? _slots$input : components.Input) != null ? _ref2 : InputInput;\n  return /*#__PURE__*/_jsx(InputBase, _extends({\n    slots: {\n      root: RootSlot,\n      input: InputSlot\n    },\n    slotProps: componentsProps,\n    fullWidth: fullWidth,\n    inputComponent: inputComponent,\n    multiline: multiline,\n    ref: ref,\n    type: type\n  }, other, {\n    classes: classes\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Input.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * This prop helps users to fill forms faster, especially on mobile devices.\n   * The name can be confusing, as it's more like an autofill.\n   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).\n   */\n  autoComplete: PropTypes.string,\n  /**\n   * If `true`, the `input` element is focused during the first mount.\n   */\n  autoFocus: PropTypes.bool,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['primary', 'secondary']), PropTypes.string]),\n  /**\n   * The components used for each slot inside.\n   *\n   * This prop is an alias for the `slots` prop.\n   * It's recommended to use the `slots` prop instead.\n   *\n   * @default {}\n   */\n  components: PropTypes.shape({\n    Input: PropTypes.elementType,\n    Root: PropTypes.elementType\n  }),\n  /**\n   * The extra props for the slot components.\n   * You can override the existing props or add new ones.\n   *\n   * This prop is an alias for the `slotProps` prop.\n   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.\n   *\n   * @default {}\n   */\n  componentsProps: PropTypes.shape({\n    input: PropTypes.object,\n    root: PropTypes.object\n  }),\n  /**\n   * The default value. Use when the component is not controlled.\n   */\n  defaultValue: PropTypes.any,\n  /**\n   * If `true`, the component is disabled.\n   * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the `input` will not have an underline.\n   */\n  disableUnderline: PropTypes.bool,\n  /**\n   * End `InputAdornment` for this component.\n   */\n  endAdornment: PropTypes.node,\n  /**\n   * If `true`, the `input` will indicate an error.\n   * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n   */\n  error: PropTypes.bool,\n  /**\n   * If `true`, the `input` will take up the full width of its container.\n   * @default false\n   */\n  fullWidth: PropTypes.bool,\n  /**\n   * The id of the `input` element.\n   */\n  id: PropTypes.string,\n  /**\n   * The component used for the `input` element.\n   * Either a string to use a HTML element or a component.\n   * @default 'input'\n   */\n  inputComponent: PropTypes.elementType,\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n   * @default {}\n   */\n  inputProps: PropTypes.object,\n  /**\n   * Pass a ref to the `input` element.\n   */\n  inputRef: refType,\n  /**\n   * If `dense`, will adjust vertical spacing. This is normally obtained via context from\n   * FormControl.\n   * The prop defaults to the value (`'none'`) inherited from the parent FormControl component.\n   */\n  margin: PropTypes.oneOf(['dense', 'none']),\n  /**\n   * Maximum number of rows to display when multiline option is set to true.\n   */\n  maxRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * Minimum number of rows to display when multiline option is set to true.\n   */\n  minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.\n   * @default false\n   */\n  multiline: PropTypes.bool,\n  /**\n   * Name attribute of the `input` element.\n   */\n  name: PropTypes.string,\n  /**\n   * Callback fired when the value is changed.\n   *\n   * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (string).\n   */\n  onChange: PropTypes.func,\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * It prevents the user from changing the value of the field\n   * (not from interacting with the field).\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * If `true`, the `input` element is required.\n   * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n   */\n  required: PropTypes.bool,\n  /**\n   * Number of rows to display when multiline option is set to true.\n   */\n  rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * The extra props for the slot components.\n   * You can override the existing props or add new ones.\n   *\n   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.\n   *\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    input: PropTypes.object,\n    root: PropTypes.object\n  }),\n  /**\n   * The components used for each slot inside.\n   *\n   * This prop is an alias for the `components` prop, which will be deprecated in the future.\n   *\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    input: PropTypes.elementType,\n    root: PropTypes.elementType\n  }),\n  /**\n   * Start `InputAdornment` for this component.\n   */\n  startAdornment: PropTypes.node,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).\n   * @default 'text'\n   */\n  type: PropTypes.string,\n  /**\n   * The value of the `input` element, required for a controlled component.\n   */\n  value: PropTypes.any\n} : void 0;\nInput.muiName = 'Input';\nexport default Input;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nimport { inputBaseClasses } from '../InputBase';\nexport function getFilledInputUtilityClass(slot) {\n  return generateUtilityClass('MuiFilledInput', slot);\n}\nconst filledInputClasses = _extends({}, inputBaseClasses, generateUtilityClasses('MuiFilledInput', ['root', 'underline', 'input']));\nexport default filledInputClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"disableUnderline\", \"components\", \"componentsProps\", \"fullWidth\", \"hiddenLabel\", \"inputComponent\", \"multiline\", \"slotProps\", \"slots\", \"type\"];\nimport * as React from 'react';\nimport deepmerge from '@mui/utils/deepmerge';\nimport refType from '@mui/utils/refType';\nimport PropTypes from 'prop-types';\nimport composeClasses from '@mui/utils/composeClasses';\nimport InputBase from '../InputBase';\nimport styled, { rootShouldForwardProp } from '../styles/styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport filledInputClasses, { getFilledInputUtilityClass } from './filledInputClasses';\nimport { rootOverridesResolver as inputBaseRootOverridesResolver, inputOverridesResolver as inputBaseInputOverridesResolver, InputBaseRoot, InputBaseComponent as InputBaseInput } from '../InputBase/InputBase';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    disableUnderline\n  } = ownerState;\n  const slots = {\n    root: ['root', !disableUnderline && 'underline'],\n    input: ['input']\n  };\n  const composedClasses = composeClasses(slots, getFilledInputUtilityClass, classes);\n  return _extends({}, classes, composedClasses);\n};\nconst FilledInputRoot = styled(InputBaseRoot, {\n  shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',\n  name: 'MuiFilledInput',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [...inputBaseRootOverridesResolver(props, styles), !ownerState.disableUnderline && styles.underline];\n  }\n})(({\n  theme,\n  ownerState\n}) => {\n  var _palette;\n  const light = theme.palette.mode === 'light';\n  const bottomLineColor = light ? 'rgba(0, 0, 0, 0.42)' : 'rgba(255, 255, 255, 0.7)';\n  const backgroundColor = light ? 'rgba(0, 0, 0, 0.06)' : 'rgba(255, 255, 255, 0.09)';\n  const hoverBackground = light ? 'rgba(0, 0, 0, 0.09)' : 'rgba(255, 255, 255, 0.13)';\n  const disabledBackground = light ? 'rgba(0, 0, 0, 0.12)' : 'rgba(255, 255, 255, 0.12)';\n  return _extends({\n    position: 'relative',\n    backgroundColor: theme.vars ? theme.vars.palette.FilledInput.bg : backgroundColor,\n    borderTopLeftRadius: (theme.vars || theme).shape.borderRadius,\n    borderTopRightRadius: (theme.vars || theme).shape.borderRadius,\n    transition: theme.transitions.create('background-color', {\n      duration: theme.transitions.duration.shorter,\n      easing: theme.transitions.easing.easeOut\n    }),\n    '&:hover': {\n      backgroundColor: theme.vars ? theme.vars.palette.FilledInput.hoverBg : hoverBackground,\n      // Reset on touch devices, it doesn't add specificity\n      '@media (hover: none)': {\n        backgroundColor: theme.vars ? theme.vars.palette.FilledInput.bg : backgroundColor\n      }\n    },\n    [`&.${filledInputClasses.focused}`]: {\n      backgroundColor: theme.vars ? theme.vars.palette.FilledInput.bg : backgroundColor\n    },\n    [`&.${filledInputClasses.disabled}`]: {\n      backgroundColor: theme.vars ? theme.vars.palette.FilledInput.disabledBg : disabledBackground\n    }\n  }, !ownerState.disableUnderline && {\n    '&::after': {\n      borderBottom: `2px solid ${(_palette = (theme.vars || theme).palette[ownerState.color || 'primary']) == null ? void 0 : _palette.main}`,\n      left: 0,\n      bottom: 0,\n      // Doing the other way around crash on IE11 \"''\" https://github.com/cssinjs/jss/issues/242\n      content: '\"\"',\n      position: 'absolute',\n      right: 0,\n      transform: 'scaleX(0)',\n      transition: theme.transitions.create('transform', {\n        duration: theme.transitions.duration.shorter,\n        easing: theme.transitions.easing.easeOut\n      }),\n      pointerEvents: 'none' // Transparent to the hover style.\n    },\n    [`&.${filledInputClasses.focused}:after`]: {\n      // translateX(0) is a workaround for Safari transform scale bug\n      // See https://github.com/mui/material-ui/issues/31766\n      transform: 'scaleX(1) translateX(0)'\n    },\n    [`&.${filledInputClasses.error}`]: {\n      '&::before, &::after': {\n        borderBottomColor: (theme.vars || theme).palette.error.main\n      }\n    },\n    '&::before': {\n      borderBottom: `1px solid ${theme.vars ? `rgba(${theme.vars.palette.common.onBackgroundChannel} / ${theme.vars.opacity.inputUnderline})` : bottomLineColor}`,\n      left: 0,\n      bottom: 0,\n      // Doing the other way around crash on IE11 \"''\" https://github.com/cssinjs/jss/issues/242\n      content: '\"\\\\00a0\"',\n      position: 'absolute',\n      right: 0,\n      transition: theme.transitions.create('border-bottom-color', {\n        duration: theme.transitions.duration.shorter\n      }),\n      pointerEvents: 'none' // Transparent to the hover style.\n    },\n    [`&:hover:not(.${filledInputClasses.disabled}, .${filledInputClasses.error}):before`]: {\n      borderBottom: `1px solid ${(theme.vars || theme).palette.text.primary}`\n    },\n    [`&.${filledInputClasses.disabled}:before`]: {\n      borderBottomStyle: 'dotted'\n    }\n  }, ownerState.startAdornment && {\n    paddingLeft: 12\n  }, ownerState.endAdornment && {\n    paddingRight: 12\n  }, ownerState.multiline && _extends({\n    padding: '25px 12px 8px'\n  }, ownerState.size === 'small' && {\n    paddingTop: 21,\n    paddingBottom: 4\n  }, ownerState.hiddenLabel && {\n    paddingTop: 16,\n    paddingBottom: 17\n  }, ownerState.hiddenLabel && ownerState.size === 'small' && {\n    paddingTop: 8,\n    paddingBottom: 9\n  }));\n});\nconst FilledInputInput = styled(InputBaseInput, {\n  name: 'MuiFilledInput',\n  slot: 'Input',\n  overridesResolver: inputBaseInputOverridesResolver\n})(({\n  theme,\n  ownerState\n}) => _extends({\n  paddingTop: 25,\n  paddingRight: 12,\n  paddingBottom: 8,\n  paddingLeft: 12\n}, !theme.vars && {\n  '&:-webkit-autofill': {\n    WebkitBoxShadow: theme.palette.mode === 'light' ? null : '0 0 0 100px #266798 inset',\n    WebkitTextFillColor: theme.palette.mode === 'light' ? null : '#fff',\n    caretColor: theme.palette.mode === 'light' ? null : '#fff',\n    borderTopLeftRadius: 'inherit',\n    borderTopRightRadius: 'inherit'\n  }\n}, theme.vars && {\n  '&:-webkit-autofill': {\n    borderTopLeftRadius: 'inherit',\n    borderTopRightRadius: 'inherit'\n  },\n  [theme.getColorSchemeSelector('dark')]: {\n    '&:-webkit-autofill': {\n      WebkitBoxShadow: '0 0 0 100px #266798 inset',\n      WebkitTextFillColor: '#fff',\n      caretColor: '#fff'\n    }\n  }\n}, ownerState.size === 'small' && {\n  paddingTop: 21,\n  paddingBottom: 4\n}, ownerState.hiddenLabel && {\n  paddingTop: 16,\n  paddingBottom: 17\n}, ownerState.startAdornment && {\n  paddingLeft: 0\n}, ownerState.endAdornment && {\n  paddingRight: 0\n}, ownerState.hiddenLabel && ownerState.size === 'small' && {\n  paddingTop: 8,\n  paddingBottom: 9\n}, ownerState.multiline && {\n  paddingTop: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n  paddingRight: 0\n}));\nconst FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps, ref) {\n  var _ref, _slots$root, _ref2, _slots$input;\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiFilledInput'\n  });\n  const {\n      components = {},\n      componentsProps: componentsPropsProp,\n      fullWidth = false,\n      // declare here to prevent spreading to DOM\n      inputComponent = 'input',\n      multiline = false,\n      slotProps,\n      slots = {},\n      type = 'text'\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const ownerState = _extends({}, props, {\n    fullWidth,\n    inputComponent,\n    multiline,\n    type\n  });\n  const classes = useUtilityClasses(props);\n  const filledInputComponentsProps = {\n    root: {\n      ownerState\n    },\n    input: {\n      ownerState\n    }\n  };\n  const componentsProps = (slotProps != null ? slotProps : componentsPropsProp) ? deepmerge(filledInputComponentsProps, slotProps != null ? slotProps : componentsPropsProp) : filledInputComponentsProps;\n  const RootSlot = (_ref = (_slots$root = slots.root) != null ? _slots$root : components.Root) != null ? _ref : FilledInputRoot;\n  const InputSlot = (_ref2 = (_slots$input = slots.input) != null ? _slots$input : components.Input) != null ? _ref2 : FilledInputInput;\n  return /*#__PURE__*/_jsx(InputBase, _extends({\n    slots: {\n      root: RootSlot,\n      input: InputSlot\n    },\n    componentsProps: componentsProps,\n    fullWidth: fullWidth,\n    inputComponent: inputComponent,\n    multiline: multiline,\n    ref: ref,\n    type: type\n  }, other, {\n    classes: classes\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? FilledInput.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * This prop helps users to fill forms faster, especially on mobile devices.\n   * The name can be confusing, as it's more like an autofill.\n   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).\n   */\n  autoComplete: PropTypes.string,\n  /**\n   * If `true`, the `input` element is focused during the first mount.\n   */\n  autoFocus: PropTypes.bool,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['primary', 'secondary']), PropTypes.string]),\n  /**\n   * The components used for each slot inside.\n   *\n   * This prop is an alias for the `slots` prop.\n   * It's recommended to use the `slots` prop instead.\n   *\n   * @default {}\n   */\n  components: PropTypes.shape({\n    Input: PropTypes.elementType,\n    Root: PropTypes.elementType\n  }),\n  /**\n   * The extra props for the slot components.\n   * You can override the existing props or add new ones.\n   *\n   * This prop is an alias for the `slotProps` prop.\n   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.\n   *\n   * @default {}\n   */\n  componentsProps: PropTypes.shape({\n    input: PropTypes.object,\n    root: PropTypes.object\n  }),\n  /**\n   * The default value. Use when the component is not controlled.\n   */\n  defaultValue: PropTypes.any,\n  /**\n   * If `true`, the component is disabled.\n   * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the input will not have an underline.\n   */\n  disableUnderline: PropTypes.bool,\n  /**\n   * End `InputAdornment` for this component.\n   */\n  endAdornment: PropTypes.node,\n  /**\n   * If `true`, the `input` will indicate an error.\n   * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n   */\n  error: PropTypes.bool,\n  /**\n   * If `true`, the `input` will take up the full width of its container.\n   * @default false\n   */\n  fullWidth: PropTypes.bool,\n  /**\n   * If `true`, the label is hidden.\n   * This is used to increase density for a `FilledInput`.\n   * Be sure to add `aria-label` to the `input` element.\n   * @default false\n   */\n  hiddenLabel: PropTypes.bool,\n  /**\n   * The id of the `input` element.\n   */\n  id: PropTypes.string,\n  /**\n   * The component used for the `input` element.\n   * Either a string to use a HTML element or a component.\n   * @default 'input'\n   */\n  inputComponent: PropTypes.elementType,\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n   * @default {}\n   */\n  inputProps: PropTypes.object,\n  /**\n   * Pass a ref to the `input` element.\n   */\n  inputRef: refType,\n  /**\n   * If `dense`, will adjust vertical spacing. This is normally obtained via context from\n   * FormControl.\n   * The prop defaults to the value (`'none'`) inherited from the parent FormControl component.\n   */\n  margin: PropTypes.oneOf(['dense', 'none']),\n  /**\n   * Maximum number of rows to display when multiline option is set to true.\n   */\n  maxRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * Minimum number of rows to display when multiline option is set to true.\n   */\n  minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.\n   * @default false\n   */\n  multiline: PropTypes.bool,\n  /**\n   * Name attribute of the `input` element.\n   */\n  name: PropTypes.string,\n  /**\n   * Callback fired when the value is changed.\n   *\n   * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (string).\n   */\n  onChange: PropTypes.func,\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * It prevents the user from changing the value of the field\n   * (not from interacting with the field).\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * If `true`, the `input` element is required.\n   * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n   */\n  required: PropTypes.bool,\n  /**\n   * Number of rows to display when multiline option is set to true.\n   */\n  rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * The extra props for the slot components.\n   * You can override the existing props or add new ones.\n   *\n   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.\n   *\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    input: PropTypes.object,\n    root: PropTypes.object\n  }),\n  /**\n   * The components used for each slot inside.\n   *\n   * This prop is an alias for the `components` prop, which will be deprecated in the future.\n   *\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    input: PropTypes.elementType,\n    root: PropTypes.elementType\n  }),\n  /**\n   * Start `InputAdornment` for this component.\n   */\n  startAdornment: PropTypes.node,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).\n   * @default 'text'\n   */\n  type: PropTypes.string,\n  /**\n   * The value of the `input` element, required for a controlled component.\n   */\n  value: PropTypes.any\n} : void 0;\nFilledInput.muiName = 'Input';\nexport default FilledInput;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nvar _span;\nconst _excluded = [\"children\", \"classes\", \"className\", \"label\", \"notched\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport styled, { rootShouldForwardProp } from '../styles/styled';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst NotchedOutlineRoot = styled('fieldset', {\n  shouldForwardProp: rootShouldForwardProp\n})({\n  textAlign: 'left',\n  position: 'absolute',\n  bottom: 0,\n  right: 0,\n  top: -5,\n  left: 0,\n  margin: 0,\n  padding: '0 8px',\n  pointerEvents: 'none',\n  borderRadius: 'inherit',\n  borderStyle: 'solid',\n  borderWidth: 1,\n  overflow: 'hidden',\n  minWidth: '0%'\n});\nconst NotchedOutlineLegend = styled('legend', {\n  shouldForwardProp: rootShouldForwardProp\n})(({\n  ownerState,\n  theme\n}) => _extends({\n  float: 'unset',\n  // Fix conflict with bootstrap\n  width: 'auto',\n  // Fix conflict with bootstrap\n  overflow: 'hidden'\n}, !ownerState.withLabel && {\n  padding: 0,\n  lineHeight: '11px',\n  // sync with `height` in `legend` styles\n  transition: theme.transitions.create('width', {\n    duration: 150,\n    easing: theme.transitions.easing.easeOut\n  })\n}, ownerState.withLabel && _extends({\n  display: 'block',\n  // Fix conflict with normalize.css and sanitize.css\n  padding: 0,\n  height: 11,\n  // sync with `lineHeight` in `legend` styles\n  fontSize: '0.75em',\n  visibility: 'hidden',\n  maxWidth: 0.01,\n  transition: theme.transitions.create('max-width', {\n    duration: 50,\n    easing: theme.transitions.easing.easeOut\n  }),\n  whiteSpace: 'nowrap',\n  '& > span': {\n    paddingLeft: 5,\n    paddingRight: 5,\n    display: 'inline-block',\n    opacity: 0,\n    visibility: 'visible'\n  }\n}, ownerState.notched && {\n  maxWidth: '100%',\n  transition: theme.transitions.create('max-width', {\n    duration: 100,\n    easing: theme.transitions.easing.easeOut,\n    delay: 50\n  })\n})));\n\n/**\n * @ignore - internal component.\n */\nexport default function NotchedOutline(props) {\n  const {\n      className,\n      label,\n      notched\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const withLabel = label != null && label !== '';\n  const ownerState = _extends({}, props, {\n    notched,\n    withLabel\n  });\n  return /*#__PURE__*/_jsx(NotchedOutlineRoot, _extends({\n    \"aria-hidden\": true,\n    className: className,\n    ownerState: ownerState\n  }, other, {\n    children: /*#__PURE__*/_jsx(NotchedOutlineLegend, {\n      ownerState: ownerState,\n      children: withLabel ? /*#__PURE__*/_jsx(\"span\", {\n        children: label\n      }) : // notranslate needed while Google Translate will not fix zero-width space issue\n      _span || (_span = /*#__PURE__*/_jsx(\"span\", {\n        className: \"notranslate\",\n        children: \"\\u200B\"\n      }))\n    })\n  }));\n}\nprocess.env.NODE_ENV !== \"production\" ? NotchedOutline.propTypes = {\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The label.\n   */\n  label: PropTypes.node,\n  /**\n   * If `true`, the outline is notched to accommodate the label.\n   */\n  notched: PropTypes.bool.isRequired,\n  /**\n   * @ignore\n   */\n  style: PropTypes.object\n} : void 0;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nimport { inputBaseClasses } from '../InputBase';\nexport function getOutlinedInputUtilityClass(slot) {\n  return generateUtilityClass('MuiOutlinedInput', slot);\n}\nconst outlinedInputClasses = _extends({}, inputBaseClasses, generateUtilityClasses('MuiOutlinedInput', ['root', 'notchedOutline', 'input']));\nexport default outlinedInputClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"components\", \"fullWidth\", \"inputComponent\", \"label\", \"multiline\", \"notched\", \"slots\", \"type\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport refType from '@mui/utils/refType';\nimport composeClasses from '@mui/utils/composeClasses';\nimport NotchedOutline from './NotchedOutline';\nimport useFormControl from '../FormControl/useFormControl';\nimport formControlState from '../FormControl/formControlState';\nimport styled, { rootShouldForwardProp } from '../styles/styled';\nimport outlinedInputClasses, { getOutlinedInputUtilityClass } from './outlinedInputClasses';\nimport InputBase, { rootOverridesResolver as inputBaseRootOverridesResolver, inputOverridesResolver as inputBaseInputOverridesResolver, InputBaseRoot, InputBaseComponent as InputBaseInput } from '../InputBase/InputBase';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root'],\n    notchedOutline: ['notchedOutline'],\n    input: ['input']\n  };\n  const composedClasses = composeClasses(slots, getOutlinedInputUtilityClass, classes);\n  return _extends({}, classes, composedClasses);\n};\nconst OutlinedInputRoot = styled(InputBaseRoot, {\n  shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',\n  name: 'MuiOutlinedInput',\n  slot: 'Root',\n  overridesResolver: inputBaseRootOverridesResolver\n})(({\n  theme,\n  ownerState\n}) => {\n  const borderColor = theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)';\n  return _extends({\n    position: 'relative',\n    borderRadius: (theme.vars || theme).shape.borderRadius,\n    [`&:hover .${outlinedInputClasses.notchedOutline}`]: {\n      borderColor: (theme.vars || theme).palette.text.primary\n    },\n    // Reset on touch devices, it doesn't add specificity\n    '@media (hover: none)': {\n      [`&:hover .${outlinedInputClasses.notchedOutline}`]: {\n        borderColor: theme.vars ? `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : borderColor\n      }\n    },\n    [`&.${outlinedInputClasses.focused} .${outlinedInputClasses.notchedOutline}`]: {\n      borderColor: (theme.vars || theme).palette[ownerState.color].main,\n      borderWidth: 2\n    },\n    [`&.${outlinedInputClasses.error} .${outlinedInputClasses.notchedOutline}`]: {\n      borderColor: (theme.vars || theme).palette.error.main\n    },\n    [`&.${outlinedInputClasses.disabled} .${outlinedInputClasses.notchedOutline}`]: {\n      borderColor: (theme.vars || theme).palette.action.disabled\n    }\n  }, ownerState.startAdornment && {\n    paddingLeft: 14\n  }, ownerState.endAdornment && {\n    paddingRight: 14\n  }, ownerState.multiline && _extends({\n    padding: '16.5px 14px'\n  }, ownerState.size === 'small' && {\n    padding: '8.5px 14px'\n  }));\n});\nconst NotchedOutlineRoot = styled(NotchedOutline, {\n  name: 'MuiOutlinedInput',\n  slot: 'NotchedOutline',\n  overridesResolver: (props, styles) => styles.notchedOutline\n})(({\n  theme\n}) => {\n  const borderColor = theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)';\n  return {\n    borderColor: theme.vars ? `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : borderColor\n  };\n});\nconst OutlinedInputInput = styled(InputBaseInput, {\n  name: 'MuiOutlinedInput',\n  slot: 'Input',\n  overridesResolver: inputBaseInputOverridesResolver\n})(({\n  theme,\n  ownerState\n}) => _extends({\n  padding: '16.5px 14px'\n}, !theme.vars && {\n  '&:-webkit-autofill': {\n    WebkitBoxShadow: theme.palette.mode === 'light' ? null : '0 0 0 100px #266798 inset',\n    WebkitTextFillColor: theme.palette.mode === 'light' ? null : '#fff',\n    caretColor: theme.palette.mode === 'light' ? null : '#fff',\n    borderRadius: 'inherit'\n  }\n}, theme.vars && {\n  '&:-webkit-autofill': {\n    borderRadius: 'inherit'\n  },\n  [theme.getColorSchemeSelector('dark')]: {\n    '&:-webkit-autofill': {\n      WebkitBoxShadow: '0 0 0 100px #266798 inset',\n      WebkitTextFillColor: '#fff',\n      caretColor: '#fff'\n    }\n  }\n}, ownerState.size === 'small' && {\n  padding: '8.5px 14px'\n}, ownerState.multiline && {\n  padding: 0\n}, ownerState.startAdornment && {\n  paddingLeft: 0\n}, ownerState.endAdornment && {\n  paddingRight: 0\n}));\nconst OutlinedInput = /*#__PURE__*/React.forwardRef(function OutlinedInput(inProps, ref) {\n  var _ref, _slots$root, _ref2, _slots$input, _React$Fragment;\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiOutlinedInput'\n  });\n  const {\n      components = {},\n      fullWidth = false,\n      inputComponent = 'input',\n      label,\n      multiline = false,\n      notched,\n      slots = {},\n      type = 'text'\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const classes = useUtilityClasses(props);\n  const muiFormControl = useFormControl();\n  const fcs = formControlState({\n    props,\n    muiFormControl,\n    states: ['color', 'disabled', 'error', 'focused', 'hiddenLabel', 'size', 'required']\n  });\n  const ownerState = _extends({}, props, {\n    color: fcs.color || 'primary',\n    disabled: fcs.disabled,\n    error: fcs.error,\n    focused: fcs.focused,\n    formControl: muiFormControl,\n    fullWidth,\n    hiddenLabel: fcs.hiddenLabel,\n    multiline,\n    size: fcs.size,\n    type\n  });\n  const RootSlot = (_ref = (_slots$root = slots.root) != null ? _slots$root : components.Root) != null ? _ref : OutlinedInputRoot;\n  const InputSlot = (_ref2 = (_slots$input = slots.input) != null ? _slots$input : components.Input) != null ? _ref2 : OutlinedInputInput;\n  return /*#__PURE__*/_jsx(InputBase, _extends({\n    slots: {\n      root: RootSlot,\n      input: InputSlot\n    },\n    renderSuffix: state => /*#__PURE__*/_jsx(NotchedOutlineRoot, {\n      ownerState: ownerState,\n      className: classes.notchedOutline,\n      label: label != null && label !== '' && fcs.required ? _React$Fragment || (_React$Fragment = /*#__PURE__*/_jsxs(React.Fragment, {\n        children: [label, \"\\u2009\", '*']\n      })) : label,\n      notched: typeof notched !== 'undefined' ? notched : Boolean(state.startAdornment || state.filled || state.focused)\n    }),\n    fullWidth: fullWidth,\n    inputComponent: inputComponent,\n    multiline: multiline,\n    ref: ref,\n    type: type\n  }, other, {\n    classes: _extends({}, classes, {\n      notchedOutline: null\n    })\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? OutlinedInput.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * This prop helps users to fill forms faster, especially on mobile devices.\n   * The name can be confusing, as it's more like an autofill.\n   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).\n   */\n  autoComplete: PropTypes.string,\n  /**\n   * If `true`, the `input` element is focused during the first mount.\n   */\n  autoFocus: PropTypes.bool,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['primary', 'secondary']), PropTypes.string]),\n  /**\n   * The components used for each slot inside.\n   *\n   * This prop is an alias for the `slots` prop.\n   * It's recommended to use the `slots` prop instead.\n   *\n   * @default {}\n   */\n  components: PropTypes.shape({\n    Input: PropTypes.elementType,\n    Root: PropTypes.elementType\n  }),\n  /**\n   * The default value. Use when the component is not controlled.\n   */\n  defaultValue: PropTypes.any,\n  /**\n   * If `true`, the component is disabled.\n   * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * End `InputAdornment` for this component.\n   */\n  endAdornment: PropTypes.node,\n  /**\n   * If `true`, the `input` will indicate an error.\n   * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n   */\n  error: PropTypes.bool,\n  /**\n   * If `true`, the `input` will take up the full width of its container.\n   * @default false\n   */\n  fullWidth: PropTypes.bool,\n  /**\n   * The id of the `input` element.\n   */\n  id: PropTypes.string,\n  /**\n   * The component used for the `input` element.\n   * Either a string to use a HTML element or a component.\n   * @default 'input'\n   */\n  inputComponent: PropTypes.elementType,\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n   * @default {}\n   */\n  inputProps: PropTypes.object,\n  /**\n   * Pass a ref to the `input` element.\n   */\n  inputRef: refType,\n  /**\n   * The label of the `input`. It is only used for layout. The actual labelling\n   * is handled by `InputLabel`.\n   */\n  label: PropTypes.node,\n  /**\n   * If `dense`, will adjust vertical spacing. This is normally obtained via context from\n   * FormControl.\n   * The prop defaults to the value (`'none'`) inherited from the parent FormControl component.\n   */\n  margin: PropTypes.oneOf(['dense', 'none']),\n  /**\n   * Maximum number of rows to display when multiline option is set to true.\n   */\n  maxRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * Minimum number of rows to display when multiline option is set to true.\n   */\n  minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.\n   * @default false\n   */\n  multiline: PropTypes.bool,\n  /**\n   * Name attribute of the `input` element.\n   */\n  name: PropTypes.string,\n  /**\n   * If `true`, the outline is notched to accommodate the label.\n   */\n  notched: PropTypes.bool,\n  /**\n   * Callback fired when the value is changed.\n   *\n   * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (string).\n   */\n  onChange: PropTypes.func,\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * It prevents the user from changing the value of the field\n   * (not from interacting with the field).\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * If `true`, the `input` element is required.\n   * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n   */\n  required: PropTypes.bool,\n  /**\n   * Number of rows to display when multiline option is set to true.\n   */\n  rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * The components used for each slot inside.\n   *\n   * This prop is an alias for the `components` prop, which will be deprecated in the future.\n   *\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    input: PropTypes.elementType,\n    root: PropTypes.elementType\n  }),\n  /**\n   * Start `InputAdornment` for this component.\n   */\n  startAdornment: PropTypes.node,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).\n   * @default 'text'\n   */\n  type: PropTypes.string,\n  /**\n   * The value of the `input` element, required for a controlled component.\n   */\n  value: PropTypes.any\n} : void 0;\nOutlinedInput.muiName = 'Input';\nexport default OutlinedInput;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getFormLabelUtilityClasses(slot) {\n  return generateUtilityClass('MuiFormLabel', slot);\n}\nconst formLabelClasses = generateUtilityClasses('MuiFormLabel', ['root', 'colorSecondary', 'focused', 'disabled', 'error', 'filled', 'required', 'asterisk']);\nexport default formLabelClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"children\", \"className\", \"color\", \"component\", \"disabled\", \"error\", \"filled\", \"focused\", \"required\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport formControlState from '../FormControl/formControlState';\nimport useFormControl from '../FormControl/useFormControl';\nimport capitalize from '../utils/capitalize';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport styled from '../styles/styled';\nimport formLabelClasses, { getFormLabelUtilityClasses } from './formLabelClasses';\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    color,\n    focused,\n    disabled,\n    error,\n    filled,\n    required\n  } = ownerState;\n  const slots = {\n    root: ['root', `color${capitalize(color)}`, disabled && 'disabled', error && 'error', filled && 'filled', focused && 'focused', required && 'required'],\n    asterisk: ['asterisk', error && 'error']\n  };\n  return composeClasses(slots, getFormLabelUtilityClasses, classes);\n};\nexport const FormLabelRoot = styled('label', {\n  name: 'MuiFormLabel',\n  slot: 'Root',\n  overridesResolver: ({\n    ownerState\n  }, styles) => {\n    return _extends({}, styles.root, ownerState.color === 'secondary' && styles.colorSecondary, ownerState.filled && styles.filled);\n  }\n})(({\n  theme,\n  ownerState\n}) => _extends({\n  color: (theme.vars || theme).palette.text.secondary\n}, theme.typography.body1, {\n  lineHeight: '1.4375em',\n  padding: 0,\n  position: 'relative',\n  [`&.${formLabelClasses.focused}`]: {\n    color: (theme.vars || theme).palette[ownerState.color].main\n  },\n  [`&.${formLabelClasses.disabled}`]: {\n    color: (theme.vars || theme).palette.text.disabled\n  },\n  [`&.${formLabelClasses.error}`]: {\n    color: (theme.vars || theme).palette.error.main\n  }\n}));\nconst AsteriskComponent = styled('span', {\n  name: 'MuiFormLabel',\n  slot: 'Asterisk',\n  overridesResolver: (props, styles) => styles.asterisk\n})(({\n  theme\n}) => ({\n  [`&.${formLabelClasses.error}`]: {\n    color: (theme.vars || theme).palette.error.main\n  }\n}));\nconst FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiFormLabel'\n  });\n  const {\n      children,\n      className,\n      component = 'label'\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const muiFormControl = useFormControl();\n  const fcs = formControlState({\n    props,\n    muiFormControl,\n    states: ['color', 'required', 'focused', 'disabled', 'error', 'filled']\n  });\n  const ownerState = _extends({}, props, {\n    color: fcs.color || 'primary',\n    component,\n    disabled: fcs.disabled,\n    error: fcs.error,\n    filled: fcs.filled,\n    focused: fcs.focused,\n    required: fcs.required\n  });\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsxs(FormLabelRoot, _extends({\n    as: component,\n    ownerState: ownerState,\n    className: clsx(classes.root, className),\n    ref: ref\n  }, other, {\n    children: [children, fcs.required && /*#__PURE__*/_jsxs(AsteriskComponent, {\n      ownerState: ownerState,\n      \"aria-hidden\": true,\n      className: classes.asterisk,\n      children: [\"\\u2009\", '*']\n    })]\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? FormLabel.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']), PropTypes.string]),\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * If `true`, the label should be displayed in a disabled state.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the label is displayed in an error state.\n   */\n  error: PropTypes.bool,\n  /**\n   * If `true`, the label should use filled classes key.\n   */\n  filled: PropTypes.bool,\n  /**\n   * If `true`, the input of this label is focused (used by `FormGroup` components).\n   */\n  focused: PropTypes.bool,\n  /**\n   * If `true`, the label will indicate that the `input` is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default FormLabel;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getInputLabelUtilityClasses(slot) {\n  return generateUtilityClass('MuiInputLabel', slot);\n}\nconst inputLabelClasses = generateUtilityClasses('MuiInputLabel', ['root', 'focused', 'disabled', 'error', 'required', 'asterisk', 'formControl', 'sizeSmall', 'shrink', 'animated', 'standard', 'filled', 'outlined']);\nexport default inputLabelClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"disableAnimation\", \"margin\", \"shrink\", \"variant\", \"className\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport composeClasses from '@mui/utils/composeClasses';\nimport clsx from 'clsx';\nimport formControlState from '../FormControl/formControlState';\nimport useFormControl from '../FormControl/useFormControl';\nimport FormLabel, { formLabelClasses } from '../FormLabel';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport capitalize from '../utils/capitalize';\nimport styled, { rootShouldForwardProp } from '../styles/styled';\nimport { getInputLabelUtilityClasses } from './inputLabelClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    formControl,\n    size,\n    shrink,\n    disableAnimation,\n    variant,\n    required\n  } = ownerState;\n  const slots = {\n    root: ['root', formControl && 'formControl', !disableAnimation && 'animated', shrink && 'shrink', size && size !== 'normal' && `size${capitalize(size)}`, variant],\n    asterisk: [required && 'asterisk']\n  };\n  const composedClasses = composeClasses(slots, getInputLabelUtilityClasses, classes);\n  return _extends({}, classes, composedClasses);\n};\nconst InputLabelRoot = styled(FormLabel, {\n  shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',\n  name: 'MuiInputLabel',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [{\n      [`& .${formLabelClasses.asterisk}`]: styles.asterisk\n    }, styles.root, ownerState.formControl && styles.formControl, ownerState.size === 'small' && styles.sizeSmall, ownerState.shrink && styles.shrink, !ownerState.disableAnimation && styles.animated, ownerState.focused && styles.focused, styles[ownerState.variant]];\n  }\n})(({\n  theme,\n  ownerState\n}) => _extends({\n  display: 'block',\n  transformOrigin: 'top left',\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  maxWidth: '100%'\n}, ownerState.formControl && {\n  position: 'absolute',\n  left: 0,\n  top: 0,\n  // slight alteration to spec spacing to match visual spec result\n  transform: 'translate(0, 20px) scale(1)'\n}, ownerState.size === 'small' && {\n  // Compensation for the `Input.inputSizeSmall` style.\n  transform: 'translate(0, 17px) scale(1)'\n}, ownerState.shrink && {\n  transform: 'translate(0, -1.5px) scale(0.75)',\n  transformOrigin: 'top left',\n  maxWidth: '133%'\n}, !ownerState.disableAnimation && {\n  transition: theme.transitions.create(['color', 'transform', 'max-width'], {\n    duration: theme.transitions.duration.shorter,\n    easing: theme.transitions.easing.easeOut\n  })\n}, ownerState.variant === 'filled' && _extends({\n  // Chrome's autofill feature gives the input field a yellow background.\n  // Since the input field is behind the label in the HTML tree,\n  // the input field is drawn last and hides the label with an opaque background color.\n  // zIndex: 1 will raise the label above opaque background-colors of input.\n  zIndex: 1,\n  pointerEvents: 'none',\n  transform: 'translate(12px, 16px) scale(1)',\n  maxWidth: 'calc(100% - 24px)'\n}, ownerState.size === 'small' && {\n  transform: 'translate(12px, 13px) scale(1)'\n}, ownerState.shrink && _extends({\n  userSelect: 'none',\n  pointerEvents: 'auto',\n  transform: 'translate(12px, 7px) scale(0.75)',\n  maxWidth: 'calc(133% - 24px)'\n}, ownerState.size === 'small' && {\n  transform: 'translate(12px, 4px) scale(0.75)'\n})), ownerState.variant === 'outlined' && _extends({\n  // see comment above on filled.zIndex\n  zIndex: 1,\n  pointerEvents: 'none',\n  transform: 'translate(14px, 16px) scale(1)',\n  maxWidth: 'calc(100% - 24px)'\n}, ownerState.size === 'small' && {\n  transform: 'translate(14px, 9px) scale(1)'\n}, ownerState.shrink && {\n  userSelect: 'none',\n  pointerEvents: 'auto',\n  // Theoretically, we should have (8+5)*2/0.75 = 34px\n  // but it feels a better when it bleeds a bit on the left, so 32px.\n  maxWidth: 'calc(133% - 32px)',\n  transform: 'translate(14px, -9px) scale(0.75)'\n})));\nconst InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, ref) {\n  const props = useDefaultProps({\n    name: 'MuiInputLabel',\n    props: inProps\n  });\n  const {\n      disableAnimation = false,\n      shrink: shrinkProp,\n      className\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const muiFormControl = useFormControl();\n  let shrink = shrinkProp;\n  if (typeof shrink === 'undefined' && muiFormControl) {\n    shrink = muiFormControl.filled || muiFormControl.focused || muiFormControl.adornedStart;\n  }\n  const fcs = formControlState({\n    props,\n    muiFormControl,\n    states: ['size', 'variant', 'required', 'focused']\n  });\n  const ownerState = _extends({}, props, {\n    disableAnimation,\n    formControl: muiFormControl,\n    shrink,\n    size: fcs.size,\n    variant: fcs.variant,\n    required: fcs.required,\n    focused: fcs.focused\n  });\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(InputLabelRoot, _extends({\n    \"data-shrink\": shrink,\n    ownerState: ownerState,\n    ref: ref,\n    className: clsx(classes.root, className)\n  }, other, {\n    classes: classes\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? InputLabel.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']), PropTypes.string]),\n  /**\n   * If `true`, the transition animation is disabled.\n   * @default false\n   */\n  disableAnimation: PropTypes.bool,\n  /**\n   * If `true`, the component is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the label is displayed in an error state.\n   */\n  error: PropTypes.bool,\n  /**\n   * If `true`, the `input` of this label is focused.\n   */\n  focused: PropTypes.bool,\n  /**\n   * If `dense`, will adjust vertical spacing. This is normally obtained via context from\n   * FormControl.\n   */\n  margin: PropTypes.oneOf(['dense']),\n  /**\n   * if `true`, the label will indicate that the `input` is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * If `true`, the label is shrunk.\n   */\n  shrink: PropTypes.bool,\n  /**\n   * The size of the component.\n   * @default 'normal'\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['normal', 'small']), PropTypes.string]),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The variant to use.\n   */\n  variant: PropTypes.oneOf(['filled', 'outlined', 'standard'])\n} : void 0;\nexport default InputLabel;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getNativeSelectUtilityClasses(slot) {\n  return generateUtilityClass('MuiNativeSelect', slot);\n}\nconst nativeSelectClasses = generateUtilityClasses('MuiNativeSelect', ['root', 'select', 'multiple', 'filled', 'outlined', 'standard', 'disabled', 'icon', 'iconOpen', 'iconFilled', 'iconOutlined', 'iconStandard', 'nativeInput', 'error']);\nexport default nativeSelectClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"className\", \"disabled\", \"error\", \"IconComponent\", \"inputRef\", \"variant\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport refType from '@mui/utils/refType';\nimport composeClasses from '@mui/utils/composeClasses';\nimport capitalize from '../utils/capitalize';\nimport nativeSelectClasses, { getNativeSelectUtilityClasses } from './nativeSelectClasses';\nimport styled, { rootShouldForwardProp } from '../styles/styled';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    variant,\n    disabled,\n    multiple,\n    open,\n    error\n  } = ownerState;\n  const slots = {\n    select: ['select', variant, disabled && 'disabled', multiple && 'multiple', error && 'error'],\n    icon: ['icon', `icon${capitalize(variant)}`, open && 'iconOpen', disabled && 'disabled']\n  };\n  return composeClasses(slots, getNativeSelectUtilityClasses, classes);\n};\nexport const nativeSelectSelectStyles = ({\n  ownerState,\n  theme\n}) => _extends({\n  MozAppearance: 'none',\n  // Reset\n  WebkitAppearance: 'none',\n  // Reset\n  // When interacting quickly, the text can end up selected.\n  // Native select can't be selected either.\n  userSelect: 'none',\n  borderRadius: 0,\n  // Reset\n  cursor: 'pointer',\n  '&:focus': _extends({}, theme.vars ? {\n    backgroundColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.05)`\n  } : {\n    backgroundColor: theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.05)' : 'rgba(255, 255, 255, 0.05)'\n  }, {\n    borderRadius: 0 // Reset Chrome style\n  }),\n  // Remove IE11 arrow\n  '&::-ms-expand': {\n    display: 'none'\n  },\n  [`&.${nativeSelectClasses.disabled}`]: {\n    cursor: 'default'\n  },\n  '&[multiple]': {\n    height: 'auto'\n  },\n  '&:not([multiple]) option, &:not([multiple]) optgroup': {\n    backgroundColor: (theme.vars || theme).palette.background.paper\n  },\n  // Bump specificity to allow extending custom inputs\n  '&&&': {\n    paddingRight: 24,\n    minWidth: 16 // So it doesn't collapse.\n  }\n}, ownerState.variant === 'filled' && {\n  '&&&': {\n    paddingRight: 32\n  }\n}, ownerState.variant === 'outlined' && {\n  borderRadius: (theme.vars || theme).shape.borderRadius,\n  '&:focus': {\n    borderRadius: (theme.vars || theme).shape.borderRadius // Reset the reset for Chrome style\n  },\n  '&&&': {\n    paddingRight: 32\n  }\n});\nconst NativeSelectSelect = styled('select', {\n  name: 'MuiNativeSelect',\n  slot: 'Select',\n  shouldForwardProp: rootShouldForwardProp,\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.select, styles[ownerState.variant], ownerState.error && styles.error, {\n      [`&.${nativeSelectClasses.multiple}`]: styles.multiple\n    }];\n  }\n})(nativeSelectSelectStyles);\nexport const nativeSelectIconStyles = ({\n  ownerState,\n  theme\n}) => _extends({\n  // We use a position absolute over a flexbox in order to forward the pointer events\n  // to the input and to support wrapping tags..\n  position: 'absolute',\n  right: 0,\n  top: 'calc(50% - .5em)',\n  // Center vertically, height is 1em\n  pointerEvents: 'none',\n  // Don't block pointer events on the select under the icon.\n  color: (theme.vars || theme).palette.action.active,\n  [`&.${nativeSelectClasses.disabled}`]: {\n    color: (theme.vars || theme).palette.action.disabled\n  }\n}, ownerState.open && {\n  transform: 'rotate(180deg)'\n}, ownerState.variant === 'filled' && {\n  right: 7\n}, ownerState.variant === 'outlined' && {\n  right: 7\n});\nconst NativeSelectIcon = styled('svg', {\n  name: 'MuiNativeSelect',\n  slot: 'Icon',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.icon, ownerState.variant && styles[`icon${capitalize(ownerState.variant)}`], ownerState.open && styles.iconOpen];\n  }\n})(nativeSelectIconStyles);\n\n/**\n * @ignore - internal component.\n */\nconst NativeSelectInput = /*#__PURE__*/React.forwardRef(function NativeSelectInput(props, ref) {\n  const {\n      className,\n      disabled,\n      error,\n      IconComponent,\n      inputRef,\n      variant = 'standard'\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const ownerState = _extends({}, props, {\n    disabled,\n    variant,\n    error\n  });\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [/*#__PURE__*/_jsx(NativeSelectSelect, _extends({\n      ownerState: ownerState,\n      className: clsx(classes.select, className),\n      disabled: disabled,\n      ref: inputRef || ref\n    }, other)), props.multiple ? null : /*#__PURE__*/_jsx(NativeSelectIcon, {\n      as: IconComponent,\n      ownerState: ownerState,\n      className: classes.icon\n    })]\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? NativeSelectInput.propTypes = {\n  /**\n   * The option elements to populate the select with.\n   * Can be some `<option>` elements.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * The CSS class name of the select element.\n   */\n  className: PropTypes.string,\n  /**\n   * If `true`, the select is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the `select input` will indicate an error.\n   */\n  error: PropTypes.bool,\n  /**\n   * The icon that displays the arrow.\n   */\n  IconComponent: PropTypes.elementType.isRequired,\n  /**\n   * Use that prop to pass a ref to the native select element.\n   * @deprecated\n   */\n  inputRef: refType,\n  /**\n   * @ignore\n   */\n  multiple: PropTypes.bool,\n  /**\n   * Name attribute of the `select` or hidden `input` element.\n   */\n  name: PropTypes.string,\n  /**\n   * Callback fired when a menu item is selected.\n   *\n   * @param {object} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (string).\n   */\n  onChange: PropTypes.func,\n  /**\n   * The input value.\n   */\n  value: PropTypes.any,\n  /**\n   * The variant to use.\n   */\n  variant: PropTypes.oneOf(['standard', 'outlined', 'filled'])\n} : void 0;\nexport default NativeSelectInput;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getSelectUtilityClasses(slot) {\n  return generateUtilityClass('MuiSelect', slot);\n}\nconst selectClasses = generateUtilityClasses('MuiSelect', ['root', 'select', 'multiple', 'filled', 'outlined', 'standard', 'disabled', 'focused', 'icon', 'iconOpen', 'iconFilled', 'iconOutlined', 'iconStandard', 'nativeInput', 'error']);\nexport default selectClasses;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _formatMuiErrorMessage from \"@mui/utils/formatMuiErrorMessage\";\nvar _span;\nconst _excluded = [\"aria-describedby\", \"aria-label\", \"autoFocus\", \"autoWidth\", \"children\", \"className\", \"defaultOpen\", \"defaultValue\", \"disabled\", \"displayEmpty\", \"error\", \"IconComponent\", \"inputRef\", \"labelId\", \"MenuProps\", \"multiple\", \"name\", \"onBlur\", \"onChange\", \"onClose\", \"onFocus\", \"onOpen\", \"open\", \"readOnly\", \"renderValue\", \"SelectDisplayProps\", \"tabIndex\", \"type\", \"value\", \"variant\"];\nimport * as React from 'react';\nimport { isFragment } from 'react-is';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport useId from '@mui/utils/useId';\nimport refType from '@mui/utils/refType';\nimport ownerDocument from '../utils/ownerDocument';\nimport capitalize from '../utils/capitalize';\nimport Menu from '../Menu/Menu';\nimport { nativeSelectSelectStyles, nativeSelectIconStyles } from '../NativeSelect/NativeSelectInput';\nimport { isFilled } from '../InputBase/utils';\nimport styled, { slotShouldForwardProp } from '../styles/styled';\nimport useForkRef from '../utils/useForkRef';\nimport useControlled from '../utils/useControlled';\nimport selectClasses, { getSelectUtilityClasses } from './selectClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nconst SelectSelect = styled('div', {\n  name: 'MuiSelect',\n  slot: 'Select',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [\n    // Win specificity over the input base\n    {\n      [`&.${selectClasses.select}`]: styles.select\n    }, {\n      [`&.${selectClasses.select}`]: styles[ownerState.variant]\n    }, {\n      [`&.${selectClasses.error}`]: styles.error\n    }, {\n      [`&.${selectClasses.multiple}`]: styles.multiple\n    }];\n  }\n})(nativeSelectSelectStyles, {\n  // Win specificity over the input base\n  [`&.${selectClasses.select}`]: {\n    height: 'auto',\n    // Resets for multiple select with chips\n    minHeight: '1.4375em',\n    // Required for select\\text-field height consistency\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden'\n  }\n});\nconst SelectIcon = styled('svg', {\n  name: 'MuiSelect',\n  slot: 'Icon',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.icon, ownerState.variant && styles[`icon${capitalize(ownerState.variant)}`], ownerState.open && styles.iconOpen];\n  }\n})(nativeSelectIconStyles);\nconst SelectNativeInput = styled('input', {\n  shouldForwardProp: prop => slotShouldForwardProp(prop) && prop !== 'classes',\n  name: 'MuiSelect',\n  slot: 'NativeInput',\n  overridesResolver: (props, styles) => styles.nativeInput\n})({\n  bottom: 0,\n  left: 0,\n  position: 'absolute',\n  opacity: 0,\n  pointerEvents: 'none',\n  width: '100%',\n  boxSizing: 'border-box'\n});\nfunction areEqualValues(a, b) {\n  if (typeof b === 'object' && b !== null) {\n    return a === b;\n  }\n\n  // The value could be a number, the DOM will stringify it anyway.\n  return String(a) === String(b);\n}\nfunction isEmpty(display) {\n  return display == null || typeof display === 'string' && !display.trim();\n}\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    variant,\n    disabled,\n    multiple,\n    open,\n    error\n  } = ownerState;\n  const slots = {\n    select: ['select', variant, disabled && 'disabled', multiple && 'multiple', error && 'error'],\n    icon: ['icon', `icon${capitalize(variant)}`, open && 'iconOpen', disabled && 'disabled'],\n    nativeInput: ['nativeInput']\n  };\n  return composeClasses(slots, getSelectUtilityClasses, classes);\n};\n\n/**\n * @ignore - internal component.\n */\nconst SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref) {\n  var _MenuProps$slotProps;\n  const {\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n      autoFocus,\n      autoWidth,\n      children,\n      className,\n      defaultOpen,\n      defaultValue,\n      disabled,\n      displayEmpty,\n      error = false,\n      IconComponent,\n      inputRef: inputRefProp,\n      labelId,\n      MenuProps = {},\n      multiple,\n      name,\n      onBlur,\n      onChange,\n      onClose,\n      onFocus,\n      onOpen,\n      open: openProp,\n      readOnly,\n      renderValue,\n      SelectDisplayProps = {},\n      tabIndex: tabIndexProp\n      // catching `type` from Input which makes no sense for SelectInput\n      ,\n\n      value: valueProp,\n      variant = 'standard'\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const [value, setValueState] = useControlled({\n    controlled: valueProp,\n    default: defaultValue,\n    name: 'Select'\n  });\n  const [openState, setOpenState] = useControlled({\n    controlled: openProp,\n    default: defaultOpen,\n    name: 'Select'\n  });\n  const inputRef = React.useRef(null);\n  const displayRef = React.useRef(null);\n  const [displayNode, setDisplayNode] = React.useState(null);\n  const {\n    current: isOpenControlled\n  } = React.useRef(openProp != null);\n  const [menuMinWidthState, setMenuMinWidthState] = React.useState();\n  const handleRef = useForkRef(ref, inputRefProp);\n  const handleDisplayRef = React.useCallback(node => {\n    displayRef.current = node;\n    if (node) {\n      setDisplayNode(node);\n    }\n  }, []);\n  const anchorElement = displayNode == null ? void 0 : displayNode.parentNode;\n  React.useImperativeHandle(handleRef, () => ({\n    focus: () => {\n      displayRef.current.focus();\n    },\n    node: inputRef.current,\n    value\n  }), [value]);\n\n  // Resize menu on `defaultOpen` automatic toggle.\n  React.useEffect(() => {\n    if (defaultOpen && openState && displayNode && !isOpenControlled) {\n      setMenuMinWidthState(autoWidth ? null : anchorElement.clientWidth);\n      displayRef.current.focus();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [displayNode, autoWidth]);\n  // `isOpenControlled` is ignored because the component should never switch between controlled and uncontrolled modes.\n  // `defaultOpen` and `openState` are ignored to avoid unnecessary callbacks.\n  React.useEffect(() => {\n    if (autoFocus) {\n      displayRef.current.focus();\n    }\n  }, [autoFocus]);\n  React.useEffect(() => {\n    if (!labelId) {\n      return undefined;\n    }\n    const label = ownerDocument(displayRef.current).getElementById(labelId);\n    if (label) {\n      const handler = () => {\n        if (getSelection().isCollapsed) {\n          displayRef.current.focus();\n        }\n      };\n      label.addEventListener('click', handler);\n      return () => {\n        label.removeEventListener('click', handler);\n      };\n    }\n    return undefined;\n  }, [labelId]);\n  const update = (open, event) => {\n    if (open) {\n      if (onOpen) {\n        onOpen(event);\n      }\n    } else if (onClose) {\n      onClose(event);\n    }\n    if (!isOpenControlled) {\n      setMenuMinWidthState(autoWidth ? null : anchorElement.clientWidth);\n      setOpenState(open);\n    }\n  };\n  const handleMouseDown = event => {\n    // Ignore everything but left-click\n    if (event.button !== 0) {\n      return;\n    }\n    // Hijack the default focus behavior.\n    event.preventDefault();\n    displayRef.current.focus();\n    update(true, event);\n  };\n  const handleClose = event => {\n    update(false, event);\n  };\n  const childrenArray = React.Children.toArray(children);\n\n  // Support autofill.\n  const handleChange = event => {\n    const child = childrenArray.find(childItem => childItem.props.value === event.target.value);\n    if (child === undefined) {\n      return;\n    }\n    setValueState(child.props.value);\n    if (onChange) {\n      onChange(event, child);\n    }\n  };\n  const handleItemClick = child => event => {\n    let newValue;\n\n    // We use the tabindex attribute to signal the available options.\n    if (!event.currentTarget.hasAttribute('tabindex')) {\n      return;\n    }\n    if (multiple) {\n      newValue = Array.isArray(value) ? value.slice() : [];\n      const itemIndex = value.indexOf(child.props.value);\n      if (itemIndex === -1) {\n        newValue.push(child.props.value);\n      } else {\n        newValue.splice(itemIndex, 1);\n      }\n    } else {\n      newValue = child.props.value;\n    }\n    if (child.props.onClick) {\n      child.props.onClick(event);\n    }\n    if (value !== newValue) {\n      setValueState(newValue);\n      if (onChange) {\n        // Redefine target to allow name and value to be read.\n        // This allows seamless integration with the most popular form libraries.\n        // https://github.com/mui/material-ui/issues/13485#issuecomment-676048492\n        // Clone the event to not override `target` of the original event.\n        const nativeEvent = event.nativeEvent || event;\n        const clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);\n        Object.defineProperty(clonedEvent, 'target', {\n          writable: true,\n          value: {\n            value: newValue,\n            name\n          }\n        });\n        onChange(clonedEvent, child);\n      }\n    }\n    if (!multiple) {\n      update(false, event);\n    }\n  };\n  const handleKeyDown = event => {\n    if (!readOnly) {\n      const validKeys = [' ', 'ArrowUp', 'ArrowDown',\n      // The native select doesn't respond to enter on macOS, but it's recommended by\n      // https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/\n      'Enter'];\n      if (validKeys.indexOf(event.key) !== -1) {\n        event.preventDefault();\n        update(true, event);\n      }\n    }\n  };\n  const open = displayNode !== null && openState;\n  const handleBlur = event => {\n    // if open event.stopImmediatePropagation\n    if (!open && onBlur) {\n      // Preact support, target is read only property on a native event.\n      Object.defineProperty(event, 'target', {\n        writable: true,\n        value: {\n          value,\n          name\n        }\n      });\n      onBlur(event);\n    }\n  };\n  delete other['aria-invalid'];\n  let display;\n  let displaySingle;\n  const displayMultiple = [];\n  let computeDisplay = false;\n  let foundMatch = false;\n\n  // No need to display any value if the field is empty.\n  if (isFilled({\n    value\n  }) || displayEmpty) {\n    if (renderValue) {\n      display = renderValue(value);\n    } else {\n      computeDisplay = true;\n    }\n  }\n  const items = childrenArray.map(child => {\n    if (! /*#__PURE__*/React.isValidElement(child)) {\n      return null;\n    }\n    if (process.env.NODE_ENV !== 'production') {\n      if (isFragment(child)) {\n        console.error([\"MUI: The Select component doesn't accept a Fragment as a child.\", 'Consider providing an array instead.'].join('\\n'));\n      }\n    }\n    let selected;\n    if (multiple) {\n      if (!Array.isArray(value)) {\n        throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: The \\`value\\` prop must be an array when using the \\`Select\\` component with \\`multiple\\`.` : _formatMuiErrorMessage(2));\n      }\n      selected = value.some(v => areEqualValues(v, child.props.value));\n      if (selected && computeDisplay) {\n        displayMultiple.push(child.props.children);\n      }\n    } else {\n      selected = areEqualValues(value, child.props.value);\n      if (selected && computeDisplay) {\n        displaySingle = child.props.children;\n      }\n    }\n    if (selected) {\n      foundMatch = true;\n    }\n    return /*#__PURE__*/React.cloneElement(child, {\n      'aria-selected': selected ? 'true' : 'false',\n      onClick: handleItemClick(child),\n      onKeyUp: event => {\n        if (event.key === ' ') {\n          // otherwise our MenuItems dispatches a click event\n          // it's not behavior of the native <option> and causes\n          // the select to close immediately since we open on space keydown\n          event.preventDefault();\n        }\n        if (child.props.onKeyUp) {\n          child.props.onKeyUp(event);\n        }\n      },\n      role: 'option',\n      selected,\n      value: undefined,\n      // The value is most likely not a valid HTML attribute.\n      'data-value': child.props.value // Instead, we provide it as a data attribute.\n    });\n  });\n  if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      if (!foundMatch && !multiple && value !== '') {\n        const values = childrenArray.map(child => child.props.value);\n        console.warn([`MUI: You have provided an out-of-range value \\`${value}\\` for the select ${name ? `(name=\"${name}\") ` : ''}component.`, \"Consider providing a value that matches one of the available options or ''.\", `The available values are ${values.filter(x => x != null).map(x => `\\`${x}\\``).join(', ') || '\"\"'}.`].join('\\n'));\n      }\n    }, [foundMatch, childrenArray, multiple, name, value]);\n  }\n  if (computeDisplay) {\n    if (multiple) {\n      if (displayMultiple.length === 0) {\n        display = null;\n      } else {\n        display = displayMultiple.reduce((output, child, index) => {\n          output.push(child);\n          if (index < displayMultiple.length - 1) {\n            output.push(', ');\n          }\n          return output;\n        }, []);\n      }\n    } else {\n      display = displaySingle;\n    }\n  }\n\n  // Avoid performing a layout computation in the render method.\n  let menuMinWidth = menuMinWidthState;\n  if (!autoWidth && isOpenControlled && displayNode) {\n    menuMinWidth = anchorElement.clientWidth;\n  }\n  let tabIndex;\n  if (typeof tabIndexProp !== 'undefined') {\n    tabIndex = tabIndexProp;\n  } else {\n    tabIndex = disabled ? null : 0;\n  }\n  const buttonId = SelectDisplayProps.id || (name ? `mui-component-select-${name}` : undefined);\n  const ownerState = _extends({}, props, {\n    variant,\n    value,\n    open,\n    error\n  });\n  const classes = useUtilityClasses(ownerState);\n  const paperProps = _extends({}, MenuProps.PaperProps, (_MenuProps$slotProps = MenuProps.slotProps) == null ? void 0 : _MenuProps$slotProps.paper);\n  const listboxId = useId();\n  return /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [/*#__PURE__*/_jsx(SelectSelect, _extends({\n      ref: handleDisplayRef,\n      tabIndex: tabIndex,\n      role: \"combobox\",\n      \"aria-controls\": listboxId,\n      \"aria-disabled\": disabled ? 'true' : undefined,\n      \"aria-expanded\": open ? 'true' : 'false',\n      \"aria-haspopup\": \"listbox\",\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": [labelId, buttonId].filter(Boolean).join(' ') || undefined,\n      \"aria-describedby\": ariaDescribedby,\n      onKeyDown: handleKeyDown,\n      onMouseDown: disabled || readOnly ? null : handleMouseDown,\n      onBlur: handleBlur,\n      onFocus: onFocus\n    }, SelectDisplayProps, {\n      ownerState: ownerState,\n      className: clsx(SelectDisplayProps.className, classes.select, className)\n      // The id is required for proper a11y\n      ,\n      id: buttonId,\n      children: isEmpty(display) ? // notranslate needed while Google Translate will not fix zero-width space issue\n      _span || (_span = /*#__PURE__*/_jsx(\"span\", {\n        className: \"notranslate\",\n        children: \"\\u200B\"\n      })) : display\n    })), /*#__PURE__*/_jsx(SelectNativeInput, _extends({\n      \"aria-invalid\": error,\n      value: Array.isArray(value) ? value.join(',') : value,\n      name: name,\n      ref: inputRef,\n      \"aria-hidden\": true,\n      onChange: handleChange,\n      tabIndex: -1,\n      disabled: disabled,\n      className: classes.nativeInput,\n      autoFocus: autoFocus,\n      ownerState: ownerState\n    }, other)), /*#__PURE__*/_jsx(SelectIcon, {\n      as: IconComponent,\n      className: classes.icon,\n      ownerState: ownerState\n    }), /*#__PURE__*/_jsx(Menu, _extends({\n      id: `menu-${name || ''}`,\n      anchorEl: anchorElement,\n      open: open,\n      onClose: handleClose,\n      anchorOrigin: {\n        vertical: 'bottom',\n        horizontal: 'center'\n      },\n      transformOrigin: {\n        vertical: 'top',\n        horizontal: 'center'\n      }\n    }, MenuProps, {\n      MenuListProps: _extends({\n        'aria-labelledby': labelId,\n        role: 'listbox',\n        'aria-multiselectable': multiple ? 'true' : undefined,\n        disableListWrap: true,\n        id: listboxId\n      }, MenuProps.MenuListProps),\n      slotProps: _extends({}, MenuProps.slotProps, {\n        paper: _extends({}, paperProps, {\n          style: _extends({\n            minWidth: menuMinWidth\n          }, paperProps != null ? paperProps.style : null)\n        })\n      }),\n      children: items\n    }))]\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? SelectInput.propTypes = {\n  /**\n   * @ignore\n   */\n  'aria-describedby': PropTypes.string,\n  /**\n   * @ignore\n   */\n  'aria-label': PropTypes.string,\n  /**\n   * @ignore\n   */\n  autoFocus: PropTypes.bool,\n  /**\n   * If `true`, the width of the popover will automatically be set according to the items inside the\n   * menu, otherwise it will be at least the width of the select input.\n   */\n  autoWidth: PropTypes.bool,\n  /**\n   * The option elements to populate the select with.\n   * Can be some `<MenuItem>` elements.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * The CSS class name of the select element.\n   */\n  className: PropTypes.string,\n  /**\n   * If `true`, the component is toggled on mount. Use when the component open state is not controlled.\n   * You can only use it when the `native` prop is `false` (default).\n   */\n  defaultOpen: PropTypes.bool,\n  /**\n   * The default value. Use when the component is not controlled.\n   */\n  defaultValue: PropTypes.any,\n  /**\n   * If `true`, the select is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the selected item is displayed even if its value is empty.\n   */\n  displayEmpty: PropTypes.bool,\n  /**\n   * If `true`, the `select input` will indicate an error.\n   */\n  error: PropTypes.bool,\n  /**\n   * The icon that displays the arrow.\n   */\n  IconComponent: PropTypes.elementType.isRequired,\n  /**\n   * Imperative handle implementing `{ value: T, node: HTMLElement, focus(): void }`\n   * Equivalent to `ref`\n   */\n  inputRef: refType,\n  /**\n   * The ID of an element that acts as an additional label. The Select will\n   * be labelled by the additional label and the selected value.\n   */\n  labelId: PropTypes.string,\n  /**\n   * Props applied to the [`Menu`](/material-ui/api/menu/) element.\n   */\n  MenuProps: PropTypes.object,\n  /**\n   * If `true`, `value` must be an array and the menu will support multiple selections.\n   */\n  multiple: PropTypes.bool,\n  /**\n   * Name attribute of the `select` or hidden `input` element.\n   */\n  name: PropTypes.string,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Callback fired when a menu item is selected.\n   *\n   * @param {object} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (any).\n   * @param {object} [child] The react element that was selected.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback fired when the component requests to be closed.\n   * Use in controlled mode (see open).\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onClose: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onFocus: PropTypes.func,\n  /**\n   * Callback fired when the component requests to be opened.\n   * Use in controlled mode (see open).\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onOpen: PropTypes.func,\n  /**\n   * If `true`, the component is shown.\n   */\n  open: PropTypes.bool,\n  /**\n   * @ignore\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Render the selected value.\n   *\n   * @param {any} value The `value` provided to the component.\n   * @returns {ReactNode}\n   */\n  renderValue: PropTypes.func,\n  /**\n   * Props applied to the clickable div element.\n   */\n  SelectDisplayProps: PropTypes.object,\n  /**\n   * @ignore\n   */\n  tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * @ignore\n   */\n  type: PropTypes.any,\n  /**\n   * The input value.\n   */\n  value: PropTypes.any,\n  /**\n   * The variant to use.\n   */\n  variant: PropTypes.oneOf(['standard', 'outlined', 'filled'])\n} : void 0;\nexport default SelectInput;","'use client';\n\nimport * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n\n/**\n * @ignore - internal component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M7 10l5 5 5-5z\"\n}), 'ArrowDropDown');","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"autoWidth\", \"children\", \"classes\", \"className\", \"defaultOpen\", \"displayEmpty\", \"IconComponent\", \"id\", \"input\", \"inputProps\", \"label\", \"labelId\", \"MenuProps\", \"multiple\", \"native\", \"onClose\", \"onOpen\", \"open\", \"renderValue\", \"SelectDisplayProps\", \"variant\"],\n  _excluded2 = [\"root\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport deepmerge from '@mui/utils/deepmerge';\nimport SelectInput from './SelectInput';\nimport formControlState from '../FormControl/formControlState';\nimport useFormControl from '../FormControl/useFormControl';\nimport ArrowDropDownIcon from '../internal/svg-icons/ArrowDropDown';\nimport Input from '../Input';\nimport NativeSelectInput from '../NativeSelect/NativeSelectInput';\nimport FilledInput from '../FilledInput';\nimport OutlinedInput from '../OutlinedInput';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport useForkRef from '../utils/useForkRef';\nimport styled, { rootShouldForwardProp } from '../styles/styled';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes\n  } = ownerState;\n  return classes;\n};\nconst styledRootConfig = {\n  name: 'MuiSelect',\n  overridesResolver: (props, styles) => styles.root,\n  shouldForwardProp: prop => rootShouldForwardProp(prop) && prop !== 'variant',\n  slot: 'Root'\n};\nconst StyledInput = styled(Input, styledRootConfig)('');\nconst StyledOutlinedInput = styled(OutlinedInput, styledRootConfig)('');\nconst StyledFilledInput = styled(FilledInput, styledRootConfig)('');\nconst Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {\n  const props = useDefaultProps({\n    name: 'MuiSelect',\n    props: inProps\n  });\n  const {\n      autoWidth = false,\n      children,\n      classes: classesProp = {},\n      className,\n      defaultOpen = false,\n      displayEmpty = false,\n      IconComponent = ArrowDropDownIcon,\n      id,\n      input,\n      inputProps,\n      label,\n      labelId,\n      MenuProps,\n      multiple = false,\n      native = false,\n      onClose,\n      onOpen,\n      open,\n      renderValue,\n      SelectDisplayProps,\n      variant: variantProp = 'outlined'\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const inputComponent = native ? NativeSelectInput : SelectInput;\n  const muiFormControl = useFormControl();\n  const fcs = formControlState({\n    props,\n    muiFormControl,\n    states: ['variant', 'error']\n  });\n  const variant = fcs.variant || variantProp;\n  const ownerState = _extends({}, props, {\n    variant,\n    classes: classesProp\n  });\n  const classes = useUtilityClasses(ownerState);\n  const restOfClasses = _objectWithoutPropertiesLoose(classes, _excluded2);\n  const InputComponent = input || {\n    standard: /*#__PURE__*/_jsx(StyledInput, {\n      ownerState: ownerState\n    }),\n    outlined: /*#__PURE__*/_jsx(StyledOutlinedInput, {\n      label: label,\n      ownerState: ownerState\n    }),\n    filled: /*#__PURE__*/_jsx(StyledFilledInput, {\n      ownerState: ownerState\n    })\n  }[variant];\n  const inputComponentRef = useForkRef(ref, InputComponent.ref);\n  return /*#__PURE__*/_jsx(React.Fragment, {\n    children: /*#__PURE__*/React.cloneElement(InputComponent, _extends({\n      // Most of the logic is implemented in `SelectInput`.\n      // The `Select` component is a simple API wrapper to expose something better to play with.\n      inputComponent,\n      inputProps: _extends({\n        children,\n        error: fcs.error,\n        IconComponent,\n        variant,\n        type: undefined,\n        // We render a select. We can ignore the type provided by the `Input`.\n        multiple\n      }, native ? {\n        id\n      } : {\n        autoWidth,\n        defaultOpen,\n        displayEmpty,\n        labelId,\n        MenuProps,\n        onClose,\n        onOpen,\n        open,\n        renderValue,\n        SelectDisplayProps: _extends({\n          id\n        }, SelectDisplayProps)\n      }, inputProps, {\n        classes: inputProps ? deepmerge(restOfClasses, inputProps.classes) : restOfClasses\n      }, input ? input.props.inputProps : {})\n    }, (multiple && native || displayEmpty) && variant === 'outlined' ? {\n      notched: true\n    } : {}, {\n      ref: inputComponentRef,\n      className: clsx(InputComponent.props.className, className, classes.root)\n    }, !input && {\n      variant\n    }, other))\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Select.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * If `true`, the width of the popover will automatically be set according to the items inside the\n   * menu, otherwise it will be at least the width of the select input.\n   * @default false\n   */\n  autoWidth: PropTypes.bool,\n  /**\n   * The option elements to populate the select with.\n   * Can be some `MenuItem` when `native` is false and `option` when `native` is true.\n   *\n   * ⚠️The `MenuItem` elements **must** be direct descendants when `native` is false.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   * @default {}\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * If `true`, the component is initially open. Use when the component open state is not controlled (i.e. the `open` prop is not defined).\n   * You can only use it when the `native` prop is `false` (default).\n   * @default false\n   */\n  defaultOpen: PropTypes.bool,\n  /**\n   * The default value. Use when the component is not controlled.\n   */\n  defaultValue: PropTypes.any,\n  /**\n   * If `true`, a value is displayed even if no items are selected.\n   *\n   * In order to display a meaningful value, a function can be passed to the `renderValue` prop which\n   * returns the value to be displayed when no items are selected.\n   *\n   * ⚠️ When using this prop, make sure the label doesn't overlap with the empty displayed value.\n   * The label should either be hidden or forced to a shrunk state.\n   * @default false\n   */\n  displayEmpty: PropTypes.bool,\n  /**\n   * The icon that displays the arrow.\n   * @default ArrowDropDownIcon\n   */\n  IconComponent: PropTypes.elementType,\n  /**\n   * The `id` of the wrapper element or the `select` element when `native`.\n   */\n  id: PropTypes.string,\n  /**\n   * An `Input` element; does not have to be a material-ui specific `Input`.\n   */\n  input: PropTypes.element,\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n   * When `native` is `true`, the attributes are applied on the `select` element.\n   */\n  inputProps: PropTypes.object,\n  /**\n   * See [OutlinedInput#label](/material-ui/api/outlined-input/#props)\n   */\n  label: PropTypes.node,\n  /**\n   * The ID of an element that acts as an additional label. The Select will\n   * be labelled by the additional label and the selected value.\n   */\n  labelId: PropTypes.string,\n  /**\n   * Props applied to the [`Menu`](/material-ui/api/menu/) element.\n   */\n  MenuProps: PropTypes.object,\n  /**\n   * If `true`, `value` must be an array and the menu will support multiple selections.\n   * @default false\n   */\n  multiple: PropTypes.bool,\n  /**\n   * If `true`, the component uses a native `select` element.\n   * @default false\n   */\n  native: PropTypes.bool,\n  /**\n   * Callback fired when a menu item is selected.\n   *\n   * @param {SelectChangeEvent<Value>} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (any).\n   * **Warning**: This is a generic event, not a change event, unless the change event is caused by browser autofill.\n   * @param {object} [child] The react element that was selected when `native` is `false` (default).\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback fired when the component requests to be closed.\n   * Use it in either controlled (see the `open` prop), or uncontrolled mode (to detect when the Select collapses).\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onClose: PropTypes.func,\n  /**\n   * Callback fired when the component requests to be opened.\n   * Use it in either controlled (see the `open` prop), or uncontrolled mode (to detect when the Select expands).\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onOpen: PropTypes.func,\n  /**\n   * If `true`, the component is shown.\n   * You can only use it when the `native` prop is `false` (default).\n   */\n  open: PropTypes.bool,\n  /**\n   * Render the selected value.\n   * You can only use it when the `native` prop is `false` (default).\n   *\n   * @param {any} value The `value` provided to the component.\n   * @returns {ReactNode}\n   */\n  renderValue: PropTypes.func,\n  /**\n   * Props applied to the clickable div element.\n   */\n  SelectDisplayProps: PropTypes.object,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The `input` value. Providing an empty string will select no options.\n   * Set to an empty string `''` if you don't want any of the available options to be selected.\n   *\n   * If the value is an object it must have reference equality with the option in order to be selected.\n   * If the value is not an object, the string representation must match with the string representation of the option in order to be selected.\n   */\n  value: PropTypes.oneOfType([PropTypes.oneOf(['']), PropTypes.any]),\n  /**\n   * The variant to use.\n   * @default 'outlined'\n   */\n  variant: PropTypes.oneOf(['filled', 'outlined', 'standard'])\n} : void 0;\nSelect.muiName = 'Select';\nexport default Select;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getTextFieldUtilityClass(slot) {\n  return generateUtilityClass('MuiTextField', slot);\n}\nconst textFieldClasses = generateUtilityClasses('MuiTextField', ['root']);\nexport default textFieldClasses;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"autoComplete\", \"autoFocus\", \"children\", \"className\", \"color\", \"defaultValue\", \"disabled\", \"error\", \"FormHelperTextProps\", \"fullWidth\", \"helperText\", \"id\", \"InputLabelProps\", \"inputProps\", \"InputProps\", \"inputRef\", \"label\", \"maxRows\", \"minRows\", \"multiline\", \"name\", \"onBlur\", \"onChange\", \"onFocus\", \"placeholder\", \"required\", \"rows\", \"select\", \"SelectProps\", \"type\", \"value\", \"variant\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport useId from '@mui/utils/useId';\nimport refType from '@mui/utils/refType';\nimport styled from '../styles/styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport Input from '../Input';\nimport FilledInput from '../FilledInput';\nimport OutlinedInput from '../OutlinedInput';\nimport InputLabel from '../InputLabel';\nimport FormControl from '../FormControl';\nimport FormHelperText from '../FormHelperText';\nimport Select from '../Select';\nimport { getTextFieldUtilityClass } from './textFieldClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nconst variantComponent = {\n  standard: Input,\n  filled: FilledInput,\n  outlined: OutlinedInput\n};\nconst useUtilityClasses = ownerState => {\n  const {\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root']\n  };\n  return composeClasses(slots, getTextFieldUtilityClass, classes);\n};\nconst TextFieldRoot = styled(FormControl, {\n  name: 'MuiTextField',\n  slot: 'Root',\n  overridesResolver: (props, styles) => styles.root\n})({});\n\n/**\n * The `TextField` is a convenience wrapper for the most common cases (80%).\n * It cannot be all things to all people, otherwise the API would grow out of control.\n *\n * ## Advanced Configuration\n *\n * It's important to understand that the text field is a simple abstraction\n * on top of the following components:\n *\n * - [FormControl](/material-ui/api/form-control/)\n * - [InputLabel](/material-ui/api/input-label/)\n * - [FilledInput](/material-ui/api/filled-input/)\n * - [OutlinedInput](/material-ui/api/outlined-input/)\n * - [Input](/material-ui/api/input/)\n * - [FormHelperText](/material-ui/api/form-helper-text/)\n *\n * If you wish to alter the props applied to the `input` element, you can do so as follows:\n *\n * ```jsx\n * const inputProps = {\n *   step: 300,\n * };\n *\n * return <TextField id=\"time\" type=\"time\" inputProps={inputProps} />;\n * ```\n *\n * For advanced cases, please look at the source of TextField by clicking on the\n * \"Edit this page\" button above. Consider either:\n *\n * - using the upper case props for passing values directly to the components\n * - using the underlying components directly as shown in the demos\n */\nconst TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiTextField'\n  });\n  const {\n      autoComplete,\n      autoFocus = false,\n      children,\n      className,\n      color = 'primary',\n      defaultValue,\n      disabled = false,\n      error = false,\n      FormHelperTextProps,\n      fullWidth = false,\n      helperText,\n      id: idOverride,\n      InputLabelProps,\n      inputProps,\n      InputProps,\n      inputRef,\n      label,\n      maxRows,\n      minRows,\n      multiline = false,\n      name,\n      onBlur,\n      onChange,\n      onFocus,\n      placeholder,\n      required = false,\n      rows,\n      select = false,\n      SelectProps,\n      type,\n      value,\n      variant = 'outlined'\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const ownerState = _extends({}, props, {\n    autoFocus,\n    color,\n    disabled,\n    error,\n    fullWidth,\n    multiline,\n    required,\n    select,\n    variant\n  });\n  const classes = useUtilityClasses(ownerState);\n  if (process.env.NODE_ENV !== 'production') {\n    if (select && !children) {\n      console.error('MUI: `children` must be passed when using the `TextField` component with `select`.');\n    }\n  }\n  const InputMore = {};\n  if (variant === 'outlined') {\n    if (InputLabelProps && typeof InputLabelProps.shrink !== 'undefined') {\n      InputMore.notched = InputLabelProps.shrink;\n    }\n    InputMore.label = label;\n  }\n  if (select) {\n    // unset defaults from textbox inputs\n    if (!SelectProps || !SelectProps.native) {\n      InputMore.id = undefined;\n    }\n    InputMore['aria-describedby'] = undefined;\n  }\n  const id = useId(idOverride);\n  const helperTextId = helperText && id ? `${id}-helper-text` : undefined;\n  const inputLabelId = label && id ? `${id}-label` : undefined;\n  const InputComponent = variantComponent[variant];\n  const InputElement = /*#__PURE__*/_jsx(InputComponent, _extends({\n    \"aria-describedby\": helperTextId,\n    autoComplete: autoComplete,\n    autoFocus: autoFocus,\n    defaultValue: defaultValue,\n    fullWidth: fullWidth,\n    multiline: multiline,\n    name: name,\n    rows: rows,\n    maxRows: maxRows,\n    minRows: minRows,\n    type: type,\n    value: value,\n    id: id,\n    inputRef: inputRef,\n    onBlur: onBlur,\n    onChange: onChange,\n    onFocus: onFocus,\n    placeholder: placeholder,\n    inputProps: inputProps\n  }, InputMore, InputProps));\n  return /*#__PURE__*/_jsxs(TextFieldRoot, _extends({\n    className: clsx(classes.root, className),\n    disabled: disabled,\n    error: error,\n    fullWidth: fullWidth,\n    ref: ref,\n    required: required,\n    color: color,\n    variant: variant,\n    ownerState: ownerState\n  }, other, {\n    children: [label != null && label !== '' && /*#__PURE__*/_jsx(InputLabel, _extends({\n      htmlFor: id,\n      id: inputLabelId\n    }, InputLabelProps, {\n      children: label\n    })), select ? /*#__PURE__*/_jsx(Select, _extends({\n      \"aria-describedby\": helperTextId,\n      id: id,\n      labelId: inputLabelId,\n      value: value,\n      input: InputElement\n    }, SelectProps, {\n      children: children\n    })) : InputElement, helperText && /*#__PURE__*/_jsx(FormHelperText, _extends({\n      id: helperTextId\n    }, FormHelperTextProps, {\n      children: helperText\n    }))]\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? TextField.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * This prop helps users to fill forms faster, especially on mobile devices.\n   * The name can be confusing, as it's more like an autofill.\n   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).\n   */\n  autoComplete: PropTypes.string,\n  /**\n   * If `true`, the `input` element is focused during the first mount.\n   * @default false\n   */\n  autoFocus: PropTypes.bool,\n  /**\n   * @ignore\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * @default 'primary'\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),\n  /**\n   * The default value. Use when the component is not controlled.\n   */\n  defaultValue: PropTypes.any,\n  /**\n   * If `true`, the component is disabled.\n   * @default false\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the label is displayed in an error state.\n   * @default false\n   */\n  error: PropTypes.bool,\n  /**\n   * Props applied to the [`FormHelperText`](/material-ui/api/form-helper-text/) element.\n   */\n  FormHelperTextProps: PropTypes.object,\n  /**\n   * If `true`, the input will take up the full width of its container.\n   * @default false\n   */\n  fullWidth: PropTypes.bool,\n  /**\n   * The helper text content.\n   */\n  helperText: PropTypes.node,\n  /**\n   * The id of the `input` element.\n   * Use this prop to make `label` and `helperText` accessible for screen readers.\n   */\n  id: PropTypes.string,\n  /**\n   * Props applied to the [`InputLabel`](/material-ui/api/input-label/) element.\n   * Pointer events like `onClick` are enabled if and only if `shrink` is `true`.\n   */\n  InputLabelProps: PropTypes.object,\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n   */\n  inputProps: PropTypes.object,\n  /**\n   * Props applied to the Input element.\n   * It will be a [`FilledInput`](/material-ui/api/filled-input/),\n   * [`OutlinedInput`](/material-ui/api/outlined-input/) or [`Input`](/material-ui/api/input/)\n   * component depending on the `variant` prop value.\n   */\n  InputProps: PropTypes.object,\n  /**\n   * Pass a ref to the `input` element.\n   */\n  inputRef: refType,\n  /**\n   * The label content.\n   */\n  label: PropTypes.node,\n  /**\n   * If `dense` or `normal`, will adjust vertical spacing of this and contained components.\n   * @default 'none'\n   */\n  margin: PropTypes.oneOf(['dense', 'none', 'normal']),\n  /**\n   * Maximum number of rows to display when multiline option is set to true.\n   */\n  maxRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * Minimum number of rows to display when multiline option is set to true.\n   */\n  minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * If `true`, a `textarea` element is rendered instead of an input.\n   * @default false\n   */\n  multiline: PropTypes.bool,\n  /**\n   * Name attribute of the `input` element.\n   */\n  name: PropTypes.string,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Callback fired when the value is changed.\n   *\n   * @param {object} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (string).\n   */\n  onChange: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onFocus: PropTypes.func,\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * If `true`, the label is displayed as required and the `input` element is required.\n   * @default false\n   */\n  required: PropTypes.bool,\n  /**\n   * Number of rows to display when multiline option is set to true.\n   */\n  rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * Render a [`Select`](/material-ui/api/select/) element while passing the Input element to `Select` as `input` parameter.\n   * If this option is set you must pass the options of the select as children.\n   * @default false\n   */\n  select: PropTypes.bool,\n  /**\n   * Props applied to the [`Select`](/material-ui/api/select/) element.\n   */\n  SelectProps: PropTypes.object,\n  /**\n   * The size of the component.\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).\n   */\n  type: PropTypes /* @typescript-to-proptypes-ignore */.string,\n  /**\n   * The value of the `input` element, required for a controlled component.\n   */\n  value: PropTypes.any,\n  /**\n   * The variant to use.\n   * @default 'outlined'\n   */\n  variant: PropTypes.oneOf(['filled', 'outlined', 'standard'])\n} : void 0;\nexport default TextField;","export default function getWindow(node) {\n  if (node == null) {\n    return window;\n  }\n\n  if (node.toString() !== '[object Window]') {\n    var ownerDocument = node.ownerDocument;\n    return ownerDocument ? ownerDocument.defaultView || window : window;\n  }\n\n  return node;\n}","import getWindow from \"./getWindow.js\";\n\nfunction isElement(node) {\n  var OwnElement = getWindow(node).Element;\n  return node instanceof OwnElement || node instanceof Element;\n}\n\nfunction isHTMLElement(node) {\n  var OwnElement = getWindow(node).HTMLElement;\n  return node instanceof OwnElement || node instanceof HTMLElement;\n}\n\nfunction isShadowRoot(node) {\n  // IE 11 has no ShadowRoot\n  if (typeof ShadowRoot === 'undefined') {\n    return false;\n  }\n\n  var OwnElement = getWindow(node).ShadowRoot;\n  return node instanceof OwnElement || node instanceof ShadowRoot;\n}\n\nexport { isElement, isHTMLElement, isShadowRoot };","export var max = Math.max;\nexport var min = Math.min;\nexport var round = Math.round;","export default function getUAString() {\n  var uaData = navigator.userAgentData;\n\n  if (uaData != null && uaData.brands && Array.isArray(uaData.brands)) {\n    return uaData.brands.map(function (item) {\n      return item.brand + \"/\" + item.version;\n    }).join(' ');\n  }\n\n  return navigator.userAgent;\n}","import getUAString from \"../utils/userAgent.js\";\nexport default function isLayoutViewport() {\n  return !/^((?!chrome|android).)*safari/i.test(getUAString());\n}","import { isElement, isHTMLElement } from \"./instanceOf.js\";\nimport { round } from \"../utils/math.js\";\nimport getWindow from \"./getWindow.js\";\nimport isLayoutViewport from \"./isLayoutViewport.js\";\nexport default function getBoundingClientRect(element, includeScale, isFixedStrategy) {\n  if (includeScale === void 0) {\n    includeScale = false;\n  }\n\n  if (isFixedStrategy === void 0) {\n    isFixedStrategy = false;\n  }\n\n  var clientRect = element.getBoundingClientRect();\n  var scaleX = 1;\n  var scaleY = 1;\n\n  if (includeScale && isHTMLElement(element)) {\n    scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;\n    scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;\n  }\n\n  var _ref = isElement(element) ? getWindow(element) : window,\n      visualViewport = _ref.visualViewport;\n\n  var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;\n  var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;\n  var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;\n  var width = clientRect.width / scaleX;\n  var height = clientRect.height / scaleY;\n  return {\n    width: width,\n    height: height,\n    top: y,\n    right: x + width,\n    bottom: y + height,\n    left: x,\n    x: x,\n    y: y\n  };\n}","import getWindow from \"./getWindow.js\";\nexport default function getWindowScroll(node) {\n  var win = getWindow(node);\n  var scrollLeft = win.pageXOffset;\n  var scrollTop = win.pageYOffset;\n  return {\n    scrollLeft: scrollLeft,\n    scrollTop: scrollTop\n  };\n}","export default function getHTMLElementScroll(element) {\n  return {\n    scrollLeft: element.scrollLeft,\n    scrollTop: element.scrollTop\n  };\n}","import getWindowScroll from \"./getWindowScroll.js\";\nimport getWindow from \"./getWindow.js\";\nimport { isHTMLElement } from \"./instanceOf.js\";\nimport getHTMLElementScroll from \"./getHTMLElementScroll.js\";\nexport default function getNodeScroll(node) {\n  if (node === getWindow(node) || !isHTMLElement(node)) {\n    return getWindowScroll(node);\n  } else {\n    return getHTMLElementScroll(node);\n  }\n}","export default function getNodeName(element) {\n  return element ? (element.nodeName || '').toLowerCase() : null;\n}","import { isElement } from \"./instanceOf.js\";\nexport default function getDocumentElement(element) {\n  // $FlowFixMe[incompatible-return]: assume body is always available\n  return ((isElement(element) ? element.ownerDocument : // $FlowFixMe[prop-missing]\n  element.document) || window.document).documentElement;\n}","import getBoundingClientRect from \"./getBoundingClientRect.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport getWindowScroll from \"./getWindowScroll.js\";\nexport default function getWindowScrollBarX(element) {\n  // If <html> has a CSS width greater than the viewport, then this will be\n  // incorrect for RTL.\n  // Popper 1 is broken in this case and never had a bug report so let's assume\n  // it's not an issue. I don't think anyone ever specifies width on <html>\n  // anyway.\n  // Browsers where the left scrollbar doesn't cause an issue report `0` for\n  // this (e.g. Edge 2019, IE11, Safari)\n  return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;\n}","import getWindow from \"./getWindow.js\";\nexport default function getComputedStyle(element) {\n  return getWindow(element).getComputedStyle(element);\n}","import getComputedStyle from \"./getComputedStyle.js\";\nexport default function isScrollParent(element) {\n  // Firefox wants us to check `-x` and `-y` variations as well\n  var _getComputedStyle = getComputedStyle(element),\n      overflow = _getComputedStyle.overflow,\n      overflowX = _getComputedStyle.overflowX,\n      overflowY = _getComputedStyle.overflowY;\n\n  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);\n}","import getBoundingClientRect from \"./getBoundingClientRect.js\";\nimport getNodeScroll from \"./getNodeScroll.js\";\nimport getNodeName from \"./getNodeName.js\";\nimport { isHTMLElement } from \"./instanceOf.js\";\nimport getWindowScrollBarX from \"./getWindowScrollBarX.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport isScrollParent from \"./isScrollParent.js\";\nimport { round } from \"../utils/math.js\";\n\nfunction isElementScaled(element) {\n  var rect = element.getBoundingClientRect();\n  var scaleX = round(rect.width) / element.offsetWidth || 1;\n  var scaleY = round(rect.height) / element.offsetHeight || 1;\n  return scaleX !== 1 || scaleY !== 1;\n} // Returns the composite rect of an element relative to its offsetParent.\n// Composite means it takes into account transforms as well as layout.\n\n\nexport default function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {\n  if (isFixed === void 0) {\n    isFixed = false;\n  }\n\n  var isOffsetParentAnElement = isHTMLElement(offsetParent);\n  var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);\n  var documentElement = getDocumentElement(offsetParent);\n  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed);\n  var scroll = {\n    scrollLeft: 0,\n    scrollTop: 0\n  };\n  var offsets = {\n    x: 0,\n    y: 0\n  };\n\n  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {\n    if (getNodeName(offsetParent) !== 'body' || // https://github.com/popperjs/popper-core/issues/1078\n    isScrollParent(documentElement)) {\n      scroll = getNodeScroll(offsetParent);\n    }\n\n    if (isHTMLElement(offsetParent)) {\n      offsets = getBoundingClientRect(offsetParent, true);\n      offsets.x += offsetParent.clientLeft;\n      offsets.y += offsetParent.clientTop;\n    } else if (documentElement) {\n      offsets.x = getWindowScrollBarX(documentElement);\n    }\n  }\n\n  return {\n    x: rect.left + scroll.scrollLeft - offsets.x,\n    y: rect.top + scroll.scrollTop - offsets.y,\n    width: rect.width,\n    height: rect.height\n  };\n}","import getBoundingClientRect from \"./getBoundingClientRect.js\"; // Returns the layout rect of an element relative to its offsetParent. Layout\n// means it doesn't take into account transforms.\n\nexport default function getLayoutRect(element) {\n  var clientRect = getBoundingClientRect(element); // Use the clientRect sizes if it's not been transformed.\n  // Fixes https://github.com/popperjs/popper-core/issues/1223\n\n  var width = element.offsetWidth;\n  var height = element.offsetHeight;\n\n  if (Math.abs(clientRect.width - width) <= 1) {\n    width = clientRect.width;\n  }\n\n  if (Math.abs(clientRect.height - height) <= 1) {\n    height = clientRect.height;\n  }\n\n  return {\n    x: element.offsetLeft,\n    y: element.offsetTop,\n    width: width,\n    height: height\n  };\n}","import getNodeName from \"./getNodeName.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport { isShadowRoot } from \"./instanceOf.js\";\nexport default function getParentNode(element) {\n  if (getNodeName(element) === 'html') {\n    return element;\n  }\n\n  return (// this is a quicker (but less type safe) way to save quite some bytes from the bundle\n    // $FlowFixMe[incompatible-return]\n    // $FlowFixMe[prop-missing]\n    element.assignedSlot || // step into the shadow DOM of the parent of a slotted node\n    element.parentNode || ( // DOM Element detected\n    isShadowRoot(element) ? element.host : null) || // ShadowRoot detected\n    // $FlowFixMe[incompatible-call]: HTMLElement is a Node\n    getDocumentElement(element) // fallback\n\n  );\n}","import getParentNode from \"./getParentNode.js\";\nimport isScrollParent from \"./isScrollParent.js\";\nimport getNodeName from \"./getNodeName.js\";\nimport { isHTMLElement } from \"./instanceOf.js\";\nexport default function getScrollParent(node) {\n  if (['html', 'body', '#document'].indexOf(getNodeName(node)) >= 0) {\n    // $FlowFixMe[incompatible-return]: assume body is always available\n    return node.ownerDocument.body;\n  }\n\n  if (isHTMLElement(node) && isScrollParent(node)) {\n    return node;\n  }\n\n  return getScrollParent(getParentNode(node));\n}","import getScrollParent from \"./getScrollParent.js\";\nimport getParentNode from \"./getParentNode.js\";\nimport getWindow from \"./getWindow.js\";\nimport isScrollParent from \"./isScrollParent.js\";\n/*\ngiven a DOM element, return the list of all scroll parents, up the list of ancesors\nuntil we get to the top window object. This list is what we attach scroll listeners\nto, because if any of these parent elements scroll, we'll need to re-calculate the\nreference element's position.\n*/\n\nexport default function listScrollParents(element, list) {\n  var _element$ownerDocumen;\n\n  if (list === void 0) {\n    list = [];\n  }\n\n  var scrollParent = getScrollParent(element);\n  var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);\n  var win = getWindow(scrollParent);\n  var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;\n  var updatedList = list.concat(target);\n  return isBody ? updatedList : // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here\n  updatedList.concat(listScrollParents(getParentNode(target)));\n}","import getNodeName from \"./getNodeName.js\";\nexport default function isTableElement(element) {\n  return ['table', 'td', 'th'].indexOf(getNodeName(element)) >= 0;\n}","import getWindow from \"./getWindow.js\";\nimport getNodeName from \"./getNodeName.js\";\nimport getComputedStyle from \"./getComputedStyle.js\";\nimport { isHTMLElement, isShadowRoot } from \"./instanceOf.js\";\nimport isTableElement from \"./isTableElement.js\";\nimport getParentNode from \"./getParentNode.js\";\nimport getUAString from \"../utils/userAgent.js\";\n\nfunction getTrueOffsetParent(element) {\n  if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837\n  getComputedStyle(element).position === 'fixed') {\n    return null;\n  }\n\n  return element.offsetParent;\n} // `.offsetParent` reports `null` for fixed elements, while absolute elements\n// return the containing block\n\n\nfunction getContainingBlock(element) {\n  var isFirefox = /firefox/i.test(getUAString());\n  var isIE = /Trident/i.test(getUAString());\n\n  if (isIE && isHTMLElement(element)) {\n    // In IE 9, 10 and 11 fixed elements containing block is always established by the viewport\n    var elementCss = getComputedStyle(element);\n\n    if (elementCss.position === 'fixed') {\n      return null;\n    }\n  }\n\n  var currentNode = getParentNode(element);\n\n  if (isShadowRoot(currentNode)) {\n    currentNode = currentNode.host;\n  }\n\n  while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) {\n    var css = getComputedStyle(currentNode); // This is non-exhaustive but covers the most common CSS properties that\n    // create a containing block.\n    // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n\n    if (css.transform !== 'none' || css.perspective !== 'none' || css.contain === 'paint' || ['transform', 'perspective'].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === 'filter' || isFirefox && css.filter && css.filter !== 'none') {\n      return currentNode;\n    } else {\n      currentNode = currentNode.parentNode;\n    }\n  }\n\n  return null;\n} // Gets the closest ancestor positioned element. Handles some edge cases,\n// such as table ancestors and cross browser bugs.\n\n\nexport default function getOffsetParent(element) {\n  var window = getWindow(element);\n  var offsetParent = getTrueOffsetParent(element);\n\n  while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === 'static') {\n    offsetParent = getTrueOffsetParent(offsetParent);\n  }\n\n  if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle(offsetParent).position === 'static')) {\n    return window;\n  }\n\n  return offsetParent || getContainingBlock(element) || window;\n}","export var top = 'top';\nexport var bottom = 'bottom';\nexport var right = 'right';\nexport var left = 'left';\nexport var auto = 'auto';\nexport var basePlacements = [top, bottom, right, left];\nexport var start = 'start';\nexport var end = 'end';\nexport var clippingParents = 'clippingParents';\nexport var viewport = 'viewport';\nexport var popper = 'popper';\nexport var reference = 'reference';\nexport var variationPlacements = /*#__PURE__*/basePlacements.reduce(function (acc, placement) {\n  return acc.concat([placement + \"-\" + start, placement + \"-\" + end]);\n}, []);\nexport var placements = /*#__PURE__*/[].concat(basePlacements, [auto]).reduce(function (acc, placement) {\n  return acc.concat([placement, placement + \"-\" + start, placement + \"-\" + end]);\n}, []); // modifiers that need to read the DOM\n\nexport var beforeRead = 'beforeRead';\nexport var read = 'read';\nexport var afterRead = 'afterRead'; // pure-logic modifiers\n\nexport var beforeMain = 'beforeMain';\nexport var main = 'main';\nexport var afterMain = 'afterMain'; // modifier with the purpose to write to the DOM (or write into a framework state)\n\nexport var beforeWrite = 'beforeWrite';\nexport var write = 'write';\nexport var afterWrite = 'afterWrite';\nexport var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];","import { modifierPhases } from \"../enums.js\"; // source: https://stackoverflow.com/questions/49875255\n\nfunction order(modifiers) {\n  var map = new Map();\n  var visited = new Set();\n  var result = [];\n  modifiers.forEach(function (modifier) {\n    map.set(modifier.name, modifier);\n  }); // On visiting object, check for its dependencies and visit them recursively\n\n  function sort(modifier) {\n    visited.add(modifier.name);\n    var requires = [].concat(modifier.requires || [], modifier.requiresIfExists || []);\n    requires.forEach(function (dep) {\n      if (!visited.has(dep)) {\n        var depModifier = map.get(dep);\n\n        if (depModifier) {\n          sort(depModifier);\n        }\n      }\n    });\n    result.push(modifier);\n  }\n\n  modifiers.forEach(function (modifier) {\n    if (!visited.has(modifier.name)) {\n      // check for visited object\n      sort(modifier);\n    }\n  });\n  return result;\n}\n\nexport default function orderModifiers(modifiers) {\n  // order based on dependencies\n  var orderedModifiers = order(modifiers); // order based on phase\n\n  return modifierPhases.reduce(function (acc, phase) {\n    return acc.concat(orderedModifiers.filter(function (modifier) {\n      return modifier.phase === phase;\n    }));\n  }, []);\n}","export default function debounce(fn) {\n  var pending;\n  return function () {\n    if (!pending) {\n      pending = new Promise(function (resolve) {\n        Promise.resolve().then(function () {\n          pending = undefined;\n          resolve(fn());\n        });\n      });\n    }\n\n    return pending;\n  };\n}","export default function mergeByName(modifiers) {\n  var merged = modifiers.reduce(function (merged, current) {\n    var existing = merged[current.name];\n    merged[current.name] = existing ? Object.assign({}, existing, current, {\n      options: Object.assign({}, existing.options, current.options),\n      data: Object.assign({}, existing.data, current.data)\n    }) : current;\n    return merged;\n  }, {}); // IE11 does not support Object.values\n\n  return Object.keys(merged).map(function (key) {\n    return merged[key];\n  });\n}","import getCompositeRect from \"./dom-utils/getCompositeRect.js\";\nimport getLayoutRect from \"./dom-utils/getLayoutRect.js\";\nimport listScrollParents from \"./dom-utils/listScrollParents.js\";\nimport getOffsetParent from \"./dom-utils/getOffsetParent.js\";\nimport orderModifiers from \"./utils/orderModifiers.js\";\nimport debounce from \"./utils/debounce.js\";\nimport mergeByName from \"./utils/mergeByName.js\";\nimport detectOverflow from \"./utils/detectOverflow.js\";\nimport { isElement } from \"./dom-utils/instanceOf.js\";\nvar DEFAULT_OPTIONS = {\n  placement: 'bottom',\n  modifiers: [],\n  strategy: 'absolute'\n};\n\nfunction areValidElements() {\n  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n    args[_key] = arguments[_key];\n  }\n\n  return !args.some(function (element) {\n    return !(element && typeof element.getBoundingClientRect === 'function');\n  });\n}\n\nexport function popperGenerator(generatorOptions) {\n  if (generatorOptions === void 0) {\n    generatorOptions = {};\n  }\n\n  var _generatorOptions = generatorOptions,\n      _generatorOptions$def = _generatorOptions.defaultModifiers,\n      defaultModifiers = _generatorOptions$def === void 0 ? [] : _generatorOptions$def,\n      _generatorOptions$def2 = _generatorOptions.defaultOptions,\n      defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;\n  return function createPopper(reference, popper, options) {\n    if (options === void 0) {\n      options = defaultOptions;\n    }\n\n    var state = {\n      placement: 'bottom',\n      orderedModifiers: [],\n      options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions),\n      modifiersData: {},\n      elements: {\n        reference: reference,\n        popper: popper\n      },\n      attributes: {},\n      styles: {}\n    };\n    var effectCleanupFns = [];\n    var isDestroyed = false;\n    var instance = {\n      state: state,\n      setOptions: function setOptions(setOptionsAction) {\n        var options = typeof setOptionsAction === 'function' ? setOptionsAction(state.options) : setOptionsAction;\n        cleanupModifierEffects();\n        state.options = Object.assign({}, defaultOptions, state.options, options);\n        state.scrollParents = {\n          reference: isElement(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [],\n          popper: listScrollParents(popper)\n        }; // Orders the modifiers based on their dependencies and `phase`\n        // properties\n\n        var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers, state.options.modifiers))); // Strip out disabled modifiers\n\n        state.orderedModifiers = orderedModifiers.filter(function (m) {\n          return m.enabled;\n        });\n        runModifierEffects();\n        return instance.update();\n      },\n      // Sync update – it will always be executed, even if not necessary. This\n      // is useful for low frequency updates where sync behavior simplifies the\n      // logic.\n      // For high frequency updates (e.g. `resize` and `scroll` events), always\n      // prefer the async Popper#update method\n      forceUpdate: function forceUpdate() {\n        if (isDestroyed) {\n          return;\n        }\n\n        var _state$elements = state.elements,\n            reference = _state$elements.reference,\n            popper = _state$elements.popper; // Don't proceed if `reference` or `popper` are not valid elements\n        // anymore\n\n        if (!areValidElements(reference, popper)) {\n          return;\n        } // Store the reference and popper rects to be read by modifiers\n\n\n        state.rects = {\n          reference: getCompositeRect(reference, getOffsetParent(popper), state.options.strategy === 'fixed'),\n          popper: getLayoutRect(popper)\n        }; // Modifiers have the ability to reset the current update cycle. The\n        // most common use case for this is the `flip` modifier changing the\n        // placement, which then needs to re-run all the modifiers, because the\n        // logic was previously ran for the previous placement and is therefore\n        // stale/incorrect\n\n        state.reset = false;\n        state.placement = state.options.placement; // On each update cycle, the `modifiersData` property for each modifier\n        // is filled with the initial data specified by the modifier. This means\n        // it doesn't persist and is fresh on each update.\n        // To ensure persistent data, use `${name}#persistent`\n\n        state.orderedModifiers.forEach(function (modifier) {\n          return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);\n        });\n\n        for (var index = 0; index < state.orderedModifiers.length; index++) {\n          if (state.reset === true) {\n            state.reset = false;\n            index = -1;\n            continue;\n          }\n\n          var _state$orderedModifie = state.orderedModifiers[index],\n              fn = _state$orderedModifie.fn,\n              _state$orderedModifie2 = _state$orderedModifie.options,\n              _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2,\n              name = _state$orderedModifie.name;\n\n          if (typeof fn === 'function') {\n            state = fn({\n              state: state,\n              options: _options,\n              name: name,\n              instance: instance\n            }) || state;\n          }\n        }\n      },\n      // Async and optimistically optimized update – it will not be executed if\n      // not necessary (debounced to run at most once-per-tick)\n      update: debounce(function () {\n        return new Promise(function (resolve) {\n          instance.forceUpdate();\n          resolve(state);\n        });\n      }),\n      destroy: function destroy() {\n        cleanupModifierEffects();\n        isDestroyed = true;\n      }\n    };\n\n    if (!areValidElements(reference, popper)) {\n      return instance;\n    }\n\n    instance.setOptions(options).then(function (state) {\n      if (!isDestroyed && options.onFirstUpdate) {\n        options.onFirstUpdate(state);\n      }\n    }); // Modifiers have the ability to execute arbitrary code before the first\n    // update cycle runs. They will be executed in the same order as the update\n    // cycle. This is useful when a modifier adds some persistent data that\n    // other modifiers need to use, but the modifier is run after the dependent\n    // one.\n\n    function runModifierEffects() {\n      state.orderedModifiers.forEach(function (_ref) {\n        var name = _ref.name,\n            _ref$options = _ref.options,\n            options = _ref$options === void 0 ? {} : _ref$options,\n            effect = _ref.effect;\n\n        if (typeof effect === 'function') {\n          var cleanupFn = effect({\n            state: state,\n            name: name,\n            instance: instance,\n            options: options\n          });\n\n          var noopFn = function noopFn() {};\n\n          effectCleanupFns.push(cleanupFn || noopFn);\n        }\n      });\n    }\n\n    function cleanupModifierEffects() {\n      effectCleanupFns.forEach(function (fn) {\n        return fn();\n      });\n      effectCleanupFns = [];\n    }\n\n    return instance;\n  };\n}\nexport var createPopper = /*#__PURE__*/popperGenerator(); // eslint-disable-next-line import/no-unused-modules\n\nexport { detectOverflow };","import getWindow from \"../dom-utils/getWindow.js\"; // eslint-disable-next-line import/no-unused-modules\n\nvar passive = {\n  passive: true\n};\n\nfunction effect(_ref) {\n  var state = _ref.state,\n      instance = _ref.instance,\n      options = _ref.options;\n  var _options$scroll = options.scroll,\n      scroll = _options$scroll === void 0 ? true : _options$scroll,\n      _options$resize = options.resize,\n      resize = _options$resize === void 0 ? true : _options$resize;\n  var window = getWindow(state.elements.popper);\n  var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper);\n\n  if (scroll) {\n    scrollParents.forEach(function (scrollParent) {\n      scrollParent.addEventListener('scroll', instance.update, passive);\n    });\n  }\n\n  if (resize) {\n    window.addEventListener('resize', instance.update, passive);\n  }\n\n  return function () {\n    if (scroll) {\n      scrollParents.forEach(function (scrollParent) {\n        scrollParent.removeEventListener('scroll', instance.update, passive);\n      });\n    }\n\n    if (resize) {\n      window.removeEventListener('resize', instance.update, passive);\n    }\n  };\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n  name: 'eventListeners',\n  enabled: true,\n  phase: 'write',\n  fn: function fn() {},\n  effect: effect,\n  data: {}\n};","import { auto } from \"../enums.js\";\nexport default function getBasePlacement(placement) {\n  return placement.split('-')[0];\n}","export default function getVariation(placement) {\n  return placement.split('-')[1];\n}","export default function getMainAxisFromPlacement(placement) {\n  return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y';\n}","import getBasePlacement from \"./getBasePlacement.js\";\nimport getVariation from \"./getVariation.js\";\nimport getMainAxisFromPlacement from \"./getMainAxisFromPlacement.js\";\nimport { top, right, bottom, left, start, end } from \"../enums.js\";\nexport default function computeOffsets(_ref) {\n  var reference = _ref.reference,\n      element = _ref.element,\n      placement = _ref.placement;\n  var basePlacement = placement ? getBasePlacement(placement) : null;\n  var variation = placement ? getVariation(placement) : null;\n  var commonX = reference.x + reference.width / 2 - element.width / 2;\n  var commonY = reference.y + reference.height / 2 - element.height / 2;\n  var offsets;\n\n  switch (basePlacement) {\n    case top:\n      offsets = {\n        x: commonX,\n        y: reference.y - element.height\n      };\n      break;\n\n    case bottom:\n      offsets = {\n        x: commonX,\n        y: reference.y + reference.height\n      };\n      break;\n\n    case right:\n      offsets = {\n        x: reference.x + reference.width,\n        y: commonY\n      };\n      break;\n\n    case left:\n      offsets = {\n        x: reference.x - element.width,\n        y: commonY\n      };\n      break;\n\n    default:\n      offsets = {\n        x: reference.x,\n        y: reference.y\n      };\n  }\n\n  var mainAxis = basePlacement ? getMainAxisFromPlacement(basePlacement) : null;\n\n  if (mainAxis != null) {\n    var len = mainAxis === 'y' ? 'height' : 'width';\n\n    switch (variation) {\n      case start:\n        offsets[mainAxis] = offsets[mainAxis] - (reference[len] / 2 - element[len] / 2);\n        break;\n\n      case end:\n        offsets[mainAxis] = offsets[mainAxis] + (reference[len] / 2 - element[len] / 2);\n        break;\n\n      default:\n    }\n  }\n\n  return offsets;\n}","import computeOffsets from \"../utils/computeOffsets.js\";\n\nfunction popperOffsets(_ref) {\n  var state = _ref.state,\n      name = _ref.name;\n  // Offsets are the actual position the popper needs to have to be\n  // properly positioned near its reference element\n  // This is the most basic placement, and will be adjusted by\n  // the modifiers in the next step\n  state.modifiersData[name] = computeOffsets({\n    reference: state.rects.reference,\n    element: state.rects.popper,\n    strategy: 'absolute',\n    placement: state.placement\n  });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n  name: 'popperOffsets',\n  enabled: true,\n  phase: 'read',\n  fn: popperOffsets,\n  data: {}\n};","import { top, left, right, bottom, end } from \"../enums.js\";\nimport getOffsetParent from \"../dom-utils/getOffsetParent.js\";\nimport getWindow from \"../dom-utils/getWindow.js\";\nimport getDocumentElement from \"../dom-utils/getDocumentElement.js\";\nimport getComputedStyle from \"../dom-utils/getComputedStyle.js\";\nimport getBasePlacement from \"../utils/getBasePlacement.js\";\nimport getVariation from \"../utils/getVariation.js\";\nimport { round } from \"../utils/math.js\"; // eslint-disable-next-line import/no-unused-modules\n\nvar unsetSides = {\n  top: 'auto',\n  right: 'auto',\n  bottom: 'auto',\n  left: 'auto'\n}; // Round the offsets to the nearest suitable subpixel based on the DPR.\n// Zooming can change the DPR, but it seems to report a value that will\n// cleanly divide the values into the appropriate subpixels.\n\nfunction roundOffsetsByDPR(_ref, win) {\n  var x = _ref.x,\n      y = _ref.y;\n  var dpr = win.devicePixelRatio || 1;\n  return {\n    x: round(x * dpr) / dpr || 0,\n    y: round(y * dpr) / dpr || 0\n  };\n}\n\nexport function mapToStyles(_ref2) {\n  var _Object$assign2;\n\n  var popper = _ref2.popper,\n      popperRect = _ref2.popperRect,\n      placement = _ref2.placement,\n      variation = _ref2.variation,\n      offsets = _ref2.offsets,\n      position = _ref2.position,\n      gpuAcceleration = _ref2.gpuAcceleration,\n      adaptive = _ref2.adaptive,\n      roundOffsets = _ref2.roundOffsets,\n      isFixed = _ref2.isFixed;\n  var _offsets$x = offsets.x,\n      x = _offsets$x === void 0 ? 0 : _offsets$x,\n      _offsets$y = offsets.y,\n      y = _offsets$y === void 0 ? 0 : _offsets$y;\n\n  var _ref3 = typeof roundOffsets === 'function' ? roundOffsets({\n    x: x,\n    y: y\n  }) : {\n    x: x,\n    y: y\n  };\n\n  x = _ref3.x;\n  y = _ref3.y;\n  var hasX = offsets.hasOwnProperty('x');\n  var hasY = offsets.hasOwnProperty('y');\n  var sideX = left;\n  var sideY = top;\n  var win = window;\n\n  if (adaptive) {\n    var offsetParent = getOffsetParent(popper);\n    var heightProp = 'clientHeight';\n    var widthProp = 'clientWidth';\n\n    if (offsetParent === getWindow(popper)) {\n      offsetParent = getDocumentElement(popper);\n\n      if (getComputedStyle(offsetParent).position !== 'static' && position === 'absolute') {\n        heightProp = 'scrollHeight';\n        widthProp = 'scrollWidth';\n      }\n    } // $FlowFixMe[incompatible-cast]: force type refinement, we compare offsetParent with window above, but Flow doesn't detect it\n\n\n    offsetParent = offsetParent;\n\n    if (placement === top || (placement === left || placement === right) && variation === end) {\n      sideY = bottom;\n      var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height : // $FlowFixMe[prop-missing]\n      offsetParent[heightProp];\n      y -= offsetY - popperRect.height;\n      y *= gpuAcceleration ? 1 : -1;\n    }\n\n    if (placement === left || (placement === top || placement === bottom) && variation === end) {\n      sideX = right;\n      var offsetX = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.width : // $FlowFixMe[prop-missing]\n      offsetParent[widthProp];\n      x -= offsetX - popperRect.width;\n      x *= gpuAcceleration ? 1 : -1;\n    }\n  }\n\n  var commonStyles = Object.assign({\n    position: position\n  }, adaptive && unsetSides);\n\n  var _ref4 = roundOffsets === true ? roundOffsetsByDPR({\n    x: x,\n    y: y\n  }, getWindow(popper)) : {\n    x: x,\n    y: y\n  };\n\n  x = _ref4.x;\n  y = _ref4.y;\n\n  if (gpuAcceleration) {\n    var _Object$assign;\n\n    return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? \"translate(\" + x + \"px, \" + y + \"px)\" : \"translate3d(\" + x + \"px, \" + y + \"px, 0)\", _Object$assign));\n  }\n\n  return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + \"px\" : '', _Object$assign2[sideX] = hasX ? x + \"px\" : '', _Object$assign2.transform = '', _Object$assign2));\n}\n\nfunction computeStyles(_ref5) {\n  var state = _ref5.state,\n      options = _ref5.options;\n  var _options$gpuAccelerat = options.gpuAcceleration,\n      gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat,\n      _options$adaptive = options.adaptive,\n      adaptive = _options$adaptive === void 0 ? true : _options$adaptive,\n      _options$roundOffsets = options.roundOffsets,\n      roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;\n  var commonStyles = {\n    placement: getBasePlacement(state.placement),\n    variation: getVariation(state.placement),\n    popper: state.elements.popper,\n    popperRect: state.rects.popper,\n    gpuAcceleration: gpuAcceleration,\n    isFixed: state.options.strategy === 'fixed'\n  };\n\n  if (state.modifiersData.popperOffsets != null) {\n    state.styles.popper = Object.assign({}, state.styles.popper, mapToStyles(Object.assign({}, commonStyles, {\n      offsets: state.modifiersData.popperOffsets,\n      position: state.options.strategy,\n      adaptive: adaptive,\n      roundOffsets: roundOffsets\n    })));\n  }\n\n  if (state.modifiersData.arrow != null) {\n    state.styles.arrow = Object.assign({}, state.styles.arrow, mapToStyles(Object.assign({}, commonStyles, {\n      offsets: state.modifiersData.arrow,\n      position: 'absolute',\n      adaptive: false,\n      roundOffsets: roundOffsets\n    })));\n  }\n\n  state.attributes.popper = Object.assign({}, state.attributes.popper, {\n    'data-popper-placement': state.placement\n  });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n  name: 'computeStyles',\n  enabled: true,\n  phase: 'beforeWrite',\n  fn: computeStyles,\n  data: {}\n};","import getNodeName from \"../dom-utils/getNodeName.js\";\nimport { isHTMLElement } from \"../dom-utils/instanceOf.js\"; // This modifier takes the styles prepared by the `computeStyles` modifier\n// and applies them to the HTMLElements such as popper and arrow\n\nfunction applyStyles(_ref) {\n  var state = _ref.state;\n  Object.keys(state.elements).forEach(function (name) {\n    var style = state.styles[name] || {};\n    var attributes = state.attributes[name] || {};\n    var element = state.elements[name]; // arrow is optional + virtual elements\n\n    if (!isHTMLElement(element) || !getNodeName(element)) {\n      return;\n    } // Flow doesn't support to extend this property, but it's the most\n    // effective way to apply styles to an HTMLElement\n    // $FlowFixMe[cannot-write]\n\n\n    Object.assign(element.style, style);\n    Object.keys(attributes).forEach(function (name) {\n      var value = attributes[name];\n\n      if (value === false) {\n        element.removeAttribute(name);\n      } else {\n        element.setAttribute(name, value === true ? '' : value);\n      }\n    });\n  });\n}\n\nfunction effect(_ref2) {\n  var state = _ref2.state;\n  var initialStyles = {\n    popper: {\n      position: state.options.strategy,\n      left: '0',\n      top: '0',\n      margin: '0'\n    },\n    arrow: {\n      position: 'absolute'\n    },\n    reference: {}\n  };\n  Object.assign(state.elements.popper.style, initialStyles.popper);\n  state.styles = initialStyles;\n\n  if (state.elements.arrow) {\n    Object.assign(state.elements.arrow.style, initialStyles.arrow);\n  }\n\n  return function () {\n    Object.keys(state.elements).forEach(function (name) {\n      var element = state.elements[name];\n      var attributes = state.attributes[name] || {};\n      var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]); // Set all values to an empty string to unset them\n\n      var style = styleProperties.reduce(function (style, property) {\n        style[property] = '';\n        return style;\n      }, {}); // arrow is optional + virtual elements\n\n      if (!isHTMLElement(element) || !getNodeName(element)) {\n        return;\n      }\n\n      Object.assign(element.style, style);\n      Object.keys(attributes).forEach(function (attribute) {\n        element.removeAttribute(attribute);\n      });\n    });\n  };\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n  name: 'applyStyles',\n  enabled: true,\n  phase: 'write',\n  fn: applyStyles,\n  effect: effect,\n  requires: ['computeStyles']\n};","import getBasePlacement from \"../utils/getBasePlacement.js\";\nimport { top, left, right, placements } from \"../enums.js\"; // eslint-disable-next-line import/no-unused-modules\n\nexport function distanceAndSkiddingToXY(placement, rects, offset) {\n  var basePlacement = getBasePlacement(placement);\n  var invertDistance = [left, top].indexOf(basePlacement) >= 0 ? -1 : 1;\n\n  var _ref = typeof offset === 'function' ? offset(Object.assign({}, rects, {\n    placement: placement\n  })) : offset,\n      skidding = _ref[0],\n      distance = _ref[1];\n\n  skidding = skidding || 0;\n  distance = (distance || 0) * invertDistance;\n  return [left, right].indexOf(basePlacement) >= 0 ? {\n    x: distance,\n    y: skidding\n  } : {\n    x: skidding,\n    y: distance\n  };\n}\n\nfunction offset(_ref2) {\n  var state = _ref2.state,\n      options = _ref2.options,\n      name = _ref2.name;\n  var _options$offset = options.offset,\n      offset = _options$offset === void 0 ? [0, 0] : _options$offset;\n  var data = placements.reduce(function (acc, placement) {\n    acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset);\n    return acc;\n  }, {});\n  var _data$state$placement = data[state.placement],\n      x = _data$state$placement.x,\n      y = _data$state$placement.y;\n\n  if (state.modifiersData.popperOffsets != null) {\n    state.modifiersData.popperOffsets.x += x;\n    state.modifiersData.popperOffsets.y += y;\n  }\n\n  state.modifiersData[name] = data;\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n  name: 'offset',\n  enabled: true,\n  phase: 'main',\n  requires: ['popperOffsets'],\n  fn: offset\n};","var hash = {\n  left: 'right',\n  right: 'left',\n  bottom: 'top',\n  top: 'bottom'\n};\nexport default function getOppositePlacement(placement) {\n  return placement.replace(/left|right|bottom|top/g, function (matched) {\n    return hash[matched];\n  });\n}","var hash = {\n  start: 'end',\n  end: 'start'\n};\nexport default function getOppositeVariationPlacement(placement) {\n  return placement.replace(/start|end/g, function (matched) {\n    return hash[matched];\n  });\n}","import getWindow from \"./getWindow.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport getWindowScrollBarX from \"./getWindowScrollBarX.js\";\nimport isLayoutViewport from \"./isLayoutViewport.js\";\nexport default function getViewportRect(element, strategy) {\n  var win = getWindow(element);\n  var html = getDocumentElement(element);\n  var visualViewport = win.visualViewport;\n  var width = html.clientWidth;\n  var height = html.clientHeight;\n  var x = 0;\n  var y = 0;\n\n  if (visualViewport) {\n    width = visualViewport.width;\n    height = visualViewport.height;\n    var layoutViewport = isLayoutViewport();\n\n    if (layoutViewport || !layoutViewport && strategy === 'fixed') {\n      x = visualViewport.offsetLeft;\n      y = visualViewport.offsetTop;\n    }\n  }\n\n  return {\n    width: width,\n    height: height,\n    x: x + getWindowScrollBarX(element),\n    y: y\n  };\n}","import getDocumentElement from \"./getDocumentElement.js\";\nimport getComputedStyle from \"./getComputedStyle.js\";\nimport getWindowScrollBarX from \"./getWindowScrollBarX.js\";\nimport getWindowScroll from \"./getWindowScroll.js\";\nimport { max } from \"../utils/math.js\"; // Gets the entire size of the scrollable document area, even extending outside\n// of the `<html>` and `<body>` rect bounds if horizontally scrollable\n\nexport default function getDocumentRect(element) {\n  var _element$ownerDocumen;\n\n  var html = getDocumentElement(element);\n  var winScroll = getWindowScroll(element);\n  var body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body;\n  var width = max(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);\n  var height = max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);\n  var x = -winScroll.scrollLeft + getWindowScrollBarX(element);\n  var y = -winScroll.scrollTop;\n\n  if (getComputedStyle(body || html).direction === 'rtl') {\n    x += max(html.clientWidth, body ? body.clientWidth : 0) - width;\n  }\n\n  return {\n    width: width,\n    height: height,\n    x: x,\n    y: y\n  };\n}","import { isShadowRoot } from \"./instanceOf.js\";\nexport default function contains(parent, child) {\n  var rootNode = child.getRootNode && child.getRootNode(); // First, attempt with faster native method\n\n  if (parent.contains(child)) {\n    return true;\n  } // then fallback to custom implementation with Shadow DOM support\n  else if (rootNode && isShadowRoot(rootNode)) {\n      var next = child;\n\n      do {\n        if (next && parent.isSameNode(next)) {\n          return true;\n        } // $FlowFixMe[prop-missing]: need a better way to handle this...\n\n\n        next = next.parentNode || next.host;\n      } while (next);\n    } // Give up, the result is false\n\n\n  return false;\n}","export default function rectToClientRect(rect) {\n  return Object.assign({}, rect, {\n    left: rect.x,\n    top: rect.y,\n    right: rect.x + rect.width,\n    bottom: rect.y + rect.height\n  });\n}","import { viewport } from \"../enums.js\";\nimport getViewportRect from \"./getViewportRect.js\";\nimport getDocumentRect from \"./getDocumentRect.js\";\nimport listScrollParents from \"./listScrollParents.js\";\nimport getOffsetParent from \"./getOffsetParent.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport getComputedStyle from \"./getComputedStyle.js\";\nimport { isElement, isHTMLElement } from \"./instanceOf.js\";\nimport getBoundingClientRect from \"./getBoundingClientRect.js\";\nimport getParentNode from \"./getParentNode.js\";\nimport contains from \"./contains.js\";\nimport getNodeName from \"./getNodeName.js\";\nimport rectToClientRect from \"../utils/rectToClientRect.js\";\nimport { max, min } from \"../utils/math.js\";\n\nfunction getInnerBoundingClientRect(element, strategy) {\n  var rect = getBoundingClientRect(element, false, strategy === 'fixed');\n  rect.top = rect.top + element.clientTop;\n  rect.left = rect.left + element.clientLeft;\n  rect.bottom = rect.top + element.clientHeight;\n  rect.right = rect.left + element.clientWidth;\n  rect.width = element.clientWidth;\n  rect.height = element.clientHeight;\n  rect.x = rect.left;\n  rect.y = rect.top;\n  return rect;\n}\n\nfunction getClientRectFromMixedType(element, clippingParent, strategy) {\n  return clippingParent === viewport ? rectToClientRect(getViewportRect(element, strategy)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent, strategy) : rectToClientRect(getDocumentRect(getDocumentElement(element)));\n} // A \"clipping parent\" is an overflowable container with the characteristic of\n// clipping (or hiding) overflowing elements with a position different from\n// `initial`\n\n\nfunction getClippingParents(element) {\n  var clippingParents = listScrollParents(getParentNode(element));\n  var canEscapeClipping = ['absolute', 'fixed'].indexOf(getComputedStyle(element).position) >= 0;\n  var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;\n\n  if (!isElement(clipperElement)) {\n    return [];\n  } // $FlowFixMe[incompatible-return]: https://github.com/facebook/flow/issues/1414\n\n\n  return clippingParents.filter(function (clippingParent) {\n    return isElement(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body';\n  });\n} // Gets the maximum area that the element is visible in due to any number of\n// clipping parents\n\n\nexport default function getClippingRect(element, boundary, rootBoundary, strategy) {\n  var mainClippingParents = boundary === 'clippingParents' ? getClippingParents(element) : [].concat(boundary);\n  var clippingParents = [].concat(mainClippingParents, [rootBoundary]);\n  var firstClippingParent = clippingParents[0];\n  var clippingRect = clippingParents.reduce(function (accRect, clippingParent) {\n    var rect = getClientRectFromMixedType(element, clippingParent, strategy);\n    accRect.top = max(rect.top, accRect.top);\n    accRect.right = min(rect.right, accRect.right);\n    accRect.bottom = min(rect.bottom, accRect.bottom);\n    accRect.left = max(rect.left, accRect.left);\n    return accRect;\n  }, getClientRectFromMixedType(element, firstClippingParent, strategy));\n  clippingRect.width = clippingRect.right - clippingRect.left;\n  clippingRect.height = clippingRect.bottom - clippingRect.top;\n  clippingRect.x = clippingRect.left;\n  clippingRect.y = clippingRect.top;\n  return clippingRect;\n}","export default function getFreshSideObject() {\n  return {\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0\n  };\n}","import getFreshSideObject from \"./getFreshSideObject.js\";\nexport default function mergePaddingObject(paddingObject) {\n  return Object.assign({}, getFreshSideObject(), paddingObject);\n}","export default function expandToHashMap(value, keys) {\n  return keys.reduce(function (hashMap, key) {\n    hashMap[key] = value;\n    return hashMap;\n  }, {});\n}","import getClippingRect from \"../dom-utils/getClippingRect.js\";\nimport getDocumentElement from \"../dom-utils/getDocumentElement.js\";\nimport getBoundingClientRect from \"../dom-utils/getBoundingClientRect.js\";\nimport computeOffsets from \"./computeOffsets.js\";\nimport rectToClientRect from \"./rectToClientRect.js\";\nimport { clippingParents, reference, popper, bottom, top, right, basePlacements, viewport } from \"../enums.js\";\nimport { isElement } from \"../dom-utils/instanceOf.js\";\nimport mergePaddingObject from \"./mergePaddingObject.js\";\nimport expandToHashMap from \"./expandToHashMap.js\"; // eslint-disable-next-line import/no-unused-modules\n\nexport default function detectOverflow(state, options) {\n  if (options === void 0) {\n    options = {};\n  }\n\n  var _options = options,\n      _options$placement = _options.placement,\n      placement = _options$placement === void 0 ? state.placement : _options$placement,\n      _options$strategy = _options.strategy,\n      strategy = _options$strategy === void 0 ? state.strategy : _options$strategy,\n      _options$boundary = _options.boundary,\n      boundary = _options$boundary === void 0 ? clippingParents : _options$boundary,\n      _options$rootBoundary = _options.rootBoundary,\n      rootBoundary = _options$rootBoundary === void 0 ? viewport : _options$rootBoundary,\n      _options$elementConte = _options.elementContext,\n      elementContext = _options$elementConte === void 0 ? popper : _options$elementConte,\n      _options$altBoundary = _options.altBoundary,\n      altBoundary = _options$altBoundary === void 0 ? false : _options$altBoundary,\n      _options$padding = _options.padding,\n      padding = _options$padding === void 0 ? 0 : _options$padding;\n  var paddingObject = mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));\n  var altContext = elementContext === popper ? reference : popper;\n  var popperRect = state.rects.popper;\n  var element = state.elements[altBoundary ? altContext : elementContext];\n  var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary, strategy);\n  var referenceClientRect = getBoundingClientRect(state.elements.reference);\n  var popperOffsets = computeOffsets({\n    reference: referenceClientRect,\n    element: popperRect,\n    strategy: 'absolute',\n    placement: placement\n  });\n  var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets));\n  var elementClientRect = elementContext === popper ? popperClientRect : referenceClientRect; // positive = overflowing the clipping rect\n  // 0 or negative = within the clipping rect\n\n  var overflowOffsets = {\n    top: clippingClientRect.top - elementClientRect.top + paddingObject.top,\n    bottom: elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom,\n    left: clippingClientRect.left - elementClientRect.left + paddingObject.left,\n    right: elementClientRect.right - clippingClientRect.right + paddingObject.right\n  };\n  var offsetData = state.modifiersData.offset; // Offsets can be applied only to the popper element\n\n  if (elementContext === popper && offsetData) {\n    var offset = offsetData[placement];\n    Object.keys(overflowOffsets).forEach(function (key) {\n      var multiply = [right, bottom].indexOf(key) >= 0 ? 1 : -1;\n      var axis = [top, bottom].indexOf(key) >= 0 ? 'y' : 'x';\n      overflowOffsets[key] += offset[axis] * multiply;\n    });\n  }\n\n  return overflowOffsets;\n}","import getVariation from \"./getVariation.js\";\nimport { variationPlacements, basePlacements, placements as allPlacements } from \"../enums.js\";\nimport detectOverflow from \"./detectOverflow.js\";\nimport getBasePlacement from \"./getBasePlacement.js\";\nexport default function computeAutoPlacement(state, options) {\n  if (options === void 0) {\n    options = {};\n  }\n\n  var _options = options,\n      placement = _options.placement,\n      boundary = _options.boundary,\n      rootBoundary = _options.rootBoundary,\n      padding = _options.padding,\n      flipVariations = _options.flipVariations,\n      _options$allowedAutoP = _options.allowedAutoPlacements,\n      allowedAutoPlacements = _options$allowedAutoP === void 0 ? allPlacements : _options$allowedAutoP;\n  var variation = getVariation(placement);\n  var placements = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function (placement) {\n    return getVariation(placement) === variation;\n  }) : basePlacements;\n  var allowedPlacements = placements.filter(function (placement) {\n    return allowedAutoPlacements.indexOf(placement) >= 0;\n  });\n\n  if (allowedPlacements.length === 0) {\n    allowedPlacements = placements;\n  } // $FlowFixMe[incompatible-type]: Flow seems to have problems with two array unions...\n\n\n  var overflows = allowedPlacements.reduce(function (acc, placement) {\n    acc[placement] = detectOverflow(state, {\n      placement: placement,\n      boundary: boundary,\n      rootBoundary: rootBoundary,\n      padding: padding\n    })[getBasePlacement(placement)];\n    return acc;\n  }, {});\n  return Object.keys(overflows).sort(function (a, b) {\n    return overflows[a] - overflows[b];\n  });\n}","import getOppositePlacement from \"../utils/getOppositePlacement.js\";\nimport getBasePlacement from \"../utils/getBasePlacement.js\";\nimport getOppositeVariationPlacement from \"../utils/getOppositeVariationPlacement.js\";\nimport detectOverflow from \"../utils/detectOverflow.js\";\nimport computeAutoPlacement from \"../utils/computeAutoPlacement.js\";\nimport { bottom, top, start, right, left, auto } from \"../enums.js\";\nimport getVariation from \"../utils/getVariation.js\"; // eslint-disable-next-line import/no-unused-modules\n\nfunction getExpandedFallbackPlacements(placement) {\n  if (getBasePlacement(placement) === auto) {\n    return [];\n  }\n\n  var oppositePlacement = getOppositePlacement(placement);\n  return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)];\n}\n\nfunction flip(_ref) {\n  var state = _ref.state,\n      options = _ref.options,\n      name = _ref.name;\n\n  if (state.modifiersData[name]._skip) {\n    return;\n  }\n\n  var _options$mainAxis = options.mainAxis,\n      checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,\n      _options$altAxis = options.altAxis,\n      checkAltAxis = _options$altAxis === void 0 ? true : _options$altAxis,\n      specifiedFallbackPlacements = options.fallbackPlacements,\n      padding = options.padding,\n      boundary = options.boundary,\n      rootBoundary = options.rootBoundary,\n      altBoundary = options.altBoundary,\n      _options$flipVariatio = options.flipVariations,\n      flipVariations = _options$flipVariatio === void 0 ? true : _options$flipVariatio,\n      allowedAutoPlacements = options.allowedAutoPlacements;\n  var preferredPlacement = state.options.placement;\n  var basePlacement = getBasePlacement(preferredPlacement);\n  var isBasePlacement = basePlacement === preferredPlacement;\n  var fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipVariations ? [getOppositePlacement(preferredPlacement)] : getExpandedFallbackPlacements(preferredPlacement));\n  var placements = [preferredPlacement].concat(fallbackPlacements).reduce(function (acc, placement) {\n    return acc.concat(getBasePlacement(placement) === auto ? computeAutoPlacement(state, {\n      placement: placement,\n      boundary: boundary,\n      rootBoundary: rootBoundary,\n      padding: padding,\n      flipVariations: flipVariations,\n      allowedAutoPlacements: allowedAutoPlacements\n    }) : placement);\n  }, []);\n  var referenceRect = state.rects.reference;\n  var popperRect = state.rects.popper;\n  var checksMap = new Map();\n  var makeFallbackChecks = true;\n  var firstFittingPlacement = placements[0];\n\n  for (var i = 0; i < placements.length; i++) {\n    var placement = placements[i];\n\n    var _basePlacement = getBasePlacement(placement);\n\n    var isStartVariation = getVariation(placement) === start;\n    var isVertical = [top, bottom].indexOf(_basePlacement) >= 0;\n    var len = isVertical ? 'width' : 'height';\n    var overflow = detectOverflow(state, {\n      placement: placement,\n      boundary: boundary,\n      rootBoundary: rootBoundary,\n      altBoundary: altBoundary,\n      padding: padding\n    });\n    var mainVariationSide = isVertical ? isStartVariation ? right : left : isStartVariation ? bottom : top;\n\n    if (referenceRect[len] > popperRect[len]) {\n      mainVariationSide = getOppositePlacement(mainVariationSide);\n    }\n\n    var altVariationSide = getOppositePlacement(mainVariationSide);\n    var checks = [];\n\n    if (checkMainAxis) {\n      checks.push(overflow[_basePlacement] <= 0);\n    }\n\n    if (checkAltAxis) {\n      checks.push(overflow[mainVariationSide] <= 0, overflow[altVariationSide] <= 0);\n    }\n\n    if (checks.every(function (check) {\n      return check;\n    })) {\n      firstFittingPlacement = placement;\n      makeFallbackChecks = false;\n      break;\n    }\n\n    checksMap.set(placement, checks);\n  }\n\n  if (makeFallbackChecks) {\n    // `2` may be desired in some cases – research later\n    var numberOfChecks = flipVariations ? 3 : 1;\n\n    var _loop = function _loop(_i) {\n      var fittingPlacement = placements.find(function (placement) {\n        var checks = checksMap.get(placement);\n\n        if (checks) {\n          return checks.slice(0, _i).every(function (check) {\n            return check;\n          });\n        }\n      });\n\n      if (fittingPlacement) {\n        firstFittingPlacement = fittingPlacement;\n        return \"break\";\n      }\n    };\n\n    for (var _i = numberOfChecks; _i > 0; _i--) {\n      var _ret = _loop(_i);\n\n      if (_ret === \"break\") break;\n    }\n  }\n\n  if (state.placement !== firstFittingPlacement) {\n    state.modifiersData[name]._skip = true;\n    state.placement = firstFittingPlacement;\n    state.reset = true;\n  }\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n  name: 'flip',\n  enabled: true,\n  phase: 'main',\n  fn: flip,\n  requiresIfExists: ['offset'],\n  data: {\n    _skip: false\n  }\n};","export default function getAltAxis(axis) {\n  return axis === 'x' ? 'y' : 'x';\n}","import { max as mathMax, min as mathMin } from \"./math.js\";\nexport function within(min, value, max) {\n  return mathMax(min, mathMin(value, max));\n}\nexport function withinMaxClamp(min, value, max) {\n  var v = within(min, value, max);\n  return v > max ? max : v;\n}","import { top, left, right, bottom, start } from \"../enums.js\";\nimport getBasePlacement from \"../utils/getBasePlacement.js\";\nimport getMainAxisFromPlacement from \"../utils/getMainAxisFromPlacement.js\";\nimport getAltAxis from \"../utils/getAltAxis.js\";\nimport { within, withinMaxClamp } from \"../utils/within.js\";\nimport getLayoutRect from \"../dom-utils/getLayoutRect.js\";\nimport getOffsetParent from \"../dom-utils/getOffsetParent.js\";\nimport detectOverflow from \"../utils/detectOverflow.js\";\nimport getVariation from \"../utils/getVariation.js\";\nimport getFreshSideObject from \"../utils/getFreshSideObject.js\";\nimport { min as mathMin, max as mathMax } from \"../utils/math.js\";\n\nfunction preventOverflow(_ref) {\n  var state = _ref.state,\n      options = _ref.options,\n      name = _ref.name;\n  var _options$mainAxis = options.mainAxis,\n      checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,\n      _options$altAxis = options.altAxis,\n      checkAltAxis = _options$altAxis === void 0 ? false : _options$altAxis,\n      boundary = options.boundary,\n      rootBoundary = options.rootBoundary,\n      altBoundary = options.altBoundary,\n      padding = options.padding,\n      _options$tether = options.tether,\n      tether = _options$tether === void 0 ? true : _options$tether,\n      _options$tetherOffset = options.tetherOffset,\n      tetherOffset = _options$tetherOffset === void 0 ? 0 : _options$tetherOffset;\n  var overflow = detectOverflow(state, {\n    boundary: boundary,\n    rootBoundary: rootBoundary,\n    padding: padding,\n    altBoundary: altBoundary\n  });\n  var basePlacement = getBasePlacement(state.placement);\n  var variation = getVariation(state.placement);\n  var isBasePlacement = !variation;\n  var mainAxis = getMainAxisFromPlacement(basePlacement);\n  var altAxis = getAltAxis(mainAxis);\n  var popperOffsets = state.modifiersData.popperOffsets;\n  var referenceRect = state.rects.reference;\n  var popperRect = state.rects.popper;\n  var tetherOffsetValue = typeof tetherOffset === 'function' ? tetherOffset(Object.assign({}, state.rects, {\n    placement: state.placement\n  })) : tetherOffset;\n  var normalizedTetherOffsetValue = typeof tetherOffsetValue === 'number' ? {\n    mainAxis: tetherOffsetValue,\n    altAxis: tetherOffsetValue\n  } : Object.assign({\n    mainAxis: 0,\n    altAxis: 0\n  }, tetherOffsetValue);\n  var offsetModifierState = state.modifiersData.offset ? state.modifiersData.offset[state.placement] : null;\n  var data = {\n    x: 0,\n    y: 0\n  };\n\n  if (!popperOffsets) {\n    return;\n  }\n\n  if (checkMainAxis) {\n    var _offsetModifierState$;\n\n    var mainSide = mainAxis === 'y' ? top : left;\n    var altSide = mainAxis === 'y' ? bottom : right;\n    var len = mainAxis === 'y' ? 'height' : 'width';\n    var offset = popperOffsets[mainAxis];\n    var min = offset + overflow[mainSide];\n    var max = offset - overflow[altSide];\n    var additive = tether ? -popperRect[len] / 2 : 0;\n    var minLen = variation === start ? referenceRect[len] : popperRect[len];\n    var maxLen = variation === start ? -popperRect[len] : -referenceRect[len]; // We need to include the arrow in the calculation so the arrow doesn't go\n    // outside the reference bounds\n\n    var arrowElement = state.elements.arrow;\n    var arrowRect = tether && arrowElement ? getLayoutRect(arrowElement) : {\n      width: 0,\n      height: 0\n    };\n    var arrowPaddingObject = state.modifiersData['arrow#persistent'] ? state.modifiersData['arrow#persistent'].padding : getFreshSideObject();\n    var arrowPaddingMin = arrowPaddingObject[mainSide];\n    var arrowPaddingMax = arrowPaddingObject[altSide]; // If the reference length is smaller than the arrow length, we don't want\n    // to include its full size in the calculation. If the reference is small\n    // and near the edge of a boundary, the popper can overflow even if the\n    // reference is not overflowing as well (e.g. virtual elements with no\n    // width or height)\n\n    var arrowLen = within(0, referenceRect[len], arrowRect[len]);\n    var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis : minLen - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis;\n    var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis : maxLen + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis;\n    var arrowOffsetParent = state.elements.arrow && getOffsetParent(state.elements.arrow);\n    var clientOffset = arrowOffsetParent ? mainAxis === 'y' ? arrowOffsetParent.clientTop || 0 : arrowOffsetParent.clientLeft || 0 : 0;\n    var offsetModifierValue = (_offsetModifierState$ = offsetModifierState == null ? void 0 : offsetModifierState[mainAxis]) != null ? _offsetModifierState$ : 0;\n    var tetherMin = offset + minOffset - offsetModifierValue - clientOffset;\n    var tetherMax = offset + maxOffset - offsetModifierValue;\n    var preventedOffset = within(tether ? mathMin(min, tetherMin) : min, offset, tether ? mathMax(max, tetherMax) : max);\n    popperOffsets[mainAxis] = preventedOffset;\n    data[mainAxis] = preventedOffset - offset;\n  }\n\n  if (checkAltAxis) {\n    var _offsetModifierState$2;\n\n    var _mainSide = mainAxis === 'x' ? top : left;\n\n    var _altSide = mainAxis === 'x' ? bottom : right;\n\n    var _offset = popperOffsets[altAxis];\n\n    var _len = altAxis === 'y' ? 'height' : 'width';\n\n    var _min = _offset + overflow[_mainSide];\n\n    var _max = _offset - overflow[_altSide];\n\n    var isOriginSide = [top, left].indexOf(basePlacement) !== -1;\n\n    var _offsetModifierValue = (_offsetModifierState$2 = offsetModifierState == null ? void 0 : offsetModifierState[altAxis]) != null ? _offsetModifierState$2 : 0;\n\n    var _tetherMin = isOriginSide ? _min : _offset - referenceRect[_len] - popperRect[_len] - _offsetModifierValue + normalizedTetherOffsetValue.altAxis;\n\n    var _tetherMax = isOriginSide ? _offset + referenceRect[_len] + popperRect[_len] - _offsetModifierValue - normalizedTetherOffsetValue.altAxis : _max;\n\n    var _preventedOffset = tether && isOriginSide ? withinMaxClamp(_tetherMin, _offset, _tetherMax) : within(tether ? _tetherMin : _min, _offset, tether ? _tetherMax : _max);\n\n    popperOffsets[altAxis] = _preventedOffset;\n    data[altAxis] = _preventedOffset - _offset;\n  }\n\n  state.modifiersData[name] = data;\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n  name: 'preventOverflow',\n  enabled: true,\n  phase: 'main',\n  fn: preventOverflow,\n  requiresIfExists: ['offset']\n};","import getBasePlacement from \"../utils/getBasePlacement.js\";\nimport getLayoutRect from \"../dom-utils/getLayoutRect.js\";\nimport contains from \"../dom-utils/contains.js\";\nimport getOffsetParent from \"../dom-utils/getOffsetParent.js\";\nimport getMainAxisFromPlacement from \"../utils/getMainAxisFromPlacement.js\";\nimport { within } from \"../utils/within.js\";\nimport mergePaddingObject from \"../utils/mergePaddingObject.js\";\nimport expandToHashMap from \"../utils/expandToHashMap.js\";\nimport { left, right, basePlacements, top, bottom } from \"../enums.js\"; // eslint-disable-next-line import/no-unused-modules\n\nvar toPaddingObject = function toPaddingObject(padding, state) {\n  padding = typeof padding === 'function' ? padding(Object.assign({}, state.rects, {\n    placement: state.placement\n  })) : padding;\n  return mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));\n};\n\nfunction arrow(_ref) {\n  var _state$modifiersData$;\n\n  var state = _ref.state,\n      name = _ref.name,\n      options = _ref.options;\n  var arrowElement = state.elements.arrow;\n  var popperOffsets = state.modifiersData.popperOffsets;\n  var basePlacement = getBasePlacement(state.placement);\n  var axis = getMainAxisFromPlacement(basePlacement);\n  var isVertical = [left, right].indexOf(basePlacement) >= 0;\n  var len = isVertical ? 'height' : 'width';\n\n  if (!arrowElement || !popperOffsets) {\n    return;\n  }\n\n  var paddingObject = toPaddingObject(options.padding, state);\n  var arrowRect = getLayoutRect(arrowElement);\n  var minProp = axis === 'y' ? top : left;\n  var maxProp = axis === 'y' ? bottom : right;\n  var endDiff = state.rects.reference[len] + state.rects.reference[axis] - popperOffsets[axis] - state.rects.popper[len];\n  var startDiff = popperOffsets[axis] - state.rects.reference[axis];\n  var arrowOffsetParent = getOffsetParent(arrowElement);\n  var clientSize = arrowOffsetParent ? axis === 'y' ? arrowOffsetParent.clientHeight || 0 : arrowOffsetParent.clientWidth || 0 : 0;\n  var centerToReference = endDiff / 2 - startDiff / 2; // Make sure the arrow doesn't overflow the popper if the center point is\n  // outside of the popper bounds\n\n  var min = paddingObject[minProp];\n  var max = clientSize - arrowRect[len] - paddingObject[maxProp];\n  var center = clientSize / 2 - arrowRect[len] / 2 + centerToReference;\n  var offset = within(min, center, max); // Prevents breaking syntax highlighting...\n\n  var axisProp = axis;\n  state.modifiersData[name] = (_state$modifiersData$ = {}, _state$modifiersData$[axisProp] = offset, _state$modifiersData$.centerOffset = offset - center, _state$modifiersData$);\n}\n\nfunction effect(_ref2) {\n  var state = _ref2.state,\n      options = _ref2.options;\n  var _options$element = options.element,\n      arrowElement = _options$element === void 0 ? '[data-popper-arrow]' : _options$element;\n\n  if (arrowElement == null) {\n    return;\n  } // CSS selector\n\n\n  if (typeof arrowElement === 'string') {\n    arrowElement = state.elements.popper.querySelector(arrowElement);\n\n    if (!arrowElement) {\n      return;\n    }\n  }\n\n  if (!contains(state.elements.popper, arrowElement)) {\n    return;\n  }\n\n  state.elements.arrow = arrowElement;\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n  name: 'arrow',\n  enabled: true,\n  phase: 'main',\n  fn: arrow,\n  effect: effect,\n  requires: ['popperOffsets'],\n  requiresIfExists: ['preventOverflow']\n};","import { top, bottom, left, right } from \"../enums.js\";\nimport detectOverflow from \"../utils/detectOverflow.js\";\n\nfunction getSideOffsets(overflow, rect, preventedOffsets) {\n  if (preventedOffsets === void 0) {\n    preventedOffsets = {\n      x: 0,\n      y: 0\n    };\n  }\n\n  return {\n    top: overflow.top - rect.height - preventedOffsets.y,\n    right: overflow.right - rect.width + preventedOffsets.x,\n    bottom: overflow.bottom - rect.height + preventedOffsets.y,\n    left: overflow.left - rect.width - preventedOffsets.x\n  };\n}\n\nfunction isAnySideFullyClipped(overflow) {\n  return [top, right, bottom, left].some(function (side) {\n    return overflow[side] >= 0;\n  });\n}\n\nfunction hide(_ref) {\n  var state = _ref.state,\n      name = _ref.name;\n  var referenceRect = state.rects.reference;\n  var popperRect = state.rects.popper;\n  var preventedOffsets = state.modifiersData.preventOverflow;\n  var referenceOverflow = detectOverflow(state, {\n    elementContext: 'reference'\n  });\n  var popperAltOverflow = detectOverflow(state, {\n    altBoundary: true\n  });\n  var referenceClippingOffsets = getSideOffsets(referenceOverflow, referenceRect);\n  var popperEscapeOffsets = getSideOffsets(popperAltOverflow, popperRect, preventedOffsets);\n  var isReferenceHidden = isAnySideFullyClipped(referenceClippingOffsets);\n  var hasPopperEscaped = isAnySideFullyClipped(popperEscapeOffsets);\n  state.modifiersData[name] = {\n    referenceClippingOffsets: referenceClippingOffsets,\n    popperEscapeOffsets: popperEscapeOffsets,\n    isReferenceHidden: isReferenceHidden,\n    hasPopperEscaped: hasPopperEscaped\n  };\n  state.attributes.popper = Object.assign({}, state.attributes.popper, {\n    'data-popper-reference-hidden': isReferenceHidden,\n    'data-popper-escaped': hasPopperEscaped\n  });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n  name: 'hide',\n  enabled: true,\n  phase: 'main',\n  requiresIfExists: ['preventOverflow'],\n  fn: hide\n};","import { popperGenerator, detectOverflow } from \"./createPopper.js\";\nimport eventListeners from \"./modifiers/eventListeners.js\";\nimport popperOffsets from \"./modifiers/popperOffsets.js\";\nimport computeStyles from \"./modifiers/computeStyles.js\";\nimport applyStyles from \"./modifiers/applyStyles.js\";\nimport offset from \"./modifiers/offset.js\";\nimport flip from \"./modifiers/flip.js\";\nimport preventOverflow from \"./modifiers/preventOverflow.js\";\nimport arrow from \"./modifiers/arrow.js\";\nimport hide from \"./modifiers/hide.js\";\nvar defaultModifiers = [eventListeners, popperOffsets, computeStyles, applyStyles, offset, flip, preventOverflow, arrow, hide];\nvar createPopper = /*#__PURE__*/popperGenerator({\n  defaultModifiers: defaultModifiers\n}); // eslint-disable-next-line import/no-unused-modules\n\nexport { createPopper, popperGenerator, defaultModifiers, detectOverflow }; // eslint-disable-next-line import/no-unused-modules\n\nexport { createPopper as createPopperLite } from \"./popper-lite.js\"; // eslint-disable-next-line import/no-unused-modules\n\nexport * from \"./modifiers/index.js\";","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getPopperUtilityClass(slot) {\n  return generateUtilityClass('MuiPopper', slot);\n}\nconst popperClasses = generateUtilityClasses('MuiPopper', ['root']);\nexport default popperClasses;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"anchorEl\", \"children\", \"direction\", \"disablePortal\", \"modifiers\", \"open\", \"placement\", \"popperOptions\", \"popperRef\", \"slotProps\", \"slots\", \"TransitionProps\", \"ownerState\"],\n  _excluded2 = [\"anchorEl\", \"children\", \"container\", \"direction\", \"disablePortal\", \"keepMounted\", \"modifiers\", \"open\", \"placement\", \"popperOptions\", \"popperRef\", \"style\", \"transition\", \"slotProps\", \"slots\"];\nimport * as React from 'react';\nimport { chainPropTypes, HTMLElementType, refType, unstable_ownerDocument as ownerDocument, unstable_useEnhancedEffect as useEnhancedEffect, unstable_useForkRef as useForkRef } from '@mui/utils';\nimport { createPopper } from '@popperjs/core';\nimport PropTypes from 'prop-types';\nimport composeClasses from '@mui/utils/composeClasses';\nimport useSlotProps from '@mui/utils/useSlotProps';\nimport Portal from '../Portal';\nimport { getPopperUtilityClass } from './popperClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction flipPlacement(placement, direction) {\n  if (direction === 'ltr') {\n    return placement;\n  }\n  switch (placement) {\n    case 'bottom-end':\n      return 'bottom-start';\n    case 'bottom-start':\n      return 'bottom-end';\n    case 'top-end':\n      return 'top-start';\n    case 'top-start':\n      return 'top-end';\n    default:\n      return placement;\n  }\n}\nfunction resolveAnchorEl(anchorEl) {\n  return typeof anchorEl === 'function' ? anchorEl() : anchorEl;\n}\nfunction isHTMLElement(element) {\n  return element.nodeType !== undefined;\n}\nfunction isVirtualElement(element) {\n  return !isHTMLElement(element);\n}\nconst useUtilityClasses = ownerState => {\n  const {\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root']\n  };\n  return composeClasses(slots, getPopperUtilityClass, classes);\n};\nconst defaultPopperOptions = {};\nconst PopperTooltip = /*#__PURE__*/React.forwardRef(function PopperTooltip(props, forwardedRef) {\n  var _slots$root;\n  const {\n      anchorEl,\n      children,\n      direction,\n      disablePortal,\n      modifiers,\n      open,\n      placement: initialPlacement,\n      popperOptions,\n      popperRef: popperRefProp,\n      slotProps = {},\n      slots = {},\n      TransitionProps\n      // @ts-ignore internal logic\n      // prevent from spreading to DOM, it can come from the parent component e.g. Select.\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const tooltipRef = React.useRef(null);\n  const ownRef = useForkRef(tooltipRef, forwardedRef);\n  const popperRef = React.useRef(null);\n  const handlePopperRef = useForkRef(popperRef, popperRefProp);\n  const handlePopperRefRef = React.useRef(handlePopperRef);\n  useEnhancedEffect(() => {\n    handlePopperRefRef.current = handlePopperRef;\n  }, [handlePopperRef]);\n  React.useImperativeHandle(popperRefProp, () => popperRef.current, []);\n  const rtlPlacement = flipPlacement(initialPlacement, direction);\n  /**\n   * placement initialized from prop but can change during lifetime if modifiers.flip.\n   * modifiers.flip is essentially a flip for controlled/uncontrolled behavior\n   */\n  const [placement, setPlacement] = React.useState(rtlPlacement);\n  const [resolvedAnchorElement, setResolvedAnchorElement] = React.useState(resolveAnchorEl(anchorEl));\n  React.useEffect(() => {\n    if (popperRef.current) {\n      popperRef.current.forceUpdate();\n    }\n  });\n  React.useEffect(() => {\n    if (anchorEl) {\n      setResolvedAnchorElement(resolveAnchorEl(anchorEl));\n    }\n  }, [anchorEl]);\n  useEnhancedEffect(() => {\n    if (!resolvedAnchorElement || !open) {\n      return undefined;\n    }\n    const handlePopperUpdate = data => {\n      setPlacement(data.placement);\n    };\n    if (process.env.NODE_ENV !== 'production') {\n      if (resolvedAnchorElement && isHTMLElement(resolvedAnchorElement) && resolvedAnchorElement.nodeType === 1) {\n        const box = resolvedAnchorElement.getBoundingClientRect();\n        if (process.env.NODE_ENV !== 'test' && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {\n          console.warn(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', \"Make sure the element is present in the document or that it's not display none.\"].join('\\n'));\n        }\n      }\n    }\n    let popperModifiers = [{\n      name: 'preventOverflow',\n      options: {\n        altBoundary: disablePortal\n      }\n    }, {\n      name: 'flip',\n      options: {\n        altBoundary: disablePortal\n      }\n    }, {\n      name: 'onUpdate',\n      enabled: true,\n      phase: 'afterWrite',\n      fn: ({\n        state\n      }) => {\n        handlePopperUpdate(state);\n      }\n    }];\n    if (modifiers != null) {\n      popperModifiers = popperModifiers.concat(modifiers);\n    }\n    if (popperOptions && popperOptions.modifiers != null) {\n      popperModifiers = popperModifiers.concat(popperOptions.modifiers);\n    }\n    const popper = createPopper(resolvedAnchorElement, tooltipRef.current, _extends({\n      placement: rtlPlacement\n    }, popperOptions, {\n      modifiers: popperModifiers\n    }));\n    handlePopperRefRef.current(popper);\n    return () => {\n      popper.destroy();\n      handlePopperRefRef.current(null);\n    };\n  }, [resolvedAnchorElement, disablePortal, modifiers, open, popperOptions, rtlPlacement]);\n  const childProps = {\n    placement: placement\n  };\n  if (TransitionProps !== null) {\n    childProps.TransitionProps = TransitionProps;\n  }\n  const classes = useUtilityClasses(props);\n  const Root = (_slots$root = slots.root) != null ? _slots$root : 'div';\n  const rootProps = useSlotProps({\n    elementType: Root,\n    externalSlotProps: slotProps.root,\n    externalForwardedProps: other,\n    additionalProps: {\n      role: 'tooltip',\n      ref: ownRef\n    },\n    ownerState: props,\n    className: classes.root\n  });\n  return /*#__PURE__*/_jsx(Root, _extends({}, rootProps, {\n    children: typeof children === 'function' ? children(childProps) : children\n  }));\n});\n\n/**\n * @ignore - internal component.\n */\nconst Popper = /*#__PURE__*/React.forwardRef(function Popper(props, forwardedRef) {\n  const {\n      anchorEl,\n      children,\n      container: containerProp,\n      direction = 'ltr',\n      disablePortal = false,\n      keepMounted = false,\n      modifiers,\n      open,\n      placement = 'bottom',\n      popperOptions = defaultPopperOptions,\n      popperRef,\n      style,\n      transition = false,\n      slotProps = {},\n      slots = {}\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded2);\n  const [exited, setExited] = React.useState(true);\n  const handleEnter = () => {\n    setExited(false);\n  };\n  const handleExited = () => {\n    setExited(true);\n  };\n  if (!keepMounted && !open && (!transition || exited)) {\n    return null;\n  }\n\n  // If the container prop is provided, use that\n  // If the anchorEl prop is provided, use its parent body element as the container\n  // If neither are provided let the Modal take care of choosing the container\n  let container;\n  if (containerProp) {\n    container = containerProp;\n  } else if (anchorEl) {\n    const resolvedAnchorEl = resolveAnchorEl(anchorEl);\n    container = resolvedAnchorEl && isHTMLElement(resolvedAnchorEl) ? ownerDocument(resolvedAnchorEl).body : ownerDocument(null).body;\n  }\n  const display = !open && keepMounted && (!transition || exited) ? 'none' : undefined;\n  const transitionProps = transition ? {\n    in: open,\n    onEnter: handleEnter,\n    onExited: handleExited\n  } : undefined;\n  return /*#__PURE__*/_jsx(Portal, {\n    disablePortal: disablePortal,\n    container: container,\n    children: /*#__PURE__*/_jsx(PopperTooltip, _extends({\n      anchorEl: anchorEl,\n      direction: direction,\n      disablePortal: disablePortal,\n      modifiers: modifiers,\n      ref: forwardedRef,\n      open: transition ? !exited : open,\n      placement: placement,\n      popperOptions: popperOptions,\n      popperRef: popperRef,\n      slotProps: slotProps,\n      slots: slots\n    }, other, {\n      style: _extends({\n        // Prevents scroll issue, waiting for Popper.js to add this style once initiated.\n        position: 'fixed',\n        // Fix Popper.js display issue\n        top: 0,\n        left: 0,\n        display\n      }, style),\n      TransitionProps: transitionProps,\n      children: children\n    }))\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Popper.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/),\n   * or a function that returns either.\n   * It's used to set the position of the popper.\n   * The return value will passed as the reference object of the Popper instance.\n   */\n  anchorEl: chainPropTypes(PropTypes.oneOfType([HTMLElementType, PropTypes.object, PropTypes.func]), props => {\n    if (props.open) {\n      const resolvedAnchorEl = resolveAnchorEl(props.anchorEl);\n      if (resolvedAnchorEl && isHTMLElement(resolvedAnchorEl) && resolvedAnchorEl.nodeType === 1) {\n        const box = resolvedAnchorEl.getBoundingClientRect();\n        if (process.env.NODE_ENV !== 'test' && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {\n          return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', \"Make sure the element is present in the document or that it's not display none.\"].join('\\n'));\n        }\n      } else if (!resolvedAnchorEl || typeof resolvedAnchorEl.getBoundingClientRect !== 'function' || isVirtualElement(resolvedAnchorEl) && resolvedAnchorEl.contextElement != null && resolvedAnchorEl.contextElement.nodeType !== 1) {\n        return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', 'It should be an HTML element instance or a virtualElement ', '(https://popper.js.org/docs/v2/virtual-elements/).'].join('\\n'));\n      }\n    }\n    return null;\n  }),\n  /**\n   * Popper render function or node.\n   */\n  children: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.node, PropTypes.func]),\n  /**\n   * An HTML element or function that returns one.\n   * The `container` will have the portal children appended to it.\n   *\n   * You can also provide a callback, which is called in a React layout effect.\n   * This lets you set the container from a ref, and also makes server-side rendering possible.\n   *\n   * By default, it uses the body of the top-level document object,\n   * so it's simply `document.body` most of the time.\n   */\n  container: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([HTMLElementType, PropTypes.func]),\n  /**\n   * Direction of the text.\n   * @default 'ltr'\n   */\n  direction: PropTypes.oneOf(['ltr', 'rtl']),\n  /**\n   * The `children` will be under the DOM hierarchy of the parent component.\n   * @default false\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * Always keep the children in the DOM.\n   * This prop can be useful in SEO situation or\n   * when you want to maximize the responsiveness of the Popper.\n   * @default false\n   */\n  keepMounted: PropTypes.bool,\n  /**\n   * Popper.js is based on a \"plugin-like\" architecture,\n   * most of its features are fully encapsulated \"modifiers\".\n   *\n   * A modifier is a function that is called each time Popper.js needs to\n   * compute the position of the popper.\n   * For this reason, modifiers should be very performant to avoid bottlenecks.\n   * To learn how to create a modifier, [read the modifiers documentation](https://popper.js.org/docs/v2/modifiers/).\n   */\n  modifiers: PropTypes.arrayOf(PropTypes.shape({\n    data: PropTypes.object,\n    effect: PropTypes.func,\n    enabled: PropTypes.bool,\n    fn: PropTypes.func,\n    name: PropTypes.any,\n    options: PropTypes.object,\n    phase: PropTypes.oneOf(['afterMain', 'afterRead', 'afterWrite', 'beforeMain', 'beforeRead', 'beforeWrite', 'main', 'read', 'write']),\n    requires: PropTypes.arrayOf(PropTypes.string),\n    requiresIfExists: PropTypes.arrayOf(PropTypes.string)\n  })),\n  /**\n   * If `true`, the component is shown.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Popper placement.\n   * @default 'bottom'\n   */\n  placement: PropTypes.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),\n  /**\n   * Options provided to the [`Popper.js`](https://popper.js.org/docs/v2/constructors/#options) instance.\n   * @default {}\n   */\n  popperOptions: PropTypes.shape({\n    modifiers: PropTypes.array,\n    onFirstUpdate: PropTypes.func,\n    placement: PropTypes.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),\n    strategy: PropTypes.oneOf(['absolute', 'fixed'])\n  }),\n  /**\n   * A ref that points to the used popper instance.\n   */\n  popperRef: refType,\n  /**\n   * The props used for each slot inside the Popper.\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])\n  }),\n  /**\n   * The components used for each slot inside the Popper.\n   * Either a string to use a HTML element or a component.\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    root: PropTypes.elementType\n  }),\n  /**\n   * Help supporting a react-transition-group/Transition component.\n   * @default false\n   */\n  transition: PropTypes.bool\n} : void 0;\nexport default Popper;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"anchorEl\", \"component\", \"components\", \"componentsProps\", \"container\", \"disablePortal\", \"keepMounted\", \"modifiers\", \"open\", \"placement\", \"popperOptions\", \"popperRef\", \"transition\", \"slots\", \"slotProps\"];\nimport useTheme from '@mui/system/useThemeWithoutDefault';\nimport refType from '@mui/utils/refType';\nimport HTMLElementType from '@mui/utils/HTMLElementType';\nimport PropTypes from 'prop-types';\nimport * as React from 'react';\nimport BasePopper from './BasePopper';\nimport { styled } from '../styles';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst PopperRoot = styled(BasePopper, {\n  name: 'MuiPopper',\n  slot: 'Root',\n  overridesResolver: (props, styles) => styles.root\n})({});\n\n/**\n *\n * Demos:\n *\n * - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)\n * - [Menu](https://mui.com/material-ui/react-menu/)\n * - [Popper](https://mui.com/material-ui/react-popper/)\n *\n * API:\n *\n * - [Popper API](https://mui.com/material-ui/api/popper/)\n */\nconst Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {\n  var _slots$root;\n  const theme = useTheme();\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiPopper'\n  });\n  const {\n      anchorEl,\n      component,\n      components,\n      componentsProps,\n      container,\n      disablePortal,\n      keepMounted,\n      modifiers,\n      open,\n      placement,\n      popperOptions,\n      popperRef,\n      transition,\n      slots,\n      slotProps\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const RootComponent = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : components == null ? void 0 : components.Root;\n  const otherProps = _extends({\n    anchorEl,\n    container,\n    disablePortal,\n    keepMounted,\n    modifiers,\n    open,\n    placement,\n    popperOptions,\n    popperRef,\n    transition\n  }, other);\n  return /*#__PURE__*/_jsx(PopperRoot, _extends({\n    as: component,\n    direction: theme == null ? void 0 : theme.direction,\n    slots: {\n      root: RootComponent\n    },\n    slotProps: slotProps != null ? slotProps : componentsProps\n  }, otherProps, {\n    ref: ref\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Popper.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/),\n   * or a function that returns either.\n   * It's used to set the position of the popper.\n   * The return value will passed as the reference object of the Popper instance.\n   */\n  anchorEl: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([HTMLElementType, PropTypes.object, PropTypes.func]),\n  /**\n   * Popper render function or node.\n   */\n  children: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.node, PropTypes.func]),\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * The components used for each slot inside the Popper.\n   * Either a string to use a HTML element or a component.\n   * @default {}\n   */\n  components: PropTypes.shape({\n    Root: PropTypes.elementType\n  }),\n  /**\n   * The props used for each slot inside the Popper.\n   * @default {}\n   */\n  componentsProps: PropTypes.shape({\n    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])\n  }),\n  /**\n   * An HTML element or function that returns one.\n   * The `container` will have the portal children appended to it.\n   *\n   * You can also provide a callback, which is called in a React layout effect.\n   * This lets you set the container from a ref, and also makes server-side rendering possible.\n   *\n   * By default, it uses the body of the top-level document object,\n   * so it's simply `document.body` most of the time.\n   */\n  container: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([HTMLElementType, PropTypes.func]),\n  /**\n   * The `children` will be under the DOM hierarchy of the parent component.\n   * @default false\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * Always keep the children in the DOM.\n   * This prop can be useful in SEO situation or\n   * when you want to maximize the responsiveness of the Popper.\n   * @default false\n   */\n  keepMounted: PropTypes.bool,\n  /**\n   * Popper.js is based on a \"plugin-like\" architecture,\n   * most of its features are fully encapsulated \"modifiers\".\n   *\n   * A modifier is a function that is called each time Popper.js needs to\n   * compute the position of the popper.\n   * For this reason, modifiers should be very performant to avoid bottlenecks.\n   * To learn how to create a modifier, [read the modifiers documentation](https://popper.js.org/docs/v2/modifiers/).\n   */\n  modifiers: PropTypes.arrayOf(PropTypes.shape({\n    data: PropTypes.object,\n    effect: PropTypes.func,\n    enabled: PropTypes.bool,\n    fn: PropTypes.func,\n    name: PropTypes.any,\n    options: PropTypes.object,\n    phase: PropTypes.oneOf(['afterMain', 'afterRead', 'afterWrite', 'beforeMain', 'beforeRead', 'beforeWrite', 'main', 'read', 'write']),\n    requires: PropTypes.arrayOf(PropTypes.string),\n    requiresIfExists: PropTypes.arrayOf(PropTypes.string)\n  })),\n  /**\n   * If `true`, the component is shown.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Popper placement.\n   * @default 'bottom'\n   */\n  placement: PropTypes.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),\n  /**\n   * Options provided to the [`Popper.js`](https://popper.js.org/docs/v2/constructors/#options) instance.\n   * @default {}\n   */\n  popperOptions: PropTypes.shape({\n    modifiers: PropTypes.array,\n    onFirstUpdate: PropTypes.func,\n    placement: PropTypes.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),\n    strategy: PropTypes.oneOf(['absolute', 'fixed'])\n  }),\n  /**\n   * A ref that points to the used popper instance.\n   */\n  popperRef: refType,\n  /**\n   * The props used for each slot inside the Popper.\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])\n  }),\n  /**\n   * The components used for each slot inside the Popper.\n   * Either a string to use a HTML element or a component.\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    root: PropTypes.elementType\n  }),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * Help supporting a react-transition-group/Transition component.\n   * @default false\n   */\n  transition: PropTypes.bool\n} : void 0;\nexport default Popper;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getTooltipUtilityClass(slot) {\n  return generateUtilityClass('MuiTooltip', slot);\n}\nconst tooltipClasses = generateUtilityClasses('MuiTooltip', ['popper', 'popperInteractive', 'popperArrow', 'popperClose', 'tooltip', 'tooltipArrow', 'touch', 'tooltipPlacementLeft', 'tooltipPlacementRight', 'tooltipPlacementTop', 'tooltipPlacementBottom', 'arrow']);\nexport default tooltipClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"arrow\", \"children\", \"classes\", \"components\", \"componentsProps\", \"describeChild\", \"disableFocusListener\", \"disableHoverListener\", \"disableInteractive\", \"disableTouchListener\", \"enterDelay\", \"enterNextDelay\", \"enterTouchDelay\", \"followCursor\", \"id\", \"leaveDelay\", \"leaveTouchDelay\", \"onClose\", \"onOpen\", \"open\", \"placement\", \"PopperComponent\", \"PopperProps\", \"slotProps\", \"slots\", \"title\", \"TransitionComponent\", \"TransitionProps\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport useTimeout, { Timeout } from '@mui/utils/useTimeout';\nimport elementAcceptingRef from '@mui/utils/elementAcceptingRef';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { alpha } from '@mui/system/colorManipulator';\nimport { useRtl } from '@mui/system/RtlProvider';\nimport appendOwnerState from '@mui/utils/appendOwnerState';\nimport { styled, useTheme } from '../styles';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport capitalize from '../utils/capitalize';\nimport Grow from '../Grow';\nimport Popper from '../Popper';\nimport useEventCallback from '../utils/useEventCallback';\nimport useForkRef from '../utils/useForkRef';\nimport useId from '../utils/useId';\nimport useIsFocusVisible from '../utils/useIsFocusVisible';\nimport useControlled from '../utils/useControlled';\nimport tooltipClasses, { getTooltipUtilityClass } from './tooltipClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction round(value) {\n  return Math.round(value * 1e5) / 1e5;\n}\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    disableInteractive,\n    arrow,\n    touch,\n    placement\n  } = ownerState;\n  const slots = {\n    popper: ['popper', !disableInteractive && 'popperInteractive', arrow && 'popperArrow'],\n    tooltip: ['tooltip', arrow && 'tooltipArrow', touch && 'touch', `tooltipPlacement${capitalize(placement.split('-')[0])}`],\n    arrow: ['arrow']\n  };\n  return composeClasses(slots, getTooltipUtilityClass, classes);\n};\nconst TooltipPopper = styled(Popper, {\n  name: 'MuiTooltip',\n  slot: 'Popper',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.popper, !ownerState.disableInteractive && styles.popperInteractive, ownerState.arrow && styles.popperArrow, !ownerState.open && styles.popperClose];\n  }\n})(({\n  theme,\n  ownerState,\n  open\n}) => _extends({\n  zIndex: (theme.vars || theme).zIndex.tooltip,\n  pointerEvents: 'none'\n}, !ownerState.disableInteractive && {\n  pointerEvents: 'auto'\n}, !open && {\n  pointerEvents: 'none'\n}, ownerState.arrow && {\n  [`&[data-popper-placement*=\"bottom\"] .${tooltipClasses.arrow}`]: {\n    top: 0,\n    marginTop: '-0.71em',\n    '&::before': {\n      transformOrigin: '0 100%'\n    }\n  },\n  [`&[data-popper-placement*=\"top\"] .${tooltipClasses.arrow}`]: {\n    bottom: 0,\n    marginBottom: '-0.71em',\n    '&::before': {\n      transformOrigin: '100% 0'\n    }\n  },\n  [`&[data-popper-placement*=\"right\"] .${tooltipClasses.arrow}`]: _extends({}, !ownerState.isRtl ? {\n    left: 0,\n    marginLeft: '-0.71em'\n  } : {\n    right: 0,\n    marginRight: '-0.71em'\n  }, {\n    height: '1em',\n    width: '0.71em',\n    '&::before': {\n      transformOrigin: '100% 100%'\n    }\n  }),\n  [`&[data-popper-placement*=\"left\"] .${tooltipClasses.arrow}`]: _extends({}, !ownerState.isRtl ? {\n    right: 0,\n    marginRight: '-0.71em'\n  } : {\n    left: 0,\n    marginLeft: '-0.71em'\n  }, {\n    height: '1em',\n    width: '0.71em',\n    '&::before': {\n      transformOrigin: '0 0'\n    }\n  })\n}));\nconst TooltipTooltip = styled('div', {\n  name: 'MuiTooltip',\n  slot: 'Tooltip',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.tooltip, ownerState.touch && styles.touch, ownerState.arrow && styles.tooltipArrow, styles[`tooltipPlacement${capitalize(ownerState.placement.split('-')[0])}`]];\n  }\n})(({\n  theme,\n  ownerState\n}) => _extends({\n  backgroundColor: theme.vars ? theme.vars.palette.Tooltip.bg : alpha(theme.palette.grey[700], 0.92),\n  borderRadius: (theme.vars || theme).shape.borderRadius,\n  color: (theme.vars || theme).palette.common.white,\n  fontFamily: theme.typography.fontFamily,\n  padding: '4px 8px',\n  fontSize: theme.typography.pxToRem(11),\n  maxWidth: 300,\n  margin: 2,\n  wordWrap: 'break-word',\n  fontWeight: theme.typography.fontWeightMedium\n}, ownerState.arrow && {\n  position: 'relative',\n  margin: 0\n}, ownerState.touch && {\n  padding: '8px 16px',\n  fontSize: theme.typography.pxToRem(14),\n  lineHeight: `${round(16 / 14)}em`,\n  fontWeight: theme.typography.fontWeightRegular\n}, {\n  [`.${tooltipClasses.popper}[data-popper-placement*=\"left\"] &`]: _extends({\n    transformOrigin: 'right center'\n  }, !ownerState.isRtl ? _extends({\n    marginRight: '14px'\n  }, ownerState.touch && {\n    marginRight: '24px'\n  }) : _extends({\n    marginLeft: '14px'\n  }, ownerState.touch && {\n    marginLeft: '24px'\n  })),\n  [`.${tooltipClasses.popper}[data-popper-placement*=\"right\"] &`]: _extends({\n    transformOrigin: 'left center'\n  }, !ownerState.isRtl ? _extends({\n    marginLeft: '14px'\n  }, ownerState.touch && {\n    marginLeft: '24px'\n  }) : _extends({\n    marginRight: '14px'\n  }, ownerState.touch && {\n    marginRight: '24px'\n  })),\n  [`.${tooltipClasses.popper}[data-popper-placement*=\"top\"] &`]: _extends({\n    transformOrigin: 'center bottom',\n    marginBottom: '14px'\n  }, ownerState.touch && {\n    marginBottom: '24px'\n  }),\n  [`.${tooltipClasses.popper}[data-popper-placement*=\"bottom\"] &`]: _extends({\n    transformOrigin: 'center top',\n    marginTop: '14px'\n  }, ownerState.touch && {\n    marginTop: '24px'\n  })\n}));\nconst TooltipArrow = styled('span', {\n  name: 'MuiTooltip',\n  slot: 'Arrow',\n  overridesResolver: (props, styles) => styles.arrow\n})(({\n  theme\n}) => ({\n  overflow: 'hidden',\n  position: 'absolute',\n  width: '1em',\n  height: '0.71em' /* = width / sqrt(2) = (length of the hypotenuse) */,\n  boxSizing: 'border-box',\n  color: theme.vars ? theme.vars.palette.Tooltip.bg : alpha(theme.palette.grey[700], 0.9),\n  '&::before': {\n    content: '\"\"',\n    margin: 'auto',\n    display: 'block',\n    width: '100%',\n    height: '100%',\n    backgroundColor: 'currentColor',\n    transform: 'rotate(45deg)'\n  }\n}));\nlet hystersisOpen = false;\nconst hystersisTimer = new Timeout();\nlet cursorPosition = {\n  x: 0,\n  y: 0\n};\nexport function testReset() {\n  hystersisOpen = false;\n  hystersisTimer.clear();\n}\nfunction composeEventHandler(handler, eventHandler) {\n  return (event, ...params) => {\n    if (eventHandler) {\n      eventHandler(event, ...params);\n    }\n    handler(event, ...params);\n  };\n}\n\n// TODO v6: Remove PopperComponent, PopperProps, TransitionComponent and TransitionProps.\nconst Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {\n  var _ref, _slots$popper, _ref2, _ref3, _slots$transition, _ref4, _slots$tooltip, _ref5, _slots$arrow, _slotProps$popper, _ref6, _slotProps$popper2, _slotProps$transition, _slotProps$tooltip, _ref7, _slotProps$tooltip2, _slotProps$arrow, _ref8, _slotProps$arrow2;\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiTooltip'\n  });\n  const {\n      arrow = false,\n      children: childrenProp,\n      components = {},\n      componentsProps = {},\n      describeChild = false,\n      disableFocusListener = false,\n      disableHoverListener = false,\n      disableInteractive: disableInteractiveProp = false,\n      disableTouchListener = false,\n      enterDelay = 100,\n      enterNextDelay = 0,\n      enterTouchDelay = 700,\n      followCursor = false,\n      id: idProp,\n      leaveDelay = 0,\n      leaveTouchDelay = 1500,\n      onClose,\n      onOpen,\n      open: openProp,\n      placement = 'bottom',\n      PopperComponent: PopperComponentProp,\n      PopperProps = {},\n      slotProps = {},\n      slots = {},\n      title,\n      TransitionComponent: TransitionComponentProp = Grow,\n      TransitionProps\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n\n  // to prevent runtime errors, developers will need to provide a child as a React element anyway.\n  const children = /*#__PURE__*/React.isValidElement(childrenProp) ? childrenProp : /*#__PURE__*/_jsx(\"span\", {\n    children: childrenProp\n  });\n  const theme = useTheme();\n  const isRtl = useRtl();\n  const [childNode, setChildNode] = React.useState();\n  const [arrowRef, setArrowRef] = React.useState(null);\n  const ignoreNonTouchEvents = React.useRef(false);\n  const disableInteractive = disableInteractiveProp || followCursor;\n  const closeTimer = useTimeout();\n  const enterTimer = useTimeout();\n  const leaveTimer = useTimeout();\n  const touchTimer = useTimeout();\n  const [openState, setOpenState] = useControlled({\n    controlled: openProp,\n    default: false,\n    name: 'Tooltip',\n    state: 'open'\n  });\n  let open = openState;\n  if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const {\n      current: isControlled\n    } = React.useRef(openProp !== undefined);\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      if (childNode && childNode.disabled && !isControlled && title !== '' && childNode.tagName.toLowerCase() === 'button') {\n        console.error(['MUI: You are providing a disabled `button` child to the Tooltip component.', 'A disabled element does not fire events.', \"Tooltip needs to listen to the child element's events to display the title.\", '', 'Add a simple wrapper element, such as a `span`.'].join('\\n'));\n      }\n    }, [title, childNode, isControlled]);\n  }\n  const id = useId(idProp);\n  const prevUserSelect = React.useRef();\n  const stopTouchInteraction = useEventCallback(() => {\n    if (prevUserSelect.current !== undefined) {\n      document.body.style.WebkitUserSelect = prevUserSelect.current;\n      prevUserSelect.current = undefined;\n    }\n    touchTimer.clear();\n  });\n  React.useEffect(() => stopTouchInteraction, [stopTouchInteraction]);\n  const handleOpen = event => {\n    hystersisTimer.clear();\n    hystersisOpen = true;\n\n    // The mouseover event will trigger for every nested element in the tooltip.\n    // We can skip rerendering when the tooltip is already open.\n    // We are using the mouseover event instead of the mouseenter event to fix a hide/show issue.\n    setOpenState(true);\n    if (onOpen && !open) {\n      onOpen(event);\n    }\n  };\n  const handleClose = useEventCallback(\n  /**\n   * @param {React.SyntheticEvent | Event} event\n   */\n  event => {\n    hystersisTimer.start(800 + leaveDelay, () => {\n      hystersisOpen = false;\n    });\n    setOpenState(false);\n    if (onClose && open) {\n      onClose(event);\n    }\n    closeTimer.start(theme.transitions.duration.shortest, () => {\n      ignoreNonTouchEvents.current = false;\n    });\n  });\n  const handleMouseOver = event => {\n    if (ignoreNonTouchEvents.current && event.type !== 'touchstart') {\n      return;\n    }\n\n    // Remove the title ahead of time.\n    // We don't want to wait for the next render commit.\n    // We would risk displaying two tooltips at the same time (native + this one).\n    if (childNode) {\n      childNode.removeAttribute('title');\n    }\n    enterTimer.clear();\n    leaveTimer.clear();\n    if (enterDelay || hystersisOpen && enterNextDelay) {\n      enterTimer.start(hystersisOpen ? enterNextDelay : enterDelay, () => {\n        handleOpen(event);\n      });\n    } else {\n      handleOpen(event);\n    }\n  };\n  const handleMouseLeave = event => {\n    enterTimer.clear();\n    leaveTimer.start(leaveDelay, () => {\n      handleClose(event);\n    });\n  };\n  const {\n    isFocusVisibleRef,\n    onBlur: handleBlurVisible,\n    onFocus: handleFocusVisible,\n    ref: focusVisibleRef\n  } = useIsFocusVisible();\n  // We don't necessarily care about the focusVisible state (which is safe to access via ref anyway).\n  // We just need to re-render the Tooltip if the focus-visible state changes.\n  const [, setChildIsFocusVisible] = React.useState(false);\n  const handleBlur = event => {\n    handleBlurVisible(event);\n    if (isFocusVisibleRef.current === false) {\n      setChildIsFocusVisible(false);\n      handleMouseLeave(event);\n    }\n  };\n  const handleFocus = event => {\n    // Workaround for https://github.com/facebook/react/issues/7769\n    // The autoFocus of React might trigger the event before the componentDidMount.\n    // We need to account for this eventuality.\n    if (!childNode) {\n      setChildNode(event.currentTarget);\n    }\n    handleFocusVisible(event);\n    if (isFocusVisibleRef.current === true) {\n      setChildIsFocusVisible(true);\n      handleMouseOver(event);\n    }\n  };\n  const detectTouchStart = event => {\n    ignoreNonTouchEvents.current = true;\n    const childrenProps = children.props;\n    if (childrenProps.onTouchStart) {\n      childrenProps.onTouchStart(event);\n    }\n  };\n  const handleTouchStart = event => {\n    detectTouchStart(event);\n    leaveTimer.clear();\n    closeTimer.clear();\n    stopTouchInteraction();\n    prevUserSelect.current = document.body.style.WebkitUserSelect;\n    // Prevent iOS text selection on long-tap.\n    document.body.style.WebkitUserSelect = 'none';\n    touchTimer.start(enterTouchDelay, () => {\n      document.body.style.WebkitUserSelect = prevUserSelect.current;\n      handleMouseOver(event);\n    });\n  };\n  const handleTouchEnd = event => {\n    if (children.props.onTouchEnd) {\n      children.props.onTouchEnd(event);\n    }\n    stopTouchInteraction();\n    leaveTimer.start(leaveTouchDelay, () => {\n      handleClose(event);\n    });\n  };\n  React.useEffect(() => {\n    if (!open) {\n      return undefined;\n    }\n\n    /**\n     * @param {KeyboardEvent} nativeEvent\n     */\n    function handleKeyDown(nativeEvent) {\n      // IE11, Edge (prior to using Bink?) use 'Esc'\n      if (nativeEvent.key === 'Escape' || nativeEvent.key === 'Esc') {\n        handleClose(nativeEvent);\n      }\n    }\n    document.addEventListener('keydown', handleKeyDown);\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [handleClose, open]);\n  const handleRef = useForkRef(children.ref, focusVisibleRef, setChildNode, ref);\n\n  // There is no point in displaying an empty tooltip.\n  // So we exclude all falsy values, except 0, which is valid.\n  if (!title && title !== 0) {\n    open = false;\n  }\n  const popperRef = React.useRef();\n  const handleMouseMove = event => {\n    const childrenProps = children.props;\n    if (childrenProps.onMouseMove) {\n      childrenProps.onMouseMove(event);\n    }\n    cursorPosition = {\n      x: event.clientX,\n      y: event.clientY\n    };\n    if (popperRef.current) {\n      popperRef.current.update();\n    }\n  };\n  const nameOrDescProps = {};\n  const titleIsString = typeof title === 'string';\n  if (describeChild) {\n    nameOrDescProps.title = !open && titleIsString && !disableHoverListener ? title : null;\n    nameOrDescProps['aria-describedby'] = open ? id : null;\n  } else {\n    nameOrDescProps['aria-label'] = titleIsString ? title : null;\n    nameOrDescProps['aria-labelledby'] = open && !titleIsString ? id : null;\n  }\n  const childrenProps = _extends({}, nameOrDescProps, other, children.props, {\n    className: clsx(other.className, children.props.className),\n    onTouchStart: detectTouchStart,\n    ref: handleRef\n  }, followCursor ? {\n    onMouseMove: handleMouseMove\n  } : {});\n  if (process.env.NODE_ENV !== 'production') {\n    childrenProps['data-mui-internal-clone-element'] = true;\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      if (childNode && !childNode.getAttribute('data-mui-internal-clone-element')) {\n        console.error(['MUI: The `children` component of the Tooltip is not forwarding its props correctly.', 'Please make sure that props are spread on the same element that the ref is applied to.'].join('\\n'));\n      }\n    }, [childNode]);\n  }\n  const interactiveWrapperListeners = {};\n  if (!disableTouchListener) {\n    childrenProps.onTouchStart = handleTouchStart;\n    childrenProps.onTouchEnd = handleTouchEnd;\n  }\n  if (!disableHoverListener) {\n    childrenProps.onMouseOver = composeEventHandler(handleMouseOver, childrenProps.onMouseOver);\n    childrenProps.onMouseLeave = composeEventHandler(handleMouseLeave, childrenProps.onMouseLeave);\n    if (!disableInteractive) {\n      interactiveWrapperListeners.onMouseOver = handleMouseOver;\n      interactiveWrapperListeners.onMouseLeave = handleMouseLeave;\n    }\n  }\n  if (!disableFocusListener) {\n    childrenProps.onFocus = composeEventHandler(handleFocus, childrenProps.onFocus);\n    childrenProps.onBlur = composeEventHandler(handleBlur, childrenProps.onBlur);\n    if (!disableInteractive) {\n      interactiveWrapperListeners.onFocus = handleFocus;\n      interactiveWrapperListeners.onBlur = handleBlur;\n    }\n  }\n  if (process.env.NODE_ENV !== 'production') {\n    if (children.props.title) {\n      console.error(['MUI: You have provided a `title` prop to the child of <Tooltip />.', `Remove this title prop \\`${children.props.title}\\` or the Tooltip component.`].join('\\n'));\n    }\n  }\n  const popperOptions = React.useMemo(() => {\n    var _PopperProps$popperOp;\n    let tooltipModifiers = [{\n      name: 'arrow',\n      enabled: Boolean(arrowRef),\n      options: {\n        element: arrowRef,\n        padding: 4\n      }\n    }];\n    if ((_PopperProps$popperOp = PopperProps.popperOptions) != null && _PopperProps$popperOp.modifiers) {\n      tooltipModifiers = tooltipModifiers.concat(PopperProps.popperOptions.modifiers);\n    }\n    return _extends({}, PopperProps.popperOptions, {\n      modifiers: tooltipModifiers\n    });\n  }, [arrowRef, PopperProps]);\n  const ownerState = _extends({}, props, {\n    isRtl,\n    arrow,\n    disableInteractive,\n    placement,\n    PopperComponentProp,\n    touch: ignoreNonTouchEvents.current\n  });\n  const classes = useUtilityClasses(ownerState);\n  const PopperComponent = (_ref = (_slots$popper = slots.popper) != null ? _slots$popper : components.Popper) != null ? _ref : TooltipPopper;\n  const TransitionComponent = (_ref2 = (_ref3 = (_slots$transition = slots.transition) != null ? _slots$transition : components.Transition) != null ? _ref3 : TransitionComponentProp) != null ? _ref2 : Grow;\n  const TooltipComponent = (_ref4 = (_slots$tooltip = slots.tooltip) != null ? _slots$tooltip : components.Tooltip) != null ? _ref4 : TooltipTooltip;\n  const ArrowComponent = (_ref5 = (_slots$arrow = slots.arrow) != null ? _slots$arrow : components.Arrow) != null ? _ref5 : TooltipArrow;\n  const popperProps = appendOwnerState(PopperComponent, _extends({}, PopperProps, (_slotProps$popper = slotProps.popper) != null ? _slotProps$popper : componentsProps.popper, {\n    className: clsx(classes.popper, PopperProps == null ? void 0 : PopperProps.className, (_ref6 = (_slotProps$popper2 = slotProps.popper) != null ? _slotProps$popper2 : componentsProps.popper) == null ? void 0 : _ref6.className)\n  }), ownerState);\n  const transitionProps = appendOwnerState(TransitionComponent, _extends({}, TransitionProps, (_slotProps$transition = slotProps.transition) != null ? _slotProps$transition : componentsProps.transition), ownerState);\n  const tooltipProps = appendOwnerState(TooltipComponent, _extends({}, (_slotProps$tooltip = slotProps.tooltip) != null ? _slotProps$tooltip : componentsProps.tooltip, {\n    className: clsx(classes.tooltip, (_ref7 = (_slotProps$tooltip2 = slotProps.tooltip) != null ? _slotProps$tooltip2 : componentsProps.tooltip) == null ? void 0 : _ref7.className)\n  }), ownerState);\n  const tooltipArrowProps = appendOwnerState(ArrowComponent, _extends({}, (_slotProps$arrow = slotProps.arrow) != null ? _slotProps$arrow : componentsProps.arrow, {\n    className: clsx(classes.arrow, (_ref8 = (_slotProps$arrow2 = slotProps.arrow) != null ? _slotProps$arrow2 : componentsProps.arrow) == null ? void 0 : _ref8.className)\n  }), ownerState);\n  return /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [/*#__PURE__*/React.cloneElement(children, childrenProps), /*#__PURE__*/_jsx(PopperComponent, _extends({\n      as: PopperComponentProp != null ? PopperComponentProp : Popper,\n      placement: placement,\n      anchorEl: followCursor ? {\n        getBoundingClientRect: () => ({\n          top: cursorPosition.y,\n          left: cursorPosition.x,\n          right: cursorPosition.x,\n          bottom: cursorPosition.y,\n          width: 0,\n          height: 0\n        })\n      } : childNode,\n      popperRef: popperRef,\n      open: childNode ? open : false,\n      id: id,\n      transition: true\n    }, interactiveWrapperListeners, popperProps, {\n      popperOptions: popperOptions,\n      children: ({\n        TransitionProps: TransitionPropsInner\n      }) => /*#__PURE__*/_jsx(TransitionComponent, _extends({\n        timeout: theme.transitions.duration.shorter\n      }, TransitionPropsInner, transitionProps, {\n        children: /*#__PURE__*/_jsxs(TooltipComponent, _extends({}, tooltipProps, {\n          children: [title, arrow ? /*#__PURE__*/_jsx(ArrowComponent, _extends({}, tooltipArrowProps, {\n            ref: setArrowRef\n          })) : null]\n        }))\n      }))\n    }))]\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Tooltip.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * If `true`, adds an arrow to the tooltip.\n   * @default false\n   */\n  arrow: PropTypes.bool,\n  /**\n   * Tooltip reference element.\n   */\n  children: elementAcceptingRef.isRequired,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The components used for each slot inside.\n   *\n   * This prop is an alias for the `slots` prop.\n   * It's recommended to use the `slots` prop instead.\n   *\n   * @default {}\n   */\n  components: PropTypes.shape({\n    Arrow: PropTypes.elementType,\n    Popper: PropTypes.elementType,\n    Tooltip: PropTypes.elementType,\n    Transition: PropTypes.elementType\n  }),\n  /**\n   * The extra props for the slot components.\n   * You can override the existing props or add new ones.\n   *\n   * This prop is an alias for the `slotProps` prop.\n   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.\n   *\n   * @default {}\n   */\n  componentsProps: PropTypes.shape({\n    arrow: PropTypes.object,\n    popper: PropTypes.object,\n    tooltip: PropTypes.object,\n    transition: PropTypes.object\n  }),\n  /**\n   * Set to `true` if the `title` acts as an accessible description.\n   * By default the `title` acts as an accessible label for the child.\n   * @default false\n   */\n  describeChild: PropTypes.bool,\n  /**\n   * Do not respond to focus-visible events.\n   * @default false\n   */\n  disableFocusListener: PropTypes.bool,\n  /**\n   * Do not respond to hover events.\n   * @default false\n   */\n  disableHoverListener: PropTypes.bool,\n  /**\n   * Makes a tooltip not interactive, i.e. it will close when the user\n   * hovers over the tooltip before the `leaveDelay` is expired.\n   * @default false\n   */\n  disableInteractive: PropTypes.bool,\n  /**\n   * Do not respond to long press touch events.\n   * @default false\n   */\n  disableTouchListener: PropTypes.bool,\n  /**\n   * The number of milliseconds to wait before showing the tooltip.\n   * This prop won't impact the enter touch delay (`enterTouchDelay`).\n   * @default 100\n   */\n  enterDelay: PropTypes.number,\n  /**\n   * The number of milliseconds to wait before showing the tooltip when one was already recently opened.\n   * @default 0\n   */\n  enterNextDelay: PropTypes.number,\n  /**\n   * The number of milliseconds a user must touch the element before showing the tooltip.\n   * @default 700\n   */\n  enterTouchDelay: PropTypes.number,\n  /**\n   * If `true`, the tooltip follow the cursor over the wrapped element.\n   * @default false\n   */\n  followCursor: PropTypes.bool,\n  /**\n   * This prop is used to help implement the accessibility logic.\n   * If you don't provide this prop. It falls back to a randomly generated id.\n   */\n  id: PropTypes.string,\n  /**\n   * The number of milliseconds to wait before hiding the tooltip.\n   * This prop won't impact the leave touch delay (`leaveTouchDelay`).\n   * @default 0\n   */\n  leaveDelay: PropTypes.number,\n  /**\n   * The number of milliseconds after the user stops touching an element before hiding the tooltip.\n   * @default 1500\n   */\n  leaveTouchDelay: PropTypes.number,\n  /**\n   * Callback fired when the component requests to be closed.\n   *\n   * @param {React.SyntheticEvent} event The event source of the callback.\n   */\n  onClose: PropTypes.func,\n  /**\n   * Callback fired when the component requests to be open.\n   *\n   * @param {React.SyntheticEvent} event The event source of the callback.\n   */\n  onOpen: PropTypes.func,\n  /**\n   * If `true`, the component is shown.\n   */\n  open: PropTypes.bool,\n  /**\n   * Tooltip placement.\n   * @default 'bottom'\n   */\n  placement: PropTypes.oneOf(['bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),\n  /**\n   * The component used for the popper.\n   * @default Popper\n   */\n  PopperComponent: PropTypes.elementType,\n  /**\n   * Props applied to the [`Popper`](/material-ui/api/popper/) element.\n   * @default {}\n   */\n  PopperProps: PropTypes.object,\n  /**\n   * The extra props for the slot components.\n   * You can override the existing props or add new ones.\n   *\n   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.\n   *\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    arrow: PropTypes.object,\n    popper: PropTypes.object,\n    tooltip: PropTypes.object,\n    transition: PropTypes.object\n  }),\n  /**\n   * The components used for each slot inside.\n   *\n   * This prop is an alias for the `components` prop, which will be deprecated in the future.\n   *\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    arrow: PropTypes.elementType,\n    popper: PropTypes.elementType,\n    tooltip: PropTypes.elementType,\n    transition: PropTypes.elementType\n  }),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * Tooltip title. Zero-length titles string, undefined, null and false are never displayed.\n   */\n  title: PropTypes.node,\n  /**\n   * The component used for the transition.\n   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.\n   * @default Grow\n   */\n  TransitionComponent: PropTypes.elementType,\n  /**\n   * Props applied to the transition element.\n   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.\n   */\n  TransitionProps: PropTypes.object\n} : void 0;\nexport default Tooltip;","var p0 = Object.defineProperty;\nvar h0 = (e, t, n) => t in e ? p0(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;\nvar kn = (e, t, n) => h0(e, typeof t != \"symbol\" ? t + \"\" : t, n);\nimport { createTheme as g0, useTheme as Bt, styled as te, Button as m0, Alert as b0, alertClasses as Xe, IconButton as Da, Box as mt, FormControlLabel as y0, Checkbox as v0, Chip as C0, chipClasses as _t, Dialog as x0, Typography as Pt, LinearProgress as E0, Pagination as S0, PaginationItem as w0, useMediaQuery as br, GlobalStyles as T0, TextField as R0, Tooltip as k0, tooltipClasses as ni, Badge as O0, Stack as wo, Menu as M0, MenuItem as $0, Divider as ri } from \"@mui/material\";\nimport * as v from \"react\";\nimport oe, { forwardRef as Je, useMemo as Dt, isValidElement as Bn, cloneElement as Dn, Children as _0, useCallback as ht, useRef as vn, useEffect as Cn, createElement as Vn, useLayoutEffect as A0, useContext as Va, memo as za, Component as I0, useState as To, createContext as N0 } from \"react\";\nimport Vt from \"@emotion/styled\";\nimport { Global as j0, ThemeContext as P0, keyframes as Ro } from \"@emotion/react\";\nimport Zn, { createPortal as L0 } from \"react-dom\";\nfunction Tt(e, ...t) {\n  const n = new URL(`https://mui.com/production-error/?code=${e}`);\n  return t.forEach((r) => n.searchParams.append(\"args[]\", r)), `Minified MUI error #${e}; visit ${n} for the full message.`;\n}\nconst ko = \"$$material\";\nfunction B0(e) {\n  for (var t = 0, n, r = 0, o = e.length; o >= 4; ++r, o -= 4)\n    n = e.charCodeAt(r) & 255 | (e.charCodeAt(++r) & 255) << 8 | (e.charCodeAt(++r) & 255) << 16 | (e.charCodeAt(++r) & 255) << 24, n = /* Math.imul(k, m): */\n    (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16), n ^= /* k >>> r: */\n    n >>> 24, t = /* Math.imul(k, m): */\n    (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */\n    (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);\n  switch (o) {\n    case 3:\n      t ^= (e.charCodeAt(r + 2) & 255) << 16;\n    case 2:\n      t ^= (e.charCodeAt(r + 1) & 255) << 8;\n    case 1:\n      t ^= e.charCodeAt(r) & 255, t = /* Math.imul(h, m): */\n      (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);\n  }\n  return t ^= t >>> 13, t = /* Math.imul(h, m): */\n  (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);\n}\nvar D0 = {\n  animationIterationCount: 1,\n  aspectRatio: 1,\n  borderImageOutset: 1,\n  borderImageSlice: 1,\n  borderImageWidth: 1,\n  boxFlex: 1,\n  boxFlexGroup: 1,\n  boxOrdinalGroup: 1,\n  columnCount: 1,\n  columns: 1,\n  flex: 1,\n  flexGrow: 1,\n  flexPositive: 1,\n  flexShrink: 1,\n  flexNegative: 1,\n  flexOrder: 1,\n  gridRow: 1,\n  gridRowEnd: 1,\n  gridRowSpan: 1,\n  gridRowStart: 1,\n  gridColumn: 1,\n  gridColumnEnd: 1,\n  gridColumnSpan: 1,\n  gridColumnStart: 1,\n  msGridRow: 1,\n  msGridRowSpan: 1,\n  msGridColumn: 1,\n  msGridColumnSpan: 1,\n  fontWeight: 1,\n  lineHeight: 1,\n  opacity: 1,\n  order: 1,\n  orphans: 1,\n  scale: 1,\n  tabSize: 1,\n  widows: 1,\n  zIndex: 1,\n  zoom: 1,\n  WebkitLineClamp: 1,\n  // SVG-related properties\n  fillOpacity: 1,\n  floodOpacity: 1,\n  stopOpacity: 1,\n  strokeDasharray: 1,\n  strokeDashoffset: 1,\n  strokeMiterlimit: 1,\n  strokeOpacity: 1,\n  strokeWidth: 1\n};\nfunction V0(e) {\n  var t = /* @__PURE__ */ Object.create(null);\n  return function(n) {\n    return t[n] === void 0 && (t[n] = e(n)), t[n];\n  };\n}\nvar z0 = /[A-Z]|^ms/g, F0 = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Fa = function(t) {\n  return t.charCodeAt(1) === 45;\n}, oi = function(t) {\n  return t != null && typeof t != \"boolean\";\n}, Wr = /* @__PURE__ */ V0(function(e) {\n  return Fa(e) ? e : e.replace(z0, \"-$&\").toLowerCase();\n}), ii = function(t, n) {\n  switch (t) {\n    case \"animation\":\n    case \"animationName\":\n      if (typeof n == \"string\")\n        return n.replace(F0, function(r, o, i) {\n          return jt = {\n            name: o,\n            styles: i,\n            next: jt\n          }, o;\n        });\n  }\n  return D0[t] !== 1 && !Fa(t) && typeof n == \"number\" && n !== 0 ? n + \"px\" : n;\n};\nfunction yr(e, t, n) {\n  if (n == null)\n    return \"\";\n  var r = n;\n  if (r.__emotion_styles !== void 0)\n    return r;\n  switch (typeof n) {\n    case \"boolean\":\n      return \"\";\n    case \"object\": {\n      var o = n;\n      if (o.anim === 1)\n        return jt = {\n          name: o.name,\n          styles: o.styles,\n          next: jt\n        }, o.name;\n      var i = n;\n      if (i.styles !== void 0) {\n        var a = i.next;\n        if (a !== void 0)\n          for (; a !== void 0; )\n            jt = {\n              name: a.name,\n              styles: a.styles,\n              next: jt\n            }, a = a.next;\n        var l = i.styles + \";\";\n        return l;\n      }\n      return H0(e, t, n);\n    }\n  }\n  var u = n;\n  return u;\n}\nfunction H0(e, t, n) {\n  var r = \"\";\n  if (Array.isArray(n))\n    for (var o = 0; o < n.length; o++)\n      r += yr(e, t, n[o]) + \";\";\n  else\n    for (var i in n) {\n      var a = n[i];\n      if (typeof a != \"object\") {\n        var l = a;\n        oi(l) && (r += Wr(i) + \":\" + ii(i, l) + \";\");\n      } else if (Array.isArray(a) && typeof a[0] == \"string\" && t == null)\n        for (var u = 0; u < a.length; u++)\n          oi(a[u]) && (r += Wr(i) + \":\" + ii(i, a[u]) + \";\");\n      else {\n        var d = yr(e, t, a);\n        switch (i) {\n          case \"animation\":\n          case \"animationName\": {\n            r += Wr(i) + \":\" + d + \";\";\n            break;\n          }\n          default:\n            r += i + \"{\" + d + \"}\";\n        }\n      }\n    }\n  return r;\n}\nvar ai = /label:\\s*([^\\s;{]+)\\s*(;|$)/g, jt;\nfunction W0(e, t, n) {\n  if (e.length === 1 && typeof e[0] == \"object\" && e[0] !== null && e[0].styles !== void 0)\n    return e[0];\n  var r = !0, o = \"\";\n  jt = void 0;\n  var i = e[0];\n  if (i == null || i.raw === void 0)\n    r = !1, o += yr(n, t, i);\n  else {\n    var a = i;\n    o += a[0];\n  }\n  for (var l = 1; l < e.length; l++)\n    if (o += yr(n, t, e[l]), r) {\n      var u = i;\n      o += u[l];\n    }\n  ai.lastIndex = 0;\n  for (var d = \"\", p; (p = ai.exec(o)) !== null; )\n    d += \"-\" + p[1];\n  var h = B0(o) + d;\n  return {\n    name: h,\n    styles: o,\n    next: jt\n  };\n}\nfunction U0(e) {\n  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, \"default\") ? e.default : e;\n}\nvar Xn = { exports: {} }, Jn = { exports: {} }, me = {};\n/** @license React v16.13.1\n * react-is.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nvar si;\nfunction Y0() {\n  if (si) return me;\n  si = 1;\n  var e = typeof Symbol == \"function\" && Symbol.for, t = e ? Symbol.for(\"react.element\") : 60103, n = e ? Symbol.for(\"react.portal\") : 60106, r = e ? Symbol.for(\"react.fragment\") : 60107, o = e ? Symbol.for(\"react.strict_mode\") : 60108, i = e ? Symbol.for(\"react.profiler\") : 60114, a = e ? Symbol.for(\"react.provider\") : 60109, l = e ? Symbol.for(\"react.context\") : 60110, u = e ? Symbol.for(\"react.async_mode\") : 60111, d = e ? Symbol.for(\"react.concurrent_mode\") : 60111, p = e ? Symbol.for(\"react.forward_ref\") : 60112, h = e ? Symbol.for(\"react.suspense\") : 60113, m = e ? Symbol.for(\"react.suspense_list\") : 60120, C = e ? Symbol.for(\"react.memo\") : 60115, y = e ? Symbol.for(\"react.lazy\") : 60116, c = e ? Symbol.for(\"react.block\") : 60121, E = e ? Symbol.for(\"react.fundamental\") : 60117, T = e ? Symbol.for(\"react.responder\") : 60118, O = e ? Symbol.for(\"react.scope\") : 60119;\n  function R(x) {\n    if (typeof x == \"object\" && x !== null) {\n      var N = x.$$typeof;\n      switch (N) {\n        case t:\n          switch (x = x.type, x) {\n            case u:\n            case d:\n            case r:\n            case i:\n            case o:\n            case h:\n              return x;\n            default:\n              switch (x = x && x.$$typeof, x) {\n                case l:\n                case p:\n                case y:\n                case C:\n                case a:\n                  return x;\n                default:\n                  return N;\n              }\n          }\n        case n:\n          return N;\n      }\n    }\n  }\n  function S(x) {\n    return R(x) === d;\n  }\n  return me.AsyncMode = u, me.ConcurrentMode = d, me.ContextConsumer = l, me.ContextProvider = a, me.Element = t, me.ForwardRef = p, me.Fragment = r, me.Lazy = y, me.Memo = C, me.Portal = n, me.Profiler = i, me.StrictMode = o, me.Suspense = h, me.isAsyncMode = function(x) {\n    return S(x) || R(x) === u;\n  }, me.isConcurrentMode = S, me.isContextConsumer = function(x) {\n    return R(x) === l;\n  }, me.isContextProvider = function(x) {\n    return R(x) === a;\n  }, me.isElement = function(x) {\n    return typeof x == \"object\" && x !== null && x.$$typeof === t;\n  }, me.isForwardRef = function(x) {\n    return R(x) === p;\n  }, me.isFragment = function(x) {\n    return R(x) === r;\n  }, me.isLazy = function(x) {\n    return R(x) === y;\n  }, me.isMemo = function(x) {\n    return R(x) === C;\n  }, me.isPortal = function(x) {\n    return R(x) === n;\n  }, me.isProfiler = function(x) {\n    return R(x) === i;\n  }, me.isStrictMode = function(x) {\n    return R(x) === o;\n  }, me.isSuspense = function(x) {\n    return R(x) === h;\n  }, me.isValidElementType = function(x) {\n    return typeof x == \"string\" || typeof x == \"function\" || x === r || x === d || x === i || x === o || x === h || x === m || typeof x == \"object\" && x !== null && (x.$$typeof === y || x.$$typeof === C || x.$$typeof === a || x.$$typeof === l || x.$$typeof === p || x.$$typeof === E || x.$$typeof === T || x.$$typeof === O || x.$$typeof === c);\n  }, me.typeOf = R, me;\n}\nvar be = {};\n/** @license React v16.13.1\n * react-is.development.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nvar li;\nfunction q0() {\n  return li || (li = 1, process.env.NODE_ENV !== \"production\" && function() {\n    var e = typeof Symbol == \"function\" && Symbol.for, t = e ? Symbol.for(\"react.element\") : 60103, n = e ? Symbol.for(\"react.portal\") : 60106, r = e ? Symbol.for(\"react.fragment\") : 60107, o = e ? Symbol.for(\"react.strict_mode\") : 60108, i = e ? Symbol.for(\"react.profiler\") : 60114, a = e ? Symbol.for(\"react.provider\") : 60109, l = e ? Symbol.for(\"react.context\") : 60110, u = e ? Symbol.for(\"react.async_mode\") : 60111, d = e ? Symbol.for(\"react.concurrent_mode\") : 60111, p = e ? Symbol.for(\"react.forward_ref\") : 60112, h = e ? Symbol.for(\"react.suspense\") : 60113, m = e ? Symbol.for(\"react.suspense_list\") : 60120, C = e ? Symbol.for(\"react.memo\") : 60115, y = e ? Symbol.for(\"react.lazy\") : 60116, c = e ? Symbol.for(\"react.block\") : 60121, E = e ? Symbol.for(\"react.fundamental\") : 60117, T = e ? Symbol.for(\"react.responder\") : 60118, O = e ? Symbol.for(\"react.scope\") : 60119;\n    function R(j) {\n      return typeof j == \"string\" || typeof j == \"function\" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.\n      j === r || j === d || j === i || j === o || j === h || j === m || typeof j == \"object\" && j !== null && (j.$$typeof === y || j.$$typeof === C || j.$$typeof === a || j.$$typeof === l || j.$$typeof === p || j.$$typeof === E || j.$$typeof === T || j.$$typeof === O || j.$$typeof === c);\n    }\n    function S(j) {\n      if (typeof j == \"object\" && j !== null) {\n        var De = j.$$typeof;\n        switch (De) {\n          case t:\n            var ae = j.type;\n            switch (ae) {\n              case u:\n              case d:\n              case r:\n              case i:\n              case o:\n              case h:\n                return ae;\n              default:\n                var Ae = ae && ae.$$typeof;\n                switch (Ae) {\n                  case l:\n                  case p:\n                  case y:\n                  case C:\n                  case a:\n                    return Ae;\n                  default:\n                    return De;\n                }\n            }\n          case n:\n            return De;\n        }\n      }\n    }\n    var x = u, N = d, _ = l, W = a, U = t, f = p, $ = r, B = y, P = C, V = n, ne = i, re = o, le = h, Se = !1;\n    function ie(j) {\n      return Se || (Se = !0), k(j) || S(j) === u;\n    }\n    function k(j) {\n      return S(j) === d;\n    }\n    function A(j) {\n      return S(j) === l;\n    }\n    function G(j) {\n      return S(j) === a;\n    }\n    function q(j) {\n      return typeof j == \"object\" && j !== null && j.$$typeof === t;\n    }\n    function Y(j) {\n      return S(j) === p;\n    }\n    function ee(j) {\n      return S(j) === r;\n    }\n    function I(j) {\n      return S(j) === y;\n    }\n    function D(j) {\n      return S(j) === C;\n    }\n    function z(j) {\n      return S(j) === n;\n    }\n    function K(j) {\n      return S(j) === i;\n    }\n    function Z(j) {\n      return S(j) === o;\n    }\n    function $e(j) {\n      return S(j) === h;\n    }\n    be.AsyncMode = x, be.ConcurrentMode = N, be.ContextConsumer = _, be.ContextProvider = W, be.Element = U, be.ForwardRef = f, be.Fragment = $, be.Lazy = B, be.Memo = P, be.Portal = V, be.Profiler = ne, be.StrictMode = re, be.Suspense = le, be.isAsyncMode = ie, be.isConcurrentMode = k, be.isContextConsumer = A, be.isContextProvider = G, be.isElement = q, be.isForwardRef = Y, be.isFragment = ee, be.isLazy = I, be.isMemo = D, be.isPortal = z, be.isProfiler = K, be.isStrictMode = Z, be.isSuspense = $e, be.isValidElementType = R, be.typeOf = S;\n  }()), be;\n}\nvar ci;\nfunction Ha() {\n  return ci || (ci = 1, process.env.NODE_ENV === \"production\" ? Jn.exports = Y0() : Jn.exports = q0()), Jn.exports;\n}\n/*\nobject-assign\n(c) Sindre Sorhus\n@license MIT\n*/\nvar Ur, ui;\nfunction G0() {\n  if (ui) return Ur;\n  ui = 1;\n  var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;\n  function r(i) {\n    if (i == null)\n      throw new TypeError(\"Object.assign cannot be called with null or undefined\");\n    return Object(i);\n  }\n  function o() {\n    try {\n      if (!Object.assign)\n        return !1;\n      var i = new String(\"abc\");\n      if (i[5] = \"de\", Object.getOwnPropertyNames(i)[0] === \"5\")\n        return !1;\n      for (var a = {}, l = 0; l < 10; l++)\n        a[\"_\" + String.fromCharCode(l)] = l;\n      var u = Object.getOwnPropertyNames(a).map(function(p) {\n        return a[p];\n      });\n      if (u.join(\"\") !== \"0123456789\")\n        return !1;\n      var d = {};\n      return \"abcdefghijklmnopqrst\".split(\"\").forEach(function(p) {\n        d[p] = p;\n      }), Object.keys(Object.assign({}, d)).join(\"\") === \"abcdefghijklmnopqrst\";\n    } catch {\n      return !1;\n    }\n  }\n  return Ur = o() ? Object.assign : function(i, a) {\n    for (var l, u = r(i), d, p = 1; p < arguments.length; p++) {\n      l = Object(arguments[p]);\n      for (var h in l)\n        t.call(l, h) && (u[h] = l[h]);\n      if (e) {\n        d = e(l);\n        for (var m = 0; m < d.length; m++)\n          n.call(l, d[m]) && (u[d[m]] = l[d[m]]);\n      }\n    }\n    return u;\n  }, Ur;\n}\nvar Yr, di;\nfunction Oo() {\n  if (di) return Yr;\n  di = 1;\n  var e = \"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED\";\n  return Yr = e, Yr;\n}\nvar qr, fi;\nfunction Wa() {\n  return fi || (fi = 1, qr = Function.call.bind(Object.prototype.hasOwnProperty)), qr;\n}\nvar Gr, pi;\nfunction K0() {\n  if (pi) return Gr;\n  pi = 1;\n  var e = function() {\n  };\n  if (process.env.NODE_ENV !== \"production\") {\n    var t = /* @__PURE__ */ Oo(), n = {}, r = /* @__PURE__ */ Wa();\n    e = function(i) {\n      var a = \"Warning: \" + i;\n      try {\n        throw new Error(a);\n      } catch {\n      }\n    };\n  }\n  function o(i, a, l, u, d) {\n    if (process.env.NODE_ENV !== \"production\") {\n      for (var p in i)\n        if (r(i, p)) {\n          var h;\n          try {\n            if (typeof i[p] != \"function\") {\n              var m = Error(\n                (u || \"React class\") + \": \" + l + \" type `\" + p + \"` is invalid; it must be a function, usually from the `prop-types` package, but received `\" + typeof i[p] + \"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.\"\n              );\n              throw m.name = \"Invariant Violation\", m;\n            }\n            h = i[p](a, p, u, l, null, t);\n          } catch (y) {\n            h = y;\n          }\n          if (h && !(h instanceof Error) && e(\n            (u || \"React class\") + \": type specification of \" + l + \" `\" + p + \"` is invalid; the type checker function must return `null` or an `Error` but returned a \" + typeof h + \". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).\"\n          ), h instanceof Error && !(h.message in n)) {\n            n[h.message] = !0;\n            var C = d ? d() : \"\";\n            e(\n              \"Failed \" + l + \" type: \" + h.message + (C ?? \"\")\n            );\n          }\n        }\n    }\n  }\n  return o.resetWarningCache = function() {\n    process.env.NODE_ENV !== \"production\" && (n = {});\n  }, Gr = o, Gr;\n}\nvar Kr, hi;\nfunction Z0() {\n  if (hi) return Kr;\n  hi = 1;\n  var e = Ha(), t = G0(), n = /* @__PURE__ */ Oo(), r = /* @__PURE__ */ Wa(), o = /* @__PURE__ */ K0(), i = function() {\n  };\n  process.env.NODE_ENV !== \"production\" && (i = function(l) {\n    var u = \"Warning: \" + l;\n    try {\n      throw new Error(u);\n    } catch {\n    }\n  });\n  function a() {\n    return null;\n  }\n  return Kr = function(l, u) {\n    var d = typeof Symbol == \"function\" && Symbol.iterator, p = \"@@iterator\";\n    function h(k) {\n      var A = k && (d && k[d] || k[p]);\n      if (typeof A == \"function\")\n        return A;\n    }\n    var m = \"<<anonymous>>\", C = {\n      array: T(\"array\"),\n      bigint: T(\"bigint\"),\n      bool: T(\"boolean\"),\n      func: T(\"function\"),\n      number: T(\"number\"),\n      object: T(\"object\"),\n      string: T(\"string\"),\n      symbol: T(\"symbol\"),\n      any: O(),\n      arrayOf: R,\n      element: S(),\n      elementType: x(),\n      instanceOf: N,\n      node: f(),\n      objectOf: W,\n      oneOf: _,\n      oneOfType: U,\n      shape: B,\n      exact: P\n    };\n    function y(k, A) {\n      return k === A ? k !== 0 || 1 / k === 1 / A : k !== k && A !== A;\n    }\n    function c(k, A) {\n      this.message = k, this.data = A && typeof A == \"object\" ? A : {}, this.stack = \"\";\n    }\n    c.prototype = Error.prototype;\n    function E(k) {\n      if (process.env.NODE_ENV !== \"production\")\n        var A = {}, G = 0;\n      function q(ee, I, D, z, K, Z, $e) {\n        if (z = z || m, Z = Z || D, $e !== n) {\n          if (u) {\n            var j = new Error(\n              \"Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types\"\n            );\n            throw j.name = \"Invariant Violation\", j;\n          } else if (process.env.NODE_ENV !== \"production\" && typeof console < \"u\") {\n            var De = z + \":\" + D;\n            !A[De] && // Avoid spamming the console because they are often not actionable except for lib authors\n            G < 3 && (i(\n              \"You are manually calling a React.PropTypes validation function for the `\" + Z + \"` prop on `\" + z + \"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details.\"\n            ), A[De] = !0, G++);\n          }\n        }\n        return I[D] == null ? ee ? I[D] === null ? new c(\"The \" + K + \" `\" + Z + \"` is marked as required \" + (\"in `\" + z + \"`, but its value is `null`.\")) : new c(\"The \" + K + \" `\" + Z + \"` is marked as required in \" + (\"`\" + z + \"`, but its value is `undefined`.\")) : null : k(I, D, z, K, Z);\n      }\n      var Y = q.bind(null, !1);\n      return Y.isRequired = q.bind(null, !0), Y;\n    }\n    function T(k) {\n      function A(G, q, Y, ee, I, D) {\n        var z = G[q], K = re(z);\n        if (K !== k) {\n          var Z = le(z);\n          return new c(\n            \"Invalid \" + ee + \" `\" + I + \"` of type \" + (\"`\" + Z + \"` supplied to `\" + Y + \"`, expected \") + (\"`\" + k + \"`.\"),\n            { expectedType: k }\n          );\n        }\n        return null;\n      }\n      return E(A);\n    }\n    function O() {\n      return E(a);\n    }\n    function R(k) {\n      function A(G, q, Y, ee, I) {\n        if (typeof k != \"function\")\n          return new c(\"Property `\" + I + \"` of component `\" + Y + \"` has invalid PropType notation inside arrayOf.\");\n        var D = G[q];\n        if (!Array.isArray(D)) {\n          var z = re(D);\n          return new c(\"Invalid \" + ee + \" `\" + I + \"` of type \" + (\"`\" + z + \"` supplied to `\" + Y + \"`, expected an array.\"));\n        }\n        for (var K = 0; K < D.length; K++) {\n          var Z = k(D, K, Y, ee, I + \"[\" + K + \"]\", n);\n          if (Z instanceof Error)\n            return Z;\n        }\n        return null;\n      }\n      return E(A);\n    }\n    function S() {\n      function k(A, G, q, Y, ee) {\n        var I = A[G];\n        if (!l(I)) {\n          var D = re(I);\n          return new c(\"Invalid \" + Y + \" `\" + ee + \"` of type \" + (\"`\" + D + \"` supplied to `\" + q + \"`, expected a single ReactElement.\"));\n        }\n        return null;\n      }\n      return E(k);\n    }\n    function x() {\n      function k(A, G, q, Y, ee) {\n        var I = A[G];\n        if (!e.isValidElementType(I)) {\n          var D = re(I);\n          return new c(\"Invalid \" + Y + \" `\" + ee + \"` of type \" + (\"`\" + D + \"` supplied to `\" + q + \"`, expected a single ReactElement type.\"));\n        }\n        return null;\n      }\n      return E(k);\n    }\n    function N(k) {\n      function A(G, q, Y, ee, I) {\n        if (!(G[q] instanceof k)) {\n          var D = k.name || m, z = ie(G[q]);\n          return new c(\"Invalid \" + ee + \" `\" + I + \"` of type \" + (\"`\" + z + \"` supplied to `\" + Y + \"`, expected \") + (\"instance of `\" + D + \"`.\"));\n        }\n        return null;\n      }\n      return E(A);\n    }\n    function _(k) {\n      if (!Array.isArray(k))\n        return process.env.NODE_ENV !== \"production\" && (arguments.length > 1 ? i(\n          \"Invalid arguments supplied to oneOf, expected an array, got \" + arguments.length + \" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).\"\n        ) : i(\"Invalid argument supplied to oneOf, expected an array.\")), a;\n      function A(G, q, Y, ee, I) {\n        for (var D = G[q], z = 0; z < k.length; z++)\n          if (y(D, k[z]))\n            return null;\n        var K = JSON.stringify(k, function($e, j) {\n          var De = le(j);\n          return De === \"symbol\" ? String(j) : j;\n        });\n        return new c(\"Invalid \" + ee + \" `\" + I + \"` of value `\" + String(D) + \"` \" + (\"supplied to `\" + Y + \"`, expected one of \" + K + \".\"));\n      }\n      return E(A);\n    }\n    function W(k) {\n      function A(G, q, Y, ee, I) {\n        if (typeof k != \"function\")\n          return new c(\"Property `\" + I + \"` of component `\" + Y + \"` has invalid PropType notation inside objectOf.\");\n        var D = G[q], z = re(D);\n        if (z !== \"object\")\n          return new c(\"Invalid \" + ee + \" `\" + I + \"` of type \" + (\"`\" + z + \"` supplied to `\" + Y + \"`, expected an object.\"));\n        for (var K in D)\n          if (r(D, K)) {\n            var Z = k(D, K, Y, ee, I + \".\" + K, n);\n            if (Z instanceof Error)\n              return Z;\n          }\n        return null;\n      }\n      return E(A);\n    }\n    function U(k) {\n      if (!Array.isArray(k))\n        return process.env.NODE_ENV !== \"production\" && i(\"Invalid argument supplied to oneOfType, expected an instance of array.\"), a;\n      for (var A = 0; A < k.length; A++) {\n        var G = k[A];\n        if (typeof G != \"function\")\n          return i(\n            \"Invalid argument supplied to oneOfType. Expected an array of check functions, but received \" + Se(G) + \" at index \" + A + \".\"\n          ), a;\n      }\n      function q(Y, ee, I, D, z) {\n        for (var K = [], Z = 0; Z < k.length; Z++) {\n          var $e = k[Z], j = $e(Y, ee, I, D, z, n);\n          if (j == null)\n            return null;\n          j.data && r(j.data, \"expectedType\") && K.push(j.data.expectedType);\n        }\n        var De = K.length > 0 ? \", expected one of type [\" + K.join(\", \") + \"]\" : \"\";\n        return new c(\"Invalid \" + D + \" `\" + z + \"` supplied to \" + (\"`\" + I + \"`\" + De + \".\"));\n      }\n      return E(q);\n    }\n    function f() {\n      function k(A, G, q, Y, ee) {\n        return V(A[G]) ? null : new c(\"Invalid \" + Y + \" `\" + ee + \"` supplied to \" + (\"`\" + q + \"`, expected a ReactNode.\"));\n      }\n      return E(k);\n    }\n    function $(k, A, G, q, Y) {\n      return new c(\n        (k || \"React class\") + \": \" + A + \" type `\" + G + \".\" + q + \"` is invalid; it must be a function, usually from the `prop-types` package, but received `\" + Y + \"`.\"\n      );\n    }\n    function B(k) {\n      function A(G, q, Y, ee, I) {\n        var D = G[q], z = re(D);\n        if (z !== \"object\")\n          return new c(\"Invalid \" + ee + \" `\" + I + \"` of type `\" + z + \"` \" + (\"supplied to `\" + Y + \"`, expected `object`.\"));\n        for (var K in k) {\n          var Z = k[K];\n          if (typeof Z != \"function\")\n            return $(Y, ee, I, K, le(Z));\n          var $e = Z(D, K, Y, ee, I + \".\" + K, n);\n          if ($e)\n            return $e;\n        }\n        return null;\n      }\n      return E(A);\n    }\n    function P(k) {\n      function A(G, q, Y, ee, I) {\n        var D = G[q], z = re(D);\n        if (z !== \"object\")\n          return new c(\"Invalid \" + ee + \" `\" + I + \"` of type `\" + z + \"` \" + (\"supplied to `\" + Y + \"`, expected `object`.\"));\n        var K = t({}, G[q], k);\n        for (var Z in K) {\n          var $e = k[Z];\n          if (r(k, Z) && typeof $e != \"function\")\n            return $(Y, ee, I, Z, le($e));\n          if (!$e)\n            return new c(\n              \"Invalid \" + ee + \" `\" + I + \"` key `\" + Z + \"` supplied to `\" + Y + \"`.\\nBad object: \" + JSON.stringify(G[q], null, \"  \") + `\nValid keys: ` + JSON.stringify(Object.keys(k), null, \"  \")\n            );\n          var j = $e(D, Z, Y, ee, I + \".\" + Z, n);\n          if (j)\n            return j;\n        }\n        return null;\n      }\n      return E(A);\n    }\n    function V(k) {\n      switch (typeof k) {\n        case \"number\":\n        case \"string\":\n        case \"undefined\":\n          return !0;\n        case \"boolean\":\n          return !k;\n        case \"object\":\n          if (Array.isArray(k))\n            return k.every(V);\n          if (k === null || l(k))\n            return !0;\n          var A = h(k);\n          if (A) {\n            var G = A.call(k), q;\n            if (A !== k.entries) {\n              for (; !(q = G.next()).done; )\n                if (!V(q.value))\n                  return !1;\n            } else\n              for (; !(q = G.next()).done; ) {\n                var Y = q.value;\n                if (Y && !V(Y[1]))\n                  return !1;\n              }\n          } else\n            return !1;\n          return !0;\n        default:\n          return !1;\n      }\n    }\n    function ne(k, A) {\n      return k === \"symbol\" ? !0 : A ? A[\"@@toStringTag\"] === \"Symbol\" || typeof Symbol == \"function\" && A instanceof Symbol : !1;\n    }\n    function re(k) {\n      var A = typeof k;\n      return Array.isArray(k) ? \"array\" : k instanceof RegExp ? \"object\" : ne(A, k) ? \"symbol\" : A;\n    }\n    function le(k) {\n      if (typeof k > \"u\" || k === null)\n        return \"\" + k;\n      var A = re(k);\n      if (A === \"object\") {\n        if (k instanceof Date)\n          return \"date\";\n        if (k instanceof RegExp)\n          return \"regexp\";\n      }\n      return A;\n    }\n    function Se(k) {\n      var A = le(k);\n      switch (A) {\n        case \"array\":\n        case \"object\":\n          return \"an \" + A;\n        case \"boolean\":\n        case \"date\":\n        case \"regexp\":\n          return \"a \" + A;\n        default:\n          return A;\n      }\n    }\n    function ie(k) {\n      return !k.constructor || !k.constructor.name ? m : k.constructor.name;\n    }\n    return C.checkPropTypes = o, C.resetWarningCache = o.resetWarningCache, C.PropTypes = C, C;\n  }, Kr;\n}\nvar Zr, gi;\nfunction X0() {\n  if (gi) return Zr;\n  gi = 1;\n  var e = /* @__PURE__ */ Oo();\n  function t() {\n  }\n  function n() {\n  }\n  return n.resetWarningCache = t, Zr = function() {\n    function r(a, l, u, d, p, h) {\n      if (h !== e) {\n        var m = new Error(\n          \"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types\"\n        );\n        throw m.name = \"Invariant Violation\", m;\n      }\n    }\n    r.isRequired = r;\n    function o() {\n      return r;\n    }\n    var i = {\n      array: r,\n      bigint: r,\n      bool: r,\n      func: r,\n      number: r,\n      object: r,\n      string: r,\n      symbol: r,\n      any: r,\n      arrayOf: o,\n      element: r,\n      elementType: r,\n      instanceOf: o,\n      node: r,\n      objectOf: o,\n      oneOf: o,\n      oneOfType: o,\n      shape: o,\n      exact: o,\n      checkPropTypes: n,\n      resetWarningCache: t\n    };\n    return i.PropTypes = i, i;\n  }, Zr;\n}\nvar mi;\nfunction J0() {\n  if (mi) return Xn.exports;\n  if (mi = 1, process.env.NODE_ENV !== \"production\") {\n    var e = Ha(), t = !0;\n    Xn.exports = /* @__PURE__ */ Z0()(e.isElement, t);\n  } else\n    Xn.exports = /* @__PURE__ */ X0()();\n  return Xn.exports;\n}\nvar Q0 = /* @__PURE__ */ J0();\nconst s = /* @__PURE__ */ U0(Q0);\nvar Qn = { exports: {} }, On = {};\n/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nvar bi;\nfunction e2() {\n  if (bi) return On;\n  bi = 1;\n  var e = oe, t = Symbol.for(\"react.element\"), n = Symbol.for(\"react.fragment\"), r = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };\n  function a(l, u, d) {\n    var p, h = {}, m = null, C = null;\n    d !== void 0 && (m = \"\" + d), u.key !== void 0 && (m = \"\" + u.key), u.ref !== void 0 && (C = u.ref);\n    for (p in u) r.call(u, p) && !i.hasOwnProperty(p) && (h[p] = u[p]);\n    if (l && l.defaultProps) for (p in u = l.defaultProps, u) h[p] === void 0 && (h[p] = u[p]);\n    return { $$typeof: t, type: l, key: m, ref: C, props: h, _owner: o.current };\n  }\n  return On.Fragment = n, On.jsx = a, On.jsxs = a, On;\n}\nvar Mn = {};\n/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nvar yi;\nfunction t2() {\n  return yi || (yi = 1, process.env.NODE_ENV !== \"production\" && function() {\n    var e = oe, t = Symbol.for(\"react.element\"), n = Symbol.for(\"react.portal\"), r = Symbol.for(\"react.fragment\"), o = Symbol.for(\"react.strict_mode\"), i = Symbol.for(\"react.profiler\"), a = Symbol.for(\"react.provider\"), l = Symbol.for(\"react.context\"), u = Symbol.for(\"react.forward_ref\"), d = Symbol.for(\"react.suspense\"), p = Symbol.for(\"react.suspense_list\"), h = Symbol.for(\"react.memo\"), m = Symbol.for(\"react.lazy\"), C = Symbol.for(\"react.offscreen\"), y = Symbol.iterator, c = \"@@iterator\";\n    function E(b) {\n      if (b === null || typeof b != \"object\")\n        return null;\n      var M = y && b[y] || b[c];\n      return typeof M == \"function\" ? M : null;\n    }\n    var T = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n    function O(b) {\n      {\n        for (var M = arguments.length, L = new Array(M > 1 ? M - 1 : 0), J = 1; J < M; J++)\n          L[J - 1] = arguments[J];\n        R(\"error\", b, L);\n      }\n    }\n    function R(b, M, L) {\n      {\n        var J = T.ReactDebugCurrentFrame, ge = J.getStackAddendum();\n        ge !== \"\" && (M += \"%s\", L = L.concat([ge]));\n        var we = L.map(function(de) {\n          return String(de);\n        });\n        we.unshift(\"Warning: \" + M), Function.prototype.apply.call(console[b], console, we);\n      }\n    }\n    var S = !1, x = !1, N = !1, _ = !1, W = !1, U;\n    U = Symbol.for(\"react.module.reference\");\n    function f(b) {\n      return !!(typeof b == \"string\" || typeof b == \"function\" || b === r || b === i || W || b === o || b === d || b === p || _ || b === C || S || x || N || typeof b == \"object\" && b !== null && (b.$$typeof === m || b.$$typeof === h || b.$$typeof === a || b.$$typeof === l || b.$$typeof === u || // This needs to include all possible module reference object\n      // types supported by any Flight configuration anywhere since\n      // we don't know which Flight build this will end up being used\n      // with.\n      b.$$typeof === U || b.getModuleId !== void 0));\n    }\n    function $(b, M, L) {\n      var J = b.displayName;\n      if (J)\n        return J;\n      var ge = M.displayName || M.name || \"\";\n      return ge !== \"\" ? L + \"(\" + ge + \")\" : L;\n    }\n    function B(b) {\n      return b.displayName || \"Context\";\n    }\n    function P(b) {\n      if (b == null)\n        return null;\n      if (typeof b.tag == \"number\" && O(\"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"), typeof b == \"function\")\n        return b.displayName || b.name || null;\n      if (typeof b == \"string\")\n        return b;\n      switch (b) {\n        case r:\n          return \"Fragment\";\n        case n:\n          return \"Portal\";\n        case i:\n          return \"Profiler\";\n        case o:\n          return \"StrictMode\";\n        case d:\n          return \"Suspense\";\n        case p:\n          return \"SuspenseList\";\n      }\n      if (typeof b == \"object\")\n        switch (b.$$typeof) {\n          case l:\n            var M = b;\n            return B(M) + \".Consumer\";\n          case a:\n            var L = b;\n            return B(L._context) + \".Provider\";\n          case u:\n            return $(b, b.render, \"ForwardRef\");\n          case h:\n            var J = b.displayName || null;\n            return J !== null ? J : P(b.type) || \"Memo\";\n          case m: {\n            var ge = b, we = ge._payload, de = ge._init;\n            try {\n              return P(de(we));\n            } catch {\n              return null;\n            }\n          }\n        }\n      return null;\n    }\n    var V = Object.assign, ne = 0, re, le, Se, ie, k, A, G;\n    function q() {\n    }\n    q.__reactDisabledLog = !0;\n    function Y() {\n      {\n        if (ne === 0) {\n          re = console.log, le = console.info, Se = console.warn, ie = console.error, k = console.group, A = console.groupCollapsed, G = console.groupEnd;\n          var b = {\n            configurable: !0,\n            enumerable: !0,\n            value: q,\n            writable: !0\n          };\n          Object.defineProperties(console, {\n            info: b,\n            log: b,\n            warn: b,\n            error: b,\n            group: b,\n            groupCollapsed: b,\n            groupEnd: b\n          });\n        }\n        ne++;\n      }\n    }\n    function ee() {\n      {\n        if (ne--, ne === 0) {\n          var b = {\n            configurable: !0,\n            enumerable: !0,\n            writable: !0\n          };\n          Object.defineProperties(console, {\n            log: V({}, b, {\n              value: re\n            }),\n            info: V({}, b, {\n              value: le\n            }),\n            warn: V({}, b, {\n              value: Se\n            }),\n            error: V({}, b, {\n              value: ie\n            }),\n            group: V({}, b, {\n              value: k\n            }),\n            groupCollapsed: V({}, b, {\n              value: A\n            }),\n            groupEnd: V({}, b, {\n              value: G\n            })\n          });\n        }\n        ne < 0 && O(\"disabledDepth fell below zero. This is a bug in React. Please file an issue.\");\n      }\n    }\n    var I = T.ReactCurrentDispatcher, D;\n    function z(b, M, L) {\n      {\n        if (D === void 0)\n          try {\n            throw Error();\n          } catch (ge) {\n            var J = ge.stack.trim().match(/\\n( *(at )?)/);\n            D = J && J[1] || \"\";\n          }\n        return `\n` + D + b;\n      }\n    }\n    var K = !1, Z;\n    {\n      var $e = typeof WeakMap == \"function\" ? WeakMap : Map;\n      Z = new $e();\n    }\n    function j(b, M) {\n      if (!b || K)\n        return \"\";\n      {\n        var L = Z.get(b);\n        if (L !== void 0)\n          return L;\n      }\n      var J;\n      K = !0;\n      var ge = Error.prepareStackTrace;\n      Error.prepareStackTrace = void 0;\n      var we;\n      we = I.current, I.current = null, Y();\n      try {\n        if (M) {\n          var de = function() {\n            throw Error();\n          };\n          if (Object.defineProperty(de.prototype, \"props\", {\n            set: function() {\n              throw Error();\n            }\n          }), typeof Reflect == \"object\" && Reflect.construct) {\n            try {\n              Reflect.construct(de, []);\n            } catch (Ze) {\n              J = Ze;\n            }\n            Reflect.construct(b, [], de);\n          } else {\n            try {\n              de.call();\n            } catch (Ze) {\n              J = Ze;\n            }\n            b.call(de.prototype);\n          }\n        } else {\n          try {\n            throw Error();\n          } catch (Ze) {\n            J = Ze;\n          }\n          b();\n        }\n      } catch (Ze) {\n        if (Ze && J && typeof Ze.stack == \"string\") {\n          for (var se = Ze.stack.split(`\n`), Ye = J.stack.split(`\n`), Le = se.length - 1, Ve = Ye.length - 1; Le >= 1 && Ve >= 0 && se[Le] !== Ye[Ve]; )\n            Ve--;\n          for (; Le >= 1 && Ve >= 0; Le--, Ve--)\n            if (se[Le] !== Ye[Ve]) {\n              if (Le !== 1 || Ve !== 1)\n                do\n                  if (Le--, Ve--, Ve < 0 || se[Le] !== Ye[Ve]) {\n                    var at = `\n` + se[Le].replace(\" at new \", \" at \");\n                    return b.displayName && at.includes(\"<anonymous>\") && (at = at.replace(\"<anonymous>\", b.displayName)), typeof b == \"function\" && Z.set(b, at), at;\n                  }\n                while (Le >= 1 && Ve >= 0);\n              break;\n            }\n        }\n      } finally {\n        K = !1, I.current = we, ee(), Error.prepareStackTrace = ge;\n      }\n      var on = b ? b.displayName || b.name : \"\", Wt = on ? z(on) : \"\";\n      return typeof b == \"function\" && Z.set(b, Wt), Wt;\n    }\n    function De(b, M, L) {\n      return j(b, !1);\n    }\n    function ae(b) {\n      var M = b.prototype;\n      return !!(M && M.isReactComponent);\n    }\n    function Ae(b, M, L) {\n      if (b == null)\n        return \"\";\n      if (typeof b == \"function\")\n        return j(b, ae(b));\n      if (typeof b == \"string\")\n        return z(b);\n      switch (b) {\n        case d:\n          return z(\"Suspense\");\n        case p:\n          return z(\"SuspenseList\");\n      }\n      if (typeof b == \"object\")\n        switch (b.$$typeof) {\n          case u:\n            return De(b.render);\n          case h:\n            return Ae(b.type, M, L);\n          case m: {\n            var J = b, ge = J._payload, we = J._init;\n            try {\n              return Ae(we(ge), M, L);\n            } catch {\n            }\n          }\n        }\n      return \"\";\n    }\n    var Ke = Object.prototype.hasOwnProperty, Pe = {}, Ie = T.ReactDebugCurrentFrame;\n    function dt(b) {\n      if (b) {\n        var M = b._owner, L = Ae(b.type, b._source, M ? M.type : null);\n        Ie.setExtraStackFrame(L);\n      } else\n        Ie.setExtraStackFrame(null);\n    }\n    function it(b, M, L, J, ge) {\n      {\n        var we = Function.call.bind(Ke);\n        for (var de in b)\n          if (we(b, de)) {\n            var se = void 0;\n            try {\n              if (typeof b[de] != \"function\") {\n                var Ye = Error((J || \"React class\") + \": \" + L + \" type `\" + de + \"` is invalid; it must be a function, usually from the `prop-types` package, but received `\" + typeof b[de] + \"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.\");\n                throw Ye.name = \"Invariant Violation\", Ye;\n              }\n              se = b[de](M, de, J, L, null, \"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED\");\n            } catch (Le) {\n              se = Le;\n            }\n            se && !(se instanceof Error) && (dt(ge), O(\"%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).\", J || \"React class\", L, de, typeof se), dt(null)), se instanceof Error && !(se.message in Pe) && (Pe[se.message] = !0, dt(ge), O(\"Failed %s type: %s\", L, se.message), dt(null));\n          }\n      }\n    }\n    var bt = Array.isArray;\n    function X(b) {\n      return bt(b);\n    }\n    function Ot(b) {\n      {\n        var M = typeof Symbol == \"function\" && Symbol.toStringTag, L = M && b[Symbol.toStringTag] || b.constructor.name || \"Object\";\n        return L;\n      }\n    }\n    function tt(b) {\n      try {\n        return tn(b), !1;\n      } catch {\n        return !0;\n      }\n    }\n    function tn(b) {\n      return \"\" + b;\n    }\n    function Mt(b) {\n      if (tt(b))\n        return O(\"The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.\", Ot(b)), tn(b);\n    }\n    var Ft = T.ReactCurrentOwner, Ht = {\n      key: !0,\n      ref: !0,\n      __self: !0,\n      __source: !0\n    }, ft, $t;\n    function he(b) {\n      if (Ke.call(b, \"ref\")) {\n        var M = Object.getOwnPropertyDescriptor(b, \"ref\").get;\n        if (M && M.isReactWarning)\n          return !1;\n      }\n      return b.ref !== void 0;\n    }\n    function nn(b) {\n      if (Ke.call(b, \"key\")) {\n        var M = Object.getOwnPropertyDescriptor(b, \"key\").get;\n        if (M && M.isReactWarning)\n          return !1;\n      }\n      return b.key !== void 0;\n    }\n    function rn(b, M) {\n      typeof b.ref == \"string\" && Ft.current;\n    }\n    function wn(b, M) {\n      {\n        var L = function() {\n          ft || (ft = !0, O(\"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)\", M));\n        };\n        L.isReactWarning = !0, Object.defineProperty(b, \"key\", {\n          get: L,\n          configurable: !0\n        });\n      }\n    }\n    function F(b, M) {\n      {\n        var L = function() {\n          $t || ($t = !0, O(\"%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)\", M));\n        };\n        L.isReactWarning = !0, Object.defineProperty(b, \"ref\", {\n          get: L,\n          configurable: !0\n        });\n      }\n    }\n    var H = function(b, M, L, J, ge, we, de) {\n      var se = {\n        // This tag allows us to uniquely identify this as a React Element\n        $$typeof: t,\n        // Built-in properties that belong on the element\n        type: b,\n        key: M,\n        ref: L,\n        props: de,\n        // Record the component responsible for creating this element.\n        _owner: we\n      };\n      return se._store = {}, Object.defineProperty(se._store, \"validated\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: !1\n      }), Object.defineProperty(se, \"_self\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !1,\n        value: J\n      }), Object.defineProperty(se, \"_source\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !1,\n        value: ge\n      }), Object.freeze && (Object.freeze(se.props), Object.freeze(se)), se;\n    };\n    function ue(b, M, L, J, ge) {\n      {\n        var we, de = {}, se = null, Ye = null;\n        L !== void 0 && (Mt(L), se = \"\" + L), nn(M) && (Mt(M.key), se = \"\" + M.key), he(M) && (Ye = M.ref, rn(M, ge));\n        for (we in M)\n          Ke.call(M, we) && !Ht.hasOwnProperty(we) && (de[we] = M[we]);\n        if (b && b.defaultProps) {\n          var Le = b.defaultProps;\n          for (we in Le)\n            de[we] === void 0 && (de[we] = Le[we]);\n        }\n        if (se || Ye) {\n          var Ve = typeof b == \"function\" ? b.displayName || b.name || \"Unknown\" : b;\n          se && wn(de, Ve), Ye && F(de, Ve);\n        }\n        return H(b, se, Ye, ge, J, Ft.current, de);\n      }\n    }\n    var ce = T.ReactCurrentOwner, ke = T.ReactDebugCurrentFrame;\n    function We(b) {\n      if (b) {\n        var M = b._owner, L = Ae(b.type, b._source, M ? M.type : null);\n        ke.setExtraStackFrame(L);\n      } else\n        ke.setExtraStackFrame(null);\n    }\n    var pt;\n    pt = !1;\n    function yt(b) {\n      return typeof b == \"object\" && b !== null && b.$$typeof === t;\n    }\n    function Tn() {\n      {\n        if (ce.current) {\n          var b = P(ce.current.type);\n          if (b)\n            return `\n\nCheck the render method of \\`` + b + \"`.\";\n        }\n        return \"\";\n      }\n    }\n    function Rn(b) {\n      return \"\";\n    }\n    var Xo = {};\n    function o0(b) {\n      {\n        var M = Tn();\n        if (!M) {\n          var L = typeof b == \"string\" ? b : b.displayName || b.name;\n          L && (M = `\n\nCheck the top-level render call using <` + L + \">.\");\n        }\n        return M;\n      }\n    }\n    function Jo(b, M) {\n      {\n        if (!b._store || b._store.validated || b.key != null)\n          return;\n        b._store.validated = !0;\n        var L = o0(M);\n        if (Xo[L])\n          return;\n        Xo[L] = !0;\n        var J = \"\";\n        b && b._owner && b._owner !== ce.current && (J = \" It was passed a child from \" + P(b._owner.type) + \".\"), We(b), O('Each child in a list should have a unique \"key\" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', L, J), We(null);\n      }\n    }\n    function Qo(b, M) {\n      {\n        if (typeof b != \"object\")\n          return;\n        if (X(b))\n          for (var L = 0; L < b.length; L++) {\n            var J = b[L];\n            yt(J) && Jo(J, M);\n          }\n        else if (yt(b))\n          b._store && (b._store.validated = !0);\n        else if (b) {\n          var ge = E(b);\n          if (typeof ge == \"function\" && ge !== b.entries)\n            for (var we = ge.call(b), de; !(de = we.next()).done; )\n              yt(de.value) && Jo(de.value, M);\n        }\n      }\n    }\n    function i0(b) {\n      {\n        var M = b.type;\n        if (M == null || typeof M == \"string\")\n          return;\n        var L;\n        if (typeof M == \"function\")\n          L = M.propTypes;\n        else if (typeof M == \"object\" && (M.$$typeof === u || // Note: Memo only checks outer props here.\n        // Inner props are checked in the reconciler.\n        M.$$typeof === h))\n          L = M.propTypes;\n        else\n          return;\n        if (L) {\n          var J = P(M);\n          it(L, b.props, \"prop\", J, b);\n        } else if (M.PropTypes !== void 0 && !pt) {\n          pt = !0;\n          var ge = P(M);\n          O(\"Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?\", ge || \"Unknown\");\n        }\n        typeof M.getDefaultProps == \"function\" && !M.getDefaultProps.isReactClassApproved && O(\"getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.\");\n      }\n    }\n    function a0(b) {\n      {\n        for (var M = Object.keys(b.props), L = 0; L < M.length; L++) {\n          var J = M[L];\n          if (J !== \"children\" && J !== \"key\") {\n            We(b), O(\"Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.\", J), We(null);\n            break;\n          }\n        }\n        b.ref !== null && (We(b), O(\"Invalid attribute `ref` supplied to `React.Fragment`.\"), We(null));\n      }\n    }\n    var ei = {};\n    function ti(b, M, L, J, ge, we) {\n      {\n        var de = f(b);\n        if (!de) {\n          var se = \"\";\n          (b === void 0 || typeof b == \"object\" && b !== null && Object.keys(b).length === 0) && (se += \" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.\");\n          var Ye = Rn();\n          Ye ? se += Ye : se += Tn();\n          var Le;\n          b === null ? Le = \"null\" : X(b) ? Le = \"array\" : b !== void 0 && b.$$typeof === t ? (Le = \"<\" + (P(b.type) || \"Unknown\") + \" />\", se = \" Did you accidentally export a JSX literal instead of a component?\") : Le = typeof b, O(\"React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s\", Le, se);\n        }\n        var Ve = ue(b, M, L, ge, we);\n        if (Ve == null)\n          return Ve;\n        if (de) {\n          var at = M.children;\n          if (at !== void 0)\n            if (J)\n              if (X(at)) {\n                for (var on = 0; on < at.length; on++)\n                  Qo(at[on], b);\n                Object.freeze && Object.freeze(at);\n              } else\n                O(\"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\");\n            else\n              Qo(at, b);\n        }\n        if (Ke.call(M, \"key\")) {\n          var Wt = P(b), Ze = Object.keys(M).filter(function(f0) {\n            return f0 !== \"key\";\n          }), Hr = Ze.length > 0 ? \"{key: someKey, \" + Ze.join(\": ..., \") + \": ...}\" : \"{key: someKey}\";\n          if (!ei[Wt + Hr]) {\n            var d0 = Ze.length > 0 ? \"{\" + Ze.join(\": ..., \") + \": ...}\" : \"{}\";\n            O(`A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />`, Hr, Wt, d0, Wt), ei[Wt + Hr] = !0;\n          }\n        }\n        return b === r ? a0(Ve) : i0(Ve), Ve;\n      }\n    }\n    function s0(b, M, L) {\n      return ti(b, M, L, !0);\n    }\n    function l0(b, M, L) {\n      return ti(b, M, L, !1);\n    }\n    var c0 = l0, u0 = s0;\n    Mn.Fragment = r, Mn.jsx = c0, Mn.jsxs = u0;\n  }()), Mn;\n}\nvar vi;\nfunction n2() {\n  return vi || (vi = 1, process.env.NODE_ENV === \"production\" ? Qn.exports = e2() : Qn.exports = t2()), Qn.exports;\n}\nvar g = n2();\nfunction r2(e) {\n  return e == null || Object.keys(e).length === 0;\n}\nfunction Ua(e) {\n  const {\n    styles: t,\n    defaultTheme: n = {}\n  } = e, r = typeof t == \"function\" ? (o) => t(r2(o) ? n : o) : t;\n  return /* @__PURE__ */ g.jsx(j0, {\n    styles: r\n  });\n}\nprocess.env.NODE_ENV !== \"production\" && (Ua.propTypes = {\n  defaultTheme: s.object,\n  styles: s.oneOfType([s.array, s.string, s.object, s.func])\n});\n/**\n * @mui/styled-engine v6.4.8\n *\n * @license MIT\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nfunction o2(e, t) {\n  const n = Vt(e, t);\n  return process.env.NODE_ENV !== \"production\" ? (...r) => {\n    const o = typeof e == \"string\" ? `\"${e}\"` : \"component\";\n    return r.length === 0 || r.some((i) => i === void 0), n(...r);\n  } : n;\n}\nfunction i2(e, t) {\n  Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));\n}\nconst Ci = [];\nfunction xi(e) {\n  return Ci[0] = e, W0(Ci);\n}\nvar er = { exports: {} }, ye = {};\n/**\n * @license React\n * react-is.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nvar Ei;\nfunction a2() {\n  if (Ei) return ye;\n  Ei = 1;\n  var e = Symbol.for(\"react.transitional.element\"), t = Symbol.for(\"react.portal\"), n = Symbol.for(\"react.fragment\"), r = Symbol.for(\"react.strict_mode\"), o = Symbol.for(\"react.profiler\"), i = Symbol.for(\"react.consumer\"), a = Symbol.for(\"react.context\"), l = Symbol.for(\"react.forward_ref\"), u = Symbol.for(\"react.suspense\"), d = Symbol.for(\"react.suspense_list\"), p = Symbol.for(\"react.memo\"), h = Symbol.for(\"react.lazy\"), m = Symbol.for(\"react.offscreen\"), C = Symbol.for(\"react.client.reference\");\n  function y(c) {\n    if (typeof c == \"object\" && c !== null) {\n      var E = c.$$typeof;\n      switch (E) {\n        case e:\n          switch (c = c.type, c) {\n            case n:\n            case o:\n            case r:\n            case u:\n            case d:\n              return c;\n            default:\n              switch (c = c && c.$$typeof, c) {\n                case a:\n                case l:\n                case h:\n                case p:\n                  return c;\n                case i:\n                  return c;\n                default:\n                  return E;\n              }\n          }\n        case t:\n          return E;\n      }\n    }\n  }\n  return ye.ContextConsumer = i, ye.ContextProvider = a, ye.Element = e, ye.ForwardRef = l, ye.Fragment = n, ye.Lazy = h, ye.Memo = p, ye.Portal = t, ye.Profiler = o, ye.StrictMode = r, ye.Suspense = u, ye.SuspenseList = d, ye.isContextConsumer = function(c) {\n    return y(c) === i;\n  }, ye.isContextProvider = function(c) {\n    return y(c) === a;\n  }, ye.isElement = function(c) {\n    return typeof c == \"object\" && c !== null && c.$$typeof === e;\n  }, ye.isForwardRef = function(c) {\n    return y(c) === l;\n  }, ye.isFragment = function(c) {\n    return y(c) === n;\n  }, ye.isLazy = function(c) {\n    return y(c) === h;\n  }, ye.isMemo = function(c) {\n    return y(c) === p;\n  }, ye.isPortal = function(c) {\n    return y(c) === t;\n  }, ye.isProfiler = function(c) {\n    return y(c) === o;\n  }, ye.isStrictMode = function(c) {\n    return y(c) === r;\n  }, ye.isSuspense = function(c) {\n    return y(c) === u;\n  }, ye.isSuspenseList = function(c) {\n    return y(c) === d;\n  }, ye.isValidElementType = function(c) {\n    return typeof c == \"string\" || typeof c == \"function\" || c === n || c === o || c === r || c === u || c === d || c === m || typeof c == \"object\" && c !== null && (c.$$typeof === h || c.$$typeof === p || c.$$typeof === a || c.$$typeof === i || c.$$typeof === l || c.$$typeof === C || c.getModuleId !== void 0);\n  }, ye.typeOf = y, ye;\n}\nvar ve = {};\n/**\n * @license React\n * react-is.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nvar Si;\nfunction s2() {\n  return Si || (Si = 1, process.env.NODE_ENV !== \"production\" && function() {\n    function e(c) {\n      if (typeof c == \"object\" && c !== null) {\n        var E = c.$$typeof;\n        switch (E) {\n          case t:\n            switch (c = c.type, c) {\n              case r:\n              case i:\n              case o:\n              case d:\n              case p:\n                return c;\n              default:\n                switch (c = c && c.$$typeof, c) {\n                  case l:\n                  case u:\n                  case m:\n                  case h:\n                    return c;\n                  case a:\n                    return c;\n                  default:\n                    return E;\n                }\n            }\n          case n:\n            return E;\n        }\n      }\n    }\n    var t = Symbol.for(\"react.transitional.element\"), n = Symbol.for(\"react.portal\"), r = Symbol.for(\"react.fragment\"), o = Symbol.for(\"react.strict_mode\"), i = Symbol.for(\"react.profiler\"), a = Symbol.for(\"react.consumer\"), l = Symbol.for(\"react.context\"), u = Symbol.for(\"react.forward_ref\"), d = Symbol.for(\"react.suspense\"), p = Symbol.for(\"react.suspense_list\"), h = Symbol.for(\"react.memo\"), m = Symbol.for(\"react.lazy\"), C = Symbol.for(\"react.offscreen\"), y = Symbol.for(\"react.client.reference\");\n    ve.ContextConsumer = a, ve.ContextProvider = l, ve.Element = t, ve.ForwardRef = u, ve.Fragment = r, ve.Lazy = m, ve.Memo = h, ve.Portal = n, ve.Profiler = i, ve.StrictMode = o, ve.Suspense = d, ve.SuspenseList = p, ve.isContextConsumer = function(c) {\n      return e(c) === a;\n    }, ve.isContextProvider = function(c) {\n      return e(c) === l;\n    }, ve.isElement = function(c) {\n      return typeof c == \"object\" && c !== null && c.$$typeof === t;\n    }, ve.isForwardRef = function(c) {\n      return e(c) === u;\n    }, ve.isFragment = function(c) {\n      return e(c) === r;\n    }, ve.isLazy = function(c) {\n      return e(c) === m;\n    }, ve.isMemo = function(c) {\n      return e(c) === h;\n    }, ve.isPortal = function(c) {\n      return e(c) === n;\n    }, ve.isProfiler = function(c) {\n      return e(c) === i;\n    }, ve.isStrictMode = function(c) {\n      return e(c) === o;\n    }, ve.isSuspense = function(c) {\n      return e(c) === d;\n    }, ve.isSuspenseList = function(c) {\n      return e(c) === p;\n    }, ve.isValidElementType = function(c) {\n      return typeof c == \"string\" || typeof c == \"function\" || c === r || c === i || c === o || c === d || c === p || c === C || typeof c == \"object\" && c !== null && (c.$$typeof === m || c.$$typeof === h || c.$$typeof === l || c.$$typeof === a || c.$$typeof === u || c.$$typeof === y || c.getModuleId !== void 0);\n    }, ve.typeOf = e;\n  }()), ve;\n}\nvar wi;\nfunction l2() {\n  return wi || (wi = 1, process.env.NODE_ENV === \"production\" ? er.exports = /* @__PURE__ */ a2() : er.exports = /* @__PURE__ */ s2()), er.exports;\n}\nvar vr = /* @__PURE__ */ l2();\nfunction wt(e) {\n  if (typeof e != \"object\" || e === null)\n    return !1;\n  const t = Object.getPrototypeOf(e);\n  return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);\n}\nfunction Ya(e) {\n  if (/* @__PURE__ */ v.isValidElement(e) || vr.isValidElementType(e) || !wt(e))\n    return e;\n  const t = {};\n  return Object.keys(e).forEach((n) => {\n    t[n] = Ya(e[n]);\n  }), t;\n}\nfunction rt(e, t, n = {\n  clone: !0\n}) {\n  const r = n.clone ? {\n    ...e\n  } : e;\n  return wt(e) && wt(t) && Object.keys(t).forEach((o) => {\n    /* @__PURE__ */ v.isValidElement(t[o]) || vr.isValidElementType(t[o]) ? r[o] = t[o] : wt(t[o]) && // Avoid prototype pollution\n    Object.prototype.hasOwnProperty.call(e, o) && wt(e[o]) ? r[o] = rt(e[o], t[o], n) : n.clone ? r[o] = wt(t[o]) ? Ya(t[o]) : t[o] : r[o] = t[o];\n  }), r;\n}\nconst c2 = (e) => {\n  const t = Object.keys(e).map((n) => ({\n    key: n,\n    val: e[n]\n  })) || [];\n  return t.sort((n, r) => n.val - r.val), t.reduce((n, r) => ({\n    ...n,\n    [r.key]: r.val\n  }), {});\n};\nfunction u2(e) {\n  const {\n    // The breakpoint **start** at this value.\n    // For instance with the first breakpoint xs: [xs, sm).\n    values: t = {\n      xs: 0,\n      // phone\n      sm: 600,\n      // tablet\n      md: 900,\n      // small laptop\n      lg: 1200,\n      // desktop\n      xl: 1536\n      // large screen\n    },\n    unit: n = \"px\",\n    step: r = 5,\n    ...o\n  } = e, i = c2(t), a = Object.keys(i);\n  function l(m) {\n    return `@media (min-width:${typeof t[m] == \"number\" ? t[m] : m}${n})`;\n  }\n  function u(m) {\n    return `@media (max-width:${(typeof t[m] == \"number\" ? t[m] : m) - r / 100}${n})`;\n  }\n  function d(m, C) {\n    const y = a.indexOf(C);\n    return `@media (min-width:${typeof t[m] == \"number\" ? t[m] : m}${n}) and (max-width:${(y !== -1 && typeof t[a[y]] == \"number\" ? t[a[y]] : C) - r / 100}${n})`;\n  }\n  function p(m) {\n    return a.indexOf(m) + 1 < a.length ? d(m, a[a.indexOf(m) + 1]) : l(m);\n  }\n  function h(m) {\n    const C = a.indexOf(m);\n    return C === 0 ? l(a[1]) : C === a.length - 1 ? u(a[C]) : d(m, a[a.indexOf(m) + 1]).replace(\"@media\", \"@media not all and\");\n  }\n  return {\n    keys: a,\n    values: i,\n    up: l,\n    down: u,\n    between: d,\n    only: p,\n    not: h,\n    unit: n,\n    ...o\n  };\n}\nfunction d2(e, t) {\n  if (!e.containerQueries)\n    return t;\n  const n = Object.keys(t).filter((r) => r.startsWith(\"@container\")).sort((r, o) => {\n    var a, l;\n    const i = /min-width:\\s*([0-9.]+)/;\n    return +(((a = r.match(i)) == null ? void 0 : a[1]) || 0) - +(((l = o.match(i)) == null ? void 0 : l[1]) || 0);\n  });\n  return n.length ? n.reduce((r, o) => {\n    const i = t[o];\n    return delete r[o], r[o] = i, r;\n  }, {\n    ...t\n  }) : t;\n}\nfunction f2(e, t) {\n  return t === \"@\" || t.startsWith(\"@\") && (e.some((n) => t.startsWith(`@${n}`)) || !!t.match(/^@\\d/));\n}\nfunction p2(e, t) {\n  const n = t.match(/^@([^/]+)?\\/?(.+)?$/);\n  if (!n) {\n    if (process.env.NODE_ENV !== \"production\")\n      throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: The provided shorthand ${`(${t})`} is invalid. The format should be \\`@<breakpoint | number>\\` or \\`@<breakpoint | number>/<container>\\`.\nFor example, \\`@sm\\` or \\`@600\\` or \\`@40rem/sidebar\\`.` : Tt(18, `(${t})`));\n    return null;\n  }\n  const [, r, o] = n, i = Number.isNaN(+r) ? r || 0 : +r;\n  return e.containerQueries(o).up(i);\n}\nfunction h2(e) {\n  const t = (i, a) => i.replace(\"@media\", a ? `@container ${a}` : \"@container\");\n  function n(i, a) {\n    i.up = (...l) => t(e.breakpoints.up(...l), a), i.down = (...l) => t(e.breakpoints.down(...l), a), i.between = (...l) => t(e.breakpoints.between(...l), a), i.only = (...l) => t(e.breakpoints.only(...l), a), i.not = (...l) => {\n      const u = t(e.breakpoints.not(...l), a);\n      return u.includes(\"not all and\") ? u.replace(\"not all and \", \"\").replace(\"min-width:\", \"width<\").replace(\"max-width:\", \"width>\").replace(\"and\", \"or\") : u;\n    };\n  }\n  const r = {}, o = (i) => (n(r, i), r);\n  return n(o), {\n    ...e,\n    containerQueries: o\n  };\n}\nconst g2 = {\n  borderRadius: 4\n}, zt = process.env.NODE_ENV !== \"production\" ? s.oneOfType([s.number, s.string, s.object, s.array]) : {};\nfunction zn(e, t) {\n  return t ? rt(e, t, {\n    clone: !1\n    // No need to clone deep, it's way faster.\n  }) : e;\n}\nconst $r = {\n  xs: 0,\n  // phone\n  sm: 600,\n  // tablet\n  md: 900,\n  // small laptop\n  lg: 1200,\n  // desktop\n  xl: 1536\n  // large screen\n}, Ti = {\n  // Sorted ASC by size. That's important.\n  // It can't be configured as it's used statically for propTypes.\n  keys: [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"],\n  up: (e) => `@media (min-width:${$r[e]}px)`\n}, m2 = {\n  containerQueries: (e) => ({\n    up: (t) => {\n      let n = typeof t == \"number\" ? t : $r[t] || t;\n      return typeof n == \"number\" && (n = `${n}px`), e ? `@container ${e} (min-width:${n})` : `@container (min-width:${n})`;\n    }\n  })\n};\nfunction Rt(e, t, n) {\n  const r = e.theme || {};\n  if (Array.isArray(t)) {\n    const i = r.breakpoints || Ti;\n    return t.reduce((a, l, u) => (a[i.up(i.keys[u])] = n(t[u]), a), {});\n  }\n  if (typeof t == \"object\") {\n    const i = r.breakpoints || Ti;\n    return Object.keys(t).reduce((a, l) => {\n      if (f2(i.keys, l)) {\n        const u = p2(r.containerQueries ? r : m2, l);\n        u && (a[u] = n(t[l], l));\n      } else if (Object.keys(i.values || $r).includes(l)) {\n        const u = i.up(l);\n        a[u] = n(t[l], l);\n      } else {\n        const u = l;\n        a[u] = t[u];\n      }\n      return a;\n    }, {});\n  }\n  return n(t);\n}\nfunction b2(e = {}) {\n  var n;\n  return ((n = e.keys) == null ? void 0 : n.reduce((r, o) => {\n    const i = e.up(o);\n    return r[i] = {}, r;\n  }, {})) || {};\n}\nfunction y2(e, t) {\n  return e.reduce((n, r) => {\n    const o = n[r];\n    return (!o || Object.keys(o).length === 0) && delete n[r], n;\n  }, t);\n}\nfunction Fe(e) {\n  if (typeof e != \"string\")\n    throw new Error(process.env.NODE_ENV !== \"production\" ? \"MUI: `capitalize(string)` expects a string argument.\" : Tt(7));\n  return e.charAt(0).toUpperCase() + e.slice(1);\n}\nfunction _r(e, t, n = !0) {\n  if (!t || typeof t != \"string\")\n    return null;\n  if (e && e.vars && n) {\n    const r = `vars.${t}`.split(\".\").reduce((o, i) => o && o[i] ? o[i] : null, e);\n    if (r != null)\n      return r;\n  }\n  return t.split(\".\").reduce((r, o) => r && r[o] != null ? r[o] : null, e);\n}\nfunction Cr(e, t, n, r = n) {\n  let o;\n  return typeof e == \"function\" ? o = e(n) : Array.isArray(e) ? o = e[n] || r : o = _r(e, n) || r, t && (o = t(o, r, e)), o;\n}\nfunction Be(e) {\n  const {\n    prop: t,\n    cssProperty: n = e.prop,\n    themeKey: r,\n    transform: o\n  } = e, i = (a) => {\n    if (a[t] == null)\n      return null;\n    const l = a[t], u = a.theme, d = _r(u, r) || {};\n    return Rt(a, l, (h) => {\n      let m = Cr(d, o, h);\n      return h === m && typeof h == \"string\" && (m = Cr(d, o, `${t}${h === \"default\" ? \"\" : Fe(h)}`, h)), n === !1 ? m : {\n        [n]: m\n      };\n    });\n  };\n  return i.propTypes = process.env.NODE_ENV !== \"production\" ? {\n    [t]: zt\n  } : {}, i.filterProps = [t], i;\n}\nfunction v2(e) {\n  const t = {};\n  return (n) => (t[n] === void 0 && (t[n] = e(n)), t[n]);\n}\nconst C2 = {\n  m: \"margin\",\n  p: \"padding\"\n}, x2 = {\n  t: \"Top\",\n  r: \"Right\",\n  b: \"Bottom\",\n  l: \"Left\",\n  x: [\"Left\", \"Right\"],\n  y: [\"Top\", \"Bottom\"]\n}, Ri = {\n  marginX: \"mx\",\n  marginY: \"my\",\n  paddingX: \"px\",\n  paddingY: \"py\"\n}, E2 = v2((e) => {\n  if (e.length > 2)\n    if (Ri[e])\n      e = Ri[e];\n    else\n      return [e];\n  const [t, n] = e.split(\"\"), r = C2[t], o = x2[n] || \"\";\n  return Array.isArray(o) ? o.map((i) => r + i) : [r + o];\n}), Ar = [\"m\", \"mt\", \"mr\", \"mb\", \"ml\", \"mx\", \"my\", \"margin\", \"marginTop\", \"marginRight\", \"marginBottom\", \"marginLeft\", \"marginX\", \"marginY\", \"marginInline\", \"marginInlineStart\", \"marginInlineEnd\", \"marginBlock\", \"marginBlockStart\", \"marginBlockEnd\"], Ir = [\"p\", \"pt\", \"pr\", \"pb\", \"pl\", \"px\", \"py\", \"padding\", \"paddingTop\", \"paddingRight\", \"paddingBottom\", \"paddingLeft\", \"paddingX\", \"paddingY\", \"paddingInline\", \"paddingInlineStart\", \"paddingInlineEnd\", \"paddingBlock\", \"paddingBlockStart\", \"paddingBlockEnd\"], S2 = [...Ar, ...Ir];\nfunction Un(e, t, n, r) {\n  const o = _r(e, t, !0) ?? n;\n  return typeof o == \"number\" || typeof o == \"string\" ? (i) => typeof i == \"string\" ? i : (process.env.NODE_ENV, typeof o == \"string\" ? `calc(${i} * ${o})` : o * i) : Array.isArray(o) ? (i) => {\n    if (typeof i == \"string\")\n      return i;\n    const a = Math.abs(i);\n    process.env.NODE_ENV !== \"production\" && Number.isInteger(a) && a > o.length - 1;\n    const l = o[a];\n    return i >= 0 ? l : typeof l == \"number\" ? -l : `-${l}`;\n  } : typeof o == \"function\" ? o : (process.env.NODE_ENV, () => {\n  });\n}\nfunction Mo(e) {\n  return Un(e, \"spacing\", 8, \"spacing\");\n}\nfunction Yn(e, t) {\n  return typeof t == \"string\" || t == null ? t : e(t);\n}\nfunction w2(e, t) {\n  return (n) => e.reduce((r, o) => (r[o] = Yn(t, n), r), {});\n}\nfunction T2(e, t, n, r) {\n  if (!t.includes(n))\n    return null;\n  const o = E2(n), i = w2(o, r), a = e[n];\n  return Rt(e, a, i);\n}\nfunction qa(e, t) {\n  const n = Mo(e.theme);\n  return Object.keys(e).map((r) => T2(e, t, r, n)).reduce(zn, {});\n}\nfunction Ne(e) {\n  return qa(e, Ar);\n}\nNe.propTypes = process.env.NODE_ENV !== \"production\" ? Ar.reduce((e, t) => (e[t] = zt, e), {}) : {};\nNe.filterProps = Ar;\nfunction je(e) {\n  return qa(e, Ir);\n}\nje.propTypes = process.env.NODE_ENV !== \"production\" ? Ir.reduce((e, t) => (e[t] = zt, e), {}) : {};\nje.filterProps = Ir;\nprocess.env.NODE_ENV !== \"production\" && S2.reduce((e, t) => (e[t] = zt, e), {});\nfunction Ga(e = 8, t = Mo({\n  spacing: e\n})) {\n  if (e.mui)\n    return e;\n  const n = (...r) => (process.env.NODE_ENV !== \"production\" && r.length <= 4, (r.length === 0 ? [1] : r).map((i) => {\n    const a = t(i);\n    return typeof a == \"number\" ? `${a}px` : a;\n  }).join(\" \"));\n  return n.mui = !0, n;\n}\nfunction Nr(...e) {\n  const t = e.reduce((r, o) => (o.filterProps.forEach((i) => {\n    r[i] = o;\n  }), r), {}), n = (r) => Object.keys(r).reduce((o, i) => t[i] ? zn(o, t[i](r)) : o, {});\n  return n.propTypes = process.env.NODE_ENV !== \"production\" ? e.reduce((r, o) => Object.assign(r, o.propTypes), {}) : {}, n.filterProps = e.reduce((r, o) => r.concat(o.filterProps), []), n;\n}\nfunction ct(e) {\n  return typeof e != \"number\" ? e : `${e}px solid`;\n}\nfunction ut(e, t) {\n  return Be({\n    prop: e,\n    themeKey: \"borders\",\n    transform: t\n  });\n}\nconst R2 = ut(\"border\", ct), k2 = ut(\"borderTop\", ct), O2 = ut(\"borderRight\", ct), M2 = ut(\"borderBottom\", ct), $2 = ut(\"borderLeft\", ct), _2 = ut(\"borderColor\"), A2 = ut(\"borderTopColor\"), I2 = ut(\"borderRightColor\"), N2 = ut(\"borderBottomColor\"), j2 = ut(\"borderLeftColor\"), P2 = ut(\"outline\", ct), L2 = ut(\"outlineColor\"), jr = (e) => {\n  if (e.borderRadius !== void 0 && e.borderRadius !== null) {\n    const t = Un(e.theme, \"shape.borderRadius\", 4, \"borderRadius\"), n = (r) => ({\n      borderRadius: Yn(t, r)\n    });\n    return Rt(e, e.borderRadius, n);\n  }\n  return null;\n};\njr.propTypes = process.env.NODE_ENV !== \"production\" ? {\n  borderRadius: zt\n} : {};\njr.filterProps = [\"borderRadius\"];\nNr(R2, k2, O2, M2, $2, _2, A2, I2, N2, j2, jr, P2, L2);\nconst Pr = (e) => {\n  if (e.gap !== void 0 && e.gap !== null) {\n    const t = Un(e.theme, \"spacing\", 8, \"gap\"), n = (r) => ({\n      gap: Yn(t, r)\n    });\n    return Rt(e, e.gap, n);\n  }\n  return null;\n};\nPr.propTypes = process.env.NODE_ENV !== \"production\" ? {\n  gap: zt\n} : {};\nPr.filterProps = [\"gap\"];\nconst Lr = (e) => {\n  if (e.columnGap !== void 0 && e.columnGap !== null) {\n    const t = Un(e.theme, \"spacing\", 8, \"columnGap\"), n = (r) => ({\n      columnGap: Yn(t, r)\n    });\n    return Rt(e, e.columnGap, n);\n  }\n  return null;\n};\nLr.propTypes = process.env.NODE_ENV !== \"production\" ? {\n  columnGap: zt\n} : {};\nLr.filterProps = [\"columnGap\"];\nconst Br = (e) => {\n  if (e.rowGap !== void 0 && e.rowGap !== null) {\n    const t = Un(e.theme, \"spacing\", 8, \"rowGap\"), n = (r) => ({\n      rowGap: Yn(t, r)\n    });\n    return Rt(e, e.rowGap, n);\n  }\n  return null;\n};\nBr.propTypes = process.env.NODE_ENV !== \"production\" ? {\n  rowGap: zt\n} : {};\nBr.filterProps = [\"rowGap\"];\nconst B2 = Be({\n  prop: \"gridColumn\"\n}), D2 = Be({\n  prop: \"gridRow\"\n}), V2 = Be({\n  prop: \"gridAutoFlow\"\n}), z2 = Be({\n  prop: \"gridAutoColumns\"\n}), F2 = Be({\n  prop: \"gridAutoRows\"\n}), H2 = Be({\n  prop: \"gridTemplateColumns\"\n}), W2 = Be({\n  prop: \"gridTemplateRows\"\n}), U2 = Be({\n  prop: \"gridTemplateAreas\"\n}), Y2 = Be({\n  prop: \"gridArea\"\n});\nNr(Pr, Lr, Br, B2, D2, V2, z2, F2, H2, W2, U2, Y2);\nfunction yn(e, t) {\n  return t === \"grey\" ? t : e;\n}\nconst q2 = Be({\n  prop: \"color\",\n  themeKey: \"palette\",\n  transform: yn\n}), G2 = Be({\n  prop: \"bgcolor\",\n  cssProperty: \"backgroundColor\",\n  themeKey: \"palette\",\n  transform: yn\n}), K2 = Be({\n  prop: \"backgroundColor\",\n  themeKey: \"palette\",\n  transform: yn\n});\nNr(q2, G2, K2);\nfunction nt(e) {\n  return e <= 1 && e !== 0 ? `${e * 100}%` : e;\n}\nconst Z2 = Be({\n  prop: \"width\",\n  transform: nt\n}), $o = (e) => {\n  if (e.maxWidth !== void 0 && e.maxWidth !== null) {\n    const t = (n) => {\n      var o, i, a, l, u;\n      const r = ((a = (i = (o = e.theme) == null ? void 0 : o.breakpoints) == null ? void 0 : i.values) == null ? void 0 : a[n]) || $r[n];\n      return r ? ((u = (l = e.theme) == null ? void 0 : l.breakpoints) == null ? void 0 : u.unit) !== \"px\" ? {\n        maxWidth: `${r}${e.theme.breakpoints.unit}`\n      } : {\n        maxWidth: r\n      } : {\n        maxWidth: nt(n)\n      };\n    };\n    return Rt(e, e.maxWidth, t);\n  }\n  return null;\n};\n$o.filterProps = [\"maxWidth\"];\nconst X2 = Be({\n  prop: \"minWidth\",\n  transform: nt\n}), J2 = Be({\n  prop: \"height\",\n  transform: nt\n}), Q2 = Be({\n  prop: \"maxHeight\",\n  transform: nt\n}), el = Be({\n  prop: \"minHeight\",\n  transform: nt\n});\nBe({\n  prop: \"size\",\n  cssProperty: \"width\",\n  transform: nt\n});\nBe({\n  prop: \"size\",\n  cssProperty: \"height\",\n  transform: nt\n});\nconst tl = Be({\n  prop: \"boxSizing\"\n});\nNr(Z2, $o, X2, J2, Q2, el, tl);\nconst Dr = {\n  // borders\n  border: {\n    themeKey: \"borders\",\n    transform: ct\n  },\n  borderTop: {\n    themeKey: \"borders\",\n    transform: ct\n  },\n  borderRight: {\n    themeKey: \"borders\",\n    transform: ct\n  },\n  borderBottom: {\n    themeKey: \"borders\",\n    transform: ct\n  },\n  borderLeft: {\n    themeKey: \"borders\",\n    transform: ct\n  },\n  borderColor: {\n    themeKey: \"palette\"\n  },\n  borderTopColor: {\n    themeKey: \"palette\"\n  },\n  borderRightColor: {\n    themeKey: \"palette\"\n  },\n  borderBottomColor: {\n    themeKey: \"palette\"\n  },\n  borderLeftColor: {\n    themeKey: \"palette\"\n  },\n  outline: {\n    themeKey: \"borders\",\n    transform: ct\n  },\n  outlineColor: {\n    themeKey: \"palette\"\n  },\n  borderRadius: {\n    themeKey: \"shape.borderRadius\",\n    style: jr\n  },\n  // palette\n  color: {\n    themeKey: \"palette\",\n    transform: yn\n  },\n  bgcolor: {\n    themeKey: \"palette\",\n    cssProperty: \"backgroundColor\",\n    transform: yn\n  },\n  backgroundColor: {\n    themeKey: \"palette\",\n    transform: yn\n  },\n  // spacing\n  p: {\n    style: je\n  },\n  pt: {\n    style: je\n  },\n  pr: {\n    style: je\n  },\n  pb: {\n    style: je\n  },\n  pl: {\n    style: je\n  },\n  px: {\n    style: je\n  },\n  py: {\n    style: je\n  },\n  padding: {\n    style: je\n  },\n  paddingTop: {\n    style: je\n  },\n  paddingRight: {\n    style: je\n  },\n  paddingBottom: {\n    style: je\n  },\n  paddingLeft: {\n    style: je\n  },\n  paddingX: {\n    style: je\n  },\n  paddingY: {\n    style: je\n  },\n  paddingInline: {\n    style: je\n  },\n  paddingInlineStart: {\n    style: je\n  },\n  paddingInlineEnd: {\n    style: je\n  },\n  paddingBlock: {\n    style: je\n  },\n  paddingBlockStart: {\n    style: je\n  },\n  paddingBlockEnd: {\n    style: je\n  },\n  m: {\n    style: Ne\n  },\n  mt: {\n    style: Ne\n  },\n  mr: {\n    style: Ne\n  },\n  mb: {\n    style: Ne\n  },\n  ml: {\n    style: Ne\n  },\n  mx: {\n    style: Ne\n  },\n  my: {\n    style: Ne\n  },\n  margin: {\n    style: Ne\n  },\n  marginTop: {\n    style: Ne\n  },\n  marginRight: {\n    style: Ne\n  },\n  marginBottom: {\n    style: Ne\n  },\n  marginLeft: {\n    style: Ne\n  },\n  marginX: {\n    style: Ne\n  },\n  marginY: {\n    style: Ne\n  },\n  marginInline: {\n    style: Ne\n  },\n  marginInlineStart: {\n    style: Ne\n  },\n  marginInlineEnd: {\n    style: Ne\n  },\n  marginBlock: {\n    style: Ne\n  },\n  marginBlockStart: {\n    style: Ne\n  },\n  marginBlockEnd: {\n    style: Ne\n  },\n  // display\n  displayPrint: {\n    cssProperty: !1,\n    transform: (e) => ({\n      \"@media print\": {\n        display: e\n      }\n    })\n  },\n  display: {},\n  overflow: {},\n  textOverflow: {},\n  visibility: {},\n  whiteSpace: {},\n  // flexbox\n  flexBasis: {},\n  flexDirection: {},\n  flexWrap: {},\n  justifyContent: {},\n  alignItems: {},\n  alignContent: {},\n  order: {},\n  flex: {},\n  flexGrow: {},\n  flexShrink: {},\n  alignSelf: {},\n  justifyItems: {},\n  justifySelf: {},\n  // grid\n  gap: {\n    style: Pr\n  },\n  rowGap: {\n    style: Br\n  },\n  columnGap: {\n    style: Lr\n  },\n  gridColumn: {},\n  gridRow: {},\n  gridAutoFlow: {},\n  gridAutoColumns: {},\n  gridAutoRows: {},\n  gridTemplateColumns: {},\n  gridTemplateRows: {},\n  gridTemplateAreas: {},\n  gridArea: {},\n  // positions\n  position: {},\n  zIndex: {\n    themeKey: \"zIndex\"\n  },\n  top: {},\n  right: {},\n  bottom: {},\n  left: {},\n  // shadows\n  boxShadow: {\n    themeKey: \"shadows\"\n  },\n  // sizing\n  width: {\n    transform: nt\n  },\n  maxWidth: {\n    style: $o\n  },\n  minWidth: {\n    transform: nt\n  },\n  height: {\n    transform: nt\n  },\n  maxHeight: {\n    transform: nt\n  },\n  minHeight: {\n    transform: nt\n  },\n  boxSizing: {},\n  // typography\n  font: {\n    themeKey: \"font\"\n  },\n  fontFamily: {\n    themeKey: \"typography\"\n  },\n  fontSize: {\n    themeKey: \"typography\"\n  },\n  fontStyle: {\n    themeKey: \"typography\"\n  },\n  fontWeight: {\n    themeKey: \"typography\"\n  },\n  letterSpacing: {},\n  textTransform: {},\n  lineHeight: {},\n  textAlign: {},\n  typography: {\n    cssProperty: !1,\n    themeKey: \"typography\"\n  }\n};\nfunction nl(...e) {\n  const t = e.reduce((r, o) => r.concat(Object.keys(o)), []), n = new Set(t);\n  return e.every((r) => n.size === Object.keys(r).length);\n}\nfunction rl(e, t) {\n  return typeof e == \"function\" ? e(t) : e;\n}\nfunction ol() {\n  function e(n, r, o, i) {\n    const a = {\n      [n]: r,\n      theme: o\n    }, l = i[n];\n    if (!l)\n      return {\n        [n]: r\n      };\n    const {\n      cssProperty: u = n,\n      themeKey: d,\n      transform: p,\n      style: h\n    } = l;\n    if (r == null)\n      return null;\n    if (d === \"typography\" && r === \"inherit\")\n      return {\n        [n]: r\n      };\n    const m = _r(o, d) || {};\n    return h ? h(a) : Rt(a, r, (y) => {\n      let c = Cr(m, p, y);\n      return y === c && typeof y == \"string\" && (c = Cr(m, p, `${n}${y === \"default\" ? \"\" : Fe(y)}`, y)), u === !1 ? c : {\n        [u]: c\n      };\n    });\n  }\n  function t(n) {\n    const {\n      sx: r,\n      theme: o = {}\n    } = n || {};\n    if (!r)\n      return null;\n    const i = o.unstable_sxConfig ?? Dr;\n    function a(l) {\n      let u = l;\n      if (typeof l == \"function\")\n        u = l(o);\n      else if (typeof l != \"object\")\n        return l;\n      if (!u)\n        return null;\n      const d = b2(o.breakpoints), p = Object.keys(d);\n      let h = d;\n      return Object.keys(u).forEach((m) => {\n        const C = rl(u[m], o);\n        if (C != null)\n          if (typeof C == \"object\")\n            if (i[m])\n              h = zn(h, e(m, C, o, i));\n            else {\n              const y = Rt({\n                theme: o\n              }, C, (c) => ({\n                [m]: c\n              }));\n              nl(y, C) ? h[m] = t({\n                sx: C,\n                theme: o\n              }) : h = zn(h, y);\n            }\n          else\n            h = zn(h, e(m, C, o, i));\n      }), d2(o, y2(p, h));\n    }\n    return Array.isArray(r) ? r.map(a) : a(r);\n  }\n  return t;\n}\nconst xn = ol();\nxn.filterProps = [\"sx\"];\nfunction il(e, t) {\n  var r;\n  const n = this;\n  if (n.vars) {\n    if (!((r = n.colorSchemes) != null && r[e]) || typeof n.getColorSchemeSelector != \"function\")\n      return {};\n    let o = n.getColorSchemeSelector(e);\n    return o === \"&\" ? t : ((o.includes(\"data-\") || o.includes(\".\")) && (o = `*:where(${o.replace(/\\s*&$/, \"\")}) &`), {\n      [o]: t\n    });\n  }\n  return n.palette.mode === e ? t : {};\n}\nfunction _o(e = {}, ...t) {\n  const {\n    breakpoints: n = {},\n    palette: r = {},\n    spacing: o,\n    shape: i = {},\n    ...a\n  } = e, l = u2(n), u = Ga(o);\n  let d = rt({\n    breakpoints: l,\n    direction: \"ltr\",\n    components: {},\n    // Inject component definitions.\n    palette: {\n      mode: \"light\",\n      ...r\n    },\n    spacing: u,\n    shape: {\n      ...g2,\n      ...i\n    }\n  }, a);\n  return d = h2(d), d.applyStyles = il, d = t.reduce((p, h) => rt(p, h), d), d.unstable_sxConfig = {\n    ...Dr,\n    ...a == null ? void 0 : a.unstable_sxConfig\n  }, d.unstable_sx = function(h) {\n    return xn({\n      sx: h,\n      theme: this\n    });\n  }, d;\n}\nfunction al(e) {\n  return Object.keys(e).length === 0;\n}\nfunction sl(e = null) {\n  const t = v.useContext(P0);\n  return !t || al(t) ? e : t;\n}\nconst ll = _o();\nfunction Ka(e = ll) {\n  return sl(e);\n}\nfunction Za({\n  styles: e,\n  themeId: t,\n  defaultTheme: n = {}\n}) {\n  const r = Ka(n), o = typeof e == \"function\" ? e(t && r[t] || r) : e;\n  return /* @__PURE__ */ g.jsx(Ua, {\n    styles: o\n  });\n}\nprocess.env.NODE_ENV !== \"production\" && (Za.propTypes = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * @ignore\n   */\n  defaultTheme: s.object,\n  /**\n   * @ignore\n   */\n  styles: s.oneOfType([s.array, s.func, s.number, s.object, s.string, s.bool]),\n  /**\n   * @ignore\n   */\n  themeId: s.string\n});\nconst ki = (e) => e, cl = () => {\n  let e = ki;\n  return {\n    configure(t) {\n      e = t;\n    },\n    generate(t) {\n      return e(t);\n    },\n    reset() {\n      e = ki;\n    }\n  };\n}, ul = cl();\nfunction Xa(e) {\n  var t, n, r = \"\";\n  if (typeof e == \"string\" || typeof e == \"number\") r += e;\n  else if (typeof e == \"object\") if (Array.isArray(e)) {\n    var o = e.length;\n    for (t = 0; t < o; t++) e[t] && (n = Xa(e[t])) && (r && (r += \" \"), r += n);\n  } else for (n in e) e[n] && (r && (r += \" \"), r += n);\n  return r;\n}\nfunction pe() {\n  for (var e, t, n = 0, r = \"\", o = arguments.length; n < o; n++) (e = arguments[n]) && (t = Xa(e)) && (r && (r += \" \"), r += t);\n  return r;\n}\nconst dl = {\n  active: \"active\",\n  checked: \"checked\",\n  completed: \"completed\",\n  disabled: \"disabled\",\n  error: \"error\",\n  expanded: \"expanded\",\n  focused: \"focused\",\n  focusVisible: \"focusVisible\",\n  open: \"open\",\n  readOnly: \"readOnly\",\n  required: \"required\",\n  selected: \"selected\"\n};\nfunction Ge(e, t, n = \"Mui\") {\n  const r = dl[t];\n  return r ? `${n}-${r}` : `${ul.generate(e)}-${t}`;\n}\nfunction Qe(e, t, n = \"Mui\") {\n  const r = {};\n  return t.forEach((o) => {\n    r[o] = Ge(e, o, n);\n  }), r;\n}\nfunction Ja(e, t = \"\") {\n  return e.displayName || e.name || t;\n}\nfunction Oi(e, t, n) {\n  const r = Ja(t);\n  return e.displayName || (r !== \"\" ? `${n}(${r})` : n);\n}\nfunction fl(e) {\n  if (e != null) {\n    if (typeof e == \"string\")\n      return e;\n    if (typeof e == \"function\")\n      return Ja(e, \"Component\");\n    if (typeof e == \"object\")\n      switch (e.$$typeof) {\n        case vr.ForwardRef:\n          return Oi(e, e.render, \"ForwardRef\");\n        case vr.Memo:\n          return Oi(e, e.type, \"memo\");\n        default:\n          return;\n      }\n  }\n}\nfunction Qa(e) {\n  const {\n    variants: t,\n    ...n\n  } = e, r = {\n    variants: t,\n    style: xi(n),\n    isProcessed: !0\n  };\n  return r.style === n || t && t.forEach((o) => {\n    typeof o.style != \"function\" && (o.style = xi(o.style));\n  }), r;\n}\nconst pl = _o();\nfunction Xr(e) {\n  return e !== \"ownerState\" && e !== \"theme\" && e !== \"sx\" && e !== \"as\";\n}\nfunction hl(e) {\n  return e ? (t, n) => n[e] : null;\n}\nfunction gl(e, t, n) {\n  e.theme = vl(e.theme) ? n : e.theme[t] || e.theme;\n}\nfunction mr(e, t) {\n  const n = typeof t == \"function\" ? t(e) : t;\n  if (Array.isArray(n))\n    return n.flatMap((r) => mr(e, r));\n  if (Array.isArray(n == null ? void 0 : n.variants)) {\n    let r;\n    if (n.isProcessed)\n      r = n.style;\n    else {\n      const {\n        variants: o,\n        ...i\n      } = n;\n      r = i;\n    }\n    return es(e, n.variants, [r]);\n  }\n  return n != null && n.isProcessed ? n.style : n;\n}\nfunction es(e, t, n = []) {\n  var o;\n  let r;\n  e: for (let i = 0; i < t.length; i += 1) {\n    const a = t[i];\n    if (typeof a.props == \"function\") {\n      if (r ?? (r = {\n        ...e,\n        ...e.ownerState,\n        ownerState: e.ownerState\n      }), !a.props(r))\n        continue;\n    } else\n      for (const l in a.props)\n        if (e[l] !== a.props[l] && ((o = e.ownerState) == null ? void 0 : o[l]) !== a.props[l])\n          continue e;\n    typeof a.style == \"function\" ? (r ?? (r = {\n      ...e,\n      ...e.ownerState,\n      ownerState: e.ownerState\n    }), n.push(a.style(r))) : n.push(a.style);\n  }\n  return n;\n}\nfunction ml(e = {}) {\n  const {\n    themeId: t,\n    defaultTheme: n = pl,\n    rootShouldForwardProp: r = Xr,\n    slotShouldForwardProp: o = Xr\n  } = e;\n  function i(l) {\n    gl(l, t, n);\n  }\n  return (l, u = {}) => {\n    i2(l, (x) => x.filter((N) => N !== xn));\n    const {\n      name: d,\n      slot: p,\n      skipVariantsResolver: h,\n      skipSx: m,\n      // TODO v6: remove `lowercaseFirstLetter()` in the next major release\n      // For more details: https://github.com/mui/material-ui/pull/37908\n      overridesResolver: C = hl(ts(p)),\n      ...y\n    } = u, c = h !== void 0 ? h : (\n      // TODO v6: remove `Root` in the next major release\n      // For more details: https://github.com/mui/material-ui/pull/37908\n      p && p !== \"Root\" && p !== \"root\" || !1\n    ), E = m || !1;\n    let T = Xr;\n    p === \"Root\" || p === \"root\" ? T = r : p ? T = o : Cl(l) && (T = void 0);\n    const O = o2(l, {\n      shouldForwardProp: T,\n      label: yl(d, p),\n      ...y\n    }), R = (x) => {\n      if (typeof x == \"function\" && x.__emotion_real !== x)\n        return function(_) {\n          return mr(_, x);\n        };\n      if (wt(x)) {\n        const N = Qa(x);\n        return N.variants ? function(W) {\n          return mr(W, N);\n        } : N.style;\n      }\n      return x;\n    }, S = (...x) => {\n      const N = [], _ = x.map(R), W = [];\n      if (N.push(i), d && C && W.push(function(B) {\n        var re, le;\n        const V = (le = (re = B.theme.components) == null ? void 0 : re[d]) == null ? void 0 : le.styleOverrides;\n        if (!V)\n          return null;\n        const ne = {};\n        for (const Se in V)\n          ne[Se] = mr(B, V[Se]);\n        return C(B, ne);\n      }), d && !c && W.push(function(B) {\n        var ne, re;\n        const P = B.theme, V = (re = (ne = P == null ? void 0 : P.components) == null ? void 0 : ne[d]) == null ? void 0 : re.variants;\n        return V ? es(B, V) : null;\n      }), E || W.push(xn), Array.isArray(_[0])) {\n        const $ = _.shift(), B = new Array(N.length).fill(\"\"), P = new Array(W.length).fill(\"\");\n        let V;\n        V = [...B, ...$, ...P], V.raw = [...B, ...$.raw, ...P], N.unshift(V);\n      }\n      const U = [...N, ..._, ...W], f = O(...U);\n      return l.muiName && (f.muiName = l.muiName), process.env.NODE_ENV !== \"production\" && (f.displayName = bl(d, p, l)), f;\n    };\n    return O.withConfig && (S.withConfig = O.withConfig), S;\n  };\n}\nfunction bl(e, t, n) {\n  return e ? `${e}${Fe(t || \"\")}` : `Styled(${fl(n)})`;\n}\nfunction yl(e, t) {\n  let n;\n  return process.env.NODE_ENV !== \"production\" && e && (n = `${e}-${ts(t || \"Root\")}`), n;\n}\nfunction vl(e) {\n  for (const t in e)\n    return !1;\n  return !0;\n}\nfunction Cl(e) {\n  return typeof e == \"string\" && // 96 is one less than the char code\n  // for \"a\" so this is checking that\n  // it's a lowercase character\n  e.charCodeAt(0) > 96;\n}\nfunction ts(e) {\n  return e && e.charAt(0).toLowerCase() + e.slice(1);\n}\nfunction uo(e, t) {\n  const n = {\n    ...t\n  };\n  for (const r in e)\n    if (Object.prototype.hasOwnProperty.call(e, r)) {\n      const o = r;\n      if (o === \"components\" || o === \"slots\")\n        n[o] = {\n          ...e[o],\n          ...n[o]\n        };\n      else if (o === \"componentsProps\" || o === \"slotProps\") {\n        const i = e[o], a = t[o];\n        if (!a)\n          n[o] = i || {};\n        else if (!i)\n          n[o] = a;\n        else {\n          n[o] = {\n            ...a\n          };\n          for (const l in i)\n            if (Object.prototype.hasOwnProperty.call(i, l)) {\n              const u = l;\n              n[o][u] = uo(i[u], a[u]);\n            }\n        }\n      } else n[o] === void 0 && (n[o] = e[o]);\n    }\n  return n;\n}\nconst Hn = typeof window < \"u\" ? v.useLayoutEffect : v.useEffect;\nfunction xl(e, t = Number.MIN_SAFE_INTEGER, n = Number.MAX_SAFE_INTEGER) {\n  return Math.max(t, Math.min(e, n));\n}\nfunction Ao(e, t = 0, n = 1) {\n  return process.env.NODE_ENV !== \"production\" && (e < t || e > n), xl(e, t, n);\n}\nfunction El(e) {\n  e = e.slice(1);\n  const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, \"g\");\n  let n = e.match(t);\n  return n && n[0].length === 1 && (n = n.map((r) => r + r)), process.env.NODE_ENV !== \"production\" && (e.length, e.trim().length), n ? `rgb${n.length === 4 ? \"a\" : \"\"}(${n.map((r, o) => o < 3 ? parseInt(r, 16) : Math.round(parseInt(r, 16) / 255 * 1e3) / 1e3).join(\", \")})` : \"\";\n}\nfunction Lt(e) {\n  if (e.type)\n    return e;\n  if (e.charAt(0) === \"#\")\n    return Lt(El(e));\n  const t = e.indexOf(\"(\"), n = e.substring(0, t);\n  if (![\"rgb\", \"rgba\", \"hsl\", \"hsla\", \"color\"].includes(n))\n    throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: Unsupported \\`${e}\\` color.\nThe following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : Tt(9, e));\n  let r = e.substring(t + 1, e.length - 1), o;\n  if (n === \"color\") {\n    if (r = r.split(\" \"), o = r.shift(), r.length === 4 && r[3].charAt(0) === \"/\" && (r[3] = r[3].slice(1)), ![\"srgb\", \"display-p3\", \"a98-rgb\", \"prophoto-rgb\", \"rec-2020\"].includes(o))\n      throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: unsupported \\`${o}\\` color space.\nThe following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : Tt(10, o));\n  } else\n    r = r.split(\",\");\n  return r = r.map((i) => parseFloat(i)), {\n    type: n,\n    values: r,\n    colorSpace: o\n  };\n}\nconst Sl = (e) => {\n  const t = Lt(e);\n  return t.values.slice(0, 3).map((n, r) => t.type.includes(\"hsl\") && r !== 0 ? `${n}%` : n).join(\" \");\n}, jn = (e, t) => {\n  try {\n    return Sl(e);\n  } catch {\n    return t && process.env.NODE_ENV, e;\n  }\n};\nfunction Vr(e) {\n  const {\n    type: t,\n    colorSpace: n\n  } = e;\n  let {\n    values: r\n  } = e;\n  return t.includes(\"rgb\") ? r = r.map((o, i) => i < 3 ? parseInt(o, 10) : o) : t.includes(\"hsl\") && (r[1] = `${r[1]}%`, r[2] = `${r[2]}%`), t.includes(\"color\") ? r = `${n} ${r.join(\" \")}` : r = `${r.join(\", \")}`, `${t}(${r})`;\n}\nfunction ns(e) {\n  e = Lt(e);\n  const {\n    values: t\n  } = e, n = t[0], r = t[1] / 100, o = t[2] / 100, i = r * Math.min(o, 1 - o), a = (d, p = (d + n / 30) % 12) => o - i * Math.max(Math.min(p - 3, 9 - p, 1), -1);\n  let l = \"rgb\";\n  const u = [Math.round(a(0) * 255), Math.round(a(8) * 255), Math.round(a(4) * 255)];\n  return e.type === \"hsla\" && (l += \"a\", u.push(t[3])), Vr({\n    type: l,\n    values: u\n  });\n}\nfunction fo(e) {\n  e = Lt(e);\n  let t = e.type === \"hsl\" || e.type === \"hsla\" ? Lt(ns(e)).values : e.values;\n  return t = t.map((n) => (e.type !== \"color\" && (n /= 255), n <= 0.03928 ? n / 12.92 : ((n + 0.055) / 1.055) ** 2.4)), Number((0.2126 * t[0] + 0.7152 * t[1] + 0.0722 * t[2]).toFixed(3));\n}\nfunction Mi(e, t) {\n  const n = fo(e), r = fo(t);\n  return (Math.max(n, r) + 0.05) / (Math.min(n, r) + 0.05);\n}\nfunction Oe(e, t) {\n  return e = Lt(e), t = Ao(t), (e.type === \"rgb\" || e.type === \"hsl\") && (e.type += \"a\"), e.type === \"color\" ? e.values[3] = `/${t}` : e.values[3] = t, Vr(e);\n}\nfunction tr(e, t, n) {\n  try {\n    return Oe(e, t);\n  } catch {\n    return e;\n  }\n}\nfunction Io(e, t) {\n  if (e = Lt(e), t = Ao(t), e.type.includes(\"hsl\"))\n    e.values[2] *= 1 - t;\n  else if (e.type.includes(\"rgb\") || e.type.includes(\"color\"))\n    for (let n = 0; n < 3; n += 1)\n      e.values[n] *= 1 - t;\n  return Vr(e);\n}\nfunction Te(e, t, n) {\n  try {\n    return Io(e, t);\n  } catch {\n    return e;\n  }\n}\nfunction No(e, t) {\n  if (e = Lt(e), t = Ao(t), e.type.includes(\"hsl\"))\n    e.values[2] += (100 - e.values[2]) * t;\n  else if (e.type.includes(\"rgb\"))\n    for (let n = 0; n < 3; n += 1)\n      e.values[n] += (255 - e.values[n]) * t;\n  else if (e.type.includes(\"color\"))\n    for (let n = 0; n < 3; n += 1)\n      e.values[n] += (1 - e.values[n]) * t;\n  return Vr(e);\n}\nfunction Re(e, t, n) {\n  try {\n    return No(e, t);\n  } catch {\n    return e;\n  }\n}\nfunction wl(e, t = 0.15) {\n  return fo(e) > 0.5 ? Io(e, t) : No(e, t);\n}\nfunction nr(e, t, n) {\n  try {\n    return wl(e, t);\n  } catch {\n    return e;\n  }\n}\nfunction zr(e, t) {\n  return process.env.NODE_ENV === \"production\" ? () => null : function(...r) {\n    return e(...r) || t(...r);\n  };\n}\nfunction Tl(e) {\n  const {\n    prototype: t = {}\n  } = e;\n  return !!t.isReactComponent;\n}\nfunction Rl(e, t, n, r, o) {\n  const i = e[t], a = o || t;\n  if (i == null || // When server-side rendering React doesn't warn either.\n  // This is not an accurate check for SSR.\n  // This is only in place for emotion compat.\n  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.\n  typeof window > \"u\")\n    return null;\n  let l;\n  return typeof i == \"function\" && !Tl(i) && (l = \"Did you accidentally provide a plain function component instead?\"), l !== void 0 ? new Error(`Invalid ${r} \\`${a}\\` supplied to \\`${n}\\`. Expected an element type that can hold a ref. ${l} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;\n}\nconst jo = zr(s.elementType, Rl), Po = s.oneOfType([s.func, s.object]);\nfunction Lo(e, t = 166) {\n  let n;\n  function r(...o) {\n    const i = () => {\n      e.apply(this, o);\n    };\n    clearTimeout(n), n = setTimeout(i, t);\n  }\n  return r.clear = () => {\n    clearTimeout(n);\n  }, r;\n}\nfunction rs(e) {\n  return e && e.ownerDocument || document;\n}\nfunction xr(e) {\n  return rs(e).defaultView || window;\n}\nfunction kl(e, t) {\n  typeof e == \"function\" ? e(t) : e && (e.current = t);\n}\nfunction Ol(e, t, n, r, o) {\n  if (process.env.NODE_ENV === \"production\")\n    return null;\n  const i = o || t;\n  return typeof e[t] < \"u\" ? new Error(`The prop \\`${i}\\` is not supported. Please remove it.`) : null;\n}\nfunction Ml({\n  controlled: e,\n  default: t,\n  name: n,\n  state: r = \"value\"\n}) {\n  const {\n    current: o\n  } = v.useRef(e !== void 0), [i, a] = v.useState(t), l = o ? e : i;\n  if (process.env.NODE_ENV !== \"production\") {\n    v.useEffect(() => {\n    }, [r, n, e]);\n    const {\n      current: d\n    } = v.useRef(t);\n    v.useEffect(() => {\n      !o && Object.is(d, t);\n    }, [JSON.stringify(t)]);\n  }\n  const u = v.useCallback((d) => {\n    o || a(d);\n  }, []);\n  return [l, u];\n}\nfunction Zt(e) {\n  const t = v.useRef(e);\n  return Hn(() => {\n    t.current = e;\n  }), v.useRef((...n) => (\n    // @ts-expect-error hide `this`\n    (0, t.current)(...n)\n  )).current;\n}\nfunction Jt(...e) {\n  return v.useMemo(() => e.every((t) => t == null) ? null : (t) => {\n    e.forEach((n) => {\n      kl(n, t);\n    });\n  }, e);\n}\nconst $i = {};\nfunction os(e, t) {\n  const n = v.useRef($i);\n  return n.current === $i && (n.current = e(t)), n;\n}\nconst $l = [];\nfunction _l(e) {\n  v.useEffect(e, $l);\n}\nclass Bo {\n  constructor() {\n    kn(this, \"currentId\", null);\n    kn(this, \"clear\", () => {\n      this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);\n    });\n    kn(this, \"disposeEffect\", () => this.clear);\n  }\n  static create() {\n    return new Bo();\n  }\n  /**\n   * Executes `fn` after `delay`, clearing any previously scheduled call.\n   */\n  start(t, n) {\n    this.clear(), this.currentId = setTimeout(() => {\n      this.currentId = null, n();\n    }, t);\n  }\n}\nfunction is() {\n  const e = os(Bo.create).current;\n  return _l(e.disposeEffect), e;\n}\nfunction _i(e) {\n  try {\n    return e.matches(\":focus-visible\");\n  } catch {\n    process.env.NODE_ENV !== \"production\" && /jsdom/.test(window.navigator.userAgent);\n  }\n  return !1;\n}\nfunction Al(e) {\n  const t = typeof e;\n  switch (t) {\n    case \"number\":\n      return Number.isNaN(e) ? \"NaN\" : Number.isFinite(e) ? e !== Math.floor(e) ? \"float\" : \"number\" : \"Infinity\";\n    case \"object\":\n      return e === null ? \"null\" : e.constructor.name;\n    default:\n      return t;\n  }\n}\nfunction as(e, t, n, r) {\n  const o = e[t];\n  if (o == null || !Number.isInteger(o)) {\n    const i = Al(o);\n    return new RangeError(`Invalid ${r} \\`${t}\\` of type \\`${i}\\` supplied to \\`${n}\\`, expected \\`integer\\`.`);\n  }\n  return null;\n}\nfunction ss(e, t, ...n) {\n  return e[t] === void 0 ? null : as(e, t, ...n);\n}\nfunction po() {\n  return null;\n}\nss.isRequired = as;\npo.isRequired = po;\nconst Il = process.env.NODE_ENV === \"production\" ? po : ss;\nfunction ot(e, t, n = void 0) {\n  const r = {};\n  for (const o in e) {\n    const i = e[o];\n    let a = \"\", l = !0;\n    for (let u = 0; u < i.length; u += 1) {\n      const d = i[u];\n      d && (a += (l === !0 ? \"\" : \" \") + t(d), l = !1, n && n[d] && (a += \" \" + n[d]));\n    }\n    r[o] = a;\n  }\n  return r;\n}\nfunction Nl(e) {\n  return typeof e == \"string\";\n}\nfunction ls(e, t, n) {\n  return e === void 0 || Nl(e) ? t : {\n    ...t,\n    ownerState: {\n      ...t.ownerState,\n      ...n\n    }\n  };\n}\nfunction jl(e, t = []) {\n  if (e === void 0)\n    return {};\n  const n = {};\n  return Object.keys(e).filter((r) => r.match(/^on[A-Z]/) && typeof e[r] == \"function\" && !t.includes(r)).forEach((r) => {\n    n[r] = e[r];\n  }), n;\n}\nfunction Ai(e) {\n  if (e === void 0)\n    return {};\n  const t = {};\n  return Object.keys(e).filter((n) => !(n.match(/^on[A-Z]/) && typeof e[n] == \"function\")).forEach((n) => {\n    t[n] = e[n];\n  }), t;\n}\nfunction cs(e) {\n  const {\n    getSlotProps: t,\n    additionalProps: n,\n    externalSlotProps: r,\n    externalForwardedProps: o,\n    className: i\n  } = e;\n  if (!t) {\n    const C = pe(n == null ? void 0 : n.className, i, o == null ? void 0 : o.className, r == null ? void 0 : r.className), y = {\n      ...n == null ? void 0 : n.style,\n      ...o == null ? void 0 : o.style,\n      ...r == null ? void 0 : r.style\n    }, c = {\n      ...n,\n      ...o,\n      ...r\n    };\n    return C.length > 0 && (c.className = C), Object.keys(y).length > 0 && (c.style = y), {\n      props: c,\n      internalRef: void 0\n    };\n  }\n  const a = jl({\n    ...o,\n    ...r\n  }), l = Ai(r), u = Ai(o), d = t(a), p = pe(d == null ? void 0 : d.className, n == null ? void 0 : n.className, i, o == null ? void 0 : o.className, r == null ? void 0 : r.className), h = {\n    ...d == null ? void 0 : d.style,\n    ...n == null ? void 0 : n.style,\n    ...o == null ? void 0 : o.style,\n    ...r == null ? void 0 : r.style\n  }, m = {\n    ...d,\n    ...n,\n    ...u,\n    ...l\n  };\n  return p.length > 0 && (m.className = p), Object.keys(h).length > 0 && (m.style = h), {\n    props: m,\n    internalRef: d.ref\n  };\n}\nfunction us(e, t, n) {\n  return typeof e == \"function\" ? e(t, n) : e;\n}\nfunction Er(e) {\n  var h;\n  const {\n    elementType: t,\n    externalSlotProps: n,\n    ownerState: r,\n    skipResolvingSlotProps: o = !1,\n    ...i\n  } = e, a = o ? {} : us(n, r), {\n    props: l,\n    internalRef: u\n  } = cs({\n    ...i,\n    externalSlotProps: a\n  }), d = Jt(u, a == null ? void 0 : a.ref, (h = e.additionalProps) == null ? void 0 : h.ref);\n  return ls(t, {\n    ...l,\n    ref: d\n  }, r);\n}\nconst Pl = /* @__PURE__ */ v.createContext();\nprocess.env.NODE_ENV !== \"production\" && (s.node, s.bool);\nconst ds = () => v.useContext(Pl) ?? !1, Ll = /* @__PURE__ */ v.createContext(void 0);\nprocess.env.NODE_ENV !== \"production\" && (s.node, s.object);\nfunction Bl(e) {\n  const {\n    theme: t,\n    name: n,\n    props: r\n  } = e;\n  if (!t || !t.components || !t.components[n])\n    return r;\n  const o = t.components[n];\n  return o.defaultProps ? uo(o.defaultProps, r) : !o.styleOverrides && !o.variants ? uo(o, r) : r;\n}\nfunction Dl({\n  props: e,\n  name: t\n}) {\n  const n = v.useContext(Ll);\n  return Bl({\n    props: e,\n    name: t,\n    theme: {\n      components: n\n    }\n  });\n}\nconst Ii = {\n  theme: void 0\n};\nfunction Vl(e) {\n  let t, n;\n  return function(o) {\n    let i = t;\n    return (i === void 0 || o.theme !== n) && (Ii.theme = o.theme, i = Qa(e(Ii)), t = i, n = o.theme), i;\n  };\n}\nfunction zl(e = \"\") {\n  function t(...r) {\n    if (!r.length)\n      return \"\";\n    const o = r[0];\n    return typeof o == \"string\" && !o.match(/(#|\\(|\\)|(-?(\\d*\\.)?\\d+)(px|em|%|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc))|^(-?(\\d*\\.)?\\d+)$|(\\d+ \\d+ \\d+)/) ? `, var(--${e ? `${e}-` : \"\"}${o}${t(...r.slice(1))})` : `, ${o}`;\n  }\n  return (r, ...o) => `var(--${e ? `${e}-` : \"\"}${r}${t(...o)})`;\n}\nconst Ni = (e, t, n, r = []) => {\n  let o = e;\n  t.forEach((i, a) => {\n    a === t.length - 1 ? Array.isArray(o) ? o[Number(i)] = n : o && typeof o == \"object\" && (o[i] = n) : o && typeof o == \"object\" && (o[i] || (o[i] = r.includes(i) ? [] : {}), o = o[i]);\n  });\n}, Fl = (e, t, n) => {\n  function r(o, i = [], a = []) {\n    Object.entries(o).forEach(([l, u]) => {\n      (!n || n && !n([...i, l])) && u != null && (typeof u == \"object\" && Object.keys(u).length > 0 ? r(u, [...i, l], Array.isArray(u) ? [...a, l] : a) : t([...i, l], u, a));\n    });\n  }\n  r(e);\n}, Hl = (e, t) => typeof t == \"number\" ? [\"lineHeight\", \"fontWeight\", \"opacity\", \"zIndex\"].some((r) => e.includes(r)) || e[e.length - 1].toLowerCase().includes(\"opacity\") ? t : `${t}px` : t;\nfunction Jr(e, t) {\n  const {\n    prefix: n,\n    shouldSkipGeneratingVar: r\n  } = t || {}, o = {}, i = {}, a = {};\n  return Fl(\n    e,\n    (l, u, d) => {\n      if ((typeof u == \"string\" || typeof u == \"number\") && (!r || !r(l, u))) {\n        const p = `--${n ? `${n}-` : \"\"}${l.join(\"-\")}`, h = Hl(l, u);\n        Object.assign(o, {\n          [p]: h\n        }), Ni(i, l, `var(${p})`, d), Ni(a, l, `var(${p}, ${h})`, d);\n      }\n    },\n    (l) => l[0] === \"vars\"\n    // skip 'vars/*' paths\n  ), {\n    css: o,\n    vars: i,\n    varsWithDefaults: a\n  };\n}\nfunction Wl(e, t = {}) {\n  const {\n    getSelector: n = E,\n    disableCssColorScheme: r,\n    colorSchemeSelector: o\n  } = t, {\n    colorSchemes: i = {},\n    components: a,\n    defaultColorScheme: l = \"light\",\n    ...u\n  } = e, {\n    vars: d,\n    css: p,\n    varsWithDefaults: h\n  } = Jr(u, t);\n  let m = h;\n  const C = {}, {\n    [l]: y,\n    ...c\n  } = i;\n  if (Object.entries(c || {}).forEach(([R, S]) => {\n    const {\n      vars: x,\n      css: N,\n      varsWithDefaults: _\n    } = Jr(S, t);\n    m = rt(m, _), C[R] = {\n      css: N,\n      vars: x\n    };\n  }), y) {\n    const {\n      css: R,\n      vars: S,\n      varsWithDefaults: x\n    } = Jr(y, t);\n    m = rt(m, x), C[l] = {\n      css: R,\n      vars: S\n    };\n  }\n  function E(R, S) {\n    var N, _;\n    let x = o;\n    if (o === \"class\" && (x = \".%s\"), o === \"data\" && (x = \"[data-%s]\"), o != null && o.startsWith(\"data-\") && !o.includes(\"%s\") && (x = `[${o}=\"%s\"]`), R) {\n      if (x === \"media\")\n        return e.defaultColorScheme === R ? \":root\" : {\n          [`@media (prefers-color-scheme: ${((_ = (N = i[R]) == null ? void 0 : N.palette) == null ? void 0 : _.mode) || R})`]: {\n            \":root\": S\n          }\n        };\n      if (x)\n        return e.defaultColorScheme === R ? `:root, ${x.replace(\"%s\", String(R))}` : x.replace(\"%s\", String(R));\n    }\n    return \":root\";\n  }\n  return {\n    vars: m,\n    generateThemeVars: () => {\n      let R = {\n        ...d\n      };\n      return Object.entries(C).forEach(([, {\n        vars: S\n      }]) => {\n        R = rt(R, S);\n      }), R;\n    },\n    generateStyleSheets: () => {\n      var W, U;\n      const R = [], S = e.defaultColorScheme || \"light\";\n      function x(f, $) {\n        Object.keys($).length && R.push(typeof f == \"string\" ? {\n          [f]: {\n            ...$\n          }\n        } : f);\n      }\n      x(n(void 0, {\n        ...p\n      }), p);\n      const {\n        [S]: N,\n        ..._\n      } = C;\n      if (N) {\n        const {\n          css: f\n        } = N, $ = (U = (W = i[S]) == null ? void 0 : W.palette) == null ? void 0 : U.mode, B = !r && $ ? {\n          colorScheme: $,\n          ...f\n        } : {\n          ...f\n        };\n        x(n(S, {\n          ...B\n        }), B);\n      }\n      return Object.entries(_).forEach(([f, {\n        css: $\n      }]) => {\n        var V, ne;\n        const B = (ne = (V = i[f]) == null ? void 0 : V.palette) == null ? void 0 : ne.mode, P = !r && B ? {\n          colorScheme: B,\n          ...$\n        } : {\n          ...$\n        };\n        x(n(f, {\n          ...P\n        }), P);\n      }), R;\n    }\n  };\n}\nfunction Ul(e) {\n  return function(n) {\n    return e === \"media\" ? (process.env.NODE_ENV, `@media (prefers-color-scheme: ${n})`) : e ? e.startsWith(\"data-\") && !e.includes(\"%s\") ? `[${e}=\"${n}\"] &` : e === \"class\" ? `.${n} &` : e === \"data\" ? `[data-${n}] &` : `${e.replace(\"%s\", n)} &` : \"&\";\n  };\n}\nconst Wn = {\n  black: \"#000\",\n  white: \"#fff\"\n}, Yl = {\n  50: \"#fafafa\",\n  100: \"#f5f5f5\",\n  200: \"#eeeeee\",\n  300: \"#e0e0e0\",\n  400: \"#bdbdbd\",\n  500: \"#9e9e9e\",\n  600: \"#757575\",\n  700: \"#616161\",\n  800: \"#424242\",\n  900: \"#212121\",\n  A100: \"#f5f5f5\",\n  A200: \"#eeeeee\",\n  A400: \"#bdbdbd\",\n  A700: \"#616161\"\n}, an = {\n  50: \"#f3e5f5\",\n  200: \"#ce93d8\",\n  300: \"#ba68c8\",\n  400: \"#ab47bc\",\n  500: \"#9c27b0\",\n  700: \"#7b1fa2\"\n}, sn = {\n  300: \"#e57373\",\n  400: \"#ef5350\",\n  500: \"#f44336\",\n  700: \"#d32f2f\",\n  800: \"#c62828\"\n}, $n = {\n  300: \"#ffb74d\",\n  400: \"#ffa726\",\n  500: \"#ff9800\",\n  700: \"#f57c00\",\n  900: \"#e65100\"\n}, ln = {\n  50: \"#e3f2fd\",\n  200: \"#90caf9\",\n  400: \"#42a5f5\",\n  700: \"#1976d2\",\n  800: \"#1565c0\"\n}, cn = {\n  300: \"#4fc3f7\",\n  400: \"#29b6f6\",\n  500: \"#03a9f4\",\n  700: \"#0288d1\",\n  900: \"#01579b\"\n}, un = {\n  300: \"#81c784\",\n  400: \"#66bb6a\",\n  500: \"#4caf50\",\n  700: \"#388e3c\",\n  800: \"#2e7d32\",\n  900: \"#1b5e20\"\n};\nfunction fs() {\n  return {\n    // The colors used to style the text.\n    text: {\n      // The most important text.\n      primary: \"rgba(0, 0, 0, 0.87)\",\n      // Secondary text.\n      secondary: \"rgba(0, 0, 0, 0.6)\",\n      // Disabled text have even lower visual prominence.\n      disabled: \"rgba(0, 0, 0, 0.38)\"\n    },\n    // The color used to divide different elements.\n    divider: \"rgba(0, 0, 0, 0.12)\",\n    // The background colors used to style the surfaces.\n    // Consistency between these values is important.\n    background: {\n      paper: Wn.white,\n      default: Wn.white\n    },\n    // The colors used to style the action elements.\n    action: {\n      // The color of an active action like an icon button.\n      active: \"rgba(0, 0, 0, 0.54)\",\n      // The color of an hovered action.\n      hover: \"rgba(0, 0, 0, 0.04)\",\n      hoverOpacity: 0.04,\n      // The color of a selected action.\n      selected: \"rgba(0, 0, 0, 0.08)\",\n      selectedOpacity: 0.08,\n      // The color of a disabled action.\n      disabled: \"rgba(0, 0, 0, 0.26)\",\n      // The background color of a disabled action.\n      disabledBackground: \"rgba(0, 0, 0, 0.12)\",\n      disabledOpacity: 0.38,\n      focus: \"rgba(0, 0, 0, 0.12)\",\n      focusOpacity: 0.12,\n      activatedOpacity: 0.12\n    }\n  };\n}\nconst ql = fs();\nfunction ps() {\n  return {\n    text: {\n      primary: Wn.white,\n      secondary: \"rgba(255, 255, 255, 0.7)\",\n      disabled: \"rgba(255, 255, 255, 0.5)\",\n      icon: \"rgba(255, 255, 255, 0.5)\"\n    },\n    divider: \"rgba(255, 255, 255, 0.12)\",\n    background: {\n      paper: \"#121212\",\n      default: \"#121212\"\n    },\n    action: {\n      active: Wn.white,\n      hover: \"rgba(255, 255, 255, 0.08)\",\n      hoverOpacity: 0.08,\n      selected: \"rgba(255, 255, 255, 0.16)\",\n      selectedOpacity: 0.16,\n      disabled: \"rgba(255, 255, 255, 0.3)\",\n      disabledBackground: \"rgba(255, 255, 255, 0.12)\",\n      disabledOpacity: 0.38,\n      focus: \"rgba(255, 255, 255, 0.12)\",\n      focusOpacity: 0.12,\n      activatedOpacity: 0.24\n    }\n  };\n}\nconst ji = ps();\nfunction Pi(e, t, n, r) {\n  const o = r.light || r, i = r.dark || r * 1.5;\n  e[t] || (e.hasOwnProperty(n) ? e[t] = e[n] : t === \"light\" ? e.light = No(e.main, o) : t === \"dark\" && (e.dark = Io(e.main, i)));\n}\nfunction Gl(e = \"light\") {\n  return e === \"dark\" ? {\n    main: ln[200],\n    light: ln[50],\n    dark: ln[400]\n  } : {\n    main: ln[700],\n    light: ln[400],\n    dark: ln[800]\n  };\n}\nfunction Kl(e = \"light\") {\n  return e === \"dark\" ? {\n    main: an[200],\n    light: an[50],\n    dark: an[400]\n  } : {\n    main: an[500],\n    light: an[300],\n    dark: an[700]\n  };\n}\nfunction Zl(e = \"light\") {\n  return e === \"dark\" ? {\n    main: sn[500],\n    light: sn[300],\n    dark: sn[700]\n  } : {\n    main: sn[700],\n    light: sn[400],\n    dark: sn[800]\n  };\n}\nfunction Xl(e = \"light\") {\n  return e === \"dark\" ? {\n    main: cn[400],\n    light: cn[300],\n    dark: cn[700]\n  } : {\n    main: cn[700],\n    light: cn[500],\n    dark: cn[900]\n  };\n}\nfunction Jl(e = \"light\") {\n  return e === \"dark\" ? {\n    main: un[400],\n    light: un[300],\n    dark: un[700]\n  } : {\n    main: un[800],\n    light: un[500],\n    dark: un[900]\n  };\n}\nfunction Ql(e = \"light\") {\n  return e === \"dark\" ? {\n    main: $n[400],\n    light: $n[300],\n    dark: $n[700]\n  } : {\n    main: \"#ed6c02\",\n    // closest to orange[800] that pass 3:1.\n    light: $n[500],\n    dark: $n[900]\n  };\n}\nfunction Do(e) {\n  const {\n    mode: t = \"light\",\n    contrastThreshold: n = 3,\n    tonalOffset: r = 0.2,\n    ...o\n  } = e, i = e.primary || Gl(t), a = e.secondary || Kl(t), l = e.error || Zl(t), u = e.info || Xl(t), d = e.success || Jl(t), p = e.warning || Ql(t);\n  function h(c) {\n    const E = Mi(c, ji.text.primary) >= n ? ji.text.primary : ql.text.primary;\n    return process.env.NODE_ENV !== \"production\" && Mi(c, E) < 3, E;\n  }\n  const m = ({\n    color: c,\n    name: E,\n    mainShade: T = 500,\n    lightShade: O = 300,\n    darkShade: R = 700\n  }) => {\n    if (c = {\n      ...c\n    }, !c.main && c[T] && (c.main = c[T]), !c.hasOwnProperty(\"main\"))\n      throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: The color${E ? ` (${E})` : \"\"} provided to augmentColor(color) is invalid.\nThe color object needs to have a \\`main\\` property or a \\`${T}\\` property.` : Tt(11, E ? ` (${E})` : \"\", T));\n    if (typeof c.main != \"string\")\n      throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: The color${E ? ` (${E})` : \"\"} provided to augmentColor(color) is invalid.\n\\`color.main\\` should be a string, but \\`${JSON.stringify(c.main)}\\` was provided instead.\n\nDid you intend to use one of the following approaches?\n\nimport { green } from \"@mui/material/colors\";\n\nconst theme1 = createTheme({ palette: {\n  primary: green,\n} });\n\nconst theme2 = createTheme({ palette: {\n  primary: { main: green[500] },\n} });` : Tt(12, E ? ` (${E})` : \"\", JSON.stringify(c.main)));\n    return Pi(c, \"light\", O, r), Pi(c, \"dark\", R, r), c.contrastText || (c.contrastText = h(c.main)), c;\n  };\n  let C;\n  return t === \"light\" ? C = fs() : t === \"dark\" && (C = ps()), process.env.NODE_ENV, rt({\n    // A collection of common colors.\n    common: {\n      ...Wn\n    },\n    // prevent mutable object.\n    // The palette mode, can be light or dark.\n    mode: t,\n    // The colors used to represent primary interface elements for a user.\n    primary: m({\n      color: i,\n      name: \"primary\"\n    }),\n    // The colors used to represent secondary interface elements for a user.\n    secondary: m({\n      color: a,\n      name: \"secondary\",\n      mainShade: \"A400\",\n      lightShade: \"A200\",\n      darkShade: \"A700\"\n    }),\n    // The colors used to represent interface elements that the user should be made aware of.\n    error: m({\n      color: l,\n      name: \"error\"\n    }),\n    // The colors used to represent potentially dangerous actions or important messages.\n    warning: m({\n      color: p,\n      name: \"warning\"\n    }),\n    // The colors used to present information to the user that is neutral and not necessarily important.\n    info: m({\n      color: u,\n      name: \"info\"\n    }),\n    // The colors used to indicate the successful completion of an action that user triggered.\n    success: m({\n      color: d,\n      name: \"success\"\n    }),\n    // The grey colors.\n    grey: Yl,\n    // Used by `getContrastText()` to maximize the contrast between\n    // the background and the text.\n    contrastThreshold: n,\n    // Takes a background color and returns the text color that maximizes the contrast.\n    getContrastText: h,\n    // Generate a rich color object.\n    augmentColor: m,\n    // Used by the functions below to shift a color's luminance by approximately\n    // two indexes within its tonal palette.\n    // E.g., shift from Red 500 to Red 300 or Red 700.\n    tonalOffset: r,\n    // The light and dark mode object.\n    ...C\n  }, o);\n}\nfunction ec(e) {\n  const t = {};\n  return Object.entries(e).forEach((r) => {\n    const [o, i] = r;\n    typeof i == \"object\" && (t[o] = `${i.fontStyle ? `${i.fontStyle} ` : \"\"}${i.fontVariant ? `${i.fontVariant} ` : \"\"}${i.fontWeight ? `${i.fontWeight} ` : \"\"}${i.fontStretch ? `${i.fontStretch} ` : \"\"}${i.fontSize || \"\"}${i.lineHeight ? `/${i.lineHeight} ` : \"\"}${i.fontFamily || \"\"}`);\n  }), t;\n}\nfunction tc(e, t) {\n  return {\n    toolbar: {\n      minHeight: 56,\n      [e.up(\"xs\")]: {\n        \"@media (orientation: landscape)\": {\n          minHeight: 48\n        }\n      },\n      [e.up(\"sm\")]: {\n        minHeight: 64\n      }\n    },\n    ...t\n  };\n}\nfunction nc(e) {\n  return Math.round(e * 1e5) / 1e5;\n}\nconst Li = {\n  textTransform: \"uppercase\"\n}, Bi = '\"Roboto\", \"Helvetica\", \"Arial\", sans-serif';\nfunction rc(e, t) {\n  const {\n    fontFamily: n = Bi,\n    // The default font size of the Material Specification.\n    fontSize: r = 14,\n    // px\n    fontWeightLight: o = 300,\n    fontWeightRegular: i = 400,\n    fontWeightMedium: a = 500,\n    fontWeightBold: l = 700,\n    // Tell MUI what's the font-size on the html element.\n    // 16px is the default font-size used by browsers.\n    htmlFontSize: u = 16,\n    // Apply the CSS properties to all the variants.\n    allVariants: d,\n    pxToRem: p,\n    ...h\n  } = typeof t == \"function\" ? t(e) : t;\n  process.env.NODE_ENV;\n  const m = r / 14, C = p || ((E) => `${E / u * m}rem`), y = (E, T, O, R, S) => ({\n    fontFamily: n,\n    fontWeight: E,\n    fontSize: C(T),\n    // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/\n    lineHeight: O,\n    // The letter spacing was designed for the Roboto font-family. Using the same letter-spacing\n    // across font-families can cause issues with the kerning.\n    ...n === Bi ? {\n      letterSpacing: `${nc(R / T)}em`\n    } : {},\n    ...S,\n    ...d\n  }), c = {\n    h1: y(o, 96, 1.167, -1.5),\n    h2: y(o, 60, 1.2, -0.5),\n    h3: y(i, 48, 1.167, 0),\n    h4: y(i, 34, 1.235, 0.25),\n    h5: y(i, 24, 1.334, 0),\n    h6: y(a, 20, 1.6, 0.15),\n    subtitle1: y(i, 16, 1.75, 0.15),\n    subtitle2: y(a, 14, 1.57, 0.1),\n    body1: y(i, 16, 1.5, 0.15),\n    body2: y(i, 14, 1.43, 0.15),\n    button: y(a, 14, 1.75, 0.4, Li),\n    caption: y(i, 12, 1.66, 0.4),\n    overline: y(i, 12, 2.66, 1, Li),\n    // TODO v6: Remove handling of 'inherit' variant from the theme as it is already handled in Material UI's Typography component. Also, remember to remove the associated types.\n    inherit: {\n      fontFamily: \"inherit\",\n      fontWeight: \"inherit\",\n      fontSize: \"inherit\",\n      lineHeight: \"inherit\",\n      letterSpacing: \"inherit\"\n    }\n  };\n  return rt({\n    htmlFontSize: u,\n    pxToRem: C,\n    fontFamily: n,\n    fontSize: r,\n    fontWeightLight: o,\n    fontWeightRegular: i,\n    fontWeightMedium: a,\n    fontWeightBold: l,\n    ...c\n  }, h, {\n    clone: !1\n    // No need to clone deep\n  });\n}\nconst oc = 0.2, ic = 0.14, ac = 0.12;\nfunction _e(...e) {\n  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${oc})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${ic})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${ac})`].join(\",\");\n}\nconst sc = [\"none\", _e(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), _e(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), _e(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), _e(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), _e(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), _e(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), _e(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), _e(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), _e(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), _e(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), _e(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), _e(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), _e(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), _e(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), _e(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), _e(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), _e(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), _e(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), _e(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), _e(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), _e(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), _e(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), _e(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), _e(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], lc = {\n  // This is the most common easing curve.\n  easeInOut: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n  // Objects enter the screen at full velocity from off-screen and\n  // slowly decelerate to a resting point.\n  easeOut: \"cubic-bezier(0.0, 0, 0.2, 1)\",\n  // Objects leave the screen at full velocity. They do not decelerate when off-screen.\n  easeIn: \"cubic-bezier(0.4, 0, 1, 1)\",\n  // The sharp curve is used by objects that may return to the screen at any time.\n  sharp: \"cubic-bezier(0.4, 0, 0.6, 1)\"\n}, hs = {\n  shortest: 150,\n  shorter: 200,\n  short: 250,\n  // most basic recommended timing\n  standard: 300,\n  // this is to be used in complex animations\n  complex: 375,\n  // recommended when something is entering screen\n  enteringScreen: 225,\n  // recommended when something is leaving screen\n  leavingScreen: 195\n};\nfunction Di(e) {\n  return `${Math.round(e)}ms`;\n}\nfunction cc(e) {\n  if (!e)\n    return 0;\n  const t = e / 36;\n  return Math.min(Math.round((4 + 15 * t ** 0.25 + t / 5) * 10), 3e3);\n}\nfunction uc(e) {\n  const t = {\n    ...lc,\n    ...e.easing\n  }, n = {\n    ...hs,\n    ...e.duration\n  };\n  return {\n    getAutoHeightDuration: cc,\n    create: (o = [\"all\"], i = {}) => {\n      const {\n        duration: a = n.standard,\n        easing: l = t.easeInOut,\n        delay: u = 0,\n        ...d\n      } = i;\n      if (process.env.NODE_ENV !== \"production\") {\n        const p = (m) => typeof m == \"string\", h = (m) => !Number.isNaN(parseFloat(m));\n        !p(o) && Array.isArray(o), !h(a) && p(a), p(l), !h(u) && p(u), Object.keys(d).length;\n      }\n      return (Array.isArray(o) ? o : [o]).map((p) => `${p} ${typeof a == \"string\" ? a : Di(a)} ${l} ${typeof u == \"string\" ? u : Di(u)}`).join(\",\");\n    },\n    ...e,\n    easing: t,\n    duration: n\n  };\n}\nconst dc = {\n  mobileStepper: 1e3,\n  fab: 1050,\n  speedDial: 1050,\n  appBar: 1100,\n  drawer: 1200,\n  modal: 1300,\n  snackbar: 1400,\n  tooltip: 1500\n};\nfunction fc(e) {\n  return wt(e) || typeof e > \"u\" || typeof e == \"string\" || typeof e == \"boolean\" || typeof e == \"number\" || Array.isArray(e);\n}\nfunction gs(e = {}) {\n  const t = {\n    ...e\n  };\n  function n(r) {\n    const o = Object.entries(r);\n    for (let i = 0; i < o.length; i++) {\n      const [a, l] = o[i];\n      !fc(l) || a.startsWith(\"unstable_\") ? delete r[a] : wt(l) && (r[a] = {\n        ...l\n      }, n(r[a]));\n    }\n  }\n  return n(t), `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';\n\nconst theme = ${JSON.stringify(t, null, 2)};\n\ntheme.breakpoints = createBreakpoints(theme.breakpoints || {});\ntheme.transitions = createTransitions(theme.transitions || {});\n\nexport default theme;`;\n}\nfunction ho(e = {}, ...t) {\n  const {\n    breakpoints: n,\n    mixins: r = {},\n    spacing: o,\n    palette: i = {},\n    transitions: a = {},\n    typography: l = {},\n    shape: u,\n    ...d\n  } = e;\n  if (e.vars)\n    throw new Error(process.env.NODE_ENV !== \"production\" ? \"MUI: `vars` is a private field used for CSS variables support.\\nPlease use another name.\" : Tt(20));\n  const p = Do(i), h = _o(e);\n  let m = rt(h, {\n    mixins: tc(h.breakpoints, r),\n    palette: p,\n    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.\n    shadows: sc.slice(),\n    typography: rc(p, l),\n    transitions: uc(a),\n    zIndex: {\n      ...dc\n    }\n  });\n  if (m = rt(m, d), m = t.reduce((C, y) => rt(C, y), m), process.env.NODE_ENV !== \"production\") {\n    const C = [\"active\", \"checked\", \"completed\", \"disabled\", \"error\", \"expanded\", \"focused\", \"focusVisible\", \"required\", \"selected\"], y = (c, E) => {\n      let T;\n      for (T in c) {\n        const O = c[T];\n        if (C.includes(T) && Object.keys(O).length > 0) {\n          if (process.env.NODE_ENV !== \"production\") {\n            const R = Ge(\"\", T);\n          }\n          c[T] = {};\n        }\n      }\n    };\n    Object.keys(m.components).forEach((c) => {\n      const E = m.components[c].styleOverrides;\n      E && c.startsWith(\"Mui\") && y(E, c);\n    });\n  }\n  return m.unstable_sxConfig = {\n    ...Dr,\n    ...d == null ? void 0 : d.unstable_sxConfig\n  }, m.unstable_sx = function(y) {\n    return xn({\n      sx: y,\n      theme: this\n    });\n  }, m.toRuntimeSource = gs, m;\n}\nfunction go(e) {\n  let t;\n  return e < 1 ? t = 5.11916 * e ** 2 : t = 4.5 * Math.log(e + 1) + 2, Math.round(t * 10) / 1e3;\n}\nconst pc = [...Array(25)].map((e, t) => {\n  if (t === 0)\n    return \"none\";\n  const n = go(t);\n  return `linear-gradient(rgba(255 255 255 / ${n}), rgba(255 255 255 / ${n}))`;\n});\nfunction ms(e) {\n  return {\n    inputPlaceholder: e === \"dark\" ? 0.5 : 0.42,\n    inputUnderline: e === \"dark\" ? 0.7 : 0.42,\n    switchTrackDisabled: e === \"dark\" ? 0.2 : 0.12,\n    switchTrack: e === \"dark\" ? 0.3 : 0.38\n  };\n}\nfunction bs(e) {\n  return e === \"dark\" ? pc : [];\n}\nfunction hc(e) {\n  const {\n    palette: t = {\n      mode: \"light\"\n    },\n    // need to cast to avoid module augmentation test\n    opacity: n,\n    overlays: r,\n    ...o\n  } = e, i = Do(t);\n  return {\n    palette: i,\n    opacity: {\n      ...ms(i.mode),\n      ...n\n    },\n    overlays: r || bs(i.mode),\n    ...o\n  };\n}\nfunction gc(e) {\n  var t;\n  return !!e[0].match(/(cssVarPrefix|colorSchemeSelector|rootSelector|typography|mixins|breakpoints|direction|transitions)/) || !!e[0].match(/sxConfig$/) || // ends with sxConfig\n  e[0] === \"palette\" && !!((t = e[1]) != null && t.match(/(mode|contrastThreshold|tonalOffset)/));\n}\nconst mc = (e) => [...[...Array(25)].map((t, n) => `--${e ? `${e}-` : \"\"}overlays-${n}`), `--${e ? `${e}-` : \"\"}palette-AppBar-darkBg`, `--${e ? `${e}-` : \"\"}palette-AppBar-darkColor`], bc = (e) => (t, n) => {\n  const r = e.rootSelector || \":root\", o = e.colorSchemeSelector;\n  let i = o;\n  if (o === \"class\" && (i = \".%s\"), o === \"data\" && (i = \"[data-%s]\"), o != null && o.startsWith(\"data-\") && !o.includes(\"%s\") && (i = `[${o}=\"%s\"]`), e.defaultColorScheme === t) {\n    if (t === \"dark\") {\n      const a = {};\n      return mc(e.cssVarPrefix).forEach((l) => {\n        a[l] = n[l], delete n[l];\n      }), i === \"media\" ? {\n        [r]: n,\n        \"@media (prefers-color-scheme: dark)\": {\n          [r]: a\n        }\n      } : i ? {\n        [i.replace(\"%s\", t)]: a,\n        [`${r}, ${i.replace(\"%s\", t)}`]: n\n      } : {\n        [r]: {\n          ...n,\n          ...a\n        }\n      };\n    }\n    if (i && i !== \"media\")\n      return `${r}, ${i.replace(\"%s\", String(t))}`;\n  } else if (t) {\n    if (i === \"media\")\n      return {\n        [`@media (prefers-color-scheme: ${String(t)})`]: {\n          [r]: n\n        }\n      };\n    if (i)\n      return i.replace(\"%s\", String(t));\n  }\n  return r;\n};\nfunction yc(e, t) {\n  t.forEach((n) => {\n    e[n] || (e[n] = {});\n  });\n}\nfunction w(e, t, n) {\n  !e[t] && n && (e[t] = n);\n}\nfunction Pn(e) {\n  return typeof e != \"string\" || !e.startsWith(\"hsl\") ? e : ns(e);\n}\nfunction vt(e, t) {\n  `${t}Channel` in e || (e[`${t}Channel`] = jn(Pn(e[t]), `MUI: Can't create \\`palette.${t}Channel\\` because \\`palette.${t}\\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().\nTo suppress this warning, you need to explicitly provide the \\`palette.${t}Channel\\` as a string (in rgb format, for example \"12 12 12\") or undefined if you want to remove the channel token.`));\n}\nfunction vc(e) {\n  return typeof e == \"number\" ? `${e}px` : typeof e == \"string\" || typeof e == \"function\" || Array.isArray(e) ? e : \"8px\";\n}\nconst gt = (e) => {\n  try {\n    return e();\n  } catch {\n  }\n}, Cc = (e = \"mui\") => zl(e);\nfunction Qr(e, t, n, r) {\n  if (!t)\n    return;\n  t = t === !0 ? {} : t;\n  const o = r === \"dark\" ? \"dark\" : \"light\";\n  if (!n) {\n    e[r] = hc({\n      ...t,\n      palette: {\n        mode: o,\n        ...t == null ? void 0 : t.palette\n      }\n    });\n    return;\n  }\n  const {\n    palette: i,\n    ...a\n  } = ho({\n    ...n,\n    palette: {\n      mode: o,\n      ...t == null ? void 0 : t.palette\n    }\n  });\n  return e[r] = {\n    ...t,\n    palette: i,\n    opacity: {\n      ...ms(o),\n      ...t == null ? void 0 : t.opacity\n    },\n    overlays: (t == null ? void 0 : t.overlays) || bs(o)\n  }, a;\n}\nfunction xc(e = {}, ...t) {\n  const {\n    colorSchemes: n = {\n      light: !0\n    },\n    defaultColorScheme: r,\n    disableCssColorScheme: o = !1,\n    cssVarPrefix: i = \"mui\",\n    shouldSkipGeneratingVar: a = gc,\n    colorSchemeSelector: l = n.light && n.dark ? \"media\" : void 0,\n    rootSelector: u = \":root\",\n    ...d\n  } = e, p = Object.keys(n)[0], h = r || (n.light && p !== \"light\" ? \"light\" : p), m = Cc(i), {\n    [h]: C,\n    light: y,\n    dark: c,\n    ...E\n  } = n, T = {\n    ...E\n  };\n  let O = C;\n  if ((h === \"dark\" && !(\"dark\" in n) || h === \"light\" && !(\"light\" in n)) && (O = !0), !O)\n    throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: The \\`colorSchemes.${h}\\` option is either missing or invalid.` : Tt(21, h));\n  const R = Qr(T, O, d, h);\n  y && !T.light && Qr(T, y, void 0, \"light\"), c && !T.dark && Qr(T, c, void 0, \"dark\");\n  let S = {\n    defaultColorScheme: h,\n    ...R,\n    cssVarPrefix: i,\n    colorSchemeSelector: l,\n    rootSelector: u,\n    getCssVar: m,\n    colorSchemes: T,\n    font: {\n      ...ec(R.typography),\n      ...R.font\n    },\n    spacing: vc(d.spacing)\n  };\n  Object.keys(S.colorSchemes).forEach((U) => {\n    const f = S.colorSchemes[U].palette, $ = (B) => {\n      const P = B.split(\"-\"), V = P[1], ne = P[2];\n      return m(B, f[V][ne]);\n    };\n    if (f.mode === \"light\" && (w(f.common, \"background\", \"#fff\"), w(f.common, \"onBackground\", \"#000\")), f.mode === \"dark\" && (w(f.common, \"background\", \"#000\"), w(f.common, \"onBackground\", \"#fff\")), yc(f, [\"Alert\", \"AppBar\", \"Avatar\", \"Button\", \"Chip\", \"FilledInput\", \"LinearProgress\", \"Skeleton\", \"Slider\", \"SnackbarContent\", \"SpeedDialAction\", \"StepConnector\", \"StepContent\", \"Switch\", \"TableCell\", \"Tooltip\"]), f.mode === \"light\") {\n      w(f.Alert, \"errorColor\", Te(f.error.light, 0.6)), w(f.Alert, \"infoColor\", Te(f.info.light, 0.6)), w(f.Alert, \"successColor\", Te(f.success.light, 0.6)), w(f.Alert, \"warningColor\", Te(f.warning.light, 0.6)), w(f.Alert, \"errorFilledBg\", $(\"palette-error-main\")), w(f.Alert, \"infoFilledBg\", $(\"palette-info-main\")), w(f.Alert, \"successFilledBg\", $(\"palette-success-main\")), w(f.Alert, \"warningFilledBg\", $(\"palette-warning-main\")), w(f.Alert, \"errorFilledColor\", gt(() => f.getContrastText(f.error.main))), w(f.Alert, \"infoFilledColor\", gt(() => f.getContrastText(f.info.main))), w(f.Alert, \"successFilledColor\", gt(() => f.getContrastText(f.success.main))), w(f.Alert, \"warningFilledColor\", gt(() => f.getContrastText(f.warning.main))), w(f.Alert, \"errorStandardBg\", Re(f.error.light, 0.9)), w(f.Alert, \"infoStandardBg\", Re(f.info.light, 0.9)), w(f.Alert, \"successStandardBg\", Re(f.success.light, 0.9)), w(f.Alert, \"warningStandardBg\", Re(f.warning.light, 0.9)), w(f.Alert, \"errorIconColor\", $(\"palette-error-main\")), w(f.Alert, \"infoIconColor\", $(\"palette-info-main\")), w(f.Alert, \"successIconColor\", $(\"palette-success-main\")), w(f.Alert, \"warningIconColor\", $(\"palette-warning-main\")), w(f.AppBar, \"defaultBg\", $(\"palette-grey-100\")), w(f.Avatar, \"defaultBg\", $(\"palette-grey-400\")), w(f.Button, \"inheritContainedBg\", $(\"palette-grey-300\")), w(f.Button, \"inheritContainedHoverBg\", $(\"palette-grey-A100\")), w(f.Chip, \"defaultBorder\", $(\"palette-grey-400\")), w(f.Chip, \"defaultAvatarColor\", $(\"palette-grey-700\")), w(f.Chip, \"defaultIconColor\", $(\"palette-grey-700\")), w(f.FilledInput, \"bg\", \"rgba(0, 0, 0, 0.06)\"), w(f.FilledInput, \"hoverBg\", \"rgba(0, 0, 0, 0.09)\"), w(f.FilledInput, \"disabledBg\", \"rgba(0, 0, 0, 0.12)\"), w(f.LinearProgress, \"primaryBg\", Re(f.primary.main, 0.62)), w(f.LinearProgress, \"secondaryBg\", Re(f.secondary.main, 0.62)), w(f.LinearProgress, \"errorBg\", Re(f.error.main, 0.62)), w(f.LinearProgress, \"infoBg\", Re(f.info.main, 0.62)), w(f.LinearProgress, \"successBg\", Re(f.success.main, 0.62)), w(f.LinearProgress, \"warningBg\", Re(f.warning.main, 0.62)), w(f.Skeleton, \"bg\", `rgba(${$(\"palette-text-primaryChannel\")} / 0.11)`), w(f.Slider, \"primaryTrack\", Re(f.primary.main, 0.62)), w(f.Slider, \"secondaryTrack\", Re(f.secondary.main, 0.62)), w(f.Slider, \"errorTrack\", Re(f.error.main, 0.62)), w(f.Slider, \"infoTrack\", Re(f.info.main, 0.62)), w(f.Slider, \"successTrack\", Re(f.success.main, 0.62)), w(f.Slider, \"warningTrack\", Re(f.warning.main, 0.62));\n      const B = nr(f.background.default, 0.8);\n      w(f.SnackbarContent, \"bg\", B), w(f.SnackbarContent, \"color\", gt(() => f.getContrastText(B))), w(f.SpeedDialAction, \"fabHoverBg\", nr(f.background.paper, 0.15)), w(f.StepConnector, \"border\", $(\"palette-grey-400\")), w(f.StepContent, \"border\", $(\"palette-grey-400\")), w(f.Switch, \"defaultColor\", $(\"palette-common-white\")), w(f.Switch, \"defaultDisabledColor\", $(\"palette-grey-100\")), w(f.Switch, \"primaryDisabledColor\", Re(f.primary.main, 0.62)), w(f.Switch, \"secondaryDisabledColor\", Re(f.secondary.main, 0.62)), w(f.Switch, \"errorDisabledColor\", Re(f.error.main, 0.62)), w(f.Switch, \"infoDisabledColor\", Re(f.info.main, 0.62)), w(f.Switch, \"successDisabledColor\", Re(f.success.main, 0.62)), w(f.Switch, \"warningDisabledColor\", Re(f.warning.main, 0.62)), w(f.TableCell, \"border\", Re(tr(f.divider, 1), 0.88)), w(f.Tooltip, \"bg\", tr(f.grey[700], 0.92));\n    }\n    if (f.mode === \"dark\") {\n      w(f.Alert, \"errorColor\", Re(f.error.light, 0.6)), w(f.Alert, \"infoColor\", Re(f.info.light, 0.6)), w(f.Alert, \"successColor\", Re(f.success.light, 0.6)), w(f.Alert, \"warningColor\", Re(f.warning.light, 0.6)), w(f.Alert, \"errorFilledBg\", $(\"palette-error-dark\")), w(f.Alert, \"infoFilledBg\", $(\"palette-info-dark\")), w(f.Alert, \"successFilledBg\", $(\"palette-success-dark\")), w(f.Alert, \"warningFilledBg\", $(\"palette-warning-dark\")), w(f.Alert, \"errorFilledColor\", gt(() => f.getContrastText(f.error.dark))), w(f.Alert, \"infoFilledColor\", gt(() => f.getContrastText(f.info.dark))), w(f.Alert, \"successFilledColor\", gt(() => f.getContrastText(f.success.dark))), w(f.Alert, \"warningFilledColor\", gt(() => f.getContrastText(f.warning.dark))), w(f.Alert, \"errorStandardBg\", Te(f.error.light, 0.9)), w(f.Alert, \"infoStandardBg\", Te(f.info.light, 0.9)), w(f.Alert, \"successStandardBg\", Te(f.success.light, 0.9)), w(f.Alert, \"warningStandardBg\", Te(f.warning.light, 0.9)), w(f.Alert, \"errorIconColor\", $(\"palette-error-main\")), w(f.Alert, \"infoIconColor\", $(\"palette-info-main\")), w(f.Alert, \"successIconColor\", $(\"palette-success-main\")), w(f.Alert, \"warningIconColor\", $(\"palette-warning-main\")), w(f.AppBar, \"defaultBg\", $(\"palette-grey-900\")), w(f.AppBar, \"darkBg\", $(\"palette-background-paper\")), w(f.AppBar, \"darkColor\", $(\"palette-text-primary\")), w(f.Avatar, \"defaultBg\", $(\"palette-grey-600\")), w(f.Button, \"inheritContainedBg\", $(\"palette-grey-800\")), w(f.Button, \"inheritContainedHoverBg\", $(\"palette-grey-700\")), w(f.Chip, \"defaultBorder\", $(\"palette-grey-700\")), w(f.Chip, \"defaultAvatarColor\", $(\"palette-grey-300\")), w(f.Chip, \"defaultIconColor\", $(\"palette-grey-300\")), w(f.FilledInput, \"bg\", \"rgba(255, 255, 255, 0.09)\"), w(f.FilledInput, \"hoverBg\", \"rgba(255, 255, 255, 0.13)\"), w(f.FilledInput, \"disabledBg\", \"rgba(255, 255, 255, 0.12)\"), w(f.LinearProgress, \"primaryBg\", Te(f.primary.main, 0.5)), w(f.LinearProgress, \"secondaryBg\", Te(f.secondary.main, 0.5)), w(f.LinearProgress, \"errorBg\", Te(f.error.main, 0.5)), w(f.LinearProgress, \"infoBg\", Te(f.info.main, 0.5)), w(f.LinearProgress, \"successBg\", Te(f.success.main, 0.5)), w(f.LinearProgress, \"warningBg\", Te(f.warning.main, 0.5)), w(f.Skeleton, \"bg\", `rgba(${$(\"palette-text-primaryChannel\")} / 0.13)`), w(f.Slider, \"primaryTrack\", Te(f.primary.main, 0.5)), w(f.Slider, \"secondaryTrack\", Te(f.secondary.main, 0.5)), w(f.Slider, \"errorTrack\", Te(f.error.main, 0.5)), w(f.Slider, \"infoTrack\", Te(f.info.main, 0.5)), w(f.Slider, \"successTrack\", Te(f.success.main, 0.5)), w(f.Slider, \"warningTrack\", Te(f.warning.main, 0.5));\n      const B = nr(f.background.default, 0.98);\n      w(f.SnackbarContent, \"bg\", B), w(f.SnackbarContent, \"color\", gt(() => f.getContrastText(B))), w(f.SpeedDialAction, \"fabHoverBg\", nr(f.background.paper, 0.15)), w(f.StepConnector, \"border\", $(\"palette-grey-600\")), w(f.StepContent, \"border\", $(\"palette-grey-600\")), w(f.Switch, \"defaultColor\", $(\"palette-grey-300\")), w(f.Switch, \"defaultDisabledColor\", $(\"palette-grey-600\")), w(f.Switch, \"primaryDisabledColor\", Te(f.primary.main, 0.55)), w(f.Switch, \"secondaryDisabledColor\", Te(f.secondary.main, 0.55)), w(f.Switch, \"errorDisabledColor\", Te(f.error.main, 0.55)), w(f.Switch, \"infoDisabledColor\", Te(f.info.main, 0.55)), w(f.Switch, \"successDisabledColor\", Te(f.success.main, 0.55)), w(f.Switch, \"warningDisabledColor\", Te(f.warning.main, 0.55)), w(f.TableCell, \"border\", Te(tr(f.divider, 1), 0.68)), w(f.Tooltip, \"bg\", tr(f.grey[700], 0.92));\n    }\n    vt(f.background, \"default\"), vt(f.background, \"paper\"), vt(f.common, \"background\"), vt(f.common, \"onBackground\"), vt(f, \"divider\"), Object.keys(f).forEach((B) => {\n      const P = f[B];\n      B !== \"tonalOffset\" && P && typeof P == \"object\" && (P.main && w(f[B], \"mainChannel\", jn(Pn(P.main))), P.light && w(f[B], \"lightChannel\", jn(Pn(P.light))), P.dark && w(f[B], \"darkChannel\", jn(Pn(P.dark))), P.contrastText && w(f[B], \"contrastTextChannel\", jn(Pn(P.contrastText))), B === \"text\" && (vt(f[B], \"primary\"), vt(f[B], \"secondary\")), B === \"action\" && (P.active && vt(f[B], \"active\"), P.selected && vt(f[B], \"selected\")));\n    });\n  }), S = t.reduce((U, f) => rt(U, f), S);\n  const x = {\n    prefix: i,\n    disableCssColorScheme: o,\n    shouldSkipGeneratingVar: a,\n    getSelector: bc(S)\n  }, {\n    vars: N,\n    generateThemeVars: _,\n    generateStyleSheets: W\n  } = Wl(S, x);\n  return S.vars = N, Object.entries(S.colorSchemes[S.defaultColorScheme]).forEach(([U, f]) => {\n    S[U] = f;\n  }), S.generateThemeVars = _, S.generateStyleSheets = W, S.generateSpacing = function() {\n    return Ga(d.spacing, Mo(this));\n  }, S.getColorSchemeSelector = Ul(l), S.spacing = S.generateSpacing(), S.shouldSkipGeneratingVar = a, S.unstable_sxConfig = {\n    ...Dr,\n    ...d == null ? void 0 : d.unstable_sxConfig\n  }, S.unstable_sx = function(f) {\n    return xn({\n      sx: f,\n      theme: this\n    });\n  }, S.toRuntimeSource = gs, S;\n}\nfunction Vi(e, t, n) {\n  e.colorSchemes && n && (e.colorSchemes[t] = {\n    ...n !== !0 && n,\n    palette: Do({\n      ...n === !0 ? {} : n.palette,\n      mode: t\n    })\n    // cast type to skip module augmentation test\n  });\n}\nfunction Ec(e = {}, ...t) {\n  const {\n    palette: n,\n    cssVariables: r = !1,\n    colorSchemes: o = n ? void 0 : {\n      light: !0\n    },\n    defaultColorScheme: i = n == null ? void 0 : n.mode,\n    ...a\n  } = e, l = i || \"light\", u = o == null ? void 0 : o[l], d = {\n    ...o,\n    ...n ? {\n      [l]: {\n        ...typeof u != \"boolean\" && u,\n        palette: n\n      }\n    } : void 0\n  };\n  if (r === !1) {\n    if (!(\"colorSchemes\" in e))\n      return ho(e, ...t);\n    let p = n;\n    \"palette\" in e || d[l] && (d[l] !== !0 ? p = d[l].palette : l === \"dark\" && (p = {\n      mode: \"dark\"\n    }));\n    const h = ho({\n      ...e,\n      palette: p\n    }, ...t);\n    return h.defaultColorScheme = l, h.colorSchemes = d, h.palette.mode === \"light\" && (h.colorSchemes.light = {\n      ...d.light !== !0 && d.light,\n      palette: h.palette\n    }, Vi(h, \"dark\", d.dark)), h.palette.mode === \"dark\" && (h.colorSchemes.dark = {\n      ...d.dark !== !0 && d.dark,\n      palette: h.palette\n    }, Vi(h, \"light\", d.light)), h;\n  }\n  return !n && !(\"light\" in d) && l === \"light\" && (d.light = !0), xc({\n    ...a,\n    colorSchemes: d,\n    defaultColorScheme: l,\n    ...typeof r != \"boolean\" && r\n  }, ...t);\n}\nconst Vo = Ec();\nfunction zo() {\n  const e = Ka(Vo);\n  return process.env.NODE_ENV !== \"production\" && v.useDebugValue(e), e[ko] || e;\n}\nfunction Sc(e) {\n  return e !== \"ownerState\" && e !== \"theme\" && e !== \"sx\" && e !== \"as\";\n}\nconst wc = (e) => Sc(e) && e !== \"classes\", Me = ml({\n  themeId: ko,\n  defaultTheme: Vo,\n  rootShouldForwardProp: wc\n}), Q = {\n  fontWeight: 400,\n  lineHeight: 1.5\n}, At = {\n  black: \"rgba(18, 20, 31, 1)\",\n  white: \"rgba(255, 255, 255, 1)\"\n}, ze = {\n  900: \"rgba(28, 31, 46, 1)\",\n  800: \"rgba(41, 46, 64, 1)\",\n  700: \"rgba(59, 64, 84, 1)\",\n  600: \"rgba(79, 85, 107, 1)\",\n  500: \"rgba(106, 112, 138, 1)\",\n  400: \"rgba(137, 144, 171, 1)\",\n  300: \"rgba(169, 175, 199, 1)\",\n  200: \"rgba(206, 210, 224, 1)\",\n  100: \"rgba(225, 228, 237, 1)\",\n  50: \"rgba(240, 241, 245, 1)\",\n  0: \"rgba(247, 248, 250, 1)\"\n}, rr = {\n  900: \"rgba(30, 28, 56, 1)\",\n  800: \"rgba(44, 38, 94, 1)\",\n  700: \"rgba(64, 51, 145, 1)\",\n  600: \"rgba(81, 60, 186, 1)\",\n  500: \"rgba(105, 80, 229, 1)\",\n  400: \"rgba(131, 120, 250, 1)\",\n  300: \"rgba(160, 155, 250, 1)\",\n  200: \"rgba(199, 198, 247, 1)\",\n  100: \"rgba(225, 225, 250, 1)\",\n  50: \"rgba(240, 240, 252, 1)\",\n  0: \"rgba(245, 245, 252, 1)\"\n}, eo = {\n  900: \"rgba(24, 32, 61, 1)\",\n  800: \"rgba(26, 42, 87, 1)\",\n  700: \"rgba(26, 56, 128, 1)\",\n  600: \"rgba(36, 83, 178, 1)\",\n  500: \"rgba(50, 110, 229, 1)\",\n  400: \"rgba(87, 143, 255, 1)\",\n  300: \"rgba(130, 170, 250, 1)\",\n  200: \"rgba(185, 207, 250, 1)\",\n  100: \"rgba(213, 224, 247, 1)\",\n  50: \"rgba(232, 238, 250, 1)\",\n  0: \"rgba(240, 244, 252, 1)\"\n}, or = {\n  900: \"rgba(12, 33, 30, 1)\",\n  800: \"rgba(14, 51, 45, 1)\",\n  700: \"rgba(18, 71, 61, 1)\",\n  600: \"rgba(24, 97, 80, 1)\",\n  500: \"rgba(41, 135, 110, 1)\",\n  400: \"rgba(62, 163, 129, 1)\",\n  300: \"rgba(87, 194, 158, 1)\",\n  200: \"rgba(163, 217, 199, 1)\",\n  100: \"rgba(206, 237, 227, 1)\",\n  50: \"rgba(233, 245, 241, 1)\",\n  0: \"rgba(240, 247, 245, 1)\"\n}, Tc = {\n  900: \"rgba(46, 38, 18, 1)\",\n  800: \"rgba(71, 57, 25, 1)\",\n  700: \"rgba(128, 101, 38, 1)\",\n  600: \"rgba(184, 142, 46, 1)\",\n  500: \"rgba(229, 171, 34, 1)\",\n  400: \"rgba(242, 193, 78, 1)\",\n  300: \"rgba(250, 211, 120, 1)\",\n  200: \"rgba(250, 224, 162, 1)\",\n  100: \"rgba(250, 233, 195, 1)\",\n  50: \"rgba(250, 242, 225, 1)\",\n  0: \"rgba(252, 247, 235, 1)\"\n}, to = {\n  900: \"rgba(46, 22, 18, 1)\",\n  800: \"rgba(77, 33, 26, 1)\",\n  700: \"rgba(122, 41, 28, 1)\",\n  600: \"rgba(168, 55, 37, 1)\",\n  500: \"rgba(209, 77, 56, 1)\",\n  400: \"rgba(242, 106, 85, 1)\",\n  300: \"rgba(255, 145, 128, 1)\",\n  200: \"rgba(247, 189, 181, 1)\",\n  100: \"rgba(247, 219, 215, 1)\",\n  50: \"rgba(247, 234, 233, 1)\",\n  0: \"rgba(250, 241, 240, 1)\"\n}, zi = {\n  400: \"rgba(0, 185, 0, 1)\"\n}, Nt = {\n  breakpoints: { values: { xs: 0, sm: 744, md: 1080, lg: 1200 } },\n  palette: {\n    blackAndWhite: At,\n    common: { ...At },\n    grey: { ...ze },\n    indigo: { ...rr },\n    primary: {\n      ...rr,\n      main: rr[500],\n      dark: rr[600]\n    },\n    blue: { ...eo },\n    mint: { ...or },\n    secondary: { ...or, main: eo[400], dark: eo[500] },\n    yellow: { ...Tc },\n    red: { ...to },\n    text: {\n      title: ze[900],\n      primary: ze[700],\n      secondary: ze[500],\n      disabled: ze[300]\n    },\n    data: { main: or[400] },\n    success: { main: zi[400] },\n    // warning: { main: \"#FFC700\" },\n    error: { main: to[400] },\n    status: {\n      data: or[400],\n      error: to[400],\n      success: zi[400]\n    },\n    dim: {\n      black: {\n        \"90%\": Oe(At.black, 0.9),\n        \"50%\": Oe(At.black, 0.5),\n        \"20%\": Oe(At.black, 0.2)\n      },\n      white: {\n        \"90%\": Oe(At.white, 0.9),\n        \"50%\": Oe(At.white, 0.5),\n        \"20%\": Oe(At.white, 0.2)\n      },\n      gray900: {\n        \"90%\": Oe(ze[900], 0.9),\n        \"50%\": Oe(ze[900], 0.5),\n        \"20%\": Oe(ze[900], 0.2)\n      },\n      // figma 표현 색채를 사용 - 색상값 표기와 다름\n      gray500: {\n        \"90%\": Oe(ze[500], 0.8),\n        \"50%\": Oe(ze[500], 0.5),\n        \"20%\": Oe(ze[500], 0.1)\n      },\n      gray300: {\n        \"90%\": Oe(ze[300], 0.9),\n        \"50%\": Oe(ze[300], 0.5),\n        \"20%\": Oe(ze[300], 0.2)\n      }\n    },\n    opacity: {\n      gray900: {\n        \"90%\": Oe(ze[900], 0.9),\n        \"50%\": Oe(ze[900], 0.5),\n        \"20%\": Oe(ze[900], 0.2),\n        \"10%\": Oe(ze[900], 0.1)\n      },\n      gray300: { \"20%\": Oe(ze[300], 0.2) }\n    }\n  },\n  typography: {\n    fontFamily: [\n      \"Pretendard\",\n      \"Noto Sans\",\n      \"Noto Sans KR\",\n      \"Roboto\",\n      \"Helvetica Neue\",\n      \"Helvetica\",\n      \"Arial\",\n      \"sans-serif\"\n    ].join(\",\"),\n    h1: {\n      ...Q,\n      fontSize: 64,\n      fontWeight: 700,\n      lineHeight: 86,\n      // 1.34375\n      letterSpacing: 64 * -0.01\n    },\n    h2: {\n      ...Q,\n      fontSize: 44,\n      fontWeight: 700,\n      lineHeight: 60,\n      // 1.36364\n      letterSpacing: 44 * -0.02\n    },\n    h3: {\n      ...Q,\n      fontSize: 36,\n      fontWeight: 700,\n      lineHeight: 48,\n      // 1.33333\n      letterSpacing: 36 * -0.01\n    },\n    h4: {\n      ...Q,\n      fontSize: 28,\n      fontWeight: 700,\n      lineHeight: 40\n      // 1.42857\n    },\n    h5: {\n      ...Q,\n      fontSize: 24,\n      fontWeight: 700,\n      lineHeight: 32\n      // 1.33333\n    },\n    h6: {\n      ...Q,\n      fontSize: 20,\n      fontWeight: 700,\n      lineHeight: 28\n      // 1.4\n    },\n    subtitle1: { ...Q, fontSize: 16, fontWeight: 600 },\n    subtitle2: {\n      ...Q,\n      fontSize: 14,\n      fontWeight: 600,\n      lineHeight: 20\n      // 1.42857\n    },\n    body1: { ...Q, fontSize: 16 },\n    body2: {\n      ...Q,\n      fontSize: 14,\n      lineHeight: 20\n      // 1.42857\n    },\n    label: { ...Q, fontSize: 12, fontWeight: 700 },\n    caption: { ...Q, fontSize: 12 },\n    bold48: {\n      ...Q,\n      fontSize: 48,\n      fontWeight: 700,\n      lineHeight: 64\n      // 1.33333,\n    },\n    bold40: {\n      ...Q,\n      fontSize: 40,\n      fontWeight: 700,\n      lineHeight: 1.35\n    },\n    bold32: {\n      ...Q,\n      fontSize: 32,\n      fontWeight: 700,\n      lineHeight: 44\n      // 1.375,\n    },\n    bold28: {\n      ...Q,\n      fontSize: 28,\n      fontWeight: 700,\n      lineHeight: 38\n      // 1.35714,\n    },\n    bold24: {\n      ...Q,\n      fontSize: 24,\n      fontWeight: 700,\n      lineHeight: 32\n      // 1.33333,\n    },\n    bold20: {\n      ...Q,\n      fontSize: 20,\n      fontWeight: 700,\n      letterSpacing: 20 * -0.01\n    },\n    bold18: {\n      ...Q,\n      fontSize: 18,\n      fontWeight: 700,\n      lineHeight: 26\n      // 1.44444\n    },\n    bold16: {\n      ...Q,\n      fontSize: 16,\n      fontWeight: 700,\n      letterSpacing: 16 * -0.01\n    },\n    bold14: {\n      ...Q,\n      fontSize: 14,\n      fontWeight: 700,\n      lineHeight: 22,\n      letterSpacing: 14 * -0.01\n    },\n    bold12: { ...Q, fontSize: 12, fontWeight: 700 },\n    bold10: { ...Q, fontSize: 10, fontWeight: 700 },\n    semibold48: {\n      ...Q,\n      fontSize: 48,\n      fontWeight: 600,\n      lineHeight: 64\n      // 1.33333,\n    },\n    semibold40: {\n      ...Q,\n      fontSize: 40,\n      fontWeight: 600,\n      lineHeight: 1.35\n    },\n    semibold32: {\n      ...Q,\n      fontSize: 32,\n      fontWeight: 600,\n      lineHeight: 44\n      // 1.375,\n    },\n    semibold28: {\n      ...Q,\n      fontSize: 28,\n      fontWeight: 600,\n      lineHeight: 38\n      // 1.35714,\n    },\n    semibold24: {\n      ...Q,\n      fontSize: 24,\n      fontWeight: 600,\n      lineHeight: 32\n      // 1.33333,\n    },\n    semibold20: {\n      ...Q,\n      fontSize: 20,\n      fontWeight: 600,\n      letterSpacing: 20 * -0.01\n    },\n    semibold18: {\n      ...Q,\n      fontSize: 18,\n      fontWeight: 600,\n      lineHeight: 26\n      // 1.44444\n    },\n    semibold16: {\n      ...Q,\n      fontSize: 16,\n      fontWeight: 600,\n      letterSpacing: 16 * -0.01\n    },\n    semibold14: {\n      ...Q,\n      fontSize: 14,\n      fontWeight: 600,\n      lineHeight: 22,\n      // 1.57143\n      letterSpacing: 14 * -0.01\n    },\n    semibold12: { ...Q, fontSize: 12, fontWeight: 600 },\n    semibold10: {\n      ...Q,\n      fontSize: 10,\n      fontWeight: 600,\n      lineHeight: 1.6\n    },\n    regular48: {\n      ...Q,\n      fontSize: 48,\n      lineHeight: 64\n      // 1.33333,\n    },\n    regular40: { ...Q, fontSize: 40, lineHeight: 1.35 },\n    regular32: {\n      ...Q,\n      fontSize: 32,\n      lineHeight: 44\n      // 1.375,\n    },\n    regular28: {\n      ...Q,\n      fontSize: 28,\n      lineHeight: 38\n      // 1.35714,\n    },\n    regular24: {\n      ...Q,\n      fontSize: 24,\n      lineHeight: 32\n      // 1.33333,\n    },\n    regular20: {\n      ...Q,\n      fontSize: 20,\n      letterSpacing: 20 * -0.01\n    },\n    regular18: {\n      ...Q,\n      fontSize: 18,\n      lineHeight: 26\n      // 1.44444\n    },\n    regular16: {\n      ...Q,\n      fontSize: 16,\n      letterSpacing: 16 * -0.01\n    },\n    regular14: {\n      ...Q,\n      fontSize: 14,\n      lineHeight: 22,\n      // 1.57143\n      letterSpacing: 14 * -0.01\n    },\n    regular12: { ...Q, fontSize: 12 },\n    regular10: { ...Q, fontSize: 10, lineHeight: 1.6 }\n  }\n}, Rc = [\n  \"fontSize\",\n  \"lineHeight\",\n  \"letterSpacing\"\n], kc = (e) => {\n  Object.entries(e.palette).forEach(([t, n]) => {\n    n.main && (!n.light || !n.dark || !n.contrastText) && Object.entries(e.palette.augmentColor({ color: n, name: t })).forEach(\n      ([r, o]) => {\n        n[r] || (n[r] = o);\n      }\n    );\n  }), Object.values(e.typography).forEach((t) => {\n    Rc.forEach((n) => {\n      const r = t == null ? void 0 : t[n];\n      r && typeof r != \"string\" && (r > 5 || n === \"letterSpacing\") && (t[n] = e.typography.pxToRem(r));\n    });\n  }), e.components && (e.components.MuiContainer = {\n    styleOverrides: {\n      root: {\n        paddingLeft: e.spacing(7),\n        paddingRight: e.spacing(7),\n        [e.breakpoints.up(\"sm\")]: {\n          paddingLeft: e.spacing(7),\n          paddingRight: e.spacing(7)\n        }\n      }\n    }\n  }), e.shadows[1] = \"0px 1px 2px 0px rgba(0, 0, 0, 0.08), 0px 0px 1px 0px rgba(0, 0, 0, 0.04)\", e.shadows[2] = \"0px 2px 8px 0px rgba(0, 0, 0, 0.08), 0px 1px 4px 0px rgba(0, 0, 0, 0.04)\", e.shadows[3] = \"0px 4px 12px 0px rgba(0, 0, 0, 0.08), 0px 4px 8px 0px rgba(0, 0, 0, 0.04)\", e.shadows[4] = \"0px 16px 20px 0px rgba(0, 0, 0, 0.08), 0px 8px 16px 0px rgba(0, 0, 0, 0.04)\";\n}, Ef = (e, ...t) => {\n  const { palette: n, breakpoints: r, typography: o, components: i } = e || {}, a = g0(\n    {\n      ...Nt,\n      ...e,\n      palette: { ...Nt.palette, ...n },\n      breakpoints: { ...Nt.breakpoints, ...r },\n      typography: { ...Nt.typography, ...o },\n      components: { ...Nt.components, ...i }\n    },\n    ...t\n  );\n  return kc(a), a;\n}, Sn = () => {\n  const { typography: e } = Bt();\n  return { typo: e, tpr: e.pxToRem };\n}, Oc = (e) => /* @__PURE__ */ v.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", fill: \"none\", viewBox: \"0 0 24 24\", ...e }, /* @__PURE__ */ v.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18m-1.077 14.094a1 1 0 0 0 1 1h.168a1 1 0 0 0 1-1v-6.376a1 1 0 0 0-1-1h-.168a1 1 0 0 0-1 1zm-.102-9.628c0 .633.527 1.157 1.186 1.157a1.17 1.17 0 0 0 1.172-1.157c0-.648-.527-1.172-1.172-1.172-.659 0-1.186.524-1.186 1.172\", clipRule: \"evenodd\" })), Mc = (e) => /* @__PURE__ */ v.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", fill: \"none\", viewBox: \"0 0 24 24\", ...e }, /* @__PURE__ */ v.createElement(\"circle\", { cx: 12, cy: 12, r: 10, fill: \"currentColor\" }), /* @__PURE__ */ v.createElement(\"path\", { fill: \"#fff\", fillRule: \"evenodd\", d: \"m17.55 9.313-6.62 7.312-4.193-4.714 1.495-1.33 2.71 3.05 5.126-5.66z\", clipRule: \"evenodd\" })), $c = (e) => /* @__PURE__ */ v.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", fill: \"none\", viewBox: \"0 0 24 24\", ...e }, /* @__PURE__ */ v.createElement(\"path\", { fill: \"currentColor\", d: \"M11.134 5.655a1 1 0 0 1 1.732 0l8.268 14.32a1 1 0 0 1-.866 1.5H3.732a1 1 0 0 1-.866-1.5z\" }), /* @__PURE__ */ v.createElement(\"g\", { fill: \"#fff\" }, /* @__PURE__ */ v.createElement(\"path\", { d: \"M12.866 11.366a.866.866 0 0 0-1.732 0v3.753a.866.866 0 0 0 1.732 0zM12 19.166a1.155 1.155 0 1 0 0-2.31 1.155 1.155 0 0 0 0 2.31\" }))), _c = te(m0)(\n  ({ size: e, theme: t, variant: n }) => {\n    const {\n      palette: r,\n      typography: { pxToRem: o, ...i }\n    } = t, a = { x: 16, y: 10 };\n    let l = {\n      minWidth: \"auto\",\n      borderRadius: o(6),\n      ...i.subtitle2,\n      \"--solvook-button-icon-width\": o(14),\n      \"--solvook-button-icon-margin\": o(4),\n      \"--solvook-button-icon-margin-on-full-width\": o(13)\n    };\n    switch (e) {\n      case \"xlarge\":\n        l = {\n          ...l,\n          ...i.subtitle1,\n          \"--solvook-button-icon-width\": o(16),\n          \"--solvook-button-icon-margin\": o(8),\n          \"--solvook-button-icon-margin-on-full-width\": o(14)\n        }, a.x = 24, a.y = 16;\n        break;\n      case \"large\":\n        l = {\n          ...l,\n          ...i.subtitle1,\n          \"--solvook-button-icon-width\": o(16),\n          \"--solvook-button-icon-margin\": o(8),\n          \"--solvook-button-icon-margin-on-full-width\": o(16)\n        }, a.x = 20, a.y = 12;\n        break;\n      case \"small\":\n        l = {\n          ...l,\n          borderRadius: o(4),\n          \"--solvook-button-icon-margin-on-full-width\": o(10)\n        }, a.x = 12, a.y = 6;\n        break;\n      case \"xsmall\":\n        l = {\n          ...l,\n          borderRadius: o(4),\n          \"--solvook-button-icon-margin-on-full-width\": o(7)\n        }, a.x = 8, a.y = 2;\n        break;\n    }\n    let u = {\n      \"&.Mui-disabled\": {\n        backgroundColor: r.grey[100],\n        color: r.text.disabled\n      }\n    };\n    switch (n) {\n      case \"contained\":\n      case \"solid\":\n      case \"filledPrimary\":\n        u = {\n          ...u,\n          backgroundColor: r.primary.main,\n          color: r.blackAndWhite.white,\n          \"&:hover, &.Mui-focusVisible\": {\n            backgroundColor: r.primary.dark,\n            boxShadow: \"none\"\n          }\n        };\n        break;\n      case \"soft\":\n      case \"filledSecondary\":\n        u = {\n          ...u,\n          backgroundColor: r.indigo[100],\n          color: r.primary.main,\n          \"&:hover, &.Mui-focusVisible\": {\n            backgroundColor: r.indigo[200]\n          }\n        };\n        break;\n      case \"outlined\":\n      case \"strokePrimary\":\n      case \"strokeSecondary\":\n        u = {\n          ...u,\n          backgroundColor: r.blackAndWhite.white,\n          border: o(1).concat(` solid ${r.primary.main}`),\n          color: r.primary.main,\n          \"&:hover, &.Mui-focusVisible\": {\n            backgroundColor: r.indigo[50]\n          },\n          \"&.Mui-disabled\": {\n            borderColor: r.grey[100],\n            color: r.text.disabled\n          }\n        }, a.x--, a.y--, n === \"strokeSecondary\" && (u = {\n          ...u,\n          border: o(1).concat(\" solid \", r.grey[200]),\n          color: r.text.secondary,\n          \"&:hover, &.Mui-focusVisible\": {\n            backgroundColor: r.grey[50]\n          }\n        });\n        break;\n      case \"text\":\n      case \"textPrimary\":\n      case \"textSecondary\":\n        u = {\n          ...u,\n          color: r.primary.main,\n          \"&:hover, &.Mui-focusVisible\": {\n            backgroundColor: r.indigo[50]\n          },\n          \"&.Mui-disabled\": {\n            backgroundColor: \"transparent\",\n            color: r.text.disabled\n          }\n        }, n === \"textSecondary\" && (u = {\n          ...u,\n          color: r.text.secondary,\n          \"&:hover, &.Mui-focusVisible\": {\n            backgroundColor: r.opacity.gray300[\"20%\"]\n          }\n        });\n        break;\n    }\n    return {\n      ...l,\n      ...u,\n      padding: o(a.y).concat(\" \", o(a.x)),\n      \"& .MuiButton-icon > *\": {\n        width: \"var(--solvook-button-icon-width)\",\n        height: \"var(--solvook-button-icon-width)\"\n      },\n      \"& .MuiButton-startIcon\": {\n        marginLeft: 0,\n        marginRight: \"var(--solvook-button-icon-margin)\"\n      },\n      \"& .MuiButton-endIcon\": {\n        marginLeft: \"var(--solvook-button-icon-margin)\",\n        marginRight: 0\n      },\n      \"&.MuiButton-fullWidth .MuiButton-startIcon\": {\n        position: \"absolute\",\n        left: \"var(--solvook-button-icon-margin-on-full-width)\"\n      }\n    };\n  }\n), Qt = Je(\n  ({ children: e, disableRipple: t = !0, label: n, ...r }, o) => {\n    const i = Dt(() => {\n      const a = {\n        children: e,\n        disableRipple: t\n      };\n      return a.children || (a.children = n), a;\n    }, [e, t, n]);\n    return /* @__PURE__ */ g.jsx(_c, { ref: o, ...i, ...r });\n  }\n), Ac = te(b0)(({ theme: e }) => {\n  const {\n    palette: t,\n    typography: { pxToRem: n, ...r }\n  } = e;\n  return {\n    borderRadius: n(6),\n    padding: `${n(8)} ${n(12)}`,\n    ...r.subtitle1,\n    [`& .${Xe.icon}`]: {\n      marginRight: n(8),\n      padding: n(4).concat(\" 0\"),\n      \"& svg\": { width: n(24), height: n(24) }\n    },\n    [`& .${Xe.message}`]: {\n      padding: n(4).concat(\" 0\")\n    },\n    [`&.${Xe.standard}`]: {\n      [`&.${Xe.colorInfo}`]: {\n        backgroundColor: t.blue[0],\n        [`&, & .${Xe.icon}`]: { color: t.secondary.main }\n      },\n      [`&.${Xe.colorSuccess}`]: {\n        backgroundColor: t.mint[0],\n        [`&, & .${Xe.icon}`]: { color: t.status.success }\n      },\n      [`&.${Xe.colorError}`]: {\n        backgroundColor: t.red[0],\n        [`&, & .${Xe.icon}`]: { color: t.status.error }\n      }\n    },\n    [`&.${Xe.root.replace(\"root\", \"dark\")}`]: {\n      backgroundColor: t.grey[700],\n      color: t.blackAndWhite.white,\n      [`&.${Xe.colorSuccess} .${Xe.icon}`]: {\n        color: t.status.success\n      },\n      [`&.${Xe.colorError} .${Xe.icon}`]: {\n        color: t.status.error\n      }\n    }\n  };\n}), Ic = Je(\n  ({\n    children: e,\n    severity: t = \"info\",\n    variant: n,\n    ActionIcon: r,\n    actionIconProps: o,\n    actionText: i,\n    onClickActionPreset: a,\n    message: l,\n    ...u\n  }, d) => {\n    const { palette: p } = Bt(), { tpr: h } = Sn(), { actionColor: m } = Dt(() => {\n      let C;\n      switch (n) {\n        case \"dark\":\n        case \"filled\":\n          C = p.blackAndWhite.white;\n          break;\n        case \"standard\":\n        case \"outlined\":\n        case void 0:\n          C = p.opacity.gray900[\"50%\"];\n          break;\n      }\n      return { actionColor: C };\n    }, [p, n]);\n    return /* @__PURE__ */ g.jsx(\n      Ac,\n      {\n        ref: d,\n        ...u,\n        severity: t,\n        variant: n,\n        iconMapping: {\n          success: /* @__PURE__ */ g.jsx(Mc, {}),\n          error: /* @__PURE__ */ g.jsx($c, {}),\n          info: /* @__PURE__ */ g.jsx(Oc, {})\n        },\n        action: r ? /* @__PURE__ */ g.jsx(\n          Da,\n          {\n            disableRipple: !0,\n            ...o,\n            sx: {\n              pt: h(4),\n              pb: h(6),\n              pr: h(12),\n              ...m && { color: m },\n              ...o == null ? void 0 : o.sx\n            },\n            onClick: a,\n            children: /* @__PURE__ */ g.jsx(mt, { component: r, sx: { width: 16, height: 16 } })\n          }\n        ) : i ? /* @__PURE__ */ g.jsx(\n          Qt,\n          {\n            variant: \"text\",\n            size: \"large\",\n            label: i,\n            sx: {\n              py: h(2),\n              pl: h(8),\n              pr: h(16),\n              minWidth: \"auto\",\n              \"&, &:hover\": {\n                backgroundColor: \"transparent\",\n                ...m && { color: m }\n              }\n            },\n            onClick: a\n          }\n        ) : u.action,\n        children: l || e\n      }\n    );\n  }\n), ys = \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M21.7071%204.98894C22.0976%205.37947%2022.0976%206.01263%2021.7071%206.40316L8.392%2019.7181L2.29288%2013.6188C1.90237%2013.2283%201.90237%2012.5951%202.2929%2012.2046C2.68343%2011.8141%203.3166%2011.8141%203.70712%2012.2046L8.39203%2016.8897L20.2929%204.98893C20.6834%204.59841%2021.3166%204.59842%2021.7071%204.98894Z'%20fill='currentColor'/%3e%3c/svg%3e\", Fi = \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='17'%20height='16'%20viewBox='0%200%2017%2016'%20fill='none'%3e%3crect%20x='3.83337'%20y='7.33333'%20width='9.33333'%20height='1.33333'%20rx='0.666667'%20fill='currentColor'/%3e%3c/svg%3e\", Sf = Je(\n  ({ label: e, labelProps: t, value: n, ...r }, o) => {\n    var a, l, u;\n    const i = Bt();\n    return /* @__PURE__ */ g.jsx(\n      Nc,\n      {\n        value: (t == null ? void 0 : t.value) || n,\n        control: /* @__PURE__ */ g.jsx(\n          jc,\n          {\n            inputRef: o,\n            icon: /* @__PURE__ */ g.jsx(vs, {}),\n            indeterminateIcon: /* @__PURE__ */ g.jsx(Pc, {}),\n            checkedIcon: /* @__PURE__ */ g.jsx(Cs, {}),\n            disableRipple: !0,\n            ...r\n          }\n        ),\n        label: e,\n        ...t,\n        slotProps: {\n          ...t == null ? void 0 : t.slotProps,\n          typography: {\n            variant: r.size == \"small\" ? \"body2\" : \"body1\",\n            ...(a = t == null ? void 0 : t.slotProps) == null ? void 0 : a.typography,\n            sx: {\n              color: i.palette.text.primary,\n              // @ts-expect-error idiot ts\n              ...(u = (l = t == null ? void 0 : t.slotProps) == null ? void 0 : l.typography) == null ? void 0 : u.sx\n            }\n          }\n        }\n      }\n    );\n  }\n), Nc = te(y0)(({ theme: e }) => {\n  const { pxToRem: t } = e.typography;\n  return {\n    marginLeft: t(-12),\n    \"& > .Mui-checked, & > .MuiCheckbox-indeterminate\": {\n      \"&:not(:has(:disabled)) ~ .MuiFormControlLabel-label\": {\n        color: e.palette.secondary.main\n      }\n    }\n  };\n}), jc = te(v0)(({ theme: e }) => {\n  const { pxToRem: t } = e.typography;\n  return { padding: t(10) };\n}), vs = te(\"span\")(({ theme: e }) => {\n  const { pxToRem: t } = e.typography;\n  return {\n    width: t(16),\n    height: t(16),\n    margin: t(2),\n    border: \"1px solid \".concat(e.palette.grey[200]),\n    borderRadius: t(2),\n    backgroundColor: e.palette.common.white,\n    \"&::after\": {\n      position: \"absolute\",\n      content: \"''\",\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      maskRepeat: \"no-repeat\",\n      maskPosition: \"center 50%\",\n      maskSize: t(12).concat(\" \", t(12))\n    },\n    \".Mui-focusVisible &, input:hover:not(:disabled) ~ &\": {\n      \"&::after\": {\n        backgroundColor: e.palette.grey[200],\n        maskImage: 'url(\"'.concat(ys, '\")')\n      }\n    },\n    \"input:disabled ~ &\": {\n      backgroundColor: e.palette.grey[50],\n      borderColor: e.palette.grey[50]\n    }\n  };\n}), Cs = te(vs)(({ theme: e }) => ({\n  backgroundColor: e.palette.blue[400],\n  borderColor: e.palette.blue[400],\n  \"&::after\": {\n    backgroundColor: e.palette.blackAndWhite.white,\n    maskImage: 'url(\"'.concat(ys, '\")')\n  },\n  \"input:hover:not(:disabled) ~ &\": {\n    backgroundColor: e.palette.blue[400]\n  },\n  \".Mui-focusVisible &, input:hover:not(:disabled) ~ &\": {\n    \"&::after\": {\n      backgroundColor: e.palette.blackAndWhite.white\n    }\n  }\n})), Pc = te(Cs)(({ theme: e }) => {\n  const { pxToRem: t } = e.typography;\n  return {\n    \"&::after\": {\n      maskImage: 'url(\"'.concat(Fi, '\")'),\n      maskSize: t(16).concat(\" \", t(16))\n    },\n    \".Mui-focusVisible &, input:hover:not(:disabled) ~ &\": {\n      \"&::after\": {\n        maskImage: 'url(\"'.concat(Fi, '\")')\n      }\n    }\n  };\n}), Lc = (e) => /* @__PURE__ */ v.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", fill: \"none\", viewBox: \"0 0 24 24\", ...e }, /* @__PURE__ */ v.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M2.793 2.793a1 1 0 0 1 1.414 0L12 10.586l7.793-7.793a1 1 0 1 1 1.414 1.414L13.414 12l7.793 7.793a1 1 0 0 1-1.414 1.414L12 13.414l-7.793 7.793a1 1 0 0 1-1.414-1.414L10.586 12 2.793 4.207a1 1 0 0 1 0-1.414\", clipRule: \"evenodd\" })), Bc = (e) => /* @__PURE__ */ v.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", fill: \"none\", viewBox: \"0 0 24 24\", ...e }, /* @__PURE__ */ v.createElement(\"g\", { fill: \"currentColor\" }, /* @__PURE__ */ v.createElement(\"path\", { d: \"m12 2.5 3.276 6L22 9.756l-4.7 4.966.88 6.777L12 18.57 5.82 21.5l.88-6.777L2 9.757 8.724 8.5z\" }), /* @__PURE__ */ v.createElement(\"g\", { mask: \"url(#mask0_7252_4535)\" }, /* @__PURE__ */ v.createElement(\"path\", { d: \"M12 2.5h10v19H12zM2 2.5h10v19H2z\" })))), Dc = te(\n  ({ className: e, selected: t, solvookColor: n, ...r }) => /* @__PURE__ */ g.jsx(\n    C0,\n    {\n      ...r,\n      className: (e || \"\").concat(\n        n ? \" MuiChip-color\".concat(\n          n.charAt(0).toUpperCase(),\n          n.slice(1)\n        ) : \"\",\n        t ? \" selected\" : \"\"\n      )\n    }\n  ),\n  { shouldForwardProp: (e) => e !== \"bold\" }\n)(({ bold: e, size: t, theme: n }) => {\n  var a, l;\n  const {\n    palette: r,\n    typography: { pxToRem: o, ...i }\n  } = n;\n  return {\n    height: \"auto\",\n    ...i[t === \"small\" ? \"body2\" : \"body1\"],\n    [`& .${_t.label}`]: {\n      padding: o(4).concat(\" \", o(12))\n    },\n    [`&:not(.${_t.clickable})`]: {\n      backgroundColor: r.grey[50],\n      borderRadius: o(4),\n      ...i[e ? t === \"small\" ? \"label\" : \"subtitle2\" : t === \"small\" ? \"caption\" : \"body2\"],\n      [`& .${_t.label}`]: {\n        padding: t === \"small\" ? o(2).concat(\" \", o(6)) : o(2).concat(\" \", o(8))\n      }\n    },\n    [`&.${_t.clickable}`]: {\n      \"&:not(.Mui-disabled)\": {\n        color: r.text.secondary.concat(\" !important\")\n      },\n      [`&, &.MuiChip-colorIndigo, &.${_t.colorPrimary}`]: {\n        backgroundColor: r.indigo[0],\n        \"&:hover\": { backgroundColor: r.indigo[50] },\n        \"&.selected, &:focus-visible\": { backgroundColor: r.indigo[100] },\n        \"&.Mui-disabled\": {\n          backgroundColor: (a = r.indigo[0]) == null ? void 0 : a.concat(\" !important\"),\n          \"& .solvook-chip-deleteIcon\": {\n            color: r.opacity.gray900[\"10%\"]\n          }\n        },\n        \"& .solvook-chip-deleteIcon\": {\n          color: r.primary.main\n        }\n      },\n      [`&.MuiChip-colorBlue, &.${_t.colorSecondary}`]: {\n        backgroundColor: r.blue[0],\n        \"&:hover\": { backgroundColor: r.blue[50] },\n        \"&.selected, &:focus-visible\": { backgroundColor: r.blue[100] },\n        \"&.Mui-disabled\": {\n          backgroundColor: (l = r.blue[0]) == null ? void 0 : l.concat(\" !important\")\n        },\n        \"&:not(.Mui-disabled) .solvook-chip-deleteIcon\": {\n          color: r.secondary.main\n        }\n      },\n      \"&.Mui-disabled\": { color: r.text.disabled, opacity: 1 }\n    },\n    [`&.MuiChip-colorIndigo, &.${_t.colorPrimary}`]: {\n      backgroundColor: r.indigo[50],\n      color: r.primary.main\n    },\n    [`&.MuiChip-colorBlue, &.${_t.colorSecondary}`]: {\n      backgroundColor: r.blue[50],\n      color: r.secondary.dark\n    },\n    \"&.MuiChip-colorMint\": {\n      backgroundColor: r.mint[50],\n      color: r.mint[500]\n    },\n    \"&.MuiChip-colorRed\": {\n      backgroundColor: r.red[50],\n      color: r.red[400]\n    },\n    \"&.MuiChip-colorYellow\": {\n      backgroundColor: r.yellow[50],\n      color: r.yellow[500]\n    }\n  };\n}), wf = Je(\n  ({ deleteIcon: e, icon: t, iconRating: n, ...r }, o) => {\n    var l;\n    const i = Bt(), { tpr: a } = Sn();\n    return /* @__PURE__ */ g.jsx(\n      Dc,\n      {\n        ref: o,\n        ...r,\n        icon: t || (n === !0 ? /* @__PURE__ */ g.jsx(\n          mt,\n          {\n            component: Bc,\n            sx: {\n              mr: a(r.size === \"small\" ? -2 : -4).concat(\" !important\"),\n              color: (l = i.palette.yellow[300]) == null ? void 0 : l.concat(\" !important\"),\n              ...r.size === \"small\" ? { width: a(12), height: a(12) } : { width: a(14), height: a(14) }\n            }\n          }\n        ) : n),\n        deleteIcon: e || (r.onDelete ? /* @__PURE__ */ g.jsx(\n          mt,\n          {\n            className: \"solvook-chip-deleteIcon\",\n            component: Lc,\n            sx: {\n              ml: a(-8).concat(\" !important\"),\n              mr: a(12).concat(\" !important\"),\n              ...r.size === \"small\" ? { width: a(12), height: a(12) } : { width: a(14), height: a(14) }\n            }\n          }\n        ) : void 0)\n      }\n    );\n  }\n), xs = x0, Vc = (e) => /* @__PURE__ */ v.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", fill: \"none\", viewBox: \"0 0 32 32\", ...e }, /* @__PURE__ */ v.createElement(\"circle\", { cx: 16, cy: 16, r: 13.333, fill: \"currentColor\" }), /* @__PURE__ */ v.createElement(\"path\", { fill: \"#fff\", fillRule: \"evenodd\", d: \"m23.402 12.417-8.829 9.75-5.589-6.286 1.993-1.772 3.614 4.065 6.834-7.547z\", clipRule: \"evenodd\" })), zc = (e) => /* @__PURE__ */ v.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", fill: \"none\", viewBox: \"0 0 24 24\", ...e }, /* @__PURE__ */ v.createElement(\"path\", { fill: \"currentColor\", d: \"M11.134 5.654a1 1 0 0 1 1.732 0l8.268 14.32a1 1 0 0 1-.866 1.5H3.732a1 1 0 0 1-.866-1.5z\" }), /* @__PURE__ */ v.createElement(\"path\", { fill: \"#fff\", d: \"M12.866 11.366a.866.866 0 0 0-1.732 0v3.753a.866.866 0 0 0 1.732 0zM12 19.166a1.155 1.155 0 1 0 0-2.31 1.155 1.155 0 0 0 0 2.31\" })), { palette: Ct } = Nt, Tf = ({\n  severity: e,\n  title: t,\n  content: n,\n  subContent: r,\n  onCancel: o,\n  onOk: i,\n  cancelText: a,\n  okText: l,\n  footer: u,\n  ...d\n}) => /* @__PURE__ */ g.jsxs(Fc, { ...d, children: [\n  /* @__PURE__ */ g.jsxs(\"div\", { className: `stack ${e}`, children: [\n    e === \"success\" && /* @__PURE__ */ g.jsx(Vc, {}),\n    e === \"caution\" && /* @__PURE__ */ g.jsx(zc, {}),\n    /* @__PURE__ */ g.jsxs(\"div\", { className: \"inner\", children: [\n      /* @__PURE__ */ g.jsx(Pt, { variant: \"bold20\", children: t }),\n      !!n && /* @__PURE__ */ g.jsx(Pt, { variant: \"regular16\", children: n })\n    ] })\n  ] }),\n  r,\n  (u || l || a) && /* @__PURE__ */ g.jsx(\"footer\", { children: u || /* @__PURE__ */ g.jsxs(Hc, { children: [\n    a && /* @__PURE__ */ g.jsx(Qt, { variant: \"soft\", onClick: o, children: a }),\n    l && /* @__PURE__ */ g.jsx(Qt, { variant: \"solid\", onClick: i, children: l })\n  ] }) })\n] });\nvar Ca, xa, Ea;\nconst Fc = te(xs)`\n  .MuiPaper-root {\n    display: flex;\n    flex-direction: column;\n    gap: 28px;\n\n    padding: 28px;\n    width: 520px;\n\n    border-radius: 12px;\n\n    @media (max-width: 768px) {\n      padding: 20px;\n      margin: 20px;\n    }\n  }\n  .stack {\n    display: flex;\n    gap: 8px;\n\n    .inner {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      h4 {\n        margin: 0;\n        font-size: 20px;\n        font-weight: 700;\n        letter-spacing: -0.2px;\n      }\n      p {\n        color: ${(Ca = Ct == null ? void 0 : Ct.grey) == null ? void 0 : Ca[700]};\n        font-size: 16px;\n        font-weight: 400;\n        line-height: 1.5;\n        margin: 0;\n        letter-spacing: -0.16px;\n      }\n    }\n    svg {\n      width: 24px;\n      height: 24px;\n      flex-shrink: 0;\n    }\n    &.success svg {\n      color: ${(xa = Ct == null ? void 0 : Ct.mint) == null ? void 0 : xa[300]};\n    }\n\n    &.caution svg {\n      color: ${(Ea = Ct == null ? void 0 : Ct.red) == null ? void 0 : Ea[400]};\n    }\n\n    @media (max-width: 768px) {\n      flex-direction: column;\n    }\n  }\n`, Hc = te(\"div\")`\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n\n  button {\n    padding: 12px 20px;\n    text-align: center;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 1.5;\n    letter-spacing: -0.16px;\n\n    @media (max-width: 768px) {\n      width: 100%;\n    }\n  }\n`, Wc = (e) => /* @__PURE__ */ v.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", fill: \"none\", viewBox: \"0 0 32 32\", ...e }, /* @__PURE__ */ v.createElement(\"path\", { fill: \"currentColor\", fillOpacity: 0.3, fillRule: \"evenodd\", d: \"m16 17.414 7.293 7.293 1.414-1.414L17.414 16l7.293-7.293-1.414-1.414L16 14.586 8.707 7.293 7.293 8.707 14.586 16l-7.293 7.293 1.414 1.414z\", clipRule: \"evenodd\" })), Uc = (e) => /* @__PURE__ */ v.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", fill: \"#fff\", viewBox: \"0 0 72 72\", ...e }, /* @__PURE__ */ v.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M36 72c19.882 0 36-16.118 36-36S55.882 0 36 0 0 16.118 0 36s16.118 36 36 36m16.179-46.155a1.667 1.667 0 0 0-2.357-2.357L29.987 43.323l-7.808-7.809a1.667 1.667 0 1 0-2.357 2.357l10.165 10.166z\", clipRule: \"evenodd\" })), { palette: qe } = Nt, Yc = (e) => {\n  const t = Dt(() => e.value === 100, [e.value]);\n  return /* @__PURE__ */ g.jsxs(qc, { children: [\n    /* @__PURE__ */ g.jsx(mt, { className: \"text\", sx: { minWidth: 35 }, children: t ? /* @__PURE__ */ g.jsx(Uc, {}) : /* @__PURE__ */ g.jsx(\"p\", { children: `${Math.round(e.value)}%` }) }),\n    /* @__PURE__ */ g.jsx(mt, { sx: { width: \"100%\", mr: 1 }, children: /* @__PURE__ */ g.jsx(\n      Gc,\n      {\n        variant: \"determinate\",\n        className: t ? \"success\" : \"\",\n        ...e\n      }\n    ) })\n  ] });\n};\nvar Sa, wa;\nconst qc = te(mt)`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n\n  .text {\n    padding: 24px 0 48px;\n\n    svg {\n      width: 72px;\n      height: 72px;\n      color: ${(Sa = qe == null ? void 0 : qe.mint) == null ? void 0 : Sa[300]};\n    }\n  }\n\n  p {\n    font-size: 72px;\n    font-weight: 700;\n    color: ${(wa = qe == null ? void 0 : qe.grey) == null ? void 0 : wa[300]};\n    margin: 0;\n  }\n`;\nvar Ta, Ra, ka;\nconst Gc = te(E0)`\n  border-radius: 32px;\n  height: 8px;\n  background-color: ${(Ta = qe == null ? void 0 : qe.grey) == null ? void 0 : Ta[100]};\n\n  .MuiLinearProgress-bar {\n    background-color: ${(Ra = qe == null ? void 0 : qe.blue) == null ? void 0 : Ra[400]};\n  }\n\n  &.success {\n    .MuiLinearProgress-bar {\n      background-color: ${(ka = qe == null ? void 0 : qe.mint) == null ? void 0 : ka[300]};\n    }\n  }\n`, Rf = ({\n  open: e,\n  closeDialog: t,\n  ...n\n}) => /* @__PURE__ */ g.jsxs(Kc, { open: e, onClose: t, children: [\n  /* @__PURE__ */ g.jsx(Zc, { onClick: t, children: /* @__PURE__ */ g.jsx(Wc, {}) }),\n  /* @__PURE__ */ g.jsxs(\"div\", { className: \"stack\", children: [\n    /* @__PURE__ */ g.jsx(Pt, { variant: \"bold24\", children: \"출력 준비 중입니다.\" }),\n    /* @__PURE__ */ g.jsxs(Pt, { variant: \"regular16\", children: [\n      \"출력 시 계정의 개인번호가 워터마크로 표시됩니다.\",\n      /* @__PURE__ */ g.jsx(\"br\", {}),\n      \"해당 문서를 온라인에 유포 또는 공유할 경우 법적인 제재를 받을 수 있습니다.\"\n    ] }),\n    /* @__PURE__ */ g.jsx(mt, { sx: { width: \"100%\", maxWidth: \"395px\" }, children: /* @__PURE__ */ g.jsx(Yc, { ...n }) })\n  ] })\n] }), Kc = te(xs)`\n  .MuiPaper-root {\n    max-width: 640px;\n    width: 100%;\n  }\n\n  .stack {\n    margin: 32px 20px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n\n    .MuiTypography-regular16 {\n      text-align: center;\n      margin-top: 24px;\n    }\n  }\n`, Zc = te(\"button\")`\n  all: unset;\n  width: 64px;\n  height: 64px;\n  cursor: pointer;\n  position: absolute;\n  right: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  svg {\n    width: 32px;\n    height: 32px;\n  }\n`, Xc = (e) => /* @__PURE__ */ v.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", fill: \"none\", viewBox: \"0 0 20 20\", ...e }, /* @__PURE__ */ v.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M16.592 3H3.408C2.078 3 1 4.033 1 5.308v7.498c0 1.275 1.078 2.308 2.408 2.308h4.656l1.584 3.576s.11.31.373.31c.264 0 .372-.31.372-.31l1.585-3.576h4.614c1.33 0 2.408-1.033 2.408-2.308V5.308C19 4.033 17.922 3 16.592 3M6.655 9.629c-.007 1.37-1.486 1.41-1.486 1.41-.572 0-.895-.364-.895-.364v.248H3.197V6.665c.067.01 1.077-.002 1.077-.002V8.29c.253-.415.985-.407.985-.407 1.595.142 1.395 1.745 1.395 1.745zM3.197 6.663c-.005.001 0 .002 0 .002zm5.354 1.352v2.915H7.497V8.045c0-.393-.508-.502-.508-.502V6.525c1.683.066 1.562 1.49 1.562 1.49m2.499 3.026c-.977 0-1.768-.698-1.768-1.559 0-.86.791-1.558 1.768-1.558.976 0 1.767.698 1.767 1.558s-.79 1.559-1.767 1.559m5.775 0s.015 1.48-1.555 1.48h-.479v-.959h.29s.659.059.651-.916c0 0-.128.395-1.054.395 0 0-1.312-.09-1.312-1.317v-.466s.03-1.272 1.471-1.373c0 0 .569-.059.918.392v-.312h1.07zm-6.442-1.56c0-.353.3-.64.668-.64s.668.287.668.64-.3.64-.668.64a.654.654 0 0 1-.668-.64m-6.073.016c0-.328.277-.593.619-.593s.619.264.619.593a.607.607 0 0 1-.62.595.61.61 0 0 1-.618-.595m10.188-.016a.64.64 0 0 1 .652-.625c.36 0 .652.28.652.625a.64.64 0 0 1-.652.625.64.64 0 0 1-.652-.625\", clipRule: \"evenodd\" })), Jc = (e) => /* @__PURE__ */ v.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", fill: \"currentColor\", shapeRendering: \"geometricPrecision\", viewBox: \"0 0 20 20\", ...e }, /* @__PURE__ */ v.createElement(\"path\", { fillRule: \"evenodd\", d: \"M14.583 2.284H5.416v9.167h9.167zM9.28 5l1.386 1.982V5h1.2v3.704h-1.148L9.336 6.722v1.982H8.132V5z\", clipRule: \"evenodd\" }), /* @__PURE__ */ v.createElement(\"path\", { d: \"M5.416 12.47h9.167l-1.698 2.376H7.114zM9.998 18.24l1.867-2.376H8.131z\" }));\nvar ir = { exports: {} }, Ce = {};\n/**\n * @license React\n * react-is.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nvar Hi;\nfunction Qc() {\n  if (Hi) return Ce;\n  Hi = 1;\n  var e = Symbol.for(\"react.transitional.element\"), t = Symbol.for(\"react.portal\"), n = Symbol.for(\"react.fragment\"), r = Symbol.for(\"react.strict_mode\"), o = Symbol.for(\"react.profiler\"), i = Symbol.for(\"react.consumer\"), a = Symbol.for(\"react.context\"), l = Symbol.for(\"react.forward_ref\"), u = Symbol.for(\"react.suspense\"), d = Symbol.for(\"react.suspense_list\"), p = Symbol.for(\"react.memo\"), h = Symbol.for(\"react.lazy\"), m = Symbol.for(\"react.offscreen\"), C = Symbol.for(\"react.client.reference\");\n  function y(c) {\n    if (typeof c == \"object\" && c !== null) {\n      var E = c.$$typeof;\n      switch (E) {\n        case e:\n          switch (c = c.type, c) {\n            case n:\n            case o:\n            case r:\n            case u:\n            case d:\n              return c;\n            default:\n              switch (c = c && c.$$typeof, c) {\n                case a:\n                case l:\n                case h:\n                case p:\n                  return c;\n                case i:\n                  return c;\n                default:\n                  return E;\n              }\n          }\n        case t:\n          return E;\n      }\n    }\n  }\n  return Ce.ContextConsumer = i, Ce.ContextProvider = a, Ce.Element = e, Ce.ForwardRef = l, Ce.Fragment = n, Ce.Lazy = h, Ce.Memo = p, Ce.Portal = t, Ce.Profiler = o, Ce.StrictMode = r, Ce.Suspense = u, Ce.SuspenseList = d, Ce.isContextConsumer = function(c) {\n    return y(c) === i;\n  }, Ce.isContextProvider = function(c) {\n    return y(c) === a;\n  }, Ce.isElement = function(c) {\n    return typeof c == \"object\" && c !== null && c.$$typeof === e;\n  }, Ce.isForwardRef = function(c) {\n    return y(c) === l;\n  }, Ce.isFragment = function(c) {\n    return y(c) === n;\n  }, Ce.isLazy = function(c) {\n    return y(c) === h;\n  }, Ce.isMemo = function(c) {\n    return y(c) === p;\n  }, Ce.isPortal = function(c) {\n    return y(c) === t;\n  }, Ce.isProfiler = function(c) {\n    return y(c) === o;\n  }, Ce.isStrictMode = function(c) {\n    return y(c) === r;\n  }, Ce.isSuspense = function(c) {\n    return y(c) === u;\n  }, Ce.isSuspenseList = function(c) {\n    return y(c) === d;\n  }, Ce.isValidElementType = function(c) {\n    return typeof c == \"string\" || typeof c == \"function\" || c === n || c === o || c === r || c === u || c === d || c === m || typeof c == \"object\" && c !== null && (c.$$typeof === h || c.$$typeof === p || c.$$typeof === a || c.$$typeof === i || c.$$typeof === l || c.$$typeof === C || c.getModuleId !== void 0);\n  }, Ce.typeOf = y, Ce;\n}\nvar xe = {};\n/**\n * @license React\n * react-is.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nvar Wi;\nfunction e1() {\n  return Wi || (Wi = 1, process.env.NODE_ENV !== \"production\" && function() {\n    function e(c) {\n      if (typeof c == \"object\" && c !== null) {\n        var E = c.$$typeof;\n        switch (E) {\n          case t:\n            switch (c = c.type, c) {\n              case r:\n              case i:\n              case o:\n              case d:\n              case p:\n                return c;\n              default:\n                switch (c = c && c.$$typeof, c) {\n                  case l:\n                  case u:\n                  case m:\n                  case h:\n                    return c;\n                  case a:\n                    return c;\n                  default:\n                    return E;\n                }\n            }\n          case n:\n            return E;\n        }\n      }\n    }\n    var t = Symbol.for(\"react.transitional.element\"), n = Symbol.for(\"react.portal\"), r = Symbol.for(\"react.fragment\"), o = Symbol.for(\"react.strict_mode\"), i = Symbol.for(\"react.profiler\"), a = Symbol.for(\"react.consumer\"), l = Symbol.for(\"react.context\"), u = Symbol.for(\"react.forward_ref\"), d = Symbol.for(\"react.suspense\"), p = Symbol.for(\"react.suspense_list\"), h = Symbol.for(\"react.memo\"), m = Symbol.for(\"react.lazy\"), C = Symbol.for(\"react.offscreen\"), y = Symbol.for(\"react.client.reference\");\n    xe.ContextConsumer = a, xe.ContextProvider = l, xe.Element = t, xe.ForwardRef = u, xe.Fragment = r, xe.Lazy = m, xe.Memo = h, xe.Portal = n, xe.Profiler = i, xe.StrictMode = o, xe.Suspense = d, xe.SuspenseList = p, xe.isContextConsumer = function(c) {\n      return e(c) === a;\n    }, xe.isContextProvider = function(c) {\n      return e(c) === l;\n    }, xe.isElement = function(c) {\n      return typeof c == \"object\" && c !== null && c.$$typeof === t;\n    }, xe.isForwardRef = function(c) {\n      return e(c) === u;\n    }, xe.isFragment = function(c) {\n      return e(c) === r;\n    }, xe.isLazy = function(c) {\n      return e(c) === m;\n    }, xe.isMemo = function(c) {\n      return e(c) === h;\n    }, xe.isPortal = function(c) {\n      return e(c) === n;\n    }, xe.isProfiler = function(c) {\n      return e(c) === i;\n    }, xe.isStrictMode = function(c) {\n      return e(c) === o;\n    }, xe.isSuspense = function(c) {\n      return e(c) === d;\n    }, xe.isSuspenseList = function(c) {\n      return e(c) === p;\n    }, xe.isValidElementType = function(c) {\n      return typeof c == \"string\" || typeof c == \"function\" || c === r || c === i || c === o || c === d || c === p || c === C || typeof c == \"object\" && c !== null && (c.$$typeof === m || c.$$typeof === h || c.$$typeof === l || c.$$typeof === a || c.$$typeof === u || c.$$typeof === y || c.getModuleId !== void 0);\n    }, xe.typeOf = e;\n  }()), xe;\n}\nvar Ui;\nfunction t1() {\n  return Ui || (Ui = 1, process.env.NODE_ENV === \"production\" ? ir.exports = /* @__PURE__ */ Qc() : ir.exports = /* @__PURE__ */ e1()), ir.exports;\n}\nvar Es = /* @__PURE__ */ t1();\nfunction Ss(e) {\n  return /* @__PURE__ */ g.jsx(Za, {\n    ...e,\n    defaultTheme: Vo,\n    themeId: ko\n  });\n}\nprocess.env.NODE_ENV !== \"production\" && (Ss.propTypes = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The styles you want to apply globally.\n   */\n  styles: s.oneOfType([s.array, s.func, s.number, s.object, s.string, s.bool])\n});\nfunction n1(e) {\n  return function(n) {\n    return (\n      // Pigment CSS `globalCss` support callback with theme inside an object but `GlobalStyles` support theme as a callback value.\n      /* @__PURE__ */ g.jsx(Ss, {\n        styles: typeof e == \"function\" ? (r) => e({\n          theme: r,\n          ...n\n        }) : e\n      })\n    );\n  };\n}\nconst He = Vl;\nprocess.env.NODE_ENV !== \"production\" && (s.node, s.object.isRequired);\nfunction et(e) {\n  return Dl(e);\n}\nfunction mo() {\n  return mo = Object.assign ? Object.assign.bind() : function(e) {\n    for (var t = 1; t < arguments.length; t++) {\n      var n = arguments[t];\n      for (var r in n) ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);\n    }\n    return e;\n  }, mo.apply(null, arguments);\n}\nfunction ws(e, t) {\n  if (e == null) return {};\n  var n = {};\n  for (var r in e) if ({}.hasOwnProperty.call(e, r)) {\n    if (t.indexOf(r) !== -1) continue;\n    n[r] = e[r];\n  }\n  return n;\n}\nfunction bo(e, t) {\n  return bo = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, r) {\n    return n.__proto__ = r, n;\n  }, bo(e, t);\n}\nfunction Ts(e, t) {\n  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, bo(e, t);\n}\nconst Yi = {\n  disabled: !1\n};\nvar r1 = process.env.NODE_ENV !== \"production\" ? s.oneOfType([s.number, s.shape({\n  enter: s.number,\n  exit: s.number,\n  appear: s.number\n}).isRequired]) : null;\nprocess.env.NODE_ENV !== \"production\" && s.oneOfType([s.string, s.shape({\n  enter: s.string,\n  exit: s.string,\n  active: s.string\n}), s.shape({\n  enter: s.string,\n  enterDone: s.string,\n  enterActive: s.string,\n  exit: s.string,\n  exitDone: s.string,\n  exitActive: s.string\n})]);\nconst Sr = oe.createContext(null);\nvar o1 = function(t) {\n  return t.scrollTop;\n}, Ln = \"unmounted\", Ut = \"exited\", Yt = \"entering\", gn = \"entered\", yo = \"exiting\", kt = /* @__PURE__ */ function(e) {\n  Ts(t, e);\n  function t(r, o) {\n    var i;\n    i = e.call(this, r, o) || this;\n    var a = o, l = a && !a.isMounting ? r.enter : r.appear, u;\n    return i.appearStatus = null, r.in ? l ? (u = Ut, i.appearStatus = Yt) : u = gn : r.unmountOnExit || r.mountOnEnter ? u = Ln : u = Ut, i.state = {\n      status: u\n    }, i.nextCallback = null, i;\n  }\n  t.getDerivedStateFromProps = function(o, i) {\n    var a = o.in;\n    return a && i.status === Ln ? {\n      status: Ut\n    } : null;\n  };\n  var n = t.prototype;\n  return n.componentDidMount = function() {\n    this.updateStatus(!0, this.appearStatus);\n  }, n.componentDidUpdate = function(o) {\n    var i = null;\n    if (o !== this.props) {\n      var a = this.state.status;\n      this.props.in ? a !== Yt && a !== gn && (i = Yt) : (a === Yt || a === gn) && (i = yo);\n    }\n    this.updateStatus(!1, i);\n  }, n.componentWillUnmount = function() {\n    this.cancelNextCallback();\n  }, n.getTimeouts = function() {\n    var o = this.props.timeout, i, a, l;\n    return i = a = l = o, o != null && typeof o != \"number\" && (i = o.exit, a = o.enter, l = o.appear !== void 0 ? o.appear : a), {\n      exit: i,\n      enter: a,\n      appear: l\n    };\n  }, n.updateStatus = function(o, i) {\n    if (o === void 0 && (o = !1), i !== null)\n      if (this.cancelNextCallback(), i === Yt) {\n        if (this.props.unmountOnExit || this.props.mountOnEnter) {\n          var a = this.props.nodeRef ? this.props.nodeRef.current : Zn.findDOMNode(this);\n          a && o1(a);\n        }\n        this.performEnter(o);\n      } else\n        this.performExit();\n    else this.props.unmountOnExit && this.state.status === Ut && this.setState({\n      status: Ln\n    });\n  }, n.performEnter = function(o) {\n    var i = this, a = this.props.enter, l = this.context ? this.context.isMounting : o, u = this.props.nodeRef ? [l] : [Zn.findDOMNode(this), l], d = u[0], p = u[1], h = this.getTimeouts(), m = l ? h.appear : h.enter;\n    if (!o && !a || Yi.disabled) {\n      this.safeSetState({\n        status: gn\n      }, function() {\n        i.props.onEntered(d);\n      });\n      return;\n    }\n    this.props.onEnter(d, p), this.safeSetState({\n      status: Yt\n    }, function() {\n      i.props.onEntering(d, p), i.onTransitionEnd(m, function() {\n        i.safeSetState({\n          status: gn\n        }, function() {\n          i.props.onEntered(d, p);\n        });\n      });\n    });\n  }, n.performExit = function() {\n    var o = this, i = this.props.exit, a = this.getTimeouts(), l = this.props.nodeRef ? void 0 : Zn.findDOMNode(this);\n    if (!i || Yi.disabled) {\n      this.safeSetState({\n        status: Ut\n      }, function() {\n        o.props.onExited(l);\n      });\n      return;\n    }\n    this.props.onExit(l), this.safeSetState({\n      status: yo\n    }, function() {\n      o.props.onExiting(l), o.onTransitionEnd(a.exit, function() {\n        o.safeSetState({\n          status: Ut\n        }, function() {\n          o.props.onExited(l);\n        });\n      });\n    });\n  }, n.cancelNextCallback = function() {\n    this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);\n  }, n.safeSetState = function(o, i) {\n    i = this.setNextCallback(i), this.setState(o, i);\n  }, n.setNextCallback = function(o) {\n    var i = this, a = !0;\n    return this.nextCallback = function(l) {\n      a && (a = !1, i.nextCallback = null, o(l));\n    }, this.nextCallback.cancel = function() {\n      a = !1;\n    }, this.nextCallback;\n  }, n.onTransitionEnd = function(o, i) {\n    this.setNextCallback(i);\n    var a = this.props.nodeRef ? this.props.nodeRef.current : Zn.findDOMNode(this), l = o == null && !this.props.addEndListener;\n    if (!a || l) {\n      setTimeout(this.nextCallback, 0);\n      return;\n    }\n    if (this.props.addEndListener) {\n      var u = this.props.nodeRef ? [this.nextCallback] : [a, this.nextCallback], d = u[0], p = u[1];\n      this.props.addEndListener(d, p);\n    }\n    o != null && setTimeout(this.nextCallback, o);\n  }, n.render = function() {\n    var o = this.state.status;\n    if (o === Ln)\n      return null;\n    var i = this.props, a = i.children;\n    i.in, i.mountOnEnter, i.unmountOnExit, i.appear, i.enter, i.exit, i.timeout, i.addEndListener, i.onEnter, i.onEntering, i.onEntered, i.onExit, i.onExiting, i.onExited, i.nodeRef;\n    var l = ws(i, [\"children\", \"in\", \"mountOnEnter\", \"unmountOnExit\", \"appear\", \"enter\", \"exit\", \"timeout\", \"addEndListener\", \"onEnter\", \"onEntering\", \"onEntered\", \"onExit\", \"onExiting\", \"onExited\", \"nodeRef\"]);\n    return (\n      // allows for nested Transitions\n      /* @__PURE__ */ oe.createElement(Sr.Provider, {\n        value: null\n      }, typeof a == \"function\" ? a(o, l) : oe.cloneElement(oe.Children.only(a), l))\n    );\n  }, t;\n}(oe.Component);\nkt.contextType = Sr;\nkt.propTypes = process.env.NODE_ENV !== \"production\" ? {\n  /**\n   * A React reference to DOM element that need to transition:\n   * https://stackoverflow.com/a/51127130/4671932\n   *\n   *   - When `nodeRef` prop is used, `node` is not passed to callback functions\n   *      (e.g. `onEnter`) because user already has direct access to the node.\n   *   - When changing `key` prop of `Transition` in a `TransitionGroup` a new\n   *     `nodeRef` need to be provided to `Transition` with changed `key` prop\n   *     (see\n   *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).\n   */\n  nodeRef: s.shape({\n    current: typeof Element > \"u\" ? s.any : function(e, t, n, r, o, i) {\n      var a = e[t];\n      return s.instanceOf(a && \"ownerDocument\" in a ? a.ownerDocument.defaultView.Element : Element)(e, t, n, r, o, i);\n    }\n  }),\n  /**\n   * A `function` child can be used instead of a React element. This function is\n   * called with the current transition status (`'entering'`, `'entered'`,\n   * `'exiting'`, `'exited'`), which can be used to apply context\n   * specific props to a component.\n   *\n   * ```jsx\n   * <Transition in={this.state.in} timeout={150}>\n   *   {state => (\n   *     <MyComponent className={`fade fade-${state}`} />\n   *   )}\n   * </Transition>\n   * ```\n   */\n  children: s.oneOfType([s.func.isRequired, s.element.isRequired]).isRequired,\n  /**\n   * Show the component; triggers the enter or exit states\n   */\n  in: s.bool,\n  /**\n   * By default the child component is mounted immediately along with\n   * the parent `Transition` component. If you want to \"lazy mount\" the component on the\n   * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay\n   * mounted, even on \"exited\", unless you also specify `unmountOnExit`.\n   */\n  mountOnEnter: s.bool,\n  /**\n   * By default the child component stays mounted after it reaches the `'exited'` state.\n   * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.\n   */\n  unmountOnExit: s.bool,\n  /**\n   * By default the child component does not perform the enter transition when\n   * it first mounts, regardless of the value of `in`. If you want this\n   * behavior, set both `appear` and `in` to `true`.\n   *\n   * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop\n   * > only adds an additional enter transition. However, in the\n   * > `<CSSTransition>` component that first enter transition does result in\n   * > additional `.appear-*` classes, that way you can choose to style it\n   * > differently.\n   */\n  appear: s.bool,\n  /**\n   * Enable or disable enter transitions.\n   */\n  enter: s.bool,\n  /**\n   * Enable or disable exit transitions.\n   */\n  exit: s.bool,\n  /**\n   * The duration of the transition, in milliseconds.\n   * Required unless `addEndListener` is provided.\n   *\n   * You may specify a single timeout for all transitions:\n   *\n   * ```jsx\n   * timeout={500}\n   * ```\n   *\n   * or individually:\n   *\n   * ```jsx\n   * timeout={{\n   *  appear: 500,\n   *  enter: 300,\n   *  exit: 500,\n   * }}\n   * ```\n   *\n   * - `appear` defaults to the value of `enter`\n   * - `enter` defaults to `0`\n   * - `exit` defaults to `0`\n   *\n   * @type {number | { enter?: number, exit?: number, appear?: number }}\n   */\n  timeout: function(t) {\n    var n = r1;\n    t.addEndListener || (n = n.isRequired);\n    for (var r = arguments.length, o = new Array(r > 1 ? r - 1 : 0), i = 1; i < r; i++)\n      o[i - 1] = arguments[i];\n    return n.apply(void 0, [t].concat(o));\n  },\n  /**\n   * Add a custom transition end trigger. Called with the transitioning\n   * DOM node and a `done` callback. Allows for more fine grained transition end\n   * logic. Timeouts are still used as a fallback if provided.\n   *\n   * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n   *\n   * ```jsx\n   * addEndListener={(node, done) => {\n   *   // use the css transitionend event to mark the finish of a transition\n   *   node.addEventListener('transitionend', done, false);\n   * }}\n   * ```\n   */\n  addEndListener: s.func,\n  /**\n   * Callback fired before the \"entering\" status is applied. An extra parameter\n   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n   *\n   * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n   *\n   * @type Function(node: HtmlElement, isAppearing: bool) -> void\n   */\n  onEnter: s.func,\n  /**\n   * Callback fired after the \"entering\" status is applied. An extra parameter\n   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n   *\n   * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n   *\n   * @type Function(node: HtmlElement, isAppearing: bool)\n   */\n  onEntering: s.func,\n  /**\n   * Callback fired after the \"entered\" status is applied. An extra parameter\n   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n   *\n   * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n   *\n   * @type Function(node: HtmlElement, isAppearing: bool) -> void\n   */\n  onEntered: s.func,\n  /**\n   * Callback fired before the \"exiting\" status is applied.\n   *\n   * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n   *\n   * @type Function(node: HtmlElement) -> void\n   */\n  onExit: s.func,\n  /**\n   * Callback fired after the \"exiting\" status is applied.\n   *\n   * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n   *\n   * @type Function(node: HtmlElement) -> void\n   */\n  onExiting: s.func,\n  /**\n   * Callback fired after the \"exited\" status is applied.\n   *\n   * **Note**: when `nodeRef` prop is passed, `node` is not passed\n   *\n   * @type Function(node: HtmlElement) -> void\n   */\n  onExited: s.func\n} : {};\nfunction dn() {\n}\nkt.defaultProps = {\n  in: !1,\n  mountOnEnter: !1,\n  unmountOnExit: !1,\n  appear: !1,\n  enter: !0,\n  exit: !0,\n  onEnter: dn,\n  onEntering: dn,\n  onEntered: dn,\n  onExit: dn,\n  onExiting: dn,\n  onExited: dn\n};\nkt.UNMOUNTED = Ln;\nkt.EXITED = Ut;\nkt.ENTERING = Yt;\nkt.ENTERED = gn;\nkt.EXITING = yo;\nfunction i1(e) {\n  if (e === void 0) throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n  return e;\n}\nfunction Fo(e, t) {\n  var n = function(i) {\n    return t && Bn(i) ? t(i) : i;\n  }, r = /* @__PURE__ */ Object.create(null);\n  return e && _0.map(e, function(o) {\n    return o;\n  }).forEach(function(o) {\n    r[o.key] = n(o);\n  }), r;\n}\nfunction a1(e, t) {\n  e = e || {}, t = t || {};\n  function n(p) {\n    return p in t ? t[p] : e[p];\n  }\n  var r = /* @__PURE__ */ Object.create(null), o = [];\n  for (var i in e)\n    i in t ? o.length && (r[i] = o, o = []) : o.push(i);\n  var a, l = {};\n  for (var u in t) {\n    if (r[u])\n      for (a = 0; a < r[u].length; a++) {\n        var d = r[u][a];\n        l[r[u][a]] = n(d);\n      }\n    l[u] = n(u);\n  }\n  for (a = 0; a < o.length; a++)\n    l[o[a]] = n(o[a]);\n  return l;\n}\nfunction Kt(e, t, n) {\n  return n[t] != null ? n[t] : e.props[t];\n}\nfunction s1(e, t) {\n  return Fo(e.children, function(n) {\n    return Dn(n, {\n      onExited: t.bind(null, n),\n      in: !0,\n      appear: Kt(n, \"appear\", e),\n      enter: Kt(n, \"enter\", e),\n      exit: Kt(n, \"exit\", e)\n    });\n  });\n}\nfunction l1(e, t, n) {\n  var r = Fo(e.children), o = a1(t, r);\n  return Object.keys(o).forEach(function(i) {\n    var a = o[i];\n    if (Bn(a)) {\n      var l = i in t, u = i in r, d = t[i], p = Bn(d) && !d.props.in;\n      u && (!l || p) ? o[i] = Dn(a, {\n        onExited: n.bind(null, a),\n        in: !0,\n        exit: Kt(a, \"exit\", e),\n        enter: Kt(a, \"enter\", e)\n      }) : !u && l && !p ? o[i] = Dn(a, {\n        in: !1\n      }) : u && l && Bn(d) && (o[i] = Dn(a, {\n        onExited: n.bind(null, a),\n        in: d.props.in,\n        exit: Kt(a, \"exit\", e),\n        enter: Kt(a, \"enter\", e)\n      }));\n    }\n  }), o;\n}\nvar c1 = Object.values || function(e) {\n  return Object.keys(e).map(function(t) {\n    return e[t];\n  });\n}, u1 = {\n  component: \"div\",\n  childFactory: function(t) {\n    return t;\n  }\n}, Ho = /* @__PURE__ */ function(e) {\n  Ts(t, e);\n  function t(r, o) {\n    var i;\n    i = e.call(this, r, o) || this;\n    var a = i.handleExited.bind(i1(i));\n    return i.state = {\n      contextValue: {\n        isMounting: !0\n      },\n      handleExited: a,\n      firstRender: !0\n    }, i;\n  }\n  var n = t.prototype;\n  return n.componentDidMount = function() {\n    this.mounted = !0, this.setState({\n      contextValue: {\n        isMounting: !1\n      }\n    });\n  }, n.componentWillUnmount = function() {\n    this.mounted = !1;\n  }, t.getDerivedStateFromProps = function(o, i) {\n    var a = i.children, l = i.handleExited, u = i.firstRender;\n    return {\n      children: u ? s1(o, l) : l1(o, a, l),\n      firstRender: !1\n    };\n  }, n.handleExited = function(o, i) {\n    var a = Fo(this.props.children);\n    o.key in a || (o.props.onExited && o.props.onExited(i), this.mounted && this.setState(function(l) {\n      var u = mo({}, l.children);\n      return delete u[o.key], {\n        children: u\n      };\n    }));\n  }, n.render = function() {\n    var o = this.props, i = o.component, a = o.childFactory, l = ws(o, [\"component\", \"childFactory\"]), u = this.state.contextValue, d = c1(this.state.children).map(a);\n    return delete l.appear, delete l.enter, delete l.exit, i === null ? /* @__PURE__ */ oe.createElement(Sr.Provider, {\n      value: u\n    }, d) : /* @__PURE__ */ oe.createElement(Sr.Provider, {\n      value: u\n    }, /* @__PURE__ */ oe.createElement(i, l, d));\n  }, t;\n}(oe.Component);\nHo.propTypes = process.env.NODE_ENV !== \"production\" ? {\n  /**\n   * `<TransitionGroup>` renders a `<div>` by default. You can change this\n   * behavior by providing a `component` prop.\n   * If you use React v16+ and would like to avoid a wrapping `<div>` element\n   * you can pass in `component={null}`. This is useful if the wrapping div\n   * borks your css styles.\n   */\n  component: s.any,\n  /**\n   * A set of `<Transition>` components, that are toggled `in` and out as they\n   * leave. the `<TransitionGroup>` will inject specific transition props, so\n   * remember to spread them through if you are wrapping the `<Transition>` as\n   * with our `<Fade>` example.\n   *\n   * While this component is meant for multiple `Transition` or `CSSTransition`\n   * children, sometimes you may want to have a single transition child with\n   * content that you want to be transitioned out and in when you change it\n   * (e.g. routes, images etc.) In that case you can change the `key` prop of\n   * the transition child as you change its content, this will cause\n   * `TransitionGroup` to transition the child out and back in.\n   */\n  children: s.node,\n  /**\n   * A convenience prop that enables or disables appear animations\n   * for all children. Note that specifying this will override any defaults set\n   * on individual children Transitions.\n   */\n  appear: s.bool,\n  /**\n   * A convenience prop that enables or disables enter animations\n   * for all children. Note that specifying this will override any defaults set\n   * on individual children Transitions.\n   */\n  enter: s.bool,\n  /**\n   * A convenience prop that enables or disables exit animations\n   * for all children. Note that specifying this will override any defaults set\n   * on individual children Transitions.\n   */\n  exit: s.bool,\n  /**\n   * You may need to apply reactive updates to a child as it is exiting.\n   * This is generally done by using `cloneElement` however in the case of an exiting\n   * child the element has already been removed and not accessible to the consumer.\n   *\n   * If you do need to update a child as it leaves you can provide a `childFactory`\n   * to wrap every child, even the ones that are leaving.\n   *\n   * @type Function(child: ReactElement) -> ReactElement\n   */\n  childFactory: s.func\n} : {};\nHo.defaultProps = u1;\nfunction qi(e, t) {\n  const {\n    timeout: n,\n    easing: r,\n    style: o = {}\n  } = e;\n  return {\n    duration: o.transitionDuration ?? (typeof n == \"number\" ? n : n[t.mode] || 0),\n    easing: o.transitionTimingFunction ?? (typeof r == \"object\" ? r[t.mode] : r),\n    delay: o.transitionDelay\n  };\n}\nfunction d1(e) {\n  return Ge(\"MuiSvgIcon\", e);\n}\nQe(\"MuiSvgIcon\", [\"root\", \"colorPrimary\", \"colorSecondary\", \"colorAction\", \"colorError\", \"colorDisabled\", \"fontSizeInherit\", \"fontSizeSmall\", \"fontSizeMedium\", \"fontSizeLarge\"]);\nconst f1 = (e) => {\n  const {\n    color: t,\n    fontSize: n,\n    classes: r\n  } = e, o = {\n    root: [\"root\", t !== \"inherit\" && `color${Fe(t)}`, `fontSize${Fe(n)}`]\n  };\n  return ot(o, d1, r);\n}, p1 = Me(\"svg\", {\n  name: \"MuiSvgIcon\",\n  slot: \"Root\",\n  overridesResolver: (e, t) => {\n    const {\n      ownerState: n\n    } = e;\n    return [t.root, n.color !== \"inherit\" && t[`color${Fe(n.color)}`], t[`fontSize${Fe(n.fontSize)}`]];\n  }\n})(He(({\n  theme: e\n}) => {\n  var t, n, r, o, i, a, l, u, d, p, h, m, C, y;\n  return {\n    userSelect: \"none\",\n    width: \"1em\",\n    height: \"1em\",\n    display: \"inline-block\",\n    flexShrink: 0,\n    transition: (o = (t = e.transitions) == null ? void 0 : t.create) == null ? void 0 : o.call(t, \"fill\", {\n      duration: (r = (n = (e.vars ?? e).transitions) == null ? void 0 : n.duration) == null ? void 0 : r.shorter\n    }),\n    variants: [\n      {\n        props: (c) => !c.hasSvgAsChild,\n        style: {\n          // the <svg> will define the property that has `currentColor`\n          // for example heroicons uses fill=\"none\" and stroke=\"currentColor\"\n          fill: \"currentColor\"\n        }\n      },\n      {\n        props: {\n          fontSize: \"inherit\"\n        },\n        style: {\n          fontSize: \"inherit\"\n        }\n      },\n      {\n        props: {\n          fontSize: \"small\"\n        },\n        style: {\n          fontSize: ((a = (i = e.typography) == null ? void 0 : i.pxToRem) == null ? void 0 : a.call(i, 20)) || \"1.25rem\"\n        }\n      },\n      {\n        props: {\n          fontSize: \"medium\"\n        },\n        style: {\n          fontSize: ((u = (l = e.typography) == null ? void 0 : l.pxToRem) == null ? void 0 : u.call(l, 24)) || \"1.5rem\"\n        }\n      },\n      {\n        props: {\n          fontSize: \"large\"\n        },\n        style: {\n          fontSize: ((p = (d = e.typography) == null ? void 0 : d.pxToRem) == null ? void 0 : p.call(d, 35)) || \"2.1875rem\"\n        }\n      },\n      // TODO v5 deprecate color prop, v6 remove for sx\n      ...Object.entries((e.vars ?? e).palette).filter(([, c]) => c && c.main).map(([c]) => {\n        var E, T;\n        return {\n          props: {\n            color: c\n          },\n          style: {\n            color: (T = (E = (e.vars ?? e).palette) == null ? void 0 : E[c]) == null ? void 0 : T.main\n          }\n        };\n      }),\n      {\n        props: {\n          color: \"action\"\n        },\n        style: {\n          color: (m = (h = (e.vars ?? e).palette) == null ? void 0 : h.action) == null ? void 0 : m.active\n        }\n      },\n      {\n        props: {\n          color: \"disabled\"\n        },\n        style: {\n          color: (y = (C = (e.vars ?? e).palette) == null ? void 0 : C.action) == null ? void 0 : y.disabled\n        }\n      },\n      {\n        props: {\n          color: \"inherit\"\n        },\n        style: {\n          color: void 0\n        }\n      }\n    ]\n  };\n})), wr = /* @__PURE__ */ v.forwardRef(function(t, n) {\n  const r = et({\n    props: t,\n    name: \"MuiSvgIcon\"\n  }), {\n    children: o,\n    className: i,\n    color: a = \"inherit\",\n    component: l = \"svg\",\n    fontSize: u = \"medium\",\n    htmlColor: d,\n    inheritViewBox: p = !1,\n    titleAccess: h,\n    viewBox: m = \"0 0 24 24\",\n    ...C\n  } = r, y = /* @__PURE__ */ v.isValidElement(o) && o.type === \"svg\", c = {\n    ...r,\n    color: a,\n    component: l,\n    fontSize: u,\n    instanceFontSize: t.fontSize,\n    inheritViewBox: p,\n    viewBox: m,\n    hasSvgAsChild: y\n  }, E = {};\n  p || (E.viewBox = m);\n  const T = f1(c);\n  return /* @__PURE__ */ g.jsxs(p1, {\n    as: l,\n    className: pe(T.root, i),\n    focusable: \"false\",\n    color: d,\n    \"aria-hidden\": h ? void 0 : !0,\n    role: h ? \"img\" : void 0,\n    ref: n,\n    ...E,\n    ...C,\n    ...y && o.props,\n    ownerState: c,\n    children: [y ? o.props.children : o, h ? /* @__PURE__ */ g.jsx(\"title\", {\n      children: h\n    }) : null]\n  });\n});\nprocess.env.NODE_ENV !== \"production\" && (wr.propTypes = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * Node passed into the SVG element.\n   */\n  children: s.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: s.object,\n  /**\n   * @ignore\n   */\n  className: s.string,\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * You can use the `htmlColor` prop to apply a color attribute to the SVG element.\n   * @default 'inherit'\n   */\n  color: s.oneOfType([s.oneOf([\"inherit\", \"action\", \"disabled\", \"primary\", \"secondary\", \"error\", \"info\", \"success\", \"warning\"]), s.string]),\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: s.elementType,\n  /**\n   * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.\n   * @default 'medium'\n   */\n  fontSize: s.oneOfType([s.oneOf([\"inherit\", \"large\", \"medium\", \"small\"]), s.string]),\n  /**\n   * Applies a color attribute to the SVG element.\n   */\n  htmlColor: s.string,\n  /**\n   * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`\n   * prop will be ignored.\n   * Useful when you want to reference a custom `component` and have `SvgIcon` pass that\n   * `component`'s viewBox to the root node.\n   * @default false\n   */\n  inheritViewBox: s.bool,\n  /**\n   * The shape-rendering attribute. The behavior of the different options is described on the\n   * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).\n   * If you are having issues with blurry icons you should investigate this prop.\n   */\n  shapeRendering: s.string,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: s.oneOfType([s.arrayOf(s.oneOfType([s.func, s.object, s.bool])), s.func, s.object]),\n  /**\n   * Provides a human-readable title for the element that contains it.\n   * https://www.w3.org/TR/SVG-access/#Equivalent\n   */\n  titleAccess: s.string,\n  /**\n   * Allows you to redefine what the coordinates without units mean inside an SVG element.\n   * For example, if the SVG element is 500 (width) by 200 (height),\n   * and you pass viewBox=\"0 0 50 20\",\n   * this means that the coordinates inside the SVG will go from the top left corner (0,0)\n   * to bottom right (50,20) and each unit will be worth 10px.\n   * @default '0 0 24 24'\n   */\n  viewBox: s.string\n});\nwr.muiName = \"SvgIcon\";\nfunction Rs(e, t) {\n  function n(r, o) {\n    return /* @__PURE__ */ g.jsx(wr, {\n      \"data-testid\": `${t}Icon`,\n      ref: o,\n      ...r,\n      children: e\n    });\n  }\n  return process.env.NODE_ENV !== \"production\" && (n.displayName = `${t}Icon`), n.muiName = wr.muiName, /* @__PURE__ */ v.memo(/* @__PURE__ */ v.forwardRef(n));\n}\nfunction h1(e) {\n  return Ge(\"MuiCollapse\", e);\n}\nQe(\"MuiCollapse\", [\"root\", \"horizontal\", \"vertical\", \"entered\", \"hidden\", \"wrapper\", \"wrapperInner\"]);\nconst g1 = (e) => {\n  const {\n    orientation: t,\n    classes: n\n  } = e, r = {\n    root: [\"root\", `${t}`],\n    entered: [\"entered\"],\n    hidden: [\"hidden\"],\n    wrapper: [\"wrapper\", `${t}`],\n    wrapperInner: [\"wrapperInner\", `${t}`]\n  };\n  return ot(r, h1, n);\n}, m1 = Me(\"div\", {\n  name: \"MuiCollapse\",\n  slot: \"Root\",\n  overridesResolver: (e, t) => {\n    const {\n      ownerState: n\n    } = e;\n    return [t.root, t[n.orientation], n.state === \"entered\" && t.entered, n.state === \"exited\" && !n.in && n.collapsedSize === \"0px\" && t.hidden];\n  }\n})(He(({\n  theme: e\n}) => ({\n  height: 0,\n  overflow: \"hidden\",\n  transition: e.transitions.create(\"height\"),\n  variants: [{\n    props: {\n      orientation: \"horizontal\"\n    },\n    style: {\n      height: \"auto\",\n      width: 0,\n      transition: e.transitions.create(\"width\")\n    }\n  }, {\n    props: {\n      state: \"entered\"\n    },\n    style: {\n      height: \"auto\",\n      overflow: \"visible\"\n    }\n  }, {\n    props: {\n      state: \"entered\",\n      orientation: \"horizontal\"\n    },\n    style: {\n      width: \"auto\"\n    }\n  }, {\n    props: ({\n      ownerState: t\n    }) => t.state === \"exited\" && !t.in && t.collapsedSize === \"0px\",\n    style: {\n      visibility: \"hidden\"\n    }\n  }]\n}))), b1 = Me(\"div\", {\n  name: \"MuiCollapse\",\n  slot: \"Wrapper\",\n  overridesResolver: (e, t) => t.wrapper\n})({\n  // Hack to get children with a negative margin to not falsify the height computation.\n  display: \"flex\",\n  width: \"100%\",\n  variants: [{\n    props: {\n      orientation: \"horizontal\"\n    },\n    style: {\n      width: \"auto\",\n      height: \"100%\"\n    }\n  }]\n}), y1 = Me(\"div\", {\n  name: \"MuiCollapse\",\n  slot: \"WrapperInner\",\n  overridesResolver: (e, t) => t.wrapperInner\n})({\n  width: \"100%\",\n  variants: [{\n    props: {\n      orientation: \"horizontal\"\n    },\n    style: {\n      width: \"auto\",\n      height: \"100%\"\n    }\n  }]\n}), Tr = /* @__PURE__ */ v.forwardRef(function(t, n) {\n  const r = et({\n    props: t,\n    name: \"MuiCollapse\"\n  }), {\n    addEndListener: o,\n    children: i,\n    className: a,\n    collapsedSize: l = \"0px\",\n    component: u,\n    easing: d,\n    in: p,\n    onEnter: h,\n    onEntered: m,\n    onEntering: C,\n    onExit: y,\n    onExited: c,\n    onExiting: E,\n    orientation: T = \"vertical\",\n    style: O,\n    timeout: R = hs.standard,\n    // eslint-disable-next-line react/prop-types\n    TransitionComponent: S = kt,\n    ...x\n  } = r, N = {\n    ...r,\n    orientation: T,\n    collapsedSize: l\n  }, _ = g1(N), W = zo(), U = is(), f = v.useRef(null), $ = v.useRef(), B = typeof l == \"number\" ? `${l}px` : l, P = T === \"horizontal\", V = P ? \"width\" : \"height\", ne = v.useRef(null), re = Jt(n, ne), le = (I) => (D) => {\n    if (I) {\n      const z = ne.current;\n      D === void 0 ? I(z) : I(z, D);\n    }\n  }, Se = () => f.current ? f.current[P ? \"clientWidth\" : \"clientHeight\"] : 0, ie = le((I, D) => {\n    f.current && P && (f.current.style.position = \"absolute\"), I.style[V] = B, h && h(I, D);\n  }), k = le((I, D) => {\n    const z = Se();\n    f.current && P && (f.current.style.position = \"\");\n    const {\n      duration: K,\n      easing: Z\n    } = qi({\n      style: O,\n      timeout: R,\n      easing: d\n    }, {\n      mode: \"enter\"\n    });\n    if (R === \"auto\") {\n      const $e = W.transitions.getAutoHeightDuration(z);\n      I.style.transitionDuration = `${$e}ms`, $.current = $e;\n    } else\n      I.style.transitionDuration = typeof K == \"string\" ? K : `${K}ms`;\n    I.style[V] = `${z}px`, I.style.transitionTimingFunction = Z, C && C(I, D);\n  }), A = le((I, D) => {\n    I.style[V] = \"auto\", m && m(I, D);\n  }), G = le((I) => {\n    I.style[V] = `${Se()}px`, y && y(I);\n  }), q = le(c), Y = le((I) => {\n    const D = Se(), {\n      duration: z,\n      easing: K\n    } = qi({\n      style: O,\n      timeout: R,\n      easing: d\n    }, {\n      mode: \"exit\"\n    });\n    if (R === \"auto\") {\n      const Z = W.transitions.getAutoHeightDuration(D);\n      I.style.transitionDuration = `${Z}ms`, $.current = Z;\n    } else\n      I.style.transitionDuration = typeof z == \"string\" ? z : `${z}ms`;\n    I.style[V] = B, I.style.transitionTimingFunction = K, E && E(I);\n  }), ee = (I) => {\n    R === \"auto\" && U.start($.current || 0, I), o && o(ne.current, I);\n  };\n  return /* @__PURE__ */ g.jsx(S, {\n    in: p,\n    onEnter: ie,\n    onEntered: A,\n    onEntering: k,\n    onExit: G,\n    onExited: q,\n    onExiting: Y,\n    addEndListener: ee,\n    nodeRef: ne,\n    timeout: R === \"auto\" ? null : R,\n    ...x,\n    children: (I, {\n      ownerState: D,\n      ...z\n    }) => /* @__PURE__ */ g.jsx(m1, {\n      as: u,\n      className: pe(_.root, a, {\n        entered: _.entered,\n        exited: !p && B === \"0px\" && _.hidden\n      }[I]),\n      style: {\n        [P ? \"minWidth\" : \"minHeight\"]: B,\n        ...O\n      },\n      ref: re,\n      ownerState: {\n        ...N,\n        state: I\n      },\n      ...z,\n      children: /* @__PURE__ */ g.jsx(b1, {\n        ownerState: {\n          ...N,\n          state: I\n        },\n        className: _.wrapper,\n        ref: f,\n        children: /* @__PURE__ */ g.jsx(y1, {\n          ownerState: {\n            ...N,\n            state: I\n          },\n          className: _.wrapperInner,\n          children: i\n        })\n      })\n    })\n  });\n});\nprocess.env.NODE_ENV !== \"production\" && (Tr.propTypes = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * Add a custom transition end trigger. Called with the transitioning DOM\n   * node and a done callback. Allows for more fine grained transition end\n   * logic. Note: Timeouts are still used as a fallback if provided.\n   */\n  addEndListener: s.func,\n  /**\n   * The content node to be collapsed.\n   */\n  children: s.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: s.object,\n  /**\n   * @ignore\n   */\n  className: s.string,\n  /**\n   * The width (horizontal) or height (vertical) of the container when collapsed.\n   * @default '0px'\n   */\n  collapsedSize: s.oneOfType([s.number, s.string]),\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: jo,\n  /**\n   * The transition timing function.\n   * You may specify a single easing or a object containing enter and exit values.\n   */\n  easing: s.oneOfType([s.shape({\n    enter: s.string,\n    exit: s.string\n  }), s.string]),\n  /**\n   * If `true`, the component will transition in.\n   */\n  in: s.bool,\n  /**\n   * @ignore\n   */\n  onEnter: s.func,\n  /**\n   * @ignore\n   */\n  onEntered: s.func,\n  /**\n   * @ignore\n   */\n  onEntering: s.func,\n  /**\n   * @ignore\n   */\n  onExit: s.func,\n  /**\n   * @ignore\n   */\n  onExited: s.func,\n  /**\n   * @ignore\n   */\n  onExiting: s.func,\n  /**\n   * The transition orientation.\n   * @default 'vertical'\n   */\n  orientation: s.oneOf([\"horizontal\", \"vertical\"]),\n  /**\n   * @ignore\n   */\n  style: s.object,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: s.oneOfType([s.arrayOf(s.oneOfType([s.func, s.object, s.bool])), s.func, s.object]),\n  /**\n   * The duration for the transition, in milliseconds.\n   * You may specify a single timeout for all transitions, or individually with an object.\n   *\n   * Set to 'auto' to automatically calculate transition time based on height.\n   * @default duration.standard\n   */\n  timeout: s.oneOfType([s.oneOf([\"auto\"]), s.number, s.shape({\n    appear: s.number,\n    enter: s.number,\n    exit: s.number\n  })])\n});\nTr && (Tr.muiSupportAuto = !0);\nfunction v1(e) {\n  return Ge(\"MuiPaper\", e);\n}\nQe(\"MuiPaper\", [\"root\", \"rounded\", \"outlined\", \"elevation\", \"elevation0\", \"elevation1\", \"elevation2\", \"elevation3\", \"elevation4\", \"elevation5\", \"elevation6\", \"elevation7\", \"elevation8\", \"elevation9\", \"elevation10\", \"elevation11\", \"elevation12\", \"elevation13\", \"elevation14\", \"elevation15\", \"elevation16\", \"elevation17\", \"elevation18\", \"elevation19\", \"elevation20\", \"elevation21\", \"elevation22\", \"elevation23\", \"elevation24\"]);\nconst C1 = (e) => {\n  const {\n    square: t,\n    elevation: n,\n    variant: r,\n    classes: o\n  } = e, i = {\n    root: [\"root\", r, !t && \"rounded\", r === \"elevation\" && `elevation${n}`]\n  };\n  return ot(i, v1, o);\n}, x1 = Me(\"div\", {\n  name: \"MuiPaper\",\n  slot: \"Root\",\n  overridesResolver: (e, t) => {\n    const {\n      ownerState: n\n    } = e;\n    return [t.root, t[n.variant], !n.square && t.rounded, n.variant === \"elevation\" && t[`elevation${n.elevation}`]];\n  }\n})(He(({\n  theme: e\n}) => ({\n  backgroundColor: (e.vars || e).palette.background.paper,\n  color: (e.vars || e).palette.text.primary,\n  transition: e.transitions.create(\"box-shadow\"),\n  variants: [{\n    props: ({\n      ownerState: t\n    }) => !t.square,\n    style: {\n      borderRadius: e.shape.borderRadius\n    }\n  }, {\n    props: {\n      variant: \"outlined\"\n    },\n    style: {\n      border: `1px solid ${(e.vars || e).palette.divider}`\n    }\n  }, {\n    props: {\n      variant: \"elevation\"\n    },\n    style: {\n      boxShadow: \"var(--Paper-shadow)\",\n      backgroundImage: \"var(--Paper-overlay)\"\n    }\n  }]\n}))), Wo = /* @__PURE__ */ v.forwardRef(function(t, n) {\n  var C;\n  const r = et({\n    props: t,\n    name: \"MuiPaper\"\n  }), o = zo(), {\n    className: i,\n    component: a = \"div\",\n    elevation: l = 1,\n    square: u = !1,\n    variant: d = \"elevation\",\n    ...p\n  } = r, h = {\n    ...r,\n    component: a,\n    elevation: l,\n    square: u,\n    variant: d\n  }, m = C1(h);\n  return process.env.NODE_ENV !== \"production\" && o.shadows[l], /* @__PURE__ */ g.jsx(x1, {\n    as: a,\n    ownerState: h,\n    className: pe(m.root, i),\n    ref: n,\n    ...p,\n    style: {\n      ...d === \"elevation\" && {\n        \"--Paper-shadow\": (o.vars || o).shadows[l],\n        ...o.vars && {\n          \"--Paper-overlay\": (C = o.vars.overlays) == null ? void 0 : C[l]\n        },\n        ...!o.vars && o.palette.mode === \"dark\" && {\n          \"--Paper-overlay\": `linear-gradient(${Oe(\"#fff\", go(l))}, ${Oe(\"#fff\", go(l))})`\n        }\n      },\n      ...p.style\n    }\n  });\n});\nprocess.env.NODE_ENV !== \"production\" && (Wo.propTypes = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: s.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: s.object,\n  /**\n   * @ignore\n   */\n  className: s.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: s.elementType,\n  /**\n   * Shadow depth, corresponds to `dp` in the spec.\n   * It accepts values between 0 and 24 inclusive.\n   * @default 1\n   */\n  elevation: zr(Il, (e) => {\n    const {\n      elevation: t,\n      variant: n\n    } = e;\n    return t > 0 && n === \"outlined\" ? new Error(`MUI: Combining \\`elevation={${t}}\\` with \\`variant=\"${n}\"\\` has no effect. Either use \\`elevation={0}\\` or use a different \\`variant\\`.`) : null;\n  }),\n  /**\n   * If `true`, rounded corners are disabled.\n   * @default false\n   */\n  square: s.bool,\n  /**\n   * @ignore\n   */\n  style: s.object,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: s.oneOfType([s.arrayOf(s.oneOfType([s.func, s.object, s.bool])), s.func, s.object]),\n  /**\n   * The variant to use.\n   * @default 'elevation'\n   */\n  variant: s.oneOfType([s.oneOf([\"elevation\", \"outlined\"]), s.string])\n});\nconst Uo = /* @__PURE__ */ v.createContext({});\nprocess.env.NODE_ENV !== \"production\" && (Uo.displayName = \"AccordionContext\");\nfunction Gi(e, t) {\n  const {\n    className: n,\n    elementType: r,\n    ownerState: o,\n    externalForwardedProps: i,\n    internalForwardedProps: a,\n    ...l\n  } = t, {\n    component: u,\n    slots: d = {\n      [e]: void 0\n    },\n    slotProps: p = {\n      [e]: void 0\n    },\n    ...h\n  } = i, m = d[e] || r, C = us(p[e], o), {\n    props: {\n      component: y,\n      ...c\n    },\n    internalRef: E\n  } = cs({\n    className: n,\n    ...l,\n    externalForwardedProps: e === \"root\" ? h : void 0,\n    externalSlotProps: C\n  }), T = Jt(E, C == null ? void 0 : C.ref, t.ref), O = e === \"root\" ? y || u : y, R = ls(m, {\n    ...e === \"root\" && !u && !d[e] && a,\n    ...e !== \"root\" && !d[e] && a,\n    ...c,\n    ...O && {\n      as: O\n    },\n    ref: T\n  }, o);\n  return [m, R];\n}\nfunction E1(e) {\n  return Ge(\"MuiAccordion\", e);\n}\nconst ar = Qe(\"MuiAccordion\", [\"root\", \"heading\", \"rounded\", \"expanded\", \"disabled\", \"gutters\", \"region\"]), S1 = (e) => {\n  const {\n    classes: t,\n    square: n,\n    expanded: r,\n    disabled: o,\n    disableGutters: i\n  } = e;\n  return ot({\n    root: [\"root\", !n && \"rounded\", r && \"expanded\", o && \"disabled\", !i && \"gutters\"],\n    heading: [\"heading\"],\n    region: [\"region\"]\n  }, E1, t);\n}, w1 = Me(Wo, {\n  name: \"MuiAccordion\",\n  slot: \"Root\",\n  overridesResolver: (e, t) => {\n    const {\n      ownerState: n\n    } = e;\n    return [{\n      [`& .${ar.region}`]: t.region\n    }, t.root, !n.square && t.rounded, !n.disableGutters && t.gutters];\n  }\n})(He(({\n  theme: e\n}) => {\n  const t = {\n    duration: e.transitions.duration.shortest\n  };\n  return {\n    position: \"relative\",\n    transition: e.transitions.create([\"margin\"], t),\n    overflowAnchor: \"none\",\n    // Keep the same scrolling position\n    \"&::before\": {\n      position: \"absolute\",\n      left: 0,\n      top: -1,\n      right: 0,\n      height: 1,\n      content: '\"\"',\n      opacity: 1,\n      backgroundColor: (e.vars || e).palette.divider,\n      transition: e.transitions.create([\"opacity\", \"background-color\"], t)\n    },\n    \"&:first-of-type\": {\n      \"&::before\": {\n        display: \"none\"\n      }\n    },\n    [`&.${ar.expanded}`]: {\n      \"&::before\": {\n        opacity: 0\n      },\n      \"&:first-of-type\": {\n        marginTop: 0\n      },\n      \"&:last-of-type\": {\n        marginBottom: 0\n      },\n      \"& + &\": {\n        \"&::before\": {\n          display: \"none\"\n        }\n      }\n    },\n    [`&.${ar.disabled}`]: {\n      backgroundColor: (e.vars || e).palette.action.disabledBackground\n    }\n  };\n}), He(({\n  theme: e\n}) => ({\n  variants: [{\n    props: (t) => !t.square,\n    style: {\n      borderRadius: 0,\n      \"&:first-of-type\": {\n        borderTopLeftRadius: (e.vars || e).shape.borderRadius,\n        borderTopRightRadius: (e.vars || e).shape.borderRadius\n      },\n      \"&:last-of-type\": {\n        borderBottomLeftRadius: (e.vars || e).shape.borderRadius,\n        borderBottomRightRadius: (e.vars || e).shape.borderRadius,\n        // Fix a rendering issue on Edge\n        \"@supports (-ms-ime-align: auto)\": {\n          borderBottomLeftRadius: 0,\n          borderBottomRightRadius: 0\n        }\n      }\n    }\n  }, {\n    props: (t) => !t.disableGutters,\n    style: {\n      [`&.${ar.expanded}`]: {\n        margin: \"16px 0\"\n      }\n    }\n  }]\n}))), T1 = Me(\"h3\", {\n  name: \"MuiAccordion\",\n  slot: \"Heading\",\n  overridesResolver: (e, t) => t.heading\n})({\n  all: \"unset\"\n}), ks = /* @__PURE__ */ v.forwardRef(function(t, n) {\n  const r = et({\n    props: t,\n    name: \"MuiAccordion\"\n  }), {\n    children: o,\n    className: i,\n    defaultExpanded: a = !1,\n    disabled: l = !1,\n    disableGutters: u = !1,\n    expanded: d,\n    onChange: p,\n    square: h = !1,\n    slots: m = {},\n    slotProps: C = {},\n    TransitionComponent: y,\n    TransitionProps: c,\n    ...E\n  } = r, [T, O] = Ml({\n    controlled: d,\n    default: a,\n    name: \"Accordion\",\n    state: \"expanded\"\n  }), R = v.useCallback((re) => {\n    O(!T), p && p(re, !T);\n  }, [T, p, O]), [S, ...x] = v.Children.toArray(o), N = v.useMemo(() => ({\n    expanded: T,\n    disabled: l,\n    disableGutters: u,\n    toggle: R\n  }), [T, l, u, R]), _ = {\n    ...r,\n    square: h,\n    disabled: l,\n    disableGutters: u,\n    expanded: T\n  }, W = S1(_), U = {\n    transition: y,\n    ...m\n  }, f = {\n    transition: c,\n    ...C\n  }, $ = {\n    slots: U,\n    slotProps: f\n  }, [B, P] = Gi(\"heading\", {\n    elementType: T1,\n    externalForwardedProps: $,\n    className: W.heading,\n    ownerState: _\n  }), [V, ne] = Gi(\"transition\", {\n    elementType: Tr,\n    externalForwardedProps: $,\n    ownerState: _\n  });\n  return /* @__PURE__ */ g.jsxs(w1, {\n    className: pe(W.root, i),\n    ref: n,\n    ownerState: _,\n    square: h,\n    ...E,\n    children: [/* @__PURE__ */ g.jsx(B, {\n      ...P,\n      children: /* @__PURE__ */ g.jsx(Uo.Provider, {\n        value: N,\n        children: S\n      })\n    }), /* @__PURE__ */ g.jsx(V, {\n      in: T,\n      timeout: \"auto\",\n      ...ne,\n      children: /* @__PURE__ */ g.jsx(\"div\", {\n        \"aria-labelledby\": S.props.id,\n        id: S.props[\"aria-controls\"],\n        role: \"region\",\n        className: W.region,\n        children: x\n      })\n    })]\n  });\n});\nprocess.env.NODE_ENV !== \"production\" && (ks.propTypes = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: zr(s.node.isRequired, (e) => {\n    const t = v.Children.toArray(e.children)[0];\n    return Es.isFragment(t) ? new Error(\"MUI: The Accordion doesn't accept a Fragment as a child. Consider providing an array instead.\") : /* @__PURE__ */ v.isValidElement(t) ? null : new Error(\"MUI: Expected the first child of Accordion to be a valid element.\");\n  }),\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: s.object,\n  /**\n   * @ignore\n   */\n  className: s.string,\n  /**\n   * If `true`, expands the accordion by default.\n   * @default false\n   */\n  defaultExpanded: s.bool,\n  /**\n   * If `true`, the component is disabled.\n   * @default false\n   */\n  disabled: s.bool,\n  /**\n   * If `true`, it removes the margin between two expanded accordion items and the increase of height.\n   * @default false\n   */\n  disableGutters: s.bool,\n  /**\n   * If `true`, expands the accordion, otherwise collapse it.\n   * Setting this prop enables control over the accordion.\n   */\n  expanded: s.bool,\n  /**\n   * Callback fired when the expand/collapse state is changed.\n   *\n   * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.\n   * @param {boolean} expanded The `expanded` state of the accordion.\n   */\n  onChange: s.func,\n  /**\n   * The props used for each slot inside.\n   * @default {}\n   */\n  slotProps: s.shape({\n    heading: s.oneOfType([s.func, s.object]),\n    transition: s.oneOfType([s.func, s.object])\n  }),\n  /**\n   * The components used for each slot inside.\n   * @default {}\n   */\n  slots: s.shape({\n    heading: s.elementType,\n    transition: s.elementType\n  }),\n  /**\n   * If `true`, rounded corners are disabled.\n   * @default false\n   */\n  square: s.bool,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: s.oneOfType([s.arrayOf(s.oneOfType([s.func, s.object, s.bool])), s.func, s.object]),\n  /**\n   * The component used for the transition.\n   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.\n   * @deprecated Use `slots.transition` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n   */\n  TransitionComponent: s.elementType,\n  /**\n   * Props applied to the transition element.\n   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.\n   * @deprecated Use `slotProps.transition` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n   */\n  TransitionProps: s.object\n});\nfunction R1(e) {\n  return Ge(\"MuiAccordionDetails\", e);\n}\nQe(\"MuiAccordionDetails\", [\"root\"]);\nconst k1 = (e) => {\n  const {\n    classes: t\n  } = e;\n  return ot({\n    root: [\"root\"]\n  }, R1, t);\n}, O1 = Me(\"div\", {\n  name: \"MuiAccordionDetails\",\n  slot: \"Root\",\n  overridesResolver: (e, t) => t.root\n})(He(({\n  theme: e\n}) => ({\n  padding: e.spacing(1, 2, 2)\n}))), Os = /* @__PURE__ */ v.forwardRef(function(t, n) {\n  const r = et({\n    props: t,\n    name: \"MuiAccordionDetails\"\n  }), {\n    className: o,\n    ...i\n  } = r, a = r, l = k1(a);\n  return /* @__PURE__ */ g.jsx(O1, {\n    className: pe(l.root, o),\n    ref: n,\n    ownerState: a,\n    ...i\n  });\n});\nprocess.env.NODE_ENV !== \"production\" && (Os.propTypes = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: s.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: s.object,\n  /**\n   * @ignore\n   */\n  className: s.string,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: s.oneOfType([s.arrayOf(s.oneOfType([s.func, s.object, s.bool])), s.func, s.object])\n});\nclass Rr {\n  constructor() {\n    kn(this, \"mountEffect\", () => {\n      this.shouldMount && !this.didMount && this.ref.current !== null && (this.didMount = !0, this.mounted.resolve());\n    });\n    this.ref = {\n      current: null\n    }, this.mounted = null, this.didMount = !1, this.shouldMount = !1, this.setShouldMount = null;\n  }\n  /** React ref to the ripple instance */\n  /** If the ripple component should be mounted */\n  /** Promise that resolves when the ripple component is mounted */\n  /** If the ripple component has been mounted */\n  /** React state hook setter */\n  static create() {\n    return new Rr();\n  }\n  static use() {\n    const t = os(Rr.create).current, [n, r] = v.useState(!1);\n    return t.shouldMount = n, t.setShouldMount = r, v.useEffect(t.mountEffect, [n]), t;\n  }\n  mount() {\n    return this.mounted || (this.mounted = $1(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;\n  }\n  /* Ripple API */\n  start(...t) {\n    this.mount().then(() => {\n      var n;\n      return (n = this.ref.current) == null ? void 0 : n.start(...t);\n    });\n  }\n  stop(...t) {\n    this.mount().then(() => {\n      var n;\n      return (n = this.ref.current) == null ? void 0 : n.stop(...t);\n    });\n  }\n  pulsate(...t) {\n    this.mount().then(() => {\n      var n;\n      return (n = this.ref.current) == null ? void 0 : n.pulsate(...t);\n    });\n  }\n}\nfunction M1() {\n  return Rr.use();\n}\nfunction $1() {\n  let e, t;\n  const n = new Promise((r, o) => {\n    e = r, t = o;\n  });\n  return n.resolve = e, n.reject = t, n;\n}\nfunction Ms(e) {\n  const {\n    className: t,\n    classes: n,\n    pulsate: r = !1,\n    rippleX: o,\n    rippleY: i,\n    rippleSize: a,\n    in: l,\n    onExited: u,\n    timeout: d\n  } = e, [p, h] = v.useState(!1), m = pe(t, n.ripple, n.rippleVisible, r && n.ripplePulsate), C = {\n    width: a,\n    height: a,\n    top: -(a / 2) + i,\n    left: -(a / 2) + o\n  }, y = pe(n.child, p && n.childLeaving, r && n.childPulsate);\n  return !l && !p && h(!0), v.useEffect(() => {\n    if (!l && u != null) {\n      const c = setTimeout(u, d);\n      return () => {\n        clearTimeout(c);\n      };\n    }\n  }, [u, l, d]), /* @__PURE__ */ g.jsx(\"span\", {\n    className: m,\n    style: C,\n    children: /* @__PURE__ */ g.jsx(\"span\", {\n      className: y\n    })\n  });\n}\nprocess.env.NODE_ENV !== \"production\" && (Ms.propTypes = {\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: s.object.isRequired,\n  className: s.string,\n  /**\n   * @ignore - injected from TransitionGroup\n   */\n  in: s.bool,\n  /**\n   * @ignore - injected from TransitionGroup\n   */\n  onExited: s.func,\n  /**\n   * If `true`, the ripple pulsates, typically indicating the keyboard focus state of an element.\n   */\n  pulsate: s.bool,\n  /**\n   * Diameter of the ripple.\n   */\n  rippleSize: s.number,\n  /**\n   * Horizontal position of the ripple center.\n   */\n  rippleX: s.number,\n  /**\n   * Vertical position of the ripple center.\n   */\n  rippleY: s.number,\n  /**\n   * exit delay\n   */\n  timeout: s.number.isRequired\n});\nconst lt = Qe(\"MuiTouchRipple\", [\"root\", \"ripple\", \"rippleVisible\", \"ripplePulsate\", \"child\", \"childLeaving\", \"childPulsate\"]), vo = 550, _1 = 80, A1 = Ro`\n  0% {\n    transform: scale(0);\n    opacity: 0.1;\n  }\n\n  100% {\n    transform: scale(1);\n    opacity: 0.3;\n  }\n`, I1 = Ro`\n  0% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n  }\n`, N1 = Ro`\n  0% {\n    transform: scale(1);\n  }\n\n  50% {\n    transform: scale(0.92);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n`, j1 = Me(\"span\", {\n  name: \"MuiTouchRipple\",\n  slot: \"Root\"\n})({\n  overflow: \"hidden\",\n  pointerEvents: \"none\",\n  position: \"absolute\",\n  zIndex: 0,\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0,\n  borderRadius: \"inherit\"\n}), P1 = Me(Ms, {\n  name: \"MuiTouchRipple\",\n  slot: \"Ripple\"\n})`\n  opacity: 0;\n  position: absolute;\n\n  &.${lt.rippleVisible} {\n    opacity: 0.3;\n    transform: scale(1);\n    animation-name: ${A1};\n    animation-duration: ${vo}ms;\n    animation-timing-function: ${({\n  theme: e\n}) => e.transitions.easing.easeInOut};\n  }\n\n  &.${lt.ripplePulsate} {\n    animation-duration: ${({\n  theme: e\n}) => e.transitions.duration.shorter}ms;\n  }\n\n  & .${lt.child} {\n    opacity: 1;\n    display: block;\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    background-color: currentColor;\n  }\n\n  & .${lt.childLeaving} {\n    opacity: 0;\n    animation-name: ${I1};\n    animation-duration: ${vo}ms;\n    animation-timing-function: ${({\n  theme: e\n}) => e.transitions.easing.easeInOut};\n  }\n\n  & .${lt.childPulsate} {\n    position: absolute;\n    /* @noflip */\n    left: 0px;\n    top: 0;\n    animation-name: ${N1};\n    animation-duration: 2500ms;\n    animation-timing-function: ${({\n  theme: e\n}) => e.transitions.easing.easeInOut};\n    animation-iteration-count: infinite;\n    animation-delay: 200ms;\n  }\n`, $s = /* @__PURE__ */ v.forwardRef(function(t, n) {\n  const r = et({\n    props: t,\n    name: \"MuiTouchRipple\"\n  }), {\n    center: o = !1,\n    classes: i = {},\n    className: a,\n    ...l\n  } = r, [u, d] = v.useState([]), p = v.useRef(0), h = v.useRef(null);\n  v.useEffect(() => {\n    h.current && (h.current(), h.current = null);\n  }, [u]);\n  const m = v.useRef(!1), C = is(), y = v.useRef(null), c = v.useRef(null), E = v.useCallback((S) => {\n    const {\n      pulsate: x,\n      rippleX: N,\n      rippleY: _,\n      rippleSize: W,\n      cb: U\n    } = S;\n    d((f) => [...f, /* @__PURE__ */ g.jsx(P1, {\n      classes: {\n        ripple: pe(i.ripple, lt.ripple),\n        rippleVisible: pe(i.rippleVisible, lt.rippleVisible),\n        ripplePulsate: pe(i.ripplePulsate, lt.ripplePulsate),\n        child: pe(i.child, lt.child),\n        childLeaving: pe(i.childLeaving, lt.childLeaving),\n        childPulsate: pe(i.childPulsate, lt.childPulsate)\n      },\n      timeout: vo,\n      pulsate: x,\n      rippleX: N,\n      rippleY: _,\n      rippleSize: W\n    }, p.current)]), p.current += 1, h.current = U;\n  }, [i]), T = v.useCallback((S = {}, x = {}, N = () => {\n  }) => {\n    const {\n      pulsate: _ = !1,\n      center: W = o || x.pulsate,\n      fakeElement: U = !1\n      // For test purposes\n    } = x;\n    if ((S == null ? void 0 : S.type) === \"mousedown\" && m.current) {\n      m.current = !1;\n      return;\n    }\n    (S == null ? void 0 : S.type) === \"touchstart\" && (m.current = !0);\n    const f = U ? null : c.current, $ = f ? f.getBoundingClientRect() : {\n      width: 0,\n      height: 0,\n      left: 0,\n      top: 0\n    };\n    let B, P, V;\n    if (W || S === void 0 || S.clientX === 0 && S.clientY === 0 || !S.clientX && !S.touches)\n      B = Math.round($.width / 2), P = Math.round($.height / 2);\n    else {\n      const {\n        clientX: ne,\n        clientY: re\n      } = S.touches && S.touches.length > 0 ? S.touches[0] : S;\n      B = Math.round(ne - $.left), P = Math.round(re - $.top);\n    }\n    if (W)\n      V = Math.sqrt((2 * $.width ** 2 + $.height ** 2) / 3), V % 2 === 0 && (V += 1);\n    else {\n      const ne = Math.max(Math.abs((f ? f.clientWidth : 0) - B), B) * 2 + 2, re = Math.max(Math.abs((f ? f.clientHeight : 0) - P), P) * 2 + 2;\n      V = Math.sqrt(ne ** 2 + re ** 2);\n    }\n    S != null && S.touches ? y.current === null && (y.current = () => {\n      E({\n        pulsate: _,\n        rippleX: B,\n        rippleY: P,\n        rippleSize: V,\n        cb: N\n      });\n    }, C.start(_1, () => {\n      y.current && (y.current(), y.current = null);\n    })) : E({\n      pulsate: _,\n      rippleX: B,\n      rippleY: P,\n      rippleSize: V,\n      cb: N\n    });\n  }, [o, E, C]), O = v.useCallback(() => {\n    T({}, {\n      pulsate: !0\n    });\n  }, [T]), R = v.useCallback((S, x) => {\n    if (C.clear(), (S == null ? void 0 : S.type) === \"touchend\" && y.current) {\n      y.current(), y.current = null, C.start(0, () => {\n        R(S, x);\n      });\n      return;\n    }\n    y.current = null, d((N) => N.length > 0 ? N.slice(1) : N), h.current = x;\n  }, [C]);\n  return v.useImperativeHandle(n, () => ({\n    pulsate: O,\n    start: T,\n    stop: R\n  }), [O, T, R]), /* @__PURE__ */ g.jsx(j1, {\n    className: pe(lt.root, i.root, a),\n    ref: c,\n    ...l,\n    children: /* @__PURE__ */ g.jsx(Ho, {\n      component: null,\n      exit: !0,\n      children: u\n    })\n  });\n});\nprocess.env.NODE_ENV !== \"production\" && ($s.propTypes = {\n  /**\n   * If `true`, the ripple starts at the center of the component\n   * rather than at the point of interaction.\n   */\n  center: s.bool,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: s.object,\n  /**\n   * @ignore\n   */\n  className: s.string\n});\nfunction L1(e) {\n  return Ge(\"MuiButtonBase\", e);\n}\nconst B1 = Qe(\"MuiButtonBase\", [\"root\", \"disabled\", \"focusVisible\"]), D1 = (e) => {\n  const {\n    disabled: t,\n    focusVisible: n,\n    focusVisibleClassName: r,\n    classes: o\n  } = e, a = ot({\n    root: [\"root\", t && \"disabled\", n && \"focusVisible\"]\n  }, L1, o);\n  return n && r && (a.root += ` ${r}`), a;\n}, V1 = Me(\"button\", {\n  name: \"MuiButtonBase\",\n  slot: \"Root\",\n  overridesResolver: (e, t) => t.root\n})({\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  position: \"relative\",\n  boxSizing: \"border-box\",\n  WebkitTapHighlightColor: \"transparent\",\n  backgroundColor: \"transparent\",\n  // Reset default value\n  // We disable the focus ring for mouse, touch and keyboard users.\n  outline: 0,\n  border: 0,\n  margin: 0,\n  // Remove the margin in Safari\n  borderRadius: 0,\n  padding: 0,\n  // Remove the padding in Firefox\n  cursor: \"pointer\",\n  userSelect: \"none\",\n  verticalAlign: \"middle\",\n  MozAppearance: \"none\",\n  // Reset\n  WebkitAppearance: \"none\",\n  // Reset\n  textDecoration: \"none\",\n  // So we take precedent over the style of a native <a /> element.\n  color: \"inherit\",\n  \"&::-moz-focus-inner\": {\n    borderStyle: \"none\"\n    // Remove Firefox dotted outline.\n  },\n  [`&.${B1.disabled}`]: {\n    pointerEvents: \"none\",\n    // Disable link interactions\n    cursor: \"default\"\n  },\n  \"@media print\": {\n    colorAdjust: \"exact\"\n  }\n}), qn = /* @__PURE__ */ v.forwardRef(function(t, n) {\n  const r = et({\n    props: t,\n    name: \"MuiButtonBase\"\n  }), {\n    action: o,\n    centerRipple: i = !1,\n    children: a,\n    className: l,\n    component: u = \"button\",\n    disabled: d = !1,\n    disableRipple: p = !1,\n    disableTouchRipple: h = !1,\n    focusRipple: m = !1,\n    focusVisibleClassName: C,\n    LinkComponent: y = \"a\",\n    onBlur: c,\n    onClick: E,\n    onContextMenu: T,\n    onDragLeave: O,\n    onFocus: R,\n    onFocusVisible: S,\n    onKeyDown: x,\n    onKeyUp: N,\n    onMouseDown: _,\n    onMouseLeave: W,\n    onMouseUp: U,\n    onTouchEnd: f,\n    onTouchMove: $,\n    onTouchStart: B,\n    tabIndex: P = 0,\n    TouchRippleProps: V,\n    touchRippleRef: ne,\n    type: re,\n    ...le\n  } = r, Se = v.useRef(null), ie = M1(), k = Jt(ie.ref, ne), [A, G] = v.useState(!1);\n  d && A && G(!1), v.useImperativeHandle(o, () => ({\n    focusVisible: () => {\n      G(!0), Se.current.focus();\n    }\n  }), []);\n  const q = ie.shouldMount && !p && !d;\n  v.useEffect(() => {\n    A && m && !p && ie.pulsate();\n  }, [p, m, A, ie]);\n  const Y = xt(ie, \"start\", _, h), ee = xt(ie, \"stop\", T, h), I = xt(ie, \"stop\", O, h), D = xt(ie, \"stop\", U, h), z = xt(ie, \"stop\", (X) => {\n    A && X.preventDefault(), W && W(X);\n  }, h), K = xt(ie, \"start\", B, h), Z = xt(ie, \"stop\", f, h), $e = xt(ie, \"stop\", $, h), j = xt(ie, \"stop\", (X) => {\n    _i(X.target) || G(!1), c && c(X);\n  }, !1), De = Zt((X) => {\n    Se.current || (Se.current = X.currentTarget), _i(X.target) && (G(!0), S && S(X)), R && R(X);\n  }), ae = () => {\n    const X = Se.current;\n    return u && u !== \"button\" && !(X.tagName === \"A\" && X.href);\n  }, Ae = Zt((X) => {\n    m && !X.repeat && A && X.key === \" \" && ie.stop(X, () => {\n      ie.start(X);\n    }), X.target === X.currentTarget && ae() && X.key === \" \" && X.preventDefault(), x && x(X), X.target === X.currentTarget && ae() && X.key === \"Enter\" && !d && (X.preventDefault(), E && E(X));\n  }), Ke = Zt((X) => {\n    m && X.key === \" \" && A && !X.defaultPrevented && ie.stop(X, () => {\n      ie.pulsate(X);\n    }), N && N(X), E && X.target === X.currentTarget && ae() && X.key === \" \" && !X.defaultPrevented && E(X);\n  });\n  let Pe = u;\n  Pe === \"button\" && (le.href || le.to) && (Pe = y);\n  const Ie = {};\n  Pe === \"button\" ? (Ie.type = re === void 0 ? \"button\" : re, Ie.disabled = d) : (!le.href && !le.to && (Ie.role = \"button\"), d && (Ie[\"aria-disabled\"] = d));\n  const dt = Jt(n, Se), it = {\n    ...r,\n    centerRipple: i,\n    component: u,\n    disabled: d,\n    disableRipple: p,\n    disableTouchRipple: h,\n    focusRipple: m,\n    tabIndex: P,\n    focusVisible: A\n  }, bt = D1(it);\n  return /* @__PURE__ */ g.jsxs(V1, {\n    as: Pe,\n    className: pe(bt.root, l),\n    ownerState: it,\n    onBlur: j,\n    onClick: E,\n    onContextMenu: ee,\n    onFocus: De,\n    onKeyDown: Ae,\n    onKeyUp: Ke,\n    onMouseDown: Y,\n    onMouseLeave: z,\n    onMouseUp: D,\n    onDragLeave: I,\n    onTouchEnd: Z,\n    onTouchMove: $e,\n    onTouchStart: K,\n    ref: dt,\n    tabIndex: d ? -1 : P,\n    type: re,\n    ...Ie,\n    ...le,\n    children: [a, q ? /* @__PURE__ */ g.jsx($s, {\n      ref: k,\n      center: i,\n      ...V\n    }) : null]\n  });\n});\nfunction xt(e, t, n, r = !1) {\n  return Zt((o) => (n && n(o), r || e[t](o), !0));\n}\nprocess.env.NODE_ENV !== \"production\" && (qn.propTypes = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * A ref for imperative actions.\n   * It currently only supports `focusVisible()` action.\n   */\n  action: Po,\n  /**\n   * If `true`, the ripples are centered.\n   * They won't start at the cursor interaction position.\n   * @default false\n   */\n  centerRipple: s.bool,\n  /**\n   * The content of the component.\n   */\n  children: s.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: s.object,\n  /**\n   * @ignore\n   */\n  className: s.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: jo,\n  /**\n   * If `true`, the component is disabled.\n   * @default false\n   */\n  disabled: s.bool,\n  /**\n   * If `true`, the ripple effect is disabled.\n   *\n   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\n   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.\n   * @default false\n   */\n  disableRipple: s.bool,\n  /**\n   * If `true`, the touch ripple effect is disabled.\n   * @default false\n   */\n  disableTouchRipple: s.bool,\n  /**\n   * If `true`, the base button will have a keyboard focus ripple.\n   * @default false\n   */\n  focusRipple: s.bool,\n  /**\n   * This prop can help identify which element has keyboard focus.\n   * The class name will be applied when the element gains the focus through keyboard interaction.\n   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\n   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\n   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\n   * if needed.\n   */\n  focusVisibleClassName: s.string,\n  /**\n   * @ignore\n   */\n  href: s.any,\n  /**\n   * The component used to render a link when the `href` prop is provided.\n   * @default 'a'\n   */\n  LinkComponent: s.elementType,\n  /**\n   * @ignore\n   */\n  onBlur: s.func,\n  /**\n   * @ignore\n   */\n  onClick: s.func,\n  /**\n   * @ignore\n   */\n  onContextMenu: s.func,\n  /**\n   * @ignore\n   */\n  onDragLeave: s.func,\n  /**\n   * @ignore\n   */\n  onFocus: s.func,\n  /**\n   * Callback fired when the component is focused with a keyboard.\n   * We trigger a `onFocus` callback too.\n   */\n  onFocusVisible: s.func,\n  /**\n   * @ignore\n   */\n  onKeyDown: s.func,\n  /**\n   * @ignore\n   */\n  onKeyUp: s.func,\n  /**\n   * @ignore\n   */\n  onMouseDown: s.func,\n  /**\n   * @ignore\n   */\n  onMouseLeave: s.func,\n  /**\n   * @ignore\n   */\n  onMouseUp: s.func,\n  /**\n   * @ignore\n   */\n  onTouchEnd: s.func,\n  /**\n   * @ignore\n   */\n  onTouchMove: s.func,\n  /**\n   * @ignore\n   */\n  onTouchStart: s.func,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: s.oneOfType([s.arrayOf(s.oneOfType([s.func, s.object, s.bool])), s.func, s.object]),\n  /**\n   * @default 0\n   */\n  tabIndex: s.number,\n  /**\n   * Props applied to the `TouchRipple` element.\n   */\n  TouchRippleProps: s.object,\n  /**\n   * A ref that points to the `TouchRipple` element.\n   */\n  touchRippleRef: s.oneOfType([s.func, s.shape({\n    current: s.shape({\n      pulsate: s.func.isRequired,\n      start: s.func.isRequired,\n      stop: s.func.isRequired\n    })\n  })]),\n  /**\n   * @ignore\n   */\n  type: s.oneOfType([s.oneOf([\"button\", \"reset\", \"submit\"]), s.string])\n});\nfunction z1(e) {\n  return Ge(\"MuiAccordionSummary\", e);\n}\nconst mn = Qe(\"MuiAccordionSummary\", [\"root\", \"expanded\", \"focusVisible\", \"disabled\", \"gutters\", \"contentGutters\", \"content\", \"expandIconWrapper\"]), F1 = (e) => {\n  const {\n    classes: t,\n    expanded: n,\n    disabled: r,\n    disableGutters: o\n  } = e;\n  return ot({\n    root: [\"root\", n && \"expanded\", r && \"disabled\", !o && \"gutters\"],\n    focusVisible: [\"focusVisible\"],\n    content: [\"content\", n && \"expanded\", !o && \"contentGutters\"],\n    expandIconWrapper: [\"expandIconWrapper\", n && \"expanded\"]\n  }, z1, t);\n}, H1 = Me(qn, {\n  name: \"MuiAccordionSummary\",\n  slot: \"Root\",\n  overridesResolver: (e, t) => t.root\n})(He(({\n  theme: e\n}) => {\n  const t = {\n    duration: e.transitions.duration.shortest\n  };\n  return {\n    display: \"flex\",\n    width: \"100%\",\n    minHeight: 48,\n    padding: e.spacing(0, 2),\n    transition: e.transitions.create([\"min-height\", \"background-color\"], t),\n    [`&.${mn.focusVisible}`]: {\n      backgroundColor: (e.vars || e).palette.action.focus\n    },\n    [`&.${mn.disabled}`]: {\n      opacity: (e.vars || e).palette.action.disabledOpacity\n    },\n    [`&:hover:not(.${mn.disabled})`]: {\n      cursor: \"pointer\"\n    },\n    variants: [{\n      props: (n) => !n.disableGutters,\n      style: {\n        [`&.${mn.expanded}`]: {\n          minHeight: 64\n        }\n      }\n    }]\n  };\n})), W1 = Me(\"span\", {\n  name: \"MuiAccordionSummary\",\n  slot: \"Content\",\n  overridesResolver: (e, t) => t.content\n})(He(({\n  theme: e\n}) => ({\n  display: \"flex\",\n  textAlign: \"start\",\n  flexGrow: 1,\n  margin: \"12px 0\",\n  variants: [{\n    props: (t) => !t.disableGutters,\n    style: {\n      transition: e.transitions.create([\"margin\"], {\n        duration: e.transitions.duration.shortest\n      }),\n      [`&.${mn.expanded}`]: {\n        margin: \"20px 0\"\n      }\n    }\n  }]\n}))), U1 = Me(\"span\", {\n  name: \"MuiAccordionSummary\",\n  slot: \"ExpandIconWrapper\",\n  overridesResolver: (e, t) => t.expandIconWrapper\n})(He(({\n  theme: e\n}) => ({\n  display: \"flex\",\n  color: (e.vars || e).palette.action.active,\n  transform: \"rotate(0deg)\",\n  transition: e.transitions.create(\"transform\", {\n    duration: e.transitions.duration.shortest\n  }),\n  [`&.${mn.expanded}`]: {\n    transform: \"rotate(180deg)\"\n  }\n}))), _s = /* @__PURE__ */ v.forwardRef(function(t, n) {\n  const r = et({\n    props: t,\n    name: \"MuiAccordionSummary\"\n  }), {\n    children: o,\n    className: i,\n    expandIcon: a,\n    focusVisibleClassName: l,\n    onClick: u,\n    ...d\n  } = r, {\n    disabled: p = !1,\n    disableGutters: h,\n    expanded: m,\n    toggle: C\n  } = v.useContext(Uo), y = (T) => {\n    C && C(T), u && u(T);\n  }, c = {\n    ...r,\n    expanded: m,\n    disabled: p,\n    disableGutters: h\n  }, E = F1(c);\n  return /* @__PURE__ */ g.jsxs(H1, {\n    focusRipple: !1,\n    disableRipple: !0,\n    disabled: p,\n    \"aria-expanded\": m,\n    className: pe(E.root, i),\n    focusVisibleClassName: pe(E.focusVisible, l),\n    onClick: y,\n    ref: n,\n    ownerState: c,\n    ...d,\n    children: [/* @__PURE__ */ g.jsx(W1, {\n      className: E.content,\n      ownerState: c,\n      children: o\n    }), a && /* @__PURE__ */ g.jsx(U1, {\n      className: E.expandIconWrapper,\n      ownerState: c,\n      children: a\n    })]\n  });\n});\nprocess.env.NODE_ENV !== \"production\" && (_s.propTypes = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: s.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: s.object,\n  /**\n   * @ignore\n   */\n  className: s.string,\n  /**\n   * The icon to display as the expand indicator.\n   */\n  expandIcon: s.node,\n  /**\n   * This prop can help identify which element has keyboard focus.\n   * The class name will be applied when the element gains the focus through keyboard interaction.\n   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\n   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\n   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\n   * if needed.\n   */\n  focusVisibleClassName: s.string,\n  /**\n   * @ignore\n   */\n  onClick: s.func,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: s.oneOfType([s.arrayOf(s.oneOfType([s.func, s.object, s.bool])), s.func, s.object])\n});\nconst Y1 = \"data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='ArrowDown_2px'%3e%3cpath%20id='vector'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.00001%2011.1133L1.77855%205.5831C1.64096%205.46079%201.62857%205.2501%201.75087%205.11251C1.87318%204.97491%202.08387%204.96252%202.22146%205.08482L8.00001%2010.2213L13.7786%205.08483C13.9161%204.96252%2014.1268%204.97491%2014.2491%205.11251C14.3714%205.2501%2014.3591%205.46079%2014.2215%205.5831L8.00001%2011.1133Z'%20fill='%231C1F2E'/%3e%3c/g%3e%3c/svg%3e\", q1 = te(\"div\")`\n  background-image: url(${Y1});\n  background-size: cover;\n  width: 16px;\n  height: 16px;\n`, G1 = ({\n  categories: e,\n  triggerMixpanel: t,\n  routerPush: n\n}) => {\n  const r = ht((a) => a.includes(\"https\") ? \"_blank\" : \"_self\", []), o = ht(\n    (a, l) => {\n      t(\"Footer Section Clicked\", {\n        buttonName: l,\n        buttonUrl: a\n      });\n    },\n    [t]\n  ), i = ht(\n    (a, l) => (u) => {\n      r(a) === \"_self\" && (u.preventDefault(), n(a)), o(a, l);\n    },\n    [r, n, o]\n  );\n  return /* @__PURE__ */ g.jsx(K1, { children: e.map((a) => /* @__PURE__ */ g.jsxs(Z1, { children: [\n    /* @__PURE__ */ g.jsx(\n      X1,\n      {\n        expandIcon: /* @__PURE__ */ g.jsx(q1, {}),\n        \"aria-controls\": \"p-content\",\n        id: \"panel1-header\",\n        children: a.title\n      }\n    ),\n    /* @__PURE__ */ g.jsx(J1, { children: a.links.map((l) => /* @__PURE__ */ g.jsx(\n      \"a\",\n      {\n        onClick: i(l.link, l.title),\n        href: l.link,\n        target: r(l.link),\n        children: /* @__PURE__ */ g.jsx(\n          Pt,\n          {\n            variant: \"regular14\",\n            sx: { color: (u) => u.palette.grey[500] },\n            children: l.title\n          }\n        )\n      }\n    )) })\n  ] })) });\n}, K1 = te(\"div\")(({ theme: e }) => ({\n  // borderTop: `1px solid ${theme.palette.grey[100]}`,\n  borderBottom: `1px solid ${e.palette.grey[100]}`\n})), Z1 = te(ks)(({ theme: e }) => ({\n  boxShadow: \"none\",\n  \"&.MuiPaper-root\": {\n    borderTop: `1px solid ${e.palette.grey[100]}`,\n    borderRadius: 0,\n    \"&.MuiAccordion-root\": {\n      \"&.Mui-expanded\": {\n        margin: 0\n      }\n    }\n  },\n  \"&.MuiPaper-root::before\": {\n    display: \"none\",\n    backgroundColor: e.palette.divider,\n    height: \"0.6px\"\n  }\n})), X1 = te(_s)(({ theme: e }) => ({\n  padding: \"0 12px\",\n  ...e.typography.bold14,\n  \"&.Mui-expanded\": {\n    margin: 0,\n    minHeight: 0\n  }\n})), J1 = te(Os)(() => ({\n  padding: \"0 12px\",\n  display: \"flex\",\n  flexDirection: \"column\",\n  \"& > a\": {\n    padding: \"12px 0\"\n  }\n})), { palette: fe } = Nt, Ki = \"서울 서초구 법원로4길 11-6 (서초동,스매치 서초사옥)\", kf = ({\n  links: e,\n  categories: t,\n  policies: n,\n  triggerMixpanel: r,\n  routerPush: o\n}) => {\n  const i = ht((u) => u.includes(\"https\") ? \"_blank\" : \"_self\", []), a = ht(\n    (u, d) => {\n      r(\"Footer Section Clicked\", {\n        buttonName: d,\n        buttonUrl: u\n      });\n    },\n    [r]\n  ), l = ht(\n    (u, d) => (p) => {\n      i(u) === \"_self\" && (p.preventDefault(), o(u)), a(u, d);\n    },\n    [i, o, a]\n  );\n  return /* @__PURE__ */ g.jsx(Q1, { children: /* @__PURE__ */ g.jsxs(\"div\", { children: [\n    /* @__PURE__ */ g.jsxs(eu, { children: [\n      /* @__PURE__ */ g.jsxs(tu, { children: [\n        /* @__PURE__ */ g.jsx(\"p\", { children: \"고객만족센터\" }),\n        /* @__PURE__ */ g.jsxs(\"ul\", { children: [\n          /* @__PURE__ */ g.jsxs(\"li\", { children: [\n            /* @__PURE__ */ g.jsx(\n              Qt,\n              {\n                variant: \"strokeSecondary\",\n                onClick: () => {\n                  l(e.EXTERNAL_CHANNEL_TALK, \"채널톡 문의\"), o(e.EXTERNAL_CHANNEL_TALK);\n                },\n                children: \"채널톡 문의\"\n              }\n            ),\n            /* @__PURE__ */ g.jsxs(\"p\", { children: [\n              \"채널톡으로 문의하시면\",\n              /* @__PURE__ */ g.jsx(\"br\", {}),\n              \"가장 빠른 처리가 가능합니다.\"\n            ] })\n          ] }),\n          /* @__PURE__ */ g.jsxs(\"li\", { children: [\n            /* @__PURE__ */ g.jsx(\n              Qt,\n              {\n                variant: \"strokeSecondary\",\n                onClick: () => {\n                  l(\n                    e.EXTERNAL_SOLVOOK_GUIDE,\n                    \"쏠북 이용 가이드\"\n                  ), o(e.EXTERNAL_SOLVOOK_GUIDE);\n                },\n                children: \"쏠북 이용 가이드\"\n              }\n            ),\n            /* @__PURE__ */ g.jsx(\"p\", {})\n          ] })\n        ] })\n      ] }),\n      /* @__PURE__ */ g.jsx(nu, { children: t.map((u, d) => /* @__PURE__ */ g.jsxs(\"div\", { children: [\n        /* @__PURE__ */ g.jsx(\"p\", { children: u.title }),\n        /* @__PURE__ */ g.jsx(\"ul\", { children: u.links.map((p, h) => /* @__PURE__ */ g.jsx(\"li\", { children: /* @__PURE__ */ g.jsx(\n          \"a\",\n          {\n            onClick: l(p.link, p.title),\n            href: p.link,\n            target: i(p.link),\n            children: p.title\n          }\n        ) }, `category-link-item-${h}`)) })\n      ] }, `category-link-list-${d}`)) }),\n      /* @__PURE__ */ g.jsx(\"div\", { className: \"category-collapse m\", children: /* @__PURE__ */ g.jsx(\n        G1,\n        {\n          categories: t,\n          triggerMixpanel: r,\n          routerPush: o\n        }\n      ) })\n    ] }),\n    /* @__PURE__ */ g.jsxs(ru, { children: [\n      /* @__PURE__ */ g.jsxs(ou, { children: [\n        /* @__PURE__ */ g.jsxs(\"p\", { children: [\n          \"(주)북아이피스ㅣ대표 윤미선, 김관백 | 사업자 등록번호 493-88-01679\",\n          /* @__PURE__ */ g.jsx(\"span\", { className: \"block_m\", children: \"|\" }),\n          \" 통신판매업 신고 제2021-서울서초-0156호 \",\n          /* @__PURE__ */ g.jsx(\"span\", { className: \"block_m\", children: \"|\" }),\n          /* @__PURE__ */ g.jsx(\"br\", {}),\n          \" 저작권대리중개업 신고 제1496호\",\n          /* @__PURE__ */ g.jsx(\"span\", { className: \"block_m\", children: \"|\" }),\n          \"본사: \",\n          Ki,\n          \" \",\n          /* @__PURE__ */ g.jsx(\"br\", {}),\n          \"기업부설연구소: \",\n          Ki,\n          /* @__PURE__ */ g.jsx(\"span\", { className: \"block_m\", children: \"|\" }),\n          \"이메일 문의 : support@bookips.com | 전화 문의 : 02-2606-4990\"\n        ] }),\n        /* @__PURE__ */ g.jsx(\"p\", { className: \"copyright\", children: \"ⓒ Copyright 2024. BookIPs All Rights Reserved.\" })\n      ] }),\n      /* @__PURE__ */ g.jsxs(iu, { children: [\n        /* @__PURE__ */ g.jsx(\"ul\", { children: n.map((u, d) => /* @__PURE__ */ g.jsx(\"li\", { children: /* @__PURE__ */ g.jsx(\n          \"a\",\n          {\n            href: u.link,\n            target: i(u.link),\n            onClick: l(u.link, u.title),\n            children: u.title\n          }\n        ) }, `company-link-${d}`)) }),\n        /* @__PURE__ */ g.jsxs(\"div\", { className: \"social-box\", children: [\n          /* @__PURE__ */ g.jsxs(\n            \"a\",\n            {\n              href: e.EXTERNAL_SOLVOOK_POST,\n              onClick: l(\n                e.EXTERNAL_SOLVOOK_POST,\n                \"쏠북 포스트\"\n              ),\n              target: \"_blank\",\n              rel: \"noreferrer\",\n              children: [\n                /* @__PURE__ */ g.jsx(Jc, { style: { width: 20, height: 20 } }),\n                \"쏠북 포스트\"\n              ]\n            }\n          ),\n          /* @__PURE__ */ g.jsxs(\n            \"a\",\n            {\n              onClick: l(\n                e.EXTERNAL_SOLVOOK_BLOG,\n                \"쏠북 블로그\"\n              ),\n              href: e.EXTERNAL_SOLVOOK_BLOG,\n              target: \"_blank\",\n              rel: \"noreferrer\",\n              children: [\n                /* @__PURE__ */ g.jsx(Xc, { style: { width: 20, height: 20 } }),\n                \"쏠북 블로그\"\n              ]\n            }\n          )\n        ] })\n      ] })\n    ] })\n  ] }) });\n};\nvar Oa, Ma;\nconst Q1 = Vt(\"footer\")`\n  display: flex;\n  padding: 40px;\n  border-top: solid 1px ${(Oa = fe == null ? void 0 : fe.grey) == null ? void 0 : Oa[100]};\n\n  > div {\n    max-width: 1200px;\n    width: 100%;\n    margin: 0 auto;\n  }\n\n  a {\n    color: ${(Ma = fe == null ? void 0 : fe.grey) == null ? void 0 : Ma[500]};\n    text-decoration: none;\n  }\n\n  p {\n    margin-top: 0;\n  }\n  .category-collapse {\n    &.m {\n      display: none;\n    }\n  }\n  @media (max-width: 768px) {\n    padding: 16px;\n    .category-collapse {\n      &.m {\n        display: block;\n      }\n    }\n  }\n`, eu = Vt(\"div\")`\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: 28px;\n  @media (max-width: 768px) {\n    flex-direction: column;\n    li {\n      padding: 12px;\n    }\n  }\n`;\nvar $a, _a, Aa, Ia;\nconst tu = Vt(\"div\")`\n  p {\n    font-size: 20px;\n    font-weight: 700;\n    margin-bottom: 16px;\n    white-space: nowrap;\n  }\n\n  ul {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    margin: 0;\n    padding: 0;\n  }\n\n  li {\n    display: flex;\n    p {\n      margin-bottom: 0;\n    }\n    button {\n      width: 124px;\n      padding: 9px 0;\n\n      font-weight: 600;\n      color: ${($a = fe == null ? void 0 : fe.grey) == null ? void 0 : $a[500]} !important;\n      border: 1px solid ${(_a = fe == null ? void 0 : fe.grey) == null ? void 0 : _a[200]} !important;\n      border-radius: 6px;\n      border-radius: 6px;\n      height: 100%;\n      margin-right: 12px;\n\n      span {\n        font-size: 14px;\n      }\n    }\n\n    :first-child {\n      button {\n        color: ${(Aa = fe == null ? void 0 : fe.blue) == null ? void 0 : Aa[400]} !important;\n      }\n    }\n\n    p {\n      font-size: 12px;\n      color: ${(Ia = fe == null ? void 0 : fe.grey) == null ? void 0 : Ia[500]};\n      font-weight: 400;\n      line-height: 1.5;\n    }\n  }\n\n  @media (max-width: 1200px) {\n    margin-right: 32px;\n  }\n  @media (max-width: 768px) {\n    margin-bottom: 20px;\n    margin-right: 0;\n    li {\n      padding: 0;\n\n      p {\n        margin-bottom: 0;\n      }\n    }\n  }\n`, nu = Vt(\"div\")`\n  display: flex;\n  width: 100%;\n  max-width: 800px;\n  font-size: 14px;\n\n  > div {\n    width: 100%;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n\n    p {\n      font-weight: 700;\n      margin-bottom: 12px;\n    }\n\n    ul {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n      margin: 0;\n      padding: 0;\n      list-style: none;\n\n      li {\n        height: 24px;\n\n        a {\n          line-height: 22px;\n          vertical-align: sub;\n        }\n      }\n    }\n  }\n\n  @media (max-width: 768px) {\n    display: none;\n  }\n`;\nvar Na;\nconst ru = Vt(\"div\")`\n  padding-top: 24px;\n  border-top: 1px solid ${(Na = fe == null ? void 0 : fe.grey) == null ? void 0 : Na[100]};\n  display: flex;\n  justify-content: space-between;\n  @media (max-width: 768px) {\n    border-top: none;\n    padding-top: 0;\n    flex-direction: column-reverse;\n  }\n`;\nvar ja, Pa;\nconst ou = Vt(\"div\")`\n  line-height: 1.5;\n\n  p {\n    font-size: 12px;\n    color: ${(ja = fe == null ? void 0 : fe.grey) == null ? void 0 : ja[500]};\n  }\n\n  .copyright {\n    font-size: 12px;\n    margin-top: 16px;\n    color: ${(Pa = fe == null ? void 0 : fe.grey) == null ? void 0 : Pa[300]};\n  }\n\n  .block_m {\n    display: none;\n  }\n\n  @media (max-width: 1200px) {\n    p {\n      max-width: 350px;\n    }\n\n    .block_m {\n      display: block;\n      font-size: 0;\n    }\n\n    .copyright {\n      margin-bottom: 16px;\n    }\n\n    br {\n      display: none;\n    }\n  }\n  @media (max-width: 768px) {\n    border: none;\n\n    .info {\n      display: none;\n    }\n  }\n`;\nvar La, Ba;\nconst iu = Vt(\"div\")`\n  display: flex;\n  flex-direction: column;\n  gap: 28px;\n  align-items: flex-end;\n\n  ul {\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  li {\n    border-right: 1px solid ${(La = fe == null ? void 0 : fe.grey) == null ? void 0 : La[100]};\n    padding: 0 12px;\n    font-size: 14px;\n    //line-height: 22px;\n  }\n\n  li:last-child {\n    border-right: none;\n    padding-right: 0;\n  }\n\n  .social-box {\n    display: flex;\n    gap: 12px;\n\n    a {\n      padding: 8px 12px;\n      font-size: 14px;\n      background-color: ${(Ba = fe == null ? void 0 : fe.grey) == null ? void 0 : Ba[50]};\n      border-radius: 6px;\n      line-height: 22px;\n      align-items: center;\n      justify-content: center;\n      display: flex;\n\n      svg {\n        margin-right: 4px;\n      }\n    }\n  }\n\n  @media (max-width: 768px) {\n    align-items: flex-start;\n    div {\n      margin-bottom: 20px;\n    }\n  }\n`, au = te(Da)(\n  ({ color: e, colorCss: t, size: n, theme: r }) => {\n    const {\n      palette: o,\n      typography: { pxToRem: i }\n    } = r;\n    let a = 12, l = 16, u = 6;\n    switch (n) {\n      case \"extra-large\":\n        a = 16;\n      // eslint-disable-next-line no-fallthrough\n      case \"large\":\n        l = 24;\n        break;\n      case \"small\":\n        a = 8, u = 4;\n        break;\n    }\n    return {\n      \"--IconButton-hoverBg\": o.opacity.gray300[\"20%\"],\n      padding: i(a),\n      borderRadius: i(u),\n      ...!e && {\n        color: o.grey[500]\n        // #6A708A\n      },\n      ...t && { color: t },\n      \"&:hover, &:focus-visible\": {\n        backgroundColor: \"var(--IconButton-hoverBg)\"\n      },\n      \"&.Mui-disabled\": {\n        color: o.grey[300]\n        // #A9AFC7\n      },\n      \"& svg, & img\": { width: i(l), height: i(l) }\n    };\n  }\n), Of = Je(\n  ({ children: e, Icon: t, disableRipple: n = !0, ...r }, o) => /* @__PURE__ */ g.jsx(au, { ref: o, ...r, disableRipple: n, children: t ? /* @__PURE__ */ g.jsx(t, {}) : e })\n), su = (e) => /* @__PURE__ */ v.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", fill: \"none\", viewBox: \"0 0 24 24\", ...e }, /* @__PURE__ */ v.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"m6.162 12 8.59-9.664a1 1 0 1 1 1.495 1.328L8.839 12l7.41 8.336a1 1 0 0 1-1.495 1.328z\", clipRule: \"evenodd\" })), lu = (e) => /* @__PURE__ */ v.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", fill: \"none\", viewBox: \"0 0 24 24\", ...e }, /* @__PURE__ */ v.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"m18.838 12-8.59 9.664a1 1 0 0 1-1.495-1.328L16.162 12l-7.41-8.336a1 1 0 1 1 1.495-1.328z\", clipRule: \"evenodd\" })), cu = te(\n  ({ shape: e = \"rounded\", size: t = \"large\", ...n }) => /* @__PURE__ */ g.jsx(\n    S0,\n    {\n      shape: e,\n      size: t,\n      renderItem: (r) => /* @__PURE__ */ g.jsx(\n        w0,\n        {\n          slots: { previous: su, next: lu },\n          ...r\n        }\n      ),\n      ...n\n    }\n  )\n)(({ theme: e }) => {\n  const {\n    palette: t,\n    typography: { pxToRem: n, ...r }\n  } = e;\n  return {\n    \"& .MuiPaginationItem-root\": {\n      paddingLeft: n(4),\n      paddingRight: n(4),\n      color: t.text.secondary,\n      \"&.Mui-selected, &:not(.MuiPaginationItem-ellipsis):hover\": {\n        backgroundColor: t.grey[50],\n        color: t.text.primary\n      },\n      \"&.Mui-disabled\": { color: t.text.disabled, opacity: 1 }\n    },\n    \"& .MuiPaginationItem-sizeLarge\": {\n      marginLeft: n(4),\n      marginRight: n(4),\n      ...r.subtitle1,\n      \"&.MuiPaginationItem-rounded\": { borderRadius: n(6) },\n      \"& .MuiPaginationItem-icon\": { width: n(16), height: n(16) }\n    },\n    \"& .MuiPaginationItem-sizeMedium\": {\n      \"& .MuiPaginationItem-icon\": {\n        width: n(16 * 0.9),\n        height: n(16 * 0.9)\n      }\n    },\n    \"& .MuiPaginationItem-sizeSmall\": {\n      \"& .MuiPaginationItem-icon\": {\n        width: n(16 * 0.8),\n        height: n(16 * 0.8)\n      }\n    }\n  };\n}), Mf = Je(\n  ({ ...e }, t) => /* @__PURE__ */ g.jsx(cu, { ref: t, ...e })\n);\nfunction As(e) {\n  var t, n, r = \"\";\n  if (typeof e == \"string\" || typeof e == \"number\") r += e;\n  else if (typeof e == \"object\") if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (n = As(e[t])) && (r && (r += \" \"), r += n);\n  else for (t in e) e[t] && (r && (r += \" \"), r += t);\n  return r;\n}\nfunction en() {\n  for (var e, t, n = 0, r = \"\"; n < arguments.length; ) (e = arguments[n++]) && (t = As(e)) && (r && (r += \" \"), r += t);\n  return r;\n}\nlet uu = { data: \"\" }, du = (e) => typeof window == \"object\" ? ((e ? e.querySelector(\"#_goober\") : window._goober) || Object.assign((e || document.head).appendChild(document.createElement(\"style\")), { innerHTML: \" \", id: \"_goober\" })).firstChild : e || uu, fu = /(?:([\\u0080-\\uFFFF\\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\\s*)/g, pu = /\\/\\*[^]*?\\*\\/|  +/g, Zi = /\\n+/g, Gt = (e, t) => {\n  let n = \"\", r = \"\", o = \"\";\n  for (let i in e) {\n    let a = e[i];\n    i[0] == \"@\" ? i[1] == \"i\" ? n = i + \" \" + a + \";\" : r += i[1] == \"f\" ? Gt(a, i) : i + \"{\" + Gt(a, i[1] == \"k\" ? \"\" : t) + \"}\" : typeof a == \"object\" ? r += Gt(a, t ? t.replace(/([^,])+/g, (l) => i.replace(/([^,]*:\\S+\\([^)]*\\))|([^,])+/g, (u) => /&/.test(u) ? u.replace(/&/g, l) : l ? l + \" \" + u : u)) : i) : a != null && (i = /^--/.test(i) ? i : i.replace(/[A-Z]/g, \"-$&\").toLowerCase(), o += Gt.p ? Gt.p(i, a) : i + \":\" + a + \";\");\n  }\n  return n + (t && o ? t + \"{\" + o + \"}\" : o) + r;\n}, Et = {}, Is = (e) => {\n  if (typeof e == \"object\") {\n    let t = \"\";\n    for (let n in e) t += n + Is(e[n]);\n    return t;\n  }\n  return e;\n}, hu = (e, t, n, r, o) => {\n  let i = Is(e), a = Et[i] || (Et[i] = ((u) => {\n    let d = 0, p = 11;\n    for (; d < u.length; ) p = 101 * p + u.charCodeAt(d++) >>> 0;\n    return \"go\" + p;\n  })(i));\n  if (!Et[a]) {\n    let u = i !== e ? e : ((d) => {\n      let p, h, m = [{}];\n      for (; p = fu.exec(d.replace(pu, \"\")); ) p[4] ? m.shift() : p[3] ? (h = p[3].replace(Zi, \" \").trim(), m.unshift(m[0][h] = m[0][h] || {})) : m[0][p[1]] = p[2].replace(Zi, \" \").trim();\n      return m[0];\n    })(e);\n    Et[a] = Gt(o ? { [\"@keyframes \" + a]: u } : u, n ? \"\" : \".\" + a);\n  }\n  let l = n && Et.g ? Et.g : null;\n  return n && (Et.g = Et[a]), ((u, d, p, h) => {\n    h ? d.data = d.data.replace(h, u) : d.data.indexOf(u) === -1 && (d.data = p ? u + d.data : d.data + u);\n  })(Et[a], t, r, l), a;\n}, gu = (e, t, n) => e.reduce((r, o, i) => {\n  let a = t[i];\n  if (a && a.call) {\n    let l = a(n), u = l && l.props && l.props.className || /^go/.test(l) && l;\n    a = u ? \".\" + u : l && typeof l == \"object\" ? l.props ? \"\" : Gt(l, \"\") : l === !1 ? \"\" : l;\n  }\n  return r + o + (a ?? \"\");\n}, \"\");\nfunction Yo(e) {\n  let t = this || {}, n = e.call ? e(t.p) : e;\n  return hu(n.unshift ? n.raw ? gu(n, [].slice.call(arguments, 1), t.p) : n.reduce((r, o) => Object.assign(r, o && o.call ? o(t.p) : o), {}) : n, du(t.target), t.g, t.o, t.k);\n}\nYo.bind({ g: 1 });\nYo.bind({ k: 1 });\nfunction mu(e, t) {\n  for (var n = 0; n < t.length; n++) {\n    var r = t[n];\n    r.enumerable = r.enumerable || !1, r.configurable = !0, \"value\" in r && (r.writable = !0), Object.defineProperty(e, r.key, r);\n  }\n}\nfunction Ns(e, t, n) {\n  return t && mu(e.prototype, t), e;\n}\nfunction Ee() {\n  return Ee = Object.assign || function(e) {\n    for (var t = 1; t < arguments.length; t++) {\n      var n = arguments[t];\n      for (var r in n)\n        Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);\n    }\n    return e;\n  }, Ee.apply(this, arguments);\n}\nfunction js(e, t) {\n  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, e.__proto__ = t;\n}\nfunction Gn(e, t) {\n  if (e == null) return {};\n  var n = {}, r = Object.keys(e), o, i;\n  for (i = 0; i < r.length; i++)\n    o = r[i], !(t.indexOf(o) >= 0) && (n[o] = e[o]);\n  return n;\n}\nfunction Xi(e) {\n  if (e === void 0)\n    throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n  return e;\n}\nvar Ji = function() {\n  return \"\";\n}, Ps = /* @__PURE__ */ oe.createContext({\n  enqueueSnackbar: Ji,\n  closeSnackbar: Ji\n}), qt = {\n  downXs: \"@media (max-width:599.95px)\",\n  upSm: \"@media (min-width:600px)\"\n}, Qi = function(t) {\n  return t.charAt(0).toUpperCase() + t.slice(1);\n}, qo = function(t) {\n  return \"\" + Qi(t.vertical) + Qi(t.horizontal);\n}, sr = function(t) {\n  return !!t || t === 0;\n}, lr = \"unmounted\", fn = \"exited\", pn = \"entering\", _n = \"entered\", ea = \"exiting\", Go = /* @__PURE__ */ function(e) {\n  js(t, e);\n  function t(r) {\n    var o;\n    o = e.call(this, r) || this;\n    var i = r.appear, a;\n    return o.appearStatus = null, r.in ? i ? (a = fn, o.appearStatus = pn) : a = _n : r.unmountOnExit || r.mountOnEnter ? a = lr : a = fn, o.state = {\n      status: a\n    }, o.nextCallback = null, o;\n  }\n  t.getDerivedStateFromProps = function(o, i) {\n    var a = o.in;\n    return a && i.status === lr ? {\n      status: fn\n    } : null;\n  };\n  var n = t.prototype;\n  return n.componentDidMount = function() {\n    this.updateStatus(!0, this.appearStatus);\n  }, n.componentDidUpdate = function(o) {\n    var i = null;\n    if (o !== this.props) {\n      var a = this.state.status;\n      this.props.in ? a !== pn && a !== _n && (i = pn) : (a === pn || a === _n) && (i = ea);\n    }\n    this.updateStatus(!1, i);\n  }, n.componentWillUnmount = function() {\n    this.cancelNextCallback();\n  }, n.getTimeouts = function() {\n    var o = this.props.timeout, i = o, a = o;\n    return o != null && typeof o != \"number\" && typeof o != \"string\" && (a = o.exit, i = o.enter), {\n      exit: a,\n      enter: i\n    };\n  }, n.updateStatus = function(o, i) {\n    o === void 0 && (o = !1), i !== null ? (this.cancelNextCallback(), i === pn ? this.performEnter(o) : this.performExit()) : this.props.unmountOnExit && this.state.status === fn && this.setState({\n      status: lr\n    });\n  }, n.performEnter = function(o) {\n    var i = this, a = this.props.enter, l = o, u = this.getTimeouts();\n    if (!o && !a) {\n      this.safeSetState({\n        status: _n\n      }, function() {\n        i.props.onEntered && i.props.onEntered(i.node, l);\n      });\n      return;\n    }\n    this.props.onEnter && this.props.onEnter(this.node, l), this.safeSetState({\n      status: pn\n    }, function() {\n      i.props.onEntering && i.props.onEntering(i.node, l), i.onTransitionEnd(u.enter, function() {\n        i.safeSetState({\n          status: _n\n        }, function() {\n          i.props.onEntered && i.props.onEntered(i.node, l);\n        });\n      });\n    });\n  }, n.performExit = function() {\n    var o = this, i = this.props.exit, a = this.getTimeouts();\n    if (!i) {\n      this.safeSetState({\n        status: fn\n      }, function() {\n        o.props.onExited && o.props.onExited(o.node);\n      });\n      return;\n    }\n    this.props.onExit && this.props.onExit(this.node), this.safeSetState({\n      status: ea\n    }, function() {\n      o.props.onExiting && o.props.onExiting(o.node), o.onTransitionEnd(a.exit, function() {\n        o.safeSetState({\n          status: fn\n        }, function() {\n          o.props.onExited && o.props.onExited(o.node);\n        });\n      });\n    });\n  }, n.cancelNextCallback = function() {\n    this.nextCallback !== null && this.nextCallback.cancel && (this.nextCallback.cancel(), this.nextCallback = null);\n  }, n.safeSetState = function(o, i) {\n    i = this.setNextCallback(i), this.setState(o, i);\n  }, n.setNextCallback = function(o) {\n    var i = this, a = !0;\n    return this.nextCallback = function() {\n      a && (a = !1, i.nextCallback = null, o());\n    }, this.nextCallback.cancel = function() {\n      a = !1;\n    }, this.nextCallback;\n  }, n.onTransitionEnd = function(o, i) {\n    this.setNextCallback(i);\n    var a = o == null && !this.props.addEndListener;\n    if (!this.node || a) {\n      setTimeout(this.nextCallback, 0);\n      return;\n    }\n    this.props.addEndListener && this.props.addEndListener(this.node, this.nextCallback), o != null && setTimeout(this.nextCallback, o);\n  }, n.render = function() {\n    var o = this.state.status;\n    if (o === lr)\n      return null;\n    var i = this.props, a = i.children, l = Gn(i, [\"children\", \"in\", \"mountOnEnter\", \"unmountOnExit\", \"appear\", \"enter\", \"exit\", \"timeout\", \"addEndListener\", \"onEnter\", \"onEntering\", \"onEntered\", \"onExit\", \"onExiting\", \"onExited\", \"nodeRef\"]);\n    return a(o, l);\n  }, Ns(t, [{\n    key: \"node\",\n    get: function() {\n      var o, i = (o = this.props.nodeRef) === null || o === void 0 ? void 0 : o.current;\n      if (!i)\n        throw new Error(\"notistack - Custom snackbar is not refForwarding\");\n      return i;\n    }\n  }]), t;\n}(oe.Component);\nfunction hn() {\n}\nGo.defaultProps = {\n  in: !1,\n  mountOnEnter: !1,\n  unmountOnExit: !1,\n  appear: !1,\n  enter: !0,\n  exit: !0,\n  onEnter: hn,\n  onEntering: hn,\n  onEntered: hn,\n  onExit: hn,\n  onExiting: hn,\n  onExited: hn\n};\nfunction ta(e, t) {\n  typeof e == \"function\" ? e(t) : e && (e.current = t);\n}\nfunction Co(e, t) {\n  return Dt(function() {\n    return e == null && t == null ? null : function(n) {\n      ta(e, n), ta(t, n);\n    };\n  }, [e, t]);\n}\nfunction kr(e) {\n  var t = e.timeout, n = e.style, r = n === void 0 ? {} : n, o = e.mode;\n  return {\n    duration: typeof t == \"object\" ? t[o] || 0 : t,\n    easing: r.transitionTimingFunction,\n    delay: r.transitionDelay\n  };\n}\nvar xo = {\n  // This is the most common easing curve.\n  easeInOut: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n  // Objects enter the screen at full velocity from off-screen and\n  // slowly decelerate to a resting point.\n  easeOut: \"cubic-bezier(0.0, 0, 0.2, 1)\",\n  // The sharp curve is used by objects that may return to the screen at any time.\n  sharp: \"cubic-bezier(0.4, 0, 0.6, 1)\"\n}, Ls = function(t) {\n  t.scrollTop = t.scrollTop;\n}, na = function(t) {\n  return Math.round(t) + \"ms\";\n};\nfunction bn(e, t) {\n  e === void 0 && (e = [\"all\"]);\n  var n = t || {}, r = n.duration, o = r === void 0 ? 300 : r, i = n.easing, a = i === void 0 ? xo.easeInOut : i, l = n.delay, u = l === void 0 ? 0 : l, d = Array.isArray(e) ? e : [e];\n  return d.map(function(p) {\n    var h = typeof o == \"string\" ? o : na(o), m = typeof u == \"string\" ? u : na(u);\n    return p + \" \" + h + \" \" + a + \" \" + m;\n  }).join(\",\");\n}\nfunction bu(e) {\n  return e && e.ownerDocument || document;\n}\nfunction Bs(e) {\n  var t = bu(e);\n  return t.defaultView || window;\n}\nfunction yu(e, t) {\n  t === void 0 && (t = 166);\n  var n;\n  function r() {\n    for (var o = this, i = arguments.length, a = new Array(i), l = 0; l < i; l++)\n      a[l] = arguments[l];\n    var u = function() {\n      e.apply(o, a);\n    };\n    clearTimeout(n), n = setTimeout(u, t);\n  }\n  return r.clear = function() {\n    clearTimeout(n);\n  }, r;\n}\nfunction vu(e, t) {\n  var n = t.getBoundingClientRect(), r = Bs(t), o;\n  if (t.fakeTransform)\n    o = t.fakeTransform;\n  else {\n    var i = r.getComputedStyle(t);\n    o = i.getPropertyValue(\"-webkit-transform\") || i.getPropertyValue(\"transform\");\n  }\n  var a = 0, l = 0;\n  if (o && o !== \"none\" && typeof o == \"string\") {\n    var u = o.split(\"(\")[1].split(\")\")[0].split(\",\");\n    a = parseInt(u[4], 10), l = parseInt(u[5], 10);\n  }\n  switch (e) {\n    case \"left\":\n      return \"translateX(\" + (r.innerWidth + a - n.left) + \"px)\";\n    case \"right\":\n      return \"translateX(-\" + (n.left + n.width - a) + \"px)\";\n    case \"up\":\n      return \"translateY(\" + (r.innerHeight + l - n.top) + \"px)\";\n    default:\n      return \"translateY(-\" + (n.top + n.height - l) + \"px)\";\n  }\n}\nfunction cr(e, t) {\n  if (t) {\n    var n = vu(e, t);\n    n && (t.style.webkitTransform = n, t.style.transform = n);\n  }\n}\nvar Ds = /* @__PURE__ */ Je(function(e, t) {\n  var n = e.children, r = e.direction, o = r === void 0 ? \"down\" : r, i = e.in, a = e.style, l = e.timeout, u = l === void 0 ? 0 : l, d = e.onEnter, p = e.onEntered, h = e.onExit, m = e.onExited, C = Gn(e, [\"children\", \"direction\", \"in\", \"style\", \"timeout\", \"onEnter\", \"onEntered\", \"onExit\", \"onExited\"]), y = vn(null), c = Co(n.ref, y), E = Co(c, t), T = function(_, W) {\n    cr(o, _), Ls(_), d && d(_, W);\n  }, O = function(_) {\n    var W = (a == null ? void 0 : a.transitionTimingFunction) || xo.easeOut, U = kr({\n      timeout: u,\n      mode: \"enter\",\n      style: Ee({}, a, {\n        transitionTimingFunction: W\n      })\n    });\n    _.style.webkitTransition = bn(\"-webkit-transform\", U), _.style.transition = bn(\"transform\", U), _.style.webkitTransform = \"none\", _.style.transform = \"none\";\n  }, R = function(_) {\n    var W = (a == null ? void 0 : a.transitionTimingFunction) || xo.sharp, U = kr({\n      timeout: u,\n      mode: \"exit\",\n      style: Ee({}, a, {\n        transitionTimingFunction: W\n      })\n    });\n    _.style.webkitTransition = bn(\"-webkit-transform\", U), _.style.transition = bn(\"transform\", U), cr(o, _), h && h(_);\n  }, S = function(_) {\n    _.style.webkitTransition = \"\", _.style.transition = \"\", m && m(_);\n  }, x = ht(function() {\n    y.current && cr(o, y.current);\n  }, [o]);\n  return Cn(function() {\n    if (!(i || o === \"down\" || o === \"right\")) {\n      var N = yu(function() {\n        y.current && cr(o, y.current);\n      }), _ = Bs(y.current);\n      return _.addEventListener(\"resize\", N), function() {\n        N.clear(), _.removeEventListener(\"resize\", N);\n      };\n    }\n  }, [o, i]), Cn(function() {\n    i || x();\n  }, [i, x]), Vn(Go, Object.assign({\n    appear: !0,\n    nodeRef: y,\n    onEnter: T,\n    onEntered: p,\n    onEntering: O,\n    onExit: R,\n    onExited: S,\n    in: i,\n    timeout: u\n  }, C), function(N, _) {\n    return Dn(n, Ee({\n      ref: E,\n      style: Ee({\n        visibility: N === \"exited\" && !i ? \"hidden\" : void 0\n      }, a, {}, n.props.style)\n    }, _));\n  });\n});\nDs.displayName = \"Slide\";\nvar Fr = function(t) {\n  return oe.createElement(\"svg\", Object.assign({\n    viewBox: \"0 0 24 24\",\n    focusable: \"false\",\n    style: {\n      fontSize: 20,\n      marginInlineEnd: 8,\n      userSelect: \"none\",\n      width: \"1em\",\n      height: \"1em\",\n      display: \"inline-block\",\n      fill: \"currentColor\",\n      flexShrink: 0\n    }\n  }, t));\n}, Cu = function() {\n  return oe.createElement(Fr, null, oe.createElement(\"path\", {\n    d: `M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41\n        10.59L10 14.17L17.59 6.58L19 8L10 17Z`\n  }));\n}, xu = function() {\n  return oe.createElement(Fr, null, oe.createElement(\"path\", {\n    d: \"M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z\"\n  }));\n}, Eu = function() {\n  return oe.createElement(Fr, null, oe.createElement(\"path\", {\n    d: `M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,\n        6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,\n        13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z`\n  }));\n}, Su = function() {\n  return oe.createElement(Fr, null, oe.createElement(\"path\", {\n    d: `M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,\n        0 22,12A10,10 0 0,0 12,2Z`\n  }));\n}, wu = {\n  default: void 0,\n  success: /* @__PURE__ */ oe.createElement(Cu, null),\n  warning: /* @__PURE__ */ oe.createElement(xu, null),\n  error: /* @__PURE__ */ oe.createElement(Eu, null),\n  info: /* @__PURE__ */ oe.createElement(Su, null)\n}, Xt = {\n  maxSnack: 3,\n  persist: !1,\n  hideIconVariant: !1,\n  disableWindowBlurListener: !1,\n  variant: \"default\",\n  autoHideDuration: 5e3,\n  iconVariant: wu,\n  anchorOrigin: {\n    vertical: \"bottom\",\n    horizontal: \"left\"\n  },\n  TransitionComponent: Ds,\n  transitionDuration: {\n    enter: 225,\n    exit: 195\n  }\n}, Tu = function(t, n) {\n  var r = function(i) {\n    return typeof i == \"number\" || i === null;\n  };\n  return r(t) ? t : r(n) ? n : Xt.autoHideDuration;\n}, Ru = function(t, n) {\n  var r = function(i, a) {\n    return a.some(function(l) {\n      return typeof i === l;\n    });\n  };\n  return r(t, [\"string\", \"number\"]) ? t : r(t, [\"object\"]) ? Ee({}, Xt.transitionDuration, {}, r(n, [\"object\"]) && n, {}, t) : r(n, [\"string\", \"number\"]) ? n : r(n, [\"object\"]) ? Ee({}, Xt.transitionDuration, {}, n) : Xt.transitionDuration;\n}, ku = function(t, n) {\n  return function(r, o) {\n    return o === void 0 && (o = !1), o ? Ee({}, Xt[r], {}, n[r], {}, t[r]) : r === \"autoHideDuration\" ? Tu(t.autoHideDuration, n.autoHideDuration) : r === \"transitionDuration\" ? Ru(t.transitionDuration, n.transitionDuration) : t[r] || n[r] || Xt[r];\n  };\n};\nfunction Kn(e) {\n  return Object.entries(e).reduce(function(t, n) {\n    var r, o = n[0], i = n[1];\n    return Ee({}, t, (r = {}, r[o] = Yo(i), r));\n  }, {});\n}\nvar En = {\n  SnackbarContainer: \"notistack-SnackbarContainer\",\n  Snackbar: \"notistack-Snackbar\",\n  CollapseWrapper: \"notistack-CollapseWrapper\",\n  MuiContent: \"notistack-MuiContent\",\n  MuiContentVariant: function(t) {\n    return \"notistack-MuiContent-\" + t;\n  }\n}, ra = /* @__PURE__ */ Kn({\n  root: {\n    height: 0\n  },\n  entered: {\n    height: \"auto\"\n  }\n}), no = \"0px\", ro = 175, Vs = /* @__PURE__ */ Je(function(e, t) {\n  var n = e.children, r = e.in, o = e.onExited, i = vn(null), a = vn(null), l = Co(t, a), u = function() {\n    return i.current ? i.current.clientHeight : 0;\n  }, d = function(c) {\n    c.style.height = no;\n  }, p = function(c) {\n    var E = u(), T = kr({\n      timeout: ro,\n      mode: \"enter\"\n    }), O = T.duration, R = T.easing;\n    c.style.transitionDuration = typeof O == \"string\" ? O : O + \"ms\", c.style.height = E + \"px\", c.style.transitionTimingFunction = R || \"\";\n  }, h = function(c) {\n    c.style.height = \"auto\";\n  }, m = function(c) {\n    c.style.height = u() + \"px\";\n  }, C = function(c) {\n    Ls(c);\n    var E = kr({\n      timeout: ro,\n      mode: \"exit\"\n    }), T = E.duration, O = E.easing;\n    c.style.transitionDuration = typeof T == \"string\" ? T : T + \"ms\", c.style.height = no, c.style.transitionTimingFunction = O || \"\";\n  };\n  return Vn(Go, {\n    in: r,\n    unmountOnExit: !0,\n    onEnter: d,\n    onEntered: h,\n    onEntering: p,\n    onExit: m,\n    onExited: o,\n    onExiting: C,\n    nodeRef: a,\n    timeout: ro\n  }, function(y, c) {\n    return Vn(\"div\", Object.assign({\n      ref: l,\n      className: en(ra.root, y === \"entered\" && ra.entered),\n      style: Ee({\n        pointerEvents: \"all\",\n        overflow: \"hidden\",\n        minHeight: no,\n        transition: bn(\"height\")\n      }, y === \"entered\" && {\n        overflow: \"visible\"\n      }, {}, y === \"exited\" && !r && {\n        visibility: \"hidden\"\n      })\n    }, c), Vn(\"div\", {\n      ref: i,\n      className: En.CollapseWrapper,\n      // Hack to get children with a negative margin to not falsify the height computation.\n      style: {\n        display: \"flex\",\n        width: \"100%\"\n      }\n    }, n));\n  });\n});\nVs.displayName = \"Collapse\";\nvar oa = {\n  right: \"left\",\n  left: \"right\",\n  bottom: \"up\",\n  top: \"down\"\n}, Ou = function(t) {\n  return t.horizontal !== \"center\" ? oa[t.horizontal] : oa[t.vertical];\n}, Mu = function(t) {\n  return \"anchorOrigin\" + qo(t);\n}, $u = function(t) {\n  t === void 0 && (t = {});\n  var n = {\n    containerRoot: !0,\n    containerAnchorOriginTopCenter: !0,\n    containerAnchorOriginBottomCenter: !0,\n    containerAnchorOriginTopRight: !0,\n    containerAnchorOriginBottomRight: !0,\n    containerAnchorOriginTopLeft: !0,\n    containerAnchorOriginBottomLeft: !0\n  };\n  return Object.keys(t).filter(function(r) {\n    return !n[r];\n  }).reduce(function(r, o) {\n    var i;\n    return Ee({}, r, (i = {}, i[o] = t[o], i));\n  }, {});\n}, _u = function() {\n};\nfunction Fn(e, t) {\n  return e.reduce(function(n, r) {\n    return r == null ? n : function() {\n      for (var i = arguments.length, a = new Array(i), l = 0; l < i; l++)\n        a[l] = arguments[l];\n      var u = [].concat(a);\n      t && u.indexOf(t) === -1 && u.push(t), n.apply(this, u), r.apply(this, u);\n    };\n  }, _u);\n}\nvar Au = typeof window < \"u\" ? A0 : Cn;\nfunction ia(e) {\n  var t = vn(e);\n  return Au(function() {\n    t.current = e;\n  }), ht(function() {\n    return (\n      // @ts-expect-error hide `this`\n      t.current.apply(void 0, arguments)\n    );\n  }, []);\n}\nvar zs = /* @__PURE__ */ Je(function(e, t) {\n  var n = e.children, r = e.className, o = e.autoHideDuration, i = e.disableWindowBlurListener, a = i === void 0 ? !1 : i, l = e.onClose, u = e.id, d = e.open, p = e.SnackbarProps, h = p === void 0 ? {} : p, m = vn(), C = ia(function() {\n    l && l.apply(void 0, arguments);\n  }), y = ia(function(R) {\n    !l || R == null || (m.current && clearTimeout(m.current), m.current = setTimeout(function() {\n      C(null, \"timeout\", u);\n    }, R));\n  });\n  Cn(function() {\n    return d && y(o), function() {\n      m.current && clearTimeout(m.current);\n    };\n  }, [d, o, y]);\n  var c = function() {\n    m.current && clearTimeout(m.current);\n  }, E = ht(function() {\n    o != null && y(o * 0.5);\n  }, [o, y]), T = function(S) {\n    h.onMouseEnter && h.onMouseEnter(S), c();\n  }, O = function(S) {\n    h.onMouseLeave && h.onMouseLeave(S), E();\n  };\n  return Cn(function() {\n    if (!a && d)\n      return window.addEventListener(\"focus\", E), window.addEventListener(\"blur\", c), function() {\n        window.removeEventListener(\"focus\", E), window.removeEventListener(\"blur\", c);\n      };\n  }, [a, E, d]), Vn(\"div\", Object.assign({\n    ref: t\n  }, h, {\n    className: en(En.Snackbar, r),\n    onMouseEnter: T,\n    onMouseLeave: O\n  }), n);\n});\nzs.displayName = \"Snackbar\";\nvar oo, Iu = /* @__PURE__ */ Kn({\n  root: (oo = {\n    display: \"flex\",\n    flexWrap: \"wrap\",\n    flexGrow: 1\n  }, oo[qt.upSm] = {\n    flexGrow: \"initial\",\n    minWidth: \"288px\"\n  }, oo)\n}), Fs = /* @__PURE__ */ Je(function(e, t) {\n  var n = e.className, r = Gn(e, [\"className\"]);\n  return oe.createElement(\"div\", Object.assign({\n    ref: t,\n    className: en(Iu.root, n)\n  }, r));\n});\nFs.displayName = \"SnackbarContent\";\nvar An = /* @__PURE__ */ Kn({\n  root: {\n    backgroundColor: \"#313131\",\n    fontSize: \"0.875rem\",\n    lineHeight: 1.43,\n    letterSpacing: \"0.01071em\",\n    color: \"#fff\",\n    alignItems: \"center\",\n    padding: \"6px 16px\",\n    borderRadius: \"4px\",\n    boxShadow: \"0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)\"\n  },\n  lessPadding: {\n    paddingLeft: 8 * 2.5 + \"px\"\n  },\n  default: {\n    backgroundColor: \"#313131\"\n  },\n  success: {\n    backgroundColor: \"#43a047\"\n  },\n  error: {\n    backgroundColor: \"#d32f2f\"\n  },\n  warning: {\n    backgroundColor: \"#ff9800\"\n  },\n  info: {\n    backgroundColor: \"#2196f3\"\n  },\n  message: {\n    display: \"flex\",\n    alignItems: \"center\",\n    padding: \"8px 0\"\n  },\n  action: {\n    display: \"flex\",\n    alignItems: \"center\",\n    marginLeft: \"auto\",\n    paddingLeft: \"16px\",\n    marginRight: \"-8px\"\n  }\n}), aa = \"notistack-snackbar\", Hs = /* @__PURE__ */ Je(function(e, t) {\n  var n = e.id, r = e.message, o = e.action, i = e.iconVariant, a = e.variant, l = e.hideIconVariant, u = e.style, d = e.className, p = i[a], h = o;\n  return typeof h == \"function\" && (h = h(n)), oe.createElement(Fs, {\n    ref: t,\n    role: \"alert\",\n    \"aria-describedby\": aa,\n    style: u,\n    className: en(En.MuiContent, En.MuiContentVariant(a), An.root, An[a], d, !l && p && An.lessPadding)\n  }, oe.createElement(\"div\", {\n    id: aa,\n    className: An.message\n  }, l ? null : p, r), h && oe.createElement(\"div\", {\n    className: An.action\n  }, h));\n});\nHs.displayName = \"MaterialDesignContent\";\nvar Nu = /* @__PURE__ */ za(Hs), ju = /* @__PURE__ */ Kn({\n  wrappedRoot: {\n    width: \"100%\",\n    position: \"relative\",\n    transform: \"translateX(0)\",\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    minWidth: \"288px\"\n  }\n}), Pu = function(t) {\n  var n = vn(), r = To(!0), o = r[0], i = r[1], a = Fn([t.snack.onClose, t.onClose]), l = function() {\n    t.snack.requestClose && a(null, \"instructed\", t.snack.id);\n  }, u = ht(function() {\n    n.current = setTimeout(function() {\n      i(function(U) {\n        return !U;\n      });\n    }, 125);\n  }, []);\n  Cn(function() {\n    return function() {\n      n.current && clearTimeout(n.current);\n    };\n  }, []);\n  var d = t.snack, p = t.classes, h = t.Component, m = h === void 0 ? Nu : h, C = Dt(function() {\n    return $u(p);\n  }, [p]), y = d.open, c = d.SnackbarProps, E = d.TransitionComponent, T = d.TransitionProps, O = d.transitionDuration, R = d.disableWindowBlurListener, S = d.content, x = Gn(d, [\"open\", \"SnackbarProps\", \"TransitionComponent\", \"TransitionProps\", \"transitionDuration\", \"disableWindowBlurListener\", \"content\", \"entered\", \"requestClose\", \"onEnter\", \"onEntered\", \"onExit\", \"onExited\"]), N = Ee({\n    direction: Ou(x.anchorOrigin),\n    timeout: O\n  }, T), _ = S;\n  typeof _ == \"function\" && (_ = _(x.id, x.message));\n  var W = [\"onEnter\", \"onEntered\", \"onExit\", \"onExited\"].reduce(function(U, f) {\n    var $;\n    return Ee({}, U, ($ = {}, $[f] = Fn([t.snack[f], t[f]], x.id), $));\n  }, {});\n  return oe.createElement(Vs, {\n    in: o,\n    onExited: W.onExited\n  }, oe.createElement(zs, {\n    open: y,\n    id: x.id,\n    disableWindowBlurListener: R,\n    autoHideDuration: x.autoHideDuration,\n    className: en(ju.wrappedRoot, C.root, C[Mu(x.anchorOrigin)]),\n    SnackbarProps: c,\n    onClose: a\n  }, oe.createElement(E, Object.assign({}, N, {\n    appear: !0,\n    in: y,\n    onExit: W.onExit,\n    onExited: u,\n    onEnter: W.onEnter,\n    // order matters. first callbacks.onEntered to set entered: true,\n    // then handleEntered to check if there's a request for closing\n    onEntered: Fn([W.onEntered, l], x.id)\n  }), _ || oe.createElement(m, Object.assign({}, x)))));\n}, In, io, ur, dr, ao, St = {\n  view: {\n    default: 20\n  },\n  snackbar: {\n    default: 6,\n    dense: 2\n  }\n}, sa = \".\" + En.CollapseWrapper, so = 16, fr = /* @__PURE__ */ Kn({\n  root: (In = {\n    boxSizing: \"border-box\",\n    display: \"flex\",\n    maxHeight: \"100%\",\n    position: \"fixed\",\n    zIndex: 1400,\n    height: \"auto\",\n    width: \"auto\",\n    transition: /* @__PURE__ */ bn([\"top\", \"right\", \"bottom\", \"left\", \"max-width\"], {\n      duration: 300,\n      easing: \"ease\"\n    }),\n    // container itself is invisible and should not block clicks, clicks should be passed to its children\n    // a pointerEvents: all is applied in the collapse component\n    pointerEvents: \"none\"\n  }, In[sa] = {\n    padding: St.snackbar.default + \"px 0px\",\n    transition: \"padding 300ms ease 0ms\"\n  }, In.maxWidth = \"calc(100% - \" + St.view.default * 2 + \"px)\", In[qt.downXs] = {\n    width: \"100%\",\n    maxWidth: \"calc(100% - \" + so * 2 + \"px)\"\n  }, In),\n  rootDense: (io = {}, io[sa] = {\n    padding: St.snackbar.dense + \"px 0px\"\n  }, io),\n  top: {\n    top: St.view.default - St.snackbar.default + \"px\",\n    flexDirection: \"column\"\n  },\n  bottom: {\n    bottom: St.view.default - St.snackbar.default + \"px\",\n    flexDirection: \"column-reverse\"\n  },\n  left: (ur = {\n    left: St.view.default + \"px\"\n  }, ur[qt.upSm] = {\n    alignItems: \"flex-start\"\n  }, ur[qt.downXs] = {\n    left: so + \"px\"\n  }, ur),\n  right: (dr = {\n    right: St.view.default + \"px\"\n  }, dr[qt.upSm] = {\n    alignItems: \"flex-end\"\n  }, dr[qt.downXs] = {\n    right: so + \"px\"\n  }, dr),\n  center: (ao = {\n    left: \"50%\",\n    transform: \"translateX(-50%)\"\n  }, ao[qt.upSm] = {\n    alignItems: \"center\"\n  }, ao)\n}), Lu = function(t) {\n  var n = t.classes, r = n === void 0 ? {} : n, o = t.anchorOrigin, i = t.dense, a = t.children, l = en(\n    En.SnackbarContainer,\n    fr[o.vertical],\n    fr[o.horizontal],\n    fr.root,\n    // root should come after others to override maxWidth\n    r.containerRoot,\n    r[\"containerAnchorOrigin\" + qo(o)],\n    i && fr.rootDense\n  );\n  return oe.createElement(\"div\", {\n    className: l\n  }, a);\n}, Bu = /* @__PURE__ */ za(Lu), Du = process.env.NODE_ENV !== \"production\", Vu = {\n  NO_PERSIST_ALL: \"Reached maxSnack while all enqueued snackbars have 'persist' flag. Notistack will dismiss the oldest snackbar anyway to allow other ones in the queue to be presented.\"\n}, zu = function(e) {\n  if (Du) {\n    var t = Vu[e];\n    try {\n      throw new Error(t);\n    } catch {\n    }\n  }\n}, la = function(t) {\n  var n = typeof t == \"string\" || Bn(t);\n  return !n;\n}, Fu, Hu = /* @__PURE__ */ function(e) {\n  js(t, e);\n  function t(r) {\n    var o;\n    return o = e.call(this, r) || this, o.enqueueSnackbar = function(i, a) {\n      if (a === void 0 && (a = {}), i == null)\n        throw new Error(\"enqueueSnackbar called with invalid argument\");\n      var l = la(i) ? i : a, u = la(i) ? i.message : i, d = l.key, p = l.preventDuplicate, h = Gn(l, [\"key\", \"preventDuplicate\"]), m = sr(d), C = m ? d : (/* @__PURE__ */ new Date()).getTime() + Math.random(), y = ku(h, o.props), c = Ee({\n        id: C\n      }, h, {\n        message: u,\n        open: !0,\n        entered: !1,\n        requestClose: !1,\n        persist: y(\"persist\"),\n        action: y(\"action\"),\n        content: y(\"content\"),\n        variant: y(\"variant\"),\n        anchorOrigin: y(\"anchorOrigin\"),\n        disableWindowBlurListener: y(\"disableWindowBlurListener\"),\n        autoHideDuration: y(\"autoHideDuration\"),\n        hideIconVariant: y(\"hideIconVariant\"),\n        TransitionComponent: y(\"TransitionComponent\"),\n        transitionDuration: y(\"transitionDuration\"),\n        TransitionProps: y(\"TransitionProps\", !0),\n        iconVariant: y(\"iconVariant\", !0),\n        style: y(\"style\", !0),\n        SnackbarProps: y(\"SnackbarProps\", !0),\n        className: en(o.props.className, h.className)\n      });\n      return c.persist && (c.autoHideDuration = void 0), o.setState(function(E) {\n        if (p === void 0 && o.props.preventDuplicate || p) {\n          var T = function(x) {\n            return m ? x.id === C : x.message === u;\n          }, O = E.queue.findIndex(T) > -1, R = E.snacks.findIndex(T) > -1;\n          if (O || R)\n            return E;\n        }\n        return o.handleDisplaySnack(Ee({}, E, {\n          queue: [].concat(E.queue, [c])\n        }));\n      }), C;\n    }, o.handleDisplaySnack = function(i) {\n      var a = i.snacks;\n      return a.length >= o.maxSnack ? o.handleDismissOldest(i) : o.processQueue(i);\n    }, o.processQueue = function(i) {\n      var a = i.queue, l = i.snacks;\n      return a.length > 0 ? Ee({}, i, {\n        snacks: [].concat(l, [a[0]]),\n        queue: a.slice(1, a.length)\n      }) : i;\n    }, o.handleDismissOldest = function(i) {\n      if (i.snacks.some(function(p) {\n        return !p.open || p.requestClose;\n      }))\n        return i;\n      var a = !1, l = !1, u = i.snacks.reduce(function(p, h) {\n        return p + (h.open && h.persist ? 1 : 0);\n      }, 0);\n      u === o.maxSnack && (process.env.NODE_ENV !== \"production\" && zu(\"NO_PERSIST_ALL\"), l = !0);\n      var d = i.snacks.map(function(p) {\n        return !a && (!p.persist || l) ? (a = !0, p.entered ? (p.onClose && p.onClose(null, \"maxsnack\", p.id), o.props.onClose && o.props.onClose(null, \"maxsnack\", p.id), Ee({}, p, {\n          open: !1\n        })) : Ee({}, p, {\n          requestClose: !0\n        })) : Ee({}, p);\n      });\n      return Ee({}, i, {\n        snacks: d\n      });\n    }, o.handleEnteredSnack = function(i, a, l) {\n      if (!sr(l))\n        throw new Error(\"handleEnteredSnack Cannot be called with undefined key\");\n      o.setState(function(u) {\n        var d = u.snacks;\n        return {\n          snacks: d.map(function(p) {\n            return p.id === l ? Ee({}, p, {\n              entered: !0\n            }) : Ee({}, p);\n          })\n        };\n      });\n    }, o.handleCloseSnack = function(i, a, l) {\n      o.props.onClose && o.props.onClose(i, a, l);\n      var u = l === void 0;\n      o.setState(function(d) {\n        var p = d.snacks, h = d.queue;\n        return {\n          snacks: p.map(function(m) {\n            return !u && m.id !== l ? Ee({}, m) : m.entered ? Ee({}, m, {\n              open: !1\n            }) : Ee({}, m, {\n              requestClose: !0\n            });\n          }),\n          queue: h.filter(function(m) {\n            return m.id !== l;\n          })\n        };\n      });\n    }, o.closeSnackbar = function(i) {\n      var a = o.state.snacks.find(function(l) {\n        return l.id === i;\n      });\n      sr(i) && a && a.onClose && a.onClose(null, \"instructed\", i), o.handleCloseSnack(null, \"instructed\", i);\n    }, o.handleExitedSnack = function(i, a) {\n      if (!sr(a))\n        throw new Error(\"handleExitedSnack Cannot be called with undefined key\");\n      o.setState(function(l) {\n        var u = o.processQueue(Ee({}, l, {\n          snacks: l.snacks.filter(function(d) {\n            return d.id !== a;\n          })\n        }));\n        return u.queue.length === 0 ? u : o.handleDismissOldest(u);\n      });\n    }, o.enqueueSnackbar, Fu = o.closeSnackbar, o.state = {\n      snacks: [],\n      queue: [],\n      contextValue: {\n        enqueueSnackbar: o.enqueueSnackbar.bind(Xi(o)),\n        closeSnackbar: o.closeSnackbar.bind(Xi(o))\n      }\n    }, o;\n  }\n  var n = t.prototype;\n  return n.render = function() {\n    var o = this, i = this.state.contextValue, a = this.props, l = a.domRoot, u = a.children, d = a.dense, p = d === void 0 ? !1 : d, h = a.Components, m = h === void 0 ? {} : h, C = a.classes, y = this.state.snacks.reduce(function(E, T) {\n      var O, R = qo(T.anchorOrigin), S = E[R] || [];\n      return Ee({}, E, (O = {}, O[R] = [].concat(S, [T]), O));\n    }, {}), c = Object.keys(y).map(function(E) {\n      var T = y[E], O = T[0];\n      return oe.createElement(Bu, {\n        key: E,\n        dense: p,\n        anchorOrigin: O.anchorOrigin,\n        classes: C\n      }, T.map(function(R) {\n        return oe.createElement(Pu, {\n          key: R.id,\n          snack: R,\n          classes: C,\n          Component: m[R.variant],\n          onClose: o.handleCloseSnack,\n          onEnter: o.props.onEnter,\n          onExit: o.props.onExit,\n          onExited: Fn([o.handleExitedSnack, o.props.onExited], R.id),\n          onEntered: Fn([o.handleEnteredSnack, o.props.onEntered], R.id)\n        });\n      }));\n    });\n    return oe.createElement(Ps.Provider, {\n      value: i\n    }, u, l ? L0(c, l) : c);\n  }, Ns(t, [{\n    key: \"maxSnack\",\n    get: function() {\n      return this.props.maxSnack || Xt.maxSnack;\n    }\n  }]), t;\n}(I0), $f = function() {\n  return Va(Ps);\n};\nconst _f = ({\n  children: e,\n  classes: t,\n  anchorOrigin: n,\n  autoHideDuration: r = 3e3,\n  maxSnack: o,\n  ...i\n}) => {\n  const a = Bt(), { tpr: l } = Sn(), u = br(a.breakpoints.down(\"sm\")), { anchorOrigin: d, maxSnack: p } = Dt(\n    () => ({\n      anchorOrigin: u ? { horizontal: \"center\", vertical: \"top\" } : n,\n      maxSnack: u ? (o == null ? void 0 : o.mobile) || 2 : (o == null ? void 0 : o.default) || 3\n    }),\n    [u, n, o]\n  );\n  return /* @__PURE__ */ g.jsxs(g.Fragment, { children: [\n    /* @__PURE__ */ g.jsx(\n      T0,\n      {\n        styles: {\n          \".notistack-SnackbarContainer\": {\n            \"&.solvook-notistack-top\": { top: l(120) },\n            \"&.solvook-notistack-bottom\": { bottom: l(84) }\n          },\n          \".notistack-CollapseWrapper\": {\n            paddingTop: `${l(4)} !important`,\n            paddingBottom: `${l(4)} !important`\n          }\n        }\n      }\n    ),\n    /* @__PURE__ */ g.jsx(\n      Hu,\n      {\n        ...i,\n        anchorOrigin: d,\n        autoHideDuration: r,\n        classes: {\n          containerAnchorOriginTopCenter: \"solvook-notistack-top\",\n          containerAnchorOriginTopLeft: \"solvook-notistack-top\",\n          containerAnchorOriginTopRight: \"solvook-notistack-top\",\n          containerAnchorOriginBottomCenter: \"solvook-notistack-bottom\",\n          containerAnchorOriginBottomLeft: \"solvook-notistack-bottom\",\n          containerAnchorOriginBottomRight: \"solvook-notistack-bottom\",\n          ...t\n        },\n        maxSnack: p,\n        Components: {\n          default: Nn,\n          success: Nn,\n          error: Nn,\n          warning: Nn,\n          info: Nn,\n          ...i.Components\n        },\n        children: e\n      }\n    )\n  ] });\n}, Nn = Je(\n  ({\n    alertVariant: e = \"dark\",\n    message: t,\n    severity: n,\n    variant: r,\n    ActionIcon: o,\n    actionIconProps: i,\n    actionText: a,\n    onClickActionPreset: l,\n    action: u\n  }, d) => {\n    const p = Dt(\n      () => n || (r === \"default\" ? void 0 : r),\n      [n, r]\n    ), h = {\n      variant: e,\n      message: t,\n      severity: p,\n      ActionIcon: o,\n      actionIconProps: i,\n      actionText: a,\n      onClickActionPreset: l,\n      action: u\n    };\n    return /* @__PURE__ */ g.jsx(Ic, { ...h, ref: d });\n  }\n), Wu = (e) => /* @__PURE__ */ v.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", fill: \"none\", viewBox: \"0 0 16 16\", ...e }, /* @__PURE__ */ v.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"m13.772 9.498-.878 1.004L8 6.219l-4.894 4.283-.878-1.004L8 4.448z\", clipRule: \"evenodd\" })), ca = \"semibold14\", Uu = te(R0)(({ select: e, theme: t }) => {\n  const { pxToRem: n, ...r } = t.typography;\n  return {\n    \"& .MuiInputBase-input\": {\n      paddingTop: n(12),\n      paddingBottom: n(12),\n      color: t.palette.grey[900],\n      ...r.regular16,\n      \"&.MuiInputBase-inputSizeSmall\": {\n        paddingTop: n(7 + (e ? 1.5 : 0)),\n        paddingBottom: n(7 + (e ? 1.5 : 0))\n        // ...(!!select && theme.typography.buttonSmMedium),\n      },\n      \"&::placeholder\": { color: t.palette.grey[300], opacity: 1 }\n    },\n    // \"& .Mui-disabled .MuiInputBase-input::placeholder\": {\n    //   textFillColor: \"#BBBBBB\",\n    // },\n    \"& .MuiFormHelperText-root\": {\n      marginTop: n(4),\n      marginLeft: n(4),\n      marginRight: 0,\n      \"&:not(.Mui-error)\": { color: t.palette.grey[900] }\n    },\n    \"& .MuiOutlinedInput-root\": {\n      backgroundColor: t.palette.blackAndWhite.white,\n      \"& .MuiOutlinedInput-input\": { paddingLeft: n(16) },\n      \"& fieldset\": { borderColor: t.palette.grey[200] },\n      \"&, & fieldset\": { borderRadius: n(4) },\n      \"&:hover:not(.Mui-disabled, .Mui-error) fieldset\": {\n        borderColor: t.palette.grey[300]\n      },\n      \"&.Mui-focused:not(.Mui-disabled, .Mui-error) fieldset\": {\n        borderColor: t.palette.grey[900]\n      },\n      \"&.Mui-focused fieldset\": { borderWidth: n(1) },\n      \"&.Mui-error\": {\n        backgroundColor: t.palette.red[0],\n        \"& fieldset\": { borderColor: t.palette.red[400] }\n      },\n      \"&.Mui-disabled\": {\n        backgroundColor: t.palette.grey[50],\n        \"& fieldset\": { borderColor: t.palette.grey[50] }\n      },\n      \"& .MuiInputAdornment-positionStart\": {\n        \"&.MuiInputAdornment-sizeMedium\": {\n          marginLeft: n(-2),\n          marginRight: n(3),\n          // -5\n          \"& ~ .MuiInputBase-input\": { paddingLeft: n(7) }\n          // 12\n        }\n      },\n      \"& .MuiInputAdornment-positionEnd\": {\n        \"&.MuiInputAdornment-sizeMedium\": {\n          marginRight: n(-2)\n        }\n      }\n    },\n    \"& .MuiInput-underline\": {\n      \"&:before\": { borderBottomColor: t.palette.grey[200] },\n      \"&:hover:not(.Mui-disabled, .Mui-error):before\": {\n        borderBottomColor: t.palette.grey[500],\n        borderBottomWidth: n(1)\n      }\n    },\n    \"& .MuiFormLabel-root\": {\n      ...r[ca],\n      transform: \"scale(1)\",\n      \"&, &.Mui-error, &.Mui-focused\": { color: t.palette.grey[900] },\n      \"&.Mui-disabled\": { color: t.palette.grey[300] },\n      \"& + .MuiInputBase-root\": {\n        marginTop: `calc(${r[ca].lineHeight} + ${n(4)})`,\n        \"& fieldset legend\": { display: \"none\" }\n      },\n      \"& + .MuiOutlinedInput-root fieldset\": {\n        top: 0\n      }\n    }\n  };\n}), Af = Je(\n  ({ inputRef: e, InputLabelProps: t, SelectProps: n, ...r }, o) => {\n    var l, u, d, p, h, m, C;\n    const { tpr: i } = Sn(), a = Bt();\n    return /* @__PURE__ */ g.jsx(\n      Uu,\n      {\n        inputRef: e || o,\n        ...r,\n        InputLabelProps: { shrink: !0, ...t },\n        SelectProps: {\n          ...n,\n          IconComponent: (n == null ? void 0 : n.IconComponent) || Wu,\n          sx: {\n            ...!(n != null && n.IconComponent) && {\n              \"& .MuiSelect-icon\": {\n                width: i(16),\n                height: i(16),\n                top: i(r.size === \"small\" ? 12 : 16),\n                right: i(12),\n                color: \"grey.900\",\n                transform: \"rotate(-180deg)\",\n                transition: a.transitions.create(\"all\"),\n                \"&.MuiSelect-iconOpen\": { transform: \"rotate(0deg)\" },\n                \"&.Mui-disabled\": { color: \"grey.200\" }\n              }\n            },\n            ...n == null ? void 0 : n.sx\n          },\n          MenuProps: {\n            ...n == null ? void 0 : n.MenuProps,\n            sx: { mt: i(8), ...(l = n == null ? void 0 : n.MenuProps) == null ? void 0 : l.sx },\n            MenuListProps: {\n              ...(u = n == null ? void 0 : n.MenuProps) == null ? void 0 : u.MenuListProps,\n              sx: {\n                py: i(12),\n                \"& > .MuiMenuItem-root\": {\n                  py: i(12),\n                  \"&:not(.Mui-disabled)\": {\n                    \"&:hover, &.Mui-selected\": { bgcolor: \"indigo.0\" },\n                    \"&.Mui-selected\": { color: \"indigo.500\" }\n                  },\n                  \"&.Mui-disabled.Mui-selected\": { bgcolor: \"transparent\" }\n                },\n                ...(p = (d = n == null ? void 0 : n.MenuProps) == null ? void 0 : d.MenuListProps) == null ? void 0 : p.sx\n              }\n            },\n            slotProps: {\n              ...(h = n == null ? void 0 : n.MenuProps) == null ? void 0 : h.slotProps,\n              paper: {\n                ...(C = (m = n == null ? void 0 : n.MenuProps) == null ? void 0 : m.slotProps) == null ? void 0 : C.paper,\n                sx: {\n                  borderRadius: i(2),\n                  boxShadow: `0 ${i(2)} ${i(8)} 0px rgba(0, 0, 0, 0.14)`\n                  // ...SelectProps?.MenuProps?.slotProps?.paper?.[\"sx\"],\n                }\n              }\n            }\n          }\n        }\n      }\n    );\n  }\n), Yu = te(\n  ({ className: e, arrow: t = !0, ...n }) => /* @__PURE__ */ g.jsx(k0, { ...n, arrow: t, classes: { popper: e } })\n)(({ size: e = \"medium\", theme: t }) => {\n  const {\n    palette: n,\n    typography: { pxToRem: r, ...o }\n  } = t;\n  return {\n    [`& .${ni.arrow}`]: {\n      color: n.blue[400]\n    },\n    [`& .${ni.tooltip}`]: {\n      padding: e === \"small\" ? r(8).concat(\" \", r(12)) : r(12).concat(\" \", r(16)),\n      backgroundColor: n.blue[400],\n      ...o.regular16\n    }\n  };\n}), If = Je(\n  ({ ...e }, t) => /* @__PURE__ */ g.jsx(Yu, { ref: t, ...e })\n), lo = te(O0)(\n  ({ theme: e }) => ({ customcolor: t }) => {\n    let n;\n    switch (t) {\n      case \"Red\":\n        n = e.palette.red[400];\n        break;\n      case \"Blue\":\n        n = e.palette.blue[400];\n        break;\n      case \"Mint\":\n        n = e.palette.mint[400];\n        break;\n      case \"Indigo\":\n        n = e.palette.indigo[500];\n        break;\n      case \"Gray\":\n        n = e.palette.grey[500];\n        break;\n      case \"Yellow\":\n        n = e.palette.yellow[400];\n        break;\n      default:\n        n = e.palette.background.paper;\n        break;\n    }\n    return {\n      \"& .MuiBadge-badge\": {\n        backgroundColor: n,\n        color: e.palette.common.white,\n        padding: e.spacing(0, 0.5),\n        ...e.typography.label\n      }\n    };\n  }\n), Ws = (e) => /* @__PURE__ */ v.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", fill: \"none\", viewBox: \"0 0 12 12\", ...e }, /* @__PURE__ */ v.createElement(\"path\", { stroke: \"#3B4054\", strokeLinecap: \"round\", strokeWidth: 1.5, d: \"M2 4.5 6 8l4-3.5\" })), qu = ({\n  buttonText: e = \"카테고리\",\n  onClick: t,\n  openCategory: n\n}) => {\n  const r = ht(() => {\n    t == null || t();\n  }, [t]);\n  return /* @__PURE__ */ g.jsxs(\n    Gu,\n    {\n      onClick: r,\n      className: \"category-button\".concat(n ? \" active\" : \"\"),\n      \"aria-open\": n,\n      children: [\n        /* @__PURE__ */ g.jsx(\n          Pt,\n          {\n            variant: \"subtitle1\",\n            sx: {\n              color: (o) => n ? o.palette.common.white : o.palette.grey[700]\n            },\n            children: e\n          }\n        ),\n        /* @__PURE__ */ g.jsx(Ku, { className: \"icon\".concat(n ? \" active\" : \"\"), children: /* @__PURE__ */ g.jsx(Ws, {}) })\n      ]\n    }\n  );\n}, Gu = te(\"button\")(({ theme: e }) => ({\n  display: \"flex\",\n  justifyContent: \"center\",\n  alignItems: \"center\",\n  gap: e.spacing(1),\n  position: \"relative\",\n  padding: \"6px 16px\",\n  borderRadius: \"18px\",\n  border: `1px solid ${e.palette.grey[200]}`,\n  backgroundColor: e.palette.common.white,\n  cursor: \"pointer\",\n  \":hover\": {\n    transition: \"background-color 0.3s\",\n    backgroundColor: \"rgba(169, 175, 199, 0.20)\"\n  },\n  \"&.active\": {\n    backgroundColor: e.palette.grey[700]\n  }\n})), Ku = te(\"div\")(({ theme: e }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  svg: {\n    width: \"12px\",\n    height: \"12px\"\n  },\n  \".active &\": {\n    transform: \"rotate(180deg)\",\n    transition: \"transform 0.3s\",\n    \"svg path\": {\n      stroke: e.palette.common.white\n    }\n  }\n})), Zu = te(Qt)(({ theme: e }) => ({\n  padding: \"10px 16px\",\n  height: \"40px\",\n  \"&.MuiButton-strokeSecondary\": {\n    color: e.palette.text.primary\n  },\n  ...e.typography.subtitle2\n})), Xu = ({\n  children: e,\n  searchTextField: t,\n  banner: n\n}) => /* @__PURE__ */ g.jsxs(Ju, { className: \"gnb\", children: [\n  n,\n  /* @__PURE__ */ g.jsxs(Qu, { className: \"inner\", children: [\n    /* @__PURE__ */ g.jsx(td, { children: e }),\n    t && /* @__PURE__ */ g.jsx(ed, { children: t })\n  ] })\n] }), Ju = te(\"header\")(({ theme: e }) => ({\n  position: \"sticky\",\n  backgroundColor: \"#fff\",\n  borderBottom: \"solid 1px #f3f3f3\",\n  left: 0,\n  right: 0,\n  top: 0,\n  zIndex: 800,\n  [e.breakpoints.down(\"sm\")]: {\n    borderBottom: \"none\"\n  }\n})), Qu = te(\"div\")(({ theme: e }) => ({\n  maxWidth: 1200,\n  position: \"relative\",\n  display: \"flex\",\n  justifyContent: \"space-between\",\n  alignItems: \"center\",\n  padding: \"12px 0px\",\n  height: 74,\n  margin: \"0 auto\",\n  [e.breakpoints.down(\"lg\")]: {\n    padding: \"12px 32px\"\n  },\n  [e.breakpoints.down(\"sm\")]: {\n    padding: \"8px 12px 8px 20px\",\n    flexDirection: \"column\",\n    height: \"auto\"\n  }\n})), ed = te(\"div\")(({ theme: e }) => ({\n  position: \"absolute\",\n  top: \"50%\",\n  left: \"50%\",\n  transform: \"translate(-50%, -50%)\",\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  [e.breakpoints.down(\"sm\")]: {\n    position: \"unset\",\n    width: \"100%\",\n    transform: \"unset\",\n    form: {\n      height: 40\n    }\n  }\n})), td = te(wo)(({ theme: e }) => ({\n  flexDirection: \"row\",\n  justifyContent: \"space-between\",\n  width: \"100%\",\n  alignItems: \"center\",\n  [e.breakpoints.down(\"sm\")]: {\n    height: 40,\n    marginBottom: 8\n  }\n})), nd = \"data:image/svg+xml,%3csvg%20width='134'%20height='32'%20viewBox='0%200%20134%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='&%2360;Logo&%2362;'%3e%3cg%20id='Vector'%3e%3cpath%20d='M3.06681%2023.9051C1.80818%2023.5771%200.782952%2023.1369%200%2022.5844L1.53045%2019.1423C2.26908%2019.6328%203.12885%2020.0228%204.1009%2020.3212C5.07885%2020.6196%206.03612%2020.7732%206.97861%2020.7732C8.77202%2020.7732%209.66724%2020.3212%209.66724%2019.426C9.66724%2018.9533%209.41315%2018.6017%208.90202%2018.3771C8.39088%2018.1467%207.56952%2017.9044%206.43498%2017.6562C5.19407%2017.3844%204.15703%2017.0978%203.3209%2016.7935C2.48772%2016.4833%201.77272%2015.9928%201.17591%2015.3162C0.576134%2014.6396%200.280681%2013.7296%200.280681%2012.5803C0.280681%2011.5758%200.555453%2010.6628%201.105%209.85624C1.65749%209.04374%202.47886%208.40556%203.57203%207.93284C4.66226%207.46011%206.00657%207.2267%207.59316%207.2267C8.67747%207.2267%209.74997%207.34488%2010.7988%207.59306C11.8536%207.83534%2012.7813%208.18988%2013.585%208.66556L12.1461%2012.1342C10.5743%2011.2833%209.04679%2010.8578%207.56952%2010.8578C6.6418%2010.8578%205.96521%2010.9937%205.53975%2011.2744C5.1143%2011.5462%204.90453%2011.9067%204.90453%2012.3469C4.90453%2012.7871%205.15566%2013.1151%205.65794%2013.3396C6.16021%2013.5583%206.9727%2013.7858%208.08952%2014.0221C9.3452%2014.288%2010.3881%2014.5746%2011.2154%2014.8849C12.0397%2015.1892%2012.7547%2015.6796%2013.3604%2016.3414C13.9661%2017.0121%2014.2704%2017.9221%2014.2704%2019.0714C14.2704%2020.0583%2013.9956%2020.9564%2013.4431%2021.7571C12.8936%2022.5637%2012.0693%2023.2019%2010.9672%2023.6805C9.86519%2024.1651%208.52974%2024.3985%206.95793%2024.3985C5.62248%2024.3985%204.32249%2024.2389%203.06681%2023.9021'%20fill='%23403391'/%3e%3cpath%20d='M19.887%2023.2905C18.4954%2022.5519%2017.4022%2021.5355%2016.6104%2020.2267C15.8156%2018.9237%2015.4197%2017.4553%2015.4197%2015.8155C15.4197%2014.1758%2015.8156%2012.7074%2016.6104%2011.4044C17.4052%2010.0956%2018.4954%209.0792%2019.887%208.33465C21.2786%207.59602%2022.8474%207.22966%2024.5906%207.22966C26.3338%207.22966%2027.9056%207.59602%2029.2972%208.33465C30.6888%209.0792%2031.7819%2010.0956%2032.5767%2011.4044C33.3715%2012.7074%2033.7674%2014.1758%2033.7674%2015.8155C33.7674%2017.4553%2033.3715%2018.9237%2032.5767%2020.2267C31.7819%2021.5355%2030.6917%2022.5519%2029.2972%2023.2905C27.9056%2024.0351%2026.3367%2024.4014%2024.5906%2024.4014C22.8445%2024.4014%2021.2786%2024.0351%2019.887%2023.2905ZM26.8597%2019.943C27.5363%2019.553%2028.0681%2019.0005%2028.464%2018.2796C28.8569%2017.5646%2029.052%2016.7462%2029.052%2015.8155C29.052%2014.8849%2028.8569%2014.0665%2028.464%2013.3485C28.071%2012.6365%2027.5363%2012.084%2026.8597%2011.6851C26.1831%2011.2951%2025.4267%2011.0942%2024.5936%2011.0942C23.7604%2011.0942%2023.004%2011.2921%2022.3304%2011.6851C21.6538%2012.081%2021.122%2012.6335%2020.7261%2013.3485C20.3331%2014.0665%2020.1381%2014.8878%2020.1381%2015.8155C20.1381%2016.7433%2020.3331%2017.5646%2020.7261%2018.2796C21.119%2018.9976%2021.6538%2019.5501%2022.3304%2019.943C23.007%2020.3389%2023.7633%2020.5398%2024.5936%2020.5398C25.4238%2020.5398%2026.1831%2020.3419%2026.8597%2019.943Z'%20fill='%23403391'/%3e%3cpath%20d='M35.9862%207.56056H40.6574V20.3685H50.3394V24.0735H35.9862V7.56056Z'%20fill='%23403391'/%3e%3cpath%20d='M81.6693%2023.2905C80.2777%2022.5519%2079.1845%2021.5355%2078.3897%2020.2267C77.595%2018.9237%2077.1991%2017.4553%2077.1991%2015.8155C77.1991%2014.1758%2077.595%2012.7074%2078.3897%2011.4044C79.1845%2010.0956%2080.2747%209.0792%2081.6693%208.33465C83.0609%207.59602%2084.6297%207.22966%2086.3729%207.22966C88.1161%207.22966%2089.6879%207.59602%2091.0795%208.33465C92.4711%209.0792%2093.5642%2010.0956%2094.356%2011.4044C95.1508%2012.7074%2095.5467%2014.1758%2095.5467%2015.8155C95.5467%2017.4553%2095.1508%2018.9237%2094.356%2020.2267C93.5613%2021.5355%2092.4711%2022.5519%2091.0795%2023.2905C89.6879%2024.0351%2088.119%2024.4014%2086.3729%2024.4014C84.6268%2024.4014%2083.0609%2024.0351%2081.6693%2023.2905ZM88.642%2019.943C89.3186%2019.553%2089.8504%2019.0005%2090.2463%2018.2796C90.6393%2017.5646%2090.8343%2016.7462%2090.8343%2015.8155C90.8343%2014.8849%2090.6393%2014.0665%2090.2463%2013.3485C89.8533%2012.6365%2089.3186%2012.084%2088.642%2011.6851C87.9654%2011.2951%2087.209%2011.0942%2086.3759%2011.0942C85.5427%2011.0942%2084.7863%2011.2921%2084.1127%2011.6851C83.4361%2012.081%2082.9043%2012.6335%2082.5084%2013.3485C82.1154%2014.0665%2081.9204%2014.8878%2081.9204%2015.8155C81.9204%2016.7433%2082.1154%2017.5646%2082.5084%2018.2796C82.9013%2018.9976%2083.4361%2019.5501%2084.1127%2019.943C84.7893%2020.3389%2085.5456%2020.5398%2086.3759%2020.5398C87.2061%2020.5398%2087.9654%2020.3419%2088.642%2019.943Z'%20fill='%2357C29E'/%3e%3cpath%20d='M101.388%2023.2905C99.9963%2022.5519%2098.9031%2021.5355%2098.1113%2020.2267C97.3165%2018.9237%2096.9206%2017.4553%2096.9206%2015.8155C96.9206%2014.1758%2097.3165%2012.7074%2098.1113%2011.4044C98.906%2010.0956%2099.9963%209.0792%20101.388%208.33465C102.779%207.59602%20104.351%207.22966%20106.091%207.22966C107.832%207.22966%20109.406%207.59602%20110.798%208.33465C112.19%209.0792%20113.283%2010.0956%20114.075%2011.4044C114.869%2012.7074%20115.265%2014.1758%20115.265%2015.8155C115.265%2017.4553%20114.869%2018.9237%20114.075%2020.2267C113.28%2021.5355%20112.19%2022.5519%20110.798%2023.2905C109.406%2024.0351%20107.838%2024.4014%20106.091%2024.4014C104.345%2024.4014%20102.779%2024.0351%20101.388%2023.2905ZM108.361%2019.943C109.037%2019.553%20109.569%2019.0005%20109.965%2018.2796C110.358%2017.5646%20110.553%2016.7462%20110.553%2015.8155C110.553%2014.8849%20110.358%2014.0665%20109.965%2013.3485C109.572%2012.6365%20109.037%2012.084%20108.361%2011.6851C107.684%2011.2951%20106.928%2011.0942%20106.094%2011.0942C105.261%2011.0942%20104.508%2011.2921%20103.831%2011.6851C103.155%2012.081%20102.623%2012.6335%20102.227%2013.3485C101.834%2014.0665%20101.639%2014.8878%20101.639%2015.8155C101.639%2016.7433%20101.834%2017.5646%20102.227%2018.2796C102.62%2018.9976%20103.155%2019.5501%20103.831%2019.943C104.508%2020.3389%20105.264%2020.5398%20106.094%2020.5398C106.925%2020.5398%20107.687%2020.3419%20108.361%2019.943Z'%20fill='%2357C29E'/%3e%3cpath%20d='M123.857%2018.0817L122.111%2019.943V24.0735H117.487V7.56056H122.111V14.4269L128.505%207.56056H133.648L126.9%2014.873L134%2024.0735H128.573L123.857%2018.0817Z'%20fill='%2357C29E'/%3e%3cpath%20d='M50.5876%2015.1508C58.0803%2019.5826%2062.3111%2030.9694%2062.3111%2030.9694V12.7783C62.3111%2012.7783%2058.0773%205.25309%2050.5876%200.821289V15.1508Z'%20fill='%23403391'/%3e%3cpath%20d='M62.3111%2012.7783L62.3112%2030.9723C62.3112%2030.9723%2066.545%2019.5855%2074.0348%2015.1508V0.821289C66.5421%205.25309%2062.3111%2012.7783%2062.3111%2012.7783Z'%20fill='%2357C29E'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e\", rd = \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='118'%20height='28'%20viewBox='0%200%20118%2028'%20fill='none'%3e%3cpath%20d='M2.70062%2020.961C1.59227%2020.6722%200.689465%2020.2846%200%2019.7981L1.34771%2016.767C1.99815%2017.1989%202.75526%2017.5423%203.61124%2017.8051C4.47242%2018.0679%205.31539%2018.2032%206.14535%2018.2032C7.72461%2018.2032%208.51294%2017.8051%208.51294%2017.0168C8.51294%2016.6005%208.28919%2016.2909%207.83909%2016.0932C7.38899%2015.8902%206.6657%2015.6769%205.66662%2015.4583C4.57389%2015.219%203.66067%2014.9666%202.92437%2014.6986C2.19068%2014.4254%201.56105%2013.9935%201.0355%2013.3977C0.507342%2012.8019%200.247167%2012.0006%200.247167%2010.9885C0.247167%2010.1039%200.48913%209.29997%200.973056%208.58969C1.45958%207.87421%202.18287%207.31223%203.14552%206.89595C4.10557%206.47967%205.28937%206.27413%206.68651%206.27413C7.64136%206.27413%208.58579%206.3782%209.50942%206.59675C10.4382%206.81009%2011.2552%207.12231%2011.9629%207.54119L10.6958%2010.5956C9.31168%209.84634%207.96658%209.47169%206.6657%209.47169C5.84875%209.47169%205.25294%209.59137%204.87829%209.83854C4.50364%2010.0779%204.31891%2010.3953%204.31891%2010.783C4.31891%2011.1706%204.54006%2011.4594%204.98236%2011.6572C5.42466%2011.8497%206.14014%2012.05%207.12361%2012.2582C8.22935%2012.4923%209.14777%2012.7447%209.87626%2013.0179C10.6022%2013.2859%2011.2318%2013.7178%2011.7651%2014.3005C12.2985%2014.8911%2012.5665%2015.6925%2012.5665%2016.7046C12.5665%2017.5736%2012.3245%2018.3645%2011.838%2019.0696C11.3541%2019.7798%2010.6282%2020.3418%209.65772%2020.7633C8.68726%2021.19%207.51127%2021.3955%206.12713%2021.3955C4.95114%2021.3955%203.80637%2021.255%202.70062%2020.9584'%20fill='%23403391'/%3e%3cpath%20d='M17.5124%2020.4199C16.287%2019.7694%2015.3243%2018.8744%2014.6271%2017.7219C13.9272%2016.5745%2013.5786%2015.2814%2013.5786%2013.8374C13.5786%2012.3935%2013.9272%2011.1004%2014.6271%209.95301C15.3269%208.80044%2016.287%207.90543%2017.5124%207.24979C18.7378%206.59935%2020.1194%206.27673%2021.6544%206.27673C23.1894%206.27673%2024.5736%206.59935%2025.799%207.24979C27.0244%207.90543%2027.9871%208.80044%2028.687%209.95301C29.3868%2011.1004%2029.7355%2012.3935%2029.7355%2013.8374C29.7355%2015.2814%2029.3868%2016.5745%2028.687%2017.7219C27.9871%2018.8744%2027.027%2019.7694%2025.799%2020.4199C24.5736%2021.0755%2023.192%2021.3981%2021.6544%2021.3981C20.1168%2021.3981%2018.7378%2021.0755%2017.5124%2020.4199ZM23.6526%2017.4721C24.2484%2017.1287%2024.7167%2016.6421%2025.0653%2016.0073C25.4113%2015.3777%2025.5831%2014.657%2025.5831%2013.8374C25.5831%2013.0179%2025.4113%2012.2972%2025.0653%2011.665C24.7193%2011.0379%2024.2484%2010.5514%2023.6526%2010.2002C23.0568%209.85675%2022.3907%209.67983%2021.657%209.67983C20.9233%209.67983%2020.2573%209.85415%2019.6641%2010.2002C19.0683%2010.5488%2018.6%2011.0353%2018.2513%2011.665C17.9053%2012.2972%2017.7336%2013.0205%2017.7336%2013.8374C17.7336%2014.6544%2017.9053%2015.3777%2018.2513%2016.0073C18.5973%2016.6395%2019.0683%2017.1261%2019.6641%2017.4721C20.2599%2017.8207%2020.9259%2017.9976%2021.657%2017.9976C22.3881%2017.9976%2023.0568%2017.8233%2023.6526%2017.4721Z'%20fill='%23403391'/%3e%3cpath%20d='M31.6894%206.56813H35.8028V17.8467H44.3287V21.1093H31.6894V6.56813Z'%20fill='%23403391'/%3e%3cpath%20d='M71.9177%2020.4199C70.6923%2019.7694%2069.7296%2018.8744%2069.0298%2017.7219C68.3299%2016.5745%2067.9813%2015.2814%2067.9813%2013.8374C67.9813%2012.3935%2068.3299%2011.1004%2069.0298%209.95301C69.7296%208.80044%2070.6897%207.90543%2071.9177%207.24979C73.1432%206.59935%2074.5247%206.27673%2076.0597%206.27673C77.5947%206.27673%2078.9789%206.59935%2080.2043%207.24979C81.4297%207.90543%2082.3924%208.80044%2083.0897%209.95301C83.7895%2011.1004%2084.1382%2012.3935%2084.1382%2013.8374C84.1382%2015.2814%2083.7895%2016.5745%2083.0897%2017.7219C82.3898%2018.8744%2081.4297%2019.7694%2080.2043%2020.4199C78.9789%2021.0755%2077.5974%2021.3981%2076.0597%2021.3981C74.5221%2021.3981%2073.1432%2021.0755%2071.9177%2020.4199ZM78.0579%2017.4721C78.6537%2017.1287%2079.122%2016.6421%2079.4706%2016.0073C79.8167%2015.3777%2079.9884%2014.657%2079.9884%2013.8374C79.9884%2013.0179%2079.8167%2012.2972%2079.4706%2011.665C79.1246%2011.0379%2078.6537%2010.5514%2078.0579%2010.2002C77.4621%209.85675%2076.796%209.67983%2076.0623%209.67983C75.3286%209.67983%2074.6626%209.85415%2074.0694%2010.2002C73.4736%2010.5488%2073.0053%2011.0353%2072.6566%2011.665C72.3106%2012.2972%2072.1389%2013.0205%2072.1389%2013.8374C72.1389%2014.6544%2072.3106%2015.3777%2072.6566%2016.0073C73.0027%2016.6395%2073.4736%2017.1261%2074.0694%2017.4721C74.6652%2017.8207%2075.3312%2017.9976%2076.0623%2017.9976C76.7934%2017.9976%2077.4621%2017.8233%2078.0579%2017.4721Z'%20fill='%2357C29E'/%3e%3cpath%20d='M89.2818%2020.4199C88.0564%2019.7694%2087.0938%2018.8744%2086.3965%2017.7219C85.6966%2016.5745%2085.348%2015.2814%2085.348%2013.8374C85.348%2012.3935%2085.6966%2011.1004%2086.3965%209.95301C87.0964%208.80044%2088.0564%207.90543%2089.2818%207.24979C90.5073%206.59935%2091.8914%206.27673%2093.4238%206.27673C94.9563%206.27673%2096.343%206.59935%2097.5684%207.24979C98.7939%207.90543%2099.7565%208.80044%20100.454%209.95301C101.154%2011.1004%20101.502%2012.3935%20101.502%2013.8374C101.502%2015.2814%20101.154%2016.5745%20100.454%2017.7219C99.7539%2018.8744%2098.7939%2019.7694%2097.5684%2020.4199C96.343%2021.0755%2094.9615%2021.3981%2093.4238%2021.3981C91.8862%2021.3981%2090.5073%2021.0755%2089.2818%2020.4199ZM95.422%2017.4721C96.0178%2017.1287%2096.4861%2016.6421%2096.8347%2016.0073C97.1808%2015.3777%2097.3525%2014.657%2097.3525%2013.8374C97.3525%2013.0179%2097.1808%2012.2972%2096.8347%2011.665C96.4887%2011.0379%2096.0178%2010.5514%2095.422%2010.2002C94.8262%209.85675%2094.1601%209.67983%2093.4264%209.67983C92.6927%209.67983%2092.0293%209.85415%2091.4335%2010.2002C90.8377%2010.5488%2090.3694%2011.0353%2090.0207%2011.665C89.6747%2012.2972%2089.503%2013.0205%2089.503%2013.8374C89.503%2014.6544%2089.6747%2015.3777%2090.0207%2016.0073C90.3668%2016.6395%2090.8377%2017.1261%2091.4335%2017.4721C92.0293%2017.8207%2092.6953%2017.9976%2093.4264%2017.9976C94.1575%2017.9976%2094.8288%2017.8233%2095.422%2017.4721Z'%20fill='%2357C29E'/%3e%3cpath%20d='M109.068%2015.833L107.531%2017.4721V21.1093H103.459V6.56813H107.531V12.6146L113.161%206.56813H117.69L111.748%2013.0075L118%2021.1093H113.221L109.068%2015.833Z'%20fill='%2357C29E'/%3e%3cpath%20d='M44.5472%2013.2521C51.1453%2017.1547%2054.871%2027.1819%2054.871%2027.1819V11.1628C54.871%2011.1628%2051.1427%204.53618%2044.5472%200.633545V13.2521Z'%20fill='%23403391'/%3e%3cpath%20d='M54.871%2011.1628L54.871%2027.1845C54.871%2027.1845%2058.5993%2017.1573%2065.1948%2013.2521V0.633545C58.5967%204.53618%2054.871%2011.1628%2054.871%2011.1628Z'%20fill='%2357C29E'/%3e%3c/svg%3e\", od = ({ children: e, gap: t, ...n }) => /* @__PURE__ */ g.jsxs(\n  id,\n  {\n    className: \"logo\",\n    style: {\n      gap: t || 0\n    },\n    children: [\n      /* @__PURE__ */ g.jsx(ad, { \"aria-label\": \"쏠북\", ...n }),\n      e\n    ]\n  }\n), id = te(\"h1\")`\n  display: flex;\n  align-items: center;\n`, ad = te(\"a\")(({ theme: e }) => ({\n  display: \"block\",\n  height: e.typography.pxToRem(32),\n  width: e.typography.pxToRem(134),\n  backgroundImage: 'url(\"'.concat(nd, '\")'),\n  backgroundSize: \"contain\",\n  backgroundRepeat: \"no-repeat\",\n  backgroundPosition: \"center\",\n  [e.breakpoints.down(\"sm\")]: {\n    backgroundImage: 'url(\"'.concat(rd, '\")'),\n    height: e.typography.pxToRem(28),\n    width: e.typography.pxToRem(118)\n  }\n})), Us = ({\n  onClick: e,\n  children: t,\n  label: n,\n  isActive: r,\n  className: o = \"\",\n  ...i\n}) => /* @__PURE__ */ g.jsx(\n  Qt,\n  {\n    type: \"button\",\n    className: o.concat(r ? \"active\" : \"\"),\n    onClick: e,\n    color: \"primary\",\n    sx: () => ({\n      p: \"4px\",\n      borderRadius: \"6px\",\n      minWidth: \"40px\",\n      minHeight: \"40px\",\n      \":hover\": {\n        backgroundColor: \"rgba(169, 175, 199, 0.20)\"\n      },\n      \" &.active\": {\n        backgroundColor: \"rgba(169, 175, 199, 0.20)\"\n      }\n    }),\n    ...i,\n    children: /* @__PURE__ */ g.jsxs(\n      wo,\n      {\n        sx: {\n          alignItems: \"center\",\n          justifyContent: \"center\"\n        },\n        children: [\n          /* @__PURE__ */ g.jsxs(sd, { children: [\n            \" \",\n            t\n          ] }),\n          /* @__PURE__ */ g.jsx(\n            Pt,\n            {\n              variant: \"label\",\n              sx: (a) => ({\n                color: a.palette.grey[700],\n                [a.breakpoints.down(\"sm\")]: {\n                  display: \"none\"\n                }\n              }),\n              children: n\n            }\n          )\n        ]\n      }\n    )\n  }\n), sd = te(\"div\")(() => ({\n  width: \"24px\",\n  height: \"24px\",\n  display: \"flex\",\n  justifyContent: \"center\",\n  alignItems: \"center\",\n  i: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    fontsize: \"24px\"\n  }\n})), ld = te(\"div\")(({ theme: e }) => ({\n  display: \"flex\",\n  gap: e.spacing(1),\n  justifyContent: \"flex-end\",\n  alignItems: \"center\",\n  [e.breakpoints.down(\"lg\")]: {\n    width: \"unset\"\n  },\n  [e.breakpoints.down(\"sm\")]: {\n    gap: e.spacing(0.5)\n  }\n})), cd = ({\n  label: e,\n  menuItems: t,\n  children: n\n}) => {\n  const [r, o] = To(null), i = !!r, a = (d) => {\n    o(d.currentTarget);\n  }, l = () => {\n    o(null);\n  }, u = (d) => {\n    d.onClick(), l();\n  };\n  return /* @__PURE__ */ g.jsxs(g.Fragment, { children: [\n    /* @__PURE__ */ g.jsx(\n      Us,\n      {\n        label: e,\n        isActive: i,\n        endIcon: /* @__PURE__ */ g.jsx(\n          wo,\n          {\n            sx: () => ({\n              display: \"flex\",\n              justifyContent: \"center\",\n              alignItems: \"center\",\n              svg: {\n                transform: i ? \"rotate(180deg)\" : \"rotate(0deg)\",\n                transition: \"transform 0.3s\",\n                width: \"12px\",\n                height: \"12px\"\n              }\n            }),\n            children: /* @__PURE__ */ g.jsx(Ws, {})\n          }\n        ),\n        \"aria-controls\": i ? \"fade-menu\" : void 0,\n        \"aria-haspopup\": \"true\",\n        \"aria-expanded\": i ? \"true\" : void 0,\n        onClick: a,\n        children: n\n      }\n    ),\n    /* @__PURE__ */ g.jsx(\n      M0,\n      {\n        MenuListProps: {\n          \"aria-labelledby\": \"fade-button\"\n        },\n        anchorEl: r,\n        open: i,\n        onClose: l,\n        children: t.map((d, p) => /* @__PURE__ */ g.jsx(\n          $0,\n          {\n            onClick: () => u(d),\n            sx: () => ({\n              justifyContent: \"center\"\n            }),\n            children: d.label\n          },\n          p\n        ))\n      }\n    )\n  ] });\n}, ud = (e) => /* @__PURE__ */ v.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", fill: \"none\", viewBox: \"0 0 565 63\", ...e }, /* @__PURE__ */ v.createElement(\"path\", { fill: \"#373544\", d: \"M121.399 0h-62.74v62.74h62.74z\" }), /* @__PURE__ */ v.createElement(\"path\", { fill: \"#57C29E\", d: \"M89.944 53.219 70.391 36.726V13.942l19.553 16.493z\" }), /* @__PURE__ */ v.createElement(\"path\", { fill: \"#57C29E\", d: \"M89.944 53.219 70.391 36.726V13.942l19.553 16.493z\" }), /* @__PURE__ */ v.createElement(\"path\", { fill: \"#fff\", d: \"m89.944 30.435 19.553-16.493v22.784L89.944 53.219z\" }), /* @__PURE__ */ v.createElement(\"path\", { fill: \"#373544\", d: \"M407.385 29.415v2.55h-27.544v-2.55zm-18.703-11.222c0 1.19-.34 2.38-.68 3.57-.51 1.19-1.19 2.21-2.21 3.061-1.021.85-2.211 1.7-3.571 2.04l-1.53-2.38c1.19-.34 2.21-.85 3.06-1.7s1.53-1.53 1.87-2.38c.511-.85.681-1.701.681-2.551v-1.53h2.38v1.87m15.132 15.812v7.142h-17.512v3.4h-3.061v-5.78h17.513v-2.381h-17.513v-2.38h20.743zm1.021 9.862v2.55h-21.594v-2.55zm-15.473-25.674c0 .68.17 1.53.68 2.21s1.02 1.53 1.87 2.21 1.701 1.19 2.891 1.53l-1.19 2.551c-1.531-.51-2.721-1.19-3.741-2.04s-1.7-2.04-2.21-3.06c-.51-1.19-.68-2.21-.68-3.401v-1.53h2.38zm5.781 8.841v4.251h-3.231v-4.25zm5.101-8.841c0 1.19-.34 2.38-.68 3.4s-1.19 2.21-2.211 3.06-2.21 1.531-3.74 2.041l-1.19-2.55c1.19-.34 2.04-.85 2.89-1.53s1.36-1.36 1.87-2.21c.34-.85.68-1.531.68-2.381v-1.53h2.381v1.7m.85 0c0 .85.17 1.7.68 2.55.34.85 1.02 1.53 1.87 2.21q1.276 1.02 3.061 1.53l-1.53 2.381q-2.041-.765-3.571-2.04c-1.02-.85-1.7-1.87-2.21-3.06s-.68-2.38-.68-3.741v-1.53h2.38v1.7M437.14 31.115v2.55h-27.545v-2.55zm-3.401 5.78v9.692h-3.23v-7.14h-17.853v-2.551zm-17.343-19.722v3.23h13.943v-3.23h3.23v11.392h-20.403V17.173zm0 8.841h13.943v-3.23h-13.943zm8.502 6.971v5.101h-3.061v-5.1zM454.992 18.363c1.361 0 2.551.34 3.571.85s1.87 1.53 2.55 2.55c.511 1.02.851 2.38.851 3.741 0 1.36-.34 2.72-.851 3.74-.68 1.02-1.36 1.87-2.55 2.551-1.02.68-2.21.85-3.571.85-1.36 0-2.55-.34-3.57-.85s-1.87-1.53-2.38-2.55c-.511-1.02-.851-2.38-.851-3.74s.34-2.721.851-3.741 1.36-1.87 2.38-2.55c1.02-.681 2.21-.851 3.57-.851m0 2.72q-1.275 0-2.04.51c-.68.34-1.02.85-1.36 1.53s-.51 1.53-.51 2.381 0 1.7.51 2.38c.34.68.85 1.19 1.36 1.53q1.02.51 2.04.51c.681 0 1.531-.17 2.041-.51.68-.34 1.02-.85 1.53-1.53.34-.68.51-1.53.51-2.38s-.17-1.7-.51-2.38q-.51-1.02-1.53-1.53t-2.041-.51m18.533 14.793v10.881h-3.23v-8.33h-17.343v-2.551zm-7.481-11.562v2.55h-4.931v-2.55zm1.701-7.141v17.173h-3.061V17.173zm5.78-.68v18.023h-3.06V16.493zM505.321 40.126v2.72h-27.545v-2.72zm-12.923-19.383c0 2.04-.51 4.081-1.7 5.951s-2.55 3.4-4.591 4.591c-1.87 1.36-3.91 2.21-6.12 2.72l-1.361-2.72a16.3 16.3 0 0 0 5.441-2.04 12.85 12.85 0 0 0 4.081-3.911q1.53-2.295 1.53-4.59v-2.211h2.72zm.681 0c0 1.53.51 3.23 1.53 4.591 1.02 1.36 2.38 2.72 4.08 3.91a16.3 16.3 0 0 0 5.441 2.041l-1.53 2.72a19.5 19.5 0 0 1-6.121-2.55c-1.87-1.19-3.4-2.89-4.421-4.76-1.19-1.871-1.7-3.911-1.7-5.952v-2.21h2.721zM507.361 36.726h.51c3.74 0 7.141 0 10.031-.17 2.891 0 5.441-.34 7.992-.68v2.38c-2.551.51-5.441.68-8.502.85-3.06 0-6.291.17-9.691.17l-.34-2.72zm17.683-17.173v2.55h-16.833v-2.55zm-10.712 2.04v15.813h-3.061V21.593zm7.311 0v15.813h-3.06V21.593zm10.032 6.121v2.55h-7.652v-2.55zm1.02-11.221v30.094h-3.231V16.493zM565 40.296v2.72h-27.544v-2.72zm-3.571-21.253v2.55h-17.512v11.732h-3.231V19.043zm.34 13.602v2.55h-21.083v-2.55zm-1.02-6.97v2.55h-17.853v-2.55zM47.778 48.628V61.72H0V1.53h46.758v13.092H16.663v10.202h26.354v12.752H16.663v11.052zM240.588 48.628V61.72h-47.777V1.53h46.757v13.092h-30.095v10.202h26.355v12.752h-26.355v11.052zM182.269 12.072c-2.21-3.4-5.271-5.951-9.181-7.821-3.911-1.87-8.672-2.72-13.943-2.72h-11.221l-15.983 13.431V61.72h16.833V45.907h10.371c5.441 0 10.032-.85 13.943-2.72q5.865-2.805 9.181-7.651c2.21-3.4 3.231-7.312 3.231-11.732s-1.021-8.502-3.231-11.902zm-16.323 18.363c-1.7 1.53-4.42 2.21-7.821 2.21h-9.351V14.962h9.351c3.401 0 6.121.85 7.821 2.38 1.701 1.531 2.551 3.741 2.551 6.462s-.85 4.93-2.551 6.46zM291.256 42.847q5.611-2.805 8.672-7.651c2.04-3.23 3.06-6.971 3.06-11.392s-1.02-8.502-3.23-11.902-5.271-5.951-9.182-7.821c-3.91-1.87-8.671-2.72-13.942-2.72h-11.222L249.43 14.621V61.55h16.832V45.567h9.182l10.882 15.983h18.022l-12.752-18.873zm-7.991-12.412c-1.7 1.53-4.421 2.21-7.821 2.21h-9.352V14.962h9.352c3.4 0 6.121.85 7.821 2.38 1.7 1.531 2.55 3.741 2.55 6.462s-.85 4.93-2.55 6.46zM308.769 1.7v13.432h16.663V61.89h.17l16.663-13.942V15.132h16.492V1.7z\" })), dd = \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='132'%20height='26'%20viewBox='0%200%20132%2026'%20fill='none'%3e%3cg%20clip-path='url(%23clip0_7274_350)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.94816%201.6416H16.5593C18.7578%201.6416%2019.5514%201.8756%2020.3567%202.3136C21.1621%202.7516%2021.7911%203.3936%2022.2202%204.2156C22.6493%205.0376%2022.8786%205.8476%2022.8786%208.0916V17.9016C22.8786%2020.1456%2022.6493%2020.9556%2022.2202%2021.7776C21.7911%2022.5996%2021.1621%2023.2416%2020.3567%2023.6796C19.5514%2024.1176%2018.7578%2024.3516%2016.5593%2024.3516H6.94816C4.74965%2024.3516%203.95607%2024.1176%203.15073%2023.6796C2.34539%2023.2416%201.71641%2022.5996%201.28728%2021.7776C0.858163%2020.9556%200.628906%2020.1456%200.628906%2017.9016V8.0916C0.628906%205.8476%200.858163%205.0376%201.28728%204.2156C1.71641%203.3936%202.34539%202.7516%203.15073%202.3136C3.95607%201.8756%204.74965%201.6416%206.94816%201.6416Z'%20fill='white'/%3e%3cpath%20d='M16.5653%2024.9982H6.94826C4.64394%2024.9982%203.76218%2024.7462%202.85103%2024.2482C1.93401%2023.7502%201.21684%2023.0182%200.728938%2022.0822C0.241033%2021.1522%20-0.00585938%2020.2522%20-0.00585938%2017.9002V8.09019C-0.00585938%205.73819%200.241033%204.83819%200.728938%203.90819C1.21684%202.97219%201.93401%202.24019%202.85103%201.74219C3.76218%201.24419%204.64394%200.992188%206.94826%200.992188H16.5594C18.8637%200.992188%2019.7455%201.24419%2020.6566%201.74219C21.5737%202.24019%2022.2908%202.97219%2022.7787%203.90819C23.2666%204.83819%2023.5135%205.73819%2023.5135%208.09019V17.9002C23.5135%2020.2522%2023.2666%2021.1522%2022.7787%2022.0822C22.2908%2023.0182%2021.5737%2023.7502%2020.6566%2024.2482C19.7455%2024.7462%2018.8637%2024.9982%2016.5594%2024.9982H16.5653ZM6.94826%202.28219C4.71448%202.28219%204.06786%202.54019%203.44475%202.87619C2.7511%203.25419%202.21029%203.80619%201.83995%204.51419C1.51076%205.14419%201.25799%205.81019%201.25799%208.09019V17.9002C1.25799%2020.1802%201.51076%2020.8402%201.83995%2021.4762C2.21029%2022.1842%202.7511%2022.7362%203.44475%2023.1142C4.06198%2023.4502%204.71448%2023.7082%206.94826%2023.7082H16.5594C18.7932%2023.7082%2019.4398%2023.4502%2020.0629%2023.1142C20.7566%2022.7362%2021.2974%2022.1842%2021.6677%2021.4762C21.9969%2020.8462%2022.2497%2020.1802%2022.2497%2017.9002V8.09019C22.2497%205.81019%2021.9969%205.15019%2021.6677%204.51419C21.2974%203.80619%2020.7566%203.25419%2020.0629%202.87619C19.4457%202.54019%2018.7932%202.28219%2016.5594%202.28219H6.94826Z'%20fill='%23E6E5E4'/%3e%3cpath%20d='M96.4001%2020.0715C93.214%2020.0715%2090.8979%2017.7015%2090.8979%2014.4315C90.8979%2011.1615%2093.214%208.7915%2096.4001%208.7915C99.5862%208.7915%20101.879%2011.1615%20101.879%2014.4315C101.879%2017.7015%2099.5744%2020.0715%2096.4001%2020.0715ZM96.4001%2010.5495C94.3427%2010.5495%2092.9084%2012.1455%2092.9084%2014.4315C92.9084%2016.7175%2094.3427%2018.3135%2096.4001%2018.3135C98.4575%2018.3135%2099.8684%2016.7175%2099.8684%2014.4315C99.8684%2012.1455%2098.4399%2010.5495%2096.4001%2010.5495Z'%20fill='%23130D0C'/%3e%3cpath%20d='M124.199%2020.071C121.807%2020.071%20120.184%2018.757%20119.914%2016.645C119.914%2016.627%20119.914%2016.591%20119.902%2016.549C119.89%2016.447%20119.973%2016.357%20120.072%2016.357H121.63C121.718%2016.357%20121.789%2016.423%20121.801%2016.507C121.801%2016.543%20121.812%2016.573%20121.812%2016.591C122.024%2017.689%20122.9%2018.325%20124.187%2018.325C125.363%2018.325%20126.221%2017.719%20126.221%2016.855C126.221%2015.553%20124.999%2015.349%20123.705%2015.133C122.042%2014.857%20120.149%2014.539%20120.149%2011.941C120.149%2010.063%20121.671%208.80298%20123.935%208.80298C126.198%208.80298%20127.726%209.94298%20128.044%2011.743C128.049%2011.791%20128.067%2011.905%20128.079%2012.013C128.091%2012.115%20128.008%2012.211%20127.908%2012.211H126.345C126.262%2012.211%20126.192%2012.151%20126.174%2012.067C126.157%2011.995%20126.145%2011.917%20126.139%2011.893C125.845%2010.903%20124.828%2010.501%20123.94%2010.501C122.829%2010.501%20122.077%2011.017%20122.077%2011.875C122.077%2013.039%20123.235%2013.213%20124.458%2013.393C126.204%2013.651%20128.191%2013.945%20128.191%2016.807C128.191%2018.793%20126.621%2020.077%20124.193%2020.077'%20fill='%23130D0C'/%3e%3cpath%20d='M107.105%2019.9028C106.035%2019.9028%20105.147%2019.5728%20104.548%2018.9428C103.919%2018.2828%20103.613%2017.3288%20103.648%2016.1228V11.4788H103.631C103.043%2011.4428%20102.455%2011.3708%20101.897%2011.2628C101.855%2011.2568%20101.826%2011.2328%20101.802%2011.1968C101.779%2011.1608%20101.773%2011.1248%20101.779%2011.0828L102.073%209.55879C102.085%209.48679%20102.149%209.43879%20102.22%209.43879C102.226%209.43879%20102.237%209.43879%20102.243%209.43879C102.696%209.52279%20103.16%209.58279%20103.631%209.61279H103.648V6.21079C103.648%206.12679%20103.719%206.06079%20103.801%206.06079H105.471C105.553%206.06079%20105.618%206.12679%20105.618%206.21079V9.60079H105.635C106.535%209.52279%20107.358%209.34879%20108.233%209.05479C108.251%209.05479%20108.263%209.04879%20108.28%209.04879C108.345%209.04879%20108.398%209.09079%20108.422%209.15079L108.915%2010.6208C108.927%2010.6568%20108.927%2010.6988%20108.909%2010.7408C108.892%2010.7768%20108.862%2010.8068%20108.821%2010.8188C107.757%2011.1788%20106.74%2011.3828%20105.635%2011.4668H105.623V16.1228C105.623%2017.3408%20106.294%2018.0368%20107.452%2018.0368H108.545C108.627%2018.0368%20108.692%2018.1028%20108.692%2018.1868V19.7588C108.692%2019.8428%20108.627%2019.9088%20108.545%2019.9088H107.111L107.105%2019.9028Z'%20fill='%23130D0C'/%3e%3cpath%20d='M87.7884%2019.9031C87.7061%2019.9031%2087.6415%2019.8371%2087.6415%2019.7531V13.5971C87.6415%2011.9051%2086.6657%2010.7711%2085.2137%2010.7711C83.5971%2010.7711%2082.4273%2012.1211%2082.4273%2013.9811V19.7471C82.4273%2019.8311%2082.3627%2019.8971%2082.2804%2019.8971H80.4287C80.3464%2019.8971%2080.2817%2019.8311%2080.2817%2019.7471V9.10912C80.2817%209.02512%2080.3464%208.95912%2080.4287%208.95912H82.2804C82.3627%208.95912%2082.4273%209.02512%2082.4273%209.10912V10.6871C83.0328%209.48112%2084.2438%208.79712%2085.7839%208.79712C88.1823%208.79712%2089.7929%2010.5611%2089.7929%2013.1891V19.7531C89.7929%2019.8371%2089.7283%2019.9031%2089.646%2019.9031H87.7943H87.7884Z'%20fill='%23130D0C'/%3e%3cpath%20d='M76.3784%2019.9095C76.2961%2019.9095%2076.2314%2019.8435%2076.2314%2019.7595V18.6135L76.2021%2018.6555C75.6319%2019.4895%2074.3915%2019.9875%2072.8925%2019.9875C69.8299%2019.9875%2067.8489%2017.8095%2067.8489%2014.4315C67.8489%2011.0535%2069.8181%208.87553%2072.8749%208.87553C74.2504%208.87553%2075.6201%209.59553%2076.2079%2010.2735L76.2314%2010.3035V4.66953C76.2314%204.58553%2076.2961%204.51953%2076.3784%204.51953H78.0773C78.1596%204.51953%2078.2242%204.58553%2078.2242%204.66953V19.7535C78.2242%2019.8375%2078.1596%2019.9035%2078.0773%2019.9035H76.3784V19.9095ZM73.1394%2010.6335C71.176%2010.6335%2069.8593%2012.1635%2069.8593%2014.4375C69.8593%2016.7115%2071.176%2018.2415%2073.1394%2018.2415C75.1028%2018.2415%2076.4431%2016.7115%2076.4431%2014.4375C76.4431%2012.1635%2075.1146%2010.6335%2073.1394%2010.6335Z'%20fill='%23130D0C'/%3e%3cpath%20d='M36.4583%2020.0707C33.2369%2020.0707%2029.8804%2017.9047%2029.8804%2013.0687C29.8804%208.23265%2033.2722%206.06665%2036.5347%206.06665C39.18%206.06665%2041.1551%207.57265%2041.9546%2010.1947C41.9722%2010.2487%2041.9604%2010.3027%2041.9369%2010.3507C41.9134%2010.3987%2041.8605%2010.4287%2041.8076%2010.4407L40.2675%2010.6987C40.2675%2010.6987%2040.2498%2010.6987%2040.2381%2010.6987C40.1617%2010.6987%2040.097%2010.6507%2040.0617%2010.5847C39.274%208.74265%2038.1865%207.92065%2036.5347%207.92065C33.7954%207.92065%2031.9143%209.94265%2031.9143%2013.0747C31.9143%2016.2067%2033.8365%2018.2827%2036.5112%2018.2827C38.6392%2018.2827%2040.3027%2016.9747%2040.3027%2015.0307C40.3027%2014.7907%2040.3027%2014.9407%2040.291%2014.8447C39.9089%2014.8927%2039.5621%2014.9107%2039.2329%2014.9107C38.5275%2014.9107%2037.9514%2014.8087%2037.246%2014.6467C37.146%2014.6227%2037.0814%2014.5207%2037.1049%2014.4187L37.3812%2012.9907C37.3988%2012.9007%2037.4752%2012.8347%2037.5693%2012.8347C37.581%2012.8347%2037.5987%2012.8347%2037.6104%2012.8347C38.2453%2012.9787%2038.8919%2013.0567%2039.5209%2013.0567C40.4791%2013.0567%2041.4373%2012.8947%2042.4483%2012.5587C42.466%2012.5527%2042.4895%2012.5467%2042.5071%2012.5467C42.5894%2012.5467%2042.66%2012.6007%2042.6894%2012.6787L43.1185%2014.0647C43.1361%2014.1127%2043.1302%2014.1727%2043.1067%2014.2147C43.0832%2014.2627%2043.0362%2014.2987%2042.9892%2014.3107C42.7599%2014.3707%2042.513%2014.4247%2042.3014%2014.4727L42.1309%2014.5087L42.2661%2019.7047C42.2661%2019.7587%2042.2485%2019.8067%2042.2132%2019.8427C42.1779%2019.8787%2042.1309%2019.9027%2042.078%2019.9027H40.6143C40.5085%2019.9027%2040.4262%2019.8127%2040.4262%2019.7107V18.3187C39.615%2019.4287%2038.2042%2020.0707%2036.4642%2020.0707'%20fill='%23130D0C'/%3e%3cpath%20d='M114.141%2020.0715C109.786%2019.9515%20108.68%2016.3455%20108.857%2014.1435C109.18%2010.1895%20111.966%208.7915%20114%208.7915C118.815%208.7915%20119.015%2014.2935%20119.015%2014.3475C119.015%2014.4255%20118.968%2014.4915%20118.897%2014.5155C116.651%2015.3315%20114.888%2015.5655%20113.365%2015.5655C112.595%2015.5655%20111.825%2015.4275%20110.926%2015.2535C110.902%2015.2535%20110.879%2015.2715%20110.885%2015.2955C111.161%2017.0955%20112.713%2018.3315%20114.183%2018.3135C115.887%2018.2955%20116.722%2017.5815%20117.069%2016.4595C117.086%2016.3935%20117.145%2016.3455%20117.21%2016.3455H118.968C119.015%2016.3455%20119.056%2016.3695%20119.085%2016.4055C119.114%2016.4415%20119.126%2016.4895%20119.114%2016.5315C118.662%2018.6435%20116.763%2020.1255%20114.136%2020.0655M113.677%2010.5075C111.878%2010.6815%20111.061%2012.4095%20110.885%2013.3395C110.885%2013.3575%20110.885%2013.3755%20110.891%2013.3935C110.897%2013.4115%20110.914%2013.4175%20110.938%2013.4235C113.289%2014.0535%20115.446%2013.6875%20116.928%2013.2915C116.945%2013.2915%20116.963%2013.2735%20116.969%2013.2615C116.975%2013.2495%20116.981%2013.2315%20116.975%2013.2135C116.934%2012.5175%20116.081%2010.2795%20113.671%2010.5135'%20fill='%23130D0C'/%3e%3cpath%20d='M61.4355%2020.083C58.2494%2020.083%2055.9333%2017.713%2055.9333%2014.443C55.9333%2011.173%2058.2494%208.80298%2061.4355%208.80298C64.6216%208.80298%2066.9142%2011.173%2066.9142%2014.443C66.9142%2017.713%2064.6098%2020.083%2061.4355%2020.083ZM61.4355%2010.561C59.3781%2010.561%2057.9438%2012.157%2057.9438%2014.443C57.9438%2016.729%2059.3781%2018.319%2061.4355%2018.319C63.4929%2018.319%2064.9038%2016.729%2064.9038%2014.443C64.9038%2012.157%2063.4753%2010.561%2061.4355%2010.561Z'%20fill='%23130D0C'/%3e%3cpath%20d='M49.4904%2020.083C46.3044%2020.083%2043.9883%2017.713%2043.9883%2014.443C43.9883%2011.173%2046.3044%208.80298%2049.4904%208.80298C52.6765%208.80298%2054.9691%2011.173%2054.9691%2014.443C54.9691%2017.713%2052.6648%2020.083%2049.4904%2020.083ZM49.4904%2010.561C47.433%2010.561%2045.9987%2012.157%2045.9987%2014.443C45.9987%2016.729%2047.433%2018.319%2049.4904%2018.319C51.5479%2018.319%2052.9587%2016.729%2052.9587%2014.443C52.9587%2012.157%2051.5302%2010.561%2049.4904%2010.561Z'%20fill='%23130D0C'/%3e%3cpath%20d='M14.2438%207.23389H5.60262C5.10296%207.23389%204.97363%207.36589%204.97363%207.87589C4.97363%208.38589%205.10296%208.51789%205.60262%208.51789H14.2438C14.7435%208.51789%2014.8728%208.38589%2014.8728%207.87589C14.8728%207.36589%2014.7435%207.23389%2014.2438%207.23389Z'%20fill='%2345BFDB'/%3e%3cpath%20d='M13.5503%2018.3874C13.3328%2018.5914%2012.1748%2019.5934%2010.7052%2019.3174C9.76463%2019.1434%209.1768%2018.5314%208.98281%2018.3334C8.04227%2017.3554%207.94822%2016.1254%207.94822%2015.6454C7.94822%2015.3574%207.76599%2015.1054%207.49558%2015.0214C7.22518%2014.9434%206.93714%2015.0574%206.7843%2015.2974C6.54916%2015.6874%206.24936%2016.0114%205.89666%2016.2694C5.70268%2016.4134%205.49105%2016.5334%205.26768%2016.6294C4.80916%2016.8334%204.73862%2017.0074%204.93849%2017.4754C5.13247%2017.9434%205.30882%2018.0154%205.76734%2017.8114C6.07301%2017.6794%206.36693%2017.5114%206.63734%2017.3134C6.72551%2017.2474%206.81369%2017.1814%206.89599%2017.1094C7.08409%2017.7814%207.43092%2018.5434%208.0893%2019.2274C8.35382%2019.4974%209.14741%2020.3314%2010.4818%2020.5774C10.7346%2020.6254%2010.9756%2020.6434%2011.2166%2020.6434C12.9096%2020.6434%2014.1499%2019.5694%2014.4086%2019.3294C14.7789%2018.9874%2014.7848%2018.7954%2014.4497%2018.4234C14.1146%2018.0514%2013.9265%2018.0394%2013.5621%2018.3814L13.5503%2018.3874Z'%20fill='%2345BFDB'/%3e%3cpath%20d='M12.6567%2011.6853H5.60262C5.10296%2011.6853%204.97363%2011.8173%204.97363%2012.3273C4.97363%2012.8373%205.10296%2012.9693%205.60262%2012.9693H10.899H12.6567C13.1563%2012.9693%2013.2857%2012.8373%2013.2857%2012.3273C13.2857%2011.8173%2013.1563%2011.6853%2012.6567%2011.6853Z'%20fill='%2345BFDB'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M20.0282%207.48375C20.3044%206.70375%2019.9106%205.83375%2019.1464%205.55175C18.3822%205.26975%2017.5298%205.67175%2017.2536%206.45175L14.7082%2013.5858C14.6201%2013.8378%2014.5789%2014.1078%2014.5848%2014.3718L14.6612%2016.8738C14.673%2017.2938%2015.1785%2017.4798%2015.4548%2017.1678L17.089%2015.3018C17.2653%2015.1038%2017.4005%2014.8698%2017.4887%2014.6178L20.034%207.48375H20.0282Z'%20fill='%23130D0C'/%3e%3cpath%20d='M126.955%206.05859H128.284V6.35859H127.784V7.76259H127.461V6.35859H126.961V6.05859H126.955ZM128.554%206.05859H128.936L129.424%207.28859L129.912%206.05859H130.294V7.76259H129.988V6.65859L129.553%207.76259H129.295L128.866%206.65859V7.76259H128.56V6.05859H128.554Z'%20fill='%23130D0C'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_7274_350'%3e%3crect%20width='132'%20height='26'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e\", fd = \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='103'%20height='20'%20viewBox='0%200%20103%2020'%20fill='none'%3e%3cg%20clip-path='url(%23clip0_7274_2759)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.07117%201.22656H13.4644C15.1555%201.22656%2015.766%201.40656%2016.3855%201.74349C17.005%202.08041%2017.4888%202.57425%2017.8189%203.20656C18.149%203.83887%2018.3253%204.46195%2018.3253%206.1881V13.7343C18.3253%2015.4604%2018.149%2016.0835%2017.8189%2016.7158C17.4888%2017.3481%2017.005%2017.8419%2016.3855%2018.1789C15.766%2018.5158%2015.1555%2018.6958%2013.4644%2018.6958H6.07117C4.38001%2018.6958%203.76956%2018.5158%203.15007%2018.1789C2.53058%2017.8419%202.04674%2017.3481%201.71665%2016.7158C1.38656%2016.0835%201.21021%2015.4604%201.21021%2013.7343V6.1881C1.21021%204.46195%201.38656%203.83887%201.71665%203.20656C2.04674%202.57425%202.53058%202.08041%203.15007%201.74349C3.76956%201.40656%204.38001%201.22656%206.07117%201.22656Z'%20fill='white'/%3e%3cpath%20d='M13.469%2019.2044H6.07125C4.29869%2019.2044%203.62042%2019.0106%202.91953%2018.6275C2.21413%2018.2444%201.66246%2017.6814%201.28715%2016.9614C0.911841%2016.246%200.721924%2015.5537%200.721924%2013.7444V6.19828C0.721924%204.38905%200.911841%203.69674%201.28715%202.98136C1.66246%202.26136%202.21413%201.69828%202.91953%201.3152C3.62042%200.932127%204.29869%200.738281%206.07125%200.738281H13.4644C15.237%200.738281%2015.9153%200.932127%2016.6162%201.3152C17.3216%201.69828%2017.8732%202.26136%2018.2485%202.98136C18.6238%203.69674%2018.8138%204.38905%2018.8138%206.19828V13.7444C18.8138%2015.5537%2018.6238%2016.246%2018.2485%2016.9614C17.8732%2017.6814%2017.3216%2018.2444%2016.6162%2018.6275C15.9153%2019.0106%2015.237%2019.2044%2013.4644%2019.2044H13.469ZM6.07125%201.73059C4.35295%201.73059%203.85555%201.92905%203.37624%202.18751C2.84266%202.47828%202.42665%202.9029%202.14178%203.44751C1.88856%203.93213%201.69412%204.44444%201.69412%206.19828V13.7444C1.69412%2015.4983%201.88856%2016.006%202.14178%2016.4952C2.42665%2017.0398%202.84266%2017.4644%203.37624%2017.7552C3.85103%2018.0137%204.35295%2018.2121%206.07125%2018.2121H13.4644C15.1827%2018.2121%2015.6801%2018.0137%2016.1595%2017.7552C16.693%2017.4644%2017.109%2017.0398%2017.3939%2016.4952C17.6471%2016.0106%2017.8416%2015.4983%2017.8416%2013.7444V6.19828C17.8416%204.44444%2017.6471%203.93674%2017.3939%203.44751C17.109%202.9029%2016.693%202.47828%2016.1595%202.18751C15.6847%201.92905%2015.1827%201.73059%2013.4644%201.73059H6.07125Z'%20fill='%23E6E5E4'/%3e%3cpath%20d='M74.877%2015.4426C72.4261%2015.4426%2070.6445%2013.6195%2070.6445%2011.1041C70.6445%208.5887%2072.4261%206.76562%2074.877%206.76562C77.3278%206.76562%2079.0913%208.5887%2079.0913%2011.1041C79.0913%2013.6195%2077.3188%2015.4426%2074.877%2015.4426ZM74.877%208.11793C73.2943%208.11793%2072.191%209.34563%2072.191%2011.1041C72.191%2012.8625%2073.2943%2014.0902%2074.877%2014.0902C76.4596%2014.0902%2077.5448%2012.8625%2077.5448%2011.1041C77.5448%209.34563%2076.446%208.11793%2074.877%208.11793Z'%20fill='%23130D0C'/%3e%3cpath%20d='M96.2643%2015.445C94.4239%2015.445%2093.1759%2014.4343%2092.9679%2012.8097C92.9679%2012.7958%2092.9679%2012.7681%2092.9589%2012.7358C92.9498%2012.6573%2093.0131%2012.5881%2093.09%2012.5881H94.2883C94.3561%2012.5881%2094.4104%2012.6389%2094.4194%2012.7035C94.4194%2012.7312%2094.4285%2012.7543%2094.4285%2012.7681C94.5913%2013.6127%2095.265%2014.102%2096.2553%2014.102C97.1596%2014.102%2097.8198%2013.6358%2097.8198%2012.9712C97.8198%2011.9697%2096.8793%2011.8127%2095.8845%2011.6466C94.6048%2011.4343%2093.1488%2011.1897%2093.1488%209.19119C93.1488%207.74657%2094.3199%206.77734%2096.0608%206.77734C97.8018%206.77734%2098.9774%207.65427%2099.2216%209.03888C99.2261%209.07581%2099.2397%209.1635%2099.2487%209.24657C99.2578%209.32504%2099.1945%209.39888%2099.1176%209.39888H97.9148C97.8515%209.39888%2097.7972%209.35273%2097.7837%209.28811C97.7701%209.23273%2097.7611%209.17273%2097.7565%209.15427C97.5304%208.39273%2096.7482%208.0835%2096.0654%208.0835C95.2107%208.0835%2094.6319%208.48042%2094.6319%209.14042C94.6319%2010.0358%2095.5227%2010.1697%2096.4633%2010.3081C97.8063%2010.5066%2099.3347%2010.7327%2099.3347%2012.9343C99.3347%2014.462%2098.1273%2015.4497%2096.2598%2015.4497'%20fill='%23130D0C'/%3e%3cpath%20d='M83.114%2015.3157C82.2911%2015.3157%2081.6083%2015.0618%2081.147%2014.5772C80.6632%2014.0695%2080.4281%2013.3357%2080.4552%2012.408V8.83566H80.4416C79.9894%208.80797%2079.5373%208.75258%2079.1077%208.66951C79.076%208.66489%2079.0534%208.64643%2079.0353%208.61874C79.0173%208.59105%2079.0127%208.56335%2079.0173%208.53105L79.2433%207.35874C79.2524%207.30335%2079.3021%207.26643%2079.3564%207.26643C79.3609%207.26643%2079.37%207.26643%2079.3745%207.26643C79.7227%207.33105%2080.0799%207.3772%2080.4416%207.40028H80.4552V4.78335C80.4552%204.71874%2080.5095%204.66797%2080.5728%204.66797H81.857C81.9203%204.66797%2081.97%204.71874%2081.97%204.78335V7.39105H81.9836C82.6754%207.33105%2083.3085%207.1972%2083.9822%206.97105C83.9958%206.97105%2084.0048%206.96643%2084.0184%206.96643C84.0681%206.96643%2084.1088%206.99874%2084.1269%207.04489L84.5068%208.17566C84.5158%208.20335%2084.5158%208.23566%2084.5022%208.26797C84.4887%208.29566%2084.4661%208.31874%2084.4344%208.32797C83.616%208.60489%2082.8337%208.76182%2081.9836%208.82643H81.9745V12.408C81.9745%2013.3449%2082.49%2013.8803%2083.3808%2013.8803H84.2219C84.2852%2013.8803%2084.3349%2013.931%2084.3349%2013.9957V15.2049C84.3349%2015.2695%2084.2852%2015.3203%2084.2219%2015.3203H83.1186L83.114%2015.3157Z'%20fill='%23130D0C'/%3e%3cpath%20d='M68.2519%2015.3204C68.1886%2015.3204%2068.1389%2015.2697%2068.1389%2015.205V10.4697C68.1389%209.16811%2067.3882%208.29581%2066.2714%208.29581C65.0279%208.29581%2064.128%209.33427%2064.128%2010.765V15.2004C64.128%2015.265%2064.0783%2015.3158%2064.015%2015.3158H62.5906C62.5273%2015.3158%2062.4775%2015.265%2062.4775%2015.2004V7.01734C62.4775%206.95273%2062.5273%206.90196%2062.5906%206.90196H64.015C64.0783%206.90196%2064.128%206.95273%2064.128%207.01734V8.23119C64.5938%207.3035%2065.5252%206.77734%2066.71%206.77734C68.5549%206.77734%2069.7939%208.13427%2069.7939%2010.1558V15.205C69.7939%2015.2697%2069.7441%2015.3204%2069.6808%2015.3204H68.2564H68.2519Z'%20fill='%23130D0C'/%3e%3cpath%20d='M59.4733%2015.3228C59.41%2015.3228%2059.3602%2015.2721%2059.3602%2015.2075V14.3259L59.3376%2014.3582C58.899%2014.9998%2057.9449%2015.3828%2056.7918%2015.3828C54.436%2015.3828%2052.9121%2013.7075%2052.9121%2011.109C52.9121%208.51053%2054.4269%206.83514%2056.7783%206.83514C57.8364%206.83514%2058.89%207.38899%2059.3422%207.91053L59.3602%207.93361V3.59976C59.3602%203.53514%2059.41%203.48438%2059.4733%203.48438H60.7801C60.8434%203.48438%2060.8931%203.53514%2060.8931%203.59976V15.2028C60.8931%2015.2675%2060.8434%2015.3182%2060.7801%2015.3182H59.4733V15.3228ZM56.9818%208.18745C55.4715%208.18745%2054.4586%209.36437%2054.4586%2011.1136C54.4586%2012.8628%2055.4715%2014.0398%2056.9818%2014.0398C58.492%2014.0398%2059.523%2012.8628%2059.523%2011.1136C59.523%209.36437%2058.5011%208.18745%2056.9818%208.18745Z'%20fill='%23130D0C'/%3e%3cpath%20d='M28.7679%2015.4403C26.29%2015.4403%2023.708%2013.7741%2023.708%2010.0541C23.708%206.33412%2026.3171%204.66797%2028.8267%204.66797C30.8615%204.66797%2032.3809%205.82643%2032.9958%207.84335C33.0094%207.88489%2033.0004%207.92643%2032.9823%207.96335C32.9642%208.00028%2032.9235%208.02335%2032.8828%208.03258L31.6981%208.23105C31.6981%208.23105%2031.6845%208.23105%2031.6755%208.23105C31.6167%208.23105%2031.5669%208.19412%2031.5398%208.14335C30.9339%206.72643%2030.0974%206.09412%2028.8267%206.09412C26.7195%206.09412%2025.2726%207.64951%2025.2726%2010.0587C25.2726%2012.468%2026.7512%2014.0649%2028.8086%2014.0649C30.4455%2014.0649%2031.7252%2013.0587%2031.7252%2011.5634C31.7252%2011.3787%2031.7252%2011.4941%2031.7162%2011.4203C31.4222%2011.4572%2031.1555%2011.471%2030.9022%2011.471C30.3596%2011.471%2029.9165%2011.3926%2029.3739%2011.268C29.297%2011.2495%2029.2472%2011.171%2029.2653%2011.0926L29.4779%209.99412C29.4914%209.92489%2029.5502%209.87412%2029.6226%209.87412C29.6316%209.87412%2029.6452%209.87412%2029.6542%209.87412C30.1426%209.98489%2030.64%2010.0449%2031.1238%2010.0449C31.8609%2010.0449%2032.5979%209.92028%2033.3757%209.66181C33.3892%209.6572%2033.4073%209.65258%2033.4209%209.65258C33.4842%209.65258%2033.5385%209.69412%2033.5611%209.75412L33.8912%2010.8203C33.9047%2010.8572%2033.9002%2010.9034%2033.8821%2010.9357C33.864%2010.9726%2033.8279%2011.0003%2033.7917%2011.0095C33.6153%2011.0557%2033.4254%2011.0972%2033.2626%2011.1341L33.1315%2011.1618L33.2355%2015.1587C33.2355%2015.2003%2033.2219%2015.2372%2033.1948%2015.2649C33.1677%2015.2926%2033.1315%2015.311%2033.0908%2015.311H31.9649C31.8835%2015.311%2031.8202%2015.2418%2031.8202%2015.1634V14.0926C31.1962%2014.9464%2030.1109%2015.4403%2028.7725%2015.4403'%20fill='%23130D0C'/%3e%3cpath%20d='M88.5237%2015.4426C85.1731%2015.3502%2084.323%2012.5764%2084.4586%2010.8825C84.7073%207.84101%2086.8507%206.76562%2088.4152%206.76562C92.1186%206.76562%2092.2723%2010.9979%2092.2723%2011.0395C92.2723%2011.0995%2092.2362%2011.1502%2092.1819%2011.1687C90.4546%2011.7964%2089.098%2011.9764%2087.9269%2011.9764C87.3345%2011.9764%2086.7421%2011.8702%2086.0503%2011.7364C86.0322%2011.7364%2086.0141%2011.7502%2086.0186%2011.7687C86.2312%2013.1533%2087.4249%2014.1041%2088.5554%2014.0902C89.8667%2014.0764%2090.5088%2013.5272%2090.7756%2012.6641C90.7892%2012.6133%2090.8344%2012.5764%2090.8841%2012.5764H92.2362C92.2723%2012.5764%2092.304%2012.5949%2092.3266%2012.6226C92.3492%2012.6502%2092.3583%2012.6872%2092.3492%2012.7195C92.001%2014.3441%2090.5405%2015.4841%2088.5192%2015.4379M88.1665%208.08563C86.7828%208.21947%2086.1543%209.5487%2086.0186%2010.2641C86.0186%2010.2779%2086.0186%2010.2918%2086.0232%2010.3056C86.0277%2010.3195%2086.0413%2010.3241%2086.0593%2010.3287C87.8681%2010.8133%2089.5276%2010.5318%2090.6671%2010.2272C90.6807%2010.2272%2090.6942%2010.2133%2090.6987%2010.2041C90.7033%2010.1949%2090.7078%2010.181%2090.7033%2010.1672C90.6716%209.63178%2090.0159%207.91024%2088.162%208.09024'%20fill='%23130D0C'/%3e%3cpath%20d='M47.9795%2015.4543C45.5287%2015.4543%2043.7471%2013.6312%2043.7471%2011.1158C43.7471%208.60042%2045.5287%206.77734%2047.9795%206.77734C50.4303%206.77734%2052.1938%208.60042%2052.1938%2011.1158C52.1938%2013.6312%2050.4213%2015.4543%2047.9795%2015.4543ZM47.9795%208.12965C46.3969%208.12965%2045.2935%209.35734%2045.2935%2011.1158C45.2935%2012.8743%2046.3969%2014.0973%2047.9795%2014.0973C49.5621%2014.0973%2050.6474%2012.8743%2050.6474%2011.1158C50.6474%209.35734%2049.5486%208.12965%2047.9795%208.12965Z'%20fill='%23130D0C'/%3e%3cpath%20d='M38.7949%2015.4543C36.3441%2015.4543%2034.5625%2013.6312%2034.5625%2011.1158C34.5625%208.60042%2036.3441%206.77734%2038.7949%206.77734C41.2458%206.77734%2043.0093%208.60042%2043.0093%2011.1158C43.0093%2013.6312%2041.2367%2015.4543%2038.7949%2015.4543ZM38.7949%208.12965C37.2123%208.12965%2036.109%209.35734%2036.109%2011.1158C36.109%2012.8743%2037.2123%2014.0973%2038.7949%2014.0973C40.3776%2014.0973%2041.4628%2012.8743%2041.4628%2011.1158C41.4628%209.35734%2040.364%208.12965%2038.7949%208.12965Z'%20fill='%23130D0C'/%3e%3cpath%20d='M11.6768%205.55859H5.02973C4.64538%205.55859%204.5459%205.66013%204.5459%206.05244C4.5459%206.44475%204.64538%206.54629%205.02973%206.54629H11.6768C12.0612%206.54629%2012.1607%206.44475%2012.1607%206.05244C12.1607%205.66013%2012.0612%205.55859%2011.6768%205.55859Z'%20fill='%2345BFDB'/%3e%3cpath%20d='M11.146%2014.1353C10.9787%2014.2922%2010.0879%2015.063%208.95748%2014.8507C8.23399%2014.7168%207.78181%2014.2461%207.63259%2014.0938C6.90909%2013.3415%206.83674%2012.3953%206.83674%2012.0261C6.83674%2011.8045%206.69657%2011.6107%206.48856%2011.5461C6.28056%2011.4861%206.05899%2011.5738%205.94142%2011.7584C5.76055%2012.0584%205.52993%2012.3076%205.25863%2012.5061C5.1094%2012.6168%204.94662%2012.7092%204.77479%2012.783C4.42209%2012.9399%204.36782%2013.0738%204.52157%2013.4338C4.67079%2013.7938%204.80644%2013.8492%205.15915%2013.6922C5.39428%2013.5907%205.62037%2013.4615%205.82838%2013.3092C5.8962%2013.2584%205.96403%2013.2076%206.02734%2013.1522C6.17203%2013.6692%206.43882%2014.2553%206.94527%2014.7815C7.14875%2014.9892%207.7592%2015.6307%208.78565%2015.8199C8.98009%2015.8568%209.16549%2015.8707%209.35088%2015.8707C10.6532%2015.8707%2011.6073%2015.0445%2011.8062%2014.8599C12.0911%2014.5968%2012.0956%2014.4492%2011.8379%2014.163C11.5801%2013.8768%2011.4354%2013.8676%2011.1551%2014.1307L11.146%2014.1353Z'%20fill='%2345BFDB'/%3e%3cpath%20d='M10.4559%208.98438H5.02973C4.64538%208.98438%204.5459%209.08591%204.5459%209.47822C4.5459%209.87053%204.64538%209.97207%205.02973%209.97207H9.1039H10.4559C10.8403%209.97207%2010.9398%209.87053%2010.9398%209.47822C10.9398%209.08591%2010.8403%208.98438%2010.4559%208.98438Z'%20fill='%2345BFDB'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16.1266%205.76248C16.3391%205.16248%2016.0362%204.49325%2015.4483%204.27633C14.8605%204.0594%2014.2048%204.36863%2013.9923%204.96863L12.0343%2010.4563C11.9665%2010.6502%2011.9349%2010.8579%2011.9394%2011.0609L11.9982%2012.9856C12.0072%2013.3086%2012.3961%2013.4517%2012.6086%2013.2117L13.8657%2011.7763C14.0013%2011.624%2014.1053%2011.444%2014.1732%2011.2502L16.1311%205.76248H16.1266Z'%20fill='%23130D0C'/%3e%3cpath%20d='M98.3855%204.66406H99.4074V4.89483H99.0231V5.97483H98.7744V4.89483H98.39V4.66406H98.3855ZM99.6154%204.66406H99.9094L100.285%205.61022L100.66%204.66406H100.954V5.97483H100.719V5.1256L100.384%205.97483H100.185L99.8551%205.1256V5.97483H99.62V4.66406H99.6154Z'%20fill='%23130D0C'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_7274_2759'%3e%3crect%20width='101.538'%20height='20'%20fill='white'%20transform='translate(0.730713)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e\", Ys = {\n  expert: \"https://expert.solvook.com/handouts\",\n  goodnotes: \"https://goodnotes.com/deeplink/marketplace\"\n};\nfunction Or(e) {\n  return typeof e == \"string\" && Object.keys(Ys).includes(e);\n}\nconst Ko = ({\n  className: e,\n  children: t,\n  expertIconSize: n,\n  preset: r,\n  target: o = \"_blank\",\n  ...i\n}) => {\n  const a = Bt(), l = br(a.breakpoints.down(\"sm\")), u = Dt(() => !i.href && Or(r) ? Ys[r] : i.href, [i.href, r]);\n  return /* @__PURE__ */ g.jsx(\n    hd,\n    {\n      href: u,\n      rel: i.rel || \"noopener noreferrer\",\n      target: o,\n      ...i,\n      children: /* @__PURE__ */ g.jsxs(gd, { className: e, children: [\n        r === \"expert\" && /* @__PURE__ */ g.jsx(ud, { height: n || 18 }),\n        r === \"goodnotes\" && /* @__PURE__ */ g.jsxs(g.Fragment, { children: [\n          /* @__PURE__ */ g.jsx(\n            \"img\",\n            {\n              src: l ? fd : dd,\n              alt: \"Goodnotes Logo\"\n            }\n          ),\n          /* @__PURE__ */ g.jsx(md, { children: \"공식 파트너샵\" })\n        ] }),\n        !Or(r) && t\n      ] })\n    }\n  );\n}, qs = ({ type: e, href: t }) => /* @__PURE__ */ g.jsx(pd, { type: e, children: /* @__PURE__ */ g.jsx(\n  Ko,\n  {\n    preset: e,\n    href: t,\n    expertIconSize: 16,\n    className: \"official-mobile-top\"\n  }\n) }), pd = te(\"div\")(\n  ({ theme: e, type: t }) => ({\n    display: \"flex\",\n    width: \"100%\",\n    padding: \"8px 20px\",\n    justifyContent: t === \"expert\" ? \"start\" : \"center\",\n    backgroundColor: e.palette.blue[0],\n    \".official-mobile-top\": {\n      display: \"flex\",\n      alignItems: \"center\",\n      svg: {\n        width: \"101px\"\n      }\n    }\n  })\n), hd = te(\"a\")`\n  display: flex;\n  text-decoration: none;\n`, gd = te(\"div\")(({ theme: e }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  gap: \"8px\",\n  [e.breakpoints.down(\"sm\")]: {\n    display: \"none\"\n  }\n})), md = te(Pt)(({ theme: e }) => ({\n  ...e.typography.subtitle1,\n  color: e.palette.blue[400],\n  [e.breakpoints.down(\"sm\")]: {\n    ...e.typography.label\n  }\n})), Ue = Object.assign(Xu, {\n  LogoArea: od,\n  MenuButton: Us,\n  MenuButtonLayout: ld,\n  MenuButtonWithDropdown: cd,\n  CategoryButton: qu,\n  CTAButton: Zu,\n  Banner: qs,\n  SiblingLogo: Ko\n});\nfunction pr(e) {\n  return parseInt(e, 10) || 0;\n}\nconst bd = {\n  shadow: {\n    // Visibility needed to hide the extra text area on iPads\n    visibility: \"hidden\",\n    // Remove from the content flow\n    position: \"absolute\",\n    // Ignore the scrollbar width\n    overflow: \"hidden\",\n    height: 0,\n    top: 0,\n    left: 0,\n    // Create a new layer, increase the isolation of the computed values\n    transform: \"translateZ(0)\"\n  }\n};\nfunction yd(e) {\n  return e == null || Object.keys(e).length === 0 || e.outerHeightStyle === 0 && !e.overflowing;\n}\nconst Gs = /* @__PURE__ */ v.forwardRef(function(t, n) {\n  const {\n    onChange: r,\n    maxRows: o,\n    minRows: i = 1,\n    style: a,\n    value: l,\n    ...u\n  } = t, {\n    current: d\n  } = v.useRef(l != null), p = v.useRef(null), h = Jt(n, p), m = v.useRef(null), C = v.useRef(null), y = v.useCallback(() => {\n    const T = p.current, R = xr(T).getComputedStyle(T);\n    if (R.width === \"0px\")\n      return {\n        outerHeightStyle: 0,\n        overflowing: !1\n      };\n    const S = C.current;\n    S.style.width = R.width, S.value = T.value || t.placeholder || \"x\", S.value.slice(-1) === `\n` && (S.value += \" \");\n    const x = R.boxSizing, N = pr(R.paddingBottom) + pr(R.paddingTop), _ = pr(R.borderBottomWidth) + pr(R.borderTopWidth), W = S.scrollHeight;\n    S.value = \"x\";\n    const U = S.scrollHeight;\n    let f = W;\n    i && (f = Math.max(Number(i) * U, f)), o && (f = Math.min(Number(o) * U, f)), f = Math.max(f, U);\n    const $ = f + (x === \"border-box\" ? N + _ : 0), B = Math.abs(f - W) <= 1;\n    return {\n      outerHeightStyle: $,\n      overflowing: B\n    };\n  }, [o, i, t.placeholder]), c = v.useCallback(() => {\n    const T = y();\n    if (yd(T))\n      return;\n    const O = T.outerHeightStyle, R = p.current;\n    m.current !== O && (m.current = O, R.style.height = `${O}px`), R.style.overflow = T.overflowing ? \"hidden\" : \"\";\n  }, [y]);\n  Hn(() => {\n    const T = () => {\n      c();\n    };\n    let O;\n    const R = () => {\n      cancelAnimationFrame(O), O = requestAnimationFrame(() => {\n        T();\n      });\n    }, S = Lo(T), x = p.current, N = xr(x);\n    N.addEventListener(\"resize\", S);\n    let _;\n    return typeof ResizeObserver < \"u\" && (_ = new ResizeObserver(process.env.NODE_ENV === \"test\" ? R : T), _.observe(x)), () => {\n      S.clear(), cancelAnimationFrame(O), N.removeEventListener(\"resize\", S), _ && _.disconnect();\n    };\n  }, [y, c]), Hn(() => {\n    c();\n  });\n  const E = (T) => {\n    d || c(), r && r(T);\n  };\n  return /* @__PURE__ */ g.jsxs(v.Fragment, {\n    children: [/* @__PURE__ */ g.jsx(\"textarea\", {\n      value: l,\n      onChange: E,\n      ref: h,\n      rows: i,\n      style: a,\n      ...u\n    }), /* @__PURE__ */ g.jsx(\"textarea\", {\n      \"aria-hidden\": !0,\n      className: t.className,\n      readOnly: !0,\n      ref: C,\n      tabIndex: -1,\n      style: {\n        ...bd.shadow,\n        ...a,\n        paddingTop: 0,\n        paddingBottom: 0\n      }\n    })]\n  });\n});\nprocess.env.NODE_ENV !== \"production\" && (Gs.propTypes = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * @ignore\n   */\n  className: s.string,\n  /**\n   * Maximum number of rows to display.\n   */\n  maxRows: s.oneOfType([s.number, s.string]),\n  /**\n   * Minimum number of rows to display.\n   * @default 1\n   */\n  minRows: s.oneOfType([s.number, s.string]),\n  /**\n   * @ignore\n   */\n  onChange: s.func,\n  /**\n   * @ignore\n   */\n  placeholder: s.string,\n  /**\n   * @ignore\n   */\n  style: s.object,\n  /**\n   * @ignore\n   */\n  value: s.oneOfType([s.arrayOf(s.string), s.number, s.string])\n});\nfunction ua(e) {\n  return typeof e == \"string\";\n}\nfunction vd({\n  props: e,\n  states: t,\n  muiFormControl: n\n}) {\n  return t.reduce((r, o) => (r[o] = e[o], n && typeof e[o] > \"u\" && (r[o] = n[o]), r), {});\n}\nconst Zo = /* @__PURE__ */ v.createContext(void 0);\nprocess.env.NODE_ENV !== \"production\" && (Zo.displayName = \"FormControlContext\");\nfunction Cd() {\n  return v.useContext(Zo);\n}\nfunction da(e) {\n  return e != null && !(Array.isArray(e) && e.length === 0);\n}\nfunction xd(e, t = !1) {\n  return e && (da(e.value) && e.value !== \"\" || t && da(e.defaultValue) && e.defaultValue !== \"\");\n}\nfunction Ed(e) {\n  return Ge(\"MuiInputBase\", e);\n}\nconst Eo = Qe(\"MuiInputBase\", [\"root\", \"formControl\", \"focused\", \"disabled\", \"adornedStart\", \"adornedEnd\", \"error\", \"sizeSmall\", \"multiline\", \"colorSecondary\", \"fullWidth\", \"hiddenLabel\", \"readOnly\", \"input\", \"inputSizeSmall\", \"inputMultiline\", \"inputTypeSearch\", \"inputAdornedStart\", \"inputAdornedEnd\", \"inputHiddenLabel\"]);\nvar fa;\nconst Sd = (e, t) => {\n  const {\n    ownerState: n\n  } = e;\n  return [t.root, n.formControl && t.formControl, n.startAdornment && t.adornedStart, n.endAdornment && t.adornedEnd, n.error && t.error, n.size === \"small\" && t.sizeSmall, n.multiline && t.multiline, n.color && t[`color${Fe(n.color)}`], n.fullWidth && t.fullWidth, n.hiddenLabel && t.hiddenLabel];\n}, wd = (e, t) => {\n  const {\n    ownerState: n\n  } = e;\n  return [t.input, n.size === \"small\" && t.inputSizeSmall, n.multiline && t.inputMultiline, n.type === \"search\" && t.inputTypeSearch, n.startAdornment && t.inputAdornedStart, n.endAdornment && t.inputAdornedEnd, n.hiddenLabel && t.inputHiddenLabel];\n}, Td = (e) => {\n  const {\n    classes: t,\n    color: n,\n    disabled: r,\n    error: o,\n    endAdornment: i,\n    focused: a,\n    formControl: l,\n    fullWidth: u,\n    hiddenLabel: d,\n    multiline: p,\n    readOnly: h,\n    size: m,\n    startAdornment: C,\n    type: y\n  } = e, c = {\n    root: [\"root\", `color${Fe(n)}`, r && \"disabled\", o && \"error\", u && \"fullWidth\", a && \"focused\", l && \"formControl\", m && m !== \"medium\" && `size${Fe(m)}`, p && \"multiline\", C && \"adornedStart\", i && \"adornedEnd\", d && \"hiddenLabel\", h && \"readOnly\"],\n    input: [\"input\", r && \"disabled\", y === \"search\" && \"inputTypeSearch\", p && \"inputMultiline\", m === \"small\" && \"inputSizeSmall\", d && \"inputHiddenLabel\", C && \"inputAdornedStart\", i && \"inputAdornedEnd\", h && \"readOnly\"]\n  };\n  return ot(c, Ed, t);\n}, Rd = Me(\"div\", {\n  name: \"MuiInputBase\",\n  slot: \"Root\",\n  overridesResolver: Sd\n})(He(({\n  theme: e\n}) => ({\n  ...e.typography.body1,\n  color: (e.vars || e).palette.text.primary,\n  lineHeight: \"1.4375em\",\n  // 23px\n  boxSizing: \"border-box\",\n  // Prevent padding issue with fullWidth.\n  position: \"relative\",\n  cursor: \"text\",\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  [`&.${Eo.disabled}`]: {\n    color: (e.vars || e).palette.text.disabled,\n    cursor: \"default\"\n  },\n  variants: [{\n    props: ({\n      ownerState: t\n    }) => t.multiline,\n    style: {\n      padding: \"4px 0 5px\"\n    }\n  }, {\n    props: ({\n      ownerState: t,\n      size: n\n    }) => t.multiline && n === \"small\",\n    style: {\n      paddingTop: 1\n    }\n  }, {\n    props: ({\n      ownerState: t\n    }) => t.fullWidth,\n    style: {\n      width: \"100%\"\n    }\n  }]\n}))), kd = Me(\"input\", {\n  name: \"MuiInputBase\",\n  slot: \"Input\",\n  overridesResolver: wd\n})(He(({\n  theme: e\n}) => {\n  const t = e.palette.mode === \"light\", n = {\n    color: \"currentColor\",\n    ...e.vars ? {\n      opacity: e.vars.opacity.inputPlaceholder\n    } : {\n      opacity: t ? 0.42 : 0.5\n    },\n    transition: e.transitions.create(\"opacity\", {\n      duration: e.transitions.duration.shorter\n    })\n  }, r = {\n    opacity: \"0 !important\"\n  }, o = e.vars ? {\n    opacity: e.vars.opacity.inputPlaceholder\n  } : {\n    opacity: t ? 0.42 : 0.5\n  };\n  return {\n    font: \"inherit\",\n    letterSpacing: \"inherit\",\n    color: \"currentColor\",\n    padding: \"4px 0 5px\",\n    border: 0,\n    boxSizing: \"content-box\",\n    background: \"none\",\n    height: \"1.4375em\",\n    // Reset 23pxthe native input line-height\n    margin: 0,\n    // Reset for Safari\n    WebkitTapHighlightColor: \"transparent\",\n    display: \"block\",\n    // Make the flex item shrink with Firefox\n    minWidth: 0,\n    width: \"100%\",\n    \"&::-webkit-input-placeholder\": n,\n    \"&::-moz-placeholder\": n,\n    // Firefox 19+\n    \"&::-ms-input-placeholder\": n,\n    // Edge\n    \"&:focus\": {\n      outline: 0\n    },\n    // Reset Firefox invalid required input style\n    \"&:invalid\": {\n      boxShadow: \"none\"\n    },\n    \"&::-webkit-search-decoration\": {\n      // Remove the padding when type=search.\n      WebkitAppearance: \"none\"\n    },\n    // Show and hide the placeholder logic\n    [`label[data-shrink=false] + .${Eo.formControl} &`]: {\n      \"&::-webkit-input-placeholder\": r,\n      \"&::-moz-placeholder\": r,\n      // Firefox 19+\n      \"&::-ms-input-placeholder\": r,\n      // Edge\n      \"&:focus::-webkit-input-placeholder\": o,\n      \"&:focus::-moz-placeholder\": o,\n      // Firefox 19+\n      \"&:focus::-ms-input-placeholder\": o\n      // Edge\n    },\n    [`&.${Eo.disabled}`]: {\n      opacity: 1,\n      // Reset iOS opacity\n      WebkitTextFillColor: (e.vars || e).palette.text.disabled\n      // Fix opacity Safari bug\n    },\n    variants: [{\n      props: ({\n        ownerState: i\n      }) => !i.disableInjectingGlobalStyles,\n      style: {\n        animationName: \"mui-auto-fill-cancel\",\n        animationDuration: \"10ms\",\n        \"&:-webkit-autofill\": {\n          animationDuration: \"5000s\",\n          animationName: \"mui-auto-fill\"\n        }\n      }\n    }, {\n      props: {\n        size: \"small\"\n      },\n      style: {\n        paddingTop: 1\n      }\n    }, {\n      props: ({\n        ownerState: i\n      }) => i.multiline,\n      style: {\n        height: \"auto\",\n        resize: \"none\",\n        padding: 0,\n        paddingTop: 0\n      }\n    }, {\n      props: {\n        type: \"search\"\n      },\n      style: {\n        MozAppearance: \"textfield\"\n        // Improve type search style.\n      }\n    }]\n  };\n})), pa = n1({\n  \"@keyframes mui-auto-fill\": {\n    from: {\n      display: \"block\"\n    }\n  },\n  \"@keyframes mui-auto-fill-cancel\": {\n    from: {\n      display: \"block\"\n    }\n  }\n}), Ks = /* @__PURE__ */ v.forwardRef(function(t, n) {\n  const r = et({\n    props: t,\n    name: \"MuiInputBase\"\n  }), {\n    \"aria-describedby\": o,\n    autoComplete: i,\n    autoFocus: a,\n    className: l,\n    color: u,\n    components: d = {},\n    componentsProps: p = {},\n    defaultValue: h,\n    disabled: m,\n    disableInjectingGlobalStyles: C,\n    endAdornment: y,\n    error: c,\n    fullWidth: E = !1,\n    id: T,\n    inputComponent: O = \"input\",\n    inputProps: R = {},\n    inputRef: S,\n    margin: x,\n    maxRows: N,\n    minRows: _,\n    multiline: W = !1,\n    name: U,\n    onBlur: f,\n    onChange: $,\n    onClick: B,\n    onFocus: P,\n    onKeyDown: V,\n    onKeyUp: ne,\n    placeholder: re,\n    readOnly: le,\n    renderSuffix: Se,\n    rows: ie,\n    size: k,\n    slotProps: A = {},\n    slots: G = {},\n    startAdornment: q,\n    type: Y = \"text\",\n    value: ee,\n    ...I\n  } = r, D = R.value != null ? R.value : ee, {\n    current: z\n  } = v.useRef(D != null), K = v.useRef(), Z = v.useCallback((he) => {\n    process.env.NODE_ENV !== \"production\" && he && he.nodeName !== \"INPUT\" && he.focus;\n  }, []), $e = Jt(K, S, R.ref, Z), [j, De] = v.useState(!1), ae = Cd();\n  process.env.NODE_ENV !== \"production\" && v.useEffect(() => {\n    if (ae)\n      return ae.registerEffect();\n  }, [ae]);\n  const Ae = vd({\n    props: r,\n    muiFormControl: ae,\n    states: [\"color\", \"disabled\", \"error\", \"hiddenLabel\", \"size\", \"required\", \"filled\"]\n  });\n  Ae.focused = ae ? ae.focused : j, v.useEffect(() => {\n    !ae && m && j && (De(!1), f && f());\n  }, [ae, m, j, f]);\n  const Ke = ae && ae.onFilled, Pe = ae && ae.onEmpty, Ie = v.useCallback((he) => {\n    xd(he) ? Ke && Ke() : Pe && Pe();\n  }, [Ke, Pe]);\n  Hn(() => {\n    z && Ie({\n      value: D\n    });\n  }, [D, Ie, z]);\n  const dt = (he) => {\n    P && P(he), R.onFocus && R.onFocus(he), ae && ae.onFocus ? ae.onFocus(he) : De(!0);\n  }, it = (he) => {\n    f && f(he), R.onBlur && R.onBlur(he), ae && ae.onBlur ? ae.onBlur(he) : De(!1);\n  }, bt = (he, ...nn) => {\n    if (!z) {\n      const rn = he.target || K.current;\n      if (rn == null)\n        throw new Error(process.env.NODE_ENV !== \"production\" ? \"MUI: Expected valid input target. Did you use a custom `inputComponent` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info.\" : Tt(1));\n      Ie({\n        value: rn.value\n      });\n    }\n    R.onChange && R.onChange(he, ...nn), $ && $(he, ...nn);\n  };\n  v.useEffect(() => {\n    Ie(K.current);\n  }, []);\n  const X = (he) => {\n    K.current && he.currentTarget === he.target && K.current.focus(), B && B(he);\n  };\n  let Ot = O, tt = R;\n  W && Ot === \"input\" && (ie ? (process.env.NODE_ENV, tt = {\n    type: void 0,\n    minRows: ie,\n    maxRows: ie,\n    ...tt\n  }) : tt = {\n    type: void 0,\n    maxRows: N,\n    minRows: _,\n    ...tt\n  }, Ot = Gs);\n  const tn = (he) => {\n    Ie(he.animationName === \"mui-auto-fill-cancel\" ? K.current : {\n      value: \"x\"\n    });\n  };\n  v.useEffect(() => {\n    ae && ae.setAdornedStart(!!q);\n  }, [ae, q]);\n  const Mt = {\n    ...r,\n    color: Ae.color || \"primary\",\n    disabled: Ae.disabled,\n    endAdornment: y,\n    error: Ae.error,\n    focused: Ae.focused,\n    formControl: ae,\n    fullWidth: E,\n    hiddenLabel: Ae.hiddenLabel,\n    multiline: W,\n    size: Ae.size,\n    startAdornment: q,\n    type: Y\n  }, Ft = Td(Mt), Ht = G.root || d.Root || Rd, ft = A.root || p.root || {}, $t = G.input || d.Input || kd;\n  return tt = {\n    ...tt,\n    ...A.input ?? p.input\n  }, /* @__PURE__ */ g.jsxs(v.Fragment, {\n    children: [!C && typeof pa == \"function\" && // For Emotion/Styled-components, InputGlobalStyles will be a function\n    // For Pigment CSS, this has no effect because the InputGlobalStyles will be null.\n    (fa || (fa = /* @__PURE__ */ g.jsx(pa, {}))), /* @__PURE__ */ g.jsxs(Ht, {\n      ...ft,\n      ref: n,\n      onClick: X,\n      ...I,\n      ...!ua(Ht) && {\n        ownerState: {\n          ...Mt,\n          ...ft.ownerState\n        }\n      },\n      className: pe(Ft.root, ft.className, l, le && \"MuiInputBase-readOnly\"),\n      children: [q, /* @__PURE__ */ g.jsx(Zo.Provider, {\n        value: null,\n        children: /* @__PURE__ */ g.jsx($t, {\n          \"aria-invalid\": Ae.error,\n          \"aria-describedby\": o,\n          autoComplete: i,\n          autoFocus: a,\n          defaultValue: h,\n          disabled: Ae.disabled,\n          id: T,\n          onAnimationStart: tn,\n          name: U,\n          placeholder: re,\n          readOnly: le,\n          required: Ae.required,\n          rows: ie,\n          value: D,\n          onKeyDown: V,\n          onKeyUp: ne,\n          type: Y,\n          ...tt,\n          ...!ua($t) && {\n            as: Ot,\n            ownerState: {\n              ...Mt,\n              ...tt.ownerState\n            }\n          },\n          ref: $e,\n          className: pe(Ft.input, tt.className, le && \"MuiInputBase-readOnly\"),\n          onBlur: it,\n          onChange: bt,\n          onFocus: dt\n        })\n      }), y, Se ? Se({\n        ...Ae,\n        startAdornment: q\n      }) : null]\n    })]\n  });\n});\nprocess.env.NODE_ENV !== \"production\" && (Ks.propTypes = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": s.string,\n  /**\n   * This prop helps users to fill forms faster, especially on mobile devices.\n   * The name can be confusing, as it's more like an autofill.\n   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).\n   */\n  autoComplete: s.string,\n  /**\n   * If `true`, the `input` element is focused during the first mount.\n   */\n  autoFocus: s.bool,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: s.object,\n  /**\n   * @ignore\n   */\n  className: s.string,\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.\n   */\n  color: s.oneOfType([s.oneOf([\"primary\", \"secondary\", \"error\", \"info\", \"success\", \"warning\"]), s.string]),\n  /**\n   * The components used for each slot inside.\n   *\n   * @deprecated use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n   *\n   * @default {}\n   */\n  components: s.shape({\n    Input: s.elementType,\n    Root: s.elementType\n  }),\n  /**\n   * The extra props for the slot components.\n   * You can override the existing props or add new ones.\n   *\n   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n   *\n   * @default {}\n   */\n  componentsProps: s.shape({\n    input: s.object,\n    root: s.object\n  }),\n  /**\n   * The default value. Use when the component is not controlled.\n   */\n  defaultValue: s.any,\n  /**\n   * If `true`, the component is disabled.\n   * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n   */\n  disabled: s.bool,\n  /**\n   * If `true`, GlobalStyles for the auto-fill keyframes will not be injected/removed on mount/unmount. Make sure to inject them at the top of your application.\n   * This option is intended to help with boosting the initial rendering performance if you are loading a big amount of Input components at once.\n   * @default false\n   */\n  disableInjectingGlobalStyles: s.bool,\n  /**\n   * End `InputAdornment` for this component.\n   */\n  endAdornment: s.node,\n  /**\n   * If `true`, the `input` will indicate an error.\n   * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n   */\n  error: s.bool,\n  /**\n   * If `true`, the `input` will take up the full width of its container.\n   * @default false\n   */\n  fullWidth: s.bool,\n  /**\n   * The id of the `input` element.\n   */\n  id: s.string,\n  /**\n   * The component used for the `input` element.\n   * Either a string to use a HTML element or a component.\n   * @default 'input'\n   */\n  inputComponent: jo,\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n   * @default {}\n   */\n  inputProps: s.object,\n  /**\n   * Pass a ref to the `input` element.\n   */\n  inputRef: Po,\n  /**\n   * If `dense`, will adjust vertical spacing. This is normally obtained via context from\n   * FormControl.\n   * The prop defaults to the value (`'none'`) inherited from the parent FormControl component.\n   */\n  margin: s.oneOf([\"dense\", \"none\"]),\n  /**\n   * Maximum number of rows to display when multiline option is set to true.\n   */\n  maxRows: s.oneOfType([s.number, s.string]),\n  /**\n   * Minimum number of rows to display when multiline option is set to true.\n   */\n  minRows: s.oneOfType([s.number, s.string]),\n  /**\n   * If `true`, a [TextareaAutosize](https://mui.com/material-ui/react-textarea-autosize/) element is rendered.\n   * @default false\n   */\n  multiline: s.bool,\n  /**\n   * Name attribute of the `input` element.\n   */\n  name: s.string,\n  /**\n   * Callback fired when the `input` is blurred.\n   *\n   * Notice that the first argument (event) might be undefined.\n   */\n  onBlur: s.func,\n  /**\n   * Callback fired when the value is changed.\n   *\n   * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (string).\n   */\n  onChange: s.func,\n  /**\n   * @ignore\n   */\n  onClick: s.func,\n  /**\n   * @ignore\n   */\n  onFocus: s.func,\n  /**\n   * Callback fired when the `input` doesn't satisfy its constraints.\n   */\n  onInvalid: s.func,\n  /**\n   * @ignore\n   */\n  onKeyDown: s.func,\n  /**\n   * @ignore\n   */\n  onKeyUp: s.func,\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder: s.string,\n  /**\n   * It prevents the user from changing the value of the field\n   * (not from interacting with the field).\n   */\n  readOnly: s.bool,\n  /**\n   * @ignore\n   */\n  renderSuffix: s.func,\n  /**\n   * If `true`, the `input` element is required.\n   * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n   */\n  required: s.bool,\n  /**\n   * Number of rows to display when multiline option is set to true.\n   */\n  rows: s.oneOfType([s.number, s.string]),\n  /**\n   * The size of the component.\n   */\n  size: s.oneOfType([s.oneOf([\"medium\", \"small\"]), s.string]),\n  /**\n   * The extra props for the slot components.\n   * You can override the existing props or add new ones.\n   *\n   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.\n   *\n   * @default {}\n   */\n  slotProps: s.shape({\n    input: s.object,\n    root: s.object\n  }),\n  /**\n   * The components used for each slot inside.\n   *\n   * This prop is an alias for the `components` prop, which will be deprecated in the future.\n   *\n   * @default {}\n   */\n  slots: s.shape({\n    input: s.elementType,\n    root: s.elementType\n  }),\n  /**\n   * Start `InputAdornment` for this component.\n   */\n  startAdornment: s.node,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: s.oneOfType([s.arrayOf(s.oneOfType([s.func, s.object, s.bool])), s.func, s.object]),\n  /**\n   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).\n   * @default 'text'\n   */\n  type: s.string,\n  /**\n   * The value of the `input` element, required for a controlled component.\n   */\n  value: s.any\n});\nfunction Od(e) {\n  return Ge(\"MuiDivider\", e);\n}\nQe(\"MuiDivider\", [\"root\", \"absolute\", \"fullWidth\", \"inset\", \"middle\", \"flexItem\", \"light\", \"vertical\", \"withChildren\", \"withChildrenVertical\", \"textAlignRight\", \"textAlignLeft\", \"wrapper\", \"wrapperVertical\"]);\nconst Md = (e) => {\n  const {\n    absolute: t,\n    children: n,\n    classes: r,\n    flexItem: o,\n    light: i,\n    orientation: a,\n    textAlign: l,\n    variant: u\n  } = e;\n  return ot({\n    root: [\"root\", t && \"absolute\", u, i && \"light\", a === \"vertical\" && \"vertical\", o && \"flexItem\", n && \"withChildren\", n && a === \"vertical\" && \"withChildrenVertical\", l === \"right\" && a !== \"vertical\" && \"textAlignRight\", l === \"left\" && a !== \"vertical\" && \"textAlignLeft\"],\n    wrapper: [\"wrapper\", a === \"vertical\" && \"wrapperVertical\"]\n  }, Od, r);\n}, $d = Me(\"div\", {\n  name: \"MuiDivider\",\n  slot: \"Root\",\n  overridesResolver: (e, t) => {\n    const {\n      ownerState: n\n    } = e;\n    return [t.root, n.absolute && t.absolute, t[n.variant], n.light && t.light, n.orientation === \"vertical\" && t.vertical, n.flexItem && t.flexItem, n.children && t.withChildren, n.children && n.orientation === \"vertical\" && t.withChildrenVertical, n.textAlign === \"right\" && n.orientation !== \"vertical\" && t.textAlignRight, n.textAlign === \"left\" && n.orientation !== \"vertical\" && t.textAlignLeft];\n  }\n})(He(({\n  theme: e\n}) => ({\n  margin: 0,\n  // Reset browser default style.\n  flexShrink: 0,\n  borderWidth: 0,\n  borderStyle: \"solid\",\n  borderColor: (e.vars || e).palette.divider,\n  borderBottomWidth: \"thin\",\n  variants: [{\n    props: {\n      absolute: !0\n    },\n    style: {\n      position: \"absolute\",\n      bottom: 0,\n      left: 0,\n      width: \"100%\"\n    }\n  }, {\n    props: {\n      light: !0\n    },\n    style: {\n      borderColor: e.vars ? `rgba(${e.vars.palette.dividerChannel} / 0.08)` : Oe(e.palette.divider, 0.08)\n    }\n  }, {\n    props: {\n      variant: \"inset\"\n    },\n    style: {\n      marginLeft: 72\n    }\n  }, {\n    props: {\n      variant: \"middle\",\n      orientation: \"horizontal\"\n    },\n    style: {\n      marginLeft: e.spacing(2),\n      marginRight: e.spacing(2)\n    }\n  }, {\n    props: {\n      variant: \"middle\",\n      orientation: \"vertical\"\n    },\n    style: {\n      marginTop: e.spacing(1),\n      marginBottom: e.spacing(1)\n    }\n  }, {\n    props: {\n      orientation: \"vertical\"\n    },\n    style: {\n      height: \"100%\",\n      borderBottomWidth: 0,\n      borderRightWidth: \"thin\"\n    }\n  }, {\n    props: {\n      flexItem: !0\n    },\n    style: {\n      alignSelf: \"stretch\",\n      height: \"auto\"\n    }\n  }, {\n    props: ({\n      ownerState: t\n    }) => !!t.children,\n    style: {\n      display: \"flex\",\n      textAlign: \"center\",\n      border: 0,\n      borderTopStyle: \"solid\",\n      borderLeftStyle: \"solid\",\n      \"&::before, &::after\": {\n        content: '\"\"',\n        alignSelf: \"center\"\n      }\n    }\n  }, {\n    props: ({\n      ownerState: t\n    }) => t.children && t.orientation !== \"vertical\",\n    style: {\n      \"&::before, &::after\": {\n        width: \"100%\",\n        borderTop: `thin solid ${(e.vars || e).palette.divider}`,\n        borderTopStyle: \"inherit\"\n      }\n    }\n  }, {\n    props: ({\n      ownerState: t\n    }) => t.orientation === \"vertical\" && t.children,\n    style: {\n      flexDirection: \"column\",\n      \"&::before, &::after\": {\n        height: \"100%\",\n        borderLeft: `thin solid ${(e.vars || e).palette.divider}`,\n        borderLeftStyle: \"inherit\"\n      }\n    }\n  }, {\n    props: ({\n      ownerState: t\n    }) => t.textAlign === \"right\" && t.orientation !== \"vertical\",\n    style: {\n      \"&::before\": {\n        width: \"90%\"\n      },\n      \"&::after\": {\n        width: \"10%\"\n      }\n    }\n  }, {\n    props: ({\n      ownerState: t\n    }) => t.textAlign === \"left\" && t.orientation !== \"vertical\",\n    style: {\n      \"&::before\": {\n        width: \"10%\"\n      },\n      \"&::after\": {\n        width: \"90%\"\n      }\n    }\n  }]\n}))), _d = Me(\"span\", {\n  name: \"MuiDivider\",\n  slot: \"Wrapper\",\n  overridesResolver: (e, t) => {\n    const {\n      ownerState: n\n    } = e;\n    return [t.wrapper, n.orientation === \"vertical\" && t.wrapperVertical];\n  }\n})(He(({\n  theme: e\n}) => ({\n  display: \"inline-block\",\n  paddingLeft: `calc(${e.spacing(1)} * 1.2)`,\n  paddingRight: `calc(${e.spacing(1)} * 1.2)`,\n  whiteSpace: \"nowrap\",\n  variants: [{\n    props: {\n      orientation: \"vertical\"\n    },\n    style: {\n      paddingTop: `calc(${e.spacing(1)} * 1.2)`,\n      paddingBottom: `calc(${e.spacing(1)} * 1.2)`\n    }\n  }]\n}))), Mr = /* @__PURE__ */ v.forwardRef(function(t, n) {\n  const r = et({\n    props: t,\n    name: \"MuiDivider\"\n  }), {\n    absolute: o = !1,\n    children: i,\n    className: a,\n    orientation: l = \"horizontal\",\n    component: u = i || l === \"vertical\" ? \"div\" : \"hr\",\n    flexItem: d = !1,\n    light: p = !1,\n    role: h = u !== \"hr\" ? \"separator\" : void 0,\n    textAlign: m = \"center\",\n    variant: C = \"fullWidth\",\n    ...y\n  } = r, c = {\n    ...r,\n    absolute: o,\n    component: u,\n    flexItem: d,\n    light: p,\n    orientation: l,\n    role: h,\n    textAlign: m,\n    variant: C\n  }, E = Md(c);\n  return /* @__PURE__ */ g.jsx($d, {\n    as: u,\n    className: pe(E.root, a),\n    role: h,\n    ref: n,\n    ownerState: c,\n    \"aria-orientation\": h === \"separator\" && (u !== \"hr\" || l === \"vertical\") ? l : void 0,\n    ...y,\n    children: i ? /* @__PURE__ */ g.jsx(_d, {\n      className: E.wrapper,\n      ownerState: c,\n      children: i\n    }) : null\n  });\n});\nMr && (Mr.muiSkipListHighlight = !0);\nprocess.env.NODE_ENV !== \"production\" && (Mr.propTypes = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * Absolutely position the element.\n   * @default false\n   */\n  absolute: s.bool,\n  /**\n   * The content of the component.\n   */\n  children: s.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: s.object,\n  /**\n   * @ignore\n   */\n  className: s.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: s.elementType,\n  /**\n   * If `true`, a vertical divider will have the correct height when used in flex container.\n   * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)\n   * @default false\n   */\n  flexItem: s.bool,\n  /**\n   * If `true`, the divider will have a lighter color.\n   * @default false\n   * @deprecated Use <Divider sx={{ opacity: 0.6 }} /> (or any opacity or color) instead. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n   */\n  light: s.bool,\n  /**\n   * The component orientation.\n   * @default 'horizontal'\n   */\n  orientation: s.oneOf([\"horizontal\", \"vertical\"]),\n  /**\n   * @ignore\n   */\n  role: s.string,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: s.oneOfType([s.arrayOf(s.oneOfType([s.func, s.object, s.bool])), s.func, s.object]),\n  /**\n   * The text alignment.\n   * @default 'center'\n   */\n  textAlign: s.oneOf([\"center\", \"left\", \"right\"]),\n  /**\n   * The variant to use.\n   * @default 'fullWidth'\n   */\n  variant: s.oneOfType([s.oneOf([\"fullWidth\", \"inset\", \"middle\"]), s.string])\n});\nfunction Ad(e) {\n  return typeof e.main == \"string\";\n}\nfunction Id(e, t = []) {\n  if (!Ad(e))\n    return !1;\n  for (const n of t)\n    if (!e.hasOwnProperty(n) || typeof e[n] != \"string\")\n      return !1;\n  return !0;\n}\nfunction ha(e = []) {\n  return ([, t]) => t && Id(t, e);\n}\nfunction Nd(e) {\n  return Ge(\"MuiIconButton\", e);\n}\nconst jd = Qe(\"MuiIconButton\", [\"root\", \"disabled\", \"colorInherit\", \"colorPrimary\", \"colorSecondary\", \"colorError\", \"colorInfo\", \"colorSuccess\", \"colorWarning\", \"edgeStart\", \"edgeEnd\", \"sizeSmall\", \"sizeMedium\", \"sizeLarge\"]), Pd = (e) => {\n  const {\n    classes: t,\n    disabled: n,\n    color: r,\n    edge: o,\n    size: i\n  } = e, a = {\n    root: [\"root\", n && \"disabled\", r !== \"default\" && `color${Fe(r)}`, o && `edge${Fe(o)}`, `size${Fe(i)}`]\n  };\n  return ot(a, Nd, t);\n}, Ld = Me(qn, {\n  name: \"MuiIconButton\",\n  slot: \"Root\",\n  overridesResolver: (e, t) => {\n    const {\n      ownerState: n\n    } = e;\n    return [t.root, n.color !== \"default\" && t[`color${Fe(n.color)}`], n.edge && t[`edge${Fe(n.edge)}`], t[`size${Fe(n.size)}`]];\n  }\n})(He(({\n  theme: e\n}) => ({\n  textAlign: \"center\",\n  flex: \"0 0 auto\",\n  fontSize: e.typography.pxToRem(24),\n  padding: 8,\n  borderRadius: \"50%\",\n  color: (e.vars || e).palette.action.active,\n  transition: e.transitions.create(\"background-color\", {\n    duration: e.transitions.duration.shortest\n  }),\n  variants: [{\n    props: (t) => !t.disableRipple,\n    style: {\n      \"--IconButton-hoverBg\": e.vars ? `rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})` : Oe(e.palette.action.active, e.palette.action.hoverOpacity),\n      \"&:hover\": {\n        backgroundColor: \"var(--IconButton-hoverBg)\",\n        // Reset on touch devices, it doesn't add specificity\n        \"@media (hover: none)\": {\n          backgroundColor: \"transparent\"\n        }\n      }\n    }\n  }, {\n    props: {\n      edge: \"start\"\n    },\n    style: {\n      marginLeft: -12\n    }\n  }, {\n    props: {\n      edge: \"start\",\n      size: \"small\"\n    },\n    style: {\n      marginLeft: -3\n    }\n  }, {\n    props: {\n      edge: \"end\"\n    },\n    style: {\n      marginRight: -12\n    }\n  }, {\n    props: {\n      edge: \"end\",\n      size: \"small\"\n    },\n    style: {\n      marginRight: -3\n    }\n  }]\n})), He(({\n  theme: e\n}) => ({\n  variants: [{\n    props: {\n      color: \"inherit\"\n    },\n    style: {\n      color: \"inherit\"\n    }\n  }, ...Object.entries(e.palette).filter(ha()).map(([t]) => ({\n    props: {\n      color: t\n    },\n    style: {\n      color: (e.vars || e).palette[t].main\n    }\n  })), ...Object.entries(e.palette).filter(ha()).map(([t]) => ({\n    props: {\n      color: t\n    },\n    style: {\n      \"--IconButton-hoverBg\": e.vars ? `rgba(${(e.vars || e).palette[t].mainChannel} / ${e.vars.palette.action.hoverOpacity})` : Oe((e.vars || e).palette[t].main, e.palette.action.hoverOpacity)\n    }\n  })), {\n    props: {\n      size: \"small\"\n    },\n    style: {\n      padding: 5,\n      fontSize: e.typography.pxToRem(18)\n    }\n  }, {\n    props: {\n      size: \"large\"\n    },\n    style: {\n      padding: 12,\n      fontSize: e.typography.pxToRem(28)\n    }\n  }],\n  [`&.${jd.disabled}`]: {\n    backgroundColor: \"transparent\",\n    color: (e.vars || e).palette.action.disabled\n  }\n}))), So = /* @__PURE__ */ v.forwardRef(function(t, n) {\n  const r = et({\n    props: t,\n    name: \"MuiIconButton\"\n  }), {\n    edge: o = !1,\n    children: i,\n    className: a,\n    color: l = \"default\",\n    disabled: u = !1,\n    disableFocusRipple: d = !1,\n    size: p = \"medium\",\n    ...h\n  } = r, m = {\n    ...r,\n    edge: o,\n    color: l,\n    disabled: u,\n    disableFocusRipple: d,\n    size: p\n  }, C = Pd(m);\n  return /* @__PURE__ */ g.jsx(Ld, {\n    className: pe(C.root, a),\n    centerRipple: !0,\n    focusRipple: !d,\n    disabled: u,\n    ref: n,\n    ...h,\n    ownerState: m,\n    children: i\n  });\n});\nprocess.env.NODE_ENV !== \"production\" && (So.propTypes = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The icon to display.\n   */\n  children: zr(s.node, (e) => v.Children.toArray(e.children).some((n) => /* @__PURE__ */ v.isValidElement(n) && n.props.onClick) ? new Error([\"MUI: You are providing an onClick event listener to a child of a button element.\", \"Prefer applying it to the IconButton directly.\", \"This guarantees that the whole <button> will be responsive to click events.\"].join(`\n`)) : null),\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: s.object,\n  /**\n   * @ignore\n   */\n  className: s.string,\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * @default 'default'\n   */\n  color: s.oneOfType([s.oneOf([\"inherit\", \"default\", \"primary\", \"secondary\", \"error\", \"info\", \"success\", \"warning\"]), s.string]),\n  /**\n   * If `true`, the component is disabled.\n   * @default false\n   */\n  disabled: s.bool,\n  /**\n   * If `true`, the  keyboard focus ripple is disabled.\n   * @default false\n   */\n  disableFocusRipple: s.bool,\n  /**\n   * If `true`, the ripple effect is disabled.\n   *\n   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\n   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.\n   * @default false\n   */\n  disableRipple: s.bool,\n  /**\n   * If given, uses a negative margin to counteract the padding on one\n   * side (this is often helpful for aligning the left or right\n   * side of the icon with content above or below, without ruining the border\n   * size and shape).\n   * @default false\n   */\n  edge: s.oneOf([\"end\", \"start\", !1]),\n  /**\n   * The size of the component.\n   * `small` is equivalent to the dense button styling.\n   * @default 'medium'\n   */\n  size: s.oneOfType([s.oneOf([\"small\", \"medium\", \"large\"]), s.string]),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: s.oneOfType([s.arrayOf(s.oneOfType([s.func, s.object, s.bool])), s.func, s.object])\n});\nconst Bd = (e) => /* @__PURE__ */ v.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", fill: \"none\", viewBox: \"0 0 20 20\", ...e }, /* @__PURE__ */ v.createElement(\"path\", { fill: \"#3B4054\", fillRule: \"evenodd\", d: \"M8.333 3.125a5.208 5.208 0 1 0 0 10.417 5.208 5.208 0 0 0 0-10.417M1.875 8.333a6.458 6.458 0 1 1 11.446 4.104l4.62 4.621a.625.625 0 0 1-.883.884l-4.621-4.621A6.458 6.458 0 0 1 1.875 8.334\", clipRule: \"evenodd\" })), Dd = (e) => /* @__PURE__ */ v.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", fill: \"none\", viewBox: \"0 0 20 20\", ...e }, /* @__PURE__ */ v.createElement(\"circle\", { cx: 10, cy: 10, r: 8.333, fill: \"#3B4054\" }), /* @__PURE__ */ v.createElement(\"path\", { fill: \"#fff\", fillRule: \"evenodd\", d: \"M5.84 5.84a.833.833 0 0 1 1.178 0L10 8.82l2.982-2.982a.833.833 0 0 1 1.179 1.179L11.179 10l2.982 2.982a.834.834 0 0 1-1.179 1.179L10 11.179 7.018 14.16a.833.833 0 0 1-1.179-1.179L8.821 10 5.84 7.018a.833.833 0 0 1 0-1.179\", clipRule: \"evenodd\" })), Vd = ({\n  onClickForm: e,\n  handleOnSubmit: t,\n  placeholder: n,\n  handleBlur: r,\n  value: o,\n  onChange: i,\n  handleOnSearchClick: a,\n  autoFocus: l,\n  handleFocus: u,\n  className: d,\n  inputRef: p,\n  handleClear: h,\n  ...m\n}) => /* @__PURE__ */ g.jsxs(\n  Wo,\n  {\n    onClick: e,\n    onSubmit: t,\n    onFocus: u,\n    onBlur: r,\n    component: \"form\",\n    className: d,\n    sx: (C) => ({\n      p: \"12px 12px 12px 20px \",\n      display: \"flex\",\n      alignItems: \"center\",\n      borderRadius: \"24px\",\n      height: \"48px\",\n      width: \"400px\",\n      backgroundColor: \"rgba(169, 175, 199, 0.2)\",\n      \"&.active\": {\n        backgroundColor: \"#fff\",\n        border: `1px solid ${C.palette.grey[700]}`,\n        transition: \"all 0.2s\"\n      },\n      input: {\n        p: 0,\n        ...C.typography.body1\n      },\n      [C.breakpoints.down(\"sm\")]: {\n        width: \"100%\"\n      }\n    }),\n    children: [\n      /* @__PURE__ */ g.jsx(\n        Ks,\n        {\n          ...m,\n          onChange: i,\n          autoFocus: l,\n          ref: p,\n          value: o,\n          autoComplete: \"off\",\n          sx: { flexGrow: 1 },\n          placeholder: n\n        }\n      ),\n      o && (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ g.jsxs(g.Fragment, { children: [\n        /* @__PURE__ */ g.jsx(\n          So,\n          {\n            type: \"button\",\n            onClick: h,\n            color: \"primary\",\n            sx: (C) => ({\n              p: \"8px\",\n              i: {\n                backgroundColor: C.palette.grey[800],\n                borderRadius: \"50%\",\n                padding: \"2px\"\n              }\n            }),\n            children: /* @__PURE__ */ g.jsx(Dd, { width: 20, height: 20 })\n          }\n        ),\n        /* @__PURE__ */ g.jsx(Mr, { sx: { height: 12, m: 1 }, orientation: \"vertical\" })\n      ] }),\n      /* @__PURE__ */ g.jsx(\n        So,\n        {\n          onClick: a,\n          sx: { p: \"8px\" },\n          type: \"submit\",\n          children: /* @__PURE__ */ g.jsx(Bd, { width: 20, height: 20 })\n        }\n      )\n    ]\n  }\n), ga = (e) => /* @__PURE__ */ v.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", fill: \"none\", viewBox: \"0 0 16 16\", ...e }, /* @__PURE__ */ v.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M1.139 2.333c0-.291.236-.527.528-.527h.882c.577 0 1.074.402 1.2.963l.262 1.162h9.617c.786 0 1.368.727 1.206 1.493L14.08 8.99c-.12.57-.623.979-1.206.979H5.372l.078.35c.092.406.45.69.858.69h5.56a1 1 0 0 1 .071.005 1.587 1.587 0 0 1 1.513 1.59c0 .874-.706 1.59-1.583 1.59a1.587 1.587 0 0 1-1.49-2.129h-2.65a1.593 1.593 0 0 1-1.49 2.128 1.587 1.587 0 0 1-1.582-1.59c0-.39.14-.747.371-1.024a1.94 1.94 0 0 1-.607-1.029L2.72 3.001a.18.18 0 0 0-.171-.14h-.882a.53.53 0 0 1-.528-.528m3.995 6.581h7.741a.18.18 0 0 0 .173-.141m0 0 .753-3.568a.18.18 0 0 0-.173-.219H4.249l.87 3.863.015.065M6.24 12.07a.53.53 0 0 0-.528.535c0 .299.24.535.528.535a.53.53 0 0 0 .527-.535.53.53 0 0 0-.527-.535m5.629 0a.53.53 0 0 0-.528.535c0 .299.24.535.528.535a.53.53 0 0 0 .527-.535.53.53 0 0 0-.527-.535\", clipRule: \"evenodd\" })), zd = (e) => /* @__PURE__ */ v.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", fill: \"none\", viewBox: \"0 0 16 16\", ...e }, /* @__PURE__ */ v.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M1.533 2.667c0-.645.522-1.167 1.167-1.167h1.666c.248 0 .478.077.667.21.189-.133.419-.21.667-.21h1.666c.645 0 1.167.522 1.167 1.167v3.796a1.2 1.2 0 0 1 .237-.147l1.208-.564a1.167 1.167 0 0 1 1.55.565l2.676 5.738c.273.584.02 1.278-.564 1.55l-1.208.563a1.167 1.167 0 0 1-1.55-.564L8.533 8.567v4.763c0 .645-.522 1.167-1.167 1.167H5.7c-.248 0-.478-.077-.667-.209-.189.132-.419.21-.667.21H2.7a1.167 1.167 0 0 1-1.167-1.168zm4 10.663c0 .092.075.167.167.167h1.666a.167.167 0 0 0 .167-.167V2.667a.167.167 0 0 0-.167-.167H5.7a.167.167 0 0 0-.167.167zm-1-10.663a.167.167 0 0 0-.167-.167H2.7a.167.167 0 0 0-.167.167V13.33c0 .092.075.167.167.167h1.666a.167.167 0 0 0 .167-.167zm6.09 4.072a.167.167 0 0 0-.222-.08l-1.208.563a.167.167 0 0 0-.08.221l2.675 5.739c.04.083.138.12.222.08l1.207-.563a.167.167 0 0 0 .081-.222z\", clipRule: \"evenodd\" })), hr = (e) => /* @__PURE__ */ v.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", fill: \"none\", viewBox: \"0 0 16 16\", ...e }, /* @__PURE__ */ v.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M1.373 2.393c0-.644.523-1.166 1.167-1.166h7.333c.644 0 1.167.52 1.167 1.166V5.06a.5.5 0 0 1-1 0V2.393a.166.166 0 0 0-.167-.166H2.54a.167.167 0 0 0-.167.166v9.334c0 .092.075.166.167.166h2.667a.5.5 0 1 1 0 1H2.54a1.167 1.167 0 0 1-1.167-1.166zm2 2a.5.5 0 0 1 .5-.5H8.54a.5.5 0 0 1 0 1H3.873a.5.5 0 0 1-.5-.5m.5 1.5a.5.5 0 0 0 0 1H8.54a.5.5 0 0 0 0-1zm-.5 2.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m9.405-2.245a1.12 1.12 0 0 0-1.585-.001L10.143 7.2l-3.111 3.13c-.209.209-.325.492-.325.787v1.609a.5.5 0 0 0 .502.5l1.61-.008c.291-.002.572-.118.78-.323l3.144-3.11 1.044-1.037c.438-.435.44-1.143.005-1.58zm-.876.705a.12.12 0 0 1 .166 0l1.015 1.02a.12.12 0 0 1 0 .167l-.692.687-1.187-1.175zm-3.007 5.332L11.68 9.43 10.5 8.26l-2.758 2.774a.12.12 0 0 0-.034.083v1.106l1.106-.005c.03 0 .06-.013.082-.034\", clipRule: \"evenodd\" })), Fd = (e) => /* @__PURE__ */ v.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", fill: \"none\", viewBox: \"0 0 16 16\", ...e }, /* @__PURE__ */ v.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M8 2.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5m2.057 5.332a3.5 3.5 0 1 0-4.114 0A6.5 6.5 0 0 0 1.5 14a.5.5 0 1 0 1 0 5.5 5.5 0 0 1 11 0 .5.5 0 1 0 1 0 6.5 6.5 0 0 0-4.443-6.168\", clipRule: \"evenodd\" })), Hd = {\n  cart: \"/shop/cart\",\n  home: \"/\",\n  library: \"/libraries\",\n  expert: \"/shop/cart\"\n}, Nf = ({\n  isLoggedIn: e,\n  brandSiblings: t,\n  disabledCategory: n,\n  menu: r,\n  searchTextField: o,\n  banner: i,\n  logoHref: a = \"/\",\n  onClickLogo: l,\n  loginButtonGroup: u,\n  category: d\n}) => {\n  var c, E, T, O, R, S;\n  const p = Bt(), { tpr: h } = Sn(), m = br(p.breakpoints.down(\"sm\")), C = br(p.breakpoints.down(\"lg\")), y = (x) => {\n    var N;\n    if (typeof r[x] == \"string\")\n      window.location.href = r[x];\n    else {\n      const _ = Hd[x] || null;\n      typeof r[x] == \"function\" && ((N = r[x]) == null || N.call(r, _));\n    }\n  };\n  return /* @__PURE__ */ g.jsxs(\n    Ue,\n    {\n      ...o === !0 ? { searchTextField: /* @__PURE__ */ g.jsx(Vd, {}) } : { searchTextField: o },\n      ...m && {\n        banner: Or(i) ? /* @__PURE__ */ g.jsx(qs, { type: i }) : i\n      },\n      children: [\n        /* @__PURE__ */ g.jsx(\n          Ue.LogoArea,\n          {\n            href: a,\n            gap: t ? 0 : 20,\n            onClick: l,\n            children: t ? !m && /* @__PURE__ */ g.jsxs(g.Fragment, { children: [\n              /* @__PURE__ */ g.jsx(\n                ri,\n                {\n                  orientation: \"vertical\",\n                  sx: { height: h(20), my: 0, mx: h(12) }\n                }\n              ),\n              Or(t) ? /* @__PURE__ */ g.jsx(Ko, { preset: t }) : t\n            ] }) : !C && !n && /* @__PURE__ */ g.jsx(\n              lo,\n              {\n                customcolor: \"Red\",\n                sx: {\n                  \"& .MuiBadge-badge\": {\n                    left: h(-30),\n                    right: \"unset\",\n                    padding: \"0 8px\"\n                  }\n                },\n                ...d == null ? void 0 : d.badgeProps,\n                children: /* @__PURE__ */ g.jsx(\n                  Ue.CategoryButton,\n                  {\n                    onClick: d == null ? void 0 : d.onClick,\n                    openCategory: d == null ? void 0 : d.openCategory\n                  }\n                )\n              }\n            )\n          }\n        ),\n        /* @__PURE__ */ g.jsx(Ue.MenuButtonLayout, { children: e ? C ? /* @__PURE__ */ g.jsxs(g.Fragment, { children: [\n          !!r.expert && /* @__PURE__ */ g.jsx(\n            Ue.MenuButton,\n            {\n              onClick: () => y(\"expert\"),\n              label: \"엑스퍼트\",\n              children: /* @__PURE__ */ g.jsx(It, { Element: hr })\n            }\n          ),\n          !!r.cart && /* @__PURE__ */ g.jsx(\n            Ue.MenuButton,\n            {\n              onClick: () => y(\"cart\"),\n              label: \"장바구니\",\n              children: /* @__PURE__ */ g.jsx(lo, { customcolor: \"Red\", badgeContent: r.cartBadge, children: /* @__PURE__ */ g.jsx(It, { Element: ga }) })\n            }\n          ),\n          !!r.fixedMobileMenu && /* @__PURE__ */ g.jsx(\n            Ue.MenuButton,\n            {\n              onClick: (O = r.fixedMobileMenu.loggedIn) == null ? void 0 : O.onClick,\n              label: (R = r.fixedMobileMenu.loggedIn) == null ? void 0 : R.label,\n              children: (S = r.fixedMobileMenu.loggedIn) == null ? void 0 : S.icon\n            }\n          ),\n          r.mobileAppend\n        ] }) : /* @__PURE__ */ g.jsxs(g.Fragment, { children: [\n          !!r.expert && /* @__PURE__ */ g.jsx(\n            Ue.MenuButton,\n            {\n              onClick: () => y(\"expert\"),\n              label: \"엑스퍼트\",\n              children: /* @__PURE__ */ g.jsx(It, { Element: hr })\n            }\n          ),\n          !!r.library && /* @__PURE__ */ g.jsx(\n            Ue.MenuButton,\n            {\n              onClick: () => y(\"library\"),\n              label: \"자료 보관함\",\n              children: /* @__PURE__ */ g.jsx(It, { Element: zd })\n            }\n          ),\n          !!r.cart && /* @__PURE__ */ g.jsx(\n            Ue.MenuButton,\n            {\n              onClick: () => y(\"cart\"),\n              label: \"장바구니\",\n              children: /* @__PURE__ */ g.jsx(lo, { customcolor: \"Red\", badgeContent: r.cartBadge, children: /* @__PURE__ */ g.jsx(It, { Element: ga }) })\n            }\n          ),\n          !!r.mypage && /* @__PURE__ */ g.jsx(\n            Ue.MenuButton,\n            {\n              onClick: () => y(\"mypage\"),\n              label: \"마이페이지\",\n              children: /* @__PURE__ */ g.jsx(It, { Element: Fd })\n            }\n          ),\n          r.dropdown\n        ] }) : C ? !!r.fixedMobileMenu && /* @__PURE__ */ g.jsxs(g.Fragment, { children: [\n          !!r.expert && /* @__PURE__ */ g.jsx(\n            Ue.MenuButton,\n            {\n              onClick: () => y(\"expert\"),\n              label: \"엑스퍼트\",\n              children: /* @__PURE__ */ g.jsx(It, { Element: hr })\n            }\n          ),\n          /* @__PURE__ */ g.jsx(\n            Ue.MenuButton,\n            {\n              onClick: (c = r.fixedMobileMenu.loggedOut) == null ? void 0 : c.onClick,\n              label: ((E = r.fixedMobileMenu.loggedOut) == null ? void 0 : E.label) || \"\",\n              children: (T = r.fixedMobileMenu.loggedOut) == null ? void 0 : T.icon\n            }\n          )\n        ] }) : /* @__PURE__ */ g.jsxs(g.Fragment, { children: [\n          !!r.expert && /* @__PURE__ */ g.jsxs(mt, { sx: { display: \"flex\", alignItems: \"center\" }, children: [\n            /* @__PURE__ */ g.jsx(\n              Ue.MenuButton,\n              {\n                onClick: () => y(\"expert\"),\n                label: \"엑스퍼트\",\n                children: /* @__PURE__ */ g.jsx(It, { Element: hr })\n              }\n            ),\n            /* @__PURE__ */ g.jsx(\n              ri,\n              {\n                orientation: \"vertical\",\n                sx: {\n                  height: \"20px\",\n                  width: \"1px\",\n                  ml: \"12px\",\n                  mr: \"4px\",\n                  color: \"grey.900\"\n                }\n              }\n            )\n          ] }),\n          /* @__PURE__ */ g.jsx(\n            Ue.CTAButton,\n            {\n              onClick: u == null ? void 0 : u.onLoginClick,\n              variant: \"strokeSecondary\",\n              children: \"로그인\"\n            }\n          ),\n          /* @__PURE__ */ g.jsx(\n            Ue.CTAButton,\n            {\n              onClick: u == null ? void 0 : u.onSignUpClick,\n              variant: \"filledSecondary\",\n              children: \"회원가입\"\n            }\n          )\n        ] }) })\n      ]\n    }\n  );\n}, It = ({\n  Element: e\n}) => {\n  const { tpr: t } = Sn();\n  return /* @__PURE__ */ g.jsx(\n    mt,\n    {\n      component: e,\n      sx: {\n        width: t(24),\n        height: t(24),\n        color: (n) => n.palette.grey[700]\n      }\n    }\n  );\n};\nfunction Wd(e) {\n  return (1 + Math.sin(Math.PI * e - Math.PI / 2)) / 2;\n}\nfunction Ud(e, t, n, r = {}, o = () => {\n}) {\n  const {\n    ease: i = Wd,\n    duration: a = 300\n    // standard\n  } = r;\n  let l = null;\n  const u = t[e];\n  let d = !1;\n  const p = () => {\n    d = !0;\n  }, h = (m) => {\n    if (d) {\n      o(new Error(\"Animation cancelled\"));\n      return;\n    }\n    l === null && (l = m);\n    const C = Math.min(1, (m - l) / a);\n    if (t[e] = i(C) * (n - u) + u, C >= 1) {\n      requestAnimationFrame(() => {\n        o(null);\n      });\n      return;\n    }\n    requestAnimationFrame(h);\n  };\n  return u === n ? (o(new Error(\"Element already at target position\")), p) : (requestAnimationFrame(h), p);\n}\nconst Yd = {\n  width: 99,\n  height: 99,\n  position: \"absolute\",\n  top: -9999,\n  overflow: \"scroll\"\n};\nfunction Zs(e) {\n  const {\n    onChange: t,\n    ...n\n  } = e, r = v.useRef(), o = v.useRef(null), i = () => {\n    r.current = o.current.offsetHeight - o.current.clientHeight;\n  };\n  return Hn(() => {\n    const a = Lo(() => {\n      const u = r.current;\n      i(), u !== r.current && t(r.current);\n    }), l = xr(o.current);\n    return l.addEventListener(\"resize\", a), () => {\n      a.clear(), l.removeEventListener(\"resize\", a);\n    };\n  }, [t]), v.useEffect(() => {\n    i(), t(r.current);\n  }, [t]), /* @__PURE__ */ g.jsx(\"div\", {\n    style: Yd,\n    ...n,\n    ref: o\n  });\n}\nprocess.env.NODE_ENV !== \"production\" && (Zs.propTypes = {\n  onChange: s.func.isRequired\n});\nconst qd = Rs(/* @__PURE__ */ g.jsx(\"path\", {\n  d: \"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z\"\n}), \"KeyboardArrowLeft\"), Gd = Rs(/* @__PURE__ */ g.jsx(\"path\", {\n  d: \"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z\"\n}), \"KeyboardArrowRight\");\nfunction Kd(e) {\n  return Ge(\"MuiTabScrollButton\", e);\n}\nconst Zd = Qe(\"MuiTabScrollButton\", [\"root\", \"vertical\", \"horizontal\", \"disabled\"]), Xd = (e) => {\n  const {\n    classes: t,\n    orientation: n,\n    disabled: r\n  } = e;\n  return ot({\n    root: [\"root\", n, r && \"disabled\"]\n  }, Kd, t);\n}, Jd = Me(qn, {\n  name: \"MuiTabScrollButton\",\n  slot: \"Root\",\n  overridesResolver: (e, t) => {\n    const {\n      ownerState: n\n    } = e;\n    return [t.root, n.orientation && t[n.orientation]];\n  }\n})({\n  width: 40,\n  flexShrink: 0,\n  opacity: 0.8,\n  [`&.${Zd.disabled}`]: {\n    opacity: 0\n  },\n  variants: [{\n    props: {\n      orientation: \"vertical\"\n    },\n    style: {\n      width: \"100%\",\n      height: 40,\n      \"& svg\": {\n        transform: \"var(--TabScrollButton-svgRotate)\"\n      }\n    }\n  }]\n}), Xs = /* @__PURE__ */ v.forwardRef(function(t, n) {\n  const r = et({\n    props: t,\n    name: \"MuiTabScrollButton\"\n  }), {\n    className: o,\n    slots: i = {},\n    slotProps: a = {},\n    direction: l,\n    orientation: u,\n    disabled: d,\n    ...p\n  } = r, h = ds(), m = {\n    isRtl: h,\n    ...r\n  }, C = Xd(m), y = i.StartScrollButtonIcon ?? qd, c = i.EndScrollButtonIcon ?? Gd, E = Er({\n    elementType: y,\n    externalSlotProps: a.startScrollButtonIcon,\n    additionalProps: {\n      fontSize: \"small\"\n    },\n    ownerState: m\n  }), T = Er({\n    elementType: c,\n    externalSlotProps: a.endScrollButtonIcon,\n    additionalProps: {\n      fontSize: \"small\"\n    },\n    ownerState: m\n  });\n  return /* @__PURE__ */ g.jsx(Jd, {\n    component: \"div\",\n    className: pe(C.root, o),\n    ref: n,\n    role: null,\n    ownerState: m,\n    tabIndex: null,\n    ...p,\n    style: {\n      ...p.style,\n      ...u === \"vertical\" && {\n        \"--TabScrollButton-svgRotate\": `rotate(${h ? -90 : 90}deg)`\n      }\n    },\n    children: l === \"left\" ? /* @__PURE__ */ g.jsx(y, {\n      ...E\n    }) : /* @__PURE__ */ g.jsx(c, {\n      ...T\n    })\n  });\n});\nprocess.env.NODE_ENV !== \"production\" && (Xs.propTypes = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: s.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: s.object,\n  /**\n   * @ignore\n   */\n  className: s.string,\n  /**\n   * The direction the button should indicate.\n   */\n  direction: s.oneOf([\"left\", \"right\"]).isRequired,\n  /**\n   * If `true`, the component is disabled.\n   * @default false\n   */\n  disabled: s.bool,\n  /**\n   * The component orientation (layout flow direction).\n   */\n  orientation: s.oneOf([\"horizontal\", \"vertical\"]).isRequired,\n  /**\n   * The extra props for the slot components.\n   * You can override the existing props or add new ones.\n   * @default {}\n   */\n  slotProps: s.shape({\n    endScrollButtonIcon: s.oneOfType([s.func, s.object]),\n    startScrollButtonIcon: s.oneOfType([s.func, s.object])\n  }),\n  /**\n   * The components used for each slot inside.\n   * @default {}\n   */\n  slots: s.shape({\n    EndScrollButtonIcon: s.elementType,\n    StartScrollButtonIcon: s.elementType\n  }),\n  /**\n   * @ignore\n   */\n  style: s.object,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: s.oneOfType([s.arrayOf(s.oneOfType([s.func, s.object, s.bool])), s.func, s.object])\n});\nfunction Qd(e) {\n  return Ge(\"MuiTabs\", e);\n}\nconst co = Qe(\"MuiTabs\", [\"root\", \"vertical\", \"flexContainer\", \"flexContainerVertical\", \"centered\", \"scroller\", \"fixed\", \"scrollableX\", \"scrollableY\", \"hideScrollbar\", \"scrollButtons\", \"scrollButtonsHideMobile\", \"indicator\"]), ma = (e, t) => e === t ? e.firstChild : t && t.nextElementSibling ? t.nextElementSibling : e.firstChild, ba = (e, t) => e === t ? e.lastChild : t && t.previousElementSibling ? t.previousElementSibling : e.lastChild, gr = (e, t, n) => {\n  let r = !1, o = n(e, t);\n  for (; o; ) {\n    if (o === e.firstChild) {\n      if (r)\n        return;\n      r = !0;\n    }\n    const i = o.disabled || o.getAttribute(\"aria-disabled\") === \"true\";\n    if (!o.hasAttribute(\"tabindex\") || i)\n      o = n(e, o);\n    else {\n      o.focus();\n      return;\n    }\n  }\n}, ef = (e) => {\n  const {\n    vertical: t,\n    fixed: n,\n    hideScrollbar: r,\n    scrollableX: o,\n    scrollableY: i,\n    centered: a,\n    scrollButtonsHideMobile: l,\n    classes: u\n  } = e;\n  return ot({\n    root: [\"root\", t && \"vertical\"],\n    scroller: [\"scroller\", n && \"fixed\", r && \"hideScrollbar\", o && \"scrollableX\", i && \"scrollableY\"],\n    flexContainer: [\"flexContainer\", t && \"flexContainerVertical\", a && \"centered\"],\n    indicator: [\"indicator\"],\n    scrollButtons: [\"scrollButtons\", l && \"scrollButtonsHideMobile\"],\n    scrollableX: [o && \"scrollableX\"],\n    hideScrollbar: [r && \"hideScrollbar\"]\n  }, Qd, u);\n}, tf = Me(\"div\", {\n  name: \"MuiTabs\",\n  slot: \"Root\",\n  overridesResolver: (e, t) => {\n    const {\n      ownerState: n\n    } = e;\n    return [{\n      [`& .${co.scrollButtons}`]: t.scrollButtons\n    }, {\n      [`& .${co.scrollButtons}`]: n.scrollButtonsHideMobile && t.scrollButtonsHideMobile\n    }, t.root, n.vertical && t.vertical];\n  }\n})(He(({\n  theme: e\n}) => ({\n  overflow: \"hidden\",\n  minHeight: 48,\n  // Add iOS momentum scrolling for iOS < 13.0\n  WebkitOverflowScrolling: \"touch\",\n  display: \"flex\",\n  variants: [{\n    props: ({\n      ownerState: t\n    }) => t.vertical,\n    style: {\n      flexDirection: \"column\"\n    }\n  }, {\n    props: ({\n      ownerState: t\n    }) => t.scrollButtonsHideMobile,\n    style: {\n      [`& .${co.scrollButtons}`]: {\n        [e.breakpoints.down(\"sm\")]: {\n          display: \"none\"\n        }\n      }\n    }\n  }]\n}))), nf = Me(\"div\", {\n  name: \"MuiTabs\",\n  slot: \"Scroller\",\n  overridesResolver: (e, t) => {\n    const {\n      ownerState: n\n    } = e;\n    return [t.scroller, n.fixed && t.fixed, n.hideScrollbar && t.hideScrollbar, n.scrollableX && t.scrollableX, n.scrollableY && t.scrollableY];\n  }\n})({\n  position: \"relative\",\n  display: \"inline-block\",\n  flex: \"1 1 auto\",\n  whiteSpace: \"nowrap\",\n  variants: [{\n    props: ({\n      ownerState: e\n    }) => e.fixed,\n    style: {\n      overflowX: \"hidden\",\n      width: \"100%\"\n    }\n  }, {\n    props: ({\n      ownerState: e\n    }) => e.hideScrollbar,\n    style: {\n      // Hide dimensionless scrollbar on macOS\n      scrollbarWidth: \"none\",\n      // Firefox\n      \"&::-webkit-scrollbar\": {\n        display: \"none\"\n        // Safari + Chrome\n      }\n    }\n  }, {\n    props: ({\n      ownerState: e\n    }) => e.scrollableX,\n    style: {\n      overflowX: \"auto\",\n      overflowY: \"hidden\"\n    }\n  }, {\n    props: ({\n      ownerState: e\n    }) => e.scrollableY,\n    style: {\n      overflowY: \"auto\",\n      overflowX: \"hidden\"\n    }\n  }]\n}), rf = Me(\"div\", {\n  name: \"MuiTabs\",\n  slot: \"FlexContainer\",\n  overridesResolver: (e, t) => {\n    const {\n      ownerState: n\n    } = e;\n    return [t.flexContainer, n.vertical && t.flexContainerVertical, n.centered && t.centered];\n  }\n})({\n  display: \"flex\",\n  variants: [{\n    props: ({\n      ownerState: e\n    }) => e.vertical,\n    style: {\n      flexDirection: \"column\"\n    }\n  }, {\n    props: ({\n      ownerState: e\n    }) => e.centered,\n    style: {\n      justifyContent: \"center\"\n    }\n  }]\n}), of = Me(\"span\", {\n  name: \"MuiTabs\",\n  slot: \"Indicator\",\n  overridesResolver: (e, t) => t.indicator\n})(He(({\n  theme: e\n}) => ({\n  position: \"absolute\",\n  height: 2,\n  bottom: 0,\n  width: \"100%\",\n  transition: e.transitions.create(),\n  variants: [{\n    props: {\n      indicatorColor: \"primary\"\n    },\n    style: {\n      backgroundColor: (e.vars || e).palette.primary.main\n    }\n  }, {\n    props: {\n      indicatorColor: \"secondary\"\n    },\n    style: {\n      backgroundColor: (e.vars || e).palette.secondary.main\n    }\n  }, {\n    props: ({\n      ownerState: t\n    }) => t.vertical,\n    style: {\n      height: \"100%\",\n      width: 2,\n      right: 0\n    }\n  }]\n}))), af = Me(Zs)({\n  overflowX: \"auto\",\n  overflowY: \"hidden\",\n  // Hide dimensionless scrollbar on macOS\n  scrollbarWidth: \"none\",\n  // Firefox\n  \"&::-webkit-scrollbar\": {\n    display: \"none\"\n    // Safari + Chrome\n  }\n}), ya = {};\nlet va = !1;\nconst Js = /* @__PURE__ */ v.forwardRef(function(t, n) {\n  const r = et({\n    props: t,\n    name: \"MuiTabs\"\n  }), o = zo(), i = ds(), {\n    \"aria-label\": a,\n    \"aria-labelledby\": l,\n    action: u,\n    centered: d = !1,\n    children: p,\n    className: h,\n    component: m = \"div\",\n    allowScrollButtonsMobile: C = !1,\n    indicatorColor: y = \"primary\",\n    onChange: c,\n    orientation: E = \"horizontal\",\n    ScrollButtonComponent: T = Xs,\n    scrollButtons: O = \"auto\",\n    selectionFollowsFocus: R,\n    slots: S = {},\n    slotProps: x = {},\n    TabIndicatorProps: N = {},\n    TabScrollButtonProps: _ = {},\n    textColor: W = \"primary\",\n    value: U,\n    variant: f = \"standard\",\n    visibleScrollbar: $ = !1,\n    ...B\n  } = r, P = f === \"scrollable\", V = E === \"vertical\", ne = V ? \"scrollTop\" : \"scrollLeft\", re = V ? \"top\" : \"left\", le = V ? \"bottom\" : \"right\", Se = V ? \"clientHeight\" : \"clientWidth\", ie = V ? \"height\" : \"width\", k = {\n    ...r,\n    component: m,\n    allowScrollButtonsMobile: C,\n    indicatorColor: y,\n    orientation: E,\n    vertical: V,\n    scrollButtons: O,\n    textColor: W,\n    variant: f,\n    visibleScrollbar: $,\n    fixed: !P,\n    hideScrollbar: P && !$,\n    scrollableX: P && !V,\n    scrollableY: P && V,\n    centered: d && !P,\n    scrollButtonsHideMobile: !C\n  }, A = ef(k), G = Er({\n    elementType: S.StartScrollButtonIcon,\n    externalSlotProps: x.startScrollButtonIcon,\n    ownerState: k\n  }), q = Er({\n    elementType: S.EndScrollButtonIcon,\n    externalSlotProps: x.endScrollButtonIcon,\n    ownerState: k\n  });\n  process.env.NODE_ENV;\n  const [Y, ee] = v.useState(!1), [I, D] = v.useState(ya), [z, K] = v.useState(!1), [Z, $e] = v.useState(!1), [j, De] = v.useState(!1), [ae, Ae] = v.useState({\n    overflow: \"hidden\",\n    scrollbarWidth: 0\n  }), Ke = /* @__PURE__ */ new Map(), Pe = v.useRef(null), Ie = v.useRef(null), dt = () => {\n    const F = Pe.current;\n    let H;\n    if (F) {\n      const ce = F.getBoundingClientRect();\n      H = {\n        clientWidth: F.clientWidth,\n        scrollLeft: F.scrollLeft,\n        scrollTop: F.scrollTop,\n        scrollWidth: F.scrollWidth,\n        top: ce.top,\n        bottom: ce.bottom,\n        left: ce.left,\n        right: ce.right\n      };\n    }\n    let ue;\n    if (F && U !== !1) {\n      const ce = Ie.current.children;\n      if (ce.length > 0) {\n        const ke = ce[Ke.get(U)];\n        process.env.NODE_ENV, ue = ke ? ke.getBoundingClientRect() : null, process.env.NODE_ENV !== \"production\" && process.env.NODE_ENV !== \"test\" && !va && ue && ue.width === 0 && ue.height === 0 && // if the whole Tabs component is hidden, don't warn\n        H.clientWidth !== 0 && (H = null, va = !0);\n      }\n    }\n    return {\n      tabsMeta: H,\n      tabMeta: ue\n    };\n  }, it = Zt(() => {\n    const {\n      tabsMeta: F,\n      tabMeta: H\n    } = dt();\n    let ue = 0, ce;\n    V ? (ce = \"top\", H && F && (ue = H.top - F.top + F.scrollTop)) : (ce = i ? \"right\" : \"left\", H && F && (ue = (i ? -1 : 1) * (H[ce] - F[ce] + F.scrollLeft)));\n    const ke = {\n      [ce]: ue,\n      // May be wrong until the font is loaded.\n      [ie]: H ? H[ie] : 0\n    };\n    if (typeof I[ce] != \"number\" || typeof I[ie] != \"number\")\n      D(ke);\n    else {\n      const We = Math.abs(I[ce] - ke[ce]), pt = Math.abs(I[ie] - ke[ie]);\n      (We >= 1 || pt >= 1) && D(ke);\n    }\n  }), bt = (F, {\n    animation: H = !0\n  } = {}) => {\n    H ? Ud(ne, Pe.current, F, {\n      duration: o.transitions.duration.standard\n    }) : Pe.current[ne] = F;\n  }, X = (F) => {\n    let H = Pe.current[ne];\n    V ? H += F : H += F * (i ? -1 : 1), bt(H);\n  }, Ot = () => {\n    const F = Pe.current[Se];\n    let H = 0;\n    const ue = Array.from(Ie.current.children);\n    for (let ce = 0; ce < ue.length; ce += 1) {\n      const ke = ue[ce];\n      if (H + ke[Se] > F) {\n        ce === 0 && (H = F);\n        break;\n      }\n      H += ke[Se];\n    }\n    return H;\n  }, tt = () => {\n    X(-1 * Ot());\n  }, tn = () => {\n    X(Ot());\n  }, Mt = v.useCallback((F) => {\n    Ae({\n      overflow: null,\n      scrollbarWidth: F\n    });\n  }, []), Ft = () => {\n    const F = {};\n    F.scrollbarSizeListener = P ? /* @__PURE__ */ g.jsx(af, {\n      onChange: Mt,\n      className: pe(A.scrollableX, A.hideScrollbar)\n    }) : null;\n    const ue = P && (O === \"auto\" && (z || Z) || O === !0);\n    return F.scrollButtonStart = ue ? /* @__PURE__ */ g.jsx(T, {\n      slots: {\n        StartScrollButtonIcon: S.StartScrollButtonIcon\n      },\n      slotProps: {\n        startScrollButtonIcon: G\n      },\n      orientation: E,\n      direction: i ? \"right\" : \"left\",\n      onClick: tt,\n      disabled: !z,\n      ..._,\n      className: pe(A.scrollButtons, _.className)\n    }) : null, F.scrollButtonEnd = ue ? /* @__PURE__ */ g.jsx(T, {\n      slots: {\n        EndScrollButtonIcon: S.EndScrollButtonIcon\n      },\n      slotProps: {\n        endScrollButtonIcon: q\n      },\n      orientation: E,\n      direction: i ? \"left\" : \"right\",\n      onClick: tn,\n      disabled: !Z,\n      ..._,\n      className: pe(A.scrollButtons, _.className)\n    }) : null, F;\n  }, Ht = Zt((F) => {\n    const {\n      tabsMeta: H,\n      tabMeta: ue\n    } = dt();\n    if (!(!ue || !H)) {\n      if (ue[re] < H[re]) {\n        const ce = H[ne] + (ue[re] - H[re]);\n        bt(ce, {\n          animation: F\n        });\n      } else if (ue[le] > H[le]) {\n        const ce = H[ne] + (ue[le] - H[le]);\n        bt(ce, {\n          animation: F\n        });\n      }\n    }\n  }), ft = Zt(() => {\n    P && O !== !1 && De(!j);\n  });\n  v.useEffect(() => {\n    const F = Lo(() => {\n      Pe.current && it();\n    });\n    let H;\n    const ue = (We) => {\n      We.forEach((pt) => {\n        pt.removedNodes.forEach((yt) => {\n          H == null || H.unobserve(yt);\n        }), pt.addedNodes.forEach((yt) => {\n          H == null || H.observe(yt);\n        });\n      }), F(), ft();\n    }, ce = xr(Pe.current);\n    ce.addEventListener(\"resize\", F);\n    let ke;\n    return typeof ResizeObserver < \"u\" && (H = new ResizeObserver(F), Array.from(Ie.current.children).forEach((We) => {\n      H.observe(We);\n    })), typeof MutationObserver < \"u\" && (ke = new MutationObserver(ue), ke.observe(Ie.current, {\n      childList: !0\n    })), () => {\n      F.clear(), ce.removeEventListener(\"resize\", F), ke == null || ke.disconnect(), H == null || H.disconnect();\n    };\n  }, [it, ft]), v.useEffect(() => {\n    const F = Array.from(Ie.current.children), H = F.length;\n    if (typeof IntersectionObserver < \"u\" && H > 0 && P && O !== !1) {\n      const ue = F[0], ce = F[H - 1], ke = {\n        root: Pe.current,\n        threshold: 0.99\n      }, We = (Rn) => {\n        K(!Rn[0].isIntersecting);\n      }, pt = new IntersectionObserver(We, ke);\n      pt.observe(ue);\n      const yt = (Rn) => {\n        $e(!Rn[0].isIntersecting);\n      }, Tn = new IntersectionObserver(yt, ke);\n      return Tn.observe(ce), () => {\n        pt.disconnect(), Tn.disconnect();\n      };\n    }\n  }, [P, O, j, p == null ? void 0 : p.length]), v.useEffect(() => {\n    ee(!0);\n  }, []), v.useEffect(() => {\n    it();\n  }), v.useEffect(() => {\n    Ht(ya !== I);\n  }, [Ht, I]), v.useImperativeHandle(u, () => ({\n    updateIndicator: it,\n    updateScrollButtons: ft\n  }), [it, ft]);\n  const $t = /* @__PURE__ */ g.jsx(of, {\n    ...N,\n    className: pe(A.indicator, N.className),\n    ownerState: k,\n    style: {\n      ...I,\n      ...N.style\n    }\n  });\n  let he = 0;\n  const nn = v.Children.map(p, (F) => {\n    if (!/* @__PURE__ */ v.isValidElement(F))\n      return null;\n    process.env.NODE_ENV !== \"production\" && Es.isFragment(F);\n    const H = F.props.value === void 0 ? he : F.props.value;\n    Ke.set(H, he);\n    const ue = H === U;\n    return he += 1, /* @__PURE__ */ v.cloneElement(F, {\n      fullWidth: f === \"fullWidth\",\n      indicator: ue && !Y && $t,\n      selected: ue,\n      selectionFollowsFocus: R,\n      onChange: c,\n      textColor: W,\n      value: H,\n      ...he === 1 && U === !1 && !F.props.tabIndex ? {\n        tabIndex: 0\n      } : {}\n    });\n  }), rn = (F) => {\n    const H = Ie.current, ue = rs(H).activeElement;\n    if (ue.getAttribute(\"role\") !== \"tab\")\n      return;\n    let ke = E === \"horizontal\" ? \"ArrowLeft\" : \"ArrowUp\", We = E === \"horizontal\" ? \"ArrowRight\" : \"ArrowDown\";\n    switch (E === \"horizontal\" && i && (ke = \"ArrowRight\", We = \"ArrowLeft\"), F.key) {\n      case ke:\n        F.preventDefault(), gr(H, ue, ba);\n        break;\n      case We:\n        F.preventDefault(), gr(H, ue, ma);\n        break;\n      case \"Home\":\n        F.preventDefault(), gr(H, null, ma);\n        break;\n      case \"End\":\n        F.preventDefault(), gr(H, null, ba);\n        break;\n    }\n  }, wn = Ft();\n  return /* @__PURE__ */ g.jsxs(tf, {\n    className: pe(A.root, h),\n    ownerState: k,\n    ref: n,\n    as: m,\n    ...B,\n    children: [wn.scrollButtonStart, wn.scrollbarSizeListener, /* @__PURE__ */ g.jsxs(nf, {\n      className: A.scroller,\n      ownerState: k,\n      style: {\n        overflow: ae.overflow,\n        [V ? `margin${i ? \"Left\" : \"Right\"}` : \"marginBottom\"]: $ ? void 0 : -ae.scrollbarWidth\n      },\n      ref: Pe,\n      children: [/* @__PURE__ */ g.jsx(rf, {\n        \"aria-label\": a,\n        \"aria-labelledby\": l,\n        \"aria-orientation\": E === \"vertical\" ? \"vertical\" : null,\n        className: A.flexContainer,\n        ownerState: k,\n        onKeyDown: rn,\n        ref: Ie,\n        role: \"tablist\",\n        children: nn\n      }), Y && $t]\n    }), wn.scrollButtonEnd]\n  });\n});\nprocess.env.NODE_ENV !== \"production\" && (Js.propTypes = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * Callback fired when the component mounts.\n   * This is useful when you want to trigger an action programmatically.\n   * It supports two actions: `updateIndicator()` and `updateScrollButtons()`\n   *\n   * @param {object} actions This object contains all possible actions\n   * that can be triggered programmatically.\n   */\n  action: Po,\n  /**\n   * If `true`, the scroll buttons aren't forced hidden on mobile.\n   * By default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.\n   * @default false\n   */\n  allowScrollButtonsMobile: s.bool,\n  /**\n   * The label for the Tabs as a string.\n   */\n  \"aria-label\": s.string,\n  /**\n   * An id or list of ids separated by a space that label the Tabs.\n   */\n  \"aria-labelledby\": s.string,\n  /**\n   * If `true`, the tabs are centered.\n   * This prop is intended for large views.\n   * @default false\n   */\n  centered: s.bool,\n  /**\n   * The content of the component.\n   */\n  children: s.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: s.object,\n  /**\n   * @ignore\n   */\n  className: s.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: s.elementType,\n  /**\n   * Determines the color of the indicator.\n   * @default 'primary'\n   */\n  indicatorColor: s.oneOfType([s.oneOf([\"primary\", \"secondary\"]), s.string]),\n  /**\n   * Callback fired when the value changes.\n   *\n   * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.\n   * @param {any} value We default to the index of the child (number)\n   */\n  onChange: s.func,\n  /**\n   * The component orientation (layout flow direction).\n   * @default 'horizontal'\n   */\n  orientation: s.oneOf([\"horizontal\", \"vertical\"]),\n  /**\n   * The component used to render the scroll buttons.\n   * @default TabScrollButton\n   */\n  ScrollButtonComponent: s.elementType,\n  /**\n   * Determine behavior of scroll buttons when tabs are set to scroll:\n   *\n   * - `auto` will only present them when not all the items are visible.\n   * - `true` will always present them.\n   * - `false` will never present them.\n   *\n   * By default the scroll buttons are hidden on mobile.\n   * This behavior can be disabled with `allowScrollButtonsMobile`.\n   * @default 'auto'\n   */\n  scrollButtons: s.oneOf([\"auto\", !1, !0]),\n  /**\n   * If `true` the selected tab changes on focus. Otherwise it only\n   * changes on activation.\n   */\n  selectionFollowsFocus: s.bool,\n  /**\n   * The extra props for the slot components.\n   * You can override the existing props or add new ones.\n   * @default {}\n   */\n  slotProps: s.shape({\n    endScrollButtonIcon: s.oneOfType([s.func, s.object]),\n    startScrollButtonIcon: s.oneOfType([s.func, s.object])\n  }),\n  /**\n   * The components used for each slot inside.\n   * @default {}\n   */\n  slots: s.shape({\n    EndScrollButtonIcon: s.elementType,\n    StartScrollButtonIcon: s.elementType\n  }),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: s.oneOfType([s.arrayOf(s.oneOfType([s.func, s.object, s.bool])), s.func, s.object]),\n  /**\n   * Props applied to the tab indicator element.\n   * @default  {}\n   */\n  TabIndicatorProps: s.object,\n  /**\n   * Props applied to the [`TabScrollButton`](https://mui.com/material-ui/api/tab-scroll-button/) element.\n   * @default {}\n   */\n  TabScrollButtonProps: s.object,\n  /**\n   * Determines the color of the `Tab`.\n   * @default 'primary'\n   */\n  textColor: s.oneOf([\"inherit\", \"primary\", \"secondary\"]),\n  /**\n   * The value of the currently selected `Tab`.\n   * If you don't want any selected `Tab`, you can set this prop to `false`.\n   */\n  value: s.any,\n  /**\n   * Determines additional display behavior of the tabs:\n   *\n   *  - `scrollable` will invoke scrolling properties and allow for horizontally\n   *  scrolling (or swiping) of the tab bar.\n   *  - `fullWidth` will make the tabs grow to use all the available space,\n   *  which should be used for small views, like on mobile.\n   *  - `standard` will render the default state.\n   * @default 'standard'\n   */\n  variant: s.oneOf([\"fullWidth\", \"scrollable\", \"standard\"]),\n  /**\n   * If `true`, the scrollbar is visible. It can be useful when displaying\n   * a long vertical list of tabs.\n   * @default false\n   */\n  visibleScrollbar: s.bool\n});\nconst Qs = N0(void 0), sf = ({\n  children: e,\n  size: t,\n  commonTabProps: n,\n  tabStyle: r\n}) => /* @__PURE__ */ g.jsx(Qs.Provider, { value: { size: t, commonTabProps: n, tabStyle: r }, children: e });\nfunction lf(e) {\n  return Ge(\"MuiTab\", e);\n}\nconst st = Qe(\"MuiTab\", [\"root\", \"labelIcon\", \"textColorInherit\", \"textColorPrimary\", \"textColorSecondary\", \"selected\", \"disabled\", \"fullWidth\", \"wrapped\", \"iconWrapper\", \"icon\"]), cf = (e) => {\n  const {\n    classes: t,\n    textColor: n,\n    fullWidth: r,\n    wrapped: o,\n    icon: i,\n    label: a,\n    selected: l,\n    disabled: u\n  } = e, d = {\n    root: [\"root\", i && a && \"labelIcon\", `textColor${Fe(n)}`, r && \"fullWidth\", o && \"wrapped\", l && \"selected\", u && \"disabled\"],\n    icon: [\"iconWrapper\", \"icon\"]\n  };\n  return ot(d, lf, t);\n}, uf = Me(qn, {\n  name: \"MuiTab\",\n  slot: \"Root\",\n  overridesResolver: (e, t) => {\n    const {\n      ownerState: n\n    } = e;\n    return [t.root, n.label && n.icon && t.labelIcon, t[`textColor${Fe(n.textColor)}`], n.fullWidth && t.fullWidth, n.wrapped && t.wrapped, {\n      [`& .${st.iconWrapper}`]: t.iconWrapper\n    }, {\n      [`& .${st.icon}`]: t.icon\n    }];\n  }\n})(He(({\n  theme: e\n}) => ({\n  ...e.typography.button,\n  maxWidth: 360,\n  minWidth: 90,\n  position: \"relative\",\n  minHeight: 48,\n  flexShrink: 0,\n  padding: \"12px 16px\",\n  overflow: \"hidden\",\n  whiteSpace: \"normal\",\n  textAlign: \"center\",\n  lineHeight: 1.25,\n  variants: [{\n    props: ({\n      ownerState: t\n    }) => t.label && (t.iconPosition === \"top\" || t.iconPosition === \"bottom\"),\n    style: {\n      flexDirection: \"column\"\n    }\n  }, {\n    props: ({\n      ownerState: t\n    }) => t.label && t.iconPosition !== \"top\" && t.iconPosition !== \"bottom\",\n    style: {\n      flexDirection: \"row\"\n    }\n  }, {\n    props: ({\n      ownerState: t\n    }) => t.icon && t.label,\n    style: {\n      minHeight: 72,\n      paddingTop: 9,\n      paddingBottom: 9\n    }\n  }, {\n    props: ({\n      ownerState: t,\n      iconPosition: n\n    }) => t.icon && t.label && n === \"top\",\n    style: {\n      [`& > .${st.icon}`]: {\n        marginBottom: 6\n      }\n    }\n  }, {\n    props: ({\n      ownerState: t,\n      iconPosition: n\n    }) => t.icon && t.label && n === \"bottom\",\n    style: {\n      [`& > .${st.icon}`]: {\n        marginTop: 6\n      }\n    }\n  }, {\n    props: ({\n      ownerState: t,\n      iconPosition: n\n    }) => t.icon && t.label && n === \"start\",\n    style: {\n      [`& > .${st.icon}`]: {\n        marginRight: e.spacing(1)\n      }\n    }\n  }, {\n    props: ({\n      ownerState: t,\n      iconPosition: n\n    }) => t.icon && t.label && n === \"end\",\n    style: {\n      [`& > .${st.icon}`]: {\n        marginLeft: e.spacing(1)\n      }\n    }\n  }, {\n    props: {\n      textColor: \"inherit\"\n    },\n    style: {\n      color: \"inherit\",\n      opacity: 0.6,\n      // same opacity as theme.palette.text.secondary\n      [`&.${st.selected}`]: {\n        opacity: 1\n      },\n      [`&.${st.disabled}`]: {\n        opacity: (e.vars || e).palette.action.disabledOpacity\n      }\n    }\n  }, {\n    props: {\n      textColor: \"primary\"\n    },\n    style: {\n      color: (e.vars || e).palette.text.secondary,\n      [`&.${st.selected}`]: {\n        color: (e.vars || e).palette.primary.main\n      },\n      [`&.${st.disabled}`]: {\n        color: (e.vars || e).palette.text.disabled\n      }\n    }\n  }, {\n    props: {\n      textColor: \"secondary\"\n    },\n    style: {\n      color: (e.vars || e).palette.text.secondary,\n      [`&.${st.selected}`]: {\n        color: (e.vars || e).palette.secondary.main\n      },\n      [`&.${st.disabled}`]: {\n        color: (e.vars || e).palette.text.disabled\n      }\n    }\n  }, {\n    props: ({\n      ownerState: t\n    }) => t.fullWidth,\n    style: {\n      flexShrink: 1,\n      flexGrow: 1,\n      flexBasis: 0,\n      maxWidth: \"none\"\n    }\n  }, {\n    props: ({\n      ownerState: t\n    }) => t.wrapped,\n    style: {\n      fontSize: e.typography.pxToRem(12)\n    }\n  }]\n}))), e0 = /* @__PURE__ */ v.forwardRef(function(t, n) {\n  const r = et({\n    props: t,\n    name: \"MuiTab\"\n  }), {\n    className: o,\n    disabled: i = !1,\n    disableFocusRipple: a = !1,\n    // eslint-disable-next-line react/prop-types\n    fullWidth: l,\n    icon: u,\n    iconPosition: d = \"top\",\n    // eslint-disable-next-line react/prop-types\n    indicator: p,\n    label: h,\n    onChange: m,\n    onClick: C,\n    onFocus: y,\n    // eslint-disable-next-line react/prop-types\n    selected: c,\n    // eslint-disable-next-line react/prop-types\n    selectionFollowsFocus: E,\n    // eslint-disable-next-line react/prop-types\n    textColor: T = \"inherit\",\n    value: O,\n    wrapped: R = !1,\n    ...S\n  } = r, x = {\n    ...r,\n    disabled: i,\n    disableFocusRipple: a,\n    selected: c,\n    icon: !!u,\n    iconPosition: d,\n    label: !!h,\n    fullWidth: l,\n    textColor: T,\n    wrapped: R\n  }, N = cf(x), _ = u && h && /* @__PURE__ */ v.isValidElement(u) ? /* @__PURE__ */ v.cloneElement(u, {\n    className: pe(N.icon, u.props.className)\n  }) : u, W = (f) => {\n    !c && m && m(f, O), C && C(f);\n  }, U = (f) => {\n    E && !c && m && m(f, O), y && y(f);\n  };\n  return /* @__PURE__ */ g.jsxs(uf, {\n    focusRipple: !a,\n    className: pe(N.root, o),\n    ref: n,\n    role: \"tab\",\n    \"aria-selected\": c,\n    disabled: i,\n    onClick: W,\n    onFocus: U,\n    ownerState: x,\n    tabIndex: c ? 0 : -1,\n    ...S,\n    children: [d === \"top\" || d === \"start\" ? /* @__PURE__ */ g.jsxs(v.Fragment, {\n      children: [_, h]\n    }) : /* @__PURE__ */ g.jsxs(v.Fragment, {\n      children: [h, _]\n    }), p]\n  });\n});\nprocess.env.NODE_ENV !== \"production\" && (e0.propTypes = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * This prop isn't supported.\n   * Use the `component` prop if you need to change the children structure.\n   */\n  children: Ol,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: s.object,\n  /**\n   * @ignore\n   */\n  className: s.string,\n  /**\n   * If `true`, the component is disabled.\n   * @default false\n   */\n  disabled: s.bool,\n  /**\n   * If `true`, the  keyboard focus ripple is disabled.\n   * @default false\n   */\n  disableFocusRipple: s.bool,\n  /**\n   * If `true`, the ripple effect is disabled.\n   *\n   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\n   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.\n   * @default false\n   */\n  disableRipple: s.bool,\n  /**\n   * The icon to display.\n   */\n  icon: s.oneOfType([s.element, s.string]),\n  /**\n   * The position of the icon relative to the label.\n   * @default 'top'\n   */\n  iconPosition: s.oneOf([\"bottom\", \"end\", \"start\", \"top\"]),\n  /**\n   * The label element.\n   */\n  label: s.node,\n  /**\n   * @ignore\n   */\n  onChange: s.func,\n  /**\n   * @ignore\n   */\n  onClick: s.func,\n  /**\n   * @ignore\n   */\n  onFocus: s.func,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: s.oneOfType([s.arrayOf(s.oneOfType([s.func, s.object, s.bool])), s.func, s.object]),\n  /**\n   * You can provide your own value. Otherwise, we fallback to the child position index.\n   */\n  value: s.any,\n  /**\n   * Tab labels appear in a single row.\n   * They can use a second line if needed.\n   * @default false\n   */\n  wrapped: s.bool\n});\nconst t0 = () => {\n  const e = Va(Qs);\n  if (!e)\n    throw new Error(\"useTab은 TabsProvider 내부에서 사용할 수 있습니다.\");\n  return e;\n}, df = (e) => {\n  const [t, n] = To(e), r = (i, a) => n(a);\n  return {\n    value: t,\n    changeTab: r,\n    tabsProps: {\n      value: t,\n      onChange: r\n    }\n  };\n}, ff = {\n  sm: { fontSize: 16 },\n  md: { fontSize: 20 },\n  lg: { fontSize: 24 }\n}, pf = te(e0)(({ theme: e }) => {\n  const { size: t } = t0();\n  return {\n    textTransform: \"none\",\n    minWidth: 0,\n    fontWeight: 700,\n    marginRight: 20,\n    padding: \"12px 0\",\n    color: e.palette.grey[300],\n    transition: \"0.3s all\",\n    ...t && ff[t],\n    \"&.Mui-selected\": {\n      color: e.palette.grey[800]\n    },\n    \"&:hover\": {\n      color: e.palette.grey[800]\n    }\n  };\n}), n0 = ({ sx: e, ...t }) => {\n  const { commonTabProps: n, tabStyle: r } = t0(), o = {\n    ...r,\n    ...e\n  };\n  return /* @__PURE__ */ g.jsx(pf, { ...n, sx: o, ...t });\n}, hf = te(Js)(({ theme: e }) => ({\n  \"& .MuiTabs-indicator\": {\n    backgroundColor: e.palette.grey[900]\n  }\n})), gf = te(\"div\")(() => ({\n  position: \"absolute\",\n  height: 1,\n  backgroundColor: \"#e8e8e8\",\n  bottom: 0,\n  width: \"100%\",\n  zIndex: -1\n})), r0 = ({\n  size: e = \"md\",\n  items: t,\n  commonTabProps: n,\n  children: r,\n  tabStyle: o,\n  containerStyle: i,\n  useBorder: a,\n  ...l\n}) => {\n  const u = t && t.length ? t.map((d, p) => /* @__PURE__ */ g.jsx(n0, { ...d }, p)) : r;\n  return /* @__PURE__ */ g.jsx(\n    sf,\n    {\n      size: e,\n      commonTabProps: n,\n      tabStyle: o,\n      children: /* @__PURE__ */ g.jsxs(mt, { sx: { ...i, position: \"relative\" }, children: [\n        /* @__PURE__ */ g.jsx(hf, { ...l, children: u }),\n        a && /* @__PURE__ */ g.jsx(gf, {})\n      ] })\n    }\n  );\n};\nr0.Tab = n0;\nr0.useTabs = df;\nexport {\n  Ic as Alert,\n  lo as Badge,\n  Qt as Button,\n  Sf as Checkbox,\n  wf as Chip,\n  Nf as CommonGNB,\n  Tf as ConfirmDialog,\n  xs as Dialog,\n  kf as Footer,\n  G1 as FooterAccordion,\n  Ue as GNB,\n  It as GNBMenuIcon,\n  Of as IconButton,\n  _f as IntegrationNotistack,\n  Yc as LinearProgressWithLabel,\n  Mf as Pagination,\n  Rf as ProgessDialog,\n  r0 as Tabs,\n  Af as TextField,\n  If as Tooltip,\n  Fu as closeSnackbar,\n  Ef as getTheme,\n  Nt as globalThemeOptions,\n  $f as useSnackbar,\n  Sn as useTypography\n};\n","import { Subscribable } from './subscribable.mjs';\nimport { isServer } from './utils.mjs';\n\nclass FocusManager extends Subscribable {\n  constructor() {\n    super();\n\n    this.setup = onFocus => {\n      // addEventListener does not exist in React Native, but window does\n      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n      if (!isServer && window.addEventListener) {\n        const listener = () => onFocus(); // Listen to visibillitychange and focus\n\n\n        window.addEventListener('visibilitychange', listener, false);\n        window.addEventListener('focus', listener, false);\n        return () => {\n          // Be sure to unsubscribe if a new handler is set\n          window.removeEventListener('visibilitychange', listener);\n          window.removeEventListener('focus', listener);\n        };\n      }\n\n      return;\n    };\n  }\n\n  onSubscribe() {\n    if (!this.cleanup) {\n      this.setEventListener(this.setup);\n    }\n  }\n\n  onUnsubscribe() {\n    if (!this.hasListeners()) {\n      var _this$cleanup;\n\n      (_this$cleanup = this.cleanup) == null ? void 0 : _this$cleanup.call(this);\n      this.cleanup = undefined;\n    }\n  }\n\n  setEventListener(setup) {\n    var _this$cleanup2;\n\n    this.setup = setup;\n    (_this$cleanup2 = this.cleanup) == null ? void 0 : _this$cleanup2.call(this);\n    this.cleanup = setup(focused => {\n      if (typeof focused === 'boolean') {\n        this.setFocused(focused);\n      } else {\n        this.onFocus();\n      }\n    });\n  }\n\n  setFocused(focused) {\n    const changed = this.focused !== focused;\n\n    if (changed) {\n      this.focused = focused;\n      this.onFocus();\n    }\n  }\n\n  onFocus() {\n    this.listeners.forEach(({\n      listener\n    }) => {\n      listener();\n    });\n  }\n\n  isFocused() {\n    if (typeof this.focused === 'boolean') {\n      return this.focused;\n    } // document global can be unavailable in react native\n\n\n    if (typeof document === 'undefined') {\n      return true;\n    }\n\n    return [undefined, 'visible', 'prerender'].includes(document.visibilityState);\n  }\n\n}\nconst focusManager = new FocusManager();\n\nexport { FocusManager, focusManager };\n//# sourceMappingURL=focusManager.mjs.map\n","function infiniteQueryBehavior() {\n  return {\n    onFetch: context => {\n      context.fetchFn = () => {\n        var _context$fetchOptions, _context$fetchOptions2, _context$fetchOptions3, _context$fetchOptions4, _context$state$data, _context$state$data2;\n\n        const refetchPage = (_context$fetchOptions = context.fetchOptions) == null ? void 0 : (_context$fetchOptions2 = _context$fetchOptions.meta) == null ? void 0 : _context$fetchOptions2.refetchPage;\n        const fetchMore = (_context$fetchOptions3 = context.fetchOptions) == null ? void 0 : (_context$fetchOptions4 = _context$fetchOptions3.meta) == null ? void 0 : _context$fetchOptions4.fetchMore;\n        const pageParam = fetchMore == null ? void 0 : fetchMore.pageParam;\n        const isFetchingNextPage = (fetchMore == null ? void 0 : fetchMore.direction) === 'forward';\n        const isFetchingPreviousPage = (fetchMore == null ? void 0 : fetchMore.direction) === 'backward';\n        const oldPages = ((_context$state$data = context.state.data) == null ? void 0 : _context$state$data.pages) || [];\n        const oldPageParams = ((_context$state$data2 = context.state.data) == null ? void 0 : _context$state$data2.pageParams) || [];\n        let newPageParams = oldPageParams;\n        let cancelled = false;\n\n        const addSignalProperty = object => {\n          Object.defineProperty(object, 'signal', {\n            enumerable: true,\n            get: () => {\n              var _context$signal;\n\n              if ((_context$signal = context.signal) != null && _context$signal.aborted) {\n                cancelled = true;\n              } else {\n                var _context$signal2;\n\n                (_context$signal2 = context.signal) == null ? void 0 : _context$signal2.addEventListener('abort', () => {\n                  cancelled = true;\n                });\n              }\n\n              return context.signal;\n            }\n          });\n        }; // Get query function\n\n\n        const queryFn = context.options.queryFn || (() => Promise.reject(\"Missing queryFn for queryKey '\" + context.options.queryHash + \"'\"));\n\n        const buildNewPages = (pages, param, page, previous) => {\n          newPageParams = previous ? [param, ...newPageParams] : [...newPageParams, param];\n          return previous ? [page, ...pages] : [...pages, page];\n        }; // Create function to fetch a page\n\n\n        const fetchPage = (pages, manual, param, previous) => {\n          if (cancelled) {\n            return Promise.reject('Cancelled');\n          }\n\n          if (typeof param === 'undefined' && !manual && pages.length) {\n            return Promise.resolve(pages);\n          }\n\n          const queryFnContext = {\n            queryKey: context.queryKey,\n            pageParam: param,\n            meta: context.options.meta\n          };\n          addSignalProperty(queryFnContext);\n          const queryFnResult = queryFn(queryFnContext);\n          const promise = Promise.resolve(queryFnResult).then(page => buildNewPages(pages, param, page, previous));\n          return promise;\n        };\n\n        let promise; // Fetch first page?\n\n        if (!oldPages.length) {\n          promise = fetchPage([]);\n        } // Fetch next page?\n        else if (isFetchingNextPage) {\n          const manual = typeof pageParam !== 'undefined';\n          const param = manual ? pageParam : getNextPageParam(context.options, oldPages);\n          promise = fetchPage(oldPages, manual, param);\n        } // Fetch previous page?\n        else if (isFetchingPreviousPage) {\n          const manual = typeof pageParam !== 'undefined';\n          const param = manual ? pageParam : getPreviousPageParam(context.options, oldPages);\n          promise = fetchPage(oldPages, manual, param, true);\n        } // Refetch pages\n        else {\n          newPageParams = [];\n          const manual = typeof context.options.getNextPageParam === 'undefined';\n          const shouldFetchFirstPage = refetchPage && oldPages[0] ? refetchPage(oldPages[0], 0, oldPages) : true; // Fetch first page\n\n          promise = shouldFetchFirstPage ? fetchPage([], manual, oldPageParams[0]) : Promise.resolve(buildNewPages([], oldPageParams[0], oldPages[0])); // Fetch remaining pages\n\n          for (let i = 1; i < oldPages.length; i++) {\n            promise = promise.then(pages => {\n              const shouldFetchNextPage = refetchPage && oldPages[i] ? refetchPage(oldPages[i], i, oldPages) : true;\n\n              if (shouldFetchNextPage) {\n                const param = manual ? oldPageParams[i] : getNextPageParam(context.options, pages);\n                return fetchPage(pages, manual, param);\n              }\n\n              return Promise.resolve(buildNewPages(pages, oldPageParams[i], oldPages[i]));\n            });\n          }\n        }\n\n        const finalPromise = promise.then(pages => ({\n          pages,\n          pageParams: newPageParams\n        }));\n        return finalPromise;\n      };\n    }\n  };\n}\nfunction getNextPageParam(options, pages) {\n  return options.getNextPageParam == null ? void 0 : options.getNextPageParam(pages[pages.length - 1], pages);\n}\nfunction getPreviousPageParam(options, pages) {\n  return options.getPreviousPageParam == null ? void 0 : options.getPreviousPageParam(pages[0], pages);\n}\n/**\n * Checks if there is a next page.\n * Returns `undefined` if it cannot be determined.\n */\n\nfunction hasNextPage(options, pages) {\n  if (options.getNextPageParam && Array.isArray(pages)) {\n    const nextPageParam = getNextPageParam(options, pages);\n    return typeof nextPageParam !== 'undefined' && nextPageParam !== null && nextPageParam !== false;\n  }\n\n  return;\n}\n/**\n * Checks if there is a previous page.\n * Returns `undefined` if it cannot be determined.\n */\n\nfunction hasPreviousPage(options, pages) {\n  if (options.getPreviousPageParam && Array.isArray(pages)) {\n    const previousPageParam = getPreviousPageParam(options, pages);\n    return typeof previousPageParam !== 'undefined' && previousPageParam !== null && previousPageParam !== false;\n  }\n\n  return;\n}\n\nexport { getNextPageParam, getPreviousPageParam, hasNextPage, hasPreviousPage, infiniteQueryBehavior };\n//# sourceMappingURL=infiniteQueryBehavior.mjs.map\n","const defaultLogger = console;\n\nexport { defaultLogger };\n//# sourceMappingURL=logger.mjs.map\n","import { defaultLogger } from './logger.mjs';\nimport { notifyManager } from './notifyManager.mjs';\nimport { Removable } from './removable.mjs';\nimport { createRetryer, canFetch } from './retryer.mjs';\n\n// CLASS\nclass Mutation extends Removable {\n  constructor(config) {\n    super();\n    this.defaultOptions = config.defaultOptions;\n    this.mutationId = config.mutationId;\n    this.mutationCache = config.mutationCache;\n    this.logger = config.logger || defaultLogger;\n    this.observers = [];\n    this.state = config.state || getDefaultState();\n    this.setOptions(config.options);\n    this.scheduleGc();\n  }\n\n  setOptions(options) {\n    this.options = { ...this.defaultOptions,\n      ...options\n    };\n    this.updateCacheTime(this.options.cacheTime);\n  }\n\n  get meta() {\n    return this.options.meta;\n  }\n\n  setState(state) {\n    this.dispatch({\n      type: 'setState',\n      state\n    });\n  }\n\n  addObserver(observer) {\n    if (!this.observers.includes(observer)) {\n      this.observers.push(observer); // Stop the mutation from being garbage collected\n\n      this.clearGcTimeout();\n      this.mutationCache.notify({\n        type: 'observerAdded',\n        mutation: this,\n        observer\n      });\n    }\n  }\n\n  removeObserver(observer) {\n    this.observers = this.observers.filter(x => x !== observer);\n    this.scheduleGc();\n    this.mutationCache.notify({\n      type: 'observerRemoved',\n      mutation: this,\n      observer\n    });\n  }\n\n  optionalRemove() {\n    if (!this.observers.length) {\n      if (this.state.status === 'loading') {\n        this.scheduleGc();\n      } else {\n        this.mutationCache.remove(this);\n      }\n    }\n  }\n\n  continue() {\n    var _this$retryer$continu, _this$retryer;\n\n    return (_this$retryer$continu = (_this$retryer = this.retryer) == null ? void 0 : _this$retryer.continue()) != null ? _this$retryer$continu : this.execute();\n  }\n\n  async execute() {\n    const executeMutation = () => {\n      var _this$options$retry;\n\n      this.retryer = createRetryer({\n        fn: () => {\n          if (!this.options.mutationFn) {\n            return Promise.reject('No mutationFn found');\n          }\n\n          return this.options.mutationFn(this.state.variables);\n        },\n        onFail: (failureCount, error) => {\n          this.dispatch({\n            type: 'failed',\n            failureCount,\n            error\n          });\n        },\n        onPause: () => {\n          this.dispatch({\n            type: 'pause'\n          });\n        },\n        onContinue: () => {\n          this.dispatch({\n            type: 'continue'\n          });\n        },\n        retry: (_this$options$retry = this.options.retry) != null ? _this$options$retry : 0,\n        retryDelay: this.options.retryDelay,\n        networkMode: this.options.networkMode\n      });\n      return this.retryer.promise;\n    };\n\n    const restored = this.state.status === 'loading';\n\n    try {\n      var _this$mutationCache$c3, _this$mutationCache$c4, _this$options$onSucce, _this$options2, _this$mutationCache$c5, _this$mutationCache$c6, _this$options$onSettl, _this$options3;\n\n      if (!restored) {\n        var _this$mutationCache$c, _this$mutationCache$c2, _this$options$onMutat, _this$options;\n\n        this.dispatch({\n          type: 'loading',\n          variables: this.options.variables\n        }); // Notify cache callback\n\n        await ((_this$mutationCache$c = (_this$mutationCache$c2 = this.mutationCache.config).onMutate) == null ? void 0 : _this$mutationCache$c.call(_this$mutationCache$c2, this.state.variables, this));\n        const context = await ((_this$options$onMutat = (_this$options = this.options).onMutate) == null ? void 0 : _this$options$onMutat.call(_this$options, this.state.variables));\n\n        if (context !== this.state.context) {\n          this.dispatch({\n            type: 'loading',\n            context,\n            variables: this.state.variables\n          });\n        }\n      }\n\n      const data = await executeMutation(); // Notify cache callback\n\n      await ((_this$mutationCache$c3 = (_this$mutationCache$c4 = this.mutationCache.config).onSuccess) == null ? void 0 : _this$mutationCache$c3.call(_this$mutationCache$c4, data, this.state.variables, this.state.context, this));\n      await ((_this$options$onSucce = (_this$options2 = this.options).onSuccess) == null ? void 0 : _this$options$onSucce.call(_this$options2, data, this.state.variables, this.state.context)); // Notify cache callback\n\n      await ((_this$mutationCache$c5 = (_this$mutationCache$c6 = this.mutationCache.config).onSettled) == null ? void 0 : _this$mutationCache$c5.call(_this$mutationCache$c6, data, null, this.state.variables, this.state.context, this));\n      await ((_this$options$onSettl = (_this$options3 = this.options).onSettled) == null ? void 0 : _this$options$onSettl.call(_this$options3, data, null, this.state.variables, this.state.context));\n      this.dispatch({\n        type: 'success',\n        data\n      });\n      return data;\n    } catch (error) {\n      try {\n        var _this$mutationCache$c7, _this$mutationCache$c8, _this$options$onError, _this$options4, _this$mutationCache$c9, _this$mutationCache$c10, _this$options$onSettl2, _this$options5;\n\n        // Notify cache callback\n        await ((_this$mutationCache$c7 = (_this$mutationCache$c8 = this.mutationCache.config).onError) == null ? void 0 : _this$mutationCache$c7.call(_this$mutationCache$c8, error, this.state.variables, this.state.context, this));\n\n        if (process.env.NODE_ENV !== 'production') {\n          this.logger.error(error);\n        }\n\n        await ((_this$options$onError = (_this$options4 = this.options).onError) == null ? void 0 : _this$options$onError.call(_this$options4, error, this.state.variables, this.state.context)); // Notify cache callback\n\n        await ((_this$mutationCache$c9 = (_this$mutationCache$c10 = this.mutationCache.config).onSettled) == null ? void 0 : _this$mutationCache$c9.call(_this$mutationCache$c10, undefined, error, this.state.variables, this.state.context, this));\n        await ((_this$options$onSettl2 = (_this$options5 = this.options).onSettled) == null ? void 0 : _this$options$onSettl2.call(_this$options5, undefined, error, this.state.variables, this.state.context));\n        throw error;\n      } finally {\n        this.dispatch({\n          type: 'error',\n          error: error\n        });\n      }\n    }\n  }\n\n  dispatch(action) {\n    const reducer = state => {\n      switch (action.type) {\n        case 'failed':\n          return { ...state,\n            failureCount: action.failureCount,\n            failureReason: action.error\n          };\n\n        case 'pause':\n          return { ...state,\n            isPaused: true\n          };\n\n        case 'continue':\n          return { ...state,\n            isPaused: false\n          };\n\n        case 'loading':\n          return { ...state,\n            context: action.context,\n            data: undefined,\n            failureCount: 0,\n            failureReason: null,\n            error: null,\n            isPaused: !canFetch(this.options.networkMode),\n            status: 'loading',\n            variables: action.variables\n          };\n\n        case 'success':\n          return { ...state,\n            data: action.data,\n            failureCount: 0,\n            failureReason: null,\n            error: null,\n            status: 'success',\n            isPaused: false\n          };\n\n        case 'error':\n          return { ...state,\n            data: undefined,\n            error: action.error,\n            failureCount: state.failureCount + 1,\n            failureReason: action.error,\n            isPaused: false,\n            status: 'error'\n          };\n\n        case 'setState':\n          return { ...state,\n            ...action.state\n          };\n      }\n    };\n\n    this.state = reducer(this.state);\n    notifyManager.batch(() => {\n      this.observers.forEach(observer => {\n        observer.onMutationUpdate(action);\n      });\n      this.mutationCache.notify({\n        mutation: this,\n        type: 'updated',\n        action\n      });\n    });\n  }\n\n}\nfunction getDefaultState() {\n  return {\n    context: undefined,\n    data: undefined,\n    error: null,\n    failureCount: 0,\n    failureReason: null,\n    isPaused: false,\n    status: 'idle',\n    variables: undefined\n  };\n}\n\nexport { Mutation, getDefaultState };\n//# sourceMappingURL=mutation.mjs.map\n","import { scheduleMicrotask } from './utils.mjs';\n\nfunction createNotifyManager() {\n  let queue = [];\n  let transactions = 0;\n\n  let notifyFn = callback => {\n    callback();\n  };\n\n  let batchNotifyFn = callback => {\n    callback();\n  };\n\n  const batch = callback => {\n    let result;\n    transactions++;\n\n    try {\n      result = callback();\n    } finally {\n      transactions--;\n\n      if (!transactions) {\n        flush();\n      }\n    }\n\n    return result;\n  };\n\n  const schedule = callback => {\n    if (transactions) {\n      queue.push(callback);\n    } else {\n      scheduleMicrotask(() => {\n        notifyFn(callback);\n      });\n    }\n  };\n  /**\n   * All calls to the wrapped function will be batched.\n   */\n\n\n  const batchCalls = callback => {\n    return (...args) => {\n      schedule(() => {\n        callback(...args);\n      });\n    };\n  };\n\n  const flush = () => {\n    const originalQueue = queue;\n    queue = [];\n\n    if (originalQueue.length) {\n      scheduleMicrotask(() => {\n        batchNotifyFn(() => {\n          originalQueue.forEach(callback => {\n            notifyFn(callback);\n          });\n        });\n      });\n    }\n  };\n  /**\n   * Use this method to set a custom notify function.\n   * This can be used to for example wrap notifications with `React.act` while running tests.\n   */\n\n\n  const setNotifyFunction = fn => {\n    notifyFn = fn;\n  };\n  /**\n   * Use this method to set a custom function to batch notifications together into a single tick.\n   * By default React Query will use the batch function provided by ReactDOM or React Native.\n   */\n\n\n  const setBatchNotifyFunction = fn => {\n    batchNotifyFn = fn;\n  };\n\n  return {\n    batch,\n    batchCalls,\n    schedule,\n    setNotifyFunction,\n    setBatchNotifyFunction\n  };\n} // SINGLETON\n\nconst notifyManager = createNotifyManager();\n\nexport { createNotifyManager, notifyManager };\n//# sourceMappingURL=notifyManager.mjs.map\n","import { Subscribable } from './subscribable.mjs';\nimport { isServer } from './utils.mjs';\n\nconst onlineEvents = ['online', 'offline'];\nclass OnlineManager extends Subscribable {\n  constructor() {\n    super();\n\n    this.setup = onOnline => {\n      // addEventListener does not exist in React Native, but window does\n      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n      if (!isServer && window.addEventListener) {\n        const listener = () => onOnline(); // Listen to online\n\n\n        onlineEvents.forEach(event => {\n          window.addEventListener(event, listener, false);\n        });\n        return () => {\n          // Be sure to unsubscribe if a new handler is set\n          onlineEvents.forEach(event => {\n            window.removeEventListener(event, listener);\n          });\n        };\n      }\n\n      return;\n    };\n  }\n\n  onSubscribe() {\n    if (!this.cleanup) {\n      this.setEventListener(this.setup);\n    }\n  }\n\n  onUnsubscribe() {\n    if (!this.hasListeners()) {\n      var _this$cleanup;\n\n      (_this$cleanup = this.cleanup) == null ? void 0 : _this$cleanup.call(this);\n      this.cleanup = undefined;\n    }\n  }\n\n  setEventListener(setup) {\n    var _this$cleanup2;\n\n    this.setup = setup;\n    (_this$cleanup2 = this.cleanup) == null ? void 0 : _this$cleanup2.call(this);\n    this.cleanup = setup(online => {\n      if (typeof online === 'boolean') {\n        this.setOnline(online);\n      } else {\n        this.onOnline();\n      }\n    });\n  }\n\n  setOnline(online) {\n    const changed = this.online !== online;\n\n    if (changed) {\n      this.online = online;\n      this.onOnline();\n    }\n  }\n\n  onOnline() {\n    this.listeners.forEach(({\n      listener\n    }) => {\n      listener();\n    });\n  }\n\n  isOnline() {\n    if (typeof this.online === 'boolean') {\n      return this.online;\n    }\n\n    if (typeof navigator === 'undefined' || typeof navigator.onLine === 'undefined') {\n      return true;\n    }\n\n    return navigator.onLine;\n  }\n\n}\nconst onlineManager = new OnlineManager();\n\nexport { OnlineManager, onlineManager };\n//# sourceMappingURL=onlineManager.mjs.map\n","import { shallowEqualObjects, noop, isServer, isValidTimeout, timeUntilStale, replaceData } from './utils.mjs';\nimport { notifyManager } from './notifyManager.mjs';\nimport { focusManager } from './focusManager.mjs';\nimport { Subscribable } from './subscribable.mjs';\nimport { canFetch, isCancelledError } from './retryer.mjs';\n\nclass QueryObserver extends Subscribable {\n  constructor(client, options) {\n    super();\n    this.client = client;\n    this.options = options;\n    this.trackedProps = new Set();\n    this.selectError = null;\n    this.bindMethods();\n    this.setOptions(options);\n  }\n\n  bindMethods() {\n    this.remove = this.remove.bind(this);\n    this.refetch = this.refetch.bind(this);\n  }\n\n  onSubscribe() {\n    if (this.listeners.size === 1) {\n      this.currentQuery.addObserver(this);\n\n      if (shouldFetchOnMount(this.currentQuery, this.options)) {\n        this.executeFetch();\n      }\n\n      this.updateTimers();\n    }\n  }\n\n  onUnsubscribe() {\n    if (!this.hasListeners()) {\n      this.destroy();\n    }\n  }\n\n  shouldFetchOnReconnect() {\n    return shouldFetchOn(this.currentQuery, this.options, this.options.refetchOnReconnect);\n  }\n\n  shouldFetchOnWindowFocus() {\n    return shouldFetchOn(this.currentQuery, this.options, this.options.refetchOnWindowFocus);\n  }\n\n  destroy() {\n    this.listeners = new Set();\n    this.clearStaleTimeout();\n    this.clearRefetchInterval();\n    this.currentQuery.removeObserver(this);\n  }\n\n  setOptions(options, notifyOptions) {\n    const prevOptions = this.options;\n    const prevQuery = this.currentQuery;\n    this.options = this.client.defaultQueryOptions(options);\n\n    if (process.env.NODE_ENV !== 'production' && typeof (options == null ? void 0 : options.isDataEqual) !== 'undefined') {\n      this.client.getLogger().error(\"The isDataEqual option has been deprecated and will be removed in the next major version. You can achieve the same functionality by passing a function as the structuralSharing option\");\n    }\n\n    if (!shallowEqualObjects(prevOptions, this.options)) {\n      this.client.getQueryCache().notify({\n        type: 'observerOptionsUpdated',\n        query: this.currentQuery,\n        observer: this\n      });\n    }\n\n    if (typeof this.options.enabled !== 'undefined' && typeof this.options.enabled !== 'boolean') {\n      throw new Error('Expected enabled to be a boolean');\n    } // Keep previous query key if the user does not supply one\n\n\n    if (!this.options.queryKey) {\n      this.options.queryKey = prevOptions.queryKey;\n    }\n\n    this.updateQuery();\n    const mounted = this.hasListeners(); // Fetch if there are subscribers\n\n    if (mounted && shouldFetchOptionally(this.currentQuery, prevQuery, this.options, prevOptions)) {\n      this.executeFetch();\n    } // Update result\n\n\n    this.updateResult(notifyOptions); // Update stale interval if needed\n\n    if (mounted && (this.currentQuery !== prevQuery || this.options.enabled !== prevOptions.enabled || this.options.staleTime !== prevOptions.staleTime)) {\n      this.updateStaleTimeout();\n    }\n\n    const nextRefetchInterval = this.computeRefetchInterval(); // Update refetch interval if needed\n\n    if (mounted && (this.currentQuery !== prevQuery || this.options.enabled !== prevOptions.enabled || nextRefetchInterval !== this.currentRefetchInterval)) {\n      this.updateRefetchInterval(nextRefetchInterval);\n    }\n  }\n\n  getOptimisticResult(options) {\n    const query = this.client.getQueryCache().build(this.client, options);\n    const result = this.createResult(query, options);\n\n    if (shouldAssignObserverCurrentProperties(this, result, options)) {\n      // this assigns the optimistic result to the current Observer\n      // because if the query function changes, useQuery will be performing\n      // an effect where it would fetch again.\n      // When the fetch finishes, we perform a deep data cloning in order\n      // to reuse objects references. This deep data clone is performed against\n      // the `observer.currentResult.data` property\n      // When QueryKey changes, we refresh the query and get new `optimistic`\n      // result, while we leave the `observer.currentResult`, so when new data\n      // arrives, it finds the old `observer.currentResult` which is related\n      // to the old QueryKey. Which means that currentResult and selectData are\n      // out of sync already.\n      // To solve this, we move the cursor of the currentResult everytime\n      // an observer reads an optimistic value.\n      // When keeping the previous data, the result doesn't change until new\n      // data arrives.\n      this.currentResult = result;\n      this.currentResultOptions = this.options;\n      this.currentResultState = this.currentQuery.state;\n    }\n\n    return result;\n  }\n\n  getCurrentResult() {\n    return this.currentResult;\n  }\n\n  trackResult(result) {\n    const trackedResult = {};\n    Object.keys(result).forEach(key => {\n      Object.defineProperty(trackedResult, key, {\n        configurable: false,\n        enumerable: true,\n        get: () => {\n          this.trackedProps.add(key);\n          return result[key];\n        }\n      });\n    });\n    return trackedResult;\n  }\n\n  getCurrentQuery() {\n    return this.currentQuery;\n  }\n\n  remove() {\n    this.client.getQueryCache().remove(this.currentQuery);\n  }\n\n  refetch({\n    refetchPage,\n    ...options\n  } = {}) {\n    return this.fetch({ ...options,\n      meta: {\n        refetchPage\n      }\n    });\n  }\n\n  fetchOptimistic(options) {\n    const defaultedOptions = this.client.defaultQueryOptions(options);\n    const query = this.client.getQueryCache().build(this.client, defaultedOptions);\n    query.isFetchingOptimistic = true;\n    return query.fetch().then(() => this.createResult(query, defaultedOptions));\n  }\n\n  fetch(fetchOptions) {\n    var _fetchOptions$cancelR;\n\n    return this.executeFetch({ ...fetchOptions,\n      cancelRefetch: (_fetchOptions$cancelR = fetchOptions.cancelRefetch) != null ? _fetchOptions$cancelR : true\n    }).then(() => {\n      this.updateResult();\n      return this.currentResult;\n    });\n  }\n\n  executeFetch(fetchOptions) {\n    // Make sure we reference the latest query as the current one might have been removed\n    this.updateQuery(); // Fetch\n\n    let promise = this.currentQuery.fetch(this.options, fetchOptions);\n\n    if (!(fetchOptions != null && fetchOptions.throwOnError)) {\n      promise = promise.catch(noop);\n    }\n\n    return promise;\n  }\n\n  updateStaleTimeout() {\n    this.clearStaleTimeout();\n\n    if (isServer || this.currentResult.isStale || !isValidTimeout(this.options.staleTime)) {\n      return;\n    }\n\n    const time = timeUntilStale(this.currentResult.dataUpdatedAt, this.options.staleTime); // The timeout is sometimes triggered 1 ms before the stale time expiration.\n    // To mitigate this issue we always add 1 ms to the timeout.\n\n    const timeout = time + 1;\n    this.staleTimeoutId = setTimeout(() => {\n      if (!this.currentResult.isStale) {\n        this.updateResult();\n      }\n    }, timeout);\n  }\n\n  computeRefetchInterval() {\n    var _this$options$refetch;\n\n    return typeof this.options.refetchInterval === 'function' ? this.options.refetchInterval(this.currentResult.data, this.currentQuery) : (_this$options$refetch = this.options.refetchInterval) != null ? _this$options$refetch : false;\n  }\n\n  updateRefetchInterval(nextInterval) {\n    this.clearRefetchInterval();\n    this.currentRefetchInterval = nextInterval;\n\n    if (isServer || this.options.enabled === false || !isValidTimeout(this.currentRefetchInterval) || this.currentRefetchInterval === 0) {\n      return;\n    }\n\n    this.refetchIntervalId = setInterval(() => {\n      if (this.options.refetchIntervalInBackground || focusManager.isFocused()) {\n        this.executeFetch();\n      }\n    }, this.currentRefetchInterval);\n  }\n\n  updateTimers() {\n    this.updateStaleTimeout();\n    this.updateRefetchInterval(this.computeRefetchInterval());\n  }\n\n  clearStaleTimeout() {\n    if (this.staleTimeoutId) {\n      clearTimeout(this.staleTimeoutId);\n      this.staleTimeoutId = undefined;\n    }\n  }\n\n  clearRefetchInterval() {\n    if (this.refetchIntervalId) {\n      clearInterval(this.refetchIntervalId);\n      this.refetchIntervalId = undefined;\n    }\n  }\n\n  createResult(query, options) {\n    const prevQuery = this.currentQuery;\n    const prevOptions = this.options;\n    const prevResult = this.currentResult;\n    const prevResultState = this.currentResultState;\n    const prevResultOptions = this.currentResultOptions;\n    const queryChange = query !== prevQuery;\n    const queryInitialState = queryChange ? query.state : this.currentQueryInitialState;\n    const prevQueryResult = queryChange ? this.currentResult : this.previousQueryResult;\n    const {\n      state\n    } = query;\n    let {\n      dataUpdatedAt,\n      error,\n      errorUpdatedAt,\n      fetchStatus,\n      status\n    } = state;\n    let isPreviousData = false;\n    let isPlaceholderData = false;\n    let data; // Optimistically set result in fetching state if needed\n\n    if (options._optimisticResults) {\n      const mounted = this.hasListeners();\n      const fetchOnMount = !mounted && shouldFetchOnMount(query, options);\n      const fetchOptionally = mounted && shouldFetchOptionally(query, prevQuery, options, prevOptions);\n\n      if (fetchOnMount || fetchOptionally) {\n        fetchStatus = canFetch(query.options.networkMode) ? 'fetching' : 'paused';\n\n        if (!dataUpdatedAt) {\n          status = 'loading';\n        }\n      }\n\n      if (options._optimisticResults === 'isRestoring') {\n        fetchStatus = 'idle';\n      }\n    } // Keep previous data if needed\n\n\n    if (options.keepPreviousData && !state.dataUpdatedAt && prevQueryResult != null && prevQueryResult.isSuccess && status !== 'error') {\n      data = prevQueryResult.data;\n      dataUpdatedAt = prevQueryResult.dataUpdatedAt;\n      status = prevQueryResult.status;\n      isPreviousData = true;\n    } // Select data if needed\n    else if (options.select && typeof state.data !== 'undefined') {\n      // Memoize select result\n      if (prevResult && state.data === (prevResultState == null ? void 0 : prevResultState.data) && options.select === this.selectFn) {\n        data = this.selectResult;\n      } else {\n        try {\n          this.selectFn = options.select;\n          data = options.select(state.data);\n          data = replaceData(prevResult == null ? void 0 : prevResult.data, data, options);\n          this.selectResult = data;\n          this.selectError = null;\n        } catch (selectError) {\n          if (process.env.NODE_ENV !== 'production') {\n            this.client.getLogger().error(selectError);\n          }\n\n          this.selectError = selectError;\n        }\n      }\n    } // Use query data\n    else {\n      data = state.data;\n    } // Show placeholder data if needed\n\n\n    if (typeof options.placeholderData !== 'undefined' && typeof data === 'undefined' && status === 'loading') {\n      let placeholderData; // Memoize placeholder data\n\n      if (prevResult != null && prevResult.isPlaceholderData && options.placeholderData === (prevResultOptions == null ? void 0 : prevResultOptions.placeholderData)) {\n        placeholderData = prevResult.data;\n      } else {\n        placeholderData = typeof options.placeholderData === 'function' ? options.placeholderData() : options.placeholderData;\n\n        if (options.select && typeof placeholderData !== 'undefined') {\n          try {\n            placeholderData = options.select(placeholderData);\n            this.selectError = null;\n          } catch (selectError) {\n            if (process.env.NODE_ENV !== 'production') {\n              this.client.getLogger().error(selectError);\n            }\n\n            this.selectError = selectError;\n          }\n        }\n      }\n\n      if (typeof placeholderData !== 'undefined') {\n        status = 'success';\n        data = replaceData(prevResult == null ? void 0 : prevResult.data, placeholderData, options);\n        isPlaceholderData = true;\n      }\n    }\n\n    if (this.selectError) {\n      error = this.selectError;\n      data = this.selectResult;\n      errorUpdatedAt = Date.now();\n      status = 'error';\n    }\n\n    const isFetching = fetchStatus === 'fetching';\n    const isLoading = status === 'loading';\n    const isError = status === 'error';\n    const result = {\n      status,\n      fetchStatus,\n      isLoading,\n      isSuccess: status === 'success',\n      isError,\n      isInitialLoading: isLoading && isFetching,\n      data,\n      dataUpdatedAt,\n      error,\n      errorUpdatedAt,\n      failureCount: state.fetchFailureCount,\n      failureReason: state.fetchFailureReason,\n      errorUpdateCount: state.errorUpdateCount,\n      isFetched: state.dataUpdateCount > 0 || state.errorUpdateCount > 0,\n      isFetchedAfterMount: state.dataUpdateCount > queryInitialState.dataUpdateCount || state.errorUpdateCount > queryInitialState.errorUpdateCount,\n      isFetching,\n      isRefetching: isFetching && !isLoading,\n      isLoadingError: isError && state.dataUpdatedAt === 0,\n      isPaused: fetchStatus === 'paused',\n      isPlaceholderData,\n      isPreviousData,\n      isRefetchError: isError && state.dataUpdatedAt !== 0,\n      isStale: isStale(query, options),\n      refetch: this.refetch,\n      remove: this.remove\n    };\n    return result;\n  }\n\n  updateResult(notifyOptions) {\n    const prevResult = this.currentResult;\n    const nextResult = this.createResult(this.currentQuery, this.options);\n    this.currentResultState = this.currentQuery.state;\n    this.currentResultOptions = this.options; // Only notify and update result if something has changed\n\n    if (shallowEqualObjects(nextResult, prevResult)) {\n      return;\n    }\n\n    this.currentResult = nextResult; // Determine which callbacks to trigger\n\n    const defaultNotifyOptions = {\n      cache: true\n    };\n\n    const shouldNotifyListeners = () => {\n      if (!prevResult) {\n        return true;\n      }\n\n      const {\n        notifyOnChangeProps\n      } = this.options;\n      const notifyOnChangePropsValue = typeof notifyOnChangeProps === 'function' ? notifyOnChangeProps() : notifyOnChangeProps;\n\n      if (notifyOnChangePropsValue === 'all' || !notifyOnChangePropsValue && !this.trackedProps.size) {\n        return true;\n      }\n\n      const includedProps = new Set(notifyOnChangePropsValue != null ? notifyOnChangePropsValue : this.trackedProps);\n\n      if (this.options.useErrorBoundary) {\n        includedProps.add('error');\n      }\n\n      return Object.keys(this.currentResult).some(key => {\n        const typedKey = key;\n        const changed = this.currentResult[typedKey] !== prevResult[typedKey];\n        return changed && includedProps.has(typedKey);\n      });\n    };\n\n    if ((notifyOptions == null ? void 0 : notifyOptions.listeners) !== false && shouldNotifyListeners()) {\n      defaultNotifyOptions.listeners = true;\n    }\n\n    this.notify({ ...defaultNotifyOptions,\n      ...notifyOptions\n    });\n  }\n\n  updateQuery() {\n    const query = this.client.getQueryCache().build(this.client, this.options);\n\n    if (query === this.currentQuery) {\n      return;\n    }\n\n    const prevQuery = this.currentQuery;\n    this.currentQuery = query;\n    this.currentQueryInitialState = query.state;\n    this.previousQueryResult = this.currentResult;\n\n    if (this.hasListeners()) {\n      prevQuery == null ? void 0 : prevQuery.removeObserver(this);\n      query.addObserver(this);\n    }\n  }\n\n  onQueryUpdate(action) {\n    const notifyOptions = {};\n\n    if (action.type === 'success') {\n      notifyOptions.onSuccess = !action.manual;\n    } else if (action.type === 'error' && !isCancelledError(action.error)) {\n      notifyOptions.onError = true;\n    }\n\n    this.updateResult(notifyOptions);\n\n    if (this.hasListeners()) {\n      this.updateTimers();\n    }\n  }\n\n  notify(notifyOptions) {\n    notifyManager.batch(() => {\n      // First trigger the configuration callbacks\n      if (notifyOptions.onSuccess) {\n        var _this$options$onSucce, _this$options, _this$options$onSettl, _this$options2;\n\n        (_this$options$onSucce = (_this$options = this.options).onSuccess) == null ? void 0 : _this$options$onSucce.call(_this$options, this.currentResult.data);\n        (_this$options$onSettl = (_this$options2 = this.options).onSettled) == null ? void 0 : _this$options$onSettl.call(_this$options2, this.currentResult.data, null);\n      } else if (notifyOptions.onError) {\n        var _this$options$onError, _this$options3, _this$options$onSettl2, _this$options4;\n\n        (_this$options$onError = (_this$options3 = this.options).onError) == null ? void 0 : _this$options$onError.call(_this$options3, this.currentResult.error);\n        (_this$options$onSettl2 = (_this$options4 = this.options).onSettled) == null ? void 0 : _this$options$onSettl2.call(_this$options4, undefined, this.currentResult.error);\n      } // Then trigger the listeners\n\n\n      if (notifyOptions.listeners) {\n        this.listeners.forEach(({\n          listener\n        }) => {\n          listener(this.currentResult);\n        });\n      } // Then the cache listeners\n\n\n      if (notifyOptions.cache) {\n        this.client.getQueryCache().notify({\n          query: this.currentQuery,\n          type: 'observerResultsUpdated'\n        });\n      }\n    });\n  }\n\n}\n\nfunction shouldLoadOnMount(query, options) {\n  return options.enabled !== false && !query.state.dataUpdatedAt && !(query.state.status === 'error' && options.retryOnMount === false);\n}\n\nfunction shouldFetchOnMount(query, options) {\n  return shouldLoadOnMount(query, options) || query.state.dataUpdatedAt > 0 && shouldFetchOn(query, options, options.refetchOnMount);\n}\n\nfunction shouldFetchOn(query, options, field) {\n  if (options.enabled !== false) {\n    const value = typeof field === 'function' ? field(query) : field;\n    return value === 'always' || value !== false && isStale(query, options);\n  }\n\n  return false;\n}\n\nfunction shouldFetchOptionally(query, prevQuery, options, prevOptions) {\n  return options.enabled !== false && (query !== prevQuery || prevOptions.enabled === false) && (!options.suspense || query.state.status !== 'error') && isStale(query, options);\n}\n\nfunction isStale(query, options) {\n  return query.isStaleByTime(options.staleTime);\n} // this function would decide if we will update the observer's 'current'\n// properties after an optimistic reading via getOptimisticResult\n\n\nfunction shouldAssignObserverCurrentProperties(observer, optimisticResult, options) {\n  // it is important to keep this condition like this for three reasons:\n  // 1. It will get removed in the v5\n  // 2. it reads: don't update the properties if we want to keep the previous\n  // data.\n  // 3. The opposite condition (!options.keepPreviousData) would fallthrough\n  // and will result in a bad decision\n  if (options.keepPreviousData) {\n    return false;\n  } // this means we want to put some placeholder data when pending and queryKey\n  // changed.\n\n\n  if (options.placeholderData !== undefined) {\n    // re-assign properties only if current data is placeholder data\n    // which means that data did not arrive yet, so, if there is some cached data\n    // we need to \"prepare\" to receive it\n    return optimisticResult.isPlaceholderData;\n  } // if the newly created result isn't what the observer is holding as current,\n  // then we'll need to update the properties as well\n\n\n  if (!shallowEqualObjects(observer.getCurrentResult(), optimisticResult)) {\n    return true;\n  } // basically, just keep previous properties if nothing changed\n\n\n  return false;\n}\n\nexport { QueryObserver };\n//# sourceMappingURL=queryObserver.mjs.map\n","import { isValidTimeout, isServer } from './utils.mjs';\n\nclass Removable {\n  destroy() {\n    this.clearGcTimeout();\n  }\n\n  scheduleGc() {\n    this.clearGcTimeout();\n\n    if (isValidTimeout(this.cacheTime)) {\n      this.gcTimeout = setTimeout(() => {\n        this.optionalRemove();\n      }, this.cacheTime);\n    }\n  }\n\n  updateCacheTime(newCacheTime) {\n    // Default to 5 minutes (Infinity for server-side) if no cache time is set\n    this.cacheTime = Math.max(this.cacheTime || 0, newCacheTime != null ? newCacheTime : isServer ? Infinity : 5 * 60 * 1000);\n  }\n\n  clearGcTimeout() {\n    if (this.gcTimeout) {\n      clearTimeout(this.gcTimeout);\n      this.gcTimeout = undefined;\n    }\n  }\n\n}\n\nexport { Removable };\n//# sourceMappingURL=removable.mjs.map\n","import { focusManager } from './focusManager.mjs';\nimport { onlineManager } from './onlineManager.mjs';\nimport { sleep } from './utils.mjs';\n\nfunction defaultRetryDelay(failureCount) {\n  return Math.min(1000 * 2 ** failureCount, 30000);\n}\n\nfunction canFetch(networkMode) {\n  return (networkMode != null ? networkMode : 'online') === 'online' ? onlineManager.isOnline() : true;\n}\nclass CancelledError {\n  constructor(options) {\n    this.revert = options == null ? void 0 : options.revert;\n    this.silent = options == null ? void 0 : options.silent;\n  }\n\n}\nfunction isCancelledError(value) {\n  return value instanceof CancelledError;\n}\nfunction createRetryer(config) {\n  let isRetryCancelled = false;\n  let failureCount = 0;\n  let isResolved = false;\n  let continueFn;\n  let promiseResolve;\n  let promiseReject;\n  const promise = new Promise((outerResolve, outerReject) => {\n    promiseResolve = outerResolve;\n    promiseReject = outerReject;\n  });\n\n  const cancel = cancelOptions => {\n    if (!isResolved) {\n      reject(new CancelledError(cancelOptions));\n      config.abort == null ? void 0 : config.abort();\n    }\n  };\n\n  const cancelRetry = () => {\n    isRetryCancelled = true;\n  };\n\n  const continueRetry = () => {\n    isRetryCancelled = false;\n  };\n\n  const shouldPause = () => !focusManager.isFocused() || config.networkMode !== 'always' && !onlineManager.isOnline();\n\n  const resolve = value => {\n    if (!isResolved) {\n      isResolved = true;\n      config.onSuccess == null ? void 0 : config.onSuccess(value);\n      continueFn == null ? void 0 : continueFn();\n      promiseResolve(value);\n    }\n  };\n\n  const reject = value => {\n    if (!isResolved) {\n      isResolved = true;\n      config.onError == null ? void 0 : config.onError(value);\n      continueFn == null ? void 0 : continueFn();\n      promiseReject(value);\n    }\n  };\n\n  const pause = () => {\n    return new Promise(continueResolve => {\n      continueFn = value => {\n        const canContinue = isResolved || !shouldPause();\n\n        if (canContinue) {\n          continueResolve(value);\n        }\n\n        return canContinue;\n      };\n\n      config.onPause == null ? void 0 : config.onPause();\n    }).then(() => {\n      continueFn = undefined;\n\n      if (!isResolved) {\n        config.onContinue == null ? void 0 : config.onContinue();\n      }\n    });\n  }; // Create loop function\n\n\n  const run = () => {\n    // Do nothing if already resolved\n    if (isResolved) {\n      return;\n    }\n\n    let promiseOrValue; // Execute query\n\n    try {\n      promiseOrValue = config.fn();\n    } catch (error) {\n      promiseOrValue = Promise.reject(error);\n    }\n\n    Promise.resolve(promiseOrValue).then(resolve).catch(error => {\n      var _config$retry, _config$retryDelay;\n\n      // Stop if the fetch is already resolved\n      if (isResolved) {\n        return;\n      } // Do we need to retry the request?\n\n\n      const retry = (_config$retry = config.retry) != null ? _config$retry : 3;\n      const retryDelay = (_config$retryDelay = config.retryDelay) != null ? _config$retryDelay : defaultRetryDelay;\n      const delay = typeof retryDelay === 'function' ? retryDelay(failureCount, error) : retryDelay;\n      const shouldRetry = retry === true || typeof retry === 'number' && failureCount < retry || typeof retry === 'function' && retry(failureCount, error);\n\n      if (isRetryCancelled || !shouldRetry) {\n        // We are done if the query does not need to be retried\n        reject(error);\n        return;\n      }\n\n      failureCount++; // Notify on fail\n\n      config.onFail == null ? void 0 : config.onFail(failureCount, error); // Delay\n\n      sleep(delay) // Pause if the document is not visible or when the device is offline\n      .then(() => {\n        if (shouldPause()) {\n          return pause();\n        }\n\n        return;\n      }).then(() => {\n        if (isRetryCancelled) {\n          reject(error);\n        } else {\n          run();\n        }\n      });\n    });\n  }; // Start loop\n\n\n  if (canFetch(config.networkMode)) {\n    run();\n  } else {\n    pause().then(run);\n  }\n\n  return {\n    promise,\n    cancel,\n    continue: () => {\n      const didContinue = continueFn == null ? void 0 : continueFn();\n      return didContinue ? promise : Promise.resolve();\n    },\n    cancelRetry,\n    continueRetry\n  };\n}\n\nexport { CancelledError, canFetch, createRetryer, isCancelledError };\n//# sourceMappingURL=retryer.mjs.map\n","class Subscribable {\n  constructor() {\n    this.listeners = new Set();\n    this.subscribe = this.subscribe.bind(this);\n  }\n\n  subscribe(listener) {\n    const identity = {\n      listener\n    };\n    this.listeners.add(identity);\n    this.onSubscribe();\n    return () => {\n      this.listeners.delete(identity);\n      this.onUnsubscribe();\n    };\n  }\n\n  hasListeners() {\n    return this.listeners.size > 0;\n  }\n\n  onSubscribe() {// Do nothing\n  }\n\n  onUnsubscribe() {// Do nothing\n  }\n\n}\n\nexport { Subscribable };\n//# sourceMappingURL=subscribable.mjs.map\n","// TYPES\n// UTILS\nconst isServer = typeof window === 'undefined' || 'Deno' in window;\nfunction noop() {\n  return undefined;\n}\nfunction functionalUpdate(updater, input) {\n  return typeof updater === 'function' ? updater(input) : updater;\n}\nfunction isValidTimeout(value) {\n  return typeof value === 'number' && value >= 0 && value !== Infinity;\n}\nfunction difference(array1, array2) {\n  return array1.filter(x => !array2.includes(x));\n}\nfunction replaceAt(array, index, value) {\n  const copy = array.slice(0);\n  copy[index] = value;\n  return copy;\n}\nfunction timeUntilStale(updatedAt, staleTime) {\n  return Math.max(updatedAt + (staleTime || 0) - Date.now(), 0);\n}\nfunction parseQueryArgs(arg1, arg2, arg3) {\n  if (!isQueryKey(arg1)) {\n    return arg1;\n  }\n\n  if (typeof arg2 === 'function') {\n    return { ...arg3,\n      queryKey: arg1,\n      queryFn: arg2\n    };\n  }\n\n  return { ...arg2,\n    queryKey: arg1\n  };\n}\nfunction parseMutationArgs(arg1, arg2, arg3) {\n  if (isQueryKey(arg1)) {\n    if (typeof arg2 === 'function') {\n      return { ...arg3,\n        mutationKey: arg1,\n        mutationFn: arg2\n      };\n    }\n\n    return { ...arg2,\n      mutationKey: arg1\n    };\n  }\n\n  if (typeof arg1 === 'function') {\n    return { ...arg2,\n      mutationFn: arg1\n    };\n  }\n\n  return { ...arg1\n  };\n}\nfunction parseFilterArgs(arg1, arg2, arg3) {\n  return isQueryKey(arg1) ? [{ ...arg2,\n    queryKey: arg1\n  }, arg3] : [arg1 || {}, arg2];\n}\nfunction parseMutationFilterArgs(arg1, arg2, arg3) {\n  return isQueryKey(arg1) ? [{ ...arg2,\n    mutationKey: arg1\n  }, arg3] : [arg1 || {}, arg2];\n}\nfunction matchQuery(filters, query) {\n  const {\n    type = 'all',\n    exact,\n    fetchStatus,\n    predicate,\n    queryKey,\n    stale\n  } = filters;\n\n  if (isQueryKey(queryKey)) {\n    if (exact) {\n      if (query.queryHash !== hashQueryKeyByOptions(queryKey, query.options)) {\n        return false;\n      }\n    } else if (!partialMatchKey(query.queryKey, queryKey)) {\n      return false;\n    }\n  }\n\n  if (type !== 'all') {\n    const isActive = query.isActive();\n\n    if (type === 'active' && !isActive) {\n      return false;\n    }\n\n    if (type === 'inactive' && isActive) {\n      return false;\n    }\n  }\n\n  if (typeof stale === 'boolean' && query.isStale() !== stale) {\n    return false;\n  }\n\n  if (typeof fetchStatus !== 'undefined' && fetchStatus !== query.state.fetchStatus) {\n    return false;\n  }\n\n  if (predicate && !predicate(query)) {\n    return false;\n  }\n\n  return true;\n}\nfunction matchMutation(filters, mutation) {\n  const {\n    exact,\n    fetching,\n    predicate,\n    mutationKey\n  } = filters;\n\n  if (isQueryKey(mutationKey)) {\n    if (!mutation.options.mutationKey) {\n      return false;\n    }\n\n    if (exact) {\n      if (hashQueryKey(mutation.options.mutationKey) !== hashQueryKey(mutationKey)) {\n        return false;\n      }\n    } else if (!partialMatchKey(mutation.options.mutationKey, mutationKey)) {\n      return false;\n    }\n  }\n\n  if (typeof fetching === 'boolean' && mutation.state.status === 'loading' !== fetching) {\n    return false;\n  }\n\n  if (predicate && !predicate(mutation)) {\n    return false;\n  }\n\n  return true;\n}\nfunction hashQueryKeyByOptions(queryKey, options) {\n  const hashFn = (options == null ? void 0 : options.queryKeyHashFn) || hashQueryKey;\n  return hashFn(queryKey);\n}\n/**\n * Default query keys hash function.\n * Hashes the value into a stable hash.\n */\n\nfunction hashQueryKey(queryKey) {\n  return JSON.stringify(queryKey, (_, val) => isPlainObject(val) ? Object.keys(val).sort().reduce((result, key) => {\n    result[key] = val[key];\n    return result;\n  }, {}) : val);\n}\n/**\n * Checks if key `b` partially matches with key `a`.\n */\n\nfunction partialMatchKey(a, b) {\n  return partialDeepEqual(a, b);\n}\n/**\n * Checks if `b` partially matches with `a`.\n */\n\nfunction partialDeepEqual(a, b) {\n  if (a === b) {\n    return true;\n  }\n\n  if (typeof a !== typeof b) {\n    return false;\n  }\n\n  if (a && b && typeof a === 'object' && typeof b === 'object') {\n    return !Object.keys(b).some(key => !partialDeepEqual(a[key], b[key]));\n  }\n\n  return false;\n}\n/**\n * This function returns `a` if `b` is deeply equal.\n * If not, it will replace any deeply equal children of `b` with those of `a`.\n * This can be used for structural sharing between JSON values for example.\n */\n\nfunction replaceEqualDeep(a, b) {\n  if (a === b) {\n    return a;\n  }\n\n  const array = isPlainArray(a) && isPlainArray(b);\n\n  if (array || isPlainObject(a) && isPlainObject(b)) {\n    const aSize = array ? a.length : Object.keys(a).length;\n    const bItems = array ? b : Object.keys(b);\n    const bSize = bItems.length;\n    const copy = array ? [] : {};\n    let equalItems = 0;\n\n    for (let i = 0; i < bSize; i++) {\n      const key = array ? i : bItems[i];\n      copy[key] = replaceEqualDeep(a[key], b[key]);\n\n      if (copy[key] === a[key]) {\n        equalItems++;\n      }\n    }\n\n    return aSize === bSize && equalItems === aSize ? a : copy;\n  }\n\n  return b;\n}\n/**\n * Shallow compare objects. Only works with objects that always have the same properties.\n */\n\nfunction shallowEqualObjects(a, b) {\n  if (a && !b || b && !a) {\n    return false;\n  }\n\n  for (const key in a) {\n    if (a[key] !== b[key]) {\n      return false;\n    }\n  }\n\n  return true;\n}\nfunction isPlainArray(value) {\n  return Array.isArray(value) && value.length === Object.keys(value).length;\n} // Copied from: https://github.com/jonschlinkert/is-plain-object\n\nfunction isPlainObject(o) {\n  if (!hasObjectPrototype(o)) {\n    return false;\n  } // If has modified constructor\n\n\n  const ctor = o.constructor;\n\n  if (typeof ctor === 'undefined') {\n    return true;\n  } // If has modified prototype\n\n\n  const prot = ctor.prototype;\n\n  if (!hasObjectPrototype(prot)) {\n    return false;\n  } // If constructor does not have an Object-specific method\n\n\n  if (!prot.hasOwnProperty('isPrototypeOf')) {\n    return false;\n  } // Most likely a plain Object\n\n\n  return true;\n}\n\nfunction hasObjectPrototype(o) {\n  return Object.prototype.toString.call(o) === '[object Object]';\n}\n\nfunction isQueryKey(value) {\n  return Array.isArray(value);\n}\nfunction isError(value) {\n  return value instanceof Error;\n}\nfunction sleep(timeout) {\n  return new Promise(resolve => {\n    setTimeout(resolve, timeout);\n  });\n}\n/**\n * Schedules a microtask.\n * This can be useful to schedule state updates after rendering.\n */\n\nfunction scheduleMicrotask(callback) {\n  sleep(0).then(callback);\n}\nfunction getAbortController() {\n  if (typeof AbortController === 'function') {\n    return new AbortController();\n  }\n\n  return;\n}\nfunction replaceData(prevData, data, options) {\n  // Use prev data if an isDataEqual function is defined and returns `true`\n  if (options.isDataEqual != null && options.isDataEqual(prevData, data)) {\n    return prevData;\n  } else if (typeof options.structuralSharing === 'function') {\n    return options.structuralSharing(prevData, data);\n  } else if (options.structuralSharing !== false) {\n    // Structurally share data between prev and new data if needed\n    return replaceEqualDeep(prevData, data);\n  }\n\n  return data;\n}\n\nexport { difference, functionalUpdate, getAbortController, hashQueryKey, hashQueryKeyByOptions, isError, isPlainArray, isPlainObject, isQueryKey, isServer, isValidTimeout, matchMutation, matchQuery, noop, parseFilterArgs, parseMutationArgs, parseMutationFilterArgs, parseQueryArgs, partialDeepEqual, partialMatchKey, replaceAt, replaceData, replaceEqualDeep, scheduleMicrotask, shallowEqualObjects, sleep, timeUntilStale };\n//# sourceMappingURL=utils.mjs.map\n","'use client';\nimport * as React from 'react';\n\nconst defaultContext = /*#__PURE__*/React.createContext(undefined);\nconst QueryClientSharingContext = /*#__PURE__*/React.createContext(false); // If we are given a context, we will use it.\n// Otherwise, if contextSharing is on, we share the first and at least one\n// instance of the context across the window\n// to ensure that if React Query is used across\n// different bundles or microfrontends they will\n// all use the same **instance** of context, regardless\n// of module scoping.\n\nfunction getQueryClientContext(context, contextSharing) {\n  if (context) {\n    return context;\n  }\n\n  if (contextSharing && typeof window !== 'undefined') {\n    if (!window.ReactQueryClientContext) {\n      window.ReactQueryClientContext = defaultContext;\n    }\n\n    return window.ReactQueryClientContext;\n  }\n\n  return defaultContext;\n}\n\nconst useQueryClient = ({\n  context\n} = {}) => {\n  const queryClient = React.useContext(getQueryClientContext(context, React.useContext(QueryClientSharingContext)));\n\n  if (!queryClient) {\n    throw new Error('No QueryClient set, use QueryClientProvider to set one');\n  }\n\n  return queryClient;\n};\nconst QueryClientProvider = ({\n  client,\n  children,\n  context,\n  contextSharing = false\n}) => {\n  React.useEffect(() => {\n    client.mount();\n    return () => {\n      client.unmount();\n    };\n  }, [client]);\n\n  if (process.env.NODE_ENV !== 'production' && contextSharing) {\n    client.getLogger().error(\"The contextSharing option has been deprecated and will be removed in the next major version\");\n  }\n\n  const Context = getQueryClientContext(context, contextSharing);\n  return /*#__PURE__*/React.createElement(QueryClientSharingContext.Provider, {\n    value: !context && contextSharing\n  }, /*#__PURE__*/React.createElement(Context.Provider, {\n    value: client\n  }, children));\n};\n\nexport { QueryClientProvider, defaultContext, useQueryClient };\n//# sourceMappingURL=QueryClientProvider.mjs.map\n","'use client';\nimport * as React from 'react';\n\nfunction createValue() {\n  let isReset = false;\n  return {\n    clearReset: () => {\n      isReset = false;\n    },\n    reset: () => {\n      isReset = true;\n    },\n    isReset: () => {\n      return isReset;\n    }\n  };\n}\n\nconst QueryErrorResetBoundaryContext = /*#__PURE__*/React.createContext(createValue()); // HOOK\n\nconst useQueryErrorResetBoundary = () => React.useContext(QueryErrorResetBoundaryContext); // COMPONENT\n\nconst QueryErrorResetBoundary = ({\n  children\n}) => {\n  const [value] = React.useState(() => createValue());\n  return /*#__PURE__*/React.createElement(QueryErrorResetBoundaryContext.Provider, {\n    value: value\n  }, typeof children === 'function' ? children(value) : children);\n};\n\nexport { QueryErrorResetBoundary, useQueryErrorResetBoundary };\n//# sourceMappingURL=QueryErrorResetBoundary.mjs.map\n","'use client';\nimport * as React from 'react';\nimport { shouldThrowError } from './utils.mjs';\n\nconst ensurePreventErrorBoundaryRetry = (options, errorResetBoundary) => {\n  if (options.suspense || options.useErrorBoundary) {\n    // Prevent retrying failed query if the error boundary has not been reset yet\n    if (!errorResetBoundary.isReset()) {\n      options.retryOnMount = false;\n    }\n  }\n};\nconst useClearResetErrorBoundary = errorResetBoundary => {\n  React.useEffect(() => {\n    errorResetBoundary.clearReset();\n  }, [errorResetBoundary]);\n};\nconst getHasError = ({\n  result,\n  errorResetBoundary,\n  useErrorBoundary,\n  query\n}) => {\n  return result.isError && !errorResetBoundary.isReset() && !result.isFetching && shouldThrowError(useErrorBoundary, [result.error, query]);\n};\n\nexport { ensurePreventErrorBoundaryRetry, getHasError, useClearResetErrorBoundary };\n//# sourceMappingURL=errorBoundaryUtils.mjs.map\n","'use client';\nimport * as React from 'react';\n\nconst IsRestoringContext = /*#__PURE__*/React.createContext(false);\nconst useIsRestoring = () => React.useContext(IsRestoringContext);\nconst IsRestoringProvider = IsRestoringContext.Provider;\n\nexport { IsRestoringProvider, useIsRestoring };\n//# sourceMappingURL=isRestoring.mjs.map\n","const ensureStaleTime = defaultedOptions => {\n  if (defaultedOptions.suspense) {\n    // Always set stale time when using suspense to prevent\n    // fetching again when directly mounting after suspending\n    if (typeof defaultedOptions.staleTime !== 'number') {\n      defaultedOptions.staleTime = 1000;\n    }\n  }\n};\nconst willFetch = (result, isRestoring) => result.isLoading && result.isFetching && !isRestoring;\nconst shouldSuspend = (defaultedOptions, result, isRestoring) => (defaultedOptions == null ? void 0 : defaultedOptions.suspense) && willFetch(result, isRestoring);\nconst fetchOptimistic = (defaultedOptions, observer, errorResetBoundary) => observer.fetchOptimistic(defaultedOptions).then(({\n  data\n}) => {\n  defaultedOptions.onSuccess == null ? void 0 : defaultedOptions.onSuccess(data);\n  defaultedOptions.onSettled == null ? void 0 : defaultedOptions.onSettled(data, null);\n}).catch(error => {\n  errorResetBoundary.clearReset();\n  defaultedOptions.onError == null ? void 0 : defaultedOptions.onError(error);\n  defaultedOptions.onSettled == null ? void 0 : defaultedOptions.onSettled(undefined, error);\n});\n\nexport { ensureStaleTime, fetchOptimistic, shouldSuspend, willFetch };\n//# sourceMappingURL=suspense.mjs.map\n","'use client';\nimport * as React from 'react';\nimport { notifyManager } from '@tanstack/query-core';\nimport { useSyncExternalStore } from './useSyncExternalStore.mjs';\nimport { useQueryErrorResetBoundary } from './QueryErrorResetBoundary.mjs';\nimport { useQueryClient } from './QueryClientProvider.mjs';\nimport { useIsRestoring } from './isRestoring.mjs';\nimport { ensurePreventErrorBoundaryRetry, useClearResetErrorBoundary, getHasError } from './errorBoundaryUtils.mjs';\nimport { ensureStaleTime, shouldSuspend, fetchOptimistic } from './suspense.mjs';\n\nfunction useBaseQuery(options, Observer) {\n  const queryClient = useQueryClient({\n    context: options.context\n  });\n  const isRestoring = useIsRestoring();\n  const errorResetBoundary = useQueryErrorResetBoundary();\n  const defaultedOptions = queryClient.defaultQueryOptions(options); // Make sure results are optimistically set in fetching state before subscribing or updating options\n\n  defaultedOptions._optimisticResults = isRestoring ? 'isRestoring' : 'optimistic'; // Include callbacks in batch renders\n\n  if (defaultedOptions.onError) {\n    defaultedOptions.onError = notifyManager.batchCalls(defaultedOptions.onError);\n  }\n\n  if (defaultedOptions.onSuccess) {\n    defaultedOptions.onSuccess = notifyManager.batchCalls(defaultedOptions.onSuccess);\n  }\n\n  if (defaultedOptions.onSettled) {\n    defaultedOptions.onSettled = notifyManager.batchCalls(defaultedOptions.onSettled);\n  }\n\n  ensureStaleTime(defaultedOptions);\n  ensurePreventErrorBoundaryRetry(defaultedOptions, errorResetBoundary);\n  useClearResetErrorBoundary(errorResetBoundary);\n  const [observer] = React.useState(() => new Observer(queryClient, defaultedOptions));\n  const result = observer.getOptimisticResult(defaultedOptions);\n  useSyncExternalStore(React.useCallback(onStoreChange => {\n    const unsubscribe = isRestoring ? () => undefined : observer.subscribe(notifyManager.batchCalls(onStoreChange)); // Update result to make sure we did not miss any query updates\n    // between creating the observer and subscribing to it.\n\n    observer.updateResult();\n    return unsubscribe;\n  }, [observer, isRestoring]), () => observer.getCurrentResult(), () => observer.getCurrentResult());\n  React.useEffect(() => {\n    // Do not notify on updates because of changes in the options because\n    // these changes should already be reflected in the optimistic result.\n    observer.setOptions(defaultedOptions, {\n      listeners: false\n    });\n  }, [defaultedOptions, observer]); // Handle suspense\n\n  if (shouldSuspend(defaultedOptions, result, isRestoring)) {\n    throw fetchOptimistic(defaultedOptions, observer, errorResetBoundary);\n  } // Handle error boundary\n\n\n  if (getHasError({\n    result,\n    errorResetBoundary,\n    useErrorBoundary: defaultedOptions.useErrorBoundary,\n    query: observer.getCurrentQuery()\n  })) {\n    throw result.error;\n  } // Handle result property usage tracking\n\n\n  return !defaultedOptions.notifyOnChangeProps ? observer.trackResult(result) : result;\n}\n\nexport { useBaseQuery };\n//# sourceMappingURL=useBaseQuery.mjs.map\n","import { getDefaultState } from './mutation.mjs';\nimport { notifyManager } from './notifyManager.mjs';\nimport { Subscribable } from './subscribable.mjs';\nimport { shallowEqualObjects } from './utils.mjs';\n\n// CLASS\nclass MutationObserver extends Subscribable {\n  constructor(client, options) {\n    super();\n    this.client = client;\n    this.setOptions(options);\n    this.bindMethods();\n    this.updateResult();\n  }\n\n  bindMethods() {\n    this.mutate = this.mutate.bind(this);\n    this.reset = this.reset.bind(this);\n  }\n\n  setOptions(options) {\n    var _this$currentMutation;\n\n    const prevOptions = this.options;\n    this.options = this.client.defaultMutationOptions(options);\n\n    if (!shallowEqualObjects(prevOptions, this.options)) {\n      this.client.getMutationCache().notify({\n        type: 'observerOptionsUpdated',\n        mutation: this.currentMutation,\n        observer: this\n      });\n    }\n\n    (_this$currentMutation = this.currentMutation) == null ? void 0 : _this$currentMutation.setOptions(this.options);\n  }\n\n  onUnsubscribe() {\n    if (!this.hasListeners()) {\n      var _this$currentMutation2;\n\n      (_this$currentMutation2 = this.currentMutation) == null ? void 0 : _this$currentMutation2.removeObserver(this);\n    }\n  }\n\n  onMutationUpdate(action) {\n    this.updateResult(); // Determine which callbacks to trigger\n\n    const notifyOptions = {\n      listeners: true\n    };\n\n    if (action.type === 'success') {\n      notifyOptions.onSuccess = true;\n    } else if (action.type === 'error') {\n      notifyOptions.onError = true;\n    }\n\n    this.notify(notifyOptions);\n  }\n\n  getCurrentResult() {\n    return this.currentResult;\n  }\n\n  reset() {\n    this.currentMutation = undefined;\n    this.updateResult();\n    this.notify({\n      listeners: true\n    });\n  }\n\n  mutate(variables, options) {\n    this.mutateOptions = options;\n\n    if (this.currentMutation) {\n      this.currentMutation.removeObserver(this);\n    }\n\n    this.currentMutation = this.client.getMutationCache().build(this.client, { ...this.options,\n      variables: typeof variables !== 'undefined' ? variables : this.options.variables\n    });\n    this.currentMutation.addObserver(this);\n    return this.currentMutation.execute();\n  }\n\n  updateResult() {\n    const state = this.currentMutation ? this.currentMutation.state : getDefaultState();\n    const result = { ...state,\n      isLoading: state.status === 'loading',\n      isSuccess: state.status === 'success',\n      isError: state.status === 'error',\n      isIdle: state.status === 'idle',\n      mutate: this.mutate,\n      reset: this.reset\n    };\n    this.currentResult = result;\n  }\n\n  notify(options) {\n    notifyManager.batch(() => {\n      // First trigger the mutate callbacks\n      if (this.mutateOptions && this.hasListeners()) {\n        if (options.onSuccess) {\n          var _this$mutateOptions$o, _this$mutateOptions, _this$mutateOptions$o2, _this$mutateOptions2;\n\n          (_this$mutateOptions$o = (_this$mutateOptions = this.mutateOptions).onSuccess) == null ? void 0 : _this$mutateOptions$o.call(_this$mutateOptions, this.currentResult.data, this.currentResult.variables, this.currentResult.context);\n          (_this$mutateOptions$o2 = (_this$mutateOptions2 = this.mutateOptions).onSettled) == null ? void 0 : _this$mutateOptions$o2.call(_this$mutateOptions2, this.currentResult.data, null, this.currentResult.variables, this.currentResult.context);\n        } else if (options.onError) {\n          var _this$mutateOptions$o3, _this$mutateOptions3, _this$mutateOptions$o4, _this$mutateOptions4;\n\n          (_this$mutateOptions$o3 = (_this$mutateOptions3 = this.mutateOptions).onError) == null ? void 0 : _this$mutateOptions$o3.call(_this$mutateOptions3, this.currentResult.error, this.currentResult.variables, this.currentResult.context);\n          (_this$mutateOptions$o4 = (_this$mutateOptions4 = this.mutateOptions).onSettled) == null ? void 0 : _this$mutateOptions$o4.call(_this$mutateOptions4, undefined, this.currentResult.error, this.currentResult.variables, this.currentResult.context);\n        }\n      } // Then trigger the listeners\n\n\n      if (options.listeners) {\n        this.listeners.forEach(({\n          listener\n        }) => {\n          listener(this.currentResult);\n        });\n      }\n    });\n  }\n\n}\n\nexport { MutationObserver };\n//# sourceMappingURL=mutationObserver.mjs.map\n","'use client';\nimport * as React from 'react';\nimport { parseMutationArgs, MutationObserver, notifyManager } from '@tanstack/query-core';\nimport { useSyncExternalStore } from './useSyncExternalStore.mjs';\nimport { useQueryClient } from './QueryClientProvider.mjs';\nimport { shouldThrowError } from './utils.mjs';\n\nfunction useMutation(arg1, arg2, arg3) {\n  const options = parseMutationArgs(arg1, arg2, arg3);\n  const queryClient = useQueryClient({\n    context: options.context\n  });\n  const [observer] = React.useState(() => new MutationObserver(queryClient, options));\n  React.useEffect(() => {\n    observer.setOptions(options);\n  }, [observer, options]);\n  const result = useSyncExternalStore(React.useCallback(onStoreChange => observer.subscribe(notifyManager.batchCalls(onStoreChange)), [observer]), () => observer.getCurrentResult(), () => observer.getCurrentResult());\n  const mutate = React.useCallback((variables, mutateOptions) => {\n    observer.mutate(variables, mutateOptions).catch(noop);\n  }, [observer]);\n\n  if (result.error && shouldThrowError(observer.options.useErrorBoundary, [result.error])) {\n    throw result.error;\n  }\n\n  return { ...result,\n    mutate,\n    mutateAsync: result.mutate\n  };\n} // eslint-disable-next-line @typescript-eslint/no-empty-function\n\nfunction noop() {}\n\nexport { useMutation };\n//# sourceMappingURL=useMutation.mjs.map\n","'use client';\nimport { parseQueryArgs, QueryObserver } from '@tanstack/query-core';\nimport { useBaseQuery } from './useBaseQuery.mjs';\n\nfunction useQuery(arg1, arg2, arg3) {\n  const parsedOptions = parseQueryArgs(arg1, arg2, arg3);\n  return useBaseQuery(parsedOptions, QueryObserver);\n}\n\nexport { useQuery };\n//# sourceMappingURL=useQuery.mjs.map\n","'use client';\nimport { useSyncExternalStore as useSyncExternalStore$1 } from 'use-sync-external-store/shim/index.js';\n\nconst useSyncExternalStore = useSyncExternalStore$1;\n\nexport { useSyncExternalStore };\n//# sourceMappingURL=useSyncExternalStore.mjs.map\n","function shouldThrowError(_useErrorBoundary, params) {\n  // Allow useErrorBoundary function to override throwing behavior on a per-error basis\n  if (typeof _useErrorBoundary === 'function') {\n    return _useErrorBoundary(...params);\n  }\n\n  return !!_useErrorBoundary;\n}\n\nexport { shouldThrowError };\n//# sourceMappingURL=utils.mjs.map\n","import axios from './lib/axios.js';\n\n// This module is intended to unwrap Axios default export as named.\n// Keep top-level export same with static properties\n// so that it can keep same with es module or cjs\nconst {\n  Axios,\n  AxiosError,\n  CanceledError,\n  isCancel,\n  CancelToken,\n  VERSION,\n  all,\n  Cancel,\n  isAxiosError,\n  spread,\n  toFormData,\n  AxiosHeaders,\n  formToJSON,\n  mergeConfig\n} = axios;\n\nexport {\n  axios as default,\n  Axios,\n  AxiosError,\n  CanceledError,\n  isCancel,\n  CancelToken,\n  VERSION,\n  all,\n  Cancel,\n  isAxiosError,\n  spread,\n  toFormData,\n  AxiosHeaders,\n  formToJSON,\n  mergeConfig\n}\n","'use strict';\n\nexport default function bind(fn, thisArg) {\n  return function wrap() {\n    return fn.apply(thisArg, arguments);\n  };\n}\n","'use strict';\n\nimport bind from './helpers/bind.js';\n\n// utils is a library of generic helper functions non-specific to axios\n\nconst {toString} = Object.prototype;\nconst {getPrototypeOf} = Object;\n\nconst kindOf = (cache => thing => {\n    const str = toString.call(thing);\n    return cache[str] || (cache[str] = str.slice(8, -1).toLowerCase());\n})(Object.create(null));\n\nconst kindOfTest = (type) => {\n  type = type.toLowerCase();\n  return (thing) => kindOf(thing) === type\n}\n\nconst typeOfTest = type => thing => typeof thing === type;\n\n/**\n * Determine if a value is an Array\n *\n * @param {Object} val The value to test\n *\n * @returns {boolean} True if value is an Array, otherwise false\n */\nconst {isArray} = Array;\n\n/**\n * Determine if a value is undefined\n *\n * @param {*} val The value to test\n *\n * @returns {boolean} True if the value is undefined, otherwise false\n */\nconst isUndefined = typeOfTest('undefined');\n\n/**\n * Determine if a value is a Buffer\n *\n * @param {*} val The value to test\n *\n * @returns {boolean} True if value is a Buffer, otherwise false\n */\nfunction isBuffer(val) {\n  return val !== null && !isUndefined(val) && val.constructor !== null && !isUndefined(val.constructor)\n    && isFunction(val.constructor.isBuffer) && val.constructor.isBuffer(val);\n}\n\n/**\n * Determine if a value is an ArrayBuffer\n *\n * @param {*} val The value to test\n *\n * @returns {boolean} True if value is an ArrayBuffer, otherwise false\n */\nconst isArrayBuffer = kindOfTest('ArrayBuffer');\n\n\n/**\n * Determine if a value is a view on an ArrayBuffer\n *\n * @param {*} val The value to test\n *\n * @returns {boolean} True if value is a view on an ArrayBuffer, otherwise false\n */\nfunction isArrayBufferView(val) {\n  let result;\n  if ((typeof ArrayBuffer !== 'undefined') && (ArrayBuffer.isView)) {\n    result = ArrayBuffer.isView(val);\n  } else {\n    result = (val) && (val.buffer) && (isArrayBuffer(val.buffer));\n  }\n  return result;\n}\n\n/**\n * Determine if a value is a String\n *\n * @param {*} val The value to test\n *\n * @returns {boolean} True if value is a String, otherwise false\n */\nconst isString = typeOfTest('string');\n\n/**\n * Determine if a value is a Function\n *\n * @param {*} val The value to test\n * @returns {boolean} True if value is a Function, otherwise false\n */\nconst isFunction = typeOfTest('function');\n\n/**\n * Determine if a value is a Number\n *\n * @param {*} val The value to test\n *\n * @returns {boolean} True if value is a Number, otherwise false\n */\nconst isNumber = typeOfTest('number');\n\n/**\n * Determine if a value is an Object\n *\n * @param {*} thing The value to test\n *\n * @returns {boolean} True if value is an Object, otherwise false\n */\nconst isObject = (thing) => thing !== null && typeof thing === 'object';\n\n/**\n * Determine if a value is a Boolean\n *\n * @param {*} thing The value to test\n * @returns {boolean} True if value is a Boolean, otherwise false\n */\nconst isBoolean = thing => thing === true || thing === false;\n\n/**\n * Determine if a value is a plain Object\n *\n * @param {*} val The value to test\n *\n * @returns {boolean} True if value is a plain Object, otherwise false\n */\nconst isPlainObject = (val) => {\n  if (kindOf(val) !== 'object') {\n    return false;\n  }\n\n  const prototype = getPrototypeOf(val);\n  return (prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null) && !(Symbol.toStringTag in val) && !(Symbol.iterator in val);\n}\n\n/**\n * Determine if a value is a Date\n *\n * @param {*} val The value to test\n *\n * @returns {boolean} True if value is a Date, otherwise false\n */\nconst isDate = kindOfTest('Date');\n\n/**\n * Determine if a value is a File\n *\n * @param {*} val The value to test\n *\n * @returns {boolean} True if value is a File, otherwise false\n */\nconst isFile = kindOfTest('File');\n\n/**\n * Determine if a value is a Blob\n *\n * @param {*} val The value to test\n *\n * @returns {boolean} True if value is a Blob, otherwise false\n */\nconst isBlob = kindOfTest('Blob');\n\n/**\n * Determine if a value is a FileList\n *\n * @param {*} val The value to test\n *\n * @returns {boolean} True if value is a File, otherwise false\n */\nconst isFileList = kindOfTest('FileList');\n\n/**\n * Determine if a value is a Stream\n *\n * @param {*} val The value to test\n *\n * @returns {boolean} True if value is a Stream, otherwise false\n */\nconst isStream = (val) => isObject(val) && isFunction(val.pipe);\n\n/**\n * Determine if a value is a FormData\n *\n * @param {*} thing The value to test\n *\n * @returns {boolean} True if value is an FormData, otherwise false\n */\nconst isFormData = (thing) => {\n  const pattern = '[object FormData]';\n  return thing && (\n    (typeof FormData === 'function' && thing instanceof FormData) ||\n    toString.call(thing) === pattern ||\n    (isFunction(thing.toString) && thing.toString() === pattern)\n  );\n}\n\n/**\n * Determine if a value is a URLSearchParams object\n *\n * @param {*} val The value to test\n *\n * @returns {boolean} True if value is a URLSearchParams object, otherwise false\n */\nconst isURLSearchParams = kindOfTest('URLSearchParams');\n\n/**\n * Trim excess whitespace off the beginning and end of a string\n *\n * @param {String} str The String to trim\n *\n * @returns {String} The String freed of excess whitespace\n */\nconst trim = (str) => str.trim ?\n  str.trim() : str.replace(/^[\\s\\uFEFF\\xA0]+|[\\s\\uFEFF\\xA0]+$/g, '');\n\n/**\n * Iterate over an Array or an Object invoking a function for each item.\n *\n * If `obj` is an Array callback will be called passing\n * the value, index, and complete array for each item.\n *\n * If 'obj' is an Object callback will be called passing\n * the value, key, and complete object for each property.\n *\n * @param {Object|Array} obj The object to iterate\n * @param {Function} fn The callback to invoke for each item\n *\n * @param {Boolean} [allOwnKeys = false]\n * @returns {any}\n */\nfunction forEach(obj, fn, {allOwnKeys = false} = {}) {\n  // Don't bother if no value provided\n  if (obj === null || typeof obj === 'undefined') {\n    return;\n  }\n\n  let i;\n  let l;\n\n  // Force an array if not already something iterable\n  if (typeof obj !== 'object') {\n    /*eslint no-param-reassign:0*/\n    obj = [obj];\n  }\n\n  if (isArray(obj)) {\n    // Iterate over array values\n    for (i = 0, l = obj.length; i < l; i++) {\n      fn.call(null, obj[i], i, obj);\n    }\n  } else {\n    // Iterate over object keys\n    const keys = allOwnKeys ? Object.getOwnPropertyNames(obj) : Object.keys(obj);\n    const len = keys.length;\n    let key;\n\n    for (i = 0; i < len; i++) {\n      key = keys[i];\n      fn.call(null, obj[key], key, obj);\n    }\n  }\n}\n\nfunction findKey(obj, key) {\n  key = key.toLowerCase();\n  const keys = Object.keys(obj);\n  let i = keys.length;\n  let _key;\n  while (i-- > 0) {\n    _key = keys[i];\n    if (key === _key.toLowerCase()) {\n      return _key;\n    }\n  }\n  return null;\n}\n\nconst _global = typeof self === \"undefined\" ? typeof global === \"undefined\" ? this : global : self;\n\nconst isContextDefined = (context) => !isUndefined(context) && context !== _global;\n\n/**\n * Accepts varargs expecting each argument to be an object, then\n * immutably merges the properties of each object and returns result.\n *\n * When multiple objects contain the same key the later object in\n * the arguments list will take precedence.\n *\n * Example:\n *\n * ```js\n * var result = merge({foo: 123}, {foo: 456});\n * console.log(result.foo); // outputs 456\n * ```\n *\n * @param {Object} obj1 Object to merge\n *\n * @returns {Object} Result of all merge properties\n */\nfunction merge(/* obj1, obj2, obj3, ... */) {\n  const {caseless} = isContextDefined(this) && this || {};\n  const result = {};\n  const assignValue = (val, key) => {\n    const targetKey = caseless && findKey(result, key) || key;\n    if (isPlainObject(result[targetKey]) && isPlainObject(val)) {\n      result[targetKey] = merge(result[targetKey], val);\n    } else if (isPlainObject(val)) {\n      result[targetKey] = merge({}, val);\n    } else if (isArray(val)) {\n      result[targetKey] = val.slice();\n    } else {\n      result[targetKey] = val;\n    }\n  }\n\n  for (let i = 0, l = arguments.length; i < l; i++) {\n    arguments[i] && forEach(arguments[i], assignValue);\n  }\n  return result;\n}\n\n/**\n * Extends object a by mutably adding to it the properties of object b.\n *\n * @param {Object} a The object to be extended\n * @param {Object} b The object to copy properties from\n * @param {Object} thisArg The object to bind function to\n *\n * @param {Boolean} [allOwnKeys]\n * @returns {Object} The resulting value of object a\n */\nconst extend = (a, b, thisArg, {allOwnKeys}= {}) => {\n  forEach(b, (val, key) => {\n    if (thisArg && isFunction(val)) {\n      a[key] = bind(val, thisArg);\n    } else {\n      a[key] = val;\n    }\n  }, {allOwnKeys});\n  return a;\n}\n\n/**\n * Remove byte order marker. This catches EF BB BF (the UTF-8 BOM)\n *\n * @param {string} content with BOM\n *\n * @returns {string} content value without BOM\n */\nconst stripBOM = (content) => {\n  if (content.charCodeAt(0) === 0xFEFF) {\n    content = content.slice(1);\n  }\n  return content;\n}\n\n/**\n * Inherit the prototype methods from one constructor into another\n * @param {function} constructor\n * @param {function} superConstructor\n * @param {object} [props]\n * @param {object} [descriptors]\n *\n * @returns {void}\n */\nconst inherits = (constructor, superConstructor, props, descriptors) => {\n  constructor.prototype = Object.create(superConstructor.prototype, descriptors);\n  constructor.prototype.constructor = constructor;\n  Object.defineProperty(constructor, 'super', {\n    value: superConstructor.prototype\n  });\n  props && Object.assign(constructor.prototype, props);\n}\n\n/**\n * Resolve object with deep prototype chain to a flat object\n * @param {Object} sourceObj source object\n * @param {Object} [destObj]\n * @param {Function|Boolean} [filter]\n * @param {Function} [propFilter]\n *\n * @returns {Object}\n */\nconst toFlatObject = (sourceObj, destObj, filter, propFilter) => {\n  let props;\n  let i;\n  let prop;\n  const merged = {};\n\n  destObj = destObj || {};\n  // eslint-disable-next-line no-eq-null,eqeqeq\n  if (sourceObj == null) return destObj;\n\n  do {\n    props = Object.getOwnPropertyNames(sourceObj);\n    i = props.length;\n    while (i-- > 0) {\n      prop = props[i];\n      if ((!propFilter || propFilter(prop, sourceObj, destObj)) && !merged[prop]) {\n        destObj[prop] = sourceObj[prop];\n        merged[prop] = true;\n      }\n    }\n    sourceObj = filter !== false && getPrototypeOf(sourceObj);\n  } while (sourceObj && (!filter || filter(sourceObj, destObj)) && sourceObj !== Object.prototype);\n\n  return destObj;\n}\n\n/**\n * Determines whether a string ends with the characters of a specified string\n *\n * @param {String} str\n * @param {String} searchString\n * @param {Number} [position= 0]\n *\n * @returns {boolean}\n */\nconst endsWith = (str, searchString, position) => {\n  str = String(str);\n  if (position === undefined || position > str.length) {\n    position = str.length;\n  }\n  position -= searchString.length;\n  const lastIndex = str.indexOf(searchString, position);\n  return lastIndex !== -1 && lastIndex === position;\n}\n\n\n/**\n * Returns new array from array like object or null if failed\n *\n * @param {*} [thing]\n *\n * @returns {?Array}\n */\nconst toArray = (thing) => {\n  if (!thing) return null;\n  if (isArray(thing)) return thing;\n  let i = thing.length;\n  if (!isNumber(i)) return null;\n  const arr = new Array(i);\n  while (i-- > 0) {\n    arr[i] = thing[i];\n  }\n  return arr;\n}\n\n/**\n * Checking if the Uint8Array exists and if it does, it returns a function that checks if the\n * thing passed in is an instance of Uint8Array\n *\n * @param {TypedArray}\n *\n * @returns {Array}\n */\n// eslint-disable-next-line func-names\nconst isTypedArray = (TypedArray => {\n  // eslint-disable-next-line func-names\n  return thing => {\n    return TypedArray && thing instanceof TypedArray;\n  };\n})(typeof Uint8Array !== 'undefined' && getPrototypeOf(Uint8Array));\n\n/**\n * For each entry in the object, call the function with the key and value.\n *\n * @param {Object<any, any>} obj - The object to iterate over.\n * @param {Function} fn - The function to call for each entry.\n *\n * @returns {void}\n */\nconst forEachEntry = (obj, fn) => {\n  const generator = obj && obj[Symbol.iterator];\n\n  const iterator = generator.call(obj);\n\n  let result;\n\n  while ((result = iterator.next()) && !result.done) {\n    const pair = result.value;\n    fn.call(obj, pair[0], pair[1]);\n  }\n}\n\n/**\n * It takes a regular expression and a string, and returns an array of all the matches\n *\n * @param {string} regExp - The regular expression to match against.\n * @param {string} str - The string to search.\n *\n * @returns {Array<boolean>}\n */\nconst matchAll = (regExp, str) => {\n  let matches;\n  const arr = [];\n\n  while ((matches = regExp.exec(str)) !== null) {\n    arr.push(matches);\n  }\n\n  return arr;\n}\n\n/* Checking if the kindOfTest function returns true when passed an HTMLFormElement. */\nconst isHTMLForm = kindOfTest('HTMLFormElement');\n\nconst toCamelCase = str => {\n  return str.toLowerCase().replace(/[_-\\s]([a-z\\d])(\\w*)/g,\n    function replacer(m, p1, p2) {\n      return p1.toUpperCase() + p2;\n    }\n  );\n};\n\n/* Creating a function that will check if an object has a property. */\nconst hasOwnProperty = (({hasOwnProperty}) => (obj, prop) => hasOwnProperty.call(obj, prop))(Object.prototype);\n\n/**\n * Determine if a value is a RegExp object\n *\n * @param {*} val The value to test\n *\n * @returns {boolean} True if value is a RegExp object, otherwise false\n */\nconst isRegExp = kindOfTest('RegExp');\n\nconst reduceDescriptors = (obj, reducer) => {\n  const descriptors = Object.getOwnPropertyDescriptors(obj);\n  const reducedDescriptors = {};\n\n  forEach(descriptors, (descriptor, name) => {\n    if (reducer(descriptor, name, obj) !== false) {\n      reducedDescriptors[name] = descriptor;\n    }\n  });\n\n  Object.defineProperties(obj, reducedDescriptors);\n}\n\n/**\n * Makes all methods read-only\n * @param {Object} obj\n */\n\nconst freezeMethods = (obj) => {\n  reduceDescriptors(obj, (descriptor, name) => {\n    // skip restricted props in strict mode\n    if (isFunction(obj) && ['arguments', 'caller', 'callee'].indexOf(name) !== -1) {\n      return false;\n    }\n\n    const value = obj[name];\n\n    if (!isFunction(value)) return;\n\n    descriptor.enumerable = false;\n\n    if ('writable' in descriptor) {\n      descriptor.writable = false;\n      return;\n    }\n\n    if (!descriptor.set) {\n      descriptor.set = () => {\n        throw Error('Can not rewrite read-only method \\'' + name + '\\'');\n      };\n    }\n  });\n}\n\nconst toObjectSet = (arrayOrString, delimiter) => {\n  const obj = {};\n\n  const define = (arr) => {\n    arr.forEach(value => {\n      obj[value] = true;\n    });\n  }\n\n  isArray(arrayOrString) ? define(arrayOrString) : define(String(arrayOrString).split(delimiter));\n\n  return obj;\n}\n\nconst noop = () => {}\n\nconst toFiniteNumber = (value, defaultValue) => {\n  value = +value;\n  return Number.isFinite(value) ? value : defaultValue;\n}\n\nconst toJSONObject = (obj) => {\n  const stack = new Array(10);\n\n  const visit = (source, i) => {\n\n    if (isObject(source)) {\n      if (stack.indexOf(source) >= 0) {\n        return;\n      }\n\n      if(!('toJSON' in source)) {\n        stack[i] = source;\n        const target = isArray(source) ? [] : {};\n\n        forEach(source, (value, key) => {\n          const reducedValue = visit(value, i + 1);\n          !isUndefined(reducedValue) && (target[key] = reducedValue);\n        });\n\n        stack[i] = undefined;\n\n        return target;\n      }\n    }\n\n    return source;\n  }\n\n  return visit(obj, 0);\n}\n\nexport default {\n  isArray,\n  isArrayBuffer,\n  isBuffer,\n  isFormData,\n  isArrayBufferView,\n  isString,\n  isNumber,\n  isBoolean,\n  isObject,\n  isPlainObject,\n  isUndefined,\n  isDate,\n  isFile,\n  isBlob,\n  isRegExp,\n  isFunction,\n  isStream,\n  isURLSearchParams,\n  isTypedArray,\n  isFileList,\n  forEach,\n  merge,\n  extend,\n  trim,\n  stripBOM,\n  inherits,\n  toFlatObject,\n  kindOf,\n  kindOfTest,\n  endsWith,\n  toArray,\n  forEachEntry,\n  matchAll,\n  isHTMLForm,\n  hasOwnProperty,\n  hasOwnProp: hasOwnProperty, // an alias to avoid ESLint no-prototype-builtins detection\n  reduceDescriptors,\n  freezeMethods,\n  toObjectSet,\n  toCamelCase,\n  noop,\n  toFiniteNumber,\n  findKey,\n  global: _global,\n  isContextDefined,\n  toJSONObject\n};\n","'use strict';\n\nimport utils from '../utils.js';\n\n/**\n * Create an Error with the specified message, config, error code, request and response.\n *\n * @param {string} message The error message.\n * @param {string} [code] The error code (for example, 'ECONNABORTED').\n * @param {Object} [config] The config.\n * @param {Object} [request] The request.\n * @param {Object} [response] The response.\n *\n * @returns {Error} The created error.\n */\nfunction AxiosError(message, code, config, request, response) {\n  Error.call(this);\n\n  if (Error.captureStackTrace) {\n    Error.captureStackTrace(this, this.constructor);\n  } else {\n    this.stack = (new Error()).stack;\n  }\n\n  this.message = message;\n  this.name = 'AxiosError';\n  code && (this.code = code);\n  config && (this.config = config);\n  request && (this.request = request);\n  response && (this.response = response);\n}\n\nutils.inherits(AxiosError, Error, {\n  toJSON: function toJSON() {\n    return {\n      // Standard\n      message: this.message,\n      name: this.name,\n      // Microsoft\n      description: this.description,\n      number: this.number,\n      // Mozilla\n      fileName: this.fileName,\n      lineNumber: this.lineNumber,\n      columnNumber: this.columnNumber,\n      stack: this.stack,\n      // Axios\n      config: utils.toJSONObject(this.config),\n      code: this.code,\n      status: this.response && this.response.status ? this.response.status : null\n    };\n  }\n});\n\nconst prototype = AxiosError.prototype;\nconst descriptors = {};\n\n[\n  'ERR_BAD_OPTION_VALUE',\n  'ERR_BAD_OPTION',\n  'ECONNABORTED',\n  'ETIMEDOUT',\n  'ERR_NETWORK',\n  'ERR_FR_TOO_MANY_REDIRECTS',\n  'ERR_DEPRECATED',\n  'ERR_BAD_RESPONSE',\n  'ERR_BAD_REQUEST',\n  'ERR_CANCELED',\n  'ERR_NOT_SUPPORT',\n  'ERR_INVALID_URL'\n// eslint-disable-next-line func-names\n].forEach(code => {\n  descriptors[code] = {value: code};\n});\n\nObject.defineProperties(AxiosError, descriptors);\nObject.defineProperty(prototype, 'isAxiosError', {value: true});\n\n// eslint-disable-next-line func-names\nAxiosError.from = (error, code, config, request, response, customProps) => {\n  const axiosError = Object.create(prototype);\n\n  utils.toFlatObject(error, axiosError, function filter(obj) {\n    return obj !== Error.prototype;\n  }, prop => {\n    return prop !== 'isAxiosError';\n  });\n\n  AxiosError.call(axiosError, error.message, code, config, request, response);\n\n  axiosError.cause = error;\n\n  axiosError.name = error.name;\n\n  customProps && Object.assign(axiosError, customProps);\n\n  return axiosError;\n};\n\nexport default AxiosError;\n","import FormData from 'form-data';\nexport default FormData;\n","'use strict';\n\nimport utils from '../utils.js';\nimport AxiosError from '../core/AxiosError.js';\nimport envFormData from '../env/classes/FormData.js';\n\n/**\n * Determines if the given thing is a array or js object.\n *\n * @param {string} thing - The object or array to be visited.\n *\n * @returns {boolean}\n */\nfunction isVisitable(thing) {\n  return utils.isPlainObject(thing) || utils.isArray(thing);\n}\n\n/**\n * It removes the brackets from the end of a string\n *\n * @param {string} key - The key of the parameter.\n *\n * @returns {string} the key without the brackets.\n */\nfunction removeBrackets(key) {\n  return utils.endsWith(key, '[]') ? key.slice(0, -2) : key;\n}\n\n/**\n * It takes a path, a key, and a boolean, and returns a string\n *\n * @param {string} path - The path to the current key.\n * @param {string} key - The key of the current object being iterated over.\n * @param {string} dots - If true, the key will be rendered with dots instead of brackets.\n *\n * @returns {string} The path to the current key.\n */\nfunction renderKey(path, key, dots) {\n  if (!path) return key;\n  return path.concat(key).map(function each(token, i) {\n    // eslint-disable-next-line no-param-reassign\n    token = removeBrackets(token);\n    return !dots && i ? '[' + token + ']' : token;\n  }).join(dots ? '.' : '');\n}\n\n/**\n * If the array is an array and none of its elements are visitable, then it's a flat array.\n *\n * @param {Array<any>} arr - The array to check\n *\n * @returns {boolean}\n */\nfunction isFlatArray(arr) {\n  return utils.isArray(arr) && !arr.some(isVisitable);\n}\n\nconst predicates = utils.toFlatObject(utils, {}, null, function filter(prop) {\n  return /^is[A-Z]/.test(prop);\n});\n\n/**\n * If the thing is a FormData object, return true, otherwise return false.\n *\n * @param {unknown} thing - The thing to check.\n *\n * @returns {boolean}\n */\nfunction isSpecCompliant(thing) {\n  return thing && utils.isFunction(thing.append) && thing[Symbol.toStringTag] === 'FormData' && thing[Symbol.iterator];\n}\n\n/**\n * Convert a data object to FormData\n *\n * @param {Object} obj\n * @param {?Object} [formData]\n * @param {?Object} [options]\n * @param {Function} [options.visitor]\n * @param {Boolean} [options.metaTokens = true]\n * @param {Boolean} [options.dots = false]\n * @param {?Boolean} [options.indexes = false]\n *\n * @returns {Object}\n **/\n\n/**\n * It converts an object into a FormData object\n *\n * @param {Object<any, any>} obj - The object to convert to form data.\n * @param {string} formData - The FormData object to append to.\n * @param {Object<string, any>} options\n *\n * @returns\n */\nfunction toFormData(obj, formData, options) {\n  if (!utils.isObject(obj)) {\n    throw new TypeError('target must be an object');\n  }\n\n  // eslint-disable-next-line no-param-reassign\n  formData = formData || new (envFormData || FormData)();\n\n  // eslint-disable-next-line no-param-reassign\n  options = utils.toFlatObject(options, {\n    metaTokens: true,\n    dots: false,\n    indexes: false\n  }, false, function defined(option, source) {\n    // eslint-disable-next-line no-eq-null,eqeqeq\n    return !utils.isUndefined(source[option]);\n  });\n\n  const metaTokens = options.metaTokens;\n  // eslint-disable-next-line no-use-before-define\n  const visitor = options.visitor || defaultVisitor;\n  const dots = options.dots;\n  const indexes = options.indexes;\n  const _Blob = options.Blob || typeof Blob !== 'undefined' && Blob;\n  const useBlob = _Blob && isSpecCompliant(formData);\n\n  if (!utils.isFunction(visitor)) {\n    throw new TypeError('visitor must be a function');\n  }\n\n  function convertValue(value) {\n    if (value === null) return '';\n\n    if (utils.isDate(value)) {\n      return value.toISOString();\n    }\n\n    if (!useBlob && utils.isBlob(value)) {\n      throw new AxiosError('Blob is not supported. Use a Buffer instead.');\n    }\n\n    if (utils.isArrayBuffer(value) || utils.isTypedArray(value)) {\n      return useBlob && typeof Blob === 'function' ? new Blob([value]) : Buffer.from(value);\n    }\n\n    return value;\n  }\n\n  /**\n   * Default visitor.\n   *\n   * @param {*} value\n   * @param {String|Number} key\n   * @param {Array<String|Number>} path\n   * @this {FormData}\n   *\n   * @returns {boolean} return true to visit the each prop of the value recursively\n   */\n  function defaultVisitor(value, key, path) {\n    let arr = value;\n\n    if (value && !path && typeof value === 'object') {\n      if (utils.endsWith(key, '{}')) {\n        // eslint-disable-next-line no-param-reassign\n        key = metaTokens ? key : key.slice(0, -2);\n        // eslint-disable-next-line no-param-reassign\n        value = JSON.stringify(value);\n      } else if (\n        (utils.isArray(value) && isFlatArray(value)) ||\n        (utils.isFileList(value) || utils.endsWith(key, '[]') && (arr = utils.toArray(value))\n        )) {\n        // eslint-disable-next-line no-param-reassign\n        key = removeBrackets(key);\n\n        arr.forEach(function each(el, index) {\n          !(utils.isUndefined(el) || el === null) && formData.append(\n            // eslint-disable-next-line no-nested-ternary\n            indexes === true ? renderKey([key], index, dots) : (indexes === null ? key : key + '[]'),\n            convertValue(el)\n          );\n        });\n        return false;\n      }\n    }\n\n    if (isVisitable(value)) {\n      return true;\n    }\n\n    formData.append(renderKey(path, key, dots), convertValue(value));\n\n    return false;\n  }\n\n  const stack = [];\n\n  const exposedHelpers = Object.assign(predicates, {\n    defaultVisitor,\n    convertValue,\n    isVisitable\n  });\n\n  function build(value, path) {\n    if (utils.isUndefined(value)) return;\n\n    if (stack.indexOf(value) !== -1) {\n      throw Error('Circular reference detected in ' + path.join('.'));\n    }\n\n    stack.push(value);\n\n    utils.forEach(value, function each(el, key) {\n      const result = !(utils.isUndefined(el) || el === null) && visitor.call(\n        formData, el, utils.isString(key) ? key.trim() : key, path, exposedHelpers\n      );\n\n      if (result === true) {\n        build(el, path ? path.concat(key) : [key]);\n      }\n    });\n\n    stack.pop();\n  }\n\n  if (!utils.isObject(obj)) {\n    throw new TypeError('data must be an object');\n  }\n\n  build(obj);\n\n  return formData;\n}\n\nexport default toFormData;\n","'use strict';\n\nimport toFormData from './toFormData.js';\n\n/**\n * It encodes a string by replacing all characters that are not in the unreserved set with\n * their percent-encoded equivalents\n *\n * @param {string} str - The string to encode.\n *\n * @returns {string} The encoded string.\n */\nfunction encode(str) {\n  const charMap = {\n    '!': '%21',\n    \"'\": '%27',\n    '(': '%28',\n    ')': '%29',\n    '~': '%7E',\n    '%20': '+',\n    '%00': '\\x00'\n  };\n  return encodeURIComponent(str).replace(/[!'()~]|%20|%00/g, function replacer(match) {\n    return charMap[match];\n  });\n}\n\n/**\n * It takes a params object and converts it to a FormData object\n *\n * @param {Object<string, any>} params - The parameters to be converted to a FormData object.\n * @param {Object<string, any>} options - The options object passed to the Axios constructor.\n *\n * @returns {void}\n */\nfunction AxiosURLSearchParams(params, options) {\n  this._pairs = [];\n\n  params && toFormData(params, this, options);\n}\n\nconst prototype = AxiosURLSearchParams.prototype;\n\nprototype.append = function append(name, value) {\n  this._pairs.push([name, value]);\n};\n\nprototype.toString = function toString(encoder) {\n  const _encode = encoder ? function(value) {\n    return encoder.call(this, value, encode);\n  } : encode;\n\n  return this._pairs.map(function each(pair) {\n    return _encode(pair[0]) + '=' + _encode(pair[1]);\n  }, '').join('&');\n};\n\nexport default AxiosURLSearchParams;\n","'use strict';\n\nimport utils from '../utils.js';\nimport AxiosURLSearchParams from '../helpers/AxiosURLSearchParams.js';\n\n/**\n * It replaces all instances of the characters `:`, `$`, `,`, `+`, `[`, and `]` with their\n * URI encoded counterparts\n *\n * @param {string} val The value to be encoded.\n *\n * @returns {string} The encoded value.\n */\nfunction encode(val) {\n  return encodeURIComponent(val).\n    replace(/%3A/gi, ':').\n    replace(/%24/g, '$').\n    replace(/%2C/gi, ',').\n    replace(/%20/g, '+').\n    replace(/%5B/gi, '[').\n    replace(/%5D/gi, ']');\n}\n\n/**\n * Build a URL by appending params to the end\n *\n * @param {string} url The base of the url (e.g., http://www.google.com)\n * @param {object} [params] The params to be appended\n * @param {?object} options\n *\n * @returns {string} The formatted url\n */\nexport default function buildURL(url, params, options) {\n  /*eslint no-param-reassign:0*/\n  if (!params) {\n    return url;\n  }\n  \n  const _encode = options && options.encode || encode;\n\n  const serializeFn = options && options.serialize;\n\n  let serializedParams;\n\n  if (serializeFn) {\n    serializedParams = serializeFn(params, options);\n  } else {\n    serializedParams = utils.isURLSearchParams(params) ?\n      params.toString() :\n      new AxiosURLSearchParams(params, options).toString(_encode);\n  }\n\n  if (serializedParams) {\n    const hashmarkIndex = url.indexOf(\"#\");\n\n    if (hashmarkIndex !== -1) {\n      url = url.slice(0, hashmarkIndex);\n    }\n    url += (url.indexOf('?') === -1 ? '?' : '&') + serializedParams;\n  }\n\n  return url;\n}\n","'use strict';\n\nimport utils from './../utils.js';\n\nclass InterceptorManager {\n  constructor() {\n    this.handlers = [];\n  }\n\n  /**\n   * Add a new interceptor to the stack\n   *\n   * @param {Function} fulfilled The function to handle `then` for a `Promise`\n   * @param {Function} rejected The function to handle `reject` for a `Promise`\n   *\n   * @return {Number} An ID used to remove interceptor later\n   */\n  use(fulfilled, rejected, options) {\n    this.handlers.push({\n      fulfilled,\n      rejected,\n      synchronous: options ? options.synchronous : false,\n      runWhen: options ? options.runWhen : null\n    });\n    return this.handlers.length - 1;\n  }\n\n  /**\n   * Remove an interceptor from the stack\n   *\n   * @param {Number} id The ID that was returned by `use`\n   *\n   * @returns {Boolean} `true` if the interceptor was removed, `false` otherwise\n   */\n  eject(id) {\n    if (this.handlers[id]) {\n      this.handlers[id] = null;\n    }\n  }\n\n  /**\n   * Clear all interceptors from the stack\n   *\n   * @returns {void}\n   */\n  clear() {\n    if (this.handlers) {\n      this.handlers = [];\n    }\n  }\n\n  /**\n   * Iterate over all the registered interceptors\n   *\n   * This method is particularly useful for skipping over any\n   * interceptors that may have become `null` calling `eject`.\n   *\n   * @param {Function} fn The function to call for each interceptor\n   *\n   * @returns {void}\n   */\n  forEach(fn) {\n    utils.forEach(this.handlers, function forEachHandler(h) {\n      if (h !== null) {\n        fn(h);\n      }\n    });\n  }\n}\n\nexport default InterceptorManager;\n","'use strict';\n\nexport default {\n  silentJSONParsing: true,\n  forcedJSONParsing: true,\n  clarifyTimeoutError: false\n};\n","'use strict';\n\nimport AxiosURLSearchParams from '../../../helpers/AxiosURLSearchParams.js';\nexport default typeof URLSearchParams !== 'undefined' ? URLSearchParams : AxiosURLSearchParams;\n","'use strict';\n\nexport default FormData;\n","import URLSearchParams from './classes/URLSearchParams.js'\nimport FormData from './classes/FormData.js'\n\n/**\n * Determine if we're running in a standard browser environment\n *\n * This allows axios to run in a web worker, and react-native.\n * Both environments support XMLHttpRequest, but not fully standard globals.\n *\n * web workers:\n *  typeof window -> undefined\n *  typeof document -> undefined\n *\n * react-native:\n *  navigator.product -> 'ReactNative'\n * nativescript\n *  navigator.product -> 'NativeScript' or 'NS'\n *\n * @returns {boolean}\n */\nconst isStandardBrowserEnv = (() => {\n  let product;\n  if (typeof navigator !== 'undefined' && (\n    (product = navigator.product) === 'ReactNative' ||\n    product === 'NativeScript' ||\n    product === 'NS')\n  ) {\n    return false;\n  }\n\n  return typeof window !== 'undefined' && typeof document !== 'undefined';\n})();\n\n/**\n * Determine if we're running in a standard browser webWorker environment\n *\n * Although the `isStandardBrowserEnv` method indicates that\n * `allows axios to run in a web worker`, the WebWorker will still be\n * filtered out due to its judgment standard\n * `typeof window !== 'undefined' && typeof document !== 'undefined'`.\n * This leads to a problem when axios post `FormData` in webWorker\n */\n const isStandardBrowserWebWorkerEnv = (() => {\n  return (\n    typeof WorkerGlobalScope !== 'undefined' &&\n    self instanceof WorkerGlobalScope &&\n    typeof self.importScripts === 'function'\n  );\n})();\n\n\nexport default {\n  isBrowser: true,\n  classes: {\n    URLSearchParams,\n    FormData,\n    Blob\n  },\n  isStandardBrowserEnv,\n  isStandardBrowserWebWorkerEnv,\n  protocols: ['http', 'https', 'file', 'blob', 'url', 'data']\n};\n","'use strict';\n\nimport utils from '../utils.js';\nimport toFormData from './toFormData.js';\nimport platform from '../platform/index.js';\n\nexport default function toURLEncodedForm(data, options) {\n  return toFormData(data, new platform.classes.URLSearchParams(), Object.assign({\n    visitor: function(value, key, path, helpers) {\n      if (platform.isNode && utils.isBuffer(value)) {\n        this.append(key, value.toString('base64'));\n        return false;\n      }\n\n      return helpers.defaultVisitor.apply(this, arguments);\n    }\n  }, options));\n}\n","'use strict';\n\nimport utils from '../utils.js';\n\n/**\n * It takes a string like `foo[x][y][z]` and returns an array like `['foo', 'x', 'y', 'z']\n *\n * @param {string} name - The name of the property to get.\n *\n * @returns An array of strings.\n */\nfunction parsePropPath(name) {\n  // foo[x][y][z]\n  // foo.x.y.z\n  // foo-x-y-z\n  // foo x y z\n  return utils.matchAll(/\\w+|\\[(\\w*)]/g, name).map(match => {\n    return match[0] === '[]' ? '' : match[1] || match[0];\n  });\n}\n\n/**\n * Convert an array to an object.\n *\n * @param {Array<any>} arr - The array to convert to an object.\n *\n * @returns An object with the same keys and values as the array.\n */\nfunction arrayToObject(arr) {\n  const obj = {};\n  const keys = Object.keys(arr);\n  let i;\n  const len = keys.length;\n  let key;\n  for (i = 0; i < len; i++) {\n    key = keys[i];\n    obj[key] = arr[key];\n  }\n  return obj;\n}\n\n/**\n * It takes a FormData object and returns a JavaScript object\n *\n * @param {string} formData The FormData object to convert to JSON.\n *\n * @returns {Object<string, any> | null} The converted object.\n */\nfunction formDataToJSON(formData) {\n  function buildPath(path, value, target, index) {\n    let name = path[index++];\n    const isNumericKey = Number.isFinite(+name);\n    const isLast = index >= path.length;\n    name = !name && utils.isArray(target) ? target.length : name;\n\n    if (isLast) {\n      if (utils.hasOwnProp(target, name)) {\n        target[name] = [target[name], value];\n      } else {\n        target[name] = value;\n      }\n\n      return !isNumericKey;\n    }\n\n    if (!target[name] || !utils.isObject(target[name])) {\n      target[name] = [];\n    }\n\n    const result = buildPath(path, value, target[name], index);\n\n    if (result && utils.isArray(target[name])) {\n      target[name] = arrayToObject(target[name]);\n    }\n\n    return !isNumericKey;\n  }\n\n  if (utils.isFormData(formData) && utils.isFunction(formData.entries)) {\n    const obj = {};\n\n    utils.forEachEntry(formData, (name, value) => {\n      buildPath(parsePropPath(name), value, obj, 0);\n    });\n\n    return obj;\n  }\n\n  return null;\n}\n\nexport default formDataToJSON;\n","'use strict';\n\nimport utils from '../utils.js';\nimport AxiosError from '../core/AxiosError.js';\nimport transitionalDefaults from './transitional.js';\nimport toFormData from '../helpers/toFormData.js';\nimport toURLEncodedForm from '../helpers/toURLEncodedForm.js';\nimport platform from '../platform/index.js';\nimport formDataToJSON from '../helpers/formDataToJSON.js';\n\nconst DEFAULT_CONTENT_TYPE = {\n  'Content-Type': undefined\n};\n\n/**\n * It takes a string, tries to parse it, and if it fails, it returns the stringified version\n * of the input\n *\n * @param {any} rawValue - The value to be stringified.\n * @param {Function} parser - A function that parses a string into a JavaScript object.\n * @param {Function} encoder - A function that takes a value and returns a string.\n *\n * @returns {string} A stringified version of the rawValue.\n */\nfunction stringifySafely(rawValue, parser, encoder) {\n  if (utils.isString(rawValue)) {\n    try {\n      (parser || JSON.parse)(rawValue);\n      return utils.trim(rawValue);\n    } catch (e) {\n      if (e.name !== 'SyntaxError') {\n        throw e;\n      }\n    }\n  }\n\n  return (encoder || JSON.stringify)(rawValue);\n}\n\nconst defaults = {\n\n  transitional: transitionalDefaults,\n\n  adapter: ['xhr', 'http'],\n\n  transformRequest: [function transformRequest(data, headers) {\n    const contentType = headers.getContentType() || '';\n    const hasJSONContentType = contentType.indexOf('application/json') > -1;\n    const isObjectPayload = utils.isObject(data);\n\n    if (isObjectPayload && utils.isHTMLForm(data)) {\n      data = new FormData(data);\n    }\n\n    const isFormData = utils.isFormData(data);\n\n    if (isFormData) {\n      if (!hasJSONContentType) {\n        return data;\n      }\n      return hasJSONContentType ? JSON.stringify(formDataToJSON(data)) : data;\n    }\n\n    if (utils.isArrayBuffer(data) ||\n      utils.isBuffer(data) ||\n      utils.isStream(data) ||\n      utils.isFile(data) ||\n      utils.isBlob(data)\n    ) {\n      return data;\n    }\n    if (utils.isArrayBufferView(data)) {\n      return data.buffer;\n    }\n    if (utils.isURLSearchParams(data)) {\n      headers.setContentType('application/x-www-form-urlencoded;charset=utf-8', false);\n      return data.toString();\n    }\n\n    let isFileList;\n\n    if (isObjectPayload) {\n      if (contentType.indexOf('application/x-www-form-urlencoded') > -1) {\n        return toURLEncodedForm(data, this.formSerializer).toString();\n      }\n\n      if ((isFileList = utils.isFileList(data)) || contentType.indexOf('multipart/form-data') > -1) {\n        const _FormData = this.env && this.env.FormData;\n\n        return toFormData(\n          isFileList ? {'files[]': data} : data,\n          _FormData && new _FormData(),\n          this.formSerializer\n        );\n      }\n    }\n\n    if (isObjectPayload || hasJSONContentType ) {\n      headers.setContentType('application/json', false);\n      return stringifySafely(data);\n    }\n\n    return data;\n  }],\n\n  transformResponse: [function transformResponse(data) {\n    const transitional = this.transitional || defaults.transitional;\n    const forcedJSONParsing = transitional && transitional.forcedJSONParsing;\n    const JSONRequested = this.responseType === 'json';\n\n    if (data && utils.isString(data) && ((forcedJSONParsing && !this.responseType) || JSONRequested)) {\n      const silentJSONParsing = transitional && transitional.silentJSONParsing;\n      const strictJSONParsing = !silentJSONParsing && JSONRequested;\n\n      try {\n        return JSON.parse(data);\n      } catch (e) {\n        if (strictJSONParsing) {\n          if (e.name === 'SyntaxError') {\n            throw AxiosError.from(e, AxiosError.ERR_BAD_RESPONSE, this, null, this.response);\n          }\n          throw e;\n        }\n      }\n    }\n\n    return data;\n  }],\n\n  /**\n   * A timeout in milliseconds to abort a request. If set to 0 (default) a\n   * timeout is not created.\n   */\n  timeout: 0,\n\n  xsrfCookieName: 'XSRF-TOKEN',\n  xsrfHeaderName: 'X-XSRF-TOKEN',\n\n  maxContentLength: -1,\n  maxBodyLength: -1,\n\n  env: {\n    FormData: platform.classes.FormData,\n    Blob: platform.classes.Blob\n  },\n\n  validateStatus: function validateStatus(status) {\n    return status >= 200 && status < 300;\n  },\n\n  headers: {\n    common: {\n      'Accept': 'application/json, text/plain, */*'\n    }\n  }\n};\n\nutils.forEach(['delete', 'get', 'head'], function forEachMethodNoData(method) {\n  defaults.headers[method] = {};\n});\n\nutils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {\n  defaults.headers[method] = utils.merge(DEFAULT_CONTENT_TYPE);\n});\n\nexport default defaults;\n","'use strict';\n\nimport utils from './../utils.js';\n\n// RawAxiosHeaders whose duplicates are ignored by node\n// c.f. https://nodejs.org/api/http.html#http_message_headers\nconst ignoreDuplicateOf = utils.toObjectSet([\n  'age', 'authorization', 'content-length', 'content-type', 'etag',\n  'expires', 'from', 'host', 'if-modified-since', 'if-unmodified-since',\n  'last-modified', 'location', 'max-forwards', 'proxy-authorization',\n  'referer', 'retry-after', 'user-agent'\n]);\n\n/**\n * Parse headers into an object\n *\n * ```\n * Date: Wed, 27 Aug 2014 08:58:49 GMT\n * Content-Type: application/json\n * Connection: keep-alive\n * Transfer-Encoding: chunked\n * ```\n *\n * @param {String} rawHeaders Headers needing to be parsed\n *\n * @returns {Object} Headers parsed into an object\n */\nexport default rawHeaders => {\n  const parsed = {};\n  let key;\n  let val;\n  let i;\n\n  rawHeaders && rawHeaders.split('\\n').forEach(function parser(line) {\n    i = line.indexOf(':');\n    key = line.substring(0, i).trim().toLowerCase();\n    val = line.substring(i + 1).trim();\n\n    if (!key || (parsed[key] && ignoreDuplicateOf[key])) {\n      return;\n    }\n\n    if (key === 'set-cookie') {\n      if (parsed[key]) {\n        parsed[key].push(val);\n      } else {\n        parsed[key] = [val];\n      }\n    } else {\n      parsed[key] = parsed[key] ? parsed[key] + ', ' + val : val;\n    }\n  });\n\n  return parsed;\n};\n","'use strict';\n\nimport utils from '../utils.js';\nimport parseHeaders from '../helpers/parseHeaders.js';\n\nconst $internals = Symbol('internals');\n\nfunction normalizeHeader(header) {\n  return header && String(header).trim().toLowerCase();\n}\n\nfunction normalizeValue(value) {\n  if (value === false || value == null) {\n    return value;\n  }\n\n  return utils.isArray(value) ? value.map(normalizeValue) : String(value);\n}\n\nfunction parseTokens(str) {\n  const tokens = Object.create(null);\n  const tokensRE = /([^\\s,;=]+)\\s*(?:=\\s*([^,;]+))?/g;\n  let match;\n\n  while ((match = tokensRE.exec(str))) {\n    tokens[match[1]] = match[2];\n  }\n\n  return tokens;\n}\n\nfunction isValidHeaderName(str) {\n  return /^[-_a-zA-Z]+$/.test(str.trim());\n}\n\nfunction matchHeaderValue(context, value, header, filter) {\n  if (utils.isFunction(filter)) {\n    return filter.call(this, value, header);\n  }\n\n  if (!utils.isString(value)) return;\n\n  if (utils.isString(filter)) {\n    return value.indexOf(filter) !== -1;\n  }\n\n  if (utils.isRegExp(filter)) {\n    return filter.test(value);\n  }\n}\n\nfunction formatHeader(header) {\n  return header.trim()\n    .toLowerCase().replace(/([a-z\\d])(\\w*)/g, (w, char, str) => {\n      return char.toUpperCase() + str;\n    });\n}\n\nfunction buildAccessors(obj, header) {\n  const accessorName = utils.toCamelCase(' ' + header);\n\n  ['get', 'set', 'has'].forEach(methodName => {\n    Object.defineProperty(obj, methodName + accessorName, {\n      value: function(arg1, arg2, arg3) {\n        return this[methodName].call(this, header, arg1, arg2, arg3);\n      },\n      configurable: true\n    });\n  });\n}\n\nclass AxiosHeaders {\n  constructor(headers) {\n    headers && this.set(headers);\n  }\n\n  set(header, valueOrRewrite, rewrite) {\n    const self = this;\n\n    function setHeader(_value, _header, _rewrite) {\n      const lHeader = normalizeHeader(_header);\n\n      if (!lHeader) {\n        throw new Error('header name must be a non-empty string');\n      }\n\n      const key = utils.findKey(self, lHeader);\n\n      if(!key || self[key] === undefined || _rewrite === true || (_rewrite === undefined && self[key] !== false)) {\n        self[key || _header] = normalizeValue(_value);\n      }\n    }\n\n    const setHeaders = (headers, _rewrite) =>\n      utils.forEach(headers, (_value, _header) => setHeader(_value, _header, _rewrite));\n\n    if (utils.isPlainObject(header) || header instanceof this.constructor) {\n      setHeaders(header, valueOrRewrite)\n    } else if(utils.isString(header) && (header = header.trim()) && !isValidHeaderName(header)) {\n      setHeaders(parseHeaders(header), valueOrRewrite);\n    } else {\n      header != null && setHeader(valueOrRewrite, header, rewrite);\n    }\n\n    return this;\n  }\n\n  get(header, parser) {\n    header = normalizeHeader(header);\n\n    if (header) {\n      const key = utils.findKey(this, header);\n\n      if (key) {\n        const value = this[key];\n\n        if (!parser) {\n          return value;\n        }\n\n        if (parser === true) {\n          return parseTokens(value);\n        }\n\n        if (utils.isFunction(parser)) {\n          return parser.call(this, value, key);\n        }\n\n        if (utils.isRegExp(parser)) {\n          return parser.exec(value);\n        }\n\n        throw new TypeError('parser must be boolean|regexp|function');\n      }\n    }\n  }\n\n  has(header, matcher) {\n    header = normalizeHeader(header);\n\n    if (header) {\n      const key = utils.findKey(this, header);\n\n      return !!(key && (!matcher || matchHeaderValue(this, this[key], key, matcher)));\n    }\n\n    return false;\n  }\n\n  delete(header, matcher) {\n    const self = this;\n    let deleted = false;\n\n    function deleteHeader(_header) {\n      _header = normalizeHeader(_header);\n\n      if (_header) {\n        const key = utils.findKey(self, _header);\n\n        if (key && (!matcher || matchHeaderValue(self, self[key], key, matcher))) {\n          delete self[key];\n\n          deleted = true;\n        }\n      }\n    }\n\n    if (utils.isArray(header)) {\n      header.forEach(deleteHeader);\n    } else {\n      deleteHeader(header);\n    }\n\n    return deleted;\n  }\n\n  clear() {\n    return Object.keys(this).forEach(this.delete.bind(this));\n  }\n\n  normalize(format) {\n    const self = this;\n    const headers = {};\n\n    utils.forEach(this, (value, header) => {\n      const key = utils.findKey(headers, header);\n\n      if (key) {\n        self[key] = normalizeValue(value);\n        delete self[header];\n        return;\n      }\n\n      const normalized = format ? formatHeader(header) : String(header).trim();\n\n      if (normalized !== header) {\n        delete self[header];\n      }\n\n      self[normalized] = normalizeValue(value);\n\n      headers[normalized] = true;\n    });\n\n    return this;\n  }\n\n  concat(...targets) {\n    return this.constructor.concat(this, ...targets);\n  }\n\n  toJSON(asStrings) {\n    const obj = Object.create(null);\n\n    utils.forEach(this, (value, header) => {\n      value != null && value !== false && (obj[header] = asStrings && utils.isArray(value) ? value.join(', ') : value);\n    });\n\n    return obj;\n  }\n\n  [Symbol.iterator]() {\n    return Object.entries(this.toJSON())[Symbol.iterator]();\n  }\n\n  toString() {\n    return Object.entries(this.toJSON()).map(([header, value]) => header + ': ' + value).join('\\n');\n  }\n\n  get [Symbol.toStringTag]() {\n    return 'AxiosHeaders';\n  }\n\n  static from(thing) {\n    return thing instanceof this ? thing : new this(thing);\n  }\n\n  static concat(first, ...targets) {\n    const computed = new this(first);\n\n    targets.forEach((target) => computed.set(target));\n\n    return computed;\n  }\n\n  static accessor(header) {\n    const internals = this[$internals] = (this[$internals] = {\n      accessors: {}\n    });\n\n    const accessors = internals.accessors;\n    const prototype = this.prototype;\n\n    function defineAccessor(_header) {\n      const lHeader = normalizeHeader(_header);\n\n      if (!accessors[lHeader]) {\n        buildAccessors(prototype, _header);\n        accessors[lHeader] = true;\n      }\n    }\n\n    utils.isArray(header) ? header.forEach(defineAccessor) : defineAccessor(header);\n\n    return this;\n  }\n}\n\nAxiosHeaders.accessor(['Content-Type', 'Content-Length', 'Accept', 'Accept-Encoding', 'User-Agent']);\n\nutils.freezeMethods(AxiosHeaders.prototype);\nutils.freezeMethods(AxiosHeaders);\n\nexport default AxiosHeaders;\n","'use strict';\n\nimport utils from './../utils.js';\nimport defaults from '../defaults/index.js';\nimport AxiosHeaders from '../core/AxiosHeaders.js';\n\n/**\n * Transform the data for a request or a response\n *\n * @param {Array|Function} fns A single function or Array of functions\n * @param {?Object} response The response object\n *\n * @returns {*} The resulting transformed data\n */\nexport default function transformData(fns, response) {\n  const config = this || defaults;\n  const context = response || config;\n  const headers = AxiosHeaders.from(context.headers);\n  let data = context.data;\n\n  utils.forEach(fns, function transform(fn) {\n    data = fn.call(config, data, headers.normalize(), response ? response.status : undefined);\n  });\n\n  headers.normalize();\n\n  return data;\n}\n","'use strict';\n\nexport default function isCancel(value) {\n  return !!(value && value.__CANCEL__);\n}\n","'use strict';\n\nimport AxiosError from '../core/AxiosError.js';\nimport utils from '../utils.js';\n\n/**\n * A `CanceledError` is an object that is thrown when an operation is canceled.\n *\n * @param {string=} message The message.\n * @param {Object=} config The config.\n * @param {Object=} request The request.\n *\n * @returns {CanceledError} The created error.\n */\nfunction CanceledError(message, config, request) {\n  // eslint-disable-next-line no-eq-null,eqeqeq\n  AxiosError.call(this, message == null ? 'canceled' : message, AxiosError.ERR_CANCELED, config, request);\n  this.name = 'CanceledError';\n}\n\nutils.inherits(CanceledError, AxiosError, {\n  __CANCEL__: true\n});\n\nexport default CanceledError;\n","// eslint-disable-next-line strict\nexport default null;\n","'use strict';\n\nimport AxiosError from './AxiosError.js';\n\n/**\n * Resolve or reject a Promise based on response status.\n *\n * @param {Function} resolve A function that resolves the promise.\n * @param {Function} reject A function that rejects the promise.\n * @param {object} response The response.\n *\n * @returns {object} The response.\n */\nexport default function settle(resolve, reject, response) {\n  const validateStatus = response.config.validateStatus;\n  if (!response.status || !validateStatus || validateStatus(response.status)) {\n    resolve(response);\n  } else {\n    reject(new AxiosError(\n      'Request failed with status code ' + response.status,\n      [AxiosError.ERR_BAD_REQUEST, AxiosError.ERR_BAD_RESPONSE][Math.floor(response.status / 100) - 4],\n      response.config,\n      response.request,\n      response\n    ));\n  }\n}\n","'use strict';\n\nimport utils from './../utils.js';\nimport platform from '../platform/index.js';\n\nexport default platform.isStandardBrowserEnv ?\n\n// Standard browser envs support document.cookie\n  (function standardBrowserEnv() {\n    return {\n      write: function write(name, value, expires, path, domain, secure) {\n        const cookie = [];\n        cookie.push(name + '=' + encodeURIComponent(value));\n\n        if (utils.isNumber(expires)) {\n          cookie.push('expires=' + new Date(expires).toGMTString());\n        }\n\n        if (utils.isString(path)) {\n          cookie.push('path=' + path);\n        }\n\n        if (utils.isString(domain)) {\n          cookie.push('domain=' + domain);\n        }\n\n        if (secure === true) {\n          cookie.push('secure');\n        }\n\n        document.cookie = cookie.join('; ');\n      },\n\n      read: function read(name) {\n        const match = document.cookie.match(new RegExp('(^|;\\\\s*)(' + name + ')=([^;]*)'));\n        return (match ? decodeURIComponent(match[3]) : null);\n      },\n\n      remove: function remove(name) {\n        this.write(name, '', Date.now() - 86400000);\n      }\n    };\n  })() :\n\n// Non standard browser env (web workers, react-native) lack needed support.\n  (function nonStandardBrowserEnv() {\n    return {\n      write: function write() {},\n      read: function read() { return null; },\n      remove: function remove() {}\n    };\n  })();\n","'use strict';\n\n/**\n * Determines whether the specified URL is absolute\n *\n * @param {string} url The URL to test\n *\n * @returns {boolean} True if the specified URL is absolute, otherwise false\n */\nexport default function isAbsoluteURL(url) {\n  // A URL is considered absolute if it begins with \"<scheme>://\" or \"//\" (protocol-relative URL).\n  // RFC 3986 defines scheme name as a sequence of characters beginning with a letter and followed\n  // by any combination of letters, digits, plus, period, or hyphen.\n  return /^([a-z][a-z\\d+\\-.]*:)?\\/\\//i.test(url);\n}\n","'use strict';\n\n/**\n * Creates a new URL by combining the specified URLs\n *\n * @param {string} baseURL The base URL\n * @param {string} relativeURL The relative URL\n *\n * @returns {string} The combined URL\n */\nexport default function combineURLs(baseURL, relativeURL) {\n  return relativeURL\n    ? baseURL.replace(/\\/+$/, '') + '/' + relativeURL.replace(/^\\/+/, '')\n    : baseURL;\n}\n","'use strict';\n\nimport isAbsoluteURL from '../helpers/isAbsoluteURL.js';\nimport combineURLs from '../helpers/combineURLs.js';\n\n/**\n * Creates a new URL by combining the baseURL with the requestedURL,\n * only when the requestedURL is not already an absolute URL.\n * If the requestURL is absolute, this function returns the requestedURL untouched.\n *\n * @param {string} baseURL The base URL\n * @param {string} requestedURL Absolute or relative URL to combine\n *\n * @returns {string} The combined full path\n */\nexport default function buildFullPath(baseURL, requestedURL) {\n  if (baseURL && !isAbsoluteURL(requestedURL)) {\n    return combineURLs(baseURL, requestedURL);\n  }\n  return requestedURL;\n}\n","'use strict';\n\nimport utils from './../utils.js';\nimport platform from '../platform/index.js';\n\nexport default platform.isStandardBrowserEnv ?\n\n// Standard browser envs have full support of the APIs needed to test\n// whether the request URL is of the same origin as current location.\n  (function standardBrowserEnv() {\n    const msie = /(msie|trident)/i.test(navigator.userAgent);\n    const urlParsingNode = document.createElement('a');\n    let originURL;\n\n    /**\n    * Parse a URL to discover it's components\n    *\n    * @param {String} url The URL to be parsed\n    * @returns {Object}\n    */\n    function resolveURL(url) {\n      let href = url;\n\n      if (msie) {\n        // IE needs attribute set twice to normalize properties\n        urlParsingNode.setAttribute('href', href);\n        href = urlParsingNode.href;\n      }\n\n      urlParsingNode.setAttribute('href', href);\n\n      // urlParsingNode provides the UrlUtils interface - http://url.spec.whatwg.org/#urlutils\n      return {\n        href: urlParsingNode.href,\n        protocol: urlParsingNode.protocol ? urlParsingNode.protocol.replace(/:$/, '') : '',\n        host: urlParsingNode.host,\n        search: urlParsingNode.search ? urlParsingNode.search.replace(/^\\?/, '') : '',\n        hash: urlParsingNode.hash ? urlParsingNode.hash.replace(/^#/, '') : '',\n        hostname: urlParsingNode.hostname,\n        port: urlParsingNode.port,\n        pathname: (urlParsingNode.pathname.charAt(0) === '/') ?\n          urlParsingNode.pathname :\n          '/' + urlParsingNode.pathname\n      };\n    }\n\n    originURL = resolveURL(window.location.href);\n\n    /**\n    * Determine if a URL shares the same origin as the current location\n    *\n    * @param {String} requestURL The URL to test\n    * @returns {boolean} True if URL shares the same origin, otherwise false\n    */\n    return function isURLSameOrigin(requestURL) {\n      const parsed = (utils.isString(requestURL)) ? resolveURL(requestURL) : requestURL;\n      return (parsed.protocol === originURL.protocol &&\n          parsed.host === originURL.host);\n    };\n  })() :\n\n  // Non standard browser envs (web workers, react-native) lack needed support.\n  (function nonStandardBrowserEnv() {\n    return function isURLSameOrigin() {\n      return true;\n    };\n  })();\n","'use strict';\n\nexport default function parseProtocol(url) {\n  const match = /^([-+\\w]{1,25})(:?\\/\\/|:)/.exec(url);\n  return match && match[1] || '';\n}\n","'use strict';\n\n/**\n * Calculate data maxRate\n * @param {Number} [samplesCount= 10]\n * @param {Number} [min= 1000]\n * @returns {Function}\n */\nfunction speedometer(samplesCount, min) {\n  samplesCount = samplesCount || 10;\n  const bytes = new Array(samplesCount);\n  const timestamps = new Array(samplesCount);\n  let head = 0;\n  let tail = 0;\n  let firstSampleTS;\n\n  min = min !== undefined ? min : 1000;\n\n  return function push(chunkLength) {\n    const now = Date.now();\n\n    const startedAt = timestamps[tail];\n\n    if (!firstSampleTS) {\n      firstSampleTS = now;\n    }\n\n    bytes[head] = chunkLength;\n    timestamps[head] = now;\n\n    let i = tail;\n    let bytesCount = 0;\n\n    while (i !== head) {\n      bytesCount += bytes[i++];\n      i = i % samplesCount;\n    }\n\n    head = (head + 1) % samplesCount;\n\n    if (head === tail) {\n      tail = (tail + 1) % samplesCount;\n    }\n\n    if (now - firstSampleTS < min) {\n      return;\n    }\n\n    const passed = startedAt && now - startedAt;\n\n    return passed ? Math.round(bytesCount * 1000 / passed) : undefined;\n  };\n}\n\nexport default speedometer;\n","'use strict';\n\nimport utils from './../utils.js';\nimport settle from './../core/settle.js';\nimport cookies from './../helpers/cookies.js';\nimport buildURL from './../helpers/buildURL.js';\nimport buildFullPath from '../core/buildFullPath.js';\nimport isURLSameOrigin from './../helpers/isURLSameOrigin.js';\nimport transitionalDefaults from '../defaults/transitional.js';\nimport AxiosError from '../core/AxiosError.js';\nimport CanceledError from '../cancel/CanceledError.js';\nimport parseProtocol from '../helpers/parseProtocol.js';\nimport platform from '../platform/index.js';\nimport AxiosHeaders from '../core/AxiosHeaders.js';\nimport speedometer from '../helpers/speedometer.js';\n\nfunction progressEventReducer(listener, isDownloadStream) {\n  let bytesNotified = 0;\n  const _speedometer = speedometer(50, 250);\n\n  return e => {\n    const loaded = e.loaded;\n    const total = e.lengthComputable ? e.total : undefined;\n    const progressBytes = loaded - bytesNotified;\n    const rate = _speedometer(progressBytes);\n    const inRange = loaded <= total;\n\n    bytesNotified = loaded;\n\n    const data = {\n      loaded,\n      total,\n      progress: total ? (loaded / total) : undefined,\n      bytes: progressBytes,\n      rate: rate ? rate : undefined,\n      estimated: rate && total && inRange ? (total - loaded) / rate : undefined,\n      event: e\n    };\n\n    data[isDownloadStream ? 'download' : 'upload'] = true;\n\n    listener(data);\n  };\n}\n\nconst isXHRAdapterSupported = typeof XMLHttpRequest !== 'undefined';\n\nexport default isXHRAdapterSupported && function (config) {\n  return new Promise(function dispatchXhrRequest(resolve, reject) {\n    let requestData = config.data;\n    const requestHeaders = AxiosHeaders.from(config.headers).normalize();\n    const responseType = config.responseType;\n    let onCanceled;\n    function done() {\n      if (config.cancelToken) {\n        config.cancelToken.unsubscribe(onCanceled);\n      }\n\n      if (config.signal) {\n        config.signal.removeEventListener('abort', onCanceled);\n      }\n    }\n\n    if (utils.isFormData(requestData) && (platform.isStandardBrowserEnv || platform.isStandardBrowserWebWorkerEnv)) {\n      requestHeaders.setContentType(false); // Let the browser set it\n    }\n\n    let request = new XMLHttpRequest();\n\n    // HTTP basic authentication\n    if (config.auth) {\n      const username = config.auth.username || '';\n      const password = config.auth.password ? unescape(encodeURIComponent(config.auth.password)) : '';\n      requestHeaders.set('Authorization', 'Basic ' + btoa(username + ':' + password));\n    }\n\n    const fullPath = buildFullPath(config.baseURL, config.url);\n\n    request.open(config.method.toUpperCase(), buildURL(fullPath, config.params, config.paramsSerializer), true);\n\n    // Set the request timeout in MS\n    request.timeout = config.timeout;\n\n    function onloadend() {\n      if (!request) {\n        return;\n      }\n      // Prepare the response\n      const responseHeaders = AxiosHeaders.from(\n        'getAllResponseHeaders' in request && request.getAllResponseHeaders()\n      );\n      const responseData = !responseType || responseType === 'text' || responseType === 'json' ?\n        request.responseText : request.response;\n      const response = {\n        data: responseData,\n        status: request.status,\n        statusText: request.statusText,\n        headers: responseHeaders,\n        config,\n        request\n      };\n\n      settle(function _resolve(value) {\n        resolve(value);\n        done();\n      }, function _reject(err) {\n        reject(err);\n        done();\n      }, response);\n\n      // Clean up request\n      request = null;\n    }\n\n    if ('onloadend' in request) {\n      // Use onloadend if available\n      request.onloadend = onloadend;\n    } else {\n      // Listen for ready state to emulate onloadend\n      request.onreadystatechange = function handleLoad() {\n        if (!request || request.readyState !== 4) {\n          return;\n        }\n\n        // The request errored out and we didn't get a response, this will be\n        // handled by onerror instead\n        // With one exception: request that using file: protocol, most browsers\n        // will return status as 0 even though it's a successful request\n        if (request.status === 0 && !(request.responseURL && request.responseURL.indexOf('file:') === 0)) {\n          return;\n        }\n        // readystate handler is calling before onerror or ontimeout handlers,\n        // so we should call onloadend on the next 'tick'\n        setTimeout(onloadend);\n      };\n    }\n\n    // Handle browser request cancellation (as opposed to a manual cancellation)\n    request.onabort = function handleAbort() {\n      if (!request) {\n        return;\n      }\n\n      reject(new AxiosError('Request aborted', AxiosError.ECONNABORTED, config, request));\n\n      // Clean up request\n      request = null;\n    };\n\n    // Handle low level network errors\n    request.onerror = function handleError() {\n      // Real errors are hidden from us by the browser\n      // onerror should only fire if it's a network error\n      reject(new AxiosError('Network Error', AxiosError.ERR_NETWORK, config, request));\n\n      // Clean up request\n      request = null;\n    };\n\n    // Handle timeout\n    request.ontimeout = function handleTimeout() {\n      let timeoutErrorMessage = config.timeout ? 'timeout of ' + config.timeout + 'ms exceeded' : 'timeout exceeded';\n      const transitional = config.transitional || transitionalDefaults;\n      if (config.timeoutErrorMessage) {\n        timeoutErrorMessage = config.timeoutErrorMessage;\n      }\n      reject(new AxiosError(\n        timeoutErrorMessage,\n        transitional.clarifyTimeoutError ? AxiosError.ETIMEDOUT : AxiosError.ECONNABORTED,\n        config,\n        request));\n\n      // Clean up request\n      request = null;\n    };\n\n    // Add xsrf header\n    // This is only done if running in a standard browser environment.\n    // Specifically not if we're in a web worker, or react-native.\n    if (platform.isStandardBrowserEnv) {\n      // Add xsrf header\n      const xsrfValue = (config.withCredentials || isURLSameOrigin(fullPath))\n        && config.xsrfCookieName && cookies.read(config.xsrfCookieName);\n\n      if (xsrfValue) {\n        requestHeaders.set(config.xsrfHeaderName, xsrfValue);\n      }\n    }\n\n    // Remove Content-Type if data is undefined\n    requestData === undefined && requestHeaders.setContentType(null);\n\n    // Add headers to the request\n    if ('setRequestHeader' in request) {\n      utils.forEach(requestHeaders.toJSON(), function setRequestHeader(val, key) {\n        request.setRequestHeader(key, val);\n      });\n    }\n\n    // Add withCredentials to request if needed\n    if (!utils.isUndefined(config.withCredentials)) {\n      request.withCredentials = !!config.withCredentials;\n    }\n\n    // Add responseType to request if needed\n    if (responseType && responseType !== 'json') {\n      request.responseType = config.responseType;\n    }\n\n    // Handle progress if needed\n    if (typeof config.onDownloadProgress === 'function') {\n      request.addEventListener('progress', progressEventReducer(config.onDownloadProgress, true));\n    }\n\n    // Not all browsers support upload events\n    if (typeof config.onUploadProgress === 'function' && request.upload) {\n      request.upload.addEventListener('progress', progressEventReducer(config.onUploadProgress));\n    }\n\n    if (config.cancelToken || config.signal) {\n      // Handle cancellation\n      // eslint-disable-next-line func-names\n      onCanceled = cancel => {\n        if (!request) {\n          return;\n        }\n        reject(!cancel || cancel.type ? new CanceledError(null, config, request) : cancel);\n        request.abort();\n        request = null;\n      };\n\n      config.cancelToken && config.cancelToken.subscribe(onCanceled);\n      if (config.signal) {\n        config.signal.aborted ? onCanceled() : config.signal.addEventListener('abort', onCanceled);\n      }\n    }\n\n    const protocol = parseProtocol(fullPath);\n\n    if (protocol && platform.protocols.indexOf(protocol) === -1) {\n      reject(new AxiosError('Unsupported protocol ' + protocol + ':', AxiosError.ERR_BAD_REQUEST, config));\n      return;\n    }\n\n\n    // Send the request\n    request.send(requestData || null);\n  });\n}\n","import utils from '../utils.js';\nimport httpAdapter from './http.js';\nimport xhrAdapter from './xhr.js';\nimport AxiosError from \"../core/AxiosError.js\";\n\nconst knownAdapters = {\n  http: httpAdapter,\n  xhr: xhrAdapter\n}\n\nutils.forEach(knownAdapters, (fn, value) => {\n  if(fn) {\n    try {\n      Object.defineProperty(fn, 'name', {value});\n    } catch (e) {\n      // eslint-disable-next-line no-empty\n    }\n    Object.defineProperty(fn, 'adapterName', {value});\n  }\n});\n\nexport default {\n  getAdapter: (adapters) => {\n    adapters = utils.isArray(adapters) ? adapters : [adapters];\n\n    const {length} = adapters;\n    let nameOrAdapter;\n    let adapter;\n\n    for (let i = 0; i < length; i++) {\n      nameOrAdapter = adapters[i];\n      if((adapter = utils.isString(nameOrAdapter) ? knownAdapters[nameOrAdapter.toLowerCase()] : nameOrAdapter)) {\n        break;\n      }\n    }\n\n    if (!adapter) {\n      if (adapter === false) {\n        throw new AxiosError(\n          `Adapter ${nameOrAdapter} is not supported by the environment`,\n          'ERR_NOT_SUPPORT'\n        );\n      }\n\n      throw new Error(\n        utils.hasOwnProp(knownAdapters, nameOrAdapter) ?\n          `Adapter '${nameOrAdapter}' is not available in the build` :\n          `Unknown adapter '${nameOrAdapter}'`\n      );\n    }\n\n    if (!utils.isFunction(adapter)) {\n      throw new TypeError('adapter is not a function');\n    }\n\n    return adapter;\n  },\n  adapters: knownAdapters\n}\n","'use strict';\n\nimport transformData from './transformData.js';\nimport isCancel from '../cancel/isCancel.js';\nimport defaults from '../defaults/index.js';\nimport CanceledError from '../cancel/CanceledError.js';\nimport AxiosHeaders from '../core/AxiosHeaders.js';\nimport adapters from \"../adapters/adapters.js\";\n\n/**\n * Throws a `CanceledError` if cancellation has been requested.\n *\n * @param {Object} config The config that is to be used for the request\n *\n * @returns {void}\n */\nfunction throwIfCancellationRequested(config) {\n  if (config.cancelToken) {\n    config.cancelToken.throwIfRequested();\n  }\n\n  if (config.signal && config.signal.aborted) {\n    throw new CanceledError(null, config);\n  }\n}\n\n/**\n * Dispatch a request to the server using the configured adapter.\n *\n * @param {object} config The config that is to be used for the request\n *\n * @returns {Promise} The Promise to be fulfilled\n */\nexport default function dispatchRequest(config) {\n  throwIfCancellationRequested(config);\n\n  config.headers = AxiosHeaders.from(config.headers);\n\n  // Transform request data\n  config.data = transformData.call(\n    config,\n    config.transformRequest\n  );\n\n  if (['post', 'put', 'patch'].indexOf(config.method) !== -1) {\n    config.headers.setContentType('application/x-www-form-urlencoded', false);\n  }\n\n  const adapter = adapters.getAdapter(config.adapter || defaults.adapter);\n\n  return adapter(config).then(function onAdapterResolution(response) {\n    throwIfCancellationRequested(config);\n\n    // Transform response data\n    response.data = transformData.call(\n      config,\n      config.transformResponse,\n      response\n    );\n\n    response.headers = AxiosHeaders.from(response.headers);\n\n    return response;\n  }, function onAdapterRejection(reason) {\n    if (!isCancel(reason)) {\n      throwIfCancellationRequested(config);\n\n      // Transform response data\n      if (reason && reason.response) {\n        reason.response.data = transformData.call(\n          config,\n          config.transformResponse,\n          reason.response\n        );\n        reason.response.headers = AxiosHeaders.from(reason.response.headers);\n      }\n    }\n\n    return Promise.reject(reason);\n  });\n}\n","'use strict';\n\nimport utils from '../utils.js';\nimport AxiosHeaders from \"./AxiosHeaders.js\";\n\nconst headersToObject = (thing) => thing instanceof AxiosHeaders ? thing.toJSON() : thing;\n\n/**\n * Config-specific merge-function which creates a new config-object\n * by merging two configuration objects together.\n *\n * @param {Object} config1\n * @param {Object} config2\n *\n * @returns {Object} New object resulting from merging config2 to config1\n */\nexport default function mergeConfig(config1, config2) {\n  // eslint-disable-next-line no-param-reassign\n  config2 = config2 || {};\n  const config = {};\n\n  function getMergedValue(target, source, caseless) {\n    if (utils.isPlainObject(target) && utils.isPlainObject(source)) {\n      return utils.merge.call({caseless}, target, source);\n    } else if (utils.isPlainObject(source)) {\n      return utils.merge({}, source);\n    } else if (utils.isArray(source)) {\n      return source.slice();\n    }\n    return source;\n  }\n\n  // eslint-disable-next-line consistent-return\n  function mergeDeepProperties(a, b, caseless) {\n    if (!utils.isUndefined(b)) {\n      return getMergedValue(a, b, caseless);\n    } else if (!utils.isUndefined(a)) {\n      return getMergedValue(undefined, a, caseless);\n    }\n  }\n\n  // eslint-disable-next-line consistent-return\n  function valueFromConfig2(a, b) {\n    if (!utils.isUndefined(b)) {\n      return getMergedValue(undefined, b);\n    }\n  }\n\n  // eslint-disable-next-line consistent-return\n  function defaultToConfig2(a, b) {\n    if (!utils.isUndefined(b)) {\n      return getMergedValue(undefined, b);\n    } else if (!utils.isUndefined(a)) {\n      return getMergedValue(undefined, a);\n    }\n  }\n\n  // eslint-disable-next-line consistent-return\n  function mergeDirectKeys(a, b, prop) {\n    if (prop in config2) {\n      return getMergedValue(a, b);\n    } else if (prop in config1) {\n      return getMergedValue(undefined, a);\n    }\n  }\n\n  const mergeMap = {\n    url: valueFromConfig2,\n    method: valueFromConfig2,\n    data: valueFromConfig2,\n    baseURL: defaultToConfig2,\n    transformRequest: defaultToConfig2,\n    transformResponse: defaultToConfig2,\n    paramsSerializer: defaultToConfig2,\n    timeout: defaultToConfig2,\n    timeoutMessage: defaultToConfig2,\n    withCredentials: defaultToConfig2,\n    adapter: defaultToConfig2,\n    responseType: defaultToConfig2,\n    xsrfCookieName: defaultToConfig2,\n    xsrfHeaderName: defaultToConfig2,\n    onUploadProgress: defaultToConfig2,\n    onDownloadProgress: defaultToConfig2,\n    decompress: defaultToConfig2,\n    maxContentLength: defaultToConfig2,\n    maxBodyLength: defaultToConfig2,\n    beforeRedirect: defaultToConfig2,\n    transport: defaultToConfig2,\n    httpAgent: defaultToConfig2,\n    httpsAgent: defaultToConfig2,\n    cancelToken: defaultToConfig2,\n    socketPath: defaultToConfig2,\n    responseEncoding: defaultToConfig2,\n    validateStatus: mergeDirectKeys,\n    headers: (a, b) => mergeDeepProperties(headersToObject(a), headersToObject(b), true)\n  };\n\n  utils.forEach(Object.keys(config1).concat(Object.keys(config2)), function computeConfigValue(prop) {\n    const merge = mergeMap[prop] || mergeDeepProperties;\n    const configValue = merge(config1[prop], config2[prop], prop);\n    (utils.isUndefined(configValue) && merge !== mergeDirectKeys) || (config[prop] = configValue);\n  });\n\n  return config;\n}\n","export const VERSION = \"1.2.1\";","'use strict';\n\nimport {VERSION} from '../env/data.js';\nimport AxiosError from '../core/AxiosError.js';\n\nconst validators = {};\n\n// eslint-disable-next-line func-names\n['object', 'boolean', 'number', 'function', 'string', 'symbol'].forEach((type, i) => {\n  validators[type] = function validator(thing) {\n    return typeof thing === type || 'a' + (i < 1 ? 'n ' : ' ') + type;\n  };\n});\n\nconst deprecatedWarnings = {};\n\n/**\n * Transitional option validator\n *\n * @param {function|boolean?} validator - set to false if the transitional option has been removed\n * @param {string?} version - deprecated version / removed since version\n * @param {string?} message - some message with additional info\n *\n * @returns {function}\n */\nvalidators.transitional = function transitional(validator, version, message) {\n  function formatMessage(opt, desc) {\n    return '[Axios v' + VERSION + '] Transitional option \\'' + opt + '\\'' + desc + (message ? '. ' + message : '');\n  }\n\n  // eslint-disable-next-line func-names\n  return (value, opt, opts) => {\n    if (validator === false) {\n      throw new AxiosError(\n        formatMessage(opt, ' has been removed' + (version ? ' in ' + version : '')),\n        AxiosError.ERR_DEPRECATED\n      );\n    }\n\n    if (version && !deprecatedWarnings[opt]) {\n      deprecatedWarnings[opt] = true;\n      // eslint-disable-next-line no-console\n      console.warn(\n        formatMessage(\n          opt,\n          ' has been deprecated since v' + version + ' and will be removed in the near future'\n        )\n      );\n    }\n\n    return validator ? validator(value, opt, opts) : true;\n  };\n};\n\n/**\n * Assert object's properties type\n *\n * @param {object} options\n * @param {object} schema\n * @param {boolean?} allowUnknown\n *\n * @returns {object}\n */\n\nfunction assertOptions(options, schema, allowUnknown) {\n  if (typeof options !== 'object') {\n    throw new AxiosError('options must be an object', AxiosError.ERR_BAD_OPTION_VALUE);\n  }\n  const keys = Object.keys(options);\n  let i = keys.length;\n  while (i-- > 0) {\n    const opt = keys[i];\n    const validator = schema[opt];\n    if (validator) {\n      const value = options[opt];\n      const result = value === undefined || validator(value, opt, options);\n      if (result !== true) {\n        throw new AxiosError('option ' + opt + ' must be ' + result, AxiosError.ERR_BAD_OPTION_VALUE);\n      }\n      continue;\n    }\n    if (allowUnknown !== true) {\n      throw new AxiosError('Unknown option ' + opt, AxiosError.ERR_BAD_OPTION);\n    }\n  }\n}\n\nexport default {\n  assertOptions,\n  validators\n};\n","'use strict';\n\nimport utils from './../utils.js';\nimport buildURL from '../helpers/buildURL.js';\nimport InterceptorManager from './InterceptorManager.js';\nimport dispatchRequest from './dispatchRequest.js';\nimport mergeConfig from './mergeConfig.js';\nimport buildFullPath from './buildFullPath.js';\nimport validator from '../helpers/validator.js';\nimport AxiosHeaders from './AxiosHeaders.js';\n\nconst validators = validator.validators;\n\n/**\n * Create a new instance of Axios\n *\n * @param {Object} instanceConfig The default config for the instance\n *\n * @return {Axios} A new instance of Axios\n */\nclass Axios {\n  constructor(instanceConfig) {\n    this.defaults = instanceConfig;\n    this.interceptors = {\n      request: new InterceptorManager(),\n      response: new InterceptorManager()\n    };\n  }\n\n  /**\n   * Dispatch a request\n   *\n   * @param {String|Object} configOrUrl The config specific for this request (merged with this.defaults)\n   * @param {?Object} config\n   *\n   * @returns {Promise} The Promise to be fulfilled\n   */\n  request(configOrUrl, config) {\n    /*eslint no-param-reassign:0*/\n    // Allow for axios('example/url'[, config]) a la fetch API\n    if (typeof configOrUrl === 'string') {\n      config = config || {};\n      config.url = configOrUrl;\n    } else {\n      config = configOrUrl || {};\n    }\n\n    config = mergeConfig(this.defaults, config);\n\n    const {transitional, paramsSerializer, headers} = config;\n\n    if (transitional !== undefined) {\n      validator.assertOptions(transitional, {\n        silentJSONParsing: validators.transitional(validators.boolean),\n        forcedJSONParsing: validators.transitional(validators.boolean),\n        clarifyTimeoutError: validators.transitional(validators.boolean)\n      }, false);\n    }\n\n    if (paramsSerializer !== undefined) {\n      validator.assertOptions(paramsSerializer, {\n        encode: validators.function,\n        serialize: validators.function\n      }, true);\n    }\n\n    // Set config.method\n    config.method = (config.method || this.defaults.method || 'get').toLowerCase();\n\n    let contextHeaders;\n\n    // Flatten headers\n    contextHeaders = headers && utils.merge(\n      headers.common,\n      headers[config.method]\n    );\n\n    contextHeaders && utils.forEach(\n      ['delete', 'get', 'head', 'post', 'put', 'patch', 'common'],\n      (method) => {\n        delete headers[method];\n      }\n    );\n\n    config.headers = AxiosHeaders.concat(contextHeaders, headers);\n\n    // filter out skipped interceptors\n    const requestInterceptorChain = [];\n    let synchronousRequestInterceptors = true;\n    this.interceptors.request.forEach(function unshiftRequestInterceptors(interceptor) {\n      if (typeof interceptor.runWhen === 'function' && interceptor.runWhen(config) === false) {\n        return;\n      }\n\n      synchronousRequestInterceptors = synchronousRequestInterceptors && interceptor.synchronous;\n\n      requestInterceptorChain.unshift(interceptor.fulfilled, interceptor.rejected);\n    });\n\n    const responseInterceptorChain = [];\n    this.interceptors.response.forEach(function pushResponseInterceptors(interceptor) {\n      responseInterceptorChain.push(interceptor.fulfilled, interceptor.rejected);\n    });\n\n    let promise;\n    let i = 0;\n    let len;\n\n    if (!synchronousRequestInterceptors) {\n      const chain = [dispatchRequest.bind(this), undefined];\n      chain.unshift.apply(chain, requestInterceptorChain);\n      chain.push.apply(chain, responseInterceptorChain);\n      len = chain.length;\n\n      promise = Promise.resolve(config);\n\n      while (i < len) {\n        promise = promise.then(chain[i++], chain[i++]);\n      }\n\n      return promise;\n    }\n\n    len = requestInterceptorChain.length;\n\n    let newConfig = config;\n\n    i = 0;\n\n    while (i < len) {\n      const onFulfilled = requestInterceptorChain[i++];\n      const onRejected = requestInterceptorChain[i++];\n      try {\n        newConfig = onFulfilled(newConfig);\n      } catch (error) {\n        onRejected.call(this, error);\n        break;\n      }\n    }\n\n    try {\n      promise = dispatchRequest.call(this, newConfig);\n    } catch (error) {\n      return Promise.reject(error);\n    }\n\n    i = 0;\n    len = responseInterceptorChain.length;\n\n    while (i < len) {\n      promise = promise.then(responseInterceptorChain[i++], responseInterceptorChain[i++]);\n    }\n\n    return promise;\n  }\n\n  getUri(config) {\n    config = mergeConfig(this.defaults, config);\n    const fullPath = buildFullPath(config.baseURL, config.url);\n    return buildURL(fullPath, config.params, config.paramsSerializer);\n  }\n}\n\n// Provide aliases for supported request methods\nutils.forEach(['delete', 'get', 'head', 'options'], function forEachMethodNoData(method) {\n  /*eslint func-names:0*/\n  Axios.prototype[method] = function(url, config) {\n    return this.request(mergeConfig(config || {}, {\n      method,\n      url,\n      data: (config || {}).data\n    }));\n  };\n});\n\nutils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {\n  /*eslint func-names:0*/\n\n  function generateHTTPMethod(isForm) {\n    return function httpMethod(url, data, config) {\n      return this.request(mergeConfig(config || {}, {\n        method,\n        headers: isForm ? {\n          'Content-Type': 'multipart/form-data'\n        } : {},\n        url,\n        data\n      }));\n    };\n  }\n\n  Axios.prototype[method] = generateHTTPMethod();\n\n  Axios.prototype[method + 'Form'] = generateHTTPMethod(true);\n});\n\nexport default Axios;\n","'use strict';\n\nimport CanceledError from './CanceledError.js';\n\n/**\n * A `CancelToken` is an object that can be used to request cancellation of an operation.\n *\n * @param {Function} executor The executor function.\n *\n * @returns {CancelToken}\n */\nclass CancelToken {\n  constructor(executor) {\n    if (typeof executor !== 'function') {\n      throw new TypeError('executor must be a function.');\n    }\n\n    let resolvePromise;\n\n    this.promise = new Promise(function promiseExecutor(resolve) {\n      resolvePromise = resolve;\n    });\n\n    const token = this;\n\n    // eslint-disable-next-line func-names\n    this.promise.then(cancel => {\n      if (!token._listeners) return;\n\n      let i = token._listeners.length;\n\n      while (i-- > 0) {\n        token._listeners[i](cancel);\n      }\n      token._listeners = null;\n    });\n\n    // eslint-disable-next-line func-names\n    this.promise.then = onfulfilled => {\n      let _resolve;\n      // eslint-disable-next-line func-names\n      const promise = new Promise(resolve => {\n        token.subscribe(resolve);\n        _resolve = resolve;\n      }).then(onfulfilled);\n\n      promise.cancel = function reject() {\n        token.unsubscribe(_resolve);\n      };\n\n      return promise;\n    };\n\n    executor(function cancel(message, config, request) {\n      if (token.reason) {\n        // Cancellation has already been requested\n        return;\n      }\n\n      token.reason = new CanceledError(message, config, request);\n      resolvePromise(token.reason);\n    });\n  }\n\n  /**\n   * Throws a `CanceledError` if cancellation has been requested.\n   */\n  throwIfRequested() {\n    if (this.reason) {\n      throw this.reason;\n    }\n  }\n\n  /**\n   * Subscribe to the cancel signal\n   */\n\n  subscribe(listener) {\n    if (this.reason) {\n      listener(this.reason);\n      return;\n    }\n\n    if (this._listeners) {\n      this._listeners.push(listener);\n    } else {\n      this._listeners = [listener];\n    }\n  }\n\n  /**\n   * Unsubscribe from the cancel signal\n   */\n\n  unsubscribe(listener) {\n    if (!this._listeners) {\n      return;\n    }\n    const index = this._listeners.indexOf(listener);\n    if (index !== -1) {\n      this._listeners.splice(index, 1);\n    }\n  }\n\n  /**\n   * Returns an object that contains a new `CancelToken` and a function that, when called,\n   * cancels the `CancelToken`.\n   */\n  static source() {\n    let cancel;\n    const token = new CancelToken(function executor(c) {\n      cancel = c;\n    });\n    return {\n      token,\n      cancel\n    };\n  }\n}\n\nexport default CancelToken;\n","'use strict';\n\n/**\n * Syntactic sugar for invoking a function and expanding an array for arguments.\n *\n * Common use case would be to use `Function.prototype.apply`.\n *\n *  ```js\n *  function f(x, y, z) {}\n *  var args = [1, 2, 3];\n *  f.apply(null, args);\n *  ```\n *\n * With `spread` this example can be re-written.\n *\n *  ```js\n *  spread(function(x, y, z) {})([1, 2, 3]);\n *  ```\n *\n * @param {Function} callback\n *\n * @returns {Function}\n */\nexport default function spread(callback) {\n  return function wrap(arr) {\n    return callback.apply(null, arr);\n  };\n}\n","'use strict';\n\nimport utils from './../utils.js';\n\n/**\n * Determines whether the payload is an error thrown by Axios\n *\n * @param {*} payload The value to test\n *\n * @returns {boolean} True if the payload is an error thrown by Axios, otherwise false\n */\nexport default function isAxiosError(payload) {\n  return utils.isObject(payload) && (payload.isAxiosError === true);\n}\n","'use strict';\n\nimport utils from './utils.js';\nimport bind from './helpers/bind.js';\nimport Axios from './core/Axios.js';\nimport mergeConfig from './core/mergeConfig.js';\nimport defaults from './defaults/index.js';\nimport formDataToJSON from './helpers/formDataToJSON.js';\nimport CanceledError from './cancel/CanceledError.js';\nimport CancelToken from './cancel/CancelToken.js';\nimport isCancel from './cancel/isCancel.js';\nimport {VERSION} from './env/data.js';\nimport toFormData from './helpers/toFormData.js';\nimport AxiosError from './core/AxiosError.js';\nimport spread from './helpers/spread.js';\nimport isAxiosError from './helpers/isAxiosError.js';\nimport AxiosHeaders from \"./core/AxiosHeaders.js\";\n\n/**\n * Create an instance of Axios\n *\n * @param {Object} defaultConfig The default config for the instance\n *\n * @returns {Axios} A new instance of Axios\n */\nfunction createInstance(defaultConfig) {\n  const context = new Axios(defaultConfig);\n  const instance = bind(Axios.prototype.request, context);\n\n  // Copy axios.prototype to instance\n  utils.extend(instance, Axios.prototype, context, {allOwnKeys: true});\n\n  // Copy context to instance\n  utils.extend(instance, context, null, {allOwnKeys: true});\n\n  // Factory for creating new instances\n  instance.create = function create(instanceConfig) {\n    return createInstance(mergeConfig(defaultConfig, instanceConfig));\n  };\n\n  return instance;\n}\n\n// Create the default instance to be exported\nconst axios = createInstance(defaults);\n\n// Expose Axios class to allow class inheritance\naxios.Axios = Axios;\n\n// Expose Cancel & CancelToken\naxios.CanceledError = CanceledError;\naxios.CancelToken = CancelToken;\naxios.isCancel = isCancel;\naxios.VERSION = VERSION;\naxios.toFormData = toFormData;\n\n// Expose AxiosError class\naxios.AxiosError = AxiosError;\n\n// alias for CanceledError for backward compatibility\naxios.Cancel = axios.CanceledError;\n\n// Expose all/spread\naxios.all = function all(promises) {\n  return Promise.all(promises);\n};\n\naxios.spread = spread;\n\n// Expose isAxiosError\naxios.isAxiosError = isAxiosError;\n\n// Expose mergeConfig\naxios.mergeConfig = mergeConfig;\n\naxios.AxiosHeaders = AxiosHeaders;\n\naxios.formToJSON = thing => formDataToJSON(utils.isHTMLForm(thing) ? new FormData(thing) : thing);\n\naxios.default = axios;\n\n// this module should only have a default export\nexport default axios\n","/*\r\n *      bignumber.js v9.1.2\r\n *      A JavaScript library for arbitrary-precision arithmetic.\r\n *      https://github.com/MikeMcl/bignumber.js\r\n *      Copyright (c) 2022 Michael Mclaughlin <M8ch88l@gmail.com>\r\n *      MIT Licensed.\r\n *\r\n *      BigNumber.prototype methods     |  BigNumber methods\r\n *                                      |\r\n *      absoluteValue            abs    |  clone\r\n *      comparedTo                      |  config               set\r\n *      decimalPlaces            dp     |      DECIMAL_PLACES\r\n *      dividedBy                div    |      ROUNDING_MODE\r\n *      dividedToIntegerBy       idiv   |      EXPONENTIAL_AT\r\n *      exponentiatedBy          pow    |      RANGE\r\n *      integerValue                    |      CRYPTO\r\n *      isEqualTo                eq     |      MODULO_MODE\r\n *      isFinite                        |      POW_PRECISION\r\n *      isGreaterThan            gt     |      FORMAT\r\n *      isGreaterThanOrEqualTo   gte    |      ALPHABET\r\n *      isInteger                       |  isBigNumber\r\n *      isLessThan               lt     |  maximum              max\r\n *      isLessThanOrEqualTo      lte    |  minimum              min\r\n *      isNaN                           |  random\r\n *      isNegative                      |  sum\r\n *      isPositive                      |\r\n *      isZero                          |\r\n *      minus                           |\r\n *      modulo                   mod    |\r\n *      multipliedBy             times  |\r\n *      negated                         |\r\n *      plus                            |\r\n *      precision                sd     |\r\n *      shiftedBy                       |\r\n *      squareRoot               sqrt   |\r\n *      toExponential                   |\r\n *      toFixed                         |\r\n *      toFormat                        |\r\n *      toFraction                      |\r\n *      toJSON                          |\r\n *      toNumber                        |\r\n *      toPrecision                     |\r\n *      toString                        |\r\n *      valueOf                         |\r\n *\r\n */\r\n\r\n\r\nvar\r\n  isNumeric = /^-?(?:\\d+(?:\\.\\d*)?|\\.\\d+)(?:e[+-]?\\d+)?$/i,\r\n  mathceil = Math.ceil,\r\n  mathfloor = Math.floor,\r\n\r\n  bignumberError = '[BigNumber Error] ',\r\n  tooManyDigits = bignumberError + 'Number primitive has more than 15 significant digits: ',\r\n\r\n  BASE = 1e14,\r\n  LOG_BASE = 14,\r\n  MAX_SAFE_INTEGER = 0x1fffffffffffff,         // 2^53 - 1\r\n  // MAX_INT32 = 0x7fffffff,                   // 2^31 - 1\r\n  POWS_TEN = [1, 10, 100, 1e3, 1e4, 1e5, 1e6, 1e7, 1e8, 1e9, 1e10, 1e11, 1e12, 1e13],\r\n  SQRT_BASE = 1e7,\r\n\r\n  // EDITABLE\r\n  // The limit on the value of DECIMAL_PLACES, TO_EXP_NEG, TO_EXP_POS, MIN_EXP, MAX_EXP, and\r\n  // the arguments to toExponential, toFixed, toFormat, and toPrecision.\r\n  MAX = 1E9;                                   // 0 to MAX_INT32\r\n\r\n\r\n/*\r\n * Create and return a BigNumber constructor.\r\n */\r\nfunction clone(configObject) {\r\n  var div, convertBase, parseNumeric,\r\n    P = BigNumber.prototype = { constructor: BigNumber, toString: null, valueOf: null },\r\n    ONE = new BigNumber(1),\r\n\r\n\r\n    //----------------------------- EDITABLE CONFIG DEFAULTS -------------------------------\r\n\r\n\r\n    // The default values below must be integers within the inclusive ranges stated.\r\n    // The values can also be changed at run-time using BigNumber.set.\r\n\r\n    // The maximum number of decimal places for operations involving division.\r\n    DECIMAL_PLACES = 20,                     // 0 to MAX\r\n\r\n    // The rounding mode used when rounding to the above decimal places, and when using\r\n    // toExponential, toFixed, toFormat and toPrecision, and round (default value).\r\n    // UP         0 Away from zero.\r\n    // DOWN       1 Towards zero.\r\n    // CEIL       2 Towards +Infinity.\r\n    // FLOOR      3 Towards -Infinity.\r\n    // HALF_UP    4 Towards nearest neighbour. If equidistant, up.\r\n    // HALF_DOWN  5 Towards nearest neighbour. If equidistant, down.\r\n    // HALF_EVEN  6 Towards nearest neighbour. If equidistant, towards even neighbour.\r\n    // HALF_CEIL  7 Towards nearest neighbour. If equidistant, towards +Infinity.\r\n    // HALF_FLOOR 8 Towards nearest neighbour. If equidistant, towards -Infinity.\r\n    ROUNDING_MODE = 4,                       // 0 to 8\r\n\r\n    // EXPONENTIAL_AT : [TO_EXP_NEG , TO_EXP_POS]\r\n\r\n    // The exponent value at and beneath which toString returns exponential notation.\r\n    // Number type: -7\r\n    TO_EXP_NEG = -7,                         // 0 to -MAX\r\n\r\n    // The exponent value at and above which toString returns exponential notation.\r\n    // Number type: 21\r\n    TO_EXP_POS = 21,                         // 0 to MAX\r\n\r\n    // RANGE : [MIN_EXP, MAX_EXP]\r\n\r\n    // The minimum exponent value, beneath which underflow to zero occurs.\r\n    // Number type: -324  (5e-324)\r\n    MIN_EXP = -1e7,                          // -1 to -MAX\r\n\r\n    // The maximum exponent value, above which overflow to Infinity occurs.\r\n    // Number type:  308  (1.7976931348623157e+308)\r\n    // For MAX_EXP > 1e7, e.g. new BigNumber('1e100000000').plus(1) may be slow.\r\n    MAX_EXP = 1e7,                           // 1 to MAX\r\n\r\n    // Whether to use cryptographically-secure random number generation, if available.\r\n    CRYPTO = false,                          // true or false\r\n\r\n    // The modulo mode used when calculating the modulus: a mod n.\r\n    // The quotient (q = a / n) is calculated according to the corresponding rounding mode.\r\n    // The remainder (r) is calculated as: r = a - n * q.\r\n    //\r\n    // UP        0 The remainder is positive if the dividend is negative, else is negative.\r\n    // DOWN      1 The remainder has the same sign as the dividend.\r\n    //             This modulo mode is commonly known as 'truncated division' and is\r\n    //             equivalent to (a % n) in JavaScript.\r\n    // FLOOR     3 The remainder has the same sign as the divisor (Python %).\r\n    // HALF_EVEN 6 This modulo mode implements the IEEE 754 remainder function.\r\n    // EUCLID    9 Euclidian division. q = sign(n) * floor(a / abs(n)).\r\n    //             The remainder is always positive.\r\n    //\r\n    // The truncated division, floored division, Euclidian division and IEEE 754 remainder\r\n    // modes are commonly used for the modulus operation.\r\n    // Although the other rounding modes can also be used, they may not give useful results.\r\n    MODULO_MODE = 1,                         // 0 to 9\r\n\r\n    // The maximum number of significant digits of the result of the exponentiatedBy operation.\r\n    // If POW_PRECISION is 0, there will be unlimited significant digits.\r\n    POW_PRECISION = 0,                       // 0 to MAX\r\n\r\n    // The format specification used by the BigNumber.prototype.toFormat method.\r\n    FORMAT = {\r\n      prefix: '',\r\n      groupSize: 3,\r\n      secondaryGroupSize: 0,\r\n      groupSeparator: ',',\r\n      decimalSeparator: '.',\r\n      fractionGroupSize: 0,\r\n      fractionGroupSeparator: '\\xA0',        // non-breaking space\r\n      suffix: ''\r\n    },\r\n\r\n    // The alphabet used for base conversion. It must be at least 2 characters long, with no '+',\r\n    // '-', '.', whitespace, or repeated character.\r\n    // '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ$_'\r\n    ALPHABET = '0123456789abcdefghijklmnopqrstuvwxyz',\r\n    alphabetHasNormalDecimalDigits = true;\r\n\r\n\r\n  //------------------------------------------------------------------------------------------\r\n\r\n\r\n  // CONSTRUCTOR\r\n\r\n\r\n  /*\r\n   * The BigNumber constructor and exported function.\r\n   * Create and return a new instance of a BigNumber object.\r\n   *\r\n   * v {number|string|BigNumber} A numeric value.\r\n   * [b] {number} The base of v. Integer, 2 to ALPHABET.length inclusive.\r\n   */\r\n  function BigNumber(v, b) {\r\n    var alphabet, c, caseChanged, e, i, isNum, len, str,\r\n      x = this;\r\n\r\n    // Enable constructor call without `new`.\r\n    if (!(x instanceof BigNumber)) return new BigNumber(v, b);\r\n\r\n    if (b == null) {\r\n\r\n      if (v && v._isBigNumber === true) {\r\n        x.s = v.s;\r\n\r\n        if (!v.c || v.e > MAX_EXP) {\r\n          x.c = x.e = null;\r\n        } else if (v.e < MIN_EXP) {\r\n          x.c = [x.e = 0];\r\n        } else {\r\n          x.e = v.e;\r\n          x.c = v.c.slice();\r\n        }\r\n\r\n        return;\r\n      }\r\n\r\n      if ((isNum = typeof v == 'number') && v * 0 == 0) {\r\n\r\n        // Use `1 / n` to handle minus zero also.\r\n        x.s = 1 / v < 0 ? (v = -v, -1) : 1;\r\n\r\n        // Fast path for integers, where n < 2147483648 (2**31).\r\n        if (v === ~~v) {\r\n          for (e = 0, i = v; i >= 10; i /= 10, e++);\r\n\r\n          if (e > MAX_EXP) {\r\n            x.c = x.e = null;\r\n          } else {\r\n            x.e = e;\r\n            x.c = [v];\r\n          }\r\n\r\n          return;\r\n        }\r\n\r\n        str = String(v);\r\n      } else {\r\n\r\n        if (!isNumeric.test(str = String(v))) return parseNumeric(x, str, isNum);\r\n\r\n        x.s = str.charCodeAt(0) == 45 ? (str = str.slice(1), -1) : 1;\r\n      }\r\n\r\n      // Decimal point?\r\n      if ((e = str.indexOf('.')) > -1) str = str.replace('.', '');\r\n\r\n      // Exponential form?\r\n      if ((i = str.search(/e/i)) > 0) {\r\n\r\n        // Determine exponent.\r\n        if (e < 0) e = i;\r\n        e += +str.slice(i + 1);\r\n        str = str.substring(0, i);\r\n      } else if (e < 0) {\r\n\r\n        // Integer.\r\n        e = str.length;\r\n      }\r\n\r\n    } else {\r\n\r\n      // '[BigNumber Error] Base {not a primitive number|not an integer|out of range}: {b}'\r\n      intCheck(b, 2, ALPHABET.length, 'Base');\r\n\r\n      // Allow exponential notation to be used with base 10 argument, while\r\n      // also rounding to DECIMAL_PLACES as with other bases.\r\n      if (b == 10 && alphabetHasNormalDecimalDigits) {\r\n        x = new BigNumber(v);\r\n        return round(x, DECIMAL_PLACES + x.e + 1, ROUNDING_MODE);\r\n      }\r\n\r\n      str = String(v);\r\n\r\n      if (isNum = typeof v == 'number') {\r\n\r\n        // Avoid potential interpretation of Infinity and NaN as base 44+ values.\r\n        if (v * 0 != 0) return parseNumeric(x, str, isNum, b);\r\n\r\n        x.s = 1 / v < 0 ? (str = str.slice(1), -1) : 1;\r\n\r\n        // '[BigNumber Error] Number primitive has more than 15 significant digits: {n}'\r\n        if (BigNumber.DEBUG && str.replace(/^0\\.0*|\\./, '').length > 15) {\r\n          throw Error\r\n           (tooManyDigits + v);\r\n        }\r\n      } else {\r\n        x.s = str.charCodeAt(0) === 45 ? (str = str.slice(1), -1) : 1;\r\n      }\r\n\r\n      alphabet = ALPHABET.slice(0, b);\r\n      e = i = 0;\r\n\r\n      // Check that str is a valid base b number.\r\n      // Don't use RegExp, so alphabet can contain special characters.\r\n      for (len = str.length; i < len; i++) {\r\n        if (alphabet.indexOf(c = str.charAt(i)) < 0) {\r\n          if (c == '.') {\r\n\r\n            // If '.' is not the first character and it has not be found before.\r\n            if (i > e) {\r\n              e = len;\r\n              continue;\r\n            }\r\n          } else if (!caseChanged) {\r\n\r\n            // Allow e.g. hexadecimal 'FF' as well as 'ff'.\r\n            if (str == str.toUpperCase() && (str = str.toLowerCase()) ||\r\n                str == str.toLowerCase() && (str = str.toUpperCase())) {\r\n              caseChanged = true;\r\n              i = -1;\r\n              e = 0;\r\n              continue;\r\n            }\r\n          }\r\n\r\n          return parseNumeric(x, String(v), isNum, b);\r\n        }\r\n      }\r\n\r\n      // Prevent later check for length on converted number.\r\n      isNum = false;\r\n      str = convertBase(str, b, 10, x.s);\r\n\r\n      // Decimal point?\r\n      if ((e = str.indexOf('.')) > -1) str = str.replace('.', '');\r\n      else e = str.length;\r\n    }\r\n\r\n    // Determine leading zeros.\r\n    for (i = 0; str.charCodeAt(i) === 48; i++);\r\n\r\n    // Determine trailing zeros.\r\n    for (len = str.length; str.charCodeAt(--len) === 48;);\r\n\r\n    if (str = str.slice(i, ++len)) {\r\n      len -= i;\r\n\r\n      // '[BigNumber Error] Number primitive has more than 15 significant digits: {n}'\r\n      if (isNum && BigNumber.DEBUG &&\r\n        len > 15 && (v > MAX_SAFE_INTEGER || v !== mathfloor(v))) {\r\n          throw Error\r\n           (tooManyDigits + (x.s * v));\r\n      }\r\n\r\n       // Overflow?\r\n      if ((e = e - i - 1) > MAX_EXP) {\r\n\r\n        // Infinity.\r\n        x.c = x.e = null;\r\n\r\n      // Underflow?\r\n      } else if (e < MIN_EXP) {\r\n\r\n        // Zero.\r\n        x.c = [x.e = 0];\r\n      } else {\r\n        x.e = e;\r\n        x.c = [];\r\n\r\n        // Transform base\r\n\r\n        // e is the base 10 exponent.\r\n        // i is where to slice str to get the first element of the coefficient array.\r\n        i = (e + 1) % LOG_BASE;\r\n        if (e < 0) i += LOG_BASE;  // i < 1\r\n\r\n        if (i < len) {\r\n          if (i) x.c.push(+str.slice(0, i));\r\n\r\n          for (len -= LOG_BASE; i < len;) {\r\n            x.c.push(+str.slice(i, i += LOG_BASE));\r\n          }\r\n\r\n          i = LOG_BASE - (str = str.slice(i)).length;\r\n        } else {\r\n          i -= len;\r\n        }\r\n\r\n        for (; i--; str += '0');\r\n        x.c.push(+str);\r\n      }\r\n    } else {\r\n\r\n      // Zero.\r\n      x.c = [x.e = 0];\r\n    }\r\n  }\r\n\r\n\r\n  // CONSTRUCTOR PROPERTIES\r\n\r\n\r\n  BigNumber.clone = clone;\r\n\r\n  BigNumber.ROUND_UP = 0;\r\n  BigNumber.ROUND_DOWN = 1;\r\n  BigNumber.ROUND_CEIL = 2;\r\n  BigNumber.ROUND_FLOOR = 3;\r\n  BigNumber.ROUND_HALF_UP = 4;\r\n  BigNumber.ROUND_HALF_DOWN = 5;\r\n  BigNumber.ROUND_HALF_EVEN = 6;\r\n  BigNumber.ROUND_HALF_CEIL = 7;\r\n  BigNumber.ROUND_HALF_FLOOR = 8;\r\n  BigNumber.EUCLID = 9;\r\n\r\n\r\n  /*\r\n   * Configure infrequently-changing library-wide settings.\r\n   *\r\n   * Accept an object with the following optional properties (if the value of a property is\r\n   * a number, it must be an integer within the inclusive range stated):\r\n   *\r\n   *   DECIMAL_PLACES   {number}           0 to MAX\r\n   *   ROUNDING_MODE    {number}           0 to 8\r\n   *   EXPONENTIAL_AT   {number|number[]}  -MAX to MAX  or  [-MAX to 0, 0 to MAX]\r\n   *   RANGE            {number|number[]}  -MAX to MAX (not zero)  or  [-MAX to -1, 1 to MAX]\r\n   *   CRYPTO           {boolean}          true or false\r\n   *   MODULO_MODE      {number}           0 to 9\r\n   *   POW_PRECISION       {number}           0 to MAX\r\n   *   ALPHABET         {string}           A string of two or more unique characters which does\r\n   *                                       not contain '.'.\r\n   *   FORMAT           {object}           An object with some of the following properties:\r\n   *     prefix                 {string}\r\n   *     groupSize              {number}\r\n   *     secondaryGroupSize     {number}\r\n   *     groupSeparator         {string}\r\n   *     decimalSeparator       {string}\r\n   *     fractionGroupSize      {number}\r\n   *     fractionGroupSeparator {string}\r\n   *     suffix                 {string}\r\n   *\r\n   * (The values assigned to the above FORMAT object properties are not checked for validity.)\r\n   *\r\n   * E.g.\r\n   * BigNumber.config({ DECIMAL_PLACES : 20, ROUNDING_MODE : 4 })\r\n   *\r\n   * Ignore properties/parameters set to null or undefined, except for ALPHABET.\r\n   *\r\n   * Return an object with the properties current values.\r\n   */\r\n  BigNumber.config = BigNumber.set = function (obj) {\r\n    var p, v;\r\n\r\n    if (obj != null) {\r\n\r\n      if (typeof obj == 'object') {\r\n\r\n        // DECIMAL_PLACES {number} Integer, 0 to MAX inclusive.\r\n        // '[BigNumber Error] DECIMAL_PLACES {not a primitive number|not an integer|out of range}: {v}'\r\n        if (obj.hasOwnProperty(p = 'DECIMAL_PLACES')) {\r\n          v = obj[p];\r\n          intCheck(v, 0, MAX, p);\r\n          DECIMAL_PLACES = v;\r\n        }\r\n\r\n        // ROUNDING_MODE {number} Integer, 0 to 8 inclusive.\r\n        // '[BigNumber Error] ROUNDING_MODE {not a primitive number|not an integer|out of range}: {v}'\r\n        if (obj.hasOwnProperty(p = 'ROUNDING_MODE')) {\r\n          v = obj[p];\r\n          intCheck(v, 0, 8, p);\r\n          ROUNDING_MODE = v;\r\n        }\r\n\r\n        // EXPONENTIAL_AT {number|number[]}\r\n        // Integer, -MAX to MAX inclusive or\r\n        // [integer -MAX to 0 inclusive, 0 to MAX inclusive].\r\n        // '[BigNumber Error] EXPONENTIAL_AT {not a primitive number|not an integer|out of range}: {v}'\r\n        if (obj.hasOwnProperty(p = 'EXPONENTIAL_AT')) {\r\n          v = obj[p];\r\n          if (v && v.pop) {\r\n            intCheck(v[0], -MAX, 0, p);\r\n            intCheck(v[1], 0, MAX, p);\r\n            TO_EXP_NEG = v[0];\r\n            TO_EXP_POS = v[1];\r\n          } else {\r\n            intCheck(v, -MAX, MAX, p);\r\n            TO_EXP_NEG = -(TO_EXP_POS = v < 0 ? -v : v);\r\n          }\r\n        }\r\n\r\n        // RANGE {number|number[]} Non-zero integer, -MAX to MAX inclusive or\r\n        // [integer -MAX to -1 inclusive, integer 1 to MAX inclusive].\r\n        // '[BigNumber Error] RANGE {not a primitive number|not an integer|out of range|cannot be zero}: {v}'\r\n        if (obj.hasOwnProperty(p = 'RANGE')) {\r\n          v = obj[p];\r\n          if (v && v.pop) {\r\n            intCheck(v[0], -MAX, -1, p);\r\n            intCheck(v[1], 1, MAX, p);\r\n            MIN_EXP = v[0];\r\n            MAX_EXP = v[1];\r\n          } else {\r\n            intCheck(v, -MAX, MAX, p);\r\n            if (v) {\r\n              MIN_EXP = -(MAX_EXP = v < 0 ? -v : v);\r\n            } else {\r\n              throw Error\r\n               (bignumberError + p + ' cannot be zero: ' + v);\r\n            }\r\n          }\r\n        }\r\n\r\n        // CRYPTO {boolean} true or false.\r\n        // '[BigNumber Error] CRYPTO not true or false: {v}'\r\n        // '[BigNumber Error] crypto unavailable'\r\n        if (obj.hasOwnProperty(p = 'CRYPTO')) {\r\n          v = obj[p];\r\n          if (v === !!v) {\r\n            if (v) {\r\n              if (typeof crypto != 'undefined' && crypto &&\r\n               (crypto.getRandomValues || crypto.randomBytes)) {\r\n                CRYPTO = v;\r\n              } else {\r\n                CRYPTO = !v;\r\n                throw Error\r\n                 (bignumberError + 'crypto unavailable');\r\n              }\r\n            } else {\r\n              CRYPTO = v;\r\n            }\r\n          } else {\r\n            throw Error\r\n             (bignumberError + p + ' not true or false: ' + v);\r\n          }\r\n        }\r\n\r\n        // MODULO_MODE {number} Integer, 0 to 9 inclusive.\r\n        // '[BigNumber Error] MODULO_MODE {not a primitive number|not an integer|out of range}: {v}'\r\n        if (obj.hasOwnProperty(p = 'MODULO_MODE')) {\r\n          v = obj[p];\r\n          intCheck(v, 0, 9, p);\r\n          MODULO_MODE = v;\r\n        }\r\n\r\n        // POW_PRECISION {number} Integer, 0 to MAX inclusive.\r\n        // '[BigNumber Error] POW_PRECISION {not a primitive number|not an integer|out of range}: {v}'\r\n        if (obj.hasOwnProperty(p = 'POW_PRECISION')) {\r\n          v = obj[p];\r\n          intCheck(v, 0, MAX, p);\r\n          POW_PRECISION = v;\r\n        }\r\n\r\n        // FORMAT {object}\r\n        // '[BigNumber Error] FORMAT not an object: {v}'\r\n        if (obj.hasOwnProperty(p = 'FORMAT')) {\r\n          v = obj[p];\r\n          if (typeof v == 'object') FORMAT = v;\r\n          else throw Error\r\n           (bignumberError + p + ' not an object: ' + v);\r\n        }\r\n\r\n        // ALPHABET {string}\r\n        // '[BigNumber Error] ALPHABET invalid: {v}'\r\n        if (obj.hasOwnProperty(p = 'ALPHABET')) {\r\n          v = obj[p];\r\n\r\n          // Disallow if less than two characters,\r\n          // or if it contains '+', '-', '.', whitespace, or a repeated character.\r\n          if (typeof v == 'string' && !/^.?$|[+\\-.\\s]|(.).*\\1/.test(v)) {\r\n            alphabetHasNormalDecimalDigits = v.slice(0, 10) == '0123456789';\r\n            ALPHABET = v;\r\n          } else {\r\n            throw Error\r\n             (bignumberError + p + ' invalid: ' + v);\r\n          }\r\n        }\r\n\r\n      } else {\r\n\r\n        // '[BigNumber Error] Object expected: {v}'\r\n        throw Error\r\n         (bignumberError + 'Object expected: ' + obj);\r\n      }\r\n    }\r\n\r\n    return {\r\n      DECIMAL_PLACES: DECIMAL_PLACES,\r\n      ROUNDING_MODE: ROUNDING_MODE,\r\n      EXPONENTIAL_AT: [TO_EXP_NEG, TO_EXP_POS],\r\n      RANGE: [MIN_EXP, MAX_EXP],\r\n      CRYPTO: CRYPTO,\r\n      MODULO_MODE: MODULO_MODE,\r\n      POW_PRECISION: POW_PRECISION,\r\n      FORMAT: FORMAT,\r\n      ALPHABET: ALPHABET\r\n    };\r\n  };\r\n\r\n\r\n  /*\r\n   * Return true if v is a BigNumber instance, otherwise return false.\r\n   *\r\n   * If BigNumber.DEBUG is true, throw if a BigNumber instance is not well-formed.\r\n   *\r\n   * v {any}\r\n   *\r\n   * '[BigNumber Error] Invalid BigNumber: {v}'\r\n   */\r\n  BigNumber.isBigNumber = function (v) {\r\n    if (!v || v._isBigNumber !== true) return false;\r\n    if (!BigNumber.DEBUG) return true;\r\n\r\n    var i, n,\r\n      c = v.c,\r\n      e = v.e,\r\n      s = v.s;\r\n\r\n    out: if ({}.toString.call(c) == '[object Array]') {\r\n\r\n      if ((s === 1 || s === -1) && e >= -MAX && e <= MAX && e === mathfloor(e)) {\r\n\r\n        // If the first element is zero, the BigNumber value must be zero.\r\n        if (c[0] === 0) {\r\n          if (e === 0 && c.length === 1) return true;\r\n          break out;\r\n        }\r\n\r\n        // Calculate number of digits that c[0] should have, based on the exponent.\r\n        i = (e + 1) % LOG_BASE;\r\n        if (i < 1) i += LOG_BASE;\r\n\r\n        // Calculate number of digits of c[0].\r\n        //if (Math.ceil(Math.log(c[0] + 1) / Math.LN10) == i) {\r\n        if (String(c[0]).length == i) {\r\n\r\n          for (i = 0; i < c.length; i++) {\r\n            n = c[i];\r\n            if (n < 0 || n >= BASE || n !== mathfloor(n)) break out;\r\n          }\r\n\r\n          // Last element cannot be zero, unless it is the only element.\r\n          if (n !== 0) return true;\r\n        }\r\n      }\r\n\r\n    // Infinity/NaN\r\n    } else if (c === null && e === null && (s === null || s === 1 || s === -1)) {\r\n      return true;\r\n    }\r\n\r\n    throw Error\r\n      (bignumberError + 'Invalid BigNumber: ' + v);\r\n  };\r\n\r\n\r\n  /*\r\n   * Return a new BigNumber whose value is the maximum of the arguments.\r\n   *\r\n   * arguments {number|string|BigNumber}\r\n   */\r\n  BigNumber.maximum = BigNumber.max = function () {\r\n    return maxOrMin(arguments, -1);\r\n  };\r\n\r\n\r\n  /*\r\n   * Return a new BigNumber whose value is the minimum of the arguments.\r\n   *\r\n   * arguments {number|string|BigNumber}\r\n   */\r\n  BigNumber.minimum = BigNumber.min = function () {\r\n    return maxOrMin(arguments, 1);\r\n  };\r\n\r\n\r\n  /*\r\n   * Return a new BigNumber with a random value equal to or greater than 0 and less than 1,\r\n   * and with dp, or DECIMAL_PLACES if dp is omitted, decimal places (or less if trailing\r\n   * zeros are produced).\r\n   *\r\n   * [dp] {number} Decimal places. Integer, 0 to MAX inclusive.\r\n   *\r\n   * '[BigNumber Error] Argument {not a primitive number|not an integer|out of range}: {dp}'\r\n   * '[BigNumber Error] crypto unavailable'\r\n   */\r\n  BigNumber.random = (function () {\r\n    var pow2_53 = 0x20000000000000;\r\n\r\n    // Return a 53 bit integer n, where 0 <= n < 9007199254740992.\r\n    // Check if Math.random() produces more than 32 bits of randomness.\r\n    // If it does, assume at least 53 bits are produced, otherwise assume at least 30 bits.\r\n    // 0x40000000 is 2^30, 0x800000 is 2^23, 0x1fffff is 2^21 - 1.\r\n    var random53bitInt = (Math.random() * pow2_53) & 0x1fffff\r\n     ? function () { return mathfloor(Math.random() * pow2_53); }\r\n     : function () { return ((Math.random() * 0x40000000 | 0) * 0x800000) +\r\n       (Math.random() * 0x800000 | 0); };\r\n\r\n    return function (dp) {\r\n      var a, b, e, k, v,\r\n        i = 0,\r\n        c = [],\r\n        rand = new BigNumber(ONE);\r\n\r\n      if (dp == null) dp = DECIMAL_PLACES;\r\n      else intCheck(dp, 0, MAX);\r\n\r\n      k = mathceil(dp / LOG_BASE);\r\n\r\n      if (CRYPTO) {\r\n\r\n        // Browsers supporting crypto.getRandomValues.\r\n        if (crypto.getRandomValues) {\r\n\r\n          a = crypto.getRandomValues(new Uint32Array(k *= 2));\r\n\r\n          for (; i < k;) {\r\n\r\n            // 53 bits:\r\n            // ((Math.pow(2, 32) - 1) * Math.pow(2, 21)).toString(2)\r\n            // 11111 11111111 11111111 11111111 11100000 00000000 00000000\r\n            // ((Math.pow(2, 32) - 1) >>> 11).toString(2)\r\n            //                                     11111 11111111 11111111\r\n            // 0x20000 is 2^21.\r\n            v = a[i] * 0x20000 + (a[i + 1] >>> 11);\r\n\r\n            // Rejection sampling:\r\n            // 0 <= v < 9007199254740992\r\n            // Probability that v >= 9e15, is\r\n            // 7199254740992 / 9007199254740992 ~= 0.0008, i.e. 1 in 1251\r\n            if (v >= 9e15) {\r\n              b = crypto.getRandomValues(new Uint32Array(2));\r\n              a[i] = b[0];\r\n              a[i + 1] = b[1];\r\n            } else {\r\n\r\n              // 0 <= v <= 8999999999999999\r\n              // 0 <= (v % 1e14) <= 99999999999999\r\n              c.push(v % 1e14);\r\n              i += 2;\r\n            }\r\n          }\r\n          i = k / 2;\r\n\r\n        // Node.js supporting crypto.randomBytes.\r\n        } else if (crypto.randomBytes) {\r\n\r\n          // buffer\r\n          a = crypto.randomBytes(k *= 7);\r\n\r\n          for (; i < k;) {\r\n\r\n            // 0x1000000000000 is 2^48, 0x10000000000 is 2^40\r\n            // 0x100000000 is 2^32, 0x1000000 is 2^24\r\n            // 11111 11111111 11111111 11111111 11111111 11111111 11111111\r\n            // 0 <= v < 9007199254740992\r\n            v = ((a[i] & 31) * 0x1000000000000) + (a[i + 1] * 0x10000000000) +\r\n               (a[i + 2] * 0x100000000) + (a[i + 3] * 0x1000000) +\r\n               (a[i + 4] << 16) + (a[i + 5] << 8) + a[i + 6];\r\n\r\n            if (v >= 9e15) {\r\n              crypto.randomBytes(7).copy(a, i);\r\n            } else {\r\n\r\n              // 0 <= (v % 1e14) <= 99999999999999\r\n              c.push(v % 1e14);\r\n              i += 7;\r\n            }\r\n          }\r\n          i = k / 7;\r\n        } else {\r\n          CRYPTO = false;\r\n          throw Error\r\n           (bignumberError + 'crypto unavailable');\r\n        }\r\n      }\r\n\r\n      // Use Math.random.\r\n      if (!CRYPTO) {\r\n\r\n        for (; i < k;) {\r\n          v = random53bitInt();\r\n          if (v < 9e15) c[i++] = v % 1e14;\r\n        }\r\n      }\r\n\r\n      k = c[--i];\r\n      dp %= LOG_BASE;\r\n\r\n      // Convert trailing digits to zeros according to dp.\r\n      if (k && dp) {\r\n        v = POWS_TEN[LOG_BASE - dp];\r\n        c[i] = mathfloor(k / v) * v;\r\n      }\r\n\r\n      // Remove trailing elements which are zero.\r\n      for (; c[i] === 0; c.pop(), i--);\r\n\r\n      // Zero?\r\n      if (i < 0) {\r\n        c = [e = 0];\r\n      } else {\r\n\r\n        // Remove leading elements which are zero and adjust exponent accordingly.\r\n        for (e = -1 ; c[0] === 0; c.splice(0, 1), e -= LOG_BASE);\r\n\r\n        // Count the digits of the first element of c to determine leading zeros, and...\r\n        for (i = 1, v = c[0]; v >= 10; v /= 10, i++);\r\n\r\n        // adjust the exponent accordingly.\r\n        if (i < LOG_BASE) e -= LOG_BASE - i;\r\n      }\r\n\r\n      rand.e = e;\r\n      rand.c = c;\r\n      return rand;\r\n    };\r\n  })();\r\n\r\n\r\n   /*\r\n   * Return a BigNumber whose value is the sum of the arguments.\r\n   *\r\n   * arguments {number|string|BigNumber}\r\n   */\r\n  BigNumber.sum = function () {\r\n    var i = 1,\r\n      args = arguments,\r\n      sum = new BigNumber(args[0]);\r\n    for (; i < args.length;) sum = sum.plus(args[i++]);\r\n    return sum;\r\n  };\r\n\r\n\r\n  // PRIVATE FUNCTIONS\r\n\r\n\r\n  // Called by BigNumber and BigNumber.prototype.toString.\r\n  convertBase = (function () {\r\n    var decimal = '0123456789';\r\n\r\n    /*\r\n     * Convert string of baseIn to an array of numbers of baseOut.\r\n     * Eg. toBaseOut('255', 10, 16) returns [15, 15].\r\n     * Eg. toBaseOut('ff', 16, 10) returns [2, 5, 5].\r\n     */\r\n    function toBaseOut(str, baseIn, baseOut, alphabet) {\r\n      var j,\r\n        arr = [0],\r\n        arrL,\r\n        i = 0,\r\n        len = str.length;\r\n\r\n      for (; i < len;) {\r\n        for (arrL = arr.length; arrL--; arr[arrL] *= baseIn);\r\n\r\n        arr[0] += alphabet.indexOf(str.charAt(i++));\r\n\r\n        for (j = 0; j < arr.length; j++) {\r\n\r\n          if (arr[j] > baseOut - 1) {\r\n            if (arr[j + 1] == null) arr[j + 1] = 0;\r\n            arr[j + 1] += arr[j] / baseOut | 0;\r\n            arr[j] %= baseOut;\r\n          }\r\n        }\r\n      }\r\n\r\n      return arr.reverse();\r\n    }\r\n\r\n    // Convert a numeric string of baseIn to a numeric string of baseOut.\r\n    // If the caller is toString, we are converting from base 10 to baseOut.\r\n    // If the caller is BigNumber, we are converting from baseIn to base 10.\r\n    return function (str, baseIn, baseOut, sign, callerIsToString) {\r\n      var alphabet, d, e, k, r, x, xc, y,\r\n        i = str.indexOf('.'),\r\n        dp = DECIMAL_PLACES,\r\n        rm = ROUNDING_MODE;\r\n\r\n      // Non-integer.\r\n      if (i >= 0) {\r\n        k = POW_PRECISION;\r\n\r\n        // Unlimited precision.\r\n        POW_PRECISION = 0;\r\n        str = str.replace('.', '');\r\n        y = new BigNumber(baseIn);\r\n        x = y.pow(str.length - i);\r\n        POW_PRECISION = k;\r\n\r\n        // Convert str as if an integer, then restore the fraction part by dividing the\r\n        // result by its base raised to a power.\r\n\r\n        y.c = toBaseOut(toFixedPoint(coeffToString(x.c), x.e, '0'),\r\n         10, baseOut, decimal);\r\n        y.e = y.c.length;\r\n      }\r\n\r\n      // Convert the number as integer.\r\n\r\n      xc = toBaseOut(str, baseIn, baseOut, callerIsToString\r\n       ? (alphabet = ALPHABET, decimal)\r\n       : (alphabet = decimal, ALPHABET));\r\n\r\n      // xc now represents str as an integer and converted to baseOut. e is the exponent.\r\n      e = k = xc.length;\r\n\r\n      // Remove trailing zeros.\r\n      for (; xc[--k] == 0; xc.pop());\r\n\r\n      // Zero?\r\n      if (!xc[0]) return alphabet.charAt(0);\r\n\r\n      // Does str represent an integer? If so, no need for the division.\r\n      if (i < 0) {\r\n        --e;\r\n      } else {\r\n        x.c = xc;\r\n        x.e = e;\r\n\r\n        // The sign is needed for correct rounding.\r\n        x.s = sign;\r\n        x = div(x, y, dp, rm, baseOut);\r\n        xc = x.c;\r\n        r = x.r;\r\n        e = x.e;\r\n      }\r\n\r\n      // xc now represents str converted to baseOut.\r\n\r\n      // THe index of the rounding digit.\r\n      d = e + dp + 1;\r\n\r\n      // The rounding digit: the digit to the right of the digit that may be rounded up.\r\n      i = xc[d];\r\n\r\n      // Look at the rounding digits and mode to determine whether to round up.\r\n\r\n      k = baseOut / 2;\r\n      r = r || d < 0 || xc[d + 1] != null;\r\n\r\n      r = rm < 4 ? (i != null || r) && (rm == 0 || rm == (x.s < 0 ? 3 : 2))\r\n            : i > k || i == k &&(rm == 4 || r || rm == 6 && xc[d - 1] & 1 ||\r\n             rm == (x.s < 0 ? 8 : 7));\r\n\r\n      // If the index of the rounding digit is not greater than zero, or xc represents\r\n      // zero, then the result of the base conversion is zero or, if rounding up, a value\r\n      // such as 0.00001.\r\n      if (d < 1 || !xc[0]) {\r\n\r\n        // 1^-dp or 0\r\n        str = r ? toFixedPoint(alphabet.charAt(1), -dp, alphabet.charAt(0)) : alphabet.charAt(0);\r\n      } else {\r\n\r\n        // Truncate xc to the required number of decimal places.\r\n        xc.length = d;\r\n\r\n        // Round up?\r\n        if (r) {\r\n\r\n          // Rounding up may mean the previous digit has to be rounded up and so on.\r\n          for (--baseOut; ++xc[--d] > baseOut;) {\r\n            xc[d] = 0;\r\n\r\n            if (!d) {\r\n              ++e;\r\n              xc = [1].concat(xc);\r\n            }\r\n          }\r\n        }\r\n\r\n        // Determine trailing zeros.\r\n        for (k = xc.length; !xc[--k];);\r\n\r\n        // E.g. [4, 11, 15] becomes 4bf.\r\n        for (i = 0, str = ''; i <= k; str += alphabet.charAt(xc[i++]));\r\n\r\n        // Add leading zeros, decimal point and trailing zeros as required.\r\n        str = toFixedPoint(str, e, alphabet.charAt(0));\r\n      }\r\n\r\n      // The caller will add the sign.\r\n      return str;\r\n    };\r\n  })();\r\n\r\n\r\n  // Perform division in the specified base. Called by div and convertBase.\r\n  div = (function () {\r\n\r\n    // Assume non-zero x and k.\r\n    function multiply(x, k, base) {\r\n      var m, temp, xlo, xhi,\r\n        carry = 0,\r\n        i = x.length,\r\n        klo = k % SQRT_BASE,\r\n        khi = k / SQRT_BASE | 0;\r\n\r\n      for (x = x.slice(); i--;) {\r\n        xlo = x[i] % SQRT_BASE;\r\n        xhi = x[i] / SQRT_BASE | 0;\r\n        m = khi * xlo + xhi * klo;\r\n        temp = klo * xlo + ((m % SQRT_BASE) * SQRT_BASE) + carry;\r\n        carry = (temp / base | 0) + (m / SQRT_BASE | 0) + khi * xhi;\r\n        x[i] = temp % base;\r\n      }\r\n\r\n      if (carry) x = [carry].concat(x);\r\n\r\n      return x;\r\n    }\r\n\r\n    function compare(a, b, aL, bL) {\r\n      var i, cmp;\r\n\r\n      if (aL != bL) {\r\n        cmp = aL > bL ? 1 : -1;\r\n      } else {\r\n\r\n        for (i = cmp = 0; i < aL; i++) {\r\n\r\n          if (a[i] != b[i]) {\r\n            cmp = a[i] > b[i] ? 1 : -1;\r\n            break;\r\n          }\r\n        }\r\n      }\r\n\r\n      return cmp;\r\n    }\r\n\r\n    function subtract(a, b, aL, base) {\r\n      var i = 0;\r\n\r\n      // Subtract b from a.\r\n      for (; aL--;) {\r\n        a[aL] -= i;\r\n        i = a[aL] < b[aL] ? 1 : 0;\r\n        a[aL] = i * base + a[aL] - b[aL];\r\n      }\r\n\r\n      // Remove leading zeros.\r\n      for (; !a[0] && a.length > 1; a.splice(0, 1));\r\n    }\r\n\r\n    // x: dividend, y: divisor.\r\n    return function (x, y, dp, rm, base) {\r\n      var cmp, e, i, more, n, prod, prodL, q, qc, rem, remL, rem0, xi, xL, yc0,\r\n        yL, yz,\r\n        s = x.s == y.s ? 1 : -1,\r\n        xc = x.c,\r\n        yc = y.c;\r\n\r\n      // Either NaN, Infinity or 0?\r\n      if (!xc || !xc[0] || !yc || !yc[0]) {\r\n\r\n        return new BigNumber(\r\n\r\n         // Return NaN if either NaN, or both Infinity or 0.\r\n         !x.s || !y.s || (xc ? yc && xc[0] == yc[0] : !yc) ? NaN :\r\n\r\n          // Return ±0 if x is ±0 or y is ±Infinity, or return ±Infinity as y is ±0.\r\n          xc && xc[0] == 0 || !yc ? s * 0 : s / 0\r\n       );\r\n      }\r\n\r\n      q = new BigNumber(s);\r\n      qc = q.c = [];\r\n      e = x.e - y.e;\r\n      s = dp + e + 1;\r\n\r\n      if (!base) {\r\n        base = BASE;\r\n        e = bitFloor(x.e / LOG_BASE) - bitFloor(y.e / LOG_BASE);\r\n        s = s / LOG_BASE | 0;\r\n      }\r\n\r\n      // Result exponent may be one less then the current value of e.\r\n      // The coefficients of the BigNumbers from convertBase may have trailing zeros.\r\n      for (i = 0; yc[i] == (xc[i] || 0); i++);\r\n\r\n      if (yc[i] > (xc[i] || 0)) e--;\r\n\r\n      if (s < 0) {\r\n        qc.push(1);\r\n        more = true;\r\n      } else {\r\n        xL = xc.length;\r\n        yL = yc.length;\r\n        i = 0;\r\n        s += 2;\r\n\r\n        // Normalise xc and yc so highest order digit of yc is >= base / 2.\r\n\r\n        n = mathfloor(base / (yc[0] + 1));\r\n\r\n        // Not necessary, but to handle odd bases where yc[0] == (base / 2) - 1.\r\n        // if (n > 1 || n++ == 1 && yc[0] < base / 2) {\r\n        if (n > 1) {\r\n          yc = multiply(yc, n, base);\r\n          xc = multiply(xc, n, base);\r\n          yL = yc.length;\r\n          xL = xc.length;\r\n        }\r\n\r\n        xi = yL;\r\n        rem = xc.slice(0, yL);\r\n        remL = rem.length;\r\n\r\n        // Add zeros to make remainder as long as divisor.\r\n        for (; remL < yL; rem[remL++] = 0);\r\n        yz = yc.slice();\r\n        yz = [0].concat(yz);\r\n        yc0 = yc[0];\r\n        if (yc[1] >= base / 2) yc0++;\r\n        // Not necessary, but to prevent trial digit n > base, when using base 3.\r\n        // else if (base == 3 && yc0 == 1) yc0 = 1 + 1e-15;\r\n\r\n        do {\r\n          n = 0;\r\n\r\n          // Compare divisor and remainder.\r\n          cmp = compare(yc, rem, yL, remL);\r\n\r\n          // If divisor < remainder.\r\n          if (cmp < 0) {\r\n\r\n            // Calculate trial digit, n.\r\n\r\n            rem0 = rem[0];\r\n            if (yL != remL) rem0 = rem0 * base + (rem[1] || 0);\r\n\r\n            // n is how many times the divisor goes into the current remainder.\r\n            n = mathfloor(rem0 / yc0);\r\n\r\n            //  Algorithm:\r\n            //  product = divisor multiplied by trial digit (n).\r\n            //  Compare product and remainder.\r\n            //  If product is greater than remainder:\r\n            //    Subtract divisor from product, decrement trial digit.\r\n            //  Subtract product from remainder.\r\n            //  If product was less than remainder at the last compare:\r\n            //    Compare new remainder and divisor.\r\n            //    If remainder is greater than divisor:\r\n            //      Subtract divisor from remainder, increment trial digit.\r\n\r\n            if (n > 1) {\r\n\r\n              // n may be > base only when base is 3.\r\n              if (n >= base) n = base - 1;\r\n\r\n              // product = divisor * trial digit.\r\n              prod = multiply(yc, n, base);\r\n              prodL = prod.length;\r\n              remL = rem.length;\r\n\r\n              // Compare product and remainder.\r\n              // If product > remainder then trial digit n too high.\r\n              // n is 1 too high about 5% of the time, and is not known to have\r\n              // ever been more than 1 too high.\r\n              while (compare(prod, rem, prodL, remL) == 1) {\r\n                n--;\r\n\r\n                // Subtract divisor from product.\r\n                subtract(prod, yL < prodL ? yz : yc, prodL, base);\r\n                prodL = prod.length;\r\n                cmp = 1;\r\n              }\r\n            } else {\r\n\r\n              // n is 0 or 1, cmp is -1.\r\n              // If n is 0, there is no need to compare yc and rem again below,\r\n              // so change cmp to 1 to avoid it.\r\n              // If n is 1, leave cmp as -1, so yc and rem are compared again.\r\n              if (n == 0) {\r\n\r\n                // divisor < remainder, so n must be at least 1.\r\n                cmp = n = 1;\r\n              }\r\n\r\n              // product = divisor\r\n              prod = yc.slice();\r\n              prodL = prod.length;\r\n            }\r\n\r\n            if (prodL < remL) prod = [0].concat(prod);\r\n\r\n            // Subtract product from remainder.\r\n            subtract(rem, prod, remL, base);\r\n            remL = rem.length;\r\n\r\n             // If product was < remainder.\r\n            if (cmp == -1) {\r\n\r\n              // Compare divisor and new remainder.\r\n              // If divisor < new remainder, subtract divisor from remainder.\r\n              // Trial digit n too low.\r\n              // n is 1 too low about 5% of the time, and very rarely 2 too low.\r\n              while (compare(yc, rem, yL, remL) < 1) {\r\n                n++;\r\n\r\n                // Subtract divisor from remainder.\r\n                subtract(rem, yL < remL ? yz : yc, remL, base);\r\n                remL = rem.length;\r\n              }\r\n            }\r\n          } else if (cmp === 0) {\r\n            n++;\r\n            rem = [0];\r\n          } // else cmp === 1 and n will be 0\r\n\r\n          // Add the next digit, n, to the result array.\r\n          qc[i++] = n;\r\n\r\n          // Update the remainder.\r\n          if (rem[0]) {\r\n            rem[remL++] = xc[xi] || 0;\r\n          } else {\r\n            rem = [xc[xi]];\r\n            remL = 1;\r\n          }\r\n        } while ((xi++ < xL || rem[0] != null) && s--);\r\n\r\n        more = rem[0] != null;\r\n\r\n        // Leading zero?\r\n        if (!qc[0]) qc.splice(0, 1);\r\n      }\r\n\r\n      if (base == BASE) {\r\n\r\n        // To calculate q.e, first get the number of digits of qc[0].\r\n        for (i = 1, s = qc[0]; s >= 10; s /= 10, i++);\r\n\r\n        round(q, dp + (q.e = i + e * LOG_BASE - 1) + 1, rm, more);\r\n\r\n      // Caller is convertBase.\r\n      } else {\r\n        q.e = e;\r\n        q.r = +more;\r\n      }\r\n\r\n      return q;\r\n    };\r\n  })();\r\n\r\n\r\n  /*\r\n   * Return a string representing the value of BigNumber n in fixed-point or exponential\r\n   * notation rounded to the specified decimal places or significant digits.\r\n   *\r\n   * n: a BigNumber.\r\n   * i: the index of the last digit required (i.e. the digit that may be rounded up).\r\n   * rm: the rounding mode.\r\n   * id: 1 (toExponential) or 2 (toPrecision).\r\n   */\r\n  function format(n, i, rm, id) {\r\n    var c0, e, ne, len, str;\r\n\r\n    if (rm == null) rm = ROUNDING_MODE;\r\n    else intCheck(rm, 0, 8);\r\n\r\n    if (!n.c) return n.toString();\r\n\r\n    c0 = n.c[0];\r\n    ne = n.e;\r\n\r\n    if (i == null) {\r\n      str = coeffToString(n.c);\r\n      str = id == 1 || id == 2 && (ne <= TO_EXP_NEG || ne >= TO_EXP_POS)\r\n       ? toExponential(str, ne)\r\n       : toFixedPoint(str, ne, '0');\r\n    } else {\r\n      n = round(new BigNumber(n), i, rm);\r\n\r\n      // n.e may have changed if the value was rounded up.\r\n      e = n.e;\r\n\r\n      str = coeffToString(n.c);\r\n      len = str.length;\r\n\r\n      // toPrecision returns exponential notation if the number of significant digits\r\n      // specified is less than the number of digits necessary to represent the integer\r\n      // part of the value in fixed-point notation.\r\n\r\n      // Exponential notation.\r\n      if (id == 1 || id == 2 && (i <= e || e <= TO_EXP_NEG)) {\r\n\r\n        // Append zeros?\r\n        for (; len < i; str += '0', len++);\r\n        str = toExponential(str, e);\r\n\r\n      // Fixed-point notation.\r\n      } else {\r\n        i -= ne;\r\n        str = toFixedPoint(str, e, '0');\r\n\r\n        // Append zeros?\r\n        if (e + 1 > len) {\r\n          if (--i > 0) for (str += '.'; i--; str += '0');\r\n        } else {\r\n          i += e - len;\r\n          if (i > 0) {\r\n            if (e + 1 == len) str += '.';\r\n            for (; i--; str += '0');\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    return n.s < 0 && c0 ? '-' + str : str;\r\n  }\r\n\r\n\r\n  // Handle BigNumber.max and BigNumber.min.\r\n  // If any number is NaN, return NaN.\r\n  function maxOrMin(args, n) {\r\n    var k, y,\r\n      i = 1,\r\n      x = new BigNumber(args[0]);\r\n\r\n    for (; i < args.length; i++) {\r\n      y = new BigNumber(args[i]);\r\n      if (!y.s || (k = compare(x, y)) === n || k === 0 && x.s === n) {\r\n        x = y;\r\n      }\r\n    }\r\n\r\n    return x;\r\n  }\r\n\r\n\r\n  /*\r\n   * Strip trailing zeros, calculate base 10 exponent and check against MIN_EXP and MAX_EXP.\r\n   * Called by minus, plus and times.\r\n   */\r\n  function normalise(n, c, e) {\r\n    var i = 1,\r\n      j = c.length;\r\n\r\n     // Remove trailing zeros.\r\n    for (; !c[--j]; c.pop());\r\n\r\n    // Calculate the base 10 exponent. First get the number of digits of c[0].\r\n    for (j = c[0]; j >= 10; j /= 10, i++);\r\n\r\n    // Overflow?\r\n    if ((e = i + e * LOG_BASE - 1) > MAX_EXP) {\r\n\r\n      // Infinity.\r\n      n.c = n.e = null;\r\n\r\n    // Underflow?\r\n    } else if (e < MIN_EXP) {\r\n\r\n      // Zero.\r\n      n.c = [n.e = 0];\r\n    } else {\r\n      n.e = e;\r\n      n.c = c;\r\n    }\r\n\r\n    return n;\r\n  }\r\n\r\n\r\n  // Handle values that fail the validity test in BigNumber.\r\n  parseNumeric = (function () {\r\n    var basePrefix = /^(-?)0([xbo])(?=\\w[\\w.]*$)/i,\r\n      dotAfter = /^([^.]+)\\.$/,\r\n      dotBefore = /^\\.([^.]+)$/,\r\n      isInfinityOrNaN = /^-?(Infinity|NaN)$/,\r\n      whitespaceOrPlus = /^\\s*\\+(?=[\\w.])|^\\s+|\\s+$/g;\r\n\r\n    return function (x, str, isNum, b) {\r\n      var base,\r\n        s = isNum ? str : str.replace(whitespaceOrPlus, '');\r\n\r\n      // No exception on ±Infinity or NaN.\r\n      if (isInfinityOrNaN.test(s)) {\r\n        x.s = isNaN(s) ? null : s < 0 ? -1 : 1;\r\n      } else {\r\n        if (!isNum) {\r\n\r\n          // basePrefix = /^(-?)0([xbo])(?=\\w[\\w.]*$)/i\r\n          s = s.replace(basePrefix, function (m, p1, p2) {\r\n            base = (p2 = p2.toLowerCase()) == 'x' ? 16 : p2 == 'b' ? 2 : 8;\r\n            return !b || b == base ? p1 : m;\r\n          });\r\n\r\n          if (b) {\r\n            base = b;\r\n\r\n            // E.g. '1.' to '1', '.1' to '0.1'\r\n            s = s.replace(dotAfter, '$1').replace(dotBefore, '0.$1');\r\n          }\r\n\r\n          if (str != s) return new BigNumber(s, base);\r\n        }\r\n\r\n        // '[BigNumber Error] Not a number: {n}'\r\n        // '[BigNumber Error] Not a base {b} number: {n}'\r\n        if (BigNumber.DEBUG) {\r\n          throw Error\r\n            (bignumberError + 'Not a' + (b ? ' base ' + b : '') + ' number: ' + str);\r\n        }\r\n\r\n        // NaN\r\n        x.s = null;\r\n      }\r\n\r\n      x.c = x.e = null;\r\n    }\r\n  })();\r\n\r\n\r\n  /*\r\n   * Round x to sd significant digits using rounding mode rm. Check for over/under-flow.\r\n   * If r is truthy, it is known that there are more digits after the rounding digit.\r\n   */\r\n  function round(x, sd, rm, r) {\r\n    var d, i, j, k, n, ni, rd,\r\n      xc = x.c,\r\n      pows10 = POWS_TEN;\r\n\r\n    // if x is not Infinity or NaN...\r\n    if (xc) {\r\n\r\n      // rd is the rounding digit, i.e. the digit after the digit that may be rounded up.\r\n      // n is a base 1e14 number, the value of the element of array x.c containing rd.\r\n      // ni is the index of n within x.c.\r\n      // d is the number of digits of n.\r\n      // i is the index of rd within n including leading zeros.\r\n      // j is the actual index of rd within n (if < 0, rd is a leading zero).\r\n      out: {\r\n\r\n        // Get the number of digits of the first element of xc.\r\n        for (d = 1, k = xc[0]; k >= 10; k /= 10, d++);\r\n        i = sd - d;\r\n\r\n        // If the rounding digit is in the first element of xc...\r\n        if (i < 0) {\r\n          i += LOG_BASE;\r\n          j = sd;\r\n          n = xc[ni = 0];\r\n\r\n          // Get the rounding digit at index j of n.\r\n          rd = mathfloor(n / pows10[d - j - 1] % 10);\r\n        } else {\r\n          ni = mathceil((i + 1) / LOG_BASE);\r\n\r\n          if (ni >= xc.length) {\r\n\r\n            if (r) {\r\n\r\n              // Needed by sqrt.\r\n              for (; xc.length <= ni; xc.push(0));\r\n              n = rd = 0;\r\n              d = 1;\r\n              i %= LOG_BASE;\r\n              j = i - LOG_BASE + 1;\r\n            } else {\r\n              break out;\r\n            }\r\n          } else {\r\n            n = k = xc[ni];\r\n\r\n            // Get the number of digits of n.\r\n            for (d = 1; k >= 10; k /= 10, d++);\r\n\r\n            // Get the index of rd within n.\r\n            i %= LOG_BASE;\r\n\r\n            // Get the index of rd within n, adjusted for leading zeros.\r\n            // The number of leading zeros of n is given by LOG_BASE - d.\r\n            j = i - LOG_BASE + d;\r\n\r\n            // Get the rounding digit at index j of n.\r\n            rd = j < 0 ? 0 : mathfloor(n / pows10[d - j - 1] % 10);\r\n          }\r\n        }\r\n\r\n        r = r || sd < 0 ||\r\n\r\n        // Are there any non-zero digits after the rounding digit?\r\n        // The expression  n % pows10[d - j - 1]  returns all digits of n to the right\r\n        // of the digit at j, e.g. if n is 908714 and j is 2, the expression gives 714.\r\n         xc[ni + 1] != null || (j < 0 ? n : n % pows10[d - j - 1]);\r\n\r\n        r = rm < 4\r\n         ? (rd || r) && (rm == 0 || rm == (x.s < 0 ? 3 : 2))\r\n         : rd > 5 || rd == 5 && (rm == 4 || r || rm == 6 &&\r\n\r\n          // Check whether the digit to the left of the rounding digit is odd.\r\n          ((i > 0 ? j > 0 ? n / pows10[d - j] : 0 : xc[ni - 1]) % 10) & 1 ||\r\n           rm == (x.s < 0 ? 8 : 7));\r\n\r\n        if (sd < 1 || !xc[0]) {\r\n          xc.length = 0;\r\n\r\n          if (r) {\r\n\r\n            // Convert sd to decimal places.\r\n            sd -= x.e + 1;\r\n\r\n            // 1, 0.1, 0.01, 0.001, 0.0001 etc.\r\n            xc[0] = pows10[(LOG_BASE - sd % LOG_BASE) % LOG_BASE];\r\n            x.e = -sd || 0;\r\n          } else {\r\n\r\n            // Zero.\r\n            xc[0] = x.e = 0;\r\n          }\r\n\r\n          return x;\r\n        }\r\n\r\n        // Remove excess digits.\r\n        if (i == 0) {\r\n          xc.length = ni;\r\n          k = 1;\r\n          ni--;\r\n        } else {\r\n          xc.length = ni + 1;\r\n          k = pows10[LOG_BASE - i];\r\n\r\n          // E.g. 56700 becomes 56000 if 7 is the rounding digit.\r\n          // j > 0 means i > number of leading zeros of n.\r\n          xc[ni] = j > 0 ? mathfloor(n / pows10[d - j] % pows10[j]) * k : 0;\r\n        }\r\n\r\n        // Round up?\r\n        if (r) {\r\n\r\n          for (; ;) {\r\n\r\n            // If the digit to be rounded up is in the first element of xc...\r\n            if (ni == 0) {\r\n\r\n              // i will be the length of xc[0] before k is added.\r\n              for (i = 1, j = xc[0]; j >= 10; j /= 10, i++);\r\n              j = xc[0] += k;\r\n              for (k = 1; j >= 10; j /= 10, k++);\r\n\r\n              // if i != k the length has increased.\r\n              if (i != k) {\r\n                x.e++;\r\n                if (xc[0] == BASE) xc[0] = 1;\r\n              }\r\n\r\n              break;\r\n            } else {\r\n              xc[ni] += k;\r\n              if (xc[ni] != BASE) break;\r\n              xc[ni--] = 0;\r\n              k = 1;\r\n            }\r\n          }\r\n        }\r\n\r\n        // Remove trailing zeros.\r\n        for (i = xc.length; xc[--i] === 0; xc.pop());\r\n      }\r\n\r\n      // Overflow? Infinity.\r\n      if (x.e > MAX_EXP) {\r\n        x.c = x.e = null;\r\n\r\n      // Underflow? Zero.\r\n      } else if (x.e < MIN_EXP) {\r\n        x.c = [x.e = 0];\r\n      }\r\n    }\r\n\r\n    return x;\r\n  }\r\n\r\n\r\n  function valueOf(n) {\r\n    var str,\r\n      e = n.e;\r\n\r\n    if (e === null) return n.toString();\r\n\r\n    str = coeffToString(n.c);\r\n\r\n    str = e <= TO_EXP_NEG || e >= TO_EXP_POS\r\n      ? toExponential(str, e)\r\n      : toFixedPoint(str, e, '0');\r\n\r\n    return n.s < 0 ? '-' + str : str;\r\n  }\r\n\r\n\r\n  // PROTOTYPE/INSTANCE METHODS\r\n\r\n\r\n  /*\r\n   * Return a new BigNumber whose value is the absolute value of this BigNumber.\r\n   */\r\n  P.absoluteValue = P.abs = function () {\r\n    var x = new BigNumber(this);\r\n    if (x.s < 0) x.s = 1;\r\n    return x;\r\n  };\r\n\r\n\r\n  /*\r\n   * Return\r\n   *   1 if the value of this BigNumber is greater than the value of BigNumber(y, b),\r\n   *   -1 if the value of this BigNumber is less than the value of BigNumber(y, b),\r\n   *   0 if they have the same value,\r\n   *   or null if the value of either is NaN.\r\n   */\r\n  P.comparedTo = function (y, b) {\r\n    return compare(this, new BigNumber(y, b));\r\n  };\r\n\r\n\r\n  /*\r\n   * If dp is undefined or null or true or false, return the number of decimal places of the\r\n   * value of this BigNumber, or null if the value of this BigNumber is ±Infinity or NaN.\r\n   *\r\n   * Otherwise, if dp is a number, return a new BigNumber whose value is the value of this\r\n   * BigNumber rounded to a maximum of dp decimal places using rounding mode rm, or\r\n   * ROUNDING_MODE if rm is omitted.\r\n   *\r\n   * [dp] {number} Decimal places: integer, 0 to MAX inclusive.\r\n   * [rm] {number} Rounding mode. Integer, 0 to 8 inclusive.\r\n   *\r\n   * '[BigNumber Error] Argument {not a primitive number|not an integer|out of range}: {dp|rm}'\r\n   */\r\n  P.decimalPlaces = P.dp = function (dp, rm) {\r\n    var c, n, v,\r\n      x = this;\r\n\r\n    if (dp != null) {\r\n      intCheck(dp, 0, MAX);\r\n      if (rm == null) rm = ROUNDING_MODE;\r\n      else intCheck(rm, 0, 8);\r\n\r\n      return round(new BigNumber(x), dp + x.e + 1, rm);\r\n    }\r\n\r\n    if (!(c = x.c)) return null;\r\n    n = ((v = c.length - 1) - bitFloor(this.e / LOG_BASE)) * LOG_BASE;\r\n\r\n    // Subtract the number of trailing zeros of the last number.\r\n    if (v = c[v]) for (; v % 10 == 0; v /= 10, n--);\r\n    if (n < 0) n = 0;\r\n\r\n    return n;\r\n  };\r\n\r\n\r\n  /*\r\n   *  n / 0 = I\r\n   *  n / N = N\r\n   *  n / I = 0\r\n   *  0 / n = 0\r\n   *  0 / 0 = N\r\n   *  0 / N = N\r\n   *  0 / I = 0\r\n   *  N / n = N\r\n   *  N / 0 = N\r\n   *  N / N = N\r\n   *  N / I = N\r\n   *  I / n = I\r\n   *  I / 0 = I\r\n   *  I / N = N\r\n   *  I / I = N\r\n   *\r\n   * Return a new BigNumber whose value is the value of this BigNumber divided by the value of\r\n   * BigNumber(y, b), rounded according to DECIMAL_PLACES and ROUNDING_MODE.\r\n   */\r\n  P.dividedBy = P.div = function (y, b) {\r\n    return div(this, new BigNumber(y, b), DECIMAL_PLACES, ROUNDING_MODE);\r\n  };\r\n\r\n\r\n  /*\r\n   * Return a new BigNumber whose value is the integer part of dividing the value of this\r\n   * BigNumber by the value of BigNumber(y, b).\r\n   */\r\n  P.dividedToIntegerBy = P.idiv = function (y, b) {\r\n    return div(this, new BigNumber(y, b), 0, 1);\r\n  };\r\n\r\n\r\n  /*\r\n   * Return a BigNumber whose value is the value of this BigNumber exponentiated by n.\r\n   *\r\n   * If m is present, return the result modulo m.\r\n   * If n is negative round according to DECIMAL_PLACES and ROUNDING_MODE.\r\n   * If POW_PRECISION is non-zero and m is not present, round to POW_PRECISION using ROUNDING_MODE.\r\n   *\r\n   * The modular power operation works efficiently when x, n, and m are integers, otherwise it\r\n   * is equivalent to calculating x.exponentiatedBy(n).modulo(m) with a POW_PRECISION of 0.\r\n   *\r\n   * n {number|string|BigNumber} The exponent. An integer.\r\n   * [m] {number|string|BigNumber} The modulus.\r\n   *\r\n   * '[BigNumber Error] Exponent not an integer: {n}'\r\n   */\r\n  P.exponentiatedBy = P.pow = function (n, m) {\r\n    var half, isModExp, i, k, more, nIsBig, nIsNeg, nIsOdd, y,\r\n      x = this;\r\n\r\n    n = new BigNumber(n);\r\n\r\n    // Allow NaN and ±Infinity, but not other non-integers.\r\n    if (n.c && !n.isInteger()) {\r\n      throw Error\r\n        (bignumberError + 'Exponent not an integer: ' + valueOf(n));\r\n    }\r\n\r\n    if (m != null) m = new BigNumber(m);\r\n\r\n    // Exponent of MAX_SAFE_INTEGER is 15.\r\n    nIsBig = n.e > 14;\r\n\r\n    // If x is NaN, ±Infinity, ±0 or ±1, or n is ±Infinity, NaN or ±0.\r\n    if (!x.c || !x.c[0] || x.c[0] == 1 && !x.e && x.c.length == 1 || !n.c || !n.c[0]) {\r\n\r\n      // The sign of the result of pow when x is negative depends on the evenness of n.\r\n      // If +n overflows to ±Infinity, the evenness of n would be not be known.\r\n      y = new BigNumber(Math.pow(+valueOf(x), nIsBig ? n.s * (2 - isOdd(n)) : +valueOf(n)));\r\n      return m ? y.mod(m) : y;\r\n    }\r\n\r\n    nIsNeg = n.s < 0;\r\n\r\n    if (m) {\r\n\r\n      // x % m returns NaN if abs(m) is zero, or m is NaN.\r\n      if (m.c ? !m.c[0] : !m.s) return new BigNumber(NaN);\r\n\r\n      isModExp = !nIsNeg && x.isInteger() && m.isInteger();\r\n\r\n      if (isModExp) x = x.mod(m);\r\n\r\n    // Overflow to ±Infinity: >=2**1e10 or >=1.0000024**1e15.\r\n    // Underflow to ±0: <=0.79**1e10 or <=0.9999975**1e15.\r\n    } else if (n.e > 9 && (x.e > 0 || x.e < -1 || (x.e == 0\r\n      // [1, 240000000]\r\n      ? x.c[0] > 1 || nIsBig && x.c[1] >= 24e7\r\n      // [80000000000000]  [99999750000000]\r\n      : x.c[0] < 8e13 || nIsBig && x.c[0] <= 9999975e7))) {\r\n\r\n      // If x is negative and n is odd, k = -0, else k = 0.\r\n      k = x.s < 0 && isOdd(n) ? -0 : 0;\r\n\r\n      // If x >= 1, k = ±Infinity.\r\n      if (x.e > -1) k = 1 / k;\r\n\r\n      // If n is negative return ±0, else return ±Infinity.\r\n      return new BigNumber(nIsNeg ? 1 / k : k);\r\n\r\n    } else if (POW_PRECISION) {\r\n\r\n      // Truncating each coefficient array to a length of k after each multiplication\r\n      // equates to truncating significant digits to POW_PRECISION + [28, 41],\r\n      // i.e. there will be a minimum of 28 guard digits retained.\r\n      k = mathceil(POW_PRECISION / LOG_BASE + 2);\r\n    }\r\n\r\n    if (nIsBig) {\r\n      half = new BigNumber(0.5);\r\n      if (nIsNeg) n.s = 1;\r\n      nIsOdd = isOdd(n);\r\n    } else {\r\n      i = Math.abs(+valueOf(n));\r\n      nIsOdd = i % 2;\r\n    }\r\n\r\n    y = new BigNumber(ONE);\r\n\r\n    // Performs 54 loop iterations for n of 9007199254740991.\r\n    for (; ;) {\r\n\r\n      if (nIsOdd) {\r\n        y = y.times(x);\r\n        if (!y.c) break;\r\n\r\n        if (k) {\r\n          if (y.c.length > k) y.c.length = k;\r\n        } else if (isModExp) {\r\n          y = y.mod(m);    //y = y.minus(div(y, m, 0, MODULO_MODE).times(m));\r\n        }\r\n      }\r\n\r\n      if (i) {\r\n        i = mathfloor(i / 2);\r\n        if (i === 0) break;\r\n        nIsOdd = i % 2;\r\n      } else {\r\n        n = n.times(half);\r\n        round(n, n.e + 1, 1);\r\n\r\n        if (n.e > 14) {\r\n          nIsOdd = isOdd(n);\r\n        } else {\r\n          i = +valueOf(n);\r\n          if (i === 0) break;\r\n          nIsOdd = i % 2;\r\n        }\r\n      }\r\n\r\n      x = x.times(x);\r\n\r\n      if (k) {\r\n        if (x.c && x.c.length > k) x.c.length = k;\r\n      } else if (isModExp) {\r\n        x = x.mod(m);    //x = x.minus(div(x, m, 0, MODULO_MODE).times(m));\r\n      }\r\n    }\r\n\r\n    if (isModExp) return y;\r\n    if (nIsNeg) y = ONE.div(y);\r\n\r\n    return m ? y.mod(m) : k ? round(y, POW_PRECISION, ROUNDING_MODE, more) : y;\r\n  };\r\n\r\n\r\n  /*\r\n   * Return a new BigNumber whose value is the value of this BigNumber rounded to an integer\r\n   * using rounding mode rm, or ROUNDING_MODE if rm is omitted.\r\n   *\r\n   * [rm] {number} Rounding mode. Integer, 0 to 8 inclusive.\r\n   *\r\n   * '[BigNumber Error] Argument {not a primitive number|not an integer|out of range}: {rm}'\r\n   */\r\n  P.integerValue = function (rm) {\r\n    var n = new BigNumber(this);\r\n    if (rm == null) rm = ROUNDING_MODE;\r\n    else intCheck(rm, 0, 8);\r\n    return round(n, n.e + 1, rm);\r\n  };\r\n\r\n\r\n  /*\r\n   * Return true if the value of this BigNumber is equal to the value of BigNumber(y, b),\r\n   * otherwise return false.\r\n   */\r\n  P.isEqualTo = P.eq = function (y, b) {\r\n    return compare(this, new BigNumber(y, b)) === 0;\r\n  };\r\n\r\n\r\n  /*\r\n   * Return true if the value of this BigNumber is a finite number, otherwise return false.\r\n   */\r\n  P.isFinite = function () {\r\n    return !!this.c;\r\n  };\r\n\r\n\r\n  /*\r\n   * Return true if the value of this BigNumber is greater than the value of BigNumber(y, b),\r\n   * otherwise return false.\r\n   */\r\n  P.isGreaterThan = P.gt = function (y, b) {\r\n    return compare(this, new BigNumber(y, b)) > 0;\r\n  };\r\n\r\n\r\n  /*\r\n   * Return true if the value of this BigNumber is greater than or equal to the value of\r\n   * BigNumber(y, b), otherwise return false.\r\n   */\r\n  P.isGreaterThanOrEqualTo = P.gte = function (y, b) {\r\n    return (b = compare(this, new BigNumber(y, b))) === 1 || b === 0;\r\n\r\n  };\r\n\r\n\r\n  /*\r\n   * Return true if the value of this BigNumber is an integer, otherwise return false.\r\n   */\r\n  P.isInteger = function () {\r\n    return !!this.c && bitFloor(this.e / LOG_BASE) > this.c.length - 2;\r\n  };\r\n\r\n\r\n  /*\r\n   * Return true if the value of this BigNumber is less than the value of BigNumber(y, b),\r\n   * otherwise return false.\r\n   */\r\n  P.isLessThan = P.lt = function (y, b) {\r\n    return compare(this, new BigNumber(y, b)) < 0;\r\n  };\r\n\r\n\r\n  /*\r\n   * Return true if the value of this BigNumber is less than or equal to the value of\r\n   * BigNumber(y, b), otherwise return false.\r\n   */\r\n  P.isLessThanOrEqualTo = P.lte = function (y, b) {\r\n    return (b = compare(this, new BigNumber(y, b))) === -1 || b === 0;\r\n  };\r\n\r\n\r\n  /*\r\n   * Return true if the value of this BigNumber is NaN, otherwise return false.\r\n   */\r\n  P.isNaN = function () {\r\n    return !this.s;\r\n  };\r\n\r\n\r\n  /*\r\n   * Return true if the value of this BigNumber is negative, otherwise return false.\r\n   */\r\n  P.isNegative = function () {\r\n    return this.s < 0;\r\n  };\r\n\r\n\r\n  /*\r\n   * Return true if the value of this BigNumber is positive, otherwise return false.\r\n   */\r\n  P.isPositive = function () {\r\n    return this.s > 0;\r\n  };\r\n\r\n\r\n  /*\r\n   * Return true if the value of this BigNumber is 0 or -0, otherwise return false.\r\n   */\r\n  P.isZero = function () {\r\n    return !!this.c && this.c[0] == 0;\r\n  };\r\n\r\n\r\n  /*\r\n   *  n - 0 = n\r\n   *  n - N = N\r\n   *  n - I = -I\r\n   *  0 - n = -n\r\n   *  0 - 0 = 0\r\n   *  0 - N = N\r\n   *  0 - I = -I\r\n   *  N - n = N\r\n   *  N - 0 = N\r\n   *  N - N = N\r\n   *  N - I = N\r\n   *  I - n = I\r\n   *  I - 0 = I\r\n   *  I - N = N\r\n   *  I - I = N\r\n   *\r\n   * Return a new BigNumber whose value is the value of this BigNumber minus the value of\r\n   * BigNumber(y, b).\r\n   */\r\n  P.minus = function (y, b) {\r\n    var i, j, t, xLTy,\r\n      x = this,\r\n      a = x.s;\r\n\r\n    y = new BigNumber(y, b);\r\n    b = y.s;\r\n\r\n    // Either NaN?\r\n    if (!a || !b) return new BigNumber(NaN);\r\n\r\n    // Signs differ?\r\n    if (a != b) {\r\n      y.s = -b;\r\n      return x.plus(y);\r\n    }\r\n\r\n    var xe = x.e / LOG_BASE,\r\n      ye = y.e / LOG_BASE,\r\n      xc = x.c,\r\n      yc = y.c;\r\n\r\n    if (!xe || !ye) {\r\n\r\n      // Either Infinity?\r\n      if (!xc || !yc) return xc ? (y.s = -b, y) : new BigNumber(yc ? x : NaN);\r\n\r\n      // Either zero?\r\n      if (!xc[0] || !yc[0]) {\r\n\r\n        // Return y if y is non-zero, x if x is non-zero, or zero if both are zero.\r\n        return yc[0] ? (y.s = -b, y) : new BigNumber(xc[0] ? x :\r\n\r\n         // IEEE 754 (2008) 6.3: n - n = -0 when rounding to -Infinity\r\n         ROUNDING_MODE == 3 ? -0 : 0);\r\n      }\r\n    }\r\n\r\n    xe = bitFloor(xe);\r\n    ye = bitFloor(ye);\r\n    xc = xc.slice();\r\n\r\n    // Determine which is the bigger number.\r\n    if (a = xe - ye) {\r\n\r\n      if (xLTy = a < 0) {\r\n        a = -a;\r\n        t = xc;\r\n      } else {\r\n        ye = xe;\r\n        t = yc;\r\n      }\r\n\r\n      t.reverse();\r\n\r\n      // Prepend zeros to equalise exponents.\r\n      for (b = a; b--; t.push(0));\r\n      t.reverse();\r\n    } else {\r\n\r\n      // Exponents equal. Check digit by digit.\r\n      j = (xLTy = (a = xc.length) < (b = yc.length)) ? a : b;\r\n\r\n      for (a = b = 0; b < j; b++) {\r\n\r\n        if (xc[b] != yc[b]) {\r\n          xLTy = xc[b] < yc[b];\r\n          break;\r\n        }\r\n      }\r\n    }\r\n\r\n    // x < y? Point xc to the array of the bigger number.\r\n    if (xLTy) {\r\n      t = xc;\r\n      xc = yc;\r\n      yc = t;\r\n      y.s = -y.s;\r\n    }\r\n\r\n    b = (j = yc.length) - (i = xc.length);\r\n\r\n    // Append zeros to xc if shorter.\r\n    // No need to add zeros to yc if shorter as subtract only needs to start at yc.length.\r\n    if (b > 0) for (; b--; xc[i++] = 0);\r\n    b = BASE - 1;\r\n\r\n    // Subtract yc from xc.\r\n    for (; j > a;) {\r\n\r\n      if (xc[--j] < yc[j]) {\r\n        for (i = j; i && !xc[--i]; xc[i] = b);\r\n        --xc[i];\r\n        xc[j] += BASE;\r\n      }\r\n\r\n      xc[j] -= yc[j];\r\n    }\r\n\r\n    // Remove leading zeros and adjust exponent accordingly.\r\n    for (; xc[0] == 0; xc.splice(0, 1), --ye);\r\n\r\n    // Zero?\r\n    if (!xc[0]) {\r\n\r\n      // Following IEEE 754 (2008) 6.3,\r\n      // n - n = +0  but  n - n = -0  when rounding towards -Infinity.\r\n      y.s = ROUNDING_MODE == 3 ? -1 : 1;\r\n      y.c = [y.e = 0];\r\n      return y;\r\n    }\r\n\r\n    // No need to check for Infinity as +x - +y != Infinity && -x - -y != Infinity\r\n    // for finite x and y.\r\n    return normalise(y, xc, ye);\r\n  };\r\n\r\n\r\n  /*\r\n   *   n % 0 =  N\r\n   *   n % N =  N\r\n   *   n % I =  n\r\n   *   0 % n =  0\r\n   *  -0 % n = -0\r\n   *   0 % 0 =  N\r\n   *   0 % N =  N\r\n   *   0 % I =  0\r\n   *   N % n =  N\r\n   *   N % 0 =  N\r\n   *   N % N =  N\r\n   *   N % I =  N\r\n   *   I % n =  N\r\n   *   I % 0 =  N\r\n   *   I % N =  N\r\n   *   I % I =  N\r\n   *\r\n   * Return a new BigNumber whose value is the value of this BigNumber modulo the value of\r\n   * BigNumber(y, b). The result depends on the value of MODULO_MODE.\r\n   */\r\n  P.modulo = P.mod = function (y, b) {\r\n    var q, s,\r\n      x = this;\r\n\r\n    y = new BigNumber(y, b);\r\n\r\n    // Return NaN if x is Infinity or NaN, or y is NaN or zero.\r\n    if (!x.c || !y.s || y.c && !y.c[0]) {\r\n      return new BigNumber(NaN);\r\n\r\n    // Return x if y is Infinity or x is zero.\r\n    } else if (!y.c || x.c && !x.c[0]) {\r\n      return new BigNumber(x);\r\n    }\r\n\r\n    if (MODULO_MODE == 9) {\r\n\r\n      // Euclidian division: q = sign(y) * floor(x / abs(y))\r\n      // r = x - qy    where  0 <= r < abs(y)\r\n      s = y.s;\r\n      y.s = 1;\r\n      q = div(x, y, 0, 3);\r\n      y.s = s;\r\n      q.s *= s;\r\n    } else {\r\n      q = div(x, y, 0, MODULO_MODE);\r\n    }\r\n\r\n    y = x.minus(q.times(y));\r\n\r\n    // To match JavaScript %, ensure sign of zero is sign of dividend.\r\n    if (!y.c[0] && MODULO_MODE == 1) y.s = x.s;\r\n\r\n    return y;\r\n  };\r\n\r\n\r\n  /*\r\n   *  n * 0 = 0\r\n   *  n * N = N\r\n   *  n * I = I\r\n   *  0 * n = 0\r\n   *  0 * 0 = 0\r\n   *  0 * N = N\r\n   *  0 * I = N\r\n   *  N * n = N\r\n   *  N * 0 = N\r\n   *  N * N = N\r\n   *  N * I = N\r\n   *  I * n = I\r\n   *  I * 0 = N\r\n   *  I * N = N\r\n   *  I * I = I\r\n   *\r\n   * Return a new BigNumber whose value is the value of this BigNumber multiplied by the value\r\n   * of BigNumber(y, b).\r\n   */\r\n  P.multipliedBy = P.times = function (y, b) {\r\n    var c, e, i, j, k, m, xcL, xlo, xhi, ycL, ylo, yhi, zc,\r\n      base, sqrtBase,\r\n      x = this,\r\n      xc = x.c,\r\n      yc = (y = new BigNumber(y, b)).c;\r\n\r\n    // Either NaN, ±Infinity or ±0?\r\n    if (!xc || !yc || !xc[0] || !yc[0]) {\r\n\r\n      // Return NaN if either is NaN, or one is 0 and the other is Infinity.\r\n      if (!x.s || !y.s || xc && !xc[0] && !yc || yc && !yc[0] && !xc) {\r\n        y.c = y.e = y.s = null;\r\n      } else {\r\n        y.s *= x.s;\r\n\r\n        // Return ±Infinity if either is ±Infinity.\r\n        if (!xc || !yc) {\r\n          y.c = y.e = null;\r\n\r\n        // Return ±0 if either is ±0.\r\n        } else {\r\n          y.c = [0];\r\n          y.e = 0;\r\n        }\r\n      }\r\n\r\n      return y;\r\n    }\r\n\r\n    e = bitFloor(x.e / LOG_BASE) + bitFloor(y.e / LOG_BASE);\r\n    y.s *= x.s;\r\n    xcL = xc.length;\r\n    ycL = yc.length;\r\n\r\n    // Ensure xc points to longer array and xcL to its length.\r\n    if (xcL < ycL) {\r\n      zc = xc;\r\n      xc = yc;\r\n      yc = zc;\r\n      i = xcL;\r\n      xcL = ycL;\r\n      ycL = i;\r\n    }\r\n\r\n    // Initialise the result array with zeros.\r\n    for (i = xcL + ycL, zc = []; i--; zc.push(0));\r\n\r\n    base = BASE;\r\n    sqrtBase = SQRT_BASE;\r\n\r\n    for (i = ycL; --i >= 0;) {\r\n      c = 0;\r\n      ylo = yc[i] % sqrtBase;\r\n      yhi = yc[i] / sqrtBase | 0;\r\n\r\n      for (k = xcL, j = i + k; j > i;) {\r\n        xlo = xc[--k] % sqrtBase;\r\n        xhi = xc[k] / sqrtBase | 0;\r\n        m = yhi * xlo + xhi * ylo;\r\n        xlo = ylo * xlo + ((m % sqrtBase) * sqrtBase) + zc[j] + c;\r\n        c = (xlo / base | 0) + (m / sqrtBase | 0) + yhi * xhi;\r\n        zc[j--] = xlo % base;\r\n      }\r\n\r\n      zc[j] = c;\r\n    }\r\n\r\n    if (c) {\r\n      ++e;\r\n    } else {\r\n      zc.splice(0, 1);\r\n    }\r\n\r\n    return normalise(y, zc, e);\r\n  };\r\n\r\n\r\n  /*\r\n   * Return a new BigNumber whose value is the value of this BigNumber negated,\r\n   * i.e. multiplied by -1.\r\n   */\r\n  P.negated = function () {\r\n    var x = new BigNumber(this);\r\n    x.s = -x.s || null;\r\n    return x;\r\n  };\r\n\r\n\r\n  /*\r\n   *  n + 0 = n\r\n   *  n + N = N\r\n   *  n + I = I\r\n   *  0 + n = n\r\n   *  0 + 0 = 0\r\n   *  0 + N = N\r\n   *  0 + I = I\r\n   *  N + n = N\r\n   *  N + 0 = N\r\n   *  N + N = N\r\n   *  N + I = N\r\n   *  I + n = I\r\n   *  I + 0 = I\r\n   *  I + N = N\r\n   *  I + I = I\r\n   *\r\n   * Return a new BigNumber whose value is the value of this BigNumber plus the value of\r\n   * BigNumber(y, b).\r\n   */\r\n  P.plus = function (y, b) {\r\n    var t,\r\n      x = this,\r\n      a = x.s;\r\n\r\n    y = new BigNumber(y, b);\r\n    b = y.s;\r\n\r\n    // Either NaN?\r\n    if (!a || !b) return new BigNumber(NaN);\r\n\r\n    // Signs differ?\r\n     if (a != b) {\r\n      y.s = -b;\r\n      return x.minus(y);\r\n    }\r\n\r\n    var xe = x.e / LOG_BASE,\r\n      ye = y.e / LOG_BASE,\r\n      xc = x.c,\r\n      yc = y.c;\r\n\r\n    if (!xe || !ye) {\r\n\r\n      // Return ±Infinity if either ±Infinity.\r\n      if (!xc || !yc) return new BigNumber(a / 0);\r\n\r\n      // Either zero?\r\n      // Return y if y is non-zero, x if x is non-zero, or zero if both are zero.\r\n      if (!xc[0] || !yc[0]) return yc[0] ? y : new BigNumber(xc[0] ? x : a * 0);\r\n    }\r\n\r\n    xe = bitFloor(xe);\r\n    ye = bitFloor(ye);\r\n    xc = xc.slice();\r\n\r\n    // Prepend zeros to equalise exponents. Faster to use reverse then do unshifts.\r\n    if (a = xe - ye) {\r\n      if (a > 0) {\r\n        ye = xe;\r\n        t = yc;\r\n      } else {\r\n        a = -a;\r\n        t = xc;\r\n      }\r\n\r\n      t.reverse();\r\n      for (; a--; t.push(0));\r\n      t.reverse();\r\n    }\r\n\r\n    a = xc.length;\r\n    b = yc.length;\r\n\r\n    // Point xc to the longer array, and b to the shorter length.\r\n    if (a - b < 0) {\r\n      t = yc;\r\n      yc = xc;\r\n      xc = t;\r\n      b = a;\r\n    }\r\n\r\n    // Only start adding at yc.length - 1 as the further digits of xc can be ignored.\r\n    for (a = 0; b;) {\r\n      a = (xc[--b] = xc[b] + yc[b] + a) / BASE | 0;\r\n      xc[b] = BASE === xc[b] ? 0 : xc[b] % BASE;\r\n    }\r\n\r\n    if (a) {\r\n      xc = [a].concat(xc);\r\n      ++ye;\r\n    }\r\n\r\n    // No need to check for zero, as +x + +y != 0 && -x + -y != 0\r\n    // ye = MAX_EXP + 1 possible\r\n    return normalise(y, xc, ye);\r\n  };\r\n\r\n\r\n  /*\r\n   * If sd is undefined or null or true or false, return the number of significant digits of\r\n   * the value of this BigNumber, or null if the value of this BigNumber is ±Infinity or NaN.\r\n   * If sd is true include integer-part trailing zeros in the count.\r\n   *\r\n   * Otherwise, if sd is a number, return a new BigNumber whose value is the value of this\r\n   * BigNumber rounded to a maximum of sd significant digits using rounding mode rm, or\r\n   * ROUNDING_MODE if rm is omitted.\r\n   *\r\n   * sd {number|boolean} number: significant digits: integer, 1 to MAX inclusive.\r\n   *                     boolean: whether to count integer-part trailing zeros: true or false.\r\n   * [rm] {number} Rounding mode. Integer, 0 to 8 inclusive.\r\n   *\r\n   * '[BigNumber Error] Argument {not a primitive number|not an integer|out of range}: {sd|rm}'\r\n   */\r\n  P.precision = P.sd = function (sd, rm) {\r\n    var c, n, v,\r\n      x = this;\r\n\r\n    if (sd != null && sd !== !!sd) {\r\n      intCheck(sd, 1, MAX);\r\n      if (rm == null) rm = ROUNDING_MODE;\r\n      else intCheck(rm, 0, 8);\r\n\r\n      return round(new BigNumber(x), sd, rm);\r\n    }\r\n\r\n    if (!(c = x.c)) return null;\r\n    v = c.length - 1;\r\n    n = v * LOG_BASE + 1;\r\n\r\n    if (v = c[v]) {\r\n\r\n      // Subtract the number of trailing zeros of the last element.\r\n      for (; v % 10 == 0; v /= 10, n--);\r\n\r\n      // Add the number of digits of the first element.\r\n      for (v = c[0]; v >= 10; v /= 10, n++);\r\n    }\r\n\r\n    if (sd && x.e + 1 > n) n = x.e + 1;\r\n\r\n    return n;\r\n  };\r\n\r\n\r\n  /*\r\n   * Return a new BigNumber whose value is the value of this BigNumber shifted by k places\r\n   * (powers of 10). Shift to the right if n > 0, and to the left if n < 0.\r\n   *\r\n   * k {number} Integer, -MAX_SAFE_INTEGER to MAX_SAFE_INTEGER inclusive.\r\n   *\r\n   * '[BigNumber Error] Argument {not a primitive number|not an integer|out of range}: {k}'\r\n   */\r\n  P.shiftedBy = function (k) {\r\n    intCheck(k, -MAX_SAFE_INTEGER, MAX_SAFE_INTEGER);\r\n    return this.times('1e' + k);\r\n  };\r\n\r\n\r\n  /*\r\n   *  sqrt(-n) =  N\r\n   *  sqrt(N) =  N\r\n   *  sqrt(-I) =  N\r\n   *  sqrt(I) =  I\r\n   *  sqrt(0) =  0\r\n   *  sqrt(-0) = -0\r\n   *\r\n   * Return a new BigNumber whose value is the square root of the value of this BigNumber,\r\n   * rounded according to DECIMAL_PLACES and ROUNDING_MODE.\r\n   */\r\n  P.squareRoot = P.sqrt = function () {\r\n    var m, n, r, rep, t,\r\n      x = this,\r\n      c = x.c,\r\n      s = x.s,\r\n      e = x.e,\r\n      dp = DECIMAL_PLACES + 4,\r\n      half = new BigNumber('0.5');\r\n\r\n    // Negative/NaN/Infinity/zero?\r\n    if (s !== 1 || !c || !c[0]) {\r\n      return new BigNumber(!s || s < 0 && (!c || c[0]) ? NaN : c ? x : 1 / 0);\r\n    }\r\n\r\n    // Initial estimate.\r\n    s = Math.sqrt(+valueOf(x));\r\n\r\n    // Math.sqrt underflow/overflow?\r\n    // Pass x to Math.sqrt as integer, then adjust the exponent of the result.\r\n    if (s == 0 || s == 1 / 0) {\r\n      n = coeffToString(c);\r\n      if ((n.length + e) % 2 == 0) n += '0';\r\n      s = Math.sqrt(+n);\r\n      e = bitFloor((e + 1) / 2) - (e < 0 || e % 2);\r\n\r\n      if (s == 1 / 0) {\r\n        n = '5e' + e;\r\n      } else {\r\n        n = s.toExponential();\r\n        n = n.slice(0, n.indexOf('e') + 1) + e;\r\n      }\r\n\r\n      r = new BigNumber(n);\r\n    } else {\r\n      r = new BigNumber(s + '');\r\n    }\r\n\r\n    // Check for zero.\r\n    // r could be zero if MIN_EXP is changed after the this value was created.\r\n    // This would cause a division by zero (x/t) and hence Infinity below, which would cause\r\n    // coeffToString to throw.\r\n    if (r.c[0]) {\r\n      e = r.e;\r\n      s = e + dp;\r\n      if (s < 3) s = 0;\r\n\r\n      // Newton-Raphson iteration.\r\n      for (; ;) {\r\n        t = r;\r\n        r = half.times(t.plus(div(x, t, dp, 1)));\r\n\r\n        if (coeffToString(t.c).slice(0, s) === (n = coeffToString(r.c)).slice(0, s)) {\r\n\r\n          // The exponent of r may here be one less than the final result exponent,\r\n          // e.g 0.0009999 (e-4) --> 0.001 (e-3), so adjust s so the rounding digits\r\n          // are indexed correctly.\r\n          if (r.e < e) --s;\r\n          n = n.slice(s - 3, s + 1);\r\n\r\n          // The 4th rounding digit may be in error by -1 so if the 4 rounding digits\r\n          // are 9999 or 4999 (i.e. approaching a rounding boundary) continue the\r\n          // iteration.\r\n          if (n == '9999' || !rep && n == '4999') {\r\n\r\n            // On the first iteration only, check to see if rounding up gives the\r\n            // exact result as the nines may infinitely repeat.\r\n            if (!rep) {\r\n              round(t, t.e + DECIMAL_PLACES + 2, 0);\r\n\r\n              if (t.times(t).eq(x)) {\r\n                r = t;\r\n                break;\r\n              }\r\n            }\r\n\r\n            dp += 4;\r\n            s += 4;\r\n            rep = 1;\r\n          } else {\r\n\r\n            // If rounding digits are null, 0{0,4} or 50{0,3}, check for exact\r\n            // result. If not, then there are further digits and m will be truthy.\r\n            if (!+n || !+n.slice(1) && n.charAt(0) == '5') {\r\n\r\n              // Truncate to the first rounding digit.\r\n              round(r, r.e + DECIMAL_PLACES + 2, 1);\r\n              m = !r.times(r).eq(x);\r\n            }\r\n\r\n            break;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    return round(r, r.e + DECIMAL_PLACES + 1, ROUNDING_MODE, m);\r\n  };\r\n\r\n\r\n  /*\r\n   * Return a string representing the value of this BigNumber in exponential notation and\r\n   * rounded using ROUNDING_MODE to dp fixed decimal places.\r\n   *\r\n   * [dp] {number} Decimal places. Integer, 0 to MAX inclusive.\r\n   * [rm] {number} Rounding mode. Integer, 0 to 8 inclusive.\r\n   *\r\n   * '[BigNumber Error] Argument {not a primitive number|not an integer|out of range}: {dp|rm}'\r\n   */\r\n  P.toExponential = function (dp, rm) {\r\n    if (dp != null) {\r\n      intCheck(dp, 0, MAX);\r\n      dp++;\r\n    }\r\n    return format(this, dp, rm, 1);\r\n  };\r\n\r\n\r\n  /*\r\n   * Return a string representing the value of this BigNumber in fixed-point notation rounding\r\n   * to dp fixed decimal places using rounding mode rm, or ROUNDING_MODE if rm is omitted.\r\n   *\r\n   * Note: as with JavaScript's number type, (-0).toFixed(0) is '0',\r\n   * but e.g. (-0.00001).toFixed(0) is '-0'.\r\n   *\r\n   * [dp] {number} Decimal places. Integer, 0 to MAX inclusive.\r\n   * [rm] {number} Rounding mode. Integer, 0 to 8 inclusive.\r\n   *\r\n   * '[BigNumber Error] Argument {not a primitive number|not an integer|out of range}: {dp|rm}'\r\n   */\r\n  P.toFixed = function (dp, rm) {\r\n    if (dp != null) {\r\n      intCheck(dp, 0, MAX);\r\n      dp = dp + this.e + 1;\r\n    }\r\n    return format(this, dp, rm);\r\n  };\r\n\r\n\r\n  /*\r\n   * Return a string representing the value of this BigNumber in fixed-point notation rounded\r\n   * using rm or ROUNDING_MODE to dp decimal places, and formatted according to the properties\r\n   * of the format or FORMAT object (see BigNumber.set).\r\n   *\r\n   * The formatting object may contain some or all of the properties shown below.\r\n   *\r\n   * FORMAT = {\r\n   *   prefix: '',\r\n   *   groupSize: 3,\r\n   *   secondaryGroupSize: 0,\r\n   *   groupSeparator: ',',\r\n   *   decimalSeparator: '.',\r\n   *   fractionGroupSize: 0,\r\n   *   fractionGroupSeparator: '\\xA0',      // non-breaking space\r\n   *   suffix: ''\r\n   * };\r\n   *\r\n   * [dp] {number} Decimal places. Integer, 0 to MAX inclusive.\r\n   * [rm] {number} Rounding mode. Integer, 0 to 8 inclusive.\r\n   * [format] {object} Formatting options. See FORMAT pbject above.\r\n   *\r\n   * '[BigNumber Error] Argument {not a primitive number|not an integer|out of range}: {dp|rm}'\r\n   * '[BigNumber Error] Argument not an object: {format}'\r\n   */\r\n  P.toFormat = function (dp, rm, format) {\r\n    var str,\r\n      x = this;\r\n\r\n    if (format == null) {\r\n      if (dp != null && rm && typeof rm == 'object') {\r\n        format = rm;\r\n        rm = null;\r\n      } else if (dp && typeof dp == 'object') {\r\n        format = dp;\r\n        dp = rm = null;\r\n      } else {\r\n        format = FORMAT;\r\n      }\r\n    } else if (typeof format != 'object') {\r\n      throw Error\r\n        (bignumberError + 'Argument not an object: ' + format);\r\n    }\r\n\r\n    str = x.toFixed(dp, rm);\r\n\r\n    if (x.c) {\r\n      var i,\r\n        arr = str.split('.'),\r\n        g1 = +format.groupSize,\r\n        g2 = +format.secondaryGroupSize,\r\n        groupSeparator = format.groupSeparator || '',\r\n        intPart = arr[0],\r\n        fractionPart = arr[1],\r\n        isNeg = x.s < 0,\r\n        intDigits = isNeg ? intPart.slice(1) : intPart,\r\n        len = intDigits.length;\r\n\r\n      if (g2) {\r\n        i = g1;\r\n        g1 = g2;\r\n        g2 = i;\r\n        len -= i;\r\n      }\r\n\r\n      if (g1 > 0 && len > 0) {\r\n        i = len % g1 || g1;\r\n        intPart = intDigits.substr(0, i);\r\n        for (; i < len; i += g1) intPart += groupSeparator + intDigits.substr(i, g1);\r\n        if (g2 > 0) intPart += groupSeparator + intDigits.slice(i);\r\n        if (isNeg) intPart = '-' + intPart;\r\n      }\r\n\r\n      str = fractionPart\r\n       ? intPart + (format.decimalSeparator || '') + ((g2 = +format.fractionGroupSize)\r\n        ? fractionPart.replace(new RegExp('\\\\d{' + g2 + '}\\\\B', 'g'),\r\n         '$&' + (format.fractionGroupSeparator || ''))\r\n        : fractionPart)\r\n       : intPart;\r\n    }\r\n\r\n    return (format.prefix || '') + str + (format.suffix || '');\r\n  };\r\n\r\n\r\n  /*\r\n   * Return an array of two BigNumbers representing the value of this BigNumber as a simple\r\n   * fraction with an integer numerator and an integer denominator.\r\n   * The denominator will be a positive non-zero value less than or equal to the specified\r\n   * maximum denominator. If a maximum denominator is not specified, the denominator will be\r\n   * the lowest value necessary to represent the number exactly.\r\n   *\r\n   * [md] {number|string|BigNumber} Integer >= 1, or Infinity. The maximum denominator.\r\n   *\r\n   * '[BigNumber Error] Argument {not an integer|out of range} : {md}'\r\n   */\r\n  P.toFraction = function (md) {\r\n    var d, d0, d1, d2, e, exp, n, n0, n1, q, r, s,\r\n      x = this,\r\n      xc = x.c;\r\n\r\n    if (md != null) {\r\n      n = new BigNumber(md);\r\n\r\n      // Throw if md is less than one or is not an integer, unless it is Infinity.\r\n      if (!n.isInteger() && (n.c || n.s !== 1) || n.lt(ONE)) {\r\n        throw Error\r\n          (bignumberError + 'Argument ' +\r\n            (n.isInteger() ? 'out of range: ' : 'not an integer: ') + valueOf(n));\r\n      }\r\n    }\r\n\r\n    if (!xc) return new BigNumber(x);\r\n\r\n    d = new BigNumber(ONE);\r\n    n1 = d0 = new BigNumber(ONE);\r\n    d1 = n0 = new BigNumber(ONE);\r\n    s = coeffToString(xc);\r\n\r\n    // Determine initial denominator.\r\n    // d is a power of 10 and the minimum max denominator that specifies the value exactly.\r\n    e = d.e = s.length - x.e - 1;\r\n    d.c[0] = POWS_TEN[(exp = e % LOG_BASE) < 0 ? LOG_BASE + exp : exp];\r\n    md = !md || n.comparedTo(d) > 0 ? (e > 0 ? d : n1) : n;\r\n\r\n    exp = MAX_EXP;\r\n    MAX_EXP = 1 / 0;\r\n    n = new BigNumber(s);\r\n\r\n    // n0 = d1 = 0\r\n    n0.c[0] = 0;\r\n\r\n    for (; ;)  {\r\n      q = div(n, d, 0, 1);\r\n      d2 = d0.plus(q.times(d1));\r\n      if (d2.comparedTo(md) == 1) break;\r\n      d0 = d1;\r\n      d1 = d2;\r\n      n1 = n0.plus(q.times(d2 = n1));\r\n      n0 = d2;\r\n      d = n.minus(q.times(d2 = d));\r\n      n = d2;\r\n    }\r\n\r\n    d2 = div(md.minus(d0), d1, 0, 1);\r\n    n0 = n0.plus(d2.times(n1));\r\n    d0 = d0.plus(d2.times(d1));\r\n    n0.s = n1.s = x.s;\r\n    e = e * 2;\r\n\r\n    // Determine which fraction is closer to x, n0/d0 or n1/d1\r\n    r = div(n1, d1, e, ROUNDING_MODE).minus(x).abs().comparedTo(\r\n        div(n0, d0, e, ROUNDING_MODE).minus(x).abs()) < 1 ? [n1, d1] : [n0, d0];\r\n\r\n    MAX_EXP = exp;\r\n\r\n    return r;\r\n  };\r\n\r\n\r\n  /*\r\n   * Return the value of this BigNumber converted to a number primitive.\r\n   */\r\n  P.toNumber = function () {\r\n    return +valueOf(this);\r\n  };\r\n\r\n\r\n  /*\r\n   * Return a string representing the value of this BigNumber rounded to sd significant digits\r\n   * using rounding mode rm or ROUNDING_MODE. If sd is less than the number of digits\r\n   * necessary to represent the integer part of the value in fixed-point notation, then use\r\n   * exponential notation.\r\n   *\r\n   * [sd] {number} Significant digits. Integer, 1 to MAX inclusive.\r\n   * [rm] {number} Rounding mode. Integer, 0 to 8 inclusive.\r\n   *\r\n   * '[BigNumber Error] Argument {not a primitive number|not an integer|out of range}: {sd|rm}'\r\n   */\r\n  P.toPrecision = function (sd, rm) {\r\n    if (sd != null) intCheck(sd, 1, MAX);\r\n    return format(this, sd, rm, 2);\r\n  };\r\n\r\n\r\n  /*\r\n   * Return a string representing the value of this BigNumber in base b, or base 10 if b is\r\n   * omitted. If a base is specified, including base 10, round according to DECIMAL_PLACES and\r\n   * ROUNDING_MODE. If a base is not specified, and this BigNumber has a positive exponent\r\n   * that is equal to or greater than TO_EXP_POS, or a negative exponent equal to or less than\r\n   * TO_EXP_NEG, return exponential notation.\r\n   *\r\n   * [b] {number} Integer, 2 to ALPHABET.length inclusive.\r\n   *\r\n   * '[BigNumber Error] Base {not a primitive number|not an integer|out of range}: {b}'\r\n   */\r\n  P.toString = function (b) {\r\n    var str,\r\n      n = this,\r\n      s = n.s,\r\n      e = n.e;\r\n\r\n    // Infinity or NaN?\r\n    if (e === null) {\r\n      if (s) {\r\n        str = 'Infinity';\r\n        if (s < 0) str = '-' + str;\r\n      } else {\r\n        str = 'NaN';\r\n      }\r\n    } else {\r\n      if (b == null) {\r\n        str = e <= TO_EXP_NEG || e >= TO_EXP_POS\r\n         ? toExponential(coeffToString(n.c), e)\r\n         : toFixedPoint(coeffToString(n.c), e, '0');\r\n      } else if (b === 10 && alphabetHasNormalDecimalDigits) {\r\n        n = round(new BigNumber(n), DECIMAL_PLACES + e + 1, ROUNDING_MODE);\r\n        str = toFixedPoint(coeffToString(n.c), n.e, '0');\r\n      } else {\r\n        intCheck(b, 2, ALPHABET.length, 'Base');\r\n        str = convertBase(toFixedPoint(coeffToString(n.c), e, '0'), 10, b, s, true);\r\n      }\r\n\r\n      if (s < 0 && n.c[0]) str = '-' + str;\r\n    }\r\n\r\n    return str;\r\n  };\r\n\r\n\r\n  /*\r\n   * Return as toString, but do not accept a base argument, and include the minus sign for\r\n   * negative zero.\r\n   */\r\n  P.valueOf = P.toJSON = function () {\r\n    return valueOf(this);\r\n  };\r\n\r\n\r\n  P._isBigNumber = true;\r\n\r\n  P[Symbol.toStringTag] = 'BigNumber';\r\n\r\n  // Node.js v10.12.0+\r\n  P[Symbol.for('nodejs.util.inspect.custom')] = P.valueOf;\r\n\r\n  if (configObject != null) BigNumber.set(configObject);\r\n\r\n  return BigNumber;\r\n}\r\n\r\n\r\n// PRIVATE HELPER FUNCTIONS\r\n\r\n// These functions don't need access to variables,\r\n// e.g. DECIMAL_PLACES, in the scope of the `clone` function above.\r\n\r\n\r\nfunction bitFloor(n) {\r\n  var i = n | 0;\r\n  return n > 0 || n === i ? i : i - 1;\r\n}\r\n\r\n\r\n// Return a coefficient array as a string of base 10 digits.\r\nfunction coeffToString(a) {\r\n  var s, z,\r\n    i = 1,\r\n    j = a.length,\r\n    r = a[0] + '';\r\n\r\n  for (; i < j;) {\r\n    s = a[i++] + '';\r\n    z = LOG_BASE - s.length;\r\n    for (; z--; s = '0' + s);\r\n    r += s;\r\n  }\r\n\r\n  // Determine trailing zeros.\r\n  for (j = r.length; r.charCodeAt(--j) === 48;);\r\n\r\n  return r.slice(0, j + 1 || 1);\r\n}\r\n\r\n\r\n// Compare the value of BigNumbers x and y.\r\nfunction compare(x, y) {\r\n  var a, b,\r\n    xc = x.c,\r\n    yc = y.c,\r\n    i = x.s,\r\n    j = y.s,\r\n    k = x.e,\r\n    l = y.e;\r\n\r\n  // Either NaN?\r\n  if (!i || !j) return null;\r\n\r\n  a = xc && !xc[0];\r\n  b = yc && !yc[0];\r\n\r\n  // Either zero?\r\n  if (a || b) return a ? b ? 0 : -j : i;\r\n\r\n  // Signs differ?\r\n  if (i != j) return i;\r\n\r\n  a = i < 0;\r\n  b = k == l;\r\n\r\n  // Either Infinity?\r\n  if (!xc || !yc) return b ? 0 : !xc ^ a ? 1 : -1;\r\n\r\n  // Compare exponents.\r\n  if (!b) return k > l ^ a ? 1 : -1;\r\n\r\n  j = (k = xc.length) < (l = yc.length) ? k : l;\r\n\r\n  // Compare digit by digit.\r\n  for (i = 0; i < j; i++) if (xc[i] != yc[i]) return xc[i] > yc[i] ^ a ? 1 : -1;\r\n\r\n  // Compare lengths.\r\n  return k == l ? 0 : k > l ^ a ? 1 : -1;\r\n}\r\n\r\n\r\n/*\r\n * Check that n is a primitive number, an integer, and in range, otherwise throw.\r\n */\r\nfunction intCheck(n, min, max, name) {\r\n  if (n < min || n > max || n !== mathfloor(n)) {\r\n    throw Error\r\n     (bignumberError + (name || 'Argument') + (typeof n == 'number'\r\n       ? n < min || n > max ? ' out of range: ' : ' not an integer: '\r\n       : ' not a primitive number: ') + String(n));\r\n  }\r\n}\r\n\r\n\r\n// Assumes finite n.\r\nfunction isOdd(n) {\r\n  var k = n.c.length - 1;\r\n  return bitFloor(n.e / LOG_BASE) == k && n.c[k] % 2 != 0;\r\n}\r\n\r\n\r\nfunction toExponential(str, e) {\r\n  return (str.length > 1 ? str.charAt(0) + '.' + str.slice(1) : str) +\r\n   (e < 0 ? 'e' : 'e+') + e;\r\n}\r\n\r\n\r\nfunction toFixedPoint(str, e, z) {\r\n  var len, zs;\r\n\r\n  // Negative exponent?\r\n  if (e < 0) {\r\n\r\n    // Prepend zeros.\r\n    for (zs = z + '.'; ++e; zs += z);\r\n    str = zs + str;\r\n\r\n  // Positive exponent\r\n  } else {\r\n    len = str.length;\r\n\r\n    // Append zeros.\r\n    if (++e > len) {\r\n      for (zs = z, e -= len; --e; zs += z);\r\n      str += zs;\r\n    } else if (e < len) {\r\n      str = str.slice(0, e) + '.' + str.slice(e);\r\n    }\r\n  }\r\n\r\n  return str;\r\n}\r\n\r\n\r\n// EXPORT\r\n\r\n\r\nexport var BigNumber = clone();\r\n\r\nexport default BigNumber;\r\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","class Queue {\n    constructor() {\n        this.order = [];\n        this.scheduled = new Set();\n    }\n    add(process) {\n        if (!this.scheduled.has(process)) {\n            this.scheduled.add(process);\n            this.order.push(process);\n            return true;\n        }\n    }\n    remove(process) {\n        const index = this.order.indexOf(process);\n        if (index !== -1) {\n            this.order.splice(index, 1);\n            this.scheduled.delete(process);\n        }\n    }\n    clear() {\n        this.order.length = 0;\n        this.scheduled.clear();\n    }\n}\nfunction createRenderStep(runNextFrame) {\n    /**\n     * We create and reuse two queues, one to queue jobs for the current frame\n     * and one for the next. We reuse to avoid triggering GC after x frames.\n     */\n    let thisFrame = new Queue();\n    let nextFrame = new Queue();\n    let numToRun = 0;\n    /**\n     * Track whether we're currently processing jobs in this step. This way\n     * we can decide whether to schedule new jobs for this frame or next.\n     */\n    let isProcessing = false;\n    let flushNextFrame = false;\n    /**\n     * A set of processes which were marked keepAlive when scheduled.\n     */\n    const toKeepAlive = new WeakSet();\n    const step = {\n        /**\n         * Schedule a process to run on the next frame.\n         */\n        schedule: (callback, keepAlive = false, immediate = false) => {\n            const addToCurrentFrame = immediate && isProcessing;\n            const queue = addToCurrentFrame ? thisFrame : nextFrame;\n            if (keepAlive)\n                toKeepAlive.add(callback);\n            if (queue.add(callback) && addToCurrentFrame && isProcessing) {\n                // If we're adding it to the currently running queue, update its measured size\n                numToRun = thisFrame.order.length;\n            }\n            return callback;\n        },\n        /**\n         * Cancel the provided callback from running on the next frame.\n         */\n        cancel: (callback) => {\n            nextFrame.remove(callback);\n            toKeepAlive.delete(callback);\n        },\n        /**\n         * Execute all schedule callbacks.\n         */\n        process: (frameData) => {\n            /**\n             * If we're already processing we've probably been triggered by a flushSync\n             * inside an existing process. Instead of executing, mark flushNextFrame\n             * as true and ensure we flush the following frame at the end of this one.\n             */\n            if (isProcessing) {\n                flushNextFrame = true;\n                return;\n            }\n            isProcessing = true;\n            [thisFrame, nextFrame] = [nextFrame, thisFrame];\n            // Clear the next frame queue\n            nextFrame.clear();\n            // Execute this frame\n            numToRun = thisFrame.order.length;\n            if (numToRun) {\n                for (let i = 0; i < numToRun; i++) {\n                    const callback = thisFrame.order[i];\n                    callback(frameData);\n                    if (toKeepAlive.has(callback)) {\n                        step.schedule(callback);\n                        runNextFrame();\n                    }\n                }\n            }\n            isProcessing = false;\n            if (flushNextFrame) {\n                flushNextFrame = false;\n                step.process(frameData);\n            }\n        },\n    };\n    return step;\n}\n\nexport { createRenderStep };\n","import { createRenderStep } from './render-step.mjs';\n\nconst stepsOrder = [\n    \"prepare\",\n    \"read\",\n    \"update\",\n    \"preRender\",\n    \"render\",\n    \"postRender\",\n];\nconst maxElapsed = 40;\nfunction createRenderBatcher(scheduleNextBatch, allowKeepAlive) {\n    let runNextFrame = false;\n    let useDefaultElapsed = true;\n    const state = {\n        delta: 0,\n        timestamp: 0,\n        isProcessing: false,\n    };\n    const steps = stepsOrder.reduce((acc, key) => {\n        acc[key] = createRenderStep(() => (runNextFrame = true));\n        return acc;\n    }, {});\n    const processStep = (stepId) => steps[stepId].process(state);\n    const processBatch = () => {\n        const timestamp = performance.now();\n        runNextFrame = false;\n        state.delta = useDefaultElapsed\n            ? 1000 / 60\n            : Math.max(Math.min(timestamp - state.timestamp, maxElapsed), 1);\n        state.timestamp = timestamp;\n        state.isProcessing = true;\n        stepsOrder.forEach(processStep);\n        state.isProcessing = false;\n        if (runNextFrame && allowKeepAlive) {\n            useDefaultElapsed = false;\n            scheduleNextBatch(processBatch);\n        }\n    };\n    const wake = () => {\n        runNextFrame = true;\n        useDefaultElapsed = true;\n        if (!state.isProcessing) {\n            scheduleNextBatch(processBatch);\n        }\n    };\n    const schedule = stepsOrder.reduce((acc, key) => {\n        const step = steps[key];\n        acc[key] = (process, keepAlive = false, immediate = false) => {\n            if (!runNextFrame)\n                wake();\n            return step.schedule(process, keepAlive, immediate);\n        };\n        return acc;\n    }, {});\n    const cancel = (process) => stepsOrder.forEach((key) => steps[key].cancel(process));\n    return { schedule, cancel, state, steps };\n}\n\nexport { createRenderBatcher, stepsOrder };\n","import { noop } from '../utils/noop.mjs';\nimport { createRenderBatcher } from './batcher.mjs';\n\nconst { schedule: frame, cancel: cancelFrame, state: frameData, steps, } = createRenderBatcher(typeof requestAnimationFrame !== \"undefined\" ? requestAnimationFrame : noop, true);\n\nexport { cancelFrame, frame, frameData, steps };\n","const checkStringStartsWith = (token) => (key) => typeof key === \"string\" && key.startsWith(token);\nconst isCSSVariableName = checkStringStartsWith(\"--\");\nconst isCSSVariableToken = checkStringStartsWith(\"var(--\");\nconst cssVariableRegex = /var\\s*\\(\\s*--[\\w-]+(\\s*,\\s*(?:(?:[^)(]|\\((?:[^)(]+|\\([^)(]*\\))*\\))*)+)?\\s*\\)/g;\n\nexport { cssVariableRegex, isCSSVariableName, isCSSVariableToken };\n","import { invariant } from '../../../utils/errors.mjs';\n\nfunction resolveElements(elements, scope, selectorCache) {\n    var _a;\n    if (typeof elements === \"string\") {\n        let root = document;\n        if (scope) {\n            invariant(Boolean(scope.current), \"Scope provided, but no element detected.\");\n            root = scope.current;\n        }\n        if (selectorCache) {\n            (_a = selectorCache[elements]) !== null && _a !== void 0 ? _a : (selectorCache[elements] = root.querySelectorAll(elements));\n            elements = selectorCache[elements];\n        }\n        else {\n            elements = root.querySelectorAll(elements);\n        }\n    }\n    else if (elements instanceof Element) {\n        elements = [elements];\n    }\n    /**\n     * Return an empty array\n     */\n    return Array.from(elements || []);\n}\n\nexport { resolveElements };\n","function addUniqueItem(arr, item) {\n    if (arr.indexOf(item) === -1)\n        arr.push(item);\n}\nfunction removeItem(arr, item) {\n    const index = arr.indexOf(item);\n    if (index > -1)\n        arr.splice(index, 1);\n}\n// Adapted from array-move\nfunction moveItem([...arr], fromIndex, toIndex) {\n    const startIndex = fromIndex < 0 ? arr.length + fromIndex : fromIndex;\n    if (startIndex >= 0 && startIndex < arr.length) {\n        const endIndex = toIndex < 0 ? arr.length + toIndex : toIndex;\n        const [item] = arr.splice(fromIndex, 1);\n        arr.splice(endIndex, 0, item);\n    }\n    return arr;\n}\n\nexport { addUniqueItem, moveItem, removeItem };\n","const clamp = (min, max, v) => Math.min(Math.max(v, min), max);\n\nexport { clamp };\n","import { noop } from './noop.mjs';\n\nlet warning = noop;\nlet invariant = noop;\nif (process.env.NODE_ENV !== \"production\") {\n    warning = (check, message) => {\n        if (!check && typeof console !== \"undefined\") {\n            console.warn(message);\n        }\n    };\n    invariant = (check, message) => {\n        if (!check) {\n            throw new Error(message);\n        }\n    };\n}\n\nexport { invariant, warning };\n","// Adapted from https://gist.github.com/mjackson/5311256\nfunction hueToRgb(p, q, t) {\n    if (t < 0)\n        t += 1;\n    if (t > 1)\n        t -= 1;\n    if (t < 1 / 6)\n        return p + (q - p) * 6 * t;\n    if (t < 1 / 2)\n        return q;\n    if (t < 2 / 3)\n        return p + (q - p) * (2 / 3 - t) * 6;\n    return p;\n}\nfunction hslaToRgba({ hue, saturation, lightness, alpha }) {\n    hue /= 360;\n    saturation /= 100;\n    lightness /= 100;\n    let red = 0;\n    let green = 0;\n    let blue = 0;\n    if (!saturation) {\n        red = green = blue = lightness;\n    }\n    else {\n        const q = lightness < 0.5\n            ? lightness * (1 + saturation)\n            : lightness + saturation - lightness * saturation;\n        const p = 2 * lightness - q;\n        red = hueToRgb(p, q, hue + 1 / 3);\n        green = hueToRgb(p, q, hue);\n        blue = hueToRgb(p, q, hue - 1 / 3);\n    }\n    return {\n        red: Math.round(red * 255),\n        green: Math.round(green * 255),\n        blue: Math.round(blue * 255),\n        alpha,\n    };\n}\n\nexport { hslaToRgba };\n","import { mix } from './mix.mjs';\nimport { invariant } from './errors.mjs';\nimport { hslaToRgba } from './hsla-to-rgba.mjs';\nimport { hex } from '../value/types/color/hex.mjs';\nimport { rgba } from '../value/types/color/rgba.mjs';\nimport { hsla } from '../value/types/color/hsla.mjs';\n\n// Linear color space blending\n// Explained https://www.youtube.com/watch?v=LKnqECcg6Gw\n// Demonstrated http://codepen.io/osublake/pen/xGVVaN\nconst mixLinearColor = (from, to, v) => {\n    const fromExpo = from * from;\n    return Math.sqrt(Math.max(0, v * (to * to - fromExpo) + fromExpo));\n};\nconst colorTypes = [hex, rgba, hsla];\nconst getColorType = (v) => colorTypes.find((type) => type.test(v));\nfunction asRGBA(color) {\n    const type = getColorType(color);\n    invariant(Boolean(type), `'${color}' is not an animatable color. Use the equivalent color code instead.`);\n    let model = type.parse(color);\n    if (type === hsla) {\n        // TODO Remove this cast - needed since Framer Motion's stricter typing\n        model = hslaToRgba(model);\n    }\n    return model;\n}\nconst mixColor = (from, to) => {\n    const fromRGBA = asRGBA(from);\n    const toRGBA = asRGBA(to);\n    const blended = { ...fromRGBA };\n    return (v) => {\n        blended.red = mixLinearColor(fromRGBA.red, toRGBA.red, v);\n        blended.green = mixLinearColor(fromRGBA.green, toRGBA.green, v);\n        blended.blue = mixLinearColor(fromRGBA.blue, toRGBA.blue, v);\n        blended.alpha = mix(fromRGBA.alpha, toRGBA.alpha, v);\n        return rgba.transform(blended);\n    };\n};\n\nexport { mixColor, mixLinearColor };\n","import { mix } from './mix.mjs';\nimport { mixColor } from './mix-color.mjs';\nimport { pipe } from './pipe.mjs';\nimport { warning } from './errors.mjs';\nimport { color } from '../value/types/color/index.mjs';\nimport { complex, analyseComplexValue } from '../value/types/complex/index.mjs';\n\nconst mixImmediate = (origin, target) => (p) => `${p > 0 ? target : origin}`;\nfunction getMixer(origin, target) {\n    if (typeof origin === \"number\") {\n        return (v) => mix(origin, target, v);\n    }\n    else if (color.test(origin)) {\n        return mixColor(origin, target);\n    }\n    else {\n        return origin.startsWith(\"var(\")\n            ? mixImmediate(origin, target)\n            : mixComplex(origin, target);\n    }\n}\nconst mixArray = (from, to) => {\n    const output = [...from];\n    const numValues = output.length;\n    const blendValue = from.map((fromThis, i) => getMixer(fromThis, to[i]));\n    return (v) => {\n        for (let i = 0; i < numValues; i++) {\n            output[i] = blendValue[i](v);\n        }\n        return output;\n    };\n};\nconst mixObject = (origin, target) => {\n    const output = { ...origin, ...target };\n    const blendValue = {};\n    for (const key in output) {\n        if (origin[key] !== undefined && target[key] !== undefined) {\n            blendValue[key] = getMixer(origin[key], target[key]);\n        }\n    }\n    return (v) => {\n        for (const key in blendValue) {\n            output[key] = blendValue[key](v);\n        }\n        return output;\n    };\n};\nconst mixComplex = (origin, target) => {\n    const template = complex.createTransformer(target);\n    const originStats = analyseComplexValue(origin);\n    const targetStats = analyseComplexValue(target);\n    const canInterpolate = originStats.numVars === targetStats.numVars &&\n        originStats.numColors === targetStats.numColors &&\n        originStats.numNumbers >= targetStats.numNumbers;\n    if (canInterpolate) {\n        return pipe(mixArray(originStats.values, targetStats.values), template);\n    }\n    else {\n        warning(true, `Complex values '${origin}' and '${target}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`);\n        return mixImmediate(origin, target);\n    }\n};\n\nexport { mixArray, mixComplex, mixObject };\n","import { invariant } from './errors.mjs';\nimport { color } from '../value/types/color/index.mjs';\nimport { clamp } from './clamp.mjs';\nimport { mix } from './mix.mjs';\nimport { mixColor } from './mix-color.mjs';\nimport { mixComplex, mixArray, mixObject } from './mix-complex.mjs';\nimport { pipe } from './pipe.mjs';\nimport { progress } from './progress.mjs';\nimport { noop } from './noop.mjs';\n\nconst mixNumber = (from, to) => (p) => mix(from, to, p);\nfunction detectMixerFactory(v) {\n    if (typeof v === \"number\") {\n        return mixNumber;\n    }\n    else if (typeof v === \"string\") {\n        return color.test(v) ? mixColor : mixComplex;\n    }\n    else if (Array.isArray(v)) {\n        return mixArray;\n    }\n    else if (typeof v === \"object\") {\n        return mixObject;\n    }\n    return mixNumber;\n}\nfunction createMixers(output, ease, customMixer) {\n    const mixers = [];\n    const mixerFactory = customMixer || detectMixerFactory(output[0]);\n    const numMixers = output.length - 1;\n    for (let i = 0; i < numMixers; i++) {\n        let mixer = mixerFactory(output[i], output[i + 1]);\n        if (ease) {\n            const easingFunction = Array.isArray(ease) ? ease[i] || noop : ease;\n            mixer = pipe(easingFunction, mixer);\n        }\n        mixers.push(mixer);\n    }\n    return mixers;\n}\n/**\n * Create a function that maps from a numerical input array to a generic output array.\n *\n * Accepts:\n *   - Numbers\n *   - Colors (hex, hsl, hsla, rgb, rgba)\n *   - Complex (combinations of one or more numbers or strings)\n *\n * ```jsx\n * const mixColor = interpolate([0, 1], ['#fff', '#000'])\n *\n * mixColor(0.5) // 'rgba(128, 128, 128, 1)'\n * ```\n *\n * TODO Revist this approach once we've moved to data models for values,\n * probably not needed to pregenerate mixer functions.\n *\n * @public\n */\nfunction interpolate(input, output, { clamp: isClamp = true, ease, mixer } = {}) {\n    const inputLength = input.length;\n    invariant(inputLength === output.length, \"Both input and output ranges must be the same length\");\n    /**\n     * If we're only provided a single input, we can just make a function\n     * that returns the output.\n     */\n    if (inputLength === 1)\n        return () => output[0];\n    // If input runs highest -> lowest, reverse both arrays\n    if (input[0] > input[inputLength - 1]) {\n        input = [...input].reverse();\n        output = [...output].reverse();\n    }\n    const mixers = createMixers(output, ease, mixer);\n    const numMixers = mixers.length;\n    const interpolator = (v) => {\n        let i = 0;\n        if (numMixers > 1) {\n            for (; i < input.length - 2; i++) {\n                if (v < input[i + 1])\n                    break;\n            }\n        }\n        const progressInRange = progress(input[i], input[i + 1], v);\n        return mixers[i](progressInRange);\n    };\n    return isClamp\n        ? (v) => interpolator(clamp(input[0], input[inputLength - 1], v))\n        : interpolator;\n}\n\nexport { interpolate };\n","const isBrowser = typeof document !== \"undefined\";\n\nexport { isBrowser };\n","/*\n  Value in range from progress\n\n  Given a lower limit and an upper limit, we return the value within\n  that range as expressed by progress (usually a number from 0 to 1)\n\n  So progress = 0.5 would change\n\n  from -------- to\n\n  to\n\n  from ---- to\n\n  E.g. from = 10, to = 20, progress = 0.5 => 15\n\n  @param [number]: Lower limit of range\n  @param [number]: Upper limit of range\n  @param [number]: The progress between lower and upper limits expressed 0-1\n  @return [number]: Value as calculated from progress within range (not limited within range)\n*/\nconst mix = (from, to, progress) => -progress * from + progress * to + from;\n\nexport { mix };\n","const noop = (any) => any;\n\nexport { noop };\n","import { fillOffset } from './fill.mjs';\n\nfunction defaultOffset(arr) {\n    const offset = [0];\n    fillOffset(offset, arr.length - 1);\n    return offset;\n}\n\nexport { defaultOffset };\n","import { mix } from '../mix.mjs';\nimport { progress } from '../progress.mjs';\n\nfunction fillOffset(offset, remaining) {\n    const min = offset[offset.length - 1];\n    for (let i = 1; i <= remaining; i++) {\n        const offsetProgress = progress(0, remaining, i);\n        offset.push(mix(min, 1, offsetProgress));\n    }\n}\n\nexport { fillOffset };\n","/**\n * Pipe\n * Compose other transformers to run linearily\n * pipe(min(20), max(40))\n * @param  {...functions} transformers\n * @return {function}\n */\nconst combineFunctions = (a, b) => (v) => b(a(v));\nconst pipe = (...transformers) => transformers.reduce(combineFunctions);\n\nexport { pipe };\n","/*\n  Progress within given range\n\n  Given a lower limit and an upper limit, we return the progress\n  (expressed as a number 0-1) represented by the given value, and\n  limit that progress to within 0-1.\n\n  @param [number]: Lower limit\n  @param [number]: Upper limit\n  @param [number]: Value to find progress within given range\n  @return [number]: Progress of value within range as expressed 0-1\n*/\nconst progress = (from, to, value) => {\n    const toFromDifference = to - from;\n    return toFromDifference === 0 ? 1 : (value - from) / toFromDifference;\n};\n\nexport { progress };\n","import { addUniqueItem, removeItem } from './array.mjs';\n\nclass SubscriptionManager {\n    constructor() {\n        this.subscriptions = [];\n    }\n    add(handler) {\n        addUniqueItem(this.subscriptions, handler);\n        return () => removeItem(this.subscriptions, handler);\n    }\n    notify(a, b, c) {\n        const numSubscriptions = this.subscriptions.length;\n        if (!numSubscriptions)\n            return;\n        if (numSubscriptions === 1) {\n            /**\n             * If there's only a single handler we can just call it without invoking a loop.\n             */\n            this.subscriptions[0](a, b, c);\n        }\n        else {\n            for (let i = 0; i < numSubscriptions; i++) {\n                /**\n                 * Check whether the handler exists before firing as it's possible\n                 * the subscriptions were modified during this loop running.\n                 */\n                const handler = this.subscriptions[i];\n                handler && handler(a, b, c);\n            }\n        }\n    }\n    getSize() {\n        return this.subscriptions.length;\n    }\n    clear() {\n        this.subscriptions.length = 0;\n    }\n}\n\nexport { SubscriptionManager };\n","import { useRef } from 'react';\n\n/**\n * Creates a constant value over the lifecycle of a component.\n *\n * Even if `useMemo` is provided an empty array as its final argument, it doesn't offer\n * a guarantee that it won't re-run for performance reasons later on. By using `useConstant`\n * you can ensure that initialisers don't execute twice or more.\n */\nfunction useConstant(init) {\n    const ref = useRef(null);\n    if (ref.current === null) {\n        ref.current = init();\n    }\n    return ref.current;\n}\n\nexport { useConstant };\n","import { useLayoutEffect, useEffect } from 'react';\nimport { isBrowser } from './is-browser.mjs';\n\nconst useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect;\n\nexport { useIsomorphicLayoutEffect };\n","/*\n  Convert velocity into velocity per second\n\n  @param [number]: Unit per frame\n  @param [number]: Frame duration in ms\n*/\nfunction velocityPerSecond(velocity, frameDuration) {\n    return frameDuration ? velocity * (1000 / frameDuration) : 0;\n}\n\nexport { velocityPerSecond };\n","import { SubscriptionManager } from '../utils/subscription-manager.mjs';\nimport { velocityPerSecond } from '../utils/velocity-per-second.mjs';\nimport { warnOnce } from '../utils/warn-once.mjs';\nimport { frame, frameData } from '../frameloop/frame.mjs';\n\nconst isFloat = (value) => {\n    return !isNaN(parseFloat(value));\n};\nconst collectMotionValues = {\n    current: undefined,\n};\n/**\n * `MotionValue` is used to track the state and velocity of motion values.\n *\n * @public\n */\nclass MotionValue {\n    /**\n     * @param init - The initiating value\n     * @param config - Optional configuration options\n     *\n     * -  `transformer`: A function to transform incoming values with.\n     *\n     * @internal\n     */\n    constructor(init, options = {}) {\n        /**\n         * This will be replaced by the build step with the latest version number.\n         * When MotionValues are provided to motion components, warn if versions are mixed.\n         */\n        this.version = \"10.18.0\";\n        /**\n         * Duration, in milliseconds, since last updating frame.\n         *\n         * @internal\n         */\n        this.timeDelta = 0;\n        /**\n         * Timestamp of the last time this `MotionValue` was updated.\n         *\n         * @internal\n         */\n        this.lastUpdated = 0;\n        /**\n         * Tracks whether this value can output a velocity. Currently this is only true\n         * if the value is numerical, but we might be able to widen the scope here and support\n         * other value types.\n         *\n         * @internal\n         */\n        this.canTrackVelocity = false;\n        /**\n         * An object containing a SubscriptionManager for each active event.\n         */\n        this.events = {};\n        this.updateAndNotify = (v, render = true) => {\n            this.prev = this.current;\n            this.current = v;\n            // Update timestamp\n            const { delta, timestamp } = frameData;\n            if (this.lastUpdated !== timestamp) {\n                this.timeDelta = delta;\n                this.lastUpdated = timestamp;\n                frame.postRender(this.scheduleVelocityCheck);\n            }\n            // Update update subscribers\n            if (this.prev !== this.current && this.events.change) {\n                this.events.change.notify(this.current);\n            }\n            // Update velocity subscribers\n            if (this.events.velocityChange) {\n                this.events.velocityChange.notify(this.getVelocity());\n            }\n            // Update render subscribers\n            if (render && this.events.renderRequest) {\n                this.events.renderRequest.notify(this.current);\n            }\n        };\n        /**\n         * Schedule a velocity check for the next frame.\n         *\n         * This is an instanced and bound function to prevent generating a new\n         * function once per frame.\n         *\n         * @internal\n         */\n        this.scheduleVelocityCheck = () => frame.postRender(this.velocityCheck);\n        /**\n         * Updates `prev` with `current` if the value hasn't been updated this frame.\n         * This ensures velocity calculations return `0`.\n         *\n         * This is an instanced and bound function to prevent generating a new\n         * function once per frame.\n         *\n         * @internal\n         */\n        this.velocityCheck = ({ timestamp }) => {\n            if (timestamp !== this.lastUpdated) {\n                this.prev = this.current;\n                if (this.events.velocityChange) {\n                    this.events.velocityChange.notify(this.getVelocity());\n                }\n            }\n        };\n        this.hasAnimated = false;\n        this.prev = this.current = init;\n        this.canTrackVelocity = isFloat(this.current);\n        this.owner = options.owner;\n    }\n    /**\n     * Adds a function that will be notified when the `MotionValue` is updated.\n     *\n     * It returns a function that, when called, will cancel the subscription.\n     *\n     * When calling `onChange` inside a React component, it should be wrapped with the\n     * `useEffect` hook. As it returns an unsubscribe function, this should be returned\n     * from the `useEffect` function to ensure you don't add duplicate subscribers..\n     *\n     * ```jsx\n     * export const MyComponent = () => {\n     *   const x = useMotionValue(0)\n     *   const y = useMotionValue(0)\n     *   const opacity = useMotionValue(1)\n     *\n     *   useEffect(() => {\n     *     function updateOpacity() {\n     *       const maxXY = Math.max(x.get(), y.get())\n     *       const newOpacity = transform(maxXY, [0, 100], [1, 0])\n     *       opacity.set(newOpacity)\n     *     }\n     *\n     *     const unsubscribeX = x.on(\"change\", updateOpacity)\n     *     const unsubscribeY = y.on(\"change\", updateOpacity)\n     *\n     *     return () => {\n     *       unsubscribeX()\n     *       unsubscribeY()\n     *     }\n     *   }, [])\n     *\n     *   return <motion.div style={{ x }} />\n     * }\n     * ```\n     *\n     * @param subscriber - A function that receives the latest value.\n     * @returns A function that, when called, will cancel this subscription.\n     *\n     * @deprecated\n     */\n    onChange(subscription) {\n        if (process.env.NODE_ENV !== \"production\") {\n            warnOnce(false, `value.onChange(callback) is deprecated. Switch to value.on(\"change\", callback).`);\n        }\n        return this.on(\"change\", subscription);\n    }\n    on(eventName, callback) {\n        if (!this.events[eventName]) {\n            this.events[eventName] = new SubscriptionManager();\n        }\n        const unsubscribe = this.events[eventName].add(callback);\n        if (eventName === \"change\") {\n            return () => {\n                unsubscribe();\n                /**\n                 * If we have no more change listeners by the start\n                 * of the next frame, stop active animations.\n                 */\n                frame.read(() => {\n                    if (!this.events.change.getSize()) {\n                        this.stop();\n                    }\n                });\n            };\n        }\n        return unsubscribe;\n    }\n    clearListeners() {\n        for (const eventManagers in this.events) {\n            this.events[eventManagers].clear();\n        }\n    }\n    /**\n     * Attaches a passive effect to the `MotionValue`.\n     *\n     * @internal\n     */\n    attach(passiveEffect, stopPassiveEffect) {\n        this.passiveEffect = passiveEffect;\n        this.stopPassiveEffect = stopPassiveEffect;\n    }\n    /**\n     * Sets the state of the `MotionValue`.\n     *\n     * @remarks\n     *\n     * ```jsx\n     * const x = useMotionValue(0)\n     * x.set(10)\n     * ```\n     *\n     * @param latest - Latest value to set.\n     * @param render - Whether to notify render subscribers. Defaults to `true`\n     *\n     * @public\n     */\n    set(v, render = true) {\n        if (!render || !this.passiveEffect) {\n            this.updateAndNotify(v, render);\n        }\n        else {\n            this.passiveEffect(v, this.updateAndNotify);\n        }\n    }\n    setWithVelocity(prev, current, delta) {\n        this.set(current);\n        this.prev = prev;\n        this.timeDelta = delta;\n    }\n    /**\n     * Set the state of the `MotionValue`, stopping any active animations,\n     * effects, and resets velocity to `0`.\n     */\n    jump(v) {\n        this.updateAndNotify(v);\n        this.prev = v;\n        this.stop();\n        if (this.stopPassiveEffect)\n            this.stopPassiveEffect();\n    }\n    /**\n     * Returns the latest state of `MotionValue`\n     *\n     * @returns - The latest state of `MotionValue`\n     *\n     * @public\n     */\n    get() {\n        if (collectMotionValues.current) {\n            collectMotionValues.current.push(this);\n        }\n        return this.current;\n    }\n    /**\n     * @public\n     */\n    getPrevious() {\n        return this.prev;\n    }\n    /**\n     * Returns the latest velocity of `MotionValue`\n     *\n     * @returns - The latest velocity of `MotionValue`. Returns `0` if the state is non-numerical.\n     *\n     * @public\n     */\n    getVelocity() {\n        // This could be isFloat(this.prev) && isFloat(this.current), but that would be wasteful\n        return this.canTrackVelocity\n            ? // These casts could be avoided if parseFloat would be typed better\n                velocityPerSecond(parseFloat(this.current) -\n                    parseFloat(this.prev), this.timeDelta)\n            : 0;\n    }\n    /**\n     * Registers a new animation to control this `MotionValue`. Only one\n     * animation can drive a `MotionValue` at one time.\n     *\n     * ```jsx\n     * value.start()\n     * ```\n     *\n     * @param animation - A function that starts the provided animation\n     *\n     * @internal\n     */\n    start(startAnimation) {\n        this.stop();\n        return new Promise((resolve) => {\n            this.hasAnimated = true;\n            this.animation = startAnimation(resolve);\n            if (this.events.animationStart) {\n                this.events.animationStart.notify();\n            }\n        }).then(() => {\n            if (this.events.animationComplete) {\n                this.events.animationComplete.notify();\n            }\n            this.clearAnimation();\n        });\n    }\n    /**\n     * Stop the currently active animation.\n     *\n     * @public\n     */\n    stop() {\n        if (this.animation) {\n            this.animation.stop();\n            if (this.events.animationCancel) {\n                this.events.animationCancel.notify();\n            }\n        }\n        this.clearAnimation();\n    }\n    /**\n     * Returns `true` if this value is currently animating.\n     *\n     * @public\n     */\n    isAnimating() {\n        return !!this.animation;\n    }\n    clearAnimation() {\n        delete this.animation;\n    }\n    /**\n     * Destroy and clean up subscribers to this `MotionValue`.\n     *\n     * The `MotionValue` hooks like `useMotionValue` and `useTransform` automatically\n     * handle the lifecycle of the returned `MotionValue`, so this method is only necessary if you've manually\n     * created a `MotionValue` via the `motionValue` function.\n     *\n     * @public\n     */\n    destroy() {\n        this.clearListeners();\n        this.stop();\n        if (this.stopPassiveEffect) {\n            this.stopPassiveEffect();\n        }\n    }\n}\nfunction motionValue(init, options) {\n    return new MotionValue(init, options);\n}\n\nexport { MotionValue, collectMotionValues, motionValue };\n","import { rgba } from './rgba.mjs';\nimport { isColorString } from './utils.mjs';\n\nfunction parseHex(v) {\n    let r = \"\";\n    let g = \"\";\n    let b = \"\";\n    let a = \"\";\n    // If we have 6 characters, ie #FF0000\n    if (v.length > 5) {\n        r = v.substring(1, 3);\n        g = v.substring(3, 5);\n        b = v.substring(5, 7);\n        a = v.substring(7, 9);\n        // Or we have 3 characters, ie #F00\n    }\n    else {\n        r = v.substring(1, 2);\n        g = v.substring(2, 3);\n        b = v.substring(3, 4);\n        a = v.substring(4, 5);\n        r += r;\n        g += g;\n        b += b;\n        a += a;\n    }\n    return {\n        red: parseInt(r, 16),\n        green: parseInt(g, 16),\n        blue: parseInt(b, 16),\n        alpha: a ? parseInt(a, 16) / 255 : 1,\n    };\n}\nconst hex = {\n    test: isColorString(\"#\"),\n    parse: parseHex,\n    transform: rgba.transform,\n};\n\nexport { hex };\n","import { alpha } from '../numbers/index.mjs';\nimport { percent } from '../numbers/units.mjs';\nimport { sanitize } from '../utils.mjs';\nimport { isColorString, splitColor } from './utils.mjs';\n\nconst hsla = {\n    test: isColorString(\"hsl\", \"hue\"),\n    parse: splitColor(\"hue\", \"saturation\", \"lightness\"),\n    transform: ({ hue, saturation, lightness, alpha: alpha$1 = 1 }) => {\n        return (\"hsla(\" +\n            Math.round(hue) +\n            \", \" +\n            percent.transform(sanitize(saturation)) +\n            \", \" +\n            percent.transform(sanitize(lightness)) +\n            \", \" +\n            sanitize(alpha.transform(alpha$1)) +\n            \")\");\n    },\n};\n\nexport { hsla };\n","import { isString } from '../utils.mjs';\nimport { hex } from './hex.mjs';\nimport { hsla } from './hsla.mjs';\nimport { rgba } from './rgba.mjs';\n\nconst color = {\n    test: (v) => rgba.test(v) || hex.test(v) || hsla.test(v),\n    parse: (v) => {\n        if (rgba.test(v)) {\n            return rgba.parse(v);\n        }\n        else if (hsla.test(v)) {\n            return hsla.parse(v);\n        }\n        else {\n            return hex.parse(v);\n        }\n    },\n    transform: (v) => {\n        return isString(v)\n            ? v\n            : v.hasOwnProperty(\"red\")\n                ? rgba.transform(v)\n                : hsla.transform(v);\n    },\n};\n\nexport { color };\n","import { clamp } from '../../../utils/clamp.mjs';\nimport { number, alpha } from '../numbers/index.mjs';\nimport { sanitize } from '../utils.mjs';\nimport { isColorString, splitColor } from './utils.mjs';\n\nconst clampRgbUnit = (v) => clamp(0, 255, v);\nconst rgbUnit = {\n    ...number,\n    transform: (v) => Math.round(clampRgbUnit(v)),\n};\nconst rgba = {\n    test: isColorString(\"rgb\", \"red\"),\n    parse: splitColor(\"red\", \"green\", \"blue\"),\n    transform: ({ red, green, blue, alpha: alpha$1 = 1 }) => \"rgba(\" +\n        rgbUnit.transform(red) +\n        \", \" +\n        rgbUnit.transform(green) +\n        \", \" +\n        rgbUnit.transform(blue) +\n        \", \" +\n        sanitize(alpha.transform(alpha$1)) +\n        \")\",\n};\n\nexport { rgbUnit, rgba };\n","import { isString, singleColorRegex, floatRegex } from '../utils.mjs';\n\n/**\n * Returns true if the provided string is a color, ie rgba(0,0,0,0) or #000,\n * but false if a number or multiple colors\n */\nconst isColorString = (type, testProp) => (v) => {\n    return Boolean((isString(v) && singleColorRegex.test(v) && v.startsWith(type)) ||\n        (testProp && Object.prototype.hasOwnProperty.call(v, testProp)));\n};\nconst splitColor = (aName, bName, cName) => (v) => {\n    if (!isString(v))\n        return v;\n    const [a, b, c, alpha] = v.match(floatRegex);\n    return {\n        [aName]: parseFloat(a),\n        [bName]: parseFloat(b),\n        [cName]: parseFloat(c),\n        alpha: alpha !== undefined ? parseFloat(alpha) : 1,\n    };\n};\n\nexport { isColorString, splitColor };\n","import { cssVariableRegex } from '../../../render/dom/utils/is-css-variable.mjs';\nimport { noop } from '../../../utils/noop.mjs';\nimport { color } from '../color/index.mjs';\nimport { number } from '../numbers/index.mjs';\nimport { colorRegex, floatRegex, isString, sanitize } from '../utils.mjs';\n\nfunction test(v) {\n    var _a, _b;\n    return (isNaN(v) &&\n        isString(v) &&\n        (((_a = v.match(floatRegex)) === null || _a === void 0 ? void 0 : _a.length) || 0) +\n            (((_b = v.match(colorRegex)) === null || _b === void 0 ? void 0 : _b.length) || 0) >\n            0);\n}\nconst cssVarTokeniser = {\n    regex: cssVariableRegex,\n    countKey: \"Vars\",\n    token: \"${v}\",\n    parse: noop,\n};\nconst colorTokeniser = {\n    regex: colorRegex,\n    countKey: \"Colors\",\n    token: \"${c}\",\n    parse: color.parse,\n};\nconst numberTokeniser = {\n    regex: floatRegex,\n    countKey: \"Numbers\",\n    token: \"${n}\",\n    parse: number.parse,\n};\nfunction tokenise(info, { regex, countKey, token, parse }) {\n    const matches = info.tokenised.match(regex);\n    if (!matches)\n        return;\n    info[\"num\" + countKey] = matches.length;\n    info.tokenised = info.tokenised.replace(regex, token);\n    info.values.push(...matches.map(parse));\n}\nfunction analyseComplexValue(value) {\n    const originalValue = value.toString();\n    const info = {\n        value: originalValue,\n        tokenised: originalValue,\n        values: [],\n        numVars: 0,\n        numColors: 0,\n        numNumbers: 0,\n    };\n    if (info.value.includes(\"var(--\"))\n        tokenise(info, cssVarTokeniser);\n    tokenise(info, colorTokeniser);\n    tokenise(info, numberTokeniser);\n    return info;\n}\nfunction parseComplexValue(v) {\n    return analyseComplexValue(v).values;\n}\nfunction createTransformer(source) {\n    const { values, numColors, numVars, tokenised } = analyseComplexValue(source);\n    const numValues = values.length;\n    return (v) => {\n        let output = tokenised;\n        for (let i = 0; i < numValues; i++) {\n            if (i < numVars) {\n                output = output.replace(cssVarTokeniser.token, v[i]);\n            }\n            else if (i < numVars + numColors) {\n                output = output.replace(colorTokeniser.token, color.transform(v[i]));\n            }\n            else {\n                output = output.replace(numberTokeniser.token, sanitize(v[i]));\n            }\n        }\n        return output;\n    };\n}\nconst convertNumbersToZero = (v) => typeof v === \"number\" ? 0 : v;\nfunction getAnimatableNone(v) {\n    const parsed = parseComplexValue(v);\n    const transformer = createTransformer(v);\n    return transformer(parsed.map(convertNumbersToZero));\n}\nconst complex = {\n    test,\n    parse: parseComplexValue,\n    createTransformer,\n    getAnimatableNone,\n};\n\nexport { analyseComplexValue, complex };\n","import { clamp } from '../../../utils/clamp.mjs';\n\nconst number = {\n    test: (v) => typeof v === \"number\",\n    parse: parseFloat,\n    transform: (v) => v,\n};\nconst alpha = {\n    ...number,\n    transform: (v) => clamp(0, 1, v),\n};\nconst scale = {\n    ...number,\n    default: 1,\n};\n\nexport { alpha, number, scale };\n","import { isString } from '../utils.mjs';\n\nconst createUnitType = (unit) => ({\n    test: (v) => isString(v) && v.endsWith(unit) && v.split(\" \").length === 1,\n    parse: parseFloat,\n    transform: (v) => `${v}${unit}`,\n});\nconst degrees = createUnitType(\"deg\");\nconst percent = createUnitType(\"%\");\nconst px = createUnitType(\"px\");\nconst vh = createUnitType(\"vh\");\nconst vw = createUnitType(\"vw\");\nconst progressPercentage = {\n    ...percent,\n    parse: (v) => percent.parse(v) / 100,\n    transform: (v) => percent.transform(v * 100),\n};\n\nexport { degrees, percent, progressPercentage, px, vh, vw };\n","/**\n * TODO: When we move from string as a source of truth to data models\n * everything in this folder should probably be referred to as models vs types\n */\n// If this number is a decimal, make it just five decimal places\n// to avoid exponents\nconst sanitize = (v) => Math.round(v * 100000) / 100000;\nconst floatRegex = /(-)?([\\d]*\\.?[\\d])+/g;\nconst colorRegex = /(#[0-9a-f]{3,8}|(rgb|hsl)a?\\((-?[\\d\\.]+%?[,\\s]+){2}(-?[\\d\\.]+%?)\\s*[\\,\\/]?\\s*[\\d\\.]*%?\\))/gi;\nconst singleColorRegex = /^(#[0-9a-f]{3,8}|(rgb|hsl)a?\\((-?[\\d\\.]+%?[,\\s]+){2}(-?[\\d\\.]+%?)\\s*[\\,\\/]?\\s*[\\d\\.]*%?\\))$/i;\nfunction isString(v) {\n    return typeof v === \"string\";\n}\n\nexport { colorRegex, floatRegex, isString, sanitize, singleColorRegex };\n","/*! js-cookie v3.0.5 | MIT */\n/* eslint-disable no-var */\nfunction assign (target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = arguments[i];\n    for (var key in source) {\n      target[key] = source[key];\n    }\n  }\n  return target\n}\n/* eslint-enable no-var */\n\n/* eslint-disable no-var */\nvar defaultConverter = {\n  read: function (value) {\n    if (value[0] === '\"') {\n      value = value.slice(1, -1);\n    }\n    return value.replace(/(%[\\dA-F]{2})+/gi, decodeURIComponent)\n  },\n  write: function (value) {\n    return encodeURIComponent(value).replace(\n      /%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,\n      decodeURIComponent\n    )\n  }\n};\n/* eslint-enable no-var */\n\n/* eslint-disable no-var */\n\nfunction init (converter, defaultAttributes) {\n  function set (name, value, attributes) {\n    if (typeof document === 'undefined') {\n      return\n    }\n\n    attributes = assign({}, defaultAttributes, attributes);\n\n    if (typeof attributes.expires === 'number') {\n      attributes.expires = new Date(Date.now() + attributes.expires * 864e5);\n    }\n    if (attributes.expires) {\n      attributes.expires = attributes.expires.toUTCString();\n    }\n\n    name = encodeURIComponent(name)\n      .replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent)\n      .replace(/[()]/g, escape);\n\n    var stringifiedAttributes = '';\n    for (var attributeName in attributes) {\n      if (!attributes[attributeName]) {\n        continue\n      }\n\n      stringifiedAttributes += '; ' + attributeName;\n\n      if (attributes[attributeName] === true) {\n        continue\n      }\n\n      // Considers RFC 6265 section 5.2:\n      // ...\n      // 3.  If the remaining unparsed-attributes contains a %x3B (\";\")\n      //     character:\n      // Consume the characters of the unparsed-attributes up to,\n      // not including, the first %x3B (\";\") character.\n      // ...\n      stringifiedAttributes += '=' + attributes[attributeName].split(';')[0];\n    }\n\n    return (document.cookie =\n      name + '=' + converter.write(value, name) + stringifiedAttributes)\n  }\n\n  function get (name) {\n    if (typeof document === 'undefined' || (arguments.length && !name)) {\n      return\n    }\n\n    // To prevent the for loop in the first place assign an empty array\n    // in case there are no cookies at all.\n    var cookies = document.cookie ? document.cookie.split('; ') : [];\n    var jar = {};\n    for (var i = 0; i < cookies.length; i++) {\n      var parts = cookies[i].split('=');\n      var value = parts.slice(1).join('=');\n\n      try {\n        var found = decodeURIComponent(parts[0]);\n        jar[found] = converter.read(value, found);\n\n        if (name === found) {\n          break\n        }\n      } catch (e) {}\n    }\n\n    return name ? jar[name] : jar\n  }\n\n  return Object.create(\n    {\n      set,\n      get,\n      remove: function (name, attributes) {\n        set(\n          name,\n          '',\n          assign({}, attributes, {\n            expires: -1\n          })\n        );\n      },\n      withAttributes: function (attributes) {\n        return init(this.converter, assign({}, this.attributes, attributes))\n      },\n      withConverter: function (converter) {\n        return init(assign({}, this.converter, converter), this.attributes)\n      }\n    },\n    {\n      attributes: { value: Object.freeze(defaultAttributes) },\n      converter: { value: Object.freeze(converter) }\n    }\n  )\n}\n\nvar api = init(defaultConverter, { path: '/' });\n/* eslint-enable no-var */\n\nexport { api as default };\n","export function _tagged_template_literal(strings, raw) {\n    if (!raw) raw = strings.slice(0);\n\n    return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } }));\n}\nexport { _tagged_template_literal as _ };\n","/******************************************************************************\nCopyright (c) Microsoft Corporation.\n\nPermission to use, copy, modify, and/or distribute this software for any\npurpose with or without fee is hereby granted.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\nPERFORMANCE OF THIS SOFTWARE.\n***************************************************************************** */\n/* global Reflect, Promise, SuppressedError, Symbol, Iterator */\n\nvar extendStatics = function(d, b) {\n  extendStatics = Object.setPrototypeOf ||\n      ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n      function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n  return extendStatics(d, b);\n};\n\nexport function __extends(d, b) {\n  if (typeof b !== \"function\" && b !== null)\n      throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n  extendStatics(d, b);\n  function __() { this.constructor = d; }\n  d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n}\n\nexport var __assign = function() {\n  __assign = Object.assign || function __assign(t) {\n      for (var s, i = 1, n = arguments.length; i < n; i++) {\n          s = arguments[i];\n          for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n      return t;\n  }\n  return __assign.apply(this, arguments);\n}\n\nexport function __rest(s, e) {\n  var t = {};\n  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n      t[p] = s[p];\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n      for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n          if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n              t[p[i]] = s[p[i]];\n      }\n  return t;\n}\n\nexport function __decorate(decorators, target, key, desc) {\n  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n  if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n  return c > 3 && r && Object.defineProperty(target, key, r), r;\n}\n\nexport function __param(paramIndex, decorator) {\n  return function (target, key) { decorator(target, key, paramIndex); }\n}\n\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\n  function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\n  var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\n  var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\n  var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\n  var _, done = false;\n  for (var i = decorators.length - 1; i >= 0; i--) {\n      var context = {};\n      for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\n      for (var p in contextIn.access) context.access[p] = contextIn.access[p];\n      context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\n      var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\n      if (kind === \"accessor\") {\n          if (result === void 0) continue;\n          if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\n          if (_ = accept(result.get)) descriptor.get = _;\n          if (_ = accept(result.set)) descriptor.set = _;\n          if (_ = accept(result.init)) initializers.unshift(_);\n      }\n      else if (_ = accept(result)) {\n          if (kind === \"field\") initializers.unshift(_);\n          else descriptor[key] = _;\n      }\n  }\n  if (target) Object.defineProperty(target, contextIn.name, descriptor);\n  done = true;\n};\n\nexport function __runInitializers(thisArg, initializers, value) {\n  var useValue = arguments.length > 2;\n  for (var i = 0; i < initializers.length; i++) {\n      value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\n  }\n  return useValue ? value : void 0;\n};\n\nexport function __propKey(x) {\n  return typeof x === \"symbol\" ? x : \"\".concat(x);\n};\n\nexport function __setFunctionName(f, name, prefix) {\n  if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\n  return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\n};\n\nexport function __metadata(metadataKey, metadataValue) {\n  if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\n}\n\nexport function __awaiter(thisArg, _arguments, P, generator) {\n  function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n  return new (P || (P = Promise))(function (resolve, reject) {\n      function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n      function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n      function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n      step((generator = generator.apply(thisArg, _arguments || [])).next());\n  });\n}\n\nexport function __generator(thisArg, body) {\n  var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === \"function\" ? Iterator : Object).prototype);\n  return g.next = verb(0), g[\"throw\"] = verb(1), g[\"return\"] = verb(2), typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n  function verb(n) { return function (v) { return step([n, v]); }; }\n  function step(op) {\n      if (f) throw new TypeError(\"Generator is already executing.\");\n      while (g && (g = 0, op[0] && (_ = 0)), _) try {\n          if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n          if (y = 0, t) op = [op[0] & 2, t.value];\n          switch (op[0]) {\n              case 0: case 1: t = op; break;\n              case 4: _.label++; return { value: op[1], done: false };\n              case 5: _.label++; y = op[1]; op = [0]; continue;\n              case 7: op = _.ops.pop(); _.trys.pop(); continue;\n              default:\n                  if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                  if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                  if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                  if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                  if (t[2]) _.ops.pop();\n                  _.trys.pop(); continue;\n          }\n          op = body.call(thisArg, _);\n      } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n      if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n  }\n}\n\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\n  if (k2 === undefined) k2 = k;\n  var desc = Object.getOwnPropertyDescriptor(m, k);\n  if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n      desc = { enumerable: true, get: function() { return m[k]; } };\n  }\n  Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n  if (k2 === undefined) k2 = k;\n  o[k2] = m[k];\n});\n\nexport function __exportStar(m, o) {\n  for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\n}\n\nexport function __values(o) {\n  var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\n  if (m) return m.call(o);\n  if (o && typeof o.length === \"number\") return {\n      next: function () {\n          if (o && i >= o.length) o = void 0;\n          return { value: o && o[i++], done: !o };\n      }\n  };\n  throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\n}\n\nexport function __read(o, n) {\n  var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o), r, ar = [], e;\n  try {\n      while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n  }\n  catch (error) { e = { error: error }; }\n  finally {\n      try {\n          if (r && !r.done && (m = i[\"return\"])) m.call(i);\n      }\n      finally { if (e) throw e.error; }\n  }\n  return ar;\n}\n\n/** @deprecated */\nexport function __spread() {\n  for (var ar = [], i = 0; i < arguments.length; i++)\n      ar = ar.concat(__read(arguments[i]));\n  return ar;\n}\n\n/** @deprecated */\nexport function __spreadArrays() {\n  for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\n  for (var r = Array(s), k = 0, i = 0; i < il; i++)\n      for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\n          r[k] = a[j];\n  return r;\n}\n\nexport function __spreadArray(to, from, pack) {\n  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n      if (ar || !(i in from)) {\n          if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n          ar[i] = from[i];\n      }\n  }\n  return to.concat(ar || Array.prototype.slice.call(from));\n}\n\nexport function __await(v) {\n  return this instanceof __await ? (this.v = v, this) : new __await(v);\n}\n\nexport function __asyncGenerator(thisArg, _arguments, generator) {\n  if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\n  var g = generator.apply(thisArg, _arguments || []), i, q = [];\n  return i = Object.create((typeof AsyncIterator === \"function\" ? AsyncIterator : Object).prototype), verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\n  function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\n  function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\n  function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\n  function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\n  function fulfill(value) { resume(\"next\", value); }\n  function reject(value) { resume(\"throw\", value); }\n  function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\n}\n\nexport function __asyncDelegator(o) {\n  var i, p;\n  return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\n  function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\n}\n\nexport function __asyncValues(o) {\n  if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\n  var m = o[Symbol.asyncIterator], i;\n  return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\n  function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\n  function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\n}\n\nexport function __makeTemplateObject(cooked, raw) {\n  if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n  return cooked;\n};\n\nvar __setModuleDefault = Object.create ? (function(o, v) {\n  Object.defineProperty(o, \"default\", { enumerable: true, value: v });\n}) : function(o, v) {\n  o[\"default\"] = v;\n};\n\nvar ownKeys = function(o) {\n  ownKeys = Object.getOwnPropertyNames || function (o) {\n    var ar = [];\n    for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;\n    return ar;\n  };\n  return ownKeys(o);\n};\n\nexport function __importStar(mod) {\n  if (mod && mod.__esModule) return mod;\n  var result = {};\n  if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== \"default\") __createBinding(result, mod, k[i]);\n  __setModuleDefault(result, mod);\n  return result;\n}\n\nexport function __importDefault(mod) {\n  return (mod && mod.__esModule) ? mod : { default: mod };\n}\n\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\n  if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\n  if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\n  return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\n}\n\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\n  if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\n  if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\n  if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\n  return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\n}\n\nexport function __classPrivateFieldIn(state, receiver) {\n  if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\n  return typeof state === \"function\" ? receiver === state : state.has(receiver);\n}\n\nexport function __addDisposableResource(env, value, async) {\n  if (value !== null && value !== void 0) {\n    if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\n    var dispose, inner;\n    if (async) {\n      if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\n      dispose = value[Symbol.asyncDispose];\n    }\n    if (dispose === void 0) {\n      if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\n      dispose = value[Symbol.dispose];\n      if (async) inner = dispose;\n    }\n    if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\n    if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\n    env.stack.push({ value: value, dispose: dispose, async: async });\n  }\n  else if (async) {\n    env.stack.push({ async: true });\n  }\n  return value;\n}\n\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\n  var e = new Error(message);\n  return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\n};\n\nexport function __disposeResources(env) {\n  function fail(e) {\n    env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\n    env.hasError = true;\n  }\n  var r, s = 0;\n  function next() {\n    while (r = env.stack.pop()) {\n      try {\n        if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);\n        if (r.dispose) {\n          var result = r.dispose.call(r.value);\n          if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\n        }\n        else s |= 1;\n      }\n      catch (e) {\n        fail(e);\n      }\n    }\n    if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();\n    if (env.hasError) throw env.error;\n  }\n  return next();\n}\n\nexport function __rewriteRelativeImportExtension(path, preserveJsx) {\n  if (typeof path === \"string\" && /^\\.\\.?\\//.test(path)) {\n      return path.replace(/\\.(tsx)$|((?:\\.d)?)((?:\\.[^./]+?)?)\\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {\n          return tsx ? preserveJsx ? \".jsx\" : \".js\" : d && (!ext || !cm) ? m : (d + ext + \".\" + cm.toLowerCase() + \"js\");\n      });\n  }\n  return path;\n}\n\nexport default {\n  __extends,\n  __assign,\n  __rest,\n  __decorate,\n  __param,\n  __esDecorate,\n  __runInitializers,\n  __propKey,\n  __setFunctionName,\n  __metadata,\n  __awaiter,\n  __generator,\n  __createBinding,\n  __exportStar,\n  __values,\n  __read,\n  __spread,\n  __spreadArrays,\n  __spreadArray,\n  __await,\n  __asyncGenerator,\n  __asyncDelegator,\n  __asyncValues,\n  __makeTemplateObject,\n  __importStar,\n  __importDefault,\n  __classPrivateFieldGet,\n  __classPrivateFieldSet,\n  __classPrivateFieldIn,\n  __addDisposableResource,\n  __disposeResources,\n  __rewriteRelativeImportExtension,\n};\n","import { useState, useCallback, useLayoutEffect, useEffect, useRef, useMemo, useReducer } from 'react';\nimport debounce from 'lodash.debounce';\n\n// src/useBoolean/useBoolean.ts\nfunction useBoolean(defaultValue) {\n  const [value, setValue] = useState(!!defaultValue);\n  const setTrue = useCallback(() => {\n    setValue(true);\n  }, []);\n  const setFalse = useCallback(() => {\n    setValue(false);\n  }, []);\n  const toggle = useCallback(() => {\n    setValue((x) => !x);\n  }, []);\n  return { value, setValue, setTrue, setFalse, toggle };\n}\nvar useIsomorphicLayoutEffect = typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n\n// src/useEventListener/useEventListener.ts\nfunction useEventListener(eventName, handler, element, options) {\n  const savedHandler = useRef(handler);\n  useIsomorphicLayoutEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n  useEffect(() => {\n    const targetElement = (element == null ? void 0 : element.current) ?? window;\n    if (!(targetElement && targetElement.addEventListener))\n      return;\n    const listener = (event) => {\n      savedHandler.current(event);\n    };\n    targetElement.addEventListener(eventName, listener, options);\n    return () => {\n      targetElement.removeEventListener(eventName, listener, options);\n    };\n  }, [eventName, element, options]);\n}\n\n// src/useClickAnyWhere/useClickAnyWhere.ts\nfunction useClickAnyWhere(handler) {\n  useEventListener(\"click\", (event) => {\n    handler(event);\n  });\n}\nfunction useCopyToClipboard() {\n  const [copiedText, setCopiedText] = useState(null);\n  const copy = useCallback(async (text) => {\n    if (!(navigator == null ? void 0 : navigator.clipboard)) {\n      console.warn(\"Clipboard not supported\");\n      return false;\n    }\n    try {\n      await navigator.clipboard.writeText(text);\n      setCopiedText(text);\n      return true;\n    } catch (error) {\n      console.warn(\"Copy failed\", error);\n      setCopiedText(null);\n      return false;\n    }\n  }, []);\n  return [copiedText, copy];\n}\nfunction useCounter(initialValue) {\n  const [count, setCount] = useState(initialValue ?? 0);\n  const increment = () => {\n    setCount((x) => x + 1);\n  };\n  const decrement = () => {\n    setCount((x) => x - 1);\n  };\n  const reset = () => {\n    setCount(initialValue ?? 0);\n  };\n  return {\n    count,\n    increment,\n    decrement,\n    reset,\n    setCount\n  };\n}\nfunction useInterval(callback, delay) {\n  const savedCallback = useRef(callback);\n  useIsomorphicLayoutEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n  useEffect(() => {\n    if (delay === null) {\n      return;\n    }\n    const id = setInterval(() => {\n      savedCallback.current();\n    }, delay);\n    return () => {\n      clearInterval(id);\n    };\n  }, [delay]);\n}\n\n// src/useCountdown/useCountdown.ts\nfunction useCountdown(countdownOptions) {\n  let isDeprecated = false;\n  let countStart, intervalMs, isIncrement, countStop;\n  if (\"seconds\" in countdownOptions) {\n    console.warn(\n      \"[useCountdown:DEPRECATED] new interface is already available (see https://usehooks-ts.com/react-hook/use-countdown), the old version will retire on usehooks-ts@3.\"\n    );\n    isDeprecated = true;\n    countStart = countdownOptions.seconds;\n    intervalMs = countdownOptions.interval;\n    isIncrement = countdownOptions.isIncrement;\n  } else {\n    ({ countStart, intervalMs, isIncrement, countStop } = countdownOptions);\n  }\n  intervalMs = intervalMs ?? 1e3;\n  isIncrement = isIncrement ?? false;\n  countStop = countStop ?? 0;\n  const {\n    count,\n    increment,\n    decrement,\n    reset: resetCounter\n  } = useCounter(countStart);\n  const {\n    value: isCountdownRunning,\n    setTrue: startCountdown,\n    setFalse: stopCountdown\n  } = useBoolean(false);\n  const resetCountdown = () => {\n    stopCountdown();\n    resetCounter();\n  };\n  const countdownCallback = useCallback(() => {\n    if (count === countStop) {\n      stopCountdown();\n      return;\n    }\n    if (isIncrement) {\n      increment();\n    } else {\n      decrement();\n    }\n  }, [count, countStop, decrement, increment, isIncrement, stopCountdown]);\n  useInterval(countdownCallback, isCountdownRunning ? intervalMs : null);\n  return isDeprecated ? [\n    count,\n    {\n      start: startCountdown,\n      stop: stopCountdown,\n      reset: resetCountdown\n    }\n  ] : [\n    count,\n    {\n      startCountdown,\n      stopCountdown,\n      resetCountdown\n    }\n  ];\n}\nfunction useEventCallback(fn) {\n  const ref = useRef(() => {\n    throw new Error(\"Cannot call an event handler while rendering.\");\n  });\n  useIsomorphicLayoutEffect(() => {\n    ref.current = fn;\n  }, [fn]);\n  return useCallback((...args) => ref.current(...args), [ref]);\n}\n\n// src/useLocalStorage/useLocalStorage.ts\nvar IS_SERVER = typeof window === \"undefined\";\nfunction useLocalStorage(key, initialValue, options = {}) {\n  const { initializeWithValue = true } = options;\n  const serializer = useCallback(\n    (value) => {\n      if (options.serializer) {\n        return options.serializer(value);\n      }\n      return JSON.stringify(value);\n    },\n    [options]\n  );\n  const deserializer = useCallback(\n    (value) => {\n      if (options.deserializer) {\n        return options.deserializer(value);\n      }\n      if (value === \"undefined\") {\n        return void 0;\n      }\n      const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n      let parsed;\n      try {\n        parsed = JSON.parse(value);\n      } catch (error) {\n        console.error(\"Error parsing JSON:\", error);\n        return defaultValue;\n      }\n      return parsed;\n    },\n    [options, initialValue]\n  );\n  const readValue = useCallback(() => {\n    const initialValueToUse = initialValue instanceof Function ? initialValue() : initialValue;\n    if (IS_SERVER) {\n      return initialValueToUse;\n    }\n    try {\n      const raw = window.localStorage.getItem(key);\n      return raw ? deserializer(raw) : initialValueToUse;\n    } catch (error) {\n      console.warn(`Error reading localStorage key \\u201C${key}\\u201D:`, error);\n      return initialValueToUse;\n    }\n  }, [initialValue, key, deserializer]);\n  const [storedValue, setStoredValue] = useState(() => {\n    if (initializeWithValue) {\n      return readValue();\n    }\n    return initialValue instanceof Function ? initialValue() : initialValue;\n  });\n  const setValue = useEventCallback((value) => {\n    if (IS_SERVER) {\n      console.warn(\n        `Tried setting localStorage key \\u201C${key}\\u201D even though environment is not a client`\n      );\n    }\n    try {\n      const newValue = value instanceof Function ? value(readValue()) : value;\n      window.localStorage.setItem(key, serializer(newValue));\n      setStoredValue(newValue);\n      window.dispatchEvent(new StorageEvent(\"local-storage\", { key }));\n    } catch (error) {\n      console.warn(`Error setting localStorage key \\u201C${key}\\u201D:`, error);\n    }\n  });\n  useEffect(() => {\n    setStoredValue(readValue());\n  }, [key]);\n  const handleStorageChange = useCallback(\n    (event) => {\n      if ((event == null ? void 0 : event.key) && event.key !== key) {\n        return;\n      }\n      setStoredValue(readValue());\n    },\n    [key, readValue]\n  );\n  useEventListener(\"storage\", handleStorageChange);\n  useEventListener(\"local-storage\", handleStorageChange);\n  return [storedValue, setValue];\n}\nvar IS_SERVER2 = typeof window === \"undefined\";\nfunction useMediaQuery(query, options) {\n  const defaultValue = typeof options === \"boolean\" ? options : (options == null ? void 0 : options.defaultValue) ?? false;\n  const initializeWithValue = typeof options === \"boolean\" ? void 0 : (options == null ? void 0 : options.initializeWithValue) ?? void 0;\n  const getMatches = (query2) => {\n    if (IS_SERVER2) {\n      return defaultValue;\n    }\n    return window.matchMedia(query2).matches;\n  };\n  const [matches, setMatches] = useState(() => {\n    if (initializeWithValue) {\n      return getMatches(query);\n    }\n    return defaultValue;\n  });\n  function handleChange() {\n    setMatches(getMatches(query));\n  }\n  useIsomorphicLayoutEffect(() => {\n    const matchMedia = window.matchMedia(query);\n    handleChange();\n    if (matchMedia.addListener) {\n      matchMedia.addListener(handleChange);\n    } else {\n      matchMedia.addEventListener(\"change\", handleChange);\n    }\n    return () => {\n      if (matchMedia.removeListener) {\n        matchMedia.removeListener(handleChange);\n      } else {\n        matchMedia.removeEventListener(\"change\", handleChange);\n      }\n    };\n  }, [query]);\n  return matches;\n}\n\n// src/useDarkMode/useDarkMode.ts\nvar COLOR_SCHEME_QUERY = \"(prefers-color-scheme: dark)\";\nvar LOCAL_STORAGE_KEY = \"usehooks-ts-dark-mode\";\nfunction useDarkMode(options, localStorageKeyProps = LOCAL_STORAGE_KEY) {\n  const counter = useRef(0);\n  counter.current++;\n  const defaultValue = typeof options === \"boolean\" ? options : options == null ? void 0 : options.defaultValue;\n  const localStorageKey = typeof options === \"boolean\" ? localStorageKeyProps ?? LOCAL_STORAGE_KEY : (options == null ? void 0 : options.localStorageKey) ?? LOCAL_STORAGE_KEY;\n  const initializeWithValue = typeof options === \"boolean\" ? void 0 : (options == null ? void 0 : options.initializeWithValue) ?? void 0;\n  const isDarkOS = useMediaQuery(COLOR_SCHEME_QUERY, {\n    initializeWithValue,\n    defaultValue\n  });\n  const [isDarkMode, setDarkMode] = useLocalStorage(\n    localStorageKey,\n    defaultValue ?? isDarkOS ?? false,\n    { initializeWithValue }\n  );\n  useIsomorphicLayoutEffect(() => {\n    if (isDarkOS !== isDarkMode) {\n      setDarkMode(isDarkOS);\n    }\n  }, [isDarkOS]);\n  return {\n    isDarkMode,\n    toggle: () => {\n      setDarkMode((prev) => !prev);\n    },\n    enable: () => {\n      setDarkMode(true);\n    },\n    disable: () => {\n      setDarkMode(false);\n    },\n    set: (value) => {\n      setDarkMode(value);\n    }\n  };\n}\nfunction useDebounce(value, delay) {\n  const [debouncedValue, setDebouncedValue] = useState(value);\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setDebouncedValue(value);\n    }, delay ?? 500);\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [value, delay]);\n  return debouncedValue;\n}\nfunction useUnmount(func) {\n  const funcRef = useRef(func);\n  funcRef.current = func;\n  useEffect(\n    () => () => {\n      funcRef.current();\n    },\n    []\n  );\n}\n\n// src/useDebounceCallback/useDebounceCallback.ts\nfunction useDebounceCallback(func, delay = 500, options) {\n  const debouncedFunc = useRef();\n  useUnmount(() => {\n    if (debouncedFunc.current) {\n      debouncedFunc.current.cancel();\n    }\n  });\n  const debounced = useMemo(() => {\n    const debouncedFuncInstance = debounce(func, delay, options);\n    const wrappedFunc = (...args) => {\n      return debouncedFuncInstance(...args);\n    };\n    wrappedFunc.cancel = () => {\n      debouncedFuncInstance.cancel();\n    };\n    wrappedFunc.isPending = () => {\n      return !!debouncedFunc.current;\n    };\n    wrappedFunc.flush = () => {\n      return debouncedFuncInstance.flush();\n    };\n    return wrappedFunc;\n  }, [func, delay, options]);\n  useEffect(() => {\n    debouncedFunc.current = debounce(func, delay, options);\n  }, [func, delay, options]);\n  return debounced;\n}\nfunction useDebounceValue(initialValue, delay, options) {\n  const eq = (options == null ? void 0 : options.equalityFn) ?? ((left, right) => left === right);\n  const unwrappedInitialValue = initialValue instanceof Function ? initialValue() : initialValue;\n  const [debouncedValue, setDebouncedValue] = useState(unwrappedInitialValue);\n  const previousValueRef = useRef(unwrappedInitialValue);\n  const updateDebouncedValue = useDebounceCallback(\n    setDebouncedValue,\n    delay,\n    options\n  );\n  if (!eq(previousValueRef.current, unwrappedInitialValue)) {\n    updateDebouncedValue(unwrappedInitialValue);\n    previousValueRef.current = unwrappedInitialValue;\n  }\n  return [debouncedValue, updateDebouncedValue];\n}\nfunction useDocumentTitle(title, options = {}) {\n  const { preserveTitleOnUnmount = true } = options;\n  const defaultTitle = useRef(null);\n  useIsomorphicLayoutEffect(() => {\n    defaultTitle.current = window.document.title;\n  }, []);\n  useIsomorphicLayoutEffect(() => {\n    window.document.title = title;\n  }, [title]);\n  useUnmount(() => {\n    if (!preserveTitleOnUnmount && defaultTitle.current) {\n      window.document.title = defaultTitle.current;\n    }\n  });\n}\nfunction useEffectOnce(effect) {\n  useEffect(effect, []);\n}\nfunction useElementSize(options = {}) {\n  const { initializeWithValue = true } = options;\n  const [ref, setRef] = useState(null);\n  const readValue = useCallback(() => {\n    return {\n      width: (ref == null ? void 0 : ref.offsetWidth) ?? void 0,\n      height: (ref == null ? void 0 : ref.offsetHeight) ?? void 0\n    };\n  }, [ref == null ? void 0 : ref.offsetHeight, ref == null ? void 0 : ref.offsetWidth]);\n  const [size, setSize] = useState(() => {\n    if (initializeWithValue) {\n      return readValue();\n    }\n    return { width: void 0, height: void 0 };\n  });\n  const handleSize = useCallback(() => {\n    setSize(readValue());\n  }, [ref == null ? void 0 : ref.offsetHeight, ref == null ? void 0 : ref.offsetWidth]);\n  useEventListener(\"resize\", handleSize);\n  useIsomorphicLayoutEffect(() => {\n    handleSize();\n  }, [ref == null ? void 0 : ref.offsetHeight, ref == null ? void 0 : ref.offsetWidth]);\n  const result = [setRef, size];\n  result.ref = result[0];\n  result.width = size.width;\n  result.height = size.height;\n  return result;\n}\nfunction useFetch(url, options) {\n  const cache = useRef({});\n  const cancelRequest = useRef(false);\n  const initialState = {\n    error: void 0,\n    data: void 0\n  };\n  const fetchReducer = (state2, action) => {\n    switch (action.type) {\n      case \"loading\":\n        return { ...initialState };\n      case \"fetched\":\n        return { ...initialState, data: action.payload };\n      case \"error\":\n        return { ...initialState, error: action.payload };\n      default:\n        return state2;\n    }\n  };\n  const [state, dispatch] = useReducer(fetchReducer, initialState);\n  useEffect(() => {\n    if (!url)\n      return;\n    cancelRequest.current = false;\n    const fetchData = async () => {\n      dispatch({ type: \"loading\" });\n      const currentCache = cache.current[url];\n      if (currentCache) {\n        dispatch({ type: \"fetched\", payload: currentCache });\n        return;\n      }\n      try {\n        const response = await fetch(url, options);\n        if (!response.ok) {\n          throw new Error(response.statusText);\n        }\n        const data = await response.json();\n        cache.current[url] = data;\n        if (cancelRequest.current)\n          return;\n        dispatch({ type: \"fetched\", payload: data });\n      } catch (error) {\n        if (cancelRequest.current)\n          return;\n        dispatch({ type: \"error\", payload: error });\n      }\n    };\n    void fetchData();\n    return () => {\n      cancelRequest.current = true;\n    };\n  }, [url]);\n  return state;\n}\nfunction useHover(elementRef) {\n  const [value, setValue] = useState(false);\n  const handleMouseEnter = () => {\n    setValue(true);\n  };\n  const handleMouseLeave = () => {\n    setValue(false);\n  };\n  useEventListener(\"mouseenter\", handleMouseEnter, elementRef);\n  useEventListener(\"mouseleave\", handleMouseLeave, elementRef);\n  return value;\n}\nfunction useImageOnLoad() {\n  const [isLoaded, setIsLoaded] = useState(false);\n  const handleImageOnLoad = () => {\n    setIsLoaded(true);\n  };\n  const css = {\n    // Thumbnail style.\n    thumbnail: {\n      visibility: isLoaded ? \"hidden\" : \"visible\",\n      filter: \"blur(8px)\",\n      transition: \"visibility 0ms ease-out 500ms\"\n    },\n    // Full image style.\n    fullSize: {\n      opacity: isLoaded ? 1 : 0,\n      transition: \"opacity 500ms ease-in 0ms\"\n    }\n  };\n  return { handleImageOnLoad, css };\n}\nfunction useIntersectionObserver(optionsOrLegacyRef, legacyOptions) {\n  var _a;\n  const isLegacySignature = \"current\" in optionsOrLegacyRef;\n  const options = isLegacySignature ? legacyOptions : optionsOrLegacyRef;\n  const {\n    threshold = 0,\n    root = null,\n    rootMargin = \"0%\",\n    freezeOnceVisible = false,\n    initialIsIntersecting = false\n  } = options ?? {};\n  const [newRef, setNewRef] = useState(null);\n  const ref = isLegacySignature ? optionsOrLegacyRef.current : newRef;\n  const [state, setState] = useState(() => ({\n    isIntersecting: initialIsIntersecting,\n    entry: void 0\n  }));\n  const callbackRef = useRef();\n  callbackRef.current = options == null ? void 0 : options.onChange;\n  const frozen = ((_a = state.entry) == null ? void 0 : _a.isIntersecting) && freezeOnceVisible;\n  useEffect(() => {\n    if (!ref)\n      return;\n    if (!(\"IntersectionObserver\" in window))\n      return;\n    if (frozen)\n      return;\n    let unobserve;\n    const observer = new IntersectionObserver(\n      (entries) => {\n        const thresholds = Array.isArray(observer.thresholds) ? observer.thresholds : [observer.thresholds];\n        entries.forEach((entry) => {\n          const isIntersecting = entry.isIntersecting && thresholds.some((threshold2) => entry.intersectionRatio >= threshold2);\n          setState({ isIntersecting, entry });\n          if (callbackRef.current) {\n            callbackRef.current(isIntersecting, entry);\n          }\n          if (isIntersecting && freezeOnceVisible && unobserve) {\n            unobserve();\n            unobserve = void 0;\n          }\n        });\n      },\n      { threshold, root, rootMargin }\n    );\n    observer.observe(ref);\n    return () => {\n      observer.disconnect();\n    };\n  }, [\n    ref,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    JSON.stringify(threshold),\n    root,\n    rootMargin,\n    frozen,\n    freezeOnceVisible\n  ]);\n  const prevRef = useRef(null);\n  useEffect(() => {\n    var _a2;\n    if (!ref && ((_a2 = state.entry) == null ? void 0 : _a2.target) && !freezeOnceVisible && !frozen && prevRef.current !== state.entry.target) {\n      prevRef.current = state.entry.target;\n      setState({ isIntersecting: initialIsIntersecting, entry: void 0 });\n    }\n  }, [ref, state.entry, freezeOnceVisible, frozen, initialIsIntersecting]);\n  if (isLegacySignature) {\n    return state.entry;\n  }\n  const result = [\n    setNewRef,\n    !!state.isIntersecting,\n    state.entry\n  ];\n  result.ref = result[0];\n  result.isIntersecting = result[1];\n  result.entry = result[2];\n  return result;\n}\nfunction useIsClient() {\n  const [isClient, setClient] = useState(false);\n  useEffect(() => {\n    setClient(true);\n  }, []);\n  return isClient;\n}\nfunction useIsFirstRender() {\n  const isFirst = useRef(true);\n  if (isFirst.current) {\n    isFirst.current = false;\n    return true;\n  }\n  return isFirst.current;\n}\nfunction useIsMounted() {\n  const isMounted = useRef(false);\n  useEffect(() => {\n    isMounted.current = true;\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n  return useCallback(() => isMounted.current, []);\n}\nfunction useLockedBody(initialLocked = false, rootId = \"___gatsby\") {\n  const [locked, setLocked] = useState(initialLocked);\n  useIsomorphicLayoutEffect(() => {\n    if (!locked) {\n      return;\n    }\n    const originalOverflow = document.body.style.overflow;\n    const originalPaddingRight = document.body.style.paddingRight;\n    document.body.style.overflow = \"hidden\";\n    const root = document.getElementById(rootId);\n    const scrollBarWidth = root ? root.offsetWidth - root.scrollWidth : 0;\n    if (scrollBarWidth) {\n      document.body.style.paddingRight = `${scrollBarWidth}px`;\n    }\n    return () => {\n      document.body.style.overflow = originalOverflow;\n      if (scrollBarWidth) {\n        document.body.style.paddingRight = originalPaddingRight;\n      }\n    };\n  }, [locked]);\n  useEffect(() => {\n    if (locked !== initialLocked) {\n      setLocked(initialLocked);\n    }\n  }, [initialLocked]);\n  return [locked, setLocked];\n}\nfunction useMap(initialState = /* @__PURE__ */ new Map()) {\n  const [map, setMap] = useState(new Map(initialState));\n  const actions = {\n    set: useCallback((key, value) => {\n      setMap((prev) => {\n        const copy = new Map(prev);\n        copy.set(key, value);\n        return copy;\n      });\n    }, []),\n    setAll: useCallback((entries) => {\n      setMap(() => new Map(entries));\n    }, []),\n    remove: useCallback((key) => {\n      setMap((prev) => {\n        const copy = new Map(prev);\n        copy.delete(key);\n        return copy;\n      });\n    }, []),\n    reset: useCallback(() => {\n      setMap(() => /* @__PURE__ */ new Map());\n    }, [])\n  };\n  return [map, actions];\n}\n\n// src/useOnClickOutside/useOnClickOutside.ts\nfunction useOnClickOutside(ref, handler, eventType = \"mousedown\") {\n  useEventListener(eventType, (event) => {\n    const target = event.target;\n    if (!target || !target.isConnected) {\n      return;\n    }\n    const isOutside = Array.isArray(ref) ? ref.every((r) => r.current && !r.current.contains(target)) : ref.current && !ref.current.contains(target);\n    if (isOutside) {\n      handler(event);\n    }\n  });\n}\nvar IS_SERVER3 = typeof window === \"undefined\";\nfunction useReadLocalStorage(key, options = {}) {\n  let { initializeWithValue = true } = options;\n  if (IS_SERVER3) {\n    initializeWithValue = false;\n  }\n  const deserializer = useCallback(\n    (value) => {\n      if (options.deserializer) {\n        return options.deserializer(value);\n      }\n      if (value === \"undefined\") {\n        return void 0;\n      }\n      let parsed;\n      try {\n        parsed = JSON.parse(value);\n      } catch (error) {\n        console.error(\"Error parsing JSON:\", error);\n        return null;\n      }\n      return parsed;\n    },\n    [options]\n  );\n  const readValue = useCallback(() => {\n    if (IS_SERVER3) {\n      return null;\n    }\n    try {\n      const raw = window.localStorage.getItem(key);\n      return raw ? deserializer(raw) : null;\n    } catch (error) {\n      console.warn(`Error reading localStorage key \\u201C${key}\\u201D:`, error);\n      return null;\n    }\n  }, [key, deserializer]);\n  const [storedValue, setStoredValue] = useState(() => {\n    if (initializeWithValue) {\n      return readValue();\n    }\n    return void 0;\n  });\n  useEffect(() => {\n    setStoredValue(readValue());\n  }, [key]);\n  const handleStorageChange = useCallback(\n    (event) => {\n      if ((event == null ? void 0 : event.key) && event.key !== key) {\n        return;\n      }\n      setStoredValue(readValue());\n    },\n    [key, readValue]\n  );\n  useEventListener(\"storage\", handleStorageChange);\n  useEventListener(\"local-storage\", handleStorageChange);\n  return storedValue;\n}\nvar initialSize = {\n  width: void 0,\n  height: void 0\n};\nfunction useResizeObserver(options) {\n  const { ref, box = \"content-box\" } = options;\n  const [{ width, height }, setSize] = useState(initialSize);\n  const isMounted = useIsMounted();\n  const previousSize = useRef({ ...initialSize });\n  const onResize = useRef(void 0);\n  onResize.current = options == null ? void 0 : options.onResize;\n  useEffect(() => {\n    if (!(ref == null ? void 0 : ref.current))\n      return;\n    if (typeof window === \"undefined\" || !(\"ResizeObserver\" in window))\n      return;\n    const observer = new ResizeObserver(([entry]) => {\n      const boxProp = box === \"border-box\" ? \"borderBoxSize\" : box === \"device-pixel-content-box\" ? \"devicePixelContentBoxSize\" : \"contentBoxSize\";\n      const newWidth = extractSize(entry, boxProp, \"inlineSize\");\n      const newHeight = extractSize(entry, boxProp, \"blockSize\");\n      const hasChanged = previousSize.current.width !== newWidth || previousSize.current.height !== newHeight;\n      if (hasChanged) {\n        const newSize = { width: newWidth, height: newHeight };\n        previousSize.current.width = newWidth;\n        previousSize.current.height = newHeight;\n        if (onResize == null ? void 0 : onResize.current) {\n          onResize.current(newSize);\n        } else {\n          if (isMounted()) {\n            setSize(newSize);\n          }\n        }\n      }\n    });\n    observer.observe(ref.current, { box });\n    return () => {\n      observer.disconnect();\n    };\n  }, [box, ref, isMounted]);\n  return { width, height };\n}\nfunction extractSize(entry, box, sizeType) {\n  if (!entry[box]) {\n    if (box === \"contentBoxSize\") {\n      return entry.contentRect[sizeType === \"inlineSize\" ? \"width\" : \"height\"];\n    }\n    return void 0;\n  }\n  return Array.isArray(entry[box]) ? entry[box][0][sizeType] : (\n    // @ts-ignore Support Firefox's non-standard behavior\n    entry[box][sizeType]\n  );\n}\nvar IS_SERVER4 = typeof window === \"undefined\";\nfunction useScreen(options = {}) {\n  let { initializeWithValue = true } = options;\n  if (IS_SERVER4) {\n    initializeWithValue = false;\n  }\n  const readScreen = () => {\n    if (IS_SERVER4) {\n      return void 0;\n    }\n    return window.screen;\n  };\n  const [screen, setScreen] = useState(() => {\n    if (initializeWithValue) {\n      return readScreen();\n    }\n    return void 0;\n  });\n  const debouncedSetScreen = useDebounceCallback(\n    setScreen,\n    options == null ? void 0 : options.debounceDelay\n  );\n  function handleSize() {\n    const newScreen = readScreen();\n    const setSize = (options == null ? void 0 : options.debounceDelay) ? debouncedSetScreen : setScreen;\n    if (newScreen) {\n      const {\n        width,\n        height,\n        availHeight,\n        availWidth,\n        colorDepth,\n        orientation,\n        pixelDepth\n      } = newScreen;\n      setSize({\n        width,\n        height,\n        availHeight,\n        availWidth,\n        colorDepth,\n        orientation,\n        pixelDepth\n      });\n    }\n  }\n  useEventListener(\"resize\", handleSize);\n  useIsomorphicLayoutEffect(() => {\n    handleSize();\n  }, []);\n  return screen;\n}\nvar cachedScriptStatuses = /* @__PURE__ */ new Map();\nfunction getScriptNode(src) {\n  const node = document.querySelector(\n    `script[src=\"${src}\"]`\n  );\n  const status = node == null ? void 0 : node.getAttribute(\"data-status\");\n  return {\n    node,\n    status\n  };\n}\nfunction useScript(src, options) {\n  const [status, setStatus] = useState(() => {\n    if (!src || (options == null ? void 0 : options.shouldPreventLoad)) {\n      return \"idle\";\n    }\n    if (typeof window === \"undefined\") {\n      return \"loading\";\n    }\n    return cachedScriptStatuses.get(src) ?? \"loading\";\n  });\n  useEffect(() => {\n    if (!src || (options == null ? void 0 : options.shouldPreventLoad)) {\n      return;\n    }\n    const cachedScriptStatus = cachedScriptStatuses.get(src);\n    if (cachedScriptStatus === \"ready\" || cachedScriptStatus === \"error\") {\n      setStatus(cachedScriptStatus);\n      return;\n    }\n    const script = getScriptNode(src);\n    let scriptNode = script.node;\n    if (!scriptNode) {\n      scriptNode = document.createElement(\"script\");\n      scriptNode.src = src;\n      scriptNode.async = true;\n      if (options == null ? void 0 : options.id) {\n        scriptNode.id = options.id;\n      }\n      scriptNode.setAttribute(\"data-status\", \"loading\");\n      document.body.appendChild(scriptNode);\n      const setAttributeFromEvent = (event) => {\n        const scriptStatus = event.type === \"load\" ? \"ready\" : \"error\";\n        scriptNode == null ? void 0 : scriptNode.setAttribute(\"data-status\", scriptStatus);\n      };\n      scriptNode.addEventListener(\"load\", setAttributeFromEvent);\n      scriptNode.addEventListener(\"error\", setAttributeFromEvent);\n    } else {\n      setStatus(script.status ?? cachedScriptStatus ?? \"loading\");\n    }\n    const setStateFromEvent = (event) => {\n      const newStatus = event.type === \"load\" ? \"ready\" : \"error\";\n      setStatus(newStatus);\n      cachedScriptStatuses.set(src, newStatus);\n    };\n    scriptNode.addEventListener(\"load\", setStateFromEvent);\n    scriptNode.addEventListener(\"error\", setStateFromEvent);\n    return () => {\n      if (scriptNode) {\n        scriptNode.removeEventListener(\"load\", setStateFromEvent);\n        scriptNode.removeEventListener(\"error\", setStateFromEvent);\n      }\n      if (scriptNode && (options == null ? void 0 : options.removeOnUnmount)) {\n        scriptNode.remove();\n        cachedScriptStatuses.delete(src);\n      }\n    };\n  }, [src, options == null ? void 0 : options.shouldPreventLoad, options == null ? void 0 : options.removeOnUnmount, options == null ? void 0 : options.id]);\n  return status;\n}\nvar IS_SERVER5 = typeof window === \"undefined\";\nfunction useScrollLock(options = {}) {\n  const { autoLock = true, lockTarget, widthReflow = true } = options;\n  const [isLocked, setIsLocked] = useState(false);\n  const target = useRef(null);\n  const originalStyle = useRef(null);\n  const lock = () => {\n    if (target.current) {\n      const { overflow, paddingRight } = target.current.style;\n      originalStyle.current = { overflow, paddingRight };\n      if (widthReflow) {\n        const offsetWidth = target.current === document.body ? window.innerWidth : target.current.offsetWidth;\n        const currentPaddingRight = parseInt(window.getComputedStyle(target.current).paddingRight, 10) || 0;\n        const scrollbarWidth = offsetWidth - target.current.scrollWidth;\n        target.current.style.paddingRight = `${scrollbarWidth + currentPaddingRight}px`;\n      }\n      target.current.style.overflow = \"hidden\";\n      setIsLocked(true);\n    }\n  };\n  const unlock = () => {\n    if (target.current && originalStyle.current) {\n      target.current.style.overflow = originalStyle.current.overflow;\n      if (widthReflow) {\n        target.current.style.paddingRight = originalStyle.current.paddingRight;\n      }\n    }\n    setIsLocked(false);\n  };\n  useIsomorphicLayoutEffect(() => {\n    if (IS_SERVER5)\n      return;\n    if (lockTarget) {\n      target.current = typeof lockTarget === \"string\" ? document.querySelector(lockTarget) : lockTarget;\n    }\n    if (!target.current) {\n      target.current = document.body;\n    }\n    if (autoLock) {\n      lock();\n    }\n    return () => {\n      unlock();\n    };\n  }, [autoLock, lockTarget, widthReflow]);\n  return { isLocked, lock, unlock };\n}\nvar IS_SERVER6 = typeof window === \"undefined\";\nfunction useSessionStorage(key, initialValue, options = {}) {\n  const { initializeWithValue = true } = options;\n  const serializer = useCallback(\n    (value) => {\n      if (options.serializer) {\n        return options.serializer(value);\n      }\n      return JSON.stringify(value);\n    },\n    [options]\n  );\n  const deserializer = useCallback(\n    (value) => {\n      if (options.deserializer) {\n        return options.deserializer(value);\n      }\n      if (value === \"undefined\") {\n        return void 0;\n      }\n      const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n      let parsed;\n      try {\n        parsed = JSON.parse(value);\n      } catch (error) {\n        console.error(\"Error parsing JSON:\", error);\n        return defaultValue;\n      }\n      return parsed;\n    },\n    [options, initialValue]\n  );\n  const readValue = useCallback(() => {\n    const initialValueToUse = initialValue instanceof Function ? initialValue() : initialValue;\n    if (IS_SERVER6) {\n      return initialValueToUse;\n    }\n    try {\n      const raw = window.sessionStorage.getItem(key);\n      return raw ? deserializer(raw) : initialValueToUse;\n    } catch (error) {\n      console.warn(`Error reading sessionStorage key \\u201C${key}\\u201D:`, error);\n      return initialValueToUse;\n    }\n  }, [initialValue, key, deserializer]);\n  const [storedValue, setStoredValue] = useState(() => {\n    if (initializeWithValue) {\n      return readValue();\n    }\n    return initialValue instanceof Function ? initialValue() : initialValue;\n  });\n  const setValue = useEventCallback((value) => {\n    if (IS_SERVER6) {\n      console.warn(\n        `Tried setting sessionStorage key \\u201C${key}\\u201D even though environment is not a client`\n      );\n    }\n    try {\n      const newValue = value instanceof Function ? value(readValue()) : value;\n      window.sessionStorage.setItem(key, serializer(newValue));\n      setStoredValue(newValue);\n      window.dispatchEvent(new StorageEvent(\"session-storage\", { key }));\n    } catch (error) {\n      console.warn(`Error setting sessionStorage key \\u201C${key}\\u201D:`, error);\n    }\n  });\n  useEffect(() => {\n    setStoredValue(readValue());\n  }, [key]);\n  const handleStorageChange = useCallback(\n    (event) => {\n      if ((event == null ? void 0 : event.key) && event.key !== key) {\n        return;\n      }\n      setStoredValue(readValue());\n    },\n    [key, readValue]\n  );\n  useEventListener(\"storage\", handleStorageChange);\n  useEventListener(\"session-storage\", handleStorageChange);\n  return [storedValue, setValue];\n}\n\n// src/useSsr/useSsr.ts\nfunction useSsr() {\n  var _a;\n  const isDOM = (\n    // eslint-disable-next-line @typescript-eslint/prefer-optional-chain\n    typeof window !== \"undefined\" && !!((_a = window == null ? void 0 : window.document) == null ? void 0 : _a.documentElement)\n  );\n  return {\n    isBrowser: isDOM,\n    isServer: !isDOM\n  };\n}\nfunction useStep(maxStep) {\n  const [currentStep, setCurrentStep] = useState(1);\n  const canGoToNextStep = currentStep + 1 <= maxStep;\n  const canGoToPrevStep = currentStep - 1 > 0;\n  const setStep = useCallback(\n    (step) => {\n      const newStep = step instanceof Function ? step(currentStep) : step;\n      if (newStep >= 1 && newStep <= maxStep) {\n        setCurrentStep(newStep);\n        return;\n      }\n      throw new Error(\"Step not valid\");\n    },\n    [maxStep, currentStep]\n  );\n  const goToNextStep = useCallback(() => {\n    if (canGoToNextStep) {\n      setCurrentStep((step) => step + 1);\n    }\n  }, [canGoToNextStep]);\n  const goToPrevStep = useCallback(() => {\n    if (canGoToPrevStep) {\n      setCurrentStep((step) => step - 1);\n    }\n  }, [canGoToPrevStep]);\n  const reset = useCallback(() => {\n    setCurrentStep(1);\n  }, []);\n  return [\n    currentStep,\n    {\n      goToNextStep,\n      goToPrevStep,\n      canGoToNextStep,\n      canGoToPrevStep,\n      setStep,\n      reset\n    }\n  ];\n}\n\n// src/useTernaryDarkMode/useTernaryDarkMode.ts\nvar COLOR_SCHEME_QUERY2 = \"(prefers-color-scheme: dark)\";\nvar LOCAL_STORAGE_KEY2 = \"usehooks-ts-ternary-dark-mode\";\nfunction useTernaryDarkMode(options) {\n  const defaultValue = typeof options === \"string\" ? \"system\" : (options == null ? void 0 : options.defaultValue) ?? \"system\";\n  const localStorageKey = typeof options === \"string\" ? options : (options == null ? void 0 : options.localStorageKey) ?? LOCAL_STORAGE_KEY2;\n  const initializeWithValue = typeof options === \"string\" ? void 0 : (options == null ? void 0 : options.initializeWithValue) ?? void 0;\n  const isDarkOS = useMediaQuery(COLOR_SCHEME_QUERY2, { initializeWithValue });\n  const [mode, setMode] = useLocalStorage(localStorageKey, defaultValue, {\n    initializeWithValue\n  });\n  const isDarkMode = mode === \"dark\" || mode === \"system\" && isDarkOS;\n  const toggleTernaryDarkMode = () => {\n    const modes = [\"light\", \"system\", \"dark\"];\n    setMode((prevMode) => {\n      const nextIndex = (modes.indexOf(prevMode) + 1) % modes.length;\n      return modes[nextIndex];\n    });\n  };\n  return {\n    isDarkMode,\n    ternaryDarkMode: mode,\n    setTernaryDarkMode: setMode,\n    toggleTernaryDarkMode\n  };\n}\nfunction useTimeout(callback, delay) {\n  const savedCallback = useRef(callback);\n  useIsomorphicLayoutEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n  useEffect(() => {\n    if (!delay && delay !== 0) {\n      return;\n    }\n    const id = setTimeout(() => {\n      savedCallback.current();\n    }, delay);\n    return () => {\n      clearTimeout(id);\n    };\n  }, [delay]);\n}\nfunction useToggle(defaultValue) {\n  const [value, setValue] = useState(!!defaultValue);\n  const toggle = useCallback(() => {\n    setValue((x) => !x);\n  }, []);\n  return [value, toggle, setValue];\n}\nfunction useUpdateEffect(effect, deps) {\n  const isFirst = useIsFirstRender();\n  useEffect(() => {\n    if (!isFirst) {\n      return effect();\n    }\n  }, deps);\n}\nvar IS_SERVER7 = typeof window === \"undefined\";\nfunction useWindowSize(options = {}) {\n  let { initializeWithValue = true } = options;\n  if (IS_SERVER7) {\n    initializeWithValue = false;\n  }\n  const [windowSize, setWindowSize] = useState(() => {\n    if (initializeWithValue) {\n      return {\n        width: window.innerWidth,\n        height: window.innerHeight\n      };\n    }\n    return {\n      width: void 0,\n      height: void 0\n    };\n  });\n  const debouncedSetWindowSize = useDebounceCallback(\n    setWindowSize,\n    options == null ? void 0 : options.debounceDelay\n  );\n  function handleSize() {\n    const setSize = (options == null ? void 0 : options.debounceDelay) ? debouncedSetWindowSize : setWindowSize;\n    setSize({\n      width: window.innerWidth,\n      height: window.innerHeight\n    });\n  }\n  useEventListener(\"resize\", handleSize);\n  useIsomorphicLayoutEffect(() => {\n    handleSize();\n  }, []);\n  return windowSize;\n}\n\nexport { useBoolean, useClickAnyWhere, useCopyToClipboard, useCountdown, useCounter, useDarkMode, useDebounce, useDebounceCallback, useDebounceValue, useDocumentTitle, useEffectOnce, useElementSize, useEventCallback, useEventListener, useFetch, useHover, useImageOnLoad, useIntersectionObserver, useInterval, useIsClient, useIsFirstRender, useIsMounted, useIsomorphicLayoutEffect, useLocalStorage, useLockedBody, useMap, useMediaQuery, useOnClickOutside, useReadLocalStorage, useResizeObserver, useScreen, useScript, useScrollLock, useSessionStorage, useSsr, useStep, useTernaryDarkMode, useTimeout, useToggle, useUnmount, useUpdateEffect, useWindowSize };\n","import { createStore } from 'zustand/vanilla';\nexport * from 'zustand/vanilla';\nimport { useDebugValue } from 'react';\nimport useSyncExternalStoreExports from 'use-sync-external-store/shim/with-selector.js';\n\nconst { useSyncExternalStoreWithSelector } = useSyncExternalStoreExports;\nfunction useStore(api, selector = api.getState, equalityFn) {\n  const slice = useSyncExternalStoreWithSelector(\n    api.subscribe,\n    api.getState,\n    api.getServerState || api.getState,\n    selector,\n    equalityFn\n  );\n  useDebugValue(slice);\n  return slice;\n}\nconst createImpl = (createState) => {\n  if ((import.meta.env ? import.meta.env.MODE : void 0) !== \"production\" && typeof createState !== \"function\") {\n    console.warn(\n      \"[DEPRECATED] Passing a vanilla store will be unsupported in a future version. Instead use `import { useStore } from 'zustand'`.\"\n    );\n  }\n  const api = typeof createState === \"function\" ? createStore(createState) : createState;\n  const useBoundStore = (selector, equalityFn) => useStore(api, selector, equalityFn);\n  Object.assign(useBoundStore, api);\n  return useBoundStore;\n};\nconst create = (createState) => createState ? createImpl(createState) : createImpl;\nvar react = (createState) => {\n  if ((import.meta.env ? import.meta.env.MODE : void 0) !== \"production\") {\n    console.warn(\n      \"[DEPRECATED] Default export is deprecated. Instead use `import { create } from 'zustand'`.\"\n    );\n  }\n  return create(createState);\n};\n\nexport { create, react as default, useStore };\n","const reduxImpl = (reducer, initial) => (set, _get, api) => {\n  api.dispatch = (action) => {\n    set((state) => reducer(state, action), false, action);\n    return action;\n  };\n  api.dispatchFromDevtools = true;\n  return { dispatch: (...a) => api.dispatch(...a), ...initial };\n};\nconst redux = reduxImpl;\n\nconst trackedConnections = /* @__PURE__ */ new Map();\nconst getTrackedConnectionState = (name) => {\n  const api = trackedConnections.get(name);\n  if (!api)\n    return {};\n  return Object.fromEntries(\n    Object.entries(api.stores).map(([key, api2]) => [key, api2.getState()])\n  );\n};\nconst extractConnectionInformation = (store, extensionConnector, options) => {\n  if (store === void 0) {\n    return {\n      type: \"untracked\",\n      connection: extensionConnector.connect(options)\n    };\n  }\n  const existingConnection = trackedConnections.get(options.name);\n  if (existingConnection) {\n    return { type: \"tracked\", store, ...existingConnection };\n  }\n  const newConnection = {\n    connection: extensionConnector.connect(options),\n    stores: {}\n  };\n  trackedConnections.set(options.name, newConnection);\n  return { type: \"tracked\", store, ...newConnection };\n};\nconst devtoolsImpl = (fn, devtoolsOptions = {}) => (set, get, api) => {\n  const { enabled, anonymousActionType, store, ...options } = devtoolsOptions;\n  let extensionConnector;\n  try {\n    extensionConnector = (enabled != null ? enabled : (import.meta.env ? import.meta.env.MODE : void 0) !== \"production\") && window.__REDUX_DEVTOOLS_EXTENSION__;\n  } catch (e) {\n  }\n  if (!extensionConnector) {\n    if ((import.meta.env ? import.meta.env.MODE : void 0) !== \"production\" && enabled) {\n      console.warn(\n        \"[zustand devtools middleware] Please install/enable Redux devtools extension\"\n      );\n    }\n    return fn(set, get, api);\n  }\n  const { connection, ...connectionInformation } = extractConnectionInformation(store, extensionConnector, options);\n  let isRecording = true;\n  api.setState = (state, replace, nameOrAction) => {\n    const r = set(state, replace);\n    if (!isRecording)\n      return r;\n    const action = nameOrAction === void 0 ? { type: anonymousActionType || \"anonymous\" } : typeof nameOrAction === \"string\" ? { type: nameOrAction } : nameOrAction;\n    if (store === void 0) {\n      connection == null ? void 0 : connection.send(action, get());\n      return r;\n    }\n    connection == null ? void 0 : connection.send(\n      {\n        ...action,\n        type: `${store}/${action.type}`\n      },\n      {\n        ...getTrackedConnectionState(options.name),\n        [store]: api.getState()\n      }\n    );\n    return r;\n  };\n  const setStateFromDevtools = (...a) => {\n    const originalIsRecording = isRecording;\n    isRecording = false;\n    set(...a);\n    isRecording = originalIsRecording;\n  };\n  const initialState = fn(api.setState, get, api);\n  if (connectionInformation.type === \"untracked\") {\n    connection == null ? void 0 : connection.init(initialState);\n  } else {\n    connectionInformation.stores[connectionInformation.store] = api;\n    connection == null ? void 0 : connection.init(\n      Object.fromEntries(\n        Object.entries(connectionInformation.stores).map(([key, store2]) => [\n          key,\n          key === connectionInformation.store ? initialState : store2.getState()\n        ])\n      )\n    );\n  }\n  if (api.dispatchFromDevtools && typeof api.dispatch === \"function\") {\n    let didWarnAboutReservedActionType = false;\n    const originalDispatch = api.dispatch;\n    api.dispatch = (...a) => {\n      if ((import.meta.env ? import.meta.env.MODE : void 0) !== \"production\" && a[0].type === \"__setState\" && !didWarnAboutReservedActionType) {\n        console.warn(\n          '[zustand devtools middleware] \"__setState\" action type is reserved to set state from the devtools. Avoid using it.'\n        );\n        didWarnAboutReservedActionType = true;\n      }\n      originalDispatch(...a);\n    };\n  }\n  connection.subscribe((message) => {\n    var _a;\n    switch (message.type) {\n      case \"ACTION\":\n        if (typeof message.payload !== \"string\") {\n          console.error(\n            \"[zustand devtools middleware] Unsupported action format\"\n          );\n          return;\n        }\n        return parseJsonThen(\n          message.payload,\n          (action) => {\n            if (action.type === \"__setState\") {\n              if (store === void 0) {\n                setStateFromDevtools(action.state);\n                return;\n              }\n              if (Object.keys(action.state).length !== 1) {\n                console.error(\n                  `\n                    [zustand devtools middleware] Unsupported __setState action format. \n                    When using 'store' option in devtools(), the 'state' should have only one key, which is a value of 'store' that was passed in devtools(),\n                    and value of this only key should be a state object. Example: { \"type\": \"__setState\", \"state\": { \"abc123Store\": { \"foo\": \"bar\" } } }\n                    `\n                );\n              }\n              const stateFromDevtools = action.state[store];\n              if (stateFromDevtools === void 0 || stateFromDevtools === null) {\n                return;\n              }\n              if (JSON.stringify(api.getState()) !== JSON.stringify(stateFromDevtools)) {\n                setStateFromDevtools(stateFromDevtools);\n              }\n              return;\n            }\n            if (!api.dispatchFromDevtools)\n              return;\n            if (typeof api.dispatch !== \"function\")\n              return;\n            api.dispatch(action);\n          }\n        );\n      case \"DISPATCH\":\n        switch (message.payload.type) {\n          case \"RESET\":\n            setStateFromDevtools(initialState);\n            if (store === void 0) {\n              return connection == null ? void 0 : connection.init(api.getState());\n            }\n            return connection == null ? void 0 : connection.init(getTrackedConnectionState(options.name));\n          case \"COMMIT\":\n            if (store === void 0) {\n              connection == null ? void 0 : connection.init(api.getState());\n              return;\n            }\n            return connection == null ? void 0 : connection.init(getTrackedConnectionState(options.name));\n          case \"ROLLBACK\":\n            return parseJsonThen(message.state, (state) => {\n              if (store === void 0) {\n                setStateFromDevtools(state);\n                connection == null ? void 0 : connection.init(api.getState());\n                return;\n              }\n              setStateFromDevtools(state[store]);\n              connection == null ? void 0 : connection.init(getTrackedConnectionState(options.name));\n            });\n          case \"JUMP_TO_STATE\":\n          case \"JUMP_TO_ACTION\":\n            return parseJsonThen(message.state, (state) => {\n              if (store === void 0) {\n                setStateFromDevtools(state);\n                return;\n              }\n              if (JSON.stringify(api.getState()) !== JSON.stringify(state[store])) {\n                setStateFromDevtools(state[store]);\n              }\n            });\n          case \"IMPORT_STATE\": {\n            const { nextLiftedState } = message.payload;\n            const lastComputedState = (_a = nextLiftedState.computedStates.slice(-1)[0]) == null ? void 0 : _a.state;\n            if (!lastComputedState)\n              return;\n            if (store === void 0) {\n              setStateFromDevtools(lastComputedState);\n            } else {\n              setStateFromDevtools(lastComputedState[store]);\n            }\n            connection == null ? void 0 : connection.send(\n              null,\n              // FIXME no-any\n              nextLiftedState\n            );\n            return;\n          }\n          case \"PAUSE_RECORDING\":\n            return isRecording = !isRecording;\n        }\n        return;\n    }\n  });\n  return initialState;\n};\nconst devtools = devtoolsImpl;\nconst parseJsonThen = (stringified, f) => {\n  let parsed;\n  try {\n    parsed = JSON.parse(stringified);\n  } catch (e) {\n    console.error(\n      \"[zustand devtools middleware] Could not parse the received json\",\n      e\n    );\n  }\n  if (parsed !== void 0)\n    f(parsed);\n};\n\nconst subscribeWithSelectorImpl = (fn) => (set, get, api) => {\n  const origSubscribe = api.subscribe;\n  api.subscribe = (selector, optListener, options) => {\n    let listener = selector;\n    if (optListener) {\n      const equalityFn = (options == null ? void 0 : options.equalityFn) || Object.is;\n      let currentSlice = selector(api.getState());\n      listener = (state) => {\n        const nextSlice = selector(state);\n        if (!equalityFn(currentSlice, nextSlice)) {\n          const previousSlice = currentSlice;\n          optListener(currentSlice = nextSlice, previousSlice);\n        }\n      };\n      if (options == null ? void 0 : options.fireImmediately) {\n        optListener(currentSlice, currentSlice);\n      }\n    }\n    return origSubscribe(listener);\n  };\n  const initialState = fn(set, get, api);\n  return initialState;\n};\nconst subscribeWithSelector = subscribeWithSelectorImpl;\n\nconst combine = (initialState, create) => (...a) => Object.assign({}, initialState, create(...a));\n\nfunction createJSONStorage(getStorage, options) {\n  let storage;\n  try {\n    storage = getStorage();\n  } catch (e) {\n    return;\n  }\n  const persistStorage = {\n    getItem: (name) => {\n      var _a;\n      const parse = (str2) => {\n        if (str2 === null) {\n          return null;\n        }\n        return JSON.parse(str2, options == null ? void 0 : options.reviver);\n      };\n      const str = (_a = storage.getItem(name)) != null ? _a : null;\n      if (str instanceof Promise) {\n        return str.then(parse);\n      }\n      return parse(str);\n    },\n    setItem: (name, newValue) => storage.setItem(\n      name,\n      JSON.stringify(newValue, options == null ? void 0 : options.replacer)\n    ),\n    removeItem: (name) => storage.removeItem(name)\n  };\n  return persistStorage;\n}\nconst toThenable = (fn) => (input) => {\n  try {\n    const result = fn(input);\n    if (result instanceof Promise) {\n      return result;\n    }\n    return {\n      then(onFulfilled) {\n        return toThenable(onFulfilled)(result);\n      },\n      catch(_onRejected) {\n        return this;\n      }\n    };\n  } catch (e) {\n    return {\n      then(_onFulfilled) {\n        return this;\n      },\n      catch(onRejected) {\n        return toThenable(onRejected)(e);\n      }\n    };\n  }\n};\nconst oldImpl = (config, baseOptions) => (set, get, api) => {\n  let options = {\n    getStorage: () => localStorage,\n    serialize: JSON.stringify,\n    deserialize: JSON.parse,\n    partialize: (state) => state,\n    version: 0,\n    merge: (persistedState, currentState) => ({\n      ...currentState,\n      ...persistedState\n    }),\n    ...baseOptions\n  };\n  let hasHydrated = false;\n  const hydrationListeners = /* @__PURE__ */ new Set();\n  const finishHydrationListeners = /* @__PURE__ */ new Set();\n  let storage;\n  try {\n    storage = options.getStorage();\n  } catch (e) {\n  }\n  if (!storage) {\n    return config(\n      (...args) => {\n        console.warn(\n          `[zustand persist middleware] Unable to update item '${options.name}', the given storage is currently unavailable.`\n        );\n        set(...args);\n      },\n      get,\n      api\n    );\n  }\n  const thenableSerialize = toThenable(options.serialize);\n  const setItem = () => {\n    const state = options.partialize({ ...get() });\n    let errorInSync;\n    const thenable = thenableSerialize({ state, version: options.version }).then(\n      (serializedValue) => storage.setItem(options.name, serializedValue)\n    ).catch((e) => {\n      errorInSync = e;\n    });\n    if (errorInSync) {\n      throw errorInSync;\n    }\n    return thenable;\n  };\n  const savedSetState = api.setState;\n  api.setState = (state, replace) => {\n    savedSetState(state, replace);\n    void setItem();\n  };\n  const configResult = config(\n    (...args) => {\n      set(...args);\n      void setItem();\n    },\n    get,\n    api\n  );\n  let stateFromStorage;\n  const hydrate = () => {\n    var _a;\n    if (!storage)\n      return;\n    hasHydrated = false;\n    hydrationListeners.forEach((cb) => cb(get()));\n    const postRehydrationCallback = ((_a = options.onRehydrateStorage) == null ? void 0 : _a.call(options, get())) || void 0;\n    return toThenable(storage.getItem.bind(storage))(options.name).then((storageValue) => {\n      if (storageValue) {\n        return options.deserialize(storageValue);\n      }\n    }).then((deserializedStorageValue) => {\n      if (deserializedStorageValue) {\n        if (typeof deserializedStorageValue.version === \"number\" && deserializedStorageValue.version !== options.version) {\n          if (options.migrate) {\n            return options.migrate(\n              deserializedStorageValue.state,\n              deserializedStorageValue.version\n            );\n          }\n          console.error(\n            `State loaded from storage couldn't be migrated since no migrate function was provided`\n          );\n        } else {\n          return deserializedStorageValue.state;\n        }\n      }\n    }).then((migratedState) => {\n      var _a2;\n      stateFromStorage = options.merge(\n        migratedState,\n        (_a2 = get()) != null ? _a2 : configResult\n      );\n      set(stateFromStorage, true);\n      return setItem();\n    }).then(() => {\n      postRehydrationCallback == null ? void 0 : postRehydrationCallback(stateFromStorage, void 0);\n      hasHydrated = true;\n      finishHydrationListeners.forEach((cb) => cb(stateFromStorage));\n    }).catch((e) => {\n      postRehydrationCallback == null ? void 0 : postRehydrationCallback(void 0, e);\n    });\n  };\n  api.persist = {\n    setOptions: (newOptions) => {\n      options = {\n        ...options,\n        ...newOptions\n      };\n      if (newOptions.getStorage) {\n        storage = newOptions.getStorage();\n      }\n    },\n    clearStorage: () => {\n      storage == null ? void 0 : storage.removeItem(options.name);\n    },\n    getOptions: () => options,\n    rehydrate: () => hydrate(),\n    hasHydrated: () => hasHydrated,\n    onHydrate: (cb) => {\n      hydrationListeners.add(cb);\n      return () => {\n        hydrationListeners.delete(cb);\n      };\n    },\n    onFinishHydration: (cb) => {\n      finishHydrationListeners.add(cb);\n      return () => {\n        finishHydrationListeners.delete(cb);\n      };\n    }\n  };\n  hydrate();\n  return stateFromStorage || configResult;\n};\nconst newImpl = (config, baseOptions) => (set, get, api) => {\n  let options = {\n    storage: createJSONStorage(() => localStorage),\n    partialize: (state) => state,\n    version: 0,\n    merge: (persistedState, currentState) => ({\n      ...currentState,\n      ...persistedState\n    }),\n    ...baseOptions\n  };\n  let hasHydrated = false;\n  const hydrationListeners = /* @__PURE__ */ new Set();\n  const finishHydrationListeners = /* @__PURE__ */ new Set();\n  let storage = options.storage;\n  if (!storage) {\n    return config(\n      (...args) => {\n        console.warn(\n          `[zustand persist middleware] Unable to update item '${options.name}', the given storage is currently unavailable.`\n        );\n        set(...args);\n      },\n      get,\n      api\n    );\n  }\n  const setItem = () => {\n    const state = options.partialize({ ...get() });\n    return storage.setItem(options.name, {\n      state,\n      version: options.version\n    });\n  };\n  const savedSetState = api.setState;\n  api.setState = (state, replace) => {\n    savedSetState(state, replace);\n    void setItem();\n  };\n  const configResult = config(\n    (...args) => {\n      set(...args);\n      void setItem();\n    },\n    get,\n    api\n  );\n  let stateFromStorage;\n  const hydrate = () => {\n    var _a, _b;\n    if (!storage)\n      return;\n    hasHydrated = false;\n    hydrationListeners.forEach((cb) => {\n      var _a2;\n      return cb((_a2 = get()) != null ? _a2 : configResult);\n    });\n    const postRehydrationCallback = ((_b = options.onRehydrateStorage) == null ? void 0 : _b.call(options, (_a = get()) != null ? _a : configResult)) || void 0;\n    return toThenable(storage.getItem.bind(storage))(options.name).then((deserializedStorageValue) => {\n      if (deserializedStorageValue) {\n        if (typeof deserializedStorageValue.version === \"number\" && deserializedStorageValue.version !== options.version) {\n          if (options.migrate) {\n            return options.migrate(\n              deserializedStorageValue.state,\n              deserializedStorageValue.version\n            );\n          }\n          console.error(\n            `State loaded from storage couldn't be migrated since no migrate function was provided`\n          );\n        } else {\n          return deserializedStorageValue.state;\n        }\n      }\n    }).then((migratedState) => {\n      var _a2;\n      stateFromStorage = options.merge(\n        migratedState,\n        (_a2 = get()) != null ? _a2 : configResult\n      );\n      set(stateFromStorage, true);\n      return setItem();\n    }).then(() => {\n      postRehydrationCallback == null ? void 0 : postRehydrationCallback(stateFromStorage, void 0);\n      stateFromStorage = get();\n      hasHydrated = true;\n      finishHydrationListeners.forEach((cb) => cb(stateFromStorage));\n    }).catch((e) => {\n      postRehydrationCallback == null ? void 0 : postRehydrationCallback(void 0, e);\n    });\n  };\n  api.persist = {\n    setOptions: (newOptions) => {\n      options = {\n        ...options,\n        ...newOptions\n      };\n      if (newOptions.storage) {\n        storage = newOptions.storage;\n      }\n    },\n    clearStorage: () => {\n      storage == null ? void 0 : storage.removeItem(options.name);\n    },\n    getOptions: () => options,\n    rehydrate: () => hydrate(),\n    hasHydrated: () => hasHydrated,\n    onHydrate: (cb) => {\n      hydrationListeners.add(cb);\n      return () => {\n        hydrationListeners.delete(cb);\n      };\n    },\n    onFinishHydration: (cb) => {\n      finishHydrationListeners.add(cb);\n      return () => {\n        finishHydrationListeners.delete(cb);\n      };\n    }\n  };\n  if (!options.skipHydration) {\n    hydrate();\n  }\n  return stateFromStorage || configResult;\n};\nconst persistImpl = (config, baseOptions) => {\n  if (\"getStorage\" in baseOptions || \"serialize\" in baseOptions || \"deserialize\" in baseOptions) {\n    if ((import.meta.env ? import.meta.env.MODE : void 0) !== \"production\") {\n      console.warn(\n        \"[DEPRECATED] `getStorage`, `serialize` and `deserialize` options are deprecated. Use `storage` option instead.\"\n      );\n    }\n    return oldImpl(config, baseOptions);\n  }\n  return newImpl(config, baseOptions);\n};\nconst persist = persistImpl;\n\nexport { combine, createJSONStorage, devtools, persist, redux, subscribeWithSelector };\n","const createStoreImpl = (createState) => {\n  let state;\n  const listeners = /* @__PURE__ */ new Set();\n  const setState = (partial, replace) => {\n    const nextState = typeof partial === \"function\" ? partial(state) : partial;\n    if (!Object.is(nextState, state)) {\n      const previousState = state;\n      state = (replace != null ? replace : typeof nextState !== \"object\") ? nextState : Object.assign({}, state, nextState);\n      listeners.forEach((listener) => listener(state, previousState));\n    }\n  };\n  const getState = () => state;\n  const subscribe = (listener) => {\n    listeners.add(listener);\n    return () => listeners.delete(listener);\n  };\n  const destroy = () => {\n    if ((import.meta.env ? import.meta.env.MODE : void 0) !== \"production\") {\n      console.warn(\n        \"[DEPRECATED] The `destroy` method will be unsupported in a future version. Instead use unsubscribe function returned by subscribe. Everything will be garbage-collected if store is garbage-collected.\"\n      );\n    }\n    listeners.clear();\n  };\n  const api = { setState, getState, subscribe, destroy };\n  state = createState(setState, getState, api);\n  return api;\n};\nconst createStore = (createState) => createState ? createStoreImpl(createState) : createStoreImpl;\nvar vanilla = (createState) => {\n  if ((import.meta.env ? import.meta.env.MODE : void 0) !== \"production\") {\n    console.warn(\n      \"[DEPRECATED] Default export is deprecated. Instead use import { createStore } from 'zustand/vanilla'.\"\n    );\n  }\n  return createStore(createState);\n};\n\nexport { createStore, vanilla as default };\n"],"names":[],"sourceRoot":""}