no-frills-ui 0.0.14-alpha.7 → 0.0.14-alpha.8

package/lib-esm/components/Menu/MenuItem.js

@@ -8,7 +8,7 @@ import MenuContext from './MenuContext.js';
 const Container = /*#__PURE__*/ styled("button", {
     target: "ea4jlaf0",
     label: "Container"
-})("font-weight:", (props)=>props.selected ? 'bold' : 'normal', ";padding:8px;border:none;border-left:4px solid\n        ", (props)=>props.selected && !props.multiselect ? getThemeValue(THEME_NAME.TEXT_COLOR_DARK) : 'transparent', ";background-color:transparent;font-size:16px;border-bottom:1px solid ", getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR), ";min-height:41px;display:flex;align-items:center;cursor:pointer;position:relative;color:", getThemeValue(THEME_NAME.TEXT_COLOR_DARK), ";&:hover,&:focus,&:focus-within{background-color:", getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR), ";}& > label{margin:0 4px 0 0;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9NZW51L01lbnVJdGVtLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9NZW51L01lbnVJdGVtLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgU3ludGhldGljRXZlbnQsIHVzZUNvbnRleHQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRUaGVtZVZhbHVlLCBUSEVNRV9OQU1FIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2NvbnN0YW50cyc7XG5pbXBvcnQgQ2hlY2tib3ggZnJvbSAnLi4vSW5wdXQvQ2hlY2tib3gnO1xuaW1wb3J0IE1lbnVDb250ZXh0LCB7IE1lbnVDb250ZXh0VHlwZSB9IGZyb20gJy4vTWVudUNvbnRleHQnO1xuXG5pbnRlcmZhY2UgTWVudUl0ZW1Qcm9wczxUPiB7XG4gICAgLyoqIFZhbHVlIG9mIHRoZSBlbGVtZW50ICovXG4gICAgdmFsdWU6IFQ7XG59XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5idXR0b248eyBzZWxlY3RlZDogYm9vbGVhbjsgbXVsdGlzZWxlY3Q/OiBib29sZWFuIH0+YFxuICAgIGZvbnQtd2VpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLnNlbGVjdGVkID8gJ2JvbGQnIDogJ25vcm1hbCcpfTtcbiAgICBwYWRkaW5nOiA4cHg7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1sZWZ0OiA0cHggc29saWRcbiAgICAgICAgJHsocHJvcHMpID0+XG4gICAgICAgICAgICBwcm9wcy5zZWxlY3RlZCAmJiAhcHJvcHMubXVsdGlzZWxlY3RcbiAgICAgICAgICAgICAgICA/IGdldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5URVhUX0NPTE9SX0RBUkspXG4gICAgICAgICAgICAgICAgOiAndHJhbnNwYXJlbnQnfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkJPUkRFUl9MSUdIVF9DT0xPUil9O1xuICAgIG1pbi1oZWlnaHQ6IDQxcHg7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlRFWFRfQ09MT1JfREFSSyl9O1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmZvY3VzLFxuICAgICY6Zm9jdXMtd2l0aGluIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQk9SREVSX0xJR0hUX0NPTE9SKX07XG4gICAgfVxuXG4gICAgJiA+IGxhYmVsIHtcbiAgICAgICAgbWFyZ2luOiAwIDRweCAwIDA7XG4gICAgfVxuYDtcblxuY29uc3QgTWVudUl0ZW1Jbm5lciA9IDxULD4oXG4gICAgcHJvcHM6IE1lbnVJdGVtUHJvcHM8VD4gJiBSZWFjdC5Qcm9wc1dpdGhDaGlsZHJlbixcbiAgICByZWY6IFJlYWN0LlJlZjxIVE1MQnV0dG9uRWxlbWVudD4sXG4pID0+IHtcbiAgICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChNZW51Q29udGV4dCkgYXMgTWVudUNvbnRleHRUeXBlPFQ+O1xuICAgIGNvbnN0IHsgdmFsdWUsIGNoaWxkcmVuLCAuLi5yZXN0IH0gPSBwcm9wcztcbiAgICBjb25zdCBjbGlja0hhbmRsZXIgPSAoZTogU3ludGhldGljRXZlbnQpID0+IHtcbiAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgY29udGV4dC51cGRhdGVWYWx1ZSh2YWx1ZSBhcyBUICYgVFtdKTtcbiAgICB9O1xuXG4gICAgY29uc3Qgc2VsZWN0ZWQgPSBjb250ZXh0Lm11bHRpU2VsZWN0XG4gICAgICAgID8gY29udGV4dC52YWx1ZT8uaW5jbHVkZXM/Lih2YWx1ZSlcbiAgICAgICAgOiBjb250ZXh0LnZhbHVlID09PSB2YWx1ZTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXJcbiAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgIHJvbGU9XCJvcHRpb25cIlxuICAgICAgICAgICAgYXJpYS1zZWxlY3RlZD17c2VsZWN0ZWR9XG4gICAgICAgICAgICBzZWxlY3RlZD17c2VsZWN0ZWR9XG4gICAgICAgICAgICBvbkNsaWNrPXtjbGlja0hhbmRsZXJ9XG4gICAgICAgICAgICBtdWx0aXNlbGVjdD17Y29udGV4dC5tdWx0aVNlbGVjdCA/IHRydWUgOiB1bmRlZmluZWR9XG4gICAgICAgID5cbiAgICAgICAgICAgIHtjb250ZXh0Lm11bHRpU2VsZWN0ICYmIChcbiAgICAgICAgICAgICAgICA8Q2hlY2tib3hcbiAgICAgICAgICAgICAgICAgICAgY2hlY2tlZD17c2VsZWN0ZWR9XG4gICAgICAgICAgICAgICAgICAgIHJlYWRPbmx5XG4gICAgICAgICAgICAgICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KGUpID0+IGUuc3RvcFByb3BhZ2F0aW9uKCl9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvQ29udGFpbmVyPlxuICAgICk7XG59O1xuXG5jb25zdCBNZW51SXRlbSA9IFJlYWN0LmZvcndhcmRSZWYoTWVudUl0ZW1Jbm5lcikgYXMgPFQ+KFxuICAgIHByb3BzOiBNZW51SXRlbVByb3BzPFQ+ICYgUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW4gJiB7IHJlZj86IFJlYWN0LlJlZjxIVE1MQnV0dG9uRWxlbWVudD4gfSxcbikgPT4gUmV0dXJuVHlwZTx0eXBlb2YgTWVudUl0ZW1Jbm5lcj47XG5cbmV4cG9ydCBkZWZhdWx0IE1lbnVJdGVtO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdrQiJ9 */");
+})("font-weight:", (props)=>props.selected ? 'bold' : 'normal', ";padding:8px;border:none;border-left:4px solid\n        ", (props)=>props.selected && !props.multiselect ? getThemeValue(THEME_NAME.TEXT_COLOR_DARK) : 'transparent', ";background-color:transparent;font-size:16px;border-bottom:1px solid ", getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR), ";min-height:41px;display:flex;align-items:center;cursor:pointer;position:relative;color:", getThemeValue(THEME_NAME.TEXT_COLOR_DARK), ";&:hover,&:focus,&:focus-within{background-color:", getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR), ";}& > label{margin:0 4px 0 0;}");
 const MenuItemInner = (props, ref)=>{
     const context = useContext(MenuContext);
     const { value, children, ...rest } = props;
@@ -40,3 +40,4 @@ const MenuItemInner = (props, ref)=>{
 const MenuItem = /*#__PURE__*/ React.forwardRef(MenuItemInner);
 
 export { MenuItem as default };
+//# sourceMappingURL=MenuItem.js.map

package/lib-esm/components/Menu/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.js","sources":["../../../src/components/Menu/MenuItem.tsx"],"sourcesContent":["import React, { SyntheticEvent, useContext } from 'react';\nimport styled from '@emotion/styled';\nimport { getThemeValue, THEME_NAME } from '../../shared/constants';\nimport Checkbox from '../Input/Checkbox';\nimport MenuContext, { MenuContextType } from './MenuContext';\n\ninterface MenuItemProps<T> {\n    /** Value of the element */\n    value: T;\n}\n\nconst Container = styled.button<{ selected: boolean; multiselect?: boolean }>`\n    font-weight: ${(props) => (props.selected ? 'bold' : 'normal')};\n    padding: 8px;\n    border: none;\n    border-left: 4px solid\n        ${(props) =>\n            props.selected && !props.multiselect\n                ? getThemeValue(THEME_NAME.TEXT_COLOR_DARK)\n                : 'transparent'};\n    background-color: transparent;\n    font-size: 16px;\n    border-bottom: 1px solid ${getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR)};\n    min-height: 41px;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    position: relative;\n    color: ${getThemeValue(THEME_NAME.TEXT_COLOR_DARK)};\n\n    &:hover,\n    &:focus,\n    &:focus-within {\n        background-color: ${getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR)};\n    }\n\n    & > label {\n        margin: 0 4px 0 0;\n    }\n`;\n\nconst MenuItemInner = <T,>(\n    props: MenuItemProps<T> & React.PropsWithChildren,\n    ref: React.Ref<HTMLButtonElement>,\n) => {\n    const context = useContext(MenuContext) as MenuContextType<T>;\n    const { value, children, ...rest } = props;\n    const clickHandler = (e: SyntheticEvent) => {\n        e.stopPropagation();\n        context.updateValue(value as T & T[]);\n    };\n\n    const selected = context.multiSelect\n        ? context.value?.includes?.(value)\n        : context.value === value;\n\n    return (\n        <Container\n            {...rest}\n            ref={ref}\n            type=\"button\"\n            role=\"option\"\n            aria-selected={selected}\n            selected={selected}\n            onClick={clickHandler}\n            multiselect={context.multiSelect ? true : undefined}\n        >\n            {context.multiSelect && (\n                <Checkbox\n                    checked={selected}\n                    readOnly\n                    tabIndex={-1}\n                    onClick={(e) => e.stopPropagation()}\n                />\n            )}\n            {children}\n        </Container>\n    );\n};\n\nconst MenuItem = React.forwardRef(MenuItemInner) as <T>(\n    props: MenuItemProps<T> & React.PropsWithChildren & { ref?: React.Ref<HTMLButtonElement> },\n) => ReturnType<typeof MenuItemInner>;\n\nexport default MenuItem;\n"],"names":["Container","styled","props","selected","multiselect","getThemeValue","THEME_NAME","TEXT_COLOR_DARK","BORDER_LIGHT_COLOR","MenuItemInner","ref","context","useContext","MenuContext","value","children","rest","clickHandler","e","stopPropagation","updateValue","multiSelect","includes","_jsxs","type","role","aria-selected","onClick","undefined","_jsx","Checkbox","checked","readOnly","tabIndex","MenuItem","React","forwardRef"],"mappings":";;;;;;;AAWA,MAAMA,SAAAA,iBAAYC,MAAAA,CAAAA,QAAAA,EAAAA;;;AACC,CAAA,CAAA,CAAA,cAAA,EAAA,CAACC,KAAAA,GAAWA,KAAAA,CAAMC,QAAQ,GAAG,MAAA,GAAS,QAAA,EAAA,0DAAA,EAI/C,CAACD,KAAAA,GACCA,KAAAA,CAAMC,QAAQ,IAAI,CAACD,MAAME,WAAW,GAC9BC,aAAAA,CAAcC,UAAAA,CAAWC,eAAe,CAAA,GACxC,aAAA,EAAA,uEAAA,EAGaF,aAAAA,CAAcC,UAAAA,CAAWE,kBAAkB,CAAA,EAAA,0FAAA,EAM7DH,aAAAA,CAAcC,UAAAA,CAAWC,eAAe,CAAA,EAAA,mDAAA,EAKzBF,aAAAA,CAAcC,WAAWE,kBAAkB,CAAA,EAAA,gCAAA,CAAA;AAQvE,MAAMC,aAAAA,GAAgB,CAClBP,KAAAA,EACAQ,GAAAA,GAAAA;AAEA,IAAA,MAAMC,UAAUC,UAAAA,CAAWC,WAAAA,CAAAA;AAC3B,IAAA,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGd,KAAAA;AACrC,IAAA,MAAMe,eAAe,CAACC,CAAAA,GAAAA;AAClBA,QAAAA,CAAAA,CAAEC,eAAe,EAAA;AACjBR,QAAAA,OAAAA,CAAQS,WAAW,CAACN,KAAAA,CAAAA;AACxB,IAAA,CAAA;IAEA,MAAMX,QAAAA,GAAWQ,OAAAA,CAAQU,WAAW,GAC9BV,OAAAA,CAAQG,KAAK,EAAEQ,QAAAA,GAAWR,KAAAA,CAAAA,GAC1BH,OAAAA,CAAQG,KAAK,KAAKA,KAAAA;AAExB,IAAA,qBACIS,IAAA,CAACvB,SAAAA,EAAAA;AACI,QAAA,GAAGgB,IAAI;QACRN,GAAAA,EAAKA,GAAAA;QACLc,IAAAA,EAAK,QAAA;QACLC,IAAAA,EAAK,QAAA;QACLC,eAAAA,EAAevB,QAAAA;QACfA,QAAAA,EAAUA,QAAAA;QACVwB,OAAAA,EAASV,YAAAA;QACTb,WAAAA,EAAaO,OAAAA,CAAQU,WAAW,GAAG,IAAA,GAAOO,SAAAA;;YAEzCjB,OAAAA,CAAQU,WAAW,kBAChBQ,GAAA,CAACC,QAAAA,EAAAA;gBACGC,OAAAA,EAAS5B,QAAAA;gBACT6B,QAAQ,EAAA,IAAA;AACRC,gBAAAA,QAAAA,EAAU,EAAC;gBACXN,OAAAA,EAAS,CAACT,CAAAA,GAAMA,CAAAA,CAAEC,eAAe;;AAGxCJ,YAAAA;;;AAGb,CAAA;AAEA,MAAMmB,QAAAA,iBAAWC,KAAAA,CAAMC,UAAU,CAAC3B,aAAAA;;;;"}

package/lib-esm/components/Modal/Modal.js

@@ -180,3 +180,4 @@ Modal.defaultProps = {
 };
 
 export { Modal as default };
+//# sourceMappingURL=Modal.js.map

package/lib-esm/components/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport LayerManager, { LAYER_POSITION } from '../../shared/LayerManager';\nexport {\n    Header as ModalHeader,\n    Body as ModalBody,\n    Footer as ModalFooter,\n} from '../../shared/styles';\nimport { DialogContainer as ModalContainer } from '../Dialog/Dialog';\n\nconst modalPropTypes = {\n    /** Opens the modal */\n    open: PropTypes.bool.isRequired,\n    /** Closes the modal on esc */\n    closeOnEsc: PropTypes.bool,\n    /** Closes the modal on overlay click */\n    closeOnOverlayClick: PropTypes.bool,\n    /** Call back function called when the modal closes. */\n    onClose: PropTypes.func,\n};\n\ntype ModalProps = PropTypes.InferProps<typeof modalPropTypes>;\n\ninterface ModalState {\n    open: boolean;\n}\n\n/**\n * Modal component\n *\n * A dialog window that sits on top of the main application content.\n * It disrupts the user's workflow to demand attention for a critical task or decision.\n *\n * Accessibility:\n * - Implements ARIA `role=\"dialog\"` and `aria-modal=\"true\"`.\n * - Traps focus effectively within the modal while open.\n * - Restores focus to the triggering element upon closure.\n * - Supports closing via ESC key and overlay click.\n */\nexport default class Modal extends React.Component<\n    React.PropsWithChildren<ModalProps>,\n    ModalState\n> {\n    state = {\n        open: false,\n    };\n\n    static propTypes = modalPropTypes;\n\n    static defaultProps = {\n        closeOnEsc: true,\n        closeOnOverlayClick: true,\n    };\n\n    /**\n     * Syncs state with props.\n     */\n    static getDerivedStateFromProps(props: ModalProps) {\n        if (props.open) {\n            return {\n                open: true,\n            };\n        }\n        return null;\n    }\n\n    private layer: ReturnType<typeof LayerManager.renderLayer>;\n\n    private closeCallback: (resp?: unknown) => void;\n\n    /**\n     * Internal close handler.\n     * Restores focus and calls the external onClose callback.\n     */\n    private onClose = () => {\n        this.restoreFocus();\n        this.setState({\n            open: false,\n        });\n        this.props.onClose?.();\n        this.closeCallback = null;\n        this.layer = null;\n    };\n\n    private lastFocusedElement: HTMLElement | null = null;\n    private modalRef = React.createRef<HTMLDivElement>();\n\n    /**\n     * Retrieves all focusable elements within the modal.\n     */\n    private getFocusableElements = (): HTMLElement[] => {\n        if (!this.modalRef.current) return [];\n        return Array.from(\n            this.modalRef.current.querySelectorAll(\n                'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n            ),\n        ) as HTMLElement[];\n    };\n\n    /**\n     * Handles keydown events to implement the focus trap.\n     * Traps Tab and Shift+Tab within the modal.\n     */\n    private handleKeyDown = (e: React.KeyboardEvent) => {\n        if (e.key === 'Tab') {\n            const focusableElements = this.getFocusableElements();\n            if (focusableElements.length === 0) return;\n\n            const firstElement = focusableElements[0];\n            const lastElement = focusableElements[focusableElements.length - 1];\n\n            if (e.shiftKey) {\n                if (document.activeElement === firstElement) {\n                    lastElement.focus();\n                    e.preventDefault();\n                }\n            } else {\n                if (document.activeElement === lastElement) {\n                    firstElement.focus();\n                    e.preventDefault();\n                }\n            }\n        }\n    };\n\n    /**\n     * Lifecycle method to save the currently focused element when the modal mounts while open.\n     */\n    componentDidMount() {\n        if (this.props.open) {\n            this.lastFocusedElement = document.activeElement as HTMLElement;\n        }\n    }\n\n    /**\n     * Lifecycle method to restore focus when the modal unmounts.\n     */\n    componentWillUnmount() {\n        if (this.props.open) {\n            this.restoreFocus();\n        }\n        // Clean up layer references\n        if (this.closeCallback) {\n            this.closeCallback();\n            this.closeCallback = null;\n        }\n        this.layer = null;\n    }\n\n    /**\n     * Restores focus to the element that was focused before the modal opened.\n     */\n    private restoreFocus = () => {\n        if (this.lastFocusedElement) {\n            // Check if the element is still in the document\n            const elementToBeFocused = this.lastFocusedElement;\n            this.lastFocusedElement = null;\n            setTimeout(() => {\n                if (document.body.contains(elementToBeFocused)) {\n                    elementToBeFocused.focus();\n                }\n            }, 100);\n        }\n    };\n\n    /**\n     * Callback ref to capture the Modal DOM element.\n     * Triggers initial focus setting when the element mounts.\n     */\n    private setModalRef = (node: HTMLDivElement | null) => {\n        // Update ref\n        (this.modalRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n\n        if (node) {\n            // Set initial focus when the node is mounted\n            this.setInitialFocus(node);\n        }\n    };\n\n    /**\n     * Sets initial focus within the modal.\n     * Tries to focus the header (first child) first, then the first interactive element, or falls back to the container.\n     */\n    private setInitialFocus = (root: HTMLElement) => {\n        // Try to find the header (assumed to be the first child)\n        const firstChild = root.firstElementChild as HTMLElement;\n        if (firstChild) {\n            // Ensure it's focusable\n            if (firstChild.getAttribute('tabindex') === null) {\n                firstChild.setAttribute('tabindex', '-1');\n            }\n            firstChild.focus();\n            return;\n        }\n\n        // Fallback to focusable elements\n        const focusableElements = this.getFocusableElements();\n        if (focusableElements.length > 0) {\n            focusableElements[0].focus();\n        } else {\n            // Fallback to container\n            root.focus();\n        }\n    };\n\n    /**\n     * Lifecycle method to handle Modal updates.\n     * Manages opening/closing logic via LayerManager and focus preservation.\n     */\n    getSnapshotBeforeUpdate(prevProps: ModalProps) {\n        const { open, closeOnEsc, closeOnOverlayClick, children, ...rest } = this.props;\n\n        if (prevProps.open && !open) {\n            this.closeCallback?.();\n            this.restoreFocus();\n        }\n\n        if (!prevProps.open && open) {\n            // Save current focus\n            this.lastFocusedElement = document.activeElement as HTMLElement;\n\n            this.layer = LayerManager.renderLayer({\n                overlay: true,\n                exitDelay: 300,\n                position: LAYER_POSITION.DIALOG,\n                closeCallback: this.onClose,\n                closeOnEsc: closeOnEsc,\n                closeOnOverlayClick: closeOnOverlayClick,\n                component: (\n                    <ModalContainer\n                        {...rest}\n                        ref={this.setModalRef}\n                        role=\"dialog\"\n                        aria-modal=\"true\"\n                        tabIndex={-1}\n                        onKeyDown={this.handleKeyDown}\n                        onClick={(e) => e.stopPropagation()}\n                        elevated\n                    >\n                        {children}\n                    </ModalContainer>\n                ),\n            });\n            this.closeCallback = this.layer[1];\n            this.forceUpdate();\n        }\n    }\n\n    /**\n     * Renders the Modal component via the LayerManager portal.\n     */\n    render() {\n        if (this.state.open && this.layer) {\n            const [Component] = this.layer;\n            return <Component />;\n        }\n\n        return null;\n    }\n}\n"],"names":["modalPropTypes","open","PropTypes","bool","isRequired","closeOnEsc","closeOnOverlayClick","onClose","func","Modal","React","Component","getDerivedStateFromProps","props","componentDidMount","lastFocusedElement","document","activeElement","componentWillUnmount","restoreFocus","closeCallback","layer","getSnapshotBeforeUpdate","prevProps","children","rest","LayerManager","renderLayer","overlay","exitDelay","position","LAYER_POSITION","DIALOG","component","_jsx","ModalContainer","ref","setModalRef","role","aria-modal","tabIndex","onKeyDown","handleKeyDown","onClick","e","stopPropagation","elevated","forceUpdate","render","state","setState","modalRef","createRef","getFocusableElements","current","Array","from","querySelectorAll","key","focusableElements","length","firstElement","lastElement","shiftKey","focus","preventDefault","elementToBeFocused","setTimeout","body","contains","node","setInitialFocus","root","firstChild","firstElementChild","getAttribute","setAttribute","propTypes","defaultProps"],"mappings":"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"}

package/lib-esm/components/Notification/Notification.js

@@ -130,3 +130,4 @@ StoryProps.defaultProps = {
 /** Export a singleton instance */ var Notification$1 = new Notification();
 
 export { StoryProps, Notification$1 as default };
+//# sourceMappingURL=Notification.js.map

package/lib-esm/components/Notification/Notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.js","sources":["../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import React, { type RefCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { flushSync } from 'react-dom';\nimport { createRoot, type Root } from 'react-dom/client';\nimport LayerManager, { LAYER_POSITION } from '../../shared/LayerManager';\nimport NotificationManager from './NotificationManager';\nimport { NOTIFICATION_POSITION, NOTIFICATION_TYPE, NotificationOptions } from './types';\n\ntype NotificationProps = PropTypes.InferProps<typeof StoryProps.propTypes>;\n\n/** This component is only used for storybook documentation */\nexport class StoryProps extends React.Component<NotificationProps> {\n    static propTypes = {\n        /** Title of the notification */\n        title: PropTypes.string.isRequired,\n        /** Body of the notification */\n        description: PropTypes.string.isRequired,\n        /** Id for the notification, helps in de-duplication. */\n        id: PropTypes.string,\n        /** Duration for the notification in milliseconds */\n        duration: PropTypes.number,\n        /** Creates sticky notification */\n        sticky: PropTypes.bool,\n        /** Type of notification */\n        type: PropTypes.oneOf([\n            NOTIFICATION_TYPE.INFO,\n            NOTIFICATION_TYPE.SUCCESS,\n            NOTIFICATION_TYPE.WARNING,\n            NOTIFICATION_TYPE.DANGER,\n        ]),\n        /** Action button text */\n        buttonText: PropTypes.string,\n        /** Action button click callback */\n        buttonClick: PropTypes.func,\n        /** Notification close callback. */\n        onClose: PropTypes.func,\n        /** Aria label for the close button on the notification. Defaults to \"Close notification\" */\n        closeButtonAriaLabel: PropTypes.string,\n    };\n\n    static defaultProps = {\n        duration: 5000,\n        sticky: false,\n        type: NOTIFICATION_TYPE.INFO,\n    };\n\n    render(): React.ReactNode {\n        return null;\n    }\n}\n\n/** Maps notification position to layer position */\nconst positionMap = {\n    [NOTIFICATION_POSITION.TOP_LEFT]: LAYER_POSITION.TOP_LEFT,\n    [NOTIFICATION_POSITION.TOP_RIGHT]: LAYER_POSITION.TOP_RIGHT,\n    [NOTIFICATION_POSITION.BOTTOM_LEFT]: LAYER_POSITION.BOTTOM_LEFT,\n    [NOTIFICATION_POSITION.BOTTOM_RIGHT]: LAYER_POSITION.BOTTOM_RIGHT,\n};\n\n/** Notification class */\nclass Notification {\n    /** Helps in maintaining single instance for different positions. */\n    private containers: Map<\n        NOTIFICATION_POSITION,\n        {\n            manager: NotificationManager | null;\n            root: Root;\n            div: HTMLDivElement;\n        }\n    > = new Map();\n\n    /**\n     * Adds a notification\n     *\n     * @param position - The position where the notification should appear\n     * @param options - Configuration options for the notification\n     * @returns The notification ID or a promise that resolves to the notification ID\n     */\n    public add = (\n        position: NOTIFICATION_POSITION,\n        options: NotificationOptions,\n        ariaLabel: string = 'Notifications',\n    ) => {\n        if (!this.containers.has(position)) {\n            /** Callback ref to capture the NotificationManager instance when it mounts */\n            const refCallback: RefCallback<NotificationManager> = (instance) => {\n                if (instance) {\n                    const container = this.containers.get(position);\n                    if (container) {\n                        container.manager = instance;\n                    }\n                }\n            };\n\n            const [Component] = LayerManager.renderLayer({\n                closeOnEsc: false,\n                closeOnOverlayClick: false,\n                position: positionMap[position],\n                alwaysOnTop: true,\n                component: (\n                    <NotificationManager\n                        ref={refCallback}\n                        position={position}\n                        onEmpty={() => this.destroy(position)}\n                        ariaLabel={ariaLabel}\n                    />\n                ),\n            });\n\n            // Create a div to mount the Component\n            const div = document.createElement('div');\n            document.body.appendChild(div);\n            const root = createRoot(div);\n\n            this.containers.set(position, {\n                manager: null,\n                root,\n                div,\n            });\n\n            // Render the Component which will trigger the LayerManager's useEffect\n            flushSync(() => {\n                root.render(<Component />);\n            });\n        }\n\n        const container = this.containers.get(position);\n        if (container && container.manager) {\n            return container.manager.add(options);\n        }\n\n        // If manager is not ready yet, wait a bit and retry\n        return new Promise<string>((resolve) => {\n            setTimeout(() => {\n                const container = this.containers.get(position);\n                if (container && container.manager) {\n                    resolve(container.manager.add(options));\n                }\n            }, 10);\n        });\n    };\n\n    /**\n     * Removes a notification\n     *\n     * @param position - The position of the notification container\n     * @param id - The unique ID of the notification to remove\n     */\n    public remove = (position: NOTIFICATION_POSITION, id: string) => {\n        const container = this.containers.get(position);\n        if (container && container.manager) {\n            container.manager.remove(id);\n        }\n    };\n\n    /**\n     * Destroys entire stack of notifications at a position.\n     * Unmounts the React root and cleans up DOM elements.\n     *\n     * @param position - The position of the notification container to destroy\n     */\n    public destroy = (position: NOTIFICATION_POSITION) => {\n        const container = this.containers.get(position);\n        if (container) {\n            container.root.unmount();\n            if (document.body.contains(container.div)) {\n                document.body.removeChild(container.div);\n            }\n            this.containers.delete(position);\n        }\n    };\n}\n\n/** Export a singleton instance */\nexport default new Notification();\n"],"names":["StoryProps","React","Component","render","propTypes","title","PropTypes","string","isRequired","description","id","duration","number","sticky","bool","type","oneOf","NOTIFICATION_TYPE","INFO","SUCCESS","WARNING","DANGER","buttonText","buttonClick","func","onClose","closeButtonAriaLabel","defaultProps","positionMap","NOTIFICATION_POSITION","TOP_LEFT","LAYER_POSITION","TOP_RIGHT","BOTTOM_LEFT","BOTTOM_RIGHT","Notification","containers","Map","add","position","options","ariaLabel","has","refCallback","instance","container","get","manager","LayerManager","renderLayer","closeOnEsc","closeOnOverlayClick","alwaysOnTop","component","_jsx","NotificationManager","ref","onEmpty","destroy","div","document","createElement","body","appendChild","root","createRoot","set","flushSync","Promise","resolve","setTimeout","remove","unmount","contains","removeChild","delete"],"mappings":"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"}

package/lib-esm/components/Notification/NotificationManager.js

@@ -212,3 +212,4 @@ const DEFAULT_DURATION = 5000;
 }
 
 export { NotificationManager as default };
+//# sourceMappingURL=NotificationManager.js.map

package/lib-esm/components/Notification/NotificationManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationManager.js","sources":["../../../src/components/Notification/NotificationManager.tsx"],"sourcesContent":["import React from 'react';\nimport { Close, Info, ReportProblem, ErrorOutline, CheckCircle } from '../../icons';\nimport { ActionButton } from '../Button';\nimport {\n    Container,\n    Notice,\n    Title,\n    IconContainer,\n    FillParent,\n    Body,\n    CloseButton,\n    Footer,\n    VisuallyHidden,\n} from './style';\nimport { NOTIFICATION_POSITION, NOTIFICATION_TYPE, NotificationOptions } from './types';\n\ninterface NotificationManagerProps {\n    // Notification Position\n    position: NOTIFICATION_POSITION;\n    // Callback for when stack is emptied\n    onEmpty: () => void;\n    // Aria label for the notification list\n    ariaLabel?: string;\n}\n\n// Notice prop\ninterface NoticeProp extends NotificationOptions {\n    leaving?: boolean;\n}\n\n// Manager state\ninterface NotificationManagerState {\n    notices: NoticeProp[];\n}\n\ntype timeouts = {\n    [id: string]: NodeJS.Timeout;\n};\n\nconst DEFAULT_DURATION = 5000;\n\n/**\n * Notification Manager class\n */\nclass NotificationManager extends React.Component<\n    NotificationManagerProps,\n    NotificationManagerState\n> {\n    state: NotificationManagerState = {\n        notices: [],\n    };\n\n    // bookkeeping for timeouts\n    private timeouts: timeouts = {};\n\n    // Set of notification ids\n    private set = new Set<string>();\n\n    // Refs for live regions to ensure they exist before updates\n    private politeRegionRef = React.createRef<HTMLDivElement>();\n    private assertiveRegionRef = React.createRef<HTMLDivElement>();\n\n    /**\n     * Removes a notification from stack if the notification with the given id is found.\n     *\n     * @param id\n     */\n    public remove = (id: string) => {\n        // Trigger leaving animation.\n        this.setState({\n            notices: this.state.notices.map((notice) => ({\n                ...notice,\n                leaving: notice.id === id ? true : notice.leaving,\n            })),\n        });\n        this.set.delete(id);\n\n        // Remove notification on animation completion.\n        setTimeout(() => {\n            const notice = this.state.notices.find((notice) => notice.id === id);\n            if (notice) {\n                // call close callback, ignore any errors in callback.\n                if (notice.onClose) {\n                    try {\n                        notice.onClose();\n                    } catch (e) {\n                        console.warn('Error in notification close callback', e.message);\n                    }\n                }\n\n                // Remove the notification\n                this.setState(\n                    {\n                        notices: this.state.notices.filter((notice) => notice.id !== id),\n                    },\n                    () => {\n                        // Check if the stack is empty and then call the\n                        // empty callback function.\n                        if (this.state.notices.length === 0) {\n                            this.props.onEmpty();\n                        }\n                    },\n                );\n            }\n        }, 550);\n    };\n\n    /**\n     * Adds a notification to stack.\n     *\n     * @param notice\n     */\n    public add = async (notice: NotificationOptions) => {\n        // Generate unique id if not provided.\n        const id = notice.id || (Math.random() * 10 ** 7).toFixed(0);\n\n        // De-dupe on id\n        if (!this.set.has(id)) {\n            const type = notice.type || NOTIFICATION_TYPE.INFO;\n            const isUrgent =\n                type === NOTIFICATION_TYPE.WARNING || type === NOTIFICATION_TYPE.DANGER;\n\n            // Add notice to the top of stack.\n            this.setState(\n                {\n                    notices: [\n                        {\n                            ...notice,\n                            id,\n                        },\n                        ...this.state.notices,\n                    ],\n                },\n                () => {\n                    // Update live region after state update\n                    const announcement = `${notice.title} ${notice.description}`;\n                    this.updateLiveRegion(announcement, isUrgent);\n                },\n            );\n\n            // set timeout for closing the notification.\n            if (!notice.sticky) {\n                this.timeouts[id] = setTimeout(\n                    () => this.remove(id),\n                    notice.duration || DEFAULT_DURATION,\n                );\n            }\n\n            // Add id to the set.\n            this.set.add(id);\n        }\n\n        return id;\n    };\n\n    /**\n     * Update live region content with clear-then-set pattern for reliable VoiceOver announcements.\n     *\n     * @param content - The text content to announce\n     * @param isAssertive - Whether to use assertive (alert) or polite (log) live region\n     */\n    private updateLiveRegion = (content: string, isAssertive: boolean) => {\n        const region = isAssertive ? this.assertiveRegionRef.current : this.politeRegionRef.current;\n\n        if (region) {\n            // Add content after delay\n            setTimeout(() => {\n                if (region) {\n                    region.textContent = content;\n                }\n            }, 150);\n        }\n    };\n\n    /**\n     * Handler for close button click.\n     *\n     * @param id\n     */\n    public closeClickHandler = (id: string) => () => {\n        this.remove(id);\n    };\n\n    /**\n     * Pause notification when user is hovering over it.\n     *\n     * @param id\n     */\n    public pause = (id: string) => () => {\n        clearTimeout(this.timeouts[id]);\n    };\n\n    /**\n     * Restart the removal of notification.\n     *\n     * @param id\n     */\n    public resume = (id: string) => () => {\n        const notice = this.state.notices.find((notice) => notice.id === id);\n        if (!notice.sticky) {\n            this.timeouts[id] = setTimeout(() => this.remove(id), DEFAULT_DURATION);\n        }\n    };\n\n    /**\n     * Clean up all pending timeouts when component unmounts\n     */\n    componentWillUnmount() {\n        // Clear all pending timeouts\n        Object.keys(this.timeouts).forEach((id) => {\n            clearTimeout(this.timeouts[id]);\n        });\n        this.timeouts = {};\n        this.set.clear();\n    }\n\n    render() {\n        return (\n            <Container position={this.props.position}>\n                {/* Polite live region - uses role=\"log\" for better VoiceOver compatibility */}\n                <VisuallyHidden\n                    ref={this.politeRegionRef}\n                    role=\"log\"\n                    aria-live=\"polite\"\n                    aria-atomic=\"false\"\n                    aria-relevant=\"additions text\"\n                />\n\n                {/* Assertive live region - pre-rendered and persistent */}\n                <VisuallyHidden\n                    ref={this.assertiveRegionRef}\n                    role=\"alert\"\n                    aria-live=\"assertive\"\n                    aria-atomic=\"true\"\n                />\n\n                {/* Visual notifications with list semantics */}\n                <div role=\"list\" aria-label={this.props.ariaLabel}>\n                    {this.state.notices.map((notice) => {\n                        const {\n                            id,\n                            title,\n                            description,\n                            leaving,\n                            type = NOTIFICATION_TYPE.INFO,\n                            buttonText,\n                            buttonClick,\n                            closeButtonAriaLabel,\n                        } = notice;\n\n                        return (\n                            <Notice\n                                key={id}\n                                {...notice}\n                                position={this.props.position}\n                                className={leaving ? 'leave' : ''}\n                                onMouseEnter={this.pause(id)}\n                                onMouseLeave={this.resume(id)}\n                                role=\"listitem\"\n                            >\n                                <IconContainer type={type} aria-hidden=\"true\">\n                                    {type === NOTIFICATION_TYPE.INFO && <Info />}\n                                    {type === NOTIFICATION_TYPE.SUCCESS && <CheckCircle />}\n                                    {type === NOTIFICATION_TYPE.WARNING && <ReportProblem />}\n                                    {type === NOTIFICATION_TYPE.DANGER && <ErrorOutline />}\n                                </IconContainer>\n                                <FillParent>\n                                    <Title type={type}>{title}</Title>\n                                    <Body>{description}</Body>\n                                    {buttonText && (\n                                        <Footer>\n                                            <ActionButton\n                                                onClick={() => {\n                                                    buttonClick?.();\n                                                }}\n                                            >\n                                                {buttonText}\n                                            </ActionButton>\n                                        </Footer>\n                                    )}\n                                </FillParent>\n                                <CloseButton\n                                    onClick={this.closeClickHandler(id)}\n                                    aria-label={closeButtonAriaLabel || 'Close notification'}\n                                    tabIndex={0}\n                                >\n                                    <Close />\n                                </CloseButton>\n                            </Notice>\n                        );\n                    })}\n                </div>\n            </Container>\n        );\n    }\n}\n\nexport default NotificationManager;\n"],"names":["DEFAULT_DURATION","NotificationManager","React","Component","componentWillUnmount","Object","keys","timeouts","forEach","id","clearTimeout","set","clear","render","_jsxs","Container","position","props","_jsx","VisuallyHidden","ref","politeRegionRef","role","aria-live","aria-atomic","aria-relevant","assertiveRegionRef","div","aria-label","ariaLabel","state","notices","map","notice","title","description","leaving","type","NOTIFICATION_TYPE","INFO","buttonText","buttonClick","closeButtonAriaLabel","Notice","className","onMouseEnter","pause","onMouseLeave","resume","IconContainer","aria-hidden","Info","SUCCESS","CheckCircle","WARNING","ReportProblem","DANGER","ErrorOutline","FillParent","Title","Body","Footer","ActionButton","onClick","CloseButton","closeClickHandler","tabIndex","Close","Set","createRef","remove","setState","delete","setTimeout","find","onClose","e","console","warn","message","filter","length","onEmpty","add","Math","random","toFixed","has","isUrgent","announcement","updateLiveRegion","sticky","duration","content","isAssertive","region","current","textContent"],"mappings":"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"}

package/lib-esm/components/Notification/style.js

@@ -60,38 +60,39 @@ const getTypeStyle = (type)=>{
 const Container = /*#__PURE__*/ styled("div", {
     target: "e1cfscy10",
     label: "Container"
-})("display:flex;flex-direction:", (props)=>props.position === NOTIFICATION_POSITION.TOP_LEFT || props.position === NOTIFICATION_POSITION.TOP_RIGHT ? 'column' : 'column-reverse', ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vc3R5bGUudHMiLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL3N0eWxlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldFRoZW1lVmFsdWUsIFRIRU1FX05BTUUgfSBmcm9tICcuLi8uLi9zaGFyZWQvY29uc3RhbnRzJztcbmltcG9ydCB7IENhcmQgfSBmcm9tICcuLi9DYXJkJztcbmltcG9ydCB7IE5PVElGSUNBVElPTl9QT1NJVElPTiwgTk9USUZJQ0FUSU9OX1RZUEUsIE5vdGlmaWNhdGlvbk9wdGlvbnMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgZ2V0RW50cnlBbmltYXRpb24gPSAocG9zaXRpb246IE5PVElGSUNBVElPTl9QT1NJVElPTikgPT4ge1xuICAgIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fUE9TSVRJT04uVE9QX0xFRlQ6XG4gICAgICAgIGNhc2UgTk9USUZJQ0FUSU9OX1BPU0lUSU9OLkJPVFRPTV9MRUZUOlxuICAgICAgICAgICAgcmV0dXJuICdpbi1sZWZ0JztcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgIHJldHVybiAnaW4tcmlnaHQnO1xuICAgIH1cbn07XG5cbmNvbnN0IGdldEV4aXRBbmltYXRpb24gPSAocG9zaXRpb246IE5PVElGSUNBVElPTl9QT1NJVElPTikgPT4ge1xuICAgIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fUE9TSVRJT04uVE9QX0xFRlQ6XG4gICAgICAgIGNhc2UgTk9USUZJQ0FUSU9OX1BPU0lUSU9OLkJPVFRPTV9MRUZUOlxuICAgICAgICAgICAgcmV0dXJuICdvdXQtbGVmdCc7XG4gICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgICByZXR1cm4gJ291dC1yaWdodCc7XG4gICAgfVxufTtcblxuY29uc3QgZ2V0Qm9yZGVyQ29sb3IgPSAodHlwZTogTk9USUZJQ0FUSU9OX1RZUEUpID0+IHtcbiAgICBzd2l0Y2ggKHR5cGUpIHtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fVFlQRS5TVUNDRVNTOlxuICAgICAgICAgICAgcmV0dXJuIGdldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5TVUNDRVNTX0xJR0hUKTtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fVFlQRS5EQU5HRVI6XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SX0xJR0hUKTtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fVFlQRS5XQVJOSU5HOlxuICAgICAgICAgICAgcmV0dXJuIGdldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5XQVJOSU5HX0xJR0hUKTtcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgIHJldHVybiBnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuSU5GT19MSUdIVCk7XG4gICAgfVxufTtcblxuY29uc3QgZ2V0VGl0bGVDb2xvciA9ICh0eXBlOiBOT1RJRklDQVRJT05fVFlQRSkgPT4ge1xuICAgIHN3aXRjaCAodHlwZSkge1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLlNVQ0NFU1M6XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlNVQ0NFU1MpO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLkRBTkdFUjpcbiAgICAgICAgICAgIHJldHVybiBnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLldBUk5JTkc6XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLldBUk5JTkcpO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLklORk86XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLklORk8pO1xuICAgIH1cbn07XG5cbmNvbnN0IGdldFR5cGVTdHlsZSA9ICh0eXBlOiBOT1RJRklDQVRJT05fVFlQRSkgPT4ge1xuICAgIHN3aXRjaCAodHlwZSkge1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLklORk86XG4gICAgICAgICAgICByZXR1cm4gYGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5JTkZPKX1gO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLlNVQ0NFU1M6XG4gICAgICAgICAgICByZXR1cm4gYGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5TVUNDRVNTKX1gO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLkRBTkdFUjpcbiAgICAgICAgICAgIHJldHVybiBgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX1gO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLldBUk5JTkc6XG4gICAgICAgICAgICByZXR1cm4gYGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5XQVJOSU5HKX1gO1xuICAgIH1cbn07XG5cbmludGVyZmFjZSBOb3RpY2VQcm9wIGV4dGVuZHMgTm90aWZpY2F0aW9uT3B0aW9ucyB7XG4gICAgcG9zaXRpb246IE5PVElGSUNBVElPTl9QT1NJVElPTjtcbn1cblxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyBwb3NpdGlvbjogTk9USUZJQ0FUSU9OX1BPU0lUSU9OIH0+YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHByb3BzKSA9PlxuICAgICAgICBwcm9wcy5wb3NpdGlvbiA9PT0gTk9USUZJQ0FUSU9OX1BPU0lUSU9OLlRPUF9MRUZUIHx8XG4gICAgICAgIHByb3BzLnBvc2l0aW9uID09PSBOT1RJRklDQVRJT05fUE9TSVRJT04uVE9QX1JJR0hUXG4gICAgICAgICAgICA/ICdjb2x1bW4nXG4gICAgICAgICAgICA6ICdjb2x1bW4tcmV2ZXJzZSd9O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5vdGljZSA9IHN0eWxlZChDYXJkKTxOb3RpY2VQcm9wPmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIGJvcmRlci1sZWZ0OiA0cHggc29saWQgJHsocHJvcHMpID0+IGdldEJvcmRlckNvbG9yKHByb3BzLnR5cGUpfTtcbiAgICB3aWR0aDogMzAwcHg7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwYWRkaW5nOiAwIDVweCA1cHggMDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGFuaW1hdGlvbjogJHsocHJvcHMpID0+IGdldEVudHJ5QW5pbWF0aW9uKHByb3BzLnBvc2l0aW9uKX0gMC42cyBlYXNlO1xuXG4gICAgJiBzdmcge1xuICAgICAgICBmaWxsOiBjdXJyZW50Q29sb3I7XG4gICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIHdpZHRoOiAyMHB4O1xuICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgfVxuXG4gICAgJi5sZWF2ZSB7XG4gICAgICAgIGFuaW1hdGlvbjogJHsocHJvcHMpID0+IGdldEV4aXRBbmltYXRpb24ocHJvcHMucG9zaXRpb24pfSAwLjZzO1xuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgaW4tcmlnaHQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKTtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDA7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDAlKTtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDE1MHB4O1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgb3V0LXJpZ2h0IHtcbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xuICAgICAgICAgICAgbWF4LWhlaWdodDogMDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIH1cblxuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwJSk7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAxMDBweDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGluLWxlZnQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAwO1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwJSk7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAxNTBweDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIG91dC1sZWZ0IHtcbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDA7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCUpO1xuICAgICAgICAgICAgbWF4LWhlaWdodDogMTAwcHg7XG4gICAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRpdGxlID0gc3R5bGVkLmRpdjx7IHR5cGU6IE5PVElGSUNBVElPTl9UWVBFIH0+YFxuICAgIHBhZGRpbmc6IDVweCAwO1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBjb2xvcjogJHsocHJvcHMpID0+IGdldFRpdGxlQ29sb3IocHJvcHMudHlwZSl9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWxsUGFyZW50ID0gc3R5bGVkLmRpdmBcbiAgICBmbGV4OiAxO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgdG9wOiA0cHg7XG4gICAgcmlnaHQ6IDRweDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlRFWFRfQ09MT1JfREFSSyl9O1xuXG4gICAgJjpmb2N1cyB7XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDNweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQm9keSA9IHN0eWxlZC5kaXZgXG4gICAgcGFkZGluZzogNXB4IDVweCA1cHggMDtcbiAgICBmb250LXNpemU6IDE0cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyB0eXBlOiBOT1RJRklDQVRJT05fVFlQRSB9PmBcbiAgICBwYWRkaW5nOiA2cHggMTBweDtcbiAgICAkeyhwcm9wcykgPT4gZ2V0VHlwZVN0eWxlKHByb3BzLnR5cGUpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBGb290ZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICBwYWRkaW5nOiAwIDVweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBWaXN1YWxseUhpZGRlbiA9IHN0eWxlZC5zcGFuYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogMXB4O1xuICAgIGhlaWdodDogMXB4O1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbWFyZ2luOiAtMXB4O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJvcmRlcjogMDtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0V5QiJ9 */");
+})("display:flex;flex-direction:", (props)=>props.position === NOTIFICATION_POSITION.TOP_LEFT || props.position === NOTIFICATION_POSITION.TOP_RIGHT ? 'column' : 'column-reverse', ";");
 const Notice = /*#__PURE__*/ styled(Card, {
     target: "e1cfscy11",
     label: "Notice"
-})("position:relative;border-radius:3px;border-left:4px solid ", (props)=>getBorderColor(props.type), ";width:300px;display:flex;padding:0 5px 5px 0;overflow:hidden;animation:", (props)=>getEntryAnimation(props.position), " 0.6s ease;& svg{fill:currentColor;vertical-align:middle;width:20px;height:20px;}&.leave{animation:", (props)=>getExitAnimation(props.position), " 0.6s;}@keyframes in-right{from{transform:translateX(100%);max-height:0;opacity:0;}to{transform:translateX(0%);max-height:150px;opacity:1;}}@keyframes out-right{to{transform:translateX(100%);max-height:0;opacity:0;}from{transform:translateX(0%);max-height:100px;opacity:1;}}@keyframes in-left{from{transform:translateX(-100%);max-height:0;opacity:0;}to{transform:translateX(0%);max-height:150px;opacity:1;}}@keyframes out-left{to{transform:translateX(-100%);max-height:0;opacity:0;}from{transform:translateX(0%);max-height:100px;opacity:1;}}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vc3R5bGUudHMiLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL3N0eWxlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldFRoZW1lVmFsdWUsIFRIRU1FX05BTUUgfSBmcm9tICcuLi8uLi9zaGFyZWQvY29uc3RhbnRzJztcbmltcG9ydCB7IENhcmQgfSBmcm9tICcuLi9DYXJkJztcbmltcG9ydCB7IE5PVElGSUNBVElPTl9QT1NJVElPTiwgTk9USUZJQ0FUSU9OX1RZUEUsIE5vdGlmaWNhdGlvbk9wdGlvbnMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgZ2V0RW50cnlBbmltYXRpb24gPSAocG9zaXRpb246IE5PVElGSUNBVElPTl9QT1NJVElPTikgPT4ge1xuICAgIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fUE9TSVRJT04uVE9QX0xFRlQ6XG4gICAgICAgIGNhc2UgTk9USUZJQ0FUSU9OX1BPU0lUSU9OLkJPVFRPTV9MRUZUOlxuICAgICAgICAgICAgcmV0dXJuICdpbi1sZWZ0JztcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgIHJldHVybiAnaW4tcmlnaHQnO1xuICAgIH1cbn07XG5cbmNvbnN0IGdldEV4aXRBbmltYXRpb24gPSAocG9zaXRpb246IE5PVElGSUNBVElPTl9QT1NJVElPTikgPT4ge1xuICAgIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fUE9TSVRJT04uVE9QX0xFRlQ6XG4gICAgICAgIGNhc2UgTk9USUZJQ0FUSU9OX1BPU0lUSU9OLkJPVFRPTV9MRUZUOlxuICAgICAgICAgICAgcmV0dXJuICdvdXQtbGVmdCc7XG4gICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgICByZXR1cm4gJ291dC1yaWdodCc7XG4gICAgfVxufTtcblxuY29uc3QgZ2V0Qm9yZGVyQ29sb3IgPSAodHlwZTogTk9USUZJQ0FUSU9OX1RZUEUpID0+IHtcbiAgICBzd2l0Y2ggKHR5cGUpIHtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fVFlQRS5TVUNDRVNTOlxuICAgICAgICAgICAgcmV0dXJuIGdldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5TVUNDRVNTX0xJR0hUKTtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fVFlQRS5EQU5HRVI6XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SX0xJR0hUKTtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fVFlQRS5XQVJOSU5HOlxuICAgICAgICAgICAgcmV0dXJuIGdldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5XQVJOSU5HX0xJR0hUKTtcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgIHJldHVybiBnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuSU5GT19MSUdIVCk7XG4gICAgfVxufTtcblxuY29uc3QgZ2V0VGl0bGVDb2xvciA9ICh0eXBlOiBOT1RJRklDQVRJT05fVFlQRSkgPT4ge1xuICAgIHN3aXRjaCAodHlwZSkge1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLlNVQ0NFU1M6XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlNVQ0NFU1MpO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLkRBTkdFUjpcbiAgICAgICAgICAgIHJldHVybiBnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLldBUk5JTkc6XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLldBUk5JTkcpO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLklORk86XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLklORk8pO1xuICAgIH1cbn07XG5cbmNvbnN0IGdldFR5cGVTdHlsZSA9ICh0eXBlOiBOT1RJRklDQVRJT05fVFlQRSkgPT4ge1xuICAgIHN3aXRjaCAodHlwZSkge1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLklORk86XG4gICAgICAgICAgICByZXR1cm4gYGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5JTkZPKX1gO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLlNVQ0NFU1M6XG4gICAgICAgICAgICByZXR1cm4gYGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5TVUNDRVNTKX1gO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLkRBTkdFUjpcbiAgICAgICAgICAgIHJldHVybiBgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX1gO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLldBUk5JTkc6XG4gICAgICAgICAgICByZXR1cm4gYGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5XQVJOSU5HKX1gO1xuICAgIH1cbn07XG5cbmludGVyZmFjZSBOb3RpY2VQcm9wIGV4dGVuZHMgTm90aWZpY2F0aW9uT3B0aW9ucyB7XG4gICAgcG9zaXRpb246IE5PVElGSUNBVElPTl9QT1NJVElPTjtcbn1cblxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyBwb3NpdGlvbjogTk9USUZJQ0FUSU9OX1BPU0lUSU9OIH0+YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHByb3BzKSA9PlxuICAgICAgICBwcm9wcy5wb3NpdGlvbiA9PT0gTk9USUZJQ0FUSU9OX1BPU0lUSU9OLlRPUF9MRUZUIHx8XG4gICAgICAgIHByb3BzLnBvc2l0aW9uID09PSBOT1RJRklDQVRJT05fUE9TSVRJT04uVE9QX1JJR0hUXG4gICAgICAgICAgICA/ICdjb2x1bW4nXG4gICAgICAgICAgICA6ICdjb2x1bW4tcmV2ZXJzZSd9O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5vdGljZSA9IHN0eWxlZChDYXJkKTxOb3RpY2VQcm9wPmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIGJvcmRlci1sZWZ0OiA0cHggc29saWQgJHsocHJvcHMpID0+IGdldEJvcmRlckNvbG9yKHByb3BzLnR5cGUpfTtcbiAgICB3aWR0aDogMzAwcHg7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwYWRkaW5nOiAwIDVweCA1cHggMDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGFuaW1hdGlvbjogJHsocHJvcHMpID0+IGdldEVudHJ5QW5pbWF0aW9uKHByb3BzLnBvc2l0aW9uKX0gMC42cyBlYXNlO1xuXG4gICAgJiBzdmcge1xuICAgICAgICBmaWxsOiBjdXJyZW50Q29sb3I7XG4gICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIHdpZHRoOiAyMHB4O1xuICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgfVxuXG4gICAgJi5sZWF2ZSB7XG4gICAgICAgIGFuaW1hdGlvbjogJHsocHJvcHMpID0+IGdldEV4aXRBbmltYXRpb24ocHJvcHMucG9zaXRpb24pfSAwLjZzO1xuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgaW4tcmlnaHQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKTtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDA7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDAlKTtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDE1MHB4O1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgb3V0LXJpZ2h0IHtcbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xuICAgICAgICAgICAgbWF4LWhlaWdodDogMDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIH1cblxuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwJSk7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAxMDBweDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGluLWxlZnQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAwO1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwJSk7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAxNTBweDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIG91dC1sZWZ0IHtcbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDA7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCUpO1xuICAgICAgICAgICAgbWF4LWhlaWdodDogMTAwcHg7XG4gICAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRpdGxlID0gc3R5bGVkLmRpdjx7IHR5cGU6IE5PVElGSUNBVElPTl9UWVBFIH0+YFxuICAgIHBhZGRpbmc6IDVweCAwO1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBjb2xvcjogJHsocHJvcHMpID0+IGdldFRpdGxlQ29sb3IocHJvcHMudHlwZSl9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWxsUGFyZW50ID0gc3R5bGVkLmRpdmBcbiAgICBmbGV4OiAxO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgdG9wOiA0cHg7XG4gICAgcmlnaHQ6IDRweDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlRFWFRfQ09MT1JfREFSSyl9O1xuXG4gICAgJjpmb2N1cyB7XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDNweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQm9keSA9IHN0eWxlZC5kaXZgXG4gICAgcGFkZGluZzogNXB4IDVweCA1cHggMDtcbiAgICBmb250LXNpemU6IDE0cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyB0eXBlOiBOT1RJRklDQVRJT05fVFlQRSB9PmBcbiAgICBwYWRkaW5nOiA2cHggMTBweDtcbiAgICAkeyhwcm9wcykgPT4gZ2V0VHlwZVN0eWxlKHByb3BzLnR5cGUpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBGb290ZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICBwYWRkaW5nOiAwIDVweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBWaXN1YWxseUhpZGRlbiA9IHN0eWxlZC5zcGFuYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogMXB4O1xuICAgIGhlaWdodDogMXB4O1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbWFyZ2luOiAtMXB4O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJvcmRlcjogMDtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkVzQiJ9 */");
+})("position:relative;border-radius:3px;border-left:4px solid ", (props)=>getBorderColor(props.type), ";width:300px;display:flex;padding:0 5px 5px 0;overflow:hidden;animation:", (props)=>getEntryAnimation(props.position), " 0.6s ease;& svg{fill:currentColor;vertical-align:middle;width:20px;height:20px;}&.leave{animation:", (props)=>getExitAnimation(props.position), " 0.6s;}@keyframes in-right{from{transform:translateX(100%);max-height:0;opacity:0;}to{transform:translateX(0%);max-height:150px;opacity:1;}}@keyframes out-right{to{transform:translateX(100%);max-height:0;opacity:0;}from{transform:translateX(0%);max-height:100px;opacity:1;}}@keyframes in-left{from{transform:translateX(-100%);max-height:0;opacity:0;}to{transform:translateX(0%);max-height:150px;opacity:1;}}@keyframes out-left{to{transform:translateX(-100%);max-height:0;opacity:0;}from{transform:translateX(0%);max-height:100px;opacity:1;}}");
 const Title = /*#__PURE__*/ styled("div", {
     target: "e1cfscy12",
     label: "Title"
-})("padding:5px 0;font-size:14px;color:", (props)=>getTitleColor(props.type), ";display:flex;align-items:center;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vc3R5bGUudHMiLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL3N0eWxlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldFRoZW1lVmFsdWUsIFRIRU1FX05BTUUgfSBmcm9tICcuLi8uLi9zaGFyZWQvY29uc3RhbnRzJztcbmltcG9ydCB7IENhcmQgfSBmcm9tICcuLi9DYXJkJztcbmltcG9ydCB7IE5PVElGSUNBVElPTl9QT1NJVElPTiwgTk9USUZJQ0FUSU9OX1RZUEUsIE5vdGlmaWNhdGlvbk9wdGlvbnMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgZ2V0RW50cnlBbmltYXRpb24gPSAocG9zaXRpb246IE5PVElGSUNBVElPTl9QT1NJVElPTikgPT4ge1xuICAgIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fUE9TSVRJT04uVE9QX0xFRlQ6XG4gICAgICAgIGNhc2UgTk9USUZJQ0FUSU9OX1BPU0lUSU9OLkJPVFRPTV9MRUZUOlxuICAgICAgICAgICAgcmV0dXJuICdpbi1sZWZ0JztcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgIHJldHVybiAnaW4tcmlnaHQnO1xuICAgIH1cbn07XG5cbmNvbnN0IGdldEV4aXRBbmltYXRpb24gPSAocG9zaXRpb246IE5PVElGSUNBVElPTl9QT1NJVElPTikgPT4ge1xuICAgIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fUE9TSVRJT04uVE9QX0xFRlQ6XG4gICAgICAgIGNhc2UgTk9USUZJQ0FUSU9OX1BPU0lUSU9OLkJPVFRPTV9MRUZUOlxuICAgICAgICAgICAgcmV0dXJuICdvdXQtbGVmdCc7XG4gICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgICByZXR1cm4gJ291dC1yaWdodCc7XG4gICAgfVxufTtcblxuY29uc3QgZ2V0Qm9yZGVyQ29sb3IgPSAodHlwZTogTk9USUZJQ0FUSU9OX1RZUEUpID0+IHtcbiAgICBzd2l0Y2ggKHR5cGUpIHtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fVFlQRS5TVUNDRVNTOlxuICAgICAgICAgICAgcmV0dXJuIGdldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5TVUNDRVNTX0xJR0hUKTtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fVFlQRS5EQU5HRVI6XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SX0xJR0hUKTtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fVFlQRS5XQVJOSU5HOlxuICAgICAgICAgICAgcmV0dXJuIGdldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5XQVJOSU5HX0xJR0hUKTtcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgIHJldHVybiBnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuSU5GT19MSUdIVCk7XG4gICAgfVxufTtcblxuY29uc3QgZ2V0VGl0bGVDb2xvciA9ICh0eXBlOiBOT1RJRklDQVRJT05fVFlQRSkgPT4ge1xuICAgIHN3aXRjaCAodHlwZSkge1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLlNVQ0NFU1M6XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlNVQ0NFU1MpO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLkRBTkdFUjpcbiAgICAgICAgICAgIHJldHVybiBnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLldBUk5JTkc6XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLldBUk5JTkcpO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLklORk86XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLklORk8pO1xuICAgIH1cbn07XG5cbmNvbnN0IGdldFR5cGVTdHlsZSA9ICh0eXBlOiBOT1RJRklDQVRJT05fVFlQRSkgPT4ge1xuICAgIHN3aXRjaCAodHlwZSkge1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLklORk86XG4gICAgICAgICAgICByZXR1cm4gYGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5JTkZPKX1gO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLlNVQ0NFU1M6XG4gICAgICAgICAgICByZXR1cm4gYGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5TVUNDRVNTKX1gO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLkRBTkdFUjpcbiAgICAgICAgICAgIHJldHVybiBgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX1gO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLldBUk5JTkc6XG4gICAgICAgICAgICByZXR1cm4gYGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5XQVJOSU5HKX1gO1xuICAgIH1cbn07XG5cbmludGVyZmFjZSBOb3RpY2VQcm9wIGV4dGVuZHMgTm90aWZpY2F0aW9uT3B0aW9ucyB7XG4gICAgcG9zaXRpb246IE5PVElGSUNBVElPTl9QT1NJVElPTjtcbn1cblxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyBwb3NpdGlvbjogTk9USUZJQ0FUSU9OX1BPU0lUSU9OIH0+YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHByb3BzKSA9PlxuICAgICAgICBwcm9wcy5wb3NpdGlvbiA9PT0gTk9USUZJQ0FUSU9OX1BPU0lUSU9OLlRPUF9MRUZUIHx8XG4gICAgICAgIHByb3BzLnBvc2l0aW9uID09PSBOT1RJRklDQVRJT05fUE9TSVRJT04uVE9QX1JJR0hUXG4gICAgICAgICAgICA/ICdjb2x1bW4nXG4gICAgICAgICAgICA6ICdjb2x1bW4tcmV2ZXJzZSd9O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5vdGljZSA9IHN0eWxlZChDYXJkKTxOb3RpY2VQcm9wPmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIGJvcmRlci1sZWZ0OiA0cHggc29saWQgJHsocHJvcHMpID0+IGdldEJvcmRlckNvbG9yKHByb3BzLnR5cGUpfTtcbiAgICB3aWR0aDogMzAwcHg7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwYWRkaW5nOiAwIDVweCA1cHggMDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGFuaW1hdGlvbjogJHsocHJvcHMpID0+IGdldEVudHJ5QW5pbWF0aW9uKHByb3BzLnBvc2l0aW9uKX0gMC42cyBlYXNlO1xuXG4gICAgJiBzdmcge1xuICAgICAgICBmaWxsOiBjdXJyZW50Q29sb3I7XG4gICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIHdpZHRoOiAyMHB4O1xuICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgfVxuXG4gICAgJi5sZWF2ZSB7XG4gICAgICAgIGFuaW1hdGlvbjogJHsocHJvcHMpID0+IGdldEV4aXRBbmltYXRpb24ocHJvcHMucG9zaXRpb24pfSAwLjZzO1xuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgaW4tcmlnaHQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKTtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDA7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDAlKTtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDE1MHB4O1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgb3V0LXJpZ2h0IHtcbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xuICAgICAgICAgICAgbWF4LWhlaWdodDogMDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIH1cblxuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwJSk7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAxMDBweDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGluLWxlZnQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAwO1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwJSk7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAxNTBweDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIG91dC1sZWZ0IHtcbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDA7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCUpO1xuICAgICAgICAgICAgbWF4LWhlaWdodDogMTAwcHg7XG4gICAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRpdGxlID0gc3R5bGVkLmRpdjx7IHR5cGU6IE5PVElGSUNBVElPTl9UWVBFIH0+YFxuICAgIHBhZGRpbmc6IDVweCAwO1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBjb2xvcjogJHsocHJvcHMpID0+IGdldFRpdGxlQ29sb3IocHJvcHMudHlwZSl9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWxsUGFyZW50ID0gc3R5bGVkLmRpdmBcbiAgICBmbGV4OiAxO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgdG9wOiA0cHg7XG4gICAgcmlnaHQ6IDRweDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlRFWFRfQ09MT1JfREFSSyl9O1xuXG4gICAgJjpmb2N1cyB7XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDNweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQm9keSA9IHN0eWxlZC5kaXZgXG4gICAgcGFkZGluZzogNXB4IDVweCA1cHggMDtcbiAgICBmb250LXNpemU6IDE0cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyB0eXBlOiBOT1RJRklDQVRJT05fVFlQRSB9PmBcbiAgICBwYWRkaW5nOiA2cHggMTBweDtcbiAgICAkeyhwcm9wcykgPT4gZ2V0VHlwZVN0eWxlKHByb3BzLnR5cGUpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBGb290ZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICBwYWRkaW5nOiAwIDVweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBWaXN1YWxseUhpZGRlbiA9IHN0eWxlZC5zcGFuYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogMXB4O1xuICAgIGhlaWdodDogMXB4O1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbWFyZ2luOiAtMXB4O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJvcmRlcjogMDtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkpxQiJ9 */");
+})("padding:5px 0;font-size:14px;color:", (props)=>getTitleColor(props.type), ";display:flex;align-items:center;");
 const FillParent = /*#__PURE__*/ styled("div", {
     target: "e1cfscy13",
     label: "FillParent"
-})("flex:1;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vc3R5bGUudHMiLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL3N0eWxlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldFRoZW1lVmFsdWUsIFRIRU1FX05BTUUgfSBmcm9tICcuLi8uLi9zaGFyZWQvY29uc3RhbnRzJztcbmltcG9ydCB7IENhcmQgfSBmcm9tICcuLi9DYXJkJztcbmltcG9ydCB7IE5PVElGSUNBVElPTl9QT1NJVElPTiwgTk9USUZJQ0FUSU9OX1RZUEUsIE5vdGlmaWNhdGlvbk9wdGlvbnMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgZ2V0RW50cnlBbmltYXRpb24gPSAocG9zaXRpb246IE5PVElGSUNBVElPTl9QT1NJVElPTikgPT4ge1xuICAgIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fUE9TSVRJT04uVE9QX0xFRlQ6XG4gICAgICAgIGNhc2UgTk9USUZJQ0FUSU9OX1BPU0lUSU9OLkJPVFRPTV9MRUZUOlxuICAgICAgICAgICAgcmV0dXJuICdpbi1sZWZ0JztcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgIHJldHVybiAnaW4tcmlnaHQnO1xuICAgIH1cbn07XG5cbmNvbnN0IGdldEV4aXRBbmltYXRpb24gPSAocG9zaXRpb246IE5PVElGSUNBVElPTl9QT1NJVElPTikgPT4ge1xuICAgIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fUE9TSVRJT04uVE9QX0xFRlQ6XG4gICAgICAgIGNhc2UgTk9USUZJQ0FUSU9OX1BPU0lUSU9OLkJPVFRPTV9MRUZUOlxuICAgICAgICAgICAgcmV0dXJuICdvdXQtbGVmdCc7XG4gICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgICByZXR1cm4gJ291dC1yaWdodCc7XG4gICAgfVxufTtcblxuY29uc3QgZ2V0Qm9yZGVyQ29sb3IgPSAodHlwZTogTk9USUZJQ0FUSU9OX1RZUEUpID0+IHtcbiAgICBzd2l0Y2ggKHR5cGUpIHtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fVFlQRS5TVUNDRVNTOlxuICAgICAgICAgICAgcmV0dXJuIGdldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5TVUNDRVNTX0xJR0hUKTtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fVFlQRS5EQU5HRVI6XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SX0xJR0hUKTtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fVFlQRS5XQVJOSU5HOlxuICAgICAgICAgICAgcmV0dXJuIGdldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5XQVJOSU5HX0xJR0hUKTtcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgIHJldHVybiBnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuSU5GT19MSUdIVCk7XG4gICAgfVxufTtcblxuY29uc3QgZ2V0VGl0bGVDb2xvciA9ICh0eXBlOiBOT1RJRklDQVRJT05fVFlQRSkgPT4ge1xuICAgIHN3aXRjaCAodHlwZSkge1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLlNVQ0NFU1M6XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlNVQ0NFU1MpO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLkRBTkdFUjpcbiAgICAgICAgICAgIHJldHVybiBnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLldBUk5JTkc6XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLldBUk5JTkcpO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLklORk86XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLklORk8pO1xuICAgIH1cbn07XG5cbmNvbnN0IGdldFR5cGVTdHlsZSA9ICh0eXBlOiBOT1RJRklDQVRJT05fVFlQRSkgPT4ge1xuICAgIHN3aXRjaCAodHlwZSkge1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLklORk86XG4gICAgICAgICAgICByZXR1cm4gYGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5JTkZPKX1gO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLlNVQ0NFU1M6XG4gICAgICAgICAgICByZXR1cm4gYGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5TVUNDRVNTKX1gO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLkRBTkdFUjpcbiAgICAgICAgICAgIHJldHVybiBgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX1gO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLldBUk5JTkc6XG4gICAgICAgICAgICByZXR1cm4gYGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5XQVJOSU5HKX1gO1xuICAgIH1cbn07XG5cbmludGVyZmFjZSBOb3RpY2VQcm9wIGV4dGVuZHMgTm90aWZpY2F0aW9uT3B0aW9ucyB7XG4gICAgcG9zaXRpb246IE5PVElGSUNBVElPTl9QT1NJVElPTjtcbn1cblxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyBwb3NpdGlvbjogTk9USUZJQ0FUSU9OX1BPU0lUSU9OIH0+YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHByb3BzKSA9PlxuICAgICAgICBwcm9wcy5wb3NpdGlvbiA9PT0gTk9USUZJQ0FUSU9OX1BPU0lUSU9OLlRPUF9MRUZUIHx8XG4gICAgICAgIHByb3BzLnBvc2l0aW9uID09PSBOT1RJRklDQVRJT05fUE9TSVRJT04uVE9QX1JJR0hUXG4gICAgICAgICAgICA/ICdjb2x1bW4nXG4gICAgICAgICAgICA6ICdjb2x1bW4tcmV2ZXJzZSd9O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5vdGljZSA9IHN0eWxlZChDYXJkKTxOb3RpY2VQcm9wPmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIGJvcmRlci1sZWZ0OiA0cHggc29saWQgJHsocHJvcHMpID0+IGdldEJvcmRlckNvbG9yKHByb3BzLnR5cGUpfTtcbiAgICB3aWR0aDogMzAwcHg7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwYWRkaW5nOiAwIDVweCA1cHggMDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGFuaW1hdGlvbjogJHsocHJvcHMpID0+IGdldEVudHJ5QW5pbWF0aW9uKHByb3BzLnBvc2l0aW9uKX0gMC42cyBlYXNlO1xuXG4gICAgJiBzdmcge1xuICAgICAgICBmaWxsOiBjdXJyZW50Q29sb3I7XG4gICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIHdpZHRoOiAyMHB4O1xuICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgfVxuXG4gICAgJi5sZWF2ZSB7XG4gICAgICAgIGFuaW1hdGlvbjogJHsocHJvcHMpID0+IGdldEV4aXRBbmltYXRpb24ocHJvcHMucG9zaXRpb24pfSAwLjZzO1xuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgaW4tcmlnaHQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKTtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDA7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDAlKTtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDE1MHB4O1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgb3V0LXJpZ2h0IHtcbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xuICAgICAgICAgICAgbWF4LWhlaWdodDogMDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIH1cblxuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwJSk7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAxMDBweDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGluLWxlZnQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAwO1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwJSk7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAxNTBweDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIG91dC1sZWZ0IHtcbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDA7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCUpO1xuICAgICAgICAgICAgbWF4LWhlaWdodDogMTAwcHg7XG4gICAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRpdGxlID0gc3R5bGVkLmRpdjx7IHR5cGU6IE5PVElGSUNBVElPTl9UWVBFIH0+YFxuICAgIHBhZGRpbmc6IDVweCAwO1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBjb2xvcjogJHsocHJvcHMpID0+IGdldFRpdGxlQ29sb3IocHJvcHMudHlwZSl9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWxsUGFyZW50ID0gc3R5bGVkLmRpdmBcbiAgICBmbGV4OiAxO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgdG9wOiA0cHg7XG4gICAgcmlnaHQ6IDRweDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlRFWFRfQ09MT1JfREFSSyl9O1xuXG4gICAgJjpmb2N1cyB7XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDNweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQm9keSA9IHN0eWxlZC5kaXZgXG4gICAgcGFkZGluZzogNXB4IDVweCA1cHggMDtcbiAgICBmb250LXNpemU6IDE0cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyB0eXBlOiBOT1RJRklDQVRJT05fVFlQRSB9PmBcbiAgICBwYWRkaW5nOiA2cHggMTBweDtcbiAgICAkeyhwcm9wcykgPT4gZ2V0VHlwZVN0eWxlKHByb3BzLnR5cGUpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBGb290ZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICBwYWRkaW5nOiAwIDVweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBWaXN1YWxseUhpZGRlbiA9IHN0eWxlZC5zcGFuYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogMXB4O1xuICAgIGhlaWdodDogMXB4O1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbWFyZ2luOiAtMXB4O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJvcmRlcjogMDtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUswQiJ9 */");
+})("flex:1;");
 const CloseButton = /*#__PURE__*/ styled("button", {
     target: "e1cfscy14",
     label: "CloseButton"
-})("position:absolute;background-color:transparent;border:none;padding:0;top:4px;right:4px;cursor:pointer;color:", getThemeValue(THEME_NAME.TEXT_COLOR_DARK), ";&:focus{box-shadow:0 0 0 3px ", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";border-radius:3px;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vc3R5bGUudHMiLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL3N0eWxlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldFRoZW1lVmFsdWUsIFRIRU1FX05BTUUgfSBmcm9tICcuLi8uLi9zaGFyZWQvY29uc3RhbnRzJztcbmltcG9ydCB7IENhcmQgfSBmcm9tICcuLi9DYXJkJztcbmltcG9ydCB7IE5PVElGSUNBVElPTl9QT1NJVElPTiwgTk9USUZJQ0FUSU9OX1RZUEUsIE5vdGlmaWNhdGlvbk9wdGlvbnMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgZ2V0RW50cnlBbmltYXRpb24gPSAocG9zaXRpb246IE5PVElGSUNBVElPTl9QT1NJVElPTikgPT4ge1xuICAgIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fUE9TSVRJT04uVE9QX0xFRlQ6XG4gICAgICAgIGNhc2UgTk9USUZJQ0FUSU9OX1BPU0lUSU9OLkJPVFRPTV9MRUZUOlxuICAgICAgICAgICAgcmV0dXJuICdpbi1sZWZ0JztcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgIHJldHVybiAnaW4tcmlnaHQnO1xuICAgIH1cbn07XG5cbmNvbnN0IGdldEV4aXRBbmltYXRpb24gPSAocG9zaXRpb246IE5PVElGSUNBVElPTl9QT1NJVElPTikgPT4ge1xuICAgIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fUE9TSVRJT04uVE9QX0xFRlQ6XG4gICAgICAgIGNhc2UgTk9USUZJQ0FUSU9OX1BPU0lUSU9OLkJPVFRPTV9MRUZUOlxuICAgICAgICAgICAgcmV0dXJuICdvdXQtbGVmdCc7XG4gICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgICByZXR1cm4gJ291dC1yaWdodCc7XG4gICAgfVxufTtcblxuY29uc3QgZ2V0Qm9yZGVyQ29sb3IgPSAodHlwZTogTk9USUZJQ0FUSU9OX1RZUEUpID0+IHtcbiAgICBzd2l0Y2ggKHR5cGUpIHtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fVFlQRS5TVUNDRVNTOlxuICAgICAgICAgICAgcmV0dXJuIGdldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5TVUNDRVNTX0xJR0hUKTtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fVFlQRS5EQU5HRVI6XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SX0xJR0hUKTtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fVFlQRS5XQVJOSU5HOlxuICAgICAgICAgICAgcmV0dXJuIGdldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5XQVJOSU5HX0xJR0hUKTtcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgIHJldHVybiBnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuSU5GT19MSUdIVCk7XG4gICAgfVxufTtcblxuY29uc3QgZ2V0VGl0bGVDb2xvciA9ICh0eXBlOiBOT1RJRklDQVRJT05fVFlQRSkgPT4ge1xuICAgIHN3aXRjaCAodHlwZSkge1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLlNVQ0NFU1M6XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlNVQ0NFU1MpO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLkRBTkdFUjpcbiAgICAgICAgICAgIHJldHVybiBnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLldBUk5JTkc6XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLldBUk5JTkcpO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLklORk86XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLklORk8pO1xuICAgIH1cbn07XG5cbmNvbnN0IGdldFR5cGVTdHlsZSA9ICh0eXBlOiBOT1RJRklDQVRJT05fVFlQRSkgPT4ge1xuICAgIHN3aXRjaCAodHlwZSkge1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLklORk86XG4gICAgICAgICAgICByZXR1cm4gYGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5JTkZPKX1gO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLlNVQ0NFU1M6XG4gICAgICAgICAgICByZXR1cm4gYGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5TVUNDRVNTKX1gO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLkRBTkdFUjpcbiAgICAgICAgICAgIHJldHVybiBgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX1gO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLldBUk5JTkc6XG4gICAgICAgICAgICByZXR1cm4gYGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5XQVJOSU5HKX1gO1xuICAgIH1cbn07XG5cbmludGVyZmFjZSBOb3RpY2VQcm9wIGV4dGVuZHMgTm90aWZpY2F0aW9uT3B0aW9ucyB7XG4gICAgcG9zaXRpb246IE5PVElGSUNBVElPTl9QT1NJVElPTjtcbn1cblxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyBwb3NpdGlvbjogTk9USUZJQ0FUSU9OX1BPU0lUSU9OIH0+YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHByb3BzKSA9PlxuICAgICAgICBwcm9wcy5wb3NpdGlvbiA9PT0gTk9USUZJQ0FUSU9OX1BPU0lUSU9OLlRPUF9MRUZUIHx8XG4gICAgICAgIHByb3BzLnBvc2l0aW9uID09PSBOT1RJRklDQVRJT05fUE9TSVRJT04uVE9QX1JJR0hUXG4gICAgICAgICAgICA/ICdjb2x1bW4nXG4gICAgICAgICAgICA6ICdjb2x1bW4tcmV2ZXJzZSd9O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5vdGljZSA9IHN0eWxlZChDYXJkKTxOb3RpY2VQcm9wPmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIGJvcmRlci1sZWZ0OiA0cHggc29saWQgJHsocHJvcHMpID0+IGdldEJvcmRlckNvbG9yKHByb3BzLnR5cGUpfTtcbiAgICB3aWR0aDogMzAwcHg7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwYWRkaW5nOiAwIDVweCA1cHggMDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGFuaW1hdGlvbjogJHsocHJvcHMpID0+IGdldEVudHJ5QW5pbWF0aW9uKHByb3BzLnBvc2l0aW9uKX0gMC42cyBlYXNlO1xuXG4gICAgJiBzdmcge1xuICAgICAgICBmaWxsOiBjdXJyZW50Q29sb3I7XG4gICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIHdpZHRoOiAyMHB4O1xuICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgfVxuXG4gICAgJi5sZWF2ZSB7XG4gICAgICAgIGFuaW1hdGlvbjogJHsocHJvcHMpID0+IGdldEV4aXRBbmltYXRpb24ocHJvcHMucG9zaXRpb24pfSAwLjZzO1xuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgaW4tcmlnaHQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKTtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDA7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDAlKTtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDE1MHB4O1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgb3V0LXJpZ2h0IHtcbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xuICAgICAgICAgICAgbWF4LWhlaWdodDogMDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIH1cblxuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwJSk7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAxMDBweDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGluLWxlZnQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAwO1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwJSk7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAxNTBweDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIG91dC1sZWZ0IHtcbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDA7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCUpO1xuICAgICAgICAgICAgbWF4LWhlaWdodDogMTAwcHg7XG4gICAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRpdGxlID0gc3R5bGVkLmRpdjx7IHR5cGU6IE5PVElGSUNBVElPTl9UWVBFIH0+YFxuICAgIHBhZGRpbmc6IDVweCAwO1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBjb2xvcjogJHsocHJvcHMpID0+IGdldFRpdGxlQ29sb3IocHJvcHMudHlwZSl9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWxsUGFyZW50ID0gc3R5bGVkLmRpdmBcbiAgICBmbGV4OiAxO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgdG9wOiA0cHg7XG4gICAgcmlnaHQ6IDRweDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlRFWFRfQ09MT1JfREFSSyl9O1xuXG4gICAgJjpmb2N1cyB7XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDNweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQm9keSA9IHN0eWxlZC5kaXZgXG4gICAgcGFkZGluZzogNXB4IDVweCA1cHggMDtcbiAgICBmb250LXNpemU6IDE0cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyB0eXBlOiBOT1RJRklDQVRJT05fVFlQRSB9PmBcbiAgICBwYWRkaW5nOiA2cHggMTBweDtcbiAgICAkeyhwcm9wcykgPT4gZ2V0VHlwZVN0eWxlKHByb3BzLnR5cGUpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBGb290ZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICBwYWRkaW5nOiAwIDVweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBWaXN1YWxseUhpZGRlbiA9IHN0eWxlZC5zcGFuYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogMXB4O1xuICAgIGhlaWdodDogMXB4O1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbWFyZ2luOiAtMXB4O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJvcmRlcjogMDtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUsyQiJ9 */");
+})("position:absolute;background-color:transparent;border:none;padding:0;top:4px;right:4px;cursor:pointer;color:", getThemeValue(THEME_NAME.TEXT_COLOR_DARK), ";&:focus{box-shadow:0 0 0 3px ", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";border-radius:3px;}");
 const Body = /*#__PURE__*/ styled("div", {
     target: "e1cfscy15",
     label: "Body"
-})("padding:5px 5px 5px 0;font-size:14px;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vc3R5bGUudHMiLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL3N0eWxlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldFRoZW1lVmFsdWUsIFRIRU1FX05BTUUgfSBmcm9tICcuLi8uLi9zaGFyZWQvY29uc3RhbnRzJztcbmltcG9ydCB7IENhcmQgfSBmcm9tICcuLi9DYXJkJztcbmltcG9ydCB7IE5PVElGSUNBVElPTl9QT1NJVElPTiwgTk9USUZJQ0FUSU9OX1RZUEUsIE5vdGlmaWNhdGlvbk9wdGlvbnMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgZ2V0RW50cnlBbmltYXRpb24gPSAocG9zaXRpb246IE5PVElGSUNBVElPTl9QT1NJVElPTikgPT4ge1xuICAgIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fUE9TSVRJT04uVE9QX0xFRlQ6XG4gICAgICAgIGNhc2UgTk9USUZJQ0FUSU9OX1BPU0lUSU9OLkJPVFRPTV9MRUZUOlxuICAgICAgICAgICAgcmV0dXJuICdpbi1sZWZ0JztcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgIHJldHVybiAnaW4tcmlnaHQnO1xuICAgIH1cbn07XG5cbmNvbnN0IGdldEV4aXRBbmltYXRpb24gPSAocG9zaXRpb246IE5PVElGSUNBVElPTl9QT1NJVElPTikgPT4ge1xuICAgIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fUE9TSVRJT04uVE9QX0xFRlQ6XG4gICAgICAgIGNhc2UgTk9USUZJQ0FUSU9OX1BPU0lUSU9OLkJPVFRPTV9MRUZUOlxuICAgICAgICAgICAgcmV0dXJuICdvdXQtbGVmdCc7XG4gICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgICByZXR1cm4gJ291dC1yaWdodCc7XG4gICAgfVxufTtcblxuY29uc3QgZ2V0Qm9yZGVyQ29sb3IgPSAodHlwZTogTk9USUZJQ0FUSU9OX1RZUEUpID0+IHtcbiAgICBzd2l0Y2ggKHR5cGUpIHtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fVFlQRS5TVUNDRVNTOlxuICAgICAgICAgICAgcmV0dXJuIGdldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5TVUNDRVNTX0xJR0hUKTtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fVFlQRS5EQU5HRVI6XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SX0xJR0hUKTtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fVFlQRS5XQVJOSU5HOlxuICAgICAgICAgICAgcmV0dXJuIGdldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5XQVJOSU5HX0xJR0hUKTtcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgIHJldHVybiBnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuSU5GT19MSUdIVCk7XG4gICAgfVxufTtcblxuY29uc3QgZ2V0VGl0bGVDb2xvciA9ICh0eXBlOiBOT1RJRklDQVRJT05fVFlQRSkgPT4ge1xuICAgIHN3aXRjaCAodHlwZSkge1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLlNVQ0NFU1M6XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlNVQ0NFU1MpO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLkRBTkdFUjpcbiAgICAgICAgICAgIHJldHVybiBnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLldBUk5JTkc6XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLldBUk5JTkcpO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLklORk86XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLklORk8pO1xuICAgIH1cbn07XG5cbmNvbnN0IGdldFR5cGVTdHlsZSA9ICh0eXBlOiBOT1RJRklDQVRJT05fVFlQRSkgPT4ge1xuICAgIHN3aXRjaCAodHlwZSkge1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLklORk86XG4gICAgICAgICAgICByZXR1cm4gYGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5JTkZPKX1gO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLlNVQ0NFU1M6XG4gICAgICAgICAgICByZXR1cm4gYGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5TVUNDRVNTKX1gO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLkRBTkdFUjpcbiAgICAgICAgICAgIHJldHVybiBgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX1gO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLldBUk5JTkc6XG4gICAgICAgICAgICByZXR1cm4gYGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5XQVJOSU5HKX1gO1xuICAgIH1cbn07XG5cbmludGVyZmFjZSBOb3RpY2VQcm9wIGV4dGVuZHMgTm90aWZpY2F0aW9uT3B0aW9ucyB7XG4gICAgcG9zaXRpb246IE5PVElGSUNBVElPTl9QT1NJVElPTjtcbn1cblxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyBwb3NpdGlvbjogTk9USUZJQ0FUSU9OX1BPU0lUSU9OIH0+YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHByb3BzKSA9PlxuICAgICAgICBwcm9wcy5wb3NpdGlvbiA9PT0gTk9USUZJQ0FUSU9OX1BPU0lUSU9OLlRPUF9MRUZUIHx8XG4gICAgICAgIHByb3BzLnBvc2l0aW9uID09PSBOT1RJRklDQVRJT05fUE9TSVRJT04uVE9QX1JJR0hUXG4gICAgICAgICAgICA/ICdjb2x1bW4nXG4gICAgICAgICAgICA6ICdjb2x1bW4tcmV2ZXJzZSd9O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5vdGljZSA9IHN0eWxlZChDYXJkKTxOb3RpY2VQcm9wPmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIGJvcmRlci1sZWZ0OiA0cHggc29saWQgJHsocHJvcHMpID0+IGdldEJvcmRlckNvbG9yKHByb3BzLnR5cGUpfTtcbiAgICB3aWR0aDogMzAwcHg7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwYWRkaW5nOiAwIDVweCA1cHggMDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGFuaW1hdGlvbjogJHsocHJvcHMpID0+IGdldEVudHJ5QW5pbWF0aW9uKHByb3BzLnBvc2l0aW9uKX0gMC42cyBlYXNlO1xuXG4gICAgJiBzdmcge1xuICAgICAgICBmaWxsOiBjdXJyZW50Q29sb3I7XG4gICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIHdpZHRoOiAyMHB4O1xuICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgfVxuXG4gICAgJi5sZWF2ZSB7XG4gICAgICAgIGFuaW1hdGlvbjogJHsocHJvcHMpID0+IGdldEV4aXRBbmltYXRpb24ocHJvcHMucG9zaXRpb24pfSAwLjZzO1xuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgaW4tcmlnaHQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKTtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDA7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDAlKTtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDE1MHB4O1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgb3V0LXJpZ2h0IHtcbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xuICAgICAgICAgICAgbWF4LWhlaWdodDogMDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIH1cblxuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwJSk7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAxMDBweDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGluLWxlZnQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAwO1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwJSk7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAxNTBweDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIG91dC1sZWZ0IHtcbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDA7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCUpO1xuICAgICAgICAgICAgbWF4LWhlaWdodDogMTAwcHg7XG4gICAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRpdGxlID0gc3R5bGVkLmRpdjx7IHR5cGU6IE5PVElGSUNBVElPTl9UWVBFIH0+YFxuICAgIHBhZGRpbmc6IDVweCAwO1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBjb2xvcjogJHsocHJvcHMpID0+IGdldFRpdGxlQ29sb3IocHJvcHMudHlwZSl9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWxsUGFyZW50ID0gc3R5bGVkLmRpdmBcbiAgICBmbGV4OiAxO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgdG9wOiA0cHg7XG4gICAgcmlnaHQ6IDRweDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlRFWFRfQ09MT1JfREFSSyl9O1xuXG4gICAgJjpmb2N1cyB7XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDNweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQm9keSA9IHN0eWxlZC5kaXZgXG4gICAgcGFkZGluZzogNXB4IDVweCA1cHggMDtcbiAgICBmb250LXNpemU6IDE0cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyB0eXBlOiBOT1RJRklDQVRJT05fVFlQRSB9PmBcbiAgICBwYWRkaW5nOiA2cHggMTBweDtcbiAgICAkeyhwcm9wcykgPT4gZ2V0VHlwZVN0eWxlKHByb3BzLnR5cGUpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBGb290ZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICBwYWRkaW5nOiAwIDVweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBWaXN1YWxseUhpZGRlbiA9IHN0eWxlZC5zcGFuYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogMXB4O1xuICAgIGhlaWdodDogMXB4O1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbWFyZ2luOiAtMXB4O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJvcmRlcjogMDtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUxvQiJ9 */");
+})("padding:5px 5px 5px 0;font-size:14px;");
 const IconContainer = /*#__PURE__*/ styled("div", {
     target: "e1cfscy16",
     label: "IconContainer"
-})("padding:6px 10px;", (props)=>getTypeStyle(props.type), ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vc3R5bGUudHMiLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL3N0eWxlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldFRoZW1lVmFsdWUsIFRIRU1FX05BTUUgfSBmcm9tICcuLi8uLi9zaGFyZWQvY29uc3RhbnRzJztcbmltcG9ydCB7IENhcmQgfSBmcm9tICcuLi9DYXJkJztcbmltcG9ydCB7IE5PVElGSUNBVElPTl9QT1NJVElPTiwgTk9USUZJQ0FUSU9OX1RZUEUsIE5vdGlmaWNhdGlvbk9wdGlvbnMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgZ2V0RW50cnlBbmltYXRpb24gPSAocG9zaXRpb246IE5PVElGSUNBVElPTl9QT1NJVElPTikgPT4ge1xuICAgIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fUE9TSVRJT04uVE9QX0xFRlQ6XG4gICAgICAgIGNhc2UgTk9USUZJQ0FUSU9OX1BPU0lUSU9OLkJPVFRPTV9MRUZUOlxuICAgICAgICAgICAgcmV0dXJuICdpbi1sZWZ0JztcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgIHJldHVybiAnaW4tcmlnaHQnO1xuICAgIH1cbn07XG5cbmNvbnN0IGdldEV4aXRBbmltYXRpb24gPSAocG9zaXRpb246IE5PVElGSUNBVElPTl9QT1NJVElPTikgPT4ge1xuICAgIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fUE9TSVRJT04uVE9QX0xFRlQ6XG4gICAgICAgIGNhc2UgTk9USUZJQ0FUSU9OX1BPU0lUSU9OLkJPVFRPTV9MRUZUOlxuICAgICAgICAgICAgcmV0dXJuICdvdXQtbGVmdCc7XG4gICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgICByZXR1cm4gJ291dC1yaWdodCc7XG4gICAgfVxufTtcblxuY29uc3QgZ2V0Qm9yZGVyQ29sb3IgPSAodHlwZTogTk9USUZJQ0FUSU9OX1RZUEUpID0+IHtcbiAgICBzd2l0Y2ggKHR5cGUpIHtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fVFlQRS5TVUNDRVNTOlxuICAgICAgICAgICAgcmV0dXJuIGdldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5TVUNDRVNTX0xJR0hUKTtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fVFlQRS5EQU5HRVI6XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SX0xJR0hUKTtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fVFlQRS5XQVJOSU5HOlxuICAgICAgICAgICAgcmV0dXJuIGdldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5XQVJOSU5HX0xJR0hUKTtcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgIHJldHVybiBnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuSU5GT19MSUdIVCk7XG4gICAgfVxufTtcblxuY29uc3QgZ2V0VGl0bGVDb2xvciA9ICh0eXBlOiBOT1RJRklDQVRJT05fVFlQRSkgPT4ge1xuICAgIHN3aXRjaCAodHlwZSkge1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLlNVQ0NFU1M6XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlNVQ0NFU1MpO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLkRBTkdFUjpcbiAgICAgICAgICAgIHJldHVybiBnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLldBUk5JTkc6XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLldBUk5JTkcpO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLklORk86XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLklORk8pO1xuICAgIH1cbn07XG5cbmNvbnN0IGdldFR5cGVTdHlsZSA9ICh0eXBlOiBOT1RJRklDQVRJT05fVFlQRSkgPT4ge1xuICAgIHN3aXRjaCAodHlwZSkge1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLklORk86XG4gICAgICAgICAgICByZXR1cm4gYGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5JTkZPKX1gO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLlNVQ0NFU1M6XG4gICAgICAgICAgICByZXR1cm4gYGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5TVUNDRVNTKX1gO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLkRBTkdFUjpcbiAgICAgICAgICAgIHJldHVybiBgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX1gO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLldBUk5JTkc6XG4gICAgICAgICAgICByZXR1cm4gYGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5XQVJOSU5HKX1gO1xuICAgIH1cbn07XG5cbmludGVyZmFjZSBOb3RpY2VQcm9wIGV4dGVuZHMgTm90aWZpY2F0aW9uT3B0aW9ucyB7XG4gICAgcG9zaXRpb246IE5PVElGSUNBVElPTl9QT1NJVElPTjtcbn1cblxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyBwb3NpdGlvbjogTk9USUZJQ0FUSU9OX1BPU0lUSU9OIH0+YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHByb3BzKSA9PlxuICAgICAgICBwcm9wcy5wb3NpdGlvbiA9PT0gTk9USUZJQ0FUSU9OX1BPU0lUSU9OLlRPUF9MRUZUIHx8XG4gICAgICAgIHByb3BzLnBvc2l0aW9uID09PSBOT1RJRklDQVRJT05fUE9TSVRJT04uVE9QX1JJR0hUXG4gICAgICAgICAgICA/ICdjb2x1bW4nXG4gICAgICAgICAgICA6ICdjb2x1bW4tcmV2ZXJzZSd9O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5vdGljZSA9IHN0eWxlZChDYXJkKTxOb3RpY2VQcm9wPmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIGJvcmRlci1sZWZ0OiA0cHggc29saWQgJHsocHJvcHMpID0+IGdldEJvcmRlckNvbG9yKHByb3BzLnR5cGUpfTtcbiAgICB3aWR0aDogMzAwcHg7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwYWRkaW5nOiAwIDVweCA1cHggMDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGFuaW1hdGlvbjogJHsocHJvcHMpID0+IGdldEVudHJ5QW5pbWF0aW9uKHByb3BzLnBvc2l0aW9uKX0gMC42cyBlYXNlO1xuXG4gICAgJiBzdmcge1xuICAgICAgICBmaWxsOiBjdXJyZW50Q29sb3I7XG4gICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIHdpZHRoOiAyMHB4O1xuICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgfVxuXG4gICAgJi5sZWF2ZSB7XG4gICAgICAgIGFuaW1hdGlvbjogJHsocHJvcHMpID0+IGdldEV4aXRBbmltYXRpb24ocHJvcHMucG9zaXRpb24pfSAwLjZzO1xuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgaW4tcmlnaHQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKTtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDA7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDAlKTtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDE1MHB4O1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgb3V0LXJpZ2h0IHtcbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xuICAgICAgICAgICAgbWF4LWhlaWdodDogMDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIH1cblxuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwJSk7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAxMDBweDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGluLWxlZnQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAwO1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwJSk7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAxNTBweDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIG91dC1sZWZ0IHtcbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDA7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCUpO1xuICAgICAgICAgICAgbWF4LWhlaWdodDogMTAwcHg7XG4gICAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRpdGxlID0gc3R5bGVkLmRpdjx7IHR5cGU6IE5PVElGSUNBVElPTl9UWVBFIH0+YFxuICAgIHBhZGRpbmc6IDVweCAwO1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBjb2xvcjogJHsocHJvcHMpID0+IGdldFRpdGxlQ29sb3IocHJvcHMudHlwZSl9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWxsUGFyZW50ID0gc3R5bGVkLmRpdmBcbiAgICBmbGV4OiAxO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgdG9wOiA0cHg7XG4gICAgcmlnaHQ6IDRweDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlRFWFRfQ09MT1JfREFSSyl9O1xuXG4gICAgJjpmb2N1cyB7XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDNweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQm9keSA9IHN0eWxlZC5kaXZgXG4gICAgcGFkZGluZzogNXB4IDVweCA1cHggMDtcbiAgICBmb250LXNpemU6IDE0cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyB0eXBlOiBOT1RJRklDQVRJT05fVFlQRSB9PmBcbiAgICBwYWRkaW5nOiA2cHggMTBweDtcbiAgICAkeyhwcm9wcykgPT4gZ2V0VHlwZVN0eWxlKHByb3BzLnR5cGUpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBGb290ZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICBwYWRkaW5nOiAwIDVweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBWaXN1YWxseUhpZGRlbiA9IHN0eWxlZC5zcGFuYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogMXB4O1xuICAgIGhlaWdodDogMXB4O1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbWFyZ2luOiAtMXB4O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJvcmRlcjogMDtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEw2QiJ9 */");
+})("padding:6px 10px;", (props)=>getTypeStyle(props.type), ";");
 const Footer = /*#__PURE__*/ styled("div", {
     target: "e1cfscy17",
     label: "Footer"
-})("display:flex;justify-content:flex-end;padding:0 5px;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vc3R5bGUudHMiLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL3N0eWxlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldFRoZW1lVmFsdWUsIFRIRU1FX05BTUUgfSBmcm9tICcuLi8uLi9zaGFyZWQvY29uc3RhbnRzJztcbmltcG9ydCB7IENhcmQgfSBmcm9tICcuLi9DYXJkJztcbmltcG9ydCB7IE5PVElGSUNBVElPTl9QT1NJVElPTiwgTk9USUZJQ0FUSU9OX1RZUEUsIE5vdGlmaWNhdGlvbk9wdGlvbnMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgZ2V0RW50cnlBbmltYXRpb24gPSAocG9zaXRpb246IE5PVElGSUNBVElPTl9QT1NJVElPTikgPT4ge1xuICAgIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fUE9TSVRJT04uVE9QX0xFRlQ6XG4gICAgICAgIGNhc2UgTk9USUZJQ0FUSU9OX1BPU0lUSU9OLkJPVFRPTV9MRUZUOlxuICAgICAgICAgICAgcmV0dXJuICdpbi1sZWZ0JztcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgIHJldHVybiAnaW4tcmlnaHQnO1xuICAgIH1cbn07XG5cbmNvbnN0IGdldEV4aXRBbmltYXRpb24gPSAocG9zaXRpb246IE5PVElGSUNBVElPTl9QT1NJVElPTikgPT4ge1xuICAgIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fUE9TSVRJT04uVE9QX0xFRlQ6XG4gICAgICAgIGNhc2UgTk9USUZJQ0FUSU9OX1BPU0lUSU9OLkJPVFRPTV9MRUZUOlxuICAgICAgICAgICAgcmV0dXJuICdvdXQtbGVmdCc7XG4gICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgICByZXR1cm4gJ291dC1yaWdodCc7XG4gICAgfVxufTtcblxuY29uc3QgZ2V0Qm9yZGVyQ29sb3IgPSAodHlwZTogTk9USUZJQ0FUSU9OX1RZUEUpID0+IHtcbiAgICBzd2l0Y2ggKHR5cGUpIHtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fVFlQRS5TVUNDRVNTOlxuICAgICAgICAgICAgcmV0dXJuIGdldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5TVUNDRVNTX0xJR0hUKTtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fVFlQRS5EQU5HRVI6XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SX0xJR0hUKTtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fVFlQRS5XQVJOSU5HOlxuICAgICAgICAgICAgcmV0dXJuIGdldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5XQVJOSU5HX0xJR0hUKTtcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgIHJldHVybiBnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuSU5GT19MSUdIVCk7XG4gICAgfVxufTtcblxuY29uc3QgZ2V0VGl0bGVDb2xvciA9ICh0eXBlOiBOT1RJRklDQVRJT05fVFlQRSkgPT4ge1xuICAgIHN3aXRjaCAodHlwZSkge1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLlNVQ0NFU1M6XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlNVQ0NFU1MpO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLkRBTkdFUjpcbiAgICAgICAgICAgIHJldHVybiBnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLldBUk5JTkc6XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLldBUk5JTkcpO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLklORk86XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLklORk8pO1xuICAgIH1cbn07XG5cbmNvbnN0IGdldFR5cGVTdHlsZSA9ICh0eXBlOiBOT1RJRklDQVRJT05fVFlQRSkgPT4ge1xuICAgIHN3aXRjaCAodHlwZSkge1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLklORk86XG4gICAgICAgICAgICByZXR1cm4gYGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5JTkZPKX1gO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLlNVQ0NFU1M6XG4gICAgICAgICAgICByZXR1cm4gYGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5TVUNDRVNTKX1gO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLkRBTkdFUjpcbiAgICAgICAgICAgIHJldHVybiBgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX1gO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLldBUk5JTkc6XG4gICAgICAgICAgICByZXR1cm4gYGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5XQVJOSU5HKX1gO1xuICAgIH1cbn07XG5cbmludGVyZmFjZSBOb3RpY2VQcm9wIGV4dGVuZHMgTm90aWZpY2F0aW9uT3B0aW9ucyB7XG4gICAgcG9zaXRpb246IE5PVElGSUNBVElPTl9QT1NJVElPTjtcbn1cblxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyBwb3NpdGlvbjogTk9USUZJQ0FUSU9OX1BPU0lUSU9OIH0+YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHByb3BzKSA9PlxuICAgICAgICBwcm9wcy5wb3NpdGlvbiA9PT0gTk9USUZJQ0FUSU9OX1BPU0lUSU9OLlRPUF9MRUZUIHx8XG4gICAgICAgIHByb3BzLnBvc2l0aW9uID09PSBOT1RJRklDQVRJT05fUE9TSVRJT04uVE9QX1JJR0hUXG4gICAgICAgICAgICA/ICdjb2x1bW4nXG4gICAgICAgICAgICA6ICdjb2x1bW4tcmV2ZXJzZSd9O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5vdGljZSA9IHN0eWxlZChDYXJkKTxOb3RpY2VQcm9wPmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIGJvcmRlci1sZWZ0OiA0cHggc29saWQgJHsocHJvcHMpID0+IGdldEJvcmRlckNvbG9yKHByb3BzLnR5cGUpfTtcbiAgICB3aWR0aDogMzAwcHg7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwYWRkaW5nOiAwIDVweCA1cHggMDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGFuaW1hdGlvbjogJHsocHJvcHMpID0+IGdldEVudHJ5QW5pbWF0aW9uKHByb3BzLnBvc2l0aW9uKX0gMC42cyBlYXNlO1xuXG4gICAgJiBzdmcge1xuICAgICAgICBmaWxsOiBjdXJyZW50Q29sb3I7XG4gICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIHdpZHRoOiAyMHB4O1xuICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgfVxuXG4gICAgJi5sZWF2ZSB7XG4gICAgICAgIGFuaW1hdGlvbjogJHsocHJvcHMpID0+IGdldEV4aXRBbmltYXRpb24ocHJvcHMucG9zaXRpb24pfSAwLjZzO1xuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgaW4tcmlnaHQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKTtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDA7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDAlKTtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDE1MHB4O1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgb3V0LXJpZ2h0IHtcbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xuICAgICAgICAgICAgbWF4LWhlaWdodDogMDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIH1cblxuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwJSk7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAxMDBweDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGluLWxlZnQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAwO1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwJSk7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAxNTBweDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIG91dC1sZWZ0IHtcbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDA7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCUpO1xuICAgICAgICAgICAgbWF4LWhlaWdodDogMTAwcHg7XG4gICAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRpdGxlID0gc3R5bGVkLmRpdjx7IHR5cGU6IE5PVElGSUNBVElPTl9UWVBFIH0+YFxuICAgIHBhZGRpbmc6IDVweCAwO1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBjb2xvcjogJHsocHJvcHMpID0+IGdldFRpdGxlQ29sb3IocHJvcHMudHlwZSl9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWxsUGFyZW50ID0gc3R5bGVkLmRpdmBcbiAgICBmbGV4OiAxO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgdG9wOiA0cHg7XG4gICAgcmlnaHQ6IDRweDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlRFWFRfQ09MT1JfREFSSyl9O1xuXG4gICAgJjpmb2N1cyB7XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDNweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQm9keSA9IHN0eWxlZC5kaXZgXG4gICAgcGFkZGluZzogNXB4IDVweCA1cHggMDtcbiAgICBmb250LXNpemU6IDE0cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyB0eXBlOiBOT1RJRklDQVRJT05fVFlQRSB9PmBcbiAgICBwYWRkaW5nOiA2cHggMTBweDtcbiAgICAkeyhwcm9wcykgPT4gZ2V0VHlwZVN0eWxlKHByb3BzLnR5cGUpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBGb290ZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICBwYWRkaW5nOiAwIDVweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBWaXN1YWxseUhpZGRlbiA9IHN0eWxlZC5zcGFuYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogMXB4O1xuICAgIGhlaWdodDogMXB4O1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbWFyZ2luOiAtMXB4O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJvcmRlcjogMDtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaU1zQiJ9 */");
+})("display:flex;justify-content:flex-end;padding:0 5px;");
 const VisuallyHidden = /*#__PURE__*/ styled("span", {
     target: "e1cfscy18",
     label: "VisuallyHidden"
-})("position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vc3R5bGUudHMiLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL3N0eWxlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldFRoZW1lVmFsdWUsIFRIRU1FX05BTUUgfSBmcm9tICcuLi8uLi9zaGFyZWQvY29uc3RhbnRzJztcbmltcG9ydCB7IENhcmQgfSBmcm9tICcuLi9DYXJkJztcbmltcG9ydCB7IE5PVElGSUNBVElPTl9QT1NJVElPTiwgTk9USUZJQ0FUSU9OX1RZUEUsIE5vdGlmaWNhdGlvbk9wdGlvbnMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgZ2V0RW50cnlBbmltYXRpb24gPSAocG9zaXRpb246IE5PVElGSUNBVElPTl9QT1NJVElPTikgPT4ge1xuICAgIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fUE9TSVRJT04uVE9QX0xFRlQ6XG4gICAgICAgIGNhc2UgTk9USUZJQ0FUSU9OX1BPU0lUSU9OLkJPVFRPTV9MRUZUOlxuICAgICAgICAgICAgcmV0dXJuICdpbi1sZWZ0JztcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgIHJldHVybiAnaW4tcmlnaHQnO1xuICAgIH1cbn07XG5cbmNvbnN0IGdldEV4aXRBbmltYXRpb24gPSAocG9zaXRpb246IE5PVElGSUNBVElPTl9QT1NJVElPTikgPT4ge1xuICAgIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fUE9TSVRJT04uVE9QX0xFRlQ6XG4gICAgICAgIGNhc2UgTk9USUZJQ0FUSU9OX1BPU0lUSU9OLkJPVFRPTV9MRUZUOlxuICAgICAgICAgICAgcmV0dXJuICdvdXQtbGVmdCc7XG4gICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgICByZXR1cm4gJ291dC1yaWdodCc7XG4gICAgfVxufTtcblxuY29uc3QgZ2V0Qm9yZGVyQ29sb3IgPSAodHlwZTogTk9USUZJQ0FUSU9OX1RZUEUpID0+IHtcbiAgICBzd2l0Y2ggKHR5cGUpIHtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fVFlQRS5TVUNDRVNTOlxuICAgICAgICAgICAgcmV0dXJuIGdldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5TVUNDRVNTX0xJR0hUKTtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fVFlQRS5EQU5HRVI6XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SX0xJR0hUKTtcbiAgICAgICAgY2FzZSBOT1RJRklDQVRJT05fVFlQRS5XQVJOSU5HOlxuICAgICAgICAgICAgcmV0dXJuIGdldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5XQVJOSU5HX0xJR0hUKTtcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgIHJldHVybiBnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuSU5GT19MSUdIVCk7XG4gICAgfVxufTtcblxuY29uc3QgZ2V0VGl0bGVDb2xvciA9ICh0eXBlOiBOT1RJRklDQVRJT05fVFlQRSkgPT4ge1xuICAgIHN3aXRjaCAodHlwZSkge1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLlNVQ0NFU1M6XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlNVQ0NFU1MpO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLkRBTkdFUjpcbiAgICAgICAgICAgIHJldHVybiBnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLldBUk5JTkc6XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLldBUk5JTkcpO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLklORk86XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLklORk8pO1xuICAgIH1cbn07XG5cbmNvbnN0IGdldFR5cGVTdHlsZSA9ICh0eXBlOiBOT1RJRklDQVRJT05fVFlQRSkgPT4ge1xuICAgIHN3aXRjaCAodHlwZSkge1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLklORk86XG4gICAgICAgICAgICByZXR1cm4gYGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5JTkZPKX1gO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLlNVQ0NFU1M6XG4gICAgICAgICAgICByZXR1cm4gYGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5TVUNDRVNTKX1gO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLkRBTkdFUjpcbiAgICAgICAgICAgIHJldHVybiBgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX1gO1xuICAgICAgICBjYXNlIE5PVElGSUNBVElPTl9UWVBFLldBUk5JTkc6XG4gICAgICAgICAgICByZXR1cm4gYGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5XQVJOSU5HKX1gO1xuICAgIH1cbn07XG5cbmludGVyZmFjZSBOb3RpY2VQcm9wIGV4dGVuZHMgTm90aWZpY2F0aW9uT3B0aW9ucyB7XG4gICAgcG9zaXRpb246IE5PVElGSUNBVElPTl9QT1NJVElPTjtcbn1cblxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyBwb3NpdGlvbjogTk9USUZJQ0FUSU9OX1BPU0lUSU9OIH0+YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHByb3BzKSA9PlxuICAgICAgICBwcm9wcy5wb3NpdGlvbiA9PT0gTk9USUZJQ0FUSU9OX1BPU0lUSU9OLlRPUF9MRUZUIHx8XG4gICAgICAgIHByb3BzLnBvc2l0aW9uID09PSBOT1RJRklDQVRJT05fUE9TSVRJT04uVE9QX1JJR0hUXG4gICAgICAgICAgICA/ICdjb2x1bW4nXG4gICAgICAgICAgICA6ICdjb2x1bW4tcmV2ZXJzZSd9O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5vdGljZSA9IHN0eWxlZChDYXJkKTxOb3RpY2VQcm9wPmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIGJvcmRlci1sZWZ0OiA0cHggc29saWQgJHsocHJvcHMpID0+IGdldEJvcmRlckNvbG9yKHByb3BzLnR5cGUpfTtcbiAgICB3aWR0aDogMzAwcHg7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwYWRkaW5nOiAwIDVweCA1cHggMDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGFuaW1hdGlvbjogJHsocHJvcHMpID0+IGdldEVudHJ5QW5pbWF0aW9uKHByb3BzLnBvc2l0aW9uKX0gMC42cyBlYXNlO1xuXG4gICAgJiBzdmcge1xuICAgICAgICBmaWxsOiBjdXJyZW50Q29sb3I7XG4gICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIHdpZHRoOiAyMHB4O1xuICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgfVxuXG4gICAgJi5sZWF2ZSB7XG4gICAgICAgIGFuaW1hdGlvbjogJHsocHJvcHMpID0+IGdldEV4aXRBbmltYXRpb24ocHJvcHMucG9zaXRpb24pfSAwLjZzO1xuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgaW4tcmlnaHQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKTtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDA7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDAlKTtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDE1MHB4O1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgb3V0LXJpZ2h0IHtcbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xuICAgICAgICAgICAgbWF4LWhlaWdodDogMDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIH1cblxuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwJSk7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAxMDBweDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGluLWxlZnQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAwO1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwJSk7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAxNTBweDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIG91dC1sZWZ0IHtcbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDA7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCUpO1xuICAgICAgICAgICAgbWF4LWhlaWdodDogMTAwcHg7XG4gICAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRpdGxlID0gc3R5bGVkLmRpdjx7IHR5cGU6IE5PVElGSUNBVElPTl9UWVBFIH0+YFxuICAgIHBhZGRpbmc6IDVweCAwO1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBjb2xvcjogJHsocHJvcHMpID0+IGdldFRpdGxlQ29sb3IocHJvcHMudHlwZSl9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWxsUGFyZW50ID0gc3R5bGVkLmRpdmBcbiAgICBmbGV4OiAxO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgdG9wOiA0cHg7XG4gICAgcmlnaHQ6IDRweDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlRFWFRfQ09MT1JfREFSSyl9O1xuXG4gICAgJjpmb2N1cyB7XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDNweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQm9keSA9IHN0eWxlZC5kaXZgXG4gICAgcGFkZGluZzogNXB4IDVweCA1cHggMDtcbiAgICBmb250LXNpemU6IDE0cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyB0eXBlOiBOT1RJRklDQVRJT05fVFlQRSB9PmBcbiAgICBwYWRkaW5nOiA2cHggMTBweDtcbiAgICAkeyhwcm9wcykgPT4gZ2V0VHlwZVN0eWxlKHByb3BzLnR5cGUpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBGb290ZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICBwYWRkaW5nOiAwIDVweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBWaXN1YWxseUhpZGRlbiA9IHN0eWxlZC5zcGFuYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogMXB4O1xuICAgIGhlaWdodDogMXB4O1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbWFyZ2luOiAtMXB4O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJvcmRlcjogMDtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdU04QiJ9 */");
+})("position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;");
 
 export { Body, CloseButton, Container, FillParent, Footer, IconContainer, Notice, Title, VisuallyHidden };
