\n * ```\n *\n * @param ref - React.RefObject that's been provided to the element you want to bind the listener to.\n * @param eventName - Name of the event you want listen for.\n * @param handler - Function to fire when receiving the event.\n * @param options - Options to pass to `Event.addEventListener`.\n *\n * @public\n */\nfunction useDomEvent(ref, eventName, handler, options) {\n useEffect(function () {\n var element = ref.current;\n if (handler && element) {\n return addDomEvent(element, eventName, handler, options);\n }\n }, [ref, eventName, handler, options]);\n}\n\nexport { addDomEvent, useDomEvent };\n","function isMouseEvent(event) {\n // PointerEvent inherits from MouseEvent so we can't use a straight instanceof check.\n if (typeof PointerEvent !== \"undefined\" && event instanceof PointerEvent) {\n return !!(event.pointerType === \"mouse\");\n }\n return event instanceof MouseEvent;\n}\nfunction isTouchEvent(event) {\n var hasTouches = !!event.touches;\n return hasTouches;\n}\n\nexport { isMouseEvent, isTouchEvent };\n","import { isTouchEvent } from '../gestures/utils/event-type.mjs';\n\n/**\n * Filters out events not attached to the primary pointer (currently left mouse button)\n * @param eventHandler\n */\nfunction filterPrimaryPointer(eventHandler) {\n return function (event) {\n var isMouseEvent = event instanceof MouseEvent;\n var isPrimaryPointer = !isMouseEvent ||\n (isMouseEvent && event.button === 0);\n if (isPrimaryPointer) {\n eventHandler(event);\n }\n };\n}\nvar defaultPagePoint = { pageX: 0, pageY: 0 };\nfunction pointFromTouch(e, pointType) {\n if (pointType === void 0) { pointType = \"page\"; }\n var primaryTouch = e.touches[0] || e.changedTouches[0];\n var point = primaryTouch || defaultPagePoint;\n return {\n x: point[pointType + \"X\"],\n y: point[pointType + \"Y\"],\n };\n}\nfunction pointFromMouse(point, pointType) {\n if (pointType === void 0) { pointType = \"page\"; }\n return {\n x: point[pointType + \"X\"],\n y: point[pointType + \"Y\"],\n };\n}\nfunction extractEventInfo(event, pointType) {\n if (pointType === void 0) { pointType = \"page\"; }\n return {\n point: isTouchEvent(event)\n ? pointFromTouch(event, pointType)\n : pointFromMouse(event, pointType),\n };\n}\nvar wrapHandler = function (handler, shouldFilterPrimaryPointer) {\n if (shouldFilterPrimaryPointer === void 0) { shouldFilterPrimaryPointer = false; }\n var listener = function (event) {\n return handler(event, extractEventInfo(event));\n };\n return shouldFilterPrimaryPointer\n ? filterPrimaryPointer(listener)\n : listener;\n};\n\nexport { extractEventInfo, wrapHandler };\n","var isBrowser = typeof window !== \"undefined\";\n\nexport { isBrowser };\n","import { useDomEvent, addDomEvent } from './use-dom-event.mjs';\nimport { wrapHandler } from './event-info.mjs';\nimport { supportsPointerEvents, supportsTouchEvents, supportsMouseEvents } from './utils.mjs';\n\nvar mouseEventNames = {\n pointerdown: \"mousedown\",\n pointermove: \"mousemove\",\n pointerup: \"mouseup\",\n pointercancel: \"mousecancel\",\n pointerover: \"mouseover\",\n pointerout: \"mouseout\",\n pointerenter: \"mouseenter\",\n pointerleave: \"mouseleave\",\n};\nvar touchEventNames = {\n pointerdown: \"touchstart\",\n pointermove: \"touchmove\",\n pointerup: \"touchend\",\n pointercancel: \"touchcancel\",\n};\nfunction getPointerEventName(name) {\n if (supportsPointerEvents()) {\n return name;\n }\n else if (supportsTouchEvents()) {\n return touchEventNames[name];\n }\n else if (supportsMouseEvents()) {\n return mouseEventNames[name];\n }\n return name;\n}\nfunction addPointerEvent(target, eventName, handler, options) {\n return addDomEvent(target, getPointerEventName(eventName), wrapHandler(handler, eventName === \"pointerdown\"), options);\n}\nfunction usePointerEvent(ref, eventName, handler, options) {\n return useDomEvent(ref, getPointerEventName(eventName), handler && wrapHandler(handler, eventName === \"pointerdown\"), options);\n}\n\nexport { addPointerEvent, usePointerEvent };\n","import { isBrowser } from '../utils/is-browser.mjs';\n\n// We check for event support via functions in case they've been mocked by a testing suite.\nvar supportsPointerEvents = function () {\n return isBrowser && window.onpointerdown === null;\n};\nvar supportsTouchEvents = function () {\n return isBrowser && window.ontouchstart === null;\n};\nvar supportsMouseEvents = function () {\n return isBrowser && window.onmousedown === null;\n};\n\nexport { supportsMouseEvents, supportsPointerEvents, supportsTouchEvents };\n","function createLock(name) {\n var lock = null;\n return function () {\n var openLock = function () {\n lock = null;\n };\n if (lock === null) {\n lock = name;\n return openLock;\n }\n return false;\n };\n}\nvar globalHorizontalLock = createLock(\"dragHorizontal\");\nvar globalVerticalLock = createLock(\"dragVertical\");\nfunction getGlobalLock(drag) {\n var lock = false;\n if (drag === \"y\") {\n lock = globalVerticalLock();\n }\n else if (drag === \"x\") {\n lock = globalHorizontalLock();\n }\n else {\n var openHorizontal_1 = globalHorizontalLock();\n var openVertical_1 = globalVerticalLock();\n if (openHorizontal_1 && openVertical_1) {\n lock = function () {\n openHorizontal_1();\n openVertical_1();\n };\n }\n else {\n // Release the locks because we don't use them\n if (openHorizontal_1)\n openHorizontal_1();\n if (openVertical_1)\n openVertical_1();\n }\n }\n return lock;\n}\nfunction isDragActive() {\n // Check the gesture lock - if we get it, it means no drag gesture is active\n // and we can safely fire the tap gesture.\n var openGestureLock = getGlobalLock(true);\n if (!openGestureLock)\n return true;\n openGestureLock();\n return false;\n}\n\nexport { createLock, getGlobalLock, isDragActive };\n","import { isMouseEvent } from './utils/event-type.mjs';\nimport { AnimationType } from '../render/utils/types.mjs';\nimport { usePointerEvent } from '../events/use-pointer-event.mjs';\nimport { isDragActive } from './drag/utils/lock.mjs';\n\nfunction createHoverEvent(visualElement, isActive, callback) {\n return function (event, info) {\n var _a;\n if (!isMouseEvent(event) || isDragActive())\n return;\n /**\n * Ensure we trigger animations before firing event callback\n */\n (_a = visualElement.animationState) === null || _a === void 0 ? void 0 : _a.setActive(AnimationType.Hover, isActive);\n callback === null || callback === void 0 ? void 0 : callback(event, info);\n };\n}\nfunction useHoverGesture(_a) {\n var onHoverStart = _a.onHoverStart, onHoverEnd = _a.onHoverEnd, whileHover = _a.whileHover, visualElement = _a.visualElement;\n usePointerEvent(visualElement, \"pointerenter\", onHoverStart || whileHover\n ? createHoverEvent(visualElement, true, onHoverStart)\n : undefined);\n usePointerEvent(visualElement, \"pointerleave\", onHoverEnd || whileHover\n ? createHoverEvent(visualElement, false, onHoverEnd)\n : undefined);\n}\n\nexport { useHoverGesture };\n","/**\n * Recursively traverse up the tree to check whether the provided child node\n * is the parent or a descendant of it.\n *\n * @param parent - Element to find\n * @param child - Element to test against parent\n */\nvar isNodeOrChild = function (parent, child) {\n if (!child) {\n return false;\n }\n else if (parent === child) {\n return true;\n }\n else {\n return isNodeOrChild(parent, child.parentElement);\n }\n};\n\nexport { isNodeOrChild };\n","import { __rest, __assign } from 'tslib';\n\n/**\n * Map an IntersectionHandler callback to an element. We only ever make one handler for one\n * element, so even though these handlers might all be triggered by different\n * observers, we can keep them in the same map.\n */\nvar observerCallbacks = new WeakMap();\n/**\n * Multiple observers can be created for multiple element/document roots. Each with\n * different settings. So here we store dictionaries of observers to each root,\n * using serialised settings (threshold/margin) as lookup keys.\n */\nvar observers = new WeakMap();\nvar fireObserverCallback = function (entry) {\n var _a;\n (_a = observerCallbacks.get(entry.target)) === null || _a === void 0 ? void 0 : _a(entry);\n};\nvar fireAllObserverCallbacks = function (entries) {\n entries.forEach(fireObserverCallback);\n};\nfunction initIntersectionObserver(_a) {\n var root = _a.root, options = __rest(_a, [\"root\"]);\n var lookupRoot = root || document;\n /**\n * If we don't have an observer lookup map for this root, create one.\n */\n if (!observers.has(lookupRoot)) {\n observers.set(lookupRoot, {});\n }\n var rootObservers = observers.get(lookupRoot);\n var key = JSON.stringify(options);\n /**\n * If we don't have an observer for this combination of root and settings,\n * create one.\n */\n if (!rootObservers[key]) {\n rootObservers[key] = new IntersectionObserver(fireAllObserverCallbacks, __assign({ root: root }, options));\n }\n return rootObservers[key];\n}\nfunction observeIntersection(element, options, callback) {\n var rootInteresectionObserver = initIntersectionObserver(options);\n observerCallbacks.set(element, callback);\n rootInteresectionObserver.observe(element);\n return function () {\n observerCallbacks.delete(element);\n rootInteresectionObserver.unobserve(element);\n };\n}\n\nexport { observeIntersection };\n","import { useRef, useEffect } from 'react';\nimport { AnimationType } from '../../../render/utils/types.mjs';\nimport { warnOnce } from '../../../utils/warn-once.mjs';\nimport { observeIntersection } from './observers.mjs';\n\nfunction useViewport(_a) {\n var visualElement = _a.visualElement, whileInView = _a.whileInView, onViewportEnter = _a.onViewportEnter, onViewportLeave = _a.onViewportLeave, _b = _a.viewport, viewport = _b === void 0 ? {} : _b;\n var state = useRef({\n hasEnteredView: false,\n isInView: false,\n });\n var shouldObserve = Boolean(whileInView || onViewportEnter || onViewportLeave);\n if (viewport.once && state.current.hasEnteredView)\n shouldObserve = false;\n var useObserver = typeof IntersectionObserver === \"undefined\"\n ? useMissingIntersectionObserver\n : useIntersectionObserver;\n useObserver(shouldObserve, state.current, visualElement, viewport);\n}\nvar thresholdNames = {\n some: 0,\n all: 1,\n};\nfunction useIntersectionObserver(shouldObserve, state, visualElement, _a) {\n var root = _a.root, rootMargin = _a.margin, _b = _a.amount, amount = _b === void 0 ? \"some\" : _b, once = _a.once;\n useEffect(function () {\n if (!shouldObserve)\n return;\n var options = {\n root: root === null || root === void 0 ? void 0 : root.current,\n rootMargin: rootMargin,\n threshold: typeof amount === \"number\" ? amount : thresholdNames[amount],\n };\n var intersectionCallback = function (entry) {\n var _a;\n var isIntersecting = entry.isIntersecting;\n /**\n * If there's been no change in the viewport state, early return.\n */\n if (state.isInView === isIntersecting)\n return;\n state.isInView = isIntersecting;\n /**\n * Handle hasEnteredView. If this is only meant to run once, and\n * element isn't visible, early return. Otherwise set hasEnteredView to true.\n */\n if (once && !isIntersecting && state.hasEnteredView) {\n return;\n }\n else if (isIntersecting) {\n state.hasEnteredView = true;\n }\n (_a = visualElement.animationState) === null || _a === void 0 ? void 0 : _a.setActive(AnimationType.InView, isIntersecting);\n /**\n * Use the latest committed props rather than the ones in scope\n * when this observer is created\n */\n var props = visualElement.getProps();\n var callback = isIntersecting\n ? props.onViewportEnter\n : props.onViewportLeave;\n callback === null || callback === void 0 ? void 0 : callback(entry);\n };\n return observeIntersection(visualElement.getInstance(), options, intersectionCallback);\n }, [shouldObserve, root, rootMargin, amount]);\n}\n/**\n * If IntersectionObserver is missing, we activate inView and fire onViewportEnter\n * on mount. This way, the page will be in the state the author expects users\n * to see it in for everyone.\n */\nfunction useMissingIntersectionObserver(shouldObserve, state, visualElement) {\n useEffect(function () {\n if (!shouldObserve)\n return;\n if (process.env.NODE_ENV !== \"production\") {\n warnOnce(false, \"IntersectionObserver not available on this device. whileInView animations will trigger on mount.\");\n }\n /**\n * Fire this in an rAF because, at this point, the animation state\n * won't have flushed for the first time and there's certain logic in\n * there that behaves differently on the initial animation.\n *\n * This hook should be quite rarely called so setting this in an rAF\n * is preferred to changing the behaviour of the animation state.\n */\n requestAnimationFrame(function () {\n var _a;\n state.hasEnteredView = true;\n var onViewportEnter = visualElement.getProps().onViewportEnter;\n onViewportEnter === null || onViewportEnter === void 0 ? void 0 : onViewportEnter(null);\n (_a = visualElement.animationState) === null || _a === void 0 ? void 0 : _a.setActive(AnimationType.InView, true);\n });\n }, [shouldObserve]);\n}\n\nexport { useViewport };\n","import { useFocusGesture } from '../../gestures/use-focus-gesture.mjs';\nimport { useHoverGesture } from '../../gestures/use-hover-gesture.mjs';\nimport { useTapGesture } from '../../gestures/use-tap-gesture.mjs';\nimport { useViewport } from './viewport/use-viewport.mjs';\nimport { makeRenderlessComponent } from '../utils/make-renderless-component.mjs';\n\nvar gestureAnimations = {\n inView: makeRenderlessComponent(useViewport),\n tap: makeRenderlessComponent(useTapGesture),\n focus: makeRenderlessComponent(useFocusGesture),\n hover: makeRenderlessComponent(useHoverGesture),\n};\n\nexport { gestureAnimations };\n","import { useRef } from 'react';\nimport { isNodeOrChild } from './utils/is-node-or-child.mjs';\nimport { usePointerEvent, addPointerEvent } from '../events/use-pointer-event.mjs';\nimport { useUnmountEffect } from '../utils/use-unmount-effect.mjs';\nimport { pipe } from 'popmotion';\nimport { AnimationType } from '../render/utils/types.mjs';\nimport { isDragActive } from './drag/utils/lock.mjs';\n\n/**\n * @param handlers -\n * @internal\n */\nfunction useTapGesture(_a) {\n var onTap = _a.onTap, onTapStart = _a.onTapStart, onTapCancel = _a.onTapCancel, whileTap = _a.whileTap, visualElement = _a.visualElement;\n var hasPressListeners = onTap || onTapStart || onTapCancel || whileTap;\n var isPressing = useRef(false);\n var cancelPointerEndListeners = useRef(null);\n function removePointerEndListener() {\n var _a;\n (_a = cancelPointerEndListeners.current) === null || _a === void 0 ? void 0 : _a.call(cancelPointerEndListeners);\n cancelPointerEndListeners.current = null;\n }\n function checkPointerEnd() {\n var _a;\n removePointerEndListener();\n isPressing.current = false;\n (_a = visualElement.animationState) === null || _a === void 0 ? void 0 : _a.setActive(AnimationType.Tap, false);\n return !isDragActive();\n }\n function onPointerUp(event, info) {\n if (!checkPointerEnd())\n return;\n /**\n * We only count this as a tap gesture if the event.target is the same\n * as, or a child of, this component's element\n */\n !isNodeOrChild(visualElement.getInstance(), event.target)\n ? onTapCancel === null || onTapCancel === void 0 ? void 0 : onTapCancel(event, info)\n : onTap === null || onTap === void 0 ? void 0 : onTap(event, info);\n }\n function onPointerCancel(event, info) {\n if (!checkPointerEnd())\n return;\n onTapCancel === null || onTapCancel === void 0 ? void 0 : onTapCancel(event, info);\n }\n function onPointerDown(event, info) {\n var _a;\n removePointerEndListener();\n if (isPressing.current)\n return;\n isPressing.current = true;\n cancelPointerEndListeners.current = pipe(addPointerEvent(window, \"pointerup\", onPointerUp), addPointerEvent(window, \"pointercancel\", onPointerCancel));\n /**\n * Ensure we trigger animations before firing event callback\n */\n (_a = visualElement.animationState) === null || _a === void 0 ? void 0 : _a.setActive(AnimationType.Tap, true);\n onTapStart === null || onTapStart === void 0 ? void 0 : onTapStart(event, info);\n }\n usePointerEvent(visualElement, \"pointerdown\", hasPressListeners ? onPointerDown : undefined);\n useUnmountEffect(removePointerEndListener);\n}\n\nexport { useTapGesture };\n","import { useEffect } from 'react';\n\nfunction useUnmountEffect(callback) {\n return useEffect(function () { return function () { return callback(); }; }, []);\n}\n\nexport { useUnmountEffect };\n","import { AnimationType } from '../render/utils/types.mjs';\nimport { useDomEvent } from '../events/use-dom-event.mjs';\n\n/**\n *\n * @param props\n * @param ref\n * @internal\n */\nfunction useFocusGesture(_a) {\n var whileFocus = _a.whileFocus, visualElement = _a.visualElement;\n var onFocus = function () {\n var _a;\n (_a = visualElement.animationState) === null || _a === void 0 ? void 0 : _a.setActive(AnimationType.Focus, true);\n };\n var onBlur = function () {\n var _a;\n (_a = visualElement.animationState) === null || _a === void 0 ? void 0 : _a.setActive(AnimationType.Focus, false);\n };\n useDomEvent(visualElement, \"focus\", whileFocus ? onFocus : undefined);\n useDomEvent(visualElement, \"blur\", whileFocus ? onBlur : undefined);\n}\n\nexport { useFocusGesture };\n","var isMotionValue = function (value) {\n return Boolean(value !== null && typeof value === \"object\" && value.getVelocity);\n};\n\nexport { isMotionValue };\n","import { __spreadArray, __read } from 'tslib';\nimport { SubscriptionManager } from '../../utils/subscription-manager.mjs';\n\nvar names = [\n \"LayoutMeasure\",\n \"BeforeLayoutMeasure\",\n \"LayoutUpdate\",\n \"ViewportBoxUpdate\",\n \"Update\",\n \"Render\",\n \"AnimationComplete\",\n \"LayoutAnimationComplete\",\n \"AnimationStart\",\n \"SetAxisTarget\",\n \"Unmount\",\n];\nfunction createLifecycles() {\n var managers = names.map(function () { return new SubscriptionManager(); });\n var propSubscriptions = {};\n var lifecycles = {\n clearAllListeners: function () { return managers.forEach(function (manager) { return manager.clear(); }); },\n updatePropListeners: function (props) {\n names.forEach(function (name) {\n var _a;\n var on = \"on\" + name;\n var propListener = props[on];\n // Unsubscribe existing subscription\n (_a = propSubscriptions[name]) === null || _a === void 0 ? void 0 : _a.call(propSubscriptions);\n // Add new subscription\n if (propListener) {\n propSubscriptions[name] = lifecycles[on](propListener);\n }\n });\n },\n };\n managers.forEach(function (manager, i) {\n lifecycles[\"on\" + names[i]] = function (handler) { return manager.add(handler); };\n lifecycles[\"notify\" + names[i]] = function () {\n var args = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n manager.notify.apply(manager, __spreadArray([], __read(args), false));\n };\n });\n return lifecycles;\n}\n\nexport { createLifecycles };\n","import { __assign, __spreadArray, __read } from 'tslib';\nimport sync, { cancelSync } from 'framesync';\nimport { motionValue } from '../value/index.mjs';\nimport { isMotionValue } from '../value/utils/is-motion-value.mjs';\nimport { variantPriorityOrder } from './utils/animation-state.mjs';\nimport { createLifecycles } from './utils/lifecycles.mjs';\nimport { updateMotionValuesFromProps } from './utils/motion-values.mjs';\nimport { checkIfControllingVariants, checkIfVariantNode, isVariantLabel } from './utils/variants.mjs';\n\nvar visualElement = function (_a) {\n var _b = _a.treeType, treeType = _b === void 0 ? \"\" : _b, build = _a.build, getBaseTarget = _a.getBaseTarget, makeTargetAnimatable = _a.makeTargetAnimatable, measureViewportBox = _a.measureViewportBox, renderInstance = _a.render, readValueFromInstance = _a.readValueFromInstance, removeValueFromRenderState = _a.removeValueFromRenderState, sortNodePosition = _a.sortNodePosition, scrapeMotionValuesFromProps = _a.scrapeMotionValuesFromProps;\n return function (_a, options) {\n var parent = _a.parent, props = _a.props, presenceId = _a.presenceId, blockInitialAnimation = _a.blockInitialAnimation, visualState = _a.visualState;\n if (options === void 0) { options = {}; }\n var isMounted = false;\n var latestValues = visualState.latestValues, renderState = visualState.renderState;\n /**\n * The instance of the render-specific node that will be hydrated by the\n * exposed React ref. So for example, this visual element can host a\n * HTMLElement, plain object, or Three.js object. The functions provided\n * in VisualElementConfig allow us to interface with this instance.\n */\n var instance;\n /**\n * Manages the subscriptions for a visual element's lifecycle, for instance\n * onRender\n */\n var lifecycles = createLifecycles();\n /**\n * A map of all motion values attached to this visual element. Motion\n * values are source of truth for any given animated value. A motion\n * value might be provided externally by the component via props.\n */\n var values = new Map();\n /**\n * A map of every subscription that binds the provided or generated\n * motion values onChange listeners to this visual element.\n */\n var valueSubscriptions = new Map();\n /**\n * A reference to the previously-provided motion values as returned\n * from scrapeMotionValuesFromProps. We use the keys in here to determine\n * if any motion values need to be removed after props are updated.\n */\n var prevMotionValues = {};\n /**\n * When values are removed from all animation props we need to search\n * for a fallback value to animate to. These values are tracked in baseTarget.\n */\n var baseTarget = __assign({}, latestValues);\n // Internal methods ========================\n /**\n * On mount, this will be hydrated with a callback to disconnect\n * this visual element from its parent on unmount.\n */\n var removeFromVariantTree;\n /**\n * Render the element with the latest styles outside of the React\n * render lifecycle\n */\n function render() {\n if (!instance || !isMounted)\n return;\n triggerBuild();\n renderInstance(instance, renderState, props.style, element.projection);\n }\n function triggerBuild() {\n build(element, renderState, latestValues, options, props);\n }\n function update() {\n lifecycles.notifyUpdate(latestValues);\n }\n /**\n *\n */\n function bindToMotionValue(key, value) {\n var removeOnChange = value.onChange(function (latestValue) {\n latestValues[key] = latestValue;\n props.onUpdate && sync.update(update, false, true);\n });\n var removeOnRenderRequest = value.onRenderRequest(element.scheduleRender);\n valueSubscriptions.set(key, function () {\n removeOnChange();\n removeOnRenderRequest();\n });\n }\n /**\n * Any motion values that are provided to the element when created\n * aren't yet bound to the element, as this would technically be impure.\n * However, we iterate through the motion values and set them to the\n * initial values for this component.\n *\n * TODO: This is impure and we should look at changing this to run on mount.\n * Doing so will break some tests but this isn't neccessarily a breaking change,\n * more a reflection of the test.\n */\n var initialMotionValues = scrapeMotionValuesFromProps(props);\n for (var key in initialMotionValues) {\n var value = initialMotionValues[key];\n if (latestValues[key] !== undefined && isMotionValue(value)) {\n value.set(latestValues[key], false);\n }\n }\n /**\n * Determine what role this visual element should take in the variant tree.\n */\n var isControllingVariants = checkIfControllingVariants(props);\n var isVariantNode = checkIfVariantNode(props);\n var element = __assign(__assign({ treeType: treeType, \n /**\n * This is a mirror of the internal instance prop, which keeps\n * VisualElement type-compatible with React's RefObject.\n */\n current: null, \n /**\n * The depth of this visual element within the visual element tree.\n */\n depth: parent ? parent.depth + 1 : 0, parent: parent, children: new Set(), \n /**\n *\n */\n presenceId: presenceId, \n /**\n * If this component is part of the variant tree, it should track\n * any children that are also part of the tree. This is essentially\n * a shadow tree to simplify logic around how to stagger over children.\n */\n variantChildren: isVariantNode ? new Set() : undefined, \n /**\n * Whether this instance is visible. This can be changed imperatively\n * by the projection tree, is analogous to CSS's visibility in that\n * hidden elements should take up layout, and needs enacting by the configured\n * render function.\n */\n isVisible: undefined, \n /**\n * Normally, if a component is controlled by a parent's variants, it can\n * rely on that ancestor to trigger animations further down the tree.\n * However, if a component is created after its parent is mounted, the parent\n * won't trigger that mount animation so the child needs to.\n *\n * TODO: This might be better replaced with a method isParentMounted\n */\n manuallyAnimateOnMount: Boolean(parent === null || parent === void 0 ? void 0 : parent.isMounted()), \n /**\n * This can be set by AnimatePresence to force components that mount\n * at the same time as it to mount as if they have initial={false} set.\n */\n blockInitialAnimation: blockInitialAnimation, \n /**\n * Determine whether this component has mounted yet. This is mostly used\n * by variant children to determine whether they need to trigger their\n * own animations on mount.\n */\n isMounted: function () { return Boolean(instance); }, mount: function (newInstance) {\n isMounted = true;\n instance = element.current = newInstance;\n if (element.projection) {\n element.projection.mount(newInstance);\n }\n if (isVariantNode && parent && !isControllingVariants) {\n removeFromVariantTree = parent === null || parent === void 0 ? void 0 : parent.addVariantChild(element);\n }\n parent === null || parent === void 0 ? void 0 : parent.children.add(element);\n element.setProps(props);\n }, \n /**\n *\n */\n unmount: function () {\n var _a;\n (_a = element.projection) === null || _a === void 0 ? void 0 : _a.unmount();\n cancelSync.update(update);\n cancelSync.render(render);\n valueSubscriptions.forEach(function (remove) { return remove(); });\n removeFromVariantTree === null || removeFromVariantTree === void 0 ? void 0 : removeFromVariantTree();\n parent === null || parent === void 0 ? void 0 : parent.children.delete(element);\n lifecycles.clearAllListeners();\n instance = undefined;\n isMounted = false;\n }, \n /**\n * Add a child visual element to our set of children.\n */\n addVariantChild: function (child) {\n var _a;\n var closestVariantNode = element.getClosestVariantNode();\n if (closestVariantNode) {\n (_a = closestVariantNode.variantChildren) === null || _a === void 0 ? void 0 : _a.add(child);\n return function () {\n return closestVariantNode.variantChildren.delete(child);\n };\n }\n }, sortNodePosition: function (other) {\n /**\n * If these nodes aren't even of the same type we can't compare their depth.\n */\n if (!sortNodePosition || treeType !== other.treeType)\n return 0;\n return sortNodePosition(element.getInstance(), other.getInstance());\n }, \n /**\n * Returns the closest variant node in the tree starting from\n * this visual element.\n */\n getClosestVariantNode: function () {\n return isVariantNode ? element : parent === null || parent === void 0 ? void 0 : parent.getClosestVariantNode();\n }, \n /**\n * Expose the latest layoutId prop.\n */\n getLayoutId: function () { return props.layoutId; }, \n /**\n * Returns the current instance.\n */\n getInstance: function () { return instance; }, \n /**\n * Get/set the latest static values.\n */\n getStaticValue: function (key) { return latestValues[key]; }, setStaticValue: function (key, value) { return (latestValues[key] = value); }, \n /**\n * Returns the latest motion value state. Currently only used to take\n * a snapshot of the visual element - perhaps this can return the whole\n * visual state\n */\n getLatestValues: function () { return latestValues; }, \n /**\n * Set the visiblity of the visual element. If it's changed, schedule\n * a render to reflect these changes.\n */\n setVisibility: function (visibility) {\n if (element.isVisible === visibility)\n return;\n element.isVisible = visibility;\n element.scheduleRender();\n }, \n /**\n * Make a target animatable by Popmotion. For instance, if we're\n * trying to animate width from 100px to 100vw we need to measure 100vw\n * in pixels to determine what we really need to animate to. This is also\n * pluggable to support Framer's custom value types like Color,\n * and CSS variables.\n */\n makeTargetAnimatable: function (target, canMutate) {\n if (canMutate === void 0) { canMutate = true; }\n return makeTargetAnimatable(element, target, props, canMutate);\n }, \n /**\n * Measure the current viewport box with or without transforms.\n * Only measures axis-aligned boxes, rotate and skew must be manually\n * removed with a re-render to work.\n */\n measureViewportBox: function () {\n return measureViewportBox(instance, props);\n }, \n // Motion values ========================\n /**\n * Add a motion value and bind it to this visual element.\n */\n addValue: function (key, value) {\n // Remove existing value if it exists\n if (element.hasValue(key))\n element.removeValue(key);\n values.set(key, value);\n latestValues[key] = value.get();\n bindToMotionValue(key, value);\n }, \n /**\n * Remove a motion value and unbind any active subscriptions.\n */\n removeValue: function (key) {\n var _a;\n values.delete(key);\n (_a = valueSubscriptions.get(key)) === null || _a === void 0 ? void 0 : _a();\n valueSubscriptions.delete(key);\n delete latestValues[key];\n removeValueFromRenderState(key, renderState);\n }, \n /**\n * Check whether we have a motion value for this key\n */\n hasValue: function (key) { return values.has(key); }, \n /**\n * Get a motion value for this key. If called with a default\n * value, we'll create one if none exists.\n */\n getValue: function (key, defaultValue) {\n var value = values.get(key);\n if (value === undefined && defaultValue !== undefined) {\n value = motionValue(defaultValue);\n element.addValue(key, value);\n }\n return value;\n }, \n /**\n * Iterate over our motion values.\n */\n forEachValue: function (callback) { return values.forEach(callback); }, \n /**\n * If we're trying to animate to a previously unencountered value,\n * we need to check for it in our state and as a last resort read it\n * directly from the instance (which might have performance implications).\n */\n readValue: function (key) {\n var _a;\n return (_a = latestValues[key]) !== null && _a !== void 0 ? _a : readValueFromInstance(instance, key, options);\n }, \n /**\n * Set the base target to later animate back to. This is currently\n * only hydrated on creation and when we first read a value.\n */\n setBaseTarget: function (key, value) {\n baseTarget[key] = value;\n }, \n /**\n * Find the base target for a value thats been removed from all animation\n * props.\n */\n getBaseTarget: function (key) {\n if (getBaseTarget) {\n var target = getBaseTarget(props, key);\n if (target !== undefined && !isMotionValue(target))\n return target;\n }\n return baseTarget[key];\n } }, lifecycles), { \n /**\n * Build the renderer state based on the latest visual state.\n */\n build: function () {\n triggerBuild();\n return renderState;\n }, \n /**\n * Schedule a render on the next animation frame.\n */\n scheduleRender: function () {\n sync.render(render, false, true);\n }, \n /**\n * Synchronously fire render. It's prefered that we batch renders but\n * in many circumstances, like layout measurement, we need to run this\n * synchronously. However in those instances other measures should be taken\n * to batch reads/writes.\n */\n syncRender: render, \n /**\n * Update the provided props. Ensure any newly-added motion values are\n * added to our map, old ones removed, and listeners updated.\n */\n setProps: function (newProps) {\n if (newProps.transformTemplate || props.transformTemplate) {\n element.scheduleRender();\n }\n props = newProps;\n lifecycles.updatePropListeners(newProps);\n prevMotionValues = updateMotionValuesFromProps(element, scrapeMotionValuesFromProps(props), prevMotionValues);\n }, getProps: function () { return props; }, \n // Variants ==============================\n /**\n * Returns the variant definition with a given name.\n */\n getVariant: function (name) { var _a; return (_a = props.variants) === null || _a === void 0 ? void 0 : _a[name]; }, \n /**\n * Returns the defined default transition on this component.\n */\n getDefaultTransition: function () { return props.transition; }, getTransformPagePoint: function () {\n return props.transformPagePoint;\n }, \n /**\n * Used by child variant nodes to get the closest ancestor variant props.\n */\n getVariantContext: function (startAtParent) {\n if (startAtParent === void 0) { startAtParent = false; }\n if (startAtParent)\n return parent === null || parent === void 0 ? void 0 : parent.getVariantContext();\n if (!isControllingVariants) {\n var context_1 = (parent === null || parent === void 0 ? void 0 : parent.getVariantContext()) || {};\n if (props.initial !== undefined) {\n context_1.initial = props.initial;\n }\n return context_1;\n }\n var context = {};\n for (var i = 0; i < numVariantProps; i++) {\n var name_1 = variantProps[i];\n var prop = props[name_1];\n if (isVariantLabel(prop) || prop === false) {\n context[name_1] = prop;\n }\n }\n return context;\n } });\n return element;\n };\n};\nvar variantProps = __spreadArray([\"initial\"], __read(variantPriorityOrder), false);\nvar numVariantProps = variantProps.length;\n\nexport { visualElement };\n","import { motionValue } from '../../value/index.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\nfunction updateMotionValuesFromProps(element, next, prev) {\n var _a;\n for (var key in next) {\n var nextValue = next[key];\n var prevValue = prev[key];\n if (isMotionValue(nextValue)) {\n /**\n * If this is a motion value found in props or style, we want to add it\n * to our visual element's motion value map.\n */\n element.addValue(key, nextValue);\n }\n else if (isMotionValue(prevValue)) {\n /**\n * If we're swapping to a new motion value, create a new motion value\n * from that\n */\n element.addValue(key, motionValue(nextValue));\n }\n else if (prevValue !== nextValue) {\n /**\n * If this is a flat value that has changed, update the motion value\n * or create one if it doesn't exist. We only want to do this if we're\n * not handling the value with our animation state.\n */\n if (element.hasValue(key)) {\n var existingValue = element.getValue(key);\n // TODO: Only update values that aren't being animated or even looked at\n !existingValue.hasAnimated && existingValue.set(nextValue);\n }\n else {\n element.addValue(key, motionValue((_a = element.getStaticValue(key)) !== null && _a !== void 0 ? _a : nextValue));\n }\n }\n }\n // Handle removed values\n for (var key in prev) {\n if (next[key] === undefined)\n element.removeValue(key);\n }\n return next;\n}\n\nexport { updateMotionValuesFromProps };\n","/**\n * A list of all transformable axes. We'll use this list to generated a version\n * of each axes for each transform.\n */\nvar transformAxes = [\"\", \"X\", \"Y\", \"Z\"];\n/**\n * An ordered array of each transformable value. By default, transform values\n * will be sorted to this order.\n */\nvar order = [\"translate\", \"scale\", \"rotate\", \"skew\"];\n/**\n * Generate a list of every possible transform key.\n */\nvar transformProps = [\"transformPerspective\", \"x\", \"y\", \"z\"];\norder.forEach(function (operationKey) {\n return transformAxes.forEach(function (axesKey) {\n return transformProps.push(operationKey + axesKey);\n });\n});\n/**\n * A function to use with Array.sort to sort transform keys by their default order.\n */\nfunction sortTransformProps(a, b) {\n return transformProps.indexOf(a) - transformProps.indexOf(b);\n}\n/**\n * A quick lookup for transform props.\n */\nvar transformPropSet = new Set(transformProps);\nfunction isTransformProp(key) {\n return transformPropSet.has(key);\n}\n/**\n * A quick lookup for transform origin props\n */\nvar transformOriginProps = new Set([\"originX\", \"originY\", \"originZ\"]);\nfunction isTransformOriginProp(key) {\n return transformOriginProps.has(key);\n}\n\nexport { isTransformOriginProp, isTransformProp, sortTransformProps, transformAxes, transformProps };\n","import { sortTransformProps } from './transform.mjs';\n\nvar translateAlias = {\n x: \"translateX\",\n y: \"translateY\",\n z: \"translateZ\",\n transformPerspective: \"perspective\",\n};\n/**\n * Build a CSS transform style from individual x/y/scale etc properties.\n *\n * This outputs with a default order of transforms/scales/rotations, this can be customised by\n * providing a transformTemplate function.\n */\nfunction buildTransform(_a, _b, transformIsDefault, transformTemplate) {\n var transform = _a.transform, transformKeys = _a.transformKeys;\n var _c = _b.enableHardwareAcceleration, enableHardwareAcceleration = _c === void 0 ? true : _c, _d = _b.allowTransformNone, allowTransformNone = _d === void 0 ? true : _d;\n // The transform string we're going to build into.\n var transformString = \"\";\n // Transform keys into their default order - this will determine the output order.\n transformKeys.sort(sortTransformProps);\n // Track whether the defined transform has a defined z so we don't add a\n // second to enable hardware acceleration\n var transformHasZ = false;\n // Loop over each transform and build them into transformString\n var numTransformKeys = transformKeys.length;\n for (var i = 0; i < numTransformKeys; i++) {\n var key = transformKeys[i];\n transformString += \"\".concat(translateAlias[key] || key, \"(\").concat(transform[key], \") \");\n if (key === \"z\")\n transformHasZ = true;\n }\n if (!transformHasZ && enableHardwareAcceleration) {\n transformString += \"translateZ(0)\";\n }\n else {\n transformString = transformString.trim();\n }\n // If we have a custom `transform` template, pass our transform values and\n // generated transformString to that before returning\n if (transformTemplate) {\n transformString = transformTemplate(transform, transformIsDefault ? \"\" : transformString);\n }\n else if (allowTransformNone && transformIsDefault) {\n transformString = \"none\";\n }\n return transformString;\n}\n/**\n * Build a transformOrigin style. Uses the same defaults as the browser for\n * undefined origins.\n */\nfunction buildTransformOrigin(_a) {\n var _b = _a.originX, originX = _b === void 0 ? \"50%\" : _b, _c = _a.originY, originY = _c === void 0 ? \"50%\" : _c, _d = _a.originZ, originZ = _d === void 0 ? 0 : _d;\n return \"\".concat(originX, \" \").concat(originY, \" \").concat(originZ);\n}\n\nexport { buildTransform, buildTransformOrigin };\n","/**\n * Returns true if the provided key is a CSS variable\n */\nfunction isCSSVariable(key) {\n return key.startsWith(\"--\");\n}\n\nexport { isCSSVariable };\n","/**\n * Provided a value and a ValueType, returns the value as that value type.\n */\nvar getValueAsType = function (value, type) {\n return type && typeof value === \"number\"\n ? type.transform(value)\n : value;\n};\n\nexport { getValueAsType };\n","import { buildTransform, buildTransformOrigin } from './build-transform.mjs';\nimport { isCSSVariable } from '../../dom/utils/is-css-variable.mjs';\nimport { isTransformProp, isTransformOriginProp } from './transform.mjs';\nimport { getValueAsType } from '../../dom/value-types/get-as-type.mjs';\nimport { numberValueTypes } from '../../dom/value-types/number.mjs';\n\nfunction buildHTMLStyles(state, latestValues, options, transformTemplate) {\n var _a;\n var style = state.style, vars = state.vars, transform = state.transform, transformKeys = state.transformKeys, transformOrigin = state.transformOrigin;\n // Empty the transformKeys array. As we're throwing out refs to its items\n // this might not be as cheap as suspected. Maybe using the array as a buffer\n // with a manual incrementation would be better.\n transformKeys.length = 0;\n // Track whether we encounter any transform or transformOrigin values.\n var hasTransform = false;\n var hasTransformOrigin = false;\n // Does the calculated transform essentially equal \"none\"?\n var transformIsNone = true;\n /**\n * Loop over all our latest animated values and decide whether to handle them\n * as a style or CSS variable.\n *\n * Transforms and transform origins are kept seperately for further processing.\n */\n for (var key in latestValues) {\n var value = latestValues[key];\n /**\n * If this is a CSS variable we don't do any further processing.\n */\n if (isCSSVariable(key)) {\n vars[key] = value;\n continue;\n }\n // Convert the value to its default value type, ie 0 -> \"0px\"\n var valueType = numberValueTypes[key];\n var valueAsType = getValueAsType(value, valueType);\n if (isTransformProp(key)) {\n // If this is a transform, flag to enable further transform processing\n hasTransform = true;\n transform[key] = valueAsType;\n transformKeys.push(key);\n // If we already know we have a non-default transform, early return\n if (!transformIsNone)\n continue;\n // Otherwise check to see if this is a default transform\n if (value !== ((_a = valueType.default) !== null && _a !== void 0 ? _a : 0))\n transformIsNone = false;\n }\n else if (isTransformOriginProp(key)) {\n transformOrigin[key] = valueAsType;\n // If this is a transform origin, flag and enable further transform-origin processing\n hasTransformOrigin = true;\n }\n else {\n style[key] = valueAsType;\n }\n }\n if (hasTransform) {\n style.transform = buildTransform(state, options, transformIsNone, transformTemplate);\n }\n else if (transformTemplate) {\n style.transform = transformTemplate({}, \"\");\n }\n else if (!latestValues.transform && style.transform) {\n style.transform = \"none\";\n }\n if (hasTransformOrigin) {\n style.transformOrigin = buildTransformOrigin(transformOrigin);\n }\n}\n\nexport { buildHTMLStyles };\n","import { __rest, __assign, __read } from 'tslib';\nimport { invariant } from 'hey-listen';\n\nfunction isCSSVariable(value) {\n return typeof value === \"string\" && value.startsWith(\"var(--\");\n}\n/**\n * Parse Framer's special CSS variable format into a CSS token and a fallback.\n *\n * ```\n * `var(--foo, #fff)` => [`--foo`, '#fff']\n * ```\n *\n * @param current\n */\nvar cssVariableRegex = /var\\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\\)/;\nfunction parseCSSVariable(current) {\n var match = cssVariableRegex.exec(current);\n if (!match)\n return [,];\n var _a = __read(match, 3), token = _a[1], fallback = _a[2];\n return [token, fallback];\n}\nvar maxDepth = 4;\nfunction getVariableValue(current, element, depth) {\n if (depth === void 0) { depth = 1; }\n invariant(depth <= maxDepth, \"Max CSS variable fallback depth detected in property \\\"\".concat(current, \"\\\". This may indicate a circular fallback dependency.\"));\n var _a = __read(parseCSSVariable(current), 2), token = _a[0], fallback = _a[1];\n // No CSS variable detected\n if (!token)\n return;\n // Attempt to read this CSS variable off the element\n var resolved = window.getComputedStyle(element).getPropertyValue(token);\n if (resolved) {\n return resolved.trim();\n }\n else if (isCSSVariable(fallback)) {\n // The fallback might itself be a CSS variable, in which case we attempt to resolve it too.\n return getVariableValue(fallback, element, depth + 1);\n }\n else {\n return fallback;\n }\n}\n/**\n * Resolve CSS variables from\n *\n * @internal\n */\nfunction resolveCSSVariables(visualElement, _a, transitionEnd) {\n var _b;\n var target = __rest(_a, []);\n var element = visualElement.getInstance();\n if (!(element instanceof Element))\n return { target: target, transitionEnd: transitionEnd };\n // If `transitionEnd` isn't `undefined`, clone it. We could clone `target` and `transitionEnd`\n // only if they change but I think this reads clearer and this isn't a performance-critical path.\n if (transitionEnd) {\n transitionEnd = __assign({}, transitionEnd);\n }\n // Go through existing `MotionValue`s and ensure any existing CSS variables are resolved\n visualElement.forEachValue(function (value) {\n var current = value.get();\n if (!isCSSVariable(current))\n return;\n var resolved = getVariableValue(current, element);\n if (resolved)\n value.set(resolved);\n });\n // Cycle through every target property and resolve CSS variables. Currently\n // we only read single-var properties like `var(--foo)`, not `calc(var(--foo) + 20px)`\n for (var key in target) {\n var current = target[key];\n if (!isCSSVariable(current))\n continue;\n var resolved = getVariableValue(current, element);\n if (!resolved)\n continue;\n // Clone target if it hasn't already been\n target[key] = resolved;\n // If the user hasn't already set this key on `transitionEnd`, set it to the unresolved\n // CSS variable. This will ensure that after the animation the component will reflect\n // changes in the value of the CSS variable.\n if (transitionEnd)\n (_b = transitionEnd[key]) !== null && _b !== void 0 ? _b : (transitionEnd[key] = current);\n }\n return { target: target, transitionEnd: transitionEnd };\n}\n\nexport { cssVariableRegex, parseCSSVariable, resolveCSSVariables };\n","import { __assign, __read } from 'tslib';\nimport { number, px } from 'style-value-types';\nimport { isKeyframesTarget } from '../../../animation/utils/is-keyframes-target.mjs';\nimport { invariant } from 'hey-listen';\nimport { transformProps } from '../../html/utils/transform.mjs';\nimport { findDimensionValueType } from '../value-types/dimensions.mjs';\n\nvar positionalKeys = new Set([\n \"width\",\n \"height\",\n \"top\",\n \"left\",\n \"right\",\n \"bottom\",\n \"x\",\n \"y\",\n]);\nvar isPositionalKey = function (key) { return positionalKeys.has(key); };\nvar hasPositionalKey = function (target) {\n return Object.keys(target).some(isPositionalKey);\n};\nvar setAndResetVelocity = function (value, to) {\n // Looks odd but setting it twice doesn't render, it'll just\n // set both prev and current to the latest value\n value.set(to, false);\n value.set(to);\n};\nvar isNumOrPxType = function (v) {\n return v === number || v === px;\n};\nvar BoundingBoxDimension;\n(function (BoundingBoxDimension) {\n BoundingBoxDimension[\"width\"] = \"width\";\n BoundingBoxDimension[\"height\"] = \"height\";\n BoundingBoxDimension[\"left\"] = \"left\";\n BoundingBoxDimension[\"right\"] = \"right\";\n BoundingBoxDimension[\"top\"] = \"top\";\n BoundingBoxDimension[\"bottom\"] = \"bottom\";\n})(BoundingBoxDimension || (BoundingBoxDimension = {}));\nvar getPosFromMatrix = function (matrix, pos) {\n return parseFloat(matrix.split(\", \")[pos]);\n};\nvar getTranslateFromMatrix = function (pos2, pos3) {\n return function (_bbox, _a) {\n var transform = _a.transform;\n if (transform === \"none\" || !transform)\n return 0;\n var matrix3d = transform.match(/^matrix3d\\((.+)\\)$/);\n if (matrix3d) {\n return getPosFromMatrix(matrix3d[1], pos3);\n }\n else {\n var matrix = transform.match(/^matrix\\((.+)\\)$/);\n if (matrix) {\n return getPosFromMatrix(matrix[1], pos2);\n }\n else {\n return 0;\n }\n }\n };\n};\nvar transformKeys = new Set([\"x\", \"y\", \"z\"]);\nvar nonTranslationalTransformKeys = transformProps.filter(function (key) { return !transformKeys.has(key); });\nfunction removeNonTranslationalTransform(visualElement) {\n var removedTransforms = [];\n nonTranslationalTransformKeys.forEach(function (key) {\n var value = visualElement.getValue(key);\n if (value !== undefined) {\n removedTransforms.push([key, value.get()]);\n value.set(key.startsWith(\"scale\") ? 1 : 0);\n }\n });\n // Apply changes to element before measurement\n if (removedTransforms.length)\n visualElement.syncRender();\n return removedTransforms;\n}\nvar positionalValues = {\n // Dimensions\n width: function (_a, _b) {\n var x = _a.x;\n var _c = _b.paddingLeft, paddingLeft = _c === void 0 ? \"0\" : _c, _d = _b.paddingRight, paddingRight = _d === void 0 ? \"0\" : _d;\n return x.max - x.min - parseFloat(paddingLeft) - parseFloat(paddingRight);\n },\n height: function (_a, _b) {\n var y = _a.y;\n var _c = _b.paddingTop, paddingTop = _c === void 0 ? \"0\" : _c, _d = _b.paddingBottom, paddingBottom = _d === void 0 ? \"0\" : _d;\n return y.max - y.min - parseFloat(paddingTop) - parseFloat(paddingBottom);\n },\n top: function (_bbox, _a) {\n var top = _a.top;\n return parseFloat(top);\n },\n left: function (_bbox, _a) {\n var left = _a.left;\n return parseFloat(left);\n },\n bottom: function (_a, _b) {\n var y = _a.y;\n var top = _b.top;\n return parseFloat(top) + (y.max - y.min);\n },\n right: function (_a, _b) {\n var x = _a.x;\n var left = _b.left;\n return parseFloat(left) + (x.max - x.min);\n },\n // Transform\n x: getTranslateFromMatrix(4, 13),\n y: getTranslateFromMatrix(5, 14),\n};\nvar convertChangedValueTypes = function (target, visualElement, changedKeys) {\n var originBbox = visualElement.measureViewportBox();\n var element = visualElement.getInstance();\n var elementComputedStyle = getComputedStyle(element);\n var display = elementComputedStyle.display;\n var origin = {};\n // If the element is currently set to display: \"none\", make it visible before\n // measuring the target bounding box\n if (display === \"none\") {\n visualElement.setStaticValue(\"display\", target.display || \"block\");\n }\n /**\n * Record origins before we render and update styles\n */\n changedKeys.forEach(function (key) {\n origin[key] = positionalValues[key](originBbox, elementComputedStyle);\n });\n // Apply the latest values (as set in checkAndConvertChangedValueTypes)\n visualElement.syncRender();\n var targetBbox = visualElement.measureViewportBox();\n changedKeys.forEach(function (key) {\n // Restore styles to their **calculated computed style**, not their actual\n // originally set style. This allows us to animate between equivalent pixel units.\n var value = visualElement.getValue(key);\n setAndResetVelocity(value, origin[key]);\n target[key] = positionalValues[key](targetBbox, elementComputedStyle);\n });\n return target;\n};\nvar checkAndConvertChangedValueTypes = function (visualElement, target, origin, transitionEnd) {\n if (origin === void 0) { origin = {}; }\n if (transitionEnd === void 0) { transitionEnd = {}; }\n target = __assign({}, target);\n transitionEnd = __assign({}, transitionEnd);\n var targetPositionalKeys = Object.keys(target).filter(isPositionalKey);\n // We want to remove any transform values that could affect the element's bounding box before\n // it's measured. We'll reapply these later.\n var removedTransformValues = [];\n var hasAttemptedToRemoveTransformValues = false;\n var changedValueTypeKeys = [];\n targetPositionalKeys.forEach(function (key) {\n var value = visualElement.getValue(key);\n if (!visualElement.hasValue(key))\n return;\n var from = origin[key];\n var fromType = findDimensionValueType(from);\n var to = target[key];\n var toType;\n // TODO: The current implementation of this basically throws an error\n // if you try and do value conversion via keyframes. There's probably\n // a way of doing this but the performance implications would need greater scrutiny,\n // as it'd be doing multiple resize-remeasure operations.\n if (isKeyframesTarget(to)) {\n var numKeyframes = to.length;\n var fromIndex = to[0] === null ? 1 : 0;\n from = to[fromIndex];\n fromType = findDimensionValueType(from);\n for (var i = fromIndex; i < numKeyframes; i++) {\n if (!toType) {\n toType = findDimensionValueType(to[i]);\n invariant(toType === fromType ||\n (isNumOrPxType(fromType) && isNumOrPxType(toType)), \"Keyframes must be of the same dimension as the current value\");\n }\n else {\n invariant(findDimensionValueType(to[i]) === toType, \"All keyframes must be of the same type\");\n }\n }\n }\n else {\n toType = findDimensionValueType(to);\n }\n if (fromType !== toType) {\n // If they're both just number or px, convert them both to numbers rather than\n // relying on resize/remeasure to convert (which is wasteful in this situation)\n if (isNumOrPxType(fromType) && isNumOrPxType(toType)) {\n var current = value.get();\n if (typeof current === \"string\") {\n value.set(parseFloat(current));\n }\n if (typeof to === \"string\") {\n target[key] = parseFloat(to);\n }\n else if (Array.isArray(to) && toType === px) {\n target[key] = to.map(parseFloat);\n }\n }\n else if ((fromType === null || fromType === void 0 ? void 0 : fromType.transform) &&\n (toType === null || toType === void 0 ? void 0 : toType.transform) &&\n (from === 0 || to === 0)) {\n // If one or the other value is 0, it's safe to coerce it to the\n // type of the other without measurement\n if (from === 0) {\n value.set(toType.transform(from));\n }\n else {\n target[key] = fromType.transform(to);\n }\n }\n else {\n // If we're going to do value conversion via DOM measurements, we first\n // need to remove non-positional transform values that could affect the bbox measurements.\n if (!hasAttemptedToRemoveTransformValues) {\n removedTransformValues =\n removeNonTranslationalTransform(visualElement);\n hasAttemptedToRemoveTransformValues = true;\n }\n changedValueTypeKeys.push(key);\n transitionEnd[key] =\n transitionEnd[key] !== undefined\n ? transitionEnd[key]\n : target[key];\n setAndResetVelocity(value, to);\n }\n }\n });\n if (changedValueTypeKeys.length) {\n var convertedTarget = convertChangedValueTypes(target, visualElement, changedValueTypeKeys);\n // If we removed transform values, reapply them before the next render\n if (removedTransformValues.length) {\n removedTransformValues.forEach(function (_a) {\n var _b = __read(_a, 2), key = _b[0], value = _b[1];\n visualElement.getValue(key).set(value);\n });\n }\n // Reapply original values\n visualElement.syncRender();\n return { target: convertedTarget, transitionEnd: transitionEnd };\n }\n else {\n return { target: target, transitionEnd: transitionEnd };\n }\n};\n/**\n * Convert value types for x/y/width/height/top/left/bottom/right\n *\n * Allows animation between `'auto'` -> `'100%'` or `0` -> `'calc(50% - 10vw)'`\n *\n * @internal\n */\nfunction unitConversion(visualElement, target, origin, transitionEnd) {\n return hasPositionalKey(target)\n ? checkAndConvertChangedValueTypes(visualElement, target, origin, transitionEnd)\n : { target: target, transitionEnd: transitionEnd };\n}\n\nexport { BoundingBoxDimension, positionalValues, unitConversion };\n","import { resolveCSSVariables } from './css-variables-conversion.mjs';\nimport { unitConversion } from './unit-conversion.mjs';\n\n/**\n * Parse a DOM variant to make it animatable. This involves resolving CSS variables\n * and ensuring animations like \"20%\" => \"calc(50vw)\" are performed in pixels.\n */\nvar parseDomVariant = function (visualElement, target, origin, transitionEnd) {\n var resolved = resolveCSSVariables(visualElement, target, transitionEnd);\n target = resolved.target;\n transitionEnd = resolved.transitionEnd;\n return unitConversion(visualElement, target, origin, transitionEnd);\n};\n\nexport { parseDomVariant };\n","var scaleCorrectors = {};\nfunction addScaleCorrector(correctors) {\n Object.assign(scaleCorrectors, correctors);\n}\n\nexport { addScaleCorrector, scaleCorrectors };\n","import { scaleCorrectors } from '../../projection/styles/scale-correction.mjs';\nimport { isTransformProp, isTransformOriginProp } from '../../render/html/utils/transform.mjs';\n\nfunction isForcedMotionValue(key, _a) {\n var layout = _a.layout, layoutId = _a.layoutId;\n return (isTransformProp(key) ||\n isTransformOriginProp(key) ||\n ((layout || layoutId !== undefined) &&\n (!!scaleCorrectors[key] || key === \"opacity\")));\n}\n\nexport { isForcedMotionValue };\n","import { isForcedMotionValue } from '../../../motion/utils/is-forced-motion-value.mjs';\nimport { isMotionValue } from '../../../value/utils/is-motion-value.mjs';\n\nfunction scrapeMotionValuesFromProps(props) {\n var style = props.style;\n var newValues = {};\n for (var key in style) {\n if (isMotionValue(style[key]) || isForcedMotionValue(key, props)) {\n newValues[key] = style[key];\n }\n }\n return newValues;\n}\n\nexport { scrapeMotionValuesFromProps };\n","function renderHTML(element, _a, styleProp, projection) {\n var style = _a.style, vars = _a.vars;\n Object.assign(element.style, style, projection && projection.getProjectionStyles(styleProp));\n // Loop over any CSS variables and assign those.\n for (var key in vars) {\n element.style.setProperty(key, vars[key]);\n }\n}\n\nexport { renderHTML };\n","import { convertBoundingBoxToBox, transformBoxPoints } from '../geometry/conversion.mjs';\nimport { translateAxis } from '../geometry/delta-apply.mjs';\n\nfunction measureViewportBox(instance, transformPoint) {\n return convertBoundingBoxToBox(transformBoxPoints(instance.getBoundingClientRect(), transformPoint));\n}\nfunction measurePageBox(element, rootProjectionNode, transformPagePoint) {\n var viewportBox = measureViewportBox(element, transformPagePoint);\n var scroll = rootProjectionNode.scroll;\n if (scroll) {\n translateAxis(viewportBox.x, scroll.x);\n translateAxis(viewportBox.y, scroll.y);\n }\n return viewportBox;\n}\n\nexport { measurePageBox, measureViewportBox };\n","/**\n * Bounding boxes tend to be defined as top, left, right, bottom. For various operations\n * it's easier to consider each axis individually. This function returns a bounding box\n * as a map of single-axis min/max values.\n */\nfunction convertBoundingBoxToBox(_a) {\n var top = _a.top, left = _a.left, right = _a.right, bottom = _a.bottom;\n return {\n x: { min: left, max: right },\n y: { min: top, max: bottom },\n };\n}\nfunction convertBoxToBoundingBox(_a) {\n var x = _a.x, y = _a.y;\n return { top: y.min, right: x.max, bottom: y.max, left: x.min };\n}\n/**\n * Applies a TransformPoint function to a bounding box. TransformPoint is usually a function\n * provided by Framer to allow measured points to be corrected for device scaling. This is used\n * when measuring DOM elements and DOM event points.\n */\nfunction transformBoxPoints(point, transformPoint) {\n if (!transformPoint)\n return point;\n var topLeft = transformPoint({ x: point.left, y: point.top });\n var bottomRight = transformPoint({ x: point.right, y: point.bottom });\n return {\n top: topLeft.y,\n left: topLeft.x,\n bottom: bottomRight.y,\n right: bottomRight.x,\n };\n}\n\nexport { convertBoundingBoxToBox, convertBoxToBoundingBox, transformBoxPoints };\n","import { __rest, __assign } from 'tslib';\nimport { visualElement } from '../index.mjs';\nimport { getOrigin, checkTargetForNewValues } from '../utils/setters.mjs';\nimport { buildHTMLStyles } from './utils/build-styles.mjs';\nimport { isCSSVariable } from '../dom/utils/is-css-variable.mjs';\nimport { parseDomVariant } from '../dom/utils/parse-dom-variant.mjs';\nimport { isTransformProp } from './utils/transform.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { renderHTML } from './utils/render.mjs';\nimport { getDefaultValueType } from '../dom/value-types/defaults.mjs';\nimport { measureViewportBox } from '../../projection/utils/measure.mjs';\n\nfunction getComputedStyle(element) {\n return window.getComputedStyle(element);\n}\nvar htmlConfig = {\n treeType: \"dom\",\n readValueFromInstance: function (domElement, key) {\n if (isTransformProp(key)) {\n var defaultType = getDefaultValueType(key);\n return defaultType ? defaultType.default || 0 : 0;\n }\n else {\n var computedStyle = getComputedStyle(domElement);\n return ((isCSSVariable(key)\n ? computedStyle.getPropertyValue(key)\n : computedStyle[key]) || 0);\n }\n },\n sortNodePosition: function (a, b) {\n /**\n * compareDocumentPosition returns a bitmask, by using the bitwise &\n * we're returning true if 2 in that bitmask is set to true. 2 is set\n * to true if b preceeds a.\n */\n return a.compareDocumentPosition(b) & 2 ? 1 : -1;\n },\n getBaseTarget: function (props, key) {\n var _a;\n return (_a = props.style) === null || _a === void 0 ? void 0 : _a[key];\n },\n measureViewportBox: function (element, _a) {\n var transformPagePoint = _a.transformPagePoint;\n return measureViewportBox(element, transformPagePoint);\n },\n /**\n * Reset the transform on the current Element. This is called as part\n * of a batched process across the entire layout tree. To remove this write\n * cycle it'd be interesting to see if it's possible to \"undo\" all the current\n * layout transforms up the tree in the same way this.getBoundingBoxWithoutTransforms\n * works\n */\n resetTransform: function (element, domElement, props) {\n var transformTemplate = props.transformTemplate;\n domElement.style.transform = transformTemplate\n ? transformTemplate({}, \"\")\n : \"none\";\n // Ensure that whatever happens next, we restore our transform on the next frame\n element.scheduleRender();\n },\n restoreTransform: function (instance, mutableState) {\n instance.style.transform = mutableState.style.transform;\n },\n removeValueFromRenderState: function (key, _a) {\n var vars = _a.vars, style = _a.style;\n delete vars[key];\n delete style[key];\n },\n /**\n * Ensure that HTML and Framer-specific value types like `px`->`%` and `Color`\n * can be animated by Motion.\n */\n makeTargetAnimatable: function (element, _a, _b, isMounted) {\n var transformValues = _b.transformValues;\n if (isMounted === void 0) { isMounted = true; }\n var transition = _a.transition, transitionEnd = _a.transitionEnd, target = __rest(_a, [\"transition\", \"transitionEnd\"]);\n var origin = getOrigin(target, transition || {}, element);\n /**\n * If Framer has provided a function to convert `Color` etc value types, convert them\n */\n if (transformValues) {\n if (transitionEnd)\n transitionEnd = transformValues(transitionEnd);\n if (target)\n target = transformValues(target);\n if (origin)\n origin = transformValues(origin);\n }\n if (isMounted) {\n checkTargetForNewValues(element, target, origin);\n var parsed = parseDomVariant(element, target, origin, transitionEnd);\n transitionEnd = parsed.transitionEnd;\n target = parsed.target;\n }\n return __assign({ transition: transition, transitionEnd: transitionEnd }, target);\n },\n scrapeMotionValuesFromProps: scrapeMotionValuesFromProps,\n build: function (element, renderState, latestValues, options, props) {\n if (element.isVisible !== undefined) {\n renderState.style.visibility = element.isVisible\n ? \"visible\"\n : \"hidden\";\n }\n buildHTMLStyles(renderState, latestValues, options, props.transformTemplate);\n },\n render: renderHTML,\n};\nvar htmlVisualElement = visualElement(htmlConfig);\n\nexport { getComputedStyle, htmlConfig, htmlVisualElement };\n","import { px } from 'style-value-types';\n\nfunction calcOrigin(origin, offset, size) {\n return typeof origin === \"string\"\n ? origin\n : px.transform(offset + size * origin);\n}\n/**\n * The SVG transform origin defaults are different to CSS and is less intuitive,\n * so we use the measured dimensions of the SVG to reconcile these.\n */\nfunction calcSVGTransformOrigin(dimensions, originX, originY) {\n var pxOriginX = calcOrigin(originX, dimensions.x, dimensions.width);\n var pxOriginY = calcOrigin(originY, dimensions.y, dimensions.height);\n return \"\".concat(pxOriginX, \" \").concat(pxOriginY);\n}\n\nexport { calcSVGTransformOrigin };\n","import { px } from 'style-value-types';\n\nvar dashKeys = {\n offset: \"stroke-dashoffset\",\n array: \"stroke-dasharray\",\n};\nvar camelKeys = {\n offset: \"strokeDashoffset\",\n array: \"strokeDasharray\",\n};\n/**\n * Build SVG path properties. Uses the path's measured length to convert\n * our custom pathLength, pathSpacing and pathOffset into stroke-dashoffset\n * and stroke-dasharray attributes.\n *\n * This function is mutative to reduce per-frame GC.\n */\nfunction buildSVGPath(attrs, length, spacing, offset, useDashCase) {\n if (spacing === void 0) { spacing = 1; }\n if (offset === void 0) { offset = 0; }\n if (useDashCase === void 0) { useDashCase = true; }\n // Normalise path length by setting SVG attribute pathLength to 1\n attrs.pathLength = 1;\n // We use dash case when setting attributes directly to the DOM node and camel case\n // when defining props on a React component.\n var keys = useDashCase ? dashKeys : camelKeys;\n // Build the dash offset\n attrs[keys.offset] = px.transform(-offset);\n // Build the dash array\n var pathLength = px.transform(length);\n var pathSpacing = px.transform(spacing);\n attrs[keys.array] = \"\".concat(pathLength, \" \").concat(pathSpacing);\n}\n\nexport { buildSVGPath };\n","import { __rest } from 'tslib';\nimport { buildHTMLStyles } from '../../html/utils/build-styles.mjs';\nimport { calcSVGTransformOrigin } from './transform-origin.mjs';\nimport { buildSVGPath } from './path.mjs';\n\n/**\n * Build SVG visual attrbutes, like cx and style.transform\n */\nfunction buildSVGAttrs(state, _a, options, transformTemplate) {\n var attrX = _a.attrX, attrY = _a.attrY, originX = _a.originX, originY = _a.originY, pathLength = _a.pathLength, _b = _a.pathSpacing, pathSpacing = _b === void 0 ? 1 : _b, _c = _a.pathOffset, pathOffset = _c === void 0 ? 0 : _c, \n // This is object creation, which we try to avoid per-frame.\n latest = __rest(_a, [\"attrX\", \"attrY\", \"originX\", \"originY\", \"pathLength\", \"pathSpacing\", \"pathOffset\"]);\n buildHTMLStyles(state, latest, options, transformTemplate);\n state.attrs = state.style;\n state.style = {};\n var attrs = state.attrs, style = state.style, dimensions = state.dimensions;\n /**\n * However, we apply transforms as CSS transforms. So if we detect a transform we take it from attrs\n * and copy it into style.\n */\n if (attrs.transform) {\n if (dimensions)\n style.transform = attrs.transform;\n delete attrs.transform;\n }\n // Parse transformOrigin\n if (dimensions &&\n (originX !== undefined || originY !== undefined || style.transform)) {\n style.transformOrigin = calcSVGTransformOrigin(dimensions, originX !== undefined ? originX : 0.5, originY !== undefined ? originY : 0.5);\n }\n // Treat x/y not as shortcuts but as actual attributes\n if (attrX !== undefined)\n attrs.x = attrX;\n if (attrY !== undefined)\n attrs.y = attrY;\n // Build SVG path if one has been defined\n if (pathLength !== undefined) {\n buildSVGPath(attrs, pathLength, pathSpacing, pathOffset, false);\n }\n}\n\nexport { buildSVGAttrs };\n","var CAMEL_CASE_PATTERN = /([a-z])([A-Z])/g;\nvar REPLACE_TEMPLATE = \"$1-$2\";\n/**\n * Convert camelCase to dash-case properties.\n */\nvar camelToDash = function (str) {\n return str.replace(CAMEL_CASE_PATTERN, REPLACE_TEMPLATE).toLowerCase();\n};\n\nexport { camelToDash };\n","/**\n * A set of attribute names that are always read/written as camel case.\n */\nvar camelCaseAttributes = new Set([\n \"baseFrequency\",\n \"diffuseConstant\",\n \"kernelMatrix\",\n \"kernelUnitLength\",\n \"keySplines\",\n \"keyTimes\",\n \"limitingConeAngle\",\n \"markerHeight\",\n \"markerWidth\",\n \"numOctaves\",\n \"targetX\",\n \"targetY\",\n \"surfaceScale\",\n \"specularConstant\",\n \"specularExponent\",\n \"stdDeviation\",\n \"tableValues\",\n \"viewBox\",\n \"gradientTransform\",\n \"pathLength\",\n]);\n\nexport { camelCaseAttributes };\n","import { __assign } from 'tslib';\nimport { visualElement } from '../index.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { htmlConfig } from '../html/visual-element.mjs';\nimport { buildSVGAttrs } from './utils/build-attrs.mjs';\nimport { camelToDash } from '../dom/utils/camel-to-dash.mjs';\nimport { camelCaseAttributes } from './utils/camel-case-attrs.mjs';\nimport { isTransformProp } from '../html/utils/transform.mjs';\nimport { renderSVG } from './utils/render.mjs';\nimport { getDefaultValueType } from '../dom/value-types/defaults.mjs';\n\nvar svgVisualElement = visualElement(__assign(__assign({}, htmlConfig), { getBaseTarget: function (props, key) {\n return props[key];\n }, readValueFromInstance: function (domElement, key) {\n var _a;\n if (isTransformProp(key)) {\n return ((_a = getDefaultValueType(key)) === null || _a === void 0 ? void 0 : _a.default) || 0;\n }\n key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;\n return domElement.getAttribute(key);\n }, scrapeMotionValuesFromProps: scrapeMotionValuesFromProps, build: function (_element, renderState, latestValues, options, props) {\n buildSVGAttrs(renderState, latestValues, options, props.transformTemplate);\n }, render: renderSVG }));\n\nexport { svgVisualElement };\n","import { isMotionValue } from '../../../value/utils/is-motion-value.mjs';\nimport { scrapeMotionValuesFromProps as scrapeMotionValuesFromProps$1 } from '../../html/utils/scrape-motion-values.mjs';\n\nfunction scrapeMotionValuesFromProps(props) {\n var newValues = scrapeMotionValuesFromProps$1(props);\n for (var key in props) {\n if (isMotionValue(props[key])) {\n var targetKey = key === \"x\" || key === \"y\" ? \"attr\" + key.toUpperCase() : key;\n newValues[targetKey] = props[key];\n }\n }\n return newValues;\n}\n\nexport { scrapeMotionValuesFromProps };\n","import { camelToDash } from '../../dom/utils/camel-to-dash.mjs';\nimport { renderHTML } from '../../html/utils/render.mjs';\nimport { camelCaseAttributes } from './camel-case-attrs.mjs';\n\nfunction renderSVG(element, renderState) {\n renderHTML(element, renderState);\n for (var key in renderState.attrs) {\n element.setAttribute(!camelCaseAttributes.has(key) ? camelToDash(key) : key, renderState.attrs[key]);\n }\n}\n\nexport { renderSVG };\n","/**\n * We keep these listed seperately as we use the lowercase tag names as part\n * of the runtime bundle to detect SVG components\n */\nvar lowercaseSVGElements = [\n \"animate\",\n \"circle\",\n \"defs\",\n \"desc\",\n \"ellipse\",\n \"g\",\n \"image\",\n \"line\",\n \"filter\",\n \"marker\",\n \"mask\",\n \"metadata\",\n \"path\",\n \"pattern\",\n \"polygon\",\n \"polyline\",\n \"rect\",\n \"stop\",\n \"svg\",\n \"switch\",\n \"symbol\",\n \"text\",\n \"tspan\",\n \"use\",\n \"view\",\n];\n\nexport { lowercaseSVGElements };\n","import { __assign } from 'tslib';\nimport { animations } from '../../motion/features/animations.mjs';\nimport { gestureAnimations } from '../../motion/features/gestures.mjs';\nimport { createDomVisualElement } from './create-visual-element.mjs';\n\n/**\n * @public\n */\nvar domAnimation = __assign(__assign({ renderer: createDomVisualElement }, animations), gestureAnimations);\n\nexport { domAnimation };\n","import { htmlVisualElement } from '../html/visual-element.mjs';\nimport { svgVisualElement } from '../svg/visual-element.mjs';\nimport { isSVGComponent } from './utils/is-svg-component.mjs';\n\nvar createDomVisualElement = function (Component, options) {\n return isSVGComponent(Component)\n ? svgVisualElement(options, { enableHardwareAcceleration: false })\n : htmlVisualElement(options, { enableHardwareAcceleration: true });\n};\n\nexport { createDomVisualElement };\n","import { lowercaseSVGElements } from '../../svg/lowercase-elements.mjs';\n\nfunction isSVGComponent(Component) {\n if (\n /**\n * If it's not a string, it's a custom React component. Currently we only support\n * HTML custom React components.\n */\n typeof Component !== \"string\" ||\n /**\n * If it contains a dash, the element is a custom HTML webcomponent.\n */\n Component.includes(\"-\")) {\n return false;\n }\n else if (\n /**\n * If it's in our list of lowercase SVG tags, it's an SVG component\n */\n lowercaseSVGElements.indexOf(Component) > -1 ||\n /**\n * If it contains a capital letter, it's an SVG component\n */\n /[A-Z]/.test(Component)) {\n return true;\n }\n return false;\n}\n\nexport { isSVGComponent };\n","export default function _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}","/*\n\nBased off glamor's StyleSheet, thanks Sunil ❤️\n\nhigh performance StyleSheet for css-in-js systems\n\n- uses multiple style tags behind the scenes for millions of rules\n- uses `insertRule` for appending in production for *much* faster performance\n\n// usage\n\nimport { StyleSheet } from '@emotion/sheet'\n\nlet styleSheet = new StyleSheet({ key: '', container: document.head })\n\nstyleSheet.insert('#box { border: 1px solid red; }')\n- appends a css rule into the stylesheet\n\nstyleSheet.flush()\n- empties the stylesheet of all its contents\n\n*/\n// $FlowFixMe\nfunction sheetForTag(tag) {\n if (tag.sheet) {\n // $FlowFixMe\n return tag.sheet;\n } // this weirdness brought to you by firefox\n\n /* istanbul ignore next */\n\n\n for (var i = 0; i < document.styleSheets.length; i++) {\n if (document.styleSheets[i].ownerNode === tag) {\n // $FlowFixMe\n return document.styleSheets[i];\n }\n }\n}\n\nfunction createStyleElement(options) {\n var tag = document.createElement('style');\n tag.setAttribute('data-emotion', options.key);\n\n if (options.nonce !== undefined) {\n tag.setAttribute('nonce', options.nonce);\n }\n\n tag.appendChild(document.createTextNode(''));\n tag.setAttribute('data-s', '');\n return tag;\n}\n\nvar StyleSheet = /*#__PURE__*/function () {\n function StyleSheet(options) {\n var _this = this;\n\n this._insertTag = function (tag) {\n var before;\n\n if (_this.tags.length === 0) {\n if (_this.insertionPoint) {\n before = _this.insertionPoint.nextSibling;\n } else if (_this.prepend) {\n before = _this.container.firstChild;\n } else {\n before = _this.before;\n }\n } else {\n before = _this.tags[_this.tags.length - 1].nextSibling;\n }\n\n _this.container.insertBefore(tag, before);\n\n _this.tags.push(tag);\n };\n\n this.isSpeedy = options.speedy === undefined ? process.env.NODE_ENV === 'production' : options.speedy;\n this.tags = [];\n this.ctr = 0;\n this.nonce = options.nonce; // key is the value of the data-emotion attribute, it's used to identify different sheets\n\n this.key = options.key;\n this.container = options.container;\n this.prepend = options.prepend;\n this.insertionPoint = options.insertionPoint;\n this.before = null;\n }\n\n var _proto = StyleSheet.prototype;\n\n _proto.hydrate = function hydrate(nodes) {\n nodes.forEach(this._insertTag);\n };\n\n _proto.insert = function insert(rule) {\n // the max length is how many rules we have per style tag, it's 65000 in speedy mode\n // it's 1 in dev because we insert source maps that map a single rule to a location\n // and you can only have one source map per style tag\n if (this.ctr % (this.isSpeedy ? 65000 : 1) === 0) {\n this._insertTag(createStyleElement(this));\n }\n\n var tag = this.tags[this.tags.length - 1];\n\n if (process.env.NODE_ENV !== 'production') {\n var isImportRule = rule.charCodeAt(0) === 64 && rule.charCodeAt(1) === 105;\n\n if (isImportRule && this._alreadyInsertedOrderInsensitiveRule) {\n // this would only cause problem in speedy mode\n // but we don't want enabling speedy to affect the observable behavior\n // so we report this error at all times\n console.error(\"You're attempting to insert the following rule:\\n\" + rule + '\\n\\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules.');\n }\n this._alreadyInsertedOrderInsensitiveRule = this._alreadyInsertedOrderInsensitiveRule || !isImportRule;\n }\n\n if (this.isSpeedy) {\n var sheet = sheetForTag(tag);\n\n try {\n // this is the ultrafast version, works across browsers\n // the big drawback is that the css won't be editable in devtools\n sheet.insertRule(rule, sheet.cssRules.length);\n } catch (e) {\n if (process.env.NODE_ENV !== 'production' && !/:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear){/.test(rule)) {\n console.error(\"There was a problem inserting the following rule: \\\"\" + rule + \"\\\"\", e);\n }\n }\n } else {\n tag.appendChild(document.createTextNode(rule));\n }\n\n this.ctr++;\n };\n\n _proto.flush = function flush() {\n // $FlowFixMe\n this.tags.forEach(function (tag) {\n return tag.parentNode && tag.parentNode.removeChild(tag);\n });\n this.tags = [];\n this.ctr = 0;\n\n if (process.env.NODE_ENV !== 'production') {\n this._alreadyInsertedOrderInsensitiveRule = false;\n }\n };\n\n return StyleSheet;\n}();\n\nexport { StyleSheet };\n","/**\n * @param {number}\n * @return {number}\n */\nexport var abs = Math.abs\n\n/**\n * @param {number}\n * @return {string}\n */\nexport var from = String.fromCharCode\n\n/**\n * @param {object}\n * @return {object}\n */\nexport var assign = Object.assign\n\n/**\n * @param {string} value\n * @param {number} length\n * @return {number}\n */\nexport function hash (value, length) {\n\treturn (((((((length << 2) ^ charat(value, 0)) << 2) ^ charat(value, 1)) << 2) ^ charat(value, 2)) << 2) ^ charat(value, 3)\n}\n\n/**\n * @param {string} value\n * @return {string}\n */\nexport function trim (value) {\n\treturn value.trim()\n}\n\n/**\n * @param {string} value\n * @param {RegExp} pattern\n * @return {string?}\n */\nexport function match (value, pattern) {\n\treturn (value = pattern.exec(value)) ? value[0] : value\n}\n\n/**\n * @param {string} value\n * @param {(string|RegExp)} pattern\n * @param {string} replacement\n * @return {string}\n */\nexport function replace (value, pattern, replacement) {\n\treturn value.replace(pattern, replacement)\n}\n\n/**\n * @param {string} value\n * @param {string} search\n * @return {number}\n */\nexport function indexof (value, search) {\n\treturn value.indexOf(search)\n}\n\n/**\n * @param {string} value\n * @param {number} index\n * @return {number}\n */\nexport function charat (value, index) {\n\treturn value.charCodeAt(index) | 0\n}\n\n/**\n * @param {string} value\n * @param {number} begin\n * @param {number} end\n * @return {string}\n */\nexport function substr (value, begin, end) {\n\treturn value.slice(begin, end)\n}\n\n/**\n * @param {string} value\n * @return {number}\n */\nexport function strlen (value) {\n\treturn value.length\n}\n\n/**\n * @param {any[]} value\n * @return {number}\n */\nexport function sizeof (value) {\n\treturn value.length\n}\n\n/**\n * @param {any} value\n * @param {any[]} array\n * @return {any}\n */\nexport function append (value, array) {\n\treturn array.push(value), value\n}\n\n/**\n * @param {string[]} array\n * @param {function} callback\n * @return {string}\n */\nexport function combine (array, callback) {\n\treturn array.map(callback).join('')\n}\n","import {from, trim, charat, strlen, substr, append, assign} from './Utility.js'\n\nexport var line = 1\nexport var column = 1\nexport var length = 0\nexport var position = 0\nexport var character = 0\nexport var characters = ''\n\n/**\n * @param {string} value\n * @param {object | null} root\n * @param {object | null} parent\n * @param {string} type\n * @param {string[] | string} props\n * @param {object[] | string} children\n * @param {number} length\n */\nexport function node (value, root, parent, type, props, children, length) {\n\treturn {value: value, root: root, parent: parent, type: type, props: props, children: children, line: line, column: column, length: length, return: ''}\n}\n\n/**\n * @param {object} root\n * @param {object} props\n * @return {object}\n */\nexport function copy (root, props) {\n\treturn assign(node('', null, null, '', null, null, 0), root, {length: -root.length}, props)\n}\n\n/**\n * @return {number}\n */\nexport function char () {\n\treturn character\n}\n\n/**\n * @return {number}\n */\nexport function prev () {\n\tcharacter = position > 0 ? charat(characters, --position) : 0\n\n\tif (column--, character === 10)\n\t\tcolumn = 1, line--\n\n\treturn character\n}\n\n/**\n * @return {number}\n */\nexport function next () {\n\tcharacter = position < length ? charat(characters, position++) : 0\n\n\tif (column++, character === 10)\n\t\tcolumn = 1, line++\n\n\treturn character\n}\n\n/**\n * @return {number}\n */\nexport function peek () {\n\treturn charat(characters, position)\n}\n\n/**\n * @return {number}\n */\nexport function caret () {\n\treturn position\n}\n\n/**\n * @param {number} begin\n * @param {number} end\n * @return {string}\n */\nexport function slice (begin, end) {\n\treturn substr(characters, begin, end)\n}\n\n/**\n * @param {number} type\n * @return {number}\n */\nexport function token (type) {\n\tswitch (type) {\n\t\t// \\0 \\t \\n \\r \\s whitespace token\n\t\tcase 0: case 9: case 10: case 13: case 32:\n\t\t\treturn 5\n\t\t// ! + , / > @ ~ isolate token\n\t\tcase 33: case 43: case 44: case 47: case 62: case 64: case 126:\n\t\t// ; { } breakpoint token\n\t\tcase 59: case 123: case 125:\n\t\t\treturn 4\n\t\t// : accompanied token\n\t\tcase 58:\n\t\t\treturn 3\n\t\t// \" ' ( [ opening delimit token\n\t\tcase 34: case 39: case 40: case 91:\n\t\t\treturn 2\n\t\t// ) ] closing delimit token\n\t\tcase 41: case 93:\n\t\t\treturn 1\n\t}\n\n\treturn 0\n}\n\n/**\n * @param {string} value\n * @return {any[]}\n */\nexport function alloc (value) {\n\treturn line = column = 1, length = strlen(characters = value), position = 0, []\n}\n\n/**\n * @param {any} value\n * @return {any}\n */\nexport function dealloc (value) {\n\treturn characters = '', value\n}\n\n/**\n * @param {number} type\n * @return {string}\n */\nexport function delimit (type) {\n\treturn trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)))\n}\n\n/**\n * @param {string} value\n * @return {string[]}\n */\nexport function tokenize (value) {\n\treturn dealloc(tokenizer(alloc(value)))\n}\n\n/**\n * @param {number} type\n * @return {string}\n */\nexport function whitespace (type) {\n\twhile (character = peek())\n\t\tif (character < 33)\n\t\t\tnext()\n\t\telse\n\t\t\tbreak\n\n\treturn token(type) > 2 || token(character) > 3 ? '' : ' '\n}\n\n/**\n * @param {string[]} children\n * @return {string[]}\n */\nexport function tokenizer (children) {\n\twhile (next())\n\t\tswitch (token(character)) {\n\t\t\tcase 0: append(identifier(position - 1), children)\n\t\t\t\tbreak\n\t\t\tcase 2: append(delimit(character), children)\n\t\t\t\tbreak\n\t\t\tdefault: append(from(character), children)\n\t\t}\n\n\treturn children\n}\n\n/**\n * @param {number} index\n * @param {number} count\n * @return {string}\n */\nexport function escaping (index, count) {\n\twhile (--count && next())\n\t\t// not 0-9 A-F a-f\n\t\tif (character < 48 || character > 102 || (character > 57 && character < 65) || (character > 70 && character < 97))\n\t\t\tbreak\n\n\treturn slice(index, caret() + (count < 6 && peek() == 32 && next() == 32))\n}\n\n/**\n * @param {number} type\n * @return {number}\n */\nexport function delimiter (type) {\n\twhile (next())\n\t\tswitch (character) {\n\t\t\t// ] ) \" '\n\t\t\tcase type:\n\t\t\t\treturn position\n\t\t\t// \" '\n\t\t\tcase 34: case 39:\n\t\t\t\tif (type !== 34 && type !== 39)\n\t\t\t\t\tdelimiter(character)\n\t\t\t\tbreak\n\t\t\t// (\n\t\t\tcase 40:\n\t\t\t\tif (type === 41)\n\t\t\t\t\tdelimiter(type)\n\t\t\t\tbreak\n\t\t\t// \\\n\t\t\tcase 92:\n\t\t\t\tnext()\n\t\t\t\tbreak\n\t\t}\n\n\treturn position\n}\n\n/**\n * @param {number} type\n * @param {number} index\n * @return {number}\n */\nexport function commenter (type, index) {\n\twhile (next())\n\t\t// //\n\t\tif (type + character === 47 + 10)\n\t\t\tbreak\n\t\t// /*\n\t\telse if (type + character === 42 + 42 && peek() === 47)\n\t\t\tbreak\n\n\treturn '/*' + slice(index, position - 1) + '*' + from(type === 47 ? type : next())\n}\n\n/**\n * @param {number} index\n * @return {string}\n */\nexport function identifier (index) {\n\twhile (!token(peek()))\n\t\tnext()\n\n\treturn slice(index, position)\n}\n","export var MS = '-ms-'\nexport var MOZ = '-moz-'\nexport var WEBKIT = '-webkit-'\n\nexport var COMMENT = 'comm'\nexport var RULESET = 'rule'\nexport var DECLARATION = 'decl'\n\nexport var PAGE = '@page'\nexport var MEDIA = '@media'\nexport var IMPORT = '@import'\nexport var CHARSET = '@charset'\nexport var VIEWPORT = '@viewport'\nexport var SUPPORTS = '@supports'\nexport var DOCUMENT = '@document'\nexport var NAMESPACE = '@namespace'\nexport var KEYFRAMES = '@keyframes'\nexport var FONT_FACE = '@font-face'\nexport var COUNTER_STYLE = '@counter-style'\nexport var FONT_FEATURE_VALUES = '@font-feature-values'\n","import {IMPORT, COMMENT, RULESET, DECLARATION, KEYFRAMES} from './Enum.js'\nimport {strlen, sizeof} from './Utility.js'\n\n/**\n * @param {object[]} children\n * @param {function} callback\n * @return {string}\n */\nexport function serialize (children, callback) {\n\tvar output = ''\n\tvar length = sizeof(children)\n\n\tfor (var i = 0; i < length; i++)\n\t\toutput += callback(children[i], i, children, callback) || ''\n\n\treturn output\n}\n\n/**\n * @param {object} element\n * @param {number} index\n * @param {object[]} children\n * @param {function} callback\n * @return {string}\n */\nexport function stringify (element, index, children, callback) {\n\tswitch (element.type) {\n\t\tcase IMPORT: case DECLARATION: return element.return = element.return || element.value\n\t\tcase COMMENT: return ''\n\t\tcase KEYFRAMES: return element.return = element.value + '{' + serialize(element.children, callback) + '}'\n\t\tcase RULESET: element.value = element.props.join(',')\n\t}\n\n\treturn strlen(children = serialize(element.children, callback)) ? element.return = element.value + '{' + children + '}' : ''\n}\n","import {MS, MOZ, WEBKIT} from './Enum.js'\nimport {hash, charat, strlen, indexof, replace} from './Utility.js'\n\n/**\n * @param {string} value\n * @param {number} length\n * @return {string}\n */\nexport function prefix (value, length) {\n\tswitch (hash(value, length)) {\n\t\t// color-adjust\n\t\tcase 5103:\n\t\t\treturn WEBKIT + 'print-' + value + value\n\t\t// animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)\n\t\tcase 5737: case 4201: case 3177: case 3433: case 1641: case 4457: case 2921:\n\t\t// text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break\n\t\tcase 5572: case 6356: case 5844: case 3191: case 6645: case 3005:\n\t\t// mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,\n\t\tcase 6391: case 5879: case 5623: case 6135: case 4599: case 4855:\n\t\t// background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)\n\t\tcase 4215: case 6389: case 5109: case 5365: case 5621: case 3829:\n\t\t\treturn WEBKIT + value + value\n\t\t// appearance, user-select, transform, hyphens, text-size-adjust\n\t\tcase 5349: case 4246: case 4810: case 6968: case 2756:\n\t\t\treturn WEBKIT + value + MOZ + value + MS + value + value\n\t\t// flex, flex-direction\n\t\tcase 6828: case 4268:\n\t\t\treturn WEBKIT + value + MS + value + value\n\t\t// order\n\t\tcase 6165:\n\t\t\treturn WEBKIT + value + MS + 'flex-' + value + value\n\t\t// align-items\n\t\tcase 5187:\n\t\t\treturn WEBKIT + value + replace(value, /(\\w+).+(:[^]+)/, WEBKIT + 'box-$1$2' + MS + 'flex-$1$2') + value\n\t\t// align-self\n\t\tcase 5443:\n\t\t\treturn WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/, '') + value\n\t\t// align-content\n\t\tcase 4675:\n\t\t\treturn WEBKIT + value + MS + 'flex-line-pack' + replace(value, /align-content|flex-|-self/, '') + value\n\t\t// flex-shrink\n\t\tcase 5548:\n\t\t\treturn WEBKIT + value + MS + replace(value, 'shrink', 'negative') + value\n\t\t// flex-basis\n\t\tcase 5292:\n\t\t\treturn WEBKIT + value + MS + replace(value, 'basis', 'preferred-size') + value\n\t\t// flex-grow\n\t\tcase 6060:\n\t\t\treturn WEBKIT + 'box-' + replace(value, '-grow', '') + WEBKIT + value + MS + replace(value, 'grow', 'positive') + value\n\t\t// transition\n\t\tcase 4554:\n\t\t\treturn WEBKIT + replace(value, /([^-])(transform)/g, '$1' + WEBKIT + '$2') + value\n\t\t// cursor\n\t\tcase 6187:\n\t\t\treturn replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + '$1'), /(image-set)/, WEBKIT + '$1'), value, '') + value\n\t\t// background, background-image\n\t\tcase 5495: case 3959:\n\t\t\treturn replace(value, /(image-set\\([^]*)/, WEBKIT + '$1' + '$`$1')\n\t\t// justify-content\n\t\tcase 4968:\n\t\t\treturn replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + 'box-pack:$3' + MS + 'flex-pack:$3'), /s.+-b[^;]+/, 'justify') + WEBKIT + value + value\n\t\t// (margin|padding)-inline-(start|end)\n\t\tcase 4095: case 3583: case 4068: case 2532:\n\t\t\treturn replace(value, /(.+)-inline(.+)/, WEBKIT + '$1$2') + value\n\t\t// (min|max)?(width|height|inline-size|block-size)\n\t\tcase 8116: case 7059: case 5753: case 5535:\n\t\tcase 5445: case 5701: case 4933: case 4677:\n\t\tcase 5533: case 5789: case 5021: case 4765:\n\t\t\t// stretch, max-content, min-content, fill-available\n\t\t\tif (strlen(value) - 1 - length > 6)\n\t\t\t\tswitch (charat(value, length + 1)) {\n\t\t\t\t\t// (m)ax-content, (m)in-content\n\t\t\t\t\tcase 109:\n\t\t\t\t\t\t// -\n\t\t\t\t\t\tif (charat(value, length + 4) !== 45)\n\t\t\t\t\t\t\tbreak\n\t\t\t\t\t// (f)ill-available, (f)it-content\n\t\t\t\t\tcase 102:\n\t\t\t\t\t\treturn replace(value, /(.+:)(.+)-([^]+)/, '$1' + WEBKIT + '$2-$3' + '$1' + MOZ + (charat(value, length + 3) == 108 ? '$3' : '$2-$3')) + value\n\t\t\t\t\t// (s)tretch\n\t\t\t\t\tcase 115:\n\t\t\t\t\t\treturn ~indexof(value, 'stretch') ? prefix(replace(value, 'stretch', 'fill-available'), length) + value : value\n\t\t\t\t}\n\t\t\tbreak\n\t\t// position: sticky\n\t\tcase 4949:\n\t\t\t// (s)ticky?\n\t\t\tif (charat(value, length + 1) !== 115)\n\t\t\t\tbreak\n\t\t// display: (flex|inline-flex)\n\t\tcase 6444:\n\t\t\tswitch (charat(value, strlen(value) - 3 - (~indexof(value, '!important') && 10))) {\n\t\t\t\t// stic(k)y\n\t\t\t\tcase 107:\n\t\t\t\t\treturn replace(value, ':', ':' + WEBKIT) + value\n\t\t\t\t// (inline-)?fl(e)x\n\t\t\t\tcase 101:\n\t\t\t\t\treturn replace(value, /(.+:)([^;!]+)(;|!.+)?/, '$1' + WEBKIT + (charat(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + WEBKIT + '$2$3' + '$1' + MS + '$2box$3') + value\n\t\t\t}\n\t\t\tbreak\n\t\t// writing-mode\n\t\tcase 5936:\n\t\t\tswitch (charat(value, length + 11)) {\n\t\t\t\t// vertical-l(r)\n\t\t\t\tcase 114:\n\t\t\t\t\treturn WEBKIT + value + MS + replace(value, /[svh]\\w+-[tblr]{2}/, 'tb') + value\n\t\t\t\t// vertical-r(l)\n\t\t\t\tcase 108:\n\t\t\t\t\treturn WEBKIT + value + MS + replace(value, /[svh]\\w+-[tblr]{2}/, 'tb-rl') + value\n\t\t\t\t// horizontal(-)tb\n\t\t\t\tcase 45:\n\t\t\t\t\treturn WEBKIT + value + MS + replace(value, /[svh]\\w+-[tblr]{2}/, 'lr') + value\n\t\t\t}\n\n\t\t\treturn WEBKIT + value + MS + value + value\n\t}\n\n\treturn value\n}\n","import {COMMENT, RULESET, DECLARATION} from './Enum.js'\nimport {abs, trim, from, sizeof, strlen, substr, append, replace, indexof} from './Utility.js'\nimport {node, char, prev, next, peek, caret, alloc, dealloc, delimit, whitespace, escaping, identifier, commenter} from './Tokenizer.js'\n\n/**\n * @param {string} value\n * @return {object[]}\n */\nexport function compile (value) {\n\treturn dealloc(parse('', null, null, null, [''], value = alloc(value), 0, [0], value))\n}\n\n/**\n * @param {string} value\n * @param {object} root\n * @param {object?} parent\n * @param {string[]} rule\n * @param {string[]} rules\n * @param {string[]} rulesets\n * @param {number[]} pseudo\n * @param {number[]} points\n * @param {string[]} declarations\n * @return {object}\n */\nexport function parse (value, root, parent, rule, rules, rulesets, pseudo, points, declarations) {\n\tvar index = 0\n\tvar offset = 0\n\tvar length = pseudo\n\tvar atrule = 0\n\tvar property = 0\n\tvar previous = 0\n\tvar variable = 1\n\tvar scanning = 1\n\tvar ampersand = 1\n\tvar character = 0\n\tvar type = ''\n\tvar props = rules\n\tvar children = rulesets\n\tvar reference = rule\n\tvar characters = type\n\n\twhile (scanning)\n\t\tswitch (previous = character, character = next()) {\n\t\t\t// (\n\t\t\tcase 40:\n\t\t\t\tif (previous != 108 && characters.charCodeAt(length - 1) == 58) {\n\t\t\t\t\tif (indexof(characters += replace(delimit(character), '&', '&\\f'), '&\\f') != -1)\n\t\t\t\t\t\tampersand = -1\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t// \" ' [\n\t\t\tcase 34: case 39: case 91:\n\t\t\t\tcharacters += delimit(character)\n\t\t\t\tbreak\n\t\t\t// \\t \\n \\r \\s\n\t\t\tcase 9: case 10: case 13: case 32:\n\t\t\t\tcharacters += whitespace(previous)\n\t\t\t\tbreak\n\t\t\t// \\\n\t\t\tcase 92:\n\t\t\t\tcharacters += escaping(caret() - 1, 7)\n\t\t\t\tcontinue\n\t\t\t// /\n\t\t\tcase 47:\n\t\t\t\tswitch (peek()) {\n\t\t\t\t\tcase 42: case 47:\n\t\t\t\t\t\tappend(comment(commenter(next(), caret()), root, parent), declarations)\n\t\t\t\t\t\tbreak\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tcharacters += '/'\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\t// {\n\t\t\tcase 123 * variable:\n\t\t\t\tpoints[index++] = strlen(characters) * ampersand\n\t\t\t// } ; \\0\n\t\t\tcase 125 * variable: case 59: case 0:\n\t\t\t\tswitch (character) {\n\t\t\t\t\t// \\0 }\n\t\t\t\t\tcase 0: case 125: scanning = 0\n\t\t\t\t\t// ;\n\t\t\t\t\tcase 59 + offset:\n\t\t\t\t\t\tif (property > 0 && (strlen(characters) - length))\n\t\t\t\t\t\t\tappend(property > 32 ? declaration(characters + ';', rule, parent, length - 1) : declaration(replace(characters, ' ', '') + ';', rule, parent, length - 2), declarations)\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// @ ;\n\t\t\t\t\tcase 59: characters += ';'\n\t\t\t\t\t// { rule/at-rule\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tappend(reference = ruleset(characters, root, parent, index, offset, rules, points, type, props = [], children = [], length), rulesets)\n\n\t\t\t\t\t\tif (character === 123)\n\t\t\t\t\t\t\tif (offset === 0)\n\t\t\t\t\t\t\t\tparse(characters, root, reference, reference, props, rulesets, length, points, children)\n\t\t\t\t\t\t\telse\n\t\t\t\t\t\t\t\tswitch (atrule) {\n\t\t\t\t\t\t\t\t\t// d m s\n\t\t\t\t\t\t\t\t\tcase 100: case 109: case 115:\n\t\t\t\t\t\t\t\t\t\tparse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length), children), rules, children, length, points, rule ? props : children)\n\t\t\t\t\t\t\t\t\t\tbreak\n\t\t\t\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\t\t\t\tparse(characters, reference, reference, reference, [''], children, 0, points, children)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tindex = offset = property = 0, variable = ampersand = 1, type = characters = '', length = pseudo\n\t\t\t\tbreak\n\t\t\t// :\n\t\t\tcase 58:\n\t\t\t\tlength = 1 + strlen(characters), property = previous\n\t\t\tdefault:\n\t\t\t\tif (variable < 1)\n\t\t\t\t\tif (character == 123)\n\t\t\t\t\t\t--variable\n\t\t\t\t\telse if (character == 125 && variable++ == 0 && prev() == 125)\n\t\t\t\t\t\tcontinue\n\n\t\t\t\tswitch (characters += from(character), character * variable) {\n\t\t\t\t\t// &\n\t\t\t\t\tcase 38:\n\t\t\t\t\t\tampersand = offset > 0 ? 1 : (characters += '\\f', -1)\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// ,\n\t\t\t\t\tcase 44:\n\t\t\t\t\t\tpoints[index++] = (strlen(characters) - 1) * ampersand, ampersand = 1\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// @\n\t\t\t\t\tcase 64:\n\t\t\t\t\t\t// -\n\t\t\t\t\t\tif (peek() === 45)\n\t\t\t\t\t\t\tcharacters += delimit(next())\n\n\t\t\t\t\t\tatrule = peek(), offset = length = strlen(type = characters += identifier(caret())), character++\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// -\n\t\t\t\t\tcase 45:\n\t\t\t\t\t\tif (previous === 45 && strlen(characters) == 2)\n\t\t\t\t\t\t\tvariable = 0\n\t\t\t\t}\n\t\t}\n\n\treturn rulesets\n}\n\n/**\n * @param {string} value\n * @param {object} root\n * @param {object?} parent\n * @param {number} index\n * @param {number} offset\n * @param {string[]} rules\n * @param {number[]} points\n * @param {string} type\n * @param {string[]} props\n * @param {string[]} children\n * @param {number} length\n * @return {object}\n */\nexport function ruleset (value, root, parent, index, offset, rules, points, type, props, children, length) {\n\tvar post = offset - 1\n\tvar rule = offset === 0 ? rules : ['']\n\tvar size = sizeof(rule)\n\n\tfor (var i = 0, j = 0, k = 0; i < index; ++i)\n\t\tfor (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z = value; x < size; ++x)\n\t\t\tif (z = trim(j > 0 ? rule[x] + ' ' + y : replace(y, /&\\f/g, rule[x])))\n\t\t\t\tprops[k++] = z\n\n\treturn node(value, root, parent, offset === 0 ? RULESET : type, props, children, length)\n}\n\n/**\n * @param {number} value\n * @param {object} root\n * @param {object?} parent\n * @return {object}\n */\nexport function comment (value, root, parent) {\n\treturn node(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0)\n}\n\n/**\n * @param {string} value\n * @param {object} root\n * @param {object?} parent\n * @param {number} length\n * @return {object}\n */\nexport function declaration (value, root, parent, length) {\n\treturn node(value, root, parent, DECLARATION, substr(value, 0, length), substr(value, length + 1, -1), length)\n}\n","import { StyleSheet } from '@emotion/sheet';\nimport { dealloc, alloc, next, token, from, peek, delimit, slice, position, stringify, COMMENT, rulesheet, middleware, prefixer, serialize, compile } from 'stylis';\nimport '@emotion/weak-memoize';\nimport '@emotion/memoize';\n\nvar last = function last(arr) {\n return arr.length ? arr[arr.length - 1] : null;\n}; // based on https://github.com/thysultan/stylis.js/blob/e6843c373ebcbbfade25ebcc23f540ed8508da0a/src/Tokenizer.js#L239-L244\n\n\nvar identifierWithPointTracking = function identifierWithPointTracking(begin, points, index) {\n var previous = 0;\n var character = 0;\n\n while (true) {\n previous = character;\n character = peek(); // &\\f\n\n if (previous === 38 && character === 12) {\n points[index] = 1;\n }\n\n if (token(character)) {\n break;\n }\n\n next();\n }\n\n return slice(begin, position);\n};\n\nvar toRules = function toRules(parsed, points) {\n // pretend we've started with a comma\n var index = -1;\n var character = 44;\n\n do {\n switch (token(character)) {\n case 0:\n // &\\f\n if (character === 38 && peek() === 12) {\n // this is not 100% correct, we don't account for literal sequences here - like for example quoted strings\n // stylis inserts \\f after & to know when & where it should replace this sequence with the context selector\n // and when it should just concatenate the outer and inner selectors\n // it's very unlikely for this sequence to actually appear in a different context, so we just leverage this fact here\n points[index] = 1;\n }\n\n parsed[index] += identifierWithPointTracking(position - 1, points, index);\n break;\n\n case 2:\n parsed[index] += delimit(character);\n break;\n\n case 4:\n // comma\n if (character === 44) {\n // colon\n parsed[++index] = peek() === 58 ? '&\\f' : '';\n points[index] = parsed[index].length;\n break;\n }\n\n // fallthrough\n\n default:\n parsed[index] += from(character);\n }\n } while (character = next());\n\n return parsed;\n};\n\nvar getRules = function getRules(value, points) {\n return dealloc(toRules(alloc(value), points));\n}; // WeakSet would be more appropriate, but only WeakMap is supported in IE11\n\n\nvar fixedElements = /* #__PURE__ */new WeakMap();\nvar compat = function compat(element) {\n if (element.type !== 'rule' || !element.parent || // positive .length indicates that this rule contains pseudo\n // negative .length indicates that this rule has been already prefixed\n element.length < 1) {\n return;\n }\n\n var value = element.value,\n parent = element.parent;\n var isImplicitRule = element.column === parent.column && element.line === parent.line;\n\n while (parent.type !== 'rule') {\n parent = parent.parent;\n if (!parent) return;\n } // short-circuit for the simplest case\n\n\n if (element.props.length === 1 && value.charCodeAt(0) !== 58\n /* colon */\n && !fixedElements.get(parent)) {\n return;\n } // if this is an implicitly inserted rule (the one eagerly inserted at the each new nested level)\n // then the props has already been manipulated beforehand as they that array is shared between it and its \"rule parent\"\n\n\n if (isImplicitRule) {\n return;\n }\n\n fixedElements.set(element, true);\n var points = [];\n var rules = getRules(value, points);\n var parentRules = parent.props;\n\n for (var i = 0, k = 0; i < rules.length; i++) {\n for (var j = 0; j < parentRules.length; j++, k++) {\n element.props[k] = points[i] ? rules[i].replace(/&\\f/g, parentRules[j]) : parentRules[j] + \" \" + rules[i];\n }\n }\n};\nvar removeLabel = function removeLabel(element) {\n if (element.type === 'decl') {\n var value = element.value;\n\n if ( // charcode for l\n value.charCodeAt(0) === 108 && // charcode for b\n value.charCodeAt(2) === 98) {\n // this ignores label\n element[\"return\"] = '';\n element.value = '';\n }\n }\n};\nvar ignoreFlag = 'emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason';\n\nvar isIgnoringComment = function isIgnoringComment(element) {\n return !!element && element.type === 'comm' && element.children.indexOf(ignoreFlag) > -1;\n};\n\nvar createUnsafeSelectorsAlarm = function createUnsafeSelectorsAlarm(cache) {\n return function (element, index, children) {\n if (element.type !== 'rule') return;\n var unsafePseudoClasses = element.value.match(/(:first|:nth|:nth-last)-child/g);\n\n if (unsafePseudoClasses && cache.compat !== true) {\n var prevElement = index > 0 ? children[index - 1] : null;\n\n if (prevElement && isIgnoringComment(last(prevElement.children))) {\n return;\n }\n\n unsafePseudoClasses.forEach(function (unsafePseudoClass) {\n console.error(\"The pseudo class \\\"\" + unsafePseudoClass + \"\\\" is potentially unsafe when doing server-side rendering. Try changing it to \\\"\" + unsafePseudoClass.split('-child')[0] + \"-of-type\\\".\");\n });\n }\n };\n};\n\nvar isImportRule = function isImportRule(element) {\n return element.type.charCodeAt(1) === 105 && element.type.charCodeAt(0) === 64;\n};\n\nvar isPrependedWithRegularRules = function isPrependedWithRegularRules(index, children) {\n for (var i = index - 1; i >= 0; i--) {\n if (!isImportRule(children[i])) {\n return true;\n }\n }\n\n return false;\n}; // use this to remove incorrect elements from further processing\n// so they don't get handed to the `sheet` (or anything else)\n// as that could potentially lead to additional logs which in turn could be overhelming to the user\n\n\nvar nullifyElement = function nullifyElement(element) {\n element.type = '';\n element.value = '';\n element[\"return\"] = '';\n element.children = '';\n element.props = '';\n};\n\nvar incorrectImportAlarm = function incorrectImportAlarm(element, index, children) {\n if (!isImportRule(element)) {\n return;\n }\n\n if (element.parent) {\n console.error(\"`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles.\");\n nullifyElement(element);\n } else if (isPrependedWithRegularRules(index, children)) {\n console.error(\"`@import` rules can't be after other rules. Please put your `@import` rules before your other rules.\");\n nullifyElement(element);\n }\n};\n\nvar defaultStylisPlugins = [prefixer];\n\nvar createCache = function createCache(options) {\n var key = options.key;\n\n if (process.env.NODE_ENV !== 'production' && !key) {\n throw new Error(\"You have to configure `key` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.\\n\" + \"If multiple caches share the same key they might \\\"fight\\\" for each other's style elements.\");\n }\n\n if ( key === 'css') {\n var ssrStyles = document.querySelectorAll(\"style[data-emotion]:not([data-s])\"); // get SSRed styles out of the way of React's hydration\n // document.head is a safe place to move them to(though note document.head is not necessarily the last place they will be)\n // note this very very intentionally targets all style elements regardless of the key to ensure\n // that creating a cache works inside of render of a React component\n\n Array.prototype.forEach.call(ssrStyles, function (node) {\n // we want to only move elements which have a space in the data-emotion attribute value\n // because that indicates that it is an Emotion 11 server-side rendered style elements\n // while we will already ignore Emotion 11 client-side inserted styles because of the :not([data-s]) part in the selector\n // Emotion 10 client-side inserted styles did not have data-s (but importantly did not have a space in their data-emotion attributes)\n // so checking for the space ensures that loading Emotion 11 after Emotion 10 has inserted some styles\n // will not result in the Emotion 10 styles being destroyed\n var dataEmotionAttribute = node.getAttribute('data-emotion');\n\n if (dataEmotionAttribute.indexOf(' ') === -1) {\n return;\n }\n document.head.appendChild(node);\n node.setAttribute('data-s', '');\n });\n }\n\n var stylisPlugins = options.stylisPlugins || defaultStylisPlugins;\n\n if (process.env.NODE_ENV !== 'production') {\n // $FlowFixMe\n if (/[^a-z-]/.test(key)) {\n throw new Error(\"Emotion key must only contain lower case alphabetical characters and - but \\\"\" + key + \"\\\" was passed\");\n }\n }\n\n var inserted = {}; // $FlowFixMe\n\n var container;\n var nodesToHydrate = [];\n\n {\n container = options.container || document.head;\n Array.prototype.forEach.call( // this means we will ignore elements which don't have a space in them which\n // means that the style elements we're looking at are only Emotion 11 server-rendered style elements\n document.querySelectorAll(\"style[data-emotion^=\\\"\" + key + \" \\\"]\"), function (node) {\n var attrib = node.getAttribute(\"data-emotion\").split(' '); // $FlowFixMe\n\n for (var i = 1; i < attrib.length; i++) {\n inserted[attrib[i]] = true;\n }\n\n nodesToHydrate.push(node);\n });\n }\n\n var _insert;\n\n var omnipresentPlugins = [compat, removeLabel];\n\n if (process.env.NODE_ENV !== 'production') {\n omnipresentPlugins.push(createUnsafeSelectorsAlarm({\n get compat() {\n return cache.compat;\n }\n\n }), incorrectImportAlarm);\n }\n\n {\n var currentSheet;\n var finalizingPlugins = [stringify, process.env.NODE_ENV !== 'production' ? function (element) {\n if (!element.root) {\n if (element[\"return\"]) {\n currentSheet.insert(element[\"return\"]);\n } else if (element.value && element.type !== COMMENT) {\n // insert empty rule in non-production environments\n // so @emotion/jest can grab `key` from the (JS)DOM for caches without any rules inserted yet\n currentSheet.insert(element.value + \"{}\");\n }\n }\n } : rulesheet(function (rule) {\n currentSheet.insert(rule);\n })];\n var serializer = middleware(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));\n\n var stylis = function stylis(styles) {\n return serialize(compile(styles), serializer);\n };\n\n _insert = function insert(selector, serialized, sheet, shouldCache) {\n currentSheet = sheet;\n\n if (process.env.NODE_ENV !== 'production' && serialized.map !== undefined) {\n currentSheet = {\n insert: function insert(rule) {\n sheet.insert(rule + serialized.map);\n }\n };\n }\n\n stylis(selector ? selector + \"{\" + serialized.styles + \"}\" : serialized.styles);\n\n if (shouldCache) {\n cache.inserted[serialized.name] = true;\n }\n };\n }\n\n var cache = {\n key: key,\n sheet: new StyleSheet({\n key: key,\n container: container,\n nonce: options.nonce,\n speedy: options.speedy,\n prepend: options.prepend,\n insertionPoint: options.insertionPoint\n }),\n nonce: options.nonce,\n inserted: inserted,\n registered: {},\n insert: _insert\n };\n cache.sheet.hydrate(nodesToHydrate);\n return cache;\n};\n\nexport default createCache;\n","import {MS, MOZ, WEBKIT, RULESET, KEYFRAMES, DECLARATION} from './Enum.js'\nimport {match, charat, substr, strlen, sizeof, replace, combine} from './Utility.js'\nimport {copy, tokenize} from './Tokenizer.js'\nimport {serialize} from './Serializer.js'\nimport {prefix} from './Prefixer.js'\n\n/**\n * @param {function[]} collection\n * @return {function}\n */\nexport function middleware (collection) {\n\tvar length = sizeof(collection)\n\n\treturn function (element, index, children, callback) {\n\t\tvar output = ''\n\n\t\tfor (var i = 0; i < length; i++)\n\t\t\toutput += collection[i](element, index, children, callback) || ''\n\n\t\treturn output\n\t}\n}\n\n/**\n * @param {function} callback\n * @return {function}\n */\nexport function rulesheet (callback) {\n\treturn function (element) {\n\t\tif (!element.root)\n\t\t\tif (element = element.return)\n\t\t\t\tcallback(element)\n\t}\n}\n\n/**\n * @param {object} element\n * @param {number} index\n * @param {object[]} children\n * @param {function} callback\n */\nexport function prefixer (element, index, children, callback) {\n\tif (element.length > -1)\n\t\tif (!element.return)\n\t\t\tswitch (element.type) {\n\t\t\t\tcase DECLARATION: element.return = prefix(element.value, element.length)\n\t\t\t\t\tbreak\n\t\t\t\tcase KEYFRAMES:\n\t\t\t\t\treturn serialize([copy(element, {value: replace(element.value, '@', '@' + WEBKIT)})], callback)\n\t\t\t\tcase RULESET:\n\t\t\t\t\tif (element.length)\n\t\t\t\t\t\treturn combine(element.props, function (value) {\n\t\t\t\t\t\t\tswitch (match(value, /(::plac\\w+|:read-\\w+)/)) {\n\t\t\t\t\t\t\t\t// :read-(only|write)\n\t\t\t\t\t\t\t\tcase ':read-only': case ':read-write':\n\t\t\t\t\t\t\t\t\treturn serialize([copy(element, {props: [replace(value, /:(read-\\w+)/, ':' + MOZ + '$1')]})], callback)\n\t\t\t\t\t\t\t\t// :placeholder\n\t\t\t\t\t\t\t\tcase '::placeholder':\n\t\t\t\t\t\t\t\t\treturn serialize([\n\t\t\t\t\t\t\t\t\t\tcopy(element, {props: [replace(value, /:(plac\\w+)/, ':' + WEBKIT + 'input-$1')]}),\n\t\t\t\t\t\t\t\t\t\tcopy(element, {props: [replace(value, /:(plac\\w+)/, ':' + MOZ + '$1')]}),\n\t\t\t\t\t\t\t\t\t\tcopy(element, {props: [replace(value, /:(plac\\w+)/, MS + 'input-$1')]})\n\t\t\t\t\t\t\t\t\t], callback)\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn ''\n\t\t\t\t\t\t})\n\t\t\t}\n}\n\n/**\n * @param {object} element\n * @param {number} index\n * @param {object[]} children\n */\nexport function namespace (element) {\n\tswitch (element.type) {\n\t\tcase RULESET:\n\t\t\telement.props = element.props.map(function (value) {\n\t\t\t\treturn combine(tokenize(value), function (value, index, children) {\n\t\t\t\t\tswitch (charat(value, 0)) {\n\t\t\t\t\t\t// \\f\n\t\t\t\t\t\tcase 12:\n\t\t\t\t\t\t\treturn substr(value, 1, strlen(value))\n\t\t\t\t\t\t// \\0 ( + > ~\n\t\t\t\t\t\tcase 0: case 40: case 43: case 62: case 126:\n\t\t\t\t\t\t\treturn value\n\t\t\t\t\t\t// :\n\t\t\t\t\t\tcase 58:\n\t\t\t\t\t\t\tif (children[++index] === 'global')\n\t\t\t\t\t\t\t\tchildren[index] = '', children[++index] = '\\f' + substr(children[index], index = 1, -1)\n\t\t\t\t\t\t// \\s\n\t\t\t\t\t\tcase 32:\n\t\t\t\t\t\t\treturn index === 1 ? '' : value\n\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\tswitch (index) {\n\t\t\t\t\t\t\t\tcase 0: element = value\n\t\t\t\t\t\t\t\t\treturn sizeof(children) > 1 ? '' : value\n\t\t\t\t\t\t\t\tcase index = sizeof(children) - 1: case 2:\n\t\t\t\t\t\t\t\t\treturn index === 2 ? value + element + element : value + element\n\t\t\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\t\t\treturn value\n\t\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t})\n\t}\n}\n","var isBrowser = \"object\" !== 'undefined';\nfunction getRegisteredStyles(registered, registeredStyles, classNames) {\n var rawClassName = '';\n classNames.split(' ').forEach(function (className) {\n if (registered[className] !== undefined) {\n registeredStyles.push(registered[className] + \";\");\n } else {\n rawClassName += className + \" \";\n }\n });\n return rawClassName;\n}\nvar registerStyles = function registerStyles(cache, serialized, isStringTag) {\n var className = cache.key + \"-\" + serialized.name;\n\n if ( // we only need to add the styles to the registered cache if the\n // class name could be used further down\n // the tree but if it's a string tag, we know it won't\n // so we don't have to add it to registered cache.\n // this improves memory usage since we can avoid storing the whole style string\n (isStringTag === false || // we need to always store it if we're in compat mode and\n // in node since emotion-server relies on whether a style is in\n // the registered cache to know whether a style is global or not\n // also, note that this check will be dead code eliminated in the browser\n isBrowser === false ) && cache.registered[className] === undefined) {\n cache.registered[className] = serialized.styles;\n }\n};\nvar insertStyles = function insertStyles(cache, serialized, isStringTag) {\n registerStyles(cache, serialized, isStringTag);\n var className = cache.key + \"-\" + serialized.name;\n\n if (cache.inserted[serialized.name] === undefined) {\n var current = serialized;\n\n do {\n var maybeStyles = cache.insert(serialized === current ? \".\" + className : '', current, cache.sheet, true);\n\n current = current.next;\n } while (current !== undefined);\n }\n};\n\nexport { getRegisteredStyles, insertStyles, registerStyles };\n","/* eslint-disable */\n// Inspired by https://github.com/garycourt/murmurhash-js\n// Ported from https://github.com/aappleby/smhasher/blob/61a0530f28277f2e850bfc39600ce61d02b518de/src/MurmurHash2.cpp#L37-L86\nfunction murmur2(str) {\n // 'm' and 'r' are mixing constants generated offline.\n // They're not really 'magic', they just happen to work well.\n // const m = 0x5bd1e995;\n // const r = 24;\n // Initialize the hash\n var h = 0; // Mix 4 bytes at a time into the hash\n\n var k,\n i = 0,\n len = str.length;\n\n for (; len >= 4; ++i, len -= 4) {\n k = str.charCodeAt(i) & 0xff | (str.charCodeAt(++i) & 0xff) << 8 | (str.charCodeAt(++i) & 0xff) << 16 | (str.charCodeAt(++i) & 0xff) << 24;\n k =\n /* Math.imul(k, m): */\n (k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16);\n k ^=\n /* k >>> r: */\n k >>> 24;\n h =\n /* Math.imul(k, m): */\n (k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16) ^\n /* Math.imul(h, m): */\n (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);\n } // Handle the last few bytes of the input array\n\n\n switch (len) {\n case 3:\n h ^= (str.charCodeAt(i + 2) & 0xff) << 16;\n\n case 2:\n h ^= (str.charCodeAt(i + 1) & 0xff) << 8;\n\n case 1:\n h ^= str.charCodeAt(i) & 0xff;\n h =\n /* Math.imul(h, m): */\n (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);\n } // Do a few final mixes of the hash to ensure the last few\n // bytes are well-incorporated.\n\n\n h ^= h >>> 13;\n h =\n /* Math.imul(h, m): */\n (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);\n return ((h ^ h >>> 15) >>> 0).toString(36);\n}\n\nexport default murmur2;\n","import hashString from '@emotion/hash';\nimport unitless from '@emotion/unitless';\nimport memoize from '@emotion/memoize';\n\nvar ILLEGAL_ESCAPE_SEQUENCE_ERROR = \"You have illegal escape sequence in your template literal, most likely inside content's property value.\\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \\\"content: '\\\\00d7';\\\" should become \\\"content: '\\\\\\\\00d7';\\\".\\nYou can read more about this here:\\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences\";\nvar UNDEFINED_AS_OBJECT_KEY_ERROR = \"You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).\";\nvar hyphenateRegex = /[A-Z]|^ms/g;\nvar animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g;\n\nvar isCustomProperty = function isCustomProperty(property) {\n return property.charCodeAt(1) === 45;\n};\n\nvar isProcessableValue = function isProcessableValue(value) {\n return value != null && typeof value !== 'boolean';\n};\n\nvar processStyleName = /* #__PURE__ */memoize(function (styleName) {\n return isCustomProperty(styleName) ? styleName : styleName.replace(hyphenateRegex, '-$&').toLowerCase();\n});\n\nvar processStyleValue = function processStyleValue(key, value) {\n switch (key) {\n case 'animation':\n case 'animationName':\n {\n if (typeof value === 'string') {\n return value.replace(animationRegex, function (match, p1, p2) {\n cursor = {\n name: p1,\n styles: p2,\n next: cursor\n };\n return p1;\n });\n }\n }\n }\n\n if (unitless[key] !== 1 && !isCustomProperty(key) && typeof value === 'number' && value !== 0) {\n return value + 'px';\n }\n\n return value;\n};\n\nif (process.env.NODE_ENV !== 'production') {\n var contentValuePattern = /(attr|counters?|url|(((repeating-)?(linear|radial))|conic)-gradient)\\(|(no-)?(open|close)-quote/;\n var contentValues = ['normal', 'none', 'initial', 'inherit', 'unset'];\n var oldProcessStyleValue = processStyleValue;\n var msPattern = /^-ms-/;\n var hyphenPattern = /-(.)/g;\n var hyphenatedCache = {};\n\n processStyleValue = function processStyleValue(key, value) {\n if (key === 'content') {\n if (typeof value !== 'string' || contentValues.indexOf(value) === -1 && !contentValuePattern.test(value) && (value.charAt(0) !== value.charAt(value.length - 1) || value.charAt(0) !== '\"' && value.charAt(0) !== \"'\")) {\n throw new Error(\"You seem to be using a value for 'content' without quotes, try replacing it with `content: '\\\"\" + value + \"\\\"'`\");\n }\n }\n\n var processed = oldProcessStyleValue(key, value);\n\n if (processed !== '' && !isCustomProperty(key) && key.indexOf('-') !== -1 && hyphenatedCache[key] === undefined) {\n hyphenatedCache[key] = true;\n console.error(\"Using kebab-case for css properties in objects is not supported. Did you mean \" + key.replace(msPattern, 'ms-').replace(hyphenPattern, function (str, _char) {\n return _char.toUpperCase();\n }) + \"?\");\n }\n\n return processed;\n };\n}\n\nfunction handleInterpolation(mergedProps, registered, interpolation) {\n if (interpolation == null) {\n return '';\n }\n\n if (interpolation.__emotion_styles !== undefined) {\n if (process.env.NODE_ENV !== 'production' && interpolation.toString() === 'NO_COMPONENT_SELECTOR') {\n throw new Error('Component selectors can only be used in conjunction with @emotion/babel-plugin.');\n }\n\n return interpolation;\n }\n\n switch (typeof interpolation) {\n case 'boolean':\n {\n return '';\n }\n\n case 'object':\n {\n if (interpolation.anim === 1) {\n cursor = {\n name: interpolation.name,\n styles: interpolation.styles,\n next: cursor\n };\n return interpolation.name;\n }\n\n if (interpolation.styles !== undefined) {\n var next = interpolation.next;\n\n if (next !== undefined) {\n // not the most efficient thing ever but this is a pretty rare case\n // and there will be very few iterations of this generally\n while (next !== undefined) {\n cursor = {\n name: next.name,\n styles: next.styles,\n next: cursor\n };\n next = next.next;\n }\n }\n\n var styles = interpolation.styles + \";\";\n\n if (process.env.NODE_ENV !== 'production' && interpolation.map !== undefined) {\n styles += interpolation.map;\n }\n\n return styles;\n }\n\n return createStringFromObject(mergedProps, registered, interpolation);\n }\n\n case 'function':\n {\n if (mergedProps !== undefined) {\n var previousCursor = cursor;\n var result = interpolation(mergedProps);\n cursor = previousCursor;\n return handleInterpolation(mergedProps, registered, result);\n } else if (process.env.NODE_ENV !== 'production') {\n console.error('Functions that are interpolated in css calls will be stringified.\\n' + 'If you want to have a css call based on props, create a function that returns a css call like this\\n' + 'let dynamicStyle = (props) => css`color: ${props.color}`\\n' + 'It can be called directly with props or interpolated in a styled call like this\\n' + \"let SomeComponent = styled('div')`${dynamicStyle}`\");\n }\n\n break;\n }\n\n case 'string':\n if (process.env.NODE_ENV !== 'production') {\n var matched = [];\n var replaced = interpolation.replace(animationRegex, function (match, p1, p2) {\n var fakeVarName = \"animation\" + matched.length;\n matched.push(\"const \" + fakeVarName + \" = keyframes`\" + p2.replace(/^@keyframes animation-\\w+/, '') + \"`\");\n return \"${\" + fakeVarName + \"}\";\n });\n\n if (matched.length) {\n console.error('`keyframes` output got interpolated into plain string, please wrap it with `css`.\\n\\n' + 'Instead of doing this:\\n\\n' + [].concat(matched, [\"`\" + replaced + \"`\"]).join('\\n') + '\\n\\nYou should wrap it with `css` like this:\\n\\n' + (\"css`\" + replaced + \"`\"));\n }\n }\n\n break;\n } // finalize string values (regular strings and functions interpolated into css calls)\n\n\n if (registered == null) {\n return interpolation;\n }\n\n var cached = registered[interpolation];\n return cached !== undefined ? cached : interpolation;\n}\n\nfunction createStringFromObject(mergedProps, registered, obj) {\n var string = '';\n\n if (Array.isArray(obj)) {\n for (var i = 0; i < obj.length; i++) {\n string += handleInterpolation(mergedProps, registered, obj[i]) + \";\";\n }\n } else {\n for (var _key in obj) {\n var value = obj[_key];\n\n if (typeof value !== 'object') {\n if (registered != null && registered[value] !== undefined) {\n string += _key + \"{\" + registered[value] + \"}\";\n } else if (isProcessableValue(value)) {\n string += processStyleName(_key) + \":\" + processStyleValue(_key, value) + \";\";\n }\n } else {\n if (_key === 'NO_COMPONENT_SELECTOR' && process.env.NODE_ENV !== 'production') {\n throw new Error('Component selectors can only be used in conjunction with @emotion/babel-plugin.');\n }\n\n if (Array.isArray(value) && typeof value[0] === 'string' && (registered == null || registered[value[0]] === undefined)) {\n for (var _i = 0; _i < value.length; _i++) {\n if (isProcessableValue(value[_i])) {\n string += processStyleName(_key) + \":\" + processStyleValue(_key, value[_i]) + \";\";\n }\n }\n } else {\n var interpolated = handleInterpolation(mergedProps, registered, value);\n\n switch (_key) {\n case 'animation':\n case 'animationName':\n {\n string += processStyleName(_key) + \":\" + interpolated + \";\";\n break;\n }\n\n default:\n {\n if (process.env.NODE_ENV !== 'production' && _key === 'undefined') {\n console.error(UNDEFINED_AS_OBJECT_KEY_ERROR);\n }\n\n string += _key + \"{\" + interpolated + \"}\";\n }\n }\n }\n }\n }\n }\n\n return string;\n}\n\nvar labelPattern = /label:\\s*([^\\s;\\n{]+)\\s*(;|$)/g;\nvar sourceMapPattern;\n\nif (process.env.NODE_ENV !== 'production') {\n sourceMapPattern = /\\/\\*#\\ssourceMappingURL=data:application\\/json;\\S+\\s+\\*\\//g;\n} // this is the cursor for keyframes\n// keyframes are stored on the SerializedStyles object as a linked list\n\n\nvar cursor;\nvar serializeStyles = function serializeStyles(args, registered, mergedProps) {\n if (args.length === 1 && typeof args[0] === 'object' && args[0] !== null && args[0].styles !== undefined) {\n return args[0];\n }\n\n var stringMode = true;\n var styles = '';\n cursor = undefined;\n var strings = args[0];\n\n if (strings == null || strings.raw === undefined) {\n stringMode = false;\n styles += handleInterpolation(mergedProps, registered, strings);\n } else {\n if (process.env.NODE_ENV !== 'production' && strings[0] === undefined) {\n console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);\n }\n\n styles += strings[0];\n } // we start at 1 since we've already handled the first arg\n\n\n for (var i = 1; i < args.length; i++) {\n styles += handleInterpolation(mergedProps, registered, args[i]);\n\n if (stringMode) {\n if (process.env.NODE_ENV !== 'production' && strings[i] === undefined) {\n console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);\n }\n\n styles += strings[i];\n }\n }\n\n var sourceMap;\n\n if (process.env.NODE_ENV !== 'production') {\n styles = styles.replace(sourceMapPattern, function (match) {\n sourceMap = match;\n return '';\n });\n } // using a global regex with .exec is stateful so lastIndex has to be reset each time\n\n\n labelPattern.lastIndex = 0;\n var identifierName = '';\n var match; // https://esbench.com/bench/5b809c2cf2949800a0f61fb5\n\n while ((match = labelPattern.exec(styles)) !== null) {\n identifierName += '-' + // $FlowFixMe we know it's not null\n match[1];\n }\n\n var name = hashString(styles) + identifierName;\n\n if (process.env.NODE_ENV !== 'production') {\n // $FlowFixMe SerializedStyles type doesn't have toString property (and we don't want to add it)\n return {\n name: name,\n styles: styles,\n map: sourceMap,\n next: cursor,\n toString: function toString() {\n return \"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).\";\n }\n };\n }\n\n return {\n name: name,\n styles: styles,\n next: cursor\n };\n};\n\nexport { serializeStyles };\n","import * as React from 'react';\nimport { createContext, useContext, forwardRef, createElement, Fragment } from 'react';\nimport createCache from '@emotion/cache';\nimport _extends from '@babel/runtime/helpers/esm/extends';\nimport weakMemoize from '@emotion/weak-memoize';\nimport hoistNonReactStatics from '../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js';\nimport { getRegisteredStyles, registerStyles, insertStyles } from '@emotion/utils';\nimport { serializeStyles } from '@emotion/serialize';\n\nvar hasOwnProperty = {}.hasOwnProperty;\n\nvar EmotionCacheContext = /* #__PURE__ */createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case\n// because this module is primarily intended for the browser and node\n// but it's also required in react native and similar environments sometimes\n// and we could have a special build just for that\n// but this is much easier and the native packages\n// might use a different theme context in the future anyway\ntypeof HTMLElement !== 'undefined' ? /* #__PURE__ */createCache({\n key: 'css'\n}) : null);\n\nif (process.env.NODE_ENV !== 'production') {\n EmotionCacheContext.displayName = 'EmotionCacheContext';\n}\n\nvar CacheProvider = EmotionCacheContext.Provider;\nvar __unsafe_useEmotionCache = function useEmotionCache() {\n return useContext(EmotionCacheContext);\n};\n\nvar withEmotionCache = function withEmotionCache(func) {\n // $FlowFixMe\n return /*#__PURE__*/forwardRef(function (props, ref) {\n // the cache will never be null in the browser\n var cache = useContext(EmotionCacheContext);\n return func(props, cache, ref);\n });\n};\n\nvar ThemeContext = /* #__PURE__ */createContext({});\n\nif (process.env.NODE_ENV !== 'production') {\n ThemeContext.displayName = 'EmotionThemeContext';\n}\n\nvar useTheme = function useTheme() {\n return useContext(ThemeContext);\n};\n\nvar getTheme = function getTheme(outerTheme, theme) {\n if (typeof theme === 'function') {\n var mergedTheme = theme(outerTheme);\n\n if (process.env.NODE_ENV !== 'production' && (mergedTheme == null || typeof mergedTheme !== 'object' || Array.isArray(mergedTheme))) {\n throw new Error('[ThemeProvider] Please return an object from your theme function, i.e. theme={() => ({})}!');\n }\n\n return mergedTheme;\n }\n\n if (process.env.NODE_ENV !== 'production' && (theme == null || typeof theme !== 'object' || Array.isArray(theme))) {\n throw new Error('[ThemeProvider] Please make your theme prop a plain object');\n }\n\n return _extends({}, outerTheme, theme);\n};\n\nvar createCacheWithTheme = /* #__PURE__ */weakMemoize(function (outerTheme) {\n return weakMemoize(function (theme) {\n return getTheme(outerTheme, theme);\n });\n});\nvar ThemeProvider = function ThemeProvider(props) {\n var theme = useContext(ThemeContext);\n\n if (props.theme !== theme) {\n theme = createCacheWithTheme(theme)(props.theme);\n }\n\n return /*#__PURE__*/createElement(ThemeContext.Provider, {\n value: theme\n }, props.children);\n};\nfunction withTheme(Component) {\n var componentName = Component.displayName || Component.name || 'Component';\n\n var render = function render(props, ref) {\n var theme = useContext(ThemeContext);\n return /*#__PURE__*/createElement(Component, _extends({\n theme: theme,\n ref: ref\n }, props));\n }; // $FlowFixMe\n\n\n var WithTheme = /*#__PURE__*/forwardRef(render);\n WithTheme.displayName = \"WithTheme(\" + componentName + \")\";\n return hoistNonReactStatics(WithTheme, Component);\n}\n\nvar getLastPart = function getLastPart(functionName) {\n // The match may be something like 'Object.createEmotionProps' or\n // 'Loader.prototype.render'\n var parts = functionName.split('.');\n return parts[parts.length - 1];\n};\n\nvar getFunctionNameFromStackTraceLine = function getFunctionNameFromStackTraceLine(line) {\n // V8\n var match = /^\\s+at\\s+([A-Za-z0-9$.]+)\\s/.exec(line);\n if (match) return getLastPart(match[1]); // Safari / Firefox\n\n match = /^([A-Za-z0-9$.]+)@/.exec(line);\n if (match) return getLastPart(match[1]);\n return undefined;\n};\n\nvar internalReactFunctionNames = /* #__PURE__ */new Set(['renderWithHooks', 'processChild', 'finishClassComponent', 'renderToString']); // These identifiers come from error stacks, so they have to be valid JS\n// identifiers, thus we only need to replace what is a valid character for JS,\n// but not for CSS.\n\nvar sanitizeIdentifier = function sanitizeIdentifier(identifier) {\n return identifier.replace(/\\$/g, '-');\n};\n\nvar getLabelFromStackTrace = function getLabelFromStackTrace(stackTrace) {\n if (!stackTrace) return undefined;\n var lines = stackTrace.split('\\n');\n\n for (var i = 0; i < lines.length; i++) {\n var functionName = getFunctionNameFromStackTraceLine(lines[i]); // The first line of V8 stack traces is just \"Error\"\n\n if (!functionName) continue; // If we reach one of these, we have gone too far and should quit\n\n if (internalReactFunctionNames.has(functionName)) break; // The component name is the first function in the stack that starts with an\n // uppercase letter\n\n if (/^[A-Z]/.test(functionName)) return sanitizeIdentifier(functionName);\n }\n\n return undefined;\n};\n\nvar useInsertionEffect = React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : function useInsertionEffect(create) {\n create();\n};\nfunction useInsertionEffectMaybe(create) {\n\n useInsertionEffect(create);\n}\n\nvar typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';\nvar labelPropName = '__EMOTION_LABEL_PLEASE_DO_NOT_USE__';\nvar createEmotionProps = function createEmotionProps(type, props) {\n if (process.env.NODE_ENV !== 'production' && typeof props.css === 'string' && // check if there is a css declaration\n props.css.indexOf(':') !== -1) {\n throw new Error(\"Strings are not allowed as css prop values, please wrap it in a css template literal from '@emotion/react' like this: css`\" + props.css + \"`\");\n }\n\n var newProps = {};\n\n for (var key in props) {\n if (hasOwnProperty.call(props, key)) {\n newProps[key] = props[key];\n }\n }\n\n newProps[typePropName] = type; // For performance, only call getLabelFromStackTrace in development and when\n // the label hasn't already been computed\n\n if (process.env.NODE_ENV !== 'production' && !!props.css && (typeof props.css !== 'object' || typeof props.css.name !== 'string' || props.css.name.indexOf('-') === -1)) {\n var label = getLabelFromStackTrace(new Error().stack);\n if (label) newProps[labelPropName] = label;\n }\n\n return newProps;\n};\n\nvar Insertion = function Insertion(_ref) {\n var cache = _ref.cache,\n serialized = _ref.serialized,\n isStringTag = _ref.isStringTag;\n registerStyles(cache, serialized, isStringTag);\n var rules = useInsertionEffectMaybe(function () {\n return insertStyles(cache, serialized, isStringTag);\n });\n\n return null;\n};\n\nvar Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {\n var cssProp = props.css; // so that using `css` from `emotion` and passing the result to the css prop works\n // not passing the registered cache to serializeStyles because it would\n // make certain babel optimisations not possible\n\n if (typeof cssProp === 'string' && cache.registered[cssProp] !== undefined) {\n cssProp = cache.registered[cssProp];\n }\n\n var WrappedComponent = props[typePropName];\n var registeredStyles = [cssProp];\n var className = '';\n\n if (typeof props.className === 'string') {\n className = getRegisteredStyles(cache.registered, registeredStyles, props.className);\n } else if (props.className != null) {\n className = props.className + \" \";\n }\n\n var serialized = serializeStyles(registeredStyles, undefined, useContext(ThemeContext));\n\n if (process.env.NODE_ENV !== 'production' && serialized.name.indexOf('-') === -1) {\n var labelFromStack = props[labelPropName];\n\n if (labelFromStack) {\n serialized = serializeStyles([serialized, 'label:' + labelFromStack + ';']);\n }\n }\n\n className += cache.key + \"-\" + serialized.name;\n var newProps = {};\n\n for (var key in props) {\n if (hasOwnProperty.call(props, key) && key !== 'css' && key !== typePropName && (process.env.NODE_ENV === 'production' || key !== labelPropName)) {\n newProps[key] = props[key];\n }\n }\n\n newProps.ref = ref;\n newProps.className = className;\n return /*#__PURE__*/createElement(Fragment, null, /*#__PURE__*/createElement(Insertion, {\n cache: cache,\n serialized: serialized,\n isStringTag: typeof WrappedComponent === 'string'\n }), /*#__PURE__*/createElement(WrappedComponent, newProps));\n});\n\nif (process.env.NODE_ENV !== 'production') {\n Emotion.displayName = 'EmotionCssPropInternal';\n}\n\nexport { CacheProvider as C, Emotion as E, ThemeContext as T, __unsafe_useEmotionCache as _, useTheme as a, ThemeProvider as b, createEmotionProps as c, withTheme as d, hasOwnProperty as h, useInsertionEffectMaybe as u, withEmotionCache as w };\n","import * as React from 'react';\nimport { createElement, useLayoutEffect, useContext, useRef, Fragment } from 'react';\nimport '@emotion/cache';\nimport { h as hasOwnProperty, E as Emotion, c as createEmotionProps, w as withEmotionCache, T as ThemeContext, u as useInsertionEffectMaybe } from './emotion-element-cbed451f.browser.esm.js';\nexport { C as CacheProvider, T as ThemeContext, b as ThemeProvider, _ as __unsafe_useEmotionCache, a as useTheme, w as withEmotionCache, d as withTheme } from './emotion-element-cbed451f.browser.esm.js';\nimport '@babel/runtime/helpers/extends';\nimport '@emotion/weak-memoize';\nimport 'hoist-non-react-statics';\nimport '../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js';\nimport { insertStyles, registerStyles, getRegisteredStyles } from '@emotion/utils';\nimport { serializeStyles } from '@emotion/serialize';\n\nvar pkg = {\n\tname: \"@emotion/react\",\n\tversion: \"11.8.2\",\n\tmain: \"dist/emotion-react.cjs.js\",\n\tmodule: \"dist/emotion-react.esm.js\",\n\tbrowser: {\n\t\t\"./dist/emotion-react.cjs.js\": \"./dist/emotion-react.browser.cjs.js\",\n\t\t\"./dist/emotion-react.esm.js\": \"./dist/emotion-react.browser.esm.js\"\n\t},\n\ttypes: \"types/index.d.ts\",\n\tfiles: [\n\t\t\"src\",\n\t\t\"dist\",\n\t\t\"jsx-runtime\",\n\t\t\"jsx-dev-runtime\",\n\t\t\"_isolated-hnrs\",\n\t\t\"types/*.d.ts\",\n\t\t\"macro.js\",\n\t\t\"macro.d.ts\",\n\t\t\"macro.js.flow\"\n\t],\n\tsideEffects: false,\n\tauthor: \"Emotion Contributors\",\n\tlicense: \"MIT\",\n\tscripts: {\n\t\t\"test:typescript\": \"dtslint types\"\n\t},\n\tdependencies: {\n\t\t\"@babel/runtime\": \"^7.13.10\",\n\t\t\"@emotion/babel-plugin\": \"^11.7.1\",\n\t\t\"@emotion/cache\": \"^11.7.1\",\n\t\t\"@emotion/serialize\": \"^1.0.2\",\n\t\t\"@emotion/utils\": \"^1.1.0\",\n\t\t\"@emotion/weak-memoize\": \"^0.2.5\",\n\t\t\"hoist-non-react-statics\": \"^3.3.1\"\n\t},\n\tpeerDependencies: {\n\t\t\"@babel/core\": \"^7.0.0\",\n\t\treact: \">=16.8.0\"\n\t},\n\tpeerDependenciesMeta: {\n\t\t\"@babel/core\": {\n\t\t\toptional: true\n\t\t},\n\t\t\"@types/react\": {\n\t\t\toptional: true\n\t\t}\n\t},\n\tdevDependencies: {\n\t\t\"@babel/core\": \"^7.13.10\",\n\t\t\"@emotion/css\": \"11.7.1\",\n\t\t\"@emotion/css-prettifier\": \"1.0.1\",\n\t\t\"@emotion/server\": \"11.4.0\",\n\t\t\"@emotion/styled\": \"11.8.1\",\n\t\t\"@types/react\": \"^16.9.11\",\n\t\tdtslint: \"^4.2.1\",\n\t\t\"html-tag-names\": \"^1.1.2\",\n\t\treact: \"16.14.0\",\n\t\t\"svg-tag-names\": \"^1.1.1\",\n\t\ttypescript: \"^4.5.5\"\n\t},\n\trepository: \"https://github.com/emotion-js/emotion/tree/main/packages/react\",\n\tpublishConfig: {\n\t\taccess: \"public\"\n\t},\n\t\"umd:main\": \"dist/emotion-react.umd.min.js\",\n\tpreconstruct: {\n\t\tentrypoints: [\n\t\t\t\"./index.js\",\n\t\t\t\"./jsx-runtime.js\",\n\t\t\t\"./jsx-dev-runtime.js\",\n\t\t\t\"./_isolated-hnrs.js\"\n\t\t],\n\t\tumdName: \"emotionReact\"\n\t}\n};\n\nvar jsx = function jsx(type, props) {\n var args = arguments;\n\n if (props == null || !hasOwnProperty.call(props, 'css')) {\n // $FlowFixMe\n return createElement.apply(undefined, args);\n }\n\n var argsLength = args.length;\n var createElementArgArray = new Array(argsLength);\n createElementArgArray[0] = Emotion;\n createElementArgArray[1] = createEmotionProps(type, props);\n\n for (var i = 2; i < argsLength; i++) {\n createElementArgArray[i] = args[i];\n } // $FlowFixMe\n\n\n return createElement.apply(null, createElementArgArray);\n};\n\nvar useInsertionEffect = React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : useLayoutEffect;\nvar warnedAboutCssPropForGlobal = false; // maintain place over rerenders.\n// initial render from browser, insertBefore context.sheet.tags[0] or if a style hasn't been inserted there yet, appendChild\n// initial client-side render from SSR, use place of hydrating tag\n\nvar Global = /* #__PURE__ */withEmotionCache(function (props, cache) {\n if (process.env.NODE_ENV !== 'production' && !warnedAboutCssPropForGlobal && ( // check for className as well since the user is\n // probably using the custom createElement which\n // means it will be turned into a className prop\n // $FlowFixMe I don't really want to add it to the type since it shouldn't be used\n props.className || props.css)) {\n console.error(\"It looks like you're using the css prop on Global, did you mean to use the styles prop instead?\");\n warnedAboutCssPropForGlobal = true;\n }\n\n var styles = props.styles;\n var serialized = serializeStyles([styles], undefined, useContext(ThemeContext));\n // but it is based on a constant that will never change at runtime\n // it's effectively like having two implementations and switching them out\n // so it's not actually breaking anything\n\n\n var sheetRef = useRef();\n useInsertionEffect(function () {\n var key = cache.key + \"-global\"; // use case of https://github.com/emotion-js/emotion/issues/2675\n\n var sheet = new cache.sheet.constructor({\n key: key,\n nonce: cache.sheet.nonce,\n container: cache.sheet.container,\n speedy: cache.sheet.isSpeedy\n });\n var rehydrating = false; // $FlowFixMe\n\n var node = document.querySelector(\"style[data-emotion=\\\"\" + key + \" \" + serialized.name + \"\\\"]\");\n\n if (cache.sheet.tags.length) {\n sheet.before = cache.sheet.tags[0];\n }\n\n if (node !== null) {\n rehydrating = true; // clear the hash so this node won't be recognizable as rehydratable by other s\n\n node.setAttribute('data-emotion', key);\n sheet.hydrate([node]);\n }\n\n sheetRef.current = [sheet, rehydrating];\n return function () {\n sheet.flush();\n };\n }, [cache]);\n useInsertionEffect(function () {\n var sheetRefCurrent = sheetRef.current;\n var sheet = sheetRefCurrent[0],\n rehydrating = sheetRefCurrent[1];\n\n if (rehydrating) {\n sheetRefCurrent[1] = false;\n return;\n }\n\n if (serialized.next !== undefined) {\n // insert keyframes\n insertStyles(cache, serialized.next, true);\n }\n\n if (sheet.tags.length) {\n // if this doesn't exist then it will be null so the style element will be appended\n var element = sheet.tags[sheet.tags.length - 1].nextElementSibling;\n sheet.before = element;\n sheet.flush();\n }\n\n cache.insert(\"\", serialized, sheet, false);\n }, [cache, serialized.name]);\n return null;\n});\n\nif (process.env.NODE_ENV !== 'production') {\n Global.displayName = 'EmotionGlobal';\n}\n\nfunction css() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return serializeStyles(args);\n}\n\nvar keyframes = function keyframes() {\n var insertable = css.apply(void 0, arguments);\n var name = \"animation-\" + insertable.name; // $FlowFixMe\n\n return {\n name: name,\n styles: \"@keyframes \" + name + \"{\" + insertable.styles + \"}\",\n anim: 1,\n toString: function toString() {\n return \"_EMO_\" + this.name + \"_\" + this.styles + \"_EMO_\";\n }\n };\n};\n\nvar classnames = function classnames(args) {\n var len = args.length;\n var i = 0;\n var cls = '';\n\n for (; i < len; i++) {\n var arg = args[i];\n if (arg == null) continue;\n var toAdd = void 0;\n\n switch (typeof arg) {\n case 'boolean':\n break;\n\n case 'object':\n {\n if (Array.isArray(arg)) {\n toAdd = classnames(arg);\n } else {\n if (process.env.NODE_ENV !== 'production' && arg.styles !== undefined && arg.name !== undefined) {\n console.error('You have passed styles created with `css` from `@emotion/react` package to the `cx`.\\n' + '`cx` is meant to compose class names (strings) so you should convert those styles to a class name by passing them to the `css` received from component.');\n }\n\n toAdd = '';\n\n for (var k in arg) {\n if (arg[k] && k) {\n toAdd && (toAdd += ' ');\n toAdd += k;\n }\n }\n }\n\n break;\n }\n\n default:\n {\n toAdd = arg;\n }\n }\n\n if (toAdd) {\n cls && (cls += ' ');\n cls += toAdd;\n }\n }\n\n return cls;\n};\n\nfunction merge(registered, css, className) {\n var registeredStyles = [];\n var rawClassName = getRegisteredStyles(registered, registeredStyles, className);\n\n if (registeredStyles.length < 2) {\n return className;\n }\n\n return rawClassName + css(registeredStyles);\n}\n\nvar Insertion = function Insertion(_ref) {\n var cache = _ref.cache,\n serializedArr = _ref.serializedArr;\n var rules = useInsertionEffectMaybe(function () {\n\n for (var i = 0; i < serializedArr.length; i++) {\n var res = insertStyles(cache, serializedArr[i], false);\n }\n });\n\n return null;\n};\n\nvar ClassNames = /* #__PURE__ */withEmotionCache(function (props, cache) {\n var hasRendered = false;\n var serializedArr = [];\n\n var css = function css() {\n if (hasRendered && process.env.NODE_ENV !== 'production') {\n throw new Error('css can only be used during render');\n }\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n var serialized = serializeStyles(args, cache.registered);\n serializedArr.push(serialized); // registration has to happen here as the result of this might get consumed by `cx`\n\n registerStyles(cache, serialized, false);\n return cache.key + \"-\" + serialized.name;\n };\n\n var cx = function cx() {\n if (hasRendered && process.env.NODE_ENV !== 'production') {\n throw new Error('cx can only be used during render');\n }\n\n for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n\n return merge(cache.registered, css, classnames(args));\n };\n\n var content = {\n css: css,\n cx: cx,\n theme: useContext(ThemeContext)\n };\n var ele = props.children(content);\n hasRendered = true;\n return /*#__PURE__*/createElement(Fragment, null, /*#__PURE__*/createElement(Insertion, {\n cache: cache,\n serializedArr: serializedArr\n }), ele);\n});\n\nif (process.env.NODE_ENV !== 'production') {\n ClassNames.displayName = 'EmotionClassNames';\n}\n\nif (process.env.NODE_ENV !== 'production') {\n var isBrowser = \"object\" !== 'undefined'; // #1727 for some reason Jest evaluates modules twice if some consuming module gets mocked with jest.mock\n\n var isJest = typeof jest !== 'undefined';\n\n if (isBrowser && !isJest) {\n // globalThis has wide browser support - https://caniuse.com/?search=globalThis, Node.js 12 and later\n var globalContext = // $FlowIgnore\n typeof globalThis !== 'undefined' ? globalThis // eslint-disable-line no-undef\n : isBrowser ? window : global;\n var globalKey = \"__EMOTION_REACT_\" + pkg.version.split('.')[0] + \"__\";\n\n if (globalContext[globalKey]) {\n console.warn('You are loading @emotion/react when it is already loaded. Running ' + 'multiple instances may cause problems. This can happen if multiple ' + 'versions are used, or if multiple builds of the same version are ' + 'used.');\n }\n\n globalContext[globalKey] = true;\n }\n}\n\nexport { ClassNames, Global, jsx as createElement, css, jsx, keyframes };\n","import objectWithoutPropertiesLoose from \"./objectWithoutPropertiesLoose.js\";\nexport default function _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n var target = objectWithoutPropertiesLoose(source, excluded);\n var key, i;\n\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n\n return target;\n}","export default function _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}","export default function _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, _typeof(obj);\n}","export default function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}","function _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nexport default function _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n Object.defineProperty(Constructor, \"prototype\", {\n writable: false\n });\n return Constructor;\n}","export default function _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}","import setPrototypeOf from \"./setPrototypeOf.js\";\nexport default function _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n Object.defineProperty(subClass, \"prototype\", {\n writable: false\n });\n if (superClass) setPrototypeOf(subClass, superClass);\n}","export default function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}","import _extends from '@babel/runtime/helpers/esm/extends';\nimport { jsx, keyframes, css as css$2, ClassNames } from '@emotion/react';\nimport _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';\nimport _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';\nimport _typeof from '@babel/runtime/helpers/esm/typeof';\nimport _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';\nimport _createClass from '@babel/runtime/helpers/esm/createClass';\nimport _inherits from '@babel/runtime/helpers/esm/inherits';\nimport _defineProperty$1 from '@babel/runtime/helpers/esm/defineProperty';\nimport { Component, createContext } from 'react';\nimport { createPortal } from 'react-dom';\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n\n if (enumerableOnly) {\n symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n }\n\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread2(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\n\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n\n try {\n Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\n\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (typeof call === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return _assertThisInitialized(self);\n}\n\nfunction _createSuper(Derived) {\n var hasNativeReflectConstruct = _isNativeReflectConstruct();\n return function _createSuperInternal() {\n var Super = _getPrototypeOf(Derived),\n result;\n\n if (hasNativeReflectConstruct) {\n var NewTarget = _getPrototypeOf(this).constructor;\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n\n return _possibleConstructorReturn(this, result);\n };\n}\n\nvar _excluded$3 = [\"className\", \"clearValue\", \"cx\", \"getStyles\", \"getValue\", \"hasValue\", \"isMulti\", \"isRtl\", \"options\", \"selectOption\", \"selectProps\", \"setValue\", \"theme\"];\n// ==============================\n// NO OP\n// ==============================\nvar noop = function noop() {};\n// Class Name Prefixer\n// ==============================\n\n/**\n String representation of component state for styling with class names.\n\n Expects an array of strings OR a string/object pair:\n - className(['comp', 'comp-arg', 'comp-arg-2'])\n @returns 'react-select__comp react-select__comp-arg react-select__comp-arg-2'\n - className('comp', { some: true, state: false })\n @returns 'react-select__comp react-select__comp--some'\n*/\n\nfunction applyPrefixToName(prefix, name) {\n if (!name) {\n return prefix;\n } else if (name[0] === '-') {\n return prefix + name;\n } else {\n return prefix + '__' + name;\n }\n}\n\nfunction classNames(prefix, state, className) {\n var arr = [className];\n\n if (state && prefix) {\n for (var key in state) {\n if (state.hasOwnProperty(key) && state[key]) {\n arr.push(\"\".concat(applyPrefixToName(prefix, key)));\n }\n }\n }\n\n return arr.filter(function (i) {\n return i;\n }).map(function (i) {\n return String(i).trim();\n }).join(' ');\n} // ==============================\n// Clean Value\n// ==============================\n\nvar cleanValue = function cleanValue(value) {\n if (isArray(value)) return value.filter(Boolean);\n if (_typeof(value) === 'object' && value !== null) return [value];\n return [];\n}; // ==============================\n// Clean Common Props\n// ==============================\n\nvar cleanCommonProps = function cleanCommonProps(props) {\n //className\n props.className;\n props.clearValue;\n props.cx;\n props.getStyles;\n props.getValue;\n props.hasValue;\n props.isMulti;\n props.isRtl;\n props.options;\n props.selectOption;\n props.selectProps;\n props.setValue;\n props.theme;\n var innerProps = _objectWithoutProperties(props, _excluded$3);\n\n return _objectSpread2({}, innerProps);\n}; // ==============================\n// Handle Input Change\n// ==============================\n\nfunction handleInputChange(inputValue, actionMeta, onInputChange) {\n if (onInputChange) {\n var _newValue = onInputChange(inputValue, actionMeta);\n\n if (typeof _newValue === 'string') return _newValue;\n }\n\n return inputValue;\n} // ==============================\n// Scroll Helpers\n// ==============================\n\nfunction isDocumentElement(el) {\n return [document.documentElement, document.body, window].indexOf(el) > -1;\n} // Normalized Scroll Top\n// ------------------------------\n\nfunction getScrollTop(el) {\n if (isDocumentElement(el)) {\n return window.pageYOffset;\n }\n\n return el.scrollTop;\n}\nfunction scrollTo(el, top) {\n // with a scroll distance, we perform scroll on the element\n if (isDocumentElement(el)) {\n window.scrollTo(0, top);\n return;\n }\n\n el.scrollTop = top;\n} // Get Scroll Parent\n// ------------------------------\n\nfunction getScrollParent(element) {\n var style = getComputedStyle(element);\n var excludeStaticParent = style.position === 'absolute';\n var overflowRx = /(auto|scroll)/;\n if (style.position === 'fixed') return document.documentElement;\n\n for (var parent = element; parent = parent.parentElement;) {\n style = getComputedStyle(parent);\n\n if (excludeStaticParent && style.position === 'static') {\n continue;\n }\n\n if (overflowRx.test(style.overflow + style.overflowY + style.overflowX)) {\n return parent;\n }\n }\n\n return document.documentElement;\n} // Animated Scroll To\n// ------------------------------\n\n/**\n @param t: time (elapsed)\n @param b: initial value\n @param c: amount of change\n @param d: duration\n*/\n\nfunction easeOutCubic(t, b, c, d) {\n return c * ((t = t / d - 1) * t * t + 1) + b;\n}\n\nfunction animatedScrollTo(element, to) {\n var duration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 200;\n var callback = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : noop;\n var start = getScrollTop(element);\n var change = to - start;\n var increment = 10;\n var currentTime = 0;\n\n function animateScroll() {\n currentTime += increment;\n var val = easeOutCubic(currentTime, start, change, duration);\n scrollTo(element, val);\n\n if (currentTime < duration) {\n window.requestAnimationFrame(animateScroll);\n } else {\n callback(element);\n }\n }\n\n animateScroll();\n} // Scroll Into View\n// ------------------------------\n\nfunction scrollIntoView(menuEl, focusedEl) {\n var menuRect = menuEl.getBoundingClientRect();\n var focusedRect = focusedEl.getBoundingClientRect();\n var overScroll = focusedEl.offsetHeight / 3;\n\n if (focusedRect.bottom + overScroll > menuRect.bottom) {\n scrollTo(menuEl, Math.min(focusedEl.offsetTop + focusedEl.clientHeight - menuEl.offsetHeight + overScroll, menuEl.scrollHeight));\n } else if (focusedRect.top - overScroll < menuRect.top) {\n scrollTo(menuEl, Math.max(focusedEl.offsetTop - overScroll, 0));\n }\n} // ==============================\n// Get bounding client object\n// ==============================\n// cannot get keys using array notation with DOMRect\n\nfunction getBoundingClientObj(element) {\n var rect = element.getBoundingClientRect();\n return {\n bottom: rect.bottom,\n height: rect.height,\n left: rect.left,\n right: rect.right,\n top: rect.top,\n width: rect.width\n };\n}\n// Touch Capability Detector\n// ==============================\n\nfunction isTouchCapable() {\n try {\n document.createEvent('TouchEvent');\n return true;\n } catch (e) {\n return false;\n }\n} // ==============================\n// Mobile Device Detector\n// ==============================\n\nfunction isMobileDevice() {\n try {\n return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\n } catch (e) {\n return false;\n }\n} // ==============================\n// Passive Event Detector\n// ==============================\n// https://github.com/rafgraph/detect-it/blob/main/src/index.ts#L19-L36\n\nvar passiveOptionAccessed = false;\nvar options = {\n get passive() {\n return passiveOptionAccessed = true;\n }\n\n}; // check for SSR\n\nvar w = typeof window !== 'undefined' ? window : {};\n\nif (w.addEventListener && w.removeEventListener) {\n w.addEventListener('p', noop, options);\n w.removeEventListener('p', noop, false);\n}\n\nvar supportsPassiveEvents = passiveOptionAccessed;\nfunction notNullish(item) {\n return item != null;\n}\nfunction isArray(arg) {\n return Array.isArray(arg);\n}\nfunction valueTernary(isMulti, multiValue, singleValue) {\n return isMulti ? multiValue : singleValue;\n}\nfunction singleValueAsValue(singleValue) {\n return singleValue;\n}\nfunction multiValueAsValue(multiValue) {\n return multiValue;\n}\n\nfunction getMenuPlacement(_ref) {\n var maxHeight = _ref.maxHeight,\n menuEl = _ref.menuEl,\n minHeight = _ref.minHeight,\n placement = _ref.placement,\n shouldScroll = _ref.shouldScroll,\n isFixedPosition = _ref.isFixedPosition,\n theme = _ref.theme;\n var spacing = theme.spacing;\n var scrollParent = getScrollParent(menuEl);\n var defaultState = {\n placement: 'bottom',\n maxHeight: maxHeight\n }; // something went wrong, return default state\n\n if (!menuEl || !menuEl.offsetParent) return defaultState; // we can't trust `scrollParent.scrollHeight` --> it may increase when\n // the menu is rendered\n\n var _scrollParent$getBoun = scrollParent.getBoundingClientRect(),\n scrollHeight = _scrollParent$getBoun.height;\n\n var _menuEl$getBoundingCl = menuEl.getBoundingClientRect(),\n menuBottom = _menuEl$getBoundingCl.bottom,\n menuHeight = _menuEl$getBoundingCl.height,\n menuTop = _menuEl$getBoundingCl.top;\n\n var _menuEl$offsetParent$ = menuEl.offsetParent.getBoundingClientRect(),\n containerTop = _menuEl$offsetParent$.top;\n\n var viewHeight = window.innerHeight;\n var scrollTop = getScrollTop(scrollParent);\n var marginBottom = parseInt(getComputedStyle(menuEl).marginBottom, 10);\n var marginTop = parseInt(getComputedStyle(menuEl).marginTop, 10);\n var viewSpaceAbove = containerTop - marginTop;\n var viewSpaceBelow = viewHeight - menuTop;\n var scrollSpaceAbove = viewSpaceAbove + scrollTop;\n var scrollSpaceBelow = scrollHeight - scrollTop - menuTop;\n var scrollDown = menuBottom - viewHeight + scrollTop + marginBottom;\n var scrollUp = scrollTop + menuTop - marginTop;\n var scrollDuration = 160;\n\n switch (placement) {\n case 'auto':\n case 'bottom':\n // 1: the menu will fit, do nothing\n if (viewSpaceBelow >= menuHeight) {\n return {\n placement: 'bottom',\n maxHeight: maxHeight\n };\n } // 2: the menu will fit, if scrolled\n\n\n if (scrollSpaceBelow >= menuHeight && !isFixedPosition) {\n if (shouldScroll) {\n animatedScrollTo(scrollParent, scrollDown, scrollDuration);\n }\n\n return {\n placement: 'bottom',\n maxHeight: maxHeight\n };\n } // 3: the menu will fit, if constrained\n\n\n if (!isFixedPosition && scrollSpaceBelow >= minHeight || isFixedPosition && viewSpaceBelow >= minHeight) {\n if (shouldScroll) {\n animatedScrollTo(scrollParent, scrollDown, scrollDuration);\n } // we want to provide as much of the menu as possible to the user,\n // so give them whatever is available below rather than the minHeight.\n\n\n var constrainedHeight = isFixedPosition ? viewSpaceBelow - marginBottom : scrollSpaceBelow - marginBottom;\n return {\n placement: 'bottom',\n maxHeight: constrainedHeight\n };\n } // 4. Forked beviour when there isn't enough space below\n // AUTO: flip the menu, render above\n\n\n if (placement === 'auto' || isFixedPosition) {\n // may need to be constrained after flipping\n var _constrainedHeight = maxHeight;\n var spaceAbove = isFixedPosition ? viewSpaceAbove : scrollSpaceAbove;\n\n if (spaceAbove >= minHeight) {\n _constrainedHeight = Math.min(spaceAbove - marginBottom - spacing.controlHeight, maxHeight);\n }\n\n return {\n placement: 'top',\n maxHeight: _constrainedHeight\n };\n } // BOTTOM: allow browser to increase scrollable area and immediately set scroll\n\n\n if (placement === 'bottom') {\n if (shouldScroll) {\n scrollTo(scrollParent, scrollDown);\n }\n\n return {\n placement: 'bottom',\n maxHeight: maxHeight\n };\n }\n\n break;\n\n case 'top':\n // 1: the menu will fit, do nothing\n if (viewSpaceAbove >= menuHeight) {\n return {\n placement: 'top',\n maxHeight: maxHeight\n };\n } // 2: the menu will fit, if scrolled\n\n\n if (scrollSpaceAbove >= menuHeight && !isFixedPosition) {\n if (shouldScroll) {\n animatedScrollTo(scrollParent, scrollUp, scrollDuration);\n }\n\n return {\n placement: 'top',\n maxHeight: maxHeight\n };\n } // 3: the menu will fit, if constrained\n\n\n if (!isFixedPosition && scrollSpaceAbove >= minHeight || isFixedPosition && viewSpaceAbove >= minHeight) {\n var _constrainedHeight2 = maxHeight; // we want to provide as much of the menu as possible to the user,\n // so give them whatever is available below rather than the minHeight.\n\n if (!isFixedPosition && scrollSpaceAbove >= minHeight || isFixedPosition && viewSpaceAbove >= minHeight) {\n _constrainedHeight2 = isFixedPosition ? viewSpaceAbove - marginTop : scrollSpaceAbove - marginTop;\n }\n\n if (shouldScroll) {\n animatedScrollTo(scrollParent, scrollUp, scrollDuration);\n }\n\n return {\n placement: 'top',\n maxHeight: _constrainedHeight2\n };\n } // 4. not enough space, the browser WILL NOT increase scrollable area when\n // absolutely positioned element rendered above the viewport (only below).\n // Flip the menu, render below\n\n\n return {\n placement: 'bottom',\n maxHeight: maxHeight\n };\n\n default:\n throw new Error(\"Invalid placement provided \\\"\".concat(placement, \"\\\".\"));\n }\n\n return defaultState;\n} // Menu Component\n// ------------------------------\n\nfunction alignToControl(placement) {\n var placementToCSSProp = {\n bottom: 'top',\n top: 'bottom'\n };\n return placement ? placementToCSSProp[placement] : 'bottom';\n}\n\nvar coercePlacement = function coercePlacement(p) {\n return p === 'auto' ? 'bottom' : p;\n};\n\nvar menuCSS = function menuCSS(_ref2) {\n var _ref3;\n\n var placement = _ref2.placement,\n _ref2$theme = _ref2.theme,\n borderRadius = _ref2$theme.borderRadius,\n spacing = _ref2$theme.spacing,\n colors = _ref2$theme.colors;\n return _ref3 = {\n label: 'menu'\n }, _defineProperty$1(_ref3, alignToControl(placement), '100%'), _defineProperty$1(_ref3, \"backgroundColor\", colors.neutral0), _defineProperty$1(_ref3, \"borderRadius\", borderRadius), _defineProperty$1(_ref3, \"boxShadow\", '0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)'), _defineProperty$1(_ref3, \"marginBottom\", spacing.menuGutter), _defineProperty$1(_ref3, \"marginTop\", spacing.menuGutter), _defineProperty$1(_ref3, \"position\", 'absolute'), _defineProperty$1(_ref3, \"width\", '100%'), _defineProperty$1(_ref3, \"zIndex\", 1), _ref3;\n};\nvar PortalPlacementContext = /*#__PURE__*/createContext({\n getPortalPlacement: null\n}); // NOTE: internal only\n\nvar MenuPlacer = /*#__PURE__*/function (_Component) {\n _inherits(MenuPlacer, _Component);\n\n var _super = _createSuper(MenuPlacer);\n\n function MenuPlacer() {\n var _this;\n\n _classCallCheck(this, MenuPlacer);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _super.call.apply(_super, [this].concat(args));\n _this.state = {\n maxHeight: _this.props.maxMenuHeight,\n placement: null\n };\n _this.context = void 0;\n\n _this.getPlacement = function (ref) {\n var _this$props = _this.props,\n minMenuHeight = _this$props.minMenuHeight,\n maxMenuHeight = _this$props.maxMenuHeight,\n menuPlacement = _this$props.menuPlacement,\n menuPosition = _this$props.menuPosition,\n menuShouldScrollIntoView = _this$props.menuShouldScrollIntoView,\n theme = _this$props.theme;\n if (!ref) return; // DO NOT scroll if position is fixed\n\n var isFixedPosition = menuPosition === 'fixed';\n var shouldScroll = menuShouldScrollIntoView && !isFixedPosition;\n var state = getMenuPlacement({\n maxHeight: maxMenuHeight,\n menuEl: ref,\n minHeight: minMenuHeight,\n placement: menuPlacement,\n shouldScroll: shouldScroll,\n isFixedPosition: isFixedPosition,\n theme: theme\n });\n var getPortalPlacement = _this.context.getPortalPlacement;\n if (getPortalPlacement) getPortalPlacement(state);\n\n _this.setState(state);\n };\n\n _this.getUpdatedProps = function () {\n var menuPlacement = _this.props.menuPlacement;\n var placement = _this.state.placement || coercePlacement(menuPlacement);\n return _objectSpread2(_objectSpread2({}, _this.props), {}, {\n placement: placement,\n maxHeight: _this.state.maxHeight\n });\n };\n\n return _this;\n }\n\n _createClass(MenuPlacer, [{\n key: \"render\",\n value: function render() {\n var children = this.props.children;\n return children({\n ref: this.getPlacement,\n placerProps: this.getUpdatedProps()\n });\n }\n }]);\n\n return MenuPlacer;\n}(Component);\nMenuPlacer.contextType = PortalPlacementContext;\n\nvar Menu = function Menu(props) {\n var children = props.children,\n className = props.className,\n cx = props.cx,\n getStyles = props.getStyles,\n innerRef = props.innerRef,\n innerProps = props.innerProps;\n return jsx(\"div\", _extends({\n css: getStyles('menu', props),\n className: cx({\n menu: true\n }, className),\n ref: innerRef\n }, innerProps), children);\n};\n// Menu List\n// ==============================\n\nvar menuListCSS = function menuListCSS(_ref4) {\n var maxHeight = _ref4.maxHeight,\n baseUnit = _ref4.theme.spacing.baseUnit;\n return {\n maxHeight: maxHeight,\n overflowY: 'auto',\n paddingBottom: baseUnit,\n paddingTop: baseUnit,\n position: 'relative',\n // required for offset[Height, Top] > keyboard scroll\n WebkitOverflowScrolling: 'touch'\n };\n};\nvar MenuList = function MenuList(props) {\n var children = props.children,\n className = props.className,\n cx = props.cx,\n getStyles = props.getStyles,\n innerProps = props.innerProps,\n innerRef = props.innerRef,\n isMulti = props.isMulti;\n return jsx(\"div\", _extends({\n css: getStyles('menuList', props),\n className: cx({\n 'menu-list': true,\n 'menu-list--is-multi': isMulti\n }, className),\n ref: innerRef\n }, innerProps), children);\n}; // ==============================\n// Menu Notices\n// ==============================\n\nvar noticeCSS = function noticeCSS(_ref5) {\n var _ref5$theme = _ref5.theme,\n baseUnit = _ref5$theme.spacing.baseUnit,\n colors = _ref5$theme.colors;\n return {\n color: colors.neutral40,\n padding: \"\".concat(baseUnit * 2, \"px \").concat(baseUnit * 3, \"px\"),\n textAlign: 'center'\n };\n};\n\nvar noOptionsMessageCSS = noticeCSS;\nvar loadingMessageCSS = noticeCSS;\nvar NoOptionsMessage = function NoOptionsMessage(props) {\n var children = props.children,\n className = props.className,\n cx = props.cx,\n getStyles = props.getStyles,\n innerProps = props.innerProps;\n return jsx(\"div\", _extends({\n css: getStyles('noOptionsMessage', props),\n className: cx({\n 'menu-notice': true,\n 'menu-notice--no-options': true\n }, className)\n }, innerProps), children);\n};\nNoOptionsMessage.defaultProps = {\n children: 'No options'\n};\nvar LoadingMessage = function LoadingMessage(props) {\n var children = props.children,\n className = props.className,\n cx = props.cx,\n getStyles = props.getStyles,\n innerProps = props.innerProps;\n return jsx(\"div\", _extends({\n css: getStyles('loadingMessage', props),\n className: cx({\n 'menu-notice': true,\n 'menu-notice--loading': true\n }, className)\n }, innerProps), children);\n};\nLoadingMessage.defaultProps = {\n children: 'Loading...'\n}; // ==============================\n// Menu Portal\n// ==============================\n\nvar menuPortalCSS = function menuPortalCSS(_ref6) {\n var rect = _ref6.rect,\n offset = _ref6.offset,\n position = _ref6.position;\n return {\n left: rect.left,\n position: position,\n top: offset,\n width: rect.width,\n zIndex: 1\n };\n};\nvar MenuPortal = /*#__PURE__*/function (_Component2) {\n _inherits(MenuPortal, _Component2);\n\n var _super2 = _createSuper(MenuPortal);\n\n function MenuPortal() {\n var _this2;\n\n _classCallCheck(this, MenuPortal);\n\n for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n\n _this2 = _super2.call.apply(_super2, [this].concat(args));\n _this2.state = {\n placement: null\n };\n\n _this2.getPortalPlacement = function (_ref7) {\n var placement = _ref7.placement;\n var initialPlacement = coercePlacement(_this2.props.menuPlacement); // avoid re-renders if the placement has not changed\n\n if (placement !== initialPlacement) {\n _this2.setState({\n placement: placement\n });\n }\n };\n\n return _this2;\n }\n\n _createClass(MenuPortal, [{\n key: \"render\",\n value: function render() {\n var _this$props2 = this.props,\n appendTo = _this$props2.appendTo,\n children = _this$props2.children,\n className = _this$props2.className,\n controlElement = _this$props2.controlElement,\n cx = _this$props2.cx,\n innerProps = _this$props2.innerProps,\n menuPlacement = _this$props2.menuPlacement,\n position = _this$props2.menuPosition,\n getStyles = _this$props2.getStyles;\n var isFixed = position === 'fixed'; // bail early if required elements aren't present\n\n if (!appendTo && !isFixed || !controlElement) {\n return null;\n }\n\n var placement = this.state.placement || coercePlacement(menuPlacement);\n var rect = getBoundingClientObj(controlElement);\n var scrollDistance = isFixed ? 0 : window.pageYOffset;\n var offset = rect[placement] + scrollDistance;\n var state = {\n offset: offset,\n position: position,\n rect: rect\n }; // same wrapper element whether fixed or portalled\n\n var menuWrapper = jsx(\"div\", _extends({\n css: getStyles('menuPortal', state),\n className: cx({\n 'menu-portal': true\n }, className)\n }, innerProps), children);\n return jsx(PortalPlacementContext.Provider, {\n value: {\n getPortalPlacement: this.getPortalPlacement\n }\n }, appendTo ? /*#__PURE__*/createPortal(menuWrapper, appendTo) : menuWrapper);\n }\n }]);\n\n return MenuPortal;\n}(Component);\n\nvar containerCSS = function containerCSS(_ref) {\n var isDisabled = _ref.isDisabled,\n isRtl = _ref.isRtl;\n return {\n label: 'container',\n direction: isRtl ? 'rtl' : undefined,\n pointerEvents: isDisabled ? 'none' : undefined,\n // cancel mouse events when disabled\n position: 'relative'\n };\n};\nvar SelectContainer = function SelectContainer(props) {\n var children = props.children,\n className = props.className,\n cx = props.cx,\n getStyles = props.getStyles,\n innerProps = props.innerProps,\n isDisabled = props.isDisabled,\n isRtl = props.isRtl;\n return jsx(\"div\", _extends({\n css: getStyles('container', props),\n className: cx({\n '--is-disabled': isDisabled,\n '--is-rtl': isRtl\n }, className)\n }, innerProps), children);\n}; // ==============================\n// Value Container\n// ==============================\n\nvar valueContainerCSS = function valueContainerCSS(_ref2) {\n var spacing = _ref2.theme.spacing,\n isMulti = _ref2.isMulti,\n hasValue = _ref2.hasValue,\n controlShouldRenderValue = _ref2.selectProps.controlShouldRenderValue;\n return {\n alignItems: 'center',\n display: isMulti && hasValue && controlShouldRenderValue ? 'flex' : 'grid',\n flex: 1,\n flexWrap: 'wrap',\n padding: \"\".concat(spacing.baseUnit / 2, \"px \").concat(spacing.baseUnit * 2, \"px\"),\n WebkitOverflowScrolling: 'touch',\n position: 'relative',\n overflow: 'hidden'\n };\n};\nvar ValueContainer = function ValueContainer(props) {\n var children = props.children,\n className = props.className,\n cx = props.cx,\n innerProps = props.innerProps,\n isMulti = props.isMulti,\n getStyles = props.getStyles,\n hasValue = props.hasValue;\n return jsx(\"div\", _extends({\n css: getStyles('valueContainer', props),\n className: cx({\n 'value-container': true,\n 'value-container--is-multi': isMulti,\n 'value-container--has-value': hasValue\n }, className)\n }, innerProps), children);\n}; // ==============================\n// Indicator Container\n// ==============================\n\nvar indicatorsContainerCSS = function indicatorsContainerCSS() {\n return {\n alignItems: 'center',\n alignSelf: 'stretch',\n display: 'flex',\n flexShrink: 0\n };\n};\nvar IndicatorsContainer = function IndicatorsContainer(props) {\n var children = props.children,\n className = props.className,\n cx = props.cx,\n innerProps = props.innerProps,\n getStyles = props.getStyles;\n return jsx(\"div\", _extends({\n css: getStyles('indicatorsContainer', props),\n className: cx({\n indicators: true\n }, className)\n }, innerProps), children);\n};\n\nvar _templateObject;\n\nvar _excluded$2 = [\"size\"];\n\nfunction _EMOTION_STRINGIFIED_CSS_ERROR__() { return \"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).\"; }\n\nvar _ref2 = process.env.NODE_ENV === \"production\" ? {\n name: \"8mmkcg\",\n styles: \"display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0\"\n} : {\n name: \"tj5bde-Svg\",\n styles: \"display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0;label:Svg;\",\n map: \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGljYXRvcnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCSSIsImZpbGUiOiJpbmRpY2F0b3JzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsganN4LCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7XG4gIENvbW1vblByb3BzQW5kQ2xhc3NOYW1lLFxuICBDU1NPYmplY3RXaXRoTGFiZWwsXG4gIEdyb3VwQmFzZSxcbn0gZnJvbSAnLi4vdHlwZXMnO1xuXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIERyb3Bkb3duICYgQ2xlYXIgSWNvbnNcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG5jb25zdCBTdmcgPSAoe1xuICBzaXplLFxuICAuLi5wcm9wc1xufTogSlNYLkludHJpbnNpY0VsZW1lbnRzWydzdmcnXSAmIHsgc2l6ZTogbnVtYmVyIH0pID0+IChcbiAgPHN2Z1xuICAgIGhlaWdodD17c2l6ZX1cbiAgICB3aWR0aD17c2l6ZX1cbiAgICB2aWV3Qm94PVwiMCAwIDIwIDIwXCJcbiAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgIGZvY3VzYWJsZT1cImZhbHNlXCJcbiAgICBjc3M9e3tcbiAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgZmlsbDogJ2N1cnJlbnRDb2xvcicsXG4gICAgICBsaW5lSGVpZ2h0OiAxLFxuICAgICAgc3Ryb2tlOiAnY3VycmVudENvbG9yJyxcbiAgICAgIHN0cm9rZVdpZHRoOiAwLFxuICAgIH19XG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcblxuZXhwb3J0IHR5cGUgQ3Jvc3NJY29uUHJvcHMgPSBKU1guSW50cmluc2ljRWxlbWVudHNbJ3N2ZyddICYgeyBzaXplPzogbnVtYmVyIH07XG5leHBvcnQgY29uc3QgQ3Jvc3NJY29uID0gKHByb3BzOiBDcm9zc0ljb25Qcm9wcykgPT4gKFxuICA8U3ZnIHNpemU9ezIwfSB7Li4ucHJvcHN9PlxuICAgIDxwYXRoIGQ9XCJNMTQuMzQ4IDE0Ljg0OWMtMC40NjkgMC40NjktMS4yMjkgMC40NjktMS42OTcgMGwtMi42NTEtMy4wMzAtMi42NTEgMy4wMjljLTAuNDY5IDAuNDY5LTEuMjI5IDAuNDY5LTEuNjk3IDAtMC40NjktMC40NjktMC40NjktMS4yMjkgMC0xLjY5N2wyLjc1OC0zLjE1LTIuNzU5LTMuMTUyYy0wLjQ2OS0wLjQ2OS0wLjQ2OS0xLjIyOCAwLTEuNjk3czEuMjI4LTAuNDY5IDEuNjk3IDBsMi42NTIgMy4wMzEgMi42NTEtMy4wMzFjMC40NjktMC40NjkgMS4yMjgtMC40NjkgMS42OTcgMHMwLjQ2OSAxLjIyOSAwIDEuNjk3bC0yLjc1OCAzLjE1MiAyLjc1OCAzLjE1YzAuNDY5IDAuNDY5IDAuNDY5IDEuMjI5IDAgMS42OTh6XCIgLz5cbiAgPC9Tdmc+XG4pO1xuZXhwb3J0IHR5cGUgRG93bkNoZXZyb25Qcm9wcyA9IEpTWC5JbnRyaW5zaWNFbGVtZW50c1snc3ZnJ10gJiB7IHNpemU/OiBudW1iZXIgfTtcbmV4cG9ydCBjb25zdCBEb3duQ2hldnJvbiA9IChwcm9wczogRG93bkNoZXZyb25Qcm9wcykgPT4gKFxuICA8U3ZnIHNpemU9ezIwfSB7Li4ucHJvcHN9PlxuICAgIDxwYXRoIGQ9XCJNNC41MTYgNy41NDhjMC40MzYtMC40NDYgMS4wNDMtMC40ODEgMS41NzYgMGwzLjkwOCAzLjc0NyAzLjkwOC0zLjc0N2MwLjUzMy0wLjQ4MSAxLjE0MS0wLjQ0NiAxLjU3NCAwIDAuNDM2IDAuNDQ1IDAuNDA4IDEuMTk3IDAgMS42MTUtMC40MDYgMC40MTgtNC42OTUgNC41MDItNC42OTUgNC41MDItMC4yMTcgMC4yMjMtMC41MDIgMC4zMzUtMC43ODcgMC4zMzVzLTAuNTctMC4xMTItMC43ODktMC4zMzVjMCAwLTQuMjg3LTQuMDg0LTQuNjk1LTQuNTAycy0wLjQzNi0xLjE3IDAtMS42MTV6XCIgLz5cbiAgPC9Tdmc+XG4pO1xuXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIERyb3Bkb3duICYgQ2xlYXIgQnV0dG9uc1xuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG5cbmV4cG9ydCBpbnRlcmZhY2UgRHJvcGRvd25JbmRpY2F0b3JQcm9wczxcbiAgT3B0aW9uID0gdW5rbm93bixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4gPSBib29sZWFuLFxuICBHcm91cCBleHRlbmRzIEdyb3VwQmFzZTxPcHRpb24+ID0gR3JvdXBCYXNlPE9wdGlvbj5cbj4gZXh0ZW5kcyBDb21tb25Qcm9wc0FuZENsYXNzTmFtZTxPcHRpb24sIElzTXVsdGksIEdyb3VwPiB7XG4gIC8qKiBUaGUgY2hpbGRyZW4gdG8gYmUgcmVuZGVyZWQgaW5zaWRlIHRoZSBpbmRpY2F0b3IuICovXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xuICAvKiogUHJvcHMgdGhhdCB3aWxsIGJlIHBhc3NlZCBvbiB0byB0aGUgY2hpbGRyZW4uICovXG4gIGlubmVyUHJvcHM6IEpTWC5JbnRyaW5zaWNFbGVtZW50c1snZGl2J107XG4gIC8qKiBUaGUgZm9jdXNlZCBzdGF0ZSBvZiB0aGUgc2VsZWN0LiAqL1xuICBpc0ZvY3VzZWQ6IGJvb2xlYW47XG4gIGlzRGlzYWJsZWQ6IGJvb2xlYW47XG59XG5cbmNvbnN0IGJhc2VDU1MgPSA8XG4gIE9wdGlvbixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj5cbj4oe1xuICBpc0ZvY3VzZWQsXG4gIHRoZW1lOiB7XG4gICAgc3BhY2luZzogeyBiYXNlVW5pdCB9LFxuICAgIGNvbG9ycyxcbiAgfSxcbn06XG4gIHwgRHJvcGRvd25JbmRpY2F0b3JQcm9wczxPcHRpb24sIElzTXVsdGksIEdyb3VwPlxuICB8IENsZWFySW5kaWNhdG9yUHJvcHM8T3B0aW9uLCBJc011bHRpLCBHcm91cD4pOiBDU1NPYmplY3RXaXRoTGFiZWwgPT4gKHtcbiAgbGFiZWw6ICdpbmRpY2F0b3JDb250YWluZXInLFxuICBjb2xvcjogaXNGb2N1c2VkID8gY29sb3JzLm5ldXRyYWw2MCA6IGNvbG9ycy5uZXV0cmFsMjAsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgcGFkZGluZzogYmFzZVVuaXQgKiAyLFxuICB0cmFuc2l0aW9uOiAnY29sb3IgMTUwbXMnLFxuXG4gICc6aG92ZXInOiB7XG4gICAgY29sb3I6IGlzRm9jdXNlZCA/IGNvbG9ycy5uZXV0cmFsODAgOiBjb2xvcnMubmV1dHJhbDQwLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBkcm9wZG93bkluZGljYXRvckNTUyA9IGJhc2VDU1M7XG5leHBvcnQgY29uc3QgRHJvcGRvd25JbmRpY2F0b3IgPSA8XG4gIE9wdGlvbixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj5cbj4oXG4gIHByb3BzOiBEcm9wZG93bkluZGljYXRvclByb3BzPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+XG4pID0+IHtcbiAgY29uc3QgeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBjeCwgZ2V0U3R5bGVzLCBpbm5lclByb3BzIH0gPSBwcm9wcztcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2dldFN0eWxlcygnZHJvcGRvd25JbmRpY2F0b3InLCBwcm9wcyl9XG4gICAgICBjbGFzc05hbWU9e2N4KFxuICAgICAgICB7XG4gICAgICAgICAgaW5kaWNhdG9yOiB0cnVlLFxuICAgICAgICAgICdkcm9wZG93bi1pbmRpY2F0b3InOiB0cnVlLFxuICAgICAgICB9LFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgICB7Li4uaW5uZXJQcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW4gfHwgPERvd25DaGV2cm9uIC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGludGVyZmFjZSBDbGVhckluZGljYXRvclByb3BzPFxuICBPcHRpb24gPSB1bmtub3duLFxuICBJc011bHRpIGV4dGVuZHMgYm9vbGVhbiA9IGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj4gPSBHcm91cEJhc2U8T3B0aW9uPlxuPiBleHRlbmRzIENvbW1vblByb3BzQW5kQ2xhc3NOYW1lPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+IHtcbiAgLyoqIFRoZSBjaGlsZHJlbiB0byBiZSByZW5kZXJlZCBpbnNpZGUgdGhlIGluZGljYXRvci4gKi9cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogSlNYLkludHJpbnNpY0VsZW1lbnRzWydkaXYnXTtcbiAgLyoqIFRoZSBmb2N1c2VkIHN0YXRlIG9mIHRoZSBzZWxlY3QuICovXG4gIGlzRm9jdXNlZDogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IGNsZWFySW5kaWNhdG9yQ1NTID0gYmFzZUNTUztcbmV4cG9ydCBjb25zdCBDbGVhckluZGljYXRvciA9IDxcbiAgT3B0aW9uLFxuICBJc011bHRpIGV4dGVuZHMgYm9vbGVhbixcbiAgR3JvdXAgZXh0ZW5kcyBHcm91cEJhc2U8T3B0aW9uPlxuPihcbiAgcHJvcHM6IENsZWFySW5kaWNhdG9yUHJvcHM8T3B0aW9uLCBJc011bHRpLCBHcm91cD5cbikgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Z2V0U3R5bGVzKCdjbGVhckluZGljYXRvcicsIHByb3BzKX1cbiAgICAgIGNsYXNzTmFtZT17Y3goXG4gICAgICAgIHtcbiAgICAgICAgICBpbmRpY2F0b3I6IHRydWUsXG4gICAgICAgICAgJ2NsZWFyLWluZGljYXRvcic6IHRydWUsXG4gICAgICAgIH0sXG4gICAgICAgIGNsYXNzTmFtZVxuICAgICAgKX1cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8Q3Jvc3NJY29uIC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBTZXBhcmF0b3Jcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG5leHBvcnQgaW50ZXJmYWNlIEluZGljYXRvclNlcGFyYXRvclByb3BzPFxuICBPcHRpb24gPSB1bmtub3duLFxuICBJc011bHRpIGV4dGVuZHMgYm9vbGVhbiA9IGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj4gPSBHcm91cEJhc2U8T3B0aW9uPlxuPiBleHRlbmRzIENvbW1vblByb3BzQW5kQ2xhc3NOYW1lPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+IHtcbiAgaXNEaXNhYmxlZDogYm9vbGVhbjtcbiAgaXNGb2N1c2VkOiBib29sZWFuO1xuICBpbm5lclByb3BzPzogSlNYLkludHJpbnNpY0VsZW1lbnRzWydzcGFuJ107XG59XG5cbmV4cG9ydCBjb25zdCBpbmRpY2F0b3JTZXBhcmF0b3JDU1MgPSA8XG4gIE9wdGlvbixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj5cbj4oe1xuICBpc0Rpc2FibGVkLFxuICB0aGVtZToge1xuICAgIHNwYWNpbmc6IHsgYmFzZVVuaXQgfSxcbiAgICBjb2xvcnMsXG4gIH0sXG59OiBJbmRpY2F0b3JTZXBhcmF0b3JQcm9wczxPcHRpb24sIElzTXVsdGksIEdyb3VwPik6IENTU09iamVjdFdpdGhMYWJlbCA9PiAoe1xuICBsYWJlbDogJ2luZGljYXRvclNlcGFyYXRvcicsXG4gIGFsaWduU2VsZjogJ3N0cmV0Y2gnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGlzRGlzYWJsZWQgPyBjb2xvcnMubmV1dHJhbDEwIDogY29sb3JzLm5ldXRyYWwyMCxcbiAgbWFyZ2luQm90dG9tOiBiYXNlVW5pdCAqIDIsXG4gIG1hcmdpblRvcDogYmFzZVVuaXQgKiAyLFxuICB3aWR0aDogMSxcbn0pO1xuXG5leHBvcnQgY29uc3QgSW5kaWNhdG9yU2VwYXJhdG9yID0gPFxuICBPcHRpb24sXG4gIElzTXVsdGkgZXh0ZW5kcyBib29sZWFuLFxuICBHcm91cCBleHRlbmRzIEdyb3VwQmFzZTxPcHRpb24+XG4+KFxuICBwcm9wczogSW5kaWNhdG9yU2VwYXJhdG9yUHJvcHM8T3B0aW9uLCBJc011bHRpLCBHcm91cD5cbikgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSwgY3gsIGdldFN0eWxlcywgaW5uZXJQcm9wcyB9ID0gcHJvcHM7XG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2luZGljYXRvclNlcGFyYXRvcicsIHByb3BzKX1cbiAgICAgIGNsYXNzTmFtZT17Y3goeyAnaW5kaWNhdG9yLXNlcGFyYXRvcic6IHRydWUgfSwgY2xhc3NOYW1lKX1cbiAgICAvPlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBMb2FkaW5nXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgbG9hZGluZ0RvdEFuaW1hdGlvbnMgPSBrZXlmcmFtZXNgXG4gIDAlLCA4MCUsIDEwMCUgeyBvcGFjaXR5OiAwOyB9XG4gIDQwJSB7IG9wYWNpdHk6IDE7IH1cbmA7XG5cbmV4cG9ydCBjb25zdCBsb2FkaW5nSW5kaWNhdG9yQ1NTID0gPFxuICBPcHRpb24sXG4gIElzTXVsdGkgZXh0ZW5kcyBib29sZWFuLFxuICBHcm91cCBleHRlbmRzIEdyb3VwQmFzZTxPcHRpb24+XG4+KHtcbiAgaXNGb2N1c2VkLFxuICBzaXplLFxuICB0aGVtZToge1xuICAgIGNvbG9ycyxcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gIH0sXG59OiBMb2FkaW5nSW5kaWNhdG9yUHJvcHM8T3B0aW9uLCBJc011bHRpLCBHcm91cD4pOiBDU1NPYmplY3RXaXRoTGFiZWwgPT4gKHtcbiAgbGFiZWw6ICdsb2FkaW5nSW5kaWNhdG9yJyxcbiAgY29sb3I6IGlzRm9jdXNlZCA/IGNvbG9ycy5uZXV0cmFsNjAgOiBjb2xvcnMubmV1dHJhbDIwLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIHBhZGRpbmc6IGJhc2VVbml0ICogMixcbiAgdHJhbnNpdGlvbjogJ2NvbG9yIDE1MG1zJyxcbiAgYWxpZ25TZWxmOiAnY2VudGVyJyxcbiAgZm9udFNpemU6IHNpemUsXG4gIGxpbmVIZWlnaHQ6IDEsXG4gIG1hcmdpblJpZ2h0OiBzaXplLFxuICB0ZXh0QWxpZ246ICdjZW50ZXInLFxuICB2ZXJ0aWNhbEFsaWduOiAnbWlkZGxlJyxcbn0pO1xuXG5pbnRlcmZhY2UgTG9hZGluZ0RvdFByb3BzIHtcbiAgZGVsYXk6IG51bWJlcjtcbiAgb2Zmc2V0OiBib29sZWFuO1xufVxuY29uc3QgTG9hZGluZ0RvdCA9ICh7IGRlbGF5LCBvZmZzZXQgfTogTG9hZGluZ0RvdFByb3BzKSA9PiAoXG4gIDxzcGFuXG4gICAgY3NzPXt7XG4gICAgICBhbmltYXRpb246IGAke2xvYWRpbmdEb3RBbmltYXRpb25zfSAxcyBlYXNlLWluLW91dCAke2RlbGF5fW1zIGluZmluaXRlO2AsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6ICdjdXJyZW50Q29sb3InLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnMWVtJyxcbiAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgbWFyZ2luTGVmdDogb2Zmc2V0ID8gJzFlbScgOiB1bmRlZmluZWQsXG4gICAgICBoZWlnaHQ6ICcxZW0nLFxuICAgICAgdmVydGljYWxBbGlnbjogJ3RvcCcsXG4gICAgICB3aWR0aDogJzFlbScsXG4gICAgfX1cbiAgLz5cbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTG9hZGluZ0luZGljYXRvclByb3BzPFxuICBPcHRpb24gPSB1bmtub3duLFxuICBJc011bHRpIGV4dGVuZHMgYm9vbGVhbiA9IGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj4gPSBHcm91cEJhc2U8T3B0aW9uPlxuPiBleHRlbmRzIENvbW1vblByb3BzQW5kQ2xhc3NOYW1lPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+IHtcbiAgLyoqIFByb3BzIHRoYXQgd2lsbCBiZSBwYXNzZWQgb24gdG8gdGhlIGNoaWxkcmVuLiAqL1xuICBpbm5lclByb3BzOiBKU1guSW50cmluc2ljRWxlbWVudHNbJ2RpdiddO1xuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuO1xuICBpc0Rpc2FibGVkOiBib29sZWFuO1xuICAvKiogU2V0IHNpemUgb2YgdGhlIGNvbnRhaW5lci4gKi9cbiAgc2l6ZTogbnVtYmVyO1xufVxuZXhwb3J0IGNvbnN0IExvYWRpbmdJbmRpY2F0b3IgPSA8XG4gIE9wdGlvbixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj5cbj4oXG4gIHByb3BzOiBMb2FkaW5nSW5kaWNhdG9yUHJvcHM8T3B0aW9uLCBJc011bHRpLCBHcm91cD5cbikgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSwgY3gsIGdldFN0eWxlcywgaW5uZXJQcm9wcywgaXNSdGwgfSA9IHByb3BzO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2xvYWRpbmdJbmRpY2F0b3InLCBwcm9wcyl9XG4gICAgICBjbGFzc05hbWU9e2N4KFxuICAgICAgICB7XG4gICAgICAgICAgaW5kaWNhdG9yOiB0cnVlLFxuICAgICAgICAgICdsb2FkaW5nLWluZGljYXRvcic6IHRydWUsXG4gICAgICAgIH0sXG4gICAgICAgIGNsYXNzTmFtZVxuICAgICAgKX1cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgID5cbiAgICAgIDxMb2FkaW5nRG90IGRlbGF5PXswfSBvZmZzZXQ9e2lzUnRsfSAvPlxuICAgICAgPExvYWRpbmdEb3QgZGVsYXk9ezE2MH0gb2Zmc2V0IC8+XG4gICAgICA8TG9hZGluZ0RvdCBkZWxheT17MzIwfSBvZmZzZXQ9eyFpc1J0bH0gLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Mb2FkaW5nSW5kaWNhdG9yLmRlZmF1bHRQcm9wcyA9IHsgc2l6ZTogNCB9O1xuIl19 */\",\n toString: _EMOTION_STRINGIFIED_CSS_ERROR__\n};\n\n// ==============================\n// Dropdown & Clear Icons\n// ==============================\nvar Svg = function Svg(_ref) {\n var size = _ref.size,\n props = _objectWithoutProperties(_ref, _excluded$2);\n\n return jsx(\"svg\", _extends({\n height: size,\n width: size,\n viewBox: \"0 0 20 20\",\n \"aria-hidden\": \"true\",\n focusable: \"false\",\n css: _ref2\n }, props));\n};\n\nvar CrossIcon = function CrossIcon(props) {\n return jsx(Svg, _extends({\n size: 20\n }, props), jsx(\"path\", {\n d: \"M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z\"\n }));\n};\nvar DownChevron = function DownChevron(props) {\n return jsx(Svg, _extends({\n size: 20\n }, props), jsx(\"path\", {\n d: \"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"\n }));\n}; // ==============================\n// Dropdown & Clear Buttons\n// ==============================\n\nvar baseCSS = function baseCSS(_ref3) {\n var isFocused = _ref3.isFocused,\n _ref3$theme = _ref3.theme,\n baseUnit = _ref3$theme.spacing.baseUnit,\n colors = _ref3$theme.colors;\n return {\n label: 'indicatorContainer',\n color: isFocused ? colors.neutral60 : colors.neutral20,\n display: 'flex',\n padding: baseUnit * 2,\n transition: 'color 150ms',\n ':hover': {\n color: isFocused ? colors.neutral80 : colors.neutral40\n }\n };\n};\n\nvar dropdownIndicatorCSS = baseCSS;\nvar DropdownIndicator = function DropdownIndicator(props) {\n var children = props.children,\n className = props.className,\n cx = props.cx,\n getStyles = props.getStyles,\n innerProps = props.innerProps;\n return jsx(\"div\", _extends({\n css: getStyles('dropdownIndicator', props),\n className: cx({\n indicator: true,\n 'dropdown-indicator': true\n }, className)\n }, innerProps), children || jsx(DownChevron, null));\n};\nvar clearIndicatorCSS = baseCSS;\nvar ClearIndicator = function ClearIndicator(props) {\n var children = props.children,\n className = props.className,\n cx = props.cx,\n getStyles = props.getStyles,\n innerProps = props.innerProps;\n return jsx(\"div\", _extends({\n css: getStyles('clearIndicator', props),\n className: cx({\n indicator: true,\n 'clear-indicator': true\n }, className)\n }, innerProps), children || jsx(CrossIcon, null));\n}; // ==============================\n// Separator\n// ==============================\n\nvar indicatorSeparatorCSS = function indicatorSeparatorCSS(_ref4) {\n var isDisabled = _ref4.isDisabled,\n _ref4$theme = _ref4.theme,\n baseUnit = _ref4$theme.spacing.baseUnit,\n colors = _ref4$theme.colors;\n return {\n label: 'indicatorSeparator',\n alignSelf: 'stretch',\n backgroundColor: isDisabled ? colors.neutral10 : colors.neutral20,\n marginBottom: baseUnit * 2,\n marginTop: baseUnit * 2,\n width: 1\n };\n};\nvar IndicatorSeparator = function IndicatorSeparator(props) {\n var className = props.className,\n cx = props.cx,\n getStyles = props.getStyles,\n innerProps = props.innerProps;\n return jsx(\"span\", _extends({}, innerProps, {\n css: getStyles('indicatorSeparator', props),\n className: cx({\n 'indicator-separator': true\n }, className)\n }));\n}; // ==============================\n// Loading\n// ==============================\n\nvar loadingDotAnimations = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral([\"\\n 0%, 80%, 100% { opacity: 0; }\\n 40% { opacity: 1; }\\n\"])));\nvar loadingIndicatorCSS = function loadingIndicatorCSS(_ref5) {\n var isFocused = _ref5.isFocused,\n size = _ref5.size,\n _ref5$theme = _ref5.theme,\n colors = _ref5$theme.colors,\n baseUnit = _ref5$theme.spacing.baseUnit;\n return {\n label: 'loadingIndicator',\n color: isFocused ? colors.neutral60 : colors.neutral20,\n display: 'flex',\n padding: baseUnit * 2,\n transition: 'color 150ms',\n alignSelf: 'center',\n fontSize: size,\n lineHeight: 1,\n marginRight: size,\n textAlign: 'center',\n verticalAlign: 'middle'\n };\n};\n\nvar LoadingDot = function LoadingDot(_ref6) {\n var delay = _ref6.delay,\n offset = _ref6.offset;\n return jsx(\"span\", {\n css: /*#__PURE__*/css$2({\n animation: \"\".concat(loadingDotAnimations, \" 1s ease-in-out \").concat(delay, \"ms infinite;\"),\n backgroundColor: 'currentColor',\n borderRadius: '1em',\n display: 'inline-block',\n marginLeft: offset ? '1em' : undefined,\n height: '1em',\n verticalAlign: 'top',\n width: '1em'\n }, process.env.NODE_ENV === \"production\" ? \"\" : \";label:LoadingDot;\", process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGljYXRvcnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFQSSIsImZpbGUiOiJpbmRpY2F0b3JzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsganN4LCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7XG4gIENvbW1vblByb3BzQW5kQ2xhc3NOYW1lLFxuICBDU1NPYmplY3RXaXRoTGFiZWwsXG4gIEdyb3VwQmFzZSxcbn0gZnJvbSAnLi4vdHlwZXMnO1xuXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIERyb3Bkb3duICYgQ2xlYXIgSWNvbnNcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG5jb25zdCBTdmcgPSAoe1xuICBzaXplLFxuICAuLi5wcm9wc1xufTogSlNYLkludHJpbnNpY0VsZW1lbnRzWydzdmcnXSAmIHsgc2l6ZTogbnVtYmVyIH0pID0+IChcbiAgPHN2Z1xuICAgIGhlaWdodD17c2l6ZX1cbiAgICB3aWR0aD17c2l6ZX1cbiAgICB2aWV3Qm94PVwiMCAwIDIwIDIwXCJcbiAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgIGZvY3VzYWJsZT1cImZhbHNlXCJcbiAgICBjc3M9e3tcbiAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgZmlsbDogJ2N1cnJlbnRDb2xvcicsXG4gICAgICBsaW5lSGVpZ2h0OiAxLFxuICAgICAgc3Ryb2tlOiAnY3VycmVudENvbG9yJyxcbiAgICAgIHN0cm9rZVdpZHRoOiAwLFxuICAgIH19XG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcblxuZXhwb3J0IHR5cGUgQ3Jvc3NJY29uUHJvcHMgPSBKU1guSW50cmluc2ljRWxlbWVudHNbJ3N2ZyddICYgeyBzaXplPzogbnVtYmVyIH07XG5leHBvcnQgY29uc3QgQ3Jvc3NJY29uID0gKHByb3BzOiBDcm9zc0ljb25Qcm9wcykgPT4gKFxuICA8U3ZnIHNpemU9ezIwfSB7Li4ucHJvcHN9PlxuICAgIDxwYXRoIGQ9XCJNMTQuMzQ4IDE0Ljg0OWMtMC40NjkgMC40NjktMS4yMjkgMC40NjktMS42OTcgMGwtMi42NTEtMy4wMzAtMi42NTEgMy4wMjljLTAuNDY5IDAuNDY5LTEuMjI5IDAuNDY5LTEuNjk3IDAtMC40NjktMC40NjktMC40NjktMS4yMjkgMC0xLjY5N2wyLjc1OC0zLjE1LTIuNzU5LTMuMTUyYy0wLjQ2OS0wLjQ2OS0wLjQ2OS0xLjIyOCAwLTEuNjk3czEuMjI4LTAuNDY5IDEuNjk3IDBsMi42NTIgMy4wMzEgMi42NTEtMy4wMzFjMC40NjktMC40NjkgMS4yMjgtMC40NjkgMS42OTcgMHMwLjQ2OSAxLjIyOSAwIDEuNjk3bC0yLjc1OCAzLjE1MiAyLjc1OCAzLjE1YzAuNDY5IDAuNDY5IDAuNDY5IDEuMjI5IDAgMS42OTh6XCIgLz5cbiAgPC9Tdmc+XG4pO1xuZXhwb3J0IHR5cGUgRG93bkNoZXZyb25Qcm9wcyA9IEpTWC5JbnRyaW5zaWNFbGVtZW50c1snc3ZnJ10gJiB7IHNpemU/OiBudW1iZXIgfTtcbmV4cG9ydCBjb25zdCBEb3duQ2hldnJvbiA9IChwcm9wczogRG93bkNoZXZyb25Qcm9wcykgPT4gKFxuICA8U3ZnIHNpemU9ezIwfSB7Li4ucHJvcHN9PlxuICAgIDxwYXRoIGQ9XCJNNC41MTYgNy41NDhjMC40MzYtMC40NDYgMS4wNDMtMC40ODEgMS41NzYgMGwzLjkwOCAzLjc0NyAzLjkwOC0zLjc0N2MwLjUzMy0wLjQ4MSAxLjE0MS0wLjQ0NiAxLjU3NCAwIDAuNDM2IDAuNDQ1IDAuNDA4IDEuMTk3IDAgMS42MTUtMC40MDYgMC40MTgtNC42OTUgNC41MDItNC42OTUgNC41MDItMC4yMTcgMC4yMjMtMC41MDIgMC4zMzUtMC43ODcgMC4zMzVzLTAuNTctMC4xMTItMC43ODktMC4zMzVjMCAwLTQuMjg3LTQuMDg0LTQuNjk1LTQuNTAycy0wLjQzNi0xLjE3IDAtMS42MTV6XCIgLz5cbiAgPC9Tdmc+XG4pO1xuXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIERyb3Bkb3duICYgQ2xlYXIgQnV0dG9uc1xuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG5cbmV4cG9ydCBpbnRlcmZhY2UgRHJvcGRvd25JbmRpY2F0b3JQcm9wczxcbiAgT3B0aW9uID0gdW5rbm93bixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4gPSBib29sZWFuLFxuICBHcm91cCBleHRlbmRzIEdyb3VwQmFzZTxPcHRpb24+ID0gR3JvdXBCYXNlPE9wdGlvbj5cbj4gZXh0ZW5kcyBDb21tb25Qcm9wc0FuZENsYXNzTmFtZTxPcHRpb24sIElzTXVsdGksIEdyb3VwPiB7XG4gIC8qKiBUaGUgY2hpbGRyZW4gdG8gYmUgcmVuZGVyZWQgaW5zaWRlIHRoZSBpbmRpY2F0b3IuICovXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xuICAvKiogUHJvcHMgdGhhdCB3aWxsIGJlIHBhc3NlZCBvbiB0byB0aGUgY2hpbGRyZW4uICovXG4gIGlubmVyUHJvcHM6IEpTWC5JbnRyaW5zaWNFbGVtZW50c1snZGl2J107XG4gIC8qKiBUaGUgZm9jdXNlZCBzdGF0ZSBvZiB0aGUgc2VsZWN0LiAqL1xuICBpc0ZvY3VzZWQ6IGJvb2xlYW47XG4gIGlzRGlzYWJsZWQ6IGJvb2xlYW47XG59XG5cbmNvbnN0IGJhc2VDU1MgPSA8XG4gIE9wdGlvbixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj5cbj4oe1xuICBpc0ZvY3VzZWQsXG4gIHRoZW1lOiB7XG4gICAgc3BhY2luZzogeyBiYXNlVW5pdCB9LFxuICAgIGNvbG9ycyxcbiAgfSxcbn06XG4gIHwgRHJvcGRvd25JbmRpY2F0b3JQcm9wczxPcHRpb24sIElzTXVsdGksIEdyb3VwPlxuICB8IENsZWFySW5kaWNhdG9yUHJvcHM8T3B0aW9uLCBJc011bHRpLCBHcm91cD4pOiBDU1NPYmplY3RXaXRoTGFiZWwgPT4gKHtcbiAgbGFiZWw6ICdpbmRpY2F0b3JDb250YWluZXInLFxuICBjb2xvcjogaXNGb2N1c2VkID8gY29sb3JzLm5ldXRyYWw2MCA6IGNvbG9ycy5uZXV0cmFsMjAsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgcGFkZGluZzogYmFzZVVuaXQgKiAyLFxuICB0cmFuc2l0aW9uOiAnY29sb3IgMTUwbXMnLFxuXG4gICc6aG92ZXInOiB7XG4gICAgY29sb3I6IGlzRm9jdXNlZCA/IGNvbG9ycy5uZXV0cmFsODAgOiBjb2xvcnMubmV1dHJhbDQwLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBkcm9wZG93bkluZGljYXRvckNTUyA9IGJhc2VDU1M7XG5leHBvcnQgY29uc3QgRHJvcGRvd25JbmRpY2F0b3IgPSA8XG4gIE9wdGlvbixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj5cbj4oXG4gIHByb3BzOiBEcm9wZG93bkluZGljYXRvclByb3BzPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+XG4pID0+IHtcbiAgY29uc3QgeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBjeCwgZ2V0U3R5bGVzLCBpbm5lclByb3BzIH0gPSBwcm9wcztcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2dldFN0eWxlcygnZHJvcGRvd25JbmRpY2F0b3InLCBwcm9wcyl9XG4gICAgICBjbGFzc05hbWU9e2N4KFxuICAgICAgICB7XG4gICAgICAgICAgaW5kaWNhdG9yOiB0cnVlLFxuICAgICAgICAgICdkcm9wZG93bi1pbmRpY2F0b3InOiB0cnVlLFxuICAgICAgICB9LFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgICB7Li4uaW5uZXJQcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW4gfHwgPERvd25DaGV2cm9uIC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGludGVyZmFjZSBDbGVhckluZGljYXRvclByb3BzPFxuICBPcHRpb24gPSB1bmtub3duLFxuICBJc011bHRpIGV4dGVuZHMgYm9vbGVhbiA9IGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj4gPSBHcm91cEJhc2U8T3B0aW9uPlxuPiBleHRlbmRzIENvbW1vblByb3BzQW5kQ2xhc3NOYW1lPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+IHtcbiAgLyoqIFRoZSBjaGlsZHJlbiB0byBiZSByZW5kZXJlZCBpbnNpZGUgdGhlIGluZGljYXRvci4gKi9cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogSlNYLkludHJpbnNpY0VsZW1lbnRzWydkaXYnXTtcbiAgLyoqIFRoZSBmb2N1c2VkIHN0YXRlIG9mIHRoZSBzZWxlY3QuICovXG4gIGlzRm9jdXNlZDogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IGNsZWFySW5kaWNhdG9yQ1NTID0gYmFzZUNTUztcbmV4cG9ydCBjb25zdCBDbGVhckluZGljYXRvciA9IDxcbiAgT3B0aW9uLFxuICBJc011bHRpIGV4dGVuZHMgYm9vbGVhbixcbiAgR3JvdXAgZXh0ZW5kcyBHcm91cEJhc2U8T3B0aW9uPlxuPihcbiAgcHJvcHM6IENsZWFySW5kaWNhdG9yUHJvcHM8T3B0aW9uLCBJc011bHRpLCBHcm91cD5cbikgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Z2V0U3R5bGVzKCdjbGVhckluZGljYXRvcicsIHByb3BzKX1cbiAgICAgIGNsYXNzTmFtZT17Y3goXG4gICAgICAgIHtcbiAgICAgICAgICBpbmRpY2F0b3I6IHRydWUsXG4gICAgICAgICAgJ2NsZWFyLWluZGljYXRvcic6IHRydWUsXG4gICAgICAgIH0sXG4gICAgICAgIGNsYXNzTmFtZVxuICAgICAgKX1cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8Q3Jvc3NJY29uIC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBTZXBhcmF0b3Jcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG5leHBvcnQgaW50ZXJmYWNlIEluZGljYXRvclNlcGFyYXRvclByb3BzPFxuICBPcHRpb24gPSB1bmtub3duLFxuICBJc011bHRpIGV4dGVuZHMgYm9vbGVhbiA9IGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj4gPSBHcm91cEJhc2U8T3B0aW9uPlxuPiBleHRlbmRzIENvbW1vblByb3BzQW5kQ2xhc3NOYW1lPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+IHtcbiAgaXNEaXNhYmxlZDogYm9vbGVhbjtcbiAgaXNGb2N1c2VkOiBib29sZWFuO1xuICBpbm5lclByb3BzPzogSlNYLkludHJpbnNpY0VsZW1lbnRzWydzcGFuJ107XG59XG5cbmV4cG9ydCBjb25zdCBpbmRpY2F0b3JTZXBhcmF0b3JDU1MgPSA8XG4gIE9wdGlvbixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj5cbj4oe1xuICBpc0Rpc2FibGVkLFxuICB0aGVtZToge1xuICAgIHNwYWNpbmc6IHsgYmFzZVVuaXQgfSxcbiAgICBjb2xvcnMsXG4gIH0sXG59OiBJbmRpY2F0b3JTZXBhcmF0b3JQcm9wczxPcHRpb24sIElzTXVsdGksIEdyb3VwPik6IENTU09iamVjdFdpdGhMYWJlbCA9PiAoe1xuICBsYWJlbDogJ2luZGljYXRvclNlcGFyYXRvcicsXG4gIGFsaWduU2VsZjogJ3N0cmV0Y2gnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGlzRGlzYWJsZWQgPyBjb2xvcnMubmV1dHJhbDEwIDogY29sb3JzLm5ldXRyYWwyMCxcbiAgbWFyZ2luQm90dG9tOiBiYXNlVW5pdCAqIDIsXG4gIG1hcmdpblRvcDogYmFzZVVuaXQgKiAyLFxuICB3aWR0aDogMSxcbn0pO1xuXG5leHBvcnQgY29uc3QgSW5kaWNhdG9yU2VwYXJhdG9yID0gPFxuICBPcHRpb24sXG4gIElzTXVsdGkgZXh0ZW5kcyBib29sZWFuLFxuICBHcm91cCBleHRlbmRzIEdyb3VwQmFzZTxPcHRpb24+XG4+KFxuICBwcm9wczogSW5kaWNhdG9yU2VwYXJhdG9yUHJvcHM8T3B0aW9uLCBJc011bHRpLCBHcm91cD5cbikgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSwgY3gsIGdldFN0eWxlcywgaW5uZXJQcm9wcyB9ID0gcHJvcHM7XG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2luZGljYXRvclNlcGFyYXRvcicsIHByb3BzKX1cbiAgICAgIGNsYXNzTmFtZT17Y3goeyAnaW5kaWNhdG9yLXNlcGFyYXRvcic6IHRydWUgfSwgY2xhc3NOYW1lKX1cbiAgICAvPlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBMb2FkaW5nXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgbG9hZGluZ0RvdEFuaW1hdGlvbnMgPSBrZXlmcmFtZXNgXG4gIDAlLCA4MCUsIDEwMCUgeyBvcGFjaXR5OiAwOyB9XG4gIDQwJSB7IG9wYWNpdHk6IDE7IH1cbmA7XG5cbmV4cG9ydCBjb25zdCBsb2FkaW5nSW5kaWNhdG9yQ1NTID0gPFxuICBPcHRpb24sXG4gIElzTXVsdGkgZXh0ZW5kcyBib29sZWFuLFxuICBHcm91cCBleHRlbmRzIEdyb3VwQmFzZTxPcHRpb24+XG4+KHtcbiAgaXNGb2N1c2VkLFxuICBzaXplLFxuICB0aGVtZToge1xuICAgIGNvbG9ycyxcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gIH0sXG59OiBMb2FkaW5nSW5kaWNhdG9yUHJvcHM8T3B0aW9uLCBJc011bHRpLCBHcm91cD4pOiBDU1NPYmplY3RXaXRoTGFiZWwgPT4gKHtcbiAgbGFiZWw6ICdsb2FkaW5nSW5kaWNhdG9yJyxcbiAgY29sb3I6IGlzRm9jdXNlZCA/IGNvbG9ycy5uZXV0cmFsNjAgOiBjb2xvcnMubmV1dHJhbDIwLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIHBhZGRpbmc6IGJhc2VVbml0ICogMixcbiAgdHJhbnNpdGlvbjogJ2NvbG9yIDE1MG1zJyxcbiAgYWxpZ25TZWxmOiAnY2VudGVyJyxcbiAgZm9udFNpemU6IHNpemUsXG4gIGxpbmVIZWlnaHQ6IDEsXG4gIG1hcmdpblJpZ2h0OiBzaXplLFxuICB0ZXh0QWxpZ246ICdjZW50ZXInLFxuICB2ZXJ0aWNhbEFsaWduOiAnbWlkZGxlJyxcbn0pO1xuXG5pbnRlcmZhY2UgTG9hZGluZ0RvdFByb3BzIHtcbiAgZGVsYXk6IG51bWJlcjtcbiAgb2Zmc2V0OiBib29sZWFuO1xufVxuY29uc3QgTG9hZGluZ0RvdCA9ICh7IGRlbGF5LCBvZmZzZXQgfTogTG9hZGluZ0RvdFByb3BzKSA9PiAoXG4gIDxzcGFuXG4gICAgY3NzPXt7XG4gICAgICBhbmltYXRpb246IGAke2xvYWRpbmdEb3RBbmltYXRpb25zfSAxcyBlYXNlLWluLW91dCAke2RlbGF5fW1zIGluZmluaXRlO2AsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6ICdjdXJyZW50Q29sb3InLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnMWVtJyxcbiAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgbWFyZ2luTGVmdDogb2Zmc2V0ID8gJzFlbScgOiB1bmRlZmluZWQsXG4gICAgICBoZWlnaHQ6ICcxZW0nLFxuICAgICAgdmVydGljYWxBbGlnbjogJ3RvcCcsXG4gICAgICB3aWR0aDogJzFlbScsXG4gICAgfX1cbiAgLz5cbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTG9hZGluZ0luZGljYXRvclByb3BzPFxuICBPcHRpb24gPSB1bmtub3duLFxuICBJc011bHRpIGV4dGVuZHMgYm9vbGVhbiA9IGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj4gPSBHcm91cEJhc2U8T3B0aW9uPlxuPiBleHRlbmRzIENvbW1vblByb3BzQW5kQ2xhc3NOYW1lPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+IHtcbiAgLyoqIFByb3BzIHRoYXQgd2lsbCBiZSBwYXNzZWQgb24gdG8gdGhlIGNoaWxkcmVuLiAqL1xuICBpbm5lclByb3BzOiBKU1guSW50cmluc2ljRWxlbWVudHNbJ2RpdiddO1xuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuO1xuICBpc0Rpc2FibGVkOiBib29sZWFuO1xuICAvKiogU2V0IHNpemUgb2YgdGhlIGNvbnRhaW5lci4gKi9cbiAgc2l6ZTogbnVtYmVyO1xufVxuZXhwb3J0IGNvbnN0IExvYWRpbmdJbmRpY2F0b3IgPSA8XG4gIE9wdGlvbixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj5cbj4oXG4gIHByb3BzOiBMb2FkaW5nSW5kaWNhdG9yUHJvcHM8T3B0aW9uLCBJc011bHRpLCBHcm91cD5cbikgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSwgY3gsIGdldFN0eWxlcywgaW5uZXJQcm9wcywgaXNSdGwgfSA9IHByb3BzO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2xvYWRpbmdJbmRpY2F0b3InLCBwcm9wcyl9XG4gICAgICBjbGFzc05hbWU9e2N4KFxuICAgICAgICB7XG4gICAgICAgICAgaW5kaWNhdG9yOiB0cnVlLFxuICAgICAgICAgICdsb2FkaW5nLWluZGljYXRvcic6IHRydWUsXG4gICAgICAgIH0sXG4gICAgICAgIGNsYXNzTmFtZVxuICAgICAgKX1cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgID5cbiAgICAgIDxMb2FkaW5nRG90IGRlbGF5PXswfSBvZmZzZXQ9e2lzUnRsfSAvPlxuICAgICAgPExvYWRpbmdEb3QgZGVsYXk9ezE2MH0gb2Zmc2V0IC8+XG4gICAgICA8TG9hZGluZ0RvdCBkZWxheT17MzIwfSBvZmZzZXQ9eyFpc1J0bH0gLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Mb2FkaW5nSW5kaWNhdG9yLmRlZmF1bHRQcm9wcyA9IHsgc2l6ZTogNCB9O1xuIl19 */\")\n });\n};\n\nvar LoadingIndicator = function LoadingIndicator(props) {\n var className = props.className,\n cx = props.cx,\n getStyles = props.getStyles,\n innerProps = props.innerProps,\n isRtl = props.isRtl;\n return jsx(\"div\", _extends({\n css: getStyles('loadingIndicator', props),\n className: cx({\n indicator: true,\n 'loading-indicator': true\n }, className)\n }, innerProps), jsx(LoadingDot, {\n delay: 0,\n offset: isRtl\n }), jsx(LoadingDot, {\n delay: 160,\n offset: true\n }), jsx(LoadingDot, {\n delay: 320,\n offset: !isRtl\n }));\n};\nLoadingIndicator.defaultProps = {\n size: 4\n};\n\nvar css$1 = function css(_ref) {\n var isDisabled = _ref.isDisabled,\n isFocused = _ref.isFocused,\n _ref$theme = _ref.theme,\n colors = _ref$theme.colors,\n borderRadius = _ref$theme.borderRadius,\n spacing = _ref$theme.spacing;\n return {\n label: 'control',\n alignItems: 'center',\n backgroundColor: isDisabled ? colors.neutral5 : colors.neutral0,\n borderColor: isDisabled ? colors.neutral10 : isFocused ? colors.primary : colors.neutral20,\n borderRadius: borderRadius,\n borderStyle: 'solid',\n borderWidth: 1,\n boxShadow: isFocused ? \"0 0 0 1px \".concat(colors.primary) : undefined,\n cursor: 'default',\n display: 'flex',\n flexWrap: 'wrap',\n justifyContent: 'space-between',\n minHeight: spacing.controlHeight,\n outline: '0 !important',\n position: 'relative',\n transition: 'all 100ms',\n '&:hover': {\n borderColor: isFocused ? colors.primary : colors.neutral30\n }\n };\n};\n\nvar Control = function Control(props) {\n var children = props.children,\n cx = props.cx,\n getStyles = props.getStyles,\n className = props.className,\n isDisabled = props.isDisabled,\n isFocused = props.isFocused,\n innerRef = props.innerRef,\n innerProps = props.innerProps,\n menuIsOpen = props.menuIsOpen;\n return jsx(\"div\", _extends({\n ref: innerRef,\n css: getStyles('control', props),\n className: cx({\n control: true,\n 'control--is-disabled': isDisabled,\n 'control--is-focused': isFocused,\n 'control--menu-is-open': menuIsOpen\n }, className)\n }, innerProps), children);\n};\n\nvar _excluded$1 = [\"data\"];\nvar groupCSS = function groupCSS(_ref) {\n var spacing = _ref.theme.spacing;\n return {\n paddingBottom: spacing.baseUnit * 2,\n paddingTop: spacing.baseUnit * 2\n };\n};\n\nvar Group = function Group(props) {\n var children = props.children,\n className = props.className,\n cx = props.cx,\n getStyles = props.getStyles,\n Heading = props.Heading,\n headingProps = props.headingProps,\n innerProps = props.innerProps,\n label = props.label,\n theme = props.theme,\n selectProps = props.selectProps;\n return jsx(\"div\", _extends({\n css: getStyles('group', props),\n className: cx({\n group: true\n }, className)\n }, innerProps), jsx(Heading, _extends({}, headingProps, {\n selectProps: selectProps,\n theme: theme,\n getStyles: getStyles,\n cx: cx\n }), label), jsx(\"div\", null, children));\n};\n\nvar groupHeadingCSS = function groupHeadingCSS(_ref2) {\n var spacing = _ref2.theme.spacing;\n return {\n label: 'group',\n color: '#999',\n cursor: 'default',\n display: 'block',\n fontSize: '75%',\n fontWeight: 500,\n marginBottom: '0.25em',\n paddingLeft: spacing.baseUnit * 3,\n paddingRight: spacing.baseUnit * 3,\n textTransform: 'uppercase'\n };\n};\nvar GroupHeading = function GroupHeading(props) {\n var getStyles = props.getStyles,\n cx = props.cx,\n className = props.className;\n\n var _cleanCommonProps = cleanCommonProps(props);\n _cleanCommonProps.data;\n var innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$1);\n\n return jsx(\"div\", _extends({\n css: getStyles('groupHeading', props),\n className: cx({\n 'group-heading': true\n }, className)\n }, innerProps));\n};\n\nvar _excluded = [\"innerRef\", \"isDisabled\", \"isHidden\", \"inputClassName\"];\nvar inputCSS = function inputCSS(_ref) {\n var isDisabled = _ref.isDisabled,\n value = _ref.value,\n _ref$theme = _ref.theme,\n spacing = _ref$theme.spacing,\n colors = _ref$theme.colors;\n return _objectSpread2({\n margin: spacing.baseUnit / 2,\n paddingBottom: spacing.baseUnit / 2,\n paddingTop: spacing.baseUnit / 2,\n visibility: isDisabled ? 'hidden' : 'visible',\n color: colors.neutral80,\n // force css to recompute when value change due to @emotion bug.\n // We can remove it whenever the bug is fixed.\n transform: value ? 'translateZ(0)' : ''\n }, containerStyle);\n};\nvar spacingStyle = {\n gridArea: '1 / 2',\n font: 'inherit',\n minWidth: '2px',\n border: 0,\n margin: 0,\n outline: 0,\n padding: 0\n};\nvar containerStyle = {\n flex: '1 1 auto',\n display: 'inline-grid',\n gridArea: '1 / 1 / 2 / 3',\n gridTemplateColumns: '0 min-content',\n '&:after': _objectSpread2({\n content: 'attr(data-value) \" \"',\n visibility: 'hidden',\n whiteSpace: 'pre'\n }, spacingStyle)\n};\n\nvar inputStyle = function inputStyle(isHidden) {\n return _objectSpread2({\n label: 'input',\n color: 'inherit',\n background: 0,\n opacity: isHidden ? 0 : 1,\n width: '100%'\n }, spacingStyle);\n};\n\nvar Input = function Input(props) {\n var className = props.className,\n cx = props.cx,\n getStyles = props.getStyles,\n value = props.value;\n\n var _cleanCommonProps = cleanCommonProps(props),\n innerRef = _cleanCommonProps.innerRef,\n isDisabled = _cleanCommonProps.isDisabled,\n isHidden = _cleanCommonProps.isHidden,\n inputClassName = _cleanCommonProps.inputClassName,\n innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded);\n\n return jsx(\"div\", {\n className: cx({\n 'input-container': true\n }, className),\n css: getStyles('input', props),\n \"data-value\": value || ''\n }, jsx(\"input\", _extends({\n className: cx({\n input: true\n }, inputClassName),\n ref: innerRef,\n style: inputStyle(isHidden),\n disabled: isDisabled\n }, innerProps)));\n};\n\nvar multiValueCSS = function multiValueCSS(_ref) {\n var _ref$theme = _ref.theme,\n spacing = _ref$theme.spacing,\n borderRadius = _ref$theme.borderRadius,\n colors = _ref$theme.colors;\n return {\n label: 'multiValue',\n backgroundColor: colors.neutral10,\n borderRadius: borderRadius / 2,\n display: 'flex',\n margin: spacing.baseUnit / 2,\n minWidth: 0 // resolves flex/text-overflow bug\n\n };\n};\nvar multiValueLabelCSS = function multiValueLabelCSS(_ref2) {\n var _ref2$theme = _ref2.theme,\n borderRadius = _ref2$theme.borderRadius,\n colors = _ref2$theme.colors,\n cropWithEllipsis = _ref2.cropWithEllipsis;\n return {\n borderRadius: borderRadius / 2,\n color: colors.neutral80,\n fontSize: '85%',\n overflow: 'hidden',\n padding: 3,\n paddingLeft: 6,\n textOverflow: cropWithEllipsis || cropWithEllipsis === undefined ? 'ellipsis' : undefined,\n whiteSpace: 'nowrap'\n };\n};\nvar multiValueRemoveCSS = function multiValueRemoveCSS(_ref3) {\n var _ref3$theme = _ref3.theme,\n spacing = _ref3$theme.spacing,\n borderRadius = _ref3$theme.borderRadius,\n colors = _ref3$theme.colors,\n isFocused = _ref3.isFocused;\n return {\n alignItems: 'center',\n borderRadius: borderRadius / 2,\n backgroundColor: isFocused ? colors.dangerLight : undefined,\n display: 'flex',\n paddingLeft: spacing.baseUnit,\n paddingRight: spacing.baseUnit,\n ':hover': {\n backgroundColor: colors.dangerLight,\n color: colors.danger\n }\n };\n};\nvar MultiValueGeneric = function MultiValueGeneric(_ref4) {\n var children = _ref4.children,\n innerProps = _ref4.innerProps;\n return jsx(\"div\", innerProps, children);\n};\nvar MultiValueContainer = MultiValueGeneric;\nvar MultiValueLabel = MultiValueGeneric;\nfunction MultiValueRemove(_ref5) {\n var children = _ref5.children,\n innerProps = _ref5.innerProps;\n return jsx(\"div\", _extends({\n role: \"button\"\n }, innerProps), children || jsx(CrossIcon, {\n size: 14\n }));\n}\n\nvar MultiValue = function MultiValue(props) {\n var children = props.children,\n className = props.className,\n components = props.components,\n cx = props.cx,\n data = props.data,\n getStyles = props.getStyles,\n innerProps = props.innerProps,\n isDisabled = props.isDisabled,\n removeProps = props.removeProps,\n selectProps = props.selectProps;\n var Container = components.Container,\n Label = components.Label,\n Remove = components.Remove;\n return jsx(ClassNames, null, function (_ref6) {\n var css = _ref6.css,\n emotionCx = _ref6.cx;\n return jsx(Container, {\n data: data,\n innerProps: _objectSpread2({\n className: emotionCx(css(getStyles('multiValue', props)), cx({\n 'multi-value': true,\n 'multi-value--is-disabled': isDisabled\n }, className))\n }, innerProps),\n selectProps: selectProps\n }, jsx(Label, {\n data: data,\n innerProps: {\n className: emotionCx(css(getStyles('multiValueLabel', props)), cx({\n 'multi-value__label': true\n }, className))\n },\n selectProps: selectProps\n }, children), jsx(Remove, {\n data: data,\n innerProps: _objectSpread2({\n className: emotionCx(css(getStyles('multiValueRemove', props)), cx({\n 'multi-value__remove': true\n }, className)),\n 'aria-label': \"Remove \".concat(children || 'option')\n }, removeProps),\n selectProps: selectProps\n }));\n });\n};\n\nvar optionCSS = function optionCSS(_ref) {\n var isDisabled = _ref.isDisabled,\n isFocused = _ref.isFocused,\n isSelected = _ref.isSelected,\n _ref$theme = _ref.theme,\n spacing = _ref$theme.spacing,\n colors = _ref$theme.colors;\n return {\n label: 'option',\n backgroundColor: isSelected ? colors.primary : isFocused ? colors.primary25 : 'transparent',\n color: isDisabled ? colors.neutral20 : isSelected ? colors.neutral0 : 'inherit',\n cursor: 'default',\n display: 'block',\n fontSize: 'inherit',\n padding: \"\".concat(spacing.baseUnit * 2, \"px \").concat(spacing.baseUnit * 3, \"px\"),\n width: '100%',\n userSelect: 'none',\n WebkitTapHighlightColor: 'rgba(0, 0, 0, 0)',\n // provide some affordance on touch devices\n ':active': {\n backgroundColor: !isDisabled ? isSelected ? colors.primary : colors.primary50 : undefined\n }\n };\n};\n\nvar Option = function Option(props) {\n var children = props.children,\n className = props.className,\n cx = props.cx,\n getStyles = props.getStyles,\n isDisabled = props.isDisabled,\n isFocused = props.isFocused,\n isSelected = props.isSelected,\n innerRef = props.innerRef,\n innerProps = props.innerProps;\n return jsx(\"div\", _extends({\n css: getStyles('option', props),\n className: cx({\n option: true,\n 'option--is-disabled': isDisabled,\n 'option--is-focused': isFocused,\n 'option--is-selected': isSelected\n }, className),\n ref: innerRef,\n \"aria-disabled\": isDisabled\n }, innerProps), children);\n};\n\nvar placeholderCSS = function placeholderCSS(_ref) {\n var _ref$theme = _ref.theme,\n spacing = _ref$theme.spacing,\n colors = _ref$theme.colors;\n return {\n label: 'placeholder',\n color: colors.neutral50,\n gridArea: '1 / 1 / 2 / 3',\n marginLeft: spacing.baseUnit / 2,\n marginRight: spacing.baseUnit / 2\n };\n};\n\nvar Placeholder = function Placeholder(props) {\n var children = props.children,\n className = props.className,\n cx = props.cx,\n getStyles = props.getStyles,\n innerProps = props.innerProps;\n return jsx(\"div\", _extends({\n css: getStyles('placeholder', props),\n className: cx({\n placeholder: true\n }, className)\n }, innerProps), children);\n};\n\nvar css = function css(_ref) {\n var isDisabled = _ref.isDisabled,\n _ref$theme = _ref.theme,\n spacing = _ref$theme.spacing,\n colors = _ref$theme.colors;\n return {\n label: 'singleValue',\n color: isDisabled ? colors.neutral40 : colors.neutral80,\n gridArea: '1 / 1 / 2 / 3',\n marginLeft: spacing.baseUnit / 2,\n marginRight: spacing.baseUnit / 2,\n maxWidth: '100%',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap'\n };\n};\n\nvar SingleValue = function SingleValue(props) {\n var children = props.children,\n className = props.className,\n cx = props.cx,\n getStyles = props.getStyles,\n isDisabled = props.isDisabled,\n innerProps = props.innerProps;\n return jsx(\"div\", _extends({\n css: getStyles('singleValue', props),\n className: cx({\n 'single-value': true,\n 'single-value--is-disabled': isDisabled\n }, className)\n }, innerProps), children);\n};\n\nvar components = {\n ClearIndicator: ClearIndicator,\n Control: Control,\n DropdownIndicator: DropdownIndicator,\n DownChevron: DownChevron,\n CrossIcon: CrossIcon,\n Group: Group,\n GroupHeading: GroupHeading,\n IndicatorsContainer: IndicatorsContainer,\n IndicatorSeparator: IndicatorSeparator,\n Input: Input,\n LoadingIndicator: LoadingIndicator,\n Menu: Menu,\n MenuList: MenuList,\n MenuPortal: MenuPortal,\n LoadingMessage: LoadingMessage,\n NoOptionsMessage: NoOptionsMessage,\n MultiValue: MultiValue,\n MultiValueContainer: MultiValueContainer,\n MultiValueLabel: MultiValueLabel,\n MultiValueRemove: MultiValueRemove,\n Option: Option,\n Placeholder: Placeholder,\n SelectContainer: SelectContainer,\n SingleValue: SingleValue,\n ValueContainer: ValueContainer\n};\nvar defaultComponents = function defaultComponents(props) {\n return _objectSpread2(_objectSpread2({}, components), props.components);\n};\n\nexport { isMobileDevice as A, multiValueAsValue as B, singleValueAsValue as C, valueTernary as D, classNames as E, defaultComponents as F, notNullish as G, isDocumentElement as H, cleanValue as I, scrollIntoView as J, noop as K, handleInputChange as L, MenuPlacer as M, _createSuper as _, _objectSpread2 as a, clearIndicatorCSS as b, components as c, containerCSS as d, css$1 as e, dropdownIndicatorCSS as f, groupCSS as g, groupHeadingCSS as h, indicatorsContainerCSS as i, indicatorSeparatorCSS as j, inputCSS as k, loadingIndicatorCSS as l, loadingMessageCSS as m, menuCSS as n, menuListCSS as o, menuPortalCSS as p, multiValueCSS as q, multiValueLabelCSS as r, supportsPassiveEvents as s, multiValueRemoveCSS as t, noOptionsMessageCSS as u, optionCSS as v, placeholderCSS as w, css as x, valueContainerCSS as y, isTouchCapable as z };\n","export default function _taggedTemplateLiteral(strings, raw) {\n if (!raw) {\n raw = strings.slice(0);\n }\n\n return Object.freeze(Object.defineProperties(strings, {\n raw: {\n value: Object.freeze(raw)\n }\n }));\n}","export default function _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n}","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);\n}","import arrayWithHoles from \"./arrayWithHoles.js\";\nimport iterableToArrayLimit from \"./iterableToArrayLimit.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableRest from \"./nonIterableRest.js\";\nexport default function _slicedToArray(arr, i) {\n return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();\n}","export default function _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}","export default function _iterableToArrayLimit(arr, i) {\n var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"];\n\n if (_i == null) return;\n var _arr = [];\n var _n = true;\n var _d = false;\n\n var _s, _e;\n\n try {\n for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {\n _arr.push(_s.value);\n\n if (i && _arr.length === i) break;\n }\n } catch (err) {\n _d = true;\n _e = err;\n } finally {\n try {\n if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n } finally {\n if (_d) throw _e;\n }\n }\n\n return _arr;\n}","export default function _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import { a as _objectSpread2 } from './index-c7a4d7ce.esm.js';\nimport _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';\nimport _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';\nimport { useState, useCallback } from 'react';\n\nvar _excluded = [\"defaultInputValue\", \"defaultMenuIsOpen\", \"defaultValue\", \"inputValue\", \"menuIsOpen\", \"onChange\", \"onInputChange\", \"onMenuClose\", \"onMenuOpen\", \"value\"];\nfunction useStateManager(_ref) {\n var _ref$defaultInputValu = _ref.defaultInputValue,\n defaultInputValue = _ref$defaultInputValu === void 0 ? '' : _ref$defaultInputValu,\n _ref$defaultMenuIsOpe = _ref.defaultMenuIsOpen,\n defaultMenuIsOpen = _ref$defaultMenuIsOpe === void 0 ? false : _ref$defaultMenuIsOpe,\n _ref$defaultValue = _ref.defaultValue,\n defaultValue = _ref$defaultValue === void 0 ? null : _ref$defaultValue,\n propsInputValue = _ref.inputValue,\n propsMenuIsOpen = _ref.menuIsOpen,\n propsOnChange = _ref.onChange,\n propsOnInputChange = _ref.onInputChange,\n propsOnMenuClose = _ref.onMenuClose,\n propsOnMenuOpen = _ref.onMenuOpen,\n propsValue = _ref.value,\n restSelectProps = _objectWithoutProperties(_ref, _excluded);\n\n var _useState = useState(propsInputValue !== undefined ? propsInputValue : defaultInputValue),\n _useState2 = _slicedToArray(_useState, 2),\n stateInputValue = _useState2[0],\n setStateInputValue = _useState2[1];\n\n var _useState3 = useState(propsMenuIsOpen !== undefined ? propsMenuIsOpen : defaultMenuIsOpen),\n _useState4 = _slicedToArray(_useState3, 2),\n stateMenuIsOpen = _useState4[0],\n setStateMenuIsOpen = _useState4[1];\n\n var _useState5 = useState(propsValue !== undefined ? propsValue : defaultValue),\n _useState6 = _slicedToArray(_useState5, 2),\n stateValue = _useState6[0],\n setStateValue = _useState6[1];\n\n var onChange = useCallback(function (value, actionMeta) {\n if (typeof propsOnChange === 'function') {\n propsOnChange(value, actionMeta);\n }\n\n setStateValue(value);\n }, [propsOnChange]);\n var onInputChange = useCallback(function (value, actionMeta) {\n var newValue;\n\n if (typeof propsOnInputChange === 'function') {\n newValue = propsOnInputChange(value, actionMeta);\n }\n\n setStateInputValue(newValue !== undefined ? newValue : value);\n }, [propsOnInputChange]);\n var onMenuOpen = useCallback(function () {\n if (typeof propsOnMenuOpen === 'function') {\n propsOnMenuOpen();\n }\n\n setStateMenuIsOpen(true);\n }, [propsOnMenuOpen]);\n var onMenuClose = useCallback(function () {\n if (typeof propsOnMenuClose === 'function') {\n propsOnMenuClose();\n }\n\n setStateMenuIsOpen(false);\n }, [propsOnMenuClose]);\n var inputValue = propsInputValue !== undefined ? propsInputValue : stateInputValue;\n var menuIsOpen = propsMenuIsOpen !== undefined ? propsMenuIsOpen : stateMenuIsOpen;\n var value = propsValue !== undefined ? propsValue : stateValue;\n return _objectSpread2(_objectSpread2({}, restSelectProps), {}, {\n inputValue: inputValue,\n menuIsOpen: menuIsOpen,\n onChange: onChange,\n onInputChange: onInputChange,\n onMenuClose: onMenuClose,\n onMenuOpen: onMenuOpen,\n value: value\n });\n}\n\nexport { useStateManager as u };\n","import arrayWithoutHoles from \"./arrayWithoutHoles.js\";\nimport iterableToArray from \"./iterableToArray.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableSpread from \"./nonIterableSpread.js\";\nexport default function _toConsumableArray(arr) {\n return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();\n}","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) return arrayLikeToArray(arr);\n}","export default function _iterableToArray(iter) {\n if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}","export default function _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","var safeIsNaN = Number.isNaN ||\n function ponyfill(value) {\n return typeof value === 'number' && value !== value;\n };\nfunction isEqual(first, second) {\n if (first === second) {\n return true;\n }\n if (safeIsNaN(first) && safeIsNaN(second)) {\n return true;\n }\n return false;\n}\nfunction areInputsEqual(newInputs, lastInputs) {\n if (newInputs.length !== lastInputs.length) {\n return false;\n }\n for (var i = 0; i < newInputs.length; i++) {\n if (!isEqual(newInputs[i], lastInputs[i])) {\n return false;\n }\n }\n return true;\n}\n\nfunction memoizeOne(resultFn, isEqual) {\n if (isEqual === void 0) { isEqual = areInputsEqual; }\n var lastThis;\n var lastArgs = [];\n var lastResult;\n var calledOnce = false;\n function memoized() {\n var newArgs = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n newArgs[_i] = arguments[_i];\n }\n if (calledOnce && lastThis === this && isEqual(newArgs, lastArgs)) {\n return lastResult;\n }\n lastResult = resultFn.apply(this, newArgs);\n calledOnce = true;\n lastThis = this;\n lastArgs = newArgs;\n return lastResult;\n }\n return memoized;\n}\n\nexport default memoizeOne;\n","import _extends from '@babel/runtime/helpers/esm/extends';\nimport { a as _objectSpread2, s as supportsPassiveEvents, b as clearIndicatorCSS, d as containerCSS, e as css$1, f as dropdownIndicatorCSS, g as groupCSS, h as groupHeadingCSS, i as indicatorsContainerCSS, j as indicatorSeparatorCSS, k as inputCSS, l as loadingIndicatorCSS, m as loadingMessageCSS, n as menuCSS, o as menuListCSS, p as menuPortalCSS, q as multiValueCSS, r as multiValueLabelCSS, t as multiValueRemoveCSS, u as noOptionsMessageCSS, v as optionCSS, w as placeholderCSS, x as css$2, y as valueContainerCSS, z as isTouchCapable, A as isMobileDevice, _ as _createSuper, B as multiValueAsValue, C as singleValueAsValue, D as valueTernary, E as classNames, F as defaultComponents, G as notNullish, H as isDocumentElement, I as cleanValue, J as scrollIntoView, K as noop, M as MenuPlacer } from './index-c7a4d7ce.esm.js';\nimport _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';\nimport _createClass from '@babel/runtime/helpers/esm/createClass';\nimport _inherits from '@babel/runtime/helpers/esm/inherits';\nimport _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';\nimport * as React from 'react';\nimport { useMemo, Fragment, useRef, useCallback, useEffect, Component } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport memoizeOne from 'memoize-one';\nimport _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';\n\nfunction _EMOTION_STRINGIFIED_CSS_ERROR__$1() { return \"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).\"; }\n\nvar _ref = process.env.NODE_ENV === \"production\" ? {\n name: \"7pg0cj-a11yText\",\n styles: \"label:a11yText;z-index:9999;border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0;white-space:nowrap\"\n} : {\n name: \"1f43avz-a11yText-A11yText\",\n styles: \"label:a11yText;z-index:9999;border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0;white-space:nowrap;label:A11yText;\",\n map: \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkExMXlUZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNSSIsImZpbGUiOiJBMTF5VGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7IGpzeCB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLy8gQXNzaXN0aXZlIHRleHQgdG8gZGVzY3JpYmUgdmlzdWFsIGVsZW1lbnRzLiBIaWRkZW4gZm9yIHNpZ2h0ZWQgdXNlcnMuXG5jb25zdCBBMTF5VGV4dCA9IChwcm9wczogSlNYLkludHJpbnNpY0VsZW1lbnRzWydzcGFuJ10pID0+IChcbiAgPHNwYW5cbiAgICBjc3M9e3tcbiAgICAgIGxhYmVsOiAnYTExeVRleHQnLFxuICAgICAgekluZGV4OiA5OTk5LFxuICAgICAgYm9yZGVyOiAwLFxuICAgICAgY2xpcDogJ3JlY3QoMXB4LCAxcHgsIDFweCwgMXB4KScsXG4gICAgICBoZWlnaHQ6IDEsXG4gICAgICB3aWR0aDogMSxcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICAgICAgcGFkZGluZzogMCxcbiAgICAgIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICAgIH19XG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgQTExeVRleHQ7XG4iXX0= */\",\n toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1\n};\n\nvar A11yText = function A11yText(props) {\n return jsx(\"span\", _extends({\n css: _ref\n }, props));\n};\n\nvar defaultAriaLiveMessages = {\n guidance: function guidance(props) {\n var isSearchable = props.isSearchable,\n isMulti = props.isMulti,\n isDisabled = props.isDisabled,\n tabSelectsValue = props.tabSelectsValue,\n context = props.context;\n\n switch (context) {\n case 'menu':\n return \"Use Up and Down to choose options\".concat(isDisabled ? '' : ', press Enter to select the currently focused option', \", press Escape to exit the menu\").concat(tabSelectsValue ? ', press Tab to select the option and exit the menu' : '', \".\");\n\n case 'input':\n return \"\".concat(props['aria-label'] || 'Select', \" is focused \").concat(isSearchable ? ',type to refine list' : '', \", press Down to open the menu, \").concat(isMulti ? ' press left to focus selected values' : '');\n\n case 'value':\n return 'Use left and right to toggle between focused values, press Backspace to remove the currently focused value';\n\n default:\n return '';\n }\n },\n onChange: function onChange(props) {\n var action = props.action,\n _props$label = props.label,\n label = _props$label === void 0 ? '' : _props$label,\n labels = props.labels,\n isDisabled = props.isDisabled;\n\n switch (action) {\n case 'deselect-option':\n case 'pop-value':\n case 'remove-value':\n return \"option \".concat(label, \", deselected.\");\n\n case 'clear':\n return 'All selected options have been cleared.';\n\n case 'initial-input-focus':\n return \"option\".concat(labels.length > 1 ? 's' : '', \" \").concat(labels.join(','), \", selected.\");\n\n case 'select-option':\n return isDisabled ? \"option \".concat(label, \" is disabled. Select another option.\") : \"option \".concat(label, \", selected.\");\n\n default:\n return '';\n }\n },\n onFocus: function onFocus(props) {\n var context = props.context,\n focused = props.focused,\n options = props.options,\n _props$label2 = props.label,\n label = _props$label2 === void 0 ? '' : _props$label2,\n selectValue = props.selectValue,\n isDisabled = props.isDisabled,\n isSelected = props.isSelected;\n\n var getArrayIndex = function getArrayIndex(arr, item) {\n return arr && arr.length ? \"\".concat(arr.indexOf(item) + 1, \" of \").concat(arr.length) : '';\n };\n\n if (context === 'value' && selectValue) {\n return \"value \".concat(label, \" focused, \").concat(getArrayIndex(selectValue, focused), \".\");\n }\n\n if (context === 'menu') {\n var disabled = isDisabled ? ' disabled' : '';\n var status = \"\".concat(isSelected ? 'selected' : 'focused').concat(disabled);\n return \"option \".concat(label, \" \").concat(status, \", \").concat(getArrayIndex(options, focused), \".\");\n }\n\n return '';\n },\n onFilter: function onFilter(props) {\n var inputValue = props.inputValue,\n resultsMessage = props.resultsMessage;\n return \"\".concat(resultsMessage).concat(inputValue ? ' for search term ' + inputValue : '', \".\");\n }\n};\n\nvar LiveRegion = function LiveRegion(props) {\n var ariaSelection = props.ariaSelection,\n focusedOption = props.focusedOption,\n focusedValue = props.focusedValue,\n focusableOptions = props.focusableOptions,\n isFocused = props.isFocused,\n selectValue = props.selectValue,\n selectProps = props.selectProps,\n id = props.id;\n var ariaLiveMessages = selectProps.ariaLiveMessages,\n getOptionLabel = selectProps.getOptionLabel,\n inputValue = selectProps.inputValue,\n isMulti = selectProps.isMulti,\n isOptionDisabled = selectProps.isOptionDisabled,\n isSearchable = selectProps.isSearchable,\n menuIsOpen = selectProps.menuIsOpen,\n options = selectProps.options,\n screenReaderStatus = selectProps.screenReaderStatus,\n tabSelectsValue = selectProps.tabSelectsValue;\n var ariaLabel = selectProps['aria-label'];\n var ariaLive = selectProps['aria-live']; // Update aria live message configuration when prop changes\n\n var messages = useMemo(function () {\n return _objectSpread2(_objectSpread2({}, defaultAriaLiveMessages), ariaLiveMessages || {});\n }, [ariaLiveMessages]); // Update aria live selected option when prop changes\n\n var ariaSelected = useMemo(function () {\n var message = '';\n\n if (ariaSelection && messages.onChange) {\n var option = ariaSelection.option,\n selectedOptions = ariaSelection.options,\n removedValue = ariaSelection.removedValue,\n removedValues = ariaSelection.removedValues,\n value = ariaSelection.value; // select-option when !isMulti does not return option so we assume selected option is value\n\n var asOption = function asOption(val) {\n return !Array.isArray(val) ? val : null;\n }; // If there is just one item from the action then get its label\n\n\n var selected = removedValue || option || asOption(value);\n var label = selected ? getOptionLabel(selected) : ''; // If there are multiple items from the action then return an array of labels\n\n var multiSelected = selectedOptions || removedValues || undefined;\n var labels = multiSelected ? multiSelected.map(getOptionLabel) : [];\n\n var onChangeProps = _objectSpread2({\n // multiSelected items are usually items that have already been selected\n // or set by the user as a default value so we assume they are not disabled\n isDisabled: selected && isOptionDisabled(selected, selectValue),\n label: label,\n labels: labels\n }, ariaSelection);\n\n message = messages.onChange(onChangeProps);\n }\n\n return message;\n }, [ariaSelection, messages, isOptionDisabled, selectValue, getOptionLabel]);\n var ariaFocused = useMemo(function () {\n var focusMsg = '';\n var focused = focusedOption || focusedValue;\n var isSelected = !!(focusedOption && selectValue && selectValue.includes(focusedOption));\n\n if (focused && messages.onFocus) {\n var onFocusProps = {\n focused: focused,\n label: getOptionLabel(focused),\n isDisabled: isOptionDisabled(focused, selectValue),\n isSelected: isSelected,\n options: options,\n context: focused === focusedOption ? 'menu' : 'value',\n selectValue: selectValue\n };\n focusMsg = messages.onFocus(onFocusProps);\n }\n\n return focusMsg;\n }, [focusedOption, focusedValue, getOptionLabel, isOptionDisabled, messages, options, selectValue]);\n var ariaResults = useMemo(function () {\n var resultsMsg = '';\n\n if (menuIsOpen && options.length && messages.onFilter) {\n var resultsMessage = screenReaderStatus({\n count: focusableOptions.length\n });\n resultsMsg = messages.onFilter({\n inputValue: inputValue,\n resultsMessage: resultsMessage\n });\n }\n\n return resultsMsg;\n }, [focusableOptions, inputValue, menuIsOpen, messages, options, screenReaderStatus]);\n var ariaGuidance = useMemo(function () {\n var guidanceMsg = '';\n\n if (messages.guidance) {\n var context = focusedValue ? 'value' : menuIsOpen ? 'menu' : 'input';\n guidanceMsg = messages.guidance({\n 'aria-label': ariaLabel,\n context: context,\n isDisabled: focusedOption && isOptionDisabled(focusedOption, selectValue),\n isMulti: isMulti,\n isSearchable: isSearchable,\n tabSelectsValue: tabSelectsValue\n });\n }\n\n return guidanceMsg;\n }, [ariaLabel, focusedOption, focusedValue, isMulti, isOptionDisabled, isSearchable, menuIsOpen, messages, selectValue, tabSelectsValue]);\n var ariaContext = \"\".concat(ariaFocused, \" \").concat(ariaResults, \" \").concat(ariaGuidance);\n var ScreenReaderText = jsx(Fragment, null, jsx(\"span\", {\n id: \"aria-selection\"\n }, ariaSelected), jsx(\"span\", {\n id: \"aria-context\"\n }, ariaContext));\n var isInitialFocus = (ariaSelection === null || ariaSelection === void 0 ? void 0 : ariaSelection.action) === 'initial-input-focus';\n return jsx(Fragment, null, jsx(A11yText, {\n id: id\n }, isInitialFocus && ScreenReaderText), jsx(A11yText, {\n \"aria-live\": ariaLive,\n \"aria-atomic\": \"false\",\n \"aria-relevant\": \"additions text\"\n }, isFocused && !isInitialFocus && ScreenReaderText));\n};\n\nvar diacritics = [{\n base: 'A',\n letters: \"A\\u24B6\\uFF21\\xC0\\xC1\\xC2\\u1EA6\\u1EA4\\u1EAA\\u1EA8\\xC3\\u0100\\u0102\\u1EB0\\u1EAE\\u1EB4\\u1EB2\\u0226\\u01E0\\xC4\\u01DE\\u1EA2\\xC5\\u01FA\\u01CD\\u0200\\u0202\\u1EA0\\u1EAC\\u1EB6\\u1E00\\u0104\\u023A\\u2C6F\"\n}, {\n base: 'AA',\n letters: \"\\uA732\"\n}, {\n base: 'AE',\n letters: \"\\xC6\\u01FC\\u01E2\"\n}, {\n base: 'AO',\n letters: \"\\uA734\"\n}, {\n base: 'AU',\n letters: \"\\uA736\"\n}, {\n base: 'AV',\n letters: \"\\uA738\\uA73A\"\n}, {\n base: 'AY',\n letters: \"\\uA73C\"\n}, {\n base: 'B',\n letters: \"B\\u24B7\\uFF22\\u1E02\\u1E04\\u1E06\\u0243\\u0182\\u0181\"\n}, {\n base: 'C',\n letters: \"C\\u24B8\\uFF23\\u0106\\u0108\\u010A\\u010C\\xC7\\u1E08\\u0187\\u023B\\uA73E\"\n}, {\n base: 'D',\n letters: \"D\\u24B9\\uFF24\\u1E0A\\u010E\\u1E0C\\u1E10\\u1E12\\u1E0E\\u0110\\u018B\\u018A\\u0189\\uA779\"\n}, {\n base: 'DZ',\n letters: \"\\u01F1\\u01C4\"\n}, {\n base: 'Dz',\n letters: \"\\u01F2\\u01C5\"\n}, {\n base: 'E',\n letters: \"E\\u24BA\\uFF25\\xC8\\xC9\\xCA\\u1EC0\\u1EBE\\u1EC4\\u1EC2\\u1EBC\\u0112\\u1E14\\u1E16\\u0114\\u0116\\xCB\\u1EBA\\u011A\\u0204\\u0206\\u1EB8\\u1EC6\\u0228\\u1E1C\\u0118\\u1E18\\u1E1A\\u0190\\u018E\"\n}, {\n base: 'F',\n letters: \"F\\u24BB\\uFF26\\u1E1E\\u0191\\uA77B\"\n}, {\n base: 'G',\n letters: \"G\\u24BC\\uFF27\\u01F4\\u011C\\u1E20\\u011E\\u0120\\u01E6\\u0122\\u01E4\\u0193\\uA7A0\\uA77D\\uA77E\"\n}, {\n base: 'H',\n letters: \"H\\u24BD\\uFF28\\u0124\\u1E22\\u1E26\\u021E\\u1E24\\u1E28\\u1E2A\\u0126\\u2C67\\u2C75\\uA78D\"\n}, {\n base: 'I',\n letters: \"I\\u24BE\\uFF29\\xCC\\xCD\\xCE\\u0128\\u012A\\u012C\\u0130\\xCF\\u1E2E\\u1EC8\\u01CF\\u0208\\u020A\\u1ECA\\u012E\\u1E2C\\u0197\"\n}, {\n base: 'J',\n letters: \"J\\u24BF\\uFF2A\\u0134\\u0248\"\n}, {\n base: 'K',\n letters: \"K\\u24C0\\uFF2B\\u1E30\\u01E8\\u1E32\\u0136\\u1E34\\u0198\\u2C69\\uA740\\uA742\\uA744\\uA7A2\"\n}, {\n base: 'L',\n letters: \"L\\u24C1\\uFF2C\\u013F\\u0139\\u013D\\u1E36\\u1E38\\u013B\\u1E3C\\u1E3A\\u0141\\u023D\\u2C62\\u2C60\\uA748\\uA746\\uA780\"\n}, {\n base: 'LJ',\n letters: \"\\u01C7\"\n}, {\n base: 'Lj',\n letters: \"\\u01C8\"\n}, {\n base: 'M',\n letters: \"M\\u24C2\\uFF2D\\u1E3E\\u1E40\\u1E42\\u2C6E\\u019C\"\n}, {\n base: 'N',\n letters: \"N\\u24C3\\uFF2E\\u01F8\\u0143\\xD1\\u1E44\\u0147\\u1E46\\u0145\\u1E4A\\u1E48\\u0220\\u019D\\uA790\\uA7A4\"\n}, {\n base: 'NJ',\n letters: \"\\u01CA\"\n}, {\n base: 'Nj',\n letters: \"\\u01CB\"\n}, {\n base: 'O',\n letters: \"O\\u24C4\\uFF2F\\xD2\\xD3\\xD4\\u1ED2\\u1ED0\\u1ED6\\u1ED4\\xD5\\u1E4C\\u022C\\u1E4E\\u014C\\u1E50\\u1E52\\u014E\\u022E\\u0230\\xD6\\u022A\\u1ECE\\u0150\\u01D1\\u020C\\u020E\\u01A0\\u1EDC\\u1EDA\\u1EE0\\u1EDE\\u1EE2\\u1ECC\\u1ED8\\u01EA\\u01EC\\xD8\\u01FE\\u0186\\u019F\\uA74A\\uA74C\"\n}, {\n base: 'OI',\n letters: \"\\u01A2\"\n}, {\n base: 'OO',\n letters: \"\\uA74E\"\n}, {\n base: 'OU',\n letters: \"\\u0222\"\n}, {\n base: 'P',\n letters: \"P\\u24C5\\uFF30\\u1E54\\u1E56\\u01A4\\u2C63\\uA750\\uA752\\uA754\"\n}, {\n base: 'Q',\n letters: \"Q\\u24C6\\uFF31\\uA756\\uA758\\u024A\"\n}, {\n base: 'R',\n letters: \"R\\u24C7\\uFF32\\u0154\\u1E58\\u0158\\u0210\\u0212\\u1E5A\\u1E5C\\u0156\\u1E5E\\u024C\\u2C64\\uA75A\\uA7A6\\uA782\"\n}, {\n base: 'S',\n letters: \"S\\u24C8\\uFF33\\u1E9E\\u015A\\u1E64\\u015C\\u1E60\\u0160\\u1E66\\u1E62\\u1E68\\u0218\\u015E\\u2C7E\\uA7A8\\uA784\"\n}, {\n base: 'T',\n letters: \"T\\u24C9\\uFF34\\u1E6A\\u0164\\u1E6C\\u021A\\u0162\\u1E70\\u1E6E\\u0166\\u01AC\\u01AE\\u023E\\uA786\"\n}, {\n base: 'TZ',\n letters: \"\\uA728\"\n}, {\n base: 'U',\n letters: \"U\\u24CA\\uFF35\\xD9\\xDA\\xDB\\u0168\\u1E78\\u016A\\u1E7A\\u016C\\xDC\\u01DB\\u01D7\\u01D5\\u01D9\\u1EE6\\u016E\\u0170\\u01D3\\u0214\\u0216\\u01AF\\u1EEA\\u1EE8\\u1EEE\\u1EEC\\u1EF0\\u1EE4\\u1E72\\u0172\\u1E76\\u1E74\\u0244\"\n}, {\n base: 'V',\n letters: \"V\\u24CB\\uFF36\\u1E7C\\u1E7E\\u01B2\\uA75E\\u0245\"\n}, {\n base: 'VY',\n letters: \"\\uA760\"\n}, {\n base: 'W',\n letters: \"W\\u24CC\\uFF37\\u1E80\\u1E82\\u0174\\u1E86\\u1E84\\u1E88\\u2C72\"\n}, {\n base: 'X',\n letters: \"X\\u24CD\\uFF38\\u1E8A\\u1E8C\"\n}, {\n base: 'Y',\n letters: \"Y\\u24CE\\uFF39\\u1EF2\\xDD\\u0176\\u1EF8\\u0232\\u1E8E\\u0178\\u1EF6\\u1EF4\\u01B3\\u024E\\u1EFE\"\n}, {\n base: 'Z',\n letters: \"Z\\u24CF\\uFF3A\\u0179\\u1E90\\u017B\\u017D\\u1E92\\u1E94\\u01B5\\u0224\\u2C7F\\u2C6B\\uA762\"\n}, {\n base: 'a',\n letters: \"a\\u24D0\\uFF41\\u1E9A\\xE0\\xE1\\xE2\\u1EA7\\u1EA5\\u1EAB\\u1EA9\\xE3\\u0101\\u0103\\u1EB1\\u1EAF\\u1EB5\\u1EB3\\u0227\\u01E1\\xE4\\u01DF\\u1EA3\\xE5\\u01FB\\u01CE\\u0201\\u0203\\u1EA1\\u1EAD\\u1EB7\\u1E01\\u0105\\u2C65\\u0250\"\n}, {\n base: 'aa',\n letters: \"\\uA733\"\n}, {\n base: 'ae',\n letters: \"\\xE6\\u01FD\\u01E3\"\n}, {\n base: 'ao',\n letters: \"\\uA735\"\n}, {\n base: 'au',\n letters: \"\\uA737\"\n}, {\n base: 'av',\n letters: \"\\uA739\\uA73B\"\n}, {\n base: 'ay',\n letters: \"\\uA73D\"\n}, {\n base: 'b',\n letters: \"b\\u24D1\\uFF42\\u1E03\\u1E05\\u1E07\\u0180\\u0183\\u0253\"\n}, {\n base: 'c',\n letters: \"c\\u24D2\\uFF43\\u0107\\u0109\\u010B\\u010D\\xE7\\u1E09\\u0188\\u023C\\uA73F\\u2184\"\n}, {\n base: 'd',\n letters: \"d\\u24D3\\uFF44\\u1E0B\\u010F\\u1E0D\\u1E11\\u1E13\\u1E0F\\u0111\\u018C\\u0256\\u0257\\uA77A\"\n}, {\n base: 'dz',\n letters: \"\\u01F3\\u01C6\"\n}, {\n base: 'e',\n letters: \"e\\u24D4\\uFF45\\xE8\\xE9\\xEA\\u1EC1\\u1EBF\\u1EC5\\u1EC3\\u1EBD\\u0113\\u1E15\\u1E17\\u0115\\u0117\\xEB\\u1EBB\\u011B\\u0205\\u0207\\u1EB9\\u1EC7\\u0229\\u1E1D\\u0119\\u1E19\\u1E1B\\u0247\\u025B\\u01DD\"\n}, {\n base: 'f',\n letters: \"f\\u24D5\\uFF46\\u1E1F\\u0192\\uA77C\"\n}, {\n base: 'g',\n letters: \"g\\u24D6\\uFF47\\u01F5\\u011D\\u1E21\\u011F\\u0121\\u01E7\\u0123\\u01E5\\u0260\\uA7A1\\u1D79\\uA77F\"\n}, {\n base: 'h',\n letters: \"h\\u24D7\\uFF48\\u0125\\u1E23\\u1E27\\u021F\\u1E25\\u1E29\\u1E2B\\u1E96\\u0127\\u2C68\\u2C76\\u0265\"\n}, {\n base: 'hv',\n letters: \"\\u0195\"\n}, {\n base: 'i',\n letters: \"i\\u24D8\\uFF49\\xEC\\xED\\xEE\\u0129\\u012B\\u012D\\xEF\\u1E2F\\u1EC9\\u01D0\\u0209\\u020B\\u1ECB\\u012F\\u1E2D\\u0268\\u0131\"\n}, {\n base: 'j',\n letters: \"j\\u24D9\\uFF4A\\u0135\\u01F0\\u0249\"\n}, {\n base: 'k',\n letters: \"k\\u24DA\\uFF4B\\u1E31\\u01E9\\u1E33\\u0137\\u1E35\\u0199\\u2C6A\\uA741\\uA743\\uA745\\uA7A3\"\n}, {\n base: 'l',\n letters: \"l\\u24DB\\uFF4C\\u0140\\u013A\\u013E\\u1E37\\u1E39\\u013C\\u1E3D\\u1E3B\\u017F\\u0142\\u019A\\u026B\\u2C61\\uA749\\uA781\\uA747\"\n}, {\n base: 'lj',\n letters: \"\\u01C9\"\n}, {\n base: 'm',\n letters: \"m\\u24DC\\uFF4D\\u1E3F\\u1E41\\u1E43\\u0271\\u026F\"\n}, {\n base: 'n',\n letters: \"n\\u24DD\\uFF4E\\u01F9\\u0144\\xF1\\u1E45\\u0148\\u1E47\\u0146\\u1E4B\\u1E49\\u019E\\u0272\\u0149\\uA791\\uA7A5\"\n}, {\n base: 'nj',\n letters: \"\\u01CC\"\n}, {\n base: 'o',\n letters: \"o\\u24DE\\uFF4F\\xF2\\xF3\\xF4\\u1ED3\\u1ED1\\u1ED7\\u1ED5\\xF5\\u1E4D\\u022D\\u1E4F\\u014D\\u1E51\\u1E53\\u014F\\u022F\\u0231\\xF6\\u022B\\u1ECF\\u0151\\u01D2\\u020D\\u020F\\u01A1\\u1EDD\\u1EDB\\u1EE1\\u1EDF\\u1EE3\\u1ECD\\u1ED9\\u01EB\\u01ED\\xF8\\u01FF\\u0254\\uA74B\\uA74D\\u0275\"\n}, {\n base: 'oi',\n letters: \"\\u01A3\"\n}, {\n base: 'ou',\n letters: \"\\u0223\"\n}, {\n base: 'oo',\n letters: \"\\uA74F\"\n}, {\n base: 'p',\n letters: \"p\\u24DF\\uFF50\\u1E55\\u1E57\\u01A5\\u1D7D\\uA751\\uA753\\uA755\"\n}, {\n base: 'q',\n letters: \"q\\u24E0\\uFF51\\u024B\\uA757\\uA759\"\n}, {\n base: 'r',\n letters: \"r\\u24E1\\uFF52\\u0155\\u1E59\\u0159\\u0211\\u0213\\u1E5B\\u1E5D\\u0157\\u1E5F\\u024D\\u027D\\uA75B\\uA7A7\\uA783\"\n}, {\n base: 's',\n letters: \"s\\u24E2\\uFF53\\xDF\\u015B\\u1E65\\u015D\\u1E61\\u0161\\u1E67\\u1E63\\u1E69\\u0219\\u015F\\u023F\\uA7A9\\uA785\\u1E9B\"\n}, {\n base: 't',\n letters: \"t\\u24E3\\uFF54\\u1E6B\\u1E97\\u0165\\u1E6D\\u021B\\u0163\\u1E71\\u1E6F\\u0167\\u01AD\\u0288\\u2C66\\uA787\"\n}, {\n base: 'tz',\n letters: \"\\uA729\"\n}, {\n base: 'u',\n letters: \"u\\u24E4\\uFF55\\xF9\\xFA\\xFB\\u0169\\u1E79\\u016B\\u1E7B\\u016D\\xFC\\u01DC\\u01D8\\u01D6\\u01DA\\u1EE7\\u016F\\u0171\\u01D4\\u0215\\u0217\\u01B0\\u1EEB\\u1EE9\\u1EEF\\u1EED\\u1EF1\\u1EE5\\u1E73\\u0173\\u1E77\\u1E75\\u0289\"\n}, {\n base: 'v',\n letters: \"v\\u24E5\\uFF56\\u1E7D\\u1E7F\\u028B\\uA75F\\u028C\"\n}, {\n base: 'vy',\n letters: \"\\uA761\"\n}, {\n base: 'w',\n letters: \"w\\u24E6\\uFF57\\u1E81\\u1E83\\u0175\\u1E87\\u1E85\\u1E98\\u1E89\\u2C73\"\n}, {\n base: 'x',\n letters: \"x\\u24E7\\uFF58\\u1E8B\\u1E8D\"\n}, {\n base: 'y',\n letters: \"y\\u24E8\\uFF59\\u1EF3\\xFD\\u0177\\u1EF9\\u0233\\u1E8F\\xFF\\u1EF7\\u1E99\\u1EF5\\u01B4\\u024F\\u1EFF\"\n}, {\n base: 'z',\n letters: \"z\\u24E9\\uFF5A\\u017A\\u1E91\\u017C\\u017E\\u1E93\\u1E95\\u01B6\\u0225\\u0240\\u2C6C\\uA763\"\n}];\nvar anyDiacritic = new RegExp('[' + diacritics.map(function (d) {\n return d.letters;\n}).join('') + ']', 'g');\nvar diacriticToBase = {};\n\nfor (var i = 0; i < diacritics.length; i++) {\n var diacritic = diacritics[i];\n\n for (var j = 0; j < diacritic.letters.length; j++) {\n diacriticToBase[diacritic.letters[j]] = diacritic.base;\n }\n}\n\nvar stripDiacritics = function stripDiacritics(str) {\n return str.replace(anyDiacritic, function (match) {\n return diacriticToBase[match];\n });\n};\n\nvar memoizedStripDiacriticsForInput = memoizeOne(stripDiacritics);\n\nvar trimString = function trimString(str) {\n return str.replace(/^\\s+|\\s+$/g, '');\n};\n\nvar defaultStringify = function defaultStringify(option) {\n return \"\".concat(option.label, \" \").concat(option.value);\n};\n\nvar createFilter = function createFilter(config) {\n return function (option, rawInput) {\n // eslint-disable-next-line no-underscore-dangle\n if (option.data.__isNew__) return true;\n\n var _ignoreCase$ignoreAcc = _objectSpread2({\n ignoreCase: true,\n ignoreAccents: true,\n stringify: defaultStringify,\n trim: true,\n matchFrom: 'any'\n }, config),\n ignoreCase = _ignoreCase$ignoreAcc.ignoreCase,\n ignoreAccents = _ignoreCase$ignoreAcc.ignoreAccents,\n stringify = _ignoreCase$ignoreAcc.stringify,\n trim = _ignoreCase$ignoreAcc.trim,\n matchFrom = _ignoreCase$ignoreAcc.matchFrom;\n\n var input = trim ? trimString(rawInput) : rawInput;\n var candidate = trim ? trimString(stringify(option)) : stringify(option);\n\n if (ignoreCase) {\n input = input.toLowerCase();\n candidate = candidate.toLowerCase();\n }\n\n if (ignoreAccents) {\n input = memoizedStripDiacriticsForInput(input);\n candidate = stripDiacritics(candidate);\n }\n\n return matchFrom === 'start' ? candidate.substr(0, input.length) === input : candidate.indexOf(input) > -1;\n };\n};\n\nvar _excluded = [\"innerRef\"];\nfunction DummyInput(_ref) {\n var innerRef = _ref.innerRef,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return jsx(\"input\", _extends({\n ref: innerRef\n }, props, {\n css: /*#__PURE__*/css({\n label: 'dummyInput',\n // get rid of any default styles\n background: 0,\n border: 0,\n // important! this hides the flashing cursor\n caretColor: 'transparent',\n fontSize: 'inherit',\n gridArea: '1 / 1 / 2 / 3',\n outline: 0,\n padding: 0,\n // important! without `width` browsers won't allow focus\n width: 1,\n // remove cursor on desktop\n color: 'transparent',\n // remove cursor on mobile whilst maintaining \"scroll into view\" behaviour\n left: -100,\n opacity: 0,\n position: 'relative',\n transform: 'scale(.01)'\n }, process.env.NODE_ENV === \"production\" ? \"\" : \";label:DummyInput;\", process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkR1bW15SW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNNIiwiZmlsZSI6IkR1bW15SW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyBSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3ggfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIER1bW15SW5wdXQoe1xuICBpbm5lclJlZixcbiAgLi4ucHJvcHNcbn06IEpTWC5JbnRyaW5zaWNFbGVtZW50c1snaW5wdXQnXSAmIHtcbiAgcmVhZG9ubHkgaW5uZXJSZWY6IFJlZjxIVE1MSW5wdXRFbGVtZW50Pjtcbn0pIHtcbiAgcmV0dXJuIChcbiAgICA8aW5wdXRcbiAgICAgIHJlZj17aW5uZXJSZWZ9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBjc3M9e3tcbiAgICAgICAgbGFiZWw6ICdkdW1teUlucHV0JyxcbiAgICAgICAgLy8gZ2V0IHJpZCBvZiBhbnkgZGVmYXVsdCBzdHlsZXNcbiAgICAgICAgYmFja2dyb3VuZDogMCxcbiAgICAgICAgYm9yZGVyOiAwLFxuICAgICAgICAvLyBpbXBvcnRhbnQhIHRoaXMgaGlkZXMgdGhlIGZsYXNoaW5nIGN1cnNvclxuICAgICAgICBjYXJldENvbG9yOiAndHJhbnNwYXJlbnQnLFxuICAgICAgICBmb250U2l6ZTogJ2luaGVyaXQnLFxuICAgICAgICBncmlkQXJlYTogJzEgLyAxIC8gMiAvIDMnLFxuICAgICAgICBvdXRsaW5lOiAwLFxuICAgICAgICBwYWRkaW5nOiAwLFxuICAgICAgICAvLyBpbXBvcnRhbnQhIHdpdGhvdXQgYHdpZHRoYCBicm93c2VycyB3b24ndCBhbGxvdyBmb2N1c1xuICAgICAgICB3aWR0aDogMSxcblxuICAgICAgICAvLyByZW1vdmUgY3Vyc29yIG9uIGRlc2t0b3BcbiAgICAgICAgY29sb3I6ICd0cmFuc3BhcmVudCcsXG5cbiAgICAgICAgLy8gcmVtb3ZlIGN1cnNvciBvbiBtb2JpbGUgd2hpbHN0IG1haW50YWluaW5nIFwic2Nyb2xsIGludG8gdmlld1wiIGJlaGF2aW91clxuICAgICAgICBsZWZ0OiAtMTAwLFxuICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgICAgdHJhbnNmb3JtOiAnc2NhbGUoLjAxKScsXG4gICAgICB9fVxuICAgIC8+XG4gICk7XG59XG4iXX0= */\")\n }));\n}\n\nvar cancelScroll = function cancelScroll(event) {\n event.preventDefault();\n event.stopPropagation();\n};\n\nfunction useScrollCapture(_ref) {\n var isEnabled = _ref.isEnabled,\n onBottomArrive = _ref.onBottomArrive,\n onBottomLeave = _ref.onBottomLeave,\n onTopArrive = _ref.onTopArrive,\n onTopLeave = _ref.onTopLeave;\n var isBottom = useRef(false);\n var isTop = useRef(false);\n var touchStart = useRef(0);\n var scrollTarget = useRef(null);\n var handleEventDelta = useCallback(function (event, delta) {\n if (scrollTarget.current === null) return;\n var _scrollTarget$current = scrollTarget.current,\n scrollTop = _scrollTarget$current.scrollTop,\n scrollHeight = _scrollTarget$current.scrollHeight,\n clientHeight = _scrollTarget$current.clientHeight;\n var target = scrollTarget.current;\n var isDeltaPositive = delta > 0;\n var availableScroll = scrollHeight - clientHeight - scrollTop;\n var shouldCancelScroll = false; // reset bottom/top flags\n\n if (availableScroll > delta && isBottom.current) {\n if (onBottomLeave) onBottomLeave(event);\n isBottom.current = false;\n }\n\n if (isDeltaPositive && isTop.current) {\n if (onTopLeave) onTopLeave(event);\n isTop.current = false;\n } // bottom limit\n\n\n if (isDeltaPositive && delta > availableScroll) {\n if (onBottomArrive && !isBottom.current) {\n onBottomArrive(event);\n }\n\n target.scrollTop = scrollHeight;\n shouldCancelScroll = true;\n isBottom.current = true; // top limit\n } else if (!isDeltaPositive && -delta > scrollTop) {\n if (onTopArrive && !isTop.current) {\n onTopArrive(event);\n }\n\n target.scrollTop = 0;\n shouldCancelScroll = true;\n isTop.current = true;\n } // cancel scroll\n\n\n if (shouldCancelScroll) {\n cancelScroll(event);\n }\n }, [onBottomArrive, onBottomLeave, onTopArrive, onTopLeave]);\n var onWheel = useCallback(function (event) {\n handleEventDelta(event, event.deltaY);\n }, [handleEventDelta]);\n var onTouchStart = useCallback(function (event) {\n // set touch start so we can calculate touchmove delta\n touchStart.current = event.changedTouches[0].clientY;\n }, []);\n var onTouchMove = useCallback(function (event) {\n var deltaY = touchStart.current - event.changedTouches[0].clientY;\n handleEventDelta(event, deltaY);\n }, [handleEventDelta]);\n var startListening = useCallback(function (el) {\n // bail early if no element is available to attach to\n if (!el) return;\n var notPassive = supportsPassiveEvents ? {\n passive: false\n } : false;\n el.addEventListener('wheel', onWheel, notPassive);\n el.addEventListener('touchstart', onTouchStart, notPassive);\n el.addEventListener('touchmove', onTouchMove, notPassive);\n }, [onTouchMove, onTouchStart, onWheel]);\n var stopListening = useCallback(function (el) {\n // bail early if no element is available to detach from\n if (!el) return;\n el.removeEventListener('wheel', onWheel, false);\n el.removeEventListener('touchstart', onTouchStart, false);\n el.removeEventListener('touchmove', onTouchMove, false);\n }, [onTouchMove, onTouchStart, onWheel]);\n useEffect(function () {\n if (!isEnabled) return;\n var element = scrollTarget.current;\n startListening(element);\n return function () {\n stopListening(element);\n };\n }, [isEnabled, startListening, stopListening]);\n return function (element) {\n scrollTarget.current = element;\n };\n}\n\nvar STYLE_KEYS = ['boxSizing', 'height', 'overflow', 'paddingRight', 'position'];\nvar LOCK_STYLES = {\n boxSizing: 'border-box',\n // account for possible declaration `width: 100%;` on body\n overflow: 'hidden',\n position: 'relative',\n height: '100%'\n};\n\nfunction preventTouchMove(e) {\n e.preventDefault();\n}\n\nfunction allowTouchMove(e) {\n e.stopPropagation();\n}\n\nfunction preventInertiaScroll() {\n var top = this.scrollTop;\n var totalScroll = this.scrollHeight;\n var currentScroll = top + this.offsetHeight;\n\n if (top === 0) {\n this.scrollTop = 1;\n } else if (currentScroll === totalScroll) {\n this.scrollTop = top - 1;\n }\n} // `ontouchstart` check works on most browsers\n// `maxTouchPoints` works on IE10/11 and Surface\n\n\nfunction isTouchDevice() {\n return 'ontouchstart' in window || navigator.maxTouchPoints;\n}\n\nvar canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);\nvar activeScrollLocks = 0;\nvar listenerOptions = {\n capture: false,\n passive: false\n};\nfunction useScrollLock(_ref) {\n var isEnabled = _ref.isEnabled,\n _ref$accountForScroll = _ref.accountForScrollbars,\n accountForScrollbars = _ref$accountForScroll === void 0 ? true : _ref$accountForScroll;\n var originalStyles = useRef({});\n var scrollTarget = useRef(null);\n var addScrollLock = useCallback(function (touchScrollTarget) {\n if (!canUseDOM) return;\n var target = document.body;\n var targetStyle = target && target.style;\n\n if (accountForScrollbars) {\n // store any styles already applied to the body\n STYLE_KEYS.forEach(function (key) {\n var val = targetStyle && targetStyle[key];\n originalStyles.current[key] = val;\n });\n } // apply the lock styles and padding if this is the first scroll lock\n\n\n if (accountForScrollbars && activeScrollLocks < 1) {\n var currentPadding = parseInt(originalStyles.current.paddingRight, 10) || 0;\n var clientWidth = document.body ? document.body.clientWidth : 0;\n var adjustedPadding = window.innerWidth - clientWidth + currentPadding || 0;\n Object.keys(LOCK_STYLES).forEach(function (key) {\n var val = LOCK_STYLES[key];\n\n if (targetStyle) {\n targetStyle[key] = val;\n }\n });\n\n if (targetStyle) {\n targetStyle.paddingRight = \"\".concat(adjustedPadding, \"px\");\n }\n } // account for touch devices\n\n\n if (target && isTouchDevice()) {\n // Mobile Safari ignores { overflow: hidden } declaration on the body.\n target.addEventListener('touchmove', preventTouchMove, listenerOptions); // Allow scroll on provided target\n\n if (touchScrollTarget) {\n touchScrollTarget.addEventListener('touchstart', preventInertiaScroll, listenerOptions);\n touchScrollTarget.addEventListener('touchmove', allowTouchMove, listenerOptions);\n }\n } // increment active scroll locks\n\n\n activeScrollLocks += 1;\n }, [accountForScrollbars]);\n var removeScrollLock = useCallback(function (touchScrollTarget) {\n if (!canUseDOM) return;\n var target = document.body;\n var targetStyle = target && target.style; // safely decrement active scroll locks\n\n activeScrollLocks = Math.max(activeScrollLocks - 1, 0); // reapply original body styles, if any\n\n if (accountForScrollbars && activeScrollLocks < 1) {\n STYLE_KEYS.forEach(function (key) {\n var val = originalStyles.current[key];\n\n if (targetStyle) {\n targetStyle[key] = val;\n }\n });\n } // remove touch listeners\n\n\n if (target && isTouchDevice()) {\n target.removeEventListener('touchmove', preventTouchMove, listenerOptions);\n\n if (touchScrollTarget) {\n touchScrollTarget.removeEventListener('touchstart', preventInertiaScroll, listenerOptions);\n touchScrollTarget.removeEventListener('touchmove', allowTouchMove, listenerOptions);\n }\n }\n }, [accountForScrollbars]);\n useEffect(function () {\n if (!isEnabled) return;\n var element = scrollTarget.current;\n addScrollLock(element);\n return function () {\n removeScrollLock(element);\n };\n }, [isEnabled, addScrollLock, removeScrollLock]);\n return function (element) {\n scrollTarget.current = element;\n };\n}\n\nfunction _EMOTION_STRINGIFIED_CSS_ERROR__() { return \"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).\"; }\n\nvar blurSelectInput = function blurSelectInput() {\n return document.activeElement && document.activeElement.blur();\n};\n\nvar _ref2 = process.env.NODE_ENV === \"production\" ? {\n name: \"1kfdb0e\",\n styles: \"position:fixed;left:0;bottom:0;right:0;top:0\"\n} : {\n name: \"bp8cua-ScrollManager\",\n styles: \"position:fixed;left:0;bottom:0;right:0;top:0;label:ScrollManager;\",\n map: \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNjcm9sbE1hbmFnZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStDVSIsImZpbGUiOiJTY3JvbGxNYW5hZ2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHsganN4IH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgRnJhZ21lbnQsIFJlYWN0RWxlbWVudCwgUmVmQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgdXNlU2Nyb2xsQ2FwdHVyZSBmcm9tICcuL3VzZVNjcm9sbENhcHR1cmUnO1xuaW1wb3J0IHVzZVNjcm9sbExvY2sgZnJvbSAnLi91c2VTY3JvbGxMb2NrJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgcmVhZG9ubHkgY2hpbGRyZW46IChyZWY6IFJlZkNhbGxiYWNrPEhUTUxFbGVtZW50PikgPT4gUmVhY3RFbGVtZW50O1xuICByZWFkb25seSBsb2NrRW5hYmxlZDogYm9vbGVhbjtcbiAgcmVhZG9ubHkgY2FwdHVyZUVuYWJsZWQ6IGJvb2xlYW47XG4gIHJlYWRvbmx5IG9uQm90dG9tQXJyaXZlPzogKGV2ZW50OiBXaGVlbEV2ZW50IHwgVG91Y2hFdmVudCkgPT4gdm9pZDtcbiAgcmVhZG9ubHkgb25Cb3R0b21MZWF2ZT86IChldmVudDogV2hlZWxFdmVudCB8IFRvdWNoRXZlbnQpID0+IHZvaWQ7XG4gIHJlYWRvbmx5IG9uVG9wQXJyaXZlPzogKGV2ZW50OiBXaGVlbEV2ZW50IHwgVG91Y2hFdmVudCkgPT4gdm9pZDtcbiAgcmVhZG9ubHkgb25Ub3BMZWF2ZT86IChldmVudDogV2hlZWxFdmVudCB8IFRvdWNoRXZlbnQpID0+IHZvaWQ7XG59XG5cbmNvbnN0IGJsdXJTZWxlY3RJbnB1dCA9ICgpID0+XG4gIGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQgJiYgKGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQgYXMgSFRNTEVsZW1lbnQpLmJsdXIoKTtcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gU2Nyb2xsTWFuYWdlcih7XG4gIGNoaWxkcmVuLFxuICBsb2NrRW5hYmxlZCxcbiAgY2FwdHVyZUVuYWJsZWQgPSB0cnVlLFxuICBvbkJvdHRvbUFycml2ZSxcbiAgb25Cb3R0b21MZWF2ZSxcbiAgb25Ub3BBcnJpdmUsXG4gIG9uVG9wTGVhdmUsXG59OiBQcm9wcykge1xuICBjb25zdCBzZXRTY3JvbGxDYXB0dXJlVGFyZ2V0ID0gdXNlU2Nyb2xsQ2FwdHVyZSh7XG4gICAgaXNFbmFibGVkOiBjYXB0dXJlRW5hYmxlZCxcbiAgICBvbkJvdHRvbUFycml2ZSxcbiAgICBvbkJvdHRvbUxlYXZlLFxuICAgIG9uVG9wQXJyaXZlLFxuICAgIG9uVG9wTGVhdmUsXG4gIH0pO1xuICBjb25zdCBzZXRTY3JvbGxMb2NrVGFyZ2V0ID0gdXNlU2Nyb2xsTG9jayh7IGlzRW5hYmxlZDogbG9ja0VuYWJsZWQgfSk7XG5cbiAgY29uc3QgdGFyZ2V0UmVmOiBSZWZDYWxsYmFjazxIVE1MRWxlbWVudD4gPSAoZWxlbWVudCkgPT4ge1xuICAgIHNldFNjcm9sbENhcHR1cmVUYXJnZXQoZWxlbWVudCk7XG4gICAgc2V0U2Nyb2xsTG9ja1RhcmdldChlbGVtZW50KTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxGcmFnbWVudD5cbiAgICAgIHtsb2NrRW5hYmxlZCAmJiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBvbkNsaWNrPXtibHVyU2VsZWN0SW5wdXR9XG4gICAgICAgICAgY3NzPXt7IHBvc2l0aW9uOiAnZml4ZWQnLCBsZWZ0OiAwLCBib3R0b206IDAsIHJpZ2h0OiAwLCB0b3A6IDAgfX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICB7Y2hpbGRyZW4odGFyZ2V0UmVmKX1cbiAgICA8L0ZyYWdtZW50PlxuICApO1xufVxuIl19 */\",\n toString: _EMOTION_STRINGIFIED_CSS_ERROR__\n};\n\nfunction ScrollManager(_ref) {\n var children = _ref.children,\n lockEnabled = _ref.lockEnabled,\n _ref$captureEnabled = _ref.captureEnabled,\n captureEnabled = _ref$captureEnabled === void 0 ? true : _ref$captureEnabled,\n onBottomArrive = _ref.onBottomArrive,\n onBottomLeave = _ref.onBottomLeave,\n onTopArrive = _ref.onTopArrive,\n onTopLeave = _ref.onTopLeave;\n var setScrollCaptureTarget = useScrollCapture({\n isEnabled: captureEnabled,\n onBottomArrive: onBottomArrive,\n onBottomLeave: onBottomLeave,\n onTopArrive: onTopArrive,\n onTopLeave: onTopLeave\n });\n var setScrollLockTarget = useScrollLock({\n isEnabled: lockEnabled\n });\n\n var targetRef = function targetRef(element) {\n setScrollCaptureTarget(element);\n setScrollLockTarget(element);\n };\n\n return jsx(Fragment, null, lockEnabled && jsx(\"div\", {\n onClick: blurSelectInput,\n css: _ref2\n }), children(targetRef));\n}\n\nvar formatGroupLabel = function formatGroupLabel(group) {\n return group.label;\n};\nvar getOptionLabel$1 = function getOptionLabel(option) {\n return option.label;\n};\nvar getOptionValue$1 = function getOptionValue(option) {\n return option.value;\n};\nvar isOptionDisabled = function isOptionDisabled(option) {\n return !!option.isDisabled;\n};\n\nvar defaultStyles = {\n clearIndicator: clearIndicatorCSS,\n container: containerCSS,\n control: css$1,\n dropdownIndicator: dropdownIndicatorCSS,\n group: groupCSS,\n groupHeading: groupHeadingCSS,\n indicatorsContainer: indicatorsContainerCSS,\n indicatorSeparator: indicatorSeparatorCSS,\n input: inputCSS,\n loadingIndicator: loadingIndicatorCSS,\n loadingMessage: loadingMessageCSS,\n menu: menuCSS,\n menuList: menuListCSS,\n menuPortal: menuPortalCSS,\n multiValue: multiValueCSS,\n multiValueLabel: multiValueLabelCSS,\n multiValueRemove: multiValueRemoveCSS,\n noOptionsMessage: noOptionsMessageCSS,\n option: optionCSS,\n placeholder: placeholderCSS,\n singleValue: css$2,\n valueContainer: valueContainerCSS\n}; // Merge Utility\n// Allows consumers to extend a base Select with additional styles\n\nfunction mergeStyles(source) {\n var target = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n // initialize with source styles\n var styles = _objectSpread2({}, source); // massage in target styles\n\n\n Object.keys(target).forEach(function (keyAsString) {\n var key = keyAsString;\n\n if (source[key]) {\n styles[key] = function (rsCss, props) {\n return target[key](source[key](rsCss, props), props);\n };\n } else {\n styles[key] = target[key];\n }\n });\n return styles;\n}\n\nvar colors = {\n primary: '#2684FF',\n primary75: '#4C9AFF',\n primary50: '#B2D4FF',\n primary25: '#DEEBFF',\n danger: '#DE350B',\n dangerLight: '#FFBDAD',\n neutral0: 'hsl(0, 0%, 100%)',\n neutral5: 'hsl(0, 0%, 95%)',\n neutral10: 'hsl(0, 0%, 90%)',\n neutral20: 'hsl(0, 0%, 80%)',\n neutral30: 'hsl(0, 0%, 70%)',\n neutral40: 'hsl(0, 0%, 60%)',\n neutral50: 'hsl(0, 0%, 50%)',\n neutral60: 'hsl(0, 0%, 40%)',\n neutral70: 'hsl(0, 0%, 30%)',\n neutral80: 'hsl(0, 0%, 20%)',\n neutral90: 'hsl(0, 0%, 10%)'\n};\nvar borderRadius = 4; // Used to calculate consistent margin/padding on elements\n\nvar baseUnit = 4; // The minimum height of the control\n\nvar controlHeight = 38; // The amount of space between the control and menu */\n\nvar menuGutter = baseUnit * 2;\nvar spacing = {\n baseUnit: baseUnit,\n controlHeight: controlHeight,\n menuGutter: menuGutter\n};\nvar defaultTheme = {\n borderRadius: borderRadius,\n colors: colors,\n spacing: spacing\n};\n\nvar defaultProps = {\n 'aria-live': 'polite',\n backspaceRemovesValue: true,\n blurInputOnSelect: isTouchCapable(),\n captureMenuScroll: !isTouchCapable(),\n closeMenuOnSelect: true,\n closeMenuOnScroll: false,\n components: {},\n controlShouldRenderValue: true,\n escapeClearsValue: false,\n filterOption: createFilter(),\n formatGroupLabel: formatGroupLabel,\n getOptionLabel: getOptionLabel$1,\n getOptionValue: getOptionValue$1,\n isDisabled: false,\n isLoading: false,\n isMulti: false,\n isRtl: false,\n isSearchable: true,\n isOptionDisabled: isOptionDisabled,\n loadingMessage: function loadingMessage() {\n return 'Loading...';\n },\n maxMenuHeight: 300,\n minMenuHeight: 140,\n menuIsOpen: false,\n menuPlacement: 'bottom',\n menuPosition: 'absolute',\n menuShouldBlockScroll: false,\n menuShouldScrollIntoView: !isMobileDevice(),\n noOptionsMessage: function noOptionsMessage() {\n return 'No options';\n },\n openMenuOnFocus: false,\n openMenuOnClick: true,\n options: [],\n pageSize: 5,\n placeholder: 'Select...',\n screenReaderStatus: function screenReaderStatus(_ref) {\n var count = _ref.count;\n return \"\".concat(count, \" result\").concat(count !== 1 ? 's' : '', \" available\");\n },\n styles: {},\n tabIndex: 0,\n tabSelectsValue: true\n};\n\nfunction toCategorizedOption(props, option, selectValue, index) {\n var isDisabled = _isOptionDisabled(props, option, selectValue);\n\n var isSelected = _isOptionSelected(props, option, selectValue);\n\n var label = getOptionLabel(props, option);\n var value = getOptionValue(props, option);\n return {\n type: 'option',\n data: option,\n isDisabled: isDisabled,\n isSelected: isSelected,\n label: label,\n value: value,\n index: index\n };\n}\n\nfunction buildCategorizedOptions(props, selectValue) {\n return props.options.map(function (groupOrOption, groupOrOptionIndex) {\n if ('options' in groupOrOption) {\n var categorizedOptions = groupOrOption.options.map(function (option, optionIndex) {\n return toCategorizedOption(props, option, selectValue, optionIndex);\n }).filter(function (categorizedOption) {\n return isFocusable(props, categorizedOption);\n });\n return categorizedOptions.length > 0 ? {\n type: 'group',\n data: groupOrOption,\n options: categorizedOptions,\n index: groupOrOptionIndex\n } : undefined;\n }\n\n var categorizedOption = toCategorizedOption(props, groupOrOption, selectValue, groupOrOptionIndex);\n return isFocusable(props, categorizedOption) ? categorizedOption : undefined;\n }).filter(notNullish);\n}\n\nfunction buildFocusableOptionsFromCategorizedOptions(categorizedOptions) {\n return categorizedOptions.reduce(function (optionsAccumulator, categorizedOption) {\n if (categorizedOption.type === 'group') {\n optionsAccumulator.push.apply(optionsAccumulator, _toConsumableArray(categorizedOption.options.map(function (option) {\n return option.data;\n })));\n } else {\n optionsAccumulator.push(categorizedOption.data);\n }\n\n return optionsAccumulator;\n }, []);\n}\n\nfunction buildFocusableOptions(props, selectValue) {\n return buildFocusableOptionsFromCategorizedOptions(buildCategorizedOptions(props, selectValue));\n}\n\nfunction isFocusable(props, categorizedOption) {\n var _props$inputValue = props.inputValue,\n inputValue = _props$inputValue === void 0 ? '' : _props$inputValue;\n var data = categorizedOption.data,\n isSelected = categorizedOption.isSelected,\n label = categorizedOption.label,\n value = categorizedOption.value;\n return (!shouldHideSelectedOptions(props) || !isSelected) && _filterOption(props, {\n label: label,\n value: value,\n data: data\n }, inputValue);\n}\n\nfunction getNextFocusedValue(state, nextSelectValue) {\n var focusedValue = state.focusedValue,\n lastSelectValue = state.selectValue;\n var lastFocusedIndex = lastSelectValue.indexOf(focusedValue);\n\n if (lastFocusedIndex > -1) {\n var nextFocusedIndex = nextSelectValue.indexOf(focusedValue);\n\n if (nextFocusedIndex > -1) {\n // the focused value is still in the selectValue, return it\n return focusedValue;\n } else if (lastFocusedIndex < nextSelectValue.length) {\n // the focusedValue is not present in the next selectValue array by\n // reference, so return the new value at the same index\n return nextSelectValue[lastFocusedIndex];\n }\n }\n\n return null;\n}\n\nfunction getNextFocusedOption(state, options) {\n var lastFocusedOption = state.focusedOption;\n return lastFocusedOption && options.indexOf(lastFocusedOption) > -1 ? lastFocusedOption : options[0];\n}\n\nvar getOptionLabel = function getOptionLabel(props, data) {\n return props.getOptionLabel(data);\n};\n\nvar getOptionValue = function getOptionValue(props, data) {\n return props.getOptionValue(data);\n};\n\nfunction _isOptionDisabled(props, option, selectValue) {\n return typeof props.isOptionDisabled === 'function' ? props.isOptionDisabled(option, selectValue) : false;\n}\n\nfunction _isOptionSelected(props, option, selectValue) {\n if (selectValue.indexOf(option) > -1) return true;\n\n if (typeof props.isOptionSelected === 'function') {\n return props.isOptionSelected(option, selectValue);\n }\n\n var candidate = getOptionValue(props, option);\n return selectValue.some(function (i) {\n return getOptionValue(props, i) === candidate;\n });\n}\n\nfunction _filterOption(props, option, inputValue) {\n return props.filterOption ? props.filterOption(option, inputValue) : true;\n}\n\nvar shouldHideSelectedOptions = function shouldHideSelectedOptions(props) {\n var hideSelectedOptions = props.hideSelectedOptions,\n isMulti = props.isMulti;\n if (hideSelectedOptions === undefined) return isMulti;\n return hideSelectedOptions;\n};\n\nvar instanceId = 1;\n\nvar Select = /*#__PURE__*/function (_Component) {\n _inherits(Select, _Component);\n\n var _super = _createSuper(Select);\n\n // Misc. Instance Properties\n // ------------------------------\n // TODO\n // Refs\n // ------------------------------\n // Lifecycle\n // ------------------------------\n function Select(_props) {\n var _this;\n\n _classCallCheck(this, Select);\n\n _this = _super.call(this, _props);\n _this.state = {\n ariaSelection: null,\n focusedOption: null,\n focusedValue: null,\n inputIsHidden: false,\n isFocused: false,\n selectValue: [],\n clearFocusValueOnUpdate: false,\n prevWasFocused: false,\n inputIsHiddenAfterUpdate: undefined,\n prevProps: undefined\n };\n _this.blockOptionHover = false;\n _this.isComposing = false;\n _this.commonProps = void 0;\n _this.initialTouchX = 0;\n _this.initialTouchY = 0;\n _this.instancePrefix = '';\n _this.openAfterFocus = false;\n _this.scrollToFocusedOptionOnUpdate = false;\n _this.userIsDragging = void 0;\n _this.controlRef = null;\n\n _this.getControlRef = function (ref) {\n _this.controlRef = ref;\n };\n\n _this.focusedOptionRef = null;\n\n _this.getFocusedOptionRef = function (ref) {\n _this.focusedOptionRef = ref;\n };\n\n _this.menuListRef = null;\n\n _this.getMenuListRef = function (ref) {\n _this.menuListRef = ref;\n };\n\n _this.inputRef = null;\n\n _this.getInputRef = function (ref) {\n _this.inputRef = ref;\n };\n\n _this.focus = _this.focusInput;\n _this.blur = _this.blurInput;\n\n _this.onChange = function (newValue, actionMeta) {\n var _this$props = _this.props,\n onChange = _this$props.onChange,\n name = _this$props.name;\n actionMeta.name = name;\n\n _this.ariaOnChange(newValue, actionMeta);\n\n onChange(newValue, actionMeta);\n };\n\n _this.setValue = function (newValue, action, option) {\n var _this$props2 = _this.props,\n closeMenuOnSelect = _this$props2.closeMenuOnSelect,\n isMulti = _this$props2.isMulti,\n inputValue = _this$props2.inputValue;\n\n _this.onInputChange('', {\n action: 'set-value',\n prevInputValue: inputValue\n });\n\n if (closeMenuOnSelect) {\n _this.setState({\n inputIsHiddenAfterUpdate: !isMulti\n });\n\n _this.onMenuClose();\n } // when the select value should change, we should reset focusedValue\n\n\n _this.setState({\n clearFocusValueOnUpdate: true\n });\n\n _this.onChange(newValue, {\n action: action,\n option: option\n });\n };\n\n _this.selectOption = function (newValue) {\n var _this$props3 = _this.props,\n blurInputOnSelect = _this$props3.blurInputOnSelect,\n isMulti = _this$props3.isMulti,\n name = _this$props3.name;\n var selectValue = _this.state.selectValue;\n\n var deselected = isMulti && _this.isOptionSelected(newValue, selectValue);\n\n var isDisabled = _this.isOptionDisabled(newValue, selectValue);\n\n if (deselected) {\n var candidate = _this.getOptionValue(newValue);\n\n _this.setValue(multiValueAsValue(selectValue.filter(function (i) {\n return _this.getOptionValue(i) !== candidate;\n })), 'deselect-option', newValue);\n } else if (!isDisabled) {\n // Select option if option is not disabled\n if (isMulti) {\n _this.setValue(multiValueAsValue([].concat(_toConsumableArray(selectValue), [newValue])), 'select-option', newValue);\n } else {\n _this.setValue(singleValueAsValue(newValue), 'select-option');\n }\n } else {\n _this.ariaOnChange(singleValueAsValue(newValue), {\n action: 'select-option',\n option: newValue,\n name: name\n });\n\n return;\n }\n\n if (blurInputOnSelect) {\n _this.blurInput();\n }\n };\n\n _this.removeValue = function (removedValue) {\n var isMulti = _this.props.isMulti;\n var selectValue = _this.state.selectValue;\n\n var candidate = _this.getOptionValue(removedValue);\n\n var newValueArray = selectValue.filter(function (i) {\n return _this.getOptionValue(i) !== candidate;\n });\n var newValue = valueTernary(isMulti, newValueArray, newValueArray[0] || null);\n\n _this.onChange(newValue, {\n action: 'remove-value',\n removedValue: removedValue\n });\n\n _this.focusInput();\n };\n\n _this.clearValue = function () {\n var selectValue = _this.state.selectValue;\n\n _this.onChange(valueTernary(_this.props.isMulti, [], null), {\n action: 'clear',\n removedValues: selectValue\n });\n };\n\n _this.popValue = function () {\n var isMulti = _this.props.isMulti;\n var selectValue = _this.state.selectValue;\n var lastSelectedValue = selectValue[selectValue.length - 1];\n var newValueArray = selectValue.slice(0, selectValue.length - 1);\n var newValue = valueTernary(isMulti, newValueArray, newValueArray[0] || null);\n\n _this.onChange(newValue, {\n action: 'pop-value',\n removedValue: lastSelectedValue\n });\n };\n\n _this.getValue = function () {\n return _this.state.selectValue;\n };\n\n _this.cx = function () {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return classNames.apply(void 0, [_this.props.classNamePrefix].concat(args));\n };\n\n _this.getOptionLabel = function (data) {\n return getOptionLabel(_this.props, data);\n };\n\n _this.getOptionValue = function (data) {\n return getOptionValue(_this.props, data);\n };\n\n _this.getStyles = function (key, props) {\n var base = defaultStyles[key](props);\n base.boxSizing = 'border-box';\n var custom = _this.props.styles[key];\n return custom ? custom(base, props) : base;\n };\n\n _this.getElementId = function (element) {\n return \"\".concat(_this.instancePrefix, \"-\").concat(element);\n };\n\n _this.getComponents = function () {\n return defaultComponents(_this.props);\n };\n\n _this.buildCategorizedOptions = function () {\n return buildCategorizedOptions(_this.props, _this.state.selectValue);\n };\n\n _this.getCategorizedOptions = function () {\n return _this.props.menuIsOpen ? _this.buildCategorizedOptions() : [];\n };\n\n _this.buildFocusableOptions = function () {\n return buildFocusableOptionsFromCategorizedOptions(_this.buildCategorizedOptions());\n };\n\n _this.getFocusableOptions = function () {\n return _this.props.menuIsOpen ? _this.buildFocusableOptions() : [];\n };\n\n _this.ariaOnChange = function (value, actionMeta) {\n _this.setState({\n ariaSelection: _objectSpread2({\n value: value\n }, actionMeta)\n });\n };\n\n _this.onMenuMouseDown = function (event) {\n if (event.button !== 0) {\n return;\n }\n\n event.stopPropagation();\n event.preventDefault();\n\n _this.focusInput();\n };\n\n _this.onMenuMouseMove = function (event) {\n _this.blockOptionHover = false;\n };\n\n _this.onControlMouseDown = function (event) {\n var openMenuOnClick = _this.props.openMenuOnClick;\n\n if (!_this.state.isFocused) {\n if (openMenuOnClick) {\n _this.openAfterFocus = true;\n }\n\n _this.focusInput();\n } else if (!_this.props.menuIsOpen) {\n if (openMenuOnClick) {\n _this.openMenu('first');\n }\n } else {\n if (event.target.tagName !== 'INPUT' && event.target.tagName !== 'TEXTAREA') {\n _this.onMenuClose();\n }\n }\n\n if (event.target.tagName !== 'INPUT' && event.target.tagName !== 'TEXTAREA') {\n event.preventDefault();\n }\n };\n\n _this.onDropdownIndicatorMouseDown = function (event) {\n // ignore mouse events that weren't triggered by the primary button\n if (event && event.type === 'mousedown' && event.button !== 0) {\n return;\n }\n\n if (_this.props.isDisabled) return;\n var _this$props4 = _this.props,\n isMulti = _this$props4.isMulti,\n menuIsOpen = _this$props4.menuIsOpen;\n\n _this.focusInput();\n\n if (menuIsOpen) {\n _this.setState({\n inputIsHiddenAfterUpdate: !isMulti\n });\n\n _this.onMenuClose();\n } else {\n _this.openMenu('first');\n }\n\n event.preventDefault();\n event.stopPropagation();\n };\n\n _this.onClearIndicatorMouseDown = function (event) {\n // ignore mouse events that weren't triggered by the primary button\n if (event && event.type === 'mousedown' && event.button !== 0) {\n return;\n }\n\n _this.clearValue();\n\n event.preventDefault();\n event.stopPropagation();\n _this.openAfterFocus = false;\n\n if (event.type === 'touchend') {\n _this.focusInput();\n } else {\n setTimeout(function () {\n return _this.focusInput();\n });\n }\n };\n\n _this.onScroll = function (event) {\n if (typeof _this.props.closeMenuOnScroll === 'boolean') {\n if (event.target instanceof HTMLElement && isDocumentElement(event.target)) {\n _this.props.onMenuClose();\n }\n } else if (typeof _this.props.closeMenuOnScroll === 'function') {\n if (_this.props.closeMenuOnScroll(event)) {\n _this.props.onMenuClose();\n }\n }\n };\n\n _this.onCompositionStart = function () {\n _this.isComposing = true;\n };\n\n _this.onCompositionEnd = function () {\n _this.isComposing = false;\n };\n\n _this.onTouchStart = function (_ref2) {\n var touches = _ref2.touches;\n var touch = touches && touches.item(0);\n\n if (!touch) {\n return;\n }\n\n _this.initialTouchX = touch.clientX;\n _this.initialTouchY = touch.clientY;\n _this.userIsDragging = false;\n };\n\n _this.onTouchMove = function (_ref3) {\n var touches = _ref3.touches;\n var touch = touches && touches.item(0);\n\n if (!touch) {\n return;\n }\n\n var deltaX = Math.abs(touch.clientX - _this.initialTouchX);\n var deltaY = Math.abs(touch.clientY - _this.initialTouchY);\n var moveThreshold = 5;\n _this.userIsDragging = deltaX > moveThreshold || deltaY > moveThreshold;\n };\n\n _this.onTouchEnd = function (event) {\n if (_this.userIsDragging) return; // close the menu if the user taps outside\n // we're checking on event.target here instead of event.currentTarget, because we want to assert information\n // on events on child elements, not the document (which we've attached this handler to).\n\n if (_this.controlRef && !_this.controlRef.contains(event.target) && _this.menuListRef && !_this.menuListRef.contains(event.target)) {\n _this.blurInput();\n } // reset move vars\n\n\n _this.initialTouchX = 0;\n _this.initialTouchY = 0;\n };\n\n _this.onControlTouchEnd = function (event) {\n if (_this.userIsDragging) return;\n\n _this.onControlMouseDown(event);\n };\n\n _this.onClearIndicatorTouchEnd = function (event) {\n if (_this.userIsDragging) return;\n\n _this.onClearIndicatorMouseDown(event);\n };\n\n _this.onDropdownIndicatorTouchEnd = function (event) {\n if (_this.userIsDragging) return;\n\n _this.onDropdownIndicatorMouseDown(event);\n };\n\n _this.handleInputChange = function (event) {\n var prevInputValue = _this.props.inputValue;\n var inputValue = event.currentTarget.value;\n\n _this.setState({\n inputIsHiddenAfterUpdate: false\n });\n\n _this.onInputChange(inputValue, {\n action: 'input-change',\n prevInputValue: prevInputValue\n });\n\n if (!_this.props.menuIsOpen) {\n _this.onMenuOpen();\n }\n };\n\n _this.onInputFocus = function (event) {\n if (_this.props.onFocus) {\n _this.props.onFocus(event);\n }\n\n _this.setState({\n inputIsHiddenAfterUpdate: false,\n isFocused: true\n });\n\n if (_this.openAfterFocus || _this.props.openMenuOnFocus) {\n _this.openMenu('first');\n }\n\n _this.openAfterFocus = false;\n };\n\n _this.onInputBlur = function (event) {\n var prevInputValue = _this.props.inputValue;\n\n if (_this.menuListRef && _this.menuListRef.contains(document.activeElement)) {\n _this.inputRef.focus();\n\n return;\n }\n\n if (_this.props.onBlur) {\n _this.props.onBlur(event);\n }\n\n _this.onInputChange('', {\n action: 'input-blur',\n prevInputValue: prevInputValue\n });\n\n _this.onMenuClose();\n\n _this.setState({\n focusedValue: null,\n isFocused: false\n });\n };\n\n _this.onOptionHover = function (focusedOption) {\n if (_this.blockOptionHover || _this.state.focusedOption === focusedOption) {\n return;\n }\n\n _this.setState({\n focusedOption: focusedOption\n });\n };\n\n _this.shouldHideSelectedOptions = function () {\n return shouldHideSelectedOptions(_this.props);\n };\n\n _this.onKeyDown = function (event) {\n var _this$props5 = _this.props,\n isMulti = _this$props5.isMulti,\n backspaceRemovesValue = _this$props5.backspaceRemovesValue,\n escapeClearsValue = _this$props5.escapeClearsValue,\n inputValue = _this$props5.inputValue,\n isClearable = _this$props5.isClearable,\n isDisabled = _this$props5.isDisabled,\n menuIsOpen = _this$props5.menuIsOpen,\n onKeyDown = _this$props5.onKeyDown,\n tabSelectsValue = _this$props5.tabSelectsValue,\n openMenuOnFocus = _this$props5.openMenuOnFocus;\n var _this$state = _this.state,\n focusedOption = _this$state.focusedOption,\n focusedValue = _this$state.focusedValue,\n selectValue = _this$state.selectValue;\n if (isDisabled) return;\n\n if (typeof onKeyDown === 'function') {\n onKeyDown(event);\n\n if (event.defaultPrevented) {\n return;\n }\n } // Block option hover events when the user has just pressed a key\n\n\n _this.blockOptionHover = true;\n\n switch (event.key) {\n case 'ArrowLeft':\n if (!isMulti || inputValue) return;\n\n _this.focusValue('previous');\n\n break;\n\n case 'ArrowRight':\n if (!isMulti || inputValue) return;\n\n _this.focusValue('next');\n\n break;\n\n case 'Delete':\n case 'Backspace':\n if (inputValue) return;\n\n if (focusedValue) {\n _this.removeValue(focusedValue);\n } else {\n if (!backspaceRemovesValue) return;\n\n if (isMulti) {\n _this.popValue();\n } else if (isClearable) {\n _this.clearValue();\n }\n }\n\n break;\n\n case 'Tab':\n if (_this.isComposing) return;\n\n if (event.shiftKey || !menuIsOpen || !tabSelectsValue || !focusedOption || // don't capture the event if the menu opens on focus and the focused\n // option is already selected; it breaks the flow of navigation\n openMenuOnFocus && _this.isOptionSelected(focusedOption, selectValue)) {\n return;\n }\n\n _this.selectOption(focusedOption);\n\n break;\n\n case 'Enter':\n if (event.keyCode === 229) {\n // ignore the keydown event from an Input Method Editor(IME)\n // ref. https://www.w3.org/TR/uievents/#determine-keydown-keyup-keyCode\n break;\n }\n\n if (menuIsOpen) {\n if (!focusedOption) return;\n if (_this.isComposing) return;\n\n _this.selectOption(focusedOption);\n\n break;\n }\n\n return;\n\n case 'Escape':\n if (menuIsOpen) {\n _this.setState({\n inputIsHiddenAfterUpdate: false\n });\n\n _this.onInputChange('', {\n action: 'menu-close',\n prevInputValue: inputValue\n });\n\n _this.onMenuClose();\n } else if (isClearable && escapeClearsValue) {\n _this.clearValue();\n }\n\n break;\n\n case ' ':\n // space\n if (inputValue) {\n return;\n }\n\n if (!menuIsOpen) {\n _this.openMenu('first');\n\n break;\n }\n\n if (!focusedOption) return;\n\n _this.selectOption(focusedOption);\n\n break;\n\n case 'ArrowUp':\n if (menuIsOpen) {\n _this.focusOption('up');\n } else {\n _this.openMenu('last');\n }\n\n break;\n\n case 'ArrowDown':\n if (menuIsOpen) {\n _this.focusOption('down');\n } else {\n _this.openMenu('first');\n }\n\n break;\n\n case 'PageUp':\n if (!menuIsOpen) return;\n\n _this.focusOption('pageup');\n\n break;\n\n case 'PageDown':\n if (!menuIsOpen) return;\n\n _this.focusOption('pagedown');\n\n break;\n\n case 'Home':\n if (!menuIsOpen) return;\n\n _this.focusOption('first');\n\n break;\n\n case 'End':\n if (!menuIsOpen) return;\n\n _this.focusOption('last');\n\n break;\n\n default:\n return;\n }\n\n event.preventDefault();\n };\n\n _this.instancePrefix = 'react-select-' + (_this.props.instanceId || ++instanceId);\n _this.state.selectValue = cleanValue(_props.value);\n return _this;\n }\n\n _createClass(Select, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.startListeningComposition();\n this.startListeningToTouch();\n\n if (this.props.closeMenuOnScroll && document && document.addEventListener) {\n // Listen to all scroll events, and filter them out inside of 'onScroll'\n document.addEventListener('scroll', this.onScroll, true);\n }\n\n if (this.props.autoFocus) {\n this.focusInput();\n }\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n var _this$props6 = this.props,\n isDisabled = _this$props6.isDisabled,\n menuIsOpen = _this$props6.menuIsOpen;\n var isFocused = this.state.isFocused;\n\n if ( // ensure focus is restored correctly when the control becomes enabled\n isFocused && !isDisabled && prevProps.isDisabled || // ensure focus is on the Input when the menu opens\n isFocused && menuIsOpen && !prevProps.menuIsOpen) {\n this.focusInput();\n }\n\n if (isFocused && isDisabled && !prevProps.isDisabled) {\n // ensure select state gets blurred in case Select is programatically disabled while focused\n // eslint-disable-next-line react/no-did-update-set-state\n this.setState({\n isFocused: false\n }, this.onMenuClose);\n } // scroll the focused option into view if necessary\n\n\n if (this.menuListRef && this.focusedOptionRef && this.scrollToFocusedOptionOnUpdate) {\n scrollIntoView(this.menuListRef, this.focusedOptionRef);\n this.scrollToFocusedOptionOnUpdate = false;\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this.stopListeningComposition();\n this.stopListeningToTouch();\n document.removeEventListener('scroll', this.onScroll, true);\n } // ==============================\n // Consumer Handlers\n // ==============================\n\n }, {\n key: \"onMenuOpen\",\n value: function onMenuOpen() {\n this.props.onMenuOpen();\n }\n }, {\n key: \"onMenuClose\",\n value: function onMenuClose() {\n this.onInputChange('', {\n action: 'menu-close',\n prevInputValue: this.props.inputValue\n });\n this.props.onMenuClose();\n }\n }, {\n key: \"onInputChange\",\n value: function onInputChange(newValue, actionMeta) {\n this.props.onInputChange(newValue, actionMeta);\n } // ==============================\n // Methods\n // ==============================\n\n }, {\n key: \"focusInput\",\n value: function focusInput() {\n if (!this.inputRef) return;\n this.inputRef.focus();\n }\n }, {\n key: \"blurInput\",\n value: function blurInput() {\n if (!this.inputRef) return;\n this.inputRef.blur();\n } // aliased for consumers\n\n }, {\n key: \"openMenu\",\n value: function openMenu(focusOption) {\n var _this2 = this;\n\n var _this$state2 = this.state,\n selectValue = _this$state2.selectValue,\n isFocused = _this$state2.isFocused;\n var focusableOptions = this.buildFocusableOptions();\n var openAtIndex = focusOption === 'first' ? 0 : focusableOptions.length - 1;\n\n if (!this.props.isMulti) {\n var selectedIndex = focusableOptions.indexOf(selectValue[0]);\n\n if (selectedIndex > -1) {\n openAtIndex = selectedIndex;\n }\n } // only scroll if the menu isn't already open\n\n\n this.scrollToFocusedOptionOnUpdate = !(isFocused && this.menuListRef);\n this.setState({\n inputIsHiddenAfterUpdate: false,\n focusedValue: null,\n focusedOption: focusableOptions[openAtIndex]\n }, function () {\n return _this2.onMenuOpen();\n });\n }\n }, {\n key: \"focusValue\",\n value: function focusValue(direction) {\n var _this$state3 = this.state,\n selectValue = _this$state3.selectValue,\n focusedValue = _this$state3.focusedValue; // Only multiselects support value focusing\n\n if (!this.props.isMulti) return;\n this.setState({\n focusedOption: null\n });\n var focusedIndex = selectValue.indexOf(focusedValue);\n\n if (!focusedValue) {\n focusedIndex = -1;\n }\n\n var lastIndex = selectValue.length - 1;\n var nextFocus = -1;\n if (!selectValue.length) return;\n\n switch (direction) {\n case 'previous':\n if (focusedIndex === 0) {\n // don't cycle from the start to the end\n nextFocus = 0;\n } else if (focusedIndex === -1) {\n // if nothing is focused, focus the last value first\n nextFocus = lastIndex;\n } else {\n nextFocus = focusedIndex - 1;\n }\n\n break;\n\n case 'next':\n if (focusedIndex > -1 && focusedIndex < lastIndex) {\n nextFocus = focusedIndex + 1;\n }\n\n break;\n }\n\n this.setState({\n inputIsHidden: nextFocus !== -1,\n focusedValue: selectValue[nextFocus]\n });\n }\n }, {\n key: \"focusOption\",\n value: function focusOption() {\n var direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'first';\n var pageSize = this.props.pageSize;\n var focusedOption = this.state.focusedOption;\n var options = this.getFocusableOptions();\n if (!options.length) return;\n var nextFocus = 0; // handles 'first'\n\n var focusedIndex = options.indexOf(focusedOption);\n\n if (!focusedOption) {\n focusedIndex = -1;\n }\n\n if (direction === 'up') {\n nextFocus = focusedIndex > 0 ? focusedIndex - 1 : options.length - 1;\n } else if (direction === 'down') {\n nextFocus = (focusedIndex + 1) % options.length;\n } else if (direction === 'pageup') {\n nextFocus = focusedIndex - pageSize;\n if (nextFocus < 0) nextFocus = 0;\n } else if (direction === 'pagedown') {\n nextFocus = focusedIndex + pageSize;\n if (nextFocus > options.length - 1) nextFocus = options.length - 1;\n } else if (direction === 'last') {\n nextFocus = options.length - 1;\n }\n\n this.scrollToFocusedOptionOnUpdate = true;\n this.setState({\n focusedOption: options[nextFocus],\n focusedValue: null\n });\n }\n }, {\n key: \"getTheme\",\n value: // ==============================\n // Getters\n // ==============================\n function getTheme() {\n // Use the default theme if there are no customizations.\n if (!this.props.theme) {\n return defaultTheme;\n } // If the theme prop is a function, assume the function\n // knows how to merge the passed-in default theme with\n // its own modifications.\n\n\n if (typeof this.props.theme === 'function') {\n return this.props.theme(defaultTheme);\n } // Otherwise, if a plain theme object was passed in,\n // overlay it with the default theme.\n\n\n return _objectSpread2(_objectSpread2({}, defaultTheme), this.props.theme);\n }\n }, {\n key: \"getCommonProps\",\n value: function getCommonProps() {\n var clearValue = this.clearValue,\n cx = this.cx,\n getStyles = this.getStyles,\n getValue = this.getValue,\n selectOption = this.selectOption,\n setValue = this.setValue,\n props = this.props;\n var isMulti = props.isMulti,\n isRtl = props.isRtl,\n options = props.options;\n var hasValue = this.hasValue();\n return {\n clearValue: clearValue,\n cx: cx,\n getStyles: getStyles,\n getValue: getValue,\n hasValue: hasValue,\n isMulti: isMulti,\n isRtl: isRtl,\n options: options,\n selectOption: selectOption,\n selectProps: props,\n setValue: setValue,\n theme: this.getTheme()\n };\n }\n }, {\n key: \"hasValue\",\n value: function hasValue() {\n var selectValue = this.state.selectValue;\n return selectValue.length > 0;\n }\n }, {\n key: \"hasOptions\",\n value: function hasOptions() {\n return !!this.getFocusableOptions().length;\n }\n }, {\n key: \"isClearable\",\n value: function isClearable() {\n var _this$props7 = this.props,\n isClearable = _this$props7.isClearable,\n isMulti = _this$props7.isMulti; // single select, by default, IS NOT clearable\n // multi select, by default, IS clearable\n\n if (isClearable === undefined) return isMulti;\n return isClearable;\n }\n }, {\n key: \"isOptionDisabled\",\n value: function isOptionDisabled(option, selectValue) {\n return _isOptionDisabled(this.props, option, selectValue);\n }\n }, {\n key: \"isOptionSelected\",\n value: function isOptionSelected(option, selectValue) {\n return _isOptionSelected(this.props, option, selectValue);\n }\n }, {\n key: \"filterOption\",\n value: function filterOption(option, inputValue) {\n return _filterOption(this.props, option, inputValue);\n }\n }, {\n key: \"formatOptionLabel\",\n value: function formatOptionLabel(data, context) {\n if (typeof this.props.formatOptionLabel === 'function') {\n var _inputValue = this.props.inputValue;\n var _selectValue = this.state.selectValue;\n return this.props.formatOptionLabel(data, {\n context: context,\n inputValue: _inputValue,\n selectValue: _selectValue\n });\n } else {\n return this.getOptionLabel(data);\n }\n }\n }, {\n key: \"formatGroupLabel\",\n value: function formatGroupLabel(data) {\n return this.props.formatGroupLabel(data);\n } // ==============================\n // Mouse Handlers\n // ==============================\n\n }, {\n key: \"startListeningComposition\",\n value: // ==============================\n // Composition Handlers\n // ==============================\n function startListeningComposition() {\n if (document && document.addEventListener) {\n document.addEventListener('compositionstart', this.onCompositionStart, false);\n document.addEventListener('compositionend', this.onCompositionEnd, false);\n }\n }\n }, {\n key: \"stopListeningComposition\",\n value: function stopListeningComposition() {\n if (document && document.removeEventListener) {\n document.removeEventListener('compositionstart', this.onCompositionStart);\n document.removeEventListener('compositionend', this.onCompositionEnd);\n }\n }\n }, {\n key: \"startListeningToTouch\",\n value: // ==============================\n // Touch Handlers\n // ==============================\n function startListeningToTouch() {\n if (document && document.addEventListener) {\n document.addEventListener('touchstart', this.onTouchStart, false);\n document.addEventListener('touchmove', this.onTouchMove, false);\n document.addEventListener('touchend', this.onTouchEnd, false);\n }\n }\n }, {\n key: \"stopListeningToTouch\",\n value: function stopListeningToTouch() {\n if (document && document.removeEventListener) {\n document.removeEventListener('touchstart', this.onTouchStart);\n document.removeEventListener('touchmove', this.onTouchMove);\n document.removeEventListener('touchend', this.onTouchEnd);\n }\n }\n }, {\n key: \"renderInput\",\n value: // ==============================\n // Renderers\n // ==============================\n function renderInput() {\n var _this$props8 = this.props,\n isDisabled = _this$props8.isDisabled,\n isSearchable = _this$props8.isSearchable,\n inputId = _this$props8.inputId,\n inputValue = _this$props8.inputValue,\n tabIndex = _this$props8.tabIndex,\n form = _this$props8.form,\n menuIsOpen = _this$props8.menuIsOpen;\n\n var _this$getComponents = this.getComponents(),\n Input = _this$getComponents.Input;\n\n var _this$state4 = this.state,\n inputIsHidden = _this$state4.inputIsHidden,\n ariaSelection = _this$state4.ariaSelection;\n var commonProps = this.commonProps;\n var id = inputId || this.getElementId('input'); // aria attributes makes the JSX \"noisy\", separated for clarity\n\n var ariaAttributes = _objectSpread2(_objectSpread2({\n 'aria-autocomplete': 'list',\n 'aria-expanded': menuIsOpen,\n 'aria-haspopup': true,\n 'aria-controls': this.getElementId('listbox'),\n 'aria-owns': this.getElementId('listbox'),\n 'aria-errormessage': this.props['aria-errormessage'],\n 'aria-invalid': this.props['aria-invalid'],\n 'aria-label': this.props['aria-label'],\n 'aria-labelledby': this.props['aria-labelledby'],\n role: 'combobox'\n }, !isSearchable && {\n 'aria-readonly': true\n }), this.hasValue() ? (ariaSelection === null || ariaSelection === void 0 ? void 0 : ariaSelection.action) === 'initial-input-focus' && {\n 'aria-describedby': this.getElementId('live-region')\n } : {\n 'aria-describedby': this.getElementId('placeholder')\n });\n\n if (!isSearchable) {\n // use a dummy input to maintain focus/blur functionality\n return /*#__PURE__*/React.createElement(DummyInput, _extends({\n id: id,\n innerRef: this.getInputRef,\n onBlur: this.onInputBlur,\n onChange: noop,\n onFocus: this.onInputFocus,\n disabled: isDisabled,\n tabIndex: tabIndex,\n inputMode: \"none\",\n form: form,\n value: \"\"\n }, ariaAttributes));\n }\n\n return /*#__PURE__*/React.createElement(Input, _extends({}, commonProps, {\n autoCapitalize: \"none\",\n autoComplete: \"off\",\n autoCorrect: \"off\",\n id: id,\n innerRef: this.getInputRef,\n isDisabled: isDisabled,\n isHidden: inputIsHidden,\n onBlur: this.onInputBlur,\n onChange: this.handleInputChange,\n onFocus: this.onInputFocus,\n spellCheck: \"false\",\n tabIndex: tabIndex,\n form: form,\n type: \"text\",\n value: inputValue\n }, ariaAttributes));\n }\n }, {\n key: \"renderPlaceholderOrValue\",\n value: function renderPlaceholderOrValue() {\n var _this3 = this;\n\n var _this$getComponents2 = this.getComponents(),\n MultiValue = _this$getComponents2.MultiValue,\n MultiValueContainer = _this$getComponents2.MultiValueContainer,\n MultiValueLabel = _this$getComponents2.MultiValueLabel,\n MultiValueRemove = _this$getComponents2.MultiValueRemove,\n SingleValue = _this$getComponents2.SingleValue,\n Placeholder = _this$getComponents2.Placeholder;\n\n var commonProps = this.commonProps;\n var _this$props9 = this.props,\n controlShouldRenderValue = _this$props9.controlShouldRenderValue,\n isDisabled = _this$props9.isDisabled,\n isMulti = _this$props9.isMulti,\n inputValue = _this$props9.inputValue,\n placeholder = _this$props9.placeholder;\n var _this$state5 = this.state,\n selectValue = _this$state5.selectValue,\n focusedValue = _this$state5.focusedValue,\n isFocused = _this$state5.isFocused;\n\n if (!this.hasValue() || !controlShouldRenderValue) {\n return inputValue ? null : /*#__PURE__*/React.createElement(Placeholder, _extends({}, commonProps, {\n key: \"placeholder\",\n isDisabled: isDisabled,\n isFocused: isFocused,\n innerProps: {\n id: this.getElementId('placeholder')\n }\n }), placeholder);\n }\n\n if (isMulti) {\n return selectValue.map(function (opt, index) {\n var isOptionFocused = opt === focusedValue;\n var key = \"\".concat(_this3.getOptionLabel(opt), \"-\").concat(_this3.getOptionValue(opt));\n return /*#__PURE__*/React.createElement(MultiValue, _extends({}, commonProps, {\n components: {\n Container: MultiValueContainer,\n Label: MultiValueLabel,\n Remove: MultiValueRemove\n },\n isFocused: isOptionFocused,\n isDisabled: isDisabled,\n key: key,\n index: index,\n removeProps: {\n onClick: function onClick() {\n return _this3.removeValue(opt);\n },\n onTouchEnd: function onTouchEnd() {\n return _this3.removeValue(opt);\n },\n onMouseDown: function onMouseDown(e) {\n e.preventDefault();\n e.stopPropagation();\n }\n },\n data: opt\n }), _this3.formatOptionLabel(opt, 'value'));\n });\n }\n\n if (inputValue) {\n return null;\n }\n\n var singleValue = selectValue[0];\n return /*#__PURE__*/React.createElement(SingleValue, _extends({}, commonProps, {\n data: singleValue,\n isDisabled: isDisabled\n }), this.formatOptionLabel(singleValue, 'value'));\n }\n }, {\n key: \"renderClearIndicator\",\n value: function renderClearIndicator() {\n var _this$getComponents3 = this.getComponents(),\n ClearIndicator = _this$getComponents3.ClearIndicator;\n\n var commonProps = this.commonProps;\n var _this$props10 = this.props,\n isDisabled = _this$props10.isDisabled,\n isLoading = _this$props10.isLoading;\n var isFocused = this.state.isFocused;\n\n if (!this.isClearable() || !ClearIndicator || isDisabled || !this.hasValue() || isLoading) {\n return null;\n }\n\n var innerProps = {\n onMouseDown: this.onClearIndicatorMouseDown,\n onTouchEnd: this.onClearIndicatorTouchEnd,\n 'aria-hidden': 'true'\n };\n return /*#__PURE__*/React.createElement(ClearIndicator, _extends({}, commonProps, {\n innerProps: innerProps,\n isFocused: isFocused\n }));\n }\n }, {\n key: \"renderLoadingIndicator\",\n value: function renderLoadingIndicator() {\n var _this$getComponents4 = this.getComponents(),\n LoadingIndicator = _this$getComponents4.LoadingIndicator;\n\n var commonProps = this.commonProps;\n var _this$props11 = this.props,\n isDisabled = _this$props11.isDisabled,\n isLoading = _this$props11.isLoading;\n var isFocused = this.state.isFocused;\n if (!LoadingIndicator || !isLoading) return null;\n var innerProps = {\n 'aria-hidden': 'true'\n };\n return /*#__PURE__*/React.createElement(LoadingIndicator, _extends({}, commonProps, {\n innerProps: innerProps,\n isDisabled: isDisabled,\n isFocused: isFocused\n }));\n }\n }, {\n key: \"renderIndicatorSeparator\",\n value: function renderIndicatorSeparator() {\n var _this$getComponents5 = this.getComponents(),\n DropdownIndicator = _this$getComponents5.DropdownIndicator,\n IndicatorSeparator = _this$getComponents5.IndicatorSeparator; // separator doesn't make sense without the dropdown indicator\n\n\n if (!DropdownIndicator || !IndicatorSeparator) return null;\n var commonProps = this.commonProps;\n var isDisabled = this.props.isDisabled;\n var isFocused = this.state.isFocused;\n return /*#__PURE__*/React.createElement(IndicatorSeparator, _extends({}, commonProps, {\n isDisabled: isDisabled,\n isFocused: isFocused\n }));\n }\n }, {\n key: \"renderDropdownIndicator\",\n value: function renderDropdownIndicator() {\n var _this$getComponents6 = this.getComponents(),\n DropdownIndicator = _this$getComponents6.DropdownIndicator;\n\n if (!DropdownIndicator) return null;\n var commonProps = this.commonProps;\n var isDisabled = this.props.isDisabled;\n var isFocused = this.state.isFocused;\n var innerProps = {\n onMouseDown: this.onDropdownIndicatorMouseDown,\n onTouchEnd: this.onDropdownIndicatorTouchEnd,\n 'aria-hidden': 'true'\n };\n return /*#__PURE__*/React.createElement(DropdownIndicator, _extends({}, commonProps, {\n innerProps: innerProps,\n isDisabled: isDisabled,\n isFocused: isFocused\n }));\n }\n }, {\n key: \"renderMenu\",\n value: function renderMenu() {\n var _this4 = this;\n\n var _this$getComponents7 = this.getComponents(),\n Group = _this$getComponents7.Group,\n GroupHeading = _this$getComponents7.GroupHeading,\n Menu = _this$getComponents7.Menu,\n MenuList = _this$getComponents7.MenuList,\n MenuPortal = _this$getComponents7.MenuPortal,\n LoadingMessage = _this$getComponents7.LoadingMessage,\n NoOptionsMessage = _this$getComponents7.NoOptionsMessage,\n Option = _this$getComponents7.Option;\n\n var commonProps = this.commonProps;\n var focusedOption = this.state.focusedOption;\n var _this$props12 = this.props,\n captureMenuScroll = _this$props12.captureMenuScroll,\n inputValue = _this$props12.inputValue,\n isLoading = _this$props12.isLoading,\n loadingMessage = _this$props12.loadingMessage,\n minMenuHeight = _this$props12.minMenuHeight,\n maxMenuHeight = _this$props12.maxMenuHeight,\n menuIsOpen = _this$props12.menuIsOpen,\n menuPlacement = _this$props12.menuPlacement,\n menuPosition = _this$props12.menuPosition,\n menuPortalTarget = _this$props12.menuPortalTarget,\n menuShouldBlockScroll = _this$props12.menuShouldBlockScroll,\n menuShouldScrollIntoView = _this$props12.menuShouldScrollIntoView,\n noOptionsMessage = _this$props12.noOptionsMessage,\n onMenuScrollToTop = _this$props12.onMenuScrollToTop,\n onMenuScrollToBottom = _this$props12.onMenuScrollToBottom;\n if (!menuIsOpen) return null; // TODO: Internal Option Type here\n\n var render = function render(props, id) {\n var type = props.type,\n data = props.data,\n isDisabled = props.isDisabled,\n isSelected = props.isSelected,\n label = props.label,\n value = props.value;\n var isFocused = focusedOption === data;\n var onHover = isDisabled ? undefined : function () {\n return _this4.onOptionHover(data);\n };\n var onSelect = isDisabled ? undefined : function () {\n return _this4.selectOption(data);\n };\n var optionId = \"\".concat(_this4.getElementId('option'), \"-\").concat(id);\n var innerProps = {\n id: optionId,\n onClick: onSelect,\n onMouseMove: onHover,\n onMouseOver: onHover,\n tabIndex: -1\n };\n return /*#__PURE__*/React.createElement(Option, _extends({}, commonProps, {\n innerProps: innerProps,\n data: data,\n isDisabled: isDisabled,\n isSelected: isSelected,\n key: optionId,\n label: label,\n type: type,\n value: value,\n isFocused: isFocused,\n innerRef: isFocused ? _this4.getFocusedOptionRef : undefined\n }), _this4.formatOptionLabel(props.data, 'menu'));\n };\n\n var menuUI;\n\n if (this.hasOptions()) {\n menuUI = this.getCategorizedOptions().map(function (item) {\n if (item.type === 'group') {\n var _data = item.data,\n options = item.options,\n groupIndex = item.index;\n var groupId = \"\".concat(_this4.getElementId('group'), \"-\").concat(groupIndex);\n var headingId = \"\".concat(groupId, \"-heading\");\n return /*#__PURE__*/React.createElement(Group, _extends({}, commonProps, {\n key: groupId,\n data: _data,\n options: options,\n Heading: GroupHeading,\n headingProps: {\n id: headingId,\n data: item.data\n },\n label: _this4.formatGroupLabel(item.data)\n }), item.options.map(function (option) {\n return render(option, \"\".concat(groupIndex, \"-\").concat(option.index));\n }));\n } else if (item.type === 'option') {\n return render(item, \"\".concat(item.index));\n }\n });\n } else if (isLoading) {\n var message = loadingMessage({\n inputValue: inputValue\n });\n if (message === null) return null;\n menuUI = /*#__PURE__*/React.createElement(LoadingMessage, commonProps, message);\n } else {\n var _message = noOptionsMessage({\n inputValue: inputValue\n });\n\n if (_message === null) return null;\n menuUI = /*#__PURE__*/React.createElement(NoOptionsMessage, commonProps, _message);\n }\n\n var menuPlacementProps = {\n minMenuHeight: minMenuHeight,\n maxMenuHeight: maxMenuHeight,\n menuPlacement: menuPlacement,\n menuPosition: menuPosition,\n menuShouldScrollIntoView: menuShouldScrollIntoView\n };\n var menuElement = /*#__PURE__*/React.createElement(MenuPlacer, _extends({}, commonProps, menuPlacementProps), function (_ref4) {\n var ref = _ref4.ref,\n _ref4$placerProps = _ref4.placerProps,\n placement = _ref4$placerProps.placement,\n maxHeight = _ref4$placerProps.maxHeight;\n return /*#__PURE__*/React.createElement(Menu, _extends({}, commonProps, menuPlacementProps, {\n innerRef: ref,\n innerProps: {\n onMouseDown: _this4.onMenuMouseDown,\n onMouseMove: _this4.onMenuMouseMove,\n id: _this4.getElementId('listbox')\n },\n isLoading: isLoading,\n placement: placement\n }), /*#__PURE__*/React.createElement(ScrollManager, {\n captureEnabled: captureMenuScroll,\n onTopArrive: onMenuScrollToTop,\n onBottomArrive: onMenuScrollToBottom,\n lockEnabled: menuShouldBlockScroll\n }, function (scrollTargetRef) {\n return /*#__PURE__*/React.createElement(MenuList, _extends({}, commonProps, {\n innerRef: function innerRef(instance) {\n _this4.getMenuListRef(instance);\n\n scrollTargetRef(instance);\n },\n isLoading: isLoading,\n maxHeight: maxHeight,\n focusedOption: focusedOption\n }), menuUI);\n }));\n }); // positioning behaviour is almost identical for portalled and fixed,\n // so we use the same component. the actual portalling logic is forked\n // within the component based on `menuPosition`\n\n return menuPortalTarget || menuPosition === 'fixed' ? /*#__PURE__*/React.createElement(MenuPortal, _extends({}, commonProps, {\n appendTo: menuPortalTarget,\n controlElement: this.controlRef,\n menuPlacement: menuPlacement,\n menuPosition: menuPosition\n }), menuElement) : menuElement;\n }\n }, {\n key: \"renderFormField\",\n value: function renderFormField() {\n var _this5 = this;\n\n var _this$props13 = this.props,\n delimiter = _this$props13.delimiter,\n isDisabled = _this$props13.isDisabled,\n isMulti = _this$props13.isMulti,\n name = _this$props13.name;\n var selectValue = this.state.selectValue;\n if (!name || isDisabled) return;\n\n if (isMulti) {\n if (delimiter) {\n var value = selectValue.map(function (opt) {\n return _this5.getOptionValue(opt);\n }).join(delimiter);\n return /*#__PURE__*/React.createElement(\"input\", {\n name: name,\n type: \"hidden\",\n value: value\n });\n } else {\n var input = selectValue.length > 0 ? selectValue.map(function (opt, i) {\n return /*#__PURE__*/React.createElement(\"input\", {\n key: \"i-\".concat(i),\n name: name,\n type: \"hidden\",\n value: _this5.getOptionValue(opt)\n });\n }) : /*#__PURE__*/React.createElement(\"input\", {\n name: name,\n type: \"hidden\"\n });\n return /*#__PURE__*/React.createElement(\"div\", null, input);\n }\n } else {\n var _value = selectValue[0] ? this.getOptionValue(selectValue[0]) : '';\n\n return /*#__PURE__*/React.createElement(\"input\", {\n name: name,\n type: \"hidden\",\n value: _value\n });\n }\n }\n }, {\n key: \"renderLiveRegion\",\n value: function renderLiveRegion() {\n var commonProps = this.commonProps;\n var _this$state6 = this.state,\n ariaSelection = _this$state6.ariaSelection,\n focusedOption = _this$state6.focusedOption,\n focusedValue = _this$state6.focusedValue,\n isFocused = _this$state6.isFocused,\n selectValue = _this$state6.selectValue;\n var focusableOptions = this.getFocusableOptions();\n return /*#__PURE__*/React.createElement(LiveRegion, _extends({}, commonProps, {\n id: this.getElementId('live-region'),\n ariaSelection: ariaSelection,\n focusedOption: focusedOption,\n focusedValue: focusedValue,\n isFocused: isFocused,\n selectValue: selectValue,\n focusableOptions: focusableOptions\n }));\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this$getComponents8 = this.getComponents(),\n Control = _this$getComponents8.Control,\n IndicatorsContainer = _this$getComponents8.IndicatorsContainer,\n SelectContainer = _this$getComponents8.SelectContainer,\n ValueContainer = _this$getComponents8.ValueContainer;\n\n var _this$props14 = this.props,\n className = _this$props14.className,\n id = _this$props14.id,\n isDisabled = _this$props14.isDisabled,\n menuIsOpen = _this$props14.menuIsOpen;\n var isFocused = this.state.isFocused;\n var commonProps = this.commonProps = this.getCommonProps();\n return /*#__PURE__*/React.createElement(SelectContainer, _extends({}, commonProps, {\n className: className,\n innerProps: {\n id: id,\n onKeyDown: this.onKeyDown\n },\n isDisabled: isDisabled,\n isFocused: isFocused\n }), this.renderLiveRegion(), /*#__PURE__*/React.createElement(Control, _extends({}, commonProps, {\n innerRef: this.getControlRef,\n innerProps: {\n onMouseDown: this.onControlMouseDown,\n onTouchEnd: this.onControlTouchEnd\n },\n isDisabled: isDisabled,\n isFocused: isFocused,\n menuIsOpen: menuIsOpen\n }), /*#__PURE__*/React.createElement(ValueContainer, _extends({}, commonProps, {\n isDisabled: isDisabled\n }), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/React.createElement(IndicatorsContainer, _extends({}, commonProps, {\n isDisabled: isDisabled\n }), this.renderClearIndicator(), this.renderLoadingIndicator(), this.renderIndicatorSeparator(), this.renderDropdownIndicator())), this.renderMenu(), this.renderFormField());\n }\n }], [{\n key: \"getDerivedStateFromProps\",\n value: function getDerivedStateFromProps(props, state) {\n var prevProps = state.prevProps,\n clearFocusValueOnUpdate = state.clearFocusValueOnUpdate,\n inputIsHiddenAfterUpdate = state.inputIsHiddenAfterUpdate,\n ariaSelection = state.ariaSelection,\n isFocused = state.isFocused,\n prevWasFocused = state.prevWasFocused;\n var options = props.options,\n value = props.value,\n menuIsOpen = props.menuIsOpen,\n inputValue = props.inputValue,\n isMulti = props.isMulti;\n var selectValue = cleanValue(value);\n var newMenuOptionsState = {};\n\n if (prevProps && (value !== prevProps.value || options !== prevProps.options || menuIsOpen !== prevProps.menuIsOpen || inputValue !== prevProps.inputValue)) {\n var focusableOptions = menuIsOpen ? buildFocusableOptions(props, selectValue) : [];\n var focusedValue = clearFocusValueOnUpdate ? getNextFocusedValue(state, selectValue) : null;\n var focusedOption = getNextFocusedOption(state, focusableOptions);\n newMenuOptionsState = {\n selectValue: selectValue,\n focusedOption: focusedOption,\n focusedValue: focusedValue,\n clearFocusValueOnUpdate: false\n };\n } // some updates should toggle the state of the input visibility\n\n\n var newInputIsHiddenState = inputIsHiddenAfterUpdate != null && props !== prevProps ? {\n inputIsHidden: inputIsHiddenAfterUpdate,\n inputIsHiddenAfterUpdate: undefined\n } : {};\n var newAriaSelection = ariaSelection;\n var hasKeptFocus = isFocused && prevWasFocused;\n\n if (isFocused && !hasKeptFocus) {\n // If `value` or `defaultValue` props are not empty then announce them\n // when the Select is initially focused\n newAriaSelection = {\n value: valueTernary(isMulti, selectValue, selectValue[0] || null),\n options: selectValue,\n action: 'initial-input-focus'\n };\n hasKeptFocus = !prevWasFocused;\n } // If the 'initial-input-focus' action has been set already\n // then reset the ariaSelection to null\n\n\n if ((ariaSelection === null || ariaSelection === void 0 ? void 0 : ariaSelection.action) === 'initial-input-focus') {\n newAriaSelection = null;\n }\n\n return _objectSpread2(_objectSpread2(_objectSpread2({}, newMenuOptionsState), newInputIsHiddenState), {}, {\n prevProps: props,\n ariaSelection: newAriaSelection,\n prevWasFocused: hasKeptFocus\n });\n }\n }]);\n\n return Select;\n}(Component);\n\nSelect.defaultProps = defaultProps;\n\nexport { Select as S, getOptionLabel$1 as a, defaultProps as b, createFilter as c, defaultTheme as d, getOptionValue$1 as g, mergeStyles as m };\n","/*\n\nBased off glamor's StyleSheet, thanks Sunil ❤️\n\nhigh performance StyleSheet for css-in-js systems\n\n- uses multiple style tags behind the scenes for millions of rules\n- uses `insertRule` for appending in production for *much* faster performance\n\n// usage\n\nimport { StyleSheet } from '@emotion/sheet'\n\nlet styleSheet = new StyleSheet({ key: '', container: document.head })\n\nstyleSheet.insert('#box { border: 1px solid red; }')\n- appends a css rule into the stylesheet\n\nstyleSheet.flush()\n- empties the stylesheet of all its contents\n\n*/\n// $FlowFixMe\nfunction sheetForTag(tag) {\n if (tag.sheet) {\n // $FlowFixMe\n return tag.sheet;\n } // this weirdness brought to you by firefox\n\n /* istanbul ignore next */\n\n\n for (var i = 0; i < document.styleSheets.length; i++) {\n if (document.styleSheets[i].ownerNode === tag) {\n // $FlowFixMe\n return document.styleSheets[i];\n }\n }\n}\n\nfunction createStyleElement(options) {\n var tag = document.createElement('style');\n tag.setAttribute('data-emotion', options.key);\n\n if (options.nonce !== undefined) {\n tag.setAttribute('nonce', options.nonce);\n }\n\n tag.appendChild(document.createTextNode(''));\n tag.setAttribute('data-s', '');\n return tag;\n}\n\nvar StyleSheet = /*#__PURE__*/function () {\n function StyleSheet(options) {\n var _this = this;\n\n this._insertTag = function (tag) {\n var before;\n\n if (_this.tags.length === 0) {\n before = _this.prepend ? _this.container.firstChild : _this.before;\n } else {\n before = _this.tags[_this.tags.length - 1].nextSibling;\n }\n\n _this.container.insertBefore(tag, before);\n\n _this.tags.push(tag);\n };\n\n this.isSpeedy = options.speedy === undefined ? process.env.NODE_ENV === 'production' : options.speedy;\n this.tags = [];\n this.ctr = 0;\n this.nonce = options.nonce; // key is the value of the data-emotion attribute, it's used to identify different sheets\n\n this.key = options.key;\n this.container = options.container;\n this.prepend = options.prepend;\n this.before = null;\n }\n\n var _proto = StyleSheet.prototype;\n\n _proto.hydrate = function hydrate(nodes) {\n nodes.forEach(this._insertTag);\n };\n\n _proto.insert = function insert(rule) {\n // the max length is how many rules we have per style tag, it's 65000 in speedy mode\n // it's 1 in dev because we insert source maps that map a single rule to a location\n // and you can only have one source map per style tag\n if (this.ctr % (this.isSpeedy ? 65000 : 1) === 0) {\n this._insertTag(createStyleElement(this));\n }\n\n var tag = this.tags[this.tags.length - 1];\n\n if (process.env.NODE_ENV !== 'production') {\n var isImportRule = rule.charCodeAt(0) === 64 && rule.charCodeAt(1) === 105;\n\n if (isImportRule && this._alreadyInsertedOrderInsensitiveRule) {\n // this would only cause problem in speedy mode\n // but we don't want enabling speedy to affect the observable behavior\n // so we report this error at all times\n console.error(\"You're attempting to insert the following rule:\\n\" + rule + '\\n\\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules.');\n }\n this._alreadyInsertedOrderInsensitiveRule = this._alreadyInsertedOrderInsensitiveRule || !isImportRule;\n }\n\n if (this.isSpeedy) {\n var sheet = sheetForTag(tag);\n\n try {\n // this is the ultrafast version, works across browsers\n // the big drawback is that the css won't be editable in devtools\n sheet.insertRule(rule, sheet.cssRules.length);\n } catch (e) {\n if (process.env.NODE_ENV !== 'production' && !/:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear){/.test(rule)) {\n console.error(\"There was a problem inserting the following rule: \\\"\" + rule + \"\\\"\", e);\n }\n }\n } else {\n tag.appendChild(document.createTextNode(rule));\n }\n\n this.ctr++;\n };\n\n _proto.flush = function flush() {\n // $FlowFixMe\n this.tags.forEach(function (tag) {\n return tag.parentNode.removeChild(tag);\n });\n this.tags = [];\n this.ctr = 0;\n\n if (process.env.NODE_ENV !== 'production') {\n this._alreadyInsertedOrderInsensitiveRule = false;\n }\n };\n\n return StyleSheet;\n}();\n\nexport { StyleSheet };\n","/**\n * @param {number}\n * @return {number}\n */\nexport var abs = Math.abs\n\n/**\n * @param {number}\n * @return {string}\n */\nexport var from = String.fromCharCode\n\n/**\n * @param {string} value\n * @param {number} length\n * @return {number}\n */\nexport function hash (value, length) {\n\treturn (((((((length << 2) ^ charat(value, 0)) << 2) ^ charat(value, 1)) << 2) ^ charat(value, 2)) << 2) ^ charat(value, 3)\n}\n\n/**\n * @param {string} value\n * @return {string}\n */\nexport function trim (value) {\n\treturn value.trim()\n}\n\n/**\n * @param {string} value\n * @param {RegExp} pattern\n * @return {string?}\n */\nexport function match (value, pattern) {\n\treturn (value = pattern.exec(value)) ? value[0] : value\n}\n\n/**\n * @param {string} value\n * @param {(string|RegExp)} pattern\n * @param {string} replacement\n * @return {string}\n */\nexport function replace (value, pattern, replacement) {\n\treturn value.replace(pattern, replacement)\n}\n\n/**\n * @param {string} value\n * @param {string} value\n * @return {number}\n */\nexport function indexof (value, search) {\n\treturn value.indexOf(search)\n}\n\n/**\n * @param {string} value\n * @param {number} index\n * @return {number}\n */\nexport function charat (value, index) {\n\treturn value.charCodeAt(index) | 0\n}\n\n/**\n * @param {string} value\n * @param {number} begin\n * @param {number} end\n * @return {string}\n */\nexport function substr (value, begin, end) {\n\treturn value.slice(begin, end)\n}\n\n/**\n * @param {string} value\n * @return {number}\n */\nexport function strlen (value) {\n\treturn value.length\n}\n\n/**\n * @param {any[]} value\n * @return {number}\n */\nexport function sizeof (value) {\n\treturn value.length\n}\n\n/**\n * @param {any} value\n * @param {any[]} array\n * @return {any}\n */\nexport function append (value, array) {\n\treturn array.push(value), value\n}\n\n/**\n * @param {string[]} array\n * @param {function} callback\n * @return {string}\n */\nexport function combine (array, callback) {\n\treturn array.map(callback).join('')\n}\n","import {from, trim, charat, strlen, substr, append} from './Utility.js'\n\nexport var line = 1\nexport var column = 1\nexport var length = 0\nexport var position = 0\nexport var character = 0\nexport var characters = ''\n\n/**\n * @param {string} value\n * @param {object} root\n * @param {object?} parent\n * @param {string} type\n * @param {string[]} props\n * @param {object[]} children\n * @param {number} length\n */\nexport function node (value, root, parent, type, props, children, length) {\n\treturn {value: value, root: root, parent: parent, type: type, props: props, children: children, line: line, column: column, length: length, return: ''}\n}\n\n/**\n * @param {string} value\n * @param {object} root\n * @param {string} type\n */\nexport function copy (value, root, type) {\n\treturn node(value, root.root, root.parent, type, root.props, root.children, 0)\n}\n\n/**\n * @return {number}\n */\nexport function char () {\n\treturn character\n}\n\n/**\n * @return {number}\n */\nexport function prev () {\n\tcharacter = position > 0 ? charat(characters, --position) : 0\n\n\tif (column--, character === 10)\n\t\tcolumn = 1, line--\n\n\treturn character\n}\n\n/**\n * @return {number}\n */\nexport function next () {\n\tcharacter = position < length ? charat(characters, position++) : 0\n\n\tif (column++, character === 10)\n\t\tcolumn = 1, line++\n\n\treturn character\n}\n\n/**\n * @return {number}\n */\nexport function peek () {\n\treturn charat(characters, position)\n}\n\n/**\n * @return {number}\n */\nexport function caret () {\n\treturn position\n}\n\n/**\n * @param {number} begin\n * @param {number} end\n * @return {string}\n */\nexport function slice (begin, end) {\n\treturn substr(characters, begin, end)\n}\n\n/**\n * @param {number} type\n * @return {number}\n */\nexport function token (type) {\n\tswitch (type) {\n\t\t// \\0 \\t \\n \\r \\s whitespace token\n\t\tcase 0: case 9: case 10: case 13: case 32:\n\t\t\treturn 5\n\t\t// ! + , / > @ ~ isolate token\n\t\tcase 33: case 43: case 44: case 47: case 62: case 64: case 126:\n\t\t// ; { } breakpoint token\n\t\tcase 59: case 123: case 125:\n\t\t\treturn 4\n\t\t// : accompanied token\n\t\tcase 58:\n\t\t\treturn 3\n\t\t// \" ' ( [ opening delimit token\n\t\tcase 34: case 39: case 40: case 91:\n\t\t\treturn 2\n\t\t// ) ] closing delimit token\n\t\tcase 41: case 93:\n\t\t\treturn 1\n\t}\n\n\treturn 0\n}\n\n/**\n * @param {string} value\n * @return {any[]}\n */\nexport function alloc (value) {\n\treturn line = column = 1, length = strlen(characters = value), position = 0, []\n}\n\n/**\n * @param {any} value\n * @return {any}\n */\nexport function dealloc (value) {\n\treturn characters = '', value\n}\n\n/**\n * @param {number} type\n * @return {string}\n */\nexport function delimit (type) {\n\treturn trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)))\n}\n\n/**\n * @param {string} value\n * @return {string[]}\n */\nexport function tokenize (value) {\n\treturn dealloc(tokenizer(alloc(value)))\n}\n\n/**\n * @param {number} type\n * @return {string}\n */\nexport function whitespace (type) {\n\twhile (character = peek())\n\t\tif (character < 33)\n\t\t\tnext()\n\t\telse\n\t\t\tbreak\n\n\treturn token(type) > 2 || token(character) > 3 ? '' : ' '\n}\n\n/**\n * @param {string[]} children\n * @return {string[]}\n */\nexport function tokenizer (children) {\n\twhile (next())\n\t\tswitch (token(character)) {\n\t\t\tcase 0: append(identifier(position - 1), children)\n\t\t\t\tbreak\n\t\t\tcase 2: append(delimit(character), children)\n\t\t\t\tbreak\n\t\t\tdefault: append(from(character), children)\n\t\t}\n\n\treturn children\n}\n\n/**\n * @param {number} index\n * @param {number} count\n * @return {string}\n */\nexport function escaping (index, count) {\n\twhile (--count && next())\n\t\t// not 0-9 A-F a-f\n\t\tif (character < 48 || character > 102 || (character > 57 && character < 65) || (character > 70 && character < 97))\n\t\t\tbreak\n\n\treturn slice(index, caret() + (count < 6 && peek() == 32 && next() == 32))\n}\n\n/**\n * @param {number} type\n * @return {number}\n */\nexport function delimiter (type) {\n\twhile (next())\n\t\tswitch (character) {\n\t\t\t// ] ) \" '\n\t\t\tcase type:\n\t\t\t\treturn position\n\t\t\t// \" '\n\t\t\tcase 34: case 39:\n\t\t\t\treturn delimiter(type === 34 || type === 39 ? type : character)\n\t\t\t// (\n\t\t\tcase 40:\n\t\t\t\tif (type === 41)\n\t\t\t\t\tdelimiter(type)\n\t\t\t\tbreak\n\t\t\t// \\\n\t\t\tcase 92:\n\t\t\t\tnext()\n\t\t\t\tbreak\n\t\t}\n\n\treturn position\n}\n\n/**\n * @param {number} type\n * @param {number} index\n * @return {number}\n */\nexport function commenter (type, index) {\n\twhile (next())\n\t\t// //\n\t\tif (type + character === 47 + 10)\n\t\t\tbreak\n\t\t// /*\n\t\telse if (type + character === 42 + 42 && peek() === 47)\n\t\t\tbreak\n\n\treturn '/*' + slice(index, position - 1) + '*' + from(type === 47 ? type : next())\n}\n\n/**\n * @param {number} index\n * @return {string}\n */\nexport function identifier (index) {\n\twhile (!token(peek()))\n\t\tnext()\n\n\treturn slice(index, position)\n}\n","export var MS = '-ms-'\nexport var MOZ = '-moz-'\nexport var WEBKIT = '-webkit-'\n\nexport var COMMENT = 'comm'\nexport var RULESET = 'rule'\nexport var DECLARATION = 'decl'\n\nexport var PAGE = '@page'\nexport var MEDIA = '@media'\nexport var IMPORT = '@import'\nexport var CHARSET = '@charset'\nexport var VIEWPORT = '@viewport'\nexport var SUPPORTS = '@supports'\nexport var DOCUMENT = '@document'\nexport var NAMESPACE = '@namespace'\nexport var KEYFRAMES = '@keyframes'\nexport var FONT_FACE = '@font-face'\nexport var COUNTER_STYLE = '@counter-style'\nexport var FONT_FEATURE_VALUES = '@font-feature-values'\n","import {IMPORT, COMMENT, RULESET, DECLARATION} from './Enum.js'\nimport {strlen, sizeof} from './Utility.js'\n\n/**\n * @param {object[]} children\n * @param {function} callback\n * @return {string}\n */\nexport function serialize (children, callback) {\n\tvar output = ''\n\tvar length = sizeof(children)\n\n\tfor (var i = 0; i < length; i++)\n\t\toutput += callback(children[i], i, children, callback) || ''\n\n\treturn output\n}\n\n/**\n * @param {object} element\n * @param {number} index\n * @param {object[]} children\n * @param {function} callback\n * @return {string}\n */\nexport function stringify (element, index, children, callback) {\n\tswitch (element.type) {\n\t\tcase IMPORT: case DECLARATION: return element.return = element.return || element.value\n\t\tcase COMMENT: return ''\n\t\tcase RULESET: element.value = element.props.join(',')\n\t}\n\n\treturn strlen(children = serialize(element.children, callback)) ? element.return = element.value + '{' + children + '}' : ''\n}\n","import {MS, MOZ, WEBKIT} from './Enum.js'\nimport {hash, charat, strlen, indexof, replace} from './Utility.js'\n\n/**\n * @param {string} value\n * @param {number} length\n * @return {string}\n */\nexport function prefix (value, length) {\n\tswitch (hash(value, length)) {\n\t\t// color-adjust\n\t\tcase 5103:\n\t\t\treturn WEBKIT + 'print-' + value + value\n\t\t// animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)\n\t\tcase 5737: case 4201: case 3177: case 3433: case 1641: case 4457: case 2921:\n\t\t// text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break\n\t\tcase 5572: case 6356: case 5844: case 3191: case 6645: case 3005:\n\t\t// mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,\n\t\tcase 6391: case 5879: case 5623: case 6135: case 4599: case 4855:\n\t\t// background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)\n\t\tcase 4215: case 6389: case 5109: case 5365: case 5621: case 3829:\n\t\t\treturn WEBKIT + value + value\n\t\t// appearance, user-select, transform, hyphens, text-size-adjust\n\t\tcase 5349: case 4246: case 4810: case 6968: case 2756:\n\t\t\treturn WEBKIT + value + MOZ + value + MS + value + value\n\t\t// flex, flex-direction\n\t\tcase 6828: case 4268:\n\t\t\treturn WEBKIT + value + MS + value + value\n\t\t// order\n\t\tcase 6165:\n\t\t\treturn WEBKIT + value + MS + 'flex-' + value + value\n\t\t// align-items\n\t\tcase 5187:\n\t\t\treturn WEBKIT + value + replace(value, /(\\w+).+(:[^]+)/, WEBKIT + 'box-$1$2' + MS + 'flex-$1$2') + value\n\t\t// align-self\n\t\tcase 5443:\n\t\t\treturn WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/, '') + value\n\t\t// align-content\n\t\tcase 4675:\n\t\t\treturn WEBKIT + value + MS + 'flex-line-pack' + replace(value, /align-content|flex-|-self/, '') + value\n\t\t// flex-shrink\n\t\tcase 5548:\n\t\t\treturn WEBKIT + value + MS + replace(value, 'shrink', 'negative') + value\n\t\t// flex-basis\n\t\tcase 5292:\n\t\t\treturn WEBKIT + value + MS + replace(value, 'basis', 'preferred-size') + value\n\t\t// flex-grow\n\t\tcase 6060:\n\t\t\treturn WEBKIT + 'box-' + replace(value, '-grow', '') + WEBKIT + value + MS + replace(value, 'grow', 'positive') + value\n\t\t// transition\n\t\tcase 4554:\n\t\t\treturn WEBKIT + replace(value, /([^-])(transform)/g, '$1' + WEBKIT + '$2') + value\n\t\t// cursor\n\t\tcase 6187:\n\t\t\treturn replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + '$1'), /(image-set)/, WEBKIT + '$1'), value, '') + value\n\t\t// background, background-image\n\t\tcase 5495: case 3959:\n\t\t\treturn replace(value, /(image-set\\([^]*)/, WEBKIT + '$1' + '$`$1')\n\t\t// justify-content\n\t\tcase 4968:\n\t\t\treturn replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + 'box-pack:$3' + MS + 'flex-pack:$3'), /s.+-b[^;]+/, 'justify') + WEBKIT + value + value\n\t\t// (margin|padding)-inline-(start|end)\n\t\tcase 4095: case 3583: case 4068: case 2532:\n\t\t\treturn replace(value, /(.+)-inline(.+)/, WEBKIT + '$1$2') + value\n\t\t// (min|max)?(width|height|inline-size|block-size)\n\t\tcase 8116: case 7059: case 5753: case 5535:\n\t\tcase 5445: case 5701: case 4933: case 4677:\n\t\tcase 5533: case 5789: case 5021: case 4765:\n\t\t\t// stretch, max-content, min-content, fill-available\n\t\t\tif (strlen(value) - 1 - length > 6)\n\t\t\t\tswitch (charat(value, length + 1)) {\n\t\t\t\t\t// (m)ax-content, (m)in-content\n\t\t\t\t\tcase 109:\n\t\t\t\t\t\t// -\n\t\t\t\t\t\tif (charat(value, length + 4) !== 45)\n\t\t\t\t\t\t\tbreak\n\t\t\t\t\t// (f)ill-available, (f)it-content\n\t\t\t\t\tcase 102:\n\t\t\t\t\t\treturn replace(value, /(.+:)(.+)-([^]+)/, '$1' + WEBKIT + '$2-$3' + '$1' + MOZ + (charat(value, length + 3) == 108 ? '$3' : '$2-$3')) + value\n\t\t\t\t\t// (s)tretch\n\t\t\t\t\tcase 115:\n\t\t\t\t\t\treturn ~indexof(value, 'stretch') ? prefix(replace(value, 'stretch', 'fill-available'), length) + value : value\n\t\t\t\t}\n\t\t\tbreak\n\t\t// position: sticky\n\t\tcase 4949:\n\t\t\t// (s)ticky?\n\t\t\tif (charat(value, length + 1) !== 115)\n\t\t\t\tbreak\n\t\t// display: (flex|inline-flex)\n\t\tcase 6444:\n\t\t\tswitch (charat(value, strlen(value) - 3 - (~indexof(value, '!important') && 10))) {\n\t\t\t\t// stic(k)y\n\t\t\t\tcase 107:\n\t\t\t\t\treturn replace(value, ':', ':' + WEBKIT) + value\n\t\t\t\t// (inline-)?fl(e)x\n\t\t\t\tcase 101:\n\t\t\t\t\treturn replace(value, /(.+:)([^;!]+)(;|!.+)?/, '$1' + WEBKIT + (charat(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + WEBKIT + '$2$3' + '$1' + MS + '$2box$3') + value\n\t\t\t}\n\t\t\tbreak\n\t\t// writing-mode\n\t\tcase 5936:\n\t\t\tswitch (charat(value, length + 11)) {\n\t\t\t\t// vertical-l(r)\n\t\t\t\tcase 114:\n\t\t\t\t\treturn WEBKIT + value + MS + replace(value, /[svh]\\w+-[tblr]{2}/, 'tb') + value\n\t\t\t\t// vertical-r(l)\n\t\t\t\tcase 108:\n\t\t\t\t\treturn WEBKIT + value + MS + replace(value, /[svh]\\w+-[tblr]{2}/, 'tb-rl') + value\n\t\t\t\t// horizontal(-)tb\n\t\t\t\tcase 45:\n\t\t\t\t\treturn WEBKIT + value + MS + replace(value, /[svh]\\w+-[tblr]{2}/, 'lr') + value\n\t\t\t}\n\n\t\t\treturn WEBKIT + value + MS + value + value\n\t}\n\n\treturn value\n}\n","import {COMMENT, RULESET, DECLARATION} from './Enum.js'\nimport {abs, trim, from, sizeof, strlen, substr, append, replace} from './Utility.js'\nimport {node, char, prev, next, peek, caret, alloc, dealloc, delimit, whitespace, escaping, identifier, commenter} from './Tokenizer.js'\n\n/**\n * @param {string} value\n * @return {object[]}\n */\nexport function compile (value) {\n\treturn dealloc(parse('', null, null, null, [''], value = alloc(value), 0, [0], value))\n}\n\n/**\n * @param {string} value\n * @param {object} root\n * @param {object?} parent\n * @param {string[]} rule\n * @param {string[]} rules\n * @param {string[]} rulesets\n * @param {number[]} pseudo\n * @param {number[]} points\n * @param {string[]} declarations\n * @return {object}\n */\nexport function parse (value, root, parent, rule, rules, rulesets, pseudo, points, declarations) {\n\tvar index = 0\n\tvar offset = 0\n\tvar length = pseudo\n\tvar atrule = 0\n\tvar property = 0\n\tvar previous = 0\n\tvar variable = 1\n\tvar scanning = 1\n\tvar ampersand = 1\n\tvar character = 0\n\tvar type = ''\n\tvar props = rules\n\tvar children = rulesets\n\tvar reference = rule\n\tvar characters = type\n\n\twhile (scanning)\n\t\tswitch (previous = character, character = next()) {\n\t\t\t// \" ' [ (\n\t\t\tcase 34: case 39: case 91: case 40:\n\t\t\t\tcharacters += delimit(character)\n\t\t\t\tbreak\n\t\t\t// \\t \\n \\r \\s\n\t\t\tcase 9: case 10: case 13: case 32:\n\t\t\t\tcharacters += whitespace(previous)\n\t\t\t\tbreak\n\t\t\t// \\\n\t\t\tcase 92:\n\t\t\t\tcharacters += escaping(caret() - 1, 7)\n\t\t\t\tcontinue\n\t\t\t// /\n\t\t\tcase 47:\n\t\t\t\tswitch (peek()) {\n\t\t\t\t\tcase 42: case 47:\n\t\t\t\t\t\tappend(comment(commenter(next(), caret()), root, parent), declarations)\n\t\t\t\t\t\tbreak\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tcharacters += '/'\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\t// {\n\t\t\tcase 123 * variable:\n\t\t\t\tpoints[index++] = strlen(characters) * ampersand\n\t\t\t// } ; \\0\n\t\t\tcase 125 * variable: case 59: case 0:\n\t\t\t\tswitch (character) {\n\t\t\t\t\t// \\0 }\n\t\t\t\t\tcase 0: case 125: scanning = 0\n\t\t\t\t\t// ;\n\t\t\t\t\tcase 59 + offset:\n\t\t\t\t\t\tif (property > 0 && (strlen(characters) - length))\n\t\t\t\t\t\t\tappend(property > 32 ? declaration(characters + ';', rule, parent, length - 1) : declaration(replace(characters, ' ', '') + ';', rule, parent, length - 2), declarations)\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// @ ;\n\t\t\t\t\tcase 59: characters += ';'\n\t\t\t\t\t// { rule/at-rule\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tappend(reference = ruleset(characters, root, parent, index, offset, rules, points, type, props = [], children = [], length), rulesets)\n\n\t\t\t\t\t\tif (character === 123)\n\t\t\t\t\t\t\tif (offset === 0)\n\t\t\t\t\t\t\t\tparse(characters, root, reference, reference, props, rulesets, length, points, children)\n\t\t\t\t\t\t\telse\n\t\t\t\t\t\t\t\tswitch (atrule) {\n\t\t\t\t\t\t\t\t\t// d m s\n\t\t\t\t\t\t\t\t\tcase 100: case 109: case 115:\n\t\t\t\t\t\t\t\t\t\tparse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length), children), rules, children, length, points, rule ? props : children)\n\t\t\t\t\t\t\t\t\t\tbreak\n\t\t\t\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\t\t\t\tparse(characters, reference, reference, reference, [''], children, length, points, children)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tindex = offset = property = 0, variable = ampersand = 1, type = characters = '', length = pseudo\n\t\t\t\tbreak\n\t\t\t// :\n\t\t\tcase 58:\n\t\t\t\tlength = 1 + strlen(characters), property = previous\n\t\t\tdefault:\n\t\t\t\tif (variable < 1)\n\t\t\t\t\tif (character == 123)\n\t\t\t\t\t\t--variable\n\t\t\t\t\telse if (character == 125 && variable++ == 0 && prev() == 125)\n\t\t\t\t\t\tcontinue\n\n\t\t\t\tswitch (characters += from(character), character * variable) {\n\t\t\t\t\t// &\n\t\t\t\t\tcase 38:\n\t\t\t\t\t\tampersand = offset > 0 ? 1 : (characters += '\\f', -1)\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// ,\n\t\t\t\t\tcase 44:\n\t\t\t\t\t\tpoints[index++] = (strlen(characters) - 1) * ampersand, ampersand = 1\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// @\n\t\t\t\t\tcase 64:\n\t\t\t\t\t\t// -\n\t\t\t\t\t\tif (peek() === 45)\n\t\t\t\t\t\t\tcharacters += delimit(next())\n\n\t\t\t\t\t\tatrule = peek(), offset = strlen(type = characters += identifier(caret())), character++\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// -\n\t\t\t\t\tcase 45:\n\t\t\t\t\t\tif (previous === 45 && strlen(characters) == 2)\n\t\t\t\t\t\t\tvariable = 0\n\t\t\t\t}\n\t\t}\n\n\treturn rulesets\n}\n\n/**\n * @param {string} value\n * @param {object} root\n * @param {object?} parent\n * @param {number} index\n * @param {number} offset\n * @param {string[]} rules\n * @param {number[]} points\n * @param {string} type\n * @param {string[]} props\n * @param {string[]} children\n * @param {number} length\n * @return {object}\n */\nexport function ruleset (value, root, parent, index, offset, rules, points, type, props, children, length) {\n\tvar post = offset - 1\n\tvar rule = offset === 0 ? rules : ['']\n\tvar size = sizeof(rule)\n\n\tfor (var i = 0, j = 0, k = 0; i < index; ++i)\n\t\tfor (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z = value; x < size; ++x)\n\t\t\tif (z = trim(j > 0 ? rule[x] + ' ' + y : replace(y, /&\\f/g, rule[x])))\n\t\t\t\tprops[k++] = z\n\n\treturn node(value, root, parent, offset === 0 ? RULESET : type, props, children, length)\n}\n\n/**\n * @param {number} value\n * @param {object} root\n * @param {object?} parent\n * @return {object}\n */\nexport function comment (value, root, parent) {\n\treturn node(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0)\n}\n\n/**\n * @param {string} value\n * @param {object} root\n * @param {object?} parent\n * @param {number} length\n * @return {object}\n */\nexport function declaration (value, root, parent, length) {\n\treturn node(value, root, parent, DECLARATION, substr(value, 0, length), substr(value, length + 1, -1), length)\n}\n","import { StyleSheet } from '@emotion/sheet';\nimport { dealloc, alloc, next, token, from, peek, delimit, identifier, position, stringify, COMMENT, rulesheet, middleware, prefixer, serialize, compile } from 'stylis';\nimport '@emotion/weak-memoize';\nimport '@emotion/memoize';\n\nvar last = function last(arr) {\n return arr.length ? arr[arr.length - 1] : null;\n};\n\nvar toRules = function toRules(parsed, points) {\n // pretend we've started with a comma\n var index = -1;\n var character = 44;\n\n do {\n switch (token(character)) {\n case 0:\n // &\\f\n if (character === 38 && peek() === 12) {\n // this is not 100% correct, we don't account for literal sequences here - like for example quoted strings\n // stylis inserts \\f after & to know when & where it should replace this sequence with the context selector\n // and when it should just concatenate the outer and inner selectors\n // it's very unlikely for this sequence to actually appear in a different context, so we just leverage this fact here\n points[index] = 1;\n }\n\n parsed[index] += identifier(position - 1);\n break;\n\n case 2:\n parsed[index] += delimit(character);\n break;\n\n case 4:\n // comma\n if (character === 44) {\n // colon\n parsed[++index] = peek() === 58 ? '&\\f' : '';\n points[index] = parsed[index].length;\n break;\n }\n\n // fallthrough\n\n default:\n parsed[index] += from(character);\n }\n } while (character = next());\n\n return parsed;\n};\n\nvar getRules = function getRules(value, points) {\n return dealloc(toRules(alloc(value), points));\n}; // WeakSet would be more appropriate, but only WeakMap is supported in IE11\n\n\nvar fixedElements = /* #__PURE__ */new WeakMap();\nvar compat = function compat(element) {\n if (element.type !== 'rule' || !element.parent || // .length indicates if this rule contains pseudo or not\n !element.length) {\n return;\n }\n\n var value = element.value,\n parent = element.parent;\n var isImplicitRule = element.column === parent.column && element.line === parent.line;\n\n while (parent.type !== 'rule') {\n parent = parent.parent;\n if (!parent) return;\n } // short-circuit for the simplest case\n\n\n if (element.props.length === 1 && value.charCodeAt(0) !== 58\n /* colon */\n && !fixedElements.get(parent)) {\n return;\n } // if this is an implicitly inserted rule (the one eagerly inserted at the each new nested level)\n // then the props has already been manipulated beforehand as they that array is shared between it and its \"rule parent\"\n\n\n if (isImplicitRule) {\n return;\n }\n\n fixedElements.set(element, true);\n var points = [];\n var rules = getRules(value, points);\n var parentRules = parent.props;\n\n for (var i = 0, k = 0; i < rules.length; i++) {\n for (var j = 0; j < parentRules.length; j++, k++) {\n element.props[k] = points[i] ? rules[i].replace(/&\\f/g, parentRules[j]) : parentRules[j] + \" \" + rules[i];\n }\n }\n};\nvar removeLabel = function removeLabel(element) {\n if (element.type === 'decl') {\n var value = element.value;\n\n if ( // charcode for l\n value.charCodeAt(0) === 108 && // charcode for b\n value.charCodeAt(2) === 98) {\n // this ignores label\n element[\"return\"] = '';\n element.value = '';\n }\n }\n};\nvar ignoreFlag = 'emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason';\n\nvar isIgnoringComment = function isIgnoringComment(element) {\n return !!element && element.type === 'comm' && element.children.indexOf(ignoreFlag) > -1;\n};\n\nvar createUnsafeSelectorsAlarm = function createUnsafeSelectorsAlarm(cache) {\n return function (element, index, children) {\n if (element.type !== 'rule') return;\n var unsafePseudoClasses = element.value.match(/(:first|:nth|:nth-last)-child/g);\n\n if (unsafePseudoClasses && cache.compat !== true) {\n var prevElement = index > 0 ? children[index - 1] : null;\n\n if (prevElement && isIgnoringComment(last(prevElement.children))) {\n return;\n }\n\n unsafePseudoClasses.forEach(function (unsafePseudoClass) {\n console.error(\"The pseudo class \\\"\" + unsafePseudoClass + \"\\\" is potentially unsafe when doing server-side rendering. Try changing it to \\\"\" + unsafePseudoClass.split('-child')[0] + \"-of-type\\\".\");\n });\n }\n };\n};\n\nvar isImportRule = function isImportRule(element) {\n return element.type.charCodeAt(1) === 105 && element.type.charCodeAt(0) === 64;\n};\n\nvar isPrependedWithRegularRules = function isPrependedWithRegularRules(index, children) {\n for (var i = index - 1; i >= 0; i--) {\n if (!isImportRule(children[i])) {\n return true;\n }\n }\n\n return false;\n}; // use this to remove incorrect elements from further processing\n// so they don't get handed to the `sheet` (or anything else)\n// as that could potentially lead to additional logs which in turn could be overhelming to the user\n\n\nvar nullifyElement = function nullifyElement(element) {\n element.type = '';\n element.value = '';\n element[\"return\"] = '';\n element.children = '';\n element.props = '';\n};\n\nvar incorrectImportAlarm = function incorrectImportAlarm(element, index, children) {\n if (!isImportRule(element)) {\n return;\n }\n\n if (element.parent) {\n console.error(\"`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles.\");\n nullifyElement(element);\n } else if (isPrependedWithRegularRules(index, children)) {\n console.error(\"`@import` rules can't be after other rules. Please put your `@import` rules before your other rules.\");\n nullifyElement(element);\n }\n};\n\nvar defaultStylisPlugins = [prefixer];\n\nvar createCache = function createCache(options) {\n var key = options.key;\n\n if (process.env.NODE_ENV !== 'production' && !key) {\n throw new Error(\"You have to configure `key` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.\\n\" + \"If multiple caches share the same key they might \\\"fight\\\" for each other's style elements.\");\n }\n\n if ( key === 'css') {\n var ssrStyles = document.querySelectorAll(\"style[data-emotion]:not([data-s])\"); // get SSRed styles out of the way of React's hydration\n // document.head is a safe place to move them to(though note document.head is not necessarily the last place they will be)\n // note this very very intentionally targets all style elements regardless of the key to ensure\n // that creating a cache works inside of render of a React component\n\n Array.prototype.forEach.call(ssrStyles, function (node) {\n // we want to only move elements which have a space in the data-emotion attribute value\n // because that indicates that it is an Emotion 11 server-side rendered style elements\n // while we will already ignore Emotion 11 client-side inserted styles because of the :not([data-s]) part in the selector\n // Emotion 10 client-side inserted styles did not have data-s (but importantly did not have a space in their data-emotion attributes)\n // so checking for the space ensures that loading Emotion 11 after Emotion 10 has inserted some styles\n // will not result in the Emotion 10 styles being destroyed\n var dataEmotionAttribute = node.getAttribute('data-emotion');\n\n if (dataEmotionAttribute.indexOf(' ') === -1) {\n return;\n }\n document.head.appendChild(node);\n node.setAttribute('data-s', '');\n });\n }\n\n var stylisPlugins = options.stylisPlugins || defaultStylisPlugins;\n\n if (process.env.NODE_ENV !== 'production') {\n // $FlowFixMe\n if (/[^a-z-]/.test(key)) {\n throw new Error(\"Emotion key must only contain lower case alphabetical characters and - but \\\"\" + key + \"\\\" was passed\");\n }\n }\n\n var inserted = {}; // $FlowFixMe\n\n var container;\n var nodesToHydrate = [];\n\n {\n container = options.container || document.head;\n Array.prototype.forEach.call( // this means we will ignore elements which don't have a space in them which\n // means that the style elements we're looking at are only Emotion 11 server-rendered style elements\n document.querySelectorAll(\"style[data-emotion^=\\\"\" + key + \" \\\"]\"), function (node) {\n var attrib = node.getAttribute(\"data-emotion\").split(' '); // $FlowFixMe\n\n for (var i = 1; i < attrib.length; i++) {\n inserted[attrib[i]] = true;\n }\n\n nodesToHydrate.push(node);\n });\n }\n\n var _insert;\n\n var omnipresentPlugins = [compat, removeLabel];\n\n if (process.env.NODE_ENV !== 'production') {\n omnipresentPlugins.push(createUnsafeSelectorsAlarm({\n get compat() {\n return cache.compat;\n }\n\n }), incorrectImportAlarm);\n }\n\n {\n var currentSheet;\n var finalizingPlugins = [stringify, process.env.NODE_ENV !== 'production' ? function (element) {\n if (!element.root) {\n if (element[\"return\"]) {\n currentSheet.insert(element[\"return\"]);\n } else if (element.value && element.type !== COMMENT) {\n // insert empty rule in non-production environments\n // so @emotion/jest can grab `key` from the (JS)DOM for caches without any rules inserted yet\n currentSheet.insert(element.value + \"{}\");\n }\n }\n } : rulesheet(function (rule) {\n currentSheet.insert(rule);\n })];\n var serializer = middleware(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));\n\n var stylis = function stylis(styles) {\n return serialize(compile(styles), serializer);\n };\n\n _insert = function insert(selector, serialized, sheet, shouldCache) {\n currentSheet = sheet;\n\n if (process.env.NODE_ENV !== 'production' && serialized.map !== undefined) {\n currentSheet = {\n insert: function insert(rule) {\n sheet.insert(rule + serialized.map);\n }\n };\n }\n\n stylis(selector ? selector + \"{\" + serialized.styles + \"}\" : serialized.styles);\n\n if (shouldCache) {\n cache.inserted[serialized.name] = true;\n }\n };\n }\n\n var cache = {\n key: key,\n sheet: new StyleSheet({\n key: key,\n container: container,\n nonce: options.nonce,\n speedy: options.speedy,\n prepend: options.prepend\n }),\n nonce: options.nonce,\n inserted: inserted,\n registered: {},\n insert: _insert\n };\n cache.sheet.hydrate(nodesToHydrate);\n return cache;\n};\n\nexport default createCache;\n","import {MS, MOZ, WEBKIT, RULESET, KEYFRAMES, DECLARATION} from './Enum.js'\nimport {match, charat, substr, strlen, sizeof, replace, combine} from './Utility.js'\nimport {copy, tokenize} from './Tokenizer.js'\nimport {serialize} from './Serializer.js'\nimport {prefix} from './Prefixer.js'\n\n/**\n * @param {function[]} collection\n * @return {function}\n */\nexport function middleware (collection) {\n\tvar length = sizeof(collection)\n\n\treturn function (element, index, children, callback) {\n\t\tvar output = ''\n\n\t\tfor (var i = 0; i < length; i++)\n\t\t\toutput += collection[i](element, index, children, callback) || ''\n\n\t\treturn output\n\t}\n}\n\n/**\n * @param {function} callback\n * @return {function}\n */\nexport function rulesheet (callback) {\n\treturn function (element) {\n\t\tif (!element.root)\n\t\t\tif (element = element.return)\n\t\t\t\tcallback(element)\n\t}\n}\n\n/**\n * @param {object} element\n * @param {number} index\n * @param {object[]} children\n * @param {function} callback\n */\nexport function prefixer (element, index, children, callback) {\n\tif (!element.return)\n\t\tswitch (element.type) {\n\t\t\tcase DECLARATION: element.return = prefix(element.value, element.length)\n\t\t\t\tbreak\n\t\t\tcase KEYFRAMES:\n\t\t\t\treturn serialize([copy(replace(element.value, '@', '@' + WEBKIT), element, '')], callback)\n\t\t\tcase RULESET:\n\t\t\t\tif (element.length)\n\t\t\t\t\treturn combine(element.props, function (value) {\n\t\t\t\t\t\tswitch (match(value, /(::plac\\w+|:read-\\w+)/)) {\n\t\t\t\t\t\t\t// :read-(only|write)\n\t\t\t\t\t\t\tcase ':read-only': case ':read-write':\n\t\t\t\t\t\t\t\treturn serialize([copy(replace(value, /:(read-\\w+)/, ':' + MOZ + '$1'), element, '')], callback)\n\t\t\t\t\t\t\t// :placeholder\n\t\t\t\t\t\t\tcase '::placeholder':\n\t\t\t\t\t\t\t\treturn serialize([\n\t\t\t\t\t\t\t\t\tcopy(replace(value, /:(plac\\w+)/, ':' + WEBKIT + 'input-$1'), element, ''),\n\t\t\t\t\t\t\t\t\tcopy(replace(value, /:(plac\\w+)/, ':' + MOZ + '$1'), element, ''),\n\t\t\t\t\t\t\t\t\tcopy(replace(value, /:(plac\\w+)/, MS + 'input-$1'), element, '')\n\t\t\t\t\t\t\t\t], callback)\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn ''\n\t\t\t\t\t})\n\t\t}\n}\n\n/**\n * @param {object} element\n * @param {number} index\n * @param {object[]} children\n */\nexport function namespace (element) {\n\tswitch (element.type) {\n\t\tcase RULESET:\n\t\t\telement.props = element.props.map(function (value) {\n\t\t\t\treturn combine(tokenize(value), function (value, index, children) {\n\t\t\t\t\tswitch (charat(value, 0)) {\n\t\t\t\t\t\t// \\f\n\t\t\t\t\t\tcase 12:\n\t\t\t\t\t\t\treturn substr(value, 1, strlen(value))\n\t\t\t\t\t\t// \\0 ( + > ~\n\t\t\t\t\t\tcase 0: case 40: case 43: case 62: case 126:\n\t\t\t\t\t\t\treturn value\n\t\t\t\t\t\t// :\n\t\t\t\t\t\tcase 58:\n\t\t\t\t\t\t\tif (children[++index] === 'global')\n\t\t\t\t\t\t\t\tchildren[index] = '', children[++index] = '\\f' + substr(children[index], index = 1, -1)\n\t\t\t\t\t\t// \\s\n\t\t\t\t\t\tcase 32:\n\t\t\t\t\t\t\treturn index === 1 ? '' : value\n\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\tswitch (index) {\n\t\t\t\t\t\t\t\tcase 0: element = value\n\t\t\t\t\t\t\t\t\treturn sizeof(children) > 1 ? '' : value\n\t\t\t\t\t\t\t\tcase index = sizeof(children) - 1: case 2:\n\t\t\t\t\t\t\t\t\treturn index === 2 ? value + element + element : value + element\n\t\t\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\t\t\treturn value\n\t\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t})\n\t}\n}\n","import { u as useStateManager } from './useStateManager-783b07d5.esm.js';\nexport { u as useStateManager } from './useStateManager-783b07d5.esm.js';\nimport _extends from '@babel/runtime/helpers/esm/extends';\nimport * as React from 'react';\nimport { forwardRef, Component } from 'react';\nimport { S as Select } from './Select-126cf1dd.esm.js';\nexport { c as createFilter, d as defaultTheme, m as mergeStyles } from './Select-126cf1dd.esm.js';\nimport _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';\nimport _createClass from '@babel/runtime/helpers/esm/createClass';\nimport _inherits from '@babel/runtime/helpers/esm/inherits';\nimport { _ as _createSuper } from './index-c7a4d7ce.esm.js';\nexport { c as components } from './index-c7a4d7ce.esm.js';\nimport { CacheProvider } from '@emotion/react';\nimport createCache from '@emotion/cache';\nimport memoizeOne from 'memoize-one';\nimport '@babel/runtime/helpers/slicedToArray';\nimport '@babel/runtime/helpers/objectWithoutProperties';\nimport '@babel/runtime/helpers/toConsumableArray';\nimport '@babel/runtime/helpers/taggedTemplateLiteral';\nimport '@babel/runtime/helpers/typeof';\nimport '@babel/runtime/helpers/defineProperty';\nimport 'react-dom';\n\nvar StateManagedSelect = /*#__PURE__*/forwardRef(function (props, ref) {\n var baseSelectProps = useStateManager(props);\n return /*#__PURE__*/React.createElement(Select, _extends({\n ref: ref\n }, baseSelectProps));\n});\n\nvar NonceProvider = /*#__PURE__*/function (_Component) {\n _inherits(NonceProvider, _Component);\n\n var _super = _createSuper(NonceProvider);\n\n function NonceProvider(props) {\n var _this;\n\n _classCallCheck(this, NonceProvider);\n\n _this = _super.call(this, props);\n\n _this.createEmotionCache = function (nonce, key) {\n return createCache({\n nonce: nonce,\n key: key\n });\n };\n\n _this.createEmotionCache = memoizeOne(_this.createEmotionCache);\n return _this;\n }\n\n _createClass(NonceProvider, [{\n key: \"render\",\n value: function render() {\n var emotionCache = this.createEmotionCache(this.props.nonce, this.props.cacheKey);\n return /*#__PURE__*/React.createElement(CacheProvider, {\n value: emotionCache\n }, this.props.children);\n }\n }]);\n\n return NonceProvider;\n}(Component);\n\nexport default StateManagedSelect;\nexport { NonceProvider };\n","import styled, { createGlobalStyle, ThemeProvider } from 'styled-components';\nimport * as React from 'react';\nimport React__default, { useState, useCallback, forwardRef, useRef, useMemo } from 'react';\nimport { compose, space, layout, color, typography, flexbox, background, borders, borderWidth, borderRadius, position, variant } from 'styled-system';\nimport css, { get } from '@styled-system/css';\nimport shouldForwardProp from '@styled-system/should-forward-prop';\nimport { renderToStaticMarkup } from 'react-dom/server';\nimport { LazyMotion, m, domAnimation } from 'framer-motion';\nimport ReactSelect, { components } from 'react-select';\nimport lottie from 'lottie-web';\n\nvar textVariants = [\r\n 'display',\r\n 'medium',\r\n 'regular',\r\n 'body',\r\n 'caption',\r\n].reduce(function (acc, variant) {\r\n acc[variant] = {\r\n fontFamily: variant,\r\n lineHeight: variant,\r\n fontWeight: variant,\r\n letterSpacing: variant,\r\n };\r\n return acc;\r\n}, {});\n\nvar buttonVariants = {\r\n primary: {\r\n border: 'none',\r\n bg: 'brandMidnightBlue',\r\n color: 'neutralsWhite',\r\n '&:disabled': {\r\n opacity: '.24',\r\n },\r\n '&:active': {\r\n bg: '#020D2A',\r\n },\r\n '&:hover': {\r\n bg: '#475D98',\r\n },\r\n },\r\n secondary: {\r\n borderWidth: 'input',\r\n borderStyle: 'solid',\r\n borderColor: 'overlayOutlineBlue',\r\n bg: 'utilityTransparent',\r\n color: 'brandMidnightBlue',\r\n '&:disabled': {\r\n opacity: '.40',\r\n },\r\n '&:active': {\r\n borderColor: 'overlayOutlineBlue',\r\n bg: 'overlayBlack8',\r\n },\r\n '&:hover': {\r\n borderColor: 'brandMidnightBlue',\r\n bg: 'overlayWhite50',\r\n },\r\n },\r\n tertiary: {\r\n borderWidth: 'input',\r\n borderColor: 'utilityTransparent',\r\n bg: 'utilityTransparent',\r\n color: 'utilityLinkBlue',\r\n '&:disabled': {\r\n opacity: '.40',\r\n },\r\n '&:active': {\r\n bg: 'overlayBlack8',\r\n },\r\n '&:hover': {\r\n borderWidth: 'input',\r\n borderStyle: 'solid',\r\n borderColor: 'neutralsBorderGray',\r\n bg: 'overlayWhite50',\r\n },\r\n },\r\n white: {\r\n bg: 'neutralsWhite',\r\n color: 'neutralsTextBlack',\r\n border: 'none',\r\n '&:disabled': {\r\n bg: 'overlayWhite30',\r\n color: 'overlayBlack30',\r\n },\r\n '&:active': {\r\n bg: 'overlayWhite50',\r\n color: 'utilityTrueBlack',\r\n },\r\n '&:hover': {\r\n bg: 'overlayWhite70',\r\n color: 'neutralsTextBlack',\r\n },\r\n },\r\n secondaryWhite: {\r\n bg: 'utilityTransparent',\r\n color: 'neutralsWhite',\r\n borderWidth: 'input',\r\n borderColor: 'overlayWhite50',\r\n '&:disabled': {\r\n borderColor: 'overlayWhite15',\r\n color: 'overlayWhite30',\r\n },\r\n '&:active': {\r\n bg: 'overlayBlack30',\r\n borderColor: 'overlayWhite30',\r\n color: 'overlayWhite50',\r\n },\r\n '&:hover': {\r\n bg: 'overlayWhite8',\r\n borderColor: 'overlayWhite70',\r\n color: 'neutralsWhite',\r\n },\r\n },\r\n circle: {\r\n borderWidth: 'input',\r\n borderColor: 'neutralsWhite',\r\n bg: 'utilityTransparent',\r\n color: 'brandMidnightBlue',\r\n '&:disabled': {\r\n opacity: '.40',\r\n },\r\n '&:active': {\r\n bg: 'neutralsWhite',\r\n },\r\n '&:hover': {\r\n bg: 'neutralsWhite',\r\n },\r\n },\r\n};\n\nvar colors = {\r\n text: '#000',\r\n background: '#fff',\r\n primary: '#07c',\r\n secondary: '#30c',\r\n muted: '#f6f6f6',\r\n // Brand\r\n brandBackgroundBlue: '#D9EFFB',\r\n brandBackgroundSeafoam: '#E0F1F2',\r\n brandBlueWash: '#EFF7FB',\r\n brandDarkBlue: '#2A5697',\r\n brandDarkSeafoam: '#00626A',\r\n brandLightBlue: '#ABD7EF',\r\n brandLightSeafoam: '#B6DEE0',\r\n brandMediumBlue: '#5990BC',\r\n brandMidnightBlue: '#041A55',\r\n brandSeafoamWash: '#F0F8F9',\r\n // Ground\r\n groundDarkStone: '#141F3C',\r\n groundLightStone: '#D9E1E4',\r\n // Neutrals\r\n neutralsBackgroundGray: '#F1F1F1',\r\n neutralsBorderGray: '#B4B5B0',\r\n neutralsGrayWash: '#F8F8F8',\r\n neutralsLightGray: '#D9DAD5',\r\n neutralsPlaceholderGray: '#898A86',\r\n neutralsTextBlack: '#242423',\r\n neutralsTextGray: '#4F504E',\r\n neutralsWhite: '#FFFFFF',\r\n // Overlay\r\n overlayBlack15: '#00000026',\r\n overlayBlack30: '#0000004D',\r\n overlayBlack50: '#00000080',\r\n overlayBlack70: '#000000B3',\r\n overlayBlack8: '#00000014',\r\n overlayBlack90: '#000000E6',\r\n overlayWhite15: '#FFFFFF26',\r\n overlayWhite30: '#FFFFFF4D',\r\n overlayWhite50: '#FFFFFF80',\r\n overlayWhite70: '#FFFFFFB3',\r\n overlayWhite90: '#FFFFFFE6',\r\n overlayWhite8: '#FFFFFF14',\r\n overlayOutlineBlue: '#041a5566',\r\n // Utility\r\n utilityBrightCyan: '#00FFFF',\r\n utilityDarkErrorRed: '#CF1313',\r\n utilityDarkLegacyAmber: '#CB8C0A',\r\n utilityDarkSuccessGreen: '#007536',\r\n utilityTSASuccessGreen: '#51A831',\r\n utilityErrorRedWash: '#FFE6E6',\r\n utilityFocusBlue: '#0098EE',\r\n utilityHazardYellow: '#FFEB38',\r\n utilityLegacyAmberWash: '#FDEDCE',\r\n utilityLightErrorRed: '#FF4646',\r\n utilityLightLegacyAmber: '#F2BE55',\r\n utilityLightSuccessGreen: '#15D66E',\r\n utilityLinkBlue: '#0044C7',\r\n utilityLinkPurpleVisited: '#7B03B4',\r\n utilitySuccessGreenWash: '#EDF9F2',\r\n utilityTrueBlack: '#000000',\r\n utilityLinkBlueLight: '#68B7FF',\r\n utilityTransparent: 'transparent',\r\n utilityCircleButtonGray: '#E5E5E5',\r\n};\n\nvar inputColors = {\r\n default: {\r\n borderColor: 'neutralsBorderGray',\r\n color: 'neutralsTextBlack',\r\n ':focus': {\r\n borderColor: 'utilityFocusBlue',\r\n boxShadow: \"0 0 0 0.0625rem \".concat(colors.utilityFocusBlue),\r\n },\r\n },\r\n success: {\r\n borderColor: 'utilityDarkSuccessGreen',\r\n color: 'neutralsTextBlack',\r\n ':focus': {\r\n boxShadow: \"0 0 0 0.0625rem \".concat(colors.utilityDarkSuccessGreen),\r\n },\r\n },\r\n error: {\r\n borderColor: 'utilityDarkErrorRed',\r\n color: 'neutralsTextBlack',\r\n ':focus': {\r\n boxShadow: \"0 0 0 0.0625rem \".concat(colors.utilityDarkErrorRed),\r\n },\r\n },\r\n};\r\nvar inputVariants = {\r\n default: {\r\n borderWidth: 'input',\r\n borderStyle: 'solid',\r\n borderRadius: 'input',\r\n fontSize: 2,\r\n px: 4,\r\n py: 3,\r\n },\r\n borderless: {\r\n borderStyle: 'none',\r\n fontSize: 3,\r\n px: 0,\r\n py: 3,\r\n ':focus': {\r\n boxShadow: 'none important!',\r\n },\r\n },\r\n};\n\nvar dropdownVariants = {\r\n default: {\r\n borderColor: 'neutralsBorderGray',\r\n ':focus': {\r\n borderColor: 'utilityFocusBlue',\r\n boxShadow: \"0 0 0 0.0625rem \".concat(colors.utilityFocusBlue),\r\n },\r\n },\r\n};\n\nvar radioVariants = {\r\n default: {\r\n borderColor: 'neutralsPlaceholderGray',\r\n ':focus': {\r\n borderWidth: 'inputFocus',\r\n borderColor: 'utilityFocusBlue',\r\n },\r\n ':checked': {\r\n borderWidth: 'radioChecked',\r\n borderColor: 'brandDarkBlue',\r\n },\r\n },\r\n};\n\nvar labelVariants = {\r\n default: {\r\n color: 'neutralsTextBlack',\r\n },\r\n disabled: {\r\n color: 'neutralsPlaceholderGray',\r\n },\r\n};\n\nvar messageVariants = {\r\n default: {\r\n color: 'neutralsTextBlack',\r\n },\r\n success: {\r\n color: 'utilityDarkSuccessGreen',\r\n },\r\n error: {\r\n color: 'utilityDarkErrorRed',\r\n },\r\n};\n\n/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n\r\nvar __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\n\r\nfunction __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nfunction __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n}\n\nvar style$1 = {\r\n borderRadius: '0.5rem',\r\n padding: '0.75rem',\r\n paddingLeft: '1rem',\r\n};\r\nvar alertVariants = {\r\n success: __assign({ backgroundColor: 'utilitySuccessGreenWash', variantIcon: 'check', variantIconColor: 'utilityDarkSuccessGreen' }, style$1),\r\n error: __assign({ backgroundColor: 'utilityErrorRedWash', variantIcon: 'alert-triangle', variantIconColor: 'utilityDarkErrorRed' }, style$1),\r\n info: __assign({ backgroundColor: 'brandBlueWash', variantIcon: 'alert-circle', variantIconColor: 'brandMediumBlue' }, style$1),\r\n warning: __assign({ backgroundColor: 'utilityLegacyAmberWash', variantIcon: 'alert-circle', variantIconColor: 'utilityDarkLegacyAmber' }, style$1),\r\n seafoam: __assign({ backgroundColor: 'brandSeafoamWash', variantIcon: 'wifi', variantIconColor: 'brandDarkSeafoam' }, style$1),\r\n gray: __assign({ backgroundColor: 'neutralsGrayWash', variantIcon: 'bell', variantIconColor: 'neutralsTextGray' }, style$1),\r\n};\n\nvar style = {\r\n borderRadius: 4,\r\n paddingX: 2,\r\n paddingY: 1,\r\n};\r\nvar tagVariants = {\r\n success: __assign({ backgroundColor: 'utilitySuccessGreenWash', variantIconColor: 'utilityDarkSuccessGreen' }, style),\r\n error: __assign({ backgroundColor: 'utilityErrorRedWash', variantIconColor: 'utilityDarkErrorRed' }, style),\r\n info: __assign({ backgroundColor: 'brandBackgroundBlue', variantIconColor: 'brandDarkBlue' }, style),\r\n warning: __assign({ backgroundColor: 'utilityLegacyAmberWash', variantIconColor: 'overlayBlack70' }, style),\r\n seafoam: __assign({ backgroundColor: 'brandBackgroundSeafoam', variantIconColor: 'brandDarkSeafoam' }, style),\r\n gray: __assign({ backgroundColor: 'neutralsBackgroundGray', variantIconColor: 'neutralsTextGray' }, style),\r\n};\n\nvar cardVariants = {\r\n primary: {\r\n borderRadius: '0.5rem',\r\n },\r\n secondary: {\r\n borderRadius: '1.5rem',\r\n },\r\n};\n\nvar selectVariants = {\r\n default: {\r\n borderColor: 'neutralsBorderGray',\r\n ':focus': {\r\n borderColor: 'utilityFocusBlue',\r\n boxShadow: \"0 0 0 0.0625rem \".concat(colors.utilityFocusBlue),\r\n },\r\n },\r\n};\n\nvar index = /*#__PURE__*/Object.freeze({\n __proto__: null,\n textVariants: textVariants,\n buttonVariants: buttonVariants,\n inputColors: inputColors,\n inputVariants: inputVariants,\n dropdownVariants: dropdownVariants,\n radioVariants: radioVariants,\n labelVariants: labelVariants,\n messageVariants: messageVariants,\n alertVariants: alertVariants,\n tagVariants: tagVariants,\n cardVariants: cardVariants,\n selectVariants: selectVariants\n});\n\nvar boxSelectorVariants = {\r\n singleSelect: {\r\n bg: 'neutralsWhite',\r\n borderColor: 'neutralsLightGray',\r\n ':active': {\r\n bg: 'overlayBlack15',\r\n borderColor: 'neutralsBorderGray',\r\n },\r\n },\r\n};\n\nvar GlobalStyle = createGlobalStyle(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject([\"\\n body {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n font: \", \" !important;\\n line-height: \", \";\\n letter-spacing: \", \";\\n }\\n \\n input, select, textarea, button {\\n font-family: inherit;\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n}\\n\"], [\"\\n body {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n font: \", \" !important;\\n line-height: \", \";\\n letter-spacing: \", \";\\n }\\n \\n input, select, textarea, button {\\n font-family: inherit;\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n}\\n\"])), function (_a) {\r\n var _b, _c;\r\n var theme = _a.theme;\r\n return \"\".concat((_b = theme === null || theme === void 0 ? void 0 : theme.fontWeights) === null || _b === void 0 ? void 0 : _b.body, \" \").concat(theme === null || theme === void 0 ? void 0 : theme.fontSizes[2], \" \").concat((_c = theme === null || theme === void 0 ? void 0 : theme.fonts) === null || _c === void 0 ? void 0 : _c.body);\r\n}, function (_a) {\r\n var _b;\r\n var theme = _a.theme;\r\n return (_b = theme === null || theme === void 0 ? void 0 : theme.lineHeights) === null || _b === void 0 ? void 0 : _b.body;\r\n}, function (_a) {\r\n var _b;\r\n var theme = _a.theme;\r\n return \"\".concat((_b = theme === null || theme === void 0 ? void 0 : theme.letterSpacings) === null || _b === void 0 ? void 0 : _b.body);\r\n});\r\nvar templateObject_1$1;\n\nvar ADAThemeProvider = function (_a) {\r\n var children = _a.children;\r\n return (React__default.createElement(ThemeProvider, { theme: theme },\r\n children,\r\n \" \"));\r\n};\n\nvar theme = {\r\n name: 'dojocat',\r\n breakpoints: [\r\n '48rem',\r\n '58rem',\r\n '64rem',\r\n '80rem',\r\n '90rem', // 1440px\r\n ],\r\n colors: colors,\r\n sizes: {\r\n tooltip: '18rem',\r\n stepper: '48rem',\r\n tablet: '48rem',\r\n content: '58rem',\r\n header: '90rem',\r\n full: '100%',\r\n half: '50%',\r\n inputMaxWidth: '20.5rem',\r\n inputHeight: '3rem',\r\n radioHeight: '1.75rem',\r\n viewportWidth: '100vw',\r\n viewportHeight: '100vh',\r\n topNavigationHeight: '4rem',\r\n checkbox: '1.75rem',\r\n alertIcon: '1.5rem',\r\n },\r\n borderWidths: {\r\n input: '0.063rem',\r\n inputFocus: '0.125rem',\r\n radioChecked: '0.5rem', // form radio element border\r\n },\r\n radii: {\r\n input: '0.25rem',\r\n circle: '50%',\r\n card: '1.5rem',\r\n },\r\n space: [\r\n '0rem',\r\n '0.25rem',\r\n '0.5rem',\r\n '0.75rem',\r\n '1rem',\r\n '1.5rem',\r\n '2rem',\r\n '2.5rem',\r\n '3rem',\r\n '3.5rem',\r\n '4rem',\r\n '4.5rem', // 11 72px\r\n ],\r\n fonts: {\r\n display: 'Inter-Bold, serif',\r\n medium: 'Inter-SemiBold, sans-serif',\r\n regular: 'Inter-Regular, sans-serif',\r\n body: 'Inter-Regular, sans-serif',\r\n caption: 'Inter-Regular, sans-serif',\r\n },\r\n letterSpacings: {\r\n display: '-0.03em',\r\n medium: '-0.02em',\r\n regular: '-0.02em',\r\n body: '-0.02em',\r\n caption: '-0.02em',\r\n },\r\n fontWeights: {\r\n display: 700,\r\n medium: 600,\r\n regular: 400,\r\n body: 400,\r\n caption: 400,\r\n },\r\n lineHeights: {\r\n display: 1.21,\r\n medium: 1.21,\r\n regular: 1.21,\r\n body: 1.6,\r\n caption: 1.21,\r\n },\r\n fontSizes: [\r\n '0.75rem',\r\n '0.875rem',\r\n '1rem',\r\n '1.125rem',\r\n '1.25rem',\r\n '1.5rem',\r\n '2rem',\r\n '2.5rem',\r\n '3rem',\r\n '3.5rem',\r\n '4.0rem', // 10 64px\r\n ],\r\n text: textVariants,\r\n boxSelector: boxSelectorVariants,\r\n button: buttonVariants,\r\n card: cardVariants,\r\n alert: alertVariants,\r\n tag: tagVariants,\r\n form: {\r\n input: inputVariants,\r\n label: labelVariants,\r\n message: messageVariants,\r\n radio: radioVariants,\r\n dropdown: dropdownVariants,\r\n select: selectVariants,\r\n },\r\n};\r\n// Aliases\r\ntheme.fontSizes.header = theme.fontSizes[7];\r\ntheme.fontSizes.subheader = theme.fontSizes[5];\r\ntheme.fontSizes.body = theme.fontSizes[2];\n\nvar Button$1 = styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n padding: 0;\\n border: none;\\n background-color: transparent;\\n cursor: pointer;\\n\"], [\"\\n padding: 0;\\n border: none;\\n background-color: transparent;\\n cursor: pointer;\\n\"])));\r\nvar AccordionText = function (_a) {\r\n var children = _a.children, limitLines = _a.limitLines, other = __rest(_a, [\"children\", \"limitLines\"]);\r\n return (React__default.createElement(Text, __assign({ variant: \"body\", color: \"neutralsTextGray\", fontSize: 2, lineHeight: \"body\", overflow: \"hidden\", display: \"-webkit-box\", sx: {\r\n '-webkit-line-clamp': limitLines || 'unset',\r\n '-webkit-box-orient': 'vertical',\r\n } }, other), children));\r\n};\r\nfunction Accordion(_a) {\r\n var title = _a.title, _b = _a.defaultExpanded, defaultExpanded = _b === void 0 ? false : _b, _c = _a.previewContent, previewContent = _c === void 0 ? false : _c, containerProps = _a.containerProps, children = _a.children;\r\n var _d = useState(defaultExpanded), expanded = _d[0], setExpanded = _d[1];\r\n var onToggleClick = useCallback(function () { return setExpanded(!expanded); }, [expanded]);\r\n var iconName = expanded ? 'minus' : 'plus';\r\n return (React__default.createElement(Flex, __assign({ flexDirection: \"column\" }, containerProps),\r\n React__default.createElement(Button$1, { onClick: onToggleClick },\r\n React__default.createElement(Flex, { justifyContent: \"space-between\", alignItems: \"center\", py: 4, borderBottom: \"1px solid\", borderColor: \"neutralsBackgroundGray\" },\r\n React__default.createElement(Text, { fontSize: 3, variant: \"medium\", color: \"brandDarkBlue\", mr: 3, textAlign: \"left\" }, title),\r\n React__default.createElement(Icon, { name: iconName, size: \"1.5rem\", color: \"brandDarkBlue\" }))),\r\n expanded && !previewContent && (React__default.createElement(Box, { mt: 4 },\r\n React__default.createElement(AccordionText, null, children))),\r\n previewContent && (React__default.createElement(Box, { mt: 4 },\r\n React__default.createElement(AccordionText, { limitLines: expanded ? undefined : '3' }, children)))));\r\n}\r\nvar templateObject_1;\n\nvar Alert = function (_a) {\r\n var defaultIcon = _a.defaultIcon, customIcon = _a.customIcon, text = _a.text, subText = _a.subText, _b = _a.onClose, onClose = _b === void 0 ? null : _b, _c = _a.onClick, onClick = _c === void 0 ? null : _c, _d = _a.variant, variant = _d === void 0 ? 'info' : _d, props = __rest(_a, [\"defaultIcon\", \"customIcon\", \"text\", \"subText\", \"onClose\", \"onClick\", \"variant\"]);\r\n var _e = alertVariants[variant] || {}, variantIcon = _e.variantIcon, variantIconColor = _e.variantIconColor;\r\n var displayIcon = defaultIcon ? variantIcon : customIcon;\r\n return (React__default.createElement(Flex, __assign({ tx: \"alert\", variant: variant, justifyContent: \"space-between\", onClick: onClick }, props),\r\n React__default.createElement(Flex, { flexDirection: \"column\" },\r\n React__default.createElement(Flex, { alignItems: \"flex-start\" },\r\n displayIcon && (React__default.createElement(Box, { mr: 3, minWidth: \"1.25rem\" },\r\n React__default.createElement(Icon, { name: displayIcon, color: variantIconColor, size: \"alertIcon\" }))),\r\n text && (React__default.createElement(Flex, { flexDirection: \"column\" },\r\n React__default.createElement(Text, { variant: subText ? 'medium' : 'body' }, text),\r\n subText && (React__default.createElement(Text, { color: \"neutralsTextGray\", variant: \"body\", mt: 1, fontSize: 1 }, subText)))))),\r\n onClose && (React__default.createElement(Box, { flexShrink: 0 },\r\n React__default.createElement(Icon, { name: \"x\", size: \"alertIcon\", cursor: \"pointer\", color: \"neutralsTextGray\", iconClick: function (event) {\r\n event.stopPropagation();\r\n onClose(event);\r\n } })))));\r\n};\r\nAlert.displayName = 'Alert';\n\nvar sx = function (props) { return css(props.sx)(props.theme); };\r\nvar base = function (props) { return css(props.__css)(props.theme); };\r\nvar variantFn = function (_a) {\r\n var _b = _a.theme, theme = _b === void 0 ? {} : _b, _c = _a.variant, variant = _c === void 0 ? 'default' : _c, _d = _a.tx, tx = _d === void 0 ? 'variants' : _d;\r\n return css(get(theme, \"\".concat(tx, \".\").concat(variant), get(theme, variant)))(theme);\r\n};\r\nvar Box = styled.div.withConfig({\r\n shouldForwardProp: function (prop) { return shouldForwardProp(prop); },\r\n})({\r\n boxSizing: 'border-box',\r\n margin: 0,\r\n minWidth: 0,\r\n}, base, variantFn, sx, compose(space, layout, color, typography, flexbox, background, borders, borderWidth, borderRadius, position));\n\nvar StyledBoxSelector = styled(Box)(variant({}));\r\nvar BoxSelector = forwardRef(function (_a, ref) {\r\n var onClick = _a.onClick, props = __rest(_a, [\"onClick\"]);\r\n var disabledListRow = {\r\n labelColor: 'neutralsBorderGray',\r\n subLabelColor: 'neutralsBorderGray',\r\n iconColor: 'neutralsBorderGray',\r\n iconContainerColor: 'neutralsGrayWash',\r\n };\r\n return (React__default.createElement(StyledBoxSelector, __assign({ as: \"button\", tx: \"boxSelector\", variant: \"singleSelect\", ref: ref, borderWidth: \"input\", borderStyle: \"solid\", borderRadius: \"0.5rem\", textAlign: \"start\", p: 4, width: \"full\", onClick: onClick }, props),\r\n React__default.createElement(ListRow, __assign({}, props, { variant: \"actionIcon\" }, (props.disabled ? disabledListRow : {})))));\r\n});\r\nBoxSelector.displayName = 'BoxSelector';\n\nvar StyledButton = styled(Box)(variant({\r\n prop: 'size',\r\n variants: {\r\n large: {\r\n height: '3.5rem',\r\n py: 4,\r\n px: 10,\r\n fontSize: 2,\r\n },\r\n small: {\r\n height: '2.5rem',\r\n py: 2,\r\n px: 6,\r\n fontSize: 1,\r\n },\r\n },\r\n}));\r\nvar ButtonIcon = function (_a) {\r\n var _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, _c = _a.size, size = _c === void 0 ? 'large' : _c, icon = _a.icon, isLoading = _a.isLoading;\r\n var buttonIconColorVariants = {\r\n primary: 'neutralsWhite',\r\n secondary: 'brandMidnightBlue',\r\n tertiary: 'utilityLinkBlue',\r\n white: 'neutralsTextBlack',\r\n secondaryWhite: 'neutralsWhite',\r\n circle: 'neutralsTextBlack',\r\n };\r\n var buttonIconSizeVariants = {\r\n large: '1.375rem',\r\n small: '1.125rem',\r\n };\r\n var color = buttonIconColorVariants[variant];\r\n var iconSize = buttonIconSizeVariants[size];\r\n return (React__default.createElement(Icon, { name: icon, color: color, size: iconSize, visibility: isLoading ? 'hidden' : 'visible' }));\r\n};\r\nvar Button = forwardRef(function (_a, ref) {\r\n var _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, _c = _a.size, size = _c === void 0 ? 'large' : _c, icon = _a.icon, _d = _a.circleIconColor, circleIconColor = _d === void 0 ? 'brandMidnightBlue' : _d, _e = _a.iconPosition, iconPosition = _e === void 0 ? 'left' : _e, text = _a.text, textProps = _a.textProps, _f = _a.fullWidth, fullWidth = _f === void 0 ? false : _f, lottieComponent = _a.lottieComponent, isLoading = _a.isLoading, children = _a.children, color = _a.color, _g = _a.borderColor, borderColor = _g === void 0 ? 'unset' : _g, _h = _a.backgroundColor, backgroundColor = _h === void 0 ? 'neutralsWhite' : _h, _j = _a.borderStyle, borderStyle = _j === void 0 ? 'none' : _j, borderWidth = _a.borderWidth, props = __rest(_a, [\"variant\", \"size\", \"icon\", \"circleIconColor\", \"iconPosition\", \"text\", \"textProps\", \"fullWidth\", \"lottieComponent\", \"isLoading\", \"children\", \"color\", \"borderColor\", \"backgroundColor\", \"borderStyle\", \"borderWidth\"]);\r\n var buttonType = props.as ? undefined : 'button';\r\n var comp = lottieComponent || (React__default.createElement(Lottie, { name: variant === 'primary' ? 'WhiteLoader' : 'MidnightBlueLoader' }));\r\n return (React__default.createElement(React__default.Fragment, null, variant === 'circle' ? (React__default.createElement(Flex, __assign({ as: \"button\", type: buttonType, ref: ref, sx: {\r\n cursor: 'pointer',\r\n display: 'inline-block',\r\n textDecoration: 'none',\r\n }, justifyContent: \"center\", height: \"3rem\", width: \"3rem\", minWidth: \"2.7rem\", backgroundColor: backgroundColor, alignItems: \"center\", borderRadius: \"50%\", borderStyle: borderStyle, borderWidth: borderWidth || 0, borderColor: borderColor, \"aria-disabled\": (props === null || props === void 0 ? void 0 : props.disabled) || isLoading }, props),\r\n icon && (React__default.createElement(Icon, { size: size === 'small' ? '1.5rem' : '2rem', name: icon, color: circleIconColor })),\r\n !icon && text && (React__default.createElement(Text, { variant: \"medium\", color: color }, text)))) : (React__default.createElement(StyledButton, __assign({ as: \"button\", type: buttonType, ref: ref, variant: variant, size: size, tx: \"button\", position: \"relative\", sx: {\r\n cursor: isLoading ? 'not-allowed' : 'pointer',\r\n display: 'inline-block',\r\n textDecoration: 'none',\r\n pointerEvents: isLoading ? 'none' : 'all',\r\n }, alignItems: \"center\", px: 9, borderRadius: \"15.5rem\", iconPosition: iconPosition, width: fullWidth && '100%', \"aria-disabled\": (props === null || props === void 0 ? void 0 : props.disabled) || isLoading }, props),\r\n React__default.createElement(Flex, { flexDirection: iconPosition === 'left' ? 'row-reverse' : undefined, justifyContent: \"center\", alignItems: \"center\" },\r\n React__default.createElement(Text, __assign({ paddingLeft: icon && iconPosition === 'left' ? 3 : 0, paddingRight: icon && iconPosition === 'right' ? 3 : 0, flexShrink: 0, variant: \"medium\" }, textProps, { sx: {\r\n visibility: isLoading ? 'hidden' : 'visible',\r\n } }), children || text),\r\n isLoading && (React__default.createElement(Box, { position: \"absolute\", justifyContent: \"center\", alignItems: \"center\", zIndex: \"3\", width: \"1.5rem\", height: \"1.5rem\" }, comp)),\r\n icon && (React__default.createElement(ButtonIcon, { size: size, variant: variant, icon: icon, iconPosition: iconPosition, isLoading: isLoading })))))));\r\n});\r\nButton.displayName = 'Button';\n\nvar Card = function (props) {\r\n return (React__default.createElement(Box, __assign({ tx: \"card\", p: 6, justifyItems: \"center\", alignItems: \"center\", variant: \"primary\", __css: {\r\n boxShadow: '1px 0px 16px 0px #0000001A',\r\n } }, props)));\r\n};\n\nvar Checkbox = forwardRef(function (props, ref) {\r\n return (React__default.createElement(Flex, __assign({ as: \"label\", position: \"relative\", display: \"block\", p: 4, width: \"100%\", alignItems: \"center\", justifyContent: \"left\", __css: {\r\n cursor: 'pointer',\r\n ':active': {\r\n backgroundColor: 'overlayBlack15',\r\n },\r\n } }, props.containerProps),\r\n React__default.createElement(Box, __assign({ as: \"input\", type: \"checkbox\", ref: ref, borderColor: \"neutralsBorderGray\", borderStyle: \"solid\", borderWidth: \"input\", height: \"checkbox\", width: \"checkbox\", minWidth: \"checkbox\", backgroundColor: \"neutralsWhite\", borderRadius: 2, __css: {\r\n appearance: 'none',\r\n ':checked': {\r\n backgroundColor: 'brandMidnightBlue',\r\n borderColor: 'brandMidnightBlue',\r\n borderRadius: 2,\r\n },\r\n ':disabled': {\r\n backgroundColor: 'neutralsBackgroundGray',\r\n },\r\n ':checked:disabled': {\r\n backgroundColor: 'neutralsBorderGray',\r\n borderColor: 'neutralsBorderGray',\r\n },\r\n ':checked + div': {\r\n display: 'flex',\r\n },\r\n ':not(:checked) + div': {\r\n display: 'none',\r\n },\r\n } }, props)),\r\n React__default.createElement(Flex, { position: \"absolute\", height: \"checkbox\", width: \"checkbox\", alignItems: \"center\", justifyContent: \"center\" },\r\n React__default.createElement(Icon, { name: props.icon || 'check', size: \"1.5rem\", color: \"neutralsWhite\" })),\r\n React__default.createElement(Text, { ml: 4, fontSize: 1, color: props.disabled ? 'neutralsPlaceholderGray' : 'neutralsTextBlack', fontWeight: \"display\" }, props.text)));\r\n});\r\nCheckbox.displayName = 'Checkbox';\n\nvar Datepicker = forwardRef(function (props, ref) { return (React__default.createElement(Input, __assign({ ref: ref, id: props.id || props.name, type: \"date\", icon: \"calendar\", max: \"2999-12-31\", pr: 4, sx: {\r\n ':focus': {\r\n outline: 'none',\r\n },\r\n '::-webkit-datetime-edit': {\r\n color: (props === null || props === void 0 ? void 0 : props.value) ? 'neutralsTextBlack' : 'neutralsPlaceholderGray',\r\n },\r\n '::-webkit-calendar-picker-indicator': {\r\n opacity: 0,\r\n },\r\n ':disabled': {\r\n color: 'neutralsPlaceholderGray',\r\n borderColor: 'neutralsLightGray',\r\n bg: 'neutralsBackgroundGray',\r\n },\r\n ':disabled::-webkit-datetime-edit': {\r\n color: 'neutralsBorderGray',\r\n },\r\n } }, props))); });\r\nDatepicker.displayName = 'Datepicker';\r\nvar DatepickerGroup = forwardRef(function (_a, ref) {\r\n var label = _a.label, message = _a.message, messageProps = _a.messageProps, containerProps = _a.containerProps, color = _a.color, error = _a.error, props = __rest(_a, [\"label\", \"message\", \"messageProps\", \"containerProps\", \"color\", \"error\"]);\r\n var variantType = error ? 'error' : color;\r\n var messageText = error || message;\r\n return (React__default.createElement(Flex, __assign({ flexDirection: \"column\", p: 4, width: \"100%\" }, containerProps),\r\n React__default.createElement(Label$1, { variant: props.disabled ? 'disabled' : 'default', mb: 2, htmlFor: props.id || props.name }, label),\r\n React__default.createElement(Datepicker, __assign({ ref: ref, mb: 1, maxWidth: \"none\", width: \"100%\", color: color }, props)),\r\n messageText && (React__default.createElement(Message, __assign({ variant: variantType, mt: 1 }, messageProps), messageText))));\r\n});\r\nDatepickerGroup.displayName = 'DatepickerGroup';\n\nvar Dropdown = forwardRef(function (_a, ref) {\r\n var options = _a.options, placeholder = _a.placeholder, props = __rest(_a, [\"options\", \"placeholder\"]);\r\n return (React__default.createElement(Box, __assign({ as: \"select\", ref: ref, id: props.id || props.name, \"aria-label\": props.id || props.name, tx: \"form.dropdown\", variant: \"default\", width: \"full\", maxWidth: \"inputMaxWidth\", height: \"inputHeight\", py: 3, pl: 4, pr: 7, borderWidth: \"input\", borderStyle: \"solid\", borderRadius: \"input\", color: \"neutralsTextBlack\" }, props, { __css: {\r\n appearance: 'none',\r\n background: \"\".concat(colors.neutralsWhite, \" \").concat(getSVGUrl({\r\n name: 'drop-down',\r\n color: 'neutralsTextGray',\r\n }), \" no-repeat calc(100% - 0.55rem) center\"),\r\n backgroundSize: '1.5rem',\r\n outline: 'none',\r\n ':disabled': {\r\n borderColor: 'neutralsBorderGray',\r\n bg: 'neutralsBackgroundGray',\r\n },\r\n textOverflow: 'ellipsis',\r\n } }),\r\n placeholder && React__default.createElement(\"option\", { value: \"\" }, placeholder), options === null || options === void 0 ? void 0 :\r\n options.map(function (option, index) { return (React__default.createElement(Box, { as: \"option\", key: \"option-\".concat(option.value, \"-\").concat(index), value: option.value }, option.label)); })));\r\n});\r\nDropdown.displayName = 'Dropdown';\r\nvar DropdownGroup = forwardRef(function (_a, ref) {\r\n var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, label = _a.label, message = _a.message, disabled = _a.disabled, messageProps = _a.messageProps, containerProps = _a.containerProps, error = _a.error, props = __rest(_a, [\"variant\", \"label\", \"message\", \"disabled\", \"messageProps\", \"containerProps\", \"error\"]);\r\n var variantType = error ? 'error' : variant;\r\n var messageText = error || message;\r\n return (React__default.createElement(Flex, __assign({ flexDirection: \"column\", p: 4, width: \"100%\" }, containerProps),\r\n React__default.createElement(Label$1, { variant: disabled ? 'disabled' : 'default', mb: 2, htmlFor: props.id || props.name }, label),\r\n React__default.createElement(Dropdown, __assign({ ref: ref, disabled: disabled, maxWidth: \"none\", width: \"100%\" }, props)),\r\n messageText && (React__default.createElement(Message, __assign({ variant: variantType, mt: 1 }, messageProps), messageText))));\r\n});\r\nDropdownGroup.displayName = 'DropdownGroup';\n\nvar Flex = styled(Box)({\r\n display: 'flex',\r\n});\n\nvar _path$3v;\n\nfunction _extends$3y() { _extends$3y = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3y.apply(this, arguments); }\n\nfunction SvgActivity(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$3y({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$3v || (_path$3v = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M9.025 2a1 1 0 01.939.732l4.123 14.845 1.964-5.893A1 1 0 0117 11h4a1 1 0 110 2h-3.28l-2.771 8.316a1 1 0 01-1.912-.048L8.913 6.423l-1.964 5.893A1 1 0 016 13H3a1 1 0 110-2h2.28l2.77-8.316A1 1 0 019.025 2z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$3u;\n\nfunction _extends$3x() { _extends$3x = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3x.apply(this, arguments); }\n\nfunction SvgAirplane(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$3x({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$3u || (_path$3u = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M9.766 3C8.212 3 7.251 4.696 8.051 6.029L9.234 8H8.066L6.857 5.986A1 1 0 006 5.5H4.344c-1.824 0-3.034 1.891-2.27 3.548l1.482 3.21A3 3 0 006.28 14h1.3l-1.068 2.991C5.815 18.945 7.263 21 9.338 21h.633a3 3 0 002.441-1.256L16.515 14H19a3 3 0 000-6h-1.98l-2.604-3.72A3 3 0 0011.96 3H9.766zm6.722 7H19a1 1 0 110 2h-3a1 1 0 00-.814.419l-4.402 6.162a1 1 0 01-.813.419h-.633a1 1 0 01-.942-1.336l1.546-4.328A1 1 0 009 12H6.28a1 1 0 01-.908-.58L3.89 8.21a.5.5 0 01.454-.71h1.09l1.208 2.014A1 1 0 007.5 10h8.988zm-1.909-2l-1.801-2.573a1 1 0 00-.82-.427H9.767l1.8 3h3.013z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$3t, _path2$2i, _path3$L;\n\nfunction _extends$3w() { _extends$3w = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3w.apply(this, arguments); }\n\nfunction SvgAlertCircle(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$3w({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$3t || (_path$3t = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 20a8 8 0 110-16 8 8 0 010 16zM2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12z\",\n clipRule: \"evenodd\"\n })), _path2$2i || (_path2$2i = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 13a1 1 0 01-1-1V7a1 1 0 112 0v5a1 1 0 01-1 1z\",\n clipRule: \"evenodd\"\n })), _path3$L || (_path3$L = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13 16a1 1 0 11-2 0 1 1 0 012 0z\"\n })));\n}\n\nvar _path$3s, _path2$2h;\n\nfunction _extends$3v() { _extends$3v = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3v.apply(this, arguments); }\n\nfunction SvgAlertOctagon(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$3v({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$3s || (_path$3s = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12 13a1 1 0 01-1-1V7a1 1 0 112 0v5a1 1 0 01-1 1zm0 4a1 1 0 100-2 1 1 0 000 2z\"\n })), _path2$2h || (_path2$2h = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M6.98 2.879A3 3 0 019.1 2h5.8a3 3 0 012.12.879l4.101 4.1A3 3 0 0122 9.101v5.798a3 3 0 01-.879 2.122l-4.1 4.1a3 3 0 01-2.122.879H9.101a3 3 0 01-2.122-.879l-4.1-4.1A3 3 0 012 14.899V9.101a3 3 0 01.879-2.122l4.1-4.1zM9.1 4a1 1 0 00-.707.293l-4.1 4.1A1 1 0 004 9.101v5.798a1 1 0 00.293.708l4.1 4.1a1 1 0 00.708.293h5.798a1 1 0 00.708-.293l4.1-4.1A1 1 0 0020 14.9V9.1a1 1 0 00-.293-.707l-4.1-4.1A1 1 0 0014.9 4H9.1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$3r, _path2$2g, _path3$K;\n\nfunction _extends$3u() { _extends$3u = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3u.apply(this, arguments); }\n\nfunction SvgAlertTriangle(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$3u({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$3r || (_path$3r = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8.674 4.883c1.48-2.51 5.163-2.51 6.643 0l6.15 10.435C22.974 17.872 21.07 21 18.148 21H5.845c-2.923 0-4.827-3.128-3.322-5.682L8.674 4.883zM13.595 5.9c-.707-1.199-2.492-1.199-3.199 0l-6.15 10.435C3.563 17.491 4.393 19 5.844 19h12.301c1.451 0 2.282-1.51 1.6-2.666L13.595 5.9z\",\n clipRule: \"evenodd\"\n })), _path2$2g || (_path2$2g = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M11.996 14a1 1 0 01-1-1v-3a1 1 0 112 0v3a1 1 0 01-1 1z\",\n clipRule: \"evenodd\"\n })), _path3$K || (_path3$K = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12.995 16a1 1 0 11-2 0 1 1 0 012 0z\"\n })));\n}\n\nvar _path$3q, _path2$2f, _path3$J;\n\nfunction _extends$3t() { _extends$3t = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3t.apply(this, arguments); }\n\nfunction SvgArrowDownCircle(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$3t({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$3q || (_path$3q = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M16.707 11.293a1 1 0 00-1.414 0L12 14.586l-3.293-3.293a1 1 0 00-1.414 1.414l4 4a1 1 0 001.414 0l4-4a1 1 0 000-1.414z\",\n clipRule: \"evenodd\"\n })), _path2$2f || (_path2$2f = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 17a1 1 0 001-1V8a1 1 0 10-2 0v8a1 1 0 001 1z\",\n clipRule: \"evenodd\"\n })), _path3$J || (_path3$J = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 20a8 8 0 110-16 8 8 0 010 16zM2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$3p, _path2$2e;\n\nfunction _extends$3s() { _extends$3s = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3s.apply(this, arguments); }\n\nfunction SvgArrowDownLeft(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$3s({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$3p || (_path$3p = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M7 6a1 1 0 011 1v9h9a1 1 0 110 2H7a1 1 0 01-1-1V7a1 1 0 011-1z\",\n clipRule: \"evenodd\"\n })), _path2$2e || (_path2$2e = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M17.707 6.293a1 1 0 010 1.414l-9.9 9.9a1 1 0 01-1.414-1.415l9.9-9.9a1 1 0 011.414 0z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$3o, _path2$2d;\n\nfunction _extends$3r() { _extends$3r = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3r.apply(this, arguments); }\n\nfunction SvgArrowDownRight(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$3r({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$3o || (_path$3o = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M6 17a1 1 0 011-1h9V7a1 1 0 112 0v10a1 1 0 01-1 1H7a1 1 0 01-1-1z\",\n clipRule: \"evenodd\"\n })), _path2$2d || (_path2$2d = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M6.293 6.293a1 1 0 011.414 0l9.9 9.9a1 1 0 01-1.415 1.414l-9.9-9.9a1 1 0 010-1.414z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$3n;\n\nfunction _extends$3q() { _extends$3q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3q.apply(this, arguments); }\n\nfunction SvgArrowDown(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$3q({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$3n || (_path$3n = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M11.293 19.707a1 1 0 001.414 0l7-7a1 1 0 00-1.414-1.414L13 16.586V5a1 1 0 10-2 0v11.586l-5.293-5.293a1 1 0 00-1.414 1.414l7 7z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$3m, _path2$2c, _path3$I;\n\nfunction _extends$3p() { _extends$3p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3p.apply(this, arguments); }\n\nfunction SvgArrowLeftCircle(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$3p({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$3m || (_path$3m = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12.707 16.707a1 1 0 000-1.414L9.414 12l3.293-3.293a1 1 0 00-1.414-1.414l-4 4a1 1 0 000 1.414l4 4a1 1 0 001.414 0z\",\n clipRule: \"evenodd\"\n })), _path2$2c || (_path2$2c = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M7 12a1 1 0 001 1h8a1 1 0 100-2H8a1 1 0 00-1 1z\",\n clipRule: \"evenodd\"\n })), _path3$I || (_path3$I = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M4 12a8 8 0 1116 0 8 8 0 01-16 0zm8-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$3l;\n\nfunction _extends$3o() { _extends$3o = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3o.apply(this, arguments); }\n\nfunction SvgArrowLeft(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$3o({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$3l || (_path$3l = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M4.293 11.293a1 1 0 000 1.414l7 7a1 1 0 101.414-1.414L7.414 13H19a1 1 0 100-2H7.414l5.293-5.293a1 1 0 00-1.414-1.414l-7 7z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$3k, _path2$2b, _path3$H;\n\nfunction _extends$3n() { _extends$3n = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3n.apply(this, arguments); }\n\nfunction SvgArrowRightCircle(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$3n({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$3k || (_path$3k = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M11.293 16.707a1 1 0 010-1.414L14.586 12l-3.293-3.293a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\",\n clipRule: \"evenodd\"\n })), _path2$2b || (_path2$2b = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M17 12a1 1 0 01-1 1H8a1 1 0 110-2h8a1 1 0 011 1z\",\n clipRule: \"evenodd\"\n })), _path3$H || (_path3$H = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M20 12a8 8 0 10-16 0 8 8 0 0016 0zM12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$3j;\n\nfunction _extends$3m() { _extends$3m = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3m.apply(this, arguments); }\n\nfunction SvgArrowRight(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$3m({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$3j || (_path$3j = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M19.707 12.707a1 1 0 000-1.414l-7-7a1 1 0 10-1.414 1.414L16.586 11H5a1 1 0 100 2h11.586l-5.293 5.293a1 1 0 101.414 1.414l7-7z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$3i, _path2$2a, _path3$G;\n\nfunction _extends$3l() { _extends$3l = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3l.apply(this, arguments); }\n\nfunction SvgArrowUpCircle(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$3l({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$3i || (_path$3i = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M16.707 12.707a1 1 0 01-1.414 0L12 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z\",\n clipRule: \"evenodd\"\n })), _path2$2a || (_path2$2a = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 7a1 1 0 011 1v8a1 1 0 11-2 0V8a1 1 0 011-1z\",\n clipRule: \"evenodd\"\n })), _path3$G || (_path3$G = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 4a8 8 0 100 16 8 8 0 000-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$3h, _path2$29;\n\nfunction _extends$3k() { _extends$3k = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3k.apply(this, arguments); }\n\nfunction SvgArrowUpLeft(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$3k({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$3h || (_path$3h = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M18 7a1 1 0 01-1 1H8v9a1 1 0 11-2 0V7a1 1 0 011-1h10a1 1 0 011 1z\",\n clipRule: \"evenodd\"\n })), _path2$29 || (_path2$29 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M17.707 17.707a1 1 0 01-1.414 0l-9.9-9.9a1 1 0 111.415-1.414l9.9 9.9a1 1 0 010 1.414z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$3g, _path2$28;\n\nfunction _extends$3j() { _extends$3j = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3j.apply(this, arguments); }\n\nfunction SvgArrowUpRight(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$3j({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$3g || (_path$3g = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M17 18a1 1 0 01-1-1V8H7a1 1 0 110-2h10a1 1 0 011 1v10a1 1 0 01-1 1z\",\n clipRule: \"evenodd\"\n })), _path2$28 || (_path2$28 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M6.293 17.707a1 1 0 010-1.414l9.9-9.9a1 1 0 111.414 1.415l-9.9 9.9a1 1 0 01-1.414 0z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$3f;\n\nfunction _extends$3i() { _extends$3i = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3i.apply(this, arguments); }\n\nfunction SvgArrowUp(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$3i({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$3f || (_path$3f = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M11.293 4.293a1 1 0 011.414 0l7 7a1 1 0 01-1.414 1.414L13 7.414V19a1 1 0 11-2 0V7.414l-5.293 5.293a1 1 0 01-1.414-1.414l7-7z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$3e, _path2$27;\n\nfunction _extends$3h() { _extends$3h = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3h.apply(this, arguments); }\n\nfunction SvgAward(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$3h({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$3e || (_path$3e = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 4a5 5 0 100 10 5 5 0 000-10zM5 9a7 7 0 1114 0A7 7 0 015 9z\",\n clipRule: \"evenodd\"\n })), _path2$27 || (_path2$27 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M15.133 13.201a1 1 0 011.105.884l.756 6.805a1 1 0 01-1.441 1.004L12 20.118l-3.553 1.776a1 1 0 01-1.44-1.004l.74-6.67a1 1 0 111.988.22l-.538 4.844 2.356-1.178a1 1 0 01.894 0l2.356 1.177-.553-4.978a1 1 0 01.883-1.104z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$3d;\n\nfunction _extends$3g() { _extends$3g = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3g.apply(this, arguments); }\n\nfunction SvgBarChart(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$3g({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$3d || (_path$3d = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8 3a1 1 0 011-1h6a1 1 0 011 1v3h5a1 1 0 011 1v14a1 1 0 01-1 1H3a1 1 0 01-1-1V11a1 1 0 011-1h5V3zm6 17V4h-4v16h4zm2 0h4V8h-4v12zm-8-8v8H4v-8h4z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$3c;\n\nfunction _extends$3f() { _extends$3f = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3f.apply(this, arguments); }\n\nfunction SvgBarChart2(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$3f({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$3c || (_path$3c = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M14 3a1 1 0 011-1h6a1 1 0 011 1v18a1 1 0 01-1 1H3a1 1 0 01-1-1V11a1 1 0 011-1h5V7a1 1 0 011-1h5V3zm2 17h4V4h-4v16zM14 8h-4v12h4V8zm-6 4H4v8h4v-8z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$3b;\n\nfunction _extends$3e() { _extends$3e = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3e.apply(this, arguments); }\n\nfunction SvgBaseball(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$3e({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$3b || (_path$3b = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm2.202-1.792a8.004 8.004 0 005.329 9.404c.08-.538.122-1.067.122-1.583h-.016a1 1 0 01-.198-1.983 7.978 7.978 0 00-.47-1.44A1 1 0 017.941 12.9a8.01 8.01 0 00-1.066-1.106 1 1 0 01-1.692-1.061l.032-.058a10.55 10.55 0 00-1.014-.466zM4.89 8.33c.45.176.884.375 1.302.598a1 1 0 011.686 1.07l-.012.02a9.99 9.99 0 011.8 1.84l.018-.01a1 1 0 111.03 1.714l-.018.011a9.97 9.97 0 01.774 2.424l.08-.002a1 1 0 01.103 1.997c.002.657-.052 1.323-.156 1.992a8.001 8.001 0 007.744-4.579 12.683 12.683 0 01-1.912-.824 1 1 0 01-1.714-1.028l.039-.07a9.986 9.986 0 01-1.777-1.822l-.018.012a1 1 0 11-1.03-1.715l.018-.011a9.99 9.99 0 01-.78-2.453h-.024a1 1 0 01-.153-1.99c0-.497.03-1 .092-1.504A8 8 0 004.89 8.33zm9.077-4.086c-.05.412-.076.819-.077 1.218h.066a1 1 0 01.143 1.991c.113.505.271.992.476 1.46a1 1 0 011.026 1.708 7.97 7.97 0 001.05 1.091 1 1 0 011.657 1.107l-.007.014c.487.258 1.007.482 1.558.67a8.003 8.003 0 00-5.892-9.26z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$3a;\n\nfunction _extends$3d() { _extends$3d = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3d.apply(this, arguments); }\n\nfunction SvgBasketball(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$3d({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$3a || (_path$3a = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 11.913C2.05 6.39 6.565 1.953 12.087 2c5.523.048 9.96 4.565 9.913 10.087-.049 5.523-4.565 9.96-10.087 9.913C6.39 21.95 1.953 17.434 2 11.913zm5.332-6.41A7.958 7.958 0 0111 4.061v5.965c-.713.038-1.414.118-2.1.235a12.937 12.937 0 00-1.568-4.76zm-.393 5.211A10.938 10.938 0 005.82 6.918 7.966 7.966 0 004 11.87c.926-.468 1.91-.856 2.938-1.156zM4.244 13.97c.08-.02.16-.051.236-.093a14.99 14.99 0 012.482-1.076 10.942 10.942 0 01-1.215 4.19 7.975 7.975 0 01-1.503-3.021zm4.75-1.693A16.16 16.16 0 0111 12.03v7.908a7.957 7.957 0 01-3.763-1.51 12.953 12.953 0 001.757-6.15zM13 12.03v7.908a7.96 7.96 0 003.763-1.51 12.952 12.952 0 01-1.757-6.15A16.144 16.144 0 0013 12.03zm4.038.77c.123 1.504.549 2.92 1.215 4.19a7.97 7.97 0 001.503-3.02 1 1 0 01-.236-.093 14.987 14.987 0 00-2.482-1.076zm2.961-.93a17.148 17.148 0 00-2.938-1.156 10.94 10.94 0 011.118-3.796 7.966 7.966 0 011.82 4.952zm-4.9-1.608A18.216 18.216 0 0013 10.027V4.062c1.359.17 2.61.679 3.668 1.44a12.939 12.939 0 00-1.568 4.76z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$39;\n\nfunction _extends$3c() { _extends$3c = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3c.apply(this, arguments); }\n\nfunction SvgBed(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$3c({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$39 || (_path$39 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M7 2a3 3 0 00-3 3v6.17A3.001 3.001 0 002 14v7a1 1 0 102 0v-2h16v2a1 1 0 102 0v-7a3.001 3.001 0 00-2-2.83V5a3 3 0 00-3-3H7zm13 15v-3a1 1 0 00-1-1H5a1 1 0 00-1 1v3h16zM7 11H6V5a1 1 0 011-1h10a1 1 0 011 1v6h-1v-1a3 3 0 00-3-3h-4a3 3 0 00-3 3v1zm8-1v1H9v-1a1 1 0 011-1h4a1 1 0 011 1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$38, _path2$26;\n\nfunction _extends$3b() { _extends$3b = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3b.apply(this, arguments); }\n\nfunction SvgBellOff(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$3b({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$38 || (_path$38 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 4c-.767 0-1.48.215-2.087.587a1 1 0 01-1.045-1.705A6 6 0 0118 8c0 .868.224 2.26.699 3.684a1 1 0 01-1.898.632C16.276 10.74 16 9.132 16 8a4 4 0 00-4-4zM7.256 6.124a1 1 0 01.807 1.161A4.03 4.03 0 008 8c0 1.132-.276 2.74-.801 4.316-.3.901-.696 1.834-1.198 2.684H15.5a1 1 0 110 2H4a1 1 0 01-.707-1.707c.844-.844 1.531-2.178 2.008-3.61C5.776 10.26 6 8.869 6 8c0-.364.033-.721.095-1.069a1 1 0 011.161-.807zm1.841 13.131a1 1 0 011.412.078 1.996 1.996 0 002.982 0 1 1 0 111.49 1.334A3.993 3.993 0 0112 22a3.993 3.993 0 01-2.981-1.333 1 1 0 01.078-1.412z\",\n clipRule: \"evenodd\"\n })), _path2$26 || (_path2$26 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2.293 2.293a1 1 0 011.414 0l18 18a1 1 0 01-1.414 1.414l-18-18a1 1 0 010-1.414z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$37;\n\nfunction _extends$3a() { _extends$3a = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3a.apply(this, arguments); }\n\nfunction SvgBell(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$3a({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$37 || (_path$37 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 4a4 4 0 00-4 4c0 1.132-.276 2.74-.801 4.316-.3.901-.696 1.834-1.198 2.684H18a14.116 14.116 0 01-1.198-2.684C16.276 10.74 16 9.132 16 8a4 4 0 00-4-4zM6 8a6 6 0 0112 0c0 .868.224 2.26.699 3.684.477 1.431 1.164 2.765 2.008 3.609A1 1 0 0120 17H4a1 1 0 01-.707-1.707c.844-.844 1.531-2.178 2.008-3.61C5.776 10.26 6 8.869 6 8zm3.097 11.255a1 1 0 011.412.078 1.996 1.996 0 002.982 0 1 1 0 111.49 1.334A3.993 3.993 0 0112 22a3.993 3.993 0 01-2.981-1.333 1 1 0 01.078-1.412z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$36, _path2$25, _path3$F;\n\nfunction _extends$39() { _extends$39 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$39.apply(this, arguments); }\n\nfunction SvgBookOpen(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$39({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$36 || (_path$36 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M22 3a1 1 0 00-1-1h-5a5 5 0 00-5 5v.5a1 1 0 102 0V7a3 3 0 013-3h4v13h-5c-.925 0-1.685.234-2.29.637a3.632 3.632 0 00-1.23 1.416 4.684 4.684 0 00-.48 1.922V21h1-1a1 1 0 002 .007V21l.003-.058a2.688 2.688 0 01.266-.995c.129-.256.305-.482.551-.646.24-.16.605-.301 1.18-.301h6a1 1 0 001-1V3z\",\n clipRule: \"evenodd\"\n })), _path2$25 || (_path2$25 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 3a1 1 0 011-1h5a5 5 0 015 5v.5a1 1 0 11-2 0V7a3 3 0 00-3-3H4v13h5c.925 0 1.685.234 2.29.637.597.398.983.922 1.23 1.416a4.684 4.684 0 01.48 1.922V21h-1 1a1 1 0 01-2 .007V21l-.003-.058a2.688 2.688 0 00-.266-.995 1.635 1.635 0 00-.551-.646C9.94 19.14 9.575 19 9 19H3a1 1 0 01-1-1V3z\",\n clipRule: \"evenodd\"\n })), _path3$F || (_path3$F = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 6a1 1 0 011 1v12.5a1 1 0 11-2 0V7a1 1 0 011-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$35;\n\nfunction _extends$38() { _extends$38 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$38.apply(this, arguments); }\n\nfunction SvgBookmark(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$38({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$35 || (_path$35 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M4 5a3 3 0 013-3h10a3 3 0 013 3v16a1 1 0 01-1.65.76L12 16.316 5.65 21.76A1 1 0 014 21V5zm3-1a1 1 0 00-1 1v13.826l5.35-4.585a1 1 0 011.3 0L18 18.826V5a1 1 0 00-1-1H7z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$34;\n\nfunction _extends$37() { _extends$37 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$37.apply(this, arguments); }\n\nfunction SvgBriefcase(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$37({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$34 || (_path$34 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M10 2a3 3 0 00-3 3v1H5a3 3 0 00-3 3v10a3 3 0 003 3h14a3 3 0 003-3V9a3 3 0 00-3-3h-2V5a3 3 0 00-3-3h-4zm5 4V5a1 1 0 00-1-1h-4a1 1 0 00-1 1v1h6zM5 8a1 1 0 00-1 1v10a1 1 0 001 1h14a1 1 0 001-1V9a1 1 0 00-1-1H5z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$33, _path2$24;\n\nfunction _extends$36() { _extends$36 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$36.apply(this, arguments); }\n\nfunction SvgCalendar(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$36({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$33 || (_path$33 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 7a3 3 0 013-3h14a3 3 0 013 3v12a3 3 0 01-3 3H5a3 3 0 01-3-3V7zm3-1a1 1 0 00-1 1v12a1 1 0 001 1h14a1 1 0 001-1V7a1 1 0 00-1-1H5z\",\n clipRule: \"evenodd\"\n })), _path2$24 || (_path2$24 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8 2a1 1 0 011 1v4a1 1 0 01-2 0V3a1 1 0 011-1zm8 0a1 1 0 011 1v4a1 1 0 11-2 0V3a1 1 0 011-1zM2 11a1 1 0 011-1h18a1 1 0 110 2H3a1 1 0 01-1-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$32, _path2$23, _path3$E;\n\nfunction _extends$35() { _extends$35 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$35.apply(this, arguments); }\n\nfunction SvgCameraOff(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$35({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$32 || (_path$32 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8.5 4a1 1 0 011-1h4.059a3 3 0 012.845 2.051l.089.265a1 1 0 00.949.684H19a3 3 0 013 3v6.25a1 1 0 11-2 0V9a1 1 0 00-1-1h-1.558a3 3 0 01-2.847-2.051l-.088-.265A1 1 0 0013.56 5H9.5a1 1 0 01-1-1zM5 8a1 1 0 00-1 1v9a1 1 0 001 1h15a1 1 0 110 2H5a3 3 0 01-3-3V9a3 3 0 013-3h2a1 1 0 010 2H5z\",\n clipRule: \"evenodd\"\n })), _path2$23 || (_path2$23 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M11.174 9.946a1 1 0 01-.28 1.387 2 2 0 102.804 2.723 1 1 0 011.698 1.058 4 4 0 11-5.608-5.447 1 1 0 011.386.28z\",\n clipRule: \"evenodd\"\n })), _path3$E || (_path3$E = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2.293 2.293a1 1 0 011.414 0l18 18a1 1 0 01-1.414 1.414l-18-18a1 1 0 010-1.414z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$31, _path2$22;\n\nfunction _extends$34() { _extends$34 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$34.apply(this, arguments); }\n\nfunction SvgCamera(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$34({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$31 || (_path$31 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M10.441 5a1 1 0 00-.948.684l-.088.265A3 3 0 016.558 8H5a1 1 0 00-1 1v9a1 1 0 001 1h14a1 1 0 001-1V9a1 1 0 00-1-1h-1.558a3 3 0 01-2.847-2.051l-.088-.265A1 1 0 0013.56 5h-3.117zm-2.846.051A3 3 0 0110.441 3h3.117a3 3 0 012.846 2.051l.089.265a1 1 0 00.949.684H19a3 3 0 013 3v9a3 3 0 01-3 3H5a3 3 0 01-3-3V9a3 3 0 013-3h1.558a1 1 0 00.95-.684l.087-.265z\",\n clipRule: \"evenodd\"\n })), _path2$22 || (_path2$22 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 11a2 2 0 100 4 2 2 0 000-4zm-4 2a4 4 0 118 0 4 4 0 01-8 0z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$30, _path2$21;\n\nfunction _extends$33() { _extends$33 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$33.apply(this, arguments); }\n\nfunction SvgCar(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$33({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$30 || (_path$30 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6.5 16a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm11 0a1.5 1.5 0 100-3 1.5 1.5 0 000 3z\"\n })), _path2$21 || (_path2$21 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M4.038 3.725A1 1 0 015 3h14a1 1 0 01.962.725l1.993 6.978c.03.094.045.194.045.297v10a1 1 0 01-1 1h-2a1 1 0 01-1-1v-2H6v2a1 1 0 01-1 1H3a1 1 0 01-1-1V11a1 1 0 01.045-.297l1.993-6.978zM4 17h16v-5H4v5zM18.246 5l1.428 5H4.326l1.428-5h12.492z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2$, _path2$20;\n\nfunction _extends$32() { _extends$32 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$32.apply(this, arguments); }\n\nfunction SvgCdcInFrame(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$32({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2$ || (_path$2$ = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M5 9a3 3 0 013-3h8a3 3 0 013 3v6a3 3 0 01-3 3H8a3 3 0 01-3-3V9zm3-1a1 1 0 00-1 1v6a1 1 0 001 1h8a1 1 0 001-1V9a1 1 0 00-1-1H8z\",\n clipRule: \"evenodd\"\n })), _path2$20 || (_path2$20 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8 10a1 1 0 011-1h6a1 1 0 110 2H9a1 1 0 01-1-1zm0 3a1 1 0 011-1h5a1 1 0 110 2H9a1 1 0 01-1-1zm-5 3a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 110 2H5a3 3 0 01-3-3v-2a1 1 0 011-1zm0-8a1 1 0 001-1V5a1 1 0 011-1h2a1 1 0 000-2H5a3 3 0 00-3 3v2a1 1 0 001 1zm18 8a1 1 0 00-1 1v2a1 1 0 01-1 1h-2a1 1 0 100 2h2a3 3 0 003-3v-2a1 1 0 00-1-1zm0-8a1 1 0 01-1-1V5a1 1 0 00-1-1h-2a1 1 0 110-2h2a3 3 0 013 3v2a1 1 0 01-1 1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2_, _path2$1$, _path3$D;\n\nfunction _extends$31() { _extends$31 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$31.apply(this, arguments); }\n\nfunction SvgCdcReview(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$31({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2_ || (_path$2_ = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M2 7a3 3 0 013-3h14a3 3 0 013 3v4.25a1 1 0 11-2 0V7a1 1 0 00-1-1H5a1 1 0 00-1 1v10a1 1 0 001 1h5.25a1 1 0 110 2H5a3 3 0 01-3-3V7z\"\n })), _path2$1$ || (_path2$1$ = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6 13a1 1 0 011-1h4a1 1 0 110 2H7a1 1 0 01-1-1zm1-5a1 1 0 000 2h10a1 1 0 100-2H7z\"\n })), _path3$D || (_path3$D = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M13 17a4 4 0 117.446 2.032l1.261 1.26a1 1 0 01-1.414 1.415l-1.261-1.26A4 4 0 0113 17zm4-2a2 2 0 100 4 2 2 0 000-4z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2Z;\n\nfunction _extends$30() { _extends$30 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$30.apply(this, arguments); }\n\nfunction SvgCheck(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$30({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2Z || (_path$2Z = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M20.707 5.293a1 1 0 00-1.414 0L9 15.586l-4.293-4.293a1 1 0 00-1.414 1.414l5 5a1 1 0 001.414 0l11-11a1 1 0 000-1.414z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2Y, _path2$1_;\n\nfunction _extends$2$() { _extends$2$ = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2$.apply(this, arguments); }\n\nfunction SvgCheckmarkCircle(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2$({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2Y || (_path$2Y = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M15.707 9.293a1 1 0 00-1.414 0L11 12.586l-1.293-1.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4a1 1 0 000-1.414z\",\n clipRule: \"evenodd\"\n })), _path2$1_ || (_path2$1_ = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 4a8 8 0 100 16 8 8 0 000-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2X;\n\nfunction _extends$2_() { _extends$2_ = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2_.apply(this, arguments); }\n\nfunction SvgChevronDown(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2_({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2X || (_path$2X = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M4.293 8.293a1 1 0 011.414 0L12 14.586l6.293-6.293a1 1 0 111.414 1.414l-7 7a1 1 0 01-1.414 0l-7-7a1 1 0 010-1.414z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2W;\n\nfunction _extends$2Z() { _extends$2Z = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2Z.apply(this, arguments); }\n\nfunction SvgChevronLeft(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2Z({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2W || (_path$2W = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M15.707 4.293a1 1 0 010 1.414L9.414 12l6.293 6.293a1 1 0 01-1.414 1.414l-7-7a1 1 0 010-1.414l7-7a1 1 0 011.414 0z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2V;\n\nfunction _extends$2Y() { _extends$2Y = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2Y.apply(this, arguments); }\n\nfunction SvgChevronRight(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2Y({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2V || (_path$2V = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8.293 19.707a1 1 0 010-1.414L14.586 12 8.293 5.707a1 1 0 111.414-1.414l7 7a1 1 0 010 1.414l-7 7a1 1 0 01-1.414 0z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2U;\n\nfunction _extends$2X() { _extends$2X = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2X.apply(this, arguments); }\n\nfunction SvgChevronUp(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2X({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2U || (_path$2U = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M19.707 15.707a1 1 0 01-1.414 0L12 9.414l-6.293 6.293a1 1 0 01-1.414-1.414l7-7a1 1 0 011.414 0l7 7a1 1 0 010 1.414z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2T, _path2$1Z;\n\nfunction _extends$2W() { _extends$2W = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2W.apply(this, arguments); }\n\nfunction SvgChevronsDown(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2W({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2T || (_path$2T = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M18.707 4.293a1 1 0 00-1.414 0L12 9.586 6.707 4.293a1 1 0 10-1.414 1.414l6 6a1 1 0 001.414 0l6-6a1 1 0 000-1.414z\",\n clipRule: \"evenodd\"\n })), _path2$1Z || (_path2$1Z = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M18.707 12.293a1 1 0 00-1.414 0L12 17.586l-5.293-5.293a1 1 0 00-1.414 1.414l6 6a1 1 0 001.414 0l6-6a1 1 0 000-1.414z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2S, _path2$1Y;\n\nfunction _extends$2V() { _extends$2V = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2V.apply(this, arguments); }\n\nfunction SvgChevronsLeft(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2V({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2S || (_path$2S = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M19.707 18.707a1 1 0 000-1.414L14.414 12l5.293-5.293a1 1 0 00-1.414-1.414l-6 6a1 1 0 000 1.414l6 6a1 1 0 001.414 0z\",\n clipRule: \"evenodd\"\n })), _path2$1Y || (_path2$1Y = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M11.707 18.707a1 1 0 000-1.414L6.414 12l5.293-5.293a1 1 0 00-1.414-1.414l-6 6a1 1 0 000 1.414l6 6a1 1 0 001.414 0z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2R, _path2$1X;\n\nfunction _extends$2U() { _extends$2U = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2U.apply(this, arguments); }\n\nfunction SvgChevronsRight(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2U({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2R || (_path$2R = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M4.293 5.293a1 1 0 000 1.414L9.586 12l-5.293 5.293a1 1 0 101.414 1.414l6-6a1 1 0 000-1.414l-6-6a1 1 0 00-1.414 0z\",\n clipRule: \"evenodd\"\n })), _path2$1X || (_path2$1X = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12.293 5.293a1 1 0 000 1.414L17.586 12l-5.293 5.293a1 1 0 101.414 1.414l6-6a1 1 0 000-1.414l-6-6a1 1 0 00-1.414 0z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2Q, _path2$1W;\n\nfunction _extends$2T() { _extends$2T = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2T.apply(this, arguments); }\n\nfunction SvgChevronsUp(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2T({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2Q || (_path$2Q = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M18.707 19.707a1 1 0 01-1.414 0L12 14.414l-5.293 5.293a1 1 0 01-1.414-1.414l6-6a1 1 0 011.414 0l6 6a1 1 0 010 1.414z\",\n clipRule: \"evenodd\"\n })), _path2$1W || (_path2$1W = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M18.707 11.707a1 1 0 01-1.414 0L12 6.414l-5.293 5.293a1 1 0 01-1.414-1.414l6-6a1 1 0 011.414 0l6 6a1 1 0 010 1.414z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2P, _path2$1V;\n\nfunction _extends$2S() { _extends$2S = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2S.apply(this, arguments); }\n\nfunction SvgCircleDelete(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2S({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2P || (_path$2P = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 4a8 8 0 100 16 8 8 0 000-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12z\",\n clipRule: \"evenodd\"\n })), _path2$1V || (_path2$1V = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M18.707 5.293a1 1 0 00-1.414 0l-12 12a1 1 0 101.414 1.414l12-12a1 1 0 000-1.414z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2O;\n\nfunction _extends$2R() { _extends$2R = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2R.apply(this, arguments); }\n\nfunction SvgCircle(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2R({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2O || (_path$2O = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 4a8 8 0 100 16 8 8 0 000-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2N, _path2$1U;\n\nfunction _extends$2Q() { _extends$2Q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2Q.apply(this, arguments); }\n\nfunction SvgClipboard(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2Q({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2N || (_path$2N = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M7 6a1 1 0 00-1 1v12a1 1 0 001 1h10a1 1 0 001-1V7a1 1 0 00-1-1h-1.5a1 1 0 110-2H17a3 3 0 013 3v12a3 3 0 01-3 3H7a3 3 0 01-3-3V7a3 3 0 013-3h1.5a1 1 0 010 2H7z\",\n clipRule: \"evenodd\"\n })), _path2$1U || (_path2$1U = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M10 4v2h4V4h-4zm-2-.5A1.5 1.5 0 019.5 2h5A1.5 1.5 0 0116 3.5v3A1.5 1.5 0 0114.5 8h-5A1.5 1.5 0 018 6.5v-3z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2M, _path2$1T;\n\nfunction _extends$2P() { _extends$2P = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2P.apply(this, arguments); }\n\nfunction SvgClock(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2P({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2M || (_path$2M = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 4a8 8 0 100 16 8 8 0 000-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12z\",\n clipRule: \"evenodd\"\n })), _path2$1T || (_path2$1T = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 6a1 1 0 011 1v4.586l2.707 2.707a1 1 0 01-1.414 1.414l-3-3A1 1 0 0111 12V7a1 1 0 011-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2L, _path2$1S;\n\nfunction _extends$2O() { _extends$2O = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2O.apply(this, arguments); }\n\nfunction SvgCloudDrizzle(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2O({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2L || (_path$2L = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M10 4a6 6 0 00-4.659 9.782 1 1 0 11-1.551 1.261 8 8 0 1113.973-6.985 5.001 5.001 0 012.755 8.495 1 1 0 01-1.407-1.421A3 3 0 0017 10c-.544 0-.99-.4-1.07-.919A6.002 6.002 0 0010 4z\",\n clipRule: \"evenodd\"\n })), _path2$1S || (_path2$1S = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 14a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zm-4-2a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zm8 0a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zm-4 7a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zm-4-2a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zm8 0a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2K, _path2$1R;\n\nfunction _extends$2N() { _extends$2N = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2N.apply(this, arguments); }\n\nfunction SvgCloudLightning(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2N({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2K || (_path$2K = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M10 4a6 6 0 00-4.659 9.782 1 1 0 11-1.551 1.261 8 8 0 1113.973-6.985 5.001 5.001 0 012.755 8.495 1 1 0 01-1.407-1.421A3 3 0 0017 10c-.544 0-.99-.4-1.07-.919A6.002 6.002 0 0010 4z\",\n clipRule: \"evenodd\"\n })), _path2$1R || (_path2$1R = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12.447 8.106a1 1 0 01.447 1.341L10.618 14H14a1 1 0 01.894 1.447l-3 6a1 1 0 11-1.788-.894L12.382 16H9a1 1 0 01-.894-1.447l3-6a1 1 0 011.341-.447z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2J, _path2$1Q;\n\nfunction _extends$2M() { _extends$2M = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2M.apply(this, arguments); }\n\nfunction SvgCloudOff(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2M({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2J || (_path$2J = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M9.731 4.935a1 1 0 011.097-.893 8.006 8.006 0 016.934 6.016 5.001 5.001 0 014.233 5.175 1 1 0 01-1.998-.092L20 15a3 3 0 00-3-3c-.544 0-.99-.4-1.07-.919a6.004 6.004 0 00-5.307-5.05 1 1 0 01-.892-1.096zm-2.773.68A1 1 0 016.68 7 6 6 0 0010 18h7c.437 0 .85-.093 1.222-.26a1 1 0 11.816 1.827A4.986 4.986 0 0117 20h-7A8 8 0 015.572 5.337a1 1 0 011.386.278z\",\n clipRule: \"evenodd\"\n })), _path2$1Q || (_path2$1Q = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2.293 2.293a1 1 0 011.414 0l18 18a1 1 0 01-1.414 1.414l-18-18a1 1 0 010-1.414z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2I, _path2$1P;\n\nfunction _extends$2L() { _extends$2L = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2L.apply(this, arguments); }\n\nfunction SvgCloudRain(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2L({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2I || (_path$2I = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M10 4a6 6 0 00-4.659 9.782 1 1 0 11-1.551 1.261 8 8 0 1113.973-6.985 5.001 5.001 0 012.755 8.495 1 1 0 01-1.407-1.421A3 3 0 0017 10c-.544 0-.99-.4-1.07-.919A6.002 6.002 0 0010 4z\",\n clipRule: \"evenodd\"\n })), _path2$1P || (_path2$1P = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8 12a1 1 0 011 1v6a1 1 0 11-2 0v-6a1 1 0 011-1zm4 2a1 1 0 011 1v6a1 1 0 11-2 0v-6a1 1 0 011-1zm4-2a1 1 0 011 1v6a1 1 0 11-2 0v-6a1 1 0 011-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2H, _path2$1O;\n\nfunction _extends$2K() { _extends$2K = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2K.apply(this, arguments); }\n\nfunction SvgCloudSnow(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2K({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2H || (_path$2H = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M10 4a6 6 0 00-4.659 9.782 1 1 0 11-1.551 1.261 8 8 0 1113.973-6.985 5.001 5.001 0 012.755 8.495 1 1 0 01-1.407-1.421A3 3 0 0017 10c-.544 0-.99-.4-1.07-.919A6.002 6.002 0 0010 4z\",\n clipRule: \"evenodd\"\n })), _path2$1O || (_path2$1O = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9 15a1 1 0 11-2 0 1 1 0 012 0zm4 2a1 1 0 11-2 0 1 1 0 012 0zm4-2a1 1 0 11-2 0 1 1 0 012 0zm-8 4a1 1 0 11-2 0 1 1 0 012 0zm4 2a1 1 0 11-2 0 1 1 0 012 0zm4-2a1 1 0 11-2 0 1 1 0 012 0z\"\n })));\n}\n\nvar _path$2G;\n\nfunction _extends$2J() { _extends$2J = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2J.apply(this, arguments); }\n\nfunction SvgCloud(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2J({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2G || (_path$2G = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M10 6a6 6 0 100 12h7a3 3 0 100-6c-.544 0-.99-.4-1.07-.919A6.002 6.002 0 0010 6zm7.762 4.058A5.001 5.001 0 0117 20h-7a8 8 0 117.762-9.942z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2F, _path2$1N;\n\nfunction _extends$2I() { _extends$2I = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2I.apply(this, arguments); }\n\nfunction SvgColumns(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2I({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2F || (_path$2F = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 5a3 3 0 013-3h14a3 3 0 013 3v14a3 3 0 01-3 3H5a3 3 0 01-3-3V5zm3-1a1 1 0 00-1 1v14a1 1 0 001 1h14a1 1 0 001-1V5a1 1 0 00-1-1H5z\",\n clipRule: \"evenodd\"\n })), _path2$1N || (_path2$1N = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 2a1 1 0 011 1v18a1 1 0 11-2 0V3a1 1 0 011-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2E, _path2$1M;\n\nfunction _extends$2H() { _extends$2H = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2H.apply(this, arguments); }\n\nfunction SvgCompass(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2H({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2E || (_path$2E = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 4a8 8 0 100 16 8 8 0 000-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12z\",\n clipRule: \"evenodd\"\n })), _path2$1M || (_path2$1M = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M16.707 7.293a1 1 0 01.234 1.046l-2.122 5.88a1 1 0 01-.6.6l-5.88 2.122a1 1 0 01-1.28-1.28l2.122-5.88a1 1 0 01.6-.6l5.88-2.122a1 1 0 011.046.234zm-5.805 3.61l-1.239 3.434 3.434-1.24 1.24-3.434-3.434 1.24z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2D, _path2$1L;\n\nfunction _extends$2G() { _extends$2G = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2G.apply(this, arguments); }\n\nfunction SvgCopy(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2G({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2D || (_path$2D = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8 11a3 3 0 013-3h8a3 3 0 013 3v8a3 3 0 01-3 3h-8a3 3 0 01-3-3v-8zm3-1a1 1 0 00-1 1v8a1 1 0 001 1h8a1 1 0 001-1v-8a1 1 0 00-1-1h-8z\",\n clipRule: \"evenodd\"\n })), _path2$1L || (_path2$1L = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 5a3 3 0 013-3h8a3 3 0 013 3 1 1 0 11-2 0 1 1 0 00-1-1H5a1 1 0 00-1 1v8a1 1 0 001 1 1 1 0 110 2 3 3 0 01-3-3V5z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2C, _path2$1K;\n\nfunction _extends$2F() { _extends$2F = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2F.apply(this, arguments); }\n\nfunction SvgCornerDownLeft(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2F({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2C || (_path$2C = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8.707 10.293a1 1 0 010 1.414L4.414 16l4.293 4.293a1 1 0 11-1.414 1.414l-5-5a1 1 0 010-1.414l5-5a1 1 0 011.414 0z\",\n clipRule: \"evenodd\"\n })), _path2$1K || (_path2$1K = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 16a1 1 0 011-1h14a3 3 0 003-3V3a1 1 0 112 0v9a5 5 0 01-5 5H3a1 1 0 01-1-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2B, _path2$1J;\n\nfunction _extends$2E() { _extends$2E = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2E.apply(this, arguments); }\n\nfunction SvgCornerDownRight(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2E({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2B || (_path$2B = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M15.293 10.293a1 1 0 000 1.414L19.586 16l-4.293 4.293a1 1 0 001.414 1.414l5-5a1 1 0 000-1.414l-5-5a1 1 0 00-1.414 0z\",\n clipRule: \"evenodd\"\n })), _path2$1J || (_path2$1J = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M22 16a1 1 0 00-1-1H7a3 3 0 01-3-3V3a1 1 0 10-2 0v9a5 5 0 005 5h14a1 1 0 001-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2A, _path2$1I;\n\nfunction _extends$2D() { _extends$2D = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2D.apply(this, arguments); }\n\nfunction SvgCornerLeftDown(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2D({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2A || (_path$2A = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M13.707 15.293a1 1 0 00-1.414 0L8 19.586l-4.293-4.293a1 1 0 00-1.414 1.414l5 5a1 1 0 001.414 0l5-5a1 1 0 000-1.414z\",\n clipRule: \"evenodd\"\n })), _path2$1I || (_path2$1I = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8 22a1 1 0 001-1V7a3 3 0 013-3h9a1 1 0 100-2h-9a5 5 0 00-5 5v14a1 1 0 001 1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2z, _path2$1H;\n\nfunction _extends$2C() { _extends$2C = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2C.apply(this, arguments); }\n\nfunction SvgCornerLeftUp(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2C({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2z || (_path$2z = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M13.707 8.707a1 1 0 01-1.414 0L8 4.414 3.707 8.707a1 1 0 11-1.414-1.414l5-5a1 1 0 011.414 0l5 5a1 1 0 010 1.414z\",\n clipRule: \"evenodd\"\n })), _path2$1H || (_path2$1H = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8 2a1 1 0 011 1v14a3 3 0 003 3h9a1 1 0 110 2h-9a5 5 0 01-5-5V3a1 1 0 011-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2y, _path2$1G;\n\nfunction _extends$2B() { _extends$2B = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2B.apply(this, arguments); }\n\nfunction SvgCornerRightDown(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2B({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2y || (_path$2y = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M10.293 15.293a1 1 0 011.414 0L16 19.586l4.293-4.293a1 1 0 011.414 1.414l-5 5a1 1 0 01-1.414 0l-5-5a1 1 0 010-1.414z\",\n clipRule: \"evenodd\"\n })), _path2$1G || (_path2$1G = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M16 22a1 1 0 01-1-1V7a3 3 0 00-3-3H3a1 1 0 010-2h9a5 5 0 015 5v14a1 1 0 01-1 1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2x, _path2$1F;\n\nfunction _extends$2A() { _extends$2A = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2A.apply(this, arguments); }\n\nfunction SvgCornerRightUp(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2A({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2x || (_path$2x = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M10.293 8.707a1 1 0 001.414 0L16 4.414l4.293 4.293a1 1 0 101.414-1.414l-5-5a1 1 0 00-1.414 0l-5 5a1 1 0 000 1.414z\",\n clipRule: \"evenodd\"\n })), _path2$1F || (_path2$1F = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M16 2a1 1 0 00-1 1v14a3 3 0 01-3 3H3a1 1 0 100 2h9a5 5 0 005-5V3a1 1 0 00-1-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2w, _path2$1E;\n\nfunction _extends$2z() { _extends$2z = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2z.apply(this, arguments); }\n\nfunction SvgCornerUpLeft(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2z({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2w || (_path$2w = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8.707 13.707a1 1 0 000-1.414L4.414 8l4.293-4.293a1 1 0 00-1.414-1.414l-5 5a1 1 0 000 1.414l5 5a1 1 0 001.414 0z\",\n clipRule: \"evenodd\"\n })), _path2$1E || (_path2$1E = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 8a1 1 0 001 1h14a3 3 0 013 3v9a1 1 0 102 0v-9a5 5 0 00-5-5H3a1 1 0 00-1 1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2v, _path2$1D;\n\nfunction _extends$2y() { _extends$2y = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2y.apply(this, arguments); }\n\nfunction SvgCornerUpRight(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2y({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2v || (_path$2v = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M15.293 13.707a1 1 0 010-1.414L19.586 8l-4.293-4.293a1 1 0 111.414-1.414l5 5a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0z\",\n clipRule: \"evenodd\"\n })), _path2$1D || (_path2$1D = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M22 8a1 1 0 01-1 1H7a3 3 0 00-3 3v9a1 1 0 11-2 0v-9a5 5 0 015-5h14a1 1 0 011 1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2u;\n\nfunction _extends$2x() { _extends$2x = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2x.apply(this, arguments); }\n\nfunction SvgCreditCard(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2x({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2u || (_path$2u = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M5 4a3 3 0 00-3 3v10a3 3 0 003 3h14a3 3 0 003-3V7a3 3 0 00-3-3H5zm15 4V7a1 1 0 00-1-1H5a1 1 0 00-1 1v1h16zM4 10h16v7a1 1 0 01-1 1H5a1 1 0 01-1-1v-7z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2t, _path2$1C;\n\nfunction _extends$2w() { _extends$2w = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2w.apply(this, arguments); }\n\nfunction SvgCrop(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2w({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2t || (_path$2t = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M18 22a1 1 0 01-1-1V8a1 1 0 00-1-1H3a1 1 0 110-2h13a3 3 0 013 3v13a1 1 0 01-1 1z\",\n clipRule: \"evenodd\"\n })), _path2$1C || (_path2$1C = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M6 2a1 1 0 011 1v13a1 1 0 001 1h13a1 1 0 110 2H8a3 3 0 01-3-3V3a1 1 0 011-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2s, _path2$1B;\n\nfunction _extends$2v() { _extends$2v = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2v.apply(this, arguments); }\n\nfunction SvgCrosshair(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2v({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2s || (_path$2s = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 4a8 8 0 100 16 8 8 0 000-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12z\",\n clipRule: \"evenodd\"\n })), _path2$1B || (_path2$1B = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 16a1 1 0 00-1 1v4a1 1 0 102 0v-4a1 1 0 00-1-1zm0-14a1 1 0 00-1 1v4a1 1 0 102 0V3a1 1 0 00-1-1zm4 10a1 1 0 001 1h4a1 1 0 100-2h-4a1 1 0 00-1 1zM2 12a1 1 0 001 1h4a1 1 0 100-2H3a1 1 0 00-1 1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2r, _path2$1A, _path3$C;\n\nfunction _extends$2u() { _extends$2u = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2u.apply(this, arguments); }\n\nfunction SvgDelete(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2u({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2r || (_path$2r = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M5.27 11.265a1 1 0 000 1.47l5.413 5a1 1 0 00.678.265H19a1 1 0 001-1V7a1 1 0 00-1-1h-7.639a1 1 0 00-.678.265l-5.414 5zm-1.358 2.939a3 3 0 010-4.408l5.414-5A3 3 0 0111.36 4H19a3 3 0 013 3v10a3 3 0 01-3 3h-7.639a3 3 0 01-2.035-.796l-5.414-5z\",\n clipRule: \"evenodd\"\n })), _path2$1A || (_path2$1A = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M11.414 14.828a1 1 0 010-1.414l4.243-4.242a1 1 0 111.414 1.414l-4.243 4.242a1 1 0 01-1.414 0z\",\n clipRule: \"evenodd\"\n })), _path3$C || (_path3$C = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M17.071 14.828a1 1 0 01-1.414 0l-4.243-4.242a1 1 0 011.414-1.414l4.243 4.242a1 1 0 010 1.414z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2q;\n\nfunction _extends$2t() { _extends$2t = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2t.apply(this, arguments); }\n\nfunction SvgDollarSign(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2t({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2q || (_path$2q = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13 3a1 1 0 10-2 0v1.062c-.854.11-1.694.38-2.394.9C7.582 5.724 7 6.915 7 8.492c0 .785.15 1.471.458 2.059.31.591.749 1.026 1.242 1.351.908.597 2.065.85 3 1.055l.086.019c1.05.23 1.85.419 2.415.79.257.168.442.362.57.606.13.247.229.6.229 1.128 0 1.049-.355 1.604-.798 1.934C13.71 17.8 12.955 18 12 18c-.953 0-1.708-.2-2.202-.569C9.355 17.102 9 16.544 9 15.5a1 1 0 10-2 0c0 1.577.579 2.77 1.602 3.534.7.523 1.542.794 2.398.904V21a1 1 0 102 0v-1.061c.855-.11 1.696-.38 2.397-.901C16.422 18.274 17 17.08 17 15.5c0-.785-.15-1.47-.458-2.057a3.609 3.609 0 00-1.243-1.35c-.906-.594-2.061-.847-2.995-1.051l-.09-.02c-1.05-.23-1.85-.42-2.414-.79a1.616 1.616 0 01-.57-.609C9.1 9.375 9 9.02 9 8.491c0-1.04.355-1.593.8-1.924C10.293 6.2 11.05 6 12 6c.951 0 1.707.199 2.201.566.444.33.799.884.799 1.925a1 1 0 102 0c0-1.577-.582-2.77-1.606-3.53-.7-.52-1.54-.79-2.394-.9V3z\"\n })));\n}\n\nvar _path$2p, _path2$1z, _path3$B;\n\nfunction _extends$2s() { _extends$2s = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2s.apply(this, arguments); }\n\nfunction SvgDownloadCloud(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2s({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2p || (_path$2p = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M10 4a6 6 0 00-4.659 9.782 1 1 0 11-1.551 1.261 8 8 0 1113.973-6.985 5.001 5.001 0 012.755 8.495 1 1 0 01-1.407-1.421A3 3 0 0017 10c-.544 0-.99-.4-1.07-.919A6.002 6.002 0 0010 4z\",\n clipRule: \"evenodd\"\n })), _path2$1z || (_path2$1z = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M16.707 16.293a1 1 0 00-1.414 0L12 19.586l-3.293-3.293a1 1 0 00-1.414 1.414l4 4a1 1 0 001.414 0l4-4a1 1 0 000-1.414z\",\n clipRule: \"evenodd\"\n })), _path3$B || (_path3$B = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 22a1 1 0 001-1v-9a1 1 0 00-2 0v9a1 1 0 001 1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2o, _path2$1y, _path3$A;\n\nfunction _extends$2r() { _extends$2r = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2r.apply(this, arguments); }\n\nfunction SvgDownload(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2r({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2o || (_path$2o = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M18.707 9.293a1 1 0 00-1.414 0L12 14.586 6.707 9.293a1 1 0 10-1.414 1.414l6 6a1 1 0 001.414 0l6-6a1 1 0 000-1.414z\",\n clipRule: \"evenodd\"\n })), _path2$1y || (_path2$1y = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 17a1 1 0 001-1V3a1 1 0 10-2 0v13a1 1 0 001 1z\",\n clipRule: \"evenodd\"\n })), _path3$A || (_path3$A = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M3 15a1 1 0 011 1v3a1 1 0 001 1h14a1 1 0 001-1v-3a1 1 0 112 0v3a3 3 0 01-3 3H5a3 3 0 01-3-3v-3a1 1 0 011-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2n;\n\nfunction _extends$2q() { _extends$2q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2q.apply(this, arguments); }\n\nfunction SvgDropDown(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2q({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2n || (_path$2n = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7.207 9a.5.5 0 00-.353.854l4.792 4.792a.5.5 0 00.708 0l4.792-4.792A.5.5 0 0016.793 9H7.207z\"\n })));\n}\n\nvar _path$2m;\n\nfunction _extends$2p() { _extends$2p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2p.apply(this, arguments); }\n\nfunction SvgDropLeft(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2p({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2m || (_path$2m = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15 16.793a.5.5 0 01-.854.353l-4.792-4.792a.5.5 0 010-.708l4.792-4.792a.5.5 0 01.854.353v9.586z\"\n })));\n}\n\nvar _path$2l;\n\nfunction _extends$2o() { _extends$2o = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2o.apply(this, arguments); }\n\nfunction SvgDropRight(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2o({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2l || (_path$2l = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9 16.793a.5.5 0 00.854.353l4.792-4.792a.5.5 0 000-.708L9.854 6.854A.5.5 0 009 7.207v9.586z\"\n })));\n}\n\nvar _path$2k;\n\nfunction _extends$2n() { _extends$2n = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2n.apply(this, arguments); }\n\nfunction SvgDropUp(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2n({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2k || (_path$2k = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7.207 15a.5.5 0 01-.353-.854l4.792-4.792a.5.5 0 01.708 0l4.792 4.792a.5.5 0 01-.353.854H7.207z\"\n })));\n}\n\nvar _path$2j;\n\nfunction _extends$2m() { _extends$2m = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2m.apply(this, arguments); }\n\nfunction SvgDroplet(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2m({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2j || (_path$2j = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12.65 2.24L12 3l-.65-.76a1 1 0 011.3 0zM12 4.353A32.25 32.25 0 009.272 7.26c-.848 1.03-1.677 2.189-2.29 3.371C6.363 11.823 6 12.972 6 14a6 6 0 0012 0c0-1.028-.364-2.177-.982-3.368-.613-1.182-1.442-2.341-2.29-3.371A32.256 32.256 0 0012 4.35zm-.65-2.111L12 3l.65-.76.003.003.005.004.018.015a15.071 15.071 0 01.297.265 34.258 34.258 0 013.299 3.462c.902 1.095 1.823 2.374 2.522 3.723C19.489 11.052 20 12.528 20 14a8 8 0 11-16 0c0-1.472.511-2.948 1.206-4.288.7-1.35 1.62-2.628 2.522-3.723a34.26 34.26 0 013.596-3.727l.018-.015.005-.004.002-.002z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2i;\n\nfunction _extends$2l() { _extends$2l = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2l.apply(this, arguments); }\n\nfunction SvgEdit2(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2l({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2i || (_path$2i = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M15.958 3.04a3.534 3.534 0 015.007 0 3.55 3.55 0 010 5.012L8.545 20.505a.998.998 0 01-.466.264L3.24 21.971a1 1 0 01-1.209-1.223l1.248-4.8a1 1 0 01.26-.455L15.958 3.039zm3.59 1.412a1.534 1.534 0 00-2.173 0L5.147 16.712l-.756 2.912 2.935-.729L19.548 6.64a1.55 1.55 0 000-2.187z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2h, _path2$1x;\n\nfunction _extends$2k() { _extends$2k = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2k.apply(this, arguments); }\n\nfunction SvgEdit(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2k({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2h || (_path$2h = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M19.886 4.12a.99.99 0 00-1.403 0l-8.443 8.465-.356 1.74 1.757-.34 8.445-8.467a.99.99 0 000-1.399zm-2.819-1.413a2.99 2.99 0 114.235 4.223l-8.662 8.686a1 1 0 01-.519.276l-3.527.68a1 1 0 01-1.169-1.183l.716-3.498a1 1 0 01.271-.506l8.655-8.678z\",\n clipRule: \"evenodd\"\n })), _path2$1x || (_path2$1x = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 7a3 3 0 013-3h5.5a1 1 0 110 2H5a1 1 0 00-1 1v12a1 1 0 001 1h12a1 1 0 001-1v-5.5a1 1 0 112 0V19a3 3 0 01-3 3H5a3 3 0 01-3-3V7z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2g, _path2$1w;\n\nfunction _extends$2j() { _extends$2j = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2j.apply(this, arguments); }\n\nfunction SvgExternalLink(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2j({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2g || (_path$2g = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M5 7a1 1 0 00-1 1v11a1 1 0 001 1h11a1 1 0 001-1v-6a1 1 0 112 0v6a3 3 0 01-3 3H5a3 3 0 01-3-3V8a3 3 0 013-3h6a1 1 0 110 2H5zm16 3a1 1 0 01-1-1V4h-5a1 1 0 110-2h6a1 1 0 011 1v6a1 1 0 01-1 1z\",\n clipRule: \"evenodd\"\n })), _path2$1w || (_path2$1w = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M11.293 12.707a1 1 0 010-1.414l8.9-8.9a1 1 0 111.414 1.415l-8.9 8.9a1 1 0 01-1.414 0z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2f, _path2$1v, _path3$z;\n\nfunction _extends$2i() { _extends$2i = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2i.apply(this, arguments); }\n\nfunction SvgEyeOff(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2i({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2f || (_path$2f = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 7c-.105 0-.208.002-.31.006a1 1 0 01-.08-1.998c.13-.005.26-.008.39-.008 3.359 0 5.848 1.684 7.457 3.293a14.75 14.75 0 011.813 2.215 12.695 12.695 0 01.61 1.016l.01.019.002.006.002.003L21 12l.894.447v.001l-.001.002-.002.004-.006.012-.02.039c-.017.032-.04.076-.072.132-.062.112-.152.27-.27.461-.237.383-.59.908-1.058 1.487a1 1 0 11-1.555-1.257c.407-.503.71-.956.911-1.281l.03-.047a12.67 12.67 0 00-1.807-2.293C16.65 8.317 14.64 7 11.999 7zm9 5l.894.447c.141-.281.14-.613 0-.895L21 12zM8.044 6.89a1 1 0 01-.31 1.38c-1.267.804-2.234 1.852-2.888 2.713-.304.401-.537.756-.696 1.017a12.679 12.679 0 001.807 2.293C7.348 15.683 9.36 17 12 17c1.597 0 2.955-.479 4.088-1.161a1 1 0 011.032 1.713C15.728 18.39 14.017 19 12 19c-3.359 0-5.848-1.684-7.457-3.293a14.672 14.672 0 01-1.813-2.215 12.714 12.714 0 01-.577-.954 6.22 6.22 0 01-.033-.062l-.01-.019-.002-.006-.002-.002v-.001L3 12l-.894-.448v-.002l.003-.003.005-.01.016-.032a10.322 10.322 0 01.276-.487c.19-.315.473-.75.847-1.244.746-.982 1.88-2.222 3.41-3.193a1 1 0 011.38.31zM3 12l-.894-.448c-.14.282-.14.614 0 .896L3 12z\",\n clipRule: \"evenodd\"\n })), _path2$1v || (_path2$1v = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M10.557 9.186a1 1 0 01.015 1.414 2 2 0 002.761 2.89 1 1 0 111.334 1.491A4 4 0 019.143 9.2a1 1 0 011.414-.014z\",\n clipRule: \"evenodd\"\n })), _path3$z || (_path3$z = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2.293 2.293a1 1 0 011.414 0l18 18a1 1 0 01-1.414 1.414l-18-18a1 1 0 010-1.414z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2e, _path2$1u;\n\nfunction _extends$2h() { _extends$2h = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2h.apply(this, arguments); }\n\nfunction SvgEye(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2h({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2e || (_path$2e = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M4.15 12a12.679 12.679 0 001.807 2.293C7.348 15.683 9.36 17 12 17s4.652-1.316 6.043-2.707A12.679 12.679 0 0019.85 12a12.678 12.678 0 00-1.807-2.293C16.652 8.317 14.64 7 12 7S7.348 8.316 5.957 9.707A12.678 12.678 0 004.15 12zM21 12l.894-.448-.002-.003-.003-.006-.01-.019a12.695 12.695 0 00-.61-1.016 14.677 14.677 0 00-1.812-2.215C17.848 6.683 15.36 5 12 5S6.152 6.684 4.543 8.293a14.675 14.675 0 00-1.813 2.215 12.714 12.714 0 00-.577.954 6.22 6.22 0 00-.033.062l-.01.019-.002.006-.002.002v.001L3 12l-.894-.448c-.14.282-.141.614 0 .895L3 12l-.894.447v.002l.002.002.003.006.01.019a6.22 6.22 0 00.151.278c.104.182.257.436.458.738a14.672 14.672 0 001.813 2.215C6.152 17.317 8.64 19 12 19s5.848-1.684 7.457-3.293a14.674 14.674 0 001.813-2.215 12.695 12.695 0 00.61-1.016l.01-.019.002-.006.002-.003L21 12zm0 0l.894.448c.14-.282.14-.614 0-.896L21 12z\",\n clipRule: \"evenodd\"\n })), _path2$1u || (_path2$1u = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 10a2 2 0 100 4 2 2 0 000-4zm-4 2a4 4 0 118 0 4 4 0 01-8 0z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2d;\n\nfunction _extends$2g() { _extends$2g = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2g.apply(this, arguments); }\n\nfunction SvgFaceInFrame(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2g({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2d || (_path$2d = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4 7a1 1 0 01-2 0V5a3 3 0 013-3h2a1 1 0 010 2H5a1 1 0 00-1 1v2zm6 2a1 1 0 11-2 0 1 1 0 012 0zm-1.163 4.057a1 1 0 011.277.61 2.001 2.001 0 003.772 0 1 1 0 111.886.666 4.001 4.001 0 01-7.544 0 1 1 0 01.61-1.276zM15 10a1 1 0 100-2 1 1 0 000 2zM3 16a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 110 2H5a3 3 0 01-3-3v-2a1 1 0 011-1zm18 0a1 1 0 00-1 1v2a1 1 0 01-1 1h-2a1 1 0 100 2h2a3 3 0 003-3v-2a1 1 0 00-1-1zm-1-9a1 1 0 102 0V5a3 3 0 00-3-3h-2a1 1 0 100 2h2a1 1 0 011 1v2z\"\n })));\n}\n\nvar _path$2c, _path2$1t;\n\nfunction _extends$2f() { _extends$2f = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2f.apply(this, arguments); }\n\nfunction SvgFaceMask(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2f({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2c || (_path$2c = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13.49 7.596a1 1 0 010 1.414l-4.243 4.243a1 1 0 11-1.414-1.414l4.242-4.243a1 1 0 011.415 0zm2.828 2.829a1 1 0 010 1.414l-4.243 4.243a1 1 0 01-1.414-1.415l4.243-4.242a1 1 0 011.414 0z\"\n })), _path2$1t || (_path2$1t = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M11.485 2.293a1 1 0 011.415 0l.777.778a5.002 5.002 0 016.93 6.93l.07.07a2 2 0 010 2.829L12.9 20.677a2 2 0 01-2.829 0l-.07-.071a5.002 5.002 0 01-6.93-6.93l-.778-.777a1 1 0 010-1.415l9.192-9.192zm-6.95 12.849a3.001 3.001 0 004.001 4l-4.001-4zm-.12-2.95l7.777-7.778 7.072 7.071-7.779 7.779-7.07-7.072zm14.728-3.656a3.001 3.001 0 00-4.002-4.001l4.002 4.001z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2b, _path2$1s;\n\nfunction _extends$2e() { _extends$2e = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2e.apply(this, arguments); }\n\nfunction SvgFile(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2e({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2b || (_path$2b = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M6 4a1 1 0 00-1 1v14a1 1 0 001 1h12a1 1 0 001-1V9.8a1 1 0 00-.276-.69l-4.571-4.8a1 1 0 00-.724-.31H6zM3 5a3 3 0 013-3h7.429a3 3 0 012.172.931l4.571 4.8A3 3 0 0121 9.8V19a3 3 0 01-3 3H6a3 3 0 01-3-3V5z\",\n clipRule: \"evenodd\"\n })), _path2$1s || (_path2$1s = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M13 3a1 1 0 011 1v5h5a1 1 0 110 2h-6a1 1 0 01-1-1V4a1 1 0 011-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2a;\n\nfunction _extends$2d() { _extends$2d = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2d.apply(this, arguments); }\n\nfunction SvgFilter(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2d({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2a || (_path$2a = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 4a2 2 0 012-2h16a2 2 0 012 2v1.54a2 2 0 01-.698 1.519L15 12.459v6.737c0 1.57-1.728 2.528-3.06 1.696l-2-1.25A2 2 0 019 17.946V12.46L2.698 7.059A2 2 0 012 5.54V4zm18 0H4v1.54l6.302 5.401A2 2 0 0111 12.46v5.486l2 1.25V12.46a2 2 0 01.698-1.519L20 5.541V4z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$29, _path2$1r;\n\nfunction _extends$2c() { _extends$2c = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2c.apply(this, arguments); }\n\nfunction SvgFingerprintOff(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2c({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$29 || (_path$29 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 4a6.48 6.48 0 00-2.417.464 1 1 0 11-.744-1.857A8.48 8.48 0 0112 2c.783 0 1.543.106 2.266.306a1 1 0 01-.532 1.928A6.506 6.506 0 0012 4zm3.7-.101a1 1 0 011.4-.2 8.489 8.489 0 013.4 6.801V14a1 1 0 11-2 0v-3.5a6.488 6.488 0 00-2.6-5.201 1 1 0 01-.2-1.4zM12 7c-.111 0-.221.005-.329.015a1 1 0 01-.185-1.991A5.5 5.5 0 0117.5 10.5a1 1 0 11-2 0A3.5 3.5 0 0012 7zm-6.476-.416A1 1 0 016.04 7.9a6.475 6.475 0 00-.54 2.6V14a1 1 0 11-2 0v-3.5c0-1.207.252-2.358.708-3.4a1 1 0 011.316-.516zm3.008.88a1 1 0 01.396 1.357A3.48 3.48 0 008.5 10.5v4.31a1 1 0 11-2 0V10.5c0-.955.244-1.855.674-2.64a1 1 0 011.358-.396zM10.5 10.5a1 1 0 011 1V15a5 5 0 00.212 1.441 1 1 0 01-1.915.576A6.996 6.996 0 019.5 15v-3.5a1 1 0 011-1zm3 2.5a1 1 0 011 1v1c0 .592.256 1.123.667 1.491a1 1 0 11-1.334 1.49A3.993 3.993 0 0112.5 15v-1a1 1 0 011-1zm-5.832 3.793a1 1 0 011.275.61 7.794 7.794 0 001.367 2.407l.458.55a1 1 0 11-1.536 1.28l-.458-.55a9.81 9.81 0 01-1.717-3.022 1 1 0 01.61-1.275zM12.1 19.2a1 1 0 011.4-.2l1.6 1.2a1 1 0 01-1.2 1.6l-1.6-1.2a1 1 0 01-.2-1.4z\",\n clipRule: \"evenodd\"\n })), _path2$1r || (_path2$1r = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2.293 2.293a1 1 0 011.414 0l18 18a1 1 0 01-1.414 1.414l-18-18a1 1 0 010-1.414z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$28;\n\nfunction _extends$2b() { _extends$2b = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2b.apply(this, arguments); }\n\nfunction SvgFingerprint(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2b({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$28 || (_path$28 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 4a6.472 6.472 0 00-4.333 1.655 1 1 0 11-1.334-1.49A8.472 8.472 0 0112 2c.783 0 1.543.106 2.266.306a1 1 0 01-.532 1.928A6.506 6.506 0 0012 4zm3.7-.101a1 1 0 011.4-.2 8.489 8.489 0 013.4 6.801V15a3.999 3.999 0 01-2 3.464 1 1 0 01-1-1.731c.6-.347 1-.994 1-1.733v-4.5a6.488 6.488 0 00-2.6-5.201 1 1 0 01-.2-1.4zM12 7a3.5 3.5 0 00-3.5 3.5v4.31a1 1 0 11-2 0V10.5a5.5 5.5 0 1111 0 1 1 0 11-2 0A3.5 3.5 0 0012 7zm-6.476-.416A1 1 0 016.04 7.9a6.475 6.475 0 00-.54 2.6V14a1 1 0 11-2 0v-3.5c0-1.207.252-2.358.708-3.4a1 1 0 011.316-.516zM11 9a1 1 0 011-1 2.5 2.5 0 012.5 2.5V15c0 .592.256 1.123.667 1.491a1 1 0 11-1.334 1.49A3.993 3.993 0 0112.5 15v-4.5a.5.5 0 00-.5-.5 1 1 0 01-1-1zm-.5 1.5a1 1 0 011 1V15a5 5 0 00.212 1.441 1 1 0 01-1.915.576A6.996 6.996 0 019.5 15v-3.5a1 1 0 011-1zm6 1.75a1 1 0 011 1V15a1 1 0 11-2 0v-1.75a1 1 0 011-1zm-8.832 4.543a1 1 0 011.275.61 7.794 7.794 0 001.367 2.407l.458.55a1 1 0 11-1.536 1.28l-.458-.55a9.81 9.81 0 01-1.717-3.022 1 1 0 01.61-1.275zM12.1 19.2a1 1 0 011.4-.2l1.6 1.2a1 1 0 01-1.2 1.6l-1.6-1.2a1 1 0 01-.2-1.4z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$27, _path2$1q;\n\nfunction _extends$2a() { _extends$2a = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2a.apply(this, arguments); }\n\nfunction SvgFlag(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2a({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$27 || (_path$27 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M4 3.903l-.56-.828a1 1 0 001.114 1.66l.008-.004c.011-.008.034-.021.067-.04a3.87 3.87 0 01.322-.159 6.124 6.124 0 011.356-.407c1.194-.221 3-.237 5.317.704 2.683 1.09 4.877 1.107 6.433.82.349-.065.664-.145.943-.23v8.866a6.29 6.29 0 01-1.3.37c-1.2.214-3.008.23-5.324-.679-2.682-1.123-4.879-1.14-6.438-.842a7.95 7.95 0 00-1.806.564 5.713 5.713 0 00-.637.34l-.043.028-.015.01-.006.005-.002.001h-.001s-.001.002.572.821l-.573-.82a1 1 0 001.14 1.644l.007-.005a3.71 3.71 0 01.388-.204c.296-.135.75-.305 1.35-.42 1.189-.227 2.989-.244 5.301.727l.021.009c2.68 1.052 4.867 1.067 6.417.79a8.292 8.292 0 001.795-.525 5.847 5.847 0 00.633-.317l.044-.026.015-.01.005-.003.003-.002s.002-.001-.546-.838l.548.837a1 1 0 00.452-.837v-11a1 1 0 00-1.554-.833l-.008.005c-.011.008-.034.021-.066.04a3.8 3.8 0 01-.323.159 6.123 6.123 0 01-1.356.407c-1.194.221-3 .237-5.317-.704-2.683-1.09-4.877-1.107-6.433-.82a8.118 8.118 0 00-1.8.546 5.779 5.779 0 00-.635.328l-.044.027-.014.01-.006.004-.003.002s-.002.001.559.829z\",\n clipRule: \"evenodd\"\n })), _path2$1q || (_path2$1q = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M4 2.903a1 1 0 011 1v17a1 1 0 11-2 0v-17a1 1 0 011-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$26;\n\nfunction _extends$29() { _extends$29 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$29.apply(this, arguments); }\n\nfunction SvgFolder(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$29({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$26 || (_path$26 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M5 5a1 1 0 00-1 1v12a1 1 0 001 1h14a1 1 0 001-1V9a1 1 0 00-1-1h-5.644a3 3 0 01-2.496-1.336l-.813-1.219A1 1 0 009.215 5H5zM2 6a3 3 0 013-3h4.215a3 3 0 012.496 1.336l.813 1.219a1 1 0 00.832.445H19a3 3 0 013 3v9a3 3 0 01-3 3H5a3 3 0 01-3-3V6z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$25, _path2$1p, _path3$y;\n\nfunction _extends$28() { _extends$28 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$28.apply(this, arguments); }\n\nfunction SvgFrown(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$28({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$25 || (_path$25 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 4a8 8 0 100 16 8 8 0 000-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12z\",\n clipRule: \"evenodd\"\n })), _path2$1p || (_path2$1p = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8.837 16.943a1 1 0 001.277-.61 2.001 2.001 0 013.772 0 1 1 0 101.886-.666 4.001 4.001 0 00-7.544 0 1 1 0 00.61 1.276z\",\n clipRule: \"evenodd\"\n })), _path3$y || (_path3$y = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10 9a1 1 0 11-2 0 1 1 0 012 0zm6 0a1 1 0 11-2 0 1 1 0 012 0z\"\n })));\n}\n\nvar _path$24, _path2$1o, _path3$x, _path4$6, _path5$1;\n\nfunction _extends$27() { _extends$27 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$27.apply(this, arguments); }\n\nfunction SvgGift(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$27({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$24 || (_path$24 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M4 12a1 1 0 011-1h14a1 1 0 011 1v7a3 3 0 01-3 3H7a3 3 0 01-3-3v-7zm2 1v6a1 1 0 001 1h10a1 1 0 001-1v-6H6z\",\n clipRule: \"evenodd\"\n })), _path2$1o || (_path2$1o = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 9a2 2 0 012-2h16a2 2 0 012 2v2a2 2 0 01-2 2H4a2 2 0 01-2-2V9zm18 0H4v2h16V9z\",\n clipRule: \"evenodd\"\n })), _path3$x || (_path3$x = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 6a1 1 0 011 1v14a1 1 0 01-2 0V7a1 1 0 011-1z\",\n clipRule: \"evenodd\"\n })), _path4$6 || (_path4$6 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M11.009 8.13L12 8l.991-.131v-.005l-.002-.01-.004-.031a7.896 7.896 0 00-.086-.492 12.929 12.929 0 00-.315-1.25c-.292-.951-.81-2.23-1.715-3.135a3.697 3.697 0 10-5.23 5.23 1 1 0 00.076.067l.654.532 1.262-1.55-.609-.497A1.698 1.698 0 019.455 4.36c.552.553.953 1.448 1.216 2.306a10.917 10.917 0 01.335 1.446l.002.017v.002z\",\n clipRule: \"evenodd\"\n })), _path5$1 || (_path5$1 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12.685 8.13L11.693 8l-.99-.131v-.005l.001-.01.005-.031.017-.11a12.904 12.904 0 01.384-1.633c.291-.95.81-2.229 1.715-3.134a3.698 3.698 0 015.229 5.23c-.024.023-.05.046-.076.067l-.653.532-1.263-1.55.61-.497a1.698 1.698 0 00-2.433-2.368c-.553.553-.954 1.448-1.217 2.306a10.922 10.922 0 00-.334 1.446l-.003.017v.002z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$23;\n\nfunction _extends$26() { _extends$26 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$26.apply(this, arguments); }\n\nfunction SvgGlasses(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$26({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$23 || (_path$23 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M5.826 6a1 1 0 00-.995.91l-.561 6.166A3.986 3.986 0 017 12c1.253 0 2.37.576 3.104 1.477A3.985 3.985 0 0112 13c.685 0 1.331.173 1.896.477A3.992 3.992 0 0117 12a3.99 3.99 0 012.73 1.076l-.56-6.167A1 1 0 0018.174 6H17a1 1 0 110-2h1.174a3 3 0 012.987 2.728l.654 7.19a2.817 2.817 0 01-.819 2.256 4 4 0 11-7.936-.87A1.988 1.988 0 0012 15c-.39 0-.753.111-1.06.304a4 4 0 11-7.936.87 2.817 2.817 0 01-.819-2.256l.654-7.19A3 3 0 015.826 4H7a1 1 0 110 2H5.826zM19 16a2 2 0 10-4 0 2 2 0 004 0zM7 14a2 2 0 100 4 2 2 0 000-4z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$22;\n\nfunction _extends$25() { _extends$25 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$25.apply(this, arguments); }\n\nfunction SvgGlobe(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$25({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$22 || (_path$22 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M11.942 2h.116a.99.99 0 01.053 0C17.583 2.06 22 6.515 22 12c0 5.523-4.477 10-10 10S2 17.523 2 12c0-5.486 4.417-9.94 9.889-10a.99.99 0 01.053 0zM9 11.883c0-.642.055-1.271.16-1.883h5.68a11.102 11.102 0 01-.043 4H9.203A11.083 11.083 0 019 11.883zM7.171 14a13.11 13.11 0 01-.036-4H4.252A8.014 8.014 0 004 12c0 .69.088 1.36.252 2h2.92zm-2.1 2h2.594a12.976 12.976 0 001.88 3.616A8.023 8.023 0 015.07 16zm4.724 0h4.41A11.01 11.01 0 0112 19.44 11.008 11.008 0 019.795 16zm6.54 0a12.974 12.974 0 01-1.88 3.616A8.022 8.022 0 0018.93 16h-2.595zm3.413-2A8 8 0 0020 12a8 8 0 00-.252-2h-2.883a13.119 13.119 0 01-.036 4h2.919zm-5.451-6H9.703A11.004 11.004 0 0112 4.326 11.004 11.004 0 0114.297 8zm2.114 0h2.519a8.025 8.025 0 00-4.253-3.541A12.965 12.965 0 0116.411 8zM5.071 8h2.518a12.965 12.965 0 011.734-3.541A8.026 8.026 0 005.07 8z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$21;\n\nfunction _extends$24() { _extends$24 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$24.apply(this, arguments); }\n\nfunction SvgGrid(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$24({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$21 || (_path$21 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 5a3 3 0 013-3h3a3 3 0 013 3v3a3 3 0 01-3 3H5a3 3 0 01-3-3V5zm3-1a1 1 0 00-1 1v3a1 1 0 001 1h3a1 1 0 001-1V5a1 1 0 00-1-1H5zM2 16a3 3 0 013-3h3a3 3 0 013 3v3a3 3 0 01-3 3H5a3 3 0 01-3-3v-3zm3-1a1 1 0 00-1 1v3a1 1 0 001 1h3a1 1 0 001-1v-3a1 1 0 00-1-1H5zm8-10a3 3 0 013-3h3a3 3 0 013 3v3a3 3 0 01-3 3h-3a3 3 0 01-3-3V5zm3-1a1 1 0 00-1 1v3a1 1 0 001 1h3a1 1 0 001-1V5a1 1 0 00-1-1h-3zm-3 12a3 3 0 013-3h3a3 3 0 013 3v3a3 3 0 01-3 3h-3a3 3 0 01-3-3v-3zm3-1a1 1 0 00-1 1v3a1 1 0 001 1h3a1 1 0 001-1v-3a1 1 0 00-1-1h-3z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$20, _path2$1n;\n\nfunction _extends$23() { _extends$23 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$23.apply(this, arguments); }\n\nfunction SvgHash(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$23({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$20 || (_path$20 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 8a1 1 0 011-1h18a1 1 0 110 2H3a1 1 0 01-1-1zm0 8a1 1 0 011-1h18a1 1 0 110 2H3a1 1 0 01-1-1z\",\n clipRule: \"evenodd\"\n })), _path2$1n || (_path2$1n = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M10.164 2.014a1 1 0 01.822 1.15l-3 18a1 1 0 01-1.972-.328l3-18a1 1 0 011.15-.822zm7 0a1 1 0 01.822 1.15l-3 18a1 1 0 01-1.972-.328l3-18a1 1 0 011.15-.822z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1$;\n\nfunction _extends$22() { _extends$22 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$22.apply(this, arguments); }\n\nfunction SvgHeadphones(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$22({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1$ || (_path$1$ = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10v7a3 3 0 01-3 3h-1.625a3 3 0 01-3-3v-4a3 3 0 013-3h2.5c.042 0 .084.003.125.008V12a8 8 0 10-16 0v.008c.04-.005.083-.008.125-.008h2.5a3 3 0 013 3v4a3 3 0 01-3 3H5a3 3 0 01-3-3v-7zm2 1.992V19a1 1 0 001 1h1.625a1 1 0 001-1v-4a1 1 0 00-1-1h-2.5c-.042 0-.084-.003-.125-.008zm16 0a1.01 1.01 0 01-.125.008h-2.5a1 1 0 00-1 1v4a1 1 0 001 1H19a1 1 0 001-1v-5.008z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1_;\n\nfunction _extends$21() { _extends$21 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$21.apply(this, arguments); }\n\nfunction SvgHealthPass(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$21({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1_ || (_path$1_ = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 4a2 2 0 00-2 2v3a1 1 0 01-1 1H6a2 2 0 100 4h3a1 1 0 011 1v3a2 2 0 104 0v-3a1 1 0 011-1h3a2 2 0 100-4h-3a1 1 0 01-1-1V6a2 2 0 00-2-2zM8 6a4 4 0 118 0v2h2a4 4 0 010 8h-2v2a4 4 0 01-8 0v-2H6a4 4 0 010-8h2V6z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1Z, _path2$1m;\n\nfunction _extends$20() { _extends$20 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$20.apply(this, arguments); }\n\nfunction SvgHealth(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$20({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1Z || (_path$1Z = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M11 6a2 2 0 00-2 2v1H8a2 2 0 00-2 2v2a2 2 0 002 2h1v1a2 2 0 002 2h2a2 2 0 002-2v-1h1a2 2 0 002-2v-2a2 2 0 00-2-2h-1V8a2 2 0 00-2-2h-2zm-1 5a1 1 0 001-1V8h2v2a1 1 0 001 1h2v2h-2a1 1 0 00-1 1v2h-2v-2a1 1 0 00-1-1H8v-2h2z\",\n clipRule: \"evenodd\"\n })), _path2$1m || (_path2$1m = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zM4 12a8 8 0 1116 0 8 8 0 01-16 0z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1Y;\n\nfunction _extends$1$() { _extends$1$ = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1$.apply(this, arguments); }\n\nfunction SvgHeart(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1$({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1Y || (_path$1Y = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M14.06 3.446a5.66 5.66 0 014.404 0 5.74 5.74 0 011.862 1.268 5.833 5.833 0 011.24 1.89 5.905 5.905 0 010 4.449 5.834 5.834 0 01-1.24 1.89L12.713 20.7a1 1 0 01-1.427 0l-7.612-7.757A5.875 5.875 0 012 8.828c0-1.54.6-3.02 1.674-4.114A5.693 5.693 0 017.737 3c1.528 0 2.99.62 4.064 1.714l.199.203.199-.203a5.733 5.733 0 011.861-1.268zm4.838 2.669a3.73 3.73 0 00-1.212-.826 3.659 3.659 0 00-2.848 0 3.73 3.73 0 00-1.211.826l-.914.93a1 1 0 01-1.427 0l-.913-.93A3.693 3.693 0 007.737 5c-.985 0-1.933.4-2.636 1.115A3.875 3.875 0 004 8.828c0 1.022.398 1.997 1.101 2.714L12 18.572l6.898-7.03c.348-.355.625-.777.815-1.243a3.906 3.906 0 000-2.942 3.837 3.837 0 00-.815-1.242z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1X, _path2$1l, _path3$w;\n\nfunction _extends$1_() { _extends$1_ = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1_.apply(this, arguments); }\n\nfunction SvgHelpCircle(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1_({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1X || (_path$1X = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 4a8 8 0 100 16 8 8 0 000-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12z\",\n clipRule: \"evenodd\"\n })), _path2$1l || (_path2$1l = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13 16a1 1 0 11-2 0 1 1 0 012 0z\"\n })), _path3$w || (_path3$w = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 9a1 1 0 00-1 1 1 1 0 11-2 0 3 3 0 116 0c0 1.224-.815 2.045-1.37 2.495a9.277 9.277 0 01-.63.461v.294a1 1 0 11-2 0v-.75c0-.336.159-.567.222-.652a1.42 1.42 0 01.21-.222 3.65 3.65 0 01.314-.235c.035-.024.07-.049.106-.072.172-.118.343-.235.517-.376.446-.363.631-.667.631-.943a1 1 0 00-1-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1W;\n\nfunction _extends$1Z() { _extends$1Z = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1Z.apply(this, arguments); }\n\nfunction SvgHexagon(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1Z({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1W || (_path$1W = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M10.5 2.711a3 3 0 013 0l5.794 3.346a3 3 0 011.5 2.598v6.69a3 3 0 01-1.5 2.598L13.5 21.29a3 3 0 01-3 0l-5.794-3.346a3 3 0 01-1.5-2.598v-6.69a3 3 0 011.5-2.598L10.5 2.71zm2 1.732a1 1 0 00-1 0L5.706 7.79a1 1 0 00-.5.866v6.69a1 1 0 00.5.866l5.794 3.346a1 1 0 001 0l5.794-3.346a1 1 0 00.5-.866v-6.69a1 1 0 00-.5-.866L12.5 4.443z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1V, _path2$1k;\n\nfunction _extends$1Y() { _extends$1Y = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1Y.apply(this, arguments); }\n\nfunction SvgHome(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1Y({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1V || (_path$1V = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12.664 3.928a1 1 0 00-1.328 0l-7 6.223a1 1 0 00-.336.747V19a1 1 0 001 1h14a1 1 0 001-1v-8.102a1 1 0 00-.336-.747l-7-6.223zm-2.657-1.494a3 3 0 013.986 0l7 6.222A3 3 0 0122 10.898V19a3 3 0 01-3 3H5a3 3 0 01-3-3v-8.102a3 3 0 011.007-2.242l7-6.222z\",\n clipRule: \"evenodd\"\n })), _path2$1k || (_path2$1k = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8 13a1 1 0 011-1h6a1 1 0 011 1v8a1 1 0 01-1 1H9a1 1 0 01-1-1v-8zm2 1v6h4v-6h-4z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1U;\n\nfunction _extends$1X() { _extends$1X = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1X.apply(this, arguments); }\n\nfunction SvgIconlogo(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1X({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1U || (_path$1U = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8.91 2.562c.67-.216 1.39.148 1.608.814a1.264 1.264 0 01-.82 1.596 1.279 1.279 0 01-1.608-.813c-.218-.666.15-1.38.82-1.597zm6.18 0c.67.217 1.038.931.82 1.597a1.279 1.279 0 01-1.609.813 1.265 1.265 0 01-.82-1.596 1.279 1.279 0 011.61-.814zM12 7.355c.705 0 1.277-.567 1.277-1.267S12.705 4.821 12 4.821s-1.277.568-1.277 1.267c0 .7.572 1.267 1.277 1.267zm0 11.824c.705 0 1.277-.568 1.277-1.267 0-.7-.572-1.267-1.277-1.267s-1.277.567-1.277 1.267.572 1.267 1.277 1.267zM9.775 7.217c0 .7-.572 1.267-1.277 1.267a1.272 1.272 0 01-1.276-1.267c0-.7.571-1.267 1.276-1.267.705 0 1.277.568 1.277 1.267zm5.727 10.833c.705 0 1.276-.568 1.276-1.267 0-.7-.571-1.267-1.276-1.267-.705 0-1.277.567-1.277 1.267s.572 1.266 1.277 1.266zM7.61 10.173c0 .7-.57 1.267-1.276 1.267a1.272 1.272 0 01-1.276-1.267c0-.7.571-1.267 1.276-1.267.705 0 1.277.568 1.277 1.267zm10.135 4.921c.705 0 1.276-.567 1.276-1.267s-.571-1.267-1.276-1.267c-.705 0-1.277.567-1.277 1.267s.572 1.267 1.277 1.267zM22 12c0 .7-.572 1.267-1.277 1.267A1.272 1.272 0 0119.447 12c0-.7.571-1.267 1.276-1.267.705 0 1.277.567 1.277 1.267zM3.277 13.267c.705 0 1.276-.567 1.276-1.267s-.571-1.267-1.276-1.267C2.572 10.733 2 11.3 2 12s.572 1.267 1.277 1.267zm16.813-7.1a1.26 1.26 0 01-.282 1.77 1.283 1.283 0 01-1.783-.28 1.26 1.26 0 01.282-1.77 1.283 1.283 0 011.783.28zM5.693 18.113a1.26 1.26 0 00.282-1.77 1.283 1.283 0 00-1.783-.28 1.26 1.26 0 00-.282 1.77 1.283 1.283 0 001.783.28zm4.825 2.511a1.265 1.265 0 00-.82-1.596 1.279 1.279 0 00-1.608.813c-.218.666.15 1.38.82 1.597.67.216 1.39-.148 1.608-.814zm5.392-.783a1.279 1.279 0 00-1.609-.813c-.67.216-1.037.93-.82 1.596a1.28 1.28 0 001.61.814 1.265 1.265 0 00.819-1.597zm-12-13.674a1.283 1.283 0 011.783-.28 1.26 1.26 0 01.282 1.77 1.283 1.283 0 01-1.783.28 1.26 1.26 0 01-.282-1.77zm15.898 9.896a1.283 1.283 0 00-1.783.28 1.26 1.26 0 00.282 1.77c.57.411 1.369.286 1.783-.28a1.26 1.26 0 00-.282-1.77zM7.61 13.827c0 .7-.57 1.267-1.276 1.267a1.272 1.272 0 01-1.276-1.267c0-.7.571-1.267 1.276-1.267.705 0 1.277.567 1.277 1.267zm10.056-2.387c.705 0 1.276-.567 1.276-1.267s-.571-1.267-1.276-1.267c-.705 0-1.277.568-1.277 1.267 0 .7.572 1.267 1.277 1.267zm-7.891 5.343c0 .7-.572 1.267-1.277 1.267a1.272 1.272 0 01-1.276-1.267c0-.7.571-1.267 1.276-1.267.705 0 1.277.567 1.277 1.267zm5.727-8.299c.705 0 1.276-.567 1.276-1.267s-.571-1.267-1.276-1.267c-.705 0-1.277.568-1.277 1.267 0 .7.572 1.267 1.277 1.267z\"\n })));\n}\n\nvar _path$1T, _path2$1j;\n\nfunction _extends$1W() { _extends$1W = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1W.apply(this, arguments); }\n\nfunction SvgIdCardBack(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1W({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1T || (_path$1T = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6 15a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1zm1-7a1 1 0 00-1 1v2a1 1 0 001 1h10a1 1 0 001-1V9a1 1 0 00-1-1H7z\"\n })), _path2$1j || (_path2$1j = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 7a3 3 0 013-3h14a3 3 0 013 3v10a3 3 0 01-3 3H5a3 3 0 01-3-3V7zm3-1a1 1 0 00-1 1v10a1 1 0 001 1h14a1 1 0 001-1V7a1 1 0 00-1-1H5z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1S, _path2$1i, _path3$v;\n\nfunction _extends$1V() { _extends$1V = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1V.apply(this, arguments); }\n\nfunction SvgIdCard(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1V({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1S || (_path$1S = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14 13a1 1 0 011-1h2a1 1 0 110 2h-2a1 1 0 01-1-1zm1-4a1 1 0 100 2h3a1 1 0 100-2h-3z\"\n })), _path2$1i || (_path2$1i = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M6 10.25a3 3 0 115.051 2.19A3.001 3.001 0 0113 15.25v.5a1 1 0 11-2 0v-.5a1 1 0 00-1-1H8a1 1 0 00-1 1v.5a1 1 0 11-2 0v-.5c0-1.287.81-2.385 1.949-2.81A2.992 2.992 0 016 10.25zm3-1a1 1 0 100 2 1 1 0 000-2z\",\n clipRule: \"evenodd\"\n })), _path3$v || (_path3$v = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 7a3 3 0 013-3h14a3 3 0 013 3v10a3 3 0 01-3 3H5a3 3 0 01-3-3V7zm3-1a1 1 0 00-1 1v10a1 1 0 001 1h14a1 1 0 001-1V7a1 1 0 00-1-1H5z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1R, _path2$1h;\n\nfunction _extends$1U() { _extends$1U = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1U.apply(this, arguments); }\n\nfunction SvgIdInFrame(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1U({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1R || (_path$1R = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3 8a1 1 0 001-1V5a1 1 0 011-1h2a1 1 0 000-2H5a3 3 0 00-3 3v2a1 1 0 001 1zm1 9a1 1 0 10-2 0v2a3 3 0 003 3h2a1 1 0 100-2H5a1 1 0 01-1-1v-2zm16 0a1 1 0 112 0v2a3 3 0 01-3 3h-2a1 1 0 110-2h2a1 1 0 001-1v-2zm1-9a1 1 0 01-1-1V5a1 1 0 00-1-1h-2a1 1 0 110-2h2a3 3 0 013 3v2a1 1 0 01-1 1zm-7 3c0 .439-.141.844-.38 1.174A2.25 2.25 0 0115 14.25a.75.75 0 01-.75.75h-4.5a.75.75 0 01-.75-.75c0-.934.57-1.736 1.38-2.076A2 2 0 1114 11z\"\n })), _path2$1h || (_path2$1h = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8 6a3 3 0 00-3 3v6a3 3 0 003 3h8a3 3 0 003-3V9a3 3 0 00-3-3H8zM7 9a1 1 0 011-1h8a1 1 0 011 1v6a1 1 0 01-1 1H8a1 1 0 01-1-1V9z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1Q, _path2$1g, _path3$u, _path4$5;\n\nfunction _extends$1T() { _extends$1T = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1T.apply(this, arguments); }\n\nfunction SvgIdInReview(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1T({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1Q || (_path$1Q = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5 4a3 3 0 00-3 3v10a3 3 0 003 3h5a1 1 0 100-2H5a1 1 0 01-1-1V7a1 1 0 011-1h14a1 1 0 011 1v4a1 1 0 102 0V7a3 3 0 00-3-3H5z\"\n })), _path2$1g || (_path2$1g = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M11.4 11.8a3 3 0 10-4.8 0A3.994 3.994 0 005 15v1a1 1 0 102 0v-1a2 2 0 013.54-1.276 1 1 0 001.54-1.277 4.02 4.02 0 00-.68-.647zM8 10a1 1 0 112 0 1 1 0 01-2 0z\",\n clipRule: \"evenodd\"\n })), _path3$u || (_path3$u = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13 10a1 1 0 011-1h3a1 1 0 110 2h-3a1 1 0 01-1-1z\"\n })), _path4$5 || (_path4$5 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M13 17a4 4 0 117.446 2.032l1.261 1.26a1 1 0 01-1.414 1.415l-1.261-1.26A4 4 0 0113 17zm4-2a2 2 0 100 4 2 2 0 000-4z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1P, _path2$1f;\n\nfunction _extends$1S() { _extends$1S = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1S.apply(this, arguments); }\n\nfunction SvgImage(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1S({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1P || (_path$1P = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M9 6a3 3 0 100 6 3 3 0 000-6zM8 9a1 1 0 112 0 1 1 0 01-2 0z\",\n clipRule: \"evenodd\"\n })), _path2$1f || (_path2$1f = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M19 22a3 3 0 003-3V5a3 3 0 00-3-3H5a3 3 0 00-3 3v14a3 3 0 003 3h14zM5 4a1 1 0 00-1 1v14a1 1 0 001 1h1.55l7.703-8.664a1 1 0 011.387-.104L20 14.865V5a1 1 0 00-1-1H5zm15 15v-1.532l-4.896-4.08L9.227 20H19a1 1 0 001-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1O, _path2$1e;\n\nfunction _extends$1R() { _extends$1R = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1R.apply(this, arguments); }\n\nfunction SvgInbox(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1R({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1O || (_path$1O = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M5.558 4.782A3 3 0 018.3 3h7.4a3 3 0 012.742 1.782l3.3 7.424A3 3 0 0122 13.424V18a3 3 0 01-3 3H5a3 3 0 01-3-3v-4.576a3 3 0 01.259-1.218l3.3-7.424zM8.3 5a1 1 0 00-.914.594l-3.3 7.424a1 1 0 00-.086.406V18a1 1 0 001 1h14a1 1 0 001-1v-4.576a1 1 0 00-.086-.406l-3.3-7.424A1 1 0 0015.7 5H8.3z\",\n clipRule: \"evenodd\"\n })), _path2$1e || (_path2$1e = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 13a1 1 0 011-1h5a1 1 0 01.832.445L10.535 15h3.43l1.703-2.555A1 1 0 0116.5 12H21a1 1 0 110 2h-3.965l-1.703 2.555A1 1 0 0114.5 17H10a1 1 0 01-.832-.445L7.465 14H3a1 1 0 01-1-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1N, _path2$1d, _path3$t;\n\nfunction _extends$1Q() { _extends$1Q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1Q.apply(this, arguments); }\n\nfunction SvgInfo(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1Q({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1N || (_path$1N = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 4a8 8 0 100 16 8 8 0 000-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12z\",\n clipRule: \"evenodd\"\n })), _path2$1d || (_path2$1d = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 11a1 1 0 00-1 1v5a1 1 0 102 0v-5a1 1 0 00-1-1z\",\n clipRule: \"evenodd\"\n })), _path3$t || (_path3$t = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13 8a1 1 0 10-2 0 1 1 0 002 0z\"\n })));\n}\n\nvar _path$1M, _path2$1c, _path3$s;\n\nfunction _extends$1P() { _extends$1P = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1P.apply(this, arguments); }\n\nfunction SvgKey(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1P({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1M || (_path$1M = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8 12a4 4 0 100 8 4 4 0 000-8zm-6 4a6 6 0 1112 0 6 6 0 01-12 0z\",\n clipRule: \"evenodd\"\n })), _path2$1c || (_path2$1c = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M21.707 2.293a1 1 0 010 1.414l-9 9a1 1 0 01-1.414-1.414l9-9a1 1 0 011.414 0z\",\n clipRule: \"evenodd\"\n })), _path3$s || (_path3$s = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M15.293 7.293a1 1 0 011.414 0l3 3a1 1 0 01-1.414 1.414l-3-3a1 1 0 010-1.414zm3-3a1 1 0 011.414 0l2 2a1 1 0 01-1.414 1.414l-2-2a1 1 0 010-1.414z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1L;\n\nfunction _extends$1O() { _extends$1O = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1O.apply(this, arguments); }\n\nfunction SvgLab(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1O({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1L || (_path$1L = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8 8.697V4a1 1 0 010-2h8a1 1 0 110 2v4.697l5.76 8.639C23.087 19.33 21.658 22 19.262 22H4.737c-2.396 0-3.825-2.67-2.496-4.664L8 8.697zM14 4h-4v5a1 1 0 01-.168.555L7.535 13h8.93l-1.339-2.008A1.01 1.01 0 0115 11h-2a1 1 0 110-2h1V7h-1a1 1 0 110-2h1V4zM3.905 18.445L6.202 15h11.596l2.297 3.445A1 1 0 0119.263 20H4.737a1 1 0 01-.832-1.555z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1K, _path2$1b;\n\nfunction _extends$1N() { _extends$1N = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1N.apply(this, arguments); }\n\nfunction SvgLaptopComputer(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1N({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1K || (_path$1K = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10 17a1 1 0 100 2h4a1 1 0 100-2h-4z\"\n })), _path2$1b || (_path2$1b = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M4 4a2 2 0 012-2h12a2 2 0 012 2v9.86l1.597 5.59A2 2 0 0119.674 22H4.326a2 2 0 01-1.923-2.55L4 13.86V4zm14 0v9H6V4h12zm1.674 16H4.326l1.428-5h12.492l1.428 5z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1J, _path2$1a;\n\nfunction _extends$1M() { _extends$1M = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1M.apply(this, arguments); }\n\nfunction SvgLink(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1M({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1J || (_path$1J = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M13.073 9.497a1.011 1.011 0 011.43 0 5.056 5.056 0 010 7.15L10.63 20.52a5.056 5.056 0 01-7.15-7.15l.715-.715a1.011 1.011 0 011.43 1.43l-.715.715a3.034 3.034 0 104.29 4.29l3.872-3.871a3.034 3.034 0 000-4.29 1.011 1.011 0 010-1.43z\",\n clipRule: \"evenodd\"\n })), _path2$1a || (_path2$1a = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M10.927 14.503a1.011 1.011 0 01-1.43 0 5.056 5.056 0 010-7.15L13.37 3.48a5.056 5.056 0 017.15 7.15l-.715.715a1.011 1.011 0 01-1.43-1.43l.715-.715a3.034 3.034 0 00-4.29-4.29l-3.872 3.871a3.034 3.034 0 000 4.29 1.011 1.011 0 010 1.43z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1I;\n\nfunction _extends$1L() { _extends$1L = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1L.apply(this, arguments); }\n\nfunction SvgLoader(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1L({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1I || (_path$1I = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 16a1 1 0 011 1v4a1 1 0 11-2 0v-4a1 1 0 011-1zm0-14a1 1 0 011 1v4a1 1 0 11-2 0V3a1 1 0 011-1zm4 10a1 1 0 011-1h4a1 1 0 110 2h-4a1 1 0 01-1-1zM2 12a1 1 0 011-1h4a1 1 0 110 2H3a1 1 0 01-1-1zm7.172 2.828a1 1 0 010 1.415L6.343 19.07a1 1 0 01-1.414-1.414l2.828-2.829a1 1 0 011.415 0zm9.899-9.899a1 1 0 010 1.414l-2.828 2.829a1 1 0 11-1.415-1.415l2.829-2.828a1 1 0 011.414 0zm-4.243 9.899a1 1 0 011.415 0l2.828 2.829a1 1 0 01-1.414 1.414l-2.829-2.828a1 1 0 010-1.415zM4.929 4.929a1 1 0 011.414 0l2.829 2.828a1 1 0 11-1.415 1.415L4.93 6.343a1 1 0 010-1.414z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1H, _path2$19;\n\nfunction _extends$1K() { _extends$1K = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1K.apply(this, arguments); }\n\nfunction SvgLock(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1K({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1H || (_path$1H = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M3 13a3 3 0 013-3h12a3 3 0 013 3v6a3 3 0 01-3 3H6a3 3 0 01-3-3v-6zm3-1a1 1 0 00-1 1v6a1 1 0 001 1h12a1 1 0 001-1v-6a1 1 0 00-1-1H6z\",\n clipRule: \"evenodd\"\n })), _path2$19 || (_path2$19 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M7 7a5 5 0 0110 0v3a1 1 0 11-2 0V7a3 3 0 10-6 0v3a1 1 0 11-2 0V7z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1G, _path2$18, _path3$r;\n\nfunction _extends$1J() { _extends$1J = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1J.apply(this, arguments); }\n\nfunction SvgLogIn(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1J({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1G || (_path$1G = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M9.293 5.293a1 1 0 000 1.414L14.586 12l-5.293 5.293a1 1 0 101.414 1.414l6-6a1 1 0 000-1.414l-6-6a1 1 0 00-1.414 0z\",\n clipRule: \"evenodd\"\n })), _path2$18 || (_path2$18 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M17 12a1 1 0 00-1-1H3a1 1 0 100 2h13a1 1 0 001-1z\",\n clipRule: \"evenodd\"\n })), _path3$r || (_path3$r = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M15 21a1 1 0 011-1h3a1 1 0 001-1V5a1 1 0 00-1-1h-3a1 1 0 110-2h3a3 3 0 013 3v14a3 3 0 01-3 3h-3a1 1 0 01-1-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1F, _path2$17, _path3$q;\n\nfunction _extends$1I() { _extends$1I = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1I.apply(this, arguments); }\n\nfunction SvgLogOut(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1I({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1F || (_path$1F = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M14.293 5.293a1 1 0 000 1.414L19.586 12l-5.293 5.293a1 1 0 001.414 1.414l6-6a1 1 0 000-1.414l-6-6a1 1 0 00-1.414 0z\",\n clipRule: \"evenodd\"\n })), _path2$17 || (_path2$17 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M22 12a1 1 0 00-1-1H8a1 1 0 100 2h13a1 1 0 001-1z\",\n clipRule: \"evenodd\"\n })), _path3$q || (_path3$q = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M9 21a1 1 0 00-1-1H5a1 1 0 01-1-1V5a1 1 0 011-1h3a1 1 0 000-2H5a3 3 0 00-3 3v14a3 3 0 003 3h3a1 1 0 001-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1E, _path2$16;\n\nfunction _extends$1H() { _extends$1H = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1H.apply(this, arguments); }\n\nfunction SvgLuggage(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1H({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1E || (_path$1E = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10 9a1 1 0 011 1v6a1 1 0 11-2 0v-6a1 1 0 011-1zm4 0a1 1 0 011 1v6a1 1 0 11-2 0v-6a1 1 0 011-1z\"\n })), _path2$16 || (_path2$16 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M9 6V4a2 2 0 012-2h2a2 2 0 012 2v2h1a3 3 0 013 3v8a3 3 0 01-3 3v1a1 1 0 11-2 0v-1h-4v1a1 1 0 11-2 0v-1a3 3 0 01-3-3V9a3 3 0 013-3h1zM8 8a1 1 0 00-1 1v8a1 1 0 001 1h8a1 1 0 001-1V9a1 1 0 00-1-1H8zm5-2V4h-2v2h2z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1D, _path2$15;\n\nfunction _extends$1G() { _extends$1G = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1G.apply(this, arguments); }\n\nfunction SvgMail(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1G({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1D || (_path$1D = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 7a3 3 0 013-3h14a3 3 0 013 3v10a3 3 0 01-3 3H5a3 3 0 01-3-3V7zm3-1a1 1 0 00-1 1v10a1 1 0 001 1h14a1 1 0 001-1V7a1 1 0 00-1-1H5z\",\n clipRule: \"evenodd\"\n })), _path2$15 || (_path2$15 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2.168 7.445a1 1 0 011.387-.277L12 12.798l8.445-5.63a1 1 0 011.11 1.664l-9 6a1 1 0 01-1.11 0l-9-6a1 1 0 01-.277-1.387z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1C;\n\nfunction _extends$1F() { _extends$1F = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1F.apply(this, arguments); }\n\nfunction SvgMaintenance(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1F({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1C || (_path$1C = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M17.907 2.701A7.197 7.197 0 009.08 4.837a1 1 0 00-.16-.134L4.676 1.875A1 1 0 003.414 2L2 3.414a1 1 0 00-.125 1.262l2.828 4.243a1 1 0 001.54.152l.707-.707.663.663c-.02.881.12 1.765.421 2.604L2.897 16.77a3.064 3.064 0 004.335 4.334l4.814-4.814 4.803 4.803a3 3 0 104.243-4.243l-1.929-1.928A7.197 7.197 0 0021.3 6.093a1 1 0 00-1.61-.276l-3.402 3.402a.031.031 0 01-.044-.001l-1.46-1.46a.032.032 0 01-.001-.046l3.401-3.401a1 1 0 00-.276-1.61zm-6.775 2.82a5.188 5.188 0 014.472-1.46l-2.237 2.237a2.032 2.032 0 00.001 2.874l1.46 1.46a2.031 2.031 0 002.873 0l2.238-2.236a5.196 5.196 0 01-7.103 5.608 1.527 1.527 0 00-1.659.325l-5.359 5.36a1.064 1.064 0 01-1.507-1.506l5.362-5.362a1.524 1.524 0 00.324-1.657 5.197 5.197 0 011.135-5.643zm6.211 10.408a7.206 7.206 0 01-2.37.458l3.29 3.29a1 1 0 101.415-1.414l-2.335-2.334zM4.25 3.994l-.255.255L5.69 6.794l1.103-1.103L4.25 3.994z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1B, _path2$14, _path3$p;\n\nfunction _extends$1E() { _extends$1E = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1E.apply(this, arguments); }\n\nfunction SvgMapPinOff(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1E({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1B || (_path$1B = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M11.35 21.76L12 21l.65.76a1 1 0 01-1.3 0zm.65-2.112a32.263 32.263 0 01-2.728-2.909c-.848-1.03-1.677-2.189-2.29-3.371C6.363 12.177 6 11.028 6 10a5.97 5.97 0 01.991-3.305 1 1 0 00-1.668-1.103A7.967 7.967 0 004 10c0 1.472.511 2.948 1.206 4.288.7 1.35 1.62 2.628 2.522 3.723a34.237 34.237 0 003.596 3.727l.018.015.005.004.001.002L12 21l.65.76.004-.003.006-.006.022-.019.08-.07c.07-.062.17-.15.294-.265.25-.23.602-.56 1.016-.973a32.4 32.4 0 002.917-3.321 1 1 0 10-1.596-1.206 30.418 30.418 0 01-2.734 3.111c-.247.247-.47.462-.659.64zm5.511-5.04a1 1 0 01-.44-1.343C17.657 12.109 18 10.997 18 10a6 6 0 00-9.14-5.114 1 1 0 01-1.05-1.703A8 8 0 0120 10c0 1.43-.482 2.862-1.145 4.17a1 1 0 01-1.344.439z\",\n clipRule: \"evenodd\"\n })), _path2$14 || (_path2$14 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 8a2 2 0 011.95 2.449 1 1 0 101.95.446 4 4 0 00-4.781-4.797 1 1 0 00.439 1.95c.141-.03.289-.048.442-.048zM9 9a1 1 0 00-1 1 4 4 0 004 4 1 1 0 100-2 2 2 0 01-2-2 1 1 0 00-1-1z\",\n clipRule: \"evenodd\"\n })), _path3$p || (_path3$p = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2.293 2.293a1 1 0 011.414 0l18 18a1 1 0 01-1.414 1.414l-18-18a1 1 0 010-1.414z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1A, _path2$13;\n\nfunction _extends$1D() { _extends$1D = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1D.apply(this, arguments); }\n\nfunction SvgMapPin(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1D({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1A || (_path$1A = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12.65 21.76c-.282-.33-1.3 0-1.3 0a1 1 0 001.3 0zM12 19.647a32.268 32.268 0 002.728-2.909c.848-1.03 1.677-2.189 2.29-3.371.618-1.191.982-2.34.982-3.368a6 6 0 00-12 0c0 1.028.364 2.177.981 3.368.614 1.182 1.443 2.341 2.29 3.371A32.263 32.263 0 0012 19.65zm.65 2.111c-.282-.33-1.3 0-1.3 0l-.003-.002-.005-.004-.018-.015a20.69 20.69 0 01-.297-.265 34.237 34.237 0 01-3.299-3.462c-.902-1.095-1.823-2.374-2.522-3.723C4.511 12.948 4 11.472 4 10a8 8 0 1116 0c0 1.472-.511 2.948-1.206 4.288-.7 1.35-1.62 2.628-2.522 3.723a34.235 34.235 0 01-3.596 3.727l-.018.015-.005.004-.002.002z\",\n clipRule: \"evenodd\"\n })), _path2$13 || (_path2$13 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 8a2 2 0 110 4 2 2 0 010-4zm4 2a4 4 0 10-8 0 4 4 0 008 0z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1z, _path2$12;\n\nfunction _extends$1C() { _extends$1C = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1C.apply(this, arguments); }\n\nfunction SvgMap(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1C({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1z || (_path$1z = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M21.585 3.189A1 1 0 0122 4v15a1 1 0 01-.684.949l-6 2a1 1 0 01-.632 0L9 20.054 3.316 21.95A1 1 0 012 21V6a1 1 0 01.684-.949l6-2a1 1 0 01.632 0L15 4.946l5.684-1.895a1 1 0 01.9.138zM4 6.72v12.892l4.684-1.562a1 1 0 01.632 0L15 19.946l5-1.667V5.387L15.316 6.95a1 1 0 01-.632 0L9 5.054 4 6.721z\",\n clipRule: \"evenodd\"\n })), _path2$12 || (_path2$12 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M9 3.5a1 1 0 011 1v14a1 1 0 11-2 0v-14a1 1 0 011-1zm6 2a1 1 0 011 1v14a1 1 0 11-2 0v-14a1 1 0 011-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1y, _path2$11, _path3$o;\n\nfunction _extends$1B() { _extends$1B = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1B.apply(this, arguments); }\n\nfunction SvgMaximize2(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1B({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1y || (_path$1y = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M3 14a1 1 0 011 1v5h5a1 1 0 110 2H3a1 1 0 01-1-1v-6a1 1 0 011-1z\",\n clipRule: \"evenodd\"\n })), _path2$11 || (_path2$11 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M10.707 13.293a1 1 0 010 1.414l-6.9 6.9a1 1 0 01-1.414-1.415l6.9-6.9a1 1 0 011.414 0zM21 10a1 1 0 01-1-1V4h-5a1 1 0 110-2h6a1 1 0 011 1v6a1 1 0 01-1 1z\",\n clipRule: \"evenodd\"\n })), _path3$o || (_path3$o = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M13.293 10.707a1 1 0 010-1.414l6.9-6.9a1 1 0 111.414 1.415l-6.9 6.9a1 1 0 01-1.414 0z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1x, _path2$10;\n\nfunction _extends$1A() { _extends$1A = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1A.apply(this, arguments); }\n\nfunction SvgMaximize(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1A({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1x || (_path$1x = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3 17v2a2 2 0 002 2h2M3 7V5a2 2 0 012-2h2m14 14v2a2 2 0 01-2 2h-2m4-14V5a2 2 0 00-2-2h-2\"\n })), _path2$10 || (_path2$10 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M3 16a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 110 2H5a3 3 0 01-3-3v-2a1 1 0 011-1zm0-8a1 1 0 001-1V5a1 1 0 011-1h2a1 1 0 000-2H5a3 3 0 00-3 3v2a1 1 0 001 1zm18 8a1 1 0 00-1 1v2a1 1 0 01-1 1h-2a1 1 0 100 2h2a3 3 0 003-3v-2a1 1 0 00-1-1zm0-8a1 1 0 01-1-1V5a1 1 0 00-1-1h-2a1 1 0 110-2h2a3 3 0 013 3v2a1 1 0 01-1 1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1w, _path2$$, _path3$n;\n\nfunction _extends$1z() { _extends$1z = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1z.apply(this, arguments); }\n\nfunction SvgMeh(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1z({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1w || (_path$1w = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 4a8 8 0 100 16 8 8 0 000-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12z\",\n clipRule: \"evenodd\"\n })), _path2$$ || (_path2$$ = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8 15a1 1 0 011-1h6a1 1 0 110 2H9a1 1 0 01-1-1z\",\n clipRule: \"evenodd\"\n })), _path3$n || (_path3$n = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10 9a1 1 0 11-2 0 1 1 0 012 0zm6 0a1 1 0 11-2 0 1 1 0 012 0z\"\n })));\n}\n\nvar _path$1v;\n\nfunction _extends$1y() { _extends$1y = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1y.apply(this, arguments); }\n\nfunction SvgMenu(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1y({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1v || (_path$1v = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M3 7a1 1 0 011-1h16a1 1 0 110 2H4a1 1 0 01-1-1zm0 5a1 1 0 011-1h16a1 1 0 110 2H4a1 1 0 01-1-1zm0 5a1 1 0 011-1h16a1 1 0 110 2H4a1 1 0 01-1-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1u;\n\nfunction _extends$1x() { _extends$1x = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1x.apply(this, arguments); }\n\nfunction SvgMessage(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1x({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1u || (_path$1u = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 5a3 3 0 013-3h14a3 3 0 013 3v9a3 3 0 01-3 3H8.39a1 1 0 00-.743.331l-2.16 2.401C4.26 21.094 2 20.227 2 18.394V5zm3-1a1 1 0 00-1 1v13.394l2.16-2.4A3 3 0 018.39 15H19a1 1 0 001-1V5a1 1 0 00-1-1H5z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1t;\n\nfunction _extends$1w() { _extends$1w = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1w.apply(this, arguments); }\n\nfunction SvgMessageCircle(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1w({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1t || (_path$1t = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12.5 4a7.5 7.5 0 00-6.882 10.488c.19.434.243.95.084 1.45-.393 1.235-.802 2.49-1.125 3.475l-.001.003a.036.036 0 00.005.006.037.037 0 00.008.006h.004c1-.323 2.28-.73 3.552-1.115a2.063 2.063 0 011.409.087c.903.386 1.898.6 2.946.6a7.5 7.5 0 000-15zM3 11.5a9.5 9.5 0 115.768 8.738.127.127 0 00-.04-.01h-.005c-1.255.38-2.523.782-3.516 1.103-1.558.502-3.043-.978-2.53-2.541.322-.982.728-2.23 1.118-3.457v-.007a.127.127 0 00-.01-.04A9.472 9.472 0 013 11.5z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1s, _path2$_;\n\nfunction _extends$1v() { _extends$1v = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1v.apply(this, arguments); }\n\nfunction SvgMic(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1v({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1s || (_path$1s = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 2a4 4 0 00-4 4v4a4 4 0 008 0V6a4 4 0 00-4-4zm-2 4a2 2 0 014 0v4a2 2 0 01-4 0V6z\",\n clipRule: \"evenodd\"\n })), _path2$_ || (_path2$_ = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6.248 11.715a1 1 0 10-1.917.57 8.008 8.008 0 006.67 5.653L11 18v2H8a1 1 0 100 2h8a1 1 0 000-2h-3v-2c0-.02 0-.041-.002-.062a8.008 8.008 0 006.67-5.653 1 1 0 10-1.916-.57 6.003 6.003 0 01-11.504 0z\"\n })));\n}\n\nvar _path$1r, _path2$Z, _path3$m;\n\nfunction _extends$1u() { _extends$1u = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1u.apply(this, arguments); }\n\nfunction SvgMinimize2(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1u({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1r || (_path$1r = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M10 21a1 1 0 01-1-1v-5H4a1 1 0 110-2h6a1 1 0 011 1v6a1 1 0 01-1 1z\",\n clipRule: \"evenodd\"\n })), _path2$Z || (_path2$Z = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2.293 21.707a1 1 0 010-1.414l6.9-6.9a1 1 0 011.414 1.415l-6.9 6.9a1 1 0 01-1.414 0zM14 3a1 1 0 011 1v5h5a1 1 0 110 2h-6a1 1 0 01-1-1V4a1 1 0 011-1z\",\n clipRule: \"evenodd\"\n })), _path3$m || (_path3$m = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M21.707 2.293a1 1 0 010 1.414l-6.9 6.9a1 1 0 01-1.414-1.415l6.9-6.9a1 1 0 011.414 0z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1q, _path2$Y;\n\nfunction _extends$1t() { _extends$1t = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1t.apply(this, arguments); }\n\nfunction SvgMinimize(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1t({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1q || (_path$1q = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17 3v2a2 2 0 002 2h2M7 3v2a2 2 0 01-2 2H3m14 14v-2a2 2 0 012-2h2M7 21v-2a2 2 0 00-2-2H3\"\n })), _path2$Y || (_path2$Y = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M17 2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 110 2h-2a3 3 0 01-3-3V3a1 1 0 011-1zM7 2a1 1 0 00-1 1v2a1 1 0 01-1 1H3a1 1 0 000 2h2a3 3 0 003-3V3a1 1 0 00-1-1zm10 20a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 100-2h-2a3 3 0 00-3 3v2a1 1 0 001 1zM7 22a1 1 0 01-1-1v-2a1 1 0 00-1-1H3a1 1 0 110-2h2a3 3 0 013 3v2a1 1 0 01-1 1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1p, _path2$X;\n\nfunction _extends$1s() { _extends$1s = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1s.apply(this, arguments); }\n\nfunction SvgMinusCircle(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1s({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1p || (_path$1p = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 4a8 8 0 100 16 8 8 0 000-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12z\",\n clipRule: \"evenodd\"\n })), _path2$X || (_path2$X = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M7 12a1 1 0 011-1h8a1 1 0 110 2H8a1 1 0 01-1-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1o, _path2$W;\n\nfunction _extends$1r() { _extends$1r = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1r.apply(this, arguments); }\n\nfunction SvgMinusSquare(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1r({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1o || (_path$1o = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 5a3 3 0 013-3h14a3 3 0 013 3v14a3 3 0 01-3 3H5a3 3 0 01-3-3V5zm3-1a1 1 0 00-1 1v14a1 1 0 001 1h14a1 1 0 001-1V5a1 1 0 00-1-1H5z\",\n clipRule: \"evenodd\"\n })), _path2$W || (_path2$W = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M7 12a1 1 0 011-1h8a1 1 0 110 2H8a1 1 0 01-1-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1n;\n\nfunction _extends$1q() { _extends$1q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1q.apply(this, arguments); }\n\nfunction SvgMinus(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1q({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1n || (_path$1n = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M4 12a1 1 0 011-1h14a1 1 0 110 2H5a1 1 0 01-1-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1m, _path2$V;\n\nfunction _extends$1p() { _extends$1p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1p.apply(this, arguments); }\n\nfunction SvgMobilePhone(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1p({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1m || (_path$1m = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M7.714 4C7.365 4 7 4.312 7 4.8v14.4c0 .488.365.8.714.8h8.572c.349 0 .714-.312.714-.8V4.8c0-.488-.365-.8-.714-.8H7.714zM5 4.8C5 3.3 6.17 2 7.714 2h8.572C17.83 2 19 3.3 19 4.8v14.4c0 1.5-1.17 2.8-2.714 2.8H7.714C6.17 22 5 20.7 5 19.2V4.8z\",\n clipRule: \"evenodd\"\n })), _path2$V || (_path2$V = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13 17a1 1 0 11-2 0 1 1 0 012 0z\"\n })));\n}\n\nvar _path$1l;\n\nfunction _extends$1o() { _extends$1o = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1o.apply(this, arguments); }\n\nfunction SvgMoon(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1o({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1l || (_path$1l = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M11.23 4.037A8 8 0 1019.602 14.5 7 7 0 0111.23 4.036zM2 12C2 6.477 6.477 2 12 2c.567 0 1.125.047 1.668.139a1 1 0 01.418 1.798 5 5 0 106.237 7.8 1 1 0 011.663.8C21.706 17.81 17.343 22 12 22 6.477 22 2 17.523 2 12z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1k;\n\nfunction _extends$1n() { _extends$1n = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1n.apply(this, arguments); }\n\nfunction SvgMoreHorizontal(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1n({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1k || (_path$1k = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14 6a2 2 0 11-4 0 2 2 0 014 0zm0 6a2 2 0 11-4 0 2 2 0 014 0zm0 6a2 2 0 11-4 0 2 2 0 014 0z\"\n })));\n}\n\nvar _path$1j;\n\nfunction _extends$1m() { _extends$1m = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1m.apply(this, arguments); }\n\nfunction SvgMoreVertical(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1m({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1j || (_path$1j = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6 10a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4z\"\n })));\n}\n\nvar _path$1i, _path2$U, _path3$l;\n\nfunction _extends$1l() { _extends$1l = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1l.apply(this, arguments); }\n\nfunction SvgMove(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1l({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1i || (_path$1i = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M6.707 8.293a1 1 0 010 1.414L4.414 12l2.293 2.293a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414l3-3a1 1 0 011.414 0zm10.586 0a1 1 0 000 1.414L19.586 12l-2.293 2.293a1 1 0 001.414 1.414l3-3a1 1 0 000-1.414l-3-3a1 1 0 00-1.414 0z\",\n clipRule: \"evenodd\"\n })), _path2$U || (_path2$U = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 12a1 1 0 011-1h18a1 1 0 010 2H3a1 1 0 01-1-1zm6.293 5.293a1 1 0 011.414 0L12 19.586l2.293-2.293a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414zm0-10.586a1 1 0 001.414 0L12 4.414l2.293 2.293a1 1 0 101.414-1.414l-3-3a1 1 0 00-1.414 0l-3 3a1 1 0 000 1.414z\",\n clipRule: \"evenodd\"\n })), _path3$l || (_path3$l = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 22a1 1 0 01-1-1V3a1 1 0 112 0v18a1 1 0 01-1 1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1h;\n\nfunction _extends$1k() { _extends$1k = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1k.apply(this, arguments); }\n\nfunction SvgNavigation2(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1k({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1h || (_path$1h = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 3a1 1 0 01.916.6l7 16a1 1 0 01-1.31 1.32L12 18.091l-6.607 2.827a1 1 0 01-1.31-1.32l7-16A1 1 0 0112 3zm0 3.495L6.928 18.087l4.679-2.002a1 1 0 01.787 0l4.677 2.002L12 6.495z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1g;\n\nfunction _extends$1j() { _extends$1j = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1j.apply(this, arguments); }\n\nfunction SvgNavigation(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1j({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1g || (_path$1g = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M20.97 3.293a1 1 0 00-1.07-.224L3.635 9.433a1 1 0 00.038 1.876l6.9 2.38 2.38 6.9a1 1 0 001.877.039l6.364-16.264a1 1 0 00-.224-1.071zM18.5 5.764l-4.541 11.604-1.652-4.792a1 1 0 00-.62-.62l-4.791-1.651 11.603-4.54z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1f;\n\nfunction _extends$1i() { _extends$1i = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1i.apply(this, arguments); }\n\nfunction SvgNfc(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1i({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1f || (_path$1f = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M14.071 3.293a1 1 0 011.414 0c4.687 4.686 4.687 12.284 0 16.97a1 1 0 01-1.414-1.414c3.905-3.905 3.905-10.237 0-14.142a1 1 0 010-1.414zm-3.121 2a1 1 0 011.414 0 9 9 0 010 12.728 1 1 0 01-1.414-1.414 7 7 0 000-9.9 1 1 0 010-1.414zm-3.122 2a1 1 0 011.415 0 6 6 0 010 8.485 1 1 0 01-1.415-1.414 4 4 0 000-5.657 1 1 0 010-1.414zm-3.12 2a1 1 0 011.413 0 3 3 0 010 4.243 1 1 0 11-1.414-1.415 1 1 0 000-1.414 1 1 0 010-1.414z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1e, _path2$T;\n\nfunction _extends$1h() { _extends$1h = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1h.apply(this, arguments); }\n\nfunction SvgNumberOne(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1h({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1e || (_path$1e = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 4a8 8 0 100 16 8 8 0 000-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12z\",\n clipRule: \"evenodd\"\n })), _path2$T || (_path2$T = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11.222 17H13V7h-1.387C11.397 8.407 10.32 8.95 9 8.992v1.225h2.222V17z\"\n })));\n}\n\nvar _path$1d;\n\nfunction _extends$1g() { _extends$1g = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1g.apply(this, arguments); }\n\nfunction SvgOctagon(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1g({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1d || (_path$1d = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M6.98 2.879A3 3 0 019.1 2h5.8a3 3 0 012.12.879l4.101 4.1A3 3 0 0122 9.101v5.798a3 3 0 01-.879 2.122l-4.1 4.1a3 3 0 01-2.122.879H9.101a3 3 0 01-2.122-.879l-4.1-4.1A3 3 0 012 14.899V9.101a3 3 0 01.879-2.122l4.1-4.1zM9.1 4a1 1 0 00-.707.293l-4.1 4.1A1 1 0 004 9.101v5.798a1 1 0 00.293.708l4.1 4.1a1 1 0 00.708.293h5.798a1 1 0 00.708-.293l4.1-4.1A1 1 0 0020 14.9V9.1a1 1 0 00-.293-.707l-4.1-4.1A1 1 0 0014.9 4H9.1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1c;\n\nfunction _extends$1f() { _extends$1f = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1f.apply(this, arguments); }\n\nfunction SvgPaperclip(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1f({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1c || (_path$1c = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M17.1 4.746a2.547 2.547 0 00-3.603 0l-8.231 8.232a4.32 4.32 0 006.11 6.11l8.594-8.594a1 1 0 011.414 1.414l-8.594 8.595a6.32 6.32 0 01-8.939-8.94l8.232-8.231a4.547 4.547 0 116.43 6.43l-8.287 8.288a2.774 2.774 0 01-3.922-3.922l7.73-7.73a1 1 0 111.414 1.414l-7.73 7.73a.774.774 0 101.094 1.094l8.287-8.288a2.547 2.547 0 000-3.602z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1b, _path2$S, _path3$k;\n\nfunction _extends$1e() { _extends$1e = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1e.apply(this, arguments); }\n\nfunction SvgPassport(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1e({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1b || (_path$1b = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8.5 10.5a3.5 3.5 0 117 0 3.5 3.5 0 01-7 0zM12 9a1.5 1.5 0 100 3 1.5 1.5 0 000-3z\",\n clipRule: \"evenodd\"\n })), _path2$S || (_path2$S = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9 16a1 1 0 100 2h6a1 1 0 100-2H9z\"\n })), _path3$k || (_path3$k = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M4.23 4.362a.999.999 0 00-.23.656V21a1 1 0 001 1h14a1 1 0 001-1V5a1 1 0 00-1-1h-2.5V3a1 1 0 00-1.187-.982L4.83 4.014a.993.993 0 00-.601.348zM6 6v14h12V6H6z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1a;\n\nfunction _extends$1d() { _extends$1d = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1d.apply(this, arguments); }\n\nfunction SvgPhone(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1d({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1a || (_path$1a = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2.078 5.103C1.97 3.376 3.378 2 5.042 2h2.572c1.242 0 2.397.774 2.786 2.012.203.645.433 1.454.572 2.198.07.371.12.753.129 1.104.007.32-.016.752-.207 1.133-.42.842-.927 1.225-1.377 1.565-.067.05-.134.1-.198.152.753 1.087 1.346 1.823 1.997 2.426.642.594 1.374 1.09 2.436 1.657C14.133 13.787 14.846 13 16 13c.178 0 .437.041.642.076.243.041.546.099.875.163.66.13 1.45.297 2.126.442A2.986 2.986 0 0122 16.604V19c0 1.616-1.331 3.083-3.085 2.934-8.777-.745-15.805-7.615-16.796-16.32-.016-.145-.03-.324-.041-.51zM5.042 4c-.577 0-1 .468-.968.979.01.175.022.314.033.408.883 7.76 7.153 13.889 14.978 14.553.445.038.915-.35.915-.941v-2.395a.986.986 0 00-.776-.968c-.674-.144-1.45-.307-2.093-.434a32.773 32.773 0 00-.823-.154A7.595 7.595 0 0016 15a.482.482 0 00-.3.112c-.135.098-.275.249-.46.474a1.884 1.884 0 01-2.35.468c-1.196-.633-2.107-1.233-2.932-1.996-.82-.759-1.518-1.646-2.32-2.81-.535-.775-.478-1.909.34-2.573.173-.14.313-.248.428-.337.363-.28.493-.38.685-.756.002-.015.014-.08.01-.222a5.103 5.103 0 00-.095-.783c-.117-.628-.32-1.35-.514-1.965C8.382 4.259 8.04 4 7.614 4H5.042z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$19, _path2$R;\n\nfunction _extends$1c() { _extends$1c = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1c.apply(this, arguments); }\n\nfunction SvgPieChart(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1c({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$19 || (_path$19 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8.864 3.502a1 1 0 01-.445 1.342 8 8 0 1010.75 10.71 1 1 0 111.791.891A10 10 0 0112 22C6.477 22 2 17.523 2 12a10 10 0 015.522-8.944 1 1 0 011.342.446z\",\n clipRule: \"evenodd\"\n })), _path2$R || (_path2$R = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M11.293 2.293A1 1 0 0112 2c5.523 0 10 4.477 10 10a1 1 0 01-1 1h-9a1 1 0 01-1-1V3a1 1 0 01.293-.707zM13 4.062V11h6.938A8.004 8.004 0 0013 4.062z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$18, _path2$Q;\n\nfunction _extends$1b() { _extends$1b = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1b.apply(this, arguments); }\n\nfunction SvgPlaneBoard(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1b({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$18 || (_path$18 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.604 9.666a1.078 1.078 0 111.078 1.867l-6.203 3.581-2.421-1.868a.337.337 0 01.037-.559 1.35 1.35 0 011.294-.03l.547.282 1.4-.809-1.945-.85a.466.466 0 01-.044-.832 1.864 1.864 0 011.302-.205l2.908.605 2.046-1.182z\"\n })), _path2$Q || (_path2$Q = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M5 6a1 1 0 00-1 1v.997a.179.179 0 00.037.054.674.674 0 00.272.168 4.001 4.001 0 010 7.562.674.674 0 00-.272.168.178.178 0 00-.037.054V17a1 1 0 001 1h14a1 1 0 001-1V7a1 1 0 00-1-1H5zM2 7a3 3 0 013-3h14a3 3 0 013 3v10a3 3 0 01-3 3H5a3 3 0 01-3-3v-1c0-1.152.924-1.856 1.655-2.11a2.001 2.001 0 000-3.78C2.924 9.855 2 9.152 2 8V7z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$17;\n\nfunction _extends$1a() { _extends$1a = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1a.apply(this, arguments); }\n\nfunction SvgPlugIcon(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1a({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$17 || (_path$17 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M17 2a1 1 0 00-1 1v2h-2V3a1 1 0 10-2 0v2h-1a2 2 0 00-2 2v2a6.002 6.002 0 005 5.917v3.333a1.75 1.75 0 11-3.5 0v-.808a3.75 3.75 0 10-7.5 0v.943a1 1 0 102 0v-.943a1.75 1.75 0 113.5 0v.808a3.75 3.75 0 107.5 0v-3.333A6.002 6.002 0 0021 9V7a2 2 0 00-2-2h-1V3a1 1 0 00-1-1zm2 5v2a4 4 0 01-8 0V7h8z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$16;\n\nfunction _extends$19() { _extends$19 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$19.apply(this, arguments); }\n\nfunction SvgPlugOff(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$19({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$16 || (_path$16 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3.707 2.293a1 1 0 00-1.414 1.414L14 15.414v2.836a1.75 1.75 0 11-3.5 0v-.808a3.75 3.75 0 10-7.5 0v.943a1 1 0 102 0v-.943a1.75 1.75 0 113.5 0v.808a3.75 3.75 0 007.5 0v-.836l4.293 4.293a1 1 0 001.414-1.414l-5.99-5.99-.02-.02-11.99-11.99zM16 3a1 1 0 112 0v2h1a2 2 0 012 2v2a5.988 5.988 0 01-2.056 4.522 1 1 0 11-1.315-1.507A3.988 3.988 0 0019 9V7h-7.25a1 1 0 110-2H12V3a1 1 0 112 0v2h2V3z\"\n })));\n}\n\nvar _path$15, _path2$P, _path3$j;\n\nfunction _extends$18() { _extends$18 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$18.apply(this, arguments); }\n\nfunction SvgPlusCircle(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$18({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$15 || (_path$15 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 4a8 8 0 100 16 8 8 0 000-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12z\",\n clipRule: \"evenodd\"\n })), _path2$P || (_path2$P = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M7 12a1 1 0 011-1h8a1 1 0 110 2H8a1 1 0 01-1-1z\",\n clipRule: \"evenodd\"\n })), _path3$j || (_path3$j = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 17a1 1 0 01-1-1V8a1 1 0 112 0v8a1 1 0 01-1 1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$14, _path2$O, _path3$i;\n\nfunction _extends$17() { _extends$17 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$17.apply(this, arguments); }\n\nfunction SvgPlusSquare(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$17({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$14 || (_path$14 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 5a3 3 0 013-3h14a3 3 0 013 3v14a3 3 0 01-3 3H5a3 3 0 01-3-3V5zm3-1a1 1 0 00-1 1v14a1 1 0 001 1h14a1 1 0 001-1V5a1 1 0 00-1-1H5z\",\n clipRule: \"evenodd\"\n })), _path2$O || (_path2$O = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M7 12a1 1 0 011-1h8a1 1 0 110 2H8a1 1 0 01-1-1z\",\n clipRule: \"evenodd\"\n })), _path3$i || (_path3$i = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 17a1 1 0 01-1-1V8a1 1 0 112 0v8a1 1 0 01-1 1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$13, _path2$N;\n\nfunction _extends$16() { _extends$16 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$16.apply(this, arguments); }\n\nfunction SvgPlus(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$16({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$13 || (_path$13 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M4 11a1 1 0 011-1h14a1 1 0 110 2H5a1 1 0 01-1-1z\",\n clipRule: \"evenodd\"\n })), _path2$N || (_path2$N = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 19a1 1 0 01-1-1V4a1 1 0 112 0v14a1 1 0 01-1 1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$12, _path2$M;\n\nfunction _extends$15() { _extends$15 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$15.apply(this, arguments); }\n\nfunction SvgPower(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$15({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$12 || (_path$12 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8.866 5.57A1 1 0 018.5 6.936a7 7 0 106.999 0 1 1 0 011-1.731 9 9 0 11-9.001 0 1 1 0 011.367.365z\",\n clipRule: \"evenodd\"\n })), _path2$M || (_path2$M = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 2a1 1 0 011 1v6a1 1 0 11-2 0V3a1 1 0 011-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$11;\n\nfunction _extends$14() { _extends$14 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$14.apply(this, arguments); }\n\nfunction SvgProfile(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$14({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$11 || (_path$11 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 4a3 3 0 100 6 3 3 0 000-6zM7 7a5 5 0 1110 0A5 5 0 017 7zM3 19a5 5 0 015-5h8a5 5 0 015 5v2a1 1 0 11-2 0v-2a3 3 0 00-3-3H8a3 3 0 00-3 3v2a1 1 0 11-2 0v-2z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$10, _path2$L, _path3$h, _path4$4;\n\nfunction _extends$13() { _extends$13 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$13.apply(this, arguments); }\n\nfunction SvgQrCodePhone(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$13({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$10 || (_path$10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10 7a1 1 0 00-2 0v3a1 1 0 102 0V7zm-2 6a1 1 0 011-1h6a1 1 0 110 2H9a1 1 0 01-1-1z\"\n })), _path2$L || (_path2$L = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 6a1 1 0 00-1 1v3a1 1 0 001 1h3a1 1 0 001-1V7a1 1 0 00-1-1h-3zm1 3V8h1v1h-1z\",\n clipRule: \"evenodd\"\n })), _path3$h || (_path3$h = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12 15a1 1 0 011 1h1a1 1 0 112 0v1a1 1 0 01-1 1h-3a1 1 0 01-1-1v-1a1 1 0 011-1zm-2 1a1 1 0 10-2 0v1a1 1 0 102 0v-1z\"\n })), _path4$4 || (_path4$4 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8 2a3 3 0 00-3 3v14a3 3 0 003 3h8a3 3 0 003-3V5a3 3 0 00-3-3H8zM7 5a1 1 0 011-1h8a1 1 0 011 1v14a1 1 0 01-1 1H8a1 1 0 01-1-1V5z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$$, _path2$K, _path3$g, _path4$3;\n\nfunction _extends$12() { _extends$12 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$12.apply(this, arguments); }\n\nfunction SvgQrCodeScanOff(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$12({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$$ || (_path$$ = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M2.293 2.293a1 1 0 011.414 0l18 18a1 1 0 01-1.414 1.414A2.99 2.99 0 0119 22h-2a1 1 0 110-2h1.586l-1-1h-.336a.25.25 0 01-.25-.25v-.336L14.586 16h-.336a.25.25 0 01-.25-.25v-.336l-1-1v2.336a.25.25 0 01-.25.25h-1.5a.25.25 0 01-.25-.25v-2.5a.25.25 0 01.25-.25h1.336l-1-1H9.25a.25.25 0 01-.25-.25v-1.5a.25.25 0 01.25-.25h.336l-1-1H6a1 1 0 01-1-1V6.414l-1-1V7a1 1 0 11-2 0V5c0-.462.105-.901.293-1.293a1 1 0 010-1.414zM20 7a1 1 0 102 0V5a3 3 0 00-3-3h-2a1 1 0 100 2h2a1 1 0 011 1v2zM2 19a3 3 0 003 3h2a1 1 0 100-2H5a1 1 0 01-1-1v-2a1 1 0 10-2 0v2z\"\n })), _path2$K || (_path2$K = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M5 15a1 1 0 011-1h3a1 1 0 011 1v3a1 1 0 01-1 1H6a1 1 0 01-1-1v-3zm2 1v1h1v-1H7z\",\n clipRule: \"evenodd\"\n })), _path3$g || (_path3$g = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5.25 11a.25.25 0 00-.25.25v1.5c0 .138.112.25.25.25h1.5a.25.25 0 00.25-.25v-1.5a.25.25 0 00-.25-.25h-1.5zM11 5.25a.25.25 0 01.25-.25h1.5a.25.25 0 01.25.25v1.5a.25.25 0 01-.25.25h-1.5a.25.25 0 01-.25-.25v-1.5zM13.25 17a.25.25 0 00-.25.25v1.5c0 .138.112.25.25.25h1.5a.25.25 0 00.25-.25v-1.5a.25.25 0 00-.25-.25h-1.5zM17 11.25a.25.25 0 01.25-.25h1.5a.25.25 0 01.25.25v1.5a.25.25 0 01-.25.25h-1.5a.25.25 0 01-.25-.25v-1.5z\"\n })), _path4$3 || (_path4$3 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M15.1 5A1.1 1.1 0 0014 6.1v2.8a1.1 1.1 0 001.1 1.1h2.8A1.1 1.1 0 0019 8.9V6.1A1.1 1.1 0 0017.9 5h-2.8zm.9 3V7h1v1h-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$_, _path2$J, _path3$f, _path4$2;\n\nfunction _extends$11() { _extends$11 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$11.apply(this, arguments); }\n\nfunction SvgQrCodeScan(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$11({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$_ || (_path$_ = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20 17a1 1 0 112 0v2a3 3 0 01-3 3h-2a1 1 0 110-2h2a1 1 0 001-1v-2zM3 8a1 1 0 001-1V5a1 1 0 011-1h2a1 1 0 000-2H5a3 3 0 00-3 3v2a1 1 0 001 1zm0 8a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 110 2H5a3 3 0 01-3-3v-2a1 1 0 011-1zm18-8a1 1 0 01-1-1V5a1 1 0 00-1-1h-2a1 1 0 110-2h2a3 3 0 013 3v2a1 1 0 01-1 1z\"\n })), _path2$J || (_path2$J = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M6 5a1 1 0 00-1 1v3a1 1 0 001 1h3a1 1 0 001-1V6a1 1 0 00-1-1H6zm1 3V7h1v1H7zm-2 7a1 1 0 011-1h3a1 1 0 011 1v3a1 1 0 01-1 1H6a1 1 0 01-1-1v-3zm2 1v1h1v-1H7z\",\n clipRule: \"evenodd\"\n })), _path3$f || (_path3$f = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5.25 11a.25.25 0 00-.25.25v1.5c0 .138.112.25.25.25h1.5a.25.25 0 00.25-.25v-1.5a.25.25 0 00-.25-.25h-1.5zM11 5.25a.25.25 0 01.25-.25h1.5a.25.25 0 01.25.25v2.5a.25.25 0 01-.25.25h-1.5a.25.25 0 01-.25-.25v-2.5zm8 9v4.5a.25.25 0 01-.25.25h-1.5a.25.25 0 01-.25-.25V16h-2.75a.25.25 0 01-.25-.25v-1.5a.25.25 0 01.25-.25h4.5a.25.25 0 01.25.25zM13.25 17a.25.25 0 00-.25.25v1.5c0 .138.112.25.25.25h1.5a.25.25 0 00.25-.25v-1.5a.25.25 0 00-.25-.25h-1.5zM16 11.25a.25.25 0 01.25-.25h2.5a.25.25 0 01.25.25v1.5a.25.25 0 01-.25.25h-2.5a.25.25 0 01-.25-.25v-1.5zM9.25 11a.25.25 0 00-.25.25v1.5c0 .138.112.25.25.25h4.5a.25.25 0 00.25-.25v-1.5a.25.25 0 00-.25-.25h-4.5zM11 14.25a.25.25 0 01.25-.25h1.5a.25.25 0 01.25.25v2.5a.25.25 0 01-.25.25h-1.5a.25.25 0 01-.25-.25v-2.5z\"\n })), _path4$2 || (_path4$2 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M15.1 5A1.1 1.1 0 0014 6.1v2.8a1.1 1.1 0 001.1 1.1h2.8A1.1 1.1 0 0019 8.9V6.1A1.1 1.1 0 0017.9 5h-2.8zm.9 3V7h1v1h-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$Z, _path2$I, _path3$e, _path4$1, _path5, _path6, _path7;\n\nfunction _extends$10() { _extends$10 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$10.apply(this, arguments); }\n\nfunction SvgQrCode(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$10({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$Z || (_path$Z = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5.25 5a.25.25 0 00-.25.25v.5c0 .138.112.25.25.25h.5A.25.25 0 006 5.75v-.5A.25.25 0 005.75 5h-.5z\"\n })), _path2$I || (_path2$I = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 3.25C2 2.56 2.56 2 3.25 2h4.5C8.44 2 9 2.56 9 3.25v4.5C9 8.44 8.44 9 7.75 9h-4.5C2.56 9 2 8.44 2 7.75v-4.5zM4 4v3h3V4H4z\",\n clipRule: \"evenodd\"\n })), _path3$e || (_path3$e = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5 18.25a.25.25 0 01.25-.25h.5a.25.25 0 01.25.25v.5a.25.25 0 01-.25.25h-.5a.25.25 0 01-.25-.25v-.5z\"\n })), _path4$1 || (_path4$1 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 16.25c0-.69.56-1.25 1.25-1.25h4.5c.69 0 1.25.56 1.25 1.25v4.5C9 21.44 8.44 22 7.75 22h-4.5C2.56 22 2 21.44 2 20.75v-4.5zM4 17v3h3v-3H4z\",\n clipRule: \"evenodd\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18 5.25a.25.25 0 01.25-.25h.5a.25.25 0 01.25.25v.5a.25.25 0 01-.25.25h-.5a.25.25 0 01-.25-.25v-.5z\"\n })), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M16.25 2C15.56 2 15 2.56 15 3.25v4.5c0 .69.56 1.25 1.25 1.25h4.5C21.44 9 22 8.44 22 7.75v-4.5C22 2.56 21.44 2 20.75 2h-4.5zM17 7V4h3v3h-3z\",\n clipRule: \"evenodd\"\n })), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13.25 12a.25.25 0 00-.25.25v1.5c0 .138.112.25.25.25h4.5a.25.25 0 00.25-.25v-1.5a.25.25 0 00-.25-.25h-4.5zM6 10.25a.25.25 0 01.25-.25h6.5a.25.25 0 01.25.25v1.5a.25.25 0 01-.25.25H11v1.75a.25.25 0 01-.25.25h-1.5a.25.25 0 01-.25-.25V12H6.25a.25.25 0 01-.25-.25v-1.5zM2.25 10a.25.25 0 00-.25.25v1.5c0 .138.112.25.25.25h1.5a.25.25 0 00.25-.25v-1.5a.25.25 0 00-.25-.25h-1.5zm15.75.25a.25.25 0 01.25-.25h1.5a.25.25 0 01.25.25v1.5a.25.25 0 01-.25.25h-1.5a.25.25 0 01-.25-.25v-1.5zM15.25 17a.25.25 0 00-.25.25v1.5c0 .138.112.25.25.25H18v2.75c0 .138.112.25.25.25h3.5a.25.25 0 00.25-.25v-1.5a.25.25 0 00-.25-.25H20v-2.75a.25.25 0 00-.25-.25h-4.5zm5-5a.25.25 0 00-.25.25v3.5c0 .138.112.25.25.25h1.5a.25.25 0 00.25-.25v-3.5a.25.25 0 00-.25-.25h-1.5zM12 2.25a.25.25 0 01.25-.25h1.5a.25.25 0 01.25.25v1.5a.25.25 0 01-.25.25h-1.5a.25.25 0 01-.25-.25v-1.5zm0 2V7h1.75a.25.25 0 01.25.25v1.5a.25.25 0 01-.25.25h-3.5a.25.25 0 01-.25-.25v-4.5a.25.25 0 01.25-.25h1.5a.25.25 0 01.25.25zM4.25 12a.25.25 0 00-.25.25v1.5c0 .138.112.25.25.25h1.5a.25.25 0 00.25-.25v-1.5a.25.25 0 00-.25-.25h-1.5zM13 20.25a.25.25 0 01.25-.25h1.5a.25.25 0 01.25.25v1.5a.25.25 0 01-.25.25h-1.5a.25.25 0 01-.25-.25v-1.5zM11.25 14a.25.25 0 00-.25.25v5.5c0 .138.112.25.25.25h1.5a.25.25 0 00.25-.25v-5.5a.25.25 0 00-.25-.25h-1.5z\"\n })));\n}\n\nvar _path$Y, _path2$H;\n\nfunction _extends$$() { _extends$$ = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$$.apply(this, arguments); }\n\nfunction SvgQuiz(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$$({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$Y || (_path$Y = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M7 7a1 1 0 011-1h13a1 1 0 110 2H8a1 1 0 01-1-1zm0 5a1 1 0 011-1h13a1 1 0 110 2H8a1 1 0 01-1-1zm0 5a1 1 0 011-1h13a1 1 0 110 2H8a1 1 0 01-1-1z\",\n clipRule: \"evenodd\"\n })), _path2$H || (_path2$H = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4 7a1 1 0 11-2 0 1 1 0 012 0zm0 5a1 1 0 11-2 0 1 1 0 012 0zm0 5a1 1 0 11-2 0 1 1 0 012 0z\"\n })));\n}\n\nvar _path$X, _path2$G, _path3$d;\n\nfunction _extends$_() { _extends$_ = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$_.apply(this, arguments); }\n\nfunction SvgRadio(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$_({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$X || (_path$X = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 11a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0zm-.542-4.945a1 1 0 01.002 1.414A4.981 4.981 0 007 12a4.98 4.98 0 001.46 3.531 1 1 0 11-1.416 1.413A6.981 6.981 0 015 12c0-1.93.782-3.678 2.044-4.944a1 1 0 011.414-.001z\",\n clipRule: \"evenodd\"\n })), _path2$G || (_path2$G = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M5.559 4.286A1 1 0 015.573 5.7 8.968 8.968 0 003 12c0 2.453.98 4.676 2.573 6.3a1 1 0 11-1.429 1.4A10.967 10.967 0 011 12c0-2.998 1.2-5.717 3.144-7.7a1 1 0 011.415-.014zm9.735 2.769a1 1 0 00-.002 1.414A4.98 4.98 0 0116.752 12a4.981 4.981 0 01-1.46 3.531 1 1 0 001.416 1.413A6.982 6.982 0 0018.752 12c0-1.93-.782-3.678-2.044-4.944a1 1 0 00-1.414-.001z\",\n clipRule: \"evenodd\"\n })), _path3$d || (_path3$d = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M18.194 4.286A1 1 0 0018.18 5.7a8.968 8.968 0 012.572 6.3c0 2.453-.98 4.676-2.572 6.3a1 1 0 101.428 1.4 10.968 10.968 0 003.144-7.7c0-2.998-1.2-5.717-3.144-7.7a1 1 0 00-1.415-.014z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$W, _path2$F;\n\nfunction _extends$Z() { _extends$Z = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Z.apply(this, arguments); }\n\nfunction SvgRefresh(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$Z({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$W || (_path$W = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8.707 2.293a1 1 0 010 1.414c-.978.978-2.171 2.286-3.115 3.758C4.64 8.948 4 10.505 4 12a8 8 0 108-8 1 1 0 110-2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12c0-2.04.86-3.981 1.908-5.615 1.056-1.645 2.363-3.07 3.385-4.092a1 1 0 011.414 0z\",\n clipRule: \"evenodd\"\n })), _path2$F || (_path2$F = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 3a1 1 0 011-1h5a1 1 0 011 1v5a1 1 0 01-2 0V4H3a1 1 0 01-1-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$V, _path2$E, _path3$c;\n\nfunction _extends$Y() { _extends$Y = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Y.apply(this, arguments); }\n\nfunction SvgRepeat(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$Y({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$V || (_path$V = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M6.707 14.293a1 1 0 010 1.414L4.414 18l2.293 2.293a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414l3-3a1 1 0 011.414 0z\",\n clipRule: \"evenodd\"\n })), _path2$E || (_path2$E = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 18a1 1 0 011-1h14a3 3 0 003-3v-2a1 1 0 112 0v2a5 5 0 01-5 5H3a1 1 0 01-1-1zm15.293-8.293a1 1 0 010-1.414L19.586 6l-2.293-2.293a1 1 0 011.414-1.414l3 3a1 1 0 010 1.414l-3 3a1 1 0 01-1.414 0z\",\n clipRule: \"evenodd\"\n })), _path3$c || (_path3$c = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M22 6a1 1 0 01-1 1H7a3 3 0 00-3 3v2a1 1 0 11-2 0v-2a5 5 0 015-5h14a1 1 0 011 1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$U, _path2$D, _path3$b;\n\nfunction _extends$X() { _extends$X = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$X.apply(this, arguments); }\n\nfunction SvgRss(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$X({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$U || (_path$U = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5 20.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z\"\n })), _path2$D || (_path2$D = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 11a1 1 0 011-1c6.075 0 11 4.925 11 11a1 1 0 11-2 0 9 9 0 00-9-9 1 1 0 01-1-1z\",\n clipRule: \"evenodd\"\n })), _path3$b || (_path3$b = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 3a1 1 0 011-1c10.493 0 19 8.507 19 19a1 1 0 11-2 0c0-9.389-7.611-17-17-17a1 1 0 01-1-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$T;\n\nfunction _extends$W() { _extends$W = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$W.apply(this, arguments); }\n\nfunction SvgSave(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$W({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$T || (_path$T = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M5 22a3 3 0 01-3-3V5a3 3 0 013-3h9.172a3 3 0 012.12.879l4.83 4.828A3 3 0 0122 9.828V19a3 3 0 01-3 3H5zM5 4a1 1 0 00-1 1v14a1 1 0 001 1h1v-6a1 1 0 011-1h10a1 1 0 011 1v6h1a1 1 0 001-1V9.828a1 1 0 00-.293-.707L15 4.414V8a1 1 0 01-1 1H8a1 1 0 01-1-1V4H5zm11 16v-5H8v5h8zM13 7V4H9v3h4z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$S, _path2$C;\n\nfunction _extends$V() { _extends$V = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$V.apply(this, arguments); }\n\nfunction SvgSearch(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$V({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$S || (_path$S = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M11 4a7 7 0 100 14 7 7 0 000-14zm-9 7a9 9 0 1118 0 9 9 0 01-18 0z\",\n clipRule: \"evenodd\"\n })), _path2$C || (_path2$C = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M16.293 16.293a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$R, _path2$B;\n\nfunction _extends$U() { _extends$U = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$U.apply(this, arguments); }\n\nfunction SvgSend(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$U({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$R || (_path$R = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M21.707 2.293a1 1 0 01.242 1.023l-6 18a1 1 0 01-1.882.043l-3.174-8.252L2.64 9.933a1 1 0 01.043-1.882l18-6a1 1 0 011.023.242zM5.961 9.067l6.065 2.333a1 1 0 01.574.574l2.333 6.065 4.486-13.458L5.96 9.067z\",\n clipRule: \"evenodd\"\n })), _path2$B || (_path2$B = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M21.207 2.793a1 1 0 010 1.414l-8.5 8.5a1 1 0 01-1.414-1.414l8.5-8.5a1 1 0 011.414 0z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$Q, _path2$A;\n\nfunction _extends$T() { _extends$T = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$T.apply(this, arguments); }\n\nfunction SvgSettings1(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$T({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$Q || (_path$Q = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 10.068a2 2 0 100 4 2 2 0 000-4zm-4 2a4 4 0 118 0 4 4 0 01-8 0z\",\n clipRule: \"evenodd\"\n })), _path2$A || (_path2$A = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M9.353 4.15c.674-2.776 4.62-2.776 5.294 0a.724.724 0 001.08.447c2.44-1.486 5.23 1.304 3.744 3.743a.724.724 0 00.448 1.08c2.775.674 2.775 4.621 0 5.295a.724.724 0 00-.448 1.08c1.486 2.439-1.305 5.23-3.744 3.744a.724.724 0 00-1.08.447c-.674 2.776-4.62 2.776-5.294 0a.724.724 0 00-1.08-.447c-2.44 1.486-5.23-1.305-3.744-3.744a.724.724 0 00-.448-1.08c-2.775-.674-2.775-4.62 0-5.294a.724.724 0 00.448-1.08C3.043 5.9 5.834 3.11 8.272 4.596a.724.724 0 001.08-.448zm3.35.471c-.178-.738-1.227-.738-1.407 0a2.724 2.724 0 01-4.064 1.684c-.648-.395-1.39.346-.995.995a2.724 2.724 0 01-1.684 4.064c-.737.18-.737 1.228 0 1.407a2.724 2.724 0 011.684 4.065c-.395.648.347 1.39.995.995a2.724 2.724 0 014.064 1.684c.18.737 1.229.737 1.408 0a2.724 2.724 0 014.064-1.684c.648.395 1.39-.347.995-.995a2.724 2.724 0 011.684-4.065c.737-.179.737-1.228 0-1.407A2.724 2.724 0 0117.763 7.3c.395-.649-.347-1.39-.995-.995a2.723 2.723 0 01-4.064-1.684z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$P;\n\nfunction _extends$S() { _extends$S = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$S.apply(this, arguments); }\n\nfunction SvgSex(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$S({\n width: 24,\n height: 24,\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path$P || (_path$P = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M18.5 3a1 1 0 100 2h.586l-1.829 1.828A5 5 0 009.5 11a3 3 0 11-1.547-2.626 1 1 0 00.97-1.748A5 5 0 105.5 15.9V17H5a1 1 0 100 2h.5v1a1 1 0 102 0v-1H8a1 1 0 100-2h-.5v-1.1a5.002 5.002 0 004-4.9 3 3 0 111.547 2.626 1 1 0 00-.97 1.748 5 5 0 006.595-7.132L20.5 6.415V7a1 1 0 102 0V4a1 1 0 00-1-1h-3z\",\n fill: \"#242423\"\n })));\n}\n\nvar _path$O, _path2$z;\n\nfunction _extends$R() { _extends$R = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$R.apply(this, arguments); }\n\nfunction SvgShareAndroid(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$R({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$O || (_path$O = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M18 4a2 2 0 100 4 2 2 0 000-4zm-4 2a4 4 0 118 0 4 4 0 01-8 0zm4 10a2 2 0 100 4 2 2 0 000-4zm-4 2a4 4 0 118 0 4 4 0 01-8 0zm-8-8a2 2 0 100 4 2 2 0 000-4zm-4 2a4 4 0 118 0 4 4 0 01-8 0z\",\n clipRule: \"evenodd\"\n })), _path2$z || (_path2$z = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M15.923 7.115a1 1 0 01-.538 1.308l-6 2.5a1 1 0 01-.77-1.846l6-2.5a1 1 0 011.308.538zm0 9.77a1 1 0 00-.538-1.308l-6-2.5a1 1 0 00-.77 1.846l6 2.5a1 1 0 001.308-.538z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$N, _path2$y, _path3$a;\n\nfunction _extends$Q() { _extends$Q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Q.apply(this, arguments); }\n\nfunction SvgShare(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$Q({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$N || (_path$N = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M16.707 7.707a1 1 0 01-1.414 0L12 4.414 8.707 7.707a1 1 0 11-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z\",\n clipRule: \"evenodd\"\n })), _path2$y || (_path2$y = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 2a1 1 0 011 1v12a1 1 0 11-2 0V3a1 1 0 011-1z\",\n clipRule: \"evenodd\"\n })), _path3$a || (_path3$a = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M4 11a1 1 0 011 1v7a1 1 0 001 1h12a1 1 0 001-1v-7a1 1 0 112 0v7a3 3 0 01-3 3H6a3 3 0 01-3-3v-7a1 1 0 011-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$M, _path2$x;\n\nfunction _extends$P() { _extends$P = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$P.apply(this, arguments); }\n\nfunction SvgShieldOff(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$P({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$M || (_path$M = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M11.606 2.08a1 1 0 01.788 0l7 3A1 1 0 0120 6v6c0 .463-.05.915-.142 1.353a1 1 0 01-1.958-.408c.066-.313.1-.629.1-.945V6.66l-6-2.572-1.94.831a1 1 0 01-.787-1.838l2.333-1zM6 6.612A1 1 0 004.958 4.93l-.352.15A1 1 0 004 6v6c0 2.944 2.032 5.448 3.82 7.108a22.738 22.738 0 003.656 2.744l.02.011.005.003.002.002L12 21l-.496.868a1 1 0 00.992 0L12 21l.496.868h.002l.003-.002.008-.005.028-.017a14.122 14.122 0 00.466-.286c.307-.196.736-.482 1.23-.846.985-.723 2.257-1.775 3.352-3.064a1 1 0 00-1.524-1.296c-.959 1.13-2.099 2.077-3.012 2.75a21.58 21.58 0 01-1.049.723 20.736 20.736 0 01-2.82-2.183C7.468 16.052 6 14.056 6 12V6.611z\",\n clipRule: \"evenodd\"\n })), _path2$x || (_path2$x = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2.293 2.293a1 1 0 011.414 0l18 18a1 1 0 01-1.414 1.414l-18-18a1 1 0 010-1.414z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$L;\n\nfunction _extends$O() { _extends$O = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$O.apply(this, arguments); }\n\nfunction SvgShield(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$O({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$L || (_path$L = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M11.606 2.08a1 1 0 01.788 0l7 3A1 1 0 0120 6v6c0 2.944-2.032 5.448-3.82 7.108a22.743 22.743 0 01-3.656 2.744l-.02.011-.005.003-.002.002L12 21l-.497.868-.002-.002-.006-.003-.019-.01a9.404 9.404 0 01-.305-.186 22.738 22.738 0 01-3.351-2.56C6.032 17.449 4 14.945 4 12V6a1 1 0 01.606-.92l7-3zM6 6.66V12c0 2.056 1.468 4.052 3.18 5.642A20.736 20.736 0 0012 19.825a20.732 20.732 0 002.82-2.183C16.532 16.052 18 14.056 18 12V6.66l-6-2.572-6 2.571zM12 21l-.497.868a1 1 0 00.993 0L12 21z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$K, _path2$w;\n\nfunction _extends$N() { _extends$N = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$N.apply(this, arguments); }\n\nfunction SvgShoppingCart(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$N({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$K || (_path$K = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M3 2a1 1 0 000 2h1.62a1 1 0 01.98.798l1.42 6.904c.018.086.047.168.085.244.148.448.398.846.72 1.17l-.272.542C6.555 15.653 8.006 18 10.236 18H18a1 1 0 100-2h-7.764a1 1 0 01-.894-1.447l.285-.57c.107.011.215.017.325.017h7.311a3 3 0 002.852-2.069l.98-3A3 3 0 0018.243 5H7.683l-.125-.605A3 3 0 004.62 2H3zm5.2 5l.768 4.18a1 1 0 00.984.82h7.311a1 1 0 00.951-.69l.98-3A1 1 0 0018.243 7H8.2z\",\n clipRule: \"evenodd\"\n })), _path2$w || (_path2$w = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12 20.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm4.5 1.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3z\"\n })));\n}\n\nvar _path$J, _path2$v;\n\nfunction _extends$M() { _extends$M = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$M.apply(this, arguments); }\n\nfunction SvgSidebar(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$M({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$J || (_path$J = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 5a3 3 0 013-3h14a3 3 0 013 3v14a3 3 0 01-3 3H5a3 3 0 01-3-3V5zm3-1a1 1 0 00-1 1v14a1 1 0 001 1h14a1 1 0 001-1V5a1 1 0 00-1-1H5z\",\n clipRule: \"evenodd\"\n })), _path2$v || (_path2$v = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M9 2a1 1 0 011 1v18a1 1 0 11-2 0V3a1 1 0 011-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$I, _path2$u;\n\nfunction _extends$L() { _extends$L = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$L.apply(this, arguments); }\n\nfunction SvgSlash(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$L({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$I || (_path$I = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 4a8 8 0 110 16 8 8 0 010-16zm10 8c0-5.523-4.477-10-10-10S2 6.477 2 12s4.477 10 10 10 10-4.477 10-10z\",\n clipRule: \"evenodd\"\n })), _path2$u || (_path2$u = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M5.293 5.293a1 1 0 011.414 0l12 12a1 1 0 01-1.414 1.414l-12-12a1 1 0 010-1.414z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$H, _path2$t;\n\nfunction _extends$K() { _extends$K = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$K.apply(this, arguments); }\n\nfunction SvgSliders(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$K({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$H || (_path$H = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M5 2a1 1 0 011 1v7a1 1 0 11-2 0V3a1 1 0 011-1zm0 11.5a1 1 0 011 1V21a1 1 0 11-2 0v-6.5a1 1 0 011-1zm7-4a1 1 0 011 1V21a1 1 0 11-2 0V10.5a1 1 0 011-1zM12 2a1 1 0 011 1v3a1 1 0 11-2 0V3a1 1 0 011-1zm7 0a1 1 0 011 1v11a1 1 0 11-2 0V3a1 1 0 011-1zm0 15a1 1 0 011 1v3a1 1 0 11-2 0v-3a1 1 0 011-1z\",\n clipRule: \"evenodd\"\n })), _path2$t || (_path2$t = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M16 18a1 1 0 011-1h4a1 1 0 110 2h-4a1 1 0 01-1-1zm-7-8a1 1 0 011-1h4a1 1 0 110 2h-4a1 1 0 01-1-1zm-7 4a1 1 0 011-1h4a1 1 0 110 2H3a1 1 0 01-1-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$G, _path2$s, _circle, _circle2;\n\nfunction _extends$J() { _extends$J = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$J.apply(this, arguments); }\n\nfunction SvgSmile(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$J({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$G || (_path$G = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 4a8 8 0 100 16 8 8 0 000-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12z\",\n clipRule: \"evenodd\"\n })), _path2$s || (_path2$s = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8.837 13.057a1 1 0 011.277.61 2.001 2.001 0 003.772 0 1 1 0 111.886.666 4.001 4.001 0 01-7.544 0 1 1 0 01.61-1.276z\",\n clipRule: \"evenodd\"\n })), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 9,\n cy: 9,\n r: 1\n })), _circle2 || (_circle2 = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 15,\n cy: 9,\n r: 1\n })));\n}\n\nvar _path$F;\n\nfunction _extends$I() { _extends$I = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$I.apply(this, arguments); }\n\nfunction SvgSquare(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$I({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$F || (_path$F = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 5a3 3 0 013-3h14a3 3 0 013 3v14a3 3 0 01-3 3H5a3 3 0 01-3-3V5zm3-1a1 1 0 00-1 1v14a1 1 0 001 1h14a1 1 0 001-1V5a1 1 0 00-1-1H5z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$E;\n\nfunction _extends$H() { _extends$H = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$H.apply(this, arguments); }\n\nfunction SvgStar(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$H({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$E || (_path$E = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 2a1 1 0 01.905.575l2.555 5.442 5.691.87a1 1 0 01.565 1.687l-4.148 4.25.981 6.015a1 1 0 01-1.47 1.036L12 19.068l-5.079 2.807a1 1 0 01-1.47-1.036l.98-6.014-4.147-4.251a1 1 0 01.565-1.687l5.691-.87 2.555-5.442A1 1 0 0112 2zm0 3.354L10.124 9.35a1 1 0 01-.754.564l-4.295.656 3.14 3.22a1 1 0 01.272.859l-.73 4.48 3.76-2.079a1 1 0 01.967 0l3.76 2.078-.731-4.48a1 1 0 01.271-.859l3.141-3.219-4.295-.656a1 1 0 01-.754-.564L12 5.354z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$D;\n\nfunction _extends$G() { _extends$G = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$G.apply(this, arguments); }\n\nfunction SvgSun(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$G({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$D || (_path$D = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0zm5 6.5a1 1 0 00-1 1V21a1 1 0 102 0v-1.5a1 1 0 00-1-1zM12 2a1 1 0 00-1 1v1.5a1 1 0 102 0V3a1 1 0 00-1-1zm6.5 10a1 1 0 001 1H21a1 1 0 100-2h-1.5a1 1 0 00-1 1zM2 12a1 1 0 001 1h1.5a1 1 0 100-2H3a1 1 0 00-1 1zm14.596-4.596a1 1 0 001.414 0l1.061-1.06a1 1 0 00-1.414-1.415l-1.06 1.06a1 1 0 000 1.415zM4.929 19.071a1 1 0 001.414 0l1.06-1.06a1 1 0 10-1.413-1.415l-1.061 1.06a1 1 0 000 1.415zM7.404 7.404a1 1 0 000-1.414l-1.06-1.061a1 1 0 00-1.415 1.414l1.06 1.06a1 1 0 001.415 0zm11.667 11.667a1 1 0 000-1.414l-1.06-1.06a1 1 0 00-1.415 1.413l1.06 1.061a1 1 0 001.415 0z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$C, _path2$r;\n\nfunction _extends$F() { _extends$F = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$F.apply(this, arguments); }\n\nfunction SvgSunrise(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$F({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$C || (_path$C = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 14a3 3 0 00-3 3 1 1 0 11-2 0 5 5 0 0110 0 1 1 0 11-2 0 3 3 0 00-3-3zm6.5 3a1 1 0 001 1H21a1 1 0 100-2h-1.5a1 1 0 00-1 1zM2 17a1 1 0 001 1h1.5a1 1 0 100-2H3a1 1 0 00-1 1zm0 4a1 1 0 001 1h18a1 1 0 100-2H3a1 1 0 00-1 1zm14.596-8.596a1 1 0 001.414 0l1.061-1.06a1 1 0 10-1.414-1.415l-1.06 1.06a1 1 0 000 1.415zm-9.192 0a1 1 0 000-1.414l-1.06-1.061a1 1 0 00-1.415 1.414l1.06 1.06a1 1 0 001.415 0zm8.303-5.697a1 1 0 01-1.414 0L12 4.414 9.707 6.707a1 1 0 11-1.414-1.414l3-3a1 1 0 011.414 0l3 3a1 1 0 010 1.414z\",\n clipRule: \"evenodd\"\n })), _path2$r || (_path2$r = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 2a1 1 0 011 1v6a1 1 0 01-2 0V3a1 1 0 011-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$B, _path2$q;\n\nfunction _extends$E() { _extends$E = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$E.apply(this, arguments); }\n\nfunction SvgSunset(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$E({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$B || (_path$B = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 14a3 3 0 00-3 3 1 1 0 11-2 0 5 5 0 0110 0 1 1 0 11-2 0 3 3 0 00-3-3zm6.5 3a1 1 0 001 1H21a1 1 0 100-2h-1.5a1 1 0 00-1 1zM2 17a1 1 0 001 1h1.5a1 1 0 100-2H3a1 1 0 00-1 1zm0 4a1 1 0 001 1h18a1 1 0 100-2H3a1 1 0 00-1 1zm14.596-8.596a1 1 0 001.414 0l1.061-1.06a1 1 0 10-1.414-1.415l-1.06 1.06a1 1 0 000 1.415zm-9.192 0a1 1 0 000-1.414l-1.06-1.061a1 1 0 00-1.415 1.414l1.06 1.06a1 1 0 001.415 0zm8.303-7.111a1 1 0 00-1.414 0L12 7.586 9.707 5.293a1 1 0 10-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 000-1.414z\",\n clipRule: \"evenodd\"\n })), _path2$q || (_path2$q = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 10a1 1 0 001-1V3a1 1 0 00-2 0v6a1 1 0 001 1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$A, _path2$p, _path3$9;\n\nfunction _extends$D() { _extends$D = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$D.apply(this, arguments); }\n\nfunction SvgSync(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$D({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$A || (_path$A = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 4a8 8 0 00-8 8 1 1 0 11-2 0C2 6.477 6.477 2 12 2c3.936 0 7.264 2.272 8.895 5.555a1 1 0 11-1.79.89C17.79 5.801 15.132 4 12 4z\",\n clipRule: \"evenodd\"\n })), _path2$p || (_path2$p = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M20 2a1 1 0 011 1v5a1 1 0 01-1 1h-5a1 1 0 110-2h4V3a1 1 0 011-1zm-8 18a8 8 0 008-8 1 1 0 112 0c0 5.523-4.477 10-10 10-3.936 0-7.264-2.272-8.896-5.555a1 1 0 111.792-.89C6.21 18.199 8.868 20 12 20z\",\n clipRule: \"evenodd\"\n })), _path3$9 || (_path3$9 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M4 22a1 1 0 01-1-1v-5a1 1 0 011-1h5a1 1 0 110 2H5v4a1 1 0 01-1 1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$z;\n\nfunction _extends$C() { _extends$C = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$C.apply(this, arguments); }\n\nfunction SvgSyringe(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$C({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$z || (_path$z = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M19.492 4.521l-.007-.006-.006-.007-2.115-2.115a1 1 0 00-1.414 1.415l1.414 1.414-1.414 1.414-1.414-1.414-.002-.002-.706-.705a1 1 0 10-1.414 1.414l-7.778 7.778a3 3 0 000 4.243l-2.121 2.12a1 1 0 101.414 1.414l2.121-2.121a3 3 0 004.243 0l2.12-2.12.001-.002c.001 0 .002 0 .002-.002l2.82-2.819.007-.007.007-.007 2.821-2.821a1 1 0 001.414-1.415l-.705-.705-.002-.002-1.414-1.414 1.414-1.414 1.415 1.414a1 1 0 101.414-1.414L19.492 4.52zm-7.785 10.6l1.414-1.414-.707-.707a1 1 0 011.415-1.414l.707.707 2.12-2.121-2.827-2.829-7.779 7.778a1 1 0 000 1.414l1.415 1.415a1 1 0 001.414 0l1.414-1.415-.707-.707A1 1 0 1111 14.414l.707.707z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$y;\n\nfunction _extends$B() { _extends$B = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$B.apply(this, arguments); }\n\nfunction SvgTable(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$B({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$y || (_path$y = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M4.729 4.029A2 2 0 016.477 3h11.046a2 2 0 011.748 1.029l2.778 5c.619 1.114.047 2.442-1.049 2.848V20a1 1 0 11-2 0v-8h-2v5a1 1 0 11-2 0v-5H9v5a1 1 0 11-2 0v-5H5v8a1 1 0 11-2 0v-8.123c-1.096-.406-1.668-1.734-1.049-2.848l2.778-5zM20.301 10l-2.778-5H6.477L3.7 10h16.6z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$x, _path2$o;\n\nfunction _extends$A() { _extends$A = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$A.apply(this, arguments); }\n\nfunction SvgTag(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$A({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$x || (_path$x = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M5.01 4A1.01 1.01 0 004 5.01v5.684c0 .267.106.524.296.713l8.297 8.297a1.01 1.01 0 001.427 0l5.684-5.684a1.01 1.01 0 000-1.427l-8.297-8.297A1.01 1.01 0 0010.694 4H5.01zM2 5.01A3.01 3.01 0 015.01 2h5.684a3.01 3.01 0 012.128.881l8.297 8.297a3.01 3.01 0 010 4.257l-5.684 5.684a3.01 3.01 0 01-4.257 0l-8.297-8.297A3.01 3.01 0 012 10.694V5.01z\",\n clipRule: \"evenodd\"\n })), _path2$o || (_path2$o = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8.11 7.055a1.005 1.005 0 11-2.01 0 1.005 1.005 0 012.01 0z\"\n })));\n}\n\nvar _path$w, _path2$n;\n\nfunction _extends$z() { _extends$z = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$z.apply(this, arguments); }\n\nfunction SvgTemperatureOff(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$z({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$w || (_path$w = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M3.707 2.293a1 1 0 00-1.414 1.414L6 7.414v4.084a.073.073 0 01-.006.015.246.246 0 01-.055.07 6 6 0 109.924 5.695l4.43 4.43a1 1 0 001.414-1.415l-18-18zM13.95 15.364L11 12.414v.757a3.001 3.001 0 11-2 0v-2.757l-1-1V11.5c0 .645-.31 1.19-.707 1.555a4 4 0 106.657 2.31zM9 16a1 1 0 112 0 1 1 0 01-2 0z\",\n clipRule: \"evenodd\"\n })), _path2$n || (_path2$n = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9.2 4.166A2 2 0 0112 6v1.25a1 1 0 102 0V6a4 4 0 00-5.6-3.667 1 1 0 00.8 1.833zM16 5a1 1 0 100 2h3a1 1 0 100-2h-3zm0 6a1 1 0 110-2h3a1 1 0 110 2h-3z\"\n })));\n}\n\nvar _path$v, _path2$m, _path3$8;\n\nfunction _extends$y() { _extends$y = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$y.apply(this, arguments); }\n\nfunction SvgTemperature(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$y({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$v || (_path$v = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M9 13.17a3.001 3.001 0 102 0V8a1 1 0 10-2 0v5.17zM10 15a1 1 0 100 2 1 1 0 000-2z\",\n clipRule: \"evenodd\"\n })), _path2$m || (_path2$m = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M6 6a4 4 0 118 0v5.498a.08.08 0 00.006.015.247.247 0 00.055.07 6 6 0 11-8.122 0 .246.246 0 00.055-.07.073.073 0 00.006-.015V6zm4-2a2 2 0 00-2 2v5.5c0 .645-.31 1.19-.707 1.555a4 4 0 105.414 0C12.31 12.69 12 12.145 12 11.5V6a2 2 0 00-2-2z\",\n clipRule: \"evenodd\"\n })), _path3$8 || (_path3$8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15 6a1 1 0 011-1h3a1 1 0 110 2h-3a1 1 0 01-1-1zm1 3a1 1 0 100 2h3a1 1 0 100-2h-3z\"\n })));\n}\n\nvar _path$u;\n\nfunction _extends$x() { _extends$x = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$x.apply(this, arguments); }\n\nfunction SvgTennis(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$x({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$u || (_path$u = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm10-8a8.13 8.13 0 00-.519.017c.395 2.476.077 4.92-1.118 7.076-1.195 2.156-3.1 3.72-5.41 4.698a7.999 7.999 0 007.579 4.192c-.393-2.474-.074-4.914 1.12-7.067 1.194-2.154 3.095-3.718 5.4-4.695A7.999 7.999 0 0012 4zm7.77 6.089c-1.93.832-3.435 2.111-4.369 3.796-.934 1.685-1.222 3.64-.904 5.718a8.003 8.003 0 005.273-9.514zM4 12a8.003 8.003 0 015.516-7.607c.32 2.083.033 4.042-.902 5.73-.936 1.688-2.445 2.97-4.381 3.801A8.018 8.018 0 014 12z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$t, _path2$l;\n\nfunction _extends$w() { _extends$w = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$w.apply(this, arguments); }\n\nfunction SvgThumbsDown(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$w({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$t || (_path$t = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M22 11a3 3 0 01-3 3h-3a1 1 0 01-1-1V3a1 1 0 011-1h3a3 3 0 013 3v6zm-3 1a1 1 0 001-1V5a1 1 0 00-1-1h-2v8h2z\",\n clipRule: \"evenodd\"\n })), _path2$l || (_path2$l = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M13.677 21.376a1 1 0 01-.927.624c-2.195 0-3.465-.907-4.13-1.97A4.181 4.181 0 018 18.029V15H5.396a3 3 0 01-2.951-3.537l1.273-7A3 3 0 016.669 2H16a1 1 0 011 1v10c0 .129-.025.257-.073.376l-3.25 8zM10 17.991v.001l.003.048a2.181 2.181 0 00.313.93c.232.37.7.85 1.777.99L15 12.805V4H6.67a1 1 0 00-.985.821l-1.272 7A1 1 0 005.396 13H8a2 2 0 012 2v2.99z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$s, _path2$k;\n\nfunction _extends$v() { _extends$v = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$v.apply(this, arguments); }\n\nfunction SvgThumbsUp(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$v({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$s || (_path$s = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 13a3 3 0 013-3h3a1 1 0 011 1v10a1 1 0 01-1 1H5a3 3 0 01-3-3v-6zm3-1a1 1 0 00-1 1v6a1 1 0 001 1h2v-8H5z\",\n clipRule: \"evenodd\"\n })), _path2$k || (_path2$k = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M10.323 2.624A1 1 0 0111.25 2c2.195 0 3.465.907 4.13 1.97A4.179 4.179 0 0116 5.971V9h2.604a3 3 0 012.951 3.537l-1.273 7A3 3 0 0117.331 22H8a1 1 0 01-1-1V11a1 1 0 01.074-.376l3.25-8zM14 6.009v-.001l-.003-.048a2.18 2.18 0 00-.313-.93c-.232-.37-.7-.85-1.777-.99L9 11.195V20h8.33a1 1 0 00.985-.821l1.272-7A1 1 0 0018.604 11H16a2 2 0 01-2-2V6.01z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$r, _path2$j, _path3$7, _path4;\n\nfunction _extends$u() { _extends$u = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$u.apply(this, arguments); }\n\nfunction SvgTicketGroup(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$u({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$r || (_path$r = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7.438 12a1 1 0 100 2h1.125a1 1 0 100-2H7.437z\"\n })), _path2$j || (_path2$j = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M5 21a3 3 0 01-3-3V6a3 3 0 013-3c.58 0 1.047.253 1.38.539.33.281.572.63.742.94a1 1 0 001.756 0c.17-.31.413-.659.741-.94C9.953 3.253 10.42 3 11 3a3 3 0 013 3v12a3 3 0 01-3 3c-.58 0-1.047-.253-1.38-.539a3.377 3.377 0 01-.742-.94 1 1 0 00-1.756 0c-.17.31-.413.659-.741.94-.334.286-.8.539-1.381.539zm-.006-2a.302.302 0 00.085-.057 1.39 1.39 0 00.288-.382 3 3 0 015.266 0c.095.174.199.305.288.382.046.04.074.053.085.057A1 1 0 0012 18v-4h-.063a1 1 0 110-2H12V6a1 1 0 00-.994-1 .302.302 0 00-.085.057 1.39 1.39 0 00-.288.382 3 3 0 01-5.266 0 1.403 1.403 0 00-.288-.382A.302.302 0 004.994 5 1 1 0 004 6v6h.063a1 1 0 110 2H4v4a1 1 0 00.994 1z\",\n clipRule: \"evenodd\"\n })), _path3$7 || (_path3$7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17.514 5.363a5.087 5.087 0 01-.433.32A1 1 0 1116 4a3.23 3.23 0 00.26-.196l.053-.042c.095-.077.216-.175.337-.263.279-.203.746-.5 1.351-.5h1a3 3 0 013 3v12a3 3 0 01-3 3h-1c-.605 0-1.072-.297-1.351-.5a8.44 8.44 0 01-.337-.263l-.052-.042A3.229 3.229 0 0016 20a1 1 0 111.081-1.681 4.9 4.9 0 01.433.319l.067.054c.095.077.168.136.245.192a.92.92 0 00.192.117H19a1 1 0 001-1v-4.002a1 1 0 010-1.996V6a1 1 0 00-1-1h-.982a.92.92 0 00-.192.117c-.077.056-.15.115-.245.192l-.067.054z\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16 13a1 1 0 011-1h.438a1 1 0 110 2H17a1 1 0 01-1-1z\"\n })));\n}\n\nvar _path$q, _path2$i;\n\nfunction _extends$t() { _extends$t = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$t.apply(this, arguments); }\n\nfunction SvgTicket(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$t({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$q || (_path$q = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11.602 11.602a1 1 0 10-1.414 1.415l.796.795a1 1 0 001.414-1.414l-.796-.796z\"\n })), _path2$i || (_path2$i = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2.808 11.293a3 3 0 000 4.243l.707.707c.41.41.92.562 1.357.595.431.033.85-.041 1.189-.14a1 1 0 011.242 1.241c-.1.34-.174.758-.141 1.189.033.438.185.947.595 1.357l.707.707a3 3 0 004.243 0l8.485-8.485a3 3 0 000-4.243l-.707-.707c-.41-.41-.92-.562-1.357-.595a3.376 3.376 0 00-1.189.14 1 1 0 01-1.242-1.241c.1-.34.174-.758.141-1.189-.033-.438-.185-.947-.595-1.357l-.707-.707a3 3 0 00-4.243 0l-8.485 8.485zm1.414 2.828a1 1 0 010-1.414l2.923-2.923c.044.164.13.32.259.448l.398.398a1 1 0 001.414-1.414l-.398-.398a.995.995 0 00-.448-.259l4.337-4.337a1 1 0 011.414 0l.703.703c.005.01.015.039.02.1.009.117-.01.284-.066.474A3 3 0 0018.5 9.222c.19-.055.357-.075.474-.066.061.005.09.015.1.02l.703.703a1 1 0 010 1.414L15.44 15.63a.996.996 0 00-.259-.448l-.398-.398a1 1 0 00-1.414 1.414l.398.398a.995.995 0 00.448.26l-2.923 2.922a1 1 0 01-1.414 0l-.703-.703a.302.302 0 01-.02-.1c-.009-.117.01-.284.066-.474A3 3 0 005.5 14.778c-.19.055-.356.075-.474.066a.298.298 0 01-.1-.02l-.703-.703zm10.6-9.201zM9.177 19.08c0-.002 0-.002-.002-.003l.003.003z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$p;\n\nfunction _extends$s() { _extends$s = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$s.apply(this, arguments); }\n\nfunction SvgTool(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$s({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$p || (_path$p = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M15.604 4.061a5.197 5.197 0 00-5.608 7.103 1.524 1.524 0 01-.323 1.657l-5.362 5.362a1.064 1.064 0 001.507 1.505l5.36-5.36a1.527 1.527 0 011.658-.324 5.196 5.196 0 007.103-5.608L17.7 10.633a2.031 2.031 0 01-2.873-.001l-1.46-1.46a2.032 2.032 0 010-2.874l2.236-2.237zm-5.886.046a7.197 7.197 0 018.19-1.406 1 1 0 01.275 1.61l-3.401 3.401a.032.032 0 000 .046l1.46 1.46a.031.031 0 00.045 0l3.402-3.401a1 1 0 011.61.276 7.198 7.198 0 01-8.93 9.873l-5.137 5.136a3.064 3.064 0 01-4.335-4.333l5.137-5.138a7.195 7.195 0 011.684-7.524z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$o, _path2$h, _path3$6;\n\nfunction _extends$r() { _extends$r = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$r.apply(this, arguments); }\n\nfunction SvgTrash2(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$r({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$o || (_path$o = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M5 7a1 1 0 011-1h12a1 1 0 011 1v12a3 3 0 01-3 3H8a3 3 0 01-3-3V7zm2 1v11a1 1 0 001 1h8a1 1 0 001-1V8H7z\",\n clipRule: \"evenodd\"\n })), _path2$h || (_path2$h = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M7 7a1 1 0 001 1h8a1 1 0 001-1V5a3 3 0 00-3-3h-4a3 3 0 00-3 3v2zm2-1V5a1 1 0 011-1h4a1 1 0 011 1v1H9z\",\n clipRule: \"evenodd\"\n })), _path3$6 || (_path3$6 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M3 7a1 1 0 011-1h16a1 1 0 110 2H4a1 1 0 01-1-1zm7 3a1 1 0 011 1v5a1 1 0 11-2 0v-5a1 1 0 011-1zm4 0a1 1 0 011 1v5a1 1 0 11-2 0v-5a1 1 0 011-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$n, _path2$g;\n\nfunction _extends$q() { _extends$q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$q.apply(this, arguments); }\n\nfunction SvgTrendingDown(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$q({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$n || (_path$n = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M14 17a1 1 0 011-1h5v-5a1 1 0 112 0v6a1 1 0 01-1 1h-6a1 1 0 01-1-1z\",\n clipRule: \"evenodd\"\n })), _path2$g || (_path2$g = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2.293 6.293a1 1 0 011.414 0L9 11.586l3.293-3.293a1 1 0 011.414 0l7.9 7.9a1 1 0 01-1.415 1.414L13 10.414l-3.293 3.293a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$m, _path2$f;\n\nfunction _extends$p() { _extends$p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$p.apply(this, arguments); }\n\nfunction SvgTrendingUp(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$p({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$m || (_path$m = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M14 7a1 1 0 001 1h5v5a1 1 0 102 0V7a1 1 0 00-1-1h-6a1 1 0 00-1 1z\",\n clipRule: \"evenodd\"\n })), _path2$f || (_path2$f = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2.293 17.707a1 1 0 001.414 0L9 12.414l3.293 3.293a1 1 0 001.414 0l7.9-7.9a1 1 0 00-1.415-1.414L13 13.586l-3.293-3.293a1 1 0 00-1.414 0l-6 6a1 1 0 000 1.414z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$l;\n\nfunction _extends$o() { _extends$o = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$o.apply(this, arguments); }\n\nfunction SvgTriangle(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$o({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$l || (_path$l = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8.674 4.883c1.48-2.51 5.163-2.51 6.643 0l6.15 10.435C22.974 17.872 21.07 21 18.148 21H5.845c-2.923 0-4.827-3.128-3.322-5.682L8.674 4.883zM13.595 5.9c-.707-1.199-2.492-1.199-3.199 0l-6.15 10.435C3.563 17.491 4.393 19 5.844 19h12.301c1.451 0 2.282-1.51 1.6-2.666L13.595 5.9z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$k, _path2$e;\n\nfunction _extends$n() { _extends$n = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$n.apply(this, arguments); }\n\nfunction SvgUnlock(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$n({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$k || (_path$k = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M3 13a3 3 0 013-3h12a3 3 0 013 3v6a3 3 0 01-3 3H6a3 3 0 01-3-3v-6zm3-1a1 1 0 00-1 1v6a1 1 0 001 1h12a1 1 0 001-1v-6a1 1 0 00-1-1H6z\",\n clipRule: \"evenodd\"\n })), _path2$e || (_path2$e = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M7 7a5 5 0 0110 0 1 1 0 11-2 0 3 3 0 10-6 0v3a1 1 0 11-2 0V7z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$j, _path2$d, _path3$5;\n\nfunction _extends$m() { _extends$m = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$m.apply(this, arguments); }\n\nfunction SvgUploadCloud(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$m({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$j || (_path$j = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M10 4a6 6 0 00-4.659 9.782 1 1 0 11-1.551 1.261 8 8 0 1113.973-6.985 5.001 5.001 0 012.755 8.495 1 1 0 01-1.407-1.421A3 3 0 0017 10c-.544 0-.99-.4-1.07-.919A6.002 6.002 0 0010 4z\",\n clipRule: \"evenodd\"\n })), _path2$d || (_path2$d = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M16.707 16.707a1 1 0 01-1.414 0L12 13.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z\",\n clipRule: \"evenodd\"\n })), _path3$5 || (_path3$5 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 11a1 1 0 011 1v9a1 1 0 01-2 0v-9a1 1 0 011-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$i, _path2$c, _path3$4;\n\nfunction _extends$l() { _extends$l = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$l.apply(this, arguments); }\n\nfunction SvgUpload(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$l({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$i || (_path$i = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M18.707 9.707a1 1 0 01-1.414 0L12 4.414 6.707 9.707a1 1 0 01-1.414-1.414l6-6a1 1 0 011.414 0l6 6a1 1 0 010 1.414z\",\n clipRule: \"evenodd\"\n })), _path2$c || (_path2$c = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 2a1 1 0 011 1v13a1 1 0 11-2 0V3a1 1 0 011-1z\",\n clipRule: \"evenodd\"\n })), _path3$4 || (_path3$4 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M3 15a1 1 0 011 1v3a1 1 0 001 1h14a1 1 0 001-1v-3a1 1 0 112 0v3a3 3 0 01-3 3H5a3 3 0 01-3-3v-3a1 1 0 011-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$h;\n\nfunction _extends$k() { _extends$k = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$k.apply(this, arguments); }\n\nfunction SvgUserCheck(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$k({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$h || (_path$h = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M21.707 9.293a1 1 0 00-1.414 0L17 12.586l-1.293-1.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4a1 1 0 000-1.414zM9 4a3 3 0 100 6 3 3 0 000-6zM4 7a5 5 0 1110 0A5 5 0 014 7zM2 19a5 5 0 015-5h4a5 5 0 015 5v2a1 1 0 11-2 0v-2a3 3 0 00-3-3H7a3 3 0 00-3 3v2a1 1 0 11-2 0v-2z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$g;\n\nfunction _extends$j() { _extends$j = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$j.apply(this, arguments); }\n\nfunction SvgUserMinus(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$j({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$g || (_path$g = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M14 12a1 1 0 001 1h6a1 1 0 100-2h-6a1 1 0 00-1 1zM9 4a3 3 0 100 6 3 3 0 000-6zM4 7a5 5 0 1110 0A5 5 0 014 7zM2 19a5 5 0 015-5h4a5 5 0 015 5v2a1 1 0 11-2 0v-2a3 3 0 00-3-3H7a3 3 0 00-3 3v2a1 1 0 11-2 0v-2z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$f, _path2$b;\n\nfunction _extends$i() { _extends$i = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }\n\nfunction SvgUserPlus(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$i({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$f || (_path$f = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M18 16a1 1 0 001-1V9a1 1 0 10-2 0v6a1 1 0 001 1z\",\n clipRule: \"evenodd\"\n })), _path2$b || (_path2$b = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M14 12a1 1 0 001 1h6a1 1 0 100-2h-6a1 1 0 00-1 1zM9 4a3 3 0 100 6 3 3 0 000-6zM4 7a5 5 0 1110 0A5 5 0 014 7zM2 19a5 5 0 015-5h4a5 5 0 015 5v2a1 1 0 11-2 0v-2a3 3 0 00-3-3H7a3 3 0 00-3 3v2a1 1 0 11-2 0v-2z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$e, _path2$a, _path3$3;\n\nfunction _extends$h() { _extends$h = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$h.apply(this, arguments); }\n\nfunction SvgUserPrivacy(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$h({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$e || (_path$e = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8 4a3 3 0 100 6 3 3 0 000-6zM3 7a5 5 0 1110 0A5 5 0 013 7zM2 19a5 5 0 015-5h1a1 1 0 110 2H7a3 3 0 00-3 3v2a1 1 0 11-2 0v-2zm8-2a3 3 0 013-3h6a3 3 0 013 3v2a3 3 0 01-3 3h-6a3 3 0 01-3-3v-2zm3-1a1 1 0 00-1 1v2a1 1 0 001 1h6a1 1 0 001-1v-2a1 1 0 00-1-1h-6z\",\n clipRule: \"evenodd\"\n })), _path2$a || (_path2$a = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 13a3 3 0 013-3h2a3 3 0 013 3v2a1 1 0 11-2 0v-2a1 1 0 00-1-1h-2a1 1 0 00-1 1v2a1 1 0 11-2 0v-2z\",\n clipRule: \"evenodd\"\n })), _path3$3 || (_path3$3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17 18a1 1 0 11-2 0 1 1 0 012 0z\"\n })));\n}\n\nvar _path$d, _path2$9;\n\nfunction _extends$g() { _extends$g = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }\n\nfunction SvgUserTime(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$g({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$d || (_path$d = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M16 12a4 4 0 100 8 4 4 0 000-8zm-6 4a6 6 0 1112 0 6 6 0 01-12 0z\",\n clipRule: \"evenodd\"\n })), _path2$9 || (_path2$9 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M16 13a1 1 0 011 1v1h1a1 1 0 110 2h-2a1 1 0 01-1-1v-2a1 1 0 011-1zM8 4a3 3 0 100 6 3 3 0 000-6zM3 7a5 5 0 1110 0A5 5 0 013 7zM2 19a5 5 0 015-5h1a1 1 0 110 2H7a3 3 0 00-3 3v2a1 1 0 11-2 0v-2z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$c;\n\nfunction _extends$f() { _extends$f = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$f.apply(this, arguments); }\n\nfunction SvgUserX(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$f({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$c || (_path$c = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M21.192 9.293a1 1 0 010 1.414l-1.535 1.536 1.293 1.293a1 1 0 01-1.415 1.414l-1.292-1.293-1.293 1.293a1 1 0 01-1.414-1.414l1.292-1.293-1.535-1.536a1 1 0 011.414-1.414l1.536 1.535 1.535-1.535a1 1 0 011.414 0zM9 4a3 3 0 100 6 3 3 0 000-6zM4 7a5 5 0 1110 0A5 5 0 014 7zM2 19a5 5 0 015-5h4a5 5 0 015 5v2a1 1 0 11-2 0v-2a3 3 0 00-3-3H7a3 3 0 00-3 3v2a1 1 0 11-2 0v-2z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$b;\n\nfunction _extends$e() { _extends$e = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$e.apply(this, arguments); }\n\nfunction SvgUsers(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$e({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$b || (_path$b = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M9 4a3 3 0 100 6 3 3 0 000-6zM4 7a5 5 0 1110 0A5 5 0 014 7zm11.134-3.966a1 1 0 011.367-.364A4.998 4.998 0 0119 7a4.998 4.998 0 01-2.5 4.33 1 1 0 11-1-1.73 3.003 3.003 0 000-5.2 1 1 0 01-.366-1.366zM2 19a5 5 0 015-5h4a5 5 0 015 5v2a1 1 0 11-2 0v-2a3 3 0 00-3-3H7a3 3 0 00-3 3v2a1 1 0 11-2 0v-2zm14-4a1 1 0 011-1 5 5 0 015 5v2a1 1 0 11-2 0v-2a3 3 0 00-3-3 1 1 0 01-1-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$a, _path2$8, _path3$2;\n\nfunction _extends$d() { _extends$d = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }\n\nfunction SvgWalking(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$d({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$a || (_path$a = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M11.787 8.542a1 1 0 01.67 1.245l-1.478 4.929-.49 3.425a.999.999 0 01-.157.414l-2 3a1 1 0 01-1.664-1.11l1.874-2.811.468-3.275a.998.998 0 01.032-.146l1.5-5a1 1 0 011.245-.67z\",\n clipRule: \"evenodd\"\n })), _path2$8 || (_path2$8 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M9.793 7.793a1 1 0 01.95-.263l2 .5a1 1 0 01.718.695l.866 3.029 2.044.818a1 1 0 01-.742 1.857l-2.5-1a1 1 0 01-.59-.654l-.842-2.945-.89-.223-1.933 1.933-.925 2.776a1 1 0 01-1.898-.632l1-3a1 1 0 01.242-.391l2.5-2.5z\",\n clipRule: \"evenodd\"\n })), _path3$2 || (_path3$2 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M9.86 13.732a1 1 0 011.408.128l2.5 3a1 1 0 01.193.365l1 3.5a1 1 0 01-1.923.55l-.941-3.297-2.365-2.838a1 1 0 01.128-1.408zM12.5 7a2 2 0 100-4 2 2 0 000 4z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$9, _path2$7, _path3$1;\n\nfunction _extends$c() { _extends$c = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }\n\nfunction SvgWifiOff(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$c({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$9 || (_path$9 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M10.977 10.001a1 1 0 01-.764 1.19 8.357 8.357 0 00-3.573 1.745 1 1 0 01-1.28-1.537 10.357 10.357 0 014.427-2.162 1 1 0 011.19.764zm4.385.571a1 1 0 011.346-.434c.677.346 1.317.768 1.91 1.261a1 1 0 01-1.28 1.537 8.354 8.354 0 00-1.542-1.018 1 1 0 01-.434-1.346zM12 6c-.404 0-.807.02-1.206.058a1 1 0 01-.192-1.991 14.612 14.612 0 0111.06 3.583 1 1 0 01-1.323 1.5A12.61 12.61 0 0012 6zm-4.996-.09a1 1 0 01-.468 1.335A12.608 12.608 0 003.66 9.151a1 1 0 11-1.322-1.5 14.607 14.607 0 013.33-2.208 1 1 0 011.335.468zM11.956 16c-.852 0-1.682.265-2.377.758a1 1 0 01-1.158-1.63 6.104 6.104 0 017.07 0 1 1 0 11-1.158 1.63A4.104 4.104 0 0011.956 16z\",\n clipRule: \"evenodd\"\n })), _path2$7 || (_path2$7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13 20a1 1 0 11-2 0 1 1 0 012 0z\"\n })), _path3$1 || (_path3$1 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2.293 2.293a1 1 0 011.414 0l18 18a1 1 0 01-1.414 1.414l-18-18a1 1 0 010-1.414z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$8, _path2$6;\n\nfunction _extends$b() { _extends$b = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }\n\nfunction SvgWifi(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$b({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$8 || (_path$8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3.661 9.15a12.61 12.61 0 0116.678 0 1 1 0 001.322-1.5 14.61 14.61 0 00-19.322 0 1 1 0 101.322 1.5z\"\n })), _path2$6 || (_path2$6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6.64 12.936a8.357 8.357 0 0110.697 0 1 1 0 001.28-1.537 10.357 10.357 0 00-13.257 0 1 1 0 001.28 1.537zM11.956 16c-.852 0-1.682.265-2.377.758a1 1 0 01-1.158-1.63 6.104 6.104 0 017.07 0 1 1 0 11-1.158 1.63A4.104 4.104 0 0011.956 16zM12 21a1 1 0 100-2 1 1 0 000 2z\"\n })));\n}\n\nvar _path$7, _path2$5;\n\nfunction _extends$a() { _extends$a = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }\n\nfunction SvgXCircle(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$a({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$7 || (_path$7 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12 4a8 8 0 100 16 8 8 0 000-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12z\",\n clipRule: \"evenodd\"\n })), _path2$5 || (_path2$5 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8.463 8.464a1 1 0 011.414 0l2.121 2.122 2.122-2.122a1 1 0 011.414 1.415L13.413 12l2.121 2.121a1 1 0 01-1.414 1.415l-2.122-2.122-2.12 2.122a1 1 0 11-1.415-1.415L10.584 12 8.463 9.879a1 1 0 010-1.415z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$6, _path2$4;\n\nfunction _extends$9() { _extends$9 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }\n\nfunction SvgXOctagon(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$9({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$6 || (_path$6 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M6.98 2.879A3 3 0 019.1 2h5.8a3 3 0 012.12.879l4.101 4.1A3 3 0 0122 9.101v5.798a3 3 0 01-.879 2.122l-4.1 4.1a3 3 0 01-2.122.879H9.101a3 3 0 01-2.122-.879l-4.1-4.1A3 3 0 012 14.899V9.101a3 3 0 01.879-2.122l4.1-4.1zM9.1 4a1 1 0 00-.707.293l-4.1 4.1A1 1 0 004 9.101v5.798a1 1 0 00.293.708l4.1 4.1a1 1 0 00.708.293h5.798a1 1 0 00.708-.293l4.1-4.1A1 1 0 0020 14.9V9.1a1 1 0 00-.293-.707l-4.1-4.1A1 1 0 0014.9 4H9.1z\",\n clipRule: \"evenodd\"\n })), _path2$4 || (_path2$4 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8.464 8.464a1 1 0 011.415 0L12 10.586l2.121-2.122a1 1 0 111.415 1.415L13.414 12l2.122 2.121a1 1 0 11-1.415 1.415L12 13.414l-2.121 2.122a1 1 0 11-1.415-1.415L10.586 12 8.464 9.879a1 1 0 010-1.415z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$5, _path2$3;\n\nfunction _extends$8() { _extends$8 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }\n\nfunction SvgXSquare(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$8({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$5 || (_path$5 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2 5a3 3 0 013-3h14a3 3 0 013 3v14a3 3 0 01-3 3H5a3 3 0 01-3-3V5zm3-1a1 1 0 00-1 1v14a1 1 0 001 1h14a1 1 0 001-1V5a1 1 0 00-1-1H5z\",\n clipRule: \"evenodd\"\n })), _path2$3 || (_path2$3 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8.464 8.464a1 1 0 011.415 0L12 10.586l2.121-2.122a1 1 0 111.415 1.415L13.414 12l2.122 2.121a1 1 0 11-1.415 1.415L12 13.414l-2.121 2.122a1 1 0 11-1.415-1.415L10.586 12 8.464 9.879a1 1 0 010-1.415z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$4;\n\nfunction _extends$7() { _extends$7 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }\n\nfunction SvgX(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$7({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$4 || (_path$4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.243 17.657a1 1 0 001.414-1.414L13.414 12l4.243-4.243a1 1 0 10-1.414-1.414L12 10.586 7.757 6.343a1 1 0 10-1.414 1.414L10.586 12l-4.243 4.243a1 1 0 101.414 1.414L12 13.414l4.243 4.243z\"\n })));\n}\n\nvar _path$3, _path2$2;\n\nfunction _extends$6() { _extends$6 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }\n\nfunction SvgZapOff(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$6({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$3 || (_path$3 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M14.426 2.095a1 1 0 01.564 1.046l-.658 4.603a1 1 0 01-1.98-.283l.198-1.379-.35.385a1 1 0 11-1.48-1.345l2.54-2.795a1 1 0 011.166-.232zM9.434 8.022a1 1 0 01.067 1.413L6.261 13H11a1 1 0 01.99 1.141l-.54 3.777 2.914-3.205a1 1 0 011.48 1.345l-5.104 5.615a1 1 0 01-1.73-.814L9.847 15H4a1 1 0 01-.74-1.673L8.022 8.09a1 1 0 011.412-.068zM14.7 10a1 1 0 011-1H20a1 1 0 01.74 1.673l-2.05 2.255a1 1 0 11-1.48-1.345l.53-.583H15.7a1 1 0 01-1-1z\",\n clipRule: \"evenodd\"\n })), _path2$2 || (_path2$2 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M2.293 2.293a1 1 0 011.414 0l18 18a1 1 0 01-1.414 1.414l-18-18a1 1 0 010-1.414z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$2;\n\nfunction _extends$5() { _extends$5 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }\n\nfunction SvgZap(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$5({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$2 || (_path$2 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M14.426 2.095a1 1 0 01.564 1.046L14.153 9H20a1 1 0 01.74 1.673l-10 11a1 1 0 01-1.73-.814L9.847 15H4a1 1 0 01-.74-1.673l10-11a1 1 0 011.166-.232zM6.26 13H11a1 1 0 01.99 1.141l-.54 3.777L17.74 11H13a1 1 0 01-.99-1.141l.54-3.777L6.26 13z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path$1, _path2$1, _path3;\n\nfunction _extends$4() { _extends$4 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }\n\nfunction SvgZoomIn(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$4({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M11 4a7 7 0 100 14 7 7 0 000-14zm-9 7a9 9 0 1118 0 9 9 0 01-18 0z\",\n clipRule: \"evenodd\"\n })), _path2$1 || (_path2$1 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M16.293 16.293a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414zM7 11a1 1 0 011-1h6a1 1 0 110 2H8a1 1 0 01-1-1z\",\n clipRule: \"evenodd\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M11 15a1 1 0 01-1-1V8a1 1 0 112 0v6a1 1 0 01-1 1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar _path, _path2;\n\nfunction _extends$3() { _extends$3 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }\n\nfunction SvgZoomOut(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$3({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n fill: \"currentColor\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M11 4a7 7 0 100 14 7 7 0 000-14zm-9 7a9 9 0 1118 0 9 9 0 01-18 0z\",\n clipRule: \"evenodd\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M16.293 16.293a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414zM7 11a1 1 0 011-1h6a1 1 0 110 2H8a1 1 0 01-1-1z\",\n clipRule: \"evenodd\"\n })));\n}\n\nvar data$2 = {\r\n activity: SvgActivity,\r\n airplane: SvgAirplane,\r\n 'alert-circle': SvgAlertCircle,\r\n 'alert-octagon': SvgAlertOctagon,\r\n 'alert-triangle': SvgAlertTriangle,\r\n 'arrow-down-circle': SvgArrowDownCircle,\r\n 'arrow-down-left': SvgArrowDownLeft,\r\n 'arrow-down-right': SvgArrowDownRight,\r\n 'arrow-down': SvgArrowDown,\r\n 'arrow-left-circle': SvgArrowLeftCircle,\r\n 'arrow-left': SvgArrowLeft,\r\n 'arrow-right-circle': SvgArrowRightCircle,\r\n 'arrow-right': SvgArrowRight,\r\n 'arrow-up-circle': SvgArrowUpCircle,\r\n 'arrow-up-left': SvgArrowUpLeft,\r\n 'arrow-up-right': SvgArrowUpRight,\r\n 'arrow-up': SvgArrowUp,\r\n award: SvgAward,\r\n 'bar-chart': SvgBarChart,\r\n 'bar-chart-2': SvgBarChart2,\r\n baseball: SvgBaseball,\r\n basketball: SvgBasketball,\r\n bed: SvgBed,\r\n 'bell-off': SvgBellOff,\r\n bell: SvgBell,\r\n 'book-open': SvgBookOpen,\r\n bookmark: SvgBookmark,\r\n briefcase: SvgBriefcase,\r\n calendar: SvgCalendar,\r\n 'camera-off': SvgCameraOff,\r\n camera: SvgCamera,\r\n car: SvgCar,\r\n 'cdc-in-frame': SvgCdcInFrame,\r\n 'cdc-review': SvgCdcReview,\r\n check: SvgCheck,\r\n 'checkmark-circle': SvgCheckmarkCircle,\r\n 'chevron-down': SvgChevronDown,\r\n 'chevron-left': SvgChevronLeft,\r\n 'chevron-right': SvgChevronRight,\r\n 'chevron-up': SvgChevronUp,\r\n 'chevrons-down': SvgChevronsDown,\r\n 'chevrons-left': SvgChevronsLeft,\r\n 'chevrons-right': SvgChevronsRight,\r\n 'chevrons-up': SvgChevronsUp,\r\n 'circle-delete': SvgCircleDelete,\r\n circle: SvgCircle,\r\n clipboard: SvgClipboard,\r\n clock: SvgClock,\r\n 'cloud-drizzle': SvgCloudDrizzle,\r\n 'cloud-lightning': SvgCloudLightning,\r\n 'cloud-off': SvgCloudOff,\r\n 'cloud-rain': SvgCloudRain,\r\n 'cloud-snow': SvgCloudSnow,\r\n cloud: SvgCloud,\r\n columns: SvgColumns,\r\n compass: SvgCompass,\r\n copy: SvgCopy,\r\n 'corner-down-left': SvgCornerDownLeft,\r\n 'corner-down-right': SvgCornerDownRight,\r\n 'corner-left-down': SvgCornerLeftDown,\r\n 'corner-left-up': SvgCornerLeftUp,\r\n 'corner-right-down': SvgCornerRightDown,\r\n 'corner-right-up': SvgCornerRightUp,\r\n 'corner-up-left': SvgCornerUpLeft,\r\n 'corner-up-right': SvgCornerUpRight,\r\n 'credit-card': SvgCreditCard,\r\n crop: SvgCrop,\r\n crosshair: SvgCrosshair,\r\n delete: SvgDelete,\r\n 'dollar-sign': SvgDollarSign,\r\n 'download-cloud': SvgDownloadCloud,\r\n download: SvgDownload,\r\n 'drop-down': SvgDropDown,\r\n 'drop-left': SvgDropLeft,\r\n 'drop-right': SvgDropRight,\r\n 'drop-up': SvgDropUp,\r\n droplet: SvgDroplet,\r\n 'edit-2': SvgEdit2,\r\n edit: SvgEdit,\r\n 'external-link': SvgExternalLink,\r\n 'eye-off': SvgEyeOff,\r\n eye: SvgEye,\r\n 'face-in-frame': SvgFaceInFrame,\r\n 'face-mask': SvgFaceMask,\r\n file: SvgFile,\r\n filter: SvgFilter,\r\n 'fingerprint-off': SvgFingerprintOff,\r\n fingerprint: SvgFingerprint,\r\n flag: SvgFlag,\r\n folder: SvgFolder,\r\n frown: SvgFrown,\r\n gift: SvgGift,\r\n glasses: SvgGlasses,\r\n globe: SvgGlobe,\r\n grid: SvgGrid,\r\n hash: SvgHash,\r\n headphones: SvgHeadphones,\r\n 'health-pass': SvgHealthPass,\r\n health: SvgHealth,\r\n heart: SvgHeart,\r\n 'help-circle': SvgHelpCircle,\r\n hexagon: SvgHexagon,\r\n home: SvgHome,\r\n iconlogo: SvgIconlogo,\r\n 'id-card-back': SvgIdCardBack,\r\n 'id-card': SvgIdCard,\r\n 'id-in-frame': SvgIdInFrame,\r\n 'id-in-review': SvgIdInReview,\r\n image: SvgImage,\r\n inbox: SvgInbox,\r\n info: SvgInfo,\r\n key: SvgKey,\r\n lab: SvgLab,\r\n 'laptop-computer': SvgLaptopComputer,\r\n link: SvgLink,\r\n loader: SvgLoader,\r\n lock: SvgLock,\r\n 'log-in': SvgLogIn,\r\n 'log-out': SvgLogOut,\r\n luggage: SvgLuggage,\r\n mail: SvgMail,\r\n maintenance: SvgMaintenance,\r\n 'map-pin-off': SvgMapPinOff,\r\n 'map-pin': SvgMapPin,\r\n map: SvgMap,\r\n 'maximize-2': SvgMaximize2,\r\n maximize: SvgMaximize,\r\n meh: SvgMeh,\r\n menu: SvgMenu,\r\n message: SvgMessage,\r\n 'message-circle': SvgMessageCircle,\r\n mic: SvgMic,\r\n 'minimize-2': SvgMinimize2,\r\n minimize: SvgMinimize,\r\n 'minus-circle': SvgMinusCircle,\r\n 'minus-square': SvgMinusSquare,\r\n minus: SvgMinus,\r\n 'mobile-phone': SvgMobilePhone,\r\n moon: SvgMoon,\r\n 'more-horizontal': SvgMoreHorizontal,\r\n 'more-vertical': SvgMoreVertical,\r\n move: SvgMove,\r\n 'navigation-2': SvgNavigation2,\r\n navigation: SvgNavigation,\r\n nfc: SvgNfc,\r\n 'number-one': SvgNumberOne,\r\n octagon: SvgOctagon,\r\n paperclip: SvgPaperclip,\r\n passport: SvgPassport,\r\n phone: SvgPhone,\r\n 'pie-chart': SvgPieChart,\r\n 'plane-board': SvgPlaneBoard,\r\n 'plug-icon': SvgPlugIcon,\r\n 'plug-off': SvgPlugOff,\r\n 'plus-circle': SvgPlusCircle,\r\n 'plus-square': SvgPlusSquare,\r\n plus: SvgPlus,\r\n power: SvgPower,\r\n profile: SvgProfile,\r\n 'qr-code-phone': SvgQrCodePhone,\r\n 'qr-code-scan-off': SvgQrCodeScanOff,\r\n 'qr-code-scan': SvgQrCodeScan,\r\n 'qr-code': SvgQrCode,\r\n quiz: SvgQuiz,\r\n radio: SvgRadio,\r\n refresh: SvgRefresh,\r\n repeat: SvgRepeat,\r\n rss: SvgRss,\r\n save: SvgSave,\r\n search: SvgSearch,\r\n send: SvgSend,\r\n 'settings 1': SvgSettings1,\r\n sex: SvgSex,\r\n 'share-android': SvgShareAndroid,\r\n share: SvgShare,\r\n 'shield-off': SvgShieldOff,\r\n shield: SvgShield,\r\n 'shopping-cart': SvgShoppingCart,\r\n sidebar: SvgSidebar,\r\n slash: SvgSlash,\r\n sliders: SvgSliders,\r\n smile: SvgSmile,\r\n square: SvgSquare,\r\n star: SvgStar,\r\n sun: SvgSun,\r\n sunrise: SvgSunrise,\r\n sunset: SvgSunset,\r\n sync: SvgSync,\r\n syringe: SvgSyringe,\r\n table: SvgTable,\r\n tag: SvgTag,\r\n 'temperature-off': SvgTemperatureOff,\r\n temperature: SvgTemperature,\r\n tennis: SvgTennis,\r\n 'thumbs-down': SvgThumbsDown,\r\n 'thumbs-up': SvgThumbsUp,\r\n 'ticket-group': SvgTicketGroup,\r\n ticket: SvgTicket,\r\n tool: SvgTool,\r\n 'trash-2': SvgTrash2,\r\n 'trending-down': SvgTrendingDown,\r\n 'trending-up': SvgTrendingUp,\r\n triangle: SvgTriangle,\r\n unlock: SvgUnlock,\r\n 'upload-cloud': SvgUploadCloud,\r\n upload: SvgUpload,\r\n 'user-check': SvgUserCheck,\r\n 'user-minus': SvgUserMinus,\r\n 'user-plus': SvgUserPlus,\r\n 'user-privacy': SvgUserPrivacy,\r\n 'user-time': SvgUserTime,\r\n 'user-x': SvgUserX,\r\n users: SvgUsers,\r\n walking: SvgWalking,\r\n 'wifi-off': SvgWifiOff,\r\n wifi: SvgWifi,\r\n 'x-circle': SvgXCircle,\r\n 'x-octagon': SvgXOctagon,\r\n 'x-square': SvgXSquare,\r\n x: SvgX,\r\n 'zap-off': SvgZapOff,\r\n zap: SvgZap,\r\n 'zoom-in': SvgZoomIn,\r\n 'zoom-out': SvgZoomOut,\r\n};\n\nvar SVG = function (_a) {\r\n var _b = _a.color, color = _b === void 0 ? 'neutralsTextBlack' : _b, name = _a.name, _c = _a.size, size = _c === void 0 ? '100%' : _c, props = __rest(_a, [\"color\", \"name\", \"size\"]);\r\n var fill = colors[color] || color;\r\n var Comp = data$2[name];\r\n return Comp ? (React__default.createElement(Comp, __assign({ fillRule: \"evenodd\", clipRule: \"evenodd\", width: size, height: size, viewBox: \"0 0 24 24\", preserveAspectRatio: \"xMidYMid meet\", xmlns: \"http://www.w3.org/2000/svg\", xmlnsXlink: \"http://www.w3.org/1999/xlink\", fill: fill }, props))) : (React__default.createElement(React__default.Fragment, null));\r\n};\r\nvar Icon = function (_a) {\r\n var _b = _a.size, size = _b === void 0 ? '1.5rem' : _b, iconClick = _a.iconClick, role = _a.role, props = __rest(_a, [\"size\", \"iconClick\", \"role\"]);\r\n return (React__default.createElement(Box, __assign({ width: size, height: size, flexShrink: 0, onClick: iconClick, role: role, \"aria-label\": props.name, \"data-testid\": \"test-icon-\".concat(props.name) }, props),\r\n React__default.createElement(SVG, __assign({}, props, { \"aria-hidden\": true }))));\r\n};\r\nvar getSVGUrl = function (props) {\r\n var url = encodeURIComponent(renderToStaticMarkup(React__default.createElement(SVG, __assign({}, props))));\r\n return \"url(data:image/svg+xml;utf8,\".concat(url, \")\");\r\n};\n\nvar Input = forwardRef(function (_a, ref) {\r\n var _b;\r\n var icon = _a.icon, color = _a.color, _c = _a.variant, variant = _c === void 0 ? 'default' : _c, props = __rest(_a, [\"icon\", \"color\", \"variant\"]);\r\n var px = 4;\r\n var py = 3;\r\n var css = {\r\n outline: 'none',\r\n ':disabled': {\r\n color: 'neutralsPlaceholderGray',\r\n borderColor: 'neutralsLightGray',\r\n bg: 'neutralsBackgroundGray',\r\n },\r\n '::placeholder': {\r\n color: 'neutralsPlaceholderGray',\r\n },\r\n ':disabled::placeholder': {\r\n color: 'neutralsBorderGray',\r\n },\r\n };\r\n var statusColors = ['success', 'error'];\r\n var hasBorder = variant !== 'borderless';\r\n if (hasBorder && color && inputColors[color]) {\r\n Object.assign(css, inputColors[color]);\r\n }\r\n else if (variant === 'default') {\r\n Object.assign(css, inputColors['default']);\r\n }\r\n var iconRole = '';\r\n if (icon) {\r\n iconRole = props.iconClick ? 'button' : 'img';\r\n }\r\n if (variant === 'borderless' && color && statusColors.includes(color)) {\r\n Object.assign(css, { color: (_b = inputColors[color]) === null || _b === void 0 ? void 0 : _b.borderColor });\r\n }\r\n return (React__default.createElement(Box, { display: \"inline-flex\", position: \"relative\" },\r\n React__default.createElement(Box, __assign({ as: \"input\", ref: ref, tx: \"form.input\", variant: variant, id: props.id || props.name, \"aria-label\": props.id || props.name, maxWidth: \"inputMaxWidth\", height: \"inputHeight\", pr: icon ? 7 : px }, props, { __css: css })),\r\n React__default.createElement(Icon, { cursor: props.iconClick ? 'pointer' : 'inherit', position: \"absolute\", right: \".75rem\", top: py, name: icon, role: iconRole, iconClick: props.iconClick, color: props.disabled ? 'neutralsBorderGray' : 'neutralsTextGray' })));\r\n});\r\nInput.displayName = 'Input';\r\nvar InputGroup = forwardRef(function (_a, ref) {\r\n var variant = _a.variant, color = _a.color, label = _a.label, message = _a.message, icon = _a.icon, disabled = _a.disabled, containerProps = _a.containerProps, messageProps = _a.messageProps, error = _a.error, props = __rest(_a, [\"variant\", \"color\", \"label\", \"message\", \"icon\", \"disabled\", \"containerProps\", \"messageProps\", \"error\"]);\r\n var colorType = error ? 'error' : color;\r\n var messageText = error || message;\r\n return (React__default.createElement(Flex, __assign({ flexDirection: \"column\", p: 4, width: \"100%\" }, containerProps),\r\n React__default.createElement(Label$1, { variant: disabled ? 'disabled' : 'default', mb: 2, htmlFor: props.id || props.name, as: \"label\" }, label),\r\n React__default.createElement(Input, __assign({ ref: ref, variant: variant, color: error ? 'error' : color, disabled: disabled, icon: icon, maxWidth: \"none\", width: \"100%\", \"aria-invalid\": !!error }, props)),\r\n messageText && (React__default.createElement(Message, __assign({ role: \"alert\", variant: colorType, mt: 1 }, messageProps), messageText))));\r\n});\r\nInputGroup.displayName = 'InputGroup';\n\nvar Label$1 = forwardRef(function (_a, ref) {\r\n var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, props = __rest(_a, [\"variant\"]);\r\n return (React__default.createElement(Box, __assign({ ref: ref, variant: variant, tx: \"form.label\", sx: {\r\n fontSize: 1,\r\n } }, props)));\r\n});\r\nLabel$1.displayName = 'Label';\n\nvar Link = forwardRef(function (_a, ref) {\r\n var children = _a.children, href = _a.href, _b = _a.visitable, visitable = _b === void 0 ? false : _b, props = __rest(_a, [\"children\", \"href\", \"visitable\"]);\r\n return (React__default.createElement(Text, __assign({ as: \"a\", sx: {\r\n cursor: 'pointer',\r\n }, ref: ref, color: \"utilityLinkBlue\", __css: __assign(__assign({ textDecoration: 'none' }, (visitable && {\r\n '&:visited': {\r\n color: 'utilityLinkPurpleVisited',\r\n },\r\n })), { '&:active': {\r\n color: 'brandMidnightBlue',\r\n }, '&:hover': {\r\n textDecoration: 'underline',\r\n } }), href: href, variant: \"medium\" }, props), children));\r\n});\r\nLink.displayName = 'Link';\n\nvar ListIcon = function (_a) {\r\n var iconName = _a.iconName, _b = _a.iconType, iconType = _b === void 0 ? 'interactive' : _b, _c = _a.iconColor, iconColor = _c === void 0 ? 'brandMidnightBlue' : _c, _d = _a.iconContainerColor, iconContainerColor = _d === void 0 ? 'brandBlueWash' : _d;\r\n var isNonInteractive = iconType === 'nonInteractive';\r\n var colors = {\r\n iconContainerColor: iconContainerColor,\r\n iconColor: iconColor,\r\n };\r\n if (isNonInteractive) {\r\n colors = {\r\n iconContainerColor: 'neutralsWhite',\r\n iconColor: 'neutralsTextBlack',\r\n };\r\n }\r\n var IconComp = (React__default.createElement(Icon, { size: \"1.5rem\", name: iconName, color: colors.iconColor }));\r\n return isNonInteractive ? (IconComp) : (React__default.createElement(Flex, { alignItems: \"center\", justifyContent: \"center\", borderRadius: \"50%\", width: \"3rem\", minWidth: \"3rem\", height: \"3rem\", backgroundColor: colors.iconContainerColor }, IconComp));\r\n};\r\nvar Label = function (_a) {\r\n var label = _a.label, _b = _a.labelColor, labelColor = _b === void 0 ? 'neutralsTextBlack' : _b, _c = _a.labelVariant, labelVariant = _c === void 0 ? 'medium' : _c, subLabel = _a.subLabel, _d = _a.subLabelColor, subLabelColor = _d === void 0 ? 'neutralsTextGray' : _d, isAfterIcon = _a.isAfterIcon;\r\n return (React__default.createElement(Flex, { pl: isAfterIcon ? '1rem' : '0', pr: \"1rem\", flexDirection: \"column\" },\r\n React__default.createElement(Text, { variant: labelVariant, color: labelColor }, label),\r\n subLabel && (React__default.createElement(Text, { variant: \"regular\", mt: 1, fontSize: 1, color: subLabelColor }, subLabel))));\r\n};\r\nvar ActionButton = function (props) {\r\n return (React__default.createElement(Button, __assign({}, props, { \"data-testid\": \"testid-list-row-button-\".concat(props.id), icon: undefined, text: props.actionText, variant: \"secondary\", size: \"small\" })));\r\n};\r\nvar ActionLink = function (props) {\r\n return (React__default.createElement(Link, __assign({}, props, { \"data-testid\": \"testid-list-row-link-\".concat(props.id), fontSize: \"0.75rem\" }), props.actionText));\r\n};\r\nvar ActionIcon = function (_a) {\r\n var actionIcon = _a.actionIcon, actionIconColor = _a.actionIconColor;\r\n return (React__default.createElement(Flex, { alignItems: \"center\", justifyContent: \"center\" },\r\n React__default.createElement(Icon, { name: actionIcon, color: actionIconColor })));\r\n};\n\nvar ListRow = function (props) {\r\n var variant = props.variant, icon = props.icon, iconColor = props.iconColor, iconContainerColor = props.iconContainerColor, label = props.label, labelColor = props.labelColor, labelVariant = props.labelVariant, subLabel = props.subLabel, subLabelColor = props.subLabelColor, actionIcon = props.actionIcon, actionIconColor = props.actionIconColor;\r\n var actionProps = {\r\n actionIcon: actionIcon || 'chevron-right',\r\n actionIconColor: actionIconColor || 'neutralsPlaceholderGray',\r\n };\r\n var actionType = {\r\n interactive: null,\r\n nonInteractive: null,\r\n actionIcon: React__default.createElement(ActionIcon, __assign({}, actionProps)),\r\n actionButton: React__default.createElement(ActionButton, __assign({}, props)),\r\n actionLink: (React__default.createElement(ActionLink, { actionText: props.actionText, id: props.id, href: props.href, label: props.label })),\r\n };\r\n var action = actionType[variant || 'interactive'];\r\n return (React__default.createElement(Flex, __assign({ alignItems: \"center\", justifyContent: \"space-between\" }, props),\r\n React__default.createElement(Flex, { alignItems: \"center\" },\r\n icon && (React__default.createElement(ListIcon, { iconType: variant, iconName: icon, iconColor: iconColor, iconContainerColor: iconContainerColor })),\r\n React__default.createElement(Label, { label: label, labelColor: labelColor, labelVariant: labelVariant, subLabel: subLabel, subLabelColor: subLabelColor, isAfterIcon: !!icon })),\r\n React__default.createElement(Flex, { alignItems: \"center\", justifyItems: \"flex-end\", minWidth: \"fit-content\" }, action)));\r\n};\n\nvar _g$2, _defs;\n\nfunction _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }\n\nfunction SvgDotsOnly(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$2({\n preserveAspectRatio: \"xMidYMin meet\",\n viewBox: \"0 0 92 88\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _g$2 || (_g$2 = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#dots-only_svg__clip0_3773_34388)\",\n fill: \"#041A55\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10.977 46.92a2.983 2.983 0 002.977-2.99 2.983 2.983 0 00-2.977-2.99A2.983 2.983 0 008 43.93a2.983 2.983 0 002.977 2.99zM24.37 46.92a2.983 2.983 0 002.978-2.99 2.983 2.983 0 00-2.977-2.99 2.983 2.983 0 00-2.977 2.99 2.983 2.983 0 002.977 2.99zM18.884 55.741a2.983 2.983 0 002.977-2.99 2.983 2.983 0 00-2.977-2.99 2.983 2.983 0 00-2.977 2.99 2.983 2.983 0 002.977 2.99zM28.518 59.572a2.983 2.983 0 002.977-2.99 2.983 2.983 0 00-2.977-2.99 2.983 2.983 0 00-2.977 2.99 2.983 2.983 0 002.977 2.99zM29.108 70.015a2.983 2.983 0 002.977-2.99 2.983 2.983 0 00-2.977-2.99 2.983 2.983 0 00-2.977 2.99 2.983 2.983 0 002.977 2.99zM18.884 38.092a2.983 2.983 0 002.977-2.99 2.983 2.983 0 00-2.977-2.99 2.983 2.983 0 00-2.977 2.99 2.983 2.983 0 002.977 2.99zM17.67 26.505a2.983 2.983 0 002.976-2.99 2.983 2.983 0 00-2.976-2.99 2.983 2.983 0 00-2.977 2.99 2.983 2.983 0 002.977 2.99zM28.518 34.18a2.983 2.983 0 002.977-2.99 2.983 2.983 0 00-2.977-2.99 2.983 2.983 0 00-2.977 2.99 2.983 2.983 0 002.977 2.99zM28.902 24.144a2.983 2.983 0 002.977-2.99 2.983 2.983 0 00-2.977-2.99 2.983 2.983 0 00-2.977 2.99 2.983 2.983 0 002.977 2.99zM38.986 26.505a2.983 2.983 0 002.977-2.99 2.983 2.983 0 00-2.977-2.99 2.983 2.983 0 00-2.977 2.99 2.983 2.983 0 002.977 2.99zM51.963 26.505a2.983 2.983 0 002.977-2.99 2.983 2.983 0 00-2.977-2.99 2.983 2.983 0 00-2.977 2.99 2.983 2.983 0 002.977 2.99zM61.792 24.016a2.983 2.983 0 002.977-2.99 2.983 2.983 0 00-2.977-2.99 2.983 2.983 0 00-2.977 2.99 2.983 2.983 0 002.977 2.99zM62.468 34.385a2.983 2.983 0 002.976-2.99 2.983 2.983 0 00-2.977-2.99 2.983 2.983 0 00-2.976 2.99 2.983 2.983 0 002.977 2.99zM72.103 38.092a2.983 2.983 0 002.977-2.99 2.983 2.983 0 00-2.977-2.99 2.983 2.983 0 00-2.977 2.99 2.983 2.983 0 002.977 2.99zM72.103 55.741a2.983 2.983 0 002.977-2.99 2.983 2.983 0 00-2.977-2.99 2.983 2.983 0 00-2.977 2.99 2.983 2.983 0 002.977 2.99zM62.468 59.601a2.983 2.983 0 002.976-2.99 2.983 2.983 0 00-2.977-2.99 2.983 2.983 0 00-2.976 2.99 2.983 2.983 0 002.977 2.99zM73.428 67.336a2.983 2.983 0 002.977-2.99 2.983 2.983 0 00-2.977-2.99 2.983 2.983 0 00-2.977 2.99 2.983 2.983 0 002.977 2.99zM51.963 67.336a2.983 2.983 0 002.977-2.99 2.983 2.983 0 00-2.977-2.99 2.983 2.983 0 00-2.977 2.99 2.983 2.983 0 002.977 2.99zM38.986 67.336a2.984 2.984 0 002.977-2.99 2.983 2.983 0 00-2.977-2.99 2.983 2.983 0 00-2.977 2.99 2.983 2.983 0 002.977 2.99zM17.583 67.336a2.983 2.983 0 002.976-2.99 2.983 2.983 0 00-2.976-2.99 2.983 2.983 0 00-2.977 2.99 2.983 2.983 0 002.977 2.99zM61.792 70.015a2.983 2.983 0 002.977-2.99 2.983 2.983 0 00-2.977-2.99 2.983 2.983 0 00-2.977 2.99 2.983 2.983 0 002.977 2.99zM45.436 75.287a2.983 2.983 0 002.977-2.99 2.983 2.983 0 00-2.977-2.99 2.983 2.983 0 00-2.977 2.99 2.983 2.983 0 002.977 2.99zM56.13 80.002a2.983 2.983 0 002.976-2.99 2.983 2.983 0 00-2.977-2.99 2.983 2.983 0 00-2.976 2.99 2.983 2.983 0 002.976 2.99zM34.88 80.002a2.983 2.983 0 002.976-2.99 2.983 2.983 0 00-2.977-2.99 2.983 2.983 0 00-2.977 2.99 2.983 2.983 0 002.977 2.99zM66.704 46.92a2.983 2.983 0 002.976-2.99 2.983 2.983 0 00-2.977-2.99 2.983 2.983 0 00-2.976 2.99 2.983 2.983 0 002.977 2.99zM80.023 46.92A2.983 2.983 0 0083 43.93a2.983 2.983 0 00-2.977-2.99 2.983 2.983 0 00-2.977 2.99 2.983 2.983 0 002.977 2.99zM73.426 26.505a2.983 2.983 0 002.977-2.99 2.983 2.983 0 00-2.977-2.99 2.983 2.983 0 00-2.977 2.99 2.983 2.983 0 002.977 2.99zM45.436 18.559a2.983 2.983 0 002.977-2.99 2.983 2.983 0 00-2.977-2.99 2.983 2.983 0 00-2.977 2.99 2.983 2.983 0 002.977 2.99zM34.796 13.98a2.983 2.983 0 002.977-2.99A2.983 2.983 0 0034.796 8a2.983 2.983 0 00-2.977 2.99 2.983 2.983 0 002.977 2.99zM56.16 13.98a2.983 2.983 0 002.976-2.99A2.983 2.983 0 0056.159 8a2.983 2.983 0 00-2.977 2.99 2.983 2.983 0 002.977 2.99z\"\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"dots-only_svg__clip0_3773_34388\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n transform: \"translate(8 8)\",\n d: \"M0 0h75v72H0z\"\n })))));\n}\n\nvar _g$1;\n\nfunction _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }\n\nfunction SvgHorizontalLogo(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends$1({\n preserveAspectRatio: \"xMidYMin meet\",\n viewBox: \"0 0 281 88\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _g$1 || (_g$1 = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#041A55\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10.986 46.92a2.988 2.988 0 002.985-2.99 2.988 2.988 0 00-2.985-2.99A2.988 2.988 0 008 43.93a2.988 2.988 0 002.986 2.99zM24.42 46.92a2.988 2.988 0 002.985-2.99 2.988 2.988 0 00-2.986-2.99 2.988 2.988 0 00-2.985 2.99 2.988 2.988 0 002.985 2.99zM18.916 55.741a2.988 2.988 0 002.986-2.99 2.988 2.988 0 00-2.986-2.99 2.988 2.988 0 00-2.985 2.99 2.988 2.988 0 002.985 2.99zM28.578 59.572a2.988 2.988 0 002.986-2.99 2.988 2.988 0 00-2.986-2.99 2.988 2.988 0 00-2.985 2.99 2.988 2.988 0 002.985 2.99zM29.17 70.015a2.988 2.988 0 002.986-2.99 2.988 2.988 0 00-2.985-2.99 2.988 2.988 0 00-2.986 2.99 2.988 2.988 0 002.986 2.99zM18.916 38.092a2.988 2.988 0 002.986-2.99 2.988 2.988 0 00-2.986-2.99 2.988 2.988 0 00-2.985 2.99 2.988 2.988 0 002.985 2.99zM17.698 26.505a2.988 2.988 0 002.986-2.99 2.988 2.988 0 00-2.986-2.99 2.988 2.988 0 00-2.986 2.99 2.988 2.988 0 002.986 2.99zM28.578 34.18a2.988 2.988 0 002.986-2.99 2.988 2.988 0 00-2.986-2.99 2.988 2.988 0 00-2.985 2.99 2.988 2.988 0 002.985 2.99zM28.964 24.144a2.988 2.988 0 002.986-2.99 2.988 2.988 0 00-2.986-2.99 2.988 2.988 0 00-2.986 2.99 2.988 2.988 0 002.986 2.99zM39.078 26.505a2.988 2.988 0 002.985-2.99 2.988 2.988 0 00-2.986-2.99 2.988 2.988 0 00-2.985 2.99 2.988 2.988 0 002.986 2.99zM52.094 26.505a2.988 2.988 0 002.985-2.99 2.988 2.988 0 00-2.985-2.99 2.988 2.988 0 00-2.986 2.99 2.988 2.988 0 002.986 2.99zM61.952 24.016a2.988 2.988 0 002.985-2.99 2.988 2.988 0 00-2.985-2.99 2.988 2.988 0 00-2.986 2.99 2.988 2.988 0 002.986 2.99zM62.629 34.385a2.988 2.988 0 002.986-2.99 2.988 2.988 0 00-2.986-2.99 2.988 2.988 0 00-2.986 2.99 2.988 2.988 0 002.986 2.99zM72.293 38.092a2.988 2.988 0 002.986-2.99 2.988 2.988 0 00-2.986-2.99 2.988 2.988 0 00-2.986 2.99 2.988 2.988 0 002.986 2.99zM72.293 55.741a2.988 2.988 0 002.986-2.99 2.988 2.988 0 00-2.986-2.99 2.988 2.988 0 00-2.986 2.99 2.988 2.988 0 002.986 2.99zM62.629 59.601a2.988 2.988 0 002.986-2.99 2.988 2.988 0 00-2.986-2.99 2.988 2.988 0 00-2.986 2.99 2.988 2.988 0 002.986 2.99zM73.622 67.336a2.988 2.988 0 002.986-2.99 2.988 2.988 0 00-2.986-2.99 2.988 2.988 0 00-2.986 2.99 2.988 2.988 0 002.986 2.99zM52.094 67.336a2.988 2.988 0 002.985-2.99 2.988 2.988 0 00-2.985-2.99 2.988 2.988 0 00-2.986 2.99 2.988 2.988 0 002.986 2.99zM39.078 67.336a2.988 2.988 0 002.985-2.99 2.988 2.988 0 00-2.986-2.99 2.988 2.988 0 00-2.985 2.99 2.988 2.988 0 002.986 2.99zM17.61 67.336a2.988 2.988 0 002.987-2.99 2.988 2.988 0 00-2.986-2.99 2.988 2.988 0 00-2.986 2.99 2.988 2.988 0 002.986 2.99zM61.952 70.015a2.988 2.988 0 002.985-2.99 2.988 2.988 0 00-2.985-2.99 2.988 2.988 0 00-2.986 2.99 2.988 2.988 0 002.986 2.99zM45.547 75.287a2.988 2.988 0 002.986-2.99 2.988 2.988 0 00-2.986-2.99 2.988 2.988 0 00-2.985 2.99 2.988 2.988 0 002.985 2.99zM56.272 80.002a2.988 2.988 0 002.986-2.99 2.988 2.988 0 00-2.986-2.99 2.988 2.988 0 00-2.986 2.99 2.988 2.988 0 002.986 2.99zM34.959 80.002a2.988 2.988 0 002.985-2.99 2.988 2.988 0 00-2.985-2.99 2.988 2.988 0 00-2.986 2.99 2.988 2.988 0 002.986 2.99zM66.877 46.92a2.988 2.988 0 002.986-2.99 2.988 2.988 0 00-2.986-2.99 2.988 2.988 0 00-2.985 2.99 2.988 2.988 0 002.985 2.99zM80.237 46.92a2.988 2.988 0 002.985-2.99 2.988 2.988 0 00-2.985-2.99 2.988 2.988 0 00-2.986 2.99 2.988 2.988 0 002.986 2.99zM73.62 26.505a2.988 2.988 0 002.986-2.99 2.988 2.988 0 00-2.986-2.99 2.988 2.988 0 00-2.986 2.99 2.988 2.988 0 002.986 2.99zM45.547 18.559a2.988 2.988 0 002.986-2.99 2.988 2.988 0 00-2.986-2.99 2.988 2.988 0 00-2.985 2.99 2.988 2.988 0 002.985 2.99zM34.876 13.98a2.988 2.988 0 002.986-2.99A2.988 2.988 0 0034.876 8a2.988 2.988 0 00-2.986 2.99 2.988 2.988 0 002.986 2.99zM56.302 13.98a2.988 2.988 0 002.986-2.99A2.988 2.988 0 0056.302 8a2.988 2.988 0 00-2.986 2.99 2.988 2.988 0 002.986 2.99zM112.72 44.001c0-8.541 6.493-15.029 14.988-15.029a14.973 14.973 0 0112.99 7.27l-4.972 3.13a8.693 8.693 0 00-3.281-3.6 8.67 8.67 0 00-4.699-1.268c-5.367 0-9.298 4.204-9.298 9.497 0 5.167 3.893 9.437 9.221 9.437a8.812 8.812 0 008.306-5.406l5.164 2.772a14.767 14.767 0 01-5.521 6.056 14.735 14.735 0 01-7.895 2.174c-8.821 0-14.989-6.73-14.989-15.026M151.604 29.38v29.255h19.194v-5.487h-13.504V29.38h-5.69zM181.913 29.38v29.255h19.68v-5.368h-14.028v-6.653h11.421v-5.332h-11.421v-6.573h14.028v-5.33h-19.68zM223.038 29.38l-11.057 29.255h5.805l1.917-5.331h12.22l1.916 5.331h5.81L228.592 29.38h-5.554zm2.805 7.163l4.206 11.642H221.6l4.243-11.642zM255.887 34.59v9.665h5.771c3.725 0 5.452-2.327 5.452-4.929 0-2.866-1.846-4.73-5.452-4.73l-5.771-.006zm-5.648-5.21h11.862c6.732 0 10.738 4.327 10.738 9.902a9.51 9.51 0 01-5.128 8.654l5.773 10.7h-6.335l-4.686-9.22h-6.576v9.22h-5.648V29.38z\"\n }))));\n}\n\nvar _g;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction SvgVerticalLogo(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 167 137\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#041A55\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M50.849 44.426a2.797 2.797 0 002.796-2.798 2.797 2.797 0 10-2.796 2.798zM63.43 44.426a2.797 2.797 0 002.797-2.798 2.797 2.797 0 10-2.797 2.798zM58.276 52.682a2.797 2.797 0 002.797-2.799 2.797 2.797 0 10-2.797 2.799zM67.328 56.267a2.797 2.797 0 002.796-2.799 2.797 2.797 0 10-2.796 2.799zM67.882 66.04a2.797 2.797 0 002.796-2.797 2.797 2.797 0 10-2.796 2.798zM58.276 36.163a2.797 2.797 0 002.797-2.798 2.797 2.797 0 10-2.797 2.798zM57.137 25.32a2.797 2.797 0 002.797-2.8 2.797 2.797 0 10-2.797 2.8zM67.328 32.503a2.797 2.797 0 002.796-2.799 2.797 2.797 0 10-2.796 2.799zM67.689 23.11a2.797 2.797 0 002.796-2.799 2.797 2.797 0 10-2.796 2.799zM77.16 25.32a2.797 2.797 0 002.797-2.8 2.797 2.797 0 10-2.796 2.8zM89.351 25.32a2.797 2.797 0 002.796-2.8 2.797 2.797 0 10-2.796 2.8zM98.584 22.99a2.797 2.797 0 002.796-2.799 2.797 2.797 0 10-2.796 2.799zM99.216 32.694a2.798 2.798 0 10-.001-5.595 2.798 2.798 0 00.001 5.595zM108.269 36.163a2.798 2.798 0 10-.001-5.595 2.798 2.798 0 00.001 5.595zM108.269 52.682a2.798 2.798 0 10-.001-5.595 2.798 2.798 0 00.001 5.595zM99.216 56.295a2.798 2.798 0 10-.001-5.595 2.798 2.798 0 00.001 5.595zM109.512 63.534a2.797 2.797 0 002.796-2.798 2.797 2.797 0 00-2.796-2.799 2.797 2.797 0 00-2.796 2.799 2.797 2.797 0 002.796 2.798zM89.351 63.534a2.797 2.797 0 002.796-2.798 2.797 2.797 0 10-2.796 2.798zM77.16 63.534a2.797 2.797 0 002.797-2.798 2.797 2.797 0 10-2.796 2.798zM57.056 63.534a2.797 2.797 0 002.796-2.798 2.797 2.797 0 10-2.796 2.798zM98.584 66.04a2.797 2.797 0 002.796-2.797 2.797 2.797 0 10-2.796 2.798zM83.218 70.975a2.797 2.797 0 002.796-2.798 2.797 2.797 0 10-2.796 2.798zM93.264 75.388a2.797 2.797 0 002.797-2.798 2.797 2.797 0 10-2.797 2.798zM73.303 75.388A2.797 2.797 0 0076.1 72.59a2.797 2.797 0 10-2.797 2.798zM103.195 44.426a2.797 2.797 0 100-5.594 2.797 2.797 0 000 5.594zM115.709 44.426a2.797 2.797 0 002.796-2.798 2.797 2.797 0 00-2.796-2.798 2.797 2.797 0 00-2.796 2.798 2.797 2.797 0 002.796 2.798zM109.512 25.32a2.797 2.797 0 002.796-2.8 2.797 2.797 0 10-2.796 2.8zM83.218 17.882a2.797 2.797 0 002.796-2.798 2.797 2.797 0 10-2.796 2.798zM73.225 13.597a2.797 2.797 0 002.797-2.799 2.797 2.797 0 10-2.797 2.799zM93.29 13.597a2.797 2.797 0 002.797-2.799 2.797 2.797 0 10-2.797 2.799zM8 113.934c0-7.994 6.08-14.063 14.036-14.063a14.036 14.036 0 0112.167 6.804l-4.662 2.92a8.14 8.14 0 00-7.476-4.557c-5.024 0-8.706 3.934-8.706 8.888.002 4.851 3.652 8.843 8.643 8.843a8.265 8.265 0 007.778-5.062l4.837 2.595a13.813 13.813 0 01-12.566 7.702C13.785 127.998 8 121.699 8 113.934zM44.418 100.25v27.383h17.977v-5.138H49.748V100.25h-5.33zM72.802 100.25v27.383h18.434v-5.026h-13.14v-6.228h10.699v-4.988H78.096v-6.151h13.14v-4.99H72.802zM111.317 100.25l-10.352 27.383h5.436l1.795-4.99h11.438l1.795 4.99h5.441l-10.367-27.383h-5.186zm2.629 6.706l3.939 10.894h-7.914l3.975-10.894zM142.079 105.128v9.04h5.405c3.488 0 5.106-2.178 5.106-4.615 0-2.682-1.729-4.425-5.106-4.425h-5.405zm-5.29-4.878h11.11c6.303 0 10.056 4.05 10.056 9.267a8.916 8.916 0 01-4.803 8.102l5.406 10.014h-5.932l-4.388-8.629h-6.159v8.629h-5.29V100.25z\"\n }))));\n}\n\nvar data$1 = {\r\n Vertical: SvgVerticalLogo,\r\n Dots: SvgDotsOnly,\r\n Horizontal: SvgHorizontalLogo,\r\n};\n\nvar Logo = function (_a) {\r\n var name = _a.name, rest = __rest(_a, [\"name\"]);\r\n var Comp = data$1[name];\r\n return React__default.createElement(Comp, __assign({}, rest));\r\n};\n\n/* istanbul ignore next */\r\nvar MidnightBlueLoader = {\r\n v: '5.7.4',\r\n fr: 29.9700012207031,\r\n ip: 0,\r\n op: 80.0000032584668,\r\n w: 64,\r\n h: 64,\r\n nm: 'Loader 64px 2',\r\n ddd: 0,\r\n assets: [],\r\n layers: [\r\n {\r\n ddd: 0,\r\n ind: 1,\r\n ty: 4,\r\n nm: 'Shape Layer 2',\r\n sr: 1,\r\n ks: {\r\n o: { a: 0, k: 100, ix: 11 },\r\n r: {\r\n a: 1,\r\n k: [\r\n {\r\n i: { x: [0.833], y: [0.833] },\r\n o: { x: [0.167], y: [0.167] },\r\n t: 0,\r\n s: [0],\r\n },\r\n { t: 80.0000032584668, s: [720] },\r\n ],\r\n ix: 10,\r\n },\r\n p: { a: 0, k: [32, 32, 0], ix: 2, l: 2 },\r\n a: { a: 0, k: [-0.98, 1.27, 0], ix: 1, l: 2 },\r\n s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 },\r\n },\r\n ao: 0,\r\n shapes: [\r\n {\r\n ty: 'gr',\r\n it: [\r\n {\r\n d: 1,\r\n ty: 'el',\r\n s: { a: 0, k: [84.539, 84.539], ix: 2 },\r\n p: { a: 0, k: [0, 0], ix: 3 },\r\n nm: 'Ellipse Path 1',\r\n mn: 'ADBE Vector Shape - Ellipse',\r\n hd: false,\r\n },\r\n {\r\n ty: 'st',\r\n c: {\r\n a: 0,\r\n k: [0.015686275437, 0.101960785687, 0.333333343267, 1],\r\n ix: 3,\r\n },\r\n o: { a: 0, k: 100, ix: 4 },\r\n w: { a: 0, k: 5, ix: 5 },\r\n lc: 2,\r\n lj: 1,\r\n ml: 4,\r\n bm: 0,\r\n nm: 'Stroke 1',\r\n mn: 'ADBE Vector Graphic - Stroke',\r\n hd: false,\r\n },\r\n {\r\n ty: 'fl',\r\n c: { a: 0, k: [1, 0, 0, 1], ix: 4 },\r\n o: { a: 0, k: 0, ix: 5 },\r\n r: 1,\r\n bm: 0,\r\n nm: 'Fill 1',\r\n mn: 'ADBE Vector Graphic - Fill',\r\n hd: false,\r\n },\r\n {\r\n ty: 'tr',\r\n p: { a: 0, k: [-0.98, 1.27], ix: 2 },\r\n a: { a: 0, k: [0, 0], ix: 1 },\r\n s: { a: 0, k: [68.52, 68.52], ix: 3 },\r\n r: { a: 0, k: 0, ix: 6 },\r\n o: { a: 0, k: 100, ix: 7 },\r\n sk: { a: 0, k: 0, ix: 4 },\r\n sa: { a: 0, k: 0, ix: 5 },\r\n nm: 'Transform',\r\n },\r\n ],\r\n nm: 'Ellipse 1',\r\n np: 3,\r\n cix: 2,\r\n bm: 0,\r\n ix: 1,\r\n mn: 'ADBE Vector Group',\r\n hd: false,\r\n },\r\n {\r\n ty: 'tm',\r\n s: {\r\n a: 1,\r\n k: [\r\n {\r\n i: { x: [0.833], y: [1] },\r\n o: { x: [0.333], y: [0] },\r\n t: 0,\r\n s: [0],\r\n },\r\n { t: 40.0000016292334, s: [100] },\r\n ],\r\n ix: 1,\r\n },\r\n e: {\r\n a: 1,\r\n k: [\r\n {\r\n i: { x: [0.667], y: [1] },\r\n o: { x: [0.333], y: [0] },\r\n t: 0,\r\n s: [1],\r\n },\r\n {\r\n i: { x: [0.667], y: [1] },\r\n o: { x: [0.333], y: [0] },\r\n t: 30,\r\n s: [40],\r\n },\r\n { t: 80.0000032584668, s: [100] },\r\n ],\r\n ix: 2,\r\n },\r\n o: { a: 0, k: 0, ix: 3 },\r\n m: 1,\r\n ix: 2,\r\n nm: 'Trim Paths 1',\r\n mn: 'ADBE Vector Filter - Trim',\r\n hd: false,\r\n },\r\n ],\r\n ip: 0,\r\n op: 600.000024438501,\r\n st: 0,\r\n bm: 0,\r\n },\r\n ],\r\n markers: [],\r\n};\n\n/* istanbul ignore next */\r\nvar WhiteLoader = {\r\n v: '5.8.1',\r\n fr: 29.9700012207031,\r\n ip: 0,\r\n op: 60.0000024438501,\r\n w: 64,\r\n h: 64,\r\n nm: 'Loader 64px 2',\r\n ddd: 0,\r\n assets: [],\r\n layers: [\r\n {\r\n ddd: 0,\r\n ind: 1,\r\n ty: 4,\r\n nm: 'Shape Layer 2',\r\n sr: 1,\r\n ks: {\r\n o: { a: 0, k: 100, ix: 11 },\r\n r: {\r\n a: 1,\r\n k: [\r\n {\r\n i: { x: [0.833], y: [0.833] },\r\n o: { x: [0.167], y: [0.167] },\r\n t: 0,\r\n s: [0],\r\n },\r\n { t: 60.0000024438501, s: [360] },\r\n ],\r\n ix: 10,\r\n },\r\n p: { a: 0, k: [32, 32, 0], ix: 2, l: 2 },\r\n a: { a: 0, k: [-0.98, 1.27, 0], ix: 1, l: 2 },\r\n s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 },\r\n },\r\n ao: 0,\r\n shapes: [\r\n {\r\n ty: 'gr',\r\n it: [\r\n {\r\n d: 1,\r\n ty: 'el',\r\n s: { a: 0, k: [84.539, 84.539], ix: 2 },\r\n p: { a: 0, k: [0, 0], ix: 3 },\r\n nm: 'Ellipse Path 1',\r\n mn: 'ADBE Vector Shape - Ellipse',\r\n hd: false,\r\n },\r\n {\r\n ty: 'st',\r\n c: { a: 0, k: [1, 1, 1, 1], ix: 3 },\r\n o: { a: 0, k: 100, ix: 4 },\r\n w: { a: 0, k: 8, ix: 5 },\r\n lc: 2,\r\n lj: 1,\r\n ml: 4,\r\n bm: 0,\r\n nm: 'Stroke 1',\r\n mn: 'ADBE Vector Graphic - Stroke',\r\n hd: false,\r\n },\r\n {\r\n ty: 'fl',\r\n c: { a: 0, k: [1, 0, 0, 1], ix: 4 },\r\n o: { a: 0, k: 0, ix: 5 },\r\n r: 1,\r\n bm: 0,\r\n nm: 'Fill 1',\r\n mn: 'ADBE Vector Graphic - Fill',\r\n hd: false,\r\n },\r\n {\r\n ty: 'tr',\r\n p: { a: 0, k: [-0.98, 1.27], ix: 2 },\r\n a: { a: 0, k: [0, 0], ix: 1 },\r\n s: { a: 0, k: [68.52, 68.52], ix: 3 },\r\n r: { a: 0, k: 0, ix: 6 },\r\n o: { a: 0, k: 100, ix: 7 },\r\n sk: { a: 0, k: 0, ix: 4 },\r\n sa: { a: 0, k: 0, ix: 5 },\r\n nm: 'Transform',\r\n },\r\n ],\r\n nm: 'Ellipse 1',\r\n np: 3,\r\n cix: 2,\r\n bm: 0,\r\n ix: 1,\r\n mn: 'ADBE Vector Group',\r\n hd: false,\r\n },\r\n {\r\n ty: 'tm',\r\n s: {\r\n a: 1,\r\n k: [\r\n {\r\n i: { x: [0.833], y: [1] },\r\n o: { x: [0.333], y: [0] },\r\n t: 0,\r\n s: [0],\r\n },\r\n { t: 40.0000016292334, s: [100] },\r\n ],\r\n ix: 1,\r\n },\r\n e: {\r\n a: 1,\r\n k: [\r\n {\r\n i: { x: [0.667], y: [1] },\r\n o: { x: [0.333], y: [0] },\r\n t: 0,\r\n s: [1],\r\n },\r\n {\r\n i: { x: [0.667], y: [1] },\r\n o: { x: [0.333], y: [0] },\r\n t: 30,\r\n s: [25],\r\n },\r\n { t: 60.0000024438501, s: [100] },\r\n ],\r\n ix: 2,\r\n },\r\n o: { a: 0, k: 0, ix: 3 },\r\n m: 1,\r\n ix: 2,\r\n nm: 'Trim Paths 1',\r\n mn: 'ADBE Vector Filter - Trim',\r\n hd: false,\r\n },\r\n ],\r\n ip: 0,\r\n op: 600.000024438501,\r\n st: 0,\r\n bm: 0,\r\n },\r\n ],\r\n markers: [],\r\n};\n\nvar DotsLoader = {\r\n assets: [\r\n {\r\n id: 'comp_Circle C_1459D2CB-91AE-41C5-AA50-7DB0CE6F9831',\r\n layers: [\r\n {\r\n ty: 3.0,\r\n ao: 0.0,\r\n ddd: 0.0,\r\n ind: 15.0,\r\n ip: 0.0,\r\n ks: {\r\n a: {\r\n a: 0.0,\r\n k: [0.0, 0.0, 0.0],\r\n },\r\n o: {\r\n a: 0.0,\r\n k: 100.0,\r\n },\r\n p: {\r\n s: true,\r\n x: {\r\n a: 0.0,\r\n k: 64.0,\r\n },\r\n y: {\r\n a: 0.0,\r\n k: 0.0,\r\n },\r\n },\r\n r: {\r\n a: 0.0,\r\n k: 0.0,\r\n },\r\n s: {\r\n a: 0.0,\r\n k: [100.0, 100.0],\r\n },\r\n },\r\n nm: 'Circle C-null',\r\n op: 31.0,\r\n sr: 1.0,\r\n st: 0.0,\r\n },\r\n {\r\n ty: 4.0,\r\n ao: 0.0,\r\n ddd: 0.0,\r\n ind: 14.0,\r\n ip: 0.0,\r\n ks: {\r\n a: {\r\n a: 0.0,\r\n k: [0.0, 0.0],\r\n },\r\n o: {\r\n a: 0.0,\r\n k: 100.0,\r\n },\r\n p: {\r\n a: 0.0,\r\n k: [0.0, 0.0],\r\n },\r\n r: {\r\n a: 0.0,\r\n k: 0.0,\r\n },\r\n s: {\r\n a: 0.0,\r\n k: [100.0, 100.0],\r\n },\r\n },\r\n nm: 'Circle C-content',\r\n op: 31.0,\r\n parent: 15.0,\r\n shapes: [\r\n {\r\n ty: 'gr',\r\n cix: 2.0,\r\n it: [\r\n {\r\n ty: 'sh',\r\n ind: 0.0,\r\n ks: {\r\n a: 0.0,\r\n k: {\r\n c: true,\r\n i: [\r\n [-4.4, 0.0],\r\n [0.0, 4.4],\r\n [4.4, 0.0],\r\n [0.0, -4.4],\r\n ],\r\n o: [\r\n [4.4, 0.0],\r\n [0.0, -4.4],\r\n [-4.4, 0.0],\r\n [0.0, 4.4],\r\n ],\r\n v: [\r\n [8.0, 16.0],\r\n [16.0, 8.0],\r\n [8.0, 0.0],\r\n [0.0, 8.0],\r\n ],\r\n },\r\n },\r\n nm: 'Circle C-path',\r\n },\r\n {\r\n ty: 'fl',\r\n c: {\r\n a: 1.0,\r\n k: [\r\n {\r\n i: {\r\n x: [1.0],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.0],\r\n y: [0.0],\r\n },\r\n s: [0.937, 0.969, 0.984, 1.0],\r\n t: 0.0,\r\n },\r\n {\r\n i: {\r\n x: [0.5799999833106995],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.0],\r\n y: [0.0],\r\n },\r\n s: [0.937, 0.969, 0.984, 1.0],\r\n t: 9.3,\r\n },\r\n {\r\n i: {\r\n x: [0.5799999833106995],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.0],\r\n y: [0.0],\r\n },\r\n s: [0.671, 0.843, 0.937, 1.0],\r\n t: 18.0,\r\n },\r\n {\r\n i: {\r\n x: [0.5799999833106995],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.41999998688697815],\r\n y: [0.0],\r\n },\r\n s: [0.671, 0.843, 0.937, 1.0],\r\n t: 18.3,\r\n },\r\n {\r\n i: {\r\n x: [0.5799999833106995],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.41999998688697815],\r\n y: [0.0],\r\n },\r\n s: [0.937, 0.969, 0.984, 1.0],\r\n t: 27.0,\r\n },\r\n {\r\n i: {\r\n x: [1.0],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.0],\r\n y: [0.0],\r\n },\r\n s: [0.937, 0.969, 0.984, 1.0],\r\n t: 30.0,\r\n },\r\n ],\r\n },\r\n nm: 'Fill 1',\r\n o: {\r\n a: 1.0,\r\n k: [\r\n {\r\n i: {\r\n x: [1.0],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.0],\r\n y: [0.0],\r\n },\r\n s: [100.0],\r\n t: 0.0,\r\n },\r\n {\r\n i: {\r\n x: [0.5799999833106995],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.0],\r\n y: [0.0],\r\n },\r\n s: [100.0],\r\n t: 9.3,\r\n },\r\n {\r\n i: {\r\n x: [0.5799999833106995],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.0],\r\n y: [0.0],\r\n },\r\n s: [100.0],\r\n t: 18.0,\r\n },\r\n {\r\n i: {\r\n x: [0.5799999833106995],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.41999998688697815],\r\n y: [0.0],\r\n },\r\n s: [100.0],\r\n t: 18.3,\r\n },\r\n {\r\n i: {\r\n x: [0.5799999833106995],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.41999998688697815],\r\n y: [0.0],\r\n },\r\n s: [100.0],\r\n t: 27.0,\r\n },\r\n {\r\n i: {\r\n x: [1.0],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.0],\r\n y: [0.0],\r\n },\r\n s: [100.0],\r\n t: 30.0,\r\n },\r\n ],\r\n },\r\n r: 1.0,\r\n },\r\n {\r\n ty: 'tr',\r\n a: {\r\n a: 0.0,\r\n k: [0.0, 0.0],\r\n },\r\n nm: 'Transform',\r\n o: {\r\n a: 0.0,\r\n k: 100.0,\r\n },\r\n p: {\r\n a: 0.0,\r\n k: [0.0, 0.0],\r\n },\r\n r: {\r\n a: 0.0,\r\n k: 0.0,\r\n },\r\n s: {\r\n a: 0.0,\r\n k: [100.0, 100.0],\r\n },\r\n sa: {\r\n a: 0.0,\r\n k: 0.0,\r\n },\r\n sk: {\r\n a: 0.0,\r\n k: 0.0,\r\n },\r\n },\r\n ],\r\n nm: 'Circle C-content',\r\n np: 3.0,\r\n },\r\n ],\r\n sr: 1.0,\r\n st: 0.0,\r\n },\r\n ],\r\n },\r\n {\r\n id: 'comp_Circle B_188021AC-B576-4181-AF9B-D21F72E8E2B9',\r\n layers: [\r\n {\r\n ty: 3.0,\r\n ao: 0.0,\r\n ddd: 0.0,\r\n ind: 25.0,\r\n ip: 0.0,\r\n ks: {\r\n a: {\r\n a: 0.0,\r\n k: [0.0, 0.0, 0.0],\r\n },\r\n o: {\r\n a: 0.0,\r\n k: 100.0,\r\n },\r\n p: {\r\n s: true,\r\n x: {\r\n a: 0.0,\r\n k: 32.0,\r\n },\r\n y: {\r\n a: 0.0,\r\n k: -0.0,\r\n },\r\n },\r\n r: {\r\n a: 0.0,\r\n k: 0.0,\r\n },\r\n s: {\r\n a: 0.0,\r\n k: [100.0, 100.0],\r\n },\r\n },\r\n nm: 'Circle B-null',\r\n op: 31.0,\r\n sr: 1.0,\r\n st: 0.0,\r\n },\r\n {\r\n ty: 4.0,\r\n ao: 0.0,\r\n ddd: 0.0,\r\n ind: 24.0,\r\n ip: 0.0,\r\n ks: {\r\n a: {\r\n a: 0.0,\r\n k: [0.0, 0.0],\r\n },\r\n o: {\r\n a: 0.0,\r\n k: 100.0,\r\n },\r\n p: {\r\n a: 0.0,\r\n k: [0.0, 0.0],\r\n },\r\n r: {\r\n a: 0.0,\r\n k: 0.0,\r\n },\r\n s: {\r\n a: 0.0,\r\n k: [100.0, 100.0],\r\n },\r\n },\r\n nm: 'Circle B-content',\r\n op: 31.0,\r\n parent: 25.0,\r\n shapes: [\r\n {\r\n ty: 'gr',\r\n cix: 2.0,\r\n it: [\r\n {\r\n ty: 'sh',\r\n ind: 0.0,\r\n ks: {\r\n a: 0.0,\r\n k: {\r\n c: true,\r\n i: [\r\n [-4.4, 0.0],\r\n [0.0, 4.4],\r\n [4.4, 0.0],\r\n [0.0, -4.4],\r\n ],\r\n o: [\r\n [4.4, 0.0],\r\n [0.0, -4.4],\r\n [-4.4, 0.0],\r\n [0.0, 4.4],\r\n ],\r\n v: [\r\n [8.0, 16.0],\r\n [16.0, 8.0],\r\n [8.0, 0.0],\r\n [0.0, 8.0],\r\n ],\r\n },\r\n },\r\n nm: 'Circle B-path',\r\n },\r\n {\r\n ty: 'fl',\r\n c: {\r\n a: 1.0,\r\n k: [\r\n {\r\n i: {\r\n x: [1.0],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.0],\r\n y: [0.0],\r\n },\r\n s: [0.937, 0.969, 0.984, 1.0],\r\n t: 0.0,\r\n },\r\n {\r\n i: {\r\n x: [0.5799999833106995],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.0],\r\n y: [0.0],\r\n },\r\n s: [0.937, 0.969, 0.984, 1.0],\r\n t: 0.3,\r\n },\r\n {\r\n i: {\r\n x: [0.5799999833106995],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.0],\r\n y: [0.0],\r\n },\r\n s: [0.671, 0.843, 0.937, 1.0],\r\n t: 9.0,\r\n },\r\n {\r\n i: {\r\n x: [0.5799999833106995],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.41999998688697815],\r\n y: [0.0],\r\n },\r\n s: [0.671, 0.843, 0.937, 1.0],\r\n t: 9.3,\r\n },\r\n {\r\n i: {\r\n x: [0.5799999833106995],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.41999998688697815],\r\n y: [0.0],\r\n },\r\n s: [0.937, 0.969, 0.984, 1.0],\r\n t: 18.0,\r\n },\r\n {\r\n i: {\r\n x: [1.0],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.0],\r\n y: [0.0],\r\n },\r\n s: [0.937, 0.969, 0.984, 1.0],\r\n t: 30.0,\r\n },\r\n ],\r\n },\r\n nm: 'Fill 1',\r\n o: {\r\n a: 1.0,\r\n k: [\r\n {\r\n i: {\r\n x: [1.0],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.0],\r\n y: [0.0],\r\n },\r\n s: [100.0],\r\n t: 0.0,\r\n },\r\n {\r\n i: {\r\n x: [0.5799999833106995],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.0],\r\n y: [0.0],\r\n },\r\n s: [100.0],\r\n t: 0.3,\r\n },\r\n {\r\n i: {\r\n x: [0.5799999833106995],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.0],\r\n y: [0.0],\r\n },\r\n s: [100.0],\r\n t: 9.0,\r\n },\r\n {\r\n i: {\r\n x: [0.5799999833106995],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.41999998688697815],\r\n y: [0.0],\r\n },\r\n s: [100.0],\r\n t: 9.3,\r\n },\r\n {\r\n i: {\r\n x: [0.5799999833106995],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.41999998688697815],\r\n y: [0.0],\r\n },\r\n s: [100.0],\r\n t: 18.0,\r\n },\r\n {\r\n i: {\r\n x: [1.0],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.0],\r\n y: [0.0],\r\n },\r\n s: [100.0],\r\n t: 30.0,\r\n },\r\n ],\r\n },\r\n r: 1.0,\r\n },\r\n {\r\n ty: 'tr',\r\n a: {\r\n a: 0.0,\r\n k: [0.0, 0.0],\r\n },\r\n nm: 'Transform',\r\n o: {\r\n a: 0.0,\r\n k: 100.0,\r\n },\r\n p: {\r\n a: 0.0,\r\n k: [0.0, 0.0],\r\n },\r\n r: {\r\n a: 0.0,\r\n k: 0.0,\r\n },\r\n s: {\r\n a: 0.0,\r\n k: [100.0, 100.0],\r\n },\r\n sa: {\r\n a: 0.0,\r\n k: 0.0,\r\n },\r\n sk: {\r\n a: 0.0,\r\n k: 0.0,\r\n },\r\n },\r\n ],\r\n nm: 'Circle B-content',\r\n np: 3.0,\r\n },\r\n ],\r\n sr: 1.0,\r\n st: 0.0,\r\n },\r\n ],\r\n },\r\n {\r\n id: 'comp_Circle A_0695107A-9986-4B35-A877-3F20B08E35B8',\r\n layers: [\r\n {\r\n ty: 3.0,\r\n ao: 0.0,\r\n ddd: 0.0,\r\n ind: 35.0,\r\n ip: 0.0,\r\n ks: {\r\n a: {\r\n a: 0.0,\r\n k: [0.0, 0.0, 0.0],\r\n },\r\n o: {\r\n a: 0.0,\r\n k: 100.0,\r\n },\r\n p: {\r\n s: true,\r\n x: {\r\n a: 0.0,\r\n k: 0.0,\r\n },\r\n y: {\r\n a: 0.0,\r\n k: 0.0,\r\n },\r\n },\r\n r: {\r\n a: 0.0,\r\n k: 0.0,\r\n },\r\n s: {\r\n a: 0.0,\r\n k: [100.0, 100.0],\r\n },\r\n },\r\n nm: 'Circle A-null',\r\n op: 31.0,\r\n sr: 1.0,\r\n st: 0.0,\r\n },\r\n {\r\n ty: 4.0,\r\n ao: 0.0,\r\n ddd: 0.0,\r\n ind: 34.0,\r\n ip: 0.0,\r\n ks: {\r\n a: {\r\n a: 0.0,\r\n k: [0.0, 0.0],\r\n },\r\n o: {\r\n a: 0.0,\r\n k: 100.0,\r\n },\r\n p: {\r\n a: 0.0,\r\n k: [0.0, 0.0],\r\n },\r\n r: {\r\n a: 0.0,\r\n k: 0.0,\r\n },\r\n s: {\r\n a: 0.0,\r\n k: [100.0, 100.0],\r\n },\r\n },\r\n nm: 'Circle A-content',\r\n op: 31.0,\r\n parent: 35.0,\r\n shapes: [\r\n {\r\n ty: 'gr',\r\n cix: 2.0,\r\n it: [\r\n {\r\n ty: 'sh',\r\n ind: 0.0,\r\n ks: {\r\n a: 0.0,\r\n k: {\r\n c: true,\r\n i: [\r\n [-4.4, 0.0],\r\n [0.0, 4.4],\r\n [4.4, 0.0],\r\n [0.0, -4.4],\r\n ],\r\n o: [\r\n [4.4, 0.0],\r\n [0.0, -4.4],\r\n [-4.4, 0.0],\r\n [0.0, 4.4],\r\n ],\r\n v: [\r\n [8.0, 16.0],\r\n [16.0, 8.0],\r\n [8.0, 0.0],\r\n [0.0, 8.0],\r\n ],\r\n },\r\n },\r\n nm: 'Circle A-path',\r\n },\r\n {\r\n ty: 'fl',\r\n c: {\r\n a: 1.0,\r\n k: [\r\n {\r\n i: {\r\n x: [1.0],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.0],\r\n y: [0.0],\r\n },\r\n s: [0.671, 0.843, 0.937, 1.0],\r\n t: 0.0,\r\n },\r\n {\r\n i: {\r\n x: [0.5799999833106995],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.41999998688697815],\r\n y: [0.0],\r\n },\r\n s: [0.671, 0.843, 0.937, 1.0],\r\n t: 0.3,\r\n },\r\n {\r\n i: {\r\n x: [0.5799999833106995],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.0],\r\n y: [0.0],\r\n },\r\n s: [0.937, 0.969, 0.984, 1.0],\r\n t: 9.0,\r\n },\r\n {\r\n i: {\r\n x: [0.5799999833106995],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.41999998688697815],\r\n y: [0.0],\r\n },\r\n s: [0.937, 0.969, 0.984, 1.0],\r\n t: 18.3,\r\n },\r\n {\r\n i: {\r\n x: [0.5799999833106995],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.41999998688697815],\r\n y: [0.0],\r\n },\r\n s: [0.671, 0.843, 0.937, 1.0],\r\n t: 27.0,\r\n },\r\n {\r\n i: {\r\n x: [1.0],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.0],\r\n y: [0.0],\r\n },\r\n s: [0.671, 0.843, 0.937, 1.0],\r\n t: 30.0,\r\n },\r\n ],\r\n },\r\n nm: 'Fill 1',\r\n o: {\r\n a: 1.0,\r\n k: [\r\n {\r\n i: {\r\n x: [1.0],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.0],\r\n y: [0.0],\r\n },\r\n s: [100.0],\r\n t: 0.0,\r\n },\r\n {\r\n i: {\r\n x: [0.5799999833106995],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.41999998688697815],\r\n y: [0.0],\r\n },\r\n s: [100.0],\r\n t: 0.3,\r\n },\r\n {\r\n i: {\r\n x: [0.5799999833106995],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.0],\r\n y: [0.0],\r\n },\r\n s: [100.0],\r\n t: 9.0,\r\n },\r\n {\r\n i: {\r\n x: [0.5799999833106995],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.41999998688697815],\r\n y: [0.0],\r\n },\r\n s: [100.0],\r\n t: 18.3,\r\n },\r\n {\r\n i: {\r\n x: [0.5799999833106995],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.41999998688697815],\r\n y: [0.0],\r\n },\r\n s: [100.0],\r\n t: 27.0,\r\n },\r\n {\r\n i: {\r\n x: [1.0],\r\n y: [1.0],\r\n },\r\n o: {\r\n x: [0.0],\r\n y: [0.0],\r\n },\r\n s: [100.0],\r\n t: 30.0,\r\n },\r\n ],\r\n },\r\n r: 1.0,\r\n },\r\n {\r\n ty: 'tr',\r\n a: {\r\n a: 0.0,\r\n k: [0.0, 0.0],\r\n },\r\n nm: 'Transform',\r\n o: {\r\n a: 0.0,\r\n k: 100.0,\r\n },\r\n p: {\r\n a: 0.0,\r\n k: [0.0, 0.0],\r\n },\r\n r: {\r\n a: 0.0,\r\n k: 0.0,\r\n },\r\n s: {\r\n a: 0.0,\r\n k: [100.0, 100.0],\r\n },\r\n sa: {\r\n a: 0.0,\r\n k: 0.0,\r\n },\r\n sk: {\r\n a: 0.0,\r\n k: 0.0,\r\n },\r\n },\r\n ],\r\n nm: 'Circle A-content',\r\n np: 3.0,\r\n },\r\n ],\r\n sr: 1.0,\r\n st: 0.0,\r\n },\r\n ],\r\n },\r\n ],\r\n ddd: 0.0,\r\n fonts: {\r\n list: [],\r\n },\r\n fr: 30.0,\r\n h: 16.0,\r\n ip: 0.0,\r\n layers: [\r\n {\r\n ty: 0.0,\r\n ao: 0.0,\r\n ddd: 0.0,\r\n h: 16.0,\r\n ind: 30.0,\r\n ip: 0.0,\r\n ks: {\r\n a: {\r\n a: 0.0,\r\n k: [0.0, 0.0],\r\n },\r\n o: {\r\n a: 0.0,\r\n k: 100.0,\r\n },\r\n p: {\r\n a: 0.0,\r\n k: [0.0, 0.0],\r\n },\r\n r: {\r\n a: 0.0,\r\n k: 0.0,\r\n },\r\n s: {\r\n a: 0.0,\r\n k: [100.0, 100.0],\r\n },\r\n },\r\n nm: 'Circle A-composition',\r\n op: 31.0,\r\n refId: 'comp_Circle A_0695107A-9986-4B35-A877-3F20B08E35B8',\r\n sr: 1.0,\r\n st: 0.0,\r\n w: 80.0,\r\n },\r\n {\r\n ty: 0.0,\r\n ao: 0.0,\r\n ddd: 0.0,\r\n h: 16.0,\r\n ind: 20.0,\r\n ip: 0.0,\r\n ks: {\r\n a: {\r\n a: 0.0,\r\n k: [0.0, 0.0],\r\n },\r\n o: {\r\n a: 0.0,\r\n k: 100.0,\r\n },\r\n p: {\r\n a: 0.0,\r\n k: [0.0, 0.0],\r\n },\r\n r: {\r\n a: 0.0,\r\n k: 0.0,\r\n },\r\n s: {\r\n a: 0.0,\r\n k: [100.0, 100.0],\r\n },\r\n },\r\n nm: 'Circle B-composition',\r\n op: 31.0,\r\n refId: 'comp_Circle B_188021AC-B576-4181-AF9B-D21F72E8E2B9',\r\n sr: 1.0,\r\n st: 0.0,\r\n w: 80.0,\r\n },\r\n {\r\n ty: 0.0,\r\n ao: 0.0,\r\n ddd: 0.0,\r\n h: 16.0,\r\n ind: 10.0,\r\n ip: 0.0,\r\n ks: {\r\n a: {\r\n a: 0.0,\r\n k: [0.0, 0.0],\r\n },\r\n o: {\r\n a: 0.0,\r\n k: 100.0,\r\n },\r\n p: {\r\n a: 0.0,\r\n k: [0.0, 0.0],\r\n },\r\n r: {\r\n a: 0.0,\r\n k: 0.0,\r\n },\r\n s: {\r\n a: 0.0,\r\n k: [100.0, 100.0],\r\n },\r\n },\r\n nm: 'Circle C-composition',\r\n op: 31.0,\r\n refId: 'comp_Circle C_1459D2CB-91AE-41C5-AA50-7DB0CE6F9831',\r\n sr: 1.0,\r\n st: 0.0,\r\n w: 80.0,\r\n },\r\n {\r\n ty: 4.0,\r\n ao: 0.0,\r\n ddd: 0.0,\r\n ind: 2.0,\r\n ip: 0.0,\r\n ks: {\r\n a: {\r\n a: 0.0,\r\n k: [0.0, 0.0],\r\n },\r\n o: {\r\n a: 0.0,\r\n k: 100.0,\r\n },\r\n p: {\r\n a: 0.0,\r\n k: [0.0, 0.0],\r\n },\r\n r: {\r\n a: 0.0,\r\n k: 0.0,\r\n },\r\n s: {\r\n a: 0.0,\r\n k: [100.0, 100.0],\r\n },\r\n },\r\n nm: 'Dots Loader-background',\r\n op: 31.0,\r\n shapes: [\r\n {\r\n ty: 'gr',\r\n cix: 2.0,\r\n it: [\r\n {\r\n ty: 'rc',\r\n d: 1.0,\r\n nm: 'Dots Loader-background',\r\n p: {\r\n a: 0.0,\r\n k: [40.0, 8.0],\r\n },\r\n r: {\r\n a: 0.0,\r\n k: 0.0,\r\n },\r\n s: {\r\n a: 0.0,\r\n k: [80.0, 16.0],\r\n },\r\n },\r\n {\r\n ty: 'fl',\r\n c: {\r\n a: 0.0,\r\n k: [1.0, 1.0, 1.0, 1.0],\r\n },\r\n nm: 'Fill 1',\r\n o: {\r\n a: 0.0,\r\n k: 100.0,\r\n },\r\n r: 1.0,\r\n },\r\n {\r\n ty: 'tr',\r\n a: {\r\n a: 0.0,\r\n k: [0.0, 0.0],\r\n },\r\n nm: 'Transform',\r\n o: {\r\n a: 0.0,\r\n k: 100.0,\r\n },\r\n p: {\r\n a: 0.0,\r\n k: [0.0, 0.0],\r\n },\r\n r: {\r\n a: 0.0,\r\n k: 0.0,\r\n },\r\n s: {\r\n a: 0.0,\r\n k: [100.0, 100.0],\r\n },\r\n sa: {\r\n a: 0.0,\r\n k: 0.0,\r\n },\r\n sk: {\r\n a: 0.0,\r\n k: 0.0,\r\n },\r\n },\r\n ],\r\n nm: 'Dots Loader-background',\r\n np: 3.0,\r\n },\r\n ],\r\n sr: 1.0,\r\n st: 0.0,\r\n },\r\n ],\r\n meta: {\r\n a: '',\r\n d: 'Loader Dots',\r\n g: 'Flow 1.13.0',\r\n k: '',\r\n tc: '',\r\n },\r\n nm: 'Loader Dots',\r\n op: 31.0,\r\n v: '5.7.14',\r\n w: 80.0,\r\n};\n\nvar data = {\r\n MidnightBlueLoader: MidnightBlueLoader,\r\n WhiteLoader: WhiteLoader,\r\n DotsLoader: DotsLoader,\r\n};\n\nvar createLottieConfig = function (_a) {\r\n var loop = _a.loop, autoplay = _a.autoplay;\r\n return ({\r\n loop: loop,\r\n autoplay: autoplay,\r\n });\r\n};\r\nvar Lottie = function (_a) {\r\n var name = _a.name, _b = _a.loop, loop = _b === void 0 ? true : _b, _c = _a.autoplay, autoplay = _c === void 0 ? true : _c, args = __rest(_a, [\"name\", \"loop\", \"autoplay\"]);\r\n var animationData = data[name];\r\n var loaderRef = useRef(null);\r\n var lottieConfig = createLottieConfig({ loop: loop, autoplay: autoplay });\r\n React__default.useEffect(function () {\r\n if (loaderRef.current) {\r\n lottie.loadAnimation(__assign(__assign({}, lottieConfig), { animationData: animationData, container: loaderRef.current }));\r\n }\r\n return function () {\r\n lottie.destroy();\r\n };\r\n }, [loaderRef, animationData, lottieConfig]);\r\n return React__default.createElement(Box, __assign({ \"data-testid\": \"lottie\", ref: loaderRef }, args));\r\n};\r\nLottie.displayName = 'Lottie';\n\nvar Message = forwardRef(function (_a, ref) {\r\n var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, props = __rest(_a, [\"variant\"]);\r\n return (React__default.createElement(Box, __assign({ ref: ref, variant: variant, tx: \"form.message\", sx: {\r\n fontSize: 1,\r\n } }, props)));\r\n});\r\nMessage.displayName = 'Message';\n\nvar Radio = forwardRef(function (props, ref) {\r\n return (React__default.createElement(Flex, { alignItems: \"center\", m: 2 },\r\n React__default.createElement(Box, __assign({ as: \"input\", type: \"radio\", ref: ref, id: \"\".concat(props.name, \"-\").concat(props.value), \"data-cy\": \"\".concat(props.name, \"-\").concat(props.value), tx: \"form.radio\" // Uses theme.form.radio as base CSS\r\n , height: \"radioHeight\", width: \"radioHeight\", mr: 4, borderRadius: \"circle\", borderWidth: \"input\", borderStyle: \"solid\", __css: {\r\n appearance: 'none',\r\n ':disabled': {\r\n borderColor: 'neutralsBorderGray',\r\n bg: 'neutralsBackgroundGray',\r\n },\r\n } }, props)),\r\n React__default.createElement(Flex, { flexDirection: \"column\", justifyContent: \"center\", fontWeight: \"medium\" },\r\n React__default.createElement(Label$1, { variant: props.disabled ? 'disabled' : 'default', fontSize: 2, htmlFor: \"\".concat(props.name, \"-\").concat(props.value) }, props.label),\r\n props.subLabel && (React__default.createElement(Label$1, { variant: props.disabled ? 'disabled' : props.variant, fontSize: 0, fontWeight: \"400\", color: \"neutralsTextGray\", mt: 1 }, props.subLabel)))));\r\n});\r\nRadio.displayName = 'Radio';\r\nvar RadioGroup = forwardRef(function (_a, ref) {\r\n var name = _a.name, options = _a.options, selected = _a.selected, onChange = _a.onChange, containerProps = _a.containerProps, props = __rest(_a, [\"name\", \"options\", \"selected\", \"onChange\", \"containerProps\"]);\r\n var _b = useState(selected), selectedValue = _b[0], setSelectedValue = _b[1];\r\n var handleOnchange = function (e) {\r\n onChange && onChange(e);\r\n setSelectedValue(e.target.value);\r\n };\r\n return (React__default.createElement(Flex, __assign({ flexDirection: \"column\" }, containerProps), options.map(function (option) { return (React__default.createElement(Radio, __assign({ ref: ref, key: option.value, name: name, \"data-testid\": \"\".concat(name, \"-\").concat(option.value), checked: selectedValue === option.value, onChange: handleOnchange, \"aria-label\": name }, props, option))); })));\r\n});\r\nRadioGroup.displayName = 'RadioGroup';\n\nvar Search = forwardRef(function (_a, ref) {\r\n var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, onSearch = _a.onSearch, props = __rest(_a, [\"variant\", \"onSearch\"]);\r\n var handleKeyDown = useCallback(function (event) {\r\n var key = event.key;\r\n if (key === 'Enter' || key === 'NumpadEnter') {\r\n onSearch && onSearch();\r\n }\r\n }, [onSearch]);\r\n return (React__default.createElement(Box, { position: \"relative\", width: \"full\" },\r\n React__default.createElement(Input, __assign({ variant: variant, onKeyDown: handleKeyDown }, props, { ref: ref })),\r\n React__default.createElement(Flex, { justifyContent: \"center\", alignItems: \"center\", position: \"absolute\", top: \"0.063rem\", right: \"0.063rem\", width: \"2.875rem\", height: \"2.875rem\", onClick: onSearch, sx: {\r\n cursor: 'pointer',\r\n } },\r\n React__default.createElement(Icon, { name: \"search\", size: \"1.5rem\", color: !(props === null || props === void 0 ? void 0 : props.value) || props.disabled\r\n ? colors.neutralsBorderGray\r\n : colors.neutralsTextGray }))));\r\n});\r\nSearch.displayName = 'Search';\r\nvar SearchGroup = forwardRef(function (_a, ref) {\r\n var variant = _a.variant, label = _a.label, message = _a.message, disabled = _a.disabled, containerProps = _a.containerProps, messageProps = _a.messageProps, error = _a.error, props = __rest(_a, [\"variant\", \"label\", \"message\", \"disabled\", \"containerProps\", \"messageProps\", \"error\"]);\r\n var variantType = error ? 'error' : variant;\r\n var messageText = error || message;\r\n return (React__default.createElement(Flex, __assign({ flexDirection: \"column\", p: 4, width: \"100%\" }, containerProps),\r\n React__default.createElement(Label$1, { variant: disabled ? 'disabled' : 'default', mb: 2, htmlFor: props.id || props.name, \"aria-label\": props.id || props.name }, label),\r\n React__default.createElement(Search, __assign({ ref: ref, variant: variantType, disabled: disabled, maxWidth: \"none\", width: \"full\", \"aria-label\": props.id || props.name }, props)),\r\n messageText && (React__default.createElement(Message, __assign({ variant: variantType, mt: 1 }, messageProps), messageText))));\r\n});\r\nSearchGroup.displayName = 'SearchGroup';\n\nvar getListRowStyles = function (isSelected, subLabel) {\r\n var optionColors = {\r\n iconContainerColor: 'brandBlueWash',\r\n iconColor: 'brandMidnightBlue',\r\n subLabelColor: 'neutralsTextGray',\r\n };\r\n if (isSelected) {\r\n optionColors = {\r\n iconContainerColor: 'overlayBlack15',\r\n iconColor: 'neutralsWhite',\r\n labelColor: 'neutralsWhite',\r\n subLabelColor: 'neutralsWhite',\r\n };\r\n }\r\n var labelVariant = subLabel ? 'medium' : 'regular';\r\n return __assign(__assign({}, optionColors), { labelVariant: labelVariant });\r\n};\r\nvar Option = function (props) {\r\n var _a = props.data, label = _a.label, subLabel = _a.subLabel, icon = _a.icon;\r\n var isSelected = props.isSelected;\r\n return (React__default.createElement(components.Option, __assign({}, props),\r\n React__default.createElement(Box, { px: \"1rem\" },\r\n React__default.createElement(ListRow, __assign({ icon: icon, label: label, subLabel: subLabel }, getListRowStyles(isSelected, subLabel))))));\r\n};\r\nvar DropdownIndicator = function (props) {\r\n return (React__default.createElement(components.DropdownIndicator, __assign({}, props),\r\n React__default.createElement(Icon, { name: \"drop-down\" })));\r\n};\r\nvar ClearIndicator = function (props) {\r\n return (React__default.createElement(components.ClearIndicator, __assign({}, props),\r\n React__default.createElement(Icon, { name: \"x\" })));\r\n};\r\nvar IndicatorSeparator = function () { return null; };\n\nvar Select = forwardRef(function (_a, ref) {\r\n var options = _a.options, isDisabled = _a.isDisabled, error = _a.error, noOptionsText = _a.noOptionsText, _b = _a.isSearchable, isSearchable = _b === void 0 ? false : _b, props = __rest(_a, [\"options\", \"isDisabled\", \"error\", \"noOptionsText\", \"isSearchable\"]);\r\n var verticalPadding = {\r\n paddingTop: '0.75rem',\r\n paddingBottom: '0.75rem',\r\n };\r\n var customStyles = {\r\n control: function (base, state) { return (__assign(__assign({}, base), { fontFamily: theme.fonts.regular, maxWidth: props.width || theme.sizes.inputMaxWidth, height: theme.sizes.inputHeight, borderColor: error\r\n ? colors.utilityDarkErrorRed\r\n : state.isFocused\r\n ? colors.utilityFocusBlue\r\n : colors.neutralsBorderGray })); },\r\n menu: function (base) { return (__assign(__assign({}, base), { fontFamily: theme.fonts.regular, maxWidth: props.width || theme.sizes.inputMaxWidth })); },\r\n menuList: function (base) { return (__assign(__assign({}, base), { padding: 0 })); },\r\n option: function (styles, _a) {\r\n var isFocused = _a.isFocused, isSelected = _a.isSelected;\r\n return (__assign(__assign(__assign({}, styles), verticalPadding), { paddingLeft: 0, paddingRight: 0, background: isSelected\r\n ? colors.utilityFocusBlue\r\n : isFocused && colors.brandBlueWash, color: isSelected && colors.neutralsWhite }));\r\n },\r\n clearIndicator: function (base) { return (__assign(__assign({}, base), { padding: 0 })); },\r\n valueContainer: function (base) { return (__assign(__assign({}, base), { paddingLeft: '1rem' })); },\r\n dropdownIndicator: function (base) { return (__assign(__assign({}, base), { paddingRight: '1rem' })); },\r\n noOptionsMessage: function (base) { return (__assign(__assign(__assign({}, base), verticalPadding), { color: colors.neutralsTextGray })); },\r\n };\r\n return (React__default.createElement(ReactSelect, __assign({}, props, { ref: ref, options: options, isDisabled: isDisabled, isSearchable: isSearchable, noOptionsMessage: function () { return noOptionsText || 'No Match Found'; }, components: {\r\n ClearIndicator: ClearIndicator,\r\n DropdownIndicator: DropdownIndicator,\r\n IndicatorSeparator: IndicatorSeparator,\r\n Option: Option,\r\n }, styles: customStyles, theme: function (rsTheme) { return (__assign(__assign({}, rsTheme), { borderRadius: 2, colors: __assign(__assign({}, rsTheme.colors), { primary: error\r\n ? colors.utilityDarkErrorRed\r\n : colors.utilityFocusBlue, primary25: colors.brandBlueWash, primary50: colors.brandBlueWash, primary75: colors.brandMediumBlue }) })); } })));\r\n});\r\nSelect.displayName = 'Select';\r\nvar SelectGroup = forwardRef(function (_a, ref) {\r\n var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, label = _a.label, message = _a.message, isDisabled = _a.isDisabled, messageProps = _a.messageProps, containerProps = _a.containerProps, error = _a.error, isSearchable = _a.isSearchable, props = __rest(_a, [\"variant\", \"label\", \"message\", \"isDisabled\", \"messageProps\", \"containerProps\", \"error\", \"isSearchable\"]);\r\n var variantType = error ? 'error' : variant;\r\n var messageText = error || message;\r\n return (React__default.createElement(Flex, __assign({ flexDirection: \"column\", p: 4, width: \"100%\" }, containerProps),\r\n React__default.createElement(Label$1, { as: \"label\", variant: isDisabled ? 'disabled' : 'default', mb: 2, htmlFor: props.id || props.name }, label),\r\n React__default.createElement(Select, __assign({ ref: ref, isSearchable: isSearchable, isDisabled: isDisabled, error: error, maxWidth: \"none\", width: \"100%\" }, props)),\r\n messageText && (React__default.createElement(Message, __assign({ role: \"alert\", variant: variantType, mt: 1 }, messageProps), messageText))));\r\n});\r\nSelectGroup.displayName = 'SelectGroup';\n\nvar Switch = forwardRef(function (props, ref) {\r\n var switchRef = useRef(null);\r\n var id = props.id, checked = props.checked, disabled = props.disabled, onChange = props.onChange, label = props.label, subLabel = props.subLabel, labelIcon = props.labelIcon, labelPosition = props.labelPosition;\r\n var toggleOnSpacebar = useCallback(function (e) {\r\n var _a;\r\n e.key === ' ' && ((_a = switchRef === null || switchRef === void 0 ? void 0 : switchRef.current) === null || _a === void 0 ? void 0 : _a.click());\r\n }, []);\r\n var isDisabledText = useCallback(function () {\r\n return disabled ? 'neutralsPlaceholderGray' : 'neutralsTextBlack';\r\n }, [disabled]);\r\n return (React__default.createElement(Flex, __assign({ alignItems: \"center\", justifyContent: \"space-between\", flexDirection: !labelPosition || labelPosition === 'left' ? 'row' : 'row-reverse' }, props.containerProps),\r\n label && (React__default.createElement(Flex, { as: \"label\", alignItems: \"center\", htmlFor: \"checkbox-\".concat(id), maxWidth: \"90%\" },\r\n labelIcon && (React__default.createElement(Box, { mr: 4, minWidth: \"1.25rem\" },\r\n React__default.createElement(Icon, { name: labelIcon, size: \"alertIcon\", color: isDisabledText() }))),\r\n React__default.createElement(Flex, { flexDirection: \"column\" },\r\n React__default.createElement(Text, { variant: \"medium\", color: isDisabledText() }, label),\r\n subLabel && (React__default.createElement(Text, { color: disabled ? 'neutralsPlaceholderGray' : 'neutralsTextGray', variant: \"body\", mt: 1, fontSize: 1 }, subLabel))))),\r\n React__default.createElement(Box, { ref: ref, p: \"2px\", tabIndex: !disabled ? 0 : -1, onKeyPress: toggleOnSpacebar, __css: {\r\n ':focus': {\r\n outlineStyle: 'solid',\r\n outlineWidth: '2px',\r\n outlineColor: 'utilityFocusBlue',\r\n },\r\n } },\r\n React__default.createElement(Flex, __assign({ as: \"label\", htmlFor: \"checkbox-\".concat(id), ref: switchRef, position: \"relative\", alignItems: \"center\", justifyContent: \"space-between\", height: \"1.75rem\", width: \"3rem\", borderRadius: \"3rem\", borderStyle: \"solid\", borderWidth: \"input\", __css: __assign(__assign({ cursor: 'pointer', backgroundColor: 'neutralsBackgroundGray', borderColor: 'neutralsBorderGray' }, (checked && {\r\n backgroundColor: 'brandMidnightBlue',\r\n borderColor: 'brandMidnightBlue',\r\n })), (disabled && __assign({ cursor: 'not-allowed' }, (checked && {\r\n backgroundColor: 'neutralsBorderGray',\r\n borderColor: 'neutralsBorderGray',\r\n })))) }, props),\r\n React__default.createElement(Box, { as: \"input\", type: \"checkbox\", disabled: disabled, checked: checked, onChange: onChange, id: \"checkbox-\".concat(id), height: 0, width: 0, __css: {\r\n visibility: 'hidden',\r\n } }),\r\n React__default.createElement(Box, { as: \"span\", __css: __assign(__assign({ content: '', position: 'absolute', top: '-1px', left: '-2px', width: '1.75rem', height: '1.75rem', transition: '0.3s', backgroundColor: 'neutralsWhite', borderColor: 'neutralsBorderGray', borderRadius: '1.75rem', borderStyle: 'solid', borderWidth: 'input' }, (checked && {\r\n left: 'calc(100% + 2px)',\r\n transform: 'translateX(-100%)',\r\n borderColor: 'brandMidnightBlue',\r\n })), (disabled && __assign({ backgroundColor: 'neutralsBackgroundGray' }, (checked && {\r\n borderColor: 'neutralsBorderGray',\r\n })))) })))));\r\n});\r\nSwitch.displayName = 'Switch';\n\nvar Tag = function (_a) {\r\n var icon = _a.icon, text = _a.text, _b = _a.onClose, onClose = _b === void 0 ? null : _b, _c = _a.onClick, onClick = _c === void 0 ? null : _c, _d = _a.variant, variant = _d === void 0 ? 'info' : _d, props = __rest(_a, [\"icon\", \"text\", \"onClose\", \"onClick\", \"variant\"]);\r\n var variantIconColor = (tagVariants[variant] || {}).variantIconColor;\r\n return (React__default.createElement(Box, __assign({ tx: \"tag\", variant: variant, display: \"inline-flex\", justifyContent: \"space-between\", onClick: onClick }, props),\r\n React__default.createElement(Flex, { alignItems: \"center\" },\r\n icon && (React__default.createElement(Box, { mr: 2 },\r\n React__default.createElement(Icon, { name: icon, color: variantIconColor, size: \"1.15rem\" }))),\r\n text && (React__default.createElement(Text, { variant: \"medium\", color: variantIconColor }, text)),\r\n onClose && (React__default.createElement(Box, { ml: 2, flexShrink: 0 },\r\n React__default.createElement(Icon, { name: \"x\", size: \"1.15rem\", cursor: \"pointer\", color: variantIconColor, iconClick: function (event) {\r\n event.stopPropagation();\r\n onClose(event);\r\n } }))))));\r\n};\r\nTag.displayName = 'Tag';\n\nvar Text = forwardRef(function (props, ref) {\r\n return React__default.createElement(Box, __assign({ as: \"span\", ref: ref, variant: \"default\", tx: \"text\" }, props));\r\n});\r\nText.displayName = 'Text';\n\nvar TextArea = forwardRef(function (_a, ref) {\r\n var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, props = __rest(_a, [\"variant\"]);\r\n return (React__default.createElement(Box, { sx: {\r\n position: 'relative',\r\n } },\r\n React__default.createElement(Box, __assign({ as: \"textarea\", ref: ref, tx: \"form.input\", variant: variant, id: props.id || props.name, maxWidth: \"inputMaxWidth\", height: \"inputHeight\", py: 3, px: 4, borderWidth: \"input\", borderStyle: \"solid\", borderRadius: \"input\", borderColor: \"neutralsBorderGray\", color: \"neutralsTextBlack\" }, props, { __css: {\r\n background: \"\".concat(colors.neutralsWhite),\r\n backgroundSize: '1.5rem',\r\n outline: 'none',\r\n ':disabled': {\r\n color: 'neutralsPlaceholderGray',\r\n borderColor: 'neutralsLightGray',\r\n bg: 'neutralsBackgroundGray',\r\n },\r\n '::placeholder': {\r\n color: 'neutralsPlaceholderGray',\r\n },\r\n ':disabled::placeholder': {\r\n color: 'neutralsBorderGray',\r\n },\r\n } }))));\r\n});\r\nTextArea.displayName = 'TextArea';\r\nvar TextAreaGroup = forwardRef(function (_a, ref) {\r\n var variant = _a.variant, label = _a.label, message = _a.message, disabled = _a.disabled, containerProps = _a.containerProps, messageProps = _a.messageProps, error = _a.error, props = __rest(_a, [\"variant\", \"label\", \"message\", \"disabled\", \"containerProps\", \"messageProps\", \"error\"]);\r\n var variantType = error ? 'error' : variant;\r\n var messageText = error || message;\r\n return (React__default.createElement(Flex, __assign({ flexDirection: \"column\", p: 4, width: \"100%\" }, containerProps),\r\n React__default.createElement(Label$1, { as: \"label\", variant: disabled ? 'disabled' : 'default', mb: 2, htmlFor: props.id || props.name }, label),\r\n React__default.createElement(TextArea, __assign({ ref: ref, variant: variantType, disabled: disabled, maxWidth: \"none\", width: \"100%\" }, props)),\r\n messageText && (React__default.createElement(Message, __assign({ variant: variantType, mt: 1 }, messageProps), messageText))));\r\n});\r\nTextAreaGroup.displayName = 'TextAreaGroup';\n\nvar ListRowSet = function (props) {\r\n var containerWidth = props.containerWidth, listItems = props.listItems, other = __rest(props, [\"containerWidth\", \"listItems\"]);\r\n return (React__default.createElement(Box, __assign({ borderWidth: \"input\", borderStyle: \"solid\", borderRadius: \"0.5rem\", textAlign: \"start\", flexDirection: \"column\", width: containerWidth ? \"\".concat(containerWidth * 10, \"rem\") : '100%', borderColor: \"neutralsBorderGray\", overflow: \"hidden\" }, other), listItems &&\r\n listItems.map(function (itemProps, index) {\r\n var onClick = itemProps.onClick, variant = itemProps.variant, rest = __rest(itemProps, [\"onClick\", \"variant\"]);\r\n return (React__default.createElement(Box, { as: \"button\", key: index, minHeight: \"4.5rem\", tx: \"boxSelector\", width: \"100%\", border: \"none\", padding: \"0\", variant: \"singleSelect\", borderRadius: \"0\", sx: {\r\n cursor: onClick ? 'pointer' : 'default',\r\n ':active': {\r\n borderRadius: 0,\r\n },\r\n }, borderColor: \"neutralsBorderGray\", borderTopStyle: \"solid\", borderTopWidth: index === 0 ? '0' : '0.0625rem', onClick: onClick, textAlign: \"left\", \"aria-label\": \"\".concat(itemProps.label, \" Button\") },\r\n React__default.createElement(ListRow, __assign({}, rest, { p: 4, variant: variant || 'actionIcon' }))));\r\n })));\r\n};\n\nvar Pill = function (props) {\r\n var iconColor = props.iconColor, iconName = props.iconName, backgroundColor = props.backgroundColor, isLoading = props.isLoading, lottieComponent = props.lottieComponent;\r\n var width = props.width || '4rem';\r\n if (!width.includes('rem')) {\r\n throw new Error('Must supply a rem value');\r\n }\r\n var widthNumber = parseInt(width.replace('rem', ''), 10);\r\n var pillToIconAspectRatioREM = 0.5;\r\n var pillWidthToHeightAspectRatioREM = 1.703125;\r\n var pillToBorderRadiusAspectRatioREM = 0.5;\r\n var iconWidth = \"\".concat(widthNumber * pillToIconAspectRatioREM, \"rem\");\r\n var iconHeight = \"\".concat(widthNumber * pillToIconAspectRatioREM, \"rem\");\r\n var pillHeight = \"\".concat(widthNumber * pillWidthToHeightAspectRatioREM, \"rem\");\r\n var borderRadius = \"\".concat(widthNumber * pillToBorderRadiusAspectRatioREM, \"rem\");\r\n var component = iconName ? (React__default.createElement(Icon, { name: iconName, color: iconColor, width: iconWidth, height: iconHeight })) : (React__default.createElement(Box, { position: \"absolute\", justifyContent: \"center\", alignItems: \"center\", zIndex: \"3\", width: iconWidth, height: iconHeight }, lottieComponent));\r\n return (React__default.createElement(Box, { display: \"flex\", backgroundColor: backgroundColor, flexDirection: \"column\", justifyContent: \"center\", alignItems: \"center\", width: width, height: pillHeight, borderRadius: borderRadius }, isLoading && lottieComponent ? (React__default.createElement(Box, { position: \"absolute\", justifyContent: \"center\", alignItems: \"center\", zIndex: \"3\", width: \"1.5rem\", height: \"1.5rem\" }, lottieComponent)) : (React__default.createElement(React__default.Fragment, null, component))));\r\n};\r\nPill.displayName = 'Pill';\n\nvar animations = {\r\n fadeInUp: {\r\n initial: { opacity: 0, y: 16 },\r\n animate: { opacity: 1, y: 0 },\r\n transition: { duration: 0.5, ease: 'easeOut' },\r\n },\r\n fadeInDown: {\r\n initial: { opacity: 0, y: -16 },\r\n animate: { opacity: 1, y: 0 },\r\n transition: { duration: 0.5, ease: 'easeOut' },\r\n },\r\n};\n\nvar loadFeatures = function () {\r\n return Promise.resolve().then(function () { return framerMotionFeatures; }).then(function (res) { return res.default; });\r\n};\r\nvar getAnimationDetails = function (_a) {\r\n var delay = _a.delay, animationName = _a.animationName, customAnimationDetails = _a.customAnimationDetails;\r\n if (customAnimationDetails)\r\n return customAnimationDetails;\r\n if (!animationName)\r\n return null;\r\n if (delay) {\r\n return __assign(__assign({}, animations[animationName]), { transition: __assign(__assign({}, animations[animationName].transition), { delay: delay }) });\r\n }\r\n else {\r\n return animations[animationName];\r\n }\r\n};\r\nvar Transition = function (_a) {\r\n var children = _a.children, animationName = _a.animationName, customAnimationDetails = _a.customAnimationDetails, delay = _a.delay;\r\n var animationDetails = useMemo(function () {\r\n return getAnimationDetails({\r\n animationName: animationName,\r\n delay: delay,\r\n customAnimationDetails: customAnimationDetails,\r\n });\r\n }, [animationName, delay, customAnimationDetails]);\r\n return (React__default.createElement(LazyMotion, { strict: true, features: loadFeatures },\r\n React__default.createElement(m.div, __assign({}, animationDetails), children)));\r\n};\n\nvar clearEmailRegex = \r\n// eslint-disable-next-line no-control-regex\r\n/(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21\\x23-\\x5b\\x5d-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])*\")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\\[(?:(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\\.){3}(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21-\\x5a\\x53-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])+)\\])/;\n\n// @ts-ignore\n\nvar framerMotionFeatures = /*#__PURE__*/Object.freeze({\n __proto__: null,\n 'default': domAnimation\n});\n\nexport { ADAThemeProvider, Accordion, Alert, Box, BoxSelector, Button, Card, Checkbox, Datepicker, DatepickerGroup, Dropdown, DropdownGroup, Flex, GlobalStyle, Icon, Input, InputGroup, Label$1 as Label, Link, ListRow, ListRowSet, Logo, Lottie, Message, Pill, Radio, RadioGroup, SVG, Search, SearchGroup, Select, SelectGroup, Switch, Tag, Text, TextArea, TextAreaGroup, Transition, index as Variants, clearEmailRegex, createLottieConfig, getSVGUrl, theme };\n//# sourceMappingURL=index.esm.js.map\n","function memoize(fn) {\n var cache = {};\n return function (arg) {\n if (cache[arg] === undefined) cache[arg] = fn(arg);\n return cache[arg];\n };\n}\n\nexport default memoize;\n","import memoize from '@emotion/memoize';\n\nvar reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|inert|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23\n\nvar index = memoize(function (prop) {\n return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111\n /* o */\n && prop.charCodeAt(1) === 110\n /* n */\n && prop.charCodeAt(2) < 91;\n}\n/* Z+1 */\n);\n\nexport default index;\n","var unitlessKeys = {\n animationIterationCount: 1,\n borderImageOutset: 1,\n borderImageSlice: 1,\n borderImageWidth: 1,\n boxFlex: 1,\n boxFlexGroup: 1,\n boxOrdinalGroup: 1,\n columnCount: 1,\n columns: 1,\n flex: 1,\n flexGrow: 1,\n flexPositive: 1,\n flexShrink: 1,\n flexNegative: 1,\n flexOrder: 1,\n gridRow: 1,\n gridRowEnd: 1,\n gridRowSpan: 1,\n gridRowStart: 1,\n gridColumn: 1,\n gridColumnEnd: 1,\n gridColumnSpan: 1,\n gridColumnStart: 1,\n msGridRow: 1,\n msGridRowSpan: 1,\n msGridColumn: 1,\n msGridColumnSpan: 1,\n fontWeight: 1,\n lineHeight: 1,\n opacity: 1,\n order: 1,\n orphans: 1,\n tabSize: 1,\n widows: 1,\n zIndex: 1,\n zoom: 1,\n WebkitLineClamp: 1,\n // SVG-related properties\n fillOpacity: 1,\n floodOpacity: 1,\n stopOpacity: 1,\n strokeDasharray: 1,\n strokeDashoffset: 1,\n strokeMiterlimit: 1,\n strokeOpacity: 1,\n strokeWidth: 1\n};\n\nexport default unitlessKeys;\n","// do not edit .js files directly - edit src/index.jst\n\n\n\nvar fastDeepEqual = function equal(a, b) {\n if (a === b) return true;\n\n if (a && b && typeof a == 'object' && typeof b == 'object') {\n if (a.constructor !== b.constructor) return false;\n\n var length, i, keys;\n if (Array.isArray(a)) {\n length = a.length;\n if (length != b.length) return false;\n for (i = length; i-- !== 0;)\n if (!equal(a[i], b[i])) return false;\n return true;\n }\n\n\n\n if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;\n if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();\n if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();\n\n keys = Object.keys(a);\n length = keys.length;\n if (length !== Object.keys(b).length) return false;\n\n for (i = length; i-- !== 0;)\n if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;\n\n for (i = length; i-- !== 0;) {\n var key = keys[i];\n\n if (!equal(a[key], b[key])) return false;\n }\n\n return true;\n }\n\n // true if both NaN, false otherwise\n return a!==a && b!==b;\n};\n\n/**\r\n * Copyright 2019 Google LLC. All Rights Reserved.\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at.\r\n *\r\n * Http://www.apache.org/licenses/LICENSE-2.0.\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\nconst DEFAULT_ID = \"__googleMapsScriptId\";\r\n/**\r\n * [[Loader]] makes it easier to add Google Maps JavaScript API to your application\r\n * dynamically using\r\n * [Promises](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise).\r\n * It works by dynamically creating and appending a script node to the the\r\n * document head and wrapping the callback function so as to return a promise.\r\n *\r\n * ```\r\n * const loader = new Loader({\r\n * apiKey: \"\",\r\n * version: \"weekly\",\r\n * libraries: [\"places\"]\r\n * });\r\n *\r\n * loader.load().then(() => {\r\n * const map = new google.maps.Map(...)\r\n * })\r\n * ```\r\n */\r\nclass Loader {\r\n /**\r\n * Creates an instance of Loader using [[LoaderOptions]]. No defaults are set\r\n * using this library, instead the defaults are set by the Google Maps\r\n * JavaScript API server.\r\n *\r\n * ```\r\n * const loader = Loader({apiKey, version: 'weekly', libraries: ['places']});\r\n * ```\r\n */\r\n constructor({ apiKey, channel, client, id = DEFAULT_ID, libraries = [], language, region, version, mapIds, nonce, retries = 3, url = \"https://maps.googleapis.com/maps/api/js\", }) {\r\n this.CALLBACK = \"__googleMapsCallback\";\r\n this.callbacks = [];\r\n this.done = false;\r\n this.loading = false;\r\n this.errors = [];\r\n this.version = version;\r\n this.apiKey = apiKey;\r\n this.channel = channel;\r\n this.client = client;\r\n this.id = id || DEFAULT_ID; // Do not allow empty string\r\n this.libraries = libraries;\r\n this.language = language;\r\n this.region = region;\r\n this.mapIds = mapIds;\r\n this.nonce = nonce;\r\n this.retries = retries;\r\n this.url = url;\r\n if (Loader.instance) {\r\n if (!fastDeepEqual(this.options, Loader.instance.options)) {\r\n throw new Error(`Loader must not be called again with different options. ${JSON.stringify(this.options)} !== ${JSON.stringify(Loader.instance.options)}`);\r\n }\r\n return Loader.instance;\r\n }\r\n Loader.instance = this;\r\n }\r\n get options() {\r\n return {\r\n version: this.version,\r\n apiKey: this.apiKey,\r\n channel: this.channel,\r\n client: this.client,\r\n id: this.id,\r\n libraries: this.libraries,\r\n language: this.language,\r\n region: this.region,\r\n mapIds: this.mapIds,\r\n nonce: this.nonce,\r\n url: this.url,\r\n };\r\n }\r\n get failed() {\r\n return this.done && !this.loading && this.errors.length >= this.retries + 1;\r\n }\r\n /**\r\n * CreateUrl returns the Google Maps JavaScript API script url given the [[LoaderOptions]].\r\n *\r\n * @ignore\r\n */\r\n createUrl() {\r\n let url = this.url;\r\n url += `?callback=${this.CALLBACK}`;\r\n if (this.apiKey) {\r\n url += `&key=${this.apiKey}`;\r\n }\r\n if (this.channel) {\r\n url += `&channel=${this.channel}`;\r\n }\r\n if (this.client) {\r\n url += `&client=${this.client}`;\r\n }\r\n if (this.libraries.length > 0) {\r\n url += `&libraries=${this.libraries.join(\",\")}`;\r\n }\r\n if (this.language) {\r\n url += `&language=${this.language}`;\r\n }\r\n if (this.region) {\r\n url += `®ion=${this.region}`;\r\n }\r\n if (this.version) {\r\n url += `&v=${this.version}`;\r\n }\r\n if (this.mapIds) {\r\n url += `&map_ids=${this.mapIds.join(\",\")}`;\r\n }\r\n return url;\r\n }\r\n /**\r\n * Load the Google Maps JavaScript API script and return a Promise.\r\n */\r\n load() {\r\n return this.loadPromise();\r\n }\r\n /**\r\n * Load the Google Maps JavaScript API script and return a Promise.\r\n *\r\n * @ignore\r\n */\r\n loadPromise() {\r\n return new Promise((resolve, reject) => {\r\n this.loadCallback((err) => {\r\n if (!err) {\r\n resolve();\r\n }\r\n else {\r\n reject(err);\r\n }\r\n });\r\n });\r\n }\r\n /**\r\n * Load the Google Maps JavaScript API script with a callback.\r\n */\r\n loadCallback(fn) {\r\n this.callbacks.push(fn);\r\n this.execute();\r\n }\r\n /**\r\n * Set the script on document.\r\n */\r\n setScript() {\r\n if (document.getElementById(this.id)) {\r\n // TODO wrap onerror callback for cases where the script was loaded elsewhere\r\n this.callback();\r\n return;\r\n }\r\n const url = this.createUrl();\r\n const script = document.createElement(\"script\");\r\n script.id = this.id;\r\n script.type = \"text/javascript\";\r\n script.src = url;\r\n script.onerror = this.loadErrorCallback.bind(this);\r\n script.defer = true;\r\n script.async = true;\r\n if (this.nonce) {\r\n script.nonce = this.nonce;\r\n }\r\n document.head.appendChild(script);\r\n }\r\n deleteScript() {\r\n const script = document.getElementById(this.id);\r\n if (script) {\r\n script.remove();\r\n }\r\n }\r\n /**\r\n * Reset the loader state.\r\n */\r\n reset() {\r\n this.deleteScript();\r\n this.done = false;\r\n this.loading = false;\r\n this.errors = [];\r\n this.onerrorEvent = null;\r\n }\r\n resetIfRetryingFailed() {\r\n if (this.failed) {\r\n this.reset();\r\n }\r\n }\r\n loadErrorCallback(e) {\r\n this.errors.push(e);\r\n if (this.errors.length <= this.retries) {\r\n const delay = this.errors.length * Math.pow(2, this.errors.length);\r\n console.log(`Failed to load Google Maps script, retrying in ${delay} ms.`);\r\n setTimeout(() => {\r\n this.deleteScript();\r\n this.setScript();\r\n }, delay);\r\n }\r\n else {\r\n this.onerrorEvent = e;\r\n this.callback();\r\n }\r\n }\r\n setCallback() {\r\n window.__googleMapsCallback = this.callback.bind(this);\r\n }\r\n callback() {\r\n this.done = true;\r\n this.loading = false;\r\n this.callbacks.forEach((cb) => {\r\n cb(this.onerrorEvent);\r\n });\r\n this.callbacks = [];\r\n }\r\n execute() {\r\n this.resetIfRetryingFailed();\r\n if (this.done) {\r\n this.callback();\r\n }\r\n else {\r\n // short circuit and warn if google.maps is already loaded\r\n if (window.google && window.google.maps && window.google.maps.version) {\r\n console.warn(\"Google Maps already loaded outside @googlemaps/js-api-loader.\" +\r\n \"This may result in undesirable behavior as options and script parameters may not match.\");\r\n this.callback();\r\n return;\r\n }\r\n if (this.loading) ;\r\n else {\r\n this.loading = true;\r\n this.setCallback();\r\n this.setScript();\r\n }\r\n }\r\n }\r\n}\n\nexport { DEFAULT_ID, Loader };\n//# sourceMappingURL=index.esm.js.map\n","var ClusterIcon = /*#__PURE__*/function () {\n function ClusterIcon(cluster, styles) {\n cluster.getClusterer().extend(ClusterIcon, google.maps.OverlayView);\n this.cluster = cluster;\n this.className = this.cluster.getClusterer().getClusterClass();\n this.styles = styles;\n this.center = undefined;\n this.div = null;\n this.sums = null;\n this.visible = false;\n this.boundsChangedListener = null;\n this.url = '';\n this.height = 0;\n this.width = 0;\n this.anchorText = [0, 0];\n this.anchorIcon = [0, 0];\n this.textColor = 'black';\n this.textSize = 11;\n this.textDecoration = 'none';\n this.fontWeight = 'bold';\n this.fontStyle = 'normal';\n this.fontFamily = 'Arial,sans-serif';\n this.backgroundPosition = '0 0'; // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n\n this.setMap(cluster.getMap()); // Note: this causes onAdd to be called\n }\n\n var _proto = ClusterIcon.prototype;\n\n _proto.onAdd = function onAdd() {\n var _this = this;\n\n var cMouseDownInCluster;\n var cDraggingMapByCluster;\n this.div = document.createElement('div');\n this.div.className = this.className;\n\n if (this.visible) {\n this.show();\n } // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n\n\n this.getPanes().overlayMouseTarget.appendChild(this.div); // Fix for Issue 157\n\n this.boundsChangedListener = google.maps.event.addListener( // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.getMap(), 'boundschanged', function boundsChanged() {\n cDraggingMapByCluster = cMouseDownInCluster;\n });\n google.maps.event.addDomListener(this.div, 'mousedown', function onMouseDown() {\n cMouseDownInCluster = true;\n cDraggingMapByCluster = false;\n }); // eslint-disable-next-line @getify/proper-arrows/this, @getify/proper-arrows/name\n\n google.maps.event.addDomListener(this.div, 'click', // eslint-disable-next-line @getify/proper-arrows/this, @getify/proper-arrows/name\n function (event) {\n cMouseDownInCluster = false;\n\n if (!cDraggingMapByCluster) {\n var markerClusterer = _this.cluster.getClusterer();\n /**\r\n * This event is fired when a cluster marker is clicked.\r\n * @name MarkerClusterer#click\r\n * @param {Cluster} c The cluster that was clicked.\r\n * @event\r\n */\n\n\n google.maps.event.trigger(markerClusterer, 'click', _this.cluster);\n google.maps.event.trigger(markerClusterer, 'clusterclick', _this.cluster); // deprecated name\n // The default click handler follows. Disable it by setting\n // the zoomOnClick property to false.\n\n if (markerClusterer.getZoomOnClick()) {\n // Zoom into the cluster.\n var maxZoom = markerClusterer.getMaxZoom();\n\n var bounds = _this.cluster.getBounds(); // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n\n\n markerClusterer.getMap().fitBounds(bounds); // There is a fix for Issue 170 here:\n\n setTimeout(function timeout() {\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n markerClusterer.getMap().fitBounds(bounds); // Don't zoom beyond the max zoom level\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n\n if (maxZoom !== null && markerClusterer.getMap().getZoom() > maxZoom) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n markerClusterer.getMap().setZoom(maxZoom + 1);\n }\n }, 100);\n } // Prevent event propagation to the map:\n\n\n event.cancelBubble = true;\n\n if (event.stopPropagation) {\n event.stopPropagation();\n }\n }\n });\n google.maps.event.addDomListener(this.div, 'mouseover', // eslint-disable-next-line @getify/proper-arrows/this, @getify/proper-arrows/name\n function () {\n /**\r\n * This event is fired when the mouse moves over a cluster marker.\r\n * @name MarkerClusterer#mouseover\r\n * @param {Cluster} c The cluster that the mouse moved over.\r\n * @event\r\n */\n google.maps.event.trigger(_this.cluster.getClusterer(), 'mouseover', _this.cluster);\n }); // eslint-disable-next-line @getify/proper-arrows/this, @getify/proper-arrows/name\n\n google.maps.event.addDomListener(this.div, 'mouseout', // eslint-disable-next-line @getify/proper-arrows/this, @getify/proper-arrows/name\n function () {\n /**\r\n * This event is fired when the mouse moves out of a cluster marker.\r\n * @name MarkerClusterer#mouseout\r\n * @param {Cluster} c The cluster that the mouse moved out of.\r\n * @event\r\n */\n google.maps.event.trigger(_this.cluster.getClusterer(), 'mouseout', _this.cluster);\n });\n };\n\n _proto.onRemove = function onRemove() {\n if (this.div && this.div.parentNode) {\n this.hide();\n\n if (this.boundsChangedListener !== null) {\n google.maps.event.removeListener(this.boundsChangedListener);\n }\n\n google.maps.event.clearInstanceListeners(this.div);\n this.div.parentNode.removeChild(this.div);\n this.div = null;\n }\n };\n\n _proto.draw = function draw() {\n if (this.visible && this.div !== null && this.center) {\n var _this$getPosFromLatLn = this.getPosFromLatLng(this.center),\n x = _this$getPosFromLatLn.x,\n y = _this$getPosFromLatLn.y;\n\n this.div.style.top = y + 'px';\n this.div.style.left = x + 'px';\n }\n };\n\n _proto.hide = function hide() {\n if (this.div) {\n this.div.style.display = 'none';\n }\n\n this.visible = false;\n };\n\n _proto.show = function show() {\n if (this.div && this.center) {\n var img = '',\n divTitle = ''; // NOTE: values must be specified in px units\n\n var bp = this.backgroundPosition.split(' ');\n var spriteH = parseInt(bp[0].replace(/^\\s+|\\s+$/g, ''), 10);\n var spriteV = parseInt(bp[1].replace(/^\\s+|\\s+$/g, ''), 10);\n var pos = this.getPosFromLatLng(this.center);\n\n if (this.sums === null || typeof this.sums.title === 'undefined' || this.sums.title === '') {\n divTitle = this.cluster.getClusterer().getTitle();\n } else {\n divTitle = this.sums.title;\n }\n\n this.div.style.cssText = this.createCss(pos);\n img = \"\";\n this.div.innerHTML = img + \"

\" + // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.sums.text + '

';\n this.div.title = divTitle;\n this.div.style.display = '';\n }\n\n this.visible = true;\n };\n\n _proto.useStyle = function useStyle(sums) {\n this.sums = sums;\n var style = this.styles[Math.min(this.styles.length - 1, Math.max(0, sums.index - 1))];\n this.url = style.url;\n this.height = style.height;\n this.width = style.width;\n if (style.className) this.className = this.className + \" \" + style.className;\n this.anchorText = style.anchorText || [0, 0];\n this.anchorIcon = style.anchorIcon || [this.height / 2, this.width / 2];\n this.textColor = style.textColor || 'black';\n this.textSize = style.textSize || 11;\n this.textDecoration = style.textDecoration || 'none';\n this.fontWeight = style.fontWeight || 'bold';\n this.fontStyle = style.fontStyle || 'normal';\n this.fontFamily = style.fontFamily || 'Arial,sans-serif';\n this.backgroundPosition = style.backgroundPosition || '0 0';\n };\n\n _proto.setCenter = function setCenter(center) {\n this.center = center;\n };\n\n _proto.createCss = function createCss(pos) {\n var style = [];\n style.push('cursor: pointer;');\n style.push('position: absolute; top: ' + pos.y + 'px; left: ' + pos.x + 'px;');\n style.push('width: ' + this.width + 'px; height: ' + this.height + 'px;');\n return style.join('');\n };\n\n _proto.getPosFromLatLng = function getPosFromLatLng(latlng) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n var pos = this.getProjection().fromLatLngToDivPixel(latlng);\n pos.x -= this.anchorIcon[1];\n pos.y -= this.anchorIcon[0]; // pos.x = pos.x\n // pos.y = pos.y\n\n return pos;\n };\n\n return ClusterIcon;\n}();\n\nvar Cluster = /*#__PURE__*/function () {\n function Cluster(markerClusterer) {\n this.markerClusterer = markerClusterer; // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n\n this.map = this.markerClusterer.getMap();\n this.gridSize = this.markerClusterer.getGridSize();\n this.minClusterSize = this.markerClusterer.getMinimumClusterSize();\n this.averageCenter = this.markerClusterer.getAverageCenter();\n this.markers = [];\n this.center = undefined;\n this.bounds = null;\n this.clusterIcon = new ClusterIcon(this, this.markerClusterer.getStyles());\n }\n\n var _proto = Cluster.prototype;\n\n _proto.getSize = function getSize() {\n return this.markers.length;\n };\n\n _proto.getMarkers = function getMarkers() {\n return this.markers;\n };\n\n _proto.getCenter = function getCenter() {\n return this.center;\n };\n\n _proto.getMap = function getMap() {\n return this.map;\n };\n\n _proto.getClusterer = function getClusterer() {\n return this.markerClusterer;\n };\n\n _proto.getBounds = function getBounds() {\n var bounds = new google.maps.LatLngBounds(this.center, this.center);\n var markers = this.getMarkers();\n\n for (var i = 0; i < markers.length; i++) {\n var position = markers[i].getPosition();\n\n if (position) {\n bounds.extend(position);\n }\n }\n\n return bounds;\n };\n\n _proto.remove = function remove() {\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.clusterIcon.setMap(null);\n this.markers = []; // @ts-ignore\n\n delete this.markers;\n };\n\n _proto.addMarker = function addMarker(marker) {\n if (this.isMarkerAlreadyAdded(marker)) {\n return false;\n }\n\n if (!this.center) {\n var position = marker.getPosition();\n\n if (position) {\n this.center = position;\n this.calculateBounds();\n }\n } else {\n if (this.averageCenter) {\n var _position = marker.getPosition();\n\n if (_position) {\n var length = this.markers.length + 1;\n this.center = new google.maps.LatLng((this.center.lat() * (length - 1) + _position.lat()) / length, (this.center.lng() * (length - 1) + _position.lng()) / length);\n this.calculateBounds();\n }\n }\n }\n\n marker.isAdded = true;\n this.markers.push(marker);\n var mCount = this.markers.length;\n var maxZoom = this.markerClusterer.getMaxZoom();\n\n if (maxZoom !== null && this.map.getZoom() > maxZoom) {\n // Zoomed in past max zoom, so show the marker.\n if (marker.getMap() !== this.map) {\n marker.setMap(this.map);\n }\n } else if (mCount < this.minClusterSize) {\n // Min cluster size not reached so show the marker.\n if (marker.getMap() !== this.map) {\n marker.setMap(this.map);\n }\n } else if (mCount === this.minClusterSize) {\n // Hide the markers that were showing.\n for (var i = 0; i < mCount; i++) {\n this.markers[i].setMap(null);\n }\n } else {\n marker.setMap(null);\n }\n\n return true;\n };\n\n _proto.isMarkerInClusterBounds = function isMarkerInClusterBounds(marker) {\n if (this.bounds !== null) {\n var position = marker.getPosition();\n\n if (position) {\n return this.bounds.contains(position);\n }\n }\n\n return false;\n };\n\n _proto.calculateBounds = function calculateBounds() {\n this.bounds = this.markerClusterer.getExtendedBounds(new google.maps.LatLngBounds(this.center, this.center));\n };\n\n _proto.updateIcon = function updateIcon() {\n var mCount = this.markers.length;\n var maxZoom = this.markerClusterer.getMaxZoom();\n\n if (maxZoom !== null && this.map.getZoom() > maxZoom) {\n this.clusterIcon.hide();\n return;\n }\n\n if (mCount < this.minClusterSize) {\n // Min cluster size not yet reached.\n this.clusterIcon.hide();\n return;\n }\n\n if (this.center) {\n this.clusterIcon.setCenter(this.center);\n }\n\n this.clusterIcon.useStyle(this.markerClusterer.getCalculator()(this.markers, this.markerClusterer.getStyles().length));\n this.clusterIcon.show();\n };\n\n _proto.isMarkerAlreadyAdded = function isMarkerAlreadyAdded(marker) {\n if (this.markers.includes) {\n return this.markers.includes(marker);\n } else {\n for (var i = 0; i < this.markers.length; i++) {\n if (marker === this.markers[i]) {\n return true;\n }\n }\n }\n\n return false;\n };\n\n return Cluster;\n}();\n\n/* global google */\n/**\r\n * Supports up to 9007199254740991 (Number.MAX_SAFE_INTEGER) markers\r\n * which is not a problem as max array length is 4294967296 (2**32)\r\n */\n\nvar CALCULATOR = function CALCULATOR(markers, numStyles) {\n var count = markers.length;\n var numberOfDigits = count.toString().length;\n var index = Math.min(numberOfDigits, numStyles);\n return {\n text: count.toString(),\n index: index,\n title: ''\n };\n};\n\nvar BATCH_SIZE = 2000;\nvar BATCH_SIZE_IE = 500;\nvar IMAGE_PATH = 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m';\nvar IMAGE_EXTENSION = 'png';\nvar IMAGE_SIZES = [53, 56, 66, 78, 90];\nvar CLUSTERER_CLASS = 'cluster';\nvar Clusterer = /*#__PURE__*/function () {\n function Clusterer(map, optMarkers, optOptions) {\n if (optMarkers === void 0) {\n optMarkers = [];\n }\n\n if (optOptions === void 0) {\n optOptions = {};\n }\n\n this.extend(Clusterer, google.maps.OverlayView);\n this.markers = [];\n this.clusters = [];\n this.listeners = [];\n this.activeMap = null;\n this.ready = false;\n this.gridSize = optOptions.gridSize || 60;\n this.minClusterSize = optOptions.minimumClusterSize || 2;\n this.maxZoom = optOptions.maxZoom || null;\n this.styles = optOptions.styles || [];\n this.title = optOptions.title || '';\n this.zoomOnClick = true;\n\n if (optOptions.zoomOnClick !== undefined) {\n this.zoomOnClick = optOptions.zoomOnClick;\n }\n\n this.averageCenter = false;\n\n if (optOptions.averageCenter !== undefined) {\n this.averageCenter = optOptions.averageCenter;\n }\n\n this.ignoreHidden = false;\n\n if (optOptions.ignoreHidden !== undefined) {\n this.ignoreHidden = optOptions.ignoreHidden;\n }\n\n this.enableRetinaIcons = false;\n\n if (optOptions.enableRetinaIcons !== undefined) {\n this.enableRetinaIcons = optOptions.enableRetinaIcons;\n }\n\n this.imagePath = optOptions.imagePath || IMAGE_PATH;\n this.imageExtension = optOptions.imageExtension || IMAGE_EXTENSION;\n this.imageSizes = optOptions.imageSizes || IMAGE_SIZES;\n this.calculator = optOptions.calculator || CALCULATOR;\n this.batchSize = optOptions.batchSize || BATCH_SIZE;\n this.batchSizeIE = optOptions.batchSizeIE || BATCH_SIZE_IE;\n this.clusterClass = optOptions.clusterClass || CLUSTERER_CLASS;\n\n if (navigator.userAgent.toLowerCase().indexOf('msie') !== -1) {\n // Try to avoid IE timeout when processing a huge number of markers:\n this.batchSize = this.batchSizeIE;\n }\n\n this.timerRefStatic = null;\n this.setupStyles();\n this.addMarkers(optMarkers, true); // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n\n this.setMap(map); // Note: this causes onAdd to be called\n }\n\n var _proto = Clusterer.prototype;\n\n _proto.onAdd = function onAdd() {\n var _this = this;\n\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.activeMap = this.getMap();\n this.ready = true;\n this.repaint(); // Add the map event listeners\n\n this.listeners = [google.maps.event.addListener( // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.getMap(), 'zoom_changed', // eslint-disable-next-line @getify/proper-arrows/this, @getify/proper-arrows/name\n function () {\n _this.resetViewport(false); // Workaround for this Google bug: when map is at level 0 and \"-\" of\n // zoom slider is clicked, a \"zoom_changed\" event is fired even though\n // the map doesn't zoom out any further. In this situation, no \"idle\"\n // event is triggered so the cluster markers that have been removed\n // do not get redrawn. Same goes for a zoom in at maxZoom.\n\n\n if ( // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n _this.getMap().getZoom() === (_this.get('minZoom') || 0) || // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n _this.getMap().getZoom() === _this.get('maxZoom')) {\n google.maps.event.trigger(_this, 'idle');\n }\n }), google.maps.event.addListener( // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.getMap(), 'idle', // eslint-disable-next-line @getify/proper-arrows/this, @getify/proper-arrows/name\n function () {\n _this.redraw();\n })];\n } // eslint-disable-next-line @getify/proper-arrows/this\n ;\n\n _proto.onRemove = function onRemove() {\n // Put all the managed markers back on the map:\n for (var i = 0; i < this.markers.length; i++) {\n if (this.markers[i].getMap() !== this.activeMap) {\n this.markers[i].setMap(this.activeMap);\n }\n } // Remove all clusters:\n\n\n for (var _i = 0; _i < this.clusters.length; _i++) {\n this.clusters[_i].remove();\n }\n\n this.clusters = []; // Remove map event listeners:\n\n for (var _i2 = 0; _i2 < this.listeners.length; _i2++) {\n google.maps.event.removeListener(this.listeners[_i2]);\n }\n\n this.listeners = [];\n this.activeMap = null;\n this.ready = false;\n } // eslint-disable-next-line @typescript-eslint/no-empty-function\n ;\n\n _proto.draw = function draw() {};\n\n _proto.setupStyles = function setupStyles() {\n if (this.styles.length > 0) {\n return;\n }\n\n for (var i = 0; i < this.imageSizes.length; i++) {\n this.styles.push({\n url: this.imagePath + (i + 1) + '.' + this.imageExtension,\n height: this.imageSizes[i],\n width: this.imageSizes[i]\n });\n }\n };\n\n _proto.fitMapToMarkers = function fitMapToMarkers() {\n var markers = this.getMarkers();\n var bounds = new google.maps.LatLngBounds();\n\n for (var i = 0; i < markers.length; i++) {\n var position = markers[i].getPosition();\n\n if (position) {\n bounds.extend(position);\n }\n } // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n\n\n this.getMap().fitBounds(bounds);\n };\n\n _proto.getGridSize = function getGridSize() {\n return this.gridSize;\n };\n\n _proto.setGridSize = function setGridSize(gridSize) {\n this.gridSize = gridSize;\n };\n\n _proto.getMinimumClusterSize = function getMinimumClusterSize() {\n return this.minClusterSize;\n };\n\n _proto.setMinimumClusterSize = function setMinimumClusterSize(minimumClusterSize) {\n this.minClusterSize = minimumClusterSize;\n };\n\n _proto.getMaxZoom = function getMaxZoom() {\n return this.maxZoom;\n };\n\n _proto.setMaxZoom = function setMaxZoom(maxZoom) {\n this.maxZoom = maxZoom;\n };\n\n _proto.getStyles = function getStyles() {\n return this.styles;\n };\n\n _proto.setStyles = function setStyles(styles) {\n this.styles = styles;\n };\n\n _proto.getTitle = function getTitle() {\n return this.title;\n };\n\n _proto.setTitle = function setTitle(title) {\n this.title = title;\n };\n\n _proto.getZoomOnClick = function getZoomOnClick() {\n return this.zoomOnClick;\n };\n\n _proto.setZoomOnClick = function setZoomOnClick(zoomOnClick) {\n this.zoomOnClick = zoomOnClick;\n };\n\n _proto.getAverageCenter = function getAverageCenter() {\n return this.averageCenter;\n };\n\n _proto.setAverageCenter = function setAverageCenter(averageCenter) {\n this.averageCenter = averageCenter;\n };\n\n _proto.getIgnoreHidden = function getIgnoreHidden() {\n return this.ignoreHidden;\n };\n\n _proto.setIgnoreHidden = function setIgnoreHidden(ignoreHidden) {\n this.ignoreHidden = ignoreHidden;\n };\n\n _proto.getEnableRetinaIcons = function getEnableRetinaIcons() {\n return this.enableRetinaIcons;\n };\n\n _proto.setEnableRetinaIcons = function setEnableRetinaIcons(enableRetinaIcons) {\n this.enableRetinaIcons = enableRetinaIcons;\n };\n\n _proto.getImageExtension = function getImageExtension() {\n return this.imageExtension;\n };\n\n _proto.setImageExtension = function setImageExtension(imageExtension) {\n this.imageExtension = imageExtension;\n };\n\n _proto.getImagePath = function getImagePath() {\n return this.imagePath;\n };\n\n _proto.setImagePath = function setImagePath(imagePath) {\n this.imagePath = imagePath;\n };\n\n _proto.getImageSizes = function getImageSizes() {\n return this.imageSizes;\n };\n\n _proto.setImageSizes = function setImageSizes(imageSizes) {\n this.imageSizes = imageSizes;\n };\n\n _proto.getCalculator = function getCalculator() {\n return this.calculator;\n };\n\n _proto.setCalculator = function setCalculator(calculator) {\n this.calculator = calculator;\n };\n\n _proto.getBatchSizeIE = function getBatchSizeIE() {\n return this.batchSizeIE;\n };\n\n _proto.setBatchSizeIE = function setBatchSizeIE(batchSizeIE) {\n this.batchSizeIE = batchSizeIE;\n };\n\n _proto.getClusterClass = function getClusterClass() {\n return this.clusterClass;\n };\n\n _proto.setClusterClass = function setClusterClass(clusterClass) {\n this.clusterClass = clusterClass;\n };\n\n _proto.getMarkers = function getMarkers() {\n return this.markers;\n };\n\n _proto.getTotalMarkers = function getTotalMarkers() {\n return this.markers.length;\n };\n\n _proto.getClusters = function getClusters() {\n return this.clusters;\n };\n\n _proto.getTotalClusters = function getTotalClusters() {\n return this.clusters.length;\n };\n\n _proto.addMarker = function addMarker(marker, optNoDraw) {\n this.pushMarkerTo(marker);\n\n if (!optNoDraw) {\n this.redraw();\n }\n };\n\n _proto.addMarkers = function addMarkers(markers, optNoDraw) {\n for (var key in markers) {\n if (markers.hasOwnProperty(key)) {\n this.pushMarkerTo(markers[key]);\n }\n }\n\n if (!optNoDraw) {\n this.redraw();\n }\n };\n\n _proto.pushMarkerTo = function pushMarkerTo(marker) {\n var _this2 = this;\n\n // If the marker is draggable add a listener so we can update the clusters on the dragend:\n if (marker.getDraggable()) {\n // eslint-disable-next-line @getify/proper-arrows/name, @getify/proper-arrows/this\n google.maps.event.addListener(marker, 'dragend', function () {\n if (_this2.ready) {\n marker.isAdded = false;\n\n _this2.repaint();\n }\n });\n }\n\n marker.isAdded = false;\n this.markers.push(marker);\n };\n\n _proto.removeMarker_ = function removeMarker_(marker) {\n var index = -1;\n\n if (this.markers.indexOf) {\n index = this.markers.indexOf(marker);\n } else {\n for (var i = 0; i < this.markers.length; i++) {\n if (marker === this.markers[i]) {\n index = i;\n break;\n }\n }\n }\n\n if (index === -1) {\n // Marker is not in our list of markers, so do nothing:\n return false;\n }\n\n marker.setMap(null);\n this.markers.splice(index, 1); // Remove the marker from the list of managed markers\n\n return true;\n };\n\n _proto.removeMarker = function removeMarker(marker, optNoDraw) {\n var removed = this.removeMarker_(marker);\n\n if (!optNoDraw && removed) {\n this.repaint();\n }\n\n return removed;\n };\n\n _proto.removeMarkers = function removeMarkers(markers, optNoDraw) {\n var removed = false;\n\n for (var i = 0; i < markers.length; i++) {\n removed = removed || this.removeMarker_(markers[i]);\n }\n\n if (!optNoDraw && removed) {\n this.repaint();\n }\n\n return removed;\n };\n\n _proto.clearMarkers = function clearMarkers() {\n this.resetViewport(true);\n this.markers = [];\n };\n\n _proto.repaint = function repaint() {\n var oldClusters = this.clusters.slice();\n this.clusters = [];\n this.resetViewport(false);\n this.redraw(); // Remove the old clusters.\n // Do it in a timeout to prevent blinking effect.\n\n setTimeout(function timeout() {\n for (var i = 0; i < oldClusters.length; i++) {\n oldClusters[i].remove();\n }\n }, 0);\n };\n\n _proto.getExtendedBounds = function getExtendedBounds(bounds) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n var projection = this.getProjection(); // Convert the points to pixels and the extend out by the grid size.\n\n var trPix = projection.fromLatLngToDivPixel( // Turn the bounds into latlng.\n new google.maps.LatLng(bounds.getNorthEast().lat(), bounds.getNorthEast().lng()));\n trPix.x += this.gridSize;\n trPix.y -= this.gridSize;\n var blPix = projection.fromLatLngToDivPixel( // Turn the bounds into latlng.\n new google.maps.LatLng(bounds.getSouthWest().lat(), bounds.getSouthWest().lng()));\n blPix.x -= this.gridSize;\n blPix.y += this.gridSize; // Extend the bounds to contain the new bounds.\n\n bounds.extend( // Convert the pixel points back to LatLng nw\n projection.fromDivPixelToLatLng(trPix));\n bounds.extend( // Convert the pixel points back to LatLng sw\n projection.fromDivPixelToLatLng(blPix));\n return bounds;\n };\n\n _proto.redraw = function redraw() {\n // Redraws all the clusters.\n this.createClusters(0);\n };\n\n _proto.resetViewport = function resetViewport(optHide) {\n // Remove all the clusters\n for (var i = 0; i < this.clusters.length; i++) {\n this.clusters[i].remove();\n }\n\n this.clusters = []; // Reset the markers to not be added and to be removed from the map.\n\n for (var _i3 = 0; _i3 < this.markers.length; _i3++) {\n var marker = this.markers[_i3];\n marker.isAdded = false;\n\n if (optHide) {\n marker.setMap(null);\n }\n }\n };\n\n _proto.distanceBetweenPoints = function distanceBetweenPoints(p1, p2) {\n var R = 6371; // Radius of the Earth in km\n\n var dLat = (p2.lat() - p1.lat()) * Math.PI / 180;\n var dLon = (p2.lng() - p1.lng()) * Math.PI / 180;\n var a = Math.sin(dLat / 2) * Math.sin(dLat / 2) + Math.cos(p1.lat() * Math.PI / 180) * Math.cos(p2.lat() * Math.PI / 180) * Math.sin(dLon / 2) * Math.sin(dLon / 2);\n return R * (2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)));\n };\n\n _proto.isMarkerInBounds = function isMarkerInBounds(marker, bounds) {\n var position = marker.getPosition();\n\n if (position) {\n return bounds.contains(position);\n }\n\n return false;\n };\n\n _proto.addToClosestCluster = function addToClosestCluster(marker) {\n var cluster;\n var distance = 40000; // Some large number\n\n var clusterToAddTo = null;\n\n for (var i = 0; i < this.clusters.length; i++) {\n cluster = this.clusters[i];\n var center = cluster.getCenter();\n var position = marker.getPosition();\n\n if (center && position) {\n var d = this.distanceBetweenPoints(center, position);\n\n if (d < distance) {\n distance = d;\n clusterToAddTo = cluster;\n }\n }\n }\n\n if (clusterToAddTo && clusterToAddTo.isMarkerInClusterBounds(marker)) {\n clusterToAddTo.addMarker(marker);\n } else {\n cluster = new Cluster(this);\n cluster.addMarker(marker);\n this.clusters.push(cluster);\n }\n };\n\n _proto.createClusters = function createClusters(iFirst) {\n var _this3 = this;\n\n if (!this.ready) {\n return;\n } // Cancel previous batch processing if we're working on the first batch:\n\n\n if (iFirst === 0) {\n /**\r\n * This event is fired when the Clusterer begins\r\n * clustering markers.\r\n * @name Clusterer#clusteringbegin\r\n * @param {Clusterer} mc The Clusterer whose markers are being clustered.\r\n * @event\r\n */\n google.maps.event.trigger(this, 'clusteringbegin', this);\n\n if (this.timerRefStatic !== null) {\n window.clearTimeout(this.timerRefStatic); // @ts-ignore\n\n delete this.timerRefStatic;\n }\n } // Get our current map view bounds.\n // Create a new bounds object so we don't affect the map.\n //\n // See Comments 9 & 11 on Issue 3651 relating to this workaround for a Google Maps bug:\n\n\n var mapBounds = // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.getMap().getZoom() > 3 ? new google.maps.LatLngBounds( // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.getMap().getBounds().getSouthWest(), // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.getMap().getBounds().getNorthEast()) : new google.maps.LatLngBounds(new google.maps.LatLng(85.02070771743472, -178.48388434375), new google.maps.LatLng(-85.08136444384544, 178.00048865625));\n var bounds = this.getExtendedBounds(mapBounds);\n var iLast = Math.min(iFirst + this.batchSize, this.markers.length);\n\n for (var i = iFirst; i < iLast; i++) {\n var marker = this.markers[i];\n\n if (!marker.isAdded && this.isMarkerInBounds(marker, bounds)) {\n if (!this.ignoreHidden || this.ignoreHidden && marker.getVisible()) {\n this.addToClosestCluster(marker);\n }\n }\n }\n\n if (iLast < this.markers.length) {\n this.timerRefStatic = window.setTimeout( // eslint-disable-next-line @getify/proper-arrows/this, @getify/proper-arrows/name\n function () {\n _this3.createClusters(iLast);\n }, 0);\n } else {\n this.timerRefStatic = null;\n /**\r\n * This event is fired when the Clusterer stops\r\n * clustering markers.\r\n * @name Clusterer#clusteringend\r\n * @param {Clusterer} mc The Clusterer whose markers are being clustered.\r\n * @event\r\n */\n\n google.maps.event.trigger(this, 'clusteringend', this);\n\n for (var _i4 = 0; _i4 < this.clusters.length; _i4++) {\n this.clusters[_i4].updateIcon();\n }\n }\n };\n\n _proto.extend = function extend(obj1, obj2) {\n return function applyExtend(object) {\n // eslint-disable-next-line guard-for-in\n for (var property in object.prototype) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.prototype[property] = object.prototype[property];\n } // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n\n\n return this;\n }.apply(obj1, [obj2]);\n };\n\n return Clusterer;\n}();\n\nexport { Cluster, ClusterIcon, Clusterer };\n//# sourceMappingURL=markerclusterer.esm.js.map\n","var InfoBox = /*#__PURE__*/function () {\n function InfoBox(options) {\n if (options === void 0) {\n options = {};\n }\n\n this.extend(InfoBox, google.maps.OverlayView); // Standard options (in common with google.maps.InfoWindow):\n\n this.content = options.content || '';\n this.disableAutoPan = options.disableAutoPan || false;\n this.maxWidth = options.maxWidth || 0;\n this.pixelOffset = options.pixelOffset || new google.maps.Size(0, 0);\n this.position = options.position || new google.maps.LatLng(0, 0);\n this.zIndex = options.zIndex || null; // Additional options (unique to InfoBox):\n\n this.boxClass = options.boxClass || 'infoBox';\n this.boxStyle = options.boxStyle || {};\n this.closeBoxMargin = options.closeBoxMargin || '2px';\n this.closeBoxURL = options.closeBoxURL || 'http://www.google.com/intl/en_us/mapfiles/close.gif';\n\n if (options.closeBoxURL === '') {\n this.closeBoxURL = '';\n }\n\n this.infoBoxClearance = options.infoBoxClearance || new google.maps.Size(1, 1);\n\n if (typeof options.visible === 'undefined') {\n if (typeof options.isHidden === 'undefined') {\n options.visible = true;\n } else {\n options.visible = !options.isHidden;\n }\n }\n\n this.isHidden = !options.visible;\n this.alignBottom = options.alignBottom || false;\n this.pane = options.pane || 'floatPane';\n this.enableEventPropagation = options.enableEventPropagation || false;\n this.div = null;\n this.closeListener = null;\n this.moveListener = null;\n this.mapListener = null;\n this.contextListener = null;\n this.eventListeners = null;\n this.fixedWidthSet = null;\n }\n\n var _proto = InfoBox.prototype;\n\n _proto.createInfoBoxDiv = function createInfoBoxDiv() {\n var _this = this;\n\n // This handler prevents an event in the InfoBox from being passed on to the map.\n function cancelHandler(event) {\n event.cancelBubble = true;\n\n if (event.stopPropagation) {\n event.stopPropagation();\n }\n } // This handler ignores the current event in the InfoBox and conditionally prevents\n // the event from being passed on to the map. It is used for the contextmenu event.\n // eslint-disable-next-line @getify/proper-arrows/this\n\n\n var ignoreHandler = function ignoreHandler(event) {\n event.returnValue = false;\n\n if (event.preventDefault) {\n event.preventDefault();\n }\n\n if (!_this.enableEventPropagation) {\n cancelHandler(event);\n }\n };\n\n if (!this.div) {\n this.div = document.createElement('div');\n this.setBoxStyle();\n\n if (typeof this.content === 'string') {\n this.div.innerHTML = this.getCloseBoxImg() + this.content;\n } else {\n this.div.innerHTML = this.getCloseBoxImg();\n this.div.appendChild(this.content);\n } // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n\n\n var panes = this.getPanes();\n panes[this.pane].appendChild(this.div); // Add the InfoBox div to the DOM\n\n this.addClickHandler();\n\n if (this.div.style.width) {\n this.fixedWidthSet = true;\n } else {\n if (this.maxWidth !== 0 && this.div.offsetWidth > this.maxWidth) {\n this.div.style.width = this.maxWidth + 'px';\n this.fixedWidthSet = true;\n } else {\n // The following code is needed to overcome problems with MSIE\n var bw = this.getBoxWidths();\n this.div.style.width = this.div.offsetWidth - bw.left - bw.right + 'px';\n this.fixedWidthSet = false;\n }\n }\n\n this.panBox(this.disableAutoPan);\n\n if (!this.enableEventPropagation) {\n this.eventListeners = []; // Cancel event propagation.\n // Note: mousemove not included (to resolve Issue 152)\n\n var events = ['mousedown', 'mouseover', 'mouseout', 'mouseup', 'click', 'dblclick', 'touchstart', 'touchend', 'touchmove'];\n\n for (var i = 0; i < events.length; i++) {\n this.eventListeners.push(google.maps.event.addDomListener(this.div, events[i], cancelHandler));\n } // Workaround for Google bug that causes the cursor to change to a pointer\n // when the mouse moves over a marker underneath InfoBox.\n\n\n this.eventListeners.push(google.maps.event.addDomListener(this.div, 'mouseover', // eslint-disable-next-line @getify/proper-arrows/this, @getify/proper-arrows/name\n function () {\n if (_this.div) {\n _this.div.style.cursor = 'default';\n }\n }));\n }\n\n this.contextListener = google.maps.event.addDomListener(this.div, 'contextmenu', ignoreHandler);\n /**\r\n * This event is fired when the DIV containing the InfoBox's content is attached to the DOM.\r\n * @name InfoBox#domready\r\n * @event\r\n */\n\n google.maps.event.trigger(this, 'domready');\n }\n };\n\n _proto.getCloseBoxImg = function getCloseBoxImg() {\n var img = '';\n\n if (this.closeBoxURL !== '') {\n img = '\";\n }\n\n return img;\n };\n\n _proto.addClickHandler = function addClickHandler() {\n if (this.div && this.div.firstChild && this.closeBoxURL !== '') {\n var closeBox = this.div.firstChild;\n this.closeListener = google.maps.event.addDomListener(closeBox, 'click', this.getCloseClickHandler());\n } else {\n this.closeListener = null;\n }\n };\n\n _proto.getCloseClickHandler = function getCloseClickHandler() {\n var _this2 = this;\n\n // eslint-disable-next-line @getify/proper-arrows/this, @getify/proper-arrows/name\n return function (event) {\n // 1.0.3 fix: Always prevent propagation of a close box click to the map:\n event.cancelBubble = true;\n\n if (event.stopPropagation) {\n event.stopPropagation();\n }\n /**\r\n * This event is fired when the InfoBox's close box is clicked.\r\n * @name InfoBox#closeclick\r\n * @event\r\n */\n\n\n google.maps.event.trigger(_this2, 'closeclick');\n\n _this2.close();\n };\n };\n\n _proto.panBox = function panBox(disablePan) {\n if (this.div && !disablePan) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n var map = this.getMap(); // Only pan if attached to map, not panorama\n\n if (map instanceof google.maps.Map) {\n var xOffset = 0;\n var yOffset = 0;\n var bounds = map.getBounds();\n\n if (bounds && !bounds.contains(this.position)) {\n // Marker not in visible area of map, so set center\n // of map to the marker position first.\n map.setCenter(this.position);\n }\n\n var mapDiv = map.getDiv(); // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n\n var mapWidth = mapDiv.offsetWidth; // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n\n var mapHeight = mapDiv.offsetHeight;\n var iwOffsetX = this.pixelOffset.width;\n var iwOffsetY = this.pixelOffset.height;\n var iwWidth = this.div.offsetWidth;\n var iwHeight = this.div.offsetHeight;\n var padX = this.infoBoxClearance.width;\n var padY = this.infoBoxClearance.height; // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n\n var projection = this.getProjection();\n var pixPosition = projection.fromLatLngToContainerPixel(this.position);\n\n if (pixPosition.x < -iwOffsetX + padX) {\n xOffset = pixPosition.x + iwOffsetX - padX;\n } else if (pixPosition.x + iwWidth + iwOffsetX + padX > mapWidth) {\n xOffset = pixPosition.x + iwWidth + iwOffsetX + padX - mapWidth;\n }\n\n if (this.alignBottom) {\n if (pixPosition.y < -iwOffsetY + padY + iwHeight) {\n yOffset = pixPosition.y + iwOffsetY - padY - iwHeight;\n } else if (pixPosition.y + iwOffsetY + padY > mapHeight) {\n yOffset = pixPosition.y + iwOffsetY + padY - mapHeight;\n }\n } else {\n if (pixPosition.y < -iwOffsetY + padY) {\n yOffset = pixPosition.y + iwOffsetY - padY;\n } else if (pixPosition.y + iwHeight + iwOffsetY + padY > mapHeight) {\n yOffset = pixPosition.y + iwHeight + iwOffsetY + padY - mapHeight;\n }\n }\n\n if (!(xOffset === 0 && yOffset === 0)) {\n // Move the map to the shifted center.\n map.panBy(xOffset, yOffset);\n }\n }\n }\n };\n\n _proto.setBoxStyle = function setBoxStyle() {\n if (this.div) {\n // Apply style values from the style sheet defined in the boxClass parameter:\n this.div.className = this.boxClass; // Clear existing inline style values:\n\n this.div.style.cssText = ''; // Apply style values defined in the boxStyle parameter:\n\n var boxStyle = this.boxStyle;\n\n for (var i in boxStyle) {\n if (boxStyle.hasOwnProperty(i)) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.div.style[i] = boxStyle[i];\n }\n } // Fix for iOS disappearing InfoBox problem\n // See http://stackoverflow.com/questions/9229535/google-maps-markers-disappear-at-certain-zoom-level-only-on-iphone-ipad\n\n\n this.div.style.webkitTransform = 'translateZ(0)'; // Fix up opacity style for benefit of MSIE\n\n if (typeof this.div.style.opacity !== 'undefined' && this.div.style.opacity !== '') {\n // See http://www.quirksmode.org/css/opacity.html\n var opacity = parseFloat(this.div.style.opacity || ''); // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n\n this.div.style.msFilter = '\"progid:DXImageTransform.Microsoft.Alpha(Opacity=' + opacity * 100 + ')\"';\n this.div.style.filter = 'alpha(opacity=' + opacity * 100 + ')';\n } // Apply required styles\n\n\n this.div.style.position = 'absolute';\n this.div.style.visibility = 'hidden';\n\n if (this.zIndex !== null) {\n this.div.style.zIndex = this.zIndex + '';\n }\n\n if (!this.div.style.overflow) {\n this.div.style.overflow = 'auto';\n }\n }\n };\n\n _proto.getBoxWidths = function getBoxWidths() {\n var bw = {\n top: 0,\n bottom: 0,\n left: 0,\n right: 0\n };\n\n if (!this.div) {\n return bw;\n }\n\n if (document.defaultView && document.defaultView.getComputedStyle) {\n var ownerDocument = this.div.ownerDocument;\n var computedStyle = ownerDocument && ownerDocument.defaultView ? ownerDocument.defaultView.getComputedStyle(this.div, '') : null;\n\n if (computedStyle) {\n // The computed styles are always in pixel units (good!)\n bw.top = parseInt(computedStyle.borderTopWidth || '', 10) || 0;\n bw.bottom = parseInt(computedStyle.borderBottomWidth || '', 10) || 0;\n bw.left = parseInt(computedStyle.borderLeftWidth || '', 10) || 0;\n bw.right = parseInt(computedStyle.borderRightWidth || '', 10) || 0;\n }\n } else if ( // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n document.documentElement.currentStyle // MSIE\n ) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n var currentStyle = this.div.currentStyle;\n\n if (currentStyle) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // The current styles may not be in pixel units, but assume they are (bad!)\n bw.top = parseInt(currentStyle.borderTopWidth || '', 10) || 0;\n bw.bottom = parseInt(currentStyle.borderBottomWidth || '', 10) || 0;\n bw.left = parseInt(currentStyle.borderLeftWidth || '', 10) || 0;\n bw.right = parseInt(currentStyle.borderRightWidth || '', 10) || 0;\n }\n }\n\n return bw;\n };\n\n _proto.onRemove = function onRemove() {\n if (this.div && this.div.parentNode) {\n this.div.parentNode.removeChild(this.div);\n this.div = null;\n }\n };\n\n _proto.draw = function draw() {\n this.createInfoBoxDiv();\n\n if (this.div) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n var projection = this.getProjection();\n var pixPosition = projection.fromLatLngToDivPixel(this.position);\n this.div.style.left = pixPosition.x + this.pixelOffset.width + 'px';\n\n if (this.alignBottom) {\n this.div.style.bottom = -(pixPosition.y + this.pixelOffset.height) + 'px';\n } else {\n this.div.style.top = pixPosition.y + this.pixelOffset.height + 'px';\n }\n\n if (this.isHidden) {\n this.div.style.visibility = 'hidden';\n } else {\n this.div.style.visibility = 'visible';\n }\n }\n };\n\n _proto.setOptions = function setOptions(options) {\n if (options === void 0) {\n options = {};\n }\n\n if (typeof options.boxClass !== 'undefined') {\n // Must be first\n this.boxClass = options.boxClass;\n this.setBoxStyle();\n }\n\n if (typeof options.boxStyle !== 'undefined') {\n // Must be second\n this.boxStyle = options.boxStyle;\n this.setBoxStyle();\n }\n\n if (typeof options.content !== 'undefined') {\n this.setContent(options.content);\n }\n\n if (typeof options.disableAutoPan !== 'undefined') {\n this.disableAutoPan = options.disableAutoPan;\n }\n\n if (typeof options.maxWidth !== 'undefined') {\n this.maxWidth = options.maxWidth;\n }\n\n if (typeof options.pixelOffset !== 'undefined') {\n this.pixelOffset = options.pixelOffset;\n }\n\n if (typeof options.alignBottom !== 'undefined') {\n this.alignBottom = options.alignBottom;\n }\n\n if (typeof options.position !== 'undefined') {\n this.setPosition(options.position);\n }\n\n if (typeof options.zIndex !== 'undefined') {\n this.setZIndex(options.zIndex);\n }\n\n if (typeof options.closeBoxMargin !== 'undefined') {\n this.closeBoxMargin = options.closeBoxMargin;\n }\n\n if (typeof options.closeBoxURL !== 'undefined') {\n this.closeBoxURL = options.closeBoxURL;\n }\n\n if (typeof options.infoBoxClearance !== 'undefined') {\n this.infoBoxClearance = options.infoBoxClearance;\n }\n\n if (typeof options.isHidden !== 'undefined') {\n this.isHidden = options.isHidden;\n }\n\n if (typeof options.visible !== 'undefined') {\n this.isHidden = !options.visible;\n }\n\n if (typeof options.enableEventPropagation !== 'undefined') {\n this.enableEventPropagation = options.enableEventPropagation;\n }\n\n if (this.div) {\n this.draw();\n }\n };\n\n _proto.setContent = function setContent(content) {\n this.content = content;\n\n if (this.div) {\n if (this.closeListener) {\n google.maps.event.removeListener(this.closeListener);\n this.closeListener = null;\n } // Odd code required to make things work with MSIE.\n\n\n if (!this.fixedWidthSet) {\n this.div.style.width = '';\n }\n\n if (typeof content === 'string') {\n this.div.innerHTML = this.getCloseBoxImg() + content;\n } else {\n this.div.innerHTML = this.getCloseBoxImg();\n this.div.appendChild(content);\n } // Perverse code required to make things work with MSIE.\n // (Ensures the close box does, in fact, float to the right.)\n\n\n if (!this.fixedWidthSet) {\n this.div.style.width = this.div.offsetWidth + 'px';\n\n if (typeof content === 'string') {\n this.div.innerHTML = this.getCloseBoxImg() + content;\n } else {\n this.div.innerHTML = this.getCloseBoxImg();\n this.div.appendChild(content);\n }\n }\n\n this.addClickHandler();\n }\n /**\r\n * This event is fired when the content of the InfoBox changes.\r\n * @name InfoBox#content_changed\r\n * @event\r\n */\n\n\n google.maps.event.trigger(this, 'content_changed');\n };\n\n _proto.setPosition = function setPosition(latLng) {\n this.position = latLng;\n\n if (this.div) {\n this.draw();\n }\n /**\r\n * This event is fired when the position of the InfoBox changes.\r\n * @name InfoBox#position_changed\r\n * @event\r\n */\n\n\n google.maps.event.trigger(this, 'position_changed');\n };\n\n _proto.setVisible = function setVisible(isVisible) {\n this.isHidden = !isVisible;\n\n if (this.div) {\n this.div.style.visibility = this.isHidden ? 'hidden' : 'visible';\n }\n };\n\n _proto.setZIndex = function setZIndex(index) {\n this.zIndex = index;\n\n if (this.div) {\n this.div.style.zIndex = index + '';\n }\n /**\r\n * This event is fired when the zIndex of the InfoBox changes.\r\n * @name InfoBox#zindex_changed\r\n * @event\r\n */\n\n\n google.maps.event.trigger(this, 'zindex_changed');\n };\n\n _proto.getContent = function getContent() {\n return this.content;\n };\n\n _proto.getPosition = function getPosition() {\n return this.position;\n };\n\n _proto.getZIndex = function getZIndex() {\n return this.zIndex;\n };\n\n _proto.getVisible = function getVisible() {\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n var map = this.getMap();\n var isVisible;\n\n if (typeof map === 'undefined' || map === null) {\n isVisible = false;\n } else {\n isVisible = !this.isHidden;\n }\n\n return isVisible;\n };\n\n _proto.show = function show() {\n this.isHidden = false;\n\n if (this.div) {\n this.div.style.visibility = 'visible';\n }\n };\n\n _proto.hide = function hide() {\n this.isHidden = true;\n\n if (this.div) {\n this.div.style.visibility = 'hidden';\n }\n };\n\n _proto.open = function open(map, anchor) {\n var _this3 = this;\n\n if (anchor) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.position = anchor.getPosition();\n this.moveListener = google.maps.event.addListener(anchor, 'position_changed', // eslint-disable-next-line @getify/proper-arrows/this, @getify/proper-arrows/name\n function () {\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n var position = anchor.getPosition();\n\n _this3.setPosition(position);\n });\n this.mapListener = google.maps.event.addListener(anchor, 'map_changed', // eslint-disable-next-line @getify/proper-arrows/this, @getify/proper-arrows/name\n function () {\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n _this3.setMap(anchor.map);\n });\n } // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n\n\n this.setMap(map);\n\n if (this.div) {\n this.panBox();\n }\n };\n\n _proto.close = function close() {\n if (this.closeListener) {\n google.maps.event.removeListener(this.closeListener);\n this.closeListener = null;\n }\n\n if (this.eventListeners) {\n for (var i = 0; i < this.eventListeners.length; i++) {\n google.maps.event.removeListener(this.eventListeners[i]);\n }\n\n this.eventListeners = null;\n }\n\n if (this.moveListener) {\n google.maps.event.removeListener(this.moveListener);\n this.moveListener = null;\n }\n\n if (this.mapListener) {\n google.maps.event.removeListener(this.mapListener);\n this.mapListener = null;\n }\n\n if (this.contextListener) {\n google.maps.event.removeListener(this.contextListener);\n this.contextListener = null;\n } // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n\n\n this.setMap(null);\n };\n\n _proto.extend = function extend(obj1, obj2) {\n return function applyExtend(object) {\n // eslint-disable-next-line guard-for-in\n for (var property in object.prototype) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n if (!this.prototype.hasOwnProperty(property)) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.prototype[property] = object.prototype[property];\n }\n } // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n\n\n return this;\n }.apply(obj1, [obj2]);\n };\n\n return InfoBox;\n}();\n\nexport { InfoBox };\n//# sourceMappingURL=infobox.esm.js.map\n","import { createContext, useContext, createElement, Fragment, PureComponent, createRef, useRef, useState, useEffect, memo, useMemo, Children, isValidElement, cloneElement } from 'react';\nimport invariant from 'invariant';\nimport { Loader } from '@googlemaps/js-api-loader';\nimport { Clusterer } from '@react-google-maps/marker-clusterer';\nimport { createPortal } from 'react-dom';\nimport { InfoBox } from '@react-google-maps/infobox';\n\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {\n try {\n var info = gen[key](arg);\n var value = info.value;\n } catch (error) {\n reject(error);\n return;\n }\n\n if (info.done) {\n resolve(value);\n } else {\n Promise.resolve(value).then(_next, _throw);\n }\n}\n\nfunction _asyncToGenerator(fn) {\n return function () {\n var self = this,\n args = arguments;\n return new Promise(function (resolve, reject) {\n var gen = fn.apply(self, args);\n\n function _next(value) {\n asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value);\n }\n\n function _throw(err) {\n asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err);\n }\n\n _next(undefined);\n });\n };\n}\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nvar MapContext = /*#__PURE__*/createContext(null);\nfunction useGoogleMap() {\n !!!useContext ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'useGoogleMap is React hook and requires React version 16.8+') : invariant(false) : void 0;\n var map = useContext(MapContext);\n !!!map ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'useGoogleMap needs a GoogleMap available up in the tree') : invariant(false) : void 0;\n return map;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nvar reduce = function reduce(obj, fn, acc) {\n return Object.keys(obj).reduce(function reducer(newAcc, key) {\n return fn(newAcc, obj[key], key);\n }, acc);\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction forEach(obj, fn) {\n Object.keys(obj).forEach(function iterator(key) {\n return fn(obj[key], key);\n });\n}\n\n/* global google */\nvar applyUpdaterToNextProps = function applyUpdaterToNextProps( // eslint-disable-next-line @typescript-eslint/no-explicit-any\nupdaterMap, // eslint-disable-next-line @typescript-eslint/no-explicit-any\nprevProps, // eslint-disable-next-line @typescript-eslint/no-explicit-any\nnextProps, // eslint-disable-next-line @typescript-eslint/no-explicit-any\ninstance // eslint-disable-next-line @typescript-eslint/no-explicit-any\n) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n var map = {}; // eslint-disable-next-line @typescript-eslint/no-explicit-any\n\n var iter = function iter(fn, key) {\n var nextValue = nextProps[key];\n\n if (nextValue !== prevProps[key]) {\n map[key] = nextValue;\n fn(instance, nextValue);\n }\n };\n\n forEach(updaterMap, iter);\n return map;\n};\nfunction registerEvents( // eslint-disable-next-line @typescript-eslint/no-explicit-any\nprops, // eslint-disable-next-line @typescript-eslint/no-explicit-any\ninstance, eventMap) {\n var registeredList = reduce(eventMap, function reducer(acc, googleEventName, // eslint-disable-next-line @typescript-eslint/no-explicit-any\n onEventName) {\n if (typeof props[onEventName] === 'function') {\n acc.push(google.maps.event.addListener(instance, googleEventName, props[onEventName]));\n }\n\n return acc;\n }, []);\n return registeredList;\n}\n\nfunction unregisterEvent(registered) {\n google.maps.event.removeListener(registered);\n}\n\nfunction unregisterEvents(events) {\n if (events === void 0) {\n events = [];\n }\n\n events.forEach(unregisterEvent);\n}\nfunction applyUpdatersToPropsAndRegisterEvents(_ref) {\n var updaterMap = _ref.updaterMap,\n eventMap = _ref.eventMap,\n prevProps = _ref.prevProps,\n nextProps = _ref.nextProps,\n instance = _ref.instance;\n var registeredEvents = registerEvents(nextProps, instance, eventMap);\n applyUpdaterToNextProps(updaterMap, prevProps, nextProps, instance);\n return registeredEvents;\n}\n\nvar eventMap = {\n onDblClick: 'dblclick',\n onDragEnd: 'dragend',\n onDragStart: 'dragstart',\n onMapTypeIdChanged: 'maptypeid_changed',\n onMouseMove: 'mousemove',\n onMouseOut: 'mouseout',\n onMouseOver: 'mouseover',\n onMouseDown: 'mousedown',\n onMouseUp: 'mouseup',\n onRightClick: 'rightclick',\n onTilesLoaded: 'tilesloaded',\n onBoundsChanged: 'bounds_changed',\n onCenterChanged: 'center_changed',\n onClick: 'click',\n onDrag: 'drag',\n onHeadingChanged: 'heading_changed',\n onIdle: 'idle',\n onProjectionChanged: 'projection_changed',\n onResize: 'resize',\n onTiltChanged: 'tilt_changed',\n onZoomChanged: 'zoom_changed'\n};\nvar updaterMap = {\n extraMapTypes: function extraMapTypes(map, extra) {\n extra.forEach(function forEachExtra(it, i) {\n map.mapTypes.set(String(i), it);\n });\n },\n center: function center(map, _center) {\n map.setCenter(_center);\n },\n clickableIcons: function clickableIcons(map, clickable) {\n map.setClickableIcons(clickable);\n },\n heading: function heading(map, _heading) {\n map.setHeading(_heading);\n },\n mapTypeId: function mapTypeId(map, _mapTypeId) {\n map.setMapTypeId(_mapTypeId);\n },\n options: function options(map, _options) {\n map.setOptions(_options);\n },\n streetView: function streetView(map, _streetView) {\n map.setStreetView(_streetView);\n },\n tilt: function tilt(map, _tilt) {\n map.setTilt(_tilt);\n },\n zoom: function zoom(map, _zoom) {\n map.setZoom(_zoom);\n }\n}; // function GoogleMapFunctional({ children, options, id, mapContainerStyle, center, clickableIcons, extraMapTypes, heading, mapContainerClassName, mapTypeId, onBoundsChanged, onCenterChanged, onClick, onDblClick, onDrag, onDragEnd, onDragStart, onHeadingChanged, onIdle, onProjectionChanged, onResize, onTiltChanged, onLoad }: GoogleMapProps): JSX.Element {\n// const [map, setMap] = React.useState(null)\n// const ref = React.useRef(null)\n// const getInstance = React.useCallback(() => {\n// if (ref.current === null) {\n// return null\n// }\n// return new google.maps.Map(ref.current, options)\n// }, [options])\n// React.useEffect(() => {\n// }, [])\n// const panTo = React.useCallback((latLng: google.maps.LatLng | google.maps.LatLngLiteral): void => {\n// const map = getInstance()\n// if (map) {\n// map.panTo(latLng)\n// }\n// }, [])\n// React.useEffect(() => {\n// const map = getInstance()\n// }, [])\n// return (\n// \n// \n// {map !== null ? children : <>}\n// \n//