npm - @activecollab/components - Versions diffs - 1.0.7 → 1.0.8 - Mend

@activecollab/components 1.0.7 → 1.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1557) hide show

package/dist/index.min.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.min.js","sources":["../src/components/FontStyle.ts","../src/components/BoxSizingStyle.ts","../src/components/Button/Styles.ts","../src/components/Button/Button.tsx","../src/components/Icons/collection/AddCrossTiny.tsx","../src/components/Button/GlobalAddButton/Styles.ts","../src/components/Button/GlobalAddButton/GlobalAddButton.tsx","../src/components/ButtonGroup/Styles.ts","../src/components/ButtonGroup/ButtonGroup.tsx","../src/utils/setRef.ts","../src/utils/useForkRef.ts","../src/components/Popper/Popper.tsx","../src/components/Transitions/FromElement/FromElement.tsx","../src/helpers/Portal/Portal.tsx","../src/helpers/LayerContext/LayerContext.ts","../src/components/Tooltip/Styles.ts","../src/components/Tooltip/Tooltip.tsx","../src/components/Icons/collection/CloseSmall.tsx","../src/components/Typography/Styles.ts","../src/components/Typography/Typography.tsx","../src/components/Typography/Variants/Body2.tsx","../src/components/CounterButton/Styles.ts","../src/components/CounterButton/CounterButton.tsx","../src/components/Icons/collection/CaretLeft.tsx","../src/components/Icons/collection/CaretRight.tsx","../src/components/DatePicker/ClassNames.tsx","../src/components/Icons/collection/MenuNavIcon.tsx","../src/components/Pickers/Styles.ts","../src/components/Pickers/YearMonthPicker.tsx","../src/components/Pickers/NavBarElement.tsx","../src/components/DatePicker/CustomNavBarElement.tsx","../src/components/DatePicker/Styles.ts","../src/components/DatePicker/DatePicker.tsx","../src/components/Menu/context/index.ts","../src/components/Overlay/Styles.ts","../src/components/Overlay/Overlay.tsx","../src/components/Window/Style.ts","../src/components/Window/Window.tsx","../src/components/Bubble/Styles.ts","../src/components/Bubble/Bubble.tsx","../src/components/Menu/Styles.ts","../src/components/Menu/Menu.tsx","../src/components/Menu/MenuHeader.tsx","../src/components/Menu/MenuFooter.tsx","../src/components/Steppers/DateStepper/Styles.ts","../src/components/Steppers/DateStepper/DateStepper.tsx","../src/components/Steppers/Steps/Styles.ts","../src/components/Steppers/Steps/Steps.tsx","../src/components/Tables/Styles.ts","../src/components/Tables/Table.tsx","../src/components/Icons/collection/CollapseExpandSingle.tsx","../src/components/Icons/collection/ExpandAll.tsx","../src/components/Icons/collection/CollapseAll.tsx","../src/components/Icons/collection/SortIcon.tsx","../src/components/Tables/DataTable.tsx","../src/components/CompleteCheckbox/Styles.ts","../src/components/CompleteCheckbox/CompleteCheckbox.tsx","../src/components/Paper/Styles.ts","../src/components/Paper/Paper.tsx","../src/components/ScaleBar/Styles.ts","../src/components/ScaleBar/ScaleBar.tsx","../src/components/Card/Styles.ts","../src/components/Card/Card.tsx","../src/components/EntityCard/Styles.ts","../src/components/EntityCard/EntityCard.tsx","../src/components/Typography/Variants/Title1.tsx","../src/components/Typography/Variants/Header2.tsx","../src/components/Typography/Variants/Header3.tsx","../src/components/Typography/Variants/Body1.tsx","../src/components/Typography/Variants/Caption1.tsx","../src/components/Typography/Variants/Caption2.tsx","../src/components/Signifier/Styles.ts","../src/components/Signifier/Signifier.tsx","../src/components/Avatar/Styles.ts","../src/components/Avatar/Avatar.tsx","../src/components/Label/Styles.ts","../src/components/Label/Label.tsx","../src/components/Loaders/Linear/Styles.ts","../src/components/Loaders/Linear/LinearLoader.tsx","../src/components/Loaders/Dots/Styles.ts","../src/components/Loaders/Dots/DotsLoader.tsx","../src/components/Loaders/Spinner/Styles.ts","../src/components/Loaders/Spinner/SpinnerLoader.tsx","../src/components/Icons/collection/Checkbox.tsx","../src/components/Checkbox/Styles.ts","../src/components/Checkbox/Checkbox.tsx","../src/components/Icons/collection/RadioButton.tsx","../src/components/RadioButton/Styles.ts","../src/components/RadioButton/RadioButton.tsx","../src/components/ScrollShadow/Styles.ts","../src/components/ScrollShadow/ScrollShadow.tsx","../src/hooks/useHighlightText.tsx","../src/components/Autocomplete/HandleKeyboard.tsx","../src/components/Select/Option/Styles.ts","../src/components/Select/Option/Option.tsx","../src/components/Select/OptionGroup/Styles.ts","../src/components/Select/OptionGroup/OptionGroup.tsx","../src/components/Autocomplete/Styles.ts","../src/components/Autocomplete/Autocomplete.tsx","../src/components/Input/Styles.ts","../src/components/Input/Input.tsx","../src/components/Select/Styles.ts","../src/components/Select/OptionContent/Styles.ts","../src/components/Select/OptionContent/OptionContent.tsx","../src/components/Select/Select.tsx","../src/components/Nav/Styles.ts","../src/components/Nav/Item/Item.tsx","../src/components/Nav/Item/Styles.ts","../src/components/Expanders/Styles.ts","../src/components/Expanders/ExpandSingle.tsx","../src/components/Nav/Nav.tsx","../src/components/Expanders/ExpandAll.tsx","../src/components/List/Styles.ts","../src/components/List/List.tsx","../src/components/List/ListItem.tsx","../src/components/List/ListSeparator.tsx","../src/components/Icons/collection/ArrowBack.tsx","../src/components/Icons/collection/TreeDots.tsx","../src/components/MenuSelector/Styles.ts","../src/components/MenuSelector/MenuSelector.tsx","../src/components/MultiAvatar/Styles.ts","../src/components/MultiAvatar/MultiAvatar.tsx","../src/hooks/useInitScrollRef.tsx","../src/components/ScrollShadow/ScrollElement.tsx","../src/components/Icons/collection/Activity.tsx","../src/components/Icons/collection/AddCross.tsx","../src/components/Icons/collection/ArrowCollapseMultiple.tsx","../src/components/Icons/collection/ArrowExpandeMultiple.tsx","../src/components/Icons/collection/ArrowLeftBox.tsx","../src/components/Icons/collection/ArrowRefresh.tsx","../src/components/Icons/collection/Assign.tsx","../src/components/Icons/collection/Back.tsx","../src/components/Icons/collection/BellOffSmall.tsx","../src/components/Icons/collection/BellOff.tsx","../src/components/Icons/collection/BudgetAlert.tsx","../src/components/Icons/collection/BudgetNoAlert.tsx","../src/components/Icons/collection/CalendarAddX.tsx","../src/components/Icons/collection/CalendarEmpty.tsx","../src/components/Icons/collection/Calendar.tsx","../src/components/Icons/collection/CancelCross.tsx","../src/components/Icons/collection/Chat.tsx","../src/components/Icons/collection/Check.tsx","../src/components/Icons/collection/CheckboxBlankToggler.tsx","../src/components/Icons/collection/ChecklistSmall.tsx","../src/components/Icons/collection/Checklist.tsx","../src/components/Icons/collection/CircleMultiple.tsx","../src/components/Icons/collection/ClockAdd.tsx","../src/components/Icons/collection/ClockSmall.tsx","../src/components/Icons/collection/ClockStopwatchSmall.tsx","../src/components/Icons/collection/ClockStopwatch.tsx","../src/components/Icons/collection/Clock.tsx","../src/components/Icons/collection/Comment.tsx","../src/components/Icons/collection/Comments.tsx","../src/components/Icons/collection/Computer.tsx","../src/components/Icons/collection/CrownBlank.tsx","../src/components/Icons/collection/CrownSelected.tsx","../src/components/Icons/collection/DependencySmall.tsx","../src/components/Icons/collection/Dependency.tsx","../src/components/Icons/collection/DollarCheckmarkSmall.tsx","../src/components/Icons/collection/DollarCheckmark.tsx","../src/components/Icons/collection/DollarClockSmall.tsx","../src/components/Icons/collection/DollarClock.tsx","../src/components/Icons/collection/DollarOffSmall.tsx","../src/components/Icons/collection/DollarOff.tsx","../src/components/Icons/collection/DollarSmall.tsx","../src/components/Icons/collection/Dollar.tsx","../src/components/Icons/collection/Download.tsx","../src/components/Icons/collection/Drive.tsx","../src/components/Icons/collection/Dropbox.tsx","../src/components/Icons/collection/Duplicate.tsx","../src/components/Icons/collection/Edit.tsx","../src/components/Icons/collection/Emoji.tsx","../src/components/Icons/collection/Estimates.tsx","../src/components/Icons/collection/Export.tsx","../src/components/Icons/collection/EyeOffSmall.tsx","../src/components/Icons/collection/EyeOff.tsx","../src/components/Icons/collection/EyeSmall.tsx","../src/components/Icons/collection/Eye.tsx","../src/components/Icons/collection/Filter.tsx","../src/components/Icons/collection/Help.tsx","../src/components/Icons/collection/InfoSmall.tsx","../src/components/Icons/collection/Info.tsx","../src/components/Icons/collection/Integrations.tsx","../src/components/Icons/collection/Invoices.tsx","../src/components/Icons/collection/Labels.tsx","../src/components/Icons/collection/LockSmall.tsx","../src/components/Icons/collection/Lock.tsx","../src/components/Icons/collection/Marker.tsx","../src/components/Icons/collection/MessageAdd.tsx","../src/components/Icons/collection/MessageSmall.tsx","../src/components/Icons/collection/Message.tsx","../src/components/Icons/collection/MoveTrigger.tsx","../src/components/Icons/collection/MyWork.tsx","../src/components/Icons/collection/NotificationBell.tsx","../src/components/Icons/collection/OpenExpanded.tsx","../src/components/Icons/collection/PaidSmall.tsx","../src/components/Icons/collection/PauseIcon.tsx","../src/components/Icons/collection/PencilSmall.tsx","../src/components/Icons/collection/Pencil.tsx","../src/components/Icons/collection/PendingPaymentSmall.tsx","../src/components/Icons/collection/People.tsx","../src/components/Icons/collection/PersonPlus.tsx","../src/components/Icons/collection/Person.tsx","../src/components/Icons/collection/PlayIcon.tsx","../src/components/Icons/collection/ProjectAdd.tsx","../src/components/Icons/collection/ProjectTemplate.tsx","../src/components/Icons/collection/Projects.tsx","../src/components/Icons/collection/RadioBlank.tsx","../src/components/Icons/collection/Rearange.tsx","../src/components/Icons/collection/RearrangeSmall.tsx","../src/components/Icons/collection/RecurringCheckmarkSmall.tsx","../src/components/Icons/collection/RecurringCheckmark.tsx","../src/components/Icons/collection/Reports.tsx","../src/components/Icons/collection/Search.tsx","../src/components/Icons/collection/SendBlank.tsx","../src/components/Icons/collection/SendFilled.tsx","../src/components/Icons/collection/SortGeneral.tsx","../src/components/Icons/collection/Star.tsx","../src/components/Icons/collection/TaskAdd.tsx","../src/components/Icons/collection/TextFormatGeneralAlt.tsx","../src/components/Icons/collection/ThumbUpOutline.tsx","../src/components/Icons/collection/Trash.tsx","../src/components/Icons/collection/ViewGrid.tsx","../src/components/Icons/collection/ViewList.tsx","../src/components/Icons/collection/VolumeHigh.tsx","../src/components/Icons/collection/VolumeOff.tsx","../src/components/Icons/collection/WarningTriangleSmall.tsx","../src/components/Icons/collection/WarningTriangle.tsx","../src/components/Icons/collection/Warning.tsx","../src/components/Icons/collection/Workload.tsx","../src/components/Textarea/Styles.ts","../src/components/Textarea/Textarea.tsx","../src/utils/createChainedFunction.ts","../src/components/Modal/Styles.ts","../src/components/Modal/Modal.tsx","../src/components/Sheet/Styles.ts","../src/components/Sheet/Sheet.tsx","../src/components/Header/Styles.ts","../src/components/Header/Header.tsx","../src/components/AutoResizeTextarea/Styles.ts","../src/components/AutoResizeTextarea/AutoResizeTextarea.tsx","../src/components/Accordion/Styles.ts","../src/components/Accordion/Accordion.tsx","../src/components/Accordion/AccordionItem.tsx","../src/components/Accordion/AccordionItemHead.tsx","../src/hooks/useHeight.tsx","../src/components/Accordion/AccordionItemBody.tsx","../src/components/Choose/Styles.ts","../src/components/Choose/Choose.tsx","../src/components/Links/Styles.ts","../src/components/Links/BackLink.tsx","../src/components/Links/Link.tsx","../src/components/Transitions/SlideFromTop/SlideFromTop.tsx","../src/components/Dialog/Styles.ts","../src/components/Dialog/Dialog.tsx","../src/components/Dialog/DialogContent.tsx","../src/components/Dialog/DialogContentDivider.tsx","../src/components/Dialog/DialogTitle.tsx","../src/components/Dialog/DialogActions.tsx","../src/components/ConfirmDialog/ConfirmDialog.tsx","../src/components/SelectDate/Styles.ts","../src/components/SelectDate/DatePickerForm.tsx","../src/components/Pressed/Styles.ts","../src/components/Pressed/Pressed.tsx","../src/components/SelectDate/SelectDateTarget.tsx","../src/components/SelectDate/SelectDate.tsx","../src/components/Transitions/Fade/Fade.tsx","../src/components/Transitions/Slide/Slide.tsx","../src/components/Transitions/SlideLeftRightTransition/Styles.ts","../src/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.tsx","../src/components/Transitions/ResizeTransition/ResizeTransition.tsx","../src/components/Transitions/Reveal/Reveal.tsx","../src/components/Transitions/Scale/Scale.tsx","../src/components/ValueButton/Styles.ts","../src/components/ValueButton/ValueButton.tsx","../src/components/Toggle/Styles.ts","../src/components/Toggle/Toggle.tsx","../src/components/ComboBox/Styles.ts","../src/components/ComboBox/ComboBox.tsx","../src/components/ProgressBar/Styles.ts","../src/components/ProgressBar/ProgressBar.tsx","../src/components/Reactions/collection/ApplauseIcon.tsx","../src/components/Reactions/collection/HeartIcon.tsx","../src/components/Reactions/collection/PartyIcon.tsx","../src/components/Reactions/collection/SmileIcon.tsx","../src/components/Reactions/collection/ThinkingIcon.tsx","../src/components/Reactions/collection/ThumbsUpIcon.tsx","../src/components/Reactions/collection/ThumbsDownIcon.tsx","../src/components/GlobalStyle.ts"],"sourcesContent":["import { css } from \"styled-components\";\n\nexport const FontStyle = css`\n font-family: -apple-system, BlinkMacSystemFont, \"Roboto\", \"Helvetica Neue\",\n Arial, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n`;\n","import { css } from \"styled-components\";\n\nexport const BoxSizingStyle = css`\n box-sizing: border-box;\n * {\n box-sizing: border-box;\n }\n`;\n","import styled, { css } from \"styled-components\";\nimport { IButtonProps } from \"./Button\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\ninterface StyledButtonProps extends IButtonProps {\n iconOnly: boolean;\n}\n\nexport const StyledButton = styled.button<StyledButtonProps>`\n ${FontStyle}\n ${BoxSizingStyle}\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n vertical-align: middle;\n font-weight: 500;\n display: inline-block;\n line-height: 1;\n margin: 0;\n text-decoration: none;\n font-size: 0.875rem;\n user-select: none;\n cursor: pointer;\n text-align: center;\n\n border: none;\n height: 32px;\n transition: all 0.3s ease;\n\n svg {\n fill: currentColor;\n }\n\n /* &::-moz-focus-inner {\n border: 0;\n } */\n\n &:focus {\n outline: none;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n &:disabled {\n cursor: default;\n opacity: 50%;\n pointer-events: none;\n }\n\n ${(props) =>\n props.size === \"small\" &&\n css`\n height: 24px;\n `}\n\n ${(props) =>\n props.size === \"big\" &&\n css`\n height: 40px;\n `}\n\n ${(props) =>\n (props.variant === \"primary\" || props.variant === \"contained\") &&\n css`\n padding: 0 16px;\n background-color: var(--color-primary);\n border-radius: var(--ac-br-rounded);\n color: var(--page-paper-main);\n\n &:hover {\n box-shadow: 0 3px 6px -2px var(--color-primary-500);\n background-color: var(--color-primary-800);\n }\n\n &:active {\n box-shadow: 0 4px 10px -2px var(--color-primary-600);\n background-color: var(--color-primary-800);\n }\n `}\n\n ${(props) =>\n (props.variant === \"secondary\" || props.variant === \"outlined\") &&\n css`\n padding: 0 16px;\n background-color: transparent;\n border-radius: var(--ac-br-rounded);\n border: solid 1px var(--color-theme-700);\n color: var(--color-theme-700);\n\n &:hover {\n border-color: var(--color-primary);\n color: var(--color-primary);\n }\n\n &:active {\n border-color: var(--color-primary);\n color: var(--color-primary);\n background-color: var(--color-primary-200);\n }\n `}\n\n ${(props) =>\n props.variant === \"dark transparent\" &&\n css`\n padding: 0 8px;\n background-color: rgba(0, 0, 0, 0.5);\n border-radius: var(--ac-br-6);\n color: var(--only-white);\n\n &:hover {\n background-color: rgba(0, 0, 0, 0.85);\n }\n\n &:active {\n background-color: var(--only-black);\n }\n `}\n\n ${(props) =>\n (props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n css`\n padding: 0 8px;\n background-color: transparent;\n border-radius: var(--ac-br-6);\n color: var(--color-primary);\n\n &:hover {\n background-color: var(--color-primary-200);\n }\n\n &:active {\n background-color: var(--color-primary-300);\n }\n `}\n\n ${(props) =>\n (props.variant === \"option\" || props.variant === \"text gray\") &&\n css`\n padding: 0 8px;\n background-color: transparent;\n border-radius: var(--ac-br-6);\n color: var(--color-theme-700);\n\n &:hover {\n background-color: var(--color-theme-300);\n color: var(--color-theme-900);\n }\n\n &:active {\n background-color: var(--color-theme-400);\n color: var(--color-theme-900);\n }\n `}\n\n ${(props) =>\n props.iconOnly &&\n css`\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 0;\n width: 32px;\n\n ${(props.size === \"small\" || props.size === \"big\") &&\n css`\n border-radius: var(--ac-br-rounded);\n `};\n\n ${props.size === \"small\" &&\n css`\n width: 24px;\n `}\n\n ${props.size === \"big\" &&\n css`\n width: 40px;\n `}\n `}\n\n ${(props) =>\n (props.variant === \"primary\" ||\n props.variant === \"contained\" ||\n props.variant === \"secondary\" ||\n props.variant === \"outlined\") &&\n css`\n .c-btn__elements__element:first-child svg {\n margin-left: -6px;\n }\n .c-btn__elements__element:last-child svg {\n margin-right: -6px;\n }\n\n ${(props.size === \"small\" || props.size === \"big\") &&\n css`\n border-radius: var(--ac-br-rounded);\n `}\n `}\n\n ${(props) =>\n (props.variant === \"tertiary\" ||\n props.variant === \"text colored\" ||\n props.variant === \"option\" ||\n props.variant === \"text gray\" ||\n props.variant === \"dark transparent\") &&\n css`\n .c-btn__elements__element:first-child svg {\n margin-left: -4px;\n }\n .c-btn__elements__element:last-child svg {\n margin-right: -4px;\n }\n ${props.size === \"small\" &&\n css`\n border-radius: var(--ac-br-4);\n `}\n ${props.size === \"big\" &&\n css`\n border-radius: var(--ac-br-8);\n `}\n `}\n`;\n\nStyledButton.displayName = \"StyledButton\";\n\nexport const StyledButtonElements = styled.span`\n display: flex;\n align-items: center;\n`;\n\nStyledButtonElements.displayName = \"StyledButtonElements\";\n\nexport const StyledButtonElement = styled.span`\n display: inline-flex;\n svg {\n margin: 0 4px;\n }\n`;\n\nStyledButtonElement.displayName = \"StyledButtonElement\";\n","import React, { ReactNode, forwardRef } from \"react\";\nimport {\n StyledButton,\n StyledButtonElement,\n StyledButtonElements,\n} from \"./Styles\";\nimport classnames from \"classnames\";\n\nexport interface IButtonProps extends React.ComponentPropsWithoutRef<\"button\"> {\n /** Children type of node or string */\n children: ReactNode;\n /** Variant Buttons */\n variant?:\n | \"primary\"\n | \"secondary\"\n | \"tertiary\"\n | \"option\"\n | \"contained\"\n | \"outlined\"\n | \"text colored\"\n | \"text gray\"\n | \"dark transparent\";\n /** Button size can be big, medium or small */\n size?: \"big\" | \"small\";\n /** Disabled prop */\n disabled?: boolean;\n /** CSS classes */\n className?: string;\n}\n\n/**\n * Button component\n */\nexport const Button = forwardRef<HTMLButtonElement, IButtonProps>(\n (\n {\n children,\n variant = \"contained\",\n size,\n disabled = false,\n className,\n ...args\n },\n ref\n ) => {\n return (\n <StyledButton\n disabled={disabled}\n className={classnames(\"c-btn\", className, {\n \"c-btn--contained\": variant === \"primary\" || variant === \"contained\",\n \"c-btn--outlined\": variant === \"secondary\" || variant === \"outlined\",\n \"c-btn--text_colored\":\n variant === \"tertiary\" || variant === \"text colored\",\n \"c-btn--text_gray\": variant === \"option\" || variant === \"text gray\",\n \"c-btn--dark_transparent\": variant === \"dark transparent\",\n \"c-btn--big\": size === \"big\",\n \"c-btn--small\": size === \"small\",\n \"c-btn--icon-only\":\n children instanceof Object && !(children instanceof Array),\n })}\n iconOnly={children instanceof Object && !(children instanceof Array)}\n variant={variant}\n size={size}\n {...args}\n ref={ref}\n >\n {children instanceof Array ? (\n <StyledButtonElements className=\"c-btn__elements\">\n {children.map((value, index) =>\n value ? (\n <StyledButtonElement\n className=\"c-btn__elements__element\"\n key={index}\n >\n {value}\n </StyledButtonElement>\n ) : null\n )}\n </StyledButtonElements>\n ) : (\n children\n )}\n </StyledButton>\n );\n }\n);\n\nButton.displayName = \"Button\";\n","import React from \"react\";\nconst AddCrossTinyIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M12 4a1 1 0 011 1v6h6a1 1 0 010 2h-6v6a1 1 0 01-2 0l-.001-6H5a1 1 0 010-2h6V5a1 1 0 011-1z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nAddCrossTinyIcon.displayName = \"AddCrossTinyIcon\";\nexport default AddCrossTinyIcon;\n","import styled from \"styled-components\";\nimport { Button } from \"../Button\";\n\nexport const StyledGlobalAddButton = styled(Button)`\n svg {\n fill: var(--color-theme-100);\n }\n &:hover svg {\n transform: rotate(90deg);\n transition: ease 0.3s;\n }\n`;\n\nStyledGlobalAddButton.displayName = \"StyledGlobalAddButton\";\n","import React, { forwardRef, ButtonHTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport AddCrossTinyIcon from \"../../Icons/collection/AddCrossTiny\";\nimport { StyledGlobalAddButton } from \"./Styles\";\n\nexport interface IGlobalAddButton\n extends ButtonHTMLAttributes<HTMLButtonElement> {\n /** Disabled prop */\n disabled?: boolean;\n /** CSS classes */\n className?: string;\n}\n\nexport const GlobalAddButton = forwardRef<HTMLButtonElement, IGlobalAddButton>(\n ({ className, disabled = false, ...rest }, ref) => {\n return (\n <StyledGlobalAddButton\n ref={ref}\n variant=\"contained\"\n disabled={disabled}\n className={classnames(\"c-global-add-btn\", className)}\n {...rest}\n >\n <AddCrossTinyIcon />\n </StyledGlobalAddButton>\n );\n }\n);\n\nGlobalAddButton.displayName = \"GlobalAddButton\";\n","import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledButtonGroup = styled.div`\n ${tw`tw-flex tw-flex-row`}\n ${FontStyle}\n ${BoxSizingStyle}\n\n button {\n &:first-child:not(:last-child) {\n svg {\n margin-right: -4px;\n }\n ${tw`tw--mr-px tw-rounded-r-none`}\n }\n\n &:last-child:not(:first-child) {\n svg {\n margin-left: -4px;\n }\n ${tw`tw-rounded-l-none`}\n }\n\n &:not(:first-child):not(:last-child) {\n ${tw`tw--mr-px tw-rounded-none`}\n }\n }\n\n svg {\n ${tw`tw-text-theme-900 tw-fill-current`}\n }\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\n","import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledButtonGroup } from \"./Styles\";\n\nexport const ButtonGroup = forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithoutRef<\"div\">\n>(({ children, className, ...rest }, ref) => (\n <StyledButtonGroup\n ref={ref}\n className={classNames(\"c-btn-group\", className)}\n {...rest}\n >\n {children}\n </StyledButtonGroup>\n));\n\nButtonGroup.displayName = \"ButtonGroup\";\n","import { MutableRefObject } from \"react\";\n\nexport default function setRef<T>(\n ref:\n | MutableRefObject<T | null>\n | ((instance: T | null) => void)\n | null\n | undefined,\n value: T | null\n): void {\n if (typeof ref === \"function\") {\n ref(value);\n } else if (ref) {\n ref.current = value;\n }\n}\n","import { useMemo, MutableRefObject } from \"react\";\nimport setRef from \"./setRef\";\n\nexport default function useForkRef<T>(\n refA:\n | MutableRefObject<T | null>\n | ((instance: T | null) => void)\n | null\n | undefined,\n refB:\n | MutableRefObject<T | null>\n | ((instance: T | null) => void)\n | null\n | undefined\n): (instance: T | null) => void {\n return useMemo(() => {\n return (refValue): void => {\n setRef(refA, refValue);\n setRef(refB, refValue);\n };\n }, [refA, refB]);\n}\n","import React, {\n forwardRef,\n useCallback,\n useRef,\n useEffect,\n useState,\n CSSProperties,\n HTMLAttributes,\n} from \"react\";\nimport { createPopper, Instance, State } from \"@popperjs/core\";\nimport { Placement } from \".\";\nimport useForkRef from \"../../utils/useForkRef\";\n\ninterface TransitionProps {\n in: boolean;\n onEnter: () => void;\n onExited: () => void;\n}\ninterface IChildProps {\n placement: Placement;\n transitionProps: Partial<TransitionProps>;\n}\n\ninterface PopperProps {\n /** Anchor Element. */\n anchorEl?: Element | null;\n /** Open */\n open?: boolean;\n /** Inline style */\n style?: CSSProperties;\n /** Child with transition */\n transition?: boolean;\n /** Placement */\n placement?: Placement;\n}\n\nexport const Popper = forwardRef<\n HTMLDivElement,\n PopperProps & HTMLAttributes<HTMLDivElement>\n>(\n (\n {\n children,\n anchorEl,\n open = false,\n style,\n transition = false,\n placement: initialPlacement = \"bottom\",\n ...rest\n },\n ref\n ) => {\n const [exited, setExited] = useState(true);\n const [placement, setPlacement] = useState(initialPlacement);\n const ownRef = useRef<HTMLDivElement | null>(null);\n const popperRef = useRef<Instance>();\n\n const handleInnerRef = useForkRef(ownRef, ref);\n\n const handlePopperUpdate = (data: Partial<State>): void => {\n setPlacement(data.placement || \"bottom\");\n };\n\n const handleOpen = useCallback(() => {\n if (!ownRef.current || !anchorEl || !open) {\n return;\n }\n\n if (popperRef.current) {\n popperRef.current.destroy();\n }\n\n popperRef.current = createPopper(anchorEl, ownRef.current, {\n placement,\n onFirstUpdate: handlePopperUpdate,\n });\n }, [anchorEl, open, placement]);\n\n const handleClose = (): void => {\n if (!popperRef.current) {\n return;\n }\n\n popperRef.current.destroy();\n };\n\n const handleRef = useCallback(\n (node: HTMLDivElement) => {\n handleInnerRef(node);\n handleOpen();\n },\n [handleOpen, handleInnerRef]\n );\n\n const handleEnter = (): void => {\n setExited(false);\n };\n\n const handleExited = (): void => {\n setExited(true);\n handleClose();\n };\n\n useEffect(() => {\n return (): void => {\n handleClose();\n };\n }, []);\n\n useEffect(() => {\n if (!open && !transition) {\n handleClose();\n }\n }, [open, transition]);\n\n useEffect(() => {\n if (popperRef.current) {\n popperRef.current.update();\n }\n });\n\n if (!open && (!transition || exited)) {\n return null;\n }\n\n const childProps: Partial<IChildProps> = { placement };\n\n if (transition) {\n childProps.transitionProps = {\n in: open,\n onEnter: handleEnter,\n onExited: handleExited,\n };\n }\n\n return (\n <div\n ref={handleRef}\n {...rest}\n style={{\n ...style,\n }}\n >\n {typeof children === \"function\" ? children(childProps) : children}\n </div>\n );\n }\n);\n\nPopper.displayName = \"Popper\";\n","import React, { ReactElement, FC, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IFromElementProps extends TransitionProps {\n children: ReactElement;\n}\n\nconst defaultStyle = {\n transitionProperty: \"opacity, transform\",\n transitionDuration: \".15s, .10s, .15s\",\n transitionTimingFunction: \"ease, ease, cubic-bezier(0.39, 0.575, 0.565, 1)\",\n transformOrigin: \"50% 0\",\n transform: \"scale(.85)\",\n opacity: 0,\n};\n\nconst transitionStyles = {\n entering: { opacity: 1, transform: \"scale(1)\", transitionDelay: \".6s\" },\n entered: { opacity: 1, transform: \"scale(1)\" },\n exiting: { opacity: 0, transform: \"scale(.85)\" },\n exited: { opacity: 0, transform: \"scale(.85)\" },\n};\n\nexport const FromElement: FC<IFromElementProps> = ({\n in: inProp = false,\n onEnter,\n onExited,\n children,\n style,\n timeout = 1000,\n}) => {\n return (\n <Transition\n appear\n in={inProp}\n timeout={timeout}\n onEnter={onEnter}\n onExited={onExited}\n >\n {(state): ReactElement => {\n return cloneElement(children, {\n style: {\n visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n ...defaultStyle,\n ...transitionStyles[state],\n ...style,\n ...children.props.style,\n },\n });\n }}\n </Transition>\n );\n};\n\nFromElement.displayName = \"FromElement\";\n","import { FC } from \"react\";\nimport ReactDOM from \"react-dom\";\n\ninterface IPortal {\n root?: HTMLElement;\n}\n\nexport const Portal: FC<IPortal> = ({ children, root = document.body }) => {\n return ReactDOM.createPortal(children, root);\n};\n\nPortal.displayName = \"Portal\";\n","import { createContext, useContext } from \"react\";\n\ninterface ILayerContext {\n root?: HTMLElement;\n zIndex?: number;\n}\n\nconst LayerContext = createContext<ILayerContext>({});\n\nexport const LayerContextProvider = LayerContext.Provider;\nexport const LayerContextConsumer = LayerContext.Consumer;\n\nexport const useLayerContext = (): ILayerContext => useContext(LayerContext);\n\nexport default LayerContext;\n","import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledTooltip = styled.div<{ $isLight: boolean }>`\n ${BoxSizingStyle}\n ${FontStyle}\n\n border-radius: 8px;\n max-width: 200px;\n padding: 4px 10px;\n text-align: center;\n background-color: rgba(0, 0, 0, 0.9);\n font-size: 12px;\n font-weight: 500;\n line-height: normal;\n color: #fff;\n margin: 4px;\n\n ${(props) =>\n props.$isLight &&\n css`\n background-color: var(--page-paper-main);\n box-shadow: var(--shadow-secondary);\n color: var(--color-theme-700);\n `}\n`;\n","import React, {\n ReactElement,\n useState,\n CSSProperties,\n MouseEvent,\n forwardRef,\n Ref,\n FC,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Popper, Placement } from \"../Popper\";\nimport { FromElement } from \"../Transitions/FromElement\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { TransitionProps } from \"../Transitions\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport { StyledTooltip } from \"./Styles\";\n\ninterface ElementWithRef<T> extends ReactElement {\n ref?: Ref<T>;\n}\n\ninterface ITooltipProps {\n /** Children element. */\n children: ElementWithRef<HTMLElement>;\n /** Title element. */\n title: ReactElement | string;\n /** Applies passed styles */\n style?: CSSProperties;\n /** Applies passed classes */\n className?: string;\n /** Open */\n open?: boolean;\n /** Placement */\n placement?: Placement;\n /** Transition component */\n TransitionComponent?: React.FC<TransitionProps>;\n /** Light tooltip */\n isLight?: boolean;\n /** Popper Tooltip style */\n popperTooltipStyle?: CSSProperties;\n /** Popper Tooltip class name*/\n popperTooltipClassName?: string;\n /** Remove tooltip */\n disable?: boolean;\n}\n\ninterface ITooltipAnimation extends TransitionProps {\n children: ReactElement;\n}\n\nconst TooltipAnimation: FC<ITooltipAnimation> = ({ children, ...props }) => {\n return (\n <FromElement timeout={0} {...props}>\n {children}\n </FromElement>\n );\n};\n\nexport const Tooltip = forwardRef<HTMLElement, ITooltipProps>(\n (\n {\n children,\n title,\n className,\n style,\n isLight = false,\n placement = \"top\",\n TransitionComponent = TooltipAnimation,\n popperTooltipStyle,\n popperTooltipClassName,\n disable,\n },\n ref\n ) => {\n const { zIndex } = useLayerContext();\n const [open, setOpen] = useState(false);\n const [childNode, setChildNode] = useState<HTMLElement | null>();\n\n const handleEnter = (event: MouseEvent<HTMLElement>): void => {\n const childrenProps = children.props;\n\n if (event.type === \"mouseover\" && childrenProps.onMouseOver) {\n childrenProps.onMouseOver(event);\n }\n\n childNode && childNode.removeAttribute(\"title\");\n\n setOpen(true);\n };\n\n const handleLeave = (event: MouseEvent<HTMLElement>): void => {\n const childrenProps = children.props;\n\n if (\n event.type === \"mouseleave\" &&\n childrenProps.onMouseLeave &&\n event.currentTarget === childNode\n ) {\n childrenProps.onMouseLeave(event);\n }\n\n setOpen(false);\n };\n\n const handleOwnRef = useForkRef(children.ref, ref);\n const handleRef = useForkRef(setChildNode, handleOwnRef);\n\n const childrenProps = {\n onMouseOver: handleEnter,\n onMouseLeave: handleLeave,\n ref: handleRef,\n };\n\n return (\n <>\n {React.cloneElement(children, childrenProps)}\n {!disable && (\n <Portal>\n <Popper\n anchorEl={childNode}\n open={childNode ? open : false}\n placement={placement}\n transition\n className={popperTooltipClassName}\n style={{ zIndex, ...popperTooltipStyle }}\n role=\"tooltip\"\n >\n {({ transitionProps = {} }): ReactElement => (\n <TransitionComponent {...transitionProps} style={style}>\n <StyledTooltip\n className={classnames(\"c-tooltip-ds\", className)}\n $isLight={isLight}\n >\n {title}\n </StyledTooltip>\n </TransitionComponent>\n )}\n </Popper>\n </Portal>\n )}\n </>\n );\n }\n);\n\nTooltip.displayName = \"Tooltip\";\n","import React from \"react\";\nconst CloseSmallIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M9.485 8.071l2.828 2.827 2.83-2.827a1 1 0 011.413 1.414l-2.828 2.828 2.828 2.83a1 1 0 01-1.414 1.413l-2.829-2.828-2.828 2.828a1 1 0 11-1.414-1.414l2.827-2.829-2.827-2.828a1 1 0 011.414-1.414z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nCloseSmallIcon.displayName = \"CloseSmallIcon\";\nexport default CloseSmallIcon;\n","import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface IStyledTypographyProps {\n $variant:\n | \"Title 1\"\n | \"Header 2\"\n | \"Header 3\"\n | \"Body 1\"\n | \"Body 2\"\n | \"Caption 1\"\n | \"Caption 2\";\n $italic: boolean;\n $tabularNums: boolean;\n $letterSpacing: \"tight\" | \"regular\" | \"wide\";\n $lineHeight: \"tight\" | \"regular\" | \"loose\";\n $align: \"left\" | \"center\" | \"right\" | \"justify\";\n $decoration: \"underline\" | \"line-through\" | \"none\";\n $transform: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n $overflow: \"truncate\" | \"ellipsis\" | \"visible\";\n $whitespace: \"regular\" | \"no-wrap\";\n $wordBreak: \"regular\" | \"smart\" | \"all\";\n $color:\n | \"primary\"\n | \"secondary\"\n | \"tertiary\"\n | \"quaternary\"\n | \"theme-primary\"\n | \"theme-secondary\"\n | \"only-white\"\n | \"only-black\"\n | \"page-paper\"\n | \"success\"\n | \"alert\";\n $weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n}\n\nconst colors = {\n primary: tw`tw-text-theme-900`,\n secondary: tw`tw-text-theme-700`,\n tertiary: tw`tw-text-theme-600`,\n quaternary: tw`tw-text-theme-600 tw-opacity-50`,\n \"theme-primary\": tw`tw-text-primary`,\n \"theme-secondary\": tw`tw-text-secondary`,\n \"page-paper\": tw`tw-text-page-paper-main`,\n \"only-white\": tw`tw-text-only-white`,\n \"only-black\": tw`tw-text-only-black`,\n success: tw`tw-text-success`,\n alert: tw`tw-text-alert`,\n};\n\nexport const StyledTypography = styled.div<IStyledTypographyProps>`\n ${FontStyle}\n ${BoxSizingStyle}\n\n //color\n ${(props) => colors[props.$color]}\n\n //variant - font size\n ${(props) =>\n props.$variant === \"Title 1\" &&\n css`\n font-size: 2rem;\n `}\n ${(props) =>\n props.$variant === \"Header 2\" &&\n css`\n font-size: 1.125rem;\n `}\n ${(props) =>\n (props.$variant === \"Header 3\" || props.$variant === \"Body 1\") &&\n css`\n font-size: 1rem;\n `}\n ${(props) =>\n props.$variant === \"Body 2\" &&\n css`\n font-size: 0.875rem;\n `}\n ${(props) =>\n props.$variant === \"Caption 1\" &&\n css`\n font-size: 0.75rem;\n `}\n ${(props) =>\n props.$variant === \"Caption 2\" &&\n css`\n font-size: 0.625rem;\n `}\n\n //italic\n ${(props) =>\n props.$italic\n ? css`\n font-style: italic;\n `\n : css`\n font-style: normal;\n `}\n\n //tabularNums\n ${(props) =>\n props.$tabularNums\n ? css`\n font-variant-numeric: tabular-nums;\n `\n : css`\n font-variant-numeric: normal;\n `}\n\n //letterSpacing\n ${(props) =>\n props.$letterSpacing === \"regular\" &&\n css`\n letter-spacing: 0.02em;\n `}\n ${(props) =>\n props.$letterSpacing === \"tight\" &&\n css`\n letter-spacing: 0em;\n `}\n ${(props) =>\n props.$letterSpacing === \"wide\" &&\n css`\n letter-spacing: 0.08em;\n `}\n\n //lineHeight\n ${(props) =>\n props.$lineHeight === \"regular\" &&\n css`\n line-height: 1.375;\n `}\n ${(props) =>\n props.$lineHeight === \"tight\" &&\n css`\n line-height: 1;\n `}\n ${(props) =>\n props.$lineHeight === \"loose\" &&\n css`\n line-height: 1.625;\n `}\n\n //align\n ${(props) =>\n props.$align === \"left\" &&\n css`\n text-align: left;\n `}\n ${(props) =>\n props.$align === \"right\" &&\n css`\n text-align: right;\n `}\n ${(props) =>\n props.$align === \"center\" &&\n css`\n text-align: center;\n `}\n ${(props) =>\n props.$align === \"justify\" &&\n css`\n text-align: justify;\n `}\n\n //decoration\n ${(props) =>\n props.$decoration === \"none\" &&\n css`\n text-decoration: none;\n `}\n ${(props) =>\n props.$decoration === \"underline\" &&\n css`\n text-decoration: underline;\n `}\n ${(props) =>\n props.$decoration === \"line-through\" &&\n css`\n text-decoration: line-through;\n `}\n\n //transform\n ${(props) =>\n props.$transform === \"regular\" &&\n css`\n text-transform: none;\n `}\n ${(props) =>\n props.$transform === \"uppercase\" &&\n css`\n text-transform: uppercase;\n `}\n ${(props) =>\n props.$transform === \"lowercase\" &&\n css`\n text-transform: lowercase;\n `}\n ${(props) =>\n props.$transform === \"capitalize\" &&\n css`\n text-transform: capitalize;\n `}\n\n //overflow\n ${(props) =>\n props.$overflow === \"visible\" &&\n css`\n overflow: visible;\n `}\n ${(props) =>\n props.$overflow === \"ellipsis\" &&\n css`\n text-overflow: ellipsis;\n `}\n ${(props) =>\n props.$overflow === \"truncate\" &&\n css`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n `}\n\n //whitespace\n ${(props) =>\n props.$whitespace === \"regular\" &&\n css`\n white-space: normal;\n `}\n ${(props) =>\n props.$whitespace === \"no-wrap\" &&\n css`\n white-space: nowrap;\n `}\n\n //wordBreak\n ${(props) =>\n props.$wordBreak === \"regular\" &&\n css`\n overflow-wrap: normal;\n word-break: normal;\n `}\n ${(props) =>\n props.$wordBreak === \"smart\" &&\n css`\n overflow-wrap: break-word;\n `}\n ${(props) =>\n props.$wordBreak === \"all\" &&\n css`\n word-break: break-all;\n `}\n\n //weight\n ${(props) =>\n props.$weight === \"regular\" &&\n css`\n font-weight: 400;\n `}\n ${(props) =>\n props.$weight === \"light\" &&\n css`\n font-weight: 300;\n `}\n ${(props) =>\n props.$weight === \"medium\" &&\n css`\n font-weight: 500;\n `}\n ${(props) =>\n props.$weight === \"bold\" &&\n css`\n font-weight: 700;\n `}\n`;\n\nStyledTypography.displayName = \"StyledTypography\";\n","import React, { HTMLAttributes, forwardRef, useRef } from \"react\";\nimport classNames from \"classnames\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { StyledTypography } from \"./Styles\";\nexport interface ITypographyProps extends HTMLAttributes<HTMLElement> {\n /** Font color. */\n color?:\n | \"primary\"\n | \"secondary\"\n | \"tertiary\"\n | \"quaternary\"\n | \"theme-primary\"\n | \"theme-secondary\"\n | \"only-white\"\n | \"only-black\"\n | \"page-paper\"\n | \"success\"\n | \"alert\";\n /** Tabular numbers. */\n tabularNums?: boolean;\n /** Italic font style. */\n italic?: boolean;\n /** Font letter spacing. */\n letterSpacing?: \"tight\" | \"regular\" | \"wide\";\n /** Font line height. */\n lineHeight?: \"tight\" | \"regular\" | \"loose\";\n /** Font align. */\n align?: \"left\" | \"center\" | \"right\" | \"justify\";\n /** Underline font style. */\n decoration?: \"underline\" | \"line-through\" | \"none\";\n /** Font transform. */\n transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n /** Font overflow. */\n overflow?: \"truncate\" | \"ellipsis\" | \"visible\";\n /** Font whitespace. */\n whitespace?: \"regular\" | \"no-wrap\";\n /** Font word break. */\n wordBreak?: \"regular\" | \"smart\" | \"all\";\n /** Custom className for styling. */\n className?: string;\n}\n\ninterface ITypographyAdditionalProps {\n /** Element variant. */\n variant?:\n | \"Title 1\"\n | \"Header 2\"\n | \"Header 3\"\n | \"Body 1\"\n | \"Body 2\"\n | \"Caption 1\"\n | \"Caption 2\";\n /** Element tag. */\n Tag?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\" | \"span\" | \"div\";\n /** Font weight. */\n weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n /** Font size. */\n size?: \"32\" | \"18\" | \"16\" | \"14\" | \"12\" | \"10\";\n}\n\nexport const Typography = forwardRef<\n HTMLElement,\n ITypographyProps & ITypographyAdditionalProps\n>(\n (\n {\n variant = \"Title 1\",\n Tag = \"div\",\n color = \"primary\",\n italic = false,\n tabularNums = false,\n letterSpacing = \"regular\",\n lineHeight = \"regular\",\n align = \"left\",\n decoration = \"none\",\n transform = \"regular\",\n overflow = \"visible\",\n whitespace = \"regular\",\n wordBreak = \"regular\",\n weight = \"regular\",\n className,\n children,\n ...props\n },\n ref\n ) => {\n const innerRef = useRef<HTMLElement | null>(null);\n const handleRef = useForkRef(ref, innerRef);\n\n return (\n <StyledTypography\n as={Tag}\n className={classNames(\"typography\", className)}\n $italic={italic}\n $tabularNums={tabularNums}\n $letterSpacing={letterSpacing}\n $lineHeight={lineHeight}\n $align={align}\n $decoration={decoration}\n $transform={transform}\n $overflow={overflow}\n $whitespace={whitespace}\n $wordBreak={wordBreak}\n $variant={variant}\n $color={color}\n $weight={weight}\n ref={handleRef}\n {...props}\n >\n {children}\n </StyledTypography>\n );\n }\n);\n\nTypography.displayName = \"Typography\";\n","import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\nexport interface IBodyProps {\n /** Font weight. */\n weight?: \"regular\" | \"bold\" | \"medium\";\n}\n\nexport const Body2: FC<ITypographyProps & IBodyProps> = forwardRef(\n ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n return (\n <Typography variant=\"Body 2\" weight={weight} ref={ref} {...props}>\n {\" \"}\n {children}{\" \"}\n </Typography>\n );\n }\n);\n\nBody2.displayName = \"Body2\";\n","import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\nimport { Button } from \"../Button/Button\";\n\ninterface StyledCounterButtonProps {\n $active?: boolean;\n $selected?: boolean;\n}\n\nexport const StyledCounterButton = styled(Button)<StyledCounterButtonProps>`\n ${(props) =>\n props.$active &&\n css`\n padding: 0 8px;\n\n svg {\n fill: var(--color-primary);\n }\n\n &:hover {\n background: var(--color-primary-300);\n }\n `}\n\n ${(props) =>\n props.$selected &&\n css`\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n background-color: var(--color-primary-200);\n `}\n`;\n\nStyledCounterButton.displayName = \"StyledCounterButton\";\n\nexport const StyledCounterButtonCounter = styled.div<{ $selected?: boolean }>`\n border-radius: 50%;\n background-color: var(--color-primary);\n color: var(--page-paper-main);\n line-height: 15px;\n width: 15px;\n font-weight: bold;\n font-size: 10px;\n text-align: center;\n margin-left: 4px;\n margin-right: -6px;\n`;\n\nStyledCounterButtonCounter.displayName = \"StyledCounterButtonCounter\";\n\nexport const StyledCounterButtonReset = styled(Button)`\n background-color: var(--color-primary-200);\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n\n &:hover {\n background-color: var(--color-primary-300);\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n`;\n\nStyledCounterButtonReset.displayName = \"StyledCounterButtonReset\";\n\nexport const StyledCounterButtonLabel = styled(Body2)<{ $active?: boolean }>`\n ${tw`tw-pointer-events-none`}\n\n ${StyledCounterButton}:hover & {\n ${(props) =>\n !props.$active &&\n css`\n color: var(--color-theme-900);\n `}\n }\n\n ${(props) =>\n props.$active &&\n css`\n color: var(--color-primary);\n `}\n`;\n\nStyledCounterButtonLabel.displayName = \"StyledCounterButtonLabel\";\n","import React, { forwardRef, ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport CloseSmallIcon from \"../Icons/collection/CloseSmall\";\nimport {\n StyledCounterButton,\n StyledCounterButtonCounter,\n StyledCounterButtonLabel,\n StyledCounterButtonReset,\n} from \"./Styles\";\n\ninterface ICounterButtonProps {\n /** Set active state */\n active?: boolean;\n /** Label for value */\n label?: string;\n /** Icon */\n icon?: ReactElement;\n /** Number of applied filters */\n counter?: number;\n /** OnClearAll callback */\n onClearAll: () => void;\n /** Tooltip content */\n tooltipText?: string;\n /** Applies passed classes */\n className?: string;\n}\n\nexport const CounterButton = forwardRef<HTMLButtonElement, ICounterButtonProps>(\n (\n {\n label,\n icon,\n active,\n counter = 0,\n tooltipText,\n onClearAll,\n className,\n ...args\n },\n ref\n ) => {\n return (\n <div className={classNames(\"tw-flex ac-font box-sizing\", className)}>\n <StyledCounterButton\n className={classNames(\"c-counter-button\", {\n \"c-counter-button__selected\": counter,\n })}\n {...args}\n ref={ref}\n variant={\"text gray\"}\n $active={counter > 0 || active}\n $selected={counter > 0}\n >\n {icon &&\n React.cloneElement(icon, {\n className: classNames(\"c-counter-button__icon\"),\n })}\n {label && (\n <StyledCounterButtonLabel\n color=\"secondary\"\n weight=\"medium\"\n className={\"c-counter-button__label\"}\n $active={active}\n >\n {label}\n </StyledCounterButtonLabel>\n )}\n {counter > 0 ? (\n <StyledCounterButtonCounter className={\"c-counter-button__counter\"}>\n {counter}\n </StyledCounterButtonCounter>\n ) : null}\n </StyledCounterButton>\n {counter > 0 ? (\n <Tooltip\n title={`${tooltipText}`}\n popperTooltipClassName=\"z-index-1300\"\n >\n <StyledCounterButtonReset\n variant=\"text colored\"\n className=\"c-counter-button__reset\"\n onClick={onClearAll}\n >\n <CloseSmallIcon />\n </StyledCounterButtonReset>\n </Tooltip>\n ) : null}\n </div>\n );\n }\n);\n\nCounterButton.displayName = \"CounterButton\";\n","import React from \"react\";\nconst CaretLeftIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={18}\n height={18}\n viewBox=\"0 0 18 18\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path d=\"M10 5v8L6 9l4-4z\" fillRule=\"evenodd\" />\n </svg>\n )\n);\nCaretLeftIcon.displayName = \"CaretLeftIcon\";\nexport default CaretLeftIcon;\n","import React from \"react\";\nconst CaretRightIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={18}\n height={18}\n viewBox=\"0 0 18 18\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path d=\"M8 5v8l4-4-4-4z\" fillRule=\"evenodd\" />\n </svg>\n )\n);\nCaretRightIcon.displayName = \"CaretRightIcon\";\nexport default CaretRightIcon;\n","export const customClassNames = {\n container: \"c-DayPicker\",\n wrapper: \"c-DayPicker-wrapper\",\n interactionDisabled: \"c-DayPicker--interactionDisabled\",\n months: \"c-DayPicker-Months\",\n month: \"c-DayPicker-Month\",\n\n navBar: \"c-DayPicker-NavBar\",\n navButtonPrev: \"c-DayPicker-NavButton DayPicker-NavButton--prev\",\n navButtonNext: \"c-DayPicker-NavButton DayPicker-NavButton--next\",\n navButtonInteractionDisabled: \"c-DayPicker-NavButton--interactionDisabled\",\n\n caption: \"c-DayPicker-Caption\",\n weekdays: \"c-DayPicker-Weekdays\",\n weekdaysRow: \"c-DayPicker-WeekdaysRow\",\n weekday: \"c-DayPicker-Weekday\",\n body: \"c-DayPicker-Body\",\n week: \"c-DayPicker-Week\",\n weekNumber: \"c-DayPicker-WeekNumber\",\n day: \"c-DayPicker-Day\",\n footer: \"c-DayPicker-Footer\",\n todayButton: \"c-DayPicker-TodayButton\",\n\n // default modifiers\n today: \"c-DayPicker-Day--today\",\n selected: \"c-DayPicker-Day--selected\",\n disabled: \"c-DayPicker-Day--disabled\",\n outside: \"c-DayPicker-Day--outside\",\n\n // custom modifiers\n weekend: \"c-DayPicker-Day--weekend\",\n userAvailability: \"c-DayPicker-Day--userAvailability\",\n nonWorkingDay: \"c-DayPicker-Day--nonWorkingDay\",\n};\n","import React from \"react\";\nconst MenuNavIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M13.45 6.337l-5.657 5.657 5.657 5.657a1 1 0 101.414-1.414l-4.241-4.243 4.241-4.243a1 1 0 00-1.414-1.414z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nMenuNavIcon.displayName = \"MenuNavIcon\";\nexport default MenuNavIcon;\n","import styled, { css } from \"styled-components\";\nimport { Button } from \"../Button/Button\";\nimport tw from \"twin.macro\";\nimport MenuNavIcon from \"../Icons/collection/MenuNavIcon\";\n\nexport const StyledNavBarButton = styled(Button)<{\n $direction: \"next\" | \"previous\";\n}>`\n position: absolute;\n margin-top: 1px;\n cursor: pointer;\n z-index: 2;\n background-image: none;\n\n ${(props) =>\n props.$direction === \"previous\" &&\n css`\n right: auto;\n left: 1px;\n `}\n\n ${(props) =>\n props.$direction === \"next\" &&\n css`\n right: 1px;\n `}\n`;\n\nexport const StyledMenuNavIcon = styled(MenuNavIcon)`\n ${tw`tw-transform`}\n transform: rotate(180deg);\n`;\n\ninterface StyledMonthInterface {\n $isCurrent: boolean;\n $isSelected: boolean;\n $isCurrentQuarter: boolean;\n}\n\nexport const StyledMonths = styled.div`\n top: 30px;\n height: 230px;\n\n ${tw`\n tw-absolute\n tw-left-0\n tw-p-5\n tw-flex\n tw-flex-wrap\n tw-bg-page-paper-main\n tw-z-10\n `}\n`;\nexport const StyledMonth = styled.div<StyledMonthInterface>`\n width: 26%;\n transition-duration: 0.3s;\n\n ${tw`\n tw-m-auto\n tw-cursor-pointer\n tw-rounded-xl\n tw-font-bold\n tw-text-sm\n `}\n\n ${(props) =>\n !props.$isSelected\n ? css`\n &:hover {\n background-color: var(--color-primary-300);\n }\n `\n : css`\n ${tw`tw-text-theme-100`}\n background-color: var(--color-primary);\n `}\n\n ${(props) =>\n props.$isCurrent &&\n css`\n ${tw`tw-text-primary`}\n `}\n\n ${(props) =>\n props.$isCurrentQuarter &&\n css`\n background-color: var(--color-primary-300);\n `}\n`;\n\nexport const StyledYearMonthPicker = styled.div`\n display: table-caption;\n margin-bottom: 0.5em;\n padding: 0 0.5em;\n\n ${tw`tw-text-center tw-text-theme-900`}\n\n &> div {\n font-weight: 500;\n font-size: 1.15em;\n }\n`;\n\nexport const StyledYearMonthPickerNavBar = styled.div`\n width: auto;\n margin: 0 auto;\n`;\n\nexport const StyledYearMonthPickerNavBarItem = styled.span`\n ${tw`tw-px-4 tw-cursor-pointer`}\n transition-duration: 0.3s;\n\n &:hover {\n background-color: var(--color-primary-300);\n border-radius: 15px;\n }\n`;\n\nStyledNavBarButton.displayName = \"StyledNavBarButton\";\nStyledMenuNavIcon.displayName = \"StyledMenuNavIcon\";\nStyledMonths.displayName = \"StyledMonths\";\nStyledMonth.displayName = \"StyledMonth\";\n","import React, { FC, useCallback, useMemo, useState } from \"react\";\nimport { CaptionElementProps } from \"react-day-picker\";\nimport {\n StyledMonth,\n StyledMonths,\n StyledYearMonthPicker,\n StyledYearMonthPickerNavBar,\n StyledYearMonthPickerNavBarItem,\n} from \"./Styles\";\n\ninterface IYearMonthForm {\n onChange?: (modifiersArg) => void;\n isShown?: boolean;\n text: string;\n selectedDays?: { from; to } | Date;\n selectionMode?: string;\n}\n\nexport const YearMonthPicker: FC<CaptionElementProps & IYearMonthForm> = ({\n date,\n localeUtils,\n onChange = (): null => null,\n isShown = true,\n onClick,\n text,\n selectedDays,\n selectionMode,\n}) => {\n const [enteredTo, setEnteredTo] = useState<number | undefined>();\n const months = localeUtils.getMonths();\n\n const handleMonthChange = useCallback(\n (e) => {\n onChange(new Date(date.getFullYear(), e.target.dataset.value));\n if (onClick) {\n onClick(e);\n }\n },\n [date, onChange, onClick]\n );\n\n const onMouseEnterCallback = useCallback(\n (e) => {\n if (selectionMode === \"quarterly\") {\n setEnteredTo(Math.floor(e.target.getAttribute(\"data-value\") / 3));\n }\n },\n [selectionMode]\n );\n\n const renderMonths = useMemo(() => {\n return (\n <StyledMonths className=\"c-monthPicker\" data-test=\"months\">\n {months.map((month, i) => {\n return (\n <StyledMonth\n className=\"c-monthPicker__month\"\n key={i}\n onClick={handleMonthChange}\n onMouseEnter={onMouseEnterCallback}\n data-value={i}\n data-test=\"month\"\n $isCurrent={\n date.getFullYear() === new Date().getFullYear() &&\n new Date().getMonth() === i\n }\n $isCurrentQuarter={Math.floor(i / 3) === enteredTo}\n $isSelected={\n selectedDays &&\n !(selectedDays instanceof Date) &&\n selectedDays.from &&\n selectedDays.to &&\n selectedDays.from.getFullYear() === date.getFullYear() &&\n i >= selectedDays.from.getMonth() &&\n i <= selectedDays.to.getMonth()\n }\n >\n {month.substring(0, 3)}\n </StyledMonth>\n );\n })}\n </StyledMonths>\n );\n }, [\n date,\n handleMonthChange,\n months,\n selectedDays,\n enteredTo,\n onMouseEnterCallback,\n ]);\n\n return (\n <StyledYearMonthPicker className=\"c-DayPicker-Caption\" role=\"button\">\n <StyledYearMonthPickerNavBar role=\"button\">\n <StyledYearMonthPickerNavBarItem\n data-test=\"show-picker\"\n onClick={onClick}\n >\n {text}\n </StyledYearMonthPickerNavBarItem>\n </StyledYearMonthPickerNavBar>\n {isShown && renderMonths}\n </StyledYearMonthPicker>\n );\n};\n\nYearMonthPicker.displayName = \"YearMonthPicker\";\n","import React, { MouseEvent, forwardRef, useCallback } from \"react\";\nimport { NavbarElementProps } from \"react-day-picker\";\nimport MenuNavIcon from \"../Icons/collection/MenuNavIcon\";\nimport { StyledMenuNavIcon, StyledNavBarButton } from \"./Styles\";\n\ninterface INavBarElementProps {\n onClick?: (e: MouseEvent) => void;\n}\n\nexport const NavBarElement = forwardRef<\n HTMLDivElement,\n NavbarElementProps & INavBarElementProps\n>(({ onPreviousClick, onNextClick }, ref) => {\n const onPrevious = useCallback(() => {\n onPreviousClick();\n }, [onPreviousClick]);\n\n const onNext = useCallback(() => {\n onNextClick();\n }, [onNextClick]);\n\n return (\n <div className=\"c-DayPicker-NavBar\" ref={ref} tabIndex={0}>\n <StyledNavBarButton\n type=\"button\"\n variant=\"text gray\"\n size=\"small\"\n tabIndex={0}\n onClick={onPrevious}\n $direction=\"previous\"\n >\n <MenuNavIcon aria-label=\"Previous Month\" width=\"24\" height=\"24\" />\n </StyledNavBarButton>\n <StyledNavBarButton\n type=\"button\"\n variant=\"text gray\"\n size=\"small\"\n tabIndex={0}\n onClick={onNext}\n $direction=\"next\"\n >\n <StyledMenuNavIcon aria-label=\"Next Month\" width=\"24\" height=\"24\" />\n </StyledNavBarButton>\n </div>\n );\n});\n\nNavBarElement.displayName = \"NavBarElement\";\n","import React, { FC, useCallback } from \"react\";\nimport { DateUtils, NavbarElementProps } from \"react-day-picker\";\nimport { NavBarElement } from \"../Pickers/NavBarElement\";\n\ninterface ICustomNavBarElementProps extends NavbarElementProps {\n showMonthPicker: boolean;\n onChangeDirection?: (direction: boolean) => void;\n onMonthChange?: (month: Date) => void;\n onClick?: () => void;\n}\n\nexport const CustomNavBarElement: FC<ICustomNavBarElementProps> = ({\n className,\n classNames,\n month,\n showPreviousButton,\n showNextButton,\n labels,\n localeUtils,\n locale,\n showMonthPicker = false,\n onChangeDirection,\n onMonthChange,\n onClick,\n}) => {\n const nextMonth = showMonthPicker\n ? DateUtils.addMonths(month, 12)\n : DateUtils.addMonths(month, 1);\n const previousMonth = showMonthPicker\n ? DateUtils.addMonths(month, -12)\n : DateUtils.addMonths(month, -1);\n\n const onNextClick = useCallback(() => {\n if (onChangeDirection) {\n onChangeDirection(true);\n }\n if (onMonthChange) {\n onMonthChange(nextMonth);\n }\n }, [nextMonth, onChangeDirection, onMonthChange]);\n\n const onPreviousClick = useCallback(() => {\n if (onChangeDirection) {\n onChangeDirection(false);\n }\n if (onMonthChange) {\n onMonthChange(previousMonth);\n }\n }, [onChangeDirection, onMonthChange, previousMonth]);\n\n return (\n <NavBarElement\n className={className}\n classNames={classNames}\n month={month}\n showPreviousButton={showPreviousButton}\n showNextButton={showNextButton}\n labels={labels}\n localeUtils={localeUtils}\n locale={locale}\n previousMonth={previousMonth}\n nextMonth={nextMonth}\n onNextClick={onNextClick}\n onPreviousClick={onPreviousClick}\n onClick={onClick}\n />\n );\n};\n","import styled, { css } from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport tw from \"twin.macro\";\nimport DayPicker from \"react-day-picker\";\nimport { CSSTransition } from \"react-transition-group\";\n\nexport const StyledDatePicker = styled.div`\n ${FontStyle}\n ${BoxSizingStyle}\n\n overflow: hidden;\n min-width: 230px;\n\n ${tw`tw-flex tw-justify-center`}\n`;\n\nexport const StyledDayPicker = styled(DayPicker)<{ $isYearlyView: boolean }>`\n ${tw`tw-bg-page-paper-main`}\n width: 230px;\n\n ${(props) =>\n props.$isYearlyView &&\n css`\n .c-DayPicker-Weekdays,\n .c-DayPicker-Body {\n opacity: 0 !important;\n }\n `}\n\n .c-DayPicker-Month {\n display: table;\n user-select: none;\n border-collapse: separate;\n border-spacing: 4px;\n }\n\n .c-DayPicker-wrapper {\n position: relative;\n flex-direction: row;\n user-select: none;\n }\n\n .c-DayPicker-Caption {\n display: table-caption;\n margin-bottom: 0.5em;\n padding: 0 0.5em;\n ${tw`tw-text-center tw-text-theme-900`}\n }\n\n .c-DayPicker-Weekday {\n font-size: 11px;\n display: table-cell;\n padding: 0.5em;\n text-align: center;\n ${tw`tw-text-theme-600`}\n }\n\n .c-DayPicker-Body {\n display: table-row-group;\n font-size: 13px;\n ${tw`tw-text-theme-900 tw-font-bold`}\n }\n\n .c-DayPicker-Day {\n display: table-cell;\n border-radius: 50%;\n vertical-align: middle;\n text-align: center;\n cursor: pointer;\n transition-duration: 0.3s;\n width: 27px;\n height: 27px;\n line-height: 27px;\n }\n\n .c-DayPicker {\n display: inline-block;\n font-size: 1rem;\n }\n\n .c-DayPicker-Months {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .c-DayPicker-NavButton--interactionDisabled {\n display: none;\n }\n\n .c-DayPicker-Weekdays {\n text-decoration: none;\n display: table-header-group;\n margin-top: 1em;\n }\n\n .c-DayPicker-WeekdaysRow {\n display: table-row;\n }\n\n .c-DayPicker-Weekday * {\n display: block;\n border-bottom: none;\n text-decoration: none;\n overflow: hidden;\n text-overflow: \"\";\n white-space: nowrap;\n width: 12px;\n letter-spacing: 10px;\n transform: translateX(30%);\n }\n\n .c-DayPicker-Week {\n display: table-row;\n }\n\n .c-DayPicker--interactionDisabled .c-DayPicker-Day {\n cursor: default;\n }\n\n .hovered:not(.c-DayPicker-Day--selected) {\n background-color: var(--color-primary-300);\n color: var(--color-theme-900);\n }\n\n .c-DayPicker-Day--today {\n font-weight: 700;\n color: var(--color-primary);\n position: relative;\n\n &:after {\n position: absolute;\n content: \"\";\n bottom: 3px;\n height: 3px;\n width: 3px;\n border-radius: 3px;\n margin: 0 auto;\n left: 0;\n right: 0;\n background: var(--color-primary);\n }\n &.hovered:not(.c-DayPicker-Day--selected) {\n color: var(--color-primary);\n &:after {\n background-color: var(--color-primary);\n }\n }\n }\n\n .c-DayPicker-Day--userAvailability {\n color: var(--red-alert);\n &.hovered:not(.c-DayPicker-Day--selected) {\n background-color: rgba(237, 97, 97, 0.1);\n color: var(--red-alert);\n }\n &.c-DayPicker-Day--today {\n color: var(--red-alert);\n &:after {\n background-color: var(--red-alert);\n }\n &.hovered:not(.c-DayPicker-Day--selected):after {\n background-color: var(--red-alert);\n }\n }\n }\n\n .c-DayPicker-Day--selected {\n background-color: var(--color-primary);\n color: var(--color-theme-100);\n &.c-DayPicker-Day--today {\n color: var(--color-theme-100);\n &:after {\n background-color: var(--color-theme-100);\n }\n }\n &.c-DayPicker-Day--userAvailability {\n background-color: var(--red-alert);\n color: var(--color-theme-100);\n }\n }\n\n .c-DayPicker-Day--nonWorkingDay {\n color: var(--color-theme-500);\n &.hovered:not(.c-DayPicker-Day--selected) {\n color: var(--color-theme-500);\n }\n &.c-DayPicker-Day--today {\n color: var(--color-primary-500);\n &:after {\n background-color: var(--color-primary-500);\n }\n &.hovered:not(.c-DayPicker-Day--selected) {\n color: var(--color-theme-500);\n &:after {\n background-color: var(--color-theme-500);\n }\n }\n }\n &.c-DayPicker-Day--userAvailability {\n &.hovered:not(.c-DayPicker-Day--selected) {\n color: var(--color-theme-500);\n background-color: var(--color-primary-300);\n &.c-DayPicker-Day--today:after {\n background-color: var(--color-theme-500);\n }\n }\n }\n &.c-DayPicker-Day--selected {\n color: rgba(255, 255, 255, 0.6);\n background-color: var(--color-primary);\n .neon & {\n color: rgba(0, 0, 0, 0.4);\n }\n &.c-DayPicker-Day--today {\n color: rgba(255, 255, 255, 0.6);\n .neon & {\n color: rgba(0, 0, 0, 0.4);\n }\n &:after {\n background-color: rgba(255, 255, 255, 0.6);\n .neon & {\n background-color: rgba(0, 0, 0, 0.4);\n }\n }\n }\n }\n }\n .c-DayPicker-Day--disabled {\n cursor: default;\n color: var(--color-theme-500);\n &.hovered {\n color: var(--color-theme-500);\n }\n }\n\n .c-DayPicker-Day--outside {\n cursor: default;\n opacity: 0.15;\n color: var(--color-theme-900);\n\n &.c-DayPicker-Day--userAvailability.hovered:not(.c-DayPicker-Day--selected) {\n background: var(--color-primary-300);\n }\n &.c-DayPicker-Day--userAvailability:not(.c-DayPicker-Day--selected),\n &.c-DayPicker-Day--userAvailability.hovered:not(.c-DayPicker-Day--selected),\n &.c-DayPicker-Day--nonWorkingDay.hovered:not(.c-DayPicker-Day--selected),\n &.c-DayPicker-Day--nonWorkingDay:not(.c-DayPicker-Day--selected),\n &.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected),\n &.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected) {\n color: var(--color-theme-900);\n }\n\n &.c-DayPicker-Day--userAvailability.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected):after,\n &.c-DayPicker-Day--userAvailability.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected):after,\n &.c-DayPicker-Day--nonWorkingDay.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected):after,\n &.c-DayPicker-Day--nonWorkingDay.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected):after,\n &.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected):after,\n &.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected):after {\n background-color: var(--color-theme-900);\n }\n\n &.hovered:not(.c-DayPicker-Day--selected) {\n background: var(--color-primary-400);\n }\n\n &.c-DayPicker-Day--selected {\n color: var(--page-paper-main);\n background: var(--color-primary);\n .neon & {\n color: var(--page-paper-main);\n }\n &.c-DayPicker-Day--today {\n &:after {\n background: var(--page-paper-main);\n .neon & {\n background: var(--page-paper-main);\n }\n }\n &.c-DayPicker-Day--nonWorkingDay {\n color: var(--page-paper-main);\n .neon & {\n color: var(--page-paper-main);\n }\n }\n }\n }\n }\n`;\n\nexport const StyledDatePickerCSSTransition = styled(CSSTransition)<{\n $direction: boolean;\n}>`\n ${(props) =>\n props.$direction\n ? css`\n &.c-date-picker__animation-enter {\n .c-DayPicker-Caption,\n .c-DayPicker-Body {\n opacity: 0;\n transform: translateY(-20px);\n }\n }\n\n &.c-date-picker__animation-enter-active {\n .c-DayPicker-Caption,\n .c-DayPicker-Body {\n opacity: 1;\n transform: translateY(0px);\n transition-duration: 300ms;\n }\n }\n &.c-date-picker__animation-exit {\n .c-DayPicker-Caption,\n .c-DayPicker-Body {\n opacity: 1;\n }\n }\n &.c-date-picker__animation-exit-active {\n .c-DayPicker-Caption,\n .c-DayPicker-Body {\n opacity: 0;\n transform: translateY(20px);\n transition-duration: 300ms;\n }\n }\n `\n : css`\n &.c-date-picker__animation-enter {\n .c-DayPicker-Caption,\n .c-DayPicker-Body {\n opacity: 0;\n transform: translateY(20px);\n }\n }\n\n &.c-date-picker__animation-enter-active {\n .c-DayPicker-Caption,\n .c-DayPicker-Body {\n opacity: 1;\n transform: translateY(0px);\n transition-duration: 300ms;\n }\n }\n\n &.c-date-picker__animation-exit {\n .c-DayPicker-Caption,\n .c-DayPicker-Body {\n opacity: 1;\n }\n }\n\n &.c-date-picker__animation-exit-active {\n .c-DayPicker-Caption,\n .c-DayPicker-Body {\n opacity: 0;\n transform: translateY(-20px);\n transition-duration: 300ms;\n }\n }\n `}\n`;\n\nStyledDatePickerCSSTransition.displayName = \"StyledDatePickerCSSTransition\";\nStyledDatePicker.displayName = \"StyledDatePicker\";\nStyledDayPicker.displayName = \"StyledDayPicker\";\n","import React, { FC, useState, useCallback, useMemo, useEffect } from \"react\";\nimport {\n DayPickerProps,\n DateUtils,\n RangeModifier,\n Modifiers,\n DayModifiers,\n} from \"react-day-picker\";\nimport { customClassNames } from \"./ClassNames\";\nimport { SwitchTransition } from \"react-transition-group\";\nimport moment from \"moment\";\nimport { YearMonthPicker } from \"../Pickers/YearMonthPicker\";\nimport { CustomNavBarElement } from \"./CustomNavBarElement\";\nimport {\n StyledDatePicker,\n StyledDatePickerCSSTransition,\n StyledDayPicker,\n} from \"./Styles\";\n\nexport interface IDatePicker extends DayPickerProps {\n /** Calls when value is picked */\n onChange?: (dates?: { from: Date; to: Date }) => void;\n /** Called when day is clicked */\n onDayClick?: (day: Date, modifiers: DayModifiers) => void;\n /** Set selected day or days */\n selectedDays?: RangeModifier;\n /** Set selection range */\n selectionMode?: string;\n /** Set is date required */\n dateRequired?: boolean;\n /** Set first day of week */\n firstDayOfWeek?: number;\n /** Set fixed number of weeks in month */\n fixedWeeks?: boolean;\n}\n\nexport const DatePicker: FC<IDatePicker> = ({\n className,\n onChange,\n onDayClick,\n selectedDays,\n disabledDays,\n selectionMode = \"daily\",\n month = new Date(),\n onMonthChange = (): null => null,\n dateRequired = false,\n firstDayOfWeek = 0,\n fixedWeeks = true,\n modifiers: defaultModifiers,\n ...rest\n}) => {\n const [enteredTo, setEnteredTo] = useState<Date>();\n const [enteredFrom, setEnteredFrom] = useState<Date>();\n const [stopScroll, setStopScroll] = useState<Date>();\n const [direction, setDirection] = useState(true);\n const [isPreselected, setIsPreselected] = useState(() => {\n return (\n selectedDays?.from instanceof Date && selectedDays?.to instanceof Date\n );\n });\n const [showMonthPicker, setShowMonthPicker] = useState(\n selectionMode === \"quarterly\" || selectionMode === \"monthly\"\n );\n const [modifiers, setModifiers] = useState<Partial<Modifiers> | undefined>(\n defaultModifiers\n );\n const week = firstDayOfWeek === 0 ? \"week\" : \"isoWeek\";\n\n useEffect(() => {\n if (enteredFrom instanceof Date && enteredTo instanceof Date) {\n setModifiers((prev) => {\n return { ...prev, hovered: { from: enteredFrom, to: enteredTo } };\n });\n } else {\n setModifiers(defaultModifiers);\n }\n }, [enteredTo, enteredFrom, defaultModifiers]);\n\n const handleDayClick = useCallback(\n (day: Date, modifiers: DayModifiers) => {\n if (onDayClick) {\n onDayClick(day, modifiers);\n }\n if (!onChange) {\n return;\n }\n if (month.getMonth() !== day.getMonth()) {\n onMonthChange(day);\n }\n if (modifiers[\"c-DayPicker-Day--disabled\"] || selectionMode === \"none\") {\n return;\n }\n // reset the selectedDays if the user clicks on the same day\n if (\n !dateRequired &&\n ((selectedDays?.from &&\n moment(day).isSame(moment(selectedDays.from), \"day\")) ||\n (selectedDays?.to &&\n moment(day).isSame(moment(selectedDays.to), \"day\")))\n ) {\n setEnteredTo(undefined);\n setEnteredFrom(undefined);\n\n return onChange(undefined);\n }\n\n if (selectionMode === \"daily\") {\n return onChange({ from: day, to: day });\n }\n\n if (selectionMode === \"weekly\") {\n if (\n !dateRequired &&\n selectedDays?.from &&\n moment(day).isSame(moment(selectedDays.from), week)\n ) {\n return onChange(undefined);\n }\n return onChange({\n from: moment(day).startOf(week).toDate(),\n to: moment(day).endOf(week).toDate(),\n });\n }\n\n if (selectionMode === \"custom\") {\n if (isPreselected) {\n setIsPreselected(false);\n return onChange({ from: day, to: day });\n }\n if (\n !selectedDays ||\n (selectedDays?.from &&\n selectedDays?.to &&\n !moment(selectedDays.from).isSame(moment(selectedDays.to)))\n ) {\n if (\n !dateRequired &&\n selectedDays?.from &&\n selectedDays?.to &&\n moment(day).isBetween(\n moment(selectedDays.from),\n moment(selectedDays.to)\n )\n ) {\n setEnteredTo(day);\n setEnteredFrom(day);\n return onChange(undefined);\n }\n setEnteredFrom(day);\n return onChange({ from: day, to: day });\n }\n if (\n selectedDays?.from &&\n DateUtils.isDayAfter(day, selectedDays.from)\n ) {\n setEnteredTo(undefined);\n setEnteredFrom(undefined);\n return onChange({ from: selectedDays.from, to: day });\n }\n if (selectedDays?.to) {\n setEnteredTo(undefined);\n setEnteredFrom(undefined);\n return onChange({ from: day, to: selectedDays.to });\n }\n }\n },\n [\n onDayClick,\n onChange,\n month,\n selectionMode,\n dateRequired,\n selectedDays,\n onMonthChange,\n week,\n isPreselected,\n ]\n );\n\n const isSelectedFirstDay = useCallback(() => {\n if (selectionMode !== \"custom\") {\n return false;\n }\n if (selectedDays?.from && selectedDays?.to) {\n return moment(selectedDays.from).isSame(selectedDays.to);\n }\n }, [selectionMode, selectedDays]);\n\n const handleDayMouseEnter = useCallback(\n (day: Date) => {\n if (isPreselected && selectionMode !== \"weekly\") {\n setEnteredTo(day);\n setEnteredFrom(day);\n return;\n }\n if (selectionMode === \"daily\") {\n setEnteredTo(day);\n setEnteredFrom(day);\n }\n if (selectionMode === \"weekly\") {\n setEnteredFrom(moment(day).startOf(week).toDate());\n setEnteredTo(moment(day).endOf(week).toDate());\n }\n\n if (\n selectionMode !== \"weekly\" &&\n (!selectedDays ||\n (selectedDays?.from &&\n selectedDays?.to &&\n !moment(selectedDays.from).isSame(moment(selectedDays.to))))\n ) {\n setEnteredTo(day);\n setEnteredFrom(day);\n }\n\n if (isSelectedFirstDay() && selectedDays?.from) {\n setEnteredFrom(selectedDays.from);\n setEnteredTo(day);\n }\n },\n [selectionMode, isSelectedFirstDay, selectedDays, week, isPreselected]\n );\n\n const onDayMouseLeave = useCallback(() => {\n if (\n selectionMode === \"weekly\" ||\n selectionMode === \"daily\" ||\n selectionMode === \"custom\"\n ) {\n setEnteredFrom(undefined);\n setEnteredTo(undefined);\n }\n }, [setEnteredFrom, setEnteredTo, selectionMode]);\n\n const onWheel = useCallback(\n (e: { deltaY: number }) => {\n if (\n stopScroll &&\n (new Date().getTime() - stopScroll.getTime()) / 1000 < 0.9\n ) {\n return;\n }\n const nextMonth = showMonthPicker\n ? DateUtils.addMonths(month, 12)\n : DateUtils.addMonths(month, 1);\n const previousMonth = showMonthPicker\n ? DateUtils.addMonths(month, -12)\n : DateUtils.addMonths(month, -1);\n if (e.deltaY > 0.9) {\n setDirection(true);\n onMonthChange(nextMonth);\n setStopScroll(new Date());\n }\n if (e.deltaY < -0.9) {\n setDirection(false);\n onMonthChange(previousMonth);\n setStopScroll(new Date());\n }\n },\n [stopScroll, showMonthPicker, month, onMonthChange]\n );\n\n const togglePicker = useCallback(() => {\n if (selectionMode !== \"monthly\" && selectionMode !== \"quarterly\") {\n return setShowMonthPicker(!showMonthPicker);\n }\n setShowMonthPicker(true);\n }, [showMonthPicker, selectionMode]);\n\n const customNavBarElement = useCallback(\n (props) => {\n return (\n <CustomNavBarElement\n {...props}\n showMonthPicker={showMonthPicker}\n month={month}\n onChangeDirection={setDirection}\n onMonthChange={onMonthChange}\n onClick={togglePicker}\n />\n );\n },\n [showMonthPicker, month, onMonthChange, togglePicker]\n );\n\n const handleYearMonthChange = useCallback(\n (m: Date) => {\n if (onChange) {\n if (selectionMode === \"monthly\") {\n if (\n !dateRequired &&\n selectedDays?.from &&\n moment(m).isSame(moment(selectedDays.from), \"month\")\n ) {\n return onChange(undefined);\n }\n onChange({\n from: moment(m).startOf(\"month\").toDate(),\n to: moment(m).endOf(\"month\").toDate(),\n });\n }\n if (selectionMode === \"quarterly\") {\n if (\n !dateRequired &&\n selectedDays?.from &&\n moment(m).isSame(\n moment(selectedDays.from).startOf(\"quarter\"),\n \"quarter\"\n )\n ) {\n return onChange(undefined);\n }\n onChange({\n from: moment(m).startOf(\"quarter\").toDate(),\n to: moment(m).endOf(\"quarter\").toDate(),\n });\n }\n }\n onMonthChange(m);\n },\n [onMonthChange, onChange, selectedDays, selectionMode, dateRequired]\n );\n\n const text = useMemo(() => {\n if (showMonthPicker) {\n return `${month.getFullYear()}`;\n }\n return `${moment(month).format(\"MMMM\")} ${\n moment(month).isSame(moment(), \"year\") ? \"\" : month.getFullYear()\n }`;\n }, [showMonthPicker, month]);\n\n const handleYearMonthForm = useCallback(\n (props) => {\n return (\n <YearMonthPicker\n {...props}\n text={text}\n selectedDays={selectedDays}\n onChange={handleYearMonthChange}\n isShown={showMonthPicker}\n selectionMode={selectionMode}\n />\n );\n },\n [text, selectedDays, handleYearMonthChange, showMonthPicker, selectionMode]\n );\n\n const onKeyDownCallback = useCallback(\n (e: KeyboardEvent) => {\n // Right Arrow\n if (e.key === \"ArrowRight\") {\n setDirection(true);\n if (showMonthPicker) {\n onMonthChange(new Date(month.getFullYear() + 1, month.getMonth()));\n } else {\n onMonthChange(new Date(month.getFullYear(), month.getMonth() + 1));\n }\n }\n // Left Arrow\n if (e.key === \"ArrowLeft\") {\n setDirection(false);\n if (showMonthPicker) {\n onMonthChange(new Date(month.getFullYear() - 1, month.getMonth()));\n } else {\n onMonthChange(new Date(month.getFullYear(), month.getMonth() - 1));\n }\n }\n // Up Arrow\n if (e.key === \"ArrowUp\") {\n setDirection(true);\n onMonthChange(new Date(month.getFullYear() + 1, month.getMonth()));\n }\n // Down Arrow\n if (e.key === \"ArrowDown\") {\n setDirection(false);\n onMonthChange(new Date(month.getFullYear() - 1, month.getMonth()));\n }\n },\n [showMonthPicker, onMonthChange, month]\n );\n\n useEffect(() => {\n document.addEventListener(\"keydown\", onKeyDownCallback);\n return (): void => {\n document.removeEventListener(\"keydown\", onKeyDownCallback);\n };\n }, [month, onMonthChange, showMonthPicker, onKeyDownCallback]);\n\n return (\n <StyledDatePicker className=\"c-date-picker-wrapper\" onWheel={onWheel}>\n <SwitchTransition mode=\"out-in\">\n <StyledDatePickerCSSTransition\n key={showMonthPicker ? month.getFullYear() : month.getMonth()}\n timeout={300}\n classNames={\"c-date-picker__animation\"}\n $direction={direction}\n >\n <StyledDayPicker\n {...rest}\n disabledDays={disabledDays}\n selectedDays={selectedDays}\n onDayClick={handleDayClick}\n modifiers={modifiers}\n onDayMouseEnter={handleDayMouseEnter}\n onDayMouseLeave={onDayMouseLeave}\n className={className}\n $isYearlyView={showMonthPicker}\n month={month}\n navbarElement={customNavBarElement}\n onCaptionClick={togglePicker}\n captionElement={handleYearMonthForm}\n classNames={customClassNames}\n fixedWeeks={fixedWeeks}\n firstDayOfWeek={firstDayOfWeek}\n />\n </StyledDatePickerCSSTransition>\n </SwitchTransition>\n </StyledDatePicker>\n );\n};\n\nDatePicker.displayName = \"DatePicker\";\n","import { createContext, useContext } from \"react\";\n\ninterface IMenuContext {\n open?: boolean;\n setOpen?: (open: boolean) => void;\n}\n\nconst MenuContext = createContext<IMenuContext>({});\n\nexport const MenuContextProvider = MenuContext.Provider;\nexport const MenuContextConsumer = MenuContext.Consumer;\n\nexport const useMenuContext = (): IMenuContext => useContext(MenuContext);\n\nexport default MenuContext;\n","import styled from \"styled-components\";\n\nexport const StyledOverlay = styled.div`\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n`;\n\nStyledOverlay.displayName = \"StyledOverlay\";\n","import React, { FC, HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledOverlay } from \"./Styles\";\n\nexport const Overlay: FC<HTMLAttributes<HTMLDivElement>> = ({\n className,\n ...rest\n}) => {\n return (\n <StyledOverlay className={classnames(\"c-overlay\", className)} {...rest} />\n );\n};\n\nOverlay.displayName = \"Overlay\";\n","import styled from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledWindow = styled.div`\n ${FontStyle}\n ${BoxSizingStyle}\n\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n`;\n\nStyledWindow.displayName = \"StyledWindow\";\n","import React, {\n useCallback,\n useRef,\n useEffect,\n forwardRef,\n HTMLAttributes,\n KeyboardEvent,\n} from \"react\";\nimport classnames from \"classnames\";\nimport FocusLock from \"react-focus-lock\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport { StyledWindow } from \"./Style\";\n\ninterface IWindow {\n onClose?: () => void;\n disableFocusLock?: boolean;\n disableScrollLock?: boolean;\n}\n\nconst returnFocus = { preventScroll: true };\n\nexport const Window = forwardRef<\n HTMLDivElement,\n IWindow & HTMLAttributes<HTMLDivElement>\n>(\n (\n {\n children,\n onClose,\n className,\n style,\n onKeyDown,\n disableFocusLock = false,\n disableScrollLock = false,\n ...rest\n },\n ref\n ) => {\n const innerRef = useRef<HTMLDivElement>(null);\n const handleRef = useForkRef(innerRef, ref);\n const { zIndex = 1300 } = useLayerContext();\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLDivElement>) => {\n if (\n !event.defaultPrevented &&\n (event.key === \"Esc\" || event.key === \"Escape\")\n ) {\n event.preventDefault();\n if (onClose) {\n onClose();\n }\n }\n if (typeof onKeyDown === \"function\") {\n onKeyDown(event);\n }\n },\n [onClose, onKeyDown]\n );\n\n useEffect(() => {\n return (): void => {\n typeof onClose === \"function\" && onClose();\n };\n // Dependency is empty because we only want to call onClose when component is unmounted\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return (\n <Portal>\n <FocusLock returnFocus={returnFocus} disabled={disableFocusLock}>\n <RemoveScroll\n forwardProps\n ref={handleRef}\n enabled={!disableScrollLock}\n noIsolation\n >\n <StyledWindow\n {...rest}\n style={{ zIndex, ...style }}\n onKeyDown={handleKeyDown}\n tabIndex={0}\n className={classnames(\"c-window\", className)}\n >\n {children}\n </StyledWindow>\n </RemoveScroll>\n </FocusLock>\n </Portal>\n );\n }\n);\n\nWindow.displayName = \"Window\";\n","import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledBubble = styled.div`\n ${tw`tw-bg-white tw-shadow-md tw-border-theme-200 tw-rounded-lg tw-border tw-border-solid tw-bg-theme-100 tw-text-theme-800 tw-opacity-100 tw-block tw-visible`}\n transition: opacity 0.2s, visibility 0.2s;\n ${FontStyle}\n ${BoxSizingStyle}\n`;\n\nStyledBubble.displayName = \"StyledBubble\";\n","import React, {\n FC,\n HTMLAttributes,\n MouseEvent,\n ReactNode,\n RefObject,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledBubble } from \"./Styles\";\n\nexport interface IBubble {\n /** Children element. */\n children: ReactNode;\n /** Class names. */\n className?: string;\n /** Ref object for Bubble. */\n innerRef?: RefObject<HTMLDivElement>;\n /** Bubble styles. */\n style?: object;\n /** On click on bubble. */\n onClick?: (event: MouseEvent<HTMLElement>) => void;\n /** On mouse down event. */\n onMouseDown?: (event: MouseEvent<HTMLElement>) => void;\n}\n\nexport const Bubble: FC<IBubble & HTMLAttributes<HTMLDivElement>> = ({\n children,\n className,\n innerRef = null,\n style = {},\n ...rest\n}) => {\n return (\n <StyledBubble\n {...rest}\n ref={innerRef}\n className={classnames(\"c-bubble\", className)}\n style={style}\n >\n {children}\n </StyledBubble>\n );\n};\n\nBubble.displayName = \"Bubble\";\n","import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Bubble } from \"../Bubble\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledMenu = styled(Bubble)<{ $mode: string }>`\n ${tw`tw-bg-page-paper-main tw-border-border-primary tw-my-1 tw-overflow-auto`}\n\n ${FontStyle}\n ${BoxSizingStyle}\n\n color: var(--color-theme-700);\n a:focus,\n a:active {\n outline: none;\n }\n\n ${(props) =>\n props.$mode === \"normal\" &&\n css`\n width: 260px;\n `}\n\n ${(props) =>\n props.$mode === \"wider\" &&\n css`\n width: 350px;\n `}\n\n ${(props) =>\n props.$mode === \"tiny\" &&\n css`\n width: 180px;\n `}\n`;\nStyledMenu.displayName = \"StyledMenu\";\n\nexport const StyledMenuFooter = styled.div`\n ${tw`tw-flex tw-px-2 tw-py-1`}\n\n display: flex;\n border-top: 1px solid var(--border-primary);\n height: 32px;\n align-items: center;\n`;\nStyledMenuFooter.displayName = \"StyledMenuFooter\";\n\nexport const StyledMenuHeader = styled.div`\n ${tw`tw-flex tw-items-center tw-justify-between tw-px-2 tw-py-1`}\n\n border-bottom: 1px solid var(--border-primary);\n height: 32px;\n`;\nStyledMenuHeader.displayName = \"StyledMenuHeader\";\n","import React, {\n useRef,\n FC,\n ReactNode,\n MouseEvent,\n useState,\n useCallback,\n useEffect,\n ReactElement,\n Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Popper } from \"../Popper\";\n// import { Tooltip } from \"../Tooltip\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Overlay } from \"../Overlay\";\nimport { Window } from \"../Window\";\nimport { Placement } from \"@popperjs/core\";\nimport { MenuContextProvider } from \"./context\";\nimport { StyledMenu } from \"./Styles\";\n\ninterface ElementWithRef<T> extends ReactElement {\n ref?: Ref<T>;\n}\n\nexport type MenuMode = \"normal\" | \"wider\" | \"tiny\";\n\nexport interface IMenu {\n /** Menu content */\n children: ReactNode;\n /** On menu element click */\n onMenuClick?: (event: MouseEvent<HTMLElement>) => void;\n /** Handle scroll bar */\n handleScroll?: boolean;\n /** Disable Focus Lock */\n disableFocusLock?: boolean;\n /** Menu width mode */\n mode?: MenuMode;\n /** Should menu be open when it's mounted */\n open?: boolean;\n /** Callback triggered when modal has been opened */\n onOpen?: () => void;\n /** Callback triggered when modal has been closed */\n onClose?: () => void;\n /** Before close callback */\n onBeforeClose?: () => boolean;\n /** Position Menu */\n position?: Placement;\n /** Target element */\n target?: ElementWithRef<Element>;\n /** Menu classes */\n menuClassName?: string;\n /** Popper class name*/\n popperClassName?: string;\n /** Background style for clickable element after the menu is open (opacity, color, etc...) */\n backgroundElementClass?: string;\n /** Should Window be positioned absolutely */\n windowAbsolutelyPositioned?: boolean;\n}\n\nexport const Menu: FC<IMenu> = ({\n children,\n disableFocusLock = false,\n onMenuClick,\n handleScroll = true,\n mode = \"normal\",\n open: defaultOpen = false,\n onOpen,\n onClose,\n onBeforeClose,\n position = \"bottom-start\",\n target,\n menuClassName,\n popperClassName,\n backgroundElementClass,\n windowAbsolutelyPositioned = false,\n}) => {\n const [open, setOpen] = useState(defaultOpen);\n const [childNode, setChildNode] = useState<Element | null>();\n const elementRef = useRef<Element | null>(null);\n\n useEffect(() => {\n setOpen(defaultOpen);\n }, [defaultOpen]);\n\n const handleRefRef = useForkRef(\n target ? target.ref : undefined,\n setChildNode\n );\n const handleRef = useForkRef(handleRefRef, elementRef);\n\n const handleOpen = useCallback(\n (event: Pick<MouseEvent<Element>, \"preventDefault\">) => {\n event && event.preventDefault();\n setOpen(true);\n typeof onOpen === \"function\" && onOpen();\n },\n [onOpen]\n );\n\n const handleClose = useCallback(() => {\n if (typeof onBeforeClose === \"function\" && !onBeforeClose()) {\n return;\n }\n setOpen(false);\n typeof onClose === \"function\" && onClose();\n }, [onClose, onBeforeClose]);\n\n const childProps = {\n forceClose: handleClose,\n };\n\n const targetProps = {\n open,\n ref: handleRef,\n onClick: handleOpen,\n };\n\n return (\n <>\n {target && React.cloneElement(target, targetProps)}\n {open ? (\n <Window\n onClose={handleClose}\n disableScrollLock={!handleScroll}\n disableFocusLock={disableFocusLock}\n style={{\n position: windowAbsolutelyPositioned ? \"absolute\" : \"fixed\",\n }}\n >\n <Overlay\n className={backgroundElementClass}\n onClick={handleClose}\n tabIndex={-1}\n />\n <Popper\n anchorEl={childNode}\n open={childNode ? open : false}\n placement={position}\n className={popperClassName}\n tabIndex={-1}\n >\n <StyledMenu\n className={classnames(\n \"c-simple-menu__paper\",\n `c-simple-menu__${mode}`,\n menuClassName\n )}\n $mode={mode}\n onMouseDown={onMenuClick}\n >\n <MenuContextProvider value={{ open, setOpen }}>\n {typeof children === \"function\"\n ? children(childProps)\n : children}\n </MenuContextProvider>\n </StyledMenu>\n </Popper>\n </Window>\n ) : null}\n </>\n );\n};\n\nMenu.displayName = \"Menu\";\n","import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport { Typography } from \"../Typography/Typography\";\nimport { StyledMenuHeader } from \"./Styles\";\n\ninterface IMenuHeader {\n className?: string;\n title?: string;\n leftElement?: ReactNode;\n rightElement?: ReactNode;\n}\n\nexport const MenuHeader = forwardRef(\n (\n {\n title,\n className,\n leftElement,\n rightElement,\n ...props\n }: IMenuHeader & HTMLAttributes<HTMLDivElement>,\n ref: Ref<HTMLDivElement>\n ) => {\n return (\n <StyledMenuHeader\n {...props}\n className={classnames(\"c-menu-header\", className)}\n ref={ref}\n >\n {leftElement || <div style={{ minWidth: \"24px\" }}> </div>}\n <Typography\n variant=\"Body 2\"\n color=\"secondary\"\n weight=\"bold\"\n overflow=\"truncate\"\n className=\"tw-mx-1\"\n >\n {title}\n </Typography>\n {rightElement || <div style={{ minWidth: \"24px\" }}> </div>}\n </StyledMenuHeader>\n );\n }\n);\n\nMenuHeader.displayName = \"MenuHeader\";\n","import React, {\n forwardRef,\n HTMLAttributes,\n ReactNode,\n ReactNodeArray,\n Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledMenuFooter } from \"./Styles\";\n\ninterface IMenuFooter {\n className?: string;\n children?: ReactNode | ReactNodeArray;\n}\n\nexport const MenuFooter = forwardRef(\n (\n {\n children,\n className,\n ...props\n }: IMenuFooter & HTMLAttributes<HTMLDivElement>,\n ref: Ref<HTMLDivElement>\n ) => {\n return (\n <StyledMenuFooter\n {...props}\n className={classnames(\"c-menu-footer\", className)}\n ref={ref}\n >\n {children}\n </StyledMenuFooter>\n );\n }\n);\n\nMenuFooter.displayName = \"MenuFooter\";\n","import styled, { css } from \"styled-components\";\nimport { ButtonGroup } from \"../../ButtonGroup\";\nimport { FontStyle } from \"../../FontStyle\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport tw from \"twin.macro\";\nimport { Menu } from \"../../Menu\";\n\nexport const StyledButton = styled.button`\n ${FontStyle}\n ${BoxSizingStyle}\n\n color: var(--color-theme-700);\n margin: 0;\n padding: 0;\n background: none;\n width: auto;\n height: auto;\n border: none;\n height: 32px;\n transition: all 0.3s ease;\n\n ${tw`\n tw-relative\n tw-antialiased\n tw-align-middle\n tw-font-medium\n tw-inline-block\n tw-leading-none\n tw-m-0\n tw-no-underline\n tw-text-sm\n tw-select-none\n tw-cursor-pointer\n tw-text-center\n `}\n\n svg {\n fill: currentColor;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &:focus {\n outline: none;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n &:disabled {\n cursor: default;\n opacity: 50%;\n pointer-events: none;\n }\n`;\n\nexport const StyledMenu = styled(Menu)`\n ${tw`\n tw-w-auto\n tw-h-auto\n tw-py-4\n tw-px-2\n `}\n`;\n\nexport const StyledButtonGroup = styled(ButtonGroup)`\n ${FontStyle}\n ${BoxSizingStyle}\n\n button {\n position: relative;\n z-index: 1;\n }\n`;\n\nexport const StyledSpan = styled.span`\n line-height: 30px;\n color: var(--color-theme-700);\n`;\n\ninterface StyledDiv {\n $isTargetable: boolean;\n $isRounded: boolean;\n}\n\nexport const StyledDiv = styled.div<StyledDiv>`\n ${(props) =>\n props.$isTargetable &&\n css`\n ${tw`tw-pointer-events-none`}\n `}\n\n ${(props) =>\n props.$isRounded &&\n css`\n border-radius: var(--ac-br-rounded);\n `}\n\n ${tw`\n tw-relative\n tw-text-center\n tw-p-0\n tw-antialiased\n tw-align-middle\n tw-font-medium\n tw-inline-block\n tw-leading-none\n tw-m-0\n tw-no-underline\n tw-text-sm\n tw-select-none\n tw-cursor-pointer\n tw-border\n tw-border-solid\n `}\n\n height: 32px;\n transition: all 0.3s ease;\n padding: 0 16px;\n background-color: transparent;\n border: solid 1px var(--color-theme-700);\n color: var(--color-theme-700);\n margin-right: -1px;\n\n svg {\n fill: currentColor;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &:focus {\n outline: none;\n }\n\n &:disabled {\n cursor: default;\n opacity: 50%;\n pointer-events: none;\n }\n\n &:hover {\n border-color: var(--color-primary);\n color: var(--color-primary);\n text-decoration: none;\n }\n\n &:active {\n border-color: var(--color-primary);\n color: var(--color-primary);\n background-color: var(--color-primary-200);\n }\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\nStyledSpan.displayName = \"StyledSpan\";\nStyledDiv.displayName = \"StyledDiv\";\nStyledMenu.displayName = \"StyledMenu\";\nStyledButton.displayName = \"StyledButton\";\n","import React, { FC, useCallback, useMemo, useState, useEffect } from \"react\";\nimport classNames from \"classnames\";\nimport moment, { Moment } from \"moment\";\nimport MomentLocaleUtils from \"react-day-picker/moment\";\nimport { Placement } from \"@popperjs/core\";\nimport { Button } from \"../../Button/Button\";\nimport CaretLeftIcon from \"../../Icons/collection/CaretLeft\";\nimport CaretRightIcon from \"../../Icons/collection/CaretRight\";\nimport { DatePicker } from \"../../DatePicker\";\nimport { customClassNames } from \"../../DatePicker/ClassNames\";\nimport {\n StyledButton,\n StyledButtonGroup,\n StyledDiv,\n StyledMenu,\n StyledSpan,\n} from \"./Styles\";\n\ninterface IDateStepperProps {\n /** One of the possible steps for this component */\n step:\n | \"daily\"\n | \"weekly\"\n | \"monthly\"\n | \"quarterly\"\n | \"yearly\"\n | \"custom\"\n | string;\n /** Callback function that will be called after the changed range */\n onChange?: (from: Date, to: Date) => void;\n /** Start date of the range */\n from: Date | string;\n /** End date of the range */\n to: Date | string;\n /** Callback function that will format the text label */\n formatCallback?: (from: string | Date, to: string | Date) => string;\n /** Default month */\n defaultMonth?: Date;\n /** Callback function onBack */\n onBack?: (from: Date, to: Date) => void;\n /** Callback function onForward */\n onForward?: (from: Date, to: Date) => void;\n /** Min date */\n minValue?: Date;\n /** Max fate */\n maxValue?: Date;\n /** html class */\n className?: string;\n /** Period for calculating week (isoWeek) */\n period?: \"week\" | \"isoWeek\";\n /** Classes for datePicker */\n datePickerClass?: string;\n /** Show datePicker in the middle button */\n withDatePicker?: boolean;\n /** Popper class name*/\n popperClassName?: string;\n /** DatePicker menu position */\n position?: Placement;\n}\n\n/**\n * This component allow you to select date range. It accepts two parameters \"from\" and \"to\" as valid format\n * onChange and onBack and onForward it will return \"from: Date\" and \"to: Date\" as function arguments\n */\nexport const DateStepper: FC<IDateStepperProps> = ({\n step,\n formatCallback,\n onChange,\n from,\n to,\n onBack,\n onForward,\n minValue,\n maxValue,\n className,\n period = \"week\",\n datePickerClass,\n withDatePicker = true,\n defaultMonth = new Date(),\n popperClassName,\n position = \"bottom\",\n}) => {\n const [fromDate, setFromDate] = useState(moment(from));\n const [toDate, setToDate] = useState(moment(to));\n const [showDatePicker, setShowDatePicker] = useState(false);\n const [month, setMonth] = useState(defaultMonth);\n\n const getDatesByPeriod = useCallback(\n (interval: number): Moment[] => {\n const date = fromDate ? fromDate : moment();\n if (step === \"daily\") {\n date.add(interval, \"days\");\n return [date, date.clone()];\n } else if (step === \"weekly\") {\n date.add(interval, \"weeks\");\n return [date.clone().startOf(period), date.clone().endOf(period)];\n } else if (step === \"monthly\") {\n date.add(interval, \"months\");\n return [date.clone().startOf(\"month\"), date.clone().endOf(\"month\")];\n } else if (step === \"quarterly\") {\n date.add(interval, \"quarters\");\n return [date.clone().startOf(\"quarter\"), date.clone().endOf(\"quarter\")];\n } else if (step === \"yearly\") {\n date.add(interval, \"years\");\n return [date.clone().startOf(\"year\"), date.clone().endOf(\"year\")];\n }\n return [date, date];\n },\n [fromDate, period, step]\n );\n\n const getDateFormatted = useMemo(() => {\n if (formatCallback) {\n return formatCallback(fromDate.toDate(), toDate.toDate());\n }\n\n const actualYear = moment().year();\n\n const showWeekOrCustomDateFormat = (start, end): string => {\n if (start.year() === actualYear && end.year() === actualYear) {\n return start.format(\"MMM DD\") + \" - \" + end.format(\"MMM DD\");\n } else {\n return start.format(\"MMM DD YYYY\") + \" - \" + end.format(\"MMM DD YYYY\");\n }\n };\n\n if (step === \"daily\") {\n if (fromDate.year() === actualYear) {\n return fromDate.format(\"MMM DD\");\n }\n return fromDate.format(\"MMM DD YYYY\");\n } else if (step === \"weekly\") {\n const startDate = fromDate.clone().startOf(period);\n const endDate = startDate.clone().endOf(period);\n return showWeekOrCustomDateFormat(startDate, endDate);\n } else if (step === \"monthly\") {\n return fromDate.format(\"MMM YYYY\");\n } else if (step === \"quarterly\") {\n return `Q${fromDate.quarter()}/${fromDate.format(\"YYYY\")}`;\n } else if (step === \"yearly\") {\n return fromDate.format(\"YYYY\");\n } else if (step === \"custom\") {\n return showWeekOrCustomDateFormat(fromDate, toDate);\n }\n\n return \"\";\n }, [fromDate, step, toDate, formatCallback, period]);\n\n const onChangeCallback = useCallback(\n (amount: number) => {\n const [newFrom, newTo] = getDatesByPeriod(amount);\n setFromDate(moment(newFrom));\n setToDate(moment(newTo));\n\n if (onChange) {\n onChange(newFrom.toDate(), newTo.toDate());\n }\n },\n [onChange, getDatesByPeriod]\n );\n\n const onDatePickerChange = useCallback(\n (dates?: { from: Date; to: Date }) => {\n const fromDateTemp = dates?.from;\n const toDateTemp = dates?.to;\n\n setFromDate(moment(fromDateTemp));\n setToDate(moment(toDateTemp));\n\n if (\n onChange &&\n fromDateTemp instanceof Date &&\n toDateTemp instanceof Date\n ) {\n onChange(fromDateTemp, toDateTemp);\n }\n },\n [onChange, setFromDate, setToDate]\n );\n\n const isAfterMaxDate = useMemo(() => {\n return (\n maxValue instanceof Date &&\n moment(moment(maxValue).format(\"YYYY-MM-DD\")).isSameOrBefore(\n toDate.format(\"YYYY-MM-DD\")\n )\n );\n }, [maxValue, toDate]);\n\n const isBeforeMinDate = useMemo(() => {\n return (\n minValue instanceof Date &&\n moment(moment(minValue).format(\"YYYY-MM-DD\")).isSameOrAfter(\n toDate.format(\"YYYY-MM-DD\")\n )\n );\n }, [minValue, toDate]);\n\n useEffect(() => {\n if (isBeforeMinDate) {\n if (step === \"daily\") {\n setFromDate(moment(minValue));\n setToDate(moment(minValue));\n }\n }\n if (isAfterMaxDate) {\n if (step === \"daily\") {\n setFromDate(moment(maxValue));\n setToDate(moment(maxValue));\n }\n }\n }, [step, minValue, maxValue, isBeforeMinDate, isAfterMaxDate]);\n\n const onRightClickHandler = useCallback(() => {\n if (isAfterMaxDate) {\n return;\n }\n\n onChangeCallback(1);\n\n if (onForward) {\n onForward(fromDate.toDate(), toDate.toDate());\n }\n }, [isAfterMaxDate, onChangeCallback, onForward, fromDate, toDate]);\n\n const onLeftClickHandler = useCallback(() => {\n if (isBeforeMinDate) {\n return;\n }\n\n onChangeCallback(-1);\n\n if (onBack) {\n onBack(fromDate.toDate(), toDate.toDate());\n }\n }, [isBeforeMinDate, onChangeCallback, onBack, fromDate, toDate]);\n\n const renderLeftRightButtons = useMemo(() => {\n return step !== \"custom\";\n }, [step]);\n\n const handleShow = useCallback(() => {\n setShowDatePicker(!showDatePicker);\n if (fromDate) {\n setMonth(fromDate.toDate());\n }\n }, [setShowDatePicker, showDatePicker, fromDate]);\n\n const closeMenu = useCallback(() => {\n setShowDatePicker(false);\n }, []);\n\n const onMonthChange = useCallback(\n (m: Date) => {\n setMonth(m);\n },\n [setMonth]\n );\n\n useEffect(() => {\n setFromDate(moment(from));\n setToDate(moment(to));\n }, [from, to]);\n\n const dateStepperWidth = (\n fromDay: Moment,\n toDay: Moment,\n range: string\n ): { minWidth: string } => {\n if (\n fromDay.year() !== moment().year() ||\n toDay.year() !== moment().year()\n ) {\n switch (range) {\n case \"daily\":\n case \"monthly\":\n return { minWidth: \"122px\" };\n case \"weekly\":\n case \"custom\":\n return { minWidth: \"232px\" };\n }\n }\n switch (range) {\n case \"monthly\":\n return { minWidth: \"122px\" };\n case \"weekly\":\n case \"custom\":\n return { minWidth: \"182px\" };\n }\n\n return { minWidth: \"102px\" };\n };\n const isDisabled = useCallback(\n (day: Date): boolean => {\n const dayFormat = moment(day).format(\"YYYY-MM-DD\");\n\n const isBefore =\n maxValue instanceof Date &&\n moment(moment(maxValue).format(\"YYYY-MM-DD\")).isBefore(dayFormat);\n const isAfter =\n minValue instanceof Date &&\n moment(moment(minValue).format(\"YYYY-MM-DD\")).isAfter(dayFormat);\n\n return isBefore || isAfter;\n },\n [maxValue, minValue]\n );\n\n const modifiers = useMemo(() => {\n return {\n [customClassNames.disabled]: (day: Date): boolean => {\n return isDisabled(day);\n },\n [customClassNames.nonWorkingDay]: (day: Date): boolean => {\n return isDisabled(day);\n },\n };\n }, [isDisabled]);\n\n return (\n <StyledButtonGroup className={classNames(\"c-date-stepper\", className)}>\n {renderLeftRightButtons ? (\n <Button\n type=\"button\"\n variant=\"secondary\"\n onClick={onLeftClickHandler}\n disabled={isBeforeMinDate}\n >\n <CaretLeftIcon />\n </Button>\n ) : null}\n <StyledDiv\n $isTargetable={step === \"yearly\" || !withDatePicker}\n $isRounded={step === \"custom\"}\n style={dateStepperWidth(fromDate, toDate, step)}\n >\n {withDatePicker ? (\n <StyledMenu\n target={\n <StyledButton type=\"button\" className=\"c-simple-menu__trigger\">\n <span>{getDateFormatted}</span>\n </StyledButton>\n }\n open={showDatePicker}\n onOpen={handleShow}\n onClose={closeMenu}\n popperClassName={popperClassName}\n position={position}\n >\n <DatePicker\n month={month}\n localeUtils={MomentLocaleUtils}\n locale=\"en\"\n selectionMode={step}\n className={datePickerClass}\n selectedDays={{ from: fromDate.toDate(), to: toDate.toDate() }}\n onChange={onDatePickerChange}\n onMonthChange={onMonthChange}\n firstDayOfWeek={period === \"week\" ? 0 : 1}\n modifiers={modifiers}\n dateRequired\n fixedWeeks\n />\n </StyledMenu>\n ) : (\n <StyledSpan>{getDateFormatted}</StyledSpan>\n )}\n </StyledDiv>\n {renderLeftRightButtons ? (\n <Button\n type=\"button\"\n variant=\"secondary\"\n onClick={onRightClickHandler}\n disabled={isAfterMaxDate}\n >\n <CaretRightIcon />\n </Button>\n ) : null}\n </StyledButtonGroup>\n );\n};\n\nDateStepper.displayName = \"DateStepper\";\n","import styled, { css } from \"styled-components\";\nimport { FontStyle } from \"../../FontStyle\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\n\nexport const StyledSteps = styled.div`\n ${FontStyle}\n ${BoxSizingStyle}\n\n display: flex;\n justify-content: center;\n`;\n\nexport const StyledStep = styled.div<{ $isActiveStep: boolean }>`\n display: inline-block;\n width: 8px;\n height: 8px;\n background-color: var(--color-theme-400);\n border-radius: 50%;\n margin: 0 5px;\n\n ${(props) =>\n props.$isActiveStep &&\n css`\n background-color: var(--color-primary);\n `}\n`;\n\nStyledSteps.displayName = \"StyledSteps\";\nStyledStep.displayName = \"StyledStep\";\n","import React, { Ref, useMemo, forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledStep, StyledSteps } from \"./Styles\";\n\ninterface IStepsProps {\n /** Number of steps */\n numberOfSteps: number;\n /** If not progressive, the index of the only active step. If progressive, the index of the last active steps */\n activeStep: number;\n /** Does the stepper can have only single active step */\n progressive?: boolean;\n /** Class for wrapper div */\n wrapperClassName?: string;\n}\n\nexport const Steps = forwardRef(\n (\n {\n numberOfSteps,\n activeStep,\n progressive = false,\n wrapperClassName,\n }: IStepsProps,\n ref: Ref<HTMLDivElement> | null | undefined\n ) => {\n const steps = useMemo(() => {\n // fastest way to generate an array of N numbers\n const a: number[] = [];\n let b = numberOfSteps;\n while (b--) {\n a[b] = b + 1;\n }\n return a;\n }, [numberOfSteps]);\n\n const activeSteps = useMemo(() => {\n if (!progressive) {\n return [activeStep];\n }\n\n return steps.filter((step) => {\n return step <= activeStep;\n });\n }, [activeStep, progressive, steps]);\n\n return (\n <StyledSteps\n className={classnames(\"c-steps-wrapper\", wrapperClassName)}\n ref={ref}\n >\n {steps.map((step) => {\n return (\n <StyledStep\n key={`step-${step}`}\n $isActiveStep={activeSteps.indexOf(step) > -1}\n />\n );\n })}\n </StyledSteps>\n );\n }\n);\n\nSteps.displayName = \"Steps\";\n","import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledTableHead = styled.thead`\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${tw`tw-text-left tw-uppercase`}\n\n th {\n ${tw`tw-whitespace-nowrap tw-pl-4 tw-pr-4 tw-pb-8 tw-pt-2 tw-text-theme-700 tw-font-semibold tw-text-xxs`}\n }\n\n tr {\n td:first-child,\n th:first-child {\n ${tw`tw-pl-6`}\n }\n }\n`;\nStyledTableHead.displayName = \"StyledTableHead\";\n\nexport const StyledTableBody = styled.tbody`\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${tw`tw-truncate`}\n\n td {\n ${tw`tw-truncate`}\n }\n\n &:not(.c-table__grouped__head) {\n td {\n ${tw`tw-text-theme-700`}\n }\n }\n\n a {\n ${tw`tw-no-underline tw-text-primary`}\n &:hover {\n ${tw`tw-underline`}\n }\n }\n`;\nStyledTableBody.displayName = \"StyledTableBody\";\n\nexport const StyledTableWrapper = styled.div`\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${tw`tw-mt-8 tw-mx-4 tw-overflow-x-auto tw-overflow-y-hidden`}\n\n &:before {\n ${tw`tw-absolute tw-left-0 tw-right-0 tw-bottom-0 tw-bg-page-paper-main tw-rounded-lg tw-shadow-lg`}\n content: \"\";\n top: 39px;\n z-index: -1;\n }\n`;\nStyledTableWrapper.displayName = \"StyledTableWrapper\";\n\nexport const StyledTable = styled.table<{\n $striped: boolean;\n}>`\n ${tw`tw-w-full tw-p-0 tw-text-xs tw-pb-4`}\n border-spacing: 0;\n\n ${StyledTableHead} tr th,\n ${StyledTableBody} tr td {\n &:last-child {\n ${tw`tw-text-right`}\n }\n }\n\n td {\n ${tw`tw-py-3 tw-px-4`}\n }\n\n ${(props) =>\n props.$striped &&\n css`\n ${StyledTableBody}:not(.c-table__grouped__head) {\n tr:nth-child(odd) {\n ${tw`tw-bg-theme-200`}\n }\n }\n `}\n`;\nStyledTable.displayName = \"StyledTable\";\n\nexport const StyledDataTable = styled.div`\n ${FontStyle}\n ${BoxSizingStyle}\n\n &.c-table__collapsible {\n .c-table__head {\n tr {\n th {\n position: sticky;\n top: 0;\n z-index: 1;\n }\n }\n }\n }\n &.c-table__grouped {\n .c-table__head th {\n ${tw`tw-pb-4`}\n &:last-child {\n ${tw`tw-pr-0`}\n }\n }\n }\n &.c-data-table {\n position: relative;\n .c-table__head th {\n &:last-child {\n ${tw`tw-pr-0`}\n }\n }\n }\n .c-table__cell {\n ${tw`tw-relative`}\n &:hover {\n .c-table__icon {\n ${tw`tw-opacity-50`}\n }\n }\n }\n .c-table__overlay {\n ${tw`tw-absolute tw-w-full tw-left-0 tw-pointer-events-none`}\n top: 0px;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n background: rgba(0, 0, 0, 0.02);\n .neon & {\n background: rgba(0, 0, 0, 0.1);\n }\n z-index: 5;\n }\n .c-table__icon-wrapper {\n ${tw`tw-inline-block tw-select-none`}\n }\n .c-table__label {\n ${tw`tw-border-0 tw-border-0 tw-border-transparent tw-border-solid`}\n }\n .c-table__icon {\n transform: translateY(1px);\n ${tw`tw-ml-1`}\n fill: var(--color-theme-900);\n\n &:hover {\n ${tw`tw-opacity-100`}\n }\n }\n .c-table__icon--inactive {\n ${tw`tw-opacity-0`}\n }\n .c-table__icon--active {\n ${tw`tw-opacity-100`}\n }\n .c-table__icon--desc {\n transform: rotate(-180deg) scale(-1, 1);\n }\n .c-table__grouped__head {\n ${tw`tw-font-bold`}\n > :first-child {\n ${tw`tw-text-theme-900`}\n }\n a:first-child {\n ${tw`tw-text-primary`}\n }\n }\n .c-table__head--hidden {\n ${tw`tw-pointer-events-none tw-opacity-0`}\n }\n .c-table__collapse_icon--expanded {\n transition-duration: 0.3s;\n ${tw`tw-cursor-pointer`}\n }\n .c-table__collapse_icon--collapsed {\n transform: rotate(180deg);\n transition-duration: 0.3s;\n ${tw`tw-cursor-pointer`}\n }\n .c-table__head__icon-wrapper__icon {\n ${tw`tw-absolute tw-cursor-pointer`}\n transform: translate(-24px, -5px);\n }\n &.c-table__collapsible {\n .c-table__group {\n .c-table__row:last-child .c-table__cell {\n border-bottom: 1px solid var(--border-primary);\n }\n &:last-child {\n .c-table__row:last-child .c-table__cell {\n border-bottom: 0;\n }\n }\n }\n .c-table__grouped__head {\n tr td {\n border-bottom: 1px solid var(--border-primary);\n }\n .c-table__body__collapse td {\n border-bottom: 0;\n }\n &.last {\n tr td {\n border-bottom: 0 !important;\n }\n }\n }\n .c-table__grouped__head--expanded {\n tr:last-child td {\n border-bottom: 0;\n }\n }\n }\n .c-table__collapse_body {\n tr {\n background-color: transparent !important;\n }\n td:last-child {\n ${tw`tw-border-0`}\n }\n ${tw`tw-absolute`}\n }\n .c-table__row {\n td:first-child {\n position: sticky;\n left: 0;\n z-index: 1;\n }\n &:nth-child(odd) {\n td {\n ${tw`tw-bg-theme-200`}\n }\n }\n &:nth-child(even) {\n td {\n ${tw`tw-bg-page-paper-main`}\n }\n }\n }\n .c-table__row {\n th:first-child {\n position: sticky;\n left: 0;\n z-index: 2 !important;\n }\n }\n &.c-table__collapsible .c-table__body {\n tr {\n td:first-child,\n th:first-child {\n ${tw`tw-pl-6`}\n }\n }\n }\n .c-table__body__icon {\n ${tw`tw-p-0`}\n padding-left: 0 !important;\n transform: translateY(8px);\n }\n &.padding-b-0 {\n ${tw`tw-pb-0`}\n }\n .cursor-pointer {\n ${tw`tw-cursor-pointer`}\n }\n .text-center {\n ${tw`tw-text-center`}\n }\n .opacity-75 {\n ${tw`tw-opacity-75`}\n }\n .hidden {\n ${tw`tw-hidden`}\n }\n`;\nStyledDataTable.displayName = \"StyledDataTable\";\n","import React, { ReactNode, FC, RefObject } from \"react\";\nimport classNames from \"classnames\";\nimport {\n StyledTableWrapper,\n StyledTable,\n StyledTableBody,\n StyledTableHead,\n} from \"./Styles\";\n\ninterface ITableWithChildren {\n /** Children prop can be ReactNode. */\n children: ReactNode;\n /** Classname prop for custom styling. */\n className?: string;\n}\n\nexport interface ITableProps {\n /** Darker color on odd column. */\n striped?: boolean;\n /** CSS classes. */\n className?: string;\n /** Ref object for table. */\n innerRef?: RefObject<HTMLTableElement>;\n}\n\nexport const Table: FC<ITableProps & ITableWithChildren> = ({\n children,\n className,\n striped = false,\n innerRef,\n}) => {\n return (\n <StyledTableWrapper className=\"c-table__wrap\">\n <StyledTable\n ref={innerRef}\n className={classNames(\"c-table\", className)}\n $striped={striped}\n >\n {children}\n </StyledTable>\n </StyledTableWrapper>\n );\n};\n\nTable.displayName = \"Table\";\n\nexport const Thead: FC<ITableWithChildren> = ({ children, className }) => (\n <StyledTableHead className={classNames(\"c-table__head\", className)}>\n {children}\n </StyledTableHead>\n);\n\nThead.displayName = \"Thead\";\n\nexport const Tbody: FC<ITableWithChildren> = ({ children, className }) => (\n <StyledTableBody className={classNames(\"c-table__body\", className)}>\n {children}\n </StyledTableBody>\n);\n\nTbody.displayName = \"Tbody\";\n","import React from \"react\";\nconst CollapseExpandSingleIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M15.372 14.736a.993.993 0 001.349 0 .867.867 0 000-1.275L12 9l-4.72 4.461a.867.867 0 000 1.275.993.993 0 001.348 0L12 11.549l3.372 3.187z\"\n fillRule=\"nonzero\"\n />\n </svg>\n )\n);\nCollapseExpandSingleIcon.displayName = \"CollapseExpandSingleIcon\";\nexport default CollapseExpandSingleIcon;\n","import React from \"react\";\nconst ExpandAllIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M16.72 15.264a.867.867 0 010 1.275L12 21l-4.72-4.461a.867.867 0 010-1.275.993.993 0 011.348 0L12 18.451l3.372-3.187a.993.993 0 011.349 0zM12 3l4.72 4.461a.867.867 0 010 1.275.993.993 0 01-1.348 0L12 5.549 8.628 8.736a.993.993 0 01-1.349 0 .867.867 0 010-1.275L12 3zm0 11a2 2 0 100-4 2 2 0 000 4z\"\n fillRule=\"nonzero\"\n />\n </svg>\n )\n);\nExpandAllIcon.displayName = \"ExpandAllIcon\";\nexport default ExpandAllIcon;\n","import React from \"react\";\nconst CollapseAllIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M12 15l4.72 4.461a.867.867 0 010 1.275.993.993 0 01-1.348 0L12 17.549l-3.372 3.187a.993.993 0 01-1.349 0 .867.867 0 010-1.275L12 15zm4.72-11.736a.867.867 0 010 1.275L12 9 7.28 4.539a.867.867 0 010-1.275.993.993 0 011.348 0L12 6.451l3.372-3.187a.993.993 0 011.349 0zM12 14a2 2 0 100-4 2 2 0 000 4z\"\n fillRule=\"nonzero\"\n />\n </svg>\n )\n);\nCollapseAllIcon.displayName = \"CollapseAllIcon\";\nexport default CollapseAllIcon;\n","import React from \"react\";\nconst SortIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={10}\n height={10}\n viewBox=\"0 0 10 10\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path d=\"M10 8v2H0V8h10zM7 4v2H0V4h7zM4 0v2H0V0h4z\" fillRule=\"evenodd\" />\n </svg>\n )\n);\nSortIcon.displayName = \"SortIcon\";\nexport default SortIcon;\n","import React, {\n FC,\n useCallback,\n useState,\n ReactNode,\n useEffect,\n useRef,\n useMemo,\n Fragment,\n} from \"react\";\nimport classNames from \"classnames\";\nimport { ITableProps, Table, Tbody, Thead } from \"./Table\";\nimport { ISyntheticEvent } from \"../../types\";\nimport CollapseExpandSingleIcon from \"../Icons/collection/CollapseExpandSingle\";\nimport ExpandAllIcon from \"../Icons/collection/ExpandAll\";\nimport CollapseAllIcon from \"../Icons/collection/CollapseAll\";\nimport SortIcon from \"../Icons/collection/SortIcon\";\nimport { StyledDataTable } from \"./Styles\";\n\nexport enum SortDirection {\n None = \"none\",\n Asc = \"asc\",\n Desc = \"desc\",\n}\n\ninterface IHeaderDefinition {\n key: string;\n label?: string;\n sortable?: boolean;\n renderCallback?: (row: object, key?: string, index?: number) => ReactNode;\n style?: object;\n hideCollapsed?: boolean;\n}\n\ninterface IDataTableProps extends ITableProps {\n /** Object of header name, sort and style. */\n header: IHeaderDefinition[];\n /** Object of rows. */\n rows: object[];\n /** CSS classes. */\n className?: string;\n /** Name of row by which we are sorting. */\n sortBy?: string;\n /** Direction by which we are sorting. */\n sortDirection?: SortDirection;\n /** Callback for sorting. */\n onSortCallback?: (sortKey: string, sortDirection: SortDirection) => void;\n /** Switch for column highlighting. */\n columnHighlight?: boolean;\n /** CSS classes for thead. */\n theadClass?: string;\n /** Column by which is data-table grouped. */\n groupBy?: string;\n /** No results Callback. */\n noResultsCallback?: () => ReactNode;\n /** Header of grouped list in data-table. */\n groupHead?: (row: object, index: string | null) => ReactNode;\n /** Grouped rows can be collapsed */\n isCollapsible?: boolean;\n /** Value to replace when column is empty */\n emptyValue?: object;\n}\n\nconst groupByKey = (items: object[], key: string): object => {\n if (items[0] instanceof Array) {\n items = items[0];\n }\n return items.reduce((result: object, item: object) => {\n return {\n ...result,\n [item[key] !== null ? \" \" + item[key] : item[key]]: [\n ...(result[item[key] !== null ? \" \" + item[key] : item[key]] || []),\n item,\n ],\n };\n }, {});\n};\n\nconst initialCollapsed = (rows: object[], groupBy?: string): object => {\n if (groupBy) {\n const groupedData = groupByKey(rows, groupBy);\n const keys = Object.keys(groupedData);\n const collapsedKeys = {};\n keys.forEach((key) => {\n collapsedKeys[key] = true;\n });\n return collapsedKeys;\n }\n return {};\n};\n\nexport const DataTable: FC<IDataTableProps> = ({\n header,\n rows,\n className,\n sortBy,\n sortDirection = SortDirection.None,\n onSortCallback,\n theadClass,\n noResultsCallback,\n groupBy,\n groupHead = (): null => null,\n isCollapsible,\n emptyValue,\n ...args\n}) => {\n const [columnDirection, setColumnDirection] = useState(sortDirection);\n const [active, setActive] = useState(sortBy);\n const [hovered, setHovered] = useState<string | null>();\n const [collapsed, setCollapsed] = useState(() => {\n return initialCollapsed(rows, groupBy);\n });\n const sort = (\n sortByKey: string,\n direction: SortDirection,\n rowsData: Record<string, string>[] | object\n ): object => {\n if (direction === SortDirection.None) {\n return rowsData;\n }\n\n if (rowsData instanceof Array)\n return rowsData.sort((a: object, b: object) => {\n if (direction === SortDirection.Asc) {\n if (a[sortByKey] === null) {\n return 1;\n }\n if (b[sortByKey] === null) {\n return -1;\n }\n }\n if (a[sortByKey] === null) {\n return -1;\n }\n if (b[sortByKey] === null) {\n return 1;\n }\n if (typeof a[sortByKey] === \"number\") {\n if (direction === SortDirection.Asc) {\n return a[sortByKey] - b[sortByKey];\n }\n return b[sortByKey] - a[sortByKey];\n }\n\n const first = a[sortByKey].toString();\n const second = b[sortByKey].toString();\n\n if (direction === SortDirection.Asc) {\n return first.localeCompare(second);\n }\n\n return second.localeCompare(first);\n });\n return {};\n };\n\n const initialData = useCallback(() => {\n if (sortBy && !groupBy) {\n return sort(sortBy, sortDirection, rows);\n }\n if (sortBy && groupBy) {\n sort(sortBy, sortDirection, rows);\n return groupByKey(rows, groupBy);\n }\n if (!sortBy && groupBy) {\n return groupByKey(rows, groupBy);\n }\n return rows;\n }, [groupBy, rows, sortBy, sortDirection]);\n\n const [data, setData] = useState<Record<string, string> | object>(\n initialData\n );\n\n const getNextSortDirection = (\n previousDirection: SortDirection,\n sameColumn: boolean\n ): SortDirection => {\n if (!sameColumn) {\n return SortDirection.Asc;\n }\n if (previousDirection === SortDirection.Asc) {\n return SortDirection.Desc;\n }\n return SortDirection.Asc;\n };\n\n const sortColumn = useCallback(\n (event: ISyntheticEvent) => {\n const index = event.currentTarget.dataset.index;\n if (index && header[index] && header[index].sortable) {\n const direction = getNextSortDirection(\n columnDirection,\n header[index].key === active\n );\n setActive(header[index].key);\n setColumnDirection(direction);\n if (groupBy) {\n let grouped: object = {\n ...data,\n };\n\n if (groupBy !== header[index].key) {\n Object.keys(grouped).map((key: string) => {\n grouped[key] = sort(header[index].key, direction, grouped[key]);\n });\n } else {\n if (rows instanceof Object) {\n grouped = sort(header[index].key, direction, rows);\n grouped = groupByKey([grouped], groupBy);\n }\n }\n setData(grouped);\n } else {\n setData(sort(header[index].key, direction, data));\n }\n if (onSortCallback) {\n onSortCallback(header[index].key, direction);\n }\n }\n\n return null;\n },\n [\n setData,\n data,\n columnDirection,\n setColumnDirection,\n header,\n active,\n setActive,\n onSortCallback,\n groupBy,\n rows,\n ]\n );\n\n const cellMouseOver = useCallback((e: ISyntheticEvent) => {\n if (e.target instanceof HTMLElement) {\n if (e.target.dataset.key) {\n setHovered(e.target.dataset.key);\n }\n }\n }, []);\n\n const cellMouseOut = useCallback(() => {\n setHovered(null);\n }, []);\n\n useEffect(() => {\n setData(initialData());\n setCollapsed(initialCollapsed(rows, groupBy));\n }, [rows, groupBy, initialData]);\n\n const renderNoResults = useCallback(() => {\n return (\n <tr>\n <td\n colSpan={header.length}\n className={classNames({ \"text-center\": !noResultsCallback })}\n >\n {noResultsCallback ? noResultsCallback() : \"There is no data.\"}\n </td>\n </tr>\n );\n }, [header, noResultsCallback]);\n\n const tableRef = useRef<HTMLTableElement>(null);\n\n const overlayStyles = (): number | undefined => {\n if (tableRef.current) {\n return tableRef.current.clientHeight + 5;\n }\n };\n\n const renderCell = useCallback(\n (h: IHeaderDefinition, row: object, colIndex: number) => {\n if (h.renderCallback) {\n return h.renderCallback(row, h.key, colIndex);\n }\n if (row[h.key] === null && emptyValue) {\n return <i className=\"opacity-75\">{emptyValue[h.key]}</i>;\n }\n return row[h.key];\n },\n [emptyValue]\n );\n\n const renderRow = useCallback(\n (row: object, rowIndex: number) => {\n return (\n <tr\n key={rowIndex}\n data-index={rowIndex}\n data-direction=\"asc\"\n className=\"c-table__row\"\n onMouseOver={cellMouseOver}\n onMouseLeave={cellMouseOut}\n >\n {header.map((h: IHeaderDefinition, colIndex: number) => {\n return (\n <td\n key={colIndex}\n className={classNames(`c-table__cell c-data-table__item`, {\n hovered: hovered === h.key,\n })}\n data-key={h.key}\n style={header[colIndex].style ? header[colIndex].style : {}}\n >\n {renderCell(h, row, colIndex)}\n </td>\n );\n })}\n </tr>\n );\n },\n [cellMouseOut, cellMouseOver, header, hovered, renderCell]\n );\n\n const toggleCollapse = useCallback((event) => {\n const collapseKey = event.currentTarget.dataset.groupkey;\n setCollapsed((prevState) => {\n const newState = { ...prevState };\n newState[collapseKey] = !prevState[collapseKey];\n return newState;\n });\n }, []);\n\n const renderRows = useMemo(() => {\n if (\n (data && data instanceof Array && data.length > 0) ||\n (typeof data === \"object\" && Object.keys(data).length > 0)\n ) {\n if (groupBy) {\n const keys = Object.keys(data);\n return keys.map((key: string, i: number) => {\n return (\n <Fragment key={key}>\n {isCollapsible && (\n <Tbody className=\"c-table__collapse_body\">\n <tr>\n <td\n data-groupkey={key}\n onClick={toggleCollapse}\n className=\"c-table__body__icon c-table--toggle-collapsed\"\n >\n <CollapseExpandSingleIcon\n className={classNames({\n \"c-table__collapse_icon--expanded\": !collapsed[key],\n \"c-table__collapse_icon--collapsed\": collapsed[key],\n })}\n />\n </td>\n </tr>\n </Tbody>\n )}\n <Tbody\n className={classNames(\"c-table__grouped__head\", `head_${i}`, {\n \"c-table__grouped__head--expanded\":\n isCollapsible && !collapsed[key],\n \"c-table__grouped__head--collapsed\":\n isCollapsible && collapsed[key],\n last: i === keys.length - 1,\n first: i === 0,\n })}\n >\n {groupHead(\n data[key],\n keys[i] !== \"null\" ? keys[i].trim() : null\n )}\n </Tbody>\n <Tbody\n className={classNames(`c-table__group c-table_group_${i}`, {\n hidden: collapsed[key],\n })}\n >\n {data[key].map((row: object, index: number) => {\n return renderRow(row, index);\n })}\n </Tbody>\n </Fragment>\n );\n });\n }\n return (\n <Tbody>\n {data instanceof Array &&\n data.map((row: object, rowIndex: number) => {\n return renderRow(row, rowIndex);\n })}\n </Tbody>\n );\n }\n return renderNoResults();\n }, [\n data,\n groupBy,\n renderRow,\n groupHead,\n collapsed,\n isCollapsible,\n renderNoResults,\n toggleCollapse,\n ]);\n\n const allGroupsCollapsed = useMemo(() => {\n return Object.keys(collapsed).every((key) => {\n return collapsed[key];\n });\n }, [collapsed]);\n\n const hasCollapsed = useMemo(() => {\n return Object.keys(collapsed).some((key) => {\n return collapsed[key];\n });\n }, [collapsed]);\n\n const toggleAllCollapsed = useCallback(() => {\n if (hasCollapsed) {\n setCollapsed((prevState) => {\n const newState = { ...prevState };\n Object.keys(newState).forEach((key) => {\n newState[key] = false;\n });\n return newState;\n });\n } else {\n setCollapsed((prevState) => {\n const newState = { ...prevState };\n Object.keys(newState).forEach((key) => {\n newState[key] = true;\n });\n return newState;\n });\n }\n }, [hasCollapsed]);\n\n return (\n <StyledDataTable\n as={Table}\n innerRef={tableRef}\n className={classNames(\"c-data-table\", className, {\n \"c-table__grouped\": groupBy,\n \"c-table__collapsible\": isCollapsible,\n \"padding-b-0\": groupBy && collapsed[Object.keys(data).slice(-1)[0]],\n })}\n {...args}\n >\n <Thead className={theadClass}>\n {header.length > 0 && (\n <tr className=\"c-table__row\">\n {header.map((h: IHeaderDefinition, index: number) => {\n return (\n <th\n key={h.key}\n className={classNames(`c-table__cell`, {\n \"c-table__cell--hovered\": hovered === h.key,\n \"c-table__head--hidden\":\n groupBy && allGroupsCollapsed && h.hideCollapsed,\n })}\n onMouseOver={cellMouseOver}\n onMouseLeave={cellMouseOut}\n data-key={h.key}\n style={h.style}\n >\n {isCollapsible && groupBy && index === 0 && (\n <span\n className=\"c-table__head__icon-wrapper\"\n onClick={toggleAllCollapsed}\n data-test=\"toggle-collapse\"\n >\n {hasCollapsed ? (\n <ExpandAllIcon className=\"c-table__head__icon-wrapper__icon\" />\n ) : (\n <CollapseAllIcon className=\"c-table__head__icon-wrapper__icon\" />\n )}\n </span>\n )}\n {hovered === h.key && (\n <div\n className=\"c-table__overlay\"\n style={{ height: overlayStyles() + `px` }}\n />\n )}\n <div\n onClick={sortColumn}\n data-index={index}\n className={classNames(\"c-table__icon-wrapper\", {\n \"cursor-pointer\": h.sortable === true,\n })}\n >\n <span className=\"c-table__label\">{h.label}</span>\n {h.sortable && (\n <SortIcon\n width=\"10px\"\n height=\"10px\"\n className={classNames(\"c-table__icon\", {\n \"c-table__icon--inactive\": h.key !== active,\n \"c-table__icon--active\": h.key === active,\n \"c-table__icon--asc\":\n columnDirection === SortDirection.Asc &&\n h.key === active,\n \"c-table__icon--desc\":\n columnDirection === SortDirection.Desc &&\n h.key === active,\n })}\n />\n )}\n </div>\n </th>\n );\n })}\n </tr>\n )}\n </Thead>\n\n {renderRows}\n </StyledDataTable>\n );\n};\n\nDataTable.displayName = \"DataTable\";\n","import styled, { css, keyframes } from \"styled-components\";\nimport tw from \"twin.macro\";\n\ninterface StyledCompleteCheckboxProps {\n $primary?: boolean;\n $completed?: boolean;\n $disabled?: boolean;\n $animation?: boolean;\n}\n\nconst burstScale = keyframes`\n from {\n transform: scale(0);\n }\n to {\n transform: scale(1);\n }\n`;\n\nconst burstAnimation = keyframes`\n from {\n stroke-dashoffset: 0;\n }\n to {\n stroke-dashoffset: 8;\n }\n`;\n\nexport const StyledCompleteCheckbox = styled.div<StyledCompleteCheckboxProps>`\n ${tw`tw-w-6 tw-h-6 tw-rounded-full tw-border tw-border-solid tw-relative tw-cursor-pointer`}\n border-color: var(--color-theme-600);\n transition: ease 0.3s all;\n\n svg {\n ${tw`tw-absolute tw-pointer-events-none`}\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n svg path {\n fill: none;\n stroke: #32b370;\n stroke-width: 3;\n transform: scale(0);\n }\n\n ${(props) =>\n props.$primary &&\n css`\n svg path {\n stroke: var(--color-primary);\n }\n `}\n\n svg polyline {\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: 0.3s;\n stroke-dasharray: 13;\n stroke-dashoffset: 13;\n stroke: #d2d2d2;\n ${(props) =>\n props.$primary &&\n css`\n stroke: var(--color-theme-500);\n `}\n }\n\n ${(props) =>\n props.$completed &&\n css`\n box-shadow: inset 0 0 0 12px var(--color-primary);\n border-color: var(--color-primary);\n border-width: 0px;\n\n ${!props.$primary &&\n css`\n ${tw`tw-border tw-border-solid`}\n box-shadow: inset 0 0 0 12px #84cc7c;\n border-color: #84cc7c;\n `}\n\n &:hover {\n box-shadow: inset 0 0 0 12px #84cc7c;\n ${props.$primary &&\n css`\n box-shadow: inset 0 0 0 12px var(--color-primary);\n `}\n }\n\n svg polyline {\n stroke-dashoffset: 0;\n stroke: #fff;\n ${props.$primary &&\n css`\n stroke: var(--color-theme-100);\n `}\n }\n\n svg path {\n stroke-dasharray: 8;\n stroke-dashoffset: 0;\n transform-origin: 24px 24px;\n }\n `}\n\n ${(props) =>\n !props.$completed &&\n !props.$disabled &&\n css`\n &:hover {\n border: 1px solid var(--color-primary);\n box-shadow: inset 0 0 0 2px var(--color-primary);\n border-width: 0px;\n ${!props.$primary &&\n css`\n border: 1px solid #84cc7c;\n box-shadow: inset 0 0 0 2px #84cc7c;\n `}\n svg polyline {\n stroke-dashoffset: 0;\n }\n }\n `}\n\n ${(props) =>\n props.$animation &&\n css`\n /* Delay of 0.01s is for safari transform bug. */\n svg path {\n animation: ${burstScale} 0.6s ease 0s 1 normal,\n ${burstAnimation} 0.4s ease 0.2s 1 normal;\n }\n `}\n\n ${(props) =>\n props.$disabled &&\n css`\n ${tw`tw-cursor-default`}\n opacity: 0.5;\n `}\n`;\n\nStyledCompleteCheckbox.displayName = \"StyledCompleteCheckbox\";\n","import React, { FC, MouseEvent } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledCompleteCheckbox } from \"./Styles\";\n\ninterface ICompleteCheckboxProps {\n /** Change completed state of checkbox */\n completed?: boolean;\n /** Callback */\n onClick?: (event: MouseEvent) => void;\n /** Make component disabled for interaction */\n disabled?: boolean;\n /** Animation (works only when is completed and not disabled) */\n animate?: boolean;\n /** Class names */\n className?: string | undefined;\n /** Set green color for checkbox */\n primary?: boolean;\n /** Set checkmark height and width */\n checkMarkClassName?: string;\n}\n\nexport const CompleteCheckbox: FC<ICompleteCheckboxProps> = ({\n completed = false,\n disabled = false,\n animate = false,\n onClick,\n className,\n primary = false,\n checkMarkClassName,\n}) => {\n return (\n <StyledCompleteCheckbox\n onClick={onClick}\n className={classnames(\"c-complete-checkbox\", className)}\n $primary={primary}\n $completed={completed}\n $disabled={disabled}\n $animation={!disabled && completed && animate}\n >\n <svg\n viewBox=\"0 0 48 48\"\n className={checkMarkClassName ? checkMarkClassName : \"tw-w-12 tw-h-12\"}\n >\n <path d=\"M7,7l5.7,5.7 M0,24h8 M7,41l5.7-5.7 M24,48v-8 M41,41l-5.7-5.7 M48,24h-8 M41,7l-5.7,5.7 M24,0v8\" />\n <polyline points=\"19.5,24 22.5,27 28.5,21\" />\n </svg>\n </StyledCompleteCheckbox>\n );\n};\n\nCompleteCheckbox.displayName = \"CompleteCheckbox\";\n","import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { IPaperProps } from \"./Paper\";\n\nexport const StyledPaper = styled.div<IPaperProps>`\n ${tw`tw-bg-page-paper-main`}\n border-radius: var(--ac-br-8);\n\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${(props) =>\n props.type === \"paper-3\" &&\n css`\n border: solid 1px var(--border-primary);\n `}\n`;\n\nStyledPaper.displayName = \"StyledPaper\";\n","import React, {\n forwardRef,\n HTMLAttributes,\n ReactNode,\n Ref,\n RefObject,\n} from \"react\";\nimport classNames from \"classnames\";\nimport { StyledPaper } from \"./Styles\";\n\nexport interface IPaperProps {\n /** Children type of node or string */\n children: ReactNode;\n /** CSS classes */\n className?: string;\n /** Ref object. */\n innerRef?: RefObject<HTMLDivElement>;\n /** Define custom style */\n style?: object;\n /** Type of paper to be used */\n type?: \"paper-1\" | \"paper-2\" | \"paper-3\";\n /** Paper has hover or not */\n hover?: boolean;\n /** Use optimized shadow */\n useOptimizedShadow?: boolean;\n}\n\n/**\n * This is a component description and should sit directly above your component\n */\nexport const Paper = forwardRef(\n (\n {\n children,\n className,\n type = \"paper-1\",\n hover = false,\n useOptimizedShadow = false,\n ...rest\n }: HTMLAttributes<HTMLDivElement> & IPaperProps,\n innerRef: Ref<HTMLDivElement> | null | undefined\n ) => {\n return (\n <StyledPaper\n className={classNames(className, {\n \"ac-shadow--hover--lg\":\n !useOptimizedShadow && hover && type === \"paper-1\",\n \"ac-shadow-optimized--lg\":\n useOptimizedShadow && hover && type === \"paper-1\",\n \"ac-shadow--lg\": !hover && type === \"paper-1\",\n \"ac-shadow--hover--sm\":\n (!useOptimizedShadow && hover && type === \"paper-2\") ||\n (!useOptimizedShadow && hover && type === \"paper-3\"),\n \"ac-shadow-optimized--sm\":\n (useOptimizedShadow && hover && type === \"paper-2\") ||\n (useOptimizedShadow && hover && type === \"paper-3\"),\n \"ac-shadow--sm\":\n (!hover && type === \"paper-2\") || (!hover && type === \"paper-3\"),\n })}\n ref={innerRef}\n type={type}\n {...rest}\n >\n {children}\n </StyledPaper>\n );\n }\n);\n\nPaper.displayName = \"Paper\";\n","import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport tw from \"twin.macro\";\n\nexport const StyledScaleBarInner = styled.div<{ $width: string | number }>`\n ${tw`tw-relative`}\n\n height: 3px;\n background: #37ba82;\n z-index: 1;\n\n ${(props) =>\n props.$width &&\n css`\n width: ${props.$width}%;\n `}\n`;\n\nexport const StyledScaleBar = styled.div`\n ${tw`tw-w-full`}\n ${BoxSizingStyle}\n`;\n\nStyledScaleBar.displayName = \"StyledScaleBar\";\nStyledScaleBarInner.displayName = \"StyledScaleBarInner\";\n","import React, { FC } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledScaleBar, StyledScaleBarInner } from \"./Styles\";\n\ninterface IScaleBarProps {\n /** Width prop can be string or number. */\n width: string | number;\n /** Custom classname for styling. */\n className?: string;\n}\n\nexport const ScaleBar: FC<IScaleBarProps> = ({ width, className }) => {\n return (\n <StyledScaleBar className={classNames(\"c-scale-bar\", className)}>\n <StyledScaleBarInner className=\"c-scale-bar__progress\" $width={width} />\n </StyledScaleBar>\n );\n};\n\nScaleBar.displayName = \"ScaleBar\";\n","import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Paper } from \"../Paper\";\n\nexport const StyledCard = styled(Paper)`\n ${tw`tw-text-theme-900`}\n`;\n\nStyledCard.displayName = \"StyledCard\";\n","import React, { Ref, HTMLAttributes, forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledCard } from \"./Styles\";\n\nexport interface ICardProps {\n /** Choose if card should be hoverable or not */\n hoverable?: boolean;\n /** Set the type of the Paper */\n paperType?: \"paper-1\" | \"paper-2\";\n /** Ref element */\n ref?: Ref<HTMLDivElement>;\n}\n\nexport const Card = forwardRef(\n (\n {\n children,\n className,\n hoverable = false,\n paperType = \"paper-2\",\n ...rest\n }: HTMLAttributes<HTMLDivElement> & ICardProps,\n ref: Ref<HTMLDivElement> | null | undefined\n ) => {\n return (\n <StyledCard\n {...rest}\n type={paperType}\n className={classnames(\"c-card\", className)}\n hover={hoverable}\n useOptimizedShadow\n ref={ref}\n >\n {children}\n </StyledCard>\n );\n }\n);\n\nCard.displayName = \"Card\";\n","import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Card } from \"../Card\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledEntityCard = styled(Card)<{ $renderAs: string }>`\n padding: 12px;\n line-height: 1.375;\n\n ${(props) =>\n props.$renderAs === \"list-item\" &&\n css`\n display: grid;\n grid-auto-flow: column;\n align-items: center;\n min-height: 48px;\n margin-bottom: 4px;\n `}\n\n ${(props) =>\n props.$renderAs === \"grid-item\" &&\n css`\n display: flex;\n flex-direction: column;\n height: 250px;\n width: 250px;\n\n .card-body {\n flex-grow: 1;\n }\n `}\n`;\nStyledEntityCard.displayName = \"StyledEntityCard\";\n\nexport const StyledLinkEntityCard = styled.a`\n ${tw`tw-no-underline`}\n\n ${FontStyle}\n ${BoxSizingStyle}\n`;\nStyledLinkEntityCard.displayName = \"StyledLinkEntityCard\";\n","import React, {\n Ref,\n HTMLAttributes,\n forwardRef,\n ReactNode,\n useCallback,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledEntityCard, StyledLinkEntityCard } from \"./Styles\";\n\nexport type cardSection = \"header\" | \"body\" | \"footer\";\n\nexport interface IEntityProperties {\n name: string;\n render: () => ReactNode;\n showInList?: boolean;\n cardSection: cardSection;\n className?: string;\n}\n\nexport interface IEntityCardProps {\n renderAs?: \"list-item\" | \"grid-item\";\n properties: IEntityProperties[];\n ref?: Ref<HTMLDivElement>;\n link?: string;\n linkClassName?: string;\n}\n\nexport const EntityCard = forwardRef(\n (\n {\n renderAs = \"list-item\",\n properties,\n link,\n linkClassName,\n }: HTMLAttributes<HTMLDivElement> & IEntityCardProps,\n ref: Ref<HTMLDivElement> | null | undefined\n ) => {\n const renderAsListItem = useCallback((properties: IEntityProperties[]) => {\n return properties\n .filter((p) => p.showInList)\n .map((p) => {\n return (\n <div key={p.name} className={`entity-property-${p.name}`}>\n {p.render()}\n </div>\n );\n });\n }, []);\n\n const renderAsGridItem = useCallback((properties: IEntityProperties[]) => {\n const headerSection = properties.filter(\n (p: IEntityProperties) => p.cardSection === \"header\"\n );\n const bodySection = properties.filter(\n (p: IEntityProperties) => p.cardSection === \"body\"\n );\n const footerSection = properties.filter(\n (p) => p.cardSection === \"footer\"\n );\n const renderProperty = (p: IEntityProperties): ReactNode => (\n <div key={p.name} className={`entity-property-${p.name}`}>\n {p.render()}\n </div>\n );\n return (\n <>\n <div className={\"card-header\"}>\n {headerSection.map((p) => renderProperty(p))}\n </div>\n <div className={\"card-body\"}>\n {bodySection.map((p) => renderProperty(p))}\n </div>\n <div className={\"card-footer\"}>\n {footerSection.map((p) => renderProperty(p))}\n </div>\n </>\n );\n }, []);\n\n return (\n <StyledLinkEntityCard href={link} className={linkClassName}>\n <StyledEntityCard\n ref={ref}\n hoverable\n className={classnames(\"entity-card-wrapper\", {\n \"grid-item\": renderAs === \"grid-item\",\n \"list-item\": renderAs === \"list-item\",\n })}\n paperType={renderAs === \"grid-item\" ? \"paper-1\" : \"paper-2\"}\n $renderAs={renderAs}\n >\n {renderAs === \"list-item\" ? renderAsListItem(properties) : null}\n {renderAs === \"grid-item\" ? renderAsGridItem(properties) : null}\n </StyledEntityCard>\n </StyledLinkEntityCard>\n );\n }\n);\n\nEntityCard.displayName = \"EntityCard\";\n","import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ITitleProps {\n /** Font weight. */\n weight?: \"light\" | \"bold\";\n}\n\nexport const Title1: FC<ITypographyProps & ITitleProps> = forwardRef(\n ({ weight = \"light\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n return (\n <Typography weight={weight} variant=\"Title 1\" ref={ref} {...props}>\n {\" \"}\n {children}{\" \"}\n </Typography>\n );\n }\n);\n\nTitle1.displayName = \"Title1\";\n","import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport const Header2: FC<ITypographyProps> = forwardRef(\n ({ children, ...props }, ref: React.Ref<HTMLElement>) => {\n return (\n <Typography weight=\"bold\" variant=\"Header 2\" ref={ref} {...props}>\n {\" \"}\n {children}{\" \"}\n </Typography>\n );\n }\n);\n\nHeader2.displayName = \"Header2\";\n","import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport const Header3: FC<ITypographyProps> = forwardRef(\n ({ children, ...props }, ref: React.Ref<HTMLElement>) => {\n return (\n <Typography weight=\"bold\" variant=\"Header 3\" ref={ref} {...props}>\n {\" \"}\n {children}{\" \"}\n </Typography>\n );\n }\n);\n\nHeader3.displayName = \"Header3\";\n","import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface IBodyProps {\n /** Font weight. */\n weight?: \"regular\" | \"bold\" | \"medium\";\n}\n\nexport const Body1: FC<ITypographyProps & IBodyProps> = forwardRef(\n ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n return (\n <Typography variant=\"Body 1\" weight={weight} ref={ref} {...props}>\n {\" \"}\n {children}{\" \"}\n </Typography>\n );\n }\n);\n\nBody1.displayName = \"Body1\";\n","import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ICaptionProps {\n /** Font weight. */\n weight?: \"regular\" | \"bold\";\n}\n\nexport const Caption1: FC<ITypographyProps & ICaptionProps> = forwardRef(\n ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n return (\n <Typography variant=\"Caption 1\" weight={weight} ref={ref} {...props}>\n {\" \"}\n {children}{\" \"}\n </Typography>\n );\n }\n);\n\nCaption1.displayName = \"Caption1\";\n","import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ICaptionProps {\n /** Font weight. */\n weight?: \"regular\" | \"bold\";\n}\n\nexport const Caption2: FC<ITypographyProps & ICaptionProps> = forwardRef(\n ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n return (\n <Typography variant=\"Caption 2\" weight={weight} ref={ref} {...props}>\n {\" \"}\n {children}{\" \"}\n </Typography>\n );\n }\n);\n\nCaption2.displayName = \"Caption2\";\n","import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledSignifier = styled.div<{ $direction: string }>`\n ${tw`tw-inline-flex tw-items-center tw-text-theme-800`}\n ${FontStyle}\n ${BoxSizingStyle}\n\n cursor: default;\n\n ${(props) =>\n props.$direction === \"c-signifier--top\" &&\n css`\n --signifier-in: 60%;\n --signifier-out: -60%;\n `}\n\n ${(props) =>\n props.$direction === \"c-signifier--bottom\" &&\n css`\n --signifier-in: -60%;\n --signifier-out: 60%;\n `}\n`;\nStyledSignifier.displayName = \"StyledSignifier\";\n\nexport const StyledSignifierTransition = styled(CSSTransition)`\n &.c-signifier--animate-enter {\n opacity: 0;\n transform: translateY(var(--signifier-in));\n }\n &.c-signifier--animate-enter-active {\n opacity: 1;\n transform: translateY(0%);\n transition-duration: 300ms;\n }\n &.c-signifier--animate-exit {\n transform: translateY(0%);\n opacity: 1;\n }\n &.c-signifier--animate-exit-active {\n transform: translateY(var(--signifier-out));\n opacity: 0;\n transition-duration: 300ms;\n }\n`;\nStyledSignifierTransition.displayName = \"StyledSignifierTransition\";\n\nexport const StyledIcon = styled.svg`\n ${tw`tw-text-xs tw-mr-1`}\n`;\nStyledIcon.displayName = \"StyledIcon\";\n","import React, { FC, useMemo, ElementType, useState, useEffect } from \"react\";\nimport classnames from \"classnames\";\nimport { SwitchTransition } from \"react-transition-group\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Body1, Caption1 } from \"../Typography\";\nimport {\n StyledIcon,\n StyledSignifier,\n StyledSignifierTransition,\n} from \"./Styles\";\n\ninterface ISignifierProps {\n /** One of icon types */\n type: ElementType;\n /** Number that represent total value */\n value?: number;\n /** Value that represent class names */\n className?: string;\n /** The text that will be displayed on hover in tooltip */\n tooltipText?: string;\n /** ClassName for tooltip if there is one */\n tooltipClassName?: string;\n}\n\nexport const signifierTypes = [\n \"EyeIcon\",\n \"EyeSmallIcon\",\n \"PencilIcon\",\n \"PencilSmallIcon\",\n \"EyeOffIcon\",\n \"EyeOffSmallIcon\",\n \"ChecklistIcon\",\n \"ChecklistSmallIcon\",\n \"WarningTriangleIcon\",\n \"WarningTriangleSmallIcon\",\n \"DependencyIcon\",\n \"DependencySmallIcon\",\n \"MessageIcon\",\n \"MessageSmallIcon\",\n \"ClockStopwatchIcon\",\n \"ClockStopwatchSmallIcon\",\n \"ClockIcon\",\n \"ClockSmallIcon\",\n \"DollarOffIcon\",\n \"DollarOffSmallIcon\",\n \"DollarIcon\",\n \"DollarSmallIcon\",\n \"DollarCheckmarkIcon\",\n \"DollarCheckmarkSmallIcon\",\n \"DollarClockIcon\",\n \"DollarClockSmallIcon\",\n \"BellOffIcon\",\n \"BellOffSmallIcon\",\n \"LockIcon\",\n \"LockSmallIcon\",\n \"RecurringCheckmarkIcon\",\n \"RecurringCheckmarkSmallIcon\",\n];\n\nexport const Signifier: FC<ISignifierProps> = ({\n type: Component,\n value = null,\n className,\n tooltipText,\n tooltipClassName,\n}) => {\n if (\n signifierTypes.indexOf(\n (Component as { displayName: string }).displayName\n ) === -1\n ) {\n console.warn(\"You are using unsupported Signifier icon\");\n }\n\n const [direction, setDirection] = useState(\"c-signifier--top\");\n const [, setPrevValue] = useState(value);\n\n const label: string | null = useMemo(() => {\n if (!value || value < 1) return null;\n\n const max = 1_000_000_000;\n let newValue = value;\n\n if (newValue > max) {\n newValue = max;\n }\n\n if (newValue === max) {\n return `${Math.floor(newValue / 1_000_000_000)}B+`;\n } else if (newValue > 999_999) {\n return `${Math.floor(newValue / 1_000_000)}M`;\n } else if (newValue > 999) {\n return `${Math.floor(newValue / 1000)}k`;\n }\n\n return `${newValue}`;\n }, [value]);\n\n useEffect(() => {\n value &&\n setPrevValue((v) => {\n v &&\n setDirection(\n v - value > 0 ? \"c-signifier--top\" : \"c-signifier--bottom\"\n );\n return value;\n });\n }, [value]);\n\n const renderSignifier = useMemo(\n () => (\n <StyledSignifier\n className={classnames(\"c-signifier\", className)}\n $direction={direction}\n >\n <StyledIcon as={Component} />\n {value !== null && (\n <SwitchTransition mode={\"out-in\"}>\n <StyledSignifierTransition\n key={label}\n timeout={300}\n classNames=\"c-signifier--animate\"\n >\n {(Component as { displayName: string }).displayName.includes(\n \"SmallIcon\"\n ) ? (\n <Caption1 color=\"secondary\">{label}</Caption1>\n ) : (\n <Body1 color=\"secondary\">{label}</Body1>\n )}\n </StyledSignifierTransition>\n </SwitchTransition>\n )}\n </StyledSignifier>\n ),\n [className, direction, Component, value, label]\n );\n\n return (\n <Tooltip\n title={tooltipText ?? \"\"}\n disable={!tooltipText}\n popperTooltipClassName={tooltipClassName}\n >\n {renderSignifier}\n </Tooltip>\n );\n};\n\nSignifier.displayName = \"Signifier\";\n","import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nexport const StyledAvatar = styled.img`\n ${tw`tw-object-cover tw-rounded-full`}\n`;\n","import React, { forwardRef, HTMLAttributes } from \"react\";\nimport { StyledAvatar } from \"./Styles\";\n\ninterface IAvatar extends HTMLAttributes<HTMLImageElement> {\n /** Path url. */\n url: string;\n /** Alt text. */\n alt?: string;\n /** Image size. */\n size?: number;\n /** Custom class. */\n className?: string;\n}\n\nexport const Avatar = forwardRef<HTMLImageElement, IAvatar>(\n ({ url, alt = \"Avatar Image\", size = 24, className, ...rest }, ref) => {\n return (\n <StyledAvatar\n {...rest}\n ref={ref}\n src={url}\n alt={alt}\n width={size}\n height={size}\n className={className}\n />\n );\n }\n);\n\nAvatar.displayName = \"Avatar\";\n","import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nexport const StyledLabel = styled.div`\n ${tw`tw-flex tw-items-center`}\n font-size: 13px;\n line-height: 1.375;\n ${BoxSizingStyle}\n ${FontStyle}\n`;\n\nStyledLabel.displayName = \"StyledLabel\";\n\ninterface IStyledLabelDot {\n $showText?: boolean;\n}\n\nexport const StyledLabelDot = styled.div<IStyledLabelDot>`\n ${tw`tw-w-2 tw-h-2 tw-rounded-full tw-justify-center`}\n\n ${(props) =>\n props.$showText &&\n css`\n ${tw`tw-mr-1`}\n `}\n\n ${(props) =>\n props.color &&\n css`\n background-color: ${props.color};\n `}\n`;\n\nStyledLabelDot.displayName = \"StyledLabelDot\";\n\nexport const StyledLabelText = styled.div`\n ${tw`tw-uppercase`}\n ${(props) =>\n props.color &&\n css`\n color: ${props.color};\n `}\n`;\n\nStyledLabelText.displayName = \"StyledLabelText\";\n","import React, { forwardRef, HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledLabel, StyledLabelText, StyledLabelDot } from \"./Styles\";\n\ninterface ILabel {\n name: string;\n color: string;\n}\n\ninterface ILabelProps extends ILabel {\n showText?: boolean;\n showDot?: boolean;\n className?: string;\n}\n\nexport const Label = forwardRef<\n HTMLDivElement,\n ILabelProps & HTMLAttributes<HTMLDivElement>\n>(\n (\n { name, color, showText = true, showDot = true, className, ...rest },\n ref\n ) => {\n return (\n <StyledLabel\n className={classnames(\"c-label\", className)}\n ref={ref}\n {...rest}\n >\n {showDot ? <StyledLabelDot $showText={showText} color={color} /> : null}\n {showText ? (\n <StyledLabelText color={color}>{name}</StyledLabelText>\n ) : null}\n </StyledLabel>\n );\n }\n);\n\nLabel.displayName = \"Label\";\n","import styled, { keyframes } from \"styled-components\";\n\nconst linearAnimation = keyframes`\n 0% {\n background-position: left;\n }\n 100% {\n background-position: right;\n }\n`;\n\nexport const StyledLinearLoader = styled.div`\n width: 70%;\n background: linear-gradient(\n 90deg,\n rgba(255, 255, 255, 0) 20%,\n rgba(0, 0, 0, 0.05) 50%,\n rgba(255, 255, 255, 0) 60%\n );\n background-size: 400%;\n height: 16px;\n border-radius: 8px;\n .neon & {\n background: linear-gradient(\n 90deg,\n rgba(255, 255, 255, 0) 20%,\n rgba(0, 0, 0, 0.2) 50%,\n rgba(255, 255, 255, 0) 60%\n );\n background-size: 500%;\n }\n animation-duration: 1s;\n animation-iteration-count: infinite;\n animation-name: ${linearAnimation};\n animation-timing-function: linear;\n animation-direction: reverse;\n`;\n","import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledLinearLoader } from \"./Styles\";\n\nexport const LinearLoader = forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...rest }, ref) => {\n return (\n <StyledLinearLoader\n ref={ref}\n className={classNames(\"c-loader c-loader--linear\", className)}\n {...rest}\n />\n );\n});\n\nLinearLoader.displayName = \"LinearLoader\";\n","import styled, { keyframes } from \"styled-components\";\n\nconst dotAnimation = keyframes`\n 0%,\n 80%,\n 100% {\n transform: scale(0);\n }\n 40% {\n transform: scale(1);\n }\n`;\n\nexport const StyledDotsLoader = styled.span`\n display: inline-block;\n text-align: center;\n\n & > span {\n display: inline-block;\n width: 18px;\n height: 18px;\n background-color: #777;\n border-radius: 100%;\n animation: ${dotAnimation} 1.4s infinite ease-in-out both;\n }\n\n span:nth-child(1) {\n animation-delay: -0.32s;\n }\n span:nth-child(2) {\n animation-delay: -0.16s;\n }\n`;\n","import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledDotsLoader } from \"./Styles\";\n\nexport const DotsLoader = forwardRef<\n HTMLSpanElement,\n React.ComponentPropsWithoutRef<\"span\">\n>(({ className, ...rest }, ref) => {\n return (\n <StyledDotsLoader\n ref={ref}\n className={classNames(\"c-loader c-loader--dots\", className)}\n {...rest}\n >\n <span />\n <span />\n <span />\n </StyledDotsLoader>\n );\n});\n\nDotsLoader.displayName = \"DotsLoader\";\n","import styled, { keyframes } from \"styled-components\";\n\nconst rotateAnimation = keyframes`\n 100% {\n transform: rotate(360deg);\n }\n`;\n\nconst dashAnimation = keyframes`\n 0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -35px;\n }\n 100% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -124px;\n }\n`;\n\nexport const StyledSpinnerLoader = styled.div`\n position: relative;\n width: 20px;\n\n &:before {\n content: \"\";\n display: block;\n padding-top: 100%;\n }\n\n svg {\n animation: ${rotateAnimation} 2s linear infinite;\n height: 100%;\n transform-origin: center center;\n width: 100%;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n margin: auto;\n\n circle {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n stroke: var(--color-theme-600);\n animation: ${dashAnimation} 1.5s ease-in-out infinite;\n stroke-linecap: round;\n }\n }\n`;\n","import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledSpinnerLoader } from \"./Styles\";\n\nexport const SpinnerLoader = forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...rest }, ref) => {\n return (\n <StyledSpinnerLoader\n ref={ref}\n className={classNames(\"c-loader c-loader--spinner\", className)}\n {...rest}\n >\n <svg viewBox=\"25 25 50 50\">\n <circle\n cx=\"50\"\n cy=\"50\"\n r=\"20\"\n fill=\"none\"\n strokeWidth=\"4\"\n strokeMiterlimit=\"10\"\n />\n </svg>\n </StyledSpinnerLoader>\n );\n});\n\nSpinnerLoader.displayName = \"SpinnerLoader\";\n","import React from \"react\";\nconst CheckboxIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={16}\n height={16}\n viewBox=\"0 0 16 16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <g fillRule=\"evenodd\">\n <rect stroke=\"#8E8E8E\" x={0.5} y={0.5} width={15} height={15} rx={2} />\n <path\n stroke=\"#979797\"\n strokeWidth={2}\n d=\"M12.243 5l-5.657 5.657-2.829-2.829\"\n />\n </g>\n </svg>\n )\n);\nCheckboxIcon.displayName = \"CheckboxIcon\";\nexport default CheckboxIcon;\n","import styled, { css } from \"styled-components\";\nimport { ICheckboxProps } from \"./Checkbox\";\n\nexport const StyledInput = styled.input`\n display: none;\n`;\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledLabel = styled.label``;\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledCheckbox = styled.div<ICheckboxProps>`\n height: 16px;\n width: 16px;\n position: relative;\n transition-duration: 0.2s;\n border-radius: 2px;\n path {\n transition-duration: 0.2s;\n stroke: transparent;\n stroke-dashoffset: 12;\n stroke-dasharray: 12;\n }\n svg {\n cursor: pointer;\n border-radius: 2px;\n fill: transparent;\n }\n rect {\n transition-duration: 0.2s;\n stroke: var(--color-theme-500);\n }\n\n ${StyledInput}:disabled ~ ${StyledLabel} {\n pointer-events: none;\n opacity: 0.5;\n }\n\n ${StyledInput}:focus ~ ${StyledLabel} {\n rect {\n stroke: var(--color-secondary);\n stroke-width: 3px;\n }\n }\n\n &:not(.c-checkbox__controlled) ${StyledInput}:hover ~ ${StyledLabel} {\n path {\n stroke: var(--color-secondary-500);\n stroke-dashoffset: 24;\n }\n rect {\n stroke: var(--color-secondary);\n stroke-width: 3px;\n }\n }\n\n ${(props) =>\n props.hover &&\n css`\n ${StyledLabel} {\n path {\n stroke: var(--color-secondary-500);\n stroke-dashoffset: 24;\n }\n rect {\n stroke: var(--color-secondary);\n stroke-width: 3px;\n }\n `}\n\n ${StyledInput}:checked ~ ${StyledLabel} {\n path {\n stroke: var(--page-paper-main);\n stroke-dashoffset: 24;\n }\n rect {\n stroke: var(--color-secondary);\n stroke-width: 19px;\n }\n }\n`;\nStyledCheckbox.displayName = \"StyledCheckbox\";\n","import React, {\n forwardRef,\n BaseHTMLAttributes,\n InputHTMLAttributes,\n Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport CheckboxIcon from \"../Icons/collection/Checkbox\";\nimport { StyledCheckbox, StyledInput, StyledLabel } from \"./Styles\";\n\nexport interface ICheckboxProps extends BaseHTMLAttributes<HTMLInputElement> {\n /** CSS classes */\n className?: string;\n /** Set hover style */\n hover?: boolean;\n /** Id of input and for of label */\n id?: string;\n}\n\n/**\n * Checkbox component\n */\nexport const Checkbox = forwardRef(\n (\n {\n className,\n hover,\n id = \"checkbox\",\n ...rest\n }: InputHTMLAttributes<HTMLInputElement> & ICheckboxProps,\n ref: Ref<HTMLInputElement> | null | undefined\n ) => {\n return (\n <StyledCheckbox\n className={classnames(\n \"c-checkbox\",\n {\n \"c-checkbox__hover\": hover,\n \"c-checkbox__controlled\": typeof hover === \"boolean\",\n },\n className\n )}\n hover={hover}\n >\n <StyledInput\n id={id}\n className=\"c-checkbox--input\"\n type=\"checkbox\"\n ref={ref}\n {...rest}\n />\n <StyledLabel htmlFor={id} className=\"c-checkbox--label\">\n <CheckboxIcon height={16} width={16} />\n </StyledLabel>\n </StyledCheckbox>\n );\n }\n);\n\nCheckbox.displayName = \"Checkbox\";\n","import React from \"react\";\nconst RadioButtonIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={16}\n height={16}\n viewBox=\"0 0 16 16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <g fillRule=\"evenodd\">\n <circle stroke=\"#5D2BFF\" cx={8} cy={8} r={7.5} />\n <circle cx={8} cy={8} r={5} />\n </g>\n </svg>\n )\n);\nRadioButtonIcon.displayName = \"RadioButtonIcon\";\nexport default RadioButtonIcon;\n","import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledRadioInput = styled.input`\n display none;\n`;\n\nStyledRadioInput.displayName = \"StyledRadioInput\";\n\nexport const StyledRadioLabel = styled.label`\n ${tw`tw-inline-flex tw-items-center`}\n`;\n\nStyledRadioLabel.displayName = \"StyledRadioLabel\";\n\nexport interface IStyledRadioButton {\n $isHovered?: boolean;\n $isControlled?: boolean;\n}\n\nexport const StyledRadioButton = styled.div<IStyledRadioButton>`\n ${BoxSizingStyle}\n ${tw`tw-inline-flex tw-items-center`}\n\n height: 16px;\n width: 16px;\n position: relative;\n\n svg {\n cursor: pointer;\n fill: transparent;\n }\n\n circle:first-child {\n transition-duration: 0.2s;\n stroke: var(--color-theme-500);\n }\n\n circle:last-child {\n transition-duration: 0.2s;\n transform-origin: center;\n transform: scale(0);\n fill: var(--color-secondary-500);\n }\n\n input:focus ~ ${StyledRadioLabel} {\n circle:first-child {\n stroke: var(--color-secondary);\n }\n }\n\n input:disabled ~ ${StyledRadioLabel} {\n pointer-events: none;\n opacity: 0.5;\n }\n\n ${(props) =>\n props.$isControlled !== true &&\n css`\n input:hover ~ ${StyledRadioLabel} {\n circle:first-child {\n stroke: var(--color-secondary);\n }\n circle:last-child {\n transform: scale(1);\n }\n }\n `}\n\n ${(props) =>\n props.$isHovered &&\n css`\n ${StyledRadioLabel} {\n circle:first-child {\n stroke: var(--color-secondary);\n }\n circle:last-child {\n transform: scale(1);\n }\n }\n `}\n\n input:checked ~ ${StyledRadioLabel} {\n circle:first-child {\n stroke: var(--color-secondary);\n }\n circle:last-child {\n transform: scale(1);\n fill: var(--color-secondary);\n }\n }\n`;\n\nStyledRadioButton.displayName = \"StyledRadioButton\";\n","import React, { forwardRef, InputHTMLAttributes, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport RadioButtonIcon from \"../Icons/collection/RadioButton\";\nimport {\n StyledRadioButton,\n StyledRadioInput,\n StyledRadioLabel,\n} from \"./Styles\";\n\nexport interface IRadioButtonProps {\n /** Class names */\n className?: string;\n /** Set hover style */\n hover?: boolean;\n /** Id for RadioButton */\n id?: string;\n}\n\nexport const RadioButton = forwardRef(\n (\n {\n className = \"\",\n id = \"radio\",\n hover,\n ...props\n }: InputHTMLAttributes<HTMLInputElement> & IRadioButtonProps,\n ref: Ref<HTMLInputElement> | null | undefined\n ) => {\n return (\n <StyledRadioButton\n className={classnames(\n \"c-radio-btn\",\n {\n \"c-radio-btn__hover\": hover,\n \"c-radio-btn__controlled\": typeof hover === \"boolean\",\n },\n className\n )}\n $isHovered={hover}\n $isControlled={typeof hover === \"boolean\"}\n >\n <StyledRadioInput\n id={id}\n className=\"c-radio-btn--input\"\n type=\"radio\"\n ref={ref}\n {...props}\n />\n <StyledRadioLabel htmlFor={id} className=\"c-radio-btn--label\">\n <RadioButtonIcon width=\"16\" height=\"16\" />\n </StyledRadioLabel>\n </StyledRadioButton>\n );\n }\n);\n\nRadioButton.displayName = \"RadioButton\";\n","import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nexport const StyledScrollShadow = styled.div`\n ${tw`tw-relative`}\n`;\n\nexport const StyledScrollShadowTop = styled.div`\n ${tw`tw-absolute tw-top-0 tw-inset-x-0 tw-h-2`}\n\n background-image: linear-gradient(\n to top,\n var(--page-paper-main-shadow),\n var(--page-paper-main)\n );\n`;\n\nexport const StyledScrollShadowBottom = styled.div`\n ${tw`tw-absolute tw-bottom-0 tw-inset-x-0 tw-h-2`}\n\n background-image: linear-gradient(\n to top,\n var(--page-paper-main),\n var(--page-paper-main-shadow)\n );\n`;\n\nexport const StyledScrollShadowLeft = styled.div`\n ${tw`tw-absolute tw-left-0 tw-inset-y-0 tw-w-2`}\n\n background-image: linear-gradient(\n to left,\n var(--page-paper-main-shadow),\n var(--page-paper-main)\n );\n`;\n\nexport const StyledScrollShadowRight = styled.div`\n ${tw`tw-absolute tw-right-0 tw-inset-y-0 tw-w-2`}\n\n background-image: linear-gradient(\n to right,\n var(--page-paper-main-shadow),\n var(--page-paper-main)\n );\n`;\n\nStyledScrollShadow.displayName = \"StyledScrollShadow\";\nStyledScrollShadowTop.displayName = \"StyledScrollShadowTop\";\nStyledScrollShadowBottom.displayName = \"StyledScrollShadowBottom\";\nStyledScrollShadowLeft.displayName = \"StyledScrollShadowLeft\";\nStyledScrollShadowRight.displayName = \"StyledScrollShadowRight\";\n","import React, {\n forwardRef,\n useState,\n useCallback,\n UIEventHandler,\n UIEvent,\n HTMLAttributes,\n} from \"react\";\nimport classnames from \"classnames\";\nimport {\n StyledScrollShadow,\n StyledScrollShadowBottom,\n StyledScrollShadowLeft,\n StyledScrollShadowRight,\n StyledScrollShadowTop,\n} from \"./Styles\";\n\ninterface IScrollShadowProps {\n /** Children */\n children: ({ onScroll: UIEventHandler }) => void;\n /** Applies passed classes */\n className?: string;\n /** Disable vertical shadow */\n disableVertical?: boolean;\n /** Disable horizontal shadow */\n disableHorizontal?: boolean;\n /** Invert horizontal shadow logic */\n invertHorizontal?: boolean;\n /** Invert vertical shadow logic */\n invertVertical?: boolean;\n}\n\nexport const ScrollShadow = forwardRef<\n HTMLDivElement,\n IScrollShadowProps & HTMLAttributes<HTMLDivElement>\n>(\n (\n {\n children,\n className,\n disableVertical = false,\n disableHorizontal = false,\n invertHorizontal = false,\n invertVertical = false,\n ...rest\n },\n ref\n ) => {\n const [opacity, setOpacity] = useState({\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n });\n\n const handleScroll: UIEventHandler = useCallback(\n (event: UIEvent) => {\n const { scrollHeight, clientHeight, scrollWidth, clientWidth } =\n event.target as Element;\n let { scrollTop, scrollLeft } = event.target as Element;\n\n if (scrollLeft < 0) {\n scrollLeft *= -1;\n }\n if (scrollTop < 0) {\n scrollTop *= -1;\n }\n\n setOpacity((prevState) => {\n const top = (1 / 20) * Math.min(scrollTop, 20);\n const bottomScrollTop = scrollHeight - clientHeight;\n const bottom =\n (1 / 20) *\n (bottomScrollTop - Math.max(scrollTop, bottomScrollTop - 20));\n const left = (1 / 20) * Math.min(scrollLeft, 20);\n const offset = scrollWidth - clientWidth;\n const right = (1 / 20) * (offset - Math.max(scrollLeft, offset - 20));\n\n const newState = { top: 0, bottom: 0, left: 0, right: 0 };\n\n if (!disableVertical) {\n newState.top = invertVertical ? bottom : top;\n newState.bottom = invertVertical ? top : bottom;\n }\n\n if (!disableHorizontal) {\n newState.left = invertHorizontal ? right : left;\n newState.right = invertHorizontal ? left : right;\n }\n\n if (\n newState.top !== prevState.top ||\n newState.bottom !== prevState.bottom ||\n newState.left !== prevState.left ||\n newState.right !== prevState.right\n ) {\n return newState;\n }\n\n return prevState;\n });\n },\n [invertHorizontal, invertVertical, disableVertical, disableHorizontal]\n );\n\n return (\n <StyledScrollShadow\n {...rest}\n ref={ref}\n className={classnames(\"c-scroll-shadow\", className)}\n >\n {children({ onScroll: handleScroll })}\n {!disableVertical ? (\n <>\n <StyledScrollShadowTop style={{ opacity: opacity.top }} />\n <StyledScrollShadowBottom style={{ opacity: opacity.bottom }} />\n </>\n ) : null}\n {!disableHorizontal ? (\n <>\n <StyledScrollShadowLeft style={{ opacity: opacity.left }} />\n <StyledScrollShadowRight style={{ opacity: opacity.right }} />\n </>\n ) : null}\n </StyledScrollShadow>\n );\n }\n);\n\nScrollShadow.displayName = \"ScrollShadow\";\n","import React, { Fragment, ReactNode } from \"react\";\nimport styled from \"styled-components\";\n\nconst StyledHiglightedText = styled.span`\n background-color: var(--color-primary-200);\n`;\n\nStyledHiglightedText.displayName = \"StyledHiglightedText\";\n\nconst useHighlightText = (\n text: string,\n searchBy: string,\n matchCase = false\n): ReactNode => {\n let textComparator = text;\n let searchByComparator = searchBy;\n\n if (!matchCase) {\n textComparator = text.toLowerCase();\n searchByComparator = searchBy.toLowerCase();\n }\n\n if (\n searchBy &&\n textComparator &&\n textComparator.indexOf(searchByComparator) >= 0\n ) {\n const beforeHighlighted = text.substring(\n 0,\n textComparator.indexOf(searchByComparator)\n );\n const highLighted = text.substring(\n textComparator.indexOf(searchByComparator),\n textComparator.indexOf(searchByComparator) + searchBy.length\n );\n const afterHighlighted = text.substring(\n textComparator.indexOf(searchByComparator) + searchBy.length\n );\n\n return (\n <Fragment>\n {beforeHighlighted.replace(/ /g, \"\\u00a0\")}\n <StyledHiglightedText className=\"c-option--text__highlight\">\n {highLighted.replace(/ /g, \"\\u00a0\")}\n </StyledHiglightedText>\n {afterHighlighted.replace(/ /g, \"\\u00a0\")}\n </Fragment>\n );\n }\n\n return text;\n};\n\nexport default useHighlightText;\n","export const handleKeyboardMovement = (\n e: KeyboardEvent,\n hover: string | number | null | undefined,\n flatOptions,\n showAddNew: boolean,\n showDefaultOption\n): number | string | undefined => {\n if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n e.preventDefault();\n }\n\n let options = flatOptions;\n if (showDefaultOption) options = [{ id: null }, ...options];\n if (showAddNew) options = [...options, { id: \"addNew\" }];\n\n const hoveredIndex = options.findIndex((option) => option.id === hover);\n\n if (e.key === \"ArrowDown\") {\n const isHoveredLastOption =\n options.findIndex((v) => v.id === hover) + 1 >= options.length;\n return hoveredIndex === -1 || isHoveredLastOption\n ? options[0].id\n : options[hoveredIndex + 1].id;\n }\n\n if (e.key === \"ArrowUp\") {\n const isHoveredFirstOption = options[0].id === hover;\n return hoveredIndex === -1 || isHoveredFirstOption\n ? options[options.length - 1].id\n : options[hoveredIndex - 1].id;\n }\n};\n","import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { FontStyle } from \"../../FontStyle\";\n\nexport const StyledOption = styled.label<{ hover?: boolean }>`\n ${tw`tw-select-none tw-font-normal`}\n font-size: 14px;\n display: flex;\n justify-content: space-between;\n height: 28px;\n padding-left: 16px;\n padding-right: 16px;\n margin-top: 4px;\n margin-bottom: 4px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n transition-duration: 0.1s;\n color: var(--color-theme-900);\n\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${(props) =>\n props.hover &&\n css`\n background-color: var(--color-theme-200);\n `}\n`;\n\nStyledOption.displayName = \"StyledOption\";\n","import React, { forwardRef, ReactNode, Ref, useCallback } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledOption } from \"./Styles\";\n\nexport interface IOptionItemProps {\n /** Value of option */\n id: string | number;\n /** Label of option */\n name: string;\n}\n\ninterface IAdditionalOptionItemProps {\n /** Value of option */\n id?: string | number;\n /** Label of option */\n name: string;\n /** Hovered state */\n hover?: boolean;\n /** Class name of option */\n className?: string;\n /** Render option function */\n renderOption?: ReactNode;\n /** On mouse enter callback */\n onMouseEnter?: (e: string | number | undefined) => void;\n}\n\nexport const Option = forwardRef(\n (\n {\n id,\n name,\n hover,\n className,\n renderOption,\n onMouseEnter,\n }: IAdditionalOptionItemProps,\n ref: Ref<HTMLLabelElement>\n ) => {\n const handleOnMouseEnter = useCallback(() => {\n if (onMouseEnter) {\n onMouseEnter(id);\n }\n }, [onMouseEnter, id]);\n\n return (\n <StyledOption\n ref={hover ? ref : null}\n title={name}\n onMouseEnter={handleOnMouseEnter}\n className={classnames(\"c-option\", className)}\n hover={hover}\n >\n {renderOption ? renderOption : name}\n </StyledOption>\n );\n }\n);\n\nOption.displayName = \"Option\";\n","import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { FontStyle } from \"../../FontStyle\";\n\nexport const StyledOptionGroup = styled.div`\n ${tw`tw-select-none`}\n ${FontStyle}\n ${BoxSizingStyle}\n`;\n\nStyledOptionGroup.displayName = \"StyledOptionGroup\";\n\nexport const StyledOptionGroupHeader = styled.h3`\n height: 28px;\n display: flex;\n justify-content: space-between;\n padding: 0 16px;\n color: var(--color-theme-900);\n margin: 6px 0;\n * {\n margin: auto 0;\n }\n`;\n\nStyledOptionGroupHeader.displayName = \"StyledOptionGroupHeader\";\n\nexport const StyledOptionGroupOption = styled.label<{ hover?: boolean }>`\n ${(props) =>\n props.hover &&\n css`\n background-color: var(--color-theme-200);\n `}\n`;\n\nStyledOptionGroupOption.displayName = \"StyledOptionGroupOption\";\n","import React, { useCallback, useEffect, useMemo, FC } from \"react\";\nimport classNames from \"classnames\";\nimport { IOptionItemProps } from \"../Option/Option\";\nimport { Checkbox } from \"../../Checkbox/Checkbox\";\nimport {\n StyledOptionGroup,\n StyledOptionGroupHeader,\n StyledOptionGroupOption,\n} from \"./Styles\";\n\nexport interface IOptionGroupProps {\n /** Group value */\n id?: string | number;\n /** Group label */\n name: string;\n /** Options items list */\n options: IOptionItemProps[];\n}\n\ninterface IAdditionalOptionGroupProps {\n /** Select type: single or multiple */\n type?: \"single\" | \"multiple\";\n /** Value of hovered element */\n hover?: number | string | null;\n /** Filter for labels */\n filter?: string;\n /** Checked values */\n checked: (string | number)[];\n /** onChange callback */\n onChange?: (e: (string | number)[]) => void;\n /** Set value of hovered element */\n setHover?: (e: number | string | undefined) => void;\n /** Render function */\n renderOptions?: (item: IOptionItemProps) => void;\n /** Value that represent class names */\n optionGroupClassName?: string;\n}\n\nexport const OptionGroup: FC<\n IOptionGroupProps & IAdditionalOptionGroupProps\n> = ({\n id,\n name,\n options,\n type,\n hover,\n filter,\n checked,\n onChange,\n setHover,\n renderOptions,\n optionGroupClassName,\n}) => {\n const list = useMemo(\n () =>\n filter\n ? options.filter((v) =>\n v.name.toLowerCase().includes(filter.trim().toLowerCase())\n )\n : options,\n [filter, options]\n );\n\n useEffect(() => {\n if (hover === id && type !== \"single\") {\n document.getElementById(`${id}`)?.focus();\n }\n }, [hover, type, id]);\n\n const isAllOptionsChecked = useMemo(\n () => options.every((option) => checked.includes(option.id)),\n [options, checked]\n );\n\n const handleHover = useCallback(() => {\n if (setHover) {\n setHover(type === \"single\" ? undefined : id);\n }\n }, [setHover, type, id]);\n\n const allOptionValues = useMemo(\n () => options.map((option) => option.id),\n [options]\n );\n\n const handleClick = useCallback(\n (e) => {\n e.stopPropagation();\n if (onChange) {\n onChange(allOptionValues);\n }\n },\n [allOptionValues, onChange]\n );\n\n return (\n <StyledOptionGroup\n key={id}\n className={classNames(\"c-option-group\", optionGroupClassName)}\n >\n <StyledOptionGroupOption\n title={name}\n onMouseEnter={handleHover}\n hover={hover === id && type === \"multiple\"}\n >\n <StyledOptionGroupHeader>\n <div>{name}</div>\n {type === \"multiple\" && (\n <Checkbox\n id={`${id}`}\n checked={isAllOptionsChecked}\n onChange={handleClick}\n type=\"checkbox\"\n />\n )}\n </StyledOptionGroupHeader>\n </StyledOptionGroupOption>\n {list.map(\n (item: IOptionItemProps) => renderOptions && renderOptions(item)\n )}\n </StyledOptionGroup>\n );\n};\n\nOptionGroup.displayName = \"OptionGroup\";\n","import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nexport const StyledAutocompleteBody = styled.div`\n max-height: 340px;\n overflow: auto;\n margin-bottom: 6px;\n`;\n\nStyledAutocompleteBody.displayName = \"StyledAutocompleteBody\";\n\nexport const StyledAutocompleteNoResult = styled.div`\n ${tw`tw-cursor-pointer tw-select-none`};\n\n padding: 6px 16px;\n margin: 4px 0;\n\n &:hover {\n background-color: var(--color-theme-200);\n }\n\n color: var(--color-theme-600);\n`;\n\nStyledAutocompleteNoResult.displayName = \"StyledAutocompleteNoResult\";\n\nexport const StyledAutocompleteNewItem = styled.label<{ hover: boolean }>`\n ${tw`tw-cursor-pointer tw-select-none`};\n\n padding: 6px 16px;\n margin: 4px 0;\n font-weight: normal;\n color: var(--color-primary);\n\n &:before {\n content: \"+ \";\n }\n\n ${(props) =>\n props.hover &&\n css`\n background-color: var(--color-theme-200);\n content: \"+ \";\n `}\n`;\n\nStyledAutocompleteNewItem.displayName = \"StyledAutocompleteNewItem\";\n","import React, {\n FC,\n useCallback,\n useState,\n useMemo,\n useEffect,\n useRef,\n ReactNode,\n ReactElement,\n} from \"react\";\nimport classNames from \"classnames\";\nimport { Scrollbars } from \"react-custom-scrollbars\";\nimport { ScrollShadow } from \"../ScrollShadow/ScrollShadow\";\nimport highlightText from \"../../hooks/useHighlightText\";\nimport { handleKeyboardMovement } from \"./HandleKeyboard\";\nimport { IOptionItemProps, Option } from \"../Select/Option\";\nimport { IOptionGroupProps, OptionGroup } from \"../Select/OptionGroup\";\nimport {\n StyledAutocompleteBody,\n StyledAutocompleteNewItem,\n StyledAutocompleteNoResult,\n} from \"./Styles\";\n\nexport interface IAutocompleteProps {\n /** Select type: single or multiple */\n type?: \"single\" | \"multiple\";\n /** List of options or group options */\n options?: (IOptionGroupProps | IOptionItemProps)[];\n /** Selected values */\n selected?: (string | number)[] | string | number;\n /** Input Element. */\n inputEl?: HTMLInputElement | null;\n /** Text for empty value */\n emptyValue?: string;\n /** Text for No result */\n noResultText?: string;\n /** Render option */\n renderOption?: (\n option: Record<string, ReactNode>,\n data: Record<string, unknown>\n ) => string | ReactElement;\n /** Default value that renders on top of list */\n defaultValue?: string;\n /** Sort direction for labels */\n sortDirection?: \"asc\" | \"desc\";\n /** handleChange callback */\n handleChange?: (\n e: (string | number)[] | string | number | null | undefined\n ) => void;\n /** ClassName for single option */\n optionClassName?: string;\n /** handleEmptyAction */\n handleEmptyAction?: (e: string | number) => void;\n /** Disable sorting options */\n disabledInternalSort?: boolean;\n /** ClassName for Autocomplete component */\n AutocompleteClassName?: string;\n /** handleDefaultOptionChange callback */\n handleDefaultOptionChange?: () => void;\n /** Should default value be selected */\n preselectDefaultValue?: boolean;\n /** Should order stay the same after choosing an option */\n keepSameOptionsOrder?: boolean;\n /** Set max height property for scrollbars */\n autoHeightMax?: number;\n}\n\ninterface IHover {\n item: number | string | undefined | null;\n by: \"mouse\" | \"keyboard\" | undefined;\n}\n\nexport const Autocomplete: FC<IAutocompleteProps> = ({\n type,\n options = [],\n inputEl,\n selected = [],\n emptyValue,\n noResultText,\n renderOption = (option) => option?.name,\n defaultValue,\n sortDirection = \"asc\",\n handleChange,\n optionClassName,\n handleEmptyAction,\n disabledInternalSort,\n AutocompleteClassName,\n handleDefaultOptionChange,\n preselectDefaultValue,\n keepSameOptionsOrder = false,\n autoHeightMax = 340,\n}) => {\n const itemRef = useRef<HTMLLabelElement>(null);\n const listRef = useRef<Scrollbars>(null);\n\n const selectedOptions = useMemo(\n () => (selected instanceof Array ? selected : [selected]),\n [selected]\n );\n\n const handleSort = useCallback((opts) => {\n if (keepSameOptionsOrder) {\n return opts;\n }\n return opts.sort((a: IOptionItemProps, b: IOptionItemProps) => {\n if (selectedOptions.includes(b.id) && !selectedOptions.includes(a.id)) {\n return 1;\n }\n if (selectedOptions.includes(a.id) && !selectedOptions.includes(b.id)) {\n return -1;\n }\n return 0;\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const sortList = useCallback(\n (options) => {\n if (disabledInternalSort) {\n return handleSort([...options]);\n }\n return handleSort(\n [...options].sort((a: IOptionItemProps, b: IOptionItemProps) =>\n sortDirection === \"asc\"\n ? a.name.localeCompare(b.name)\n : b.name.localeCompare(a.name)\n )\n );\n },\n [sortDirection, disabledInternalSort, handleSort]\n );\n\n const sortedList = useMemo(() => sortList(options), [options, sortList]);\n\n const [hover, setHover] = useState<IHover>({\n item: undefined,\n by: undefined,\n });\n const [filter, setFilter] = useState(\"\");\n\n const handleEmpty = useCallback(\n (e) => {\n if (e && e.button !== 0) {\n return;\n }\n if (handleEmptyAction) {\n inputEl?.focus();\n setFilter(\"\");\n handleEmptyAction(filter);\n }\n },\n [filter, handleEmptyAction, inputEl]\n );\n\n const onAddNewMouseEnter = useCallback(\n () => setHover({ item: \"addNew\", by: \"mouse\" }),\n []\n );\n\n function isGroup(\n item: IOptionGroupProps | IOptionItemProps\n ): item is IOptionGroupProps {\n return (item as IOptionGroupProps).options !== undefined;\n }\n\n const showAddNew = useMemo(() => {\n return !!(\n emptyValue &&\n filter.trim() &&\n options.every((option) => {\n if (isGroup(option)) {\n return option.options.every(\n (v) => v.name.toLowerCase() !== filter.trim().toLowerCase()\n );\n }\n return option.name.toLowerCase() !== filter.trim().toLowerCase();\n })\n );\n }, [emptyValue, filter, options]);\n\n const renderAddNew = useMemo(() => {\n return (\n <StyledAutocompleteNewItem\n ref={hover.item === \"addNew\" ? itemRef : null}\n key=\"emptyValue\"\n hover={hover.item === \"addNew\"}\n onMouseDown={handleEmpty}\n onMouseEnter={onAddNewMouseEnter}\n >\n {emptyValue}\n </StyledAutocompleteNewItem>\n );\n }, [emptyValue, handleEmpty, hover, onAddNewMouseEnter]);\n\n const filterOptions = useCallback(\n (options, filter) => {\n const trimmedFilter = filter.trim();\n const isGrouped = options[0] && isGroup(options[0]);\n if (isGrouped) {\n let hovered = false;\n return options.reduce((acc, groupedOption) => {\n const filteredOptions = groupedOption.options.filter((v) =>\n v.name.toLowerCase().includes(trimmedFilter.toLowerCase())\n );\n if (filteredOptions.length > 0) {\n if (!hovered && filter) {\n setHover({ item: filteredOptions[0].id, by: \"keyboard\" });\n }\n hovered = true;\n return [...acc, { ...groupedOption, options: filteredOptions }];\n }\n return [...acc];\n }, []);\n } else {\n const filteredOptions = options.filter((v) =>\n v.name.toLowerCase().includes(trimmedFilter.toLowerCase())\n );\n if (filter && filteredOptions.length > 0) {\n setHover({ item: filteredOptions[0].id, by: \"keyboard\" });\n }\n if (filteredOptions.length === 0 && emptyValue) {\n setHover({ item: \"addNew\", by: \"keyboard\" });\n }\n return filteredOptions;\n }\n },\n [emptyValue]\n );\n\n const list = useMemo(\n () => filterOptions(sortedList, filter),\n [filter, filterOptions, sortedList]\n );\n\n const showDefaultOption = useMemo(\n () => !!defaultValue && !filter,\n [defaultValue, filter]\n );\n\n const flatOptions = useMemo(() => {\n const options = list.reduce(\n (\n acc: (IOptionItemProps | IOptionGroupProps | [])[],\n option: IOptionItemProps | IOptionGroupProps\n ) => {\n if (!isGroup(option)) {\n return [...acc, option];\n }\n return [...acc, ...option.options];\n },\n []\n );\n return filterOptions(options, filter);\n }, [filter, filterOptions, list]);\n\n const handleInputChange = useCallback((e) => {\n if (\n e.target &&\n !(e.key === \"ArrowDown\") &&\n !(e.key === \"ArrowUp\") &&\n !(e.key === \"Enter\")\n ) {\n setFilter(e.target.value);\n }\n }, []);\n\n const handleMouseEnter = useCallback((e) => {\n if (e === undefined || e === null) {\n return setHover({ item: null, by: \"mouse\" });\n }\n setHover({ item: e, by: \"mouse\" });\n }, []);\n\n const handleHoverCallback = useCallback(\n (e: number | string | undefined): void => {\n setHover({ item: e, by: \"mouse\" });\n },\n []\n );\n\n const handleRenderOption = useCallback(\n (item: IOptionItemProps | IOptionGroupProps) => {\n if (isGroup(item)) {\n return (\n <OptionGroup\n checked={selectedOptions}\n name={item.name}\n key={item.id}\n setHover={handleHoverCallback}\n id={item.id}\n hover={hover.item}\n options={item.options}\n renderOptions={handleRenderOption}\n type={type}\n onChange={handleChange}\n filter={filter}\n />\n );\n }\n return (\n <Option\n name={item.name}\n ref={itemRef}\n key={item.id}\n onMouseEnter={handleMouseEnter}\n id={item.id}\n hover={item.id === hover.item}\n className={optionClassName}\n renderOption={renderOption(\n { ...item, name: highlightText(item.name, filter) },\n {\n id: `option_${item.id}`,\n checked: selectedOptions && selectedOptions.includes(item.id),\n hover: hover.item === item.id,\n onChange: () => null,\n }\n )}\n />\n );\n },\n [\n handleMouseEnter,\n hover.item,\n optionClassName,\n renderOption,\n filter,\n selectedOptions,\n handleHoverCallback,\n type,\n handleChange,\n ]\n );\n\n const handleOnMouseLeave = useCallback(() => {\n setHover({ item: undefined, by: \"mouse\" });\n }, []);\n\n const handleScroll = useCallback((list: Scrollbars, itemOffset: number) => {\n if (list.getClientHeight() + list.getScrollTop() < itemOffset + 40) {\n return list.scrollTop(itemOffset - list.getClientHeight() + 30);\n }\n if (list.getScrollTop() > itemOffset) {\n return list.scrollTop(itemOffset);\n }\n }, []);\n\n useEffect(() => {\n if (hover.by === \"keyboard\" && hover.item !== undefined) {\n const item: HTMLLabelElement | null = itemRef.current;\n const list = listRef.current;\n if (itemRef && item && list) {\n handleScroll(list, item.offsetTop);\n }\n }\n }, [handleScroll, hover]);\n\n const handleOnKeyDown = useCallback(\n (e) => {\n if (e.key === \"Enter\") {\n e.preventDefault();\n if (hover.item === undefined && filter === \"\") {\n return;\n }\n if (hover.item === \"addNew\") {\n handleEmpty(null);\n return;\n }\n if (hover.item === null && handleDefaultOptionChange) {\n handleDefaultOptionChange();\n return;\n }\n if (handleChange) {\n handleChange(hover.item);\n setFilter(\"\");\n }\n return;\n }\n setHover({\n item: handleKeyboardMovement(\n e,\n hover.item,\n flatOptions,\n showAddNew,\n showDefaultOption\n ),\n by: \"keyboard\",\n });\n },\n [\n filter,\n flatOptions,\n handleChange,\n handleDefaultOptionChange,\n handleEmpty,\n hover,\n showAddNew,\n showDefaultOption,\n ]\n );\n\n const handleClick = useCallback(() => {\n if (hover.item === null && handleDefaultOptionChange) {\n handleDefaultOptionChange();\n }\n if (handleChange) {\n handleChange(hover?.item);\n }\n setTimeout(() => inputEl?.focus(), 0);\n setFilter(\"\");\n }, [handleChange, handleDefaultOptionChange, hover, inputEl]);\n\n useEffect(() => {\n if (inputEl) {\n inputEl.onkeydown = handleOnKeyDown;\n inputEl.onkeyup = handleInputChange;\n }\n }, [handleInputChange, handleOnKeyDown, inputEl]);\n\n const isDefaultOptionSelected = useCallback(() => {\n if (preselectDefaultValue) {\n return selectedOptions.length < 1 || selectedOptions[0] === \"\";\n } else {\n return (\n selectedOptions[0] === null ||\n selectedOptions.length === flatOptions.length\n );\n }\n }, [flatOptions.length, preselectDefaultValue, selectedOptions]);\n\n const showNoResult = useMemo(\n () => noResultText && !showAddNew && list.length < 1,\n [list.length, noResultText, showAddNew]\n );\n\n const renderNoResult = useMemo(\n () => (\n <StyledAutocompleteNoResult>{noResultText}</StyledAutocompleteNoResult>\n ),\n [noResultText]\n );\n\n return (\n <ScrollShadow\n className={classNames(\n \"c-select--list\",\n {\n \"tw-hidden\":\n !defaultValue && !emptyValue && !noResultText && list.length < 1,\n },\n AutocompleteClassName\n )}\n >\n {({ onScroll }): JSX.Element => (\n <StyledAutocompleteBody\n key=\"body\"\n onChange={handleClick}\n onMouseLeave={handleOnMouseLeave}\n >\n <Scrollbars\n ref={listRef}\n key=\"scrollBar\"\n autoHeight\n autoHeightMax={autoHeightMax}\n onScroll={onScroll}\n >\n {defaultValue && !filter && (\n <Option\n name={defaultValue}\n ref={itemRef}\n hover={hover.item === null}\n onMouseEnter={handleMouseEnter}\n renderOption={renderOption(\n { name: defaultValue, id: null },\n {\n checked: isDefaultOptionSelected(),\n hover: hover.item === null,\n onChange: () => null,\n }\n )}\n />\n )}\n {list.map((item: IOptionItemProps) => handleRenderOption(item))}\n {showNoResult && renderNoResult}\n {showAddNew && renderAddNew}\n </Scrollbars>\n </StyledAutocompleteBody>\n )}\n </ScrollShadow>\n );\n};\n\nAutocomplete.displayName = \"Autocomplete\";\n","import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledInput = styled.input`\n border: 1px solid var(--border-primary);\n border-radius: 10px;\n color: var(--color-theme-900);\n font-size: 14px;\n padding: 4px 10px 6px 8px;\n height: 32px;\n background-color: var(--input-background-color);\n transition: all 0.3s ease;\n width: 360px;\n outline: none;\n\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${(props) =>\n props.disabled\n ? css`\n ${tw`tw-cursor-not-allowed tw-opacity-50 tw-border-theme-400`}\n `\n : css`\n &:hover {\n ${tw`tw-border-primary`}\n }\n\n &:active {\n ${tw`tw-border-primary`}\n }\n\n &:focus {\n ${tw`tw-border-primary`}\n }\n `}\n\n &::placeholder {\n color: var(--color-theme-600);\n }\n`;\n\nStyledInput.displayName = \"StyledInput\";\n","import React, { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledInput } from \"./Styles\";\n\nexport const Input = forwardRef<\n HTMLInputElement,\n React.ComponentPropsWithoutRef<\"input\">\n>(({ className = \"\", type = \"text\", disabled = false, ...rest }, ref) => {\n return (\n <StyledInput\n ref={ref}\n type={type}\n disabled={disabled}\n className={classnames(\"c-input\", className)}\n {...rest}\n />\n );\n});\n\nInput.displayName = \"Input\";\n","import styled from \"styled-components\";\nimport { Input } from \"../Input/Input\";\n\nexport const StyledSelectForm = styled.form`\n margin: 12px 12px 0 12px;\n display: flex;\n\n * {\n margin: auto 0;\n }\n`;\n\nStyledSelectForm.displayName = \"StyledSelectForm\";\n\nexport const StyledSelectInput = styled(Input)`\n width: 100%;\n border-radius: 4px;\n`;\n\nStyledSelectInput.displayName = \"StyledSelectInput\";\n","import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nexport const StyledOptionIndicator = styled.div<{ backgroundColor?: string }>`\n height: 24px;\n width: 24px;\n border-radius: 100%;\n margin-right: 8px;\n ${(props) =>\n props.backgroundColor &&\n !props.children &&\n css`\n background-color: ${props.backgroundColor};\n `}\n`;\n\nStyledOptionIndicator.displayName = \"StyledOptionIndicator\";\n\nexport const StyledOptionText = styled.span<{ textColor?: string }>`\n ${tw`tw-truncate`}\n width: calc(100% - 50px);\n line-height: 18px;\n ${(props) =>\n props.textColor &&\n css`\n color: ${props.textColor};\n `}\n`;\n\nStyledOptionText.displayName = \"StyledOptionText\";\n","import React, { FC } from \"react\";\nimport { Avatar } from \"../../Avatar/Avatar\";\nimport { StyledOptionIndicator, StyledOptionText } from \"./Styles\";\n\ninterface OptionContentProps {\n imageUrl?: string;\n color?: string;\n textColor?: string;\n name: string;\n}\n\nexport const OptionContent: FC<OptionContentProps> = ({\n imageUrl,\n color,\n textColor,\n name,\n}) => {\n return (\n <>\n {imageUrl || color ? (\n <StyledOptionIndicator\n className=\"c-option--label\"\n backgroundColor={color}\n >\n {imageUrl ? (\n <Avatar className=\"c-option--avatar\" url={imageUrl} />\n ) : null}\n </StyledOptionIndicator>\n ) : null}\n <StyledOptionText className=\"c-option--text\" textColor={textColor}>\n {name}\n </StyledOptionText>\n </>\n );\n};\n\nOptionContent.displayName = \"OptionContent\";\n","import React, {\n FC,\n useCallback,\n useState,\n ReactElement,\n useMemo,\n useEffect,\n useRef,\n Ref,\n} from \"react\";\nimport { Checkbox } from \"../Checkbox\";\nimport { RadioButton } from \"../RadioButton\";\nimport { Autocomplete } from \"../Autocomplete\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Menu } from \"../Menu/Menu\";\nimport { IOptionItemProps } from \"../Select/Option\";\nimport { IOptionGroupProps } from \"../Select/OptionGroup\";\nimport classNames from \"classnames\";\nimport { Placement } from \"@popperjs/core\";\nimport { IAutocompleteProps } from \"../Autocomplete/Autocomplete\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { StyledSelectForm, StyledSelectInput } from \"./Styles\";\nimport { OptionContent } from \"./OptionContent/OptionContent\";\n\ninterface ElementWithRef<T> extends ReactElement {\n ref?: Ref<T>;\n}\n\ninterface ISelectProps {\n /** Select type: single or multiple */\n type?: \"single\" | \"multiple\";\n /** Menu width mode */\n mode?: \"normal\" | \"wider\" | \"tiny\";\n /** Set select target element */\n target?: ElementWithRef<Element>;\n /** Set selected items */\n selected?: (string | number)[] | string | number;\n /** Set Select position */\n position?: Placement;\n /** onChange callback */\n onChange?: (e: (string | number)[] | string | number) => void;\n /** Set action icon in select */\n actionIcon?: ReactElement;\n /** Set label for action icon */\n actionLabel?: string;\n /** Placeholder for Select input */\n placeholder?: string;\n /** Function that triggers when empty is clicked */\n emptyAction?: (e: string | undefined) => void;\n /** Removes input from Select */\n disableSearch?: boolean;\n /** Close menu on select */\n forceCloseMenu?: boolean;\n /** Set select classNames */\n selectClassName?: string;\n /** Should the order stay the same after choosing an option */\n keepSameOptionsOrder?: boolean;\n /** Callback called when the Select menu is opened */\n onSelectOpen?: () => void;\n /** Callback called when the Select menu is closed */\n onSelectClose?: () => void;\n}\n\nexport const Select: FC<ISelectProps & IAutocompleteProps> = ({\n type = \"single\",\n mode,\n target,\n options,\n selected = [],\n position = \"bottom-start\",\n onChange = (): null => null,\n actionIcon,\n actionLabel,\n placeholder,\n emptyAction = (): null => null,\n disableSearch = false,\n forceCloseMenu,\n selectClassName,\n keepSameOptionsOrder = false,\n onSelectOpen,\n onSelectClose,\n ...prop\n}) => {\n const [childNode, setChildNode] = useState<HTMLInputElement | null>();\n const elementRef = useRef<HTMLInputElement | null>(null);\n\n const handleRef = useForkRef(setChildNode, elementRef);\n\n const Tag = !target ? \"div\" : Menu;\n const formRef = useRef<HTMLFormElement | null>(null);\n\n const [open, setOpen] = useState(false);\n\n function isGroup(\n item: IOptionGroupProps | IOptionItemProps\n ): item is IOptionGroupProps {\n return (item as IOptionGroupProps).options !== undefined;\n }\n\n const selectedOptions = useMemo(\n () => (selected instanceof Array ? selected : [selected]),\n [selected]\n );\n\n const selectOptions = useMemo(() => {\n if (!options) {\n return [];\n }\n return options;\n }, [options]);\n\n const allOptionValues = useMemo(() => {\n return selectOptions.reduce(\n (\n acc: (string | number)[],\n option: IOptionGroupProps | IOptionItemProps\n ) => {\n if (!isGroup(option)) {\n return [...acc, option.id];\n }\n const allGroupOptions = option.options.map((option) => option.id);\n return [...acc, ...allGroupOptions];\n },\n []\n );\n }, [selectOptions]);\n\n const isAllOptionsChecked = useMemo(\n () => allOptionValues.every((option) => selectedOptions.includes(option)),\n [allOptionValues, selectedOptions]\n );\n\n useEffect(() => {\n open && childNode?.focus();\n }, [childNode, open]);\n\n const handleChange = useCallback(\n (selectedValue) => {\n if (selectedValue !== null) {\n if (type === \"single\") {\n if (forceCloseMenu) {\n setOpen(false);\n }\n return onChange(selectedValue);\n }\n // multiple\n const value = (): (string | number)[] => {\n if (selectedValue instanceof Array) {\n if (selectedValue.every((v) => selectedOptions.includes(v))) {\n return selectedOptions.filter((v) => !selectedValue.includes(v));\n }\n return selectedValue.concat(selectedOptions);\n }\n if (selectedOptions.includes(selectedValue)) {\n return selectedOptions.filter((option) => option !== selectedValue);\n }\n return [...selectedOptions, selectedValue];\n };\n return onChange(value());\n }\n },\n [onChange, type, forceCloseMenu, selectedOptions]\n );\n\n const onClose = useCallback(() => {\n setOpen(false);\n if (onSelectClose) {\n onSelectClose();\n }\n }, [onSelectClose]);\n\n const onOpen = useCallback(() => {\n setOpen(true);\n if (onSelectOpen) {\n onSelectOpen();\n }\n }, [onSelectOpen]);\n\n const props = useMemo(() => {\n if (target) {\n return {\n menuClassName: classNames(\"c-select\", selectClassName),\n onClose,\n onOpen,\n target,\n mode,\n open,\n position,\n };\n }\n return { className: classNames(\"c-select\", selectClassName) };\n }, [target, selectClassName, onClose, onOpen, mode, open, position]);\n\n const handleEmptyAction = useCallback(\n (value) => {\n emptyAction(value);\n if (forceCloseMenu) {\n setOpen(false);\n }\n formRef.current?.reset();\n },\n [emptyAction, forceCloseMenu]\n );\n\n const handleDefaultOptionChange = useCallback(() => {\n if (type === \"multiple\") {\n if (selectedOptions.length === allOptionValues.length) {\n onChange([]);\n } else {\n onChange(allOptionValues);\n }\n } else {\n onChange(\"\");\n if (forceCloseMenu) {\n setOpen(false);\n }\n }\n }, [onChange, type, forceCloseMenu, selectedOptions.length, allOptionValues]);\n\n const handleRenderOption = useCallback(\n (option, props) => {\n return (\n <>\n <OptionContent\n imageUrl={option.image}\n color={option.color}\n textColor={option.textColor}\n name={option.name}\n />\n {option.id === null ? (\n type === \"multiple\" ? (\n <Checkbox checked={isAllOptionsChecked} {...props} />\n ) : (\n <RadioButton\n checked={selectedOptions.length < 1 || !selectedOptions[0]}\n {...props}\n />\n )\n ) : type === \"multiple\" ? (\n <Checkbox {...props} />\n ) : (\n <RadioButton {...props} />\n )}\n </>\n );\n },\n [isAllOptionsChecked, selectedOptions, type]\n );\n\n return (\n <Tag {...props}>\n <div>\n {!disableSearch ? (\n <StyledSelectForm ref={formRef}>\n <StyledSelectInput\n ref={handleRef}\n autoFocus\n placeholder={placeholder}\n />\n {actionIcon && actionLabel && (\n <Tooltip\n popperTooltipStyle={{ zIndex: 1301 }}\n title={actionLabel}\n >\n <div>{actionIcon}</div>\n </Tooltip>\n )}\n {actionIcon && !actionLabel && actionIcon}\n </StyledSelectForm>\n ) : null}\n <Autocomplete\n {...prop}\n inputEl={childNode}\n handleEmptyAction={handleEmptyAction}\n selected={selected}\n handleChange={handleChange}\n renderOption={handleRenderOption}\n options={options}\n handleDefaultOptionChange={handleDefaultOptionChange}\n type={type}\n preselectDefaultValue={type === \"single\"}\n keepSameOptionsOrder={keepSameOptionsOrder}\n />\n </div>\n </Tag>\n );\n};\n\nSelect.displayName = \"Select\";\n","import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { NavAlignType, NavRoleType } from \"./Nav\";\n\ninterface StyledNavProps {\n $align?: NavAlignType;\n $role?: NavRoleType;\n}\n\nexport const StyledNav = styled.nav<StyledNavProps>`\n ${tw`tw-flex`}\n height: 100%;\n overflow: clip visible;\n\n ${(props) =>\n props.$align === \"left\" &&\n css`\n ${tw`tw-justify-start`}\n `}\n\n ${(props) =>\n props.$align === \"center\" &&\n css`\n ${tw`tw-justify-center`}\n `}\n\n ${(props) =>\n props.$align === \"right\" &&\n css`\n ${tw`tw-justify-end`}\n `}\n\n ${(props) =>\n props.$role === \"light\" &&\n css`\n height: auto;\n `}\n`;\n\nStyledNav.displayName = \"StyledNav\";\n\nexport const StyledNavList = styled.ul`\n ${tw`tw-flex tw-list-none tw-m-0 tw-p-0`}\n overflow: clip visible;\n`;\n\nStyledNavList.displayName = \"StyledNavList\";\n\ninterface StyledNavListItemProps {\n $active?: boolean;\n $disabled?: boolean;\n $role?: NavRoleType;\n $asMore?: boolean;\n}\n\nexport const StyledNavListItem = styled.li<StyledNavListItemProps>`\n ${tw`tw-text-sm tw-cursor-default tw-relative tw-select-none`}\n color: var(--color-theme-700);\n font-size: 15px;\n display: flex;\n align-items: center;\n font-weight: 500;\n padding: 0 10px;\n flex-shrink: 0;\n\n &:hover,\n &:hover * {\n ${(props) =>\n !props.$disabled &&\n css`\n ${tw`tw-text-primary`}\n `}\n }\n\n ${(props) =>\n !props.$active &&\n !props.$disabled &&\n css`\n ${tw`tw-cursor-pointer`}\n `}\n\n &::after {\n content: \"\";\n ${tw`tw-absolute tw-block tw-m-auto tw-w-0 tw-bg-transparent`}\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n height: 3px;\n transition: width 0.3s ease, background-color 0.3s ease;\n }\n\n ${(props) =>\n props.$active &&\n css`\n ${tw`tw-pointer-events-none`}\n &::after {\n ${tw`tw-w-full tw-bg-primary`}\n }\n `}\n\n ${(props) =>\n props.$disabled &&\n css`\n ${tw`tw-select-none tw-cursor-not-allowed tw-opacity-50`}\n `}\n\n ${(props) =>\n props.$role === \"light\" &&\n css`\n ${tw`tw-text-sm`}\n color: var(--color-theme-800);\n font-weight: 400;\n padding: 0 8px;\n\n &::after {\n bottom: -4px;\n height: 2px;\n }\n `}\n\n ${(props) =>\n props.$active &&\n css`\n ${tw`tw-text-primary`}\n & * {\n ${tw`tw-text-primary`}\n }\n `}\n`;\n\nStyledNavListItem.displayName = \"StyledNavListItem\";\n\nexport const StyledNavAsSelect = styled.div`\n padding: 0 10px;\n height: 100%;\n display: flex;\n align-items: center;\n\n svg {\n color: var(--color-primary);\n }\n`;\n\nStyledNavAsSelect.displayName = \"StyledNavAsSelect\";\n\nexport const StyledNavAsMoreTarget = styled.div<{\n $role?: NavRoleType;\n}>`\n padding: 0 10px;\n height: 100%;\n display: flex;\n align-items: center;\n\n ${(props) =>\n props.$role === \"light\" &&\n css`\n padding: 0;\n `}\n`;\n\nStyledNavAsMoreTarget.displayName = \"StyledNavAsMoreTarget\";\n","import classNames from \"classnames\";\nimport React, { ReactChild } from \"react\";\nimport { NavRoleType } from \"../Nav\";\nimport { StyledNavListItem } from \"../Styles\";\n\nexport interface ItemProps {\n /** Classname prop for custom styling. */\n children: ReactChild | string;\n /** Active state(underline). */\n active?: boolean;\n /** Disabled state. */\n disabled?: boolean;\n className?: string;\n name: string;\n role?: NavRoleType;\n}\n\nexport const Item = React.forwardRef<\n HTMLLIElement,\n ItemProps & React.ComponentPropsWithoutRef<\"li\">\n>(\n (\n { children, active = false, disabled = false, className, role, ...rest },\n ref\n ) => {\n return (\n <StyledNavListItem\n className={classNames(\n `c-nav__item`,\n {\n \"c-nav__item--active\": active,\n },\n className\n )}\n ref={ref}\n {...rest}\n $active={active}\n $disabled={disabled}\n $role={role}\n >\n {children}\n </StyledNavListItem>\n );\n }\n);\n\nItem.displayName = \"Item\";\n","import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Item } from \"./Item\";\n\nexport const StyledNavListItemMore = styled(Item)`\n ${(props) =>\n props.role !== \"light\" &&\n css`\n padding: 0;\n `}\n cursor: pointer;\n ${tw`tw-pointer-events-auto`}\n`;\n\nStyledNavListItemMore.displayName = \"StyledNavListItemMore\";\n","import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nexport const StyledExpand = styled.svg`\n ${tw`tw-fill-current tw-w-6 tw-h-6`}\n`;\n\nStyledExpand.displayName = \"StyledExpand\";\n\nexport const StyledExpandSingle = styled(StyledExpand)<{ $expanded?: boolean }>`\n ${(props) =>\n !props.$expanded &&\n css`\n transform: rotate(180deg);\n `}\n`;\n\nStyledExpandSingle.displayName = \"StyledExpandSingle\";\n","import React, { forwardRef } from \"react\";\nimport { IExpander } from \"./ExpanderInterface\";\nimport { StyledExpandSingle } from \"./Styles\";\n\nexport const ExpandSingle = forwardRef<\n SVGSVGElement,\n IExpander & React.ComponentPropsWithoutRef<\"svg\">\n>(({ expanded = false, ...rest }, ref) => {\n return (\n <StyledExpandSingle\n ref={ref}\n viewBox=\"0 0 24 24\"\n $expanded={expanded}\n {...rest}\n >\n <path\n d=\"M15.372 14.736a.993.993 0 001.349 0 .867.867 0 000-1.275L12 9l-4.72 4.461a.867.867 0 000 1.275.993.993 0 001.348 0L12 11.549l3.372 3.187z\"\n fillRule=\"nonzero\"\n />\n </StyledExpandSingle>\n );\n});\n\nExpandSingle.displayName = \"ExpandSingle\";\n","import React, {\n ReactElement,\n FC,\n ReactNode,\n useState,\n useRef,\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n Children,\n cloneElement,\n} from \"react\";\nimport classNames from \"classnames\";\nimport ResizeObserver from \"resize-observer-polyfill\";\nimport debounce from \"lodash.debounce\";\nimport { ISyntheticEvent } from \"../../types\";\nimport { IOptionItemProps } from \"../Select/Option\";\nimport { Select } from \"../Select/Select\";\nimport {\n StyledNav,\n StyledNavAsMoreTarget,\n StyledNavAsSelect,\n StyledNavList,\n} from \"./Styles\";\nimport { StyledNavListItemMore } from \"./Item/Styles\";\nimport { ItemProps } from \"./Item/Item\";\nimport { ExpandSingle } from \"../Expanders/ExpandSingle\";\n\ntype NavType = \"inline\" | \"dropdown\";\nexport type NavAlignType = \"left\" | \"center\" | \"right\";\nexport type NavRoleType = \"bold\" | \"light\";\n\nexport interface INavProps {\n children: ReactElement<ItemProps>[];\n /** Function for changing active navs. */\n onSelect?: (index: number) => void;\n /** Function triggered when option in More... is selected */\n onMoreOptionSelect?: (index: number) => void;\n /** Aligment of nav component. */\n alignment?: NavAlignType;\n /** CSS classes. */\n className?: string;\n /** Role of nav component. */\n role?: NavRoleType;\n /** Label for More... item */\n moreLabel?: string;\n /** Nav type */\n type?: NavType;\n}\n\nexport const Nav: FC<INavProps> = ({\n children,\n alignment = \"left\",\n onSelect,\n onMoreOptionSelect,\n className,\n role = \"bold\",\n moreLabel,\n type = \"inline\",\n}) => {\n const [active, setActive] = useState(0);\n const [visibleTabIndexes, setVisibleTabIndexes] = useState<number[]>([]);\n const [measuringRender, setMeasuringRender] = useState(false);\n const [moreVisible, setMoreVisible] = useState(false);\n const [renderNavAsSelect, setRenderNavAsSelect] = useState(false);\n const [options, setOptions] = useState<IOptionItemProps[]>([]);\n const [moreOpened, setMoreOpened] = useState(false);\n const [isMounted, setIsMounted] = useState(false);\n\n const navItemNames = useMemo(\n () => children.map((item) => item.props.name),\n [children]\n );\n\n const allOptions = useMemo(() => {\n return navItemNames.map((name, index) => {\n return { id: index, name: name };\n });\n }, [navItemNames]);\n\n // REFS\n const navRef = useRef<HTMLUListElement | null>(null);\n const navItemsRefs = useRef<\n { index: number; element: HTMLLIElement } | Record<string, unknown>\n >({});\n const moreItemRef = useRef<HTMLLIElement | null>(null);\n\n const onClick = useCallback(\n (e: ISyntheticEvent) => {\n if (\n e.target &&\n e.currentTarget.dataset.index &&\n !e.currentTarget.dataset.disabled\n ) {\n const index = Number(e.currentTarget.dataset.index);\n setActive(index);\n if (onSelect) {\n onSelect(index);\n }\n setMeasuringRender(true);\n }\n },\n [onSelect]\n );\n\n useMemo(() => {\n Children.forEach(\n children as ReactElement[],\n (child: ReactElement, index) => {\n if (child && child.props.active) {\n setActive(index);\n }\n }\n );\n }, [children]);\n\n useLayoutEffect(() => {\n if (type === \"inline\" && measuringRender && isMounted) {\n const containerWidth = navRef.current?.offsetWidth || 0;\n const itemsWidth = Object.values(navItemsRefs.current).reduce(\n (acc: number, item) => {\n const itemEl = item as HTMLLIElement;\n return acc + (itemEl ? itemEl.offsetWidth : 0);\n },\n 0\n );\n\n // all tabs are visible\n if (containerWidth >= itemsWidth) {\n setVisibleTabIndexes(Array.from(navItemNames.keys()));\n setMoreVisible(false);\n setRenderNavAsSelect(false);\n return setMeasuringRender(false);\n }\n\n setMoreVisible(true);\n\n if (moreVisible) {\n const moreItemWidth = moreItemRef.current?.offsetWidth || 0;\n const firstItemWidth = navItemsRefs.current[0].offsetWidth;\n\n // collapse Nav to Select, there is no enough room\n if (containerWidth < moreItemWidth + firstItemWidth) {\n setVisibleTabIndexes([]);\n const options = navItemNames.map((name, index) => {\n return { id: index, name: name };\n });\n setOptions(options);\n setRenderNavAsSelect(true);\n setMoreVisible(false);\n return setMeasuringRender(false);\n }\n\n // item(s) + More...\n const visible: number[] = [];\n let allWidth = 0;\n Object.values(navItemsRefs.current).forEach((item, index) => {\n const liItem = item as HTMLLIElement;\n allWidth += liItem.offsetWidth;\n if (moreItemWidth + allWidth <= containerWidth) {\n visible.push(index);\n }\n });\n setVisibleTabIndexes(visible);\n const options = navItemNames\n .map((name, index) => {\n return { id: index, name: name };\n })\n .filter((item) => !visible.includes(item.id));\n setOptions(options);\n setRenderNavAsSelect(false);\n setMeasuringRender(false);\n }\n }\n }, [\n children,\n isMounted,\n measuringRender,\n moreVisible,\n navItemNames,\n type,\n visibleTabIndexes,\n ]);\n\n useEffect(() => {\n if (type === \"inline\") {\n const handleResize = debounce((): void => {\n setMeasuringRender(true);\n }, 300);\n window.addEventListener(\"resize\", handleResize);\n return (): void => {\n window.removeEventListener(\"resize\", handleResize);\n };\n }\n }, [type]);\n\n // we are using observer to solve the problem of the initial rendering\n useEffect(() => {\n if (type === \"inline\" && navRef.current) {\n const resizeObserver = new ResizeObserver((entries) => {\n for (const entry of entries) {\n const { contentRect } = entry;\n const { width = 0 } = contentRect;\n if (width > 0) {\n setMeasuringRender(true);\n }\n }\n });\n\n resizeObserver.observe(navRef.current);\n\n setTimeout(() => {\n if (navRef.current) {\n resizeObserver.unobserve(navRef.current);\n }\n }, 2000);\n\n return (): void => {\n resizeObserver.disconnect();\n };\n }\n }, [type]);\n\n useEffect(() => {\n setMeasuringRender(true);\n setIsMounted(true);\n }, []);\n\n const visibleTabs = useMemo(() => {\n const tabs = Children.toArray(children);\n if (measuringRender || !isMounted) {\n return tabs;\n } else {\n return tabs.filter((child, index) => {\n return visibleTabIndexes.includes(index);\n });\n }\n }, [children, isMounted, measuringRender, visibleTabIndexes]);\n\n const onMoreOptionClick = useCallback(\n (id) => {\n setActive(id);\n if (onMoreOptionSelect) {\n onMoreOptionSelect(id);\n }\n setMeasuringRender(true);\n },\n [onMoreOptionSelect]\n );\n\n const navAsSelect = useMemo(() => {\n return (\n <StyledNavAsSelect>\n <span>{navItemNames[active]}</span>\n <ExpandSingle expanded={moreOpened} fill=\"currentColor\" />\n </StyledNavAsSelect>\n );\n }, [active, moreOpened, navItemNames]);\n\n const setMoreOpen = useCallback(() => setMoreOpened(true), []);\n const setMoreClose = useCallback(() => setMoreOpened(false), []);\n\n return (\n <StyledNav\n className={classNames(\"c-nav\", className)}\n $align={alignment}\n $role={role}\n >\n <StyledNavList ref={navRef}>\n {type === \"inline\" &&\n visibleTabs.map((child: ReactNode, index: number) => {\n const element = child as ReactElement;\n return cloneElement(element, {\n active: index === active,\n role,\n ref: (el) => {\n navItemsRefs.current[index] = el;\n },\n onClick,\n \"data-index\": index,\n \"data-disabled\": element.props.disabled,\n });\n })}\n {type === \"inline\" && moreVisible ? (\n <StyledNavListItemMore\n ref={moreItemRef}\n name=\"More\"\n active={visibleTabIndexes.indexOf(active) === -1}\n role={role}\n >\n <Select\n selected={active}\n target={\n <StyledNavAsMoreTarget $role={role}>\n {moreLabel}\n </StyledNavAsMoreTarget>\n }\n disabledInternalSort\n onChange={onMoreOptionClick}\n options={options}\n type={\"single\"}\n mode={\"normal\"}\n forceCloseMenu\n disableSearch\n keepSameOptionsOrder\n onSelectOpen={setMoreOpen}\n onSelectClose={setMoreClose}\n />\n </StyledNavListItemMore>\n ) : null}\n {type === \"dropdown\" || renderNavAsSelect ? (\n <StyledNavListItemMore\n name=\"More\"\n active={visibleTabIndexes.indexOf(active) === -1}\n role={role}\n >\n <Select\n selected={active}\n target={navAsSelect}\n disabledInternalSort\n onChange={onMoreOptionClick}\n options={allOptions}\n type={\"single\"}\n mode={\"normal\"}\n forceCloseMenu\n disableSearch\n keepSameOptionsOrder\n onSelectOpen={setMoreOpen}\n onSelectClose={setMoreClose}\n />\n </StyledNavListItemMore>\n ) : null}\n </StyledNavList>\n </StyledNav>\n );\n};\n\nNav.displayName = \"Nav\";\n","import React, { forwardRef } from \"react\";\nimport { IExpander } from \"./ExpanderInterface\";\nimport { StyledExpand } from \"./Styles\";\n\nexport const ExpandAll = forwardRef<\n SVGSVGElement,\n IExpander & React.ComponentPropsWithoutRef<\"svg\">\n>(({ expanded = false, ...rest }, ref) => {\n return (\n <StyledExpand ref={ref} viewBox=\"0 0 24 24\" {...rest}>\n {expanded ? (\n <path d=\"M13 16l4.72 4.461a.867.867 0 010 1.275.993.993 0 01-1.348 0L13 18.549l-3.372 3.187a.993.993 0 01-1.349 0 .867.867 0 010-1.275L13 16zm4.72-11.736a.867.867 0 010 1.275L13 10 8.28 5.539a.867.867 0 010-1.275.993.993 0 011.348 0L13 7.451l3.372-3.187a.993.993 0 011.349 0zM13 15a2 2 0 100-4 2 2 0 000 4z\" />\n ) : (\n <path d=\"M17.72 16.264a.867.867 0 010 1.275L13 22l-4.72-4.461a.867.867 0 010-1.275.993.993 0 011.348 0L13 19.451l3.372-3.187a.993.993 0 011.349 0zM13 4l4.72 4.461a.867.867 0 010 1.275.993.993 0 01-1.348 0L13 6.549 9.628 9.736a.993.993 0 01-1.349 0 .867.867 0 010-1.275L13 4zm0 11a2 2 0 100-4 2 2 0 000 4z\" />\n )}\n </StyledExpand>\n );\n});\n\nExpandAll.displayName = \"ExpandAll\";\n","import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledList = styled.ul`\n ${tw`tw-list-none tw-m-0 tw-p-0`}\n`;\n\nStyledList.displayName = \"StyledList\";\n\nexport const StyledListItem = styled.li`\n ${tw`tw-flex tw-flex-row tw-items-center tw-cursor-pointer tw-px-4 tw-my-1 tw-text-sm tw-select-none`}\n ${BoxSizingStyle}\n ${FontStyle}\n\n color: var(--color-theme-900);\n line-height: 28px;\n > svg:first-child {\n margin-right: 8px;\n }\n\n &:hover {\n background-color: var(--color-theme-200);\n }\n\n &focus {\n outline: none;\n }\n`;\n\nStyledListItem.displayName = \"StyledListItem\";\n\nexport const StyledListSeparator = styled.div`\n border-top: 1px solid var(--border-primary);\n margin: 12px 16px;\n height: 1px;\n`;\n\nStyledListSeparator.displayName = \"StyledListSeparator\";\n","import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport { StyledList } from \"./Styles\";\n\ninterface IList {\n /** Applies passed classes */\n className?: string;\n /** Children element. */\n children?: ReactNode;\n}\n\nexport const List = forwardRef(\n (\n { children, className, ...props }: IList & HTMLAttributes<HTMLUListElement>,\n ref: Ref<HTMLUListElement> | null | undefined\n ) => {\n return (\n <StyledList {...props} className={className} ref={ref}>\n {children}\n </StyledList>\n );\n }\n);\n\nList.displayName = \"List\";\n","import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledListItem } from \"./Styles\";\n\ninterface IListItem {\n className?: string;\n children?: ReactNode;\n}\n\nexport const ListItem = forwardRef(\n (\n {\n children,\n className,\n ...props\n }: IListItem & HTMLAttributes<HTMLLIElement>,\n ref: Ref<HTMLLIElement> | null | undefined\n ) => {\n return (\n <StyledListItem\n {...props}\n className={classnames(\"c-list-item\", className)}\n ref={ref}\n >\n {children}\n </StyledListItem>\n );\n }\n);\n\nListItem.displayName = \"ListItem\";\n","import React, { FC, HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledListSeparator } from \"./Styles\";\n\nexport const ListSeparator: FC<HTMLAttributes<HTMLDivElement>> = ({\n className,\n}) => {\n return (\n <StyledListSeparator\n className={classnames(\"c-list-separator\", className)}\n />\n );\n};\n\nListSeparator.displayName = \"ListSeparator\";\n","import React from \"react\";\nconst ArrowBackIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={7}\n height={13}\n viewBox=\"0 0 7 13\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M1.839 6.425l4.586-4.586V.425l-6 6 6 6V11.01z\"\n fillRule=\"nonzero\"\n />\n </svg>\n )\n);\nArrowBackIcon.displayName = \"ArrowBackIcon\";\nexport default ArrowBackIcon;\n","import React from \"react\";\nconst TreeDotsIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M6 10a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4z\"\n fillRule=\"nonzero\"\n />\n </svg>\n )\n);\nTreeDotsIcon.displayName = \"TreeDotsIcon\";\nexport default TreeDotsIcon;\n","import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport ArrowBackIcon from \"../Icons/collection/ArrowBack\";\nimport TreeDotsIcon from \"../Icons/collection/TreeDots\";\n\nexport const StyledMenuSelectorDots = styled(TreeDotsIcon)`\n ${tw`tw-cursor-pointer tw-flex-shrink-0 tw-ml-2`}\n`;\n\nStyledMenuSelectorDots.displayName = \"StyledMenuSelectorDots\";\n\nexport const StyledMenuSelectorBack = styled(ArrowBackIcon)`\n ${tw`tw-cursor-pointer tw-stroke-current tw-flex-shrink-0 tw-mr-2`}\n`;\n\nStyledMenuSelectorBack.displayName = \"StyledMenuSelectorBack\";\n\nexport const StyledMenuSelector = styled.div`\n ${BoxSizingStyle}\n ${FontStyle}\n\n color: var(--color-theme-700);\n`;\n\nStyledMenuSelector.displayName = \"StyledMenuSelector\";\n\nexport const StyledMenuSelectorInner = styled.div`\n ${tw`tw-flex tw-items-center tw-m-4`}\n`;\n\nStyledMenuSelectorInner.displayName = \"StyledMenuSelectorInner\";\n","import React, { FC, FocusEvent, useCallback, ChangeEvent } from \"react\";\nimport classNames from \"classnames\";\nimport { Input } from \"../Input\";\nimport {\n StyledMenuSelector,\n StyledMenuSelectorBack,\n StyledMenuSelectorDots,\n StyledMenuSelectorInner,\n} from \"./Styles\";\n\ninterface IMenuSelector {\n /** Initial value on mount */\n defaultValue?: string;\n /** Input placeholder */\n placeholder?: string;\n /** Execute callback when input has been changed */\n onChange?: (value: string) => void;\n /** Execute callback when click on back button */\n onBack?: () => void;\n /** Execute callback when click on edit button */\n onEdit?: () => void;\n /** Auto focus on mount */\n autoFocus?: boolean;\n /** Applies passed classes */\n className?: string;\n /** Input focus event callback */\n onFocus?: (e: FocusEvent<HTMLInputElement>) => void;\n /** Input focus event callback */\n onBlur?: (e: FocusEvent<HTMLInputElement>) => void;\n /** Set auto complete option on/off */\n autoComplete?: boolean;\n}\n\nexport const MenuSelector: FC<IMenuSelector> = ({\n defaultValue,\n children,\n placeholder,\n onChange,\n onBack,\n onEdit,\n autoFocus = false,\n className,\n onFocus,\n onBlur,\n autoComplete = false,\n}) => {\n const handleChange = useCallback(\n (e: ChangeEvent<HTMLInputElement>) => {\n if (typeof onChange === \"function\") {\n onChange(e.target.value);\n }\n },\n [onChange]\n );\n\n return (\n <StyledMenuSelector className={classNames(\"c-menu-selector\", className)}>\n <StyledMenuSelectorInner>\n {typeof onBack === \"function\" ? (\n <StyledMenuSelectorBack onClick={onBack} width=\"16px\" height=\"16px\" />\n ) : null}\n <Input\n onChange={handleChange}\n placeholder={placeholder}\n autoFocus={autoFocus}\n defaultValue={defaultValue}\n onFocus={onFocus}\n onBlur={onBlur}\n autoComplete={autoComplete ? \"on\" : \"off\"}\n />\n {typeof onEdit === \"function\" ? (\n <StyledMenuSelectorDots onClick={onEdit} />\n ) : null}\n </StyledMenuSelectorInner>\n {children}\n </StyledMenuSelector>\n );\n};\n\nMenuSelector.displayName = \"MenuSelector\";\n","import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nconst StyledMultiAvatarImg = css`\n width: inherit;\n height: inherit;\n`;\n\nexport const StyledMultiAvatarInner = styled.div`\n overflow: hidden;\n position: absolute;\n`;\n\nexport const StyledMultiAvatar = styled.div<{ $urlCount: number }>`\n ${BoxSizingStyle}\n\n border-radius: 100%;\n position: relative;\n overflow: hidden;\n\n ${(props) =>\n props.$urlCount === 2 &&\n css`\n ${StyledMultiAvatarInner}:first-child {\n left: 0;\n img {\n transform: translateX(-20%);\n }\n }\n ${StyledMultiAvatarInner}:last-child {\n right: 0;\n img {\n transform: translateX(-20%);\n }\n }\n `}\n\n ${(props) =>\n props.$urlCount === 3 &&\n css`\n ${StyledMultiAvatarInner}:nth-child(1) {\n left: 0;\n img {\n transform: translateX(-20%);\n }\n }\n ${StyledMultiAvatarInner}:nth-child(2) {\n right: 0;\n top: 0;\n\n img {\n ${StyledMultiAvatarImg}\n }\n }\n ${StyledMultiAvatarInner}:nth-child(3) {\n right: 0;\n bottom: 0;\n\n img {\n ${StyledMultiAvatarImg}\n }\n }\n `}\n\n ${(props) =>\n props.$urlCount > 3 &&\n css`\n img {\n ${StyledMultiAvatarImg}\n }\n ${StyledMultiAvatarInner}:nth-child(1) {\n left: 0;\n }\n ${StyledMultiAvatarInner}:nth-child(2) {\n left: 0;\n bottom: 0;\n }\n ${StyledMultiAvatarInner}:nth-child(3) {\n right: 0;\n top: 0;\n }\n ${StyledMultiAvatarInner}:nth-child(4) {\n right: 0;\n bottom: 0;\n }\n `}\n`;\n\nStyledMultiAvatar.displayName = \"StyledMultiAvatar\";\nStyledMultiAvatarInner.displayName = \"StyledMultiAvatarInner\";\n","import React, { FC, useCallback, useMemo } from \"react\";\nimport { StyledMultiAvatar, StyledMultiAvatarInner } from \"./Styles\";\n\ninterface IMultiAvatar {\n /** Path url. */\n url: string[];\n /** Alt text. */\n alt?: string[];\n /** Image size. */\n size?: number;\n /** Custom class. */\n className?: string;\n}\n\nexport const MultiAvatar: FC<IMultiAvatar> = ({\n url,\n alt = \"Avatar Image\",\n size = 24,\n className,\n}) => {\n const setSize = useCallback(\n (i: number): object => {\n switch (url.length) {\n case 1:\n return { width: `${size}px`, height: `${size}px` };\n case 2:\n return { width: `${size / 2}px`, height: `${size}px` };\n case 3:\n if (i === 0) {\n return { width: `${size / 2}px`, height: `${size}px` };\n } else {\n return { width: `${size / 2}px`, height: `${size / 2}px` };\n }\n default:\n return { width: `${size / 2}px`, height: `${size / 2}px` };\n }\n },\n [size, url.length]\n );\n\n const slicedUrl = useMemo(() => {\n if (url?.length > 4) {\n return url.slice(0, 4);\n }\n\n return url;\n }, [url]);\n\n return (\n <StyledMultiAvatar\n style={{ width: `${size}px`, height: `${size}px` }}\n className={className}\n $urlCount={url.length}\n >\n {slicedUrl.map((v, i) => (\n <StyledMultiAvatarInner\n style={setSize(i)}\n className=\"c-multi-avatar__wrapper\"\n key={`avatar_${i}`}\n >\n <img\n src={v}\n alt={alt[i] ? alt[i] : `avatar_${i}`}\n width={size}\n height={size}\n />\n </StyledMultiAvatarInner>\n ))}\n </StyledMultiAvatar>\n );\n};\n\nMultiAvatar.displayName = \"MultiAvatar\";\n","import { useRef, useEffect, MutableRefObject } from \"react\";\n\nexport const useInitScrollRef = (\n element: HTMLDivElement | null,\n invert = false\n): MutableRefObject<HTMLDivElement | null> => {\n const ref = useRef<HTMLDivElement | null>(element);\n\n useEffect(() => {\n if (ref.current) {\n ref.current.scrollTop = invert ? -1 : 1;\n ref.current.scrollTop = 0;\n ref.current.scrollLeft = invert ? -1 : 1;\n ref.current.scrollLeft = 0;\n }\n }, [invert]);\n\n return ref;\n};\n","import React, { forwardRef, HTMLAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames\";\nimport { useInitScrollRef } from \"../../hooks\";\nimport useForkRef from \"../../utils/useForkRef\";\n\ninterface IScrollElement extends HTMLAttributes<HTMLElement> {\n as?: string;\n children?: ReactNode;\n invert?: boolean;\n}\n\nexport const ScrollElement = forwardRef<HTMLElement, IScrollElement>(\n ({ as = \"div\", className, invert = false, ...rest }, ref) => {\n const internalRef = useInitScrollRef(null, invert);\n const handleRef = useForkRef(internalRef, ref);\n\n const props = {\n ...rest,\n ref: handleRef,\n className: classNames(\"c-scroll-element tw-overflow-auto\", className),\n };\n\n return React.createElement(as, props);\n }\n);\n\nScrollElement.displayName = \"ScrollElement\";\n","import React from \"react\";\nconst ActivityIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path d=\"M6 4a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2H6zm0-2h12a4 4 0 014 4v12a4 4 0 01-4 4H6a4 4 0 01-4-4V6a4 4 0 014-4zm2.962 10.317a1 1 0 01-.949.684H5.76a1 1 0 010-2h1.532l1.772-5.317c.304-.912 1.594-.912 1.898 0l3.051 9.154 1.051-3.154a1 1 0 01.95-.684H18a1 1 0 010 2h-1.266l-1.772 5.316c-.304.912-1.594.912-1.898 0l-3.05-9.153-1.052 3.154z\" />\n <path\n stroke=\"#F4F5F7\"\n strokeWidth={0.1}\n opacity={0.01}\n d=\"M.05.05h23.9v23.9H.05z\"\n />\n </svg>\n )\n);\nActivityIcon.displayName = \"ActivityIcon\";\nexport default ActivityIcon;\n","import React from \"react\";\nconst AddCrossIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={10}\n height={10}\n viewBox=\"0 0 10 10\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path d=\"M6 0v4h4v2H6v4H4V6H0V4h4V0h2z\" fillRule=\"nonzero\" />\n </svg>\n )\n);\nAddCrossIcon.displayName = \"AddCrossIcon\";\nexport default AddCrossIcon;\n","import React from \"react\";\nconst ArrowCollapseMultipleIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M12 15l4.72 4.461a.867.867 0 010 1.275.995.995 0 01-1.25.08l-.098-.08L12 17.549l-3.372 3.187a.993.993 0 01-1.349 0 .865.865 0 01-.079-1.19l.08-.085L12 15zm4.72-11.736a.867.867 0 010 1.275L12 9 7.28 4.539a.867.867 0 010-1.275.993.993 0 011.348 0L12 6.451l3.372-3.187a.993.993 0 011.349 0zM6 11h12a1 1 0 010 2H6a1 1 0 010-2z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nArrowCollapseMultipleIcon.displayName = \"ArrowCollapseMultipleIcon\";\nexport default ArrowCollapseMultipleIcon;\n","import React from \"react\";\nconst ArrowExpandeMultipleIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M16.72 15.264a.867.867 0 010 1.275L12 21l-4.72-4.461a.867.867 0 010-1.275.993.993 0 011.348 0L12 18.451l3.372-3.187a.993.993 0 011.349 0zM18 11a1 1 0 010 2H6a1 1 0 010-2h12zm-6-8l4.72 4.461a.867.867 0 010 1.275.995.995 0 01-1.25.08l-.098-.08L12 5.549 8.628 8.736a.993.993 0 01-1.349 0 .865.865 0 01-.079-1.19l.08-.085L12 3z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nArrowExpandeMultipleIcon.displayName = \"ArrowExpandeMultipleIcon\";\nexport default ArrowExpandeMultipleIcon;\n","import React from \"react\";\nconst ArrowLeftBoxIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M9.92 15.59L7.33 13H17v-2H7.33l2.59-2.59L8.5 7l-5 5 5 5 1.42-1.41zM5 3a2 2 0 00-2 2v4.67l2-2V5h14v14H5v-2.67l-2-2V19a2 2 0 002 2h14a2 2 0 002-2V5c0-1.11-.89-2-2-2H5z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nArrowLeftBoxIcon.displayName = \"ArrowLeftBoxIcon\";\nexport default ArrowLeftBoxIcon;\n","import React from \"react\";\nconst ArrowRefreshIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M12 3a9 9 0 00-9 9H1l3 3.89L7 12H5a7 7 0 117 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.896 8.896 0 0012 21a9 9 0 000-18z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nArrowRefreshIcon.displayName = \"ArrowRefreshIcon\";\nexport default ArrowRefreshIcon;\n","import React from \"react\";\nconst AssignIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M12 2c.685 0 1.354.069 2.001.2v2.052a8 8 0 00-7.86 13.195 3.988 3.988 0 011.981-1.05A19.248 19.248 0 0112 16c1.292 0 2.585.133 3.877.398.76.156 1.444.525 1.983 1.048A7.97 7.97 0 0020 12c0-.69-.087-1.36-.252-2H21.8c.131.646.2 1.315.2 2a9.971 9.971 0 01-3.073 7.212l-.001.001-.056.053a10.057 10.057 0 01-1.61 1.24A9.953 9.953 0 0112 22a9.954 9.954 0 01-4.951-1.31l-.31-.184-.02-.013a10.02 10.02 0 01-1.634-1.27l-.012-.01A9.971 9.971 0 012 12C2 6.477 6.477 2 12 2zm0 16c-1.157 0-2.315.119-3.476.357a1.998 1.998 0 00-.831.385A7.958 7.958 0 0012 20a7.963 7.963 0 004.307-1.257 1.984 1.984 0 00-.832-.386A17.249 17.249 0 0012 18zm0-11a4 4 0 110 8 4 4 0 010-8zm0 2a2 2 0 100 4 2 2 0 000-4zm8-7v2h2v2h-2v2h-2V5.999L16 6V4l2-.001V2h2z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nAssignIcon.displayName = \"AssignIcon\";\nexport default AssignIcon;\n","import React from \"react\";\nconst BackIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n fillRule=\"nonzero\"\n d=\"M11.071 5l1.414 1.414-4.657 4.657h11.243v2H7.83l4.656 4.657-1.414 1.414L4 12.072z\"\n />\n </svg>\n )\n);\nBackIcon.displayName = \"BackIcon\";\nexport default BackIcon;\n","import React from \"react\";\nconst BellOffSmallIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={12}\n height={12}\n viewBox=\"0 0 12 12\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M8 11v1H4v-1h4zM1.414.707l9.9 9.9-.707.707L9.293 10H2V5c0-.665.162-1.292.45-1.843L.706 1.414l.707-.707zm1.591 4.117L3 5v4h5.293l-5.09-5.09c-.11.286-.18.593-.198.914zM7 0v1.126c1.725.444 3 2.01 3 3.874v2.9l-1-1V5a3 3 0 00-2.824-2.995L6 2c-.546 0-1.058.146-1.499.4l-.726-.725A3.98 3.98 0 015 1.126L5 0h2z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nBellOffSmallIcon.displayName = \"BellOffSmallIcon\";\nexport default BellOffSmallIcon;\n","import React from \"react\";\nconst BellOffIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M11 19c0 .6.4 1 1 1s1-.4 1-1h2c0 1.7-1.3 3-3 3s-3-1.3-3-3h2zM4.222 2.808l16.97 16.97-1.414 1.414L16.586 18H3v-3.9l.7-.2C4.5 13.6 5 12.8 5 12v-2c0-1.029.232-2.028.652-2.932L2.808 4.222l1.414-1.414zM12 1c1.44 0 2.696 1.014 2.97 2.51l.03.19c2.4 1.2 4 3.6 4 6.3v2c0 .8.5 1.6 1.3 1.9l.7.2v2.674l-3.909-3.907A4.121 4.121 0 0117 12v-2c0-1.9-1.1-3.7-2.9-4.5l-1-.5-.1-1.1c-.1-.5-.5-.9-1-.9s-.9.4-1 .9L10.9 5l-1 .5-.118.055-1.481-1.482c.224-.137.458-.262.699-.373.2-1.6 1.5-2.7 3-2.7zm2.586 15L7.198 8.613C7.068 9.06 7 9.527 7 10v2c0 1.4-.8 2.8-2 3.5v.5h9.586z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nBellOffIcon.displayName = \"BellOffIcon\";\nexport default BellOffIcon;\n","import React from \"react\";\nconst BudgetAlertIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M14 17v1h-4v-1h4zM13 5l.001 1.1A5.002 5.002 0 0117 11v5H7v-5a5.002 5.002 0 014-4.9V5h2zm-1 2a4 4 0 00-3.995 3.8L8 11v4h8v-4a4 4 0 00-3.8-3.995L12 7z\"\n fillRule=\"nonzero\"\n />\n </svg>\n )\n);\nBudgetAlertIcon.displayName = \"BudgetAlertIcon\";\nexport default BudgetAlertIcon;\n","import React from \"react\";\nconst BudgetNoAlertIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M14 17v1h-4v-1h4zm2.89-9.88l.717.698-1.072 1.073c.299.64.465 1.355.465 2.109v5H9.423L7.71 17.714 7 17.01l9.89-9.89zm-1.12 2.537L10.422 15H16v-4c0-.471-.081-.924-.23-1.343zM13 5l.002 1.1a4.97 4.97 0 011.63.647l-.732.732a3.977 3.977 0 00-1.7-.474L12 7a4 4 0 00-3.995 3.8L8 11v2.379l-1 1V11a5.002 5.002 0 014-4.9V5h2z\"\n fillRule=\"nonzero\"\n />\n </svg>\n )\n);\nBudgetNoAlertIcon.displayName = \"BudgetNoAlertIcon\";\nexport default BudgetNoAlertIcon;\n","import React from \"react\";\nconst CalendarAddXIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M7 2v2h10V2h2v2h1a2 2 0 012 2v6h-2V9H4v11h8v2H4a2 2 0 01-2-2V6a2 2 0 012-2h1V2h2zm12 12v3h3v2h-3v3h-2v-3h-3v-2l3-.001V14h2zm-9.586-3.828l1.414 1.414L9.414 13l1.414 1.414-1.414 1.414L8 14.414l-1.413 1.414-1.414-1.414L6.585 13l-1.413-1.413 1.414-1.414L8 11.586l1.414-1.414z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nCalendarAddXIcon.displayName = \"CalendarAddXIcon\";\nexport default CalendarAddXIcon;\n","import React from \"react\";\nconst CalendarEmptyIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M7 2v2h10V2h2v2h1a2 2 0 012 2v14a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2h1V2h2zm13 7H4v11h16V9z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nCalendarEmptyIcon.displayName = \"CalendarEmptyIcon\";\nexport default CalendarEmptyIcon;\n","import React from \"react\";\nconst CalendarIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M7 2v2h10V2h2v2h1a2 2 0 012 2v14a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2h1V2h2zm13 7H4v11h16V9zm-10 2v4H6v-4h4z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nCalendarIcon.displayName = \"CalendarIcon\";\nexport default CalendarIcon;\n","import React from \"react\";\nconst CancelCrossIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M16.95 5.636l1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636l4.95 4.95z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nCancelCrossIcon.displayName = \"CancelCrossIcon\";\nexport default CancelCrossIcon;\n","import React from \"react\";\nconst ChatIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M20 4a3 3 0 013 3v9.2a3 3 0 01-3 3H7.794L1 23V7a3 3 0 013-3h16z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nChatIcon.displayName = \"ChatIcon\";\nexport default ChatIcon;\n","import React from \"react\";\nconst CheckIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M18.94 5.938a1.5 1.5 0 012.222 2.01l-.103.114-10.026 10a1.5 1.5 0 01-2.005.103l-.114-.103-4.973-4.96a1.5 1.5 0 012.004-2.227l.114.102 3.914 3.904 8.968-8.943z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nCheckIcon.displayName = \"CheckIcon\";\nexport default CheckIcon;\n","import React from \"react\";\nconst CheckboxBlankTogglerIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm3.607 5.707a1 1 0 010 1.414l-3.657 3.657a1 1 0 01-1.414 0L8.707 12.95a1 1 0 011.414-1.414l1.12 1.12 2.951-2.949a1 1 0 011.415 0z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nCheckboxBlankTogglerIcon.displayName = \"CheckboxBlankTogglerIcon\";\nexport default CheckboxBlankTogglerIcon;\n","import React from \"react\";\nconst ChecklistSmallIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={12}\n height={12}\n viewBox=\"0 0 12 12\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M2.5 9a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm0 1a.5.5 0 100 1 .5.5 0 000-1zm8.5 0v1H5v-1h6zM2.5 5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm0 1a.5.5 0 100 1 .5.5 0 000-1zM11 6v1H5V6h6zM2.5 1a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm0 1a.5.5 0 100 1 .5.5 0 000-1zM11 2v1H5V2h6z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nChecklistSmallIcon.displayName = \"ChecklistSmallIcon\";\nexport default ChecklistSmallIcon;\n","import React from \"react\";\nconst ChecklistIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M5 16a3 3 0 110 6 3 3 0 010-6zm16 2a1 1 0 010 2H11a1 1 0 010-2h10zM5 18a1 1 0 100 2 1 1 0 000-2zm0-9a3 3 0 110 6 3 3 0 010-6zm16 2a1 1 0 010 2H11a1 1 0 010-2h10zM5 11a1 1 0 100 2 1 1 0 000-2zm0-9a3 3 0 110 6 3 3 0 010-6zm16 2a1 1 0 010 2H11a1 1 0 010-2h10zM5 4a1 1 0 100 2 1 1 0 000-2z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nChecklistIcon.displayName = \"ChecklistIcon\";\nexport default ChecklistIcon;\n","import React from \"react\";\nconst CircleMultipleIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M19.657 8.343A8 8 0 118.343 19.657 8 8 0 0119.657 8.343zm-9.9 1.414a6 6 0 108.486 8.486 6 6 0 00-8.486-8.486zM10 2a7.97 7.97 0 015.291 2H10a6 6 0 00-5.996 5.775L4 10v5.291A8 8 0 0110 2z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nCircleMultipleIcon.displayName = \"CircleMultipleIcon\";\nexport default CircleMultipleIcon;\n","import React from \"react\";\nconst ClockAddIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10h-2a8 8 0 10-8 8v2C6.477 22 2 17.523 2 12zm17 2v3h3v2h-3v3h-2v-3.001L14 19v-2l3-.001V14h2zm-8-8v4.999L6 11v2h7V6h-2z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nClockAddIcon.displayName = \"ClockAddIcon\";\nexport default ClockAddIcon;\n","import React from \"react\";\nconst ClockSmallIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={12}\n height={12}\n viewBox=\"0 0 12 12\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M5.5.9a5.5 5.5 0 110 11 5.5 5.5 0 010-11zm0 1a4.5 4.5 0 100 9 4.5 4.5 0 000-9zM6 3v3h3v1H5V3h1z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nClockSmallIcon.displayName = \"ClockSmallIcon\";\nexport default ClockSmallIcon;\n","import React from \"react\";\nconst ClockStopwatchSmallIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={12}\n height={12}\n viewBox=\"0 0 12 12\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M5.5.9a5.5 5.5 0 110 11 5.5 5.5 0 010-11zm0 1a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm.515 1v4H5v-4h1.015zM9.797 0l2.152 2.121-.717.707L9.08.708 9.797 0z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nClockStopwatchSmallIcon.displayName = \"ClockStopwatchSmallIcon\";\nexport default ClockStopwatchSmallIcon;\n","import React from \"react\";\nconst ClockStopwatchIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M12 2c2.393 0 4.59.84 6.312 2.243l1.604-1.657L21.33 4 19.73 5.654A9.959 9.959 0 0122 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm-1 2v7h2V6h-2z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nClockStopwatchIcon.displayName = \"ClockStopwatchIcon\";\nexport default ClockStopwatchIcon;\n","import React from \"react\";\nconst ClockIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm1 2v7H6v-2h5V6h2z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nClockIcon.displayName = \"ClockIcon\";\nexport default ClockIcon;\n","import React from \"react\";\nconst CommentIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={12}\n height={12}\n viewBox=\"0 0 12 12\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M2 0C1 0 0 1 0 2v10l2.667-2a5 5 0 013-1H10c1 0 2-1 2-2V2c0-1-1-2-2-2H2zm7.6 1A1.4 1.4 0 0111 2.4v4.2A1.4 1.4 0 019.6 8H5.009a4 4 0 00-2.391.794L1 10V2.4A1.4 1.4 0 012.4 1h7.2zM9 5H3v1h6V5zm0-2H3v1h6V3z\"\n fillRule=\"nonzero\"\n />\n </svg>\n )\n);\nCommentIcon.displayName = \"CommentIcon\";\nexport default CommentIcon;\n","import React from \"react\";\nconst CommentsIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={12}\n height={12}\n viewBox=\"0 0 12 12\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M2 0C1 0 0 1 0 2v10l2.667-2a5 5 0 013-1H10c1 0 2-1 2-2V2c0-1-1-2-2-2H2zm7.6 8H5.009a4 4 0 00-2.391.794L1 10V2.4A1.4 1.4 0 012.4 1h7.2A1.4 1.4 0 0111 2.4v4.2A1.4 1.4 0 019.6 8z\"\n fillRule=\"nonzero\"\n />\n </svg>\n )\n);\nCommentsIcon.displayName = \"CommentsIcon\";\nexport default CommentsIcon;\n","import React from \"react\";\nconst ComputerIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M21 16H3V4h18m0-2H3c-1.11 0-2 .89-2 2v12a2 2 0 002 2h7v2H8v2h8v-2h-2v-2h7a2 2 0 002-2V4a2 2 0 00-2-2z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nComputerIcon.displayName = \"ComputerIcon\";\nexport default ComputerIcon;\n","import React from \"react\";\nconst CrownBlankIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M15.674 9.488l2.704-.98L17.3 13H6.7L5.663 8.507l2.662.978A1 1 0 009.45 9.17L12 5.988l2.552 3.186a1 1 0 001.122.314zM8.5 7.482L4.69 6.097a1 1 0 00-1.32 1.145L5 15h14l1.63-7.758a1 1 0 00-1.32-1.145L15.5 7.482l-2.747-3.14a1 1 0 00-1.506 0L8.5 7.482zM19 17H5v1c0 .6.4 1 1 1h12c.6 0 1-.4 1-1v-1z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nCrownBlankIcon.displayName = \"CrownBlankIcon\";\nexport default CrownBlankIcon;\n","import React from \"react\";\nconst CrownSelectedIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M8.5 7.487L4.69 6.1a1 1 0 00-1.32 1.146L5 15h14l1.63-7.753A1 1 0 0019.31 6.1L15.5 7.487l-2.747-3.14a1 1 0 00-1.506 0L8.5 7.487zM19 17H5v1c0 .6.4 1 1 1h12c.6 0 1-.4 1-1v-1z\"\n fillRule=\"nonzero\"\n />\n </svg>\n )\n);\nCrownSelectedIcon.displayName = \"CrownSelectedIcon\";\nexport default CrownSelectedIcon;\n","import React from \"react\";\nconst DependencySmallIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={12}\n height={12}\n viewBox=\"0 0 12 12\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M10 7a2 2 0 110 4 2 2 0 010-4zm0 1a1 1 0 100 2 1 1 0 000-2zM4.5 6v2.499L7 8.5v1H3.5V6h1zM4 1a2 2 0 110 4 2 2 0 010-4zm0 1a1 1 0 100 2 1 1 0 000-2z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nDependencySmallIcon.displayName = \"DependencySmallIcon\";\nexport default DependencySmallIcon;\n","import React from \"react\";\nconst DependencyIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M19 14a4 4 0 110 8 4 4 0 010-8zm0 2a2 2 0 100 4 2 2 0 000-4zM8 12v4.998L13 17v2H6v-7h2zM7 2a4 4 0 110 8 4 4 0 010-8zm0 2a2 2 0 100 4 2 2 0 000-4z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nDependencyIcon.displayName = \"DependencyIcon\";\nexport default DependencyIcon;\n","import React from \"react\";\nconst DollarCheckmarkSmallIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={12}\n height={12}\n viewBox=\"0 0 12 12\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M11.243 8.121l.707.707-2.829 2.829L7 9.536l.707-.708 1.414 1.414 2.122-2.12zM5.5 0a5.5 5.5 0 015.293 7l-1.05.001A4.5 4.5 0 106 9.972v1.006A5.5 5.5 0 115.5 0zM6 2v1h1v1H5v1h2v3H6v1H5V8H4V7h2V6H4V3h1V2h1z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nDollarCheckmarkSmallIcon.displayName = \"DollarCheckmarkSmallIcon\";\nexport default DollarCheckmarkSmallIcon;\n","import React from \"react\";\nconst DollarCheckmarkIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M12 2c5.523 0 10 4.477 10 10h-2a8 8 0 10-8 8v2C6.477 22 2 17.523 2 12S6.477 2 12 2zm9.607 13.707a1 1 0 010 1.414l-3.657 3.657a1 1 0 01-1.414 0l-1.829-1.828a1 1 0 011.414-1.414l1.12 1.12 2.951-2.949a1 1 0 011.415 0zM13 7v1h2v2h-4v1h3a1 1 0 01.993.883L15 12v3a1 1 0 01-.883.993L14 16h-1v1h-2v-1H9v-2h4v-1h-3a1 1 0 01-.993-.883L9 12V9a1 1 0 01.883-.993L10 8h1V7h2z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nDollarCheckmarkIcon.displayName = \"DollarCheckmarkIcon\";\nexport default DollarCheckmarkIcon;\n","import React from \"react\";\nconst DollarClockSmallIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={12}\n height={12}\n viewBox=\"0 0 12 12\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M10 5v1h1v1H9v1h2v3h-1v1H9v-1H8v-1h2V9H8V6h1V5h1zM8 1v3L6 6l1 1v1.25l-2-2-2 2V10h4v1H2V8l2-2-2-2V1h6zM7 2H3v1.75l2 2 2-2V2z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nDollarClockSmallIcon.displayName = \"DollarClockSmallIcon\";\nexport default DollarClockSmallIcon;\n","import React from \"react\";\nconst DollarClockIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M20 13v1h2v2h-4v1h3a1 1 0 01.993.883L22 18v3a1 1 0 01-.883.993L21 22h-1v1h-2v-1h-2v-2h4v-1h-3a1 1 0 01-.993-.883L16 18v-3a1 1 0 01.883-.993L17 14h1v-1h2zM18 2v6l-4 4 1.199 1.199L14.2 14.7 12 12.5l-4 4V20h6v2H6v-6l4-4-4-4V2h12zm-2 2H8v3.5l4 4 4-4V4z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nDollarClockIcon.displayName = \"DollarClockIcon\";\nexport default DollarClockIcon;\n","import React from \"react\";\nconst DollarOffSmallIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={12}\n height={12}\n viewBox=\"0 0 12 12\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M1.05 1.05l9.9 9.9-.707.707L8.47 9.883A.996.996 0 018 10H7v1H5v-1H4a1 1 0 01-1-1V8h1v.7a.3.3 0 00.3.3h3.286l-3-3H4a1 1 0 01-1-1v-.587L.342 1.757l.707-.707zM8 5a1 1 0 011 1v1.586l-1-1V6.3a.3.3 0 00-.3-.3h-.286l-1-1H8zM7 1v1h1a1 1 0 011 1v1H8v-.7a.3.3 0 00-.3-.3H4.414l-.883-.883C3.67 2.042 3.83 2 4 2h1V1h2z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nDollarOffSmallIcon.displayName = \"DollarOffSmallIcon\";\nexport default DollarOffSmallIcon;\n","import React from \"react\";\nconst DollarOffIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M3 4.27L4.28 3 21 19.72 19.73 21l-3.67-3.67c-.62.67-1.52 1.22-2.56 1.49V21h-3v-2.18C8.47 18.31 7 16.79 7 15h2c0 1.08 1.37 2 3 2 1.13 0 2.14-.44 2.65-1.08l-2.97-2.97C9.58 12.42 7 11.75 7 9c0-.23 0-.45.07-.66L3 4.27m7.5.91V3h3v2.18C15.53 5.69 17 7.21 17 9h-2c0-1.08-1.37-2-3-2-.37 0-.72.05-1.05.13L9.4 5.58l1.1-.4z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nDollarOffIcon.displayName = \"DollarOffIcon\";\nexport default DollarOffIcon;\n","import React from \"react\";\nconst DollarSmallIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={12}\n height={12}\n viewBox=\"0 0 12 12\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M8 10H7v1H5v-1H4a1 1 0 01-1-1V8h1v.7a.3.3 0 00.3.3h3.4a.3.3 0 00.3-.3V6.3a.3.3 0 00-.3-.3H4a1 1 0 01-1-1V3a1 1 0 011-1h1V1h2v1h1a1 1 0 011 1v1H8v-.7a.3.3 0 00-.3-.3H4.3a.3.3 0 00-.3.3v1.4a.3.3 0 00.3.3H8a1 1 0 011 1v3a1 1 0 01-1 1z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nDollarSmallIcon.displayName = \"DollarSmallIcon\";\nexport default DollarSmallIcon;\n","import React from \"react\";\nconst DollarIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M7 15h2c0 1.08 1.37 2 3 2s3-.92 3-2c0-1.1-1.04-1.5-3.24-2.03C9.64 12.44 7 11.78 7 9c0-1.79 1.47-3.31 3.5-3.82V3h3v2.18C15.53 5.69 17 7.21 17 9h-2c0-1.08-1.37-2-3-2s-3 .92-3 2c0 1.1 1.04 1.5 3.24 2.03C14.36 11.56 17 12.22 17 15c0 1.79-1.47 3.31-3.5 3.82V21h-3v-2.18C8.47 18.31 7 16.79 7 15z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nDollarIcon.displayName = \"DollarIcon\";\nexport default DollarIcon;\n","import React from \"react\";\nconst DownloadIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path d=\"M5 21h14v-2H5m14-9h-4V4H9v6H5l7 7 7-7z\" fillRule=\"nonzero\" />\n </svg>\n )\n);\nDownloadIcon.displayName = \"DownloadIcon\";\nexport default DownloadIcon;\n","import React from \"react\";\nconst DriveIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M7.71 3.5L1.15 15l3.43 6 6.55-11.5M9.73 15L6.3 21h13.12l3.43-6m-.57-1L15.42 2H8.57l6.86 12h6.85z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nDriveIcon.displayName = \"DriveIcon\";\nexport default DriveIcon;\n","import React from \"react\";\nconst DropboxIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M2 7.2l5 3.19 5-3.19L7 4 2 7.2m10 0l5 3.19 5-3.19L17 4l-5 3.2M2 13.55l5 3.19 5-3.19-5-3.2-5 3.2m15-3.2l-5 3.2 5 3.19 5-3.19-5-3.2M7.03 17.8l5.01 3.2 5-3.2-5-3.19-5.01 3.19z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nDropboxIcon.displayName = \"DropboxIcon\";\nexport default DropboxIcon;\n","import React from \"react\";\nconst DuplicateIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M20 20V8H8v12h12m2 0a2 2 0 01-2 2H8a2 2 0 01-2-2V8c0-1.11.89-2 2-2h12a2 2 0 012 2v12m-7-9v2h2v2h-2v2h-2v-2.001L11 15v-2l2-.001V11h2zM4 16H2V4a2 2 0 012-2h13v2H4v12z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nDuplicateIcon.displayName = \"DuplicateIcon\";\nexport default DuplicateIcon;\n","import React from \"react\";\nconst EditIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M3 5v14a2 2 0 002 2h14a2 2 0 002-2v-7h-2v7H5V5h7V3H5c-1.11 0-2 .89-2 2zm6.875 10.535L18 7.41 16.59 6l-8.125 8.125a.997.997 0 101.41 1.41zM19.17 6.24L21 4.41 19.59 3l-1.83 1.83 1.41 1.41z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nEditIcon.displayName = \"EditIcon\";\nexport default EditIcon;\n","import React from \"react\";\nconst EmojiIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M12 17.5c2.33 0 4.3-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5M8.5 11a1.5 1.5 0 100-3 1.5 1.5 0 000 3m7 0a1.5 1.5 0 100-3 1.5 1.5 0 000 3M12 20a8 8 0 110-16 8 8 0 010 16m0-18C6.47 2 2 6.5 2 12a10 10 0 0010 10c5.523 0 10-4.477 10-10A10 10 0 0012 2z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nEmojiIcon.displayName = \"EmojiIcon\";\nexport default EmojiIcon;\n","import React from \"react\";\nconst EstimatesIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path d=\"M12 20a8 8 0 100-16 8 8 0 000 16zm0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-6a4 4 0 100-8 4 4 0 000 8zm0 2a6 6 0 110-12 6 6 0 010 12zm0-4a2 2 0 110-4 2 2 0 010 4z\" />\n <path\n stroke=\"#F4F5F7\"\n strokeWidth={0.1}\n opacity={0.01}\n d=\"M.05.05h23.9v23.9H.05z\"\n />\n </svg>\n )\n);\nEstimatesIcon.displayName = \"EstimatesIcon\";\nexport default EstimatesIcon;\n","import React from \"react\";\nconst ExportIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={16}\n height={22}\n viewBox=\"0 0 16 22\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M8 0L4 4h3v7h2V4h3L8 0zm6 22H2a2 2 0 01-2-2V8a2 2 0 012-2h3v2H2v12h12V8h-3V6h3a2 2 0 012 2v12a2 2 0 01-2 2z\"\n fillRule=\"nonzero\"\n />\n </svg>\n )\n);\nExportIcon.displayName = \"ExportIcon\";\nexport default ExportIcon;\n","import React from \"react\";\nconst EyeOffSmallIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={12}\n height={12}\n viewBox=\"0 0 12 12\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M1.05 1.05l9.9 9.9-.707.707L8.205 9.62C7.517 9.866 6.775 10 6 10 3.273 10 .944 8.341 0 6a6.35 6.35 0 011.971-2.615L.343 1.757l.707-.707zM1.19 6C2.09 7.792 3.95 8.933 6 8.933c.463 0 .915-.058 1.35-.168L6.176 7.59c-.058.006-.117.009-.176.009-.904 0-1.636-.716-1.636-1.6 0-.07.004-.14.013-.207L2.736 4.15A5.273 5.273 0 001.189 6zM6 2c2.727 0 5.056 1.659 6 4a6.35 6.35 0 01-1.972 2.615l-.765-.766A5.273 5.273 0 0010.811 6C9.91 4.208 8.05 3.067 6 3.067c-.463 0-.916.058-1.35.168l-.857-.855A6.553 6.553 0 016 2zm0 2.4c.904 0 1.636.716 1.636 1.6 0 .07-.004.14-.013.208l-1.8-1.799C5.88 4.403 5.94 4.4 6 4.4z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nEyeOffSmallIcon.displayName = \"EyeOffSmallIcon\";\nexport default EyeOffSmallIcon;\n","import React from \"react\";\nconst EyeOffIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M2 5.27L3.28 4 20 20.72 18.73 22l-3.08-3.08c-1.15.38-2.37.58-3.65.58-5 0-9.27-3.11-11-7.5.69-1.76 1.79-3.31 3.19-4.54L2 5.27M12 9a3 3 0 012.83 4L11 9.17A3 3 0 0112 9m0-4.5c5 0 9.27 3.11 11 7.5a11.79 11.79 0 01-4 5.19l-1.42-1.43A9.862 9.862 0 0020.82 12 9.821 9.821 0 0012 6.5c-1.09 0-2.16.18-3.16.5L7.3 5.47c1.44-.62 3.03-.97 4.7-.97M3.18 12A9.821 9.821 0 0012 17.5c.69 0 1.37-.07 2-.21L11.72 15A3.064 3.064 0 019 12.28L5.6 8.87c-.99.85-1.82 1.91-2.42 3.13z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nEyeOffIcon.displayName = \"EyeOffIcon\";\nexport default EyeOffIcon;\n","import React from \"react\";\nconst EyeSmallIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={12}\n height={12}\n viewBox=\"0 0 12 12\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M6 4.4c.904 0 1.636.716 1.636 1.6 0 .884-.732 1.6-1.636 1.6-.904 0-1.636-.716-1.636-1.6 0-.884.732-1.6 1.636-1.6M6 2c2.727 0 5.056 1.659 6 4-.944 2.341-3.273 4-6 4S.944 8.341 0 6c.944-2.341 3.273-4 6-4M1.19 6C2.09 7.792 3.95 8.933 6 8.933S9.91 7.792 10.81 6C9.91 4.208 8.05 3.067 6 3.067S2.09 4.208 1.19 6z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nEyeSmallIcon.displayName = \"EyeSmallIcon\";\nexport default EyeSmallIcon;\n","import React from \"react\";\nconst EyeIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M12 9a3 3 0 110 6 3 3 0 010-6m0-4.5c5 0 9.27 3.11 11 7.5-1.73 4.39-6 7.5-11 7.5S2.73 16.39 1 12c1.73-4.39 6-7.5 11-7.5M3.18 12a9.821 9.821 0 0017.64 0 9.821 9.821 0 00-17.64 0z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nEyeIcon.displayName = \"EyeIcon\";\nexport default EyeIcon;\n","import React from \"react\";\nconst FilterIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M7 13h10a1 1 0 000-2H7a1 1 0 000 2zM3 7a1 1 0 001 1h16a1 1 0 000-2H4a1 1 0 00-1 1zm8 11h2a1 1 0 000-2h-2a1 1 0 000 2z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nFilterIcon.displayName = \"FilterIcon\";\nexport default FilterIcon;\n","import React from \"react\";\nconst HelpIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path d=\"M12 5a7 7 0 100 14 7 7 0 000-14zm0-2a9 9 0 110 18 9 9 0 010-18zm0 12a1 1 0 110 2 1 1 0 010-2zm.276-3.865c.572-.311.724-.653.724-1.135a1 1 0 00-2 0H9a3 3 0 114 2.83V14h-2v-1a2 2 0 011.276-1.865z\" />\n </svg>\n )\n);\nHelpIcon.displayName = \"HelpIcon\";\nexport default HelpIcon;\n","import React from \"react\";\nconst InfoSmallIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={15}\n height={15}\n viewBox=\"0 0 15 15\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M7.5 14a6.5 6.5 0 100-13 6.5 6.5 0 000 13zm0 1a7.5 7.5 0 110-15 7.5 7.5 0 010 15zM7 6h1v6H7V6zm0-3h1v1H7V3z\"\n fillRule=\"nonzero\"\n />\n </svg>\n )\n);\nInfoSmallIcon.displayName = \"InfoSmallIcon\";\nexport default InfoSmallIcon;\n","import React from \"react\";\nconst InfoIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm-1 5V7h2v2h-2zm0 8v-6h2v6h-2z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nInfoIcon.displayName = \"InfoIcon\";\nexport default InfoIcon;\n","import React from \"react\";\nconst IntegrationsIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path d=\"M10 6H5v13h13v-5h-8V6zm2 6h8v7a2 2 0 01-2 2H5a2 2 0 01-2-2V6a2 2 0 012-2h7v8zm4-7v3h3V5h-3zm-2-2h5a2 2 0 012 2v5h-7V3z\" />\n <path\n stroke=\"#F4F5F7\"\n strokeWidth={0.1}\n opacity={0.01}\n d=\"M.05.05h23.9v23.9H.05z\"\n />\n </svg>\n )\n);\nIntegrationsIcon.displayName = \"IntegrationsIcon\";\nexport default IntegrationsIcon;\n","import React from \"react\";\nconst InvoicesIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path d=\"M15.19 4H5v16h14V7.891L15.19 4zM5 2h11.03L21 7.075V20a2 2 0 01-2 2H5a2 2 0 01-2-2V4a2 2 0 012-2zm4.974 11.752c-.01.532.13.952.42 1.26.29.308.649.504 1.078.588v-2.926a3.017 3.017 0 00-.448-.126 11.322 11.322 0 01-1.022-.329 3.337 3.337 0 01-.903-.504 2.325 2.325 0 01-.637-.784c-.159-.313-.238-.702-.238-1.169 0-.476.091-.896.273-1.26.182-.364.422-.67.721-.917a3.291 3.291 0 011.036-.574 4.667 4.667 0 011.218-.245V5.688h.826v1.078c.42.047.814.138 1.183.273.369.135.693.322.973.56.28.238.509.534.686.889.177.355.28.775.308 1.26H13.46a1.472 1.472 0 00-.35-.952c-.224-.261-.495-.392-.812-.392v2.478l.343.084a9 9 0 01.371.098c.69.187 1.223.418 1.596.693.373.275.649.562.826.861.177.299.282.597.315.896.033.299.049.565.049.798 0 .205-.051.464-.154.777a2.62 2.62 0 01-.553.917c-.266.299-.623.565-1.071.798-.448.233-1.022.373-1.722.42v1.19h-.826v-1.19c-1.045-.075-1.862-.397-2.45-.966-.588-.57-.929-1.405-1.022-2.506h1.974zm2.324 1.848c.168-.019.343-.058.525-.119a1.63 1.63 0 00.49-.259 1.38 1.38 0 00.357-.413c.093-.163.14-.357.14-.581 0-.364-.114-.637-.343-.819-.229-.182-.618-.348-1.169-.497V15.6zm-.826-7.196a1.54 1.54 0 00-.462.07 1.22 1.22 0 00-.406.217c-.121.098-.217.22-.287.364-.07.145-.105.315-.105.511 0 .308.098.546.294.714.196.168.518.303.966.406V8.404z\" />\n <path\n stroke=\"#F4F5F7\"\n strokeWidth={0.1}\n opacity={0.01}\n d=\"M.05.05h23.9v23.9H.05z\"\n />\n </svg>\n )\n);\nInvoicesIcon.displayName = \"InvoicesIcon\";\nexport default InvoicesIcon;\n","import React from \"react\";\nconst LabelsIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M17 2a3 3 0 013 3v17l-8-4-8 4V5a3 3 0 013-3h10zm0 2H7a1 1 0 00-.993.883L6 5v13.764l6-3 6 3V5a1 1 0 00-.883-.993L17 4z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nLabelsIcon.displayName = \"LabelsIcon\";\nexport default LabelsIcon;\n","import React from \"react\";\nconst LockSmallIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={12}\n height={12}\n viewBox=\"0 0 12 12\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M7 0a2 2 0 012 2v1h1a1 1 0 011 1v7a1 1 0 01-1 1H2a1 1 0 01-1-1V4c0-.555.445-1 1-1h1V2a2 2 0 012-2h2zm3 4H2v7h8V4zM7 6v3H5V6h2zm0-5H5a1 1 0 00-.993.883L4 2v1h4V2a1 1 0 00-.883-.993L7 1z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nLockSmallIcon.displayName = \"LockSmallIcon\";\nexport default LockSmallIcon;\n","import React from \"react\";\nconst LockIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M12 17a2 2 0 01-2-2c0-1.11.89-2 2-2a2 2 0 110 4m6 3V10H6v10h12m0-12a2 2 0 012 2v10a2 2 0 01-2 2H6a2 2 0 01-2-2V10c0-1.11.89-2 2-2h1V6a5 5 0 1110 0v2h1m-6-5a3 3 0 00-3 3v2h6V6a3 3 0 00-3-3z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nLockIcon.displayName = \"LockIcon\";\nexport default LockIcon;\n","import React from \"react\";\nconst MarkerIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M12 17a1 1 0 010 2H4a1 1 0 010-2h8zm0-4a1 1 0 010 2H4a1 1 0 010-2h8zm10-1a1 1 0 01-.883.993l-5.25-.002c-.214 0-.442-.06-.626-.2L13.436 11H4a1 1 0 010-2h9.592l1.611-1.604A.998.998 0 0116 7h5a1 1 0 011 1v4zm-5.579-3.001l-1.079 1.079.921.921 3.736.001V9l-3.578-.001zM12 5a1 1 0 010 2H4a1 1 0 110-2h8z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nMarkerIcon.displayName = \"MarkerIcon\";\nexport default MarkerIcon;\n","import React from \"react\";\nconst MessageAddIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M11 4v2H6v11.26L10.39 15H18v-2h2v2a2 2 0 01-2 2H9.995L4 21V6a2 2 0 012-2h5zm7-1v3h3v2h-3v3h-2V8h-3V6h3V3h2z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nMessageAddIcon.displayName = \"MessageAddIcon\";\nexport default MessageAddIcon;\n","import React from \"react\";\nconst MessageSmallIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={12}\n height={12}\n viewBox=\"0 0 12 12\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M12 2v8H3.998L1 12V2h11zm-1 1H2v7.13L3.695 9H11V3zM6 6v1H3V6h3zm4-2v1H3V4h7z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nMessageSmallIcon.displayName = \"MessageSmallIcon\";\nexport default MessageSmallIcon;\n","import React from \"react\";\nconst MessageIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M22 4v12a2 2 0 01-2 2H7.995L2 22V4a2 2 0 012-2h16a2 2 0 012 2zm-2 0H4v14.26L7.39 16H20V4zm-8 6v2H6v-2h6zm6-4v2H6V6h12z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nMessageIcon.displayName = \"MessageIcon\";\nexport default MessageIcon;\n","import React from \"react\";\nconst MoveTriggerIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={10}\n height={10}\n viewBox=\"0 0 10 10\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M0 0h10v1H0zm0 3h10v1H0zm0 3h10v1H0zm0 3h10v1H0z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nMoveTriggerIcon.displayName = \"MoveTriggerIcon\";\nexport default MoveTriggerIcon;\n","import React from \"react\";\nconst MyWorkIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path d=\"M12 12a2 2 0 100-4 2 2 0 000 4zm0 2a4 4 0 110-8 4 4 0 010 8zm-7 5c.4-1.647 1.356-2.88 2.53-3.265A14.25 14.25 0 0112 15c1.49 0 2.98.245 4.47.735C17.645 16.12 18.6 17.353 19 19h-2.085c-.274-.757-.696-1.243-1.068-1.365A12.252 12.252 0 0012 17c-1.275 0-2.555.21-3.847.635-.372.122-.794.608-1.068 1.365H5zM5 4a1 1 0 00-1 1v14a1 1 0 001 1h14a1 1 0 001-1V5a1 1 0 00-1-1H5zm0-2h14a3 3 0 013 3v14a3 3 0 01-3 3H5a3 3 0 01-3-3V5a3 3 0 013-3z\" />\n <path\n stroke=\"#F4F5F7\"\n strokeWidth={0.1}\n opacity={0.01}\n d=\"M.05.05h23.9v23.9H.05z\"\n />\n </svg>\n )\n);\nMyWorkIcon.displayName = \"MyWorkIcon\";\nexport default MyWorkIcon;\n","import React from \"react\";\nconst NotificationBellIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path d=\"M21 19H3v-3.9l.7-.2C4.5 14.6 5 13.8 5 13v-2c0-2.7 1.6-5.2 4-6.3.2-1.6 1.5-2.7 3-2.7s2.8 1.1 3 2.7c2.4 1.2 4 3.6 4 6.3v2c0 .8.5 1.6 1.3 1.9l.7.2V19zM5 17h14v-.5c-1.2-.7-2-2-2-3.5v-2c0-1.9-1.1-3.7-2.9-4.5l-1-.5-.1-1.1c-.1-.5-.5-.9-1-.9s-.9.4-1 .9L10.9 6l-1 .5C8.1 7.3 7 9.1 7 11v2c0 1.4-.8 2.8-2 3.5v.5zm8 3h2c0 1.7-1.3 3-3 3s-3-1.3-3-3h2c0 .6.4 1 1 1s1-.4 1-1zm0 0h2c0 1.7-1.3 3-3 3s-3-1.3-3-3h2c0 .6.4 1 1 1s1-.4 1-1z\" />\n </svg>\n )\n);\nNotificationBellIcon.displayName = \"NotificationBellIcon\";\nexport default NotificationBellIcon;\n","import React from \"react\";\nconst OpenExpandedIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3m-2 16H5V5h5V3H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-5h-2v5z\"\n fillRule=\"nonzero\"\n />\n </svg>\n )\n);\nOpenExpandedIcon.displayName = \"OpenExpandedIcon\";\nexport default OpenExpandedIcon;\n","import React from \"react\";\nconst PaidSmallIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={12}\n height={12}\n viewBox=\"0 0 12 12\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M11.243 8.121l.707.707-2.829 2.829L7 9.536l.707-.708 1.414 1.414 2.122-2.12zM5.5 0a5.5 5.5 0 015.293 7l-1.05.001A4.5 4.5 0 106 9.972v1.006A5.5 5.5 0 115.5 0zM6 2v1h1v1H5v1h2v3H6v1H5V8H4V7h2V6H4V3h1V2h1z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nPaidSmallIcon.displayName = \"PaidSmallIcon\";\nexport default PaidSmallIcon;\n","import React from \"react\";\nconst PauseIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M12 3a9 9 0 110 18 9 9 0 010-18zm-1 6H9v6h2V9zm4 0h-2v6h2V9z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nPauseIcon.displayName = \"PauseIcon\";\nexport default PauseIcon;\n","import React from \"react\";\nconst PencilSmallIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={12}\n height={12}\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M9 3.47L2.46 10H2v-.46L8.53 3l.47.47zM9.98.145l-.915.915 1.875 1.875.915-.915a.498.498 0 000-.705l-1.17-1.17a.5.5 0 00-.705 0zm-1.45 1.45L1 9.125V11h1.875l7.53-7.53L8.53 1.595z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nPencilSmallIcon.displayName = \"PencilSmallIcon\";\nexport default PencilSmallIcon;\n","import React from \"react\";\nconst PencilIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M14.06 9l.94.94L5.92 19H5v-.92L14.06 9m3.6-6c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29m-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nPencilIcon.displayName = \"PencilIcon\";\nexport default PencilIcon;\n","import React from \"react\";\nconst PendingPaymentSmallIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={12}\n height={12}\n viewBox=\"0 0 12 12\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M10 5v1h1v1H9v1h2v3h-1v1H9v-1H8v-1h2V9H8V6h1V5h1zM8 1v3L6 6l1 1v1.25l-2-2-2 2V10h4v1H2V8l2-2-2-2V1h6zM7 2H3v1.75l2 2 2-2V2z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nPendingPaymentSmallIcon.displayName = \"PendingPaymentSmallIcon\";\nexport default PendingPaymentSmallIcon;\n","import React from \"react\";\nconst PeopleIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path d=\"M20.998 16.775l-.148-.387a2.001 2.001 0 00-1.601-1.27 12.961 12.961 0 00-2.317-.105c-.253-.76-.683-1.527-.932-1.937a14.912 14.912 0 013.518.06 4.003 4.003 0 013.203 2.54l.147.387a2 2 0 01-1.614 2.696 27.849 27.849 0 01-3.248.24c0-.355-.004-.741-.127-1.115L17.587 17a27.311 27.311 0 003.41-.225zM17.5 10a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm0 2a3.5 3.5 0 110-7 3.5 3.5 0 010 7zM5.437 14.315a2 2 0 00-1.494 1.333L3 18.51c1.826.327 3.65.49 5.473.49a30.99 30.99 0 005.474-.49l-.943-2.862a2 2 0 00-1.494-1.333A14.924 14.924 0 008.473 14c-1.01 0-2.021.105-3.036.315zm-.406-1.958A16.924 16.924 0 018.473 12c1.148 0 2.295.119 3.443.357a4 4 0 012.987 2.665l.943 2.862A2 2 0 0114.3 20.48a33.015 33.015 0 01-5.827.52c-1.941 0-3.883-.174-5.825-.521a2 2 0 01-1.547-2.595l.942-2.862a4 4 0 012.988-2.665zM8.474 9a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm0 2a4.5 4.5 0 110-9 4.5 4.5 0 010 9z\" />\n <path\n stroke=\"#F4F5F7\"\n strokeWidth={0.1}\n opacity={0.01}\n d=\"M.05.05h23.9v23.9H.05z\"\n />\n </svg>\n )\n);\nPeopleIcon.displayName = \"PeopleIcon\";\nexport default PeopleIcon;\n","import React from \"react\";\nconst PersonPlusIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M12 13c1.382 0 2.764.119 4.145.357 1.687.29 3.06 1.306 3.598 2.665l1.135 2.862c.417 1.05-.27 2.18-1.534 2.526-.107.03-.217.052-.329.069A47.673 47.673 0 0112 22c-2.339 0-4.677-.174-7.015-.521-1.31-.195-2.181-1.234-1.947-2.321a1.73 1.73 0 01.083-.274l1.136-2.862c.539-1.359 1.91-2.375 3.597-2.665A24.402 24.402 0 0112 13zm0 2c-1.292 0-2.586.105-3.884.315-.896.145-1.624.653-1.91 1.333L5 19.51c2.335.327 4.668.49 7 .49a50.46 50.46 0 007-.49l-1.206-2.862c-.286-.68-1.014-1.188-1.91-1.333A24.237 24.237 0 0012 15zm0-13c.711 0 1.388.149 2 .416v2.349A3 3 0 1014.829 8h2.072A5.002 5.002 0 017 7a5 5 0 015-5zm8 0v2h2v2h-2v2h-2V5.999L16 6V4l2-.001V2h2z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nPersonPlusIcon.displayName = \"PersonPlusIcon\";\nexport default PersonPlusIcon;\n","import React from \"react\";\nconst PersonIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M12 13c1.382 0 2.764.119 4.145.357 1.687.29 3.06 1.306 3.598 2.665l1.135 2.862c.417 1.05-.27 2.18-1.534 2.526-.107.03-.217.052-.329.069A47.673 47.673 0 0112 22c-2.339 0-4.677-.174-7.015-.521-1.31-.195-2.181-1.234-1.947-2.321a1.73 1.73 0 01.083-.274l1.136-2.862c.539-1.359 1.91-2.375 3.597-2.665A24.402 24.402 0 0112 13zm0 2c-1.292 0-2.586.105-3.884.315-.896.145-1.624.653-1.91 1.333L5 19.51c2.335.327 4.668.49 7 .49a50.46 50.46 0 007-.49l-1.206-2.862c-.286-.68-1.014-1.188-1.91-1.333A24.237 24.237 0 0012 15zm0-13a5 5 0 110 10 5 5 0 010-10zm0 2a3 3 0 100 6 3 3 0 000-6z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nPersonIcon.displayName = \"PersonIcon\";\nexport default PersonIcon;\n","import React from \"react\";\nconst PlayIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M12 3a9 9 0 110 18 9 9 0 010-18zm-2 6v6l5-3-5-3z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nPlayIcon.displayName = \"PlayIcon\";\nexport default PlayIcon;\n","import React from \"react\";\nconst ProjectAddIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M4 4v5h5V4H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2V4a2 2 0 012-2zm0 13v5h5v-5H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2zm11-9v5h5V4h-5zm4 10v3h3v2h-3v3h-2v-3h-3v-2h3v-3h2zm1-12a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2V4a2 2 0 012-2h5z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nProjectAddIcon.displayName = \"ProjectAddIcon\";\nexport default ProjectAddIcon;\n","import React from \"react\";\nconst ProjectTemplateIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M20 4a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2v-8h2v8h14V6h-8V4h8zm-8.464 6.121l2.535 2.536L16 10.75V16h-5.249l1.906-1.929-2.536-2.535 1.415-1.415zM8 1a2 2 0 012 2v5a2 2 0 01-2 2H3a2 2 0 01-2-2V3a2 2 0 012-2h5zm0 2H3v5h5V3z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nProjectTemplateIcon.displayName = \"ProjectTemplateIcon\";\nexport default ProjectTemplateIcon;\n","import React from \"react\";\nconst ProjectsIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path d=\"M4 4v5h5V4H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2V4a2 2 0 012-2zm0 13v5h5v-5H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2zm11-9v5h5V4h-5zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2V4a2 2 0 012-2zm0 13v5h5v-5h-5zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2v-5a2 2 0 012-2z\" />\n <path\n stroke=\"#F4F5F7\"\n strokeWidth={0.1}\n opacity={0.01}\n d=\"M.05.05h23.9v23.9H.05z\"\n />\n </svg>\n )\n);\nProjectsIcon.displayName = \"ProjectsIcon\";\nexport default ProjectsIcon;\n","import React from \"react\";\nconst RadioBlankIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nRadioBlankIcon.displayName = \"RadioBlankIcon\";\nexport default RadioBlankIcon;\n","import React from \"react\";\nconst RearangeIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M9 16a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4zm-6-6a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4zM9 4a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nRearangeIcon.displayName = \"RearangeIcon\";\nexport default RearangeIcon;\n","import React from \"react\";\nconst RearrangeSmallIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={12}\n height={12}\n viewBox=\"0 0 12 12\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M4 8a1 1 0 110 2 1 1 0 010-2zm4 0a1 1 0 110 2 1 1 0 010-2zM4 5a1 1 0 110 2 1 1 0 010-2zm4 0a1 1 0 110 2 1 1 0 010-2zM4 2a1 1 0 110 2 1 1 0 010-2zm4 0a1 1 0 110 2 1 1 0 010-2z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nRearrangeSmallIcon.displayName = \"RearrangeSmallIcon\";\nexport default RearrangeSmallIcon;\n","import React from \"react\";\nconst RecurringCheckmarkSmallIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={12}\n height={12}\n viewBox=\"0 0 12 12\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M1 5.874a5.002 5.002 0 008.743 3.442l-.78-.45 2.3-.982.3 2.482-.939-.542A6.002 6.002 0 01.001 6.141l1-.267zm6.93-1.177a.5.5 0 010 .707L5.975 7.39a.5.5 0 01-.707 0l-.971-.975a.5.5 0 01.707-.708l.617.622 1.602-1.63a.5.5 0 01.707 0zM9 .804a5.996 5.996 0 013 5.052l-1.001.268.001-.043a5.002 5.002 0 00-8.743-3.398l.779.451-2.3.982-.298-2.482.938.54A6.002 6.002 0 019 .805z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nRecurringCheckmarkSmallIcon.displayName = \"RecurringCheckmarkSmallIcon\";\nexport default RecurringCheckmarkSmallIcon;\n","import React from \"react\";\nconst RecurringCheckmarkIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M5.014 12a6.944 6.944 0 001.826 4.73l.21.22a7 7 0 009.727.167l.173-.167-1.414-1.414 4.871-.63-.629 4.872-1.414-1.414a9 9 0 01-12.728 0 8.891 8.891 0 01-2.498-4.788A9.017 9.017 0 013 12.01h.006V12h2.008zm10.593-2.293a1 1 0 010 1.414l-3.657 3.657a1 1 0 01-1.414 0L8.707 12.95a1 1 0 011.414-1.414l1.12 1.12 2.951-2.949a1 1 0 011.415 0zm-3.246-6.7c2.1.084 4.175.898 5.813 2.444l.19.185.225.234.096.104.118.133a8.861 8.861 0 012.04 4.216l.043.25c.071.44.109.886.113 1.332h-.006l.001.095h-2.008a6.955 6.955 0 00-1.245-4.005l-.186-.254-.094-.12a7 7 0 00-10.238-.737l-.173.166 1.414 1.414-4.871.63.629-4.872 1.414 1.414a8.976 8.976 0 016.725-2.629z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nRecurringCheckmarkIcon.displayName = \"RecurringCheckmarkIcon\";\nexport default RecurringCheckmarkIcon;\n","import React from \"react\";\nconst ReportsIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path d=\"M17 6v2H7V6H6v15h12V6h-1zm0-2h1a2 2 0 012 2v15a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h1V3h2c.336-2 1.336-3 3-3s2.664 1 3 3h2v1zM8 16h2v3H8v-3zm3-3h2v6h-2v-6zm3-3h2v9h-2v-9zm-1-5V3.332C13 2.327 12.61 2 12 2s-1 .303-1 1.332V5H9v1h6V5h-2z\" />\n <path\n stroke=\"#F4F5F7\"\n strokeWidth={0.1}\n opacity={0.01}\n d=\"M.05.05h23.9v23.9H.05z\"\n />\n </svg>\n )\n);\nReportsIcon.displayName = \"ReportsIcon\";\nexport default ReportsIcon;\n","import React from \"react\";\nconst SearchIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path d=\"M16.717 15.708a6 6 0 10-1.07 1.056l.602-.46.468-.596zm1.572 1.238l2.883 2.882a1 1 0 01-1.415 1.415l-2.891-2.892a8 8 0 111.423-1.405z\" />\n </svg>\n )\n);\nSearchIcon.displayName = \"SearchIcon\";\nexport default SearchIcon;\n","import React from \"react\";\nconst SendBlankIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M1.241 1.405A2 2 0 013.812.53l.14.07 17.801 9.641a2 2 0 01.135 3.438l-.135.08-17.8 9.642a2 2 0 01-2.948-1.61L1 21.642V15l6-3-6-3V2.358a2 2 0 01.241-.953zM3 2.358v5.406L11.472 12 3 16.235v5.406L20.799 12 3 2.358z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nSendBlankIcon.displayName = \"SendBlankIcon\";\nexport default SendBlankIcon;\n","import React from \"react\";\nconst SendFilledIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M3.953 23.4l17.8-9.641a2 2 0 000-3.518L3.953.6A2 2 0 001 2.358V9l8 3-8 3v6.642a2 2 0 002.953 1.759z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nSendFilledIcon.displayName = \"SendFilledIcon\";\nexport default SendFilledIcon;\n","import React from \"react\";\nconst SortGeneralIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M17 6v11h3l-4 4-4-4h3V6h2zM8 3l4 4H9v11H7V7H4l4-4z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nSortGeneralIcon.displayName = \"SortGeneralIcon\";\nexport default SortGeneralIcon;\n","import React from \"react\";\nconst StarIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M12.264 18.74l-5.26 2.766a1 1 0 01-1.451-1.054l1.004-5.857-4.255-4.148a1 1 0 01.554-1.706l5.881-.854 2.63-5.33a1 1 0 011.793 0l2.63 5.33 5.881.854a1 1 0 01.554 1.706l-4.255 4.148 1.005 5.857a1 1 0 01-1.451 1.054l-5.26-2.765z\"\n fillRule=\"nonzero\"\n />\n </svg>\n )\n);\nStarIcon.displayName = \"StarIcon\";\nexport default StarIcon;\n","import React from \"react\";\nconst TaskAddIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M12 2c5.523 0 10 4.477 10 10h-2a8 8 0 10-8 8v2C6.477 22 2 17.523 2 12S6.477 2 12 2zm7 12v3h3v2h-3v3h-2v-3.001L14 19v-2l3-.001V14h2zm-3.393-4.293a1 1 0 010 1.414l-3.657 3.657a1 1 0 01-1.414 0L8.707 12.95a1 1 0 011.414-1.414l1.12 1.12 2.951-2.949a1 1 0 011.415 0z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nTaskAddIcon.displayName = \"TaskAddIcon\";\nexport default TaskAddIcon;\n","import React from \"react\";\nconst TextFormatGeneralAltIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M5 17v2h14v-2H5zm4.5-4.2h5l.9 2.2h2.1L12.75 4h-1.5L6.5 15h2.1l.9-2.2zM12 5.98L13.87 11h-3.74L12 5.98z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nTextFormatGeneralAltIcon.displayName = \"TextFormatGeneralAltIcon\";\nexport default TextFormatGeneralAltIcon;\n","import React from \"react\";\nconst ThumbUpOutlineIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={14}\n height={14}\n viewBox=\"0 0 14 14\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M8.647.034c.424.02.847.164 1.173.542.263.305.403.73.403 1.262l-.003.513-.015.658-.019.374-.028.33c-.033.312-.08.567-.148.796l-.022.065.069.091c.289.364.59.477 1.119.496l.15.003h.251c.682 0 1.239.08 1.679.286.37.175.624.435.726.876.07 2.43-.78 5.856-1.727 6.803a3.787 3.787 0 01-.494.433c-.39.278-.697.388-1.434.434l-.344.017-.405.01-.71.009c-1.71 0-2.668-.214-4.006-.754l-.393-.158a1.468 1.468 0 01-1.36.912H1.53c-.81 0-1.468-.657-1.468-1.468V7.5c0-.81.657-1.468 1.468-1.468h1.58c.443 0 .84.196 1.11.506.097-.236.216-.453.359-.635.21-.266.434-.459.881-.79l.286-.213c.973-.745 1.316-1.249 1.316-2.158l.005-.264c.028-.685.165-1.227.4-1.635.304-.526.745-.77 1.132-.808zM8.615.71l.027.003-.05.008c-.171.042-.377.18-.54.46-.199.347-.313.86-.313 1.56l-.005.202c-.054 1.114-.572 1.755-1.776 2.645l-.237.175-.23.182c-.168.138-.28.25-.381.377-.265.337-.448.94-.533 1.415v4.697l.539.216c1.172.473 2.01.675 3.414.702l.334.003.855-.012.335-.01.28-.016.122-.01.213-.025.177-.033a1.34 1.34 0 00.344-.126l.118-.072.06-.04c.12-.086.248-.2.406-.36.788-.787 1.597-4.044 1.54-6.234-.036-.148-.145-.259-.346-.354-.33-.154-.8-.222-1.39-.222h-.253c-.94-.005-1.484-.228-1.998-1.036l-.092-.145.062-.16c.11-.282.175-.626.21-1.134l.02-.363.012-.419.006-.746c0-.378-.087-.645-.238-.82C9.127.81 8.87.722 8.615.71zm-5.505 6H1.529a.79.79 0 00-.79.79v5.064c0 .437.354.79.79.79h1.58a.79.79 0 00.791-.79V7.5a.79.79 0 00-.79-.79z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nThumbUpOutlineIcon.displayName = \"ThumbUpOutlineIcon\";\nexport default ThumbUpOutlineIcon;\n","import React from \"react\";\nconst TrashIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path d=\"M8 4l1-2h6l1 2h4v2h-1v13a2 2 0 01-2 2H7a2 2 0 01-2-2V6H4V4h4zm3 2v13h2V6h-2zM7 6v13h2V6H7zm10 0h-2v13h2V6z\" />\n <path\n stroke=\"#F4F5F7\"\n strokeWidth={0.1}\n opacity={0.01}\n d=\"M.05.05h23.9v23.9H.05z\"\n />\n </svg>\n )\n);\nTrashIcon.displayName = \"TrashIcon\";\nexport default TrashIcon;\n","import React from \"react\";\nconst ViewGridIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M12 16c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2M6 16c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m12 12c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nViewGridIcon.displayName = \"ViewGridIcon\";\nexport default ViewGridIcon;\n","import React from \"react\";\nconst ViewListIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M19 17a1 1 0 010 2H5a1 1 0 010-2h14zm0-6a1 1 0 010 2H5a1 1 0 010-2h14zm0-6a1 1 0 010 2H5a1 1 0 110-2h14z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nViewListIcon.displayName = \"ViewListIcon\";\nexport default ViewListIcon;\n","import React from \"react\";\nconst VolumeHighIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M14 3.23c4 .91 7 4.49 7 8.77 0 4.187-2.871 7.704-6.74 8.707l-.26.063V18.7c2.89-.86 5-3.53 5-6.7a7.005 7.005 0 00-4.754-6.632L14 5.29V3.23zM12 4v16l-5-5H3V9h4l5-5zm2 3.97c1.5.74 2.5 2.26 2.5 4.03a4.403 4.403 0 01-2.307 3.903L14 16V7.97z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nVolumeHighIcon.displayName = \"VolumeHighIcon\";\nexport default VolumeHighIcon;\n","import React from \"react\";\nconst VolumeOffIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M4.64 3.64l15.72 15.72-1.41 1.42L15 16.83V20l-5-5H6V9h1.17L3.22 5.05l1.42-1.41M15 4v7.17l-3.59-3.59L15 4z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nVolumeOffIcon.displayName = \"VolumeOffIcon\";\nexport default VolumeOffIcon;\n","import React from \"react\";\nconst WarningTriangleSmallIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={12}\n height={12}\n viewBox=\"0 0 12 12\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M6.54 1.123c.19.093.347.233.45.403l4.872 7.982c.298.49.097 1.102-.45 1.369-.166.08-.352.123-.541.123H1.129C.505 11 0 10.548 0 9.991c0-.169.047-.335.138-.483l4.871-7.982c.298-.49.984-.67 1.531-.403zM6 2l-5 8h10L6 2zm0 4a1.5 1.5 0 110 3 1.5 1.5 0 010-3z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nWarningTriangleSmallIcon.displayName = \"WarningTriangleSmallIcon\";\nexport default WarningTriangleSmallIcon;\n","import React from \"react\";\nconst WarningTriangleIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M13.08 2.247c.381.185.694.465.902.805l8.742 14.964c.597.978.194 2.204-.9 2.738a2.472 2.472 0 01-1.082.246H3.258C2.01 21 1 20.097 1 18.982c0-.337.095-.67.276-.966l8.742-14.964c.597-.978 1.968-1.339 3.063-.805zM12 4L3 19h18L12 4zm0 7a3 3 0 110 6 3 3 0 010-6z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nWarningTriangleIcon.displayName = \"WarningTriangleIcon\";\nexport default WarningTriangleIcon;\n","import React from \"react\";\nconst WarningIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm1 11v2h-2v-2h2zm0-8v6h-2V7h2z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nWarningIcon.displayName = \"WarningIcon\";\nexport default WarningIcon;\n","import React from \"react\";\nconst WorkloadIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n stroke=\"#F4F5F7\"\n strokeWidth={0.1}\n opacity={0.01}\n d=\"M.05.05h23.9v23.9H.05z\"\n />\n <path d=\"M22 12a.834.834 0 00-.41-.717l-1.959-1.158 1.96-1.157a.834.834 0 000-1.435l-9.167-5.417a.833.833 0 00-.848 0L2.409 7.533a.833.833 0 000 1.435l1.96 1.157-1.96 1.158a.833.833 0 000 1.435l1.96 1.157-1.96 1.158a.833.833 0 000 1.435l9.167 5.416a.829.829 0 00.848 0l9.167-5.416a.834.834 0 000-1.435l-1.96-1.158 1.96-1.157A.834.834 0 0022 12zM12 3.801l7.528 4.45L12 12.698 4.471 8.25 12 3.801zm-.424 10.583a.829.829 0 00.848 0l5.57-3.29 1.535.907L12 16.449 4.471 12l1.536-.907 5.569 3.291zm7.952 1.366L12 20.2l-7.529-4.45 1.536-.907 5.57 3.29a.829.829 0 00.848 0l5.57-3.29 1.533.907z\" />\n </svg>\n )\n);\nWorkloadIcon.displayName = \"WorkloadIcon\";\nexport default WorkloadIcon;\n","import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport tw from \"twin.macro\";\n\ninterface StyledTextareaProps {\n disabled: boolean;\n}\n\nexport const StyledTextarea = styled.textarea<StyledTextareaProps>`\n border: 1px solid var(--border-primary);\n border-radius: 10px;\n color: var(--color-theme-900);\n font-size: 14px;\n padding: 4px 10px 6px 8px;\n height: auto;\n background-color: var(--input-background-color);\n transition: all 0.3s ease;\n width: 360px;\n min-height: 90px;\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${(props) =>\n !props.disabled &&\n css`\n &:hover {\n outline: none !important;\n ${tw`tw-border-primary`}\n }\n `}\n\n &:active, &:focus {\n outline: none !important;\n ${tw`tw-border-primary`}\n }\n\n &:focus {\n box-shadow: none;\n }\n\n &::placeholder {\n color: var(--color-theme-600);\n }\n\n ${(props) =>\n props.disabled &&\n css`\n outline: none;\n ${tw`tw-cursor-not-allowed tw-opacity-50 tw-border-theme-400`}\n\n &:hover {\n border-color: var(--border-primary);\n }\n `}\n`;\n\nStyledTextarea.displayName = \"StyledTextarea\";\n","import React, { TextareaHTMLAttributes, forwardRef, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledTextarea } from \"./Styles\";\n\nexport const Textarea = forwardRef(\n (\n {\n className,\n disabled = false,\n ...rest\n }: TextareaHTMLAttributes<HTMLTextAreaElement>,\n ref: Ref<HTMLTextAreaElement> | null | undefined\n ) => {\n return (\n <StyledTextarea\n {...rest}\n ref={ref}\n disabled={disabled}\n className={classnames(\n \"c-textarea\",\n { \"c-textarea__disabled\": disabled },\n className\n )}\n />\n );\n }\n);\n\nTextarea.displayName = \"Textarea\";\n","export type ChainedFunction = ((...args: unknown[]) => void) | undefined | null;\n\nexport default function createChainedFunction(\n ...functions: ChainedFunction[]\n): ChainedFunction {\n return functions.reduce(\n (acc, func) => {\n if (func === null) {\n return acc;\n }\n\n return function chainedFunction(this: void, ...args): void {\n acc && acc.apply(this, args);\n func && func.apply(this, args);\n };\n },\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n () => {}\n );\n}\n","import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Overlay } from \"../Overlay\";\n\nexport const StyledModalOverlay = styled(Overlay)<{\n $open: boolean;\n $disableBackgroundColor: boolean;\n}>`\n ${(props) =>\n !props.$open &&\n css`\n ${tw`tw-hidden`}\n `}\n\n ${(props) =>\n !props.$disableBackgroundColor &&\n css`\n background: var(--modal-background);\n `}\n`;\n\nStyledModalOverlay.displayName = \"StyledModalOverlay\";\n","import React, {\n forwardRef,\n HTMLAttributes,\n useRef,\n cloneElement,\n useMemo,\n useCallback,\n ReactElement,\n useState,\n useEffect,\n MouseEvent,\n} from \"react\";\nimport { Window } from \"../Window\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport createChainedFunction from \"../../utils/createChainedFunction\";\nimport { StyledModalOverlay } from \"./Styles\";\n\ninterface IModal {\n disableFocusLock?: boolean;\n disableScrollLock?: boolean;\n open?: boolean;\n disableBackgroundClick?: boolean;\n disableBackgroundColor?: boolean;\n onClose?: () => void;\n children: ReactElement;\n}\n\nconst getHasTransition = (children): boolean => {\n return children.props\n ? Object.prototype.hasOwnProperty.call(children.props, \"in\")\n : false;\n};\n\nexport const Modal = forwardRef<\n HTMLDivElement,\n IModal & HTMLAttributes<HTMLDivElement>\n>(\n (\n {\n children,\n disableFocusLock = false,\n disableScrollLock = false,\n disableBackgroundClick = false,\n disableBackgroundColor = false,\n open: defaultOpen = false,\n onClose,\n ...rest\n },\n ref\n ) => {\n const [open, setOpen] = useState(defaultOpen);\n const [exited, setExited] = useState(true);\n const innerRef = useRef<HTMLDivElement>(null);\n const handleRef = useForkRef(innerRef, ref);\n\n const hasTransition = useMemo(() => {\n return getHasTransition(children);\n }, [children]);\n\n useEffect(() => {\n setOpen(defaultOpen);\n }, [defaultOpen]);\n\n const handleClose = useCallback(() => {\n setOpen(false);\n if (!hasTransition) {\n typeof onClose === \"function\" && onClose();\n }\n }, [hasTransition, onClose]);\n\n const handleBackgroundClick = useCallback(\n (event: MouseEvent<HTMLDivElement>) => {\n if (!disableBackgroundClick) {\n event.preventDefault();\n handleClose();\n }\n },\n [disableBackgroundClick, handleClose]\n );\n\n const handleEnter = useCallback(() => {\n setExited(false);\n }, []);\n\n const handleExited = useCallback(() => {\n setExited(true);\n typeof onClose === \"function\" && onClose();\n }, [onClose]);\n\n const childProps = useMemo(() => {\n let props = {};\n\n // It's a Transition like component\n if (hasTransition && children) {\n props = {\n onEnter: createChainedFunction(handleEnter, children.props.onEnter),\n onExited: createChainedFunction(\n handleExited,\n children.props.onExited\n ),\n in: open,\n };\n }\n\n return props;\n }, [children, handleEnter, handleExited, hasTransition, open]);\n\n if (!open && (!hasTransition || exited)) {\n return null;\n }\n\n return (\n <Window\n {...rest}\n ref={handleRef}\n onClose={handleClose}\n disableFocusLock={disableFocusLock}\n disableScrollLock={disableScrollLock}\n >\n <StyledModalOverlay\n onClick={handleBackgroundClick}\n $disableBackgroundColor={disableBackgroundColor}\n $open={open}\n />\n {cloneElement(children, childProps)}\n </Window>\n );\n }\n);\n\nModal.displayName = \"Modal\";\n","import styled, { css, keyframes } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Overlay } from \"../Overlay\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { CSSTransition } from \"react-transition-group\";\n\nexport const StyledSheetIcons = styled.div`\n display: flex;\n height: 0;\n position: relative;\n\n span {\n position: relative;\n background-color: var(--page-paper-main);\n box-shadow: var(--shadow-secondary);\n cursor: pointer;\n border-radius: 100%;\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n & > * {\n height: 40px;\n width: 40px;\n padding: 8px;\n fill: var(--color-theme-600);\n }\n }\n`;\n\nStyledSheetIcons.displayName = \"StyledSheetIcons\";\n\nexport const StyledSheetOverlay = styled(Overlay)<{ $hasBgColor: boolean }>`\n ${(props) =>\n props.$hasBgColor &&\n css`\n background: var(--modal-background);\n `}\n`;\n\nStyledSheetOverlay.displayName = \"StyledSheetOverlay\";\n\ninterface IStyledSheetWrapper {\n $position?: \"center\" | \"left\" | \"right\";\n $mode?: \"normal\" | \"stretch\";\n}\n\nexport const StyledSheetWrapper = styled.div<IStyledSheetWrapper>`\n ${BoxSizingStyle}\n ${FontStyle}\n\n position: relative;\n max-width: 95vw;\n display: flex;\n flex-direction: row;\n\n ${(props) =>\n props.$mode === \"stretch\"\n ? css`\n margin-top: 8px;\n height: calc(100vh - 16px);\n width: calc(100vw - 100px);\n max-width: 1000px;\n ${StyledSheetIcons} {\n flex-direction: column;\n width: 0;\n height: calc(100vh - 32px);\n & > * {\n margin-bottom: 8px;\n animation-fill-mode: both;\n }\n span {\n top: 8px;\n }\n }\n `\n : css`\n max-height: calc(100vh - 156px);\n margin-top: 126px;\n margin-bottom: 30px;\n width: 540px;\n flex-direction: column;\n\n ${StyledSheetIcons} {\n flex-direction: row-reverse;\n & > * {\n margin-left: 8px;\n animation-fill-mode: both;\n }\n span {\n top: -48px;\n right: 8px;\n }\n }\n `}\n\n ${(props) =>\n props.$position === \"center\" &&\n css`\n ${tw`tw-mx-auto`}\n `}\n\n ${(props) =>\n props.$position === \"left\" &&\n css`\n ${tw`tw-ml-2 tw-mr-auto`}\n `}\n\n ${(props) =>\n props.$position === \"right\" &&\n css`\n ${tw`tw-mr-2 tw-ml-auto`}\n `}\n\n ${(props) =>\n props.$mode === \"stretch\" &&\n props.$position !== \"left\" &&\n css`\n ${StyledSheetIcons} {\n span {\n right: 48px;\n }\n }\n `}\n\n ${(props) =>\n props.$mode === \"stretch\" &&\n props.$position === \"left\" &&\n css`\n flex-direction: row-reverse;\n\n ${StyledSheetIcons} {\n span {\n right: -8px;\n }\n }\n `}\n`;\n\nStyledSheetWrapper.displayName = \"StyledSheetWrapper\";\n\nexport const StyledSheetWrapperPaper = styled.div`\n background-color: var(--page-paper-main);\n color: var(--color-theme-900);\n box-shadow: var(--shadow-primary);\n border-radius: 6px;\n overflow: auto;\n animation: 0.3s linear ease-out;\n\n ${tw`tw-flex-auto`}\n`;\n\nStyledSheetWrapperPaper.displayName = \"StyledSheetWrapperPaper\";\n\nexport const StyledSheetControlsTop = keyframes`\n 0% {\n opacity: 0;\n transform: translateY(-200px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n`;\n\nexport const StyledSheetControlsBottom = keyframes`\n 0% {\n opacity: 1;\n transform: translateY(0);\n }\n 100% {\n opacity: 0;\n transform: translateY(-200px);\n}\n`;\n\nexport const StyledSheetControlsCenterIn = keyframes`\n 0% {\n transform: translateY(-150px);\n opacity: 0;\n }\n 100% {\n transform: translateY(0);\n opacity: 1;\n }\n`;\n\nexport const StyledSheetControlsCenterOut = keyframes`\n 0% {\n transform: translateY(0);\n opacity: 1;\n }\n 100% {\n transform: translateY(-150px);\n opacity: 0;\n }\n`;\n\ninterface IStyledAnimatedSpan {\n $mode: string;\n $state: string;\n $maxDurationIn: number;\n $maxDurationOut: number;\n $durationOut: number;\n $durationIn: number;\n}\n\nexport const StyledAnimatedSpan = styled.span<IStyledAnimatedSpan>`\n background: red;\n ${(props) =>\n props.$state === \"entering\" &&\n css`\n opacity: 1;\n\n ${props.$mode === \"stretch\"\n ? css`\n animation-name: ${StyledSheetControlsTop};\n animation-duration: ${`${props.$durationIn}s`};\n animation-delay: ${`${props.$durationIn}s`};\n `\n : css`\n animation-name: ${StyledSheetControlsCenterIn};\n animation-duration: ${`${props.$maxDurationIn}s`};\n animation-delay: 0s;\n `}\n `}\n\n ${(props) =>\n props.$state === \"entered\" &&\n css`\n opacity: 1;\n `}\n\n ${(props) =>\n props.$state === \"exiting\" &&\n css`\n opacity: 0;\n\n ${props.$mode === \"stretch\"\n ? css`\n animation-name: ${StyledSheetControlsBottom};\n animation-duration: ${`${props.$durationOut}s`};\n animation-delay: ${`${props.$durationOut}s`};\n `\n : css`\n animation-name: ${StyledSheetControlsCenterOut};\n animation-duration: ${`${props.$maxDurationOut}s`};\n animation-delay: 0;\n `}\n `}\n\n ${(props) =>\n props.$state === \"exited\" &&\n css`\n opacity: 0;\n `}\n`;\n\nStyledAnimatedSpan.displayName = \"StyledAnimatedSpan\";\n\nexport const StyledCssTransition = styled(CSSTransition)<{\n $direction: string;\n}>`\n ${(props) =>\n props.$direction === \"top\" &&\n css`\n &.c-sheet__animation-enter {\n opacity: 0;\n transform: translateY(-100%);\n }\n &.c-sheet__animation-enter-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity 400ms, transform 400ms;\n }\n &.c-sheet__animation-appear {\n opacity: 0;\n transform: translateY(-100%);\n }\n &.c-sheet__animation-appear-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity 400ms, transform 400ms;\n }\n &.c-sheet__animation-exit {\n opacity: 1;\n }\n &.c-sheet__animation-exit-active {\n opacity: 0;\n transform: translateY(-100%);\n transition: opacity 200ms, transform 200ms;\n }\n `}\n\n ${(props) =>\n props.$direction === \"bottom\" &&\n css`\n &.c-sheet__animation-enter {\n opacity: 0;\n transform: translateY(100%);\n }\n &.c-sheet__animation-enter-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity 400ms, transform 400ms;\n }\n &.c-sheet__animation-appear {\n opacity: 0;\n transform: translateY(100%);\n }\n &.c-sheet__animation-appear-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity 400ms, transform 400ms;\n }\n &.c-sheet__animation-exit {\n opacity: 1;\n }\n &.c-sheet__animation-exit-active {\n opacity: 0;\n transform: translateY(100%);\n transition: opacity 200ms, transform 200ms;\n }\n `}\n\n ${(props) =>\n props.$direction === \"left\" &&\n css`\n &.c-sheet__animation-enter {\n opacity: 0;\n transform: translateX(-100%);\n }\n &.c-sheet__animation-enter-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity 400ms, transform 400ms;\n }\n &.c-sheet__animation-appear {\n opacity: 0;\n transform: translateX(-100%);\n }\n &.c-sheet__animation-appear-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity 400ms, transform 400ms;\n }\n &.c-sheet__animation-exit {\n opacity: 1;\n }\n &.c-sheet__animation-exit-active {\n opacity: 0;\n transform: translateX(-100%);\n transition: opacity 200ms, transform 200ms;\n }\n `}\n\n ${(props) =>\n props.$direction === \"right\" &&\n css`\n &.c-sheet__animation-enter {\n opacity: 0;\n transform: translateX(100%);\n }\n &.c-sheet__animation-enter-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity 400ms, transform 400ms;\n }\n &.c-sheet__animation-appear {\n opacity: 0;\n transform: translateX(100%);\n }\n &.c-sheet__animation-appear-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity 400ms, transform 400ms;\n }\n &.c-sheet__animation-exit {\n opacity: 1;\n }\n &.c-sheet__animation-exit-active {\n opacity: 0;\n transform: translateX(100%);\n transition: opacity 200ms, transform 200ms;\n }\n `}\n`;\n\nStyledCssTransition.displayName = \"StyledCssTransition\";\n","import React, {\n useRef,\n useCallback,\n useEffect,\n forwardRef,\n HTMLAttributes,\n useState,\n CSSProperties,\n ReactElement,\n MouseEvent,\n} from \"react\";\n\nimport { Transition } from \"react-transition-group\";\nimport { Window } from \"../Window\";\nimport classnames from \"classnames\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport {\n StyledAnimatedSpan,\n StyledCssTransition,\n StyledSheetIcons,\n StyledSheetOverlay,\n StyledSheetWrapper,\n StyledSheetWrapperPaper,\n} from \"./Styles\";\n\ninterface ISheet {\n onClose?: () => void;\n controls?: JSX.Element[];\n open?: boolean;\n animation?: \"top\" | \"bottom\" | \"left\" | \"right\";\n position?: \"center\" | \"left\" | \"right\";\n mode?: \"normal\" | \"stretch\";\n disableFocusLock?: boolean;\n disableScrollLock?: boolean;\n disableBackgroundColor?: boolean;\n bodyStyle?: CSSProperties;\n bodyClassName?: string;\n disableBackgroundClick?: boolean;\n}\n\nexport const Sheet = forwardRef<\n HTMLDivElement,\n ISheet & HTMLAttributes<HTMLDivElement>\n>(\n (\n {\n children,\n onClose,\n controls = [],\n open: defaultOpen = false,\n animation = \"top\",\n position = \"center\",\n mode = \"normal\",\n disableFocusLock = false,\n disableScrollLock = false,\n disableBackgroundColor = false,\n bodyStyle,\n bodyClassName,\n disableBackgroundClick = false,\n ...rest\n },\n ref\n ) => {\n const [open, setOpen] = useState(defaultOpen);\n const [exited, setExited] = useState(true);\n const innerRef = useRef<HTMLDivElement>(null);\n\n const handleRef = useForkRef(innerRef, ref);\n\n useEffect(() => {\n setOpen(defaultOpen);\n }, [defaultOpen]);\n\n const handleEnter = useCallback(() => {\n setExited(false);\n }, []);\n\n const handleExited = useCallback(() => {\n setExited(true);\n typeof onClose === \"function\" && onClose();\n }, [onClose]);\n\n const handleClose = useCallback(() => {\n setOpen(false);\n }, []);\n\n const handleBackgroundClick = useCallback(\n (event: MouseEvent<HTMLDivElement>) => {\n if (!disableBackgroundClick) {\n event.preventDefault();\n handleClose();\n }\n },\n [disableBackgroundClick, handleClose]\n );\n\n if (!open && exited) {\n return null;\n }\n\n return (\n <Window\n {...rest}\n ref={handleRef}\n onClose={handleClose}\n disableFocusLock={disableFocusLock}\n disableScrollLock={disableScrollLock}\n >\n <StyledSheetOverlay\n onClick={handleBackgroundClick}\n $hasBgColor={!disableBackgroundColor}\n />\n <StyledSheetWrapper\n className={classnames(\"c-sheet__wrapper\", bodyClassName)}\n style={bodyStyle}\n $position={position}\n $mode={mode}\n >\n {controls.length ? (\n <StyledSheetIcons>\n {controls.map((item, index) => {\n const maxDurationIn = 4; // max duration 4 for 400ms, shorten .4s\n const maxDurationOut = 2; // max duration 2 for 200ms, shorten .2s\n const control = index + 1;\n const durationOut =\n controls.length > maxDurationOut\n ? maxDurationOut\n : maxDurationOut - control;\n const durationIn = control >= maxDurationIn ? 1 : control;\n return (\n <Transition\n appear\n in={open}\n timeout={maxDurationIn * 100}\n key={`c-sheet-control-${index}`}\n >\n {(state): ReactElement => (\n <StyledAnimatedSpan\n $state={state}\n $mode={mode}\n $maxDurationIn={maxDurationIn / 10}\n $maxDurationOut={maxDurationOut / 10}\n $durationOut={durationOut / 10}\n $durationIn={durationIn / 10}\n >\n {item}\n </StyledAnimatedSpan>\n )}\n </Transition>\n );\n })}\n </StyledSheetIcons>\n ) : null}\n <StyledCssTransition\n appear\n in={open}\n timeout={400}\n classNames={\"c-sheet__animation\"}\n $direction={animation}\n onEnter={handleEnter}\n onExited={handleExited}\n >\n <StyledSheetWrapperPaper className=\"c-sheet__wrapper__paper\">\n {children}\n </StyledSheetWrapperPaper>\n </StyledCssTransition>\n </StyledSheetWrapper>\n </Window>\n );\n }\n);\n\nSheet.displayName = \"Sheet\";\n","import styled from \"styled-components\";\nimport { Paper } from \"../Paper\";\n\nexport const StyledHeader = styled(Paper)`\n height: 4rem;\n padding: 0 1rem;\n display: flex;\n overflow: hidden;\n min-width: 350px;\n\n @media screen and (max-width: 350px) {\n overflow: auto;\n }\n`;\n\nStyledHeader.displayName = \"StyledHeader\";\n","import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledHeader } from \"./Styles\";\n\ninterface IHeaderProps {\n /** CSS classes. */\n className?: string;\n /** Children */\n children: ReactNode;\n}\n\nexport const Header = forwardRef(\n (\n {\n className,\n children,\n ...rest\n }: HTMLAttributes<HTMLDivElement> & IHeaderProps,\n ref: Ref<HTMLDivElement> | null | undefined\n ) => {\n return (\n <StyledHeader\n type={\"paper-2\"}\n className={classNames(\"c-header\", className)}\n ref={ref}\n {...rest}\n >\n {children}\n </StyledHeader>\n );\n }\n);\n\nHeader.displayName = \"Header\";\n","import styled from \"styled-components\";\nimport { Textarea } from \"../Textarea\";\n\nexport const StyledAutoResizeTextarea = styled(Textarea)`\n white-space: pre-wrap;\n overflow-wrap: break-word;\n resize: none;\n`;\n\nStyledAutoResizeTextarea.displayName = \"StyledAutoResizeTextarea\";\n","import React, {\n TextareaHTMLAttributes,\n useState,\n useCallback,\n ChangeEvent,\n KeyboardEvent,\n FocusEvent,\n Ref,\n forwardRef,\n useRef,\n useEffect,\n} from \"react\";\nimport classnames from \"classnames\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { StyledAutoResizeTextarea } from \"./Styles\";\n\ninterface IAutoResizeTextarea {\n minRows?: number;\n maxRows?: number;\n lineHeight?: number;\n preventNewRowOnEnter?: boolean;\n cursorAtTextEnd?: boolean;\n value?: string;\n}\n\nexport const AutoResizeTextarea = forwardRef(\n (\n {\n minRows = 1,\n maxRows = 6,\n lineHeight = 18,\n onChange,\n className,\n preventNewRowOnEnter = false,\n cursorAtTextEnd = false,\n onKeyDown,\n value,\n ...rest\n }: IAutoResizeTextarea & TextareaHTMLAttributes<HTMLTextAreaElement>,\n ref: Ref<HTMLTextAreaElement> | null | undefined\n ) => {\n const innerRef = useRef<HTMLTextAreaElement | null>(null);\n const [rows, setRows] = useState(minRows);\n\n const handleRef = useForkRef(ref, innerRef);\n\n const calcRows = useCallback(\n (elem: HTMLTextAreaElement | null) => {\n if (elem) {\n const previousRows = elem.rows || minRows;\n\n elem.rows = minRows;\n const currentRows = Math.floor(elem.scrollHeight / lineHeight);\n\n if (currentRows === previousRows) {\n elem.rows = currentRows;\n }\n\n if (currentRows >= maxRows) {\n elem.rows = maxRows;\n elem.scrollTop = elem.scrollHeight;\n }\n\n setRows(currentRows < maxRows ? currentRows : maxRows);\n }\n },\n [lineHeight, maxRows, minRows]\n );\n\n useEffect(() => {\n calcRows(innerRef.current);\n }, [value, calcRows]);\n\n const handleOnChange = useCallback(\n (e: ChangeEvent<HTMLTextAreaElement>) => {\n calcRows(e.target);\n typeof onChange === \"function\" && onChange(e);\n },\n [onChange, calcRows]\n );\n\n const handleFocus = useCallback(\n (e: FocusEvent<HTMLTextAreaElement>) => {\n if (cursorAtTextEnd) {\n e.target.setSelectionRange(\n e.target.value.length,\n e.target.value.length\n );\n }\n },\n [cursorAtTextEnd]\n );\n\n const handleTextAreaKeyDown = useCallback(\n (e: KeyboardEvent<HTMLTextAreaElement>) => {\n if (preventNewRowOnEnter && e.key === \"Enter\") {\n e.preventDefault();\n }\n typeof onKeyDown === \"function\" && onKeyDown(e);\n },\n [preventNewRowOnEnter, onKeyDown]\n );\n\n return (\n <StyledAutoResizeTextarea\n {...rest}\n value={value}\n ref={handleRef}\n onChange={handleOnChange}\n onKeyDown={handleTextAreaKeyDown}\n onFocus={handleFocus}\n rows={rows}\n className={classnames(\"c-autoresizetextarea\", className)}\n style={{\n minHeight: `${lineHeight}px`,\n lineHeight: `${lineHeight}px`,\n }}\n />\n );\n }\n);\n\nAutoResizeTextarea.displayName = \"AutoResizeTextarea\";\n","import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledAccordion = styled.div`\n ${tw`tw-rounded-lg tw-overflow-hidden tw-border-solid tw-border tw-border-border-primary tw-border-b-0`}\n ${FontStyle}\n ${BoxSizingStyle}\n`;\n\nStyledAccordion.displayName = \"StyledAccordion\";\n\nexport const StyledAccordionItem = styled.div`\n display: flex;\n flex-direction: column;\n background-color: var(--page-paper-main);\n border: 1px solid transparent;\n border-bottom: 1px solid var(--border-primary);\n overflow: hidden;\n ${FontStyle}\n ${BoxSizingStyle}\n`;\n\nStyledAccordionItem.displayName = \"StyledAccordionItem\";\n\nexport const StyledAccordionItemBody = styled.div`\n margin: 0 16px;\n ${FontStyle}\n ${BoxSizingStyle}\n`;\n\nStyledAccordionItemBody.displayName = \"StyledAccordionItemHead\";\n\nexport const StyledAccordionItemHead = styled.div`\n user-select: none;\n padding: 8px 16px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n color: var(--color-theme-900);\n cursor: pointer;\n ${FontStyle}\n ${BoxSizingStyle}\n .text {\n font-weight: bold;\n font-size: 13px;\n }\n .icon {\n width: 16px;\n height: 16px;\n fill: currentColor;\n transform: translateY(-4px);\n }\n`;\n\nStyledAccordionItemHead.displayName = \"StyledAccordionItemHead\";\n\nexport const StyledAccordionItemHeadText = styled.div`\n font-weight: bold;\n font-size: 13px;\n`;\n\nStyledAccordionItemHeadText.displayName = \"StyledAccordionItemHeadText\";\n\nexport const StyledAccordionItemHeadIcon = styled.div`\n width: 16px;\n height: 16px;\n fill: currentColor;\n transform: translateY(-4px);\n`;\n\nStyledAccordionItemHeadIcon.displayName = \"StyledAccordionItemHeadIcon\";\n","import React, {\n FC,\n ReactNodeArray,\n useState,\n useCallback,\n ReactNode,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledAccordion } from \"./Styles\";\n\ninterface IAccordion {\n /** Children type of node or string */\n children: ReactNodeArray;\n /** ClassName */\n className?: string;\n /** Could all items be collapsed */\n allowZeroExpanded?: boolean;\n /** Could more than one item be expanded */\n allowMultipleExpanded?: boolean;\n /** Callback function that will be called with id of the accordion item that was clicked */\n onChange?: (itemId: string) => void;\n /** List of item id's that are expanded on initial render */\n preExpanded?: string[];\n /** Do not show the toggle icon in the AccordionItemHead component */\n disableToggleIcon?: boolean;\n /** Custom toggle icon to replace the default one */\n customToggleIcon?: ReactNode;\n}\n\nexport interface IAccordionContextType {\n expandedItems: string[];\n toggleExpanded: (itemId: string) => void;\n disableToggleIcon: boolean;\n customToggleIcon: ReactNode;\n}\n\nexport const AccordionContext =\n React.createContext<IAccordionContextType | null>(null);\n\nexport const Accordion: FC<IAccordion> = ({\n children,\n className,\n allowMultipleExpanded = false,\n allowZeroExpanded = false,\n onChange,\n preExpanded = [],\n disableToggleIcon = false,\n customToggleIcon,\n}) => {\n const [expandedItems, setExpandedItems] = useState<string[]>(preExpanded);\n\n const toggleExpandedCallback = useCallback(\n (id: string) => {\n setExpandedItems((prevExpanded: string[]) => {\n if (prevExpanded.indexOf(id) > -1) {\n if (!allowZeroExpanded && prevExpanded.length === 1) {\n return prevExpanded;\n }\n return prevExpanded.filter((item: string) => {\n return item !== id;\n });\n } else {\n if (!allowMultipleExpanded) {\n return [id];\n }\n return [...prevExpanded, id];\n }\n });\n if (onChange) {\n onChange(id);\n }\n },\n [allowMultipleExpanded, allowZeroExpanded, onChange]\n );\n\n return (\n <AccordionContext.Provider\n value={{\n expandedItems,\n toggleExpanded: toggleExpandedCallback,\n disableToggleIcon,\n customToggleIcon,\n }}\n >\n <StyledAccordion className={classnames(\"accordion\", className)}>\n {children}\n </StyledAccordion>\n </AccordionContext.Provider>\n );\n};\n\nAccordion.displayName = \"Accordion\";\n","import React, { FC, ReactNode, useContext, useMemo } from \"react\";\nimport classnames from \"classnames\";\nimport { AccordionContext } from \"./Accordion\";\nimport { StyledAccordionItem } from \"./Styles\";\n\ninterface IAccordionItem {\n /** Children type of node or string */\n children: ReactNode;\n /** ClassName */\n className?: string;\n /** Id of the accordion item */\n id?: string;\n}\n\nexport interface IItemContext {\n isItemExpanded: boolean;\n id: string;\n}\n\nexport const ItemContext = React.createContext(null as IItemContext | null);\n\nexport const AccordionItem: FC<IAccordionItem> = ({\n children,\n className,\n id,\n}) => {\n const accordionContext = useContext(AccordionContext);\n\n const itemId = useMemo(() => {\n if (!id) {\n const randomString = Math.random().toString(36).slice(2);\n return `accordion-item-${randomString}`;\n }\n return id;\n }, [id]);\n\n return (\n <ItemContext.Provider\n value={{\n isItemExpanded: accordionContext\n ? accordionContext.expandedItems.indexOf(itemId) > -1\n : false,\n id: itemId,\n }}\n >\n <StyledAccordionItem className={classnames(\"accordionItem\", className)}>\n {children}\n </StyledAccordionItem>\n </ItemContext.Provider>\n );\n};\n\nAccordionItem.displayName = \"AccordionItem\";\n","import React, { ReactNode, FC, useContext, useCallback, useMemo } from \"react\";\nimport classnames from \"classnames\";\nimport { ItemContext } from \"./AccordionItem\";\nimport { AccordionContext } from \"./Accordion\";\nimport CollapseExpandSingleIcon from \"../Icons/collection/CollapseExpandSingle\";\nimport {\n StyledAccordionItemHead,\n StyledAccordionItemHeadText,\n StyledAccordionItemHeadIcon,\n} from \"./Styles\";\n\ninterface IAccordionItemHead {\n /** Children type of node or string */\n children: ReactNode | string;\n /** ClassName */\n className?: string;\n}\n\nexport const AccordionItemHead: FC<IAccordionItemHead> = ({\n children,\n className,\n}) => {\n const accordionContext = useContext(AccordionContext);\n const itemContext = useContext(ItemContext);\n\n const { toggleExpanded, disableToggleIcon, customToggleIcon } =\n useMemo(() => {\n return {\n toggleExpanded: accordionContext\n ? accordionContext.toggleExpanded\n : null,\n disableToggleIcon: accordionContext\n ? accordionContext.disableToggleIcon\n : false,\n customToggleIcon: accordionContext\n ? accordionContext.customToggleIcon\n : null,\n };\n }, [accordionContext]);\n\n const id = useMemo(() => (itemContext ? itemContext.id : \"\"), [itemContext]);\n\n const onClickCallback = useCallback(() => {\n if (toggleExpanded) {\n toggleExpanded(id);\n }\n }, [id, toggleExpanded]);\n\n const toggleIcon = useMemo(\n () =>\n customToggleIcon ? (\n customToggleIcon\n ) : (\n <CollapseExpandSingleIcon style={{ transform: \"rotate(180deg)\" }} />\n ),\n [customToggleIcon]\n );\n\n return (\n <StyledAccordionItemHead\n onClick={onClickCallback}\n className={classnames(\"accordionItemHead\", className)}\n >\n <StyledAccordionItemHeadText className=\"accordionItemHead__text\">\n {children}\n </StyledAccordionItemHeadText>\n <StyledAccordionItemHeadIcon className=\"accordionItemHead__icon\">\n {!disableToggleIcon ? toggleIcon : null}\n </StyledAccordionItemHeadIcon>\n </StyledAccordionItemHead>\n );\n};\n\nAccordionItemHead.displayName = \"AccordionItemHead\";\n","import { RefObject, useEffect, useState } from \"react\";\n\nconst useHeight = (ref: RefObject<HTMLElement>): number => {\n const [height, setHeight] = useState(0);\n\n useEffect(() => {\n if (ref && ref.current) {\n const element = ref.current;\n const prevMaxHeight = element.style.maxHeight;\n const prevVisibility = element.style.visibility;\n\n element.style.visibility = \"hidden\";\n element.style.maxHeight = \"none\";\n\n const elementHeight = element.clientHeight;\n\n element.style.visibility = prevVisibility;\n element.style.maxHeight = prevMaxHeight;\n\n return setHeight(elementHeight);\n }\n }, [ref]);\n\n return height;\n};\n\nexport default useHeight;\n","import React, { ReactNode, FC, useContext, useRef, ReactElement } from \"react\";\nimport classnames from \"classnames\";\nimport { Transition } from \"react-transition-group\";\nimport { ItemContext, IItemContext } from \"./AccordionItem\";\nimport useHeight from \"../../hooks/useHeight\";\nimport { StyledAccordionItemBody } from \"./Styles\";\n\ninterface IAccordionItemBody {\n /** Children type of node or string */\n children: ReactNode | string;\n /** ClassName */\n className?: string;\n}\n\nexport const AccordionItemBody: FC<IAccordionItemBody> = ({\n children,\n className,\n}) => {\n const itemContext = useContext<IItemContext | null>(ItemContext);\n const divRef = useRef(null);\n const duration = 200;\n const height = useHeight(divRef);\n\n const defaultStyle = {\n transition: `max-height ${duration}ms linear`,\n maxHeight: 0,\n };\n\n const transitionStyles = {\n entering: { maxHeight: height },\n entered: { maxHeight: height },\n exiting: { maxHeight: 0 },\n exited: { maxHeight: 0 },\n };\n\n return (\n <Transition timeout={200} in={itemContext?.isItemExpanded}>\n {(state): ReactElement => (\n <StyledAccordionItemBody\n ref={divRef}\n className={classnames(\"accordionItemBody\", className)}\n style={{\n ...defaultStyle,\n ...transitionStyles[state],\n }}\n >\n {children}\n </StyledAccordionItemBody>\n )}\n </Transition>\n );\n};\n\nAccordionItemBody.displayName = \"AccordionItemBody\";\n","import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { IChooseProps } from \"./Choose\";\n\nexport const StyledChoose = styled.button<IChooseProps>`\n ${tw`tw-antialiased tw-align-middle tw-font-medium tw-inline-block tw-leading-none tw-m-0 tw-no-underline`}\n ${tw`tw-select-none tw-cursor-pointer tw-text-center tw-rounded-lg tw-text-theme-700`}\n ${FontStyle}\n ${BoxSizingStyle}\n height: 32px;\n padding: 0 16px;\n transition: all 0.3s ease;\n border: 1px solid var(--border-primary);\n font-size: 13px;\n transition-duration: 0.3s;\n &:hover {\n ${tw`tw-border-primary`}\n box-shadow: inset 0 0 5px 3px var(--color-primary-300);\n }\n ${(props) =>\n props.active &&\n css`\n ${tw`tw-border-primary tw-z-0`}\n background-color: var(--color-primary-300);\n `}\n`;\n\nStyledChoose.displayName = \"StyledChoose\";\n","import React, { FC, BaseHTMLAttributes, ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledChoose } from \"./Styles\";\n\nexport interface IChooseProps extends BaseHTMLAttributes<HTMLButtonElement> {\n /** Children type of node or string */\n children: ReactElement | string;\n /** Disabled prop */\n disabled?: boolean;\n /** Active prop */\n active?: boolean;\n /** CSS classes */\n className?: string;\n}\n\n/**\n * Choose component\n */\nexport const Choose: FC<IChooseProps> = ({\n children,\n disabled = false,\n active = false,\n className,\n ...args\n}) => {\n return (\n <StyledChoose\n disabled={disabled}\n className={classNames(\"c-choose\", className)}\n active={active}\n {...args}\n >\n {children}\n </StyledChoose>\n );\n};\n\nChoose.displayName = \"Choose\";\n","import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { ILinkProps } from \"./Link\";\n\ninterface StyledLinkProps extends ILinkProps {\n iconOnly: boolean;\n}\n\nexport const StyledLinkElement = styled.div``;\n\nexport const StyledLink = styled.a<StyledLinkProps>`\n ${FontStyle}\n ${BoxSizingStyle}\n ${tw`\n tw-antialiased\n tw-font-medium\n tw-leading-none\n tw-m-0\n tw-no-underline\n tw-text-sm\n tw-select-none\n tw-cursor-pointer\n tw-inline-flex\n tw-items-center\n tw-justify-center`}\n\n border: none;\n height: 32px;\n transition: all 0.3s ease;\n\n svg {\n fill: currentColor;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &:focus {\n outline: none;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n ${(props) =>\n props.disabled &&\n css`\n cursor: default;\n opacity: 50%;\n pointer-events: none;\n `}\n\n ${(props) =>\n props.size === \"small\" &&\n css`\n height: 24px;\n `}\n\n ${(props) =>\n props.size === \"big\" &&\n css`\n height: 40px;\n `}\n\n ${(props) =>\n (props.variant === \"primary\" || props.variant === \"contained\") &&\n css`\n padding: 0 16px;\n background-color: var(--color-primary);\n border-radius: 16px;\n color: var(--color-theme-100);\n\n &:focus,\n &:hover {\n box-shadow: 0 3px 6px -2px var(--color-primary-500);\n background-color: var(--color-primary-800);\n }\n\n &:active {\n box-shadow: 0 4px 10px -2px var(--color-primary-600);\n background-color: var(--color-primary-800);\n }\n `}\n\n ${(props) =>\n (props.variant === \"secondary\" || props.variant === \"outlined\") &&\n css`\n padding: 0 16px;\n background-color: transparent;\n border-radius: 16px;\n border: solid 1px var(--color-theme-600);\n color: var(--color-theme-600);\n\n &:focus,\n &:hover {\n border-color: var(--color-primary);\n color: var(--color-primary);\n }\n\n &:active {\n border-color: var(--color-primary);\n color: var(--color-primary);\n background-color: var(--color-primary-200);\n }\n `}\n\n ${(props) =>\n (props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n css`\n padding: 0 8px;\n background-color: transparent;\n border-radius: 6px;\n color: var(--color-primary);\n\n &:focus,\n &:hover {\n background-color: var(--color-primary-200);\n }\n\n &:active {\n background-color: var(--color-primary-300);\n }\n `}\n\n ${(props) =>\n (props.variant === \"option\" || props.variant === \"text gray\") &&\n css`\n padding: 0 8px;\n background-color: transparent;\n border-radius: 6px;\n color: var(--color-theme-600);\n\n &:focus,\n &:hover {\n background-color: var(--color-theme-300);\n color: var(--color-theme-900);\n }\n\n &:active {\n background-color: var(--color-theme-400);\n color: var(--color-theme-900);\n }\n `}\n\n ${(props) =>\n props.variant === \"dark transparent\" &&\n css`\n padding: 0 8px;\n background-color: rgba(0, 0, 0, 0.5);\n border-radius: var(--ac-br-6);\n color: var(--only-white);\n\n &:hover {\n background-color: rgba(0, 0, 0, 0.85);\n }\n\n &:active {\n background-color: var(--only-black);\n }\n `}\n\n ${(props) =>\n props.iconOnly &&\n css`\n padding: 0;\n width: 32px;\n\n ${props.size === \"small\" &&\n css`\n radius: 16px;\n width: 24px;\n `}\n\n ${props.size === \"big\" &&\n css`\n radius: 20px;\n width: 40px;\n `}\n `}\n\n ${(props) =>\n (props.variant === \"primary\" ||\n props.variant === \"contained\" ||\n props.variant === \"secondary\" ||\n props.variant === \"outlined\") &&\n css`\n ${StyledLinkElement}:first-child svg {\n margin-left: -6px;\n }\n ${StyledLinkElement}:last-child svg {\n margin-right: -6px;\n }\n\n ${props.size === \"small\" &&\n css`\n radius: 16px;\n `}\n\n ${props.size === \"big\" &&\n css`\n radius: 20px;\n `}\n `}\n\n ${(props) =>\n (props.variant === \"tertiary\" ||\n props.variant === \"text colored\" ||\n props.variant === \"option\" ||\n props.variant === \"text gray\" ||\n props.variant === \"dark transparent\") &&\n css`\n ${StyledLinkElement}:first-child svg {\n margin-left: -4px;\n }\n ${StyledLinkElement}:last-child svg {\n margin-right: -4px;\n }\n\n ${props.size === \"small\" &&\n css`\n radius: 4px;\n `}\n\n ${props.size === \"big\" &&\n css`\n radius: 8px;\n `}\n `}\n`;\n\nexport const StyledLinkElements = styled.div`\n display: table;\n height: inherit;\n\n svg {\n margin: 0 4px;\n margin-bottom: -2px;\n }\n\n ${StyledLinkElement} {\n display: table-cell;\n vertical-align: middle;\n padding-bottom: 2px;\n }\n`;\n\nexport const StyledBackLink = styled.a`\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${tw`\n tw-pl-8\n tw-text-xxs\n tw-uppercase\n tw-inline-flex\n tw-align-middle\n tw-pr-4\n tw-text-theme-600\n tw-cursor-pointer\n `}\n\n text-decoration: none;\n border: transparent 1px solid;\n border-radius: 20px;\n height: 32px;\n font-size: 10px;\n font-weight: 500;\n display: table-cell;\n vertical-align: middle;\n\n &:before,\n &:after {\n content: \"\";\n ${tw`\n tw-border-solid\n tw-text-theme-700\n tw-inline-block\n tw-p-0\n tw-w-2\n tw-h-2\n tw-bg-no-repeat\n `}\n border-width: 0 1px 1px 0;\n position: absolute;\n left: 0;\n transition: all ease 0.3s;\n }\n &:before {\n ${tw`tw-opacity-100`}\n transform: translateX(1rem) translateY(0.1rem) rotate(135deg);\n }\n &:after {\n ${tw`tw-opacity-0`}\n transform: translateX(2rem) translateY(0.1rem) rotate(135deg);\n }\n &:hover {\n text-decoration: none;\n border-color: var(--border-primary);\n &:before {\n ${tw`tw-opacity-0`}\n transform: translateX(0rem) translateY(0.1rem) rotate(135deg);\n }\n &:after {\n ${tw`tw-opacity-100`}\n transform: translateX(1rem) translateY(0.1rem) rotate(135deg);\n }\n }\n`;\n\nStyledBackLink.displayName = \"StyledBackLink\";\nStyledLinkElement.displayName = \"StyledLinkElement\";\nStyledLinkElements.displayName = \"StyledLinkElements\";\nStyledLink.displayName = \"StyledLink\";\n","import React, { FC, BaseHTMLAttributes } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledBackLink } from \"./Styles\";\n\ninterface IBackLinkProps extends BaseHTMLAttributes<HTMLAnchorElement> {\n /** Children type of node or string */\n children: string;\n /** CSS classes */\n className?: string;\n}\n/**\n * Back link component\n */\nexport const BackLink: FC<IBackLinkProps> = ({\n children,\n className,\n ...args\n}) => {\n return (\n <StyledBackLink className={classNames(\"c-back-link\", className)} {...args}>\n {children}\n </StyledBackLink>\n );\n};\n\nBackLink.displayName = \"BackLink\";\n","import React, { FC, BaseHTMLAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledLink, StyledLinkElement, StyledLinkElements } from \"./Styles\";\n\nexport interface ILinkProps extends BaseHTMLAttributes<HTMLAnchorElement> {\n /** Children type of node or string */\n children: ReactNode | string;\n /** Variant Buttons */\n variant?:\n | \"primary\"\n | \"secondary\"\n | \"tertiary\"\n | \"option\"\n | \"contained\"\n | \"outlined\"\n | \"text colored\"\n | \"text gray\"\n | \"dark transparent\";\n /** Button size can be big, medium or small */\n size?: \"big\" | \"small\";\n /** Disabled prop */\n disabled?: boolean;\n /** CSS classes */\n className?: string;\n}\n\n/**\n * Link component\n */\nexport const Link: FC<ILinkProps> = ({\n children,\n variant = \"contained\",\n size,\n disabled = false,\n className,\n ...args\n}) => {\n return (\n <StyledLink\n disabled={disabled}\n className={classNames(\"c-link\", className, {\n \"c-link--contained\": variant === \"primary\" || variant === \"contained\",\n \"c-link--outlined\": variant === \"secondary\" || variant === \"outlined\",\n \"c-link--text_colored\":\n variant === \"tertiary\" || variant === \"text colored\",\n \"c-link--text_gray\": variant === \"option\" || variant === \"text gray\",\n \"c-link--dark_transparent\": variant === \"dark transparent\",\n \"c-link--big\": size === \"big\",\n \"c-link--small\": size === \"small\",\n \"c-link--icon-only\":\n children instanceof Object && !(children instanceof Array),\n \"c-link--disabled\": disabled,\n })}\n variant={variant}\n size={size}\n iconOnly={children instanceof Object && !(children instanceof Array)}\n {...args}\n >\n {children instanceof Array ? (\n <StyledLinkElements className=\"c-link__elements\">\n {children.map((value, index) =>\n value ? (\n <StyledLinkElement\n className=\"c-link__elements__element\"\n key={index}\n >\n {value}\n </StyledLinkElement>\n ) : null\n )}\n </StyledLinkElements>\n ) : (\n children\n )}\n </StyledLink>\n );\n};\n\nLink.displayName = \"Link\";\n","import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface ISlideFromTop extends Omit<TransitionProps, \"timeout\"> {\n children: ReactElement;\n timeout?: number;\n}\n\nconst defaultStyle = {\n transitionProperty: \"opacity, transform\",\n transitionTimingFunction: \"linear ease-out\",\n transform: \"translateY(-100%)\",\n opacity: 0,\n};\n\nconst transitionStyles = {\n entering: {\n opacity: 1,\n transform: \"translateY(0)\",\n transitionDuration: \".3s\",\n },\n entered: {\n opacity: 1,\n transform: \"translateY(0)\",\n transitionDuration: \".3s\",\n },\n exiting: {\n opacity: 0,\n transform: \"translateY(-100%)\",\n transitionDuration: \".2s\",\n },\n exited: {\n opacity: 0,\n transform: \"translateY(-100%)\",\n transitionDuration: \".2s\",\n },\n};\n\nexport const SlideFromTop: FC<ISlideFromTop> = ({\n in: inProp = false,\n onEnter,\n onExited,\n children,\n style,\n timeout = 400,\n}) => (\n <Transition\n appear\n in={inProp}\n timeout={timeout}\n onEnter={onEnter}\n onExited={onExited}\n >\n {(state): ReactElement => {\n return cloneElement(children, {\n style: {\n visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n ...defaultStyle,\n ...transitionStyles[state],\n ...style,\n ...children.props.style,\n },\n });\n }}\n </Transition>\n);\n\nSlideFromTop.displayName = \"SlideFromTop\";\n","import styled from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledDialog = styled.div`\n max-height: calc(100vh - 156px);\n background-color: var(--page-paper-main);\n color: var(--color-theme-900);\n box-shadow: var(--shadow-primary);\n border-radius: 6px;\n width: 540px;\n display: flex;\n flex-direction: column;\n flex: 1 1 auto;\n margin: 126px auto 30px auto;\n position: relative;\n\n ${FontStyle}\n ${BoxSizingStyle}\n\n @media only screen and (max-width: 480px) {\n width: 310px;\n margin: 60px auto 30px auto;\n }\n`;\nStyledDialog.displayName = \"StyledDialog\";\n\nexport const StyledDialogTitle = styled.div`\n padding: 20px 30px;\n\n ${FontStyle}\n ${BoxSizingStyle}\n`;\nStyledDialogTitle.displayName = \"StyledDialogTitle\";\n\nexport const StyledDialogContent = styled.div`\n padding: 20px 30px;\n max-height: 580px;\n overflow-y: auto;\n flex: 1 1 auto;\n\n ${FontStyle}\n ${BoxSizingStyle}\n`;\nStyledDialogContent.displayName = \"StyledDialogContent\";\n\nexport const StyledDialogContentDivider = styled.div`\n border-top: 1px solid var(--border-primary);\n height: 1px;\n`;\nStyledDialogContentDivider.displayName = \"StyledDialogContentDivider\";\n\nexport const StyledDialogActions = styled.div`\n padding: 20px 30px;\n\n ${FontStyle}\n ${BoxSizingStyle}\n`;\nStyledDialogActions.displayName = \"StyledDialogActions\";\n","import React, { forwardRef, ReactNode } from \"react\";\nimport classnames from \"classnames\";\nimport { Modal } from \"../Modal\";\nimport { SlideFromTop } from \"../Transitions/SlideFromTop\";\nimport { StyledDialog } from \"./Styles\";\n\ninterface IDialog {\n open?: boolean;\n onClose?: () => void;\n className?: string;\n children?: ReactNode;\n enableBackgroundClick?: boolean;\n}\n\nexport const Dialog = forwardRef<HTMLDivElement, IDialog>(\n (\n {\n children,\n open = false,\n onClose,\n className,\n enableBackgroundClick = false,\n },\n ref\n ) => {\n return (\n <Modal\n ref={ref}\n open={open}\n onClose={onClose}\n disableBackgroundClick={!enableBackgroundClick}\n >\n <SlideFromTop in={open}>\n <StyledDialog className={classnames(\"c-dialog\", className)}>\n {children}\n </StyledDialog>\n </SlideFromTop>\n </Modal>\n );\n }\n);\n\nDialog.displayName = \"Dialog\";\n","import React, { FC, HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledDialogContent } from \"./Styles\";\n\nexport const DialogContent: FC<HTMLAttributes<HTMLDivElement>> = ({\n className,\n children,\n ...rest\n}) => {\n return (\n <StyledDialogContent\n className={classnames(\"c-dialog-content\", className)}\n {...rest}\n >\n {children}\n </StyledDialogContent>\n );\n};\n\nDialogContent.displayName = \"DialogContent\";\n","import React, { FC, HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledDialogContentDivider } from \"./Styles\";\n\nexport const DialogContentDivider: FC<HTMLAttributes<HTMLDivElement>> = ({\n className,\n}) => {\n return (\n <StyledDialogContentDivider\n className={classnames(\"c-dialog-content-divider\", className)}\n />\n );\n};\n\nDialogContentDivider.displayName = \"DialogContentDivider\";\n","import React, { FC, ReactNode } from \"react\";\nimport classnames from \"classnames\";\nimport { Header3 } from \"../Typography/Variants/Header3\";\nimport { StyledDialogTitle } from \"./Styles\";\n\ninterface IDialogTitle {\n children: ReactNode;\n className?: string;\n disableDefaultHeading?: boolean;\n}\n\nexport const DialogTitle: FC<IDialogTitle> = ({\n children,\n className,\n disableDefaultHeading = false,\n ...rest\n}) => {\n return (\n <StyledDialogTitle\n className={classnames(\"c-dialog-title-wrapper\", className)}\n {...rest}\n >\n {disableDefaultHeading ? children : <Header3>{children}</Header3>}\n </StyledDialogTitle>\n );\n};\n\nDialogTitle.displayName = \"DialogTitle\";\n","import React, { FC, HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledDialogActions } from \"./Styles\";\n\nexport const DialogActions: FC<HTMLAttributes<HTMLDivElement>> = ({\n className,\n children,\n ...rest\n}) => {\n return (\n <StyledDialogActions\n className={classnames(\"c-dialog-actions\", className)}\n {...rest}\n >\n {children}\n </StyledDialogActions>\n );\n};\n\nDialogActions.displayName = \"DialogActions\";\n","import React, { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport {\n Dialog,\n DialogTitle,\n DialogContent,\n DialogActions,\n DialogContentDivider,\n} from \"../Dialog\";\nimport { Button } from \"../Button/Button\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\n\nexport interface IConfirmDialog {\n open?: boolean;\n onCancel?: () => void;\n onConfirm?: () => void;\n className?: string;\n dialogTitle?: string;\n dialogContent?: string;\n confirmBtnText?: string;\n cancelBtnText?: string;\n shouldShowCancelButton?: boolean;\n}\n\nexport const ConfirmDialog = forwardRef<HTMLDivElement, IConfirmDialog>(\n (\n {\n open = false,\n onCancel,\n onConfirm,\n className,\n dialogTitle = \"Discard changes?\",\n dialogContent = \"All unsaved changes will be lost.\",\n confirmBtnText = \"OK\",\n cancelBtnText = \"Cancel\",\n shouldShowCancelButton = true,\n },\n ref\n ) => {\n return (\n <Dialog\n ref={ref}\n open={open}\n onClose={onCancel}\n className={classnames(\"c-confirm-dialog\", className)}\n >\n <DialogTitle>{dialogTitle}</DialogTitle>\n <DialogContentDivider />\n <DialogContent>\n <Body2 lineHeight=\"loose\" color=\"secondary\">\n {dialogContent}\n </Body2>\n </DialogContent>\n <DialogContentDivider />\n <DialogActions>\n <Button\n variant=\"primary\"\n style={{ marginRight: \"12px\" }}\n onClick={onConfirm}\n >\n {confirmBtnText}\n </Button>\n {shouldShowCancelButton ? (\n <Button\n variant=\"secondary\"\n data-action=\"cancel\"\n onClick={onCancel}\n type=\"button\"\n >\n {cancelBtnText}\n </Button>\n ) : null}\n </DialogActions>\n </Dialog>\n );\n }\n);\n\nConfirmDialog.displayName = \"ConfirmDialog\";\n","import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { ConfirmDialog } from \"../ConfirmDialog\";\nimport { DatePicker } from \"../DatePicker\";\nimport { Button } from \"../Button/Button\";\n\nexport const StyledSelectDate = styled.div`\n ${FontStyle}\n ${BoxSizingStyle}\n`;\n\nStyledSelectDate.displayName = \"StyledSelectDate\";\n\nexport const StyledSelectDateButton = styled.button`\n margin: 0;\n padding: 0;\n border: none;\n background: none;\n width: auto;\n height: auto;\n color: var(--color-theme-700);\n\n span,\n svg {\n cursor: pointer;\n }\n span {\n color: var(--color-secondary);\n }\n svg:hover {\n fill: var(--color-secondary);\n }\n`;\n\nStyledSelectDateButton.displayName = \"StyledSelectDateButton\";\n\nexport const StyledConfirmDialog = styled(ConfirmDialog)`\n .modal-header {\n padding: 16px 30px;\n h1 {\n margin: 0;\n font-size: 16px;\n }\n }\n .modal-body {\n padding: 10px 30px;\n }\n .modal-divider {\n border-top: 1px solid var(--border-primary);\n height: 1px;\n }\n .modal-footer {\n padding: 16px 30px;\n }\n`;\n\nStyledConfirmDialog.displayName = \"StyledConfirmDialog\";\n\nexport const StyledSelectDateDatePicker = styled(DatePicker)`\n ${tw`tw-pt-4 tw-pb-2`}\n`;\n\nStyledSelectDateDatePicker.displayName = \"StyledSelectDateDatePicker\";\n\nexport const StyledSelectDateFooter = styled.div<{\n $mode?: \"atomic\" | \"instant\";\n}>`\n ${tw`tw-px-4 tw-py-2`}\n border-top: 1px solid var(--border-primary);\n\n ${(props) =>\n props.$mode === \"instant\" &&\n css`\n ${tw`tw-flex`}\n `}\n`;\n\nStyledSelectDateFooter.displayName = \"StyledSelectDateFooter\";\n\nexport const StyledSelectDateButtons = styled.div`\n ${tw`tw-flex`}\n`;\n\nStyledSelectDateButtons.displayName = \"StyledSelectDateButtons\";\n\nexport const StyledButtonSave = styled(Button)`\n ${tw`tw-mr-2`}\n`;\n\nStyledButtonSave.displayName = \"StyledButtonSave\";\n\nexport const StyledButtonClose = styled(Button)`\n ${tw`tw-ml-auto`}\n`;\n\nStyledButtonClose.displayName = \"StyledButtonClose\";\n\nexport const StyledButtonCloseColored = styled(Button)`\n ${tw`tw-ml-auto tw-mr-auto`}\n`;\n\nStyledButtonCloseColored.displayName = \"StyledButtonCloseColored\";\n\nexport const StyledIconComponent = styled.svg`\n span,\n svg {\n cursor: pointer;\n }\n span {\n color: var(--color-secondary);\n }\n svg:hover {\n fill: var(--color-secondary);\n }\n`;\n\nStyledIconComponent.displayName = \"StyledIconComponent\";\n","import React, { FC, ReactNode, MouseEvent, useCallback } from \"react\";\nimport { RangeModifier, Modifiers, DayModifiers } from \"react-day-picker\";\nimport MomentLocaleUtils from \"react-day-picker/moment\";\nimport { Button } from \"../Button/Button\";\nimport CancelCrossIcon from \"../Icons/collection/CancelCross\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport {\n StyledButtonClose,\n StyledButtonCloseColored,\n StyledButtonSave,\n StyledSelectDateButtons,\n StyledSelectDateDatePicker,\n StyledSelectDateFooter,\n} from \"./Styles\";\n\ninterface IDatePickerForm {\n mode: \"instant\" | \"atomic\";\n saveButtonText?: string;\n cancelButtonText?: string;\n clearButtonText?: string;\n onSave?: () => void;\n onCancel?: (event: MouseEvent<HTMLElement>) => void;\n onClear?: () => void;\n onChange?: (dates?: { from: Date; to: Date }) => void;\n /** Called when day is clicked */\n onDayClick?: (day: Date, modifiers: DayModifiers) => void;\n /** Set selected day or days */\n selectedDays?: RangeModifier;\n /** Modifiers */\n modifiers?: Partial<Modifiers>;\n /** Render day callback */\n renderDay?: (date: Date, modifiers: DayModifiers) => ReactNode;\n /** Set selection range */\n selectionMode?: string;\n /** Set is date required */\n dateRequired?: boolean;\n /** Set first day of week */\n firstDayOfWeek?: number;\n /** on month change callback */\n onMonthChange?: (month: Date) => void;\n /** Selected month */\n month: Date;\n disabledSaveButton?: boolean;\n}\n\nexport const DatePickerForm: FC<IDatePickerForm> = ({\n mode,\n saveButtonText = \"Save\",\n cancelButtonText = \"Cancel\",\n clearButtonText = \"Clear\",\n onSave,\n onCancel,\n onClear,\n dateRequired = false,\n firstDayOfWeek = 0,\n selectedDays,\n selectionMode = \"custom\",\n onChange,\n onDayClick,\n onMonthChange,\n month,\n disabledSaveButton = false,\n modifiers,\n renderDay,\n}) => {\n const handleOnKeyDown = useCallback(\n (e) => {\n if (e.key === \"Enter\" && typeof onSave === \"function\") {\n onSave();\n } else if (\n (e.key === \"Esc\" || e.key === \"Escape\") &&\n typeof onCancel === \"function\"\n ) {\n onCancel(e);\n }\n },\n [onSave, onCancel]\n );\n\n return (\n <div onKeyDown={handleOnKeyDown} tabIndex={-1} className=\"date-picker-form\">\n <StyledSelectDateDatePicker\n month={month}\n onMonthChange={onMonthChange}\n onChange={onChange}\n onDayClick={onDayClick}\n selectedDays={selectedDays}\n selectionMode={selectionMode}\n dateRequired={dateRequired}\n firstDayOfWeek={firstDayOfWeek}\n modifiers={modifiers}\n renderDay={renderDay}\n localeUtils={MomentLocaleUtils}\n />\n {mode === \"atomic\" || !dateRequired ? (\n <StyledSelectDateFooter className=\"date-picker-footer\" $mode={mode}>\n {mode === \"atomic\" ? (\n <StyledSelectDateButtons className=\"date-picker-buttons\">\n <StyledButtonSave\n size=\"small\"\n variant=\"primary\"\n onClick={onSave}\n disabled={disabledSaveButton}\n >\n {saveButtonText}\n </StyledButtonSave>\n <Tooltip\n title={cancelButtonText}\n popperTooltipStyle={{ zIndex: 1301 }}\n >\n <Button size=\"small\" variant=\"text gray\" onClick={onCancel}>\n <CancelCrossIcon />\n </Button>\n </Tooltip>\n {!dateRequired ? (\n <StyledButtonClose\n size=\"small\"\n onClick={onClear}\n variant=\"text gray\"\n >\n {clearButtonText}\n </StyledButtonClose>\n ) : null}\n </StyledSelectDateButtons>\n ) : (\n !dateRequired && (\n <StyledButtonCloseColored\n size=\"small\"\n onClick={onClear}\n variant=\"text colored\"\n >\n {clearButtonText}\n </StyledButtonCloseColored>\n )\n )}\n </StyledSelectDateFooter>\n ) : null}\n </div>\n );\n};\n\nDatePickerForm.displayName = \"DatePickerForm\";\n","import styled, { css } from \"styled-components\";\nimport { IPressedProps } from \"./Pressed\";\nimport { Button } from \"../Button/Button\";\nimport tw from \"twin.macro\";\n\nexport const StyledPressed = styled(Button)<IPressedProps>`\n ${(props) =>\n props.active &&\n css`\n ${tw`tw-pointer-events-none`}\n\n ${(props.variant === \"primary\" || props.variant === \"contained\") &&\n css`\n background-color: var(--color-primary-800);\n `}\n\n ${(props.variant === \"secondary\" || props.variant === \"outlined\") &&\n css`\n border-color: var(--color-primary);\n color: var(--color-primary);\n `}\n\n ${props.variant === \"dark transparent\" &&\n css`\n background-color: var(--only-black);\n `}\n\n ${(props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n css`\n background-color: var(--color-primary-200);\n `}\n\n ${(props.variant === \"option\" || props.variant === \"text gray\") &&\n css`\n color: var(--color-primary);\n ${props.children instanceof Array &&\n css`\n background-color: var(--color-theme-300);\n `}\n `}\n `}\n`;\n\nStyledPressed.displayName = \"StyledPressed\";\n","import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { IButtonProps } from \"../Button/Button\";\nimport { StyledPressed } from \"./Styles\";\n\nexport interface IPressedProps extends IButtonProps {\n /** Set active state */\n active?: boolean;\n}\n\n/**\n * Pressed wrapper for button component\n */\nexport const Pressed = forwardRef<HTMLButtonElement, IPressedProps>(\n ({ children, active = false, className, ...args }, ref) => {\n return (\n <StyledPressed\n active={active}\n ref={ref}\n className={classNames({ \"c-pressed__active\": active }, className)}\n {...args}\n >\n {children}\n </StyledPressed>\n );\n }\n);\n\nPressed.displayName = \"Pressed\";\n","import React, {\n ElementType,\n forwardRef,\n Ref,\n MouseEvent,\n CSSProperties,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Pressed } from \"../Pressed\";\nimport { StyledIconComponent } from \"./Styles\";\n\ninterface ISelectDateTargetProps {\n icon: ElementType;\n title?: string;\n onClick?: (event: MouseEvent<Element>) => void;\n forceHideTooltip?: boolean;\n targetIconClassName?: string;\n popperTooltipStyle?: CSSProperties;\n popperTooltipClassName?: string;\n active?: boolean;\n}\n\nexport const SelectDateTarget = forwardRef(\n (\n {\n icon: IconComponent,\n title = \"\",\n onClick,\n forceHideTooltip = false,\n targetIconClassName,\n popperTooltipStyle,\n popperTooltipClassName,\n active = false,\n }: ISelectDateTargetProps,\n ref: Ref<HTMLButtonElement>\n ) => {\n return (\n <Tooltip\n title={title}\n popperTooltipStyle={popperTooltipStyle}\n popperTooltipClassName={popperTooltipClassName}\n disable={forceHideTooltip || title === \"\"}\n >\n <Pressed\n variant=\"text gray\"\n size=\"small\"\n active={active}\n ref={ref}\n onClick={onClick}\n type=\"button\"\n >\n <StyledIconComponent\n as={IconComponent}\n className={classnames(\"date-picker-target\", targetIconClassName)}\n />\n </Pressed>\n </Tooltip>\n );\n }\n);\n\nSelectDateTarget.displayName = \"SelectDateTarget\";\n","import React, {\n ElementType,\n FC,\n useCallback,\n useEffect,\n useMemo,\n useState,\n ReactNode,\n CSSProperties,\n} from \"react\";\nimport moment from \"moment\";\nimport classnames from \"classnames\";\nimport { DayModifiers } from \"react-day-picker\";\nimport { Placement } from \"@popperjs/core\";\nimport { Menu } from \"../Menu/Menu\";\nimport { DatePickerForm } from \"./DatePickerForm\";\nimport { customClassNames } from \"../DatePicker/ClassNames\";\nimport { DaysToModify } from \"./types\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport { SelectDateTarget } from \"./SelectDateTarget\";\nimport {\n StyledConfirmDialog,\n StyledSelectDate,\n StyledSelectDateButton,\n} from \"./Styles\";\n\nconst getUtcTimestampFromDate = (date: Date): number => {\n return moment\n .utc([date.getFullYear(), date.getMonth(), date.getDate()])\n .unix();\n};\n\nconst isDayInRange = (day: Date, data: DaysToModify): boolean => {\n if (data.repeating) {\n const from = new Date(\n day.getFullYear(),\n data.from.getMonth(),\n data.from.getDate()\n );\n const to = new Date(\n day.getFullYear(),\n data.to.getMonth(),\n data.to.getDate()\n );\n return day >= from && day <= to;\n }\n\n return day >= data.from && day <= data.to;\n};\n\ninterface ISelectDate {\n /** Change mode - can be atomic and instant */\n changeMode?: \"atomic\" | \"instant\";\n /** Trigger - can be text, icon, or inline */\n trigger?: \"text\" | \"icon\" | \"inline\";\n /** Save button text */\n saveButtonText?: string;\n /** Cancel button text */\n cancelButtonText?: string;\n /** Clear button text */\n clearButtonText?: string;\n /** Modal header text */\n modalHeaderText?: string;\n /** Modal cancel button text */\n modalCancelBtnText?: string;\n /** Modal discard button text */\n modalDiscardBtnText?: string;\n /** Modal discard message text */\n modalDiscardMessage?: string;\n /** Tooltip text */\n tooltipText?: string;\n /** Called when day is clicked */\n onDayClick?: (day: Date, modifiers: DayModifiers) => void;\n /** Save changes in atomic mode */\n onSave?: (dates?: { from: number; to: number }) => void;\n /** On cancel closes datepicker or opens disard modal in atomic mode */\n onCancel?: () => void;\n /** Clear dates when they are not required */\n onClear?: () => void;\n /** Use this callback to get is picker visible */\n onToggleDatePicker?: (value: boolean) => void;\n /** Set selected day or days */\n selectedDays?: { from: number; to: number };\n /** Set month */\n defaultMonth?: Date;\n /** Set selection range */\n selectionMode?: string;\n /** Set is date required */\n required?: boolean;\n /** Set default show on date picker (only for text and icon mode) */\n defaultShowDatePicker?: boolean;\n /** Long date format (Always show year) */\n longDateFormat?: boolean;\n /** Set is date required */\n defaultTimezoneAware?: boolean;\n /** Set first day of week */\n firstDayOfWeek?: number;\n /** One of icon types */\n icon?: ElementType;\n /** Default Label text */\n defaultLabelText?: string;\n /** Date format */\n dateFormat?: string;\n /** Menu classes */\n menuClassName?: string;\n /** Target element classes */\n targetClassName?: string;\n /** Target element text classes */\n targetTextClassName?: string;\n /** Target element icon classes */\n targetIconClassName?: string;\n /** Background style for clickable element after the menu is open (opacity, color, etc...) */\n backgroundElementClass?: string;\n /** Days to modify */\n daysToModify?: DaysToModify[];\n /** Array of weekend days */\n weekends?: number[];\n /** Weekend label */\n weekendLabel?: string;\n /** Allows weekends to be selected */\n weekendIsSelectable?: boolean;\n /** Popper Tooltip style */\n popperTooltipStyle?: CSSProperties;\n /** Popper Tooltip class name*/\n popperTooltipClassName?: string;\n /** Popper class name*/\n popperClassName?: string;\n /** Position of selectDate menu */\n position?: Placement;\n /** Disable days before specified date */\n disableDaysBefore?: Date;\n}\n\nexport const SelectDate: FC<ISelectDate> = ({\n changeMode: mode = \"instant\",\n trigger: labelType = \"text\",\n saveButtonText = \"Save\",\n cancelButtonText = \"Cancel\",\n clearButtonText = \"Clear\",\n modalHeaderText = \"Discard changes?\",\n modalDiscardMessage = \"All unsaved changes will be lost.\",\n modalDiscardBtnText = \"OK\",\n modalCancelBtnText = \"Cancel\",\n onDayClick,\n onSave,\n onCancel,\n onToggleDatePicker,\n required: dateRequired = false,\n defaultTimezoneAware = false,\n longDateFormat = false,\n defaultShowDatePicker = false,\n firstDayOfWeek = 0,\n selectedDays,\n selectionMode = \"custom\",\n menuClassName,\n targetClassName,\n icon,\n defaultLabelText = \"Set...\",\n targetTextClassName,\n targetIconClassName,\n backgroundElementClass,\n dateFormat = \"DD MM. YYYY\",\n defaultMonth,\n daysToModify = [],\n weekends = [],\n weekendLabel = \"Weekend\",\n weekendIsSelectable = false,\n tooltipText,\n popperTooltipClassName,\n popperClassName,\n popperTooltipStyle,\n position,\n disableDaysBefore,\n}) => {\n const [timezoneAware, setTimezoneAware] = useState(defaultTimezoneAware);\n\n const labelText = useMemo(() => {\n if (!selectedDays) {\n return defaultLabelText;\n } else {\n const endDate = timezoneAware\n ? moment.unix(selectedDays.to).local()\n : moment.unix(selectedDays.to).utc();\n\n const startDate = timezoneAware\n ? moment.unix(selectedDays.from).local()\n : moment.unix(selectedDays.from).utc();\n\n const currentYear = moment.utc().year();\n\n const formattedEndDate =\n !longDateFormat && endDate.year() === currentYear\n ? endDate.format(dateFormat.replace(/Y|,$/gi, ``).trim())\n : endDate.format(dateFormat);\n const formattedStartDate =\n !longDateFormat && startDate.year() === currentYear\n ? startDate.format(dateFormat.replace(/Y|,$/gi, ``).trim())\n : startDate.format(dateFormat);\n\n if (selectedDays.from === selectedDays.to) {\n return formattedEndDate;\n }\n\n return `${formattedStartDate} - ${formattedEndDate}`;\n }\n }, [\n selectedDays,\n dateFormat,\n timezoneAware,\n defaultLabelText,\n longDateFormat,\n ]);\n\n const modifiedDates = useMemo(() => {\n if (\n typeof selectedDays === \"object\" &&\n !!selectedDays.from &&\n !!selectedDays.to\n ) {\n if (timezoneAware) {\n return {\n from: moment.unix(selectedDays.from).toDate(),\n to: moment.unix(selectedDays.to).toDate(),\n };\n }\n const offsetFrom = moment.unix(selectedDays.from).utcOffset() * 60;\n const offsetTo = moment.unix(selectedDays.to).utcOffset() * 60;\n return {\n from: new Date((selectedDays.from - offsetFrom) * 1000),\n to: new Date((selectedDays.to - offsetTo) * 1000),\n };\n }\n }, [selectedDays, timezoneAware]);\n\n const handleModifiedSave = useCallback(\n (selectedDates) => {\n setTimezoneAware(false);\n if (typeof onSave === \"function\") {\n if (\n typeof selectedDates === \"object\" &&\n Object.prototype.hasOwnProperty.call(selectedDates, \"from\") &&\n Object.prototype.hasOwnProperty.call(selectedDates, \"to\")\n ) {\n onSave({\n from: getUtcTimestampFromDate(selectedDates.from),\n to: getUtcTimestampFromDate(selectedDates.to),\n });\n } else {\n onSave(undefined);\n }\n }\n },\n [onSave]\n );\n\n const getDefaultMonth = useCallback(() => {\n let date = new Date();\n\n if (typeof selectedDays === \"object\" && !!selectedDays.from) {\n date = timezoneAware\n ? new Date(selectedDays.from * 1000)\n : new Date(\n (selectedDays.from -\n moment.unix(selectedDays.from).utcOffset() * 60) *\n 1000\n );\n } else if (defaultMonth) {\n date = defaultMonth;\n }\n\n // forcing second day in month\n return new Date(date.getFullYear(), date.getMonth(), 2);\n }, [defaultMonth, selectedDays, timezoneAware]);\n\n const [month, setMonth] = useState(getDefaultMonth);\n\n const handleMonthChange = useCallback(\n (month) => {\n setMonth(month);\n },\n [setMonth]\n );\n\n const [newDates, setNewDates] = useState(modifiedDates);\n const [showDiscardModal, setShowDiscardModal] = useState(false);\n const [showDatePicker, setShowDatePicker] = useState(defaultShowDatePicker);\n\n const disabledSaveButton = useMemo(() => {\n return (\n modifiedDates?.from === newDates?.from &&\n modifiedDates?.to === newDates?.to\n );\n }, [modifiedDates, newDates]);\n\n useEffect(() => {\n setShowDatePicker(defaultShowDatePicker);\n }, [defaultShowDatePicker]);\n\n useEffect(() => {\n modifiedDates && setNewDates(modifiedDates);\n }, [modifiedDates]);\n\n useEffect(() => {\n typeof onToggleDatePicker === \"function\" &&\n onToggleDatePicker(showDatePicker);\n }, [showDatePicker, onToggleDatePicker]);\n\n useEffect(() => {\n if (!showDatePicker) {\n setMonth(getDefaultMonth());\n }\n }, [showDatePicker, getDefaultMonth]);\n\n const handleSave = useCallback(() => {\n handleModifiedSave(newDates);\n setShowDatePicker(false);\n }, [newDates, handleModifiedSave]);\n\n const handleChange = useCallback(\n (dates) => {\n if (mode !== \"atomic\") {\n handleModifiedSave(dates);\n }\n setNewDates(dates);\n },\n [mode, handleModifiedSave]\n );\n\n const handleBeforeCloseMenu = useCallback(() => {\n let result = true;\n\n if ((modifiedDates && !newDates) || (!modifiedDates && newDates)) {\n result = false;\n }\n\n const selectedDaysFrom = modifiedDates?.from;\n const selectedDaysTo = modifiedDates?.to;\n const newDatesFrom = newDates?.from;\n const newDatesTo = newDates?.to;\n\n if (\n selectedDaysFrom &&\n newDatesFrom &&\n selectedDaysTo &&\n newDatesTo &&\n (moment(selectedDaysFrom).format(\"DD-MM-YYYY\") !==\n moment(newDatesFrom).format(\"DD-MM-YYYY\") ||\n moment(selectedDaysTo).format(\"DD-MM-YYYY\") !==\n moment(newDatesTo).format(\"DD-MM-YYYY\"))\n ) {\n result = false;\n }\n\n if (!result) {\n setShowDiscardModal(true);\n }\n\n return result;\n }, [modifiedDates, newDates]);\n\n const handleClose = useCallback(() => {\n if (mode !== \"atomic\" || handleBeforeCloseMenu()) {\n typeof onCancel === \"function\" && onCancel();\n setShowDatePicker(false);\n }\n }, [mode, onCancel, handleBeforeCloseMenu]);\n\n const handleCancel = useCallback(\n (event) => {\n event && event.preventDefault();\n return handleClose();\n },\n [handleClose]\n );\n\n const handleShowDatePicker = useCallback(() => {\n setShowDatePicker(!showDatePicker);\n }, [showDatePicker]);\n\n const handleCloseDiscardModal = useCallback(() => {\n setShowDiscardModal(false);\n }, []);\n\n const handleClear = useCallback(() => {\n if (!dateRequired) {\n setNewDates(undefined);\n if (mode === \"instant\") {\n handleModifiedSave(undefined);\n }\n }\n }, [mode, dateRequired, handleModifiedSave]);\n\n const handleSaveDiscardModal = useCallback(() => {\n setNewDates(modifiedDates);\n setShowDiscardModal(false);\n setShowDatePicker(false);\n }, [modifiedDates]);\n\n const modifiers = useMemo(() => {\n const userAvailabilities = daysToModify.filter(\n (data) => data.type === \"user_day_off\"\n );\n const globalDaysOff = daysToModify.filter(\n (data) => data.type === \"global_day_off\"\n );\n const selectableGlobalDaysOff = daysToModify.filter(\n (data) => data.type === \"selectable_global_day_off\"\n );\n\n return {\n [customClassNames.userAvailability]: (day: Date): boolean => {\n // construct new date because react-day-picker returns date with hours set\n const currentDay = new Date(\n day.getFullYear(),\n day.getMonth(),\n day.getDate()\n );\n return userAvailabilities.some((data) =>\n isDayInRange(currentDay, data)\n );\n },\n [customClassNames.weekend]: (day: Date): boolean => {\n return weekends.some((value) => day.getDay() === value);\n },\n [customClassNames.nonWorkingDay]: (day: Date): boolean => {\n // return true if day is weekend day\n if (weekends.some((value) => value === day.getDay())) {\n return true;\n }\n const nonWorkingDays = [...selectableGlobalDaysOff, ...globalDaysOff];\n const currentDay = new Date(\n day.getFullYear(),\n day.getMonth(),\n day.getDate()\n );\n return nonWorkingDays.some((data) => isDayInRange(currentDay, data));\n },\n [customClassNames.disabled]: (day: Date): boolean => {\n if (disableDaysBefore) {\n if (\n day.toJSON().slice(0, 10) < disableDaysBefore.toJSON().slice(0, 10)\n ) {\n return true;\n }\n }\n // return true if day is weekend day\n if (\n !weekendIsSelectable &&\n weekends.some((value) => value === day.getDay())\n ) {\n return true;\n }\n // construct new date because react-day-picker returns date with hours set\n const currentDay = new Date(\n day.getFullYear(),\n day.getMonth(),\n day.getDate()\n );\n return globalDaysOff.some((data) => isDayInRange(currentDay, data));\n },\n };\n }, [daysToModify, weekends, disableDaysBefore, weekendIsSelectable]);\n\n const renderDay = useCallback(\n (day: Date): ReactNode => {\n const titles: string[] = [];\n\n if (weekends.some((value) => day.getDay() === value)) {\n titles.push(weekendLabel);\n }\n\n // construct new date because react-day-picker returns date with hours set\n const currentDay = new Date(\n day.getFullYear(),\n day.getMonth(),\n day.getDate()\n );\n\n daysToModify.forEach((data) => {\n if (isDayInRange(currentDay, data)) {\n titles.push(data.title);\n }\n });\n\n const child = (\n <div className=\"c-DayPicker-Day-Number\">{day.getDate()}</div>\n );\n\n if (titles.length) {\n const title = (\n <div key={`title-wrapper-${day.getDate()}`}>\n {titles.map((title: string, index: number) => (\n <div key={`title-text-${index}`}>{title}</div>\n ))}\n </div>\n );\n\n return (\n <Tooltip\n title={title}\n popperTooltipClassName={popperTooltipClassName}\n popperTooltipStyle={popperTooltipStyle}\n >\n {child}\n </Tooltip>\n );\n }\n\n return child;\n },\n [\n weekendLabel,\n weekends,\n daysToModify,\n popperTooltipClassName,\n popperTooltipStyle,\n ]\n );\n\n const renderDatePickerForm = useCallback((): JSX.Element => {\n return (\n <DatePickerForm\n onMonthChange={handleMonthChange}\n month={month}\n mode={mode}\n selectionMode={selectionMode}\n dateRequired={dateRequired}\n selectedDays={newDates}\n firstDayOfWeek={firstDayOfWeek}\n saveButtonText={saveButtonText}\n cancelButtonText={cancelButtonText}\n clearButtonText={clearButtonText}\n onDayClick={onDayClick}\n onSave={handleSave}\n onChange={handleChange}\n onCancel={handleCancel}\n onClear={handleClear}\n disabledSaveButton={disabledSaveButton}\n modifiers={modifiers}\n renderDay={renderDay}\n />\n );\n }, [\n handleMonthChange,\n month,\n mode,\n selectionMode,\n dateRequired,\n newDates,\n firstDayOfWeek,\n saveButtonText,\n cancelButtonText,\n clearButtonText,\n onDayClick,\n handleSave,\n handleChange,\n handleCancel,\n handleClear,\n disabledSaveButton,\n modifiers,\n renderDay,\n ]);\n\n return (\n <StyledSelectDate className=\"select-date\">\n {labelType !== \"inline\" ? (\n <Menu\n target={\n labelType === \"icon\" && icon ? (\n <SelectDateTarget\n icon={icon}\n title={tooltipText}\n targetIconClassName={targetIconClassName}\n forceHideTooltip={showDatePicker}\n popperTooltipClassName={popperTooltipClassName}\n popperTooltipStyle={popperTooltipStyle}\n active={showDatePicker}\n />\n ) : (\n <StyledSelectDateButton\n type=\"button\"\n className={classnames(\n \"c-simple-menu__trigger date-picker-target\",\n targetClassName\n )}\n >\n <span className={targetTextClassName}>{labelText}</span>\n </StyledSelectDateButton>\n )\n }\n open={showDatePicker}\n onOpen={handleShowDatePicker}\n onBeforeClose={handleBeforeCloseMenu}\n onClose={handleClose}\n position={position}\n menuClassName={menuClassName}\n popperClassName={popperClassName}\n backgroundElementClass={backgroundElementClass}\n >\n {renderDatePickerForm()}\n </Menu>\n ) : (\n renderDatePickerForm()\n )}\n {mode === \"atomic\" ? (\n <StyledConfirmDialog\n className=\"modal-select-date\"\n open={showDiscardModal}\n onCancel={handleCloseDiscardModal}\n onConfirm={handleSaveDiscardModal}\n dialogTitle={modalHeaderText}\n dialogContent={modalDiscardMessage}\n cancelBtnText={modalCancelBtnText}\n confirmBtnText={modalDiscardBtnText}\n />\n ) : null}\n </StyledSelectDate>\n );\n};\n\nSelectDate.displayName = \"SelectDate\";\n","import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IFadeProps extends Omit<TransitionProps, \"timeout\"> {\n children: ReactElement;\n timeout?: number;\n}\n\nconst defaultStyle = (\n duration: number\n): Partial<{ transition: string; opacity: number }> => ({\n transition: `all ${duration}ms ease-in-out`,\n opacity: 0,\n});\n\nconst transitionStyles = {\n entering: { opacity: 1 },\n entered: { opacity: 1 },\n exiting: { opacity: 0 },\n exited: { opacity: 0 },\n};\n\nexport const Fade: FC<IFadeProps> = ({\n in: inProp = false,\n onEnter,\n onExited,\n children,\n style,\n timeout = 500,\n}) => (\n <Transition\n appear\n in={inProp}\n timeout={timeout}\n onEnter={onEnter}\n onExited={onExited}\n >\n {(state): ReactElement => {\n return cloneElement(children, {\n style: {\n visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n ...defaultStyle(timeout),\n ...transitionStyles[state],\n ...style,\n ...children.props.style,\n },\n });\n }}\n </Transition>\n);\n\nFade.displayName = \"Fade\";\n","import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface ISlide extends Omit<TransitionProps, \"timeout\"> {\n children: ReactElement;\n timeout?: number;\n initialDirection?: string;\n}\n\nexport const Slide: FC<ISlide> = ({\n in: inProp = false,\n onEnter,\n onExited,\n children,\n style,\n timeout = 300,\n initialDirection = \"left\",\n}) => {\n let directionSign: string;\n\n switch (initialDirection) {\n case \"right\":\n directionSign = \"100%, 0\";\n break;\n case \"top\":\n directionSign = \"0, -100%\";\n break;\n case \"bottom\":\n directionSign = \"0, 100%\";\n break;\n default:\n directionSign = \"-100%, 0\";\n }\n\n const defaultStyle = (timeout: number): Partial<{ transition: string }> => ({\n transition: `all ${timeout}ms ease`,\n });\n\n const transitionStyles = {\n entering: {\n transform: `translate(0,0)`,\n },\n entered: {\n transform: `translate(0,0)`,\n },\n exiting: {\n transform: `translate(${directionSign})`,\n },\n exited: {\n transform: `translate(${directionSign})`,\n },\n };\n\n return (\n <Transition\n appear\n in={inProp}\n timeout={timeout}\n onEnter={onEnter}\n onExited={onExited}\n >\n {(state): ReactElement => {\n return cloneElement(children, {\n style: {\n visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n ...defaultStyle(timeout),\n ...transitionStyles[state],\n ...style,\n ...children.props.style,\n },\n });\n }}\n </Transition>\n );\n};\n\nSlide.displayName = \"Slide\";\n","import styled, { css } from \"styled-components\";\nimport { CSSTransition } from \"react-transition-group\";\n\nexport const StyledSlideLeftRightTransition = styled(CSSTransition)<{\n $direction: \"left\" | \"right\";\n}>`\n ${(props) =>\n props.$direction === \"left\" &&\n css`\n &.c-slide-enter {\n position: absolute;\n transform: translateX(100%);\n }\n &.c-slide-enter-active {\n transform: translateX(0%);\n transition: all 200ms ease;\n }\n &.c-slide-exit {\n position: absolute;\n }\n &.c-slide-exit-active {\n transform: translateX(-100%);\n transition: all 200ms ease;\n }\n `}\n\n ${(props) =>\n props.$direction === \"right\" &&\n css`\n &.c-slide-enter {\n position: absolute;\n transform: translateX(-100%);\n }\n &.c-slide-enter-active {\n transform: translateX(0%);\n transition: all 200ms ease;\n }\n\n &.c-slide-exit {\n position: absolute;\n }\n\n &.c-slide-exit-active {\n transform: translateX(100%);\n transition: all 200ms ease;\n }\n `}\n`;\n\nStyledSlideLeftRightTransition.displayName = \"StyledSlideLeftRightTransition\";\n","import React, { FC, ReactElement } from \"react\";\nimport { TransitionProps } from \"../types\";\nimport { StyledSlideLeftRightTransition } from \"./Styles\";\n\ninterface ISlideLeftRightTransition extends TransitionProps {\n children: ReactElement;\n direction?: \"left\" | \"right\";\n}\n\nexport const SlideLeftRightTransition: FC<ISlideLeftRightTransition> = ({\n children,\n direction = \"left\",\n ...props\n}) => {\n return (\n <StyledSlideLeftRightTransition\n timeout={200}\n classNames=\"c-slide\"\n unmountOnExit\n $direction={direction}\n {...props}\n >\n {children}\n </StyledSlideLeftRightTransition>\n );\n};\n\nSlideLeftRightTransition.displayName = \"SlideLeftRightTransition\";\n","import React, { ReactElement, FC, cloneElement, useMemo } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IResizeTransition extends TransitionProps {\n children: ReactElement;\n}\n\nexport const ResizeTransition: FC<IResizeTransition> = ({\n in: inProp = false,\n onEnter,\n onExited,\n children,\n style,\n timeout = 200,\n}) => {\n const defaultStyle = useMemo(() => {\n return {\n transitionProperty: \"width, height\",\n transitionDuration: `${timeout}ms`,\n transitionTimingFunction: \"ease\",\n };\n }, [timeout]);\n\n return (\n <Transition\n appear\n in={inProp}\n timeout={timeout}\n onEnter={onEnter}\n onExited={onExited}\n >\n {(state): ReactElement => {\n return cloneElement(children, {\n style: {\n visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n ...defaultStyle,\n ...style,\n ...children.props.style,\n },\n });\n }}\n </Transition>\n );\n};\n\nResizeTransition.displayName = \"ResizeTransition\";\n","import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IRevealProps extends Omit<TransitionProps, \"timeout\"> {\n children: ReactElement;\n timeout?: number;\n oppositeDirection?: boolean;\n}\n\nconst defaultStyle = (\n duration: number\n): Partial<{\n transition: string;\n transform: string;\n transformOrigin: string;\n opacity: number;\n}> => ({\n transition: `all ${duration}ms ease-in`,\n transform: `scaleX(0)`,\n opacity: 0,\n transformOrigin: \"left\",\n});\n\nconst transitionStyles = {\n entering: { transform: `scaleX(1)`, opacity: 1 },\n entered: { transform: `scaleX(1)`, opacity: 1 },\n exiting: { transform: `scaleX(0)`, opacity: 0 },\n exited: { transform: `scaleX(0)`, opacity: 0 },\n};\n\nexport const Reveal: FC<IRevealProps> = ({\n in: inProp = false,\n onEnter,\n onExited,\n children,\n style,\n timeout = 200,\n}) => {\n return (\n <Transition\n appear\n in={inProp}\n timeout={timeout}\n onEnter={onEnter}\n onExited={onExited}\n >\n {(state): ReactElement => {\n return cloneElement(children, {\n style: {\n ...defaultStyle(inProp ? timeout : 0),\n ...transitionStyles[state],\n ...style,\n ...children.props.style,\n },\n });\n }}\n </Transition>\n );\n};\n\nReveal.displayName = \"Reveal\";\n","import React, { cloneElement, FC, ReactElement, useMemo } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IScale extends TransitionProps {\n children: ReactElement;\n}\n\nconst transitionStyles = {\n entered: { transform: \"scale(1)\" },\n exiting: { transform: \"scale(0)\" },\n};\n\nexport const Scale: FC<IScale> = ({\n in: inProp = false,\n onEnter,\n onExited,\n children,\n style,\n timeout = 200,\n}) => {\n const defaultStyle = useMemo(() => {\n return {\n transitionProperty: \"transform\",\n transitionDuration: `${timeout}ms`,\n transform: \"scale(0)\",\n };\n }, [timeout]);\n\n return (\n <Transition\n in={inProp}\n timeout={timeout}\n onEnter={onEnter}\n onExited={onExited}\n >\n {(state): ReactElement => {\n return cloneElement(children, {\n style: {\n ...defaultStyle,\n ...transitionStyles[state],\n ...style,\n ...children.props.style,\n },\n });\n }}\n </Transition>\n );\n};\n\nScale.displayName = \"Scale\";\n","import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Body2 } from \"../Typography\";\nimport { Button, IButtonProps } from \"../Button/Button\";\n\nexport const StyledValueButtonLabel = styled(Body2)`\n opacity: 60%;\n margin-right: 2px;\n`;\n\nStyledValueButtonLabel.displayName = \"StyledValueButtonLabel\";\n\nexport const StyledValueButtonValue = styled(Body2)``;\n\nStyledValueButtonValue.displayName = \"StyledValueButtonValue\";\n\ninterface IStyledValueButton extends IButtonProps {\n $active?: boolean;\n}\n\nexport const StyledValueButton = styled(Button)<IStyledValueButton>`\n ${(props) =>\n props.$active &&\n css`\n ${StyledValueButtonLabel},\n ${StyledValueButtonValue} {\n ${tw`tw-pointer-events-none`}\n color: var(--color-theme-900) !important;\n }\n\n svg {\n fill: var(--color-primary);\n }\n `}\n\n ${(props) =>\n props.$active !== true &&\n css`{\n &:hover {\n ${StyledValueButtonLabel},\n ${StyledValueButtonValue} {\n ${tw`tw-pointer-events-none`}\n color: var(--color-theme-900) !important;\n }\n }\n `}\n`;\n\nStyledValueButton.displayName = \"StyledValueButton\";\n","import React, { forwardRef, ReactElement } from \"react\";\nimport {\n StyledValueButton,\n StyledValueButtonLabel,\n StyledValueButtonValue,\n} from \"./Styles\";\n\ninterface IValueButtonProps {\n /** Set active state */\n active?: boolean;\n /** Label for value */\n label?: string;\n /** Value */\n value: string;\n /** Icon */\n icon?: ReactElement;\n /** Always show icon */\n alwaysShowIcon?: boolean;\n}\n\nexport const ValueButton = forwardRef<HTMLButtonElement, IValueButtonProps>(\n (\n { active = false, alwaysShowIcon = false, icon, label, value, ...args },\n ref\n ) => {\n return (\n <StyledValueButton\n className={\"c-value-button\"}\n {...args}\n ref={ref}\n variant={\"text gray\"}\n $active={active}\n >\n {icon && alwaysShowIcon\n ? React.cloneElement(icon, {\n style: { display: \"inline-block\" },\n })\n : null}\n {label ? (\n <StyledValueButtonLabel\n color={\"secondary\"}\n weight={\"medium\"}\n className={\"c-value-button__label\"}\n >\n {label}:\n </StyledValueButtonLabel>\n ) : null}\n <StyledValueButtonValue\n color={\"secondary\"}\n weight={\"medium\"}\n className={\"c-value-button__value\"}\n >\n {value}\n </StyledValueButtonValue>\n </StyledValueButton>\n );\n }\n);\n\nValueButton.displayName = \"ValueButton\";\n","import styled, { css } from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledToggleSlider = styled.div`\n padding-left: 6px;\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: space-evenly;\n background-color: transparent;\n border: 1px solid var(--color-theme-600);\n overflow: hidden;\n border-radius: 12.5px;\n font-size: 11px;\n transition: 0.3s;\n\n &:before {\n position: absolute;\n content: \"\";\n user-select: none;\n height: 16px;\n width: 16px;\n left: 4px;\n bottom: 3px;\n background-color: var(--color-theme-600);\n border-radius: 50%;\n transition: 0.3s;\n }\n`;\n\nStyledToggleSlider.displayName = \"StyledToggleSlider\";\n\nexport const StyledToggleSliderOff = styled.div`\n user-select: none;\n transform: translateX(-3px);\n opacity: 1;\n transition-duration: 0.3s;\n white-space: nowrap;\n color: var(--color-theme-600);\n`;\n\nStyledToggleSliderOff.displayName = \"StyledToggleSliderOff\";\n\nexport const StyledToggleSliderOn = styled.div`\n user-select: none;\n transform: translateX(-30px);\n opacity: 0;\n transition-duration: 0.3s;\n white-space: nowrap;\n color: var(--page-paper-main);\n`;\n\nStyledToggleSliderOn.displayName = \"StyledToggleSliderOn\";\n\nexport const StyledToggleCheckbox = styled.input`\n opacity: 0;\n width: 0;\n height: 0;\n\n &:checked + ${StyledToggleSlider}:before {\n background-color: var(--page-paper-main);\n transform: translateX(25px);\n }\n\n &:checked + ${StyledToggleSlider} {\n border-color: var(--color-sucess-green);\n background-color: var(--color-sucess-green);\n color: var(--color-sucess-green);\n\n ${StyledToggleSliderOff} {\n transform: translateX(30px);\n opacity: 0;\n }\n\n ${StyledToggleSliderOn} {\n transform: translateX(0);\n opacity: 1;\n }\n }\n\n &:disabled + ${StyledToggleSlider} {\n opacity: 0.5;\n cursor: default;\n }\n`;\n\nStyledToggleCheckbox.displayName = \"StyledToggleCheckbox\";\n\nconst StyledHelper = css`\n ${StyledToggleSliderOff} {\n transform: translateX(0);\n }\n\n ${StyledToggleCheckbox} + ${StyledToggleSlider}:before {\n transform: translateX(3px);\n }\n\n ${StyledToggleCheckbox}:checked + ${StyledToggleSlider} {\n &:before {\n transform: translateX(23px);\n }\n\n ${StyledToggleSliderOn} {\n transform: translateX(-2px);\n }\n }\n`;\n\nexport const StyledToggle = styled.label<{ $isHovered?: boolean }>`\n ${FontStyle}\n ${BoxSizingStyle}\n\n position: relative;\n display: inline-block;\n width: 50px;\n height: 24px;\n font-size: 13px;\n font-weight: bold;\n line-height: 13px;\n\n &:hover {\n ${StyledHelper}\n }\n\n ${(props) =>\n props.$isHovered &&\n css`\n ${StyledHelper}\n `}\n`;\n\nStyledToggle.displayName = \"StyledToggle\";\n","import React, { BaseHTMLAttributes, forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport {\n StyledToggle,\n StyledToggleCheckbox,\n StyledToggleSlider,\n StyledToggleSliderOff,\n StyledToggleSliderOn,\n} from \"./Styles\";\n\ninterface IToggleProps extends BaseHTMLAttributes<HTMLInputElement> {\n /** Set hovered state. */\n hovered?: boolean;\n /** Custom classname for styling. */\n className?: string;\n}\n\nexport const Toggle = forwardRef<HTMLInputElement, IToggleProps>(\n ({ hovered, className, ...args }, ref) => {\n return (\n <StyledToggle\n className={classNames(\"c-toggle\", className)}\n $isHovered={hovered}\n >\n <StyledToggleCheckbox ref={ref} type=\"checkbox\" {...args} />\n <StyledToggleSlider>\n <StyledToggleSliderOn>ON</StyledToggleSliderOn>\n <StyledToggleSliderOff>OFF</StyledToggleSliderOff>\n </StyledToggleSlider>\n </StyledToggle>\n );\n }\n);\n\nToggle.displayName = \"Toggle\";\n","import styled, { css } from \"styled-components\";\nimport { CollapseExpandSingleIcon, CloseSmallIcon } from \"../Icons/collection\";\nimport { Input } from \"../Input/Input\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledComboBoxProps {\n $open?: boolean;\n $loading?: boolean;\n}\n\nexport const StyledComboBox = styled.div<StyledComboBoxProps>`\n border: 1px solid var(--border-primary);\n border-radius: 10px;\n color: var(--color-theme-900);\n font-size: 14px;\n background-color: var(--input-background-color);\n cursor: text;\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${(props) =>\n props.$open &&\n css`\n border-color: var(--color-primary);\n `}\n\n ${(props) =>\n props.$loading &&\n css`\n cursor: progress;\n `}\n`;\n\nStyledComboBox.displayName = \"StyledComboBox\";\n\nexport const StyledComboBoxWrapper = styled.div<{ $loading?: boolean }>`\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n\n ${(props) =>\n props.$loading &&\n css`\n pointer-events: none;\n `}\n`;\n\nStyledComboBoxWrapper.displayName = \"StyledComboBoxWrapper\";\n\nconst StyledIconDefaults = css`\n flex-shrink: 0;\n cursor: pointer;\n`;\n\nexport const StyledComboBoxCloseSmallIcon = styled(CloseSmallIcon)`\n ${StyledIconDefaults}\n opacity: 0;\n transition-property: all;\n transition-duration: 0.2s;\n transition-delay: 0.5s;\n\n ${StyledComboBoxWrapper}:hover & {\n opacity: 1;\n transition-delay: 0s;\n }\n`;\n\nStyledComboBoxCloseSmallIcon.displayName = \"StyledComboBoxCloseSmallIcon\";\n\nexport const StyledComboBoxCollapseExpandSingleIcon = styled(\n CollapseExpandSingleIcon\n)<{ $open?: boolean }>`\n ${StyledIconDefaults}\n margin: 0 4px 0 0;\n color: var(--color-theme-600);\n transform: rotate(180deg);\n\n ${(props) =>\n props.$open &&\n css`\n transform: rotate(0deg);\n `}\n`;\n\nStyledComboBoxCollapseExpandSingleIcon.displayName =\n \"StyledComboBoxCollapseExpandSingleIcon\";\n\nexport const StyledComboBoxInput = styled(Input)`\n overflow: hidden;\n text-overflow: ellipsis;\n background-color: transparent;\n border: none;\n width: 100%;\n`;\n\nStyledComboBoxInput.displayName = \"StyledComboBoxInput\";\n\nexport const StyledComboBoxList = styled.div<{ $width?: number }>`\n min-width: 260px;\n background-color: var(--page-paper-main);\n border-radius: 8px;\n border: 1px solid var(--border-primary);\n box-shadow: var(--shadow-tertiary);\n margin: 8px 0;\n width: ${(props) => `${props.$width}px`};\n`;\n\nStyledComboBoxList.displayName = \"StyledComboBoxList\";\n","import React, {\n FC,\n useCallback,\n useState,\n useEffect,\n useRef,\n useMemo,\n} from \"react\";\nimport { RadioButton } from \"../RadioButton\";\nimport { Autocomplete } from \"../Autocomplete\";\nimport { Button } from \"../Button/Button\";\nimport { IAutocompleteProps } from \"../Autocomplete/Autocomplete\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Popper } from \"../Popper\";\nimport { IOptionGroupProps } from \"../Select\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport { SpinnerLoader } from \"../Loaders/Spinner/SpinnerLoader\";\nimport { OptionContent } from \"../Select/OptionContent/OptionContent\";\nimport {\n StyledComboBox,\n StyledComboBoxCloseSmallIcon,\n StyledComboBoxCollapseExpandSingleIcon,\n StyledComboBoxInput,\n StyledComboBoxList,\n StyledComboBoxWrapper,\n} from \"./Styles\";\n\ninterface IComboBoxProps {\n /** Set selected items */\n selected?: string | number;\n /** Set combobox in to loading state */\n loading?: boolean;\n /** Text to display while in loading state */\n loadingText?: string;\n /** onChange callback */\n onChange?: (e: string | number) => void;\n /** Placeholder for Select input */\n placeholder?: string;\n /** disable Input element */\n disabled?: boolean;\n}\n\nexport const ComboBox: FC<IComboBoxProps & IAutocompleteProps> = ({\n options = [],\n selected,\n loading = false,\n loadingText,\n onChange,\n placeholder,\n handleEmptyAction,\n disabled = false,\n ...prop\n}) => {\n const selectedName = useMemo(() => {\n let value = \"\";\n if (!selected) {\n return value;\n }\n options.map((v) => {\n if ((v as IOptionGroupProps)?.options) {\n return (v as IOptionGroupProps).options.find((q) => {\n if (q.id === selected) {\n value = q.name;\n return;\n }\n });\n } else {\n if (v.id === selected) {\n value = v.name;\n return;\n }\n }\n });\n return value;\n }, [options, selected]);\n const [value, setValue] = useState(selectedName);\n const handleOnChange = useCallback((e) => setValue(e.target.value), []);\n const [childNode, setChildNode] = useState<HTMLInputElement | null>();\n const elementRef = useRef<HTMLInputElement | null>(null);\n const handleRef = useForkRef(setChildNode, elementRef);\n\n const [open, setOpen] = useState(false);\n\n const handleOnKeyDown = useCallback(\n (e) => {\n if (e.key === \"Escape\" && open) {\n setOpen(false);\n setValue(selectedName);\n e.stopPropagation();\n }\n },\n [open, selectedName]\n );\n\n const formRef = useRef<HTMLDivElement | null>(null);\n\n useEffect(() => {\n open && childNode?.focus();\n !open && childNode?.blur();\n }, [childNode, open]);\n\n useEffect(() => {\n setValue(selectedName);\n }, [selectedName]);\n\n const emptyAction = useCallback(\n (v) => {\n handleEmptyAction?.(v);\n setOpen(false);\n },\n [handleEmptyAction]\n );\n\n const handleChange = useCallback(\n (selectedValue) => {\n if (selectedValue) {\n onChange?.(selectedValue);\n setOpen(false);\n }\n },\n [onChange]\n );\n\n const onClose = useCallback(() => {\n setTimeout(() => {\n setOpen(false);\n }, 200);\n setValue(selectedName);\n }, [selectedName]);\n\n const onOpen = useCallback(() => {\n if (!disabled) {\n setOpen(true);\n }\n }, [disabled]);\n\n const handleRenderOption = useCallback((option, props) => {\n return (\n <>\n <OptionContent\n imageUrl={option.image}\n color={option.color}\n textColor={option.textColor}\n name={option.name}\n />\n <RadioButton {...props} />\n </>\n );\n }, []);\n\n const handleDeselect = useCallback(\n (e) => {\n e.stopPropagation();\n onChange?.(\"\");\n setOpen(false);\n },\n [onChange]\n );\n\n const handleMouseDown = useCallback((e) => {\n e.preventDefault();\n }, []);\n\n return (\n <StyledComboBox className=\"c-combo-box\" $open={open} $loading={loading}>\n <StyledComboBoxWrapper\n onClick={onOpen}\n onFocus={onOpen}\n onBlur={onClose}\n ref={formRef}\n $loading={loading}\n >\n <StyledComboBoxInput\n ref={handleRef}\n value={loading && loadingText ? loadingText : value}\n onKeyDown={handleOnKeyDown}\n onChange={handleOnChange}\n placeholder={placeholder}\n disabled={disabled}\n />\n {!disabled ? (\n <>\n {loading ? (\n <SpinnerLoader />\n ) : selected ? (\n <Button\n onMouseDown={handleMouseDown}\n onClick={handleDeselect}\n variant=\"text gray\"\n >\n <StyledComboBoxCloseSmallIcon />\n </Button>\n ) : null}\n <StyledComboBoxCollapseExpandSingleIcon $open={open} />\n </>\n ) : null}\n </StyledComboBoxWrapper>\n {!disabled ? (\n <Popper\n anchorEl={formRef.current}\n open={open}\n placement=\"bottom\"\n style={{ zIndex: 10 }}\n >\n <RemoveScroll noIsolation allowPinchZoom>\n <StyledComboBoxList $width={formRef.current?.clientWidth}>\n <Autocomplete\n {...prop}\n inputEl={childNode}\n selected={selected}\n handleChange={handleChange}\n renderOption={handleRenderOption}\n options={options}\n type=\"single\"\n handleEmptyAction={emptyAction}\n />\n </StyledComboBoxList>\n </RemoveScroll>\n </Popper>\n ) : null}\n </StyledComboBox>\n );\n};\n\nComboBox.displayName = \"ComboBox\";\n","import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\ninterface IStyledProgressBar {\n $color?: string;\n}\n\nexport const StyledProgressBar = styled.div<IStyledProgressBar>`\n ${BoxSizingStyle}\n\n ${(props) =>\n props.$color\n ? css`\n background-color: ${props.$color};\n `\n : css`\n background-color: var(--color-theme-300);\n `}\n`;\n\nStyledProgressBar.displayName = \"StyledProgressBar\";\n\nexport const StyledProgressBarProgress = styled.div<IStyledProgressBar>`\n height: 3px;\n\n ${(props) =>\n props.$color\n ? css`\n background-color: ${props.$color};\n `\n : css`\n background-color: var(--color-secondary);\n `}\n`;\n\nStyledProgressBarProgress.displayName = \"StyledProgressBarProgress\";\n","import React, { FC, useMemo } from \"react\";\nimport { StyledProgressBar, StyledProgressBarProgress } from \"./Styles\";\n\ninterface IProgressBarProps {\n /** Progress prop can be number. */\n progress: number;\n /** Custom classname for styling. */\n backgroundColor?: string;\n /** Custom classname for styling. */\n progressColor?: string;\n}\n\nexport const ProgressBar: FC<IProgressBarProps> = ({\n progress,\n backgroundColor,\n progressColor,\n}) => {\n const progressNumber = useMemo(() => {\n let width = progress;\n if (progress > 100) {\n width = 100;\n }\n if (progress < 0) {\n width = 0;\n }\n return width;\n }, [progress]);\n\n return (\n <StyledProgressBar className={\"c-progress-bar\"} $color={backgroundColor}>\n <StyledProgressBarProgress\n className={\"c-progress-bar__progress\"}\n style={{ width: `${progressNumber}%` }}\n $color={progressColor}\n />\n </StyledProgressBar>\n );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n","import React from \"react\";\nconst ApplauseIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width=\"14\"\n height=\"14\"\n xmlns=\"http://www.w3.org/2000/svg\"\n ref={svgRef}\n {...props}\n >\n <g fill=\"none\" fillRule=\"evenodd\">\n <path\n d=\"M8.247 7.533 4.746 4.49s-.94-.783-1.826.167c-.197.21-.288.435-.339.63-.12.461.073.948.446 1.244l3.61 2.859-2.488-1.973s-.647-.51-1.325.171c-.55.552-.747 1.206.266 2.073l3.58 3.007s3.844 2.701 6.374-.832c1.36-1.901.122-1.806.451-6.802 0 0-.01-1.13-1.223-1.13s-1.035 2.823-1.035 2.823L6.792 3.153s-.916-.743-1.6 0c-.845.917.09 1.772.09 1.772l2.965 2.608Z\"\n stroke=\"#000\"\n strokeWidth=\".677\"\n fill=\"#FFD60B\"\n />\n <path\n d=\"M6.215 5.817 2.714 2.775s-.94-.783-1.826.167c-.197.21-.288.434-.34.63-.12.461.074.948.447 1.243l3.61 2.86-2.489-1.973s-.647-.51-1.324.171c-.55.552-.747 1.206.266 2.073l3.579 3.007s3.844 2.701 6.374-.832c1.362-1.901.123-1.806.452-6.802 0 0-.01-1.13-1.223-1.13-1.214 0-1.035 2.823-1.035 2.823L4.76 1.437s-.916-.743-1.6 0c-.845.917.09 1.772.09 1.772l2.965 2.608Z\"\n fill=\"#975F00\"\n />\n <path\n d=\"M8.247 7.533 4.746 4.49s-.94-.783-1.826.167c-.197.21-.288.435-.339.63-.12.461.073.948.446 1.244l3.61 2.859-2.488-1.973s-.647-.51-1.325.171c-.55.552-.747 1.206.266 2.073l3.58 3.007s3.844 2.701 6.374-.832c1.36-1.901.122-1.806.451-6.802 0 0-.01-1.13-1.223-1.13s-1.035 2.823-1.035 2.823L6.792 3.153s-.916-.743-1.6 0c-.845.917.09 1.772.09 1.772l2.965 2.608Z\"\n stroke=\"#975F00\"\n strokeWidth=\".677\"\n fill=\"#FFD60B\"\n />\n <path\n stroke=\"#29ABE2\"\n strokeWidth=\".677\"\n strokeLinecap=\"round\"\n d=\"M10.387.339v.79M11.9 1.59 12.938.555M8.873 1.591 7.836.554\"\n />\n </g>\n </svg>\n )\n);\nApplauseIcon.displayName = \"ApplauseIcon\";\nexport default ApplauseIcon;\n","import React from \"react\";\nconst HeartIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width=\"14\"\n height=\"14\"\n xmlns=\"http://www.w3.org/2000/svg\"\n ref={svgRef}\n {...props}\n >\n <g fill=\"none\" fillRule=\"evenodd\">\n <path\n d=\"M10.274 0a3.726 3.726 0 0 1 3.047 5.871h.002L7 14 .677 5.871A3.726 3.726 0 1 1 7 1.947 3.724 3.724 0 0 1 10.274 0Z\"\n fill=\"#ED1C24\"\n />\n <path\n d=\"M3.726 1.355c.363 0 .708.082 1.015.228A3.274 3.274 0 0 0 1.583 4.74a2.371 2.371 0 0 1 2.143-3.386Z\"\n fill=\"#FFF\"\n />\n <path\n d=\"M10.274 0a3.726 3.726 0 0 1 3.047 5.871h.002L7 14 .677 5.871.67 5.86l-.012-.02-.005-.013c-.003-.01.001-.013.01-.011l.015.005a.18.18 0 0 1 .01.004l.036.021.05.033.085.062.108.084.168.133.248.204.41.346.571.49.367.317.84.735L4.989 9.5l1.308 1.163.652.581 4.666-6A3.185 3.185 0 0 0 9.08.227h-.085C9.393.08 9.824 0 10.274 0Z\"\n fill=\"#C1272D\"\n />\n <path\n d=\"M10.274.339c.936 0 1.782.379 2.395.992s.992 1.46.992 2.395c0 .723-.226 1.393-.612 1.943L7 13.45.95 5.668a3.382 3.382 0 0 1-.611-1.943c0-.936.379-1.782.992-2.395A3.376 3.376 0 0 1 3.726.339a3.37 3.37 0 0 1 1.728.473A3.405 3.405 0 0 1 7 2.853 3.396 3.396 0 0 1 8.546.812a3.37 3.37 0 0 1 1.728-.473Z\"\n stroke=\"#650408\"\n strokeWidth=\".677\"\n />\n </g>\n </svg>\n )\n);\nHeartIcon.displayName = \"HeartIcon\";\nexport default HeartIcon;\n","import React from \"react\";\nconst PartyIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width=\"14\"\n height=\"14\"\n xmlns=\"http://www.w3.org/2000/svg\"\n ref={svgRef}\n {...props}\n >\n <g fill=\"none\" fillRule=\"evenodd\">\n <path\n d=\"M6.774 3.048s.903-2.71-2.71-2.71\"\n stroke=\"#ED1C24\"\n strokeWidth=\".645\"\n />\n <path\n d=\"M10.952 6.875s2.71-.904 2.71 2.71\"\n stroke=\"#00A4FF\"\n strokeWidth=\".645\"\n />\n <path\n d=\"M9.71 3.839s1.806.903 1.806-.904c0-.903.903-.903.903-.903s1.807 0 .904-1.806\"\n stroke=\"#ED1C24\"\n strokeWidth=\".645\"\n />\n <path\n d=\"M2.935 2.484a.678.678 0 1 1 .001-1.355.678.678 0 0 1 0 1.355M13.554 4.8l-.451.238-.06.507-.366-.356-.5.099.225-.457-.249-.445.505.072.346-.374.087.503z\"\n fill=\"#BF0FCE\"\n />\n <path\n fill=\"#00A4FF\"\n d=\"m9.058.36-.301.442.194.498-.513-.149-.414.339-.017-.535-.45-.289.503-.181.136-.517.328.422z\"\n />\n <path\n d=\"M11.95 10.04s.412.935 1.807 1.807\"\n stroke=\"#ED1C24\"\n strokeWidth=\".645\"\n />\n <path\n d=\"M9.422 2.705S9.556 1.26 10.96.909M10.417 13.02s.487-.946 1.616-.355\"\n stroke=\"#00A4FF\"\n strokeWidth=\".645\"\n />\n <g transform=\"rotate(45 .483 7.493)\">\n <path fill=\"#FFD60B\" d=\"M0 1.806h9.484L4.742 12.419z\" />\n <path\n d=\"M8.806 1.806 4.742 12.42l-.773-2.017L7.26 1.806h1.546Z\"\n fill=\"#FFB000\"\n />\n <path\n d=\"m8.962 2.145-4.22 9.444-4.22-9.444h8.44Z\"\n stroke=\"#975F00\"\n strokeWidth=\".677\"\n />\n <ellipse\n stroke=\"#975F00\"\n strokeWidth=\".677\"\n fill=\"#FFF\"\n cx=\"4.742\"\n cy=\"1.581\"\n rx=\"4.403\"\n ry=\"1.242\"\n />\n </g>\n </g>\n </svg>\n )\n);\nPartyIcon.displayName = \"PartyIcon\";\nexport default PartyIcon;\n","import React from \"react\";\nconst SmileIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width=\"14\"\n height=\"14\"\n xmlns=\"http://www.w3.org/2000/svg\"\n ref={svgRef}\n {...props}\n >\n <g fill=\"none\" fillRule=\"evenodd\">\n <circle fill=\"#FFD60B\" cx=\"7\" cy=\"7\" r=\"7\" />\n <path\n d=\"M7 0A7 7 0 1 1 .008 6.653 6.323 6.323 0 1 0 6.653.008C6.768.003 6.883 0 7 0Z\"\n fill=\"#FFB000\"\n />\n <path\n d=\"M7 0a6.989 6.989 0 0 1 5.58 2.774 7 7 0 0 0-9.807 9.807A7 7 0 0 1 7 0Z\"\n fill=\"#FFEB97\"\n />\n <circle stroke=\"#975F00\" strokeWidth=\".677\" cx=\"7\" cy=\"7\" r=\"6.661\" />\n <path d=\"M11.853 7.226a4.29 4.29 0 0 1-8.577 0h8.577Z\" fill=\"#FFF\" />\n <path\n d=\"M11.19 7.75a3.92 3.92 0 0 1-3.69 3.5 3.92 3.92 0 0 1-3.69-3.5h7.38M12 7H3a4.77 4.77 0 0 0 4.5 5A4.77 4.77 0 0 0 12 7Z\"\n fill=\"#975F00\"\n fillRule=\"nonzero\"\n />\n <rect\n fill=\"#000\"\n fillRule=\"nonzero\"\n x=\"5\"\n y=\"4\"\n width=\"2\"\n height=\"2\"\n rx=\"1\"\n />\n <rect\n fill=\"#000\"\n fillRule=\"nonzero\"\n x=\"9\"\n y=\"4\"\n width=\"2\"\n height=\"2\"\n rx=\"1\"\n />\n </g>\n </svg>\n )\n);\nSmileIcon.displayName = \"SmileIcon\";\nexport default SmileIcon;\n","import React from \"react\";\nconst ThinkingIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width=\"14\"\n height=\"14\"\n xmlns=\"http://www.w3.org/2000/svg\"\n ref={svgRef}\n {...props}\n >\n <g fill=\"none\" fillRule=\"evenodd\">\n <circle fill=\"#FFD60B\" cx=\"7\" cy=\"7\" r=\"7\" />\n <rect\n fill=\"#000\"\n fillRule=\"nonzero\"\n x=\"6\"\n y=\"4\"\n width=\"2\"\n height=\"2\"\n rx=\"1\"\n />\n <rect\n fill=\"#000\"\n fillRule=\"nonzero\"\n x=\"10\"\n y=\"5\"\n width=\"2\"\n height=\"2\"\n rx=\"1\"\n />\n <path\n d=\"M7 0A7 7 0 1 1 .008 6.653 6.323 6.323 0 1 0 6.653.008C6.768.003 6.883 0 7 0Z\"\n fill=\"#FFB000\"\n />\n <path\n d=\"M7 0a6.989 6.989 0 0 1 5.58 2.774 7 7 0 0 0-9.807 9.807A7 7 0 0 1 7 0Z\"\n fill=\"#FFEB97\"\n />\n <circle stroke=\"#975F00\" strokeWidth=\".677\" cx=\"7\" cy=\"7\" r=\"6.661\" />\n <path fill=\"#FFF\" d=\"M2 14V7h2.968v2.258H10v2.484H7.687V14z\" />\n <path fill=\"#CCC\" d=\"M2 12h5.113v2H2z\" />\n <path\n d=\"M4.593 7.375v2.258h5.032v1.734h-2.21v2.258h-5.04v-6.25h2.218Z\"\n stroke=\"#5A3900\"\n strokeWidth=\".75\"\n />\n <path d=\"M6.206 7.71s3.326-.847 4.657.847\" stroke=\"#000\" />\n <path fill=\"#000\" fillRule=\"nonzero\" d=\"M10 3h2v1h-2zM6 2h2v1H6z\" />\n </g>\n </svg>\n )\n);\nThinkingIcon.displayName = \"ThinkingIcon\";\nexport default ThinkingIcon;\n","import React from \"react\";\nconst ThumbsUpIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width=\"14\"\n height=\"14\"\n xmlns=\"http://www.w3.org/2000/svg\"\n ref={svgRef}\n {...props}\n >\n <g fill=\"none\" fillRule=\"evenodd\">\n <path\n d=\"M7 2.71C7 4.477 5.308 4.866 4.516 5.87c-.487.62-.677 1.806-.677 1.806v5.194C5.182 13.341 6.096 14 8.806 14c2.164-.021 2.54-.045 3.388-.903.903-.903 1.806-4.39 1.806-6.323 0-.15-.04-.322-.08-.514-.198-.934-1.401-1.129-2.404-1.129-.718 0-1.401.11-1.423.11-.214 0-.315-.299-.226-.527.266-.684.294-1.755.294-2.908C10.161 0 8.581 0 8.581 0S7 0 7 2.71Z\"\n fill=\"#FFD60B\"\n />\n <path\n d=\"m4.122 12.763 1.516.785 2.565.34h1.985l1.61-.822 1.469-4.105V7.484c-.558 2.76-1.498 4.33-2.818 4.71-1.32.38-3.408.145-6.265-.702l-.062 1.271Z\"\n fill=\"#FFB000\"\n />\n <path\n d=\"m4.516 6.473 1.659-1.416.967-1.495.365-2.419L8.695.341l1.088.525-.14 1.328c-.231-.748-.577-1.001-1.037-.759-.69.364.198 3.188-1.653 4.131-1.851.943-2.83 3.42-2.83 4.836V7.398l.393-.925Z\"\n fill=\"#FFEB97\"\n />\n <path\n d=\"M8.57.34c.155.007.614.055.932.425.19.22.32.553.32 1.041 0 1.103-.015 2.13-.27 2.785.518.815 1.092.876 1.713.88h.251c.518 0 1.098.049 1.534.254.256.12.462.297.532.579.069 2.345-.761 5.687-1.63 6.555-.787.797-1.156.783-3.146.802-1.968 0-2.958-.358-3.878-.73a37.501 37.501 0 0 0-.75-.297v-4.93c.028-.168.2-1.11.605-1.624.241-.306.576-.548.912-.797.83-.613 1.644-1.26 1.644-2.573 0-.815.148-1.364.36-1.73.31-.539.758-.63.87-.64Z\"\n stroke=\"#975F00\"\n strokeWidth=\".677\"\n />\n <rect\n stroke=\"#975F00\"\n strokeWidth=\".677\"\n fill=\"#FFF\"\n x=\".339\"\n y=\"6.339\"\n width=\"3.839\"\n height=\"7.323\"\n rx=\"1.129\"\n />\n <path\n d=\"M.677 11.516c0 .25.203.452.452.452h2.258c.25 0 .452-.202.452-.452v1.355c0 .25-.202.452-.452.452H1.13a.452.452 0 0 1-.452-.452Z\"\n fill=\"#CCC\"\n />\n </g>\n </svg>\n )\n);\nThumbsUpIcon.displayName = \"ThumbsUpIcon\";\nexport default ThumbsUpIcon;\n","import React from \"react\";\nconst ThumbsDownIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width=\"14\"\n height=\"14\"\n xmlns=\"http://www.w3.org/2000/svg\"\n ref={svgRef}\n {...props}\n >\n <g fill=\"none\" fillRule=\"evenodd\">\n <path\n d=\"M7 11.29C7 9.523 8.692 9.134 9.484 8.13c.487-.62.677-1.806.677-1.806V1.129C8.818.659 7.904 0 5.194 0 3.03.021 2.654.045 1.806.903.903 1.806 0 5.293 0 7.226c0 .15.04.322.08.514.198.934 1.401 1.129 2.404 1.129.718 0 1.401-.11 1.423-.11.214 0 .315.299.226.527-.266.684-.294 1.755-.294 2.908C3.839 14 5.419 14 5.419 14S7 14 7 11.29Z\"\n fill=\"#FFD60B\"\n />\n <path\n d=\"M9.878 1.237 8.362.452 5.797.112H3.812l-1.61.822L.733 5.04v1.477c.558-2.76 1.498-4.33 2.818-4.71 1.32-.38 3.408-.145 6.265.702l.062-1.271Z\"\n fill=\"#FFB000\"\n />\n <path\n d=\"M9.484 7.527 7.825 8.943l-.967 1.495-.365 2.419-1.188.802-1.088-.525.14-1.328c.231.748.577 1.001 1.037.759.69-.364-.198-3.188 1.653-4.131 1.851-.943 2.83-3.42 2.83-4.836v3.004l-.393.925Z\"\n fill=\"#FFEB97\"\n />\n <path\n d=\"M5.43 13.66c-.155-.007-.614-.055-.932-.425-.19-.22-.32-.553-.32-1.041 0-1.103.015-2.13.27-2.785-.518-.815-1.092-.876-1.713-.88h-.251c-.518 0-1.098-.049-1.534-.254-.256-.12-.462-.297-.532-.579-.069-2.345.761-5.687 1.63-6.555C2.834.344 3.203.358 5.193.34c2.083 0 3.072.401 4.04.795.195.079.388.157.589.232v4.93c-.029.168-.202 1.11-.606 1.624-.213.27-.499.49-.794.71-1.074.8-1.762 1.446-1.762 2.66 0 .815-.148 1.364-.36 1.73-.31.539-.758.63-.87.64Z\"\n stroke=\"#975F00\"\n strokeWidth=\".677\"\n />\n <rect\n stroke=\"#975F00\"\n strokeWidth=\".677\"\n fill=\"#FFF\"\n transform=\"rotate(180 11.742 4)\"\n x=\"9.823\"\n y=\".339\"\n width=\"3.839\"\n height=\"7.323\"\n rx=\"1.129\"\n />\n <path\n d=\"M13.323 2.484a.452.452 0 0 0-.452-.452h-2.258a.452.452 0 0 0-.452.452V1.129c0-.25.202-.452.452-.452h2.258c.25 0 .452.203.452.452Z\"\n fill=\"#CCC\"\n />\n </g>\n </svg>\n )\n);\nThumbsDownIcon.displayName = \"ThumbsDownIcon\";\nexport default ThumbsDownIcon;\n","import { createGlobalStyle } from \"styled-components\";\n\nexport const GlobalStyle = createGlobalStyle`\n :root {\n --color-primary: #5d2bff;\n --color-secondary: #5d2bff;\n\n --color-theme-100: #ffffff;\n --color-theme-200: #f6f6f9;\n --color-theme-300: #ebebee;\n --color-theme-400: #d7d7da;\n --color-theme-500: #b9b9bd;\n --color-theme-600: #89898e;\n --color-theme-700: #6d6d73;\n --color-theme-800: #5b5b61;\n --color-theme-900: #303037;\n\n --color-primary-200: rgba(93, 43, 255, 0.05);\n --color-primary-300: rgba(93, 43, 255, 0.1);\n --color-primary-400: rgba(93, 43, 255, 0.25);\n --color-primary-500: rgba(93, 43, 255, 0.5);\n --color-primary-600: rgba(93, 43, 255, 0.75);\n --color-primary-700: #5d2bff;\n --color-primary-800: #4a21cd;\n --color-primary-900: #32178b;\n\n --color-secondary-200: rgba(93, 43, 255, 0.05);\n --color-secondary-300: rgba(93, 43, 255, 0.1);\n --color-secondary-400: rgba(93, 43, 255, 0.25);\n --color-secondary-500: rgba(93, 43, 255, 0.5);\n --color-secondary-600: rgba(93, 43, 255, 0.75);\n --color-secondary-700: #5d2bff;\n --color-secondary-800: #4a21cd;\n --color-secondary-900: #32178b;\n\n --color-primary-opaque-300: #efeaff;\n --color-primary-opaque-400: #d6caff;\n\n --color-secondary-opaque-300: #efeaff;\n --color-secondary-opaque-400: #d6caff;\n\n --color-sucess-green: #64cd93;\n\n --body-bg-main: #f4f5f7;\n --page-paper-main: #ffffff;\n --border-primary: #d7d7da;\n\n --note-bg: #fff9f1;\n\n --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n 0 32px 32px 0 rgba(0, 0, 0, 0.06), 0 16px 16px 0 rgba(0, 0, 0, 0.04),\n 0 4px 4px 0 rgba(0, 0, 0, 0.04), 0 2px 2px 0 rgba(0, 0, 0, 0.04);\n --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.06),\n 0 32px 32px 0 rgba(0, 0, 0, 0.03), 0 16px 16px 0 rgba(0, 0, 0, 0.02),\n 0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 2px 2px 0 rgba(0, 0, 0, 0.02);\n\n --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.17);\n\n --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.05),\n 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n --shadow-tertiary-hover: 0 4px 10px -2px rgba(0, 0, 0, 0.1),\n 0 12px 20px -3px rgba(0, 0, 0, 0.2);\n\n --page-paper-main-shadow: rgba(\n 255,\n 255,\n 255,\n 0\n ); /* Shadow list shadow for page paper main */\n\n --modal-background: rgba(244, 245, 247, 0.6);\n\n --highlight-dark: rgba(0, 0, 0, 0.03);\n\n --input-background-color: #ffffff;\n\n --red-alert: rgb(237, 97, 97);\n\n --only-white: #ffffff;\n\n --only-black: #000000;\n\n --ac-br-4: 4px;\n\n --ac-br-6: 6px;\n\n --ac-br-8: 8px;\n\n --ac-br-rounded: 999px;\n }\n\n .cupcake {\n --color-primary: #29bcdd;\n --color-secondary: #fe6fa7;\n\n --color-primary-200: rgba(41, 188, 221, 0.07);\n --color-primary-300: rgba(41, 188, 221, 0.12);\n --color-primary-400: rgba(41, 188, 221, 0.26);\n --color-primary-500: rgba(41, 188, 221, 0.52);\n --color-primary-600: rgba(41, 188, 221, 0.75);\n --color-primary-700: #29bcdd;\n --color-primary-800: #219fbb;\n --color-primary-900: #1a768b;\n\n --color-secondary-200: rgba(254, 111, 167, 0.07);\n --color-secondary-300: rgba(254, 111, 167, 0.13);\n --color-secondary-400: rgba(254, 111, 167, 0.27);\n --color-secondary-500: rgba(254, 111, 167, 0.52);\n --color-secondary-600: rgba(254, 111, 167, 0.75);\n --color-secondary-700: #fe6fa7;\n --color-secondary-800: #dd6091;\n --color-secondary-900: #ab496f;\n\n --color-primary-opaque-300: #e5f7fb;\n --color-primary-opaque-400: #c8eef6;\n\n --color-secondary-opaque-300: #ffecf4;\n --color-secondary-opaque-400: #ffd8e7;\n }\n\n .classic {\n --color-primary: #4182f2;\n --color-secondary: #4182f2;\n\n --color-primary-200: rgba(65, 130, 242, 0.07);\n --color-primary-300: rgba(65, 130, 242, 0.13);\n --color-primary-400: rgba(65, 130, 242, 0.26);\n --color-primary-500: rgba(65, 130, 242, 0.52);\n --color-primary-600: rgba(65, 130, 242, 0.75);\n --color-primary-700: #4182f2;\n --color-primary-800: #356bc8;\n --color-primary-900: #244a8a;\n\n --color-secondary-200: rgba(65, 130, 242, 0.07);\n --color-secondary-300: rgba(65, 130, 242, 0.13);\n --color-secondary-400: rgba(65, 130, 242, 0.26);\n --color-secondary-500: rgba(65, 130, 242, 0.52);\n --color-secondary-600: rgba(65, 130, 242, 0.75);\n --color-secondary-700: #4182f2;\n --color-secondary-800: #356bc8;\n --color-secondary-900: #244a8a;\n\n --color-primary-opaque-300: #e6effd;\n --color-primary-opaque-400: #cedffc;\n\n --color-secondary-opaque-300: #e6effd;\n --color-secondary-opaque-400: #cedffc;\n }\n\n .neon {\n --color-primary: #67ffc8;\n --color-secondary: #67ffc8;\n\n --color-theme-100: #000000;\n --color-theme-200: #31333e;\n --color-theme-300: #2b2d37;\n --color-theme-400: #1f2024;\n --color-theme-500: #99999e;\n --color-theme-600: #89898e;\n --color-theme-700: #b0b0b5;\n --color-theme-800: #dfdfe5;\n --color-theme-900: #ffffff;\n\n --color-primary-200: rgba(103, 255, 200, 0.05);\n --color-primary-300: rgba(103, 255, 200, 0.1);\n --color-primary-400: rgba(103, 255, 200, 0.25);\n --color-primary-500: rgba(103, 255, 200, 0.5);\n --color-primary-600: rgba(103, 255, 200, 0.75);\n --color-primary-700: #67ffc8;\n --color-primary-800: #a5ffdf;\n --color-primary-900: #d0fdec;\n\n --color-secondary-200: rgba(103, 255, 200, 0.05);\n --color-secondary-300: rgba(103, 255, 200, 0.1);\n --color-secondary-400: rgba(103, 255, 200, 0.25);\n --color-secondary-500: rgba(103, 255, 200, 0.5);\n --color-secondary-600: rgba(103, 255, 200, 0.75);\n --color-secondary-700: #67ffc8;\n --color-secondary-800: #a5ffdf;\n --color-secondary-900: #d0fdec;\n\n --color-primary-opaque-300: #3b4e51;\n --color-primary-opaque-400: #436b64;\n\n --color-secondary-opaque-300: #3b4e51;\n --color-secondary-opaque-400: #436b64;\n\n --body-bg-main: #2c2e38;\n --page-paper-main: #373a44;\n --border-primary: #1f2024;\n\n --note-bg: #464545;\n\n --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.2),\n 0 32px 32px 0 rgba(0, 0, 0, 0.2), 0 16px 16px 0 rgba(0, 0, 0, 0.2),\n 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);\n --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n 0 32px 32px 0 rgba(0, 0, 0, 0.1), 0 16px 16px 0 rgba(0, 0, 0, 0.1),\n 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);\n\n --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.3);\n\n --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.1),\n 0 10px 15px -3px rgba(0, 0, 0, 0.15);\n --shadow-tertiary-hover: 0 4px 12px -2px rgba(0, 0, 0, 0.4),\n 0 10px 30px -3px rgba(0, 0, 0, 0.5);\n\n --page-paper-main-shadow: rgba(\n 55,\n 58,\n 68,\n 0\n ); /* Shadow list shadow for page paper main */\n\n --modal-background: rgba(44, 46, 56, 0.7);\n\n --highlight-dark: rgba(0, 0, 0, 0.06);\n\n --input-background-color: #2c2e38;\n\n --only-white: #ffffff;\n\n --only-black: #000000;\n }\n\n .ac-shadow,\n .ac-shadow--hover {\n &--lg {\n box-shadow: var(--shadow-primary);\n }\n &--sm {\n box-shadow: var(--shadow-tertiary);\n }\n }\n\n .ac-shadow--hover {\n &--lg {\n transition: box-shadow 0.3s;\n &:hover {\n box-shadow: var(--shadow-primary-hover);\n }\n }\n &--sm {\n transition: box-shadow 0.3s;\n &:hover {\n box-shadow: var(--shadow-tertiary-hover);\n }\n }\n }\n\n .ac-shadow-optimized--sm {\n position: relative;\n box-shadow: var(--shadow-tertiary);\n\n &::before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n box-shadow: var(--shadow-tertiary);\n opacity: 0;\n border-radius: var(--ac-br-6);\n transition: opacity 0.3s ease;\n z-index: -1;\n }\n\n @media (hover: hover) {\n &:hover::before {\n opacity: 1;\n }\n }\n }\n\n .ac-shadow-optimized--lg {\n position: relative;\n box-shadow: var(--shadow-primary);\n\n &::before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n box-shadow: var(--shadow-primary);\n opacity: 0;\n border-radius: var(--ac-br-8);\n transition: opacity 0.3s ease;\n z-index: -1;\n }\n\n @media (hover: hover) {\n &:hover::before {\n opacity: 1;\n }\n }\n }\n\n .ac-border-radius {\n &-4 {\n border-radius: var(--ac-br-4);\n }\n\n &-6 {\n border-radius: var(--ac-br-6);\n }\n\n &-8 {\n border-radius: var(--ac-br-8);\n }\n\n &-rounded {\n border-radius: var(--ac-br-rounded);\n }\n }\n\n`;\n"],"names":["FontStyle","css","BoxSizingStyle","StyledButton","styled","button","props","size","variant","iconOnly","displayName","StyledButtonElements","span","StyledButtonElement","Button","forwardRef","ref","children","disabled","className","args","React","classnames","Object","Array","map","value","index","key","AddCrossTinyIcon","svgRef","width","height","viewBox","xmlns","fill","d","fillRule","StyledGlobalAddButton","GlobalAddButton","rest","StyledButtonGroup","div","ButtonGroup","classNames","setRef","current","useForkRef","refA","refB","useMemo","refValue","Popper","anchorEl","open","style","transition","placement","initialPlacement","useState","exited","setExited","setPlacement","ownRef","useRef","popperRef","handleInnerRef","handlePopperUpdate","data","handleOpen","useCallback","destroy","createPopper","onFirstUpdate","handleClose","handleRef","node","useEffect","update","childProps","transitionProps","in","onEnter","onExited","defaultStyle","transitionProperty","transitionDuration","transitionTimingFunction","transformOrigin","transform","opacity","transitionStyles","entering","transitionDelay","entered","exiting","FromElement","inProp","timeout","Transition","appear","state","cloneElement","visibility","undefined","Portal","root","document","body","ReactDOM","createPortal","LayerContext","createContext","LayerContextProvider","Provider","LayerContextConsumer","Consumer","useLayerContext","useContext","StyledTooltip","$isLight","TooltipAnimation","Tooltip","title","isLight","TransitionComponent","popperTooltipStyle","popperTooltipClassName","disable","zIndex","setOpen","childNode","setChildNode","handleOwnRef","childrenProps","onMouseOver","event","type","removeAttribute","onMouseLeave","currentTarget","role","CloseSmallIcon","colors","primary","secondary","tertiary","quaternary","success","alert","StyledTypography","$color","$variant","$italic","$tabularNums","$letterSpacing","$lineHeight","$align","$decoration","$transform","$overflow","$whitespace","$wordBreak","$weight","Typography","Tag","color","italic","tabularNums","letterSpacing","lineHeight","align","decoration","overflow","whitespace","wordBreak","weight","as","Body2","StyledCounterButton","$active","$selected","StyledCounterButtonCounter","StyledCounterButtonReset","StyledCounterButtonLabel","CounterButton","label","icon","active","counter","tooltipText","onClearAll","onClick","CaretLeftIcon","CaretRightIcon","customClassNames","container","wrapper","interactionDisabled","months","month","navBar","navButtonPrev","navButtonNext","navButtonInteractionDisabled","caption","weekdays","weekdaysRow","weekday","week","weekNumber","day","footer","todayButton","today","selected","outside","weekend","userAvailability","nonWorkingDay","MenuNavIcon","StyledNavBarButton","$direction","StyledMenuNavIcon","StyledMonths","StyledMonth","$isSelected","$isCurrent","$isCurrentQuarter","StyledYearMonthPicker","StyledYearMonthPickerNavBar","StyledYearMonthPickerNavBarItem","YearMonthPicker","date","localeUtils","onChange","isShown","text","selectedDays","selectionMode","enteredTo","setEnteredTo","getMonths","handleMonthChange","e","Date","getFullYear","target","dataset","onMouseEnterCallback","Math","floor","getAttribute","renderMonths","i","onMouseEnter","getMonth","from","to","substring","NavBarElement","onPreviousClick","onNextClick","onPrevious","onNext","tabIndex","CustomNavBarElement","showPreviousButton","showNextButton","labels","locale","showMonthPicker","onChangeDirection","onMonthChange","nextMonth","DateUtils","addMonths","previousMonth","StyledDatePicker","StyledDayPicker","DayPicker","$isYearlyView","StyledDatePickerCSSTransition","CSSTransition","DatePicker","onDayClick","disabledDays","dateRequired","firstDayOfWeek","fixedWeeks","defaultModifiers","modifiers","enteredFrom","setEnteredFrom","stopScroll","setStopScroll","direction","setDirection","isPreselected","setIsPreselected","setShowMonthPicker","setModifiers","prev","hovered","handleDayClick","moment","isSame","startOf","toDate","endOf","isBetween","isDayAfter","isSelectedFirstDay","handleDayMouseEnter","onDayMouseLeave","onWheel","getTime","deltaY","togglePicker","customNavBarElement","handleYearMonthChange","m","format","handleYearMonthForm","onKeyDownCallback","addEventListener","removeEventListener","SwitchTransition","mode","onDayMouseEnter","navbarElement","onCaptionClick","captionElement","MenuContext","MenuContextProvider","StyledOverlay","Overlay","StyledWindow","returnFocus","preventScroll","Window","onClose","onKeyDown","disableFocusLock","disableScrollLock","handleKeyDown","defaultPrevented","preventDefault","FocusLock","RemoveScroll","forwardProps","enabled","noIsolation","StyledBubble","Bubble","innerRef","StyledMenu","$mode","StyledMenuFooter","StyledMenuHeader","Menu","onMenuClick","handleScroll","defaultOpen","onOpen","onBeforeClose","position","menuClassName","popperClassName","backgroundElementClass","windowAbsolutelyPositioned","elementRef","handleRefRef","forceClose","targetProps","onMouseDown","MenuHeader","leftElement","rightElement","minWidth","MenuFooter","StyledSpan","StyledDiv","$isTargetable","$isRounded","DateStepper","step","formatCallback","onBack","onForward","minValue","maxValue","period","datePickerClass","withDatePicker","defaultMonth","fromDate","setFromDate","setToDate","showDatePicker","setShowDatePicker","setMonth","getDatesByPeriod","interval","add","clone","getDateFormatted","actualYear","year","showWeekOrCustomDateFormat","start","end","startDate","endDate","quarter","onChangeCallback","amount","newFrom","newTo","onDatePickerChange","dates","fromDateTemp","toDateTemp","isAfterMaxDate","isSameOrBefore","isBeforeMinDate","isSameOrAfter","onRightClickHandler","onLeftClickHandler","renderLeftRightButtons","handleShow","closeMenu","isDisabled","dayFormat","isBefore","isAfter","fromDay","toDay","range","dateStepperWidth","MomentLocaleUtils","StyledSteps","StyledStep","$isActiveStep","Steps","numberOfSteps","activeStep","progressive","wrapperClassName","steps","a","b","activeSteps","filter","indexOf","StyledTableHead","thead","StyledTableBody","tbody","StyledTableWrapper","StyledTable","table","$striped","StyledDataTable","Table","striped","Thead","Tbody","CollapseExpandSingleIcon","ExpandAllIcon","CollapseAllIcon","SortIcon","SortDirection","groupByKey","items","reduce","result","item","initialCollapsed","rows","groupBy","groupedData","keys","collapsedKeys","forEach","DataTable","header","sortBy","sortDirection","None","onSortCallback","theadClass","noResultsCallback","groupHead","isCollapsible","emptyValue","columnDirection","setColumnDirection","setActive","setHovered","collapsed","setCollapsed","sort","sortByKey","rowsData","Asc","first","toString","second","localeCompare","initialData","setData","sortColumn","previousDirection","sortable","Desc","grouped","cellMouseOver","HTMLElement","cellMouseOut","renderNoResults","colSpan","length","tableRef","overlayStyles","clientHeight","renderCell","h","row","colIndex","renderCallback","renderRow","rowIndex","toggleCollapse","collapseKey","groupkey","prevState","newState","renderRows","_typeof","Fragment","last","trim","hidden","allGroupsCollapsed","every","hasCollapsed","some","toggleAllCollapsed","slice","hideCollapsed","burstScale","keyframes","burstAnimation","StyledCompleteCheckbox","$primary","$completed","$disabled","$animation","CompleteCheckbox","completed","animate","checkMarkClassName","points","StyledPaper","Paper","hover","useOptimizedShadow","StyledScaleBarInner","$width","StyledScaleBar","ScaleBar","StyledCard","Card","hoverable","paperType","StyledEntityCard","$renderAs","StyledLinkEntityCard","EntityCard","renderAs","properties","link","linkClassName","renderAsListItem","p","showInList","name","render","renderAsGridItem","headerSection","cardSection","bodySection","footerSection","renderProperty","href","Title1","Header2","Header3","Body1","Caption1","Caption2","StyledSignifier","StyledSignifierTransition","StyledIcon","svg","signifierTypes","Signifier","Component","tooltipClassName","console","warn","setPrevValue","max","newValue","v","renderSignifier","includes","StyledAvatar","img","Avatar","url","alt","src","StyledLabel","StyledLabelDot","$showText","StyledLabelText","Label","showText","showDot","linearAnimation","StyledLinearLoader","LinearLoader","dotAnimation","StyledDotsLoader","DotsLoader","rotateAnimation","dashAnimation","StyledSpinnerLoader","SpinnerLoader","cx","cy","r","strokeWidth","strokeMiterlimit","CheckboxIcon","stroke","x","y","rx","StyledInput","input","StyledCheckbox","Checkbox","id","htmlFor","RadioButtonIcon","StyledRadioInput","StyledRadioLabel","StyledRadioButton","$isControlled","$isHovered","RadioButton","StyledScrollShadow","StyledScrollShadowTop","StyledScrollShadowBottom","StyledScrollShadowLeft","StyledScrollShadowRight","ScrollShadow","disableVertical","disableHorizontal","invertHorizontal","invertVertical","top","right","bottom","left","setOpacity","scrollHeight","scrollWidth","clientWidth","scrollTop","scrollLeft","min","bottomScrollTop","offset","onScroll","StyledHiglightedText","searchBy","matchCase","textComparator","searchByComparator","toLowerCase","beforeHighlighted","highLighted","afterHighlighted","replace","handleKeyboardMovement","flatOptions","showAddNew","showDefaultOption","options","hoveredIndex","findIndex","option","isHoveredLastOption","isHoveredFirstOption","StyledOption","Option","renderOption","handleOnMouseEnter","StyledOptionGroup","StyledOptionGroupHeader","h3","StyledOptionGroupOption","OptionGroup","checked","setHover","renderOptions","optionGroupClassName","list","getElementById","focus","isAllOptionsChecked","handleHover","allOptionValues","handleClick","stopPropagation","StyledAutocompleteBody","StyledAutocompleteNoResult","StyledAutocompleteNewItem","Autocomplete","inputEl","noResultText","defaultValue","handleChange","optionClassName","handleEmptyAction","disabledInternalSort","AutocompleteClassName","handleDefaultOptionChange","preselectDefaultValue","keepSameOptionsOrder","autoHeightMax","itemRef","listRef","selectedOptions","handleSort","opts","sortList","_toConsumableArray","sortedList","by","setFilter","handleEmpty","onAddNewMouseEnter","isGroup","renderAddNew","filterOptions","trimmedFilter","acc","groupedOption","filteredOptions","handleInputChange","handleMouseEnter","handleHoverCallback","handleRenderOption","highlightText","handleOnMouseLeave","itemOffset","getClientHeight","getScrollTop","offsetTop","handleOnKeyDown","setTimeout","onkeydown","onkeyup","isDefaultOptionSelected","showNoResult","renderNoResult","Scrollbars","autoHeight","Input","StyledSelectForm","form","StyledSelectInput","StyledOptionIndicator","backgroundColor","StyledOptionText","textColor","OptionContent","imageUrl","Select","actionIcon","actionLabel","placeholder","emptyAction","disableSearch","forceCloseMenu","selectClassName","onSelectOpen","onSelectClose","prop","formRef","selectOptions","allGroupOptions","selectedValue","concat","reset","image","autoFocus","StyledNav","nav","$role","StyledNavList","ul","StyledNavListItem","li","StyledNavAsSelect","StyledNavAsMoreTarget","Item","StyledNavListItemMore","StyledExpand","StyledExpandSingle","$expanded","ExpandSingle","expanded","Nav","alignment","onSelect","onMoreOptionSelect","moreLabel","visibleTabIndexes","setVisibleTabIndexes","measuringRender","setMeasuringRender","moreVisible","setMoreVisible","renderNavAsSelect","setRenderNavAsSelect","setOptions","moreOpened","setMoreOpened","isMounted","setIsMounted","navItemNames","allOptions","navRef","navItemsRefs","moreItemRef","Number","Children","child","useLayoutEffect","containerWidth","offsetWidth","itemsWidth","values","moreItemWidth","firstItemWidth","visible","allWidth","push","handleResize","debounce","window","resizeObserver","ResizeObserver","entries","contentRect","observe","unobserve","disconnect","visibleTabs","tabs","toArray","onMoreOptionClick","navAsSelect","setMoreOpen","setMoreClose","element","el","ExpandAll","StyledList","StyledListItem","StyledListSeparator","List","ListItem","ListSeparator","ArrowBackIcon","TreeDotsIcon","StyledMenuSelectorDots","StyledMenuSelectorBack","StyledMenuSelector","StyledMenuSelectorInner","MenuSelector","onEdit","onFocus","onBlur","autoComplete","StyledMultiAvatarImg","StyledMultiAvatarInner","StyledMultiAvatar","$urlCount","MultiAvatar","setSize","slicedUrl","useInitScrollRef","invert","ScrollElement","createElement","ActivityIcon","AddCrossIcon","ArrowCollapseMultipleIcon","ArrowExpandeMultipleIcon","ArrowLeftBoxIcon","ArrowRefreshIcon","AssignIcon","BackIcon","BellOffSmallIcon","BellOffIcon","BudgetAlertIcon","BudgetNoAlertIcon","CalendarAddXIcon","CalendarEmptyIcon","CalendarIcon","CancelCrossIcon","ChatIcon","CheckIcon","CheckboxBlankTogglerIcon","ChecklistSmallIcon","ChecklistIcon","CircleMultipleIcon","ClockAddIcon","ClockSmallIcon","ClockStopwatchSmallIcon","ClockStopwatchIcon","ClockIcon","CommentIcon","CommentsIcon","ComputerIcon","CrownBlankIcon","CrownSelectedIcon","DependencySmallIcon","DependencyIcon","DollarCheckmarkSmallIcon","DollarCheckmarkIcon","DollarClockSmallIcon","DollarClockIcon","DollarOffSmallIcon","DollarOffIcon","DollarSmallIcon","DollarIcon","DownloadIcon","DriveIcon","DropboxIcon","DuplicateIcon","EditIcon","EmojiIcon","EstimatesIcon","ExportIcon","EyeOffSmallIcon","EyeOffIcon","EyeSmallIcon","EyeIcon","FilterIcon","HelpIcon","InfoSmallIcon","InfoIcon","IntegrationsIcon","InvoicesIcon","LabelsIcon","LockSmallIcon","LockIcon","MarkerIcon","MessageAddIcon","MessageSmallIcon","MessageIcon","MoveTriggerIcon","MyWorkIcon","NotificationBellIcon","OpenExpandedIcon","PaidSmallIcon","PauseIcon","PencilSmallIcon","PencilIcon","PendingPaymentSmallIcon","PeopleIcon","PersonPlusIcon","PersonIcon","PlayIcon","ProjectAddIcon","ProjectTemplateIcon","ProjectsIcon","RadioBlankIcon","RearangeIcon","RearrangeSmallIcon","RecurringCheckmarkSmallIcon","RecurringCheckmarkIcon","ReportsIcon","SearchIcon","SendBlankIcon","SendFilledIcon","SortGeneralIcon","StarIcon","TaskAddIcon","TextFormatGeneralAltIcon","ThumbUpOutlineIcon","TrashIcon","ViewGridIcon","ViewListIcon","VolumeHighIcon","VolumeOffIcon","WarningTriangleSmallIcon","WarningTriangleIcon","WarningIcon","WorkloadIcon","StyledTextarea","textarea","Textarea","createChainedFunction","functions","func","apply","this","StyledModalOverlay","$open","$disableBackgroundColor","Modal","disableBackgroundClick","disableBackgroundColor","hasTransition","prototype","hasOwnProperty","call","getHasTransition","handleBackgroundClick","handleEnter","handleExited","StyledSheetIcons","StyledSheetOverlay","$hasBgColor","StyledSheetWrapper","$position","StyledSheetWrapperPaper","StyledSheetControlsTop","StyledSheetControlsBottom","StyledSheetControlsCenterIn","StyledSheetControlsCenterOut","StyledAnimatedSpan","$state","$durationIn","$maxDurationIn","$durationOut","$maxDurationOut","StyledCssTransition","Sheet","controls","animation","bodyStyle","bodyClassName","control","durationOut","durationIn","maxDurationIn","maxDurationOut","StyledHeader","Header","StyledAutoResizeTextarea","AutoResizeTextarea","minRows","maxRows","preventNewRowOnEnter","cursorAtTextEnd","setRows","calcRows","elem","previousRows","currentRows","handleOnChange","handleFocus","setSelectionRange","handleTextAreaKeyDown","minHeight","StyledAccordion","StyledAccordionItem","StyledAccordionItemBody","StyledAccordionItemHead","StyledAccordionItemHeadText","StyledAccordionItemHeadIcon","AccordionContext","Accordion","allowMultipleExpanded","allowZeroExpanded","preExpanded","disableToggleIcon","customToggleIcon","expandedItems","setExpandedItems","toggleExpandedCallback","prevExpanded","toggleExpanded","ItemContext","AccordionItem","accordionContext","itemId","randomString","random","isItemExpanded","AccordionItemHead","itemContext","onClickCallback","toggleIcon","setHeight","prevMaxHeight","maxHeight","prevVisibility","elementHeight","AccordionItemBody","divRef","useHeight","StyledChoose","Choose","StyledLinkElement","StyledLink","StyledLinkElements","StyledBackLink","BackLink","Link","SlideFromTop","StyledDialog","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions","Dialog","enableBackgroundClick","DialogContent","DialogContentDivider","DialogTitle","disableDefaultHeading","DialogActions","ConfirmDialog","onCancel","onConfirm","dialogTitle","dialogContent","confirmBtnText","cancelBtnText","shouldShowCancelButton","marginRight","StyledSelectDate","StyledSelectDateButton","StyledConfirmDialog","StyledSelectDateDatePicker","StyledSelectDateFooter","StyledSelectDateButtons","StyledButtonSave","StyledButtonClose","StyledButtonCloseColored","StyledIconComponent","DatePickerForm","saveButtonText","cancelButtonText","clearButtonText","onSave","onClear","disabledSaveButton","renderDay","StyledPressed","Pressed","SelectDateTarget","IconComponent","forceHideTooltip","targetIconClassName","getUtcTimestampFromDate","utc","getDate","unix","isDayInRange","repeating","SelectDate","changeMode","trigger","labelType","modalHeaderText","modalDiscardMessage","modalDiscardBtnText","modalCancelBtnText","onToggleDatePicker","required","defaultTimezoneAware","longDateFormat","defaultShowDatePicker","targetClassName","defaultLabelText","targetTextClassName","dateFormat","daysToModify","weekends","weekendLabel","weekendIsSelectable","disableDaysBefore","timezoneAware","setTimezoneAware","labelText","local","currentYear","formattedEndDate","formattedStartDate","modifiedDates","offsetFrom","utcOffset","offsetTo","handleModifiedSave","selectedDates","getDefaultMonth","newDates","setNewDates","showDiscardModal","setShowDiscardModal","handleSave","handleBeforeCloseMenu","selectedDaysFrom","selectedDaysTo","newDatesFrom","newDatesTo","handleCancel","handleShowDatePicker","handleCloseDiscardModal","handleClear","handleSaveDiscardModal","userAvailabilities","globalDaysOff","selectableGlobalDaysOff","currentDay","getDay","nonWorkingDays","toJSON","titles","renderDatePickerForm","Fade","duration","Slide","directionSign","initialDirection","StyledSlideLeftRightTransition","SlideLeftRightTransition","unmountOnExit","ResizeTransition","Reveal","Scale","StyledValueButtonLabel","StyledValueButtonValue","StyledValueButton","ValueButton","alwaysShowIcon","display","StyledToggleSlider","StyledToggleSliderOff","StyledToggleSliderOn","StyledToggleCheckbox","StyledHelper","StyledToggle","Toggle","StyledComboBox","$loading","StyledComboBoxWrapper","StyledIconDefaults","StyledComboBoxCloseSmallIcon","StyledComboBoxCollapseExpandSingleIcon","StyledComboBoxInput","StyledComboBoxList","ComboBox","loading","loadingText","selectedName","find","q","setValue","blur","handleDeselect","handleMouseDown","allowPinchZoom","_formRef$current","StyledProgressBar","StyledProgressBarProgress","ProgressBar","progress","progressColor","progressNumber","ApplauseIcon","strokeLinecap","HeartIcon","PartyIcon","ry","SmileIcon","ThinkingIcon","ThumbsUpIcon","ThumbsDownIcon","GlobalStyle","createGlobalStyle"],"mappings":"8/HAEO,IAAMA,EAAYC,yKCAZC,EAAiBD,2DCOjBE,EAAeC,UAAOC,iFAAPD,6dACxBJ,EACAE,GAwCA,SAACI,SACc,UAAfA,EAAMC,MACNN,2BAIA,SAACK,SACc,QAAfA,EAAMC,MACNN,2BAIA,SAACK,UACkB,YAAlBA,EAAME,SAA2C,cAAlBF,EAAME,UACtCP,kVAiBA,SAACK,UACkB,cAAlBA,EAAME,SAA6C,aAAlBF,EAAME,UACxCP,0VAmBA,SAACK,SACiB,qBAAlBA,EAAME,SACNP,2MAeA,SAACK,UACkB,aAAlBA,EAAME,SAA4C,iBAAlBF,EAAME,UACvCP,yNAeA,SAACK,UACkB,WAAlBA,EAAME,SAA0C,cAAlBF,EAAME,UACrCP,iRAiBA,SAACK,UACDA,EAAMG,UACNR,0GAOoB,UAAfK,EAAMC,MAAmC,QAAfD,EAAMC,OACnCN,+CAIiB,UAAfK,EAAMC,MACRN,uBAIiB,QAAfK,EAAMC,MACRN,2BAKF,SAACK,UACkB,YAAlBA,EAAME,SACa,cAAlBF,EAAME,SACY,cAAlBF,EAAME,SACY,aAAlBF,EAAME,UACRP,uIAQoB,UAAfK,EAAMC,MAAmC,QAAfD,EAAMC,OACnCN,mDAKF,SAACK,UACkB,aAAlBA,EAAME,SACa,iBAAlBF,EAAME,SACY,WAAlBF,EAAME,SACY,cAAlBF,EAAME,SACY,qBAAlBF,EAAME,UACRP,0IAOmB,UAAfK,EAAMC,MACRN,yCAGiB,QAAfK,EAAMC,MACRN,+CAMOS,YAAc,eAEpB,IAAMC,EAAuBP,UAAOQ,uFAAPR,uCAKpCO,EAAqBD,YAAc,uBAE5B,IAAMG,EAAsBT,UAAOQ,sFAAPR,6CAOnCS,EAAoBH,YAAc,iFC/MrBI,EAASC,cACpB,WASEC,OAPEC,IAAAA,aACAT,QAAAA,aAAU,cACVD,IAAAA,SACAW,SAAAA,gBACAC,IAAAA,UACGC,gBAKHC,wBAAClB,KACCe,SAAUA,EACVC,UAAWG,UAAW,QAASH,EAAW,oBACR,YAAZX,GAAqC,cAAZA,oBACd,cAAZA,GAAuC,aAAZA,wBAEhC,aAAZA,GAAsC,iBAAZA,qBACI,WAAZA,GAAoC,cAAZA,4BACL,qBAAZA,eACJ,QAATD,iBACW,UAATA,qBAEdU,aAAoBM,UAAYN,aAAoBO,SAExDf,SAAUQ,aAAoBM,UAAYN,aAAoBO,OAC9DhB,QAASA,EACTD,KAAMA,GACFa,GACJJ,IAAKA,IAEJC,aAAoBO,MACnBH,wBAACV,GAAqBQ,UAAU,mBAC7BF,EAASQ,KAAI,SAACC,EAAOC,UACpBD,EACEL,wBAACR,GACCM,UAAU,2BACVS,IAAKD,GAEJD,GAED,SAIRT,MAOVH,EAAOJ,YAAc,SCtFrB,IAAMmB,EAAmBR,UAAMN,YAC7B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,6FACFC,SAAS,gBAKjBR,EAAiBnB,YAAc,yBAChBmB,ECjBFS,EAAwBlC,UAAOU,sFAAPV,kGAUrCkC,EAAsB5B,YAAc,uDCAvB6B,EAAkBxB,cAC7B,WAA2CC,OAAxCG,IAAAA,cAAWD,SAAAA,gBAAqBsB,gBAE/BnB,wBAACiB,KACCtB,IAAKA,EACLR,QAAQ,YACRU,SAAUA,EACVC,UAAWG,UAAW,mBAAoBH,IACtCqB,GAEJnB,wBAACQ,YAMTU,EAAgB7B,YAAc,kBCxBvB,IAAM+B,EAAoBrC,UAAOsC,oFAAPtC,8LAC3B,qCACFJ,EACAE,EAOM,8EAOA,yDAIA,wCAKF,wDAIUQ,YAAc,mDC/BnBiC,EAAc5B,cAGzB,WAAmCC,OAAhCC,IAAAA,SAAUE,IAAAA,UAAcqB,gBAC3BnB,wBAACoB,KACCzB,IAAKA,EACLG,UAAWyB,UAAW,cAAezB,IACjCqB,GAEHvB,MCXU,SAAS4B,EACtB7B,EAKAU,GAEmB,mBAARV,EACTA,EAAIU,GACKV,IACTA,EAAI8B,QAAUpB,GCVH,SAASqB,EACtBC,EAKAC,UAMOC,WAAQ,kBACN,SAACC,GACNN,EAAOG,EAAMG,GACbN,EAAOI,EAAME,MAEd,CAACH,EAAMC,IFHZN,EAAYjC,YAAc,oFGmBb0C,GAASrC,cAIpB,WAUEC,OAREC,IAAAA,SACAoC,IAAAA,aACAC,KAAAA,gBACAC,IAAAA,UACAC,WAAAA,oBACAC,UAAWC,aAAmB,WAC3BlB,aAIuBmB,YAAS,MAA9BC,OAAQC,WACmBF,WAASD,MAApCD,OAAWK,OACZC,EAASC,SAA8B,MACvCC,EAAYD,WAEZE,EAAiBnB,EAAWgB,EAAQ/C,GAEpCmD,EAAqB,SAACC,GAC1BN,EAAaM,EAAKX,WAAa,WAG3BY,EAAaC,eAAY,WACxBP,EAAOjB,SAAYO,GAAaC,IAIjCW,EAAUnB,SACZmB,EAAUnB,QAAQyB,UAGpBN,EAAUnB,QAAU0B,eAAanB,EAAUU,EAAOjB,QAAS,CACzDW,UAAAA,EACAgB,cAAeN,OAEhB,CAACd,EAAUC,EAAMG,IAEdiB,EAAc,WACbT,EAAUnB,SAIfmB,EAAUnB,QAAQyB,WAGdI,EAAYL,eAChB,SAACM,GACCV,EAAeU,GACfP,MAEF,CAACA,EAAYH,OAYfW,aAAU,kBACD,WACLH,OAED,IAEHG,aAAU,WACHvB,GAASE,GACZkB,MAED,CAACpB,EAAME,IAEVqB,aAAU,WACJZ,EAAUnB,SACZmB,EAAUnB,QAAQgC,aAIjBxB,KAAUE,GAAcI,UACpB,SAGHmB,EAAmC,CAAEtB,UAAAA,UAEvCD,IACFuB,EAAWC,gBAAkB,CAC3BC,GAAI3B,EACJ4B,QApCgB,WAClBrB,GAAU,IAoCRsB,SAjCiB,WACnBtB,GAAU,GACVa,OAoCArD,iCACEL,IAAK2D,GACDnC,GACJe,WACKA,KAGgB,mBAAbtC,EAA0BA,EAAS8D,GAAc9D,MAMjEmC,GAAO1C,YAAc,SC7IrB,IAAM0E,GAAe,CACnBC,mBAAoB,qBACpBC,mBAAoB,mBACpBC,yBAA0B,kDAC1BC,gBAAiB,QACjBC,UAAW,aACXC,QAAS,GAGLC,GAAmB,CACvBC,SAAU,CAAEF,QAAS,EAAGD,UAAW,WAAYI,gBAAiB,OAChEC,QAAS,CAAEJ,QAAS,EAAGD,UAAW,YAClCM,QAAS,CAAEL,QAAS,EAAGD,UAAW,cAClC7B,OAAQ,CAAE8B,QAAS,EAAGD,UAAW,eAGtBO,GAAqC,oBAChDf,GAAIgB,gBACJf,IAAAA,QACAC,IAAAA,SACAlE,IAAAA,SACAsC,IAAAA,UACA2C,QAAAA,aAAU,aAGR7E,wBAAC8E,cACCC,UACAnB,GAAIgB,EACJC,QAASA,EACThB,QAASA,EACTC,SAAUA,IAET,SAACkB,UACOC,eAAarF,EAAU,CAC5BsC,eACEgD,WAAsB,WAAVF,GAAuBJ,OAAoBO,EAAX,UACzCpB,IACAO,GAAiBU,IACjB9C,GACAtC,EAASX,MAAMiD,aAQ9ByC,GAAYtF,YAAc,kBChDb+F,GAAsB,gBAAGxF,IAAAA,aAAUyF,KAAAA,aAAOC,SAASC,cACvDC,UAASC,aAAa7F,EAAUyF,IAGzCD,GAAO/F,YAAc,SCJrB,IAAMqG,GAAeC,gBAA6B,IAErCC,GAAuBF,GAAaG,SACpCC,GAAuBJ,GAAaK,SAEpCC,GAAkB,kBAAqBC,aAAWP,QAEhDA,GCVFQ,GAAgBnH,UAAOsC,+EAAPtC,+LACzBF,EACAF,GAaA,SAACM,UACDA,EAAMkH,UACNvH,uIC6BEwH,GAA0C,gBAAGxG,IAAAA,SAAaX,iBAE5De,wBAAC2E,MAAYE,QAAS,GAAO5F,GAC1BW,IAKMyG,GAAU3G,cACrB,WAaEC,OAXEC,IAAAA,SACA0G,IAAAA,MACAxG,IAAAA,UACAoC,IAAAA,UACAqE,QAAAA,oBACAnE,UAAAA,aAAY,YACZoE,oBAAAA,aAAsBJ,KACtBK,IAAAA,mBACAC,IAAAA,uBACAC,IAAAA,QAIMC,EAAWZ,KAAXY,WACgBtE,YAAS,MAA1BL,OAAM4E,WACqBvE,gBAA3BwE,OAAWC,OA4BZC,EAAetF,EAAW9B,EAASD,IAAKA,GAGxCsH,EAAgB,CACpBC,YA9BkB,SAACC,OACbF,EAAgBrH,EAASX,MAEZ,cAAfkI,EAAMC,MAAwBH,EAAcC,aAC9CD,EAAcC,YAAYC,GAG5BL,GAAaA,EAAUO,gBAAgB,SAEvCR,GAAQ,IAsBRS,aAnBkB,SAACH,OACbF,EAAgBrH,EAASX,MAGd,eAAfkI,EAAMC,MACNH,EAAcK,cACdH,EAAMI,gBAAkBT,GAExBG,EAAcK,aAAaH,GAG7BN,GAAQ,IASRlH,IALgB+B,EAAWqF,EAAcC,WASzChH,gDACGA,UAAMiF,aAAarF,EAAUqH,IAC5BN,GACA3G,wBAACoF,QACCpF,wBAAC+B,IACCC,SAAU8E,EACV7E,OAAM6E,GAAY7E,EAClBG,UAAWA,EACXD,cACArC,UAAW4G,EACXxE,SAAS0E,OAAAA,GAAWH,GACpBe,KAAK,YAEJ,oBAAG7D,gBAAAA,aAAkB,YACpB3D,wBAACwG,OAAwB7C,GAAiBzB,MAAOA,IAC/ClC,wBAACkG,IACCpG,UAAWG,UAAW,eAAgBH,GACtCqG,SAAUI,GAETD,YAYrBD,GAAQhH,YAAc,UChJtB,IAAMoI,GAAiBzH,UAAMN,YAC3B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,kMACFC,SAAS,gBAKjByG,GAAepI,YAAc,wBACdoI,GCmBTC,GAAS,CACbC,QAAW,iCACXC,UAAa,iCACbC,SAAY,iCACZC,WAAc,+DACK,iDACE,8CACL,8CACA,yCACA,4BAChBC,QAAW,oCACXC,MAAS,4BAGEC,GAAmBlJ,UAAOsC,kFAAPtC,qKAC5BJ,EACAE,GAGA,SAACI,UAAUyI,GAAOzI,EAAMiJ,WAGxB,SAACjJ,SACkB,YAAnBA,EAAMkJ,UACNvJ,8BAGA,SAACK,SACkB,aAAnBA,EAAMkJ,UACNvJ,kCAGA,SAACK,UACmB,aAAnBA,EAAMkJ,UAA8C,WAAnBlJ,EAAMkJ,WACxCvJ,8BAGA,SAACK,SACkB,WAAnBA,EAAMkJ,UACNvJ,kCAGA,SAACK,SACkB,cAAnBA,EAAMkJ,UACNvJ,iCAGA,SAACK,SACkB,cAAnBA,EAAMkJ,UACNvJ,kCAKA,SAACK,UACDA,EAAMmJ,QACFxJ,8BAGAA,iCAKJ,SAACK,UACDA,EAAMoJ,aACFzJ,8CAGAA,2CAKJ,SAACK,SACwB,YAAzBA,EAAMqJ,gBACN1J,qCAGA,SAACK,SACwB,UAAzBA,EAAMqJ,gBACN1J,kCAGA,SAACK,SACwB,SAAzBA,EAAMqJ,gBACN1J,qCAKA,SAACK,SACqB,YAAtBA,EAAMsJ,aACN3J,iCAGA,SAACK,SACqB,UAAtBA,EAAMsJ,aACN3J,6BAGA,SAACK,SACqB,UAAtBA,EAAMsJ,aACN3J,iCAKA,SAACK,SACgB,SAAjBA,EAAMuJ,QACN5J,+BAGA,SAACK,SACgB,UAAjBA,EAAMuJ,QACN5J,gCAGA,SAACK,SACgB,WAAjBA,EAAMuJ,QACN5J,iCAGA,SAACK,SACgB,YAAjBA,EAAMuJ,QACN5J,kCAKA,SAACK,SACqB,SAAtBA,EAAMwJ,aACN7J,oCAGA,SAACK,SACqB,cAAtBA,EAAMwJ,aACN7J,yCAGA,SAACK,SACqB,iBAAtBA,EAAMwJ,aACN7J,4CAKA,SAACK,SACoB,YAArBA,EAAMyJ,YACN9J,mCAGA,SAACK,SACoB,cAArBA,EAAMyJ,YACN9J,wCAGA,SAACK,SACoB,cAArBA,EAAMyJ,YACN9J,wCAGA,SAACK,SACoB,eAArBA,EAAMyJ,YACN9J,yCAKA,SAACK,SACmB,YAApBA,EAAM0J,WACN/J,gCAGA,SAACK,SACmB,aAApBA,EAAM0J,WACN/J,sCAGA,SAACK,SACmB,aAApBA,EAAM0J,WACN/J,yEAOA,SAACK,SACqB,YAAtBA,EAAM2J,aACNhK,kCAGA,SAACK,SACqB,YAAtBA,EAAM2J,aACNhK,kCAKA,SAACK,SACoB,YAArBA,EAAM4J,YACNjK,sDAIA,SAACK,SACoB,UAArBA,EAAM4J,YACNjK,wCAGA,SAACK,SACoB,QAArBA,EAAM4J,YACNjK,oCAKA,SAACK,SACiB,YAAlBA,EAAM6J,SACNlK,+BAGA,SAACK,SACiB,UAAlBA,EAAM6J,SACNlK,+BAGA,SAACK,SACiB,WAAlBA,EAAM6J,SACNlK,+BAGA,SAACK,SACiB,SAAlBA,EAAM6J,SACNlK,+BAKJqJ,GAAiB5I,YAAc,6MC3NlB0J,GAAarJ,cAIxB,WAoBEC,WAlBER,QAAAA,aAAU,gBACV6J,IAAAA,aAAM,YACNC,MAAAA,aAAQ,gBACRC,OAAAA,oBACAC,YAAAA,oBACAC,cAAAA,aAAgB,gBAChBC,WAAAA,aAAa,gBACbC,MAAAA,aAAQ,aACRC,WAAAA,aAAa,aACbnF,UAAAA,aAAY,gBACZoF,SAAAA,aAAW,gBACXC,WAAAA,aAAa,gBACbC,UAAAA,aAAY,gBACZC,OAAAA,aAAS,YACT7J,IAAAA,UACAF,IAAAA,SACGX,UAKCqE,EAAY5B,EAAW/B,EADZgD,SAA2B,cAI1C3C,wBAACiI,MACC2B,GAAIZ,EACJlJ,UAAWyB,UAAW,aAAczB,GACpCsI,QAASc,EACTb,aAAcc,EACdb,eAAgBc,EAChBb,YAAac,EACbb,OAAQc,EACRb,YAAac,EACbb,WAAYtE,EACZuE,UAAWa,EACXZ,YAAaa,EACbZ,WAAYa,EACZvB,SAAUhJ,EACV+I,OAAQe,EACRH,QAASa,EACThK,IAAK2D,GACDrE,GAEHW,MAMTmJ,GAAW1J,YAAc,0CC5GZwK,GAA2CnK,cACtD,WAA6CC,WAA1CgK,OAAAA,aAAS,YAAW/J,IAAAA,SAAaX,iBAEhCe,wBAAC+I,MAAW5J,QAAQ,SAASwK,OAAQA,EAAQhK,IAAKA,GAASV,GACxD,IACAW,EAAU,QAMnBiK,GAAMxK,YAAc,QCRb,IAAMyK,GAAsB/K,UAAOU,qFAAPV,cAC/B,SAACE,UACDA,EAAM8K,SACNnL,yGAYA,SAACK,UACDA,EAAM+K,WACNpL,gHAOJkL,GAAoBzK,YAAc,sBAE3B,IAAM4K,GAA6BlL,UAAOsC,6FAAPtC,4MAa1CkL,GAA2B5K,YAAc,6BAElC,IAAM6K,GAA2BnL,UAAOU,0FAAPV,8MAYxCmL,GAAyB7K,YAAc,2BAEhC,IAAM8K,GAA2BpL,UAAO8K,2FAAP9K,6BAClC,uBAEF+K,IACE,SAAC7K,UACAA,EAAM8K,SACPnL,4CAKF,SAACK,UACDA,EAAM8K,SACNnL,0CAKJuL,GAAyB9K,YAAc,6GCvD1B+K,GAAgB1K,cAC3B,WAWEC,OATE0K,IAAAA,MACAC,IAAAA,KACAC,IAAAA,WACAC,QAAAA,aAAU,IACVC,IAAAA,YACAC,IAAAA,WACA5K,IAAAA,UACGC,iBAKHC,+BAAKF,UAAWyB,UAAW,6BAA8BzB,IACvDE,wBAAC8J,MACChK,UAAWyB,UAAW,mBAAoB,8BACViJ,KAE5BzK,GACJJ,IAAKA,EACLR,QAAS,YACT4K,QAASS,EAAU,GAAKD,EACxBP,UAAWQ,EAAU,IAEpBF,GACCtK,UAAMiF,aAAaqF,EAAM,CACvBxK,UAAWyB,UAAW,4BAEzB8I,GACCrK,wBAACmK,IACClB,MAAM,YACNU,OAAO,SACP7J,UAAW,0BACXiK,QAASQ,GAERF,GAGJG,EAAU,EACTxK,wBAACiK,IAA2BnK,UAAW,6BACpC0K,GAED,MAELA,EAAU,EACTxK,wBAACqG,IACCC,gBAAUmE,GACV/D,uBAAuB,gBAEvB1G,wBAACkK,IACC/K,QAAQ,eACRW,UAAU,0BACV6K,QAASD,GAET1K,wBAACyH,WAGH,SAMZ2C,GAAc/K,YAAc,gBC5F5B,IAAMuL,GAAgB5K,UAAMN,YAC1B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCAAMe,EAAE,mBAAmBC,SAAS,gBAI1C4J,GAAcvL,YAAc,uBACbuL,GChBTC,GAAiB7K,UAAMN,YAC3B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCAAMe,EAAE,kBAAkBC,SAAS,gBAIzC6J,GAAexL,YAAc,wBACdwL,GCjBFC,GAAmB,CAC9BC,UAAW,cACXC,QAAS,sBACTC,oBAAqB,mCACrBC,OAAQ,qBACRC,MAAO,oBAEPC,OAAQ,qBACRC,cAAe,kDACfC,cAAe,kDACfC,6BAA8B,6CAE9BC,QAAS,sBACTC,SAAU,uBACVC,YAAa,0BACbC,QAAS,sBACTpG,KAAM,mBACNqG,KAAM,mBACNC,WAAY,yBACZC,IAAK,kBACLC,OAAQ,qBACRC,YAAa,0BAGbC,MAAO,yBACPC,SAAU,4BACVrM,SAAU,4BACVsM,QAAS,2BAGTC,QAAS,2BACTC,iBAAkB,oCAClBC,cAAe,kCC/BXC,GAAcvM,UAAMN,YACxB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,2GACFC,SAAS,gBAKjBuL,GAAYlN,YAAc,qBACXkN,GCfFC,GAAqBzN,UAAOU,oFAAPV,8FAS9B,SAACE,SACoB,aAArBA,EAAMwN,YACN7N,mCAKA,SAACK,SACoB,SAArBA,EAAMwN,YACN7N,yBAKS8N,GAAoB3N,UAAOwN,oFAAPxN,mCAC3B,mCAUO4N,GAAe5N,UAAOsC,+EAAPtC,+BAItB,wIAUO6N,GAAc7N,UAAOsC,8EAAPtC,wDAIrB,gHAQF,SAACE,UACAA,EAAM4N,YAMHjO,qDACM,kCANNA,kEAUH,SAACK,UACFA,EAAM6N,YACNlO,cACM,mCAGL,SAACK,UACFA,EAAM8N,mBACNnO,yDAKSoO,GAAwBjO,UAAOsC,wFAAPtC,6GAK/B,qDAQOkO,GAA8BlO,UAAOsC,8FAAPtC,gCAK9BmO,GAAkCnO,UAAOQ,mGAAPR,yGACzC,2DASNyN,GAAmBnN,YAAc,qBACjCqN,GAAkBrN,YAAc,oBAChCsN,GAAatN,YAAc,eAC3BuN,GAAYvN,YAAc,kBCvGb8N,GAA4D,gBACvEC,IAAAA,KACAC,IAAAA,gBACAC,SAAAA,aAAW,kBAAY,YACvBC,QAAAA,gBACA5C,IAAAA,QACA6C,IAAAA,KACAC,IAAAA,aACAC,IAAAA,kBAEkCpL,gBAA3BqL,OAAWC,OACZ1C,EAASmC,EAAYQ,YAErBC,EAAoB7K,eACxB,SAAC8K,GACCT,EAAS,IAAIU,KAAKZ,EAAKa,cAAeF,EAAEG,OAAOC,QAAQ9N,QACnDsK,GACFA,EAAQoD,KAGZ,CAACX,EAAME,EAAU3C,IAGbyD,EAAuBnL,eAC3B,SAAC8K,GACuB,cAAlBL,GACFE,EAAaS,KAAKC,MAAMP,EAAEG,OAAOK,aAAa,cAAgB,MAGlE,CAACb,IAGGc,EAAe3M,WAAQ,kBAEzB7B,wBAAC2M,IAAa7M,UAAU,4BAA0B,UAC/CoL,EAAO9K,KAAI,SAAC+K,EAAOsD,UAEhBzO,wBAAC4M,IACC9M,UAAU,uBACVS,IAAKkO,EACL9D,QAASmD,EACTY,aAAcN,eACFK,cACF,QACV3B,WACEM,EAAKa,iBAAkB,IAAID,MAAOC,gBAClC,IAAID,MAAOW,aAAeF,EAE5B1B,kBAAmBsB,KAAKC,MAAMG,EAAI,KAAOd,EACzCd,YACEY,KACEA,aAAwBO,OAC1BP,EAAamB,MACbnB,EAAaoB,IACbpB,EAAamB,KAAKX,gBAAkBb,EAAKa,eACzCQ,GAAKhB,EAAamB,KAAKD,YACvBF,GAAKhB,EAAaoB,GAAGF,YAGtBxD,EAAM2D,UAAU,EAAG,UAM7B,CACD1B,EACAU,EACA5C,EACAuC,EACAE,EACAS,WAIApO,wBAACgN,IAAsBlN,UAAU,sBAAsB0H,KAAK,UAC1DxH,wBAACiN,IAA4BzF,KAAK,UAChCxH,wBAACkN,gBACW,cACVvC,QAASA,GAER6C,IAGJD,GAAWiB,IAKlBrB,GAAgB9N,YAAc,sBClGjB0P,GAAgBrP,cAG3B,WAAmCC,OAAhCqP,IAAAA,gBAAiBC,IAAAA,YACdC,EAAajM,eAAY,WAC7B+L,MACC,CAACA,IAEEG,EAASlM,eAAY,WACzBgM,MACC,CAACA,WAGFjP,+BAAKF,UAAU,qBAAqBH,IAAKA,EAAKyP,SAAU,GACtDpP,wBAACwM,IACCpF,KAAK,SACLjI,QAAQ,YACRD,KAAK,QACLkQ,SAAU,EACVzE,QAASuE,EACTzC,WAAW,YAEXzM,wBAACuM,iBAAuB,iBAAiB7L,MAAM,KAAKC,OAAO,QAE7DX,wBAACwM,IACCpF,KAAK,SACLjI,QAAQ,YACRD,KAAK,QACLkQ,SAAU,EACVzE,QAASwE,EACT1C,WAAW,QAEXzM,wBAAC0M,iBAA6B,aAAahM,MAAM,KAAKC,OAAO,YAMrEoO,GAAc1P,YAAc,gBCpCrB,IAAMgQ,GAAqD,gBAChEvP,IAAAA,UACAyB,IAAAA,WACA4J,IAAAA,MACAmE,IAAAA,mBACAC,IAAAA,eACAC,IAAAA,OACAnC,IAAAA,YACAoC,IAAAA,WACAC,gBAAAA,gBACAC,IAAAA,kBACAC,IAAAA,cACAjF,IAAAA,QAEMkF,EAAYH,EACdI,YAAUC,UAAU5E,EAAO,IAC3B2E,YAAUC,UAAU5E,EAAO,GACzB6E,EAAgBN,EAClBI,YAAUC,UAAU5E,GAAQ,IAC5B2E,YAAUC,UAAU5E,GAAQ,GAE1B8D,EAAchM,eAAY,WAC1B0M,GACFA,GAAkB,GAEhBC,GACFA,EAAcC,KAEf,CAACA,EAAWF,EAAmBC,IAE5BZ,EAAkB/L,eAAY,WAC9B0M,GACFA,GAAkB,GAEhBC,GACFA,EAAcI,KAEf,CAACL,EAAmBC,EAAeI,WAGpChQ,wBAAC+O,IACCjP,UAAWA,EACXyB,WAAYA,EACZ4J,MAAOA,EACPmE,mBAAoBA,EACpBC,eAAgBA,EAChBC,OAAQA,EACRnC,YAAaA,EACboC,OAAQA,EACRO,cAAeA,EACfH,UAAWA,EACXZ,YAAaA,EACbD,gBAAiBA,EACjBrE,QAASA,KCzDFsF,GAAmBlR,UAAOsC,mFAAPtC,iDAC5BJ,EACAE,EAKE,0CAGOqR,GAAkBnR,UAAOoR,yFAAPpR,o0JACzB,4CAGF,SAACE,UACDA,EAAMmR,eACNxR,4EAwBI,oDAQA,iCAMA,mDAsOKyR,GAAgCtR,UAAOuR,6GAAPvR,UAGzC,SAACE,UACDA,EAAMwN,WACF7N,6eAgCAA,gfAoCRyR,GAA8BhR,YAAc,gCAC5C4Q,GAAiB5Q,YAAc,mBAC/B6Q,GAAgB7Q,YAAc,8LC1UjBkR,GAA8B,gBACzCzQ,IAAAA,UACAwN,IAAAA,SACAkD,IAAAA,WACA/C,IAAAA,aACAgD,IAAAA,iBACA/C,cAAAA,aAAgB,cAChBvC,MAAAA,aAAQ,IAAI6C,WACZ4B,cAAAA,aAAgB,kBAAY,YAC5Bc,aAAAA,oBACAC,eAAAA,aAAiB,QACjBC,WAAAA,gBACWC,IAAXC,UACG3P,cAE+BmB,gBAA3BqL,OAAWC,WACoBtL,gBAA/ByO,OAAaC,WACgB1O,gBAA7B2O,OAAYC,WACe5O,YAAS,MAApC6O,OAAWC,WACwB9O,YAAS,kBAE/CmL,MAAAA,SAAAA,EAAcmB,gBAAgBZ,OAAQP,MAAAA,SAAAA,EAAcoB,cAAcb,WAF/DqD,OAAeC,WAKwBhP,WAC1B,cAAlBoL,GAAmD,YAAlBA,MAD5BgC,OAAiB6B,WAGUjP,WAChCuO,MADKC,OAAWU,OAGZ5F,EAA0B,IAAnB+E,EAAuB,OAAS,UAE7CnN,aAAU,WACJuN,aAAuB/C,MAAQL,aAAqBK,KACtDwD,GAAa,SAACC,iBACAA,OAAMC,QAAS,CAAE9C,KAAMmC,EAAalC,GAAIlB,QAGtD6D,EAAaX,KAEd,CAAClD,EAAWoD,EAAaF,QAEtBc,EAAiB1O,eACrB,SAAC6I,EAAWgF,MACNN,GACFA,EAAW1E,EAAKgF,GAEbxD,IAGDnC,EAAMwD,aAAe7C,EAAI6C,YAC3BiB,EAAc9D,IAEZgF,EAAU,8BAAkD,SAAlBpD,QAK3CgD,IACCjD,MAAAA,GAAAA,EAAcmB,MACdgD,UAAO9F,GAAK+F,OAAOD,UAAOnE,EAAamB,MAAO,QAC7CnB,MAAAA,GAAAA,EAAcoB,IACb+C,UAAO9F,GAAK+F,OAAOD,UAAOnE,EAAaoB,IAAK,eAEhDjB,OAAazI,GACb6L,OAAe7L,GAERmI,OAASnI,MAGI,UAAlBuI,SACKJ,EAAS,CAAEsB,KAAM9C,EAAK+C,GAAI/C,OAGb,WAAlB4B,SAECgD,GAAD,MACAjD,GAAAA,EAAcmB,MACdgD,UAAO9F,GAAK+F,OAAOD,UAAOnE,EAAamB,MAAOhD,GAEvC0B,OAASnI,GAEXmI,EAAS,CACdsB,KAAMgD,UAAO9F,GAAKgG,QAAQlG,GAAMmG,SAChClD,GAAI+C,UAAO9F,GAAKkG,MAAMpG,GAAMmG,cAIV,WAAlBrE,EAA4B,IAC1B2D,SACFC,GAAiB,GACVhE,EAAS,CAAEsB,KAAM9C,EAAK+C,GAAI/C,QAGhC2B,GACAA,MAAAA,GAAAA,EAAcmB,MAAdnB,MACCA,GAAAA,EAAcoB,KACb+C,UAAOnE,EAAamB,MAAMiD,OAAOD,UAAOnE,EAAaoB,YAGrD6B,GAAD,MACAjD,GAAAA,EAAcmB,MADd,MAEAnB,GAAAA,EAAcoB,IACd+C,UAAO9F,GAAKmG,UACVL,UAAOnE,EAAamB,MACpBgD,UAAOnE,EAAaoB,MAGtBjB,EAAa9B,GACbkF,EAAelF,GACRwB,OAASnI,KAElB6L,EAAelF,GACRwB,EAAS,CAAEsB,KAAM9C,EAAK+C,GAAI/C,QAGjC2B,MAAAA,GAAAA,EAAcmB,MACdkB,YAAUoC,WAAWpG,EAAK2B,EAAamB,aAEvChB,OAAazI,GACb6L,OAAe7L,GACRmI,EAAS,CAAEsB,KAAMnB,EAAamB,KAAMC,GAAI/C,OAE7C2B,MAAAA,GAAAA,EAAcoB,UAChBjB,OAAazI,GACb6L,OAAe7L,GACRmI,EAAS,CAAEsB,KAAM9C,EAAK+C,GAAIpB,EAAaoB,SAIpD,CACE2B,EACAlD,EACAnC,EACAuC,EACAgD,EACAjD,EACAmC,EACAhE,EACAyF,IAIEc,EAAqBlP,eAAY,iBACf,WAAlByK,IAGAD,MAAAA,GAAAA,EAAcmB,MAAdnB,MAAsBA,GAAAA,EAAcoB,GAC/B+C,UAAOnE,EAAamB,MAAMiD,OAAOpE,EAAaoB,cAEtD,CAACnB,EAAeD,IAEb2E,EAAsBnP,eAC1B,SAAC6I,MACKuF,GAAmC,WAAlB3D,SACnBE,EAAa9B,QACbkF,EAAelF,GAGK,UAAlB4B,IACFE,EAAa9B,GACbkF,EAAelF,IAEK,WAAlB4B,IACFsD,EAAeY,UAAO9F,GAAKgG,QAAQlG,GAAMmG,UACzCnE,EAAagE,UAAO9F,GAAKkG,MAAMpG,GAAMmG,WAInB,WAAlBrE,KACED,GACCA,MAAAA,GAAAA,EAAcmB,MAAdnB,MACCA,GAAAA,EAAcoB,KACb+C,UAAOnE,EAAamB,MAAMiD,OAAOD,UAAOnE,EAAaoB,QAE1DjB,EAAa9B,GACbkF,EAAelF,IAGbqG,KAAAA,MAAwB1E,GAAAA,EAAcmB,OACxCoC,EAAevD,EAAamB,MAC5BhB,EAAa9B,MAGjB,CAAC4B,EAAeyE,EAAoB1E,EAAc7B,EAAMyF,IAGpDgB,GAAkBpP,eAAY,WAEd,WAAlByK,GACkB,UAAlBA,GACkB,WAAlBA,IAEAsD,OAAe7L,GACfyI,OAAazI,MAEd,CAAC6L,EAAgBpD,EAAcF,IAE5B4E,GAAUrP,eACd,SAAC8K,QAEGkD,KACC,IAAIjD,MAAOuE,UAAYtB,EAAWsB,WAAa,IAAO,SAInD1C,EAAYH,EACdI,YAAUC,UAAU5E,EAAO,IAC3B2E,YAAUC,UAAU5E,EAAO,GACzB6E,EAAgBN,EAClBI,YAAUC,UAAU5E,GAAQ,IAC5B2E,YAAUC,UAAU5E,GAAQ,GAC5B4C,EAAEyE,OAAS,KACbpB,GAAa,GACbxB,EAAcC,GACdqB,EAAc,IAAIlD,OAEhBD,EAAEyE,QAAU,KACdpB,GAAa,GACbxB,EAAcI,GACdkB,EAAc,IAAIlD,UAGtB,CAACiD,EAAYvB,EAAiBvE,EAAOyE,IAGjC6C,GAAexP,eAAY,cACT,YAAlByK,GAAiD,cAAlBA,SAC1B6D,GAAoB7B,GAE7B6B,GAAmB,KAClB,CAAC7B,EAAiBhC,IAEfgF,GAAsBzP,eAC1B,SAAChE,UAEGe,wBAACqP,QACKpQ,GACJyQ,gBAAiBA,EACjBvE,MAAOA,EACPwE,kBAAmByB,EACnBxB,cAAeA,EACfjF,QAAS8H,QAIf,CAAC/C,EAAiBvE,EAAOyE,EAAe6C,KAGpCE,GAAwB1P,eAC5B,SAAC2P,MACKtF,EAAU,IACU,YAAlBI,EAA6B,KAE5BgD,GAAD,MACAjD,GAAAA,EAAcmB,MACdgD,UAAOgB,GAAGf,OAAOD,UAAOnE,EAAamB,MAAO,gBAErCtB,OAASnI,GAElBmI,EAAS,CACPsB,KAAMgD,UAAOgB,GAAGd,QAAQ,SAASC,SACjClD,GAAI+C,UAAOgB,GAAGZ,MAAM,SAASD,cAGX,cAAlBrE,EAA+B,KAE9BgD,GAAD,MACAjD,GAAAA,EAAcmB,MACdgD,UAAOgB,GAAGf,OACRD,UAAOnE,EAAamB,MAAMkD,QAAQ,WAClC,kBAGKxE,OAASnI,GAElBmI,EAAS,CACPsB,KAAMgD,UAAOgB,GAAGd,QAAQ,WAAWC,SACnClD,GAAI+C,UAAOgB,GAAGZ,MAAM,WAAWD,YAIrCnC,EAAcgD,KAEhB,CAAChD,EAAetC,EAAUG,EAAcC,EAAegD,IAGnDlD,GAAO3L,WAAQ,kBACf6N,YACQvE,EAAM8C,yBAER2D,UAAOzG,GAAO0H,OAAO,oBAC7BjB,UAAOzG,GAAO0G,OAAOD,YAAU,QAAU,GAAKzG,EAAM8C,iBAErD,CAACyB,EAAiBvE,IAEf2H,GAAsB7P,eAC1B,SAAChE,UAEGe,wBAACmN,QACKlO,GACJuO,KAAMA,GACNC,aAAcA,EACdH,SAAUqF,GACVpF,QAASmC,EACThC,cAAeA,OAIrB,CAACF,GAAMC,EAAckF,GAAuBjD,EAAiBhC,IAGzDqF,GAAoB9P,eACxB,SAAC8K,GAEe,eAAVA,EAAExN,MACJ6Q,GAAa,GAEXxB,EADEF,EACY,IAAI1B,KAAK7C,EAAM8C,cAAgB,EAAG9C,EAAMwD,YAExC,IAAIX,KAAK7C,EAAM8C,cAAe9C,EAAMwD,WAAa,KAIrD,cAAVZ,EAAExN,MACJ6Q,GAAa,GAEXxB,EADEF,EACY,IAAI1B,KAAK7C,EAAM8C,cAAgB,EAAG9C,EAAMwD,YAExC,IAAIX,KAAK7C,EAAM8C,cAAe9C,EAAMwD,WAAa,KAIrD,YAAVZ,EAAExN,MACJ6Q,GAAa,GACbxB,EAAc,IAAI5B,KAAK7C,EAAM8C,cAAgB,EAAG9C,EAAMwD,cAG1C,cAAVZ,EAAExN,MACJ6Q,GAAa,GACbxB,EAAc,IAAI5B,KAAK7C,EAAM8C,cAAgB,EAAG9C,EAAMwD,gBAG1D,CAACe,EAAiBE,EAAezE,WAGnC3H,aAAU,kBACR8B,SAAS0N,iBAAiB,UAAWD,IAC9B,WACLzN,SAAS2N,oBAAoB,UAAWF,OAEzC,CAAC5H,EAAOyE,EAAeF,EAAiBqD,KAGzC/S,wBAACiQ,IAAiBnQ,UAAU,wBAAwBwS,QAASA,IAC3DtS,wBAACkT,oBAAiBC,KAAK,UACrBnT,wBAACqQ,IACC9P,IAAKmP,EAAkBvE,EAAM8C,cAAgB9C,EAAMwD,WACnD9J,QAAS,IACTtD,WAAY,2BACZkL,WAAY0E,GAEZnR,wBAACkQ,QACK/O,GACJsP,aAAcA,EACdhD,aAAcA,EACd+C,WAAYmB,EACZb,UAAWA,EACXsC,gBAAiBhB,EACjBC,gBAAiBA,GACjBvS,UAAWA,EACXsQ,cAAeV,EACfvE,MAAOA,EACPkI,cAAeX,GACfY,eAAgBb,GAChBc,eAAgBT,GAChBvR,WAAYuJ,GACZ8F,WAAYA,EACZD,eAAgBA,SAQ5BJ,GAAWlR,YAAc,aC/ZzB,IAAMmU,GAAc7N,gBAA4B,IAEnC8N,GAAsBD,GAAY3N,SACZ2N,GAAYzN,aCRlC2N,GAAgB3U,UAAOsC,+EAAPtC,oDAQ7B2U,GAAcrU,YAAc,qCCNfsU,GAA8C,gBACzD7T,IAAAA,UACGqB,iBAGDnB,wBAAC0T,MAAc5T,UAAWG,UAAW,YAAaH,IAAgBqB,KAItEwS,GAAQtU,YAAc,UCTf,IAAMuU,GAAe7U,UAAOsC,6EAAPtC,2DACxBJ,EACAE,GASJ+U,GAAavU,YAAc,oHCMrBwU,GAAc,CAAEC,eAAe,GAExBC,GAASrU,cAIpB,WAWEC,OATEC,IAAAA,SACAoU,IAAAA,QACAlU,IAAAA,UACAoC,IAAAA,MACA+R,IAAAA,cACAC,iBAAAA,oBACAC,kBAAAA,gBACGhT,UAKCmC,EAAY5B,EADDiB,SAAuB,MACDhD,KACbqG,KAAlBY,OAAAA,aAAS,OAEXwN,EAAgBnR,eACpB,SAACkE,GAEIA,EAAMkN,kBACQ,QAAdlN,EAAM5G,KAA+B,WAAd4G,EAAM5G,MAE9B4G,EAAMmN,iBACFN,GACFA,KAGqB,mBAAdC,GACTA,EAAU9M,KAGd,CAAC6M,EAASC,WAGZzQ,aAAU,kBACD,WACc,mBAAZwQ,GAA0BA,OAIlC,IAGDhU,wBAACoF,QACCpF,wBAACuU,WAAUV,YAAaA,GAAahU,SAAUqU,GAC7ClU,wBAACwU,gBACCC,gBACA9U,IAAK2D,EACLoR,SAAUP,EACVQ,gBAEA3U,wBAAC4T,QACKzS,GACJe,SAAS0E,OAAAA,GAAW1E,GACpB+R,UAAWG,EACXhF,SAAU,EACVtP,UAAWG,UAAW,WAAYH,KAEjCF,SASfmU,GAAO1U,YAAc,SC1Fd,IAAMuV,GAAe7V,UAAOsC,8EAAPtC,yDACtB,gbAEFJ,EACAE,GAGJ+V,GAAavV,YAAc,kECadwV,GAAuD,gBAClEjV,IAAAA,SACAE,IAAAA,cACAgV,SAAAA,aAAW,WACX5S,MAAAA,aAAQ,KACLf,iBAGDnB,wBAAC4U,QACKzT,GACJxB,IAAKmV,EACLhV,UAAWG,UAAW,WAAYH,GAClCoC,MAAOA,IAENtC,IAKPiV,GAAOxV,YAAc,SCtCd,IAAM0V,GAAahW,UAAO8V,2EAAP9V,yFACpB,0IAEFJ,EACAE,GAQA,SAACI,SACe,WAAhBA,EAAM+V,OACNpW,2BAIA,SAACK,SACe,UAAhBA,EAAM+V,OACNpW,2BAIA,SAACK,SACe,SAAhBA,EAAM+V,OACNpW,8BAIOS,YAAc,aAElB,IAAM4V,GAAmBlW,UAAOsC,iFAAPtC,iGAC1B,0GAONkW,GAAiB5V,YAAc,mBAExB,IAAM6V,GAAmBnW,UAAOsC,iFAAPtC,oEAC1B,6JAKNmW,GAAiB7V,YAAc,uBCMlB8V,GAAkB,gBAC7BvV,IAAAA,aACAsU,iBAAAA,gBACAkB,IAAAA,gBACAC,aAAAA,oBACAlC,KAAAA,aAAO,eACPlR,KAAMqT,gBACNC,IAAAA,OACAvB,IAAAA,QACAwB,IAAAA,kBACAC,SAAAA,aAAW,iBACXvH,IAAAA,OACAwH,IAAAA,cACAC,IAAAA,gBACAC,IAAAA,2BACAC,2BAAAA,oBAEwBvT,WAASgT,MAA1BrT,OAAM4E,WACqBvE,gBAA3BwE,OAAWC,OACZ+O,EAAanT,SAAuB,MAE1Ca,aAAU,WACRqD,EAAQyO,KACP,CAACA,QAEES,EAAerU,EACnBwM,EAASA,EAAOvO,SAAMwF,EACtB4B,GAEIzD,EAAY5B,EAAWqU,EAAcD,GAErC9S,EAAaC,eACjB,SAACkE,GACCA,GAASA,EAAMmN,iBACfzN,GAAQ,GACU,mBAAX0O,GAAyBA,MAElC,CAACA,IAGGlS,EAAcJ,eAAY,YACD,mBAAlBuS,GAAiCA,OAG5C3O,GAAQ,GACW,mBAAZmN,GAA0BA,OAChC,CAACA,EAASwB,IAEP9R,EAAa,CACjBsS,WAAY3S,GAGR4S,EAAc,CAClBhU,KAAAA,EACAtC,IAAK2D,EACLqH,QAAS3H,UAIThD,gDACGkO,GAAUlO,UAAMiF,aAAaiJ,EAAQ+H,GACrChU,EACCjC,wBAAC+T,IACCC,QAAS3Q,EACT8Q,mBAAoBkB,EACpBnB,iBAAkBA,EAClBhS,MAAO,CACLuT,SAAUI,EAA6B,WAAa,UAGtD7V,wBAAC2T,IACC7T,UAAW8V,EACXjL,QAAStH,EACT+L,UAAW,IAEbpP,wBAAC+B,IACCC,SAAU8E,EACV7E,OAAM6E,GAAY7E,EAClBG,UAAWqT,EACX3V,UAAW6V,EACXvG,UAAW,GAEXpP,wBAAC+U,IACCjV,UAAWG,UACT,gDACkBkT,GAClBuC,GAEFV,MAAO7B,EACP+C,YAAad,GAEbpV,wBAACyT,IAAoBpT,MAAO,CAAE4B,KAAAA,EAAM4E,QAAAA,IACb,mBAAbjH,EACJA,EAAS8D,GACT9D,MAKV,OAKVuV,GAAK9V,YAAc,iECxJN8W,GAAazW,cACxB,WAQEC,OANE2G,IAAAA,MACAxG,IAAAA,UACAsW,IAAAA,YACAC,IAAAA,aACGpX,iBAKHe,wBAACkV,QACKjW,GACJa,UAAWG,UAAW,gBAAiBH,GACvCH,IAAKA,IAEJyW,GAAepW,+BAAKkC,MAAO,CAAEoU,SAAU,cACxCtW,wBAAC+I,IACC5J,QAAQ,SACR8J,MAAM,YACNU,OAAO,OACPH,SAAS,WACT1J,UAAU,WAETwG,GAEF+P,GAAgBrW,+BAAKkC,MAAO,CAAEoU,SAAU,kBAMjDH,GAAW9W,YAAc,6CC9BZkX,GAAa7W,cACxB,WAMEC,OAJEC,IAAAA,SACAE,IAAAA,UACGb,iBAKHe,wBAACiV,QACKhW,GACJa,UAAWG,UAAW,gBAAiBH,GACvCH,IAAKA,IAEJC,MAMT2W,GAAWlX,YAAc,aC7BlB,IAAMP,GAAeC,UAAOC,kFAAPD,8TACxBJ,EACAE,EAYE,0RAsCOkW,GAAahW,UAAOoW,6EAAPpW,SACpB,gHAQOqC,GAAoBrC,UAAOuC,mFAAPvC,kDAC7BJ,EACAE,GAQS2X,GAAazX,UAAOQ,8EAAPR,qDAUb0X,GAAY1X,UAAOsC,4EAAPtC,6gBACrB,SAACE,UACDA,EAAMyX,eACN9X,cACM,2BAGN,SAACK,UACDA,EAAM0X,YACN/X,iDAIE,8UAyDNwC,GAAkB/B,YAAc,oBAChCmX,GAAWnX,YAAc,aACzBoX,GAAUpX,YAAc,YACxB0V,GAAW1V,YAAc,aACzBP,GAAaO,YAAc,mBClGduX,GAAqC,gBAChDC,IAAAA,KACAC,IAAAA,eACAxJ,IAAAA,SACAsB,IAAAA,KACAC,IAAAA,GACAkI,IAAAA,OACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,SACApX,IAAAA,cACAqX,OAAAA,aAAS,SACTC,IAAAA,oBACAC,eAAAA,oBACAC,aAAAA,aAAe,IAAItJ,OACnB2H,IAAAA,oBACAF,SAAAA,aAAW,eAEqBnT,WAASsP,UAAOhD,OAAzC2I,OAAUC,WACWlV,WAASsP,UAAO/C,OAArCkD,OAAQ0F,WAC6BnV,YAAS,MAA9CoV,OAAgBC,WACGrV,WAASgV,MAA5BnM,OAAOyM,OAERC,EAAmB5U,eACvB,SAAC6U,OACO1K,EAAOmK,GAAsB3F,kBACtB,UAATiF,GACFzJ,EAAK2K,IAAID,EAAU,QACZ,CAAC1K,EAAMA,EAAK4K,UACD,WAATnB,GACTzJ,EAAK2K,IAAID,EAAU,SACZ,CAAC1K,EAAK4K,QAAQlG,QAAQqF,GAAS/J,EAAK4K,QAAQhG,MAAMmF,KACvC,YAATN,GACTzJ,EAAK2K,IAAID,EAAU,UACZ,CAAC1K,EAAK4K,QAAQlG,QAAQ,SAAU1E,EAAK4K,QAAQhG,MAAM,WACxC,cAAT6E,GACTzJ,EAAK2K,IAAID,EAAU,YACZ,CAAC1K,EAAK4K,QAAQlG,QAAQ,WAAY1E,EAAK4K,QAAQhG,MAAM,aAC1C,WAAT6E,GACTzJ,EAAK2K,IAAID,EAAU,SACZ,CAAC1K,EAAK4K,QAAQlG,QAAQ,QAAS1E,EAAK4K,QAAQhG,MAAM,UAEpD,CAAC5E,EAAMA,KAEhB,CAACmK,EAAUJ,EAAQN,IAGfoB,EAAmBpW,WAAQ,cAC3BiV,SACKA,EAAeS,EAASxF,SAAUA,EAAOA,cAG5CmG,EAAatG,YAASuG,OAEtBC,EAA6B,SAACC,EAAOC,UACrCD,EAAMF,SAAWD,GAAcI,EAAIH,SAAWD,EACzCG,EAAMxF,OAAO,UAAY,MAAQyF,EAAIzF,OAAO,UAE5CwF,EAAMxF,OAAO,eAAiB,MAAQyF,EAAIzF,OAAO,mBAI/C,UAATgE,SACEU,EAASY,SAAWD,EACfX,EAAS1E,OAAO,UAElB0E,EAAS1E,OAAO,eAClB,GAAa,WAATgE,EAAmB,KACtB0B,EAAYhB,EAASS,QAAQlG,QAAQqF,GACrCqB,EAAUD,EAAUP,QAAQhG,MAAMmF,UACjCiB,EAA2BG,EAAWC,GACxC,MAAa,YAAT3B,EACFU,EAAS1E,OAAO,YACL,cAATgE,aACEU,EAASkB,sBAAalB,EAAS1E,OAAO,SAC/B,WAATgE,EACFU,EAAS1E,OAAO,QACL,WAATgE,EACFuB,EAA2Bb,EAAUxF,GAGvC,KACN,CAACwF,EAAUV,EAAM9E,EAAQ+E,EAAgBK,IAEtCuB,EAAmBzV,eACvB,SAAC0V,WAC0Bd,EAAiBc,MAAnCC,OAASC,OAChBrB,EAAY5F,UAAOgH,IACnBnB,EAAU7F,UAAOiH,IAEbvL,GACFA,EAASsL,EAAQ7G,SAAU8G,EAAM9G,YAGrC,CAACzE,EAAUuK,IAGPiB,EAAqB7V,eACzB,SAAC8V,OACOC,EAAeD,MAAAA,SAAAA,EAAOnK,KACtBqK,EAAaF,MAAAA,SAAAA,EAAOlK,GAE1B2I,EAAY5F,UAAOoH,IACnBvB,EAAU7F,UAAOqH,IAGf3L,GACA0L,aAAwBhL,MACxBiL,aAAsBjL,MAEtBV,EAAS0L,EAAcC,KAG3B,CAAC3L,EAAUkK,EAAaC,IAGpByB,EAAiBrX,WAAQ,kBAE3BqV,aAAoBlJ,MACpB4D,UAAOA,UAAOsF,GAAUrE,OAAO,eAAesG,eAC5CpH,EAAOc,OAAO,iBAGjB,CAACqE,EAAUnF,IAERqH,EAAkBvX,WAAQ,kBAE5BoV,aAAoBjJ,MACpB4D,UAAOA,UAAOqF,GAAUpE,OAAO,eAAewG,cAC5CtH,EAAOc,OAAO,iBAGjB,CAACoE,EAAUlF,IAEdvO,aAAU,WACJ4V,GACW,UAATvC,IACFW,EAAY5F,UAAOqF,IACnBQ,EAAU7F,UAAOqF,KAGjBiC,GACW,UAATrC,IACFW,EAAY5F,UAAOsF,IACnBO,EAAU7F,UAAOsF,OAGpB,CAACL,EAAMI,EAAUC,EAAUkC,EAAiBF,QAEzCI,EAAsBrW,eAAY,WAClCiW,IAIJR,EAAiB,GAEb1B,GACFA,EAAUO,EAASxF,SAAUA,EAAOA,aAErC,CAACmH,EAAgBR,EAAkB1B,EAAWO,EAAUxF,IAErDwH,EAAqBtW,eAAY,WACjCmW,IAIJV,GAAkB,GAEd3B,GACFA,EAAOQ,EAASxF,SAAUA,EAAOA,aAElC,CAACqH,EAAiBV,EAAkB3B,EAAQQ,EAAUxF,IAEnDyH,EAAyB3X,WAAQ,iBACrB,WAATgV,IACN,CAACA,IAEE4C,EAAaxW,eAAY,WAC7B0U,GAAmBD,GACfH,GACFK,EAASL,EAASxF,YAEnB,CAAC4F,EAAmBD,EAAgBH,IAEjCmC,EAAYzW,eAAY,WAC5B0U,GAAkB,KACjB,IAEG/H,EAAgB3M,eACpB,SAAC2P,GACCgF,EAAShF,KAEX,CAACgF,IAGHpU,aAAU,WACRgU,EAAY5F,UAAOhD,IACnB6I,EAAU7F,UAAO/C,MAChB,CAACD,EAAMC,QA8BJ8K,EAAa1W,eACjB,SAAC6I,OACO8N,EAAYhI,UAAO9F,GAAK+G,OAAO,cAE/BgH,EACJ3C,aAAoBlJ,MACpB4D,UAAOA,UAAOsF,GAAUrE,OAAO,eAAegH,SAASD,GACnDE,EACJ7C,aAAoBjJ,MACpB4D,UAAOA,UAAOqF,GAAUpE,OAAO,eAAeiH,QAAQF,UAEjDC,GAAYC,IAErB,CAAC5C,EAAUD,IAGPnG,GAAYjP,WAAQ,+BAErBiJ,GAAiBjL,UAAW,SAACiM,UACrB6N,EAAW7N,UAEnBhB,GAAiBwB,eAAgB,SAACR,UAC1B6N,EAAW7N,UAGrB,CAAC6N,WAGF3Z,wBAACoB,IAAkBtB,UAAWyB,UAAW,iBAAkBzB,IACxD0Z,EACCxZ,wBAACP,GACC2H,KAAK,SACLjI,QAAQ,YACRwL,QAAS4O,EACT1Z,SAAUuZ,GAEVpZ,wBAAC4K,UAED,KACJ5K,wBAACyW,IACCC,cAAwB,WAATG,IAAsBQ,EACrCV,WAAqB,WAATE,EACZ3U,MAtEmB,SACvB6X,EACAC,EACAC,MAGEF,EAAQ5B,SAAWvG,YAASuG,QAC5B6B,EAAM7B,SAAWvG,YAASuG,cAElB8B,OACD,YACA,gBACI,CAAE3D,SAAU,aAChB,aACA,eACI,CAAEA,SAAU,gBAGjB2D,OACD,gBACI,CAAE3D,SAAU,aAChB,aACA,eACI,CAAEA,SAAU,eAGhB,CAAEA,SAAU,SA4CR4D,CAAiB3C,EAAUxF,EAAQ8E,IAEzCQ,EACCrX,wBAAC+U,IACC7G,OACElO,wBAAClB,IAAasI,KAAK,SAAStH,UAAU,0BACpCE,oCAAOiY,IAGXhW,KAAMyV,EACNnC,OAAQkE,EACRzF,QAAS0F,EACT/D,gBAAiBA,EACjBF,SAAUA,GAEVzV,wBAACuQ,IACCpF,MAAOA,EACPkC,YAAa8M,UACb1K,OAAO,KACP/B,cAAemJ,EACf/W,UAAWsX,EACX3J,aAAc,CAAEmB,KAAM2I,EAASxF,SAAUlD,GAAIkD,EAAOA,UACpDzE,SAAUwL,EACVlJ,cAAeA,EACfe,eAA2B,SAAXwG,EAAoB,EAAI,EACxCrG,UAAWA,GACXJ,gBACAE,iBAIJ5Q,wBAACwW,QAAYyB,IAGhBuB,EACCxZ,wBAACP,GACC2H,KAAK,SACLjI,QAAQ,YACRwL,QAAS2O,EACTzZ,SAAUqZ,GAEVlZ,wBAAC6K,UAED,OAKV+L,GAAYvX,YAAc,cC1XnB,IAAM+a,GAAcrb,UAAOsC,6EAAPtC,kDACvBJ,EACAE,GAMSwb,GAAatb,UAAOsC,4EAAPtC,2HAQtB,SAACE,UACDA,EAAMqb,eACN1b,qDAKJwb,GAAY/a,YAAc,cAC1Bgb,GAAWhb,YAAc,iBCbZkb,GAAQ7a,cACnB,WAOEC,OALE6a,IAAAA,cACAC,IAAAA,eACAC,YAAAA,gBACAC,IAAAA,iBAIIC,EAAQ/Y,WAAQ,mBAEdgZ,EAAc,GAChBC,EAAIN,EACDM,KACLD,EAAEC,GAAKA,EAAI,SAEND,IACN,CAACL,IAEEO,EAAclZ,WAAQ,kBACrB6Y,EAIEE,EAAMI,QAAO,SAACnE,UACZA,GAAQ4D,KAJR,CAACA,KAMT,CAACA,EAAYC,EAAaE,WAG3B5a,wBAACoa,IACCta,UAAWG,UAAW,kBAAmB0a,GACzChb,IAAKA,GAEJib,EAAMxa,KAAI,SAACyW,UAER7W,wBAACqa,IACC9Z,mBAAasW,GACbyD,cAAeS,EAAYE,QAAQpE,IAAS,WAS1D0D,GAAMlb,YAAc,QC1Db,IAAM6b,GAAkBnc,UAAOoc,mFAAPpc,+DAC3BJ,EACAE,EAEE,6CAGE,2KAME,wBAIVqc,GAAgB7b,YAAc,kBAEvB,IAAM+b,GAAkBrc,UAAOsc,mFAAPtc,mFAC3BJ,EACAE,EAEE,gEAGE,gEAKE,iCAKF,qDAEE,8BAIVuc,GAAgB/b,YAAc,kBAEvB,IAAMic,GAAqBvc,UAAOsC,oFAAPtC,+DAC9BJ,EACAE,EAEE,4FAGE,0TAMRyc,GAAmBjc,YAAc,qBAE1B,IAAMkc,GAAcxc,UAAOyc,+EAAPzc,2EAGrB,uFAGFmc,GACAE,GAEM,oBAKF,uFAGJ,SAACnc,UACDA,EAAMwc,UACN7c,mEACIwc,GAEM,+CAKdG,GAAYlc,YAAc,cAEnB,IAAMqc,GAAkB3c,UAAOsC,iFAAPtC,45DAC3BJ,EACAE,EAeM,uBAEE,qBAQA,qBAKJ,sBAGI,gBAKJ,mEAWA,2CAGA,uEAIA,uBAIE,cAIF,cAGA,cAMA,mBAEE,iCAGA,+BAIF,mCAIA,mBAKA,mBAGA,uCAsCE,oBAEF,sBAUI,2CAKA,2CAeA,uBAKJ,gBAKA,sBAGA,mBAGA,qBAGA,iBAGA,kBAGR6c,GAAgBrc,YAAc,sBCnQjBsc,GAA8C,gBACzD/b,IAAAA,SACAE,IAAAA,cACA8b,QAAAA,gBACA9G,IAAAA,gBAGE9U,wBAACsb,IAAmBxb,UAAU,iBAC5BE,wBAACub,IACC5b,IAAKmV,EACLhV,UAAWyB,UAAW,UAAWzB,GACjC2b,SAAUG,GAEThc,KAMT+b,GAAMtc,YAAc,YAEPwc,GAAgC,gBAAGjc,IAAAA,SAAUE,IAAAA,iBACxDE,wBAACkb,IAAgBpb,UAAWyB,UAAW,gBAAiBzB,IACrDF,IAILic,GAAMxc,YAAc,YAEPyc,GAAgC,gBAAGlc,IAAAA,SAAUE,IAAAA,iBACxDE,wBAACob,IAAgBtb,UAAWyB,UAAW,gBAAiBzB,IACrDF,IAILkc,GAAMzc,YAAc,QC3DpB,IAAM0c,GAA2B/b,UAAMN,YACrC,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,4IACFC,SAAS,gBAKjB+a,GAAyB1c,YAAc,kCACxB0c,GCnBTC,GAAgBhc,UAAMN,YAC1B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,0SACFC,SAAS,gBAKjBgb,GAAc3c,YAAc,uBACb2c,GCnBTC,GAAkBjc,UAAMN,YAC5B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,2SACFC,SAAS,gBAKjBib,GAAgB5c,YAAc,yBACf4c,GCnBTC,GAAWlc,UAAMN,YACrB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCAAMe,EAAE,4CAA4CC,SAAS,gBAInEkb,GAAS7c,YAAc,eCGX8c,MDFGD,0LCEHC,GAAAA,kBAAAA,iCAAAA,aAAAA,eA4CZ,IAAMC,GAAa,SAACC,EAAiB9b,UAC/B8b,EAAM,aAAclc,QACtBkc,EAAQA,EAAM,IAETA,EAAMC,QAAO,SAACC,EAAgBC,iBAE9BD,WACY,OAAdC,EAAKjc,GAAgB,IAAMic,EAAKjc,GAAOic,EAAKjc,eACvCgc,EAAqB,OAAdC,EAAKjc,GAAgB,IAAMic,EAAKjc,GAAOic,EAAKjc,KAAS,KAChEic,QAGH,KAGCC,GAAmB,SAACC,EAAgBC,MACpCA,EAAS,KACLC,EAAcR,GAAWM,EAAMC,GAC/BE,EAAO3c,OAAO2c,KAAKD,GACnBE,EAAgB,UACtBD,EAAKE,SAAQ,SAACxc,GACZuc,EAAcvc,IAAO,KAEhBuc,QAEF,IAGIE,GAAiC,gBAC5CC,IAAAA,OACAP,IAAAA,KACA5c,IAAAA,UACAod,IAAAA,WACAC,cAAAA,aAAgBhB,gBAAciB,OAC9BC,IAAAA,eACAC,IAAAA,WACAC,IAAAA,kBACAZ,IAAAA,YACAa,UAAAA,aAAY,kBAAY,QACxBC,IAAAA,cACAC,IAAAA,WACG3d,cAE2CuC,WAAS6a,MAAhDQ,OAAiBC,WACItb,WAAS4a,MAA9B3S,OAAQsT,WACevb,gBAAvBoP,OAASoM,WACkBxb,YAAS,kBAClCma,GAAiBC,EAAMC,SADzBoB,OAAWC,OAGZC,EAAO,SACXC,EACA/M,EACAgN,UAEIhN,IAAcgL,gBAAciB,KACvBe,EAGLA,aAAoBhe,MACfge,EAASF,MAAK,SAACpD,EAAWC,MAC3B3J,IAAcgL,gBAAciC,IAAK,IACd,OAAjBvD,EAAEqD,UACG,KAEY,OAAjBpD,EAAEoD,UACI,KAGS,OAAjBrD,EAAEqD,UACI,KAEW,OAAjBpD,EAAEoD,UACG,KAEmB,iBAAjBrD,EAAEqD,UACP/M,IAAcgL,gBAAciC,IACvBvD,EAAEqD,GAAapD,EAAEoD,GAEnBpD,EAAEoD,GAAarD,EAAEqD,OAGpBG,EAAQxD,EAAEqD,GAAWI,WACrBC,EAASzD,EAAEoD,GAAWI,kBAExBnN,IAAcgL,gBAAciC,IACvBC,EAAMG,cAAcD,GAGtBA,EAAOC,cAAcH,MAEzB,IAGHI,EAAcxb,eAAY,kBAC1Bia,IAAWP,EACNsB,EAAKf,EAAQC,EAAeT,GAEjCQ,GAAUP,GACZsB,EAAKf,EAAQC,EAAeT,GACrBN,GAAWM,EAAMC,KAErBO,GAAUP,EACNP,GAAWM,EAAMC,GAEnBD,IACN,CAACC,EAASD,EAAMQ,EAAQC,QAEH7a,WACtBmc,MADK1b,OAAM2b,OAiBPC,EAAa1b,eACjB,SAACkE,OAbDyX,EAcQte,EAAQ6G,EAAMI,cAAc4G,QAAQ7N,SACtCA,GAAS2c,EAAO3c,IAAU2c,EAAO3c,GAAOue,SAAU,KAC9C1N,GAhBVyN,EAiBMjB,EACAV,EAAO3c,GAAOC,MAAQgK,GAZxBqU,IAAsBzC,gBAAciC,IAC/BjC,gBAAc2C,KAHd3C,gBAAciC,QAgBnBP,EAAUZ,EAAO3c,GAAOC,KACxBqd,EAAmBzM,GACfwL,EAAS,KACPoC,OACChc,GAGD4Z,IAAYM,EAAO3c,GAAOC,IAC5BL,OAAO2c,KAAKkC,GAAS3e,KAAI,SAACG,GACxBwe,EAAQxe,GAAO0d,EAAKhB,EAAO3c,GAAOC,IAAK4Q,EAAW4N,EAAQxe,OAGxDmc,aAAgBxc,SAClB6e,EAAUd,EAAKhB,EAAO3c,GAAOC,IAAK4Q,EAAWuL,GAC7CqC,EAAU3C,GAAW,CAAC2C,GAAUpC,IAGpC+B,EAAQK,QAERL,EAAQT,EAAKhB,EAAO3c,GAAOC,IAAK4Q,EAAWpO,IAEzCsa,GACFA,EAAeJ,EAAO3c,GAAOC,IAAK4Q,UAI/B,OAET,CACEuN,EACA3b,EACA4a,EACAC,EACAX,EACA1S,EACAsT,EACAR,EACAV,EACAD,IAIEsC,EAAgB/b,eAAY,SAAC8K,GAC7BA,EAAEG,kBAAkB+Q,aAClBlR,EAAEG,OAAOC,QAAQ5N,KACnBud,EAAW/P,EAAEG,OAAOC,QAAQ5N,OAG/B,IAEG2e,EAAejc,eAAY,WAC/B6a,EAAW,QACV,IAEHta,aAAU,WACRkb,EAAQD,KACRT,EAAavB,GAAiBC,EAAMC,MACnC,CAACD,EAAMC,EAAS8B,QAEbU,EAAkBlc,eAAY,kBAEhCjD,kCACEA,8BACEof,QAASnC,EAAOoC,OAChBvf,UAAWyB,UAAW,gBAAkBgc,KAEvCA,EAAoBA,IAAsB,wBAIhD,CAACN,EAAQM,IAEN+B,EAAW3c,SAAyB,MAEpC4c,EAAgB,cAChBD,EAAS7d,eACJ6d,EAAS7d,QAAQ+d,aAAe,GAIrCC,EAAaxc,eACjB,SAACyc,EAAsBC,EAAaC,UAC9BF,EAAEG,eACGH,EAAEG,eAAeF,EAAKD,EAAEnf,IAAKqf,GAEnB,OAAfD,EAAID,EAAEnf,MAAiBmd,EAClB1d,6BAAGF,UAAU,cAAc4d,EAAWgC,EAAEnf,MAE1Cof,EAAID,EAAEnf,OAEf,CAACmd,IAGGoC,EAAY7c,eAChB,SAAC0c,EAAaI,UAEV/f,8BACEO,IAAKwf,eACOA,mBACG,MACfjgB,UAAU,eACVoH,YAAa8X,EACb1X,aAAc4X,GAEbjC,EAAO7c,KAAI,SAACsf,EAAsBE,UAE/B5f,8BACEO,IAAKqf,EACL9f,UAAWyB,6CAA+C,CACxDmQ,QAASA,IAAYgO,EAAEnf,iBAEfmf,EAAEnf,IACZ2B,MAAO+a,EAAO2C,GAAU1d,MAAQ+a,EAAO2C,GAAU1d,MAAQ,IAExDud,EAAWC,EAAGC,EAAKC,UAOhC,CAACV,EAAcF,EAAe/B,EAAQvL,EAAS+N,IAG3CO,EAAiB/c,eAAY,SAACkE,OAC5B8Y,EAAc9Y,EAAMI,cAAc4G,QAAQ+R,SAChDlC,GAAa,SAACmC,OACNC,OAAgBD,UACtBC,EAASH,IAAgBE,EAAUF,GAC5BG,OAER,IAEGC,EAAaxe,WAAQ,cAEtBkB,GAAQA,aAAgB5C,OAAS4C,EAAKsc,OAAS,GAC/B,WAAhBiB,EAAOvd,IAAqB7C,OAAO2c,KAAK9Z,GAAMsc,OAAS,EACxD,IACI1C,EAAS,KACLE,EAAO3c,OAAO2c,KAAK9Z,UAClB8Z,EAAKzc,KAAI,SAACG,EAAakO,UAE1BzO,wBAACugB,YAAShgB,IAAKA,GACZkd,GACCzd,wBAAC8b,IAAMhc,UAAU,0BACfE,kCACEA,8CACiBO,EACfoK,QAASqV,EACTlgB,UAAU,iDAEVE,wBAAC+b,IACCjc,UAAWyB,UAAW,qCACiBwc,EAAUxd,uCACVwd,EAAUxd,UAO3DP,wBAAC8b,IACChc,UAAWyB,UAAW,wCAAkCkN,GAAK,oCAEzDgP,IAAkBM,EAAUxd,uCAE5Bkd,GAAiBM,EAAUxd,GAC7BigB,KAAM/R,IAAMoO,EAAKwC,OAAS,EAC1BhB,MAAa,IAAN5P,KAGR+O,EACCza,EAAKxC,GACO,SAAZsc,EAAKpO,GAAgBoO,EAAKpO,GAAGgS,OAAS,OAG1CzgB,wBAAC8b,IACChc,UAAWyB,iDAA2CkN,GAAK,CACzDiS,OAAQ3C,EAAUxd,MAGnBwC,EAAKxC,GAAKH,KAAI,SAACuf,EAAarf,UACpBwf,EAAUH,EAAKrf,kBAQhCN,wBAAC8b,QACE/Y,aAAgB5C,OACf4C,EAAK3C,KAAI,SAACuf,EAAaI,UACdD,EAAUH,EAAKI,cAKzBZ,MACN,CACDpc,EACA4Z,EACAmD,EACAtC,EACAO,EACAN,EACA0B,EACAa,IAGIW,EAAqB9e,WAAQ,kBAC1B3B,OAAO2c,KAAKkB,GAAW6C,OAAM,SAACrgB,UAC5Bwd,EAAUxd,QAElB,CAACwd,IAEE8C,EAAehf,WAAQ,kBACpB3B,OAAO2c,KAAKkB,GAAW+C,MAAK,SAACvgB,UAC3Bwd,EAAUxd,QAElB,CAACwd,IAEEgD,GAAqB9d,eAAY,WAEnC+a,EADE6C,EACW,SAACV,OACNC,OAAgBD,UACtBjgB,OAAO2c,KAAKuD,GAAUrD,SAAQ,SAACxc,GAC7B6f,EAAS7f,IAAO,KAEX6f,GAGI,SAACD,OACNC,OAAgBD,UACtBjgB,OAAO2c,KAAKuD,GAAUrD,SAAQ,SAACxc,GAC7B6f,EAAS7f,IAAO,KAEX6f,MAGV,CAACS,WAGF7gB,wBAAC0b,MACC9R,GAAI+R,GACJ7G,SAAUwK,EACVxf,UAAWyB,UAAW,eAAgBzB,EAAW,oBAC3B6c,yBACIc,gBACTd,GAAWoB,EAAU7d,OAAO2c,KAAK9Z,GAAMie,OAAO,GAAG,OAE9DjhB,GAEJC,wBAAC6b,IAAM/b,UAAWwd,GACfL,EAAOoC,OAAS,GACfrf,8BAAIF,UAAU,gBACXmd,EAAO7c,KAAI,SAACsf,EAAsBpf,UAE/BN,8BACEO,IAAKmf,EAAEnf,IACPT,UAAWyB,0BAA4B,0BACXmQ,IAAYgO,EAAEnf,4BAEtCoc,GAAWgE,GAAsBjB,EAAEuB,gBAEvC/Z,YAAa8X,EACb1X,aAAc4X,aACJQ,EAAEnf,IACZ2B,MAAOwd,EAAExd,OAERub,GAAiBd,GAAqB,IAAVrc,GAC3BN,gCACEF,UAAU,8BACV6K,QAASoW,eACC,mBAETF,EACC7gB,wBAACgc,IAAclc,UAAU,sCAEzBE,wBAACic,IAAgBnc,UAAU,uCAIhC4R,IAAYgO,EAAEnf,KACbP,+BACEF,UAAU,mBACVoC,MAAO,CAAEvB,OAAQ4e,YAGrBvf,+BACE2K,QAASgU,eACGre,EACZR,UAAWyB,UAAW,wBAAyB,mBACZ,IAAfme,EAAEb,YAGtB7e,gCAAMF,UAAU,kBAAkB4f,EAAErV,OACnCqV,EAAEb,UACD7e,wBAACkc,IACCxb,MAAM,OACNC,OAAO,OACPb,UAAWyB,UAAW,gBAAiB,2BACVme,EAAEnf,MAAQgK,0BACZmV,EAAEnf,MAAQgK,uBAEjCoT,IAAoBxB,gBAAciC,KAClCsB,EAAEnf,MAAQgK,wBAEVoT,IAAoBxB,gBAAc2C,MAClCY,EAAEnf,MAAQgK,aAY/B8V,IAKPrD,GAAU3d,YAAc,YC/fxB,IAAM6hB,GAAaC,kEASbC,GAAiBD,oEASVE,GAAyBtiB,UAAOsC,yFAAPtC,qXAChC,kIAKE,4CAaJ,SAACE,UACDA,EAAMqiB,UACN1iB,qDAeE,SAACK,UACDA,EAAMqiB,UACN1iB,6CAKF,SAACK,UACDA,EAAMsiB,YACN3iB,iSAKKK,EAAMqiB,UACT1iB,wEACM,yCAOFK,EAAMqiB,UACR1iB,6DAQEK,EAAMqiB,UACR1iB,8CAYJ,SAACK,UACAA,EAAMsiB,aACNtiB,EAAMuiB,WACP5iB,kKAKOK,EAAMqiB,UACT1iB,4EAUJ,SAACK,UACDA,EAAMwiB,YACN7iB,qFAGiBsiB,GACTE,OAIR,SAACniB,UACDA,EAAMuiB,WACN5iB,2BACM,uBAKVyiB,GAAuBhiB,YAAc,6BC7HxBqiB,GAA+C,oBAC1DC,UAAAA,oBACA9hB,SAAAA,oBACA+hB,QAAAA,gBACAjX,IAAAA,QACA7K,IAAAA,cACA6H,QAAAA,gBACAka,IAAAA,0BAGE7hB,wBAACqhB,IACC1W,QAASA,EACT7K,UAAWG,UAAW,sBAAuBH,GAC7CwhB,SAAU3Z,EACV4Z,WAAYI,EACZH,UAAW3hB,EACX4hB,YAAa5hB,GAAY8hB,GAAaC,GAEtC5hB,+BACEY,QAAQ,YACRd,UAAW+hB,GAA0C,mBAErD7hB,gCAAMe,EAAE,kGACRf,oCAAU8hB,OAAO,+BAMzBJ,GAAiBriB,YAAc,mBC5CxB,IAAM0iB,GAAchjB,UAAOsC,8EAAPtC,kDACrB,2CAGFJ,EACAE,GAEA,SAACI,SACc,YAAfA,EAAMmI,MACNxI,sDAKJmjB,GAAY1iB,YAAc,kFCUb2iB,GAAQtiB,cACnB,WASEoV,OAPElV,IAAAA,SACAE,IAAAA,cACAsH,KAAAA,aAAO,gBACP6a,MAAAA,oBACAC,mBAAAA,gBACG/gB,iBAKHnB,wBAAC+hB,MACCjiB,UAAWyB,UAAWzB,EAAW,yBAE5BoiB,GAAsBD,GAAkB,YAAT7a,4BAEhC8a,GAAsBD,GAAkB,YAAT7a,mBACf6a,GAAkB,YAAT7a,0BAEvB8a,GAAsBD,GAAkB,YAAT7a,IAC/B8a,GAAsBD,GAAkB,YAAT7a,4BAEhC8a,GAAsBD,GAAkB,YAAT7a,GAC/B8a,GAAsBD,GAAkB,YAAT7a,mBAE9B6a,GAAkB,YAAT7a,IAAyB6a,GAAkB,YAAT7a,IAEjDzH,IAAKmV,EACL1N,KAAMA,GACFjG,GAEHvB,MAMToiB,GAAM3iB,YAAc,QCjEb,IAAM8iB,GAAsBpjB,UAAOsC,sFAAPtC,qDAC7B,uBAMF,SAACE,UACDA,EAAMmjB,QACNxjB,sBACWK,EAAMmjB,WAIRC,GAAiBtjB,UAAOsC,iFAAPtC,aACxB,eACFF,GAGJwjB,GAAehjB,YAAc,iBAC7B8iB,GAAoB9iB,YAAc,0BCbrBijB,GAA+B,gBAAG5hB,IAAAA,MAAOZ,IAAAA,iBAElDE,wBAACqiB,IAAeviB,UAAWyB,UAAW,cAAezB,IACnDE,wBAACmiB,IAAoBriB,UAAU,wBAAwBsiB,OAAQ1hB,MAKrE4hB,GAASjjB,YAAc,WCfhB,IAAMkjB,GAAaxjB,UAAOijB,4EAAPjjB,SACpB,kCAGNwjB,GAAWljB,YAAc,qECKZmjB,GAAO9iB,cAClB,WAQEC,OANEC,IAAAA,SACAE,IAAAA,cACA2iB,UAAAA,oBACAC,UAAAA,aAAY,YACTvhB,iBAKHnB,wBAACuiB,QACKphB,GACJiG,KAAMsb,EACN5iB,UAAWG,UAAW,SAAUH,GAChCmiB,MAAOQ,EACPP,sBACAviB,IAAKA,IAEJC,MAMT4iB,GAAKnjB,YAAc,OCjCZ,IAAMsjB,GAAmB5jB,UAAOyjB,iFAAPzjB,6CAI5B,SAACE,SACmB,cAApBA,EAAM2jB,WACNhkB,uGAQA,SAACK,SACmB,cAApBA,EAAM2jB,WACNhkB,mGAWJ+jB,GAAiBtjB,YAAc,mBAExB,IAAMwjB,GAAuB9jB,UAAO8b,mFAAP9b,iBAC9B,wBAEFJ,EACAE,GAEJgkB,GAAqBxjB,YAAc,2BCbtByjB,GAAapjB,cACxB,WAOEC,WALEojB,SAAAA,aAAW,cACXC,IAAAA,WACAC,IAAAA,KACAC,IAAAA,cAIIC,EAAmBlgB,eAAY,SAAC+f,UAC7BA,EACJhI,QAAO,SAACoI,UAAMA,EAAEC,cAChBjjB,KAAI,SAACgjB,UAEFpjB,+BAAKO,IAAK6iB,EAAEE,KAAMxjB,oCAA8BsjB,EAAEE,OAC/CF,EAAEG,eAIV,IAEGC,EAAmBvgB,eAAY,SAAC+f,OAC9BS,EAAgBT,EAAWhI,QAC/B,SAACoI,SAA2C,WAAlBA,EAAEM,eAExBC,EAAcX,EAAWhI,QAC7B,SAACoI,SAA2C,SAAlBA,EAAEM,eAExBE,EAAgBZ,EAAWhI,QAC/B,SAACoI,SAAwB,WAAlBA,EAAEM,eAELG,EAAiB,SAACT,UACtBpjB,+BAAKO,IAAK6iB,EAAEE,KAAMxjB,oCAA8BsjB,EAAEE,OAC/CF,EAAEG,kBAILvjB,gDACEA,+BAAKF,UAAW,eACb2jB,EAAcrjB,KAAI,SAACgjB,UAAMS,EAAeT,OAE3CpjB,+BAAKF,UAAW,aACb6jB,EAAYvjB,KAAI,SAACgjB,UAAMS,EAAeT,OAEzCpjB,+BAAKF,UAAW,eACb8jB,EAAcxjB,KAAI,SAACgjB,UAAMS,EAAeT,UAI9C,WAGDpjB,wBAAC6iB,IAAqBiB,KAAMb,EAAMnjB,UAAWojB,GAC3CljB,wBAAC2iB,IACChjB,IAAKA,EACL8iB,aACA3iB,UAAWG,UAAW,sBAAuB,aACjB,cAAb8iB,cACa,cAAbA,IAEfL,UAAwB,cAAbK,EAA2B,UAAY,UAClDH,UAAWG,GAEG,cAAbA,EAA2BI,EAAiBH,GAAc,KAC7C,cAAbD,EAA2BS,EAAiBR,GAAc,UAOrEF,GAAWzjB,YAAc,0CC5FZ0kB,GAA6CrkB,cACxD,WAA2CC,WAAxCgK,OAAAA,aAAS,UAAS/J,IAAAA,SAAaX,iBAE9Be,wBAAC+I,MAAWY,OAAQA,EAAQxK,QAAQ,UAAUQ,IAAKA,GAASV,GACzD,IACAW,EAAU,QAMnBmkB,GAAO1kB,YAAc,6BChBR2kB,GAAgCtkB,cAC3C,WAAyBC,OAAtBC,IAAAA,SAAaX,iBAEZe,wBAAC+I,MAAWY,OAAO,OAAOxK,QAAQ,WAAWQ,IAAKA,GAASV,GACxD,IACAW,EAAU,QAMnBokB,GAAQ3kB,YAAc,8BCXT4kB,GAAgCvkB,cAC3C,WAAyBC,OAAtBC,IAAAA,SAAaX,iBAEZe,wBAAC+I,MAAWY,OAAO,OAAOxK,QAAQ,WAAWQ,IAAKA,GAASV,GACxD,IACAW,EAAU,QAMnBqkB,GAAQ5kB,YAAc,uCCNT6kB,GAA2CxkB,cACtD,WAA6CC,WAA1CgK,OAAAA,aAAS,YAAW/J,IAAAA,SAAaX,iBAEhCe,wBAAC+I,MAAW5J,QAAQ,SAASwK,OAAQA,EAAQhK,IAAKA,GAASV,GACxD,IACAW,EAAU,QAMnBskB,GAAM7kB,YAAc,qCCXP8kB,GAAiDzkB,cAC5D,WAA6CC,WAA1CgK,OAAAA,aAAS,YAAW/J,IAAAA,SAAaX,iBAEhCe,wBAAC+I,MAAW5J,QAAQ,YAAYwK,OAAQA,EAAQhK,IAAKA,GAASV,GAC3D,IACAW,EAAU,QAMnBukB,GAAS9kB,YAAc,wCCXV+kB,GAAiD1kB,cAC5D,WAA6CC,WAA1CgK,OAAAA,aAAS,YAAW/J,IAAAA,SAAaX,iBAEhCe,wBAAC+I,MAAW5J,QAAQ,YAAYwK,OAAQA,EAAQhK,IAAKA,GAASV,GAC3D,IACAW,EAAU,QAMnBwkB,GAAS/kB,YAAc,WCbhB,IAAMglB,GAAkBtlB,UAAOsC,kFAAPtC,wCACzB,2EACFJ,EACAE,GAIA,SAACI,SACoB,qBAArBA,EAAMwN,YACN7N,uDAKA,SAACK,SACoB,wBAArBA,EAAMwN,YACN7N,uDAKJylB,GAAgBhlB,YAAc,kBAEvB,IAAMilB,GAA4BvlB,UAAOuR,yGAAPvR,8WAoBzCulB,GAA0BjlB,YAAc,4BAEjC,IAAMklB,GAAaxlB,UAAOylB,6EAAPzlB,SACpB,8DAENwlB,GAAWllB,YAAc,iBC9BZolB,GAAiB,CAC5B,UACA,eACA,aACA,kBACA,aACA,kBACA,gBACA,qBACA,sBACA,2BACA,iBACA,sBACA,cACA,mBACA,qBACA,0BACA,YACA,iBACA,gBACA,qBACA,aACA,kBACA,sBACA,2BACA,kBACA,uBACA,cACA,mBACA,WACA,gBACA,yBACA,+BAGWC,GAAiC,gBACtCC,IAANvd,SACA/G,MAAAA,aAAQ,OACRP,IAAAA,UACA2K,IAAAA,YACAma,IAAAA,kBAKS,IAFPH,GAAexJ,QACZ0J,EAAsCtlB,cAGzCwlB,QAAQC,KAAK,oDAGmBxiB,WAAS,uBAApC6O,OAAWC,OACT2T,IAAgBziB,WAASjC,SAE5BgK,EAAuBxI,WAAQ,eAC9BxB,GAASA,EAAQ,EAAG,OAAO,SAE1B2kB,EAAM,IACRC,EAAW5kB,SAEX4kB,EAAWD,IACbC,EAAWD,GAGTC,IAAaD,YACL3W,KAAKC,MAAM2W,EAAW,WACvBA,EAAW,iBACV5W,KAAKC,MAAM2W,EAAW,UACvBA,EAAW,cACV5W,KAAKC,MAAM2W,EAAW,oBAGxBA,KACT,CAAC5kB,IAEJmD,aAAU,WACRnD,GACE0kB,GAAa,SAACG,UACZA,GACE9T,EACE8T,EAAI7kB,EAAQ,EAAI,mBAAqB,uBAElCA,OAEV,CAACA,QAEE8kB,EAAkBtjB,WACtB,kBACE7B,wBAACqkB,IACCvkB,UAAWG,UAAW,cAAeH,GACrC2M,WAAY0E,GAEZnR,wBAACukB,IAAW3a,GAAI+a,IACL,OAAVtkB,GACCL,wBAACkT,oBAAiBC,KAAM,UACtBnT,wBAACskB,IACC/jB,IAAK8J,EACLxF,QAAS,IACTtD,WAAW,wBAETojB,EAAsCtlB,YAAY+lB,SAClD,aAEAplB,wBAACmkB,IAASlb,MAAM,aAAaoB,GAE7BrK,wBAACkkB,IAAMjb,MAAM,aAAaoB,QAOtC,CAACvK,EAAWqR,EAAWwT,EAAWtkB,EAAOgK,WAIzCrK,wBAACqG,IACCC,MAAOmE,MAAAA,EAAAA,EAAe,GACtB9D,SAAU8D,EACV/D,uBAAwBke,GAEvBO,IAKPT,GAAUrlB,YAAc,YClJjB,IAAMgmB,GAAetmB,UAAOumB,8EAAPvmB,SACtB,+ECUOwmB,GAAS7lB,cACpB,WAA+DC,OAA5D6lB,IAAAA,QAAKC,IAAAA,aAAM,qBAAgBvmB,KAAAA,aAAO,KAAIY,IAAAA,UAAcqB,iBAEnDnB,wBAACqlB,QACKlkB,GACJxB,IAAKA,EACL+lB,IAAKF,EACLC,IAAKA,EACL/kB,MAAOxB,EACPyB,OAAQzB,EACRY,UAAWA,QAMnBylB,GAAOlmB,YAAc,SC1Bd,IAAMsmB,GAAc5mB,UAAOsC,6EAAPtC,kDACrB,qCAGFF,EACAF,MAGQU,YAAc,cAMnB,IAAMumB,GAAiB7mB,UAAOsC,gFAAPtC,iBACxB,gFAEF,SAACE,UACDA,EAAM4mB,WACNjnB,cACM,4BAGN,SAACK,UACDA,EAAMgK,OACNrK,gCACsBK,EAAMgK,UAIhC2c,GAAevmB,YAAc,iBAEtB,IAAMymB,GAAkB/mB,UAAOsC,iFAAPtC,aACzB,6BACF,SAACE,UACDA,EAAMgK,OACNrK,qBACWK,EAAMgK,UAIrB6c,GAAgBzmB,YAAc,2EC9BjB0mB,GAAQrmB,cAInB,WAEEC,OADE2jB,IAAAA,KAAMra,IAAAA,UAAO+c,SAAAA,oBAAiBC,QAAAA,gBAAgBnmB,IAAAA,UAAcqB,iBAI5DnB,wBAAC2lB,MACC7lB,UAAWG,UAAW,UAAWH,GACjCH,IAAKA,GACDwB,GAEH8kB,EAAUjmB,wBAAC4lB,IAAeC,UAAWG,EAAU/c,MAAOA,IAAY,KAClE+c,EACChmB,wBAAC8lB,IAAgB7c,MAAOA,GAAQqa,GAC9B,SAMZyC,GAAM1mB,YAAc,QCpCpB,IAAM6mB,GAAkB/E,+EASXgF,GAAqBpnB,UAAOsC,oFAAPtC,2bAsBdmnB,qBC7BPE,GAAe1mB,cAG1B,WAAyBC,OAAtBG,IAAAA,UAAcqB,iBAEfnB,wBAACmmB,MACCxmB,IAAKA,EACLG,UAAWyB,UAAW,4BAA6BzB,IAC/CqB,OAKVilB,GAAa/mB,YAAc,eCf3B,IAAMgnB,GAAelF,0EAWRmF,GAAmBvnB,UAAOQ,oFAAPR,6QAUfsnB,qBCnBJE,GAAa7mB,cAGxB,WAAyBC,OAAtBG,IAAAA,UAAcqB,iBAEfnB,wBAACsmB,MACC3mB,IAAKA,EACLG,UAAWyB,UAAW,0BAA2BzB,IAC7CqB,GAEJnB,qCACAA,qCACAA,yCAKNumB,GAAWlnB,YAAc,aCnBzB,IAAMmnB,GAAkBrF,iDAMlBsF,GAAgBtF,6KAeTuF,GAAsB3nB,UAAOsC,sFAAPtC,6XAWlBynB,GAeEC,qBC7CNE,GAAgBjnB,cAG3B,WAAyBC,OAAtBG,IAAAA,UAAcqB,iBAEfnB,wBAAC0mB,MACC/mB,IAAKA,EACLG,UAAWyB,UAAW,6BAA8BzB,IAChDqB,GAEJnB,+BAAKY,QAAQ,eACXZ,kCACE4mB,GAAG,KACHC,GAAG,KACHC,EAAE,KACFhmB,KAAK,OACLimB,YAAY,IACZC,iBAAiB,YAO3BL,GAActnB,YAAc,gBC3B5B,IAAM4nB,GAAejnB,UAAMN,YACzB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,6BAAGgB,SAAS,WACVhB,gCAAMknB,OAAO,UAAUC,EAAG,GAAKC,EAAG,GAAK1mB,MAAO,GAAIC,OAAQ,GAAI0mB,GAAI,IAClErnB,gCACEknB,OAAO,UACPH,YAAa,EACbhmB,EAAE,4CAMZkmB,GAAa5nB,YAAc,sBACZ4nB,GCrBFK,GAAcvoB,UAAOwoB,+EAAPxoB,uBAGfM,YAAc,cAEnB,IAAMsmB,GAAc5mB,UAAOsL,+EAAPtL,OAC3B4mB,GAAYtmB,YAAc,cAEnB,IAAMmoB,GAAiBzoB,UAAOsC,gFAAPtC,2sBAsB1BuoB,GAA0B3B,GAK1B2B,GAAuB3B,GAOQ2B,GAAuB3B,IAWtD,SAAC1mB,UACDA,EAAMgjB,OACNrjB,iIACI+mB,MAWJ2B,GAAyB3B,IAW7B6B,GAAenoB,YAAc,mDC3DhBooB,GAAW/nB,cACtB,WAOEC,OALEG,IAAAA,UACAmiB,IAAAA,UACAyF,GAAAA,aAAK,aACFvmB,iBAKHnB,wBAACwnB,IACC1nB,UAAWG,UACT,aACA,qBACuBgiB,2BACsB,kBAAVA,GAEnCniB,GAEFmiB,MAAOA,GAEPjiB,wBAACsnB,MACCI,GAAIA,EACJ5nB,UAAU,oBACVsH,KAAK,WACLzH,IAAKA,GACDwB,IAENnB,wBAAC2lB,IAAYgC,QAASD,EAAI5nB,UAAU,qBAClCE,wBAACinB,IAAatmB,OAAQ,GAAID,MAAO,UAO3C+mB,GAASpoB,YAAc,WC1DvB,IAAMuoB,GAAkB5nB,UAAMN,YAC5B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,6BAAGgB,SAAS,WACVhB,kCAAQknB,OAAO,UAAUN,GAAI,EAAGC,GAAI,EAAGC,EAAG,MAC1C9mB,kCAAQ4mB,GAAI,EAAGC,GAAI,EAAGC,EAAG,SAKjCc,GAAgBvoB,YAAc,yBACfuoB,GChBFC,GAAmB9oB,UAAOwoB,qFAAPxoB,oBAIhC8oB,GAAiBxoB,YAAc,mBAExB,IAAMyoB,GAAmB/oB,UAAOsL,qFAAPtL,SAC1B,6CAGN+oB,GAAiBzoB,YAAc,mBAOxB,IAAM0oB,GAAoBhpB,UAAOsC,oFAAPtC,0iBAC7BF,EACE,4CAuBYipB,GAMGA,IAKjB,SAAC7oB,UACuB,IAAxBA,EAAM+oB,eACNppB,sHACkBkpB,OAUlB,SAAC7oB,UACDA,EAAMgpB,YACNrpB,wGACIkpB,MAUYA,IAWpBC,GAAkB1oB,YAAc,sDC5EnB6oB,GAAcxoB,cACzB,WAOEC,WALEG,UAAAA,aAAY,SACZ4nB,GAAAA,aAAK,UACLzF,IAAAA,MACGhjB,iBAKHe,wBAAC+nB,IACCjoB,UAAWG,UACT,cACA,sBACwBgiB,4BACsB,kBAAVA,GAEpCniB,GAEFmoB,WAAYhG,EACZ+F,cAAgC,kBAAV/F,GAEtBjiB,wBAAC6nB,MACCH,GAAIA,EACJ5nB,UAAU,qBACVsH,KAAK,QACLzH,IAAKA,GACDV,IAENe,wBAAC8nB,IAAiBH,QAASD,EAAI5nB,UAAU,sBACvCE,wBAAC4nB,IAAgBlnB,MAAM,KAAKC,OAAO,YAO7CunB,GAAY7oB,YAAc,cCrDnB,IAAM8oB,GAAqBppB,UAAOsC,qFAAPtC,SAC5B,uBAGOqpB,GAAwBrpB,UAAOsC,wFAAPtC,0GAC/B,wEASOspB,GAA2BtpB,UAAOsC,2FAAPtC,0GAClC,2EASOupB,GAAyBvpB,UAAOsC,yFAAPtC,2GAChC,wEASOwpB,GAA0BxpB,UAAOsC,0FAAPtC,4GACjC,yEASNopB,GAAmB9oB,YAAc,qBACjC+oB,GAAsB/oB,YAAc,wBACpCgpB,GAAyBhpB,YAAc,2BACvCipB,GAAuBjpB,YAAc,yBACrCkpB,GAAwBlpB,YAAc,oICnBzBmpB,GAAe9oB,cAI1B,WAUEC,OAREC,IAAAA,SACAE,IAAAA,cACA2oB,gBAAAA,oBACAC,kBAAAA,oBACAC,iBAAAA,oBACAC,eAAAA,gBACGznB,cAIyBmB,WAAS,CACrCumB,IAAK,EACLC,MAAO,EACPC,OAAQ,EACRC,KAAM,OAJD3kB,OAAS4kB,OAOV5T,EAA+BpS,eACnC,SAACkE,SAEGA,EAAM+G,OADAgb,IAAAA,aAAc1J,IAAAA,aAAc2J,IAAAA,YAAaC,IAAAA,cAEjBjiB,EAAM+G,OAAhCmb,IAAAA,UAAWC,IAAAA,WAEbA,EAAa,IACfA,IAAe,GAEbD,EAAY,IACdA,IAAc,GAGhBJ,GAAW,SAAC9I,OACJ0I,EAAO,IAAUxa,KAAKkb,IAAIF,EAAW,IACrCG,EAAkBN,EAAe1J,EACjCuJ,EACH,KACAS,EAAkBnb,KAAK2W,IAAIqE,EAAWG,EAAkB,KACrDR,EAAQ,IAAU3a,KAAKkb,IAAID,EAAY,IACvCG,EAASN,EAAcC,EACvBN,EAAS,KAAWW,EAASpb,KAAK2W,IAAIsE,EAAYG,EAAS,KAE3DrJ,EAAW,CAAEyI,IAAK,EAAGE,OAAQ,EAAGC,KAAM,EAAGF,MAAO,UAEjDL,IACHrI,EAASyI,IAAMD,EAAiBG,EAASF,EACzCzI,EAAS2I,OAASH,EAAiBC,EAAME,GAGtCL,IACHtI,EAAS4I,KAAOL,EAAmBG,EAAQE,EAC3C5I,EAAS0I,MAAQH,EAAmBK,EAAOF,GAI3C1I,EAASyI,MAAQ1I,EAAU0I,KAC3BzI,EAAS2I,SAAW5I,EAAU4I,QAC9B3I,EAAS4I,OAAS7I,EAAU6I,MAC5B5I,EAAS0I,QAAU3I,EAAU2I,MAEtB1I,EAGFD,OAGX,CAACwI,EAAkBC,EAAgBH,EAAiBC,WAIpD1oB,wBAACmoB,QACKhnB,GACJxB,IAAKA,EACLG,UAAWG,UAAW,kBAAmBH,KAExCF,EAAS,CAAE8pB,SAAUrU,IACpBoT,EAKE,KAJFzoB,gDACEA,wBAACooB,IAAsBlmB,MAAO,CAAEmC,QAASA,EAAQwkB,OACjD7oB,wBAACqoB,IAAyBnmB,MAAO,CAAEmC,QAASA,EAAQ0kB,WAGtDL,EAKE,KAJF1oB,gDACEA,wBAACsoB,IAAuBpmB,MAAO,CAAEmC,QAASA,EAAQ2kB,QAClDhpB,wBAACuoB,IAAwBrmB,MAAO,CAAEmC,QAASA,EAAQykB,cAQ/DN,GAAanpB,YAAc,eC9H3B,IAAMsqB,GAAuB5qB,UAAOQ,kGAAPR,iDAI7B4qB,GAAqBtqB,YAAc,uBAEnC,OAAyB,SACvBmO,EACAoc,OACAC,0DAEIC,EAAiBtc,EACjBuc,EAAqBH,KAEpBC,IACHC,EAAiBtc,EAAKwc,cACtBD,EAAqBH,EAASI,eAI9BJ,GACAE,GACAA,EAAe7O,QAAQ8O,IAAuB,EAC9C,KACME,EAAoBzc,EAAKsB,UAC7B,EACAgb,EAAe7O,QAAQ8O,IAEnBG,EAAc1c,EAAKsB,UACvBgb,EAAe7O,QAAQ8O,GACvBD,EAAe7O,QAAQ8O,GAAsBH,EAASvK,QAElD8K,EAAmB3c,EAAKsB,UAC5Bgb,EAAe7O,QAAQ8O,GAAsBH,EAASvK,eAItDrf,wBAACugB,gBACE0J,EAAkBG,QAAQ,KAAM,KACjCpqB,wBAAC2pB,IAAqB7pB,UAAU,6BAC7BoqB,EAAYE,QAAQ,KAAM,MAE5BD,EAAiBC,QAAQ,KAAM,aAK/B5c,GClDI6c,GAAyB,SACpCtc,EACAkU,EACAqI,EACAC,EACAC,GAEc,cAAVzc,EAAExN,KAAiC,YAAVwN,EAAExN,KAC7BwN,EAAEuG,qBAGAmW,EAAUH,EACVE,IAAmBC,GAAW,CAAE/C,GAAI,gBAAW+C,KAC/CF,IAAYE,cAAcA,IAAS,CAAE/C,GAAI,iBAEvCgD,EAAeD,EAAQE,WAAU,SAACC,UAAWA,EAAOlD,KAAOzF,QAEnD,cAAVlU,EAAExN,IAAqB,KACnBsqB,EACJJ,EAAQE,WAAU,SAACzF,UAAMA,EAAEwC,KAAOzF,KAAS,GAAKwI,EAAQpL,cACjC,IAAlBqL,GAAuBG,EAC1BJ,EAAQ,GAAG/C,GACX+C,EAAQC,EAAe,GAAGhD,MAGlB,YAAV3Z,EAAExN,IAAmB,KACjBuqB,EAAuBL,EAAQ,GAAG/C,KAAOzF,SACtB,IAAlByI,GAAuBI,EAC1BL,EAAQA,EAAQpL,OAAS,GAAGqI,GAC5B+C,EAAQC,EAAe,GAAGhD,KCxBrBqD,GAAehsB,UAAOsL,iFAAPtL,oSACtB,qCAgBFJ,EACAE,GAEA,SAACI,UACDA,EAAMgjB,OACNrjB,uDAKJmsB,GAAa1rB,YAAc,mBCNd2rB,GAAStrB,cACpB,WASEC,OAPE+nB,IAAAA,GACApE,IAAAA,KACArB,IAAAA,MACAniB,IAAAA,UACAmrB,IAAAA,aACAvc,IAAAA,aAIIwc,EAAqBjoB,eAAY,WACjCyL,GACFA,EAAagZ,KAEd,CAAChZ,EAAcgZ,WAGhB1nB,wBAAC+qB,IACCprB,IAAKsiB,EAAQtiB,EAAM,KACnB2G,MAAOgd,EACP5U,aAAcwc,EACdprB,UAAWG,UAAW,WAAYH,GAClCmiB,MAAOA,GAENgJ,GAA8B3H,MAMvC0H,GAAO3rB,YAAc,SCrDd,IAAM8rB,GAAoBpsB,UAAOsC,oFAAPtC,iBAC3B,oBACFJ,EACAE,GAGJssB,GAAkB9rB,YAAc,oBAEzB,IAAM+rB,GAA0BrsB,UAAOssB,yFAAPtsB,wIAYvCqsB,GAAwB/rB,YAAc,0BAE/B,IAAMisB,GAA0BvsB,UAAOsL,4FAAPtL,UACnC,SAACE,UACDA,EAAMgjB,OACNrjB,uDAKJ0sB,GAAwBjsB,YAAc,8BCGzBksB,GAET,gBACF7D,IAAAA,GACApE,IAAAA,KACAmH,IAAAA,QACArjB,IAAAA,KACA6a,IAAAA,MACAjH,IAAAA,OACAwQ,IAAAA,QACAle,IAAAA,SACAme,IAAAA,SACAC,IAAAA,cACAC,IAAAA,qBAEMC,EAAO/pB,WACX,kBACEmZ,EACIyP,EAAQzP,QAAO,SAACkK,UACdA,EAAE5B,KAAK0G,cAAc5E,SAASpK,EAAOyF,OAAOuJ,kBAE9CS,IACN,CAACzP,EAAQyP,IAGXjnB,aAAU,iBACJye,IAAUyF,GAAe,WAATtgB,cAClB9B,SAASumB,yBAAkBnE,oBAAOoE,WAEnC,CAAC7J,EAAO7a,EAAMsgB,QAEXqE,EAAsBlqB,WAC1B,kBAAM4oB,EAAQ7J,OAAM,SAACgK,UAAWY,EAAQpG,SAASwF,EAAOlD,SACxD,CAAC+C,EAASe,IAGNQ,EAAc/oB,eAAY,WAC1BwoB,GACFA,EAAkB,WAATrkB,OAAoBjC,EAAYuiB,KAE1C,CAAC+D,EAAUrkB,EAAMsgB,IAEduE,EAAkBpqB,WACtB,kBAAM4oB,EAAQrqB,KAAI,SAACwqB,UAAWA,EAAOlD,QACrC,CAAC+C,IAGGyB,EAAcjpB,eAClB,SAAC8K,GACCA,EAAEoe,kBACE7e,GACFA,EAAS2e,KAGb,CAACA,EAAiB3e,WAIlBtN,wBAACmrB,IACC5qB,IAAKmnB,EACL5nB,UAAWyB,UAAW,iBAAkBoqB,IAExC3rB,wBAACsrB,IACChlB,MAAOgd,EACP5U,aAAcsd,EACd/J,MAAOA,IAAUyF,GAAe,aAATtgB,GAEvBpH,wBAACorB,QACCprB,mCAAMsjB,GACI,aAATlc,GACCpH,wBAACynB,IACCC,aAAOA,GACP8D,QAASO,EACTze,SAAU4e,EACV9kB,KAAK,eAKZwkB,EAAKxrB,KACJ,SAACoc,UAA2BkP,GAAiBA,EAAclP,QAMnE+O,GAAYlsB,YAAc,cCzHnB,IAAM+sB,GAAyBrtB,UAAOsC,yFAAPtC,wDAMtCqtB,GAAuB/sB,YAAc,yBAE9B,IAAMgtB,GAA6BttB,UAAOsC,6FAAPtC,sHACpC,sCAYNstB,GAA2BhtB,YAAc,6BAElC,IAAMitB,GAA4BvtB,UAAOsL,8FAAPtL,gHACnC,sCAWF,SAACE,UACDA,EAAMgjB,OACNrjB,oEAMJ0tB,GAA0BjtB,YAAc,gCC0B3BktB,GAAuC,gBAClDnlB,IAAAA,SACAqjB,QAAAA,aAAU,KACV+B,IAAAA,YACAtgB,SAAAA,aAAW,KACXwR,IAAAA,WACA+O,IAAAA,iBACAxB,aAAAA,aAAe,SAACL,UAAWA,MAAAA,SAAAA,EAAQtH,QACnCoJ,IAAAA,iBACAvP,cAAAA,aAAgB,QAChBwP,IAAAA,aACAC,IAAAA,gBACAC,IAAAA,kBACAC,IAAAA,qBACAC,IAAAA,sBACAC,IAAAA,0BACAC,IAAAA,0BACAC,qBAAAA,oBACAC,cAAAA,aAAgB,MAEVC,EAAUzqB,SAAyB,MACnC0qB,EAAU1qB,SAAmB,MAE7B2qB,EAAkBzrB,WACtB,kBAAOqK,aAAoB/L,MAAQ+L,EAAW,CAACA,KAC/C,CAACA,IAGGqhB,EAAatqB,eAAY,SAACuqB,UAC1BN,EACKM,EAEFA,EAAKvP,MAAK,SAACpD,EAAqBC,UACjCwS,EAAgBlI,SAAStK,EAAE4M,MAAQ4F,EAAgBlI,SAASvK,EAAE6M,IACzD,EAEL4F,EAAgBlI,SAASvK,EAAE6M,MAAQ4F,EAAgBlI,SAAStK,EAAE4M,KACxD,EAEH,OAGR,IAEG+F,EAAWxqB,eACf,SAACwnB,UAEU8C,EADLT,IACoBrC,GAGtBiD,EAAIjD,GAASxM,MAAK,SAACpD,EAAqBC,SACpB,QAAlBqC,EACItC,EAAEyI,KAAK9E,cAAc1D,EAAEwI,MACvBxI,EAAEwI,KAAK9E,cAAc3D,EAAEyI,YAIjC,CAACnG,EAAe2P,EAAsBS,IAGlCI,EAAa9rB,WAAQ,kBAAM4rB,EAAShD,KAAU,CAACA,EAASgD,QAEpCnrB,WAAiB,CACzCka,UAAMrX,EACNyoB,QAAIzoB,OAFC8c,OAAOwJ,WAIcnpB,WAAS,OAA9B0Y,OAAQ6S,OAETC,EAAc7qB,eAClB,SAAC8K,GACKA,GAAkB,IAAbA,EAAE/O,QAGP6tB,IACFL,MAAAA,GAAAA,EAASV,QACT+B,EAAU,IACVhB,EAAkB7R,MAGtB,CAACA,EAAQ6R,EAAmBL,IAGxBuB,EAAqB9qB,eACzB,kBAAMwoB,EAAS,CAAEjP,KAAM,SAAUoR,GAAI,YACrC,aAGOI,EACPxR,eAE+CrX,IAAvCqX,EAA2BiO,YAG/BF,EAAa1oB,WAAQ,oBAEvB6b,GACA1C,EAAOyF,QACPgK,EAAQ7J,OAAM,SAACgK,UACToD,EAAQpD,GACHA,EAAOH,QAAQ7J,OACpB,SAACsE,UAAMA,EAAE5B,KAAK0G,gBAAkBhP,EAAOyF,OAAOuJ,iBAG3CY,EAAOtH,KAAK0G,gBAAkBhP,EAAOyF,OAAOuJ,oBAGtD,CAACtM,EAAY1C,EAAQyP,IAElBwD,EAAepsB,WAAQ,kBAEzB7B,wBAACssB,IACC3sB,IAAoB,WAAfsiB,EAAMzF,KAAoB4Q,EAAU,KACzC7sB,IAAI,aACJ0hB,MAAsB,WAAfA,EAAMzF,KACbtG,YAAa4X,EACbpf,aAAcqf,GAEbrQ,KAGJ,CAACA,EAAYoQ,EAAa7L,EAAO8L,IAE9BG,EAAgBjrB,eACpB,SAACwnB,EAASzP,OACFmT,EAAgBnT,EAAOyF,UACXgK,EAAQ,IAAMuD,EAAQvD,EAAQ,IACjC,KACT/Y,GAAU,SACP+Y,EAAQnO,QAAO,SAAC8R,EAAKC,OACpBC,EAAkBD,EAAc5D,QAAQzP,QAAO,SAACkK,UACpDA,EAAE5B,KAAK0G,cAAc5E,SAAS+I,EAAcnE,yBAE1CsE,EAAgBjP,OAAS,IACtB3N,GAAWsJ,GACdyQ,EAAS,CAAEjP,KAAM8R,EAAgB,GAAG5G,GAAIkG,GAAI,aAE9Clc,GAAU,cACC0c,WAAUC,OAAe5D,QAAS6D,SAEpCF,KACV,QAEGE,EAAkB7D,EAAQzP,QAAO,SAACkK,UACtCA,EAAE5B,KAAK0G,cAAc5E,SAAS+I,EAAcnE,yBAE1ChP,GAAUsT,EAAgBjP,OAAS,GACrCoM,EAAS,CAAEjP,KAAM8R,EAAgB,GAAG5G,GAAIkG,GAAI,aAEf,IAA3BU,EAAgBjP,QAAgB3B,GAClC+N,EAAS,CAAEjP,KAAM,SAAUoR,GAAI,aAE1BU,IAGX,CAAC5Q,IAGGkO,EAAO/pB,WACX,kBAAMqsB,EAAcP,EAAY3S,KAChC,CAACA,EAAQkT,EAAeP,IAGpBnD,EAAoB3oB,WACxB,mBAAQ6qB,IAAiB1R,IACzB,CAAC0R,EAAc1R,IAGXsP,EAAczoB,WAAQ,eACpB4oB,EAAUmB,EAAKtP,QACnB,SACE8R,EACAxD,UAEKoD,EAAQpD,eAGFwD,KAAQxD,EAAOH,sBAFb2D,IAAKxD,MAIpB,WAEKsD,EAAczD,EAASzP,KAC7B,CAACA,EAAQkT,EAAetC,IAErB2C,EAAoBtrB,eAAY,SAAC8K,GAEnCA,EAAEG,QACU,cAAVH,EAAExN,KACQ,YAAVwN,EAAExN,KACQ,UAAVwN,EAAExN,KAEJstB,EAAU9f,EAAEG,OAAO7N,SAEpB,IAEGmuB,GAAmBvrB,eAAY,SAAC8K,MAChCA,MAAAA,SACK0d,EAAS,CAAEjP,KAAM,KAAMoR,GAAI,UAEpCnC,EAAS,CAAEjP,KAAMzO,EAAG6f,GAAI,YACvB,IAEGa,GAAsBxrB,eAC1B,SAAC8K,GACC0d,EAAS,CAAEjP,KAAMzO,EAAG6f,GAAI,YAE1B,IAGIc,GAAqBzrB,eACzB,SAACuZ,UACKwR,EAAQxR,GAERxc,wBAACurB,IACCC,QAAS8B,EACThK,KAAM9G,EAAK8G,KACX/iB,IAAKic,EAAKkL,GACV+D,SAAUgD,GACV/G,GAAIlL,EAAKkL,GACTzF,MAAOA,EAAMzF,KACbiO,QAASjO,EAAKiO,QACdiB,cAAegD,GACftnB,KAAMA,EACNkG,SAAUqf,EACV3R,OAAQA,IAKZhb,wBAACgrB,IACC1H,KAAM9G,EAAK8G,KACX3jB,IAAKytB,EACL7sB,IAAKic,EAAKkL,GACVhZ,aAAc8f,GACd9G,GAAIlL,EAAKkL,GACTzF,MAAOzF,EAAKkL,KAAOzF,EAAMzF,KACzB1c,UAAW8sB,EACX3B,aAAcA,SACPzO,OAAM8G,KAAMqL,GAAcnS,EAAK8G,KAAMtI,KAC1C,CACE0M,oBAAclL,EAAKkL,IACnB8D,QAAS8B,GAAmBA,EAAgBlI,SAAS5I,EAAKkL,IAC1DzF,MAAOA,EAAMzF,OAASA,EAAKkL,GAC3Bpa,SAAU,kBAAM,YAM1B,CACEkhB,GACAvM,EAAMzF,KACNoQ,EACA3B,EACAjQ,EACAsS,EACAmB,GACArnB,EACAulB,IAIEiC,GAAqB3rB,eAAY,WACrCwoB,EAAS,CAAEjP,UAAMrX,EAAWyoB,GAAI,YAC/B,IAEGvY,GAAepS,eAAY,SAAC2oB,EAAkBiD,UAC9CjD,EAAKkD,kBAAoBlD,EAAKmD,eAAiBF,EAAa,GACvDjD,EAAKvC,UAAUwF,EAAajD,EAAKkD,kBAAoB,IAE1DlD,EAAKmD,eAAiBF,EACjBjD,EAAKvC,UAAUwF,YAEvB,IAEHrrB,aAAU,cACS,aAAbye,EAAM2L,SAAoCzoB,IAAf8c,EAAMzF,KAAoB,KACjDA,EAAgC4Q,EAAQ3rB,QACxCmqB,EAAOyB,EAAQ5rB,QACjB2rB,GAAW5Q,GAAQoP,GACrBvW,GAAauW,EAAMpP,EAAKwS,cAG3B,CAAC3Z,GAAc4M,QAEZgN,GAAkBhsB,eACtB,SAAC8K,MACe,UAAVA,EAAExN,IAAiB,IACrBwN,EAAEuG,sBACiBnP,IAAf8c,EAAMzF,MAAiC,KAAXxB,eAGb,WAAfiH,EAAMzF,UACRsR,EAAY,MAGK,OAAf7L,EAAMzF,MAAiBwQ,OACzBA,SAGEL,IACFA,EAAa1K,EAAMzF,MACnBqR,EAAU,MAIdpC,EAAS,CACPjP,KAAM6N,GACJtc,EACAkU,EAAMzF,KACN8N,EACAC,EACAC,GAEFoD,GAAI,eAGR,CACE5S,EACAsP,EACAqC,EACAK,EACAc,EACA7L,EACAsI,EACAC,IAIE0B,GAAcjpB,eAAY,WACX,OAAfgf,EAAMzF,MAAiBwQ,GACzBA,IAEEL,GACFA,EAAa1K,MAAAA,SAAAA,EAAOzF,MAEtB0S,YAAW,kBAAM1C,MAAAA,SAAAA,EAASV,UAAS,GACnC+B,EAAU,MACT,CAAClB,EAAcK,EAA2B/K,EAAOuK,IAEpDhpB,aAAU,WACJgpB,IACFA,EAAQ2C,UAAYF,GACpBzC,EAAQ4C,QAAUb,KAEnB,CAACA,EAAmBU,GAAiBzC,QAElC6C,GAA0BpsB,eAAY,kBACtCgqB,EACKK,EAAgBjO,OAAS,GAA4B,KAAvBiO,EAAgB,GAG5B,OAAvBA,EAAgB,IAChBA,EAAgBjO,SAAWiL,EAAYjL,SAG1C,CAACiL,EAAYjL,OAAQ4N,EAAuBK,IAEzCgC,GAAeztB,WACnB,kBAAM4qB,IAAiBlC,GAAcqB,EAAKvM,OAAS,IACnD,CAACuM,EAAKvM,OAAQoN,EAAclC,IAGxBgF,GAAiB1tB,WACrB,kBACE7B,wBAACqsB,QAA4BI,KAE/B,CAACA,WAIDzsB,wBAACwoB,IACC1oB,UAAWyB,UACT,iBACA,cAEKmrB,IAAiBhP,IAAe+O,GAAgBb,EAAKvM,OAAS,GAEnE0N,KAGD,gBAAGrD,IAAAA,gBACF1pB,wBAACosB,IACC7rB,IAAI,OACJ+M,SAAU4e,GACV5kB,aAAcsnB,IAEd5uB,wBAACwvB,cACC7vB,IAAK0tB,EACL9sB,IAAI,YACJkvB,cACAtC,cAAeA,EACfzD,SAAUA,GAETgD,IAAiB1R,GAChBhb,wBAACgrB,IACC1H,KAAMoJ,EACN/sB,IAAKytB,EACLnL,MAAsB,OAAfA,EAAMzF,KACb9N,aAAc8f,GACdvD,aAAcA,EACZ,CAAE3H,KAAMoJ,EAAchF,GAAI,MAC1B,CACE8D,QAAS6D,KACTpN,MAAsB,OAAfA,EAAMzF,KACblP,SAAU,kBAAM,UAKvBse,EAAKxrB,KAAI,SAACoc,UAA2BkS,GAAmBlS,MACxD8S,IAAgBC,GAChBhF,GAAc0D,QAQ3B1B,GAAaltB,YAAc,eCtepB,IAAMioB,GAAcvoB,UAAOwoB,+EAAPxoB,2SAYvBJ,EACAE,GAEA,SAACI,UACDA,EAAMY,SACFjB,cACM,2EAENA,gDAEQ,qCAIA,qCAIA,yCAShB0oB,GAAYjoB,YAAc,qDCxCbqwB,GAAQhwB,cAGnB,WAA+DC,WAA5DG,UAAAA,aAAY,SAAIsH,KAAAA,aAAO,aAAQvH,SAAAA,gBAAqBsB,iBAErDnB,wBAACsnB,MACC3nB,IAAKA,EACLyH,KAAMA,EACNvH,SAAUA,EACVC,UAAWG,UAAW,UAAWH,IAC7BqB,OAKVuuB,GAAMrwB,YAAc,QChBb,IAAMswB,GAAmB5wB,UAAO6wB,mFAAP7wB,6DAShC4wB,GAAiBtwB,YAAc,mBAExB,IAAMwwB,GAAoB9wB,UAAO2wB,mFAAP3wB,oCAKjC8wB,GAAkBxwB,YAAc,oBChBzB,IAAMywB,GAAwB/wB,UAAOsC,uFAAPtC,qEAKjC,SAACE,UACDA,EAAM8wB,kBACL9wB,EAAMW,UACPhB,gCACsBK,EAAM8wB,oBAIhCD,GAAsBzwB,YAAc,wBAE7B,IAAM2wB,GAAmBjxB,UAAOQ,mFAAPR,sDAC1B,iEAGF,SAACE,UACDA,EAAMgxB,WACNrxB,qBACWK,EAAMgxB,cAIrBD,GAAiB3wB,YAAc,mBClBxB,IAAM6wB,GAAwC,gBACnDC,IAAAA,SACAlnB,IAAAA,MACAgnB,IAAAA,UACA3M,IAAAA,YAGEtjB,gDACGmwB,GAAYlnB,EACXjJ,wBAAC8vB,IACChwB,UAAU,kBACViwB,gBAAiB9mB,GAEhBknB,EACCnwB,wBAACulB,IAAOzlB,UAAU,mBAAmB0lB,IAAK2K,IACxC,MAEJ,KACJnwB,wBAACgwB,IAAiBlwB,UAAU,iBAAiBmwB,UAAWA,GACrD3M,KAMT4M,GAAc7wB,YAAc,2PC2Bf+wB,GAAgD,oBAC3DhpB,KAAAA,aAAO,WACP+L,IAAAA,KACAjF,IAAAA,OACAuc,IAAAA,YACAve,SAAAA,aAAW,SACXuJ,SAAAA,aAAW,qBACXnI,SAAAA,aAAW,kBAAY,QACvB+iB,IAAAA,WACAC,IAAAA,YACAC,IAAAA,gBACAC,YAAAA,aAAc,kBAAY,YAC1BC,cAAAA,gBACAC,IAAAA,eACAC,IAAAA,oBACAzD,qBAAAA,gBACA0D,IAAAA,aACAC,IAAAA,cACGC,cAE+BxuB,gBAA3BwE,OAGDxD,EAAY5B,OAFCiB,SAAgC,OAI7CqG,EAAOkF,EAAiBiH,GAAR,MAChB4b,EAAUpuB,SAA+B,UAEvBL,YAAS,MAA1BL,OAAM4E,WAQPymB,EAAkBzrB,WACtB,kBAAOqK,aAAoB/L,MAAQ+L,EAAW,CAACA,KAC/C,CAACA,IAGG8kB,EAAgBnvB,WAAQ,kBACvB4oB,GACI,KAGR,CAACA,IAEEwB,EAAkBpqB,WAAQ,kBACvBmvB,EAAc1U,QACnB,SACE8R,EACAxD,WAnB2CzlB,IAqB9BylB,EArBkBH,0BAsBlB2D,IAAKxD,EAAOlD,SAEnBuJ,EAAkBrG,EAAOH,QAAQrqB,KAAI,SAACwqB,UAAWA,EAAOlD,wBACnD0G,KAAQ6C,MAErB,MAED,CAACD,IAEEjF,EAAsBlqB,WAC1B,kBAAMoqB,EAAgBrL,OAAM,SAACgK,UAAW0C,EAAgBlI,SAASwF,QACjE,CAACqB,EAAiBqB,IAGpB9pB,aAAU,WACRvB,IAAQ6E,MAAAA,GAAAA,EAAWglB,WAClB,CAAChlB,EAAW7E,QAET0qB,EAAe1pB,eACnB,SAACiuB,MACuB,OAAlBA,EAAwB,IACb,WAAT9pB,SACEspB,GACF7pB,GAAQ,GAEHyG,EAAS4jB,UAeX5jB,EAXD4jB,aAAyB/wB,MACvB+wB,EAActQ,OAAM,SAACsE,UAAMoI,EAAgBlI,SAASF,MAC/CoI,EAAgBtS,QAAO,SAACkK,UAAOgM,EAAc9L,SAASF,MAExDgM,EAAcC,OAAO7D,GAE1BA,EAAgBlI,SAAS8L,GACpB5D,EAAgBtS,QAAO,SAAC4P,UAAWA,IAAWsG,iBAE5C5D,IAAiB4D,QAKlC,CAAC5jB,EAAUlG,EAAMspB,EAAgBpD,IAG7BtZ,EAAU/Q,eAAY,WAC1B4D,GAAQ,GACJgqB,GACFA,MAED,CAACA,IAEEtb,EAAStS,eAAY,WACzB4D,GAAQ,GACJ+pB,GACFA,MAED,CAACA,IAEE3xB,EAAQ4C,WAAQ,kBAChBqM,EACK,CACLwH,cAAenU,UAAW,WAAYovB,GACtC3c,QAAAA,EACAuB,OAAAA,EACArH,OAAAA,EACAiF,KAAAA,EACAlR,KAAAA,EACAwT,SAAAA,GAGG,CAAE3V,UAAWyB,UAAW,WAAYovB,MAC1C,CAACziB,EAAQyiB,EAAiB3c,EAASuB,EAAQpC,EAAMlR,EAAMwT,IAEpDoX,EAAoB5pB,eACxB,SAAC5C,SACCmwB,EAAYnwB,GACRqwB,GACF7pB,GAAQ,aAEVkqB,EAAQtvB,wBAAS2vB,UAEnB,CAACZ,EAAaE,IAGV1D,EAA4B/pB,eAAY,WAC/B,aAATmE,EACEkmB,EAAgBjO,SAAW4M,EAAgB5M,OAC7C/R,EAAS,IAETA,EAAS2e,IAGX3e,EAAS,IACLojB,GACF7pB,GAAQ,MAGX,CAACyG,EAAUlG,EAAMspB,EAAgBpD,EAAgBjO,OAAQ4M,IAEtDyC,EAAqBzrB,eACzB,SAAC2nB,EAAQ3rB,UAELe,gDACEA,wBAACkwB,IACCC,SAAUvF,EAAOyG,MACjBpoB,MAAO2hB,EAAO3hB,MACdgnB,UAAWrF,EAAOqF,UAClB3M,KAAMsH,EAAOtH,OAEA,OAAdsH,EAAOlD,GACG,aAATtgB,EACEpH,wBAACynB,MAAS+D,QAASO,GAAyB9sB,IAE5Ce,wBAACkoB,MACCsD,QAAS8B,EAAgBjO,OAAS,IAAMiO,EAAgB,IACpDruB,IAGG,aAATmI,EACFpH,wBAACynB,GAAaxoB,GAEde,wBAACkoB,GAAgBjpB,MAKzB,CAAC8sB,EAAqBuB,EAAiBlmB,WAIvCpH,wBAACgJ,EAAQ/J,EACPe,mCACIywB,EAiBE,KAhBFzwB,wBAAC2vB,IAAiBhwB,IAAKoxB,GACrB/wB,wBAAC6vB,IACClwB,IAAK2D,EACLguB,aACAf,YAAaA,IAEdF,GAAcC,GACbtwB,wBAACqG,IACCI,mBAAoB,CAAEG,OAAQ,MAC9BN,MAAOgqB,GAEPtwB,mCAAMqwB,IAGTA,IAAeC,GAAeD,GAGnCrwB,wBAACusB,QACKuE,GACJtE,QAAS1lB,EACT+lB,kBAAmBA,EACnB3gB,SAAUA,EACVygB,aAAcA,EACd1B,aAAcyD,EACdjE,QAASA,EACTuC,0BAA2BA,EAC3B5lB,KAAMA,EACN6lB,sBAAgC,WAAT7lB,EACvB8lB,qBAAsBA,QAOhCkD,GAAO/wB,YAAc,SCvRd,IAAMkyB,GAAYxyB,UAAOyyB,4EAAPzyB,2DACnB,kBAIF,SAACE,SACgB,SAAjBA,EAAMuJ,QACN5J,cACM,kCAGN,SAACK,SACgB,WAAjBA,EAAMuJ,QACN5J,cACM,8BAGN,SAACK,SACgB,UAAjBA,EAAMuJ,QACN5J,cACM,gCAGN,SAACK,SACe,UAAhBA,EAAMwyB,OACN7yB,2BAKJ2yB,GAAUlyB,YAAc,YAEjB,IAAMqyB,GAAgB3yB,UAAO4yB,+EAAP5yB,gCACvB,kEAIN2yB,GAAcryB,YAAc,gBASrB,IAAMuyB,GAAoB7yB,UAAO8yB,mFAAP9yB,mTAC3B,mGAWA,SAACE,UACAA,EAAMuiB,WACP5iB,cACM,mCAIR,SAACK,UACAA,EAAM8K,UACN9K,EAAMuiB,WACP5iB,cACM,sBAKF,oGAQJ,SAACK,UACDA,EAAM8K,SACNnL,4BACM,uBAEE,0DAIR,SAACK,UACDA,EAAMuiB,WACN5iB,cACM,2DAGN,SAACK,SACe,UAAhBA,EAAMwyB,OACN7yB,2GACM,+CAWN,SAACK,UACDA,EAAM8K,SACNnL,uBACM,+BAEE,mCAKZgzB,GAAkBvyB,YAAc,oBAEzB,IAAMyyB,GAAoB/yB,UAAOsC,oFAAPtC,kGAWjC+yB,GAAkBzyB,YAAc,oBAEzB,IAAM0yB,GAAwBhzB,UAAOsC,wFAAPtC,qEAQjC,SAACE,SACe,UAAhBA,EAAMwyB,OACN7yB,yBAKJmzB,GAAsB1yB,YAAc,mFC/IvB2yB,GAAOhyB,UAAMN,YAIxB,WAEEC,OADEC,IAAAA,aAAU2K,OAAAA,oBAAgB1K,SAAAA,gBAAkBC,IAAAA,UAAW0H,IAAAA,KAASrG,iBAIhEnB,wBAAC4xB,MACC9xB,UAAWyB,wBAET,uBACyBgJ,GAEzBzK,GAEFH,IAAKA,GACDwB,GACJ4I,QAASQ,EACTiX,UAAW3hB,EACX4xB,MAAOjqB,IAEN5H,MAMToyB,GAAK3yB,YAAc,OC1CZ,IAAM4yB,GAAwBlzB,UAAOizB,uFAAPjzB,6BACjC,SAACE,SACc,UAAfA,EAAMuI,MACN5I,wBAIE,wBAGNqzB,GAAsB5yB,YAAc,wBCX7B,IAAM6yB,GAAenzB,UAAOylB,6EAAPzlB,SACtB,sDAGNmzB,GAAa7yB,YAAc,eAEpB,IAAM8yB,GAAqBpzB,UAAOmzB,mFAAPnzB,UAC9B,SAACE,UACAA,EAAMmzB,WACPxzB,wCAKJuzB,GAAmB9yB,YAAc,yCCbpBgzB,GAAe3yB,cAG1B,WAAgCC,WAA7B2yB,SAAAA,gBAAqBnxB,iBAEtBnB,wBAACmyB,MACCxyB,IAAKA,EACLiB,QAAQ,YACRwxB,UAAWE,GACPnxB,GAEJnB,gCACEe,EAAE,4IACFC,SAAS,gBAMjBqxB,GAAahzB,YAAc,mBC4BdkzB,GAAqB,gBAChC3yB,IAAAA,aACA4yB,UAAAA,aAAY,SACZC,IAAAA,SACAC,IAAAA,mBACA5yB,IAAAA,cACA0H,KAAAA,aAAO,SACPmrB,IAAAA,cACAvrB,KAAAA,aAAO,eAEqB9E,WAAS,MAA9BiI,OAAQsT,WACmCvb,WAAmB,OAA9DswB,OAAmBC,WACoBvwB,YAAS,MAAhDwwB,OAAiBC,WACczwB,YAAS,MAAxC0wB,OAAaC,WAC8B3wB,YAAS,MAApD4wB,OAAmBC,WACI7wB,WAA6B,OAApDmoB,OAAS2I,WACoB9wB,YAAS,MAAtC+wB,OAAYC,WACehxB,YAAS,MAApCixB,OAAWC,OAEZC,EAAe5xB,WACnB,kBAAMjC,EAASQ,KAAI,SAACoc,UAASA,EAAKvd,MAAMqkB,UACxC,CAAC1jB,IAGG8zB,EAAa7xB,WAAQ,kBAClB4xB,EAAarzB,KAAI,SAACkjB,EAAMhjB,SACtB,CAAEonB,GAAIpnB,EAAOgjB,KAAMA,QAE3B,CAACmQ,IAGEE,EAAShxB,SAAgC,MACzCixB,EAAejxB,SAEnB,IACIkxB,EAAclxB,SAA6B,MAE3CgI,EAAU1H,eACd,SAAC8K,MAEGA,EAAEG,QACFH,EAAExG,cAAc4G,QAAQ7N,QACvByN,EAAExG,cAAc4G,QAAQtO,SACzB,KACMS,EAAQwzB,OAAO/lB,EAAExG,cAAc4G,QAAQ7N,OAC7Cud,EAAUvd,GACNmyB,GACFA,EAASnyB,GAEXyyB,GAAmB,MAGvB,CAACN,IAGH5wB,WAAQ,WACNkyB,WAAShX,QACPnd,GACA,SAACo0B,EAAqB1zB,GAChB0zB,GAASA,EAAM/0B,MAAMsL,QACvBsT,EAAUvd,QAIf,CAACV,IAEJq0B,mBAAgB,cACD,WAAT7sB,GAAqB0rB,GAAmBS,EAAW,OAC/CW,aAAiBP,EAAOlyB,8BAAS0yB,cAAe,EAChDC,EAAal0B,OAAOm0B,OAAOT,EAAanyB,SAAS6a,QACrD,SAAC8R,EAAa5R,UAEL4R,GADQ5R,EAAAA,EACe2X,YAAc,KAE9C,MAIED,GAAkBE,SACpBvB,EAAqB1yB,MAAMyO,KAAK6kB,EAAa5W,SAC7CoW,GAAe,GACfE,GAAqB,GACdJ,GAAmB,MAG5BE,GAAe,GAEXD,EAAa,OACTsB,aAAgBT,EAAYpyB,8BAAS0yB,cAAe,EACpDI,EAAiBX,EAAanyB,QAAQ,GAAG0yB,eAG3CD,EAAiBI,EAAgBC,EAAgB,CACnD1B,EAAqB,QACfpI,EAAUgJ,EAAarzB,KAAI,SAACkjB,EAAMhjB,SAC/B,CAAEonB,GAAIpnB,EAAOgjB,KAAMA,aAE5B8P,EAAW3I,GACX0I,GAAqB,GACrBF,GAAe,GACRF,GAAmB,OAItByB,EAAoB,GACtBC,EAAW,EACfv0B,OAAOm0B,OAAOT,EAAanyB,SAASsb,SAAQ,SAACP,EAAMlc,GAEjDm0B,GADejY,EACI2X,YACfG,EAAgBG,GAAYP,GAC9BM,EAAQE,KAAKp0B,MAGjBuyB,EAAqB2B,OACf/J,EAAUgJ,EACbrzB,KAAI,SAACkjB,EAAMhjB,SACH,CAAEonB,GAAIpnB,EAAOgjB,KAAMA,MAE3BtI,QAAO,SAACwB,UAAUgY,EAAQpP,SAAS5I,EAAKkL,OAC3C0L,EAAW3I,GACX0I,GAAqB,GACrBJ,GAAmB,OAGtB,CACDnzB,EACA2zB,EACAT,EACAE,EACAS,EACArsB,EACAwrB,IAGFpvB,aAAU,cACK,WAAT4D,EAAmB,KACfutB,EAAeC,WAAS,WAC5B7B,GAAmB,KAClB,YACH8B,OAAO7hB,iBAAiB,SAAU2hB,GAC3B,WACLE,OAAO5hB,oBAAoB,SAAU0hB,OAGxC,CAACvtB,IAGJ5D,aAAU,cACK,WAAT4D,GAAqBusB,EAAOlyB,QAAS,KACjCqzB,EAAiB,IAAIC,WAAe,SAACC,4oBACrBA,kCAAS,eACnBC,YACAv0B,kBAAQ,KACJ,GACVqyB,GAAmB,6CAKzB+B,EAAeI,QAAQvB,EAAOlyB,SAE9BytB,YAAW,WACLyE,EAAOlyB,SACTqzB,EAAeK,UAAUxB,EAAOlyB,WAEjC,KAEI,WACLqzB,EAAeM,iBAGlB,CAAChuB,IAEJ5D,aAAU,WACRuvB,GAAmB,GACnBS,GAAa,KACZ,QAEG6B,EAAcxzB,WAAQ,eACpByzB,EAAOvB,WAASwB,QAAQ31B,UAC1BkzB,IAAoBS,EACf+B,EAEAA,EAAKta,QAAO,SAACgZ,EAAO1zB,UAClBsyB,EAAkBxN,SAAS9kB,QAGrC,CAACV,EAAU2zB,EAAWT,EAAiBF,IAEpC4C,EAAoBvyB,eACxB,SAACykB,GACC7J,EAAU6J,GACNgL,GACFA,EAAmBhL,GAErBqL,GAAmB,KAErB,CAACL,IAGG+C,EAAc5zB,WAAQ,kBAExB7B,wBAAC8xB,QACC9xB,oCAAOyzB,EAAalpB,IACpBvK,wBAACqyB,IAAaC,SAAUe,EAAYvyB,KAAK,oBAG5C,CAACyJ,EAAQ8oB,EAAYI,IAElBiC,EAAczyB,eAAY,kBAAMqwB,GAAc,KAAO,IACrDqC,EAAe1yB,eAAY,kBAAMqwB,GAAc,KAAQ,WAG3DtzB,wBAACuxB,IACCzxB,UAAWyB,UAAW,QAASzB,GAC/B0I,OAAQgqB,EACRf,MAAOjqB,GAEPxH,wBAAC0xB,IAAc/xB,IAAKg0B,GACR,WAATvsB,GACCiuB,EAAYj1B,KAAI,SAAC4zB,EAAkB1zB,OAC3Bs1B,EAAU5B,SACT/uB,eAAa2wB,EAAS,CAC3BrrB,OAAQjK,IAAUiK,EAClB/C,KAAAA,EACA7H,IAAK,SAACk2B,GACJjC,EAAanyB,QAAQnB,GAASu1B,GAEhClrB,QAAAA,eACcrK,kBACGs1B,EAAQ32B,MAAMY,cAG3B,WAATuH,GAAqB4rB,EACpBhzB,wBAACiyB,IACCtyB,IAAKk0B,EACLvQ,KAAK,OACL/Y,QAA+C,IAAvCqoB,EAAkB3X,QAAQ1Q,GAClC/C,KAAMA,GAENxH,wBAACowB,IACClkB,SAAU3B,EACV2D,OACElO,wBAAC+xB,IAAsBN,MAAOjqB,GAC3BmrB,GAGL7F,wBACAxf,SAAUkoB,EACV/K,QAASA,EACTrjB,KAAM,SACN+L,KAAM,SACNud,kBACAD,iBACAvD,wBACA0D,aAAc8E,EACd7E,cAAe8E,KAGjB,KACM,aAATvuB,GAAuB8rB,EACtBlzB,wBAACiyB,IACC3O,KAAK,OACL/Y,QAA+C,IAAvCqoB,EAAkB3X,QAAQ1Q,GAClC/C,KAAMA,GAENxH,wBAACowB,IACClkB,SAAU3B,EACV2D,OAAQunB,EACR3I,wBACAxf,SAAUkoB,EACV/K,QAASiJ,EACTtsB,KAAM,SACN+L,KAAM,SACNud,kBACAD,iBACAvD,wBACA0D,aAAc8E,EACd7E,cAAe8E,KAGjB,QAMZpD,GAAIlzB,YAAc,0BC9ULy2B,GAAYp2B,cAGvB,WAAgCC,WAA7B2yB,SAAAA,gBAAqBnxB,iBAEtBnB,wBAACkyB,MAAavyB,IAAKA,EAAKiB,QAAQ,aAAgBO,GAC7CmxB,EACCtyB,gCAAMe,EAAE,8SAERf,gCAAMe,EAAE,gTAMhB+0B,GAAUz2B,YAAc,YCdjB,IAAM02B,GAAah3B,UAAO4yB,2EAAP5yB,SACpB,mDAGNg3B,GAAW12B,YAAc,aAElB,IAAM22B,GAAiBj3B,UAAO8yB,+EAAP9yB,0KACxB,uNACFF,EACAF,GAiBJq3B,GAAe32B,YAAc,iBAEtB,IAAM42B,GAAsBl3B,UAAOsC,qFAAPtC,8EAMnCk3B,GAAoB52B,YAAc,sDC7BrB62B,GAAOx2B,cAClB,WAEEC,OADEC,IAAAA,SAAUE,IAAAA,UAAcb,iBAIxBe,wBAAC+1B,QAAe92B,GAAOa,UAAWA,EAAWH,IAAKA,IAC/CC,MAMTs2B,GAAK72B,YAAc,uCCdN82B,GAAWz2B,cACtB,WAMEC,OAJEC,IAAAA,SACAE,IAAAA,UACGb,iBAKHe,wBAACg2B,QACK/2B,GACJa,UAAWG,UAAW,cAAeH,GACrCH,IAAKA,IAEJC,MAMTu2B,GAAS92B,YAAc,eC1BV+2B,GAAoD,gBAC/Dt2B,IAAAA,iBAGEE,wBAACi2B,IACCn2B,UAAWG,UAAW,mBAAoBH,MAKhDs2B,GAAc/2B,YAAc,gBCb5B,IAAMg3B,GAAgBr2B,UAAMN,YAC1B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,EACPC,OAAQ,GACRC,QAAQ,WACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,gDACFC,SAAS,gBAKjBq1B,GAAch3B,YAAc,uBACbg3B,GCnBTC,GAAet2B,UAAMN,YACzB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,2FACFC,SAAS,gBAKjBs1B,GAAaj3B,YAAc,sBACZi3B,GCbFC,GAAyBx3B,UAAOu3B,yFAAPv3B,SAChC,uDAGNw3B,GAAuBl3B,YAAc,yBAE9B,IAAMm3B,GAAyBz3B,UAAOs3B,yFAAPt3B,SAChC,8EAGNy3B,GAAuBn3B,YAAc,yBAE9B,IAAMo3B,GAAqB13B,UAAOsC,qFAAPtC,2CAC9BF,EACAF,GAKJ83B,GAAmBp3B,YAAc,qBAE1B,IAAMq3B,GAA0B33B,UAAOsC,0FAAPtC,SACjC,oDAGN23B,GAAwBr3B,YAAc,8BCCzBs3B,GAAkC,gBAC7CjK,IAAAA,aACA9sB,IAAAA,SACA2wB,IAAAA,YACAjjB,IAAAA,SACAyJ,IAAAA,OACA6f,IAAAA,WACAtF,UAAAA,gBACAxxB,IAAAA,UACA+2B,IAAAA,QACAC,IAAAA,WACAC,aAAAA,gBAEMpK,EAAe1pB,eACnB,SAAC8K,GACyB,mBAAbT,GACTA,EAASS,EAAEG,OAAO7N,SAGtB,CAACiN,WAIDtN,wBAACy2B,IAAmB32B,UAAWyB,UAAW,kBAAmBzB,IAC3DE,wBAAC02B,QACoB,mBAAX3f,EACN/W,wBAACw2B,IAAuB7rB,QAASoM,EAAQrW,MAAM,OAAOC,OAAO,SAC3D,KACJX,wBAAC0vB,IACCpiB,SAAUqf,EACV4D,YAAaA,EACbe,UAAWA,EACX5E,aAAcA,EACdmK,QAASA,EACTC,OAAQA,EACRC,aAAcA,EAAe,KAAO,QAEnB,mBAAXH,EACN52B,wBAACu2B,IAAuB5rB,QAASisB,IAC/B,MAELh3B,IAKP+2B,GAAat3B,YAAc,eC5E3B,IAAM23B,GAAuBp4B,yCAKhBq4B,GAAyBl4B,UAAOsC,wFAAPtC,yCAKzBm4B,GAAoBn4B,UAAOsC,mFAAPtC,0EAC7BF,GAMA,SAACI,UACmB,IAApBA,EAAMk4B,WACNv4B,2HACIq4B,GAMAA,OAQJ,SAACh4B,UACmB,IAApBA,EAAMk4B,WACNv4B,uJACIq4B,GAMAA,GAKID,GAGJC,GAKID,OAKR,SAAC/3B,UACDA,EAAMk4B,UAAY,GAClBv4B,iJAEMo4B,GAEFC,GAGAA,GAIAA,GAIAA,OAORC,GAAkB73B,YAAc,oBAChC43B,GAAuB53B,YAAc,6BC3ExB+3B,GAAgC,gBAC3C5R,IAAAA,QACAC,IAAAA,aAAM,qBACNvmB,KAAAA,aAAO,KACPY,IAAAA,UAEMu3B,EAAUp0B,eACd,SAACwL,UACS+W,EAAInG,aACL,QACI,CAAE3e,gBAAUxB,QAAUyB,iBAAWzB,cACrC,QACI,CAAEwB,gBAAUxB,EAAO,QAAOyB,iBAAWzB,cACzC,SACO,IAANuP,EACK,CAAE/N,gBAAUxB,EAAO,QAAOyB,iBAAWzB,SAErC,CAAEwB,gBAAUxB,EAAO,QAAOyB,iBAAWzB,EAAO,uBAG9C,CAAEwB,gBAAUxB,EAAO,QAAOyB,iBAAWzB,EAAO,YAGzD,CAACA,EAAMsmB,EAAInG,SAGPiY,EAAYz1B,WAAQ,kBACpB2jB,MAAAA,SAAAA,EAAKnG,QAAS,EACTmG,EAAIxE,MAAM,EAAG,GAGfwE,IACN,CAACA,WAGFxlB,wBAACk3B,IACCh1B,MAAO,CAAExB,gBAAUxB,QAAUyB,iBAAWzB,SACxCY,UAAWA,EACXq3B,UAAW3R,EAAInG,QAEdiY,EAAUl3B,KAAI,SAAC8kB,EAAGzW,UACjBzO,wBAACi3B,IACC/0B,MAAOm1B,EAAQ5oB,GACf3O,UAAU,0BACVS,qBAAekO,IAEfzO,+BACE0lB,IAAKR,EACLO,IAAKA,EAAIhX,GAAKgX,EAAIhX,oBAAeA,GACjC/N,MAAOxB,EACPyB,OAAQzB,UAQpBk4B,GAAY/3B,YAAc,kBCtEbk4B,GAAmB,SAC9B3B,OACA4B,0DAEM73B,EAAMgD,SAA8BizB,UAE1CpyB,aAAU,WACJ7D,EAAI8B,UACN9B,EAAI8B,QAAQ4nB,UAAYmO,GAAU,EAAI,EACtC73B,EAAI8B,QAAQ4nB,UAAY,EACxB1pB,EAAI8B,QAAQ6nB,WAAakO,GAAU,EAAI,EACvC73B,EAAI8B,QAAQ6nB,WAAa,KAE1B,CAACkO,IAEG73B,kCCNI83B,GAAgB/3B,cAC3B,WAAqDC,WAAlDiK,GAAAA,aAAK,QAAO9J,IAAAA,cAAW03B,OAAAA,gBAAmBr2B,UAErCmC,EAAY5B,EADE61B,GAAiB,KAAMC,GACD73B,GAEpCV,SACDkC,OACHxB,IAAK2D,EACLxD,UAAWyB,UAAW,oCAAqCzB,YAGtDE,UAAM03B,cAAc9tB,EAAI3K,MAInCw4B,GAAcp4B,YAAc,gBCzB5B,IAAMs4B,GAAe33B,UAAMN,YACzB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCAAMe,EAAE,uWACRf,gCACEknB,OAAO,UACPH,YAAa,GACb1iB,QAAS,IACTtD,EAAE,+BAKV42B,GAAat4B,YAAc,sBACZs4B,GCtBTC,GAAe53B,UAAMN,YACzB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCAAMe,EAAE,gCAAgCC,SAAS,gBAIvD42B,GAAav4B,YAAc,sBACZu4B,GChBTC,GAA4B73B,UAAMN,YACtC,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,qUACFC,SAAS,gBAKjB62B,GAA0Bx4B,YAAc,mCACzBw4B,GCnBTC,GAA2B93B,UAAMN,YACrC,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,sUACFC,SAAS,gBAKjB82B,GAAyBz4B,YAAc,kCACxBy4B,GCnBTC,GAAmB/3B,UAAMN,YAC7B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRE,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,wKACFC,SAAS,gBAKjB+2B,GAAiB14B,YAAc,0BAChB04B,GClBTC,GAAmBh4B,UAAMN,YAC7B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRE,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,2HACFC,SAAS,gBAKjBg3B,GAAiB34B,YAAc,0BAChB24B,GClBTC,GAAaj4B,UAAMN,YACvB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,wtBACFC,SAAS,gBAKjBi3B,GAAW54B,YAAc,oBACV44B,GCnBTC,GAAWl4B,UAAMN,YACrB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEgB,SAAS,UACTD,EAAE,0FAKVm3B,GAAS74B,YAAc,kBACR64B,GCnBTC,GAAmBn4B,UAAMN,YAC7B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,iTACFC,SAAS,gBAKjBm3B,GAAiB94B,YAAc,0BAChB84B,GCnBTC,GAAcp4B,UAAMN,YACxB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,yiBACFC,SAAS,gBAKjBo3B,GAAY/4B,YAAc,qBACX+4B,GCnBTC,GAAkBr4B,UAAMN,YAC5B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,uJACFC,SAAS,gBAKjBq3B,GAAgBh5B,YAAc,yBACfg5B,GCnBTC,GAAoBt4B,UAAMN,YAC9B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,6TACFC,SAAS,gBAKjBs3B,GAAkBj5B,YAAc,2BACjBi5B,GCnBTC,GAAmBv4B,UAAMN,YAC7B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,kRACFC,SAAS,gBAKjBu3B,GAAiBl5B,YAAc,0BAChBk5B,GCnBTC,GAAoBx4B,UAAMN,YAC9B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,oGACFC,SAAS,gBAKjBw3B,GAAkBn5B,YAAc,2BACjBm5B,GCnBTC,GAAez4B,UAAMN,YACzB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,oHACFC,SAAS,gBAKjBy3B,GAAap5B,YAAc,sBACZo5B,GCnBTC,GAAkB14B,UAAMN,YAC5B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,qIACFC,SAAS,gBAKjB03B,GAAgBr5B,YAAc,yBACfq5B,GCnBTC,GAAW34B,UAAMN,YACrB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,kEACFC,SAAS,gBAKjB23B,GAASt5B,YAAc,kBACRs5B,GCnBTC,GAAY54B,UAAMN,YACtB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,iKACFC,SAAS,gBAKjB43B,GAAUv5B,YAAc,mBACTu5B,GCnBTC,GAA2B74B,UAAMN,YACrC,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,2OACFC,SAAS,gBAKjB63B,GAAyBx5B,YAAc,kCACxBw5B,GCnBTC,GAAqB94B,UAAMN,YAC/B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,iQACFC,SAAS,gBAKjB83B,GAAmBz5B,YAAc,4BAClBy5B,GCnBTC,GAAgB/4B,UAAMN,YAC1B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,gSACFC,SAAS,gBAKjB+3B,GAAc15B,YAAc,uBACb05B,GCnBTC,GAAqBh5B,UAAMN,YAC/B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,4LACFC,SAAS,gBAKjBg4B,GAAmB35B,YAAc,4BAClB25B,GCnBTC,GAAej5B,UAAMN,YACzB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,gKACFC,SAAS,gBAKjBi4B,GAAa55B,YAAc,sBACZ45B,GCnBTC,GAAiBl5B,UAAMN,YAC3B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,kGACFC,SAAS,gBAKjBk4B,GAAe75B,YAAc,wBACd65B,GCnBTC,GAA0Bn5B,UAAMN,YACpC,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,qJACFC,SAAS,gBAKjBm4B,GAAwB95B,YAAc,iCACvB85B,GCnBTC,GAAqBp5B,UAAMN,YAC/B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,2LACFC,SAAS,gBAKjBo4B,GAAmB/5B,YAAc,4BAClB+5B,GCnBTC,GAAYr5B,UAAMN,YACtB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,4HACFC,SAAS,gBAKjBq4B,GAAUh6B,YAAc,mBACTg6B,GCnBTC,GAAct5B,UAAMN,YACxB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,4MACFC,SAAS,gBAKjBs4B,GAAYj6B,YAAc,qBACXi6B,GCnBTC,GAAev5B,UAAMN,YACzB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,kLACFC,SAAS,gBAKjBu4B,GAAal6B,YAAc,sBACZk6B,GCnBTC,GAAex5B,UAAMN,YACzB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,wGACFC,SAAS,gBAKjBw4B,GAAan6B,YAAc,sBACZm6B,GCnBTC,GAAiBz5B,UAAMN,YAC3B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,qSACFC,SAAS,gBAKjBy4B,GAAep6B,YAAc,wBACdo6B,GCnBTC,GAAoB15B,UAAMN,YAC9B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,8KACFC,SAAS,gBAKjB04B,GAAkBr6B,YAAc,2BACjBq6B,GCnBTC,GAAsB35B,UAAMN,YAChC,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,qJACFC,SAAS,gBAKjB24B,GAAoBt6B,YAAc,6BACnBs6B,GCnBTC,GAAiB55B,UAAMN,YAC3B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,oJACFC,SAAS,gBAKjB44B,GAAev6B,YAAc,wBACdu6B,GCnBTC,GAA2B75B,UAAMN,YACrC,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,6MACFC,SAAS,gBAKjB64B,GAAyBx6B,YAAc,kCACxBw6B,GCnBTC,GAAsB95B,UAAMN,YAChC,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,4WACFC,SAAS,gBAKjB84B,GAAoBz6B,YAAc,6BACnBy6B,GCnBTC,GAAuB/5B,UAAMN,YACjC,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,8HACFC,SAAS,gBAKjB+4B,GAAqB16B,YAAc,8BACpB06B,GCnBTC,GAAkBh6B,UAAMN,YAC5B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,2PACFC,SAAS,gBAKjBg5B,GAAgB36B,YAAc,yBACf26B,GCnBTC,GAAqBj6B,UAAMN,YAC/B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,qTACFC,SAAS,gBAKjBi5B,GAAmB56B,YAAc,4BAClB46B,GCnBTC,GAAgBl6B,UAAMN,YAC1B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,2TACFC,SAAS,gBAKjBk5B,GAAc76B,YAAc,uBACb66B,GCnBTC,GAAkBn6B,UAAMN,YAC5B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,0OACFC,SAAS,gBAKjBm5B,GAAgB96B,YAAc,yBACf86B,GCnBTC,GAAap6B,UAAMN,YACvB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,oSACFC,SAAS,gBAKjBo5B,GAAW/6B,YAAc,oBACV+6B,GCnBTC,GAAer6B,UAAMN,YACzB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCAAMe,EAAE,yCAAyCC,SAAS,gBAIhEq5B,GAAah7B,YAAc,sBACZg7B,GChBTC,GAAYt6B,UAAMN,YACtB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,mGACFC,SAAS,gBAKjBs5B,GAAUj7B,YAAc,mBACTi7B,GCnBTC,GAAcv6B,UAAMN,YACxB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,+KACFC,SAAS,gBAKjBu5B,GAAYl7B,YAAc,qBACXk7B,GCnBTC,GAAgBx6B,UAAMN,YAC1B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,uKACFC,SAAS,gBAKjBw5B,GAAcn7B,YAAc,uBACbm7B,GCnBTC,GAAWz6B,UAAMN,YACrB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,6LACFC,SAAS,gBAKjBy5B,GAASp7B,YAAc,kBACRo7B,GCnBTC,GAAY16B,UAAMN,YACtB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,4PACFC,SAAS,gBAKjB05B,GAAUr7B,YAAc,mBACTq7B,GCnBTC,GAAgB36B,UAAMN,YAC1B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCAAMe,EAAE,sMACRf,gCACEknB,OAAO,UACPH,YAAa,GACb1iB,QAAS,IACTtD,EAAE,+BAKV45B,GAAct7B,YAAc,uBACbs7B,GCtBTC,GAAa56B,UAAMN,YACvB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,8GACFC,SAAS,gBAKjB45B,GAAWv7B,YAAc,oBACVu7B,GCnBTC,GAAkB76B,UAAMN,YAC5B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,0lBACFC,SAAS,gBAKjB65B,GAAgBx7B,YAAc,yBACfw7B,GCnBTC,GAAa96B,UAAMN,YACvB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,4cACFC,SAAS,gBAKjB85B,GAAWz7B,YAAc,oBACVy7B,GCnBTC,GAAe/6B,UAAMN,YACzB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,qTACFC,SAAS,gBAKjB+5B,GAAa17B,YAAc,sBACZ07B,GCnBTC,GAAUh7B,UAAMN,YACpB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,mLACFC,SAAS,gBAKjBg6B,GAAQ37B,YAAc,iBACP27B,GCnBTC,GAAaj7B,UAAMN,YACvB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,wHACFC,SAAS,gBAKjBi6B,GAAW57B,YAAc,oBACV47B,GCnBTC,GAAWl7B,UAAMN,YACrB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCAAMe,EAAE,0MAIdm6B,GAAS77B,YAAc,kBACR67B,GChBTC,GAAgBn7B,UAAMN,YAC1B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,8GACFC,SAAS,gBAKjBm6B,GAAc97B,YAAc,uBACb87B,GCnBTC,GAAWp7B,UAAMN,YACrB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,wIACFC,SAAS,gBAKjBo6B,GAAS/7B,YAAc,kBACR+7B,GCnBTC,GAAmBr7B,UAAMN,YAC7B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCAAMe,EAAE,2HACRf,gCACEknB,OAAO,UACPH,YAAa,GACb1iB,QAAS,IACTtD,EAAE,+BAKVs6B,GAAiBh8B,YAAc,0BAChBg8B,GCtBTC,GAAet7B,UAAMN,YACzB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCAAMe,EAAE,gvCACRf,gCACEknB,OAAO,UACPH,YAAa,GACb1iB,QAAS,IACTtD,EAAE,+BAKVu6B,GAAaj8B,YAAc,sBACZi8B,GCtBTC,GAAav7B,UAAMN,YACvB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,wHACFC,SAAS,gBAKjBu6B,GAAWl8B,YAAc,oBACVk8B,GCnBTC,GAAgBx7B,UAAMN,YAC1B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,2LACFC,SAAS,gBAKjBw6B,GAAcn8B,YAAc,uBACbm8B,GCnBTC,GAAWz7B,UAAMN,YACrB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,+LACFC,SAAS,gBAKjBy6B,GAASp8B,YAAc,kBACRo8B,GCnBTC,GAAa17B,UAAMN,YACvB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,4SACFC,SAAS,gBAKjB06B,GAAWr8B,YAAc,oBACVq8B,GCnBTC,GAAiB37B,UAAMN,YAC3B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRE,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,8GACFC,SAAS,gBAKjB26B,GAAet8B,YAAc,wBACds8B,GClBTC,GAAmB57B,UAAMN,YAC7B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,+EACFC,SAAS,gBAKjB46B,GAAiBv8B,YAAc,0BAChBu8B,GCnBTC,GAAc77B,UAAMN,YACxB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,yHACFC,SAAS,gBAKjB66B,GAAYx8B,YAAc,qBACXw8B,GCnBTC,GAAkB97B,UAAMN,YAC5B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,mDACFC,SAAS,gBAKjB86B,GAAgBz8B,YAAc,yBACfy8B,GCnBTC,GAAa/7B,UAAMN,YACvB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCAAMe,EAAE,mbACRf,gCACEknB,OAAO,UACPH,YAAa,GACb1iB,QAAS,IACTtD,EAAE,+BAKVg7B,GAAW18B,YAAc,oBACV08B,GCtBTC,GAAuBh8B,UAAMN,YACjC,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCAAMe,EAAE,0aAIdi7B,GAAqB38B,YAAc,8BACpB28B,GChBTC,GAAmBj8B,UAAMN,YAC7B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,uHACFC,SAAS,gBAKjBi7B,GAAiB58B,YAAc,0BAChB48B,GCnBTC,GAAgBl8B,UAAMN,YAC1B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,6MACFC,SAAS,gBAKjBk7B,GAAc78B,YAAc,uBACb68B,GCnBTC,GAAYn8B,UAAMN,YACtB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,+DACFC,SAAS,gBAKjBm7B,GAAU98B,YAAc,mBACT88B,GCnBTC,GAAkBp8B,UAAMN,YAC5B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRE,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,mLACFC,SAAS,gBAKjBo7B,GAAgB/8B,YAAc,yBACf+8B,GClBTC,GAAar8B,UAAMN,YACvB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRE,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,2MACFC,SAAS,gBAKjBq7B,GAAWh9B,YAAc,oBACVg9B,GClBTC,GAA0Bt8B,UAAMN,YACpC,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,8HACFC,SAAS,gBAKjBs7B,GAAwBj9B,YAAc,iCACvBi9B,GCnBTC,GAAav8B,UAAMN,YACvB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCAAMe,EAAE,o2BACRf,gCACEknB,OAAO,UACPH,YAAa,GACb1iB,QAAS,IACTtD,EAAE,+BAKVw7B,GAAWl9B,YAAc,oBACVk9B,GCtBTC,GAAiBx8B,UAAMN,YAC3B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,qoBACFC,SAAS,gBAKjBw7B,GAAen9B,YAAc,wBACdm9B,GCnBTC,GAAaz8B,UAAMN,YACvB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,4jBACFC,SAAS,gBAKjBy7B,GAAWp9B,YAAc,oBACVo9B,GCnBTC,GAAW18B,UAAMN,YACrB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,mDACFC,SAAS,gBAKjB07B,GAASr9B,YAAc,kBACRq9B,GCnBTC,GAAiB38B,UAAMN,YAC3B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,kRACFC,SAAS,gBAKjB27B,GAAet9B,YAAc,wBACds9B,GCnBTC,GAAsB58B,UAAMN,YAChC,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,oOACFC,SAAS,gBAKjB47B,GAAoBv9B,YAAc,6BACnBu9B,GCnBTC,GAAe78B,UAAMN,YACzB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCAAMe,EAAE,gUACRf,gCACEknB,OAAO,UACPH,YAAa,GACb1iB,QAAS,IACTtD,EAAE,+BAKV87B,GAAax9B,YAAc,sBACZw9B,GCtBTC,GAAiB98B,UAAMN,YAC3B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,0GACFC,SAAS,gBAKjB87B,GAAez9B,YAAc,wBACdy9B,GCnBTC,GAAe/8B,UAAMN,YACzB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,mLACFC,SAAS,gBAKjB+7B,GAAa19B,YAAc,sBACZ09B,GCnBTC,GAAqBh9B,UAAMN,YAC/B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,iLACFC,SAAS,gBAKjBg8B,GAAmB39B,YAAc,4BAClB29B,GCnBTC,GAA8Bj9B,UAAMN,YACxC,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,mXACFC,SAAS,gBAKjBi8B,GAA4B59B,YAAc,qCAC3B49B,GCnBTC,GAAyBl9B,UAAMN,YACnC,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,moBACFC,SAAS,gBAKjBk8B,GAAuB79B,YAAc,gCACtB69B,GCnBTC,GAAcn9B,UAAMN,YACxB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCAAMe,EAAE,mPACRf,gCACEknB,OAAO,UACPH,YAAa,GACb1iB,QAAS,IACTtD,EAAE,+BAKVo8B,GAAY99B,YAAc,qBACX89B,GCtBTC,GAAap9B,UAAMN,YACvB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCAAMe,EAAE,6IAIdq8B,GAAW/9B,YAAc,oBACV+9B,GChBTC,GAAgBr9B,UAAMN,YAC1B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRE,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,sNACFC,SAAS,gBAKjBq8B,GAAch+B,YAAc,uBACbg+B,GClBTC,GAAiBt9B,UAAMN,YAC3B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRE,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,sGACFC,SAAS,gBAKjBs8B,GAAej+B,YAAc,wBACdi+B,GClBTC,GAAkBv9B,UAAMN,YAC5B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,qDACFC,SAAS,gBAKjBu8B,GAAgBl+B,YAAc,yBACfk+B,GCnBTC,GAAWx9B,UAAMN,YACrB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,mOACFC,SAAS,gBAKjBw8B,GAASn+B,YAAc,kBACRm+B,GCnBTC,GAAcz9B,UAAMN,YACxB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,wQACFC,SAAS,gBAKjBy8B,GAAYp+B,YAAc,qBACXo+B,GCnBTC,GAA2B19B,UAAMN,YACrC,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,wGACFC,SAAS,gBAKjB08B,GAAyBr+B,YAAc,kCACxBq+B,GCnBTC,GAAqB39B,UAAMN,YAC/B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,s3CACFC,SAAS,gBAKjB28B,GAAmBt+B,YAAc,4BAClBs+B,GCnBTC,GAAY59B,UAAMN,YACtB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCAAMe,EAAE,+GACRf,gCACEknB,OAAO,UACPH,YAAa,GACb1iB,QAAS,IACTtD,EAAE,+BAKV68B,GAAUv+B,YAAc,mBACTu+B,GCtBTC,GAAe79B,UAAMN,YACzB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,gbACFC,SAAS,gBAKjB68B,GAAax+B,YAAc,sBACZw+B,GCnBTC,GAAe99B,UAAMN,YACzB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,2GACFC,SAAS,gBAKjB88B,GAAaz+B,YAAc,sBACZy+B,GCnBTC,GAAiB/9B,UAAMN,YAC3B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,8OACFC,SAAS,gBAKjB+8B,GAAe1+B,YAAc,wBACd0+B,GCnBTC,GAAgBh+B,UAAMN,YAC1B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,4GACFC,SAAS,gBAKjBg9B,GAAc3+B,YAAc,uBACb2+B,GCnBTC,GAA2Bj+B,UAAMN,YACrC,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,8PACFC,SAAS,gBAKjBi9B,GAAyB5+B,YAAc,kCACxB4+B,GCnBTC,GAAsBl+B,UAAMN,YAChC,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,mQACFC,SAAS,gBAKjBk9B,GAAoB7+B,YAAc,6BACnB6+B,GCnBTC,GAAcn+B,UAAMN,YACxB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEe,EAAE,wIACFC,SAAS,gBAKjBm9B,GAAY9+B,YAAc,qBACX8+B,GCnBTC,GAAep+B,UAAMN,YACzB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,MAAM,6BACNC,KAAK,yBACLnB,IAAKc,GACDxB,GAEJe,gCACEknB,OAAO,UACPH,YAAa,GACb1iB,QAAS,IACTtD,EAAE,2BAEJf,gCAAMe,EAAE,ykBAIdq9B,GAAa/+B,YAAc,sBACZ++B,GCdFC,GAAiBt/B,UAAOu/B,qFAAPv/B,uXAW1BJ,EACAE,GAEA,SAACI,UACAA,EAAMY,UACPjB,+CAGQ,wCAMJ,sCAWJ,SAACK,UACDA,EAAMY,UACNjB,wEAEM,8EAQVy/B,GAAeh/B,YAAc,iDCrDhBk/B,GAAW7+B,cACtB,WAMEC,OAJEG,IAAAA,cACAD,SAAAA,gBACGsB,iBAKHnB,wBAACq+B,QACKl9B,GACJxB,IAAKA,EACLE,SAAUA,EACVC,UAAWG,UACT,aACA,wBAA0BJ,GAC1BC,SCnBK,SAAS0+B,gCACnBC,2BAAAA,yBAEIA,EAAUniB,QACf,SAAC8R,EAAKsQ,UACS,OAATA,EACKtQ,EAGF,sCAAwCruB,2BAAAA,kBAC7CquB,GAAOA,EAAIuQ,MAAMC,KAAM7+B,GACvB2+B,GAAQA,EAAKC,MAAMC,KAAM7+B,sBDejCw+B,GAASl/B,YAAc,WExBhB,IAAMw/B,GAAqB9/B,UAAO4U,qFAAP5U,cAI9B,SAACE,UACAA,EAAM6/B,OACPlgC,cACM,qBAGN,SAACK,UACAA,EAAM8/B,yBACPngC,kDAKJigC,GAAmBx/B,YAAc,mJCYpB2/B,GAAQt/B,cAInB,WAWEC,OATEC,IAAAA,aACAsU,iBAAAA,oBACAC,kBAAAA,oBACA8qB,uBAAAA,oBACAC,uBAAAA,oBACAj9B,KAAMqT,gBACNtB,IAAAA,QACG7S,cAImBmB,WAASgT,MAA1BrT,OAAM4E,WACevE,YAAS,MAA9BC,OAAQC,OAETc,EAAY5B,EADDiB,SAAuB,MACDhD,GAEjCw/B,EAAgBt9B,WAAQ,kBA5BT,SAACjC,WACjBA,EAASX,OACZiB,OAAOk/B,UAAUC,eAAeC,KAAK1/B,EAASX,MAAO,MA2B9CsgC,CAAiB3/B,KACvB,CAACA,IAEJ4D,aAAU,WACRqD,EAAQyO,KACP,CAACA,QAEEjS,EAAcJ,eAAY,WAC9B4D,GAAQ,GACHs4B,GACgB,mBAAZnrB,GAA0BA,MAElC,CAACmrB,EAAenrB,IAEbwrB,EAAwBv8B,eAC5B,SAACkE,GACM83B,IACH93B,EAAMmN,iBACNjR,OAGJ,CAAC47B,EAAwB57B,IAGrBo8B,EAAcx8B,eAAY,WAC9BT,GAAU,KACT,IAEGk9B,EAAez8B,eAAY,WAC/BT,GAAU,GACS,mBAAZwR,GAA0BA,MAChC,CAACA,IAEEtQ,EAAa7B,WAAQ,eACrB5C,EAAQ,UAGRkgC,GAAiBv/B,IACnBX,EAAQ,CACN4E,QAAS26B,GAAsBiB,EAAa7/B,EAASX,MAAM4E,SAC3DC,SAAU06B,GACRkB,EACA9/B,EAASX,MAAM6E,UAEjBF,GAAI3B,IAIDhD,IACN,CAACW,EAAU6/B,EAAaC,EAAcP,EAAel9B,WAEnDA,GAAUk9B,IAAiB58B,EAK9BvC,wBAAC+T,QACK5S,GACJxB,IAAK2D,EACL0Q,QAAS3Q,EACT6Q,iBAAkBA,EAClBC,kBAAmBA,IAEnBnU,wBAAC6+B,IACCl0B,QAAS60B,EACTT,wBAAyBG,EACzBJ,MAAO78B,IAERgD,eAAarF,EAAU8D,IAhBnB,QAsBbs7B,GAAM3/B,YAAc,QC3Hb,IAAMsgC,GAAmB5gC,UAAOsC,mFAAPtC,wUAyBhC4gC,GAAiBtgC,YAAc,mBAExB,IAAMugC,GAAqB7gC,UAAO4U,qFAAP5U,UAC9B,SAACE,UACDA,EAAM4gC,aACNjhC,kDAKJghC,GAAmBvgC,YAAc,qBAO1B,IAAMygC,GAAqB/gC,UAAOsC,qFAAPtC,sGAC9BF,EACAF,GAOA,SAACM,SACe,YAAhBA,EAAM+V,MACFpW,4NAKI+gC,IAaJ/gC,0NAOI+gC,OAaR,SAAC1gC,SACmB,WAApBA,EAAM8gC,WACNnhC,cACM,2CAGN,SAACK,SACmB,SAApBA,EAAM8gC,WACNnhC,cACM,6CAGN,SAACK,SACmB,UAApBA,EAAM8gC,WACNnhC,cACM,6CAGN,SAACK,SACe,YAAhBA,EAAM+V,OACc,SAApB/V,EAAM8gC,WACNnhC,iCACI+gC,OAOJ,SAAC1gC,SACe,YAAhBA,EAAM+V,OACc,SAApB/V,EAAM8gC,WACNnhC,4DAGI+gC,OAQRG,GAAmBzgC,YAAc,qBAE1B,IAAM2gC,GAA0BjhC,UAAOsC,0FAAPtC,8KAQjC,mBAGNihC,GAAwB3gC,YAAc,0BAE/B,IAAM4gC,GAAyB9e,qGAWzB+e,GAA4B/e,qGAW5Bgf,GAA8Bhf,qGAW9Bif,GAA+Bjf,qGAoB/Bkf,GAAqBthC,UAAOQ,sFAAPR,qCAE9B,SAACE,SACgB,aAAjBA,EAAMqhC,QACN1hC,wBAGoB,YAAhBK,EAAM+V,MACJpW,yEACoBqhC,aACOhhC,EAAMshC,2BACTthC,EAAMshC,kBAE9B3hC,wEACoBuhC,aACOlhC,EAAMuhC,yBAKvC,SAACvhC,SACgB,YAAjBA,EAAMqhC,QACN1hC,yBAIA,SAACK,SACgB,YAAjBA,EAAMqhC,QACN1hC,wBAGoB,YAAhBK,EAAM+V,MACJpW,yEACoBshC,aACOjhC,EAAMwhC,4BACTxhC,EAAMwhC,mBAE9B7hC,uEACoBwhC,aACOnhC,EAAMyhC,0BAKvC,SAACzhC,SACgB,WAAjBA,EAAMqhC,QACN1hC,yBAKJyhC,GAAmBhhC,YAAc,qBAE1B,IAAMshC,GAAsB5hC,UAAOuR,mGAAPvR,sBAG/B,SAACE,SACoB,QAArBA,EAAMwN,YACN7N,ugBA6BA,SAACK,SACoB,WAArBA,EAAMwN,YACN7N,ogBA6BA,SAACK,SACoB,SAArBA,EAAMwN,YACN7N,ugBA6BA,SAACK,SACoB,UAArBA,EAAMwN,YACN7N,ogBA8BJ+hC,GAAoBthC,YAAc,yNC9VrBuhC,GAAQlhC,cAInB,WAiBEC,OAfEC,IAAAA,SACAoU,IAAAA,YACA6sB,SAAAA,aAAW,SACX5+B,KAAMqT,oBACNwrB,UAAAA,aAAY,YACZrrB,SAAAA,aAAW,eACXtC,KAAAA,aAAO,eACPe,iBAAAA,oBACAC,kBAAAA,oBACA+qB,uBAAAA,gBACA6B,IAAAA,UACAC,IAAAA,kBACA/B,uBAAAA,gBACG99B,cAImBmB,WAASgT,MAA1BrT,OAAM4E,WACevE,YAAS,MAA9BC,OAAQC,OAGTc,EAAY5B,EAFDiB,SAAuB,MAEDhD,GAEvC6D,aAAU,WACRqD,EAAQyO,KACP,CAACA,QAEEmqB,EAAcx8B,eAAY,WAC9BT,GAAU,KACT,IAEGk9B,EAAez8B,eAAY,WAC/BT,GAAU,GACS,mBAAZwR,GAA0BA,MAChC,CAACA,IAEE3Q,EAAcJ,eAAY,WAC9B4D,GAAQ,KACP,IAEG24B,EAAwBv8B,eAC5B,SAACkE,GACM83B,IACH93B,EAAMmN,iBACNjR,OAGJ,CAAC47B,EAAwB57B,WAGtBpB,GAAQM,EACJ,KAIPvC,wBAAC+T,QACK5S,GACJxB,IAAK2D,EACL0Q,QAAS3Q,EACT6Q,iBAAkBA,EAClBC,kBAAmBA,IAEnBnU,wBAAC4/B,IACCj1B,QAAS60B,EACTK,aAAcX,IAEhBl/B,wBAAC8/B,IACChgC,UAAWG,UAAW,mBAAoB+gC,GAC1C9+B,MAAO6+B,EACPhB,UAAWtqB,EACXT,MAAO7B,GAEN0tB,EAASxhB,OACRrf,wBAAC2/B,QACEkB,EAASzgC,KAAI,SAACoc,EAAMlc,OAGb2gC,EAAU3gC,EAAQ,EAClB4gC,EACJL,EAASxhB,OAHY,EAAA,EAAA,EAKA4hB,EACjBE,EAAaF,GAPG,EAOwB,EAAIA,SAEhDjhC,wBAAC8E,cACCC,UACAnB,GAAI3B,EACJ4C,QAASu8B,IACT7gC,8BAAwBD,KAEvB,SAAC0E,UACAhF,wBAACqgC,IACCC,OAAQt7B,EACRgQ,MAAO7B,EACPqtB,eAAgBY,GAChBV,gBAAiBW,GACjBZ,aAAcS,EAAc,GAC5BX,YAAaY,EAAa,IAEzB3kB,UAOX,KACJxc,wBAAC2gC,IACC57B,UACAnB,GAAI3B,EACJ4C,QAAS,IACTtD,WAAY,qBACZkL,WAAYq0B,EACZj9B,QAAS47B,EACT37B,SAAU47B,GAEV1/B,wBAACggC,IAAwBlgC,UAAU,2BAChCF,SASfghC,GAAMvhC,YAAc,QCzKb,IAAMiiC,GAAeviC,UAAOijB,8EAAPjjB,kIAY5BuiC,GAAajiC,YAAc,+CCJdkiC,GAAS7hC,cACpB,WAMEC,OAJEG,IAAAA,UACAF,IAAAA,SACGuB,iBAKHnB,wBAACshC,MACCl6B,KAAM,UACNtH,UAAWyB,UAAW,WAAYzB,GAClCH,IAAKA,GACDwB,GAEHvB,MAMT2hC,GAAOliC,YAAc,SC9Bd,IAAMmiC,GAA2BziC,UAAOw/B,0FAAPx/B,iEAMxCyiC,GAAyBniC,YAAc,yJCgB1BoiC,GAAqB/hC,cAChC,WAaEC,WAXE+hC,QAAAA,aAAU,QACVC,QAAAA,aAAU,QACVt4B,WAAAA,aAAa,KACbiE,IAAAA,SACAxN,IAAAA,cACA8hC,qBAAAA,oBACAC,gBAAAA,gBACA5tB,IAAAA,UACA5T,IAAAA,MACGc,UAIC2T,EAAWnS,SAAmC,UAC5BL,WAASo/B,MAA1BhlB,OAAMolB,OAEPx+B,EAAY5B,EAAW/B,EAAKmV,GAE5BitB,EAAW9+B,eACf,SAAC++B,MACKA,EAAM,KACFC,EAAeD,EAAKtlB,MAAQglB,EAElCM,EAAKtlB,KAAOglB,MACNQ,EAAc7zB,KAAKC,MAAM0zB,EAAK9Y,aAAe7f,GAE/C64B,IAAgBD,IAClBD,EAAKtlB,KAAOwlB,GAGVA,GAAeP,IACjBK,EAAKtlB,KAAOilB,EACZK,EAAK3Y,UAAY2Y,EAAK9Y,cAGxB4Y,EAAQI,EAAcP,EAAUO,EAAcP,MAGlD,CAACt4B,EAAYs4B,EAASD,IAGxBl+B,aAAU,WACRu+B,EAASjtB,EAASrT,WACjB,CAACpB,EAAO0hC,QAELI,EAAiBl/B,eACrB,SAAC8K,GACCg0B,EAASh0B,EAAEG,QACS,mBAAbZ,GAA2BA,EAASS,KAE7C,CAACT,EAAUy0B,IAGPK,EAAcn/B,eAClB,SAAC8K,GACK8zB,GACF9zB,EAAEG,OAAOm0B,kBACPt0B,EAAEG,OAAO7N,MAAMgf,OACftR,EAAEG,OAAO7N,MAAMgf,UAIrB,CAACwiB,IAGGS,EAAwBr/B,eAC5B,SAAC8K,GACK6zB,GAAkC,UAAV7zB,EAAExN,KAC5BwN,EAAEuG,iBAEiB,mBAAdL,GAA4BA,EAAUlG,KAE/C,CAAC6zB,EAAsB3tB,WAIvBjU,wBAACwhC,QACKrgC,GACJd,MAAOA,EACPV,IAAK2D,EACLgK,SAAU60B,EACVluB,UAAWquB,EACXzL,QAASuL,EACT1lB,KAAMA,EACN5c,UAAWG,UAAW,uBAAwBH,GAC9CoC,MAAO,CACLqgC,oBAAcl5B,QACdA,qBAAeA,eAOzBo4B,GAAmBpiC,YAAc,qBCrH1B,IAAMmjC,GAAkBzjC,UAAOsC,iFAAPtC,iBACzB,4IACFJ,EACAE,GAGJ2jC,GAAgBnjC,YAAc,kBAEvB,IAAMojC,GAAsB1jC,UAAOsC,qFAAPtC,mLAO/BJ,EACAE,GAGJ4jC,GAAoBpjC,YAAc,sBAE3B,IAAMqjC,GAA0B3jC,UAAOsC,yFAAPtC,2BAEnCJ,EACAE,GAGJ6jC,GAAwBrjC,YAAc,0BAE/B,IAAMsjC,GAA0B5jC,UAAOsC,yFAAPtC,4QAQnCJ,EACAE,GAaJ8jC,GAAwBtjC,YAAc,0BAE/B,IAAMujC,GAA8B7jC,UAAOsC,6FAAPtC,uCAK3C6jC,GAA4BvjC,YAAc,8BAEnC,IAAMwjC,GAA8B9jC,UAAOsC,6FAAPtC,2EAO3C8jC,GAA4BxjC,YAAc,kCCpC7ByjC,GACX9iC,UAAM2F,cAA4C,MAEvCo9B,GAA4B,gBACvCnjC,IAAAA,SACAE,IAAAA,cACAkjC,sBAAAA,oBACAC,kBAAAA,gBACA31B,IAAAA,aACA41B,YAAAA,aAAc,SACdC,kBAAAA,gBACAC,IAAAA,qBAE0C9gC,WAAmB4gC,MAAtDG,OAAeC,OAEhBC,EAAyBtgC,eAC7B,SAACykB,GACC4b,GAAiB,SAACE,UACZA,EAAavoB,QAAQyM,IAAO,EACzBub,GAA6C,IAAxBO,EAAankB,OAGhCmkB,EAAaxoB,QAAO,SAACwB,UACnBA,IAASkL,KAHT8b,EAMJR,cAGMQ,IAAc9b,IAFhB,CAACA,MAKVpa,GACFA,EAASoa,KAGb,CAACsb,EAAuBC,EAAmB31B,WAI3CtN,wBAAC8iC,GAAiBj9B,UAChBxF,MAAO,CACLgjC,cAAAA,EACAI,eAAgBF,EAChBJ,kBAAAA,EACAC,iBAAAA,IAGFpjC,wBAACwiC,IAAgB1iC,UAAWG,UAAW,YAAaH,IACjDF,KAMTmjC,GAAU1jC,YAAc,gBCxEXqkC,GAAc1jC,UAAM2F,cAAc,MAElCg+B,GAAoC,gBAC/C/jC,IAAAA,SACAE,IAAAA,UACA4nB,IAAAA,GAEMkc,EAAmB39B,aAAW68B,IAE9Be,EAAShiC,WAAQ,eAChB6lB,EAAI,KACDoc,EAAez1B,KAAK01B,SAASzlB,SAAS,IAAI0C,MAAM,kCAC7B8iB,UAEpBpc,IACN,CAACA,WAGF1nB,wBAAC0jC,GAAY79B,UACXxF,MAAO,CACL2jC,iBAAgBJ,GACZA,EAAiBP,cAAcpoB,QAAQ4oB,IAAW,EAEtDnc,GAAImc,IAGN7jC,wBAACyiC,IAAoB3iC,UAAWG,UAAW,gBAAiBH,IACzDF,KAMT+jC,GAActkC,YAAc,oBClCf4kC,GAA4C,gBACvDrkC,IAAAA,SACAE,IAAAA,UAEM8jC,EAAmB39B,aAAW68B,IAC9BoB,EAAcj+B,aAAWy9B,MAG7B7hC,WAAQ,iBACC,CACL4hC,eAAgBG,EACZA,EAAiBH,eACjB,KACJN,oBAAmBS,GACfA,EAAiBT,kBAErBC,iBAAkBQ,EACdA,EAAiBR,iBACjB,QAEL,CAACQ,IAbEH,IAAAA,eAAgBN,IAAAA,kBAAmBC,IAAAA,iBAerC1b,EAAK7lB,WAAQ,kBAAOqiC,EAAcA,EAAYxc,GAAK,KAAK,CAACwc,IAEzDC,EAAkBlhC,eAAY,WAC9BwgC,GACFA,EAAe/b,KAEhB,CAACA,EAAI+b,IAEFW,EAAaviC,WACjB,kBACEuhC,GAGEpjC,wBAAC+b,IAAyB7Z,MAAO,CAAEkC,UAAW,sBAElD,CAACg/B,WAIDpjC,wBAAC2iC,IACCh4B,QAASw5B,EACTrkC,UAAWG,UAAW,oBAAqBH,IAE3CE,wBAAC4iC,IAA4B9iC,UAAU,2BACpCF,GAEHI,wBAAC6iC,IAA4B/iC,UAAU,2BACnCqjC,EAAiC,KAAbiB,KAM9BH,GAAkB5kC,YAAc,oBCvEhC,OAAkB,SAACM,WACW2C,WAAS,MAA9B3B,OAAQ0jC,cAEf7gC,aAAU,cACJ7D,GAAOA,EAAI8B,QAAS,KAChBm0B,EAAUj2B,EAAI8B,QACd6iC,EAAgB1O,EAAQ1zB,MAAMqiC,UAC9BC,EAAiB5O,EAAQ1zB,MAAMgD,WAErC0wB,EAAQ1zB,MAAMgD,WAAa,SAC3B0wB,EAAQ1zB,MAAMqiC,UAAY,WAEpBE,EAAgB7O,EAAQpW,oBAE9BoW,EAAQ1zB,MAAMgD,WAAas/B,EAC3B5O,EAAQ1zB,MAAMqiC,UAAYD,EAEnBD,EAAUI,MAElB,CAAC9kC,IAEGgB,GCTI+jC,GAA4C,gBACvD9kC,IAAAA,SACAE,IAAAA,UAEMokC,EAAcj+B,aAAgCy9B,IAC9CiB,EAAShiC,SAAO,MAEhBhC,EAASikC,GAAUD,GAEnB5gC,EAAe,CACnB5B,gCAJe,iBAKfoiC,UAAW,GAGPjgC,EAAmB,CACvBC,SAAU,CAAEggC,UAAW5jC,GACvB8D,QAAS,CAAE8/B,UAAW5jC,GACtB+D,QAAS,CAAE6/B,UAAW,GACtBhiC,OAAQ,CAAEgiC,UAAW,WAIrBvkC,wBAAC8E,cAAWD,QAAS,IAAKjB,GAAIsgC,MAAAA,SAAAA,EAAaF,iBACxC,SAACh/B,UACAhF,wBAAC0iC,IACC/iC,IAAKglC,EACL7kC,UAAWG,UAAW,oBAAqBH,GAC3CoC,aACK6B,GACAO,EAAiBU,KAGrBpF,OAOX8kC,GAAkBrlC,YAAc,oBC/CzB,IAAMwlC,GAAe9lC,UAAOC,kFAAPD,+NACtB,qLACA,6GACFJ,EACAE,EAQI,sCAGJ,SAACI,UACDA,EAAMsL,QACN3L,yDACM,oDAKVimC,GAAaxlC,YAAc,mECXdylC,GAA2B,gBACtCllC,IAAAA,aACAC,SAAAA,oBACA0K,OAAAA,gBACAzK,IAAAA,UACGC,iBAGDC,wBAAC6kC,MACChlC,SAAUA,EACVC,UAAWyB,UAAW,WAAYzB,GAClCyK,OAAQA,GACJxK,GAEHH,IAKPklC,GAAOzlC,YAAc,SC3Bd,IAAM0lC,GAAoBhmC,UAAOsC,oFAAPtC,OAEpBimC,GAAajmC,UAAO8b,2EAAP9b,uNACtBJ,EACAE,EACE,uQAiCF,SAACI,UACDA,EAAMY,UACNjB,8DAMA,SAACK,SACc,UAAfA,EAAMC,MACNN,2BAIA,SAACK,SACc,QAAfA,EAAMC,MACNN,2BAIA,SAACK,UACkB,YAAlBA,EAAME,SAA2C,cAAlBF,EAAME,UACtCP,0UAkBA,SAACK,UACkB,cAAlBA,EAAME,SAA6C,aAAlBF,EAAME,UACxCP,kVAoBA,SAACK,UACkB,aAAlBA,EAAME,SAA4C,iBAAlBF,EAAME,UACvCP,sNAgBC,SAACK,UACiB,WAAlBA,EAAME,SAA0C,cAAlBF,EAAME,UACrCP,8QAkBC,SAACK,SACgB,qBAAlBA,EAAME,SACNP,2MAeC,SAACK,UACFA,EAAMG,UACNR,uCAImB,UAAfK,EAAMC,MACRN,mCAKiB,QAAfK,EAAMC,MACRN,uCAMD,SAACK,UACiB,YAAlBA,EAAME,SACa,cAAlBF,EAAME,SACY,cAAlBF,EAAME,SACY,aAAlBF,EAAME,UACRP,8FACImmC,GAGAA,GAIe,UAAf9lC,EAAMC,MACRN,wBAIiB,QAAfK,EAAMC,MACRN,4BAKD,SAACK,UACiB,aAAlBA,EAAME,SACa,iBAAlBF,EAAME,SACY,WAAlBF,EAAME,SACY,cAAlBF,EAAME,SACY,qBAAlBF,EAAME,UACRP,8FACImmC,GAGAA,GAIe,UAAf9lC,EAAMC,MACRN,uBAIiB,QAAfK,EAAMC,MACRN,2BAMOqmC,GAAqBlmC,UAAOsC,qFAAPtC,yIAS9BgmC,IAOSG,GAAiBnmC,UAAO8b,+EAAP9b,koBAC1BJ,EACAE,EAEE,qLAuBE,sJAeA,cAIA,cAOE,cAIA,eAMVqmC,GAAe7lC,YAAc,iBAC7B0lC,GAAkB1lC,YAAc,oBAChC4lC,GAAmB5lC,YAAc,qBACjC2lC,GAAW3lC,YAAc,6CC/SZ8lC,GAA+B,gBAC1CvlC,IAAAA,SACAE,IAAAA,UACGC,iBAGDC,wBAACklC,MAAeplC,UAAWyB,UAAW,cAAezB,IAAgBC,GAClEH,IAKPulC,GAAS9lC,YAAc,uECIV+lC,GAAuB,gBAClCxlC,IAAAA,aACAT,QAAAA,aAAU,cACVD,IAAAA,SACAW,SAAAA,gBACAC,IAAAA,UACGC,iBAGDC,wBAACglC,MACCnlC,SAAUA,EACVC,UAAWyB,UAAW,SAAUzB,EAAW,qBACR,YAAZX,GAAqC,cAAZA,qBACd,cAAZA,GAAuC,aAAZA,yBAEjC,aAAZA,GAAsC,iBAAZA,sBACK,WAAZA,GAAoC,cAAZA,6BACL,qBAAZA,gBACJ,QAATD,kBACW,UAATA,sBAEfU,aAAoBM,UAAYN,aAAoBO,0BAClCN,IAEtBV,QAASA,EACTD,KAAMA,EACNE,SAAUQ,aAAoBM,UAAYN,aAAoBO,QAC1DJ,GAEHH,aAAoBO,MACnBH,wBAACilC,IAAmBnlC,UAAU,oBAC3BF,EAASQ,KAAI,SAACC,EAAOC,UACpBD,EACEL,wBAAC+kC,IACCjlC,UAAU,4BACVS,IAAKD,GAEJD,GAED,SAIRT,IAMRwlC,GAAK/lC,YAAc,OCrEnB,IAAM0E,GAAe,CACnBC,mBAAoB,qBACpBE,yBAA0B,kBAC1BE,UAAW,oBACXC,QAAS,GAGLC,GAAmB,CACvBC,SAAU,CACRF,QAAS,EACTD,UAAW,gBACXH,mBAAoB,OAEtBQ,QAAS,CACPJ,QAAS,EACTD,UAAW,gBACXH,mBAAoB,OAEtBS,QAAS,CACPL,QAAS,EACTD,UAAW,oBACXH,mBAAoB,OAEtB1B,OAAQ,CACN8B,QAAS,EACTD,UAAW,oBACXH,mBAAoB,QAIXohC,GAAkC,oBAC7CzhC,GAAIgB,gBACJf,IAAAA,QACAC,IAAAA,SACAlE,IAAAA,SACAsC,IAAAA,UACA2C,QAAAA,aAAU,aAEV7E,wBAAC8E,cACCC,UACAnB,GAAIgB,EACJC,QAASA,EACThB,QAASA,EACTC,SAAUA,IAET,SAACkB,UACOC,eAAarF,EAAU,CAC5BsC,eACEgD,WAAsB,WAAVF,GAAuBJ,OAAoBO,EAAX,UACzCpB,IACAO,GAAiBU,IACjB9C,GACAtC,EAASX,MAAMiD,aAO5BmjC,GAAahmC,YAAc,eChEpB,IAAMimC,GAAevmC,UAAOsC,8EAAPtC,iWAaxBJ,EACAE,GAOJymC,GAAajmC,YAAc,eAEpB,IAAMkmC,GAAoBxmC,UAAOsC,mFAAPtC,+BAG7BJ,EACAE,GAEJ0mC,GAAkBlmC,YAAc,oBAEzB,IAAMmmC,GAAsBzmC,UAAOsC,qFAAPtC,8EAM/BJ,EACAE,GAEJ2mC,GAAoBnmC,YAAc,sBAE3B,IAAMomC,GAA6B1mC,UAAOsC,4FAAPtC,6DAI1C0mC,GAA2BpmC,YAAc,6BAElC,IAAMqmC,GAAsB3mC,UAAOsC,qFAAPtC,+BAG/BJ,EACAE,GAEJ6mC,GAAoBrmC,YAAc,0BC5CrBsmC,GAASjmC,cACpB,WAQEC,OANEC,IAAAA,aACAqC,KAAAA,gBACA+R,IAAAA,QACAlU,IAAAA,cACA8lC,sBAAAA,uBAKA5lC,wBAACg/B,IACCr/B,IAAKA,EACLsC,KAAMA,EACN+R,QAASA,EACTirB,wBAAyB2G,GAEzB5lC,wBAACqlC,IAAazhC,GAAI3B,GAChBjC,wBAACslC,IAAaxlC,UAAWG,UAAW,WAAYH,IAC7CF,QAQb+lC,GAAOtmC,YAAc,yCCtCRwmC,GAAoD,gBAC/D/lC,IAAAA,UACAF,IAAAA,SACGuB,iBAGDnB,wBAACwlC,MACC1lC,UAAWG,UAAW,mBAAoBH,IACtCqB,GAEHvB,IAKPimC,GAAcxmC,YAAc,oBCffymC,GAA2D,gBACtEhmC,IAAAA,iBAGEE,wBAACylC,IACC3lC,UAAWG,UAAW,2BAA4BH,MAKxDgmC,GAAqBzmC,YAAc,+ECHtB0mC,GAAgC,gBAC3CnmC,IAAAA,SACAE,IAAAA,cACAkmC,sBAAAA,gBACG7kC,iBAGDnB,wBAACulC,MACCzlC,UAAWG,UAAW,yBAA0BH,IAC5CqB,GAEH6kC,EAAwBpmC,EAAWI,wBAACikB,QAASrkB,KAKpDmmC,GAAY1mC,YAAc,8CCvBb4mC,GAAoD,gBAC/DnmC,IAAAA,UACAF,IAAAA,SACGuB,iBAGDnB,wBAAC0lC,MACC5lC,UAAWG,UAAW,mBAAoBH,IACtCqB,GAEHvB,IAKPqmC,GAAc5mC,YAAc,oBCKf6mC,GAAgBxmC,cAC3B,WAYEC,WAVEsC,KAAAA,gBACAkkC,IAAAA,SACAC,IAAAA,UACAtmC,IAAAA,cACAumC,YAAAA,aAAc,yBACdC,cAAAA,aAAgB,0CAChBC,eAAAA,aAAiB,WACjBC,cAAAA,aAAgB,eAChBC,uBAAAA,uBAKAzmC,wBAAC2lC,IACChmC,IAAKA,EACLsC,KAAMA,EACN+R,QAASmyB,EACTrmC,UAAWG,UAAW,mBAAoBH,IAE1CE,wBAAC+lC,QAAaM,GACdrmC,wBAAC8lC,SACD9lC,wBAAC6lC,QACC7lC,wBAAC6J,IAAMR,WAAW,QAAQJ,MAAM,aAC7Bq9B,IAGLtmC,wBAAC8lC,SACD9lC,wBAACimC,QACCjmC,wBAACP,GACCN,QAAQ,UACR+C,MAAO,CAAEwkC,YAAa,QACtB/7B,QAASy7B,GAERG,GAEFE,EACCzmC,wBAACP,GACCN,QAAQ,0BACI,SACZwL,QAASw7B,EACT/+B,KAAK,UAEJo/B,GAED,UAOdN,GAAc7mC,YAAc,gBCtErB,IAAMsnC,GAAmB5nC,UAAOsC,mFAAPtC,aAC5BJ,EACAE,GAGJ8nC,GAAiBtnC,YAAc,mBAExB,IAAMunC,GAAyB7nC,UAAOC,4FAAPD,6MAqBtC6nC,GAAuBvnC,YAAc,yBAE9B,IAAMwnC,GAAsB9nC,UAAOmnC,sFAAPnnC,0MAoBnC8nC,GAAoBxnC,YAAc,sBAE3B,IAAMynC,GAA6B/nC,UAAOwR,6FAAPxR,SACpC,4CAGN+nC,GAA2BznC,YAAc,6BAElC,IAAM0nC,GAAyBhoC,UAAOsC,yFAAPtC,wDAGhC,qFAGF,SAACE,SACe,YAAhBA,EAAM+V,OACNpW,cACM,qBAIVmoC,GAAuB1nC,YAAc,yBAE9B,IAAM2nC,GAA0BjoC,UAAOsC,0FAAPtC,SACjC,kBAGNioC,GAAwB3nC,YAAc,0BAE/B,IAAM4nC,GAAmBloC,UAAOU,kFAAPV,SAC1B,wBAGNkoC,GAAiB5nC,YAAc,mBAExB,IAAM6nC,GAAoBnoC,UAAOU,mFAAPV,SAC3B,qBAGNmoC,GAAkB7nC,YAAc,oBAEzB,IAAM8nC,GAA2BpoC,UAAOU,0FAAPV,SAClC,wCAGNooC,GAAyB9nC,YAAc,2BAEhC,IAAM+nC,GAAsBroC,UAAOylB,sFAAPzlB,0GAanCqoC,GAAoB/nC,YAAc,sBCzE3B,IAAMgoC,GAAsC,gBACjDl0B,IAAAA,SACAm0B,eAAAA,aAAiB,aACjBC,iBAAAA,aAAmB,eACnBC,gBAAAA,aAAkB,UAClBC,IAAAA,OACAtB,IAAAA,SACAuB,IAAAA,YACAh3B,aAAAA,oBACAC,eAAAA,aAAiB,IACjBlD,IAAAA,iBACAC,cAAAA,aAAgB,WAChBJ,IAAAA,SACAkD,IAAAA,WACAZ,IAAAA,cACAzE,IAAAA,UACAw8B,mBAAAA,gBACA72B,IAAAA,UACA82B,IAAAA,UAEM3Y,EAAkBhsB,eACtB,SAAC8K,GACe,UAAVA,EAAExN,KAAqC,mBAAXknC,EAC9BA,IAEW,QAAV15B,EAAExN,KAA2B,WAAVwN,EAAExN,KACF,mBAAb4lC,GAEPA,EAASp4B,KAGb,CAAC05B,EAAQtB,WAITnmC,+BAAKiU,UAAWgb,EAAiB7f,UAAW,EAAGtP,UAAU,oBACvDE,wBAAC8mC,IACC37B,MAAOA,EACPyE,cAAeA,EACftC,SAAUA,EACVkD,WAAYA,EACZ/C,aAAcA,EACdC,cAAeA,EACfgD,aAAcA,EACdC,eAAgBA,EAChBG,UAAWA,EACX82B,UAAWA,EACXv6B,YAAa8M,YAEL,WAAThH,GAAsBzC,EA0CnB,KAzCF1Q,wBAAC+mC,IAAuBjnC,UAAU,qBAAqBkV,MAAO7B,GAClD,WAATA,EACCnT,wBAACgnC,IAAwBlnC,UAAU,uBACjCE,wBAACinC,IACC/nC,KAAK,QACLC,QAAQ,UACRwL,QAAS88B,EACT5nC,SAAU8nC,GAETL,GAEHtnC,wBAACqG,IACCC,MAAOihC,EACP9gC,mBAAoB,CAAEG,OAAQ,OAE9B5G,wBAACP,GAAOP,KAAK,QAAQC,QAAQ,YAAYwL,QAASw7B,GAChDnmC,wBAAC04B,WAGHhoB,EAQE,KAPF1Q,wBAACknC,IACChoC,KAAK,QACLyL,QAAS+8B,EACTvoC,QAAQ,aAEPqoC,KAKN92B,GACC1Q,wBAACmnC,IACCjoC,KAAK,QACLyL,QAAS+8B,EACTvoC,QAAQ,gBAEPqoC,MAUjBH,GAAehoC,YAAc,iBCxItB,IAAMwoC,GAAgB9oC,UAAOU,+EAAPV,UACzB,SAACE,UACDA,EAAMsL,QACN3L,kCACM,wBAEiB,YAAlBK,EAAME,SAA2C,cAAlBF,EAAME,UACxCP,uDAIqB,cAAlBK,EAAME,SAA6C,aAAlBF,EAAME,UAC1CP,yEAKoB,qBAAlBK,EAAME,SACRP,gDAImB,aAAlBK,EAAME,SAA4C,iBAAlBF,EAAME,UACvCP,uDAImB,WAAlBK,EAAME,SAA0C,cAAlBF,EAAME,UACrCP,yCAEIK,EAAMW,oBAAoBO,OAC5BvB,yDAORipC,GAAcxoC,YAAc,yDC9BfyoC,GAAUpoC,cACrB,WAAmDC,OAAhDC,IAAAA,aAAU2K,OAAAA,gBAAgBzK,IAAAA,UAAcC,iBAEvCC,wBAAC6nC,MACCt9B,OAAQA,EACR5K,IAAKA,EACLG,UAAWyB,UAAW,qBAAuBgJ,GAAUzK,IACnDC,GAEHH,MAMTkoC,GAAQzoC,YAAc,UCLf,IAAM0oC,GAAmBroC,cAC9B,WAWEC,OATQqoC,IAAN19B,SACAhE,MAAAA,aAAQ,KACRqE,IAAAA,YACAs9B,iBAAAA,gBACAC,IAAAA,oBACAzhC,IAAAA,mBACAC,IAAAA,2BACA6D,OAAAA,uBAKAvK,wBAACqG,IACCC,MAAOA,EACPG,mBAAoBA,EACpBC,uBAAwBA,EACxBC,QAASshC,GAA8B,KAAV3hC,GAE7BtG,wBAAC8nC,IACC3oC,QAAQ,YACRD,KAAK,QACLqL,OAAQA,EACR5K,IAAKA,EACLgL,QAASA,EACTvD,KAAK,UAELpH,wBAAConC,IACCx9B,GAAIo+B,EACJloC,UAAWG,UAAW,qBAAsBioC,UAQxDH,GAAiB1oC,YAAc,mBCpC/B,IAAM8oC,GAA0B,SAAC/6B,UACxBwE,UACJw2B,IAAI,CAACh7B,EAAKa,cAAeb,EAAKuB,WAAYvB,EAAKi7B,YAC/CC,QAGCC,GAAe,SAACz8B,EAAW/I,MAC3BA,EAAKylC,UAAW,KACZ55B,EAAO,IAAIZ,KACflC,EAAImC,cACJlL,EAAK6L,KAAKD,WACV5L,EAAK6L,KAAKy5B,WAENx5B,EAAK,IAAIb,KACblC,EAAImC,cACJlL,EAAK8L,GAAGF,WACR5L,EAAK8L,GAAGw5B,kBAEHv8B,GAAO8C,GAAQ9C,GAAO+C,SAGxB/C,GAAO/I,EAAK6L,MAAQ9C,GAAO/I,EAAK8L,IAsF5B45B,GAA8B,oBACzCC,WAAYv1B,aAAO,gBACnBw1B,QAASC,aAAY,aACrBtB,eAAAA,aAAiB,aACjBC,iBAAAA,aAAmB,eACnBC,gBAAAA,aAAkB,cAClBqB,gBAAAA,aAAkB,yBAClBC,oBAAAA,aAAsB,0CACtBC,oBAAAA,aAAsB,WACtBC,mBAAAA,aAAqB,WACrBx4B,IAAAA,WACAi3B,IAAAA,OACAtB,IAAAA,SACA8C,IAAAA,uBACAC,SAAUx4B,oBACVy4B,qBAAAA,oBACAC,eAAAA,oBACAC,sBAAAA,oBACA14B,eAAAA,aAAiB,IACjBlD,IAAAA,iBACAC,cAAAA,aAAgB,WAChBgI,IAAAA,cACA4zB,IAAAA,gBACAh/B,IAAAA,SACAi/B,iBAAAA,aAAmB,WACnBC,IAAAA,oBACAtB,IAAAA,oBACAtyB,IAAAA,2BACA6zB,WAAAA,aAAa,gBACbnyB,KAAAA,kBACAoyB,aAAAA,eAAe,WACfC,SAAAA,eAAW,WACXC,aAAAA,eAAe,kBACfC,oBAAAA,mBACAp/B,KAAAA,YACA/D,KAAAA,uBACAiP,KAAAA,gBACAlP,KAAAA,mBACAgP,KAAAA,SACAq0B,KAAAA,uBAE0CxnC,WAAS6mC,MAA5CY,SAAeC,SAEhBC,GAAYpoC,WAAQ,cACnB4L,EAEE,KACC+K,EAAUuxB,GACZn4B,UAAO02B,KAAK76B,EAAaoB,IAAIq7B,QAC7Bt4B,UAAO02B,KAAK76B,EAAaoB,IAAIu5B,MAE3B7vB,EAAYwxB,GACdn4B,UAAO02B,KAAK76B,EAAamB,MAAMs7B,QAC/Bt4B,UAAO02B,KAAK76B,EAAamB,MAAMw5B,MAE7B+B,EAAcv4B,UAAOw2B,MAAMjwB,OAE3BiyB,EACHhB,GAAkB5wB,EAAQL,SAAWgyB,EAElC3xB,EAAQ3F,OAAO42B,GADfjxB,EAAQ3F,OAAO42B,EAAWrf,QAAQ,aAAc3J,QAEhD4pB,EACHjB,GAAkB7wB,EAAUJ,SAAWgyB,EAEpC5xB,EAAU1F,OAAO42B,GADjBlxB,EAAU1F,OAAO42B,EAAWrf,QAAQ,aAAc3J,eAGpDhT,EAAamB,OAASnB,EAAaoB,GAC9Bu7B,YAGCC,gBAAwBD,UAzB3Bb,IA2BR,CACD97B,EACAg8B,EACAM,GACAR,EACAH,IAGIkB,GAAgBzoC,WAAQ,cAEF,WAAxBye,EAAO7S,IACLA,EAAamB,MACbnB,EAAaoB,GACf,IACIk7B,SACK,CACLn7B,KAAMgD,UAAO02B,KAAK76B,EAAamB,MAAMmD,SACrClD,GAAI+C,UAAO02B,KAAK76B,EAAaoB,IAAIkD,cAG/Bw4B,EAA0D,GAA7C34B,UAAO02B,KAAK76B,EAAamB,MAAM47B,YAC5CC,EAAsD,GAA3C74B,UAAO02B,KAAK76B,EAAaoB,IAAI27B,kBACvC,CACL57B,KAAM,IAAIZ,KAAwC,KAAlCP,EAAamB,KAAO27B,IACpC17B,GAAI,IAAIb,KAAoC,KAA9BP,EAAaoB,GAAK47B,QAGnC,CAACh9B,EAAcs8B,KAEZW,GAAqBznC,eACzB,SAAC0nC,GACCX,IAAiB,GACK,mBAAXvC,IAEkB,WAAzBnnB,EAAOqqB,IACPzqC,OAAOk/B,UAAUC,eAAeC,KAAKqL,EAAe,SACpDzqC,OAAOk/B,UAAUC,eAAeC,KAAKqL,EAAe,MAEpDlD,EAAO,CACL74B,KAAMu5B,GAAwBwC,EAAc/7B,MAC5CC,GAAIs5B,GAAwBwC,EAAc97B,MAG5C44B,OAAOtiC,MAIb,CAACsiC,IAGGmD,GAAkB3nC,eAAY,eAC9BmK,EAAO,IAAIY,WAEa,WAAxBsS,EAAO7S,IAA+BA,EAAamB,KACrDxB,EAAO28B,GACH,IAAI/7B,KAAyB,IAApBP,EAAamB,MACtB,IAAIZ,KAGA,KAFDP,EAAamB,KACiC,GAA7CgD,UAAO02B,KAAK76B,EAAamB,MAAM47B,cAG9BlzB,KACTlK,EAAOkK,IAIF,IAAItJ,KAAKZ,EAAKa,cAAeb,EAAKuB,WAAY,KACpD,CAAC2I,GAAc7J,EAAcs8B,UAENznC,WAASsoC,OAA5Bz/B,SAAOyM,SAER9J,GAAoB7K,eACxB,SAACkI,GACCyM,GAASzM,KAEX,CAACyM,UAG6BtV,WAASgoC,OAAlCO,SAAUC,cAC+BxoC,YAAS,MAAlDyoC,SAAkBC,cACmB1oC,WAAS+mC,MAA9C3xB,SAAgBC,SAEjBgwB,GAAqB9lC,WAAQ,kBAE/ByoC,MAAAA,UAAAA,GAAe17B,SAASi8B,MAAAA,UAAAA,GAAUj8B,QAClC07B,MAAAA,UAAAA,GAAez7B,OAAOg8B,MAAAA,UAAAA,GAAUh8B,MAEjC,CAACy7B,GAAeO,KAEnBrnC,aAAU,WACRmU,GAAkB0xB,KACjB,CAACA,IAEJ7lC,aAAU,WACR8mC,IAAiBQ,GAAYR,MAC5B,CAACA,KAEJ9mC,aAAU,WACsB,mBAAvBylC,GACLA,EAAmBvxB,MACpB,CAACA,GAAgBuxB,IAEpBzlC,aAAU,WACHkU,IACHE,GAASgzB,QAEV,CAAClzB,GAAgBkzB,SAEdK,GAAahoC,eAAY,WAC7BynC,GAAmBG,IACnBlzB,IAAkB,KACjB,CAACkzB,GAAUH,KAER/d,GAAe1pB,eACnB,SAAC8V,GACc,WAAT5F,GACFu3B,GAAmB3xB,GAErB+xB,GAAY/xB,KAEd,CAAC5F,EAAMu3B,KAGHQ,GAAwBjoC,eAAY,eACpCsZ,GAAS,GAER+tB,KAAkBO,KAAeP,IAAiBO,MACrDtuB,GAAS,OAGL4uB,EAAmBb,MAAAA,UAAAA,GAAe17B,KAClCw8B,EAAiBd,MAAAA,UAAAA,GAAez7B,GAChCw8B,EAAeR,MAAAA,UAAAA,GAAUj8B,KACzB08B,EAAaT,MAAAA,UAAAA,GAAUh8B,UAG3Bs8B,GACAE,GACAD,GACAE,IACC15B,UAAOu5B,GAAkBt4B,OAAO,gBAC/BjB,UAAOy5B,GAAcx4B,OAAO,eAC5BjB,UAAOw5B,GAAgBv4B,OAAO,gBAC5BjB,UAAO05B,GAAYz4B,OAAO,iBAE9B0J,GAAS,GAGNA,GACHyuB,IAAoB,GAGfzuB,IACN,CAAC+tB,GAAeO,KAEbxnC,GAAcJ,eAAY,YACjB,WAATkQ,GAAqB+3B,QACH,mBAAb/E,GAA2BA,IAClCxuB,IAAkB,MAEnB,CAACxE,EAAMgzB,EAAU+E,KAEdK,GAAetoC,eACnB,SAACkE,UACCA,GAASA,EAAMmN,iBACRjR,OAET,CAACA,KAGGmoC,GAAuBvoC,eAAY,WACvC0U,IAAmBD,MAClB,CAACA,KAEE+zB,GAA0BxoC,eAAY,WAC1C+nC,IAAoB,KACnB,IAEGU,GAAczoC,eAAY,WACzByN,IACHo6B,QAAY3lC,GACC,YAATgO,GACFu3B,QAAmBvlC,MAGtB,CAACgO,EAAMzC,EAAcg6B,KAElBiB,GAAyB1oC,eAAY,WACzC6nC,GAAYR,IACZU,IAAoB,GACpBrzB,IAAkB,KACjB,CAAC2yB,KAEEx5B,GAAYjP,WAAQ,iBAClB+pC,EAAqBlC,GAAa1uB,QACtC,SAACjY,SAAuB,iBAAdA,EAAKqE,QAEXykC,EAAgBnC,GAAa1uB,QACjC,SAACjY,SAAuB,mBAAdA,EAAKqE,QAEX0kC,EAA0BpC,GAAa1uB,QAC3C,SAACjY,SAAuB,8BAAdA,EAAKqE,sBAId0D,GAAiBuB,kBAAmB,SAACP,OAE9BigC,EAAa,IAAI/9B,KACrBlC,EAAImC,cACJnC,EAAI6C,WACJ7C,EAAIu8B,kBAECuD,EAAmB9qB,MAAK,SAAC/d,UAC9BwlC,GAAawD,EAAYhpC,aAG5B+H,GAAiBsB,SAAU,SAACN,UACpB69B,GAAS7oB,MAAK,SAACzgB,UAAUyL,EAAIkgC,WAAa3rC,YAElDyK,GAAiBwB,eAAgB,SAACR,MAE7B69B,GAAS7oB,MAAK,SAACzgB,UAAUA,IAAUyL,EAAIkgC,mBAClC,MAEHC,cAAqBH,KAA4BD,IACjDE,EAAa,IAAI/9B,KACrBlC,EAAImC,cACJnC,EAAI6C,WACJ7C,EAAIu8B,kBAEC4D,EAAenrB,MAAK,SAAC/d,UAASwlC,GAAawD,EAAYhpC,aAE/D+H,GAAiBjL,UAAW,SAACiM,MACxBg+B,IAEAh+B,EAAIogC,SAASlrB,MAAM,EAAG,IAAM8oB,GAAkBoC,SAASlrB,MAAM,EAAG,WAEzD,MAKR6oB,IACDF,GAAS7oB,MAAK,SAACzgB,UAAUA,IAAUyL,EAAIkgC,mBAEhC,MAGHD,EAAa,IAAI/9B,KACrBlC,EAAImC,cACJnC,EAAI6C,WACJ7C,EAAIu8B,kBAECwD,EAAc/qB,MAAK,SAAC/d,UAASwlC,GAAawD,EAAYhpC,aAGhE,CAAC2mC,GAAcC,GAAUG,GAAmBD,KAEzCjC,GAAY3kC,eAChB,SAAC6I,OACOqgC,EAAmB,GAErBxC,GAAS7oB,MAAK,SAACzgB,UAAUyL,EAAIkgC,WAAa3rC,MAC5C8rC,EAAOzX,KAAKkV,QAIRmC,EAAa,IAAI/9B,KACrBlC,EAAImC,cACJnC,EAAI6C,WACJ7C,EAAIu8B,WAGNqB,GAAa3sB,SAAQ,SAACha,GAChBwlC,GAAawD,EAAYhpC,IAC3BopC,EAAOzX,KAAK3xB,EAAKuD,cAIf0tB,EACJh0B,+BAAKF,UAAU,0BAA0BgM,EAAIu8B,cAG3C8D,EAAO9sB,OAAQ,KACX/Y,EACJtG,+BAAKO,4BAAsBuL,EAAIu8B,YAC5B8D,EAAO/rC,KAAI,SAACkG,EAAehG,UAC1BN,+BAAKO,yBAAmBD,IAAUgG,cAMtCtG,wBAACqG,IACCC,MAAOA,EACPI,uBAAwBA,GACxBD,mBAAoBA,IAEnButB,UAKAA,IAET,CACE4V,GACAD,GACAD,GACAhjC,GACAD,KAIE2lC,GAAuBnpC,eAAY,kBAErCjD,wBAACqnC,IACCz3B,cAAe9B,GACf3C,MAAOA,GACPgI,KAAMA,EACNzF,cAAeA,EACfgD,aAAcA,EACdjD,aAAco9B,GACdl6B,eAAgBA,EAChB22B,eAAgBA,EAChBC,iBAAkBA,EAClBC,gBAAiBA,EACjBh3B,WAAYA,EACZi3B,OAAQwD,GACR39B,SAAUqf,GACVwZ,SAAUoF,GACV7D,QAASgE,GACT/D,mBAAoBA,GACpB72B,UAAWA,GACX82B,UAAWA,OAGd,CACD95B,GACA3C,GACAgI,EACAzF,EACAgD,EACAm6B,GACAl6B,EACA22B,EACAC,EACAC,EACAh3B,EACAy6B,GACAte,GACA4e,GACAG,GACA/D,GACA72B,GACA82B,YAIA5nC,wBAAC2mC,IAAiB7mC,UAAU,eACX,WAAd8oC,EACC5oC,wBAACmV,IACCjH,OACgB,SAAd06B,GAAwBt+B,EACtBtK,wBAAC+nC,IACCz9B,KAAMA,EACNhE,MAAOmE,GACPy9B,oBAAqBA,EACrBD,iBAAkBvwB,GAClBhR,uBAAwBA,GACxBD,mBAAoBA,GACpB8D,OAAQmN,KAGV1X,wBAAC4mC,IACCx/B,KAAK,SACLtH,UAAWG,UACT,4CACAqpC,IAGFtpC,gCAAMF,UAAW0pC,GAAsBS,KAI7ChoC,KAAMyV,GACNnC,OAAQi2B,GACRh2B,cAAe01B,GACfl3B,QAAS3Q,GACToS,SAAUA,GACVC,cAAeA,EACfC,gBAAiBA,GACjBC,uBAAwBA,GAEvBw2B,MAGHA,KAEQ,WAATj5B,EACCnT,wBAAC6mC,IACC/mC,UAAU,oBACVmC,KAAM8oC,GACN5E,SAAUsF,GACVrF,UAAWuF,GACXtF,YAAawC,EACbvC,cAAewC,EACftC,cAAewC,EACfzC,eAAgBwC,IAEhB,OAKVN,GAAWppC,YAAc,aCnmBzB,IAOMiF,GAAmB,CACvBC,SAAU,CAAEF,QAAS,GACrBI,QAAS,CAAEJ,QAAS,GACpBK,QAAS,CAAEL,QAAS,GACpB9B,OAAQ,CAAE8B,QAAS,IAGRgoC,GAAuB,oBAClCzoC,GAAIgB,gBACJf,IAAAA,QACAC,IAAAA,SACAlE,IAAAA,SACAsC,IAAAA,UACA2C,QAAAA,aAAU,aAEV7E,wBAAC8E,cACCC,UACAnB,GAAIgB,EACJC,QAASA,EACThB,QAASA,EACTC,SAAUA,IAET,SAACkB,UACOC,eAAarF,EAAU,CAC5BsC,eACEgD,WAAsB,WAAVF,GAAuBJ,OAAoBO,EAAX,WA/BpDmnC,EAgCwBznC,EA/B8B,CACtD1C,yBAAmBmqC,oBACnBjoC,QAAS,KA8BEC,GAAiBU,IACjB9C,GACAtC,EAASX,MAAMiD,SApCP,IACnBoqC,MA0CFD,GAAKhtC,YAAc,WC1CNktC,GAAoB,gBAS3BC,MARJ5oC,GAAIgB,gBACJf,IAAAA,QACAC,IAAAA,SACAlE,IAAAA,SACAsC,IAAAA,UACA2C,QAAAA,aAAU,UACV4nC,mCAAmB,cAKZ,QACHD,EAAgB,oBAEb,MACHA,EAAgB,qBAEb,SACHA,EAAgB,wBAGhBA,EAAgB,eAGdzoC,EAAe,SAACc,SAAsD,CAC1E1C,yBAAmB0C,eAGfP,EAAmB,CACvBC,SAAU,CACRH,4BAEFK,QAAS,CACPL,4BAEFM,QAAS,CACPN,8BAAwBooC,QAE1BjqC,OAAQ,CACN6B,8BAAwBooC,gBAK1BxsC,wBAAC8E,cACCC,UACAnB,GAAIgB,EACJC,QAASA,EACThB,QAASA,EACTC,SAAUA,IAET,SAACkB,UACOC,eAAarF,EAAU,CAC5BsC,eACEgD,WAAsB,WAAVF,GAAuBJ,OAAoBO,EAAX,UACzCpB,EAAac,IACbP,EAAiBU,IACjB9C,GACAtC,EAASX,MAAMiD,aAQ9BqqC,GAAMltC,YAAc,QC1Eb,IAAMqtC,GAAiC3tC,UAAOuR,6GAAPvR,cAG1C,SAACE,SACoB,SAArBA,EAAMwN,YACN7N,uQAkBA,SAACK,SACoB,UAArBA,EAAMwN,YACN7N,uQAqBJ8tC,GAA+BrtC,YAAc,iECxChCstC,GAA0D,gBACrE/sC,IAAAA,aACAuR,UAAAA,aAAY,SACTlS,iBAGDe,wBAAC0sC,MACC7nC,QAAS,IACTtD,WAAW,UACXqrC,iBACAngC,WAAY0E,GACRlS,GAEHW,IAKP+sC,GAAyBttC,YAAc,+BCnB1BwtC,GAA0C,oBACrDjpC,GAAIgB,gBACJf,IAAAA,QACAC,IAAAA,SACAlE,IAAAA,SACAsC,IAAAA,UACA2C,QAAAA,aAAU,MAEJd,EAAelC,WAAQ,iBACpB,CACLmC,mBAAoB,gBACpBC,6BAAuBY,QACvBX,yBAA0B,UAE3B,CAACW,WAGF7E,wBAAC8E,cACCC,UACAnB,GAAIgB,EACJC,QAASA,EACThB,QAASA,EACTC,SAAUA,IAET,SAACkB,UACOC,eAAarF,EAAU,CAC5BsC,aACEgD,WAAsB,WAAVF,GAAuBJ,OAAoBO,EAAX,UACzCpB,GACA7B,GACAtC,EAASX,MAAMiD,aAQ9B2qC,GAAiBxtC,YAAc,mBCpC/B,IAcMiF,GAAmB,CACvBC,SAAU,CAAEH,sBAAwBC,QAAS,GAC7CI,QAAS,CAAEL,sBAAwBC,QAAS,GAC5CK,QAAS,CAAEN,sBAAwBC,QAAS,GAC5C9B,OAAQ,CAAE6B,sBAAwBC,QAAS,IAGhCyoC,GAA2B,oBACtClpC,GAAIgB,gBACJf,IAAAA,QACAC,IAAAA,SACAlE,IAAAA,SACAsC,IAAAA,UACA2C,QAAAA,aAAU,aAGR7E,wBAAC8E,cACCC,UACAnB,GAAIgB,EACJC,QAASA,EACThB,QAASA,EACTC,SAAUA,IAET,SAACkB,UACOC,eAAarF,EAAU,CAC5BsC,kBAtCRoqC,EAuC0B1nC,EAASC,EAAU,EAjCxC,CACL1C,yBAAmBmqC,gBACnBloC,sBACAC,QAAS,EACTF,gBAAiB,UA8BJG,GAAiBU,IACjB9C,GACAtC,EAASX,MAAMiD,SA3CT,IACnBoqC,MAkDFQ,GAAOztC,YAAc,SCrDrB,IAAMiF,GAAmB,CACvBG,QAAS,CAAEL,UAAW,YACtBM,QAAS,CAAEN,UAAW,aAGX2oC,GAAoB,oBAC/BnpC,GAAIgB,gBACJf,IAAAA,QACAC,IAAAA,SACAlE,IAAAA,SACAsC,IAAAA,UACA2C,QAAAA,aAAU,MAEJd,EAAelC,WAAQ,iBACpB,CACLmC,mBAAoB,YACpBC,6BAAuBY,QACvBT,UAAW,cAEZ,CAACS,WAGF7E,wBAAC8E,cACClB,GAAIgB,EACJC,QAASA,EACThB,QAASA,EACTC,SAAUA,IAET,SAACkB,UACOC,eAAarF,EAAU,CAC5BsC,iBACK6B,GACAO,GAAiBU,IACjB9C,GACAtC,EAASX,MAAMiD,aAQ9B6qC,GAAM1tC,YAAc,QC7Cb,IAAM2tC,GAAyBjuC,UAAO8K,wFAAP9K,oCAKtCiuC,GAAuB3tC,YAAc,yBAE9B,IAAM4tC,GAAyBluC,UAAO8K,wFAAP9K,OAEtCkuC,GAAuB5tC,YAAc,yBAM9B,IAAM6tC,GAAoBnuC,UAAOU,kFAAPV,cAC7B,SAACE,UACDA,EAAM8K,SACNnL,+FACIouC,GACAC,GACI,2BASR,SAAChuC,UACiB,IAAlBA,EAAM8K,SACNnL,0EAEIouC,GACAC,GACI,2BAOZC,GAAkB7tC,YAAc,8EC5BnB8tC,GAAcztC,cACzB,WAEEC,WADE4K,OAAAA,oBAAgB6iC,eAAAA,gBAAwB9iC,IAAAA,KAAMD,IAAAA,MAAOhK,IAAAA,MAAUN,iBAI/DC,wBAACktC,MACCptC,UAAW,kBACPC,GACJJ,IAAKA,EACLR,QAAS,YACT4K,QAASQ,IAERD,GAAQ8iC,EACLptC,UAAMiF,aAAaqF,EAAM,CACvBpI,MAAO,CAAEmrC,QAAS,kBAEpB,KACHhjC,EACCrK,wBAACgtC,IACC/jC,MAAO,YACPU,OAAQ,SACR7J,UAAW,yBAEVuK,OAED,KACJrK,wBAACitC,IACChkC,MAAO,YACPU,OAAQ,SACR7J,UAAW,yBAEVO,OAOX8sC,GAAY9tC,YAAc,cCvDnB,IAAMiuC,GAAqBvuC,UAAOsC,oFAAPtC,0cAgClCuuC,GAAmBjuC,YAAc,qBAE1B,IAAMkuC,GAAwBxuC,UAAOsC,uFAAPtC,sIASrCwuC,GAAsBluC,YAAc,wBAE7B,IAAMmuC,GAAuBzuC,UAAOsC,sFAAPtC,uIASpCyuC,GAAqBnuC,YAAc,uBAE5B,IAAMouC,GAAuB1uC,UAAOwoB,wFAAPxoB,6XAKpBuuC,GAKAA,GAKVC,GAKAC,GAMWF,IAMjBG,GAAqBpuC,YAAc,uBAEnC,IAAMquC,GAAe9uC,4KACjB2uC,GAIAE,GAA0BH,GAI1BG,GAAkCH,GAKhCE,IAMOG,GAAe5uC,UAAOsL,gFAAPtL,4IACxBJ,EACAE,EAWE6uC,IAGF,SAACzuC,UACDA,EAAMgpB,YACNrpB,cACI8uC,OAIRC,GAAatuC,YAAc,8CCxHduuC,GAASluC,cACpB,WAAkCC,OAA/B+R,IAAAA,QAAS5R,IAAAA,UAAcC,iBAEtBC,wBAAC2tC,IACC7tC,UAAWyB,UAAW,WAAYzB,GAClCmoB,WAAYvW,GAEZ1R,wBAACytC,MAAqB9tC,IAAKA,EAAKyH,KAAK,YAAerH,IACpDC,wBAACstC,QACCttC,wBAACwtC,cACDxtC,wBAACutC,oBAOXK,GAAOvuC,YAAc,SCvBd,IAAMwuC,GAAiB9uC,UAAOsC,gFAAPtC,sLAO1BJ,EACAE,GAEA,SAACI,UACDA,EAAM6/B,OACNlgC,iDAIA,SAACK,UACDA,EAAM6uC,UACNlvC,+BAKJivC,GAAexuC,YAAc,iBAEtB,IAAM0uC,GAAwBhvC,UAAOsC,uFAAPtC,iEAMjC,SAACE,UACDA,EAAM6uC,UACNlvC,mCAKJmvC,GAAsB1uC,YAAc,wBAEpC,IAAM2uC,GAAqBpvC,yCAKdqvC,GAA+BlvC,UAAO0I,8FAAP1I,sIACxCivC,GAMAD,IAMJE,GAA6B5uC,YAAc,+BAEpC,IAAM6uC,GAAyCnvC,UACpDgd,wGADoDhd,oFAGlDivC,IAKA,SAAC/uC,UACDA,EAAM6/B,OACNlgC,sCAKJsvC,GAAuC7uC,YACrC,yCAEK,IAAM8uC,GAAsBpvC,UAAO2wB,qFAAP3wB,kGAQnCovC,GAAoB9uC,YAAc,sBAE3B,IAAM+uC,GAAqBrvC,UAAOsC,oFAAPtC,iLAOvB,SAACE,mBAAaA,EAAMmjB,gBAG/BgsB,GAAmB/uC,YAAc,mICnEpBgvC,GAAoD,sBAC/D5jB,QAAAA,aAAU,KACVve,IAAAA,aACAoiC,QAAAA,gBACAC,IAAAA,YACAjhC,IAAAA,SACAijB,IAAAA,YACA1D,IAAAA,sBACAhtB,SAAAA,gBACGixB,UAEG0d,EAAe3sC,WAAQ,eACvBxB,EAAQ,UACP6L,GAGLue,EAAQrqB,KAAI,SAAC8kB,MACNA,MAAAA,GAAAA,EAAyBuF,eACpBvF,EAAwBuF,QAAQgkB,MAAK,SAACC,GACxCA,EAAEhnB,KAAOxb,IACX7L,EAAQquC,EAAEprB,SAKV4B,EAAEwC,KAAOxb,IACX7L,EAAQ6kB,EAAE5B,SAKTjjB,GAjBEA,IAkBR,CAACoqB,EAASve,QACa5J,WAASksC,MAA5BnuC,OAAOsuC,OACRxM,EAAiBl/B,eAAY,SAAC8K,UAAM4gC,EAAS5gC,EAAEG,OAAO7N,SAAQ,QAClCiC,gBAA3BwE,OAEDxD,EAAY5B,OADCiB,SAAgC,WAG3BL,YAAS,MAA1BL,OAAM4E,OAEPooB,EAAkBhsB,eACtB,SAAC8K,GACe,WAAVA,EAAExN,KAAoB0B,IACxB4E,GAAQ,GACR8nC,EAASH,GACTzgC,EAAEoe,qBAGN,CAAClqB,EAAMusC,IAGHzd,EAAUpuB,SAA8B,MAE9Ca,aAAU,WACRvB,IAAQ6E,MAAAA,GAAAA,EAAWglB,UAClB7pB,IAAQ6E,MAAAA,GAAAA,EAAW8nC,UACnB,CAAC9nC,EAAW7E,IAEfuB,aAAU,WACRmrC,EAASH,KACR,CAACA,QAEEhe,EAAcvtB,eAClB,SAACiiB,GACC2H,MAAAA,GAAAA,EAAoB3H,GACpBre,GAAQ,KAEV,CAACgmB,IAGGF,EAAe1pB,eACnB,SAACiuB,GACKA,IACF5jB,MAAAA,GAAAA,EAAW4jB,GACXrqB,GAAQ,MAGZ,CAACyG,IAGG0G,EAAU/Q,eAAY,WAC1BisB,YAAW,WACTroB,GAAQ,KACP,KACH8nC,EAASH,KACR,CAACA,IAEEj5B,EAAStS,eAAY,WACpBpD,GACHgH,GAAQ,KAET,CAAChH,IAEE6uB,EAAqBzrB,eAAY,SAAC2nB,EAAQ3rB,UAE5Ce,gDACEA,wBAACkwB,IACCC,SAAUvF,EAAOyG,MACjBpoB,MAAO2hB,EAAO3hB,MACdgnB,UAAWrF,EAAOqF,UAClB3M,KAAMsH,EAAOtH,OAEftjB,wBAACkoB,GAAgBjpB,MAGpB,IAEG4vC,EAAiB5rC,eACrB,SAAC8K,GACCA,EAAEoe,kBACF7e,MAAAA,GAAAA,EAAW,IACXzG,GAAQ,KAEV,CAACyG,IAGGwhC,EAAkB7rC,eAAY,SAAC8K,GACnCA,EAAEuG,mBACD,WAGDtU,wBAAC6tC,IAAe/tC,UAAU,cAAcg/B,MAAO78B,EAAM6rC,SAAUQ,GAC7DtuC,wBAAC+tC,IACCpjC,QAAS4K,EACTshB,QAASthB,EACTuhB,OAAQ9iB,EACRrU,IAAKoxB,EACL+c,SAAUQ,GAEVtuC,wBAACmuC,IACCxuC,IAAK2D,EACLjD,MAAOiuC,GAAWC,EAAcA,EAAcluC,EAC9C4T,UAAWgb,EACX3hB,SAAU60B,EACV5R,YAAaA,EACb1wB,SAAUA,IAEVA,EAeE,KAdFG,gDACGsuC,EACCtuC,wBAAC2mB,SACCza,EACFlM,wBAACP,GACCyW,YAAa44B,EACbnkC,QAASkkC,EACT1vC,QAAQ,aAERa,wBAACiuC,UAED,KACJjuC,wBAACkuC,IAAuCpP,MAAO78B,MAInDpC,EAsBE,KArBFG,wBAAC+B,IACCC,SAAU+uB,EAAQtvB,QAClBQ,KAAMA,EACNG,UAAU,SACVF,MAAO,CAAE0E,OAAQ,KAEjB5G,wBAACwU,gBAAaG,eAAYo6B,mBACxB/uC,wBAACouC,IAAmBhsB,iBAAQ2O,EAAQtvB,4BAARutC,EAAiB5lB,aAC3CppB,wBAACusB,QACKuE,GACJtE,QAAS1lB,EACToF,SAAUA,EACVygB,aAAcA,EACd1B,aAAcyD,EACdjE,QAASA,EACTrjB,KAAK,SACLylB,kBAAmB2D,UAUnC6d,GAAShvC,YAAc,WCzNhB,IAAM4vC,GAAoBlwC,UAAOsC,mFAAPtC,aAC7BF,GAEA,SAACI,UACDA,EAAMiJ,OACFtJ,gCACsBK,EAAMiJ,QAE5BtJ,uDAKRqwC,GAAkB5vC,YAAc,oBAEzB,IAAM6vC,GAA4BnwC,UAAOsC,2FAAPtC,qBAGrC,SAACE,UACDA,EAAMiJ,OACFtJ,gCACsBK,EAAMiJ,QAE5BtJ,uDAKRswC,GAA0B7vC,YAAc,gCCvB3B8vC,GAAqC,gBAChDC,IAAAA,SACArf,IAAAA,gBACAsf,IAAAA,cAEMC,EAAiBztC,WAAQ,eACzBnB,EAAQ0uC,SACRA,EAAW,MACb1uC,EAAQ,KAEN0uC,EAAW,IACb1uC,EAAQ,GAEHA,IACN,CAAC0uC,WAGFpvC,wBAACivC,IAAkBnvC,UAAW,iBAAkBoI,OAAQ6nB,GACtD/vB,wBAACkvC,IACCpvC,UAAW,2BACXoC,MAAO,CAAExB,gBAAU4uC,QACnBpnC,OAAQmnC,MAMhBF,GAAY9vC,YAAc,cCtC1B,IAAMkwC,GAAevvC,UAAMN,YACzB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAM,KACNC,OAAO,KACPE,MAAM,6BACNlB,IAAKc,GACDxB,GAEJe,6BAAGc,KAAK,OAAOE,SAAS,WACtBhB,gCACEe,EAAE,mWACFmmB,OAAO,OACPH,YAAY,OACZjmB,KAAK,YAEPd,gCACEe,EAAE,0WACFD,KAAK,YAEPd,gCACEe,EAAE,mWACFmmB,OAAO,UACPH,YAAY,OACZjmB,KAAK,YAEPd,gCACEknB,OAAO,UACPH,YAAY,OACZyoB,cAAc,QACdzuC,EAAE,oEAMZwuC,GAAalwC,YAAc,sBACZkwC,GCrCTE,GAAYzvC,UAAMN,YACtB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAM,KACNC,OAAO,KACPE,MAAM,6BACNlB,IAAKc,GACDxB,GAEJe,6BAAGc,KAAK,OAAOE,SAAS,WACtBhB,gCACEe,EAAE,qHACFD,KAAK,YAEPd,gCACEe,EAAE,qGACFD,KAAK,SAEPd,gCACEe,EAAE,mUACFD,KAAK,YAEPd,gCACEe,EAAE,2SACFmmB,OAAO,UACPH,YAAY,cAMtB0oB,GAAUpwC,YAAc,mBACTowC,GChCTC,GAAY1vC,UAAMN,YACtB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAM,KACNC,OAAO,KACPE,MAAM,6BACNlB,IAAKc,GACDxB,GAEJe,6BAAGc,KAAK,OAAOE,SAAS,WACtBhB,gCACEe,EAAE,mCACFmmB,OAAO,UACPH,YAAY,SAEd/mB,gCACEe,EAAE,oCACFmmB,OAAO,UACPH,YAAY,SAEd/mB,gCACEe,EAAE,+EACFmmB,OAAO,UACPH,YAAY,SAEd/mB,gCACEe,EAAE,0JACFD,KAAK,YAEPd,gCACEc,KAAK,UACLC,EAAE,gGAEJf,gCACEe,EAAE,oCACFmmB,OAAO,UACPH,YAAY,SAEd/mB,gCACEe,EAAE,sEACFmmB,OAAO,UACPH,YAAY,SAEd/mB,6BAAGoE,UAAU,yBACXpE,gCAAMc,KAAK,UAAUC,EAAE,iCACvBf,gCACEe,EAAE,yDACFD,KAAK,YAEPd,gCACEe,EAAE,2CACFmmB,OAAO,UACPH,YAAY,SAEd/mB,mCACEknB,OAAO,UACPH,YAAY,OACZjmB,KAAK,OACL8lB,GAAG,QACHC,GAAG,QACHQ,GAAG,QACHsoB,GAAG,gBAOfD,GAAUrwC,YAAc,mBACTqwC,GCrETE,GAAY5vC,UAAMN,YACtB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAM,KACNC,OAAO,KACPE,MAAM,6BACNlB,IAAKc,GACDxB,GAEJe,6BAAGc,KAAK,OAAOE,SAAS,WACtBhB,kCAAQc,KAAK,UAAU8lB,GAAG,IAAIC,GAAG,IAAIC,EAAE,MACvC9mB,gCACEe,EAAE,+EACFD,KAAK,YAEPd,gCACEe,EAAE,yEACFD,KAAK,YAEPd,kCAAQknB,OAAO,UAAUH,YAAY,OAAOH,GAAG,IAAIC,GAAG,IAAIC,EAAE,UAC5D9mB,gCAAMe,EAAE,+CAA+CD,KAAK,SAC5Dd,gCACEe,EAAE,wHACFD,KAAK,UACLE,SAAS,YAEXhB,gCACEc,KAAK,OACLE,SAAS,UACTmmB,EAAE,IACFC,EAAE,IACF1mB,MAAM,IACNC,OAAO,IACP0mB,GAAG,MAELrnB,gCACEc,KAAK,OACLE,SAAS,UACTmmB,EAAE,IACFC,EAAE,IACF1mB,MAAM,IACNC,OAAO,IACP0mB,GAAG,WAMbuoB,GAAUvwC,YAAc,mBACTuwC,GCjDTC,GAAe7vC,UAAMN,YACzB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAM,KACNC,OAAO,KACPE,MAAM,6BACNlB,IAAKc,GACDxB,GAEJe,6BAAGc,KAAK,OAAOE,SAAS,WACtBhB,kCAAQc,KAAK,UAAU8lB,GAAG,IAAIC,GAAG,IAAIC,EAAE,MACvC9mB,gCACEc,KAAK,OACLE,SAAS,UACTmmB,EAAE,IACFC,EAAE,IACF1mB,MAAM,IACNC,OAAO,IACP0mB,GAAG,MAELrnB,gCACEc,KAAK,OACLE,SAAS,UACTmmB,EAAE,KACFC,EAAE,IACF1mB,MAAM,IACNC,OAAO,IACP0mB,GAAG,MAELrnB,gCACEe,EAAE,+EACFD,KAAK,YAEPd,gCACEe,EAAE,yEACFD,KAAK,YAEPd,kCAAQknB,OAAO,UAAUH,YAAY,OAAOH,GAAG,IAAIC,GAAG,IAAIC,EAAE,UAC5D9mB,gCAAMc,KAAK,OAAOC,EAAE,2CACpBf,gCAAMc,KAAK,OAAOC,EAAE,qBACpBf,gCACEe,EAAE,gEACFmmB,OAAO,UACPH,YAAY,QAEd/mB,gCAAMe,EAAE,mCAAmCmmB,OAAO,SAClDlnB,gCAAMc,KAAK,OAAOE,SAAS,UAAUD,EAAE,kCAK/C8uC,GAAaxwC,YAAc,sBACZwwC,GCpDTC,GAAe9vC,UAAMN,YACzB,SAACT,EAAsCwB,UACrCT,iCACEU,MAAM,KACNC,OAAO,KACPE,MAAM,6BACNlB,IAAKc,GACDxB,GAEJe,6BAAGc,KAAK,OAAOE,SAAS,WACtBhB,gCACEe,EAAE,6VACFD,KAAK,YAEPd,gCACEe,EAAE,gJACFD,KAAK,YAEPd,gCACEe,EAAE,4LACFD,KAAK,YAEPd,gCACEe,EAAE,2aACFmmB,OAAO,UACPH,YAAY,SAEd/mB,gCACEknB,OAAO,UACPH,YAAY,OACZjmB,KAAK,OACLqmB,EAAE,OACFC,EAAE,QACF1mB,MAAM,QACNC,OAAO,QACP0mB,GAAG,UAELrnB,gCACEe,EAAE,iIACFD,KAAK,cAMfgvC,GAAazwC,YAAc,sBACZywC,GC9CTC,GAAiB/vC,UAAMN,YAC3B,SAACT,EAAsCwB,UACrCT,iCACEU,MAAM,KACNC,OAAO,KACPE,MAAM,6BACNlB,IAAKc,GACDxB,GAEJe,6BAAGc,KAAK,OAAOE,SAAS,WACtBhB,gCACEe,EAAE,2UACFD,KAAK,YAEPd,gCACEe,EAAE,6IACFD,KAAK,YAEPd,gCACEe,EAAE,6LACFD,KAAK,YAEPd,gCACEe,EAAE,gcACFmmB,OAAO,UACPH,YAAY,SAEd/mB,gCACEknB,OAAO,UACPH,YAAY,OACZjmB,KAAK,OACLsD,UAAU,uBACV+iB,EAAE,QACFC,EAAE,OACF1mB,MAAM,QACNC,OAAO,QACP0mB,GAAG,UAELrnB,gCACEe,EAAE,oIACFD,KAAK,cAMfivC,GAAe1wC,YAAc,wBACd0wC,GC9CFC,GAAcC,26U/PUG,kBAAoBhqC,aAAWuN"}