+//# sourceMappingURL=style.js.map

package/lib-esm/components/Notification/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../src/components/Notification/style.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { getThemeValue, THEME_NAME } from '../../shared/constants';\nimport { Card } from '../Card';\nimport { NOTIFICATION_POSITION, NOTIFICATION_TYPE, NotificationOptions } from './types';\n\nconst getEntryAnimation = (position: NOTIFICATION_POSITION) => {\n    switch (position) {\n        case NOTIFICATION_POSITION.TOP_LEFT:\n        case NOTIFICATION_POSITION.BOTTOM_LEFT:\n            return 'in-left';\n        default:\n            return 'in-right';\n    }\n};\n\nconst getExitAnimation = (position: NOTIFICATION_POSITION) => {\n    switch (position) {\n        case NOTIFICATION_POSITION.TOP_LEFT:\n        case NOTIFICATION_POSITION.BOTTOM_LEFT:\n            return 'out-left';\n        default:\n            return 'out-right';\n    }\n};\n\nconst getBorderColor = (type: NOTIFICATION_TYPE) => {\n    switch (type) {\n        case NOTIFICATION_TYPE.SUCCESS:\n            return getThemeValue(THEME_NAME.SUCCESS_LIGHT);\n        case NOTIFICATION_TYPE.DANGER:\n            return getThemeValue(THEME_NAME.ERROR_LIGHT);\n        case NOTIFICATION_TYPE.WARNING:\n            return getThemeValue(THEME_NAME.WARNING_LIGHT);\n        default:\n            return getThemeValue(THEME_NAME.INFO_LIGHT);\n    }\n};\n\nconst getTitleColor = (type: NOTIFICATION_TYPE) => {\n    switch (type) {\n        case NOTIFICATION_TYPE.SUCCESS:\n            return getThemeValue(THEME_NAME.SUCCESS);\n        case NOTIFICATION_TYPE.DANGER:\n            return getThemeValue(THEME_NAME.ERROR);\n        case NOTIFICATION_TYPE.WARNING:\n            return getThemeValue(THEME_NAME.WARNING);\n        case NOTIFICATION_TYPE.INFO:\n            return getThemeValue(THEME_NAME.INFO);\n    }\n};\n\nconst getTypeStyle = (type: NOTIFICATION_TYPE) => {\n    switch (type) {\n        case NOTIFICATION_TYPE.INFO:\n            return `color: ${getThemeValue(THEME_NAME.INFO)}`;\n        case NOTIFICATION_TYPE.SUCCESS:\n            return `color: ${getThemeValue(THEME_NAME.SUCCESS)}`;\n        case NOTIFICATION_TYPE.DANGER:\n            return `color: ${getThemeValue(THEME_NAME.ERROR)}`;\n        case NOTIFICATION_TYPE.WARNING:\n            return `color: ${getThemeValue(THEME_NAME.WARNING)}`;\n    }\n};\n\ninterface NoticeProp extends NotificationOptions {\n    position: NOTIFICATION_POSITION;\n}\n\nexport const Container = styled.div<{ position: NOTIFICATION_POSITION }>`\n    display: flex;\n    flex-direction: ${(props) =>\n        props.position === NOTIFICATION_POSITION.TOP_LEFT ||\n        props.position === NOTIFICATION_POSITION.TOP_RIGHT\n            ? 'column'\n            : 'column-reverse'};\n`;\n\nexport const Notice = styled(Card)<NoticeProp>`\n    position: relative;\n    border-radius: 3px;\n    border-left: 4px solid ${(props) => getBorderColor(props.type)};\n    width: 300px;\n    display: flex;\n    padding: 0 5px 5px 0;\n    overflow: hidden;\n    animation: ${(props) => getEntryAnimation(props.position)} 0.6s ease;\n\n    & svg {\n        fill: currentColor;\n        vertical-align: middle;\n        width: 20px;\n        height: 20px;\n    }\n\n    &.leave {\n        animation: ${(props) => getExitAnimation(props.position)} 0.6s;\n    }\n\n    @keyframes in-right {\n        from {\n            transform: translateX(100%);\n            max-height: 0;\n            opacity: 0;\n        }\n\n        to {\n            transform: translateX(0%);\n            max-height: 150px;\n            opacity: 1;\n        }\n    }\n\n    @keyframes out-right {\n        to {\n            transform: translateX(100%);\n            max-height: 0;\n            opacity: 0;\n        }\n\n        from {\n            transform: translateX(0%);\n            max-height: 100px;\n            opacity: 1;\n        }\n    }\n\n    @keyframes in-left {\n        from {\n            transform: translateX(-100%);\n            max-height: 0;\n            opacity: 0;\n        }\n\n        to {\n            transform: translateX(0%);\n            max-height: 150px;\n            opacity: 1;\n        }\n    }\n\n    @keyframes out-left {\n        to {\n            transform: translateX(-100%);\n            max-height: 0;\n            opacity: 0;\n        }\n\n        from {\n            transform: translateX(0%);\n            max-height: 100px;\n            opacity: 1;\n        }\n    }\n`;\n\nexport const Title = styled.div<{ type: NOTIFICATION_TYPE }>`\n    padding: 5px 0;\n    font-size: 14px;\n    color: ${(props) => getTitleColor(props.type)};\n    display: flex;\n    align-items: center;\n`;\n\nexport const FillParent = styled.div`\n    flex: 1;\n`;\n\nexport const CloseButton = styled.button`\n    position: absolute;\n    background-color: transparent;\n    border: none;\n    padding: 0;\n    top: 4px;\n    right: 4px;\n    cursor: pointer;\n    color: ${getThemeValue(THEME_NAME.TEXT_COLOR_DARK)};\n\n    &:focus {\n        box-shadow: 0 0 0 3px ${getThemeValue(THEME_NAME.PRIMARY_LIGHT)};\n        border-radius: 3px;\n    }\n`;\n\nexport const Body = styled.div`\n    padding: 5px 5px 5px 0;\n    font-size: 14px;\n`;\n\nexport const IconContainer = styled.div<{ type: NOTIFICATION_TYPE }>`\n    padding: 6px 10px;\n    ${(props) => getTypeStyle(props.type)};\n`;\n\nexport const Footer = styled.div`\n    display: flex;\n    justify-content: flex-end;\n    padding: 0 5px;\n`;\n\nexport const VisuallyHidden = styled.span`\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n`;\n"],"names":["getEntryAnimation","position","NOTIFICATION_POSITION","TOP_LEFT","BOTTOM_LEFT","getExitAnimation","getBorderColor","type","NOTIFICATION_TYPE","SUCCESS","getThemeValue","THEME_NAME","SUCCESS_LIGHT","DANGER","ERROR_LIGHT","WARNING","WARNING_LIGHT","INFO_LIGHT","getTitleColor","ERROR","INFO","getTypeStyle","Container","styled","props","TOP_RIGHT","Notice","Card","Title","FillParent","CloseButton","TEXT_COLOR_DARK","PRIMARY_LIGHT","Body","IconContainer","Footer","VisuallyHidden"],"mappings":"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"}

package/lib-esm/components/Notification/types.js

@@ -14,3 +14,4 @@
 }({});
 
 export { NOTIFICATION_POSITION, NOTIFICATION_TYPE };
+//# sourceMappingURL=types.js.map

package/lib-esm/components/Notification/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/components/Notification/types.ts"],"sourcesContent":["/** Position for Notification */\nexport enum NOTIFICATION_POSITION {\n    TOP_LEFT = 'TOP_LEFT',\n    TOP_RIGHT = 'TOP_RIGHT',\n    BOTTOM_LEFT = 'BOTTOM_LEFT',\n    BOTTOM_RIGHT = 'BOTTOM_RIGHT',\n}\n\n/** Type of Notifications */\nexport enum NOTIFICATION_TYPE {\n    INFO = 'INFO',\n    SUCCESS = 'SUCCESS',\n    DANGER = 'DANGER',\n    WARNING = 'WARNING',\n}\n\nexport interface NotificationOptions {\n    /** Title of the notification */\n    title: string;\n    /** Body of the notification */\n    description: string;\n    /** Id for the notification, helps in de-duplication. */\n    id?: string;\n    /** Duration for the notification in milliseconds */\n    duration?: number;\n    /** Creates sticky notification */\n    sticky?: boolean;\n    /** Type of notification */\n    type?: NOTIFICATION_TYPE;\n    /** Action button text */\n    buttonText?: string;\n    /** Action button click callback */\n    buttonClick?: () => void;\n    /** Notification close callback. */\n    onClose?: () => void;\n    /** aria label for the close button on the notification */\n    closeButtonAriaLabel?: string;\n}\n"],"names":["NOTIFICATION_POSITION","NOTIFICATION_TYPE"],"mappings":"AAAA,iCACO,IAAKA,qBAAAA,iBAAAA,SAAAA,qBAAAA,EAAAA;;;;;AAAAA,IAAAA,OAAAA,qBAAAA;AAKX,CAAA,CAAA,EAAA;AAED,6BACO,IAAKC,iBAAAA,iBAAAA,SAAAA,iBAAAA,EAAAA;;;;;AAAAA,IAAAA,OAAAA,iBAAAA;AAKX,CAAA,CAAA,EAAA;;;;"}

package/lib-esm/components/Popover/Popover.js

@@ -32,11 +32,11 @@ const positionMap = {
 const PopoverDiv = /*#__PURE__*/ styled("div", {
     target: "e1oy1jnn0",
     label: "PopoverDiv"
-})("position:relative;display:inline-flex;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9Qb3BvdmVyL1BvcG92ZXIudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9uby1mcmlsbHMtdWkvbm8tZnJpbGxzLXVpL3NyYy9jb21wb25lbnRzL1BvcG92ZXIvUG9wb3Zlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZUlkLCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IENhcmQgfSBmcm9tICcuLi9DYXJkJztcblxuZXhwb3J0IGVudW0gUE9QT1ZFUl9QT1NJVElPTiB7XG4gICAgVE9QX0xFRlQgPSAnVE9QX0xFRlQnLFxuICAgIFRPUF9SSUdIVCA9ICdUT1BfUklHSFQnLFxuICAgIEJPVFRPTV9MRUZUID0gJ0JPVFRPTV9MRUZUJyxcbiAgICBCT1RUT01fUklHSFQgPSAnQk9UVE9NX1JJR0hUJyxcbn1cblxuaW50ZXJmYWNlIHRyYW5zbGF0ZSB7XG4gICAgeDogbnVtYmVyO1xuICAgIHk6IG51bWJlcjtcbn1cblxuY29uc3QgcG9zaXRpb25NYXAgPSB7XG4gICAgW1BPUE9WRVJfUE9TSVRJT04uVE9QX0xFRlRdOiBgXG4gICAgICAgIGJvdHRvbTogY2FsYygxMDAlIC0gMTBweCk7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgYCxcbiAgICBbUE9QT1ZFUl9QT1NJVElPTi5UT1BfUklHSFRdOiBgXG4gICAgICAgIGJvdHRvbTogY2FsYygxMDAlIC0gMTBweCk7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgIGAsXG4gICAgW1BPUE9WRVJfUE9TSVRJT04uQk9UVE9NX1JJR0hUXTogYFxuICAgICAgICB0b3A6IGNhbGMoMTAwJSAtIDEwcHgpO1xuICAgICAgICByaWdodDogMDtcbiAgICBgLFxuICAgIFtQT1BPVkVSX1BPU0lUSU9OLkJPVFRPTV9MRUZUXTogYFxuICAgICAgICB0b3A6IGNhbGMoMTAwJSAtIDEwcHgpO1xuICAgICAgICBsZWZ0OiAwO1xuICAgIGAsXG59O1xuXG5jb25zdCBQb3BvdmVyRGl2ID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG5gO1xuXG5jb25zdCBQb3BwZXIgPSBzdHlsZWQoQ2FyZCk8eyBwb3NpdGlvbjogUE9QT1ZFUl9QT1NJVElPTjsgdHJhbnNsYXRlWDogbnVtYmVyOyB0cmFuc2xhdGVZOiBudW1iZXIgfT5gXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1pbi13aWR0aDogMjAwcHg7XG4gICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgYW5pbWF0aW9uOiBlbnRlciAwLjNzIGxpbmVhcjtcbiAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgei1pbmRleDogMTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgkeyhwcm9wcykgPT4gcHJvcHMudHJhbnNsYXRlWH1weCwgJHsocHJvcHMpID0+IHByb3BzLnRyYW5zbGF0ZVl9cHgpO1xuICAgICR7KHByb3BzKSA9PiBwb3NpdGlvbk1hcFtwcm9wcy5wb3NpdGlvbl19XG5cbiAgICAmLmNsb3Npbmcge1xuICAgICAgICAvKiBtYXgtaGVpZ2h0OiAwcHg7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47ICovXG4gICAgICAgIGFuaW1hdGlvbjogZXhpdCAwLjNzIGxpbmVhcjtcbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGVudGVyIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAwcHg7XG4gICAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAzMDBweDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyBleGl0IHtcbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgbWF4LWhlaWdodDogMHB4O1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgIH1cbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAzMDBweDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuY29uc3QgS0VZX0NPREVTID0ge1xuICAgIEVTQzogMjcsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBQb3BvdmVyKFxuICAgIHByb3BzOiBSZWFjdC5Qcm9wc1dpdGhDaGlsZHJlbjxQcm9wVHlwZXMuSW5mZXJQcm9wczx0eXBlb2YgUG9wb3Zlci5wcm9wVHlwZXM+Pixcbikge1xuICAgIGNvbnN0IFtvcGVuLCBzZXRPcGVuXSA9IHVzZVN0YXRlKHByb3BzLm9wZW4pO1xuICAgIGNvbnN0IFtjbG9zaW5nLCBzZXRDbG9zaW5nXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCBbdHJhbnNsYXRlLCBzZXRUcmFuc2xhdGVdID0gdXNlU3RhdGU8dHJhbnNsYXRlPih7IHg6IDAsIHk6IDAgfSk7XG4gICAgY29uc3QgcG9wcGVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PigpO1xuICAgIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4oKTtcbiAgICBjb25zdCB0cmlnZ2VyUmVmID0gdXNlUmVmPEhUTUxFbGVtZW50IHwgbnVsbD4obnVsbCk7XG4gICAgY29uc3QgY2xvc2VUaW1lb3V0UmVmID0gdXNlUmVmPE5vZGVKUy5UaW1lb3V0IHwgbnVsbD4obnVsbCk7XG4gICAgY29uc3QgZm9jdXNUaW1lb3V0UmVmID0gdXNlUmVmPE5vZGVKUy5UaW1lb3V0IHwgbnVsbD4obnVsbCk7XG4gICAgY29uc3QgcG9wcGVySWQgPSB1c2VJZCgpO1xuICAgIGNvbnN0IHRyaWdnZXJJZCA9IHVzZUlkKCk7XG5cbiAgICBjb25zdCBjbG9zZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgICAgLy8gQ2xlYXIgYW55IGV4aXN0aW5nIHRpbWVvdXRzIGZpcnN0XG4gICAgICAgIGlmIChjbG9zZVRpbWVvdXRSZWYuY3VycmVudCkge1xuICAgICAgICAgICAgY2xlYXJUaW1lb3V0KGNsb3NlVGltZW91dFJlZi5jdXJyZW50KTtcbiAgICAgICAgfVxuICAgICAgICBpZiAoZm9jdXNUaW1lb3V0UmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICAgIGNsZWFyVGltZW91dChmb2N1c1RpbWVvdXRSZWYuY3VycmVudCk7XG4gICAgICAgIH1cblxuICAgICAgICBzZXRDbG9zaW5nKHRydWUpO1xuICAgICAgICBjbG9zZVRpbWVvdXRSZWYuY3VycmVudCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgc2V0T3BlbihmYWxzZSk7XG4gICAgICAgICAgICBzZXRUcmFuc2xhdGUoeyB4OiAwLCB5OiAwIH0pO1xuXG4gICAgICAgICAgICBpZiAocHJvcHMub25DbG9zZSkge1xuICAgICAgICAgICAgICAgIHByb3BzLm9uQ2xvc2UoKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHNldENsb3NpbmcoZmFsc2UpO1xuXG4gICAgICAgICAgICAvLyBSZXN0b3JlIGZvY3VzIHRvIHRoZSB0cmlnZ2VyIGVsZW1lbnQgYWZ0ZXIgYW5pbWF0aW9uIGNvbXBsZXRlc1xuICAgICAgICAgICAgZm9jdXNUaW1lb3V0UmVmLmN1cnJlbnQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgICAgICBpZiAodHJpZ2dlclJlZi5jdXJyZW50ICYmIGRvY3VtZW50LmJvZHkuY29udGFpbnModHJpZ2dlclJlZi5jdXJyZW50KSkge1xuICAgICAgICAgICAgICAgICAgICB0cmlnZ2VyUmVmLmN1cnJlbnQuZm9jdXMoKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgZm9jdXNUaW1lb3V0UmVmLmN1cnJlbnQgPSBudWxsO1xuICAgICAgICAgICAgfSwgNTApO1xuICAgICAgICAgICAgY2xvc2VUaW1lb3V0UmVmLmN1cnJlbnQgPSBudWxsO1xuICAgICAgICB9LCAyODApO1xuICAgIH0sIFtwcm9wc10pO1xuXG4gICAgY29uc3Qga2V5dXBFdmVudEhhbmRsZXIgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKGU6IEtleWJvYXJkRXZlbnQpID0+IHtcbiAgICAgICAgICAgIGlmIChwcm9wcy5jbG9zZU9uRXNjICYmIGUua2V5Q29kZSA9PT0gS0VZX0NPREVTLkVTQykge1xuICAgICAgICAgICAgICAgIGNsb3NlKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFtjbG9zZSwgcHJvcHMuY2xvc2VPbkVzY10sXG4gICAgKTtcblxuICAgIGNvbnN0IGNsaWNrT3V0c2lkZUhhbmRsZXIgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKGU6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgICAgIGlmIChjb250YWluZXJSZWYuY3VycmVudCAmJiAhY29udGFpbmVyUmVmLmN1cnJlbnQuY29udGFpbnMoZS50YXJnZXQgYXMgTm9kZSkpIHtcbiAgICAgICAgICAgICAgICBjbG9zZSgpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBbY2xvc2VdLFxuICAgICk7XG5cbiAgICAvKipcbiAgICAgKiBHZXQgY2FsbGVkIG9uIHBvcG92ZXIgbW91bnQuXG4gICAgICovXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcigna2V5dXAnLCBrZXl1cEV2ZW50SGFuZGxlcik7XG5cbiAgICAgICAgcmV0dXJuICgpID0+IHtcbiAgICAgICAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleXVwJywga2V5dXBFdmVudEhhbmRsZXIpO1xuICAgICAgICB9O1xuICAgIH0sIFtrZXl1cEV2ZW50SGFuZGxlcl0pO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKHByb3BzLm9wZW4pIHtcbiAgICAgICAgICAgIHNldE9wZW4odHJ1ZSk7XG4gICAgICAgICAgICAvLyBVc2UgcmVxdWVzdEFuaW1hdGlvbkZyYW1lIHRvIGFkZCBsaXN0ZW5lciBhZnRlciBjdXJyZW50IGV2ZW50IGxvb3BcbiAgICAgICAgICAgIGNvbnN0IHJhZklkID0gcmVxdWVzdEFuaW1hdGlvbkZyYW1lKCgpID0+IHtcbiAgICAgICAgICAgICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsIGNsaWNrT3V0c2lkZUhhbmRsZXIpO1xuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgICAgICAgICAgY2FuY2VsQW5pbWF0aW9uRnJhbWUocmFmSWQpO1xuICAgICAgICAgICAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgY2xpY2tPdXRzaWRlSGFuZGxlcik7XG4gICAgICAgICAgICB9O1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgaWYgKG9wZW4pIHtcbiAgICAgICAgICAgICAgICBjbG9zZSgpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfSwgW3Byb3BzLm9wZW4sIG9wZW4sIGNsaWNrT3V0c2lkZUhhbmRsZXIsIGNsb3NlXSk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBpZiAob3Blbikge1xuICAgICAgICAgICAgY29uc3QgeyB0b3AsIGxlZnQsIHJpZ2h0IH0gPSBwb3BwZXJSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgICAgICAgIGNvbnN0IGhlaWdodCA9IHBvcHBlclJlZi5jdXJyZW50LnNjcm9sbEhlaWdodDtcbiAgICAgICAgICAgIGNvbnN0IHZpZXdwb3J0V2lkdGggPSBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuY2xpZW50V2lkdGg7XG4gICAgICAgICAgICBjb25zdCB2aWV3cG9ydEhlaWdodCA9IGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5jbGllbnRIZWlnaHQ7XG4gICAgICAgICAgICBjb25zdCB0cmFuc2xhdGlvbiA9IHsgeDogMCwgeTogMCB9O1xuXG4gICAgICAgICAgICBpZiAocHJvcHMucG9zaXRpb24gPT09IFBPUE9WRVJfUE9TSVRJT04uQk9UVE9NX0xFRlQpIHtcbiAgICAgICAgICAgICAgICAvLyBvdmVyZmxvdyBjYW4gaGFwcGVuIGF0IGJvdHRvbSBhbmQgcmlnaHRcbiAgICAgICAgICAgICAgICBpZiAodmlld3BvcnRIZWlnaHQgLSB0b3AgLSBoZWlnaHQgPCAwKSB7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zbGF0aW9uLnkgPSAtMSAqIChNYXRoLmFicyh2aWV3cG9ydEhlaWdodCAtIHRvcCAtIGhlaWdodCkgKyA1KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgaWYgKHZpZXdwb3J0V2lkdGggLSByaWdodCA8IDApIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNsYXRpb24ueCA9IC0xICogKE1hdGguYWJzKHZpZXdwb3J0V2lkdGggLSByaWdodCkgKyA1KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9IGVsc2UgaWYgKHByb3BzLnBvc2l0aW9uID09IFBPUE9WRVJfUE9TSVRJT04uQk9UVE9NX1JJR0hUKSB7XG4gICAgICAgICAgICAgICAgLy8gb3ZlcmZsb3cgY2FuIGhhcHBlbiBhdCBib3R0b20gYW5kIGxlZnRcbiAgICAgICAgICAgICAgICBpZiAodmlld3BvcnRIZWlnaHQgLSB0b3AgLSBoZWlnaHQgPCAwKSB7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zbGF0aW9uLnkgPSAtMSAqIChNYXRoLmFicyh2aWV3cG9ydEhlaWdodCAtIHRvcCAtIGhlaWdodCkgKyA1KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgaWYgKGxlZnQgPCAwKSB7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zbGF0aW9uLnggPSBNYXRoLmFicyhsZWZ0KSArIDU7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSBlbHNlIGlmIChwcm9wcy5wb3NpdGlvbiA9PT0gUE9QT1ZFUl9QT1NJVElPTi5UT1BfTEVGVCkge1xuICAgICAgICAgICAgICAgIC8vIG92ZXJmbG93IGNhbiBoYXBwZW4gYXQgdG9wIGFuZCByaWdodFxuICAgICAgICAgICAgICAgIGlmICh0b3AgLSBoZWlnaHQgPCAwKSB7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zbGF0aW9uLnkgPSBNYXRoLmFicyh0b3AgLSBoZWlnaHQpICsgNTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgaWYgKHZpZXdwb3J0V2lkdGggLSByaWdodCA8IDApIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNsYXRpb24ueCA9IC0xICogKE1hdGguYWJzKHZpZXdwb3J0V2lkdGggLSByaWdodCkgKyA1KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIC8vIG92ZXJmbG93IGNhbiBoYXBwZW4gYXQgdG9wIGFuZCBsZWZ0XG4gICAgICAgICAgICAgICAgaWYgKHRvcCAtIGhlaWdodCA8IDApIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNsYXRpb24ueSA9IE1hdGguYWJzKHRvcCAtIGhlaWdodCkgKyA1O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBpZiAobGVmdCA8IDApIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNsYXRpb24ueCA9IE1hdGguYWJzKGxlZnQpICsgNTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAvLyBOb3RlIGl0IGNhbiBzdGlsbCBvdmVyZmxvdywgYnV0IGluIHRoYXQgY2FzZSBmaXR0aW5nIHBvcHBlciBpbnNpZGUgdGhlXG4gICAgICAgICAgICAvLyB3aW5kb3cgaXMgbm90IHBvc3NpYmxlLlxuICAgICAgICAgICAgc2V0VHJhbnNsYXRlKHRyYW5zbGF0aW9uKTtcbiAgICAgICAgICAgIHBvcHBlclJlZi5jdXJyZW50LmZvY3VzKCk7XG4gICAgICAgIH1cbiAgICB9LCBbb3BlbiwgcHJvcHMucG9zaXRpb25dKTtcblxuICAgIC8qKlxuICAgICAqIENsZWFudXAgdGltZW91dHMgb24gdW5tb3VudFxuICAgICAqL1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgICAgICBpZiAoY2xvc2VUaW1lb3V0UmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICAgICAgICBjbGVhclRpbWVvdXQoY2xvc2VUaW1lb3V0UmVmLmN1cnJlbnQpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgaWYgKGZvY3VzVGltZW91dFJlZi5jdXJyZW50KSB7XG4gICAgICAgICAgICAgICAgY2xlYXJUaW1lb3V0KGZvY3VzVGltZW91dFJlZi5jdXJyZW50KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfTtcbiAgICB9LCBbXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8UG9wb3ZlckRpdiByZWY9e2NvbnRhaW5lclJlZn0+XG4gICAgICAgICAgICB7UmVhY3QuY3JlYXRlRWxlbWVudChwcm9wcy5lbGVtZW50LCB7XG4gICAgICAgICAgICAgICAgcmVmOiB0cmlnZ2VyUmVmLFxuICAgICAgICAgICAgICAgIGlkOiB0cmlnZ2VySWQsXG4gICAgICAgICAgICAgICAgJ2FyaWEtZXhwYW5kZWQnOiBvcGVuLFxuICAgICAgICAgICAgICAgICdhcmlhLWhhc3BvcHVwJzogJ2RpYWxvZycsXG4gICAgICAgICAgICAgICAgJ2FyaWEtY29udHJvbHMnOiBwb3BwZXJJZCxcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAge29wZW4gJiYgKFxuICAgICAgICAgICAgICAgIDxQb3BwZXJcbiAgICAgICAgICAgICAgICAgICAgZWxldmF0ZWRcbiAgICAgICAgICAgICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgICAgICAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsbGVkYnk9e3RyaWdnZXJJZH1cbiAgICAgICAgICAgICAgICAgICAgaWQ9e3BvcHBlcklkfVxuICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbj17cHJvcHMucG9zaXRpb259XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zbGF0ZVg9e3RyYW5zbGF0ZS54fVxuICAgICAgICAgICAgICAgICAgICB0cmFuc2xhdGVZPXt0cmFuc2xhdGUueX1cbiAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbG9zaW5nICYmICdjbG9zaW5nJ31cbiAgICAgICAgICAgICAgICAgICAgcmVmPXtwb3BwZXJSZWZ9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eyhlKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICAgICAgICAgICAgICAgICAgZS5uYXRpdmVFdmVudC5zdG9wSW1tZWRpYXRlUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgICAgICAgICAgICA8L1BvcHBlcj5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvUG9wb3ZlckRpdj5cbiAgICApO1xufVxuXG5Qb3BvdmVyLnByb3BUeXBlcyA9IHtcbiAgICAvKiogT3BlbnMgdGhlIHBvcG92ZXIgKi9cbiAgICBvcGVuOiBQcm9wVHlwZXMuYm9vbC5pc1JlcXVpcmVkLFxuICAgIC8qKiBBbmNob3IgZWxlbWVudCBmb3IgdGhlIHBvcG92ZXIgKi9cbiAgICBlbGVtZW50OiBQcm9wVHlwZXMuZnVuYyxcbiAgICAvKiogUG9zaXRpb24gb2YgdGhlIHBvcG92ZXIgYXJvdW5kIGFuY2hvciBlbGVtZW50ICovXG4gICAgcG9zaXRpb246IFByb3BUeXBlcy5vbmVPZihbXG4gICAgICAgIFBPUE9WRVJfUE9TSVRJT04uVE9QX0xFRlQsXG4gICAgICAgIFBPUE9WRVJfUE9TSVRJT04uVE9QX1JJR0hULFxuICAgICAgICBQT1BPVkVSX1BPU0lUSU9OLkJPVFRPTV9MRUZULFxuICAgICAgICBQT1BPVkVSX1BPU0lUSU9OLkJPVFRPTV9SSUdIVCxcbiAgICBdKSxcbiAgICAvKiogSWYgdGhlIHBvcG92ZXIgc2hvdWxkIGNsb3NlIG9uIGBlc2NgIGtleSBwcmVzcyAqL1xuICAgIGNsb3NlT25Fc2M6IFByb3BUeXBlcy5ib29sLFxuICAgIC8qKiBQb3BvdmVyIGNsb3NlIGNhbGxiYWNrICovXG4gICAgb25DbG9zZTogUHJvcFR5cGVzLmZ1bmMsXG59O1xuXG5Qb3BvdmVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgICBjbG9zZU9uRXNjOiB0cnVlLFxuICAgIHBvc2l0aW9uOiBQT1BPVkVSX1BPU0lUSU9OLkJPVFRPTV9MRUZULFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ21CIn0= */");
+})("position:relative;display:inline-flex;");
 const Popper = /*#__PURE__*/ styled(Card, {
     target: "e1oy1jnn1",
     label: "Popper"
-})("position:absolute;width:100%;min-width:200px;overflow:auto;animation:enter 0.3s linear;border-radius:3px;z-index:1;transform:translate(", (props)=>props.translateX, "px,", (props)=>props.translateY, "px);", (props)=>positionMap[props.position], "    &.closing{animation:exit 0.3s linear;}@keyframes enter{from{max-height:0px;opacity:1;overflow:hidden;}to{max-height:300px;opacity:1;overflow:hidden;}}@keyframes exit{to{max-height:0px;opacity:1;overflow:hidden;}from{max-height:300px;opacity:1;overflow:hidden;}}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9Qb3BvdmVyL1BvcG92ZXIudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9uby1mcmlsbHMtdWkvbm8tZnJpbGxzLXVpL3NyYy9jb21wb25lbnRzL1BvcG92ZXIvUG9wb3Zlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZUlkLCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IENhcmQgfSBmcm9tICcuLi9DYXJkJztcblxuZXhwb3J0IGVudW0gUE9QT1ZFUl9QT1NJVElPTiB7XG4gICAgVE9QX0xFRlQgPSAnVE9QX0xFRlQnLFxuICAgIFRPUF9SSUdIVCA9ICdUT1BfUklHSFQnLFxuICAgIEJPVFRPTV9MRUZUID0gJ0JPVFRPTV9MRUZUJyxcbiAgICBCT1RUT01fUklHSFQgPSAnQk9UVE9NX1JJR0hUJyxcbn1cblxuaW50ZXJmYWNlIHRyYW5zbGF0ZSB7XG4gICAgeDogbnVtYmVyO1xuICAgIHk6IG51bWJlcjtcbn1cblxuY29uc3QgcG9zaXRpb25NYXAgPSB7XG4gICAgW1BPUE9WRVJfUE9TSVRJT04uVE9QX0xFRlRdOiBgXG4gICAgICAgIGJvdHRvbTogY2FsYygxMDAlIC0gMTBweCk7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgYCxcbiAgICBbUE9QT1ZFUl9QT1NJVElPTi5UT1BfUklHSFRdOiBgXG4gICAgICAgIGJvdHRvbTogY2FsYygxMDAlIC0gMTBweCk7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgIGAsXG4gICAgW1BPUE9WRVJfUE9TSVRJT04uQk9UVE9NX1JJR0hUXTogYFxuICAgICAgICB0b3A6IGNhbGMoMTAwJSAtIDEwcHgpO1xuICAgICAgICByaWdodDogMDtcbiAgICBgLFxuICAgIFtQT1BPVkVSX1BPU0lUSU9OLkJPVFRPTV9MRUZUXTogYFxuICAgICAgICB0b3A6IGNhbGMoMTAwJSAtIDEwcHgpO1xuICAgICAgICBsZWZ0OiAwO1xuICAgIGAsXG59O1xuXG5jb25zdCBQb3BvdmVyRGl2ID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG5gO1xuXG5jb25zdCBQb3BwZXIgPSBzdHlsZWQoQ2FyZCk8eyBwb3NpdGlvbjogUE9QT1ZFUl9QT1NJVElPTjsgdHJhbnNsYXRlWDogbnVtYmVyOyB0cmFuc2xhdGVZOiBudW1iZXIgfT5gXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1pbi13aWR0aDogMjAwcHg7XG4gICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgYW5pbWF0aW9uOiBlbnRlciAwLjNzIGxpbmVhcjtcbiAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgei1pbmRleDogMTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgkeyhwcm9wcykgPT4gcHJvcHMudHJhbnNsYXRlWH1weCwgJHsocHJvcHMpID0+IHByb3BzLnRyYW5zbGF0ZVl9cHgpO1xuICAgICR7KHByb3BzKSA9PiBwb3NpdGlvbk1hcFtwcm9wcy5wb3NpdGlvbl19XG5cbiAgICAmLmNsb3Npbmcge1xuICAgICAgICAvKiBtYXgtaGVpZ2h0OiAwcHg7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47ICovXG4gICAgICAgIGFuaW1hdGlvbjogZXhpdCAwLjNzIGxpbmVhcjtcbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGVudGVyIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAwcHg7XG4gICAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAzMDBweDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyBleGl0IHtcbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgbWF4LWhlaWdodDogMHB4O1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgIH1cbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAzMDBweDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuY29uc3QgS0VZX0NPREVTID0ge1xuICAgIEVTQzogMjcsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBQb3BvdmVyKFxuICAgIHByb3BzOiBSZWFjdC5Qcm9wc1dpdGhDaGlsZHJlbjxQcm9wVHlwZXMuSW5mZXJQcm9wczx0eXBlb2YgUG9wb3Zlci5wcm9wVHlwZXM+Pixcbikge1xuICAgIGNvbnN0IFtvcGVuLCBzZXRPcGVuXSA9IHVzZVN0YXRlKHByb3BzLm9wZW4pO1xuICAgIGNvbnN0IFtjbG9zaW5nLCBzZXRDbG9zaW5nXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCBbdHJhbnNsYXRlLCBzZXRUcmFuc2xhdGVdID0gdXNlU3RhdGU8dHJhbnNsYXRlPih7IHg6IDAsIHk6IDAgfSk7XG4gICAgY29uc3QgcG9wcGVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PigpO1xuICAgIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4oKTtcbiAgICBjb25zdCB0cmlnZ2VyUmVmID0gdXNlUmVmPEhUTUxFbGVtZW50IHwgbnVsbD4obnVsbCk7XG4gICAgY29uc3QgY2xvc2VUaW1lb3V0UmVmID0gdXNlUmVmPE5vZGVKUy5UaW1lb3V0IHwgbnVsbD4obnVsbCk7XG4gICAgY29uc3QgZm9jdXNUaW1lb3V0UmVmID0gdXNlUmVmPE5vZGVKUy5UaW1lb3V0IHwgbnVsbD4obnVsbCk7XG4gICAgY29uc3QgcG9wcGVySWQgPSB1c2VJZCgpO1xuICAgIGNvbnN0IHRyaWdnZXJJZCA9IHVzZUlkKCk7XG5cbiAgICBjb25zdCBjbG9zZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgICAgLy8gQ2xlYXIgYW55IGV4aXN0aW5nIHRpbWVvdXRzIGZpcnN0XG4gICAgICAgIGlmIChjbG9zZVRpbWVvdXRSZWYuY3VycmVudCkge1xuICAgICAgICAgICAgY2xlYXJUaW1lb3V0KGNsb3NlVGltZW91dFJlZi5jdXJyZW50KTtcbiAgICAgICAgfVxuICAgICAgICBpZiAoZm9jdXNUaW1lb3V0UmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICAgIGNsZWFyVGltZW91dChmb2N1c1RpbWVvdXRSZWYuY3VycmVudCk7XG4gICAgICAgIH1cblxuICAgICAgICBzZXRDbG9zaW5nKHRydWUpO1xuICAgICAgICBjbG9zZVRpbWVvdXRSZWYuY3VycmVudCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgc2V0T3BlbihmYWxzZSk7XG4gICAgICAgICAgICBzZXRUcmFuc2xhdGUoeyB4OiAwLCB5OiAwIH0pO1xuXG4gICAgICAgICAgICBpZiAocHJvcHMub25DbG9zZSkge1xuICAgICAgICAgICAgICAgIHByb3BzLm9uQ2xvc2UoKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHNldENsb3NpbmcoZmFsc2UpO1xuXG4gICAgICAgICAgICAvLyBSZXN0b3JlIGZvY3VzIHRvIHRoZSB0cmlnZ2VyIGVsZW1lbnQgYWZ0ZXIgYW5pbWF0aW9uIGNvbXBsZXRlc1xuICAgICAgICAgICAgZm9jdXNUaW1lb3V0UmVmLmN1cnJlbnQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgICAgICBpZiAodHJpZ2dlclJlZi5jdXJyZW50ICYmIGRvY3VtZW50LmJvZHkuY29udGFpbnModHJpZ2dlclJlZi5jdXJyZW50KSkge1xuICAgICAgICAgICAgICAgICAgICB0cmlnZ2VyUmVmLmN1cnJlbnQuZm9jdXMoKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgZm9jdXNUaW1lb3V0UmVmLmN1cnJlbnQgPSBudWxsO1xuICAgICAgICAgICAgfSwgNTApO1xuICAgICAgICAgICAgY2xvc2VUaW1lb3V0UmVmLmN1cnJlbnQgPSBudWxsO1xuICAgICAgICB9LCAyODApO1xuICAgIH0sIFtwcm9wc10pO1xuXG4gICAgY29uc3Qga2V5dXBFdmVudEhhbmRsZXIgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKGU6IEtleWJvYXJkRXZlbnQpID0+IHtcbiAgICAgICAgICAgIGlmIChwcm9wcy5jbG9zZU9uRXNjICYmIGUua2V5Q29kZSA9PT0gS0VZX0NPREVTLkVTQykge1xuICAgICAgICAgICAgICAgIGNsb3NlKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFtjbG9zZSwgcHJvcHMuY2xvc2VPbkVzY10sXG4gICAgKTtcblxuICAgIGNvbnN0IGNsaWNrT3V0c2lkZUhhbmRsZXIgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKGU6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgICAgIGlmIChjb250YWluZXJSZWYuY3VycmVudCAmJiAhY29udGFpbmVyUmVmLmN1cnJlbnQuY29udGFpbnMoZS50YXJnZXQgYXMgTm9kZSkpIHtcbiAgICAgICAgICAgICAgICBjbG9zZSgpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBbY2xvc2VdLFxuICAgICk7XG5cbiAgICAvKipcbiAgICAgKiBHZXQgY2FsbGVkIG9uIHBvcG92ZXIgbW91bnQuXG4gICAgICovXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcigna2V5dXAnLCBrZXl1cEV2ZW50SGFuZGxlcik7XG5cbiAgICAgICAgcmV0dXJuICgpID0+IHtcbiAgICAgICAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleXVwJywga2V5dXBFdmVudEhhbmRsZXIpO1xuICAgICAgICB9O1xuICAgIH0sIFtrZXl1cEV2ZW50SGFuZGxlcl0pO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKHByb3BzLm9wZW4pIHtcbiAgICAgICAgICAgIHNldE9wZW4odHJ1ZSk7XG4gICAgICAgICAgICAvLyBVc2UgcmVxdWVzdEFuaW1hdGlvbkZyYW1lIHRvIGFkZCBsaXN0ZW5lciBhZnRlciBjdXJyZW50IGV2ZW50IGxvb3BcbiAgICAgICAgICAgIGNvbnN0IHJhZklkID0gcmVxdWVzdEFuaW1hdGlvbkZyYW1lKCgpID0+IHtcbiAgICAgICAgICAgICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsIGNsaWNrT3V0c2lkZUhhbmRsZXIpO1xuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgICAgICAgICAgY2FuY2VsQW5pbWF0aW9uRnJhbWUocmFmSWQpO1xuICAgICAgICAgICAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgY2xpY2tPdXRzaWRlSGFuZGxlcik7XG4gICAgICAgICAgICB9O1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgaWYgKG9wZW4pIHtcbiAgICAgICAgICAgICAgICBjbG9zZSgpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfSwgW3Byb3BzLm9wZW4sIG9wZW4sIGNsaWNrT3V0c2lkZUhhbmRsZXIsIGNsb3NlXSk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBpZiAob3Blbikge1xuICAgICAgICAgICAgY29uc3QgeyB0b3AsIGxlZnQsIHJpZ2h0IH0gPSBwb3BwZXJSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgICAgICAgIGNvbnN0IGhlaWdodCA9IHBvcHBlclJlZi5jdXJyZW50LnNjcm9sbEhlaWdodDtcbiAgICAgICAgICAgIGNvbnN0IHZpZXdwb3J0V2lkdGggPSBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuY2xpZW50V2lkdGg7XG4gICAgICAgICAgICBjb25zdCB2aWV3cG9ydEhlaWdodCA9IGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5jbGllbnRIZWlnaHQ7XG4gICAgICAgICAgICBjb25zdCB0cmFuc2xhdGlvbiA9IHsgeDogMCwgeTogMCB9O1xuXG4gICAgICAgICAgICBpZiAocHJvcHMucG9zaXRpb24gPT09IFBPUE9WRVJfUE9TSVRJT04uQk9UVE9NX0xFRlQpIHtcbiAgICAgICAgICAgICAgICAvLyBvdmVyZmxvdyBjYW4gaGFwcGVuIGF0IGJvdHRvbSBhbmQgcmlnaHRcbiAgICAgICAgICAgICAgICBpZiAodmlld3BvcnRIZWlnaHQgLSB0b3AgLSBoZWlnaHQgPCAwKSB7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zbGF0aW9uLnkgPSAtMSAqIChNYXRoLmFicyh2aWV3cG9ydEhlaWdodCAtIHRvcCAtIGhlaWdodCkgKyA1KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgaWYgKHZpZXdwb3J0V2lkdGggLSByaWdodCA8IDApIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNsYXRpb24ueCA9IC0xICogKE1hdGguYWJzKHZpZXdwb3J0V2lkdGggLSByaWdodCkgKyA1KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9IGVsc2UgaWYgKHByb3BzLnBvc2l0aW9uID09IFBPUE9WRVJfUE9TSVRJT04uQk9UVE9NX1JJR0hUKSB7XG4gICAgICAgICAgICAgICAgLy8gb3ZlcmZsb3cgY2FuIGhhcHBlbiBhdCBib3R0b20gYW5kIGxlZnRcbiAgICAgICAgICAgICAgICBpZiAodmlld3BvcnRIZWlnaHQgLSB0b3AgLSBoZWlnaHQgPCAwKSB7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zbGF0aW9uLnkgPSAtMSAqIChNYXRoLmFicyh2aWV3cG9ydEhlaWdodCAtIHRvcCAtIGhlaWdodCkgKyA1KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgaWYgKGxlZnQgPCAwKSB7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zbGF0aW9uLnggPSBNYXRoLmFicyhsZWZ0KSArIDU7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSBlbHNlIGlmIChwcm9wcy5wb3NpdGlvbiA9PT0gUE9QT1ZFUl9QT1NJVElPTi5UT1BfTEVGVCkge1xuICAgICAgICAgICAgICAgIC8vIG92ZXJmbG93IGNhbiBoYXBwZW4gYXQgdG9wIGFuZCByaWdodFxuICAgICAgICAgICAgICAgIGlmICh0b3AgLSBoZWlnaHQgPCAwKSB7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zbGF0aW9uLnkgPSBNYXRoLmFicyh0b3AgLSBoZWlnaHQpICsgNTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgaWYgKHZpZXdwb3J0V2lkdGggLSByaWdodCA8IDApIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNsYXRpb24ueCA9IC0xICogKE1hdGguYWJzKHZpZXdwb3J0V2lkdGggLSByaWdodCkgKyA1KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIC8vIG92ZXJmbG93IGNhbiBoYXBwZW4gYXQgdG9wIGFuZCBsZWZ0XG4gICAgICAgICAgICAgICAgaWYgKHRvcCAtIGhlaWdodCA8IDApIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNsYXRpb24ueSA9IE1hdGguYWJzKHRvcCAtIGhlaWdodCkgKyA1O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBpZiAobGVmdCA8IDApIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNsYXRpb24ueCA9IE1hdGguYWJzKGxlZnQpICsgNTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAvLyBOb3RlIGl0IGNhbiBzdGlsbCBvdmVyZmxvdywgYnV0IGluIHRoYXQgY2FzZSBmaXR0aW5nIHBvcHBlciBpbnNpZGUgdGhlXG4gICAgICAgICAgICAvLyB3aW5kb3cgaXMgbm90IHBvc3NpYmxlLlxuICAgICAgICAgICAgc2V0VHJhbnNsYXRlKHRyYW5zbGF0aW9uKTtcbiAgICAgICAgICAgIHBvcHBlclJlZi5jdXJyZW50LmZvY3VzKCk7XG4gICAgICAgIH1cbiAgICB9LCBbb3BlbiwgcHJvcHMucG9zaXRpb25dKTtcblxuICAgIC8qKlxuICAgICAqIENsZWFudXAgdGltZW91dHMgb24gdW5tb3VudFxuICAgICAqL1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgICAgICBpZiAoY2xvc2VUaW1lb3V0UmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICAgICAgICBjbGVhclRpbWVvdXQoY2xvc2VUaW1lb3V0UmVmLmN1cnJlbnQpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgaWYgKGZvY3VzVGltZW91dFJlZi5jdXJyZW50KSB7XG4gICAgICAgICAgICAgICAgY2xlYXJUaW1lb3V0KGZvY3VzVGltZW91dFJlZi5jdXJyZW50KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfTtcbiAgICB9LCBbXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8UG9wb3ZlckRpdiByZWY9e2NvbnRhaW5lclJlZn0+XG4gICAgICAgICAgICB7UmVhY3QuY3JlYXRlRWxlbWVudChwcm9wcy5lbGVtZW50LCB7XG4gICAgICAgICAgICAgICAgcmVmOiB0cmlnZ2VyUmVmLFxuICAgICAgICAgICAgICAgIGlkOiB0cmlnZ2VySWQsXG4gICAgICAgICAgICAgICAgJ2FyaWEtZXhwYW5kZWQnOiBvcGVuLFxuICAgICAgICAgICAgICAgICdhcmlhLWhhc3BvcHVwJzogJ2RpYWxvZycsXG4gICAgICAgICAgICAgICAgJ2FyaWEtY29udHJvbHMnOiBwb3BwZXJJZCxcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAge29wZW4gJiYgKFxuICAgICAgICAgICAgICAgIDxQb3BwZXJcbiAgICAgICAgICAgICAgICAgICAgZWxldmF0ZWRcbiAgICAgICAgICAgICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgICAgICAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsbGVkYnk9e3RyaWdnZXJJZH1cbiAgICAgICAgICAgICAgICAgICAgaWQ9e3BvcHBlcklkfVxuICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbj17cHJvcHMucG9zaXRpb259XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zbGF0ZVg9e3RyYW5zbGF0ZS54fVxuICAgICAgICAgICAgICAgICAgICB0cmFuc2xhdGVZPXt0cmFuc2xhdGUueX1cbiAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbG9zaW5nICYmICdjbG9zaW5nJ31cbiAgICAgICAgICAgICAgICAgICAgcmVmPXtwb3BwZXJSZWZ9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eyhlKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICAgICAgICAgICAgICAgICAgZS5uYXRpdmVFdmVudC5zdG9wSW1tZWRpYXRlUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgICAgICAgICAgICA8L1BvcHBlcj5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvUG9wb3ZlckRpdj5cbiAgICApO1xufVxuXG5Qb3BvdmVyLnByb3BUeXBlcyA9IHtcbiAgICAvKiogT3BlbnMgdGhlIHBvcG92ZXIgKi9cbiAgICBvcGVuOiBQcm9wVHlwZXMuYm9vbC5pc1JlcXVpcmVkLFxuICAgIC8qKiBBbmNob3IgZWxlbWVudCBmb3IgdGhlIHBvcG92ZXIgKi9cbiAgICBlbGVtZW50OiBQcm9wVHlwZXMuZnVuYyxcbiAgICAvKiogUG9zaXRpb24gb2YgdGhlIHBvcG92ZXIgYXJvdW5kIGFuY2hvciBlbGVtZW50ICovXG4gICAgcG9zaXRpb246IFByb3BUeXBlcy5vbmVPZihbXG4gICAgICAgIFBPUE9WRVJfUE9TSVRJT04uVE9QX0xFRlQsXG4gICAgICAgIFBPUE9WRVJfUE9TSVRJT04uVE9QX1JJR0hULFxuICAgICAgICBQT1BPVkVSX1BPU0lUSU9OLkJPVFRPTV9MRUZULFxuICAgICAgICBQT1BPVkVSX1BPU0lUSU9OLkJPVFRPTV9SSUdIVCxcbiAgICBdKSxcbiAgICAvKiogSWYgdGhlIHBvcG92ZXIgc2hvdWxkIGNsb3NlIG9uIGBlc2NgIGtleSBwcmVzcyAqL1xuICAgIGNsb3NlT25Fc2M6IFByb3BUeXBlcy5ib29sLFxuICAgIC8qKiBQb3BvdmVyIGNsb3NlIGNhbGxiYWNrICovXG4gICAgb25DbG9zZTogUHJvcFR5cGVzLmZ1bmMsXG59O1xuXG5Qb3BvdmVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgICBjbG9zZU9uRXNjOiB0cnVlLFxuICAgIHBvc2l0aW9uOiBQT1BPVkVSX1BPU0lUSU9OLkJPVFRPTV9MRUZULFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5Q2UifQ== */");
+})("position:absolute;width:100%;min-width:200px;overflow:auto;animation:enter 0.3s linear;border-radius:3px;z-index:1;transform:translate(", (props)=>props.translateX, "px,", (props)=>props.translateY, "px);", (props)=>positionMap[props.position], "    &.closing{animation:exit 0.3s linear;}@keyframes enter{from{max-height:0px;opacity:1;overflow:hidden;}to{max-height:300px;opacity:1;overflow:hidden;}}@keyframes exit{to{max-height:0px;opacity:1;overflow:hidden;}from{max-height:300px;opacity:1;overflow:hidden;}}");
 const KEY_CODES = {
     ESC: 27
 };
@@ -244,3 +244,4 @@ Popover.defaultProps = {
 };
 
 export { POPOVER_POSITION, Popover as default };
+//# sourceMappingURL=Popover.js.map

package/lib-esm/components/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useId, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport styled from '@emotion/styled';\nimport { Card } from '../Card';\n\nexport enum POPOVER_POSITION {\n    TOP_LEFT = 'TOP_LEFT',\n    TOP_RIGHT = 'TOP_RIGHT',\n    BOTTOM_LEFT = 'BOTTOM_LEFT',\n    BOTTOM_RIGHT = 'BOTTOM_RIGHT',\n}\n\ninterface translate {\n    x: number;\n    y: number;\n}\n\nconst positionMap = {\n    [POPOVER_POSITION.TOP_LEFT]: `\n        bottom: calc(100% - 10px);\n        left: 0;\n    `,\n    [POPOVER_POSITION.TOP_RIGHT]: `\n        bottom: calc(100% - 10px);\n        right: 0;\n    `,\n    [POPOVER_POSITION.BOTTOM_RIGHT]: `\n        top: calc(100% - 10px);\n        right: 0;\n    `,\n    [POPOVER_POSITION.BOTTOM_LEFT]: `\n        top: calc(100% - 10px);\n        left: 0;\n    `,\n};\n\nconst PopoverDiv = styled.div`\n    position: relative;\n    display: inline-flex;\n`;\n\nconst Popper = styled(Card)<{ position: POPOVER_POSITION; translateX: number; translateY: number }>`\n    position: absolute;\n    width: 100%;\n    min-width: 200px;\n    overflow: auto;\n    animation: enter 0.3s linear;\n    border-radius: 3px;\n    z-index: 1;\n    transform: translate(${(props) => props.translateX}px, ${(props) => props.translateY}px);\n    ${(props) => positionMap[props.position]}\n\n    &.closing {\n        /* max-height: 0px;\n        opacity: 0;\n        overflow: hidden; */\n        animation: exit 0.3s linear;\n    }\n\n    @keyframes enter {\n        from {\n            max-height: 0px;\n            opacity: 1;\n            overflow: hidden;\n        }\n        to {\n            max-height: 300px;\n            opacity: 1;\n            overflow: hidden;\n        }\n    }\n\n    @keyframes exit {\n        to {\n            max-height: 0px;\n            opacity: 1;\n            overflow: hidden;\n        }\n        from {\n            max-height: 300px;\n            opacity: 1;\n            overflow: hidden;\n        }\n    }\n`;\n\nconst KEY_CODES = {\n    ESC: 27,\n};\n\nexport default function Popover(\n    props: React.PropsWithChildren<PropTypes.InferProps<typeof Popover.propTypes>>,\n) {\n    const [open, setOpen] = useState(props.open);\n    const [closing, setClosing] = useState(false);\n    const [translate, setTranslate] = useState<translate>({ x: 0, y: 0 });\n    const popperRef = useRef<HTMLDivElement>();\n    const containerRef = useRef<HTMLDivElement>();\n    const triggerRef = useRef<HTMLElement | null>(null);\n    const closeTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n    const focusTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n    const popperId = useId();\n    const triggerId = useId();\n\n    const close = useCallback(() => {\n        // Clear any existing timeouts first\n        if (closeTimeoutRef.current) {\n            clearTimeout(closeTimeoutRef.current);\n        }\n        if (focusTimeoutRef.current) {\n            clearTimeout(focusTimeoutRef.current);\n        }\n\n        setClosing(true);\n        closeTimeoutRef.current = setTimeout(() => {\n            setOpen(false);\n            setTranslate({ x: 0, y: 0 });\n\n            if (props.onClose) {\n                props.onClose();\n            }\n            setClosing(false);\n\n            // Restore focus to the trigger element after animation completes\n            focusTimeoutRef.current = setTimeout(() => {\n                if (triggerRef.current && document.body.contains(triggerRef.current)) {\n                    triggerRef.current.focus();\n                }\n                focusTimeoutRef.current = null;\n            }, 50);\n            closeTimeoutRef.current = null;\n        }, 280);\n    }, [props]);\n\n    const keyupEventHandler = useCallback(\n        (e: KeyboardEvent) => {\n            if (props.closeOnEsc && e.keyCode === KEY_CODES.ESC) {\n                close();\n            }\n        },\n        [close, props.closeOnEsc],\n    );\n\n    const clickOutsideHandler = useCallback(\n        (e: MouseEvent) => {\n            if (containerRef.current && !containerRef.current.contains(e.target as Node)) {\n                close();\n            }\n        },\n        [close],\n    );\n\n    /**\n     * Get called on popover mount.\n     */\n    useEffect(() => {\n        document.addEventListener('keyup', keyupEventHandler);\n\n        return () => {\n            document.removeEventListener('keyup', keyupEventHandler);\n        };\n    }, [keyupEventHandler]);\n\n    useEffect(() => {\n        if (props.open) {\n            setOpen(true);\n            // Use requestAnimationFrame to add listener after current event loop\n            const rafId = requestAnimationFrame(() => {\n                document.addEventListener('click', clickOutsideHandler);\n            });\n\n            return () => {\n                cancelAnimationFrame(rafId);\n                document.removeEventListener('click', clickOutsideHandler);\n            };\n        } else {\n            if (open) {\n                close();\n            }\n        }\n    }, [props.open, open, clickOutsideHandler, close]);\n\n    useEffect(() => {\n        if (open) {\n            const { top, left, right } = popperRef.current.getBoundingClientRect();\n            const height = popperRef.current.scrollHeight;\n            const viewportWidth = document.documentElement.clientWidth;\n            const viewportHeight = document.documentElement.clientHeight;\n            const translation = { x: 0, y: 0 };\n\n            if (props.position === POPOVER_POSITION.BOTTOM_LEFT) {\n                // overflow can happen at bottom and right\n                if (viewportHeight - top - height < 0) {\n                    translation.y = -1 * (Math.abs(viewportHeight - top - height) + 5);\n                }\n                if (viewportWidth - right < 0) {\n                    translation.x = -1 * (Math.abs(viewportWidth - right) + 5);\n                }\n            } else if (props.position == POPOVER_POSITION.BOTTOM_RIGHT) {\n                // overflow can happen at bottom and left\n                if (viewportHeight - top - height < 0) {\n                    translation.y = -1 * (Math.abs(viewportHeight - top - height) + 5);\n                }\n                if (left < 0) {\n                    translation.x = Math.abs(left) + 5;\n                }\n            } else if (props.position === POPOVER_POSITION.TOP_LEFT) {\n                // overflow can happen at top and right\n                if (top - height < 0) {\n                    translation.y = Math.abs(top - height) + 5;\n                }\n                if (viewportWidth - right < 0) {\n                    translation.x = -1 * (Math.abs(viewportWidth - right) + 5);\n                }\n            } else {\n                // overflow can happen at top and left\n                if (top - height < 0) {\n                    translation.y = Math.abs(top - height) + 5;\n                }\n                if (left < 0) {\n                    translation.x = Math.abs(left) + 5;\n                }\n            }\n            // Note it can still overflow, but in that case fitting popper inside the\n            // window is not possible.\n            setTranslate(translation);\n            popperRef.current.focus();\n        }\n    }, [open, props.position]);\n\n    /**\n     * Cleanup timeouts on unmount\n     */\n    useEffect(() => {\n        return () => {\n            if (closeTimeoutRef.current) {\n                clearTimeout(closeTimeoutRef.current);\n            }\n            if (focusTimeoutRef.current) {\n                clearTimeout(focusTimeoutRef.current);\n            }\n        };\n    }, []);\n\n    return (\n        <PopoverDiv ref={containerRef}>\n            {React.createElement(props.element, {\n                ref: triggerRef,\n                id: triggerId,\n                'aria-expanded': open,\n                'aria-haspopup': 'dialog',\n                'aria-controls': popperId,\n            })}\n            {open && (\n                <Popper\n                    elevated\n                    tabIndex={0}\n                    role=\"dialog\"\n                    aria-labelledby={triggerId}\n                    id={popperId}\n                    position={props.position}\n                    translateX={translate.x}\n                    translateY={translate.y}\n                    className={closing && 'closing'}\n                    ref={popperRef}\n                    onClick={(e) => {\n                        e.stopPropagation();\n                        e.nativeEvent.stopImmediatePropagation();\n                    }}\n                >\n                    {props.children}\n                </Popper>\n            )}\n        </PopoverDiv>\n    );\n}\n\nPopover.propTypes = {\n    /** Opens the popover */\n    open: PropTypes.bool.isRequired,\n    /** Anchor element for the popover */\n    element: PropTypes.func,\n    /** Position of the popover around anchor element */\n    position: PropTypes.oneOf([\n        POPOVER_POSITION.TOP_LEFT,\n        POPOVER_POSITION.TOP_RIGHT,\n        POPOVER_POSITION.BOTTOM_LEFT,\n        POPOVER_POSITION.BOTTOM_RIGHT,\n    ]),\n    /** If the popover should close on `esc` key press */\n    closeOnEsc: PropTypes.bool,\n    /** Popover close callback */\n    onClose: PropTypes.func,\n};\n\nPopover.defaultProps = {\n    closeOnEsc: true,\n    position: POPOVER_POSITION.BOTTOM_LEFT,\n};\n"],"names":["POPOVER_POSITION","positionMap","PopoverDiv","styled","Popper","Card","props","translateX","translateY","position","KEY_CODES","ESC","Popover","open","setOpen","useState","closing","setClosing","translate","setTranslate","x","y","popperRef","useRef","containerRef","triggerRef","closeTimeoutRef","focusTimeoutRef","popperId","useId","triggerId","close","useCallback","current","clearTimeout","setTimeout","onClose","document","body","contains","focus","keyupEventHandler","e","closeOnEsc","keyCode","clickOutsideHandler","target","useEffect","addEventListener","removeEventListener","rafId","requestAnimationFrame","cancelAnimationFrame","top","left","right","getBoundingClientRect","height","scrollHeight","viewportWidth","documentElement","clientWidth","viewportHeight","clientHeight","translation","Math","abs","_jsxs","ref","React","createElement","element","id","_jsx","elevated","tabIndex","role","aria-labelledby","className","onClick","stopPropagation","nativeEvent","stopImmediatePropagation","children","propTypes","PropTypes","bool","isRequired","func","oneOf","defaultProps"],"mappings":"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"}

package/lib-esm/components/Spinner/Spinner.js

@@ -6,7 +6,7 @@ import { getThemeValue, THEME_NAME } from '../../shared/constants.js';
 const SpinnerDiv = /*#__PURE__*/ styled("div", {
     target: "e12p7es30",
     label: "SpinnerDiv"
-})("border:4px solid ", getThemeValue(THEME_NAME.PRIMARY), ";border-top:4px solid ", getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR), ";border-radius:50%;width:", (props)=>props.size, "px;height:", (props)=>props.size, "px;margin:0 auto;animation:spin 1s linear infinite;@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9TcGlubmVyL1NwaW5uZXIudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9uby1mcmlsbHMtdWkvbm8tZnJpbGxzLXVpL3NyYy9jb21wb25lbnRzL1NwaW5uZXIvU3Bpbm5lci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldFRoZW1lVmFsdWUsIFRIRU1FX05BTUUgfSBmcm9tICcuLi8uLi9zaGFyZWQvY29uc3RhbnRzJztcblxuY29uc3QgU3Bpbm5lckRpdiA9IHN0eWxlZC5kaXY8U3Bpbm5lclByb3A+YFxuICAgIGJvcmRlcjogNHB4IHNvbGlkICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICBib3JkZXItdG9wOiA0cHggc29saWQgJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQk9SREVSX0xJR0hUX0NPTE9SKX07XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMuc2l6ZX1weDtcbiAgICBoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5zaXplfXB4O1xuICAgIG1hcmdpbjogMCBhdXRvO1xuICAgIGFuaW1hdGlvbjogc3BpbiAxcyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICBAa2V5ZnJhbWVzIHNwaW4ge1xuICAgICAgICAwJSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgICAgICAgfVxuICAgICAgICAxMDAlIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuXG5mdW5jdGlvbiBTcGlubmVyKHByb3BzOiBTcGlubmVyUHJvcCkge1xuICAgIGNvbnN0IHsgbGFiZWwsIC4uLnJlc3QgfSA9IHByb3BzO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxTcGlubmVyRGl2XG4gICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgIHJvbGU9XCJzdGF0dXNcIlxuICAgICAgICAgICAgYXJpYS1sYWJlbD17bGFiZWx9XG4gICAgICAgICAgICBhcmlhLWxpdmU9XCJwb2xpdGVcIlxuICAgICAgICAgICAgYXJpYS1idXN5PVwidHJ1ZVwiXG4gICAgICAgIC8+XG4gICAgKTtcbn1cblxudHlwZSBTcGlubmVyUHJvcCA9IFByb3BUeXBlcy5JbmZlclByb3BzPHR5cGVvZiBTcGlubmVyLnByb3BUeXBlcz47XG5cblNwaW5uZXIucHJvcFR5cGVzID0ge1xuICAgIC8qKiBTcGlubmVyJ3Mgc2l6ZSAqL1xuICAgIHNpemU6IFByb3BUeXBlcy5udW1iZXIsXG4gICAgLyoqIEFjY2Vzc2libGUgbGFiZWwgZm9yIHNjcmVlbiByZWFkZXJzICovXG4gICAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmcsXG59O1xuXG5TcGlubmVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgICBzaXplOiAzMCxcbiAgICBsYWJlbDogJ0xvYWRpbmcnLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgU3Bpbm5lcjtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJbUIifQ== */");
+})("border:4px solid ", getThemeValue(THEME_NAME.PRIMARY), ";border-top:4px solid ", getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR), ";border-radius:50%;width:", (props)=>props.size, "px;height:", (props)=>props.size, "px;margin:0 auto;animation:spin 1s linear infinite;@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}");
 function Spinner(props) {
     const { label, ...rest } = props;
     return /*#__PURE__*/ jsx(SpinnerDiv, {
@@ -27,3 +27,4 @@ Spinner.defaultProps = {
 };
 
 export { Spinner as default };
+//# sourceMappingURL=Spinner.js.map

package/lib-esm/components/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport styled from '@emotion/styled';\nimport { getThemeValue, THEME_NAME } from '../../shared/constants';\n\nconst SpinnerDiv = styled.div<SpinnerProp>`\n    border: 4px solid ${getThemeValue(THEME_NAME.PRIMARY)};\n    border-top: 4px solid ${getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR)};\n    border-radius: 50%;\n    width: ${(props) => props.size}px;\n    height: ${(props) => props.size}px;\n    margin: 0 auto;\n    animation: spin 1s linear infinite;\n\n    @keyframes spin {\n        0% {\n            transform: rotate(0deg);\n        }\n        100% {\n            transform: rotate(360deg);\n        }\n    }\n`;\n\nfunction Spinner(props: SpinnerProp) {\n    const { label, ...rest } = props;\n    return (\n        <SpinnerDiv\n            {...rest}\n            role=\"status\"\n            aria-label={label}\n            aria-live=\"polite\"\n            aria-busy=\"true\"\n        />\n    );\n}\n\ntype SpinnerProp = PropTypes.InferProps<typeof Spinner.propTypes>;\n\nSpinner.propTypes = {\n    /** Spinner's size */\n    size: PropTypes.number,\n    /** Accessible label for screen readers */\n    label: PropTypes.string,\n};\n\nSpinner.defaultProps = {\n    size: 30,\n    label: 'Loading',\n};\n\nexport default Spinner;\n"],"names":["SpinnerDiv","styled","getThemeValue","THEME_NAME","PRIMARY","BORDER_LIGHT_COLOR","props","size","Spinner","label","rest","_jsx","role","aria-label","aria-live","aria-busy","propTypes","PropTypes","number","string","defaultProps"],"mappings":";;;;;AAIA,MAAMA,UAAAA,iBAAaC,MAAAA,CAAAA,KAAAA,EAAAA;;;AACKC,CAAAA,CAAAA,CAAAA,mBAAAA,EAAAA,aAAAA,CAAcC,UAAAA,CAAWC,OAAO,CAAA,EAAA,wBAAA,EAC5BF,aAAAA,CAAcC,WAAWE,kBAAkB,CAAA,EAAA,2BAAA,EAE1D,CAACC,KAAAA,GAAUA,MAAMC,IAAI,EAAA,YAAA,EACpB,CAACD,KAAAA,GAAUA,MAAMC,IAAI,EAAA,gIAAA,CAAA;AAcnC,SAASC,QAAQF,KAAkB,EAAA;AAC/B,IAAA,MAAM,EAAEG,KAAK,EAAE,GAAGC,MAAM,GAAGJ,KAAAA;AAC3B,IAAA,qBACIK,GAAA,CAACX,UAAAA,EAAAA;AACI,QAAA,GAAGU,IAAI;QACRE,IAAAA,EAAK,QAAA;QACLC,YAAAA,EAAYJ,KAAAA;QACZK,WAAAA,EAAU,QAAA;QACVC,WAAAA,EAAU;;AAGtB;AAIAP,OAAAA,CAAQQ,SAAS,GAAG;0BAEhBT,IAAAA,EAAMU,SAAAA,CAAUC,MAAM;+CAEtBT,KAAAA,EAAOQ,SAAAA,CAAUE;AACrB,CAAA;AAEAX,OAAAA,CAAQY,YAAY,GAAG;IACnBb,IAAAA,EAAM,EAAA;IACNE,KAAAA,EAAO;AACX,CAAA;;;;"}